@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: 'WandohopeR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/WandohopeR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@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;
}
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%;}
*{font-family: 'Pretendard-Regular';}

/*�����̹���*/
#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: 'Pretendard-Regular'; 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 *{padding:0; margin:0; list-style:none; text-decoration:none;}
.normal{font-size:15px; line-height:150%; color:#555; word-spacing:-1px;}
.sp20{height:20px;}
.s_text01{font-size:30px; font-size:30px; font-weight:normal; font-family: 'WandohopeR'; margin-bottom:40px; color: #fc7059;}
.s_text02{font-size:16px; color:#333; font-weight:normal; margin:5px 0px 40px 0px;}

/* sub0101 */
.sub0101{margin-bottom: 30px;}
.sub0101 h2{color:#fc7059; text-align:center; font-size:70px; margin-bottom:100px; font-family: 'Pretendard-Regular';}
.sub0101 .con01 li{float:left; width:33%; list-style: none; margin-top: 50px;}
.sub0101 .con01 center{border-radius:50%; border:4px solid #dfdfdf; width:180px; height:180px; margin:0 auto; font-size:19px;}
.sub0101 .con01 h4{font-size:24px; padding:68px 0px 15px 0px;}
.sub0101 .con01 li center{background:#fc7059; color:#fff;}
.sub0101 .con02{color:#333; font-size:20px; border-bottom:1px solid #f8f8f8; width:90%; margin:70px auto;}
.sub0101 .con02 h4{font-size:40px; margin-bottom:20px; font-family: 'Pretendard-Regular';}
.sub0101 .con03{color:#333; font-size:19px; line-height:150%;}
.sub0101 .con03 h4{font-size:40px; color:#fc7059; font-style:italic; font-family: 'WandohopeR'; margin-bottom:30px;}
.sub0101 .con04{width:90%; margin:50px auto 0px auto;}
.sub0101 .con04 li{float:left; width:49%; background:#f8f8f8; box-sizing:border-box; border-radius:5px; padding:30px 20px; text-align:center; color:#333; margin-bottom:15px; list-style: none; height: 180px;  border: 1px solid #ffbfb4;}
.sub0101 .con04 li:nth-child(odd){margin-right:2%;}
.sub0101 .con04 h4{font-size:19px; border-bottom:1px solid #dfdfdf; margin-bottom:15px; padding-bottom:15px; color:#333;}

/* sub0201 */
.sub0201 center{border-radius:5px; overflow:hidden;}
.sub0201 .con01{margin-bottom:50px;}
.sub0201 .con01 ul{float:left; width:100%; box-sizing:border-box; border:1px solid #dfdfdf; background:#fff; border-radius:5px; overflow:hidden;}
.sub0201 .con01 ul:nth-child(1){margin-right:2%;}
.sub0201 .con01 h4{background:#fc7059; color:#fff; text-align:center; padding:10px 0px; font-size:18px;}
.sub0201 .con01 div{padding:15px 30px 5px 30px;}
.sub0201 .con01 li{margin-bottom:10px; background:url(../images/sub_dot02.jpg) no-repeat center left; padding-left:14px; list-style: none;}
.sub0201 .con02{margin:30px 0px;}
.sub0201 .con02 li{float:left; width:49%; border-radius:5px; overflow:hidden;}
.sub0201 .con02 li:nth-child(1){margin-right:2%;}
.sub0201 .con03 li{float:left; width:32%; border-radius:5px; overflow:hidden; box-sizing:border-box; border:1px solid #dfdfdf;}
.sub0201 .con03 li:nth-child(2){margin:0 2%;}

/* sub0102 */
.sub0102{background:url(../images/sub0501.jpg) no-repeat right center; margin-bottom: 100px;}
.sub0102 h4{text-transform:uppercase; font-size:19px; color:#333;}
.sub0102 ul{margin-bottom:20px;}
.sub0102 li{margin-top:10px;}
.sub0102 li b{color:#333; display:inline-block; margin-right:15px;}
.sub0102 figure{margin-top:15px; padding:10px 0;}
.root_daum_roughmap_landing{width:100%; height:300px;}

/* sub0401 */
.sub0401 h4{margin:80px 0px 20px 0px; font-size:19px; color:#ee5917; padding-left:27px; background:url(../images/sub_dot01.jpg) left top 5px no-repeat;}
.sub0401 h4:first-child{margin-top:0;}
.sub0401 center{margin-bottom:10px;}
.sub0401 table{border-collapse:collapse;}
.sub0401 td, .sub0401 th{font-size:15px; color:#555; line-height:150%; word-spacing:-1px; border:1px solid #aaa; text-align:center; padding:15px;}
.sub0401 th{background:#555; color:#fff;}
.sub0401 td:nth-child(1){background:#f8f8f8; color:#333;}
.sub0401 th:nth-child(1){width:120px;}
.sub0401 li{text-align:left; margin:10px 0px;}
.sub0401 li b{color: #ee5917;}
.sub0401 li span{display:block; margin-left:15px;}

@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;}
  .s_text01{font-size:22px; text-align:center;}
  .s_text02{font-size:13px; text-align:center;}

  /* sub0101 */
  .sub0101 h2{font-size:40px; margin-bottom:100px;}
  .sub0101 .con01 li{float:none; width:100%;}
  .sub0101 .con01 li:nth-child(2){margin:40px 0px;}
  .sub0101 .con02{font-size:17px;}
  .sub0101 .con02 h4{font-size:30px; margin-bottom:10px;}
  .sub0101 .con03{font-size:13px;}
  .sub0101 .con03 h4{font-size:20px; margin-bottom:30px;}
  .sub0101 .con04 li{float:none; width:100%; padding:30px 20px; margin-bottom:15px; height: 310px !important;}
  .sub0101 .con04 li:nth-child(odd){margin-right:0;}
  .sub0101 .con04-1 li{height: 360px !important; font-size: 11px;}

  /* sub0201 */
  .sub0201{background:none;}
  .sub0201 .con01{margin-bottom:50px;}
  .sub0201 .con01 ul{float:none; width:100%;}
  .sub0201 .con01 ul:nth-child(1){margin-right:0; margin-bottom:30px;}
  .sub0201 .con01 li{font-size: 10px;}

  /* sub0102 */
  .sub0102{background:none;}
  .sub0102 h4{text-align:center;}
  .sub0102 ul{text-align:center;}
  .sub0102 li b{margin-right:10px;}
  .sub0102 figure{padding:10px 15px; text-align:left;}
  .sub0102 figure br{display:none;}
  #daumRoughmapContainer1714715670093{width:100%; height:200px;}

    /* sub0401 */
    .sub0401 td, .sub0401 th{font-size:10px; padding:5px;}
}

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