@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;}
@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;
}
@font-face {
    font-family: 'Freesentation-9Black';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-9Black.woff2') format('woff2');
    font-weight: 900;
    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';}

/* ���������� */
.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;}

#main_section{padding:190px 0px 100px 0px; background:url(../images/mainbg.jpg) center bottom no-repeat;}
#main_section article{width:1100px; margin:0 auto;}

.main_text{text-align:center; color:#fff; font-size:26px; font-family: 'Pretendard-Regular'; 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:33%; text-align:center;}
.main_banner li a{margin:0 auto; width:224px; height:258px; 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: 'Pretendard-Regular'; 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:35px; font-family: 'Pretendard-Regular'; color:#1c293a;}
#main_bottom .tel span{display:block; font-size:16px; font-weight:normal; color:#484848;}

#footer{border-top:2px solid #ebebeb; padding:20px 0px;}
#footer article{width:1100px; margin:0 auto;}
.copy{text-align:left;}

/* ���������� */
#sub_section{padding-top:90px;}
.sub_top{background:url(../images/subtop.jpg) center top no-repeat; height:254px;}
.sub_text{width:1100px; margin:0 auto; font-family: 'Pretendard-Regular'; 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 *{padding:0; margin:0; list-style:none; text-decoration:none;}
.normal{font-size:15px; line-height:150%; color:#555; word-spacing:-1px;}

/* sub0101 */
.sub0101 .con01{background:url(../images/sub0101_1.jpg) center center no-repeat; background-size:100%; padding:80px 0px 80px 67%; margin-bottom:50px;}
.sub0101 .con01 h3{font-size:14px; color:#000; font-weight:normal; margin:0px 0px 15px 0px;}
.sub0101 .con01 h3 b{display:block; font-size:25px; font-family: 'Pretendard-Regular'; margin-top:5px;}
.sub0101 .con01 li{margin-top:5px; font-size:15px;}

.sub0101 .con02 h3{background:#d1f1ec; color:#413f40; float:left; font-weight:normal; font-size:30px; font-family: 'Pretendard-Regular'; width:200px; height:200px; border-radius:50%; box-sizing:border-box; padding:55px 0px 0px 35px;}
.sub0101 .con02 h3 b{display:block; margin:15px 0px;}
.sub0101 .con02 ul{margin-left:250px; padding-top:50px;}
.sub0101 .con02 h4{font-size:19px; color:#1c293a; margin-bottom:10px;}
.sub0101 .con02 li{margin-bottom:30px;}

.sub0101 .con03{margin-top:50px;}
.sub0101 .con03 figure{padding:0px 0px 0px 45%; background:url(../images/sub0101_2.jpg) bottom left 150px no-repeat; /*background-size:21%;*/}
.sub0101 .con03 div{/*border-left:3px solid #c3c7c6;*/ padding-left:30px;}
.sub0101 .con03 h3{color:#265490; text-align:center; font-size:46px; margin-bottom:70px; font-family: 'Freesentation-9Black';}
.sub0101 .con03 h3 b{display:block; margin-top:20px; font-family: 'Freesentation-9Black';}
.sub0101 .con03 ul{margin-bottom:50px;}
.sub0101 .con03 h4{float:left; font-size:19px; color:#1c293a;}
.sub0101 .con03 li{margin-left:80px; margin-bottom:10px;}

.sub0101 .con04{text-align:right; margin-top:60px; margin-bottom:60px;}
.sub0101 .con04 div{margin-bottom:15px;}

/* sub0201 */
.sub0201 li {
    float: left;
    width: 49%;
    margin-right: 10px;
    text-align: center;
    font-size: 18px;
    margin: 20px 10px 20px 0;
    font-family: 'Freesentation-9Black';
    color: #265490;
}
.sub0201 li:nth-child(2){margin-right:0;}
.sub0201 li center{border:1px solid #dfdfdf; margin-bottom:5px;}

/* sub0301 */
.sub0301 img{margin-bottom: 35px;}
.sub0301 ul div{width:5%; height:110px;}
.sub0301 ul div img{opacity:0;}
.sub0301 ul li{box-sizing:border-box; border:1px solid #dfdfdf; padding:15px; border-radius:5px; font-size:15px; width:30%; height:auto; text-align: center;}
.sub0301 ul li b{display:block; margin-bottom:10px; color:#333;}
.sub0301 ul h4{font-size:19px; text-align:center; border-bottom:1px solid #dfdfdf; padding-bottom:15px; margin-bottom:15px; text-transform:uppercase; color:#265490;  font-family: 'Freesentation-9Black' !important;}
.sub0301 .con01 li{float:left; margin-bottom: 10px;}
.sub0301 .con01 div{float:left; background:url(../images/sub0301_2.jpg) center center no-repeat;}
.sub0301 .con01 div:nth-child(6){display:none;}
.sub0301 .con02 li{float:right;}
.sub0301 .con02 div{float:right; background:url(../images/sub0301_3.jpg) center center no-repeat;}
.sub0301 figure{background:#f8f8f8; border:1px solid #dfdfdf; border-radius:5px; padding:15px; margin: 20px 0;}
.sub0301 figure h5{font-size:19px; color:#333; float:left; border-right:2px solid #aaa; padding:10px 30px 10px 15px; display: none;}
.sub0301 figure div{font-size:15px; color:#555; padding-top:10px;}

/* sub0304 */
.sub0304 .con_box02 li:nth-child(3) h4{height:85px; padding-top:29px;}
.sub0304 .con_box02 li:nth-child(3) div{height:85px;}
.sub0304 .con_box02 li:nth-child(5) h4{height:270px; padding-top:119px;}
.sub0304 .con_box02 li:nth-child(5) div{height:270px;}
.sub0304 .con_box02 li:nth-child(5) li{margin-top:5px; font-size:14px; color:#666; background:url(../images/sub_dot03.png) left center no-repeat; padding-left:10px;}
.sub0304 .con_box02 li:nth-child(5) li:first-child{margin-top:0;}

/* sub0401 */
.sub0401 .con_box02 li li{background:url(../images/sub_dot03.png) left center no-repeat; padding-left:10px;}
.sub0401 .con_box02 li li:first-child{margin-top:0;}
.sub0401 .con01 li:nth-child(5) h4{}
.sub0401 .con01 li:nth-child(9) div{padding-top:16px;}
.sub0401 .con01 li:nth-child(11) div{padding-top:16px;}
.sub0401 .con01 li:nth-child(6) div{height: 86px;}
.sub0401 .con02 li:nth-child(3) div{padding-top:16px;}
.sub0401 .con02 li:nth-child(5) h4{height:105px; padding-top:36px;}
.sub0401 .con02 li:nth-child(5) div{height:105px;}
.sub0401 .con02 li:nth-child(7) div{padding-top:16px;}
.con_box02 h4.sub0202box{height: 86px; padding-top: 20px;}
.sub_tit{font-size:19px; color:#242a4c; margin-bottom:10px; background:url(../images/sub_dot01.jpg) left top 1px no-repeat; padding-left:25px;}
.con_box01{padding:15px; background:#f8f8f8; text-align:justify; margin-bottom:20px; border-radius:5px;}

.con_box02{background:#f8f8f8; border-radius:5px; padding:15px; margin-bottom:20px;}
.con_box02 h4{float:left; font-size:18px; background:#242a4c; color:#fff; height:60px; width:320px; text-align:center; box-sizing:border-box; padding:10px 0; border-radius:5px;}
.con_box02 div{background:#fff; border:1px solid #dfdfdf; margin-left:330px; height:60px; box-sizing:border-box; padding:7px 0px 0px 20px; border-radius:5px; margin-bottom: 30px;}
.con_box02 p{width:320px; text-align:center; padding:15px 0px;}

.con_box03 li{width:271px; float:left; background:#242a4c; color:#fff; font-size:16px; line-height:40px; text-align:center; border-radius:5px; margin-bottom:20px;}
.con_box03 div{width:31px; float:left; background:url(../images/arrow2.jpg) center center no-repeat; height:40px; }
.con_box03 div img{display:none;}
.con_box03 div:nth-child(6), .con_box03 div:nth-child(12){display:none;}

.con_box04{padding:15px; background:#f8f8f8; text-align:justify; margin-bottom:50px; border-radius:5px;}
.con_box04 ul{float:left; width:45%;}
.con_box04 h4{background:#242a4c; color:#fff; font-size:19px; text-align:center; padding:10px 0px; border-radius:5px; margin-bottom:5px;}
.con_box04 section{background:#fff; border:1px solid #dfdfdf; border-radius:5px; padding:15px; height:142px; box-sizing:border-box;}
.con_box04 li{background:url(../images/sub_dot02.png) left top 6px no-repeat; padding-left:12px; margin-bottom:10px;}
.con_box04 li:last-child{margin-bottom:0;}
.con_box04 li span{display:block; margin-top:5px; font-size:14px; color:#777;}
.con_box04 div{float:left; width:10%; height:189px; background:url(../images/arrow3.png) center center no-repeat;}
.con_box04 div img{display:none;}

.con_box05{padding:15px; background:#f8f8f8; text-align:justify; margin-bottom:50px; border-radius:5px;}
.con_box05 ul{margin-bottom:30px;}
.con_box05 ul:last-child{margin-bottom:0;}
.con_box05 h4{background:#242a4c; color:#fff; border-radius:5px; padding:10px 20px; font-size:17px;}
.con_box05 li{padding:5px 20px; background:#fff; border:1px solid #dfdfdf; border-radius:5px; margin-top:5px;}

.con_box06{padding:15px; background:#f8f8f8; margin-bottom:50px; border-radius:5px;}
.con_box06 li{border:1px solid #dfdfdf; margin-bottom:10px; padding:5px 30px; background:url(../images/sub_dot02.png) left 15px top 11px no-repeat #fff; border-radius:5px;}
.con_box06 li:last-child{margin-bottom:0;}

.table_box{border-collapse:collapse; margin-bottom:50px;}
.table_box td, .table_box th{border:1px solid #dfdfdf; padding:10px; font-size:15px; color:#555; line-height:150%; word-spacing:-1px;}
.table_box th{background:#242a4c; color:#fff;}
.table_box td:nth-child(1){text-align:center; background:#f8f8f8; color:#333;}
.table_box td li{margin-bottom:10px; background:url(../images/sub_dot02.png) left top 6px no-repeat; padding-left:12px;}
.table_box td li:last-child{margin-bottom:0;}

@media all and (max-width: 768px) {
  /* ���� ������ */
  .top{display:none;}
  #main_section{padding:110px 0px 50px 0px; background:url(../images/mainbg.jpg) center bottom no-repeat;}
  #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;}

  /* sub0101 */
  .sub0101 .con01{background:url(../images/sub0101_1.jpg) top center no-repeat; background-size:250%; padding:270px 0px 0px 0px; margin-bottom:100px; text-align:center;}
  .sub0101 .con01 h3{margin:0px 0px 20px 0px;}

  .sub0101 .con02 h3{margin:0 auto; float:none;}
  .sub0101 .con02 ul{margin-left:0px;}
  .sub0101 .con02 h4{font-size:17px;}
  .sub0101 .con02 li{text-align:justify;}
  .sub0101 .con02 li br{display:none;}

  .sub0101 .con03{padding:0px 0px 0px 0px; background:none; margin-top:100px;}
  .sub0101 .con03 figure{background:none; padding:0px 0px 0px 0px;}
  .sub0101 .con03 div{border-left:none; padding-left:0px;}

  .sub0101 .con04{text-align:justify;}
  .sub0101 .con04 br{display:none;}

  /* sub0201 */
	.sub0201 li{float:none; width:100% !important; margin-right:0; margin-bottom:20px;}
	.sub0201 li:nth-child(4){margin-right:0;}

  /* sub0301 */
  .sub0301 ul div{width:100%; height:auto; text-align:center; padding:20px 0px;}
  .sub0301 ul div img{opacity:1;}
  .sub0301 ul li{padding:15px; font-size:15px; width:100%; height:auto; text-align:center;}
  .sub0301 ul li b{display:block; margin-bottom:10px; color:#333;}
  .sub0301 ul h4{font-size:19px; text-align:center; border-bottom:1px solid #dfdfdf; padding-bottom:15px; margin-bottom:15px; text-transform:uppercase; color:#265490;}
  .sub0301 .con01{margin-bottom:0px;}
  .sub0301 .con01 li{float:none;}
  .sub0301 .con01 div{float:none; background:none;}
  .sub0301 .con01 div:nth-child(6){display:block;}
  .sub0301 .con02 li{float:none;}
  .sub0301 .con02 div{float:none; background:none;}
  .sub0301 figure{text-align:center;}
  .sub0301 figure h5{float:none; border-right:none; border-bottom:2px solid #dfdfdf; padding:0px 0px 15px 0px;}
  .sub0301 figure div{margin-left:0px;}

  /* sub0401 */
  .sub0401 .con_box02 li li{background:url(../images/sub_dot03.png) left top 7px no-repeat;}
  .sub0401 .con01 li:nth-child(5) h4{height:auto; padding:15px 0px;}
  .sub0401 .con01 li:nth-child(5) div{height:auto;}
  .sub0401 .con01 li:nth-child(9) div{padding:15px;}
  .sub0401 .con01 li:nth-child(11) div{padding:15px;}

  .sub0401 .con02 li:nth-child(3) div{padding:15px;}
  .sub0401 .con02 li:nth-child(5) h4{height:auto; padding:15px 0px;}
  .sub0401 .con02 li:nth-child(5) div{height:auto;}
  .sub0401 .con02 li:nth-child(7) div{padding:15px;}

  .con_box01 br{display:none;}
  .con_box02{background:#f8f8f8; border-radius:5px; padding:15px; margin-bottom:50px;}
  .con_box02 h4{float:none; height:auto; width:100%; padding:15px 0px; font-size:17px;}
  .con_box02 div{margin-left:0px; height:auto; padding:15px; margin-top:5px;}
  .con_box02 div br{display:none;}
  .con_box02 p{width:20%; text-align:center; padding:0px; margin:15px auto;}

  .con_box03 li{width:100%; float:none; line-height:60px;}
  .con_box03 div{width:20%; float:none; background:none; height:auto; margin:15px auto;}
  .con_box03 div img{display:block;}
  .con_box03 div:nth-child(6), .con_box03 div:nth-child(12){display:block;}

  .con_box04 ul{float:none; width:100%;}
  .con_box04 h4{font-size:17px;}
  .con_box04 section{padding:15px; height:auto;}
  .con_box04 li{background:url(../images/sub_dot02.png) left top 5px no-repeat;}
  .con_box04 li:last-child{margin-bottom:0;}
  .con_box04 div{float:none; width:20%; height:auto; background:none; margin:15px auto;}
  .con_box04 div img{display:block;}

  .con_box06{padding:15px; background:#f8f8f8; margin-bottom:50px; border-radius:5px;}
  .con_box06 li{border:1px solid #dfdfdf; margin-bottom:10px; padding:5px 30px; background:url(../images/sub_dot02.png) left 15px top 11px no-repeat #fff; border-radius:5px;}
  .con_box06 li:last-child{margin-bottom:0;}

  .table_box td, .table_box th{font-size:14px;}
  .table_box td li{background:url(../images/sub_dot02.png) left top 5px no-repeat;}
}
}