/* Common */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{margin:0; padding:0;}
body, input, textarea, select, button, table{font-family:돋움, 'dotum'; letter-spacing:normal; font-size:14px; color:#24323f; font-weight:600;}
img, fieldset{border:0;}
body{}
ul, ol{list-style:none;}
em, address{font-style:normal;}
a{text-decoration:none; color:#ddd;}
a:hover, a:active, a:focus{text-decoration:underline; color:#ddd;}
img{border:0; vertical-align:top;}
table{border-collapse:collapse; border:0 none;}
ul, ol, dl{list-style:none}
img{border:0; vertical-align:top;}
a, a:link, a:hover, a:visited, a:active{color: #444; text-decoration:none;}
a, a:hover, a:active{cursor: pointer;}
fieldset legend{display: none;}
.hide{position: absolute; top: -50000px; left: -50000px; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0;}
.block{ display:block; }
.none{ display:none;}


/* Header */

    

#header{position:relative; width:100%; height:130px; background:url(/_img/bg_mn.jpg) repeat-x 0 80px; margin:0 auto;}

#nav{width:1000px; margin:0 auto;}
#nav h1{width:365px; margin:0 auto; padding-top:30px; margin-left:340px;}

#topnav {margin:20px 0; padding:0; float: left; width: 100%; /*콘테이너 사이즈와 같은 값으로*/position: relative; background: url('/_img/main/barbg.gif') repeat-x;}
#topnav ul{width:973px; margin:auto; padding:0 0 0 40px; list-style: none; font-size:15px; font-family: 돋움, 'dotum';  letter-spacing:normal; font-weight:bold;  }
#topnav ul li{float: left; margin:auto; padding:0; height:32px;}
#topnav ul li a{padding: 8px 4px; display: block; color: #1c5eae; text-decoration: none;}

#topnav ul li span {float: left; padding: 10px 0; position: absolute; left: 0; top:32px; display: none; width: 100%; /*콘테이너 사이즈와 같은 값으로*/background: url('/_img/main/subbg.gif') top;}
#topnav ul li:hover span { display: block; }
#topnav ul li span ul {	color: #ccc; }
#topnav ul li span ul a {display: inline; font-size:14px; }
#topnav ul li span ul a:hover {text-decoration: none; background:#dedede} /*서브메뉴 마우스 오버 칼라*/
.bar {color:#ddd}

/*
.menu {position:absolute; width:100%; padding:15px 0; margin:0px auto; overflow:hidden; z-index:120;}
.menu ul#widenavigation {margin:0px auto; padding:0px ;width:970px; list-style: none;*zoom:1}
.menu ul#widenavigation:after { content:""; clear:both; display:block; } 

.menu ul#widenavigation li {float: left;margin: 0; padding:0; position: relative;}
.menu ul#widenavigation li.left {float: left;margin: 0; padding:0; background:url('/_img/bg_mn_left.png');width:15px;height:40px;}
.menu ul#widenavigation li.right {float: left;margin: 0; padding:0; background:url('/_img/bg_mn_right.png');width:15px;height:40px;}
.menu ul#widenavigation li.bar {float: left;margin: 0; padding:0; background:url('/_img/mn_bar.png');width:2px;height:40px;}
/*ul#widenavigation li a background:url(img/nav-content.png) 까만색 마우스 올려놨을때*/ 
/*.menu ul#widenavigation li a {float: left; padding:9px 1px 0 1px; height:30px; background:url('/_img/bg_mn.png') /*repeat-x; font-family:나눔고딕, "NanumGothic";font-size:14px;letter-spacing:0px;color:#1c5eae; font-weight:bold;*//*}

.menu ul#widenavigation li:hover a, ul#widenavigation li a:hover { background-position: left bottom; color:#333;}

/*ul#widenavigation li div.submenu 서브메뉴 색조정 #141414*/
/*.menu ul#widenavigation li div.submenu {position: absolute; top: 27px; left: 0;padding:10px; background-color:#f4f4f4; display: none;}
.menu ul#widenavigation li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
.menu ul#widenavigation li .submenu ul{list-style:none;margin:0;padding:0;width:135px;}

.menu ul#widenavigation li .submenu ul.personnel{list-style:none;margin:0;padding:0;width: 200px;}
.menu ul#widenavigation li .submenu ul.certi{list-style:none;margin:0;padding:0;width: 140px;}

.menu ul#widenavigation .submenu ul li {width: 98%; margin:5px 0; }
/*.menu ul#widenavigation .submenu ul li h2 {background:url(img/b_arrow.gif) no-repeat 0 0;padding:0 0 5px 15px; color: #333; font-size: 12px;font-weight: bold;font-family:나눔고딕, "NanumGothic";border-bottom:1px #777 solid;}*/
/*.menu ul#widenavigation .submenu ul li a {
	float: none; text-indent: 0; height: auto;background: url('/_img/submn_arrow.png') no-repeat 5px 8px;
	padding: 5px 5px 5px 15px; display: block; color: #333;
	font-size: 14px;font-weight:bold; font-family:맑은 고딕, "Malgun Gothic";}
	
.menu ul#widenavigation .submenu ul li a:hover {font-color:#083872; background:#ccc url('/_img/submn_arrow_o.png') no-repeat 5px 8px;}*/



/* Container */

#body{position:relative; float:left; width:100%; background:url(/_img/bg_content.jpg) repeat-x 0 105px;}
.wrap{position:relative; width:1000px; margin:0 auto;}
#container{float:right; width:700px; margin:0 20px 0 0;}

.title h2{float:left;}
.title h3{float:left; margin:23px 15px 0 30px}
.title h4{float:left; margin:35px 0 0 0;}



#container h3{margin:50px 0 20px 0; font-size:30px;}
#container span{font-weight:bold; color:#2b82dd;}
#container span.blue{color:#288fab;}
#container span.big{ line-height:1.8em; font-size:17px; color:#288fab;}
#container h4{margin:10px; padding:0 0 0 32px; font-size:20px; color:#3d70b0;}
#container .ico_1{background:url(/_img/ico_1.png) no-repeat left bottom;}
#container .ico_2{background:url(/_img/ico_2.png) no-repeat left bottom;}

#container p{margin:10px 20px 0 20px; font-size:14px; font-weight:500; line-height:2.0em; letter-spacing: -0.03em;}
#container hr{border:1px dotted #ddd; width:650px; margin:20px 10px;}

#container> #graph {margin-left:30px;}






/*서브 페이지의 표 속성*/
#container .tbl {width:90%; margin:5px 0 0 25px; font-size:14px; line-height:1.5em; letter-spacing:-0.04em;}
#container .tbl th{padding:8px 8px; border-bottom:1px solid #ddd; text-align:left; background:#6bbfd6;  color:#fff;}/*헤더의 기본적인 속성*/
#container .tbl td{padding:8px 8px; border-bottom:1px solid #ddd; text-align:left; font-weight:500; }/*셀의 기본적인 속성*/
#container .tbl .fpth{text-align:center;} /*헤드라인의 가운데 정렬*/
#container .tbl .fptd{text-align:center;}/*하나의 셀의 가운데 정렬*/
#container .tbl .fptd2{border-top:1px solid #ddd;}/*셀 왼쪽에 줄 추가*/
#container .tbl .product{border-right:1px solid #ddd; background:#ecf9fd;}


/*전문위원 표 속성*/
#container .profile {width:90%; margin:5px 0 0 10px; font-size:14px; line-height:1.7em; letter-spacing:-0.04em;}
#container .profile td {padding:8px 8px; border:1px solid #ddd; text-align:left; font-weight:500; }
#container .profile span{font-size:16px; color:#1c64ae; line-height:2.0em;}



#container .agree {width: 500px; height:400px;}
#container .agree td.agree_sub01{ height:200px; overflow-y:scroll;}




/* BBS Style */
#bbs1 h3{font-size:18px; color:#2b82dd;} /*방명록에 있는 게시판 텍스트 속성*/
#bbs1 h4{margin:0 10px 5px 10px; padding:0; font-size:16px; color:#000; }
#bbs1 p{margin:0 10px; font-size:14px; color:#000; font-weight:normal;}


.list_bbs .tbl{width:100%;}
.list_bbs th{padding:9px 0 2px 0; background:url('/_bbs/<?=skin_dir?>/list_bbs_head.jpg') repeat-x; border-top:1px solid #000; border-bottom:1px solid #ababab; font-size:11px; font-weight:700; text-align:center; color:#424242;}
.list_bbs td{padding:9px 0 2px 0; border-bottom:1px solid #d6d6d6; text-align:center;}
.list_bbs td{color:#656565;}
.list_bbs td a:hover{color:#306ad3;}

.list_bbs td.img img{margin-bottom:7px; border:1px solid #e1e1e1;}
.list_bbs .content td{padding:20px; background:#f9f9f9; text-align:justify;}

/* 공지글 */
.list_bbs .fixed td{background:#f9f9f9;}
.list_bbs .fixed td,
.list_bbs .fixed td a{font-weight:700;}

.list_bbs .paging{padding-bottom:0;}
/* 버튼 */
.list_bbs .btns{text-align:right; position:relative;}

.list_bbs .paging{text-align:center; margin:10px 3px;}
.list_bbs .paging a{padding:2px 6px; background:#eee; border:1px solid #f4f4f4; font-weight:normal}
.list_bbs .paging a.now{background:#fff; font-weight:bold;}




/* footer */

#footer{float:left; width:100%;}
#footer .fnb{width:1000px; margin:40px auto; padding:10px 0; border-top:5px solid #7b89a6 ;  letter-spacing:normal;}
#footer .fnb li.logo{list-style:none; float:left; margin:10px 0 0 130px;}
#footer .fnb p{margin:0px 130px 0 0; line-height:1.5em;}
#footer .fnb p.link{padding:0; margin:0 0px 0 0;}
#footer .fnb p.link a{margin:10px 20px;}
#footer .fnb p.link span{color:#ccc;}
#footer .fnb p{float:right;}
#footer .fnb p.copyright {font-size:12px;}
#footer .fnb p.copyright span{float:left; margin:3px 0px; color:#555;;}