@charset "utf-8";

/*==========================================================================
Layout Style
==========================================================================*/
#sub_contain {position:relative; margin:0 auto; width:1000px;}

.sub_cont_wrap01 {position:relative; float:left; width:1000px;  margin:-10px 0 0px 0; background:url(../images/sub/sub_img01.jpg) no-repeat 0 -50px;}
.sub_cont_wrap02 {position:relative; float:left; width:1000px;  margin:-10px 0 0px 0; background:url(../images/sub/sub_img02.jpg) no-repeat 0 -50px;}
.sub_cont_wrap03 {position:relative; float:left; width:1000px;  margin:-10px 0 0px 0; background:url(../images/sub/sub_img03.jpg) no-repeat 0 -50px;}
.sub_cont_wrap04 {position:relative; float:left; width:1000px;  margin:-10px 0 0px 0; background:url(../images/sub/sub_img04.jpg) no-repeat 0 -50px;}
.sub_cont_wrap05 {position:relative; float:left; width:1000px;  margin:-10px 0 0px 0; background:url(../images/sub/sub_img05.jpg) no-repeat 0 -50px;}
.sub_cont_wrap06 {position:relative; float:left; width:1000px;  margin:-10px 0 0px 0; background:url(../images/sub/sub_img06.jpg) no-repeat 0 -50px;}

#left_cont {position:relative; float:left; width:200px;  margin:-10px 0 0px 0; }

#left_cont .symbol{position:relative; float:left;width:65px; height:63px; margin:80px 0 10px 68px; background:url(../images/sub/sub_symbol.png) no-repeat;}
#left_cont  h5 {position:relative;clear:both; font-size:1.60em; height:30px;  color: #fff; margin:20px auto; text-align:center;  letter-spacing: -.02em;  }
#left_cont .sub_menu {position:relative;float:right; margin:50px 0 0; width: 160px;  }
#left_cont .sub_menu ul {position:relative; float:left;margin:0px 0 0px;width: 160px; }
#left_cont .sub_menu ul li {display:block;width:136px;float:left;padding:18px 12px 18px 12px; margin:0 0 5px; background:url(../images/sub/menu_bg.png); font-size:1.20em; letter-spacing: -.03em;}
#left_cont .sub_menu ul li a {  float:left; color:#fff;font-weight:bold;}

#left_cont .sub_menu ul li.on {display:block;  font-weight:bold; color:#fff; background:#00afa5;   }
#left_cont .sub_menu ul li.on a {width:160px;color:#fff;float:left;}

#left_cont .cs_center {position:relative; float:left; width:200px; height:280px; margin:25px 0 80px 0; padding:0 0 5px;background:url(../images/sub/subcs_bg.png)  repeat}

#left_cont .quick_icon {position:relative; float:left; width:200px; margin:15px 0 0px 0px; background:url(../images/sub/s_quick_icon.png) no-repeat}
#left_cont .quick_icon ul {float:left;margin:0 0 0 10px;padding:0 0 15px 0; background:url(../images/sub/cs_line.png) repeat-x bottom}
#left_cont .quick_icon ul li {display:inline-block;text-indent:-9999px; float:left; width:60px; height:55px; }
#left_cont .quick_icon ul li a { width:60px; height:55px;}
#left_cont .cs_num {position:relative; float:left; width:180px; text-align:center; margin:10px 0 0 5px;}
#left_cont .tb {position:relative; float:left; width:180px; margin:0px 0 0 7px; }
#left_cont .tit {position:relative; float:left; margin:7px 0 0 7px; width:auto;font-size:1.0em; color:#eee; font-weight:bold;}
#left_cont .day {position:absolute; left:7px; top:30px; }
#left_cont .day ul {}
#left_cont .day ul li {display:block; float:left;width:160px; color:#b8b9ba;font-size:.90em; padding:0;height:16px; line-height:12px;letter-spacing:0em; margin:0 0 2px 0;}
#left_cont .time {position:absolute; left:55px; top:30px; }
#left_cont .time ul {}
#left_cont .time ul li {display:block; float:left;width:130px; color:#b8b9ba;font-size:.90em; padding:0;height:16px;line-height:12px; margin:0 0 2px 0;}
#left_cont .hit {position:absolute; left:7px; top:120px;  width:170px; line-height:15px;}

.s_contents {position:relative; float:right; width:750px;font-size:1.10em;}

.rout {position:relative;float:left;margin:50px 0 0 0;width:400px; }
.rout ul {}
.rout ul li {display:block; float:left; color:#8c8c8c; background:url(../images/sub/r_arrow.gif) no-repeat 0 5px; padding:0 12px 0 12px;}
.rout ul li:first-child {background:none;padding:0 12px 0 0px !important}
.rout ul li:last-child {color:#333}

.sub_visual01 {position:absolute; top:-40px; right:0; width:600px; height:188px; background:url(../images/sub/sub_pattern.png) no-repeat right}
.sub_visual02 {position:absolute; top:-40px; right:0; width:600px; height:188px; background:url(../images/sub/sub_pattern.png) no-repeat right}
.sub_visual03 {position:absolute; top:-40px; right:0; width:600px; height:188px; background:url(../images/sub/sub_pattern.png) no-repeat right}
.sub_visual04 {position:absolute; top:-40px; right:0; width:600px; height:188px; background:url(../images/sub/sub_pattern.png) no-repeat right}
.sub_visual05 {position:absolute; top:-40px; right:0; width:600px; height:188px; background:url(../images/sub/sub_pattern.png) no-repeat right}
.sub_visual06 {position:absolute; top:-40px; right:0; width:600px; height:188px; background:url(../images/sub/sub_pattern.png) no-repeat right}

h3 {position:relative; float:left; width:auto; clear:both; margin:50px 0 0; color:#3d3d3d; font-size:2.55em;line-height:1.60em;font-weight:bold; letter-spacing:-.02em;}

#greeting {position:relative; float:left; width:750px; margin:20px 0 0 0; }
#greeting .img1 {position:absolute; top:0; right:0px;}
#greeting .text1 {position:relative; float:left; clear:both; margin:20px 0 0 0}
#greeting .text2 {position:relative; float:left; clear:both;  margin:50px 0 0 0}
#greeting .text3 {position:relative; float:left; clear:both;  margin:35px 0 0 0}

#greeting .block {position:relative; float:left;width:750px;  margin:30px 0 0 0}
#greeting .text4 {position:relative; float:right;width:550px;  margin:0px 0 0 0}

#greeting .img_t01 {position:relative; float:left;background:url(../images/sub/cont_img01_02.png) no-repeat; background-position:0 5px; width:130px; height:50px;margin:5px 0 0 0; padding:15px 0 0 65px; font-weight:bold;}
#greeting .img_t02 {position:relative; float:left;background:url(../images/sub/cont_img01_02.png) no-repeat; background-position:4px -133px; width:130px; height:50px;margin:5px 0 0 0; padding:15px 0 0 65px; font-weight:bold;}
#greeting .img_t03 {position:relative; float:left;background:url(../images/sub/cont_img01_02.png) no-repeat; background-position:4px -305px; width:130px; height:50px;margin:5px 0 0 0; padding:15px 0 0 65px; font-weight:bold;}

#body_cont {position:relative; float:left; width:750px; margin:40px 0 20px 0;}
#body_cont ul {}
#body_cont ul li {display:block; float:left; width:750px;}
#body_cont ul li.al {text-align:center;}
#body_cont ul li.icon_t {height:30px; font-size:1.55em; font-weight:bold; color:#555; background:url(../images/sub/icon01.png) no-repeat 0 2px;padding-left:22px;}

.in_txt01 {position:relative; width:35px; float:left; font-size:1em;}
.in_txt02 {position:relative; width:700px; float:left;font-size:1em;}


/* 척추전문치료센터 */
#clinic_container {position:relative;float:left; width: 750px; margin: 0px 0 20px 0 ;}
#clinic_container  ul.tabs {position:relative;float:left; margin:0px 0 0 0;padding: 0;float: left;list-style: none; height:auto; width:750px;}
#clinic_container  ul.tabs li {float: left;margin: 0;padding: 0;height: 35px;line-height: 35px; border-right:1px solid #fff; border-bottom:1px solid #fff;  text-align:center;width:149px;background: #575b5c;overflow: hidden;position: relative;}
#clinic_container  ul.tabs li a {text-decoration: none;display: block;font-size: 0.95em; color:#fff;padding: 0 0px;border: 0px solid #fff;outline: none;}
#clinic_container  ul.tabs li a:hover {background: #00bcaa;color: #fff;}	
#clinic_container  ul.tabs li.active, ul.tabs li.active a:hover  {background: #00bcaa;color: #fff; font-weight:bold;}
#clinic_container .clinic_container1 {  margin:0px 0 0 0;
	border: 0px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 750px;
	
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#clinic_container .clinic_cont {margin: 20px 0 0 0px;font-size: 1.0em; color:#757575;}
#clinic_container .clinic_cont ul {margin:0px 0 0 0px; float:left;}
#clinic_container .clinic_cont ul li {display:block; float:left; color:#757575; margin:0px 0 4px;width:750px;}
#clinic_container .clinic_cont ul li a{ color:#555;}

/* 증명서발금 */
#file_down {position:relative; float:right; width:720px; margin:15px 5px 10px 0;border:1px solid #dbdbdb;}
#file_down td {padding:10px; text-align:center;margin:0; }
#file_down td.r2 {text-align:left;border-top:1px solid #eee;}
#file_down p {text-align:center;}


/* 환자권리장전 */
#rights {position:relative; float:left; width:500px;background:url(../images/sub/right_bg.gif) repeat-x}
#rights .title {position:relative; float:left; width:440px;height:35px; color:#fff; font-size:1.50em; font-weight:bold; margin:10px 0 0 15px; }
#rights .bill {position:relative; float:left;width:455px; margin:10px 0 0 10px;color:#555; background:#f5f5f5; border:1px solid #e9e9e9; padding:10px;}
#rights .head {float:left;clear:both; font-weight:bold; color:#02a99f; font-size:1.30em; margin:7px 0 5px 0;}
#rights .hit {  font-weight:bold; color:#333; font-size:1.10em; margin:14px 0 5px 15px;}
#rights  p { margin:0px 0 6px 15px; letter-spacing:-.02em;clear:both;}