@charset "utf-8";

/*
* File       : layout.css
* Author     : B-WORKER
* Dependency : css/reset.css       
*/

/* **************************************** *
 * global root
 * **************************************** */
:root {
	--c-01:#C44340;
	--b-01: #575757;
	--b-02: #333333;
	--f-01: #fff;
	--g-01: #eee;
	--g-02: #aaa;
	
    --trans-01:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	--trans-02:all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	--trans-03:all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	--trans-04:all 0.5s ease;

    --lang-en:'Cormorant Garamond';
    --lang-ko:"Pretendard";

	--font-14:14rem;
	--font-18:18rem;  
    --font-21:21rem;
    --font-23:23rem;  
	--font-40:40rem; 
}

@media (max-width:1480px){

}

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

@media (max-width:860px){

}

@media (max-width: 540px){
	:root {
		--font-40:32rem; 
	}
}

/* **************************************** *
 * 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;}
p{line-height: 1.8;}

h4 {
    font-size: var(--font-40);
}
h6 {
    font-size: var(--font-18);
}

/* scroll set */
::selection{background: #1172d2c7;color:#fff;}

/* 스크롤바 커스텀 */
*::-webkit-scrollbar{width:12rem;}
::-webkit-scrollbar-thumb{background-color:var(--c-01);}

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

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

/* **************************************** *
 * wrapper
 * **************************************** */
 *[class^="wrap"]{position:relative;margin:0 auto;}

 .wrap{max-width: 1480rem;}
 .wrap-wide{max-width: 1760rem;}
 .wrap-narrow{max-width:1440rem;}
 
 @media all and (max-width:1919px){
	 .wrap-wide,
	 .wrap-narrow {margin: 0 80rem;max-width: none;}
 }
 
 @media all and (max-width:1680px){
	 .wrap{margin:0 60rem;max-width:none;}
 }
 
 @media all and (max-width:1023px){
	 *[class^="wrap"]{margin:0 40rem;max-width:none;width: auto;}
 }
 
 @media all and (max-width:540px){
	 *[class^="wrap"]{margin:0 20rem;}
 }

/* **************************************** *
 * HEADER
 * **************************************** */
#header{position: fixed;z-index:99;width:100%;transition: 1.5s cubic-bezier(0.25, 0.47, 0.12, 0.99);transform:translateY(-100rem);border-bottom: 1px solid rgba(255,255,255,0.3);padding: 16rem 0rem;}
#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;}

#logo{position:relative; z-index:81;}
#logo a{display:block;width: 71rem;height: 71rem;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image: url(../img/layout/logo.png);transition: var(--trans-01);}
#logo img{height:47rem;}

/* 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 .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;}

#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);}

/* 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;}
#gnb .gnb-item{display:inline-block;position:relative;padding: 0px 33rem;transition:var(--trans-01);}
#gnb .gnb-item:last-child:after{background:none;}
#gnb .gnb-item > a{display:inline-block;padding-bottom:25rem;font-weight:500;color:#fff;transition:var(--trans-01);font-size: 18rem;}
#gnb .gnb-item .sub-menu > li.on > a{color: var(--c-01) !important; }
#gnb .gnb-item > a.on{color: var(--c-01) !important;}
#gnb .gnb-item:last-child {display: none;}

.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: 104rem;width:100%;height:1px;background:#eee;transition:var(--trans-01);}
#header.color-on::before{opacity:1;}
#header.color-on .gnb-full-cover{opacity:1;visibility:visible;height: 700rem;}
#header:is(.color-on, .on) #gnb .gnb-item > a{color:#111;}
#header.color-on #gnb .gnb-item{padding: 0 46rem;}

/* inline gnb */
#header.color-on:has(.gnb-inline) .gnb-full-cover{height:168rem;}
#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: 25rem;}
#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:100%; height:100vh;background:#fff;transition:all 0.3s ease;}
.gnb-mobile:has(.menu--st01){max-width: 550rem;}
.gnb-mobile-btn.active span:nth-child(1){top: 7rem;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:500; font-size:37rem; color: var(--b-02);}
.gnb-mobile-menu{position:absolute; top:20vh; width:100%; box-sizing:border-box; padding:0rem 30rem; text-align:center;}
.gnb-mobile-menu .gnb-item:not(:first-child){margin-top: 40rem;}
.gnb-mobile-menu .sub-menu{display:none; margin-top:24rem;}
.gnb-mobile-menu .sub-menu li a.on{color: var(--c-01);}
.gnb-mobile-menu .gnb-item.active{padding-bottom:15rem;}
.gnb-mobile-menu .gnb-item.active > a {color: var(--c-01);}
.gnb-mobile-menu .sub-menu li a{font-size:22rem;font-weight: 300;display: block; color: #666;}
.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:10rem;height:10rem;margin-top: -6rem;border: solid var(--b-02);border-width: 3rem 3rem 0 0;transform: rotate(135deg);}
.gnb-mobile-menu .gnb-item.active:has(li:nth-child(2)) > a::after{margin-top: -3rem;transform: rotate(-45deg);border-color: var(--c-01);}
.gnb-mobile-menu .gnb-item:has(li:nth-child(2)) > a::after{display:block;}
.gnb-mobile__copy{position:absolute; opacity:0.3; bottom:26rem; width:100%; font-family: var(--lang-ko); font-weight:400; 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__line {position: absolute; left:0; top:0; width: 100%; height: 100%;} 
.gnb-mobile__line::before {opacity: .06; position: absolute; left:0; top: 85rem; content:''; width: 100%; height: 1px; background: #000;}
.gnb-mobile__line::after {opacity: .06; position: absolute; left:0; bottom: 85rem; content:''; width: 100%; height: 1px; background: #000;}
.gnb-mobile__line i {opacity: .06; position: absolute; left: 114rem; top:0; width: 1px; height: 100%; background: #000;}
.gnb-mobile__line i:last-child {left: auto; right: 114rem;}

/* 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);}

/* **************************************** *
 * SITE COSTOM
 * **************************************** */
 a.header-contact{border-bottom:1px solid; font-weight:600; font-size:15rem; color:var(--f-01);}

 #header:is(.color-on, .on) a.header-contact{color:var(--c-01);}
 #header:is(.color-on, .on){background-color:#fff; border-bottom:1px solid #eee; transition-duration:0.8s;}
 #header.on #logo a{width:52rem; height:52rem;}
 #header.on::before{top:83rem;}
 #header.on .gnb-mobile-btn span {background: var(--b-02);}
 #header.color-on.on:has(.gnb-inline) .gnb-full-cover{height:142rem;}
 #header.color-on.on #gnb.gnb-inline .gnb-item .sub-menu{top:69rem;} 

@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: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: translateY(0);}	
}

@media all and (max-width:1023px){	
	#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) !important;}

	a.header-contact{position:absolute; right:70rem;}

	#logo a {width: 60rem; height: 60rem;}
	
	.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;}

	.lang-menu{position:absolute;right: 50rem;}
	.lang-menu .select-link{width:50rem;}
}

@media (max-width: 540px){
	#header {padding: 10rem 0;}
	#header.color-on #logo a, .scroll-hide #logo a{background-image: url(../img/layout/logo.png) !important;}
	#logo a{width: 45rem;height: 45rem;}
	#header.on #logo a{width:40rem; height:40rem;}
	a.header-contact {left: 50%;right: auto;top: 13rem;font-size: 13rem;transform: translateX(-50%);position: absolute;right: 0rem;left: auto;}
	#header:is(.color-on, .on) a.header-contact {top: 10rem;}

	.gnb-mobile-menu{top:20vh;}
	.gnb-mobile-btn .inner{width: 24rem;height: 9rem;}
	.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: 25rem;}
	.gnb-mobile-menu .gnb-item > a{font-size:22rem;}
	.gnb-mobile-menu .gnb-item > a::after {right: -18rem;width: 7rem;height: 7rem;margin-top: -4rem; border-width: 2rem 2rem 0 0;}
	.gnb-mobile-menu .gnb-item.active:has(li:nth-child(2)) > a::after {margin-top: 0;}
	.gnb-mobile-menu .sub-menu li a{font-size:15rem;}
	.gnb-mobile-menu .sub-menu li:not(:first-child){margin-top: 10rem;}	
	.gnb-mobile-menu .sub-menu{display:none; margin-top:15rem;}

	.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__line::before {top: 60rem;}
	.gnb-mobile__line::after {bottom: 60rem;}
	.gnb-mobile__line i {left: 65rem;}
	.gnb-mobile__line i:last-child {right: 65rem;}

	.gnb-mobile__copy {font-size: 10rem; bottom: 22rem;}

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

/* **************************************** *
 * 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);}
 
 .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 *{color:#fff;}

#footer{position:relative;z-index: 91;background: var(--b-02);background-size:cover;display: grid;grid-template-columns: 520rem 1fr;}
#footer address{margin-top: 40rem;font-family: var(--lang-ko);font-size: 15rem;font-weight: 300;}
#footer address p span{position: relative; display:inline;padding-right: 17rem; margin-right: 14rem;}
#footer address p span:not(:last-child)::after {opacity: .22; position: absolute; right: 0; top: 50%; content:''; width: 1px; height: 15rem; background:var(--f-01); transform: translateY(-50%);}
#footer address p span i {text-transform: uppercase;}
#footer address *{text-transform:inherit;}

.footer-info{border-top: 1px solid rgba(255,255,255,0.07);}
.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{color: #999 !important; font-family: var(--lang-ko); font-size:15rem;font-weight: 700;margin-top: 10rem;}

.privacy-menu{gap:20rem;}
.privacy-menu a{font-weight:600; font-size:15rem;}

.footer-gnb__menu > li > ul{display:none;}
.footer-contact{border-right:1px solid rgba(255,255,255,0.07);}
.footer-box > div{padding-left:62rem; padding-right: 62rem;}
.footer-info__sns{position: absolute;right: 234rem;top: 40rem;gap:32rem;}
.footer-info__sns img {height: 24rem;}
.footer-contact__inr h4{font-weight:100; text-transform:uppercase;}
.footer-contact__inr p{margin-top:16rem; font-size:var(--font-14);}
.footer-contact__inr{display:flex; justify-content:flex-end; align-items:flex-start; height:100%; padding-left:80rem; flex-direction:column;}
.footer-contact__inr,
.footer-info{position: relative; padding-bottom:60rem;}
.footer-info__text {opacity: .5; margin-top: 50rem; font-weight: 300; font-size: 15rem;}

/* footer sitemap */
.footer-gnb{padding: 39rem 0rem;}
.footer-gnb__menu{display:flex;text-align: left;gap:55rem;}
.footer-gnb__menu .gnb-item >  a{display:block;font-weight: 400;font-size: 15rem;}
.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:1023px){
	#footer {grid-template-columns: 1fr;}
	#footer .main-visual__btn {display:inline-block !important; margin-top:30rem; padding:18rem 40rem; background:var(--c-01); border:1px solid rgba(255,255,255,0.3); font-weight:600; font-size:15rem; border-radius:50rem;}
	.footer-contact__inr {padding: 60rem 40rem 40rem;}
	.footer-box > div {padding-left: 40rem; padding-right: 40rem;}
	.footer-gnb {padding: 30rem 0;}
	#footer address {margin-top: 30rem;}
	.footer-info {padding-bottom: 60rem;}
	.footer-info__sns {right: 40rem; top: -49rem;}
	.footer-contact .main-visual__btn{margin-top:27rem; margin-bottom:5rem; background:rgba(255,255,255,0.05); border-color:rgba(255,255,255,0.4);}
}

@media (max-width: 860px){
	.footer-info {padding-bottom: 50rem;}
	.footer-info__sns {top: -53rem;}
}

@media (max-width: 540px){
	#footer{margin-top: 80rem;}
	#footer .main-visual__btn{padding: 14rem 26rem; margin-top: 16rem; font-size: 12rem;margin-top: 25rem;}
	.footer-contact__inr {padding: 50rem 20rem 0;}
	.footer-box > div {padding-left: 20rem;}
	.footer-gnb {padding: 0;}
	.footer-gnb__menu {display: none;}
	.footer-info {margin-top: 90rem; padding: 20rem 0 50rem;}
	#footer address{margin-top: 0; font-size: 13rem;}
	#footer address p span{display: block; margin: 2rem 0; padding-right: 0;}
	#footer address p span::after {display: none;}
	.footer-copyright {font-size: 13rem; font-weight: 600;}
	.footer-info__sns {right: 20px;/* left: 22rem; */top: 240rem;margin-top: 30rem;gap: 8rem;}
	.footer-info__sns a {display: inline-flex; align-items: center; justify-content: center; width: 40rem; height: 40rem; border-radius: 100%; background: rgba(0, 0, 0, .2);}
	.footer-info__sns img {height: 16rem;}
	.footer-contact__inr p{margin-top:11rem;}
	.footer-info__text {margin-top: 30rem; font-size: 13rem;}
	.footer-copyright {margin-top: 15rem;}
	.footer-box > div {padding-right: 20rem;}
}

/* **************************************** *
 * SCROLL TOP
 * **************************************** */
a.btn-top{z-index: 51; display:flex;align-items:center;position: fixed;bottom: 50rem;right: 74rem;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-02);bottom: 50rem;width: 67rem;height: 67rem;justify-content: center;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;width: 80rem;height: 80rem;background: var(--c-01);}
a.btn-top.active{position:absolute;opacity:1;visibility:visible;top:0rem;width: 97rem;background: var(--c-01);height: 97rem;}
a.btn-map{position:fixed;}
a.btn-top.active + a.btn-map{position:absolute; opacity:0; visibility:hidden; top:38rem; right:200rem;}
a.btn-top.fixed.active + a.btn-map{display:flex; align-items:center; position:fixed; opacity:1; visibility:visible; top:auto; right:181rem; bottom:79rem; font-weight:600; color:var(--c-01) !important;}
a.btn-map img{height:19rem; margin-right:6rem;}

@media (max-width:1023px){
	a.btn-top {right: 40rem; bottom: 40rem;}
	a.btn-top.fixed.active {right: 40rem; bottom: 40rem;}
	a.btn-top.active {right: 0;}
	a.btn-top.fixed.active + a.btn-map{right:146rem; bottom:69rem;}
}

@media (max-width:540px){
	a.btn-top{right:20rem; bottom: 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{right:20rem; bottom: 20rem; width: 55rem; height: 55rem;}
	a.btn-top.active {right: 0; width: 70rem; height: 70rem;}
	a.btn-top.fixed.active + a.btn-map{display:flex; justify-content:center; align-items:center; right:20rem; bottom:86rem; width:60rem; height:60rem; background:#fff; border:1px solid var(--c-01); font-size:0; border-radius:70rem;}
	a.btn-map img{margin:0;}
}

/* **************************************** *
* privacy page
* **************************************** */ 
/**
* 개인정보처리방침
* 
* @author B-WORKER
* @requires policy/sub01.php
* 
*
*/
.sub-content .policy-page h3{font-weight:700;font-size: 19rem;color:#222;}
.sub-content .policy-page h3 + *{margin-top: 20rem !important;}
.sub-content .policy-page--email h3{font-size: 29rem;}

.policy-page ul li,
.policy-page p{line-height:1.6;font-weight:400;font-size:16rem;color:#666;font-family: var(--lang-ko);}
.policy-page p{line-height:1.6; margin-top:0 !important;}
.policy-page ul li{margin-bottom:8rem;}
.policy-page ul li:last-child{margin:0;}
.policy-page ul li ul{margin-top:5rem; margin-bottom:20rem;}
.policy-page ul li ul li{margin-bottom:2rem; font-size:15rem;}
.policy-page ul li strong{display:block; margin-top:25rem; color:var(--b-01);}
.policy-page .policy-box{padding:40rem 0; border-bottom:1rem solid #ddd;}
.policy-page .policy-intro{padding:30rem; border:1px solid #ddd;}
.policy-page .policy-box:last-child{padding-bottom:0; border:none;}
.policy-page--email i{display:block; margin-top:40rem; font-family:var(--lang-ko); font-weight:600; font-size:16rem; color:var(--c-01); letter-spacing:-0.2rem;}
.policy-page--email .policy-box{padding: 0 !important;}
.policy-title{margin-bottom:60rem; font-size:45rem; color:var(--b-01);}
.policy .sub-content{padding-top: 120rem;}
.policy #lnb{display:none;}

@media (max-width: 1023px){
	.policy-title{font-size:30rem;margin-bottom: 45rem;}
	.policy-page ul li{margin-bottom:4rem;}

	.sub-content .policy-page h3{line-height:1.4; font-size:17rem;}	
}

@media (max-width: 540px){
	.policy-title{margin-bottom:30rem;font-size: 22rem;}
	.policy-page ul li,
	.policy-page p{font-size:15rem;}
	
	.policy-page ul li{margin-bottom:3rem;}
	.policy-page .policy-box{padding:25rem 0;}	
	.policy-page .policy-intro{padding:20rem;}
	.policy-page--email i{font-size:15rem;}

	.sub-content .policy-page h3{font-size:15rem;}
	.sub-content .policy-page h3 + *{margin-top:5rem !important;}	
}