@charset "utf-8";

/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
/* #container:has(.board-page) + #footer{padding-top: 140rem;} */
#footer{z-index: 1;}
.gnb-side__lang{border-color: #d9d9d9;}
#gnb .gnb-item > a.on{color: #fff!important; opacity: 1;}
p{font-family: var(--lang-ko);}

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

}

@media (max-width: 540px){

}



/* **************************************** *
 * SUB COMMON
 * **************************************** */
h3,h4{color: var(--font-f);}
p{font-size: var(--font-18); color: #999;}

.sub-content{position:relative;background-color: var(--bg-dark);padding-bottom: 170rem;border-radius: 40rem 40rem 0 0;z-index: 2;padding-top:var(--sub-padding-top);transition: var(--trans-01);}
/* .sub-content:has(.board-page){padding-top: 120rem;} */
.sub-title{margin-bottom: 133rem; position: relative;z-index: 10;}
.sub-title > span,.cmn-history > span,.cmn-point {color: var(--c-01); text-transform: uppercase; font-size: var(--font-16); font-weight: 600; display: block; margin-bottom: 13rem;}
.sub-title .h2{color: var(--font-f);}
.sub-title .h2 + *:not(h2){margin-top: 43rem;}
.sub-title p{color:var(--font-f);}
#sub-visual .scrolldown{position: absolute; bottom: 145rem; right: 0;  display: flex; align-items: center;}
#sub-visual .scrolldown span{font-size: 14rem; opacity: 0.6; color: #fff;}
#sub-visual .scrolldown img{height: 12rem; opacity: 0.4; margin-right: 9rem;}

@media (max-width: 1200px){
    .sub-title{margin-bottom: 100rem;}
}
@media all and (max-width:1023px){
	.sub-content{padding-bottom: 100rem;}
    .sub-title .h2 + *:not(h2) br{display: none;}
    .sub-title{margin-bottom: 72rem;}
}

@media (max-width: 860px){
    .sub-content{ border-radius: 24rem 24rem 0 0;}
    .sub-title .h2{display: inline-block;}
}

@media (max-width: 540px){
    .sub-title{margin-bottom: 42rem;}
    .sub-content{padding-bottom: 64rem; border-radius: 24rem 24rem 0 0;}
    #sub-visual .scrolldown{display: none;}
    .sub-title .h2 + *:not(h2){margin-top: 23rem;}
}

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

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

/* about */
.about-cont + .about-cont{margin-top: 40rem;}
.about-cont{justify-content: space-between;}
.about-cont [data-box="image"]{box-sizing: border-box; width: calc(50% - 10rem);}
.about-cont [data-box="image"] img{width: 100%;}
.about-cont:nth-of-type(even){flex-direction: row-reverse;}
.about-cont__text{width: 50%; display: flex; align-items: flex-end;}
.about-cont__text > div{padding: 0 40rem 40rem 110rem; box-sizing: border-box;}
.about-cont__text h3{margin-bottom: 14rem; position: relative;}
.about-cont__text h3 img{position: absolute; left: -70rem; top: 0; margin-bottom: 12rem;}
.about-cont__text h3.ver01 {}

[lang="en-US"] .about-cont__text p{font-size: 16rem;}


.history-cont{margin-top: 140rem;}
.history-list-wrap {position: relative;}
.history-line-wrap {position: absolute;left: 37%;top: 0;height: 100%;}
.history-line{display:block;position:absolute;overflow:hidden;top:0;left:0;width: 3rem;height:100%;font-weight: 800;background: #efefef;}
.history-line::before {opacity: .15; position: absolute; left: 50%; top: 0; content:''; width: 1px; height: 100%; background: var(--f-01);}
.history-line__bar{display:block; position:absolute; top:0; left:50%; z-index:50; width:100%; background:var(--c-01); border-radius: 5rem; transform: translateX(-50%);}
.history-list__title {position: absolute;/* right: 50%; */height: 100%;padding-right: 130rem;/* text-align: right; */}
.history-list__title h3 {position: sticky;top: 80rem;font-size: 90rem;font-weight: 600;}
.history-list__title p {display: inline-block;color: var(--c-01);font-size: 90rem;font-weight: 600;}
.history-list__title span {color: var(--c-03);}
.history-item{display: flex;padding: 80rem 0;}
.history-item:first-child{padding-top: 0;}
.history-item strong{font-weight:100;font-size:50rem;color:var(--b-01);letter-spacing:-1.5rem;transition:var(--trans-01);}
.history-item.is_moved strong{color:var(--c-01);}
.history-list{width: 50%;margin-left: auto;padding-left: 0rem;}
.history-desc li{display:flex; align-items:flex-start;}
.history-desc > li:not(:last-child){margin-bottom:50rem;}
.history-desc > li em{min-width:50rem;margin-right: 50rem;font-size: 20rem;font-weight: 600;}
.history-desc ul {/* margin-top: 5rem; */}
.history-desc ul li {flex-direction: column; align-items: flex-start; font-weight: 300;}
.history-desc ul span {display: block; margin-top: 10rem; font-weight: 100; color: #aaa;}

[lang="en-US"] .history-desc > li em{min-width: 150rem;}

@media all and (max-width:1023px){
    .about-cont__text h3 img{width: 40rem; position: relative; left: 0;}
    .about-cont,.about-cont:nth-of-type(even){flex-direction: column;}
    .about-cont [data-box="image"]{width: 100%; height: 300rem;}
    .about-cont__text{width: 100%; margin-top: 30rem;}
    .about-cont + .about-cont{margin-top: 20rem;}
    .about-cont [data-box="image"] img{object-fit: cover; height: 310rem; object-position: 50% 50%;}
    .about-cont__text > div{padding: 20rem; position: relative;}

    .history-item{padding: 62rem 0;}
    .history-desc > li em{margin-right: 28rem;}
    .history-desc ul{margin-top: 2rem;}
    .history-desc > li:not(:last-child){margin-bottom: 34rem;}
    .history-list__title h3,.history-list__title p {font-size: 70rem;}
    .history-list{width: 54%;}
    .history-cont{margin-top: 80rem;}
}

@media all and (max-width:860px){
    .about-cont__text h3 img{width: 32rem;}
    .history-cont{margin-top: 80rem;}
}

@media (max-width: 540px){
    .sub-content{ transition: var(--trans-02);}
	.about-cont__text > div{padding:0 12rem 24rem 12rem}
    [lang="en-US"] .about-cont__text p{font-size: 15rem;}

    .history-cont{margin-top: 60rem;}
    .history-item{padding: 32rem 0;}
    .history-list__title h3,.history-list__title p {font-size: 24rem;}
    .history-line{width: 2rem;}
    .history-line-wrap{left: 30%;}
    .history-list{width: 60%;}
    .history-desc li{flex-direction: column;}
    .history-desc > li em{font-size: 15rem;  min-width: 37rem; margin-right: 0; margin-bottom: 4rem;}
    .history-desc  [data-list="dot"] > *{padding-left: 12rem;}
    .history-desc  [data-list="dot"] > *::before{width: 3rem; height: 3rem; top: 8rem;}
    .history-desc > li:not(:last-child){margin-bottom: 24rem;}
    .history-desc ul li{font-family: var(--lang-ko);}
    
}

/* vision */
.vision-page h3{text-align: center; }
/* .vision-page h2{color: var(--f-01);} */
.vision-list{flex-wrap: wrap; gap: 40rem; justify-content: center; margin-top: 47rem; padding-bottom: 67rem;}
.vision-list > li{width:calc((100% / 3) - 26.7rem); text-align: center; box-sizing: border-box; padding:86rem 40rem;}
.vision-list > li h4{line-height: 1.466;}
.vision-list > li span{color: var(--c-01); text-transform: uppercase; font-size: var(--font-16); font-weight: 600; margin-bottom: 25rem; display: block;}
.vision-list__title{padding-bottom: 50rem; margin-bottom: 50rem; border-bottom: 1px solid #373737; width: 100%;}
.vision-sec .vision-line{display: block; width: 100%; height: 1px; border-top: 1px solid #e6e6e6; margin: 80rem 0 100rem;}
.vision-sec.first{position: relative; transition: var( --trans-03); z-index: 2; padding-bottom:var(--padding65); border-radius: 0 0 40rem 40rem; overflow: hidden; background-color: var(--bg-dark);}
.vision-sec.second{position: relative;  width: 100%;  height: calc(623rem + var(--padding65) * 2); margin: calc(var(--padding65)*-1) 0;}
.vision-sec.second img{display: block; width: 100%; height: 100%; position: absolute; height: 100%; left: 0; top: 0; object-fit: cover;}
.vision-sec.second div{overflow: hidden;}
.vision-sec.second div strong{display: block; opacity: 0}
.vision-sec.second div.is_moved strong{animation: visualTxtMotion 1.4s ease 0.1s forwards}

@keyframes visualTxtMotion {
	from {
		transform: translateY(90rem);
		opacity: 0;
        
	}
	to {
		transform: translateY(0);
        opacity: 1;
		
	}
}
.vision-sec.second h3{position: absolute; width: 100%;  line-height: 1.5; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff;}
.vision-sec.third{padding-top: calc(var(--padding65)); transition: var(--trans-03); position: relative; border-radius: 40rem 40rem 0 0; background-color: var(--bg-dark);}
.vision-sec.third .wrap-narrow{padding-top: 67rem;}
.vision-map {position: relative; width: 720rem; margin: 74rem auto 0;}
.vision-map > i{display: block; position: absolute; line-height: 1.2; display: flex; align-items: center; justify-content: center; font-size: var(--font-18); font-weight: 600; width: 144rem; height: 144rem; box-shadow: 14rem 10rem 50rem 0 rgba(44,84,42,.56); text-align: center;  border-radius: 100%; box-sizing: border-box; border:2px solid var(--c-01); text-align: center; color: var(--font-f);}
.vision-map > i.first{left:43rem; top: 120rem;}
.vision-map > i.second{right: 0; bottom: 140rem;}
.vision-map > i.third{left: 0; bottom: 50rem;}
.vision-map > img{display: block; margin:0 auto 55rem; position: relative; width: 100%;}
.vision-map__wrap{max-width: 420rem; position: relative; margin: 0 auto;}
.vision-map__wrap img{width: 100%;}
.vision-map__arrow{position: absolute; z-index: 2;}
.vision-map__arrow img{transition: all 1.4s; transition-delay: .4s; opacity: 0; z-index: 3; position: absolute; width: 0;}
.vision-map__arrow.first{width: 178rem;top: 310rem;left: 90rem;}
.vision-map__arrow.first img{right: 60rem;}
.vision-map__arrow.first i{right: 56rem; bottom: -11rem;}
.vision-map__arrow.second{width: 178rem;bottom: 192rem;right: 12rem;}
.vision-map__arrow.second img{right: 30rem; bottom: 15rem;}
.vision-map__arrow.second i{right: 26rem; bottom: 8rem;}
.vision-map__arrow.third{width: 112rem;bottom: 51rem;left: 40rem;}
.vision-map__arrow.third img{right: 43rem; bottom: 40rem;}
.vision-map__arrow.third i{right: 33rem; bottom: 25rem;}
.vision-map__arrow i{width: 32rem; height: 32rem; border-radius: 100%; background-color: #FFD43C; position: absolute; transform: scale(0); transition: .3s; animation-delay: .6s; animation: scaleRound 2s ease 0.7s infinite }
.vision-map__arrow i::before{width: calc(100% + 16rem); height: calc(100% + 16rem); border-radius: 100%; content: ""; position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; background-color: rgba(255,212,60,.2);}
.vision-map__wrap.is_moved .vision-map__arrow img{width: 100%; opacity: 1; right: 0; bottom: 0;}

@keyframes scaleRound {
	from {
		transform: scale(0);
		opacity: 0;
        
	}
	to {
		transform: scale(1);
        opacity: 1;
		
	}
}

.cmn-part > h3{margin-bottom: 60rem;}
.cmn-intro__image{max-width: 460rem;}
.cmn-intro__image img{border-radius: 12rem;height: 280rem;width: 100%; object-fit: cover; }
.cmn-intro__info{padding-left: 120rem;}
.cmn-part h4{margin-bottom: 14rem; font-family: var(--lang-ko); font-size: 24rem;}
.cmn-intro__text p{color: #a8a8a8;}
.cmn-intro__text p b{font-weight: 500; }
.cmn-intro__text p b.color{color: var(--b-01); }

.cmn-history{margin-top: 60rem;}
.cmn-partner{margin-top: 120rem;}
.cmn-partner li,.cmn-box{padding: 10rem 10rem 22rem 10rem; text-align: center;}
.cmn-partner li *{display: block;}
.cmn-partner li span{color: var(--c-01);font-size: var(--font-16);font-weight: 600;margin-bottom: 23rem;}
.cmn-partner li em{font-size: 15rem; color: #999; font-weight: 300;}
.cmn-partner li em b{color: var(--b-01);font-weight: 700;margin-bottom: 8rem;}
.cmn-partner li  i{width: 100%;height: 169rem;margin: 0 auto;display: flex;align-items: center;justify-content: center; margin-bottom: 24rem;}
.cmn-partner li  i img{max-width: 146rem;max-height: 100%;opacity: 0.8;}
.cmn-partner p{text-align: center; margin-top: 40rem; color: var(--b-01);}
.cmn-partner__list{gap: 30rem;}

.cmn-item .cmn-item__tit{color: #fff; font-size: var(--font-18); font-family: var(--lang-ko);}
.cmn-item .cmn-item__tit i{color: var(--c-01);}
.cmn-item__conts{border-radius: 0 0 12rem 12rem; border:1px solid #e6e6e6; border-top: 0; overflow: hidden;}


.basic-slider{overflow: visible;}
.swiper-pagination{bottom: -30rem;}
.swiper-pagination-bullet{width: 8rem; height: 8rem; border-radius: 100%; margin: 0 8rem;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--c-01);}

.vision-map__title{text-align: center;}
.vision-map__title span{border-radius: 40rem; border:1px solid var(--f-01); display: inline-block; font-size: 20rem; font-weight: 600; color: var(--f-01); box-sizing: border-box; padding: 9rem 24rem;}
.vision-cart__history{gap: 40rem; grid-template-columns: 1fr 1fr 1fr; margin-top: 80rem;}
.vision-cart__history span,
.cmn-item .cmn-item__tit{ background-color: #2f2f2f; border-radius: 12rem 12rem 0 0 ; border:1px solid #373737; border-bottom: 0; display: flex; align-items: center; padding: 20rem; justify-content: center; text-align: center; font-family: var(--lang-en); font-weight: 600;  vertical-align: middle; min-height: 75rem; width: 100%;}
.vision-cart__history span{color: var(--font-f); font-size: 25rem; }
.vision-cart__list{border:1px solid #373737; border-top: 0; border-radius: 0 0 12rem 12rem; }
.vision-cart__list li{color: var(--font-f);}
.vision-cart__list[data-list="dot"] > *{padding-left: 20rem;}
.vision-cart__list[data-list="dot"] > *::before{background-color: var(--f-01); top: 11rem;}
.vision-cart__list[data-list] li{font-size: var(--font-18);  font-family: var(--lang-ko); line-height: 1.6;}
.vision-cart__list[data-list] li p{font-size: var(--font-16); margin-top: 11rem;}
.vision-cart__list li i{font-size: 14rem; display: block;}

.vision-cart{/* border-top: 1px solid #373737;  */margin-top: 180rem; /* padding-top: 96rem; */}
.vision-cart__graph{border-bottom: 1px solid #373737; display: flex; justify-content: center; gap: 90rem; margin-bottom: 80rem;}
.vision-cart__grap--wrap{width: 620rem; min-width: 620rem; margin: 0 auto; }
.vision-cart__grap--wrap > p{color: var(--font-f); padding-bottom: 70rem; }
.vision-cart__grap--wrap > p span{color:#3EE239; }
.vision-cart__bar{width: 93rem; height: 375rem; position: relative;}
.vision-cart__bar i{width: 100%;  display: block; position: absolute; bottom: 0; left: 0; border-radius: 12rem 12rem 0 0; transition:  height 3s ease;}
.vision-cart__bar *:not(i){position: absolute; color: #fff;}
.vision-cart__bar em{bottom: -36rem; font-size: var(--font-18); font-weight: 500; width: 100%; text-align:center;}
.vision-cart__bar span{ font-size:var(--font-18); text-align: center; width: 100%;}
.vision-cart__bar.first i{height: 0; background-color: #d9d9d9;}
.vision-cart__bar.first span{ bottom: 32%;}
.vision-cart__bar.second i{height: 0; background-color: #d9d9d9;}
.vision-cart__bar.second span{bottom: 52%;}
.vision-cart__bar.color i{height: 0; background-color: var(--c-01);}
.vision-cart__bar.color em{font-size: 28rem; font-weight: 500; left: -11rem; bottom: -49rem; }
.vision-cart__bar.color span{color: #fff;font-size: 20rem;font-weight:500;background-color:#363636;border:1px solid var(--c-01);box-sizing: border-box;width: 80rem;height: 44rem;text-align: center;line-height: 44rem;bottom: 104%;border-radius: 8rem;left: 50%;transform: translateX(-50%);}
.vision-cart__bar.color .comment{font-size: 23rem; top:130rem; left: 45rem; font-weight: 600; color: #3EE239; box-shadow: 6rem 8rem 20rem 0 rgba(18,18,18,.25); border-radius: 8rem; background-color: #fff; width: 175rem; height: 54rem; display: flex; align-items: center; justify-content: center;}
.vision-cart__bar.is_moved.first  i{height: 30%;}
.vision-cart__bar.is_moved.second i{height: 50%;}
.vision-cart__bar.is_moved.color i{height: 100%;}

.vision-cart.v2{display: flex;}
.vision-cart.v2 .vision-cart__bar em{font-size: 13rem !important; white-space: nowrap;}
.vision-cart.v2 .vision-cart__bar.color em{left: 3rem; bottom: -38rem;}
.vision-cart.v2 .vision-cart__history{margin-top: 0; padding-left: 160rem; flex: 1;}
.vision-cart.v2 .vision-cart__history > li + li{margin-top: 40rem;}
.vision-cart.v2 .vision-cart__history span{font-size: var(--font-18); font-family: var(--lang-ko);}
.vision-cart.v2 .vision-cart__history span i{color: var(--c-01);}
.vision-map__title span{font-family: var(--lang-ko);}

/* vision dark-ver */
[data-mode="bright"] .vision-list__title{border-bottom-color: #e6e6e6;}
[data-mode="bright"] .vision-map > i{box-shadow:14rem 10rem 50rem 0 rgb(140 199 137 / 16%) ;}
[data-mode="bright"] .vision-cart__grap--wrap > p span{color: var(--c-01);}
[data-mode="bright"] .vision-cart__bar.color .comment{color: var(--c-01);}
[data-mode="bright"] .vision-cart__graph{border-bottom-color: #e6e6e6;}
[data-mode="bright"] .vision-cart__bar.color span{background-color: transparent; color: var(--c-01);}
[data-mode="bright"] .vision-cart__bar *:not(i){color: #222;}
[data-mode="bright"] .vision-cart__bar:not(.color) span{opacity: 0.4;}
[data-mode="bright"] .vision-cart__bar.color .comment{box-shadow:6rem 8rem 24rem 0 rgba(18,18,18,.15) ;}
/* [data-mode="bright"] .vision-cart__history > li:nth-child(3) span{border-color: var(--c-01);}
[data-mode="bright"] .vision-cart__history > li:nth-child(3) .vision-cart__list{border-color: var(--c-01);} */
[data-mode="bright"] .vision-cart__list[data-list="dot"] > *::before{background-color: var(--b-01);}
[data-mode="bright"] .vision-cart__history span{color: #fff;}
[data-mode="bright"] .vision-cart{border-top-color: #eee;}
[data-mode="bright"] .vision-map__title span{border-color:#d9d9d9; color: #aaa}

/* en ver */
[lang="en-US"] .vision-list > li{width: calc((100% / 2) - 26.7rem);}
[lang="en-US"] .vision-sec.second h3{line-height: 1.3;}
[lang="en-US"] .vision-cart__bar.color .comment{width: 194rem; font-size: 15rem;}
[lang="en-US"] .vision-cart__bar.color span{width: 130rem; left: 50%; transform: translateX(-50%);}
[lang="en-US"] .vision-map__title span{font-size: var(--font-18)}
[lang="en-US"] .vision-cart__bar.color em{font-weight: 600;}


.organization-page img{ width: 100%; margin: 0 auto;}
.organization-page .pc{max-width: 100%}
.organization-page .mo{display: none;}

* + .cmn-sec,
.cmn-sec + .cmn-sec{margin-top: 100rem;}
.cmn-sec h3 + *{margin-top: 16rem;}
.cmn-box__image{height: 160rem; display: flex; align-items: center; justify-content: center;}
.cmn-box__image img{max-width: 100%;}
.cmn-list{gap: 30rem 32rem;}

.partners-page strong{display: block; margin-top: 16rem;}
.partners-page .chicken01{background-color: #080404;}
.partners-page .chicken02{background-color: #F3A716;}
.partners-page .chicken03{background-color: #000000;}

.process-list__part .cmn-point{margin-bottom: 2rem;}

.process-table__box dl{display: flex; }
.process-table__box dl > *{width: 50%; padding: 18rem 24rem;}
.process-table__box dl dt{background-color: #f5f5f5; }
.process-table__box dl:nth-child(1){border-bottom: 1px solid #e6e6e6;}

.process-factory{gap: 24rem;}
.process-factory img{width: 100%; border-radius: 12rem; object-fit: cover;}
.process-factory{margin-top: 32rem;}
.process-factory li{padding: 10rem;}



@media all and (max-width:1023px){
    .vision-list{gap: 26rem;}
    .vision-list > li,[lang="en-US"] .vision-list > li{/* width:calc((100% / 2) - 26.7rem); */ padding: 56rem 32rem;}
    .vision-sec.second i{background-attachment: scroll;}
    .vision-sec.first{border-radius: 0 0 20rem 20rem;}

    .vision-sec .vision-line{margin: 30rem 0 80rem;}
    .cmn-partner__list{grid-template-columns: 1fr 1fr;}
    .cmn-partner{margin-top: 100rem;}
    .cmn-intro__info{padding-left: 60rem;}
    .cmn-intro__image{max-width: 420rem;}
    .cmn-part h4{font-size: 22rem;}
    .vision-cart.v2{flex-direction: column;}
    .vision-cart{margin-top: 140rem;}
    .vision-cart.v2 .vision-cart__history{padding-left: 0; max-width: 620rem; margin: 44rem auto 0;}
    .vision-cart.v2 .vision-cart__history > li + li{margin-top: 28rem;}
    * + .cmn-sec,
    .cmn-sec + .cmn-sec{margin-top: 90rem;}

}

@media all and (max-width:860px){
    .vision-cart__history{gap: 24rem;}
    .vision-cart__history span,
    .cmn-item .cmn-item__tit{/* height: 61rem; line-height: 61rem;  */font-size: 22rem;}
    .cmn-item .cmn-item__tit{font-size: 18rem;}
    .cmn-part > h3{margin-bottom: 24rem;}
    .cmn-intro{display: block;}
    .cmn-intro__image{width: 100%; max-width: 100%; margin-bottom: 82rem;}
    .cmn-intro__image img{height: 380rem;}
    .cmn-intro__info{padding-left: 0;}
    .cmn-part h4{font-size: 20rem;}
    .cmn-partner{margin-top: 80rem;}
    .cmn-partner__list{gap: 20rem;}
    .vision-sec .vision-line{margin: 50rem 0 50rem;}
    .vision-list{gap: 26rem;}
    .vision-list > li,[lang="en-US"] .vision-list > li{width:calc((100% / 2) - 26.7rem);}

    .vision-cart.v2 .vision-cart__history{width: 100%; max-width: 100%;}
    .vision-cart__list{padding: 24rem 14rem;}

    .organization-page .pc{display: none;}
    .organization-page .mo{display: block;}
    
    .cmn-box__image img{max-width: 70%;}
    * + .cmn-sec,
    .cmn-sec + .cmn-sec{margin-top: 74rem;}
}

@media (max-width: 540px){
    .vision-list__title{margin-bottom: 30rem; padding-bottom: 30rem;}
    .vision-list{margin-top: 22rem; padding-bottom: 10rem;}
	.vision-list > li,[lang="en-US"] .vision-list > li{width: 100%; padding: 45rem 20rem;}
    .vision-list > li span{margin-bottom: 14rem;}
    .vision-list{gap: 20rem;}
    .vision-sec.second{height: calc(443rem + var(--padding65) * 2)}
    .vision-sec.second i{background-position: 20% 50%;}
    .vision-sec.third{border-radius: 20rem 20rem 0 0;}
    .vision-cart__history{grid-template-columns: 1fr;}
    .vision-cart__bar{width: 50rem; height: 275rem;}
    .vision-cart__graph{gap: 37rem;}
    .vision-cart__grap--wrap,.vision-map{width: 100%;}
    .vision-cart__grap--wrap{min-width: 100%;}
    .vision-cart__graph{gap: 66rem;}
    .vision-map > img{width: 58%;}
    .vision-map > i{width: 80rem; height: 80rem; }
    .vision-map > i.third{left: 20rem; bottom: 90rem;}
    .vision-map > i.second{right: 0; bottom: 120rem;}
    .vision-map > i.first{left: 25rem; top: 60rem;}
    .vision-cart{margin-top: 60rem; padding-top: 66rem;}
    .vision-cart__bar i{border-radius: 4rem 4rem 0 0;}
    .vision-cart__bar em{bottom: -27rem;}
    .vision-cart__bar.color .comment{width: 125rem; height: 38rem; top:40rem; left: -40rem; font-size: 15rem;}
    .vision-cart__bar.color em{font-size: 18rem; left: -7rem; bottom: -29rem; font-weight: 600;}
    .vision-cart__bar.color span{left: 23rem; border-radius: 6rem; width: 63rem; height: 34rem; line-height: 34rem; font-size: 15rem;}
    .vision-cart__graph{margin-bottom: 60rem;}
    .vision-map__title span{font-size: 13rem; padding: 8rem 14rem;}
    .vision-cart__history{margin-top: 60rem;}
    .vision-map{margin:25rem auto 0}
    .vision-sec.third .wrap-narrow{padding-top: 26rem;}
    .vision-cart__history span{font-size: 16rem; /* height: 50rem; line-height: 50rem; */ border-radius: 8rem 8rem 0 0; flex-direction: column;}
    .vision-cart__list{padding: 20rem; border-radius: 0 0 8rem 8rem;}
    .vision-cart__list[data-list="dot"] > *{padding-left: 12rem;}
    .vision-cart__list[data-list="dot"] > *::before{top: 7rem;}
    .vision-sec.second h3{width: 100%;}
    .vision-map__wrap{width: 230rem; max-width: 100%; margin:  0 auto;}
    .vision-map__arrow.first{width: 76rem; top: 180rem; left: 50rem;}
    .vision-map__arrow.first i{right: 21rem; bottom: -6rem;}
    .vision-map__arrow.first img{right: 30rem;}
    .vision-map__arrow.second{width: 78rem;bottom: 102rem; right: 12rem;}
    .vision-map__arrow.second i{right: 10rem; bottom: 4rem;}
    .vision-map__arrow.second img{right: 16rem; bottom: 10rem;}
    .vision-map__arrow.third{width: 72rem; bottom: 28rem; left: 20rem;}
    .vision-map__arrow.third i{right: 23rem; bottom: 15rem;}
    .vision-map__arrow.third img{right: 31rem; bottom: 24rem;}
    .vision-map__arrow i{width: 18rem; height: 18rem;}
    .vision-map__arrow i::before{width: calc(100% + 10rem); height: calc(100% + 10rem);}

    [lang="en-US"]  .vision-map > i{font-size: 13rem;}
    [lang="en-US"] .vision-cart__bar.color .comment{width: 160rem; font-size: 14rem; left: -60rem;}
    [lang="en-US"] .vision-cart__bar.color span{width: 90rem;}

    .cmn-intro__image img{height: 280rem; border-radius: 10rem;}
    .cmn-intro__image{margin-bottom: 72rem;}
    .cmn-history{margin-top: 40rem;}
    .cmn-partner{margin-top: 54rem;}
    .cmn-partner__list{gap: 12rem; grid-template-columns: 1fr;}
    .cmn-partner li i{height: 130rem; margin-bottom: 20rem;}
    .cmn-partner li i img{max-width: 90rem;}
    .cmn-partner li span{margin-bottom: 18rem;}
    .swiper-pagination-bullet{width: 5rem; height: 5rem; margin: 0 6rem;}
    .cmn-part h4{font-size: 17rem;}
    .vision-cart.v2 .vision-cart__bar em{font-size: 10rem !important; left: -14rem !important;}
    .vision-cart.v2 .vision-cart__bar.color em{left: 3rem; bottom: -28rem;}

    .cmn-list{gap: 16rem; grid-template-columns: 1fr;}
    .cmn-box__image{height: 160rem;}
    .cmn-item .cmn-item__tit{font-size: 16rem;}
    * + .cmn-sec, .cmn-sec + .cmn-sec{margin-top: 54rem;}
    .partners-page strong{margin-top: 20rem;}

    .vision-cart__list[data-list] li{line-height: 1.5; font-weight: 300;}
}

/* history */
.history-part.reverse{flex-direction: row-reverse; justify-content: flex-end; margin-top: 138rem;}
.history-part > div{width: 50%;}
.history-part:not(.reverse) .history-part__image{padding-right: 130rem;}
.history-part.reverse .history-part__image{padding-left: 130rem;}
.history-part__image img{width: 100%; border-radius: 12rem; overflow: hidden;}
.history-part__name{margin-bottom: 45rem;}
.history-part__name *{display: inline-block;}
.history-part__name strong{font-size: 52rem; color: var(--c-01); font-weight: 700; margin-right: 44rem; position: relative;}
.history-part__name strong::before{content: ""; width: 2px; height: 20rem; background-color: #616161; position: absolute; bottom: 19rem; right: -22rem;}
.history-part__name strong i{font-size: 32rem;}
.history-part__name span{color: var(--font-f); font-size: 22rem;}
.history-part:not(.reverse) .history-part__text {display: flex; flex-direction: column; justify-content: flex-end;}
.history-part__text ul > li{padding-left: 70rem; padding-bottom: 40rem; position: relative;}
.history-part__text ul > li:last-child{padding-bottom:0;}
.history-part__text ul > li:last-child::before{display: none;}
.history-part__text ul > li:first-child::after{content: "";width:23rem;height: 23rem;border-radius: 100%;background-color: rgba(76,184,72,.2);position: absolute;left: 0;top: 4rem;z-index: -1;}
.history-part__text ul > li > strong{display: block; font-weight:600; font-size: 20rem; color: var(--font-f); position: relative;}
.history-part__text ul > li > strong::before{content: "";width: 7rem;height: 7rem;border-radius: 30rem;left: -62rem;top: 12rem;background-color: var(--c-01);position: absolute;}
.history-part__text ul > li p{color: #999; margin-top: 3rem;}
.history-part__text ul > li p + p{margin-top: 7rem;}
.history-part__text ul > li::before{content: "";position: absolute;top: 14rem;left: 11rem;width: 1px;height: 100%;border-left: 1px solid #373737;}

[data-mode="bright"] .history-part__name strong::before{background-color: #eee;}
[data-mode="bright"] .history-part__text ul > li::before{border-left-color: #eee;}

@media all and (max-width:1480px){
    .history-part:not(.reverse) .history-part__image{padding-right: 80rem;}
    .history-part.reverse .history-part__image{padding-left: 90rem;} 
}

@media all and (max-width:1023px){
    .history-part:not(.reverse) .history-part__image{padding-right: 50rem;}
    .history-part__name strong{font-size: 38rem; margin-right: 34rem;}
    .history-part__name strong i{font-size: 20rem; position: relative; top: -2rem;}
    .history-part__name span{font-size: 18rem;} 
    .history-part__name strong::before{right: -18rem;}
}


@media (max-width: 540px){
	.history-part{display: block;}
    .history-part > div{width: 100%;}
    .history-part:not(.reverse) .history-part__image{padding-right: 0;}
    .history-part > div + div{margin-top: 31rem;}
    .history-part__text ul > li{padding-left: 50rem}
    .history-part__text ul > li > strong::before{left: -42rem;}
    .history-part__name strong::before{right: -18rem; bottom: 6rem;}
    .history-part__name strong i{font-size: 16rem; position: relative; top: -2rem;}
    .history-part.reverse .history-part__image{padding-left: 0;}
    .history-part.reverse{margin-top: 47rem;}
    .history-part__text ul > li > strong{font-size: 17rem;}
    .history-part__name{margin-bottom: 23rem;}
    .history-part__name strong{font-size: 34rem;}
    .history-part__name span{font-size: 16rem;}
    .history-part__name strong::before{height: 15rem;}
    .history-part__text ul > li{padding-bottom: 28rem;}
}

/* management */
.management-round{position: relative; width: 700rem; height: 700rem; /* overflow: hidden; */  margin:0 auto; }
.management-round i{width: 100%; height: 100%; display: block; position: absolute; animation: scaleRound2 2s ease 0.7s infinite; left: 0; top: 0; transform:  scale(0); background-color: rgba(7175,228,87,.1); border-radius: 100%;  box-shadow: 10rem 20rem 60rem 0 rgba(24,24,24,.47);}
.management-round__image{width: 582rem; height: 582rem; border-radius: 100%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  box-shadow: 14rem 20rem 50rem 0 rgba(44,92,42,.56);  overflow: hidden; border:1px solid var(--c-01);}
.management-round__image img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; object-position: 50% 50%; }
.management-page h3,.management-page p{text-align: center;}
.management-page h3{margin-top: 90rem;}
.management-page h3 span{color: var(--c-01);}
.management-page p{padding: 65rem; margin-top: 49rem; box-sizing: border-box; color: #c6c6c6; line-height: 1.944;}

@keyframes scaleRound2 {
	0%{
		transform: scale(0);
		opacity: 0;
        
	}
	80% {
		transform: scale(1) ;
        opacity: 1;
		
	}
    100%{
		transform: scale(1) ;
        opacity: 0;
		
	}
}

[data-mode="bright"] .management-page p{border-color:#d9d9d9 ; color: #616161; }
[data-mode="bright"] .management-page p br{display: none;}
[data-mode="bright"] .management-round i{box-shadow: 10rem 20rem 60rem 0 rgb(209 209 209 / 47%); background-color: rgb(186 186 186 / 10%);}
[data-mode="bright"]  .management-round__image{box-shadow: 14rem 10rem 50rem 0 rgb(44 92 42 / 29%); border:2px solid var(--c-01)}

[lang="en-US"] .management-page h3,[lang="en-US"] .management-page p{font-family: var(--lang-en);}
[lang="en-US"] .management-page p{line-height: 1.7;}

@media all and (max-width:1023px){
    .management-page p{padding: 32rem; margin-top: 40rem;}
    .management-round{width: 600rem; height: 600rem;}
    .management-round__image{width: 503rem; height:503rem;}
}

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

    .management-round{width: 400rem; height: 400rem;}
    .management-round__image{width:340rem; height:340rem;}
    .management-round{}
}


@media (max-width: 540px){
    .management-page h3{margin-top: 10rem;}
    .management-round{width: 300rem; height: 300rem;}
    .management-round__image{width:240rem; height:240rem;}
    .management-page p{padding: 20rem; font-size: 15rem; line-height: 1.7; margin-top: 20rem;}
}

.partner-status{gap: 100rem;}
.partner-status h3{min-width: 330rem;  max-width: 330rem; line-height: 1;}
.part-status__table{flex: 1;}
.part-status__table table{width: 100%; }
.part-status__table table *{color: var(--font-f); }
.part-status__table table tr *{border-bottom: 1px solid #373737; text-align: center; padding: 16.5rem 12rem; border-right: 1px solid #373737;}
.part-status__table table tr *:last-child{border-right: none;}
.part-status__table table th{font-weight: 500; background-color: #222; border-top: 1px solid #fff;}
.part-status__table table td{font-weight: 300;}
[data-mode="bright"] .part-status__table table th{background-color: #f5f5f5;}
[data-mode="bright"] .part-status__table table tr *{border-color: #e6e6e6;}
[lang="en-US"] .part-status__table table td{font-size: 16rem;}

/* location */
.location-map .root_daum_roughmap{width: 100% !important;}
.root_daum_roughmap .wrap_controllers{display: none;}
.root_daum_roughmap .wrap_map{height: 490rem !important;}
.root_daum_roughmap .map{opacity: 0.84;}
.location-map__info address span{display: block; font-size: var(--font-16); color: var(--c-01); margin-bottom: 8rem; font-weight: 600;}
.location-map__info address strong{color: var(--font-f); font-weight: 600; display: block; margin-bottom: 5rem;}
.location-map__info address p{font-size: var(--font-16); font-weight: 300;}
.location-map__link{ align-items: flex-end; justify-content: space-between; }
.location-map__contact{margin-top:55rem;}
.location-map__contact span{color: #bcbcbc; font-size: var(--font-16); font-weight: 300;}
.location-map__contact span + span{margin-left: 10rem;}
.location-map__contact span b{font-weight: 600;}
.location-factory{margin-top: 117rem;}
.location-factory h3{margin-bottom: 21rem;}
.location-factory__pic{gap: 40rem; grid-template-columns: 1fr 1fr;}

[data-mode="bright"] .location-map__contact span{color: #222;}

@media all and (max-width:1023px){
    .partner-status h3{width: 230rem;}
    .part-status__table{width: calc(100% - 230rem);}
    .root_daum_roughmap .wrap_map{height: 340rem !important;}
    .location-factory{margin-top: 77rem;}
    .location-factory__pic{gap: 28rem;}

    .partner-status{flex-direction: column; gap: 32rem;}
    .part-status__table{flex: none; width: 100%;}
}

@media all and (max-width:860px){
    .location-factory__pic{gap: 24rem; grid-template-columns: 1fr;}
    .location-factory__image img{width: 100%;}
}

@media (max-width: 540px){
    .partner-status{flex-direction: column;}
    /* .partner-status h3{margin-bottom: 12rem;} */
	.partner-status h3,.part-status__table{width: 100%;}
    .part-status__table table tr *{font-size: 14rem;}
    [lang="en-US"]  .part-status__table{overflow-x: scroll; overflow-y: hidden;}
    
    .root_daum_roughmap .wrap_map{height: 240rem !important;}
    .location-factory{margin-top: 48rem;}
    .location-factory h3 {margin-bottom: 14rem;}
    .location-factory__pic{gap: 14rem;}
    .location-map__link{display: block;}
    .location-map__link a{display: inline-block; margin-top: 22rem; margin-left: auto;}
    .location-map__contact{margin-top: 28rem;}

    .partner-status{gap: 12rem;}
    [lang="en-US"] .part-status__table table td{font-size: 14rem;}
}

 /* 인증서  */
.certify-item a{justify-content: space-between;}
.certify-item img{width:100%;}
.certify-item figure{width: 280rem; position: relative; overflow: hidden; border-radius: 8rem; border:1px solid #373737}
.certify-item figure::before{content: ""; padding-bottom: 132.143%; display: block;}
.certify-item figure img{width: 100%; height: 100%; left: 0; top: 0; opacity: 0.78; object-fit: cover; object-position: 50% 50%;  position: absolute;}
.certify-item strong{display:block; margin-top:20rem; font-family:var(--lang-ko); font-weight:600;}
.certify-item__txt span{color: var(--c-01); font-weight: 600;}
.certify-item__txt p{color: var(--font-f); font-weight: 600; margin-top: 10rem;}
.certify-item__txt{width: calc(100% - 280rem);}
.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;}
[data-mode="bright"] .certify-item figure{border: 1px solid #e6e6e6 ;}
[data-mode="bright"] .certify-item figure img{opacity: 1;}
#layer-src img{width:100%;}

@media all and (max-width:1023px){
    [lang="en-US"] .certify-item a{flex-direction: column-reverse;}
    [lang="en-US"] .certify-item__txt{width: 100%;}
    [lang="en-US"] .certify-item figure{margin: 0 auto}
}

@media all and (max-width:860px){
    .certify-item a{flex-direction: column-reverse;}
    .certify-item figure{width: 100%;}
    .certify-item__txt{width: 100%;}
}
@media (max-width:540px){
    .certify-list{grid-template-columns: 1fr;}
    .certify-item strong{margin-top:13rem;}
    .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;}
}


.sub02_01 #footer{padding-top: 0;}
.business-list{border-top: 1px solid var(--f-01); }
.business-list > li,.business-list > *{padding: 84rem 0 84rem 70rem; box-sizing: border-box; border-bottom: 1px solid #373737; position: relative; cursor:default;}
.business-list > li::before{content: ""; transition: all .3s;  position: absolute;  bottom: 0; left: 0; width: 0; height: 1px; background-color: var(--c-01); transition: width .4s ease-in;}
.business-list > li h3,.business-list > * h3,.process-list--wrap > * h4{margin-bottom: 13rem; position: relative; font-family: var(--lang-ko);/*  transition:var(--trans-02) */}
.business-list > li h3::before,.business-list > * h3::before,.process-list--wrap > * h4::before{content: "";  transition: all .8s; width: 31rem; height: 31rem; border-radius: 80rem 80rem 0 80rem; background-color: var(--c-01); position: absolute; left: -68rem; top: 5rem;}
.business-page .business-list img{position: absolute; right: 0; opacity: 0; visibility: hidden; transition:var(--trans-02) ; border-radius: 12rem; top: 50%; transform: translate(100rem,-50%); }
.business-list > li p{transition: var(--trans-02);}
[data-mode="bright"] .business-list{border-top-color: #222;}
[data-mode="bright"] .business-list > li, .process-list--wrap > *{border-bottom-color: #e6e6e6;}

.process-list li{ text-align: center;}
.process-list li > p{margin: 20rem 0; }
.process-list li img{/* max-height: 200rem; */ width: 100%;}
.process-list__part{padding: 64rem 0 64rem 70rem;}
.process-list--wrap > * h4::before{transition: all 1.3s; transition-delay: .6s;}
.process-list__part{cursor: default;}
.process-list__part h4 {font-family: var(--lang-ko);}
.process-list__part h4 svg{width: 12rem; height: 18rem; margin: 0 12rem; position: relative; }
.process-list__part h4 > svg{top: -3rem;}
.process-list__part h4 span{font-size: 20rem;/* opacity: 0.5; */position: relative;top: -3rem;}
.process-list__part h4 span > svg{top: 3rem;width: 10rem;height: 16rem;margin: 0 12rem;top: 1rem;}
.process-list__part h4.is_moved::before{transform: rotate(45deg);}

.financial-grap__bar--wrap{justify-content: center; gap: 24rem; padding:60rem 30rem 42rem 30rem;}
.financial-grap__bar{height: 244rem; width: 42rem; position: relative;}
.financial-grap__bar i{width: 100%; height: 0; transition-delay: 3s; transition: all 2.4s; background-color: #d9d9d9; display: block; position: absolute; bottom: 0; left: 0; border-radius: 5rem  5rem 0 0;}
.financial-grap__bar i span{position: absolute; top: -20rem; width: 100%; text-align: center; font-size: 14rem; color: var(--g-03);}

.financial-grap__item.is_moved  .financial-grap__bar.grap01-01 i{height: 30%}
.financial-grap__item.is_moved  .financial-grap__bar.grap01-02 i{height: 44%}
.financial-grap__item.is_moved  .financial-grap__bar.grap01-03 i{height: 75%}
.financial-grap__item.is_moved  .financial-grap__bar.grap01-04 i{height: 90%; background-color: var(--c-01);}
.financial-grap__item.is_moved  .financial-grap__bar.grap02-01 i{height: 30%}
.financial-grap__item.is_moved  .financial-grap__bar.grap02-02 i{height: 47%}
.financial-grap__item.is_moved  .financial-grap__bar.grap02-03 i{height: 78%}
.financial-grap__item.is_moved  .financial-grap__bar.grap02-04 i{height: 100%; background-color: var(--c-01);}
.financial-grap__item.is_moved  .financial-grap__bar.grap03-01 i{height: 3%}
.financial-grap__item.is_moved  .financial-grap__bar.grap03-02 i{height:  10%}
.financial-grap__item.is_moved  .financial-grap__bar.grap03-03 i{height: 25%}
.financial-grap__item.is_moved  .financial-grap__bar.grap03-04 i{height: 50%; background-color: var(--c-01);}

.financial-grap__bar.grap03-04 span,
.financial-grap__bar.grap02-04 span,
.financial-grap__bar.grap01-04 span{color: var(--c-01); font-weight: 500;}

.won{text-align: right; font-size: 14rem; color: var(--g-03); display: block;}
.won.top{ margin-bottom: 12rem;}
.won.bottom{ margin-top: 12rem;}

.round-graph{gap: 150rem; justify-content: center; margin-top: 62rem;}
.round-graph__image{position: relative; }
.round-graph__image > div{width: 140rem; height: 140rem; border-radius: 100%; background-color: #fff; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);}
.round-graph__image > div em{text-align: center;}
.round-graph__image img{margin: 0 auto;}
.round-graph__box strong{text-align: center; display: block; font-size: 24rem; margin-top: 32rem;}
.round-graph__box ol {display: flex; gap: 20rem; justify-content: center; margin-top: 12rem;}
.round-graph__box ol > li i{width: 10rem; height: 10rem; border-radius: 30rem; display: inline-block; margin-right: 4rem; position: relative; top: -1rem;}
.round-graph__box ol > li i.color1{background-color: var(--c-01)}
.round-graph__box ol > li i.color2{background-color: #7CD478;}
.round-graph__box ol > li i.color3{background-color: #9EDC9B;}
.round-graph__box ol > li i.color4{background-color: #BFE9BD;}
.round-graph__box ol > li span{font-size: 17rem; color: var(--g-02); font-weight: 300; font-family: var(--lang-ko);}
.round-graph__box ul{margin-top: 30rem; padding-top: 30rem; border-top: 1px solid #e6e6e6;}
.round-graph__box ul li{font-family: var(--lang-ko);}
.round-graph__box{min-width: 420rem; max-width: 50%;}

[lang="en-US"] .round-graph__box ol{flex-wrap: wrap; gap: 4rem 20rem;}


.system-diagram{margin-top: 100rem;}
.system-diagram .cmn-item__conts{min-height: 140rem;}
.system-diagram__line{text-align: center;}
.system-diagram__line img{display: block; margin: 0 auto; max-width: 100%;}
.system-diagram__line .mo{display: none;}

.system-process{justify-content: center;gap: 45rem; margin-top: 80rem; align-items: center;}
.system-process__item{width: 160rem;height: 160rem;border-radius: 100%;display: flex;align-items: center;justify-content: center;/* border:1px solid var(--c-01); */background: #393939;color: #fff;}
.system-process strong{font-size: 20rem; text-align: center; }
[lang="en-US"] .system-process strong{font-size: 17rem;}

.system-page .vision-list__title h4{font-family: var(--lang-ko);}
.system-page [data-list="dot"]{text-align: left;}
.system-page [data-list="dot"] > li{color: #999; font-family: var(--lang-ko); font-weight: 300; line-height: 1.6; font-size: var(--font-18);}
.system-page [data-list="dot"] > li i{font-size: 16rem; display: block;margin-top: 5rem; color: #c6c6c6;}
.system-page [data-list="dot"] > *::before{background-color: #999;}
.system-page  .vision-list > li{padding: 60rem 40rem;}

@media (hover: hover) {
    .business-page .business-list > li:hover img{opacity: 1; visibility: visible; transform: translate(0,-50%);}
    .business-page  .business-list > li:hover h3{color:var(--c-01)}
    .business-page   .business-list > li:hover p{opacity: 0.6;}
    .business-page  .business-list > li:hover::before{width: 100%;}
    .business-page   .business-list > li:hover h3::before{transform: rotate(-180deg);}
    .business-page  [data-mode="bright"]  .business-list > li:hover p{color: #222}
}

@media all and (max-width:1023px){
    .business-list > li,.business-list > *{padding: 54rem 0 54rem 70rem;}
    .business-list > img{position: relative; opacity: 1; visibility: visible; transform: none; top: 0; margin-top: 28rem; width: 100%; height: 350rem; object-fit: cover;}
    @media (hover: hover) {
        .business-page   .business-list > li:hover img{opacity: 1; visibility: visible; transform: none;}
    }

    .round-graph{gap: 60rem;}
    .round-graph__box{min-width: 360rem;}
    .round-graph__box ol > li span{font-size: 16rem;}
    .round-graph__box strong{font-size: 20rem;}
    .won{font-size: 13rem;}

    .system-process strong{font-size: 18rem;}
    [lang="en-US"] .system-process strong{font-size: 16rem;}
    .system-page  .vision-list > li{width: calc((100% / 2) - 26.7rem);;}
}

@media all and (max-width:860px){
    .business-list > li,.business-list > *{padding:34rem 0 34rem 50rem ;}
    .business-list > li p br{display: none;}
    .business-list > li h3::before,.process-list--wrap > * h4::before{width: 24rem; height: 24rem; left: -47rem;}

    .process-list__part h4 > svg{top: -2rem; width: 8rem; height: 14rem; margin: 0 9rem;}
    .process-list__part h4 span > svg{width: 8rem; height: 14rem; margin: 0 10rem; top: -1rem;}
    .process-list{grid-template-columns: 1fr 1fr;}
    .process-list li > p{margin: 16rem 0;}
    .process-table__list,.process-factory{grid-template-columns: 1fr 1fr;}
    .process-factory{gap: 16rem;}

    .financial-grap{grid-template-columns: 1fr;}
    .financial-grap__bar{width: 60rem;}
    .financial-grap__bar--wrap{gap: 40rem;}
    .financial-grap__bar{height: 324rem;}
    .financial-grap__item:nth-child(3) .financial-grap__bar{height: 220rem;}

    .round-graph{flex-direction: column; align-items: center;}
    .round-graph__box{max-width: 450rem; }
    .round-graph__image > div em{font-size: 16rem;}
    .round-graph__box ol > li span{font-size: 14rem; font-weight: 400;}

    .system-diagram,.system-process{margin-top: 60rem;}
    .system-process{gap: 35rem;}
    .system-process__item{width: 140rem; height: 140rem;}

    .system-diagram__line .mo{display: block;}
    .system-diagram__line .pc{display: none;}

}

@media (max-width: 540px){
	.business-list > li,.business-list > *{padding: 28rem 0 28rem 40rem;}
    .business-list > li h3::before,.business-list > * h3::before,
    .process-list--wrap > * h4::before{width: 18rem; height: 18rem; left: -37rem; top: 3rem;}

    .process-list{grid-template-columns: 1fr;}
    .process-list__part .cmn-point{font-size: 13rem;}
    .process-list li > p{margin: 12rem 0;}
    .process-list__part h4 span{font-size: 14rem; top: -1rem;}
    .process-list__part h4 > svg,.process-list__part h4 span > svg{width: 5rem; height: 11rem; margin: 0 6rem; top: 0;}
    .process-list__part h5 span > svg{top: 1rem;}
    .process-table__list,.process-factory{grid-template-columns: 1fr}


    .financial-grap__bar--wrap{gap: 16rem;}
    .financial-grap__bar{width: 48rem; height: 234rem;}
    .financial-grap__item:nth-child(3) .financial-grap__bar{height: 150rem;}
    .round-graph{margin-top: 32rem;}
    .round-graph__box{min-width: inherit; width: 100%;}
    .round-graph__box strong{font-size: 18rem;}
    .round-graph__box ol{gap: 12rem;}
    .round-graph__box ol > li span{font-size: 12rem;}
    .round-graph__box ol > li i{width: 8rem; height: 8rem;}
    .round-graph__box ul{margin-top: 24rem; padding-top: 24rem;}
    .round-graph__image > div{width: 120rem; height: 120rem;}
    .round-graph__image img{width: 75%;}

    .financial-page h3 span{font-size: 15rem;}

    .system-process{flex-direction: column; gap: 22rem;}
    .system-process__item{width: 100%; height: auto; border-radius: 8rem;  padding: 15rem 0;}
    .system-process strong{font-size: 16rem;}
    [lang="en-US"] .system-process strong{font-size: 15rem;}
    .system-process svg{transform: rotate(90deg);}
    .system-page .vision-list > li{width: 100%; padding: 45rem 20rem;}
}

.talent-list{margin-top: 202rem;}
.talent-list__item{margin-bottom: 40rem; grid-template-columns: 322rem 1fr; gap: 40rem;}
.talent-list__item:last-child{margin-bottom: 0;}
.talent-list__item [data-box]{border-radius: 8rem; padding:50rem 57rem; box-sizing: border-box;}
.talent-list__title{border-radius: 8rem; text-align: center; background-color: #2b2b2b; display: flex; align-items: center; justify-content: center;} 
.talent-list__title em{color: #fff;}
.talent-list__title em span{color: var(--c-01);}

.talent-diagram{width: 762rem;height: 762rem;position: relative;margin: 0 auto;margin-top: -130rem;}
.talent-diagram::before{content: ""; z-index: 2; position: absolute; top: 0; left: 0; width: 100%;height: 200rem; transition-delay: .5s; /*  background: rgb(30,30,30); background: linear-gradient(180deg, rgba(30,30,30,1) 0%, rgba(30,30,30,0) 100%);  */transition: var(--trans-03); }
/* .talent-diagram >*:not(.talent-diagram__dot){position: absolute;} */
.talent-diagram__dot{width: 100%; height: 100%; border:1px dashed var(--c-01); border-radius: 100%; --n:8; --d:100s;  display: grid; grid-template-columns: 8rem; grid-template-rows:8rem; box-sizing: border-box; place-content: center; }
.talent-diagram__round{width: 396rem; height: 396rem; z-index: 10; box-shadow: 10rem 20rem 30rem 0 rgba(23,23,23,.73); padding: 43rem; box-sizing: border-box; background-color: rgba(255,255,255,0.11); border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.talent-diagram__logo{width: calc(100% - 80rem); height: calc(100% - 80rem);  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 100%; background-color: #fff; box-shadow: 10rem 20rem 30rem 0 rgba(45,45,45,.73);display: flex; flex-direction: column; justify-content: center; align-items: center;}
.talent-diagram__logo img{width: 80rem;}
.talent-diagram__logo em{color: #222; display: block; margin-top: 21rem;}

.talent-diagram__point{ position:absolute; opacity: 0; transition: all 3s; visibility: hidden; width: 190rem; height: 190rem; border-radius: 100%; z-index: 2; background-color: var(--c-01); display: flex; flex-direction: column; justify-content: center; align-items: center;}
.talent-diagram__point::before{content: "";  width:calc(100% + 16rem); height: calc(100% + 16rem); border-radius: 100%; border:1px solid #456343; background-color: transparent; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.talent-diagram__point *{display: block;}
.talent-diagram__point span{font-weight: 600; font-size: var(--font-18); text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: 4rem;}
.talent-diagram__point strong{font-size: 30rem; font-weight: 600; color: #fff; text-transform: capitalize;}
.talent-diagram__point.first,.talent-diagram__point.second{top: 50%; margin-top: -80rem;}
.talent-diagram__point.first{left: -80rem; transform: translateX(192%);}
.talent-diagram__point.second{right: -80rem; transform: translateX(-192%);}
.talent-diagram__point.third{left: 50%; margin-left: -95rem; bottom: -80rem; transform: translateY(-187%); }
.talent-diagram__point.is_moved{transform: none !important; opacity: 1; visibility: visible;}

.talent-diagram i{width: 13rem; height: 13rem; display: block; border-radius: 100%; background-color: rgba(240,255,239,.8); grid-area: 1/1; text-align: center; animation:spin2 var(--d) linear infinite; transform: rotate(0) translate(381rem) rotate(0) scale(1);}
.talent-diagram .dot-01{animation-delay: calc(-0*var(--d)/var(--n));}
.talent-diagram .dot-02{animation-delay: calc(-1*var(--d)/var(--n));}
.talent-diagram .dot-03{animation-delay: calc(-2*var(--d)/var(--n));}
.talent-diagram .dot-04{animation-delay: calc(-3*var(--d)/var(--n));}
.talent-diagram .dot-05{animation-delay: calc(-4*var(--d)/var(--n));}
.talent-diagram .dot-06{animation-delay: calc(-5*var(--d)/var(--n));}
.talent-diagram .dot-07{animation-delay: calc(-6*var(--d)/var(--n));}
.talent-diagram .dot-08{animation-delay: calc(-7*var(--d)/var(--n));}


@keyframes spin2 {
    100% {
      transform:rotate(1turn) translate(381rem) rotate(-1turn);
    }
}

[data-mode="bright"] .talent-diagram::before{  opacity: 1; background: rgb(255 255 255); background: linear-gradient(180deg, rgb(255 255 255) 0%, rgba(30,30,30,0) 100%); }
[data-mode="bright"] .talent-diagram__point::before{ border-color: var(--c-01);}
[data-mode="bright"] .talent-diagram__round{box-shadow:none; background-color: rgb(162 162 162 / 11%);}
[data-mode="bright"] .talent-diagram__logo{box-shadow: 9rem 7rem 40rem 0 rgb(45 45 45 / 7%);}
[data-mode="bright"] .talent-diagram__dot{border-color: #e6e6e6;}
[data-mode="bright"] .talent-diagram i{background-color: #e6e6e6;}
[data-mode="bright"] .talent-list__title{background-color: #373737;}

@media all and (max-width:1023px){
    .talent-diagram__point{width: 160rem; height: 160rem;}
    .talent-diagram__round{width: 346rem; height: 346rem;}
    .talent-diagram{width: 682rem; height: 682rem;}
    .talent-list__item [data-box]{padding: 32rem;}
    .talent-list__item{gap: 28rem; grid-template-columns: 240rem 1fr;}
    .talent-diagram i{ transform: rotate(0) translate(341rem) rotate(0) scale(1);}

    @keyframes spin2 {
        100% {
          transform:rotate(1turn) translate(341rem) rotate(-1turn);
        }
    }
}

@media all and (max-width:860px){
    .talent-list__item{grid-template-columns: 160rem 1fr; gap: 22rem; margin-bottom: 22rem;}
    .talent-diagram{width: 512rem; height: 512rem;}
    .talent-diagram__point{width: 120rem; height: 120rem;}
    .talent-diagram__point span{font-size: 15rem;}
    .talent-diagram__point strong{font-size: 24rem;}
    .talent-diagram__logo{width: calc(100% - 56rem); height: calc(100% - 56rem);}
    .talent-diagram__round{width: 266rem; height: 266rem;}
    .talent-diagram i{ transform: rotate(0) translate(256rem) rotate(0) scale(1);}
    @keyframes spin2 {
        100% {
          transform:rotate(1turn) translate(256rem) rotate(-1turn);
        }
    }
}

@media (max-width: 540px){
    .talent-list__item{margin-bottom: 24rem; grid-template-columns: 1fr; gap: 12rem;}
    .talent-diagram{width: 260rem; height: 260rem; margin-top: -20rem;}
    .talent-diagram::before{top:-40rem}
	.talent-diagram__point{width: 76rem; height: 76rem;}
    .talent-diagram__round{width: 124rem; height: 124rem;}
    .talent-diagram__logo{width: calc(100% - 26rem); height:calc(100% - 26rem);}
    .talent-diagram__logo img{width: 42rem;}
    .talent-diagram__logo em{margin-top: 10rem; font-size: 15rem; display: none;}
    .talent-diagram__point strong{font-size: 18rem;}
    .talent-diagram__point span{font-size: 12rem;}
    .talent-diagram__point::before{width: calc(100% + 10rem); height: calc(100% + 10rem);}
    .talent-diagram__point.second{right: -40rem;}
    .talent-diagram__point.first{left: -40rem;}
    .talent-diagram__point.third{margin-left: -45rem; bottom: -40rem;}
    .talent-diagram i{width: 8rem; height: 8rem;  transform: rotate(0) translate(130rem) rotate(0) scale(1);}
        @keyframes spin2 {
            100% {
            transform:rotate(1turn) translate(130rem) rotate(-1turn);
            }
        }
    .talent-list__title{padding: 17rem;}
    .talent-list__title em br{display: none;}
    .talent-list__item [data-box]{padding: 20rem;}
    .talent-list{margin-top: 102rem;}
    
}

body.recruit{background-color: #1e1e1e;}
body.recruit #bo_cate ul{display: none;}
body.recruit #bo_v_title .bo_v_cate{font-size: 20rem; padding: 6rem 14rem; background-color: var(--c-01);}

.board-page .bo_sch{background: transparent;}
.board-page .bo_sch select{border: 1px solid #373737;  border-radius: 5rem; color: #fff; background:url(../img/board/arrow-select_w.svg) no-repeat 89% 50% !important; background-color: #242424 !important;background-size: 11rem !important;}
.board-page .bo_sch .sch_input{border-radius: 5rem;border: 1px solid #373737; background-color: #242424 !important;}
.board-page .bo_sch .sch_btn::after{background:url(../img/board/ic-search_w.svg) no-repeat 50% 50%; background-size: 18rem;}
.board-page .btn_bo_user li{background:transparent; border-radius: 5rem;}
/* .board-page .btn_bo_user li a{color: #fff;} */
/* .board-page .btn_more_opt i{color: #fff;} */
.board-page #bo_gall #gall_ul{border-top-color: #fff;}
.board-page #bo_v{background: transparent;}
.board-page #bo_v *{color: #fff;}
.board-page #bo_v_title .bo_v_tit{color: #fff;}
.board-page #bo_v a.btn_b01{border:1px solid #373737}
.board-page #bo_v_top ul{background:transparent}
.board-page #bo_list_total{color: #fff; font-size: 14rem;}
.board-page #bo_list_total i{color: var(--c-01);}
.board-page #bo_gall .gall_li{border-bottom:1px solid #373737;}
.board-page .bo-basic-list{border-top: 2px solid #fff;}
.board-page .bo-basic-list > li{border-bottom-color: #373737;}
.bo-basic__cate{border-radius: 5rem; background-color: var(--c-01); color: #fff; display: inline-block; margin-bottom: 32rem; font-size: var(--font-16); padding: 6.5rem 14.77rem;}
.bo-basic__cate.end {background: #6A6A6A;}
.board-page .wr_content textarea, 
.board-page .tbl_frm01 textarea, 
.board-page .form_01 textarea, 
.board-page .frm_input,
.board-page #bo_w .bo_w_flie .file_wr{background: transparent !important; border-radius: 5rem !important;}
.board-page #bo_w .bo_tit_lable{color: var(--font-f);}
.board-page #bo_gall .gall_img span{border-radius: 18rem;}
.board-page #bo_v_info .profile_info{margin: 50rem 0 10rem;}
.board-page .due-date{margin-top: 23rem;}
.board-page #bo_gall .bo_cnt{margin-top: 3rem; font-size: 16rem; color: #999;}
.board-page .gall_date{margin-top: 46rem; font-size: 14rem; color: #878787; display: block;}
.board-page .bo-basic__date{color: #878787;;}

.cs-form--wrap{margin-top: 82rem; padding-top: 82rem; border-top: 1px solid #373737;}
.cs-form [data-box]{  width: 100%; padding: 54rem 60rem; box-sizing: border-box; justify-content: space-between; }
[lang="en-US"] .form-area > em{min-width: 130rem;}

.bo_v_state {color: #fff;}
body.recruit .bo-basic__num,body.recruit_en .bo-basic__num{display: none;}
body.recruit .bo-basic__inner,body.recruit_en .bo-basic__inner{display: block;}
body.recruit .bo-basic__date,body.recruit_en .bo-basic__date{position: relative;font-size: 16rem; color: #878787; margin-top: 26rem; display: block;}
body.recruit .bo-basic__date::before{content: "접수기간"; margin-right: 44rem; }
body.recruit_en .bo-basic__date::before{content: "Due date"; margin-right: 44rem; }
body.recruit .bo-basic__date::after,body.recruit_en .bo-basic__date::after{content: ""; width: 1px; height: 12rem; background-color: #707070; position: absolute; left: 76rem; top: 7rem;}
body.recruit .due-date span,body.recruit_en .due-date span{border-radius: 5rem; background-color: #f5f5f5; padding: 6rem 17rem; box-sizing: border-box; color: #666 !important; margin-right: 8rem;}
body.recruit .bo_v_state,body.recruit_en .bo_v_state{color: #222;}

[data-mode="bright"] .board-page #bo_list_total{color: #d9d9d9;}
[data-mode="bright"] .board-page #bo_gall #gall_ul{border-top:1px solid #222}
[data-mode="bright"] .board-page #bo_gall .gall_li{border-bottom-color: #e9e9e9;}
[data-mode="bright"] #bo_gall .bo_tit{color: #222;}
[data-mode="bright"] .board-page .bo_sch select{ border:none; color: #222; background: url(../img/board/arrow-select.svg) no-repeat 89% 50% !important; background-color: #f5f5f5 !important; background-size: 11rem !important;}
[data-mode="bright"] .board-page .bo_sch .sch_input{background-color: #f5f5f5 !important; border:none;}
[data-mode="bright"] .board-page .bo_sch .sch_btn::after{background: url(../img/board/ic-search.svg) no-repeat 50% 50%; background-size: 18rem;}
[data-mode="bright"] .board-page #bo_v *{color: #222; margin-top: 6rem;}
[data-mode="bright"] .board-page #bo_v a.btn_b01{border:none; color: #fff !important;}
[data-mode="bright"] .board-page .bo-basic-list{border-top: 1px solid #222; }
[data-mode="bright"] .board-page .bo-basic-list > li{border-bottom-color: #e9e9e9;}
[data-mode="bright"] .chk_box input[type="checkbox"] + label{color: #616161;}
[data-mode="bright"] body.recruit .bo-basic__date::after,
[data-mode="bright"] body.recruit_en .bo-basic__date::after{background-color: #d9d9d9;}
[data-mode="bright"] .board-page .bo-basic__cate{color: #fff !important;}
[data-mode="bright"] .gall_date{font-weight: 500;}
[data-mode="bright"] .privacy-box{background-color: #f5f5f5;}
[data-mode="bright"] .cs-page--border .form-area input:is([type="text"], 
[data-mode="bright"] [type="password"]), 
[data-mode="bright"] .cs-page--border .form-select select, 
[data-mode="bright"] .cs-page--border .form-area textarea{background-color: #f5f5f5;}
[data-mode="bright"] .cs-form--wrap{border-top-color: #e6e6e6;}

.board-page .sub-title{margin-bottom: 82rem;}

@media all and (max-width:1023px){
    .cs-form--wrap{margin-top:60rem; padding-top: 60rem;}
    .cs-form [data-box]{padding: 44rem;}
    .form-area .form-body{width: calc(100% - 120rem) !important;}
    .form-area[data-form="agree"] > em{font-size: 26rem !important;}
    
    .board-page .sub-title{margin-bottom: 72rem;}
}

@media all and (max-width:860px){
    .cs-form--wrap{margin-top: 54rem; padding-top: 44rem;}
    .form-area .form-body{width: calc(100% - 90rem) !important;}
    .cs-form [data-box]{padding: 28rem;}
    .form-area[data-form="agree"] > em{font-size: 24rem !important;}
    .form-area[data-form="agree"] .check-box em{top: 2rem !important;}

    .board-page .sub-title{margin-bottom:62rem;}
}

@media (max-width: 540px){
    .form-area .form-body{width: 100% !important;}
    .form-area[data-form="agree"] > em{font-size: 18rem !important;}
    .form-area[data-form="agree"] .check-box em{top: 0 !important;}
    .cs-form--wrap{margin-top: 34rem; padding-top: 24rem;}
    .cs-page .button-style{margin-top: 0;}
    .cs-form [data-box]{padding: 20rem;}

    body.recruit .bo-basic__date::before, body.recruit_en .bo-basic__date::before{margin-right: 26rem;}
    body.recruit .bo-basic__date::after,  body.recruit_en .bo-basic__date::after{left: 68rem; top: 6rem;}
    .bo-basic__cate{margin-bottom: 18rem; padding: 6srem 10rem;}

    .board-page .sub-title{margin-bottom: 42rem;}

}


.rnd-page .about-cont__text h3{font-size: 24rem;}
.rnd-page .about-cont__text > div{padding: 0 40rem 40rem 60rem;}
.rnd-page .about-cont:nth-of-type(2) .about-cont__text > div{padding: 0 60rem 40rem 40rem;}

.rnd-office{margin-top: 80rem;}
.rnd-office h3{margin-bottom: 14rem;}
.rnd-office__list{gap: 24rem;}
.rnd-office__list img{width: 100%; border-radius: 10rem;}


@media all and (max-width:1023px){
    .rnd-page .about-cont__text > div{padding: 0 32rem 32rem 32rem;}
    .rnd-page .about-cont:nth-of-type(2) .about-cont__text > div{padding: 0 32rem 32rem 32rem;}
    .rnd-office__list{grid-template-columns: 1fr 1fr;}
}

@media (max-width:860px){

	
}

@media (max-width: 540px){
    .rnd-page .about-cont__text h3{font-size: 18rem;}
    .rnd-page .about-cont__text > div{padding: 0 12rem 12rem 12rem;}
    .rnd-page .about-cont:nth-of-type(2) .about-cont__text > div{padding: 0 12rem 12rem 12rem;}

    .rnd-office{margin-top: 40rem;}
    .rnd-office__list{grid-template-columns: 1fr; gap: 12rem;}

}