@charset "utf-8";

/*
* File       : layout.css
* Author     : B-WORKER
* Dependency : css/reset.css
*      
 * SUMMARY:
 * 레이아웃 관련만 선언합니다.
 *
 * 01) GLOBAL BODY
 * 02) HEADER 
 * 03) FOOTER
 * 04) SCROLL TOP
 * 05) 404        
*/

/* **************************************** *
 * GLOBAL
 * **************************************** */
body{font-size:17rem;overflow-x:hidden;overflow-y:overlay;word-break: keep-all;}
body.scroll-hide{overflow-y:hidden;}
body.scroll-hide #header{position: fixed;}
body::after{content:"";position: fixed;opacity:1;top:0;left:0;z-index:9999;width:100%;height:100%;background:#fff;transition: all 0.7s ease;}
body:has(#main)::after{display: none;}
body.motion-on::after{opacity:0; visibility:hidden;}

body[data-bg="dark"]::after{background:#111;}

/* scroll set */
::selection{background: #0F1621;color:#fff;}

/* 스크롤바 커스텀 */
*::-webkit-scrollbar{width:16rem;background-color:#ebebeb;}
*::-webkit-scrollbar-thumb:hover{background-color: #a7a7a7;}
::-webkit-scrollbar-thumb{background-color:#C1C1C1;}

@media (max-width:860px){
	*::-webkit-scrollbar{display:none !important; width:0; height:0;}

	body{font-size:16rem;}
	body,
	p,
	li,
	a{font-family:'Jost', -apple-system, BlinkMacSystemFont, Sans-serif;}
}

@media (max-width:540px){
	body{letter-spacing: -0.1rem; font-size:15rem;}
	p {line-height: 1.6;}
}

/* **************************************** *
 * HEADER
 * **************************************** */
#header{position: fixed;z-index:51;width:100%;padding-top: 0;transition:1.5s cubic-bezier(0.25, 0.47, 0.12, 0.99);transform:translateY(-100rem);}
#header.hide{transform: translateY(-100%) !important;}
#header h1{font-size:0;}
#header:has(#site-map.active){position:fixed;}

.motion-on #header{transform:translateY(0rem);}

.header-inner{display:flex;justify-content: flex-end;align-items:center;padding-right: 100rem;}

#logo{position:relative; display: block; z-index:81; background-color: var(--f-01); width:272rem; height: 129rem; border-radius: 0 0 30rem 0; padding: 42rem 39rem 42rem 58rem; box-sizing: border-box; }
#logo i{display:block;width: 175rem;height: 45rem;font-size: 0;background-size: 100%;background-position:50% 50%;background-repeat:no-repeat;background-image:url(../img/layout/logo.svg);}
#logo img{height: 100%;}

.logo-wrap{display: inline-block; position: absolute; left: 0; top: 0; z-index: 2;}

a.another-web{display:inline-flex;overflow: hidden;align-items:center;position: absolute; left: 256rem; top: 40rem; box-sizing:border-box;padding:7rem 12rem 7rem 7rem;background:rgba(255, 255, 255, 0.15);backdrop-filter:blur(4px);gap:14rem;border-radius:90rem; margin-left: 26rem;}
a.another-web span{font-weight:500; font-size:16rem; position: relative; z-index: 2; color:var(--b-03); letter-spacing:-.16px;}
a.another-web i{display:flex;position: relative; z-index: 1; justify-content:center;align-items:center;width:30rem;height:30rem;border:1px solid var(--c-01);border-radius:30rem;position: relative;z-index: 1;}
a.another-web svg{position: relative; z-index: 1;}
a.another-web::before{content: "";clip-path: circle(0rem at 21rem 21rem);left: 0;position: absolute;background: var(--c-01);width: 100%;height: 100%;z-index: 0;opacity: 1;transition: var(--trans-03);}

body.color2 a.another-web svg path{stroke: var(--c-02);}

.main a.another-web{left: 268rem;}

@media (hover: hover) and (pointer: fine){

    a.another-web:hover::before{clip-path: circle(300rem at 16rem 23rem);  opacity: 1; }
    a.another-web:hover span{color: var(--f-01);}
    a.another-web:hover path{stroke: var(--f-01);}
    .sub  a.another-web:hover span{color: var(--f-01);}
	body.color2 a.another-web:hover svg path{stroke: var(--f-01);}
}
@media (max-width:1680px){

}

/* global btn */
.lang-menu{position: relative; min-width: 72rem; height: 27rem;}
.lang-menu a{opacity: 0;color:#fff;font-size: 14rem;position: relative;font-weight: 500;background: var(--c-01);padding: 4rem 11rem;border-radius: 90rem;gap: 6rem;display: inline-flex;align-items: center;}
.lang-menu a::before{content: "";width: 9rem;height: 9rem;border-radius: 90rem;background-color: rgba(255,255,255,.5);display: block;}
.lang-menu li{position: absolute;}
.lang-menu li.on a{opacity: 1 !important; z-index: 1;}
.lang-menu .select-link{width: 60rem;}
.lang-menu img{height:24rem;}
.lang-menu i{display:none;}
.lang-menu .select-link__btn::after{display:none;}
.lang-menu .select-link__btn{display:flex; justify-content:center;}
.lang-menu .select-link > ul a{padding:3rem 15rem; font-size:13rem; text-align:center;}
.lnag-menu__icon{width:24rem;height: 25rem;background-position:50% 50%;background-image:url(../img/common/ic-lang_w.svg);background-repeat:no-repeat;}

body.color2 .lang-menu li:nth-child(odd){display: none;}


#header.color-on .lang-menu a{color:#aaa;}
#header.color-on .lang-menu li.on a{color:var(--c-01);}
#header.color-on .lnag-menu__icon{background-image:url(../img/common/ic-lang.svg);}

/* basic gnb */
.gnb-container{display:inline-block;}
.gnb-container-wrap{display: flex; align-items: center;}
.gnb-full-cover{position:absolute; opacity:0; visibility:hidden; top:0; left:0; z-index:-1; width:100%; height:100%; background:#fff; box-shadow:15rem 20rem 29rem 0rem rgba(0, 0, 0, 0.23); transition:var(--trans-01);}

#gnb{text-align:center;margin-right: 9rem;}
#gnb .gnb-item{display:inline-block;position:relative;padding: 0 24rem;transition:var(--trans-01);}
#gnb .gnb-item:last-child:after{background:none;}
#gnb .gnb-item > a{display:inline-block;/* padding-bottom:25rem; */padding: 52.3rem 0;font-weight:500;color:#fff;/* font-size:18rem; */transition:var(--trans-01);text-transform: uppercase;}
#gnb .gnb-item .sub-menu > li.on > a{color: var(--c-01) !important; }
#gnb .gnb-item > a.on{color: var(--c-01) !important;}

.sub-menu-depth{display: none;} /* 3차메뉴 숨김 */

/* full gnb */
#gnb.gnb-full .gnb-item > a{position:relative; padding-bottom:0;}
#gnb.gnb-full .gnb-item .sub-menu{top:80rem; padding:0; background:none; border:0; box-shadow:none; transition:none;}
#gnb.gnb-full .gnb-item .sub-menu > li > a{padding:8rem 0rem; background:none; border:0; color:#666; text-align:center;}
#gnb.gnb-full .gnb-item.active .sub-menu{transition:all 0.4s ease-out; transition-delay:0.2s;}
#gnb.gnb-full .gnb-item > a::after{content:""; position:absolute; bottom:-41rem; left:0; width:100%; height:3px; background:var(--c-01); transition:var(--trans-01); transform:scaleX(0);}
#gnb.gnb-full .gnb-item > a{position:static;}
#gnb.gnb-full .gnb-item:hover > a::after{transform:scaleX(1);}

#header::before{content:""; position:absolute; opacity:0; top:120rem; width:100%; height:1px; background:#eee; transition:var(--trans-01);}
#header.color-on::before{opacity:1;}
#header.color-on #logo i{background-image:url(../img/layout/logo.svg);background-size: 100%;}
#header.color-on .gnb-full-cover{opacity:1;visibility:visible;height: 750rem;}
#header.color-on #gnb .gnb-item > a{color:#111;}
#header.color-on #gnb .gnb-item{padding: 0 35rem;}

/* inline gnb */
#header.color-on:has(.gnb-inline) .gnb-full-cover{height:185rem;}
#header:has(.gnb-inline) .gnb-full-cover{transition:all 0.3s ease;}
#gnb.gnb-inline .gnb-item .sub-menu{display:flex; left:0; width:auto; padding:0; background:none; border:0; white-space:nowrap;}
#gnb.gnb-inline .gnb-item .sub-menu > li > a{padding:0; background:none; border:0;}
#gnb.gnb-inline .gnb-item .sub-menu > li:not(:last-child){margin-right:20rem;}
#gnb.gnb-inline .gnb-item .sub-menu{display:flex; justify-content:center; top:85rem; box-shadow:none; transform:translateY(0rem); transform:translateX(-20rem);}
#gnb.gnb-inline .gnb-item > a{padding-bottom:0;}
#gnb.gnb-inline .gnb-item.active .sub-menu{transform:translateX(0rem);}

.btn_close{opacity:0; font-size:0;}

/* **************************************** *
 * MOBILE MENU
 * **************************************** */
.gnb-mobile-btn{display:none; position:relative; z-index:80; padding:10rem 0rem; cursor:pointer;}
.gnb-mobile-btn span{display:block; position:relative; width:100%; height:3px; background:#fff; transition:all 0.4s ease;}
.gnb-mobile-btn .inner{display:grid;width: 32rem;height: 11rem;align-content:space-between;}
.gnb-mobile{position:fixed;opacity:0;visibility:hidden;overflow:hidden;top:0;right: 0;width:480rem;height:100vh;background: var(--c-01);transition:all 0.3s ease;overflow-y: auto;}
.gnb-mobile:has(.menu--st01){max-width: 550rem;}
.gnb-mobile-btn.active span:nth-child(1){top: 8rem;transform:rotate(45deg);}
.gnb-mobile-btn.active span:nth-child(2){transform:rotate(-45deg);}
.gnb-mobile-btn.active span{background: var(--f-01);}
.gnb-mobile.active{opacity:1; visibility:visible;}
.gnb-mobile-menu .gnb-item > a{display: flex;align-items:center;position:relative;font-weight: 600;font-size: 20rem;text-transform: uppercase;color: var(--f-01);padding: 20rem 0;border-bottom: 1px dashed rgba(255,255,255,0.4););}
.gnb-mobile-menu{position:relative;margin-top: 14vh;width:100%;box-sizing:border-box;padding: 0rem 30rem;text-align:center;overflow: auto;   -ms-overflow-style: none;}
.gnb-mobile-menu::-webkit-scrollbar{display:none;}
.gnb-mobile-menu .gnb-item:not(:first-child){/* margin-top: 30rem; */}
.gnb-mobile-menu .sub-menu{display:none;margin-top:22rem;text-align: left;padding-left: 32rem;}
.gnb-mobile-menu .sub-menu li a.on{color: var(--c-02);}
.gnb-mobile-menu .gnb-item.active{padding-bottom:15rem;}
.gnb-mobile-menu .sub-menu li a{font-size: 20rem;display: block;color: var(--f-01);position: relative;font-weight: 500;}
.gnb-mobile-menu .sub-menu li a::before{content: "";width: 6rem;height: 6rem;border-radius: 20rem;background-color: rgba(255, 255, 255, 0.25);position: absolute;left: -18rem;top: 50%;display: block;transform: translateY(-50%);}
.gnb-mobile-menu .sub-menu li:not(:first-child){margin-top:12rem;}
.gnb-mobile-menu .gnb-item:has(li:nth-child(2)){}
.gnb-mobile-menu .gnb-item > a::after{content:"";display:none;position:absolute;right: 0;width: 32rem;height: 32rem;margin-left:12rem;background:url(../img/layout/ic-footNav.svg) no-repeat 50% 50%;background-size: 100%;}
.gnb-mobile-menu .gnb-item.active:has(li:nth-child(2)) > a::after{transform:rotate(90deg);}
.gnb-mobile-menu .gnb-item:has(li:nth-child(2)) > a::after{display:block;}
.gnb-mobile__copy{position:absolute;opacity:0.3;bottom:30rem;width:100%;font-weight: 600;text-align:center;color: #fff;left: 0;}
.gnb-mobile-menu .gnb-item{opacity:0; transition:all 0.7s ease; transform:translateY(30rem);}
.gnb-mobile.active  .gnb-item{opacity:1; transform:translateY(0rem);}
.gnb-mobile.active  .gnb-item:nth-child(1){transition-delay:100ms;}
.gnb-mobile.active  .gnb-item:nth-child(2){transition-delay:200ms;}
.gnb-mobile.active  .gnb-item:nth-child(3){transition-delay:300ms;}
.gnb-mobile.active  .gnb-item:nth-child(4){transition-delay:400ms;}
.gnb-mobile.active  .gnb-item:nth-child(5){transition-delay:500ms;}
.gnb-mobile.active  .gnb-item:nth-child(6){transition-delay:600ms;}
.gnb-mobile.active  .gnb-item:nth-child(7){transition-delay:700ms;}

body.color2 .gnb-mobile{background: #0F1621;}

/* st 1 */
.gnb-mobile-menu.menu--st01{top:auto; bottom:0; height:calc(100% - 100rem); border-top:1px solid #f3f3f3; text-align:left;}
.gnb-mobile-menu.menu--st01::before{content:""; position:absolute; top:0; right:0; width:50%; height:100%; background:#f7f7f7;}
.gnb-mobile-menu.menu--st01 .gnb-item{width:50%;}
.gnb-mobile-menu.menu--st01 .sub-menu{position:absolute; top:0; left:100%; width:100%; box-sizing:border-box; margin-top:0;}
.gnb-mobile-menu.menu--st01 .gnb-item.active{padding:0;}
.gnb-mobile-menu.menu--st01 .gnb-item > a{font-size:20rem;}
.gnb-mobile-menu.menu--st01 .gnb-item:nth-child(1){margin-top:40rem;}
.gnb-mobile-menu.menu--st01 .gnb-item > a{display:flex;}
.gnb-mobile-menu.menu--st01 .gnb-item > a::after{right:25rem; width:12rem; height:12rem; transform:rotate(-90deg) !important;}
.gnb-mobile-menu.menu--st01 .gnb-item:not(:first-child){margin-top:23rem;}
.gnb-mobile-menu.menu--st01 .gnb-item.active > a{color:var(--c-01);}
.gnb-mobile-menu.menu--st01 .gnb-item.active > a::after{background-image:url(../img/common/arrow-basic_c.svg);}
.gnb-mobile-menu.menu--st01 .sub-menu.active{opacity:1; visibility:visible; transform:translateY(0rem);}
.gnb-mobile-menu.menu--st01 .sub-menu{display:block; opacity:0; visibility:hidden; transition:var(--trans-01); transform:translateY(15rem);}
@media (max-width:1680px){
    a.another-web{padding: 5rem 10rem 5rem 5rem; gap: 6rem; left: 40rem; top: 142rem; transition: top .4s; z-index: 10; margin-left: 0; }
    #header.on  a.another-web{top: 110rem;}
    .main a.another-web{top: 44rem;}
}

@media (max-width:1480px){
	#gnb .gnb-item > a{}
    .header-inner{padding-right: 60rem;}
    #logo{width:auto; padding:42rem}
}

@media (max-width:1200px){
    a.another-web{top: 116rem;}
    #logo{height:auto ; padding:28rem 22rem}
    #gnb .gnb-item > a{padding: 37rem 0; font-size: 16rem;}
    /* a.another-web{top: 110rem;} */
	.header-inner{padding-right: 20rem;}
}

@media (min-width: 1024px){
	#gnb .gnb-item .sub-menu{display:none;position:absolute;opacity: 0;visibility: hidden;top: 85rem;left: 50%;width: 143rem;padding:8rem 17rem;background:#fff;border-radius: 10rem;/* border:1rem solid #444; */box-shadow: 1rem 5rem 16rem 0rem rgb(165 165 165 / 16%);transition:all 0.4s ease-out;transition-property: opacity, transform, visibility;transition-delay:0s, 0s, 0s;transform: translate(-50%, -20rem);}
	#gnb .gnb-item .sub-menu{display:block; transition-delay:0.1s;}	
	#gnb .gnb-item .sub-menu > li > a{display:block;position:relative;font-family: var(--lang-ko);padding:10rem 0rem;background:#fff;border-top: 1px dashed #e1e1e1;color:#404040;text-align:left;font-size: 16rem;transition:var(--trans-01);}
	#gnb .gnb-item .sub-menu > li > a:hover{opacity:0.5;}
	#gnb .gnb-item .sub-menu > li:first-child > a{border-top-width:0rem;}
	#gnb .gnb-item.active .sub-menu{opacity:1;visibility:visible;z-index:10;transition-delay:0s, 0s, 0s;transform: translate(-50%, 0);}	
}
@media all and (max-width:1200px){
    #logo i{width: 160rem;}
    .main a.another-web{top: 30rem; left: 218rem;}
    .lang-menu{min-width: 57rem;}
}

@media all and (max-width:1023px){	
	#header{padding-top:35rem;}
	#header .gnb-full-cover,
	#header::before{display:none;}
	.header-inner {padding-right: 40rem;}
    
	/* #header:not(:has(.gnb-mobile-menu.menu--st01)).color-on #logo a{background-size:100%; background-image:url(../img/layout/logo.svg);} */
	#logo i{width: 125rem; height: 40rem;}
	a.another-web{position: absolute; display: none;}

	.gnb-container-wrap{display:none;}
	.gnb-mobile-btn{display:block;}
	.gnb-mobile-btn.active .inner{width:35rem;}
	.gnb-mobile-btn.active{top: -4rem;}

	.gnb-mobile-menu .gnb-item:has(li:nth-child(2)) > a{margin-left: 0;}	
	.gnb-mobile-menu.menu--st01 .gnb-item:has(li:nth-child(2)) > a{margin-left:0;}
	.gnb-mobile-menu.menu--st01 .sub-menu li a{display:block; padding:4rem 20rem; font-size:16rem;}
	
	.sub-menu-depth{display:none;}

	.lang-menu{position:absolute;right: 98rem; top: 35rem; }
    .lang-menu a{background: var(--f-01); font-size: 17rem; padding: 4rem 11rem; }
    .lang-menu a::before{background-color: var(--c-02);}

    .gnb-mobile{overflow-y: scroll;}
    .gnb-mobile div:has(.another-web-mo){padding: 0 30rem;}
    .another-web-mo{width: 100%;background-color: var(--c-02);/* border:1px solid var(--f-01); */display:flex;justify-content: space-between;opacity: 0;transform: translateY(30rem);transition: all .7s ease;border-radius: 90rem;padding: 26rem 40rem;margin-top: 30rem;}
    .another-web-mo span{font-size: 23rem;color: var(--f-01);font-weight: 600;}
    .another-web-mo i{width: 36rem; height: 36rem;display: flex; align-items: center; justify-content: center;  border-radius: 100%; border:1px solid var(--f-01);}
    .another-web-mo i path{stroke:#fff}
    .gnb-mobile.active .another-web-mo{opacity: 1; transform: translateY(0);}

}

@media (max-width: 540px){
	#header{padding-top:20rem;}
	.header-inner{padding-right: 20rem;}
	#header.color-on #logo i, .scroll-hide #logo i{background-image: url(../img/layout/logo.svg) !important;}
	#logo{padding: 12rem 20rem; border-radius: 0 0 16rem 0;}
	#logo i{width: 100rem;height:42rem;background-size: 100%;}

	.gnb-mobile{width: 100%;}
	.gnb-mobile-btn .inner{width: 26rem;height: 11rem;}
	.gnb-mobile-btn.active .inner{width:26rem;}
	.gnb-mobile-btn.active span:nth-child(1){top: 8rem;}
	.gnb-mobile-menu .gnb-item > a{ padding: 16rem 0; font-size: 15rem;}
	.gnb-mobile-menu .gnb-item > a::after{width: 24rem;height: 24rem;background-size: 100%;margin-left: 8rem;/* right: -24rem; */}
    .gnb-mobile-menu .sub-menu{padding-left: 20rem;}
	.gnb-mobile-menu .sub-menu li a{font-size:15rem;}
	.gnb-mobile-menu .sub-menu li:not(:first-child){margin-top: 12rem;}	
	.gnb-mobile-menu .sub-menu{display:none; margin-top:18rem;}

	.gnb-mobile-menu.menu--st01{height: calc(100% - 80rem); padding:0rem 20rem;}
	.gnb-mobile-menu.menu--st01 .gnb-item > a{font-size:16rem;}
	.gnb-mobile-menu.menu--st01 .gnb-item > a::after{right:20rem; width:10rem; height:10rem;}
	.gnb-mobile-menu.menu--st01 .sub-menu li a{padding:2rem 18rem; font-size:14rem;}
	.gnb-mobile-menu.menu--st01 .gnb-item:nth-child(1){margin-top:25rem;}

	.lang-menu{right: 52rem;/* margin-top: -1rem; */top: 17rem;}
	.lang-menu .select-link{width:50rem;}
	.lang-menu .select-link > ul{margin-top:7rem; padding:7rem 0rem;}
	.lnag-menu__icon{margin-right: 7rem;min-width:15rem;}
	.lang-menu .select-link > ul a{font-size:12rem;}	
	.lang-menu a{font-size: 13rem;}

    .gnb-mobile-menu{margin-top: 12vh;}
    .gnb-mobile-menu .gnb-item > a::after{background: url(../img/layout/ic-footNav_w.svg) no-repeat 50% 50%; background-size: 100%;}
    .another-web-mo span{font-size: 15rem; }
    .another-web-mo i{width: 26rem; height: 26rem;}
    .another-web-mo{align-items: center; padding: 16rem 24rem;}

    .gnb-mobile-menu .sub-menu{padding-left: 14rem;}
    .gnb-mobile-menu .sub-menu li a::before{width: 4rem; height: 4rem; left: -15rem;}
}

/* **************************************** *
 * full page gnb site map 
 * **************************************** */
 #site-map{position:fixed; opacity:0; visibility:hidden; top:0; left:0; z-index:51; width:100%; height:100vh; background:#fff; transition:var(--trans-01); transition-delay:0.1s;}
 #site-map.active{opacity:1; visibility:visible; transition-delay:0s;}
 #site-map.active .gnb-item{opacity:1; transform:translateY(0rem);}
 #site-map.active .gnb-item:nth-child(1){transition-delay:100ms;}
 #site-map.active .gnb-item:nth-child(2){transition-delay:200ms;}
 #site-map.active .gnb-item:nth-child(3){transition-delay:300ms;}
 #site-map.active .gnb-item:nth-child(4){transition-delay:400ms;}
 #site-map.active .gnb-item:nth-child(5){transition-delay:500ms;}
 #site-map.active .gnb-item:nth-child(6){transition-delay:600ms;}
 #site-map.active .gnb-item:nth-child(7){transition-delay:700ms;} 

 .site-map-inner{display:flex; align-items:center; height:100%; margin:0 60rem;}
 .site-map-list .gnb-item > a{font-weight:700; font-size:21rem;}
 .site-map-list.site-map--colum{display:grid; width:100%; text-align:center; grid-template-columns:repeat(6, 1fr);}
 .site-map-list.site-map--colum .sub-menu li:not(:first-child){margin-top:13rem;}
 .site-map-list.site-map--colum .sub-menu{margin-top:30rem;}
 .site-map-list.site-map--row{display:grid; gap:40rem;}
 .site-map-list.site-map--row :is(.gnb-item, .sub-menu){display:flex; align-items:center;}
 .site-map-list.site-map--row .sub-menu li:not(:first-child){margin-left:30rem;}
 .site-map-list.site-map--row .sub-menu{margin-left:30rem;}
 .site-map-list .sub-menu a{transition:var(--trans-01);}
 .site-map-list .sub-menu a:hover,
 .site-map-list .sub-menu a.on{color:var(--c-01);}
 .site-map-list.site-map--row.row-drap .gnb-item{display:flex; align-items:flex-start; flex-direction:column;}
 .site-map-list.site-map--row.row-drap .gnb-item .sub-menu{display:none; margin-top:15rem; margin-left:0;}
 .site-map-list.site-map--row.row-drap .gnb-item .sub-menu > li:not(:first-child){margin-left:20rem;}
 .site-map-list.site-map--row.row-drap .gnb-item .sub-menu > li{display:inline-block;}
 .site-map-list .gnb-item{opacity:0; transition:all 0.7s ease; transform:translateY(30rem);}
 
 .site-map-list.row-drap .gnb-item > a.active{color: var(--c-01);}
 
 .gnb-full-icon{position:relative; width:30rem; height:17rem;}
 .gnb-full-icon > span{display:inline-block; position:absolute; left:0; width:100%; height:3rem; background:#FFF; transition:all 0.3s;}
 .gnb-full-btn .border-01{top:0;}
 .gnb-full-btn .border-02{top:0; bottom:0; margin:auto;}
 .gnb-full-btn .border-03{bottom:0px;}
 .gnb-full-btn .text{display:inline-block; width:100%; font-size:11rem; color:#FFF; text-align:center; transition:all 0.3s;}
 .gnb-full-btn .text::after{content:"MENU"; display:block; margin-top:6rem; font-weight:700;}
 .gnb-full-btn.active .text::after{content:"CLOSE";}
 .gnb-full-btn.active .border-01{transform:translateX(0) translateY(9rem) rotate(45deg) !important;}
 .gnb-full-btn.active .border-02{opacity:0;}
 .gnb-full-btn.active .border-03{transform:translateX(0px) translateY(-5rem) rotate(-45deg) !important;}
 .gnb-full-btn-wrap{position:relative; z-index:100;}
 .gnb-full-btn.active .gnb-full-icon > span{background:var(--b-01);}
 .gnb-full-btn{display:flex;align-items:center;flex-direction:column;cursor: pointer;}
 .gnb-full-btn.active .text,
 #header.color-on .gnb-full-btn .text{color:var(--b-01);}
 .gnb-full-btn.active .gnb-full-icon > span,
 #header.color-on .gnb-full-icon > span{background:var(--b-01);}
 #header:has(#site-map.active) #logo a{background-size:100%; background-image:url(../img/layout/logo.svg);}
  
@media (max-width:1023px){
	.gnb-full-btn-wrap{display: none;}
}

/* **************************************** *
 * footer
 * **************************************** */

 #footer{position:relative;z-index: 30;background: var(--c-01);background-size:cover;padding-top: 106rem;}
 #footer *{color:#fff;}
 #footer address{/* margin-top: 40rem; */font-family: var(--lang-ko);/* font-size: 14rem; */font-weight: 300; min-width: 177rem;}
 #footer address strong{font-size: 16rem;margin-bottom: 14rem;display: block;}
 #footer address p{font-size: 14rem;font-weight: 200;margin-bottom: 9rem;}
 #footer address span{font-size: 14rem;font-weight: 200;display: block;}
 #footer address span b{width: 15rem;display: inline-block;}
 #footer address:nth-child(2){}
 .footer-info__right{gap: 20rem;}
 #footer .footer-info__left a{width: 131rem;}
 #footer.ver02{background: #0F1621}
 
body.color2 #footer address strong{color: var(--c-02);}

.footer-info{padding-top: 44rem;border-top:1px solid rgba(255,255,255,0.1);padding-bottom: 40rem;}
.footer-menu{padding:33rem 0rem;border-bottom: 1px solid rgba(255,255,255,0.1);}
.footer-menu a{font-weight:500; font-size:15rem;}
.footer-menu li{margin-right:30rem;}

.footer-copyright{opacity: 0.7;font-size: 14rem;font-weight: 400;}

.privacy-menu{gap:20rem;flex-direction: column;text-align: left;align-items: flex-start;margin-left: 72rem;}
.privacy-menu a{font-size: 14rem;font-weight: 300;}

.footer-top__wrap{padding-bottom: 145rem;}
.footer-top__conts strong{display: block;}
.footer-top__conts{width: 960rem;}
.footer-top__conts .btn-basic{margin-top: 48rem;}


/* footer sitemap */
.footer-gnb{/* padding:50rem 0rem; */display: flex;/* position: absolute; *//* left: 50%; */}
.footer-gnb__menu{display:flex;texAt-align: left;flex-direction: column;gap: 16rem;} 
.footer-gnb__menu .gnb-item >  a{position: relative;display: inline-flex; gap: 13rem; align-items: center; font-weight:600;font-size: 18rem;text-transform: uppercase;}
.footer-gnb__menu .gnb-item >  a::after{content: "";opacity: 0;transition: var(--trans-01);/* position: absolute; */width: 30rem;height: 30rem;/* right: -43rem; *//* top: 7%; */transform: translateY(-50%);background: url(../img/layout/ic-footNav.svg) no-repeat;background-size: 30rem;transform: translateX(-15rem);}
.footer-gnb__menu .gnb-item .sub-menu {display: none;}
.footer-gnb__menu .gnb-item .sub-menu a{display:block;opacity:0.5;padding:6rem 0rem;font-weight:400;transition: var(--trans-01);}
.footer-gnb__menu .gnb-item .sub-menu a:hover{opacity: 1;}
.footer-gnb__menu .sub-menu-depth{display:none;}

body.color2 .footer-gnb__menu .gnb-item > a::after{background: url(../img/layout/ic-footNav2.svg) no-repeat; background-size: 30rem; }
.footer-info__wrap{align-items: flex-start;}
.footer-info__left{gap: 50rem; align-items: center; width: 960rem;}
@media (hover: hover) and (pointer: fine){
    .footer-gnb__menu .gnb-item >  a:hover::after{opacity: 1; transform: translateX(0); }
}

@media (max-width:1480px){
 
}
@media all and (max-width:1200px){
    .privacy-menu{gap: 8rem;}
    .footer-gnb__menu{gap: 8rem;}
    .footer-info__wrap{flex-direction: column-reverse;}

    .footer-info__left{margin-top: 30rem; padding-top: 30rem; border-top: 1px dashed rgba(255,255,255,0.2) ; width: 100%; justify-content: space-between; }
    .footer-info__right{width: 100%;}
    #footer address{display: flex; width: 50%; gap: 32rem;}
    #footer address span{display: inline-block; }
    #footer address span + span{margin-left: 12rem;}
}
@media all and (max-width:1023px){

    #footer{padding-top: 66rem;}
    .footer-top__wrap{padding-bottom: 66rem;}
    #footer address span + span{margin-left: 0; display: block;}
	/*화면 768에 맞춰놓고 작업*/
}
@media (max-width:860px){
    .footer-gnb{display: none;}
}
@media (max-width: 540px){
	#footer{/* padding-bottom:50rem; */background-position:0 0; padding-top: 46rem;}
	#footer address{margin-top:49rem;font-size: 14rem;}
	#footer address p span{margin-right:11rem;}

    .footer-top__wrap{padding-bottom: 54rem;}
    .footer-top__conts{width: 100%; text-align: center;}
    .footer-top__conts strong{text-align: center;}
    .footer-top__conts .btn-basic{/* width: 100%;  */margin-top: 38rem;}

    .footer-info__right{flex-direction: column;}
    #footer address{width: 100%; margin-top: 0; gap: 22rem; align-items: baseline;}
    #footer address:nth-child(2){margin-left: 0;/*  margin-top: 24rem;} */}
    #footer address strong{font-size: 14rem; margin-bottom: 0; min-width: 70rem;}
    .footer-info__left{flex-direction: column; gap: 10rem;}
    .footer-copyright{font-size: 12rem;}

}

/* **************************************** *
 * SCROLL TOP
 * **************************************** */
 .quick{position: fixed; bottom: 50rem; right: 68rem;  z-index: 40;}
 .quick li + li{margin-top: 9rem;}
 .quick li a{width: 66rem;height: 66rem;border-radius: 100%;display: flex;/* align-items: center; */justify-content: center;align-items: center;}
 .quick li a:not(.btn-top){background-color: var(--c-01); border:1px solid rgba(255, 255, 255, 0.15)}
 .quick.fixed.active{position:fixed;opacity:1;visibility:visible;top:auto;bottom:50rem;}
 a.btn-top{ flex-direction:column; transition: var(--trans-01); background-color: var(--bg-02); }
 a.btn-top span{font-family:var(--lang-en);font-size: 11rem;color: var(--c-01) !important;font-weight: 700; }
 a.btn-top i{width: 11rem;height: 11rem;margin-bottom: 2rem;display: block; background: url(../img/layout/ic-top.svg) no-repeat; background-size: contain;}
 a.btn-top img{width: 11rem;height: 11rem;margin-bottom: 2rem;display: block;}
 a.btn-top.active{position:absolute; opacity:1; visibility:visible; top:0rem;}
 a.btn-top::before{content:"";display: none;height:10rem;margin-bottom:5rem;background:url(../img/common/arrow-basic_w.svg) no-repeat 50% 50%;transform:rotate(180deg);min-width:11rem;}
 
 body.color2 a.btn-top i{background: url(../img/layout/ic-top2.svg) no-repeat;}
 body.color2 .quick li a:not(.btn-top){background-color: var(--c-02);}
 a.btn-top span{color: var(--c-02);}

 @media all and (max-width:1023px){
	.quick{right: 20rem; bottom: 110rem;}
	.quick li a{width: 54rem; height: 54rem;}
	.quick.fixed.active{bottom: 110rem;}
}
@media (max-width:860px){
	
}

 @media (max-width:540px){
     a.btn-top{right:20rem; width:55rem; height:55rem; font-weight:700; font-size:10rem; }
     a.btn-top::before{background-size:10rem;margin-bottom: 2rem;}
     a.btn-top.fixed.active{bottom: 20rem;	}
     a.btn-top span{font-size: 10rem;}

     .quick{right: 26rem; }
     .quick li a{width: 42rem; height: 42rem;}
     .quick li a:not(.btn-top) img{width: 19rem;}     
 
     .quick,
     .quick.fixed.active{bottom: 30rem;}
}