@charset "utf-8";


#content_wrap{position:relative; padding-top:50px; overflow:hidden; min-width:640px}


/*new*/



.sub_content {width:640px; background:#fff; margin:0 auto;}

#sub_portal {width:640px; margin: 0 auto; background:#FFF;}
#sub_portal p {text-align:center; width:638px; margin:0 auto; border:1px solid #6F6F6F;}
#sub_portal p .select_wrap {width:100%;display:block;height:70px; border:0px solid #000; background:#eee;}
#sub_portal p .select_wrap select {font-size:30px; color:#4e4f5d; width:100%; height:70px; padding:0 0 0 25px; border:0; background:transparent url('/new2023/mobile/images/arrow_down.gif') no-repeat right top; background-size:70px 70px;-webkit-background-size:70px 70px;-webkit-appearance:none; border-radius:0; webkit-border-radius:0;  }





/* sub_common */
.mb60 {margin-bottom: 60px;}
.mt60{margin-top:60px; !important;}
.mb0 {margin-bottom: 0 !important;}






/*�Ұ����־�*/
#sub_visual {width:640px;  margin:0 auto;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#dfe8e4; margin-bottom: 50px; padding-bottom:85px;} 
#sub_visual .v_txt1{text-align: center; font-size: 28px; font-weight: 400; line-height: 120%; padding-bottom: 20px;}
#sub_visual .v_txt2{width:576px; margin:0 auto; text-align: center; font-size: 23px; font-weight: 300; line-height: 120%; padding:35px 0; background:#89c1b4; border-radius:100px; color:#fff;}
#sub_visual h2{font-size:60px; color:#222; font-weight:600; line-height:100%; text-align:center; letter-spacing:-0.5px; padding-bottom: 35px;  padding-top:85px}
#sub_visual .line {width: 35px; height: 5px; background-color: #222; margin: 0 auto; margin-bottom: 30px;	}

/*contents*/
#p60{padding-bottom:50px;}
#contents .cntbox {width:640px; margin:0 auto; margin-bottom: 50px;}
#contents .cntbox h3 {width: 600px; font-weight: 700;  letter-spacing: -0.125rem;  font-size: 40px;  line-height: 50px; margin: 0 auto; border-bottom: 10px solid #e4e4e4;  margin-bottom: 30px;}



/*연관시술*/
#connet_wrap {overflow: hidden; margin-bottom: 50px; background-color: #f5f0ee;  padding: 20px; margin: 0 20px 70px;}
#connet_wrap .tit { padding: 10px 10px 10px 20px; font-size: 27px; font-weight: bold; text-align:center;}
#connet_wrap .connet_cont {padding: 20px 30px; overflow: hidden; background-color: #f9f7f8; margin: 14px 5px; border-radius: 10px;}
.fl_left { float: left; border-bottom: 1px solid #b2b0b1; width: 490px; padding-bottom: 10px;}
.fl_right { float: right;  letter-spacing: -0.5px; font-size:23px; color:#666; padding-top:12px;}
#connet_wrap .connet_price { font-size: 27px; color: #c73b3e; font-weight: 600; line-height: 40px;}
#connet_wrap .connet_cont .big_txt { font-size: 27px; color: #222; font-weight:bold;}
#connet_wrap .connet_cont .s_txt { width: 490px; display: block; font-size: 23px; color: #666;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  word-wrap: normal; font-weight: 300;}
#heart { display: inline-block; margin-bottom: 7px; color: #fe6b3e;}
.before { text-decoration: line-through;  font-size: 23px;  font-weight: 300; color:#666;}
#won {font-size: 23px;  font-weight: 300; color:#666;}

.btn01 { border: 2px solid #fee500; padding: 5px 50px; font-size: 23px; color:#222;}
.btn02 { border: 1px solid #222;  padding: 5px 50px; background-color: #fee500; font-size: 23px; color:#222;}
.btn {float:right;     padding-bottom: 20px;}





/***************************** ////// 이벤트 게시판 ////// *******************************/

#event_wrap{width:600px; padding:20px; margin:0 auto; text-align:left; margin-bottom:50px; letter-spacing:-0.3px; overflow:hidden}
#event_wrap h3{font-size:40px; color:#222; font-weight:600; letter-spacing:-0.5px; padding-bottom:30px; text-align:left}
#event_wrap .cont1 .box01{width:600px; border-bottom:1px solid #ddd; text-align:left; overflow:hidden}
#event_wrap .cont1 .box01 li{float:left; margin:10px 0}
#event_wrap .cont1 .box01 .title{color:#222; width:600px; font-size:30px; font-weight:500; letter-spacing:-0.5px; line-height:40px}
#event_wrap .won{width:370px; font-size:30px; letter-spacing:-0.5px; text-align:right; color:#d93600}
#event_wrap .btn01{ font-size:23px; border:0}
#event_wrap .go_btn a{margin-left:20px;border:1px solid #222;  font-size:23px;  border-radius:50px; padding:5px; display:block; margin-top:-5px}
#event_wrap .go_btn a:hover{border-radius:50px; font-size:23px; padding:5px; background:#ff9a23;}






/*서브탭 */

/*tab common style*/
.tab_area {position:relative; width:640px; height:70px; margin:auto;}
.sub_tabs {position:absolute; left:50%; top:0; z-index:3; margin-left:-320px; width:640px;}

/*.sub_tabs {width:1200px; margin:30px auto; border:solid 1px #d9d9d9;}*/
.sub_tabs ul {border:solid 1px #d9d9d9;}
.sub_tabs ul:after {clear:both; display:block; content:"";}
.sub_tabs ul li {float:left; height:45px;width:20%;}
.sub_tabs ul li a {display:block; text-align:center; font-size:21px; line-height:45px; color:#666; border-left:solid 1px #d9d9d9; background:#fff; cursor:pointer;}
.sub_tabs ul li:first-child a {border-left:none;}
.sub_tabs ul li a:hover, .sub_tabs ul li a:focus, .sub_tabs ul li a.on {color:#fff; background:#4d4d4d;}


/*board tabs*/
.tabs {width:100%; height:39px; border-bottom:1px solid #d9d9d9; margin-bottom:15px;}
.tabs li {float:left; width:110px;}
.tabs li a {display:block; height:39px; line-height:39px; letter-spacing:-0.5px; text-align:center; border:solid 1px #d9d9d9; border-left-width:0; border-bottom:0;}
.tabs li.first a {border-left-width:1px;}
.tabs li a.on {background:#85aecc; border-color:#85aecc; color:#fff; font-weight:bold;}

/***************************** ////// 서브3daps ////// *******************************/
.tab_3dep{width:640px; margin:50px auto; text-align:center; overflow:hidden; border-bottom: 1px solid #999; border-top: 2px solid #333;}
.tab_3dep li{width:320px; background-color:#f7f7f7; float:left; height:50px; line-height:50px;}
.tab_3dep li a{display:block; color:#444; font-size:27px;  font-weight: 400; border:1px solid #d1cac4; padding:0 22px}
.tab_3dep li a:hover{color:#f5a199;}
.tab_3dep li a.on{background-color:#f5a199; color:#fff; }






 

/* 지점안내 */


/* 탭 */
.area_wrap{width:100%; margin:0 auto; text-align:center;}
.area_wrap ul{width:640px; margin:0 auto}
.area_wrap li{float:left; width:9%; padding:10px 0; margin-right:1px; border-top:2px solid #333; background-color: #eee}
.area_wrap li.on{background-color:#333; color:#fff}
.area_wrap li:hover{color:#fff; cursor:pointer}
.area_wrap li:last-child{margin-right:0}
.area_wrap li .active{float:left; width:9%; padding:10px 0; margin-right:1px; border-top:2px solid #333; background-color: #eee;color:#fff}



/*둘러보기*/
#gallery {margin-top:45px;}

#thumb {position:relative; padding: 40px 60px;}
.gallery-thumbs {margin-top:20px;}
.gallery-thumbs img {width:100%;}
#thumb .swiper-slide {position:relative;}
#thumb .swiper-slide:after {position:absolute; top:0; left:0; right:0; bottom:0; border:10px solid #ffd8ab; opacity:0; transition:opacity 0.4s; content:'';}
#thumb .swiper-slide-thumb-active:after {opacity:1;}
#thumb .swiper-button-prev,
#thumb .swiper-button-next {width:30px; height:50px; background:no-repeat center;}
#thumb .swiper-button-prev {background-image:url('../images/gallery_btn_prev.png');}
#thumb .swiper-button-next {background-image:url('../images/gallery_btn_next.png');}

/*footer*/
#footer_wrap {position:relative; z-index:11; clear:both; width:640px; height:500px; padding-bottom:0px; background:#313334; margin: 0 auto; /*border-top:1px solid #ddd*/}
#footer_wrap a:link {color:#fff;}
#footer_wrap #footer {margin: 0 auto; width: 90%; text-align: center; height:450px;}
#footer address {font-size: 20px; font-weight: 400; color: #fff; font-style: normal; padding-top:40px;}
#footer address li{width:200px; height: 40px;  background:#96939a; margin: 0 auto; line-height:40px; margin-top: 20px;}
#footer address a {font-size: 20px; font-weight: 400; font-style:bold}
#footer .copyright{display: inline-block; padding-top: 20px; /*padding-bottom: 160px;*/ font-size: 20px; font-weight: 400; color: #fff;}
.ft{text-align:center; width:100%; height:50px; border-top:1px solid #bbb; border-bottom:1px solid #bbb; line-height: 50px; background:#404243;}
.ft a{color:#fff;}
.ft_box{margin:auto; width:180px; height:40px; background:#000; text-align:center; color:#fff; font-size:20px; line-height: 40px; margin-top:30px;}
#footer img{padding-top:35px;}


.btm_btns {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    height: 120px;
    background:#4f4a55; opacity:0.8;/*rgba(206,157,121,0.8);*/}

.btm_btns li.tel { background-image: url(../images/f01.png);}
.btm_btns li.kakao { background-image: url(../images/f02.png);}
.btm_btns li.map { background-image: url(../images/f03.png);}
.btm_btns li.Review { background-image: url(../images/f04.png);}
.btm_btns li.cafe { background-image: url(../images/f05.png);}
.btm_btns li.equip { background-image: url(../images/f06.png);}
.btm_btns li.time { background-image: url(../images/f07.png);}



.btm_btns li { float: left; width: 25%; height: 120px; background-position: center center; background-repeat: no-repeat;}
.btm_btns li a {display: block; height: 100%; font-size:0px; border-left: solid 1px #fff;}
.btm_btns li:first-child a {border: none;}