@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
img {border:0px;}


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;}
@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-family: 'Pretendard-Regular' !important;}
/*
.tm01{font-size:16px; font-weight:bold; color:#333333; text-decoration:none; padding:0px 0px 0px 50px; line-height:80px;}
.tm02{font-size:16px; font-weight:bold; color:#333333; text-decoration:none; padding:0px 0px 0px 50px; line-height:80px;}
.tm03{font-size:16px; font-weight:bold; color:#333333; text-decoration:none; padding:0px 0px 0px 50px; line-height:80px;}
.tm04{font-size:16px; font-weight:bold; color:#333333; text-decoration:none; padding:0px 0px 0px 50px; line-height:80px;}
.tm05{font-size:16px; font-weight:bold; color:#333333; text-decoration:none; padding:0px 0px 0px 50px; line-height:80px;}
*/

#topmenu a{font-size:16px; font-weight:bold; color:#333333; text-decoration:none; padding:0px 0px 0px 50px; line-height:80px;}

#topnavi{line-height:25px;}
#topnavi a{font-size:12px; color:#ffffff; text-decoration:none; }


#topbg{width:100%; background-color:#1c293a;}
#mainbg{background:url(../images/mainbg.jpg) center top no-repeat; background-size: 100%;}
.bn01 a{background:url(../images/bn01.png) center top no-repeat; width:224px; height:258px; display:block;}
.bn02 a{background:url(../images/bn02.png) center top no-repeat; width:224px; height:258px; display:block;}
.bn03 a{background:url(../images/bn03.png) center top no-repeat; width:224px; height:258px; display:block;}

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


#line{width:100%; background-color:#ebebeb; border-bottom:2px solid #ebebeb; margin-bottom:6px; }
.copy{text-align: left;}
#subtopbg{background:url(../images/subtop.jpg) center top no-repeat; width:2500px; height:254px;}

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

#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;}
#menu a:hover {color:#333333; background:url(../images/sumubg.jpg) left top no-repeat; font-weight:bold;}
#bigtit{font-size:22px; color:#333;}

/* 공통 */
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:15px; line-height:150%; color:#555; word-spacing:-1px;}
.sp20{height: 20px;}

/* sub0101 */
.sub0101{margin-bottom: 50px;}
.sub0101 center{margin-bottom:20px;}
.sub0101 figure{margin: 40px 0;}
.sub0101 h3{font-size:19px; float:left; width:200px; font-family:inherit; color:#1c293a; border-top:2px solid #1c293a; padding-top:10px;}
.sub0101 div{margin-left:210px; border-top:2px solid #dfdfdf; padding-top:10px; text-align:left;}
.sub0101 h4{font-size:19px; font-weight:normal; color:#333; margin-top:30px;}

/* sub0102 */
.sub0102 h3{width:120px; line-height:120px; font-size:19px; color:#fff; background:#1c293a; border-radius:50%; text-align:center; margin-left:105px;}
.sub0102 figure{padding:50px 0px 1px 0px; background:url(../images/sub0102_1.jpg) left 160px top repeat-y;}
.sub0102 h4{font-size:19px; color:#1c293a; float:left;}
.sub0102 ul{margin-bottom:50px; background:url(../images/sub0102_2.jpg) left 156px top 3px no-repeat;}
.sub0102 div{margin-left:250px;}
.sub0102 li{margin-bottom:10px; background:url(../images/sub0102_3.jpg) left top 10px no-repeat; padding-left:12px;}

/* sub0103 */
.sub0103 li{background:#f8f8f8; margin-top:10px; padding:5px 20px;}
.sub0103 li b{display:inline-block; text-align:center; color:#1c293a; margin-right:10px;}

/* sub0201 */
.sub0201 center{margin-bottom:20px;}
.sub0201 figure{margin-bottom:50px;}
.sub0201 h3{float:left; font-size:19px; color:#1c293a; width:200px; border-top:2px solid #1c293a; padding-top:10px; line-height:140%;}
.sub0201 ul{margin-left:210px; border-top:2px solid #dfdfdf; padding-top:10px;}
.sub0201 li{margin-bottom:10px; background:url(../images/sub0102_3.jpg) left top 10px no-repeat; padding-left:12px; font-size: 14px;}

/* sub0301 */
.sub0301 h3{font-size:25px; color:#1c293a; margin-bottom:20px; font-family:inherit;}
.sub0301 figure{margin-top:30px;}
.sub0301 ul{float:left; width:192px; margin-right:8px; text-align:center;}
.sub0301 ul:nth-child(4){margin-right:0;}
.sub0301 h4{background:#1c293a; color:#fff; font-size:17px; padding:5px 0px;}
.sub0301 li{border:1px solid #dfdfdf; margin-top:10px;}

/* sub0501 */
.sub0501 ul{background:url(../images/sub0501.jpg) left 50px center no-repeat #f8f8f8; border-radius:10px; padding:50px 50px 50px 270px;}
.sub0501 h3{font-size:24px; text-transform:uppercase; font-family:inherit; color:#1c293a; margin-bottom:20px;}
.sub0501 li{margin-top:10px;}
.sub0501 li b{color:#1c293a;}