/* CSS Document utf-8 */

body {}

#wrap {position:relative; min-width:1000px; margin:0 auto; font-family:"NanumGothic", "돋움", sans-serif;}
#wrap .logo {top:26px;}

/********************************************************* 상단 영역 *********************************************************/
#top {width:100%; background:url(../images/include/top_bg.jpg) repeat-x right top;}
#top .top_wrap {z-index:999; position:relative; width:1000px; margin:0 auto; height:100px;}
#top  .logo {position:absolute; top:26px;}
#top  .gnb_box {position:absolute; left:400px; top:30px;}
#top  .gnb > ul > li {position:relative; float:left; margin-right:2px;}
#top  .gnb > ul > li > h2 > a {display:block; height:47px; padding:23px 30px 0 30px; font-weight:normal;}
#top  .gnb > ul > li.on {background:#5782d4;}
#top  .gnb > ul > li.off {background:#2f3644;}
#top  .gnb .sub {position:absolute; left:0; top:-9999px; padding:10px 30px 20px 30px; background:#5782d4;}
#top  .gnb .sub li {display:block; margin-top:5px;}
#top  .gnb .sub a:link,
#top  .gnb .sub a:visited {color:#fff; text-decoration:none;}
#top  .gnb .sub a:hover,
#top  .gnb .sub a:focus,
#top  .gnb .sub a:active {color:#f7c348; text-decoration:none;}
#top  .info {position:absolute; right:0; top:0;  font-family:"NanumGothicBold", "돋움", sans-serif; font-size:10px; text-align:right;}
#top  .info > a {display:inline-block; margin:20px 0 0 10px; }
#top  .info a:link,
#top  .info a:visited {color:#89a6e3; text-decoration:none;}
#top  .info a:hover,
#top  .info a:focus,
#top  .info a:active {color:#ffb300; text-decoration:none;}


/********************************************************* 중앙 영역 *********************************************************/
#contents {position:relative; width:100%; min-height:500px; overflow:hidden;}
#contents .title_box {width:100%; min-width:1000px; background:url(../images/include/title_bg.jpg) repeat-x left bottom;}
#contents .title {position:absolute; top:30px;}
#contents .title p {height:10px;}
#contents .title span {color:#666; font-family:"NanumGothicBold", "돋움", sans-serif; font-size:14px;}
#contents .title h3 {padding-top:5px; color:#5782d4; font-family:"NanumGothicBold", "돋움", sans-serif; font-size:22px; font-weight:normal;}
#contents .wrap {position:relative; height:110px; width:1000px; margin:0 auto;}

/********************************************************* 하단 영역 *********************************************************/
#footer {clear:both; position:relative; width:100%; overflow:hidden; background:url(../images/include/bottom_bg.jpg) left top;}
#footer .copyright  {position:relative; width:1000px; margin:0 auto; padding:40px 0; font-size:11px; overflow:hidden;}
#footer .copyright .botom_logo {clear:both; float:left; margin-right:20px;}
#footer .copyright address {float:left; color:#7f92b9; line-height:18px; padding-left:20px; border-left:1px solid #4d5460;}
#footer .copyright address p {color:#FFF;}
#footer .copyright address cite {color:#FFF;}
#footer .side_btn {position:absolute; right:0; text-align:right;}
#footer .side_btn a {display:block;}
#footer .side_btn a:link,
#footer .side_btn a:visited {color:#FFF; text-decoration:none;}
#footer .side_btn a:hover,
#footer .side_btn a:focus,
#footer .side_btn a:active {color:#ffb300; text-decoration:none;}


#footer .btn {text-align:center; height:27px; padding-top:8px; font-size:11px; background:#043888; border-top:1px solid #000;}
#footer .btn span {margin-right:30px;}
#footer .btn span a:link,
#footer .btn span a:visited {color:#75abff; text-decoration:none;}
#footer .btn span a:hover,
#footer .btn span a:focus,
#footer .btn span a:active {color:#FFF; text-decoration:none;}