@charset "utf-8";
h5 span.title{font-size:15px; font-weight:normal;}

/* box */
.conBox {position:relative; border:2px solid #d8dce1; padding:25px; word-break:break-all;}
.conBox ul.conList {position:relative; padding:0 0 0 0;}

/* 심볼 */
.conBox2 {position:relative; background:#e9f4f9; padding:20px; word-break:break-all; overflow:hidden;}
.conBox2  h5.conH5 {position:relative; padding:8px 0 5px 30px; font-size:1.05rem; font-weight:bold; letter-spacing:-0.05em; color:#666;}
.conBox2  h5.conH5::after {position:absolute; left:15px; top:18px; content:""; width:6px; height:6px; background:#166ab2; }

/* 녹색청주협의회는 */
.greet_pc{display:block; width:100%; background:#f4f4f4; min-height:180px; overflow:hidden;}
.greet_pc dt{float:left;}
.greet_pc dd{padding-top:50px; padding-right:30px;}
.greet_pc dd span{color:#0951b3;}
.greet_pc dd p{font-size:18px;}
.greet_pc dd p.greet_tit{font-size:22px; line-height:28px; font-weight:500;}
.greet_pc dd div.greet_tit1{margin-top:20px; padding-left:10px; display:inline-block; font-size:22px; line-height:30px;}
.greet_pc dd p.greet_tit strong{font-size:25px;}
.greet_m{display:none;}

@media all and (max-width:1200px) {
		.greet_pc dd{padding-top:25px; }
}
@media all and (max-width:760px) {
		.greet_pc{display:none;}
		.greet_m{display:block; width:100%; background:#f4f4f4; padding-top:20px; min-height:180px; overflow:hidden;}
		.greet_m dt{text-align:center;}
		.greet_m dd{text-align:center; padding:30px 10%;}
		.greet_m dd span{color:#0951b3;}
		.greet_m dd p{font-size:18px; word-break:keep-all;}
		.greet_m dd p.greet_tit{font-size:24px; line-height:28px; font-weight:500;}
		.greet_m dd p.greet_tit strong{font-size:22px; }
}
@media all and (max-width:400px) {
		.greet_m{padding-top:0px; }
		.greet_m dt img{width:100%;}
}
/* 목적 및 연혁 */
.moc{background:url("../imgs/contents/his_img.jpg") no-repeat 0 0; background-size:50%; padding-left:53%; min-height:240px;}
.history{background:url("../imgs/contents/his.jpg") no-repeat left top; width:60%; min-height:530px; padding-left:40%;}
.history .his_inner{background:url("../imgs/contents/his_line.png") repeat-y 15px top; min-height:500px; height:auto;}
.history .his_inner dl{margin-bottom:20px;}
.history .his_inner dt{font-size:30px; color:#2b74ab; background:url("../imgs/contents/his_dote01.png") no-repeat left center; padding-left:40px; line-height:40px; height:40px;}
.history .his_inner dd{font-size:15px; color:#848484; background:url("../imgs/contents/his_dote02.png") no-repeat 13px 10px; padding-left:40px;}
.history .his_inner dd span{display:block; font-size:17px; color:#272727;}

@media all and (max-width:1200px) {
		.history{background:url("../imgs/contents/his.jpg") no-repeat 30px top; width:50%; min-height:630px; padding-left:50%;}
}

@media all and (max-width:760px) {
		.history{background:none; width:100%;  padding-left:0px; min-height:460px;}
}
@media all and (max-width:480px) {
		.moc{background:url("../imgs/contents/his_img.jpg") no-repeat 0 0; background-size:100%; padding-left:0; padding-top:50%;}
}
/* 찾아오시는 길*/
.adrees{background:#363a43 url("../imgs/contents/map_ico.png") no-repeat 30px 15px; padding:35px 5% 15px; color:#fff; overflow:hidden;}
.adrees dt{color:#29a1d4; font-size:16px; width:50px; padding-left:70px; height:50px; float:left;}
.adrees dd span{color:#cacaca; font-size:16px;}

@media all and (max-width:767px) {
		.adrees{background:#363a43 url("/home/imgs/contents/map_ico.png") no-repeat 25px 15px; padding:25px 5% 25px;}
		.adrees dt{padding-left:85px; height:60px;}
}

/* CI */
.citop{width:100%; }
.citop_l{float:left; width:30%; margin-right:5%;}
.citop_l img{width:100%;}
.citop_r{float:left; width:65%;}

@media all and (max-width:480px) {
		.citop{width:90%; margin-right:5%; margin-left:5%;}
		.citop_l{clear:left; width:100%; margin-right:0; padding-bottom:20px;}
		.citop_r{clear:left; width:100%;}
}

/*그래프*/
#chart_div{border:1px solid #e0e0e0; margin-bottom:20px; width:975px; height:500px;}
#chart_div text{font-family:"Noto Sans KR" !important; }
#chart_div  .scroll{overflow: hidden; overflow-x:auto; height:500px; margin:-8px; padding:8px;}


.danji{background-color:#e7f2e2; text-align: center; padding:20px;}

/* 시설안내 사진 */ 
.fac_img{margin-bottom:30px;}
.fac_img li{float: left;width: calc(50% - 10px);font-size: 18px;margin:10px 20px 20px 0;text-align:center;color:#333; box-sizing:border-box}
.fac_img  li img {max-width: 100%; max-height: 100%; margin-bottom:12px;}
.fac_img li:nth-child(2n){margin-right: 0;}
.fac_img  .conH5{text-align:left; font-size:20px; margin-top:0}
.fac_img p{text-align:left; font-size:0.8em} 
.fac_img.divide3 li{width:31.5%; margin:10px 2.5% 20px 0 !important;}
.fac_img.divide3 li:nth-child(3n){margin-right:0 !important;}
.fac_img.divide1 li{width:100% ; margin-right:0}
 
/* 반응형 이미지 제어 */
.pc_Img{display:block;}
.mobile_Img{display:none;}
@media all and (max-width:767px) {
	.mobile_Img{display:block;}
	.pc_Img{display:none;}
	.conImg img{width:100%;}
}

/* 반응형시 테이블 스크롤 생성 */
@media all and (max-width:1000px) {
	.scroll{overflow-x:scroll;}
	.scroll .scroll_in{width:900px; padding-top:25px; background:url("/home/imgs/contents/scroll_f.gif") no-repeat left top; }
}