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

html{height:100%;}
body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; height:100%;}
body, td, p, input, button, textarea, select, .c1 {font-family: Nanum Gothic, sans-serif; font-size:10pt;}
*{margin:0px; padding:0px; list-style:none; font-family: 'Pretendard-Regular' !important;}
/* ���������� */
.top{background:#1c293a;}
.top div{width:1100px; margin:0 auto; text-align:right; padding:3px 0px 5px 0px;}
.top a{color:#fff; text-decoration: none;}
.heard_line{clear:both;}
.bd{display: none;}
#main_section{background: none; width: 1340px; margin: auto; height: 754px;}
#main_section article{width:1100px; margin:0 auto;}

.main_text{text-align:center; color:#fff; font-size:26px; font-family:'Nanum Square'; font-weight:normal;}
.main_text span{display:block; font-size:50px; font-weight:bold; margin-top:10px;}
.main_bar{width:80px; height:4px; background:#fff; margin:25px auto;}

.main_banner li{float:left; width:49%; text-align:center;}
.main_banner li a{margin:0 auto; width:324px; height:283px; display:block;}

.bn01 a{background:url(../images/bn01.png) center top no-repeat;}
.bn02 a{background:url(../images/bn02.png) center top no-repeat;}
.bn03 a{background:url(../images/bn03.png) center top no-repeat;}

.bn01 a:hover{background:url(../images/bn_on01.png) center top no-repeat; transition: all 1s;}
.bn02 a:hover{background:url(../images/bn_on02.png) center top no-repeat; transition: all 1s;}
.bn03 a:hover{background:url(../images/bn_on03.png) center top no-repeat; transition: all 1s;}

#main_bottom{width:1100px; margin:0 auto; padding:30px 0px;}
#main_bottom li{width:330px; float:left; margin-right:55px;}
#main_bottom li:nth-child(3){margin-right:0px;}
#main_bottom h3{border-bottom:1px solid #dfdfdf; font-family:'Nanum Square'; font-size:18px; color:#1c293a; padding:5px 0px; margin-bottom:15px;
background:url(../images/main_dot.jpg) right 5px center no-repeat;}
#main_bottom .tel{font-size:40px; font-family:'Nanum Square'; color:#1c293a;}
#main_bottom .tel span{display:block; font-size:16px; font-weight:normal; color:#484848;}
/*#main_section{
    position: relative;
    height: 0;
    padding-bottom: 56.25%;}
#main_section iframe{    position: absolute;
    top: 0 ;
    left: 0;
    width: 100%;
    height: 100%;}*/
#footer{border-top:2px solid #ebebeb; padding:20px 0px;}
#footer article{width:700px; margin:0 auto; text-align: left;}
.copy{text-align:left;}

/* ���������� */
#sub_section{padding-top:90px;}
.sub_top{background:url(../images/subtop.jpg) center top no-repeat; height:254px; display: none;}
.sub_text{width:1100px; margin:0 auto; font-family:'Nanum Square'; color:#265490; padding-top:90px;}
.sub_text span{display:block; font-size:30px;}

.sub_con{width:1100px; margin:20px auto 0px auto;}
.btl2{font-size:23px; padding-top:5px; }
.btl3{height:2px; background-color:#555555; margin:5px 0px 30px 0px;}
.btl4{height:2px; background-color:#1c293a; margin:5px 0px 8px 0px;}

#sub_menu a {color:#333333; font-size:14px; background-color:#fff; text-decoration:none;  height:40px;  line-height:40px; padding-left:18px; display:block;width:220px;}
#sub_menu a:hover {color:#333333; background:url(../images/sumubg.jpg) left top no-repeat; font-weight:bold;}
#bigtit{font-size:28px; color:#333;}

.con_left, .con_right{float:left;}
.con_left{width:220px; margin-right:70px;}
.con_right{width:810px; padding-bottom:50px;}

/* ���� */
.normal{font-size:15px; line-height:150%; color:#555; letter-spacing:-1px;}
.sub_tit{background:url(../images/sub_dot01.jpg) left center no-repeat; font-size:18px; padding-left:22px; font-family:'Nanum Square'; color:#333; margin-bottom:10px;}
.sp20{height:20px;}

/* sub0101 */
.sub0101{text-align:justify;}
.sub0101 h3{float:left; font-size:20px; color:#265490; font-family:'Nanum Square'; padding-top:5px;}
.sub0101 h3 span{display:block; margin-top:5px;}
.sub0101 div{padding-left:250px;}

/* sub0102 */
.sub0102 figure{border-bottom:3px solid #333;}
.sub0102 figure h3{float:left; font-size:40px; color:#333; font-family:'Nanum Square'; text-transform:uppercase;}
.sub0102 figure div{text-align:right;}
.sub0102 li{float:left; width:50%; border-bottom:1px solid #dfdfdf;}
.sub0102 li span{display:inline-block; width:100px; text-align:center; padding:5px 0px; background:#265490; color:#fff; margin-right:20px;}

/* sub0201 */
.sub0201 h2{font-size:35px; color:#265490; font-family:'Nanum Square'; margin-bottom:30px; border-top:1px solid #dfdfdf; padding-top:50px;}
.sub0201 h2:first-child{border:none; padding:0;}
.sub0201 figure{margin-bottom:50px; text-align:justify; background:#f1f1f1; border:1px solid #dfdfdf; padding:15px;}
.sub0201 figure div{margin-top:20px; background:#fff; padding:15px;}
.sub0201 figure center{text-align:left; margin-top:20px;}
.sub0201 figure center span{display:block; font-size:18px; color:#333; font-family:'Nanum Square';}
.sub0201 figure h5{font-size:17px; color:#333; font-family:'Nanum Square';}
.sub0201 figure div h5{font-size:18px; color:#265490; font-family:'Nanum Square';}
.sub0201 figure div h6{margin-top:20px; font-size:16px; color:#333;}
.sub0201 figure div h6 span{display:inline-block; width:20px;}
.sub0201 figure div ul{margin-top:5px;}

.sub0201 .con01{padding:15px 15px 5px 0px;}
.sub0201 .con01 li{float:left; width:100%; border:1px solid #dfdfdf; box-sizing:border-box; margin-bottom:10px; background: #fff;}
.sub0201 .con01 li:nth-child(odd){margin-right:2%;}
.sub0201 .con01 li span{display:inline-block; padding:5px 20px; margin-right:20px; color:#fff; background:#265490;}
.sub0201 .con02{margin-top:10px;}
.sub0201 .con02 li{font-size:14px; color:#666; background:url(../images/sub_dot02.png) left top 10px no-repeat; padding-left:12px; font-weight: bold;}
.sub0201 .con06 li{padding:5px 20px;}
.sub0201 .con03{margin-bottom:15px;}
.sub0201 .con03:last-child{margin-bottom:0;}
.sub0201 .con03 li{float:left; width:32%; box-sizing:border-box; border:1px solid #dfdfdf; background:#fff; padding:5px 10px;}
.sub0201 .con03 li:nth-child(2){margin:0px 2%;}

.sub0201 .con04{margin:20px 0px; padding:15px; text-align:center; border:1px solid #dfdfdf;}

.sub0201 .con05{background:#fff; padding:15px 15px 5px 15px;}
.sub0201 .con05 li{border:1px solid #dfdfdf; box-sizing:border-box; margin-bottom:10px; font-size:14px;}
.sub0201 .con05 li span{display:inline-block; width:80px; margin-right:30px; text-align:center; color:#fff; background:#265490; padding:10px 0px;}
.sub0201 .con05 li div{display:inline;}

.sub0201 table{border-collapse:collapse; margin-bottom:50px;}
.sub0201 td, .sub0201 th{border:1px solid #dfdfdf; font-size:15px; color:#555; letter-spacing:-1px; padding:10px; font-weight:normal; line-height:150%;}
.sub0201 th{background:#265490; color:#fff;}
.sub0201 td.tdc{background:#f1f1f1 !important; text-align: center;}
.sub0201 .tb02{margin-bottom:0; margin-top:20px; background:#fff;}
.sub0201 .tb02 td{text-align:justify;}
.sub0201 .tb02 td:nth-child(1){background:#fff; color:#555; text-align:center;}
.sub0201 table.tb02 td{text-align: center;}
.sub0201 .tb03{margin-bottom:0; background:#fff;}
.sub0201 .tb03 td{text-align:justify;}
.sub0201 .tb03 td:nth-child(1){background:#fff; color:#555; text-align:center;}

@media all and (max-width: 768px) {
  /* ���� ������ */
  .top{display:none;}
#main_section{width: 100%; height: 280px;}
  #main_section article{width:100%;}
  .main_text{font-size:20px;}
  .main_text span{font-size:35px;}

  .main_banner li a{width:80%; height:150px; background-size:contain;}
  .main_banner li a:hover{background-size:contain;}

  #main_bottom{width:98%; margin:0 auto;}
  #main_bottom li{width:100%; float:none; margin-right:0px; margin-bottom:50px;}

  #footer article{width:100%;}
  .copy{text-align:center;}

  /* ���� ������ */
  #sub_section{padding-top:60px;}
  .sub_top{height:auto;}
  .sub_text{width:100%; padding:50px 0px; text-align:center; text-shadow:3px 3px 3px rgba(0,0,0,0.4);}
  .sub_text span{font-size:20px;}

  .sub_con{width:100%; margin-top:0px;}
  .con_left, .con_right{float:none;}
  .con_left{display:none;}
  .con_right{width:98%; margin:0 auto;}
  .btl2{text-align:center; border-top:1px solid #1c293a; border-bottom:1px solid #1c293a; color:#1c293a; padding:5px 0px; margin-bottom:20px;}
  .btl3{display:none;}

  /* ���� */
  .normal{font-size:14px;}
  .sub_tit{background:url(../images/sub_dot01.jpg) left center no-repeat; font-size:18px; padding-left:22px; font-family:'Nanum Square'; color:#333; margin-bottom:10px;}

  /* sub0101 */
  .sub0101 h3{float:none; font-size:20px; padding:20px 0px; text-align:center;}
  .sub0101 h3 span{display:inline; margin-top:0px;}
  .sub0101 div{padding-left:0px;}

  /* sub0102 */
  .sub0102 iframe{height:200px;}
  .sub0102 figure{border-bottom:none; text-align:center; margin-bottom:30px;}
  .sub0102 figure h3{float:none; font-size:25px; color:#333; margin-bottom:10px;}
  .sub0102 figure div{text-align:center;}
  .sub0102 figure div span{display:block;}
  .sub0102 li{float:none; width:100%; text-align:center; padding:5px 0px;}
  .sub0102 li span{display:block; width:100%; margin-right:0px; margin-bottom:5px;}

  /* sub0201 */
  .sub0201 br{display:none;}
  .sub0201 h2{font-size:20px; background:#265490; color:#fff; text-align:center; padding:10px 0px;}
  .sub0201 h2:first-child{border:none; padding:10px 0px;}
  .sub0201 figure{padding:10px;}
  .sub0201 figure img{width:100%;}
  .sub0201 figure div{padding:10px; margin-top:15px;}
  .sub0201 figure center{margin-top:20px;}
  .sub0201 figure center span{font-size:16px;}
  .sub0201 figure div h5{font-size:16px;}
  .sub0201 figure div h6{font-size:14px;}
  .sub0201 figure div h6 span{display:inline-block; width:20px;}
  .sub0201 figure div ul{margin-top:5px;}
  .tbbg{background: url(../images/tbbg.jpg) center no-repeat;}
  .sub0201 .con01{padding:10px 10px 1px 10px;}
  .sub0201 .con01 li{float:none; width:100%;}
  .sub0201 .con01 li:nth-child(odd){margin-right:0;}
  .sub0201 .con01 li span{padding:5px 10px; margin-right:10px;}

  .sub0201 .con02 li{font-size:13px; background:url(../images/sub_dot02.png) left top 8px no-repeat;}

  .sub0201 .con03{margin-bottom:0px;}
  .sub0201 .con03:last-child{margin-bottom:0;}
  .sub0201 .con03 li{float:none; width:100%; text-align:center; margin-bottom:5px;}
  .sub0201 .con03 li:nth-child(2){margin:0px 0px 5px 0px;}

  .sub0201 .con04{margin:20px 0px; padding:15px; text-align:center; border:1px solid #dfdfdf;}

  .sub0201 .con05{padding:10px 10px 1px 10px;}
  .sub0201 .con05 li{float:none; width:100%; text-align:center;}
  .sub0201 .con05 li:nth-child(odd){margin-right:0;}
  .sub0201 .con05 li span{float:none; width:100%; line-height:34px;}
  .sub0201 .con05 li div{padding:10px; margin:0px;}

  .sub0201 td, .sub0201 th{font-size:14px;}
}