@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.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: -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;}
.sp20{height:20px;}

/* sub0101 */
.sub0101 .con01{padding-left:52%; margin:50px 0px 100px 0px; background:url(../images/sub0101_2.jpg) left top no-repeat;}
.sub0101 .con01 div{text-align:center; padding:50px 0px 50px 0px; border:1px solid #dfdfdf; border-radius:5px;}
.sub0101 .con01 h3{margin-bottom:30px; font-size:30px; font-family:'Nanum Square'; color:#ee5917;}
.sub0101 .con01 h4{margin-top:30px; font-size:19px; font-weight:normal; color:#333;}
.sub0101 center{font-size:22px; font-family: 'Nanum Myeongjo', serif; font-weight:bold; color:#333; line-height:150%; margin-bottom:50px;}
.sub0101 center b{display:block; color:#ee5917; font-size:28px; margin-bottom:10px;}
.sub0101 li{float:left; width:33.3%; text-align:center; color:#fff; padding:50px 0px; box-sizing:border-box;}
.sub0101 li h5 span{display:inline-block; border-bottom:2px solid #fff; font-size:19px;}
.sub0101 li div{margin:30px 0px;}
.sub0101 li b{display:block; font-size:19px; margin-top:5px;}
.sub0101 li:nth-child(1){background:url(../images/sub0101_6.jpg) left top no-repeat;}
.sub0101 li:nth-child(2){background:url(../images/sub0101_7.jpg) left top no-repeat;}
.sub0101 li:nth-child(3){background:url(../images/sub0101_8.jpg) left top no-repeat;}

/* sub0201 */
.sub0201 li{float:left; background:#333; width:232px; margin-right:9px; text-align:center; margin-bottom:20px;}
.sub0201 li:nth-child(4){margin-right:0;}
.sub0201 li div{font-family: 'Nanum Myeongjo', serif; color:#fff; font-size:21px; font-weight:bold; padding:227px 0px 23px 0px; background:url(../images/sub0201.png) center center no-repeat;}

/* sub0401 */
.sub0401 h3{margin-bottom:50px; font-size:16px; color:#333; font-weight:normal; text-align:center;}
.sub0401 h3 b{display:block; color:#ee5917; font-size:30px; margin-bottom:10px;}
.sub0401 h4{width:100px; line-height:100px; border-radius:50%; background:#ee5917; color:#fff; font-size:19px; text-align:center;}
.sub0401 figure{background:url(../images/sub0401_2.png) top center repeat-y; padding:30px 0px 1px 0px;}
.sub0401 ul{margin-bottom:70px;}
.sub0401 ul:nth-child(odd){padding-left:426px;}
.sub0401 ul:nth-child(odd) h4{float:left;}
.sub0401 ul:nth-child(odd) li{float:left; margin-left:50px;}
.sub0401 ul:nth-child(even){padding-right:426px;}
.sub0401 ul:nth-child(even) h4{float:right;}
.sub0401 ul:nth-child(even) li{float:right; margin-right:50px; text-align:right;}
.sub0401 li{padding-top:10px;}
.sub0401 h5{font-size:19px; color:#ee5917; margin-bottom:10px;}

/* sub0402 */
.sub0402 h4{text-align:right; font-weight:normal; color:#555; margin-bottom:10px;}
.sub0402 table{border-collapse:collapse; margin-bottom:10px;}
.sub0402 span{font-size:13px; color:#777;}
.sub0402 td{border:1px solid #ee5917; padding:10px 0px; text-align:center; font-size:15px; color:#555; box-sizing:border-box;}
.sub0402 tr:nth-child(11) td, .sub0402 tr:nth-child(12) td{background:#ee5917; color:#fff; font-weight:bold; border:1px solid #555;}

@media screen and (max-width: 768px) {
  /* ���� ������ */
  #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;}

  /* sub0101 */
  .sub0101 .con01{padding:0; margin:50px 0px 50px 0px; background:none;}
  .sub0101 .con01 div{padding:0px 0px 50px 0px; border:none;}
  .sub0101 .con01 h4{font-size:17px;}
  .sub0101 center{font-size:16px;}
  .sub0101 center br{display:none;}
  .sub0101 center b{display:block; font-size:19px;}
  .sub0101 li{float:none; width:100%;}
  .sub0101 li h5 span{display:inline-block; border-bottom:2px solid #fff; font-size:19px;}
  .sub0101 li div{margin:30px 0px;}
  .sub0101 li b{display:block; font-size:19px; margin-top:5px;}
  .sub0101 li:nth-child(1){background-size:100%;}
  .sub0101 li:nth-child(2){background-size:100%;}
  .sub0101 li:nth-child(3){background-size:100%;}

  /* sub0201 */
  .sub0201 li{width:49%; margin-right:2%;}
  .sub0201 li:nth-child(even){margin-right:0;}
  .sub0201 li div{font-size:17px; padding:144px 0px 19px 0px; background-size:contain;}

  /* sub0401 */
  .sub0401 h4{margin:0px auto 10px auto;}
  .sub0401 figure{background:none; padding:0px;}
  .sub0401 ul{margin-bottom:50px;}
  .sub0401 ul:nth-child(odd){padding-left:0;}
  .sub0401 ul:nth-child(odd) h4{float:none;}
  .sub0401 ul:nth-child(odd) li{float:none; margin-left:0px; text-align:center;}
  .sub0401 ul:nth-child(even){padding-right:0;}
  .sub0401 ul:nth-child(even) h4{float:none;}
  .sub0401 ul:nth-child(even) li{float:none; margin-right:0px; text-align:center;}

  /* sub0402 */
  .sub0402 h4{text-align:right; font-weight:normal; color:#555; margin-bottom:10px;}
  .sub0402 table{border-collapse:collapse; margin-bottom:10px;}
  .sub0402 span{font-size:13px; color:#777;}
  .sub0402 td{border:1px solid #ee5917; padding:10px 0px; text-align:center; font-size:15px; color:#555; box-sizing:border-box;}
  .sub0402 tr:nth-child(11) td, .sub0402 tr:nth-child(12) td{background:#ee5917; color:#fff; font-weight:bold; border:1px solid #555;}
}

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