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

img {border:0px;}

body {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:9.5pt;  -webkit-text-size-adjust:none;}

/* main */
.mainbg{background:#a6c54a; height:445px; padding-top:90px;} /* green */
.mainbg div{width:1100px; margin:0 auto;}

/* banner */
.mainbn {background:url(../images/bannerbg.jpg) center top repeat;} /* green */
.mainbn ul{padding:0; margin:0; list-style:none; text-decoration:none; width:1100px; margin:0 auto;}
.mainbn li{float:left; width:167px; padding:30px 0px 30px 15px; border-right:1px solid #d7d7d7;}
.mainbn li:nth-child(6){border-right:none;}
.banner {background:url(../images/bnline.jpg) left top no-repeat;}
.banner td {background:url(../images/bnline.jpg) right 50% no-repeat; padding:50px 20px 50px 20px;}
#bnstyle a {color:#949494; font-size:7.3pt; text-decoration:none;}
#bnstyle a b {color:#70b741; font-size:11pt; letter-spacing:-1; line-height:25px; text-transform:uppercase;}
#bnstyle a b span {border-bottom:2px solid #70b741;}
#bnstyle a img {margin-bottom:20px; -webkit-filter : grayscale(100%); -moz-filter : grayscale(100%); -ms-filter : grayscale(100%); -o-filter : grayscale(100%); filter:gray();}
#bnstyle a:hover img  {-webkit-filter :none; -moz-filter : none; -ms-filter : none; -o-filter : none; filter:none;}

/* menu */
.subtop{background:#a6c54a; padding-top:90px;}
.bigtitle {color:#ffffff; font-weight:bold; background-color:#70b741; width:190px; _width:200px; padding-left:10px; font-size:13pt; line-height:50px;}
#sub_menu a {color:#585858; font-size:11pt; background:url(../images/smbg.jpg) left 50% no-repeat; text-decoration:none; width:200px; line-height:48px; float:left; padding-left:10px;}
#sub_menu a:hover {color:#70b741; background:url(../images/smbg-on.jpg) left 50% no-repeat; font-weight:bold;}

.sub_con{width:1100px; margin:50px auto 50px auto;}
.sub_con .aside{width:200px; float:left; margin-right:35px;}
.sub_con .sub_page{width:865px; float:left;}

/* copy */
.copy {border-top:1px solid #d3d3d3; padding:30px 0px 30px 0px;}
.copy section{width:1100px; margin:0 auto;}
.copy div{color:#a6a6a6; vertical-align:middle; float:left;}
.copy div:nth-child(1){width:70%;}
.copy div:nth-child(2){width:30%;}
.copy .tel {font-size:20pt;}
.copy .tel b {color:#70b741;}

/* sub content */
.con, .con td, .con div {font-size:11pt; line-height:160%; color:#525252;}
.con .con2 {text-align:justify;}

.con .bar {width:80px; height:50px; border-bottom:3px solid #70b741; margin-bottom:50px;}

.con .btxt {color:#424242; font-size:16pt; line-height:140%;}
.con .btxt b {color:#70b741; font-size:30pt; line-height:140%;}
.con .mtxt {font-size:13pt;}

.con .sign {color:#a1a1a1; font-size:10pt; text-align:right;}
.con .sign b {color:#575757; font-size:20pt;}

.con .color1 {color:#1e1e1e;} /* black */
.con .color2 {color:#70b741;} /* green */

@media all and (max-width: 768px) {
  body{overflow-x:hidden;}

  .mainbg{padding-top:60px; height:209px;}
  .mainbg div{width:100%;}

  /* banner */
  .mainbn {background:url(../images/bannerbg.jpg) center top repeat;} /* green */
  .mainbn ul{padding:0; margin:0; list-style:none; text-decoration:none; width:100%; margin:0 auto;}
  .mainbn li{width:50%; box-sizing:border-box; padding:30px 0px 30px 15px; border-bottom:1px solid #d7d7d7;}
  .mainbn li:nth-child(even){border-right:none;}
  .banner {background:url(../images/bnline.jpg) left top no-repeat;}
  .banner td {background:url(../images/bnline.jpg) right 50% no-repeat; padding:50px 20px 50px 20px;}
  #bnstyle a {color:#949494; font-size:7.3pt; text-decoration:none;}
  #bnstyle a b {color:#70b741; font-size:11pt; letter-spacing:-1; line-height:25px; text-transform:uppercase;}
  #bnstyle a b span {border-bottom:2px solid #70b741;}
  #bnstyle a img {margin-bottom:20px; -webkit-filter : grayscale(100%); -moz-filter : grayscale(100%); -ms-filter : grayscale(100%); -o-filter : grayscale(100%); filter:gray();}
  #bnstyle a:hover img  {-webkit-filter :none; -moz-filter : none; -ms-filter : none; -o-filter : none; filter:none;}

  /* menu */
  .subtop{padding-top:60px;}
  .subtop img{width:100%;}
  .bigtitle {width:100%; padding-left:0px; font-size:12pt; text-align:center; margin-bottom:30px;}
  #sub_menu{display:none;}

  .sub_con{width:100%; margin:0px auto 50px auto;}
  .sub_con .aside{width:100%; float:none; margin-right:0;}
  .sub_con .sub_page{width:96%; padding:0 2%; float:none;}

  /* copy */
  .copy {border-top:none; padding:30px 0px 30px 0px;}
  .copy section{width:100%;}
  .copy div{float:none;}
  .copy div:nth-child(1){width:90%; padding:0 5%; text-align:center;}
  .copy div:nth-child(2){display:none;}
}