@charset "euc-kr";

/* ³ª´®°íµñ */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* base */
html{overflow-y:scroll; overflow-x:hidden;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table{font-family:"NanumGothic","Nanum Gothic"; font-size:13px; color:#333; font-weight:400; line-height:30px;}

/* divÀ§Ä¡Á¶Àý */
#wrap_main{width:100%; overflow:hidden; text-align:left; min-width:1000px;  background:#ffffff;}
#wrap_sub{width:100%; overflow:hidden; text-align:left; min-width:1000px;}
#top_wrap{width:100%; height:120px; background:url(../images/nav_bg.jpg); position:absolute; z-index:10;}
#middle_wrap_main{width:100%; overflow:hidden; margin:0 0 0 0;}
#middle_wrap_sub{width:100%; overflow:hidden; margin:0 0 0 0;}
#bottom_wrap{width:100%; height:200px; background:url(../images/copy_bg.jpg);}

/* top divÀ§Ä¡Á¶Àý */
#top_total{width:1000px; height:120px; margin:0 auto;}
#login{float:left; width:1000px; height:30px; margin:10px 0 0 0;}
#login a{font-family:"NanumGothic","Nanum Gothic"; font-size:12px; line-height:30px; color:#c3cfe6; float:right; display:block; height:30px; padding:0 0 0 20px;}
#login a:hover{color:#006699;}

#logo{ float:left; width:180px; height:60px;}
#top_nav{ float:left; width:600px; height:50px; margin:30px 0 0 220px;}
#top_nav .top_nav_menu{float:left; display:block; width:600px; height:40px;}
#top_nav .top_nav_menu li{
	 float: left;
	 width: 150px;
	 }
#top_nav .top_nav_menu li a{
	float:left;
	display:block;
	width:150px; 
	height:50px;
	font-family:"NanumGothic","Nanum Gothic";
	font-size:16px; 
	line-height:50px; 
	color:#006699; 
	text-align:center; 
	font-weight:600;
	}
#top_nav .top_nav_menu li a:hover{
	float:left;
	width: 150px;
	}
#top_nav .top_nav_menu li ul.top_nav_sub{
	padding: 5px 0 0 0 ;
	background-color: #003366;
	float:left;
	display:block;
	width: 150px;
	opacity:0.8;
	}
#top_nav .top_nav_menu li ul.top_nav_sub li{
	 height:25px;
	}
#top_nav .top_nav_menu li ul.top_nav_sub li a{
	float:left;
	width:150px;
	height:30px;
	font-size:12px; 
	line-height:30px; 
	font-weight:400;
	color:#ffffff; 
	}
#top_nav .top_nav_menu li ul.top_nav_sub li a:hover{
	color:#ffffff;
	}
#top_nav .top_nav_menu li ul.top_nav_sub li.top_nav_sub_last{
	height:35px;
	line-height:35px;
	border-bottom:solid 2px #000d26;
	}
	
/*¹è³Ê*/
#banner {width:100%;height:550px;position:relative;overflow:hidden; margin:120px 0 0 0;}
#banner .d_imgSet{position:relative}
#banner .d_imgSet li{position:absolute;width:100%;height:550px;display:none}
#banner .d_imgSet li:first-child{display:block}
#banner .d_imgSet li .d_container{position:relative;width:1000px;margin:0 auto}
#banner .d_imgSet li.d_img1{background:url('../images/banner_bg01.jpg') no-repeat 50% 0}
#banner .d_imgSet li.d_img2{background:url('../images/banner_bg02.jpg') no-repeat 50% 0}
#banner .d_imgSet li.d_img3{background:url('../images/banner_bg03.jpg') no-repeat 50% 0}

#banner .d_imgSet li.d_img1 img{position:absolute;left:0;top:0}/*margin »ç¿ë±ÝÁö*/
#banner .d_imgSet li.d_img2 img{position:absolute;left:0;top:0}/*margin »ç¿ë±ÝÁö*/
#banner .d_imgSet li.d_img3 img{position:absolute;left:0;top:0}/*margin »ç¿ë±ÝÁö*/

#banner .d_btnSet{position:absolute;width:1000px;left:50%;margin-left:-500px; text-indent:0px;}
#banner .d_btnSet ul{position:absolute;width:100%;top:510px;text-align:center;font-size:0}
#banner .d_btnSet ul li{cursor:pointer;margin:0 3px;display:inline}

#banner .d_prev{position:absolute;left:-100px;top:240px;cursor:pointer;z-index:10; text-indent:0px;}
#banner .d_next{position:absolute;right:-100px;top:240px;cursor:pointer;z-index:10; text-indent:0px;}
#banner {text-indent:-5000px;}

/* middle divÀ§Ä¡Á¶Àý */
#middle_total_main{margin:0 auto; width:1000px; overflow:hidden;}
#middle_total_sub{margin:0 auto; width:1000px; overflow:hidden; padding:120px 0 0 0;}

/* Äü¸Þ´º ¹öÆ° ¼³Á¤ */
#qmenu_img{float:left; width:320px; height:280px;}
.button .overs{float:left; position:relative;}
.button .overs img{float:left;}
.button .imgas {float:left; position:absolute; left:0px; top:0px; border:0px; display:block;}

#main_qmenu{ float:left; width:1000px; height:176px; margin:50px 0 0 0;}
#qmenu01{ float:left; width:176px; height:176px; margin:0 30px 0 0;}
#qmenu02{ float:left; width:176px; height:176px; margin:0 30px 0 0;}
#qmenu03{ float:left; width:176px; height:176px; margin:0 30px 0 0;}
#qmenu04{ float:left; width:176px; height:176px; margin:0 30px 0 0;}
#qmenu05{ float:left; width:176px; height:176px; margin:0 0 0 0;}

#main_con{ float:left; width:1000px; height: 250px; margin:50px 0 60px 0;}
#main_con01{ float:left; width: 320px; height:250px;}
#main_con02{ float:left; width: 424px; height:250px; background:url(../images/con02_bg.jpg);}

#main_con02_top{ float:left; width:424px; height:125px; }
#board01{width:270px; padding:23px 0 0 136px; }
#board01 table,#board01 td{border-spacing:0;}
#board01 a{ font-family:"NanumGothic","Nanum Gothic"; font-size:13px; line-height:16px; color:#333333; }
#board01 td{ font-family:"NanumGothic","Nanum Gothic"; font-size:13px; line-height:16px; color:#333333; }

#main_con02_bottom{ float:left; width:424px; height:125px;}
#board01{width:270px; padding:23px 0 0 136px; }
#board01 table,#board01 td{border-spacing:0;}
#board01 a{ font-family:"NanumGothic","Nanum Gothic"; font-size:13px; line-height:16px; color:#333333; }
#board01 td{ font-family:"NanumGothic","Nanum Gothic"; font-size:13px; line-height:16px; color:#333333; }
#main_con03{ float:left; width: 256px; height:250px;}

#board02{width:270px; padding:23px 0 0 136px; }
#board02 table,#board02 td{border-spacing:0;}
#board02 a{ font-family:"NanumGothic","Nanum Gothic"; font-size:13px; line-height:16px; color:#333333; }
#board02 td{ font-family:"NanumGothic","Nanum Gothic"; font-size:13px; line-height:16px; color:#333333; }

/* bottom divÀ§Ä¡Á¶Àý */
#bottom_total{margin:0 auto; width:1000px; height:200px; padding: 0 0 0 0; }
#copy_link{float:left; width:1000px; height:60px; }
#copy_link_left{ float:left; width:920px; height:60px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; line-height:60px; color:#fff;}
#copy_link_left a{font-family:"NanumGothic","Nanum Gothic"; font-size:14px; line-height:60px; color:#fff;}
#copy_link_left a:hover{ color:#ff9966;}
#copy_link_right{float:left; width:35px; height:35px; margin:13px 0 0 45px;}
#copy_logo{float:left; width:180px; height:60px; padding:30px 0 0 0;}
#copy_text{float:left; text-align:left; width:660px; padding:30px 0 0 140px;  font-family:"NanumGothic","Nanum Gothic"; font-size:12px; line-height:18px; color:#FFFFFF;}

/* sub divÀ§Ä¡Á¶Àý */
#left_total{float:left; width:200px; overflow:hidden; padding: 0 0 0 0;}
#left_title{width:200px; height:100px; padding:0 0 0 0; }
#left_nav{width:200px; overflow:hidden; margin:20px 0 0 0;}
#left_nav ul{list-style-type:none;}
#left_nav ul li{}
#left_nav ul li a{display:block; width:200px; padding:0 0 0 20px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:14px; line-height:40px; color:#333333; text-align:left; font-weight:400; border-bottom:1px solid #f2f2f2;}
#left_nav ul li a:hover{color:#006699;}
#left_nav .sub_nav{border-bottom:1px solid #dddddd; padding:10px 0;}
#left_nav .sub_nav li a{ display:block; width:200px; padding:0 0 0 30px; border:none; background:none; font-family:"³ª´®°íµñ","NanumGothic"; font-size:13px; line-height:25px; color:#333333; text-align:left; font-weight:400;}

#sub_con_total{float:left; width:730px; overflow:hidden; padding:0 0 0 70px; }
#sub_con_title{width:730px; height:100px; padding:0 0 0 0;}
#title_a{float:left; height:44px; margin-top:55px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:25px; line-height:24px; font-weight:400; color:#333333; border-bottom:solid 1px #333;}
#title_a a{ color:#333}
#title_b{float:right;  height:12px; text-align:right; padding:0 0 0 0; margin-top:55px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:12px; line-height:12px; color:#b3b3b3;}
#sub_con{ width:730px; min-height: 400px; margin: 40px 0 150px 0;}
#sub_con_board{width:730px; min-height: 400px; margin: 60px 0 50px 0;}