@charset "euc-kr";


#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; padding:60px 0 0 0; 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:50px; border:0px solid #000; background:#eee;}
#sub_portal p .select_wrap select {font-size:25px; color:#4e4f5d; width:100%; height:50px; padding:0 0 0 25px; border:0; background:transparent url('/new2019/mobile/images/menu_arrow.gif') no-repeat right top; background-size:60px 50px;-webkit-background-size:60px 50px;-webkit-appearance:none; border-radius:0; webkit-border-radius:0;  }



/*오른쪽 내용*/

.katalk_btn{width:100%; display:block; background-color:#fae100; padding:10px 0;text-align:center; border-radius:3px}
.katalk_btn span{color:#3e201c; font-size:18px}

.online01{width:49%; display:block; margin:10px 4px 10px 0; float:left; border:1px solid #222; padding:10px 0;text-align:center; border-radius:3px}
.online01 span{color:#3e201c; font-size:18px}

.online02{width:49%; display:block; margin:10px 0 10px 0; float:left; border:1px solid #222; padding:10px 0;text-align:center; border-radius:3px}
.online02 span{color:#3e201c; font-size:18px}

.sns_btn{clear:both; width:100%; display:block; background-color:#ddd; padding:10px 0;text-align:center; border-radius:3px}
.sns_btn span{color:#3e201c; font-size:18px}


/*visual*/

#sub_visual {
	clear:both;
	width:100%; margin-bottom:30px;
}

#sub_visual {width:640px ;margin:0 auto; padding-bottom: 60px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f3f3f3;position: relative;}
#sub_visual .visual_text {position:relative; margin-top: 60px; text-align:center; font-weight:100; font-size:40px; color:#444; letter-spacing:-0.5px; line-height:45px; z-index: 1; clear: both; }
#sub_visual h2{font-size:55px; color:#222; font-weight:600; line-height:100%; text-align:center; margin-top:20px; letter-spacing:-1.5px;}
#sub_visual .visual_text p {;font-size: 50px; font-weight: 300; color: #333; line-height: 68px;}
/*#sub_visual .vis_txt02{text-align:center; font-size:23px; color:#444; font-weight:500; letter-spacing:-0.5px; line-height:30px;}*/
#sub_visual span {display: inline-block; padding:0 20px; margin: 0 auto; font-size: 23px; color: #333; margin-top: 30px; letter-spacing: -0.008rem; height: 33px; line-height: 30px; text-align: center;}
#sub_visual .visual_text span {display: inline-block; padding:0 20px; margin: 0 auto; font-size: 23px; color: #333; margin-top: -5px; letter-spacing: -0.008rem; height: 33px; line-height: 30px;}
#sub_visual .visual_text h2 + span{margin-top: 35px;}
#sub_visual img {position: absolute; left: 50%; top: 0; margin-left: -320px; width:640px; height: 100%;}




/*contents*/
#contents {
	position:relative;
	clear:both; 
	min-height:300px;
	background:#fff;
	_padding-bottom: 80px;
}
#contents:after {
	clear:both;
	display:block;
	content:"";
}
#contents .cntbox {width:640px; margin:0 auto; position:relative;}
#contents .cntbox h2 {width:640px; margin:0 auto; margin-left: 20px; text-align: left; font-size: 36px; font-weight: bold; color: #222; letter-spacing: -1.0px; line-height: 150%; padding-bottom: 10px; }
#contents .cntbox h3 {width: 640px; text-align: center; font-size: 36px; font-weight: bold; color: #222; letter-spacing: -1.0px; line-height: 150%; padding-bottom: 10px;}
#contents .cntbox .h3line {width: 600px; height: 1px; background-color: #000; margin: 0 auto;}
#contents .cntbox p{width: 250px; margin: 0 auto;  margin-bottom: 10px; text-align: center; padding: 0 20px; color:#fff; font-size:30px; line-height:100%; letter-spacing:1px; background-color:#f7863b; }
#contents .cntbox ul {padding-top: 20px; padding-bottom: 40px;}


/* 시술비용안내 */
.price_table {width:100%; border-top:2px solid #222;}
#bt_none {border-top: none;}
.price_table th {padding:15px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f7f7f7; font-size:22px}
.price_table td{padding:15px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;  word-break:break-all; font-size:22px}
.price_table th .btn_view {display:block; width:120px; margin:10px auto; border-radius:3px; border:1px solid #ddd; font-size:18px; font-weight:400; line-height:30px; background:#fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.price_table th .btn_view:hover {border-color:#000; color:#000;}
.price_table td.price {color:#d20000; }






.circle{width:44.1%; line-height:24px;  border-radius:5px; text-align:center; color:#fff; padding:15px 10px; font-size:20px; float:left; margin:5px}
.Pink{ background-color:#555;!important}
.Purple{ background-color:#ba1d26;!important}
.cir01{padding-left: 80px;}
.effect_box{width: 640px; float:left; padding:10px 0 ; border-bottom:1px solid #ddd; color:#666; }
.effect_icon{ font-size:20px; background:url(../images/sub_bullet.gif) 30px 10px no-repeat; padding-left:40px;}
.mt10 {margin-top: 10px;}
.mb10 {margin-bottom: 10px;}
.mb50 {margin-bottom: 50px;}


.time_cont{float:right; height:49px; width:742px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:22px; color:#666; padding-top:25px}
.notice_cont{width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:22px; ;color:#666; padding:20px 0}
.notice_cont_long{float:right; height:120px; width:742px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:22px; color:#666; padding-top:20px}
.notice_cont1{float:right; height:210px; width:742px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:22px; color:#666; padding-top:10px}
.notice_cont2{float:right; height:130px; width:742px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:22px; color:#666; padding-top:10px}

.notice_icon{background:url(../images/sub_bullet.gif) 10px 10px no-repeat; font-size:22px; padding-left:20px}


.time_cont0{float:right; height:165px; width:728px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:22px; color:#666; padding: 10px 0; padding-left: 10px;}
.time_cont1 {width: 230px;float: left;}
.time_cont1 li {width: 230px; }
.time_cont2 {width: 200px; float: left;}
.time_cont2 li {width: 200px; }
.time_cont3 {width: 200px; float: left;}
.time_cont3 li {width: 200px; }


/*서브탭 */

/*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;}


/*tab_3dep*/
.tab_3dep{width:96%; margin:0 2%; text-align:center; overflow:hidden; border-top: 1px solid #666; border-bottom: 1px solid #bbb; background-color:#f7f7f7;}
.tab_3dep li{width:33%; float:left; border-top:1px solid #ddd; border-right:1px solid #bbb;}
.tab_3dep li a{display:block; color:#444; font-size:20px; padding:15px 0; font-weight:500;}
.tab_3dep li a:hover, visit{padding:15px 0; color:#c42e2f; text-decoration:underline}
.tab_3dep li a.on{color:#c42e2f;}



/*mn05 tab*/

#mn02_07 ul li a:hover, #mn02_07 ul li a:focus, #mn02_07 ul li a.on {color:#fff; background:#4d4d4d;}
#mn02_07 li{width:33.33%}

#mn04_01 ul li a:hover, #mn04_08 ul li a:focus, #mn04_08 ul li a.on {color:#fff; background:#4d4d4d;}
#mn04_01 li{width:50%}

#mn04_02 ul li a:hover, #mn04_08 ul li a:focus, #mn04_08 ul li a.on {color:#fff; background:#4d4d4d;}
#mn04_02 li{width:33.33%}


#mn04_08 ul li a:hover, #mn04_08 ul li a:focus, #mn04_08 ul li a.on {color:#fff; background:#4d4d4d;}
#mn04_08 li{width:25%}

#mn05_02 ul li a:hover, #mn05_02 ul li a:focus, #mn05_02 ul li a.on {color:#fff; background:#4d4d4d;}
#mn05_02 li{width:164px;}
#mn05_02 ul.tabs_sec {border-top: none}
#mn05_02 ul.tabs_sec li:last-child {border-right: solid 1px #d9d9d9;}


#mn05_03 ul li a:hover, #mn05_06 ul li a:focus, #mn05_06 ul li a.on {color:#fff; background:#4d4d4d;}
#mn05_03 li{width:275px;}
#mn05_03 ul.tabs_sec {border-top: none}
#mn05_03 ul.tabs_sec li:last-child {border-right: solid 1px #d9d9d9;}



#mn05_04 ul li a:hover, #mn05_04 ul li a:focus, #mn05_04 ul li a.on {color:#fff; background:#4d4d4d;}
#mn05_04 li{width:50%;}
#mn05_04 ul.tabs_sec {border-top: none}
#mn05_04 ul.tabs_sec li:last-child {border-right: solid 1px #d9d9d9;}


#mn05_05 ul li a:hover, #mn05_05 ul li a:focus, #mn05_05 ul li a.on {color:#fff; background:#4d4d4d;}
#mn05_05 li{width:169px;}
#mn05_05 ul.tabs_sec {border-top: none}
#mn05_05 ul.tabs_sec li:last-child {border-right: solid 1px #d9d9d9;}


#mn05_06 ul li a:hover, #mn05_06 ul li a:focus, #mn05_06 ul li a.on {color:#fff; background:#4d4d4d;}
#mn05_06 li{width:275px;}


#mn05_07 ul li a:hover, #mn05_07 ul li a:focus, #mn05_07 ul li a.on {color:#fff; background:#4d4d4d;}
#mn05_07 li{width:50%;}

#mn05_09 ul li a:hover, #mn05_09 ul li a:focus, #mn05_09 ul li a.on {color:#fff; background:#4d4d4d;}
#mn05_09 li{width:206.5px;}
#mn05_09 ul.tabs_sec {border-top: none}
#mn05_09 ul.tabs_sec li:last-child {border-right: solid 1px #d9d9d9;}

#board_07 li{border-bottom: solid 1px #d9d9d9;}
#board_07 li:nth-child(9), #board_07 li:nth-child(10){border-bottom: none;}

/*특징 표*/
.table { width: 100%; font-size:18px; color:#666; text-align: center; font-weight:700; border:solid 1px #d9d9d9; padding: 0; margin-bottom: 20px; }
.table tr {width: 100%; height: 50px; }
.table tr th, .table tr td {width: 33.33%; border-left:solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9;}

.tr_04 {height: 110px;}
.tr_tit01 td, .tr_02 th, .tr_03 th, .tr_04 th, .tr_05 th {font-size: 18px; color: #222}
 
 

/* 지점안내 */

/* 탭 */
.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}



/* 이벤트배너 */
#event {height:100%; overflow:hidden; position:relative;  margin:0px 0; border-top:2px solid #222;}
#event .event {width:100%; text-align:center;}
#event .event div{width:640px; margin:0 auto; padding:0; overflow:hidden}
#event a{padding-right:10px}
#event a:last-child{padding-right:0}
#event .event  .slider_wrap {width:200px; text-align:center;float:left;}
#event .event  .slider_wrap img{width:200px; text-align:center;}

#event .bx-wrapper .bx-prev {position:absolute; width:40px; height:70px; left:0; margin-top:-215px; background:url('/new2018/images/prev_btn.gif') no-repeat; text-indent:-5000px}
#event .bx-wrapper .bx-next {position:absolute; width:40px; height:70px;; right:0; margin-top:-215px;  background:url('/new2018/images/next_btn.gif') no-repeat; text-indent:-5000px;}
#event .tit{font-size:25px; padding-top:20px}
#event .s_txt{font-size:20px; color:#8586b4}


#info_wrap{width:100%; background-color:#f4f4f6; overflow:hidden; margin:0 auto; padding:50px 0}
#info_wrap .info_grey{width:100%; background-color: #f4f4f6; overflow:hidden}
#info_wrap .grey_wrap{width:640px; padding:50px 0 50px 0; margin:0 auto; clear:both;}
#info_wrap .grey_wrap .text01{text-align:center; padding:50px 0; background:url(../images/info_bar.gif) no-repeat 620px 30px}
#info_wrap .grey_wrap .text01 span{font-size:25px}
.Red{color:#d20000!important}


#info_wrap .info_white{width:100%; background-color: #fff}
#info_wrap .white_wrap{width:640px; padding:50px 0 100px 0; margin:0 auto; clear:both}
#info_wrap .white_wrap .text01{text-align:center; padding:50px 0;  background:url(../images/info_bar.gif) no-repeat 620px 30px}

/* 둘러보기 */
#gallery {clear:both; position:relative; padding:30px 0 30px 0; width:640px; background:#ddd; text-align:center; margin:auto;}

#gallery_img {width:1230px; height:567px; overflow:hidden; margin:auto; position:relative; border:5px solid #e2e2e0;}
#gallery_img ul {width:1230px; height:567px; position:relative;}
#gallery_img li {position:absolute;  top:0; display:none; background-color:#FFF;}

#gallery_nav_bg {margin:auto; width:1240px; height:95px; background:#eeee;}
#gallery_nav {position:relative; width:1230px; margin:0 auto;}
#btn_left {position:absolute; top:15px; left:0; }
#prev {position:absolute; top:10px; left:30px;}
#btn_right {position:absolute; top:15px; right:0;}
#next {position:absolute; top:10px; right:30px;}
#gallery_nav_wrap {width:1000px; height:80px; overflow:hidden; position:relative; margin:0 auto; padding-top:15px;}
#gallery_nav ul {position:absolute; left:0; width:1500px; height:63px; /*left:0!important*/ }
#gallery_nav li {float:left; width:78px; height:60px; border-top:4px solid #f9f9f9;}
#gallery_nav li.mouseon {width:78px; height:60px; border-top:4px solid #ccc;}
#gallery_nav li.on {width:78px; height:60px; border-top:4px solid #35b9ea;}
#gallery_nav li img {float:left;}

/*footer*/
#footer_wrap {position:relative; z-index:11; clear:both; width:100%; height:180px; background:#484848; padding-bottom: 130px;}
#footer_wrap #footer {margin:auto; width:94%; height:58px; padding-top:10px; text-align:center;}
#footer address {font-weight:normal; font-style:normal; color:#999999; font-size:19px;}
#footer .copyright {color:#808080; text-transform:uppercase; font-size:17px; display:block; margin-top:10px;}


/*foot 전화상담*/
.btn_f {width:100%; position:fixed; left:0; bottom:0; /*padding:10px 0;*/ background-color:rgba(0,0,0,0.75); z-index:30;}
.btn_f .area {margin:0 auto; width:640px;}
.btn_f .area li {float:left; width: 16%; margin:0 2%; text-align:center;}
.btn_f .area li img {width:100%;}