/* 나눔고딕 */
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicBold';
  font-style: normal;
  font-weight: 700;
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicExtraBold';
  font-style: normal;
  font-weight: 800;
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* --------------------------------------------------------------------------------------------------------------- */
.w300{	width:300px !important;	}
.mg0{	margin:0px !important;	}
.b-n{	border:none !important;	}


/* @clear fix */
* html .clfix { height: 1%; overflow: visible;} /* float clearing for IE6 */
*+html .clfix{ min-height: 1%;} /* float clearing for IE7 */
.clfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;} /* float clearing for everyone else */
.line2{	position:relative;float:left;width:680px;padding-bottom:30px;border-bottom:1px dashed #ccc;	}


.pdB50{	padding-bottom:50px;	}
.mgB150{	margin-bottom:150px;}
.d-n{	display:none;	}
/* Layout */
#wrapper {width:100%}
header {position:relative;width:100%;height:125px;z-index:99}
header #header {position:relative;width:1000px;margin:0 auto}
#wrapper section {position:relative;width:1000px;margin:10px auto 0}
#scontWrap {position:relative;width:1018px;margin:10px auto 0;}
footer {position:relative;float:left;width:100%;margin:30px 0 0 0}


/* Heading */
h1 {position:absolute;top:0px;left:0px;padding:0;margin:28px 0 0 0}
h2 {}
h3 {width:680px;text-align:left;font-size:24px;line-height:30px;font-weight:bold;color:#444;padding:38px 0 0 0}
h3 span {border-top:3px solid #0d4d9b;padding:8px 0 0 0}


/* Common */
.util {position:absolute;top:0;right:0;margin:34px 0 0 0;font-size:11px;color:#666}
.util li {float:left;display:inline;}
.util li a {color:#666}
.util li a:hover {color:#4b5ba1;font-weight:bold}
.util li.util-line {background:url(../images/u_line.gif) no-repeat left center;margin:0 10px;width:1px;height:18px}
.util li.util-login {background:url(../images/icon_join.gif) no-repeat left 4px;padding:0 0 0 15px;margin:0 0 0 10px}
.util li.util-logout {background:url(../images/logout_bg.png) repeat-x center top;padding:0 15px;margin:0 10px 0 0;width:48px;text-align:center}
.util li.util-login a {color:#555}
.util li.util-logout a {color:#4b5ba1;font-weight:bold}
.util li.util-login a:hover,
.util li.util-logout a:hover {font-weight:bold}
.util li.util-join {background:url(../images/icon_join.gif) no-repeat left 4px;padding:0 0 0 15px;margin:0 0 0 5px}


/* gnb */
#gnbDiv{position:relative}
.gnbDiv {width:1000px;height:270px;overflow:hidden;position:absolute;top:0px;left:0;margin:80px 0 0 0;z-index:9999}
.gnbDiv .gnbWrap{height:270px;margin:0 auto;overflow:hidden;position:relative;width:1000px;background:url(../images/gnb_bg2.png) no-repeat center top;z-index:10000;} /*gnb활성화시 height:225px; 비활성화시 height:45px*/
.gnbDiv .gnbWrap nav.gnb {width:980px;height:45px;z-index:999}
.gnbDiv .gnbWrap nav.gnb .oneDep {margin:0 0 0 0;font-size:20px;color:#fff;font-weight:bold;height:21px;padding:12px 0; letter-spacing:-0.5px;}

.gnbDiv .gnbWrap nav.gnb ul{overflow:hidden;width:996px;margin:0 0 0 4px;height:270px}
.gnbDiv .gnbWrap nav.gnb ul li{float:left;height:225px;text-align:center}
.gnbDiv .gnbWrap nav.gnb ul li.one{width:140px;}
.gnbDiv .gnbWrap nav.gnb ul li.two{width:140px;}
.gnbDiv .gnbWrap nav.gnb ul li.three{width:140px;}
.gnbDiv .gnbWrap nav.gnb ul li.four{width:140px;}
.gnbDiv .gnbWrap nav.gnb ul li.five{width:140px;}
.gnbDiv .gnbWrap nav.gnb ul li.six{width:140px;}
.gnbDiv .gnbWrap nav.gnb ul li.seven{width:140px;}
.gnbDiv .gnbWrap nav.gnb ul li a.oneDep{display:block; position:relative;}
.gnbDiv .gnbWrap nav.gnb ul li.on a.oneDep{color:#5bf2ff}
.gnbDiv .gnbWrap nav.gnb ul li.on.six{padding-right:0}
.gnbDiv .gnbWrap .twoDep{height:212px;display:block;padding-top:10px;position:relative;visibility:visible}
.gnbDiv .gnbWrap li.on .twoDep{}
.gnbDiv .gnbWrap li.on .twoDep a.off:hover{background:#207cd4;color:#fff;vertical-align:top;}
.gnbDiv .gnbWrap li .twoDep a.on{background:#018f48;color:#fff;vertical-align:top;}
.gnbDiv .gnbWrap li .twoDep a{color:#767676;display:block;line-height:24px}
.twoDbg{background:url(../images/bg_twoDbg.png) no-repeat 0 0;position:absolute;top:0;left:0;height:225px;width:1000px;margin:40px 0 0 0;z-index:999}


/* 색상 공통 */
.black {color:#333}
.blue {color:#1d398d}
.red {color:#da2128}







/* 게시판 - 5개 */
article.main-board {float:left;width:500px;height:205px;background:url(../images/m_board_bg.png) no-repeat center top;padding:20px 20px 25px 20px;margin:15px 10px 0 0}
/* Tab - 텍스트 */
ul.main-tabs {margin:0;padding:0;float:left;width:500px;height:35px;background:url(../images/m_tab_bg.png) repeat-x left top}
ul.main-tabs li {position:relative;float:left;text-align:center;cursor:pointer;width:78px;height:23px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;background:url(../images/tab_title_bg.gif) repeat-x left top;overflow:hidden;padding:5px 0}
ul.main-tabs li.end {border-right:1px solid #ddd}
ul.main-tabs li.active {background:#3c4d60;border:1px solid #000;font-weight:bold;color:#fff}
.tab-container {position:relative;clear:both;float:left;width:495px}
.tab-container .tab-content {padding:0;display:none;}
.tab-container .tab-content img {float:left;padding:7px 0 0 5px;text-align:left}
/* 게시판 리스트 - 공통 */
.tab-container .tab-content ul.main-board-list {width:100%;margin:25px 0 0 140px;}
.tab-container .tab-content ul.main-board-list li {position:relative;width:345px;background:url(../images/bullet01.gif) no-repeat left center;padding:0 0 0 10px;margin:0 0 2px 0}
.tab-container .tab-content ul.main-board-list li a {display:block}
.tab-container .tab-content ul.main-board-list li a:hover {font-weight:bold;color:#0087cb}
.tab-container .tab-content ul.main-board-list li.end {margin:0}
.tab-container .tab-content ul.main-board-list li span {position:absolute;right:0;top:0;font-size:11px;font-family:dotum, Dotum;font-weight:normal;color:#999}

.tab-container .tab-content a.more {position:absolute;top:0;right:0;background:url(../images/icon_more.png) no-repeat right 7px;margin:-28px 0 0 0;padding:0 8px 0 0;font-size:11px;font-weight:bold;color:#c11116}
.tab-container .tab-content a:hover.more {background:url(../images/icon_more_on.png) no-repeat right 7px;color:#0d4d9b}



/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {width:9px;height:19px;position:absolute;cursor:pointer;z-index:100;opacity:1;}
.nbs-flexisel-nav-left {left:0;background:url(../images/btn_previous.png) no-repeat left center;}
.nbs-flexisel-nav-right {right:0;background:url(../images/btn_next.png) no-repeat right center;}



/* 서브 공통 */
#scontSec {position:relative}
#scontSec .cBody {width:1012px;float:left;margin:0 auto;background:url(../images/subCon_center.gif) repeat-y left top;padding:0 0 0 10px}
#scontSec .cBody .subBody {float:left;overflow:hidden;min-height:400px;width:680px;margin:0 0 0 55px}
#scontSec .cBody .subBody section {overflow:hidden;min-height:300px;width:680px;margin:40px 0}
#scontWrap .img_center {margin:0 10px;line-height:0px}

.Title {background:url(../images/bullet_title.png) no-repeat left 5px;padding:0 0 0 27px;text-align:left;font-size:16px;line-height:28px;font-weight:bold;color:#444}


/* aside - top */
#STATICMENU {position:absolute;top:0;right:0;margin:118px -4px 0 0}
.top {position:relative;width:25px}

/* 서브비주얼 */
.subVisual_1 {background:url(../images/subVisual_01.jpg) no-repeat center top;height:240px;width:1000px;margin:0 0 15px 10px}
.subVisual_2 {background:url(../images/subVisual_02.jpg) no-repeat center top;height:240px;width:1000px;margin:0 0 15px 10px}
.subVisual_3 {background:url(../images/subVisual_03.jpg) no-repeat center top;height:240px;width:1000px;margin:0 0 15px 10px}
.subVisual_4 {background:url(../images/subVisual_04.jpg) no-repeat center top;height:240px;width:1000px;margin:0 0 15px 10px}
.subVisual_5 {background:url(../images/subVisual_05.jpg) no-repeat center top;height:240px;width:1000px;margin:0 0 15px 10px}
.subVisual_6 {background:url(../images/subVisual_06.jpg) no-repeat center top;height:240px;width:1000px;margin:0 0 15px 10px}
.subVisual_7 {background:url(../images/subVisual_07.jpg) no-repeat center top;height:240px;width:1000px;margin:0 0 15px 10px}
.subVisual_8 {background:url(../images/subVisual_08.jpg) no-repeat center top;height:240px;width:1000px;margin:0 0 15px 10px}

p.sv_txt1 {position:relative;width:930px;margin:0 auto;color:#333;font-size:30px;line-height:10px;font-weight:bold;padding:80px 0 15px 70px}
p.sv_txt1 span {color:#0087cb}
p.sv_txt2 {position:relative;width:930px;margin:0 auto;font-size:13px;font-weight:bold;padding:0 0 0 70px}

.path {position:absolute;top:0px;left:0px;width:300px;margin:60px 0 0 666px;*margin:61px 0 0 667px;font-size:11px;color:#777;text-align:right}
.path img {margin:0 5px 2px}
.path span {font-weight:normal;color:#1e91dd}


/* 레프트 메뉴 */
nav.lnb {float:left;width:225px;}
nav.lnb h2 {font-size:20px;line-height:20px;color:#fff;background:#fff url(../images/lnb_title.gif) no-repeat left top;padding:25px 0 30px 0;text-align:center;font-weight:bold;margin:0 0 10px 0}
nav.lnb h2 p {font-size:12px;line-height:19px;color:#5bf2ff;font-weight:noraml;padding:10px 0 0 0;}
nav.lnb ul {padding:0 14px 20px 14px}
nav.lnb li {border-bottom:1px solid #ddd}
nav.lnb li.end {border-bottom:1px solid #ddd}
nav.lnb li.on {border-bottom:1px solid #ddd}

nav.lnb a.twoD {display:block;font-size:12px;padding:8px 10px;font-weight:normal;color:#666}
nav.lnb a:hover.twoD,
nav.lnb .twoD.on {font-size:13px;background:#0d4d9b url(../images/lnb_Arrow.png) no-repeat 180px center;color:#fff}


/* footer */
footer .footer-cont {position:relative;width:1000px;border-top:2px solid #666;margin:0 auto;*zoom:1}
footer .footer-cont:after {content:"";clear:both;display:block}

/* Common 2 */
.util2 {position:relative;float:left;width:960px;padding:0 20px;background:#f8f8f8;border-bottom:1px solid #e5e5e5}
.util2 li {float:left;display:inline;margin:0 30px 0 0;padding:10px 0}
.util2 li.email {border:none;width:150px;padding:10px 0;margin:0 30px 0 0;font-size:12px;font-weight:normal}
.util2 li a {color:#666}
.util2 li a:hover {color:#0d4d9b;font-weight:bold}

footer > .footer-cont > .moveLink {position:absolute;top:0;right:0;margin:8px 20px 0 0}
footer > .footer-cont > .moveLink select {color:#666;height:22px;vertical-align:top;float:left;padding:2px;margin:0 5px 0 0}
footer > .footer-cont > .moveLink img {position:relative;float:left;padding:1px 0 0 0}

footer .footer-cont .f-logo {float:left;display:block;margin:30px 20px 0 0px}
footer .footer-cont address {float:left;margin:27px 0 30px 0;line-height:20px;font-size:12px;color:#777;width:880px}
footer .footer-cont address span.f-line {color:#ccc;font-weight:normal;font-size:11px;padding:0 7px;letter-spacing:-1.5px;}
footer .footer-cont address span.tel {background:url(../images/icon_Tel.png) no-repeat left center;padding:2px 0 2px 20px;color:#da2128;}
footer .footer-cont address span {font-weight:bold;font-size:11px}