@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");

img {border:0px;}

*{padding: 0px;}
body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
body, 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:50px 0px 10px 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) left 0px no-repeat; height:240px;}
.mbn01-3{background:url(../images/mbn01-3.jpg) left 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:13pt; 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: 140px;}
#footer article{width: 1100px; margin: 0 auto;}
.copy{padding:25px 0px 0px 0px; color:#dfdfdf; font-size:11pt; line-height:140%; text-align: left; width:700px; float: left;}
.copy_logo{width:400px; float: left;}
.copy1{font-size:12pt; font-weight:bold; color:#fff; font-family:arial; padding:20px 0px 7px 0px;}
.copy2{font-size:10pt; color:#dfdfdf; 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:line-through;}

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

/**/
.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:15px 0px 5px 320px; background:url(../images/sub0101.jpg) left center no-repeat;}
.sub0101 .con01 h3{font-family:'Nanum Square'; font-size:30px; color:#20252c; margin-bottom:20px;}
.sub0101 .con01 li{margin-bottom:10px; background:url(../images/sub_dot01.png) left top 8px no-repeat; padding-left:14px;}
.sub0101 .con02{margin:50px 0px 50px 0px;}
.sub0101 .con02 li{float:left; width:32%;}
.sub0101 .con02 li:nth-child(2){margin:0 2%;}
.sub0101 .con03 li{background:#f8f8f8; margin-top:10px;}
.sub0101 .con03 li b{display:inline-block; background:#20252c; color:#fff; padding:10px 30px; margin-right:30px;}

/* sub0201 */
.sub0201{text-align:justify;}
.sub0201 center{margin-bottom:30px;}
.sub0201 figure{margin:0px 0px 100px 0px;}
.sub0201 h3{font-size:30px; font-family:'Nanum Square'; color:#20252c; margin-bottom:20px;}

.sub0201 .con01{margin-bottom:100px;}
.sub0201 .con01 h4{font-size:19px; color:#fff; background:#20252c; padding:10px 15px; border-radius:3px; margin-bottom:5px;}
.sub0201 .con01 li{margin-bottom:20px; border:1px solid #dfdfdf; padding:15px; border-radius:3px;}

.sub0201 .con02{margin-bottom:100px;}
.sub0201 .con02 h4{font-size:19px; color:#fff; background:#20252c; padding:10px 15px; border-radius:3px; margin-bottom:5px; margin-top:30px;}
.sub0201 .con02 h4:nth-child(1){margin-top:0;}
.sub0201 .con02 li{border:1px solid #dfdfdf; padding:10px 30px; border-radius:3px; margin-bottom:5px; background:url(../images/sub_dot01.png) left 15px top 18px no-repeat;}

.sub0201 .con03{margin-bottom:100px;}
.sub0201 .con03 li{background:#f8f8f8; margin-bottom:10px;}
.sub0201 .con03 li b{display:inline-block; color:#fff; background:#20252c; padding:10px 30px; margin-right:30px;}

.sub0201 .con04 h4{font-size:19px; color:#fff; background:#20252c; padding:10px 15px; border-radius:3px; margin-bottom:5px;}
.sub0201 .con04 li{margin-bottom:20px; border:1px solid #dfdfdf; padding:15px; border-radius:3px;}

.sub0201 table{border-collapse:collapse; text-align:center; margin-bottom:100px;}
.sub0201 td, .sub0201 th{border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px 15px; line-height:150%;}
.sub0201 td:nth-child(1), .sub0201 th:nth-child(1){border-left:none;}
.sub0201 th{background:#20252c; color:#fff; border-top:2px solid #333;}
.sub0201 th:nth-child(1){width:40%;}
.sub0201 th:nth-child(2){width:20%;}
.sub0201 table ul{text-align:left;}
.sub0201 table li{margin:10px 0px; background:url(../images/sub_dot02.png) left top 9px no-repeat; padding-left:12px; text-align:justify;}
.sub0201 tr:nth-child(odd) td{background:#f8f8f8;}

/* sub0202 */
.sub0202 center{margin-bottom:30px;}
.sub0202 h3{font-size:30px; font-family:'Nanum Square'; color:#20252c; margin-bottom:20px;}
.sub0202 .con01{margin-bottom:100px;}
.sub0202 .con01 h4{margin:40px 0px 10px 0px; font-size:19px; background:#20252c; color:#fff; padding:10px 15px; border-radius:3px;}
.sub0202 .con01 li{margin-bottom:10px; background:#fff; border:1px solid #dfdfdf; border-radius:3px; padding:10px 15px;}
.sub0202 .con01 li b{display:block; float:left; color:#20252c; font-weight:normal;}
.sub0202 .con01 li div{margin-left:30px;}

.sub0202 .con02 h4{margin:40px 0px 5px 0px; font-size:19px; background:#20252c; color:#fff; padding:10px 15px; border-radius:3px;}
.sub0202 .con02 h4:nth-child(1){margin-top:0;}
.sub0202 .con02 li{border:1px solid #dfdfdf; padding:15px; border-radius:3px;}

/* sub0301 */
.sub0301{text-align:justify;}
.sub0301 center{margin-bottom:30px;}
.sub0301 h3{font-size:30px; font-family:'Nanum Square'; color:#20252c; margin-bottom:20px; margin:100px 0px 20px 0px;}
.sub0301 h3:nth-child(1){margin-top:0;}
.sub0301 h4{font-size:19px; color:#20252c; margin-bottom:15px; margin-top:50px;}
.sub0301 div b{display:block; color:#333; font-size:19px; margin-bottom:10px;}
.sub0301 li{background:#f8f8f8; margin-bottom:10px;}
.sub0301 li span{display:inline-block; background:#20252c; color:#fff; padding:10px 30px; margin-right:30px;}

/* sub0302 */
.sub0302 h3{font-size:30px; font-family:'Nanum Square'; color:#20252c; margin-bottom:20px;}
.sub0302 center{margin-bottom:30px;}
.sub0302 h4{font-size:19px; color:#20252c; margin:50px 0px 15px 0px;}
.sub0302 figure{border:1px solid #dfdfdf; padding:15px; border-radius:3px;}
.sub0302 h5{background:#20252c; color:#fff; padding:10px 15px; border-radius:3px; font-size:19px; margin-top:20px;}
.sub0302 li{border:1px solid #dfdfdf; border-radius:3px; padding:10px 15px; margin-top:5px;}

/* sub0401 */
.sub0401 center{margin-bottom:30px;}
.sub0401 h4{font-size:19px; margin-bottom:5px; background:#20252c; color:#fff; text-align:center; padding:10px 0px; border-radius:3px;}
.sub0401 h5{font-size:17px; color:#333; margin:30px 0px 5px 0px;}
.sub0401 h5:nth-child(1){margin-top:0;}
.sub0401 ul{float:left; width:49%; margin-bottom:50px;}
.sub0401 ul center{border-radius:3px; overflow:hidden; margin-bottom:5px;}
.sub0401 ul:nth-child(odd){margin-right:2%;}
.sub0401 ul div{border:1px solid #dfdfdf; padding:20px; border-radius:3px;}
.sub0401 ul a{display:block; background:#dfdfdf; color:#333; text-align:center; font-size:18px; margin-top:15px; padding:10px 0px; border-radius:5px;}
.sub0401 ul a:hover{background:#333; color:#fff;}
.sub0401 li{background:url(../images/sub_dot02.png) left top 9px no-repeat; padding-left:12px;}

@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;}
  .mbn01-1{background-size:cover; height:240px;}
  .mbn01-2{background-size:cover; height:240px;}
  .mbn01-3{background-size:cover; height:240px;}

  .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;}

  .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:20px 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;}

  .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:14px;}

  /* sub0101 */
  .sub0101 .con01{padding:500px 0px 0px 0px; background:url(../images/sub0101.jpg) top center no-repeat; background-size:100%;}
  .sub0101 .con01 h3{font-size:25px;}
  .sub0101 .con01 li{background:url(../images/sub_dot01.png) left top 5px no-repeat;}
  .sub0101 .con01 li br{display:none;}
  .sub0101 .con02{margin:20px 0px;}
  .sub0101 iframe{height:200px;}
  .sub0101 .con03{text-align:center;}
  .sub0101 .con03 li{padding-bottom:10px;}
  .sub0101 .con03 li b{display:block; padding:10px 0px; margin-right:0px; margin-bottom:10px;}

  /* sub0201 */
  .sub0201{text-align:justify;}
  .sub0201 center{margin-bottom:20px;}
  .sub0201 figure{margin:0px 0px 60px 0px;}
  .sub0201 h3{font-size:25px; margin-bottom:20px;}
  .sub0201 .con01{margin-bottom:60px;}
  .sub0201 .con01 h4{font-size:17px;}
  .sub0201 .con02{margin-bottom:60px;}
  .sub0201 .con02 h4{font-size:17px;}
  .sub0201 .con02 li{background:url(../images/sub_dot01.png) left 15px top 16px no-repeat;}
  .sub0201 .con03{margin-bottom:60px;}
  .sub0201 .con03 li b{padding:10px 20px; margin-right:20px;}
  .sub0201 .con04 h4{font-size:17px;}
  .sub0201 table{ margin-bottom:60px;}
  .sub0201 td, .sub0201 th{padding:10px; font-size:14px;}
  .sub0201 table li{background:url(../images/sub_dot02.png) left top 10px no-repeat;}

  /* sub0202 */
  .sub0202 center{margin-bottom:20px;}
  .sub0202 h3{font-size:25px;}
  .sub0202 .con01{margin-bottom:60px;}
  .sub0202 .con01 h4{font-size:17px;}
  .sub0202 .con02 h4{font-size:17px;}

  /* sub0301 */
  .sub0301 center{margin-bottom:20px;}
  .sub0301 h3{font-size:25px; margin:60px 0px 20px 0px;}
  .sub0301 h4{font-size:17px;}
  .sub0301 div b{display:block; color:#333; font-size:19px; margin-bottom:10px;}
  .sub0301 ul{text-align:center;}
  .sub0301 li{padding-bottom:10px;}
  .sub0301 li span{display:block; padding:10px 0px; margin-right:0px; margin-bottom:10px;}

  /* sub0302 */
  .sub0302 h3{font-size:25px;}
  .sub0302 center{margin-bottom:20px;}
  .sub0302 h4{font-size:17px;}
  .sub0302 figure{padding:0px; border:none;}
  .sub0302 h5{font-size:17px;}

  /* sub0401 */
  .sub0401 center{margin-bottom:20px;}
  .sub0401 h5{font-size:17px;}
  .sub0401 ul{float:none; width:100%; margin-bottom:50px;}
  .sub0401 ul:nth-child(odd){margin-right:0;}
  .sub0401 ul div{padding:15px;}
  .sub0401 ul a{font-size:17px;}
  .sub0401 li{background:url(../images/sub_dot02.png) left top 7px no-repeat;}
}

@media (max-width:580px){
  #sub_page{width: 96%; padding:20px 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;}
}