@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; font-size:16px; top:100px; line-height:150%; padding-top:5px; color:#555; font-weight:bold;} /* txt */
.m2 b{font-size:18px; color:#333; margin-bottom:20px;}
.mtxt01 {font-size:22px; color:#82994e; font-weight:bold;}
.mtxt02 {font-size:36px; font-weight:bold; color:#7a8464; margin:10px 0px 30px 0px;}
.mtxt02 span {color:#5c6f33;}
.mtxt03 {color:#5a5959; font-weight:bold; font-size:15px; line-height:100%; 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:720; z-index:3; height:160px; top:428px;}
.mainbn01, .mainbn02, .mainbn03, .mainbn04{text-align: center; float: left;}
.mainbn01 {background-color:#f6f6f6; width:180px; height:160px;}
.mainbn02 {background-color:#90a463; width:180px; height:160px;}
.mainbn03 {background:url(../images/mbn03.jpg) no-repeat center center; width:180px; height:160px;}
.mainbn04 {background:url(../images/mbn04.jpg) no-repeat center center; width:180px; height:160px;}
.bntxt {padding:6px 0px 0px 0;}
.bntxt2 {padding:6px 0px 20px 0; color:#ffffff;}
.bntitle {color:#77894b; font-size:11px; margin:15px 0px 5px 0px;}
.bntitle b {font-size:18px;}
.bnbox {padding:5 20; font-size:11px; border:2px solid #90a463; color:#77894b; margin-top:9px; display:inline-block;}
.bntitle2 {color:#ffffff; font-size:11px; margin:15px 0px 10px 0px;}
.bntitle2 b {font-size:18px;}
.bnbox2 {padding:5 20; font-size:11px; border:2px solid #ffffff; color:#ffffff; margin-top:20px; display:inline-block;}

#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;}
.lst{padding-left:5px;}
.lst li{font-size:14px; color:#596732;}
.lst li a{display:inline-block; color:#555; width:275px;}

.bn_img a{display:inline-block; width:150px; height:100px; overflow:hidden;}
.bn_img a img{width:100%;}

.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(../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:30px;}
.mtxt01_02 {font-size:26px; color:#82994e; font-weight:bold;}
.mtxt02_02 {font-size:40px; font-weight:bold; color:#7a8464;}
.mtxt02_02 span {color:#5c6f33;}
.mtxt03_02 {color:#5a5959; font-weight:bold; font-size:12px; line-height:100%; 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:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:15px; line-height:150%; color:#555; word-spacing:-1px; background:url(../images/sub0102.jpg) no-repeat right top -50px;}
.sp20{height:20px;}

.s_text01{font-size:30px; color:#000; font-family:'Nanum Square';}
.s_text01 span{color:#8ea658;}
.s_text02{font-size:16px; color:#333; font-weight:normal; margin:10px 0px 40px 0px;}

/* sub0101 */
.sub0101{padding:5px 0px 0px 220px; text-align:justify; background:url(../images/sub0101.jpg) no-repeat left top; background-size:20%;}
.sub0101 h4{margin-top:25px; font-size:19px; font-weight:normal; color:#333;}

/* sub0102 */
.sub0102 h4{width:120px; line-height:120px; border-radius:50%; background:#8ea658; margin:0 auto;}
.sub0102 h4 center{color:#fff; font-size:19px; text-transform:uppercase;}
.sub0102 figure{padding:50px 0px 1px 0px; background:url(../images/sub0102_1.jpg) repeat-y top center;}
.sub0102 h5{font-size:19px; color:#8ea658; margin-bottom:10px;}
.sub0102 ul{margin-bottom:50px; background:url(../images/sub0102_2.jpg) no-repeat top 5px center;}
.sub0102 ul:nth-child(odd){padding-left:53%;}
.sub0102 ul:nth-child(even){padding-right:53%; text-align:right;}
.sub0102 li{margin-bottom:10px;}
.sub0102 li b{color:#333;}

/* sub0104 */
.sub0104 h4{font-size:24px; text-transform:uppercase; color:#000; margin-bottom:10px;}
.sub0104 ul{margin-bottom:15px;}
.sub0104 li{margin-bottom:5px;}
.sub0104 li b{display:inline-block; color:#333; margin-right:15px;}

/* sub0201 */
.sub0201{background:none;}
.sub0201 figure{background:url(../images/sub0201.png) no-repeat left 40px center #f8f8f8; padding:30px 30px 30px 170px;}
.sub0202 figure{background:url(../images/sub0202.png) no-repeat left 40px center #f8f8f8;}
.sub0201 h3{margin-bottom:15px; font-size:19px; color:#596732;}

/* sub0501 */
.sub0501{background:none;}
.sub0501 h3{color:#8ea658; font-size:24px; border-top:2px solid #8ea658; border-bottom:2px solid #8ea658; text-align:center; padding:15px 0px;}

/* sub0502 */
.sub0502{background:none;}
.sub0502 h3{background:#8ea658; color:#fff; float:left; width:150px; text-align:center; line-height:69px; font-size:19px;}
.sub0502 li{background:#f8f8f8; margin-top:5px; margin-bottom:0; padding:5px 20px; margin-left:155px;}
.sub0502 figure{margin-top:30px;}
.sub0502 figure div{margin-bottom:10px; font-size:14px; color:#666;}
.sub0502 figure b{display:block; float:left; color:#8ea658;}
.sub0502 figure span{display:block; margin-left:20px;}

@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;}
  .bbn2{display:none;}
  .bntxt{font-size:9px;}
  .bntxt2{font-size:9px;}
  #header{height: 60px;}
  .m2 {top:86px;}
  .m2 b{display:block; font-size:16px; padding:0px 15px;}
  .m2 b br{display:none;}
  .lst li a{display:inline-block; color:#555; width:210px;}
  #mainbn {top:380px;}
  #copy{text-align:center;}

  /*���� ������*/
  #sub_section, .sub_text{width: 100%;}
  #sub_page{width: 96%; padding:0px 2% 50px 2%;}
  .title{font-size:25px; text-align:center; height:auto; border-bottom:1px solid #7a8564; padding:10px 0px; margin-bottom:50px;}

  /* 공통 */
  .normal{font-size:14px; background:none;}
  .s_text01{font-size:30px; text-align:center;}
  .s_text01 span{display:block; margin-bottom:15px;}
  .s_text02{text-align:center; font-size:15px; margin:20px 0px 40px 0px; padding:0px 35px;}

  /* sub0101 */
  .sub0101{padding:0px; background:none;}
  .sub0101 h4{text-align:center;}
  .sub0101 h4 b{display:block; margin-top:10px;}

  /* sub0102 */
  .sub0102 h4{width:120px; line-height:120px; border-radius:50%; background:#8ea658; margin:0 auto;}
  .sub0102 h4 center{color:#fff; font-size:19px; text-transform:uppercase;}
  .sub0102 figure{padding:50px 0px 1px 0px; background:url(../images/sub0102_1.jpg) repeat-y top center;}
  .sub0102 h5{font-size:19px; color:#8ea658; margin-bottom:10px;}
  .sub0102 ul{margin-bottom:50px; background:url(../images/sub0102_2.jpg) no-repeat top center #fff; padding:30px 0px 10px 0px;}
  .sub0102 ul:nth-child(odd){padding-left:0; text-align:center;}
  .sub0102 ul:nth-child(even){padding-right:0; text-align:center;}
  .sub0102 li{margin-bottom:10px;}

  /* sub0201 */
  .sub0201{background:none;}
  .sub0201 figure{background:url(../images/sub0201.png) no-repeat top 30px center #f8f8f8; padding:150px 20px 30px 20px; text-align:center;}
  .sub0201 figure br{display:none;}
  .sub0202 figure{background:url(../images/sub0202.png) no-repeat top 30px center #f8f8f8;}

  /* sub0501 */
  .sub0501 figure{background:url(../images/sub0501.jpg) no-repeat top 30px center #fff; padding:270px 20px 30px 20px; text-align:center;}
  .sub0501 figure br{display:none;}
  .sub0501 a{padding:10px 40px; margin:0px 10px; text-align:center;}
}

@media (max-width:580px){
  /*���� ������*/
  #mainbn{width: 100%; top:380px;}
  .mainbn01, .mainbn02{width: 50%;}
  .bbn2 {height:126px;}
  .m2 {text-align: center;} /* txt */
  .mtxt01 {font-size:20px;}
  .mtxt02 {font-size:25px;}
  .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:30px;}
}