@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* Reset */
*{margin:0;padding:0;}
html,body{min-height:100%}
body{margin:0;background:#ededeb;}
ul{list-style:none;}
a{text-decoration:none;}
.container{width:1135px;margin:0 auto;}

/* Layout */
#header .header-top{padding:10px 0;overflow:hidden;}
#header .header-top.main{height:302px;background:url(./images/main/4.jpg) no-repeat right top}
#gnb{overflow:hidden;}
#gnb .gnb-top{background:#020764;height:40px;line-height:40px;text-align:center;}
#gnb .gnb-bottom{background:#fff;clear:both;height:30px!important;line-height:30px!important;}

#gnb a{font-family: "Nanum Gothic", sans-serif;}

#gnb ul{overflow:hidden;margin-top:-4px;}
#gnb ul li{display:inline-block;}
#gnb ul li > a{color:#fff;font-size:15px;display:block;padding:0 20px;margin:0 10px;font-size:13px;}
#gnb ul li:hover > a,
#gnb ul li.active > a{background:#fff;color:red;}

#gnb .submenu{clear:both;position:absolute;display:none;margin-top:-5px;}
#gnb .submenu li{display:inline-block;}
#gnb .submenu li a{font-size:11px;color:#555;margin:0 5px;padding:0 0px;background:url(./images/bu_dot.png) no-repeat left center transparent!important;padding-left:13px;}
#gnb .submenu li:hover a{background:none;}
#gnb .submenu li.active > a{padding:0;line-height:auto!important;height:auto!important;background:url(./images/bu_arrow2.png) no-repeat left center transparent!important;padding-left:13px;background-color:none!important}



#gnb ul li.active .submenu,
#gnb ul li:hover .submenu{display:block;}

#gnb:hover .submenu{display:none!important;}
#gnb ul li:hover .submenu{display:block!important;}

#gnb li.link a{font-size:12px;padding:0px 10px;height:auto!important;line-height:auto!important;display:inline;}
#gnb li.link a:hover{background:#00f523;color:#fff;}



.body{clear:both;padding:20px 0;overflow:hidden;}


.read_body img{max-width:874px!important;}

#side{float:left;width:164px;}
#side .inside{background:#0839b6;padding:5px;}
#side .page-title{display:block;color:#fff;padding:20px;font-size:22px;}
#side ul{display:block;background:#fff;}
#side ul li{border-bottom:1px solid #dfdfdf;display:block;background:url(./images/bu_arrow.png) no-repeat 93% center}
#side ul li a{color:#333;display:block;padding:10px;}
#side ul li a:hover{background:url(./images/bu_arrow.png) no-repeat 93% center #f9f9f9;text-indent:10px;}
#side ul li.active a{font-weight:bold;color:#0f3eb3;}

#side .banner{clear:both;margin-top:10px;margin-right:-10px;}
#side .banner img{width:100%;}

#content{float:right;width:946px}
#content .page-title{background:url('./images/page_head.jpg') no-repeat 0 0;height:77px;overflow:hidden;}
#content .page-title .title-box{position:relative;left:20px;color:#fff;top:14px;}
#content .page-title .title-box .title{font-size:25px;}
#content .page-title .title-box p{color:rgba(255,255,255,.7)}
#content .page-content{background:#fff;border:1px solid #000;clear:both;padding:30px;}

#footer{clear:both;}
#footer .container{background:url() no-repeat 0 0;height:51px;}