@charset "utf-8";

/* **************************************** *
 * SUB set
* @description 서브 비주얼 및 기본 레이아웃 세팅입니다.
 * **************************************** */

/* Sub title  */
#page-title{}

/* SUB VISUAL */
#sub-visual{position:relative;/*  overflow: hidden; */}
#sub-visual .dark{width: 50%; transition: all .8s ease-in; transition-delay: .1s; height: 100%; background-color:rgba(9, 28, 47, 0.33); position: absolute; top: 0;}
#sub-visual .dark.left{border-right: 1px solid var(--op-w50); left: 0;}
#sub-visual .dark.right{border-left: 1px solid var(--op-w50); right: 0;}
#sub-visual .dark.is_moved{width: 0; opacity: 0;}

body:not(:has(.productView-page)) #sub-visual{height:803rem;}
#sub-visual h2{font-weight:700;font-size:62rem; font-family: var(--lang-title); line-height: 1.45; text-align: center; color:#fff; }

.sub-visual__desc{margin-top:17rem; font-weight:600; font-size:20rem;}
.sub-visual__bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--c-dark);overflow: hidden;}
.sub-visual__bg > i{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;transition:var(--trans-01);background-repeat:no-repeat;opacity: 1 !important;}
.sub-visual__inner{position:absolute; top:290rem; left:0; width: 100%;}

body[class^="sub01_"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visaul01.jpg);}
body[class^="sub02_"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visaul02.jpg);}
body[class^="sub03_"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visual03.jpg);}
body[class^="sub04_"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visual04.jpg);}
body[class^="sub05_"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visual05.jpg);}
body[class^="sub06_"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visual06.jpg);}

/* board visual set */
/* 생성한 게시판 테이블 명 입력 */
/* 다국어시 세팅하면서 _en 붙이는 습관 들이기 */
body:is(.certification, .certification_en) .sub-visual__bg > i{background-image:url(../img/sub/sub-visaul01.jpg);}
body:is(.patent, .patent_en) .sub-visual__bg > i{background-image:url(../img/sub/sub-visaul02.jpg);}

/* lnb */
#lnb{position: absolute;width: 100%;bottom:53rem ;z-index: 10;}
#lnb .select-link{width: auto; background-color: var(--op-w30); padding: 15rem 40rem; border-radius: 90rem; }
#lnb .select-link > ul{margin-top:0rem; gap: 40rem;}
#lnb .depth1 .sub-menu,
#lnb .select-link__btn{display:none;}

#lnb.lnb-select .select-link__btn{display:flex; align-items:center; font-size:20rem; color:#fff;padding-right: 70rem;}
#lnb.lnb-select  .select-link__btn::after{content:"";position:absolute;right:0;width:40rem;height:40rem;background-color:rgba(255,255,255,0.2);background-size: 8rem;background-position:50% 50%;background-image:url(../img/common/arrow-basic_w.svg);background-repeat:no-repeat;border-radius:100%;transform: rotate(90deg);}
#lnb.lnb-select .select-link__btn.on::after{transform: rotate(270deg);}
#lnb.none-select .select-link__btn{pointer-events:none; cursor:text;}
#lnb.none-select .select-link__btn::after{opacity:0;}

#lnb:not(.lnb-select) .select-link:has(.depth1){display:none; height:100rem; background:#000;}
#lnb:not(.lnb-select) .select-link > ul{opacity:1;visibility:visible;padding:0 0;background:none;flex-direction:row;flex-wrap:nowrap;flex-wrap: wrap;position: relative;}
#lnb:not(.lnb-select) .select-link > ul a{padding:0;font-size: 18rem;  opacity: 0.33;}
#lnb:not(.lnb-select) .select-link > ul > li.on > a{opacity: 1;}
#lnb:not(.lnb-select) .select-link > ul a:hover{opacity:1;}
/*#lnb:not(.lnb-select) .select-link > ul a.on{opacity: 1;} 위의 소스 3차까지 먹이기 체크필요 */ 
#lnb:not(.lnb-select) .select-link > ul > li{width: auto;}
#lnb:not(.lnb-select):not(:has(li:nth-child(2))){display: none;} /* 2차가 하나일때 lnb 숨기기 */

#lnb.lnb-select:has(.select-link:nth-child(2)){display:flex;align-items: center;}
#lnb.lnb-select .select-link + .select-link:has(.depth2){margin-left:20rem;}
#lnb .lnb-inner{display:flex; justify-content: center;}

a.lnb-home{display:block; width:15rem; margin-right:20rem; background:url(../img/common/ic-nav-home_w.svg) no-repeat 50% 50%; font-size:0; min-height:100%;}

/* sub nav */
#sub-nav{display: flex; align-items: center; justify-content: center; margin-bottom: 34rem;}
#sub-nav > *{position: relative;}
#sub-nav > *:last-child::after{display: none;}
#sub-nav .sub-home{display: block;width: 15rem;height: 17rem;/* background:url(../img/common/ic-nav-home_w.svg) no-repeat;opacity: 0.5; */}
#sub-nav span{color: var(--w); font-size: 15rem; display: block; font-weight: 500;}
#sub-nav span.depth02{font-family: var(--lang-en); font-weight: 600;}
#sub-nav > i{display:block; opacity:0.3; width:3rem; height:3rem; margin:0rem 16rem; background-color:var(--w); border-radius:14rem;}
#sub-nav:has(.depth02:empty) .depth01::after{display: none;}
body:has(#sub-nav span:empty) #sub-nav .depth01 ~ i{display: none;}

/* snb */
#snb{display:flex;align-items:center;}
#snb li.on a{opacity:1;}
#snb li a{display:flex;justify-content:center;align-items:center;height: 50rem;box-sizing:border-box;border: 1px solid var(--g-01);font-size:18rem;font-size:var(--font-18);transition:var(--trans-01);padding: 0rem 30rem;}
#snb li:not(:last-child) a{border-right:0;}
#snb li.on a{background:var(--c-01); color:#fff; border-color:var(--c-01);}
#snb-title{font-weight:400;}
#snb li:not(.on) a:hover{color: var(--g-02);}

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

    #sub-visual h2{font-size: 54rem;}
}
@media all and (max-width:1023px){
	#sub-visual{height:580rem;}	
	#sub-visual h2{font-size:45rem;}

	.sub-visual__inner{top:340rem;}

	#lnb.lnb-select .select-link__btn{font-size:18rem;}
	#lnb:not(.lnb-select) .select-link > ul a{font-size: 16rem;}
}

@media (max-width: 540px){
    
	body:not(:has(.productView-page)) #sub-visual{height:640rem;}
	#sub-visual h2{font-size: 29rem; word-break: keep-all;}
    #sub-nav{margin-bottom: 22rem;}
    #sub-visual .dark{ transition:  all .4s ease-in;}

	.sub-visual__inner{top: 235rem;}
	.sub-visual__title:has(.title-ko.none) .title-ko{display:block !important; margin-top:5rem; font-weight:700 !important; font-size:18rem !important;}
	/* .sub-visual__bg{border-bottom-left-radius:5rem; border-bottom-right-radius:5rem;} */

	#sub-nav span{font-size:13rem;}
	#sub-nav > i{margin: 0rem 6rem;}

	#lnb{top:auto; bottom:0rem; z-index:10; padding:26rem 0rem; border-top-left-radius:5rem; border-top-right-radius:5rem;}
	#lnb.lnb-select .select-link__btn{font-size:17rem;}
	#lnb .select-link:has(.depth1){display:none;}
	#lnb .select-link:has(.depth2){margin-left:0;}
	#lnb.lnb-select:not(:has(li:nth-child(2))){display: none;}
	#lnb.lnb-select .select-link:nth-child(2){margin-left:0;}
	#lnb .lnb-inner{display:block;margin:0;width:100%; box-sizing:border-box;}
	#lnb.lnb-select{opacity:1 !important;width:calc(100% - 40px);box-sizing:border-box;margin:0 20rem;transform:none !important;}
	/* #lnb.lnb-select:has(li:nth-child(2)){display:block;}	 */
	#lnb.lnb-select .select-link + .select-link:has(.depth2){margin-left:0;}
	#lnb.lnb-select .select-link{width:100%; box-sizing:border-box; margin-left:0;}
	#lnb.lnb-select .select-link__btn{font-size: 14rem;}
	#lnb.lnb-select  .select-link__btn::after{right:-24rem; background-color:inherit;}
	#lnb .select-link > ul{margin-top:15rem; padding:13rem 0rem 13rem; border-radius:10rem; gap: 4rem; background: var(--w); left: 0; box-shadow: 25px 25px 18px 0px rgba(167, 167, 167, 0.25);}
	#lnb .select-link > ul a{padding: 8rem 20rem;font-weight:400;font-size:15rem; color: var(--c-dark);}

    #lnb:not(.lnb-select){padding:0;}
	#lnb:not(.lnb-select) .select-destroy li a{white-space:nowrap;}
	#lnb:not(.lnb-select) {width:100% !important; margin:0 !important; background:none;}
	#lnb:not(.lnb-select) .select-destroy{ overflow-x:scroll; ;}
    #lnb:not(.lnb-select) .select-destroy ul{justify-content: center}
	/* #lnb:not(.lnb-select) .select-destroy li:last-child{padding-right:40rem;} */
	#lnb:not(.lnb-select) .select-destroy li a{opacity:0.5; color:var(--c-dark); position: relative; padding-bottom: 7rem; display: block;}
    #lnb:not(.lnb-select) .select-destroy li a::before{content: ""; width: 100%; height: 2rem; background-color: transform(--c-primary); left: 0; bottom: 0; position: absolute;}
	#lnb:not(.lnb-select) .select-destroy li.on a{opacity:1;color: var(--c-primary); font-weight: 600;}
    #lnb:not(.lnb-select) .select-destroy li.on a::before{background-color: var(--c-primary);}
	#lnb:not(.lnb-select) .select-destroy li + li{margin-left: 30rem;}
	#lnb:has(.select-destroy):not(.lnb-select) .select-link__btn::after{display:none;}
}

/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
#container:has(.board-page) + #footer{margin-top: 140rem;}
#header{}
body:has(.white-ver,.board-page,.cs-page) #header{border-bottom: 1px solid var(--op-b10);}
body:has(.white-ver,.board-page,.cs-page) #header #gnb .gnb-item > a{color: var(--c-dark);}
body:has(.white-ver,.board-page,.cs-page) #header #logo a{background-image: url(../img/layout/logo.svg);}
body:has(.white-ver,.board-page,.cs-page) #sub-nav .sub-home path{fill: var(--Opacity-black-30, rgba(0, 0, 0, 0.30));}
body:has(.white-ver,.board-page,.cs-page) #sub-nav > i{background-color: var(--c-title); opacity: 0.3;}
body:has(.white-ver,.board-page,.cs-page) #sub-nav span{color: var(--c-title);}
body:has(.white-ver,.board-page,.cs-page) #sub-visual .dark{display: none;}

body:has(.white-ver,.board-page,.cs-page) #lnb{bottom: 0;}
body:has(.white-ver,.board-page,.cs-page) #lnb .select-link{padding-bottom: 9rem;}
body:has(.white-ver,.board-page,.cs-page) #lnb:not(.lnb-select) .select-link > ul a{color: var(--c-default); opacity: 1; font-weight: 500; position: relative;}
body:has(.white-ver,.board-page,.cs-page) #lnb:not(.lnb-select) .select-link > ul li.on a{color: var(--c-primary); font-weight: 700;}
body:has(.white-ver,.board-page,.cs-page) #lnb:not(.lnb-select) .select-link > ul li a::before{content: ""; width: 100%; height: 2rem; position: absolute; background-color:transparent; transition: var(--trans-01); left: 0; bottom: -9rem;}
body:has(.white-ver,.board-page,.cs-page) #lnb:not(.lnb-select) .select-link > ul li.on a::before{background-color: var(--c-primary);}
body:has(.white-ver,.board-page,.cs-page) .lang-menu a{color: var(--op-b20);}
body:has(.white-ver,.board-page,.cs-page) .lang-menu li + li::before{border-color: var(--op-b20);}
body:has(.white-ver,.board-page,.cs-page) .lang-menu li.on a{color: var(--c-01) !important;}

#footer{margin-top: 150rem;}


/* 게시판 */
#bo_gall .gall_img{border-radius: 5rem;}
body:has(.board-page,.cs-page) #sub-visual{height: 543rem; background-color: var(--w); border-bottom: 1px solid var(--op-b10);}
body:has(.board-page,.cs-page) #sub-visual h2{color:var(--c-title)}
body:has(.board-page,.cs-page) .sub-visual__bg{background:var(--w);}
body:has(.board-page,.cs-page) .sub-visual__inner{top: 258rem;}

@media (max-width:1200px){

    #footer{margin-top: 120rem;}
}
@media all and (max-width:1023px){

    #container:has(.board-page) + #footer,
    #footer{margin-top: 100rem;}

}

@media (max-width: 540px){

    #container:has(.board-page) + #footer,
    #footer{margin-top: 82rem;}
    
    body:has(.board-page,.cs-page) #sub-visual{height: 340rem;}
    body:has(.board-page,.cs-page) .sub-visual__inner{top: 130rem;}
}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative;padding-top: max(6.3750vw, 140rem);}
.sub-content:has(.board-page){padding-top: 84rem;}
.sub-content h3{text-align: center;}
body:not(:has(.cs-page)) .sub-content h3 + *{margin-top: 80rem;}

@media (max-width:1200px){

}

@media all and (max-width:1023px){
	.sub-content:has(.board-page){padding-top:110rem;}
    .sub-content{padding-top: 110rem;}
    body:not(:has(.cs-page)) .sub-content h3 + *{margin-top: 56rem;}
    
}

@media (max-width: 860px){
    .sub-content{padding-top: 100rem;}
}

@media (max-width: 540px){
	.sub-content,
	.sub-content:has(.board-page){padding-top: 60rem;}
    body:not(:has(.cs-page)) .sub-content h3 + *{margin-top: 36rem;}
}

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

/* 회사소개 */
.about-page h4{font-size: 44rem; line-height: 1.863; font-family: var(--lang-title); color: var(--c-title);}
.about-intro strong{text-align: center; display: block;}
.about-intro__text{ max-width: 1260rem; width: 100%; margin: 100rem auto 150rem; justify-content: space-between; gap: 100rem;}
.about-intro__conts p + p{margin-top: 29rem;}

.vision{position:relative;/* background:url(../img/sub/company-bg.jpg) no-repeat 50% 50%/cover; */padding: 120rem 0 168rem;}
.vision *{color: var(--w) !important;}
.vision h4{margin-bottom: 10rem;}
.vision-bg{position: absolute;top: 0;width: 100%;left: 0;height: 100%;}
.vision-bg img{position: sticky; top: 0; width: 100%;}
.vision .wrap{position:relative;z-index:1;justify-content:space-between;}
.vision-title{position: absolute; left: 0; height: 100%;}
.vision-title > div{position:sticky;top:120rem;max-width:520rem;}
.vision-title p{font-weight: 300;}
.vision ul{flex-wrap:wrap;  max-width:864rem;gap: 125rem 66rem;padding-top: 80rem; margin-left: auto;}
.vision ul li{width:399rem;height:509rem;border-radius:5rem;text-align: center;display:flex;flex-direction:column;align-items: center;justify-content: flex-end;position: relative;padding: 60rem 20rem}
.vision ul li:nth-child(1){background-image: url(../img/sub/vision01.jpg); background-size: cover;}
.vision ul li:nth-child(2){background-image: url(../img/sub/vision02.jpg);background-size: cover;top: 362rem;}
.vision ul li:nth-child(3){background-image: url(../img/sub/vision03.jpg); background-size: cover;}
.vision ul li strong{font-family: var(--lang-title); font-size: 26rem; display: block; margin-bottom: 10rem; line-height: 2;}

.value{padding-top: 120rem;}
.value h4{margin-bottom: 14rem;}
.value-conts__center{width:455rem; height: 455rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.value-conts__center img{width: 100%; height: 100%;}
.value-conts__center strong{color: var(--w); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1;}

.value-conts{gap: 8rem 6rem; position: relative;}
.value-conts__item{background-color:var(--bg-default); border-radius: 5rem;  display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; height: 380rem; padding:23rem 100rem;}
.value-conts__item i{width: 42rem; height: 42rem; display: flex; align-items: center; justify-content: center;}
.value-conts__item img{max-width: 100%; max-height: 100%;}
.value-conts__item  strong{display: block; margin-top: 10rem; margin-bottom: 10rem;}


@media (max-width:1480px){

     .vision ul li{width: 350rem; height: 460rem; padding: 40rem 20rem;}
     .vision ul{max-width: 766rem;}
     .vision ul li strong{font-size: 22rem;}
     .vision ul li p{word-break: keep-all;}
}
@media (max-width:1200px){
	.vision h4,.about-page h4{font-size: 34rem;}
    .about-intro__text{gap: 70rem;}
    .about-intro__text h5{word-break: keep-all;}
    .about-intro__conts p{word-break: keep-all;}

    .vision ul{gap: 100rem 44rem; max-width: 664rem;}   
    .vision ul li:nth-child(2){top: 310rem;}
    .vision ul li{width: 310rem; height: 380rem;}
    .vision ul li strong{font-size: 20rem;}

    .value-conts__center{width: 340rem; height: 340rem;}
    .value-conts__item{padding: 23rem 80rem;}
}
@media all and (max-width:1023px){
	
    .about-intro__text{margin: 80rem auto 100rem;flex-direction: column;}
    
    .vision{background: url(../img/sub/company-bg.jpg) no-repeat; background-size: cover;}
    .vision ul{padding-top: 210rem;}
    .vision{padding: 100rem 0;}
    .value-conts__item{height:320rem;}
    .value-conts__item strong{font-size: 20rem;}
    .value-conts__center{width: 300rem; height: 300rem;}

    .value{padding: 100rem 0;}    
    .vision-bg{display: none;}
}
@media (max-width: 860px){
	 .about-intro__text{gap: 40rem;}

     .vision-title{position: relative; height: auto;}
     .vision ul{padding-top: 52rem; margin-left: 0; max-width: 100%;}
     .vision ul li{width: 352rem; height: 410rem; padding: 28rem;}

     .value-conts__center{width: 260rem; height: 260rem;}
     .value-conts__item{padding: 22rem 44rem;}
   
     .value{padding: 80rem 0;}    
}
@media (max-width: 540px){
    .about-intro__text{margin: 44rem auto 64rem}
    .about-intro strong{padding: 0 20rem;}
    .about-intro__text{margin: 44rem auto 80rem; gap: 23rem;}
    .about-intro__conts p + p{margin-top: 14rem;} 
    .about-intro__conts p br{display: none;}

    .vision-title p{word-break: keep-all;}
    .vision-title p br{display: none;}
    .vision{padding: 64rem 0;}
    .vision h4,.about-page h4{font-size: 20rem;}
    .vision ul{padding-top: 28rem; gap: 14rem;}
    .vision ul li{width: 100%; height: 350rem; padding: 22rem;}
    .vision ul li:nth-child(2){top: 0;}
    .vision ul{gap: 28rem;}
    .vision ul li strong{font-size: 17rem; margin-bottom: 6rem;}

    .value-conts{grid-template-columns: 1fr;}
    .value-conts__item{height: auto;  padding: 32rem 22rem;}
    .value-conts__item strong{font-size: 17rem;}
    .value-conts__center{display: none;}

    .value{padding: 64rem 0 0}
    .value-conts__item p{word-break: keep-all;}
    .value-conts__item p br{display: none;}
}

.history-sect{border-top: 1px solid var(--op-b10); position: relative;}
.history-list-wrap {position: relative;}
.history-line-wrap {position: absolute; left: 50%; top: 0; height: 100%;}
.history-line{display:block;position:absolute;overflow:hidden;top:0;left:0;width:2rem;height:100%; font-weight: 800; background: var(--op-b10);}
.history-line::before { position: absolute; left: 50%; top: 0; content:''; width: 1px; height: 100%; background: var(--w);}
.history-line__bar{display:block; position:absolute; top:0; left:50%; z-index:50; width:100%; background:var(--c-primary); border-radius: 5rem; transform: translateX(-50%);}
.history-list__title {position: absolute;right: 50%;width: 50%;height: 100%;padding-right: 284rem;text-align: right;padding-top: 178rem;}
.history-list__title strong {position: sticky;top: 44vh;font-size: 102rem;font-family: var(--lang-title);font-weight: 800;}
.history-list__title i{width: 705rem;height: 364rem;background-image: url(../img/sub/history-logo.svg);display: block;position: sticky;top: 61vh;background-size: contain;transform: translateX(-28%);opacity: 0.6;}
.history-list__title p {display: inline-block; }
.history-list__title span {}
.history-item{display: flex; }
.history-item strong{font-weight:100;font-size:50rem;color:var(--b-01);letter-spacing:-1.5rem;transition:var(--trans-01);}
.history-item.is_moved strong{color:var(--c-01);}
.history-list{width: 50%; margin-left: auto; padding-left: 140rem; padding-top: 75rem;}
.history-desc li{display:flex; flex-direction: column;  margin-bottom:90rem}
.history-desc > li em{color: var(--c-primary); font-weight: 700; font-family: var(--lang-ko); display: block; margin-bottom: 10rem;}
.history-desc > li p{color: var(--c-title); font-weight: 600; font-size: 18rem;}
.history-desc ul {margin-top: 5rem;}
.history-desc ul li {flex-direction: column; align-items: flex-start;}
.history-desc ul span {display: block; margin-top: 10rem; font-weight: 100; color: #aaa;}
.history-item:last-child .history-desc li:last-child{margin-bottom: 0;}

@media (max-width:1480px){
    .history-list__title{padding-right: 178rem;}
    .history-list__title strong{font-size: 94rem;}

}
@media all and (max-width:1200px){
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){
    .history-list{padding-left: 100rem;}
    .history-list__title{padding-top: 308rem; padding-right: 130rem;}
	.history-list__title strong{font-size: 74rem;}
    .history-desc > li p{font-size: 16rem;}
}
@media (max-width:860px){

    .history-list{width: 60%;}
    .history-line-wrap{left: 42%;}
    .history-list__title strong{font-size: 64rem;}
    .history-desc li{margin-bottom: 72rem;}

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

    .history-list__title{width: 100%; right: 0; display: none;}
    .history-list{width: 100%; padding-left: 40rem; padding-top: 54rem;}
    .history-line-wrap{left: 0;}
    .history-line{width: 1rem;}
    .history-desc li{margin-bottom: 38rem;}
    .history-desc > li em{margin-bottom: 6rem;}
    
    .history-sect .tab-anchor.table-block{justify-content: center;}
    
}


.certify-page .btn-wrap{ display: flex; justify-content: center; align-items: center; margin-top: 64rem;}
.certify--wrap{text-align: center;}

/* 오시는길 */
body:is(.sub01_04) #footer{margin-top: 0;}
.location-cover{background-color: var(--bg-default); padding-top: 100rem; padding-bottom: 160rem;}
.location-sec h4{margin-bottom: 26rem;}
.location-sec .map{width: 100%; height: 530rem; margin-bottom: 32rem; overflow: hidden; border-radius: 5rem;}
.location-sec .map iframe{width: 100%; height: 100%; border:0;}
.location-sec + .location-sec{margin-top: 126rem;}
.location-info{background-color: var(--w); border-radius: 5rem; gap: 60rem;}
.location-info[data-flex]{padding: 24rem 60rem 24rem 54rem;align-items: center;}
.location-info[data-flex] figure{width: 465rem;height: 286rem;border-radius: 5rem;overflow: hidden;display: none;}
.location-info[data-flex] figure img{height: 100%;}
.location-info:not([data-flex]){padding: 40rem;}
.location-info__address{align-items: center; gap: 27rem;}
.location-info__address img{width: 51rem;}
.location-info__tit{display: flex; align-items: center; gap: 10rem;}
.location-info__tit span{font-weight: 700;}

.location-info[data-flex] .location-info__address{padding-bottom: 46rem; }
.location-info__detail{flex: 1;}
.location-info__detail dl{padding-top: 36rem; border-top: 1px solid var(--op-b10);}
.location-info__detail dl div{display: flex;}
.location-info__detail dl div + div {margin-top: 8rem;}
.location-info__detail dl dt{min-width: 100rem; color: var(--c-primary); font-weight: 700;}
.location-info__detail dl dd{color: var(--c-default); font-weight: 400; line-height: 1.7;}

@media (max-width:1480px){
	.location-info[data-flex] figure{width: 380rem;}
    .location-info[data-flex] .location-info__address{padding-bottom: 34rem;}
}

@media (max-width:1200px){

    .location-info[data-flex] figure{width: 300rem;}
.location-sec:nth-child(1) .location-info__tit{flex-direction: column; align-items: flex-start; gap: 0;}
.location-sec + .location-sec{margin-top: 100rem;}
.location-cover{padding-bottom: 120rem;}

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

    .location-info[data-flex]{flex-direction: column; align-items: flex-start;}
    .location-info[data-flex] figure{width: 100%;}
    .location-info[data-flex]{padding: 24rem;}
    .location-info{gap: 30rem;}
    .location-info__detail{width: 100%;}
    .location-sec + .location-sec{margin-top: 80rem;}
    .location-sec .map{height: 400rem;}
    .location-cover{padding-bottom: 100rem; padding-top: 80rem;}
    
}

@media (max-width: 540px){
 
    .location-sec .map{height: 240rem; margin-bottom: 12rem;}
    .location-sec h4{margin-bottom: 16rem;}
    .location-info[data-flex],.location-info:not([data-flex]){padding: 14rem;}
    .location-info[data-flex] figure{height: 166rem;}
    .location-sec:nth-child(1) .location-info__tit,
    .location-info[data-flex] .location-info__address,
    .location-info__tit,
    .location-info__address{flex-direction: column; text-align: center; justify-content: center; align-items: center;}
    .location-info__tit{gap: 2rem;}
    .location-info__tit strong{font-size: 16rem;}
    .location-info__address{gap: 15rem;}
    .location-info__detail dl div + div{margin-top: 2rem;}
    .location-info__detail dl{margin-top: 0; padding-top: 22rem;}
    .location-info[data-flex] .location-info__address{padding-bottom: 22rem;}
    .location-info__address img{width: 42rem;}

    .location-sec + .location-sec{margin-top: 54rem;}
    .location-cover{padding-top: 54rem;}
    .location-cover{padding-bottom: 80rem;}
}


/* 연구개발 */
body:has(.rnd-page) #footer{margin-top: 0;}
.rnd-into{padding-bottom: 150rem;}
.rnd-mission{gap: 31rem;}
.rnd-mission p{font-weight: 300; font-family: var(--lang-ko);}
.rnd-mission__main{flex: 1; width: 100%; border-radius: 5rem; overflow: hidden;  background: url(../img/sub/rnd01.jpg) no-repeat; background-size: cover; background-position: 50% 50%; display: flex; flex-direction: column; justify-content: flex-end; padding: 42rem;}
.rnd-mission__main *{color: var(--w);}
.rnd-mission__main strong{display: block; margin-bottom: 14rem;}
.rnd-mission__main p{word-break: keep-all;}
.rnd-mission__grid{gap: 16rem 24rem; max-width: 838rem; width: 100%;}
.rnd-mission__grid li{padding: 40rem 34rem; border-radius: 5rem; background-color: var(--bg-default); display: flex; flex-direction: column; justify-content: space-between; height: 283rem;}
.rnd-mission__grid span{color:var(--c-primary)}

.rnd-area{background-color: var(--bg-dark); padding-top:140rem; position: relative; padding-bottom: 170rem;}
.rnd-area > section{position: relative; z-index: 1;}
.rnd-area__rolling{overflow: hidden;}
.rnd-area__rolling h4{color: var(--w);}
.rnd-area .rolling-img{margin-top: 60rem;}
.rnd-area .rolling-img img{border-radius: 5rem; margin: 0;}
.rnd-area .rolling-img a{position: relative;}
.rnd-area__bg{position: absolute;top: 0;width: 100%;left: 0;height: 100%;}
.rnd-area__bg img{position: sticky; top: 0;}

.rolling-img__box div{width: 416rem;aspect-ratio: 416 / 530;position: relative;display: flex;align-items: flex-end;padding: 34rem 42rem;margin: 0 16rem;}
.rolling-img__box div img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.rolling-img__box em{color: var(--w);position: relative;}

.rnd-scroll{position:relative; height: 100vh;}
.rnd-scroll__part{display:flex; max-width: 1035rem; width: 100%; margin: 0 auto; align-items:center; gap:120rem; height: 100vh;}
.rnd-scroll__title{font-size:61rem; font-family: var(--lang-title); font-weight:700; color:#fff; white-space:nowrap;}
.rnd-scroll__title sup{font-size: 36rem; top: -6rem; position: relative;}
.rnd-scroll__list{--rnd-lineH:160rem; position:relative; height:var(--rnd-lineH); overflow:hidden;}
.rnd-scroll__list li{min-height:var(--rnd-lineH); display:flex; align-items:center; opacity:.18; transition:opacity .3s ease; margin:0;}
.rnd-scroll__list li.is-active{opacity:1;}
.rnd-scroll__list li > div{color:#cfd8ff; font-size:18rem; line-height:1.7; word-break:keep-all;}
.rnd-scroll__list li.is-active > div{color:#fff;}
.rnd-scroll__list ul{transform:translateY(0); transition:transform .45s ease; padding:0; margin:0;}

.rnd-info{padding-top: 180rem;}
.rnd-info{max-width: 1000rem; width: 100%; margin: 0 auto;}
.rnd-info h5{color: var(--w); margin-bottom: 16rem;}

.rnd-title--wrap {margin-bottom: 104rem;text-align: center;}
.rnd-title--wrap strong{font-size: 59rem;color: var(--w);font-family: var(--lang-title);display: block;margin-bottom: 20rem;}
.rnd-title--wrap p{color: var(--w);  }


.rnd-info__table table{width: 100%;}
.rnd-info__table table tr > *{padding: 14.5rem 10rem; text-align: center; color: var(--w); border-bottom: 1px solid var(--bg-dark);}
.rnd-info__table table tr > * + *{border-left: 1px solid var(--bg-dark);}
.rnd-info__table table th{background-color: var(--c-primary); font-weight: 700; text-align: center; ;}
.rnd-info__table table td{background-color: var(--op-w10); font-weight: 400;}

/* .rnd-info__certification{margin-top: 80rem;} */
.rnd-info__certification ul{gap: 38rem;}
.rnd-info__certification ul li{width: 100%;}
.rnd-info__certification ul li  p{color: var(--w);font-weight: 500;margin-top: 12rem;font-size: 20rem;}
.rnd-info__certification ul li span{color: var(--op-w70);font-size: 15rem;margin-top: 1rem;display: block;}

.rnd-roadmap{position: relative; background-color: var(--bg-dark); background:url(../img/sub/rnd-bottom__bg.jpg) no-repeat 50% 50% / cover; }
.rnd-roadmap i.bg{position:absolute; left:0; top:0; width:100%; height:100vh; opacity:0; transition:opacity .45s ease; background:url(../img/sub/rnd-bottom__bg.jpg) no-repeat 50% 50% / cover; z-index:0;}
.rnd-roadmap.is-bg-fixed i.bg{opacity:1; position: fixed; }
.rnd-roadmap__srcolling{overflow: hidden; /* position: absolute; top: 0; left: 0; */ height: 100vh; width: 100%; z-index:1; position: relative;}

.rnd-roadmap__wrapper{display: flex; display: flex;align-items: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.rnd-roadmap__list{gap: 40rem; display: flex; will-change: transform;width: max-content;align-items: center;}
.rnd-roadmap__item{perspective: 1000rem}
.rnd-roadmap__item > div{backface-visibility: hidden; transition: var(--trans-03);}
.rnd-roadmap__item:nth-child(1){width: 747rem; padding-left: 190rem; }
.rnd-roadmap__item:nth-child(1) *{color: var(--w);}
.rnd-roadmap__item:nth-child(1) h4{ margin-bottom: 24rem;}
.rnd-roadmap__item{border-radius: 5rem;overflow: hidden;width: 415rem;position: relative;}
.rnd-roadmap__front{display: flex;padding: 32rem; align-items: flex-end; justify-content: space-between;position: absolute;width: 100%;height: 100%;left: 0;top: 0; background-size: cover;}
.rnd-roadmap__front strong{color: var(--w);}
.rnd-roadmap__front img{position: absolute; object-fit: cover;}
.rnd-roadmap__front.first{background-image: url(../img/sub/rnd-last01.jpg); }
.rnd-roadmap__front.second{background-image: url(../img/sub/rnd-last02.jpg);}
.rnd-roadmap__front.third{background-image: url(../img/sub/rnd-last03.jpg);}
.rnd-roadmap__front.fourth{background-image: url(../img/sub/rnd-last04.jpg);}

.rnd-roadmap__back{background-color: var(--w); transform: rotateY(180deg);  height: 477rem; padding: 32rem; width: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.rnd-roadmap__title h5{margin-top: 10rem;}
.rnd-roadmap__desc strong{display: block; margin-bottom: 12rem;}
.rnd-roadmap__desc li{color: var(--c-default);}

.rnd-info__box{border:1px solid var(--op-w10); border-radius: 5rem; background-color: rgba(255,255,255,0.06); height: 135rem; align-items: center; justify-content: center;}
.rnd-info__box.first{gap: 60rem;}
.rnd-info__box.second{gap: 70rem;}
.rnd-info__box.second span{color: var(--w); font-weight: 700;}

@media (max-width:1480px){

    .rnd-mission__grid{max-width: 726rem;}
    .rnd-mission__grid li{height: 240rem;}
}
@media all and (max-width:1200px){
    .rnd-mission{flex-direction: column;}
    .rnd-mission__grid{grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10rem; max-width: 100%;}
    .rnd-mission__grid li{padding: 24rem; height: 210rem; }
    .rnd-mission p{word-break: keep-all;}
    .rnd-mission__main{flex: none; height: 320rem;}
    .rnd-mission{gap: 22rem;}
    .rnd-into{padding-bottom: 120rem;}

    .rnd-area{padding-top: 120rem;}
    .rolling-img__box div{width: 320rem;}
    .rnd-area .rolling-img{margin-top: 48rem;}

    .rnd-scroll__title{font-size: 50rem;}
}
@media all and (max-width:1023px){
	.rnd-mission__grid{grid-template-columns: 1fr 1fr;}
    .rolling-img__box div{width: 240rem; margin: 0 14rem;  padding: 22rem;}
    .rnd-area .rolling-img{margin-top: 32rem;}
    .rnd-area{padding-top: 100rem;}

    .rnd-info{padding: 100rem 40rem 0;}
    .rnd-title--wrap strong{font-size: 46rem;}
    .rnd-info__certification ul li p{font-size: 18rem;}


    .rnd-roadmap__srcolling{height: auto;}
    .rnd-roadmap{padding: 100rem 0;}
    .rnd-roadmap__wrapper{position: relative; padding: 0 40rem;}
    .rnd-roadmap__list{width: 100%;align-items: flex-start;flex-direction: column;}
    .rnd-roadmap__item{width: 100%;;}
    .rnd-roadmap__item:not(:nth-child(1)){ display: flex}
    .rnd-roadmap__item:nth-child(1){padding-left: 0; width: 100%;}
    .rnd-roadmap__item > div{backface-visibility: visible; transform: translateY(0);}
   .rnd-roadmap__front{position: relative; height: auto;} 
   .rnd-roadmap__front strong{display: none;}
   .rnd-roadmap__back{height: auto;}

   /* .rnd-area{background: url(../img/sub/rnd-sticky__Bg.jpg); background-size: cover;}
   .rnd-area__bg{display: none;} */

   .rnd-area__bg img{width: 100%; height: 100vh; object-fit: cover;}
}
@media (max-width:860px){

    .rnd-area{padding-top: 80rem;}
    .rnd-info__certification ul{flex-direction: column;}
    .rnd-info{padding: 100rem 28rem 0;}

    .rnd-scroll__part{flex-direction: column; justify-content: center; gap: 10rem;}
    .rnd-scroll__list li{text-align: center; justify-content: center;}
    
    .rnd-roadmap{padding: 80rem 0;}
    .rnd-roadmap__wrapper{padding: 0 32rem;}

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

    .rnd-mission__main{padding: 22rem;}
    .rnd-mission p br{display: none;}
    .rnd-mission__main strong{margin-bottom: 8rem;}
    .rnd-mission__grid{grid-template-columns: 1fr;}
    .rnd-mission__grid li{height: auto; justify-content: flex-start;}
    .rnd-mission__grid p{margin-top: 40rem;}
    .rnd-into{padding-bottom: 80rem;}

    .rnd-area{padding-top:80rem; padding-bottom: 80rem;}
    .rolling-img__box div{width: 200rem; margin: 0 10rem; padding: 20rem;}
    .rolling-img__box em{display: block; width: 100%; font-size: 14rem;}

    .rnd-info{padding: 80rem  20rem 0;}
    .rnd-info h5{margin-bottom: 12rem;}
    .rnd-info__table table tr > *{font-size: 14rem; padding: 12rem 10rem;}
    .rnd-info__certification{margin-top: 54rem;}
    .rnd-info__certification ul{gap: 24rem;}
    .rnd-info__box{height: 100rem;}
    .rnd-info__box.first{gap: 30rem;}
    .rnd-info__box.second{gap: 44rem;}

    .rnd-scroll__title{font-size: 38rem;}
    .rnd-scroll__part{gap: 14rem;}
    .rnd-scroll__list li{align-items: flex-start; padding: 0 30rem} 
    .rnd-scroll__list li > div{font-size: 15rem;}
    .rnd-scroll__list{--rnd-lineH:210rem}

    .rnd-roadmap__item p br{display: none;}
    .rnd-roadmap__wrapper{padding: 0 20rem;}
    .rnd-roadmap__item:not(:nth-child(1)){flex-direction: column;}
    .rnd-roadmap__front {height: 240rem;}
    .rnd-roadmap__back{padding: 14rem;}
    .rnd-roadmap__title{margin-bottom:40rem;}

    .rnd-title--wrap{margin-bottom: 44rem;}
        .rnd-title--wrap strong {font-size: 28rem; margin-bottom: 10rem;}
        .rnd-title--wrap  p{color: var(--op-w70);}
        .rnd-scroll__title sup{font-size: 22rem;}
}


.product-list{gap: 72rem 46rem;}
.product-list li figure{position: relative; border: 1px solid var(--op-b10); width: 100%; aspect-ratio: 737 / 348; overflow: hidden; }
.product-list li figure::before{content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; background: rgba(72, 101, 175, .62); opacity: 0; transition: var(--trans-01); /* mix-blend-mode: multiply; */}
.product-list li figure img{width: 100%; height: 100%; object-fit: cover;}
.product-list li figure *.btn-default.w-border{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -40%); opacity: 0; }
.product-list li h4{margin-top: 24rem; text-align: center;}


@media (min-width:1024px) and (hover: hover) and (pointer: fine){
    .product-list li:hover figure{background-color: var(--bg-dark);}
    .product-list li:hover figure::before{opacity: 1;}
    .product-list li:hover figure *.btn-default.w-border{opacity: 1; transform: translate(-50%, -50%); border:1px solid var(--w); background-color: var(--w); color: var(--c-primary);}

}

body:has(.productView-page) #sub-visual{height:447rem; border-bottom: 1px solid var(--op-b10); overflow: visible;}
body:has(.productView-page) #sub-nav span{color: var(--c-dark); font-family: var(--lang-ko);}
body:has(.productView-page) .sub-visual__title{top:220rem; position: relative;}
body:has(.productView-page) #lnb{position: relative; top: 0;}
body:has(.productView-page) #lnb .lnb-inner{justify-content: center;}
body:has(.productView-page) #lnb.lnb-select.select-link__btn{color: var(--c-title); font-family: var(--lang-title); font-size: 70rem; font-weight: 700;}
body:has(.productView-page) #sub-visual h2{color: var(--c-title);} 
body:has(.productView-page) #sub-visual h2 sup{font-size: 39rem;position: relative;top: -10rem;}
body:has(.productView-page) .sub-content{padding-top: 0;}

.lnb-select{display: flex; align-items: center; justify-content: center; gap: 40rem;}
.lnb-select button{position: relative; top: 8rem;}
.lnb-select button svg{transition:  var(--trans-01); position: relative;}
.lnb-cover{position: absolute; left: 0; display: none; width: 100%; z-index: 10;padding-top: 20rem; padding-bottom: 30rem; text-align: center; background-color: var(--w); transition:opacity .3s ease, visibility .3s ease;}
.lnb-cover a{font-size: 40rem; transition: var(--trans-01); font-family: var(--lang-title); font-weight: 600;}
.lnb-cover::after{content: ""; position: absolute;  transition-delay:1s; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid transparent; opacity: 0; transition: all .3s ease; }
.lnb-cover.is-open{ pointer-events:auto; }
.lnb-cover.is-open::after{opacity: 1; border-bottom-color: var(--op-b10);}
.lnb-select.is-open button svg{transform:rotate(180deg);}
.lnb-cover li:hover  a{opacity: 0.5;}

@media all and (max-width:1023px){
	 body:has(.productView-page) .lnb-select{gap: 30rem;}
    body:has(.productView-page) .lnb-select button svg{width: 27rem}
    body:has(.productView-page) .sub-visual__title{top: 200rem;}
    body:has(.productView-page) .lnb-cover li a{font-size: 30rem;}
    body:has(.productView-page) #sub-visual h2 sup{font-size: 26rem;top:-6rem;}
    figure + .productView-image__material{margin-top: 60rem;}
}
@media (max-width:860px){

    body:has(.productView-page) #sub-visual{height: 370rem;}
    body:has(.productView-page) .sub-visual__title{top: 170rem;}
    body:has(.productView-page)  #sub-nav{margin-bottom: 18rem;}
    body:has(.productView-page) .lnb-select button{top: 4rem;}
     

    .product-list li figure{aspect-ratio: 737 / 420;}
    .product-list{gap: 50rem 36rem;}
    .product-list li h4{margin-top: 20rem;}
}
@media (max-width: 540px){

    .product-list{gap: 30rem 12rem;}
    .product-list li figure{aspect-ratio: 740 / 540;}
    .product-list li h4{font-size: 15rem; margin-top:8rem;}

    body:has(.productView-page) #sub-visual{height: 270rem;}
    body:has(.productView-page) .sub-visual__title{top: 120rem;}
    body:has(.productView-page)  #sub-visual h2{font-size: 28rem;}
    body:has(.productView-page)  #sub-visual h2 sup{font-size: 20rem;}
    body:has(.productView-page) .lnb-select button svg{width: 16rem;}
    body:has(.productView-page) .lnb-select{gap: 12rem;}

    body:has(.productView-page) .lnb-cover li a{font-size: 19rem;}
    
}


.productView-nav__sticky{display: flex; flex-direction: column; gap: 14rem;}
.productView-nav__sticky li a{font-family: var(--lang-ko); color: var(--c-default); position: relative; padding-left: 14rem;}
.productView-nav__sticky a.on{color:var(--c-primary)}
.productView-nav__sticky a.on::before{content: ""; position: absolute; left: 0; width: 3rem; height: 14rem; background-color: var(--c-primary); top: 3rem;}

.productView-image{position: relative; padding-top: 80rem; padding-bottom: 120rem; border-bottom: 1px solid var(--op-b10);}
.productView-image::before{content: ""; position: absolute; width: 1px; height: 100%; border-right: 1px solid var(--op-b10); left: 50%; top: 0;}
.productView-image figure{background-color: rgba(0, 0, 0, 0.04); position: relative; border-radius: 5rem; overflow: hidden; width:100%; aspect-ratio: 650 / 420; width: 100%;  max-width: 650rem;}
.productView-image figure img{width: 100%; height: 100%; object-fit: cover; }
.productView-image .wrap > *{max-width: 50%;}
.productView-image__main{padding-right: 110rem;}
.productView-image__list{padding-left: 110rem;}
.productView-image__list figure + figure{margin-top: 40rem;}
figure + .productView-image__material{margin-top: 68rem;}
.productView-image__list .caption.mo-block{display: none;}

.product-spec{border-top: 1px solid var(--op-b10);width: 100%;display: table;}
.product-spec tr > *{padding: 13.5rem 18rem; font-size: 15rem;  vertical-align: middle; font-family: var(--lang-ko);} 
.product-spec th{background-color: rgba(0, 0, 0, 0.07); font-weight: 500;  width: 185rem;}
.product-spec tr:not(:last-child) th{border-bottom: 1px solid var(--w);}
.product-spec td{color: var(--c-default); border-bottom: 1px solid var(--op-b10);}

.productView-image__stikcy{position: sticky;top: 180rem;}
.productView-image__detail{margin-top: 34rem;}

.registered-patent{margin-top: 33rem;}
.registered-patent ul{display: flex; gap: 12rem;}
.registered-patent ul li{width: 39rem; height: 26rem; overflow: hidden; border-radius: 3rem; border:1px solid var(--op-b10);}
.registered-patent ul li img{width: 100%; height: 100%; object-fit: cover;}

.productView-mainDetail__import{margin-top: 40rem;}
.productView-mainDetail__import strong{display: flex; justify-content: center; align-items: center; background-color: var(--c-primary); color: var(--w); font-weight: 700; color: var(--w); padding: 15rem 10rem;}

.productView-nav{width: 412rem; padding-left: 40rem; padding-top: 120rem; position: absolute; left: 0; top: 0; height: 100%;}
.productView-nav .productView-nav__sticky{ position: sticky; top: 120rem}

.productView-detail{padding-top: 120rem; position: relative;}
.productView-detail__conts{padding-left: 220rem;}
.productView-detail__sec{padding: 100rem 0;}
.productView-detail__sec figure:not(:has(img)) {background-color: #f6f6f6; background-image:url(../img/layout/logo.svg); background-size: 120rem; background-position: 50% 50%;}
.productView-detail__sec figure:has(img){background:none;}
.productView-detail__sec figure img{object-position: 50% 50%;}
.productView-detail__sec[data-flex]{gap: 80rem; justify-content: space-between;}
.productView-detail__sec:nth-child(1){padding-top: 0;}
.productView-detail__sec:last-child{padding-bottom: 0;}
.productView-detail__sec + .productView-detail__sec{border-top: 1px solid var(--op-b10);}
.productView-detail__sec:not([data-flex]) h4 + *{margin-top: 30rem;}
.productView-figure__list{gap: 36rem;}
.productView-figure__item{width: 100%;  position: relative; overflow: hidden;}
.productView-figure__item figure{aspect-ratio: 410 / 320; width: 100%; overflow: hidden;}
.productView-figure__item figure img{width: 100%; height: 100%; object-fit: cover;}
.productView-figure__item p{margin-top: 11rem; color: var(--c-title); text-align: center;}

.productView-detail__onlyone figure{max-width: 740rem; width: 100%; aspect-ratio: 740 / 544; position: relative; overflow: hidden;}
.productView-detail__onlyone figure img{width: 100%; height: 100%; object-fit: cover;}
.productView-detail__onlyone span{display: block;margin-top: 16rem;text-align: center;/* color: var(--c-default); */margin-bottom: 17rem;}

.productView-detail__sec:has(.productView-detail__onlyone:nth-child(2)){}
.productView-detail__sec:has(.productView-detail__onlyone:nth-child(2)) .productView-detail__onlyone{width:50%;}
.productView-detail__sec:has(.productView-detail__onlyone:nth-child(2)) .productView-detail__onlyone img{height:100%; max-width:100%; object-fit:scale-down;}
.productView-detail__sec:has(.productView-detail__onlyone:nth-child(2)) .productView-detail__onlyone figure{height:500rem;}

.productView-compare{gap: 0;}
.productView-compare__item{padding: 30rem; box-sizing: border-box; border: 1px solid var(--Opacity-black-10, rgba(0, 0, 0, 0.10)); background: rgba(0, 0, 0, 0.05);}
.productView-compare__item:nth-child(1){border-right: 0;}
.productView-compare__item figure{width: 100%; aspect-ratio: 590 / 420; overflow: hidden; }
.productView-compare__item figure img{width: 100%; height: 100%; object-fit: cover;}
.productView-compare__item em{ padding: 8rem 19rem; font-family: var(--lang-ko); min-height: 48rem; display: flex; align-items: center; justify-content: center; color: var(--w); font-weight: 500;}
.productView-compare__item:nth-child(1) em{background-color: var(--op-b10); font-weight: 400;}
.productView-compare__item:nth-child(2) em{background-color: var(--c-primary); font-weight: 700;}
.productView-compare__item:nth-child(2){border:1px solid var(--c-primary); background-color: var(--w); }

.productView-imageList__part{width: 100%; max-width: 870rem; padding: 62rem 0;}
.productView-imageList__part:nth-child(1){padding-top: 0;}
.productView-imageList__part:last-child{padding-bottom: 0;}
.productView-imageList__part + .productView-imageList__part{border-top: 1px solid var(--op-b10);}
.productView-imageList__part figure{width: 100%; aspect-ratio: 870 / 380; overflow: hidden;}
.productView-imageList__part figure + .productView-imageList__desc{margin-top: 34rem;}
.productView-imageList__desc strong{color: var(--c-title); display: block; margin-bottom: 14rem;}
.productView-imageList__desc p{word-break: keep-all;}

.productView-table table{text-align: center; vertical-align: middle; width: 100%;}
.productView-table table tr > *{padding: 14rem 8rem; font-family: var(--lang-ko); vertical-align: middle;}
.productView-table table td{font-size: 15rem; color: var(--c-default); font-weight: 300; border-bottom: 1px solid var(--op-b10); }
.productView-table table td + td{border-left: 1px solid var(--op-b10);}
.productView-table .spec-table--order thead tr:nth-child(1) th{background-color: rgba(0, 0, 0, 0.07); color: var(--c-title); font-weight: 400;}
.productView-table .spec-table--order thead tr:nth-child(2) th,
.spec-table--detail thead tr > th{background-color: var(--c-primary); color: var(--w); font-weight: 700; border-right: 1px solid var(--op-w10);}
.productView-table .spec-table--order:nth-child(1) tr td:last-child{border-right: 1px solid var(--op-b10);}
.productView-table .spec-table--order:nth-child(1) thead tr:nth-child(1){border-right: 1px solid var(--op-b10);}
.productView-table .spec-table--order:nth-child(1){width: 36%;}
.productView-table .spec-table--order:nth-child(2){width: 64%;}
.table-scroll-option{display: none;}

.productView-table{width: 100%;}
.spec-table--detail{width: 100%;}
.productView-table + .productView-table.second{margin-top: 65rem;}
.product-button{max-width: 870rem; margin-left: auto; margin-top: 80rem; gap: 12rem; }

@media (max-width:1480px){

    .productView-detail{padding-top: 110rem;}
    .productView-detail__conts{padding-left: 280rem;}
    .productView-image{padding-bottom: 110rem;}

     .productView-table{overflow-x:auto; -webkit-overflow-scrolling:touch;}
     .productView-table table{min-width:800rem;}
    
     .productView-detail__onlyone{max-width: 50%;}
      .productView-imageList{max-width: 70%;}
      .table-scroll-option{font-size: 14rem; color: var(--op-b30); display: block; margin-top: 14rem;}
    
}
@media all and (max-width:1200px){
    .productView-image__main{padding-right:80rem;}
	.productView-image__list{padding-left:80rem;}
    .product-button{max-width: 100%; text-align: center; justify-content: center; }

   
}
@media all and (max-width:1023px){
	.productView-image__main{padding-right:40rem;}
	.productView-image__list{padding-left:40rem;}
    .productView-image{padding-top: 50rem; padding-bottom: 80rem;}
    .productView-detail__sec + .productView-detail__sec{flex-direction: column;}
    .productView-detail__sec{padding: 80rem 0;}
    .productView-detail__sec[data-flex]{gap: 24rem;}
    .productView-imageList,
    .productView-detail__onlyone{max-width: 100%;}
    .productView-figure__list{gap: 20rem;}
    .productView-imageList__part{padding: 40rem 0;}
    .productView-detail__conts{padding-left: 0;}
    .productView-table + .productView-table.second{margin-top: 42rem;}

    .productView-nav{top: inherit; bottom: 40rem; text-align: center;}
    .productView-nav.is-fixed{position: fixed; top: inherit; bottom: 40rem; transform: translateY(0); opacity: 1; z-index: 10;}
    .productView-nav{z-index: 3; padding-left: 0; width: 100%; height: auto; padding: 0 22rem; opacity: 0; z-index: -1; transform: translateY(50rem); transition: var(--trans-01);} 
    .productView-nav .productView-nav__sticky{top: 88vh; }
    .tab-anchor--cover{background-color: var(--c-primary); backdrop-filter:blur(6rem);  border-radius: 90rem; padding: 14rem 24rem; }
    .productView-detail__onlyone figure{max-width: 100%;}
    .productView-nav__sticky{flex-direction: row; }
    .productView-nav__sticky li a{color: var(--w); opacity: 0.5; font-size: 13rem;}
     .productView-nav__sticky a.on{opacity: 1; color: var(--w);}
    .productView-nav__sticky a.on::before{width: 100%; height: 2rem; top: inherit; bottom: -7rem;}
    .productView-detail{padding-top: 80rem;}

    .productView-detail__sec:not([data-flex]) h4 + *{margin-top: 20rem;}
    .productView-imageList__part figure{aspect-ratio: inherit;}
    .productView-imageList__part{max-width: 100%;}
    
}
@media (max-width:860px){

    .product-spec th{min-width: 140rem;}
    .product-spec td{width: 100%;}
    .productView-detail__sec{padding: 54rem 0;}
    .productView-detail__sec:not([data-flex]) h4 + *{margin-top: 24rem;}

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

    .productView-image .wrap{flex-direction: column;}
    .productView-image__main{padding-right: 0;}
    .productView-image__list{padding-left: 0; }

    .productView-image__list .caption.mo-block{display: block;}
    .productView-image::before{display: none;}
    .productView-image{padding-top: 30rem;}

    .productView-mainDetail__import{margin-top: 20rem;}

    figure + .productView-image__material,
    .productView-image__list{margin-top: 24rem;}
    .productView-image__list figure + figure{margin-top: 12rem;}
    .productView-image{padding-bottom: 42rem;}

    .productView-detail__sec{padding: 42rem 0;}
    .productView-detail{padding-top: 42rem;}
    .productView-detail .productView-nav__sticky{overflow-x: scroll; white-space: nowrap;}
    .tab-anchor-wrap {display: none;}
    .tab-anchor--cover{max-width: 100%; padding: 16rem 22rem; position: relative; overflow: hidden;}
    .tab-anchor--cover::after{content: "";width: 60rem;height: 100%;position: absolute;z-index: 1;right: 0;top: 0;background: linear-gradient(270deg, #4865af, transparent);}

    .productView-compare{grid-template-columns: 1fr;}

    .productView-compare__item{padding: 14rem;}
    .product-spec tr > *{font-size: 14rem;}
    .product-spec tr > *{padding: 12rem 14rem;}
    .product-spec th{min-width: 110rem;}

    .productView-detail__sec[data-flex]{gap: 12rem;}
    .productView-detail__sec:not([data-flex]) h4 + *{margin-top: 12rem;}
    .productView-image__detail{margin-top: 20rem;}
    .registered-patent{margin-top: 20rem;}
    .registered-patent ul{gap: 4rem;}
    .productView-imageList__desc strong{margin-bottom: 8rem;}
    .product-button{margin-top: 54rem;}
    .productView-image .wrap > *{max-width: 100%;}
}


.cs-online{justify-content: space-between; gap: 100rem;}
.cs-form-wrap{max-width: 910rem; min-width: 910rem; width: 100%;;}
.cs-online__text > div{position: sticky; top: 100rem;}
.cs-online__text h4{margin-bottom: 20rem; font-size: 32rem; font-family: var(--lang-title); line-height: 1.5; word-break: keep-all;}

.cs-online .btn-wrap{margin-top: 66rem; justify-content: flex-end; display: flex;}



/* 기본: 글자 숨김 + 블러 */
.split-motion .char{display:inline-block; opacity:0; filter:blur(6rem); transform:translateY(0.4rem); transition:opacity .5s ease, filter .6s ease, transform .6s ease; will-change:opacity, filter, transform;}
.split-motion .char.space{width:0.3em;}

/* 스크롤 진입 시: 보여주기 */
.split-motion.is-in .char{opacity:1; filter:blur(0); transform:translateY(0);}


@media (max-width:1480px){

    .cs-form-wrap{max-width: 720rem; min-width: 720rem;}
}
@media all and (max-width:1200px){
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){
	.cs-online{flex-direction: column;}
    .cs-form-wrap{max-width: 100%; }
    .cs-online .btn-wrap{justify-content: center;}
    .cs-online{gap: 60rem;}
    .cs-online__text h4{font-size: 26rem;}
}
@media (max-width:860px){
    .cs-online{gap: 32rem;}
}
@media (max-width: 540px){   
    .cs-online .btn-wrap{margin-top: 32rem;}
    .cs-online__text h4{font-size: 18rem; margin-bottom: 10rem;}   
}

body .productView-detail__conts tr:first-child td{background: #EDEDED;border:none !important;font-family:var(--lang-ko) !important;font-size:14rem !important;}
body .productView-detail__conts tr:first-child td p span{font-family:var(--lang-ko) !important;font-size:16rem !important;color: var(--b-01);font-weight: 500 !important;}
body .productView-detail__conts table.__se_tbl.spec-table{border:none !important;}
body .productView-table table td{border-color:#e5e5e5 !important;}
body .productView-table table  td *:is(p, span){white-space:nowrap;font-family: var(--lang-ko) !important;font-size: 15rem !important;font-weight: 300 !important;/* color: var(--c-default) !important; */}
body .productView-table table td:first-child{border-left:0rem !important;}
body .productView-table table tr:not(:first-child, :nth-child(2)) td *:is(p, span) {color: var(--c-default) !important;}

.sv_guest{display: none !important;}