@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@font-face {
    font-family: 'HallymGothic-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2204@1.0/HallymGothic-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

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; font-family: 'HallymGothic-Regular';}

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:#fff; font-size:13px; top:126px; line-height:25px; padding-top:5px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); font-size: 17px;} /* txt */
.mtxt01 {font-size:32px; color:#fff; font-weight:bold;}
.mtxt02 {font-size:52px; font-weight:bold; line-height:70px; color:#fff;}
.mtxt02 span {color:#fff;}
.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:414; z-index:3; height:188px; top:400px;}
.mainbn01, .mainbn02{text-align: center; float: left;}
.mainbn01 {background-color:#f6f6f6; width:207px; height:188px;}
.mainbn02 {background-color:#90a463; width:207px; height:188px;}
.bntxt {padding:6px 0px 20px 0;}
.bntxt2 {padding:6px 0px 20px 0; color:#ffffff;}
.bntitle {color:#77894b; font-size:11px; margin-top: 45px;}
.bntitle b {font-size:24px; margin-bottom:10px;}
.bnbox {padding:5 20; font-size:11px; border:2px solid #90a463; color:#77894b; margin-top:15px;}
.bntitle2 {color:#ffffff; font-size:11px; margin-top: 45px;}
.bntitle2 b {font-size:24px; margin-bottom:10px;}
.bnbox2 {padding:5 20; font-size:11px; border:2px solid #ffffff; color:#ffffff; margin-top:15px;}

#mainbn02{width: 1100px; margin: 0 auto;}
.bbn1, .bbn2{float: left;}
.bbn2 img{float: left; width: 49%; padding-right: 10px;}
.bbn1 {width:397px; height:166px; padding:10px 0px 0px 17px;}
.bbn2 {width:1081px; height:133px; 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(../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:46px; font-weight:bold; line-height:70px; 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:45px;}
.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;}
.sp20{height:20px;}
.top_tit{font-size:19px; color:#596833; text-transform:uppercase;}
.top_tit span{display:inline-block; border-bottom:2px solid #596833;}

/* sub0101 */
.sub0101{padding:50px 50px 50px 50px; background:#f8f8f8;}
.sub0101 center{background:#fff; padding:50px; text-align: left;}
.sub0101 center .sub0101b{float: right;}
.sub0101 h3{font-size:25px; font-weight:normal; margin:25px 0px 30px 0px; font-family: 'HallymGothic-Regular'; color:#333; letter-spacing:3px;}
.sub0101 h4{background:#f8f8f8; margin-top:50px; padding:20px 0px; font-size:19px; color:#596833;}
.sub0101 h4 b{font-family: 'HallymGothic-Regular'; display:block; font-size:25px; color:#000; margin-top:10px;}

/* sub0102 */
.sub0102 h3{width:120px; line-height:120px; background:#596833; border-radius:50%; margin-left:90px;}
.sub0102 h3 center{font-family: 'HallymGothic-Regular'; font-size:20px; color:#fff;}
.sub0102 figure{padding:40px 0px 1px 0px; background:url(../images/sub0102_1.jpg) repeat-y left 148px top;}
.sub0102 ul{margin-bottom:40px; background:url(../images/sub0102_2.jpg) no-repeat left 142px top 1px;}
.sub0102 li{margin-bottom:10px;}
.sub0102 li b{display:inline-block; margin-right:10px; color:#333;}
.sub0102 li span{display:block; padding-left:60px; margin-top:5px;}
.sub0102 h4{float:left; font-size:22px; font-family: 'HallymGothic-Regular'; color:#596833;}
.sub0102 div{margin-left:240px;}

/* sub0103 */
.sub0103 ul{border-top:2px solid #333; border-bottom:2px solid #333; margin-top:15px;}
.sub0103 li{border-bottom:1px solid #dfdfdf;}
.sub0103 li:nth-child(4){border-bottom:none;}
.sub0103 li b{display:inline-block; width:120px; color:#333; margin-right:40px; text-align:left; padding:10px 0px;}
.sub0103 li .lob{color: #8ea658;}

/* sub0201 */
.sub0201 li{float:left; width:47%; margin-right:2%; text-align:center; margin-bottom:25px;}
.sub0201 li:nth-child(2), .sub0201 li:nth-child(6){margin-right:0;}
.sub0201 li div{border:1px solid #dfdfdf; margin-bottom:10px;}

/* sub0202 */
.sub0202 h3{font-size:22px; font-family: 'HallymGothic-Regular'; color:#000; margin-bottom:30px;}
.sub0202 ul{margin-bottom:20px;}
.sub0202 ul:last-child{margin-bottom:0;}
.sub0202 .con01 li{float:left; width:48%; text-align:center; margin-right:2%;}
.sub0202 .con01 li:nth-child(4){margin-right:0;}
.sub0202 .con01 h4{background:#8ea658; padding:10px 0px; font-weight:normal; color:#fff;}
.sub0202 .con01 div{/*margin-top:5px; padding:10px 0px;*/ font-size:14px;}
.sub0202 .con01 div img{padding-bottom: 50px;}
.sub0202 .con02{background:url(../images/sub0202_1.jpg) top 6px center repeat-x;}
.sub0202 .con02 li{float:left; width:20%; text-align:center; background:url(../images/sub0202.jpg) top center no-repeat; padding-top:30px;}
.sub0202 .con02 h4{font-size:16px; color:#000; font-weight:normal; margin-bottom:10px;}
.sub0202 .con02 h4 b{display:block; font-size:19px; color:#8ea658;}
.sub0202 .con02 div{}

.sub0202 .con03 h4{margin:30px 0px 10px 0px; font-size:19px; color:#333;}
.sub0202 .con03 h4:nth-child(1){margin-top:0;}
.sub0202 .con03 li{border:1px solid #dfdfdf; border-radius:5px; padding:5px 10px 5px 25px; margin-bottom:5px; background:url(../images/sub_dot01.png) no-repeat left 10px top 12px; line-height: 180%;}

.sub0202 .con04{background:url(../images/sub0202_2.jpg) center center repeat-x;}
.sub0202 .con04 li{float:left; width:165px; height:165px; background:#fff; border-radius:50%; text-align:center; margin-right:61px; box-sizing:border-box; border:5px solid #dfdfdf;}
.sub0202 .con04 li:nth-child(4){margin-right:0;}
.sub0202 .con04 h4{font-size:40px; font-family: 'HallymGothic-Regular'; color:#8ea658; border-bottom:5px solid #8ea658; width:80%; margin:33px auto 20px auto; padding-bottom: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;}
  #header{height: 60px;}
  .m2 {top:106px; font-size: 9px; color: #fff;}
  #mainbn {top:380px;}
  #copy{text-align:center;}
#copyadd div{font-size: 11px;}
  /*���� ������*/
  #sub_section, .sub_text{width: 100%;}
  #sub_page{width: 96%; padding:30px 2% 50px 2%;}
 .bbn2 img{padding-right: 0;}
 .bbn2_title{padding-top: 15px; padding-left: 10px;}

 /**/
 .top_tit{font-size:17px; text-align:center;}

 /* sub0101 */
 .sub0101{padding:150px 0px 0px 0px; background-size:contain;}
 .sub0101 center{padding:20px 0px; text-align:justify;}
 .sub0101 center br{display:none;}
 .sub0101 h3{font-size:18px; margin:25px 0px 30px 0px; letter-spacing:2px; text-align:center;}
 .sub0101 h3 b{display:block; font-size:35px; margin-top:15px;}
 .sub0101 h4{font-size:17px; text-align:center;}
 .sub0101 h4 b{font-size:20px; margin-top:10px;}

 /* sub0102 */
 .sub0102 h3{width:80px; line-height:80px; margin-left:60px;}
 .sub0102 h3 center{font-size:16px;}
 .sub0102 figure{background:url(../images/sub0102_1.jpg) repeat-y left 98px top;}
 .sub0102 ul{background:url(../images/sub0102_2.jpg) no-repeat left 92px top 1px;}
 .sub0102 li b{display:block; margin-right:0px;}
 .sub0102 li span{display:inline; padding-left:0px; margin-top:0px;}
 .sub0102 h4{font-size:20px;}
 .sub0102 div{margin-left:135px;}

 /* sub0103 */
 .sub0103 iframe{height:200px;}
 .sub0103 li b{width:80px; margin-right:20px;}

 /* sub0201 */
 .sub0201 li{width:49%; font-size:12px;}
 .sub0201 li:nth-child(3){margin-right:2%;}
 .sub0201 li:nth-child(even){margin-right:0;}
 .sub0201 li div{border:1px solid #dfdfdf; margin-bottom:10px;}

 /* sub0202 */
 .sub0202 h3{font-size:20px; margin-bottom:30px; line-height: 130%;}
 .sub0202 ul{margin-bottom:100px;}
 .sub0202 .con01 li{float:none; width:100%; margin-right:0; margin-bottom:30px;}
 .sub0202 .con01 li:nth-child(4){margin-bottom:0;}
 .sub0202 .con01 h4{background:#8ea658; padding:10px 0px; font-weight:normal; color:#fff;}
 .sub0202 .con01 div{margin-top:5px; padding:10px 0px; font-size:14px;}
.sub0202 .con01 div img{width: 100%;}
 .sub0202 .con02{background:url(../images/sub0202_1.jpg) left 7px center repeat-y;}
 .sub0202 .con02 li{float:none; box-sizing:border-box; width:100%; text-align:left; background:url(../images/sub0202.jpg) top left no-repeat; padding-top:0; padding-left:30px; margin-bottom:30px;}
 .sub0202 .con02 li br{display:none;}
 .sub0202 .con02 h4{font-size:19px; color:#8ea658; font-weight:bold;}
 .sub0202 .con02 h4 b{display:inline;}

 .sub0202 .con03 h4{font-size:17px;}
 .sub0202 .con03 li{background:url(../images/sub_dot01.png) no-repeat left 10px top 11px;}

 .sub0202 .con04{background:url(../images/sub0202_2.jpg) center center repeat-y;}
 .sub0202 .con04 li{float:none; margin:0px auto 30px auto;}
 .sub0202 .con04 li:nth-child(4){margin:0px auto 30px auto;}
 .sub0202 .con04 h4{font-size:40px; font-family: 'HallymGothic-Regular'; color:#8ea658; border-bottom:5px solid #8ea658; width:80%; margin:33px auto 20px auto; padding-bottom:20px;}

}

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