﻿@charset "utf-8";
/* kjk 20111213_s */

/* Layout Selector */

/* main */

.mb {background:url(../images/main_bg_01.gif); background-repeat:repeat-x; text-align:center; background-color:#ffffff}
#wrap {width:994px; margin:0 auto; padding:0}
#commmenu ul {height:15px; margin:0; padding:0; float:right; display:inline; background-color:#000000}
#commmenu ul li {margin:0; padding:0; list-style:none; float:left;}
.mainimg {height:717px; padding:0 0 10px 0}

/* main board */
#board {width:100%; height:117px; text-align:left}
#board ul {margin:0 5px 0 0; padding:0; float:left;}
.bb {width:100%; background-image:url(../images/main_tt_bg.gif); background-repeat:repeat-x;}

.mainboard_tt {position:relative; margin:0; padding:0; width:403px;}
.mainboard_tt ul.mainboard_tab {margin:0; padding:0; list-style:none; width:100%; background-image:url(../images/main_tt_bg.gif); background-repeat:repeat-x; height:38px;}
.mainboard_tt ul.mainboard_tab li {float:left; padding:0; margin:0; list-style:none;}
.mainboard_tt ul.mainboard_tab li img {vertical-align:bottom;}
.mainboard_tt ul.mainboard_list {width:100%; clear:both; margin:0; padding:0; font-size:11px;}
.mainboard_tt ul.mainboard_list li {margin:0; padding:0 5px 0 7px; position:relative; list-style:none; background-image:url(../images/main_bullet_01.gif); background-repeat:no-repeat}
.mainboard_tt ul.mainboard_list li span.date {position:absolute; top:0; right:0; padding:0 0 0 8px; color:#909090}


/* pooter */
#pooter {width:994px; height:100px; margin:0 auto; padding-top:54px; text-align:left}
#pooter ul {margin:0; padding:0;}
#pooter ul li {list-style:none; display:inline; padding:0 27px 0 0}

/* sub */
.sb {text-align:center; background-color:#ffffff}
.subleftbox {width:216px;background-image:url(../images/sub_bg_01.gif); background-repeat:repeat-y; height:100%}
.step {padding:8px 0 14px 0; color:#a5a5a5; font-family:돋움; font-size:11px;}
.step span {color:#414141; font-family:돋움; font-size:11px;}
#contents {padding-top:30px; width:716px}


#sitemap {width:100%; margin:0; padding:20px 0 20px 0}
#sitemap .map01 {width:33%; float:left; padding-right:15px}
#sitemap .map01 p {margin:0; padding:0}
#sitemap .map01 ul {padding:15px 0 0 0; margin:0; width:177px; float:right}
#sitemap .map01 ul li {list-style:none; display:block;}
.2dep {margin:0; padding:0;}
.3dep {width:177px; height:23px; background-image:url(../images/sitemap_3dep_bg.gif); background-repeat:no-repeat; background-position:right; margin:0; padding:2px 0 0 0; font-family:돋움; color:#79797a; font-size:12px; text-decoration:none; letter-spacing:-0.1em}
.3dep a:hover, a:active, a:focus, a:visited {color:#79797a; text-decoration:none;}

/*검진표*/
.clinic_title_bg1 {background-image:url(../images/check_bar_01.gif); background-repeat:no-repeat; width:80px; height:26px}
.clinic_title_bg2 {background-image:url(../images/check_bar_02.gif); background-repeat:repeat-x; width:180px; height:26px}
.clinic_stitle_bg1{ background-color:#e8eef6}
.clinic_stitle_bg2{ background-color:#f7f7f7}
.wt {color:fff; font-weight:bold; font-size:12px}
.clinic_title_bg1_1 {background-color:#3568c0}


/*gnb*/
.clinic_menu{margin:5px 2px 5px 3px;}
#menubar {
	width: 100%; height: 40px; /*background: #666;*/ color:#2f2f2f;
}
#menubar-menus {
	width: 100%; margin: 10px auto; list-style: none; padding: 0; text-align: center; font-size: 0; display: table;
}
#menubar-menus > li {
	 height: 40px; display: table-cell; vertical-align: middle; text-align: center; font-size: 18px;font-family: 'Noto Sans KR', sans-serif;
	position: relative;
}
#menubar-menus > li > a {
	 /*display: table-cell;*/ vertical-align: middle; height: 40px; text-decoration: none; color: #000;text-align:center;
}
/* #menubar-menus li를 position: relative 처리를 하는 경우에 아래 hover 상태 처리를 주석 처리 할 것. */
#menubar-menus li:hover {
		font-weight: bold;
}
#menubar-menus > li > div {
	position: absolute; background: #FFF; color: #000; left: 0; width: 100%; top: auto; display: none;
	padding: 16px 0; z-index: 10;
}



#menubar-menus2 {
	width: 700px; margin: -5px auto; list-style: none; padding: 0; text-align: center; font-size: 0; display: table;
}

#menubar-menus2 > li {
	 height: 25px; display: table-cell; vertical-align: middle; text-align: center; font-size: 16px;font-family: 'Noto Sans KR', sans-serif;
	position: relative;border:1px solid grey;color:'#767676';
}
#menubar-menus2 > li > a {
	 /*display: table-cell;*/ vertical-align: middle; height: 40px; text-decoration: none; color: #000;text-align:center;
}
/* #menubar-menus li를 position: relative 처리를 하는 경우에 아래 hover 상태 처리를 주석 처리 할 것. */
#menubar-menus2 li:hover {
		font-weight: bold;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#contents {position:relative;}
	#minical {top:881px;left:235px;}  
}
@supports (-ms-ime-align:auto) {
	#contents {position:relative;}
	#minical {top:881px;left:235px;} 
}