@charset "utf-8";

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

/* **************************************** *
 * global root
 * **************************************** */
:root {
	--c-01:#1F7BB7;
	--c-02:#89C542;
	--b-01: #111;
	--b-02: #444;
	--f-01: #fff;
	--g-01: #666;
	--g-02: #999A9B;
	--g-03: #aaa;
	--bg-01:#f3f3f3;
	
    --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:'Marcellus';
	--lang-ko:"Pretendard";
    --lang-ko2:"Bareunbatang";

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

@media all and (max-width: 1023px){
	[data-ani="left"],
	[data-ani="right"] {transform: translateY(60rem);}
}

/* **************************************** *
 * GLOBAL
 * **************************************** */
body{font-size:18rem;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.6;}

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

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

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

 .wrap{max-width: 1550rem;}
 .wrap-wide{margin: 0 50rem;}
 .wrap-narrow{max-width:1206rem;}

 @media (max-width:1680px){
	.wrap{margin:0 50rem;max-width:none;width: auto;}
 }
 
 @media all and (max-width:1023px){
	 *[class^="wrap"]{margin:0 40rem;max-width:none;width: auto;}
 }
 
 @media (max-width:540px){
	 *[class^="wrap"]{margin:0 20rem;}
 }

/* **************************************** *
 * HEADER
 * **************************************** */
#header{position:absolute;z-index:51;top: 0;width:100%;transition:1.5s cubic-bezier(0.25, 0.47, 0.12, 0.99);transform:translateY(-100rem);}
#header.hide{transform:translateY(-100rem) !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;height: 100rem;}

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

/* global btn */
.lang-menu a{opacity: 0.5 !important;color:#fff;font-weight: 800;}
.lang-menu li.on a{opacity: 1 !important;}
.lang-menu img{height:22rem;}
.lang-menu i{margin-left: 12rem; font-family: var(--lang-ko); font-size: 15rem;font-weight: 600; color: var(--f-01);}
.lang-menu .select-link {width: auto;}
.lang-menu .select-link__btn{display:inline-flex; justify-content:center;}
.lang-menu .select-link__btn::after{position: relative;top: auto; right: auto; content:''; width: 10rem; height: 10rem;margin-left: 12rem; background-image: url(../img/common/arrow-basic_w.svg); background-repeat: no-repeat; background-position: center; background-size: contain;}
.lang-menu .select-link > ul a{padding:5rem 15rem;font-family: var(--lang-ko); font-size:13rem; text-align:center;}
.lang-menu__icon{width:24rem;height: 25rem;background-position:50% 50%;background-image:url(../img/common/ic-lang_w.svg);background-repeat:no-repeat; background-size: contain;}

#header.color-on .lang-menu a{color:#aaa;}
#header.color-on .lang-menu li.on a{color:var(--c-01);}
#header.color-on .lnag-menu__icon{background-image:url(../img/common/ic-lang.svg);}
#header.color-on .lang-menu i {color: var(--g-03);}
#header.color-on .lang-menu .select-link__btn::after {opacity: .3; background-image: url(../img/common/arrow-basic.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: 0 40rem;transition:var(--trans-01);}
#gnb .gnb-item:last-child:after{background:none;}
#gnb .gnb-item > a{display:inline-block; padding-bottom:25rem;font-family: var(--lang-ko); font-weight:600; color:#fff; font-size:18rem; transition:var(--trans-01);}
#gnb .gnb-item .sub-menu > li.on > a{color: var(--c-01) !important; }
#gnb .gnb-item > a.on{color: var(--c-01) !important;}

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

/* full gnb */
#gnb.gnb-full {display: inline-flex;}
#gnb.gnb-full .gnb-item > a{position:relative; padding-bottom:0;}
#gnb.gnb-full .gnb-item .sub-menu{top:62rem; min-height: 256rem; padding:30rem 0; box-shadow:none; transition:none;}
#gnb.gnb-full .gnb-item .sub-menu > li > a{padding:10rem 0rem;font-size: 16rem; background:none; border:0; color:#888; 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{position:static;}
#gnb.gnb-full .gnb-item:hover > a::after{transform:scaleX(1);}

#header::before{content:""; position:absolute; opacity:0; top:100rem; width:100%; height:1px; background:#efefef; transition:var(--trans-01);}
#header.color-on::before{opacity:1;}
#header.color-on #logo a{background-image:url(../img/layout/logo.svg);background-size: 100%;}
#header.color-on .gnb-full-cover{opacity:1;visibility:visible;height: 356rem;}
#header.color-on #gnb .gnb-item > a{color:var(--b-01);}
#header.color-on #gnb .gnb-item{padding: 0 62rem;}

.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:#F3F5F6;transition:all 0.3s ease;}
.gnb-mobile:has(.menu--st01){max-width: 550rem;}
.gnb-mobile-btn.active span:nth-child(1){top: 8rem;transform:rotate(45deg);}
.gnb-mobile-btn.active span:nth-child(2){transform:rotate(-45deg);}
.gnb-mobile-btn.active span{background:#222;}
.gnb-mobile.active{opacity:1; visibility:visible;}
.gnb-mobile-menu .gnb-item > a{display:inline-flex; align-items:center; position:relative; font-family: var(--lang-ko2); font-weight:500; font-size:45rem;}
.gnb-mobile-menu .gnb-item.active > a {color: var(--c-01);}
.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: 50rem;}
.gnb-mobile-menu .sub-menu{display:none; margin-top:26rem;}
.gnb-mobile-menu .sub-menu li:not(:first-child) {margin: 10rem 0;}
.gnb-mobile-menu .sub-menu li a{padding: 5rem 0; font-family: var(--lang-ko); font-size:22rem;display: block;color: var(--g-02);}
.gnb-mobile-menu .sub-menu li a.on{font-weight: 600; color: var(--c-01);}
.gnb-mobile-menu .gnb-item.active{padding-bottom:15rem;}
.gnb-mobile-menu .gnb-item > a::after{content:"";display:none;position:absolute;right:-35rem;width:16rem;height:16rem;margin-left:12rem;background:url(../img/common/arrow-basic.svg) no-repeat 50% 50%;}
.gnb-mobile-menu .gnb-item.active:has(li:nth-child(2)) > a::after{transform:rotate(180deg); background:url(../img/common/arrow-basic_c.svg) no-repeat 50% 50%;}
.gnb-mobile-menu .gnb-item:has(li:nth-child(2)) > a::after{display:block;}
.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;}


/* **************************************** *
 * SITE COSTOM
 * **************************************** */

@media (min-width: 1024px){
	#gnb .gnb-item .sub-menu{display:none;position:absolute;opacity:0;visibility:hidden;top: 0;right:0;width:100%;padding:8rem 17rem;border-left: 1px solid #efefef;background:#fff;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:last-child .sub-menu{border-right: 1px solid #efefef;}
	#gnb .gnb-item .sub-menu > li > a{display:block;position:relative; font-family: var(--lang-ko); padding:10rem 0rem;background:#fff;color:#888;transition:var(--trans-01);}
	#gnb .gnb-item .sub-menu > li > a:hover{color: var(--b-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);}	
	#gnb .gnb-item:hover > a {color: var(--c-01) !important;}
	#gnb .gnb-item:hover .sub-menu {background: #f4f4f4;}
}

@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.svg);}

	.gnb-container-wrap{display:none;}
	.gnb-mobile-btn{display:block;}
	.gnb-mobile-btn.active .inner{width:35rem;}
	.gnb-mobile-btn.active{top: -4rem;}
	.gnb-mobile-menu .gnb-item:has(li:nth-child(2)) > a{margin-left: -13rem;}	
	.sub-menu-depth{display:none;}

	.lang-menu{position:absolute;right: 70rem;margin-top: 6rem;}
}

@media (max-width: 540px){
	.header-inner {height: 60rem;}
	#header.color-on #logo a,
	.scroll-hide #logo a{background-image: url(../img/layout/logo.svg) !important;}
	#logo a{width: 90rem;height:35rem;}

	.gnb-mobile-menu{top:19vh;}
	.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: 25rem;}
	.gnb-mobile-menu .gnb-item > a{font-size:24rem;}
	.gnb-mobile-menu .gnb-item > a::after{width: 10rem;height: 10rem;background-size: 100%;margin-left: 8rem;right: -20rem;}
	.gnb-mobile-menu .sub-menu li:not(:first-child) {margin: 5rem 0;}
	.gnb-mobile-menu .sub-menu li a{padding: 3rem 0; font-size:15rem;}
	.gnb-mobile-menu .sub-menu{display:none; margin-top:18rem;}

	.lang-menu{right: 30rem;margin-top: 5rem;}
	.lang-menu .select-link{width:50rem;}
	.lang-menu .select-link__btn {width: 100%;}
	.lang-menu .select-link > ul{margin-top:7rem; padding:7rem 0rem;}
	.lnag-menu__icon{min-width:15rem; width: 22rem; height: 22rem; background-size: 18rem;}
	.lang-menu .select-link > ul a{padding: 5rem 10rem; font-size:12rem;}	
	.lang-menu i{display: none; font-size: 12rem; margin-left: 0;}
	.lang-menu .select-link__btn::after {display: none;}
	#header.color-on .lang-menu__icon {background-image: url(../img/common/ic-lang.svg);}
}

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

#footer{position:relative;z-index: 100;}
#footer h1 {opacity: .2; overflow: hidden; position: absolute; left: 0; top: 3vw; width: 100%; line-height: 1; font-weight: 400; font-size: 10.16vw; white-space: nowrap; text-align: center; color: var(--g-03); letter-spacing: -2rem; text-transform: uppercase; transform: translateY(-100%);}
.footer-inr-wrap {position: relative; background: #111;}

.footer-form {flex-shrink: 0; width: calc(50% + 100rem); padding: 130rem 0 50rem; padding-right: 220rem; border-right: 1px solid rgba(255, 255, 255, .1);}
.footer-form__title h2 {margin-bottom: 0; line-height: 1.15; font-weight: 400; font-size: 85rem; text-transform: capitalize;}
.footer-form em {min-width: 60rem; margin-right: 45rem; font-size: 17rem; font-weight: 600;}
.footer-form #inquery_form_footer {margin-top: 65rem;}
.footer-form #inquery_form_footer * {font-family: var(--lang-ko);}
.footer-form #inquery_form_footer *::placeholder {color: rgba(255, 255, 255, .3);}
.footer-form #inquery_form_footer > div {display: flex; align-items: center; margin-bottom: 25rem;}
.footer-form #inquery_form_footer input[type="text"] {width: 100%; height: 55rem; font-size: 17rem; background: transparent; border: solid rgba(255, 255, 255, .2); border-width: 0 0 1px 0;}
.footer-form #inquery_form_footer > div i {margin: 0 12rem;}
.footer-form #inquery_form_footer select {height: 55rem; color: var(--f-01); font-size: 17rem; font-weight: 200; border: none; border-bottom: 1px solid rgba(255, 255, 255, .2) !important; background:url(../img/board/arrow-select_w.svg) no-repeat 97% 50% / 11rem !important;}
.footer-form #inquery_form_footer .email-select {margin-left: 10rem;}
.footer-form #inquery_form_footer option {color: var(--b-02) !important;}
.footer-form #inquery_form_footer > div:has(textarea) {margin-top: 45rem; align-items: flex-start;}
.footer-form #inquery_form_footer textarea {width: 100%; height: 120rem; padding: 15rem; font-size: 17rem; border: 1px solid rgba(255, 255, 255, .2); resize: none; background: transparent;}
.footer-form .data-agree {padding:20rem 25rem; border-radius: 5rem; background: rgba(0, 0, 0, .5);}
.footer-form .data-agree em {font-size: 16rem; font-weight: 200;}
.footer-form .data-agree .check-box [type="checkbox"]:not(:checked) + .checkmark,
.footer-form .data-agree .check-box [type="checkbox"]:checked + .checkmark {width: 21rem; height: 21rem; top: 0; border-radius: 3rem; border-color: var(--f-01);}
.footer-form .data-agree .check-box [type="checkbox"]:not(:checked) + .checkmark:after,
.footer-form .data-agree .check-box [type="checkbox"]:checked + .checkmark:after {width: 6rem; height: 10rem; top: 3rem; border-color: var(--f-01); transform: rotate(45deg); -webkit-transform:  rotate(45deg);}
.footer-form .data-agree a {margin-left: 10rem; font-size: 14rem; opacity: .3; text-decoration: underline; text-underline-offset:4rem}
.footer-form .btn-wrap {justify-content: flex-end;}
.footer-form #inquery_form_footer .basic-btn i {margin-left: 25rem; margin-right: 0;}
.footer-form #inquery_form_footer .basic-btn span {font-weight: 400;}
.footer-form input[type="file"] {position: relative; width: 100%; padding: 12rem 95rem; padding-right: 0; line-height: 30rem; font-size: 17rem; font-weight: 300; border-bottom: 1px solid rgba(255, 255, 255, .2);}
.footer-form input[type=file]::file-selector-button {position: absolute; left:0; display: inline-block; padding: 8rem 10rem; font-size: 14rem; font-weight: 500; line-height: 1; color: var(--f-01); background:rgba(255, 255, 255, .3); border: none; cursor: pointer;}
.footer-form #inquery_form_footer > div:has(input[type=file]) {margin: 30rem 0;}

.footer-info {width: calc(50% - 100rem); padding: 160rem 90rem 530rem; padding-right: 0;}
.footer-info em {opacity: .3; display: block; margin-bottom: 30rem; font-family: var(--lang-ko); font-size: 16rem; font-weight: 600; text-transform: capitalize;}
.footer-info h4 {margin-bottom: 25rem; font-size: 22rem; font-weight: 600;}
.footer-info address span {display: flex; margin: 7rem 0; font-family: var(--lang-ko); font-weight: 300; font-size: 16rem; color: rgba(255, 255, 255, .4) !important;}
.footer-info address i {display: inline-block; margin-right: 10rem; font-weight: 600; color:var(--f-01)}
.footer-info address a {font-weight: 300; color: rgba(255, 255, 255, .4) !important;}
.footer-copyright {margin-top: 80rem; font-family: var(--lang-ko); font-size: 16rem; font-weight: 200; opacity: .2;}

.footer-map {position: absolute; right: 0; bottom: 0; width: calc(50% - 100rem); height: 530rem; background: url(../img/layout/footer-map.jpg) no-repeat center / cover;}
.footer-map__icon {position: absolute; left: 370rem; top: 173rem; display: flex; flex-direction: column; align-items: center;}
.footer-map__icon p {z-index: 1; position: relative; display: inline-block; line-height: 1; margin-bottom: 20rem; padding: 15rem 17rem; font-size: 17rem; font-weight: 500; color: var(--b-01) !important; border-radius: 7rem; border: 1px solid var(--b-01); background: #fff;}
.footer-map__icon p::after {position: absolute; left: 50%; bottom: 0; content:''; width: 12rem; height: 12rem; border-radius: 0 0 2rem 0; background: #fff; border: solid var(--b-01); border-width: 0 1px 1px 0; transform: translate(-50%, 50%) rotate(45deg) skew(10deg, 10deg);}
.footer-map__icon i {position: relative; display: inline-block;}
.footer-map__icon i::before {opacity: .1; position: absolute; left:-45rem; top: -35rem; content:''; width: 120rem; height: 120rem; border-radius: 100%; background:var(--c-01); animation:motion-scale 1s linear infinite alternate;}

@media (max-width:1600px){
	.footer-form {padding-right: 100rem;}
}

@media all and (max-width:1023px){
	.footer-inr {flex-direction: column;}
	.footer-form {width: 100%; padding: 100rem 0 50rem; padding-right: 0; border-right: none;}
	.footer-form__title h2 {font-size: 74rem;}
	.footer-info {width: 60%; padding: 80rem 0; border-top: 1px solid rgba(255, 255, 255, .1);}
	.footer-map {width: 42%; height: 487rem;}
	.footer-copyright {margin-top: 50rem;}
	.footer-map__icon {left: 37%; top: 134rem;}
	.footer-map__icon p {white-space: nowrap;}
}

@media (max-width: 860px){
	.footer-form {padding: 100rem 0 0;}
	.footer-form__title {margin-bottom: 40rem;}
	.footer-form__title h2 {font-size: 62rem;}
	.footer-form #inquery_form {display: none;}
	.footer-form .basic-btn.mob-block {display: inline-flex !important; background: rgba(255, 255, 255, .1); border-radius: 60rem;}
	.footer-form .basic-btn.mob-block i {border-color: transparent;}

	.footer-info {width: 100%; margin-top: 50rem; padding: 50rem 0;}
	.footer-info address span:first-child {flex-direction: column; margin-bottom: 20rem;}
	.footer-map {display: none; position: relative; width: 100%; height: 450rem;}
}

@media (max-width: 540px){
	#footer h1 {top: 7vw; font-size: 30vw; padding-left: 3vw;}

	.footer-form {padding: 60rem 0 0;}
	.footer-form__title {margin-bottom: 25rem;}
	.footer-form__title h2 {font-size: 35rem;}
	.footer-info {margin-top: 40rem; padding: 40rem 0 50rem;}
	.footer-info em {margin-bottom: 20rem; font-size: 12rem;}
	.footer-info h4 {margin-bottom: 20rem; font-size: 16rem;}
	.footer-info address i {display: block; margin-right: 5rem;}
	.footer-info address span {margin: 10rem 0; font-size: 13rem;}
	.footer-copyright {font-size: 12rem; margin-top: 30rem;}

	.footer-form #inquery_form_footer *:is(select, 	textarea,	input[type="file"]){font-size: 13rem;}
	.footer-form em{margin-right:10rem; font-size:14rem;}
	.footer-form #inquery_form_footer input[type="text"]{height:50rem; font-size:14rem;}
	.footer-form #inquery_form_footer > div{margin-bottom:8rem;}
	.footer-form .data-agree a{display:none;}
	.footer-form .data-agree em{font-weight:200; font-size:12rem;}
	.footer-form .data-agree{margin-top:-15rem !important; padding:15rem 15rem;}
	.footer-form .data-agree .check-box [type="checkbox"]:not(:checked) + .checkmark,
	.footer-form .data-agree .check-box [type="checkbox"]:checked + .checkmark{width:18rem; height:18rem;}
	.footer-form .data-agree .check-box [type="checkbox"]:not(:checked) + .checkmark:after,
	.footer-form .data-agree .check-box [type="checkbox"]:checked + .checkmark:after{top:3rem; left:5rem; width:5rem; height:8rem;}
	.footer-form .check-box label{padding-left:24rem;}
	.footer-form #inquery_form_footer > div:has(textarea){margin-top:25rem;}
	.footer-form #inquery_form_footer > div i{margin:0 6rem; font-size:11rem;}
	.footer-form #inquery_form_footer select{height:50rem;}
	.footer-form .tablet-block{display:flex !important; justify-content:center; margin-top:20rem;}
}

/* **************************************** *
 * SCROLL TOP
 * **************************************** */
a.btn-top{display:flex;align-items:center;position: fixed;right:50rem;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; border-color: transparent;}
a.btn-top i{position:relative; margin-bottom:10rem;}
a.btn-top.fixed.active{position:fixed;opacity:1;visibility:visible;top:auto;bottom:50rem; background: var(--b-01); border-color: transparent;}
a.btn-top.active{position:absolute; opacity:1; visibility:visible; top:150rem; border: 1px solid var(--f-01); background: transparent;}
a.btn-top::before{content:""; display:block; width: 25rem; height:30rem; background:url(../img/layout/ic-more_w.svg) no-repeat 50% 50% / contain; transform:rotate(-90deg);}

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

@media (max-width:540px){
	a.btn-top{right:20rem; width:55rem; height:55rem;}
	a.btn-top::before{background-size:15rem;}
	a.btn-top.fixed.active{bottom: 20rem;}
	a.btn-top.active {top: 94rem;} 
}