@CHARSET "UTF-8";
@import url("global.css");

/* 공통 Class CSS */
.hidden {
	visibility: hidden;
	position: absolute;
	font-size: 0px;
	width: 0px;
	height: 0px;
	line-height: 0px;
	margin:0;
	padding:0;
	background: none;
}
.clear {
	clear: both;
}
.bg_none > a {
	background: none !important;
}
.left {
	float: left;
}
.right{
	float:right;
}	
.bold {
	font-weight: bold;
}
.blue{	
	color:#58c2d5;
	font-size: 14px;
}
.t_margin_45px {
	margin-top: 45px;
}
.bottom_margin{
	margin-bottom: 85px;
}
.caption {
	position: relative;
	width: 723px;
	height:102px;
	margin-top:10px;
	background:url(/images/page/bg_search_bar.png) no-repeat; 
}
.chosung_box_top {
	width:inherit; 
	height:58px;
}
.chosung_box_top > dl > dt {
	float:left;
	width:100px; 
	line-height:58px;  
	color:#484848; 
	font-size:16px; 
	font-weight:bold; 
	text-align:center; 
}

.chosung_box_top > dl > dd  {
	padding-top:12px;
	padding-right:5px;
	line-height:58px;  
	text-align:center; 
}
.chosung_box_top > p  {
	padding-top:12px;
	padding-left:5px;
}
.chosung_box_bottom {
	width: inherit;
	height: 40px;
}
.chosung_box_bottom > ul {
	clear:both; 
	margin-left:20px; 
}
.chosung_box_bottom > ul >li {
	margin-right:20px; 
}
#medical_list_box {
	width: 723px;
	height: auto;
}

#medical_list_box > ul > li {
	border-bottom:1px solid #d0d0d0;
}
.dept_unit {
	float: left;
	margin: 20px 45px; 
}
#medical_list_box ul li ul li ul li {
	float: left;
	margin-right: 5px;
}
#medical_list_box ul li ul li p {
	width:90px; 
	margin:-5px 0px 5px 0px;
	letter-spacing: -1px;
	text-align: center; 
	font-size:12px;
}
.medical_tab_box {
	position: relative;
	width: 723px;
	height: 100%;
	overflow: hidden;
	margin-bottom:40px;

}
.divClass {
	width: 723px;
	height: auto;
}

.medical_tab_box > .tabNm > a{
	padding:17px 0px 0px 0px;
	height: 37px;
	text-align: center;
	background: url(/images/comm/division_b.jpg) no-repeat right 18px ;
	font-size: 16px;
	float: left;
	border-bottom: 3px solid #747474;
}
.tab_sel > a{
	color:#58c2d5;
}

.margin_b_0{
	margin-bottom:0px !important;
}

.padding_b_0{
	padding-bottom:0px !important;
}

.main_exp_text{
	height:40px;
	width:720px;
	border-bottom:3px solid #747474;
	margin-bottom: 10px;
}

.main_exp_text > p{
	margin: 9px 0px 9px 0px !important;
	padding: 7px 0px 15px 0px !important;
	font-size: 15px !important;
}
/* header */
	.top_center_list{
		margin-top:3px;
	}
/* //header */

/* 진료 페이지  */
#doctor_intro {	
	width:723px;
	height:215px;
	margin-top:40px;
	border-bottom: 2px solid #d0d0d0;
	font-size:14px;
}

#doctor_intro td.underTit{	
	letter-spacing: -0.8px;
    font-size: 12px;
    text-align: left;
    padding: 5px;
    line-height: 145%;
	color:#c31c1c;
}
.doctor_left_wrap{
	float: left;
	margin-right: 44px;
}
#tab_intro {
	display: none;
	margin-bottom: 50px;
}
.doctor_img_wrap {
	width:135px; 
	margin-right:30px;
}
.doctor_img img {
	width:135px; 
	height:162px;
}
.doctor_nm {
	font-size:28px; 
}

.doctor_nm a{
	margin-left: 10px;
}
.doctor_nm span {
	font-size:16px; 
	font-weight: normal
}
.doctor_speciality_wrap {
	width:242px; 
	height:82px; 
	margin-top:15px;
	overflow:hidden; 
}
.doctor_speciality_wrap dl dt {
	font-weight:bold;
}
.doctor_speciality_wrap dl dd  {
	color:#484848; 
	margin-top:5px;
}
.btn_area {
	margin-top:20px;
}
.treatment_time_wrap {
	width:260px; 
	height:180px;
	margin-left:15px; 
	position: relative;
}
.treatment_time_title {
	width: inherit;
	height: 30px;
}
.treatment_time_title > h4 {
	font-size:16px;
	padding-left: 15px;
	background: url(/images/icon/icon_h_1.gif) no-repeat left;
} 
.treatment_icon {
	height: 80px;
	width:150px;
	position: absolute; 
	top:-19px;
	right:0px; 
	color:#484848;
} 
.tt01 > li:first-child {
	padding-left:15px; 
	margin-right:19px;
	background: url(/images/icon/icon_surgery.gif) no-repeat left; 
} 
.tt01 > li+li {
	padding-left:15px; 
	margin-left:20px;
	background: url(/images/icon/icon_endoscope.gif) no-repeat left; 
}
.tt02 > li:first-child {
	padding-left:15px; 
	margin-right:13px;
	background: url(/images/icon/icon_circle_orange.gif) no-repeat left; 
}
.tt02 > li+li {
	padding-left:15px; 
	background: url(/images/icon/icon_half_circle_orange.gif) no-repeat left; 
}
.treatment_time_tbl {
	width: inherit;
	height: 150px;
}
.treatment_time_tbl > table {
	width: 100%;

} 
.treatment_time_tbl > table tr {
	height: 42px;
	border-bottom: 1px solid #d0d0d0;
}

.treatment_time_tbl > table tr img {
	padding-top: 5px;
}

.treatment_time_tbl > table tr td {
	text-align: center;
	color:#484848;
}
.doctor_history {	
	position: relative;
	display: none;
}
.doctor_history dl {
	padding:20px 0px; 
	overflow:hidden; 
	border-bottom:1px solid #d0d0d0;
}
.doctor_history dl dt{
	width:110px; 
	float: left;
	margin-left: 20px;
	font-size:15px; 
	font-weight: bold;
 }
.doctor_history dl dd{
	width: 572px;
	margin-left:20px;
	float: left;
}

.doctor_history dl dd ul li{
	padding-left: 10px;
	color:#484848;
}
.doctor_history > p {
	position: absolute;
	bottom: 0px;
	left: 46%;
}
.thesis ul li {
	margin-bottom:10px;
}
#tab_consult{
	display: none;
}

/* //진료 페이지  */

/* frame board */
#frame_board{
	overflow: hidden;
	margin-top: 23px;
}
#frame_board > li{
	margin-bottom:10px 
}
.frame01{		
	height:207px;
}
.frame02{
	height:439px;
}
.fr_box_top{
	width:357px;
	height:6px;
	background: url(/images/page/box_top_contents_thum.png) no-repeat;
}
.fr_box_body{
	width:357px;
	background: url(/images/page/box_middle_contents_thum.png) repeat-y;
}
.fr_box_bottom{
	width:357px;
	height:9px;
	background: url(/images/page/box_bottom_contents_thum.png) no-repeat;
}
.fr_contents{		
	padding:10px 18px 0 18px;
}
.fr_title{
	overflow: hidden;
	padding-bottom:8px;
	border-bottom:1px solid #d0d0d0;
	font-size:16px;
}
.fr_title h4{ 
	max-width: 295px;
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis;
}
.btn_new{
	margin-top:2px;
	margin-left:5px;
}
.fr_img{
	margin-top:3px;
}
.fr_txt{
	margin-top:13px;
	margin-bottom:20px;
	overflow: hidden;
	height:100px;
	color:#484848;
	text-align: justify;	
	word-break:break-all;
}
.vs_count{
	width:100%;
	height:38px;
	border-top:1px solid #d0d0d0;
}
.vs_count > ul{		
	float:right;
	margin-top:12px;
}
.vs_count > .writer_id{		
	margin-top:12px;
	height:13px;
	line-height:13px;
}
.vs_count > ul > li{
	float:left;
	margin-left:10px;
	height:13px;
	line-height:13px;
}
.icon_view{
	padding:0 10px 0 25px;
	background: url(/images/icon/icon_num_view.gif) no-repeat center left;
	border-right: 1px solid #d0d0d0;
}
.icon_share{
	padding-left:20px;
	background: url(/images/icon/icon_num_share.gif) no-repeat center left
}
.one_icon{
	padding-right:0;
	border:0;	
}
.fr_img > img{
	width:320px;
	height:229px;
}
#more_list{
	clear:both;
	text-align: center;
}
.fr_none_list{
	width:100%;
	font-size: 16px;
	text-align: center;
}
/* //frame board */

/* board */	
.t_center{
	text-align: center;
}
.t_left{
	text-align: left;
}	
.hide{
	display: none;
}
.placeholdersjs{
	color:#484848;
}
#list_board{
	margin-top: 28px
}	
#search_area{		
	float:right;
	margin-bottom:6px;
	/*display: inline;*/
}
#search_area li{		
	float:left;
	/*display: inline;*/
}
.bbs_selbox{
	margin-right: 9px;
	height:27px
}
.bbs_search_bg{
	width:191px;
	height:27px;
	background: url(/images/page/input_search_board.gif) no-repeat
}
.bbs_search_txt{	
	margin: 1px 1px;
	padding:0 6px;
	width:176px;
	height:25px;
	line-height: 25px;	
	border:0;	
}
.board_list{	
}
#tbl_list{
	width:100%;
	table-layout: fixed;
	border-top: solid 1px #8d8d8d;	
	border-bottom: solid 1px #8d8d8d;
}
#tbl_list tr{
	height:43px;
	border-bottom:solid 1px #d0d0d0;
}
#tbl_list > thead  th{		
	background-color:#f2f2f2;
}
#tbl_list th.t_left{
	/*padding-left:20px;*/
}
#tbl_list tr.dob_tr{
	height:65px;
}
.t_right{
	text-align: right;
}
.tbl_hide{	
	max-width: 360px;
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis;
}
#page{
	position: relative;
	margin:20px 0px 0px 0px;
	height:27px;
	text-align: center
}
#page > ul{
	overflow: hidden;
	padding-top:3px;
}
#page > ul > li{
	display: inline	
}
#page > ul > li.page_num{
	padding:0 8px;
}
.page_on{	
	color:#58c2d5;
}
li.p_doub_btn{
	padding:0;
}
li.p_btn01{
	padding-left:2px;
	padding-right:8px;
}
li.p_btn02{
	padding-left:8px;
	padding-right:2px;
}
#btn_create{
	position:absolute;
	right:0;
}
/* //board */

/* 고객감동 */
#block_area{
	position: relative;
}
#block_board{
	margin-top:40px;
}
#block_board .doctor_img{
	width:135px;
	height:162px;
}
#block_board > li{
	float:left;
	width:196px;
	margin-bottom: 27px;
	padding-bottom:14px;
	border-bottom:1px solid #d0d0d0;
}
#block_board .dept{
	margin-top:12px;
	color:#5ac6d9;
}

#block_board .name{
	font-size:15px;
	font-weight: bold;
}
#border{
	position:absolute;
	top:0px;
	left:0px;
	width:127px;
	height:154px;
	border:4px solid #58c2d5;
}
#detail_view > img{
	width:725px;
	height:470px;
}
#block_board .list_btn{
	height:25px;
	width:135px;
	border-top:1px solid #d0d0d0;
}
#block_board .list_btn div{
	margin-top:8px;
	padding-left:27px;
}
#block_board > li.brd_none_list{
	width:100%;
	font-size: 16px;
	text-align: center;
	border-bottom:0;
}
/* //고객감동 */

/* board detail */
.ct_box_top{
	margin-top: 22px;
	width:727px;
	height:8px;
	background: url(/images/page/box_top_contents_bg.gif) no-repeat;
}
.ct_box_body{
	width:727px;
	height:auto;
	background: url(/images/page/box_middle_contents_bg.gif) repeat-y;
}
.ct_box_bottom{
	width:727px;
	height:11px;
	background: url(/images/page/box_bottom_contents_bg.gif) no-repeat;
}
.ct_title{		
	position:relative;
	margin-bottom:23px;
	padding-bottom:10px;	
	overflow: hidden;
	width: 100%;
	border-bottom:1px solid #d0d0d0;
}
.ct_title > h4{	
	padding-right: 170px;
	font-size:16px;
	line-height: 1.5em;
	word-break:break-all;
}
.ct_title .btn_new{
	margin-top:3px;
	margin-left:5px;
}
.ct_contents{	
	overflow:hidden;	
	padding:15px 25px 0 25px;
}
.ct_txt{
	padding-bottom:20px;
	overflow: hidden;
	color:#484848;
	text-align: justify;
	word-break:break-all;
}
#nav_list{
	margin-top: 40px;
	width:100%;
	table-layout: fixed;
	border-top: solid 1px #d0d0d0;
}
#nav_list tr{
	height:39px;
	border-bottom: solid 1px #d0d0d0;
}
.ct_vs_count > ul{	
	position:absolute;
	bottom:12px;
	right:0px;
}
.ct_vs_count > ul > li{
	float:left;
	margin-left:10px;
	height:18px;
	line-height:18px;
}
.writer{	
	margin-bottom: 15px;
	height:20px;
	text-align:right;
	border-bottom:solid 1px #d0d0d0;
}
.writer_id{	
	margin-left:10px;	
	color:#58c2d5;
}
img.writer_gubun{
	margin:5px 15px 0px 15px;
}
.anwser{
	/*margin-bottom: 15px;*/
	word-break:break-all;
	/*border-top:solid 1px #d0d0d0;
	border-bottom:solid 1px #d0d0d0;*/
}
.answer_title{
	margin-top:8px;
	/*margin-top: 23px;*/
	margin-bottom:20px;
}
#btn_area{
	margin-top: 15px;
	text-align: right;
}
.bbs_arrow_icon{
	margin: 8px 0 0 7px
}
.margin_l4{
	margin-left: 4px
}
/* //board detail */

/* board write */
.underline{
	border-bottom:solid 1px #d0d0d0;
}
.unit{
	color:#6c6c6c;
	font-weight:normal;
}
#top_info{		
	margin-top: 18px;
	margin-bottom: 18px
}
#top_info > li{		
	padding-left: 10px;
	line-height: 25px;
	background: url(/images/main/bullet_dot_darkgray.gif) no-repeat;
	background-position-y:10px;
	background-position-x:left;
}
.write_board{
	border-top:solid 2px #8d8d8d;
	border-bottom:solid 2px #8d8d8d;
}
.tbl_write{
	width:100%;
	table-layout: fixed;
}
.tbl_write > tbody > tr{
	width:100%;
	height:43px;
	table-layout: fixed;
}
.tbl_write > tbody > tr > td{
	/*padding:9px 0;*/
	vertical-align: middle;
}
.input_txt, .input_cbo, .bbs_title_txt{	
	border:solid 1px #d0d0d0;
}
.input_txt, .bbs_title_txt{	
	padding:0 7px;	
	width:155px;
	height:24px;
	line-height:24px;
}
.input_cbo{
	/*width:172px;*/
	height:26px;
	line-height: 26px
}
.txtS{
	padding:0;
	width:60px;
	text-align: center;
}
.bbs_title_txt{	
	width:600px;
}
.bbs_textarea_box{
	margin: 10px 0;
	padding:7px;
	width:600px;
	height:320px;
	line-height:24px;
	border:solid 1px #d0d0d0;
	overflow: auto
}
/* //board write */

/* 진료 건강상담 */
 #consult_box {
	width:inherit;
	border:1px solid #c7c7c7;
	border-radius:10px;
	word-break:keep-all;
 }
 #consult_box > div {
 	padding:15px 30px;
 }
 .consult_box_title {
    font-size:16px; 
    color:#58c2d5; 
    margin-bottom:10px;
 }
 #consult_btn_box {
 	width:inherit; 
 	height:50px;  
 	position:relative;
 }
 #consult_btn_box > a {
 	position:absolute; 
 	right:0px; 
 	top:12px;
 }
/* //진료 건강상담 */


/* 진료과 소개*/
.dept_title{
	width:725px;
	overflow: hidden;
	border-bottom: 1px dotted #b0b0b0;
}

.dept_title > p{
	margin:0px 0px 30px 0px;
	font-size: 30px;
	text-align: center;
	line-height: 1.2em;
}

.dept_contents{
	padding:20px 0px 20px 15px;
}

.dept_contents > .contents_title{
	font-size:18px;
	color:#58c2d5;
	font-weight: bold;
	padding-bottom:15px;
}

.dept_contents > p{
	width:710px;
	text-align: justify;
}

/* //진료과 소개*/

/*진료안내*/

.dept_guide{
	font-size:18px;
	color:#000;
	font-weight: bold;
	padding:15px 0px 0px 15px;
}

.guide_contents > p{
	padding-left:30px;
}
/*//진료안내*/

/* 사이트맵\\\(전체메뉴) */
#mask,#mask1{
	display: none;
	z-index:999;  
	position:absolute;  
	left:0;
	top:0;
	background-color:#000;
	width:100%;
	height:100%;  
	overflow:hidden; 
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#rsvPop{
	display: none;
	z-index: 1000;
	position:absolute;
	width:660px;
	height:640px;
	background-color:#fff;
}
#rsv {
	margin: 0 auto;
	width:600px;

}
#sitemap{		
	overflow: hidden;
	background-color:#fafafa;
}
#close_btn{
	padding-top: 3px;
	padding-right:3px;
	text-align: right
}
h4.site_m_title{
	margin-top: 10px;
	height:30px;
	line-height: 30px;
	color:#58c2d5;
	font-size: 14px
}
h4.site_s_title, h4.site_s_title > a{
	height:22px;
	line-height:22px;
	color:#484848;
	font-weight:normal;
}

.site_s_menu > li > a, h4.site_s_title > a{	
	font-size:12px !important;
}

.site_l_menu > li{
	float:left;
}
.site_m_menu > li{
	float:left;
}
.site_m_menu > li.none_s_menu{
	float:none;
	padding-right:0;
}
.s_menu_clinic{
	width:960px;
}
.site_s_menu, .site_s_menu_u{
	overflow: hidden;
	margin-top:5px;
	width:220px;
	/*height:135px;*/
	height: auto;
}
.site_s_menu_u{
	height:105px;
}
.site_s_menu > li, .site_s_menu_u > li{
	float:left;
	width:100px;
	line-height: 22px;
	height:22px;
}
.site_s_menu > li a{
	color:#747474;
}
.s_menu_dept{
	overflow: hidden;
	width: 420px;
}
.margin_top_5px {
	margin-top:5px; 
}

.site_s_menu_u > li > .menu_space
{
		width:105px;
		margin-left:-2px;
}





/* //사이트맵(전체메뉴) */

/* 마이페이지 */
#tab_box{
	margin-bottom: 25px;
	height:54px;
	border-bottom: solid 3px #747474
}
#tab_box > ul > li{
	float:left;
	margin-top:17px;	
	width:178px;
	text-align: center;
	font-size:16px;		
	background: url(/images/comm/division_b.jpg) no-repeat center right;
}
.tab_sel{
	color:#58c2d5;
}
h3.sub_title, h3.orange_title{
	font-size: 17px;		
	padding-left: 15px;
	margin-bottom:15px;
	background: url(/images/icon/icon_h_1.gif) no-repeat center left;
	font-weight: bold;
}

h3.orange_title{
	font-size: 17px;		
	padding-left: 15px;
	margin-top:25px;
	margin-bottom:10px;
	background: url(/images/icon/icon_h_1.gif) no-repeat center left;
	font-weight: bold;
}

.explain{
	margin-left:15px;
}
p.chkbox{
	margin-top:5px;
}
.input_chk{
	margin-top:4px;
}
.chklabel{
	margin-left:10px;
}
.complete_txt{
	height:90px;
	line-height:90px;
	font-size:24px;
	text-align: center
}
.info_txt{
	padding:12px 26px;
}
.info_list > li{		
	height:24px;
	line-height:24px;
}
.info_list > li:not(.info_title){
	padding-left:12px;
	background: url(/images/page/bullet_blue_dot.gif) no-repeat center left;
}
/* //마이페이지 */


/* h3, h4 배경 처리 */

h4.blue_title{
	font-size: 16px;		
	padding-left: 15px;
	margin-bottom:10px;
	margin-top:25px;
	font-weight: bold;
	background: url(/images/page/bullet_blue_dot.gif) no-repeat center left;
}
/* //h3 배경 처리 */

/*예약하기 레이어 팝업 CSS */
.book_left{
	margin:50px 10px 20px 30px;
}
.book_right{
	margin-left:20px;
}
.book_right p {
	background:url(/images/page/bullet_blue_dot.gif) no-repeat left;
	padding-left:10px;
}
.book_right p > span{
	color:#5ac6d9;
}
.ask_btn{
	margin-left:30px;
}

.input_part{
	margin-top:50px;
	margin-bottom:15px;
}
.input_part input[type=text] {
	width:45px;
}
.input_part *{
	vertical-align: middle;
}
.rsvTitle {
	font-size:24px;
	padding-bottom:10px;
	border-bottom:2px solid #8d8d8d;
}
.doctor_img {
	width: 135px;
	height: 162px;
}
/* 예약 관련 CSS */

.input_area {
	margin-bottom: 15px;
}
.label_nm{
	width: 50px;
	text-align: right;
	margin-right:10px; 
	color:#000; 
	font-weight:bold;
}
.input_area li+li *{
	vertical-align: middle;
}
.input_area > li {
	margin-bottom: 15px;
}
.private_info {
	margin-top:24px; 
	padding:20px;
	width:678px; 
	border:1px solid #d0d0d0; 
}
.private_info ol {
	margin-top: 15px;
}

.private_info ol li {
	margin-bottom: 15px;
}
.agree_box {
	margin-top: 10px;
	text-align: right;
}
.agree_box *{
	vertical-align: middle;
}
.btn_apply {
	text-align: center;
}
.wid_45{
	width: 45px;
}
.margin_l10px{
	margin-left: 10px;
}