@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: 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:15px; color:#ffffff; text-align:right; line-height:150%; padding:20px 104px 0px 0px;}
.bntx02 {font-size:15px; color:#ffffff; text-align:left; line-height:150%; 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;}


/*���� ������*/
#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*/
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:16px; line-height:150%; color:#555; word-spacing:-1px; margin-bottom:100px;}
.sp20{height:20px;}

/* sub0101 */
.sub0101{background:url(../images/sub0101.jpg) left center no-repeat; padding:150px 0px 150px 650px;}
.sub0101 figure{background:#fff; padding:30px;}
.sub0101 h3{font-size:24px; font-family:'Nanum Square'; color:#000;}
.sub0101 h3 span{display:block; margin:10px 0px;}
.sub0101 h4{margin-top:20px; font-weight:normal; font-size:18px; color:#333; font-family:'Nanum Square';}

/* sub0201 */
.sub0201 h2{text-align:center; font-family:'Nanum Square'; font-size:35px; color:#145dd5; margin-bottom:50px;}
.sub0201 figure{margin-bottom:40px; width:48%; float:left; box-sizing:border-box;  padding:10px 0px;}
.sub0201 figure:nth-child(odd){margin-right:4%;}
.sub0201 center{width:240px; float:left;}
.sub0201 ul{padding-left:240px; background:#f8f8f8;}
.sub0201 h3{font-size:25px; font-family:'Nanum Square'; color:#333; line-height:200px; text-align:center;}
.sub0201 li{border-top:1px solid #dfdfdf;}
.sub0201 li:last-child{border-bottom:1px solid #dfdfdf;}
.sub0201 li span{display:inline-block; background:#f8f8f8; width:80px; text-align:center; margin-right:20px; padding:10px 0px;}

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

/*���� ������*/
  #main_section {padding-top: 60px;}
  .banner_bg{background: none; height:auto;}
  .main_bn{width: 100%;}
  .main_bn .main_bn01, .main_bn .main_bn02{float: none; width: 100%; text-align: center; padding:20px; box-sizing:border-box; height:auto;}
  .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%;}
  #sub_con{width:98%; padding:0px 1%;}

  /*contents*/
  .normal{font-size:15px;}

  /* sub0101 */
  .sub0101{background-size:contain; background-position:top -50px center; padding:250px 0px 0px 0px;}
  .sub0101 figure{padding:30px 0px; text-align:center;}
  .sub0101 h3{font-size:20px;}
  .sub0101 h3 span{display:block; margin:10px 0px;}
  .sub0101 h4{margin-top:20px; font-weight:normal; font-size:18px; color:#333; font-family:'Nanum Square';}

  /* sub0201 */
  .sub0201 figure{margin-bottom:50px; width:100%; float:none;}
  .sub0201 figure:nth-child(odd){margin-right:0;}
  .sub0201 center{width:100%; float:none;}
  .sub0201 ul{padding-left:0px;}
  .sub0201 h3{line-height:60px;}
}

@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;}
  .bn02 {background-image:none; padding-left:0px;}
  .bntx01 {padding:20px 0px 0px 0px;}
  .bntx02 {padding:20px 0px 25px 0px;}
}