.cont3 .modal-title{
    margin:0 auto;
}
.cont3 .btn-close{
    position:absolute;
    right:2%;
}
.cont3 .modal-body{
    font-size:1.4rem;
}

.inner{
    width:100%;
    margin:0 auto;
    max-width:1600px;
}

.inner .inner__box{
    max-width:1320px;
    margin:0 auto;
}

.main-banner__container{
    position:relative;
    height:580px;
    width:100%;
    background-color: #000;
}

.main-banner__container{
    display:flex;
    justify-content: center;
}

.main-banner__container .swiper-slide{
    display: flex;
    align-items: center;
    position:relative;
    width:100% !important;
}

.main-banner__container .swiper-slide.slide1{
    background:url(../../../img/main/main-banner_01.jpg) center / cover no-repeat;
}

.main-banner__container .swiper-slide.slide2{
    background:url(../../../img/main/main-banner_02.jpg) center / cover no-repeat;
}

.main-banner__container .swiper-slide.slide3{
    background:url(../../../img/main/main-banner_03.jpg) center / cover no-repeat;
}

.main-banner__container .swiper-slide img{
    width:100%;
}

.main-banner__container .slide-content{
    z-index:10;
    position:absolute;
    align-self: center;
    color: #fff;
    width: 80%;
}

.main-banner__container .slide-content .txt-box{
    /* margin-bottom:10rem; */
}

.main-banner__container .slide-content .txt-box h2{
    margin-bottom:6rem;
}

.main-banner__container .slide-content .txt-box h2 span,
.main-banner__container .slide-content .txt-box h2 b{
    font-size:7.8rem;
}

.main-banner__container .slide-content .txt-box h2 span,
.main-banner__container .slide-content .txt-box > span{
    font-weight:300;
}

.main-banner__container .slide-content .txt-box > span{
    font-size:2.4rem;
}

.main-banner__container .slide-content .custom-timeline{
    position: absolute;
    bottom: -5vw;
    width:100%;
    height:3px;
    background-color:rgba(255,255,255,0.25);
}

.main-banner__container .slide-content .custom-timeline .progress{
    height:100%;
}

@media screen and (max-width:1600px){
    .main-banner__container {
        justify-content: center;
    }
    .main-banner__container .slide-content {
        z-index: 10;
        position: absolute;
        align-self: center;
        left: auto;
        color: #fff;
        max-width: none;
        width: 80%;
    }
    .inner{
        padding-inline:5%;
    }
}
@media screen and (max-width:1080px){
    .main-banner__container{
        height:100vh;
    }
    .main-banner__container .slide-content{
        align-self: end;
        bottom: 12%;
    }
}
@media screen and (max-width:768px){
    .main-banner__container{

    }
}

/******* sub common CSS *******/

section{
    position:relative;
    padding-block:5.5rem;
}

.link__box a{
    padding: 2rem 3rem;
    font-size:1.8rem;
    color:#333;
    display:inline-flex;
    align-items:center;
    gap:1rem;
    margin-top:1rem;
    position:relative;
}

.link__box a::after{
    position:absolute;
    content:"";
    width:0%;
    height:2px;
    background-color:#000;
    border-radius: 10px;
    bottom:0;
    left:0;
    transition:all .35s ease-in-out;
}
.link__box a:hover::after{
    width:100%;
}

.img-box img{
    width:100%;
}

/******* cont1 = company-introduction__container CSS *******/

.cont1{
    overflow:hidden;
}

.cont1 .inner__box{
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.cont1 .inner__box .title__box h2{
    display: flex;
    align-items: center;
    gap: 2rem;
}
.cont1 .inner__box .title__box h2 > div > span:last-child,
.cont1 .inner__box .title__box h2 > div > span:first-child{
    color:#222;
}

.cont1 .inner__box .title__box h2 > div > span:first-child{
    font-size: 2rem;
}

.cont1 .inner__box .title__box h2 > div > span:first-child *{
    font-size: 2rem;
}

.cont1 .inner__box .title__box h2 > div > span:first-child span.point-blue{
    color:#282cc6;
}

.cont1 .inner__box .title__box h2 > div > span:first-child span.point-green{
    color:#08ad46;
}
.cont1 .inner__box .title__box h2 > div > span:last-child{
    display:inline-block;
    margin-top:1rem;
    font-size:5rem;
}

.cont1 .inner__box .title__box h2 > div > span:last-child span.point-blue{
    font-size:5rem;
    color:#282cc6;
}

.cont1 .inner__box .content__box .content__txtBox,
.cont1 .inner__box .content__box .link__box a{
    font-size:1.8rem
}

.cont1 .inner__box .content__box .content__txtBox{
    line-height:3rem;
}

.cont1 .deco-img-box:nth-child(2){
    position:absolute;
    top:12rem;
    left:0;
}

.cont1 .deco-img-box:last-child{
    position:absolute;
    top:-30rem;
    right:0;
}

@media screen and (max-width:768px){
    .cont1 .inner__box{
        flex-direction: column;
        align-items: start;
    }

    .cont1 .inner__box .title__box h2 span{
        font-size:3rem;
    }
    .cont1 .inner__box .title__box h2 span.point-blue{
        font-size:6rem;
    }
    .cont1 .inner__box .content__box{
        margin-top:5%;
    }
    .cont1 .inner__box .content__box .content__txtBox, 
    .cont1 .inner__box .content__box .link__box a{
        font-size:2.4rem;
    }
    .cont1 .inner__box .content__box .content__txtBox{
        line-height:3.6rem;
    }
}

/******* cont2 = business-introduction__container CSS *******/

/* cont2 , cont5 title common css */

.cont2.business-introduction__container .title__box,
.cont5.performance__container .title__box{
    text-align:center;
}

.cont2.business-introduction__container .title__box h2.cont-title,
.cont5.performance__container .title__box h2.cont-title{
    font-size:4rem;
    font-weight:700;
    margin-bottom:2rem;
}

.cont2.business-introduction__container .title__box span.cont-txt,
.cont5.performance__container .title__box span.cont-txt{
    font-size:2.2rem;
}

/**********************************/

.cont2.business-introduction__container.business-introduction__container{
    background-color:#f5f5f5;
}

.cont2.business-introduction__container .business-introduction__listBoxWrapper{
    margin-top: 6rem;
}

.cont2.business-introduction__container .business-introduction__listBox{
    display:flex;
    align-items:stretch;
    gap:2rem;
    padding-left:0;
}

.cont2.business-introduction__container .business-introduction__list{
    width:calc(33.33% - 1rem);
    height:340px;
    position:relative;
    border-radius: 20px;
    overflow: hidden;
}

.cont2.business-introduction__container .business-introduction__list.off{
    width:calc(15% - 1rem);
}

.cont2.business-introduction__container .business-introduction__list:first-child .bg-pos{
    background-image:url(../../../img/main/cont2-img_03.jpg);
}

.cont2.business-introduction__container .business-introduction__list:nth-child(2) .bg-pos{
    background-image:url(../../../img/main/cont2-img_02.jpg);
}

.cont2.business-introduction__container .business-introduction__list:last-child .bg-pos{
    background-image:url(../../../img/main/cont2-img_01.jpg);
}

.cont2.business-introduction__container .business-introduction__list .bg-pos{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat:no-repeat;
    background-size:cover;
}

.cont2.business-introduction__container .business-introduction__list.active{
    width:calc(70% - 1rem);
}

.cont2.business-introduction__container .business-introduction__list .item{
    display:flex;
    flex-direction: row-reverse;
    align-items: center;
    height: 100%;
}

.cont2.business-introduction__container .business-introduction__list .item .thumb{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.cont2.business-introduction__container .business-introduction__list.active .item .thumb{
    width:50%;
}

.cont2.business-introduction__container .business-introduction__list .item .thumb .inner_thumb{
    min-width: 410px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ddd;
}

.cont2.business-introduction__container .business-introduction__list.active .item .thumb .inner_thumb{
    min-width:100%;
}

.cont2.business-introduction__container .business-introduction__list .item .thumb .cover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.64);
    color: #fff;
}

.cont2.business-introduction__container .business-introduction__list.active .item .thumb .cover{
    background:rgba(0,0,0,0);
}

.cont2.business-introduction__container .business-introduction__list .item .thumb .cover .title{
    position: absolute;
    left: 3rem;
    bottom: 3rem;
    font-size: 2.4rem;
}

.cont2.business-introduction__container .business-introduction__list .list__txtBox {
    width: 0;
    height: 100%;
    overflow: hidden;
    background: #fff;
    border-radius: 20px 0 0 20px;
    /* border: 1px #c2d2e6 solid; */
    border-right: none;
}

.cont2.business-introduction__container .business-introduction__list,
.cont2.business-introduction__container .business-introduction__list .item .thumb .cover,
.cont2.business-introduction__container .business-introduction__list .list__txtBox{
    transition:all .8s ease-in-out;
}

.cont2.business-introduction__container .business-introduction__list.active .list__txtBox{
    width:50%;
}

.cont2.business-introduction__container .business-introduction__list .list__txtBox .inner_cont{
    width: 55rem;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding:5rem;
    justify-content: center;
}


.cont2.business-introduction__container .business-introduction__list .list__txtBox .inner_cont .business-title{
    font-size:3.2rem;
    font-weight:700;
    margin-bottom:2.5rem;
}

.cont2.business-introduction__container .business-introduction__list .list__txtBox .inner_cont .business-txt{
    font-size:1.8rem;
}


@media screen and (max-width:768px){
    .cont2.business-introduction__container .business-introduction__list .list__txtBox .inner_cont{
        margin-top:2rem;
    }
    .cont2.business-introduction__container .business-introduction__list .list__txtBox{
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .cont2.business-introduction__container .business-introduction__listBox{
        overflow-x: scroll;
    }
    .cont2.business-introduction__container .business-introduction__list .item .thumb .cover .title,
    .cont2.business-introduction__container .business-introduction__list .list__txtBox .inner_cont .business-txt br{
        display:none;
    }
    .cont2.business-introduction__container .business-introduction__list .list__txtBox .inner_cont .business-txt,
    .cont2.business-introduction__container .business-introduction__list .list__txtBox .inner_cont .link__box a{
        font-size:2.5rem;
    }
    .cont2.business-introduction__container .business-introduction__list .list__txtBox .inner_cont .business-title{
        font-size:3.5rem;
    }
    .cont2.business-introduction__container .business-introduction__list,
    .cont2.business-introduction__container .business-introduction__list.off,
    .cont2.business-introduction__container .business-introduction__list.active{
        min-width:80vw;
    }
    .cont2.business-introduction__container .business-introduction__list .item{
        flex-direction:column;
        width:100%;
    }
    .cont2.business-introduction__container .business-introduction__list.active .item .thumb,
    .cont2.business-introduction__container .business-introduction__list.active .list__txtBox,
    .cont2.business-introduction__container .business-introduction__list .list__txtBox,
    .cont2.business-introduction__container .business-introduction__list .item .thumb .inner_thumb{
        width:100%;
    }
    .cont2.business-introduction__container .business-introduction__list .item .thumb .cover{
        background: rgba(0, 0, 0, 0);
    }
    
}

/******* cont3 = quote-inquiry__container CSS *******/

section.cont3.quote-inquiry__container{
    padding-block:2.5rem;
}

.cont3.quote-inquiry__container{
    background-color:#007dc6;
}

.cont3.quote-inquiry__container .inner{
    display:flex;
    align-items:center;
    justify-content: space-between;
}

.cont3.quote-inquiry__container .inner > .img-box{
    padding-left:2rem;
}

.cont3.quote-inquiry__container .title__box h2{
    color:#fff;
    font-size:3.2rem;
    font-weight:700;
}

.cont3.quote-inquiry__container .quote-inquiry__formBoxWrapper{
    width:70%;
}

.cont3.quote-inquiry__container .quote-inquiry__formBoxWrapper #inquiry_form{
    display:flex;
    align-items:start;
    gap:1rem;
}

.cont3.quote-inquiry__container .quote-inquiry__formBoxWrapper #inquiry_form .quote-inquiry_formBox{
    width:calc(85% - 0.5rem);
}

.cont3.quote-inquiry__container .quote-inquiry__formBoxWrapper #inquiry_form .quote-inquiry_formBox .quote-inquiry__inputBox{
    display:flex;
    gap:1.5rem;
}

.cont3.quote-inquiry__container .quote-inquiry__formBoxWrapper #inquiry_form .quote-inquiry_formBox .quote-inquiry__inputBox input{
    appearance: none;
    border: none;
    padding: 1rem;
    height: 5rem;
    font-size: 1.8rem;
    border-radius: 5px;
}

.cont3.quote-inquiry__container .quote-inquiry__formBoxWrapper #inquiry_form .quote-inquiry_formBox .quote-inquiry__inputBox input:first-child{
    width:calc(20%  - 0.75rem);
}

.cont3.quote-inquiry__container .quote-inquiry__formBoxWrapper #inquiry_form .quote-inquiry_formBox .quote-inquiry__inputBox input:nth-child(2){
    width:calc(30%  - 0.75rem);
}

.cont3.quote-inquiry__container .quote-inquiry__formBoxWrapper #inquiry_form .quote-inquiry_formBox .quote-inquiry__inputBox input:last-child{
    width:calc(50% - 0.75rem);
}

.cont3.quote-inquiry__container .quote-inquiry__formBoxWrapper #inquiry_form .btn__box{
    width:calc(15% - 0.5rem);
}

.cont3.quote-inquiry__container .quote-inquiry__formBoxWrapper #inquiry_form .btn__box input[type="submit"]{
    background: #1e3c72;
    border: none;
    color: #fff;
    width: 100%;
    height: 5.2rem;
    border-radius: 10px;
    font-size: 2rem;
}

.cont3.quote-inquiry__container .quote-inquiry__formBoxWrapper #inquiry_form .btn__box .agree{
    position:relative;
    bottom:-0.5rem;
}

.cont3.quote-inquiry__container .quote-inquiry__formBoxWrapper #inquiry_form .btn__box .agree,
.cont3.quote-inquiry__container .quote-inquiry__formBoxWrapper #inquiry_form .btn__box .agree .agree__inputBox{
    display: flex;
    align-items: center;
    gap:0.75rem;
}


.cont3.quote-inquiry__container .quote-inquiry__formBoxWrapper #inquiry_form .btn__box .agree .agree__inputBox p{
    margin-bottom:0;
    color:#fff;
    font-size:1.2rem;
}

@media screen and (max-width:768px){
    .cont3.quote-inquiry__container .inner{
        flex-direction: column;
        align-items: center;
    }

    .cont3.quote-inquiry__container .inner .img-box{
        display:none;
    }

    .cont3.quote-inquiry__container .inner .title__box{
        margin-bottom: 2vh;
    }

    .cont3.quote-inquiry__container .quote-inquiry__formBoxWrapper{
        width:100%;
    }

    .cont3.quote-inquiry__container .quote-inquiry__formBoxWrapper #inquiry_form .btn__box{
        width:calc(22% - 0.5rem);
    }
}

/******* cont4 = news__container CSS *******/

.cont4 .inner{
    display:flex;
    justify-content: space-between;
}
.cont4 .inner > div{
    width:48%;
}

.cont4 h2{
    margin-bottom:0;
}


/* 소식 게시판 */

.cont4 .news__box .title__box h2{
    font-size:3.2rem;
    font-weight:600;
    letter-spacing: -0.5rem;
    line-height: 6rem;
    padding-inline:2vw;
}

.cont4 .news__box .news-content__listBoxWrapper{
    margin-top: 5rem;
    border-top: 1px solid #000;
}
.cont4 .news__box .news-content__listBox{
    padding-left:0;
}

.cont4 .news__box .news-content__list{
    border-bottom:1px solid #ddd;
    padding:2.5rem 3rem;
}

.cont4 .news__box .news-content__list,
.cont4 .news__box .news-content__list a{
    display:flex;
    align-items:center;
}

.cont4 .news__box .news-content__list a{
    width:100%;
}

.cont4 .news__box .news-content__list .date,
.cont4 .news__box .news-content__list .content,
.cont4 .news__box .news-content__list span:last-child{
    transition:all .3s ease-in-out;
}

.cont4 .news__box .news-content__list .date{
    font-size:1.5rem;
    width:14%;
    color:#999;
}

.cont4 .news__box .news-content__list:hover .date{
    color:#333;
}

.cont4 .news__box .news-content__list .content{
    font-size:1.8rem;
    width: 80%;
    color:#333;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cont4 .news__box .news-content__list:hover .content{
    color:#007dc6;
    font-weight:600;
}

.cont4 .news__box .news-content__list span:last-child{
    width:6%;
    opacity: 0;
    transform:translateX(-15px);
}

.cont4 .news__box .news-content__list:hover span:last-child{
    opacity: 1;
    transform:translateX(0px);
}

/* 갤러리 게시판 */

/* .cont4 .gallery__box{
    display:flex;
    flex-direction: column;
    justify-content: center;
} */

.cont4 .gallery__box .title__box {
    display:flex;
    align-items: flex-end;
    justify-content: space-between;
    position:relative;
}

.cont4 .gallery__box .title__box h2{
    font-size:3.2rem;
    font-weight:600;
    letter-spacing: -0.5rem;
}

.cont4 .gallery-swiper{
    width:100%;
    overflow: hidden;
    margin-top:5rem;
}

.cont4 .gallery-swiper .swiper-slide{
    width:100%;
}

.cont4 .gallery-swiper .swiper-slide .gallery-info{
    margin-top:2rem;
    display:flex;
    flex-direction: column;
    gap:1rem;
}

.cont4 .gallery-swiper .swiper-slide .date{
    font-size:1.4rem;
    color:#999;
}

.cont4 .gallery-swiper .swiper-slide .title{
    font-size:1.8rem;
    font-weight: 500;
    color:#333;
    line-height:2.4rem;
}

.cont4 .gallery-swiper__controlBtnBox{
    display:flex;
    gap:1rem;
    align-items: center;
}

.cont4 .gallery-swiper__controlBtnBox .swiper-button-prev{
    transform:rotate(180deg);
}

.cont4 .gallery-swiper__controlBtnBox .swiper-button-prev,
.cont4 .gallery-swiper__controlBtnBox .swiper-button-next{
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    margin-top:0;
    background-image:none;
    width:auto;
    height:auto;
}

.cont4 .gallery-swiper__controlBtnBox .swiper-button-next.swiper-button-disabled, 
.cont4 .gallery-swiper__controlBtnBox .swiper-button-prev.swiper-button-disabled{
    opacity: 0.1;
}


@media screen and (max-width:768px){
    .cont4 .inner{
        flex-direction: column;
    }
    .cont4 .inner > div{
        width:100%;
    }
    .cont4 .gallery__box .title__box h2{
        font-size:5rem;
    }
    .cont4 .gallery-swiper .swiper-slide .date{
        font-size:2.2rem;
    }
    .cont4 .gallery-swiper .swiper-slide .title{
        font-size:2.5rem;
    }
    .cont4 .news__box .news-content__list{
        padding:2.5rem 2rem;
    }
    .cont4 .news__box .news-content__list .date{
        width:18%;
        font-size:1.8rem;
    }
    .cont4 .news__box .news-content__list .content{
        font-size: 2rem;
        width:78%;
    }
    .cont4 .news__box .news-content__list span:last-child{
        width:4%;
    }
}

/******* cont5 = performance__container CSS *******/
.cont5{
    padding-bottom:0;
}
.cont5.performance__container ul{
    padding-left:0;
}

.cont5.performance__container .tab-content__listBoxWrapper .tab-content__list.off{
    display:none;
}

.cont5.performance__container .tab-title__listBox{
    display:flex;
    justify-content: center;
    margin-block:4.5rem 3rem;
}

.cont5.performance__container .tab-title__listBox a{
    color:#bbb;
    font-size:2rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    position:relative;
    padding-inline:8rem;
    font-weight:700;
}

.cont5.performance__container .tab-title__listBox a.active{
    color:#007dc6;
}

.cont5.performance__container .tab-title__listBox li:not(:last-child) a::after{
    content:"";
    position:absolute;
    width:1px;
    height:75%;
    right:0;
    background-color:#bbb;
}

.cont5.performance__container .tab-content__listBox .swiper{
    position:relative;
    overflow: hidden;
    padding:4rem;
}

.cont5.performance__container .tab-content__listBox .swiper .img-box{
    display:flex;
    flex-direction: column;
}
.cont5.performance__container .tab-content__listBox .swiper .img-box img{
    border-radius: 20px;
    box-shadow:20px 20px 20px 0 rgba(0,0,0,0.2);
}

.cont5.performance__container .tab-content__listBox .swiper .caption{
    font-size:2rem;
    margin-top:2rem;
}

.cont5.performance__container .swiper-scrollbar{
    margin-top: 6rem;
    height: 6px;
    width:100%;
    background: rgba(0, 0, 0, .05);
}

.cont5.performance__container .swiper-scrollbar-drag{
    background:#007dc6;
}

/* .cont5.performance__container .swiper .img-box img{
    max-height: 340px;
    max-width: 360px;
} */

.cont5.performance__container .deco-img-box{
    position:absolute;
    top:0;
    left:0;
    z-index: -1;
}

.cont5.performance__container .deco-img-box img{
    width:100%;
}


@media screen and (max-width:768px){
    .cont5.performance__container .tab-title__listBox{
        flex-wrap: wrap;
        gap: 1rem;
    }
    .cont5.performance__container .tab-title__listBox a{
        padding-inline:4rem;
    }
}

@media screen and (max-width:480px){
    .cont5.performance__container .tab-title__listBox a{
        padding-inline:1rem;
    }
}

/******* cont6 = organization-company__container CSS *******/
.cont6 .inner{
    position:relative;
}

.cont6 .organization-company-swiper{
    width:100%;
    overflow-x: hidden;
    display:flex;
    align-items: center;
}

.cont6 .organization-company-swiper .swiper-button-prev{
    transform:rotate(180deg);
}

.cont6 .organization-company-swiper .swiper-button-prev,
.cont6 .organization-company-swiper .swiper-button-next{
    top:auto;
    background-image:none;
    width:auto;
    height:auto;
    margin-top:0;
}