@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;}

ul, li{padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5{padding: 0px; margin: 0px;}
body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; background-color:#000000;}
body, td, p, input, button, textarea, select, .c1 {font-family:Nanum Gothic, sans-serif; font-size:9pt; line-height:145%;}

/*�����̹���*/
#main_section{width: 100%; height: 100%;}
#main_text{position: absolute; width: 100%; top:50%; margin-top:-41px; z-index: 1000;}
#main_img{width: 100%; height: 100vh; background:url(../images/mimg.jpg) center center no-repeat; background-size:100%;}
.main_bt{margin-top: 30px; width: 400px;}
.main_bt a{display: block; width: 400px; border: 2px solid #fff; padding: 13px 0px; color: #fff; font-weight: bold; font-family:'Nanum Square'; font-size: 20px; text-decoration: none;}
.main_bt:hover a{color: #000; background: #fff;}

#supersize{position:fixed;}
#supersize img, #supersize a{height:100%; width:100%; position:absolute; z-index: 0; cursor:none;}
#supersize .prevslide, #supersize .prevslide img{z-index: 1;}
#supersize .activeslide, #supersize .activeslide img{z-index: 2;}

#footer{position:absolute; bottom: 0; height:85px; width:100%; border-top: 1px solid #ee5917; margin-left:0px; margin-bottom:-7px; z-index:5; color:#999; background: #000;}
.copy{width: 1200px; margin: 0 auto; color:#999; padding:15px 0px 15px 0px; font-size:15px; line-height:150%;}


/* ���������� */
#sub_body{background:url(../images/subbg.jpg) center top no-repeat; background-attachment:fixed;}

#sub_top{height: 210px; padding-top: 75px;}
#sub_page{width: 1200px; margin: 0 auto; background: #fff; padding: 20px 15px 100px 15px;}
#sub_page aside{width: 180px; margin-right: 35px;}
#sub_page article{width:955px;}
#sub_page aside, #sub_page article{float: left;}

.title{color:#252525; font-size:14pt; font-weight:bold; border-bottom:1px solid #e9e9e9; line-height:55px;}
.title span{color:#666666; font-size:9pt; font-weight:100; padding-left:7px;}

#submenu ul li{list-style: none;}
#submenu a{background:url(../images/lbg-off.jpg) left top no-repeat; width:180px; height:30px; text-decoration:none; color:#ffffff; font-size:9pt; padding-left:10px; padding-bottom:3px; line-height:30px; float:left;}
#submenu a:hover{background:url(../images/lbg.jpg) left top no-repeat; font-weight:bold;}

.subbn{font-size:11pt; color:#555; border-bottom:2px solid #ee5917; width:180px; padding:0px 0px 15px 0px;}
.subbn p{padding:0; margin:0;}
.subbn span{color:#ee5917; font-family:arial; font-weight:bold; letter-spacing:0; _letter-spacing:-1; font-size:12pt; display:block; margin-top:5px;}

#sub_con{padding-top: 50px;}
#sub_footer{height: 70px; width:100%; border-top: 1px solid #ee5917; margin-left:0px; margin-bottom:-7px; z-index:5; color:#999; background: #000; margin-top: 90px;}

/* 공통 */
.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;}

/* sub0101 */
.sub0101 figure{padding:400px 50px 50px 50px; background:url(../images/sub0101.jpg) center top no-repeat #f8f8f8;}
.sub0101 center{background:#fff; padding:50px;}
.sub0101 h3{font-size:30px; font-family:'Nanum Square'; color:#333; font-weight:normal; letter-spacing:5px;}
.sub0101 h4{font-weight:normal; font-size:18px; color:#333; margin:10px 0px 40px 0px;}
.sub0101 h5{margin-top:30px; font-size:19px; font-weight:normal; color:#333;}
.sub0101 div{padding:50px; background:#fff;}
.sub0101 li{background:#f8f8f8;}
.sub0101 li span{display:inline-block; padding:10px 30px; background:#333; color:#fff; margin-right:30px;}

/* sub0301 */
.sub0301 li{float:left; width:229px; margin-right:13px; text-align:center; margin-bottom:30px;}
.sub0301 li:nth-child(4){margin-right:0;}
.sub0301 li center{margin-bottom:5px; border:1px solid #dfdfdf;}

@media screen and (max-width: 768px) {
  /* ���� ������ */
  #main_text{margin-top: -53px; z-index: 10;}
  #main_text img{width: 80%;}
  #main_img{background-size:cover;}
  .copy{width: 100%; text-align: center;}

  /* ���� ������ */
  #sub_body{background:none; background-attachment:none;}
  #sub_top{height: 170px; background:url(../images/subbg02.jpg) center top no-repeat;}
  #sub_top img{width: 70%;}
  #sub_page{width: 98%; padding: 0px 1% 0px 1%;}
  #sub_page aside{display: none;}
  #sub_page article{width:100%;}

  .title{text-align: center;}
  .title span{display: none;}

  #sub_con{padding-top: 20px;}
  #sub_footer{margin-top: 50px;}

  /* 공통 */
  .normal{font-size:14px;}
  .sp20{height:20px;}

  /* sub0101 */
  .sub0101 figure{padding:150px 0px 50px 0px; background:url(../images/sub0101.jpg) center top no-repeat #fff; background-size:contain;}
  .sub0101 center{padding:40px 0px;}
  .sub0101 center br{display:none;}
  .sub0101 h3{font-size:24px; letter-spacing:3px;}
  .sub0101 h4{font-size:16px;}
  .sub0101 h5{font-size:17px;}
  .sub0101 div{padding:50px 0px 0px 0px;}
  .sub0101 li{text-align:center; padding-bottom:10px;}
  .sub0101 li span{display:block; padding:10px 0px; margin-right:0px; margin-bottom:10px;}

  /* sub0301 */
  .sub0301 li{width:48%; margin-right:2%;}
  .sub0301 li:nth-child(even){margin-right:0;}
}

@media (max-width:580px){
  .main_bt{width: 200px;}
  .main_bt a{width: 200px;}
}