@charset "utf-8";

/* jquery-validation error */
input.error, select.error, textarea.error {
	background: #FAEDEC;
	border: 1px solid #E85445;
}
label.error {
	margin-top: 2px;
	margin-bottom: 2px;
	color: #E74C3C;
	display: block;
	clear: both;
	font-size: 14px;
}
label.error:empty {
	display: none !important;
}
label.error em {
	font-weight: bold;
}

body.dialog .container {
	overflow: auto;
	overflow-x: hidden;
	padding: 10px;
}

/* dialog 창 */
.ui-dialog{position:absolute;top:0;left:0;padding:0em !important;width:300px;overflow:hidden;font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;box-shadow: 3px 6px 10px #2c3136;}
.ui-dialog .ui-dialog-titlebar{background:#014fbb;position:relative;padding:1.2em 0em 1.2em 1.5em  !important;border:0;}
.ui-dialog .ui-dialog-title{font-size:16px;font-weight:normal;color:#fff;float:left;margin:.1em 16px .1em 0;}
.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:1.5em !important;top:50%;width:19px;margin:-8px 2px 0 0;padding:1px;height:18px;}
.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:0px;padding:0px;left:0;top:0;width: 16px !important;height: 16px !important;background-image: url(/statics/home/images/icon/ico_close_w16.png) !important;}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus{padding:0;}
.ui-dialog .ui-dialog-content{position:relative;border:0;padding:0em 1em .5em 1em;background:none;overflow:auto;}
.ui-icon-closethick{background-image:url('/statics/images/common/btn_dialog_close.gif') !important;background-position:left top !important;margin:0 !important;}
.ui-dialog .ui-dialog-titlebar-close, .ui-icon-closethick{width:16px !important;height:16px !important;}
.ui-dialog .ui-dialog-titlebar-close{background:none !important;border:none !important;}
.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover{padding:0 10px 0 0 !important;}
.ui-dialog.ui-widget-content {border: 0px; }

/* 다이얼로그창 오픈시 스크롤바 제거 */
.stop-scrolling{overflow:hidden}

/* 다이얼로그 오픈시 로딩이미지 */
.dialogIframe-placeholder{background:url("/statics/images/common/ajax-loader5.gif") no-repeat center center !important;}


/* 목록 데이터 없을때 출력 */
.emptyList {
	margin-top: 10px;
	background-color: #eee;
	text-align: center;
	line-height: 80px;
}

/* 다운로드 - 파일 선택시 */
.accordion_list01 .content .top > dl .file a.on {
	color: #1a4890;
	font-weight: bold;
}

/* 로딩바 */
.progressBarDiv .progressBackground{opacity:0.3;visibility:visible;position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:99998;background-color:black;}
.progressBarDiv .progressDiv{background-color:#fff;/*box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.3);*/overflow:hidden;width:250px;height:150px;z-index:99999;position:fixed;top:50%;left:50%;margin-top:-75px;margin-left:-125px;}
.progressBarDiv .progressDiv .progress-icon{width:48px;height:48px;margin:0 auto;margin-top:20px;margin-bottom:10px;}
.progressBarDiv .progressDiv .progress-text1{width:100%;text-align:center;line-height:28px;color:#000;font-size:14px;text-align:center;font-weight:bold;}
.progressBarDiv .progressDiv .progress-text2{width:100%;text-align:center;line-height:20px;color:#000;font-size:12px;text-align:center;}

/* 상단 메뉴바 4뎁스 메뉴 (2020-10-20 현재 4뎁스 메뉴는 없음) */
.gnb .sub_m > ul > li > ul > li > ul {margin-top: 4px;padding-left: 10px;}
.gnb .sub_m > ul > li > ul > li > ul > li > a {color: #666; font-size: 12px;}
.gnb .sub_m > ul > li > ul > li > ul > li > a:hover {color: #222; text-decoration: underline;}
.gnb .sub_m > ul > li > ul > li > ul > li > a.on {font-weight: bold;}

/* 사이트맵 팝업 4뎁스 메뉴 */
.sitemap > .inner .sub > div > ul > li > ul > li > ul { margin-top: 4px;padding-left: 10px; }
.sitemap > .inner .sub > div > ul > li > ul > li > ul > li {position: relative; margin-top: 4px; }
.sitemap > .inner .sub > div > ul > li > ul > li > ul > li > a {color: #fff; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 14px;}
.sitemap > .inner .sub > div > ul > li > ul > li > ul > li > a:hover {text-decoration: underline;}

.tb_list01 p {
	padding-left: 40px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #888;
}

/* 검색키워드 */
span.searchKeyword {
	color: red; background-color: yellow
}

/* 입력테이블 */
.writeTable {border-top: 2px solid #4880BE;margin-bottom:10px; border-collapse:collapse; border-spacing:0; width:100%;color: #494949;}
.writeTable > tbody > tr > th {padding:4px 7px; border:1px solid #c3c3c3; background-color:#e7e7e7; text-align:center; vertical-align:middle; color:#555; white-space:nowrap;height:28px}
.writeTable > tbody > tr > td {padding:4px; border:1px solid #c3c3c3; background:none; text-align:left; color:#333; line-height: 25px;}
.writeTable > tbody > tr > th, .writeTable > tbody > tr > td {padding: 4px 7px;border-bottom: 1px solid #dadada;}
.writeTable > tbody > tr > th {background-color: #eee;}
.writeTable > tbody > tr > th > label {display:inline-block;vertical-align: top;}
.writeTable > tbody > tr > th {color : #6080ba;text-align: right;padding-right: 10px;}
.writeTable .attach {display: table; width: 100%; padding: 16px 0 20px 0; }
.writeTable .attach .lb {width: 450px; padding-right: 10px; font-weight: 700; text-align: right;}
.writeTable .attach .file a {display: block; position: relative; margin-top: 3px; padding-left: 21px; color: #222;}
.writeTable .attach .file a::before {content: ""; display: block; position: absolute; left: 0; top: 4px; width: 15px; height: 16px; background: url(../images/icon/ico_file.png) no-repeat;}

/* 서브메뉴탭 (2depth) */
.contents_top .sub_menu	{ margin-top: 40px; margin-bottom: 30px;}
.contents_top .sub_menu .menu	{padding-top:0.714em;background-color:#fff;}
.contents_top .sub_menu .menu.on	{position:fixed;top:7.143em;left:50%; width:100%; max-width:1200px; transform:translateX(-50%);}
.contents_top .sub_menu .menu > ul	{width:100%;height:100%;display:table;table-layout:fixed;}
.contents_top .sub_menu .menu > ul > li	{position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.contents_top .sub_menu .menu > ul > li.current	{}
.contents_top .sub_menu .menu > ul > li:first-child > a {border-left:1px solid #ccc;}
.contents_top .sub_menu .menu > ul > li > a	{color:#222; height:3.125em;display:block;font-size:1.143em;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; box-sizing:border-box; padding:0.875em 0 0.938em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.contents_top .sub_menu .menu > ul > li.current > a	{color:#fff;border-top:1px solid #1a4890;border-right:1px solid #1a4890;border-bottom:1px solid #1a4890;background-color:#1a4890;}
.contents_top .sub_menu .menu > ul > li.next	{position:relative;}
.contents_top .sub_menu .menu > ul > li.next > a	{position:relative;}
.contents_top .sub_menu .menu > ul > li.next > a:after	{width:13px;height:7px;content:'';position:absolute;top:22px;right:13px;background-position:0 -600px;}
.contents_top .sub_menu .menu > ul > li.current.next > a:after	{background-position:0 -580px;}
.contents_top .sub_menu .menu > ul > li.next ul	{width:100%;display:none;position:absolute;top:50px;left:-1px;padding:9px 0 11px;border:1px solid #ccc;border-top:0;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.contents_top .sub_menu .menu > ul > li.next:first-child ul	{left:0;}
.contents_top .sub_menu .menu > ul > li.next ul li	{padding:5px 0 4px 38px;text-align:left;background-color:#fff;}
.contents_top .sub_menu .menu > ul > li.next ul li a	{font-size:14px;line-height:24px;background-color:#fff;}

/* 서브메뉴탭 (3depth) */
.contents_top .tab_menu	{width:100%;overflow:hidden;border-bottom:2px solid #333;}
.contents_top .tab_menu.cnt_2 li{width:calc(50% + 2px);}
.contents_top .tab_menu.cnt_3 li{width:calc(33.3333% + 2px);}
.contents_top .tab_menu.cnt_4 li{width:calc(25% + 2px);}
.contents_top .tab_menu.cnt_5 li{width:calc(20% + 2px);}
.contents_top .tab_menu.cnt_6 li{width:calc(16.6667% + 2px);}
.contents_top .tab_menu.cnt_7 li{width:calc(14.2857% + 2px);}
.contents_top .tab_menu.cnt_8 li{width:calc(12.5% + 2px);font-size: 12px;}
.contents_top .tab_menu.cnt_8 li > a {padding: 6px;display: flex;justify-content: center;flex-direction: column;text-align: center; }
.contents_top .tab_menu li	{float:left; margin-left:-2px;}
.contents_top .tab_menu.cnt_2 li:first-child{width:50%;}
.contents_top .tab_menu.cnt_3 li:first-child{width:33.3333%;}
.contents_top .tab_menu.cnt_4 li:first-child{width:25%;}
.contents_top .tab_menu.cnt_5 li:first-child{width:20%;}
.contents_top .tab_menu.cnt_6 li:first-child{width:16.6667%;}
.contents_top .tab_menu.cnt_7 li:first-child{width:14.2857%;}
.contents_top .tab_menu.cnt_8 li:first-child{width:12.5%;}
.contents_top .tab_menu li:first-child	{margin-left:0;}
.contents_top .tab_menu li a	{height:3.000em;display:block;font-size:1.143em;color:#000;text-align:center;border:2px solid #dfdfe4;border-bottom:0;background-color:#f4f3f3; box-sizing:border-box; padding:0.813em 0 0.875em;}
.contents_top .tab_menu li a.on	{position:relative;border:2px solid #333;border-bottom:0;background-color:#fff;}

/* 서브메뉴 팝업레이어 */
.popSubMenuList {
	width: 200px;
	max-height: 300px;
	border: 1px solid #c9c9c9;
	position: absolute;
	top: 20px;
	right: 0px;
	z-index: 2;
	border-radius: 5px;
	padding: 10px 10px 10px 20px;
	overflow-y: scroll;
	background: rgba(247, 247, 247, 0.5);
	text-align: left;
}
.popSubMenuList::-webkit-scrollbar {width: 5px;border-radius: 10px;}
.popSubMenuList::-webkit-scrollbar-track {border-radius: 10px;background: #f1f1f1;}
.popSubMenuList::-webkit-scrollbar-thumb {border-radius: 10px;background: #c9c9c9;}
.popSubMenuList::-webkit-scrollbar-thumb:hover {border-radius: 10px;background: #c9c9c9;}
.popSubMenuList ul {}
.popSubMenuList ul li a { font-size: 12px; color: #555;}
.popSubMenuList .second a { font-weight: bold;}
.popSubMenuList .third a { padding-left: 20px;font-weight: normal}
.popSubMenuList .fourth { padding-left: 20px;font-weight: normal}

/* 묻고답하기 이메일 답변여부 */
#emailAdresWrap ul li:last-child {
	margin: 10px 10px;
}

@media (max-width: 1200px) {
	.popSubMenuList {
		display: none;
	}
}

/* 모바일 디바이스 해상도 */
@media (max-width: 800px) {

	/* 사이트맵 팝업 4뎁스 메뉴 */
	.sitemap > .inner .sub > div > ul > li > ul > li > ul { margin-top: 4px;padding-left: 10px; }
	.sitemap > .inner .sub > div > ul > li > ul > li > ul > li {position: relative; margin-top: 4px; }
	.sitemap > .inner .sub > div > ul > li > ul > li > ul > li > a {color: #666; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 11px;}
	.sitemap > .inner .sub ul.secondItems > li > a.on { color: #1a4890; font-weight: bold }
	.sitemap > .inner .sub ul.secondItems > li > ul > li > a.on { color: #1a4890; font-weight: bold }
	.sitemap > .inner .sub ul.thirdItems > li > a.on { color: #1a4890; font-weight: bold }

	.sub_menu .menu > ul > li{width:33.3333%; float:left; display:block; height:auto;}

	.contents_top .sub_menu .menu > ul {border-top: 1px solid #ccc;}
	.contents_top .sub_menu .menu > ul > li > a { height: 40px;line-height: 40px;padding: 0px;border-top: 0px; }
	.contents_top .tab_menu li{width:33.3333% !important; float:left; display:block; height:auto;margin-left:-2px;}
	.contents_top .tab_menu li:first-child {margin-left:-2px;}
	.contents_top .tab_menu li a {padding: 10px;display: flex;justify-content: center;flex-direction: column;text-align: center;font-size: 12px;}

	.popSubMenuList {
		display: none;
	}

	/*.f_ipt {
		margin-left: 2px;
	}*/

	.sub_tit02 {
		float: none;
		margin-top: 35px;
		padding: 5px 0 0 5px;
		font-size: 16px;
		font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	}

	.board_write .form_box th {
		padding: 8px 5px;
	}

	.accordion_list01 .downloadBox {
		font-size: 12px;
		padding: 20px !important;
	}
}


@media screen and (max-width:640px){
	.sub_menu .menu > ul > li{width:50%; float:left; display:block; height:auto;}
	.contents_top .sub_menu .menu > ul {border-top: 1px solid #ccc;}
	.contents_top .sub_menu .menu > ul > li > a { height: 40px;line-height: 40px;padding: 0px;border-top: 0px; }
	.contents_top .tab_menu li{width:calc(50% + 2px) !important; float:left; display:block; height:auto;margin-left:-2px;}
	.contents_top .tab_menu li:first-child {margin-left:-2px;}
	.contents_top .tab_menu li a {padding: 10px;display: flex;justify-content: center;flex-direction: column;text-align: center;font-size: 12px;}
	.popSubMenuList {
		display: none;
	}
	/*.f_ipt {
		margin-left: 2px;
	}*/
}


.chartNoData {
	width: 100%;
	height: 150px !important;
	line-height: 150px !important;
	text-align: center !important;
	color: red !important;
	margin-top: 10px !important;
}


span.use {
	color: #0069D9;
}
span.notUse {
	color: #E74C3C;
}
span.ing {
	color: #00A000;
}
.accordion_list01 .list_group .head {
	cursor: pointer;
}

.pageMenu_46 .accordion_list01 .head span:nth-child(1) {width: 150px; text-align: center;}