@charset "utf-8";

.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999px;left:-9999px;display:block;text-indent:-9999px;font-size:0px;line-height:0;}

/* 정보공개-사전정보공개 공표 */
.info_sch_box {
    background-color: #f2f2f2;
    margin-top: 10px;
	margin-bottom: 20px;
    padding: 20px;
    text-align: center;
	border:1px solid #ccc;
}
.input200 {
    border: 1px solid #cecece;
    padding: 2px;
    width: 200px;
}
.input100 {
    border: 1px solid #cecece;
    padding: 2px;
    width: 100px;
}
.input50 {
    border: 1px solid #cecece;
    padding: 2px;
    width: 50px;
}

.label_style {
    font-weight: bold;
    margin-left: 20px;
}
.search_box02 {position:relative; width:100%; height:40px; margin-top:30px}
.search_box02 select {background-color: #fff;
    height: 25px;
    margin: 3px 0 0;
    width: 180px;}
.fL02 {position:relative; width:60%;}


.wrap_info_sch {position:relative; width:100%; height:350px;}

.gn_tabMenu {
    clear: both;
    font-size: 1em;
    height: 70px;
    margin: 0 0 1.4em;
    width: 100%;
    position:relative;
}


.wrap_info_dept01 {position:relative; width:732px;  height:116px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.wrap_info_dept01 .dept01 li a{position:relative;width:60px; border-right:1px solid #ccc; height:116px; float:left;}

.wd_100 {position:relative; width:100%; height:auto; float:left;}
.bmg {margin-bottom:1.5em;}

p.gray_box {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #ddd;
    padding: 10px;
	margin-bottom:20px;
}

/*검색데이터테이블*/
.table_info {
    border-top: 2px solid #555;
    clear: both;
    width: 100%;
}
.table_info caption {
    display: none;
}
.table_info thead th {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #ccc;
    color: #555;
    font-size: 1em;
    font-weight: bold;
    line-height: 18px;
   padding: 7px 5px;
    text-align: center;
}
.table_info tbody th {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
    color: #555;
    font-size: 1em;
    font-weight: bold;
    line-height: 18px;
   padding: 7px 5px;
    text-align: center;

}
.table_info tbody td {
    border-bottom: 1px solid #ccc;
    color: #555;
    padding: 7px 5px;
}
.table_info tbody td a {
    text-decoration: none;
}
.table_info tbody td a:hover {
    color: #555;
    text-decoration: underline;
}
.table_info tbody td.aL {
    padding-left: 5px;
    text-align: left;
}
.table_info tbody td.aC {
    text-align: center;
}
.table_info tbody td.aR {
    text-align: right;
}

.table_info tfoot td {
    border: 0 none;
}

.table_info tbody td.tal a.link_view {letter-spacing:-0.05em; text-align:left !important; color:#cc3300;}
.table_info tbody td a.btn_sblue {background: none repeat scroll 0 0 #195879;
    border:1px solid #003366;
    color: #ffffff !important;
    font-size: 11px;
    line-height: 20px;
    padding: 3px 4px;}

.table_info th.title {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #a7a7a7;
    border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
    font-family: "맑은 고딕","Malgun Gothic","돋움","Dotum","Arial","sans-serif";
    font-size: 15px;
    letter-spacing: -1px;
    padding: 12px 0;
    text-align: center;
	color:#cc3300;
}


.table_info02 {
    border-top: 2px solid #555;
    clear: both;
    width: 100%;
}
.table_info02 caption {
    display: none;
}
.table_info02 thead th {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #ccc;
    color: #555;
    font-size: 1em;
    font-weight: bold;
    line-height: 18px;
   padding: 7px 5px;
    text-align: center;
}
.table_info02 tbody th {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
    color: #555;
    font-size: 1em;
    font-weight: bold;
    line-height: 18px;
   padding: 7px 5px;
    text-align: center;

}
.table_info02 tbody td {
    border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
    color: #555;
    padding: 7px 5px;
}
.table_info02 tbody td a {
    text-decoration: none;
}
.table_info02 tbody td a:hover {
    color: #555;
    text-decoration: underline;
}
.table_info02 tbody td.aL {
    padding-left: 5px;
    text-align: left;
}
.table_info02 tbody td.aC {
    text-align: center;
}
.table_info02 tbody td.aR {
    text-align: right;
}

.table_info02 tfoot td {
    border: 0 none;
}

.table_info02 tbody td.tal a.link_view {letter-spacing:-0.05em; text-align:left !important; color:#cc3300;}
.table_info02 tbody td a.btn_sblue {background: none repeat scroll 0 0 #195879;
    border:1px solid #003366;
    color: #ffffff !important;
    font-size: 11px;
    line-height: 20px;
    padding: 3px 4px;}

.table_info02 th.title {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #a7a7a7;
    border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
    font-family: "맑은 고딕","Malgun Gothic","돋움","Dotum","Arial","sans-serif";
    font-size: 15px;
    letter-spacing: -1px;
    padding: 12px 0;
    text-align: center;
	color:#cc3300;
}

/* 뷰어다운로드 */
.box_0704{
	position:relative;
	margin-top:50px;
	}
.box_0704 > img{
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-58px;
	}
.box_0704 > div{
	margin-left:130px;
	}
.box_0704 a{
	margin-left:17px;
	margin-top:10px;
	color:#333333 !important;
	}

.viewprogram_img{
	border:1px solid #cccccc;
	border-top:3px solid #92B6FF;
	padding:10px 0;
	margin-bottom:20px;
	}
.viewprogram_img .title_st{
	font-family:'NanumGothicWebB';
	font-size:20px;
	color:#6280bc;
	margin-top:10px;
	margin-bottom:10px;
	}
.viewprogram_img > p{
	margin-left:35px;
	}



/* =============================  사전정보공표 css 이식 ============================= */

.info_tab{
	position: relative;
	width:100%;
	height:41px;
	border-bottom:1px solid #ddd;
	}
.info_tab > ul > li{
	background:#f6f6f6;
	float:left;
	border-top:1px solid #dddddd;
	text-align:center;
	margin-bottom:3px;
	width:30%;
	}

.info_tab > ul > li > a{
	border-right:1px solid #dddddd;
	border-bottom:0px solid #dddddd;
	text-decoration:none;
	padding:12px 0px;
	display:block;
	font-family:'NanumGothicWebB';
	font-size:16px;
	line-height:16px;
	}
.info_tab > ul > li:first-child > a{
	border-left:1px solid #dddddd;
	}
.info_tab > ul > li > a.off{
	color:#666666;
	border-top:0px solid #dddddd;
	}
.info_tab > ul > li > a.on{
	border-top:2px solid #007569;
	border-bottom:0px;
	color:#007570 !important;
	background:#ffffff;
	}

.menu_open{
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	}
.menu_open > ul { overflow: hidden; }	
.menu_open > ul > li{
	float:left;
	width: 70.99px;
	height: 113px;
	}
.menu_open > ul > li:first-child > a,
.menu_open02 > ul > li:first-child > a{
	border-left:1px solid #c0c4be;
	}
.menu_open > ul > li.last_line > a,
.menu_open02 > ul > li.last_line > a{
	border-right:1px solid #c0c4be;
	}
.menu_open > ul > li > a,
.menu_open02 > ul > li > a{
	display:block;
	height: 90px;
	border-top:1px solid #c0c4be;
	border-bottom:1px solid #c0c4be;
	border-left:1px dashed #c0c4be;
	font-family:'NanumGothicWebB';
	font-size:13px;
	color:#4b575e;
	text-align:center;
	padding:5px 0 5px 0px;
	letter-spacing:-1px;
	cursor:pointer;
	line-height: 1.4em;
	}
.menu_open > ul > li > a.on, .menu_open > ul > li > a:hover,
.menu_open02 > ul > li > a.on, .menu_open02 > ul > li > a:hover{
	color:#186dc4 !important;
	background:#f2f9fe;
	text-decoration: underline;
	}
.menu_open > ul > li .icon{
	background:url(/portal/images/sub/btn_sectionIcon.png) no-repeat -14px 0;
	width: 38px;
	height: 50px;
	display: block;
	margin: 0 auto;
	}
.menu_open > ul > li + li span.icon{
	background:url(/portal/images/sub/btn_sectionIcon.png) no-repeat -84px 0;
	width:40px;
	}
.menu_open > ul > li + li + li span.icon{
	background:url(/portal/images/sub/btn_sectionIcon.png) no-repeat -142px 0;
	width:60px;
	}
.menu_open > ul > li + li + li + li span.icon{
	background:url(/portal/images/sub/btn_sectionIcon.png) no-repeat -220px 0;
	width:40px;
	}
.menu_open > ul > li + li + li + li + li span.icon{
	background:url(/portal/images/sub/btn_sectionIcon.png) no-repeat -282px 0;
	width:60px;
	}
.menu_open > ul > li + li + li + li + li + li span.icon{
	background:url(/portal/images/sub/btn_sectionIcon.png) no-repeat -351px 0;
	}
.menu_open > ul > li + li + li + li + li + li + li span.icon{
	background:url(/portal/images/sub/btn_sectionIcon.png) no-repeat -420px 0;
	}
.menu_open > ul > li + li + li + li + li + li + li + li span.icon{
	background:url(/portal/images/sub/btn_sectionIcon.png) no-repeat -490px 0;
	width:63px;
	}
.menu_open > ul > li + li + li + li + li + li + li + li + li span.icon{
	background:url(/portal/images/sub/btn_sectionIcon.png) no-repeat -572px 0;
	width:37px;
	}
.menu_open > ul > li + li + li + li + li + li + li + li + li + li span.icon{
	background:url(/portal/images/sub/btn_sectionIcon.png) no-repeat -630px 0;
	width:63px;
	}
.menu_open > ul > li + li + li + li + li + li + li + li + li + li + li span.icon{
	background:url(/portal/images/sub/btn_sectionIcon.png) no-repeat -698px 0;
	}
.menu_open > ul > li + li + li + li + li + li + li + li + li + li + li + li span.icon{
	background:url(/portal/images/sub/btn_sectionIcon.png) no-repeat -770px 0;
	width:60px;
	}
.menu_open > ul > li + li + li + li + li + li + li + li + li + li + li + li + li span.icon{
	background:url(/portal/images/sub/btn_sectionIcon.png) no-repeat -837px 0;
	width:63px;
	}

.menu_open > ul > li + li + li + li + li + li + li + li + li + li + li + li + li + li span.icon{
	background:none;
	width:39px;
	}


.menu_open02{
	margin-top:10px;
	margin-bottom:180px;
	position:relative;
	}
.menu_open02 > ul { overflow: hidden; }	
.menu_open02 > ul > li{
	float: left;
	width: 19.2%;
	}
.menu_open02 > ul > li  .icon{
	background:url(/portal/images/sub/btn_sectionIcon02.png) no-repeat -38px 2px;
	width: 68px;
	height: 50px;
	display: block;
	margin: 0 auto;
	}
.menu_open02 > ul > li:first-child {
	}

.menu_open02 > ul > li:first-child .icon{
	background:url(/portal/images/sub/btn_sectionIcon02.png) no-repeat -38px 2px;
	}
.menu_open02 > ul > li + li .icon{
	background:url(/portal/images/sub/btn_sectionIcon02.png) no-repeat -194px 2px;
	}
.menu_open02 > ul > li + li + li .icon{
	background:url(/portal/images/sub/btn_sectionIcon02.png) no-repeat -344px 2px;
	}
.menu_open02 > ul > li + li + li + li .icon{
	background:url(/portal/images/sub/btn_sectionIcon02.png) no-repeat -500px 2px;
	}
.menu_open02 > ul > li + li + li + li + li .icon{
	background:url(/portal/images/sub/btn_sectionIcon02.png) no-repeat -655px 2px;
	}
.menu_open02 > ul > li + li + li + li + li + li .icon{
	background:url(/portal/images/sub/btn_sectionIcon02.png) no-repeat -806px 2px
	}
.menu_open02 > ul > li:last-child{
	border-right:1px solid #c0c4be;
	}
.menu_open02 .sub_opendata{
	top: 102px;
	min-height: 150px;
	}
	
.menu_open03 {
	width: 95.9%;
	margin-top:10px;
	margin-bottom:65px;
	position:relative;
}
.menu_open03 > ul > li{
	float: left;
	margin: 0 3px 3px 0;
	width: 13.2%;
	cursor:pointer;
}

.menu_open03 > ul > li > a {
    display: block;
    padding: 8px 0px 5px 27px;
    line-height: 15px;
    border: 1px solid #cbcbcb;
    cursor:pointer;
    text-decoration:none;
	background: url(/portal/images/sub/ico_book_mark_off.png) no-repeat 5px 5px;
}
.menu_open03 > ul > li a:hover {
	background:#f2f9fe url(/portal/images/sub/ico_book_mark_on.png) no-repeat 5px 5px;
}


.menu_open03 > ul > li > a.on {
    display: block;
    padding: 8px 0px 5px 27px;
    line-height: 15px;
    border: 1px solid #cbcbcb;
    cursor:pointer;
    text-decoration:none;
	background:#f2f9fe url(/portal/images/sub/ico_book_mark_on.png) no-repeat 5px 5px;
	text-decoration: underline;
}

.sub_opendata{
	width: 95.9%;
	min-height: 90px;
	background-color:#f9f9f9;
	border-bottom:1px solid #c0c4be;
	position:absolute;
	left:0;
	top:102px;
	border-left:1px solid #c0c4be;
	border-right:1px solid #c0c4be;
	}
.sub_opendata > ul{
	padding:15px; overflow: hidden; 
	}
.sub_opendata > ul > li{
	float:left;
	width:25%;
	margin-bottom:5px;
	}
.sub_opendata > ul > li > a{
	background:url(/common/images/common/bul_depth03.png) no-repeat 0 7px !important;
	padding-left:7px;
	display:inline-block;
	letter-spacing:-1px;
	line-height:16px;
	color:#666666;
	}

.sub_opendata > ul > li:nth-child(10) a{
	border-left:0px dashed #c0c4be;
	border-right:0px solid #c0c4be;
}

.sub_opendata > ul > li > a.on,
.sub_opendata > ul > li > a:hover,
.sub_opendata > ul > li> a:focus{
	text-decoration:underline;
	color:#111111;
	font-weight:bold;
	}
.menu_open02 .sub_opendata > ul > li{
	float:left;
	width:20%;
	}


@media (max-width: 960px) {
	.menu_open > ul > li { width: 12%; height: 103px; }
	.menu_open > ul > li:nth-child(8) { border-right: 1px dashed #c0c4be; }
	.menu_open .sub_opendata { width: 92%; top: 206px; border-top: 1px solid #c0c4be; }
}	
@media (max-width: 600px) {
	.menu_open > ul > li { width: 18%; }
	.menu_open > ul > li:nth-child(8) { border-right: none; }
	.menu_open > ul > li:nth-child(5) { border-right: 1px dashed #c0c4be; }
	.menu_open > ul > li:nth-child(10) { border-right: 1px dashed #c0c4be; }
	.menu_open .sub_opendata { width: 92%; top: 309px; }
	.menu_open02 > ul > li { width: 33%; height: 103px; }
	.menu_open02 > ul > li:nth-child(3) { border-right: 1px dashed #c0c4be; }
	.menu_open02 .sub_opendata { width: 99%; top: 207px; border-top: 1px solid #c0c4be; }
	.menu_open02 .sub_opendata > ul > li { width: 33%; }
	
}	
@media (max-width: 400px) {
	.menu_open > ul > li { width: 30%; }
	.menu_open > ul > li:nth-child(5) { border-right: none; }
	.menu_open > ul > li:nth-child(10) { border-right: none; }
	.menu_open > ul > li  .icon { display: none; }
	.menu_open > ul > li { height: 47px; padding: 3px 0; }
	.menu_open > ul > li > a, .menu_open02 > ul > li > a { padding: 8px 0 0px; height: 40px; }
	.menu_open > ul > li:nth-child(3), .menu_open > ul > li:nth-child(6), .menu_open > ul > li:nth-child(9), .menu_open > ul > li:nth-child(12) { border-right: 1px dashed #c0c4be; }
	.menu_open .sub_opendata { width: 90%; top: 269px; }
	.menu_open02 > ul > li  .icon { display: none; }
	.menu_open02 > ul > li { height: 47px; padding: 3px 0; }
	.menu_open02 .sub_opendata { top: 109px; }
}	


.sitewrap  {display:flex; flex-wrap:wrap;}
.sitewrap * {box-sizing: border-box;}
.sitewrap > div {border:1px solid #dedede; display:flex; flex-direction: column; align-items: center; width:calc(25% - 20px); margin-right:20px; margin-bottom:20px; border-radius:5px; overflow:hidden;}  
.sitewrap > div:nth-child(4n) {margin-right:0;}
.sitewrap > div img {max-width:100%;}
.sitewrap > div span {border-top:1px solid #dedede; display:block; width:100%; text-align:Center; padding:10px; font-weight:600; color:#000; font-size:16px;}
.sitewrap > div a {display:block; background:#f2f2f2; width:100%; text-align:center; padding:5px; cursor: pointer;}
@media (max-width: 768px) {
	.sitewrap > div {width:calc(50% - 20px);}
	.sitewrap > div:nth-child(2n) {margin-right:0;}
}
@media (max-width: 480px) {
	.sitewrap > div {width:100%; margin-right:0!important;}
}