@charset "euc-kr";
/*import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

@font-face{
    font-family:NanumGothic;
    font-weight:normal;
    src:url(../css/font/NanumGothic.eot);
    src:local('※'), url(../css/font/NanumGothic.woff) format('woff');
}
@font-face{
    font-family:NanumGothic;
    font-weight:700;
    src:url(../css/font/NanumGothicBold.eot);
    src:local('※'), url(../css/font/NanumGothicBold.woff) format('woff');
}



html, body, div, span,iframe,
h1, h2, h3, p,
a, address,
img, strong,
ol, ul, li,
form, label, legend
{
	margin: 0;
	padding: 0;
	line-height:1.3;
	outline:none;
	font-family: 'NanumGothic', sans-serif;
	margin: 0;
	padding: 0;
	line-height:1.3;
	outline:none;
	color:#1a1e28;
}

ol, ul, li {list-style:none;}
textarea, input{font-family: 'NanumGothic', sans-serif;}

body {
	-webkit-text-size-adjust: none;
	font-family:'NanumGothic', ng, "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;/*★*/
}
ol, ul {
	list-style: none;
}
img{
	outline:none;
	border-width:0;
}
#whatpage{
	width:0;
	height:0;
	font-size:0;
	position:absolute;
	left:-9999px;
}
.hide{
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	position:absolute;
	left:-9999px;
}
/*main*/
body{
	position:relative;
	width:100%;
	margin:0 auto;
}
#h{
	width:640px;
	height:90px;
	background-color:#3a3a3a;
	margin:0 auto
}
#h>a{
	display:block;
	height:90px;
	border:0;
}

#h>.logo{width:268px;margin:0 auto;}
#h>.logo img{margin-top:15px; }
#h>.nav-btn{
	display:block;
	float:right;width:101px;height:90px;
	background:url(../img/common/top_menu.png) no-repeat 0 0px;
}
#h:after { content: ""; height: 0; display: block; clear: both;}

#nav{
	display:none;
	position:absolute;
	top:90px;
	right:15px;
	background:rgba(26, 30, 40, .90);	
	width:607px;
	height:1200px;
	border-radius:10px;
	-webkit-box-shadow:0px 3px 23px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:0px 3px 23px 0px rgba(50, 50, 50, 1);
	box-shadow:0px 3px 23px 0px rgba(50, 50, 50, 1);	
}

#nav .nav-exit{
	position:absolute;
	top:14px;right:46px;
	width:52px;
	height:51px;
	cursor:pointer;
}
#nav table{
	margin:10px auto;
	width:570px;
}

#nav table .pad td{
	height:7px;
	padding:0;
	/*border-top:1px solid #2f3443;*/
	border-bottom:1px solid #5b6480;
}
#nav table th{
	vertical-align:top;
	text-align:left;
}
#nav table th a{
	color:#95dfff;
	/*font-weight:900;*/
	font-size:18px;
	text-decoration:none;
	line-height:2
}
#nav table td{
	padding-left:20px;
}
#nav table tr td:nth-of-type(3){
	padding-right:0;
}

#nav table td a{
	color:#fff;
	/*font-weight:900;*/
	text-decoration:none;
	font-size:16px;
}


#main_vs_wrap {
	width:640px;
	height:500px; 
	overflow:hidden;
	margin:0 auto;
	}
#main_vs_wrap .quick{
	float:right; 
	width:80px;
	height:500px;
	}	
#main_vs_wrap .quick ul li{
	width:80px;
	height:124px; 
	border-bottom:1px solid #fff;	
	}
#main_vs_wrap .quick ul li a{
	display:block;
	width:80px;
	height:124px;
	background-position:50% 20px;
	background-repeat:no-repeat;
	background-color:#6ca9f7;
	color:#fff;
	font-weight:700;
	text-decoration:none;
	line-height:12;
	text-align:center;
	}	
#main_vs_wrap .quick ul li a:hover{
	background-color:#4d93ee;	
	}

	
.main_vs{
  position:relative;
  overflow:hidden;
  width:560px;
  height:500px;
  padding:0 !important;
  margin:0 !important;
  float:left;
}
.main_vs .con{
  position:relative;
  width:9999px;
}
.main_vs .con li{
  float:left;
  width:560px;/**/
}
.main_vs .ctr{
	text-align:center;
	width:560px;
	position:absolute;
	bottom:15px;
}
.main_vs .ctr li{
  display:inline-block;
  margin-right:10px;
  width:40px;
  height:40px;
  background:#fff;
  text-indent:-9999px;
  border-radius:20px;
  cursor:pointer;
}
.main_vs .ctr .now{
	background:#6ca9f7;
}
.main_vs .ctr .last{

}
.main_vs .prevnext .prev,
.main_vs .prevnext .next{
  position:absolute;
  top:40%;
  background:red;
  padding:0 10px;
  cursor:pointer;
  width:100px;
  height:100px;
}
.main_vs .prevnext .prev{left:0;background:url(../img/ctr-prev.png) no-repeat 0 0;}
.main_vs .prevnext .prev:active{background-position:0 -100px;}
.main_vs .prevnext .next{right:-20px;background:url(../img/ctr-next.png) no-repeat 0 0;}
.main_vs .prevnext .next:active{background-position:0 -100px;}

	
	

#main_banner {
	width:640px; 
	height:180px;
	 margin:0 auto;}
#main_banner li{
	width:318px; 
	height:88px;
	float:left;
	border:1px solid #fff;
	overflow:hidden;}
#main_banner li.banner1{background:url(../img/main/banner_icon1.png) no-repeat 70px 50% #1dbed1;}
#main_banner li.banner2{background:url(../img/main/banner_icon2.png) no-repeat 70px 50% #69a3ef;}
#main_banner li.banner3{background:url(../img/main/banner_icon3.png) no-repeat 50px 50% #69a3ef;}
#main_banner li.banner4{background:url(../img/main/banner_icon4.png) no-repeat 30px 50% #1dbed1;}
#main_banner li a{
	display:block;
	width:266px; 
	height:76px; 
	border:1px solid #fff; 
	color:#fff; 
	font-weight:700; 
	line-height:3; 
	text-decoration:none; 
	margin:5px;
	font-size:25px;
	padding-left:40px;
	text-align:center;
	}





#sub_navi{
	position: relative;
	width: 100%;
	height: 60px;
	background-color:#b3b3b3;
}

#sub_navi .sub-menu-toggle{
	position:absolute;
	height:60px;
	width:60px;	
	border-right:1px solid #fff;
	background:#6ca9f7;
	cursor:pointer;
}
#sub_navi .sub-menu-toggle.now{
	background:#4d93ee;
}

#sub_navi .sub-menu{
	visibility:hidden;
	position:absolute;
	top:100%;
	left:0;
	width:300px;
	background:#6ca9f7;
}
#sub_navi .sub-menu li{
	border-top:1px solid rgba(255,255,255,0.5);
}
#sub_navi .sub-menu li a{
	display:block;
	padding:13px 0 13px 10px;
	color:#fff;
	text-decoration:none;
}
.brd{
	position:absolute;
	top:12px;
	left:80px;
	color:#fff;
	 margin:0 auto;
	 font-size:20px;
}

.brd span{
	margin-left:10px; margin-top:5px; float:left;color:#fff;
}

.brd .no{
	margin-left:0px;
}


#sub_wrap {clear:both; width:640px; height:auto; margin:0 auto; overflow:hidden;}
#sub_wrap img{margin:0; padding:0; vertical-align: top}
#sub_wrap .txt18_blue{font-size:15px; color:#47b4da;}
#sub_wrap .txt35_blue{font-size:35px; color:#47b4da; line-height:1.5}

.doc_info {width:640px; height:598px; background:url(../01_info/img/info_0201_01.jpg) no-repeat; margin:0 auto; overflow:hidden;}
.doc_info>.txt_wrap{
	float:left; 
	width:403px; 
	height:350px; 
	margin-top:208px; 
	margin-left:203px; 
	padding-top:25px; 
	padding-left:30px; 
	padding-right:10px; 
	padding-bottom:10px; 
	color:#fff; 
	background:rgba(0, 0, 0, .50);
	border-radius: 15px;}
.doc_info>.txt_wrap p.docname{font-weight:403; font-size:35px; color:#fff; margin-bottom:15px;}
.doc_info>.txt_wrap p.doctxt {font-size:15px; line-height:23px; color:#fff;}



/*병원둘러보기*/
.roll-hospital{
	position:relative;
	width:630px;
	height:590px;
	margin:0 auto;
}
.roll-hospital .cate{
	/*position:absolute;
	width:1020px;
	margin:0 auto;*/


}
.roll-hospital .cate>p{
	width:150px;
	height:40px;
	float:left;
	color:#1a1e28;
	cursor:pointer;
	line-height:2.5;
	font-size:16px;	
	text-align:center;
	background:#ffffff;
	font-weight:630;
	border:1px #c7c7c7 solid 
	
}
.roll-hospital .cate>p:hover,
.roll-hospital .cate>p.now{
	background:#1a1e28;
	color:#fff;font-weight:bold;
	border-bottom:1px #b79d86 solid 
}





.roll-hospital .tlt{
	/*display:none;*/
	/*position:absolute;*/
	z-index:100;
	top:30px;
	padding-top:90px;
	padding-bottom:10px;
}
.roll-hospital .tlt>p{
	text-align:center;
}


.roll-hospital .view{
	position:relative;
	overflow:hidden;
	width:630px;
	height:420px;
}
.roll-hospital .view .train{
	position:absolute;
	width:8000px;
	top:20px;
	overflow:hidden;
}
.roll-hospital .view .train img{
	display:block;
	float:left;
	width:630px;
}
.roll-hospital .con-prev,
.roll-hospital .con-next{
	position:absolute;
	top:210px;
	width:74px;
	height:74px;
	cursor:pointer;
	text-indent:-9999px;
}
.roll-hospital .con-prev{
	background:url(../01_info/view/con-prev.png) no-repeat 0 0;
	left:0px;
}
.roll-hospital .con-next{
	background:url(../01_info/view/con-next.png) no-repeat 0 0;
	right:0px;
}
.roll-hospital .con-prev:hover{
	/*background-position:0 -554px;*/
}
.roll-hospital .con-next:hover{
	/*background-position:0 -554px;*/
}


.roll-hospital .ctr-dir{
	overflow:hidden;
	position:relative;
	height:110px;
}
.roll-hospital .ctr-dir .train{
	/*position:absolute;
	width:9999px;*/
	width:630px;
	height:111px;
	bottom:0; left:0; 
}
.roll-hospital .ctr-dir .train li{
	float:left;	
	margin-right:2px;
	margin-top:20px;
	overflow:hidden;
}
.roll-hospital .ctr-dir .train img{
	display:block;
	/*width:150px;*/
	width:88px;
	height:60px;
	margin:0 ;
	padding:0;
}
.ovf{background:;
	display:block;
	width:200px;
	height:18px;
	overflow:hidden;
}



#footer_tel {width:640px; height:180px; margin:0 auto;}
#footer_tel img{display:block}
#footer {width:100%; height:130px; text-align:left; background:#3a3a3a; overflow:hidden ;}
#footer div.footer_wrap{width:640px; height:130px; margin:20px auto; background:url(../img/common/footer_logo.png) 0 10px no-repeat;}
#footer div.footer_wrap div.copy{width:480px; height:110px; float:right; line-height:22px; font-size:13px; color:#fff;}


/*member*/
#login_box {clear:both;width:600px; height:200px; margin:60px auto 0px auto; background:#fff; border:5px solid #d8d7d9}
#login_box>.input_box {float:left; margin-left:50px; margin-top:40px;width:250px; height:90px; border:0px solid #cc0000}
#login_box>.input_box li{width:250px; height:35px; margin-bottom:10px; background:#fff;}
#login_box>.input_box li input{border:0;width:180px;height:35px; color:#1a1e28; margin-left:70px; border:1px solid #d8d7d9;}
#login_box>.btn_box {float:left; margin-left:20px; margin-top:40px;width:150px; height:90px; border:0px solid #cc0000}
#login_box>.btn_box a{display:block;width:150px; height:85px; background:#1a1e28; font-size:25px; font-weight:700; color:#fff; text-align:center; line-height:3.3; text-decoration:none; }
#login_box2 {width:500px; height:30px; margin:20px auto ; overflow:hidden;  text-align:center;}
#login_box2 li {float:left; height:30px; margin-right:10px;}
#login_box2 li a.btn1{font-size:15px; font-weight:700; color:#ff5b7e; text-decoration:none;}
#login_box2 li a.btn2{font-size:15px;color:#1a1e28;  text-decoration:none; width:140px; background:none;}


#search_box {clear:both;width:600px; height:250px; margin:100px auto 0px auto;  border:5px solid #d8d7d9}
#search_box>.input_box {float:left; margin-left:340px; margin-top:85px;width:320px; height:90px; border:0px solid #cc0000}
#search_box>.input_box li{width:320px; height:35px; margin-bottom:10px; background:#fff;}
#search_box>.input_box li input{border:0;width:250px;height:35px; color:#1a1e28; margin-left:70px; border:1px solid #d8d7d9;}
#search_box>.btn_box {float:left; margin-left:20px; margin-top:85px;width:150px; height:90px; border:0px solid #cc0000}
#search_box>.btn_box a{display:block;width:150px; height:85px; background:#1a1e28; font-size:25px; font-weight:700; color:#fff; text-align:center; line-height:3.3; text-decoration:none; }

#join_box {clear:both;width:600px; height:270px; margin:30px auto 0px auto;  border:5px solid #d8d7d9; padding-top:60px; padding-left:20px;}
#join_box textarea{width:580px; height:200px; border:0; line-height:18px;}
#join_box p{text-align:right; height:20px; margin-top:20px; font-size:16px; font-weight:700; color:#47b4da;}
#join_box p input{border:0px solid #000; width:15px; height:15px;}
#join_box a{display:block; width:150px; height:38px; background:#1a1e28; font-size:18px; font-weight:700; color:#fff; text-align:center; line-height:2; text-decoration:none; }


#join_box2 {clear:both;width:600px; height:550px; margin:30px auto 0px auto;  border:5px solid #d8d7d9; padding-top:60px; padding-left:20px;}
#join_box2>.input_box {float:left; margin-left:20px; margin-top:20px;width:850px; height:auto; border:0px solid #cc0000}
#join_box2>.input_box li{width:680px; height:40px; margin-bottom:20px; background:#fff; font-size:17px; line-height:2.0; padding-left:120px; border-bottom:1px dashed #d8d7d9;}
#join_box2>.input_box li input{float:left; border:0;height:32px; color:#1a1e28;border:1px solid #d8d7d9;}
#join_box2>.input_box li a{display:block;width:150px; height:38px; background:#1a1e28; font-size:18px; font-weight:700; color:#fff; text-align:center; line-height:2; text-decoration:none; }
#join_box2>.input_box li a.idcheck{float:left; display:block;width:150px; height:30px; background:#47b4da; font-size:14px; color:#fff; text-align:center; line-height:2; text-decoration:none; margin-left:20px; margin-top:3px; }
#join_box2 p{clear:both; width:100%; height:100px; text-align:center; }
#join_box2 p a{display:block; width:150px; height:80px; background:#1a1e28; font-size:20px; font-weight:700; color:#fff; text-align:center; line-height:3.7; text-decoration:none; margin:0 auto;}
#join_box2 table{width:95%; margin:0 auto 30px auto; border-top:3px solid #000; border-bottom:1px solid #000;}
#join_box2 table td{border-bottom:1px dashed #d9d9d9; height:45px; vertical-align:middle; }
#join_box2 table td.menu{text-align:center; font-weight:700}
#join_box2 table td.inputtd{}
#join_box2 table td input{float:left; border:0;height:32px; color:#1a1e28;border:1px solid #d8d7d9;}
#join_box2 table td p.comment{clear:both; width:100%; font-size:15px; color:#aaa; height:20px;text-align:left;  }
#join_box2 table td select{height:28px; border:1px solid #d8d7d9;}

#join_box3 {clear:both;width:600px; height:350px; margin:30px auto 0px auto;  border:5px solid #d8d7d9; background:#fff; text-align:center; font-size:25px; padding-top:25px; overflow:hidden;}
#join_box3>.link_box {margin:0 auto; width:550px; height:50px; border:0px solid #cc0000; }
#join_box3>.link_box li {float:left; margin-right:20px;}
#join_box3>.link_box li a{display:block; width:200px; height:50px;color:#fff; font-size:16px; font-weight:700; text-align:center; line-height:2.6; text-decoration:none; }
#join_box3>.link_box li a.link1{background:#47b4da; }
#join_box3>.link_box li a.link2{background:#eb90d8; }