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

*{padding: 0px;}
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:70px;}
#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; text-shadow:1px 1px 1px #000;}
.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:#fff; letter-spacing:-1px; margin-bottom:55px;}
.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%; padding-right:10px;}
.mbn02 .b02 a{text-decoration:none; color:#555;}
.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;}
.mbn03_2 table{border-collapse:collapse; border:0;}

.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:70px; 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; color:#555; line-height:150%; word-spacing:-1px;}
.sp20{height:20px;}

/* sub0101 */
.sub0101 figure{margin-bottom:60px; background:url(../images/sub0101.jpg) right top no-repeat; background-size:50%;}
.sub0101 .s_text01{font-size:25px; color:#000; font-family:'Nanum Square'; margin-bottom:5px;}
.sub0101 .s_text01 span{color:#e60012;}
.sub0101 .s_text02{font-size:17px; color:#555; font-weight:normal;}
.sub0101 .s_text03{color:#333; font-size:19px; font-weight:normal; letter-spacing:3px; margin:40px 0px;}

.sub0101 h4{margin:10px 0px; color:#e60012; font-weight:normal; font-size:17px;}
.sub0101 li{float:left; width:32%; text-align:justify;}
.sub0101 li:nth-child(2){margin:0px 2%;}


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

  .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;}
  .mbn03_2 img{width:100%;}

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

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

  /* sub0101 */
  .sub0101 figure{margin-bottom:60px; background:none;}
  .sub0101 figure br{display:none;; text-align:justify;}
  .sub0101 .s_text01{font-size:20px; margin-bottom:5px; text-align:center;}
  .sub0101 .s_text02{font-size:14px; color:#555; text-align:center;}
  .sub0101 .s_text03{font-size:16px; text-align:center; margin:25px 0px;}

  .sub0101 h4{font-size:16px;}
  .sub0101 li{float:none; width:100%; font-size:15px;}
  .sub0101 li:nth-child(2){margin:50px 0px;}
}

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

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