﻿@charset "UTF-8";
/* CSS Document */
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;}




/* title */
.title01 {font-family : 돋움;
	font-size : 16px;
	font-weight : bold;
	letter-spacing : -1px;
	color:#0A2C91;
	background:url(../image/front/title_bb.gif);
	line-height:32px;	 
	padding-left:14px;
    }
.title01_1{color:#AFADAD;}
.title02 {font-family : 돋움;
	font-size : 11px;
	text-align:right;
	color:#787878;
	letter-spacing : -1px;
	background:url(../image/front/title_bbr.gif);
	line-height:32px;	
    }	
	
	
/*table*/
.join_01{ width:710px; background:url(../image/front/join_bg.gif) no-repeat left top;	
	background-color:#EAEAEA;
	padding:15px;
	font-weight:bold;
	color:#3C83BC;
	line-height:18px;
	}
.join_01_red{ width:710px; 
	background-color:#EAEAEA;
	color:#CC0000;
	padding:15px;
	padding-top:0px;
	line-height:18px;
	margin-bottom:15px;
	}
.join_02{ width:704px; 
	border: 3px solid #e6e6e6;
	padding:15px;
	font-weight:bold;
	line-height:18px;
	}
.join_03 { border:1px solid #9f9f9f;
	}
.btn_table{ width:740px;
	height:24px;
	margin-top:15px;
	color:#777777;
	font-size:12px;
	}
	
/*input*/
.join_textarea{ border: 1px solid #bbbbbb;
	padding: 9px;
	line-height:18px;
	font-size:12px;
	}
	
	
/*btn*/
.btn_01 {  font-family:돋움, arial; 
	color:#777777; 
	font-size:12px; 
	font-weight:bold; 
	border:1px solid #c8c8c8; background:url("../image/front/btn_bg.gif");
	cursor:hand; 
	}
.btn_s {font-family:돋움;
	color:#666666;
	font-size:11px;
	font-weight:bold;
	border:0px;
	background-color:#d6d6d6;
	}
	
/*input*/
.input_text{border:1px solid #bbbbbb;
	font:돋움;
	font-size:12px;
	color:#666666;
	line-height:18px;
	}
	
	
/*테이블변경가능*/
.table_th{background-color:#F0F0F0;
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	line-height:26px;
	font:돋움;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	}
.table_td{
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	line-height:26px;
	font:돋움;
	font-size:12px;
	color:#696969;
	padding-left:10px;
	}
.table_td_center{
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	line-height:26px;
	font:돋움;
	font-size:12px;
	color:#696969;
	text-align:center;
	}
.table_td_b{
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	line-height:26px;
	font:돋움;
	font-size:12px;
	color:#696969;
	font-weight:bold;
	text-align:center;
	}
	
/*text*/
.b_red1_12 {font:돋움;
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
	}
.b_red2_12 {font:돋움;
	font-size:12px;
	color:#CC0000;
	font-weight:bold;
	}
.b_blue1_12 {font:돋움;
	font-size:12px;
	color:#0033FF;
	font-weight:bold;
	}
.b_blue2_12 {font:돋움;
	font-size:12px;
	color:#3300CC;
	font-weight:bold;
	}
.b_blue3_12 {font:돋움;
	font-size:12px;
	color:#336699;
	font-weight:bold;
	}
.b_blue4_12 {font:돋움;
	font-size:12px;
	color:#3366FF;
	font-weight:bold;
	}
.b_green1_12 {font:돋움;
	font-size:12px;
	color:#009966;
	font-weight:bold;
	}
.b_green2_12 {font:돋움;
	font-size:12px;
	color:#66CC33;
	font-weight:bold;
	}
.b_green3_12 {font:돋움;
	font-size:12px;
	color:#006633;
	font-weight:bold;
	}

.n_red1_12 {font:돋움;
	font-size:12px;
	color:#FF0000;
	}
.n_red2_12 {font:돋움;
	font-size:12px;
	color:#CC0000;
	}
.n_blue1_12 {font:돋움;
	font-size:12px;
	color:#0033FF;
	}
.n_blue2_12 {font:돋움;
	font-size:12px;
	color:#3300CC;
	}
.n_blue3_12 {font:돋움;
	font-size:12px;
	color:#336699;
	}
.n_blue4_12 {font:돋움;
	font-size:12px;
	color:#3366FF;
	}
.n_green1_12 {font:돋움;
	font-size:12px;
	color:#009966;
	}
.n_green2_12 {font:돋움;
	font-size:12px;
	color:#66CC33;
	}
.n_green3_12 {font:돋움;
	font-size:12px;
	color:#006633;
	}
	
/*새로추가된 css*/
#sub_contents {width:960px; margin-left:30px;}
#subimg {height:212px; background:url(../image/front/sub_bg.jpg) no-repeat;}
#sub_bg {background:url(../image/front/sub_bg2.jpg) 0 0 no-repeat;}
#sub_contentsArea {float:right; width:760px; background:#ffffff; text-align:center;}
/*#submenu { overflow:hidden;width:200px;float:left;position:relative;background:#6699cc;}*/
#submenu { overflow:hidden;width:200px;float:left;position:relative;background-image:url(../image/front/sub_middle_line.jpg);}
#sub_title {background:url(../image/front/sub_menu_title.jpg); overflow:hidden; height:55px; width:200px; padding-left:30px; color:#000000; font-weight:bold;}
/*#subul {  background:#6699cc; list-style:none; padding:0px; margin:0px;}*/
#subul {  background:url(../image/front/sub_middle_line.jpg); list-style:none; padding:0px; margin:0px;}
/*#subul li.n { width:200px; display:block; line-height:25px; background:#6699cc; line-height:22px; color:#ffffff;}*/
#subul li.n { width:200px; display:block; line-height:25px; background-image:url(../image/front/sub_middle_line.jpg); line-height:22px; color:#ffffff;}
#subul li.y { width:200px; display:block; color:#000000; text-decoration:none; font-weight:bold;}
#subul li a{ width:200px; display:block; color:#ffffff; text-decoration:none; font-weight:bold;}
#subul li a:hover{ width:200px; display:block; color:#000000; text-decoration:none;}

#subulul {  background:url(../image/front/sub_middle_line.jpg); list-style:circle; padding:0px; margin:0px;}

.sub_title {margin-left:20px; font-size:18px; color:#5D8FC2; text-align:left; font-weight:bold; line-height:25px;}
.sub_title_s {font-size:12px; color:#003399; text-align:left;}
.sub_title_nv {font-size:12px; color:#999999; text-align:right; padding-right:20px;}
.sub_title_nv a{font-size:12px; color:#999999; text-align:right; padding-right:20px; text-decoration:none;}
.sub_title_nv a:hover{font-size:12px; color:#494949; text-align:right; padding-right:20px; text-decoration:none;}
.sub_titlebg {margin-left:20px; background:url(../image/front/sub_title_bg.gif) repeat-x bottom;}
.down_title {color:#6699cc; font-size:16px; text-align:center; line-height:18px; font-weight:bold;}
.down_t {color:#666666; line-height:22px; text-align:center;}

#sub_text {width:720px; text-align:left; line-height:21px; color:#999999; padding-top:20px; padding-bottom:20px;}

/*login*/
#loginarea {width:618px; line-height:91px; padding-top:20px; padding-bottom:20px;}
#logintop {background:url(../image/front/login_img.gif) no-repeat bottom right;}
#logintop h2 {font-size:18px; color:#444444; line-height:30px; font-weight:bold; text-align:left;}
#logintop p {font-size:12px; color:#717171; line-height:18px; text-align:left;}
.logintablebg { background:url(../image/front/login_t_b.gif);}
.logform {padding-top:12px; width:200px; float:left; text-align:left;}
.login-btn {padding-top:12px; width:134px; float:right; text-align:left;}
.login_text1 {padding-top:10px; font-size:11px; color:#666666; text-align:left;}
.login_text {padding-top:2px; font-size:11px; color:#666666; text-align:left;}
.login_text2{ color:#FF0000;}

/*search*/
#sub_search {
	position:absolute;
	text-align:center;
	margin-left:675px;
	top:169px;
	right:auto;
	bottom:auto;
	width:300px;
	height:23px;
	padding:5px;
}

