@charset "utf-8";


/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
/*#container:has(.board-page) + #footer{margin-top: 140rem;}*/
#header{}
#footer{}

@media (max-width:1200px){

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

}

@media (max-width: 540px){

}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative;/*padding-top: max(9.3750vw, 130rem);*/ margin-top:180rem; /*padding-bottom:160rem;*/}
/*
.sub-content:has(.board-page){padding-top: 120rem;}
.sub01_01:not(.policy) .sub-content{}*/
.sub-tit{text-align:center; margin-bottom:70rem;}
.sub-tit > em{display:inline-block; margin-bottom:15rem; font-size:var(--font-18); font-weight:400; color:var(--c-01); letter-spacing:-1rem; text-transform:uppercase;}
.sub-tit > h2{display:block; font-size:var(--font-52); line-height:1.1em; word-break:keep-all; color:var(--b-01);}
.sub-tit > h2.kr{font-weight:700; }
.sub-tit > h2 i{display:inline-block; margin-left:10rem; font-size:var(--font-37); line-height:1em;  word-break:keep-all; color:var(--b-01);}
.sub01_01 .sub-tit > h2{text-transform:uppercase;}
.sub-tit > span{display:inline-block; margin-top:20rem; font-size:var(--font-18); font-weight:700; color:var(--c-01); letter-spacing:10rem; font-family:var(--lang-ko);}

.btn-scroll{position:absolute; right:146rem; bottom:-80rem; width:160rem; height:160rem; background:#172d65; border-radius:500rem; transform:translateY(0%); z-index:2;}
.btn-scroll img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); animation: Spin 15s infinite linear; width:93%;}
.btn-scroll:before{content:''; position:absolute; top:50%; left:50%; width:20rem; height:20rem; background:url(../img/sub/ic-scroll-down.svg)no-repeat center; background-size:contain; transform:translate(-50%, -50%);}

@keyframes Spin{
  0% {
    transform:translate(-50%, -50%) rotate(0deg);
  }
  50% {
    transform:translate(-50%, -50%) rotate(180deg);
  }
  100% {
    transform:translate(-50%, -50%) rotate(360deg);
  }
}


@media (max-width:1200px){
	.main-scroll{right:90rem;}
}

@media all and (max-width:1023px){
	.main-scroll{width:140rem; height:50rem;}
	.main-scroll span{padding-right:19rem;}
	.btn-scroll{right:70rem; width:120rem; height:120rem; bottom:-60rem;}
	.sub-content{margin-top:100rem;}
}

@media (max-width: 860px){
	.main-scroll{right:70rem; width:130rem; height:45rem; border-radius:7rem;}
	.sub-content{margin-top:80rem;}
}

@media (max-width: 540px){
	/*.sub-content,
	.sub-content:has(.board-page){padding-top:30rem;}*/
	.sub-content{margin-top:50rem;}
	.btn-scroll{width:70rem; height:70rem; bottom:-35rem; right:30rem;}
	.btn-scroll:before{width:10rem; height:10rem;}

	.sub-tit{margin-bottom:25rem;}
	.sub-tit > em{margin-bottom:7rem;}
	.sub-tit > h2 i{margin-left:5rem;}
	.sub-tit > span{margin-top:10rem; padding-left:10rem;}
	[lang="en-US"] .sub-tit > span{letter-spacing:1rem;}
}

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

/* 회사소개 */
.about-page .sub-tit{margin-bottom:60rem;}
.about-img__list{gap:10rem;}
.about-img__item{border-radius:20rem; overflow:hidden;}
.about-img__item img{width:100%;}
.about-txt{margin-top:60rem; text-align:center;  font-family:var(--lang-ko);}
.about-txt > h3{display:block; font-size:var(--font-32); font-weight: 700; line-height:1.5em; word-break:keep-all; color:var(--b-01);} 
.about-txt > p{display:block; margin-top:40rem; font-size:var(--font-17); font-weight:400; color:#666; line-height:1.7em; word-break:keep-all;}
.about-txt > em{display:block; margin-top:60rem; font-size:var(--font-18); font-weight:700; color:var(--c-01); line-height:1em; word-break:keep-all; text-transform:uppercase;}
[lang="en-US"] .about-txt > em{text-transform:capitalize;}

@media (max-width:1023px){
	.about-page .sub-tit{margin-bottom:50rem;}
	.about-txt{margin-top:50rem;}
	.about-txt > p{margin-top:30rem;}
	.about-txt > em{margin-top:50rem;}
}
@media all and (max-width:860px){
	.about-page .sub-tit{margin-bottom:40rem;}
	.about-txt{margin-top:40rem;}
	.about-txt > p{margin-top:35rem;}
	.about-txt > em{margin-top:40rem;}
}

@media (max-width: 540px){
	.about-page .sub-tit{margin-bottom:20rem;}
	.about-img__list{gap:5rem;}
	.about-img__item{border-radius:10rem;}
	.about-txt{margin-top:20rem;}
	.about-txt > h3 br{display:none;}
	.about-txt > p{margin-top:12rem;}
	.about-txt > p br{display:none;}
	.about-txt > em{margin-top:20rem;}
	
}


/* 비전 */
.vision-sec{position: relative;}
.vision-sec .section-label {position: absolute; left:70rem; top:80rem; margin: 0;}
.vision-sec__bg {z-index: 1; overflow: hidden; position: absolute; left: 50%; top: 50%; width: 545rem; height:639rem; /*margin-top:180rem;*/ border-radius: var(--br-30); transform:translate(-50%, -50%);}
.vision-sec__bg-cover{opacity: 0; position: absolute; left:0; top:0; width: 100%; height: 100%; background: #434C50;}
.vision-sec__intro{padding:100rem 0; height: 100vh; box-sizing:border-box;}
.vision-sec__intro .wrap-wide {flex-direction: column; height: 100%;}
.vision-sec__intro .vision-title{display:none;}
.vision-title{font-size:76rem; font-weight:400; color:#222; line-height:1em; word-break:keep-all; text-transform:uppercase; text-align:center;}
.rolling-con{position:absolute; top:50%; white-space: nowrap; will-change: transform;}
.rolling-con__txt{font-size:44rem;font-weight:400;display: inline-block;text-transform: uppercase; will-change: transform; color: #F0F2F7;}
.vision-sec__cont { z-index: 1; position: absolute; left:0; top:0; flex-direction: column; width: 100%; height: 100%; padding:190rem 0; box-sizing:border-box;}
.vision-sec__cont .wrap{height:100%; flex-direction: column; justify-content: space-between;}
.vision-sec__cont .wrap > div{text-align:left;}
.vision-sec__cont .wrap > div.desc{display:flex; justify-content: flex-end;}
.vision-sec__cont em{display:inline-block; margin-bottom:10rem; font-size:var(--font-18); font-weight:400; text-transform:uppercase; color:#fff; line-height:1em; overflow:hidden;}
.vision-sec__cont em span{opacity: 0; display: inline-block;  transform: translateY(20rem);}
.vision-sec__cont h3 {overflow: hidden; line-height: normal; font-size:60rem; color:#fff; line-height:1.3em; word-break:keep-all;}
.vision-sec__cont h3 span {opacity: 0; display: inline-block; font-weight: 700; font-family: var(--lang-ko); transform: translateY(20rem);}
.vision-sec__cont h3 + p {overflow: hidden; margin-top: 24rem; font-size: var(--font-18);}
.vision-sec__cont h3 + p span {opacity: 0; display: inline-block; font-weight: 100; font-family: var(--lang-ko); transform: translateY(20rem);}
.vision-sec__cont p{opacity:0; font-size:var(--font-27); font-weight:700; color:#fff; line-height:1.3em; word-break:keep-all; text-align:left; font-family:var(--lang-ko);}
.vision-philosophy{position:relative; padding:200rem 0; box-sizing:border-box;}
.philosophy-title{margin-top:180rem;}
.philosophy-title > div{position:sticky; top:180rem; height:300rem;}
.philosophy-title div > em{display:inline-block; margin-bottom:17rem; font-size:var(--font-18); font-weight:400; color:var(--c-01); line-height:1em; word-break:keep-all; text-transform:uppercase;}
.philosophy-title div > h3{display:block; font-size: 44px; font-weight:700; color:var(--b-01); line-height:1em;}
.philosophy-title div > p{display:block; margin-top:25rem; font-size:var(--font-17); font-family:var(--lang-ko); font-weight:400; color:#666; line-height:1.5em;}
.philosophy-title .btn-basic{margin-top:45rem;}
.philosophy-list{clear: both; column-count: 2; -webkit-column-count: 2; column-gap: 50rem; -webkit-column-gap:50 rem; margin-top:180rem;}
.philosophy-item{position:relative; margin-bottom: 42rem; width:437rem; word-break: keep-all; break-inside: avoid;}
.philosophy-item:first-child{margin-top:-180rem;}
.philosophy-item .img{border-radius:20rem; overflow:hidden;}
.philosophy-item .img img{width:100%;}
.philosophy-item .txt{position:relative; height:375rem; padding:40rem 50rem; border-radius:20rem; background:#fff url(../img/sub/bg-txt)no-repeat center; background-size:cover;}
.philosophy-item .txt em{display:inline-block; margin-bottom:74rem; font-size:12rem; font-weight:400; color:var(--c-01); line-height:1em;}
.philosophy-item .txt h3{display:block; font-size:var(--font-27); font-weight:700; color:var(--b-01); line-height:1em;}
.philosophy-item .txt p{display:block; margin-top:20rem; font-size:var(--font-17); font-weight:400; color:#666; line-height:1.5em; letter-spacing:-0.5px; word-break:keep-all; font-family:var(--lang-ko);}
.philosophy-item .icon{position:absolute; right:0; bottom:0; display:flex; align-items:center; justify-content: center; width:82rem; height:82rem; border-radius:50rem; background:var(--c-01);}
.philosophy-item .txt{position:relative; height:456rem; background-color:transparent; background-position: right bottom; background-size:contain;}
.philosophy-item.item-txt:before{content:''; position:absolute; top:0; left:0; width:100%; height:50%; background:#f4f4f5; border-radius:20rem 20rem 0 0;}
.vision-intro{position:relative; padding:220rem 0; background:var(--b-01); box-sizing:border-box;}
.vision-intro .sub-tit *{color:#fff;}
.vision-intro .sub-tit{position: sticky; top:50%; transform:translateY(-50%);}
.vision-intro .sub-tit h2{font-size:76rem; text-transform:uppercase;}
.vision-intro__item{position: sticky; margin:40rem auto; width:575rem; background:#163FA8; border-radius:20rem; padding:64rem 30rem 32rem;box-sizing:border-box;}
.vision-intro__item i{position:absolute; top:30rem; right:30rem; font-size:var(--font-18); font-weight:400; color:#fff;}
.vision-intro__item h3{display:block; margin-bottom:27rem; font-size:var(--font-23); font-weight:700; color:#fff; line-height:1em; word-break:keep-all; font-family:var(--lang-ko); letter-spacing:-1px;}
.vision-intro__item img{border-radius:10rem; overflow:hidden; width:100%;}
.item01{top:100rem;}
.item02{top:170rem; background:#172D65;}
.item03{top:240rem; background:#F0F2F7;}
.item03 i,
.item03 h3{color:var(--c-01);}

[lang="en-US"] .philosophy-title div > h3{font-weight:400;}

@media (max-width:1500px){
	.philosophy-cont{width:65%;}
	.philosophy-item{width:100%;}
}

@media (max-width:1200px){
	.vision-title,
	.vision-intro .sub-tit h2{font-size:66rem;}
	.philosophy-title{width:30%;}
	.philosophy-title div > p br{display:none;}
	.philosophy-list{column-gap:40rem; -webkit-column-gap: 40rem;}
}
@media (max-width:1023px){
	.vision-title,
	.vision-intro .sub-tit h2{font-size:55rem;}
	.vision-sec__intro{padding:60rem 0;}
	.vision-sec__cont{padding:150rem 0;}
	.vision-sec__cont h3{font-size:53rem;}

	.vision-philosophy{padding:150rem 0;}
	.vision-philosophy .wrap{display:block;}
	.philosophy-title{width:100%; margin-top:0; text-align:center;}
	.philosophy-title > div{height:auto;}
	.philosophy-title div > p br{display:block;}
	.philosophy-cont{width:100%;}
	.philosophy-list{margin-top:240rem;}
	.philosophy-item:first-child{margin-top:-150rem;}
}

@media (max-width:860px){
	.vision-title,
	.vision-intro .sub-tit h2{font-size:45rem;}
	.vision-sec__bg {width:400rem; height:480rem;}
	.vision-intro{padding:180rem 0;}
	.vision-sec__cont{padding:120rem 0;}
	.vision-sec__cont h3{font-size:47rem;}

	.vision-philosophy{padding:100rem 0;}
	.philosophy-title .btn-basic{margin-top:35rem;}
	.philosophy-list{margin-top:170rem;}
	.philosophy-item:first-child{margin-top:-100rem;}
	.philosophy-item .icon{width:66rem; height:66rem;}
	.philosophy-item .txt{padding:35rem;}
	.philosophy-item .txt p br{display:none;}
}

@media (max-width: 540px){
	.vision-title,
	.vision-intro .sub-tit h2{font-size:22rem;}
	
	.vision-sec .section-label {position: relative; left: auto; top: auto; margin-left: 20rem; margin-top: 30rem; margin-bottom: 60rem;}
	.vision-sec__intro {padding:20rem 0 0; height: auto;}
	.vision-sec__intro .wrap-wide {row-gap: 0;}
	.vision-sec__intro em{margin-bottom:10rem;}
	.vision-sec__intro p {margin-top: 13rem; font-size: 12rem;}

	.vision-sec__bg {display: none;}

	.vision-sec__cont{position: relative; top: auto; height:290rem; margin-top:0rem; padding:30rem 0; background: url(../img/sub/vision-bg.jpg) no-repeat center / cover;} 
	.vision-sec__cont::before {opacity: .3; position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: #000;}
	.vision-sec__cont .wrap{width:90%;}

	.vision-sec__cont h3 span {opacity: 1; transform: translateY(0);}
	.vision-sec__cont h3 + p {margin-top: 20rem;}
	.vision-sec__cont em span{opacity: 1; transform: translateY(0);}
		
    .vision-sec__cont em{margin-bottom:3rem;}
	.vision-sec__cont h3{font-size:23rem;}
	.vision-sec__cont p{opacity: 1; transform: translateY(0); font-size:14rem;}
	.rolling-con{display:none;}

	
	.vision-philosophy{padding:50rem 0;}
	.philosophy-title{margin-bottom:30rem;}
	.philosophy-title div > em{margin-bottom:8rem}
	.philosophy-title div > h3{font-size:20rem;}
	.philosophy-title div > p{margin-top:10rem;}
	.philosophy-title .btn-basic{margin-top:15rem;}
	.philosophy-list{column-count: 1; -webkit-column-count: 1; column-gap:10rem; -webkit-column-gap:10rem; margin:0;}
	.philosophy-item{margin-bottom:20rem;}
	.philosophy-item:first-child{margin-top:0; margin-bottom:20rem;}
	.philosophy-item .img{border-radius:15rem;}
	.philosophy-item .txt{border-radius:15rem; padding:30rem; height:300rem;}
	.philosophy-item .txt em{margin-bottom:40rem;}
	.vision-intro{padding:50rem 0;}
	.vision-intro .sub-tit{position:relative; top:0; transform:none;}
	.vision-intro__item{width:80%; padding:38rem 15rem 15rem; margin:20rem auto; border-radius:10rem;}
	.vision-intro__item i{top:15rem; right:15rem;}
	.vision-intro__item h3{margin-bottom:13rem; font-size:15rem;}
	.item01{top:35rem;}
	.item02{top:70rem;}
	.item03{top:105rem;}

	[lang="en-US"] .vision-sec__cont p{font-size:13rem;}
	[lang="en-US"] .vision-sec__cont p br{display:none;}
	[lang="en-US"] .vision-intro__item h3,
	[lang="zh-CN"] .vision-intro__item h3{line-height:1.2em;}

	[lang="zh-CN"] .vision-sec__cont .wrap > div.desc p{width:80%; word-break:break-all;}

}



/* 연혁 (사용하든 하지않든 괄호 삭제, 미사용시 전체 삭제) */
.history-page{position: relative;}
.history-page__cont{position: relative; padding-top: 20rem;}
.history-sect{position: relative; margin-top: 64rem;}
.history-sec{display: flex; align-items: flex-start; }

.history-sec .history-image{padding-right: 190rem;}
.history-sec .history-list{padding-left: 127rem;}

.history-line--wrap{display:block;position:absolute; /*overflow:hidden;*/ top:0;left:50%; margin-left: -45rem; width: 90rem; height: 100%; }
.history-line{width:7rem;height:100%;background:#efefef;margin-top: 0 !important; display: block; position: absolute; left: 50%; top: 0; margin-left: -3.5rem; border-radius: 7rem;}
.history-line__bar{display:block; position:absolute; top:0; left:0; z-index:999; width:100%; background:var(--c-01); border-radius: 7rem 7rem 0 0;}
.history-line__point{position: absolute; width: 70rem;left:50%; margin-left: -45rem;}
.history-line__point::before{content: ""; width:70rem; height:70rem; border-radius: 100rem; background-color: var(--c-01); position: absolute; left: 50%; bottom: -70rem; margin-left: -25rem; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.20);}
.history-line__point::after{content: ""; width: 16rem; height:17rem; background: url(../img/sub/ic-historydown.svg) no-repeat; position: absolute; left: 42%; bottom: -43rem; transform: translateX(50%); background-size:contain;}
.history-item{display:flex;}
.history-item strong{width:160rem; font-weight:400; font-size:var(--font-37); color:var(--b-01); letter-spacing:-1.5rem;transition:var(--trans-01); margin-bottom: 23rem; display: block; transition: .3s;}
.history-item + .history-item{padding-top:50rem;}
.history-item.is_moved strong{color:var(--c-01); transition-delay:  .8s;}
.history-sec > *{width: 50%;}
.history-sec + .history-sec{padding-top: 130rem;}
.history-desc{width:calc(100% - 160rem); margin-top:10rem;}
.history-desc li *{font-size:var(--font-17); color: #666;}
.history-desc li em{position: absolute; left: 0; top: 5rem; font-weight: 600; }
.history-desc li p{font-weight: 300; position: relative; padding-left: 13rem; font-family:var(--lang-ko);}
.history-desc li p + p{margin-top: 7rem;}
.history-desc li p::before{content: ""; width: 3rem; height: 3rem; border-radius: 10rem; background-color:var(--b-01); ; position: absolute; left: 0; top: 10rem;}
.history-desc li{ position: relative;}
.history-desc li:not(:last-child){margin-bottom:10rem;}

.history-image{position: sticky; top: 50rem;}
.history-image__txt{position:absolute; top:40rem; left:40rem; width:100%; z-index:10;}
.history-image strong{display: block; font-size:var(--font-52); font-weight:400; position: relative; z-index: 10; color: var(--f-01); line-height:1em; word-break:keep-all;}
.history-image em{display:inline-block; margin-top:20rem; font-size:var(--font-23); font-family:var(--lang-ko); font-weight:700; z-index: 10; color: var(--f-01); line-height:1em; word-break:keep-all;}
.history-image img{max-width: 100%;}
.history-image__box{position: relative; border-radius:20rem; overflow:hidden;}
.history-page .wrap{padding-bottom:60rem;}

[lang="en-US"] .history-image em{line-height:1.2em;}
[lang="en-US"] .vision-page *.btn-basic a{width:auto; padding:0 25rem;}

@media (max-width:1480px){
	.history-cont > .wrap{padding-left:100rem;}
}

@media (max-width:1023px){
	.history-cont > .wrap{padding-left:60rem;}
	.history-sec .history-image{padding-right:60rem;}
	.history-item{display:block;}
	.history-item strong{ font-size:28rem; margin-bottom: 14rem;}
	.history-desc{width:100%;}
	.history-desc li em{min-width:40rem;}
	.history-desc li:not(:last-child){margin-bottom:8rem;}
	.history-img.img01{top:357rem; height:221rem;}
	.history-list{margin-top:0; row-gap:65rem;}
	.history-sec .history-list{padding-left:60rem;}
	.history-img.img02{top:767rem; right:50rem; height:202rem;}
	.history-img.img03{bottom:280rem; height:201rem;}
    .history-desc li *{font-size: 16rem;}
    .history-image strong{}
    .history-item + .history-item{padding-top:40rem;}
    .history-sec + .history-sec{padding-top: 120rem;}

    [lang="en-US"] .history-image strong {font-size: 32rem;}
}

@media (max-width:540px){
	.history-line{width:4rem;}
	.history-item{flex-wrap:wrap;}
	.history-item strong{width:100%; font-size:24rem;}
	.history-item .icon-triangle{top:12rem; transform:rotate(90deg) scale(0.8);}
	.history-cont > .wrap{padding-bottom:70rem; padding-left:25rem;}
	.history-desc li em{margin-left:21rem;}
	.history-desc li{align-items:flex-start;}
	.history-desc{margin-top:10rem;}
	.history-list{margin-top:30rem; row-gap:35rem;}
	.history-sec .history-list{padding:0;}
	.history-image__box{border-radius:10rem;}
	.history-img.img01{top:287rem; height:171rem;}
	.history-img{opacity:0.1;}
	.history-img.img02{height:178rem;}
	.history-img.img03{height:164rem;}
	.history-image__txt{left:20rem; top:20rem;}
	.history-image em{margin-top:7rem;}

    .history-sect{margin-top: 30rem;}
    .history-sec{flex-direction: column; padding-left: 26rem;}
    .history-sec > *{width: 100%;}
    .history-sec + .history-sec{padding-top:50rem;}
	.history-sec .history-image{padding:0;}
    .history-image {position: relative; top: 0;}
    .history-image strong{line-height: 1.3; font-size: 20rem; padding-left: 0;}
	.history-line__point{margin-left:-25rem;}
    .history-line__point::before{width: 32rem; height: 32rem; margin-left: -28rem; bottom: -33rem;}
    .history-line__point::after{bottom: -25rem; width: 8rem; height: 11rem; left: 22%;}
    .history-line{width: 2rem;}
    .history-line--wrap{width: 40rem; top: 0; left: 0; margin-left: 0;}
    .history-item strong{padding-left: 0;}
    .history-item + .history-item{padding-top:40rem;}
    .history-desc li *{font-size: 15rem;} 

	/*
    [lang="en-US"] .history-image {position: relative; top: auto;}
    [lang="en-US"] .history-image strong {font-size: 24rem;}
    [lang="en-US"] .history-list {margin-top: 0;}
    [lang="en-US"] .history-desc li {padding-left: 55rem;}
    [lang="en-US"] .history-desc li:not(:last-child) {margin-bottom: 20rem;}
    [lang="en-US"] .history-desc li em {top: 4rem;}
    [lang="en-US"] .history-desc li p {font-size: 14rem;}
    [lang="en-US"] .history-desc li p::before {top: 10rem; width: 3rem; height: 3rem;}
    [lang="en-US"] .history-item + .history-item {padding-top: 40rem;}
	*/

}

/* 인증 */
.certify-list > div{gap:60rem;}

@media (max-width:1200px){
	.certify-list > div{gap:40rem;}
}
@media (max-width:1023px){
	.certify-list > div{gap:30rem;}
}
@media (max-width:540px){
	.certify-list > div{gap:10rem;}
}

/* 오시는 길 */
.location-page{}
.map-box{position:relative; padding:100rem 0 0; margin-bottom:150rem;}
.map-box:last-child{margin:0;}
.map{width:100%; height:675rem; border-radius:20rem; box-sizing:border-box; overflow:hidden;}
.map iframe{width:100%; height:100%;}
.root_daum_roughmap .border1,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{display:none;}
.roughmap_maker_label{display:none;}
.map-info{position:absolute; top:0; left:48rem; width:709rem; height:309rem; z-index:10; background:#fff; border-radius:20rem; border:1px solid #eee; overflow:hidden;}
.map-info .info{width:calc(100% - 286rem);}
.map-info .info .top{width:100%; height:calc(100% - 56rem); padding:35rem; box-sizing:border-box;}
.map-info .info .title{display:flex; align-items: baseline; gap:5rem; font-family:var(--lang-ko);}
.map-info .info .title > h3{display:block; font-size:var(--font-23); font-weight:700; color:var(--b-01); line-height:1em; word-break:keep-all;}
.map-info .info .title > span{display:inline-block; font-size:13rem; font-weight:500; color:#383838; line-height:1em; word-break:keep-all;}
.map-info .info .addr{margin-top:20rem; display:flex; align-items: center; gap:5rem; font-size:var(--font-17); font-weight:400; color:#666; line-height:1em; word-break:keep-all; font-family:var(--lang-ko);}
.map-info .info .addr em{display:inline-block; padding: 4rem 13rem; font-size:var(--font-15); font-weight:400; color:#666; line-height:1em; word-break:keep-all; border-radius: 50px; border: 1px solid var(--g-02);}
.map-info .info .btn-wrap{display:flex; align-items:center; justify-content: flex-end; padding:10rem 25rem; height:56rem; border-top:1px solid rgba(0,0,0,0.1); box-sizing:border-box;}
.map-info .info .btn-wrap a{display:block;}
.map-info .info .btn-wrap a span{position:relative; font-size:var(--font-14); font-weight:700; color:var(--c-01); padding-right:22rem; line-height:1em; font-family:var(--lang-ko);}
.map-info .info .btn-wrap a span:before{content:''; position:absolute; top:3rem; right:0; width:13rem; height:10rem; background:url(../img/sub/ic-double-arr.svg)no-repeat center; background-size:contain; transition:all 0.3s ease;}
.map-info .info .btn-wrap a span:after{content:''; opacity:0; position:absolute; top:3rem; right:15rem; width:13rem; height:10rem; background:url(../img/sub/ic-double-arr.svg)no-repeat center; background-size:contain; transition:all 0.3s ease;}
.map-info .info .btn-wrap a:hover span:before{opacity:0; right:-15rem;}
.map-info .info .btn-wrap a:hover span:after{opacity:1; right:0;}
.info-list{margin-top:50rem;}
.info-list > li{position:relative; display:block; padding-left:30rem; margin-bottom:10rem; font-size:var(--font-20); color:var(--c-01); line-height:1em;}
.info-list > li:last-child{margin:0;}
.info-list > li:before{content:''; position:absolute; top:0; left:0; width:20rem; height:20rem; background-size:contain;}
.info-list > li.fax:before{background:url(../img/sub/ic-fax.svg)no-repeat center;}
.info-list > li.tel:before{background:url(../img/sub/ic-call.svg)no-repeat center;}
.map-info .logo{display:flex; align-items:center; justify-content: center; width:286rem; background:url(../img/sub/bg-map-logo.jpg)no-repeat center; background-size:cover;}
.map-info .logo .img{height:56rem;}

[lang="en-US"] .map-info{height:330rem;}
[lang="en-US"] .map-info .info .title{display: flex; flex-direction: column; align-items: baseline;}
[lang="en-US"] .map-info .info .addr,
[lang="zh-CN"] .map-info .info .addr{flex-direction: column; align-items: flex-start; gap:10rem; line-height:1.2em;}
[lang="en-US"] .info-list{margin-top:20rem;}


@media (max-width:1023px){
	.map-box{margin-bottom:120rem;}
	.map{height:570rem;}
	.map-info{width:625rem; height:260rem;}
	.map-info .info{width: calc(100% - 250rem);}
	.map-info .info .top{padding:25rem;}
	.map-info .logo{width:250rem;}
	.info-list{margin-top:30rem;}
}
@media (max-width:860px){
	.map{height:400rem;}
	.map-box{padding:0; margin-bottom:50rem;}
	.map-info{position:relative; left:0; width:100%; margin:20rem 0 0;}
}
@media (max-width:540px){
	.map-box{padding:0; margin-bottom:20rem;}
	.map{height:200rem; border-radius:10rem;}
	.map-info{display:flex; flex-direction: column-reverse; height:auto; border-radius:10rem; margin:10rem 0 0;}
	.map-info .info{width:100%;}
	.map-info .info .top{padding:15rem;}
	.map-info .info .addr{margin-top:10rem;}
	.map-info .info .addr em{padding:3rem 8rem;}
	.map-info .logo{width:100%; padding:8rem 10rem; box-sizing:border-box;}
	.map-info .logo img{height:22rem;}
	.info-list{margin-top:15rem;}
	.info-list > li{padding-left:22rem; margin-bottom:5rem;}
	.info-list > li:before{width:14rem; height:14rem; background-size:100% auto !important;}
	.map-info .info .btn-wrap{height:40rem; padding:10rem 15rem;}

	[lang="en-US"] .map-info{height:auto;}
	[lang="en-US"] .map-info .info .title > span{line-height:1.2em;}
}

/* 제품 */
.pd-box{padding:80rem 0; box-sizing:border-box; border-bottom:1px dashed #E1E3E9; }
.pd-box:last-child{border-bottom:none; padding-bottom:0;}
.pd-title{width:494rem; font-family:var(--lang-ko);}
.pd-title > h3{display:block; font-size:var(--font-27); font-weight:700; color:var(--b-01); line-height:1.3em; word-break:keep-all; text-transform: uppercase;}
.pd-title > em{display:inline-block; margin-top:10rem; font-size:var(--font-17); font-weight: 500; color:#383838; line-height:1em;}
.pd-cont{width:calc(100% - 494rem);}
.pd-cont strong{display:block; font-size:var(--font-23); font-weight:700; color:bar(--b-01); line-height:1em; word-break:keep-all; font-family:var(--lang-ko); }
.pd-cont strong i{color:#163FA8;}
.pd-cont p{display:block; margin-top:10rem; font-size:var(--font-17); font-weight: 500; color:#666; line-height:1.8em; word-break:keep-all; font-family:var(--lang-ko);}
.pd-cont p + .pd-detail__box{margin-top:40rem;}
.pd-cont [data-list]{margin-bottom:50rem; font-family:var(--lang-ko); color:#666; font-size:var(--font-17);}
.pd-img__list{gap:32rem;}
.pd-img__list > li{height:100%; text-align:center;}
.pd-img__list > li .img{/*display:flex; justify-content: center; align-items: center;*/border-radius:18rem;overflow:hidden;border: 1px solid #E1E3E9;box-sizing: border-box;border-radius: 20rem;overflow: hidden;padding: 10rem;}
.pd-img__list > li .img.line{border:1px solid #E1E3E9; box-sizing:border-box;}
.pd-img__list > li img{width:100%; max-width:100%;}
.pd-img__list > li.desc .img{display:flex; justify-content: center; align-items: center;background:#F4F4F5; font-size: 17rem; font-weight: 500; color:var(--Opacity-black-40);}
.pd-img__list > li.line{/* border:1px solid #E1E3E9; *//* box-sizing:border-box; *//* border-radius:20rem; *//* overflow:hidden; */}
.pd-img__list > li p{line-height:1em;}
.pd-img__list > li > p{margin-top:17rem; font-weight:600; font-size:16rem; color:var(--b-01);}
#tab1 .pd-box01 .pd-img__list{margin-top:40rem;}
.pd-box01 .pd-img__list > li .img{height:auto;}
.pd-img__list > li.desc .img{height:100%;}
.pd-img__list h3{display:flex; justify-content: center; align-items: center; height:75rem; padding:10rem; font-size:var(--font-17); color:#666; line-height:1em; box-sizing:border-box;}
.pd-detail__box{margin-bottom:60rem;}
.pd-detail__box li:has(strong){display:flex; align-items:center;}
.pd-detail__box li:has(strong) > strong{margin-right:4rem; font-size:var(--font-16); color:var(--b-01);}
.pd-detail__box:last-child{margin-bottom:0;}
.pd-detail__box > h4{display:inline-block;margin-bottom:14rem;font-size:var(--font-18);font-weight: 800;color:var(--c-02);text-transform:uppercase;}
.step-list__wrap > h4{margin-bottom:24rem;}
.pd-detail__box02{gap:44rem;}
.pd-detail__box02 .img{display:flex; justify-content: center; align-items: center; width:450rem;}
.pd-detail__box02 .img.line{border:1px solid #eee; box-sizing:border-box; border-radius:20rem; overflow:hidden;}
.pd-detail__box02 .img img{width:auto; max-width:90%;}
.pd-detail__box02 .table-wrap{width:calc(100% - 494rem);}
.pd-detail__box02 .table-wrap tbody tr:first-child{border-top:1px solid var(--g-02);}
.step-list{margin-right:70rem;  gap:30rem 50rem;}
.step-list > li{width:100%;}
.step-list > li:last-child .img:before{display:none;}
.step-list > li:nth-child(5) .img:before{right:-70rem;}
.step-list > li .img{position:relative; }
.step-list > li .img:before{content:''; position:absolute; top:50%; right:-40rem; width:30rem; height:12rem; background:url(../img/sub/ic-step.svg)no-repeat center; background-size:contain;}
.step-list > li .img img{width:100%; border-radius:20rem; overflow:hidden;}
.step-list > li .icon{margin-top:10rem; text-align:center; width:100%; border:2px solid var(--c-01); padding:10rem; border-radius:10rem;}
.step-list > li .icon img{width:auto; max-width:100%; height:50rem; margin:0 auto;}
.step-list.v2{gap:30rem 100rem;}
.step-list.v2 > li{width:100%;}
.step-list.v2 > li .img:before{right:-65rem;}
.step-list.v2 > li p{text-align:center; line-height:1em;}

@media (max-width:1500px){
	.pd-detail__box02{gap:20rem;}
	.pd-detail__box02 .img{width:350rem;}
	.pd-detail__box02 .table-wrap{width:calc(100% - 370rem);}

	.step-list{margin-right:50rem;}
	.step-list > li:nth-child(5) .img:before{right:-50rem;}
	.step-list.v2{gap:30rem 50rem;}
	.step-list.v2 > li .img:before{right:-41rem;}
	.step-list.v2 > li:nth-child(4n) .img:before{right:-50rem;}
}
@media (max-width:1200px){
	.pd-title{width:400rem;}
	.pd-cont{width: calc(100% - 400rem);}
	.pd-detail__box02[data-flex]{display:block;}
	.pd-detail__box02 .img{width:100%;}
	.pd-detail__box02 .table-wrap{width:100%; margin-top:30rem;}
}
@media (max-width:1023px){
	.product-page .tabs{margin:0 0 30rem;}
	.pd-box{display:block; padding:60rem 0;}
	.pd-box:first-child{padding-top:30rem;}
	.pd-title{width:100%; margin:0 0 40rem;}
	.pd-cont{width:100%;}
	.pd-cont p br{display:none;}
}

@media (max-width:540px){
	.pd-box{padding:30rem 0;}
	.pd-box:first-child{padding-top:0rem;}
	.pd-box01{padding-top:0;}
	.pd-title{margin:0 0 20rem; }
	.pd-title > em{margin-top:6rem;}
	#tab1 .pd-box01 .pd-img__list{margin-top:20rem;}
	.pd-detail__box{margin-bottom:20rem;}
	.pd-detail__box > h4{margin-bottom:10rem;}
	.pd-img__list{gap:10rem;}
	.pd-img__list:has(table) {display: block;}
	.pd-img__list > li .img{border-radius:10rem;}
	.pd-cont [data-list]{margin-bottom:20rem;}
	.pd-cont [data-list] > *{margin-bottom:5rem;}
	.pd-cont p{line-height:1.5em;}
	.pd-cont p + .pd-detail__box{margin-top:20rem;}
	.pd-img__list > li.line{border-radius:10rem;}
	.pd-detail__box02 .table-wrap{margin-top:15rem;}
	.pd-img__list h3{height:44rem;}
	.pd-detail__box li:has(strong) {display: block;}

	.step-list{margin-right:30rem; gap:20rem 40rem;}
	.step-list > li .img:before,
	.step-list > li:nth-child(5) .img:before{right:-30rem;}
	.step-list > li:nth-child(2n) .img:before{right:-30rem;}
	.step-list > li .img:before{width:20rem; height:10rem;}
	.step-list > li .img img{border-radius:10rem;}
	.step-list > li .icon{margin-top:6rem;}
	.step-list > li .icon img{height:35rem;}
	.step-list.v2{gap:20rem 30rem;}
	.step-list.v2 > li .img:before{right:-26rem;}
	.step-list.v2 > li:nth-child(4n) .img:before{right:-30rem;}
	.step-list.v2 > li p{margin-top:8rem;}

	.pd-img__list > li > p {margin-top: 11rem;font-size: 13rem;}
	.pd-img__list:has(li > p) {gap: 25rem;}

	
}


/* 특허 */
.patent-list{gap:30rem; padding-top:8rem; margin-bottom:64rem;}
.patent-list > li{position:relative; display:flex; justify-content: center; align-items: center; height:150rem; border-radius: 20rem; border: 1px solid var(--g-02); box-sizing:border-box;}
.patent-list > li > em{position:absolute; top:-22rem; left:35rem; display: inline-flex; align-items: center;  justify-content: center; width:88rem; height:44rem; padding:5rem 10rem; font-size:var(--font-17); font-weight:600; color:#fff; line-height:1.1em; background:var(--c-01); border-radius:50rem; font-family:var(--lang-ko);}
.patent-list > li > strong{display:inline-block; font-size:76rem; font-weight:400; color: var(--c-01); line-height:1em; word-break:keep-all;}
.patent-list > li > span{display:inline-block; padding-left:3rem; position:relative; top:13rem; font-size:var(--font-18); font-weight:400; color: var(--b-01); line-height:1em; word-break:keep-all;}
.sub03_01 .box-table{width:1000rem; margin:0 auto;}
.box-table table{margin-bottom:50rem;}
.box-table table:last-child{margin:0;}
.patents-page table.table th,
.patents-page table.table thead + tbody tr td{text-align:left;}
table.table tr.total{background:#F4F4F5;}
table.table tr.total td{font-weight:500; color: var(--b-01);}

[lang="en-US"] .patent-list > li > em{width: 123rem;}

@media (max-width:1023px){
	.patent-list{gap:25rem; margin-bottom:40rem;}
	.patent-list > li > em{top:-17rem; left:30rem; width:75rem; height:34rem;}
	.patent-list > li > strong{font-size:66rem;}
	.sub03_01 .box-table{width:100%;}

}
@media (max-width:860px){
	.patent-list{grid-template-columns: 1fr 1fr 1fr; gap:20rem;}
	.patent-list > li{height:125rem;}
	.patent-list > li > em{top:-15rem; left:25rem; width:65rem; height:30rem;}
	.patent-list > li > strong{font-size:54rem;}
}
@media (max-width:540px){
	.patent-list{gap:10rem; margin-bottom:20rem;}
	.patent-list > li{height:80rem; border-radius:10rem;}
	.patent-list > li > em{top:-12rem; left:15rem; width:40rem; height:20rem; padding:2rem; font-size:11rem;}
	.patent-list > li > strong{font-size:35rem;}
	.patent-list > li > span{top:6rem; font-size:12rem;}
	.box-table table{margin-bottom:25rem;}

	[lang="en-US"] .patent-list > li > em{width:auto; font-size:10rem; padding:0 9rem;}
}


/* 문의하기 */
.cs_text{max-width:690rem;}
.cs_text__cont{position:relative; padding-left:46rem}
.cs-page__wrap{display:flex;}
.cs_info{width:687rem; margin-right:90rem; }
.cs_info__cont {position:relative; position: sticky; right:0; top:10%;}
.cs_info__cont:before{content:''; position:absolute; top:22rem; right:40rem; width: 72rem; height: 125rem; background:url(../img/sub/ic-symbol.svg)no-repeat center; background-size:contain;}
.cs_info__cont i{ text-transform:uppercase; font-size:15rem; font-weight: 800; letter-spacing: 3px; color:#fff;}
.cs_info__cont h4{margin:63rem 0 30rem; padding-bottom:30rem; font-size:21rem; font-weight:700; color:#fff; word-break: keep-all; border-bottom:1px solid rgba(255,255,255,0.1);}
/*
.cs_info__cont ul li{margin-bottom:30rem;}
.cs_info__cont ul li:last-child{margin-bottom:0}
.cs_info__cont ul li p{margin-bottom:3rem; font-size:15rem; font-weight: 700; }
.cs_info__cont ul li span{font-size: 17rem; font-weight:500; }
*/
.cs_info__cont{display:block; width:100%;}
.cs_info__cont .img{width:100%; border-radius:20rem; overflow:hidden;}
.cs_info__cont .img img{width:100%; height:auto;}
.cs_info__cont ul{margin-top:28rem; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:10rem; box-sizing:border-box;}
.cs_info__cont ul > li{display:flex; align-items: center; gap:10rem; padding:10rem 24rem; width:100%; height:70rem; border-bottom:1px dashed #e9e9e9; box-sizing:border-box;}
.cs_info__cont ul > li:last-child{margin:0; border:none;}
.cs_info__cont ul > li > em{display:inline-block; width:75rem; font-size:18rem; font-weight:700; color:var(--c-01);}
.cs_info__cont ul > li > span{display:inline-block; width:calc(100% - 75rem); font-size:18rem; font-weight:400; color:#333; line-height:1em; word-break:keep-all;}
.cs-page .button-style{border-top:0}
.cs-page__wrap{margin-top:80rem;}
.cs-page__wrap .cs-form{border:none; padding:0; margin:0;}


@media all and (max-width:1200px){
	.cs_text{width:45%;}
	.cs_info{width:calc(50% - 56rem); margin-right: 56rem;}
	.cs_info__cont{}
}

@media all and (max-width:1023px){
	.cs_info__cont ul > li{padding:10rem 18rem;}
	.cs_info__cont ul > li > em,
	.cs_info__cont ul > li > span{font-size:17rem;}
}
@media all and (max-width:860px){
	.cs_text{width:55%;}
	.cs_info {width: calc(45% - 40rem); margin-right:40rem;}
	.cs_info__cont i{font-size:14rem;}
	.cs_info__cont h4{margin-top:43rem; font-size:18rem}
	.cs_info__cont:before{width:52rem; height:105rem; right:20rem;}
	.cs_info__cont .img{border-radius:15rem;}
	.cs_info__cont ul{margin-top:15rem;}
	.cs_info__cont ul > li{align-items: flex-start; flex-direction: column; gap:5rem;}
	.cs_info__cont ul li span{width:100%; font-size:15rem;}

}

@media (max-width: 540px){
	
	.cs_text{width:100%;}
	.cs_info{width:100%;margin-left:0;margin-top:80rem;display: none;}
	.cs-page{margin-top:0}
	.cs-page__wrap{margin-top:0rem;}
	.cs_info__cont h4{font-size:16rem}
	.cs_info__cont{display: none;}
}