@charset "utf-8";

body{font-size:12px; height:100%;}
/*common*/
#wrap	{position:relative;overflow:hidden;width:100%; min-width:320px; max-width:768px; margin:0 auto;}
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;} 


/* header */
#header	{width:100%;overflow:hidden;}
#header h1	{float:left; margin-left:2.6%; width:12%; padding:2% 0; margin-left:2.6%;}
h1 img	{width:100%;}
#btn_nav	{display:block; float:right; margin-right:2.6%;padding:2% 0;width:4%;}
#btn_nav>img	{width:100%;}

/* nav */
#nav_m	{position:absolute; top:0; right:-320px; width:320px; height:100%; overflow-y:scroll;  background-color:#333;  z-index:1000;}
#nav_m img	{width:100%;}
#nav_m a	{color:#fff;}
#nav_m>li>a{display:block;   font-weight:600; background-color:#333; border-bottom:1px solid #555; font-size:15px; padding:12px}
#nav_m .dep2	{display:none;}
#nav_m .dep2>li>a	{display:block;  border-bottom:1px solid #555; background-color:#444; font-size:13px; padding:8px 12px;}

.nav_top {overflow:hidden; background-color:#000}
#nav_m .nav_top>a	{display:block; float:left; margin-left:2.6; width:25%; padding:2% 0; margin-left:2.6%;border-bottom:0;background-color:#000}
#nav_m .nav_top .nav_close	{display:block; float:right; margin-right:2.6%;padding:2% 0;width:15%;}

.resi>ul	{ overflow:hidden; background-color:#34b0b7;}
.resi>ul>li	{float:left; width:33%; border-right:1px solid #222}
.resi>ul>li:last-child	{border-right:0;}
.resi>ul>li a	{display:block;padding:5px 0; text-align:center; color:#222; font-weight:600; font-size:14px;}
/*----------------------*/

/* visual */
#visual	{width:100%;position:relative}
#visual li	{width:100%;}
#visual img	{width:100%;}
#visual .bx-controls {position: absolute;left: 50%;bottom:10px;z-index: 99;transform: translateX(-50%);}
#visual .bx-controls .bx-pager-item {display:inline-block;margin:0 3px}
#visual .bx-controls a {display: block;font-size: 0;width: 8px;height: 8px;border-radius: 50px;background-color: #333;}
#visual .bx-controls a.active {background-color:#34b0b7}
/* cont01*/
#content img	{width:100%;}
#cont01	{width:100%;overflow:hidden; margin-top:8%; }
#cont01>a	{display:block; float:left; width:49.3%;}
#cont01>a>img	{width:100%;}
#cont01>div	{position:relative; float:right; width:49.3%;}
#cont01 .event li img	{width:100%;}

#cont02	{width:100% ;margin-top:1.4%;}
#cont02>ul	{overflow:hidden;}
#cont02 ul li	{float:left; width:49.3%; margin-right:1.4%}
#cont02 ul li:last-child	{margin-right:0;}

#cont03	{margin-top:8%;}
#cont03 ul	{overflow:hidden; }
#cont03 ul li	{float:left; width:50%;}
#cont03 img	{width:100%;}

#cont04	{margin-top:8%;}

#cont05	{margin:8% 0;padding:0 6.5%; }
#cont05 ul	{margin-top:3.9%;}
#cont05 li	{padding:2% 0;border-bottom:1px solid #ddd; }
#cont05 li img {width:auto}

/* footer */
#footer	{}
#footer img	{width:100%;}
#footer .info	{padding:8% 6.5%; background-color:#f5f5f5;}
#footer .info p	{margin-bottom:3.9%;}
#footer .make {color:#fff;display:block}

#footer .set_contact	{overflow:hidden;}
.set_contact li	{float:left; width:33.3333%;}

.set_copy	{padding:8% 6.5%; background-color:#444;}
.set_copy p	{text-align:center; color:#fff; line-height:18px;}
.addr span	{padding:0 5px; }
.copyright	{margin-top:3.9%;}


/*sub*/
#sub_container	{width:100%;}
.sp_title	{width:100%; height:auto; background-size:cover;}
.sp_title>img	{width:100%; position:static; left:0; margin:0;}
#sub_con {width:100%;}
#sub_con img	{width:100%;}
#sub_con .td_subject img {width:auto}


/* sub */

#sub_container.board_cont	{background-color:#fff;}
.sp_title	{position:relative; }

/* 치료 */
.sub_tr	{overflow:hidden; width:838px; padding:0 80px; margin-top:-30px;border-right:1px solid #eee; border-left:1px solid #eee; background-color:#fff;}
.sub_tr>li	{float:left; margin-right:29px; margin-top:30px;}
.sub_tr>.tr_last	{margin-right:0;}
#sub_con.cl_sub	{padding-top:60px;}

/* snb */
#snb	{display:none; position:absolute; overflow:hidden; width:20%; top:; left:0; margin-left:0;}
#snb img	{width:70%;}
#snb li	{background-color:rgba(255,255,255,0.5); border-bottom:1px solid #ddd}
#snb li:last-child, #snb li.no_bd	{border-bottom:0}
#snb li	a {display:block;}
#snb li.on	{background-color:#fff;}

/*피부레이저클리닉*/
.snb_sl	{}
.snb_sl	li	{float:left; width:49%;}
.snb_sl	li:nth-child(2n-1)	{border-right:1px solid #ddd;}
.snb_sl	li a	{display:block; padding:4% 0;}

/*미용성형클리닉*/
.snb_ps	{}
.snb_ps	li	{float:left; width:49%;}
.snb_ps	li:nth-child(2n-1)	{border-right:1px solid #ddd;}
.snb_ps	li a	{display:block; padding:4% 0;}

/*비만클리닉*/
.snb_ob	{}
.snb_ob	li	{float:left; width:49%;}
.snb_ob	li:nth-child(2n-1)	{border-right:1px solid #ddd;}
.snb_ob	li a	{display:block; padding:4% 0;}

/*둘러보기*/
#sub_con .inte_slider {width:100%;margin:0 auto;padding:30px 0}
#sub_con .inte_slider #inte_prev, #sub_con .inte_slider #inte_next {top:50%;transform: translateY(-50%);}
#sub_con .inte_slider #inte_pager>li {width: 18%; height: auto; margin: 0 0.9%;}
#sub_con .inte_slider #inte_pager>li>a {width:100%}
#sub_con .inte_slider #inte_pager>li img {width:100%}