@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");

img {border:0px;}
h1, h2, h3, h4, h5{margin: 0px; padding: 0px;}
body {background-color:#ffffff; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
body, td, p, input, button, textarea, select, .c1 {font-family:Nanum Gothic, ³ª´®°íµñ, sans-serif; font-size:12px;}

a{text-decoration:none; margin:0; padding:0;}
a:hover{text-decoration:none;}

ul{margin:0; padding:0; list-style:none;}

/*¸ÞÀÎ ÆäÀÌÁö*/
#header{height: 80px;}
#m1 {position:relative;} /* img rolling */

#main_text{width: 1100px; margin: 0 auto;}
.m2 {position:absolute; width:1100px; z-index:2; color:#545454; font-size:13px; top:140px; line-height:23px; padding-top:5px;} /* txt */
.mtxt01 {font-size:28px; font-family:'Nanum Square'; color:#82994e; font-weight:bold;}
.mtxt02 {font-size:34px; font-family:'Nanum Square'; font-weight:bold; line-height:70px; color:#7a8464;}
.mtxt02 span {color:#5c6f33;}
.mtxt03 {color:#333; font-weight:bold; font-size:20px; font-family:'Nanum Square'; line-height:140%; padding-bottom:20px;}

.m4 {position:absolute; width:207; margin-left:207px; height:188px; top:405px; z-index:3; background-color:#9db172;}
.line{padding:39px 0; text-align:center;}
.bd{border:1px solid #c9c9c9;}

#mainbn {text-align:center; position:absolute; width:340px; z-index:3; height:188px; top:434px;}
#mainbn img{width:100%;}
.mainbn01, .mainbn02{text-align:center; float:left; width:50%;}
.mainbn01 img, .mainbn02 img{width:100%;}

#mainbn02{width: 1100px; margin: 0 auto;}
.bbn1, .bbn2{float: left;}
.bbn1 {width:397px; height:166px; padding:21px 0px 0px 17px;}
.bbn2 {width:667px; height:166px; padding:21px 0px 0px 19px; background-color:#f3f3f3;}
.bbn2_title {font-size:12px; color:#656565; padding:0px 11px 15px 0px;}
.bbn2_title span {font-size:20px; color:#656565; font-weight:bold; padding-right:11px;}

.stxt01 {font-size:32px; color:#82994e; font-weight:bold; line-height:100%;}
.stxt02 {font-size:52px; font-weight:bold; color:#7a8464;}
.stxt02 span {color:#5c6f33;}
.stxt03 {color:#5a5959; font-weight:bold; font-size:15px; line-height:100%;}

#copy{clear: both;}
#bottommenu{border-top:2px solid #8a6756; border-bottom:2px solid #8a6756; padding:10px 0;}
#bottommenu div{width: 1100px; margin: 0 auto; text-align: right;}
#bottommenu a {color:#8a6756; font-size:13px; font-weight:bold; padding-left:15px;}
#bottommenu a:hover {color:#583d2f;}

#copyadd {background-color:#dddddd;}
#copyadd div{width: 1100px; margin: 0 auto; padding:10px 0; line-height:20px; color:#555; font-size:12px;}

/*¼­ºê ÆäÀÌÁö*/
#subtop{background:url(/gnuboard4/images/subtop.jpg) no-repeat top center; height:153px; color:#3b3b3b; font-size:14px; letter-spacing:-1;}
#sub_section{width: 1100px; margin: 0 auto;}
#sub_page, #aside{float: left;}
.sub_text{width: 1100px; margin: 0px auto; padding-top:10px;}
.mtxt01_02 {font-size:26px; color:#82994e; font-weight:bold;}
.mtxt02_02 {font-family:'Nanum Square'; font-size:30px; font-weight:bold; line-height:70px; color:#7a8464;}
.mtxt02_02 span {color:#5c6f33;}
.mtxt03_02 {font-family:'Nanum Square'; color:#5a5959; font-weight:bold; font-size:18px; line-height:140%; padding-bottom:20px;}

#sub_page{width: 843px; padding:30px 0 90px 0;}
.bigtitle{height:120px; background-color:#8ea658; font-weight:bold; font-size:23px; color:#ffffff; line-height:120%;}
.bigtitle2{font-size:12px; padding-top:30px;}
.title{font-size:32px; height:80px; color:#7a8564; letter-spacing:-1; font-weight:bold;}

#aside{width: 207px; margin-right: 50px;}
#leftmenu{padding:15px 0px; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
#leftmenu a{font-size:15px; line-height:30px; color:#696969; display:inline-block; width:205px; text-align:center;}
#leftmenu a:hover{font-weight:bold; color:#596833;}

.subbanner {padding-top:20px;}

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

.top_tit{text-align:center; font-size:14px; font-weight:normal; color:#ababab; margin-bottom:35px;}
.top_tit b{display:block; font-size:30px; margin-bottom:10px; color:#8ea658; font-family:'Nanum Square';}
.sub_tit{margin-bottom:20px; background:url(/gnuboard4/images/sub_dot02.jpg) no-repeat left center; font-size:18px; font-family:'Nanum Square'; color:#333; font-weight:normal; padding-left:20px;}

.sub_dot01{text-align:center; margin-bottom:50px;}
.sub_center{font-size:18px; color:#353535;}
.sub_center span{display:block; margin-top:10px;}

.sub_line{height:1px; background:#dfdfdf; margin:50px 0px;}

/* sub0101 */
.sub0101 figure{margin-bottom:100px;}
.sub0101 .con01 div{margin-top:30px; padding:20px 0px 20px 45%; text-align:justify; background:url(/gnuboard4/images/sub0101.jpg) no-repeat left center;}

.sub0101 .con02 figure{background:url(/gnuboard4/images/sub_dot03.jpg) repeat-y top center;}
.sub0101 .con02 h3{float:left; text-align:right; padding-right:25px; font-weight:normal; font-size:20px; color:#333; font-family:'Nanum Square'; width:50%; box-sizing:border-box;}
.sub0101 .con02 div{padding-left:53%;}
.sub0101 .con02 ul{margin-bottom:50px; background:url(/gnuboard4/images/sub_dot02.jpg) no-repeat top 3px center;}
.sub0101 .con02 li{margin-bottom:15px; background:url(/gnuboard4/images/sub_dot04.jpg) no-repeat top 9px left; padding-left:10px;}
.sub0101 .con02 li span{display:block; color:#888;}

.sub0101 .con03 iframe{margin-top:50px;}
.sub0101 .con03 li{float:left; background:#f8f8f8;}
.sub0101 .con03 li:nth-child(1){width:40%;}
.sub0101 .con03 li:nth-child(2){width:60%;}
.sub0101 .con03 li span{display:inline-block; background:#8ea658; color:#fff; width:120px; padding:5px 0px; margin-right:20px; text-align:center;}

/* sub0201 */
.sub0201 .con01{background:url(/gnuboard4/images/sub0201.jpg) no-repeat left 20px center #f8f8f8; padding:15px 20px 20px 53%;}
.sub0201 .con01 li{border:1px solid #aaa; margin:5px 0px; background:#fff;}
.sub0201 .con01 li span{display:inline-block; width:100px; text-align:center; margin-right:20px; padding:5px 0px; background:#8ea658; color:#fff;}

.sub0201 .con02 h5{font-size:18px; color:#333; font-family:'Nanum Square';}
.sub0201 .con02 h5 span{display:inline-block; border-bottom:2px solid #8ea658;}
.sub0201 .con02 div{margin:10px 0px;}
.sub0201 .con02 li{float:left; padding-top:13px; margin-right:30px; border-radius:15px; width:144px; height:144px; box-sizing:border-box; text-align:center; border:1px solid #aaa;}
.sub0201 .con02 li:nth-child(5){margin-right:0;}

.sub0201 .con03{padding:15px 20px; background:#f8f8f8;}
.sub0201 .con03 li{float:left; box-sizing:border-box; background:#fff; width:48%; border:1px solid #aaa; margin:5px 0px;}
.sub0201 .con03 li:nth-child(odd){margin-right:4%;}
.sub0201 .con03 li span{display:inline-block; margin-right:20px; padding:5px 20px; background:#8ea658; color:#fff;}

/* sub0301 */
.sub0301 li{padding-left:230px; margin-bottom:50px;}
.sub0301 li div{background:#f8f8f8; padding:20px; text-align:justify;}
.sub0301 li:nth-child(1){background:url(/gnuboard4/images/icon09.png) no-repeat left 65px center #8ea658;}
.sub0301 li:nth-child(2){background:url(/gnuboard4/images/icon10.png) no-repeat left 90px center #8ea658;}
.sub0301 li:nth-child(3){background:url(/gnuboard4/images/icon11.png) no-repeat left 75px center #8ea658;}
.sub0301 li:nth-child(4){background:url(/gnuboard4/images/icon12.png) no-repeat left 85px center #8ea658;}

/* sub0302 */
.sub0302 center{margin-bottom:50px;}
.sub0302 .img{margin-bottom:50px;}

.sub0302 .con01{padding:15px 20px; background:#f8f8f8; margin-bottom:50px;}
.sub0302 .con01 li{border:1px solid #aaa; margin:5px 0px; background:#fff;}
.sub0302 .con01 li span{display:inline-block; margin-right:20px; padding:5px 20px; background:#8ea658; color:#fff;}

.sub0302 .con02{background:#f8f8f8; padding:20px; margin-bottom:50px;}
.sub0302 .con02 h4{background:url(/gnuboard4/images/sub_dot05.jpg) no-repeat left center; padding-left:16px; margin-top:20px; margin-bottom:5px; font-size:17px; font-weight:normal; color:#333;}
.sub0302 .con02 li{background:#fff; padding:20px;}

.sub0302 .con03{background:#f8f8f8; padding:20px; margin-bottom:50px;}
.sub0302 .con03 ul{margin:20px 0px;}
.sub0302 .con03 span{display:block; float:left;}
.sub0302 .con03 div{padding-left:20px;}

.sub0302 .con04{background:#f8f8f8; padding:20px;}

/* sub0303 */
.sub0303 .con01{margin-bottom:50px; background:#f8f8f8; padding:20px 20px 1px 20px;}
.sub0303 .con01 h4{background:url(/gnuboard4/images/sub_dot05.jpg) no-repeat left center; padding-left:16px; margin-bottom:5px; font-size:17px; font-weight:normal; color:#333;}
.sub0303 .con01 div{border:1px solid #dfdfdf; margin-bottom:20px; padding:50px 50px 50px 230px;}
.sub0303 .con01 div:nth-child(1){background:url(/gnuboard4/images/sub0303_1.jpg) no-repeat left center #fff;}
.sub0303 .con01 div:nth-child(2){background:url(/gnuboard4/images/sub0303_2.jpg) no-repeat left center #fff;}
.sub0303 .con01 div:nth-child(3){background:url(/gnuboard4/images/sub0303_3.jpg) no-repeat left center #fff;}
.sub0303 .con01 div:nth-child(4){background:url(/gnuboard4/images/sub0303_4.jpg) no-repeat left center #fff;}
.sub0303 .con01 div:nth-child(5){background:url(/gnuboard4/images/sub0303_5.jpg) no-repeat left center #fff;}
.sub0303 .con01 div:nth-child(6){background:url(/gnuboard4/images/sub0303_6.jpg) no-repeat left center #fff;}

.sub0303 .con02{margin-bottom:50px; background:#f8f8f8; padding:20px 20px 15px 20px;}
.sub0303 .con02 div{margin-bottom:20px; font-size:18px; color:#333;}
.sub0303 .con02 div span{display:block; font-size:15px; color:#666;}
.sub0303 .con02 h4{background:url(/gnuboard4/images/sub_dot05.jpg) no-repeat left center; padding-left:16px; margin-top:20px; margin-bottom:5px; font-size:17px; font-weight:normal; color:#333;}
.sub0303 .con02 li{background:#fff; padding:5px 20px; margin-bottom:5px; border:1px solid #dfdfdf;}

.sub0303 .con03{margin-bottom:50px; background:#f8f8f8; padding:1px 20px 15px 20px;}
.sub0303 .con03 div{margin-bottom:20px; font-size:18px; color:#333;}
.sub0303 .con03 div span{display:block; font-size:15px; color:#666;}
.sub0303 .con03 h4{background:url(/gnuboard4/images/sub_dot05.jpg) no-repeat left center; padding-left:16px; margin-top:20px; margin-bottom:5px; font-size:17px; font-weight:normal; color:#333;}
.sub0303 .con03 li{background:#fff; padding:5px 20px; margin-bottom:5px; border:1px solid #dfdfdf;}

@media screen and (max-width: 768px) {
  .t_none{display: none;}

  /*¸ÞÀÎ ÆäÀÌÁö*/
  #main_text, .m2, #mainbn02, #bottommenu div, #copyadd div, .bbn1, .bbn2, .bbn2 img{width: 100%;}
  .bbn1, .bbn2{padding:21px 0px 0px 0px;}
  #header{height: 60px;}
  .m2 {top:106px;}
  #mainbn {top:380px;}
  #copy{text-align:center;}

  /*¼­ºê ÆäÀÌÁö*/
  #sub_section, .sub_text{width: 100%;}
  #sub_page{width:96%; padding:7px 2% 50px 2%;}
  .title{font-size:25px; height:auto; background:#7a8564; padding:5px 0px; color:#fff; text-align:center; margin-bottom:50px;}


  /* °øÅë */
  .normal{font-size:14px;}
  .sub_center{font-size:16px; color:#353535;}
  .sub_center span{display:block; margin-top:10px;}

  /* sub0101 */
  .sub0101 .con01 div{padding:320px 0px 0px 0%; background:url(/gnuboard4/images/sub0101.jpg) no-repeat top center; background-size:contain;}
  .sub0101 .con01 div br{display:none;}

  .sub0101 .con02 figure{background:url(/gnuboard4/images/sub_dot03.jpg) repeat-y top left 142px;}
  .sub0101 .con02 h3{padding-right:60px; font-size:18px;}
  .sub0101 .con02 div{padding-left:48%;}
  .sub0101 .con02 ul{background:url(/gnuboard4/images/sub_dot02.jpg) no-repeat top 3px left 136px;}
  .sub0101 .con02 li{margin-bottom:10px;}
  .sub0101 .con02 li span{display:inline-block;}

  .sub0101 .con03 iframe{height:200px;}
  .sub0101 .con03 li{float:none; text-align:center; padding-bottom:5px;}
  .sub0101 .con03 li:nth-child(1){width:100%;}
  .sub0101 .con03 li:nth-child(2){width:100%;}
  .sub0101 .con03 li span{display:block; width:100%; margin-right:0px; margin-bottom:5px;}

  /* sub0201 */
  .sub0201 .con01{background:url(/gnuboard4/images/sub0201.jpg) no-repeat top center #f8f8f8; background-size:contain; padding:165px 20px 20px 20px;}

  .sub0201 .con02 div{margin:10px 0px;}
  .sub0201 .con02 li{margin-right:0px; width:48%; margin-bottom:15px;}
  .sub0201 .con02 li:nth-child(odd){margin-right:4%;}

  .sub0201 .con03 li{float:none; width:100%;}
  .sub0201 .con03 li:nth-child(odd){margin-right:0;}

  /* sub0301 */
  .sub0301 li{padding:115px 0px 0px 0px;}
  .sub0301 li:nth-child(1){background:url(/gnuboard4/images/icon09.png) no-repeat top 20px center #8ea658;}
  .sub0301 li:nth-child(2){background:url(/gnuboard4/images/icon10.png) no-repeat top 20px center #8ea658;}
  .sub0301 li:nth-child(3){background:url(/gnuboard4/images/icon11.png) no-repeat top 20px center #8ea658;}
  .sub0301 li:nth-child(4){background:url(/gnuboard4/images/icon12.png) no-repeat top 20px center #8ea658;}

  /* sub0302 */
  .sub0302 center span{display:inline;}
  .sub0302 .con01 li{text-align:center;}
  .sub0302 .con01 li span{display:block; margin-right:0px; padding:5px 0px; text-align:center; margin-bottom:5px;}


  /* sub0303 */
  .sub0303 .con01 div{padding:300px 20px 20px 20px;}
  .sub0303 .con01 div br{display:none;}
  .sub0303 .con01 div:nth-child(1){background:url(/gnuboard4/images/sub0303_1.jpg) no-repeat top center #fff; background-size:contain;}
  .sub0303 .con01 div:nth-child(2){background:url(/gnuboard4/images/sub0303_2.jpg) no-repeat top center #fff; background-size:contain;}
  .sub0303 .con01 div:nth-child(3){background:url(/gnuboard4/images/sub0303_3.jpg) no-repeat top center #fff; background-size:contain;}
  .sub0303 .con01 div:nth-child(4){background:url(/gnuboard4/images/sub0303_4.jpg) no-repeat top center #fff; background-size:contain;}
  .sub0303 .con01 div:nth-child(5){background:url(/gnuboard4/images/sub0303_5.jpg) no-repeat top center #fff; background-size:contain;}
  .sub0303 .con01 div:nth-child(6){background:url(/gnuboard4/images/sub0303_6.jpg) no-repeat top center #fff; background-size:contain;}

  .sub0303 .con02 div{margin-bottom:20px; font-size:16px; color:#333;}
  .sub0303 .con02 div span{display:block; font-size:14px; color:#666;}


}

@media (max-width:580px){
  /*¸ÞÀÎ ÆäÀÌÁö*/
  #mainbn{width: 100%; top:380px;}
  .mainbn01, .mainbn02{width: 50%;}
  .mainbn01 img, .mainbn02 img{width:100%;}
  .bbn1{padding-top:0px;}
  .bbn2 {height:auto;}
  #m1 {display:none;}
  #main_text{height:320px; background:url(/gnuboard4/images/moblie.jpg) no-repeat top center; background-size:cover;}
  .m2 {display:none;} /* txt */
  .mtxt01 {font-size:26px;}
  .mtxt02 {font-size:32px;}
  .mtxt02 span {color:#5c6f33;}
  .mtxt03 {color:#5a5959; font-weight:bold; font-size:12px; line-height:100%; padding-bottom:20px;}

  /*¼­ºê ÆäÀÌÁö*/
  .sub_text{text-align: center;}
  .mtxt01_02 {font-size:20px; padding-top:20px;}
  .mtxt02_02 {font-size:40px; line-height:50px;}
  .mtxt03_02 {font-size:10px;}
}