@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@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;
}

img {border:0px;}

*{padding: 0px; font-family: 'Pretendard-Regular' !important;}
body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
body, td, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, textarea{font-family:Nanum Gothic, sans-serif; font-size:9.5pt;  -webkit-text-size-adjust:none;}
ul, li{list-style: none;}

/*���� ������*/
#main_img{padding-top: 55px;}
#main_con{width: 1100px; margin: 0 auto; padding:40px 0px 40px 0px; background-color:#fff;}

.mbn01 .mbn_bn01{width: 355px; height:240px; text-align:center; float: left; cursor: pointer;}
.mbn01 div a{text-decoration:none; cursor:pointer;}
.mbn01 .a01{font-size:20pt; color:#fff; letter-spacing:-1px; padding:70px 0px 50px 0px;}
.mbn01 .a02{font-size:13pt; color:#c7d5e3; letter-spacing:-1px;}
.mbn01 .a03{font-size:7.5pt; color:#939ea8; line-height:130%; padding:10px 0px 40px 0px;}
.mbn01 .a04{font-size:8pt; color:#fff; height:25px; line-height:25px; border:2px solid #fff; display:inline-block; _display:inline; padding:0px 15px 0px 15px;}
.mbn01-1{background:url(../images/mbn01-1.jpg) left 0px no-repeat; height:240px;}
.mbn01-2{background:url(../images/mbn01-2.jpg) center 0px no-repeat; height:240px;}
.mbn01-3{background:url(../images/mbn01-3.jpg) center 0px no-repeat; height:240px;}

.mbn01 .mbn_bn01:hover div{background:url(../images/mbn.jpg) left 0px no-repeat #20252c;}
.mbn01 .mbn_bn01:hover div div{color-:#20252c; background:none; border:none;}
.mbn01 .mbn_bn01:hover div div.a04{border:2px solid #666d76;}

.mbn02{clear: both; padding-top: 40px;}
.mbn_bn02{width: 355px; float: left;}
.mbn02 .b01{font-size:13pt; color:#20252c; height:50px; line-height:50px; font-weight:bold; background:url(../images/mbn02-bar.jpg) left 0px no-repeat;}
.mbn02 .b02{font-size:10pt; color:#666; line-height:140%;}
.mbn02 .b03{font-size:27pt; color:#20252c; line-height:100%; font-weight:bold; font-family:arial;}
.mbn02 .b04{font-size:10pt; color:#666; line-height:140%; font-weight:bold;}
.mbn02 .b05{background:url(../images/mbn02-icon.jpg) right 90% no-repeat;}

.mbn03{clear: both; font-size:17pt; color:#20252c; font-weight:bold; height:40px; letter-spacing:-1px; padding-top: 40px;}
.mbn03img div{float:left;}

.bigtitle{font-size:17pt; font-weight:bold; letter-spacing:-1px; color:#20252c; padding:25px 0px 25px 0px;}

.lbn .lbn01{font-size:13pt; font-weight:bold; color:#20252c; padding:15px 0px 5px 0px;}
.lbn .lbn02{font-size:22pt; font-weight:bold; color:#20252c; padding:0px 0px 2px 0px; letter-spacing:-1px; font-family:arial;}
.lbn .lbn03{font-size:9pt; color:#999;}

.margin_r{margin-right: 17px;}
.sp50{height: 50px; clear: both;}

#footer{background-color:#20252c; height: 120px;}
#footer article{width: 1100px; margin: 0 auto;}
.copy{padding:25px 0px 0px 0px; color:#888; font-size:9pt; line-height:140%; text-align: left; width:700px; float: left;}
.copy_logo{width:400px; float: left;}
.copy1{font-size:17pt; font-weight:bold; color:#ccc; font-family:arial; padding:20px 0px 7px 0px;}
.copy2{font-size:9pt; color:#888; line-height:140%; padding-bottom:30px;}

/*����������*/
.subtop{background:url(../images/subtop.jpg) center 55px no-repeat #ffffff; padding-top: 55px; height:200px; z-index:20; }
.conbg{width: 1200px; height: 90px; margin: -180px auto 0px auto; padding-top:110px; background:url(../images/conbg.png) center 110px no-repeat; z-index: 100;}

.conbg #sub_aside, #sub_page{float: left;}
#sub_aside{width: 195px; padding-left: 40px;}
#left_menu a{font-size:11pt; color:#666; text-decoration:none; width:170px; line-height:25px; float:left; background:url(../images/lbg-of.jpg) left 50% no-repeat;}
#left_menu a:hover{background:url(../images/lbg.jpg) left 50% no-repeat; font-weight:bold; color:#20252c; text-decoration:underline;}

#sub_page{width:915px; padding:90px 0px 90px 25px;}

/**/
.normal{font-size:11pt; color:#666; line-height:150%; word-spacing:-1px;}

.sub0101_bg{background:url(../images/sub0101.jpg) right 40px no-repeat;}
.st01{font-size:25pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:-1px;}
.st01 span{color:#20252c;}
.st02{font-size:16pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:-1px;}
.st03{font-size:18pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:8px; padding:25px 0px 25px 0px;}
.st03 b{color:#20252c;}
.st04{font-size:18pt; color:#20252c; line-height:130%; word-spacing:-1px; letter-spacing:-1px; font-weight:bold; padding:30px 0px 0px 0px;}

.bold b{color:#222; padding-right:7px;}

.bak{color:#20252c;}
.bakln{color:#20252c; display:inline; border-bottom:1px solid #20252c; padding-bottom:1px; _ padding-bottom:0px;}
.bakbg{color:#fff; background-color:#20252c; padding:2px;}

/*������ ����*/

/**/
.normal *{margin:0px; padding:0px; list-style:none; text-decoration:none;}
.normal{font-size:11pt; color:#666; line-height:150%; word-spacing:-1px;}
.sp20{height:20px;}
.top_text{padding:80px 0px 80px 0px;}
.top_text div{font-size:44px; font-weight:bold; color:#fff; padding:0px 0px 0px 60px;}
.top_text div span{font-size:16px; display:block;}
.top_tit{ font-size:25pt; text-transform:uppercase; color:#333;}
.top_tit_1{font-size: 18pt; color: #008fd3; padding: 20px 0 20px 10px;}
.bar{width:40px; height:2px; background:#333; margin:20px 0px 20px 0px;}

/* sub0101 */
.sub0101{padding:100px 0px 0px 50%; background:url(../images/sub0101.jpg) top left no-repeat;}
.sub0101 h2{margin-left:20px;}
.sub0101 .bar{margin-left:20px;}
.sub0101 figure{background:#f8f8f8; padding:20px; text-align:justify;}
.sub0101 h3{font-weight:normal; font-size:14pt; margin-bottom:20px;}
.sub0101 h3 span{display:block; margin-top:5px; font-weight:bold; color:#333; }
.sub0101 h4{text-align:right; margin-top:20px; font-size:12pt; font-weight:normal;}
.sub0101 h4 span{display:block; font-weight:bold; color:#333; }

/* sub0102 */
.sub0102 h2{margin-left:20px;}
.sub0102 .bar{margin-left:20px;}
.sub0102 figure{background:#f8f8f8; padding:10px 20px 1px 20px; margin-bottom: 50px;}
.sub0102 h4{margin-top:10px; font-size:14pt;  color:#b2243e; margin-bottom: 10px;}
.sub0102 div{background:url(../images/sub0102_2.png) top left 6px repeat-y;}
.sub0102 ul{margin-bottom:20px; background:url(../images/sub0102_1.png) top 4px left no-repeat; padding-left:30px;}
.sub0102 li{background:url(../images/sub0102_3.png) top 11px left no-repeat; padding-left:10px; font-size:11pt; color:#666; line-height:150%; word-spacing:-1px;}

/* sub0201 */
.top_0201{background:url(../images/sub0201.jpg) left top no-repeat;}

/* sub0202 */
.top_0202{background:url(../images/sub0202.jpg) left top no-repeat;}

/* sub0203 */
.top_0203{background:url(../images/sub0203.jpg) left top no-repeat;}
.top_0203 div{font-size:40px;}

/* sub0204 */
.top_0204{background:url(../images/sub0204.jpg) left top no-repeat;}

/* sub0205 */
.top_0205{background:url(../images/sub0205.jpg) left top no-repeat;}

/* sub0301 */
.top_0301{background:url(../images/sub0301.jpg) left top no-repeat;}
.sub0301 figure{width:25%; float:left;}
.sub0301 figure::before{clear:both;}
.sub0301 figure:nth-child(1) div{background:url(../images/sub0301_1.jpg) center top no-repeat;}
.sub0301 figure:nth-child(2) div{background:url(../images/sub0301_2.jpg) center top no-repeat;}
.sub0301 figure:nth-child(3) div{background:url(../images/sub0301_3.jpg) center top no-repeat;}
.sub0301 figure:nth-child(4) div{background:url(../images/sub0301_4.jpg) center top no-repeat;}

.sub0301 figure div{text-align:center; color:#20252c; font-size:18px; line-height:120%; font-weight:bold; width:170px; height:170px; margin:0 auto; border-radius:50%; box-sizing:border-box; border:10px solid #20252c;}
.sub0301 figure div span{display:block; font-size:22px; font-weight:bold; color:#20252c; margin:35px 0px 10px 0px;}

.sub0301 .con{padding-top:70px;}
.sub0301 .con .text{clear:both; border-bottom:1px solid #dfdfdf; height:60px; padding-top:20px;}
.sub0301 .con .text h3{float:left; font-size:50px; width:10%; font-weight:bold; color:#20252c; font-style:italic; padding-top:10px;}
.sub0301 .con .text h4{font-size:22px; color:#20252c; font-style:italic;}
.sub0301 .con .text div{float:left; width:90%; font-size:16px;}
.sub0301 .con .text div::before{clear:both;}
.sp40{clear:both;}
.sp50{height:50px;}

/* sub0302 */
.top_0302{background:url(../images/sub0302.jpg) left top no-repeat;}

/**/
.sub0101_bg{background:url(../images/sub0101.jpg) right 40px no-repeat;}
.st01{font-size:25pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:-1px;}
.st01 span{color:#20252c;}
.st02{font-size:16pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:-1px;}
.st03{font-size:18pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:8px; padding:25px 0px 25px 0px;}
.st03 b{color:#20252c;}
.st04{font-size:18pt; color:#20252c; line-height:130%; word-spacing:-1px; letter-spacing:-1px; font-weight:bold; padding:30px 0px 0px 0px;}

.bold b{color:#222; padding-right:7px;}

.bak{color:#20252c;}
.bakln{color:#20252c; display:inline; border-bottom:1px solid #20252c; padding-bottom:1px; _ padding-bottom:0px;}
.bakbg{color:#fff; background-color:#20252c; padding:2px;}

.sp20{height:20px;}
.table{padding: 10px 0;}
.table th{background:#b2243e; color:#fff; width:20%; border:2px solid #fff; font-size:18px;}
.table td{background:#efefef; border:2px solid #fff; padding:15px 20px; font-size:16px; line-height:140%;}
.table td p{font-size:16px; background:url(../images/table_dot.jpg) top 9px left no-repeat; padding-left:15px;}
.table td span{display:block; font-size:14px;}

/* sub0201_1 */
.sub0201_1 figure{margin-bottom:50px;}
.sub0201_1 .con01{margin:10px 0px 50px 0px;}
.sub0201_1 .con01 li{margin-top:10px;}
.sub0201_1 .con01 li:first-child{margin-top:0px;}
.sub0201_1 .con01 li b{display:block; background:#b2243e; padding:5px 10px; font-size:16px; color:#fff; font-weight:normal;}
.sub0201_1 .con01 li b span{display:none;}
.sub0201_1 .con01 li div{border:1px solid #dfdfdf; padding:10px; margin-top:5px; font-size: 15px; background: #fff;}
.sub0201_1 .con01 li div span{display:block; font-size:14px; color:#777;}

.sub0201_1 .con02 li{border:1px solid #dfdfdf; margin-bottom:10px;}
.sub0201_1 .con02 li br{display:none;}
.sub0201_1 .con02 li span{display:inline-block; padding:5px 20px; background:#b2243e; color:#fff; margin-right:20px;}

@media screen and (max-width: 768px) {
  /*���� ������*/
  #main_img{padding-top:60px;}
  #main_con, .copy{width: 100%; padding: 0px;}
  #footer article{width: 100%;}
  .mbn01 .mbn_bn01{width: 100%;}
  .margin_r{margin-right: 0px;}
  .mbn03, .mbn03img{display: none;}
  .mbn02{padding-top: 5px;}
  .mbn_bn02{float: none; width: 94%; margin: 0 auto; border: 1px solid #b9b9b9; padding:5% 2%; margin-top: 5px;}
  .mbn02 .b05{background:url(../images/mbn02-icon.jpg) right 20% top 50% no-repeat;}
  .sub0102 h2{font-size: 20px;}
  .mbn03{text-align: center;}
  .mbn03img div{width: 50%;}

  #footer{height:auto;}
  .copy{width: 100%; float: none; text-align: center; padding: 30px 0px;}

  .t_none{display: none;}

  /*����������*/
  .sub_section{padding-top:60px}
  #sub_aside, #sub_page{float:none;}
  .subtop{height:150px; padding-top:0px; background:url(../images/subtop.jpg) center top no-repeat #ffffff;}
  .conbg{width:100%;
    height:auto;
    margin:0px auto 0px auto;
    padding-top:0px;
  }
  #sub_page{width: 98%; padding:90px 0px 2% 0px; margin:0 auto;}
  .title{margin-bottom:0px; text-align:center;}

  /**/
  .sub0101_bg{background: none; text-align: center;}
  .st01{font-size:25pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:-1px;}
  .st01 span{color:#20252c;}
  .st02{font-size:16pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:-1px;}
  .st03{font-size:18pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:8px; padding:25px 0px 25px 0px;}
  .st03 b{color:#20252c;}
  .st04{font-size:18pt; color:#20252c; line-height:130%; word-spacing:-1px; letter-spacing:-1px; font-weight:bold; padding:30px 0px 0px 0px;}
  .top_text div{font-size:34px;}
  .bold b{color:#222; padding-right:7px;}

  .bak{color:#20252c;}
  .bakln{color:#20252c; display:inline; border-bottom:1px solid #20252c; padding-bottom:1px; _ padding-bottom:0px;}
  .bakbg{color:#fff; background-color:#20252c; padding:2px;}

  /**/
  .normal{font-size:11pt;}
  .top_tit{font-size:25pt; background:#fff; padding:30px 0px; text-align:center;}
  .bar{display:none;}

  /* sub0101 */
  .sub0101{padding:200px 0px 0px 0px; background-size:contain;}
  .sub0101 h2{margin-left:0px;}
  .sub0101 figure{background:#fff; padding:0px;}
  .sub0101 figure br{display:none;}
  .sub0101 h3{text-align:center;}
  .sub0101 h4{text-align:center;}

  /* sub0102 */
  .sub0102{padding:0px 0px 0px 0px; background-size:contain;}
  .sub0102 figure{background:#fff; padding:0px;}
  .sub0102 h4{margin-top:0px; margin-bottom:10px;}
  .sub0102 li{background:url(../images/sub0102_3.png) top 9px left no-repeat; margin-bottom:5px;}

  /* sub0201 */
  .top_0201{background:url(../images/sub0201.jpg) left top no-repeat;}

  /* sub0202 */
  .top_0202{background:url(../images/sub0202.jpg) left top no-repeat;}

  /* sub0203 */
  .top_0203{background:url(../images/sub0203.jpg) left top no-repeat;}
  .top_0203 div{font-size:40px;}

  /* sub0204 */
  .top_0204{background:url(../images/sub0204.jpg) left top no-repeat;}

  /* sub0205 */
  .top_0205{background:url(../images/sub0205.jpg) left top no-repeat;}

  /* sub0301 */
  .top_0301{background:url(../images/sub0301.jpg) left top no-repeat;}
  .sub0301 figure{width:25%; float:left;}
  .sub0301 figure::before{clear:both;}
  .sub0301 figure:nth-child(1) div{background:url(../images/sub0301_1.jpg) center top no-repeat;}
  .sub0301 figure:nth-child(2) div{background:url(../images/sub0301_2.jpg) center top no-repeat;}
  .sub0301 figure:nth-child(3) div{background:url(../images/sub0301_3.jpg) center top no-repeat;}
  .sub0301 figure:nth-child(4) div{background:url(../images/sub0301_4.jpg) center top no-repeat;}

  .sub0301 figure div{text-align:center; color:#20252c; font-size:18px; line-height:120%; font-weight:bold; width:170px; height:170px; margin:0 auto; border-radius:50%; box-sizing:border-box; border:10px solid #20252c;}
  .sub0301 figure div span{display:block; font-size:22px; font-weight:bold; color:#20252c; margin:35px 0px 10px 0px;}

  .sub0301 .con{padding-top:70px;}
  .sub0301 .con .text{clear:both; border-bottom:1px solid #dfdfdf; height:60px; padding-top:20px;}
  .sub0301 .con .text h3{float:left; font-size:50px; width:10%; font-weight:bold; color:#20252c; font-style:italic; padding-top:10px;}
  .sub0301 .con .text h4{font-size:22px; color:#20252c; font-style:italic;}
  .sub0301 .con .text div{float:left; width:90%; font-size:16px;}
  .sub0301 .con .text div::before{clear:both;}
  .sp40{clear:both;}
  .sp50{height:50px;}

  /* sub0302 */
  .top_0302{background:url(../images/sub0302.jpg) left top no-repeat;}

  /**/
  .sub0101_bg{background:url(../images/sub0101.jpg) right 40px no-repeat;}
  .st01{font-size:25pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:-1px;}
  .st01 span{color:#20252c;}
  .st02{font-size:16pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:-1px;}
  .st03{font-size:18pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:8px; padding:25px 0px 25px 0px;}
  .st03 b{color:#20252c;}
  .st04{font-size:18pt; color:#20252c; line-height:130%; word-spacing:-1px; letter-spacing:-1px; font-weight:bold; padding:30px 0px 0px 0px;}

  .bold b{color:#222; padding-right:7px;}

  .bak{color:#20252c;}
  .bakln{color:#20252c; display:inline; border-bottom:1px solid #20252c; padding-bottom:1px; _ padding-bottom:0px;}
  .bakbg{color:#fff; background-color:#20252c; padding:2px;}

  .sp20{height:20px;}

  .table th{background:#b2243e; color:#fff; width:20%; border:2px solid #fff; font-size:10px;}
  .table td{background:#efefef; border:2px solid #fff; padding:15px 20px; font-size:16px; line-height:140%;}
  .table td p{font-size:16px; background:url(../images/table_dot.jpg) top 9px left no-repeat; padding-left:15px;}
  .table td span{display:block; font-size:14px;}

  /* sub0201 */
  .top_0201{background:url(../images/sub0201_m.jpg) center top no-repeat;}
  /* sub0202 */
  .top_0202{background:url(../images/sub0202_m.jpg) center top no-repeat;}
  /* sub0203 */
  .top_0203{background:url(../images/sub0203_m.jpg) center top no-repeat;}
  /* sub0204 */
  .top_0204{background:url(../images/sub0204_m.jpg) center top no-repeat;}
  /* sub0205 */
  .top_0205{background:url(../images/sub0205_m.jpg) center top no-repeat;}

  /* sub0301 */
  .top_0301{background:url(../images/sub0301_m.jpg) center top no-repeat;}
  .sub0301 figure{width:50%; float:left; margin-bottom:30px;}

  .sub0301 figure div{text-align:center; color:#20252c; font-size:18px; line-height:120%; font-weight:bold; width:170px; height:170px; margin:0 auto; border-radius:50%; box-sizing:border-box; border:10px solid #20252c;}
  .sub0301 figure div span{display:block; font-size:22px; font-weight:bold; color:#20252c; margin:35px 0px 10px 0px;}

  .sub0301 .con{padding-top:70px;}
  .sub0301 .con .text{clear:both; height:auto; padding-top:20px; padding-bottom:20px;}
  .sub0301 .con .text h3{float:none; width:100%; text-align:center; margin-bottom:20px;}
  .sub0301 .con .text div{float:none; width:100%; text-align:center; margin-bottom:10px;}
  .sp50{display:none;}

  /* sub0302 */
  .top_0302{background:url(../images/sub0302_m.jpg) center top no-repeat;}

  /**/
  .sub0101_bg{background: none; text-align: center;}
  .st01{font-size:25pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:-1px;}
  .st01 span{color:#20252c;}
  .st02{font-size:16pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:-1px;}
  .st03{font-size:18pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:8px; padding:25px 0px 25px 0px;}
  .st03 b{color:#20252c;}
  .st04{font-size:18pt; color:#20252c; line-height:130%; word-spacing:-1px; letter-spacing:-1px; font-weight:bold; padding:30px 0px 0px 0px;}

  .bold b{color:#222; padding-right:7px;}

  .bak{color:#20252c;}
  .bakln{color:#20252c; display:inline; border-bottom:1px solid #20252c; padding-bottom:1px; _ padding-bottom:0px;}
  .bakbg{color:#fff; background-color:#20252c; padding:2px;}

  /* sub0201_1 */
  .sub0201_1 figure br{display:none;}
  .sub0201_1 .con01{margin:10px 0px 40px 0px;}
  .sub0201_1 .con01 li:first-child{margin-top:0px;}
  .sub0201_1 .con01 li b{padding:5px; font-size:14px;}
  .sub0201_1 .con01 li b span{display:inline;}
  .sub0201_1 .con01 li div{padding:5px; font-size:13px;}
  .sub0201_1 .con01 li div span{display:inline-block;}

  .sub0201_1 .con02 li{text-align:center; padding-bottom:10px;}
  .sub0201_1 .con02 li span{display:block; padding:5px 0px; margin-right:0px; text-align:center; margin-bottom:10px;}
  .sub0201_1 .con02 li br{display:block;}
}

@media (max-width:580px){
  #sub_page{width: 96%; padding:90px 2% 50px 2%;}

  .sub0101_bg{text-align: center;}
  .st01{font-size:20pt;}
  .st02{font-size:13pt;}
  .st04{font-size:13pt; color:#20252c; line-height:130%; word-spacing:-1px; letter-spacing:-1px; font-weight:bold; padding:30px 0px 0px 0px;}

  .bold b{color:#222; padding-right:7px;}

  .bak{color:#20252c;}
  .bakbg{font-size: 8pt; color:#fff; background-color:#20252c; padding:2px;}
}