.btn-depth {display: none;}

header {position: fixed; top: 15px; left: 0; width: 100%; height: 80px; padding: 0 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;  z-index:10000; }
header:after {display: none}
header .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; position:relative;}
header .left:after {display: none;}
header .left .logo a { margin-right: 40px; z-index: 10000; position:relative;}
header .left .logo a { display: block; width: 180px; height: 34px; background-image: url('/_common/img/logo_w.png'); background-size: 100%; background-repeat: no-repeat; background-position: center;}
header .left .logo img { width: 100%; display: block;}
header .left .logo svg {width: 100%;display: block;fill:#fff;}
header .left .logo-white {display: block}
header .left .logo-black {display: none}

header .left ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 1; transition: .3s}
header .left ul li {}
header .left ul li a { padding: 0 1px 2px; position: relative;}
header .left ul li a span { font-size: 17px; font-weight: 500; color: #fff;}
header .left ul li a i { font-size: 17px; color: #fff; margin-left: 2px; vertical-align: bottom;}
header .left ul li.store { border-radius: 300px; transition: .3s; margin-left: 35px}
header .left ul li.store a { padding: 10px 24px 11px; transition: .3s; box-shadow: 0 0 0 1px #fff; -webkit-border-radius: 300px; -moz-border-radius: 300px; border-radius: 300px}
header .left ul li.store:hover {box-shadow: 0 0 0 3px #fff;}
header .left ul li:not(.store) {cursor: pointer}
header .left ul li:not(.store) a {padding: 31px 35px;}
header .left ul li:not(.store) a span {position: relative}
header .left ul li:not(.store) a span:after { content: ""; position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; transition-duration: .3s; transition-delay: .1s; background: #fff;}
header .left ul li:hover:not(.store) a span:after {width: 100%;}
header .left ul li.active:not(.store) a span:after {width: 100%;}

header .left .depth{position: absolute;display:none;/*left: 0;*/top: 100%;font-size:15px;font-weight: 400;}
header .left .open .depth{display: block;}

header .left ul li .depth{white-space: nowrap}
header .left ul li .depth:before{content: '';position: absolute;top: 0;bottom: 0;left: 50%;}
header .left ul li .depth > li{position: relative;/*display: inline-block;*/ }
header .left ul li .depth > li a {padding:9px 0;  color:#fff }
header .left ul li .depth > li a:hover {font-weight:bold}
header .left ul li .depth > li a:last-child{margin-right: 0; padding-left:35px; padding-top:0}
	
	
header .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
header .right .lang { display: flex; padding:3px 32px; position: relative; opacity: 1; transition: .3s; cursor: pointer}
header .right .lang .clinic_info_pop-call {display: none}
header .right .lang h3, header .right .lang .toggle ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
header .right .lang span { color: #fff; font-size: 15px; font-weight: 500;}
header .right .lang .arw { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #fff; margin-left: 11px; display: block;}
header .right .lang.open li .arw {transform: rotate(-180deg)}
header .right .lang .toggle { padding-top: 20px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: none}
header .right .lang .toggle ul { padding: 12px 18px; background: #fff; border-radius: 8px;}
header .right .lang .toggle li:not(:first-child) {margin-top: 8px;}
header .right .lang .toggle li span { font-size: 15px; font-weight: 500; min-width: 70px}
header .right .lang .toggle li i { font-size: 16px; margin-left: 4px; display: none; transition: .3s; color: #999;}
header .right .lang .toggle li span, header .right .lang .toggle li.active span, header .right .lang .toggle li.active i {color: #000}
header .right .lang .toggle li.active i {display: block}
header .right .lang .toggle li:hover span, header .right .lang .toggle li:hover i {color: #000}

header .right .hamburger {}
header .right .hamburger { height: 30px; width: 30px; position: relative; cursor: pointer;}
header .right .hamburger:before { transition-duration: 0.5s; position: absolute; width: 30px; height: 2px; background-color: #fff; content: ""; top: 8px;}
header .right .hamburger:after { transition-duration: 0.5s; position: absolute; width: 30px; height: 2px; background-color: #fff; content: ""; bottom: 8px; z-index: 10000;}
header .right .hamburger.open {transition: 0.5s;}
header .right .hamburger.open:before {transform: rotateZ(45deg) scaleX(1.25) translate(4px, 4px);}
header .right .hamburger.open:after {transform: rotateZ(-45deg) scaleX(1.25) translate(3px, -4px);}

header .right button.clinic_info_pop-call { margin-right: 10px;  background-color: transparent; font-size: 13px; border: 1px solid #fff; border-radius: 50px; padding: 5px 10px; color: #fff;}


header .right .login-menu {position: absolute; top:33px ;right: 210px;}
.login-menu-item{display: inline-block;position: relative; padding:0 8px; font-size: 0.875rem; }
header .right a.login-menu-item {color:#fff}
.login-menu-item::after{content:'|'; display: inline-block; margin-left: 16px;}
.login-menu-item:last-child:after{content:''; display: none;}

header.menublend {mix-blend-mode: difference;}
header.menublend .right .hamburger:before,
header.menublend .right .hamburger:after {background: #fff}

header.black .left ul {opacity: 0}
header.black .right .lang {opacity: 0}

header.blend {mix-blend-mode: difference;}
header.blend .left .logo a {background-image: url('/_common/img/logo_w.png');}

header.sub-header {position: absolute; box-sizing: border-box; width: 100%; mix-blend-mode:normal;}
header.sub-header .left .logo a {background-image: url('/_common/img/logo_w.png');}

header.bg .left ul li a span,  
header.bg .left ul li .depth > li a {color: #000}
header.bg .left ul li:not(.store) a span:after {background: #000}
header.bg .left ul li.store a {box-shadow: 0 0 0 1px #000}
header.bg .left ul li a i {color: #000}
header.bg .left ul li a span {color: #000}
header.bg .left .logo a {background-image: url('/_common/img/logo.png') !important;}
header.bg .right .lang span {color: #000}
header.bg .right .lang .arw {border-top-color: #000}
header.bg .right .lang .toggle ul {background: #000;}
header.bg .right .lang .toggle li span, header.bg .right .lang .toggle li.active span, header.bg .right .lang .toggle li.active i {color: #fff;}
header.bg .right .hamburger:before, header.bg .right .hamburger:after {background: #000}
header.bg .right a.login-menu-item {color:#000}

@media all and (max-width:1500px) {
    header .right .login-menu { display:none; right: 120px;}	
    header.menublend .right .login-menu { display:block}	
}

@media all and (max-width:980px) {
    header {padding: 0 30px; top: 0px; background:rgba(0,0,0,.65);} 
    header.blend {mix-blend-mode:normal;}
	header.menublend {mix-blend-mode:normal;}
	header .left .logo a {width: 90px }
	header.blend .left .logo a {width: 90px !important; background-image: url('/_common/img/logo_w.png');}
	header.bg .left .logo a {width: 90px !important; background-image: url('/_common/img/logo_w.png') !important; }
	header .right .login-menu {top: 17px; right: 60px;}	
    header .right .lang .clinic_info_pop-call {display: block}
	header .left ul li a span {font-size:15px;}
	header .left ul li:not(.store) a {padding: 33px 10px;}
	
	header .left ul li:first-child,
	header .left ul li:nth-child(2) {display:none}
	
	header.bg .left ul li a span {color:#fff}
	
	header.bg .right .hamburger:before, header.bg .right .hamburger:after {background:#fff}
	
	header.sub-header {position:fixed}
}





nav {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;z-index: 1000;overflow-x: hidden;overflow-y: scroll;background: linear-gradient(0deg, rgba(30, 30, 30, 0.97),rgba(90, 90, 101, 0.97)); }
nav::-webkit-scrollbar { display: none;}
/* Hide scrollbar for IE, Edge and Firefox */
nav { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.nav-bg { width: 100px; height: 100px; top: 0; right: 50px; background: linear-gradient(0deg, rgba(30, 30, 30, 0.97),rgba(90, 90, 101, 0.97));  position: fixed; border-radius: 50%; /*opacity: 0;*/ visibility: hidden; transform: scale(1, 1); z-index: 999; opacity: 1 !important;
}
nav .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%;}
nav .menu .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto;}
nav .menu .inner:after { display: none;}


nav .menu .left li {margin-top: 50px;}
nav .menu .left li:nth-child(1) {margin-top: 0;}
nav .menu .left li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; line-height: normal; transition: .3s;}
nav .menu .left li a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: transparent; transition: .3s}
nav .menu .left li.active a:after { width: 100%; background: #000}
nav .menu .left li:hover a:after { width: 100%; background: #000}
nav .menu .left li a {color: #e4e5e9;}
nav .menu .left li.active a {color: #000}
nav .menu .left li:hover a {color: #000}
nav .menu .left li span { font-size: 40px; font-weight: bold;}
nav .menu .left li i { font-size: 58px; margin-left: 10px;}

nav .menu .top { padding-bottom: 0; margin-bottom: 20px; font-size: 18px; font-weight: 600; color: #000;}
nav .menu .right { padding-left: 80px; border-left: 1px solid #eee;}
nav .menu .right .cate { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 86px}
nav .menu .right .cate li {margin-right: 30px;width: 60px}
nav .menu .right .cate li:last-child {margin-right: 0;}
nav .menu .right .cate li img:first-child {width: 100%}
nav .menu .right .cate li .img { width: 100%; padding-bottom: 100%; position: relative; display: block; overflow: hidden;}
nav .menu .right .cate li .img img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); transition: transform .3s; -ms-interpolation-mode: nearest-neighbor; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-pixelated; image-rendering: pixelated;}
nav .menu .right .cate li .img:hover img {transform: translate(-50%, -50%) scale(1.1);}
nav .menu .right .cate li img.tit { margin-top: 20px; width: auto; height: auto; max-width: 100%;}
nav .menu .right .cate li img.subtit { margin-top: 8px; width: auto; height: auto; max-width: 100%;}



/* flex-box */
.flex_row{display: flex; }
.flex_row.fw{flex-wrap:wrap; }
.flex_row.center{display: flex; align-items: center;}
.flex_row.jc_center{justify-content: center;}
.flex_row.jc_fs{justify-content: flex-start;}
.flex_row.sb{justify-content:space-between;}
.flex_row.sa{justify-content:space-around;}

/* gnb */
.gnb-container{ position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 10; /*opacity: 0; visibility: hidden;*/ transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -webkit-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -moz-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -ms-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -o-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); }
.gnb-container.open{opacity: 1; visibility: visible;}
.gnb-wrapper{display: flex; justify-content: center; align-items: center; width:100%; height: 100%;}
.gnb-inner{width: 90%; max-width: 1376px; margin-top: 80px;}
.gnb-inner > div::-webkit-scrollbar {width: 5px;}
.gnb-inner > div::-webkit-scrollbar-thumb { background-color: #000; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;}
.gnb-inner > div::-webkit-scrollbar-track {background-color: #333;}

.gnb-menu-list{width: 72%;}
.gnb-menu-list:hover .gnb-menu-sub{color: #e9e9e9;}
.gnb-event-wrap{width: 28%; height: 100%; border-left:1px solid rgba(204,204,204,0.4); padding:3.75% 0 0 3.75%;}
.gnb-event-scroll-box{height: 100%; max-height: 714px; overflow-x: hidden; overflow-y:auto; padding:0 2% 0 0;}
.gnb-event-item{display: block; margin-bottom:30px}
.gnb-event-btn{width:35%; padding:2% 0 2.5% 0; text-align:center; background:#f8f8f8; color:#000; border-radius:30% 30%/100% 100%; margin-left:auto; margin-right:0; }

.gnb-event-scroll-box::-webkit-scrollbar { width: 6px; height: 6px;}
.gnb-event-scroll-box::-webkit-scrollbar-track {background: #505050;}
.gnb-event-scroll-box::-webkit-scrollbar-thumb { background: #000; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}
.gnb-event-scroll-box::-webkit-scrollbar-thumb:hover {background: #cdb78d;}
.gnb-event-scroll-box h4 {margin-bottom:30px; color:#fff}

.gnb-menu-depth1{position: relative; border-bottom:1px solid rgba(204,204,204,0.4); padding:2.25rem 0 1rem;}
.gnb-menu-depth1:last-child{border-bottom:0}
/* .gnb-menu-depth1 > a{color: #fff;} */
.gnb-menu-depth1 .gnb-menu-depth1-inner > a{color: #fff;}
.gnb-menu-sub{ font-size: 0.938rem; transition:.4s ease; -webkit-transition:.4s ease; -moz-transition:.4s ease; -ms-transition:.4s ease; -o-transition:.4s ease; }
.gnb-menu-depth2{position: absolute; bottom:1.2rem; left:25%; width: 75%; display: flex; flex-wrap: wrap; color: #eeeeee; opacity: 0.8;}
.gnb-menu-depth1:last-child .gnb-menu-depth2{width:60%;}
.gnb-menu-depth2 > li{margin-right: 1.125rem;}
.gnb-menu-depth2 > li > a{display: block; padding:4px 0; color: #eeeeee; }
.gnb-menu-depth1-inner a.h4{ transition:.4s ease; -webkit-transition:.4s ease; -moz-transition:.4s ease; -ms-transition:.4s ease; -o-transition:.4s ease; font-size: 1.875rem;} 
.gnb-menu-depth1-inner:hover a.h4{color: #feb0be;}
.gnb-menu-depth1-inner a.h4[target=_blank]{position: relative;}
.gnb-menu-depth1-inner a.h4[target=_blank]::before{content:''; position: absolute; width: 18px; height: 18px; background: url(../img/blank-icon.png)0 0 /100% no-repeat; left:-1.125em; top:10px;}

.gnb-inner .login-menu { display:none}
.gnb-inner a.login-menu-item {color:#fff}


@media (max-width:1024px) {
    .gnb-inner {width: 100%; padding-left:30px; padding-right:30px}
	.gnb-wrapper{display:block}
	
	.gnb-inner .login-menu { display:block !important; position: absolute; top:30px; right:15%; z-index:9999999}
}
 
@media (max-width:800px) {
  .gnb-inner > div{flex-wrap: wrap; padding-bottom: 150px;}
  .gnb-left-bg{width: 100%;}
  .gnb-right-bg{width: 0%;}
  .gnb-menu-list{height: fit-content; min-height: auto;}
  .gnb-menu-list,.gnb-event-wrap{width: 100%;}
  .gnb-event-wrap{height: auto;padding:0; border-left:0; display: none;}
  .gnb-event-scroll-box::after{content:''; display: block; clear: both;}
  .gnb-event-item{float: left;}

  .gnb-inner > div::-webkit-scrollbar {width: 0;}
  .gnb-menu-depth1{padding:0; overflow: hidden; }
  .gnb-menu-depth1-inner { position:relative }
  .gnb-menu-sub{display: none;}
  .gnb-menu-depth1-inner a.h4{padding:20px 0 12px; display: block; font-size: 20px; position: relative;}
  .gnb-menu-depth1-inner a.h4::after,.gnb-menu-depth1-inner a.h4::before,.gnb-menu-depth1-inner a.h4[target=_blank]::before{position: absolute; content:''; width: 20px; height: 1px; background: #fff; top:55%; right:20px; left:auto;}
  .gnb-menu-depth1-inner a.h4::after{ transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); }

  .gnb-menu-depth1.on .gnb-menu-depth1-inner a.h4::after{display: none;}

  .gnb-menu-depth2,.gnb-menu-depth1:last-child .gnb-menu-depth2{position: absolute; margin-top: 0; bottom: auto;/* top:100%; */left:0; display: block;}
  .gnb-menu-depth2 > li{margin-right: 0;}
  .gnb-menu-depth2 > li > a{padding:8px 0; font-size:1.15rem;}
}


.sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; align-items: center;
}



.sns li {
    width: 38px;
    position: relative
}
.sns li:first-of-type {width: 30px;}

.sns li:not(:last-child) {
    margin-right: 12px;
}

.sns li a {display:inline-block; overflow:hidden;position:relative;vertical-align: top;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.sns li a span {font-size:0;line-height:0;text-indent:-999px;width:0;}
.sns li a i { display:inline-block;width:38px;height:38px;color: #fff; font-size: 16px;position:absolute;left: 0px;top:0; text-align: center; line-height: 36px; }


/*.sns li:nth-child(1) a {background-image:url('../img/ico_kakao.svg');  background-size: 25px auto; background-repeat: no-repeat;  background-position: 50% 50% !important;}
.sns li:nth-child(2) a {background-image:url('../img/ico_naver_w.svg'); background-size: 25px auto; background-repeat: no-repeat;  background-position: 50% 50% !important;}
.sns li:nth-child(3) a {background-image:url('../img/instagram-ico.svg'); background-size: 35px auto; background-position: 50% 50% !important;}

*/

/*
.sns li:before {
	display: inline-block;
    width: 38px;
    height: 38px;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 25px auto;
    border-radius: 50%;
    border: 1px solid #eee;
    box-sizing: border-box;
    transition: .3s;
    pointer-events: none
}

.sns li:after  {
	display: inline-block;
    width: 38px;
    height: 38px;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 25px auto;
    border-radius: 50%;
    border: 1px solid #eee;
    box-sizing: border-box;
    transition: .3s;
    pointer-events: none
}
.sns li:after {
    opacity: 0;
    border: 1px solid #000;
}

.sns li:hover:after {
    opacity: 1
}
*/


footer {
    padding: 120px 0 110px;
    background: #000;
}

footer .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

footer .inner:after {
    display: none
}

footer .left .logo {
    width: 120px;
	margin-bottom:30px
}

footer .left .logo img {
    width: auto;
    max-width: 100%;
}

footer .left .adress {
    
}

footer .left .adress li {
    font-size: 14px;
    font-weight: 500;
}

footer .left .adress li:not(:first-child) {
    margin-top: 12px;
}

footer .left .adress li b {
    color: #888;
    margin-right: 10px;
}

footer .left .adress li span {
    color: #e5e5e5;

}

footer .left .address {
    margin-top: 70px;
    font-size: 14px;
    font-weight: 500;
    color: #bbb
}

footer .left address {
    font-size: 12px;
    font-weight: 300;
    margin-top: 60px;
    color: #bbb;
    line-height: 2.17;
}



/*footer .right .sns li:after,
footer .right .sns li:before {
    border: 1px solid #333
}

footer .right .sns li:after {
    border: 1px solid #fff
}
*/

footer .fnb {margin-top: 30px;}
footer .fnb li {}
footer .fnb li a {color: #fff; font-size: 14px; padding: 0 10px; position: relative;}
footer .fnb li a::after {position: absolute; top: 0; right: 0; width: 1px; height: 12px; background: #fff; opacity: 0.3; content: '';}
footer .fnb li a:first-of-type {padding-left: 0}
footer .fnb li a:last-of-type::after {display: none}

.common-btns {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: auto;
}


.common-btns li:not(:last-child) {
    margin-right: 18px;
}

.common-btns li {
    transition: .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.common-btns li:after {
    display: none
}

.common-btns li a {
    min-height: 40px;
    padding: 7px 24px;
    padding-right: 58px;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    position: relative;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: .2s;
    background: #000;
    box-shadow: 0 0 0 1px #000;
}

.common-btns li:hover a {
    box-shadow: 0 0 0 3px #000;
}


.common-btns li span {
    font-size: 14px;
    font-weight: normal;
    display: block;
    position: relative
}

.common-btns li i {
    position: absolute;
    right: 24px;
    top: calc(50% - 1px);
    transform: translateY(-50%);
    font-size: 24px;
    transition: .3s
}

.common-btns li.static i {
    top: 50%
}

.common-btns li:not(.static):hover i {
    right: 16px;
}

.common-btns li.line a {
    background: transparent;
    box-shadow: 0 0 0 1px #000;
}


.common-btns li.line span,
.common-btns li.line i {
    color: #000
}

.common-btns li.line:hover a {
    box-shadow: 0 0 0 3px #000;
}

.common-btns li.white.line a {
    background: transparent;
    box-shadow: 0 0 0 1px #fff;
}

.common-btns li.white.line span,
.common-btns li.white.line i {
    color: #fff;
}



.common-btns li.white:hover a {
    box-shadow: 0 0 0 3px #fff;
}

.common-btns li.white a {
    background: #fff
}

.common-btns li.white span,
.common-btns li.white i {
    color: #000;
}

.common-btns li.white span {
    position: relative;
}

footer .right .common-btns {
    float: right;
    margin-top: 30px;
}

footer .right .common-btns li a {
    padding: 7px 20px;
    padding-right: 54px;
    min-height: 40px
}

footer .right .common-btns li span {
    font-size: 13px;
}

footer .right .common-btns li i {
    right: 20px;
    font-size: 24px
}

footer .right .common-btns li:hover i {
    right: 12px;
}


@media screen and (max-width: 1700px) {
    footer .inner {
        padding: 0;
        width: 60%
    }

    .sub-footer footer .inner {
        width: 1400px;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 50px
    }

    nav .menu .inner {
        width: 100%;
        padding: 0 50px
    }

    nav .menu .left li span {
        font-size: 40px;
    }

    footer .inner {
        width: 76%
    }

}


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

    nav .menu .left li span {
        font-size: 40px;
    }

    nav .menu .left li i {
        font-size: 47px;
    }

    nav .menu .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 150px
    }

    nav .menu .right {
        padding-left: 0;
        border-left: 0;
        padding-top: 80px;
        padding-bottom: 80px;
        border-top: 1px solid #eee;
        margin-top: 80px;
        width: 100%
    }

    nav .menu .right .cate li {
        margin-right: 1.769%;
        width: 32.153%;
    }

    nav .menu .right .cate li img {
        margin: 0 auto
    }

    nav .menu .right .cate li img.tit {
        margin-top: 12px
    }


}

@media screen and (max-width: 900px) {
    header .left .logo {
        margin-right: 50px;
    }

    header .left ul li:not(:last-child) {
        margin-right: 5px;
    }

    header .left ul {
       /* display: none !important;*/
	   padding:2px 7px 0 0
    }

    header .left .logo {
        margin-right: 0;
    }

    footer {
        padding: 80px 18px 90px;
    }

    footer .inner {
        width: 100%;
        margin-left: 0;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    footer .left .logo {
        margin: 0 auto
    }

    footer .left address {
        margin-top: 40px
    }

    footer .left .adress li {
        font-size: 12px;
    }

    footer .right {
        margin-top: 70px;
    }

    .sub-footer footer .inner {
        padding: 0
    }

    .common-btns li:hover a {
        border-color: transparent !important;
    }

    .common-btns li i {
        right: 24px !important
    }
}

@media only screen and (max-width: 500px),
only screen and (max-width: 1000px) and (orientation:landscape) {


    header {
        height: 54px;
        padding: 0 18px;
		background: rgba(0,0,0,.7);
    }

    header .left ul {
       /* display: none !important*/
    }

    header .left .logo {
        width: 80px
    }

    header .right .lang {
        padding: 16px 26px;
    }

    header .right .lang .toggle {
        padding-top: 40px;
    }

    header .right .lang span {
        font-size: 12px
    }

    header .right .lang .arw {
        margin-left: 8px;
    }

    header .right .hamburger {
        width: 26px;
    }

    header .right .hamburger:before,
    header .right .hamburger:after {
        width: 26px;
		
    }

    nav .menu .inner {
        padding: 0 18px;
        padding-top: 104px
    }

    nav .menu .top {
        font-size: 12px;
        margin-bottom: 18px;
    }

    nav .menu .left li {
        margin-top: 30px;
    }

    nav .menu .left li a {
        color: #000
    }

    nav .menu .left li span {
        font-size: 30px;
    }

    nav .menu .left li i {
        font-size: 28px;
    }

    nav .menu .left li a:after {
        display: none
    }

    nav .menu .right {
        padding-top: 40px;
        margin-top: 40px;
    }

    nav .menu .right .cate {
        margin-bottom: 60px
    }

    nav .menu .right .cate li {
        max-width: 200px
    }

    .sns li:before {
        border: 2px solid #eee;
    }

    .sns li:after {
        display: none
    }

    footer {
        padding: 50px 0 50px;
    }

    footer .left .logo {
        width: 90px;
    }

    footer .left .adress {
        margin-top: 30px
    }

    footer .left .adress li {
        font-size: 12px;
        letter-spacing: -1px; line-height: 1.25;
    }
    footer .fnb li a {font-size: 12px;}

    footer .left .adress li:not(:first-child) {
        margin-top: 8px;
    }

    footer .left address {
        margin-top: 20px;
        font-size: 11px;
        letter-spacing: -.8px;
    }

    footer .right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 40px
    }

    footer .right .common-btns {
        float: none;
    }

    .common-btns {
        margin-top: 3.695vh;
    }

    .common-btns li a {
        min-height: 38px;
        padding: 12px 18px;
        padding-right: 39px;
    }

    .common-btns li span {
        font-size: 12px;
    }

    .common-btns li i {
        right: 14px !important;
        font-size: 16px;
    }

    .common-btns li:not(:last-child) {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 500px)and (orientation:portrait) {
    footer .left .adress {
        margin-top: 30px; padding-left: 30px; padding-right: 30px; box-sizing: border-box;
    }

    footer .left address {
        margin-top: 40px
    }

    footer .right {
        margin-top: 70px
    }

    footer {
        padding: 80px 0 70px;
    }
}

@media only screen and (max-height: 500px)and (orientation:landscape) {
    footer {
        min-height: 100vh
    }
}


/* quickmenu */
.quickmenu{ position: fixed; bottom:5rem;right:3rem;z-index: 7000;}
.quickmenu li {margin-top:10px; text-align:right;}
.quickmenu li a {display:inline-block;width: 38px;height: 38px;border-radius:19px;overflow:hidden;position:relative;vertical-align: top;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.quickmenu li a span {font-size:0;line-height:0;text-indent:-999px;width:0;}
.quickmenu li a i { display:inline-block;width:38px;height:38px;color: #fff; font-size: 16px;position:absolute;left: 0px;top:0; text-align: center; line-height: 36px}
.quickmenu li a:before {display:inline-block;width:38px;height:38px;content:'';position:absolute;left:0;top:0;background-repeat:no-repeat !important;background-position: 50% 50% !important; background-size: 25px auto}
/*
.quickmenu li:nth-child(1) a {background-color:#ffbb05;}
.quickmenu li:nth-child(1) a:before {background-image:url('../img/evt-icon-w.png');background-color:#ffbb05; background-size: 21px auto}

.quickmenu li:nth-child(2) a {background-color:#3e2a2e;}
.quickmenu li:nth-child(2) a:before {background-image:url('../img/ico_kakao.svg');background-color:#3e2a2e;}

.quickmenu li:nth-child(3) a {background-color:#2dc236;}
.quickmenu li:nth-child(3) a:before {background-image:url('../img/ico_naver_w.svg'); background-color: #2dc236; }

.quickmenu li:nth-child(4) a {background-color:#d03b8e;}
.quickmenu li:nth-child(4) a:before {background-image:url('../img/instagram-ico.svg'); background-color: #d03b8e; background-size: 35px auto}
*/
.quickmenu li:nth-child(1) a {background-color:#333;}
.quickmenu li:nth-child(1) a:before {background-image:url('../img/icon_line.png');background-color:#333; background-size: 21px auto}

.quickmenu li:nth-child(2) a {background-color:#333;}
.quickmenu li:nth-child(2) a:before {background-image:url('../img/ico_naver_w.svg');background-color:#333;}

.quickmenu li:nth-child(3) a {background-color:#333 ;}
.quickmenu li:nth-child(3) a:before {background-image:url('../img/instagram-ico.svg'); background-color: #333; }

.quickmenu li:nth-child(4) a {background-color:#333;}
.quickmenu li:nth-child(4) a:before {background-image:url('../img/instagram-ico.svg'); background-color: #333; background-size: 35px auto}

.quickmenu li a:hover {padding-left: 38px;width:auto;min-width: 38px;box-shadow:0 6px 20px rgba(0, 0, 0, 0.1);}
.quickmenu li a:hover:before,
.quickmenu li a:hover i{ left:0px;}
.quickmenu li a:hover span {display:inline-block;width:auto;padding-right:1.5em;font-size: 13px;font-weight:400 !important;line-height: 36px;text-indent:0;color:#fff;}

.quickmenu-bottom {display:none !important}
.quickmenu-bottom  {position: fixed; bottom:5rem;right:3rem;z-index: 7000;}

.quickmenu-bottom li {margin-top:10px; text-align:right;}
.quickmenu-bottom li a {display:inline-block;width: 38px;height: 38px;border-radius:19px;overflow:hidden;position:relative;vertical-align: top;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.quickmenu-bottom li a span {font-size:0;line-height:0;text-indent:-999px;width:0;}
.quickmenu-bottom li a i { display:inline-block;width:38px;height:38px;color: #fff; font-size: 16px;position:absolute;left: 0px;top:0; text-align: center; line-height: 36px}
.quickmenu-bottom li a:before {display:inline-block;width:38px;height:38px;content:'';position:absolute;left:0;top:0;background-repeat:no-repeat !important;background-position: 50% 50% !important; background-size: 25px auto}
.quickmenu-bottom li:nth-child(1) a {background-color:#000 ;}
.quickmenu-bottom li:nth-child(1) a:before  {background-image:url('../img/icon_call.png'); background-color: #333333; background-repeat:no-repeat; background-size:22px;}
.quickmenu-bottom li:nth-child(2) a {background-color:#000 ;}
.quickmenu-bottom li:nth-child(2) a:before  {background-image:url('../img/icon_line.png'); background-color: #cdb88d; background-repeat:no-repeat; background-size:25px;}
.quickmenu-bottom li:nth-child(3) a {background-color:#000 ;}
.quickmenu-bottom li:nth-child(3) a:before {background-image:url('../img/ico_naver_w.svg'); background-color: #000; }
.quickmenu-bottom li:nth-child(4) a {background-color:#000 ;}
.quickmenu-bottom li:nth-child(4) a:before {background-image:url('../img/instagram-ico.svg'); background-color: #302e2e;background-repeat:no-repeat; background-size:30px;}



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

	.quickmenu{right:-1px; top:inherit; bottom: 0; width: calc(100% + 2px ); background-color: #fff; border-top: 1px solid #383b3e; display:none;}
	.quickmenu li {margin:0px;text-align: center;float: left;width: 25%;;}
	.quickmenu li:nth-child(2) {position: relative;}
	.quickmenu li:nth-child(2):before,
	.quickmenu li:nth-child(2):after{ content: ""; width: 1px; height: 50px; background-color: rgba(0,0,0,.21); position: absolute; top:50%; margin-top: -25px}
	.quickmenu li:nth-child(2):before{ left: 0}
	.quickmenu li:nth-child(2):after{ right: 0}
	.quickmenu li a {width: 100%;height: 50px;border-radius:0;background-color: transparent !important;}
	.quickmenu li a span {display:inline-block;width:auto;font-size: 14px;font-weight:400 !important;line-height: 50px;text-indent:0;color:#666; vertical-align: top; padding-right: 15px;color: #fff;}
	.quickmenu li a i,
	.quickmenu li a:before{position:relative; left:inherit; top:inherit;vertical-align: top;width: 35px; height: 50px;line-height:50px; font-size: 18px; color: #fff}

	.quickmenu li a:hover {padding-left: 0;width:100%;min-width:inherit;box-shadow:none; line-height: 45px; }
	.quickmenu li a:hover:before,
	.quickmenu li a:hover i{ left:inherit;width: 35px; height: 50px;line-height:50px;}
	.quickmenu li a:hover span {line-height: 50px; width: auto; font-size: 14px;padding-right: 15px; color: #000}

	.quickmenu li:nth-child(1),
	.quickmenu li:nth-child(1) a,
	.quickmenu li:nth-child(1) a:before {background-color: #000;}
	.quickmenu li:nth-child(2),
	.quickmenu li:nth-child(2) a,
	.quickmenu li:nth-child(2) a:before  {background-image:url('../img/ico_kakao_b.svg'); background-color: #fae100;}
	.quickmenu li:nth-child(2) a:hover span, .quickmenu li:nth-child(2) a span {color:#3e2a2e}
	.quickmenu li:nth-child(3),
	.quickmenu li:nth-child(3) a,
	.quickmenu li:nth-child(3) a:before {background-color: #35ae3c}	
	.quickmenu li:nth-child(4),
	.quickmenu li:nth-child(4) a{ background:radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), 
    radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),  radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), 
    linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);}
	.quickmenu li:nth-child(4) a:before {background:url('../img/instagram-ico.svg') no-repeat}


	.quickmenu-bottom{right:-1px; top:inherit; bottom: 0; width: calc(100% + 2px ); background-color: #fff; border-top: 1px solid #383b3e;display:block !important}
	.quickmenu-bottom li {margin:0px;text-align: center;float: left;width: 25%;}
	.quickmenu-bottom li a {width: 100%;height: 50px;border-radius:0;background-color: transparent !important;}
	.quickmenu-bottom li a span {display:inline-block;width:auto;font-size: 14px;font-weight:400 !important;line-height: 50px;text-indent:0;color:#666; vertical-align: top; padding-right: 15px;color: #fff;}
	.quickmenu-bottom li a i,
	.quickmenu-bottom li a:before{position:relative; left:inherit; top:inherit;vertical-align: top;width: 35px; height: 50px;line-height:50px; font-size: 18px; color: #fff}

	.quickmenu-bottom li a:hover {padding-left: 0;width:100%;min-width:inherit;box-shadow:none; line-height: 45px; }
	.quickmenu-bottom li a:hover:before,
	.quickmenu-bottom li a:hover i{ left:inherit;width: 35px; height: 50px;line-height:50px;}
	.quickmenu-bottom li a:hover span {line-height: 50px; width: auto; font-size: 14px;padding-right: 15px; color: #000}

	/*.quickmenu-bottom li:nth-child(1),
	.quickmenu-bottom li:nth-child(1) a,
	.quickmenu-bottom li:nth-child(1) a:before {background-color: #333333;}
	.quickmenu-bottom li:nth-child(2),
	.quickmenu-bottom li:nth-child(2) a,
	.quickmenu-bottom li:nth-child(2) a:before {background-color: #cdb88d}	
	.quickmenu-bottom li:nth-child(3),
	.quickmenu-bottom li:nth-child(3) a,
	.quickmenu-bottom li:nth-child(3) a:before {background-color: #000}	
	.quickmenu-bottom li:nth-child(4),
	.quickmenu-bottom li:nth-child(4) a,	
	.quickmenu-bottom li:nth-child(4) a:before {background-color: #302e2e}	*/
	
	.quickmenu-bottom li:nth-child(1),
	.quickmenu-bottom li:nth-child(1) a,
	.quickmenu-bottom li:nth-child(1) a:before {background-color: #333333;}
	.quickmenu-bottom li:nth-child(2),
	.quickmenu-bottom li:nth-child(2) a,
	.quickmenu-bottom li:nth-child(2) a:before {background-color: #333}	
	.quickmenu-bottom li:nth-child(3),
	.quickmenu-bottom li:nth-child(3) a,
	.quickmenu-bottom li:nth-child(3) a:before {background-color: #333}	
	.quickmenu-bottom li:nth-child(4),
	.quickmenu-bottom li:nth-child(4) a,	
	.quickmenu-bottom li:nth-child(4) a:before {background-color: #333}

  }

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

	.quickmenu li a:hover {padding-left:0;width:100%;min-width: 100%;box-shadow:none}
	.quickmenu li a:hover,
	.quickmenu li a  {height: 50px;background-color: transparent !important;}
	.quickmenu li:nth-child(2):before,
	.quickmenu li:nth-child(2):after { height: 50px}
	.quickmenu li a span,
	.quickmenu li a:hover span{display:block;width:100%;font-size: 12px;line-height: 20px;height: 20px;padding-right: 0px;position: absolute;left: 0;top: 26px;color: #fff;}
	.quickmenu li a i,
	.quickmenu li a:before,
	.quickmenu li a:hover i,
	.quickmenu li a:hover:before {position:relative;left:0;top:2px;width: 100%;height: 26px;line-height:26px;font-size: 16px;}
	
	.quickmenu-bottom li a:hover {padding-left:0;width:100%;min-width: 100%;box-shadow:none}
	.quickmenu-bottom li a:hover,
	.quickmenu-bottom li a  {height: 50px;background-color: transparent !important;}
	.quickmenu-bottom li a span,
	.quickmenu-bottom li a:hover span{display:block;width:100%;font-size: 12px;line-height: 20px;height: 20px;padding-right: 0px;position: absolute;left: 0;top: 26px;color: #fff;}
	.quickmenu-bottom li a i,
	.quickmenu-bottom li a:before,
	.quickmenu-bottom li a:hover i,
	.quickmenu-bottom li a:hover:before {position:relative;left:0;top:2px;width: 100%;height: 26px;line-height:26px;font-size: 16px;}
}



.bounce-sm{
  animation-name: bounce-sm;
  animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}


@keyframes bounce-sm {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

	10% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

	33% {
		transform: translateY(-8px);
		-webkit-transform: translateY(-8px);
		-moz-transform: translateY(-8px);
		-ms-transform: translateY(-8px);
		-o-transform: translateY(-8px);
}

	50% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

	60% {
		transform: translateY(-1px);
		-webkit-transform: translateY(-1px);
		-moz-transform: translateY(-1px);
		-ms-transform: translateY(-1px);
		-o-transform: translateY(-1px);
}

	70% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}
}

@keyframes circle {
  0% {
    opacity: 0;
    transform: scale(.85);
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    -o-transform: scale(.85);
  }

  25% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: scale(1.45);
    -webkit-transform: scale(1.45);
    -moz-transform: scale(1.45);
    -ms-transform: scale(1.45);
    -o-transform: scale(1.45);
}
}

.area_care .slider .slick-list{margin:0 -10px;}
.area_care .slick-slide{margin:0 10px;}
.area_care .slick-prev{opacity:0.3; z-index:80; left:-8%; width:76px; height:76px; background:url(../../_images/main/arw-black-prev.svg) no-repeat 50% 50%; border:3px solid #c8c8c8; border-radius:50%; font-size:0; transition:0.7s; transform:translate(0, -50%);}
.area_care .slick-next{opacity:0.3; z-index:80; right:-8%; width:76px; height:76px; background:url(../../_images/main/arw-black-next.svg) no-repeat 50% 50%; border:3px solid #c8c8c8; border-radius:50%; font-size:0; transition:0.7s; transform:translateY(-50%);}
.area_care .slick-prev:before,
.area_care .slick-next:before{content:'';}
.area_care .slick-prev:hover,
.area_care .slick-next:hover{opacity:1;}

.area_care{position:relative; display:block; width:100%; margin-bottom:26px;}
.area_care .wrapper{overflow:hidden; margin: 180px auto; max-width: 1400px;}
.area_care .list > li{position:relative; height:614px;}
.area_care .swiper-button-prev{position:absolute; display:block; opacity:0.3; z-index:80; top:40%; left:5%; width:76px; height:76px; background:#fff url(../../_images/main/arw-black-prev.svg) no-repeat 50% 50%; border:3px solid #c8c8c8; border-radius:50%; font-size:0; transition:0.7s; transform:translate(0, -50%); cursor: pointer;}
.area_care .swiper-button-next{position:absolute; display:block; opacity:0.3; z-index:80; top:40%; right:5%; width:76px; height:76px; background:#fff url(../../_images/main/arw-black-next.svg) no-repeat 50% 50%;border:3px solid #c8c8c8; border-radius:50%;  font-size:0; transition:0.7s; transform:translateY(-50%); cursor: pointer;}
.area_care div[class*="swiper-button"]:focus{outline:none;}
.area_care div[class*="swiper-button"]:hover{opacity:1;}
.area_care .care_content{display:block; position:absolute; top:340px; left:0; width:100%; padding:0 30px;}
.area_care .care_subtxt{display:block; line-height:1.7; margin-bottom:22px; font-weight:400; font-size:16px; color:#b18373;}
.area_care .care_txt{display:block; line-height:1em; margin-bottom:32px; font-family:'AritaBuri'; font-size:35px; color:#222;}

.area_care .swiper-scrollbar{display:none; position:relative; width:100%; margin-top:27px;}
.area_care .swiper-scrollbar{background:#f6f6f6; opacity:1 !important;}
.area_care .swiper-scrollbar-drag{background:#ae8370;}
.area_care .swiper-scrollbar{height:6px;}

.area_care .category_area{display:flex; justify-content:flex-start; align-items:center; width:100%; flex-direction:row; flex-wrap:wrap;}
.area_care .category_area > li{line-height:1em; margin:2px 5px 6px 0; }
.area_care .category_area > li a{display:block; padding:11px 12px 9px; border:1px solid rgba(43, 43, 43, 0.45); font-weight:300; font-size:14px; color:#222; border-radius:30px;}
.area_care .category_area > li:hover a{border-radius:30px; background:#222; color:#fff;}




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

.area_care .wrapper{overflow:hidden; margin: 0px auto;}

}

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

.area_care .list > li{position:relative; height:896px;}

}

.counsel-area .counsel-dim{z-index:0;}
.counsel-area.open-counsel .counsel-dim{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.0); opacity:1; z-index:99; cursor:pointer}
.counsel-area{ position: fixed; bottom: -14.438rem; left:0; width: 100%; height: 279px; z-index:100;transition:bottom .3s ease-out; -webkit-transition:bottom .3s ease-out; -moz-transition:bottom .3s ease-out; -ms-transition:bottom .3s ease-out; -o-transition:bottom .3s ease-out;  }

.counsel-area.open-counsel{bottom: 0;transition:bottom .3s ease-out; -webkit-transition:bottom .3s ease-out; -moz-transition:bottom .3s ease-out; -ms-transition:bottom .3s ease-out; -o-transition:bottom .3s ease-out;}



.counsel--buttons{display: flex; width: 100%; justify-content: center; overflow: hidden; margin-left: auto; margin-right: auto;}
/* .open-counsel .counsel--buttons,
.open-kakao .counsel--buttons{width: 180px;} */


.counsel-area .up-arrow{width: 7px; height: 16px; display: inline-block; vertical-align: middle; background: url(../img/up-arrow.svg)0 0/100% no-repeat; }
.counsel-area.open-counsel .up-arrow{background: url(../img/down-arrow.svg)0 0/100% no-repeat;}

.counsel--call-btn{display:block; width:179px; height: 48px; background: #333; color: #fff; border:0; padding:8px 12px; line-height: 1.3; font-size: 1.125rem; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor:pointer; }
.counsel--kakao {display: block; border: 0; background: #cdb78d url(../img/counsel-kakao.png)50% 50% /50% no-repeat; width: 58px; height: 48px;margin-left: 12px; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor:pointer; }

.call-price {display: none; border: 0; width: 140px; height: 48px; margin-left: 12px; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor:pointer; background: #feb0be; color: #fff;}
.call-price i {vertical-align: middle; margin-right: 5px; line-height: 1;}
.call-price.show {display: block;}

.open-counsel .counsel--kakao.active{width: 179px; background: #cdb78d; color: #fff; padding:8px 12px; line-height: 1.3; font-size: 1.125rem;}
.open-counsel .counsel--kakao.active .hide-on-close{display: block;}
/*.open-counsel .counsel--call-btn:not(.active){width: 58px; text-indent: -9999em; background:#006241 url(../img/counsel-kakao.png)50% 50%/50% no-repeat;}*/
.hide-on-close{display: none;}
.hide-on-close .up-arrow{background: url(../img/down-arrow.svg)0 0/100% no-repeat;}




/* flex-box */
.flex_row{display: flex; }
.flex_row.fw{flex-wrap:wrap; }
.flex_row.center{display: flex; align-items: center;}
.flex_row.jc_center{justify-content: center;}
.flex_row.jc_fs{justify-content: flex-start;}
.flex_row.sb{justify-content:space-between;}
.flex_row.sa{justify-content:space-around;}

.column_half{width: 50%;}
.column_quarter{width: 25%;}

/* .counsel-form-area{height:142px; background: linear-gradient(124deg, #006241 0%, #006241 100% );} */
.form-area-wrap{height:14.438em; position: relative; z-index:999999999; display:none} /*요청으로 삭제됨 */
.counsel-form-area{position: absolute; top:0; left:0; width: 100%; height: 100%; /*z-index: 0; opacity: 0; */}
.counsel-form-area{background:#333}
.kakao-link-area{background: #cdb78d; padding-top: 48px;}

.counsel-form-area.open-counsel{z-index: 1; opacity:1; }
.counsel-form-area.open-counsel::before {opacity: 1; z-index: 12; display: block;}


.counsel-form-box{height: inherit; margin-left: auto; margin-right: auto; width: 100%; max-width: 900px; padding-right: 120px; position: relative;}
.counsel-form-inputs{width:100%; padding:36px 0 0;}
.counsel__mh_name,
.counsel__mh_hp,
.counsel__mh_jijeom,
.counsel__mh_subject{width: 50%; padding:8px; height: 3.875em;}
/* .counsel__mh_name{width: 50%;}
.counsel__mh_hp{width: 50%;}
.counsel__mh_jijeom{width: 50%;}
.counsel__mh_subject{width: 50%;} */
.counsel__mh_name input,.counsel__mh_hp input,.counsel__mh_jijeom select,.counsel__mh_subject select,
.counsel__mh_name label,.counsel__mh_hp label,.counsel__mh_jijeom label,.counsel__mh_subject label{display: inline-block; font-size: 15px;}
.counsel__mh_name label,.counsel__mh_hp label,.counsel__mh_jijeom label,.counsel__mh_subject label{color: #fff;}
.counsel__mh_name input,.counsel__mh_hp input,.counsel__mh_jijeom select,.counsel__mh_subject select{border:0; border-radius: 10px; padding:8px; box-shadow: 2px 2px 10px rgba(55,55,55,.25); line-height: 1.5; width: 100%;height: 100%;}

/* .counsel__mh_name input{width: calc(100% - 2.5em); } */
/* .counsel__mh_hp input{width: calc(100% - 4em); } */
.counsel__mh_jijeom select{/*width: calc(100% - 6em);*/ background-color: #fff;}
.counsel__mh_subject select{/*width: calc(100% - 6em);*/ background-color: #fff;}

.counsel-form-box input[type=submit] {width:116px; height: 111px; border-radius: 10px; background-color: #494949; padding:8px; border:0; color: #fff; position: absolute; right: 0; top:44px; font-size: 16px; line-height: 1.6;}



@media all and (max-width:1200px) {
    .counsel-area {bottom: -11.9rem}
    .counsel-form-area {box-sizing: border-box; padding: 0 25px 0 20px;}
    .counsel--buttons {width: 100%; justify-content: center; }
    .counsel--call-btn {font-size: 13px; width: 130px; height: 38px; }
    .call-price {font-size: 13px; width: 130px; margin-left: 10px; height: 38px;}
    .counsel--kakao {width: 45px; margin-left: 10px; height: 38px;}
    
    .counsel-form-box {max-width: none;}
    
}

@media all and (max-width:768px) {
    .counsel-form-box {padding-right: 0; padding-left: 0;}
    .counsel-form-area {padding: 25px 15px; position: relative; top: auto; left: auto;}

    .counsel-form-box input[type=submit] {width: 100%; height: 45px; position: relative; right: auto; top: auto; margin-top: 20px;}
    .counsel-area.open-counsel{bottom: 160px;}
    .form-area-wrap {height: auto;}
	
	
	
    .counsel-form-inputs {padding: 0;}
    .counsel__mh_name, .counsel__mh_hp, .counsel__mh_jijeom, .counsel__mh_subject {width: 100%; padding: 0; height: 45px; margin: 5px 0}
    .counsel__mh_name input, .counsel__mh_hp input, .counsel__mh_jijeom select, .counsel__mh_subject select {border-radius: 5px; font-size: 14px;}
}


label {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    position: relative;
}
input + label[class="circleLabelFT"] {
    font-size: 12px;
    font-weight: 300;
    color: #a0a0a0;
    line-height: 1.4;
    float: left;
    padding-left: 25px;
}

input:checked + label[class="circleLabelFT"] {
    color: #a0a0a0;
    font-weight: 300;
}

input + label[class="circleLabelFT"]::before,
input:checked + label[class="circleLabelFT"]::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 0 3px rgba(255,255,255,1);
    -webkit-box-shadow: inset 0 0 0 3px rgba(255,255,255,1);
    -moz-box-shadow: inset 0 0 0 3px rgba(255,255,255,1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    cursor: pointer;
    float: left;
    position: absolute;
    top: 1px;
    left: 0;
}

input + label[class="circleLabelFT"]::before         { background-color: #d8d8d8; }
input:checked + label[class="circleLabelFT"]::before { background-color: #494949; }
.hotspot.anti input:checked + label[class="circleLabelFT"]::before { background-color: #ce3354; }

.totalBoxFT {
    height: 50px;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    text-align: center;
}

input[id="ft_total_agree"] + label {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
		margin-left: 5%;
}
input[id="ft_total_agree"] + label::before,
input[id="ft_total_agree"]:checked + label::before {
    content: '전체선택';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: inherit;
} 
input[id="ft_total_agree"] + label::before {
		border: 1px solid #006241;
		color: #006241;
		line-height: 48px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
}


input[id="ft_total_agree"]:checked + label::before {
    background-color: #006241;
    color: #fff;
}

input[id="ft_total_agree"] + label:hover::before {
    border: 1px solid #006241;
    background-color: #006241;
    color: #fff;
}


/*가격팝업*/
.pricePop {width: 440px; border-radius: 15px; overflow: hidden; box-shadow:0 0 10px rgba(0,0,0,0.5); position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 99999; visibility: hidden; opacity: 0; transition: 0.3s; margin-top: 50px;}
.pricePop .pop-head {width: 100%; height: 60px; line-height: 60px; position: relative; color: #fff; text-align: center; font-size: 22px; padding:0 60px; box-sizing: border-box; background: #000}
.pricePop .pop-head button {width: 60px; height: 60px; border: 0; background-color: transparent; position: absolute; top: 0; right: 0; color: #fff;}
.pricePop .pop-body {width: 100%; height: 600px; overflow-y: scroll; -ms-overflow-style:scrollbar; background: #fff;}
.pricePop .pop-body::-webkit-scrollbar {width: 5px; display: block;  border-radius: 10px;}
.pricePop .pop-body::-webkit-scrollbar-thumb { width: 5px; background-color: #acacac; border-radius: 10px;}
.pricePop .pop-body::-webkit-scrollbar-track {background-color: #efefef;  border-radius: 10px; padding: 2px; width: 7px;}

.pricePop.show {visibility: visible; opacity: 1; margin-top: 0 }


.slist {font-size:15px; word-break:keep-all; line-height:1.33;}
.slist li {position:relative; padding:18px 20px 10px; border-bottom:0;}
.slist li:first-child {display:block;}
.slist li+li {border-top:1px solid #e7e7e7;}
.slist li strong {font-size:16px; font-weight:300; color:#1f1f1f; font-weight:400;}
.slist li .price01 {vertical-align:baseline; margin-top:-2px; height:36px;}
.slist li .price01 * {vertical-align:baseline;}
.slist li .price01 span+span {margin-left:6px;}
.slist li .sale {font-size:26px; color:#e82161; font-weight:500;}
.slist li .sale b {font-size:18px;}
.slist li .o_price01 {text-align:center; font-size:19px; color:#000; font-weight:600;}
.slist li .o_price01 b {font-size:22px; letter-spacing: -1px;  font-weight:600;}
.slist li .s_price01 {font-size:15px; color:#898989; font-weight:600;}
.slist li .s_price01 del {font-size:16px;}
.slist li:nth-child(odd) {background:transparent;}
.slist li:nth-child(even) {background:#fbfbfb}

@media all and (max-width:768px) {
    .pricePop {width: 80%;}
    .pricePop .pop-head {font-size: 17px; height: 50px; line-height: 50px}
    .pricePop .pop-head button {width: 50px; height: 50px;}
    
}


.event_slider {width: 100%; overflow: hidden;}