@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.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;
}
body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; background-image:url(../images/bg.gif); background-repeat:repeat; background-position:left top;}
body, td, p, input, button, textarea, select, .c1 {font-family:Nanum Gothic, sans-serif; font-size:9pt; line-height:145%;}
*{font-family: 'Pretendard-Regular';}
.copy{padding:10px 0px 10px 0px; border-bottom:1px solid #474747; border-top:1px solid #474747; color:#808080;}

#topbt a{text-decoration:none; color:#858585; font-size:8pt; font-weight:bold; padding-left:10px;}
#topbt a:hover{color:#df970e;}

#topmenu a{text-decoration:none; color:#a8a8a8; font-size:10pt; font-weight:bold; padding-left:30px;}
#topmenu a:hover{color:#df970e;}

.m-title{font-size:11pt; font-weight:bold; color:#ffffff; padding:30px 0px 10px 0px;}

.mainbanner td{width:220px; height:220px; font-weight:bold; color:#ffffff; font-size:9pt; text-align:center;}
.mainbanner td div{font-size:12pt; line-height:160%;}
.mainbanner td img{-webkit-filter : grayscale(100%); -moz-filter : grayscale(100%); -ms-filter : grayscale(100%); -o-filter : grayscale(100%); filter:gray();}

.mainimg{position:absolute; width:660px; z-index:1;}
.maintext{color:#ffffff; background:#000; line-height:20px; padding-left:10px; width:230px; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; position:absolute; z-index:2; bottom:20px;}


.mbttombn td{font-weight:bold; color:#e8b416; font-size:10pt; letter-spacing:-1;}
.mbttombn-2 td{color:#fff; font-size:9pt; padding:5px 0px 50px 0px;}
.mainnum{color:#999999; font-size:20pt; font-weight:bold; letter-spacing:-1; font-family:arial; line-height:160%;}
.mainnum b{color:#df970e;}


.title{color:#252525; font-size:13pt; font-weight:bold; border-bottom:1px solid #e9e9e9; line-height:55px;}
.title span{color:#666666; font-size:9pt; font-weight:100; padding-left:7px;}

#submenu a{background:url(../images/lbg-off.jpg) left top no-repeat; width:180px; height:30px; text-decoration:none; color:#ffffff; font-size:9pt; padding-left:10px; padding-bottom:3px; line-height:30px; float:left;}
#submenu a:hover{background:url(../images/lbg.jpg) left top no-repeat; font-weight:bold;}

.subbn{font-size:8pt; color:#999; border-bottom:2px solid #df970e; line-height:40px; width:180px;}
.subbn span{color:#df970e; font-family:arial; font-weight:bold; letter-spacing:0; _letter-spacing:-1; font-size:14pt; line-height:40px;}

/* 공통 */
.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 center{margin-bottom:20px;}
.sub0101 figure{margin-bottom:50px;}
.sub0101 h4{float:left; width:200px; font-size:19px; color:#df970e; border-top:2px solid #df970e; padding-top:10px;}
.sub0101 section{margin-left:210px; border-top:2px solid #dfdfdf; padding-top:10px;}

/* sub0201 */
.sub0201 center{margin-bottom:20px;}
.sub0201 h3 a{display:block; background:rgba(0, 0, 0, 0.5); padding:20px 0px;}
.sub0201 h3 b{font-size:19px; display:block; color:#fff;}
.sub0201 h3 span{display:block; width:180px; padding:5px 0px; margin-top:20px; border:2px solid #fff; color:#fff;}
.sub0201 h3:hover span{background:#fff; color:#333;}

.sub0201 figure{margin-bottom:50px;}
.sub0201 h4{float:left; width:200px; font-size:19px; color:#df970e; border-top:2px solid #df970e; padding-top:10px;}
.sub0201 div{margin-left:210px; border-top:2px solid #dfdfdf; padding-top:10px;}

.sub0201 ul{background:#f8f8f8; margin-top:10px; padding:15px 15px 5px 15px;}
.sub0201 li{background:#fff; margin-bottom:10px; padding:5px 20px;}
.sub0201 li span{font-size: 14px;}

.sub0201 table{border-collapse:collapse;}
.sub0201 td, .sub0201 th{border:1px solid #dfdfdf; padding:10px; font-size:15px; color:#555; font-weight:normal; text-align: center;}
.sub0201 th{background:#333; color:#fff;}

/* sub0202 */
.sub0202 center{margin-bottom:20px;}
.sub0202 h3{width:320px; display:inline-block;}
.sub0202 h3:nth-child(1){margin-right:20px;}
.sub0202 h3 a{display:block; background:rgba(0, 0, 0, 0.5); font-size:19px; color:#fff; padding:20px 0px;}
.sub0202 h3 span{display:block; width:180px; padding:5px 0px; margin-top:20px; border:2px solid #fff; color:#fff;}
.sub0202 h3:hover span{background:#fff; color:#333;}

.sub0202 figure{margin-bottom:50px;}
.sub0202 h4{float:left; width:200px; font-size:19px; color:#df970e; border-top:2px solid #df970e; padding-top:10px;}
.sub0202 div{margin-left:210px; border-top:2px solid #dfdfdf; padding-top:10px;}

.sub0202 ul{background:#f8f8f8; margin-top:20px; padding:15px 15px 5px 15px;}
.sub0202 li{margin-bottom:10px; background:#fff;}
.sub0202 li span{display:inline-block; margin-right:20px; padding:5px 15px; background:#df970e; color:#fff;}

/* sub0203 */
.sub0203 h4{background:#df970e; color:#fff; padding:5px 17px; margin-bottom:5px;}
.sub0203 figure{border:1px solid #dfdfdf; padding:15px; margin-bottom:50px;}

/* sub0401 */
.sub0401 center{margin-bottom:20px;}
.sub0401 figure{margin-bottom:50px;}
.sub0401 h4{float:left; width:200px; font-size:19px; color:#df970e; border-top:2px solid #df970e; padding-top:10px;}
.sub0401 section{margin-left:210px; border-top:2px solid #dfdfdf; padding-top:10px;}
.sub0401 section b{color: #df970e;}
#daumRoughmapContainer1713935418681{width:100%; height:250px;}