@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*공통*/

*{margin:0;padding:0;}
li{list-style:none;}
img{border:0;}
a{text-decoration:none;color:#333;}
html,body{font-family :"Nanum Gothic","나눔 고딕","Dotum","돋움",sans-serif;}
#header{width:100%; height: 195px;}
#header:after{content:"";clear:both;display:block;}
#header #top{width: 100%; background: #fff; border-bottom: 1px solid #ddd; height: 29px;}
#header #top div{width:1100px; margin: 0 auto;}
#header #top .top_left{display: block; float:left;}
#header #top .top_left li{display: block; float:left;height: 29px; line-height: 29px; padding:0 20px; color:#0c4da2; font-size: 12px;}
#header #top .top_right{display: block; float:right;border-right: 1px solid #eee;}
#header #top .top_right li{display: block; float:left;height: 29px; line-height: 29px; border-left: 1px solid #eee; padding:0 20px;}
#header #top .top_right li a{font-size: 12px; color:#666;}
/*기본세팅*/
#nav{width:100%;z-index:10; height:165px;}
#nav .logo_area_wrap{width:100%; background:#fafafa; }
#nav .logo_area{height: 120px; width:1100px; margin: 0 auto;}
#nav .logo_area:after{content:""; clear:both; display:block;}
#nav .logo_area div{float:left; padding-top: 15px;}
#nav .logo_area .logo_area_cont_02{margin: 0 180px 0 176px;}
.nav_list{width:100%; background: #0086cf; height: 45px;}
.nav_list ul{display: block; width:1100px; margin: 0 auto;}
.nav_list ul li{display: block; float:left; width:20%; text-align: center; line-height: 45px;}
.nav_list ul li a{font-weight: 900; color:#fff; font-size: 16px; width:100%; height: 100%; display: block;}
.nav_list ul li a:hover{background: #057fc1;}
#container{width:100%;}
#container:after{content: ''; clear: both; display: block;}

#footer{width:100%; font-size: 12px;margin-top: 50px;}
#foot{width:100%; padding:20px 0; text-align: center; background: #f5f5f5;}
#foot address{font-style: normal; color:#888;}
.foot_copy p{margin-top: 10px; color:#888;}
.foot_copy a{color:#999; font-weight: bold;}
.kod_link{text-align: right;}
.foot_bnr{width:100%; background:url(/images/foot_bnr.jpg) no-repeat center center ; height: 160px; }
.foot_bnr a{width:100%; height: 100%; display: block; }

/*서브페이지레이아웃*/
.sub_visual{width:100%; height: 175px; background: url(/images/sub_visual.jpg) center center;}
#s_cont{width:1100px; margin: 0 auto; padding-bottom: 40px;}
#s_cont:after{content: ''; clear: both; display: block;}
.left_cont{width:200px; float:left;}
.left_cont h2{font-size: 30px; color:#333; height: 100px; line-height: 100px; border-bottom: 2px solid #666;}
.left_cont .snb li{display: block; width:200px; height: 40px;}
.left_cont .snb li a{display: block; width:200px; height: 40px;line-height: 40px; color:#888; text-indent: 10px;}
.left_cont .snb li .snb_active{font-weight: 900; color:#666; background: url(/images/snb_on.png) no-repeat 180px center; background-color: #fafafa;}
.left_cont .snb_banner{margin-top: 30px;}

.right_cont{width:850px; float:right;}
.right_cont h3{font-size: 30px; height: 100px; line-height: 100px; color:#333;}