@charset "utf-8";


/* **************************************** *
 * SUB global root
 * **************************************** */
 :root {
	--font-18:18rem;  
    --font-21:21rem;
    --font-23:23rem;  
}

@media (max-width: 1023px){
    :root {
        --font-18:16rem;  
    }
}
@media (max-width: 540px){ 
    :root{
        --font-21:16rem; 
        --font-23:15rem;
        --font-18: 14rem;
    }
}

.prodcut-table:not(:has(tbody td)) {display:none;}

/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
/* #container:has(.board-page) + #footer{margin-top: 140rem;} */
#header{}
#logo a{background-image:url(../img/layout/logo.svg); background-repeat:no-repeat;}
#gnb .gnb-item > a{color: var(--b-01); }
.lang-menu li.on a{background-color: var(--c-01); border-color: var(--c-01); color: #fff;}
.lang-menu ul{background-color: rgba(202,202,202,0.35); border-color: rgba(220,220,220,0.4);}
.gnb-mobile-btn span{background-color: var(--b-01);}

#footer{}
*:not([class^="sub02_"]) #footer{margin-top: 150rem;}
.sub02_0102 #lnb:not(.lnb-select) .select-link > ul > li:first-child > a{ opacity: 1; font-weight: 600; border-bottom: 6rem solid var(--c-01);}
/* [class^="sub03_"] #footer{margin-top:0} */

.mo-block{display: none;}

@media (max-width:1680px){

}
@media all and (max-width:1023px){
    *:not([class^="sub02_"]) #footer{margin-top: 120rem;}
}
@media all and (max-width:860px){
    *:not([class^="sub02_"]) #footer{margin-top: 100rem;}
}
@media (max-width: 540px){
    .mo-block{display: block; text-align: center;}
}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative;padding-top: max(9.3750vw, 130rem);}
.sub-content:has(.board-page){padding-top: 125rem;}
.sub-content h3{line-height:146%; font-size:48rem; font-family: var(--lang-ko) }
.sub-content h3 + *{margin-top: 14rem;}
.sub-content h4{font-size: 32rem; line-height: 146%; font-family: var(--lang-ko)}
.sub-content h4 + *{margin-top: 23rem;}
.sub-content h5{font-size: 22rem;  line-height: 28rem; font-family: var(--lang-ko);}
.sub-content h6{font-size:18rem ; font-family: var(--lang-ko)}
.sub-content h6 + *{margin-top: 6rem;}

[data-sec]{padding: 125rem 0;}
[data-sec="gray"]{background-color: #f5f5f5;}
[data-sec="white"] + [data-sec="white"],[data-sec="gray"] + [data-sec="gray"]{padding-top: 0;}
[data-sec] h3 + *{margin-top: 23rem;}
[data-sec]:nth-child(1){padding-top: 0;}
[data-sec].last{padding-bottom: 0 !important;}
/* [data-sec]:last-child:not([data-sec="gray"]){padding-bottom: 0;} */
[data-sec] + .wrap > [data-sec]:nth-child(1){margin-top: 125rem;}
h5 + [data-list]{margin-top: 9rem;}

.comm-flex{}
.comm-flex h4 + *{margin-top: 0 !important;}
.comm-flex h4{width: 357rem; position: relative; top: -3rem;}
.comm-conts{width: calc(100% - 357rem);}

.comm-title h2{font-size: 48rem; line-height: normal; padding-left: 30rem; position: relative; font-family: var(--lang-ko);}
.comm-title h2::before{content: ""; width: 8rem; height: 50rem; background-color: var(--c-01); position: absolute; left: 0; top: 2rem;}
.comm-title p{margin-top: 34rem; font-weight: 300;}

.snb{display: flex;  align-items: center; justify-content: center; margin: 0 auto 76rem;  }
.snb ul{ border:1px solid #eee; padding: 6rem; box-sizing: border-box; background-color: #fff; border-radius: 80rem;display: flex;}
.snb li a{padding: 19rem 36rem; display: flex; border-radius: 80rem; font-weight: 700; opacity: 0.2;}
.snb li.on a{background-color: var(--c-01) ; color: #fff; opacity: 1;}

@media (max-width:1480px){
    .comm-flex h4{width: 300rem;}
    .comm-conts{width: calc(100% - 300rem);}
}
@media all and (max-width:1023px){
    .sub-content,
	.sub-content:has(.board-page){padding-top:110rem;}
    .sub-content h4{font-size: 28rem;}
    [data-sec]{padding: 86rem 0;}
    [data-sec] + .wrap > [data-sec]:nth-child(1){margin-top: 86rem;}
    .comm-flex{flex-direction: column;}
    .comm-flex h4,.comm-conts{width: 100%;}
    .comm-flex h4 + *{margin-top: 12rem !important;}
    .comm-title h2{font-size: 34rem; padding-left: 24rem;}
    .comm-title h2::before{height: 100%; width: 6rem; top: 0;}
    .sub-content h3{font-size: 28rem;}
    .snb{margin: 0 auto 56rem;}
    .snb li a{padding: 16rem 28rem;}
}

@media (max-width: 860px){
	.sub-content h3{font-size:max(3.6860vw, 23rem);}
    .sub-content, .sub-content:has(.board-page){padding-top: 90rem;}
    [data-sec]{padding: 74rem 0;}
    [data-sec] + .wrap > [data-sec]:nth-child(1){margin-top: 74rem;}
    .comm-title h2 {font-size: 30rem;}
}

@media (max-width: 540px){
    .sub-content h3{font-size:max(3.6860vw, 22rem);}
    .sub-content{padding-top: 80rem;}
	.sub-content:has(.board-page){padding-top: 70rem;}
	.sub-content h4{font-size:18rem;}
    .sub-content h4 + *{margin-top: 10rem !important;}
    .sub-content h5,.sub-content h6{font-size: 15rem;}
    .comm-title h2{font-size: 22rem; padding-left: 14rem;}
    .comm-title h2::before{height: 25rem;width: 4rem;top: 1px;}
    .comm-title p{margin-top: 18rem;}
    .comm-title p br{display: none;}
    [data-sec]{padding: 54rem 0;}
    [data-sec] + .wrap > [data-sec]:nth-child(1){margin-top: 54rem;}

    .snb ul{padding: 3rem;}
    .snb li a{padding: 13rem 16rem; font-size: 13rem;}
}

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

/* 회사소개 */
.about-page{position: relative;}
.about-page #sub-nav{position: absolute; left: 0; top: 254rem; opacity: 0.45;}
.about-page #sub-nav {}
.area-sticky--container{margin-top: 59rem;}
.about-sticky__banner{position: sticky; top: 0; padding-top: 329rem; z-index: 11;}
.about-sticky__banner h2{font-size: 72rem; line-height: 128%; color: var(--c-02);}
.about-background{height: 220vh; width: 100%; position: relative; margin-top: 264rem;}
.about-background__image{position: absolute; max-width: 34%;}
.about-background__image.part01{right: 0; top: 0;}
.about-background__image.part02{left: -157rem; top: 268rem;}
.about-background__image.part03{right: -280rem; top: 840rem;}
.about-background__image.part04{left: 400rem; top: 1104rem;}
.about-background__image img{width: 100%;}

.about-intro p{font-size: 32rem; line-height: 146%;  font-weight: 400; color: var(--b-01); margin-top: 38rem;}
.about-intro p b{font-weight: 600;}
.about-ceo{margin-top: 100rem;}
.about-ceo__bg{width: 100%; height: 667rem; background:url(../img/sub/ceo-bg.jpg) no-repeat; background-position: 50% 50%; background-size: cover; }
.about-ceo__text{position: relative; padding-top: 120rem;}
.about-ceo__text em{position: absolute; font-size: 16rem; line-height: 146%; color: var(--c-01);  font-weight: 700; font-family: var(--lang-en);}
.about-ceo__detail{padding-left: 477rem;}
.about-ceo__detail p{color: var(--b-01);}
.about-ceo__detail p + p{margin-top: 32rem;}

@media (max-width:1680px){

}
@media all and (max-width:1480px){
    .about-sticky__banner h2{font-size: 62rem;}
    .about-background{height: 200vh; margin-top: 34rem;}
    .about-background__image.part02{left: -20rem;}
    .about-background__image.part03{right: -2%;}
    .about-background__image{max-width: 28%;}
    .about-intro p{margin-top: 18rem; font-size: 28rem;}
}
@media all and (max-width:1200px){
    .about-background{height: 160vh;}
    .about-sticky__banner{padding-top: 200rem;}
    .about-page #sub-nav{top: 154rem;}
    .about-ceo__detail{padding-left: 400rem;}
}
@media all and (max-width:1023px){
    .about-ceo__detail{padding-left: 0;}
    .about-ceo__text{padding-top: 100rem;}
    .about-ceo__text em{position: relative; margin-bottom: 32rem; display: block;}
    .about-ceo__bg{height: 490rem;}

    .about-background__image{max-width: 30%;}
    .about-sticky__banner{padding-top: 150rem;}
    .about-sticky__banner h2{font-size: 46rem;}
    .about-background__image.part03{top: 730rem;}
    .about-background__image.part04{left: 22%; top:970rem}
    .about-page #sub-nav{top: 106rem;}
    .about-intro p{font-size: 20rem;}

}

@media all and (max-width:860px){
    .about-sticky__banner h2{font-size: 36rem;}
    .about-background__image{max-width: 260rem}
    .about-background__image.part03{top: 640rem;}
    .about-background__image.part04{left: 16%; top: 880rem;}
    .about-background{height: 1400rem;}
    .about-ceo__bg{height: 330rem;}
    .about-ceo{margin-top: 80rem;}
    .about-ceo__text{padding-top: 80rem;}
}

@media (max-width: 540px){
	.about-page #sub-nav{top: 50rem;}
    .about-sticky__banner h2{font-size: 24rem;}
    .about-sticky__banner h2 br{display: none;}
    .about-sticky__banner{padding-top: 100rem;}
    .about-background__image{max-width: 140rem;}
    .about-background__image.part02{left: 0;}
    .about-background__image.part03{right: 0; top: 500rem;}
    .about-background__image.part04{left: 12%; top: 740rem;}

    .about-background{height: 1060rem;}
    .about-intro p{font-size: 15rem;}
    
    .about-ceo{margin-top: 60rem;}
    .about-ceo__text{padding-top: 60rem;}
    .about-ceo__text em{margin-bottom: 14rem;}
    .about-ceo__detail p + p{margin-top: 21rem;}
    .about-ceo__detail p br{display: none;}
    .about-ceo__bg{height: 200rem;}

}


.sub01_03 .sub-visual__bg{display: none;}
.sub01_03 .sub-content{padding-top: 0;}
.overview-bg{position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 0; padding-top: 49.15%;}
.overview-bg > div{width: 100%; height: 100%; position: absolute; top: 0; display: flex; flex-direction: column; justify-content: center;}
.overview-intro__text strong{display: block; color: #fff; font-size: 90rem; text-align: center;} 
.overview-intro{background:center / cover no-repeat url(../img/sub/mangemanet-bg01.jpg); background-attachment: fixed;}
.overview-info{ background:center / cover no-repeat url(../img/sub/mangemanet-bg02.jpg); background-attachment: fixed;}
.overview-info__detail h3{color: #fff;}
.overview-info__detail .wrap{width: 100%;}
.overview-info__detail table{background: rgba(201, 201, 201, 0.39);  backdrop-filter: blur(2rem); width: 100%; border-top: 2px solid var(--c-02);}
.overview-info__detail table th{background: rgba(240, 240, 240, 0.39); backdrop-filter: blur(2rem); font-weight: 600;}
.overview-info__detail table td{font-weight: 300;}
.overview-info__detail table tr > *{text-align: left; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.30);  padding:24rem 10rem 24rem 24rem;}

.over-white{padding-top: 130rem;}
.overview-icon{padding-bottom: 178rem;}
.overview-icon p{font-weight: 300; color: var(--b-01);}
.overview-icon__box{position: relative;}
.overview-icon__box .bg{max-width: 100%; margin: 0 auto;/*  position: absolute; top: 0; left: 0; */ z-index: 0; }
.overview-icon__box > *:not(.bg){position: absolute; z-index: 1; width: 100%;  padding-top: 87rem; }

.overview-main__title{display: flex; align-items: baseline; }
.overview-main__title i{width: 38rem; font-size: 22rem; font-weight: 600; color: #ddd; font-family: var(--lang-en);}
.overview-main__title em{font-size: 18rem; font-weight: 600; }

.overview-main__grid{gap: 0; border-top: 2px solid var(--c-02); border-right: 1px solid #ddd;} 
.overview-main__item{border-bottom: 1px solid #ddd; height: 197rem; display: flex;flex-direction: column; justify-content: space-between; position: relativee; border-left: 1px solid #ddd; padding: 36rem 36rem 31rem 29rem; box-sizing: border-box;}
.overview-main__icon img{margin-left: auto;}
.overview-icon__human{ /* left: 50%; transform: translateX(-50%); */ margin: 0 auto; text-align: center;}
.overview-icon__human em{display: inline-flex; padding: 10rem 19rem; justify-content: center; align-items: center; border-radius: 90rem; background-color: var(--c-02); color: #fff;  font-size: 22rem; font-weight: 700; line-height: 130%; }
.overview-icon__human img{margin: 0 auto 20rem;}
.overview-icon__box ul{display: flex; justify-content: center; gap: 44rem;}
.overview-icon__box li{width: 252rem; height: 252rem; border-radius: 100%; border:1px dashed #BEE5CE; padding: 25rem; position: relative; }
.overview-icon__box li i{width: 100%; height: 100%; background-color: #fff; display: block; border-radius: 100%; border:1px dashed var(--c-01);}
.overview-icon__box li strong{font-size: 40rem; font-weight: 700; color: var(--c-01); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.overview-icon__box li.second{top: 141rem;}

@media (max-width:1680px){
    .overview-info__detail .wrap{width: auto;}

}
@media (max-width:1480px){
    
    .overview-bg > div{}
    .overview-intro__text strong{font-size: 70rem;}
    .overview-icon__box li strong{font-size: 28rem;}
    .overview-icon__box li{width: 212rem; height: 212rem;}
    .overview-icon__box .bg{height: 490rem;}
    .overview-icon p br{display: none;}
    .overview-icon__human em{font-size: 20rem;}
    .overview-info__detail table tr > *{font-size: 17rem;}
}
@media (max-width:1200px){
    .overview-info__detail table tr > *{padding: 20rem 10rem;}
}
@media all and (max-width:1023px){
   
    .overview-intro__text strong{font-size: 50rem;}
    .overview-icon__box li strong{font-size: 22rem;}
    .overview-icon__box li{width: 203rem; height: 203rem;}
    .overview-info__detail table tr > *{padding: 20rem;}
    .overview-info__detail table tr > *{font-size: 15rem;}
    .overview-bg{padding-top: 0; height: auto; height: auto;  height: 500rem; background-attachment: local;}
    .overview-bg > div{position: relative;}
    .overview-info{background-attachment: local;}
    .overview-main__icon {height: 50rem;}
    .overview-main__icon img{height: 100%;}
    .overview-main__title i{min-width: 40rem; font-size: 20rem;}
    
}

@media all and (max-width:860px){
    .overview-info__detail table,  .overview-info__detail table tbody{display: block;}
    .overview-info__detail table tr{display: flex; flex-wrap: wrap;}
    .overview-info__detail table tr > th{min-width: 160rem; width: 160rem;} 
    .overview-info__detail table tr > td{width: calc(100% - 160rem);}
    .overview-info__detail table tr:last-child *:nth-child(3),
    .overview-info__detail table tr:last-child *:nth-child(4){display: none;}
    .overview-main__icon{height: 30rem;}
    .overview-main__item{padding: 24rem;}
    .over-white{padding-top: 84rem;}
    .overview-icon__box li{width: 180rem; height: 180rem; padding: 16rem;}
    /* .overview-icon__human img{width: ;} */
    .overview-icon__box .bg{height: 450rem;}
    .overview-icon__human em{font-size: 17rem;}
    
}

@media (max-width: 540px){
    .overview-info__detail table tr > th{min-width: 100rem; width: 100rem;} 
    .overview-info__detail table tr > td{width: calc(100% - 100rem);}
    .overview-info__detail table tr > *{font-size: 14rem; padding: 16rem;}

    .overview-main__grid{grid-template-columns: 1fr;}
    .overview-main__icon{height: 36rem;}
    .overview-main__item{height: 154rem;}
    .overview-main__title i,.overview-main__title em{font-size: 16rem;}
    .overview-main__title i{width: 27rem; min-width: 27rem;}
    .over-white{padding-top: 64rem;}
    .overview-bg{height: 380rem;}
    .overview-intro__text strong{font-size: 28rem; display: block; padding: 0 40rem;}
    .overview-icon__box ul{gap: 0;}
    .overview-icon__box li{width:100rem; height:100rem; padding: 10rem;}
    .overview-icon__box li strong{font-size: 16rem;}
    .overview-icon__box .bg{height: 200rem;}
    .overview-icon__box ul{justify-content: space-between; margin-top: 40rem;}
    .overview-icon__box li.second{top: 0;}
    .overview-icon__human em{font-size: 15rem;}
    .overview-icon{padding-bottom: 64rem;}
    .overview-info{height: auto; padding: 64rem 0;}
    .overview-icon__box > *:not(.bg){position: relative;}
    .overview-icon__box .bg{position: absolute; bottom: 140rem;}
}

.cerficiation-news__list{border-top: 2px solid var(--b-01);}
.certification-news {margin-top: 100rem;}
.certification-news a{border-bottom: 1px solid #ddd; display: flex; box-sizing: border-box; padding: 30rem 0; position: relative;}
.certification-news a .image{width: 213rem; height: 145rem; }
.certification-news a .image img{width: 100%;  height: 100%;}
.certification-news a .conts{width: calc(100% - 213rem); box-sizing: border-box; padding-left: 26rem; padding-right: 166rem;}
.certification-news a .conts strong{font-size: 22rem; font-weight: 700; color: var(--b-01);}
.certification-news a .conts p{ font-size: 16rem; font-weight: 400; line-height: 28rem; margin-top: 8rem;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.certification-news a i{width: 66rem; height: 66rem; border-radius: 100%; transition: all .3s; opacity: 0; background-color: var(--c-01); display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; right: 40rem; transform: translateY(-50%);}
.certification-news .conts div{display: flex; gap: 24rem; margin-top: 61rem;}
.certification-news .conts div *{font-size: 14rem;}
.certification-news .conts div b{color: var(--b-01); font-weight: 600; position: relative;}
.certification-news .conts div b::before{content: ""; width: 1px; height: 14rem; background-color: #d2d2d2; position: absolute; right: -12rem; top: 3rem;}
.certification-news .conts div span{color: #d2d2d2;}

@media (hover: hover) {
    .certification-news a:hover i{ opacity: 1;}
  }

/* 연혁 */
.history-line{display:block;position:absolute;overflow:hidden;top:0;left:520rem;width:1rem;height:100%;background:#ddd;margin-top: 0 !important;}
.history-item{display: flex; position: relative;}
.history-item strong{font-weight:700;text-align: right; min-width: 357rem; position: relative; font-size:70rem;color:#d5d5d5; font-family: var(--lang-en); line-height: 70% ;transition:var(--trans-01);}
.history-item .dot{ display: block; width: 16rem; height: 16rem; z-index: 4; border-radius: 60rem; border:4rem solid var(--c-02); background-color: #fff; position: absolute; left: 512rem; top: 15rem; }
.history-item.active .dot::before{content: ""; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%,-50%); width: 32rem; height: 32rem; border-radius: 100%; background-color: rgba(22, 174, 84,0.29); animation: round-scale 2s cubic-bezier(1, 2, 0.66, 3) infinite; -webkit-animation-fill-mode:both; -webkit-animation: round-scale 2s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite }
.history-item.active .dot::after{content: ""; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%,-50%); width: 72rem; height: 72rem; border-radius: 100%; background-color: rgba(23, 125, 64,0.09); animation: round-scale 2s cubic-bezier(1, 2, 0.66, 3) infinite; -webkit-animation-fill-mode:both; -webkit-animation: round-scale 2s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite ; animation-delay: .2s;}
.history-item.active strong{color:var(--c-01); opacity: 1; font-size: 92rem;} 
.history-item .year::before{content: "~";position: absolute;font-size: 92rem;color: #d5d5d5;top: -180rem;transform: rotate(90deg);left: 61%;}
.history-item.active .year::before{color: var(--c-01);}
.history-list{display:grid;row-gap:131rem;}
.history-desc{margin-left: 285rem;}
.history-desc li em{ font-weight:700; font-family: var(--lang-en); color:var(--b-01); min-width:45rem;}
.history-desc li{display:flex; align-items:flex-start; line-height: 1.7;}
.history-desc li:not(:last-child){margin-bottom:18rem;}
.history-sect + .history-sect{margin-top:200rem;}
.history-sect .txt-bg{font-size: 330rem; color: rgba(37,130,37,0.05); position: absolute; right:0; top: 0;;}
.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;}
@keyframes round-scale{
    0%{
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
        opacity: 0.2;
    }
    50%{
        opacity: 1;
    }
    100%{
        -webkit-transform: translate(-50%,-50%) scale(1.7);
        transform:translate(-50%,-50%)  scale(1.7);
        opacity: 0;
    }
}


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

@media (max-width:1023px){
	.history-item.active strong{font-size: 72rem;}
    .history-item strong{font-size: 50rem; min-width: 200rem;}
    .history-line{left: 310rem;}
    .history-item .dot{left: 303rem;}
    .history-desc{margin-left: 185rem;}
    .history-sect .txt-bg img{width: 170rem;}
    .history-list{row-gap: 100rem;}
}

@media (max-width:860px){
	.history-item.active strong{font-size: 58rem;}
    .history-item strong{font-size: 40rem; min-width: 170rem;}
    .history-line{left: 230rem;}
    .history-item .dot{left: 225rem; width: 13rem; height: 13rem; top: 8rem; border:3rem solid var(--c-02);}
    .history-desc{margin-left: 145rem;}

}

@media (max-width: 540px){
    .history-item.active strong{font-size: 34rem;}
    .history-item strong{font-size: 26rem; min-width: 100rem;}
    .history-line{left:0 ;}
    .history-item .dot{left: -43rem; width: 10rem; height: 10rem; border:2px solid var(--c-02); top: 4rem;}
    .history-item.active .dot::after{width: 52rem; height: 52rem;}
    .history-item.active .dot::before{width: 26rem; height: 26rem;}
    .history-item{flex-direction: column;}
    .history-item strong{width: 100%; text-align: left; margin-bottom: 22rem;}
    .history-desc{margin-left: 0;}
    .history-list{padding-left: 38rem; row-gap: 64rem;}
    .history-desc li{font-size: 14rem;}
    .history-desc li em{min-width: 33rem;}
    .history-desc li:not(:last-child){margin-bottom: 10rem;}
    .history-sect .txt-bg img{width: 110rem;}
    *:not([class^="sub02_"]) #footer{margin-top: 80rem;}
}


 /* 인증서 */
 .certify-list{row-gap: 64rem;}
 .certify-item img{width:100%; height: 100%; object-fit: contain; position: relative;}
 .certify-item div{width: 100%; height: 368rem; background-color: #f5f5f5; padding: 59rem 66rem ;box-sizing: border-box; position: relative;}
 .certify-item figure{width: 100%; height:100%; box-sizing: border-box; position: relative;}
 .certify-item figure::before{content: ""; z-index: 10; position: absolute; width: 100%; left: 0; height: 100%; top: 0; border:2px solid transparent; transition: all .3s;} 
 .certify-item figure i{width: 52rem; height: 52rem; opacity: 0;  transition: all .3s; visibility: hidden; border-radius: 100rem; background-color:  var(--c-01); display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
 .certify-item figure i img{width: 22rem;}
 .certify-item strong{display:block; margin-top:20rem; font-size: 18rem; line-height: 1.555; font-family:var(--lang-ko); font-weight:600; text-align: center;}
 .certify-item strong span{font-size: 16rem;}
 .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;width: 60rem;height: 60rem;position: absolute;right: -70rem;top: -13rem;background: url(../img/common/ic-cancle_w.svg) no-repeat 50% 50%;background-size: 28rem;font-size: 0;background-color: transparent;}
 
 #layer-src img{width:100%;}
 
 @media (hover: hover) {
    .certify-item:hover figure::before{ border-color: var(--c-01);}
    .certify-item:hover i{opacity: 1; visibility: visible;}
  }

  @media (max-width:1480px){
    .certify-item div{padding: 40rem;}
  }
  @media (max-width:1200px){
    .certify-item div{padding: 30rem; height: 398rem;}
    .certify-item  figure > img{object-fit: cover;}
  }
 @media (max-width:1023px){
    .certify-item div{padding: 46rem;}
	.certify-item strong{margin-top: 15rem;}
	.certify-list{	gap: 32rem;}
    .certify-item strong{font-size: 16rem;}
    .certification-news .conts div{margin-top: 28rem;}
    .certification-news a .conts{padding-right: 0;}
    .certification-news a i{width: 46rem; height: 46rem; background: #f6f6f6; opacity: 1; top: inherit; bottom: 20rem; right: 0; transform: none;}
    .certification-news a i svg{width: 18rem;}
    .certification-news a i path{fill: var(--c-01);}
    .certification-news a .conts strong{font-size: 20rem}
    .certify-item figure i{width: 46rem; height: 46rem;}
    
}
@media (max-width:860px){
    .certify-item div{padding: 34rem; height: 288rem;}
    .certify-item strong{font-size: 15rem;}
    .certification-news a .conts strong{font-size: 18rem}
    .certification-news{margin-top: 84rem;}
    
}
 @media (max-width:540px){
     .certify-list{gap:25rem 10rem;}
     .certify-item div{padding: 22rem; height: 204rem;}
     .certify-item strong{margin-top:10rem; font-size: 14rem;}
     .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;}
     .certification-news{margin-top: 64rem;}
     .certification-news a{flex-direction: column; padding: 22rem 0;}
     .certification-news a .image{height: 195rem;}
     .certification-news a .image,.certification-news a .image img{width: 100%; object-fit: cover;}
     .certification-news a .conts{width: 100%; padding-left:0; margin-top: 20rem;}
     .certification-news a .conts strong{font-size: 17rem;}
     .certification-news a .conts p{font-size: 14rem;}
     .certification-news .conts div *{font-size: 13rem;}
     .certification-news a i{width: 42rem; height: 42rem; bottom: 184rem; right: 10rem; background: rgba(255,255,255,0.2); backdrop-filter: blur(3rem);}
     .certify-item figure i{width: 38rem; height: 38rem;}
     .certify-item figure i img{width: 15rem;}
    }


/* 가로스크롤 */
.sticky-scroll{height:700vh;} /* 속도인가.. */
.sticky{position:sticky; top:0px; overflow-x:hidden; overflow-y:hidden; max-height:100vh;}
.sticky-section{display:block; height:100vh; min-width:50vw;}
.sticky-horizontal{display:flex;}

@media (max-width: 620px) {
	.sticky-section{display:block; height:100vh; min-width:100vw;}
}

.orz-page img{max-width: 100%; margin: 0 auto; display: block;}



/* 비지니스 */
.business-page h5 + *{margin-top: 19rem;}

.business-visual{position: relative; padding-bottom: 96rem;} 
.business-visual__bg{width: 100%; height: 464rem;}
.business-visual__text{background-color: #fff; padding:72rem  60rem 0 94rem; width: 808rem; margin-top: -115rem;}

.sub02_0101 .business-visual__bg{background: url(../img/sub/business-visual01.jpg) no-repeat; background-size: cover;}
.sub02_0102 .business-visual__bg{background: url(../img/sub/business-visual01.jpg) no-repeat; background-size: cover;}
.sub02_02 .business-visual__bg{background: url(../img/sub/business-visual02.jpg) no-repeat; background-size: cover;}
.sub02_03 .business-visual__bg{background: url(../img/sub/business-visual03.jpg) no-repeat; background-size: cover;}
.sub02_04 .business-visual__bg{background: url(../img/sub/business-visual04.jpg) no-repeat; background-size: cover;}
.sub02_05 .business-visual__bg{background: url(../img/sub/business-visual05.jpg) no-repeat; background-size: cover;}


[data-list="dot"] [data-list="small-dot"]{margin-top: 3rem;}
[data-list="small-dot"] > li{font-size: 16rem; padding-left: 14rem; box-sizing: border-box;}
[data-list="small-dot"] > li::before{content: ""; width: 3.2rem; height: 3.2rem; border-radius: 20rem; background-color: var(--p-01); position: absolute; left: 0; top: 10rem;}

[data-sec="gray"] table.table  th{background-color: #fff;}
[data-sec="gray"] table.table  th.no-white{background-color: transparent;}
.business-page table td,.business-page table th{/* padding: 26rem 34rem; */ padding: 17rem 4rem; line-height: 146%;} 
.business-page table .text-left{text-align: left !important;}
.business-page table dl{display: flex;}
.business-page table th{font-size: 18rem;}
.business-page table th span{display: block; font-size: 16rem;}
.business-page table p{line-height: 146%; font-size: 18rem;}
.business-page table p b{font-weight: 600; }
.business-page table p + [data-list="small-dot"]{margin-top: 4rem;}
.business-page table  [data-list="small-dot"]{margin-left:8rem}
.business-page table  [data-list="small-dot"] + p{margin-top: 20rem;}
.business-page table dl{margin-top: 8rem;}
.business-page table dl dt{padding: 2rem 8rem;font-size: 14rem;/* width: 41rem; */height: 24rem;border-radius: 4rem;background-color: var(--c-02);color: #fff;align-items: center;display: flex;justify-content: center;}
.business-page table dl dd{width: calc(100% - 41rem); padding-left: 13rem; font-weight: 300; line-height: 146%;}
.business-page img{max-width: 100%; margin: 0 auto;}
.business-part + .business-part{margin-top: 90rem;}
.business-page .business-part table td,.business-page  .business-part table th{padding: 26rem 34rem;}

[data-margin="32"]{margin-top: 32rem;}
[data-margin="24"]{margin-top: 24rem;}

.no-padding{padding-top: 0;}
.solar-image img{width: 100%; height: 100%; object-fit: contain;}
.solar-image{border:1px solid #ddd; height: 528rem; display: flex; align-items: center; justify-content: center;}
.solar-power {gap: 23rem;}
.solar-power li{flex: 1;}
.solar-power .img{width: 100%;height: 0;border-radius: 100%;overflow: hidden;padding-bottom: 100%;position: relative;}
.solar-power .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.solar-power{justify-content: space-between;}
.solar-power p{font-size: 18rem; font-weight: 500; color: var(--p-01); margin-top: 13rem; text-align: center;}

.obligate{position: relative;}
.obligate i{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; background-color: var(--c-01); width: 78rem; height: 78rem; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.obligate-box{width: 50%; gap: 10rem; background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding:54rem 98rem; box-sizing: border-box;}
.obligate-box strong{line-height: 32rem; color: var(--b-01);  font-family: var(--lang-ko);}
.obligate-box strong + span{font-size: 16rem; font-family: var(--lang-ko); font-weight: 400; line-height: 146%; color: var(--p-01);}
.obligate-box strong span{font-weight: 300;}
.obligate-box:last-child{border:5rem solid var(--c-01); box-shadow: 30px 20px 37px 0px rgba(197, 218, 205, 0.60);}

.manage-process .process-system__item{max-width: 331rem;}
.manage-process .process-system{gap: 36rem;}
.manage-process .process-system.second{justify-content: left;}
.manage-process .process-system.second .process-system__conts{min-height: 93rem;}
.manage-process .process-system.first .process-system__item{flex: auto; max-width: inherit;}
.manage-process .process-system.first .process-system__conts{min-height: 137rem;}
.manage-process .process-system__conts em{display: inline-flex; border-radius: 90rem; padding: 3rem 13rem; font-weight: 500; border:2px solid #343434; color: #343434; justify-content: center; align-items: center;  }
.manage-process .process-system__top{flex-direction: column; gap: 0;}
.manage-process .process-system__top span{font-size: 15rem; margin-top: -3rem;}
.rps-process .process-system + .process-system,
.manage-process .process-system + .process-system{margin-top: 44rem;}

.year-responsibilty table td span{display: block; font-size: 15rem;}
.business-page .year-responsibilty table td, .business-page .year-responsibilty  table th{/* padding: 17rem 4rem; */ font-size: 18rem;}
.business-page .year-responsibilty__table + .year-responsibilty__table{margin-top: 31rem;}
.new-energy__table .table-expalain li + li{margin-top: 30rem;}
.new-energy-manage__list h5{font-size: 20rem;}
.new-energy-manage__list h5 + *{margin-top: 6rem !important;}
.new-energy-manage__list .li + .li{margin-top: 38rem;}
.new-energy-manage__list .li [data-list] > *{margin-bottom: 4rem;}

.profit-structure{margin-top: 79rem;}
.profit-structure em{max-width: 261rem; padding: 20rem 72rem; box-sizing: border-box; display: flex; border-radius: 90rem; background-color: var(--c-02); color: #fff; align-content: center; margin: 0 auto; justify-content: center; font-size: 20rem; font-weight: 700;}
.profit-image{margin-top: 80rem; align-items: center; justify-content: center; gap: 52rem;}
.profit-image i{width: 40rem; height: 40rem; border-radius: 100%; background-color: var(--c-01); display: flex; align-items: center; justify-content: center;}
.profit-image__box{border-radius: 100%; width: 213rem; height: 213rem; overflow: hidden; border:1px dashed #A5A0A0; display: flex; align-items: center; justify-content: center;}

.profit-carculate{border-radius: 20rem; border: 10rem solid rgba(200, 200, 200, 0.20); background: #FFF; width: 570rem; padding: 31rem 34rem; margin: 69rem auto 0;}
.profit-carculate strong{display: block; font-size: 18rem; font-weight:700; padding-left: 20rem; box-sizing: border-box; position: relative;} 
.profit-carculate strong::before{content: ""; width: 5rem; height: 22rem; background-color: var(--c-01); position: absolute; left: 0; top: 0;}
.profit-carculate strong + strong{margin-top: 26rem;}

.profit-explain{margin-top: 84rem;}
.profit-explain p:has(b) + p{margin-top: 9rem;}
.profit-explain .green-list + .green-list{margin-top: 30rem;}
.profit-explain .green-list span{margin-top: 9rem; display: block;}

/* .rps-2nd-process{margin-top: 120rem;} */
.rps-2nd-process .process-system{gap: 22rem;}
.rps-2nd-process .process-system__item{max-width: inherit; flex: 1;}
.rps-2nd-process .process-system__conts{min-height: 164rem;}

.step-list{justify-content: space-between; align-items: center}
.step-list__item{box-sizing:border-box; width: 214rem; height: 214rem;  border-radius: 8rem; gap: 18rem; border: 1px solid #ddd; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.step-list__item span{background-color: var(--c-02); font-family: var(--lang-en); color: #fff; display: inline-flex; padding: 3rem 12rem; font-weight: 600; border-radius: 80rem; font-size: 15rem;text-align: center;}
.step-list__item p{font-weight: 700; color: var(--b-01);}


.apply-box{border-radius:  10rem; background-color: #f5f5f5; padding: 30rem; box-sizing: border-box;}
.green-list{display: flex; align-items: baseline; padding-left: 14rem; position: relative; font-size: 16rem;  color:var(--p-01); line-height: 1.555;}
.green-list + .green-list{margin-top: 4rem;}
.green-list *{font-size: 16rem;}
.green-list em{font-weight: 700; color: var(--c-02); position: relative; margin-right: 26rem;}
.green-list::before{content: ""; width: 5rem; height: 5rem; border-radius: 30rem; background-color: var(--c-02); position: absolute; left: 0; top: 8rem;}
/* .green-list em + *{padding-left: 26rem; box-sizing: border-box;} */
.green-list p{font-weight: 300; color: var(--p-01); }
.green-list b{display: block; font-weight: 500; color: var(--b-01); line-height: 1.555; }
.green-list p + span{font-size: 15rem; opacity: 0.7;}

.quick-link{align-items: center; border-radius: 90rem; border:1px solid var(--c-02); background-color: #fff; color: var(--c-02); margin-left: 10rem; font-size: 15rem; font-weight: 500; line-height: 14rem;  gap: 7rem; padding:12rem 14rem; display: inline-flex;}
.quick-link.gray{color: var(--p-01);}
.quick-link *{}

.table-grant{}
.business-page .table-grant table td, .business-page .table-grant table th{padding: 26rem 10rem;}

.about-rule {gap: 121rem; position: relative;}
.about-rule .next{width: 90rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.about-rule__box{width: 50%; background-color: #f5f5f5; border-radius: 8rem; display: flex; flex-direction: column; padding: 42rem 95rem; box-sizing:border-box; gap: 16rem; align-items: flex-start; justify-content: center;}
.about-rule .list-box{width: 100%; padding-bottom: 40rem; }
.about-rule .list-box__conts{text-align: center;}
.gray_ver .list-box__top{background-color: #acacac;}
.green_ver .list-box{border-color: var(--c-02);}

/* 아이콘 버전 */
.process-icon{gap: 11rem;}
[class^="process"] .arrow{width: 36rem; }
[class^="process"] .arrow img{width: 100%;}
[class^="process"] .arrow img + img{margin-top: 24rem;}
[class^="process"] .arrow .reversal{transform: rotate(180deg);}
.process-icon .arrow{padding-top: 83rem;}
.process-icon__box{width: 212rem; padding: 22rem 22rem 26rem; background-color: #fff; border-radius: 8rem; border:1px solid #ddd; display: flex; flex-direction: column; gap: 18rem; align-items: center;}
.process-icon__box em{font-size: 16rem; font-weight: 600; color: var(--b-01); display: block;}
.process-icon__box i{width: 80rem; height: 80rem; display: flex; align-items: center; justify-content: center;}
.process-icon__item p{font-size: 14rem !important; font-weight: 300; color: #757575; margin-top: 15rem;}

.about-rule__list{align-items: center; justify-content: center; gap: 22rem;}
.about-rule__list .plus{min-width: 25rem; height: 25rem; background-color: var(--c-01); border-radius: 90rem; display: flex; align-items: center; justify-content: center;}
.about-rule__list span{font-size: 15rem; color: var(--p-01); text-align: center; margin-top: 10rem;}
.about-rule__icon i{min-width: 42rem; height: 60rem; display: flex; align-items: center; justify-content: center;}


/* 일반버전 */
.process-system--wrap{}
.process-system{justify-content: space-between; align-items: center;}
.process-system__item{max-width: 362rem; flex: auto;}
.process-system__top{border-radius: 8rem 8rem 0 0; width: 100%; background-color: var(--c-01); color: #fff; line-height: 146%; font-weight: 700; text-align: center; height: 62rem; display: flex; align-items: center; justify-content: center; }
.process-system__top span{display: block; font-size: 16rem; font-weight: 400;}
.process-system__conts{background-color: #fff; width: 100%; border:1px solid #ddd; border-top: 0; border-radius: 0 0 8rem 8rem; padding: 24rem 22rem;}
.process-system__conts li,.process-system__conts p{ font-size: 16rem; color: var(--p-01); font-weight: 300; position: relative; padding-left: 12rem;}
.process-system__conts li::before{content: ""; width: 4rem; height: 4rem; border-radius: 20rem; background-color: #d9d9d9; position: absolute; top: 8rem; left: 0;}
.process-system__conts li +li{margin-top: 8rem;}
.process-system__conts li b{font-weight: 500;}
.process-system__conts p{line-height: 146%; margin-top: 6rem;}
.process-system__conts p::before{content: "*";  position: absolute; top: 3rem; left: 0; color: var(--p-01);}

/* 모니터버전 */
.moniter .process-system + .process-system{margin-top: 98rem;}
.moniter .process-system .process-system__item:first-child{position: relative;}
.moniter .process-system .process-system__item:first-child::before{content: "";  width: 36rem; height: 36rem; background: url(../img/sub/ic-arrow-gray.svg) no-repeat; background-size: contain; position: absolute; left: 50%;}
.moniter .process-system.fisrt .process-system__item:first-child::before{display: none;}
.moniter .process-system.third .process-system__item:first-child::before{ transform: translateX(-50%) rotate(-90deg); top: -67rem;}
.moniter .process-system.second .process-system__item:first-child::before{ transform: translateX(-50%) rotate(90deg); top: -67rem;}

sup{font-size: 12rem;}

/* 설치의무화 */
.business-range{gap: 28rem;}
.list-box{box-sizing: border-box; border:1px solid #ddd; padding: 12rem 12rem 30rem; background-color: #fff; border-radius: 8rem; width: 50%;}
.list-box__top{background-color: var(--c-02); color: #fff; padding: 12rem 19rem; font-size: 20rem; font-weight: 600; text-align: center; border-radius: 5rem; }
.list-box__conts{margin-top: 30rem; padding: 0 13rem;}
.list-box__conts [data-list="dot"] > *::before{background-color: #ddd;}
.list-box__conts strong{display: block; font-size: 18rem; line-height: 28rem; margin-bottom: 3rem;}
.list-box__conts ul + strong{margin-top: 22rem;}

.business-range__detail{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22rem; margin-top: 66rem;}
.business-range__detail div{background-color: var(--c-01);  border-radius: 100rem;  color: #fff; text-align: center; width: 451rem; height: 104rem; display: flex; align-items: center; justify-content: center;}
.business-range__detail div strong{font-weight: 600;}
.business-range__detail i{background: url(../img/sub/ic-arrow-gray.svg) no-repeat;}
.business-range__detail i.small-down{width: 27rem; height: 27rem; background-size: cover; transform: rotate(90deg);}
.business-range__detail i.big-down{width: 42rem; height: 30rem;position: relative;  background:none}
.business-range__detail i.big-down img{width: 100%; }
.business-range__detail em{border:3rem solid #ddd; border-radius: 100rem; background-color: #fff; font-weight: 700; font-size: 20rem; text-align: center;  display: inline-flex; padding: 19rem 43rem; align-items: center; justify-content: center;}

.business-page .energy-proportion table td, .business-page .energy-proportion table th{padding: 16rem 34rem;}
.energy-proportion .process-icon{justify-content: space-between; text-align: center; margin-top: 71rem;}
.energy-proportion .process-icon p{font-weight: 600; color: var(--b-01);}
.energy-proportion .process-icon span{font-size: 14rem; font-weight: 400; color: var(--p-01); display: block; margin-top: 5rem;}
.sub03-flex{flex-direction: column; align-items: center;}
.sub03-flex h4{width: 100%; text-align: center;}

.sub02_03 #footer,.sub02_05 #footer,
.sub02_0102 #footer{margin-top: 0 !important;}

@media (max-width:1680px){

}
@media (max-width:1480px){
    .business-visual__bg{height: 520rem;}
    

}
@media (max-width:1200px){
    .step-list__item{width: 174rem;}

}
@media all and (max-width:1023px){
    .business-visual__bg {height: 420rem;}
	.business-visual__text{padding: 52rem 52rem 0 44rem; width: 70%;}
    .comm-title p br{display: none;}

    .quick-link{padding: 8rem 10rem; font-size: 14rem;}
    .solar-power p{font-size: 16rem;}

    .profit-structure em {max-width: 230rem; font-size: 18rem; padding: 19rem 52rem;}
    /* .rps-2nd-process{margin-top: 86rem;} */

    .step-list{gap: 20rem 60rem; justify-content: center; flex-wrap: wrap;}
    .about-rule{flex-direction: column;}
    .about-rule__box{width: 100%;}
    .about-rule .next{width: 60rem; transform: translate(-50%,-50%) rotate(90deg); top: 47.5%;}
    .list-box__top{font-size: 18rem;}

    .process-icon__box{width: 100%;}
    .process-icon__item{width: 33%;}
    .energy-proportion .process-icon{flex-wrap: wrap; justify-content: flex-start; gap: 20rem 30rem;}
    .process-icon__box i{width: 34rem; min-width: 34rem; height: 50rem;}
    .process-icon__box i img{width: 100%;}
    .process-icon__box  [class^="process"] .arrow{width: 27rem;}
    .energy-proportion .process-icon__item{width: 26%;}
    .list-box__conts strong,.business-page table p{font-size: 16rem;}
    .business-page table th{font-size: 16rem;}
    .process-icon__box em{font-size: 15rem;}
}
@media (max-width:860px){
    .business-visual{padding-bottom: 64rem;}
    .business-visual__bg{height: 284rem;}
    .business-visual__text{width: 100%; margin-top: 0; padding: 44rem 0 0;}
    .business-page table p,.business-page table p b{font-size: 16rem;}

    .obligate{flex-direction: column;}
    .obligate-box{width: 100%;}
    .obligate i{width: 55rem; height: 55rem; left: 50%; transform: translateX(-50%); top: 145rem;}
    .obligate i svg{width: 10rem; transform: rotate(90deg);}

    .process-system{gap: 20rem; flex-direction: column;} 
    .manage-process .process-system.first .process-system__conts{min-height: auto;}
    [class^="process"] .arrow{transform: rotate(90deg);}
    .process-system__item{max-width: 100%; min-width: 100%; width: 100%;}

    .table-scroll-cover:has(.year-table){overflow-y: scroll;}
    .year-table{width: 1000rem;}

    .solar-power{gap: 12rem;}
    .solar-power p{font-size: 14rem;}
    .rps-2nd-process .process-system__conts{min-height: auto;}
    /* .rps-2nd-process{margin-top: 74rem;} */
    .step-list{gap: 20rem 24rem;}
    .step-list__item span{font-size: 12rem;}
    .step-list__item i img{max-width: 80%;}

    .list-box__top{font-size:16rem;}

    [data-list="small-dot"] > li,
    .process-system__conts li, .process-system__conts p{font-size: 15rem;}
    
    .business-range{flex-direction: column; gap: 8rem;}
    .business-range__detail div{height: 90rem;}
    .list-box{width: 100%;}

    .energy-proportion .process-icon__item{width: 39%;}
    .energy-proportion  [class^="process"] .arrow{transform: rotate(0deg)}
    .list-box__conts strong{font-size: 16rem;}
    
}
@media (max-width: 540px){
    .business-page h5 + *{margin-top: 12rem;}
    .business-visual__bg{height: 164rem;}
    .business-visual{padding-bottom: 44rem;}
    .business-visual__text{padding: 24rem 0 0;}

    .business-page .business-part table.table-model td, 
    .business-page .business-part table.table-model th{display: block;}
    .business-page .business-part table.table-model th{border:none; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;}
    .business-page .business-part table.table-model td{border-right: 1px solid #e0e0e0;}
    .business-page .business-part table td, .business-page .business-part table th{padding: 16rem;}
    .business-page table th{font-weight: 500;}
    .business-page table th span{font-size: 14rem}
    .business-page table p,.business-page table p b{font-size: 14rem;}
    .business-page table dl dt{font-size: 11rem; font-weight: 600; padding: 0 6rem; height: 20rem;}
    .business-page table [data-list="small-dot"] + p{margin-top: 11rem;}
    
    .green-list{flex-direction: column; padding-left: 11rem;}
    .green-list em{display: block; width: 100%; margin-bottom: 2rem;}
    .green-list + .green-list{margin-top: 22rem;}
    .green-list p,.green-list b{font-size: 14rem;}
    .green-list em{font-size: 15rem;}

    .busi-noti{margin-top: 16rem;}
    .quick-link{padding: 5rem 8rem; font-size: 14rem; align-items: center; margin-left: 2rem;}
    .obligate-box{padding: 30rem;}
    .obligate-box *{font-size: 14rem;}
    .obligate-box strong{line-height: 25rem;}
    .obligate-box strong br{display: none;}
    .obligate-box strong + span{font-size: 13rem;}
    .obligate i{width: 35rem; height: 35rem; top:95rem}
    .obligate-box:last-child {border:3rem solid var(--c-01)}

    .manage-process .process-system{gap: 16rem;}

    .solar-power{gap: 20rem; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
    .solar-power p{margin-top: 6rem; font-size: 13rem;}

    .profit-structure em{padding: 14rem 42rem; max-width: 180rem; font-size: 16rem;}
    .profit-image{margin-top: 30rem;}
    .profit-carculate{width: 100%; padding: 20rem; border:5rem solid rgba(200, 200, 200, 0.20); margin-top: 40rem;}
    .profit-carculate strong {font-size: 15rem; padding-left: 12rem;}
    .profit-carculate strong::before{height: 18rem; width: 3rem;;}
    .profit-carculate strong + strong{margin-top: 16rem;}
    .profit-explain{margin-top: 54rem;}

    /* .rps-2nd-process{margin-top: 54rem;} */
    .process-system__top{height: 52rem;}
    .step-list__item{width: 100%; height: auto; padding: 20rem 0; gap: 14rem;}
    .step-list__item i img{max-width: 95%;}
    .step-list{gap: 13rem;}
    .step-list i.arrow{transform: rotate(90deg);}

    .about-rule__box{padding: 20rem 16rem; gap: 8rem;}
    .list-box__top{font-size: 15rem;}
    .list-box__conts{margin-top: 20rem;}
    .about-rule .list-box{padding-bottom: 20rem;}
    [data-list="small-dot"] > li,
    .process-system__conts li, .process-system__conts p{font-size: 14rem;}

    .about-rule{gap: 82rem;}
    .about-rule .next{width: 40rem; top: 44.5%;}

    .about-rule__list{gap: 22rem 10rem;}
    .about-rule__list.v2{flex-wrap: wrap;}
    .about-rule__list.v2 .about-rule__icon{min-width: 20%;}
    .about-rule__list .plus{min-width: 22rem; height: 22rem;}
    .about-rule__icon i{min-width: 32rem; max-width: 32rem; margin: 0 auto;}
    .about-rule__list span{font-size: 13rem; display: block; margin-top: -3rem;}

    .new-energy-manage__list h5{font-size: 16rem;}
    .new-energy-manage__list .li + .li{margin-top: 24rem;}

    .business-range__detail div{width: 100%; height: 70rem;}
    .business-range__detail em{font-size: 18rem;}
    .business-page .energy-proportion table td, .business-page .energy-proportion table th{padding: 14rem 24rem;}

    .energy-proportion .process-icon{flex-direction: column; justify-content: flex-start; align-items: center;}
    .energy-proportion .process-icon__item{width: 100%;}
    .energy-proportion [class^="process"] .arrow{padding-top: 13rem; transform: rotate(90deg);}    
    .energy-proportion .process-icon p{margin-top: 12rem;}
    .list-box__conts strong{font-size: 15rem;}
    .business-part + .business-part{margin-top: 54rem;}

}

/* 제품라인업 */
.product-page h5{font-size: 20rem !important;}
.product-page .product-title{padding-top: 0;}
.product-lineup__item{border-radius:10rem;border:1px solid  #f2f2f2;box-sizing: border-box;padding: 32rem;display: block;}
.product-lineup__image{border:1px solid #f2f2f2; width: 100%; height: 215rem; position: relative; border-radius: 10rem; overflow: hidden;}
.product-lineup__image img{width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; left: 0; top: 0; object-position: 50% 50%;}
.product-lineup__info strong{display: block; font-size: 24rem; font-weight: 700; line-height: 146%; margin-top: 24rem; }
.product-lineup__info ul{margin-top: 14rem; border-top: 1px solid #f2f2f2; width: 100%; padding-top: 30rem;}
.product-lineup__info ul li{display: flex;}
.product-lineup__info ul li *{font-size: 16rem; font-family: var(--lang-ko);}
.product-lineup__item ul li span{display: inline-block;min-width: 37%;color: var(--p-01);}
.product-lineup__item ul li em{display: inline-block; width: 63%; font-weight: 400;} 
.product-lineup__item ul li + li{margin-top: 18rem;}

.swiper-pagination{position: relative; margin-top: 44rem;}
.swiper-pagination-bullet{width: 22rem; height: 22rem; border-radius: 100%; border:2px solid transparent;background-color: transparent; position: relative;}
.swiper-pagination-bullet::before{content: ""; width: 6rem; height: 6rem; border-radius: 30rem; background-color: var(--c-01); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.swiper-pagination-bullet-active{border-color: var(--c-01);}
.swiper-pagination-bullet + .swiper-pagination-bullet{margin-left: 18rem;}


/* 제품특징 */
.product-feature__list .li + .li{margin-top:39rem}

/* 제품장점 */
.product-adv__list .li{border-radius: 8rem; background-color: #fff; box-sizing: border-box; width: 100%; padding: 24rem 28rem;}
.product-adv__list .li + .li{margin-top:11rem ;}
.product-adv__image{width:135rem; height: 135rem ; border-radius: 100%; position: relative; overflow: hidden;}
.product-adv__image img{position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; left: 0; top: 0;}
.product-adv__cont{width: calc(100% - 135rem); box-sizing: border-box; padding-left: 44rem;}

.product-case__list {gap: 24rem; row-gap: 34rem;}
.product-case__list p{font-weight: 700; color: var(--b-01); font-size: 20rem; margin-top: 20rem;}
.product-case__image{height: 282rem; position: relative;}
.product-case__image img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}
.prodcut-table{padding-bottom: 0 !important;}

@media (max-width:1680px){

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

}
@media all and (max-width:1023px){
	.product-page h5{font-size: 18rem !important;}
    .product-lineup__info strong{font-size: 20rem;}
    .product-case__image{height: 192rem;}
    .product-case__list p{font-size: 16rem; margin-top: 8rem;}
    .apply-box{padding: 24rem;}
}
@media (max-width:860px){
    .product-case__image{height: 142rem;}
    table.table th, table.table td{font-size: 14rem;}
    .apply-box{padding: 20rem;}
}
@media (max-width: 540px){

    .product-adv__image{width: 100%; border-radius: 3rem;}

    .product-lineup__item{padding: 20rem;}
    .product-lineup__info strong{font-size: 18rem;}
    .product-lineup__info ul{padding-top: 20rem;}
    .product-lineup__info ul li *{font-size: 14rem;}
    .product-lineup__item ul li + li{margin-top: 10rem;}
    .swiper-pagination{margin-top: 24rem;}

    .product-adv__list .li{flex-direction: column; padding: 22rem;}
    .product-adv__cont{padding-left: 0; margin-top: 24rem; width: 100%;;}
    .product-case__image{height: auto; padding-bottom: 100%;}
    .product-page h5{font-size: 16rem !important; line-height: 1.4;}
    .product-page h5 + [data-list]{margin-top: 8rem;}
    .product-feature__list .li + .li{margin-top: 26rem;}
    .product-case__list p{font-size: 14rem; font-weight: 600;}

    .apply-box{padding: 16rem;}
    .green-list{font-size: 15rem;}
    .green-list::before{width: 3rem; height: 3rem; top: 10rem;}

    .table-model tr{display: block;}
}


:is(.gallery, .gallery_en) #bo_cate_ul{display: none;}
.gallery .bo_cate_link {border-radius: 90rem; padding: 8rem 12rem; transition: all .3s; line-height: 1.1; height: auto; display: inline-block; border:1px solid #ddd; color: #a4a4a4; background-color: #fff; font-size:15rem; margin-bottom: 14rem;}
#bo_gall .bo_tit_wrap a{transition: all .3s;}
.gallery .gall_img{overflow: inherit !important; position: relative;}
.gallery .gall_img a{position:relative; overflow: hidden;}
.gallery .gall_img i.round{width: 66rem; height: 66rem; z-index: 2; opacity: 0; transition: all .3s; transform: translateY(-20rem); position: absolute; right: 26rem; bottom: -33rem; border-radius: 100%; background-color: var(--c-02); display: flex; align-items: center; justify-content: center;}
.gallery .gall_img i.round img{width: 22rem !important;}
#bo_v_title .bo_v_cate{border-radius: 90rem; border:1px solid var(--c-02); color: var(--c-02); background-color: #fff; padding:6rem 16rem ; font-weight: 500;  font-size: 18rem;}
#bo_v_title .bo_v_tit{margin-top: 8rem;}
.bo-basic__date{color: #d2d2d2;}

@media (hover: hover) {
    #bo_gall .gall_box:hover .bo_cate_link{ border-color: var(--c-02); color: var(--c-02);}
    #bo_gall .gall_box:hover .bo_tit_wrap a{color: var(--c-02);}
    #bo_gall .gall_box:hover .gall_img i.round{transform: none; opacity: 1;}
  }

  .cs-page{padding-left: 259rem;}
  .cs-page__flex{display: flex;justify-content: space-between;width: 100%;gap: 143rem;}
  .cs-page__flex .cs-form{width: 571rem;}
  .cs-page__flex .cs-location{width: 947rem}
  .cs-form{position: sticky; top: 0;}

  .form-area[data-form] .form-part:has(.check-box){gap: 9rem;}
  .form-part .check-box{margin-right: 0 !important;}
  .form-part .check-box label{padding: 11rem 16.6rem !important; border-radius: 80rem; border:1px solid rgba(129,129,129,0.2); gap: 10rem; box-sizing: border-box; display: flex; align-items: center;}
  .form-part .check-box [type="radio"]:not(:checked) + .checkmark, .form-part .check-box [type="radio"]:checked + .checkmark{position: relative; display: block; top: 0;}
  .form-part .check-box em{font-size: 17rem;}
  .form-part .check-box label:has([type="radio"]:checked){border-color: #343434;}
  .form-part .check-box [type="radio"]:checked + .checkmark{background-color: #fff;}
  .form-part .check-box [type="radio"]:checked + .checkmark::after{width: 9rem; height: 9rem; border-radius: 20rem; background: none; background-color: var(--b-01);}
  .check-box [type="radio"]:checked + .checkmark:after{transform:translate(-45%,-44%);}
  /* .cs-page--border .form-area input:is([type="text"])::placeholder{font-size: 16rem;} */
  /* .cs-page--border .form-area textarea::placeholder{font-size: 16rem;} */

  .cs-page .button-style{border:1px solid #eee; margin: 0 auto;}
  .cs-page .button-style span{color: rgba(44,45,44,0.2);}

  .cs-location__map{height: 380rem;}
  .cs-location__map iframe{width: 100%; height: 100%;}
  
  .cs-location__sec + .cs-location__sec{margin-top: 90rem;}
  .cs-location__tit span{display: block; font-size: 15rem; line-height: 27rem; font-family: var(--lang-en); font-weight: 700; color: var(--c-02); letter-spacing: 2.1rem; text-transform: uppercase;}
  .cs-location__tit strong{display: block;color: var(--b-01);letter-spacing: -.4rem;font-size: 20rem;font-family: var(--lang-ko);margin-top: 9rem;}
  .cs-location__info{margin-top: 24rem;}
  .cs-location__info ul{display: flex; margin-top: 39rem; gap: 65rem;}
  .cs-location__info ul li *{}
  .cs-location__info ul li{color: var(--p-01);font-size: 17rem;line-height: 27rem;position: relative;font-weight: 300;font-family: var(--lang-ko);}
  .cs-location__info ul li em{color: var(--c-02); letter-spacing: 3rem; font-weight: 800; font-size: 15rem;}
  .cs-location__info ul li:nth-child(2)::before{content: ""; position: absolute; width: 1px; height: 17rem; background-color: #ddd; top: 6rem; left: -32rem;}

  @media (max-width:1919px){
    /* .cs-page__flex .cs-location{width: 59%;} */
  }
  @media (max-width:1480px){
    .cs-page{padding-left: 10%;}
    .cs-page__flex{gap: 90rem;}
  }
  @media all and (max-width:1023px){
    .cs-page{padding: 0 40rem}
    .cs-page__flex{flex-direction: column-reverse;}
    .cs-page__flex .cs-form{width: 100%;}
    .cs-location__sec + .cs-location__sec{margin-top: 32rem;}
    .cs-page__flex .cs-location{ width: 100%; display: grid; grid-template-columns: 1fr; gap: 24rem;}
    .cs-location__map{height: 340rem;}  

    .cs-location__tit span{font-size: 14rem; letter-spacing: 1.1rem;}
    .cs-location__tit strong{margin-top: 4rem; font-size: 18rem;}
    .cs-location__info ul{margin-top: 24rem; gap: 42rem;}
    .cs-location__info ul li em{color:var(--g-02); letter-spacing: 1rem;}
    .cs-location__info ul li:nth-child(2)::before{left: -20rem;}
    .cs-location__info ul li{line-height: 1.3; font-size: 16rem;}
    /* .cs-location__info ul{flex-direction: column; gap: 4rem;} */
    /* .cs-location__info ul li em{display: block;} */
    /* .cs-location__info ul li + li{margin-top: 10rem;} */

}
  @media (max-width:860px){
  
  }
  @media (max-width: 540px){
    .cs-page{padding: 0 20rem;}
    .cs-location__map{height: 280rem;}
    .cs-location__tit span{font-size: 10rem;}
    .cs-location__info ul{flex-direction: column; gap: 12rem;}
    .cs-location__info ul li{font-size: 15rem;}
    .cs-location__info ul li em{font-size: 14rem; font-weight: 700;}
    .form-part .check-box label{padding:10rem 13rem 10rem 9rem !important;}
    .form-part .check-box em{font-size: 14rem;}

    .cs-page__flex{gap: 40rem;}

    .gallery .bo_cate_link{font-size: 14rem; padding: 5rem 12rem; margin-bottom: 10rem;}

  }

  .popup-layer-inner.shinho-v{width: 97%; height: calc(100% - 68rem); overflow-y: scroll; }
  .popup-layer-inner img{max-width: 100%;}
  .shin-btn-pop{display: inline-flex; margin: 30rem auto 0; font-size: 14rem; border-radius: 90rem; border:1px solid var(--b-01); font-size: 14rem; padding: 14rem 20rem;}

  @media (max-width: 540px){

  }