@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');

/* CSS Document */
img {border:0px;}
body {background-color:#FFFFFF; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
body, td, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, textarea{font-family: 'NotoSansKR'; font-size:10pt; color:#5c5c5c; }

/* main */
#header{border-top:6px solid #95c615;}
#main_section{width:1000px; margin:0 auto; padding-top:100px;}
#main_banner{width:1000px; padding:10px 30px; margin:20px auto 0px auto; box-sizing:border-box; background:#84b110; border-radius:20px; border:1px solid #759a16;}
#main_banner *{margin:0; padding:0; list-style:none; text-decoration:none;}
#main_banner li{float:left; width:25%; color:#f3f3f3;}
#main_banner li a{display:block; font-size:18px; font-weight:bold; color:#fff; margin-bottom:5px;}
#main_banner .phone{font-size:25px; font-weight:bold; color:yellow; display:block;}
#main_banner li:nth-child(4){color:#fff; font-size:16px;}

#main_banner .lst li a{display:inline-block; font-size:13px; color:#f8f8f8; width:140px;}
#main_banner .lst li{font-size:13px; color:yellow; float:none; width:100%; line-height:120%;}

#footer{text-align:center; margin-top:30px; padding:20px 0px; background:#f8f8f8; font-size:14px; color:#555;}

/* sub */
#sub_section{width:1000px; margin:0 auto; padding-top:100px;}
#sub_con{width:1000px; margin:30px auto 0px auto;}
#sub_con aside{width:186px; float:left; margin-right:55px;}
#sub_con #sub_page{width:759px; float:left;}

.mainbg{background: url(../images/mainbg.jpg) center top no-repeat; POSITION: absolute;}
.mimg{background:url(../images/mimg.jpg) center top no-repeat; width:100%; height:526px;}

.bigtitle{font-size:18pt; font-weight:bold; color:#333; letter-spacing:-1px;}
.stitle{font-size:9pt; font-weight:bold; color:#888; letter-spacing:-1px; padding:2px 0px 15px 0px;}

#sub_menu a{font-size:10pt; background:url(../gnuboard4/images/lbg-of.jpg) left top no-repeat; color:#666; padding:0px 0px 0px 12px; text-decoration:none; width:185px; line-height:25px; float:left;}
#sub_menu a:hover{background:url(../images/lbg.jpg) left top no-repeat; color:#fff; padding:0px 0px 0px 30px; font-weight:bold;}

.title{font-size:18pt; font-weight:bold; color:#333; letter-spacing:-1px;}
.titlenv{font-size:9pt; color:#777;}
.subtitle{font-size:10pt; color:#666; padding:10px 0px 10px 0px; border-bottom:1px solid #dedede; letter-spacing:-1px;}
.title_txt {color:#858585; font-size:12px;}

/* 공통 */
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:15px; line-height:150%; color:#555; word-spacing:-1px;}
.sp20{height:20px;}

.normal .tb01{border-collapse:collapse;}
.normal .tb01 th{background:#759a16; color:#fff; border-right:1px solid #fff;}
.normal .tb01 th:last-child{border-right:none;}
.normal .tb01 tr:nth-child(odd) td{background:#f5f5f5;}
.normal .tb01 td{text-align:center; color:#555; border-right:1px solid #dfdfdf;}
.normal .tb01 td:last-child{border-right:none;}
.normal .tb01 td, .normal .tb01 th{padding:5px 0px; font-size:15px; line-height:150%; word-spacing:-1px;}
.normal .tb02{border-bottom:1px solid #dfdfdf; margin:20px 0px 50px 0px;}
.normal .tb02 td, .normal .tb02 th{font-size:12px;}

.normal .tb03{border-collapse:collapse; border-bottom:1px solid #dfdfdf;}
.normal .tb03 th:last-child{border-right:none;}
.normal .tb03 td{border-right:1px solid #dfdfdf; float:left; width:33.3%; box-sizing:border-box;}
.normal .tb03 td:nth-child(3), .normal .tb03 td:nth-child(6){border-right:none;}
.normal .tb03 ul{padding:20px; height:320px;}
.normal .tb03 li{font-size:15px; line-height:150%; word-spacing:-1px; background:url(../images/sub_dot03.jpg) left top 8px no-repeat; padding-left:12px;}
.normal .tb03 h5{background:#759a16; color:#fff; text-align:center; font-size:16px; padding:5px 0px; margin:0px 0px 0px 0px;}
.normal .tb03 h6{margin:20px 0px 5px 0px; color:#333; font-size:16px;}

.normal .tb04 td:nth-child(4), .normal .tb04 td:nth-child(5){width:50%;}
.normal .tb04 td:nth-child(5){border-right:none;}

.li_list{background:#f8f8f8; border:1px solid #dfdfdf; margin:20px 0px 10px 0px; padding:15px;}
.li_list li{font-size:15px; padding:5px 15px 5px 30px; background:url(../images/sub_dot03.jpg) left 15px top 13px no-repeat #fff; margin-bottom:5px;}
.li_list li:last-child{margin-bottom:0;}

.normal_box h6{font-size:17px; color:#333; margin-bottom:10px;}
.normal_box li{float:left; width:33%; background:url(../images/sub_dot03.jpg) left center no-repeat; padding-left:12px; box-sizing:border-box;}

.tle_txt{margin-bottom:50px; font-weight:normal;}
.tle_txt b{display:block; float:left;}
.tle_txt span{display:block; margin-left:76px;}

.bottom_img li{float:left; width:124px; margin-right:3px; margin-bottom:3px;}
.bottom_img li:nth-child(6), .bottom_img li:nth-child(12){margin-right:0;}
.bottom_img center{background:#759a16; color:#fff; font-weight:normal; font-size:12px;}

/* sub0101 */
.sub0101 center{margin-bottom:30px;}
.sub0101 h3{float:left; font-size:22px; color:#759a16;}
.sub0101 figure{margin-left:240px; text-align:justify;}
.sub0101 h4{font-size:17px; color:#333; margin-bottom:20px;}
.sub0101 h5{font-size:17px; text-align:right; margin-top:20px; font-weight:normal;}

/* sub0201 */
.sub0201 figure{padding-left:45%;}
.sub0201 .con01{background:url(../images/sub0201_1.jpg) left center no-repeat;}
.sub0201 .con02{background:url(../images/sub0201_2.jpg) left center no-repeat;}
.sub0201 h3{font-size:18px; color:#333; margin-bottom:20px; background:url(../images/sub_dot01.jpg) left center no-repeat; padding-bottom:3px; padding-left:12px;}
.sub0201 h4{margin-top:50px; font-size:17px; color:#333; margin-bottom:10px; background:url(../images/sub_dot02.jpg) left center no-repeat; padding-left:18px;}
.sub0201 h5{margin-bottom:50px; font-weight:normal;}
.sub0201 h5 b{display:block; float:left;}
.sub0201 h5 span{display:block; margin-left:76px;}

/* sub0202 */
.sub0202 h3{font-size:18px; color:#333; margin-bottom:20px; background:url(../images/sub_dot01.jpg) left center no-repeat; padding-bottom:3px; padding-left:12px;}
.sub0202 h4{font-size:17px; color:#333; margin-bottom:10px; margin-top:50px; background:url(../images/sub_dot02.jpg) left center no-repeat; padding-left:18px;}
.sub0202 h5{margin-bottom:50px; font-weight:normal;}
.sub0202 h5 b{display:block; float:left;}
.sub0202 h5 span{display:block; margin-left:76px;}

.sub0202 .normal_box ul:nth-child(1){background:url(../images/sub0202_1.jpg) left center no-repeat; padding:30px 0px 30px 35%; background-size:25%;}
.sub0202 .normal_box ul:nth-child(2){background:url(../images/sub0202_2.jpg) left center no-repeat; padding:30px 0px 30px 35%; background-size:25%;}
.sub0202 .normal_box ul:nth-child(3){background:url(../images/sub0202_3.jpg) left center no-repeat; padding:30px 0px 30px 35%; background-size:25%;}
.sub0202 .normal_box ul:nth-child(4){background:url(../images/sub0202_4.jpg) left center no-repeat; padding:30px 0px 30px 35%; background-size:25%;}
.sub0202 .normal_box ul:nth-child(5){background:url(../images/sub0202_5.jpg) left center no-repeat; padding:30px 0px 30px 35%; background-size:25%; margin-bottom:20px;}

/* sub0203 */
.sub0203 .normal_box ul:nth-child(1){background:url(../images/sub0203_1.jpg) left center no-repeat; padding:30px 0px 30px 35%; background-size:25%;}
.sub0203 .normal_box ul:nth-child(2){background:url(../images/sub0203_2.jpg) left center no-repeat; padding:30px 0px 30px 35%; background-size:25%;}
.sub0203 .normal_box ul:nth-child(3){background:url(../images/sub0203_3.jpg) left center no-repeat; padding:30px 0px 30px 35%; background-size:25%;}
.sub0203 .normal_box ul:nth-child(4){background:url(../images/sub0203_4.jpg) left center no-repeat; padding:30px 0px 30px 35%; background-size:25%;}
.sub0203 .normal_box ul:nth-child(5){background:url(../images/sub0203_5.jpg) left center no-repeat; padding:30px 0px 30px 35%; background-size:25%; margin-bottom:20px;}
.sub0203 .normal_box ul:nth-child(6){background:url(../images/sub0203_6.jpg) left center no-repeat; padding:30px 0px 30px 35%; background-size:25%; margin-bottom:20px;}

/* sub0204 */
.sub0204 .normal_box ul:nth-child(1){background:url(../images/sub0204_1.jpg) left center no-repeat; padding:30px 0px 30px 35%; background-size:25%;}
.sub0204 .normal_box ul:nth-child(2){background:url(../images/sub0204_2.jpg) left center no-repeat; padding:30px 0px 30px 35%; background-size:25%;}
.sub0204 .normal_box ul:nth-child(3){background:url(../images/sub0204_3.jpg) left center no-repeat; padding:15px 0px 15px 35%; background-size:25%; margin-bottom:15px;}
.sub0204 .normal_box ul:nth-child(4){background:url(../images/sub0204_4.jpg) left center no-repeat; padding:50px 0px 50px 35%; background-size:25%; margin-bottom:20px;}
.sub0204 .normal_box ul:nth-child(5){background:url(../images/sub0204_5.jpg) left center no-repeat; padding:30px 0px 30px 35%; background-size:25%;}

/* sub0205 */
.sub0205 figure h3{font-size:18px; color:#333; margin-bottom:20px; background:url(../images/sub_dot01.jpg) left center no-repeat; padding-bottom:3px; padding-left:12px;}
.sub0205 figure li{background:url(../images/sub_dot03.jpg) left top 8px no-repeat; padding-left:12px; font-size:15px; margin-bottom:5px;}
.sub0205 figure li:last-child{margin-bottom:0;}
.sub0205 figure ul:nth-child(1){padding:20px 0px 20px 0px; background:url(../images/sub0205_1.jpg) right center no-repeat;}
.sub0205 figure ul:nth-child(2){padding:20px 0px 20px 0px; background:url(../images/sub0205_2.jpg) right center no-repeat;}
.sub0205 figure ul:nth-child(3){padding:20px 0px 20px 0px; background:url(../images/sub0205_3.jpg) right center no-repeat; margin-bottom:40px;}
.sub0205 figure ul:nth-child(4){padding:20px 0px 20px 0px; background:url(../images/sub0205_4.jpg) right center no-repeat;}
.sub0205 figure ul:nth-child(5){padding:20px 0px 20px 0px; background:url(../images/sub0205_5.jpg) right center no-repeat;}
.sub0205 figure ul:nth-child(6){padding:20px 0px 20px 0px; background:url(../images/sub0205_6.jpg) right center no-repeat;}
.sub0205 figure ul:nth-child(7){padding:20px 0px 20px 0px; background:url(../images/sub0205_7.jpg) right center no-repeat;}
.sub0205 figure h5{margin-top:10px;}

@media all and (max-width: 768px) {
  /* main */
  #main_section{width:100%; padding-top:60px; z-index:1; height:200px; background:url(../images/mimg.jpg) bottom center no-repeat; background-size:contain;}
  .mainbg{z-index:1;}
  .mimg{display:none;}

  #main_banner{width:100%; padding:30px 30px; border-radius:5px;}
  #main_banner li{float:none; width:100%; padding:10px 0px; border-bottom:1px solid #dfdfdf;}
  #main_banner li a:nth-child(1){font-size:20px; margin-bottom:10px;}
  #main_banner li:nth-child(1){padding-top:0;}
  #main_banner li:nth-child(4){border-bottom:none; padding-bottom:0;}
  #main_banner li img{width:100%;}
  #main_banner li li{padding:0; border-bottom:none;}
  #main_banner .lst li a{font-size:16px; width:240px;}
  #main_banner .lst li{font-size:16px; margin-bottom:5px;}
  #main_banner .phone{font-size:36px;}
  #main_banner li:nth-child(4){font-size:20px;}
  #footer{text-align:center; margin-top:30px; padding:20px 0px; background:#f8f8f8; font-size:12px;}
  #footer br{display:none;}

  /* sub */
  #sub_section{display:none;}
  #sub_con{width:100%; margin:30px auto 0px auto;}
  #sub_con aside{display:none;}
  #sub_con #sub_page{width:96%; float:none; padding:70px 2% 0px 2%;}
  #sub_con #sub_page img{width:100%;}

  /* 공통 */
  .normal{font-size:14px;}

  .normal .tb01{border-collapse:collapse;}
  .normal .tb01 th{background:#759a16; color:#fff; border-right:1px solid #fff;}
  .normal .tb01 th:last-child{border-right:none;}
  .normal .tb01 tr:nth-child(odd) td{background:#f5f5f5;}
  .normal .tb01 td{text-align:center; color:#555; border-right:1px solid #dfdfdf;}
  .normal .tb01 td:last-child{border-right:none;}
  .normal .tb01 td, .normal .tb01 th{padding:5px 0px; font-size:15px; line-height:150%; word-spacing:-1px;}
  .normal .tb02 td, .normal .tb02 th{font-size:10px;}

  .normal .tb03 td{float:left; width:50%;}
  .normal .tb03 td:nth-child(3){border-right:1px solid #dfdfdf;}
  .normal .tb03 td:nth-child(even){border-right:none;}
  .normal .tb03 ul{height:400px;}
  .normal .tb03 li{font-size:14px; background:url(../images/sub_dot03.jpg) left top 7px no-repeat;}

  .normal .tb04{border-bottom:none; margin-bottom:50px;}
  .normal .tb04 ul{height:320px;}
  .normal .tb04 td:nth-child(5){border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
  .normal .tb04 td:nth-child(5) ul{height:200px;}

  .li_list li{font-size:14px; background:url(../images/sub_dot03.jpg) left 15px top 11px no-repeat #fff; text-align:justify;}
  .li_list li br{display:none;}

  .normal_box h6{font-size:16px; background:#759a16; color:#fff; margin-bottom:0px; text-align:center; padding:5px 0px;}
  .normal_box li{width:50%; background:none; padding:5px 0px; box-sizing:border-box; text-align:center; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
  .normal_box li:nth-child(odd){border-right:none;}

  .tle_txt span{display:block; margin-left:72px;}
  .bottom_img li{float:left; width:49.5%; margin-right:1%;}
  .bottom_img li:nth-child(even){margin-right:0;}
  .bottom_img center{font-size:14px;}

  /* sub0101 */
  .sub0101 h3{display:none;}
  .sub0101 figure{margin-left:0px;}
  .sub0101 h4{font-size:16px;}
  .sub0101 h5{font-size:16px;}

  /* sub0201 */
  .sub0201 figure{padding-left:0; padding-top:290px;}
  .sub0201 .con01{background:url(../images/sub0201_1.jpg) top center no-repeat; background-size:100%;}
  .sub0201 .con02{background:url(../images/sub0201_2.jpg) top center no-repeat; background-size:100%;}
  .sub0201 h3{padding-bottom:0px;}

  /* sub0202 */
  .sub0202 h3{padding-bottom:0px;}
  .sub0202 h5 span{margin-left:72px;}

  .sub0202 .normal_box ul:nth-child(1){background:url(../images/sub0202_1.jpg) top center no-repeat; padding:160px 0px 30px 0px; background-size:50%;}
  .sub0202 .normal_box ul:nth-child(2){background:url(../images/sub0202_2.jpg) top center no-repeat; padding:160px 0px 30px 0px; background-size:50%;}
  .sub0202 .normal_box ul:nth-child(3){background:url(../images/sub0202_3.jpg) top center no-repeat; padding:160px 0px 30px 0px; background-size:50%;}
  .sub0202 .normal_box ul:nth-child(4){background:url(../images/sub0202_4.jpg) top center no-repeat; padding:160px 0px 30px 0px; background-size:50%;}
  .sub0202 .normal_box ul:nth-child(5){background:url(../images/sub0202_5.jpg) top center no-repeat; padding:160px 0px 30px 0px; background-size:50%; margin-bottom:0px;}

  /* sub0203 */
  .sub0203 .normal_box ul:nth-child(1){background:url(../images/sub0203_1.jpg) top center no-repeat; padding:160px 0px 30px 0px; background-size:50%;}
  .sub0203 .normal_box ul:nth-child(2){background:url(../images/sub0203_2.jpg) top center no-repeat; padding:160px 0px 30px 0px; background-size:50%;}
  .sub0203 .normal_box ul:nth-child(3){background:url(../images/sub0203_3.jpg) top center no-repeat; padding:160px 0px 30px 0px; background-size:50%;}
  .sub0203 .normal_box ul:nth-child(4){background:url(../images/sub0203_4.jpg) top center no-repeat; padding:160px 0px 30px 0px; background-size:50%;}
  .sub0203 .normal_box ul:nth-child(5){background:url(../images/sub0203_5.jpg) top center no-repeat; padding:160px 0px 30px 0px; background-size:50%; margin-bottom:0px;}
  .sub0203 .normal_box ul:nth-child(6){background:url(../images/sub0203_6.jpg) top center no-repeat; padding:160px 0px 30px 0px; background-size:50%; margin-bottom:0px;}

  /* sub0204 */
  .sub0204 .normal_box ul:nth-child(1){background:url(../images/sub0204_1.jpg) top center no-repeat; padding:160px 0px 30px 0px; background-size:50%;}
  .sub0204 .normal_box ul:nth-child(2){background:url(../images/sub0204_2.jpg) top center no-repeat; padding:160px 0px 30px 0px; background-size:50%;}
  .sub0204 .normal_box ul:nth-child(3){background:url(../images/sub0204_3.jpg) top center no-repeat; padding:160px 0px 30px 0px; background-size:50%; margin-bottom:0px;}
  .sub0204 .normal_box ul:nth-child(4){background:url(../images/sub0204_4.jpg) top center no-repeat; padding:160px 0px 30px 0px; background-size:50%; margin-bottom:0px;}
  .sub0204 .normal_box ul:nth-child(5){background:url(../images/sub0204_5.jpg) top center no-repeat; padding:160px 0px 30px 0px; background-size:50%;}

  /* sub0205 */
  .sub0205 figure h3{padding-bottom:0px;}
  .sub0205 figure li{background:url(../images/sub_dot03.jpg) left top 7px no-repeat; font-size:14px;}
  .sub0205 figure li br{display:none;}
  .sub0205 figure ul:nth-child(1){padding:220px 0px 20px 0px; background:url(../images/sub0205_1.jpg) top center no-repeat; background-size:50%;}
  .sub0205 figure ul:nth-child(2){padding:220px 0px 20px 0px; background:url(../images/sub0205_2.jpg) top center no-repeat; background-size:50%;}
  .sub0205 figure ul:nth-child(3){padding:220px 0px 20px 0px; background:url(../images/sub0205_3.jpg) top center no-repeat; background-size:50%; margin-bottom:0px;}
  .sub0205 figure ul:nth-child(4){padding:220px 0px 20px 0px; background:url(../images/sub0205_4.jpg) top center no-repeat; background-size:50%;}
  .sub0205 figure ul:nth-child(5){padding:220px 0px 20px 0px; background:url(../images/sub0205_5.jpg) top center no-repeat; background-size:50%;}
  .sub0205 figure ul:nth-child(6){padding:220px 0px 20px 0px; background:url(../images/sub0205_6.jpg) top center no-repeat; background-size:50%;}
  .sub0205 figure ul:nth-child(7){padding:220px 0px 20px 0px; background:url(../images/sub0205_7.jpg) top center no-repeat; background-size:50%;}
  .sub0205 figure h5 br{display:none;}
}