@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1800px) {
	.panel-body li a{
		float:left;
		display: block;
		width: 70%;
		font-weight:400;
		font-size:13px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media only screen and (max-width:1440px) {
	#logo{padding-left:5px;}
	.sub-container{padding:0 20px 50px;}
}

@media only screen and (max-width:1400px) {
}

@media only screen and (max-width:1240px) {
	.board{
		font-size:11px;line-height:24px;
	}
	.panel-body li a{
		float:left;
		display: block;
		width: 70%;
		font-weight:400;
		font-size:11px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.civilservice .listbox ul li.item .linkbox .innerbox .textbox .text{
		font-weight:300;padding-top:10px;display:block; 
		line-height:20px; font-size:11px; letter-spacing:-0.04em;
	}
	.panel-txt {
		font-size:11px;
		font-weight:300;
	}
}

@media only screen and (max-width:1200px) {
	#logo{margin-top:8px;}
	#logo img{width:250px;}
	.sub-container{padding:0 20px 100px;font-size:1.3em}
	.sub1, .sub2, .sub3, .sub4, .sub5, .subb{height:400px}
	.panel-body li a{
		float:left;
		display: block;
		width: 65%;
		font-weight:400;
		font-size:11px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media only screen and (max-width:1000px) {
	.menu-bt-wrapper{display:block;margin-top:-15px;}
	.head{padding:1px 0 0;margin-bottom:10px;}
	.gnb{display:none}
	.m-c-b1{
		display:none;
	}
	img {display:inline;}
	a img {padding:5px 0;}
}

@media only screen and (max-width:800px) {
	.panel-body li a{
			float:left;
			display: block;
			width: 80%;
			font-weight:400;
			font-size:11px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
	}
}

@media only screen and (max-width:768px) {

}

@media only screen and (max-width:720px) {

}


@media only screen and (max-width:680px) {

}

@media only screen and (max-width:640px) {
.head{margin:0 auto;padding:1px 0 0}
	#footer{padding-bottom:1px}
	.head{margin-bottom:6px}
	.foot-area{font-size:0.8em}
	#logo{padding-left:0}
}											

@media only screen and (max-width:560px) {

}

@media only screen and (max-width:504px) {

}

@media only screen and (max-width:480px) {
	.panel-body li a{
			float:left;
			display: block;
			width: 80%;
			font-weight:400;
			font-size:11px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
	}
}

@media only screen and (max-width:400px) {
	.panel-body li a{
			float:left;
			display: block;
			width: 60%;
			font-weight:400;
			font-size:11px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
	}
}

@media only screen and (max-width:360px) {

}