/* CSS Document euc-kr */

* {padding:0; margin:0;}

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

/********************************************************* 상단 영역 *********************************************************/
#top {width:100%; background:url(../images/include/top_bg.jpg) repeat-x left bottom;}
#top .top_wrap {z-index:999; position:relative; width:1200px; margin:0 auto; height:170px;}
#top  .logo {position:absolute; top:26px;}
#top  .gnb_box {position:absolute; left:0; top:100px; }
#top  .gnb > ul > li {position:relative; float:left; margin-right:2px;}
#top  .gnb > ul > li > h2 > a {display:block; height:43px; padding:27px 43px 0 38px; 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 37px; background:#5782d4;}
#top  .gnb .sub li a{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:#7f838d; text-decoration:none;}
#top  .info a:hover,
#top  .info a:focus,
#top  .info a:active {color:#d23f45; text-decoration:none;}

/***********************************************************왼쪽서브 메뉴*****************************************************/
#snb{ margin:0; padding:0 0 100px 0; width:220px; float:left;  }


#snb .left_title{padding:54px 0px 26px 36px; background:#5782d4;}
#snb .left_title{font-family:"NanumGothicBold", "돋움", sans-serif; font-size:18px;line-height:20px; letter-spacing:0px; color:#ffffff;}


.left_menu{ /*width:180px;*/word-break:break-all; word-wrap:break-word; /*overflow:auto; white-space:normal;*/   padding-top:21px;}
.left_menu li{ font-size:14px; line-height:18px; margin-bottom:1px;}
.left_menu li:first-child{ /*margin:10px 0 0 0;*/}

.left_menu li a{display:block; padding:9px 22px 8px 24px; margin:0px 0px 0px 0px; font-family:"NanumGothicBold", "돋움", sans-serif; background:url(../images/include/leftmenu_off.png) no-repeat 0px 100% ; letter-spacing:0px; word-spacing:0px;}
.left_menu li a:link,
.left_menu li a:visited{text-decoration:none; color:#000; }
.left_menu li a:active,
.left_menu li a:focus,
.left_menu li a:hover{text-decoration:none; color:#fff; background:url(../images/include/leftmenu_on.png) no-repeat 0px 100%; }
.left_menu li a.on{ background:url(../images/include/leftmenu_on.png) no-repeat 0px 100%; text-decoration:none; color:#ffffff;  }


/*왼쪽 하단 정보*/
.left_bottom_info{margin:31px 0 0 0;}
.left_bottom_info li{font-family:"NanumGothicBold", "돋움", sans-serif; font-size:12px; padding-left:39px; color:#333; line-height:18px;}
.left_bottom_info li:first-child {background:url(../images/include/leftinfo_01.gif) no-repeat 10px top; padding:1px 0 10px 39px; border-bottom:1px solid #e8e8e8;}
.left_bottom_info .info_01 {background:url(../images/include/leftinfo_02.gif) no-repeat 10px 13px; padding:9px 0 5px 39px;}


/********************************************************* 중앙 영역 *********************************************************/
/*컨텐츠 레이아웃*/
.contenstswrapper{ position:relative;/*border:1px solid red;*/ z-index:10; margin:0 auto; width:1200px; clear:both;  height:auto !important; height:600px; }
/*가운데 컨텐츠*/
.container {width:930px; padding:0px; float:right;}
.sub_title {margin:52px 0 0 0; height:47px; border-bottom:1px solid #333; }
.sub_title h1 {float:left; font-family:"NanumGothicBold", "돋움", sans-serif; font-size:22px; padding:0 0 0 16px; letter-spacing:-1px; word-spacing:-2px; color:#000; background:url(../images/include/sub_title_bullet.gif) no-repeat 0 0;}
 
/*페이지 타이틀*/
.sub_title .location{ float:right; font-family:"NanumGothic", "돋움", sans-serif; font-size:11px; line-height:13px; padding:8px 0px 0 0;}
.sub_title .location span{ padding:0 0 0 20px;background:url(../images/include/location_arrow.gif) no-repeat 8px 2px; letter-spacing:0px; color:#999999;}
.sub_title .location span:first-child {background:none;}

.sub_title_02 {margin:52px 0 0 0; height:47px; }
.sub_title_02 h1 {float:left; font-family:"NanumGothicBold", "돋움", sans-serif; font-size:22px; padding:0 0 0 16px; letter-spacing:-1px; word-spacing:-2px; color:#000; background:url(../images/include/sub_title_bullet.gif) no-repeat 0 0;}
 
/*페이지 타이틀*/
.sub_title_02 .location{ float:right; font-family:"NanumGothic", "돋움", sans-serif; font-size:11px; line-height:13px; padding:8px 0px 0 0;}
.sub_title_02 .location span{ padding:0 0 0 20px;background:url(../images/include/location_arrow.gif) no-repeat 8px 2px; letter-spacing:0px; color:#999999;}
.sub_title_02 .location span:first-child {background:none;}


/*가운데 컨텐츠*/
.container .contents{word-break:break-all; /*word-wrap:break-word;*/ width:930px; margin-bottom:90px;}

.contents {position:relative; width:100%; min-height:500px; overflow:hidden;}
.contents .title_box {width:100%; min-width:1200px; 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:1200px; 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:1200px; 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;}