/******** 담당부서 정보 ********/
.charge {
	width: 100%;
	border: 1px solid #e8e8e8;
	padding: 10px 20px 7px 20px;
	margin-top: 30px;
	overflow: hidden;
	box-sizing: border-box;
}
.charge ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0 0 4px 45px;
	min-height: 33px;
	background: url(/images/common/charge_ico.png) no-repeat left 3px;
}
.charge ul.h7_ul {
    margin: 5px 0 10px 0; box-sizing: border-box;
}
.charge ul:after {
	content: "";
	display: block;
	clear: both;
}
.charge ul li {
	float: left;
	margin: 4px 0 0 25px;
	padding: 5px 0 5px 15px;
	background: url(/images/common/h5_bul.gif) no-repeat 5px center;
	box-sizing: border-box;
}
.charge ul li:first-child {
	margin: 4px 0 0 0;
}
.charge ul li strong {
	display: inline;
	font-weight: 600;
}

.all_charge{border:1px solid #e8e8e8; box-sizing:border-box; text-align:center; padding:20px; margin-top:30px; font-weight:bold; font-size:17px}


/** 공공누리유형 **/
.kogl_type{width:100%; border:1px solid #e8e8e8; padding:25px; margin:30px 0 20px 0; overflow:hidden; box-sizing:border-box; text-align:center;}
.kogl_type:after{content:''; clear:both; display:block;}
.kogl_type a.kogr_mark,.kogl_type .type_text{float:left;}
.kogl_type .type_text{box-sizing:border-box; padding-left:20px; display:table; width:calc(100% - 117px);}
.kogl_type .type_text.type01{width:calc(100% - 117px);}
.kogl_type .type_text.type02{width:calc(100% - 144px);}
.kogl_type .type_text.type03{width:calc(100% - 143px);}
.kogl_type .type_text.type04{width:calc(100% - 171px);}
	.kogl_type .type_text p{display:table-cell; height:43px; vertical-align:middle; text-align:left}
	.kogl_type .type_text p strong{font-weight:normal; color:#202020;}
	.kogl_type .type_text p > a{font-weight:bold; color:#323232;}


@media screen and (max-width:768px) {
	.charge ul li{width:100%; padding:5px 0 0 15px; margin:0; display:inline-block;}
	.charge ul li:first-child{margin:0;}
}
@media screen and (max-width:640px) {
	.kogl_type{padding:15px;}
	.kogl_type a.kogr_mark,.kogl_type .type_tex{float:none;}
	.kogl_type a.kogr_mark{display:inline-block;}
	.kogl_type a.kogr_mark img{height:36px;}
	.kogl_type .type_text,.kogl_type .type_text p{display:block;}
	.kogl_type .type_text.type01,.kogl_type .type_text.type02,.kogl_type .type_text.type03,.kogl_type .type_text.type04{width:100%;}
	.kogl_type .type_text{padding:10px 0 0 0;}
	.kogl_type .type_text p{font-size:13px; line-height:20px; height:auto;}
}
@media screen and (max-width:480px) {
	.charge ul{padding:0 0 0 5px; background:inherit;}
	.charge ul li{width:100%; padding:5px 0 0 15px; margin:0;}
	.all_charge{font-size:15px;}
}
@media screen and (max-width:380px) {
	.charge{padding:4px 15px;}
}
@media screen and (max-width:320px) {
	.charge{padding:2px 8px;}
	.charge ul{padding:0; background:inherit;}
}