@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{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;}

/* scroll set */
::selection{background: #24718D;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;}
}

/* **************************************** *
 * HEADER
 * **************************************** */
 #header{position: fixed; z-index:51;width:100%;padding: 23rem 0 24rem;transition: background-color .4s, padding .4s, border-bottom-color .3s, position .3s, transform .4s;/* transform:translateY(-100rem); */background-color: transparent;border-bottom: 1px solid transparent;}
 #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:space-between;align-items:center;margin: 0 87rem;position: relative;}

#logo{position:relative; z-index:81;}
#logo a{display:block;width: 136rem;height: 34rem;background-size: 100%;background-position:50% 50%;background-repeat:no-repeat;background-image:url(../img/layout/logo_b.svg);}
#logo img{height:100%;}

#header.on{background-color: #fff;padding:20rem 0;border-bottom-color: #eee; }

/* global btn */
.lang-menu{gap:10rem;position: absolute;left: 158rem;z-index: 1;}
.lang-menu a{opacity: 0.5 !important;color:#fff;font-weight: 800;}
.lang-menu li.on a{opacity: 1 !important;}
.lang-menu .select-link{/* width: 60rem; */width: 72rem;height: 32rem;display: flex;justify-content: space-between;border-radius: 90rem;border: 1px solid var(--bd-01)}
.lang-menu img{height:24rem;}
.lang-menu i{ color: #737373;}
.lang-menu .select-link__btn::after{display:none;background-image: url(../img/board/arrow-select.svg);position: relative;background-size: 12rem;}
.lang-menu .select-link__btn{display:flex;justify-content: space-between;width: 100%;padding: 0 13rem;}
.lang-menu .select-link > ul a{padding:3rem 15rem; font-size:11rem; text-align:center;}
.lnag-menu__icon{width: 35rem;height: 35rem;background-position:50% 50%;background-image:url(../img/common/ic-lang_w.svg);background-repeat:no-repeat;}
.lang-menu .select-link__btn svg{/* width: 8rem; */}

#header:is(.color-on, .on) .lang-menu a{color:#aaa;}
#header:is(.color-on, .on) .lang-menu li.on a{color:var(--c-01);}
#header:is(.color-on, .on) .lnag-menu__icon{background-image:url(../img/common/ic-lang.svg);}
/* #header:is(.color-on, .on) .lang-menu i{color: var(--b-01);} */
#header:is(.color-on, .on) .lang-menu .select-link__btn::after{background-image: url(../img/board/arrow-select.svg);}

/* basic gnb */
.gnb-container{display:inline-block;}
.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;position: relative;/* top: 10rem; */background: var(--bg-01);border-radius: 90rem;display: flex;gap: 45rem;padding: 0 58rem;}
#gnb .gnb-item{display:inline-block;position:relative;transition:var(--trans-01);}
#gnb .gnb-item:last-child:after{background:none;}
#gnb .gnb-item > a{display:inline-block;padding:16.1rem 0;font-weight: 800;color: #333333;font-size: 16rem;transition:var(--trans-01);letter-spacing: -0.2rem;}
#gnb .gnb-item .sub-menu > li.on > a{color: var(--c-01) !important; }
#gnb .gnb-item > a.on{color: var(--c-01) !important;}
.gnb-container-wrap .btn-basic{padding: 20rem 38rem; margin-left: 12rem;}

.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:is(.color-on, .on) #logo a{background-image:url(../img/layout/logo.png);background-size: 100%;} */
#header.color-on .gnb-full-cover{opacity:1;visibility:visible;height: 750rem;}
#header:is(.color-on, .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;background: var(--b-01);width: 50rem;height: 50rem;align-items: center;}
.gnb-mobile-btn span{display:block;position:relative;width: 21rem;height: 2px;background: var(--f-01);transition:all 0.4s ease;}
.gnb-mobile-btn .inner{display:grid;width: 21rem;height: 9rem;align-content:space-between;}
.gnb-mobile{position:fixed;opacity:0;visibility:hidden;overflow:hidden;top:0;right: 0;width:100%;height:100vh;background: rgb(41 41 41 / 30%);backdrop-filter: blur(4px);transition: var(--trans-03);overflow-y: scroll;padding: 10rem 20rem;pointer-events: inherit;will-change: opacity,backdrop-filter;}
.gnb-mobile:has(.menu--st01){max-width: 550rem;}
.gnb-mobile-btn.active span:nth-child(1){top: 5rem;transform:rotate(45deg);left: 7rem;}
.gnb-mobile-btn.active span:nth-child(2){transform:rotate(-45deg);left: 7rem;top: -2rem;}
.gnb-mobile-btn.active span{/* background:#222; */}
.gnb-mobile.active{opacity:1; visibility:visible;}
/* .gnb-mobile--wrap{transition: var(--trans-03);  position: relative;background: #fff;width: 100%;border-radius: 16rem;padding-top: 80rem;} */
.gnb-mobile--wrap{
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s cubic-bezier(0.33,1,0.68,1),visibility 0.3s cubic-bezier(0.33,1,0.68,1);
    transition: all 0.3s cubic-bezier(0.33,1,0.68,1),visibility 0.3s cubic-bezier(0.33,1,0.68,1);
    height: 80rem;
    background: #fff;
    border-radius: 10rem;
    padding-bottom: 30rem;
    }
.gnb-mobile-menu .gnb-item > a{display: flex;align-items:center;position:relative;font-weight:700;font-size: 16rem;color: var(--b-02);/* flex: 1; */width: 100%;justify-content: space-between;padding: 20rem 0 0;border-radius: 10rem;}
.gnb-mobile-menu{position:relative;width:100%;box-sizing:border-box;padding: 109rem 40rem 0;text-align:center;overflow: auto;border-radius: var(--br-03);/* background-color: var(--bg-01); */}
.gnb-mobile-menu .gnb-item:not(:first-child){margin-top: 10rem;}
.gnb-mobile-menu .sub-menu{display:none;margin-top:22rem;background: #fff;padding: 24rem;border-radius: 10rem;}
.gnb-mobile-menu .sub-menu li a.on{color: var(--c-01);}
.gnb-mobile-menu .gnb-item.active{/* padding-bottom:15rem; */}
.gnb-mobile-menu .sub-menu li a{font-size:16rem;display: block;text-align: left;color: var(--b-02);}
.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:relative;right:0;width: 26rem;height: 26rem;/* margin-left: 22rem; */background: url(../img/board/arrow-select.svg) no-repeat 50% 50%;/* transform: rotate(90deg); */background-size: 13rem;opacity: 0.6;}
.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-sns{justify-content: center; gap: 30rem; align-items: center;}
.gnb-mobile-sns path{fill:#d5d5d5;}
.gnb-mobile-sns .instagram svg{height: 24rem;}
.gnb-mobile__copy{position:absolute; opacity:0.7; color: var(--f-01); 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); /*  */background: var(--bg-01);border-radius: 10rem;padding: 0 20rem 20rem;}
.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;}

.mobile-qna{padding: 40rem;}
.mobile-qna-btn{opacity: 0;transform: translateY(-10rem);transition: var(--trans-03);width: 100%;display: flex;background-color: var(--b-01);color:var(--f-01);align-items: center;justify-content: center;font-size: 15rem;font-weight: 700;height: 65rem;border-radius: 8rem;}

#header.color-on .mobile-qna-btn{opacity: 1; transform: translateY(0);}
.gnb-mobile.active .gnb-mobile--wrap{pointer-events: initial; visibility: visible; opacity: 1; height: auto;}


/* 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:1600px){
    .header-inner{margin: 0 36rem;}
}

@media (max-width:1480px){
	#gnb .gnb-item > a{}
    .gnb-container-wrap .btn-basic{padding: 20rem;}
}

@media (max-width:1200px){

}

@media (min-width: 1024px){
	#gnb .gnb-item .sub-menu{display:none;position:absolute;opacity: 0;visibility: hidden;top: 50rem;left:50%;min-width:140rem;padding:8rem 17rem;background: rgba(255,255,255,0.5);border-radius: 10rem;box-shadow: 15rem 20rem 29rem 0rem rgb(95 94 94 / 23%);transition:all 0.4s ease-out;transition-property: opacity, transform, visibility;transition-delay:0s, 0s, 0s;transform: translate(-50%,-20rem);backdrop-filter: blur(12px);}
	#gnb .gnb-item .sub-menu{display:block; transition-delay:0.1s;}	
	#gnb .gnb-item .sub-menu > li > a{display:block;font-size: 16rem;position:relative;font-family: var(--lang-ko);padding:10rem 0rem;border-top: 1rem solid rgba(255,255,255,0.4);color: #555;font-weight: 600;text-align:left;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:1023px){	

    body{
        -ms-overflow-style: none;
        }
        
       ::-webkit-scrollbar {
         display: none;
       }
     
	#header{padding: 20rem 0 20rem;}
	#header .gnb-full-cover,
	#header::before{display:none;}
	#header:not(:has(.gnb-mobile-menu.menu--st01)).color-on #logo a{background-size:100%; background-image:url(../img/layout/logo.png);}

    #logo a{width: 122rem;}
    .lang-menu{left: 140rem;}

	.gnb-container-wrap{display:none;}
	.gnb-mobile-btn{display:flex;transition: var(--trans-01);border-radius: 100rem;align-items: center;justify-content: center;}
	.gnb-mobile-btn.active .inner{width:35rem;}
	/* .gnb-mobile-btn.active{top: 0; right: 20rem;} */

	.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: 50rem;} */
	/* .lang-menu .select-link{width:50rem;} */
}
@media all and (max-width:860px){	
    .gnb-mobile-btn.active{right: 0;}
    .gnb-mobile{padding: 10rem;}
}
@media (max-width: 540px){
	#header{padding: 20rem 0 14rem}
	#header.color-on #logo a, .scroll-hide #logo a{background-image: url(../img/layout/logo.png) !important;}
    .header-inner{margin: 0 20rem;}
	#logo a{width: 100rem;height:30rem;background-size: 100%;}

	/* .gnb-mobile-menu{top:19vh;padding-bottom: 7vh;} */
	.gnb-mobile-btn .inner{width: 16rem;height:8rem;}
    .gnb-mobile-btn span{width: 16rem;}
	.gnb-mobile-btn.active .inner{width:26rem;}
    .gnb-mobile-btn.active span:nth-child(2){left: 5rem;}
	.gnb-mobile-btn.active span:nth-child(1){top: 4rem; left: 5rem;}
	.gnb-mobile-menu .gnb-item:not(:first-child){margin-top: 8rem;}
    .gnb-mobile-menu .gnb-item > a{font-size: 15rem;}
	/* .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:15rem;}
	.gnb-mobile-menu .sub-menu li:not(:first-child){margin-top:9rem;}	
	.gnb-mobile-menu .sub-menu{display:none; margin-top:18rem; padding: 20rem;}

	.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: 30rem;margin-top: -1rem;} */
    .lang-menu{left: 115rem;}
	.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 i{font-size: 12rem;}

    .gnb-mobile-menu{padding: 74rem 20rem 20rem}
    .mobile-qna{padding:10rem 20rem 10rem}
    .mobile-qna-btn{border-radius: 10rem; height: 54rem;}
    .gnb-mobile-btn{width: 40rem; height: 40rem;}
    .gnb-mobile-sns{margin-top: 18rem;}
    .gnb-mobile-sns .instagram svg{height: 18rem;}
    .gnb-mobile-sns .blog svg{height: 17rem;}
    .gnb-mobile-menu .gnb-item > a{padding-top: 14rem;}
    .gnb-mobile-menu .gnb-item{padding: 0 14rem 14rem;}
   

    #header.on{padding: 16rem 0;}

}

/* **************************************** *
 * 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.active .gnb-item:nth-child(8){transition-delay:800ms;} 

 .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:is(.color-on, .on) .gnb-full-btn .text{color:var(--b-01);}
 .gnb-full-btn.active .gnb-full-icon > span,
 #header:is(.color-on, .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.png);}
  
@media (max-width:1023px){
	.gnb-full-btn-wrap{display: none;}
}

/* **************************************** *
 * footer
 * **************************************** */
#footer *{color:#fff;}

#footer{position:relative;z-index: 50;background-size:cover;padding: 0rem 0rem 28rem;margin-top: 115rem;}
#footer address{margin-top: 40rem;font-family: var(--lang-ko);font-size: 16rem;font-weight: 300;}
#footer address p span{display:inline;margin-right: 15rem;color: #ddd;}
#footer .swiper-slide{background-color: transparent;align-items: center;}
#footer .swiper-slide a,
#footer .swiper-slide i{opacity: 0.7; /* display: flex; justify-content: space-between; align-items: center; */}
#footer .swiper-slide *{}
#footer .swiper-wrapper{height: 87rem; /* overflow: hidden; */ flex-direction: column; justify-content: center;}
#footer .swiper-wrapper .empty_li{opacity: 0.67;}
#footer .new_icon{display: none;}
.footer-notice__wrap{align-items: center;}
.footer-notice__wrap > span{min-width: 174rem;}
.footer-notice__wrap > .footer-swiper{flex: 1;}
.footer-swiper{overflow: hidden;}

.footer-info{position: relative;}
.footer-info__detail{padding: 74rem 0 32rem;}
.footer-info__detail .point-title{margin-bottom: 35rem;}
.footer-info__detail address strong{display: block; font-size: 15rem; font-weight: 700; margin-bottom: 11rem;}
.footer-info__detail address span{font-size: 15rem; opacity: 0.7; line-height:1.6 ; font-weight: 300;}
.footer-info__detail address span + span{position: relative; margin-left: 19rem;}
.footer-info__detail address span + span::before{content: ""; width: 1px; height: 12rem; background: rgba(255,255,255,0.3); position: absolute; left: -11rem; top: 4rem;}
.footer{background-color: var(--b-01); border-radius: var(--br-03); overflow: hidden;}
.footer-notice{border-bottom: 1px solid var(--bd-02);}
.footer-menu{padding:33rem 0rem;border-bottom: 1px solid rgba(255,255,255,0.1);}
.footer-menu a{font-size:15rem;transition: all 0.3s ease;}
.footer-menu li{margin-right:30rem;}
.footer-info__sns li{border-left: 1px solid var(--bd-02); cursor: pointer; transition: var(--trans-03); flex: 1; flex-direction: column; align-items: center; justify-content: center; display: flex;}
.footer-info__sns li:hover{background-color: #1a1a1a;}
.footer-info__sns{width: 61%; position: absolute;right: 0;top: 0;z-index: 1;height: 100%; }
.footer-info__sns .sns-link{display: inline-flex;align-items: center;justify-content: center;border-radius: 90rem;padding:0 16rem;border:1px solid var(--f-01);height: 27rem;gap: 6rem;}
.sns-link svg{width: 10rem !important; height: 10rem !important;}
.sns-link span{font-weight: 400;}
.sns-mark{display: block; max-height: 34rem; margin-bottom: 26rem;}
.copyright{margin-top: 11rem; font-size:12rem;}
.footer-info__list{gap: 27rem; margin-top: 99rem;}
.footer-info__list a{font-size: 14rem;}

@media (hover: hover) and (pointe1r: fine){
	.footer-menu a:hover{opacity:0.6;}
}

/* footer sitemap */
.footer-gnb{padding:50rem 0rem;}
.footer-gnb__menu{display:flex;text-align: left;gap:55rem;}
.footer-gnb__menu .gnb-item >  a{display:block;margin-bottom:20rem;font-weight:600;font-size: 18rem;}
.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;}

@media (max-width:1600px){
    .footer-info__sns{width: 56%;}
}
@media all and (max-width:1200px){
    .footer-info__sns{width: 48%;}
    .sns-mark{margin-bottom: 14rem;}
    .sns-mark svg{width: 30rem; height: 30rem;}
    .footer-info__detail{padding: 32rem 0;}
    .footer-info__list{margin-top:60rem;}
}

@media all and (max-width:1023px){
    #footer{margin-top: 95rem;}
    .footer-info__sns li{border-left: 0; border-bottom: 1px solid var(--bd-02);}
    .footer-info__sns .sns-link{display: none;}
    .footer-info__sns{flex-direction: column; width: 180rem; border-left: 1px solid var(--bd-02);}
    .sns-mark{margin-bottom: 0; display:flex; align-items: center;}
}
@media (max-width:860px){
    #footer{margin-top: 90rem;}
    .footer-notice__wrap > span{min-width: 150rem;}
    .footer-notice__wrap *{font-size: 14rem;}
    .footer-info__sns{width: 148rem;}
    .sns-mark svg{height: 25rem; height: 25rem;}
    #footer .swiper-slide a{
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: keep-all;
        font-weight: 300;
        font-size: 14rem;
        } 
    #footer .swiper-slide i{min-width: 100rem; text-align: right;}
}
@media (max-width: 540px){
	#footer{margin-top: 64rem;background-position:0 0;}
	#footer address{margin-top:26rem;font-size: 14rem;}
	#footer address p span{margin-right:11rem;}
    .footer-info__detail address strong,.footer-info__detail address span{font-size: 14rem; display: block;}
    .footer-info__detail address br{display: none;}
    .footer-info__detail address span + span{margin-left: 0;}
    .footer-info__detail address span + span::before{display: none;}
    .footer-info__list a{font-size: 13rem;}
    .footer-info__list{margin-top: 80rem;}
    .footer-info__sns{width: 100%; flex-direction: row; gap: 18rem; height: 16rem; padding-left: 20rem; top: inherit; bottom: 73rem;}
    .footer-info__sns li{flex: none; display: block;}

    .sns-mark{max-height: inherit;}
    .sns-mark svg{height: 16rem; width: auto;}

    .footer-notice__wrap{display: block; padding: 14rem 0;}
    .footer-notice__wrap > span{width: 100%;font-size: 13rem;display: block;display: none;}
    #footer .swiper-wrapper{height: 48rem;}
   
    #footer .swiper-slide  i{font-size: 12rem; min-width: 82rem;}
	#footer{padding:0 !important; border-bottom-left-radius:0; border-bottom-right-radius:0;}
	#footer .wrap-wide{margin: 0;}
}

/* **************************************** *
 * SCROLL TOP
 * **************************************** */
a.btn-top{display:flex;align-items:center;position: fixed;bottom: 50rem;right:50rem;font-family:var(--lang-en);font-size: 12rem;flex-direction:column;align-content:center;visibility: hidden;opacity: 0;transition: var(--trans-01);background: var(--b-01);bottom: 50rem;width: 70rem;height: 70rem;justify-content: center;border-radius: 100%;font-weight: 700;}
a.btn-top i{position:relative; margin-bottom:10rem;}
a.btn-top.fixed.active{position:fixed;opacity:1;visibility:visible;top:auto;bottom:50rem;}
a.btn-top.active{position:absolute; opacity:1; visibility:visible; top:0rem;}
a.btn-top::before{content:"";display:block;height:10rem;margin-bottom:5rem;background:url(../img/common/arrow-basic_w.svg) no-repeat 50% 50%;transform: rotate(270deg);min-width:11rem;}

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