@charset "utf-8";

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

/* scroll set */
::selection{background: var(--point-color);color:var(--white);}

/* 스크롤바 커스텀 */
*::-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; top: 0; z-index:51;width:100%;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;}

.header-inner{display:flex;align-items:center; height: 110rem; transition: var(--trans-01);}

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

/* global btn */
.lang-menu{gap:10rem;}
.lang-menu a{color:#999;font-weight: 700;}
.lang-menu li.on a{opacity: var(--b-01);}
.lang-menu .select-link{width: 40rem;}
.lang-menu img{height:24rem;}
.lang-menu i{/* display:none; */color: var(--white);}
.lang-menu .select-link__btn::after{/*display:none;*/background-image: url(../img/board/arrow-select_w.svg);position: relative;background-size: 12rem;}
.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;}
.lang-menu__icon{width: 22rem;height: 22rem;background-position:50% 50%;background-image:url(../img/common/ic-lang_w.svg);background-repeat:no-repeat;background-size: contain;}

.select-link__btn{display:flex; align-items:center; position:relative; font-weight:600; font-size:17rem; cursor:pointer;}
.select-link > ul{display:flex; align-items:flex-start; position:absolute; opacity:0; visibility:hidden; width:100%; box-sizing:border-box; margin-top:22rem; padding:11rem 0rem; background:var(--white); border: 1px solid #efefef; transition:var(--trans-01); flex-direction:column; border-radius:12rem;}
.select-link{position:relative;width:160rem;z-index: 5;}
.select-link > ul.on{opacity:1; visibility:visible;}
.select-link > ul a{display:block;opacity:1;box-sizing:border-box;padding:6rem 15rem;color:#999;transition:var(--trans-01);/* white-space: nowrap; */}
.select-link > ul li{width:100%;}
.select-link > ul a:hover{opacity:0.5;}

/* basic gnb */
.gnb-container-wrap {display: none; margin-left: auto;}
.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; */}
#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; min-width: 80rem; padding:25rem 0; font-weight:700; color:var(--white); font-family: var(--lang-ko); font-size:18rem; transition:var(--trans-01);}
#gnb .gnb-item .sub-menu > li.on > a{color: var(--point-color) !important; }
#gnb .gnb-item > a.on{color: var(--point-color) !important;}

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

/* 헤더 스크롤 시 */
#header:is(.color-on, .on) {background-color: #fff; border-bottom: 1px solid #e1e1e1;}
#header:is(.color-on, .on) .header-inner {height: 90rem;}
#header:is(.on) #logo a {background-image: url(../img/layout/logo.svg);}
#header:is(.color-on, .on) #gnb .gnb-item > a {color: var(--b-01);}
#header:is(.color-on, .on) .lang-menu a{color:#aaa;}
#header:is(.color-on, .on) .lang-menu li.on a{color:var(--point-color);}
#header:is(.on) .lang-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);}


/* **************************************** *
 * 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: 40rem;height: 13rem;align-content:space-between;}
.gnb-mobile{position:fixed;opacity:0;visibility:hidden;overflow:hidden;top:0;right: 0;width:100%;height:100vh;background:var(--b-03);transition:all 0.3s ease;overflow-y: scroll;}
.gnb-mobile-btn.active span:nth-child(1){top: 10rem;transform:rotate(45deg);}
.gnb-mobile-btn.active span:nth-child(2){transform:rotate(-45deg);}
.gnb-mobile-btn.active span{background:var(--white);}
.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(--white);}
.gnb-mobile-menu{position:absolute;top:20vh;width:100%;box-sizing:border-box;padding:0rem 40rem;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(--point-color);}
.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_w.svg) no-repeat 50% 50%;/* transform: rotate(90deg); */background-size: contain;}
.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% - 90rem); border-top:1px solid rgba(255, 255, 255, .1); text-align:left;}
.gnb-mobile-menu.menu--st01::before{opacity: .1; content:""; position:absolute; top:0; left:50%; width:1px; height:100%; background: #fff;}
.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:32rem; font-weight: 600; font-family: var(--lang-ko);}
.gnb-mobile-menu.menu--st01 .gnb-item:nth-child(1){margin-top:60rem;}
.gnb-mobile-menu.menu--st01 .gnb-item > a{display:flex;}
.gnb-mobile-menu.menu--st01 .gnb-item > a::after{right:30rem; width:15rem; height:15rem; transform:rotate(-90deg) !important;}
.gnb-mobile-menu.menu--st01 .gnb-item > a.active {color:var(--point-color);}
.gnb-mobile-menu.menu--st01 .gnb-item:not(:first-child){margin-top:35rem;}
.gnb-mobile-menu.menu--st01 .gnb-item.active li.on > a {opacity: 1; color:var(--point-color);}
.gnb-mobile-menu.menu--st01 .gnb-item.active > a::after{background-image:url(../img/board/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);}
.gnb-mobile-menu.menu--st01 .gnb-item > a.active::after {background: url(../img/board/arrow-select_c.svg) no-repeat 50% 50%;}

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

@media (max-width:1480px){
	#gnb .gnb-item > a{}
}

@media (max-width:1200px){
	#gnb .gnb-item {padding: 0 20rem;}
	#gnb .gnb-item > a {min-width: 70rem; padding:20rem 0;}
}

@media (min-width: 1024px){
	#gnb .gnb-item .sub-menu{display:none;position:absolute;opacity:0;visibility:hidden;top: 67rem;right:0;width:100%;padding:15rem 12rem;background:#fff; border-radius: 12rem; border:1rem solid #efefef;box-shadow:12rem 18rem 20rem 0rem rgba(0, 0, 0, 0.1);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:6rem 0rem; line-height: 1.5; color:#999;text-align:center;transition:var(--trans-01); word-break: keep-all;}
	#gnb .gnb-item .sub-menu > li > a:hover{color: var(--point-color); font-weight: 600;}
	#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-image:url(../img/layout/logo_w2.svg);}
	.header-inner {height: 100rem;}

	.gnb-container-wrap{display:none;}
	.gnb-mobile-btn{display:block; margin-left: 8rem;}
	.gnb-mobile-btn.active .inner{width:35rem;}
	.gnb-mobile-btn.active{top: -4rem;}
	.gnb-mobile-btn.active span:nth-child(1){top: 10rem;}

	.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{opacity: .6; display:block; padding:4rem 40rem; font-size:20rem; font-weight: 300; color: var(--white);}
	
	.sub-menu-depth{display:none;}

	.lang-menu{width: 60rem; margin-left: auto;}
	.lang-menu .select-link{width:50rem;}
	.lang-menu .select-link > ul a {font-size: 15rem;}
	.lang-menu__icon{width: 30rem;height: 30rem;}
}

@media (max-width: 540px){
	.header-inner {height: 70rem;}
	#logo a {width: 115rem; height: 33rem;}

	.gnb-full-icon {width: 34rem; height: 10rem;}
	
	.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;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: 10rem;}	
	.gnb-mobile-menu .sub-menu{display:none; margin-top:18rem;}

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

	.lang-menu{right: 30rem;margin-top: -1rem;}
	.lang-menu__icon {width: 24rem; height: 24rem;}
	.lang-menu .select-link{width:50rem;}
	.lang-menu .select-link > ul{margin-top:7rem; padding:7rem 0rem;}
	.lang-menu .select-link > ul a{font-size:12rem;}	
	.lang-menu i{font-size: 12rem;}
	.gnb-mobile-btn{margin-left: 0;}
	.gnb-mobile-btn .inner {width: 32rem;}
	
	#header:is(.color-on, .on) .header-inner {height: 60rem;}
}

/* util */
.gnb-util {z-index: 99; margin-left: auto; margin-right: 30rem;}
.gnb-util__btn.btn-basic {display: inline-flex; align-items: center; min-width: auto; height: 52rem; padding: 0 24rem 2rem 20rem; font-size: var(--font-15);}
.gnb-util__btn::before {content:''; width: 16rem; height: 16rem; margin-right: 8rem; background: url(../img/layout/ic-apply.svg) no-repeat center / contain;}


/* **************************************** *
 * full page gnb site map 
 * **************************************** */
 #site-map{position:fixed; opacity:0; visibility:hidden; top:0; right:0; z-index:51; width:50%; height:100vh; background:#fff; transition:var(--trans-01); transition-delay:0.1s;}
  #site-map::before {position: fixed; top: 0; left:0; content:''; width: 100%; height: 100%; background: rgba(0, 0, 0, .6);}

 #site-map.active{opacity:1; visibility:visible; transition-delay:0s;}
 #site-map.active .gnb-item {opacity:1; padding: 0 60rem; color: var(--white); transform:translateX(0rem); transition:all 0.7s ease; }
 #site-map.active .gnb-item::after {opacity: 0; visibility: hidden; position: absolute; left: 19.2vw; top: 50%; content:''; width: 55rem; height: 55rem; background:var(--point-color) url(../img/layout/arrow-basic_w.svg) no-repeat center / 20rem; border-radius: 100%; transform: translateY(-50%); transition: var(--trans-01);}
 #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.active .gnb-item:has(a.active)::after {opacity: 1; visibility: visible;}

.site-map__bg {opacity: 0; visibility: hidden; position: absolute; left:0; top:0; display: grid; grid-template-columns:41% 1fr; width: 100%; height: 100%;}
.site-map__bg li {position: relative;}
.site-map__bg li:not(:first-child)::before {border-left: 1px solid rgba(255, 255, 255, .1);}
.site-map__bg li:before {position: absolute; left:0; top:0; content:''; width: 0; height: 100%; background: var(--bg-01); transition: var(--trans-02);}
#site-map.active .site-map__bg {opacity: 1; visibility: visible;}
#site-map.active .site-map__bg li:before {width: 100%;}

 .site-map-inner{display:flex; align-items:center; height:100%;}
 .site-map-list .gnb-item > a{opacity: .25; font-weight:700; font-size:32rem; color: var(--w);}
  .site-map-list .gnb-item > a:hover{opacity: 1;}
 .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:22rem;}
 .site-map-list.site-map--row :is(.gnb-item, .sub-menu){display:flex; align-items:center;}
 .site-map-list.site-map--row .sub-menu{margin-left:30rem;}
 .site-map-list .sub-menu a {opacity: .25; display: inline-flex; align-items: center; white-space: nowrap; padding: 10rem 0; font-size: var(--font-20); font-weight: 600; color: var(--w); transition:var(--trans-01);}
.site-map-list .sub-menu a:hover,
 .site-map-list .sub-menu a.on{opacity: 1;}
 .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{position: absolute; left: 19.2vw; display:none; margin-left:100rem;}
 .site-map-list.site-map--row.row-drap .gnb-item .sub-menu > li {display:block;}
  .site-map-list.site-map--row.row-drap .gnb-item .sub-menu > li + li {margin-top: 0;}
 .site-map-list .gnb-item{opacity:0; transform:translateX(-30rem);}
 .site-map-list.row-drap .gnb-item > a.active{opacity: 1;}

 .gnb-full-icon{position:relative; width:42rem; height:12rem;}
 .gnb-full-icon > span{display:inline-block; position:absolute; left:0; width:100%; height:2rem; background:#FFF; transition:all 0.3s;}
 .gnb-full-btn .border-01{top:0;}
 .gnb-full-btn .border-02{bottom:0;}
 .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{transform:translateX(0px) translateY(-2rem) rotate(-45deg) !important;}
 .gnb-full-btn-wrap{position:relative; z-index:100;}
 .gnb-full-btn{display:flex;align-items:center;flex-direction:column;cursor: pointer;}
 #header:is(.color-on, .on) .gnb-full-btn .text{color:var(--b-01);}
 #header:is(.color-on, .on) .gnb-full-icon > span{background:var(--b-01);}

 @media (max-width:1200px){
	#site-map {width: 60%;}
	#site-map.active .gnb-item::after, 
	.site-map-list.site-map--row.row-drap .gnb-item .sub-menu {left: 22.5vw;}
}
  
@media (max-width:1023px){
	.gnb-full-btn-wrap{display: block;}
	.gnb-full-btn-wrap.mob{display:none;}
	.gnb-mobile-btn{display:none;}

	#site-map.active .gnb-item {padding: 0 40rem;}

	#site-map {width: 100%;}
	#site-map.active .gnb-item::after, 
	.site-map-list.site-map--row.row-drap .gnb-item .sub-menu {left: 35vw;}
	#site-map.active .gnb-item::after {transform: translate(-50%, -50%);}
	.site-map-list.site-map--row.row-drap .gnb-item .sub-menu {margin-left: 80rem;}

	.site-map__bg {grid-template-columns: 35% 1fr;}
}

@media (max-width: 540px){
	#site-map.active .gnb-item {padding: 0 20rem;}
	#site-map.active .gnb-item::after {width: 30rem; height: 30rem; background-size: 10rem;}
	.site-map-list .gnb-item > a {font-size: 22rem;}
	.site-map-list.site-map--row {gap: 18rem;}
	.site-map-list.site-map--row.row-drap .gnb-item .sub-menu > li + li {margin-top: 0;}

	.site-map__bg {grid-template-columns: repeat(2, 1fr);}
	#site-map.active .gnb-item::after,
	.site-map-list.site-map--row.row-drap .gnb-item .sub-menu {left: 50vw;}

	.gnb-util {margin-right: 15rem;}
	.gnb-util__btn.btn-basic {height: 40rem; padding: 0px 17rem 2rem 15rem; font-size: 13rem;}
	.gnb-util__btn::before {width: 14rem; height: 14rem; margin-right: 6rem;}
	.gnb-full-icon {width: 34rem; height: 10rem;}
	.site-map-list.site-map--row.row-drap .gnb-item .sub-menu {margin-left: 0; padding: 0 40rem;}
	.gnb-full-btn.active .border-01 {transform: translateX(0) translateY(7rem) rotate(45deg) !important;}
}

/* **************************************** *
 * footer
 * **************************************** */
#footer {position:relative;z-index: 31;padding: 73rem 0 34rem; background: var(--bg-01);}
#footer * {color: var(--white);}
.footer-top {display: flex; justify-content: space-between; align-items: center; padding-bottom: 27rem; border-bottom: 1px solid rgba(255, 255, 255, .1);}
.footer-top h2 {font-size: var(--font-70); letter-spacing: -2rem;}
.footer-menu {display: flex; align-items: center; margin-left: auto;}
.footer-menu__list {display: flex; align-items: center; justify-content: flex-end; margin-right: 30rem;}
.footer-menu li {margin: 0 25rem;}
.footer-menu li a {font-weight: 700;}
.footer-menu .form-select {width: 180rem; border-bottom: 2rem solid var(--white);}
.footer-menu select {min-height: 42rem; padding-left: 0; font-weight: 600; border: none; background: url(../img/layout/select-arrow.svg) no-repeat center right / 11rem !important;}
.footer-menu select option {font-size: var(--font-15); color: var(--b-01) !important;}

.footer-info {display: flex; align-items: center;margin-top: 34rem; }
.footer-info__aside {display: flex; align-items: center;}
.footer-info i {width: 55rem; margin-right: 24rem;}
.footer-info i img {max-width: 100%;}
.footer-info * {color: var(--c-03);}
.footer-info address {display: flex; align-items: center; justify-content: flex-end; margin-left: auto;}
.footer-info address p {margin-left: 40rem; color: var(--b-02) !important;}
.footer-info address a {color: var(--b-02) !important;}
.footer-info address span {margin-right: 10rem; font-family: var(--lang-ko); font-weight: 600; color: var(--b-02) !important; text-transform: uppercase;}
.footer-copyright {opacity: .4;}

.footer-info address a[href*="freepik.com"] {
	margin-left: 0.15em;
    text-decoration: underline;
    text-underline-offset: 2px;
}


@media (max-width:1640px){
	.footer-menu__list {margin-right: 15rem;}
	.footer-menu .form-select {width: 160rem;}
	.footer-menu li {margin: 0 15rem;}
}

@media (max-width:1200px){
	#footer {padding: 60rem 0 40rem;}
	.footer-top {flex-direction: column; align-items: flex-start; padding-bottom: 23rem;}
	.footer-info i {width: 52rem; margin-right: 22rem;}
	.footer-info address p {margin-left: 30rem;}
	.footer-info address span {margin-right: 8rem;}
	.footer-menu__list {margin-right: 20rem;}
	.footer-menu {position: relative; width: 100%; margin-top: 20rem;}
	.footer-menu li {margin: 0; margin-right: 30rem;}
}
  
@media (max-width:1023px){
	.footer-info {margin-top: 30rem;}
	.footer-info__aside {flex-direction: column; align-items: flex-start;}
	.footer-info i {margin-bottom: 20rem;}
	.footer-info address {flex-direction: column; align-items: flex-end;}
	.footer-info address p {display: flex; align-items: center; margin: 0;}
}

@media (max-width:860px){
	#footer {padding: 40rem 0;}
	.footer-menu__list {width: 100%; justify-content: space-between;}
	.footer-menu li {margin-right: 0;}
}

@media (max-width: 540px){
	#footer {padding: 35rem 0;}
	.footer-top {padding-bottom: 20rem;}
	.footer-top h2 {font-size: 32rem;}
	.footer-menu {margin-top: 20rem;}
	.footer-menu li {margin-right: 0; margin: 5rem 0;}
	.footer-menu li a {font-size: 14rem;}
	.footer-menu__list {flex-direction: column; align-items: flex-start;}
	.footer-menu select option {color: 14rem;}

	.footer-info {flex-direction: column-reverse; margin-top: 0rem;}
	.footer-info__aside {width: 100%;}
	.footer-info i {display: none;}
	.footer-info address {flex-direction: column; align-items: flex-start; margin-left: 0; margin-top: 20rem;}
	.footer-info address p {flex-direction: row; align-items: center; font-size: 13rem;}
	.footer-info address span {font-size: 12rem;}
	.footer-copyright {font-size: 12rem; margin-top: 12rem;}
}

/* **************************************** *
 * SCROLL TOP
 * **************************************** */
a.btn-top {overflow: hidden; position: relative; display:inline-flex;align-items:center;justify-content: center; width: 80rem; height: 80rem; font-size: 0; border: 2rem solid var(--white); border-radius: 100%; transition: var(--trans-01);}
a.btn-top::after {position: absolute; left: 50%; top: 50%; content:''; width: 24rem; height: 20rem; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; background-image: url(../img/layout/arrow-basic_w.svg); transform: translate(-50%, -50%) rotate(-90deg); transition: var(--trans-01); }

@media (hover: hover) and (pointer: fine){
	a.btn-top:hover {background: #fff;}
	a.btn-top:hover::after {background-image: url(../img/layout/arrow-basic.svg);}
}

@media (max-width:1200px){
	a.btn-top {position: absolute; right: 40rem; top: 0;}
}

@media (max-width:1023px){
	a.btn-top {position: absolute; right: 0;}
}

@media (max-width:860px){
	a.btn-top {width: 70rem; height: 70rem;}
}

@media (max-width: 540px){
	a.btn-top { width: 52rem; height: 52rem;}
	a.btn-top::after {width: 20rem; height: 20rem;}
}