@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

img {border:0px;}
*{font-family: 'Pretendard-Regular' !important;}
h1, h2, h3, h4, h5{padding: 0px; margin: 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;}


#main_section{padding-top: 114px;}
#main02{width: 1100px; margin: 20px auto 0px auto;}
#main03{width: 1100px; margin: 20px auto 0px auto; clear: both;}

.subtop {background:url(../images/subtop.jpg) top  no-repeat;  height:256px;}

.copy{color:#ffffff; padding: 30px 0px; text-align:center; background-color:#cccccc;}

/*banner*/
.bn {font-size:16px; color:#000000; font-weight:bold; height:45px;  line-height:45px;}
.bn01 {width: 375px; font-size:12px; color:#555555; line-height:160%;}
.bn02 {width: 335px; padding-left: 40px; font-size:12px; color:#555555; line-height:160%;}
.bn02 b{font-size:30px; color:#b97b3f; line-height:160%;}
.bn01, .bn02, .wei350{float: left;}
.wei350{width: 350px; height: 175px;}
/*banner end*/

/*topmenu*/
#header{width: 1100px; margin: 0 auto;}
#topmenu a{text-decoration:none; font-size:13px; font-weight:500; text-align:center; padding:0 25px 0 25px;}
#topmenu a:hover{}
/*topmenu end*/

.main_text{position: absolute; top:450px; left:50%; margin-left: -175px; width: 350px; height: 350px; z-index: 100; background:url(../images/maintext.png) top center no-repeat;}
.main_text02{text-align: center; color: #3c3c3c; width: 308px; height: 308px; border: 1px solid #d7d8d9; margin: 20px auto; background:url(../images/maintext.png) top center no-repeat;}
.st01{font-size: 30px; font-family:'Nanum Square'; margin-top: 100px;}
.st01 span{font-size: 60px; font-weight:bold;}
.st02{margin-top: 20px; font-size: 13px; line-height: 140%;}

.mbm{margin-top: 10px;}
.mbm div{width: 100px; height: 90px; float: left; margin: 0px 5px;}

.sp50{height: 50px; clear: both;}

#sub_section{padding-top: 114px;}
#sub_page{width: 1100px; margin: 25px auto;}
.sub_con{padding:30 0 100 0;}
/*submenu*/
#submenu {width:1100px;}
#submenu a{display:inline-block; text-decoration:none; color:#666666; font-size:14px; height:50px; line-height:50px; text-align:center; background-color:#f3f3f3; border:solid 1px #e8e8e8; margin:0px 0px 0px 0px;}
#submenu a:hover{color:#b97b3f;}
/*submenu end*/

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

.top_tit{font-size:40px; font-family:'Nanum Square'; color:#333; text-align:center; text-transform:uppercase;}
.top_tit p{width:2px; height:40px; margin:30px auto; background:#dfdfdf;}

/* sub0101 */
.sub0101{padding:150px 0px 150px 50%; background:url(../images/sub0101.jpg) center left no-repeat;}
.sub0101 div{background:#fff; padding:50px; text-align:justify;}
.sub0101 h3{font-size:30px; color:#333;}
.sub0101 h3 p{width:50px; height:2px; background:#dfdfdf; margin:30px 0px;}

/* sub0201 */
.sub0201 figure{padding:10px 0px 10px 51%; text-align:justify; background:url(../images/sub0201.jpg) center left no-repeat;}
.sub0201 div{padding:30px; border:1px solid #dfdfdf;}
.sub0201 h4{font-size:30px; font-weight:normal; color:#333; font-family:'Nanum Square'; margin-bottom:50px;}
.sub0201 h4 b{display:block; margin-top:15px;}
.sub0201 h5{font-size:19px; color:#333; margin-top:30px; font-weight:normal;}

/* sub0301 */
.sub0301 h3{margin-bottom:100px;}
.sub0301 figure{margin-bottom:100px; background:url(../images/sub0301_2.jpg) center top 10px repeat-y;}
.sub0301 h4{float:left; width:40%; text-align:right; padding-top:5px; font-weight:normal; color:#555; font-size:14px; line-height:130%;}
.sub0301 h4 b{font-size:25px; font-family:'Nanum Square'; color:#333; display:block; margin-bottom:15px;}
.sub0301 ul{background:url(../images/sub0301_1.jpg) center top no-repeat;}
.sub0301 li{margin-left:60%; margin-bottom:15px;}
.sub0301 li b{display:inline-block; margin-right:15px; color:#333;}
.sub0301 li span{display:inline-block; width:53px;}

/* sub0501 */
.sub0501 center{margin-top:50px; font-size:19px;}


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

  /*���� ������*/
   #main_section{padding-top: 60px;}
   #main02, #main03, #header{width: 100%;}
   #topmenu a{padding:0;}
   .main_text{top:140px;}
   .bn01{width: 50%;}
   .bn02{width: 47%; padding-left: 3%;}
   .mbm div{width: 20%; margin: 0px;}
   .sp50{height: 0px; clear: both;}

   /*���� ������*/
   #sub_section{padding-top: 60px;}
   #sub_page{width: 100%;}


      /* 공통 */
      .normal{font-size:15px;}
      .top_tit{font-size:40px; font-family:'Nanum Square'; color:#333; text-align:center; text-transform:uppercase;}
      .top_tit p{width:2px; height:40px; margin:30px auto; background:#dfdfdf;}

      /* sub0101 */
      .sub0101{padding:150px 0px 0px 0px; background:url(../images/sub0101.jpg) center top no-repeat; background-size:100%;}
      .sub0101 div{padding:50px 20px; text-align:justify;}
      .sub0101 div br{display:none;}

      /* sub0201 */
      .sub0201 figure{padding:150px 0px 0px 0px; background:url(../images/sub0201.jpg) center top -120px no-repeat; background-size:100%;}
      .sub0201 div{padding:50px 20px; border:none; background:#fff;}
      .sub0201 h4{font-size:22px;}
      .sub0201 h4 b{margin-top:10px;}

      /* sub0301 */
      .sub0301 h3{margin-bottom:100px;}
      .sub0301 figure{margin-bottom:100px; background:url(../images/sub0301_2.jpg) center top 10px repeat-y;}
      .sub0301 h4{float:none; width:100%; text-align:center; margin-bottom:20px;}
      .sub0301 h4 b{font-size:25px;}
      .sub0301 ul{background:url(../images/sub0301_1.jpg) center top no-repeat #fff; text-align:center; padding:30px 0px 0px 0px;}
      .sub0301 li{margin-left:0;}
      .sub0301 li b{display:block; margin-right:0px;}
      .sub0301 li span{display:none;}

      /* sub0501 */
      .sub0501 center b{display:block; margin-bottom:10px;}

 }
 @media (max-width:580px){
   /*���� ������*/
   .bn{padding-left: 5px;}
   .bn01, .bn02{width: 100%; padding: 0px; border-bottom:solid 1px #e8e8e8; padding-bottom: 20px;}
  .main_text{top:80px;}
   .mbm div{width: 50%; margin: 0px;}

   /*���� ������*/
 }