@charset "utf-8";


/* **************************************** *
 * SUB global root
 * **************************************** */
 :root {
	--font-18:18rem;  
    --font-21:21rem;
    --font-23:23rem;  
    --sub-p:#474B52;
}

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

/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
#container:has(.board-page) + #footer{margin-top: 140rem;}
#header{}
.lang-menu .select-link__btn{/* background-color: var(--c-01); */}
.lang-menu .select-link__btn span{color: #fff;}
.lang-menu__icon{/* background-image: url(../img/common/lang-down__w.svg); */}
#lnb:not(.lnb-select) .select-link > ul > li:has(.none){display: none;}

#footer{border-top: 2px solid #f4f4f4;/* overflow: hidden; */}


@media (max-width:1680px){

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

}

@media (max-width: 540px){

}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative/* ;padding-top: max(9.3750vw, 130rem); */}
/* .sub-content:has(.board-page){padding-top: 120rem;} */
.sub-content h2{line-height:1; font-size:50rem; color:var(--b-01);  display: inline-block; position: relative;}
.sub-content h2::after{content: "";display: inline-block;  width: 8rem; height: 8rem; position: relative; margin-left: 8rem; bottom: -6rem; border-radius: 20rem; background: linear-gradient(90deg, #F53E3E 0.34%, #EFA8A8 99.66%); }
.sub-content h3{line-height: 1.39;  font-size: 38rem; font-weight: 400;}
.sub-content h3 b{font-weight: 700;}
.sub-content h4{font-size: 28rem;line-height:2.07;}
.sub-content:has(.no-dot) h2::after{display: none;}

.sub-body{display: flex;position: relative;z-index: 1;align-items: flex-start;}
.sub-body::before{content: ""; position: absolute; z-index: 1; left: 0; top: -80rem; width: 262rem; border-radius: 0 40rem 0 0; height: calc(100% + 80rem); background-color: #fff; border-top: 1px solid #eee; border-right: 1px solid #eee;}
.sub-sticky{width: 262rem;position: sticky;margin-top: 34rem;z-index: 2;height: 100%;top: 150rem;}
.sub-sticky__conts{padding-left: 44rem; box-sizing: border-box; transition: all 1s;}
.sub-sticky__conts > em{display: block; font-weight: 700;  text-transform: uppercase; font-size: 22rem;}
.sub-sticky.fix .sub-sticky__conts{/* position: fixed !important; */top:  34rem;}

.sub-main{width: calc(100% - 262rem); padding-top: 145rem;}
.sub-main__body{position: relative;}
.sub-inner{ margin-right: 146rem; margin-left: 136rem; }
.sub-main__title{margin-bottom: 120rem;}

.sm-title{font-size: 18rem; color: var(--c-01);display: block; font-weight: 700; line-height: 1.222;}

.sub-section h4 + *{margin-top: 23rem;}

/* 버튼모양  */
.small-btn{width: 33rem; height: 33rem; border-radius: 70rem; position: relative; display: inline-block; transition: all .3s; }
.small-btn.red,.small-btn.arrow{background-color: var(--c-01);}
.small-btn.gray{background-color: #f3f3f3;}
.small-btn.white{background-color: #fff;}
.small-btn::before{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all .3s;  width: 16rem; height: 15rem;  }
.small-btn.red::before{background: url(../img/sub/link_arrow_w.svg) no-repeat; background-size: 100%;}
.small-btn.gray::before{background: url(../img/sub/arrow_row_g.svg) no-repeat; background-size: 100%;}
.small-btn.white::before{background: url(../img/sub/arrow_red.svg) no-repeat; background-size: 100%;}
.small-btn.arrow::before{ width: 8rem; height: 12rem; background: url(../img/sub/next.svg) no-repeat; background-size: 100%;}

/* 텍스트와 버튼 */
.text-link{font-size: 16rem; font-size: 16rem; font-weight: 700; gap: 10rem; display: inline-flex; align-items: center;}

.padding-bottom{padding-bottom: 160rem;}

@media (max-width:1680px){
	.sub-inner{margin-right:90rem; margin-left:90rem;}
	.sub-main__title{margin-bottom:70rem;}
}

@media all and (max-width:1023px){
	.sub-content:has(.board-page){padding-top:110rem;}
	.sub-body::before{top:-50rem; top:0; width:200rem; width:100%; height:calc(100% + 50rem); height:80rem; border-top:0; border-bottom:1px solid #eee; border-radius:0 30rem 0 0; border-bottom-right-radius:30rem; border-top-right-radius:0;}
	.sub-sticky__conts > em{display:none; font-size:19rem;}
	.sub-sticky__conts{padding-left:40rem;}
	.sub-sticky{position:relative; top:0; width:100%; margin-top:5rem;}
	.sub-body{display:flex; align-items:flex-start; flex-direction:column;}
	.sub-main{width:100%;}
}

@media (max-width: 540px){
	.sub-content,
	.sub-content:has(.board-page){padding-top:60rem;}
	.sub-content h4{font-size:19rem;}
	.sub-body::before,
	.sub-sticky__conts > em{display:none;}
	.sub-sticky__conts{padding-left:0;}
	.sub-sticky{position:absolute; top:0; top:-115rem; left:0; width:100%; height:auto;}
	#lnb.lnb-select{width:calc(100% - 40rem);}
}

/* **************************************** *
 * SITE CUSTOM
 * **************************************** */
 a.img-zoom{position:relative;}
 a.img-zoom::after{content:"+ 클릭시 이미지를 크게 보실 수 있습니다."; position:absolute; top:25rem; right:25rem; font-weight:600; font-size:15rem; color:#8f8f8f;}
 [lang="en-US"] a.img-zoom::after{content:"+ If you click it, you can see the image big.";}
 [lang="zh-CN"] a.img-zoom::after{content:"+ 点击可以查看更大的图片。";}

 @media all and (max-width:540px){
    a.img-zoom::after{top:15rem; right:15rem; padding:4rem 8rem; background:#f2f2f2; font-weight:500; font-size:12rem; color:#262626; border-radius:4rem;}
}

/* 회사소개 */
.ceo-title{position: relative;}
.ceo-title strong{font-size: 76rem; line-height: 1.02; color: var(--b-02); display: block;}
.ceo-title p{font-size: 24rem; color: var(--sub-p); margin-top: 32rem;}
.ceo-title .text-a{right: -294rem; top: 0; position: absolute;}
.ceo-rolling{margin-top: 153rem; overflow: visible;}
.ceo-rolling .rolling-img__box img{position: relative;height: 468rem;}
.ceo-rolling .rolling-img__box > *{margin: 0 36rem;}
.ceo-rolling .rolling-img__box > *:nth-child(even){top: 105rem;}
.ceo-message{margin-top: 183rem; position: relative; padding-bottom: 106rem;}
.ceo-message .sm-title{margin-bottom: 13rem;}
.ceo-message strong{font-size: 42rem; line-height:1.404 ; display: block; margin-bottom: 47rem;}
.ceo-message p{line-height: 1.777; font-size: 18rem; font-weight: 300; color: var(--sub-p);}
.ceo-message p + p{margin-top:32rem ;}
.ceo-message .sign{margin-top: 74rem;}
.ceo-message .sign *{color: var(--sub-p);}
.ceo-message .sign span{line-height: 1.777; font-size: 18rem;}
.ceo-message .sign em{font-size: 24rem; font-weight: 500; line-height: 1.333; margin-left: 13rem;}
.ceo-message .simbol{position: absolute; bottom: 106rem; left: -150rem; opacity: 0.12;}
.ceo-message .button-wrap{display: flex; justify-content: right;}
.ceo-rolling .rolling-img__box {
    width: 2272rem;
}

@media all and (max-width:1680px){
.ceo-rolling .rolling-img__box img {
    height: 328rem;
}
.ceo-rolling .rolling-img__box > * {
    margin: 0 19rem;
}
.ceo-title strong {
    font-size: 64rem;
}


}


@media all and (max-width:1023px){
	.sub-inner {
		margin-right: 40rem;
		margin-left: 40rem;
	}
.sub-main__title {
    margin-bottom: 60rem;
}
.ceo-title strong {
    font-size: 52rem;
}
.ceo-title p {
    font-size: 19rem;
}
.ceo-title .text-a {
    right: -144rem;
    top: 0;
    height: 420rem;
}
.ceo-rolling .rolling-img__box img {
    height: 218rem;
}
.ceo-rolling .rolling-img__box {
    width: 1441rem;
}
.ceo-rolling .rolling-img__box > *:nth-child(even) {
    top: 45rem;
}
.ceo-rolling {
    margin-top: 83rem;
}
.ceo-message strong {
    font-size: 30rem;
    margin-bottom: 25rem;
}
.ceo-message p {
    font-size: 17rem;
}
.ceo-message {
    margin-top: 115rem;
}
.sm-title {
    font-size: 17rem;
}
.ceo-message .simbol {
    bottom: 126rem;
    left: -150rem;
    height: 180rem;
    z-index: -2;
}
.ceo-message .sign span {
    font-size: 17rem;
}
.ceo-message .sign em {
    font-size: 22rem;
    margin-left: 7rem;
}







}



@media (max-width: 540px){
	.sub-inner {
		margin-right: 20rem;
		margin-left: 20rem;
	}
.sub-main__title {
    margin-bottom: 40rem;
}
.ceo-title strong {
    font-size: 34rem;
}
.sub-main {
    padding-top: 15rem;
}
.ceo-title p {
    font-size: 17rem;
    margin-top: 20rem;
}
.ceo-rolling .rolling-img__box img {
    height: 138rem;
    margin: 0 9rem;
    border-radius: 10rem;
}
.ceo-rolling .rolling-img__box > *:nth-child(even) {
    top: 25rem;
}
.ceo-rolling .rolling-img__box {
    width: 1300rem;
}
.ceo-title .text-a {
    right: -104rem;
    top: 50rem;
    height: 270rem;
}
.ceo-rolling {
    margin-top: 43rem;
}
.ceo-message strong {
    font-size: 23rem;
    margin-bottom: 20rem;
}
.ceo-message p {
    font-size: 15rem;
    line-height: 1.7;
}
.sm-title {
    font-size: 14rem;
}
.ceo-message .sm-title {
    margin-bottom: 8rem;
}
.ceo-message {
    margin-top: 75rem;
    padding-bottom: 70rem;
}
.ceo-message p + p {
    margin-top: 20rem;
}
.ceo-message .sign span {
    font-size: 15rem;
}
.ceo-message .sign em {
    font-size: 20rem;
    margin-left: 6rem;
}
.ceo-message .sign {
    margin-top: 44rem;
}
.ceo-message .simbol {
    bottom: 155rem;
    left: -60rem;
    height: 110rem;
    z-index: -2;
}
.ceo-message .button-wrap {
    margin-top: 50rem;
}



}

/* 경영방침 */
body.scrollFixed{overflow: hidden; height: 100vh; overflow-x: hidden}
body.scrollFixed .apple-intro{position: fixed;   z-index: 900;}
.apple-intro{background-color: #fff; width: 100%; height: 100vh; border-radius: 0 0 100rem 100rem; position: relative;  pointer-events: none; /* flex-direction: column;  display: flex; align-items: center; justify-content: center; */}
.apple-intro strong{font-size: 85rem; text-align: center; display: block;}
.apple-intro strong  span{opacity: 0; transition: opacity 0.5s ease-in-out; position: relative;}
.apple-intro #canvas{position: absolute; left: 0; top: 0; display: block; }
.apple-intro__sec{opacity: 0;/* transition: opacity 1s ease-in-out, filter 1s ease-in-out;   */filter: blur(20px);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 50rem;min-width: 250rem;}
.apple-intro__sec img{margin: 0 auto;height: 158rem;}
.apple-intro__text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center;}
.sub01_02{background-color: #f6f6f6;}
.sub01_02 .sub-body::before{top: 0; border-top: 0; border-radius: 0; background-color: #f6f6f6;}
.sub01_02 .sub-sticky{margin-top: 145rem;  }
.sub01_02 #gnb .gnb-item > a{color: var(--b-01);}

.manage-text{padding-bottom: 98rem;}
.manage-text em{font-size: 24rem; display: block; font-weight: 600; margin-bottom: 15rem;}
.manage-text p{line-height: 1.777; color: var(--sub-p);}
.manage-box{height: 100vh; position: relative; display: flex; align-items: center; box-sizing: border-box; -ms-flex-pack: distribute;}
.manage-image__wrap{position: relative; overflow: hidden; width: 524rem; height: 690rem; border-radius: 30rem; margin-left: 142rem;}
.manage-image__wrap .panel{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; }
.manage-image__wrap .panel.img01{background: url(../img/sub/manage-image04.jpg) no-repeat; background-size: cover;}
.manage-image__bg > .manage-bg{position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top:0;}
.manage-image__bg > .manage-bg.bg01{background: url(../img/sub/manage-bg04.jpg) no-repeat; background-size: cover;}
.manage-box__text{/* position: relative; *//* z-index: 2; *//* width: 548rem; *//* height: 206rem; *//* overflow: hidden; *//* margin-left: 166rem; */}
.panel-text{/* position: absolute; *//* top: 0; *//* left: 0; *//* bottom: 0; *//* width: 100%; *//* height: 100%; */}
.panel-text p{color: #fff; position: relative; font-size: 18rem; line-height: 1.777; font-weight: 300; padding-left: 20rem; position: relative;}
.panel-text p::before{content: ""; width: 8rem; height: 8rem; border-radius: 20rem; background-color: var(--c-01); position: absolute; left: 0; top: 11rem;}
.panel-text em{color: #fff; font-size: 72rem; font-weight: 700; display: block; margin-bottom: 27rem;}

.manage-bottom{background-color: #fff; position: relative; z-index: 1;}
.mange-five{background-color: #fff; position: sticky; z-index: 2; padding-top: 154rem; padding-bottom: 179rem;} 
.manage-five__list{justify-content: center; align-items: center; gap: 98rem;}
.manage-five__box i{width: 241rem; height: 241rem; position: relative; border-radius: 100%; background-color: #f6f6f6; display: flex; align-items: center; justify-content: center;}
.manage-five__box i::before{content: ""; position: absolute; top: 50%; left: -60rem; transform: translateY(-50%); width: 10rem; height: 10rem; border-radius: 20rem; background-color: var(--c-01); }
.manage-five__box:nth-child(1) i::before{display: none;}

.manage-five__text{text-align: center; margin-top: 30rem;}
.manage-five__text span{font-size: 24rem;display: block;font-weight: 700;}
.manage-five__text p{font-size: 18rem; line-height: 1.3333; color: #a9a9a9;margin-top: 12rem;}

.mange-slogan{display: flex;align-items: center;justify-content: center;border-radius: 100rem 100rem 0 0;height: 100vh;background: url(../img/sub/manage-company.jpg) no-repeat;background-size: cover;background-position: 50% 50%;}
.mange-slogan__text{text-align: center;}
.mange-slogan__text strong{display: block; font-size: 57rem; color: #fff;}
.mange-slogan__text p{font-size: 22rem; color: #fff; font-weight: 300; margin-top: 53rem;}


/* 다른버전 */
.manage-scroll--wrap{height: 100vh;position: sticky;top: 0;overflow: hidden;}
.manage-scroll{}
:where(img, picture, svg){max-inline-size: 100%;block-size: auto;}
.sectionBackground_content{left: 0; top: 0; width: 100vw; height: 100vh; overflow: hidden; position: relative;;}
.sectionBackground_image,.sectionBackground_image img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; transition: clip-path 0.8s, filter 1.5s, -webkit-clip-path 0.8s, -webkit-filter 1.5s;}
.sectionBackground_image img{z-index: 0;}

.manage-sticky{width: 100%; }

.manage-scroll-flex{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;display: flex;align-items: center;justify-content: space-between;padding: 0rem 140rem;}
.manage-scroll-flex .index__gallery__smallslides{}
.index__gallery__smallslides__inner{height: 100%; width: 100%}
.index__gallery__smallslides__img{width: 100%; overflow: hidden; height: 100%;}
.index__gallery__smallslides__img img{height: 100%;}


@media all and (max-width:1680px){
    .manage-scroll-flex {
        padding: 0rem 90rem;
    }
    .panel-text em {
        font-size: 58rem;
        margin-bottom: 27rem;
    }
    .panel-text p br {
        display: none;
    }
    .panel-text p {
        position: relative;
        max-width: 500rem;
    }
    .manage-box__text {
        margin-right: 70rem;
    }
    .manage-five__list {
        gap: 50rem;
    }
    .manage-five__text p {
        font-size: 17rem;
    }
    .manage-five__text span {
        font-size: 21rem;
    }
    .manage-five__box i {
        width: 220rem;
        height: 220rem;
    }
    .manage-five__box i::before {
        left: -27rem;
        width: 8rem;
        height: 8rem;
    }
    .manage-five__box {
        max-width: 220rem;
    }




}

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


	.apple-intro strong {
		font-size: 40rem;
	}
    .apple-intro__sec img {
        height: 90rem;
    }
    .manage-scroll-flex {
        padding: 0rem 50rem;
    }
    .panel-text em {
        font-size: 43rem;
    }
    .panel-text p {
        max-width: 600rem;
        font-size: 16rem;
        line-height: 1.6;
    }
    .manage-box__text {
        margin-right: 40rem;
    }
.sub01_02 .sub-body::before{height:0;}
.sub01_02 .sub-sticky {
    margin-top: 0;
}
.manage-text em {
    font-size: 17rem;
}
.manage-five__list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.manage-five__box {
    max-width: 210rem;
}
.manage-five__box i::before{display: none;}
.manage-five__text p {
    font-size: 15rem;
    line-height: 1.6;
}
.manage-five__text span {
    font-size: 19rem;
}
.manage-five__text {
    text-align: center;
    margin-top: 20rem;
}
.manage-five__box i img {
    height: 60rem;
}
.mange-five {
    padding: 120rem 0;
}
.mange-slogan__text strong {
    font-size: 38rem;
}
.mange-slogan__text p {
    font-size: 19rem;
    margin-top: 32rem;
}


}
@media all and (max-width:540px){
    .apple-intro strong {
        font-size: 30rem;
    }
    .apple-intro__sec img {
        height: 53rem;
        /* width: 100%; */
        /* object-fit: cover; */
    }
    .apple-intro {
        border-radius: 0;
    }

    .manage-scroll-flex {
        padding: 0rem 90rem;
    }
    .panel-text p {
        max-width: none;
        padding-left: 0rem;
    }
    .manage-scroll-flex {
        padding: 0rem 20rem;
    }
    .panel-text em {
        font-size: 30rem;        
        margin-bottom: 17rem;
    }

    .manage-box__text {
        margin-right: 02;
    }
    .manage-scroll-flex .index__gallery__smallslides {
        margin-top: 30rem;
    }
    .panel-text p::before{display: none;}
    .manage-scroll-flex {
        height: auto;
        padding: 60rem 20rem;
        display: flex;
        flex-direction: column;
        align-content: flex-start;
    }
    .manage-text {
        padding-bottom: 60rem;
    }
    .panel-text p {
        font-size: 14rem;
    }
    .mange-five {
        padding: 60rem 0;
    }
    .manage-five__box i {
        width: 120rem;
        min-width: 120rem;
        height: 120rem;
    }
    .manage-five__list {
        gap: 30rem;
        justify-content: flex-start;
    }
    .manage-five__text p {
        font-size: 15rem;
        margin-top: 9rem;
    }

    .manage-five__box {
        max-width: none;
        display: flex;
        justify-content: flex-start;
    }
    .manage-five__text {
        margin-top: 20rem;
        text-align: left;
        margin-left: 20rem;
    }
    .manage-five__text span {
        font-size: 18rem;
    }
    .manage-five__box i img {
        height: 45rem;
    }
    .mange-slogan__text strong {
        font-size: 22rem;
        line-height: 1.6;
    }
    .mange-slogan__text p {
        font-size: 15rem;
        margin-top: 15rem;
    }
    .mange-slogan {
        border-radius: 0;
    }
}

/* 파트너 */
body[class^="sub01_05"] .sub-content h2{color: #fff;}
body[class^="sub01_05"] .common-pop > div{max-width: inherit;}
body[class^="sub01_05"] #lnb:not(.lnb-select) .select-link > ul li:has(.none){display: none;}
.sub01_05_01 #lnb:not(.lnb-select) .select-link > ul li:has(.none){display: none;}
.sub01_05_01 #lnb:not(.lnb-select) .select-link > ul > li:has(.global) a{display: inline-flex; align-items: flex-end; color: var(--c-01);}
.sub01_05_01 #lnb:not(.lnb-select) .select-link > ul > li:has(.global) > a::after{content: ""; display: block; width: 5rem; height: 5rem; border-radius: 20rem; background-color: var(--c-01); margin-left: 4rem; top: -2rem; position: relative;; }

.comm-tab{display: flex; align-items: center; justify-content: center; gap: 8rem; margin-bottom: 65rem;} 
.comm-tab a{width: 142rem; height: 56rem; font-size: 17rem; border-radius: 8rem; display: flex; align-items: center; color: rgba(255,255,255,0.62); justify-content: center; border:1px solid #ddd; background-color: #333; }
.comm-tab a.on{background-color: var(--c-01); color: #fff; border-color: var(--c-01);}
.partner-map{position: relative;}
.pointer{ position: absolute; left: 50%;}
.pointer strong{background-color: #fff;  z-index: 2; text-transform: uppercase;  border-radius: 5rem; padding: 8rem 10rem; display: inline-flex; align-items: center; justify-content: center; }
.pointer strong::before{content: ""; width: 13rem; height: 13rem; background: url(../img/sub/partner-triangle.png) no-repeat; position: absolute; left: 50%; transform: translateX(-50%); bottom: -10rem;}
.partner-global{padding-bottom: 130rem;}
.global-map img{display: block;margin-left: auto;max-width: 100%;}
.global-map a{width: 31rem; height: 31rem; display: block;}
.global-map .pointer{display: inline-block; width: 31rem; height: 31rem;}
.global-map .pointer strong{ top: -33rem; left: 50%; transform: translateX(-50%);  font-size: 18rem; position: absolute; }
.global-map .pointer span{position:absolute; opacity:0;  border-radius: 100%; width:100%; height:100%; margin:0; background-color:rgba(245, 62, 62, 0.24);}
.global-map .pointer span:nth-of-type(1){width: 17rem; height: 17rem;  top: 50%; left: 50%; opacity: 1; transform: translate(-50%,-50%); background-color: var(--c-01);  z-index: 1;}
.global-map .pointer span:nth-of-type(2){opacity: .24;  animation: round-scale 2s cubic-bezier(1, 2, 0.66, 3) infinite;  -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation: round-scale 2s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite;}

[data-global="ireland"]{top: 245px; margin-left: -682px}
[data-global="france"]{top: 218px; margin-left: -575px;}
[data-global="israel"]{top: 287px; margin-left: -464px;}
[data-global="china"]{top: 207px; margin-left: -214px;}
[data-global="tiwan"]{top: 277px; margin-left: -103px;}
[data-global="malaysia"]{top: 425px; margin-left: -113px;}
[data-global="us_or"]{top: 214px; margin-left: 301px;}
[data-global="us_ca"]{top: 284px; margin-left: 292px;}
[data-global="us_tx"]{top: 260px; margin-left: 383px;}
[data-global="us_me"]{top: 214px; margin-left: 443px;}

.korea-map img{margin: 0 auto; display: block; max-width: 100%;}
.korea-map .pointer strong{padding: 5rem 10rem;}
.korea-map .pointer strong::before{bottom: -8rem;}
.korea-map .pointer strong.rotate::before{bottom:inherit; top: -8rem; transform: translateX(-50%) rotate(180deg);}

[data-korea="bucheon"]{top: 206px; margin-left: -197px;}
[data-korea="hwaseong"]{top: 265px; margin-left: -209px;}
[data-korea="osan"]{top: 283px;margin-left: -155px;}
[data-korea="giheung"]{top: 248px;margin-left: -125px;}
[data-korea="pyeongtec"]{top: 323px;margin-left: -165px;}
[data-korea="icheon"]{top: 278px;margin-left: -78px;}
[data-korea="cheonan"]{top: 412px;margin-left: -138px;}
[data-korea="sejong"]{top: 475px;margin-left: -130px;}
[data-korea="cheongju"]{top: 444px;margin-left: -84px;}
[data-korea="daejeon"]{top:522px;margin-left: -110px;}
[data-korea="eumseong"]{top: 372px; margin-left: -12px;}
[data-korea="gumi"]{top: 560px; margin-left: 84px;}
[data-korea="pohang"]{top: 530px; margin-left: 250px;}

ul.logo-list{display: none;}

.partner-bottom{padding:122rem 0 170rem; box-sizing: border-box;}
.partner-bottom strong{display: block; font-size: 38rem; line-height: 1.394; color: var(--b-02);}
.partner-list{row-gap: 21rem; column-gap: 24rem; margin-top: 60rem;}
.partner-list li{border-radius: 8rem; position: relative; border:1px solid #e5e5e5; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.partner-list li img{max-width: 100%; }
.partner-list i.small-btn{position: absolute;z-index: 1;bottom: 14rem;right: 14rem;opacity: 0;transition: all .3s;display: none;}

/* 팝업 */
#layer-tit{text-transform: uppercase; font-size: 18rem;}
.logo-pop-list { margin-top: 12rem;}
.logo-pop-list ul{gap: 17rem;}
.logo-pop-list li{border-radius: 6rem; border:1px solid #e5e5e5; display: flex; align-items: center; justify-content: center; overflow: hidden; width: 186rem; height: 99rem; overflow: hidden;}
.logo-pop-list li img{max-width: 100%; }

@keyframes round-scale{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.2;
    }
    50%{
        opacity: 1;
    }
    100%{
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

@media (hover: hover) {
    .partner-list li:hover .small-btn{opacity: 1;}
}
@media all and (max-width:1480px){
    .global-map .pointer strong {
        top: -52rem;
        left: 39%;
        font-size: 25rem;
    }
}

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

.comm-tab a {
    width: 126rem;
    height: 47rem;
    font-size: 15rem;
    border-radius: 6rem;
}
.global-map .pointer strong {
    top: -54rem;
    left: 50%;
    font-size: 27rem;
}
.partner-map {
    left: 20rem;
}
.partner-bottom strong {
    font-size: 33rem;
}
.partner-list li img {
    height: 82rem;
}
.partner-list {
    row-gap: 15rem;
    column-gap: 15rem;
    margin-top: 40rem;
}


}
@media all and (max-width: 540px){
	
.partner-bottom strong {
    font-size: 23rem;
}
.partner-list li img {
    height: 71rem;
}
.partner-list {
    row-gap: 10rem;
    column-gap: 10rem;
    margin-top: 30rem;
}
.partner-bottom {
    padding: 65rem 0 65rem;
}
.sub-content:has(.partner-list) {
    padding-top: 0;
}
.sub-content:has(.partner-list) .sub-main {
    padding-top: 60rem;
}
.sub-content:has(.partner-list) .sub-sticky {
    top: -70rem;
}
.comm-tab a {
    width: 113rem;
    height: 42rem;
    font-size: 14rem;
    border-radius: 4rem;
}
.partner-map {
    left: 18rem;
}


.global-map .pointer strong {
    top: -87rem;
    left: 50%;
    font-size: 53rem;
    padding: 8rem 19rem;
}
.global-map .pointer span:nth-of-type(1) {
    width: 37rem;
    height: 37rem;
}
@keyframes round-scale{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.3;
    }
    50%{
        opacity: 1;
    }
    100%{
        -webkit-transform: scale(5);
        transform: scale(5);
        opacity: 0;
    }
}
[data-global="us_tx"] {
    top: 250px;
    margin-left: 461px;
}
[data-global="us_or"] {
    top: 144px;
    margin-left: 301px;
}

[data-global="us_me"] {
    top: 109px;
    margin-left: 530px;
}
[data-global="china"] {
    top: 126px;
    margin-left: -214px;
}
[data-global="france"] {
    top: 139px;
    margin-left: -537px;
}
.logo-pop-list ul {
    gap: 10rem;
    flex-direction: column;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.common-box {
    border-radius: 10rem;
    padding: 18rem;
}
.logo-pop-list li img {
    height: 50rem;
}
.logo-pop-list li {
    border-radius: 5rem;
    width: 140rem;
    height: 66rem;
}
.common-pop .close {
    font-size: 0;
}
#layer-tit {
    text-transform: uppercase;
    font-size: 14rem;
}
.common-pop .close i {
    width: 34rem;
    height: 34rem;
    margin-top: -9rem;
    margin-right: -10rem;
}
.logo-pop-list ul:not(:has(li:nth-child(2))) {
    grid-template-columns: 1fr;
}
.partner-global {
    padding-bottom: 80rem;
}


.partner-global--v2 .spidochescaler-container {
    transform: scale(2);
    left: -35rem;
    position: relative;
    top: 110rem;
}
.sub-inner:has(.partner-map) {
    padding-bottom: 200rem;
}
.korea-map .pointer strong {
    font-size:20rem;
}


}













/* 오시는 길 */

.location-map iframe{ width: 100%; height: 530rem; border-radius: 30rem; overflow: hidden; border:1px solid #ddd}
.location-info{margin-top: 62rem;}
.location-info__address {margin-top: 31rem;}
.location-info__address strong{display: block; font-size: 28rem; line-height: 1.14;}
.location-info__address span{line-height: 1.777; color: #898989; font-family: var(--lang-en); display: block; margin-top: 8rem;}
.location-info_contact{justify-content: space-between; align-items: center; padding-top: 40rem; border-top: 1px solid #ddd; margin-top: 68rem;}
.location-info__number{gap: 74rem;}
.location-info__number li{color: #898989; font-weight: 700;}
.location-info__number li b{color: var(--b-01); margin-right: 15rem;}
.location-info__link a{}
.location-info__link a + a{margin-left: 25rem;}

@media (max-width: 540px){
	.location-info__address strong {
    font-size: 20rem;
}
.location-info__address {
    margin-top: 20rem;
}
.location-info__address span {
    line-height: 1.54;
    margin-top: 9rem;
}

.location-info_contact {
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 25rem;
    padding-top: 20rem;
    border-top-style: dashed;
}
.location-info__number {
    gap: 10rem;
}
.location-info__link {
    margin-top: 30rem;
    display: none;
}
.text-link {
    font-size: 14rem;
    gap: 7rem;
}
.small-btn {
    width: 28rem;
    height: 28rem;
}
.small-btn::before {
    width: 12rem;
    height: 12rem;
}
.location-map iframe {
    height: 330rem;
    border-radius: 10rem;
}
.location-info {
    margin-top: 40rem;
}

}

/* 연혁 */
.history-sect{display: flex;padding-bottom: 150rem;align-items: flex-start;}
.history-sect h3{width: 442rem;}
.history-sect__wrap{width: calc(100% - 442rem); position: relative;}

.history-line{display:block;position:absolute;overflow:hidden;top:0;left:0;width:3rem;height:100%;background:#ddd;margin-top: 0 !important;}
.history-line__bar{display:block; position:absolute; top:0; left:0; z-index:999; width:100%; background:var(--c-01);}
.history-line__point{position: absolute; width: 78rem; margin-left: -39rem;}
.history-line__point::before{content: ""; width: 78rem; height: 78rem; border-radius: 100rem; background-color: var(--c-01); position: absolute; bottom: -50rem; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.20);}
.history-line__point::after{content: ""; width: 20rem; height: 23rem; background: url(../img/sub/down_w.svg) no-repeat; position: absolute; left: 50%; bottom:-24rem; transform: translateX(-50%); background-size: cover;}

.history-item[data-ani]{display: flex;transition: transform 2s ease, opacity 1.3s ease;}
.history-item strong{font-weight:800; font-size:48rem;color:var(--b-01);letter-spacing:-1.5rem;transition:var(--trans-01); width: 206rem; transition: all 1.4s;} 
.history-item.is_moved strong{color:var(--c-01);}
.history-list{display:grid; row-gap:90rem; box-sizing: border-box; padding-left: 116rem;}
.history-desc li{display:flex; align-items:center; font-family: var(--lang-ko); font-size: 18rem; color: var(--b-02);}
.history-desc li em{ font-size: 20rem; font-weight:700; color:#a9a9a9; min-width:48rem; font-family: var(--lang-en);}
.history-desc li:not(:last-child){margin-bottom:18rem;}
.history-sect{position: relative;}
.history-sect > .wrap{padding-left:140rem;}
.history-sect + .history-sect{margin-top:200rem;}
.history-img{/* position:absolute; *//* right:0; *//* border-radius:10rem; */}
.history-img.img01{top:487rem;height: 421rem;}
.history-img.img02{top:1197rem;right:250rem;height: 302rem;}
.history-img.img03{bottom:0;height: 421rem;}
.history-page .wrap{padding-bottom:160rem;}

.history-img{width: 353rem;height: 211rem;margin-top: 30rem;border-radius: 9rem;overflow: hidden;}
.history-tit{display:flex; align-items:flex-start; position:sticky; top:130rem; flex-direction:column;}
.history-img img{width:100%; height:100%; object-fit:cover;}

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

@media (max-width:1023px){
	.sub-content h2 {
    font-size: 36rem;
}
.sub-content h3 {
    font-size: 27rem;
}

	.history-cont > .wrap{padding-left:60rem;}
.history-item strong {
    padding-left: 20rem;
    font-size: 25rem;
    width: auto;
}
.history-desc li {
    font-size: 15rem;
}
	.history-desc li em{min-width:40rem;
    font-size: 17rem;
    font-weight: 600;}
	.history-desc li:not(:last-child){margin-bottom:8rem;}
	.history-img.img01{top:357rem; height:221rem;}
	.history-list{margin-top:70rem; row-gap:50rem;}
	.history-img.img02{top:767rem; right:50rem; height:202rem;}
	.history-img.img03{bottom:280rem; height:201rem;}
.history-sect__wrap {
    width: 100%;
}
.history-tit {
    margin-right: 50rem;
}

.history-img {
    width: 270rem;
    height: 180rem;
    margin-top: 30rem;
}
.history-sect h3 {
    width: 100%;
}

.history-list {
    padding-left: 20rem;
}
.history-line__point::before {
    width: 58rem;
    height: 58rem;
}
.history-line__point::after {
    width: 13rem;
    height: 15rem;
    bottom: -29rem;
}
.history-line__point {
    width: 58rem;
    margin-left: -29rem;
}
.history-item[data-ani] {
    align-items: flex-start;
    justify-content: flex-start;
}
.history-desc li {
    align-items: flex-start;
    justify-content: flex-start;
}
ul.history-desc {
    padding-top: 2rem;
    margin-left: 19rem;
}
}

@media (max-width:540px){
.sub-content h2 {
    font-size: 23rem;
}
.sub-content h2::after {
    width: 7rem;
    height: 7rem;
    margin-left: 5rem;
    bottom: -4rem;
}
	.history-line{width:4rem;}
	.history-item{flex-wrap:wrap;}
	.history-item strong{width:100%; padding-left:20rem; font-size:28rem;}
	.history-item .icon-triangle{top:12rem; transform:rotate(90deg) scale(0.8);}
	.history-cont > .wrap{padding-bottom:70rem; padding-left:25rem;}
	.history-desc li em{margin-left: 0;font-weight: 600;min-width: 27rem;font-size: 16rem;padding-top: 1rem;}
	.history-desc li{align-items:flex-start;font-size: 14rem;}
	.history-desc{margin-top:10rem;}
	.history-list{margin-top: 0;row-gap:35rem;padding-left: 15rem;}
	.history-img.img01{top:287rem; height:171rem;}
.history-img{display:none;}

.history-sect {
    display: flex;
    padding-bottom: 110rem;
    flex-direction: column;
}
.history-tit {
    margin-right: 50rem;
    position: relative;
    top: 0;
}
.history-sect__wrap {
    margin-top: 30rem;
}
.history-line__point::before {
    width: 38rem;
    height: 38rem;
    bottom: -38rem;
    left: 1rem;
}
.history-line__point {
    width: 38rem;
    margin-left: -19rem;
}
.history-line__point::after {
    width: 11rem;
    height: 13rem;
    bottom: -26rem;
}


.sub-content h3 {
    font-size: 23rem;
}

}

 /* 인증서 */
 .sub01_04 .common-pop .close{font-size: 0;}
 .sub01_04 #layer-src img{max-width: 350rem;}
 .certify-list{gap: 32rem; margin-top: 62rem;}
 .certify-item figure{border-radius: 10rem; border: 1px solid #e5e5e5; box-sizing: border-box; width: 185rem; max-height: 250rem; overflow: hidden;}
 .certify-item img{width:100%;}
 .certify-item strong{display:block; transition: all .3s; font-family:var(--lang-ko); line-height: 1.333; color: var(--b-02); font-weight:600; margin-top: 15rem;}
 .certify-item a{display: flex; border-radius: 20rem; border:1px solid #eee; background-color: #fff; transition: all .3s; position: relative; box-sizing: border-box; padding: 25rem 28rem;}
 .certify-item a::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 20rem; z-index: 2; border:3rem solid transparent}
 .certify-item a div{width: calc(100% - 185rem); box-sizing: border-box; padding-left: 28rem;}
 .certify-item a .small-btn{position: absolute; bottom: 25rem; right: 25rem;}

 .certificate-page > p{color: var( --g-03);}
 .certificate-page > p span{color: var(--b-01); font-weight: 500;}

 #layer-src img{width:100%;}
 
 @media (hover: hover) {
    .certify-item a:hover::before{border-color:  var(--c-01);}
    .certify-item a:hover .small-btn.gray{background-color: var(--c-01);}
    .certify-item a:hover .small-btn.gray::before{background: url(../img/sub/arrow_row_w.svg) no-repeat; background-size: 100%;}
    .certify-item a:hover strong{color: var(--c-01);}
}

 @media (max-width:1680px){
	.certify-item figure {
		width: 50%;
max-height: 290rem;
	}
.certify-list{    grid-template-columns: 1fr 1fr;}




}


 @media (max-width:1023px){
	.certify-item strong{margin-top: 15rem;}

	.certify-item a div {
    width: auto;
}
.certify-list {
    gap: 22rem;
    margin-top: 40rem;
}






}

 @media (max-width:540px){  
     .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;}
.certify-list {
    grid-template-columns: 1fr;
        gap: 12rem;
}
.certify-item a {
    padding: 15rem;
}
.certify-item figure {
    width: 50%;
    max-height: 290rem;
    min-width: 156rem;
}
.certify-item a div {
    padding-left: 18rem;
}
.padding-bottom {
    padding-bottom: 80rem;
}

 }

.rnd-page .sub-section:nth-of-type(n + 3){padding: 115rem 0;}
.rnd-intro{width: 100%;height: 676rem;overflow: hidden;background: url(../img/sub/rnd-bg.jpg) no-repeat;background-size: cover;align-items: center;position: relative;}
.rnd-intro::after{content:"";position:absolute;top:0rem;right:0;width:160rem;height:100%;/* background:#fff; */}
.rnd-intro .cover{width: calc(100% - 905rem); height: 100%; object-fit: cover;}
.rnd-intro .simbol{position: absolute; right: 97rem; bottom:-95rem ; opacity: 0.05;}
.rnd-intro__text{width: 905rem; padding: 0 69rem;}
.rnd-intro__text strong{font-size: 48rem; line-height: 1.125; color: #fff;}
.rnd-intro__text strong i{color: var(--c-01);}
.rnd-intro__text p{margin-top: 49rem; margin-bottom: 48rem; font-family: var(--lang-ko); font-weight: 300;}
.rnd-intro__text p,.rnd-intro__text a{color: #fff;}

.rnd-process__list{flex-wrap: wrap; align-items: center;}
.rnd-process__list + .rnd-process__list{margin-top: 39rem;}
.rnd-process h4 + p{color: var(--g-03); margin-top: 15rem;}
.rnd-process .small-btn{margin: 0 21rem;}
.rnd-process__box{background-color: #fff; border-radius: 10rem;/*  width: 400rem;  */ max-width: 400rem; flex:auto; gap: 56rem; padding: 26rem 34rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
.rnd-process__box > span{color: var(--b-02); font-weight: 700; }
.rnd-process__box p{color: var(--g-03); font-weight: 300; font-family: var(--lang-ko); line-height: 1.333;}
.rnd-process__box p span{color: #a9a9a9; font-size: 16rem; display: block;}
.rnd-process__box li{position: relative; color: var(--b-02); font-weight: 400; padding-left: 16rem; line-height: 1.333; font-family: var(--lang-ko);}
.rnd-process__box li + li{margin-top: 7rem;}
.rnd-process__box li::before{content: ""; display: block; width: 4rem; height: 4rem; border-radius: 10rem; background-color: var(--g-03); position: absolute; left: 0; top: 9rem;  }
.rnd-process__box.last > span{color: var(--c-01);}
.rnd-process__box.last{border:2px solid var(--c-01); box-sizing: border-box;}
.rnd-process__list--wrap{margin-top: 72rem;}

.rnd-link{row-gap: 15rem; column-gap: 28rem;}
.rnd-link__list{margin-top: 23rem;}
.rnd-link__list a{box-sizing: border-box; position: relative; transition: all .3s; padding: 15rem 30rem;  border-radius: 10rem; border:1px solid #e5e5e5; display: flex; justify-content: space-between; align-items: center; }
.rnd-link__list a::before{content: ""; transition: all .3s; position: absolute; z-index: 1; width: 100%; height: 100%; border-radius: 10rem; border:3rem solid transparent; left: 0; top: 0;}
.rnd-link__list p{font-size: 16rem; transition: all .3s; line-height: 1.5; color: var(--b-01); font-family: var(--lang-ko); font-weight: 500;}

@media (hover: hover) {
    .rnd-link__list a:hover::before,.rnd-link__list a:hover{border-color: var(--c-01); }
    .rnd-link__list a:hover p{color: var(--c-01); font-weight: 700;}
    .rnd-link__list a:hover .small-btn{background-color: var(--c-01)}
    .rnd-link__list a:hover .small-btn::before{background:url(../img/sub/arrow_row_w.svg) no-repeat; background-size: cover;}
}
@media all and (max-width:1680px){
	.rnd-intro .cover {
        width: 50%;
    }
    .rnd-intro__text p br{display: none;}
    .rnd-intro .simbol {
        height: 250rem;
    }
}
@media all and (max-width:1023px){
	.rnd-intro__text strong {
        font-size: 40rem;
    }
    .rnd-intro {
        height: 570rem;
    }
    .rnd-process__box {
        padding: 26rem 26rem;
    }
    .rnd-process__list--wrap {
        margin-top: 40rem;
    }
    .rnd-page .sub-section:nth-of-type(n + 3) {
        padding: 100rem 0;
    }
    .rnd-link__list p {
        font-size: 14rem;
    }
    .rnd-link__list a {
        padding: 15rem 20rem;
    }
}

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

.rnd-intro {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
}
.rnd-intro .cover {
    width: 100%;
}
.rnd-intro .simbol {
    height: 120rem;
    bottom: -20rem;
    right: 0rem;
}
.rnd-intro::after{display: none;}
.rnd-intro__text {
    width: 100%;
    padding: 50rem 20rem 140rem;
}
.rnd-intro__text strong {
    font-size: 28rem;
}
.rnd-intro__text p {
    margin-top: 25rem;
    margin-bottom: 48rem;
}
.rnd-intro__text p, .rnd-intro__text a {
    color: #dddddd;
}
.rnd-page .sub-section:nth-of-type(n + 3) {
    padding: 60rem 0;
}
.rnd-process h4 + p {
    margin-top: 10rem;
}
.rnd-process__list {
    flex-direction: column;
}
.rnd-process .small-btn {
    margin: -10rem 0rem;
    height: 29rem;
    width: 29rem;
    transform: rotate(90deg);
}
.small-btn.arrow::before {
    width: 6rem;
    height: 10rem;
}
.rnd-process__box {
    max-width: 100%;
    width: 100%;
    padding: 26rem 21rem;
    gap: 30rem;
}
.rnd-process__box > span {
    font-size: 12rem;
    color: var(--c-01);
}
.rnd-process__list + .rnd-process__list {
    margin-top: 0;
}
.rnd-process__list--wrap {
    margin-top: 30rem;
}
.rnd-link__list {
    grid-template-columns: 1fr;
    gap: 7rem;
}
.rnd-link__list p {
    font-size: 12rem;
    padding-right: 10rem;
}
.rnd-link__list a {
    padding: 10rem 15rem;
}

}


.recruit-page .sub-section{padding: 120rem 0;}
.recruit-page .sub-section.first{padding-top: 0;}
.recruit-vision h4{width: 140rem;white-space: nowrap;}
.recruit-vision__cont{max-width: 1104rem; width: 100%; padding-left: 160rem; text-align: center;}
.recruit-vision__text {margin-top: 52rem;}
.recruit-vision__text em{font-size: 34rem; color: var(--b-02); font-weight: 700;}
.recruit-vision__text p{color: var(--sub-p); margin-top: 22rem; line-height: 1.555;}

.recruit-type{border-top: 1px solid #ddd;}
.recruit-type__list{gap: 27rem;}
.recruit-type__list li{background-color: #f6f6f6; border-radius: 20rem; display: flex; align-items: center; padding: 30rem 28rem; box-sizing: border-box; justify-content: space-between;}
.recruit-type__list li > span{font-size: 21rem; font-weight: 700;}
.recruit-type__list li > span span{display: block; font-size: 18rem;}
.recruit-type__list li div{border-radius: 100%; width: 100rem; height: 100rem; background-color: #fff; display: flex; align-items: center; justify-content: center;}

.recruit-info .line{width: 100%; display: block; height: 1px; border-top: 1px solid #dedede; margin-top: 65rem; margin-bottom: 60rem;}
.recruit-info dl{display: flex;}
.recruit-info dt{font-size: 20rem; font-weight: 700; width:167rem }
.recruit-info dd{width: calc(100% - 167rem);}
.recruit-howto{gap: 58rem;}
.recruit-howto li{border-radius: 20rem; position: relative; background-color: #fff;box-sizing: border-box; padding: 33.78rem; text-align: center; display: flex; align-items: center; flex-direction: column; }
.recruit-howto li::after{content: "";width: 19rem;height: 7rem;background:url(../img/sub/step-dot01.svg) no-repeat;background-size: cover;position: absolute;top: 50%;transform: translateY(-50%);right: -37rem;}
.recruit-howto li i{font-size: 16rem; font-weight: 700; color: #a9a9a9; display: block; margin-bottom: 16rem;}
.recruit-howto li p{font-size: 18rem; font-weight: 600; color: var(--sub-p);}
.recruit-howto li p span{display: block; font-size: 15rem; font-weight: 300;}
.recruit-howto li em{height: 73rem;}
.recruit-howto li img{margin: 0 auto;}
.recruit-howto li.last i{color: var(--c-01);}
.recruit-howto li.last p{color: var(--c-01);}
.recruit-howto li.last::after{display: none;}
.recruit-howto li:nth-child(3):after{background:url(../img/sub/step-dot02.svg) no-repeat;background-size: cover;}

.recruit-contact__list:nth-child(1){width: 339rem;}
.recruit-contact__list li{padding-left: 20rem; box-sizing: border-box; position: relative; display: flex;}
.recruit-contact__list li + li{margin-top: 14rem;}
.recruit-contact__list li *{font-size: 18rem; font-family: var(--lang-ko);}
.recruit-contact__list li::before{content: ""; width: 6rem; height: 6rem; border-radius: 12rem; background-color: var(--c-01); position: absolute; top: 8rem; left: 0;}
.recruit-contact__list li em{font-weight: 700;; color: var(--sub-p); width: 59rem;} 
.recruit-contact__list li span{color: #a9a9a9;}
.recruit-contact__list li b{color: var(--sub-p);}

@media all and (max-width:1680px){
.recruit-type__list li > span {
    font-size: 18rem;
}
.recruit-type__list li div {
    min-width: 80rem;
    height: 80rem;
    width: 80rem;
}
.recruit-info dt {
    width: 140rem;
}
.recruit-howto {
    gap: 30rem;
}
.recruit-howto li p {
    font-size: 16rem;
}
.recruit-howto li p span {
    font-size: 13rem;
}
.recruit-howto li {
    padding: 25rem;
}
.recruit-contact__list li * {
    font-size: 16rem;
}
.recruit-contact__list li {
    padding-left: 15rem;
}
.recruit-contact__list li::before {
    width: 5rem;
    height: 5rem;
    top: 6rem;
}
.recruit-howto li::after {
    right: -25rem;
}

}
@media all and (max-width:1023px){
	.recruit-vision .sub-inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .recruit-vision__cont {
        width: 70%;
        padding-left: 0;
        text-align: center;
        margin: 0 auto;
    }
    .recruit-vision h4{display: none;}
    .recruit-vision__text em {
        font-size: 28rem;
    }
    .recruit-howto {
        grid-template-columns: 1fr 1fr 1fr  1fr;
    }
    .recruit-howto li i {
        font-size: 13rem;
        margin-bottom: 14rem;
    }
    .recruit-howto li {
        padding: 25rem 15rem;
    }
    .recruit-info dt {
        width: 130rem;
        font-size: 18rem;
    }
    .recruit-page .sub-section {
        padding: 100rem 0;
    }


}

@media all and (max-width: 860px){
    [data-grid="4"] {
        grid-template-columns: 1fr 1fr;
        gap: 13rem;
    }
    .recruit-page .sub-section {
        padding: 90rem 0;
    }
    .recruit-howto {
        grid-template-columns: 1fr 1fr 1fr  1fr;
    }
    .recruit-info dl {
        flex-direction: column;
        align-items: flex-start;
    }
    .recruit-info dd {
        width: 100%;
    }
    .recruit-info dt {
        width: 130rem;
        width: 100%;
        margin-bottom: 20rem;
    }
    .recruit-howto li::after {
        right: -17rem;
        width: 19rem;
        height: 8rem;
        background-size: cover;
    }
    .recruit-contact__list li * {
        font-size: 15rem;
    }



}

@media all and (max-width: 540px){
    .recruit-vision__cont {
        width: calc(100% + 40rem);
        margin-left: -20rem;
    }
    .recruit-vision__text em {
        font-size: 21rem;
    }
    .recruit-page .sub-section {
        padding: 65rem 0;
    }
    .recruit-vision__text p {
        padding: 0rem 20rem;
    }
    [data-grid="4"] {
        grid-template-columns: 1fr;
    }
    .recruit-type__list li > span {
        font-size: 16rem;
    }
    .recruit-type__list li div img {
        height: 31rem;
    }
    .recruit-type__list li {
        padding: 20rem;
    }
    .recruit-howto li em {
        height: 40rem;
    }
    .recruit-howto li img {
        height: 100%;
    }
    .recruit-howto li p {
        font-size: 16rem;
        margin-top: 9rem;
    }
    .recruit-howto li::after {
        width: 21rem;
        height: 9rem;
        background-size: cover;
        transform: rotate(90deg);
        right: 50%;
        margin-right: -9rem;
        top: auto;
        bottom: -10rem;
        z-index: 99;
        background-size: auto !important;
    }
    .recruit-howto {
        gap: 9rem;
    }
    .recruit-contact {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .recruit-info .line {
        margin-top: 40rem;
        margin-bottom: 40rem;
    }
    .recruit-info dt {
        font-size: 16rem;
    }
    .recruit-contact__list li * {
        font-size: 14rem;
    }
    .recruit-contact__list li::before {
        width: 4rem;
        height: 4rem;
        top: 8rem;
    }
    .recruit-contact__list li {
        padding-left: 12rem;
    }
    .recruit-contact__list li em {
        width: 47rem;
    }
}




/* inquiry */
.apple-inquiry .cs-form {display: grid !important; gap:187rem; grid-template-columns: 517rem 1fr; align-items:flex-start; border-top: none; padding-top: 0; margin-top: 0;}
.apple-inquiry .cs-form [data-form="agree"] {position: sticky; top: 50rem; padding-bottom: 60rem;}
.apple-inquiry .cs-form .btn-wrap {text-align: right;}
.apple-inquiry .form-area{display: block;}
.apple-inquiry  .form-area > em{font-size: 18rem; margin-bottom: 12rem;}
.apple-inquiry .form-area input:is([type="text"], [type="password"]), .apple-inquiry  .form-select select{border-radius: 5rem;}
.apple-inquiry  .check-box em{font-size: 16rem;}
.form-area textarea{border-radius: 5rem;}
.apple-inquiry   .check-box [type="radio"]:not(:checked) + .checkmark, 
.apple-inquiry   .check-box [type="radio"]:checked + .checkmark{width: 19rem; height: 19rem; top: 1rem;}
.apple-inquiry .form-part .check-box label{padding-left: 28rem;}
.apple-inquiry .form-area[data-form] .form-part:has(.check-box){gap: 12rem 1rem;}
.apple-inquiry .check-box [type="radio"]:checked + .checkmark{border-color: var(--c-01); background-color: #fff;}
.apple-inquiry  .check-box [type="radio"]:not(:checked) + .checkmark:after, 
.apple-inquiry .check-box [type="radio"]:checked + .checkmark:after{width: 9rem; height: 9rem; border-radius: 40rem;background:var(--c-01)}
.apple-inquiry  .check-box [type="radio"]:checked + .checkmark:after{transform: translate(-51%,-55%);}
.apple-inquiry .check-box [type="radio"]:checked + .checkmark + em{color: var(--c-01);}

.applet-contact{border-radius: 10rem; background-color: #292929; padding:30rem 32rem; box-sizing: border-box; position: relative; margin-bottom: 58rem;}
.applet-contact .simbol{width: 137rem; position: absolute; opacity: 0.11; right: 30rem; bottom: 30rem;}
.applet-contact *{color: #fff;}
.applet-contact strong{display: block; font-size:21rem; margin-bottom: 38rem; font-weight: 700; }
.applet-contact dl + dl{margin-top: 21rem;}
.applet-contact dt{font-size: 15rem; line-height: 1.8; font-weight: 700;}
.applet-contact dd{font-family: var(--lang-ko); line-height: 1.588; margin-top: -2rem; opacity: 0.6;}
.privacy-box{height: 188rem; border-radius: 10rem;}

@media all and (max-width:1680px){
    .apple-inquiry .cs-form {
        gap: 37rem;
    }
    .apple-inquiry .cs-form {
        grid-template-columns: 42% 1fr;
    }
    .privacy-box {
        padding: 21rem;
    }
}

@media all and (max-width:1023px){
	.apple-inquiry  .form-area > em {
        font-size: 15rem;
        margin-bottom: 8rem;
    }
    .form-area[data-form="agree"] em {
        margin-bottom: 10rem;
    }
    .agree-check__list .check-box em {
        font-size: 14rem;
    }
    .check-box label {
        padding-left: 25rem;
    }
    .apple-inquiry  .check-box em {
        font-size: 14rem;
    }
    .apple-inquiry .form-area[data-form] .form-part:has(.check-box) {
        gap: 9rem 1rem;
    }
    .applet-contact strong {
        font-size: 17rem;
    }
    .applet-contact dt {
        font-size: 13rem;
    }
    .applet-contact .simbol {
        width: 117rem;
        right: 30rem;
        bottom: 39rem;
    }
    .form-area[data-form="agree"] em {
        margin-bottom: 10rem;
        line-height: 1.4;
    }
    .agree-check__list .check-box + .check-box {
        margin-left: 22rem;
    }
    .apple-inquiry .cs-form [data-form="agree"] {
        top: 0;
    }

    .form-area[data-form="agree"] {
        margin-top: 0 !important;
    }



}

@media all and (max-width: 540px){
    .apple-inquiry .cs-form {
        grid-template-columns: 1fr;
    }
    .apple-inquiry .cs-form [data-form="agree"] {
        position: relative;
    }

    .apple-inquiry .cs-form [data-form="agree"] {
        padding-bottom: 0rem;
    }
    .cs-page:not(.cs-page--basic) .form-area, .cs-page:not(.cs-page--basic) .form-area[data-form="email"] {
        margin-bottom: 30rem !important;
    }
    .apple-inquiry .cs-form [data-form="agree"] {
        margin-bottom: 10rem !important;
    }
    .apple-inquiry  .check-box em {
        font-size: 13rem;
        font-weight: 400;
    }
    .form-area[data-form="agree"] em {
        line-height: 1.6;
    }
    .check-box [type="radio"]:not(:checked) + .checkmark:after, .check-box [type="radio"]:checked + .checkmark:after {
        top: 52%;
        left: 52%;
        width: 10rem !important;
        height: 10rem !important;
    }
    .apple-inquiry .base-btn {
        width: 100%;
    }
    .applet-contact {
        padding: 23rem;
    }
    .applet-contact strong {
        font-size: 16rem;
    }
}

/* 비지니스 */
:is(.sub02_01,.sub02_04) .sub-section{padding:100rem 0;}

[data-bg="gray"] .step-box__item{background:#ebebeb;}
[data-bg="gray"] .step-box__item > strong{border-right-color:#ddd;}
[data-border]{overflow:hidden; border:1px solid #E5E5E5; border-radius:20rem;}
[data-border="c"]{border-color:var(--c-01); border-width:3rem;}
[data-radius]{overflow:hidden; border-radius:20rem;}
[data-border] + .step-box{margin-top:22rem;}

*[class*="track-page"] [data-list="dot"] > *::before{top:12rem; background-color:#BCBCBC;}
*[class*="track-page"] [data-list="dot"] > *{line-height:1.7; margin-bottom:10rem; padding-left:12rem; font-family:var(--lang-ko); font-weight:300; font-size:16rem;}
*[class*="step-box--"][data-grid]{gap:21rem;}

.track-tit{margin-bottom:50rem;}
.track-tit p{margin-top:0; font-family:var(--lang-ko); font-weight:300;}
.track-tit h4{line-height:normal; margin-bottom:24rem;}
.track-tit h4 i{margin-left:4rem; font-size:20rem;}
.track-tit li{margin-bottom:10rem !important; font-size:17rem !important;}
.track-tit li strong{font-weight:600;}
.step-box__item{display:flex; background:#F6F6F6; border-radius:15rem;}
.step-box,*[class*="step-box--"]{display:grid; gap:12rem;}
.step-box--white .step-box__item{background:#fff !important; border:1px solid #ededed;}
.step-box__item > strong{display:block; position:relative; border-right:2px dashed #e7e7e7; font-size:19rem; min-width:305rem;}
.step-box__item > strong > span::after{content:""; display:inline-block; position:relative; bottom:-1rem; width:5rem; height:5rem; margin-left:5rem; background:linear-gradient(90deg, #F53E3E 0.34%, #EFA8A8 99.66%); border-radius:20rem;}
.step-box__item > *{padding:30rem;}
.step-box__item > i{font-weight:900;font-size:15rem;min-width: 120rem;}
.step-box__item > strong > span{position:relative;}
.step-box--row .step-box__item{display:flex; align-items:flex-start; flex-direction:column;}
.step-box--row .step-box__item > strong{width:100%; border-right:0; border-bottom:2px dashed #ddd;}

#tab1 .step-box__item > strong{border:none; min-width:605rem;}
#tab1 .step-box__item > strong::after{opacity:0;}
#tab1 [data-border]{margin-top:50rem; padding:40rem 0rem;}
#tab1 img {
    height: 422rem;
    margin: 0 20rem;
}
#tab2{padding-top:0;}
#tab2 .step-box--white{margin-top:32rem;}

*[class*="track-page"]:has(#tab2.active) .tabs{border:0;}
*[class*="track-page"] .tabs a{padding-bottom:24rem; font-weight:700; font-size:18rem; color:var(--g-02);}
*[class*="track-page"] .tabs a.active{position:relative; color:var(--c-01);}
*[class*="track-page"] .tabs{border-bottom:1px solid #E2E2E2; gap:50rem;}
*[class*="track-page"] .tabs a.active::after{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:2rem; background:var(--c-01);}

.track-stiky{display:flex; justify-content:space-between; align-items:flex-start; margin-top:50rem;}
.track-stiky *{border-radius:20rem;}
.track-stiky [data-stiky] + a{max-width:980rem;width: 100% !important;}

[data-stiky]{position:sticky; top:0;}

*:is([class*="step-box--"], .step-box){margin-top:50rem;}
.step-box__item > strong img{display:block; justify-content:flex-end; margin-top:20rem;}
.step-box__item > strong:has(img){display:flex; align-items:flex-end; flex-direction:column;}
.step-box__item > strong:has(img) span{align-self:baseline;}
.step-box--white .step-box__item > strong{border-right-color:#efefef;}

.track-water img{border-radius:20rem;}
.track-water > div{display:grid; gap:12rem;}

[data-tab="2"] .step-box--row{min-height:212rem;}
[data-tab="4"] figcaption{margin-top:19rem; font-family:var(--lang-ko); font-weight:400; font-size:16rem; color:var(--g-02); text-align:center;}

.track-img-list{gap:46rem 22rem;}
.track-img-list + *{margin-top:50rem;}
.track-img-list > li{text-align:center;}
.track-img-list > li span{display:inline-block; margin-top:20rem; padding:4rem 12rem; border:1px solid; font-weight:700; font-size:16rem; border-radius:21rem;}

figure +  .step-box--row{margin-top:20rem !important;}
figcaption[data-color="01"]{font-weight:800;}

.thumnail-container{height:230rem;}
.thumnail-pager-container .swiper-slide{cursor:pointer;overflow: hidden;}
.thumnail-slider-controls{display:flex; justify-content:center; align-items:center;}
.thumnail-slider__controls{position:absolute; bottom:60rem; left:0; z-index:999; width:100%;}
.thumnail-slider__controls > div{display:flex; justify-content:center; align-items:center;}
.thumnail-slider__count{display:flex; align-items:center; margin:0 50rem; font-size:17rem;}
.thumnail-slider__count i{display:flex; align-items:center; position:relative;}
.thumnail-slider__count i::after{content:""; display:block; width:3rem; height:3rem; margin:0 10rem;}
.thumnail-slider .swiper-container img{width:auto !important;/* height:100% !important; */margin:0 auto;}
.thumnail-pager-container img{width:70% !important; height:70% !important; object-fit:cover; mix-blend-mode:darken;}
.thumnail-pager-container .swiper-slide{display:flex; justify-content:center; align-items:center; height:55rem; background:#F6F6F6; border:2px solid transparent; border-radius:5rem;}
.thumnail-pager-container .swiper-slide-thumb-active{border-color:var(--c-01);}
.thumnail-pager-container{width:240rem; margin:0 auto; margin-top:20rem;}
.stiky-box__slider{overflow:hidden; padding:40rem 0 30rem; border:1px solid #ddd; border-top-left-radius:20rem; border-top-right-radius:20rem;}
.stiky-box__table dd li::before{top:10rem !important; width:3rem; height:3rem;}

/* new track */
.sub-main__txt{margin-top: 30rem;}

.sub02_04 .sub-main__title + .sub-section{padding-top:0;}
.sub02_02 .stiky-box > .track-tit{width: 100%;}

.stiky-box{display:flex;align-items:flex-start;gap:50rem;justify-content: space-between;}
.stiky-box .track-tit{margin-bottom: 0;}
.stiky-box__slide{top: 6vh;width: 520rem;}
.stiky-box__img{display:grid; gap:25rem;}
.stiky-box__img img{width: 100%;object-fit: cover;padding: 60rem;}
.stiky-box__table{display:grid;padding: 25rem 25rem;background:var(--b-01);border-bottom-left-radius:20rem;border-bottom-right-radius:20rem; gap:14rem;}
.stiky-box__table *{font-size: 14rem;color:#fff;}
.stiky-box__table dl{display:flex;}
.stiky-box__table dd,
.stiky-box__table dd li{font-family:var(--lang-ko); font-weight:300 !important; color:#c1c1c1;}
.stiky-box__table dt{font-family:var(--lang-ko); min-width:140rem;}
.stiky-box__table dd li{margin-bottom: 0rem !important;padding-left: 8rem !important;font-size: 14rem !important;}

.track-link{justify-content:space-between; margin-bottom:26rem;}
.track-link > :is(a, span){font-weight:800;font-size:16rem;color:var(--b-01);gap:11rem;}
.track-link__btn{padding:12rem 20rem 12rem 12rem; border:1px solid; border-radius:50rem;}

@media all and (max-width:1680px){
	#tab1 .step-box__item > strong{min-width:335rem;}

	.track-stiky [data-stiky] + a{width:68%;}
	.track-stiky [data-stiky]:first-child{width:30%;}
}

@media all and (max-width:1023px){
	.sub-content h4{font-size:22rem;}
	.track-tit li{font-size:15rem !important;}
	.step-box__item > strong{font-size:17rem;}
	#tab1 .step-box__item > strong{min-width:275rem;}
	#tab1 img{height:242rem; margin:0 20rem;}
	*[class*="track-page"] [data-list="dot"] > *{margin-bottom:6rem; font-weight:300; font-size:14rem;}
	*[class*="track-page"] [data-list="dot"] > *::before{top:10rem;}
	.track-img-list > li span{padding:3rem 11rem; font-size:13rem;}
}

@media all and (max-width: 540px){
	:is(.sub02_01, .sub02_04) .sub-section{padding:70rem 0;}
	.stiky-box__slide{position:relative; top:0; width:100%;}
	.stiky-box__table dt{min-width:115rem;}
	.stiky-box__table *,
	.stiky-box__table dd li{font-size:13rem !important;}
	.stiky-box__table{padding:20rem; border-bottom-left-radius:10rem; border-bottom-right-radius:10rem;}
	.stiky-box{flex-direction:column; gap:20rem;}
	.stiky-box__img img{border-radius:10rem;}

	.sub-content h4{font-size:19rem;}

	.track-tit li{font-size:14rem !important;}
	.track-tit h4{margin-bottom:15rem;}

	[data-radius],
	[data-border]{border-radius:10rem;}

	.track-img-list > li span{margin-top:13rem; padding:4rem 11rem; font-size:13rem;}
	.track-img-list{gap:27rem 10rem;}

	#tab1 [data-border]{align-items:center; margin-top:-20rem; padding:20rem 0rem; flex-direction:column;}
	#tab1 img{height:192rem;}

	*[class*="track-page"] .tabs a{padding-bottom:15rem; font-weight:700; font-size:13rem;}
	*[class*="track-page"] .tabs{gap:18rem;}

	.step-box__item{display:flex; align-items:flex-start; padding:20rem 0rem; flex-direction:column; border-radius:10rem;}
	#tab1 .step-box__item > strong{min-width:auto;}
	.step-box__item > *{padding:0 20rem;}
	.step-box__item > ul{margin-top:20rem;}
	#tab1 .step-box__item > strong{margin-top:9rem; min-width:auto;}
	.step-box__item > i{margin-left:20rem; padding:0rem 0rem; border-bottom:2px solid; font-size:13rem; min-width:auto;}
	*[class*="track-page"] [data-list="dot"] > *{line-height:1.6; font-size:13rem;}
	.track-stiky{justify-content:space-between; margin-top:0; flex-direction:column;}
	.track-stiky *{border-radius:10rem;}
	.track-stiky img{width:100% !important;}
	.track-tit{margin-bottom:20rem;}
	.track-stiky [data-stiky] + a{margin-top:15rem;}
	[data-stiky]{position:relative; top:0;}
	.step-box--row{grid-template-columns:1fr;}
	.step-box--row .step-box__item > strong{padding-bottom:20rem;}
	.step-box__item > strong{font-size:16rem;}
	*[class*="track-page"] [data-list="dot"] > *::before{top:9rem;}
	*[class*="step-box--"][data-grid]{gap:11rem;}
	.step-box--row .step-box__item:last-child strong{padding-bottom:0; border:0;}
	*:is([class*="step-box--"],.step-box){margin-top:20rem;}
	.step-box--white .step-box__item > strong{width:100%; border-bottom:2px dashed #e1e1e1; border-right-color:#fff; border-bottom-color:#e1e1e1;}
	.step-box__item > strong img{display:flex; margin-top:20rem; padding:10rem 0rem 20rem; align-self:center;}
	#rnd-page01 [data-grid]{grid-template-columns:1fr;}
	[data-tab="2"] .step-box--row{min-height:auto;}
	[data-tab="2"] .step-box--row .step-box__item > ul{margin-top:15rem;}
	#rnd-page03 [data-flex="center"]{align-items:center; flex-direction:column;}
	[data-tab="4"] figcaption{margin-top:8rem; font-size:13rem;}
	.track-arrow{height:50rem; margin:15rem 0rem 15rem; transform:rotate(90deg);}
	table.table th,
	table.table td{padding:13rem 7rem; font-size:12rem;}
	.table-scroll-swiper__inner{padding-top:40%;}
	.track-water{display:flex; flex-direction:column;}
	.track-water > img{height:50rem; margin:9rem 0rem; transform:rotate(90deg);}
	.track-link__btn{padding:7rem 16rem 7rem 7rem; border-radius:50rem;}
	.track-link > :is(a,span){font-size:13rem; gap:7rem;}
	.track-link__btn img{height:26rem;}
}