@charset "utf-8";

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

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

/* SUB VISUAL */
#sub-visual{position:relative;height:var(--height-full);}
#sub-visual .wrap {height: 100%;}

.sub-visual__title .title-eng {display: block; margin-bottom: 30rem; font-weight: 500;}

.sub-visual__bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;overflow: hidden;}
.sub-visual__bg > i{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;transition:var(--trans-01);background-repeat:no-repeat;opacity: 1 !important;}
.sub-visual__inner{position:absolute; top:410rem; left:0;}

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

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

/* lnb */
#lnb{position: absolute;width: 100%;bottom: -1px; z-index: 10;}
#lnb .select-link{width: auto;}
#lnb .select-link > ul{margin-top:25rem; border-radius: 0; background: var(--bg-gray);}
#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-17); color:var(--c-title);padding-right: 70rem;}
#lnb.lnb-select  .select-link__btn::after{content:"";position:absolute;right:0;width:40rem;height:40rem;background-color:rgba(255,255,255,0.2);background-size: 12rem;background-position:50% 50%;background-image:url(../img/layout/arrow-basic_b.svg);background-repeat:no-repeat;border-radius:100%;transform: rotate(90deg);}
#lnb.lnb-select .select-link__btn.on::after{transform: rotate(270deg);}
#lnb.none-select .select-link__btn{pointer-events:none; cursor:text;}
#lnb.none-select .select-link__btn::after{opacity:0;}

#lnb:not(.lnb-select) .select-link:has(.depth1){display:none; height:100rem; background:#000;}
#lnb:not(.lnb-select) .select-link > ul{opacity:1;visibility:visible;padding:0 0;background:none;flex-direction:row;flex-wrap:nowrap;flex-wrap: wrap;position: relative;}
#lnb:not(.lnb-select) .select-link > ul a{padding:10rem 22rem; font-size: var(--font-17); font-weight: 600; color: var(--op-b50); border-radius: 100rem;}
#lnb:not(.lnb-select) .select-link > ul > li.on > a {color: var(--w); background: var(--c-primary);}

/*#lnb:not(.lnb-select) .select-link > ul a.on{opacity: 1;} 위의 소스 3차까지 먹이기 체크필요 */ 
#lnb:not(.lnb-select) .select-link > ul > li{width: auto;}
#lnb:not(.lnb-select):not(:has(li:nth-child(2))){display: none;} /* 2차가 하나일때 lnb 숨기기 */

#lnb.lnb-select:has(.select-link:nth-child(2)){display:flex;align-items: center;}
#lnb.lnb-select .select-link + .select-link:has(.depth2){margin-left:20rem;}
#lnb .lnb-inner {display:flex; justify-content: center; border-top-left-radius: max(1.0417vw, 10rem); border-top-right-radius: max(1.0417vw, 10rem); background: var(--w);}

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

@media (hover: hover) and (pointer: fine){
	#lnb:not(.lnb-select) .select-link > ul a:hover {opacity: 1; color: var(--c-title);}
}

/* sub nav */
#sub-nav{display: flex; align-items: center; margin-bottom: 25rem;}
#sub-nav > *{position: relative;}
#sub-nav > *:last-child::after{display: none;}
#sub-nav .sub-home{display: block;width: 14rem;height: 14rem;background:url(../img/common/ic-nav-home_w.svg) no-repeat;opacity: 0.5;}
#sub-nav span{color: var(--w); font-size: 18rem; display: block;}
#sub-nav > i{display:block; opacity:0.7; width:4rem; height:4rem; margin:0rem 10rem; background-color:#cbcbcb; border-radius:14rem;}
#sub-nav:has(.depth02:empty) .depth01::after{display: none;}
body:has(#sub-nav span:empty) #sub-nav .depth01 ~ i{display: none;}

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

@media all and (max-width:1023px){
	#sub-visual{height:650rem;}
}

@media (max-width: 540px){
	#sub-visual{height:460rem;}
	.sub-visual__title .title-eng {margin-bottom: 20rem; font-size: 16rem;}
	.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 span{font-size:13rem;}
	#sub-nav > i{margin: 0rem 6rem;}

	#lnb{top:auto; bottom:0rem; z-index:10; padding:17rem 0rem; background:var(--w); border-top-left-radius: max(1.0417vw, 10rem); border-top-right-radius: max(1.0417vw, 10rem);}
	#lnb.lnb-select .select-link__btn{font-size:17rem;}
	#lnb .select-link:has(.depth1){display:none;}
	#lnb .select-link:has(.depth2){margin-left:0;}
	#lnb.lnb-select:not(:has(li:nth-child(2))){display: none;}
	#lnb.lnb-select .select-link:nth-child(2){margin-left:0;}
	#lnb .lnb-inner{display:block;margin:0;width:100%; box-sizing:border-box; border-radius: 0;}
	#lnb.lnb-select{opacity:1 !important;box-sizing:border-box;transform:none !important;}
	/* #lnb.lnb-select:has(li:nth-child(2)){display:block;}	 */
	#lnb.lnb-select .select-link + .select-link:has(.depth2){margin-left:0;}
	#lnb.lnb-select .select-link{width:100%; box-sizing:border-box; margin-left:0;}
	#lnb.lnb-select .select-link__btn{padding:0rem 20rem;font-size: 14rem;}
	#lnb.lnb-select  .select-link__btn::after{right:6rem; background-color:inherit;}
	#lnb .select-link > ul{margin-top:15rem; padding:10rem 0; border-radius:0; border-bottom-left-radius:max(1.0417vw, 10rem); border-bottom-right-radius:max(1.0417vw, 10rem); box-shadow: 0 10rem 15rem var(--op-b20);}
	#lnb .select-link > ul a{padding: 6rem 20rem;font-size:14rem; color: var(--op-b50); text-align: left;}
	#lnb .select-link > ul li.on a {color: var(--c-primary); font-weight: 600;}
	#lnb .select-link > ul a:hover {opacity: 1; color: var(--c-title);}

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

}

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

#container:has(.company-page) #lnb:not(.lnb-select) .select-link > ul li:not(:has(.on)) a{color: var(--op-w50);}
#container:has(.company-page) #lnb .lnb-inner {background: var(--bg-dark);}
#container:has(.ceo-page, .hvps-page) + #footer {margin-top: 0 !important;}

@media (hover: hover) and (pointer: fine){
	#container:has(.company-page) #lnb:not(.lnb-select) .select-link > ul li:not(:has(.on)) a:hover {opacity: 1; color: var(--w);}
}

@media (max-width:1200px){

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

}

@media (max-width: 540px){
	#container:has(.board-page) + #footer{margin-top: 80rem;}
	#container:has(.company-page) #lnb {background: var(--bg-dark);}
	#container:has(.company-page) #lnb.lnb-select .select-link__btn {color: var(--w);}
	#container:has(.company-page) #lnb.lnb-select .select-link__btn::after {background-image: url(../img/layout/arrow-basic_w.svg);}
}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative;padding-top: max(9.3750vw, 130rem);}
.sub-content:has(.company-page) {padding-top: 0 !important;}

.page-title-wrap {margin-bottom: 60rem;}
.page-title-wrap em {display: block; margin-bottom: 17rem; font-family: var(--lang-en1); font-size: var(--font-15); font-weight: 600; color: var(--c-primary);}

h3 {font-size: var(--font-54); line-height: 1.314; font-weight: 700; word-break: keep-all;}
h6 {font-size: var(--font-27); line-height: 1.314; font-weight: 700; word-break: keep-all;}

.section-split {display: flex; justify-content: space-between;}
.section-split__title {width: 40%;}
.section-split__title .page-title-wrap {margin-bottom: 0;}
.section-split__title > * {position: sticky; top: var(--space120);}
.section-split__con {width: 50%;}

/* gsap 영역 늘리는 요소 */
.dummy {opacity: 0; height: 1px;}

@media (max-width:1200px){

}

@media all and (max-width:1023px){
	h3 {font-size: var(--font-62);}
	h4 {font-size: var(--font-54);}
}

@media (max-width: 860px){
	.page-title-wrap,
	.section-split__title .page-title-wrap  {margin-bottom: 40rem;}
	.page-title-wrap em {margin-bottom: 12rem;}

	.section-split {flex-direction: column; justify-content: flex-start;}
	.section-split__title {width: 100%; text-align: center;}
	.section-split__con {width: 100% !important;}

}

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

	.page-title-wrap em {margin-bottom: 10rem; font-size: 12rem;}
		.page-title-wrap,
	.section-split__title .page-title-wrap  {margin-bottom: 25rem;}
}

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

/* 기업개요 */
.company-intro {overflow: hidden; position: relative; height: var(--height-full); background: var(--bg-dark); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.company-intro__bg {opacity: 0; position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: url(../img/sub/company-intro03.jpg);}
.company-intro .wrap {height: 100%;}
.company-intro__zoom {opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.company-intro__zoom li {position: absolute; left: 50%; top: 50%; content:''; width: 740rem; aspect-ratio: 1/1; border-radius: 100%; border: 2rem dashed var(--op-w10); transform: translate(-50%, -50%);}
.company-intro__zoom li:first-child {z-index: 1; animation: zoom_out1 2s linear infinite;}
.company-intro__zoom li:last-child  {opacity: .6; width: 70%; animation: zoom_out2 2s linear infinite;}

.company-intro .wrap > h3 {position: absolute; left: 50%; top: 50%; font-size: 10.31vw; font-weight: 1000; color: var(--op-b20); letter-spacing: -3%; white-space: nowrap; transform: translate(-50%, -50%);}
.company-intro .wrap > div {z-index: 1; position: absolute; width: 100%;}
.company-intro01 {max-width: 1160rem; height: 420rem;}
.company-intro01::before {position: absolute; left: 50%; top: 50%; content:''; width: 740rem; aspect-ratio: 1/1; border-radius: 100%; border: 2rem dashed var(--c-primary); transform: translate(-50%, -50%);}
.company-intro01 i {position: relative; width: 60rem; height: 60rem;}
.company-intro01 i::before,
.company-intro01 i::after {position: absolute; left: 0; top: 50%; content:''; width: 100%; height: 4rem; background: var(--w); transform: translateY(-50%);}
.company-intro01 i::after {transform: translateY(-50%) rotate(-90deg);}
.company-intro01 div {position: absolute; top: 0; flex-direction: column; height: 100%; aspect-ratio: 1/1; border-radius: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.company-intro01 div:first-child {left: 0; background-image: url(../img/sub/company-intro01.jpg);}
.company-intro01 div:last-child {right: 0; background-image: url(../img/sub/company-intro02.jpg);}
.company-intro02, .company-intro03 {opacity: 0;}

@keyframes zoom_out1{
    0%{width: 740rem;}
    90%, 100%{width: 100%; opacity: 0;}
}

@keyframes zoom_out2{
    0%{width: 70%;}
    90%, 100%{width: 120%; opacity: 0;}
}

.company-list {height: 600vh;}
.company-list .wrap {position: sticky; top: 0; height: var(--height-full); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.company-list__inr {overflow: hidden; position: relative; width: 100%; gap: 60rem;}
.company-list__title {overflow: hidden; flex-basis: calc((100% - 478rem)/2); height: 60rem; text-align: right;}
.company-list__title li {display: flex; justify-content: flex-end; align-items: center; height: 100%; font-size: 47rem; font-weight: 600; letter-spacing: -3%; color: var(--c-title); will-change: transform;}
.company-list__thumb {position: relative; flex-shrink: 0; flex-basis: 478rem; height: 560rem;}
.company-list__thumb li {position: absolute; inset: 0%; width: 100%; height: 100%; /*aspect-ratio: 1/1;*/ will-change: transform, opacity;}
.company-list__thumb figure {width: 100%; height: 100%;}
.company-list__txt {overflow: hidden; flex-basis: calc((100% - 478rem)/2); height: 560rem; word-break: keep-all;}
.company-list__txt li {display: flex; flex-direction: column; justify-content: center; height: 100%; will-change: transform;}
.company-list__txt p {margin-top: 20rem; color: var(--c-default);}

.company-slogan {padding: var(--space180) 0;}
.company-slogan h4 {margin-bottom: 40rem; line-height: 1.5;}

.company-chart {margin-top: var(--space150);}
.company-chart .page-title-wrap {position: relative !important; top: 0;}
.company-chart .section-split__con {width: 65%;}

.chart{display:flex;align-items:center; text-align:center;flex-direction:column;position: relative; padding: var(--space80);}
.chart__company {z-index: 1; position: relative; display:flex;justify-content:center;align-items:center;position:relative;width:180rem;height:180rem;line-height:1.2;background: linear-gradient(139deg, #00A5AE 3.84%, #004554 98.18%), #D9D9D9; font-weight:700;font-size: var(--font-24);color:#fff;border-radius:100%;align-content:center;flex-direction: row;text-transform: uppercase;}
.chart__company::before {opacity: .05; position: absolute; left: 0; top: 0; content:''; width: 100%; height: 100%; background: url(../img/layout/symbol_w.svg) no-repeat 55% center / 70%;}
.chart-list{display: flex; justify-content: center; gap:95rem;}
.chart-wrap{position:relative;width:100%;padding-top:40rem;}
.chart-list strong{padding: 20rem 0rem;font-size: var(--font-18);font-weight: 600;border-radius: 80px;background: var(--bg-dark); color: var(--w);}
.chart-list li *{display:block;}
.chart-line{content:"";position:absolute;top:0;left:50%; width: -webkit-calc(100% - var(--chart-width)); width: calc(100% - var(--chart-width));height:1px;background:#ddd;transform: translateX(-50%);}
.chart-list strong::before{content:""; position:absolute; top:-40rem; left:50%; z-index:-1; width:1px; height:40rem; background:var(--op-b10);}
.chart-list > li{position:relative; width: 200rem;}
.chart-list > li li {margin-top: 5rem; padding: 20rem 0; color: var(--c-default); border-radius: 80rem; background: var(--w);}
.chart__title{display:flex; align-items:center; position:relative; padding-bottom:40rem; text-align:center; flex-direction:column;}
.chart__title::after{content:""; position:absolute; bottom:0; left:50%; width:1px; height:100%; background:var(--op-b10);}

.company-history {margin-top: var(--space170);}

.history-sect {position: relative; max-width: 1260rem; margin: 0 auto; margin-top: var(--space80);}
.history-year {font-size: 70rem; letter-spacing: -3%;}
.history-year strong {position: sticky; top: var(--space120);}
.history-desc {width: 480rem;}
.history-desc figure {width: 100%; margin-bottom: 32rem;}
.history-desc em {display: inline-block; min-width: 24rem; margin-right: 20rem; font-weight: 700; color: var(--c-title);}
.history-desc li {display: flex !important; color: var(--c-default);}
.history-desc > ul > li:not(:last-child) { margin-bottom: 25rem;}
.history-desc [data-list="dot"] li {margin: 1rem 0; word-break: keep-all;}

.history-item:not(:last-child) {margin-bottom: var(--space120);}

.history-line{display:block;position:absolute;overflow:hidden;top:0;left:0;width:1rem;height:100%;background:#ddd;margin-top: 0 !important;}
.history-line__bar{display:block; position:absolute; top:0; left:0; width:100%; background:var(--c-01);}
.history-line-wrap{display:block;position:absolute; top:0rem;left: 50%; height: 100%;}
.history-line__point{position: absolute; width: 32rem; left: 50%; margin-left: -16rem;top:0;}
.history-line__point span {z-index: 1; width: 32rem; height: 32rem; border-radius: 20rem; background-color: var(--c-primary); position: absolute; left: 50%; margin-left: -16rem; bottom: 0;}
.history-line__point span::after {position: absolute; left: 0; top: 0; content:''; width: 100%; height: 100%; background: url(../img/layout/arrow-basic_w.svg) no-repeat center / 14rem; transform: rotate(90deg);}
.history-line__point span::before{content: ""; left: 50%; top: 50%; width: 70rem;height: 70rem;position: absolute;border-radius: 100%; border-top: 2rem solid var(--c-primary); animation:historyScroll 1.5s linear infinite;}

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

@media (max-width:1200px){
	.company-intro .wrap > h3 {font-size: 12.31vw;}
	.company-intro01 {max-width: 100%; height: 360rem;}
	.company-intro01 i {width: 50rem; height: 50rem;}
	.company-intro01 h3 {margin-bottom: 5rem;}

	@keyframes zoom_out1{
		0%{width: 620rem;}
		90%, 100%{width: 100%; opacity: 0;}
	}

	@keyframes zoom_out2{
		0%{width: 70%;}
		90%, 100%{width: 120%; opacity: 0;}
	}

	.company-list__thumb {flex-basis: 400rem; height: 500rem;}
	.company-list__title {flex-basis: calc((100% - 400rem)/2);}
	.company-list__title li {font-size: 36rem;}
	.company-list__txt {flex-basis: calc((100% - 400rem)/2); height: 500rem;}
	.company-list__txt p br {display: none;}
	.chart-list {gap: 30rem;}
	.history-year {font-size: 65rem;}
}

@media all and (max-width:1023px){
	.company-intro01 {height: 270rem;}
	.company-intro01::before {width: 70%;}
	.company-intro02 h3,
	.company-intro03 h3 {font-size: var(--font-80); font-weight: 700;}

	.company-list__thumb {flex-basis: 320rem; height: 460rem;}
	.company-list__thumb li {aspect-ratio: none; height: 100%;}
	.company-list__title {flex-basis: calc((100% - 360rem)/2); height: 100rem; line-height: 1.2;}
	.company-list__txt {flex-basis: calc((100% - 320rem)/2); height: 460rem;}
	.chart__company {width: 140rem; height: 140rem;}
	.chart {padding: 40rem;}
	.chart-list strong,
	.chart-list > li li {padding: 15rem 0;}
	.history-year {font-size: 52rem;}
	.history-desc {width: 50%; padding-left: 60rem;}
}

@media (max-width: 860px){
	.company-intro01 {height: 240rem;}
	.company-intro__zoom li {width: 30%;}
	.company-intro .wrap > h3 {font-size: 11vw;}
	
	@keyframes zoom_out1{
		0%{width: 30%;}
		90%, 100%{width: 100%; opacity: 0;}
	}

	@keyframes zoom_out2{
		0%{width: 70%;}
		90%, 100%{width: 120%; opacity: 0;}
	}
	
	.company-list__inr {gap: 40rem;}

	.company-list__inr {flex-direction: column; gap: 0;}
	.company-list__thumb {order:1; flex-basis: auto; width: 240rem; height: 280rem;}
	.company-list__title {order: 2; margin-top: 20rem;}
	.company-list__txt {order: 3; max-width: 90%; height: 250rem;}
	.company-list__title {margin:30rem 0 20rem;}
	.company-list__title, .company-list__txt {width: 100%; flex-basis: auto; text-align: center;}
	.company-list__title li {justify-content: center; font-size: 30rem; }
	.company-list__txt li {justify-content: flex-start;}
	.company-list__title {height: 40rem;}
	.company-list__txt p {margin-top: 15rem;}

	.history-sect {max-width: none; margin-top: 0;}
	.history-year {font-size: 45rem;}
	.history-desc {width: 70%;}
	.history-line-wrap {left: 30%;}
}

@media (max-width: 540px){
	.company-intro01 {height: 150rem;}
	.company-intro01 h3 {margin-bottom: 3rem; font-size: var(--font-35);}
	.company-intro01 p {font-size: var(--default);}
	.company-intro01 i {width: 22rem; height: 22rem;}
	.company-intro01 i::before, .company-intro01 i::after {height: 2rem;}
	.company-intro02 h3, .company-intro03 h3 {font-size: var(--font-62);}
	.company-list__thumb {height: 260rem;}
	.company-list__title {margin: 20rem 0 15rem;}
	.company-list__title li {font-size: 24rem;}
	.company-list__txt {width: 100%; height: 323rem;}
	.company-list__txt li h6 {font-size: var(--font-18);}
	.company-list__txt p {margin-top: 12rem;}
	.company-slogan {padding: var(--space200) 0;}
	.company-slogan h4 {margin-bottom: 30rem;}

	.chart {padding: 30rem;}
	.chart__company {width: 120rem; height: 120rem;}
	.chart-list {display: grid; grid-template-columns: 1fr;}
	.chart-list > li {width: 100%;}
	.chart__title {padding-bottom: 0;}
	.chart__title::after {display: none;}
	.chart-list strong::before {top: -30rem; height: 30rem;}

	.history-line-wrap {left:20rem; top: 30rem;}
	.history-line__point {width: 24rem; margin-left: -12rem;}
	.history-line__point span {width: 24rem; height: 24rem; margin-left: -12rem;}
	.history-line__point span::before {width: 55rem; height: 55rem;}
	.history-item {flex-direction: column; padding-left: 75rem;}
	.history-item:not(:last-child) {margin-bottom: var(--space80);}
	.history-desc {width: 100%; padding-left: 0;}
	.history-desc figure {margin-bottom: 20rem;}
	.history-year {margin-bottom: 12rem; font-size: var(--font-60);}
	.history-desc em {margin-right: 12rem;}
	.history-desc > ul > li:not(:last-child) {margin-bottom: 12rem;}
}

/* ceo인사말 */
.ceo-list { overflow: hidden; position: sticky; top: 0; left: 0; width: 100%; height: 100svh; height: var(--height-full); }
.ceo-item { position: absolute; top: 50%; transform: translateY(-50%); }
.ceo-list li figure { display: block; will-change: transform; }
.ceo-item:nth-child(1) { left: -1.7708vw; width: 15.625vw; }
.ceo-item:nth-child(2) { left: 15.4166vw; width: 18.75vw; }
.ceo-item:nth-child(3) { left: 65.9375vw; width: 18.75vw; }
.ceo-item:nth-child(4) { left: 86.25vw; width: 15.625vw; }
.ceo-item:nth-child(5) {left: 35.7291vw; width: 28.6458vw; aspect-ratio: 0.7857; will-change: transform; }
.ceo-item:nth-child(5) figure {width: 100%; height: 100%;}
.ceo-item__cover { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; pointer-events: none; }
.ceo-item__txt {z-index: 1; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: var(--space150) 0;}
.ceo-item__txt .wrap {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.ceo-item__txt-con {width: 50%; margin-left: auto; font-weight: 500;}
.ceo-item__txt-con p + p {margin-top: 20rem;}
.ceo-item__txt .sign {margin-top: 60rem;}
.ceo-item__txt .sign strong {margin-left: 24rem; font-weight: 400; font-family:'NanumSonPyeonJiCe'; font-size: 54rem;}

@media all and (max-width:1023px){
	.ceo-list {position: relative; height: auto;}
	figure.ceo-item {display: none;}
	.ceo-item:nth-child(5) {position: relative; left: 0; top: auto; width: 100%; height: auto; aspect-ratio: auto; transform: none; background: url(../img/sub/ceo03.jpg) no-repeat center / cover; border-radius: 0;}
	.ceo-item figure {display: none;}
	.ceo-item__cover {opacity: 0.6;}
	.ceo-item__txt {opacity: 1; position: relative;}
	.ceo-item__txt h4 {margin-bottom: var(--space80); font-size: var(--font-62);}
}

@media (max-width: 860px){
	.ceo-item__txt {padding: var(--space180) 0; text-align: center;}
	.ceo-item__txt-con {width: 100%;}
	.ceo-item__txt h4 {margin-bottom: 50rem;}
	.ceo-item__txt .sign {margin-top: 40rem; justify-content: center;}
}

@media (max-width: 540px){
	.ceo-item__txt h4 {margin-bottom: var(--space80);}
	.ceo-item__txt-con br {display: none;}
	.ceo-item__txt-con p {font-weight: 400;}
	.ceo-item__txt-con p + p {margin-top: 12rem;}
	.ceo-item__txt .sign {flex-direction: column; margin-top: var(--space80);}
	.ceo-item__txt .sign strong {margin-left: 0; font-size: 45rem; line-height: 1.15;}
}

/* 오시는길 */
.location-part:not(:last-child) {margin-bottom: var(--space80); padding-bottom: var(--space80); border-bottom: 1px solid var(--op-b10);}
.location-part__txt .btn-wrap {margin-top: 40rem;}
.location-address {color:var(--c-default);}
.location-address li {margin: 9rem 0;}
.location-address em {position: relative; min-width: 75rem; margin-right: 40rem; font-family: var(--lang-en2); color: var(--c-title);}
.location-address em::after {position: absolute; right: -20rem; top: 4rem; content: ''; width: 1px; height: 16rem; background: var(--op-b10);}
.location-part__map {width: 50%; height: 500rem;}
.location-part__map iframe {width: 100%; height: 100%;}

@media (max-width:1200px){
	.location-part__txt {padding-right: var(--space80);}
	.location-address li {align-items: flex-start;}
}
@media all and (max-width:1023px){
	.location-page .page-title-wrap em {margin-bottom: 12rem;}
	.location-page .page-title-wrap {margin-bottom: 40rem;}
	.location-part__map {flex-shrink: 0; height: 400rem;}
}

@media (max-width: 860px){
	.location-part {flex-direction: column-reverse; align-items: flex-start;}
	.location-page .page-title-wrap {margin-bottom: 30rem;}
	.location-part__txt {width: 100%; padding-right: 0;}
	.location-part__map {width: 100%; margin-bottom: 40rem;}
}

@media (max-width: 540px){
	.location-part__map {height: 240rem; margin-bottom: 30rem;}
	.location-page .page-title-wrap {margin-bottom: 30rem;}
	.location-page .page-title-wrap em {margin-bottom: 8rem;}
	.location-address em {min-width: 66rem; margin-right: 20rem;}
	.location-address em::after {right: -10rem;}
	.location-part__txt .btn-wrap {margin-top: 30rem;}
}

/* business 공통 */
.business-intro {position: relative; height: var(--height-full); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.business-intro__bg {position: absolute; left:0; top:0; width: 100%; height: 100%; background: url(../img/sub/section-bg.jpg) no-repeat center / cover;}
.business-intro__txt,
.business-intro__txt .wrap {height: 100%; text-align: center;}
.business-intro__con {height: 0; transition: var(--trans-01);}
.business-intro__con > p {padding-top: 35rem; color: var(--op-w60); font-weight: 500; line-height: 1.6;}
.business-intro__con > * {opacity: 0; transform: translateY(100%);}

.business-merit {height: var(--height-full);}
.business-merit .wrap {height: 100%;}
.business-merit .wrap > img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.2);}
.business-merit__list {z-index: 1; position: relative; display: flex; justify-content: space-between; align-items: center; height: 100%;}
.business-merit__list ul:first-child {opacity: 0; transform: translateY(-100%);}
.business-merit__list ul:last-child {opacity: 0; transform: translateY(100%);}
.business-merit__item {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 300rem; min-height: 300rem; margin: 20rem 0; padding: 20rem; text-align: center; background: var(--w); word-break: keep-all;}
.business-merit__item i {margin-bottom: 20rem;}
.business-merit__item p {margin-top: 7rem; color: var(--c-default);}
.business-merit__title {opacity: 0; text-align: center; padding: 0 40rem; word-break: keep-all;}
.business-merit__title em {display: block; margin-bottom: 40rem; font-size: var(--font-15); font-weight: 600; color: var(--c-primary);}
.business-merit__title p {color: var(--w); font-weight: 600;}
.business-merit__title h3 {margin-top: 10rem; font-size: var(--font-62); background: linear-gradient(94deg, #00A5AE 24.15%, #004554 142.08%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.business-process {margin-top: var(--space180);}
.business-process__list {gap:60rem 84rem;}
.business-process__list li {position: relative;}
.business-process__list li:not(:nth-child(4n), :last-child)::before {position: absolute; right: -42rem; top: 0; content:''; width: 1px; height: 100%; background: var(--op-b10);}
.business-process__list li:not(:nth-child(4n), :last-child)::after {position: absolute; right: -42rem; top: 71%; content:''; width: 35rem; height: 35rem; border-radius: 100%; background: var(--bg-gray) url(../img/layout/arrow-basic_b.svg) no-repeat center / 14rem; transform: translateX(50%);}
.business-process__list em {display: block; margin-bottom: 20rem; font-size: var(--font-27); font-family: var(--lang-en1); font-weight: 700; color: var(--op-b20); transition: var(--trans-01);}
.business-process__list figure {position: relative; width: 100%; margin-bottom: 10rem; transition: var(--trans-01);}
.business-process__list figure::after {position: absolute; left: 0; top: 0; content:''; width: 100%; height: 100%; background: var(--op-b30); transition: var(--trans-01);}
.business-process__list strong {display: block; width: 100%; padding: 16rem 20rem; font-size: var(--font-18); font-weight: 600; border: 1px solid var(--op-b10); transition: var(--trans-01);}
.business-process__list p {margin-top: 25rem; color: var(--c-default);}
.business-process .btn-wrap {margin-top: var(--space80);}

.business-box__item {position: relative; padding: 90rem 40rem 50rem; color: var(--c-default); background: var(--w); box-shadow: 5rem 10rem 20rem 0 rgba(0, 0, 0, 0.05);}
.business-box__item em {position: absolute; top: 0; left: 50%; padding: 12rem 22rem; font-size: var(--font-16); font-weight: 600; color: var(--w); background: var(--c-primary); border-radius:0 0 15rem 15rem; white-space: nowrap; transform: translateX(-50%);}
.business-box__item figure {margin-bottom: 30rem;}
.business-box__item p + p {margin-top: 15rem;}

@media (min-width:541px){
	.business-process__list figure {filter: grayscale(1); -webkit-filter: grayscale(1);}
	.business-process__list figure::after {backdrop-filter: blur(10rem); -webkit-backdrop-filter: blur(10rem);}

	.business-process__list li.active em {color: var(--c-primary);}
	.business-process__list li.active figure {filter: grayscale(0); -webkit-filter: grayscale(0);}
	.business-process__list li.active figure::after {opacity: 0;}
	.business-process__list li.active strong {color: var(--w); background: var(--c-primary); border-color: transparent;}
	.business-process__list:has(li:last-child.active) em {color: var(--op-b20);}
	.business-process__list:has(li:last-child.active) figure::after {opacity: 0;}
}

@media (max-width:1600px){
	.business-process__list {word-break: keep-all;}
	.business-process__list br {display: none;}
}

@media (max-width:1200px){
	.business-process__list strong {padding: 12rem;}
	.business-process__list li:not(:nth-child(4n), :last-child)::after {top: 50%;}
}

@media all and (max-width:1023px){
	.business-merit__item {width: 240rem;}
	.business-process__list {grid-template-columns: 1fr 1fr;}
	.business-process__list li:nth-child(2n)::before, 
	.business-process__list li:nth-child(2n)::after {display: none;}
	.business-process__list em {margin-bottom: 15rem;}
}

@media (max-width: 860px){
	.business-merit {height: auto; padding: var(--space180) 0;}
	.business-merit__list {flex-wrap: wrap; gap: 30rem 20rem; justify-content: center;}
	.business-merit__title {order: 1; width: 100%;}
	.business-merit__title em {margin-bottom: 22rem;}
	.business-merit__list ul {width: calc((100% - 20rem)/2);}
	.business-merit__list ul:first-child {opacity: 1; order: 2; transform: none;}
	.business-merit__list ul:last-child {opacity: 1; order: 3; transform: none;}
	.business-merit__item {width: 100%;}
	.business-merit .wrap > img {display: none !important;}
}

@media (max-width: 540px){
	.business-intro__txt .wrap > div {width: 100%;}
	.business-intro__con > p br {display: none;}
	.business-merit__title {margin-bottom: 20rem;}
	.business-merit__list {gap: 0;}
	.business-merit__list ul {width: 100%;}
	.business-merit__item {min-height: 250rem; margin-bottom: 0;}
	.business-merit__item i {width: 50rem; margin-bottom: 12rem;}
	.business-merit__item i img {width: 100%;}

	.business-process__list {grid-template-columns: 1fr; gap: 80rem;}
	.business-process__list p {margin-top: 20rem;}
	.business-process__list li:not(:last-child)::before {display: block !important; left: 0; right: auto; bottom: 0; top: auto; margin-bottom: -40rem; width: 100%; height: 1px;}
	.business-process__list li:not(:last-child)::after {display: block !important; top: auto; left: 50%; right: auto; bottom: 0; margin-bottom: -20rem; transform: translate(-50%, 100%) rotate(90deg);}

	.business-box__item {padding: 65rem 20rem 30rem;}
	.business-box__item br {display: none;}
	.business-box__item em {padding: 10rem 15rem;}
	.business-box__item figure {margin-bottom: 20rem;}
}

/* business::융복합재생에너지발전 */
.converge-page .business-intro {background-image: url(../img/sub/converge-bg.jpg);}
.converge-page .section-split__con {width: 58%;}
.converge-exp {margin: var(--space180) 0;}
.converge-exp__process {padding-bottom: var(--space120); margin-bottom: 60rem; border-bottom: 1px solid var(--op-b10);}
.converge-exp__process div[data-flex] p {display: flex; align-items: center; justify-content: center; width: 240rem; aspect-ratio: 1/1; color: var(--w); text-align: center; border-radius: 100%;}
.converge-exp__process > div:first-child p {background: url(../img/sub/converge01.jpg) no-repeat center / cover;}
.converge-exp__process > div:last-child p {background: url(../img/sub/converge03.jpg) no-repeat center / cover;}
.converge-exp__process div:nth-child(3) {position: relative; text-align: center;}
.converge-exp__process div:nth-child(3) img {display: inline-block; width: 113rem;}
.converge-exp__process div:nth-child(3) span {position:absolute; left: 50%; bottom: -45rem; white-space: nowrap; font-size: var(--font-16); transform: translateX(-50%);}
.converge-exp__process i {width: 60rem;}
.converge-exp__process i img {width: 100%;}
.converge-exp__process i:nth-child(2) {transform: scaleX(-1);}
.converge-exp .section-split__con > p {color:var(--c-default)}
.converge-page .business-merit .wrap > img {height: 640rem;}

@media (max-width:1200px){
	.converge-exp__process {margin-bottom: 40rem;}
	.converge-exp__process div[data-flex] p {width: 200rem;}
	.converge-exp__process div:nth-child(3) img {width: 100rem;}
	.converge-exp__process i {width: 45rem;}
}

@media all and (max-width:1023px){
	.converge-exp__process {padding-bottom: var(--space150);}
	.converge-exp__process div[data-flex] p {width: 165rem;}
	.converge-exp__process div:nth-child(3) img {width: 85rem;}
	.converge-exp__process i {width: 32rem;}
}

@media (max-width: 860px){
	.converge-exp__process div:nth-child(3) img {width: 110rem;}
	.converge-exp__process div[data-flex] p {width: 200rem;}
	.converge-exp__process i {width: 50rem;}
	.converge-exp .section-split__con > p {text-align: center;}
}

@media (max-width: 540px){
	.converge-exp__process {flex-direction: column;}	
	.converge-exp__process i {width: 37rem; margin: 20rem 0;}
	.converge-exp__process i:nth-child(2) {transform: rotate(-90deg);}
	.converge-exp__process i:nth-child(4) {transform: rotate(90deg);}
	.converge-exp__process i img {transform: translateX(-30rem);}
	.converge-exp__process i img.is_moved {transform: translateX(0);}
	.converge-exp__process div[data-flex] p {width: 170rem;}
	.converge-exp__process div:nth-child(3) img {width: 90rem;}
	.converge-exp__process div:nth-child(3) span {position: relative; left: auto; bottom: auto; display: block; margin-top: 20rem; transform: none;}
	.converge-exp .section-split__con > p br {display: none;}
}

/* business::소수력발전 */
.ast-page .business-intro {background-image: url(../img/sub/ast-bg.jpg);}
.ast-page .business-intro__con > strong {display: block; margin-top: 60rem;}
.ast-page .business-intro ul {display: flex; justify-content: center; gap: 24rem; margin-top: 25rem;}
.ast-page .business-intro ul li {width: 180rem; height: 180rem; backdrop-filter: blur(20rem); -webkit-backdrop-filter: blur(20rem); background: var(--op-w10);}
.ast-page .business-intro ul img {display: inline-block; height: 50rem; margin-bottom: 20rem;}
.ast-page .business-merit .wrap > img {height: 590rem;}
.ast-exp {margin: var(--space180) 0;}
.ast-exp__item {position: relative; height: 450rem; padding: 50rem; justify-content: flex-end;}
.ast-exp__item.is_moved {display: flex !important;}
.ast-exp__item:not(:last-child) {margin-bottom: 42rem;}
.ast-exp__item figure {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.ast-exp__item h6 {position: relative; margin-bottom: 15rem;}
.ast-exp__item p {position: relative;}
.ast-page .business-merit__item  {min-height: 330rem;}

@media (max-width:1200px){
	.ast-exp__item {height: 350rem; padding: 40rem;}
}

@media (max-width: 540px){
	.ast-page .business-intro ul {gap: 10rem;}
	.ast-page .business-intro ul li {width: 100%; height: auto; padding: 25rem 0;}
	.ast-page .business-intro ul img {height: 35rem; margin-bottom: 10rem;}
	.ast-page .business-intro ul p {font-size: 14rem;}
	.ast-exp__item {height: 250rem; padding: 30rem 20rem; word-break: keep-all;}
	.ast-exp__item br {display: none;}
	.ast-exp__item:not(:last-child) {margin-bottom: 20rem;}
	.ast-exp__item figure::after {position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: var(--op-b20);}
	.ast-page .business-merit__item {min-height: 250rem;}
}

/* business::HVPS 고효율 집진 시스템 */
.hvps-page .business-intro {background-image: url(../img/sub/hvps-bg.jpg);}
.hvps-exp {margin: var(--space180) 0 var(--space160);}
.hvps-exp__item:not(:last-child) {margin-bottom: var(--space120);}
.hvps-exp__item figure {margin-bottom: 35rem;}
.hvps-exp__item li {margin-top: 32rem;}
.hvps-exp__item li.is_moved {display: flex !important;}
.hvps-exp__item li i {width: 90rem; flex-shrink: 0; margin-right: 28rem; border-radius: 100%;}
.hvps-exp__item li i img {width: 100%;}
.hvps-exp__item dt {margin-bottom: 8rem;}
.hvps-exp__item dd {color: var(--c-default);}
.hvps-merit__item {position: sticky; top: 0; padding: var(--space80);}
.hvps-merit__item:not(:last-child) {margin-bottom: 42rem;}
.hvps-merit__item figure {flex-shrink: 0; width: 600rem; margin-right: var(--space80);}
.hvps-merit__item > div {width: 100%;}
.hvps-merit__item em {display: block; margin-bottom: 55rem; font-family: var(--lang-en1); font-size: var(--font-27); font-weight: 700;}
.hvps-merit__item h6 {margin-bottom: 30rem;}
.hvps-merit__item p {font-weight: 300;}
.hvps-merit__item p + p {margin-top: 17rem;}
.hvps-list {margin-top: var(--space180); padding: var(--space150) 0 var(--space200);}
.hvps-list .page-title-wrap {margin-bottom: 30rem;}
.hvps-list .page-title-wrap + p {color: var(--c-default);}
.hvps-list .business-box {margin-top: 53rem; align-items: stretch; gap: 42rem;}
.hvps-list .btn-wrap {margin-top: 60rem;}

@media (max-width:1200px){
	.hvps-merit__item {word-break: keep-all;}
	.hvps-merit__item figure {width: 50%;}
	.hvps-merit__item br {display: none;}
}

@media all and (max-width:1023px){
	.hvps-exp__item dd br {display: none;}
	.hvps-exp__item li i {width: 80rem; margin-right: 25rem;}
	.hvps-merit__item {padding: 60rem;}
	.hvps-merit__item em {margin-bottom: 40rem;}
	.hvps-merit__item h6 {margin-bottom: 22rem;}
	.hvps-merit__item figure {margin-right: 40rem;}
}

@media (max-width: 860px){
	.hvps-merit__item {flex-direction: column; padding: 40rem 40rem 60rem;}
	.hvps-merit__item figure {width: 100%; height: 400rem; margin-right: 0; margin-bottom: 40rem;}
	.hvps-merit__item em {margin-bottom: 10rem; font-size: 14rem;}
	.hvps-list .business-box {flex-direction: column; gap: 20rem;}
}

@media (max-width: 540px){
	.hvps-exp {margin-bottom: var(--space140);}
	.hvps-exp__item figure {margin-bottom: 25rem;}
	.hvps-exp__item li {flex-direction: column; align-items: flex-start; margin-top: 25rem;}
	.hvps-exp__item li:not(:last-child) {padding-bottom: 25rem; border-bottom: 1px solid var(--op-b10);}
	.hvps-exp__item li i {width: 55rem; margin-bottom: 15rem;}

	.hvps-merit__item{position: relative; padding: 20rem 20rem 40rem;}
	.hvps-merit__item:not(:last-child){margin-bottom: 20rem;}
	.hvps-merit__item figure {height: auto; margin-bottom: 30rem;}
	.hvps-merit__item em {font-size: 12rem; color: var(--op-w20);}
	.hvps-list .page-title-wrap {margin-bottom: 20rem;}
	.hvps-list .page-title-wrap + p br {display: none;}
	.hvps-list .business-box {margin-top: 40rem;}
	.hvps-list .btn-wrap {margin-top: 40rem;}
}

/* business::플라즈마 AOP */
.aop-page .business-intro {background-image: url(../img/sub/aop-bg.jpg);}
.aop-tech {margin: var(--space180) 0 var(--space200);}
.animation-container {position: relative; width: 240rem; height: 240rem; margin: 0 auto; margin-bottom: 45rem;}
.circle-container {position: relative; width: 100%; height: 100%;}
.animation-container canvas{ width: 100%; height: 100%; display:block; position:absolute; left:0; top:0; z-index:2; }
.aop-exp .btn-default {margin-top: 50rem;}
.animation-container .center {position: relative; width: 100%; height: 100%;}
.ring {position: absolute; top:50%; left:50%; width: 88%; aspect-ratio: 1/1; border: solid 1px var(--c-primary);  border-radius: 50%; transform: translate(-50%, -50%);}
.ring-1  { animation: ring-rotate 5s ease-in-out infinite; animation-delay: 0.2s; }
.ring-2  { animation: ring-rotate 5s ease-in-out infinite; animation-delay: 0.4s; }
.ring-3  { animation: ring-rotate 5s ease-in-out infinite; animation-delay: 0.6s; }
.ring-4  { animation: ring-rotate 5s ease-in-out infinite; animation-delay: 0.8s; }
.ring-5  { animation: ring-rotate 5s ease-in-out infinite; animation-delay: 1.0s; }
.ring-6  { animation: ring-rotate 5s ease-in-out infinite; animation-delay: 1.2s; }
.ring-7  { animation: ring-rotate 5s ease-in-out infinite; animation-delay: 1.4s; }
.ring-8  { animation: ring-rotate 5s ease-in-out infinite; animation-delay: 1.6s; }
.ring-9  { animation: ring-rotate 5s ease-in-out infinite; animation-delay: 1.8s; }
.ring-10 { animation: ring-rotate 5s ease-in-out infinite; animation-delay: 2.0s; }

@keyframes ring-rotate{
  0%{
    transform: translate(-50%,-50%) rotateX(0) rotateY(0) rotateZ(0);
  }
  100%{
    transform: translate(-50%,-50%) rotateX(360deg) rotateY(-360deg) rotateZ(0);
  }
}

@media (max-width:1200px){
	.aop-tech .business-box__item br {display: none;}
	.animation-container {width: 200rem; height: 200rem; margin-bottom: 35rem;}
}

@media (max-width: 860px){
	.aop-tech .business-box__item {padding: 75rem 20rem 35rem;}
	.animation-container{width: 150rem; height: 150rem; margin-bottom: 20rem;}
	.aop-exp .btn-default {margin-top: 30rem;}
}

@media (max-width: 540px){
	.animation-container{margin-bottom: 30rem;}
	.aop-exp .btn-default {margin-top: 25rem;}
	.ast-exp__item h6 {margin-bottom: 8rem;}
}

/* product 공통 */
.product-page .caption {margin-top: 20rem; text-align: right; font-size: var(--font-16); color: var(--op-b50);}
.product-page .business-merit__title p {color: var(--c-title);}
.product-page .business-merit__item {min-height: auto; padding: 40rem 15rem; background: var(--bg-light);}
.product-system {overflow: inherit; padding: var(--space150) 0 var(--space180); background: url(../img/sub/product-bg.jpg) no-repeat center / cover;}
.product-system .section-split__con {padding-top: 40rem;}
.product-system .section-split__con ul {clear: both; column-count: 2; -webkit-column-count: 2; column-gap: 42rem; -webkit-column-gap:42rem; margin-top: var(--space160);}
.product-system .section-split__con ul li {position: relative; margin-bottom: 22rem;word-break: keep-all; break-inside: avoid; box-shadow: 10rem 2rem 20rem 0 rgba(0, 0, 0, 0.20);}
.product-system .section-split__con ul li strong {position: absolute; left: 0; bottom: 0; width: 100%; padding:40rem 30rem; font-size: 20rem;}
.product-system .section-split__con ul li:first-child {margin-top: -160rem;}
.product-spec {margin-top: var(--space180);}
.product-spec .section-split__con {padding-top: 50rem;}
.product-spec__item:not(:last-child) {margin-bottom: 60rem;}
.product-spec__item h6 {margin-bottom: 18rem;}
.product-spec__item iframe {width: 100%; aspect-ratio: 16/9;}
.product-spec__item table.table th {text-align: left;}
.product-spec__item table.table [data-list="dot"] > * {margin-bottom: 5rem;}
.product-page .slide-sec {width: 520rem;}
.product-page *[class^="swiper-btn--"] {z-index: 31; position: absolute; top: 50%; transform: translateY(-50%);}

.product-page .swiper-btn--prev {left: 20rem;}
.product-page .swiper-btn--next {right: 20rem;}

@media (max-width:1200px){
	.product-page .slide-sec {width: 100%;}
}

@media all and (max-width:1023px){
	.product-page .business-merit__item br {display: none;}
	.product-system .section-split__con {padding-top: 10rem;}
	.product-system .section-split__con ul {gap: 20rem;}
	.product-system .section-split__con ul li strong {padding: 20rem; font-size: var(--default);}
	.product-system .section-split__con ul li:first-child {margin-top: -100rem;}
}

@media (max-width: 860px){
	.product-page .business-merit {padding-top: 0;}
	.product-page .business-merit__item {min-height: 200rem;}
	.product-page .business-merit__item p {margin-top: 10rem;}
	.product-system .section-split__con ul {display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 0;}
	.product-system .section-split__con ul li {margin-bottom: 0;}
	.product-system .section-split__con ul li:first-child {margin-top: 0;}
	.product-system .section-split__con ul li strong {padding: 30rem 20rem; font-size: var(--font-24);}

	.product-page .slide-sec figure {width: 100%;}
	.product-spec__item:not(:last-child) {margin-bottom: 50rem;}
	.product-spec .section-split__con {padding-top: 0;}
	.product-spec .btn-wrap {text-align: center;}
}

@media (max-width: 540px){
	.product-page .business-merit__title h3 {margin-top: 8rem;}
	.product-page .business-merit__item {min-height: 180rem;}
	.product-system .section-split__con ul {grid-template-columns: 1fr;}
	.product-system .section-split__con ul li figure {position: relative; height: 280rem;}
	.product-system .section-split__con ul li figure::before {position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: var(--op-b50);}
	.product-spec__item:not(:last-child) {margin-bottom: 30rem;}
	.product-spec__item h6 {margin-bottom: 15rem;}
	.product-spec__item [data-list="dot"] + .table-scroll-wrap {margin-top: 3rem;}

	.product-page .swiper-btn--prev {left: 10rem;}
	.product-page .swiper-btn--next {right: 10rem;}
}

/* product::스마트제어판넬 */
.smart-page .page-title-wrap h3 {margin-bottom: 50rem;}
.smart-page .business-merit .wrap > img {height: 640rem;}
.smart-page table.table th span {font-size: var(--font-16); font-weight: 400; line-height: 1.2; color: var(--c-default);}
.smart-page .product-spec__item:nth-child(4) li {color: var(--c-default);}
.smart-page .product-spec__item:nth-child(4) table {margin-top: 10rem; margin-bottom: 20rem;}

@media all and (max-width:1023px){
	.smart-page .page-title-wrap h3 {margin-bottom: 35rem;}
}

/* product::AST HW/SW */
.asthw-page .business-merit__title h3 {line-height: 1.15;}
.asthw-page .business-merit .wrap > img {height: 640rem;}
.asthw-page table.table th span {font-size: var(--font-16); font-weight: 400; line-height: 1.2; color: var(--c-default);}
.asthw-page .product-spec__item:nth-child(4) li {color: var(--c-default);}
.asthw-page .product-spec__item:nth-child(4) table {margin-top: 10rem; margin-bottom: 20rem;}
.asthw-page .hvps-merit {margin-top: var(--space180);}
.asthw-page .hvps-merit__item:nth-child(1) p {color: var(--c-default);}
.asthw-page .hvps-merit__item em {font-size: var(--font-18);}
.asthw-page .hvps-merit__item h6 {margin-bottom: 22rem;}
.asthw-system {margin-top: var(--space180);}
.asthw-page .slide-sec {margin-top: 50rem;}
.asthw-system__item {margin-bottom: 60rem;}
.asthw-system__item h6 {margin-bottom: 25rem;}
.asthw-system__item li {color: var(--c-default);}
.asthw-system__item li.is_moved {display: flex !important;}
.asthw-system__item li:not(:last-child) {margin-bottom: 20rem;}
.asthw-system__item i {width: 90rem; flex-shrink: 0; margin-right: 28rem; border-radius: 100%; border: 1px solid var(--op-b10);}
.asthw-system__item i img {width: 100%;}

@media all and (max-width:1023px){
	.asthw-system__item i {width: 80rem;}
}

@media (max-width: 860px){
	.asthw-system__item {margin-bottom: 40rem;}
	.asthw-system .btn-wrap {text-align: center;}
}

@media (max-width: 540px){
	.asthw-system__item i {width: 55rem; margin-right: 15rem;}
	.asthw-page .slide-sec {margin-top: 30rem;}
	.asthw-page .hvps-merit__item em {margin-bottom: 12rem; font-size: 12rem;}
}

/* product::HVPS SYSTEM */
.hvpssystem-page table.table th {text-align: center;}
.hvpssystem-page table.table tbody * {color: var(--c-default);}
.hvpssystem-page table.table tbody th {font-weight: 400;}
.hvpssystem-page table.table td:not(:last-child) {border-right: 1px solid var(--op-b10);}
.hvpssystem-page table.table {margin-top: 25rem;}
.hvpssystem-page .section-split__title h3 {margin-bottom: 50rem;}
.hvpssystem-spec__part:not(:first-child) {margin-top: 25rem;}
.hvpssystem-spec__part strong {display: block; margin-bottom: 8rem;}

@media all and (max-width:1023px){
	.hvpssystem-page .section-split__title h3 {margin-bottom: 40rem;}
	.hvpssystem-page .product-spec__item:not(:last-child) {margin-bottom: 40rem;}
	.hvpssystem-page .btn-wrap {text-align: center;}
	.hvpssystem-page .product-spec__item h6 {margin-bottom: 10rem;}
	.hvpssystem-spec__part:not(:first-child) {margin-top: 20rem;}
}

/* product::플라즈마 AOP Model */
.plasma-spec__part:not(:first-child) {margin-top: 40rem;}
.plasma-spec__part:nth-child(2) ul li i{width: 90rem; margin-right: 28rem; border-radius: 100%; border: 1px solid var(--op-b10);}
.plasma-spec__part:nth-child(2) ul li i img {width: 100%;}
.plasma-spec__part dt {margin-bottom: 8rem;}
.plasma-spec__part dd {color: var(--c-default);}
.plasma-spec__part:nth-child(2) ul li:not(:last-child) {margin-bottom: 20rem;}
.plasma-page .btn-wrap {margin-top: 60rem;}
.plasma-page .section-split:not(:last-child) {margin-bottom: var(--space150);}
.plasma-page h3 {margin-bottom: 50rem;}

@media all and (max-width:1023px){
	.plasma-page h3 {margin-bottom: 30rem;}
	.plasma-spec__part:nth-child(2) ul li i {width: 80rem; margin-right: 25rem;}
}

@media (max-width: 860px){
	.plasma-page .btn-wrap {margin-top: 40rem;}
}

@media (max-width: 540px){
	.plasma-page .btn-wrap {text-align: center;}
	.plasma-page .product-spec__item h6 {margin-bottom: 10rem;}
	.plasma-spec__part:nth-child(2) ul li {flex-direction: column; align-items: flex-start;}
	.plasma-spec__part:nth-child(2) ul li i {width: 55rem; margin-bottom: 15rem;}
	.plasma-spec__part:nth-child(2) ul li:not(:last-child) {margin-bottom: 30rem;}
	.plasma-spec__part dt {margin-bottom: 7rem;}
	.plasma-spec__part:not(:first-child) {margin-top: 30rem;}
}

/* 온라인문의 */
.cs-page .btn-wrap {margin-top: 60rem;}
.cs-page iframe {filter: grayscale(1); width: 540rem; height: 320rem; margin-top: 50rem; border: 1px solid var(--op-b10);}
.cs-form__address {margin-top: 25rem;}
.cs-form__address li {display: flex; align-items: center; margin-bottom: 6rem; font-size: var(--font-16); color: var(--c-default);}
.cs-form__address li em {min-width: 60rem; margin-bottom: 0; margin-right: 10rem; font-family: var(--lang-ko); font-size: var(--font-16); color: var(--op-b30);}

@media (max-width:1200px){
	.cs-page iframe {width: 100%; margin-top: 40rem;}
	.cs-page .form-area > em {min-width: 115rem;}
	.cs-page .cs-form__address li {align-items: flex-start;}
}

@media all and (max-width:1023px){
	.cs-page .cs-form__address {margin-top: 20rem;}
	.cs-page .cs-form__address li {text-align: left;}
	.cs-page .cs-form {padding-top: 40rem; border-top: 1px solid #000;}
	.cs-page .form-area[data-form="agree"] {margin-top: 10rem;}
	.cs-page .btn-wrap {text-align: center;}
}

@media (max-width: 540px){
	.cs-page iframe {height: 240rem; margin-top: 30rem;}
	.cs-page .cs-form__address {margin-top: 12rem;}
	.cs-page .cs-form {padding-top: 20rem;}
	.cs-page .form-area[data-form="agree"] {margin-top:25rem;}
	.cs-page .btn-wrap {margin-top: 10rem;}
}