@charset "utf-8";

/*
* File       : layout.css
* Author     : B-WORKER
* Dependency : css/reset.css
*      
 * SUMMARY:
 * 1) MAIN animation
 * 2) MAIN CONTENTS
*/

/* **************************************** *
 * Main animation set
 * **************************************** */
[data-txt-motion]{}
[data-txt-motion="hidden"]{overflow:hidden;}
[data-txt-motion="hidden"] > span{display:block; opacity:0;}

.swiper-slide-active [data-txt-motion="hidden"] > span{animation:text_hidden_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="left"]{animation:text_left_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="right"]{animation:text_right_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="up"]{animation:text_up_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="down"]{animation:text_down_motion 1.6s ease 0.1s forwards;}

@keyframes text_hidden_motion {
 from{opacity:0; transform:translateY(70rem);}
 to{opacity:1; transform:translateY(0);}
}
@keyframes text_left_motion {
 from{opacity:0; transform:translateX(70rem);}
 to{opacity:1; transform:translateX(0);}
}
@keyframes text_right_motion {
 from{opacity:0; transform:translateX(-70rem);}
 to{opacity:1; transform:translateX(0);}
}
@keyframes text_up_motion {
 from{opacity:0; transform:translateY(70rem);}
 to{opacity:1; transform:translateX(0);}    
}
@keyframes text_down_motion {
 from{opacity:0; transform:translateY(-70rem);}
 to{opacity:1; transform:translateX(0);}
}

/* **************************************** *
 * Site custom
 * **************************************** */
 .gnb-mobile-btn span{background-color: #fff;}
.gray-title{/* font-size: 18rem; */ letter-spacing: 8.1rem; transform: var(--angle-01); display: block; font-weight: 700; text-transform: uppercase; }
.main-title h3{font-size: 70rem; transform: var(--angle-01); font-weight: 600; }
.main-title h3 span{display: block; line-height: 1; letter-spacing: -.7rem; position: relative; text-transform: uppercase;}
.main-title h3 span + span{margin-top: 10.45rem; left: 24rem;}
.main-title p{font-size: 21rem; font-weight: 700; line-height: 1.333;margin-top: 26.45rem; }



/* main visual */
.main-visual{height:var(--height-full);}
.main-visual-container,
.main-visual-wrapper,
.main-visual .swiper-slide{height:100% !important;}
.main-visual .swiper-slide::before{content:'';position:absolute;background-position:50% 50%;transition:all 1s ease;transform:scale(1);inset:0;background-repeat:no-repeat;background-size: cover;}
.main-visual .swiper-slide .wrap{width:100%;}
.main-visual .swiper-pagination{display:flex; }
.main-visual .swiper-pagination-bullet{background: var(--f-01);}
.main-visual__bg{position:absolute; top:0; left:0; width:100%; height:100%;}
.main-visual__bg i{display:block; height:100%; background-position:50% 50%; background-size: cover;}
.main-visual__btn{position:relative;width:30rem;height:30rem;cursor:pointer;display: flex;align-items: center;margin: 0 25rem;font-size: 16rem;color: #fff;font-weight: 600;}
.main-visual__btn::after{content:"";display:block;min-width: 30rem;height: 30rem;background:url(../img/common/arrow-basic_w.svg) no-repeat 50% 50%;background-size: 14rem;}
.main-visual__btn.button-prev{flex-direction: row-reverse;}
.main-visual__controls{position:absolute;bottom: 149rem;left:0;z-index:999;width:100%;}
.main-visual__controls > div{display:flex;align-items:center;justify-content: center;}
.main-visual__count{display:flex; align-items:center; margin:0 50rem; font-size:17rem; color:#fff;}
.main-visual__count i{display:flex; align-items:center; position:relative;}
.main-visual__count i::after{content:""; display:block; width:3rem; height:3rem; margin:0 10rem; background:#fff;}
.main-visual__btn.button-next::after{transform:rotate(-90deg);}
.main-visual__btn.button-prev::after{transform: rotate(90deg);}
.main-visual .wrap{position: relative; z-index: 100;}
.main-visual__text{position:absolute; left:0; top:0; width:100%; height: 100%;  color:#fff; z-index: 20;}
.main-visual__text .wrap{height: 100%;}
.main-visual__text h2{overflow:hidden; line-height:1.1; font-weight:700; font-size:80rem; letter-spacing:-0.5rem; letter-spacing: -3.8rem; }
.main-visual__text h2 + h2{margin-top: 14rem;}
.main-visual__text p{margin-top:43rem; font-weight:600; font-size:22rem; text-transform: uppercase; letter-spacing: 9rem;} 
.min-visual__txt-box{position: absolute; left: 0; top: 37vh;}
.min-visual__txt-box *{transform: var(--angle-01);}
.main-visual__bar{position:absolute; bottom:0; z-index:50; width:100%; height:10rem; background:rgba(255,255,255,0.3);}
.main-visual__bar > i{position:absolute; width:0%; height:100%; background:var(--c-01);}

.main-visual .swiper-slide-active .main-visual__bar > i{width:100%; transition:all 5s ease;}
.main-visual .swiper-pagination-bullet{width: 64rem; height: 64rem; border:1px solid transparent; border-radius: 100%; font-size: 19rem; background-color: transparent;display: flex; align-items: center;justify-content: center; }
.main-visual .swiper-pagination-bullet-active{border-color: #fff; background-color: rgba(255,255,255,0.1);}

.main-visual__aside{position: absolute; top: 50%; right: -218rem; z-index: 30; display: flex; transform: rotate(90deg);}
.main-visual__aside a{width: 257rem; height: 79rem; display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0 43rem; box-sizing: border-box;}
.main-visual__aside a *{color: #fff; position: relative; font-size: 16rem;}
.main-visual__aside a::before{content: ""; width: 100%; height: 100%;   transform: skewX(10deg); position: absolute; right: 0; top: 0;}
.main-visual__aside a.catalog::before{background-color: #04273F;}
.main-visual__aside a.inquiry::before{background-color: #196FB8;}
.main-visual__aside a img{transform: rotate(-90deg);}
[data-motion="top"]{transform:translateY(50rem) skewX(-13deg)}
.motion-on [data-motion="top"] {transform:translateY(0) skewX(-10deg) !important;}

@media all and (max-width:1480px){
    .main-title h3{font-size: 58rem; position: relative; left: -11rem;}
    .main-visual__text h2{font-size: 74rem;}
    .main-visual__text p{font-size: 20rem;}
}

@media all and (max-width:1023px){
	/* .main-visual{min-height: 600rem;} */
    .main-title h3 span:nth-child(1){left: 8rem;}
    .main-title h3{font-size: 44rem;}
    .main-title p{font-size: 18rem;}

    .main-visual__aside{display: none;}

    .main-visual__text h2{font-size: 52rem; letter-spacing:-.8rem;}
    .main-visual__text p{font-size: 17rem;}
    
}

@media all and (max-width:860px){
    .main-title p{font-size: 16rem; margin-top: 21rem;}
    .main-title h3{font-size: 38rem;}

    .main-visual__text h2{font-size: 48rem;}
    .main-visual__text p{font-size: 16rem; letter-spacing: 6rem;}
}

@media all and (max-width:540px){
    .main-visual{/* height: 80vh; */ position: relative;}
    .gray-title{font-size: 12rem;}
    .main-title h3{font-size: 30rem;}
    .main-title h3 span + span{left: 20rem;}
    .main-title p{font-size: 15rem;}
    .min-visual__txt-box{text-align: center; top: 50%; transform: translateY(-50%);}
	.main-visual__text h2{line-height:1.2; font-size:31rem; font-weight: 800;}
    .main-visual__text h2 span{font-weight: 800;}
    .main-visual__text h2 + h2{margin-top: 9rem;}
	.main-visual__text p{margin-top:10rem; font-size:14rem; font-weight: 400; letter-spacing: 3rem; margin-top: 28rem;} 
    .main-visual .swiper-pagination-bullet{width: 40rem; height: 40rem; font-size: 14rem;}
    .main-visual__controls{bottom: 40rem;}
    .main-visual .swiper-pagination{position: relative;}

    .main-visual__item01 .main-visual__bg i{background-position: 30% 50%;}
}


.main-product{margin-top: 118rem;}
.main-product__list{justify-content: center; gap:35rem;}
.main-product__list + .main-product__list{margin-top: 261rem;}
.main-product__item{width: 33.333%; box-sizing: border-box; border:8rem solid var(--c-01); background-color: #fff; padding:52rem 40rem 66rem; position: relative; transition: all .3s; }
.main-product__item::before,.main-product__item::after{content: ""; width: 43rem; height: 43rem; border-top: 8rem solid #c00421; border-right: 8rem solid #c00421;  position: absolute; transition: all .2s; }
.main-product__item::before{right: -8rem; top: -8rem;}
.main-product__item::after{bottom: -8rem; left: -8rem; transform: rotate(-180deg);}
.main-product__item *{transition: all .7s cubic-bezier(0.12, 0.4, 0.41, 0.86);;}
.main-product__item > img{right: -8rem; position: absolute; }
.main-product__item.item01 > img{bottom: -172rem;}
.main-product__item.item02 > img{bottom: -165rem}
.main-product__item.item03 > img{}
.main-product__item.item04 > img{}
.main-product__item.item05 > img{}
.main-product__item i{margin-bottom: 36rem; display: block; height: 90rem; width: 100%; position: relative;}
.main-product__item i img{max-height: 100%; position: absolute; }
.main-product__item i .hover{opacity: 0;}
.main-product__item p{line-height: 1.647;margin-top: 13rem; font-family: var(--lang-ko);}
.main-product__title em{font-size: 30rem; display: block; line-height: normal;  font-weight: 700; transform: var(--angle-01);}
.main-product__title{display: flex; align-items: center; gap: 10rem;}

@media (hover: hover) {
    .main-product__item:hover{background-color: var(--c-01);}
    .main-product__item:hover *{color: #fff;}
    .main-product__item:hover .hover{opacity: 1;}
    .main-product__item:hover .no-hover{opacity: 0;}
    .main-product__item:hover::after,.main-product__item:hover::before{opacity: 0;}
}


@media (max-width:1680px){
    .main-product__title em{font-size: 26rem;}
    .main-product__item p br{display: none;}
}
@media all and (max-width:1480px){
    .main-product__item i{margin-bottom: 35rem;}
    .main-product__title em{font-size: 24rem}
    .main-product__item.item01 .main-poroduct__detail img{ width: 68rem;}
    .main-product__item.item02 .main-poroduct__detail img{width: 101rem;}
    .main-product__item.item03 .main-poroduct__detail img{width: 72rem;}
    .main-product__item.item04 .main-poroduct__detail img{width: 90rem;}
    .main-product__item.item05 .main-poroduct__detail img{width: 114rem;}
    .main-product__item.item01 > img{width: 290rem;}
    .main-product__item.item02 > img{bottom: -151rem; width: 269rem; right: -9rem;}
    .main-product__item.item03 > img{width: 290rem; bottom: -142rem;}
    .main-product__item.item04 > img{width: 250rem;}
    .main-product__item.item05 > img{width: 260rem; bottom: -161rem;}
    .main-product__item{padding: 36rem 36rem 46rem;}
    .main-product__list + .main-product__list{margin-top: 230rem;}
}

@media all and (max-width:1023px){
    .main-product{margin-top: 80rem;}
    .main-product__list{gap: 24rem;}
    .main-product__title em{font-size: 22rem;}
    .main-product__item{padding: 27rem 27rem 66rem; border:7rem solid var(--c-01)}
    .main-product__item i{height: 50rem; margin-bottom: 27rem;}
    .main-product__item p{margin-top: 8rem;}
    .main-product__item.item01 .main-poroduct__detail img{ width:52rem;}
    .main-product__item.item02 .main-poroduct__detail img{width: 80rem;}
    .main-product__item.item03 .main-poroduct__detail img{width: 57rem;}
    .main-product__item.item04 .main-poroduct__detail img{width: 70rem;}
    .main-product__item.item05 .main-poroduct__detail img{width:84rem;}
    .main-product__item.item01 > img{width: 240rem; bottom: -109rem;}
    .main-product__item.item02 > img{bottom: -116rem; width: 220rem; right: -8rem;}
    .main-product__item.item03 > img{width: 220rem; bottom: -115rem;}
    .main-product__item.item04 > img{width: 220rem;}
    .main-product__item.item05 > img{width: 225rem; bottom: -117rem;}
    .main-product__title{position: relative; left: 3rem;}
    .main-product__item.item05 .main-product__title svg{position: absolute; left: 62%;}
    .main-product__item::before, .main-product__item::after{width: 33rem; height: 33rem;}
    .main-product__list + .main-product__list{margin-top: 176rem;}
    .main-product__title em span{position: relative; display: block;}
    .main-product__title em span:nth-child(1){left: -10rem;}
    .main-product__title em span:nth-child(2){left: 2rem;}
    .main-product__title svg{ width: 21rem; position: relative; top: 3rem;}
    .main-product__title svg path{stroke: #07263f; opacity: 1;}

    @media (hover: hover) {
     
        .main-product__item:hover  svg path{stroke: #fff}
    }

}

@media all and (max-width:860px){
    .main-product__list{flex-wrap: wrap;}
    .main-product__item{width: 48%;}
    .main-product__item.item03{margin-top: 110rem;}
    .main-product__list + .main-product__list{margin-top: 150rem;}
    .main-product__title em{font-size: 20rem;}
    .main-product__title em span{display: inline-block;}
    .main-product__title em span:nth-child(1),
    .main-product__title em span:nth-child(2){left: 0;}
    .main-product__item.item05 .main-product__title svg{position: relative; left: 0;}
    .main-product__item > img{right: -6rem !important;}
    .main-product__item{padding: 25rem 25rem 58rem;}
}

@media (max-width: 540px){
	.main-product__list{display: block;}
    .main-product__item{border:5rem solid var(--c-01); padding: 22rem}
    .main-product__item::before, .main-product__item::after{border-top: 5rem solid #c00421; border-right: 5rem solid #c00421; width: 23rem; height: 23rem;}
    .main-product__item::before{right: -4rem; top: -5rem;}
    .main-product__item::after{left: -4rem; bottom: -5rem;}
    .main-product__item i{margin-bottom: 12rem;}
    .main-product__item.item01 .main-poroduct__detail img{width: 44rem;}
    .main-product__item.item02 .main-poroduct__detail img{width: 58rem;}
    .main-product__title em{font-size: 17rem;}

    .main-product__item > img{right:-5rem !important}
    .main-product__item.item01 > img{width: 147rem; bottom: inherit; top:-41rem}
    .main-product__item.item02 > img{width: 145rem; bottom: inherit; top: -47rem;}
    .main-product__item{margin-top: 40rem !important; width: 100%; display: block;}
    .main-product__list:nth-child(1) .main-product__item:nth-child(1){margin-top: 0 !important;}
    .main-product__item.item03 > img{width: 170rem; bottom: inherit; top: -42rem;}
    .main-product__item.item03 .main-poroduct__detail img{width: 44rem;}
    .main-product__item.item04 .main-poroduct__detail img{width: 50rem;}
    .main-product__item.item04 > img{width: 130rem; top: -20rem;}
    .main-product__item.item05 > img{width: 141rem; bottom: inherit; top: -40rem;}
    .main-product__item.item05 .main-poroduct__detail img{width: 64rem;}
    .main-product__list + .main-product__list {margin-top: 0;}
    .main-product__title{left: 0;}
    .main-product__title svg{width: 18rem;}
    .main-product{margin-top: 60rem;}
}

.main-about{margin-top:342rem; position: relative; padding-bottom: 158rem;}
.main-about .gray-title{color: #d5d5d5;}
.main-about__image{width: 500rem; position: relative;}
.main-about__image::before{content: ""; padding-bottom: 122%; display: block;}
.main-about__image::after{content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; background-color: #fff; transition: all 1s;}
.main-about__image img{width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; position: absolute; left: 0; top: 0;}
.main-about__text{position: absolute; left: 0; z-index: 30; top: 0;}
.main-about__text h3{font-size: 57rem; letter-spacing: -2.85rem; position: relative; left: 5rem; transform: skewX(-10deg); }
.main-about__text h3 span{ display: block; position: relative;}
.main-about__text h3 span i{color: var(--c-01);}
.main-about__text h3 span + span{margin-top: -3rem; }
.main-about .swiper-slide{padding-left: 22%; padding-top: 140rem; padding-bottom: 53rem;}
.main-about .basic-slider-controls{position: absolute; bottom: 40rem;}
.main-about .swiper-controls > div{display: flex; gap: 25rem;}
.main-about .swiper-slide-active .main-about__image::after{height: 0;}
.main-about__slider .square{width: 470rem; height: 558rem; position: absolute; bottom: -53rem; left: 82rem; border:8rem solid #3276d5; display: block; z-index: -1;}
.main-about__slider .square::before,.main-about__slider .square::after{content: ""; width: 53rem; height: 53rem; border-top: 8rem solid #c00421; border-right: 8rem solid #c00421;  position: absolute; transition: all .2s; }
.main-about__slider .square::before{right: -8rem; top: -8rem;}
.main-about__slider .square::after{bottom: -8rem; left: -8rem; transform: rotate(-180deg);}
.main-about__detail h4{font-size: 29rem; text-transform: uppercase;}
.main-about__detail h4 span{transform: skewX(-10deg); display: block;}
.main-about__detail h4 i{color: var(--c-02);}
.main-about__detail p{font-size: 17rem; line-height: 1.64; color: var(--br-01); margin-top: 24rem;}
.main-about__detail  .round-button{margin-top: 90rem;}
.main-about__detail{position: absolute; bottom: 0; left: 60%; z-index: 100;}
.main-about .swiper-pagination-bullet{background-color: transparent; cursor: pointer; font-size: 20rem; color: #9AA8B2; font-weight: 500; width: auto; height: auto;}
.main-about .main-about__bg{position: absolute; z-index: -2; right: 0; bottom: 0;}
.main-about .swiper-slide{background-color: transparent;}

@media (max-width:1680px){
    .main-about__text h3{font-size: 52rem;}
    .main-about .swiper-slide{padding-left: 20%;}
    .main-about__image{width: 440rem;}
    .main-about .swiper-slide{padding-top: 125rem;}
    .main-about__detail{left: 58%;}
    .main-about__slider .square{width: 410rem;}
}
@media all and (max-width:1480px){
    .main-about__slider .square::before, .main-about__slider .square::after{width: 43rem; height: 43rem;}
    .main-about__slider .square{left: 73rem; bottom: -43rem;}
    .main-about__detail{left: 60%;}
    .main-about .main-about__bg{width: 60%;}
}

@media all and (max-width:1023px){
    .main-about{margin-top: 242rem;}
    .main-about__text h3{font-size: 36rem;}
    .main-about .swiper-slide{padding-top:85rem;}
    .main-about__image{width: 380rem;}
    .main-about__slider .square{width: 349rem; height: 458rem;}
    .main-about__detail h4{font-size: 24rem;}
    .main-about__detail p{font-size: 16rem;}
    .main-about__detail p br{display: none;}
    .main-about__detail{left: 70%;}
    .main-about__detail .round-button{margin-top: 60rem;}
    .main-about .swiper-controls > div{gap: 18rem;}
    .main-about .swiper-pagination-bullet{font-size: 17rem;}
    .main-about__slider .square{left: 63rem; bottom: -32rem;}
    .main-about__slider .square::before, .main-about__slider .square::after{width: 33rem; height: 33rem;}
    .main-about__slider .square::before{right: -7rem; top: -7rem;}
    .main-about__slider .square::after{bottom: -7rem; left: -7rem;}
    .main-about .swiper-slide{padding-bottom: 32rem;}
}

@media all and (max-width:860px){
    .main-about{margin-top: 197rem; }
    .main-about__text h3{left: 3rem; font-size: 32rem;}
    .main-about__slider{margin-top: 14rem;}
    .main-about .swiper-slide{padding-left: 0; padding-top: 79rem;}
    .main-about__slider .square{width: 90%; height: 100%;}
    .main-about__slider .square{left: 66rem;}
    .main-about__image{width: 44%;}
    .main-about__detail{left: 54%;}
    .main-about .swiper-container{overflow: visible;}
    .main-about{padding-bottom: 108rem;}
    .main-about .basic-slider-controls{position: relative; bottom: 0; margin-top: 44rem;}

    .main-about__slider .square::before, .main-about__slider .square::after{width: 24rem; height: 24rem;}
    

}

@media (max-width: 540px){
	.main-about{margin-top: 72rem; }
    .main-about__text h3{font-size: 22rem;}
    .main-about__detail{position: relative; left: 0; margin-top: 90rem;}
    .main-about__image{width: 93%;}
    .main-about .basic-slider-controls{margin-top: 16rem;}
    .main-about__slider .square{border: 5rem solid #3276d5; left: 54rem; bottom: -25rem;}
    .main-about__slider .square::before, .main-about__slider .square::after{ border-top: 5rem solid #c00421; border-right: 5rem solid #c00421;}
    .main-about__slider .square::before{right: -4rem; top: -5rem;}
    .main-about__slider .square::after{left: -4rem; bottom: -4rem;}
    .main-about .swiper-slide{padding-top: 56rem;}
    .main-about__detail h4{font-size: 18rem;}
    .main-about__detail p{font-size: 14rem; margin-top: 13rem;}
    .main-about__detail .round-button{margin-top: 32rem;}
    .main-about .main-about__bg{width: 80%;}
    .main-about .swiper-pagination-bullet{font-size: 15rem;}
}

.main-news{background-color: #F5F7F9;  padding: 160rem 0 140rem;}
.main-news .wrap{display: flex; align-items: flex-start;}
.main-news .main-title{width: 416rem;}
.main-news .main-news__list{width: calc(100% - 416rem); background-color: #fff; background-origin: padding-box; padding: 54rem 50rem;}
.main-news .main-news__list li{padding: 30rem 0;}
.main-news .main-news__list li:nth-child(1){padding-top: 0;}
.main-news .main-news__list li:last-child{padding-bottom: 0;}
.main-news .main-news__list li + li{border-top:1px solid #eaeaea ;}
.main-news .main-news__list li a{display: flex; cursor: pointer; box-sizing: border-box; padding-left: 65rem; position: relative; align-items: center;}
.main-news .main-news__list li a .type{font-size: 14rem; color: #cecece; transform: rotate(-90deg); font-weight: 400; position: absolute; top: 15rem; left: -13rem; line-height: 1;}
.main-news .main-news__list li a *{transition:  .4s;}
.main-news .main-news__list .main-news__image{position: relative; width: 323rem; ;}
.main-news .main-news__list .main-news__image::before{content: ""; display: block; padding-bottom: 58.147%;}
.main-news .main-news__list .main-news__image img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}
.main-news__title{width: calc(100% - 323rem); padding-left: 64rem; box-sizing: border-box;}
.main-news__title strong{font-size: 22rem;  overflow: hidden; white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;;}
.main-news__title p{ margin-top: 18rem; font-family: var(--lang-ko); color: var(--br-01);  overflow: hidden; white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 16rem; line-height: 1.625;}
.main-news__date{margin-top: 38rem;}
.main-news__date * {font-size: 14rem; vertical-align: middle; color: #aeaeae;}
.main-news__date em{margin-left: 30rem; position: relative;}
.main-news__date em::before{width: 1px; height: 12rem; background-color: #cacaca; position: absolute; content: ""; left: -15rem; top: 6rem;}
.main-news .main-news__list li a:hover .main-news__title  *{color: var(--c-02);}


.main-construction{padding: 155rem 0; overflow: hidden;}
.main-construction .swiper-container{overflow: visible;}
.main-construction__slide{margin-top: 67rem; position: relative;}
.main-construction__slide a{width: 100%; cursor: pointer;}
.main-construction__slide p{font-size: 21rem; font-weight: 700; transform: var(--angle-01); line-height: 1.333; margin-top: 26rem; position: relative; left: 2rem; transition: all .5s;}
.main-construction__image{position: relative;transition: all .6s;box-sizing: border-box;border:11rem solid transparent;background: #f7f7f7 url(../img/layout/logo.svg) no-repeat 50% 50%;background-size: 150rem;font-size: 0;}
.main-construction__image::before{content: ""; display: block; padding-bottom: 70.377%;}
.main-construction__image img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}
.main-construction .colum-slider-controls{display: flex; gap: 10rem; position: absolute; right: 0; top: -133rem; transition: .3s;}
.main-construction .colum-slider__btn{width: 67rem; height: 67rem; display: flex; align-items: center; justify-content: center; border:2px solid #e9e9e9}
.main-construction .colum-slider__btn.button-prev svg{transform: rotate(-180deg);}
.main-construction .colum-slider__btn svg{width: 12rem; fill: #e9e9e9;stroke: #e9e9e9;  transition: .3s; }
.main-construction .colum-slider__btn:hover {border-color: #196FB8;}
.main-construction .colum-slider__btn:hover svg{fill: #196FB8; stroke: #196FB8;;}
.button-next.swiper-button-disabled, .button-prev.swiper-button-disabled{opacity: 1;}
.main-construction__slide a:hover .main-construction__image{border-color: var(--c-01);}
.main-construction__slide a:hover p{color: var(--c-01);}

@media all and (max-width:1480px){
    .main-news .main-title{width:30%;}
    .main-news .main-news__list{width: 70%;}
    .main-news .main-news__list li a{padding-left: 44rem;}
    .main-news__title{padding-left: 44rem;}
    /* .main-construction .wrap{overflow: hidden;} */
}
@media all and (max-width:1200px){
    .main-news{padding: 120rem 0;}
    .main-news .main-news__list .main-news__image{width: 273rem;}
    .main-news__title{width:calc( 100% - 273rem );}
}
@media all and (max-width:1023px){
    .main-news .main-title h3{left: 0;}
    .main-news .main-title h3 span{display: inline-block;}
    .main-news .main-title h3 span + span{left: 20rem;}
    .main-news .main-title p{margin-top: 14rem;}

    .main-news{padding: 90rem 0;}
    .main-news .main-title{width: 100%; margin-bottom: 40rem;}
    .main-news .main-news__list{width: 100%;}
    .main-news .main-news__list li a{padding-left: 30rem;}
    .main-news .main-news__list li a .type{font-size: 13rem;}
    .main-news .wrap{flex-direction: column;}
    .main-news__title strong{font-size: 18rem;}
    .main-news__title p{margin-top: 7rem; font-size: 15rem; -webkit-line-clamp:1}
    .main-news .main-news__list{padding: 26rem; box-sizing: border-box;}
    .main-news__date{margin-top: 18rem;}
    .main-news .main-news__list li{padding: 26rem 0;}
    .main-construction__slide{margin-top: 37rem;}
    .main-construction__slide p{font-size: 18rem; margin-top: 15rem;}
    .main-construction .colum-slider-controls{top: -93rem; gap: 8rem;}
    .main-construction .colum-slider__btn{width: 55rem; height: 55rem;}
    .main-construction{padding: 110rem 0;}
    

}

@media all and (max-width:860px){
    .main-news{padding: 80rem 0;}
    .main-news .main-news__list .main-news__image{width: 200rem;}
    .main-news__title{padding-left: 26rem; width: calc(100% - 200rem);}
    .main-news__title strong{font-size: 17rem;}
    .main-news .main-title p{margin-top: 9rem;}
    .main-construction__slide p{font-size: 16rem;}
    .main-construction .colum-slider-controls{top: -76rem;}
    .main-construction .colum-slider__btn{width: 42rem; height: 42rem;}
    .main-construction{padding: 80rem 0;}
    
}

@media (max-width: 540px){
    .main-news .main-title{margin-bottom: 27rem;}
    .main-news .main-title h3{left: -4rem;}
    .main-news{padding: 60rem 0;}
    .main-construction{padding: 60rem 0;}
    .main-construction__slide{margin-top: 33rem;}
    .main-construction .colum-slider-controls{top: -109rem; flex-direction: column;}
    .main-construction .colum-slider__btn{width: 35rem; height: 35rem;}
    .main-construction .colum-slider__btn svg{width: 10rem;}
    .main-news .main-news__list li a .type{font-size: 12rem; transform: none; left: 0; top: 0; position: relative; margin-bottom: 12rem;}
    .main-news .main-news__list li a{flex-direction: column; padding-left: 0; align-items: flex-start;}
    .main-news__title{padding-left: 0; width: 100%; margin-top: 18rem;}
    .main-news .main-news__list .main-news__image{width: 100%;}
    .main-news__title strong{font-size: 16rem;}
    .main-news__title p{font-size: 14rem; margin-top: 5rem;}
    .main-news__date *{font-size: 13rem;}
    .main-news .main-news__list{padding: 22rem;}
}

.main-inquiry{background-color: #086DB5; overflow: hidden; }
.main-inquiry .wrap{position: relative; height: 100%; padding: 170rem 0 140rem; ;}
.main-inquiry .logo-bg{position: absolute; left: 0; bottom:-135rem;}
.main-inquiry .gray-title{color: rgba(255, 255, 255, 0.3)}
.main-inquiry h3{font-size: 50rem; position: relative; left: -15rem; margin-top: 25rem;}
.main-inquiry h3 span{font-weight: 700; color: #fff;}
.main-inquiry h3 span + span{margin-top: 18rem;}
.main-inquiry__info{padding-left: 50%; box-sizing: border-box;}
.main-inquiry__link{display: flex; margin-top: 118rem; gap: 241rem;}
.main-inquiry__link li{width: 164rem; height: 188rem; border:8rem solid #213e61; position: relative;  }
.main-inquiry__link li::before{content: ""; width: 43rem; height: 43rem; border-top: 8rem solid #c00421; border-right: 8rem solid #c00421; position: absolute; right: -8rem; top: -8rem;}
.main-inquiry__link li a{position: absolute;top: 35rem;left: 77rem;z-index: 1;}
.main-inquiry__link li a p{line-height: 1.8333;width: 212rem;padding-bottom: 9rem; color: #C3D6E3; font-weight: 400; padding-top: 2rem; position: relative;}
.main-inquiry__link li a p::before{content: ""; width: 10rem; height: 100%; background-color: #086DB5; position: absolute; top: 0; left: 71rem; z-index: -1;}
.main-inquiry__link li a p b{color: #fff; font-weight: 700;}
.main-inquiry__link li a img{width: 20rem;}

@media all and (max-width:1480px){
    .main-inquiry .logo-bg{width: 49%;}
    .main-inquiry__link{gap: 190rem;}
    .main-inquiry h3{font-size: 42rem;}

}

@media all and (max-width:1023px){
    .main-inquiry__info{padding-left: 29%;}
    .main-inquiry .logo-bg{left: -31%; opacity: 0.8; bottom: -140rem; width: 75%;}

}

@media all and (max-width:860px){
    .main-inquiry h3{font-size: 32rem;}
    .main-inquiry__link{margin-top: 78rem; gap: 130rem;}
    .main-inquiry .logo-bg{left: -11%; opacity: 0.7; bottom: -150rem; width: 93%;}
    .main-inquiry__info{padding-left: 21%;}
    
}

@media (max-width: 540px){
	.main-inquiry__info{padding-left: 0;}
    .main-inquiry h3 span:nth-child(1){left: 9rem;}
    .main-inquiry h3 span + span{margin-top: 12rem; left: 22rem;}
    .main-inquiry h3{font-size: 24rem; margin-top: 20rem;}
    .main-inquiry .wrap{padding: 60rem 0 110rem;}
    .main-inquiry__link{margin-top: 48rem; flex-direction: column; gap: 30rem;}
    .main-inquiry__link li{border:5rem solid #213e61; width:74rem; height: 118rem;}
    .main-inquiry__link li::before{width: 16rem; height: 16rem; border-top: 5rem solid #c00421; border-right: 5rem solid #c00421; right: -5rem; top: -5rem;}
    .main-inquiry__link li a{top: 12rem; left: 27rem;}
    .main-inquiry__link li a p{padding-top: 2rem;}
    .main-inquiry__link li a p::before{left: 34rem;}
    .main-inquiry__link li a img{width: 15rem; margin-top: -4rem;}
    .main-inquiry .logo-bg{left: 43%; opacity: 0.7; bottom: -100rem; width: 126%;}
}

.main #footer{margin-top: 0;}