@charset "utf-8";

@font-face {font-family:"ng"; src:url(../css/NanumGothic.eot); src:local(※), url(../css/NanumGothic.woff) format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family:"ngb"; src:url(../css/NanumGothicBold.eot); src:local(※), url(../css/NanumGothicBold.woff) format('woff'); font-weight: normal; font-style: normal;}

*{margin:0;padding:0;}
html, body {color:#585858; font:13px/130% 'ng','Malgun Gothic','맑은고딕','돋움',Dotum,Verdana,Arial,AppleGothic,sans-serif; overflow-x:hidden;height:100%;}
dl,ul,ol{list-style:none;}
fieldset, img {border:none;}
hr, caption{display:none;}
input,textarea,select,h1,h2,h3,h4,h5,h6 {font-size:100%;}
table {border-collapse:separate; border-spacing:0; border:0 none;}
caption, th, td {text-align:left; font-weight:normal;}
em, address {font-style:normal;}
a:link,a:visited {color:#585858; text-decoration:none; font-family:'ng','Malgun Gothic','맑은고딕','돋움';}
a:hover,a:active {color:#585858; text-decoration:none; font-family:'ng','Malgun Gothic','맑은고딕','돋움';}
button {border:0; background:none; cursor:pointer; display:inline;}
.button {margin-top:0px;}
.png24 {tmp:expression(setPng24(this));}
.clear {clear:both !important;}
.hidden{position:absolute !important; left:-999999em !important; top:-99999em !important; width:0; height:0; font-size:0; line-height:0; visibility:hidden; padding: 0 !important; margin: 0 !important; overflow: hidden;}
/*label {display:none;}*/

/*skipnavigation*/
#skipnavigation {position:relative; width:1000px; margin:0 auto; padding:0; display:none;}
#skipnavigation ul {margin:0; padding:0;}
#skipnavigation ul li a {display:block; padding:0 10px; height:0; overflow:hidden; color:#000; text-align:center;}
#skipnavigation a:hover,#skipnavigation a:focus,#skipnavigation a:active {height:auto; padding:0 10px; font-weight: bold;}

#wrap {margin:0 auto; padding:0; width:100%; min-width:980px; height:100%;}

#top_line {margin:0 auto; padding:10px 0 0 0; width:100%; height:25px; background:url(../img/main/top_line.gif) center top no-repeat;}
.top_con {margin:0 auto; padding:0; width:980px; text-align:right; font-size:11px; color:#999;}
.top_con a {text-decoration:none; font-size:11px; font-family:arial,'ng','Malgun Gothic','맑은고딕','돋움'; color:#999; letter-spacing:0.05em;}


#menu_line {margin:0 auto; padding:0; width:100%; height:59px; border-bottom:1px solid #929ba0;}
.menu-box {margin:0 auto; padding:0; width:980px;}
.menu-box h1 {float:left;}
.menu_con {margin:0; padding:0; width:780px; float:right;}

/* 메뉴바 */
.page_wrap {width:760px; margin:0 0 0 20px;}

#nav { margin:0; padding: 0; list-style:none;}
#nav li { float:right; display:block; position:relative; z-index:999; margin:0; font-weight:normal; padding:0; text-align:center; line-height:45px; width:20%; height:59px;}
#nav li a { display:block; font-size:17px; font-weight:normal; font-family:'ngb','ng','Malgun Gothic','맑은고딕','돋움'; color:#363636; letter-spacing:-1px; text-decoration:none;}
#nav li a:hover, #nav li a.hov {/*background-color:#fff;*/ color:#525da0; font-weight:normal; font-family:'ngb','ng','Malgun Gothic','맑은고딕','돋움'; letter-spacing:-1px;}

/* subnav */
#nav ul { position:absolute; left:0; top:90%; display: none; margin:0; padding:10px 0; list-style:none; background:#fff; border:1px solid #d7d7d7; width:100%;}
#nav ul li {margin:0; padding:0; width:100%; float: left; border:0px solid #ff0000; text-align:center; line-height:25px; }
#nav ul li:hover { border-left:0px solid transparent; border-right:0px solid transparent;}
#nav ul a { display: block; padding:10px 0; font-weight:normal; font-size:15px; letter-spacing:-1px; color:#797979;}
#nav ul a:hover { text-decoration:underline; font-weight:normal; font-size:15px; letter-spacing:-1px; color:#525da0; background-color:#fff;}

* html #nav ul { margin: 0 0 0 -2px; }

/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

#mr {margin:0 auto; padding:0; width:100%; background:url(../img/main/mr_bg.gif); height:400px;}

.con_line {margin:0 auto; padding:0; width:100%; background:url(../img/main/con_bg.gif) center top repeat-y;}
.con_con {margin:0 auto; padding:30px 0; width:980px;}

.part01 {margin:0; padding:0; width:260px; height:190px; float:left;}
/*.part01 a {display:block; color:#cdb5c5; padding-top:150px; height:110px; font-size:13px; letter-spacing:-0.05em; line-height:30px;}*/

/* 메인 게시판 */

#tab {position:relative; width:230px;}
#tab ul {list-style: none; margin: 0; padding:0;}
#tab ul li {padding-top:4px; height:21px; color: #b0c0d0; font-size:13px; font-family:'ng','Malgun Gothic','맑은고딕','돋움';}
#tab ul li a {color: #b0c0d0; font-size:13px; font-family:'ng','Malgun Gothic','맑은고딕','돋움';}
#tab ul li a:hover {text-decoration:underline;}
#tab .more {position:absolute; right:0; top:-40px; /*letter-spacing: -1px; color: black; font-size: 9px; font-family: verdana;*/}

.part02 {margin:0; padding:0 30px; width:400px; float:left;}
.part03 {margin:0; padding:0 0 0 30px; width:230px; height:190px; float:right;}
.part03 a {display:block; background:#525da0; text-align:center; cursor:pointer; color:#fff; font-size:15px; font-weight:normal; font-family:'ngb','ng','Malgun Gothic','맑은고딕','돋움'; letter-spacing:-0.05em; line-height:29px;}

#btm_line {margin:0 auto; padding:25px 0; width:100%;}
.btm_con {margin:0 auto; padding:0; width:980px;}
.qbtn {margin:0; padding:0; list-style:none;}
.qbtn li {padding:0; width:215px; float:left;}
.qbtn li a {display:block; padding:0 65px 0 0; height:80px; cursor:pointer; font-size:13px; line-height:18px; color:#797979; letter-spacing:-0.05em;}


#foot {margin:0 auto; padding:25px 0; width:100%; background:#ededed;}
.foot_con {margin:0 auto; padding:0; width:980px;}
.fcon {margin:0; padding:0; list-style:none;}
.fcon li {padding:0; float:left;}
.fcon li a {font-size:13px; color:#999; text-decoration:none;}

#foot address {font-size:13px; color:#999; line-height:18px; font-style:normal;}

#foot span {color:#d9d9d9;}
.copy {margin-top:15px; font-size:12px; font-family:arial; letter-spacing:0.05em; color:#9d9ea0;}

.arrows-container{height:100%; width:130px; position:fixed; top:0px; right:20px;}
.back-to-top {display: block; position:absolute; top:60%; height:38px; width:38px; background:url(../img/sub/top.png); z-index: 2;}

/* 간격+높이 */
.p5 {padding:0 5px; font-family:'dotum',돋움; color:#524741;}
.p10 {padding:0 10px; font-family:'dotum',돋움;}
.p15 {padding:0 15px; font-family:'dotum',돋움;}
.p25 {padding:0 25px; font-family:'dotum',돋움;}

.h5 {margin-top:5px;}
.h10 {margin-top:10px;}
.h20 {margin-top:20px;}
.h30 {margin-top:30px;}
.h50 {margin-top:50px;}

.t13 {font-size:13px; /*letter-spacing:-0.05em;*/ color:#585858; line-height:18px;}
.t15 {font-size:15px; letter-spacing:-0.05em; color:#666; line-height:20px;}
.t15 img {vertical-align:bottom;}
.t17 {font-size:17px; letter-spacing:-0.05em; color:#666; line-height:22px;}
.t17t {font-size:17px; letter-spacing:-0.05em; font-weight:normal; font-family:'ngb','ng','Malgun Gothic','맑은고딕','돋움'; color:#333; line-height:30px;}
.t17p {font-size:17px; letter-spacing:-0.05em; font-weight:normal; font-family:'ngb','ng','Malgun Gothic','맑은고딕','돋움'; color:#333; line-height:17px; background:url(../img/sub/tab01.png) left 0px no-repeat; padding-left:23px;}

.t19 {font-size:19px; letter-spacing:-0.05em; color:#666; line-height:24px; color:#333;}

.t23 {font-size:23px; letter-spacing:-0.05em; color:#585858; line-height:23px;}
.t30 {font-size:30px; letter-spacing:-0.05em; color:#585858; font-weight:normal; font-family:'ngb','ng','Malgun Gothic','맑은고딕','돋움'; line-height:30px;}

/* 메인롤링 */
.pages {list-style: none; margin-bottom:0px; padding: 0; text-align: center;}
.pages li {display: inline-block; width: 10px; height: 10px; margin: 0 2px; text-indent: -999px; border-radius:10px; background: #999; cursor: pointer; overflow: hidden; /*box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);*/}
.pages li:hover {background: #64b8dd;}
.pages li.active {background: #64b8dd;}
.sp01, .sp02, .sp03, .sp04 {text-align:center; width:400px; height:150px;}
.frame {overflow: hidden; position:relative;}
.frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.frame ul li { float: left; margin: 0 1px 0 0; padding: 0; cursor: pointer; }
/*.frame ul li img {width:100%;}*/
.frame ul li.active {color: #fff; background:#f0f3f4; }
.sps {margin:0; padding:0; list-style:none;}
.sps li {padding:0; width:200px; float:left; text-align:center;}
.mpo01 {margin:0; padding:0; width:200px; float:left; text-align:center; font-size:13px; color:#585858; font-family:Arial, Helvetica, sans-serif,'Malgun Gothic','맑은고딕','돋움';}
.mpo01 img {margin-bottom:5px;}