@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
    font-family: 'SeoulNamsanM';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulNamsanM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

img {border:0px;}
*{font-family: 'SeoulNamsanM';}
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;}

/* main */
.main {width:100%; height:783px; background-color:#fbfbfb; border-bottom:3px solid #b6b6b6;}
.m1 {float:left; margin-left:-750px; left:50%; position:absolute; z-index:1;    text-shadow:
        -1px -1px 0 #fff,
         1px -1px 0 #fff,
        -1px  1px 0 #fff,
         1px  1px 0 #fff;} /* img rolling */
.m2 {padding-top: 44px; position:relative; width:1100px; z-index:2; color:#000; font-size:12pt; top:70px; line-height:20px;    text-shadow:
        -1px -1px 0 #fff,
         1px -1px 0 #fff,
        -1px  1px 0 #fff,
         1px  1px 0 #fff;} /* txt */
.m2 b {font-size:60pt; line-height:120px;}
.m2 span {font-size:30pt; font-weight:bold; line-height:100px;}
.m3 {position:relative; width:100%; z-index:3; top:120px;} /* quick */
.m4 {position:relative; width:100%; height:175px; z-index:100; top:242px; clear:both; background:url(../images/m4bg.png) left top repeat;}

#banner1 {width:1100px;}
#banner1 a div {float:left; border:8px solid #000; color:#000; font-size:17pt; font-weight:bold; width:286px; line-height:87px; margin-left:60px; cursor:pointer; text-decoration:none;
  transition: 0.3s; background: #fff;}
#banner1 a div:hover{background: #000; color: #fff;}
.banner2 td {color:#7e8d95; padding:20px; vertical-align:top;}
#botit, #botit a {color:#bcc2c6; font-size:14pt; font-weight:bold; margin-bottom:10px; text-decoration:none;}

.tel div {float:left;}
.tel .number {padding-left:20px; color:#bdc3c8; font-size:10pt;}
.tel .number b {font-size:18pt; letter-spacing:2;}

#more {border-top:1px solid #7e8d95; color:#7e8d95; text-decoration:none; width:100%; display:inline-block; clear:both; margin-top:30px; padding-right:15px; text-align:right; cursor:pointer; background:url(../images/btn-more.jpg) right 5px no-repeat;}


/* sub from */
.subtop {color:#183d50; font-size:20pt; text-align:center; height:130px; background:url(../images/subtop.jpg) center top no-repeat #fbfbfb; font-weight: bold;}

.copy {color:#a6a6a6; padding:30px 0px 30px 0px; }

.bigtitle {color:#b9b9b9; font-size:8pt; padding:25px 0px 25px 0px;}
.bigtitle b{color:#1f1f1f; font-size:17pt; font-weight:bold; letter-spacing:-1px; }


/* menu */
#topbn a {font-size:8pt; color:#ffffff; font-weight:bold; line-height:25px; background-color:#183d50; padding:10px; text-decoration:none;}

#topmenu a {font-size:12pt; color:#666; font-weight:bold; padding:0px 0px 0px 60px; text-decoration:none; line-height:90px;}
#topmenu a:hover {color:#183d50;}

#menu a {color:#585858; font-size:11pt; background:url(../images/smbg.jpg) left 50% no-repeat; text-decoration:none; width:200px; line-height:32px; float:left;}
#menu a:hover {color:#1f1f1f; background:url(../images/smbg-on.jpg) left 50% no-repeat; font-weight:bold;}



/* sub content */
.con, .con td, .con div {font-size:12pt; line-height:160%; color:#525252; line-height: 180%;}
.con .con2 {text-align:justify;}

.con .bar {width:80px; height:50px; border-bottom:3px solid #1e1e1e; margin-bottom:50px;}

.con .btxt {color:#424242; font-size:16pt; line-height:140%;}
.con .btxt b {color:#1e1e1e; font-size:30pt; line-height:140%;}
.con .mtxt {font-size:13pt;}

.con .sign {color:#a1a1a1; font-size:10pt; text-align:right;}
.con .sign b {color:#575757; font-size:20pt;}

.con .color1 {color:#1e1e1e;} /* black */
.con .color2 {color:#183d50;} /* blue */

/* 공통 */
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:15px; line-height:150%; color:#555; word-spacing:-1px;}
.s_text01{font-size:30px; color:#333; font-weight:normal; line-height: 150%; color: #10165c; font-family: 'SeoulNamsanM';}
.s_text01 b{color: #e10067;}
.s_text02{font-size:16px; color:#555; font-weight:normal; margin-top:15px;}
.s_text03{font-size:30px; color:#333; font-weight:normal; margin:40px 0px; letter-spacing:3px;}
.s_text03 b{color: #e10067;}
/* sub0101 */
.sub0101{padding:10px 0px 10px 320px; text-align:justify; background:url(../images/sub0101.jpg) no-repeat left center;}
/* sub0201 */
.sub0201_1 figure{margin-bottom:50px;}
.sub0201_1 .con01{margin:10px 0px 10px 0px;}
.sub0201_1 .con01 li{margin-top:20px;}
.sub0201_1 .con01 li:first-child{margin-top:0px;}
.sub0201_1 .con01 li b{    display: block;
    background: #151a5f;
    padding: 5px 0 5px 10px;
    font-size: 19px;
    color: #fff;
    font-weight: normal;}
.sub0201_1 .con01 li b span{display:none;}
.sub0201_1 .con01 li div{border:1px solid #dfdfdf; padding:10px; margin-top:5px;}
.sub0201_1 .con01 li div a{color: #333 !important; text-decoration: none !important;}
.sub0201_1 .con01 li div a:hover{color: #e10067 !important; font-weight: bold;}
.sub0201_1 .con01 li div span{display:block; font-size:14px; color:#777; font-weight: bold; color: #e10067; }
.sub0201img img{margin: auto; display: block;}
.sub0201_1 .con02 li{border:1px solid #dfdfdf; margin-bottom:10px;}
.sub0201_1 .con02 li br{display:none;}
.sub0201_1 .con02 li span{display:inline-block; padding:5px 20px; background:#151a5f; color:#fff; margin-right:20px;}

.bg{display:table;position:relative; width:100%; height:243px; background:url(../images/sub0102.jpg) right top no-repeat; background-size: contain; padding:0; }
.box{margin:0;}
.tit{font-size: 20px; margin-bottom: 20px; font-family: 'Pretendard-Regular'; letter-spacing: 1px; line-height: 28px; color: #151a5f; font-weight: bold;}
.cont_list{background-image: url(../images/sub0102_tb.jpg); height: 374px;}
.cont_list_1{background-image: url(../images/sub0102_tb_1.jpg); height: 374px;}
.cont_list_2{background-image: url(../images/sub0102_tb_2.jpg); height: 374px;}
.cont_list_3{background-image: url(../images/sub0102_tb_3.jpg); height: 374px;}
.cont_list_4{background-image: url(../images/sub0102_tb_4.jpg); height: 374px;}

.sub0102_1{display:none;}

.sec_inner{overflow:hidden; width:100%; margin:0 auto; font-family: 'Pretendard-Regular'; border-top:2px solid #151a5f; border-bottom:1px solid #ddd; padding:10px 0;}
.info_list{overflow:hidden; font-family: 'Pretendard-Regular';}
.info_list h3{float:left; font-size:25px; width: 100%; padding-bottom: 30px;}
.info_list p{width: 50%; font-size: 16px; font-family: 'Pretendard-Regular'; line-height: 24px;}
.info_list > ul{overflow:hidden; float:left; width:82%; height:229px; background:url(../images/sub0102_02.jpg) right top no-repeat; padding-top: 20px;}
.info_list > ul.full{width:940px;}
.info_list > ul > li{overflow:hidden; float:left; width:100%; margin-bottom:30px;}
.info_list h3 b.red{color: red;}
.info_list h3 b.blue{color: #151a5f;}
.info_list .info_tit{float:left; width:20px; font-weight:700; line-height:normal; font-size:14px;}
.info_list .info_tit img{padding-top:3px;}
.info_list .info_tit span{display:none;}

.info_list .info_cont{float:left; color:#666; font-size:14px;}
.info_list .info_cont > span{display:block; margin-bottom:5px;}
.info_list .info_cont > span.mgb_0{margin-bottom:0;}
.info_list .info_cont > span.mgb_20{margin-bottom:20px}

.info_list li.right_list{float:left; width:auto; margin-left:40px;}
.info_list li.right_list .info_tit{width:auto;}
.info_list li.right_list .info_cont{float:right; width:auto; margin-left:30px;}

/* sub0201 */
.sub0201_2 figure{height:200px; background:#f8f8f8; margin-bottom:40px; box-sizing:border-box; padding:25px 30px 30px 350px;}
.sub0201_2 h4{font-size:19px; color:#151a5f; margin-bottom:10px; font-family: 'SeoulNamsanM';}
.sub0201_2 figure ul li{font-size: 15px; background: none;}

/* sub0102 */
.sub0102{background:url(../images/sub0103_1.jpg) no-repeat right top -50px;}
.sub0102 h4{text-transform:uppercase; font-size:19px; color:#fff; background:#151a5f; width:120px; line-height:120px; border-radius:50%; text-align:center; margin-left:80px;}
.sub0102 figure{padding:50px 0px 1px 0px; background:url(../images/sub0103_2.jpg) repeat-y left 136px top;}
.sub0102 ul{margin-bottom:50px; background:url(../images/sub0103_1.jpg) no-repeat left 132px top 3px;}
.sub0102 h5{font-size:19px; float:left; color:#151a5f;}
.sub0102 li{margin-left:250px; margin-bottom:10px; background:url(../images/sub0103_3.jpg) no-repeat left center; padding-left:12px; font-size: 15px;}
.sub0102 li b{padding-right: 10px; color: #e10067;}

/* sub0102 */
.sub0104{background:url(../images/sub0102.jpg) no-repeat right top -50px;}
.sub0104 h4{font-size:19px; color:#333; margin:40px 0px 15px 0px; text-transform:uppercase;}
.sub0104 ul{margin-bottom:20px;}
.sub0104 li{margin-top:5px;}
.sub0104 li b{display:inline-block; margin-right:15px; color:#333;}

/* sub0301 */
.sub0301 figure{margin-bottom:50px;}
.sub0301 h3{float:left; width:200px; font-size:20px; font-family:'TmoneyRoundWindExtraBold'; color:#171c60; text-align:center;}
.sub0301 h3 center{margin-bottom:15px;}
.sub0301 div span{font-size:13px; color:#666;}
.sub0301 div h4{margin:25px 0px 5px 0px; font-family:'TmoneyRoundWindExtraBold'; font-size:18px;}
.sub0301 table{margin-bottom:10px;}
.sub0301 td, .sub0301 th{font-size:15px; color:#555; padding:10px; line-height:150%;}
.sub0301 th{background:#f4f4f4; width: 33%;}
.sub0301 td{border-bottom:1px solid #dfdfdf;}
.sub0301 tr:nth-child(1) th, .sub0301 tr:nth-child(1) td{border-top:2px solid #171c60; width: 50%;}