@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

*{margin:0; padding:0; box-sizing:border-box;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Nanum Gothic', sans-serif; color:#303030;letter-spacing:-0.05em;}
div {display:block;}
.inner {width:1200px;margin:auto;}


/* 마진,패딩 설정 */
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}




/* 공통 상단 */
#wrap {width:100%; min-width:1200px;  margin:auto;}
#header {width:100%; min-width:1200px; height:105px; position:relative; border-top:6px #82cb22 solid;}

#header .logo {float:left; margin-top:16px;}



#header #gnb { position:relative;height:94px;line-height:94px;display:inline-block;margin-top:5px;float:right;}
#header #gnb > ul {float:right;}
#header #gnb > ul > li {float:left;font-size:16px;margin-left:32px;font-weight:bold; position:relative;}
#header #gnb > ul > li:hover {background:url(images/gnb_on.png) bottom center no-repeat;}
#header #gnb .subnav { margin:auto;
width:120px;
 background:#82cb22; 
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:center;
  top:94px;
  font-size:13px;
  padding:10px; 
  margin-left:-30px;
  color:#fff;
  border-radius:10px
 }
#header #gnb .subnav > ul {}
#header #gnb .subnav dl {display:block}
#header #gnb .subnav dd {height:30px;line-height:30px;}
#header #gnb .subnav a:hover {color:#303030;}
#header #gnb .subnav a {display:block;}




#main {width:100%; min-width:1200px; display:inline-block;position:relative;}
/* 메인 슬라이드 배경 */
#main .main_sl1 {width:100%; min-width:1200px; background:url(images/main_sl1.jpg) top center;height:576px;}
#main .main_sl2 {width:100%; min-width:1200px; background:url(images/main_sl2.jpg) top center;height:576px;}
#main .main_sl3 {width:100%; min-width:1200px; background:url(images/main_sl3.jpg) top center;height:576px;}
#main .main_sl4 {width:100%; min-width:1200px; background:url(images/main_sl4.jpg) top center;height:576px;}


#main .main_content {width:100%;display:inline-block;margin:76px 0 40px;padding:0 20px;}
#main .main_content > div {float:left;margin-left:45px;}
#main .main_content .output {margin-left:0;width:369px;}
#main .main_content .output img {margin-bottom:16px;}
#main .main_content .output .output_box {height:62px;width:100%;margin-bottom:20px;font-size:13px;line-height:140%}
#main .main_content .icon {width:337px;}
#main .main_content .icon ul li {float:left;padding:0 0 20px 21px;}
#main .main_content .icon ul li.pd0 {padding-left:0}
#main .main_content .icon ul li.pd00 {padding:0}
#main .main_content .cs {width:360px;margin-top:-54px}
#main .main_content .cs ul {margin-top:23px;}
#main .main_content .cs ul li {float:left;}
#main .main_content .cs ul li:first-child {padding-right:23px;}

#main .main_board {width:100%;min-width:1200px;display:inline-block;margin:40px auto;}
#main .main_board li {float:left;width:366px;height:335px;}
#main .main_board li.part {width:1px;margin:0 25px;background:#e0e0e0;}
#main .main_board li .output {width:100%;text-align:justify;margin-top:20px;}



/* 공통하단 */
#footer {width:100%; min-width:1200px;margin:auto;display:inline-block;position:relative;font-size:12px;letter-spacing:-0.5px;background:#f0f0f0}
#footer .footer_txt {width:1200px;color:#848484;margin:20px auto;line-height:180%;}
#footer .footer_txt span {padding-right:10px;}
#footer .footer_txt span b {color:#555;}





/* 서브 */
#sub {width:100%; min-width:1200px; display:inline-block;}
#sub .sub_top {width:100%; min-width:1200px;height:180px;background:url(images/sub_top.png) top center;}
#sub .inner {margin-top:35px;}

/* 서브 레이아웃*/
#sub .left {float:left;width:200px;margin-bottom:50px;}
#sub .right {float:right;width:950px;margin-bottom:60px;}

/* 서브 좌측 */
#sub .left h2 {width:100%;background:url(images/snb_title.png);height:54px;line-height:52px;font-size:23px;}
#sub .left .snb {width:100%;}
#sub .left .snb li {border-bottom:1px #e0e0e0 solid;font-size:14px;line-height:48px;}
#sub .left .snb li a { color:#505050; display:block;padding-left:20px}
#sub .left .snb li a:hover,#sub .left .snb li a.on {background:url(images/snb_on.png) center no-repeat;font-weight:bold}

/* 서브 좌측 */
#sub .right h1 {width:100%;border-bottom:1px #e0e0e0 solid;font-size:30px;line-height:42px;height:54px;}
#sub .right .content_box {margin-top:40px;width:100%;}

.content_box .map {width:100%; display:inline-block;}
.content_box .map li {float:left;}
.content_box.board_box {width:100%; margin:auto; line-height:170%; font-size:13px !important;}
.content_box.board_box td.board_desc {text-align:justify;}
.content_box.board_box .att_title {font-size:13px !important;}