@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@media screen and (max-width:320px) {
     body {zoom:50% !important;}
 }
 @media screen and (min-width:321px) and (max-width:359px) {
     body {zoom:50% !important;}
 }
 @media screen and (min-width:360px) and (max-width:374px) {
     body {zoom:56.2% !important;}
 }
 @media screen and (min-width:375px) and (max-width:375px) {
     body {zoom:58.5% !important;}
 }
 @media screen and (min-width:376px) and (max-width:479px) {
     body {zoom:64.6% !important;}
 }
 @media screen and (min-width:480px) and (max-width:639px) {
     body {zoom:75% !important;}
 }

  /* 아이패드(1024x768)보다 큰 스크린 사이즈와 해상도를 갖는 모든 기기에서의 해상도 설정 
 @media all and (min-width: 640px) {
     body {width:640px; margin:0 auto;}
  */


  @media all and (min-width: 640px) {
     body {zoom:100% !important; margin:0 auto;}
 }
 

*{margin:0; padding:0;}
img {border:0;}
a {border:0; text-decoration:none; color:inherit; font-family: 'Nanum Gothic', sans-serif;}
ul, li {list-style:none;}
body {font-family:'Malgun Gothic';/*font-family: 'Nanum Gothic', sans-serif;*/width:100%;max-width:640px; background:none; margin: 0 auto;}
#wrap {width:100%;max-width:640px; text-align:center; margin:0 auto;display:block;}


/* 상단 */
#header {width:100%;max-width:640px; height:122px; position:relative; border-bottom:2px solid #6f428d;    }
#header .wrap { height:122px; width:600px; margin:0 auto;  }
#header .wrap a.logo { width:281px; margin:0 auto; height:122px; display:inline-block;   }
#header .wrap a.logo img { margin: 28px 0px 27px 40px; }
#header .wrap #top { float:right; width:112px;  height:53px; margin:36px 0 33px 0;  }
#header .wrap #top a { display:block; height:53px; }
#header .wrap #top .tel { float:left; margin-right:6px;  }
#showRightPush {
 width:53px; height:53px;
 background:url('/base/img/m/images/common/list.png') no-repeat;
 border:none; 
 cursor:pointer;
 text-indent: -1000%;
 }

#cbp-spmenu-s2 {width:250px; font-family:"NanumGothic", sans-serif; font-weight:400; background:#f5f5f5; }
#cbp-spmenu-s2 .gnb_home {width:100%; height:100px; background:#9466af; font-size:28px; text-align:center; line-height:100px;}
#cbp-spmenu-s2 .gnb_home a { color:#fff; }
#cbp-spmenu-s2 li {font-size:1.2em; border-bottom: 1px solid #ddd;}
#cbp-spmenu-s2 li a {padding:0.875em; cursor:pointer; }
#cbp-spmenu-s2 li .s6 { padding:0 !important; }
#cbp-spmenu-s2 dd > a {color:#666; }
.topnav {padding:0.8em; color:#4a4a4a; cursor:pointer; }
.topnav  span { font-size:12px; ; }
.subnav {display:none; background:#fff; width:100%; /*border-left:1px solid #ddd;*/  }
.subnav dd { border-bottom:1px solid #ddd; }

/* 메인 */


#main { width:100%; max-width:640px;position:relative; }
#main .flexslider ul li.main_sl1 { width:100%; height:405px; background:url('/base/img/m/images/main/main_img1.png') no-repeat 50% 50%;   }
#main .flexslider ul li.main_sl2 { width:100%; height:405px; background:url('/base/img/m/images/main/main_img2.png') no-repeat 50% 50%;   }


#main #icon { background:#f5f5f5; }
#main #icon ul { width:622px; margin:0 auto;  padding:20px 0; }
#main #icon ul li { display:inline-block; }

#main #info { width:100%; position:relative; height:460px;   }
#main #info ul { width:640px; margin:0 auto; }
#main #info ul li {float:left; width:320px; height:230px;   }
#main #info ul li a { display:block; }

#main #bbs { width:100%; height:125px; }
#main #bbs ul { width:100%; height:100%; }
#main #bbs ul li { text-indent:-9999px; width:25%; height:100%; float:left;  background:url('/base/img/m/images/main/bbs.png') no-repeat 50% 50%; }
#main #bbs ul li.b1 { background-position:0 0; }
#main #bbs ul li.b2 { background-position:-160px 0; }
#main #bbs ul li.b3 { background-position:-320px 0; }
#main #bbs ul li.b4 { background-position:-480px 0; }
#main #bbs ul li.b1 a,
#main #bbs ul li.b2 a,
#main #bbs ul li.b3 a,
#main #bbs ul li.b4 a { display:block;  height:100%; }



/* 하단 */

#footer { clear:both;  width:100%; max-width:640px;position:relative; border-top:1px solid #dadada; height:322px; }
#footer .tel { width:100%; height:92px; background:url('/base/img/m/images/common/call.png') no-repeat; }
#footer .tel a { display:block; height:92px;  }
#footer .tel2 { width:100%; height:90px; background:url('/base/img/m/images/common/call2.png') no-repeat; }
#footer .tel2 a { display:block; height:90px;  }
#footer ul.fm { width:100%; height:60px; line-height:60px;  background:#dabad3; }
#footer ul.fm li { float:left; width:320px; text-align:center; font-size:1.2em; color:#9b50a4; font-weight:bold; letter-spacing:-2px; border-right:1px solid #ddd; box-sizing:border-box;  }
#footer ul.fm li:last-child { border:0; }
#footer .copy { height:84px; padding:20px 0; line-height:28px; color:#484848;   }
#footer a.admin { width:100%; height:46px; line-height:46px; background:#ccc; display:block;  }
/* ----------------------------------------------------------------------------

								서브
								
-----------------------------------------------------------------------------*/		

					
#sub  { width:100%;max-width:640px; position:relative; }
#sub #sub_tit { width:100%; background:url('../images/sub_tit.png') no-repeat 50% 50%; height:120px; }
#sub #sub_tit h2 { padding-top:30px; padding-bottom:10px; color:#93579a; font-size:2em; letter-spacing:-0.5px }
#sub #sub_tit span { letter-spacing:-1px; color:#8d8d8d; font-size:16px;  }

#sub_menu { text-align:left;  width:100%; border-bottom:2px solid #ff709c; }
#sub_menu .snb { padding:30px 33px; background:#f0f0f0; }
#sub_menu .snb ul { width: 580px; margin:0 auto; letter-spacing:-0.1em; line-height:44px;} 
#sub_menu .snb ul li {     display: inline-block;	padding-right:4px;    vertical-align: middle;	margin:0 0 8px 0;    }
#sub_menu .snb ul li a { 	width:156px;	display: inline-block;	text-align:center;    font-weight: bold;	background:#fff;
	border-radius:5px;	border:1px solid #b7b7b7;    color: #626262;	padding:0px 10px;	letter-spacing:-2px; font-size:22px;  }
#sub_menu .snb ul li a:hover, #sub_menu .snb ul li a.on  { 	width:156px;	display: inline-block;    color: #fff;   text-align:center;    font-weight: bold;
    text-decoration: none;	padding:0px 10px;	background:#ff709c;	border-radius:5px;	border:1px solid #f36892;	letter-spacing:-2px;}

#sub #content { width:640px; margin:0 auto; padding-bottom:40px; clear:both;  }
#sub #content h2 { text-align:left; padding-top:40px; width:600px; margin:0 auto;  padding-bottom:20px; border-bottom:1px dashed #ddd; font-size:2.2em;  }
#sub #content h2 span { float:right; font-size:16px; font-weight:normal; line-height:58px;  }

#sub #content #contain { margin-top:40px; }
#sub #content #contain.bg {background:url('../images/sub1_01.png'); height:1427px;}
#sub #content #contain .sub01_01 {  width:580px; margin:0 auto;  }
#sub #content #contain h2 { padding-top:440px; width:580px; font-family: 'Nanum Myeongjo', serif; font-size:40px; color:#93579a;  }
#sub #content #contain p { margin-top:20px; line-height:44px; font-size:24px; text-align:left; font-weight:400; letter-spacing:-1px;  }


#sub #content #contain p.s04 { width:580px; margin:0 auto; text-align:center; padding-bottom:60px; letter-spacing:-1px; color:#606060; }
#sub #content #contain p.s04 span { color:#522e91; font-weight:bold;  }


/* 서브 갤러리 */
.slidePhotoBox{ margin:0 0 0px 0;}
.slidePhotoBox .ad-gallery { width:620px; overflow:hidden; zoom:1; position:relative; margin:0 auto; }
.slidePhotoBox .ad-gallery .ad-image-wrapper{ width:620px; height:408px; margin-bottom:5px; overflow:visible; z-index:8; zoom:1;}
.slidePhotoBox .ad-gallery .ad-image-wrapper img  {  }
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image { }
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image img {display:block;width:620px;height:408px}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-prev{top:150px; left:0px; margin: 0 0 0 0px; position: absolute; z-index: 10; width:60px; height:94px !important; background:url(/base/img/miel/images/sub/01/slidePrev.png) no-repeat 0px 0px; text-indent:-9999%; overflow:hidden;}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-prev:hover{background-position:0 -100px}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-next{top:150px; right:0px; margin: 0 0 0 0px; position: absolute; z-index: 10; width:60px; height:94px !important; background:url(/base/img/miel/images/sub/01/slideNext.png) no-repeat 0px 0px; text-indent:-9999%; overflow:hidden;}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-next:hover{background-position:0 -100px}
.slidePhotoBox .ad-gallery .ad-nav{ width:697px; overflow:hidden; height:72px; margin:0 auto; }
.slidePhotoBox .ad-gallery .ad-nav .ad-thumbs{ width:697px; zoom:1;}
.slidePhotoBox .ad-gallery .ad-thumbs li {margin-right:1px; background:#000; position:relative;}
.slidePhotoBox .ad-gallery .ad-thumbs li .mask{ width:105px; height:62px; border:#d4bf99 solid 5px; display:none; position:absolute; left:0px; top:0px;}
.slidePhotoBox .ad-gallery .ad-thumbs li a:hover .mask,
.slidePhotoBox .ad-gallery .ad-thumbs li a.ad-active .mask{ display:block;}
.slidePhotoBox .ad-gallery .ad-thumbs li a.ad-active img { border:none;}
.slidePhotoBox .ad-gallery .ad-thumbs li a img{ border:none;width:115px;}
.slidePhotoBox .ad-gallery .ad-controls{ display:none;}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description{ height:100px; padding:0px; color:#FFF; bottom:0px !important;}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .mask{ width:620px; height:101px; display:block; position:absolute; left:0px; top:0; background:#000; opacity:0.7; filter: alpha(opacity = 70);}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .btnFullScreen{ position:absolute; right:22px; top:22px; padding:0 0 0 17px; z-index:10; display:block; color:#FFF; font-size:11px; }
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title{ position:relative; z-index:10; padding:20px 0 0 25px;}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .desc{ position:relative; z-index:10; padding:2px 0 0 25px; display:block;color:#FFF;}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .desc p{color:#FFF;}
.slidePhotoBox .ad-gallery .ad-image-wrapper .ad-image .ad-image-description{ display:none;}
.slidePhotoBox .ad-gallery .ad-forward{ display:none;top:0px; right:0px; margin: 0 0 0 0px; position: absolute; z-index: 10; width:60px; height:94px !important; background:url(/base/img/miel/images/sub/01/slideNext.png) no-repeat 0px 0px; text-indent:-9999%; overflow:hidden;}
.slidePhotoBox .ad-gallery .ad-forward:hover{  background-position:0 -100px}
.slidePhotoBox .ad-gallery .ad-back{ display:none; top:0px; left:0px; margin: 0 0 0 0px; position: absolute; z-index: 10; width:60px; height:94px !important; background:url(/base/img/miel/images/sub/01/slidePrev.png) no-repeat 0px 0px; text-indent:-9999%; overflow:hidden;}
.slidePhotoBox .ad-gallery .ad-back:hover{ background-position:0 -100px}


#daumRoughmapContainer1451900073034 { width:600px; margin:0 auto; }
#sub #content #contain ul.map { width:600px; margin:0 auto; }
#sub #content #contain ul.map li { float:left;  }
#sub #content #contain p.s05 { width:600px; margin:0 auto; clear:both; padding:20px 0; }

#sub #content .cwrap { width:580px; margin:0 auto; padding-bottom:20px;  border-bottom: 1px dashed #444; }
#sub #content #contain p.ptit { font-size:1.9em;  font-weight:bold; color:#9e27ac; }
#sub #content #contain p.p01 { font-size:24px; text-align:left; letter-spacing:-2px;  color:#333; }

#sub #content .cwrap ul.list { padding:20px 0 ; }
#sub #content .cwrap ul.list li { text-align:left; line-height:36px; font-size:24px;   }
#sub #content .cwrap ul.list li span { color:#e25cb3; font-size:14px;  }
#sub #content .cwrap ul.list li span.b { color:#e25cb3; font-size:24px;  }
#sub #content .cwrap ul.list li span.c { color:#8f60b8; font-size:24px; margin-top:20px; display:inline-block; font-weight:bold;   } /* 흉터수술법 */
#sub #content .cwrap ul.list li span.d { color:#eb296d; font-size:24px; margin-top:20px; display:inline-block; font-weight:bold;   } /* 흉터수술법 */
#sub #content .cwrap ul.list li.border { border-bottom:1px dashed #aaa; }
#sub #content .cwrap ul.list li.border {padding-bottom:20px; }

#sub #content #contain p.p01 b.a { color:#a352bf; text-decoration:underline; font-size:28px;  }
#sub #content #contain p.p01 b.b { color:#6d2c83; }
#sub #content #contain p.p01 span.txt {     font-size: 20px;    color: #aaa;    line-height: 34px;    padding-top: 30px;    display: block;}



/* 게시판 */

.board_bgcolor { width:26% !important; height:46px; line-height:46px; }
.board_bgcolor span { font-size:24px !important; }
.board_desc { text-align:left; }
.board_desc input { height:36px; }
#descriptionView_TOOLBAR ul.se_toolbar_left2 { width:auto !important; }
input[name=receiver_email] { width:80%; }
input[name=subject] { width:90%; }
input[name=writer] { width:40%;  }


/***** tab *****/
.tab {
 width:580px; 
 height:59px;
 line-height:59px;
 margin:60px 30px 60px 30px;  
 background:#fbfbfb;
 border:1px #cccccc solid;
 box-sizing:border-box; 
    }
.tab li { 
   display:inline-block;
   float:left; 
   width:20%;
   text-align:center;
   font-family:"NanumGothic", sans-serif;
   font-size:24px; 
   color:#4d4d4d;
   border-left:1px solid #cccccc;
   letter-spacing:-2px;
   box-sizing:border-box;
   }
   
.tab ul { width:580px !important; margin:0 auto; }

.tab li:first-child {border-left:0;}
.port_back {color:#fff !important; background:#c2579a; font-weight:600;}
#tab_menu1,#tab_menu2,#tab_menu3,#tab_menu4,#tab_menu5 {cursor:pointer;}
.tab_sub2,.tab_sub3,.tab_sub4,.tab_sub5 {display:none;}

#sub2_tab ul li { width:50%; }
#sub3_tab ul li { width:33.3%; }