@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;}
@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;
}
*{font-family: 'Pretendard-Regular' !important;}
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: 100px; width:100%; border-top: 1px solid #e6c068; 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 #e6c068; line-height:40px; width:180px;}
.subbn span{color:#e6c068; font-family:arial; font-weight:bold; letter-spacing:0; _letter-spacing:-1; font-size:14pt; line-height:40px; font-size: 17px;}

#sub_con{padding-top: 50px;}

#sub_footer{height: 140px; width:100%; border-top: 1px solid #e6c068; 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{padding:10px 0px 10px 300px; text-align:justify; background:url(../images/sub0102.jpg) left center no-repeat;}
.sub0101 h3{font-size:19px; color:#1c293a; margin-bottom:10px;}
.sub0101 h4{font-size:19px; color:#333; margin-top:30px;}
.sub0101 li{margin-top:10px; background:url(../images/sub_dot01.jpg) left center no-repeat; padding-left:12px;}
.sub0101 li b{color:#333;}

/* sub0102 */
.sub0102{padding:10px 0px 10px 300px; text-align:justify; background:url(../images/sub0102.jpg) left center no-repeat;}
.sub0102 h3{font-size:19px; margin-bottom:10px; color:#1c293a;}
.sub0102 h4{margin-top:30px; font-weight:normal; font-size:17px;}
.sub0102 h4 b{display:block; color:#333; margin-top:5px;}

/* sub0201 */
.sub0201 h2{text-align:center;}
.sub0201 h3{font-size:19px; color:#1c293a; margin-bottom:0px;}
.sub0201 h4{text-align:center; font-weight:normal; font-size:17px; margin-bottom:18px; background:#f8f8f8; padding:30px; line-height: 200%;}
.sub0201 h4 b{display:block; font-size:19px; margin-bottom:10px; color:#333;}
.sub0201 figure{padding-left:51%; background:url(../images/sub0102.jpg) left center no-repeat; margin-bottom:50px;}
.sub0202 figure{background:url(../images/sub0202.jpg) left center no-repeat;}
.sub0203 figure{background:url(../images/sub0203.jpg) left center no-repeat;}
.sub0201 figure div{border:1px solid #dfdfdf; padding:20px; text-align:center;}
.sub0203 figure div{padding:50px 20px;}

.sub0201 figure center{margin-top:30px;}
.sub0201 figure center img{width:30%;}
.sub0201 ul{margin-top:20px;}
.sub0201 li{float:left; width:198px; margin-right:6px; text-align:center;}
.sub0201 li:nth-child(4){margin-right:0;}
.sub0201 li a{display:block; border:1px solid #dfdfdf; padding:20px 0px;}
.sub0201 li img{height:45px;}

/* sub0201_1 */
.sub0201_1 .con01{}
.sub0201_1 .con01 strong{font-weight:bold; color:#333;}

.sub0201_1 .con02{margin:100px 0px 50px 0px; background:url(../images/sub0201_1_3.jpg) no-repeat top right;}
.sub0201_1 .con02 h5{font-size:19px; margin-top:50px; color:#e6c068;}
.sub0201_1 .con02 h6{float:left; font-weight:bold; font-size:15px; color:#333;}
.sub0201_1 .con02 li{margin-top:15px; background: #f1f1f1; padding: 30px;}
.sub0201_1 .con02 li div{margin-left:93px;}

.sub0201_1 .con03{margin-bottom:100px;}
.sub0201_1 .con03 h4{background:#7a8564; color:#fff; padding:25px 0px; text-align:center; font-size:30px;}

.sub0201_1 .con04{background:url(../images/sub0201_1_9.jpg) no-repeat top right 50px; margin-bottom:100px;}
.sub0201_1 .con04 h5{font-size:19px; color:#e6c068; background:url(../images/sub_dot03.jpg) no-repeat top 5px left; padding-left:25px;}
.sub0201_1 .con04 h6{font-size:19px; color:#555; margin:15px 0px 40px 0px;}
.sub0201_1 .con04 li{float:left; width:32%;}
.sub0201_1 .con04 li:nth-child(2){margin:0 2%;}
.sub0201_1 .con04 li div{background:#e6c068; color:#fff; padding:10px 0px; text-align:center;}

.sub0201_1 .con05 li{float:left; width:32%; box-sizing:border-box; border:1px solid #dfdfdf;}
.sub0201_1 .con05 li:nth-child(2){margin:0 2%;}


/* sub0301 */
.sub0301 h3{font-size:19px; color:#1c293a; margin-bottom:20px;}
.sub0301 figure{padding-left:51%; background:url(../images/sub0301.jpg) left bottom no-repeat; margin-top:50px;}
.sub0301 figure div{border:1px solid #dfdfdf; padding:20px 40px;}
.sub0301 h4{font-size:19px; color:#333; margin-top:30px;}
.sub0301 h4:nth-child(1){margin-top:0;}
.sub0301 li{margin-top:10px; background:url(../images/sub_dot01.jpg) left center no-repeat; padding-left:12px;}
.sub0301 h5{font-size:16px; font-weight:normal;}
.sub0301 h5 b{display:inline-block; width:30px; color:#333;}

@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; line-height:150%; color:#555; word-spacing:-1px;}

  /* sub0101 */
  .sub0101{padding:0px; text-align:justify; background:none;}
  .sub0101 h3{font-size:17px;}
  .sub0101 h4{font-size:17px;}
  .sub0101 li{background:url(../images/sub_dot01.jpg) left top 7px no-repeat;}
  .sub0101 li b{display:block;}

  /* sub0102 */
  .sub0102{padding:0px; text-align:justify; background:none;}
  .sub0102 h3{font-size:17px;}
  .sub0102 h4{font-size:17px;}

  /* sub0201 */
  .sub0201 h2 img{width:100%;}
  .sub0201 h3{font-size:19px; color:#1c293a; margin-bottom:20px;}
  .sub0201 figure{background:url(../images/sub0201.jpg) top center no-repeat; background-size:contain; padding:200px 0px 0px 0px; margin-bottom:20px;}
  .sub0202 figure{background:url(../images/sub0202.jpg) top center no-repeat; background-size:contain;}
  .sub0203 figure{background:url(../images/sub0203.jpg) top center no-repeat; background-size:contain;}
  .sub0201 figure div{padding:20px; background:#fff; border:none;}
  .sub0203 figure div{padding:20px;}
  .sub0201 ul{margin-top:7px;}
  .sub0201 li{float:left; width:49%; margin-right:2%; margin-bottom:7px;}
  .sub0201 li:nth-child(even){margin-right:0;}

  /* sub0201_1 */
  .sub0201_1 .con01{background:none; margin-bottom:50px;}
  .sub0201_1 .con01 strong{font-weight:bold; color:#333;}
  .sub0201_1 .con01 br{display:none;}

  .sub0201_1 .con02{margin:100px 0px 50px 0px; background:url(../images/sub0201_1_3.jpg) no-repeat top 100px center;}
  .sub0201_1 .con02 h3{margin-bottom:350px;}
  .sub0201_1 .con02 h5{font-size:17px; background:url(../images/sub_dot01.jpg) no-repeat top 2px left;}
  .sub0201_1 .con03 h4{font-size:20px;}

  .sub0201_1 .con04{background:none;}
  .sub0201_1 .con04 h5{font-size:17px; background:url(../images/sub_dot01.jpg) no-repeat top 2px left;}
  .sub0201_1 .con04 h6{font-size:15px;}
  .sub0201_1 .con04 li{float:none; width:100%;}
  .sub0201_1 .con04 li:nth-child(2){margin:30px 0px;}

  .sub0201_1 .con05 li{float:none; width:100%;}
  .sub0201_1 .con05 li:nth-child(2){margin:30px 0px;}

  /* sub0301 */
  .sub0301 h3{font-size:17px;}
  .sub0301 figure{padding:450px 0px 0px 0px; background:url(../images/sub0301.jpg) center top no-repeat; background-size:contain; margin-top:50px;}
  .sub0301 figure div{border:none; padding:20px; background:#fff;}
  .sub0301 h4{font-size:17px;}

  .top_tit{font-size: 20px !important;}
  .sub0201_1 .con01{background: none !important;}
  .sub0201_1 .con02 h3{margin: 30px 0;}

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