@charset "utf-8";
/* 2016-01-18 수정 */

.wrapper {
	width: 100%;
	height: auto;
	overflow: hidden;
	min-width: 960px;
}

.header {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	background: white;
	position: relative;
}

.container {
	width: 900px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	min-height: 500px;
}

.containerFull {
	width: 100%;
	height: auto;
	/* overflow: hidden; */
	margin: 0 auto;
	position: relative;
	min-height: 500px;
}

.header .defaultbox {
	width: 900px;
	height: auto;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	text-align: center;
	line-height: 45px;
}

.header .nav {
	width: 900px;
	height: 45px;
	overflow: hidden;
	margin: auto;
}
.header .nav ul {
	width: 900px;
	height: 42px;
	overflow: hidden;
	margin: 0 auto;
}
.header .nav ul li {
	float: left;
	list-style: none;
	width: 210px;
	height: 42px;
	overflow: hidden;
	line-height: 42px;
	text-align: center;
	font-size: 15px;
}
.header .nav ul li:first-child {
	background: none;
}
.header .nav ul li a {
	color: #333;
	display: block;
	height: 40px;
}
.header .nav ul li a.nvalist01{
	color: #333;
	border-bottom: 2px solid #607089;
}
.header .nav ul li a.nvalist02{
	color: #333;
	border-bottom: 2px solid #5ea989;
}
.header .nav ul li a.nvalist03{
	color: #333;
	border-bottom: 2px solid #d46447;
}
.header .nav ul li a.nvalist04{
	color: #333;
	border-bottom: 2px solid #6d4292;
}
.header .nav ul li a.nvalist05{
	color: #333;
	border-bottom: 2px solid #d1a462;
}

/*.submenu {
	width: 830px;
	height: auto;
	overflow: hidden;
	background-color: #EAEAEA;
	position: absolute;
	left: 1px;
	top: 85px;
	z-index: 990;
	padding: 15px;
}
.submenu a {
	display: block;
	width: 160px;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	margin: 5px auto;
} 20190419 통계소통지도 헤더 영향으로 주석처리*/
.header .nav .submenu ul {
	width: 900px;
	height: 42px;
	overflow: hidden;
	margin: auto;
}
.header .nav .submenu ul li {
	float: left;
	list-style: none;
	width: 160px;
	height: 42px;
	overflow: hidden;
	line-height: 42px;
	text-align: center;
	font-size: 15px;
}
.header .defaultbox>.etc {
	position: absolute;
	right: 25px;
	top: 6px;
	display: inline;
}

.bottom {
	width: 100%;
	height: 150px;
	text-align: center;
	line-height: 200px;
}

.submenu_title {
	width: 208px;
	text-align: center;
}

#board_lists_paging{text-align:center;}
	a.paging-item,a.paging-side{margin:0 .25em;}
	a.paging-item.selected{font-family:"나눔고딕B"; color:RED;}
	
	
	

/* 2015-09-22 추가 */
body{/* background:url(/img/bg/bg_header.jpg) repeat-x; */}
body a, body a:before{-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property:transform;transition-property: transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}
#wrap{height:auto;overflow:hidden;}
/* header */
a.skipNav {position:fixed; top:0; left:0; overflow:hidden; display:block; width:1px; height:1px; margin-top:-1px; font-size:1px; line-height:0;}
a.skipNav:hover, a.skipNav:focus, a.skipNav:active{width:100%; padding:20px 0; font-size:14px; text-align:center; font-family:"나눔고딕B"; color:#fff; background:#3376ad; z-index:5;}
/**header{position:relative;width:970px;height:104px;margin:0 auto;} djlee 수정 **/
header{position:relative;width:100%;height:104px;margin:0 auto;}
.headerEtc{height:28px;line-height:28px;text-align:right;}
/*.headerEtc a{display:inline-block;margin-left:20px;font-size:11px;color:#616161;} 20190318*/
.headerEtc a{display:inline-block;margin-left:0px;font-size:11px;color:#616161;}
.headerContents{width:100%;height:78px;position:relative;}
.headerContents h1{width:170px;height:78px;overflow:hidden;float:left;}
.headerContents h1 img{margin:12px 0 0 50px;}
.headerContents form{position: absolute;right: 0;top: 22px;height: 30px;display: block;overflow: hidden;border: 0;z-index: 10000;width: 76px;}
.headerContents form fieldset{border-radius:25px;height:30px;display:block;overflow:hidden;border:1px solid #2f4d6a;background:#fff; box-sizing:border-box; z-index:1000;}
.headerContents form.on{/* height: 400px */; width:230px; }  
.headerContents form fieldset>legend, .headerContents form label{position:absolute;left:-2000px; height:0; overflow:hidden;}
.headerContents form #searchKeyword{display:none;border:0;height:30px;width:150px;padding:0 10px;overflow:hidden;font-size:12px;color:#2f4d6a; background:none;}
.headerContents form.on #searchKeyword{display:block;}
.headerContents form a{margin:0;display:inline-block;overflow:hidden;z-index:100; position:absolute; right:0; top:0;}
.headerContents form.on a{border-top-left-radius:15px;border-bottom-left-radius:15px;}
/*.headerContents form a img{height:30px;}*/
.headerContents h2{position:absolute;left:-2000px}
.gnb { font-family: "나눔고딕B"; width: 640px; height: 58px; margin-left: 80px; float: left; margin-top: 14px; position: relative;font-size: 18px;}
.gnb li{text-align:left;float:left;width:20%;height:auto;overflow:hidden;}
.gnb li:nth-child(1) { width: 120px !important;}
.gnb li:nth-child(3) { width: 120px !important;}
.gnb li>a{padding:10px 0;height:20px;display:inline-block;border-top:2px solid #fff;}
.gnb li>ul{display:none;position:absolute;left:0;top:140px;background:#6c6c6c;}
.gnb li:nth-child(1)>ul{left:16px;}
.gnb li:nth-child(2)>ul{left:0px;}
.gnb li:nth-child(3)>ul{left:230px;}
.gnb li:nth-child(4)>ul{left:100px;}
.gnb li:nth-child(5)>ul{left:100px;} 
.gnb li.on>a{color:#21b69a;border-bottom:2px solid #21b69a;}
.gnb li.on>ul{display:inline;top:40px}
.gnb li>ul>li{float:none;display:inline-block;width:auto;padding:5px 10px}
.gnb li>ul>li a{display:inline;font-size:13px;color:#fff}

.submenuBox{z-index:10000;width:200%;height:0;overflow:hidden;position:absolute;left:-485px;top:102px;background:#f5f5f5;border-top:0px solid #b5b5b5;border-bottom:0px solid #b5b5b5;}
.submenuBox .rela{position:relative;width:970px;height:140px;margin:0 auto;background:url(/img/bg/bg_submenu.png) no-repeat left bottom;box-sizing: border-box;
    padding-left: 256px;}
/* .submenuBox .rela .etc{width:256px;height:130px;overflow:hidden;font-size:0;position:absolute;left:0; bottom:0;}
.submenuBox .rela ul{font-family:"dotum", "돋움", sans-serif; width:119px;height:165px;overflow:hidden;float:left;margin-top:10px;}
.submenuBox .rela ul li{font-size:11px;margin:10px auto;position: relative;padding-left: 5px;}
.submenuBox .rela ul li:before {content: '';display: block;width: 1px;height: 2px;background: #999;position: absolute;left: 0;top: 3px;}
.submenuBox .rela ul li a:hover{color:#21b69a; text-decoration: underline; font-weight: bold;}
.submenuBox .rela ul:nth-child(2) { margin-left:-5px !important;}
.submenuBox .rela ul:nth-child(3) { margin-left:0px !important;}
.submenuBox .rela ul:nth-child(4) { margin-left:27px !important;}
.submenuBox .rela ul:nth-child(5) { margin-left:0px !important;}
.submenuBox .rela ul:nth-child(6) { margin-left:-7px !important;}  */

.submenuBox .etc{width:256px;height:130px;overflow:hidden;font-size:0;position:absolute;left:0; bottom:0;}
.submenuBox .ulDiv{position:relative;margin-left:730px;margin-top:-145px;}
.submenuBox .ulDiv ul{font-family:"dotum", "돋움", sans-serif; width:119px;height:165px;float:left;margin-top:10px;}
.submenuBox .ulDiv ul li{font-size:11px;margin:10px auto;position: relative;padding-left: 5px;}
.submenuBox .ulDiv ul li:before {content: '';display: block;width: 1px;height: 2px;background: #999;position: absolute;left: 0;top: 3px;}
.submenuBox .ulDiv ul li a:hover{color:#21b69a; text-decoration: underline; font-weight: bold;}
.submenuBox .ulDiv ul:nth-child(2) { margin-left:-5px !important;}
.submenuBox .ulDiv ul:nth-child(3) { margin-left:20px !important;}
.submenuBox .ulDiv ul:nth-child(4) { margin-left:17px !important;}
.submenuBox .ulDiv ul:nth-child(5) { margin-left:-10px !important;}
.submenuBox .ulDiv ul:nth-child(6) { margin-left:-7px !important;} 


.searchPop{display:none;z-index:1650;position:absolute;right:17px;top:56px;width:232px;height:auto;overflow:hidden;background:#fff;border:1px solid #b4b4b6}
.searchPop .subj{width:100%;height:33px;font-size:13px;line-height:33px;text-indent:10px;overflow:hidden;background:#f6f6f6;}
.searchPop ul{width:100%;height:auto;overflow:hidden;margin:10px auto;}
.searchPop ul li{font-size:11px;display:inline-block;margin:5px 10px;line-height:16px;}
.searchPop ol{width:100%;height:auto;overflow:hidden;margin:10px auto;}
.searchPop ol li{font-size:11px;display:inline-block;position:relative;margin:5px 10px;padding-left:20px;line-height:16px;}
.searchPop ol li:before{position:absolute;left:0;top:0;content:"1";width:16px;height:16px;text-align:center;line-height:16px;overflow:hidden;background:#f0f0f0;}
.searchPop ol li:nth-child(1):before{content:"1";}
.searchPop ol li:nth-child(2):before{content:"2";}
.searchPop ol li:nth-child(3):before{content:"3";}
.searchPop ol li:nth-child(4):before{content:"4";}
.searchPop ol li:nth-child(5):before{content:"5";}
.searchPop ol li:nth-child(6):before{content:"6";}
.searchPop ol li:nth-child(7):before{content:"7";}
.searchPop ol li:nth-child(8):before{content:"8";}
.searchPop ol li:nth-child(9):before{content:"9";}
.searchPop ol li:nth-child(10):before{content:"10";}
.searchPop ul li div {cursor: pointer;}

/* footer */
body #footer{background:#fff;border-top:1px solid #cbcbcb;}
#footer .rela{width:970px;height:100px;margin:0 auto;position:relative;}
#footer .rela img{position:absolute;left:10px;top:20px;}
#footer .rela ul{position:absolute;left:200px;top:10px;}
#footer .rela ul li{font-size:12px;display:inline-block;padding:0 10px;background:url(/img/bg/bg_line02.png) repeat-y left center;}
#footer .rela ul li:first-child{background:none;padding-left:0;}
#footer .rela address{font-size:11px;position:absolute;left:200px;top:30px;line-height:1.8em}
#footer .rela address span{padding-right:20px;}
#footer .rela address span.post{display:block;}
#footer .rela .btnService{position:absolute;right:0;top:25px;width:173px;height:29px;line-height:29px;overflow:hidden;border:1px solid #bdbfc6;background:#e2e8e8;font-size:13px;text-indent:15px;}
#footer .rela .btnService:before{float:right;content:"";background:url(/img/ico/ico_more.png) no-repeat;width:12px;height:12px;overflow:hidden;margin:8px 8px 0 0;}
#footer .rela .btnService.on:before{-webkit-transform:rotate(225deg);transform: rotate(225deg);}

.serviceLayer{display:none;z-index:10;width:173px;height:auto;overflow:hidden;border:1px solid #bdbfc6;position:absolute;right:0;bottom:74px;}
#footer .rela .serviceLayer>ol{position:static;background:#fff;}
#footer .rela .serviceLayer>ol li{height:30px;line-height:30px;overflow:hidden;width:100%;border-bottom:1px solid #dcdcdc}
#footer .rela .serviceLayer>ol li a{display:block;margin:0 10px;font-size:11px;}

#footer .relaHidden { width:0px;height:0px;margin:0 auto;position:relative; }
/*박길섭 수정*/
.btnBottom .btnService{position:absolute;right:10px;bottom:90px;;width:140px;height:25px;line-height:27px;overflow:hidden;border:1px solid #bdbfc6;background:#e2e8e8;font-size:11px;text-indent:0; cursor: pointer; }
.btnBottom .btnService:before{float:right;content:"";background:url(/img/ico/ico_more.png) no-repeat;width:12px;height:12px;overflow:hidden;margin:7px 6px 0 0;}
.btnBottom .btnService.on:before{-webkit-transform:rotate(225deg);transform: rotate(225deg);}

.btnBottom .serviceLayer{display:none;z-index:10;width:140px;height:auto;overflow:hidden;border:1px solid #bdbfc6;position:absolute;right:10px;bottom:36px;}
.btnBottom .serviceLayer>ol{position:static;background:#fff;}
.btnBottom .serviceLayer>ol li{height:30px;line-height:30px;overflow:hidden;width:100%;border-bottom:1px solid #dcdcdc}
.btnBottom .serviceLayer>ol li a{display:block;margin:0 10px;font-size:11px;text-align:left;}

#container{width:970px;height:auto;overflow:hidden;margin:0 auto;padding-top:0;padding-bottom:23px}

.btnType01, .btnType02, .btnType03{display:inline-block;padding:0;text-align:center;font-size:13px;height:34px;line-height:34px;background:#dcdcdc;color:#666;margin:0 2px;width:100px;}
.btnType04{display:inline-block;padding:0;text-align:center;font-size:13px;height:34px;line-height:34px;background:#dcdcdc;color:#666;margin:0 2px;width:130px;}
.btnType03{width:auto;min-width:80px;background:#00bcd4;border-radius:17px;color:#fff;}
.btnType01:hover,.btnType01.on{background:#3385d3;color:#fff}
.btnType02:hover,.btnType02.on{background:#333;color:#fff}
.btnType
.btnType03:hover,.btnType03.on{background:#028c9d;color:#fff}

/* .htCore tr:nth-child(4){display:none !important} */

.mr20{margin-right:20px !important}

/* 알럿팝업 */
.popupWrapper{background:rgba(0,0,0,0.8); position: absolute; top: 0; width: 100%; height: 100%; z-index: 30000;}
.alertPopupWrapper{border:1px solid #ccc;background:#fff;width:400px;height:auto;overflow:hidden;position:absolute;left:50%;margin-left:-200px;}
.alertPopupWrapper .topbar{border-bottom:1px solid #ccc;width:100%;height:32px;line-height:32px;overflow:hidden;background:#f5f5f5;position:relative;}
.alertPopupWrapper .topbar>span{display:block;margin:0 0 0 10px}
.alertPopupWrapper .topbar a{opacity:.4;display:block;width:32px;height:32px;overflow:hidden;position:absolute;right:0;top:0;background:url(/img/ico/ico_close01.png) no-repeat center center;text-indent:-2000px;  transition-duration: .3s; transition-property: transform; transition-timing-function: ease-in-out; cursor: pointer; }
.alertPopupWrapper .topbar a:hover{transform: rotate(90deg);opacity:1;}
.alertPopupWrapper .popContents{width:100%;height:auto;overflow:hidden;padding:15px 0;}
.alertPopupWrapper .txt{position:relative;display:block;height:auto;padding-left:15px;overflow:hidden;margin:5px 0 0 72px;color:#666;font-size:11px;line-height:1.5em;text-align:left;}
.alertPopupWrapper .txt:before{content:"※";font-size:13px;position:absolute;left:0;top:0;}
.alertPopupWrapper .btnBox{width:100%; height:auto; overflow:hidden;margin:15px auto 0 auto;text-align:center;}
.alertPopupWrapper .messageBox{ width:90%; height:auto; overflow:hidden; text-align:center; margin:20px auto;line-height:25px;}
.alertPopupWrapper .btnStyle01 {display:inline-block;padding:5px 10px;font-size:13px;height:20px;line-height:20px;background:#dcdcdc;color:#666;margin:0 5px; cursor: pointer; }
.alertPopupWrapper .btnStyle01:hover, .btnStyle01:focus,.btnStyle01.on{background:#21b699;color:#fff} /* 2017.12.21 [개발팀] 접근성시정조치 */

.deem {
    background: rgba(0,0,0,0.8);
    display: block;
    height: 170%;
    left: 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20000;
}

.errorBody { height: 200px; }
.errorMessage {
	width: 400px;
/* 	height: auto; */
	overflow: hidden;
	border: 3px solid #656972;
	border-radius: 5px;
	padding: 20px 20px 20px 70px;
	font-size: 20px;
	margin: 100px auto;
	color: #333;
	box-shadow: 1px 1px 3px #ccc;
	background: url(/img/im/icon_warning.gif) no-repeat 20px center;
	word-break: break-all;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity:1}