@charset "utf-8";

/* 메인컨텐츠 */
* {margin:0; padding:0}
html, body {min-height:100%; margin:0 ; padding:0; }
td { color:#676767; font-size:12px ; font-family:굴림, gulim, 돋움, dotum, Vertical, Arial; }
fieldset, img { border: none;}
.b { font-weight:bold;}
div, ul, form, fieldset, td, th, li, h1, h2, h3, h4, p dl,dt,dd{ margin:0; padding:0;}
ul, dl, li{list-style:none; text-decoration:none;}
img.middle {vertical-align:middle; margin-bottom:0px;}


#wrap #header .gnb{position: relative; min-width:1000px; width:100%; height:20px; background-color:#fff; margin: 0 auto; text-align:center; z-index:9999; }
#wrap #header .gnb_box{position: relative; width:1000px; height:20px; margin:0 auto; text-align:left;}
#wrap #header .gnb_box ul{float:right; width:240px; height:20px;}
#wrap #header .gnb_box ul li{float:left; height:14px; padding-top:7px;}
#wrap #header .gnb_box ul .lin_first{padding-right:12px !important;}
#wrap #header .gnb_box ul .lin_middle{padding:0 12px 0 12px;}
#wrap #header .gnb_box ul .lin_last{padding:7px 0 0 12px;}
#wrap #header .gnb_box ul .lin_adm{padding:5px 0 0 12px;}
#wrap #header .gnb_box a{text-decoration: none; font-size:11px; font-family:"돋움", dotum, Vertical, Arial; color:#888;}

#wrap #header .navi{position: relative; min-width:1000px; width:1000px; height:80px; margin: 0 auto; }
#wrap #header .navi h1{position:absolute; top:0px; left:0;}
#wrap #header .navi ul#topnav {position: relative; top:0; left:237px; height:80px; margin: 0; padding:0;
	margin:0 0 0 0px;
	width: 535px;
	list-style: none;
	position: relative;
	margin: 0 auto; text-align:center;
	font-size: 13px;
	background:#fff;
	z-index:9999;
}
#wrap #header .navi ul#topnav .nav_first {padding-left:0;}

#wrap #header .navi ul#topnav li {
	float: left;
	height:32px;
	margin: 0; padding:24px 0 0 40px;
	border-right: 0px solid #999;
}
#wrap #header .navi ul#topnav li a {height:42px; 
	padding: 0px 0px;
	display: block;
	color: #f0f0f0;
	text-decoration: none; 
}
#wrap #header .navi ul#topnav li:hover { }
#wrap #header .navi ul#topnav li span {
	text-align:left;
	padding: 0px 0;
	position: absolute;
	left: 11px; top:50px;
	display: none;
	height:19px;
	color: #666;
	z-index:9999;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#wrap #header .navi ul#topnav li:hover span { display: block; padding-top:6px; color: #666;}
#wrap #header .navi ul#topnav li span a {  display: inline; color: #666;}
#wrap #header .navi ul#topnav li span a:hover {color: #34a3dc; }

#wrap #sub_header .gnb{position: relative; min-width:1000px; width:100%; height:33px; border-bottom:1px solid #e0e0e0; margin: 0 auto; text-align:center; z-index:9999; }
#wrap #sub_header .gnb_box{position: relative; width:1000px; height:11px; margin:0 auto; text-align:left;}
#wrap #sub_header .gnb_box ul{float:right; width:132px; height:11px; margin-top:11px; }
#wrap #sub_header .gnb_box ul li{float:left; }
#wrap #sub_header .gnb_box ul .lin_first{padding-right:12px !important;}
#wrap #sub_header .gnb_box ul .lin_last{padding:0 0 0 12px; background:url(./image/main/gnb_line.gif) no-repeat left center;}
#wrap #sub_header .gnb_box a{text-decoration: none; font-size:11px; font-family:"돋움", dotum, Vertical, Arial; color:#888;}
#wrap #sub_header .sub_nav{position: relative; min-width:1000px; width:1000px; height:95px; margin: 0 auto; }
#wrap #sub_header .sub_nav h1{position:absolute; top:22px; left:0;}
#wrap #sub_header .sub_nav ul{position: relative; top:39px; left:574px; width:426px; height:16px; }
#wrap #sub_header .sub_nav li{float:left; height:16px; padding-left:43px;}
#wrap #sub_header .sub_nav a{text-decoration: none; font-size:15px; font-family:'Nanum Gothic'; color:#333; font-weight:bold; }
#wrap #sub_header .sub_nav a:hover{text-decoration: none; color:#14529a;}
#wrap #sub_header .sub_nav .nav_first{padding:0;}

.main_visual{position: relative; width:100%; height:400px; margin: 0 auto; overflow:hidden; background:url(../image/main/vi_bg.jpg) no-repeat top center;}
.main_visual .cContents{position: relative; width:1000px; height:400px;}
.main_visual .dotWrap li {
  display: inline-block;
  width: 7px;
  height: 7px;
  padding: 0px 2px;
  background: url(../image/main/icon_dot02.png) no-repeat top left;
  -webkit-background-size: 7px;
  background-size: 7px;
  vertical-align: top;
 }
 
 .dotWrap li.active {
  background: url(../image/main/icon_dot01.png) no-repeat top left;
  -webkit-background-size: 7px;
  background-size: 7px;
 }
 
.cList {width:1000px; height:400px;
  text-align : center;
 }

.sBnBtn {position:absolute; width:100%; top:290px; left:0; z-index:99999;}
.sBnBtn .btn_wrap{position: relative; width:1000px; height:50px; margin: 0 auto; }
.sBnBtn .btn_wrap .cRight{position: relative; top:0px; right:0px;}
.sBnBtn .btn_wrap .cLeft{position: relative; top:0px; left:10px;}

.main_contents{position:relative; width:1000px; height:400px; padding:40px 0 40px 0; margin: 0 auto; overflow:hidden; }
.main_contents .story_post01{float:left; width:320px; height:400px; padding:0;  border:1px solid #d7d7d7; overflow:hidden;}
.main_contents .story_post01 #p_click3{position:absolute; width:32px; height:32px; top:50px; left:240px; z-index:9999;}
.main_contents .story_post01 #n_click3{position:absolute; width:32px; height:32px; top:50px; left:275px; z-index:9999;}
.movie {width:320px; height:400px;}
.movie:after{content:""; display:block; clear:both}
.movie li{float:left; width:320px; height:400px;}
.btn {margin:5px;}
.bullet:after{content:""; display:block; clear:both}
.bullet li{position:absolute; left:-200px;}

.main_contents .story_post02{float:left; width:320px; height:200px; padding:0 0 0 19px;}
.main_contents .story_post03{float:left; width:320px; height:200px; padding:0 0 0 19px;}
.main_contents .story_post04{float:left; width:320px; height:200px; padding:0 0 0 19px;}
.main_contents .story_post05{float:left; width:320px; height:200px; padding:0 0 0 19px;}
.main_contents .post_thumb{position:static;}