/***************진희 컨텐츠 퍼블리싱*********************/


/*농업기술정보 / 농기계임대정보*/
.flow-rent {margin-top:10px; margin-bottom:30px}
.flow-rent > ol > li{padding-bottom:40px; overflow:hidden; background:url('/2018/images/05.Agricultural/contents/0105-arrow.gif') no-repeat 140px  90%; position:relative; }
.flow-rent > ol > li:last-child{padding-bottom:0; background:none;}
.flow-rent > ol > li div{ background:url('/2018/images/05.Agricultural/contents/0105-bg1.gif'); overflow:hidden; padding-left:300px; min-height:100px;}
.flow-rent > ol > li div strong{display:block; position:absolute; top:0; left:0; width:300px; text-align:center; font-weight:bold; color:#153108; padding-top:30px; font-size:1.05em; }
.flow-rent > ol > li div > div{padding:25px; background:#fff; border:1px solid #ddd;}
.flow-rent > ol > li div > div.bnone{border:none}
.flow-rent > ol > li div > div ul{margin-top:0}

	@media only screen and (max-width: 900px){ 
		.flow-rent > ol > li{background-position:50% 93%}
		.flow-rent > ol > li div{padding-left:0; min-height:auto;}
		.flow-rent > ol > li div strong{position:static;  width:100%; padding:10px 15px; text-align:center; }
		.flow-rent > ol > li div > div{padding:15px; min-height:auto;}
		.flow-rent > ol > li div > div.bnone{display:none;}
		
	}

/*농업인교육 / 새해농업인실용교육*/
.edu-purpose{margin-top:15px; overflow:hidden; background:url('/2018/images/05.Agricultural/contents/0201-img1.gif') no-repeat 50% 50%}
.edu-purpose:after{display:block; content:''; clear:both;}
.edu-purpose ul li{width:46%; float:left; box-sizing:border-box; background:#eee; border-radius:15px; text-align:center; padding:25px;}
.edu-purpose ul li:last-child{float:right;}

	@media only screen and (max-width: 900px){ 
		.edu-purpose ul li{width:100% !important; float:none !important}
		.edu-purpose ul li:last-child{margin-top:50px}
		
	}

/*농업인교육 / 진안환경농업대학*/
.top-info-box .box.icon1{background:#fff url('/2018/images/05.Agricultural/contents/0203-bg1.gif') no-repeat 95% 50%}

	@media only screen and (max-width: 500px){ 
		.top-info-box .box.icon1{background:#fff}
		
	}

/*센터소개 / 인사말*/
.greeting{position:relative;}
.greeting p.title{font-size:1.2em; font-weight:bold; color:#000}
.greeting p.title span{color:#487036;font-size:1.5em; }
.greeting p.con{margin-top:30px;}
.greeting p.con strong{font-weight:900}
.greeting p.name{position:absolute; top:0; right:0; width:280px; background:url('https://www.jinan.go.kr/board/download.jinan?boardId=BBS_0000160&paging=ok&startPage=1&dataSid=187187&command=update&fileSid=115314') no-repeat;padding-top:220px; text-align:right; font-weight:bold;}

	@media only screen and (max-width: 900px){ 
		.greeting p.title{font-size:1.3em; padding-right:210px}
		.greeting p.name{background-size:200px auto; width:200px; padding-top:150px; }
		.greeting p.con{margin-top:50px;}
	}
	@media only screen and (max-width: 500px){ 
		.greeting p.title{font-size:1.3em; padding-right:0}
		.greeting p.title br{display:none}
		.greeting p.name{background-size:200px auto; width:200px; top:90px; right:50%; margin-right:-100px;  padding-top:150px; }
		.greeting p.con{margin-top:220px;}
	}

/*센터소개 / 연혁*/
.history{position:relative; padding-left:50px; }
.history p.title{position:absolute; top:10px; right:0; background:url('/2018/images/05.Agricultural/contents/0402-img1.gif') no-repeat; padding-top:200px;}
.history p.title span{color:#2a481d; font-size:1.5em; font-weight:bold;}
.history .con{background:url('/2018/images/05.Agricultural/contents/0402-line.gif') repeat-y 60px 0;}
.history .con dl dt{width:110px; height:110px; border-radius:110px; text-align:center; color:#fff; font-weight:bold; font-size:1.1em; padding-top:35px}
.history .con dl dt.bg1{background-color:#2a481d}
.history .con dl dt.bg2{background-color:#61934a}
.history .con dl dt.bg3{background-color:#97bd86}
.history .con dl dt.bg4{background-color:#c7ac4d}
.history .con dl dt.bg5{background-color:#a48720}
.history .con dl dd{padding:15px 0 15px 50px;}
.history .con dl dd ul li{background:url('/2018/images/05.Agricultural/contents/0402-img2.png') no-repeat 0 0; padding-left:30px;; margin-bottom:7px; }
.history .con dl dd ul li:last-child{margin-bottom:0}
.history .con dl dd ul li strong{font-weight:bold; display:block; }
.history .con dl dd ul li span{display:block; border-bottom:1px dashed #ccc; padding-bottom:5px;}
.history .con dl dd ul li:last-child span{border-bottom:0; padding-bottom:0}

	@media only screen and (max-width: 900px){ 
		.history{padding-left:0}
		.history p.title{position:static; padding:25px 15px 25px 150px; background-position:15px 15px; background-size:110px auto; border:1px solid #ddd; }
		.history p.title span{font-size:1.3em}
		.history .con{margin-top:15px;}
	}

/*센터소개 / 추진방향*/
.ahead1{margin-top:25px;text-align:center}
.ahead1:after{display:block; content:''; clear:both;}
.ahead1 ul li{width:28%;display:inline-block; margin-left:7%;vertical-align:middle}
.ahead1 ul li:first-child{margin-left:0}
.ahead1 ul li div{border-radius:100%; height:250px; border:1px dashed #6d8d5e; box-sizing:border-box; background-repeat:no-repeat; background-position:50% 63px; padding:150px .0 20px 0; text-align:center;}
.ahead1 ul li div.icon1{background-image:url('/2018/images/05.Agricultural/contents/0403-icon1.png')}
.ahead1 ul li div.icon2{background-image:url('/2018/images/05.Agricultural/contents/0403-icon2.png')}
.ahead1 ul li div.icon3{background-image:url('/2018/images/05.Agricultural/contents/0403-icon3.png')}
.ahead1 ul li div strong{display:block; font-size:1.3em;padding:0 20px;word-break:keep-all}
.ahead2{overflow:hidden; position:relative; margin-top:25px; padding:0 50px; background:url('/2018/images/05.Agricultural/contents/0402-line.gif') repeat-y 50% 0;}
.ahead2 > ul:after{display:block; content:''; clear:both;}
.ahead2 > ul > li{margin-top:100px; position:relative; top:-5px;}
.ahead2 > ul > li:first-child{margin-top:0}
.ahead2 > ul > li:nth-child(2n-1) {float:left;}
.ahead2 > ul > li:nth-child(2n) {float:right;}
.ahead2 > ul > li:after{width:35px; height:1px; display:block; content:''; background:#dadada; position:absolute; top:60%;}
.ahead2 > ul > li:nth-child(2n-1):after{right:-35px}
.ahead2 > ul > li:nth-child(2n):after{left:-35px}
.ahead2 > ul > li span{display:block; font-weight:bold; font-size:1.4em}
.ahead2 > ul > li .box{border:7px solid #6c8b5f; border-radius: 5px 30px 5px 30px; box-sizing:border-box; padding:20px ; box-sizing:border-box; width:374px}
.ahead2 > ul > li .box strong{font-size:1.1em}


	@media only screen and (max-width: 900px){ 
		.ahead1 ul li{width:50%; margin-left:0}
		.ahead1 ul li:first-child{width:100%; float:none;}
		.ahead1 ul li div{width:150px; height:150px; margin:0 auto; background-size:40px; background-position:50% 25px; padding-top:80px; font-size:0.8em }
		.ahead2{background-position:10px 0; padding:0 0 0 45px}
		.ahead2 > ul > li{margin-top:0; top:0; float:none !important;}
		.ahead2 > ul > li:after{left:-35px !important}
		.ahead2 > ul > li .box{width:auto; padding:15px;}
	}

/*센터소개 / 시설안내*/
.facilities > div{border:1px dashed #ccc; padding:25px 25px 25px 420px; position:relative; margin-bottom:25px; min-height:225px}
.facilities > div > .img{position:absolute; top:25px; left:25px}
.facilities > div > .con > strong{font-size:1.2em}

	@media only screen and (max-width: 900px){ 
		.facilities > div{padding:15px}
		.facilities > div > .img{position:static; text-align:center; margin-bottom:15px }
		.facilities > div > .img img{max-width:100%;}
	}

/**/
.location-map #map{height:400px }
.location-map #map .gm-style-mtc{display:none}
.location-info{margin-top:25px; border:1px dashed #ccc;padding:20px; background:#f8f8f8}
.location-info ul li{background-repeat:no-repeat; background-position:0 5px; position:relative; padding:9px 5px 9px 110px}
.location-info ul li.icon1{background-image:url('/2018/images/02.lang/contents/01/06-icon1.png')}
.location-info ul li.icon2{background-image:url('/2018/images/02.lang/contents/01/06-icon2.png')}
.location-info ul li strong{display:block; position:absolute; top:0; left:40px; font-weight:bold; line-height:40px}
.location-info ul li span{display:block; background:url('/2018/images/02.lang/contents/01/06-line.gif') no-repeat 0 4px; padding-left:20px; }


/* 사이트맵 아이콘 */
.sitemap dl dt.icon1{background-image:url('/2018/images/05.Agricultural/common/icon-sitemap1.png')}
.sitemap dl dt.icon2{background-image:url('/2018/images/05.Agricultural/common/icon-sitemap2.png')}
.sitemap dl dt.icon3{background-image:url('/2018/images/05.Agricultural/common/icon-sitemap3.png')}
.sitemap dl dt.icon4{background-image:url('/2018/images/05.Agricultural/common/icon-sitemap4.png')}
.sitemap dl dt.icon5{background-image:url('/2018/images/05.Agricultural/common/icon-sitemap5.png')}
.sitemap dl dt.icon6{background-image:url('/2018/images/05.Agricultural/common/icon-sitemap6.png')}


/* 농기계임대정보 인트로 */
.agri-site {overflow:hidden;}
.agri-site > div {width:32%;height:140px;float:left;margin-left:15px;padding:30px 0 0 120px;}
.agri-site > div:nth-child(3n-2) {margin-left:0;}
.agri-site .site-1 {background:url('/2018/images/05.Agricultural/contents/0100_ico-1.gif') no-repeat 20px 50%;}
.agri-site .site-2 {background:url('/2018/images/05.Agricultural/contents/0100_ico-2.gif') no-repeat 20px 50%;}
.agri-site .site-3 {background:url('/2018/images/05.Agricultural/contents/0100_ico-3.gif') no-repeat 20px 50%;}
.agri-site .site-4 {background:url('/2018/images/05.Agricultural/contents/0100_ico-4.gif') no-repeat 20px 50%;}
.agri-site .site-5 {background:url('/2018/images/05.Agricultural/contents/0100_ico-5.gif') no-repeat 20px 50%;}
.agri-site .site-6 {background:url('/2018/images/05.Agricultural/contents/0100_ico-6.gif') no-repeat 20px 50%;}
.agri-site .site-7 {background:url('/2018/images/05.Agricultural/contents/0100_ico-7.gif') no-repeat 20px 50%;}
.agri-site strong {display:block;font-weight:bold;font-size:1.2em;padding-bottom:10px;}

	@media only screen and (max-width: 900px){
		.agri-site > div{width:100%; margin-left:0; float:none}
	}               


/* 유용미생물 EM */
.em-box{margin-top:25px;}
.em-box > ul > li{position:relative; border:1px dashed #ddd; border-top:none; overflow:hidden; padding:25px 25px 25px 220px; min-height:193px; }
.em-box > ul > li:first-child{border-top:1px dashed #ddd;}
.em-box > ul > li:nth-child(2n){background:#f7f7f7}
.em-box > ul > li .img{position:absolute; top:25px; left:25px; border:1px solid #ddd}


	@media only screen and (max-width: 900px){
		.em-box > ul > li{padding:15px;}
		.em-box > ul > li .img{position:static; text-align:center; margin-bottom:10px; background:#fff}
	}