#wrapper {width:100%; height:100%;}
#header {border-bottom:1px solid #E2E2E2;}
#header .logo {display:inline-block; padding-left:20px;}
#header .logo img {width:clamp(163px, 13.5vw, 203px); height:auto;}
/* #header .logo.intro img {width:clamp(130px, 10.8vw, 220px) !important;} */
#header .logo.intro img {width:clamp(130px, 13.5vw, 220px) !important;}

#header .container {max-width:1200px; margin:0 auto;}
#header .container.inner {padding:0 20px;}
#header .container .left_area{ display: flex; align-items: center;padding: 18px 0;}

#footer {padding:25px 0; border-top:1px solid #E2E2E2;}
#footer .copy {line-height:20px; font-size:12px; color:#C5C5C5; text-align:center;}


@media screen and (max-width:767px){
	/* #header .container .left_area{padding: calc(18vw / 7.6) 0;} */
	#header .container .left_area{padding: clamp(12px, calc(18vw / 7.6), 24px) 0;}
	
}

/*ÇÏ´Ü ¿ìÃø Ç÷ÎÆà ¹è³Ê*/
.h-body {width: 100%;height: 100%;overflow: hidden;z-index: 1;top:0;left:0}
/* .floating-box {z-index:-1;opacity:0;position: fixed;bottom: 177px;right: 4%;transition: all ease .3s;} */
.floating-box {z-index:-1;opacity:0;position: fixed;bottom: 113px;right: 4%;transition: all ease .3s;}
.floating-box.up {bottom:174px;}
.floating-box.on {z-index:8;opacity:1;}
.floating-box a {display:block;width:50px;height:50px;position: relative;margin-bottom:7px;transform:translateY(15%);opacity:0;transition: all ease .3s;}
.floating-box a em {display:block;width:18px;height:18px;line-height:18px;position: absolute;top:0px;right:-7px;background:#db3e6b;border-radius: 50%;color:#fff;font-size:1.1rem;text-align:center;font-style: normal;}
.floating-box.on a {transform:translateY(0%);opacity:1;}
.floating-box.on a:nth-of-type(1) {transition-delay: .3s;}
.floating-box.on a:nth-of-type(2) {transition-delay: .2s;}
.floating-box.on a:nth-of-type(3) {transition-delay: .1s;}
.floating-box a span:nth-of-type(1) {display:block;width:120px;position: absolute;top:50%;left:-130px;text-align: right;font-size:2.8rem;color:#fff;transform:translateY(-50%);}
.floating-box a span:nth-of-type(2) {display:block;width:50px;height:50px;background:#fff;border-radius: 25px;position: relative;}
.floating-box a span:nth-of-type(2) img {width:27px;height:27px;position: absolute;top:50%;left:50%;transform: translate(-50.1%, -50.1%)}
#btn-floating {width:50px;height:50px;margin-top:7px;position: fixed;bottom: 65px;right:4%;z-index: 8;text-align:center;border-radius: 50%;background: #0b9678;overflow: hidden;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}
#btn-floating.on {z-index: 8;}
#btn-floating img {width:14px;height:14px;margin:0;position: absolute;top:50%;left:50%;transform: translate(-50.1%, -50.1%) rotate(-45deg);transition: all ease .4s;}
/* #btn-floating::before {content:"";display:block;width:100%;height:100%;position: absolute;top:0;left:0;background:transparent;border-radius: 25px;opacity: .8;} */
#btn-floating::after {content:"";display:block;width:100%;height:100%;position: absolute;top:0;left:0;opacity: .8;}
#btn-floating a {overflow:hidden;display: block;width: 100%;height: 100%;z-index: 1;position: relative;border-radius: 25px;}
#btn-floating.on img {transform: translate(-50.1%, -50.1%) rotate(90deg);}

#btn-top {position: fixed;bottom: 65px!important;right: 4%;z-index:7;opacity:0;transition-delay:0.6s;}
#btn-top.on {opacity: 1;}
#btn-top a {box-sizing:border-box;font-size:0;width: 50px;height: 50px;overflow:hidden;border-radius:50% 50%;display: block;background-color:#fff;border:1px solid #cdcdcd;opacity: 0.8;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);}
#btn-top span {display:block;width:100%;height:100%;background:url("https://russeldata.megastudy.net/campus/images/russel/m_russel/common/ico_top.png") center 40px no-repeat;background-size: 50%;/* transition */transition:ease all 1s 1s}
#btn-top.on span {padding-top:0;transition:ease all 1s 1s;background-position: center center;}
.floating-mask {display:none;position: fixed;top:0;left:0;z-index:7;background:#000;opacity: .6;width:100%;height:100%;}
.floating-mask.on {display: block;}

/*¸ÞÀÎ Ä«Ä«¿À ¹öÆ°*/
#btn-kakao {width:50px;height:50px;margin-top:7px;position: fixed;bottom: 120px;right: 4%;z-index: 5;text-align:center;}
#btn-kakao.on {z-index: 8;}
#btn-kakao img {width:52px;height:52px;margin:0;position: absolute;top:50%;left:50%;transform: translate(-50.1%, -50.1%);transition: all ease .4s;}
#btn-kakao::after {content:"";display:block;width:100%;height:100%;position: absolute;top:0;left:0;border-radius: 25px;opacity: .8;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}
#btn-kakao a {overflow:hidden;display: block;width: 100%;height: 100%;z-index: 1;position: relative;border-radius: 25px;}
#btn-kakao.on img {transform: translate(-50.1%, -50.1%) rotate(90deg);}