/*default CSS*/
.hide { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {
    display: block;
} /*html5에 추가된 요소들*/
body,h1,h2,p,header.p,a,input,fieldset,legend,img,section.menu ul {margin:0;padding:0;}
fieldset,img{border:0;}
li{list-style-type:none;}
li img,li a,dl img{vertical-align:top;}/*위로 올라붙는 것 치료..*/

/*layout*/
body{font-family: "Nanum Gothic", "맑은 고딕", Trebuchet MS,Helvetica;font-Size:.7em;color:#555;}
	a{text-decoration:none;color:#555;font-weight:bold;}
	a:hover{color:dodgerblue;}

header{position:relative;height:auto;min-width:1000px;font-weight:bold;}	/*height:138px wcdnRussia 배너 삽입으로 auto로 수정함*/
	h1.logo{height:88px;}
	h1 img{width: 169px; padding-top:20px;padding-left:5;; height: 69px}
	a.sitemap{margin-top:.5em;position:absolute;right:5%;top:40px;font-size:1.2em;}

header.sub{background:url(/images/bg_header.gif) repeat-x;}

.sub_header{background:url(/images/bg_sub_header.jpg) repeat-x;height:50px;color:#fff;text-shadow: 5px 5px 5px #222;}
.sub_header a{color:#fff;}
.sub_header a:hover{color:#cf6;}
.sub_header>h1{font-size:2em;padding:.5em 0 0 5%;float:left;text-shadow: 5px 5px 5px #222;}
	.location{float:right;width:50%;padding-right:5%;text-align:right;}
.sub_header .location{padding-top:15px;font-size:1.2em;}

section{position:relative;max-width:1200px;width:90%;min-width:850px;min-height:540px;padding:30px 0 50px;margin:0 auto;font-size:1.4em;text-align:justify;}
section.wide{max-width:none;}

section.menu{position:relative;width:850px;padding:230px 0 50px;margin:0 auto;font-size:1.7em;font-weight:bold;min-height:340px;}
	.menu ul{width:100%;margin:0 auto;}
	.menu li{float:left;width:20%;text-align:center;text-shadow: 5px 5px 5px #aaa;}
	.menu li img{padding-bottom:10px;}
	.menu ul li a{display:block;}
	.menu ul:after{content:"";display:block;clear:both;}

	article{min-height:456px;}

/*section .list{min-height:430px;border-bottom:1px solid #D3DDE8;margin-bottom:10px;}
section.listIncluded{text-align:right;height:540px;}*/
section table{margin-bottom:2px;}

p.selectDisease{float:left;padding-top:10px;width:260px;text-align:left;font-size:1.2em;}
form#frm_class{float:left;padding-top:10px;}
	select{height:21px;}
form#frm_search{text-align:right;padding:10px;}
	select#c0, select#c1{vertical-align:top;}
	input[type="search"]{height:17px;}
	input[type="image"]{vertical-align:top;}

	/* Button Common */
	.button,
	.button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-weight:bold; white-space:nowrap; background:url(/images/button.gif) no-repeat; vertical-align:top; overflow:visible;}
	.button { margin-right:10px;}
	.button *{ left:4px; cursor:pointer; _cursor:hand;}

	/* Button Size = medium | large | xLarge | small */
	.button.medium, .button.medium *{ height:24px; line-height:24px;}
	.button.large, .button.large *{ height:30px; line-height:30px;}
	.button.xLarge, .button.xLarge *{ height:36px; line-height:36px;}
	.button.small, .button.small *{ height:19px; line-height:19px;}
	.button.medium { background-position:left 0;}
	.button.large { background-position:left -30px;}
	.button.xLarge { background-position:left -65px;}
	.button.small { background-position:left -106px;}
	.button.medium *{ padding:0 10px 0 6px; background-position:right top;}
	.button.large *{ padding:0 10px 0 6px; font-size:16px; background-position:right -30px;}
	.button.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
	.button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}

	/* Button Hover */
	.button *:hover,
	.button *:active,
	.button *:focus{ color:dodgerblue;}

	/* Button Strong */
	.button.strong *{ font-weight:bold !important;}

	/* Button Icon Variation */
	.button.icon *{ padding-left:20px;}
	.button.small.icon *{ padding-left:16px;}
	.button.icon span{ width:20px; margin-right:-20px; padding:0 !important;}

	/* Select 
	.select{ position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:top; background:#fff; *zoom:1;}
	.select *{ margin:0; padding:0; cursor:pointer; font-size:12px; font-family:Tahoma, Sans-serif;}
	.select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #bababa; color:#666; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
	.select .myValue.selected{ font-weight:bold;}
	.select.open .myValue,
	.select .myValue.outLine{ border:1px solid #999;}
	.select button.myValue{ height:21px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
	.select div.myValue{ height:19px; text-indent:8px;}
	.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff;}
	.select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; borde.pagination:before{display:block;content:"";clear:both;}
	.pagination{padding-top:20px;text-align:center;}
	.pagination a, .pagination strong{ position:relative; font:bold 12px/16px Tahoma, Sans-serif; vertical-align:top; display:inline-block; text-decoration:none; padding:1px 8px; margin:0 -3px; z-index:1;}
	.pagination a:hover,
	.pagination a:active,
	.pagination a:focus{color:dodgerblue;}
	.pagination strong{ color:#ff8600;}
	.pagination .direction{ font-weight:normal; color:#767676; text-decoration:none !important; border:0; z-index:1;}
	.pagination .direction:hover,
	.pagination .direction:active,
	.pagination .direction:focus{ color:dodgerblue;}
	.pagination .prev{ border-left:0;}
	.pagination .next{ border-right:0;}
	.pagination .direction span{ position:relative; display:inline-block; width:0; height:0; font-size:0; line-height:0; vertical-align:top; top:4px;}
	.pagination .prev span{ border:6px solid; border-top:solid #D2D2D2; border-bottom:solid #D2D2D2; border-left:0; margin-right:1px;}
	.pagination .next span{ border:6px solid; border-top:solid #D2D2D2; border-bottom:solid #D2D2D2; border-right:0; margin-left:1px;}

	


section:after{display:block;content:"";clear:both;}
*/

/*
footer{bottom:0;width:100%;text-align:center;}
	.move_zone{border-top:1px solid #d6d6d6;width:100%;height:30px;border-bottom:1px solid #d6d6d6;background:#fff;font-weight:bold;font-size:1.2em;}
		.move{margin:0 auto;width:300px;}
		.move li{float:left;width:100px;padding-top:5px;}
		.move a{color:#7f7363;}
	address{display:block;clear:both;font-weight:normal;padding:10px; color:#a6a6a6;}

*/

.pagination a, .pagination strong {
	display: inline-block;
	min-width: 15px;
	min-height: 15px;
	padding: 12px;
	background: #f3f3f3;
	border: 1px solid #ccc;
	text-align: center;
}
.pagination strong {
	background: #f90;
	color: #fff;
	border: 1px solid #f90;
}
	
footer address{
	clear: both;
	display: block;
	padding:20px; 
	/*
	display:block;clear:both;font-weight:normal;
	color:#a6a6a6;
	*/
}

 /* 미디어쿼리 테스트중

@media all and (min-width:800px) {   }
@media (max-width:799px) {
    .section{width:}

}  


/****************************** responsive code ******************************/

@media (max-width: 650px) {
	header{position:relative;height:160px;min-width:95%;font-weight:bold;}
		.sub_header>h1{font-size:2em;padding:.5em 0 0 5%;float:left;text-shadow: 5px 5px 5px #222;}
		.location{float:right;display: block; width:100%;padding-right:2%; text-align:right; color: #60869D; text-shadow: none;}
		.location a {color: #8BA7B8;}
	.sub_header .location{padding-top:20px; padding-bottom:10px;}
		
	section{position:relative;max-width:95%;width:95%;min-width:95%;min-height:540px;padding:30px 0 50px;margin:0 auto;font-size:1.4em;text-align:justify;}
	section.menu{position:relative;width:95%;padding:70px 0 0px;margin:0 auto;font-size:1.3em;font-weight:bold;min-height:200px;}
		.menu li{float:left;width:20%; margin-bottom: 15px; text-align:center;text-shadow: 5px 5px 5px #aaa;}

	ul, li {margin:0;padding:0;}
	section.wide{max-width:none; margin: 0 auto; width: 100%; /* text-align: center;*/}
	.menu li img{width: 100px; height: 100px; padding-bottom:0px;}
	
	p.selectDisease{padding: 0 0 10px 0; }
	
	form#frm_class{float:none;padding-top:10px;}
	form#frm_class{display: block; width: 95%; padding-top:10px; margin: 0 auto;}
	select#c0, select#c1{width: 100%; height: 30px; vertical-align:top;}
	select#c1{width: 40%; }
	
	form#frm_search{width: 95%; height: auto; text-align:left ;padding:10px 0 10px 0; margin: 0 auto;}
	input[type="search"]{width: 50%; height:30px; line-height:30px;}
	footer nav.move_zone {display: none;}
	.pagination {text-align: center; margin-top: 20px;}
	footer address{
		background: #61879E;
		color: #E7E7E7;
		font-style: normal;
		font-size: 1.1em;
		padding: 12px;
		margin-top: 35px;
		/*
		opacity: .9;
		*/
	}
}
@media (max-width: 400px) {	
	.menu li{float:left;width:33.3%;text-align:center;text-shadow: 5px 5px 5px #aaa;}
}