@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@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;
}

img {border:0px;}
*{font-family: 'Pretendard-Regular' !important;}
body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; background-color:#ffffff;}
body, td, p, input, button, textarea, select, .c1 {font-family:Nanum Gothic, sans-serif; font-size:10pt;}

.topline {border-top:4px solid #1152b2;}
#m-top-bg {background:url(../images/m-top-bg.jpg) center top repeat;}
.mainbg {background:url(../images/mainbg.jpg) center top no-repeat;}
.subbg {background:url(../images/subbg.jpg) center top no-repeat;}


.m-bnr{color:08367d; font-size:12px; padding-bottom:21px;  }
.right-border td{border-right:1px solid #b6c8d1; padding-bottom:10px; padding-top:10px;}


.bigtitle {padding:55px 0px 25px 0px;font-size:15px; color:#1152b2; font-weight:bold; width:195px; background:url(../images/bigtitlebg.png) right 65% repeat-x; }
.bigtitle span{background:#fafafa; padding-right:15px;}

.title {color:272727; font-size:22px; font-weight:bold; background:url(../images/titleimg.jpg) left top no-repeat; padding-left:15px;}

.subtitle {font-size:13pt; color:#333333; font-weight:bold; line-height:47px; border-bottom:1px solid #d5d5d5; margin:43px 0px 15px 0px; padding-top:43px;}
.pageNavi {font-size:12px; color:#7c7c7c; }

.lbn td{ border:1px solid #dcdcdc;  width:195px; color:606060;  font-size:12px; padding:10px;  margin-top:17px; display: block;}
.lbn div{ color:252525;  font-size:16px; padding-bottom:10px;}
.lbn b{ color:1353b2;  font-size:13px;}

.copy {background-color:#ebebeb; color:#727272; padding:30px 0px 30px 0px; font-size:11px; text-align:center; margin-top:50px;}


/* menu */
#topmenu a {background:url(../images/topmenubg.jpg) left top no-repeat;  display:inline-block; line-height:50px; height:50px; padding:0px 50px 0px 15px;text-decoration:none; color:#272727; font-size:15px;  }
#topmenu a:hover {color:#1554b2;}

#topsm a {text-decoration:none; color:#fff; font-size:12px; padding-left:10px; line-height:28px;}
#topsm a:hover {color:#6193dd;}

.topsm01 {margin-left:450px;}
.topsm02 {margin-left:560px;}
.topsm03 {margin-left:650px;}
.topsm04 {margin-left:810px;}
.topsm05 {margin-left:870px;}

#submenu a {background:url(../images/lbg.jpg) left top no-repeat; width:195px; height:27px; text-decoration:none; color:#737373; font-size:14px; padding-left:25px;  line-height:27px; float:left;}
#submenu a:hover {background:url(../images/lbg-on.jpg) left top no-repeat; color:#1c59b3;}



.con{color:838181; font-size:14px; line-height:19px;}
.con div{color:232222; font-size:17px; padding-top:40px;}
.sb01{color:272727; font-size:22px;}
.sb01 div{color:9f9f9f; font-size:16px; padding-top:5px;}

.sb01-2 { padding-left:65px; }
.sb01-2 div { padding-bottom:5px; color:838181; font-size:14px;}
.sb01-2 b { color:#000; font-size:14px; width:60px; display:inline-block; margin-left:-65px; }
.tx01-2{color:272727;  font-size:37px; font-weight:bold;}
.tx01-2 div{color:919191;  font-size:19px; font-weight:normal; padding-bottom:20px;}


.sb01-3{color:272727; font-size:27px;}
.sb01-3 div{color:919191; font-size:19px; padding-top:5px;}
.tb01-3 td{color:838181; font-size:14px; background:#f7f7f7; line-height:30px; padding-left:15px;}
.tb01-3 .td2{color:fff;  background:#1353b2; text-align:center; padding-right:15px;}


.t2 {color:272727; font-size:22px;}
.t2 b {color:1353b2; }
.t2 div{color:9f9f9f; font-size:16px; padding-top:5px;}

/* ���� */
.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 h3{width:120px; margin-left:75px; line-height:120px; box-sizing:border-box; border:2px solid #1353b2; border-radius:50%; font-weight:normal;}
.sub0101 h3 center{color:#1353b2; font-family:'Nanum Square'; font-size:20px;}
.sub0101 figure{background:url(../images/sub0101_2.jpg) left 135px top repeat-y; padding:20px 0px 1px 0px;}
.sub0101 ul{margin-bottom:40px; background:url(../images/sub0101_1.jpg) left 129px top 4px no-repeat;}
.sub0101 h4{float:left; font-size:18px; color:#1353b2; font-family:'Nanum Square';}
.sub0101 li{margin-left:220px; margin-bottom:5px;}
.sub0101 li b{color:#333; display:inline-block; margin-right:10px;}

/* sub0102 */
.sub0102 h2{font-size:30px; font-family:'Nanum Square'; color:#000; margin-bottom:10px;}
.sub0102 h2 span{color:#1353b2;}
.sub0102 h5{font-size:16px; color:#333; font-weight:normal; margin-bottom:50px;}
.sub0102 figure{background:url(../images/sub0102.JPG) left top no-repeat; background-size:200px; margin-bottom:50px; padding-left:250px; text-align:justify;}
.sub0102 figure h4{margin-top:25px; font-size:18px; color:#1353b2;}
.sub0102 figure h4 span{color:#000;}

.sub0102 ul{background:#f8f8f8; padding:20px; text-align:center;}
.sub0102 h3{font-size:20px; font-family:'Nanum Square'; color:#1353b2; margin-bottom:5px;}
.sub0102 li{margin-bottom:15px;}

/* sub0103 */
.sub0103{background:url(../images/sub0103.jpg) right top -50px no-repeat;}
.sub0103 h3{font-size:25px; color:#000; font-family:'Nanum Square'; margin-bottom:5px;}
.sub0103 h3 span{color:#1353b2;}
.sub0103 h5{font-size:16px; color:#333; font-weight:normal; margin-bottom:50px;}
.sub0103 ul{margin-bottom:20px;}
.sub0103 li{float:left; width:199px; margin-right:8px; box-sizing:border-box;}
.sub0103 li:nth-child(4){margin-right:0;}
.sub0103 li div{border:1px solid #dfdfdf; padding:5px; background:#f8f8f8; margin-bottom:5px;}
.sub0103 li div span{display:block; border:1px solid #c5c5c5;}

/* sub0201 */
.sub0201 h3{font-size:20px; font-family:'Nanum Square'; color:#000; padding-left:29px; background:url(../images/sub_dot01.jpg) left top 2px no-repeat; margin-bottom: 10px;}
.sub0201 h3 span{color:#1353b2;}
.sub0201 h5{font-size:16px; color:#555; font-family:'Nanum Square';}
.sub0201 .con01 ul{margin-bottom:30px; line-height: 200%; background: #f8f8f8; padding: 20px;}
.sub0201 .con01 h4{color:#333; padding-left:22px; font-size:18px; font-family:'Nanum Square'; background:url(../images/sub_dot02.jpg) left top 8px no-repeat; margin: 10px 0;}
.sub0201 .con01 li{margin-bottom:5px; padding-left:22px; background:url(../images/sub_dot03.jpg) left 4px top 9px no-repeat;}

.sub0201 .con02{background:#f8f8f8; padding:5px 15px;}
.sub0201 .con02 ul{background:#fff; margin:10px 0px; padding:5px 0px;}
.sub0201 .con02 h4{float:left; width:200px; text-align:center; font-size:18px; font-family:'Nanum Square'; padding-top:40px;}
.sub0201 .con02 h4 span{display:inline-block; padding-left:22px; background:url(../images/sub_dot02.jpg) left top 3px no-repeat;}
.sub0201 .con02 li{margin-left:230px; padding:5px 0px 5px 22px; background:url(../images/sub_dot03.jpg) left 4px top 14px no-repeat;}