@charset "utf-8";

/*나눔고딕*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html{overflow-x:hidden; overflow-y:scroll; width:100%; height:100%; background-color:#FFFFFF;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0px; padding:0px}
body,input,textarea,select,table,a,p,h1,h2,h3,h4,h5,h6{font-family:"NanumGothic","Nanum Gothic"; font-size:13px; color:#6e6e6e; line-height:13px}
h1,h2,h3,h4,h5,h6{font-weight:normal}
img,fieldset{border:0px; vertical-align:middle}
ul,ol,dl{list-style-type:none}
a{text-decoration:none; color:#7e7e7e}
caption, legend{border:0px; display:none}
em{font-weight:600; font-style:normal}

/*블라인드*/
.blind{display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px}

/*퀵메뉴 버튼 설정*/
.button .overs{float:left; position:relative}
.button .overs img{float:left}
.button .images {float:left; position:absolute; left:0px; top:0; border:0px; display:block}

/*wrapper*/
#wrapper{width:100%; min-width:1000px; overflow:hidden}
#header{width:100%; height:140px; min-width:1000px; background:url(../images/nav_bg.jpg)}
#footer{width:100%; min-width:1000px; overflow:hidden; background:url(../images/copy_bg.jpg)}
#section{width:100%; min-width:1000px; overflow:hidden}

/*header*/
#header_total{margin:0 auto; width:1000px; height:140px}
#login{margin:0 auto; width:1000px; height:30px}
#login ul{float:right}
#login ul li{float:left; margin:0 0 0 15px}
#login ul li a{display:block; font-size:12px; font-weight:400; line-height:30px; color:#333333}
#logo{float:left; width:286px; height:41px; margin-left:356px}
#header_right{float:right; width:204px; height:50px}

/*header_nav*/
#header_nav{float:left; width:1000px; height:50px; margin-top:10px}
#header_nav a{float:left; width:125px; height:50px; font-family:"NanumGothic","Nanum Gothic"; font-size:15px; line-height:50px; color:#FFFFFF; display:block;}
#header_nav a:hover{color:#ffff99;}
ul#gnbArea{position:relative; width:1000px; height:50px; z-index:100; background:#00a9e0; opacity:1; border-radius:0 0 10px 10px;}
ul#gnbArea > li{
	float:left;
	width:125px;
	text-align:center;
}
ul#gnbArea > li#nav_last{
	float:left;
	width:125px;
	text-align:center;
}
ul#gnbArea > li > div > a{
	display:block;
	background:#00a9e0;
	height:50px;
	font-weight:600;
}
ul#gnbArea > li > ul{
	padding-top:20px;
	list-style:none;
}
ul#gnbArea > li:hover > ul{
	list-style:none;
	padding: 0 0 0;
}
ul#gnbArea > li > ul > li{
	text-align:center;
}
ul#gnbArea > li > ul > li > a{
	display:block;
	height:24px;
	font-size:12px;
	line-height:24PX; 
	color:#FFF; 
	display:block;
}

/*main_banner*/
#main_banner{position:relative; left:50%; margin-left:-960px;  width:1920px; height:550px; background:url(../images/banner_bg.jpg)}
.clear{overflow: hidden;width: 100%;}
.fl{float:left; display:inline;}
.dn {display: none;}
.wrap_box{margin:0 auto; width:1000px; height:550px; z-index:10;}
.wrap_box .visual{height: 550px; margin-top: 0px;}
.wrap_box .box {position: relative; width:1000px; left:50%; margin-left:-500px;}
.wrap_box .visual .pht{position:absolute; top:0; left:0; width:1000px; height:550px;}
.wrap_box .visual .control{position:absolute; top:480px; left:0; width:1000px}
.wrap_box .visual .control .fl{margin-right:2px; cursor: pointer;}

/*section*/
#main_contents{margin:0 auto; width:1000px; overflow:hidden; padding:20px 0 40px}
#main_contents_slider{width:1000px; height:230px}
#main_contents_menu{width:1000px; height:220px}
#main_contents_img_board{float:left; width:400px; height:220px; background:#333333}

#main_contents_board{float:left; width:1000px; height:220px}
#main_contents_board01{float:left; width:250px; height:220px; background:url(../images/main_board01.jpg)}
#main_contents_board01_txt{float:left; width:200px; margin:70px 0 0 26px}
#main_contents_board02{float:left; width:250px; height:220px; background:url(../images/main_board02.jpg)}
#main_contents_board02_txt{float:left; width:200px; margin:70px 0 0 26px}
#main_contents_board03{float:left; width:250px; height:220px; background:url(../images/main_board03.jpg)}
#main_contents_board03_txt{float:left; width:200px; margin:70px 0 0 26px}
#main_contents_board04{float:left; width:250px; height:200px}

/*foooter*/
#footer_total{margin:0 auto; width:1000px; height:200px; overflow:hidden}
#copy_top{height:50px}
#copy_link{float:left; height:50px}
#copy_link ul li{float:left; line-height:50px; color:#ffffff}
#copy_link ul li a{float:left; line-height:50px; color:#ffffff}
#copy_link ul li a:hover{color:#00a9e0}
#copy_domain{float:right; height:50px}
#copy_domain ul{float:left}
#copy_domain ul li{float:left; line-height:50px; color:#ffffff}
#copy_bottom{float:left; width:1000px}
#copy_logo{float:left; width:235px; height:34px; margin-top:30px}
#copy_text{float:left; margin:30px 0 0 30px;}
#copy_text p{font-size:12px; line-height:20px; color:#ffffff; opacity:0.9}
#copy_qrcode{float:right; width:62px; height:62px; margin-top:34px}

#floating_menu_main{position:fixed; top:180px; left:50%; margin-left:-610px; width:88px; height:277px}
#floating_menu_sub{position:fixed; top:350px; left:50%; margin-left:520px; width:88px; height:277px}

#sub_total{margin:0 auto; width:1000px}
#sub_banner{position:absolute; left:50%; top:140px; margin-left:-960px; width:1920px; height:190px; z-index:-1}

#sub_contents_total{overflow:hidden; width:1000px; margin:190px 0 60px}

#sub_left_total{float:left; width:200px; height:auto}
#sub_left_title{float:left; width:200px;  height:90px;}
#sub_left_nav{float:left; width:200px; margin-top:20px}
#sub_left_nav ul li{float:left; width:200px; border-bottom:1px solid #e5e5e5;}
#sub_left_nav ul li a{float:left; width:180px; height:40px; margin-left:20px; font-size:14px; line-height:40px; color:#333333}
#sub_left_nav ul li a:hover{background:url(../images/left_point.jpg) no-repeat 150px}
#sub_left_nav ul li.on a{background:url(../images/left_point.jpg) no-repeat 150px}
#sub_left_nav ul li ul{padding-bottom:8px}
#sub_left_nav ul li .left_nav_sub{border:none;}
#sub_left_nav ul li .left_nav_sub a{display:block; height:22px; font-size:11px; line-height:20px; padding-left:10px; background:none; color:#333333}
#sub_left_nav ul li .left_nav_sub.on a{background:url(../images/left_point.jpg) no-repeat 150px 3px; color:#3399cc}
#sub_left_bottom01{float:left; width:200px; height:130px; margin-top:40px;}
#sub_left_bottom02{float:left; width:200px; height:140px; margin-top:10px;}

#sub_contents{float:left; width:740px; margin:0 0 0 60px; min-height:500px}
#sub_title{float:left; width:740px; height:88px; border-bottom:2px solid #e5e5e5}
#sub_title h4{margin-top:24px; color:#ccc;}
#sub_title h4 span{color:#3399cc;}
#sub_title h1{font-size:26px; font-weight:800; color:#333; margin-top:10px; line-height:32px;}
#sub_contents_qmenu img{width:740px; height:50px; padding-top:16px}
#sub_text{float:left; width:740px; height:auto; margin-top:40px;}