﻿@charset "utf-8";
@font-face {font-family:나눔고딕; src:url(http://toolbox.krcert.or.kr/wfont/krcert.eot);}
* {
	margin:0;
	padding:0;
	line-height:1.7em; 
	font-family:나눔고딕,'맑은 고딕', 돋움, Dotum, AppleGothic, sans-serif;
}
body {font-family:나눔고딕; font-size:12px; color:#000000; margin:0px;}
p {margin:0px;}
input {margin:0px;}
table{ border-collapse:collapse;}
select {border: 1px solid #dddddd; 
	font:나눔고딕;
	font-size:12px;
	color:#666666;}
. { margin: 0; padding: 0; }
.html {padding-top:1px;}
a.area {blr:expression(this.onFocus=this.blur())}
focus {-moz-outline-style:none;}

.center { width:100%; text-align:-moz-center;/*ff*/text-align:center;/*IE*/}
.margin15 {height:15px;}
.b_m {padding-top:10px;}

/*copy*/
.copy{font:나눔고딕. arial; color:#494949; line-height:16px; font-size:12px; padding-top:10px;}

/*top*/
.top_1 {padding-right:14px;
	}
.search_table {border:3px solid #6BC6FF;
	line-height:25px;
	background-color:#FFFFFF;
	}
.search_select {border:0px solid #ffffff;
	color:#525252;
	font:나눔고딕;
	font-size:12px;
	text-align:left;
	}
.search_input {border:1px solid #cccccc;
	color:#525252;
	font:나눔고딕;
	font-size:11px;
	text-align:left;
	}

.menu_div {
	position:absolute;
	top:137px;
	height:25px;
	z-index:1;
	line-height:25px;
	width:100%; text-align:-moz-center;/*ff*/text-align:center;/*IE*/
}


.menu_t {
	height:25px;
	background-color:#C7C7C7;
	color:#585858;
	line-height:25px;
	padding-left:20px;
	width:960px;
	text-align:left;
}
.menu_sub {padding-left:20px;
	padding-right:20px;
	line-height:25px;
	font:나눔고딕,Arial;
	font-size:12px;
	 color:#585858;
	 font-weight:bold;
	 text-decoration:none;
	 text-align:left;
}
.menu_sub:link {padding-left:20px;
	padding-right:20px;
	line-height:25px;
	font:나눔고딕,Arial;
	font-size:12px;
	 color:#585858;
	 font-weight:bold;
	 text-decoration:none;
	 text-align:left;
}
.menu_sub:visited {padding-left:20px;
	padding-right:20px;
	line-height:25px;
	font:나눔고딕,Arial;
	font-size:12px;
	 color:#585858;
	 font-weight:bold;
	 text-decoration:none;
	 text-align:left;
}
.menu_sub:hover {padding-left:20px;
	padding-right:20px;
	line-height:25px;
	font:나눔고딕,Arial;
	font-size:12px;
	 color:#000000;
	 font-weight:bold;
	 text-decoration:none;
	 text-align:left;
}
.menu_sub:active {padding-left:20px;
	padding-right:20px;
	line-height:25px;
	font:나눔고딕,Arial;
	font-size:12px;
	 color:#585858;
	 font-weight:bold;
	 text-decoration:none;
	 text-align:left;
}
	

/*notice*/
.notice_t {border:1px solid #C4C4C4;
	background-color:#F2F2F2;
	width:738px;
		}
.html notice_t {
	width:740px;
	}
.notice_th { border-bottom:1px solid #c4c4c4;
	line-height:28px;
	padding-left:12px;
	padding-right:12px;
	}
.notice_td { 
	padding:12px;
	}
.notice_text {
	font:나눔고딕,arial;
	font-size:12px;
	line-height:22px;
	text-decoration:none;
	color:#4D4D4D;
	text-align:left;
	width:358px;
	}
.notice_text:link {
	font:나눔고딕,arial;
	font-size:12px;
	line-height:22px;
	text-decoration:none;
	color:#4D4D4D;
	}
.notice_text:visited {
	font:나눔고딕,arial;
	font-size:12px;
	line-height:22px;
	text-decoration:none;
	color:#4D4D4D;
	}
.notice_text:hover {
	font:나눔고딕,arial;
	font-size:12px;
	line-height:22px;
	text-decoration:underline;
	color:#4D4D4D;
	}
.notice_text:active {
	font:나눔고딕,arial;
	font-size:12px;
	line-height:22px;
	text-decoration:underline;
	color:#4D4D4D;
	}

.notice_day {
	font:나눔고딕,arial;
	font-size:11px;
	line-height:22px;
	text-decoration:none;
	color:#A1A1A1;
	text-align:left;
	padding-left:5px;
	}
	
	
	
/*tab*/
.tab {
	position:absolute;
	top:450px;
	width:734px;
	height:360px;
	z-index:1;
	background-color:#FFFFFF;border:3px solid #FF4700;
	text-align:-moz-center;/*ff*/text-align:center;/*IE*/
}
.tab2 {
	position:absolute;
	top:450px;
	width:734px;
	height:360px;
	z-index:2;
	background-color:#FFFFFF;border:3px solid #FF4700;
}
.tab3 {
	position:absolute;
	top:450px;
	width:734px;
	height:360px;
	z-index:2;
	background-color:#FFFFFF;border:3px solid #FF4700;
}
.tab4 {
	position:absolute;
	top:450px;
	width:734px;
	height:360px;
	z-index:2;
	background-color:#FFFFFF;border:3px solid #FF4700;
}		
	

.html tab_t { width:734px;
	}
.tab_t2 {padding:10px;}
.tab_th {width:107px;
	background-color:#9699A1;
	font:나눔고딕;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	line-height:17px;
	padding-top:1px;
	}	
.tab_th2 {width:107px;
	background-color:#BDC0C6;
	font:나눔고딕;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	line-height:17px;
	padding-top:1px;
	}
.tab_title_w {width:600px;
	text-align:left;
	}
.tab_title {
	font:나눔고딕;
	font-size:12px;
	color:#239813;
	font-weight:bold;
	text-align:left;
	line-height:17px;
	padding-top:1px;
	text-decoration:none;
	}
.tab_title:link {
	text-decoration:none;
	}
.tab_title:visited {
	text-decoration:none;
	}
.tab_title:hover {
	text-decoration:underline;
	}
.tab_title:active {
	text-decoration:underline;
	}
.tab_td {font:나눔고딕;
	font-size:12px;
	color:#2E2E2E;
	text-align:left;
	line-height:17px;
	padding-top:1px;
	text-decoration:none;
}
.tab_td:link {
	text-decoration:none;
}
.tab_td:visited {
	text-decoration:none;
}
.tab_td:hover {
	text-decoration:underline;
}
.tab_td:active {
	text-decoration:underline;
}
.tab_dot {background:url(../image/front/main_dot02.gif) repeat-x bottom;
	line-height:15px;
	}


/*blog*/
.main_blog_t {border-left:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;
	background-color:#FFFFFF;
	padding:12px;
	}
.main_blog_title {font:나눔고딕, arial;
	font-size:12px;
	color:#0039F3;
	font-weight:bold;
	line-height:26px;
	text-decoration:underline;
	text-align:left;
	}
.main_blog_title:link {color:#0039F3;
}
.main_blog_title:visited {color:#0039F3;
}
.main_blog_title:hover {color:#0039F3;
}
.main_blog_title:active {color:#0039F3;
}
.main_blog_day {color:#9A9A9A;
	font:나눔고딕, arial;
	font-size:12px;
	padding-left:10px;
	}
.main_main_blog_text {color:#2E2E2E;
	font:나눔고딕, arial;
	font-size:12px;
	line-height:18px;
	text-align:left;
	}	
.main_blog_n a{color:#7996EB;
	font:나눔고딕, arial;
	font-size:12px;
	line-height:46px;
	text-align:left;
	text-decoration:none;
	}
.main_blog_n:hover {text-decoration:underline;}
.main_blog_n:link {text-decoration:underline;}
.main_blog_list1 { padding-left:22px; font:나눔고딕, arial; font-size:12px; font-weight:bold; color:#6C6C6C; text-align:left; line-height:18px;}
.main_blog_list2 {width:530px; padding-left:30px; font:나눔고딕, arial; font-size:12px; color:#949494; text-align:left; line-height:18px; line-height:18px; text-decoration:none;}
.main_blog_list2:link { text-decoration:none;}
.main_blog_list2:visited { text-decoration:none;}
.main_blog_list2:hover { text-decoration:underline;}
.main_blog_list2:active { text-decoration:underline;}
.main_blog_list { background:url("../image/front/main_blog_list3.gif"); text-align:left;}
.main_blog_list4 { background:url("../image/front/main_blog_list4.gif"); text-align:left;}



/*table*/
.login_talbe{border:3px solid #d3d3d3;
text-align:left;
	}
.top_bg { width:205px; text-align:center; background-color:#EAEAEA; margin-top:10px;}	
.top10_t {text-align:left; background-color:#EAEAEA; border-bottom:1px solid #C1C1C1; color:#505050; font:나눔고딕; font-size:11px; line-height:20px;}	
.top10_tt {text-align:left; color:#505050; font:나눔고딕; font-size:11px; line-height:20px; text-decoration:none;}
	
	
/*input*/
.login_input { background-color:#f8f8f8;
	border:1px solid #bdbdbd;
	font-family:나눔고딕;
	font-size:12px;
	color:#666666;
	line-height:20px;
	text-align:left;
	}
	
/*text*/
.login_text {font:나눔고딕;
	line-height:18px;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	text-align:left;
	}
.login_text:link {font:나눔고딕;
	line-height:18px;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	text-align:left;
	}
.login_text:visited {font:나눔고딕;
	font-size:11px;
	line-height:18px;
	color:#000000;
	text-decoration:none;
	text-align:left;
	}
.login_text:hover {font:나눔고딕;
	font-size:11px;
	line-height:18px;
	color:#CC0000;
	text-decoration:none;
	text-align:left;
	}
.login_text:active {font:나눔고딕;
	font-size:11px;
	line-height:18px;
	color:#000000;
	text-decoration:none;
	text-align:left;
	}

.login_name {font:나눔고딕;
	font-size:12px;
	color:#000000;
	text-align:center;
	background-image:url("../image/front/login_bg.gif");
	
	}
	
.login_name2 {font:나눔고딕;
	font-size:12px;
	color:#1665bc;
	text-align:center;
	}



.top_menu_link{ font-family:나눔고딕,'맑은 고딕', 돋움, Dotum;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	padding-top:13px;
	padding-bottom:13px;
	text-decoration:none;
	}
.top_menu_link:link { font-family:나눔고딕,'맑은 고딕', 돋움, Dotum;
	font-size:14px;
	font-weight:bold;	
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	padding-top:13px;
	padding-bottom:13px;
	text-decoration:none;
	}
.top_menu_link:hover {
	font-weight:bold;
	text-decoration:none;
	color:#A9FFF8;
	}
	
/*새로추가된 css*/
/*#mainimg {height:120px; background:url(../image/front/main_bg.jpg) no-repeat; padding-left:480px; padding-top:130px;}*/
/*      */

/*#topmenu { position:absolute; margin-left:30px; text-align:center; width:960px; height:100px; background:url(../image/front/topmenu_bg.png) no-repeat; z-index:100001;} */
#topmenu { position:absolute; margin-left:30px; text-align:center; width:960px; height:100px; z-index:100001;}
/*      */

#topbi {margin-left:10px; padding-top:9px; float:left;}
#login { position:absolute; width:350px; left:526px; top:15px;  }
#loginul { list-style:none;}
#loginul li.top{float:left; text-align:left;}
#loginul li.top a{ display:block; background:url(../image/front/login_dot.gif) 0 center no-repeat; font:돋움 !important; font-size:11px !important; color:#3266CC; padding-right:20px !important; padding-left:8px; text-decoration:none;}

#gnbArea { position:absolute; left:228px; top:27px; width:580px; z-index:10001 }
#gnb {list-style:none; margin:0px; padding:0px;}
#gnb li{float:left; text-align:center;}
#gnb li a{ font-size:14px; color:#FFFFFF;}
#gnb li a:hover{ text-decoration:none; font-weight:bold;}
.gnb_t {padding-left:20px; padding-right:20px;}

/*탑메뉴링크*/
#nav {padding:0; margin:0; list-style:none; height:41px; position:relative; z-index:500; text-align:left;}
#nav li.top{display:block; float:left; text-align:left;}
#nav li:hover {position:relative; z-index:200; text-align:left;}
#nav li.top {display:block; float:left; height:38px; text-align:left;}
#nav li a.top_menu_link {	font-size:14px;	font-weight:bold;	color:#000000;	text-align:center;	padding-left:20px;	padding-right:20px;
	padding-top:13px;	padding-bottom:13px;	text-decoration:none;	display:block; float:left; cursor:pointer;}
#nav li:hover a.top_link { font-size:14px; font-weight:bold; color:#FFFFFF; text-align:center; padding-left:20px; padding-right:20px;
	padding-top:13px; 	padding-bottom:13px;	text-decoration:none;	display:block; float:left; cursor:pointer;}
#nav li:hover a.top_menu_link:hover
{color:#5B8AB9; text-decoration:none;}

#nav li:hover {position:relative; z-index:200; text-align:left;}
#nav li:hover ul.sub
{left:20px; top:20px; white-space:nowrap; width:460px; height:auto; z-index:300; text-align:left;}
#nav li:hover ul.sub li
{display:block; background:transparent; position:relative; font-weight:normal; text-align:left; float:left; margin:0; padding-top:14px; }
#nav li:hover ul.sub li a
{display:block; font-size:11px; font-weight:bold; line-height:26px; text-indent:5px; color:white; text-decoration:none; text-align:left; padding-right:7px;}
#nav li ul.sub li a.fly
{ background:transparent ; text-align:left;}
#nav li:hover ul.sub li a:hover 
{color:#003399; text-align:left;}

/* TOP Menu 2Depth Mouse Over Style */
#nav li:hover ul.sub li a.fly:hover
{color:#ffcc00; text-decoration:none;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #C7C7C7; padding:3px; border:1px solid #9D9D9D; white-space:nowrap; width:90px; z-index:400; height:auto; text-align:left;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; text-align:left;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{color:#003399; text-align:left;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{color:#003399; text-align:left;}

/* Default list styling */
#nav li:hover {position:relative; z-index:200; text-align:left;}
#nav li:hover ul.sub
{ top:30px; white-space:nowrap; z-index:300; text-align:left;}
#nav li:hover ul.sub li
{display:block; position:relative; float:left; text-align:left;}
#nav li:hover ul.sub li a
{display:block; }

/*컨텐츠*/
#wrap {width:1024px;}
#contents {width:940px; margin-left:40px;}
#contentsArea {float:left; width:730px;}
#sidebar {float:right; width:207px;}
.news_title01 {background:url(../image/front/news_title01.gif) no-repeat; width:365px; height:33px;}
.news_title02 {background:url(../image/front/news_title01.gif) no-repeat; width:365px; height:33px;}
.news_title03 {background:url(../image/front/news_title01.gif) no-repeat; width:365px; height:31px;}
.news_title04 {background:url(../image/front/news_title01.gif) no-repeat; width:365px; height:31px;}

.news_con01 {width:300px; padding-left:20px; padding-top:12px; padding-bottom:12px; background:url(../image/front/news_bg01.gif); width:365px;}
.news_con02 {width:300px; padding-left:20px; padding-top:12px; padding-bottom:12px; background:url(../image/front/news_bg01.gif); width:365px;}
.news_con03 {width:300px; padding-left:20px; padding-top:12px; padding-bottom:12px; background:url(../image/front/news_bg01.gif); width:365px;}
.news_con04 {width:300px; padding-left:20px; padding-top:12px; padding-bottom:12px; background:url(../image/front/news_bg01.gif); width:365px;}

.news_bot03 {width:365px; height:14px; background:url(../image/front/news_bot03.gif);}
.news_bot04 {width:365px; height:14px; background:url(../image/front/news_bot03.gif);}

.n_title {font-size:12px; color:#003298; font-weight:bold; line-height:31px;  padding-left:20px;  text-align:left; float:left;}
#more {float:right; padding-top:15px; padding-right:20px;}
/*.news_t a{color:#0066CC; font-weight:bold; line-height:18px; }*/
.news_t a{color:#515A78; font-weight:bold; line-height:18px; }
.news_text a{color:#C0C0C0; line-height:20px; border-bottom:1px dotted #CFCFCF;}

/*blog*/
#blogArea {width:730px; padding-top:3px;}
.blogtitle {font-size:12px; float:left; color:#003298; font-weight:bold; line-height:30px; padding-left:23px; text-align:left;}
#blogtitle1 {width:730px; line-height:33px; background:url(../image/front/blog_title.gif);}
#blogmore a{float:right; height:20px; padding-top:10px; padding-right:23px;}
#blogcon { background:url(../image/front/blog_bg05.gif); padding:22px;}
.blog_t a{color:#0039f3; width:550px; text-decoration:underline; font-weight:bold; padding-bottom:12px; margin-top:15px; float:left;}
.blog_d {color:#999999; float:right; padding-bottom:12px; margin-top:15px;}
.blog_dd {color:#999999;}
.blog_tt a{color:#999999; width:684; line-height:18px;}
.blog_tt a:hover { text-decoration:none;}

/*
#blogArea {width:730px; padding-top:3px;}
.blogtitle {font-size:12px; width:652px; float:left; color:#0b42b1; font-weight:bold; line-height:30px; padding-left:23px; text-align:left; background:#e5effa;}
#blogtitle1 {width:730px; line-height:33px; background:url(../image/front/blog_title.gif);}
#blogmore a{float:right; height:20px; padding-top:10px; padding-right:23px; background:#e5effa;}
#blogcon {border:1px solid #d7d7d7; padding:23px; float:left;position:relative;width:682px;}
.blog_t a{color:#0039f3; text-decoration:underline; font-weight:bold; padding-bottom:12px; margin-top:15px; float:left;}
.blog_d {color:#999999; float:right; padding-bottom:12px; margin-top:15px;}
.blog_dd {color:#999999;}
.blog_tt a{color:#999999; width:684; line-height:18px;}
.blog_tt a:hover { text-decoration:none;}
*/

/*전체보기*/
#allviewarea {
	width:960px;
	position:absolute;
	/*     */
	margin-left:30px; 
	text-align:center;
	/*      */
	top: 75px;
	z-index:100000;
}
.allview {background:url(../image/front/allview_bg.gif) repeat-y; text-align:center; padding-top:10px; padding-left:20px; padding-right:20px;}
#allview_btn {
	position:absolute;
	left: 828px;
	top: 38px;
}
.allview_title { background:url(../image/front/allview_titleimg.gif) no-repeat 0 50%; font-weight:bold; color:#003399; padding-left:15px; text-align:left;}
#allview_s { padding-left:15px; list-style:none; line-height:20px; text-align:left;}
#allview_s li a {color:#6699cc; font-weight:bold; line-height:20px; text-align:left; text-decoration:none;}
#allview_ss {background:#e6e6e6; list-style:none; border-bottom:1px solid #ffffff; padding-left:20px; text-align:left;}
#allview_ss li a{line-height:18px; color:#666666; text-align:left; text-decoration:none;}

#searcharea {background:#dedede; padding:4px;}
#bannerarea {padding-top:3px;}

/*.list_top01 {border:1px solid #cccccc;margin-top:3px;} */
.list_top01 {margin-top:3px;}
.list_title{ color:#666666; font-weight:bold;}
.list_title_bg{background:url(../image/front/list_title_bg.gif); width:207px; height:33px; }

.list_con1 {background:url(../image/front/list_con1.gif); width:207px;}
.list_bottom_con1 {background:url(../image/front/list_bottom_con1.gif); width:207px; height:9px;}

#list_top {list-style:none; padding:2px;}
#list_top li a{ padding-left:10px; line-height:20px; text-decoration:none; color:#999999}
#list_top li a:hover { line-height:20px; color:#0066cc;}
#copyright {padding-top:3px; padding-left:30px;}

/*새로추가20090901*/
#main_tab { width:1020px; height:109px; text-align:right;}
.main_tab_bg {background:url(../image/front/main_tab_bg2.png);}

/*새로추가20090906*/
#news { float:left; background:url(../image/front/main_news_bg.gif); height:30px; width:628px; line-height:30px; padding-left:102px; color:#2A2A2A; margin-bottom:3px;}

