@charset "utf-8";
@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%;}

/*�����̹���*/
.top_nav{width: 1100px; margin: 0 auto;}
#header01{background: #000;}
#topbt a{font-size:8pt; color:#999; text-decoration:none; padding:0px 0px 0px 10px; line-height:25px;}
#topbt a:hover{color:#fff;}
#main_section{width: 100%; height: 100%;}
#main_text{position: absolute; width: 100%; top:50%; margin-top: -93px; z-index: 1000;}
#main_img{width: 100%; height: 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: 70px; 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;}


/* ���������� */
#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:8pt; color:#999; border-bottom:2px solid #ee5917; line-height:40px; width:180px;}
.subbn span{color:#ee5917; font-family:arial; font-weight:bold; letter-spacing:0; _letter-spacing:-1; font-size:14pt; line-height:40px;}

#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;}
.top_tit{text-align:center; font-weight:normal; font-size:14px; color:#ababab; margin-bottom:35px; text-transform:uppercase;}
.top_tit b{display:block; font-size:32px; color:#ee5917; font-weight:500; margin-bottom:15px;}
.sub_bar{text-align:center; margin-bottom:50px; padding: 30px 0 !important;}
.sp20{height:20px;}

/* sub0103 */
.sub0103 center{margin-bottom:50px;}
.sub0103 center b{display:block; font-weight:normal; font-size:18px; color:#333; margin-bottom:10px;}

@media screen and (max-width: 768px) {
  #header01{display: none;}
  /* ���� ������ */
  #main_text{margin-top: -53px; z-index: 10;}
  #main_text img{width: 80%;}
  .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;}
    .top_tit{margin-bottom:35px;}
    .top_tit b{font-size:28px; margin-bottom:10px;}

    /* sub0103 */
    .sub0103 center b{font-size:12pt;}
    .sub0103 iframe{height:200px;}
}

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