@charset "utf-8";

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

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

/* SUB VISUAL */
#sub-visual{position:relative;height:731rem; z-index: 10;}
#sub-visual h2{font-weight:600;font-size:90rem;color:#fff;text-transform: uppercase; line-height: 1.5;}
#sub-visual .wrap{height: 100%;}

.sub-visual__desc{margin-top:17rem; font-weight:700; font-size:20rem; color: var(--w); text-indent: 4rem;}
.sub-visual__bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;overflow: hidden;}
.sub-visual__bg > i{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;transition:var(--trans-01);background-repeat:no-repeat;opacity: 1 !important;}
.sub-visual__inner{position:absolute; top:263rem; left:0;}

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

/* board visual set */
/* 생성한 게시판 테이블 명 입력 */
/* 다국어시 세팅하면서 _en 붙이는 습관 들이기 */
body:is(.notice, .pr, .blog, .notice_en, .pr_en, .blog_en) .sub-visual__bg > i{background-image:url(../img/sub/sub-visual05.jpg);}
body:is(.certification, .certification_en) .sub-visual__bg > i{background-image:url(../img/sub/sub-visual01.jpg);}


/* lnb */
#lnb{position: absolute;width: 100%; bottom: 65rem;}
#lnb .select-link{width: auto;min-width: 184rem;background-color: var(--op-w10);border-radius: 90rem;height: 52rem;display: flex;padding: 10rem 16rem 10rem 25rem;}
#lnb .select-link > ul{margin-top: 45rem;left: 0;}
#lnb .depth1 .sub-menu,
#lnb .select-link__btn{display:none;}

#lnb.lnb-select .select-link__btn{display:flex;align-items:center;font-size:16rem;color:#fff;/* padding-right: 20rem; */gap: 33rem;justify-content: space-between;width: 100%;}
#lnb.lnb-select  .select-link__btn::after{content:""; transition: var(--trans-01); position: relative;right:0;width:23rem;height:23rem;background-size: 100%;background-position:50% 50%;background-image:url(../img/sub/ic-lnb-down.svg);background-repeat:no-repeat;border-radius:100%;}
#lnb.lnb-select .select-link__btn.on::after{transform: rotate(180deg);}
#lnb.none-select .select-link__btn{pointer-events:none; cursor:text;}
#lnb.none-select .select-link__btn::after{opacity:0;}

#lnb:not(.lnb-select) .select-link:has(.depth1){display:none; height:100rem; background:#000;}
#lnb:not(.lnb-select) .select-link > ul{opacity:1;visibility:visible;padding:0 0;background:none;flex-direction:row;flex-wrap:nowrap;flex-wrap: wrap;position: relative;}
#lnb:not(.lnb-select) .select-link > ul a{padding:0;font-size: 18rem;margin-right: 30rem; opacity: 0.5;}
#lnb:not(.lnb-select) .select-link > ul > li.on > a{opacity: 1;}
#lnb:not(.lnb-select) .select-link > ul a:hover{opacity:1;}
/*#lnb:not(.lnb-select) .select-link > ul a.on{opacity: 1;} 위의 소스 3차까지 먹이기 체크필요 */ 
#lnb:not(.lnb-select) .select-link > ul > li{width: auto;}
#lnb:not(.lnb-select):not(:has(li:nth-child(2))){display: none;} /* 2차가 하나일때 lnb 숨기기 */

#lnb.lnb-select:has(.select-link:nth-child(2)){display:flex;align-items: center;}
#lnb.lnb-select .select-link + .select-link:has(.depth2){margin-left:20rem;}
#lnb .lnb-inner{display:flex;}

a.lnb-home{width: 52rem; height: 52rem; margin-right:4rem; border-radius: 100%; background-color: #0240C6; display: flex; align-items: center; justify-content: center; }
a.lnb-home i{display:block; width:18rem;  background:url(../img/sub/ic-home.svg) no-repeat 50% 50%; font-size:0; min-height:100%;}

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

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

@media (max-width:1480px){

}
@media all and (max-width:1200px){
	#sub-visual h2{font-size: 76rem;}
    .sub-visual__desc{font-size: 15rem;margin-top: 2rem;font-weight:600;}
}
@media all and (max-width:1023px){
	#sub-visual{height:580rem;}	
	#sub-visual h2{font-size: 60rem;}

	.sub-visual__inner{top:240rem;}

	#lnb.lnb-select .select-link__btn{font-size:16rem;}
	#lnb{top:420rem;}
}

@media (max-width: 540px){
	#sub-visual{height:460rem; border-bottom-left-radius:5rem; border-bottom-right-radius:5rem;}
	#sub-visual h2{font-size: 35rem;}
	.sub-visual__inner{top: 195rem;}
	.sub-visual__title:has(.title-ko.none) .title-ko{display:block !important; margin-top:5rem; font-weight:700 !important; font-size:18rem !important;}
    .sub-visual__bg > i{background-position: 68% 50%;}
    .sub-visual__bg::after{content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0;}

    .scroll-down{display: none;}

	#sub-nav span{font-size:13rem;}
	#sub-nav > i{margin: 0rem 6rem;}

	#lnb{top:auto; bottom:20rem; z-index:10; padding:17rem 0rem;}
	#lnb.lnb-select .select-link__btn{font-size:17rem;}
	#lnb .select-link:has(.depth1){display:none;}
	#lnb .select-link:has(.depth2){margin-left:0;}
	#lnb.lnb-select:not(:has(li:nth-child(2))){display: none;}
	#lnb.lnb-select .select-link:nth-child(2){margin-left:0;padding: 10rem 16rem 10rem 20rem;}
	#lnb .lnb-inner{/* display:block; */margin:0;width:100%; box-sizing:border-box;}
	#lnb.lnb-select{opacity:1 !important;width:calc(100% - 40px);box-sizing:border-box;/* margin:0 20rem; */transform:none !important;}
	/* #lnb.lnb-select:has(li:nth-child(2)){display:block;}	 */
	#lnb.lnb-select .select-link + .select-link:has(.depth2){margin-left:0;}
	#lnb.lnb-select .select-link{width:100%; box-sizing:border-box; margin-left:0; align-items: center; display: flex;}
	#lnb.lnb-select .select-link__btn{font-size: 13rem;word-break: break-word;white-space: nowrap;text-overflow: ellipsis;width: 100%;overflow: hidden;display: block;-webkit-line-clamp: 1;padding-right: 30rem;}
	#lnb.lnb-select  .select-link__btn::after{right:-4rem; background-color:inherit;  position: absolute; }
	#lnb .select-link > ul{margin-top:15rem; padding:0rem 0rem 13rem; border-radius:5rem; background-color: var(--op-b70);}
	#lnb .select-link > ul a{padding: 8rem 20rem;font-weight:200;font-size:14rem;}

	#lnb:not(.lnb-select) .select-destroy li a{white-space:nowrap;}
	#lnb:not(.lnb-select) {width:100% !important; margin:0 !important; background:none;}
	#lnb:not(.lnb-select) .select-destroy{padding-left:20rem; overflow-x:scroll;}
	#lnb:not(.lnb-select) .select-destroy li:last-child{padding-right:40rem;}
	#lnb:not(.lnb-select) .select-destroy li a{opacity:0.5; color:#fff;}
	#lnb:not(.lnb-select) .select-destroy li.on a{opacity:1;}
	#lnb:not(.lnb-select) .select-destroy li + li{margin-left: 10rem;}
	#lnb:has(.select-destroy):not(.lnb-select) .select-link__btn::after{display:none;}
}

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

@media (max-width:1200px){

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

}

@media (max-width: 540px){

    #lnb .select-link > ul{top: 48rem;}
    a.lnb-home{min-width: 52rem;}

}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative;padding-top: max(9.3750vw, 130rem);}
/* .sub-content:has(.board-page){padding-top: 120rem;} */
.sub-content #page-title{text-align: center; font-family: var(--lang-ko);}
.sub-content #page-title + *{margin-top:80rem; }

.sub-com--tt .caption + *{margin-top: 22rem;}

@media (max-width:1480px){
    .sub-content #page-title + *{margin-top: 60rem;}
}
@media all and (max-width:1200px){
    
}

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

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

@media (max-width: 540px){
	.sub-content,
	.sub-content{padding-top: 60rem;}

    .sub-content #page-title + *{margin-top: 36rem;}
    .sub-com--tt .caption + *{margin-top: 12rem;}
    .sub-content #page-title {font-size: var(--kr-3xl);}
}

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

/* 회사소개 */
.about-page section{padding: var(--space-2xl) 0;}
.about-page .caption::before{background-color: var(--c-03);}
.about-intro{background: linear-gradient(180deg, #031D5D 0%, #0447B3 47.6%, #031D5D 98.08%); padding-top: 314rem; padding-bottom: var(--space-2xl); text-align: center;}
.about-intro *{color: var(--w);}
.about-intro h2 i,
.about-intro strong i{background:linear-gradient(90deg, #CFECFE 0%, #1A91FF 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.about-intro strong{display: block;}
.about-intro  p{margin-top: 43rem;}
.about-intro__ai img{mix-blend-mode: color-dodge; margin: 0 auto;}
.about-intro__ai{position: relative; margin-top: 144rem; margin-bottom: 116rem;}
.about-intro__ai i,.about-last .about-rock i{position: absolute; animation:zomm_out 4s ease 0s infinite; width: 509rem; display: block; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 509rem; border-radius: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.00) 100%);}
.about-intro__ai i:nth-child(2),.about-last .about-rock i:nth-child(2){transition-delay: .1s;  animation:zomm_out2 4s ease 0s infinite;}


.about-intro .btn-wrap{justify-content: center; margin-top: 67rem; position: relative; z-index: 4;}
.about-intro .btn-wrap a{background-color: #00329D;}

@keyframes zomm_out{
    0%{transform: translate(-50%,-50%) scale(1) ; opacity: 1;}
    90%, 100%{transform:translate(-50%,-50%) scale(2); opacity: 0;}
}
@keyframes zomm_out2{
    0%{transform: translate(-50%,-50%) scale(1) ; opacity: 1;}
    90%, 100%{transform:translate(-50%,-50%) scale(3); opacity: 0;}
}

.about-overview__sec{}
.about-overview__sec figure{overflow: hidden;  border-radius: 10rem;}
.about-overview__sec:nth-child(1){justify-content: space-between;}
.about-overview__sec:nth-child(1) .about-overview__text{padding-top: 51rem;}
.about-overview__sec:nth-child(1) p{margin-top: 42rem;}
.about-overview__sec:nth-child(2){flex-direction: row-reverse;align-items: center;gap: 155rem;justify-content: flex-end;margin-top: 150rem;}
.about-overview__sec:nth-child(1) figure{width: 670rem; aspect-ratio: 670 / 500;}
.about-overview__sec:nth-child(2) figure{width: 690rem; aspect-ratio: 690 / 630;}
.about-overview__sec:nth-child(2) strong{margin-bottom: 47rem; display: block;}
.about-overview__sec:nth-child(2) p + p{margin-top: 20rem;}

.aboout-solution{  background: linear-gradient(270deg, rgba(0, 29, 100, 0.80) 0%, rgba(0, 29, 100, 0.00) 100%), linear-gradient(270deg, rgba(0, 29, 100, 0.80) 0%, rgba(0, 29, 100, 0.00) 100%), linear-gradient(270deg, #0B2879 0%, #0447B3 100%);}
.about-solution__first *:not(.caption){color: var(--w);}
.about-solution__first .sub-com--tt{text-align: center;}
.about-solution__first{padding-top: var(--space-2xl);}
.about-solution__list{margin-top: 80rem;}
.about-solution__list li{border-radius: 10rem; border: 1px solid var(--op-w10); padding: 44rem 26rem;}
.about-solution__list figure{margin-top: 19rem; width: 100%; aspect-ratio: 427 / 240; border-radius: 10rem; overflow: hidden;}
.about-solution__list strong{display: block; margin-top: 48rem;}
.about-solution__list p{margin-top: 14rem;}

.about-solution__arrow{margin-top: 20rem; margin-bottom: -45rem;}
.about-solution__arrow img{margin: 0 auto; position: relative;}
.about-solution__arrow img:nth-child(1){z-index: 1;}
.about-solution__arrow img:nth-child(2){top: -107rem;}

.about-solution__main{text-align: center; position: relative; z-index: 2; padding-bottom: var(--space-2xl);} 
.about-solution__main *{color: var(--w);}
.about-solution__main .sub-com--tt span{color:var(--c-01); font-size: 19rem; font-weight: 700;}
.about-solution__main .sub-com--tt h3{margin-top: 20rem}

.about-solution_mainList{position: relative;}
.about-solution_mainList > i.line{width: 100%; height: 1px; border-top: 1px dashed var(--op-w20); display: block; position: absolute; left: 0;top: -47rem;}
.about-solution__mainList--wrap{max-width: 1744rem; width: 100%; margin: 143rem auto 0; gap: 48rem;}
.about-solution__mainList__item{width: 100%; aspect-ratio: 1 / 1; position: relative; border-radius: 100%; border:1px solid var(--c-01); background-color: var(--op-b30); display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; }
.about-solution__mainList__item .stemp{position: absolute; top: -64rem;}
.about-solution__mainList__item strong{margin-top: 38rem;}
.about-solution__mainList__item p{margin-top: 11rem;}
.about-solution__main{position: relative;}
.about-solution__main::before{content: ""; position: absolute; width: 100%; height: 100%; bottom:0; left: 0; background-image: url(../img/sub/about-solution__bg.png); background-repeat: no-repeat; background-position: bottom;}

.about-history .sub-com--tt{margin-bottom: 80rem;}
.about-history__conts{display: flex; justify-content: space-between;}
.about-history--sticky{position: sticky; top: 100rem;}
.about-history__item{width: 500rem; height: 500rem;  border-radius: 100%; border: 1px dashed rgba(16, 67, 185, 0.40); display: flex; align-items: center; justify-content: center;}
.about-history__item figure{width: 370rem; border-radius: 100%; overflow: hidden; aspect-ratio: 1 / 1;}
.about-history__item .dot-wrap{height:100%;left:0;position:absolute;top:0;width:100%;}
.about-history__item .dot-wrap i{background-color:var(--c-01);border-radius:30rem;display:block;height:12rem;position:absolute;right:-6rem;top:50%;transform:translateY(-50%);width:12rem;}
.about-history__item .dot-wrap--1{animation:history-rotate1 10s linear infinite;}
.about-history__item .dot-wrap--2{animation:history-rotate2 12s linear infinite reverse;}
@keyframes history-rotate1{0%{transform:rotate(0);}100%{transform:rotate(360deg);}}
@keyframes history-rotate1{0%{transform:rotate(0);}100%{transform:rotate(360deg);}}
@keyframes history-rotate2{0%{transform:rotate(0);}100%{transform:rotate(360deg);}}

.about-history__list{width: 777rem;padding-top: 190rem;}
.about-history__list > li + li{margin-top: 80rem;}
.about-history__list > li strong{font-size: 50rem; line-height:1.44; display: block; margin-bottom: 22rem; font-weight: 600; color:var(--op-b10); transition: var(--trans-01);}
.about-history__depth li{border-radius:10rem; border:1px solid var(--op-b10); padding: 30rem 40rem; display: flex; flex-direction: column; gap: 4rem; transition: var(--trans-01);}
.about-history__depth li + li{margin-top: 4rem;}
.about-history__depth li b{display: block;}

.about-history__list > li.is_moved strong{color: var(--c-01); font-size: 80rem;}
.about-history__list > li.is_moved .about-history__depth li{background-color: var(--bg-default);}

.about-key{background-color: var(--bg-default); position: relative; z-index: 1;}
.about-key .sub-com--tt{text-align: center;}
.about-key__list{max-width: 1000rem; width: 100%; margin: 80rem auto 0;}
.about-key__item{border-radius: 20rem; background-color: var(--w); padding: 38rem 57rem; display: flex; align-items: center; gap: 52rem;}
.about-key__item i{width: 68rem; height: 68rem; border-radius: 100%; border-radius: 100%; background-color: var(--c-01); display: flex; align-items: center; justify-content: center;}
.about-key__item + .about-key__item{margin-top: 22rem;}

.about-last{background: linear-gradient(180deg, #1B2B7D 0.25%, #050817 28.54%);padding-top: 240rem; overflow: hidden; position: relative;}
/* .about-last > div{position: relative; z-index: 3;} */
.about-rock--wrap{position: relative; margin-bottom: 90rem;}
.about-rock--wrap em{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: var(--w);z-index: 1;text-align: center;width: 100%;}
.about-rock{max-width: 664rem; margin: 0 auto; position: relative;}
.about-rock img{mix-blend-mode: overlay;}
.about-rock i{}

.about-last__sec{height: var(--height-full); text-align: center; display: flex; align-items: center; justify-content: center;}
.about-last__sec div.hide{overflow: hidden;}
.about-last__sec h3{color: var(--w); overflow: hidden; margin-top: 46rem;}
.about-last__sec div.hide > *,
.about-last__sec p span,
.about-last__sec h3 span{transform: translateY(70rem); opacity: 0;}
.about-last__sec h3 i{color: var(--c-01);}
.about-last__sec p{margin-top: 48rem; color: var(--op-w80); overflow: hidden;}
.about-last__sec .ceo{ display: flex; align-items: center; justify-content: center; margin-top: 86rem; gap: 10rem;}
.about-last__sec .ceo span{color: var(--op-w70);}
.about-last__sec .ceo strong{color: var(--w);}

.about-last__sec div.hide > *.is_moved{opacity: 1; transform: translateY(0);}
.about-last__bgRound--wrap{width:100%;height: 100%;position:absolute;top:0;display: block;}
.about-last__bgRound{top: 0;display: flex; justify-content: space-between;}
.about-last__bgRound i{aspect-ratio:1/1;filter:blur(265rem); position: relative; background-color:#0064F0;border-radius:100%;transform:translate3d(0,0,0) scale(1);}
.about-last__bgRound i.first{width:1020rem;left: -20%;top:30%;animation:lastBgFloat1 18s ease-in-out infinite alternate;}
.about-last__bgRound i.second{width: 577rem;right:-10%;bottom: 0%;animation:lastBgFloat2 22s ease-in-out infinite alternate;}

@keyframes lastBgFloat1{
    0%{transform:translate3d(0,0,0) scale(1);}
    40%{transform:translate3d(45rem,-55rem,0) scale(1.12);}
    100%{transform:translate3d(-20rem,35rem,0) scale(1.05);}
}

@keyframes lastBgFloat2{
    0%{transform:translate3d(0,0,0) scale(1);}
    40%{transform:translate3d(-60rem,40rem,0) scale(1.15);}
    100%{transform:translate3d(25rem,-20rem,0) scale(1.07);}
}


.sub01_01 #footer{margin-top: 0;}

@media (max-width:1800px){

    .about-solution__mainList--wrap{max-width: 90%;}
    .about-solution__mainList__item p{padding: 0 20rem;}
    .about-solution__mainList--wrap{gap:28rem}
}
@media (max-width:1600px){

    .about-overview__sec:nth-child(1) figure{width: 560rem; min-width: 560rem;}
    .about-overview__sec:nth-child(2) figure{width: 640rem; min-width: 640rem}
    .about-solution__mainList--wrap{max-width: 97%;}
    .about-solution__mainList__item p{font-size: 15rem;}
    .about-solution__mainList__item strong{margin-top: 18rem;}

    .about-history__list{width: 50%;}

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

    .about-overview__sec:nth-child(2) figure{width: 540rem; min-width: 540rem;}
    .about-overview__sec:nth-child(1) figure{width: 500rem; min-width: 500rem;}
    .about-overview__sec:nth-child(1) .about-overview__text{padding-top: 0;}

}
@media all and (max-width:1200px){
	.about-intro__ai img{width: 70%;}
    .about-intro__ai i, .about-last .about-rock i{width: 420rem; min-width: 420rem; height: 420rem;}

    .about-overview__sec{gap: 120rem;}
    .about-overview__sec:nth-child(2){gap: 110rem;}
    .about-overview__text p br{display: none;}
    
    .about-solution__list li{padding: 26rem;}
    .about-solution__list{gap: 20rem;}

    .about-solution__main{overflow: hidden;}
    .about-solution__mainList--wrap{grid-template-columns: 1fr 1fr; gap: 120rem 28rem; max-width: 70%; position: relative; }
    .about-solution_mainList::before{content: ""; width: 100%; height: 1px; border-top: 1px dashed var(--op-w20); display: block; position: absolute; left: 0; top: 495rem; }
    .about-rock img{width: 100%;}
    .about-rock{max-width: 490rem;}
    .about-last{padding-top: 180rem;}

    .about-history__item{width: 400rem; height: 400rem;}
    .about-history__item figure{width: 300rem;}
    .about-history__list{width: 52%;}

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

    .about-page section{padding: var(--space-xl) 0}
    
	.about-intro{padding-top: 220rem;}
    .about-intro__ai{margin-top: 100rem; margin-bottom: 86rem;}
    
    .about-overview__sec:nth-child(1) figure{width: 320rem; min-width: 320rem;}
    .about-overview__sec:nth-child(2) figure{width: 400rem; min-width: 400rem;}
    .about-overview__sec:nth-child(2){gap: 80rem; margin-top: 50rem;}

    .about-solution__arrow img{width: 50%;}
    .about-solution_mainList::before{top: 410rem;}
    .about-solution__main{padding-bottom: var(--space-xl);}
    .about-solution__first{padding-top: var(--space-xl);}

    .about-key__list{margin: 60rem auto 0;}
    .about-key__item{gap: 30rem; padding: 30rem; border-radius: 10rem;}
    .about-key__item + .about-key__item{margin-top: 12rem;}
    .about-key__item:nth-child(1) i img{width: 22rem;}
    .about-key__item i img{width: 28rem;}

    .about-history__item{width: 320rem; height: 320rem;}
    .about-history__item figure{width: 200rem;}
    .about-history__list > li strong{margin-bottom: 4rem; font-size: 42rem;}
    .about-history__list > li.is_moved strong{font-size: 55rem;}
    .about-history__depth li{padding: 24rem;}
    .about-history__list > li + li{margin-top: 62rem;}
    
    .about-last__sec h3 {margin-top: 16rem;}
}

@media (max-width:860px){

    .about-intro{padding-right: 20rem; padding-left: 20rem;}
    .about-overview__sec{display: block;}
    .about-overview__sec:nth-child(1) p{margin-top: 34rem;}
    .about-overview__sec:nth-child(1) figure,
    .about-overview__sec:nth-child(2) figure{width: 100%; min-width: 100%; margin-top: 34rem; height: 240rem;}
    .about-overview__sec:nth-child(2) p + p{margin-top: 12rem;}
    .about-overview__sec:nth-child(2) strong{margin-bottom: 24rem;}

    .about-solution__list{grid-template-columns: 1fr; margin-top: 46rem;}
    .about-solution__list figure{aspect-ratio: 420 / 200;}
    .about-solution__arrow img:nth-child(2){top:-80rem}
    .about-solution__mainList--wrap{max-width:100%; margin: 120rem 0 0 40rem; display: flex; white-space: nowrap; overflow-x: scroll;}
    .about-solution__mainList__item{width:350rem; min-width: 350rem;}
    

    .about-rock{max-width: 77%;}
    .about-rock--wrap em{word-break: keep-all; font-size: 30rem;}
    .about-last{padding-top: 100rem;}
    
    .about-history__conts{width: 100%; display: block;}
    .about-history__list{width: 100%; padding-top: 0;}
    .about-history__depth li{background-color: var(--op-w40); backdrop-filter: blur(12rem);}
    .about-history__list > li + li{margin-top: 32rem;}
    .about-history__item{margin:  0 auto 30rem;}
    .about-history .sub-com--tt{margin-bottom: 50rem;}
    .about-key__list{margin: 40rem auto 0;}
    .about-key__item i{width: 60rem; height: 60rem;}
    .about-key__item{gap: 24rem;}
    .about-history__list{background-color: var(--op-w10); backdrop-filter: blur(10rem);}
    .about-history__item .dot-wrap i{width: 8rem; height: 8rem;}
    .about-history__list > li.is_moved strong{font-size: 44rem;}
}
@media (max-width: 540px){
    
    .about-intro{overflow-x: hidden; padding-top: 160rem;}
    .about-intro h2{font-size: 28rem; margin-bottom: 24rem;}
    .about-intro p{padding: 0 20rem; word-break: keep-all;}
    .about-intro__ai{margin: 60rem 0;}
    .about-intro__ai img{width: 90%;}
    .about-intro__ai i, .about-last .about-rock i{width: 320rem; height: 320rem;}
    .about-intro strong{font-size: 18rem;}
    .about-intro .btn-wrap{margin-top: 42rem;}
    .about-intro  p{margin-top: 24rem;}
    
    .about-overview__sec:nth-child(1) figure, .about-overview__sec:nth-child(2) figure{margin-top: 24rem;}
    .about-solution__list strong{margin-top: 30rem;}
    .about-solution__list p{margin-top: 8rem;}
    .about-solution__list li{padding: 20rem;}

    .about-solution__arrow{margin-top: 40rem; margin-bottom: -25rem;}

    .about-solution__mainList--wrap{margin:0; gap: 22rem; max-width: 100%; grid-template-columns: 1fr; padding-left: 20rem; padding-right: 0;}
    .about-solution_mainList::before{display: none;}
    .about-solution__mainList__item{min-width:290rem; width: 290rem;}
    .about-solution__mainList__item p br{display: none;}
    .about-solution__mainList__item p{opacity: 0.8; word-break: keep-all; white-space: break-spaces; padding: 0 40rem;}
    .about-solution_mainList > i.line{top: 55rem;}
    .about-solution__mainList__item .stemp{top: -50rem;}
    .about-solution__mainList--wrap{padding-top: 90rem;}


    .about-history__item{width: 220rem;height: 220rem;position: relative;top: 0;}
    .about-history__item figure{width: 150rem;}
    .about-history__depth li{word-break: keep-all;}
    .about-history__list > li strong{font-size: 30rem;}
    .about-history__depth li{padding: 14rem;}

    .about-key__item i{width: 50rem; height: 50rem; min-width: 50rem;}
    .about-key__item{align-items: flex-start; padding: 20rem; gap: 14rem;} 
    .about-key__item:nth-child(1) i img{width: 17rem;}
    .about-key__item i img{width: 20rem;}
    .about-last__sec p{word-break: keep-all; margin-top: 28rem;}
    .about-last__sec p br{display: none;}

    .about-history__list > li.is_moved strong{font-size: 27rem;}

    .about-last__sec h3{padding: 0 20rem;}
    
    
}

/* 비전 미션 연혁 */
.mission-intro{/* height: 834rem; */ height: var(--height-full); position: relative;}
.mission-intro .wrap{height: 100%;}
.mission-intro{text-align: center; padding-top: 163rem; }
.mission-intro__text{position: relative; z-index: 10;}
.mission-intro__text *{color: var(--w);}
.mission-intro__text h3{margin-bottom: 76rem;}
.mission-intro__text strong{display: block; margin-bottom: 14rem;}
.mission-intro__text > *{overflow: hidden;}
.mission-intro__text > * span{opacity: 0; display: inline-block; transform: translateY(20rem);}
.mission-intro__bg{ display: block; overflow: hidden; position: absolute; left: 50%; top: 50%; width: 480rem; height:462rem; /* margin-top: 70rem; */ border-radius: 20rem; transform:translate(-50%, -50%); background: url(../img/sub/mission-bg.jpg) no-repeat; background-size: cover; overflow: hidden; background-position: 50% 50%;}
.mission-intro__bg img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.mission-prove{padding-top: var(--space-2xl);}
.mission-prove .sub-com--tt p{margin-top: 30rem;}
.mission-prove__sec{position: relative; margin-top: 80rem;}
.mission-prove__sec .mission-prove__text{position: absolute; z-index: 1;}
.mission-prove__sec .mission-prove__box{width: 50%; height: 100vh; background-size: cover; background-repeat: no-repeat;}
.mission-prove__box.box01{background-image: url(../img/sub/mission01.jpg); }
.mission-prove__box.box02{background-image: url(../img/sub/mission02.jpg); }
.mission-prove__text{display: flex; align-items: center; justify-content: center; gap: 25rem;; width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.mission-prove__text strong{color: var(--w); opacity: 0;}
.mission-prove__text em{width: 200rem; height: 200rem; transform: scale(0); border-radius: 100%; border:1px solid var(--c-01); color: var(--c-01); background-color: var(--op-b40); text-align: center; display: inline-flex; align-items: center; justify-content: center; font-size: 70rem; font-weight: 700;}
.mission-prove__text strong.first{transform: translateY(100rem);}
.mission-prove__text strong.second{transform: translateY(-100rem);}
.mission-prove__text > div{overflow: hidden;}

.mission-reason{padding: var(--space-2xl) 0}
.mission-reason__round{align-items:center;aspect-ratio:1/1;border:1px solid rgba(1,109,243,.13);border-radius:100%;display:flex;justify-content:center;margin:0 auto;position:relative;width:664rem;}
.mission-reason__round strong{position:relative;z-index:2;text-align: center;word-break: keep-all;}
.mission-reason__round span{aspect-ratio:1/1;background-color:var(--bg-default);border-radius:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:320rem;z-index:1;}
.mission-reason__round i{animation:mission-rotate 12s linear infinite;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;}
.mission-reason__round i::before{background-color:var(--c-01);border-radius:100%;content:"";height:14rem;position:absolute;right:-7rem;top:50%;transform:translateY(-50%);width:14rem;}
@keyframes mission-rotate{0%{transform:rotate(0);}100%{transform:rotate(360deg);}}

.mission-vision{padding-bottom: var(--space-2xl);}
.mission-vision .sub-com--tt p{margin-top: 30rem;}
.mission-vision__sec{margin-top: 80rem; display: flex; align-items: flex-end; gap: 117rem;}
.mission-vision__sec figure{width: 740rem; border-radius: 20rem; overflow: hidden; aspect-ratio: 740 / 730;}
.mission-vision__info{flex: 1;}
.mission-vision__info ul{margin-top: 32rem;}
.mission-vision__info ul li{display: flex; padding: 26rem 30rem; background-color: var(--bg-default); border-radius: 10rem; overflow: hidden;}
.mission-vision__info ul li + li{margin-top: 18rem;}
.mission-vision__info ul li em{font-weight: 700; font-size: 19rem; color: var(--c-base);}
.mission-vision__info ul li span{color: var(--c-base);}
.mission-vision__info ul li i{margin-right: 32rem;}
/* .mission-vision__info {margin-top: 100rem;} */
.mission-vision__info strong{display: block; margin-bottom: 13rem;}
.mission-vision__info em{color: var(--c-base);display: block;}
.mission-vision__info em i{color: var(--c-01);}
.mission-vision__info em + p{margin-top: 52rem;}

.mission-cover{background:var(--bg-gradient);}
.mission-cover__sec{padding: var(--space-2xl) 0;}
.mission-cover__sec + .mission-cover__sec{padding-top: 0;}
.mission-cover__sec *{color: var(--w);}
.mission-cover__sec h4{margin-bottom: 32rem;}

.mission-strategy__list{gap: 42rem;}
.mission-strategy__item{background-color: var(--op-w10); border:1px solid var(--op-w20); border-radius: 10rem; padding: 44rem;}
.mission-strategy__item i{width: 54rem; height: 50rem; display: block;}
.mission-strategy__content{margin-top: 71rem;}
.mission-strategy__content strong{display: block; color: var(--w);}
.mission-strategy__content ul{margin-top: 21rem;}
.mission-cover ul[data-list="dot"] > *::before{background-color: var(--op-w40);}
.mission-cover ul[data-list="dot"] li{word-break: keep-all;}

.mission-roadmap__list{gap: 32rem 42rem;}
.mission-roadmap__item{padding: 44rem 34rem; border-radius: 10rem; display: flex; gap: 37rem; background-color: var(--op-b10); border:1px solid var(--op-w20);  padding: 44rem 34rem;}
.mission-roadmap__item figure{width: 240rem; min-width: 240rem; aspect-ratio: 1 /1;  overflow: hidden; overflow: hidden; border-radius: 100%;}
.mission-roadmap__content{ }
.mission-roadmap__content strong{margin-top: 65rem; display: block;}
.mission-roadmap__content ul{margin-top: 15rem}

.mission-sustain__list li{border-radius: 10rem; background-color: var(--op-w10); border:1px solid var(--op-w20); padding: 44rem; min-height: 268rem; display: flex; flex-direction: column; justify-content: space-between; }
.mission-sustain__item .caption-tt{display: inline-flex;}

.missoin-history{padding: var(--space-2xl) 0; position: relative;}
.missoin-history .sub-com--tt{position: sticky; top: 100rem;}
.missoin-history .wrap{display: flex; justify-content: space-between;}
.missoin-history__list{width: 707rem;}
.mission-history__box{padding-bottom: 200rem;}
.mission-history__box *{opacity: 0.3;}
.mission-history__box .year{color: var(--c-base); display: block; margin-bottom: 40rem; position: relative;}
.mission-history__box .year::before{content: ""; width: 8rem; height: 8rem; border-radius: 20rem; background-color: transparent; position: absolute; left: -78rem; top: 50%; transform: translateY(-50%);}
.mission-history__box ul li{color: var(--c-base); }
.mission-history__box:last-child{padding-bottom: 0;}

.mission-history__box.is_moved .year{color:var(--c-01); opacity: 1;}
.mission-history__box.is_moved  *{opacity: 1;}
.mission-history__box.is_moved .year::before{background-color: var(--c-01);}
.mission-history__box ul > li.is_moved{opacity: 1; color: var(--c-base);}

.history-line-wrap{display:block;position:absolute; top:0rem;left:50%; height: 100%;}
.history-line__point{position: absolute; width: 11rem; left: 50%; margin-left: -4.5rem;top:0;}
.history-line__point span{ width: 8rem; height: 8rem; border-radius: 20rem; background-color: var(--c-primary); position: absolute; left: 50%; margin-left: -4rem; bottom: 0;}
.history-line__point span::after{content: ""; width: 100%;height: 100%; left: 50%; top: 50%;  position: absolute;transform: translate(-50%,-50%) scale(1.5);background: var(--c-01);border-radius: 100%;opacity: 0.2;animation:zomm_out 2s ease 0s infinite;}
.history-line{display:block;position:absolute;overflow:hidden;top:0;left:0;width:1rem;height:100%;background:#ddd;margin-top: 0 !important;}
.history-line__bar{display:block; position:absolute; top:0; left:0; z-index:50; width:100%; background:var(--c-01);}

.mission-rule__slide .swiper-slide{background-color: var(--op-w10); flex-direction: column; border-radius: 10rem;  border:1px solid var(--bg-primary); padding: 24rem;}
.mission-rule__slide figure{width: 100%; aspect-ratio: 432 / 318; border-radius: 10rem; overflow: hidden; margin-bottom: 32rem; box-shadow: 0 -24px 44px 0 rgba(130, 139, 189, 0.09);}
.mission-rule__slide strong{display: block; margin-bottom: 13rem;}
.mission-rule__slide *{color: var(--w);}

@media (max-width:1600px){

    .mission-history__box .year::before{left: -7.4%;}
}

@media (max-width:1480px){
    .mission-prove__text em{font-size: 58rem;}

    .mission-vision__sec figure{width: 660rem;}
    .mission-vision__sec{gap: 84rem;}
    .mission-vision__info{flex: 1;}

    .mission-strategy__list{gap: 30rem;}
     
    .mission-prove{padding-top: var(--space-xl);}
    .mission-reason,.missoin-history{padding: var(--space-xl) 0;}
    .mission-vision{padding-bottom: var(--space-xl);}
    

     .mission-roadmap__item figure{width: 200rem; min-width: 200rem; height: 200rem;}

     .mission-vision__info ul li + li{margin-top: 10rem;}

     .misson-history__list{width: 40%;}
     .mission-history__box .year::before{left: -25.4%;}
}
@media all and (max-width:1200px){
	
    .mission-prove__sec{margin-top: 56rem;}

    .mission-vision__sec{align-items: flex-start; margin-top: 60rem;}
    .mission-vision__sec figure{width: 430rem;}
    .mission-vision__info ul li{padding: 22rem;}
    .mission-vision__info{margin-top: 0;}

    .mission-cover__sec{padding: var(--space-xl) 0;}
    .mission-strategy__item{padding: 32rem;}
    .mission-strategy__item i img{height: 100%;}
    .mission-strategy__item i{height: 42rem;}
    .mission-strategy__content{margin-top: 52rem;}
    .mission-strategy__list{gap: 20rem;}
   
    .mission-roadmap__item figure{width: 160rem; min-width: 160rem; height: 160rem;}
    .mission-roadmap__content strong{margin-right: 35rem;}
    .mission-roadmap__list{gap: 28rem 32rem;}
    .mission-sustain__list li{padding:32rem}
    .mission-sustain__list{gap: 22rem;}
    .mission-sustain__list li{min-height: 238rem;}

    .mission-roadmap__content ul{text-align: left; margin-top:32rem; padding-top:32rem; border-top: 1px dashed var(--op-w10);}
    .mission-cover__sec p{font-size: 17rem;}
    .mission-vision__info ul li i{margin-right: 22rem;}
    
    .mission-history__box .year::before{left: -26%;}
}
@media all and (max-width:1023px){
	
    .mission-reason__round{width: 520rem;}
    .mission-reason__round span{width: 280rem;}
    .mission-vision__info ul li em{font-size: 17rem;}
    .mission-vision__sec{gap: 64rem;}
    
    .mission-roadmap__item{flex-direction: column;}
    .mission-roadmap__item figure{margin: 0 auto;}
    .mission-roadmap__content strong{margin-top: 20rem; margin-right: 0;}
    .mission-roadmap__content{text-align: center;}

    .mission-sustain__list{grid-template-columns: 1fr; gap: 12rem; width: 100%;}
    .mission-sustain__list li{min-height: auto; gap: 40rem;}
    
    .mission-history--text{width: 36%;}
    .mission-history--text h3 br{display: none;}
    .misson-history__list{width: 50%;}
    .mission-history__box{padding-bottom: 100rem;}

    .mission-history__box .year::before{left: -13%;}   
    .history-line-wrap{left: 44.5%;}

    .mission-reason__round i::before{width: 10rem; height: 10rem; right: -5rem;}
    .mission-cover__sec p br{display: none;}
}
@media (max-width:860px){

    .mission-intro{/* padding-top: 120rem */ height: 650rem; overflow: hidden;}
    .mission-intro__text h3{margin-bottom: 48rem; word-break: keep-all;}

    .mission-reason__round{width: 520rem;}
    .mission-reason__round span{width: 220rem;}

    .mission-prove__text em{font-size: 48rem; width: 160rem; height: 160rem;}
    .mission-prove__text{flex-direction: column;}
    .mission-prove__sec{height: 100vh;}
    .mission-prove__sec .mission-prove__box{width: 100%;}
    .mission-prove__sec .mission-prove__box{height: 50%; position: relative;}
    .mission-prove__box.box02::before{content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); left: 0; top: 0; position: absolute; }
    .mission-prove__text em{width: 140rem; height: 140rem; font-size: 38rem;}

    .mission-vision__sec{flex-direction: column; overflow: hidden;}
    .mission-vision__sec figure{width: 100%; height: 340rem;}
    .mission-vision__info{flex: none; width: 100%;}
    .mission-vision__info ul li + li{margin-top: 10rem;}
    .mission-vision__info ul li i{margin-right: 17rem;}
    .mission-vision__info ul li{align-items: center;}

    .mission-strategy__list{grid-template-columns: 1fr;gap: 12rem;}
    .mission-cover__sec h4{margin-bottom: 20rem;}   
    
    .mission-sustain__list{width: 100%;}

    .missoin-history .wrap{display: block;}
    .misson-history__list{width: 100%; margin-top: 42rem;}
   .mission-history--text{width: 100%;}
   .mission-history--text h3{word-break: keep-all;}
   .mission-history__box{padding-bottom: 100rem;}
   .mission-history__box .year{margin-bottom: 20rem; font-size: 34rem;}

   .history-line-wrap{display: none;}

   .mission-prove__text strong{font-size: 24rem;}

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

    .mission-intro{padding-top: 80rem;}
    .mission-intro__text p{word-break: keep-all;}

    .mission-intro__bg{width: 100%; height: 100%; border-radius: 0;}
    .mission-intro__text > *{overflow: visible;}
    .mission-intro__text > * span{opacity: 1;}

    .mission-prove__sec{flex-direction: column;}

    .mission-reason__round{width: 80%}
    .mission-reason__round span{width: 160rem;}

    .mission-vision__sec figure{border-radius: 10rem;}
    .mission-vision__sec{gap: 34rem;}
    .mission-vision__info p{margin-top: 14rem;}
    .mission-vision__info ul li em{font-size: 16rem;}
    .mission-vision__info ul li{padding: 16rem;}

    .mission-strategy__item{padding: 20rem;}
    .mission-strategy__item i{height: 32rem;}
    .mission-strategy__content{margin-top: 42rem;}
    .mission-strategy__content ul{margin-top: 15rem;}
    .mission-cover ul[data-list="dot"] > *::before{top: 7rem;}

    .mission-roadmap__list{grid-template-columns: 1fr; gap: 12rem;}
    .mission-roadmap__item{padding:24rem 22rem;}

    .mission-roadmap__item figure{width: 130rem; height: 130rem; min-width: 130rem;}
    .mission-roadmap__content strong{margin-top: 12rem;}
    .mission-roadmap__content ul{margin-top: 22rem; padding-top: 22rem;}
    
    .mission-sustain__list li{padding: 20rem;}
    .mission-history__box .year{font-size: 23rem;margin-bottom: 9rem;}
    .mission-history__box{padding-bottom: 40rem;}

    /* .mission-prove__text strong{opacity: 1; transform: none !important;}
    .mission-prove__text em{transform: scale(1);} */
     .mission-reason__round i::before{width: 8rem; height: 8rem; right: -4rem;}

     .mission-rule__slide .swiper-slide {padding: 10rem;}    
     .mission-rule__slide figure {margin-bottom: 20rem;}
     .mission-cover__sec p {font-size: 15rem;} 
}

/* 조직도 */
.organization-page img{display: block; max-width: 100%; margin: 0 auto;}

/* ci 소개 */
.ci-identity__title > div{position: sticky; top: 200rem;}
.ci-identity__title p{color: var(--c-base); margin-top: 41rem;}
.ci-identity__content{width: 870rem; padding-bottom: 610rem;}
.ci-identity-wrap{display: flex; justify-content: space-between;}
.ci-identity__logo{background-image: url(../img/sub/ci-pattern.svg); background-repeat: repeat; height: 304rem; margin-bottom:42rem ; display: flex; align-items: center; justify-content: center;}
.ci-identity__logo img{height: 88rem;}
.ci-identity__color{gap: 30rem;}
.ci-identity__color li{width: 100%; border-radius: 10rem; height: 197rem; display: flex; padding: 24rem 28rem; flex-direction: column; justify-content: flex-end;}
.ci-identity__color li *{color: var(--w);}
.ci-identity__color li:nth-child(1){background-color: #0B6FAE;}
.ci-identity__color li:nth-child(2){background-color: #B4275A;}
.ci-identity__color li p{font-family: var(--lang-ko);}

.ci-diagram{text-align: center; margin-top: var(--space-md);}
.ci-diagram__img{display: inline-flex;margin: 0 auto;padding: 50rem 60rem;border-radius: 300rem;background-color: var(--bg-default);gap: 111rem;align-items: center;}
.ci-diagram__img span{width: 292rem; aspect-ratio: 1 / 1; border-radius: 100%; background-color: var(--w); border:1px dashed var(--c-01); font-size:23rem; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.ci-diagram p{color: var(--c-base); margin-top: 50rem;}
.ci-diagram p i{font-weight: 600; color: var(--c-01);}
.ci-diagram .line{display: block; width: 100%; height: 1px; border-bottom: 1px dashed var(--op-b10);  margin-top: var(--space-xl); ;}

.ci-message{padding-bottom: 160rem;}
.ci-message__diagram{width: 916rem; position: relative; aspect-ratio: 1 / 1; border-radius: 100%; margin: 0 auto; background: linear-gradient(180deg, rgba(255, 255, 255, 0.33) 31.99%, rgba(198, 208, 255, 0.13) 100%); display: flex; align-items: center; justify-content: center; }
.ci-message .sub-com--tt{position: absolute; top: var(--space-md);}
.ci-message__slogan{width: 400rem; aspect-ratio: 1 /1; background:var(--bg-gradient); color: var(--w); border-radius: 100%; display: flex; justify-content: center; align-items: center; text-align: center;}
.ci-message__list{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.ci-message__list li{position: absolute;}
.ci-message__list li > div{width: 340rem;aspect-ratio:  1 / 1;text-align: center; border-radius: 100%;background-color:1px solid var(--op-w10);border: 1px dashed rgba(16, 67, 185, 0.30);backdrop-filter: blur(11.5rem);display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 14rem;}
.ci-message__list li:nth-child(1){top: 50%;transform: translate(-49%, -50%);}
.ci-message__list li:nth-child(2){left: 50%;transform: translate(-50%,210%);}
.ci-message__list li:nth-child(3){top: 50%;transform: translate(220%, -50%);}


@media (max-width:1480px){

    .ci-identity__content{width: 640rem; }
    .ci-identity__logo{margin-bottom: 22rem;}
    .ci-identity__color{gap: 20rem;}

}
@media all and (max-width:1200px){
	.ci-identity__content{width: 44%;}
    .ci-identity__color li{height: 157rem;}
    .ci-identity__logo img{height: 72rem;}
    .ci-diagram__img span{width: 230rem;}
    
    .ci-message__slogan{width: 340rem;}
    .ci-message__list li > div{width: 280rem;}
    .ci-message__diagram{width: 840rem;}
    .ci-message__list li:nth-child(2){transform: translate(-50%, 250%);}
    .ci-message__list li:nth-child(3){transform: translate(250%, -50%);}
}
@media all and (max-width:1023px){
	.ci-identity__content{padding-bottom:0; width: 100%; margin-top: 40rem;}
    .ci-identity-wrap{display: block;}
    .ci-diagram__img{gap: 70rem; padding: 30rem;}
    .ci-diagram__img span{width: 210rem; font-size: 20rem;}

    .ci-message__diagram{width: 72%;}
    .ci-message .sub-com--tt{position: relative;}
    .ci-message__slogan{width: 280rem;}
    .ci-message__list li > div{width: 240rem;}
    .ci-message__list li:nth-child(2){transform: translate(-50%,226%);}
    .ci-message__list li:nth-child(3){transform: translate(226%, -50%);}
    
    
}
@media (max-width:860px){

    .ci-message__list li > div{width: 210rem;}
    .ci-message__diagram{width: 82%;}
    .ci-message__slogan{width: 240rem;}
     .ci-message__list li:nth-child(1){transform: translate(-30%, -50%);}
     .ci-message{padding-bottom: 80rem;}
    
}
@media (max-width: 540px){
    .ci-identity__logo img{height: 52rem;}
    .ci-identity__logo{height: 244rem;}
    .ci-identity__color{gap: 10rem;}
    .ci-identity__color li{height: 140rem; padding: 14rem;}
    .ci-identity__color li p{font-size: 13rem;}
    .ci-diagram__img span{width: 120rem; min-width: 120rem; font-size: 16rem;}
    .ci-diagram__img{padding: 20rem; width: 100%; gap: 0; justify-content: space-between; }
    .ci-diagram__img svg{width: 22rem;}
    .ci-diagram p{margin-top: 30rem;}    
    .ci-identity__title p{margin-top: 22rem;}

    .ci-message__slogan{width: 180rem; font-size: 16rem;}
    .ci-message__diagram{width: 100%;}
    .ci-message__list,
    .ci-message__list li{position: relative;}
    .ci-message__list li:nth-child(1),
    .ci-message__list li:nth-child(2),
    .ci-message__list li:nth-child(3){top: 0; transform: none;}

    .ci-message__diagram{display: block; aspect-ratio: auto; background:none;}
    .ci-message__list li:nth-child(2){left: 0;}
    .ci-message .sub-com--tt{top: 0;}
    .ci-message{padding-top: var(--space-xl);}
    .ci-message__diagram{margin-top: 30rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .ci-message__list{margin-top: 20rem; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10rem;}
    .ci-message__list li > div,
    .ci-message__slogan{width: 240rem;}
    
}

/* 파트너사 */
.partner-list{gap: 24rem;}
.partner-list li{background-color: var(--bg-default); border-radius: 10rem;padding:30rem 20rem; display: flex; align-items: center; justify-content: center;}
.partner-list li img{width: 70%;mix-blend-mode: multiply;}
.partners-sec h3{margin-bottom: 24rem;}
.partners-sec + .partners-sec{margin-top: 120rem;}

@media all and (max-width:1200px){
	.partner-list{grid-template-columns: 1fr 1fr 1fr 1fr;}
}
@media (max-width:860px){
	.partner-list{grid-template-columns: 1fr 1fr 1fr; gap: 16rem;}
    .partner-list li img{width: 80%;}
}
@media (max-width: 540px){

    .partner-list{grid-template-columns: 1fr 1fr; gap: 10rem;}
     .partner-list li{padding: 20rem 16rem;}
     .partners-sec h3{font-size: 19rem; margin-bottom: 10rem;}
}

/* 오시는길 */
.map-stiky{display: flex;gap: 42rem;}
.map-stiky iframe{position: sticky; top: 0; width: 741rem; aspect-ratio: 741/651; border-radius: 20rem; overflow: hidden; }
.map-stiky__accodian{flex: 1;}
.accordion-custom__list > li{padding: 40rem;}
.accordion-custom__list > li + li{margin-top: 28rem;}
.accordion-custom__list > li > strong{display:flex; align-items: center; position: relative; }
.accordion-custom__list > li > strong::after{content: "";width: 16rem;height: 8rem;background-image: url(../img/sub/ic-arrrow.svg);background-repeat: no-repeat;background-size: contain;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.accordion-custom__list > li i{width: 57rem; height: 57rem; margin-right: 21rem; background-color: var(--bg-surface); border-radius: 5rem; display: inline-flex; align-items: center; justify-content: center;}
.accordion-custom__list > li.on > strong::after{transform: translateY(-50%) rotate(180deg);}
.accordion-custom__cont{border-top: 1px dashed var(--op-b10); padding-top: 30rem; margin-top: 30rem;}
.accordion-custom__cont ul li strong{display: block; font-weight: 700;}
.accordion-custom__cont ul li p{color: var(--c-base);}
.accordion-custom__cont ul li + li{margin-top: 20rem;}
.accordion-custom__cont ul li a{text-decoration: underline; color: var(--c-base);}

.map-stiky__contact{width: 100%;background-color: var(--bg-default);border-radius: 10rem;padding: 36rem 40rem;margin-top: 28rem;position: sticky;top: 70rem;}
.map-stiky__contact strong{display: block;;}
.map-stiky__contact .line{width: 100%; height: 1px; border-top: 1px dashed var(--op-b10); display: block; margin: 36rem 0}
.map-stiky__list li{padding: 17rem 24rem; margin-bottom: 8rem; border-radius: 5rem; background-color: var(--w); display: flex; align-items: center; justify-content: space-between;}
.map-stiky__list li strong{font-weight: 600;}
.map-stiky__list li a{color: var(--c-base); font-weight: 300;}
.map-stiky__list li:last-child{margin-bottom:0;}

@media (max-width:1200px){

	.map-stiky iframe{width: 600rem;}
    .map-stiky__contact,
    .accordion-custom__list > li{padding: 30rem;}

}

@media all and (max-width:1023px){
	.map-stiky iframe{width: 470rem; height: 300rem; border-radius: 10rem;}
    .map-stiky__list li{padding: 20rem; flex-direction: column; align-items: flex-start; gap:6rem;} 
    .map-stiky__contact .line{margin: 20rem 0 32rem;}
    
}

@media (max-width: 860px){
	.map-stiky{flex-direction: column; gap: 22rem;}
    .map-stiky iframe{width: 100%; position: relative; height: 380rem;}
    .accordion-custom__cont{padding-top: 22rem; margin-top: 22rem;}
    .accordion-custom__list > li i{width: 42rem; height: 42rem; margin-right: 16rem;}
    .accordion-custom__list > li i img{width: 24rem;}
    .map-stiky__contact, .accordion-custom__list > li{padding: 22rem;}
    .accordion-custom__list > li + li,
    .map-stiky__contact{margin-top: 16rem;}
}

@media (max-width: 540px){
	.accordion-custom__list > li i{width: 32rem; height: 32rem;}
    .map-stiky__contact, .accordion-custom__list > li{padding: 16rem;}
    .accordion-custom__list > li > strong::after{width: 12rem; height: 6rem;}
    .accordion-custom__list > li i img{width: 20rem;}
    .map-stiky__contact .line{margin: 20rem 0;}
    .map-stiky__list li {padding: 15rem;}
}

/* 솔루션 공통 */
*.stemp{width: 30rem; min-width:30rem; height: 30rem; border-radius: 3rem; background-color: var(--c-01); text-align: center; display: inline-block; font-size: 19rem; font-weight: 600; text-align: center; color: var(--w)  !important;}
*.stemp.check svg{position: relative; top: 4rem;}
.white-box{background-color: var(--w);  border:1px solid var(--op-b10); border-radius: 10rem;}

/* 탭 */
body.sub02_01,
body:has(.program-page) #footer{margin-top: 0;}
body:has(.program-page) figure:not(:has(img)){background-color: var(--bg-default);background-image: url(../img/layout/logo_g.svg);background-size: 89rem;background-repeat: no-repeat;background-position: 50% 50%;overflow: hidden;min-height: 240rem; aspect-ratio: inherit !important;}
.program-page__tab{display: flex; justify-content: center; margin-bottom: 137rem;  align-items: center; gap: 46rem; width: 100%; border-bottom: 1px solid var(--op-b10);}
.program-page__tab li a{color: var(--op-b30); display: inline-block; font-weight: 700; padding-bottom: 24rem; position: relative;}
.program-page__tab li a::before{content: ""; width: 0; height: 2rem; background-color: var(--c-01); position: absolute; bottom: 0; left: 0;}
.program-page__tab li.on a{color: var(--c-01);}
.program-page__tab li.on a::before{width: 100%;}

/* 솔루션 */
.program-title{text-align: center; position: relative;}
.program-title h3{margin-top: 15rem;}
.program-title p{max-width: 1000rem; width: 100%; margin: 44rem auto 0;}
.program-title .btn-wrap{margin-top: 110rem; justify-content: center; gap: 10rem;}
.program-title i{width: 100%; height: 2px; background: linear-gradient(90deg, #FFF 0%, #3F6CFF 50.48%, #FFF 100%); display: block; margin-top: 80rem;}

.program-container{}
.program-container section{padding: var(--space-md) 0;}
.program-container section *{color: var(--c-primary); border-color: var(--op-b10);}
.program-container section:nth-child(odd){background-color: var(--w);}
.program-container section:nth-child(even){background-color: var(--bg-default);}
/* .program-container section:nth-child(4n){background-color: var(--bg-dark);}
.program-container section:nth-child(4n) *{ --c-primary:var(--w); --op-b10:var(--op-w20)}
.program-container section:nth-child(4n) .white-box{background-color: transparent; border-color: var(--c-01);}
.program-container section:nth-child(4n) [data-list="dot"] > *::before{background-color: var(--op-w20);} */

.page-section__wrap[data-flex] h3{width: 521rem; min-width: 521rem; padding-right: 70rem;}
.page-section__wrap[data-flex] > *:not(h3){flex: 1;}
.page-section__wrap:not([data-flex]) h3 + *{margin-top: 28rem}

.num-list__items{}
.num-list__items > li{display: flex;   padding: 24rem 21rem; align-items: baseline; gap: 18rem; }
.num-list__items > li + li{margin-top: 8rem;}

.textimg-con__img{margin-top: 44rem; }
.textimg-con__img figure{border:1px solid var(--op-b10); padding: 24rem 21rem; border-radius: 10rem; width: 490rem; aspect-ratio: 490 / 280;}
.textimg-con__img img{width: 100%; height: 100%; object-fit: cover; border-radius: 10rem;}

.title-list__item{ padding: 42rem 32rem; position: relative; border-bottom: 1px dashed var(--op-b10); display: flex; gap: 26rem;}
.title-list__item:nth-child(1){padding-top: 0;}
.title-list__item:last-child{padding-bottom: 0; border-bottom: 0;}
.title-list__subitems{margin-top: 18rem;}

.textimg-con__img:not(:has(figure:nth-child(2))) figure {width: 100%; aspect-ratio: 10/5;}
.textimg-con__img:not(:has(figure:nth-child(2))) { grid-template-columns: 1fr;}

/* 카드타입 */
.card-list__item strong{border-radius: 7rem; background-color:var(--c-primary); color: var(--w); color: var(--w); min-height: 80rem; display: flex; align-items: center; justify-content: center; text-align: center;}
.card-list__item .white-box{ margin-top: 16rem; /* min-height: 490rem; */}
.card-list__item .card-list__img{width: 100%;aspect-ratio: 407 / 239; margin-bottom: 15rem; border-radius: 10rem; overflow: hidden;  /* background-size: cover; background-repeat: no-repeat; */}
.card-list__item .card-list__img img{width: 100%; height: 100%;}
/* .card-list__item .card-list__img:not(:has(img)){max-width: 410rem;} */
.card-list__item ul{margin-top: 15rem;}
.card-list__item ul li{font-weight: 300;}
.card-list__item{padding: 30rem 36rem; }
.program-container section:nth-child(4n) .card-list__item strong{background-color: var(--c-01) !important;}

/* wide타입 */
.feature-list__item{display: flex; /* justify-content: space-between; */ gap: 80rem; align-items: center; border-bottom: 1px solid var(--op-b10); padding: 80rem 0;}
.feature-list__item:nth-child(1){padding-top: 0;}
.feature-list__item:last-child{padding-bottom: 0; border-bottom: none;}
.feature-list__item strong{display: block; margin-top: 45rem;}
.feature-list__item ul{margin-top: 18rem;}
.feature-list__item figure{max-width: 609rem;width: 100%;max-width: 50%;/* aspect-ratio: 609 / 340; */overflow: hidden;border-radius: 10rem;/* max-width: 609rem; */}

.feature-list.twist .feature-list__item:nth-child(even){justify-content: space-between;}
.feature-list.twist .feature-list__item:nth-child(even){flex-direction: row-reverse;}
.feature-list.twist .feature-list__item figure,
.feature-list.twist .feature-list__txt{max-width: 50%;}

.provision-list__item{margin-bottom: 52rem;}
.provision-list__item:last-child{margin-bottom: 0;}
.provision-list__item strong{display: block;}
.provision-list__cont{margin-top: 16rem; }
.provision-list__cont li{padding: 21rem 24rem;}
.provision-list__cont li + li{margin-top: 8rem;}

.provision-list{overflow: visible;}
.provision-list .swiper-slide{flex-direction: column;  padding: 40rem; border-radius: 10rem; border:1px solid var(--op-b10);}
.provision-list .swiper-slide strong{display: block; word-break: keep-all; margin-bottom: 12rem;}
.provision-list .swiper-container{padding-bottom: 50rem;}
.provision-list .swiper-controls{position: relative; top: 40rem; }
.provision-list .swiper-pagination-bullet{width: 10rem; height: 10rem; background-color: var(--c-01);}

/* 스탬프 */
.stamp-list__item{padding: 42rem 32rem; display: flex; margin-bottom: 20rem}
.stamp-list__item:last-child{margin-bottom: 0;}
.stamp-list__item figure{min-width: 350rem; max-width: 350rem; width: 350rem; height: 246rem; overflow: hidden; margin-right: 54rem;}
.stamp-list__item figure img{width: 100%;height: auto;object-fit: cover;border-radius: 10rem;}
.stamp-list__item strong{display: block; }
.stamp-list__cont{flex: 1;}
.stamp-list__con{padding: 44rem 0; border-bottom: 1px dashed var(--op-b10);}
.stamp-list__con:nth-child(1){padding-top: 0;}
.stamp-list__con:last-child{padding-bottom: 0; border-bottom: 0;}
.stamp-list__sublist{margin-top: 18rem;}

/* 구성도 */
.img-list__item{margin-bottom: 40rem;}
.img-list__item strong{display: block; margin-bottom: 16rem;}
.img-list__item:last-child{margin-bottom: 0;}
.img-list__item .img-list__img{padding: 20rem;}
.img-list__item .img-list__img img{width: 100%; border-radius: 10rem;}

/* 인증서 */
.certfy-list__items{gap:30rem 22rem;}
.certfy-list__items li figure{padding: 20rem;border:1px solid var(--op-b10);background-color: var(--w);border-radius: 10rem;overflow: hidden;width: 100%;aspect-ratio: 286 / 395;}
.certfy-list__items li figure img{width: 100%; border-radius: 10rem;}
.certfy-list__items li p{text-align: center; word-break: break-all; margin-top: 16rem; font-weight: 500;}

/* 납풉사례 */
.logo-list__items{gap: 20rem;}
.logo-list__items li{padding: 34rem; min-height: 173rem; display: flex; align-items: center; justify-content: center;} 
.logo-list__items figure{ width: 150rem; height: 100rem; display: flex; align-items: center; justify-content: center;}
.logo-list__items figrue img{max-width: 100%; max-height: 100%;}
figure.certfy-list__img img {height: auto;}

/* 비교 */
.page-section__wrap{position: relative; z-index: 2;}
.page-section--compare{position: relative;}
.page-section--compare::after{width: 50%; background: var(--bg-gradient); height: 100%; position: absolute; content: ""; right: 0; top: 0;}

.page-section--compare{background-color: var(--bg-default);}
.compare-header{display: flex; align-items: center; justify-content: space-between; padding: 0 112rem;}
.compare-header h2:nth-child(2){color: #fff !important;}
.compare-table{margin-top: 37rem;}
.compare-row{display: flex;}
.compare-row > div{display: flex; align-items: center;}
.compare-row > div:not(.compare-col--head){flex: 1; padding: 27rem 70rem;}
.compare-col--head{max-width:241rem; width:100%; color: #fff !important; text-align: center; padding: 0 20rem; border-bottom: 1px solid var(--op-w10) !important; font-weight: 600; display:flex; align-items:center; justify-content:center; background: linear-gradient(270deg, rgba(0, 29, 100, 0.90) 0%, rgba(0, 29, 100, 0.00) 100%), linear-gradient(0deg, var(--color-text-base, #424C7D) 0%, var(--color-text-base, #424C7D) 100%), #7C85B1;}
.compare-col--left{border: 1px solid var(--op-b10);}
.compare-col--left li{color: var(--c-base); }
.compare-row:not(:nth-child(1)) .compare-col--left{border-top: 0;}
.compare-col--right{border:1px solid var(--c-02) !important; }
.compare-col--right li{color: #fff !important;}
.compare-col--right [data-list="dot"] > *::before{background-color: var(--c-02);}
.compare-row:not(:nth-child(1)) .compare-col--right{border-top: 0  !important;}

/* 통이미지 */
.page-section--allImage .white-box{padding: 20rem;}
.page-section--allImage img{border-radius: 10rem; border:1px solid var(--op-b10);}

@media (max-width:1480px){

    .page-section__wrap[data-flex] h3{min-width:26%; width:26%;}
    
    /* .feature-list__item{gap: 250rem;} */
    .feature-list__item figure{max-width: 60%;}
}
@media all and (max-width:1200px){
	.page-section__wrap{flex-direction: column; gap: 22rem;}
    .page-section__wrap[data-flex] h3{min-width:100%; width:100%; padding-right: 0;}
    
    .textimg-con__img figure{width: 100%;}

    /* .feature-list__item{gap: 0} */
    .feature-list__item figure{width: 40%;}
    .feature-list__txt{width: 49%;}

    .card-list__item{padding: 28rem;}
    
    .title-list__item{padding-left: 0;}

    .compare-header{padding: 0 70rem;}
    .compare-col--head{max-width: 170rem;}
    .compare-row > div:not(.compare-col--head){padding: 27rem 30rem;}
}
@media all and (max-width:1023px){

    *.stemp{width: 26rem; min-width: 26rem; height: 26rem; display: inline-flex; align-items: center; font-size: 16rem; justify-content: center; } 
    *.stemp.check svg{top: 0;}

	.program-page__tab{margin-bottom: 100rem;}

    /* 패딩맞춤 */
    .num-list__items > li{align-items: flex-start;}
    .num-list__items > li,
    .card-list__item ,
    .card-list__item .white-box,
    .provision-list__cont li,
    .textimg-con__img figure{padding: 20rem;}

    /* 카드 */
    .card-list__item strong{min-height: 66rem; font-size: var(--md);min-height: 60rem; }
    .card-list__items{display: flex; flex-direction: column; gap: 22rem;}
    .card-list__item ul{width: 100%; }
    .card-list__item .card-list__img{width: 340rem; min-width: 340rem; margin-bottom: 0; }
    .card-list__item{min-height: auto; position: relative; display: flex; gap: 30rem; min-height: auto; align-items: center;} 
    /* .card-list__item .white-box{margin-top: 0;} */
    /* 스탬프 */
    .stamp-list__item figure{min-width: 280rem; max-width: 280rem; width: 100%; height: 200rem;}
    .stamp-list__con{padding: 34rem 0;}
    .stamp-list__sublist{margin-top: 12rem;}

    .page-section--provision{overflow-x: hidden;}
}
@media (max-width:860px){
        .page-section__wrap:not([data-flex]) h3 + *{margin-top: 15rem;}

    .feature-list.twist .feature-list__item:nth-child(even),
    .feature-list__item{flex-direction: column;}
    .feature-list__item{gap: 40rem; padding: 60rem 0;}
    .feature-list__txt, .feature-list__item figure{width: 100%; max-width: 100%;}
    .feature-list__item strong{margin-top: 0;}
.feature-list.twist .feature-list__item figure, .feature-list.twist .feature-list__txt{width: 100%; max-width: 100%;}

    .feature-list__txt{padding-left: 50rem; position: relative;}
    .feature-list__txt .stemp{position: absolute; left: 0;}

    .textimg-con__img{grid-template-columns: 1fr;}

    .card-list__items{gap: 16rem;}
    .card-list__item .card-list__img{left: 0; position: relative; width: 100%;}
    .card-list__item ul{margin-top: 10rem;}
    .card-list__item .white-box{padding-left: 20rem; margin-top: 12rem;}
    .card-list__item strong{min-height: 52rem;}

    .program-container section *{word-break: keep-all;}
    .program-container section li{line-height: 1.5;display: flex;flex-direction: column;align-items: flex-start;}

    .provision-list__cont{margin-top: 12rem;}
    .provision-list__item{margin-bottom: 42rem;}
    
    .stamp-list__item{flex-direction: column; padding: 34rem; gap: 40rem;}
    .stamp-list__item figure{margin: 0 auto;  max-width: 100%; width: auto;}

    .compare-header{padding:0}
    .compare-col--head{max-width: 150rem;}
    .logo-list__items li{min-height: 140rem;}
    
}
@media (max-width: 540px){

    *.stemp{width: 24rem; height: 24rem; font-size: 14rem;}
    .stamp-list__item{padding: 20rem;}

    .compare-table{margin-top: 0;}
    .page-section__wrap:not([data-flex]) h3 + *{margin-top: 10rem;}
    .page-section__wrap[data-flex] h3 {font-size: 19rem;}
    .page-section__wrap {gap: 13rem;}
    
    .program-page__tab{justify-content: flex-start; margin-bottom: 70rem; padding: 0 20rem; overflow-x: scroll; gap: 26rem;}
    .program-page__tab li a{padding-bottom: 16rem; white-space: nowrap;}
    .program-title p{margin: 15rem auto 0;}
    .program-title .btn-wrap{margin-top: 45rem;}
    .program-title i{margin-top: 60rem;}

    .card-list__item{gap: 16rem;}
    .card-list__item .card-list__img{min-width: 100%;}
    
    .card-list__item .white-box{margin-top: 10rem;} 
    .title-list__item{gap: 12rem;}
    [data-list="dot"] > *::before{top: 9rem;}

    .certfy-list__items{gap: 20rem 16rem;}
    .certfy-list__items li p{font-size: 15rem; margin-top: 6rem;}
    .certfy-list__items li figure{padding: 16rem;}
    

    .logo-list__items{grid-template-columns: 1fr 1fr; gap: 12rem;}
    .logo-list__items figure{width: 80%; height: 64rem;}
    .logo-list__items li{padding: 20rem; min-height: auto;}

    .feature-list__txt{padding-left: 40rem;}
    .feature-list__item{padding: 52rem 0; gap: 26rem;}

   
    .provision-list .swiper-slide{padding: 24rem;}
    .provision-list .swiper-pagination-bullet{width: 6rem; height: 6rem;}
    .provision-list .swiper-controls{top: 30rem;}

     .textimg-con__img{display: block;}
     .textimg-con__img figure + figure{margin-top: 10rem;}

     .compare-row{flex-direction: column;}
     .compare-col--head{order:-1; max-width: 100%; width: 100%; padding: 16rem;}
     .page-section--compare::after{display: none;}
     .compare-header{flex-direction: column;}
     .compare-header h2:nth-child(2){color: var(--c-01) !important;}
     .compare-row > div:not(.compare-col--head){padding: 20rem;}
     .compare-col--right li{color: var(--c-primary) !important;}
     .compare-col--right{border-color: var(--op-b10) !important; border-top: 0;}
      .compare-col--right::before{content: "아이서티(E-DOCU-CERT)"; color: var(--c-01);}
     .compare-col--left::before{content: "ASP서비스 대행사(W사, S사)"; }

     [lang="en-US"] .compare-col--right::before{content: "ASP Service Providers (M)";}
     [lang="en-US"] .compare-col--left::before{content: "ICERTI (E-DOCU-CERT)"; }

     .compare-row > div:not(.compare-col--head){display: block;}
     .compare-row > div:not(.compare-col--head)::before{font-size: 13rem;margin-bottom: 12rem;display: block;font-weight: 600;}
     .compare-header{display: none;}
     .compare-col--right [data-list="dot"] > *::before{top: 9rem;}
     .program-title h3 {font-size: 23rem;}

     .num-list__items > li, .card-list__item, .card-list__item .white-box, .provision-list__cont li, .textimg-con__img figure{padding: 14rem;}

}


/* esg */
.sub04_01 #footer{margin-top: 0;}
.esg-hero--wrap{position: relative; display:flex; background-color: var(--w); z-index: 2; justify-content: center;}
.esg-hero{ /* max-width: 1520rem; */ width: 79%;  /*  margin: 0 auto;  */height: 700rem; position: relative; overflow: hidden; transform-origin: center; border-radius: 10rem; /* background: url(../img/sub/esg-hero.jpg) no-repeat; background-size: cover; background-position: 50% 50%; */}
.esg-hero img{position: absolute; display: block; width: 100%; height: 100%;  object-fit: cover; left: 50%; top: 50%; object-position: 50% 50%; transform:translate(-50%,-50%);}
.esg-hero .wrap{height: 100%; }
.esg-hero__txt{ position: absolute; bottom: 86rem; left: 80rem; opacity: 0; /* transform: translateY(-40rem); */}
.esg-hero__txt h2{margin-bottom: 28rem;}
.esg-hero__txt *{color: var(--w);}

.esg-page section{padding: var(--space-default) 0 var(--space-xl) }
.esg-info{text-align: center;}
.esg-info h3 + p{margin-top: 28rem;}
.esg-info__list{gap: 22rem; margin-top: 80rem;}
.esg-info__list li{display: flex; flex-direction: column; background-color:var(--bg-default); border-radius: 10rem; padding: 50rem 40rem;}
.esg-info__list li i{width: 92rem; height: 92rem; border-radius: 100%;  margin: 0 auto; background: var(--bg-gradient); display: flex; align-items: center; justify-content: center; font-weight: 600; color: var(--w); font-family: var(--lang-en); font-size: 47rem;}
.esg-info__list strong{margin-top: 43rem; display: block;}
.esg-info__list p{color: var(--c-base); margin-top: 11rem;}

.esg-project{background:var(--bg-gradient);  }
.esg-project h4,.esg-project-mobile h4{color: var(--w); margin-bottom: 30rem;}
.esg-project--conts{border-radius: 20rem; background-color: var(--w); padding:50rem; gap: 46rem; display: grid; height: 673rem; grid-template-columns: 1fr 1fr; gap: 45rem; }
.esg-project__image{position: relative; overflow: hidden; border-radius: 20rem;}
.esg-project__img{height: 100%;  background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;}
.esg-project__img.image01{ background-image: url(../img/sub/esg-panel01.jpg);}
.esg-project__img.image02{background-image: url(../img/sub/esg-panel02.jpg)}
.esg-project__img.image03{background-image: url(../img/sub/esg-gsap03.jpg)}
.esg-project__img.image04{background-image: url(../img/sub/esg-gsap04.jpg)}
.esg-project__img.image05{background-image: url(../img/sub/esg-gsap05.jpg)}
.esg-project__img.image06{background-image: url(../img/sub/esg-gsap06.jpg)}
.esg-project-mobile{display: none; background:var(--bg-gradient);}
.esg-project-mobile {}

/* .esg-project--pinned{align-items:center;display:flex;flex-direction: column; height:100vh;justify-content:center;padding-bottom:0;padding-top:0 !important; }
.esg-project--pinned > .wrap{ width: 100%;} */

.text-wrap{position:relative; overflow:hidden;}
.panel-text{position:absolute; opacity:0; top:0%; right:0%; bottom:0%; left:0%; z-index:1; width:100%; height:100%;text-align:center; display: flex; align-items: center; justify-content: center;}

.esg-project__item__info{}
.esg-project__item__info strong{display: block; margin-top: 47rem;}
.esg-project__item__info p{margin-top: 17rem;}

.panel,.panel2{position:absolute; top:0%; right:0%; bottom:0%; left:0%; width:100%; height:100%;}    
/* .panel._2{z-index:1;} */

.esg-wrap{display: flex; justify-content: space-between;}
.esg-wrap > *:not(h4){width: 1000rem;}

.esg-promise{background-color: var(--bg-default);}
.esg-promise__list{gap: 24rem;}
.esg-promise__list li{background-color: var(--w); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-radius: 10rem; padding: 90rem 10rem;}
.esg-promise__list li strong{margin-bottom: 11rem; }
.esg-promise__list li i{margin-bottom: 51rem;}

.esg-ai__conts figure{border-radius: 10rem; overflow: hidden;}

.esg-bg-wrap{background: var(--bg-gradient); background-image: url(../img/sub/esg-bg.jpg); background-repeat: no-repeat; background-size: cover; ;}
.esg-bg-wrap h4{color: var(--w);}
.esg-ai__list{margin-top: 46rem;}
.esg-ai__list li{padding: 24rem 21rem; gap: 18rem; display: flex;}
.esg-ai__list li + li{margin-top: 8rem;}
.esg-ai__list li div{align-items: center; gap: 18rem;}
.esg-ai__list li div strong{width: 85rem;}

.esg-roadmap{position: relative;}
.esg-roadmap h4{margin-bottom: 90rem;}
.esg-roadmap .line{content: ""; width: 100%; height: 1px; left: 0; top: 0; position: absolute; background-image:repeating-linear-gradient(90deg,#07408cc9 0 3px,transparent 4px 5px),linear-gradient(90deg,#1C6EDC 0%,#79C7FF 100%);background-repeat:no-repeat;background-size:100% 1px;display:block;height:1px;width:100%;position: absolute;top: 112rem;}
.esg-roadmap__item{background-color: var(--op-b20); padding: 30rem; border-radius: 10rem; flex: 1;  height: 300rem; display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.esg-roadmap__item strong{color: var(--c-02); }
.esg-roadmap__item i{width: 12rem; height: 12rem; border-radius: 80rem; background-color: var(--c-02); position: absolute;  left: 50%; transform: translateX(-50%); top: -47rem;}
.esg-roadmap__list{gap: 40rem}
.esg-roadmap__list [data-list="dot"] li{color: var(--w);}
.esg-roadmap__list [data-list="dot"] > *::before{background-color: var(--op-w40);}

.esg-tech{margin-top: var(--space-xl);}
.esg-tech__list{margin-top: 28rem; gap: 24rem;}
.esg-tech__item{background-color: var(--w); border-radius: 10rem; padding: 52rem 12rem; display: flex; flex-direction: column; text-align: center; justify-content: center; align-items: center; }
.esg-tech__item strong{display: block; margin-bottom: 11rem; margin-top: 50rem;}

.esg-bottom{background-color: var(--bg-dark);}
.esg-bottom h4{color: var(--w);}
.esg-bottom h4 i{color: var(--c-01);}

.esg-qna{padding-bottom: 116rem;}
.esg-qna__list{gap: 42rem;}
.esg-qna__list li{border-radius: 10rem; border:1px solid var(--c-01); background-color: var(--op-b10); padding: 34rem 43rem; }
.esg-qna__list li i{color: var(--c-01); font-family: var(--lang-en); font-size: 32rem; font-weight: 600; display: block; margin-bottom: 9rem;}
.esg-qna__list li strong{color: var(--w);}
.esg-qna__list li p{margin-top: 45rem; color: var(--w);}
.esg-qna h4{margin-bottom: 57rem;}

.esg-slogan{background-image: url(../img/sub/esg-bottom__round.png); background-position: top; background-repeat: no-repeat; padding-top: 414rem; padding-bottom:326rem ;}
.esg-slogan h4{text-align: center;}

@media (max-width:1600px){
    .esg-wrap > *:not(h4){width: 820rem;}

    .esg-ai__list{margin-top: 36rem;}
   
}
@media (max-width:1480px){

    .esg-hero__txt{left: 0;}
    .esg-info__list li i{width: 72rem; height: 72rem; font-size: 34rem;}
    .esg-info__list strong{margin-top: 30rem;}
    .esg-info__list p{margin-top: 10rem;}

    .esg-hero__txt p{font-size: 18rem;}
    .esg-roadmap .line{top: 100rem;}
    .esg-qna {padding-bottom: 80rem;}
    .esg-qna__list li{padding: 28rem;}

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

   .esg-wrap > *:not(h4){width: 680rem;}
   .esg-promise__list li{padding: 44rem 30rem;}
   .esg-promise__list li i{margin-bottom: 40rem; width: 54rem; height: 54rem; display: flex; align-items: center; justify-content: center;}
   .esg-promise__list li i img{width:  100%;}
   .esg-promise__list li:nth-child(4) i{width: 70rem;}
   .esg-promise__list li p{word-break: keep-all;}
   .esg-promise__list li p br{display: none;}
    .esg-promise__list li strong{font-size: var(--kr-xl);}

    .esg-roadmap .line{top: 93rem;}
    .esg-roadmap__item strong{font-size:50rem ;}
    .esg-roadmap__list{gap: 30rem;}
    .esg-roadmap__list [data-list="dot"] li{word-break: keep-all;}
    .esg-roadmap__item i{width: 10rem; height: 10rem;}

    .esg-qna__list{gap: 32rem;}
    .esg-qna {padding-bottom: 0;}
    .esg-slogan{padding-bottom: 100rem; background-size: 100%; padding-top: 300rem; margin-top: 50rem;}

    
    
}
@media all and (max-width:1023px){
	
    .esg-hero__txt{width: 100%;}

    .esg-info__list p br{display: none;}
    .esg-info__list li{padding: 32rem;}
    .esg-info__list li i{font-size: 30rem; width: 60rem; height: 60rem;}
    .esg-info__list{margin-top: 52rem;}
    .esg-page section{padding: var(--space-xl) 0;}
    .esg-info *{word-break: keep-all;}

    .esg-wrap{display: block;}
    .esg-wrap > *:not(h4){width: 100%; margin-top: 32rem;}    
    .esg-hero__txt p{font-size: 16rem;}

    .esg-roadmap__item strong{font-size: 42rem;}
    .esg-tech__list{grid-template-columns: 1fr 1fr;}
    .esg-qna__list li p{margin-top: 35rem;}

    .esg-project{display: none;}
    .esg-project-mobile{display: block;}
    .esg-project--conts{display: block; margin-bottom: 20rem; height: auto; padding: 32rem;}
    .esg-project__image{height: 340rem; margin-bottom: 30rem;}
    .esg-project--conts--wrap > li:last-child{margin-bottom: 0;}
    .esg-project__item__info strong{margin-top: 30rem;}
    .esg-project__item__info p{margin-top: 8rem;}
    
    
   
}
@media (max-width:860px){

    .esg-roadmap .line{display: none;}
    .esg-roadmap__list{flex-direction: column; padding-left: 40rem; position: relative; border-left: 1px dashed var(--op-w20);}
    .esg-roadmap h4{margin-bottom: 30rem;}
    .esg-roadmap__item i{left: -44rem; transform: none; top: 50%; width: 8rem; height: 8rem; width: 8rem; height: 8rem;} 
    .esg-roadmap__item strong{font-size: 34rem;}
    .esg-roadmap__item ul{margin-top: 32rem;}
    .esg-roadmap__list [data-list="dot"] > *::before{top: 8rem;}
    .esg-qna__list{gap: 12rem; grid-template-columns: 1fr;}
    .esg-qna__list li{padding: 22rem;}
    .esg-qna__list li i{font-size: 28rem; margin-bottom: 4rem;}
    .esg-qna__list li p {margin-top: 18rem;}

    .esg-slogan{padding-top: 240rem;}

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

    .esg-wrap > *:not(h4){margin-top: 16rem;}
    .esg-hero img{object-position: 67% 50%;}
    .esg-hero{height: 450rem; width: 100%; border-radius: 0;}
    .esg-hero__txt{opacity: 1; bottom: 50rem;}
    .esg-hero__txt p{font-size: 15rem; line-height: 1.4;}


    .esg-info__list{gap: 12rem; margin-top: 26rem;}
    .esg-info__list li i{width: 54rem; height: 54rem; font-size: 26rem;}
    .esg-info__list p{margin-top: 6rem;}
    .esg-info__list strong{margin-top: 24rem;}

    .esg-hero__txt h2{margin-bottom: 12rem;}
    .esg-hero__txt p{word-break: keep-all;}
    .esg-hero__txt p br{display: none;}

    .esg-promise__list{grid-template-columns: 2fl; gap: 10rem;} 
    .esg-promise__list li{padding:23rem 17rem; justify-content: flex-start;}
    .esg-promise__list li i{width:34rem; height: 44rem; margin-bottom: 14rem;}
    .esg-promise__list li:nth-child(4) i{width: 51rem;}
     .esg-promise__list li:nth-child(2) i{width: 38rem;}

    .esg-ai__list li div{flex-direction: column; align-items: flex-start; gap: 4rem;}
    .esg-ai__list li div strong{width: 100%; font-size: 16rem;}
    .esg-ai__list li{gap: 14rem; padding: 20rem;}
    .esg-ai__list li div p{word-break: keep-all;}

    .esg-tech .wrap{margin-right: 0;}
    .esg-tech__list{display: flex; white-space: nowrap; gap: 12rem; overflow-x: scroll;}
    .esg-tech__item{padding: 26rem 16rem; width:280rem; min-width:280rem;}
    .esg-tech__item strong{margin-top: 30rem;}
    .esg-tech__item p{white-space: break-spaces;}

    .esg-ai__conts figure{border-radius: 7rem; }
    .esg-ai__list{margin-top: 22rem;}

    .esg-qna h4{margin-bottom: 20rem;}
    .esg-qna__list li i{font-size: 28rem;}
    .esg-qna__list li p{margin-top: 20rem;}
    .esg-qna__list li{padding: 20rem;}
    .esg-qna__list,
    .esg-roadmap__list{gap: 12rem;}
    .esg-roadmap__list{padding-left: 26rem;}
    .esg-roadmap__item i{left: -30rem;}
    .esg-roadmap__item strong{font-size: 25rem;}
    .esg-roadmap__item{padding: 20rem;}
    .esg-roadmap__item ul{margin-top: 22rem;}

    .esg-slogan{padding-top: 130rem; padding-bottom: 50rem;}
    .esg-slogan h4{font-size: 22rem; word-break: keep-all;}
    .esg-qna__list li i{margin-bottom: 4rem;}

    .esg-project--conts{border-radius: 10rem; margin-bottom: 12rem; padding: 22rem;}
    .esg-project__image{border-radius: 10rem; height: 170rem;}
    .esg-project__item__info strong{margin-top: 24rem; font-size: 19rem;}

    .esg-project h4, .esg-project-mobile h4{margin-bottom: 18rem;}

    .esg-project-mobile .wrap{margin-right: 0;}
    .esg-project--conts--wrap{display: flex; white-space: nowrap; overflow-x: scroll; gap: 14rem;}
    .esg-project--conts{min-width: 320rem; width: 320rem;}
    .esg-project__item__info p{white-space: break-spaces;}
    
}

.cs-page .wrap{display: flex; gap: 100rem;}
.cs-page .form-area{margin-bottom: 30rem;}
.cs-page .form-area > em{width: 100%; min-width: 100%;}
.cs-page .form-area:last-child{margin-bottom: 0;}
.cs-form-wrap{width: 100%; max-width: 680rem; ;}
.cs-form .form-area{flex-direction: column; align-items: flex-start; gap:8rem;}
.cs-page  .map-stiky--wrap{flex: 1;}
.cs-page  .map-stiky__contact{margin-top: 0;}
.cs-page .form-part input, 
.cs-page .form-part textarea, .form-part select{width: 100%; border-radius: 7rem; border-color:var(--op-b10);}
.cs-page .form-area[data-form="agree"] em{color: var(--c-base);}
.cs-page .form-area[data-form="agree"] em i{color: var(--c-01);}
.cs-page .check-box [type="checkbox"]:not(:checked) + .checkmark, 
.cs-page .check-box [type="checkbox"]:checked + .checkmark{top: 2rem;}
.cs-page .form-area[data-form="agree"]:has(+*){padding-bottom: 34rem;margin-bottom: 38rem;border-bottom: 1px dashed var(--op-b10);}
.cs-page .button-style{margin-top: 100rem;}

.cs-page .form-area input:is([type="text"],.cs-page  [type="password"])::placeholder,
.cs-page .form-area textarea::placeholder{color: var(--c-base); opacity: 0.3; font-weight: 400; font-size: 16rem;}
.cs-page:not(.cs-page--basic) .form-select select{max-width: 100%; background-position: 97% 50% !important; font-size: 16rem;}
.cs-page:not(.cs-page--basic) .form-select select option:nth-child(1){opacity: 0.5;}

.cscenter-page h3 + img{border-radius: 20rem; max-width: 100%;}
.cscenter-page .btn-wrap{margin-top: 80rem; justify-content: center;}

.cscenter-notice{margin-top: 64rem;}
.cscenter-notice .caption{ }
.cscenter-notice__box{background-color: var(--bg-default); padding: 30rem; border-radius: 10rem; margin-top: 16rem;}
.cscenter-notice__box li{color: var(--c-base);}

.cscenter-steps{gap: 40rem; margin-top: 46rem;}
.cscenter-steps__step{padding: 30rem; position: relative;}
.cscenter-steps__step::before{content: "";width: 53rem;height: 30rem;background-image: url(../img/sub/cs-arrow.svg);background-repeat: no-repeat;background-size: cover;position: absolute;right: -34rem;top: 50%;transform: translateY(-50%);} 
.cscenter-steps__step strong{margin-bottom: 125rem;}
.cscenter-steps__step i{width: 64rem; height: 42rem; display: block;}
.cscenter-steps__step p{color: var(--c-base); margin-top: 21rem;}
.cscenter-steps__step:last-child::before{display: none;}

@media (max-width:1480px){

    .cscenter-steps__step strong{margin-bottom: 80rem;}
    .cscenter-steps__step p br{display: none;}
}
@media all and (max-width:1200px){
	.cs-form-wrap{max-width: 530rem;}
    
    .cscenter-steps__step i img{max-height: 90%;}
}
@media all and (max-width:1023px){
	.cs-page .wrap{gap: 60rem;}
    .cs-form-wrap{width: 46%;}
}
@media (max-width:860px){

    .cs-page .wrap{display: flex;flex-direction: column-reverse;gap: 50rem;}
    .cs-form-wrap{width: 100%;max-width: 100%;margin-top: 0;}
    .cs-page .button-style{margin-top: 80rem !important; padding-top: 0 !important;}
    .cscenter-page h3 + img{border-radius: 10rem;}
    .cscenter-steps{grid-template-columns: 1fr 1fr; gap: 20rem 32rem;}
    .cscenter-steps__step::before{z-index: 2;}
    .cscenter-steps__step:nth-child(1){z-index: 4;}
    .cscenter-steps__step:nth-child(2){z-index: 3;}
    .cscenter-steps__step:nth-child(3){z-index: 2;}
    .cscenter-steps__step:nth-child(4){z-index: 1;}
}
@media (max-width: 540px){

    .form-area[data-form="agree"]{margin-top: 12rem;}
    .cs-page .form-area[data-form="agree"]:has(+*){padding-bottom: 24rem; margin-bottom: 0rem !important; margin-top: 0;}
    .cs-page .check-box label{padding-left: 32rem;}
    .cs-page .form-area[data-form="agree"] em{position: relative;/* top: 3rem; */}
    .cs-page .form-area[data-form="agree"] .show-btn{position: relative;/* top: 3rem; */margin-left: 3rem;font-weight: 600;}
    .cs-page .form-area > em{margin-bottom: 4rem;}
     .cs-page .button-style{margin-top: 10rem !important;padding-top: 0 !important;}

     .cscenter-notice__box{padding: 20rem;}
     .cscenter-notice{margin-top: 34rem;}
     .cscenter-notice__box li{word-break: keep-all;}
     .cscenter-steps{grid-template-columns: 1fr;}
     .cscenter-steps__step p{margin-top: 4rem;}
     .cscenter-steps__step strong{margin-bottom: 60rem;}
     .cscenter-steps__step::before{right: inherit; top: inherit; bottom: -50rem; left: 44%; transform: rotate(90deg) translateX(-50%);}
     .cscenter-page .btn-wrap{margin-top: 44rem;}
     
     br {display: none;}
     
}