@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 */
.mb50 {margin-bottom: 60px;}
.mb0 {margin-bottom: 0 !important;}

/* sub_content */
.cnt {margin-bottom: 50px;}
.cnt h3{width: 604px; margin: 0 auto; font-size: 40px; line-height: 120%; border-bottom: 1px solid #000; margin-bottom: 30px; padding-bottom: 20px; font-weight:600;}
.cnt b {font-size: 40px;  font-weight: 600;}

/*추가새로만듬*/
#sub_visual{padding-top:40px; padding: 70px 0; }
#sub_visual .visual_cts {width:90%; padding:0 5%; text-align:center}
#sub_visual .visual_cts img{width:100%; padding-bottom:30px}


#sub_visual .visual_cts .visual_txt {margin-top:20px; display:block; text-align:center;}
#sub_visual .visual_cts .visual_txt .txt01 {text-align:center; font-size:18px}
#sub_visual .visual_cts .visual_txt .txt02 {text-align:center; font-size:18px} 
#sub_visual .visual_cts .visual_txt .price {padding-top:10px; padding-bottom:40px; font-size:45px; }
#sub_visual .visual_cts .visual_txt .price span {font-size: 30px; font-weight: 300; color: #333;}

#sub_visual .visual_cts .visual_txt .btn_set p {margin-top:35px;}
#sub_visual .visual_cts .visual_txt .btn_set .btn_t01 {background-color: #ffe600; border: 1px solid #666; text-align: center; font-size: 25px; color: #333; font-weight: 500; padding: 11px 186px; letter-spacing: -1px;}
#sub_visual .visual_cts .visual_txt .btn_set .btn_t02 {background-color: #fff; border: 1px solid #666; text-align: center; font-size: 25px; color: #333; font-weight: 500; padding: 11px 198px; letter-spacing: -1px;}
#sub_visual .visual_cts .visual_txt h2 {font-size: 65px; font-weight: 600; color: #333; letter-spacing: -1px; padding: 50px 0;}
#sub_visual .visual_cts .visual_txt .txt01 {font-size: 23px; font-weight: 400; color: #666; line-height: 28px;}
#sub_visual .visual_cts .visual_txt .txt02 {font-size: 25px; color: #333; font-weight: 500; line-height: 30px;}


/*sub_visual_01*/
#sub_visual_01 {position:relative; width:100%; font-size:0; line-height:0; margin:0 auto; height:397px; background: url('/new2023/mobile/images/m_visual.jpg')  no-repeat center;} 
#sub_visual_01 .visual_text {position:absolute; width:1400px; left:50%; top:27%; margin-left:-700px; text-align:center; color:#222;}
#sub_visual_01 .visual_text h2{font-size:60px; color:#222; line-height:80px; font-weight:700; margin:0px auto; padding-bottom:40px}
#sub_visual_01 .visual_text #line{border-left:1px solid #262729;width:1px; height:60px; margin:0px auto;}
#sub_visual_01 .visual_text #line01{width:500px; height:1px; background-color:#222; margin:20px auto;}
#sub_visual_01 .visual_text span{display:block; font-size:23px; color:#666; font-weight:100; line-height:100px; letter-spacing:2px}
#sub_visual_01 > img {width:2000px; position:absolute; left:50%; /*top:90px;*/ margin-left:-1000px;}
#sub_visual_01 .s_tit01{font-weight:500; color:#222; font-size:28px}
#sub_visual_01 .s_tit02{color:#222; font-size:25px;}


/*�Ұ����־�*/
#sub_visual01 {position:relative; width:100%; font-size:0; line-height:0; margin:0 auto; height:397px; padding-top:90px}
#sub_visual01 .visual_text {position:absolute; width:1400px; left:50%; top:45%; margin-left:-700px; text-align:center; color:#222;}
#sub_visual01 .visual_text h2{font-size:60px; color:#222; line-height:60px; font-weight:700; margin:0px auto; padding-bottom:30px}
#sub_visual01 > img {width:2000px; position:absolute; left:50%; /*top:90px;*/ margin-left:-1000px;}
#sub_visual01 .s_tit02{color:#222}




/*연관시술*/
#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:30px auto; text-align:center; overflow:hidden; border-bottom: 1px solid #999; border-top: 2px solid #333;}
.tab_3dep li{width:319px; 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: 400px; padding-bottom:80px; background:#f3f3f3; margin: 0 auto; /*border-top:1px solid #ddd*/}
#footer-wrap dl {margin: 0 auto; width: 90%; text-align: center;}
#footer_wrap dl dt {padding-top: 50px; padding-bottom:40px; text-align: center;}
#footer_wrap a:link {}
#footer_wrap dl dd {padding-bottom: 50px; font-size: 23px; font-weight: 400; color: #666; text-align: center;}
#footer_wrap #footer {margin: 0 auto; width: 90%; text-align: center; height: 300px;}
#footer address {font-size: 23px; font-weight: 400; color: #666; 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: 23px; font-weight: 400; font-style:bold}
#footer address span {display: inline-block; padding-top: 20px; /*padding-bottom: 160px;*/ font-size: 23px; font-weight: 400; color: #666;}
.ft{text-align:center; width:100%; height:50px; border-top:1px solid #bbb; border-bottom:1px solid #bbb; line-height: 50px;}
.ft a{color:#666;}
.ft_box{margin:auto; width:180px; height:40px; background:#000; text-align:center; color:#fff; font-size:20px; line-height: 40px; margin-top:30px;}



.btm_btns {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    height: 120px;
    background:#ffabab; opacity:0.8;/*rgba(206,157,121,0.8);*/}
.btm_btns li.event { background-image: url(../images/f08.png); background-color: #5a5eed;}
.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: 20%; 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;}