@charset "utf-8";

/* **************************************** *
 * SUB global root
 * **************************************** */
 body{font-size: 17rem; line-height: 1.6;}

 :root {
    --font-16:16rem;  
	--font-18:18rem;  
    --font-20:20rem;
    --font-24:24rem;
    --font-32:32rem;  
    --font-60:60rem;  

    --skew:-13deg;
}
@media (max-width: 1480px){
    :root{
        --font-18:17rem;  
        --font-60:54rem; 
    }

}
@media (max-width: 1023px){
    body{font-size: 16rem;}
    :root {
        --font-18:16rem;  
        --font-20:18rem;
        --font-24:22rem;
        --font-32:26rem; 
        --font-60:42rem;  
    }
}
@media (max-width: 860px){
    body{font-size: 15rem;}
    :root {
        --font-24:20rem;
        --font-32:24rem; 
        --font-60:38rem;  
    }
}
@media (max-width: 540px){ 
    body{font-size: 14rem;}

    :root{
        
        --font-20:17rem;
        --font-24:20rem;
        --font-32:22rem; 
        --font-60:34rem;  

    }
}

/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
#container:has(.board-page) + #footer{margin-top: 140rem;}
#header{}
#gnb .gnb-item > a{color: var(--b-01);}
#logo a{background-image: url(../img/layout/logo.svg);}
.lang-menu a{color: var(--b-01);}
.gnb-full-icon > span{background-color: var(--b-01);}
.lang-menu__icon{background-image: url(../img/layout/ic-lang_b.svg);}


#footer{border-top: 1px solid rgba(166, 188, 206, 0.20);;}

@media (max-width:1680px){

}
@media all and (max-width:1023px){

}

@media (max-width: 540px){
    .lang-menu a{color: #fff;}
    .lang-menu__icon{background-image: url(../img/layout/ic-lang.svg);}
}

/* **************************************** *
 * SUB common
 * **************************************** */

.sub-content{position:relative;padding-top: max(9.3750vw, 130rem);}
.sub-content:has(.board-page){padding-top: 120rem;}
.sub-content h3{line-height:1.3; font-size:51rem; color:var(--b-01);}

.skew{transform:skewX(var(--skew)) !important;}
[data-font="01"]{font-size: var(--font-60);  transform:skewX(var(--skew));letter-spacing: -2.4px; display: block; }
[data-font="02"]{font-size: var(--font-32);  transform:skewX(var(--skew));  display: block;}
[data-font="03"]{font-size: var(--font-24);   }
[data-font="04"]{font-size: var(--font-20);   }
[data-font="05"]{font-size: var(--font-18);   }
.circle{min-width: 25rem;height: 25rem;position: relative;display: inline-block;background:url(../img/sub/ic-circle.svg) no-repeat;background-size: contain;}


@media (max-width:1680px){

}
@media all and (max-width:1023px){
    .sub-content{padding-top: max(8.375vw, 100rem);}
	.sub-content:has(.board-page){padding-top:80rem;}
}

@media (max-width: 860px){
	.sub-content h3{font-size:max(3.6860vw, 23rem);}
}

@media (max-width: 540px){
	.sub-content,
	.sub-content:has(.board-page){padding-top: 60rem;}

	.sub-content h4{font-size:21rem;}
    #container:has(.board-page) + #footer{margin-top: 70rem;}
    .circle{width: 15rem; height: 15rem; min-width: 15rem;}
}

/* **************************************** *
 * SITE CUSTOM
 * **************************************** */

/* 회사소개 */
.sub01_01 .sub-content{padding-top:0;}
.sub01_01 #gnb .gnb-item > a.on{color: var(--f-01) !important; opacity: 1;}
.sub01_01 #gnb .gnb-item > a:not(.on){opacity: 0.6; color: var(--f-01);}
.sub01_01 #footer{margin-top: 0; background-color: #0B336C;}
.sub01_01 #logo a{background-image: url(../img/layout/logo_w.svg);}
.sub01_01 .lang-menu__icon{background-image: url(../img/layout/ic-lang.svg);}
.sub01_01 .gnb-full-icon > span{background-color: #fff;}
.sub01_01 .lang-menu a{color: #fff;}
.sub01_01 .footer-info address i{color: #fff;}
.sub01_01 .footer-info em{color: #fff;}
.sub01_01 .footer-info address p span{color: rgba(255,255,255,0.7); font-weight: 300;}
.sub01_01 .footer-gnb__menu .gnb-item > a{color: #fff;}
.sub01_01 .footer-gnb__menu .gnb-item .sub-menu a{font-weight: 300; color: rgba(255,255,255,0.7);}

.about-page{background: linear-gradient(180deg, #DE7377 0%, #0B326B 78.43%); position: relative; padding-top: 280rem; padding-bottom: 150rem;}

.about-title--wrap {text-align: center;}
.about-title--wrap p{margin-top: 29rem; font-size: 24rem;}
.about-title--wrap i{width: 2px; height: 115rem; background:linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.84) 100%);  margin: 120rem auto 0; display: block;}
.about-title{margin-bottom: 121rem;}
.about-title em{display: block; font-size: 158rem; color: #fff; font-weight: 600; text-transform: uppercase;}
.about-title > div:not(:nth-child(1)) em{margin-top: -59rem;}

.about-page *{color: #fff;}
.about-page .wrap{z-index: 2;}
.about-page [class^="bg-"]{position: absolute; }
.about-page .bg-top{top:0; z-index: 0; left: 0; width: 100%;}
.about-page .bg-bottom{bottom: 0; left: 0;}
.about-page .bg-mark{top: 45vh; right: 0;}

.about-conts{gap: 155rem; justify-content: space-between; margin-top: 180rem;}
.about-conts__left{width: 655rem;  position: sticky; top:80rem; height: 100%; }
.about-conts__left img{width: 100%;}
.about-conts__right{flex: 1; }
.about-conts__right p{font-weight: 300; font-family: var(--lang-ko); font-size: var(--font-18); line-height: 1.88;}
.about-conts__right p b{font-weight: 600;}
.about-conts__right p + p{margin-top: 39rem;}

.about-conts__title{margin-bottom: 100rem;}
.about-conts__title > div + div{margin-top: -25rem;}
.about-conts__title p{margin-top: 19rem;}

.about-conts__sec strong{font-size: 53rem; margin-bottom: 20rem; display: block; letter-spacing: 14.84rem; text-transform: uppercase; font-weight: 700; color:rgba(255,255,255,0.2);}
.about-conts__sec + .about-conts__sec{margin-top: 70rem;}

@media (max-width:1680px){
    .about-conts{gap: 120rem;}
    .about-conts__left{width: 42%;}
    .about-title{margin-bottom: 50rem;}
    .about-title em{font-size: 135rem;}
}
@media all and (max-width:1480px){
    .about-conts__title > div + div{margin-top: -14rem;}
}

@media all and (max-width:1200px){
    .about-page{padding-top: 200rem;}
    .about-conts{margin-top: 140rem;}
    .about-conts__left{width: 34%;}
    .about-title--wrap p{font-size: 20rem;}
}

@media all and (max-width:1023px){
    .about-page{padding-top: 140rem;}
    .about-title{margin-bottom: 33rem;}
    .about-title em{font-size: 108rem;}
    .about-title--wrap i{margin: 90rem auto 0;}
    .about-conts{gap: 90rem;}
    .about-conts__sec strong{font-size: 40rem; letter-spacing: 8rem;}
    .about-conts__title{margin-bottom: 70rem;}
    .about-conts__sec + .about-conts__sec{margin-top: 48rem;}
    .sub01_01 .gnb-mobile-btn span{background-color: #fff;}

    .about-title--wrap p{font-size: 18rem;}

}

@media all and (max-width:860px){
    .about-title em{font-size: 78rem; line-height: 1;}
    .about-title > div:not(:nth-child(1)) em{margin-top: 1rem;}
    .about-title--wrap i{height: 74rem; margin: 64rem auto 0;}

    .about-conts{flex-direction: column; margin-top: 100rem;}
    .about-conts__left{width: 100%; height: 0; padding-bottom: 52%;}
    .about-conts__left img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; opacity: 0.5;}
    .about-conts__right{position: relative; z-index: 2;}
    .about-title--wrap p{font-size: 16rem;}
}

@media (max-width: 540px){
	.about-title em{font-size: 54rem;}
    .about-title--wrap i{height: 62rem; margin: 36rem auto 0;}
    .about-conts{margin-top: 62rem; gap: 40rem;}
    .about-conts__title{margin-bottom: 52rem;}
    .about-conts__title h2{font-size: 28rem;}
    .about-conts__title > div + div{margin-top: -6rem;}
    .about-conts__right p{line-height: 1.6;}
    
    .about-conts__sec strong{font-size: 30rem; letter-spacing: 6rem; margin-bottom: 12rem;line-height: 1.3;}
}

/* history */
.history-part{justify-content: space-between;}
.history-part + .history-part{margin-top: 142rem;}
.history-part__time{width: 43%; position: sticky; top: 80rem; height: 100%;}
.history-part__time strong{text-indent: 5rem; font-weight: 500;} 
.history-part__time span{display: block; margin-top: 22rem;}
.history-part__time .circle{top: 12rem;}
.history-part__time div{display: flex;gap: 23rem;}

.history-part__image{width: 100%; height: 355rem; margin-bottom: 68rem;}
.history-part__image.v1{background: url(../img/sub/history01.jpg) no-repeat; background-size: cover; background-position: 50% 50%}
.history-part__image.v2{background: url(../img/sub/history02.jpg) no-repeat; background-size: cover; background-position: 50% 50%}
.history-part__image.v3{background: url(../img/sub/history03.jpg) no-repeat; background-size: cover;background-position: 50% 50% }

.history-part__conts{width: 57.6%; /* width: 933rem; */}
.history-part__list li{padding-left: 83rem; padding-bottom: 60rem; position: relative;}
.history-part__list li::before{content: ""; width: 1px; height: 100%; border-right: 1px solid #eee; position: absolute; top: 8rem; left: 5rem;}
.history-part__list li:last-child{padding-bottom: 0;}
.history-part__list li:last-child::before{display: none;}
.history-part__list span{font-weight: 800; position: relative; font-family: var(--lang-ko); margin-bottom: 8rem; display: block; line-height: 1.4; font-size: 20rem; }
.history-part__list span::before{content: ""; position: absolute; z-index: 1; left: -82rem; top: 8rem; width: 10rem; height: 10rem; border-radius: 50rem; background-color: var(--c-01);}
.history-part__list li:nth-child(1) span::before{width: 18rem;  height: 18rem; border-radius: 100%; border:3px solid var(--c-01); background-color: #fff; left: -86rem;}
.history-part__list li.last span::after{position: absolute; content: ""; border-radius: 100rem; width: 20rem; height: 20rem; border:1px solid var(--c-01); background-color: #fff; left: -87rem; top: 3rem;}
.history-part__list p{font-weight: 300; font-family: var(--lang-ko);}
.history-part__list p + p{margin-top: 11rem;}

@media (max-width:1680px){

}
@media all and (max-width:1480px){

}

@media all and (max-width:1023px){
    .history-part__time{width: auto;}
    .history-part__time span{margin-top: 5rem;}
    .history-part__conts{width: 70%;}
    .history-part__list li{padding-bottom: 44rem; padding-left: 60rem;}
    .history-part__list span::before{width: 8rem; height: 8rem; left: -58rem;}
    .history-part__list li:nth-child(1) span::before{left: -64rem;}
    .history-part__list li.last span::after{width: 19rem; height: 19rem; left: -64rem;}
    .history-part + .history-part{margin-top: 100rem;}
}

@media all and (max-width:860px){

    .history-part__conts{width: 60%;}
    .history-part__image{height: 205rem; margin-bottom: 48rem;}
    .history-part__list li{padding-bottom: 32rem;}
    .history-part__list span{font-size: 18rem; margin-bottom: 5rem;}
    .history-part__list p + p{margin-top: 3rem;}
    .history-part__list p{font-weight: 400;}
}

@media (max-width: 540px){
    .history-part{flex-direction: column;}
    .history-part__time{position: relative; top:0}
    .history-part__conts{width:100%; margin-top: 20rem;}
    .history-part + .history-part{margin-top: 54rem;}
    .history-part__list li{padding-left: 32rem; padding-bottom: 26rem;}
    .history-part__list span{font-size: 16rem;}
    .history-part__list span::before{width: 6rem; height: 6rem; left: -30rem;}
    .history-part__list li:nth-child(1) span::before{left: -33rem; width: 14rem; height: 14rem; top: 6rem;}
    .history-part__time .circle{ top: 5rem;}
    .history-part__time div{gap: 12rem;}
    .history-part__time span{margin-top: -2rem; font-size: 16rem;}
    .history-part__image{height: 155rem; margin-bottom: 24rem;}
}


@media (max-width:1480px){
}

@media (max-width:1023px){
	
}

@media (max-width:540px){
	
}

/* 제품소개 */
body:has(.product-page) #header{position: relative;}
body:has(.product-page) #sub-visual{height: auto;} 
body:has(.product-page) #sub-nav{margin-bottom: 25rem;}
.product-info{margin-bottom: 112rem;}
.product-info__detail{padding: 170rem 150rem 0 0 ; width: 50%;}
.product-info__summary{margin-top: 134rem;}
.product-info__summary em{font-size: 24rem; font-weight: 700; display: flex; align-items: flex-start; gap: 15rem; }
.product-info__summary em .circle{position: relative; top: 9rem;}
.product-info__summary p{font-weight: 300; opacity: 0.5; margin-top: 23rem; }
.product-info__summary img{max-width: 100%; display: none;}
.product-page #sub-visual h2{font-size: 64rem;margin-top:9rem;line-height: 1.2;}
.product-icon{justify-content: center; gap: 16rem; flex-wrap: wrap; }
.product-icon__box{border:2px solid #f2f2f2;text-align: center;box-sizing: border-box;padding: 44rem 12rem 34rem;width: 188rem;}
.product-icon__box i{width: 100%; height: 60rem; display: flex; justify-content: center; align-items: center;}
.product-icon__box i img{max-height: 100%;}
.product-icon__box span{font-weight: 300; line-height: 1.411; display: block; margin-top: 34rem;}
.product-keyword h3{font-size: var(--font-16); text-transform: uppercase; letter-spacing: 4.8px;  font-weight: 700; line-height: 32rem;}
.product-keyword__list{flex-wrap: wrap; justify-content: center; align-items: center; gap: 6rem; margin-top: 28rem;}
.product-keyword__list li{white-space: nowrap; color: rgba(39,63,63,0.63); font-size: var(--font-16); font-weight: 300; border-radius: 5rem; background-color: #eff1f7; padding: 12rem 19rem; display: inline-flex; align-items: center; justify-content: center; border:1px solid #fff; box-sizing: border-box ;}
.product-keyword{margin-top: 80rem;}
.product-keyword h3{color:#044eb8; opacity: 0.37; margin-bottom: 28rem; text-align: center;}
.product-info__link{margin-top: 106rem;}
.product-info__link a{ position: relative; border:3px solid var(--b-01);display: inline-flex;align-items: center;padding: 14.6rem 16rem;gap: 29rem;}
.product-info__link a::before{content: ""; width: 27rem; height: 27rem; border-right: 3px solid #c00022; border-top: 3px solid #c00022; position: absolute ; right: -3px; top: -3px;}
.product-info__link a span{}
.product-info__link a i{display: block; width: 10rem; height: 9rem; background: url(../img/sub/ic-down.svg) no-repeat; background-size: cover;}
.product-info__visual--wrap {
    position: absolute;
    /* padding-left: 50%; */
    width: 50%;
    top: 30rem;
    height: 100%;
    z-index: 11;
    right: 0;
}
.product-contents{padding-top: 115rem; }
.product-feature{gap: 113rem;}
.product-feature__imge{position: sticky;min-width: 714rem;height: 515rem;padding-bottom: 0;/* flex: 1; */top: 40rem;max-width: 714rem;background: #f7f7f7 url(../img/layout/logo.svg) no-repeat 50% 50%;background-size: 150rem;font-size: 0;}
.product-feature__imge img{width: 100%;/* position: absolute; */height: 100%;/* left: 0; *//* top: 0; */object-fit: cover;}
.product-feature__info{/* width: 792rem; */flex: 1;}
.product-feature__list{border-top: 1px solid var(--b-01);}
.product-feature__box{border-bottom: 1px solid #eee; padding: 35rem 0 38rem 61rem; position: relative; }
/* .product-feature__box:last-child{border-bottom: 0;} */
.product-feature__box span{position: absolute; font-weight: 700; left: 0; font-size: 25rem; line-height: 1.3; color: #b6b6b6; opacity: 0.26; }
.product-feature__box em{display: block; margin-bottom: 10rem; font-size: var(--font-20); color: var(--b-01); font-weight: 700; font-family: var(--lang-ko);}
.product-feature__box ul li{font-weight: 300; opacity: 0.5; margin-bottom: 2rem; padding-left: 15rem;}
.product-feature__box ul li::before{top: 13rem; opacity: 0.5;}

table.table thead + tbody th{border-color: #ececec;}

.product-sec__title{margin-bottom: 23rem; display: flex; align-items: center;}
.product-sec__title .circle{ margin-right: 8rem;}
.product-sec h3{text-transform: uppercase;}
.product-sec:nth-child(1){margin-top: 120rem;}
.product-sec{margin-top: 140rem;}
.product-sec table *{font-family: var(--lang-ko);}
.product-sec table thead th{background-color: #f5f7f9; }
.product-sec table tbody *{}
.product-sec table tbody th{color: var(--c-02); text-transform: uppercase;}
.product-sec table tbody td{font-size: 16rem; font-weight: 300;}
.product-sec table.table{border-top: 1px solid var(--c-01);}
.product-sec table.table thead tr:last-child th{border-bottom: 1px solid #ececec;}
.product-sec table.table th, table.table td{padding: 15rem 10rem;}
.product-feature__table table tr *{border-right: 1px solid #ececec;}
.product-feature__table table.table tbody tr td:first-child,
.product-feature__table table.table tbody tr th:first-child,
.product-feature__table table.table thead tr th:first-child{border-left: 1px solid #ececec;}
.product-feature__table table.table tbody tr td:last-child{border-right-width: 1px;}
.product-table table.table tbody td{border:0; border-bottom: 1px solid #ececec;}
.product-feature__chart{margin-top: 54rem;}
.product-feature__chart h4{margin-bottom: 16rem;}
.product-keyword__list li{padding: 6rem 14rem;}

/* 슬라이스 */
.product-info__visual{/* width: 50%; */height: 831rem;position: sticky;top: 30rem;right: 0;}
.product-info__visual .slide-sec,
.multiple-slider,.swiper-wrapper{height: 100%;}
.multiple-pager{position: absolute; bottom: 53rem; left: 69rem;}
.product-contstruction,.product-color{position: relative;}
.product-contstruction figure{height: 364rem;}
.product-contstruction figure img{width: 100%; height: 100%; object-fit: cover;}
.product-sec .swiper-slide{flex-direction: column;}
.product-color-slider figure{border:1px solid #f2f2f2;box-sizing: border-box;height: 290rem;}
.product-color-slider figure img{width: 100%; height: 100%; object-fit: cover;}
.product-sec [class^="swiper-btn"] i{ font-size: 0; width: 17rem; height: 16rem;   display: block; transition: all .3s;}
.product-sec .swiper-btn--prev i{ background-image: url(../img/sub/ic-arrow-prev-g.svg); background-repeat: no-repeat; background-size: cover;}
.product-sec .swiper-btn--prev:hover i{background-image: url(../img/sub/ic-arrow-prev-c.svg); background-repeat: no-repeat; background-size: cover;}
.product-sec .swiper-btn--next i{ position: relative;  background-image: url(../img/sub/ic-arrow-next-g.svg); background-repeat: no-repeat; background-size: cover;}
.product-sec .swiper-btn--next:hover i{background-image: url(../img/sub/ic-arrow-next-c.svg); background-repeat: no-repeat; background-size: cover;}

.product-sec .swiper-controls{display: flex; align-items: center; gap: 29rem; position: absolute; right: 0; top: -54rem;}
.product-sec .swiper-controls span{width: 1px; height: 14rem; background-color: #ebebeb; opacity: 0.8; display: block;}
.product-contstruction-slider p{font-size: var(--font-20); font-weight: 600; margin-top: 18rem;}

.multiple-slider .swiper-slide{height: 831rem; background-color: #F2F3F5;}
.multiple-pager .swiper-slide{width: 95rem !important; height: 95rem; border-radius: 100%; cursor: pointer;}
.multiple-pager .swiper-slide-thumb-active{border: 2px solid var(--c-01)}

@media (max-width:1680px){

}
@media all and (max-width:1480px){
    .product-info__detail{padding: 170rem 90rem 0 0;}
    .product-info__summary{margin-top: 84rem;}
    .multiple-pager .swiper-slide{width: 80rem !important; height: 80rem;}
    .product-page #sub-visual h2{font-size: 54rem; margin-top: -10rem;}
    .product-feature__imge{min-width: 412rem; max-width: 412rem; height: 315rem;}
    .product-feature{gap: 64rem;}
}

@media all and (max-width:1023px){
    .product-sec{margin-top: 100rem;}
    .product-sec__title{margin-bottom: 10rem;}
    .product-sec__title .circle,.product-info__summary .circle{width: 20rem; height: 20rem;}
    .product-color::after,
    .product-contstruction::after{content: ""; width: 60rem; height: 100%; right: 0; top: 0; position: absolute; z-index: 1; background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);}
    .product-contstruction-slider p{margin-top: 12rem;}
    .product-feature{gap: 40rem;}
    .product-feature__info{width: 550rem;}
    .product-feature__box{padding: 24rem 0 24rem 40rem;}
    .product-feature__box span{font-size: 20rem;}
    .product-sec table thead th{font-size: 16rem;}
    .product-sec table tbody td{font-size: 15rem;}
    .product-sec table.table th, table.table td{padding: 12rem 8rem;}
    .product-icon__box i{height: 42rem;}
    .product-info__summary{margin-top: 64rem;}
    .product-info__visual{width: 100%; height: 620rem; position: relative;}
    .product-info__detail{width: 100%; padding: 0; padding-top: 90rem;}
    .product-info__summary em{font-size: 20rem;}
    .product-info__summary em .circle{top: 7rem;}
    .multiple-slider .swiper-slide{height: 620rem;}
    .multiple-pager{bottom: 40rem; left: 40rem;}
    body:has(.product-page) #sub-visual{height: auto;}
    body:has(.product-page) #sub-nav{margin-bottom: 17rem;}

    .product-page #sub-visual h2{font-size: 48rem;}
    .product-info{margin-bottom: 72rem;}
    .product-info__link{margin-top: 36rem;}
    .product-contents{padding-top: 80rem;}

    .product-info__visual--wrap{width: 100%; position: relative; top: 0;}
    .product-feature{flex-direction: column;}
    .product-feature__imge{position: relative;top: 0;min-width: inherit;max-width: inherit;width: 100%;height: 544rem;}
  
    .product-feature__info{width: 100%;}
}

@media all and (max-width:860px){
    .product-sec{margin-top: 70rem;}

    .product-feature__box{padding: 20rem 0 24rem 40rem;}
    .product-feature__chart{margin-top: 34rem;}
    .product-icon{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
    .product-icon__box{width: 100%; }
    .product-feature__box ul li{opacity: 1; padding-left: 12rem;  word-break: keep-all;}
    .product-feature__box ul li::before{top: 10rem;}
}

@media (max-width: 540px){
    .sub03_01 #sub-visual h2,.sub03_01 #sub-nav span{color: var(--b-01);}
    .sub03_01 #sub-nav .sub-home{background:url(../img/layout/ic-home.svg) no-repeat}

    .sub03_01 .gnb-mobile-btn span{background: var(--b-01);}
    .product-info{margin-bottom: 52rem;}
	.product-icon{ grid-template-columns: 1fr 1fr;}
    .product-icon__box{padding: 26rem 12rem 26rem;}
    .product-icon__box span{margin-top: 14rem; line-height: 1.3;}
    .product-icon__box i{height: 40rem;}
    .product-icon{gap: 10rem;}
    .product-keyword h3{line-height: 1.2; margin-bottom: 20rem;}
    .product-keyword__list{margin-top: 0;}
    .product-keyword__list li{font-size: 14rem; padding: 4rem 11rem;}
    .product-keyword{margin-top: 54rem;}
    .product-feature__box em{margin-bottom: 6rem;font-size: 16rem !important;line-height: 1.4;}
    .product-sec table thead th{font-size: 15rem;}
    .product-sec table tbody td{font-size: 14rem;}
    .product-color::after, .product-contstruction::after{width: 30rem;}
    .product-sec .swiper-controls{display: none;}
    .product-contents{padding-top: 52rem;}
    .product-info__visual,.multiple-slider .swiper-slide{height: 500rem; top: 0;}
    .multiple-pager .swiper-slide{width: 34rem !important; height: 34rem;}
    .multiple-pager{bottom: 24rem; left: 20rem;}
    .product-info__detail{padding-top: 54rem;}
    .product-page #sub-visual h2{font-size: 27rem;}
    .product-info__summary{margin-top: 32rem;}
    .product-info__summary em{font-size: 16rem; gap: 10rem; line-height: 1.4;}
    .product-info__summary p{margin-top: 6rem;}
    .product-sec__title .circle, .product-info__summary .circle{width: 14rem; height: 14rem;}
    .product-info__link a{width: 60%; margin: 0 auto; display: flex; justify-content: space-between; }
    .product-info__link a::before{width: 22rem; height: 22rem;}

    .product-color-slider figure{height: 150rem;}
    .product-contstruction figure{height: 154rem;}
    .product-feature__imge{height: 290rem;}
}

 /* 인증서 (사용하든 하지않든 괄호 삭제, 미사용시 전체 삭제)  */
 .certify-list{column-gap:36rem; row-gap: 64rem;}
 .certify-item img{width:100%;}
 .certify-item strong{display:block; margin-top:22rem; line-height: 1.555; font-family:var(--lang-ko); text-align: center;  font-weight:600;}
 .certify-item figure{padding: 20rem; box-sizing: border-box; background-color: #f8f8f8;}
 .certify-pop{position:fixed;opacity:0;top:0px;left:0px;z-index: -1;width:100%;height:100%;background:rgba(0,0,0,0.5);}
 .certify-pop > div{position:absolute; top:50%; left:50%; margin:0 auto; box-shadow:26px 18px 49px rgba(0,0,0,0.2); transform:translate(-50%, -50%); max-width:540rem;}
 .certify-pop.active{opacity:1;z-index:99;transition: opacity 0.3s ease-out 0s;}
 .certify-pop .close{display:block;width: 60rem;height: 60rem;position: absolute;right: -70rem;top: -13rem;background: url(../img/common/ic-cancle_w.svg) no-repeat 50% 50%;background-size: 28rem;font-size: 0;background-color: transparent;}
 
 #layer-src img{width:100%;}
 
 @media (max-width:1023px){
	.certify-item strong{margin-top: 15rem;}
	.certify-list{	gap: 35rem 20rem;}
}

 @media (max-width:540px){
     .certify-list{gap:25rem 10rem;}
     .certify-item figure{padding: 14rem;}
     .certify-item strong{margin-top:13rem;}
     .certify-pop > div{width:80%;}
     .certify-pop .close{display:flex; justify-content:center; align-items:center; top:auto; right:auto; bottom:-45rem; left:0; width:100%; height:auto; padding:12rem 0rem; background:var(--b-01); font-weight:700; font-size:15rem; font-size:12rem; color:#fff; text-align:center; border-radius:3rem;}
 }

/* 설계자료요청 */
.cs-form--wrap{}
.cs-form__info{width: 517rem;}
.cs-form{flex:1; padding-left: 244rem; position: relative;}

.cs-form__box{background-color: #0067AE; padding: 35rem 40rem; box-sizing: border-box;  position: relative;}
.cs-form__box span{font-size: 15rem; color: #fff; opacity: 0.3; letter-spacing: 3px; font-weight: 700; }
.cs-form__box i.line{ display: block; width: 100%; height: 1px; border-top: 1px solid rgba(255, 255, 255, 0.20); margin: 44rem 0 46rem;}
.cs-form__box address *{color: #fff; font-family: var(--lang-ko);}
.cs-form__box address dt{letter-spacing: 3px; color: #fff; font-size: 15rem; font-weight:700; display: block;}
.cs-form__box address dd{letter-spacing: -0.17px; color: rgba(255, 255, 255, 0.40); font-weight: 300;}
.cs-form__box address dd + dt{margin-top: 19rem;}
.cs-form__box address dl{margin-top: 57rem;}
.cs-form__box img{position: absolute; right: 30rem; top: 29rem;}


.form-part .check-box{margin-right: 0 !important;}
.check-box em{color: #222;}
.form-part .check-box label{padding: 11rem 23rem 11rem 58rem !important; border-radius: 90rem; border:1px solid #eee}
.form-area[data-form] .form-part:has(.check-box){gap: 9rem;}
.check-box [type="radio"]:not(:checked) + .checkmark, .check-box [type="radio"]:checked + .checkmark{width: 20rem; height: 20rem; top: 17rem; left: 24rem;}
.check-box [type="radio"]:checked + .checkmark{background-color: #fff; border-color: var(--b-01);}
.cs-form .check-box [type="radio"]:not(:checked) + .checkmark:after, 
.cs-form .check-box [type="radio"]:checked + .checkmark:after{  width: 10rem; height: 10rem; ; border-radius: 100%; background: none; background-color: var(--b-01)}
.form-part .check-box label:has([type="radio"]:checked){border-color: #222;}

.form-area:last-child{margin-bottom: 0;}
.history-list{position: relative;}
.history-line{ width: 4rem; height: 100%; overflow: hidden; position: absolute; top: 0; left: -70rem; background:#f1f1f1; }
.history-line .history-line__bar{position: absolute; background: var(--c-01); left: 0; top: 0; width: 100%; height: 0;}

@media (max-width:1480px){
    .cs-form{padding-left: 140rem;}
    .history-line{width: 3rem; left: -54rem;}
    .cs-form__info{width: 460rem;}
}
@media all and (max-width:1023px){
	.cs-form__info{width: 270rem;}
    .cs-form{padding-left: 70rem;}
    .cs-form__box{padding: 25rem 20rem;}
    .cs-form__box img{width: 30rem; top: 17rem; right:20rem;}
    .cs-form__box i.line{margin: 20rem 0;}
    .form-part .check-box label{padding: 8rem 18rem 8rem 45rem !important;}
    .history-line{width: 2px; left: -26rem;}
    .check-box [type="radio"]:not(:checked) + .checkmark, .check-box [type="radio"]:checked + .checkmark{top: 11rem; left: 17rem;}

}
@media (max-width:860px){
    .cs-form--wrap{flex-direction: column; gap: 40rem;}
    .cs-form__info{width: 100%;}
    .cs-form{padding-left: 0;}
    .history-line{display: none;}
    .cs-form__box address dl{margin-top: 32rem;}
    
}
@media (max-width: 540px){

    .cs-form__box{display: none;}
    .cs-form--wrap{gap: 0;}
    .form-part .check-box label{padding: 5rem 23rem 5rem 32rem !important;}
    .check-box [type="radio"]:not(:checked) + .checkmark, .check-box [type="radio"]:checked + .checkmark{width: 16rem; height: 16rem; top: 9rem; left: 10rem;}
}


 .bo-basic-list{border-top: 1px solid var(--b-01);}
.bo-basic-list__head{display: none;}
.bo-basic__date,#bo_v_info .if_date{color: #999;  font-size: 15rem;}
.bo-basic__title *,#bo_v_title .bo_v_cate,.bo-basic__date,#bo_v_info .if_date{font-family: var(--lang-ko);}
.bo-basic__cate{font-size: 16rem; margin-right: 19rem;}

#bo_v_title .bo_v_cate{font-weight: 600;}
#bo_cate{margin-top: 0;}
#bo_cate a{background-color: #F5F7F9; font-size: 16rem; line-height: 1; font-family: var(--lang-ko); font-weight: 300; border:none; color: rgba(4,39,63,.63); padding: 13rem 23rem;}
#bo_cate #bo_cate_on{background-color: #fff; border:2px solid var(--c-03); font-weight: 500; color: var(--c-03); box-shadow: none;}

@media (max-width:1023px){
    #bo_cate a{padding: 10rem 18rem;}
}
@media (max-width:540px){
    #bo_cate{margin: 0;}
    #bo_cate a{font-size: 13rem; padding: 8rem 16rem; }
    #bo_cate ul{overflow-x: scroll; white-space: nowrap;}
    #bo_cate ul li{white-space: nowrap;}
}