@charset "utf-8";

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

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

/* SUB VISUAL */
#sub-visual{position:relative; /*height:672rem;*/ height:auto;}
#sub-visual h2{font-weight:700;font-size:var(--font-85);color:var(--b-01); text-transform: uppercase; line-height:1em;}
#sub-visual .title-eng{display:none;}
/* .sub01_02 #sub-visual #page-title{display:none;} */
.sub01_02 #sub-visual .title-eng{display:block;}
.sub-visual__title{position:absolute; padding-top:200rem; left:0;}
.sub-visual__title{position: relative; text-align:center;}
.sub-visual__desc{margin-top:var(--font-17); font-weight:600; font-size:var(--font-20);}
.sub-visual__inner{position:relative; margin:60rem 20rem 0; height:487rem; border-radius:40rem; overflow: hidden; }
.sub-visual__bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;}
.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;}


body[class^="sub01_"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visual-01.jpg);}
body[class^="sub02_"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visual-0201.jpg);}
body[class^="sub02_02"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visual-0202.jpg);}
body[class^="sub02_03"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visual-0203.jpg);}
body[class^="sub02_04"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visual-02.jpg);}
body[class^="sub02_05"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visual-02.jpg);}
body[class^="sub02_06"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visual-02.jpg);}
body[class^="sub03_"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visual-03.jpg);}
body[class^="sub04_"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visual-04.jpg);}
body[class^="sub05_"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visual-05.jpg);}
body[class^="sub06_"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visual-06.jpg);}

/* board visual set */
/* 생성한 게시판 테이블 명 입력 */
/* 다국어시 세팅하면서 _en 붙이는 습관 들이기 */
body:is(.certify, .video, .catalog, .certify_en, .video_en, .catalog_en) .sub-visual__inner,
.sub05_02 .sub-visual__inner,
.sub06_01 .sub-visual__inner,
[lang="en-US"] .sub05_02 .sub-visual__inner,
[lang="en-US"] .sub06_01 .sub-visual__inner{display:none;}
body:is(.notice, .gallery, .notice_en, .gallery_en) .sub-visual__bg > i{background-image:url(../img/sub/sub-visual-06.jpg);}

/* lnb */
#lnb{position: absolute;width: 100%; bottom:44rem; z-index: 10; display: flex; justify-content: center; align-items: center; }
#lnb .lnb-inner{padding:0; border-radius:50rem; backdrop-filter: blur(3.5px);}
#lnb .select-link{width: auto; }
#lnb .select-link > ul{margin-top:0;}
#lnb .depth1 .sub-menu,
#lnb .select-link__btn{display:none;}

#lnb.lnb-select .select-link__btn{display:flex; align-items:center; font-size:var(--font-20); color:#fff;padding-right: var(--font-70);}
#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; display: inline-flex; flex-direction: row; padding: 10rem 14rem; align-items: center; gap:4rem; position: relative; border-radius:50rem; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(3.5px);}
#lnb:not(.lnb-select) .select-link > ul a{display:flex; justify-content: center; align-items: center; min-width:110rem; height:48rem; padding: 10rem 26rem; font-size: var(--font-16); font-weight:500; line-height:1em;  border-radius: 50rem; background:transparent; text-transform:uppercase; word-break:break-word; text-align:center;}
#lnb:not(.lnb-select) .select-link > ul > li.on > a{background:var(--c-01); font-weight:600;}
#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;}

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%;}

.sub05_02 #lnb,
.sub06_01 #lnb,
body:is(.certify, .video, .catalog, .certify_en, .video_en, .catalog_en) #lnb{position:relative; bottom:0; margin-top:100rem;}
.sub05_02 #lnb:not(.lnb-select) .select-link > ul,
.sub06_01 #lnb:not(.lnb-select) .select-link > ul,
body:is(.certify, .video, .catalog, .certify_en, .video_en, .catalog_en) #lnb:not(.lnb-select) .select-link > ul{border:1px solid rgba(0, 0, 0, 0.10); background:#fff;}
.sub05_02 #lnb:not(.lnb-select) .select-link > ul a,
.sub06_01 #lnb:not(.lnb-select) .select-link > ul a,
body:is(.certify, .video, .catalog, .certify_en, .video_en, .catalog_en) #lnb:not(.lnb-select) .select-link > ul a{color: var(--b-01);}
.sub05_02 #lnb:not(.lnb-select) .select-link > ul > li.on > a,
.sub06_01 #lnb:not(.lnb-select) .select-link > ul > li.on > a,
body:is(.certify, .video, .catalog, .certify_en, .video_en, .catalog_en) #lnb:not(.lnb-select) .select-link > ul > li.on > a{color:#fff;}

/* sub nav */
#sub-nav{display: flex; align-items: center;  justify-content: center; margin-bottom: 35rem;}
#sub-nav > *{position: relative;}
#sub-nav > *:last-child::after{display: none;}
#sub-nav .sub-home{display: block;width:17rem; height:16rem; background:url(../img/common/ic-nav-home_c.svg) no-repeat; background-size:contain;}
#sub-nav span{color:#111; font-size: 14rem; font-weight:700; display: block;}
#sub-nav > i{display:block; width:10rem; height:14rem; margin:0rem 15rem; background:url(../img/common/ic-line.svg) no-repeat center;}
#sub-nav:has(.depth02:empty) .depth01::after{display: none;}
body:has(#sub-nav span:empty) #sub-nav .depth01 ~ i{display: none;}

/* snb */
.snb-wrap{margin-top:100rem; margin-bottom:40rem;}
.sub05_02 .snb-wrap{margin-top:0;}
#snb{display:flex;align-items:center;}
#snb ul{gap:47rem;}
#snb li.on a{opacity:1;}
#snb li a{position:relative; box-sizing:border-box; padding-left:0; font-size:var(--font-23); font-weight:700; color:var(--b-01); transition:var(--trans-01); opacity:0.3;}
#snb li a:before{content:''; position:absolute; top:7rem; left:10rem; width:18rem; height:14rem; background:url(../img/common/ic-snb-arr.svg)no-repeat center; background-size:contain; opacity:0;}
#snb li:not(:last-child) a{border-right:0;}
#snb li.on a{color:var(--c-01); font-weight:800; padding-left:40rem; opacity:1;}
#snb li.on a:before{opacity:1;}
#snb-title{font-weight:400;}
#snb li:not(.on) a:hover{color: var(--g-02);}


[lang="en-US"] #sub-visual h2{text-transform: capitalize;}
[lang="en-US"] .sub01_02 #sub-visual h2,
[lang="en-US"] .sub01_04 #sub-visual h2{text-transform: uppercase;}
[lang="en-US"] #lnb:not(.lnb-select) .select-link > ul a{text-transform: capitalize;}

@media all and (max-width:1200px){
	[lang="en-US"] #lnb:not(.lnb-select) .select-link > ul a{padding:10rem 12rem;}
}
@media all and (max-width:1023px){
	#snb ul{gap:37rem;}	

}

@media (max-width: 860px){
	#sub-nav{margin-bottom:30rem;}
	#lnb{bottom:34rem;}
	#lnb:not(.lnb-select) .select-link > ul{padding:8rem 10rem;}
	#lnb:not(.lnb-select) .select-link > ul a{min-width:auto; height:40rem; padding:10rem;}

	#snb ul{gap:27rem;}	
	#snb li a:before{top:9rem;}

	[lang="en-US"] #lnb:not(.lnb-select) .select-link > ul a{font-size:14rem;}
}
@media (max-width: 540px){
	#sub-visual{}
	.sub-visual__title:has(.title-ko.none) .title-ko{display:block !important; margin-top:5rem; font-weight:700 !important; font-size:18rem !important;}
	#sub-nav{margin-bottom:25rem;}
	#sub-nav .sub-home{width:14rem; height:13rem;}
	#sub-nav span{font-size:12rem;}
	#sub-nav > i{margin: 0rem 6rem;}

	#lnb{top:auto; bottom:20rem; z-index:10; }
	#lnb.lnb-select{opacity:1 !important;width:100%; box-sizing:border-box;margin:0 auto; transform:none !important;}
	#lnb.lnb-select .select-link__btn{font-size:var(--font-17);}
	#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 20rem;width:100%; box-sizing:border-box; padding:17rem 0rem; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2);}
	
	/* #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{padding:0rem 20rem;font-size: 14rem;}
	#lnb.lnb-select  .select-link__btn::after{right:6rem; background-color:inherit;}
	#lnb .select-link > ul{margin-top:26rem; padding:13rem 0; border-radius:20rem;}
	#lnb .select-link > ul a{padding: 5rem 20rem;font-weight:200;font-size:14rem;}

	#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{padding-left:20rem; overflow-x:scroll;}
	#lnb:not(.lnb-select) .select-destroy li:last-child{padding-right:40rem;}
	#lnb:not(.lnb-select) .select-destroy li a{opacity:0.5; color:#fff;}
	#lnb:not(.lnb-select) .select-destroy li.on a{opacity:1;}
	#lnb:not(.lnb-select) .select-destroy li + li{margin-left: 10rem;}
	#lnb:has(.select-destroy):not(.lnb-select) .select-link__btn::after{display:none;}

	.sub05_02 #lnb.lnb-select,
	.sub06_01 #lnb.lnb-select,
	.certify #lnb.lnb-select,
	.video #lnb.lnb-select,
	.catalog #lnb.lnb-select,
	.certify_en #lnb.lnb-select,
	.video_en #lnb.lnb-select,
	.catalog_en #lnb.lnb-select{margin-top:50rem;}

	.sub05_02 #lnb .lnb-inner,
	.sub06_01 #lnb .lnb-inner,
	.certify #lnb .lnb-inner,
	.video #lnb .lnb-inner,
	.catalog #lnb .lnb-inner,
	.certify_en #lnb .lnb-inner,
	.video_en #lnb .lnb-inner,
	.catalog_en #lnb .lnb-inner{border-color:rgba(0,0,0,0.1);}

	.sub05_02 #lnb.lnb-select .select-link__btn,
	.sub06_01 #lnb.lnb-select .select-link__btn,
	.certify #lnb.lnb-select .select-link__btn,
	.video #lnb.lnb-select .select-link__btn,
	.catalog #lnb.lnb-select .select-link__btn,
	.certify_en #lnb.lnb-select .select-link__btn,
	.video_en #lnb.lnb-select .select-link__btn,
	.catalog_en #lnb.lnb-select .select-link__btn{color:var(--b-01);}

	.sub05_02 #lnb.lnb-select .select-link__btn::after,
	.sub06_01 #lnb.lnb-select .select-link__btn::after,
	.certify #lnb.lnb-select .select-link__btn::after,
	.video #lnb.lnb-select .select-link__btn::after,
	.catalog #lnb.lnb-select .select-link__btn::after,
	.certify_en #lnb.lnb-select .select-link__btn::after,
	.video_en #lnb.lnb-select .select-link__btn::after,
	.catalog_en #lnb.lnb-select .select-link__btn::after{background-image: url(../img/common/arrow-basic.svg); background-repeat: no-repeat;}

	#snb ul{gap:12rem;}
	#snb li.on a{padding-left:18rem;}
	#snb li a{font-size:14rem;}
	#snb li a:before{top:6rem; left:0rem; width:13rem; height:10rem;}

	.snb-wrap{margin-top:40rem; margin-bottom:20rem;}

	[lang="en-US"] #snb ul{flex-direction: column; gap:6rem;}
	[lang="en-US"] #sub-visual h2{font-size: var(--font-75);}
}

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

@media (max-width:1200px){

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

}

@media (max-width: 540px){

}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative;padding-top:120rem; padding-bottom:150rem;}
.sub01_02 .sub-content{padding-bottom:0;}
.sub05_02 .sub-content{padding-top:160rem;}
.sub-content:has(.board-page){padding-top: 100rem;}
.sub-title{font-family:var(--lang-en);}
em.en-title{display:inline-block;margin-bottom:30rem;font-size: 17rem;font-weight:700;color:#4848CA;line-height:1em;font-family:var(--lang-en);text-transform:uppercase;}
em.en-title.wt{color:#fff;}
.sub-title h3{display:block; font-size: var(--font-70); line-height:1em; word-break:keep-all; color:var(--b-01); letter-spacing: -2.1px;}
.sub-title p{display:block; margin-top:40rem; font-size: var(--font-19); font-weight:700; line-height:1.5em; word-break:keep-all; color:var(--b-01); font-family:var(--lang-ko);}

@media (max-width:1200px){

}

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

@media (max-width: 860px){
	.sub-content{padding-top:70rem;}
	.sub-title p br{display:none;}
}

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

	em.en-title{margin-bottom:20rem; font-size:12rem;}
	.sub-title p{margin-top:20rem;}
}

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

/* 회사소개 */
@media (max-width:1200px){
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){
	/*화면 768에 맞춰놓고 작업*/
}

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

/* 오시는길 */
@media (max-width:1200px){
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){
	/*화면 768에 맞춰놓고 작업*/
	.sub-visual__title{padding-top:150rem;}
	.sub-visual__inner{height:400rem; border-radius:30rem; }

}

@media (max-width: 860px){
	.sub-visual__title{padding-top:120rem;}
	.sub-visual__inner{height:350rem; border-radius:20rem; margin:50rem 20rem 0;}
}
@media (max-width: 540px){
	.sub-visual__title{padding-top:100rem;}
	.sub-visual__inner{height:300rem; margin:40rem 10rem 0;}
}


/* 소개 */
.about-page{padding-bottom:150rem;}
.about-intro{position:relative; padding:20rem 0 0;}
.intro-visual{position:relative; display:flex; align-items:center; justify-content:center; margin:0 20rem; height:calc(100vh - 40rem); background:#fdfdfd url(../img/sub/bg-intro.jpg)no-repeat center; background-size:cover; border-radius:30rem; overflow:hidden;}
.intro-visual > h3{position:relative;display:block;font-size: 154rem;font-weight:700;color:rgba(0, 0, 0, 0.80);line-height:1em;word-break:break-word;letter-spacing: -6.12px;text-transform:uppercase;font-family:var(--lang-en);text-align:center;margin-bottom: 140rem;}
.intro-visual > h3.copy{position:absolute; color:transparent; z-index:10;}
.intro-visual .btn-cs{position:absolute;left: -180rem;bottom: -230rem;width:164rem;height:164rem;z-index:3;}

.intro-visual .btn-cs:before{content:''; position:absolute; top:50%; left:50%; width:216rem; height:216rem; background:var(--c-01); opacity:0.2; transform:translate(-50%, -50%) scale(1); z-index:-1; border-radius:500rem; transition:all 0.4s ease;}
.intro-visual .btn-cs > a{display:flex; align-items:center; justify-content:center; width:100%; height:100%; border-radius:500rem; background:var(--c-01);}
.intro-visual .btn-cs > a > span{position:relative; padding-bottom:25rem; font-size:var(--font-20); font-weight:700; color:#fff; line-height:1em; letter-spacing:0;}
.intro-visual .btn-cs > a > span:before{content:''; position:absolute; left:50%; bottom:-10rem; width:30rem; height:30rem; margin-left:-15rem; background:url(../img/sub/ic-cs-arr.svg)no-repeat center; background-size:contain;}
.intro-visual .btn-cs:hover:before{transform:translate(-50%, -50%) scale(1.15);}

.intro-item__wrap{position:absolute; top:0; left:0; width:100%; height:90%;}
.intro-item{position:sticky; top:0; width:100%; height:100vh; display:flex; align-items: flex-end; justify-content: center;}
.intro-item img{margin:0 auto; width:auto; max-width:100%;}
.intro-txt{display:flex; align-items:center; justify-content:center; height:1734rem; background:url(../img/sub/bg-intro-txt.jpg)no-repeat center bottom; background-size:contain;}
.intro-txt > h3{display:block;padding:0 50rem;margin-bottom:300rem;font-size: var(--font-70);font-weight:700;color:var(--b-01);line-height:1.2em;word-break:break-word;letter-spacing: -2.55px;text-align:center;z-index:2;box-sizing:border-box;}
.intro-txt > h3 i{color:var(--c-01);}
.about-info{position:relative;display:flex;justify-content:center;padding:60rem 0 0;box-sizing:border-box;/* width: 100%; *//* max-width: 100%; */}
.about-info__list{position:relative;display:flex;/* flex-wrap: wrap; */gap: 40rem;/* width:1410rem; */padding-bottom: 0;z-index:1;}
.about-info__item{/* width:calc((100% / 2) - 75rem); */width: 100%;}
.about-info__item:nth-child(even){/* margin-top:435rem; */}
.about-info__item:last-child{/* position:absolute; *//* bottom:0rem; *//* width:690rem; */}
.about-info__item .img{/* width:auto; *//* max-width:600rem; */border-radius:20rem;overflow:hidden;height: 340rem;}
.about-info__item .img img{width: 100%;max-width:100%;object-fit: cover;height: 100%;}
.about-info__item .txt{margin-top:50rem;}
.about-info__item .txt > h3{display:block; font-size:var(--font-28); font-weight:700; color: var(--bg-01); line-height:1em; word-break:keep-all;}
.about-info__item .txt > p{display:block; margin-top:20rem; font-size: var(--font-17); font-weight: 400; line-height:1.7em;  word-break:keep-all; color: #666;}
.about-info .symbol{position:absolute;top:15%;left:-80rem;z-index:-1;display: none;}


@media all and (max-width:1500px){
	.about-info__list{width:100%;}
}
@media all and (max-width:1200px){
	.intro-visual > h3{font-size:150rem;}
	.intro-visual .btn-cs{left:-5rem;}
	.about-info__list{padding-bottom:370rem;}
	.about-info__item:nth-child(even){margin-top:380rem;}
	.about-info__item .img{max-width:508rem;}
	.about-info__item .txt > p br{display:none;}
	.about-info .symbol{width:100%;}
	.about-info .symbol img{width:100%;}
}
@media all and (max-width:1023px){
	.about-info__list{gap:80rem; padding-bottom:270rem;}
	.about-info__item{width: calc((100% / 2) - 40rem);}
	.about-info__item:nth-child(even){margin-top:318rem;}
	.about-info__item .txt{margin-top:40rem;}
	.about-info__item .img{max-width:420rem;}
	.intro-item__wrap{height:95%;}
	.intro-item img{width:70%;}

	[lang="en-US"] .intro-txt > h3{font-size: var(--font-75);}
}
@media all and (max-width:860px){
	.intro-visual > h3{font-size:120rem;}
	.intro-visual .btn-cs{width:145rem; height:145rem; left:-40rem; bottom:-120rem;}
	.intro-visual .btn-cs:before{width:190rem; height:190rem;}
	.intro-txt{height:1500rem;}
	.intro-txt > h3{margin-bottom:400rem;}
	.about-info__list{gap:40rem; padding-bottom:250rem;}
	.about-info__item{width: calc((100% / 2) - 20rem);}
	.about-info__item:nth-child(even){margin-top:270rem;}
	.about-info__item .txt{margin-top:30rem;}
	.about-info__item .txt > p{margin-top:15rem;}
	.about-info__item:last-child .txt{width:400rem;}
	.about-info__item .img{max-width:357rem;}
	.intro-item__wrap{height:96%;}

	

}
@media all and (max-width:540px){
	.about-page{padding-bottom:60rem;}
	.about-intro{padding:10rem 0 0;}
	.intro-visual{margin:0 10rem; border-radius:20rem; height:calc(100vh - 20rem);}
	.intro-visual > h3{display:flex; flex-direction: column; justify-content: center; align-items: center; font-size:64rem; letter-spacing:-4rem; margin-bottom:200rem;}
	.intro-visual > h3.copy{top: 50%; transform: translateY(-61%);}
	.intro-visual .btn-cs{margin-top:30rem; width:110rem; height:110rem;}
	.intro-visual .btn-cs:before{width:145rem; height:145rem;}
	.intro-visual .btn-cs > a > span{padding-bottom:17rem;}
	.intro-visual .btn-cs > a > span:before{width:24rem; height:24rem; margin-left:-12rem;}
	.intro-txt{height:1000rem;}
	.intro-txt > h3{margin:0 20rem; padding:0;}

	.intro-item__wrap{height:97%;}
	.intro-item{height:auto; top:65%;}
	.intro-item img{width:90%;}
	.intro-visual .btn-cs{position:relative; left:0; bottom:0;}
	.about-info__list{gap:40rem; padding-bottom:0;}
	.about-info__item{width:100%;}
	.about-info__item:nth-child(even){margin-top:0;}
	.about-info__item:last-child{position:relative; width:100%;}
	.about-info__item .img{max-width:inherit;}
	.about-info__item .txt{margin-top:20rem;}
	.about-info__item .txt > p{margin-top:12rem;}
	.about-info__item:last-child .txt{width:100%;}
	.about-info .symbol{display:none;}

	[lang="en-US"] .intro-txt > h3{font-size:var(--font-50);}
	[lang="en-US"] .intro-txt > h3 br{display:none;}
	[lang="en-US"] .about-info__item .txt > h3{line-height:1.3em;}
}

/* 연혁 */
.history-sect{position:relative;}
.history-bg{position:absolute; top:-120rem; left:-100rem;  z-index:-1;}
.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:6rem;height:100%; font-weight: 800; background: #efefef;}
.history-line::before {opacity: .15; 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-01); border-radius: 5rem; transform: translateX(-50%);}
.history-list__title {position: absolute; right: 50%; width: 50%; height: 100%;}
.history-list__title .history-title__wrap{position: sticky;top: 200rem;width:100%;/* height:900rem; */z-index:2;}
.history-list__title h4 {margin: 80rem 0 0 160rem;font-size:115rem;font-weight:700;font-family:var(--lang-en);color:var(--b-01);letter-spacing: -3.45px;}
.history-list__title p {display: inline-block; font-size:115rem; font-weight:700; color:var(--b-01); line-height:1em;}
.history-list__title span {color: var(--c-01); font-size:115rem; font-weight:700;}
.history-item__wrap{padding: 30rem 0;border-bottom:1px solid #eee;box-sizing:border-box;}
.history-item__wrap:last-child{border-bottom:none;padding-bottom: 0;}
.history-item{display: flex;align-items: flex-start;padding: 17rem 0;}
.history-item strong{font-weight:700;font-size:var(--font-23);color:var(--b-01);letter-spacing:-1.5rem;transition:var(--trans-01);}
.history-item.is_moved strong{width:124rem; line-height:1em;}
.history-list{position:relative;width: 50%;margin-left: auto;padding-top: 75rem;z-index:2;}
.history-desc li{display:flex; align-items:flex-start; font-size: var(--font-17); font-weight:400; color:var(--b-02);}
.history-desc > li:not(:last-child){margin-bottom:30rem;}
.history-desc > li em{min-width:30rem; margin-right:10rem; font-size:var(--font-17); font-weight:700; color:var(--b-01);}
.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;}

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

@media all and (max-width:1200px){
	.history-list__title h4{margin:180rem 0 0 100rem;}
}
@media all and (max-width:1023px){
	.history-bg{top:-100rem;}
	.history-list__title {left: 0; right: auto; width: auto; padding-right: 0; text-align: left; }
	.history-list__title h4{margin:180rem 0 0 0;}
	.history-title__wrap .sub-title{width:90%;}
	.history-line-wrap {left: 35%;}
	.history-list {width:65%; padding-top:228rem; padding-left: 80rem;}
	.history-item {padding:70rem 0;}
	.history-desc ul {margin-top: 0;}
	.history-desc ul li {line-height: 1.6;}
	.history-desc ul span {margin-top: 5rem;}
	.history-desc > li:not(:last-child) {margin-bottom: 30rem;}
	.history-desc [data-list="dot"] > *::before {top: 11rem;}
}

@media (max-width:860px){
	/*.history-page{position:relative;}
	.history-page:before{content:''; position:absolute; top:-70rem; left:0; width:100%; height:100vh; background:url(../img/sub/bg-line.svg)no-repeat center top; background-size:100% auto; z-index:2;}*/
	.history-bg{top:-70rem; height:1200rem; overflow:hidden; display:none;}
	.history-bg img{width:auto; max-width:200%; height:100%; opacity:0.5; }
	.history-line-wrap {left: 0;}
	.history-list__title {position: sticky; top: -20rem; width: 100%; padding:0; z-index: 10;}
	.history-list__title .history-title__wrap{height:auto;}
	.history-list__title h4{display:inline-block; margin:50rem 0 0; border: 1px solid #eee; border-radius: 500rem;  padding: 13rem 40rem; background:#fff;}
	.history-list__title h4,
	.history-list__title p,
	.history-list__title span{font-size:70rem;}
	/*.history-list__title h3 {position: relative; top: auto; display: inline-block; padding: 0 40rem 2rem; line-height: 1; font-size: var(--font-70); border-radius: 100rem;}*/
	.history-item__wrap{padding:50rem 0;}
	.history-item {padding: 30rem 0;}
	.history-list {width: 100%; margin-top:0rem; padding-top:0; padding-left:0rem; z-index:2;}

}

@media (max-width:540px){
	.history-list__title h4{margin:30rem 0 0; padding:7rem 25rem; }
	.history-list__title h4,
	.history-list__title p,
	.history-list__title span{font-size:35rem;}
	.history-item__wrap{padding:20rem 0;}
	.history-item{flex-direction: column; padding:20rem 0;}
	.history-item strong{margin-bottom:20rem}
	.history-desc > li:not(:last-child){margin-bottom:15rem;}
	.history-desc > li em{min-width:20rem; margin-right:5rem;}
}

/* 비전 */
.vision-txt{text-align:center;margin: 50rem 0 50rem;}
.vision-txt > h3{display:block; font-size:var(--font-44); font-weight:700; color:var(--b-01); line-height:1.4em; word-break:keep-all;}
.vision-txt > h3 i{color: var(--c-01);}
.vision-list__wrap{position:relative;}
.vision-list__wrap .vision-circle{position:absolute;top:50%;left:50%;width: 350rem;height: 350rem;transform:translate(-50%, -50%);z-index:3;}
.vision-list__wrap .vision-circle__txt{width:100%; height:100%; display:flex; flex-direction: column; align-items:center; justify-content:center;border-radius:500rem; background:var(--c-01); z-index:2; }
.vision-list__wrap .vision-circle__txt h3{display:block;margin: 40rem 0 12rem;font-size: 38rem;font-weight:bold;color:#fff;line-height:1em;word-break:keep-all;text-align:center;font-family:var(--lang-en);}
.vision-list__wrap .vision-circle__txt span{display:inline-block;font-size: 23rem;font-weight:600;color:#fff;line-height:1em;word-break:keep-all;text-align:center;}
.vision-list__wrap .vision-circle:before{content:''; position:absolute; top:50%; left:50%; width:100%; height:100%;  border-radius:500rem; background:#CFD0E6; transform:translate(-50%, -50%) scale(1.25); z-index:-1;}
.vision-list__wrap .vision-circle:after{content:''; position:absolute; top:50%; left:50%; width:100%; height:100%;  border-radius:500rem; background:#fff; transform:translate(-50%, -50%) scale(1.55); z-index:-2;}
.vision-list{gap:42rem;}
.vision-list > li{position:relative; width:100%; border-radius:40rem; overflow:hidden;}
.vision-list > li .img{width:100%; height:100%;}
.vision-list > li .img img{width:100%;}
.vision-list > li .txt{position:absolute; top:0; left:0; display:flex; flex-direction: column; align-items:center; justify-content:center; text-align:center; width:100%; height:100%; padding:20rem 60rem; box-sizing:border-box;}
.vision-list > li .txt > i{display:inline-block;margin-bottom: 30rem;font-size:78rem;font-weight:700;font-family:var(--lang-en);color:rgba(255, 255, 255, 0.50);line-height:1em;}
.vision-list > li .txt > em{display:inline-block;margin-bottom:25rem;font-size: var(--font-19);font-weight:700;color: var(--w);line-height:1em;word-break:keep-all;}
.vision-list > li .txt > h3{display:block;font-size: var(--font-36);font-weight:700;color: var(--w);line-height:1em;word-break:keep-all;}

[lang="en-US"] .vision-list > li .txt > em{line-height:1.3em;}
[lang="en-US"] .vision-list > li .txt > h3{line-height:1.2em;}
[lang="en-US"] .vision-list > li:nth-child(1) .txt > h3,
[lang="en-US"] .vision-list > li:nth-child(2) .txt > h3{margin-bottom:80rem;}
[lang="en-US"] .vision-list__wrap .vision-circle__txt span{line-height:1.2em;}

@media all and (max-width:1750px){
	.vision-list__wrap .vision-circle{width:300rem; height:300rem;}

	[lang="en-US"] .vision-list__wrap .vision-circle__txt h3{margin:25rem 0 15rem;}
	[lang="en-US"] .vision-list__wrap .vision-circle__txt span{font-size:22rem; margin-bottom:10rem;}
}

@media all and (max-width:1500px){
	[lang="en-US"] .vision-list > li .txt > h3{font-size:var(--font-44);}
}
@media all and (max-width:1200px){
	.vision-list > li .txt > i{margin-bottom:50rem;}
	[lang="en-US"] .vision-list > li:nth-child(1) .txt > h3, 
	[lang="en-US"] .vision-list > li:nth-child(2) .txt > h3{width:77%; margin-bottom:30rem;}
}
@media all and (max-width:1023px){
	.vision-list{gap:30rem;}
	.vision-list > li{border-radius:30rem;}
	.vision-list > li .txt{padding:20rem 40rem;}
	.vision-list > li .txt > i{margin-bottom:35rem; font-size:60rem;}
	.vision-list > li .txt > em{margin-bottom:18rem;}
	.vision-list__wrap .vision-circle{width:250rem; height:250rem;}
	.vision-list__wrap .vision-circle:before{transform:translate(-50%, -50%) scale(1.13);}
	.vision-list__wrap .vision-circle:after{transform:translate(-50%, -50%) scale(1.25);}
	.vision-list__wrap .vision-circle__txt .logo{height:60rem;}
	.vision-list__wrap .vision-circle__txt .logo img{height:100%;}
	.vision-list__wrap .vision-circle__txt h3{margin:25rem 0 15rem; font-size:32rem;}
	.vision-list__wrap .vision-circle__txt span{font-size:19rem;}

	[lang="en-US"] .vision-list > li .txt > em br{display:none;}
	[lang="en-US"] .vision-list__wrap .vision-circle__txt span{font-size:19rem;}

}
@media all and (max-width:860px){
	.vision-list{gap:20rem;}
	.vision-list > li{border-radius:20rem;}
	.vision-list > li .txt{padding:20rem;}
	.vision-list > li .txt > i{margin-bottom:30rem; font-size:45rem;}
	.vision-list > li .txt > em{margin-bottom:15rem;}
	.vision-list__wrap .vision-circle{width:200rem; height:200rem;}
	.vision-list__wrap .vision-circle:before{transform:translate(-50%, -50%) scale(1.13);}
	.vision-list__wrap .vision-circle:after{transform:translate(-50%, -50%) scale(1.25);}
	.vision-list__wrap .vision-circle__txt .logo{height:50rem;}
	.vision-list__wrap .vision-circle__txt h3{margin:20rem 0 10rem; font-size:25rem;}
	.vision-list__wrap .vision-circle__txt span{font-size:20rem;}

	[lang="en-US"] .vision-list__wrap .vision-circle__txt span{font-size:14rem; margin-bottom:10rem;}
	[lang="en-US"] .vision-list > li:nth-child(1) .txt > h3, 
	[lang="en-US"] .vision-list > li:nth-child(2) .txt > h3{width:70%;}
}
@media all and (max-width:540px){
	.vision-txt{margin: 25rem 0;}
	.vision-txt > h3 br{display:none;}
	.vision-list{margin-top:50rem; grid-template-columns:1fr; gap:12rem;}
	.vision-list > li{border-radius:12rem;}
	.vision-list > li .txt{padding:20rem;}
	.vision-list > li .txt > i{font-size:38rem; margin-bottom:25rem;}
	.vision-list__wrap .vision-circle{position:relative; top:0; width:220rem; height:220rem; transform:translate(-50%, 0);} 
	.vision-list__wrap .vision-circle__txt .logo{height:40rem;}
	.vision-list__wrap .vision-circle__txt h3{margin:15rem 0 10rem; font-size:20rem;}
	.vision-list__wrap .vision-circle__txt span{font-size:17rem;}

	[lang="en-US"] .vision-list > li .txt > h3{font-size:var(--font-50);}
	[lang="en-US"] .vision-list > li:nth-child(1) .txt > h3, 
	[lang="en-US"] .vision-list > li:nth-child(2) .txt > h3{margin-bottom:0; width:100%;}
	[lang="en-US"] .vision-list__wrap .vision-circle__txt span{margin-bottom:0;}
	[lang="en-US"] .vision-list__wrap .vision-circle__txt h3{margin:15rem 0 10rem;}

}

/* 제품 */
.applications-detail{margin-top:100rem;}
.applications-top{margin:0 20rem 130rem; padding:80rem 0; box-sizing:border-box; background:#fdfdfd url(../img/sub/bg-intro.jpg) no-repeat center; background-size:cover; border-radius:40rem;}
.applications-top > div > h3{position:relative; display:block; margin-bottom:40rem; padding-left:20rem; font-size:var(--font-22); font-weight:700; color:var(--b-01); line-height:1em; word-break:keep-all;}
.applications-top > div > h3:before{content:''; position:absolute; top:7rem; left:0; width:6rem; height:6rem; background:var(--b-01); border-radius:50rem;}
.applications-top:last-child{margin-bottom:0;}
.applications-top.v2{margin-top:130rem;}
.applications-top > div{align-items: center; gap:32rem; height:auto; padding:55rem; box-sizing:border-box; background:#fff; border-radius:40rem; box-sizing:border-box;}
.applications-top > div > .img{width:745rem; height:100%; height:600rem; border-radius:20rem; box-sizing:border-box; overflow:hidden; }
.applications-top > div > .img img{width:100%; height:auto}
.applications-top > div .txt{flex-direction: column;justify-content: space-between;padding:40rem;width:calc(100% - 777rem);min-height: 600rem;background:var(--c-01);border-radius:20rem;box-sizing:border-box;gap: 215rem;}
.applications-top > div .txt h3{display:block; margin-bottom:15rem; font-size:var(--font-22); font-weight:700; color:#fff; line-height:1em; word-break:keep-all;}
.applications-top > div .txt p{display:block; font-size:var(--font-17); font-weight:200; color:#fff; line-height:1.7em; word-break:keep-all; }
.applications-top > div .txt p + p{margin-top:20rem ;}
.applications-top[data-flex]{flex-direction: column; gap:30rem;}
.applications-top[data-flex] > div{height:563rem; gap:60rem;}
.applications-top[data-flex] > div .img-wrap{width:684rem;}
.applications-top[data-flex] > div .info{width:calc(100% - 744rem); padding-right:25rem; box-sizing:Border-box;}
.applications-top[data-flex] > div .info h3{display:block; margin-bottom:12rem; font-size:var(--font-22); font-weight:700; color:var(--b-01); line-height:1em;}
.applications-top[data-flex] > div .info p{display:block; margin-top:8rem; font-size:var(--font-17); font-weight:400; line-height:1.6em; color:var(--b-02); word-break:keep-all;}
.applications-top[data-flex] > div .info [data-list="dot"]{margin-top:54rem;}
.applications-top[data-flex] > div .info [data-list="dot"] > li{line-height:1em; margin-bottom:15rem;}
.applications-top[data-flex] > div .info [data-list="dot"] > li em{font-weight:700; color:var(--b-01);}
.applications-top[data-flex] > div .info [data-list="dot"] > *::before{top:6rem;}
.applications-top[data-flex] > div .img-wrap[data-flex="column"]{flex-direction: column; align-items: center; gap:20rem;}
.applications-top[data-flex] > div .img-wrap[data-flex="column"] .img{width:80%;}
.applications-top[data-flex] > div .img-wrap[data-flex="column"] .img img{width:100%; height:auto; max-height:100%;}
.applications-top[data-flex] > div .img-wrap[data-flex="center center"]{gap:60rem;}
.applications-top[data-flex] > div .img-wrap[data-flex="center center"] .img{height:325rem;}
.applications-top[data-flex] > div .img-wrap[data-flex="center center"] .img img{height:100%;}
.applications-top > div .img-wrap[data-flex]{gap:26rem;}
.applications-top > div .img-wrap .img{/* border-radius:20rem; */overflow:hidden;}
.applications-top > div .img-wrap .img img{width:100%;border-radius: 10rem;margin-bottom: 10rem;}
.img.line{border:1px solid var(--br-01); box-sizing:border-box;}
.applications-top .btn-wrap{margin:80rem auto 0; text-align:center;}
.applications-top .btn-wrap a{margin:0 auto;}

.txt-bold{font-weight:700;}
.txt-point01{color:var(--c-01);}
.box-applications{margin-bottom:120rem;}
.box-applications:last-child{margin:0;}
.img-list{gap:70rem 28rem;}
.img-item{overflow: hidden;}
.desc-item:last-child .img-item:has(video){overflow: hidden;border-radius: 20rem;height: 372rem;}
.img-item .img{width:100%; height:auto; border-radius:20rem; box-sizing:border-box; overflow:hidden;}
.img-item .img img{width:100%;}
.img-item .txt{display:block;margin-top: 12rem;text-align:left;}
.img-item .txt > *{display:block;margin-bottom:10rem;font-size: 18rem;font-weight: 600;color:var(--b-01);line-height:1em;word-break:keep-all;text-align: center;}
.img-list.product .img-item .img{height:auto; overflow:hidden;} 
  .img-item:has(video) video{object-fit: cover; width: 100%; height: 100%; object-position: 50% 50%;}
.applications-page .desc-item > h4{font-family: var(--lang-en);}
.applications-page ul[data-list="dot"] li{padding-left:16rem; font-size:var(--font-17); line-height:1.7em; word-break:keep-all; font-weight:400; color:var(--b-02);}
.applications-page [data-list="dot"] > *::before{width:5rem; height:5rem; background:#d9d9d9;}
.box-applications[data-flex]{}
.box-applications[data-flex] > .box-fixed{flex: 1;/* height: 100%; */position: relative;/* top: 220rem; */}
.box-applications[data-flex] > .desc-list{min-width: 972rem; max-width: 972rem;}
.desc-item{display:block; padding:80rem 0; border-bottom:1px solid #e7e7e7; box-sizing:border-box;}
.desc-item:first-child{padding-top:0;}
.desc-item:last-child{padding-bottom:0; border-bottom:none;}
.desc-item > h4{position:relative; display:block; padding-left:17rem; margin-bottom:20rem; font-size:var(--font-22); font-weight:700; color:var(--b-01); line-height:1em; word-break:keep-all; text-transform:uppercase;}
.desc-item > h4:before{content:''; position:absolute; top:8rem; left:0; width:6rem; height:6rem; background:var(--b-01); border-radius:50rem;}
.desc-item > h4 + div{padding-left: 18rem;}
.desc-item > h5{display:inline-block; font-size: var(--font-18); margin:15rem 0 12rem 16rem; color:var(--c-01);}
.desc-item > div  p{display:block; word-break: keep-all; font-size:var(--font-17); font-weight:400; color:var(--b-02); line-height:1.5em; word-break:keep-all; }
.desc-item > ul{padding-left:16rem;}
.desc-item > ul li{padding-left:16rem; font-size:var(--font-17); line-height:1.6em; word-break:keep-all; font-weight:400; color:var(--b-01);}
.desc-item > [data-list="dot"] > *::before{top:12rem;}
.desc-item .img-list{margin-top:30rem; gap:20rem; padding-left: 18rem;}


.applications-visual{position:relative; margin:0 20rem; height: 420rem; border-radius: 40rem; overflow: hidden;}
.applications-visual > i{position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../img/sub/applications-visual0501.jpg); background-size:cover; background-position:50% 50%;}
.sub03_05 .applications-visual > i{background-image:url(../img/sub/applications-visual0601.jpg); background-size:cover; background-position:50% 50%;}

.applications-txt{display:block; padding:120rem 0; box-sizing:border-box; text-align:center;}
.applications-txt > p{display:block; margin-bottom:35rem; font-size:var(--font-23); font-weight:700; color:var(--b-01); line-height:1.6em; word-break:keep-all;}
.applications-txt > p:last-child{margin:0;}

.sub02_01 .applications-page ul[data-list="dot"] li{line-height:1.2em;}
.sub02_02 .applications-top > div > .img{height:auto;}

@media all and (max-width:1500px){
	.applications-top > div .txt p br{display:none;}

	/* 부대설비 */
	.applications-top[data-flex] > div .info p br{display:none;}
	.applications-top[data-flex] > div .info [data-list="dot"] > li{line-height:1.5em;}
	.applications-top[data-flex] > div .info [data-list="dot"] > *::before{top:10rem;}
    .box-applications[data-flex]{gap: 30rem;}
    .box-applications[data-flex] > .desc-list{min-width: 62%; max-width: 62%;}

    .desc-item{padding: 40rem 0;}
}
@media all and (max-width:1200px){
	.applications-top > div{gap:0;}
	.applications-top > div > .img{width:62%; margin-right:3%; height:500rem;}
	.applications-top > div .txt{width:35%; height:auto}
    .applications-top > div .txt{gap: inherit; min-height: auto;}
	.applications-top > div .txt h3{line-height:1.3em;}

	/* 부대설비 */
	.applications-top[data-flex] > div{gap:0;}
	.applications-top[data-flex] > div .img-wrap{width:50%; margin-right:5%;}
	.applications-top[data-flex] > div .info{width:45%;}
	.applications-top[data-flex] > div .img-wrap[data-flex="center center"] .img{height:250rem;}

    .applications-top > div .img-wrap[data-flex]{gap: 17rem;}
    .applications-top > div > h3{margin-bottom: 20rem;}

    .img-item:has(video){height: inherit; aspect-ratio: 9/12;}
}
@media all and (max-width:1023px){
	.applications-top{padding:70rem 0; margin:0 20rem 100rem;border-radius:30rem;}
	.applications-top > div{padding:40rem; border-radius:30rem;}
	.applications-top > div > .img{width:52%; margin-right:3%; height:400rem;}
	.applications-top > div .txt{width:45%; height:400rem; padding:35rem;}
	.applications-page ul[data-list="dot"] li br{display:none;}
	.box-applications[data-flex]{display:block;}
	.box-applications[data-flex] > em{width:100%; margin-bottom:60rem;}
	.applications-visual{height:380rem; border-radius:30rem;}
	.applications-txt{padding:100rem 0; margin:0 40rem;}
    
    .applications-top > div .img-wrap .img img{border-radius: 15rem;}

    .box-fixed{margin-bottom: 32rem;}
    .box-applications[data-flex] > .desc-list{min-width: 100%; max-width: 100%;}
    
    
	.img-list{gap:70rem 20rem;}
}
@media all and (max-width:860px){
	.applications-detail{margin-top:80rem;}
	.applications-top{padding:50rem 0; margin:0 20rem 70rem; border-radius:25rem;}
	.applications-top > div{gap:20rem; padding:35rem; border-radius:25rem;}
	
    .applications-top > .wrap-narrow.mt{margin-top: 20rem;}
	.applications-top > div .img-wrap .img{border-radius:15rem;}
	.applications-top > div > .img{width:100%; margin-right:0; height:auto;}
	.applications-top > div .txt{width:100%; height:auto; padding:35rem;}
	.applications-top .btn-wrap{margin:50rem auto 0;}
	.applications-visual{height:280rem; border-radius:20rem;}
	.applications-txt{padding:70rem 0;}
	.applications-txt > p{margin-bottom:25rem;}
    .applications-txt > p br{display: none;}
	.desc-item{padding:60rem 0;}
    
    .img-item .txt > *{font-size: 17rem;}
	.img-list{grid-template-columns: 1fr 1fr; gap:50rem 20rem;}

	/* 부대설비 */
	.applications-top[data-flex] > div{height:auto;}
	.applications-top .wrap-narrow[data-flex]{flex-direction: column;}
	.applications-top[data-flex] > div .img-wrap{width:100%; margin-right:0;}
	.applications-top[data-flex] > div .info{margin-top:40rem; width:100%; padding-right:0;}
	.applications-top[data-flex] > div .info [data-list="dot"]{margin-top:30rem;}    
}
@media all and (max-width:540px){
	.applications-detail{margin-top:40rem;}
	.applications-top{margin:0 0 30rem; padding:30rem 0; border-radius:0rem;}
	.applications-top > div{gap:10rem; padding:15rem; border-radius:12rem;}
	.applications-top > div .img-wrap[data-flex]{flex-direction: column; gap:10rem;}
	.applications-top > div .img-wrap .img{border-radius:10rem;}
	.applications-top > div > .img{border-radius:10rem;}
	.applications-top .btn-wrap{margin:25rem auto 0;}
	.applications-visual{height:180rem; border-radius:12rem;}
	.applications-txt{padding:30rem 0; margin:0 20rem;}
	.applications-top > div .txt{padding:20rem; border-radius:10rem;}
	.applications-top > div .txt h3{margin-bottom:8rem;}
	.applications-txt > p{margin-bottom:15rem; font-size: 15rem;}
	.applications-txt > p br{display:none;}
	.applications-top > div > h3{padding-left:10rem; margin-bottom:14rem;}
	.applications-top > div > h3:before{width:3rem; height:3rem;}
	.applications-page ul[data-list="dot"] li{padding-left:10rem; line-height:1.6em; margin-bottom:6rem;}
	.applications-page [data-list="dot"] > *::before{top:9rem; width:3rem; height:3rem;}
    
	.box-applications{margin-bottom:50rem;}
	.box-applications[data-flex] > em{margin-bottom:30rem;}
	.desc-item > p,	
	.desc-item .img-list,
	.desc-item > ul{padding-left:10rem;}
	.desc-item{padding:30rem 0;}
	.desc-item > h4{padding-left:10rem; margin-bottom:10rem;}
	.desc-item > h4:before{width:3rem; height:3rem; top:6rem;}
    .desc-item .img-list{gap: 10rem; margin-top: 10rem;}
	.img-list{grid-template-columns: 1fr 1fr; gap:20rem 10rem;}
	.img-item .img{border-radius:10rem;}
	.img-item .txt{margin-top:15rem;}
	.img-item .txt > h3{margin-bottom:8rem;}

	/* 부대설비 */
	.applications-top[data-flex]{gap:15rem;}
	.applications-top[data-flex] > div .img-wrap[data-flex="center center"]{gap:20rem;}
	.applications-top[data-flex] > div .img-wrap[data-flex="center center"] .img{height:170rem;}
	.applications-top[data-flex] > div .info{margin-top:20rem;}
	.applications-top[data-flex] > div .info em.en-title{margin-bottom:15rem;}
	.applications-top[data-flex] > div .info h3{margin-bottom:8rem;}
	.applications-top[data-flex] > div .info [data-list="dot"]{margin-top:10rem;}
	.applications-top[data-flex] > div .info [data-list="dot"] > li{margin-bottom:8rem;}
	.applications-top[data-flex] > div .info [data-list="dot"] > *::before{top:9rem;}
	
    .img-item .txt{margin-top: 8rem;}
    .img-item .txt > *{font-size: 14rem;}

    .img-item:has(video){height: inherit; aspect-ratio: 9/10; border-radius: 10rem;}
  
}


/* 예비 부품*/
.sub02_05_01 .img-item .img{height:auto;}
.sub02_05_01  .img-item .txt > h3{margin-bottom:0;}
@media all and (max-width:1023px){
	.sub02_05_01 .img-list{gap:30rem 20rem;}
	.sub02_05_01 .img-item .txt{margin-top:25rem;}

    .desc-item > h4{margin-bottom: 14rem;}
}
@media all and (max-width:860px){
	.sub02_05_01 .img-list{grid-template-columns: 1fr 1fr;}
}
@media all and (max-width:540px){
	.sub02_05_01 .img-list{grid-template-columns: 1fr;}
	.sub02_05_01 .img-item .img{border-radius:12rem;}
	.sub02_05_01 .img-item .txt{margin-top:15rem;}
}

/* 원료 테스트 서비스 */
.process-list{gap:30rem; flex-wrap: wrap; align-items: flex-start; margin-bottom:150rem;}
.process-item{position:relative; width:calc((100% / 5) - 24rem) ; padding:25rem 22rem; border-radius:20rem; box-sizing:borer-box; background:#F5F5F5;  border:2px solid transparent; box-sizing:border-box; transition:all 0.3s ease;}
.process-item:before{content:'';z-index:5;position:absolute;top:95rem;right:-28rem;width:56rem;height:56rem;border-radius:50rem;background: #E1E1F1 url(../img/sub/ic-process-arr.svg)no-repeat center;background-size:20rem auto;backdrop-filter: blur(7px);opacity:0;transition: all 0.3s ease;}
.process-item .txt{text-align:center;}
.process-item .txt > i{display:inline-block; margin-bottom:15rem; font-size:36rem; font-weight:700; color:var(--br-02); line-height:1em; font-family:var(--lang-en);}
.process-item .txt > em{display:block; font-size:var(--font-19); font-weight:700; color:var(--b-01); line-height:1em; text-transform:uppercase; transition:all 0.3s ease;}
.process-item .info-list{margin-top:70rem; width:100%;}
.process-item .info-list > li{display:block; width:100%; padding:10rem 14rem; margin-bottom:9rem; background:#fff; border:1px solid transparent; border-radius:10rem; box-sizing:border-box; font-size:var(--font-17); color:var(--b-02); line-height:1.6em; text-align:center; word-break:keep-all; transition:all 0.3s ease;}
.process-item.on{border-color:var(--c-01); position: relative; z-index: 1; background:#fff; box-shadow: 20px 24px 53px 0 rgba(78, 78, 162, 0.20); backdrop-filter: blur(10px);}
.process-item.on:before{opacity:1;}
.process-item.on .txt > em{color:var(--c-01);}
.process-item.on .info-list > li{border-color:var(--br-01);}
.sub02_06 .applications-visual > i{background-image:url(../img/sub/applications-visual0601.jpg); background-size:cover; background-position:50% 50%;}
.applications-top > .wrap-narrow.mt{margin-top:50rem;}
.applications-top > .wrap-narrow.mt img{border-radius: 30rem; border:1px solid var(--br-01);}


@media all and (max-width:1200px){
	.process-list{align-items:initial; justify-content: center; margin-bottom: 100rem;}
	.process-item{width:calc((100% / 3) - 24rem);}
}
@media all and (max-width:860px){
	.process-item{width:calc((100% / 2) - 15rem);}
	.process-item:last-child{width:100%;}
    .process-list{margin-bottom: 80rem;}
    .applications-top > .wrap-narrow.mt{margin-top: 30rem;}
}
@media all and (max-width:540px){
	.process-list{margin-bottom:50rem; gap: 10rem;}
	.process-item{width:100%;}
	.process-item{padding:20rem 20rem 30rem; border-radius:12rem;}
	.process-item .txt > i{font-size:26rem; margin-bottom:10rem;}
	.process-item .info-list{margin-top:20rem;}
	.process-item .info-list > li{margin-bottom:6rem; border-radius:5rem;}
	.process-item .info-list > li:last-child{margin:0;}
	.process-item:before{width:40rem; height:40rem; left:50%; right:unset; top:unset; bottom:-20rem; margin-left:-20rem; background-size: 12rem auto; transform:rotate(90deg);}

    .applications-top > .wrap-narrow.mt{margin-top: 12rem;}
}

/* Engineering */
.compare-list{justify-content: center; margin:0 auto; width:920rem;}
.compare-list > div{width:50%; border-radius:20rem 20rem 0 0; box-sizing:border-box; border:1px solid var(--br-02); overflow:hidden;}
.compare-list > div .title{display:block; padding:30rem; text-align:center; font-size:var(--font-22); background:var(--br-02); color:var(--b-02); font-weight:700; line-height:1em; word-break:keep-all; font-family:var(--lang-en);}
.compare-list > div.basic{border-right:none;}
.compare-list > div.detail{border-color:var(--c-01); border-width:2px;}
.compare-list > div.detail .title{background:var(--c-01); color:#fff;}
.compare-list > div .cont{display:block; padding:40rem; box-sizing:border-box;}
.compare-list > div .cont .img{width:100%; border-radius:20rem; overflow:hidden;}
.compare-list > div .cont .img img{width:100%;}
.compare-list > div .cont ul{margin-top:34rem;}
.service-page ul[data-list="dot"] li{padding-left:16rem; font-size:var(--font-17); line-height:1.6em; word-break:keep-all; font-weight:400; color:var(--b-02); letter-spacing:-0.4px;}
.service-page ul[data-list="dot"] > *::before{top:11rem; width:5rem; height:5rem; background:#d9d9d9;}
.service-page .compare-list > div.detail ul[data-list="dot"] li{color:var(--b-01);}
.service-page .compare-list > div.detail ul[data-list="dot"] > *::before{background:var(--c-01);}

@media all and (max-width:1023px){
	.compare-list{width:100%;}
	.compare-list > div .title{padding:24rem 20rem;}
	.compare-list > div .cont{padding:30rem;}
	.compare-list > div .cont ul{margin-top:24rem;}
}

@media all and (max-width:860px){
	.compare-list > div .title{padding:20rem 15rem;}
	.compare-list > div .cont{padding:20rem;}
	.compare-list > div .cont .img{border-radius:15rem;}
	.compare-list > div .cont ul{margin-top:15rem;}
	.service-page ul[data-list="dot"] li{line-height:1.4em;}
}
@media all and (max-width:540px){
	.compare-list{display:block;}
	.compare-list > div{width:100%; border-radius:10rem 10rem 0 0;}
	.compare-list > div.basic{border:1px solid var(--br-02);}
	.compare-list > div.detail{border-radius:0;}
	.compare-list > div .title{padding:14rem 10rem;}
	.compare-list > div .cont{padding:15rem;}
	.compare-list > div .cont .img{border-radius:10rem;}
	.service-page ul[data-list="dot"] li{margin-bottom:6rem; padding-left:10rem;}
	.service-page ul[data-list="dot"] > *::before{top:7rem; width:3rem; height:3rem;}
}

/* 설계 및 제작*/
.sub03_02 .service-page .applications-top{padding:100rem 0 143rem;}

@media all and (max-width:1023px){
	.sub03_02 .service-page .applications-top{padding:70rem 0 100rem;}
}
@media all and (max-width:860px){
	.sub03_02 .service-page .applications-top{padding:60rem 0;}
}
@media all and (max-width:540px){
	.sub03_02 .service-page .applications-top{padding:20rem 0;}
	.applications-top > .wrap-narrow.mt{margin-top:15rem;}

}


/* 설치 및 시운전 */
.install-list{margin-top:80rem;}
.install-item{gap:22rem; margin-bottom:22rem;}
.install-item:last-child{margin-bottom:0;}
.install-item > div{width:calc((100% / 2) - 11rem); height:530rem; box-sizing:border-box; border-radius:30rem; overflow:hidden;}
.install-item > .img{}
.install-item > .img img{width:100%; height:100%; object-fit: cover;}
.install-item > .img[data-flex]{}
.install-item > .txt{display: flex; align-items: flex-end; padding:50rem;}
.install-item > .txt h3{display:block; margin-bottom:15rem; font-size:var(--font-22); font-weight:700; line-height:1em; word-break:keep-all; color:var(--b-01);}
.install-item > .txt p{display:block; font-size:var(--font-17); font-weight:400; line-height:1.7em; word-break:keep-all; color: var(--b-02);}
.install-item > .txt.color{background:var(--c-01);}
.install-item > .txt.color *{color:#fff;}
.install-item > .txt.color p{font-weight:300;}
.install-item > .txt.line{border:1px solid rgba(0, 0, 0, 0.10);}

.install-item:has([data-grid]) > .img{flex: 1; gap: 10rem;}
.install-item:has([data-grid]) > .img img{border-radius: 30rem;}
.install-item.first > .txt{max-width: 694rem; width: 100%;}

@media all and (max-width:1500px){
	.install-item > .txt p br{display:none;}
    .install-item.first > .txt{max-width: calc((100% / 2) - 11rem);}
    .install-item > div{height: 460rem;}
}
@media all and (max-width:1200px){
	.install-item > div{height:360rem;}
	.install-item > .txt{padding:40rem;}
}
@media all and (max-width:1023px){
	.install-item > div{border-radius:25rem; height:300rem;}
	.install-item > .txt{padding:30rem;}
	.install-item > .txt p{line-height:1.6em;}
    .install-item{flex-direction: column;}
    .install-item.first{flex-direction: column-reverse;}
    .install-item.first > .txt,
    .install-item > div{width: 100%; max-width: 100%;}
}
@media all and (max-width:860px){
	.install-item > div{border-radius:20rem;}
}
@media all and (max-width:540px){
	.install-list{margin-top:40rem;}
	.install-item{flex-direction: column; gap:12rem; margin-bottom:12rem;}
	.install-item > div{border-radius:12rem; width:100%; height:auto;}
	.install-item > .txt{padding:24rem 16rem;}
	.install-item > .txt h3{margin-bottom:10rem;}

    .install-item:has([data-grid]) > .img img{border-radius: 12rem;}
}


/* 기술 진단 솔루션 */
.sub03_04 .applications-visual > i{position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../img/sub/service04-01.jpg); background-size:cover;}
.sub03_04 .applications-top{padding:100rem 0; margin:0; border-radius:0;}

@media all and (max-width:860px){
	.sub03_04 .applications-top{padding:80rem 0;}
}
@media all and (max-width:540px){
	.sub03_04 .applications-top{padding:30rem 0;}
	.sub03_04 .applications-visual > i{background-position:50% 50%;}
}

/* 제품 및 공정개발 */
.sub04_01 .rnd-page{/*height:760rem;*/}
.rnd-info__list{position:absolute; top:110rem; right:0; width:1020rem; gap:40rem;}
.rnd-info__item{position:relative;display:block; padding:70rem 40rem 50rem; background:#fdfdfd url(../img/sub/bg-intro.jpg) no-repeat center; background-size:cover; border-radius:30rem; box-sizing:border-box;}
.rnd-info__item em{position:absolute; top:-30rem; left:50%; display: inline-flex; padding: 14rem 24rem; justify-content: center; align-items: center; width:156rem; height:60rem; font-size:var(--font-19); font-weight:700; color:#fff; border-radius:50rem; background:var(--c-01); transform:translateX(-50%);}
.rnd-info__item ul{}
.rnd-info__item ul > li{display:block; padding:20rem 10rem; margin-bottom:11rem; background:#fff; border-radius:10rem; font-size:var(--font-17); font-weight: 700; line-height:1em; word-break:keep-all; color:var(--b-01); text-align:center;} 
.rnd-info__item ul > li:last-child{margin:0;}
.flow-wrap{display:none;}
.flow-txt-box{ display: flex; position: absolute; content: ""; left: 50%; bottom:0; transform: translateX(-50%); width: 111%; z-index: -1; animation: flow 15s infinite linear;}
.flow-txt-box span{padding: 0 50rem;}
.sub04_01 .install-list{margin-top: 226rem;}

@keyframes flow {
    0% {
        transform: translateX(-50%)
    }

    100% {
        transform: translateX(-150%)
    }
}

@media all and (max-width:1800px){
	.rnd-info__list{width: calc(100% - 600rem);}
}
@media all and (max-width:1200px){
	.rnd-info__list{position:relative; top:0; margin-top:100rem; width:100%;}
	.flow-txt-box span{height:150rem;}
	.flow-txt-box span img{height:100%;}
	.sub04_01 .install-list{margin-top:80rem;}
}
@media all and (max-width:860px){
	.sub04_01 .rnd-page{height:auto;}
	.rnd-info__list{gap:30rem; margin-top:60rem; padding-bottom:0rem;}
	.rnd-info__item em{top:-22rem; padding:10rem 14rem; height:44rem;}
	.rnd-info__item{padding:50rem 30rem 40rem; border-radius:20rem;}
	.flow-txt-box span{height:80rem;}
	.sub04_01 .install-list{margin-top:40rem;}
}
@media all and (max-width:540px){
	.rnd-info__list{grid-template-columns: 1fr; gap:30rem; margin-top:40rem; padding-bottom:0rem;}
	.rnd-info__item{padding:30rem 15rem 20rem; border-radius:10rem;}
	.rnd-info__item em{top:-16rem; padding:5rem 10rem; width:115rem; height:32rem;}
	.rnd-info__item ul > li{padding:14rem 10rem; border-radius:5rem; margin-bottom:6rem;}
	.flow-txt-box span{height:50rem;}
	.sub04_01 .install-list{margin-top:20rem;}
}


/* 연구 협력 */
.rnd-txt{text-align:center; padding-top:170rem;}
.rnd-txt > p{display:block; font-size:var(--font-28); font-weight:700; line-height:1.7em; word-break:keep-all; color: var(--b-01);}
.rnd-img{position:relative; margin-top:80rem; border-radius:30rem; overflow:hidden;}
.rnd-img img{width:100%;}
.rnd-img img.txt{position:absolute; right:56rem; bottom:-3rem; width:750rem; height:154rem;}
.research-list{margin-top:130rem; gap:40rem;}
.research-item{display:flex; flex-direction: column; align-items: center; justify-content: center; width:100%; height:342rem; padding:20rem; border:1px solid rgba(0, 0, 0, 0.10); border-radius:20rem; box-sizing:border-box; text-align:center;}
.research-item .txt{margin-top:50rem;}
.research-item .txt > h3{display:block; margin-bottom:12rem; font-size:var(--font-23); font-weight:700; line-height:1em; word-break:keep-all; color: var(--b-01);}
.research-item .txt > p{display:block; font-size:var(--font-17); font-weight:400; line-height:1.6em; word-break:keep-all; color: var(--b-02);}

.rnd-page .applications-top > div{gap:70rem; align-items: center;}
.rnd-page .rnd-list{width:calc(100% - 670rem);}
.rnd-page .rnd-item{padding:22rem 0; border-bottom:1px solid #eee; box-sizing:border-box;}
.rnd-page .rnd-item:nth-child(1){padding-top:0;}
.rnd-page .rnd-item:nth-child(3){padding-bottom:0; border-bottom:none;}
.rnd-page .rnd-item > h3{display:block; margin-bottom:10rem; color: var(--b-01); font-size:var(--font-19); font-weight: 700;}
.rnd-page .rnd-item > p{display:block; color: var(--b-02); font-size:var(--font-17); font-weight:400; line-height:1.5em; word-break:keep-all;}
.rnd-page .box-img{width:600rem;}
.rnd-page .box-img .img-list{gap:20rem;}

[lang="en-US"] .research-item{height: 445rem;}

@media all and (max-width:1650px){
	.research-item .txt > p br{display:none;}

	[lang="en-US"] .research-item{height: 500rem;}
}
@media all and (max-width:1500px){
	.research-list{gap:30rem;}
}
@media all and (max-width:1400px){
	.rnd-page .applications-top > div{gap:50rem;}
	.rnd-page .rnd-list{width:calc(100% - 550rem);}
	.rnd-page .box-img{width:500rem;}
}
@media all and (max-width:1200px){
	.rnd-img img.txt{width:450rem; height:94rem;}
	.research-list{gap:20rem;}
	.research-item .txt{margin-top:30rem;}

	.rnd-page .applications-top > div{flex-direction: column;}
	.rnd-page .rnd-list{width:100%;}
	.rnd-page .box-img{width:100%;}


}
@media all and (max-width:1023px){
	.rnd-txt{padding-top:140rem;}
	.rnd-img{margin-top:60rem; border-radius:25rem;}
	.rnd-img img.txt{width:350rem; height:74rem; right:40rem;}
	.research-list{grid-template-columns: 1fr 1fr; margin-top:80rem;}
	.research-item .txt{margin-top:50rem;}
	.research-item .txt > p br{display:block;}

	[lang="en-US"] .research-item{height:400rem;}
}
@media all and (max-width:860px){
	.rnd-txt{padding-top:80rem;}
	.rnd-img{margin-top:40rem; border-radius:20rem;}
	.rnd-img img.txt{width:250rem; height:64rem; right:30rem;}
	.research-list{margin-top:60rem;}
	.research-item .txt{margin-top:40rem;}
	.research-item .txt > p br{display:block;}
}
@media all and (max-width:540px){
	.rnd-txt{padding-top:40rem;}
	.rnd-txt > p{line-height:1.6em; font-size:18rem;}
	.rnd-txt > p br{display:none;}
	.rnd-img{margin-top:40rem; border-radius:10rem; height:120rem;}
	.rnd-img img{width:auto; height:100%;}
	.rnd-img img.txt{width:200rem; height:40rem; right:20rem;}
	.research-list{margin-top:30rem; grid-template-columns: 1fr; gap:10rem;}
	.research-item{border-radius:12rem; height:auto; padding:30rem 20rem;}
	.research-item .icon{height:35rem;}
	.research-item .icon img{height:100%;}
	.research-item .txt{margin-top:20rem;}
	.research-item .txt > h3{margin-bottom:8rem;}
	.research-item .txt > p br{display:none;}

	[lang="en-US"] .research-item{height:auto;}

	.rnd-page .applications-top > div{gap:20rem;}
	.rnd-page .box-img .img-list{gap:10rem;}
	.rnd-page .rnd-item{padding:12rem 0;}
	.rnd-page .rnd-item > h3{margin-bottom:4rem;}
}


/* 고객사 실적 */
.performance-list{}
.performance-item{}
.performance-item > .img{width:100%; border-radius:20rem; overflow:hidden; box-sizing:border-box;}
.performance-item > .img.line{border:1px solid var(--br-01);}
.performance-item > .img img{width:100%;}
.performance-item > .txt{margin-top:20rem;}
.performance-item > .txt ul{border:1px solid var(--br-01); box-sizing:border-box; border-radius:20rem; overflow:hidden;}
.performance-item > .txt ul li{display:flex; width:100%; height:60rem; border-bottom: 1px solid var(--br-01); box-sizing:border-box;}
.performance-item > .txt ul li:last-child{border-bottom:none;}
.performance-item > .txt ul li *{display:flex; align-items: center;}
.performance-item > .txt ul li em{padding:10rem 23rem; width:126rem; height:100%; background:#F5F5F5; font-size:var(--font-17); font-weight:700; line-height:1em; word-break:keep-all; color: var(--b-01); box-sizing:border-box;}
.performance-item > .txt ul li span{padding:10rem 28rem; width:calc(100% - 126rem); height:100%; font-size:var(--font-17); font-weight:400; line-height:1em; word-break:keep-all; color: var(--b-02); box-sizing:border-box;}
.box-table{margin-top:120rem; gap:40rem;}
.box-table table.table{border-top:none; }
.box-table table.table thead th{background:var(--c-01); color:#fff;}
.box-table table.table thead th:first-child{border-radius:10rem 0 0 0;}
.box-table table.table thead th:last-child{border-radius:0 10rem 0 0;}
.box-table table.table tbody td{border-bottom:1px solid #eee;}
.box-table table.table th, 
.box-table table.table td{padding:15rem 10rem; vertical-align: middle;}
.box-table table.table tbody tr:nth-child(2n){background:#f9f9f9;}


[lang="en-US"] .performance-item > .txt ul li em{line-height:1.1em;}

@media all and (max-width:1023px){
	.performance-item > .txt ul li em{padding:10rem 15rem; width:100rem;}
	.performance-item > .txt ul li span{padding:10rem 15rem; width: calc(100% - 100rem);}

	.box-table{margin-top:80rem; grid-template-columns: 1fr;}
}
@media all and (max-width:860px){
	.performance-list{grid-template-columns: 1fr 1fr;}
	.performance-item > .img{border-radius:15rem;}
	.performance-item > .txt{margin-top:14rem;}
	.performance-item > .txt ul{border-radius:15rem;}
	.performance-item > .txt ul li{height:50rem;}

}
@media all and (max-width:540px){
	.performance-list{grid-template-columns: 1fr;}
	.performance-item > .img{border-radius:12rem;}
	.performance-item > .txt{margin-top:10rem;}
	.performance-item > .txt ul{border-radius:12rem;}
	.performance-item > .txt ul li{height:40rem;}
	.performance-item > .txt ul li em{padding:10rem; width:80rem;}
	.performance-item > .txt ul li span{padding:10rem; width: calc(100% - 80rem);}

	.box-table{margin-top:40rem; display:block; gap:20rem;}
	.box-table .last{margin-top:20rem;}
	.box-table table.table th, 
	.box-table table.table td{padding:10rem 5rem;}
}

/* 문의하기 */
.cs_text{max-width:700rem;}
.cs_text__cont{position:relative; padding-left:46rem}
.cs-page__wrap{display:flex;}
.cs_info{width:684rem; margin-right:176rem; }
.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{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:60rem;}
.cs-page__wrap .cs-form{border:none; padding:0; margin:0;}


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

@media all and (max-width:1023px){
	.cs-page__wrap{margin-top:0;}
	.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;}
}


/* ============================================
    26.02.10 수정
============================================ */

.sub-title em.en-title{font-size:21rem;}
.sub01_01  .sub-title{display:flex; justify-content:center; align-items:center; text-align:center; flex-direction:column;}
.about-info ~ section{margin-top:140rem;}
.about-info ~ section > .wrap{padding-top:100rem; border-top:4px solid #f1f1f1;}
.vision-page > .wrap{max-width:1360rem;}
.vision-page{position:relative; z-index:9; background:#fff;}

.vision-newlist{display:flex; text-align:center; gap:24rem;}
.vision-newlist img{width:100%; border-radius:40rem;}
.vision-newlist h3{margin-top:20rem; font-size:var(--font-23); color:var(--b-01);}

.applications-page + .applications-page {
    margin-top: 220rem;
}

@media (max-width: 840px){
	.vision-newlist li{width:48%;}
	.vision-newlist{flex-wrap:wrap;}

	.applications-page + .applications-page {margin-top: 120rem;}
}

@media (max-width: 540px){
	.vision-newlist li{width:100%;}
	.applications-page + .applications-page {margin-top: 80rem;}
}



/* ============================================
    26.03.26 수정
============================================ */
body:has(.briquetting-page) #footer{margin-top: 20rem;}
.briquetting-page .en-title{margin-bottom: 0;}
.briquetting-list{padding: 0 20rem}
.briquetting-list__item{border-radius: 30rem; overflow: hidden; padding: 130rem 0;}
.briquetting-list__item:nth-child(odd){background:#FDFDFD url(../img/sub/bg-intro.jpg)no-repeat center; background-size: cover;}

[data-briq]  .sub-title{margin-bottom: 55rem;}
[data-briq]  .sub-title .en-title{margin-bottom: 12rem;}
[data-briq]  .sub-title strong{color: var(--b-01);}

[data-new]{color: var(--b-01)}
[data-new="h4"]{font-size: 40rem; line-height: 1.325;}

.briquetting-list__item p + p{margin-top: 20rem;}
.new-lable{color: var(--c-01); font-size: 15rem; font-weight: 700;}
.new-lable + *{margin-top: 15rem;}

/* .briqetting-intro {gap: 76rem;} */
.briqetting-intro img{border-radius: 30rem; max-width: 600rem;}
.briqetting-intro .briquetting-list__title{margin-bottom: 68rem;}

[data-briq] [data-flex]{gap: 80rem;}

[data-briq="02"] .briquetting-list__img img{width: 600rem;}
.briquetting-list__item:not(:nth-child(1)) [data-new]{margin-bottom: 38rem;}
.briquetting-list__item .btn-wrap{gap: 11rem; margin-top: 48rem;}

[data-briq="04"] .en-title{margin-bottom: 20rem;}
.briquetting-lable{position:relative; display:block; padding-left:17rem; margin-bottom:22rem; font-size:var(--font-22); font-weight:700; color:var(--b-01); line-height:1em; word-break:keep-all; text-transform:uppercase;}
.briquetting-lable:before{content:''; position:absolute; top:8rem; left:0; width:6rem; height:6rem; background:var(--b-01); border-radius:50rem;}

[data-briq="05"] .en-title{margin-bottom: 12rem;}
[data-briq="05"] [data-flex]{justify-content: space-between; gap: 200rem;}
.briquetting-list__slide{max-width: 612rem; background-color: var(--b-01); border-radius: 30rem; }
.briquetting-list__slide .swiper-slide{ padding: 35rem; flex-direction: column; background-color: transparent;}
.briquetting-list__slide .swiper-slide img{width: 100%; border-radius: 30rem;}
.briquetting-list__slide .swiper-slide .text{margin-bottom: 30rem;}
.briquetting-list__slide .swiper-slide .text *{display: block;}
.briquetting-list__slide .swiper-slide .text i{color: var(--op-w20); font-weight: 700;}
.briquetting-list__slide .swiper-slide .text strong{color: var(--w); margin-top: 10rem; text-transform: uppercase}

.technology-title{font-size: 45rem;font-weight: 700;font-family: var(--lang-en);color: var(--c-01);position: sticky;top: 30vh;text-transform: uppercase;}
.desc-item p + p{margin-top: 6rem;}

.briquetting-list__slide .swiper-controls *[class^="swiper-btn--"]{width: 50rem; height: 50rem; margin: 0; align-items: center; justify-content: center; border-radius: 100%; background-color: rgba(255, 255, 255, 0.19);}
.briquetting-list__slide .swiper-controls *[class^="swiper-btn--"]::after{display: none;}
.briquetting-list__slide  .swiper-controls{gap: 6rem;position: absolute;right: 35rem;top: 110rem; z-index: 20;}

/* 2026 추가 수정 */
.desc-item .img-list img{}
.sub02_03 .desc-item:last-child .img-item:nth-child(-n+8) img{width:120%; object-position:50% 50%;}
.sub02_03 .desc-item:last-child .img-item:nth-child(-n+8) .img{display:flex; justify-content:center; align-items:center;}
.process-item:last-child:before{display:none;}
span.inquery_caption{display:block; width:100%; line-height:1.5; text-align:center; padding: 0 20rem;}
span.inquery_caption i{font-weight:500; color:var(--c-01);}

@media (max-width:1480px){
[data-new="h4"]{font-size: 36rem; word-break: keep-all;}
[data-new="h4"] br{display: none;}
}
@media all and (max-width:1200px){
    .briqetting-intro img,
    .briquetting-list__img img,
	[data-briq="02"] .briquetting-list__img img,
    [data-briq="03"] .briquetting-list__img img{width: 400rem;}
    [data-new="h4"]{font-size: 32rem;}
    .briqetting-intro .briquetting-list__title{margin-bottom: 38rem;}
    [data-briq="05"] [data-flex]{gap: 100rem;}

    .briquetting-list__item{padding: 100rem 0;}
    .briquetting-list__slide {max-width: 420rem;}
    .briquetting-list__slide .swiper-slide{padding: 20rem;}
    .briquetting-list__slide .swiper-slide .text i{font-size: 42rem;}
    .briquetting-list__slide .swiper-controls{top: 80rem; right: 20rem;}
    .briquetting-list__slide .swiper-controls *[class^="swiper-btn--"]{width: 40rem; height: 40rem;}

    .briquetting-lable:before{top: 6rem;}
}
@media all and (max-width:1023px){
	.technology-title{font-size: 30rem;}

    .briqetting-intro img,
    .briquetting-list__img img,
	[data-briq="02"] .briquetting-list__img img,
    [data-briq="03"] .briquetting-list__img img{width: 320rem;}
    [data-new="h4"]{font-size: 26rem; margin-bottom: 28rem;}
    .briquetting-list__item p + p{margin-top: 14rem;}
}
@media (max-width:860px){

    [data-briq] [data-flex]{flex-direction: column; gap: 32rem;}
    .briquetting-page .en-title{margin-bottom: 14rem;}
    .briquetting-list__item{padding: 80rem 0;}
    [data-briq] .sub-title{margin-bottom: 25rem;}
    .briqetting-intro img, .briquetting-list__img img,
     [data-briq="02"] .briquetting-list__img img,
      [data-briq="03"] .briquetting-list__img img{width: 100%; max-width: 100%; border-radius: 20rem;}

    .briquetting-list__slide{max-width: 100%;}
    .sub-title em.en-title{font-size: 16rem;}
    .briquetting-list__item .btn-wrap{gap: 6rem;}
}
@media (max-width: 540px){

    .technology-title{font-size: 23rem;}
    .desc-item > h4 + div{padding-left: 8rem;}
    .desc-item > div p br{display: none;}

    .briquetting-list__item{padding: 40rem 0;}
    .briquetting-list__item{border-radius: 12rem;}

    [data-briq] .sub-title .en-title{margin-bottom: 8rem;}
    .sub-title em.en-title{font-size: 14rem;}
    [data-new="h4"]{font-size: 20rem;}
    .new-lable{font-size: 14rem;}
    .new-lable + *{margin-top: 8rem;}

    .briqetting-intro .briquetting-list__title{margin-bottom: 18rem;}
    .briquetting-list__item p + p{margin-top: 8rem;}
    .briquetting-page .en-title{margin-bottom: 4rem;}
    .briquetting-list__item:not(:nth-child(1)) [data-new]{margin-bottom: 20rem;}
    .briquetting-list__item .btn-wrap{flex-direction: column; gap: 8rem; margin-top: 28rem;}
    [data-briq="02"] .wrap-narrow,
    [data-briq="04"] .wrap-narrow{margin: 0;}

    .briquetting-list__slide{border-radius: 20rem;}
    .briquetting-list__slide .swiper-slide .text i{font-size: 34rem;}
    .briquetting-list__slide .swiper-slide .text strong{margin-top: 8rem;}
    .briquetting-list__slide .swiper-controls{top: 60rem;}
    .briquetting-list__slide .swiper-controls *[class^="swiper-btn--"]{width: 32rem; height: 32rem;}
    .briquetting-list__slide .swiper-slide .text{margin-bottom: 16rem;}
    .briquetting-list__slide .swiper-slide img{border-radius: 15rem;}

}