@charset "utf-8";


/* **************************************** *
 * global root
 * **************************************** */
 :root {
	--font-16: 16rem;  
    --font-18: 18rem;--font-20: 20rem;
    --font-24: 24rem;--font-26: 26rem;--font-30: 30rem;
--font-35: 35rem;--font-54: 54rem;
--g-01: #666;
}

@media (max-width: 1023px){
    :root {
     
        --font-18:16rem; 
        --font-26: 22rem; 
        --font-54: 44rem;
        
    }
}
@media (max-width: 860px){ 
    p{font-size: 16rem;}
    :root {
        --font-30: 24rem;
        --font-26: 20rem; 
        --font-54: 36rem;
    }
}
@media (max-width: 540px){ 
   p{font-size: 16rem;}
    :root{
        --font-21:16rem; 
        --font-23:15rem;
        --font-30: 22rem;
        --font-54: 25rem;
        --font-26: 16rem; 
        --font-18: 14rem;
        --font-16: 14rem;  
        
    }
}

/* **************************************** *
 * SUB COMMON
 * **************************************** */
p, li {color: var(--g-01);font-weight: 400;line-height: 1.7;}

.sub-tab{display:flex; justify-content:center; align-items:center;}
.sub-tab > li{margin:0rem 5rem; padding:0rem 30rem; box-sizing: border-box; height: 54rem; display: flex; align-items: center; justify-content: center; background:#f5f8fa; color:#BBB; text-align:center; border-radius:50rem; min-width:115rem;}
.sub-tab li:is(.active, .on){display: flex !important;}
.sub-tab li:is(.active, .on){display:block; color:#fff !important; background-image:linear-gradient(0deg, #259dde, #8acdf2 70%);}
.sub-tab li:is(.active,.on),.sub-tab li:is(.active,.on) a{margin:0 !important; /* font-size:var(--font-20) !important; */ color:#fff !important; text-align:center;}
#snb{display:flex; justify-content:center; align-items:center; margin-top:44rem;}
#snb a{color:#ddd; display:inline-flex; text-align: center;}
#snb .on a{font-weight:500; color:var(--b-02);}
#snb[data-between="line2"] a{margin: 0 80rem; display: block; line-height: 1.55;}
#snb[data-between="line2"] > li{position: relative;}
#snb[data-between="line2"] > li::after{content:"";display:inline-block;position:absolute;top:50%; left:0; transform: translateY(-8rem); width:1px;height:16rem;background: #ddd;}
#snb[data-between="line2"] > li:nth-child(1)::after{display: none;}
[lang="en-US"] #snb[data-between="line2"] a{margin: 0 50rem;}

.sub-content{position:relative; overflow:hidden; padding-top:max(7.9750vw, 130rem);}
.sub-content:has(.board-page){}
.sub-content h3{}
.sub-content h3 + *{}
.sub-menu-depth{display:none;}
.sub-title{margin-bottom:75rem; text-align:center;}
.sub-title h2{line-height:1.4; font-weight:500; font-size:var(--font-54); letter-spacing:-0.5rem;}
.sub-title h2 strong{font-weight:700;}
[lang="en-US"] .sub-title h2 strong{display: block; line-height: 1.2;}
.sub-title > span{display:block; margin-bottom:23rem; font-size:var(--font-26);}
.sub-title > span i{font-weight:700;}
.sub-title > i{display:block; margin-bottom:16rem; font-weight:700; text-transform:uppercase;}
.sub-content h6{line-height:1.5; font-weight:500; font-size:var(--font-30);}
.sub-content h6 strong{font-weight:900;}
[data-img-set]{display:block; width:100%; margin:0 auto;}

/* max-width만 커스텀으로 따로 지정 */
.sub-section{display:grid; justify-content:space-between; align-items:start; grid-template-columns:1fr 990rem;}
.sub-section__tit{display: block; position:relative; font-weight:800; font-size:var(--font-35); padding-left: 35rem; padding-right: 20rem;}
.sub-section + .sub-section{margin-top:85rem;}
.sub-section__tit::before{content:""; display:block; position:absolute; top:13rem;left: 0; width:18rem; height:18rem;  background-position:50% 50%; background-image:url(../img/sub/ic-tit.svg); background-repeat:no-repeat;}
.sub-section__tit i{font-size: 24rem; display: block;}
.product-page .button-style{width: 100%;margin-top: 50rem;text-align: center;}


@media all and (max-width:1023px){
    .sub-content{padding-top: max(7.9750vw, 100rem);}
	.sub-content:has(.board-page){padding-top:110rem;}
    .sub-title{margin-bottom: 45rem;}
    .sub-section{display: block;}
    .sub-section__tit{margin-bottom: 24rem;}
    #snb[data-between="line2"] a,[lang="en-US"] #snb[data-between="line2"] a{margin: 0 28rem;}
    
}

@media (max-width: 860px){
    .sub-content{padding-top: max(7.9750vw, 80rem);}
	.sub-content h3{font-size:max(3.6860vw, 23rem);}
    .sub-section__tit{font-size: 28rem;}
    .sub-section__tit::before{width: 16rem; height: 16rem; top: 8rem;}
    .sub-tab > li{padding: 0 24rem;}
    [lang="en-US"] #snb[data-between="line2"]{overflow-x: scroll; overflow-y: hidden; white-space: nowrap; flex-wrap: nowrap; justify-content: flex-start; }
    [data-list="dot"] > li br{display: none;}
    .sub-section__tit br{display: none;}
}

@media (max-width: 540px){
    #snb{margin-top: 34rem;}
    /* [lang="en-US"] #sub,
    [lang="en-US"] [data-between="line"]{overflow-x: scroll; overflow-y: hidden; white-space: nowrap; flex-wrap: nowrap; justify-content: flex-start;} */
    [class^="sub02_"] .sub-content,  [class^="sub03_"] .sub-content {padding-top: 0;}
    .sub-title{margin-bottom: 25rem;}
    .sub-title > span{margin-bottom: 10rem;}
    .sub-tab > li{white-space: nowrap; min-width: auto; padding: 0 20rem; height: 38rem;}
    .sub-tab{justify-content: flex-start; overflow-x: scroll;}
	.sub-content,
	.sub-content:has(.board-page){padding-top: 60rem;}
    .sub-content{padding-top: max(7.9750vw, 50rem);}
	.sub-content h4{font-size:21rem;}
	.sub-content h4 + *{margin-top:30rem;}
	.sub-content h3 + *{margin-top:30rem;}
    .sub-section__tit{font-size: 22rem; margin-bottom: 18rem; padding-right: 0; padding-left: 22rem;}
    .sub-section__tit::before{width: 12rem; height: 12rem; top: 6rem; margin-right: 12rem;}
    .sub-section__tit i{font-size: 16rem;}
    .sub-tab > li{margin: 0;}
    .sub-tab li:is(.active, .on), .sub-tab li:is(.active, .on) a{color: var(--c-01) !important;}
    .sub-tab li:is(.active, .on){background-image: none;  background-color: transparent;}
    .sub-tab > li{background-color: transparent;}
    #snb[data-between="line2"]{overflow-x: scroll; overflow-y: hidden; white-space: nowrap; flex-wrap: nowrap; justify-content: flex-start; }
    [lang="en-US"]  #sub[data-between="line"]{overflow-x: scroll; overflow-y: hidden; white-space: nowrap; flex-wrap: nowrap; justify-content: flex-start;}
  
}

/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
 #gnb.gnb-full .gnb-item > a{color:#ffff;}
 #gnb.gnb-full .gnb-item > a::after{bottom:-42rem;}
 .motion-on #logo a{background-image:url(../img/layout/logo_w.svg);}
 #footer{margin-top:160rem;}


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

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

@media (max-width: 540px){
    #footer{margin-top:54rem;}
}

/* **************************************** *
 * SITE CUSTOM
* @description 1.여기서부터 지우고 사용
               2.각 페이지마다 반응형 각각 선언

 * **************************************** */

/* about */
.ceo-intro__img{border-radius:27rem;}
.ceo-intro__txt p + p{margin-top:38rem;}
.ceo-intro__tit > i{display:block; margin-bottom:12rem; font-weight:700; text-transform:uppercase;}
.ceo-intro__inner{justify-content:space-between; align-items:flex-start; margin-top:96rem;}
[lang="en-US"] .ceo-intro__tit{margin-bottom: 30rem;}

@media all and (max-width:1023px){
    .ceo-intro__img{border-radius: 20rem;}
    .ceo-intro__inner{margin-top: 66rem;}
    .ceo-intro__tit{margin-bottom: 32rem;}
}

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

    .ceo-intro__txt p + p{margin-top: 24rem;}
}

@media (max-width: 540px){
    .ceo-intro__inner{margin-top: 42rem;}
    .ceo-intro__img{border-radius: 10rem; height: 180rem; object-fit: cover;}
	.ceo-intro__txt p + p{margin-top: 20rem;}
}

 /* 인증서  */
 .patent-content{margin-top:78rem;}
 .certify-item img{width:100%;}
 .certify-item strong{display:block; margin-top:9rem; font-family:var(--lang-ko); font-weight:600;}
 .certify-pop{position:fixed; opacity:0; top:0px; left:0px; z-index:-1; width:100%; height:100%; background:rgba(0,0,0,0.5);}
 .certify-pop > div{position:absolute; top:50%; left:50%; margin:0 auto; box-shadow:26px 18px 49px rgba(0,0,0,0.2); transform:translate(-50%, -50%); max-width:540rem;}
 .certify-pop.active{opacity:1; z-index:99; transition:opacity 0.3s ease-out 0s;}
 .certify-pop .close{display:block; position:absolute; top:-13rem; right:-70rem; width:60rem; height:60rem; background:url(../img/common/ic-cancle_w.svg) no-repeat 50% 50%; background-color:transparent; background-size:28rem; font-size:0;}
 .certify-item figure{padding:40rem; border:3px solid #f2f2f2; border-radius:20rem;}
 #layer-src img{width:100%;}
 .certify-item i{display:block; margin-top:15rem; font-size:var(--font-16); color:var(--c-01);}
 .certify-item{text-align:center;}

 @media all and (max-width:860px){
    .certify-item figure{padding: 32rem}
 }

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

/* history */
.history-line{display:block; position:absolute; overflow:hidden; top:290rem; left:50%; width:2px; height:100%; margin-top:0 !important; margin-left:-1px; background:#ddd;}
.history-line__bar{display:block; position:absolute; top:0; left:0; z-index:999; width:100%; background:var(--c-01);}
.history-cont__item .icon-triangle{transform:rotate(90deg);}
.history-cont__item strong{display:block; margin-bottom:36rem; font-weight:700; font-size:50rem; letter-spacing:-1.5rem;}
.history-cont__list{display:grid; margin-top:90rem; row-gap:130rem;}
.history-cont__desc li em{margin-right:40rem; font-weight:800; color:var(--b-01); min-width:50rem;}
.history-cont__desc li{display:flex; align-items:center;}
.history-cont__desc li:not(:last-child){margin-bottom:18rem;}
.history-cont__item.is_moved strong{color:var(--c-01);}
.history-img{position:absolute; right:0; border-radius:10rem;}
.history-img.img01{top:487rem; height:421rem;}
.history-img.img02{top:1197rem; right:250rem; height:302rem;}
.history-img.img03{bottom:0; height:421rem;}
.history-page .wrap{}
.history-cont__item{display:flex; align-content:flex-end;}
.history-cont__inner > img{display:block; max-width: 100%; margin-bottom:50rem; box-shadow:8px 13px 36.1px 1.9px rgba(33, 33, 33, 0.18); border-radius:30rem;}
.history-cont__item:nth-child(2){text-align:right; align-content:flex-start;}
.history-cont__item:nth-child(2) .history-cont__desc li{display:flex; justify-content:flex-start; flex-direction:row-reverse;}
.history-cont__item:nth-child(2) .history-cont__desc li em{margin-right:0; margin-left:40rem;}
.history-cont::before{content:""; position:absolute; top:430rem; left:50%; z-index:9; width:16rem; height:16rem; margin-left:-8rem; background:var(--c-01); border-radius:100%;}
[lang="en-US"] .history-cont__inner{width: 45%;}


@media (max-width:1480px){
	.history-cont > .wrap{padding-left:0rem;}
    .history-cont__inner{width: 45%;}
    .history-cont__item:nth-child(1){align-content: flex-end;}
}

@media (max-width:1023px){
	
	.history-cont__item strong{font-size:31rem; margin-bottom: 16rem;}
	.history-cont__desc li em{min-width:40rem;}
	.history-cont__desc li:not(:last-child){margin-bottom:8rem;}
	.history-img.img01{top:357rem; height:221rem;}
	.history-cont__list{margin-top:70rem; row-gap:65rem;}
    .history-cont__inner > img{border-radius: 20rem;}
	.history-img.img02{top:767rem; right:50rem; height:202rem;}
	.history-img.img03{bottom:280rem; height:201rem;}
}

@media (max-width:540px){
    .history-line{display: none;}
    .history-cont__inner{width: 100%;}
    .history-cont__item:nth-child(1){align-content: flex-start;}
    .history-cont__list{margin-top: 30rem;}
	.history-line{width:4rem;}
	.history-cont__item{flex-wrap:wrap;}
	.history-cont__item strong{width:100%; font-size:23rem; text-align: left;}
    .history-cont__item:nth-child(2) .history-cont__desc li{flex-direction: row; text-align: left;} 
    .history-cont__item:nth-child(2) .history-cont__desc li em{margin-left: 0; margin-right: 20rem;}
    .history-cont__desc li em{margin-right: 20rem;}
    .history-cont__inner > img{border-radius: 10rem; margin-bottom: 24rem;}
    .history-cont::before{display: none;}
    [lang="en-US"] .history-cont__inner{width: 100%;}
    [lang="en-US"] .history-cont__desc li{align-items: baseline;}
}

/* company */
.company-chart img{max-width:626rem;}
[lang="en-US"] img{max-width:100%}
.company-ci__logo{display:flex; justify-content:center; align-items:center; height:300rem; background:url(../img/sub/company-logo-bg.jpg) no-repeat 50% 50%; border:2px solid #f2f2f2; border-radius:10rem;}
.company-ci__logo img{height:108rem;}
.comapny-ci__list{margin-top:30rem; border-top:1px solid var(--b-01);}
.comapny-ci__list > li{display:flex; align-items:flex-start; padding:50rem 0rem;}
.comapny-ci__list > li > strong{margin-right:65rem; font-size:var(--font-20); color:var(--b-01);}
[lang="en-US"] .comapny-ci__list > li > strong{display: flex ; line-height: 1.2;}
.comapny-ci__list > li:not(:last-child){border-bottom:1px dashed #f1f1f1;}
.comapny-ci__list > li > strong i{margin-right:23rem; color:var(--c-01);}
.comapny-ci__list > li > p{margin-top:-3rem; font-size:var(--font-16);}
.comapny-ci__list > li:last-child{padding-bottom:0;}
.company-ci__color{display:grid; width:100%; text-align:center; grid-template-columns:1fr 1fr 1fr; gap:19rem;}
.company-ci__color li{padding:27rem 10rem; border:2px solid #f2f2f2; border-radius:10rem;}
.company-ci__color li p{line-height:1.5; margin-top:27rem; font-weight:500; font-size:var(--font-16);}
.company-ci__circle i{display:block; width:54rem; height:54rem; border-radius:100%;}
.company-ci__circle{display:flex; justify-content:center; margin-top:22rem; gap:16rem;}
.company-ci__color li:nth-child(1) i.circle-01{background:#00b9ef;}
.company-ci__color li:nth-child(1) i.circle-02{background:var(--c-01);}
.company-ci__color li:nth-child(2) i.circle-01{background:#c4d700;}
.company-ci__color li:nth-child(2) i.circle-02{background:#45b035;}
.company-ci__color li:nth-child(3) i.circle-01{background:#f5a200;}
.company-ci__circle strong{color:#000;}
.company-ci__color strong{color:#000;}

@media (max-width: 860px){
    [lang="en-US"] .comapny-ci__list > li{flex-direction: column;}
    [lang="en-US"] .comapny-ci__list > li > strong{margin-bottom: 17rem;}
}

@media (max-width: 540px){
    .company-ci__logo{height: 160rem;}
	.company-ci__logo img{height: 48rem;}
    .comapny-ci__list > li{flex-direction: column; padding: 30rem 0;}
    .comapny-ci__list > li > strong i{margin-right: 12rem;}
    .comapny-ci__list > li > strong{margin-bottom: 6rem;}
    .comapny-ci__list > li > p br{display: none;}
    .company-ci__color{grid-template-columns: 1fr;}
}

/* location */
.location-con__map{width:100% !important; border:3px solid #f2f2f2; border-radius:20rem;}
.location-con__desc strong,
.location-con__desc strong i{display:block;}
.location-con__desc strong i{display:block; margin-bottom:9rem; font-weight:700; font-size:var(--font-18);}
.location-con__desc > strong{margin-bottom:38rem; font-weight:900; font-size:var(--font-24);}
.location-con__list{display:flex; flex-wrap:wrap; row-gap:10rem;}
.location-con__list li{display:flex; margin-right:49rem;}
.location-con__list li strong{display:block; margin-right:11rem; color:var(--b-02);}
.location-con__desc{margin-top:32rem;}
.root_daum_roughmap .wrap_controllers{display: none;}

@media (max-width: 540px){
    .location-con__list{row-gap: 5rem;}
	.location-con__desc > strong{font-size: 20rem; margin-bottom: 19rem;}
    .sub-section + .sub-section{margin-top: 55rem;}
    .location-con__map{border-radius: 10rem;}
}

/* product */
.product-tabs{display:grid; margin-top:100rem; grid-template-columns:1fr 1fr 1fr;}
.product-tabs li{padding:15rem 10rem; border-bottom:1px solid var(--c-01); color:#aeaeae; text-align:center;}
.product-tabs li.active{opacity:1; border:1px solid var(--c-01); border-bottom:0; font-weight:600; color:var(--c-01); border-radius:20rem; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.product-content h1{font-size:var(--font-54);}
.product-content h1 + *:not(.sub-icon-tit){margin-top: 76rem;}
.product-content{padding-top:110rem;}
.sub-icon-tit{display:flex; align-items:center; position:relative; margin-top:17rem; color:#b2b2b2;}
.sub-icon-tit::before{content:""; display:block; width:28rem; height:28rem; margin-right:25rem; background:url(../img/sub/ic-tit-sub.svg) no-repeat 50% 50%;}
.sub-icon-tit.v2::before{content:""; display:block; width:34rem; height:24rem; margin-right:25rem; background:url(../img/sub/ic-patent.jpg) no-repeat 50% 50%; background-size: cover;}
.sub-icon-tit + *{margin-top:76rem;}

.point-box{ padding:20rem 30rem; margin-top:22rem; background:#f5f8fa; border-radius:10rem;}
.point-box.gray{background-color: #f8f8f8;}
.point-box li{line-height:1.7; font-weight:400; font-size:var(--font-16); color:var(--c-01); padding-left: 14rem; position: relative; box-sizing: border-box;}
.point-box li::before{content: "*"; position: absolute; left: 0; top: 1rem;}
.point-box li + li{margin-top: 8rem;}
.point-box li .dark{color: #082c40;}
.point-box li .red{color: #e21d1d;}
.point-box .gray{color: #666;}
.point-box em{display: block; font-size: 18rem; font-weight: 700; margin-bottom: 14rem;}

.point-box.notstar li{padding-left: 0}
.point-box.notstar li::before{display: none}

.point-img:not(.v2) img{ border:1px solid #f2f2f2; border-radius:15rem; max-width: 100%; overflow: hidden;}
.point-img img{display: block; margin: 0 auto; max-width: 100%;}
.point-img.v2 li{border:1px solid #f2f2f2; border-radius:15rem; max-width: 100%; overflow: hidden;}
.point-img.v2 span{display: block; font-size: 16rem; color: #222; margin-top: 23rem; text-align: center;}
.point-img.v3 li img{border:none !important}
.point-img.all{grid-template-columns: 1fr}
.point-img.half{grid-template-columns: 1fr 1fr;}
.point-img.three{grid-template-columns: 1fr 1fr 1fr;}
.point-img.quater{grid-template-columns: 1fr 1fr 1fr 1fr;}
.point-img li.padding{padding: 50rem; box-sizing: border-box;}
.point-img--wrap{padding-top: 30rem;}
.point-img p,.point-img--wrap p{font-size: 16rem; text-align: center; color: #b5b5b5; margin-top: 21rem;}
* + .point-img{margin-top:30rem;}
.point-img{display:grid;  gap:30rem; }
.point-img p .pt-color{font-weight: 600; color: var(--c-01);}
.point-img.process_v{gap: 76rem;}
.point-img.process_v li{position: relative;}
.point-img.process_v li:nth-child(1)::before{content: ""; position: absolute; width: 35rem; height: 52rem; right:-57rem; top: 50%; transform: translateY(-50%); background: url(../img/sub/process_arrow.png) no-repeat; background-size: cover; }

.table-cation{display:block; margin-top:16rem; font-size:14rem; color:#bbb; text-align:right;}
.table + [data-list="dot"]{margin-top:23rem;}
[data-list="dot"] [data-list="line"]{margin-top:15rem;}
table.table + .table,.table-wrap + .table-wrap{margin-top:50rem;}
table.table td{font-weight: 300;}
[data-list="dot"] > li b.pt-color{color: var(--c-01);}
table.table td.left{text-align: left;}
table.table .flx{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.table .green{width: 14rem; height: 14rem; margin-left: 8rem; display: inline-block; background: url(../img/sub/green.svg) no-repeat; background-size: contain; }

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

}

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

}

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

    .sub-icon-tit + *{margin-top: 56rem;}
    .product-content{padding-top: 70rem; overflow-y:hidden; overflow-x: scroll;}
    .product-tabs{margin-top: 60rem;}
    .product-tabs li{width: auto; white-space: nowrap; padding: 8rem 16rem;}
    .point-img{flex-wrap: wrap;}
    .point-box li + li{margin-top: 8rem;}
    .point-box li{line-height: 1.5;}
    .product-content h1 + *:not(.sub-icon-tit){margin-top: 54rem;}

}

@media (max-width: 540px){
    .sub-icon-tit + *{margin-top: 40rem;}
    .sub-icon-tit::before,.sub-icon-tit.v2::before{margin-right: 13rem;}
    .sub-icon-tit::before, .sub-icon-tit.v2::before{background-size: contain;}
    .product-content h1{font-size: 25rem;}
    .product-content h1 + *:not(.sub-icon-tit){margin-top: 32rem;}
    .product-tabs{margin-top: 40rem; overflow-x: scroll; overflow-y: hidden;}
    .product-content{padding-top: 54rem;}
	.product-wrap.wrap{margin: 0;}
    .point-img{gap: 14rem;}
    .point-img li{width: 100%;}
    .table-wrap{overflow-x: scroll; overflow-y: hidden;}
    table.table + .table, .table-wrap + .table-wrap{margin-top: 30rem;}
    .point-box{padding: 14rem;}
    .point-box em{font-size: 16rem; margin-bottom: 7rem;}
    .point-img.process_v li{padding-bottom: 40rem;}
    .point-img.process_v li:nth-child(1)::before{top: inherit; transform: translateX(-50%) rotate(90deg); right: 0; left: 50%; bottom: -20rem;}
    .point-img.process_v li:nth-child(2)::before{content: ""; position: absolute; width: 35rem; height: 52rem;  bottom: -20rem; left: 50%; transform:translateX(-50%) rotate(90deg); background: url(../img/sub/process_arrow.png) no-repeat; background-size: cover; }

}

/* product intro */
.sub02_01.motion-on #logo a,
.sub02_01 #header.color-on #logo a{background-image:url(../img/layout/logo.svg) !important;}
.sub02_01 .gnb-mobile-btn span{background-color: #000;}
.sub02_01 #gnb.gnb-full .gnb-item > a{color:var(--b-01);}
.sub02_01 #sub-visual{display:none;}
.sub02_01 #footer{margin:0;}
.sub02_01 .sub-content{padding-top:115rem;}

.plus-icon{width: 80rem; height: 80rem; border-radius: 100%; position: absolute;right: 40rem; bottom: 40rem; transition: all .3s; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.plus-icon i{width: 19rem; height: 19rem; position: relative;;}
.plus-icon  i::before,.plus-icon  i::after{content: ""; transition: all .3s;  display: block; background-color: var(--c-01); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.plus-icon  i::before{ width: 3rem; height: 19rem;  }
.plus-icon  i::after{width: 19rem; height: 3rem;}

.product-intro{display:grid; margin:20rem; grid-template-columns:1fr 29%}
.product__tit{margin-bottom:20rem; padding:60rem 40rem; font-weight:700; font-size:54rem;}
.product-small__inner{display:grid; grid-template-columns:1fr 1fr 45%;}
.product__item,
.product__tit{background-size:cover; background-position:50% 50%; border-radius:10rem; background-repeat:no-repeat;}
.product-small .product__tit{background:#3fbeec;}
.product-small .item-01{background-image:url(../img/sub/product-intro-bg-01.jpg);}
.product-small .item-02{background-image:url(../img/sub/product-intro-bg-02.jpg);}
.product-intro *{color:#fff;}
.product-air .product__tit{background-image:url(../img/sub/product-intro-bg-03.jpg);}
.product-air .product__item{background-image:url(../img/sub/product-intro-bg-04.jpg);}
.product__item.item-03{color:#fff !important; background-image:linear-gradient(0deg, #259dde, #8acdf2 70%);}
.product-air{/* display:flex; */position:relative;}
.product__item{height:599rem; padding:40rem 35rem; position: relative;}
.product__item a > strong,
.product__item > strong{font-size:var(--font-35);}
.product__item a > strong i{display:block; margin-top:8rem; font-size:var(--font-24); text-indent:2rem;}
.product-small .product__item.item-03{display:flex; justify-content:space-between; flex-direction:column;}
.product-intro,
.product-small__inner{gap:20rem;}
.product-intro a{display:block; height:100%;}
.product-small__list a{line-height:1.3; padding:25rem 30rem; position: relative; background:rgba(255,255,255,0.14); font-weight:700; font-size:var(--font-24); border-radius:9rem;}
.product-small__list li{margin-top:15rem;}
.product-small__list .plus-icon {width: 60rem; height: 60rem; top: 50%; transform: translateY(-50%); background: -webkit-linear-gradient(0deg, rgb(138, 205, 242), rgb(37, 157, 222)); ; background: linear-gradient(0deg, rgb(138, 205, 242), rgb(37, 157, 222)) }
.product-small__list .plus-icon i::before,
.product-small__list .plus-icon i::after{background-color: #fff;}

[lang="en-US"] .product-small__list a{font-size: 18rem;}
@media all and (max-width:1640px){
    .product-small__list .plus-icon{right: 20rem; width: 40rem; height: 40rem;}
    .product-small__list .plus-icon i::after{width: 14rem;}
    .product-small__list .plus-icon i::before{height: 14rem;}
}

@media all and (max-width:1023px){
    .product-intro{grid-template-columns: 1fr;}
    .product__tit{font-size: 44rem}
    .product-air .product__tit{background-position: bottom;}
    .product-air .product__item{background-position: 0% 0%;}
}
@media all and (max-width:860px){
    .product-small__inner{grid-template-columns: 1fr 1fr;}
    .product-small .product__item.item-03{grid-row: 3; grid-column: 1 / span 2;}
    .product__item{ padding: 30rem ;}
    .product__item:not(.item-03){height: 480rem;}
    .product__tit{padding: 30rem ; font-size: 32rem;}
    .product__item a > strong, .product__item > strong{font-size: 26rem;}
    .product__item a > strong i{margin-top: 3rem;}
}

@media (max-width: 540px){
	.button-style a{margin: 0 auto;}
    .product-small__inner{grid-template-columns: 1fr;}
    .product-small .product__item.item-01{grid-row: 1;grid-column: 1 / span 2; }
    .product-small .product__item.item-02{grid-row: 2;grid-column: 1 / span 2; }
    .product__item{padding: 20rem;}
    .product__item:not(.item-03){height: 230rem;}
    .product__item.item-03{height: 360rem;}
    .product-small__list a{padding: 14rem 20rem; font-size: 16rem;}
    .product__tit{font-size: 24rem;}
    .product__item a > strong i{font-size:16rem;}
    .product__item a > strong, .product__item > strong{font-size: 20rem;}
    .sub02_01 .sub-content{padding-top: 75rem;}

    .product-small__list .plus-icon{width: 40rem; height: 40rem; right: 20rem;}
    .product-small__list .plus-icon i::before{height: 14rem;}
    .product-small__list .plus-icon i::after{width: 14rem;}

    .product-air .plus-icon,.product__item:not(.item-03) .plus-icon{width: 50rem; height: 50rem; right: 20rem; bottom: 20rem;}
}

.whiteBox{border-radius: 10rem; border:2px solid #f2f2f2;box-sizing: border-box; padding: 50rem;}
.whiteBox + .whiteBox{margin-top: 30rem;}

.sub02_02 h1{}
.air-tit{font-size: 26rem; font-weight: 700; color: #111; display: block; margin-bottom: 19rem;}
.air-tit span{color: var(--c-01);}
.air-top{position: relative;}
.air-conts{width: 50%;}
.air-top img{position: absolute; bottom: 0; right: 0; max-width: 50%;}

.air-why{margin-top: 90rem;}
.air-why h3{font-size: 40rem; color: #aaa; margin-bottom:50rem;}
.air-why h3 i{color: var(--c-01);}
.air-why h3 span{color: #111;}
.air-why_sec + .air-why_sec{margin-top: 90rem;}
.air-why__table{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 60rem;}
.air-why__table table{}
.air-why__table table.table thead th{background-color: #1d2a32; color: #fff;}
.air-why__table table.table tbody th{background-color: #f5f8fa; font-weight: 400; width: 268rem; font-size: 16rem; line-height: 1.4;}
.air-why__table table.table + .table{margin-top: 0;}
.air-why__table table.table tbody td{font-weight: 300; text-align: center; vertical-align: middle;}
.air-why__table table.table .next{width: 29rem; height: 17rem; position: relative; top: 3rem; margin:0 12rem 0; display: inline-block; background: url(../img/sub/arrow-next.png) no-repeat; background-size: cover;}
.air-why__table table.table .down{ width: 46rem; height: 47rem; display: inline-block; background: url(../img/sub/arrow-down.png) no-repeat; background-size: cover; }
.air-why__table table.table .up{ width: 46rem; height: 47rem; display: inline-block; background: url(../img/sub/arrow-up.png) no-repeat; background-size: cover; }
.air-why__table table.table td i + span{margin-left: 12rem; font-weight: 500;}
.air-why__table table.table .color-orange{color: #e88a53;}
.air-why__table table.table .color-blue{color: #259dde;}
.flex-align{display: flex; align-items: center;justify-content: center; }
.air-why__graph--wrap{grid-template-columns: 1fr 1fr; grid-gap: 60rem; display: grid;}
.air-why__graph em{text-align: center; color: var(--c-01); margin: 0 auto 60rem; display: block;  max-width: 246rem; font-weight: 700; border:1px solid var(--c-01); padding: 10rem 20rem; border-radius: 80rem;}
.air-why__graph .air-graph span{display: block; text-align: center; margin-top: 26rem;}
.air-why__graph img{max-width: 100%; margin:  0 auto;}
.air-why__text{text-align: center; margin: 74rem 0;}
.air-why__text strong{font-size: 24rem; font-weight: 600;}
.air-why__text strong span{color: var(--c-01);}
.air-why__text p{color: #aaa; margin-top: 13rem; font-size: 16rem;}

.air-why__graph--wrap table th .small{display: block; font-size: 14rem; font-weight: 300; margin-top: 4rem;}
.air-why__graph--wrap table.table + .table{margin-top: 0;}
.air-why__graph--wrap table.table img{margin: 0 auto; max-width: 100%;}
.air-why__graph--wrap table.table .point{color: var(--c-01);}

.air-product{display: flex; align-items: flex-start;}
.air-product img{max-width: 415rem;}
.air-product .table{margin-left: 20rem;}
.air-product table.table th{background-color: #f5f8fa;}
.air-product table.table tbody th{border-right-color: #e0e0e0 !important; width: 180rem;}
.air-product table.table tbody tr:nth-child(1) > *{border-top: 1px solid #111;}
.air-product{margin-top: 30rem;}
.list-logo li{display: inline-flex; align-items: center; justify-content: center; min-width: 92rem; height: 80rem; border-radius: 10rem; margin-right: 12rem; box-sizing: border-box; border:2px solid #f2f2f2; padding: 16rem;}
.list-logo li img{max-width: 100%; max-height: 100%;}

.air-bar{margin-top: 74rem; margin-bottom: 180rem; position: relative;}
[lang="en-US"] .air-bar{margin-bottom: 280rem;}
.air-bar .stick{width: 100%;  display: block; height: 35rem; border-radius: 90rem;background: rgb(14,158,86); background: linear-gradient(93deg, rgba(14,158,86,1) 0%, rgba(124,206,137,1) 23%, rgba(248,179,32,1) 48%, rgba(227,127,85,1) 75%, rgba(194,7,29,1) 100%);}
.air-bar__item{position: absolute; top: -38rem; text-align: center;}
.air-bar__item img{margin: 0 auto; display: block;}
.air-bar__item span{font-size: 14rem; display: block; font-weight: 700; margin: 11rem auto 13rem;  }
.air-bar__item p{font-size: 16rem; color: #111; line-height: 1.4;}
.air-bar__item.item01{left: 2%;}
.air-bar__item.item01 span{color: #1ba259;}
.air-bar__item.item02{left: 24%;}
.air-bar__item.item02 span{color: #7cce89;}
.air-bar__item.item03{left: 48%;}
.air-bar__item.item03 span{color: #edb930;}
.air-bar__item.item04{left: 65%;}
.air-bar__item.item04 span{color: #ed914e;}
.air-bar__item.item05{left: 90%;}
.air-bar__item.item05 span{color: #c30f1e;}
.air-bar__item .faceicon{margin-bottom: 65rem;}

@media all and (max-width:1023px){
    .air-conts{width: 100%;}
    .air-top img{position: relative; margin: 0 auto; max-width: 80%;}
    .whiteBox{padding: 32rem;}
    .air-tit{font-size: 24rem;}
    .whiteBox + .whiteBox{margin-top: 20rem;}
    .air-why__table,.air-why__graph--wrap{grid-gap: 30rem;}
    .air-why__table table.table tbody th{width: 230rem;}
    .air-why__graph--wrap{grid-template-columns: 1fr;}
    .air-why_sec + .air-why_sec{margin-top: 70rem;}

    .air-product img{width: 36%;}

    .air-bar__item.item01{left: 1.23%;}
    .air-bar__item.item02{left: 20%;}
    .air-bar__item.item03{left: 42%;}
    .air-bar__item.item04{left: 60%;}
    .air-bar__item p{font-size: 14rem;}

}


@media all and (max-width:860px){
   
    .whiteBox{padding: 28rem;}
    .air-why__table{grid-template-columns: 1fr;}
    .air-why_sec + .air-why_sec{margin-top: 60rem;}
    .air-product img{width: 26%;}
    .list-logo li{margin-bottom: 8rem;}
    .air-bar__item{top: -45rem;}
    .air-bar__item.item01{left: 0.23%;}
    .air-bar__item.item02{left: 17%;}
    .air-bar__item.item03{left: 40%;}
    .air-bar__item.item04{left: 58%;}
}

@media (max-width: 540px){
    .air-tit{font-size: 20rem;}
    .air-top .air-tit{margin-bottom: 14rem;}
    .whiteBox{padding: 20rem;}
    .whiteBox + .whiteBox{margin-top: 14rem;}
    .air-why__table table.table tbody th{width: 180rem;}
    .air-why__table table.table .up,
    .air-why__table table.table .down{width: 18rem; height: 19rem;}
    .air-why{margin-top: 54rem;}
    .air-why h3{font-size: 24rem; margin-bottom: 24rem;}
    .air-why__graph em{margin: 0 auto 28rem; max-width: 188rem; padding: 7rem 14rem;}
    .air-why__text{margin: 44rem 0;}
    .air-why__text strong{font-size: 18rem; line-height: 1.5;}
    .air-why__text strong br{display: none;}
    .air-why__text p{font-size: 14rem; line-height: 1.4;}
    .air-why__graph--wrap table.table {table-layout: fixed;}
    .air-why_sec + .air-why_sec{margin-top: 40rem;}
    .air-product{flex-direction: column;}
    .air-product img{width: 100%;}
    .air-product .table{margin-left: 0; margin-top: 20rem;}
    .air-product table.table tbody th{width: 100rem;}
    .list-logo li{min-width: 50rem; height: 61rem; margin-right: 4rem; padding: 10rem;}

    .air-bar{margin-top: 34rem; margin-bottom: 0;}
    .air-bar .stick{width: 20rem; height: 100%; background: rgb(14,158,86); position: absolute; left: 0; top: 0;
        background: linear-gradient(180deg, rgba(14,158,86,1) 0%, rgba(124,206,137,1) 23%, rgba(248,179,32,1) 48%, rgba(227,127,85,1) 75%, rgba(194,7,29,1) 100%);}
    .air-bar__item .faceicon{margin-bottom: 0;}
    .air-bar__item{position: relative; top: 0; left: 0!important; text-align: left; padding-left: 65rem;}
    .air-bar__item +    .air-bar__item{margin-top: 30rem;}
    .air-bar__item img{margin:inherit}
    .air-bar__item img:not(.faceicon){transform: rotate(270deg); margin-top: 5rem; position: absolute; left: 42rem;}
    .air-bar__item span{margin: 3rem auto 9rem;}

    [lang="en-US"] .air-bar{margin-bottom: 54rem;}
}

/* 사업현황 */
.stain-table table{table-layout: fixed;}
.stain-table table th.dark{background-color:#259dde; color: #fff; font-weight: 500;}
.stain-table table tbody .left{text-align: left;}
.stain-table table tbody .left .dot li{text-align: left;}

.adv-sec + .adv-sec{margin-top: 50rem;}
.adv-sec .adv-title{font-size: 24rem; font-weight: 700; position: relative; padding-left: 40rem; display: block;}
.adv-sec .adv-title::before{content: ""; width: 20rem; height: 15rem; background: url(../img/sub/ic-check.png) no-repeat; background-size: cover; position: absolute; left: 0; top: 8rem;}
.adv-sec .adv-title + *{margin-top: 26rem;}
.adv-sec .adv-title span{font-weight: 300;}
.adv-sec .adv-list{margin-top: 5rem;}
.adv-sec .adv-list li{font-size: 16rem; font-weight: 300;}
.adv-sec .adv-list li:last-child{color: #259dde;}
.adv-effect .point-img{margin-top: 0;}
.adv-effect__box {text-align: center;}
.adv-effect__box .border-tit{font-size:18rem; margin-top: 22rem; font-weight: 700; border-radius: 90rem; padding: 11rem 24rem; display: inline-block; box-sizing: border-box;}
.adv-effect__box .border-tit.gray{border:1px solid #666; color: #666;}
.adv-effect__box .border-tit.point{border:1px solid var(--c-01); color: var(--c-01);}
.adv-effect .strong{font-size: 24rem; font-weight: 700; text-align: center; color: #000; margin-top: 49rem;}
.adv-effect .strong .pt-color{color: var(--c-01);}

.adv-virous__title{text-align: center; margin-top: 26rem;}
.adv-virous__title *{display: block; }
.adv-virous__title span{font-weight: 700; color: #111; font-size: 16rem;}
.adv-virous__title  strong{font-weight: 700; color: var(--c-01); font-size: 20rem; margin-top: 7rem;}

.adv-table + .adv-table {margin-top: 65rem;}
.adv-table .tit{font-size: 20rem; font-weight: 500; }
.adv-table .tit span{font-size: 16rem; color: #666;}
.adv-table__wrap{position: relative; padding-top: 38rem;}
.adv-table__wrap .blue-box{position: absolute; width: 23%; border:2px solid #e21d1d; box-shadow: 0px 0px 15.2px 0.8px rgba(37, 157, 222, 0.1); right: 27%; background-color: transparent;  z-index: 2;height: calc(100% - 38rem)}
.adv-table__wrap table{table-layout: fixed;}
.adv-table__wrap table td:nth-child(1){text-align: left;}
.adv-table__wrap table td.right{text-align: right;}
.adv-table__wrap .exp{position: absolute; left: 0; width: 100%;text-align: center; top: -24rem; text-align: center; font-size: 14rem; color: #e21d1d; }
/* .adv-table__wrap table .sp::before{content: "공사간접비 미포함 단가";font-size: 15rem;font-weight: 700;color: var(--c-01);position: absolute;left: 50%;width: 100%;transform: translateX(-50%);top: -31rem;} */

.adv-table__wrap table .red{color:#e71e1e ; font-weight: 700;}
[lang="en-US"] .adv-table__wrap {padding-top: 50rem;}
[lang="en-US"] .adv-table__wrap .blue-box{height: calc(100% - 50rem);}
[lang="en-US"] .adv-table__wrap table .sp::before{content: "Unit Price Excluding Indirect Construction Costs "; top: -42rem;}
.process-wrap{max-width: 672rem; width: 100%; margin-bottom: 48rem;}
.process-box{display: flex; align-items: center;}
.process-box + .process-box{margin-top: 30rem;}
.process-box.between{justify-content: space-between;}
.process-box.center{justify-content: center; flex-direction: column;}
.process-box p{color: #666; font-size: 16rem; text-align: center; margin-top:12rem ;}
.process-box .one{width: 137rem;}
.process-box .two{width: 106rem;}
.process-box .arrow{position: relative;}
.process-box .arrow span{color: #fff; font-size: 20rem; font-weight: 800; text-align: center; top:50%; transform: translateY(-50%); width: 100%; position:absolute; z-index: 2;}
.process-box img{width: 100%;}
.process-box__img + .process-box{margin: 30rem 0;}

.icon-list{display: flex; align-items: center; justify-content: center; gap: 54rem;}
.icon-list li{width: 138rem; height: 138rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; background-color: #f5f8fa; }
.rain-type__title{text-align: center; margin:46rem auto 30rem }
.rain-type__title strong{display: block; font-weight: 700; font-size: 26rem; margin-bottom: 15rem;}
.rain-type__title p{color: #aaa; font-size: 16rem;}
.rain-border__box{border:1px dashed var(--c-01); box-sizing: border-box; padding: 32rem; text-align: center; border-radius: 10rem;}
.rain-border__box p{font-size: 20rem; color: #222;}
.rain-border__box i{color: var(--c-01);}

.point-img.quater p{margin-top:6rem;}

.river-box {justify-content: space-between; margin-top: 80rem;}
.river-box > [class^="river-box__"]{width: 48%;text-align:left;background: #f9f9f9;border-radius: 10rem;padding: 26rem;}
.river-box > [class^="river-box__"] strong{display: block; color: var(--c-01); font-size: 20rem;}
.river-box > [class^="river-box__"] p{text-align: left;  margin-top: 4rem;}

.add-sec + .add-sec{margin-top: 68rem;}
.add-sec .add-title{font-size: 30rem; padding-left: 40rem; position: relative;}
.add-sec .add-title::before{content: ""; width: 20rem; height: 15rem;width: 20rem; height: 15rem; background: url(../img/sub/ic-check.png) no-repeat; background-size: cover; position: absolute; left: 0; top: 18rem;}
.add-sec .add-title i{text-decoration: underline;}
.add-sec strong{ line-height:1.666 ;}
.add-sec .add-title + p{color:#aaa; margin-top:8rem; font-weight: 300;}
.add-sec .rain-border__box{margin-top: 30rem; text-align: left;}
.add-sec .rain-border__box + *{margin-top: 30rem;}
.add-sec .rain-border__box .line{text-decoration: underline;}

.sub03-effect[data-flex="end"]{align-items: flex-end;}
.sub03-effect[data-flex="end"] > *{width: 50%;}
.sub03-effect__image{overflow: hidden;}
.sub03-effect__image img{ border-radius: 10rem; }
.sub03-effect ul{padding-left:60rem; box-sizing: border-box;;}
.sub03-effect ul > li{color: #111; font-weight: 700; position: relative; padding-left:28rem ;}
.sub03-effect ul > li::before{content: ""; width: 13rem; height: 10rem; background: url(../img/sub/ic-check__gray.png) no-repeat; background-size: cover; position: absolute; left: 0; top: 10rem; }
.sub03-effect ul > li + li{margin-top: 12rem;}
.sub-white{margin-top: 30rem;}

.dt-list li{position: relative; padding-left:18rem ;}
.dt-list li + li{margin-top: 16rem;}
.dt-list li::before{content: ""; position: absolute; width: 5rem; height: 5rem; border-radius: 20rem; background-color: #111; left: 0; top: 12rem;}
.dt-list li b{display: block; color: #111;}
.dt-list li p{color: #666; font-size: 16rem;}
.goal{padding-bottom: 90rem;}
.goal img{position: absolute; left: 311rem; top: 100rem;}
.goal__item span{font-size: 14rem; display: block; font-weight: 500; text-transform: uppercase; margin-bottom:11rem;}
.goal__item strong{display: block; font-size:20rem; font-weight: 700 ; margin-bottom:11rem;}
.goal__item p{font-size: 18rem; line-height: 1.6111;}
.goal__item.part1{padding-top: 80rem;}
.goal__item.part1 span{color: #b7cb02;}
.goal__item.part2{margin-top: 100rem;}
.goal__item.part2 span{color: #f9b100;}
.goal__item.part3{position: absolute; right: 0rem; top: 80rem;}
.goal__item.part3 span{color: #45afb6;}

.round-gradient__wrap{position: relative; margin-top: 160rem; margin-left: 22%; margin-bottom: 135rem;}
.round-gradient{width: 440rem; height: 440rem; position: relative;  }
.round-gradient::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  border-radius: 100%; opacity: 0.2;  border:1px solid #259dde; background: rgb(138,205,242); background: linear-gradient(6deg, rgba(138,205,242,0.62) 0%, rgba(37,157,222,1) 100%);  }
.round-gradient__in{width: 235rem; height: 235rem; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; display: flex; align-items: center; justify-content: center; background: rgb(138,205,242); background: linear-gradient(6deg, rgba(138,205,242,1) 0%, rgba(37,157,222,1) 100%);}
.round-gradient__in strong{display: block; text-align: center; font-size: 30rem;}
.round-gradient__in strong span{display: block; font-size: 18rem;}
.round-gradient__in p{font-size: 18rem;}
.round-gradient__in  div *{color: #fff;}

.round-gradient__wrap ul.mo_ver{display: none;}
.round-gradient li .ball{position: absolute; width: 122rem; height: 122rem; border-radius: 100%; border:1px solid #259dde; display: flex; align-items: center; justify-content: center; background-color: #fff; box-shadow:5px 5px 21px rgba(34,132,216,.25);}
.round-gradient li .ball span{color: #222; font-weight: 600; font-size: 20rem; line-height: 25rem; text-align: center;}
 .round-gradient ul.pc_ver li p{font-size: 16rem; color: #222; line-height: 1.5; position: absolute; } 
ul.pc_ver .round-gradient__01 .ball{top: -52rem; left: 50%; transform: translateX(-50%);}
ul.pc_ver .round-gradient__01 p{text-align: center; top: -135rem;  left: 50%; transform: translateX(-50%); width: 100%;} 
ul.pc_ver .round-gradient__02 .ball{right: -32rem; top: 70rem;}
ul.pc_ver .round-gradient__02 p{right: -250rem; top: 96rem;}
ul.pc_ver .round-gradient__03 .ball{right: -18rem; bottom: 40rem;}
ul.pc_ver .round-gradient__03 p{right: -250rem; bottom:50rem;}
ul.pc_ver .round-gradient__04 .ball{bottom: -52rem; left: 50%; transform: translateX(-50%);}
ul.pc_ver .round-gradient__04 p{text-align: center; width: 100%; bottom: -140rem;}
ul.pc_ver .round-gradient__05 .ball{left: -18rem; bottom: 40rem;}
ul.pc_ver .round-gradient__05 p{text-align: right; left: -240rem; bottom: 64rem;}
ul.pc_ver .round-gradient__06 .ball{left: -32rem; top: 70rem;}
ul.pc_ver .round-gradient__06 p{text-align: right; left: -255rem; top: 96rem; }

.pro-play-system{max-width: 70%; margin: 40rem auto 0;}
.pro-play-system li{border:2px solid #3fbeec; text-align: center; box-sizing: border-box; font-size:18rem; font-weight: 500; color:#259dde; border-radius: 10rem; padding:20rem;}
.pro-play-system li + li{margin-top: 10rem;}

.pro-system li{text-align: center;}
.pro-system li p{font-size: 18rem; line-height: 1.38; font-weight: 600; color: #222;}
.pro-system li div{height: 120rem; position: relative; width: 100%; display: flex; align-items: center; justify-content: center;}
.pro-system li div::before{content: ""; position: absolute; left: -44rem; top: 40rem; width: 42rem; height: 40rem; background:url(../img/sub/arrow-blue.jpg) no-repeat; background-size: cover; }
.pro-system li img{max-width: 100%; margin: 0 auto; display: block;}
.pro-system li:nth-child(1) div::before{display: none;}

.bug-research{gap: 127rem;}
.bug-research + .bug-research{margin-top: 26rem;}
.bug-research li{text-align: center;}
.bug-research li:first-child .bug-research__img::before{display: none;}
.bug-research li p{font-size: 16rem; color: #666; margin-top: 14rem;}
.bug-research__img{  position: relative;}
.bug-research__img::before{content: "";width: 43rem;height: 42rem;position: absolute;background: url(../img/sub/arrow-gray.jpg) no-repeat;background-size: cover;left: -82rem;top: 50%;transform: translateY(-50%);}
.bug-research__img img{width: 100%; border-radius: 20rem;}

.catalog-download{border-radius: 20rem; margin-top: 135rem; border:1px solid #ddd; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; padding: 0 44rem; height: 142rem;}
.catalog-download > span{font-weight: 600; font-size: 22rem;}

.colum-slider-container{padding-bottom: 30rem;}
.colum-slider-container p{font-size: 16rem; color:#666 ; margin-top: 20rem; text-align: center;}
.colum-slider-container img{border-radius: 20rem; width: 100%;}
.colum-slider-controls{display:flex; justify-content:center; align-items:center;}
.colum-slider__btn{ position:relative;width:30rem;height:30rem;cursor:pointer;display: none;align-items: center;margin: 0 25rem;font-size: 16rem; font-weight: 600;}
.colum-slider__btn::after{content:"";display:block;min-width: 30rem;height: 30rem;background:url(/theme/basic/img/common/arrow-basic.svg) no-repeat 50% 50%;background-size: 14rem;}
.colum-slider__btn.button-prev{flex-direction: row-reverse;}
.colum-slider__controls{position:absolute;bottom: 60rem;left:0;z-index:999;width:100%;}
.colum-slider__controls > div{display:flex;align-items:center;justify-content: center;}
.colum-slider__count{display:flex; align-items:center; margin:0 50rem; font-size:17rem; }
.colum-slider__count i{display:flex; align-items:center; position:relative;}
.colum-slider__count i::after{content:""; display:block; width:3rem; height:3rem; margin:0 10rem; }
.colum-slider__btn.button-next::after{transform:rotate(-90deg);}
.colum-slider__btn.button-prev::after{transform: rotate(90deg);}
.colum-slider__btn.swiper-button-disabled{opacity: 0.5;}
.colum-slider__pagination .swiper-pagination-bullet{background-color: #259dde; width: 8rem; height: 8rem; border-radius: 30rem; margin: 48rem 10rem 0; }

.pro-process__tt{font-weight: 600; font-size: 24rem; margin-bottom: 13rem; display: inline-block; position: relative;}
.pro-process__tt::before{content: ""; width: 100%; height: 15rem; background-color: #00b9ef; opacity: 0.3; position: absolute; z-index: -1; left: 0; bottom: 0;}
.pro-process__tt + ul{opacity: 0.7;}
.adv-title-v2 span{font-size: 32rem; position: relative; font-weight: 800; display: inline-block;}
.adv-title-v2 span::before{content: ""; width: 100%; height: 20rem; background-color: #00b9ef; position: absolute; opacity: 0.2; z-index: -1; left: 0; bottom: 0;}
.adv-title-v2{margin-bottom: 24rem; display: block;}

.adv-title-v2.topmt{margin-top: 30rem; }

[lang="en-US"] .goal{padding-bottom: 0;}
[lang="en-US"] .goal img{position: relative; top: 0 ; left: 0; transform: none; margin: 0 auto;}
[lang="en-US"] .goal__item{width: 100%;}
[lang="en-US"] .goal__item.part3{position: relative; top: 0; margin-top: 40rem;}
[lang="en-US"] .goal__item.part2{margin-top: 40rem;}

@media all and (max-width:1200px){
    .goal img{width: 320rem;}
}
@media all and (max-width:1023px){
    .icon-list{gap: 24rem; }
    .icon-list li{width: 120rem; height: 120rem;}
    .icon-list li img{width: 30%;}
    .rain-type__title strong{font-size: 24rem;}
    .rain-border__box p{font-size: 18rem;}
    .add-sec .add-title{font-size: 24rem; padding-left: 32rem;}
    .add-sec .add-title::before{top: 13rem; width: 18rem; height: 12rem; background-size: contain;}
    .sub03-effect ul{padding-left: 40rem;}
    .add-sec + .add-sec{margin-top: 38rem;}
    .add-sec .rain-border__box{margin-top: 12rem;}
    .rain-border__box{padding: 24rem;}
    .goa{padding-bottom: 0;}
    .goal img{width: 270rem; top: 20rem;}
    .goal__item p{font-size: 16rem;}
    .goal__item.part1{padding-top: 0;}
    .goal__item.part3{top: 0;}
    [lang="en-US"] .goal__item.part1{margin-top: 40rem;}

    .round-gradient__wrap{margin-left: 0}
    .round-gradient{margin: 0 auto; width: 380rem; height: 380rem;}
    .round-gradient__in{width: 200rem; height: 200rem;}
    .round-gradient ul.pc_ver  li .ball{width: 103rem; height: 103rem; ;}
    .round-gradient ul.pc_ver  li .ball span{font-size: 16rem;}
    .round-gradient__in strong{font-size: 25rem}
    .round-gradient__wrap{margin-bottom: 235rem;}
    .bug-research{gap: 86rem;}
    .bug-research__img::before{left: -62rem; width: 38rem; height: 36rem;}
    .sub-section__tit br{display: none;}
    .pro-system[data-grid="4"] {grid-template-columns:1fr 1fr 1fr 1fr;}
    .pro-system li div::before {left: -34rem; top: 43rem; width: 30rem; height: 40rem; background: url(../img/sub/arrow-blue.jpg) no-repeat; background-size: contain; }
    .pro-system li p{font-size: 16rem;}

    .adv-title-v2 span{font-size: 28rem;}
}


@media all and (max-width:860px){
    .point-img{gap: 18rem;}
    .point-img p, .point-img--wrap p{margin-top: 9rem; font-size: 14rem;}
    .adv-effect__box .border-tit{font-size: 16rem; padding: 8rem 18rem;}
    .adv-effect .strong{font-size: 20rem;}
    .process-wrap{max-width: 100%;}
    .process-box.between{gap: 26rem;}
    .point-img li.padding{padding: 32rem;}
    [lang="en-US"] .adv-table__wrap{padding-top:70rem ;}
    [lang="en-US"] .adv-table__wrap table .sp::before{top: -59rem; font-size: 14rem;}
    [lang="en-US"] .adv-table__wrap .blue-box{height: calc(100% - 70rem);}
    .sub03-effect[data-flex="end"]{flex-direction: column;}
    .sub03-effect[data-flex="end"] > *{width: 100%;}
    .sub03-effect ul{padding-left: 0; padding-top: 20rem;}
    .sub-white{margin-top: 14rem;}
    .goal{padding-bottom: 0;}
    .goal__item.part3{position: relative; margin-top: 40rem;}
    .goal__item.part2{margin-top: 40rem;}
    .goal img{top: 50%; transform: translateY(-50%); left: inherit; right: 0;}
    .goal__item p br{display: none;}
    .goal__item{width: 50%;}

    .round-gradient{margin: 0 auto; width: 300rem; height: 300rem;}
    .round-gradient__in{width: 140rem; height: 140rem;}
    .round-gradient  ul.pc_ver li .ball{width: 76rem; height: 76rem; ;}
    ul.pc_ver  .round-gradient__01 .ball{top: -39rem;}
    ul.pc_ver  .round-gradient__02 .ball{right: -12rem; top: 30rem;}
    ul.pc_ver  .round-gradient__04 .ball{bottom:-35rem;}
    ul.pc_ver  .round-gradient__06 .ball{left: -12rem; top: 30rem;}
     .round-gradient  ul.pc_ver  li p{font-size: 14rem;}
    ul.pc_ver   .round-gradient__02 p{right: -200rem; top: 36rem;}
    ul.pc_ver   .round-gradient__03 p{right: -210rem; bottom: 30rem;}
    ul.pc_ver   .round-gradient__06 p{left: -206rem; top: 36rem;}
    ul.pc_ver   .round-gradient__05 p{left: -200rem; bottom: 44rem;}
    ul.pc_ver   .round-gradient__04 p{bottom: -120rem;}
    ul.pc_ver   .round-gradient__01 p{top: -110rem;}
    .round-gradient__wrap{margin-top: 140rem; margin-bottom: 175rem;}
    .catalog-download{height: 110rem;}
    .catalog-download > span{font-size: 18rem;}
    
    .pro-system[data-grid="4"] {grid-template-columns:1fr 1fr;}
    .pro-play-system{width: 100%; max-width: 100%; }
    .adv-title-v2 span{font-size: 25rem;}
}

@media all and (max-width:540px){
    .icon-list{gap: 12rem;}
    .icon-list li{width: 70rem; height: 70rem;}
    .icon-list li img{width: 41%;}
    .icon-list li:nth-child(2) img{width: 34%;}
    .rain-type__title strong{font-size: 18rem; margin-bottom: 7rem;}
    .rain-type__title p{font-size: 15rem;}
    .rain-type__title{margin: 16rem auto 10rem;}
    .rain-border__box{padding: 16rem;}
    .rain-border__box p{font-size: 15rem; line-height: 1.5;}
 
    .point-img.quater{grid-template-columns: 1fr 1fr;}
    .point-img.half,
    .point-img.three{grid-template-columns: 1fr}

    .adv-sec + .adv-sec{margin-top: 24rem;}
    .adv-sec .adv-title{font-size: 18rem; padding-left: 22rem;}
    .adv-sec .adv-title::before{width: 11rem; height:8rem;}
    .adv-sec .adv-list li{font-size: 13rem;}
    .adv-sec .adv-title span{font-weight: 400;}
    .adv-effect__box .border-tit{padding: 5rem 14rem; font-size: 15rem;}
    .adv-effect .strong{font-size: 18rem;}
    .adv-sec .adv-title + *{margin-top: 9rem;}
    .point-img.v2 span{font-size: 14rem;}
    .adv-table .tit{font-size: 18rem;}
    [lang="en-US"] .adv-table .tit{font-size: 15rem;}
    .adv-table .tit span{font-size: 14rem;}
    .adv-virous__title strong{font-size: 18rem; margin-top: 0;}

    .adv-table__wrap{overflow-x: scroll; overflow-y: hidden;}
    .adv-table__wrap table,.stain-table table,.table03 table{width: 680rem;}
    [lang="en-US"] .stain-table table{width: 860rem;}
    .adv-table__wrap .blue-box{width: 47%; right: -48%;}
    .process-box.between{gap: 10rem;}
    .process-box p{font-size: 14rem; margin-top: 4rem;}
    .process-box .arrow span{font-size: 18rem;}
    .point-img li.padding{padding: 20rem;}
    [lang="en-US"] .process-box .arrow span{font-size: 15rem;}
    [lang="en-US"] .process-box.between{flex-direction: column;}
    .point-img.process_v{gap: 30rem;}
    .point-img.process_v:nth-child(2) li:nth-child(2){padding-bottom: 0;}
    .point-img.process_v:nth-child(2) li:nth-child(2)::before{display: none;}
  
    .river-box{margin-top: 40rem;}
    .river-box > [class^="river-box__"]{width: 100%;}
    .river-box > [class^="river-box__"] + *{margin-top: 14rem;}
    .river-box > [class^="river-box__"]{padding: 16rem;}
    .river-box > [class^="river-box__"] strong{font-size: 18rem;}

    .add-sec .add-title{font-size: 20rem;}
    .add-sec strong{line-height: 1.5;}
    .add-sec .add-title{padding-left: 28rem; font-size: 18rem;}
    .add-sec .add-title::before{top: 8rem;}
    .add-sec .add-title + p {font-size: 14rem;}
    .add-sec .rain-border__box + *{margin-top: 14rem;}
    .rain-border__box p br{display: none;}
    .sub03-effect ul > li{padding-left: 24rem;}
    .sub03-effect ul > li::before{top: 7rem;}

    .goal__item strong{font-size: 18rem;}
    .goal img{top: 0; transform: none; width: 80%; margin: 0 auto 54rem; position: relative;}
    .goal__item{width: 100%;}

    .catalog-download{flex-direction: column; padding:23rem; height: 150rem; margin-top: 35rem; border-radius: 10rem;}
    .colum-slider-container .swiper-slide div{width: 100%; margin:  0 auto;}
    .colum-slider__pagination .swiper-pagination-bullet{margin: 53rem 5rem 0;}
    .colum-slider-container img,.bug-research__img img{border-radius: 10rem;}
    .process-box p{line-height: 1.2;}
    .process-box.between{align-items: baseline;}
    .bug-research__img::before{left: 50%; top: -64rem; transform: translateX(-50%) rotate(90deg);}
    .round-gradient ul.pc_ver li p{display: none;}
    .round-gradient{width: 270rem; height: 270rem;}
    .round-gradient__in strong{font-size: 20rem;}
    .round-gradient__in p,.round-gradient__in strong span{font-size: 14rem;}
 .round-gradient      ul.pc_ver  li .ball span{font-size: 15rem; line-height: 1.3;}
    .round-gradient__wrap{margin-top: 71rem; margin-bottom: 50rem;}
     .round-gradient__wrap ul.mo_ver{display: block; margin-top: 70rem;}
     .round-gradient__wrap ul.mo_ver .tt{color: #259dde; font-weight: 600; font-size: 16rem;}
     .round-gradient__wrap ul.mo_ver  p{color: #666; font-size: 15rem;}
     .round-gradient__wrap ul.mo_ver li + li{margin-top:18rem;}

     .colum-slider-controls{margin-top: 12rem;}
     .colum-slider__btn.swiper-button-disabled{opacity: 0.2; }
     .colum-slider__btn + .colum-slider__btn{border-left: 1px solid #ddd;}
     .colum-slider__btn{display: flex; color: #00b9ef;  height: 15rem; margin: 0; padding: 0 25rem;}
     .colum-slider__pagination{display: none;}
     .pro-system li img{max-width: 66%;}
     .pro-system li div::before{left: -22rem;}
     .pro-system li:nth-child(3) div::before{display: none;}
     .pro-play-system li{padding: 12rem 15rem; font-size: 16rem; border:1px solid #259dde}

     .adv-title-v2 span{font-size: 21rem;}
     .adv-title-v2 span::before{display: none;}
     .pro-process__tt {font-size: 18rem;}
}

/* 사업현황 인트로 */
.sub03_01.motion-on #logo a,
.sub03_01 #header.color-on #logo a{background-image:url(../img/layout/logo.svg) !important;}
.sub03_01 .gnb-mobile-btn span{background-color: #000;}
.sub03_01 #gnb.gnb-full .gnb-item > a{color:var(--b-01);}
.sub03_01 #sub-visual{display:none;}
.sub03_01 #footer{margin:0;}
.sub03_01 .sub-content{padding-top:115rem;}

.business-intro{display:grid; margin:20rem; gap: 24rem; grid-template-columns:1fr 1fr 1fr}
.business-intro > *{height: 830rem; border-radius: 10rem; overflow: hidden; }
.business-intro h2{color: #fff; font-weight: 700; font-size: 72rem; position: absolute; z-index: 22; left: 47rem; top: 80rem;}
.business-intro h2 p{font-size: 24rem; color: #fff; margin-top: 20rem; text-indent: 4rem;}
.business-intro h2.air_ver{font-size: 56rem;}
[lang="en-US"] .business-intro h2{font-size: 52rem;}
.business-water{background: url(../img/sub/business_intro01.jpg) no-repeat; background-size: cover; }
.business-eco{background: url(../img/sub/business_intro02.jpg) no-repeat; background-size: cover; }
.business-air{background: url(../img/sub/business_intro03.jpg) no-repeat; background-size: cover; background-position: 50% 50%; }
.business-air a{width: 100%; height: 100%; display: block;}
[class^="business-list__"]{position: absolute; left: 0; bottom:22rem;  width: 100%;}
[class^="business-list__"] li{padding: 0 22rem; box-sizing: border-box;}
[class^="business-list__"] li a{border-radius: 10rem; font-size: 28rem; color: #fff; font-weight: 700;}
[lang="en-US"] [class^="business-list__"] li a{font-size: 25rem;}
[lang="en-US"] .business-list__small li a{ line-height:1.4;}
[class^="business-list__"] li + li{margin-top: 22rem;}
.business-list__small li a{display: flex; align-items: center; justify-content: space-between; position: relative; padding: 25rem 40rem; box-sizing: border-box; background-color: rgba(255,255,255,0.2);}
.business-list__small li .plus-icon{position: relative; right: 0; bottom: 0; top: 0; width: 48rem; height: 48rem;}
.business-list__big li a{background-color: rgba(255,255,255,0.14); display: block; position: relative; box-sizing: border-box; padding: 34rem 44rem;}
.business-list__big li a .plus-icon{width: 60rem; height: 60rem;}
[lang="en-US"] .business-list__big li a{font-size: 25rem; line-height: 1.4;}
@media all and (max-width:1640px){
    .business-intro h2{font-size: 54rem; top: 32rem;}
    .business-intro h2.air_ver{font-size: 42rem;}
    [class^="business-list__"] li a{font-size: 22rem;}
}

@media all and (max-width:1023px){
    .business-intro{grid-template-columns:1fr 1fr}
    .business-intro h2{font-size: 42rem; left: 22rem;}
    .business-intro h2 p{font-size: 18rem; margin-top: 12rem;}
    .business-intro > *{height: 650rem;}
    .business-list__big li a,.business-list__small li a{padding: 24rem 22rem;}
    .business-air{grid-row: 2; grid-column: 1 / span 2; height: 300rem; background-position: 10% 33%; }
    [class^="business-list__"] li a{font-size: 18rem;}
    .business-list__small li .plus-icon{width: 32rem; height: 32rem;}
    .business-list__small li .plus-icon i{width: 17rem;}
    .business-list__big li a .plus-icon{right: 22rem; bottom: 22rem;}

    [lang="en-US"] .business-intro h2{left: 22rem; top: 22rem; font-size: 40rem;}
    [lang="en-US"] [class^="business-list__"] li a{font-size: 18rem;}
    [lang="en-US"] .business-list__big li a{font-size: 23rem;}
}
@media all and (max-width:860px){
    .business-intro{grid-template-columns:1fr}

    .business-intro h2{position: relative;}
    [class^="business-list__"]{position: relative; bottom: 0;}
    .business-intro > *{height: auto; padding: 32rem;}
    [class^="business-list__"] li{padding: 0;}
    .business-intro h2{top: 0; left: 0; }
    .business-intro h2 + *{margin-top:26rem}
    .business-water{grid-row: 1; grid-column: 1 / span 2;}
    .business-eco{grid-row: 2; grid-column: 1 / span 2; }
    .business-air{grid-row: 3; grid-column: 1 / span 2; height: 200rem;}
    .business-list__big li a{height: auto;}
    [class^="business-list__"] li + li{margin-top: 12rem;}
    .business-list__small li .plus-icon,.business-list__big li a .plus-icon{width: 40rem; height: 40rem;}
    .business-list__big li a .plus-icon{top: 50%; transform: translateY(-50%);}
    [lang="en-US"] .business-intro h2{left: 0; top: 0;}
    .business-air .plus-icon{width: 60rem; height: 60rem;}
}

@media all and (max-width:540px){
    .business-intro h2,   .business-intro h2.air_ver{font-size: 24rem;}
    .business-intro > *{padding: 20rem;}
    [class^="business-list__"] li + li{margin-top: 10rem;}
    [class^="business-list__"] li a{display: block;}
    [class^="business-list__"] li a .plus-icon i::before{height: 14rem;}
    [class^="business-list__"] li a .plus-icon i::after{width: 14rem;}
    .business-list__big li a .plus-icon,.business-air .plus-icon{width: 40rem; height: 40rem;}
    .business-list__small li .plus-icon{margin-left: auto; margin-top: 8rem;}
    .business-air .plus-icon{right: 20rem; bottom: 20rem;}
    .sub03_01 .sub-content{padding-top: 65rem;}
}