@import url("reset.css");

body.fix {overflow:hidden;}

#wrap {width:100%; min-width:320px; position:relative;}

header {width:100%; height:200px; position:absolute; left:0; top:0; z-index:1000;}
header > .inner {width:95%; max-width:1760px; margin:0 auto; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:101;}
header .logo {width:79px; height:117px; background:url(/img/com/logo.png) center 1px no-repeat; background-size:cover; font-size:0; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:8;}
header .logo a {display:block; font-size:0; width:100%; height:100%;}
header .header-conts {width:100%; position:relative; z-index:9; font-size:0;}
header .header-conts > * {display:inline-block; vertical-align:middle; width:50%; font-size:0;}
header .header-conts > * > * {display:inline-block; vertical-align:middle; margin-left:30px;}
header .header-conts > * > *:nth-child(1) {margin-left:0;}
header .header-conts .lf-box {text-align:left;}
header .header-conts .rt-box {text-align:right;}
header .header-conts ul.gnb {font-size:0;}
header .header-conts ul.gnb li {display:inline-block; vertical-align:middle; margin-left:60px; text-align:left; position:relative; height:50px;}
header .header-conts ul.gnb li:before {content:""; width:6px; height:6px; background:#F5F2EB; border-radius:50%; position:absolute; left:50%; top:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); display:none;}
header .header-conts ul.gnb li:after {content:""; width:0; height:1px; border-top:1px solid #443816; position:absolute; left:0; bottom:8px; transition:width .25s linear;}
header .header-conts ul.gnb li:nth-child(1) {margin-left:0;}
header .header-conts ul.gnb li a {display:block; font-size:18px; color:#fff; line-height:50px;}
header .header-conts ul.gnb li.on:before,
header .header-conts ul.gnb li:hover:before {display:block;}
header .header-conts ul.gnb li.current:before {display:block;}
header .header-conts ul.gnb li.current:after {width:100%;}
header .header-conts ul.gnb li .snb {position:absolute; left:0; top:50px; background:#fff; font-size:0; padding:0 10px; border-radius:60px; height:60px; display:none; -webkit-box-shadow: 0px 3px 6px 0px rgba(41,37,27,0.16); box-shadow: 0px 3px 6px 0px rgba(41,37,27,0.16); z-index: 100}
header .header-conts ul.gnb li .snb dl {display:table-cell; vertical-align:middle; font-size:0; text-align:center;}
header .header-conts ul.gnb li .snb dl dd {display:inline-block; vertical-align:middle; position:relative;}
header .header-conts ul.gnb li .snb dl dd a {color:#C1B799; padding:0 20px; font-size:16px; line-height:1.2;}
header .header-conts ul.gnb li .snb dl dd:before {content:""; width:2px; height:60%; background:#BFA872; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
header .header-conts ul.gnb li .snb dl dd:nth-child(1):before {display:none;}
header .header-conts ul.gnb li .snb dl dd:hover a {color:#6C5B2D;}
header .header-conts ul.gnb li .snb.active {display:table;}
header .header-conts ul.gnb li .snb.snb-1 {width:450px; left:-40px;}
header .header-conts ul.gnb li .snb.snb-2 {width:650px; left:-40px;}
header .header-conts ul.gnb li .snb.snb-3 {width:420px; left:-50px;}
header .header-conts ul.gnb li .snb.snb-4 {left:-23px;}
header .header-conts ul.mem {font-size:0;}
header .header-conts ul.mem li {display:inline-block; vertical-align:middle; margin-left:10px; position:relative;}
header .header-conts ul.mem li:nth-child(1) {margin-left:0;}
header .header-conts ul.mem li span {display:block; height:30px; box-sizing:border-box; border-radius:60px; border:1px solid #fff; font-size:14px; font-weight:500; color:#fff; line-height:28px; padding:0 16px;}
header .header-conts ul.mem li:hover span {background:#fff; border-color:#fff; color:#443816;}
header .header-conts .btn-all {width:25px; height:18px; position:relative; font-size:0; cursor:pointer;}
header .header-conts .btn-all:before, 
header .header-conts .btn-all:after {content:""; width:100%; height:2px; border-radius:10px; background:#fff; position:absolute; left:0; transition:all .25s ease-in-out;}
header .header-conts .btn-all:before {top:0;}
header .header-conts .btn-all:after {bottom:0;}
header .header-conts .btn-all span {width:100%; height:2px; border-radius:10px; background:#fff; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}

header.ty-2 .logo {background-image:url(/img/com/logo_on.png); background-position:0 1px}
header.ty-2 .header-conts ul.gnb li a {color:#443816;}
header.ty-2 .header-conts ul.gnb li:before {background:#443816;}
header.ty-2 .header-conts ul.mem li span {border-color:#443816; color:#443816;}
header.ty-2 .header-conts ul.mem li:hover span {border-color:#fff; background:#fff; color:#443816;}
header.ty-2 .header-conts .btn-all:before, 
header.ty-2 .header-conts .btn-all:after {background:#443816;}
header.ty-2 .header-conts .btn-all span {background:#443816;}

header.on .logo {background-image:url(/img/com/logo_on.png);}
header.on .header-conts ul.gnb {display:none;}
header.on .header-conts ul.mem li span {border-color:#443816; color:#443816;}
header.on .header-conts .btn-all:before, 
header.on .header-conts .btn-all:after {background:#443816;}
header.on .header-conts .btn-all:before {left:0; top:9px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
header.on .header-conts .btn-all:after {left:0; top:9px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
header.on .header-conts .btn-all span {display:none;}

header .sitemap {width:100%; height:100vh; position:fixed; z-index:100; background:#F5F2EB; left:0; top:0; opacity:0; -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); transform:translateY(-100%);}
header .sitemap.active {display:table; opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); transition:opacity .3s ease-in-out;}
header .sitemap:before {content:""; width:100%; max-width:1520px; height:100%; background:url(/img/com/bg_sitemap.svg) right bottom -20% no-repeat; background-size:390px auto; position:absolute; left:50%; top:0; z-index:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
header .sitemap > .wrap {width:100%; padding:0 5%; display:table-cell; vertical-align:middle; position:relative; z-index:10;}
header .sitemap ul {width:100%; min-width:320px; max-width:1280px; margin:0 auto; font-size:0; text-align:center;}
header .sitemap ul li {display:inline-block; vertical-align:top; width:calc(((100% - 360px) / 4) - 1px); box-sizing:border-box; padding:0 10px; margin-left:120px; text-align:left;}
header .sitemap ul li:nth-child(1) {margin-left:0;}
header .sitemap ul li .depth-1 {width:100%; cursor:pointer; font-size:30px; font-weight:500; color:#443816; position:relative; margin-bottom:40px; letter-spacing:-1px;}
header .sitemap ul li .depth-1:before {content:""; width:8px; height:8px; border-radius:50%; box-sizing:border-box; border:1px solid #6C5B2D; position:absolute; left:-18px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
header .sitemap ul li .depth-1 a {font-size:30px; font-weight:500; color:#443816; letter-spacing:-1px;}
header .sitemap ul li dl dd {width:100%; margin-top:5px;}
header .sitemap ul li dl dd:nth-child(1) {margin-top:0;}
header .sitemap ul li dl dd a {display:block; font-size:20px; color:#C1B799; padding:10px 0;}
header .sitemap ul li dl dd span {display:inline-block; position:relative;}
header .sitemap ul li dl dd span:before {content:""; width:0; height:1px; border-top:1px solid #443816; position:absolute; left:0; bottom:-2px; transition:width 0.25s linear;}
header .sitemap ul li dl dd:hover a {color:#443816;}
header .sitemap ul li dl dd:hover span:before {width:100%;}
header .sitemap .mo-mem {width:100%; position:absolute; left:0; bottom:80px; z-index:100; display:none;}
header .sitemap .mo-mem ol {font-size:0; text-align:center;}
header .sitemap .mo-mem ol li {display:inline-block; vertical-align:middle; border:1px solid #443816; border-radius:30px; overflow:hidden; margin-left:10px;}
header .sitemap .mo-mem ol li:first-child {margin-left:0;}
header .sitemap .mo-mem ol li a {font-size:14px; padding:0 20px; line-height:40px; display:block;}
header .sitemap .mo-mem ol li:only-child {width:100%; max-width:100px;}
header .sitemap .mo-mem ol li:first-child:nth-last-child(2),
header .sitemap .mo-mem ol li:first-child:nth-last-child(2) ~ li {width:calc(((100% - 10px) / 2) - 1px); max-width:140px;}


footer {width:100%; background:#BF9C67;}
footer .footer-conts {width:100%; padding:60px 0; border-bottom:1px solid #D1B07E;}
footer .footer-conts > .inner {width:90%; max-width:1170px; margin:0 auto; font-size:0;}
footer .footer-conts > .inner > * {display:inline-block; vertical-align:top;}
footer .footer-conts .lf-box {width:200px; font-size:0;}
footer .footer-conts .lf-box .logo {width:189px; height:62px; font-size:0; background:url(/img/com/logo_b.png) center no-repeat; background-size:auto 100%;}
footer .footer-conts .lf-box ul {font-size:0; margin:40px 0 10px 0;}
footer .footer-conts .lf-box ul li {display:inline-block; vertical-align:middle; margin-right:16px; position:relative;}
/*
footer .footer-conts .lf-box ul li:before {content:""; width:3px; height:3px; border-radius:50%; background:#fff; position:absolute; right:-10px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}*/
footer .footer-conts .lf-box ul li:last-child {margin-right:0;}
footer .footer-conts .lf-box ul li:last-child:before {display:none;}
footer .footer-conts .lf-box ul li a {font-size:16px; color:#fff;}
footer .footer-conts .lf-box span {display:block; font-size:14px; color:#E2DCCC; letter-spacing:0;}
footer .footer-conts .lf-box ol {width:100%; font-size:0; margin-top:30px;}
footer .footer-conts .lf-box ol li {display:inline-block; vertical-align:middle; margin-left:10px; width:30px; height:25px; background-position:center; background-repeat:no-repeat;}
footer .footer-conts .lf-box ol li:nth-child(1) {margin-left:0;}
footer .footer-conts .lf-box ol li a {display:block; width:100%; height:100%; font-size:0;}
footer .footer-conts .lf-box ol li.youtube {background-image:url(/img/com/icon_youtube.svg);}
footer .footer-conts .lf-box ol li.facebook {background-image:url(/img/com/icon_facebook.svg);}
footer .footer-conts .lf-box ol li.instagram {background-image:url(/img/com/icon_insta.svg);}
footer .footer-conts .lf-box ol li.blog {background-image:url(/img/com/icon_blog.svg);}
footer .footer-conts .rt-box {width:200px; text-align:right;  font-size:0;}
footer .footer-conts .rt-box .wts {width:170px; height:52px; background:url(/img/com/wts.png) right center no-repeat; background-size:auto 100%; font-size:0; margin-bottom:30px; display:block; cursor:pointer; margin-left:auto;}
footer .footer-conts .rt-box .family-site {display:inline-block; width:200px; height:36px; border:1px solid #E2DCCC; position:relative; text-align:left; letter-spacing:-0.5px; cursor:pointer; background:#BF9C67;}
footer .footer-conts .rt-box .family-site:before {content:""; width:6px; height:6px; border:solid #fff; border-radius:2px; border-width:0 2px 2px 0; position:absolute; right:15px; top:calc(50% - 1px); -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); transition:transform .25s ease-in-out;}
footer .footer-conts .rt-box .family-site span {width:100%; display:block; padding:0 10px; font-size:14px; color:#fff; line-height:34px; box-sizing:border-box;}
footer .footer-conts .rt-box .family-site .option-list {width:100%; background:#B48F59; position:absolute; left:50%; top:36px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); padding:10px 0; z-index:100; display:none;}
footer .footer-conts .rt-box .family-site .option-list li {width:100%;}
footer .footer-conts .rt-box .family-site .option-list li a {display:block; font-size:14px; color:#E8CA9D; padding:5px 10px; box-sizing:border-box; width:100%;}
footer .footer-conts .rt-box .family-site .option-list li:hover a {color:#fff;}
footer .footer-conts .rt-box .family-site.active:before {top:calc(50% + 2px); -webkit-transform:translateY(-50%) rotate(-135deg); -moz-transform:translateY(-50%) rotate(-135deg); transform:translateY(-50%) rotate(-135deg);}
footer .footer-conts .fnb {width:calc(100% - 400px); padding:0 120px;}
footer .footer-conts .fnb ul {width:100%; font-size:0;}
footer .footer-conts .fnb ul li {display:inline-block; vertical-align:top; margin-left:40px;}
footer .footer-conts .fnb ul li:nth-child(1) {margin-left:0;}
footer .footer-conts .fnb ul li dl {width:100%;}
footer .footer-conts .fnb ul li dl > * {width:100%;}
footer .footer-conts .fnb ul li dl dt {font-size:16px; color:#fff; margin-bottom:20px;}
footer .footer-conts .fnb ul li dl dt a {font-size:16px; color:#fff;}
footer .footer-conts .fnb ul li dl dd {margin-bottom:10px;}
footer .footer-conts .fnb ul li dl dd a {font-size:14px; color:#F8EBD9; font-weight:300;}
footer .footer-conts .fnb ul li dl dd:last-child {margin-bottom:0;}
footer .copyright {padding:30px 0; font-size:14px; color:#E8CA9D; letter-spacing:-0.5px;}
footer .copyright > .inner {width:90%; max-width:1170px; margin:0 auto;}
footer .copyright ul {width:100%; font-size:0; margin-top:-5px; margin-bottom:10px;}
footer .copyright ul li {display:inline-block; vertical-align:middle; position:relative; font-size:0; margin-right:20px; margin-top:5px;}
footer .copyright ul li:before {content:""; width:1px; height:50%; border-left:1px solid #E8CA9D; position:absolute; right:-10px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
footer .copyright ul li:last-child {margin-right:0;}
footer .copyright ul li:last-child:before {display:none;}
footer .copyright ul li > * {display:inline-block; vertical-align:middle; font-size:13px; }
footer .copyright ul li em {color:#e8ca9d; margin-right:5px;}
footer .copyright ul li span {color:#e8ca9d;}

.btn-top {width:60px; height:60px; background:#003B5D; position:fixed; right:40px; bottom:40px; font-size:0; cursor:pointer; transition:all 0.3s ease-in-out; display:none; z-index:800;}
.btn-top:before {content:""; width:8px; height:8px; border:solid #fff; border-width:1px 0 0 1px; position:absolute; left:50%; top:calc(50% + 3px); -webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg); transform:translate(-50%,-50%) rotate(45deg); z-index:100;}
.btn-top.active {display:block;}


.fade-in {opacity:0; transition:opacity 0.8s ease-in-out;}
.fade-in.on {opacity:1;}
.fade-in-up {opacity:0; -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transform:translateY(30px); transition:transform 1s ease-in-out, opacity 0.5s ease-in-out;}
.fade-in-up.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.fade-in-left {opacity:0; -webkit-transform:translateX(-30px); -moz-transform:translateX(-30px); transform:translateX(-30px); transition:transform 1s ease-in-out, opacity 0.5s ease-in-out;}
.fade-in-left.on {opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}
.left-in {-webkit-transform:translateX(30px);- moz-transform:translateX(30px); transform:translateX(30px); transition:transform 0.5s linear;}
.left-in.on {-webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}
.right-in {-webkit-transform:translateX(-30px);- moz-transform:translateX(-30px); transform:translateX(-30px); transition:transform 0.5s linear;}
.right-in.on {-webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}
.left-up {-webkit-transform:translateX(30px);- moz-transform:translateX(30px); transform:translateX(30px); transition:transform 0.5s linear;}
.left-up.on {-webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}


.delay-2 {transition-delay:0.2s;}
.delay-3 {transition-delay:0.3s;}
.delay-4 {transition-delay:0.4s;}
.delay-5 {transition-delay:0.5s;}
.delay-6 {transition-delay:0.6s;}
.delay-7 {transition-delay:0.7s;}
.delay-8 {transition-delay:0.8s;}
.delay-9 {transition-delay:0.9s;}
.delay-10 {transition-delay:1s;}



@media screen and (max-width: 1500px){

	header .sitemap ul li {width:calc(((100% - 210px) / 4) - 1px); margin-left:70px;}

}


@media screen and (max-width: 1280px){

	header .header-conts ul.gnb li {margin-left:40px;}

	footer .footer-conts .fnb {padding:0 60px;}

	header .sitemap ul li {width:calc(((100% - 120px) / 4) - 1px); margin-left:40px;}
	header .sitemap ul li .depth-1 {font-size:25px; margin-bottom:30px;}
	header .sitemap ul li .depth-1 a {font-size:25px;}

}


@media screen and (max-width: 1024px){

	header {height:150px;}
	header > .inner {width:90%;}
	header .logo {width:61px; height:90px;}	
	header .header-conts > * > * {margin-left:30px;}
	header .header-conts ul.gnb {display:none;}
	header .header-conts ul.gnb li {margin-left:40px; height:45px;}
	header .header-conts ul.gnb li:before {width:5px; height:5px;}
	header .header-conts ul.gnb li a {font-size:16px; line-height:45px;}
	header .header-conts ul.gnb li .snb {top:45px; height:50px;}
	header .header-conts ul.gnb li .snb dl dd a {padding:0 15px; font-size:14px;}
	header .header-conts ul.gnb li .snb.snb-1 {width:330px;}
	header .header-conts ul.gnb li .snb.snb-2 {width:340px;}
	header .header-conts ul.gnb li .snb.snb-3 {width:340px; left:-30px;}
	header .header-conts ul.mem li span {font-size:13px; padding:0 15px;}

	header .sitemap:before {background-position:right 20px bottom -10%; background-size:300px auto;}
	header .sitemap ul {max-width:500px; margin:0 auto; margin-top:-50px;}
	header .sitemap ul li {width:calc(((100% - 50px) / 2) - 1px); margin-left:50px; margin-top:50px;}
	header .sitemap ul li:nth-child(2n+1) {margin-left:0;}
	header .sitemap ul li .depth-1 {font-size:22px;}
	header .sitemap ul li .depth-1:before {width:6px; height:6px; left:-16px;}
	header .sitemap ul li .depth-1 a {font-size:22px;}
	header .sitemap ul li dl dd a {font-size:16px; padding:8px 0;}

	footer .footer-conts {padding:60px 0;}
	footer .footer-conts .lf-box {width:180px;}
	footer .footer-conts .lf-box .logo {width:171px; height:56px;}
	footer .footer-conts .lf-box ul {margin:30px 0 10px 0;}
	footer .footer-conts .lf-box ul li a {font-size:14px;}
	footer .footer-conts .lf-box span {font-size:13px;}
	footer .footer-conts .rt-box {width:180px;}
	footer .footer-conts .rt-box .wts {width:157px; height:48px;}
	footer .footer-conts .rt-box .family-site {width:180px; height:36px;}
	footer .footer-conts .rt-box .family-site span {font-size:13px;}
	footer .footer-conts .rt-box .family-site .option-list li a {font-size:13px;}
	footer .footer-conts .fnb {width:calc(100% - 360px); padding:0 40px;}	
	footer .footer-conts .fnb ul li {margin-left:30px;}	
	footer .footer-conts .fnb ul li dl dt {font-size:14px;}
	footer .footer-conts .fnb ul li dl dt a {font-size:14px;}
	footer .footer-conts .fnb ul li dl dd a {font-size:13px;}
	footer .copyright {font-size:13px;}
	footer .copyright ul li > * {font-size:13px;}

}


@media screen and (max-width: 900px){

	header .header-conts ul.gnb {display:none;}

	header .sitemap > .wrap {overflow-y:auto;}
	header .sitemap ul {max-width:400px; margin-top:-30px;}
	header .sitemap ul li {width:100%; margin-left:0; margin-top:30px; padding:0; text-align:center;}
	header .sitemap ul li:nth-child(1) {margin-top:0;}
	header .sitemap ul li .depth-1 {margin-bottom:20px;}
	header .sitemap ul li .depth-1:before {display:none;}
	header .sitemap ul li dl {display:none;}
	header .sitemap ul li dl dd:hover span:before {width:0;}

	footer .footer-conts .lf-box ol {margin-top:20px;}
	footer .footer-conts .fnb {display:none;}
	footer .footer-conts .lf-box {width:100%; margin-bottom:30px;}
	footer .footer-conts .lf-box ul li a {font-size:16px;}
	footer .footer-conts .lf-box span {font-size:14px;}
	footer .footer-conts .rt-box {width:100%; text-align:left;}
	footer .footer-conts .rt-box .wts {display:none;}
	footer .copyright {font-size:14px; text-align:left;}
	footer .copyright ul li > * {font-size:14px;}

}


@media screen and (max-width: 768px){

	header {height:120px;}
	header .logo {width:51px; height:75px;}	
	header .header-conts > * > * {margin-left:25px;}
	header .header-conts ul.mem {display:none;}

	header .sitemap:before {background-size:250px auto;}
	header .sitemap ul li .depth-1 {font-size:20px;}
	header .sitemap ul li .depth-1 a {font-size:20px;}
	header .sitemap ul li dl dd a {font-size:14px;}
	header .sitemap .mo-mem {display:block;}


	.left-up {opacity:0; -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transform:translateY(30px); transition:transform 1s ease-in-out, opacity 0.5s ease-in-out;}
	.left-up.on {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}

}


@media screen and (max-width: 600px){}


@media screen and (max-width: 480px){

	header {height:100px;}
	header .logo {width:47px; height:70px;}	
	header .header-conts > * > * {margin-left:20px;}	

	header .sitemap:before {background-position:right 15px bottom -50px; background-size:180px auto;}
	header .sitemap ul li .depth-1 {font-size:18px;}
	header .sitemap ul li .depth-1 a {font-size:18px;}
	header .sitemap ul li dl dd a {font-size:15px;}	

	footer .footer-conts {padding:40px 0;}
	footer .footer-conts .lf-box .logo {width:153px; height:50px;}
	footer .footer-conts .lf-box ul {margin:20px 0 8px 0;}
	footer .footer-conts .lf-box ul li a {font-size:14px;}
	footer .footer-conts .lf-box span {font-size:13px;}
	footer .footer-conts .fnb ul li {margin-left:30px;}	
	footer .copyright {font-size:12px;}
	footer .copyright ul li > * {font-size:12px;}

	.btn-top {width:45px; height:45px; right:20px; bottom:20px;}
	.btn-top:before {width:6px; height:6px; top:calc(50% + 2px);}


}