@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
img {border:0px;}
*{padding: 0;}
body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
body, td, p, input, button, textarea, select, .c1 {font-family:Nanum Gothic, sans-serif; font-size:10pt;}

/*���� ������*/
#main_section {line-height:160%; padding-top: 100px;}
.banner_bg{background:url(../images/bannerbg.jpg) center top repeat-y; height: 462px;}
.main_bn{width: 1100px; margin: 0 auto;}
.main_bn .main_bn01, .main_bn02{width: 550px; height: 415px; float: left;}
.main_bn01{background: #155dd5;}
.main_bn02{background: #1f1f1f;}
.main_bn02 a{padding-left: 104px;}
.bn01 {background:url(../images/line.jpg) right no-repeat; text-align:right; font-size:23px; color:#ffffff; padding-right:104px; margin-top:25px}
.bn02 {background:url(../images/line.jpg) left no-repeat; text-align:left; font-size:23px; color:#ffffff; padding-left:104px;}
.bntx01 {font-size:13px; color:#ffffff; text-align:right; line-height:160%; padding:20px 104px 0px 0px;}
.bntx02 {font-size:13px; color:#ffffff; text-align:left; line-height:160%; padding:20px 0px 25px 104px;}

.copy{border-top:solid 1px #c1c1c1;}
.copyadss{width: 1100px; margin: 0 auto; padding-top: 30px;}
.copy1{color:#4c4c4c; text-align:left; height:70px; width: 800px; float: left;}
.copy2{color:#145dd5; text-align:right; font-size:26px; font-weight:bold; width: 300px; float: left;}

#bigtitle{font-size:20px; color:#fff; font-weight:bold; text-align:center; height:80px; line-height:80px; width:180px; background:url(../images/bigtitlebg.jpg) left top no-repeat;}
#title{font-size:30px; color:#2b2b2b; font-weight:bold; line-height:80px;}
.topline {background-color:#165cd5; height:32px;}
#top_nav{width: 100%; margin: 0 auto;}
#bookmark, #topm{width: 550px; float: left;}
#topm {
    text-decoration: none;
    color: #ffffff;
    font-size: 12 px;
    font-weight: bold;
    padding-top: 7px;
    float: right;
    padding-right: 50px;
}
#topm a {text-decoration:none; color:#ffffff;}
#topm a:hover {color:#dddddd;}

/*���� ������*/
#sub_section {padding-top: 100px;}
#sub_img{background:url(../images/subbg.jpg) center top no-repeat; height: 285px;}
.toptx {font-size:12px; color:#fff; line-height:40px; width: 1100px; margin: 0 auto; padding-top: 245px;}

#sub_con{width: 1100px; margin: 0 auto;}
.sub_dot{margin: 25px 0px; text-align: center;}

/*contents*/
.sub_page {font-family:Nanum Gothic, ��������,  sans-serif; font-size:13px; color:#5a5a5a; line-height:160%; text-align:justify;}



.t0102 {font-size:12px; color:#adadad; padding:10px 0px 10px 0px; background:url(../images/sub0102dot.jpg) left bottom no-repeat;}
.t0102 b{font-size:18px; color:#1f1f1f; line-height:180%;}

.t0103 {font-size:45px; color:#2c2c2c; font-weight:bold; padding:0px 50px 0px 20px; vertical-align:middle; line-height:120%; background:url(../images/sub0103dot.jpg) right no-repeat; border-top:dashed 1px #c6c6c6; border-bottom:dashed 1px #c6c6c6;}
.s0103 {padding:30px 20px 30px 50px; border-top:dashed 1px #c6c6c6; border-bottom:dashed 1px #c6c6c6;}

.t0104 {font-size:25px; color:#1f1f1f; font-weight:bold; border-top:solid 2px #1f1f1f; border-bottom:solid 1px #1f1f1f; padding:20px;}
.s0104 {border-top:solid 2px #1f1f1f; border-bottom:solid 1px #1f1f1f; padding:20px;}
.s0104 b{color:#145dd5;}


@media screen and (max-width: 768px) {
  .t_none{display: none;}

/*���� ������*/
  #main_section {padding-top: 60px;}
  .banner_bg{background: none; height: 930px;}
  .main_bn{width: 100%;}
  .main_bn .main_bn01, .main_bn02{float: none; width: 100%; text-align: center; padding-top: 50px;}
  .main_bn02 a{padding-left: 0px;}
  .bn01 {background-image:none; padding-right:104px; margin-top:25px}
  .bn02 {background-image:none; padding-left:104px;}
  .copyadss{width: 100%;}
  .copy1{width: 100%; text-align: center;}

  /*���� ������*/
  #sub_section {padding-top: 60px;}
  .toptx, #sub_con{width: 100%;}
}

@media (max-width:580px){
  .m_none{display: none;}

  /*���� ������*/
  .main_bn01 a img, .main_bn02 a img{width: 100%;}
  .bn01 {background-image:none; padding-right:0px; padding: 0 10px;}
  .bn02 {background-image:none; padding-left:0px; padding: 0 10px;}
  .bntx01 {padding:20px 10px 0px 10px;}
  .bntx01 br{display: none;}
  .bntx02 br{display: none;}
  .bntx02 {padding:20px 10px 25px 10px;}
}