@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
 * **************************************** */
html{scrollbar-gutter:stable;}
body{overflow-x:hidden; overflow-y:overlay;}
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.fixed{overflow:hidden; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}*/

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

a.btn-adm{padding:5rem 14rem;background:var(--c-primary);font-size:14rem;color:#fff;border-radius:30rem;position: absolute;left: 0;bottom: -29rem;}

/* 드레그 컬러 세팅 */
::selection{background: var(--c-primary); color:#fff;}

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

/* **************************************** *
 * HEADER
 * **************************************** */
#header{--hd-fg:var(--w); --hd-off:var(--op-w30); position: fixed;z-index:51;width:100%;padding: 29rem 0;transition: background-color .4s, padding .4s, transform .4s;background-color: transparent;}
#header:is(.color-on, .on), #header:has(#site-map.active), body:not(:has(#main)) #header{--hd-fg:var(--b-title); --hd-off:var(--op-t30);}
#header.on, body:not(:has(#main)) #header{background-color:var(--w);}
#header.hide{transform: translateY(-100%) !important;}

/* === 헤더 리빌 === */
#header[data-header="reveal"]{position:absolute; top:0; left:0;}
#header.is-fixed{position:fixed;}
#header.no-trans{transition:none !important;}

#header h1{font-size:0;}
#header:has(#site-map.active){position:fixed; top:0; transform:none !important;}

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

.header-inner{display:flex;justify-content:space-between;align-items:center;}

#logo{position:relative; z-index:81;}
#logo a{display:block;width: 119rem;height: 42rem;background-size: contain;background-position:50% 50%;background-repeat:no-repeat;background-image:url(../img/layout/logo_w.svg);}
#logo img{height:47rem;}

/* global btn */
.member-menu{display:none;}
.lang-menu{margin-left:auto;}
.lang-menu__list{display:flex; align-items:center;}
.lang-menu li{display:flex; align-items:center;}
.lang-menu li + li::before{content:""; width:1px; height:12rem; margin:0 10rem; background:var(--hd-off);}
.lang-menu a{color:var(--hd-off);}
.lang-menu li.on a{color:var(--c-secondary);}

/* basic gnb */
.gnb-container{display:inline-block;}
.gnb-container-wrap{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.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{display:flex; justify-content:center; align-items:center; text-align:center;position: relative;}
#gnb .gnb-item{display:inline-block;position:relative;padding: 0 25rem;transition:var(--trans-01);}
#gnb .gnb-item:last-child:after{background:none;}
#gnb .gnb-item > a{display:inline-block;padding:36rem 0;font-weight:600;color:var(--hd-fg);font-size:var(--default);transition:var(--trans-01);}
#gnb .gnb-item .sub-menu > li.on > a{color: var(--c-primary) !important;font-weight: 700 !important;}
#gnb .gnb-item > a.on{color: var(--c-primary) !important;}

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

/* full gnb */
#gnb.gnb-full{top: 0;}
#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:3rem; background:var(--c-primary); 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:is(.color-on, .on) #logo a, body:not(:has(#main)) #header #logo a{background-image:url(../img/layout/logo.svg);}
#header.color-on .gnb-full-cover{opacity:1;visibility:visible;height: 750rem;}

/* 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_prev(이전으로)를 쓴다. opacity:0 은 보이지 않으면서 클릭·탭 이동이 되는 유령 링크를 남겨 display:none 으로 바꿈 */
.btn_close{display:none;}

/* **************************************** *
 * 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:3rem; 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:100%;height:100vh;background:#fff;transition:all 0.3s ease;overflow-y: scroll;}
.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:#222;}
.gnb-mobile.active{opacity:1; visibility:visible;}
.gnb-mobile-menu .gnb-item > a{display:inline-flex;align-items:center;position:relative;font-weight:700;font-size:27rem;color: var(--b-01);}
.gnb-mobile-menu{position:absolute;top:20vh;width:100%;box-sizing:border-box;padding:0rem 30rem;text-align:center;overflow: auto;}
.gnb-mobile-menu .gnb-item:not(:first-child){margin-top: 30rem;}
.gnb-mobile-menu .sub-menu{display:none; margin-top:22rem;}
.gnb-mobile-menu .sub-menu li a.on{color: var(--c-primary);}
.gnb-mobile-menu .gnb-item.active{padding-bottom:15rem;}
.gnb-mobile-menu .sub-menu li a{font-size:18rem;display: block;}
.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: -30rem;width: 26rem;height: 26rem;/* margin-left: 22rem; */background: url(../img/board/arrow-select.svg) no-repeat 50% 50%;/* transform: rotate(90deg); */background-size: 16rem;}
.gnb-mobile-menu .gnb-item.active:has(li:nth-child(2)) > a::after{transform: rotate(180deg);}
.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:800; text-align:center;}
.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;}
.gnb-mobile.active  .gnb-item:nth-child(8){transition-delay:800ms;}

/* 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-primary);}
.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:1480px){
	#gnb .gnb-item > a{}
}

@media (max-width:1200px){

}

@media (min-width: 1024px){
	#gnb .gnb-item .sub-menu{display:block;position:absolute;opacity:0;visibility:hidden;top:100%;left:50%;min-width:100%;width:max-content;padding:10rem 0;background:var(--w);border:1px solid var(--br-default);box-shadow:0 10rem 30rem var(--op-t10);transition:all 0.4s ease-out;transition-property: opacity, transform, visibility;transition-delay:0.1s, 0s, 0s;transform: translate(-50%, -20rem);}
	#gnb .gnb-item .sub-menu > li > a{display:block;position:relative; font-family: var(--lang-ko); padding:9rem 24rem;font-size:var(--font-15);font-weight:600;color:var(--b-title);white-space:nowrap;text-align:center;transition:var(--trans-01);}
	#gnb .gnb-item .sub-menu > li > a:hover{color:var(--c-primary);}
	#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:1023px){
	#header{padding: 22rem 0;}
	#header .gnb-full-cover,
	#header::before{display:none;}
	#logo a{width:99rem; height:35rem;}
	#header:not(:has(.gnb-mobile-menu.menu--st01)).color-on #logo a{background-image:url(../img/layout/logo.svg);}

	.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: -13rem;}	
	.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;}

}

@media (max-width: 540px){
	#header{padding: 16rem 0;}
	#header.color-on #logo a, .scroll-hide #logo a{background-image: url(../img/layout/logo.svg) !important;}
	#logo a{width: 85rem;height:30rem;}

	.gnb-mobile-menu{top:19vh;padding-bottom: 7vh;}
	.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:not(:first-child){margin-top: 19rem;}
	.gnb-mobile-menu .gnb-item > a{font-weight: 700;font-size:21rem;}
	.gnb-mobile-menu .gnb-item > a::after{width: 18rem;height: 18rem;background-size: 12rem;margin-left: 8rem;right: -23rem;}
	.gnb-mobile-menu .sub-menu li a{font-size:16rem;}
	.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;}
	.gnb-mobile-menu.menu--st01 .gnb-item:not(:first-child){margin-top:19rem;}
	.gnb-mobile-menu .gnb-item.active{padding-bottom:12rem;}
}

/* **************************************** *
 * full page gnb site map 
 * **************************************** */
 #site-map{position:fixed;opacity:0;visibility:hidden;top:0;left:0;z-index:51;display:flex;justify-content:flex-end;align-items:stretch;width:100%;height:100vh;overflow:hidden;background:var(--op-t60);transition: none;transition-delay:0.1s;}
 #site-map.active{opacity:1;visibility:visible;transition-delay:0s;transition: all 0.5s ease;}
 #site-map.active .gnb-item{opacity:1;transform:translateY(0rem);transition: all 0.7s ease;}
 #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.active .gnb-item:nth-child(8){transition-delay:800ms;} 


 .gnb-full-icon{position:relative; width:40rem; height:40rem;}
 .gnb-full-icon > span{display:block; position:absolute; left:0; width:100%; height:1px; background:var(--hd-fg); transition:all 0.3s;}
 .gnb-full-btn .border-01{top:calc(50% - 4rem);}
 .gnb-full-btn .border-02{display:none;}
 .gnb-full-btn .border-03{top:calc(50% + 4rem);}
 .gnb-full-btn .text{display:none;}
 .gnb-full-btn.active .border-01{transform:translateY(4rem) rotate(45deg);}
 .gnb-full-btn.active .border-03{transform:translateY(-4rem) rotate(-45deg);}
 .gnb-full-btn-wrap{position:relative; z-index:100; margin-left:30rem;}
 .gnb-full-btn.active .gnb-full-icon > span{background:var(--w);}
 #header:has(#site-map.active) .lang-menu{visibility:hidden;}
 .gnb-full-btn{display:flex;align-items:center;flex-direction:column;cursor: pointer;}

/* === 닫기버튼 코너 고정 === */
 .gnb-full-btn-wrap--fixed{width:30rem;}
 .gnb-full-btn-wrap--fixed:has(.gnb-full-btn.active) .gnb-full-btn{position:fixed; right:40rem; top:40rem; z-index:100;}

.site-map-inner{display:flex; align-items:flex-start; width:760rem; max-width:100%; height:100%; padding:179rem 50rem 0; overflow-y:auto; background:var(--bg-default); transform:translateX(100%); transition:transform 0.5s ease;}
#site-map.active .site-map-inner{transform:translateX(0);}
.site-map-list{display:flex; flex-direction:column; align-items:stretch; gap:60rem; width:100%; counter-reset:site-map;}
.site-map-list .gnb-item{position:relative; display:flex; flex-direction:row; align-items:center; gap:42rem; padding-right:40rem; opacity:0; transform:translateY(30rem); counter-increment:site-map;}
.site-map-list .gnb-item + .gnb-item::before{content:""; position:absolute; top:-30rem; left:0; width:100%; height:1px; background:var(--op-w10);}
.site-map-list .gnb-item::after{content:counter(site-map, upper-roman); position:absolute; top:50%; right:0; transform:translateY(-50%); font-family:var(--lang-en); font-size:var(--font-12); font-weight:600; line-height:1.35; color:var(--op-w30);}
.site-map-list .gnb-item > a{flex-shrink:0; font-size:var(--font-36); font-weight:700; line-height:1.3; letter-spacing:-0.02em; white-space:nowrap; color:var(--w);}
.site-map-list .sub-menu{display:flex; flex-wrap:wrap; align-items:flex-start; column-gap:30rem;}
.site-map-list .sub-menu a{display:inline-block; padding:0; white-space:nowrap; color:var(--op-w40); transition:var(--trans-01);}
.site-map-list .sub-menu li.on > a, .site-map-list .sub-menu a.on{color:var(--w); font-weight:600;}

@media (hover:hover){
	.site-map-list .sub-menu a:hover{color:var(--w); font-weight:600;}
}

@media (max-width:1480px){
	.site-map-inner{width:700rem; padding:150rem 40rem 0;}
	.site-map-list{gap:56rem;}
	.site-map-list .gnb-item{gap:36rem; padding-right:36rem;}
	.site-map-list .gnb-item + .gnb-item::before{top:-28rem;}
	.site-map-list .sub-menu{column-gap:28rem;}
}

@media (max-width:1200px){
	.site-map-inner{width:640rem; padding:130rem 40rem 0;}
	.site-map-list{gap:52rem;}
	.site-map-list .gnb-item{gap:32rem;}
	.site-map-list .gnb-item + .gnb-item::before{top:-26rem;}
	.site-map-list .sub-menu{column-gap:24rem;}
}

@media (max-width:1023px){
	.gnb-full-btn-wrap{margin-left:20rem;}
	.gnb-full-icon{width:max(44px, 32rem); height:max(44px, 32rem);}
	body:has(.gnb-full-btn-wrap) .gnb-mobile-btn{display:none;}
	.site-map-inner{width:100%; padding:120rem 40rem 40rem;}
	.site-map-list{gap:48rem;}
	.site-map-list .gnb-item{flex-direction:column; align-items:flex-start; gap:12rem; padding-right:36rem;}
	.site-map-list .gnb-item + .gnb-item::before{top:-24rem;}
	.site-map-list .gnb-item > a{display:inline-flex; align-items:center; min-height:44px;}
	.site-map-list .sub-menu{column-gap:24rem;}
	.site-map-list .sub-menu a{display:inline-flex; align-items:center; min-height:44px;}
}

@media (max-width:860px){
	.site-map-inner{padding:110rem 30rem 30rem;}
	.site-map-list{gap:44rem;}
	.site-map-list .gnb-item + .gnb-item::before{top:-22rem;}
	.site-map-list .sub-menu{column-gap:22rem;}
}

@media (max-width:540px){
	.gnb-full-btn-wrap{margin-left:15rem;}
	.gnb-full-icon{width:max(44px, 28rem); height:max(44px, 28rem);}
	.site-map-inner{padding:90rem 20rem 20rem;}
	.site-map-list{gap:40rem;}
	.site-map-list .gnb-item{gap:8rem; padding-right:30rem;}
	.site-map-list .gnb-item + .gnb-item::before{top:-20rem;}
	.site-map-list .sub-menu{column-gap:20rem;}
	.gnb-full-btn-wrap--fixed:has(.gnb-full-btn.active) .gnb-full-btn{right:20rem; top:23rem;}
}

/* **************************************** *
 * footer
 * **************************************** */
#footer{position:relative; z-index:50; overflow:hidden; background:var(--bg-default); color:var(--w);}
:where(#footer) a{color:inherit;}

.footer-inner{display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); align-items:stretch;}

.footer-left{display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; padding:60rem 0;}
.footer-policy{display:flex; flex-wrap:wrap; align-items:center; gap:30rem;}

.footer-right{border-left:1px solid var(--op-w10);}
.footer-nav{display:flex; align-items:flex-start; gap:120rem; padding:60rem;}
.footer-col{display:flex; flex-direction:column; align-items:flex-start; gap:15rem;}
.footer-nav > .footer-col:first-child{width:73rem;}
.footer-gnb__menu, .footer-sns{display:flex; flex-direction:column; align-items:flex-start; gap:10rem;}
.footer-gnb__menu .sub-menu, .footer-gnb__menu .sub-menu-depth{display:none;}

.footer-contact{position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:15rem; padding:60rem;}
.footer-contact::before{content:""; position:absolute; top:0; left:0; width:100vw; height:1px; background:var(--op-w10);}
.footer-contact a{text-decoration:underline; overflow-wrap:anywhere;}

.footer-info{padding:30rem 0; border-top:1px solid var(--op-w10);}
.footer-info address{display:flex; flex-direction:column; align-items:flex-start; gap:6rem;}
.footer-info address p{display:flex; flex-wrap:wrap; align-items:center; gap:6rem 20rem;}
.footer-copyright{margin-top:12rem;}

@media (hover: hover) and (pointer: fine){
	.footer-nav a, .footer-policy a, .footer-contact a{transition:var(--trans-01);}
	.footer-nav a:hover, .footer-policy a:hover{opacity:0.6;}
	.footer-contact a:hover{opacity:0.7;}
}

@media (max-width:1200px){
	.footer-nav{gap:100rem; padding:50rem;}
	.footer-contact{padding:50rem;}
	.footer-left{padding:50rem 0;}
}

@media (max-width:1023px){
	.footer-inner{grid-template-columns:minmax(0, 1fr);}
	.footer-left{gap:60rem; padding:50rem 0 40rem;}
	.footer-right{border-left:0; border-top:1px solid var(--op-w10);}
	.footer-nav{gap:80rem; padding:40rem 0;}
	.footer-contact{padding:40rem 0; border-top:1px solid var(--op-w10);}
	.footer-contact::before{display:none;}
}

@media (max-width:860px){
	.footer-nav{gap:60rem;}
}

@media (max-width:540px){
	.footer-left{gap:40rem; padding:40rem 0 30rem;}
	.footer-policy{gap:12rem 20rem;}
	.footer-nav{gap:48rem; padding:30rem 0;}
	.footer-contact{padding:30rem 0;}
	.footer-info{padding:24rem 0;}
	.footer-col, .footer-contact{gap:12rem;}
	.footer-gnb__menu, .footer-sns{gap:8rem;}
	.footer-info address{gap:4rem;}
	.footer-info address p{gap:4rem 16rem;}
	.footer-copyright{margin-top:8rem;}
	.lang-menu li + li::before{margin:0 8rem;}
}

/* **************************************** *
 * SCROLL TOP
 * **************************************** */
.btn-top-wrap{position:absolute; top:70rem; right:0; visibility:hidden; opacity:0; transition:var(--trans-01);}
.btn-top-wrap.fixed{position:fixed; top:auto; right:50rem; bottom:50rem;}
.btn-top-wrap.active{opacity:1; visibility:visible;}
a.btn-top{display:flex; align-items:center; justify-content:center; width:70rem; height:70rem; background:var(--bg-default); border:1px solid var(--op-w10); border-radius:50%; transition:var(--trans-01);}
a.btn-top::before{content:""; width:13.3137rem; height:15rem; background:url(../img/layout/ic-top.svg) no-repeat 50% 50%; background-size:contain;}

@media (hover: hover) and (pointer: fine){
	a.btn-top:hover{border-color:var(--op-w40);}
}

@media (max-width:1023px){
	.btn-top-wrap{top:40rem;}
	.btn-top-wrap.fixed{right:30rem; bottom:30rem;}
}

@media (max-width:540px){
	.btn-top-wrap.fixed{right:20rem; bottom:20rem;}
	a.btn-top{width:56rem; height:56rem;}
}