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

.intro-none .intro{display: none !important;}

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: var(--c-01);color:#fff;}

/* 스크롤바 커스텀 */
*::-webkit-scrollbar{border-radius: 8rem; width:16rem;background-color:#f0f0f0;}
*::-webkit-scrollbar-thumb:hover{background-color: var(--c-01);}
::-webkit-scrollbar-thumb{border-radius: 8rem; background-color:#C1C1C1;}

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

/* **************************************** *
 * HEADER
 * **************************************** */
#header{position: fixed;z-index:100;width:100%; top: 0; padding: 20rem 0;transition: background-color .4s, padding .4s, border-bottom-color .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;padding: 0 60rem;}

#logo{position:relative; z-index:81; }
#logo a {display: inline-flex; flex-direction: row-reverse; align-items: center;}
#logo a span {display:block;width: 182rem;height: 60rem;background-size: 100%;background-position:50% 50%;background-repeat:no-repeat;background-image:url(../img/layout/logo_w.svg); transition: var(--trans-01);}
#logo i {width: 160rem; height: 40rem; margin-right: 15rem; background-size:contain;background-position:50% 50%;background-repeat:no-repeat;background-image:url(../img/layout/partner-logo_w.png); transition: var(--trans-01);}

#header.on{/*backdrop-filter: blur(50rem); -webkit-backdrop-filter: blur(50rem);*/ background-color: rgba(255, 255, 255, .7);padding:20rem 0;border-bottom-color: #eee;}

/* global btn */
.lang-menu{gap:10rem;}
.lang-menu a{opacity: 0.5 !important;color:#fff;font-weight: 800;}
.lang-menu li.on a{opacity: 1 !important;}
.lang-menu img{height:24rem;}
.lang-menu i{/* display:none; */color: var(--f-01);}
.lang-menu .select-link {width: auto;}
.lang-menu .select-link__btn::after{/*display:none;*/background-image: url(../img/board/arrow-select_w.svg);position: relative;background-size: 8rem;}
.lang-menu .select-link__btn{display:flex; justify-content:center; font-size: 14rem;}
.lang-menu .select-link > ul a{padding:3rem 15rem; font-size:13rem; text-align:center;}
.lnag-menu__icon{width: 22rem;height: 22rem; margin-right: 8rem; background-position:50% 50%;background-image:url(../img/common/ic-lang_w.svg);background-repeat:no-repeat; background-size: contain;}

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

#header:is(.color-on.on) .lnag-menu__icon{background-image:url(../img/common/ic-lang_w.svg) !important;}
#header:is(.color-on.on) .lang-menu i{color: var(--f-01) !important;}
#header:is(.color-on.on) .lang-menu .select-link__btn::after{background-image: url(../img/board/arrow-select_w.svg) !important;}

/* basic gnb */
.gnb-container{display:inline-block;}
.gnb-full-cover{backdrop-filter: blur(50rem); -webkit-backdrop-filter: blur(50rem); position:absolute; opacity:0; visibility:hidden; top:0; left:0; z-index:-1; width:100%; height:100%; background:rgba(36, 22, 14, .8); box-shadow:15rem 20rem 29rem 0rem rgba(0, 0, 0, 0.23); transition:var(--trans-01);}

#gnb{text-align:center;position: relative;/* top: 10rem; */}
#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{position: relative; display:inline-block; padding: 20rem 0; font-weight:600; color:var(--f-01); font-size:15rem; transition:var(--trans-01);}
#gnb .gnb-item > a span {position: relative; font-weight: 700;}
#gnb .gnb-item .sub-menu > li.on > a{opacity: 1; font-weight: 700;}
#gnb .gnb-item > a.on{color: var(--c-01) !important;}

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

/* full gnb */
#gnb.gnb-full .gnb-item {position: relative;}
#gnb.gnb-full .gnb-item::before {opacity: 0; visibility: hidden; position: absolute; left:0; top:-20rem; content:''; width: 100%; height: 350rem; background: #39261B;}
#gnb.gnb-full .gnb-item .sub-menu{top:80rem; padding:22rem 20rem; background:none; border:0; box-shadow:none; transition:none;}
#gnb.gnb-full .gnb-item .sub-menu > li > a{opacity: .5; padding:7rem 0rem; font-weight: 400; background:none; border:0; color:var(--f-01); text-align:center; word-break: keep-all;}
#gnb.gnb-full .gnb-item .sub-menu > li.on > a {opacity: 1; font-weight: 600;}
#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:-20rem; left:0; width:100%; height:1px; background:var(--f-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);}
#gnb.gnb-full .gnb-item:nth-child(4) li:nth-child(4) a {white-space: nowrap;}

#header.color-on::before{opacity:1;}
#header:is(.color-on, .color-on.on) #logo a span{background-image:url(../img/layout/logo_w.svg) !important;background-size: 100%;}
#header:is(.color-on, .color-on.on) #logo i {background-image:url(../img/layout/partner-logo_w.png) !important;}
#header.color-on .gnb-full-cover{opacity:1;visibility:visible;height: 350rem;}
#header:is(.color-on) .gnb-item:hover::before {opacity: 1; visibility: visible; transition: var(--trans-02); transition-delay: .1s;}
#header:is(.color-on, .color-on.on) #gnb .gnb-item > a{color:var(--f-01) !important;}
#header:is(.color-on) .gnb-item {min-width: 100rem; padding: 0 40rem;}
#header.color-on #gnb .gnb-item{/*padding: 0 35rem;*/}

#header:is(.on) #logo a span {background-image:url(../img/layout/logo.svg) !important;}
#header:is(.on) #logo i {background-image:url(../img/layout/partner-logo.png) !important;}
#header:is(.on) #gnb .gnb-item > a{color:var(--b-01) !important;}

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

#header[data-color="black"] #logo a span{background-image: url(../img/layout/logo.svg);}
#header[data-color="black"] #logo i {background-image: url(../img/layout/partner-logo.png);}
#header[data-color="black"] #gnb .gnb-item > a {color: var(--b-01);}
#header[data-color="black"] .lnag-menu__icon {background-image: url(../img/common/ic-lang.svg);}
#header[data-color="black"] .lang-menu i {color: var(--b-01);}
#header[data-color="black"] .lang-menu .select-link__btn::after {background-image: url(../img/board/arrow-select.svg);}

/* **************************************** *
 * 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:2px; background:#fff; transition:all 0.4s ease;}
.gnb-mobile-btn .inner{display:grid;width: 40rem;height: 10rem;align-content:space-between;}
.gnb-mobile{z-index: 31; backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); position:fixed;opacity:0;visibility:hidden;overflow:hidden;top:0;right: 0;width:100%;height:100vh;background:#24160e;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:#fff;}
.gnb-mobile.active{opacity:1; visibility:visible;}
.gnb-mobile-menu .gnb-item > a{display:inline-flex;align-items:center;position:relative;font-size:32rem;color: var(--f-01);}
.gnb-mobile-menu .gnb-item > a span {font-weight:700;}
#header:is(.color-on) .gnb-mobile-menu .gnb-item {padding-left: 0;}
.gnb-mobile-menu{position:absolute;top:17vh;width:100%;box-sizing:border-box;overflow: auto;}
#header:is(.color-on) .gnb-mobile-menu .gnb-item {padding: 0 40rem;}
#header:is(.color-on) .gnb-mobile-menu .gnb-item.active {padding: 40rem; background:#39261B;}
.gnb-mobile-menu .gnb-item:not(:first-child){margin-top: 40rem;}
.gnb-mobile-menu .sub-menu{display:none; margin-top:12rem;}
.gnb-mobile-menu .sub-menu li {display: inline-block; margin: 5rem 20rem; margin-left: 0 !important;}
.gnb-mobile-menu .sub-menu li a.on{opacity: 1; color: var(--c-01);}
.gnb-mobile-menu .gnb-item.active{padding-bottom:15rem;}
.gnb-mobile-menu .sub-menu li a{opacity: .5; font-size:18rem;display: block; color: var(--f-01);}
.gnb-mobile-menu .sub-menu li a:hover {opacity: 1;}
.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: -35rem;width: 26rem;height: 26rem;/* margin-left: 22rem; */background: url(../img/board/arrow-select_w.svg) no-repeat 50% 50%;/* transform: rotate(90deg); */background-size: 13rem;}
.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).active {transition-delay:100ms;}
.gnb-mobile.active  .gnb-item:nth-child(2).active{transition-delay:200ms;}
.gnb-mobile.active  .gnb-item:nth-child(3).active{transition-delay:300ms;}
.gnb-mobile.active  .gnb-item:nth-child(4).active{transition-delay:400ms;}
.gnb-mobile.active  .gnb-item:nth-child(5).active{transition-delay:500ms;}
.gnb-mobile.active  .gnb-item:nth-child(6).active{transition-delay:600ms;}
.gnb-mobile.active  .gnb-item:nth-child(7).active{transition-delay:700ms;}
.gnb-mobile.active  .gnb-item:nth-child(8).active{transition-delay:800ms;}

#header:is(.on) .gnb-mobile-btn span {background: var(--b-01);}

#header[data-color="black"] .gnb-mobile-btn span {background: var(--b-01);}

@media (max-width:1680px){
	.header-inner{padding: 0 40rem;}
	#header:is(.color-on) .gnb-item {padding: 0 30rem;}
	#header.color-on .gnb-full-cover{height: 385rem;}
	#gnb.gnb-full .gnb-item::before {height: 385rem;}
}

@media (max-width:1480px){
	#gnb .gnb-item {padding: 0 15rem;}
	#header:is(.color-on) .gnb-item {padding: 0 20rem;}
	#header.color-on .gnb-full-cover,
	#gnb.gnb-full .gnb-item::before {height: 400rem;}
	#gnb .gnb-item > a{}
}

@media (max-width:1280px){
	.header-inner {padding: 0 40rem;}
	#header:is(.color-on) .gnb-item {padding: 0 10rem;}
	#header.color-on .gnb-full-cover{opacity:1;visibility:visible;height: 380rem;}

	#logo a span{width: 160rem; height: 55rem;}
	#logo i {width: 130rem; height: 30rem; margin-right: 10rem;}
	
	#gnb .gnb-item {padding: 0 10rem;}
	#gnb.gnb-full .gnb-item::before {height: 380rem;}
}

@media (min-width: 1024px){
	#gnb .gnb-item .sub-menu{display:none;position:absolute;opacity:0;visibility:hidden;top: 35rem;right:0;width:100%;padding:8rem 17rem;background:#fff;border:1rem solid #444;box-shadow:15rem 20rem 29rem 0rem rgba(0, 0, 0, 0.23);transition:all 0.4s ease-out;transition-property: opacity, transform, visibility;transition-delay:0s, 0s, 0s;transform: translateY(-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:1rem solid #e1e1e1;color:#404040;text-align:left;transition:var(--trans-01);}
	#gnb .gnb-item .sub-menu > li > a:hover{opacity:01;}
	#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: translateY(0);}	
}

@media all and (max-width:1023px){	
	#header .gnb-full-cover,
	#header::before{display:none;}
	#header.on {padding: 15rem 0;}

	#logo a span {width: 165rem; height: 52rem;}

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

	.sub-menu-depth{display:none;}

	.lang-menu{position:absolute;right: 90rem;}
}

@media (max-width: 540px){
	#header{padding: 10rem 0;}
	#header.color-on #logo a span, .scroll-hide #logo a span{background-image: url(../img/layout/logo.svg) !important;}
	#header.color-on #logo i, .scroll-hide #logo i{background-image: url(../img/layout/partner-logo.png) !important;}
	.header-inner {padding: 0 20rem;}
	#header.on {padding: 10rem 0;}
	#logo a span{width: 110rem;height:35rem;}
	#logo i {width:86rem; height: 20rem; margin-right: 7rem;}

	.gnb-mobile-menu{top:17vh;padding-bottom: 7vh;}
	.gnb-mobile-btn .inner{width: 26rem;height: 8rem;}
	.gnb-mobile-btn.active .inner{width:26rem;}
	.gnb-mobile-btn.active span:nth-child(1){top: 6rem;}
	.gnb-mobile-menu .gnb-item:not(:first-child){margin-top: 27rem;}
	.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: 9rem;margin-left: 8rem;right: -23rem;}
	.gnb-mobile-menu .sub-menu li {margin: 5rem 15rem;}
	.gnb-mobile-menu .sub-menu li a{font-size:15rem;}
	.gnb-mobile-menu .sub-menu li:not(:first-child){margin-top: 7rem;}	
	.gnb-mobile-menu .sub-menu{display:none; margin-top:12rem;}

	#header:is(.color-on) .gnb-mobile-menu .gnb-item {padding: 0 20rem;}
	#header:is(.color-on) .gnb-mobile-menu .gnb-item.active {padding:30rem 20rem;}

	.lang-menu{right: 57rem;margin-top: -1rem;}
	.lang-menu .select-link__btn::after {width: 30rem; height: 30rem;}
	.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;}
	.lnag-menu__icon {width: 15rem; height: 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.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 span {background-size:100%; background-image:url(../img/layout/logo.svg);}
  #header:has(#site-map.active) #logo i {background-size:100%; background-image:url(../img/layout/partner-logo.png);}
  
@media (max-width:1023px){
	.gnb-full-btn-wrap{display: none;}
}

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

#footer {position:relative;z-index: 31;background: var(--bg-02);padding-top: 65rem; border-top: 1px solid rgba(255, 255, 255, .1);}
#footer h2 {margin-bottom: 24rem; line-height: 1.4; font-size: var(--font-37); font-weight: 700;}
.footer-inr {padding: 0 102rem 170rem;}
.footer-text address p {display: flex; align-items: center; margin: 3rem 0; font-size: var(--font-15); font-family: var(--lang-ko); font-weight: 200;}
.footer-text address p * {font-size: var(--font-15); font-family: var(--lang-ko); font-weight: 200;}
.footer-text address span {position: relative; padding-right: 15rem;}
.footer-text address span:not(:first-child) {margin-left: 15rem;}
.footer-text address span:not(:last-child)::after {opacity: .2; position: absolute; right: 0; top: 50%; content:''; width: 1px; height: 16rem; background: var(--f-01); transform: translateY(-50%);}

.footer-gnb .gnb-item:not(:last-child) {margin-bottom: 20rem;}
.footer-gnb .gnb-item a span {font-size: var(--font-20); font-weight: 700;}
.footer-gnb .sub-menu {display: none;}
.footer-menu__list {min-width: 180rem; margin-left: 112rem;}
.footer-menu__list li:not(:last-child) {margin-bottom: 18rem;}
.footer-menu__list li:first-child a {opacity: 1; color: var(--c-01) !important;}
.footer-menu__list li a {opacity: .3;}

.footer-bottom {height: 80rem; padding: 0 102rem; background: #000;}
.footer-bottom figure {height: 40rem; margin-right: 30rem;}
.footer-bottom p {font-size: var(--font-14); font-weight: 700;}

.footer-family {margin-left: auto;}
.footer-family select {min-width: 250rem; padding: 15rem; color: var(--b-01) !important; font-weight: 600; border-radius: 100rem; border-color: rgba(255, 255, 255, .1); background-color: #fff !important; background-position: 92% 50% !important;} 
.footer-family select option {color: var(--b-02) !important; font-size: var(--font-15);}

@media (max-width:1280px){
	.footer-inr {padding: 0 40rem 140rem;}
	.footer-bottom {height: 80rem; padding: 0 40rem;}
}

@media all and (max-width:1023px){
	#footer {padding-top: 60rem;}
	.footer-menu__list {min-width: auto; margin-left: 60rem;}
	.footer-gnb .gnb-item:not(:last-child) {margin-bottom: 17rem;}
}

@media (max-width: 860px){
	.footer-gnb {display: none;}
	.footer-bottom p {font-size: 13rem; font-weight: 600;}
	.footer-bottom figure {margin-right: 20rem;}
}

@media (max-width: 540px){
	#footer {padding-top: 40rem;}
	#footer h2 {margin-bottom: 15rem;}
	.footer-text address p {align-items: flex-start; flex-direction: column; margin: 0; font-size: 13rem;}
	.footer-text address span,
	.footer-text address p * { font-size: 13rem;}
	.footer-text address span {margin-top: 2rem;}
	.footer-text address span:not(:first-child) {margin-left: 0;}
	.footer-text address span:not(:last-child)::after {display: none;}
	.footer-inr {flex-direction: column; padding: 0 20rem;}

	.footer-menu {margin-top: 35rem; margin-bottom: 20rem;}
	.footer-menu__list {flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin-left: 0;}
	.footer-menu__list li {margin: 5rem 15rem; margin-left: 0;}
	.footer-menu__list li:not(:last-child) {margin-bottom: 5rem;}
	.footer-menu__list li a {font-size: 14rem;}
	.footer-bottom {flex-direction: column; align-items: flex-start; height: auto; padding: 20rem;}
	.footer-bottom figure {display: none;}
	.footer-bottom p {opacity: .3; font-size: 12rem; font-weight: 500;}
	.footer-family {min-width: auto; width: 100%; margin-left: 0; margin-top: 15rem;}
}

/* **************************************** *
 * SCROLL TOP
 * **************************************** */
.btn-quick {display:flex;align-items:center;position: fixed;bottom: 60rem;right:60rem; transition: var(--trans-01);}
.btn-quick.fixed.active{position:fixed;opacity:1;visibility:visible;top:auto;bottom:60rem;}
.btn-quick.active{position:absolute; opacity:1; visibility:visible; bottom: 100rem;}
.btn-inquiry {overflow: hidden; position: relative; display: inline-flex; align-items: center; justify-content: center; height: 70rem; padding: 0 30rem; border-radius: 100rem; background: var(--c-01); transition: var(--trans-01);}
.btn-inquiry span {position: relative; font-weight: 700; color: var(--f-01);}
.btn-inquiry::before {position: absolute; left:0; content:''; width: 100%; height: 100%; background: var(--b-01); transform: translateX(-110%); transition: var(--trans-01);}
.btn-familysite {overflow: hidden; position: relative; display: inline-flex; align-items: center; justify-content: center; height: 70rem; padding: 0 30rem; border-radius: 100rem; background: var(--f-01); border: 1px solid var(--c-01); transition: var(--trans-01);}
.btn-familysite::before {position: absolute; left:0; content:''; width: 100%; height: 100%; background: var(--c-01); transform: translateX(-110%); transition: var(--trans-01);}
.btn-familysite span {position: relative; font-weight: 600; color: var(--c-01) !important; transition: var(--trans-01);}


.btn-top {position: relative; display: inline-flex; align-items: center; justify-content: center; width: 70rem; height: 70rem; font-size: 0; border-radius: 100%; border: 1px solid var(--c-01); background: #fff; transition: var(--trans-01);}
.btn-top::after {position: absolute; left:50%; top: 50%; content:''; width: 20rem; height: 10rem; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url(../img/layout/arrow-basic_c.svg); transform: translate(-50%, -50%) rotate(-90deg); transition: var(--trans-01);}

@media (hover: hover) and (pointer: fine){
	.btn-inquiry:hover {background: var(--b-01);}
	.btn-inquiry:hover::before,
	.btn-familysite:hover::before  {transform: translateX(0);}
	.btn-top:hover,
	.btn-familysite:hover {background: var(--c-01); }
	.btn-familysite:hover span {color: var(--f-01) !important;}
	.btn-top:hover::after {background-image: url(../img/layout/arrow-basic_w.svg);}
}

@media (max-width:1280px){
	.btn-quick {right: 20rem;}
	.btn-quick.fixed.active{bottom:60rem;}
	.btn-quick.active {bottom: 100rem;}
}

@media (max-width: 860px){
	.btn-top {width: 60rem; height: 60rem;}
	.btn-inquiry {height: 60rem; padding: 0 20rem;}
}

@media (max-width: 540px){
	.btn-quick {flex-direction: column; bottom: 20rem;}
	.btn-quick.fixed.active{bottom: 20rem;}
	.btn-quick.active {bottom: 240rem;}
	.btn-inquiry {position: relative; width: 50rem; height: 50rem; margin-bottom:3rem; padding: 0; font-size: 0; }
	.btn-inquiry::after {content:''; width: 23rem; height: 23rem; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url(../img/sub/ic-customer_w.svg);}
	.btn-familysite {position: relative; width: 50rem; height: 50rem; margin-bottom:3rem; padding: 0; font-size: 0; background: var(--c-01);}
	.btn-familysite::after{content:''; width: 19rem; height: 19rem; background-repeat: no-repeat; background-size: contain; background-position: center; background-image:url(../img/common/ic-nav-home_w.svg);}
	.btn-top {width: 50rem; height: 50rem;}
	.btn-top::after {width: 17rem; height: 8rem;}
}