@charset "utf-8";

h2{font-family: 'cafe24_danjunghae'; font-size: 42px; font-weight: normal;}
.main_container{background: url('/resource/ingu/bg.jpg') no-repeat top center;}


.m_content{position:relative;}

/*인구정책사업*/
.policy{padding: 26px 0 130px; text-align: center;}
.policy h2{margin-bottom: 26px;color: #fff;text-shadow: 3px 2px 4px #f3b122;}
.policy ul{overflow: hidden;}
.policy ul li{box-sizing: border-box;float: left;width: 48%;margin: 0 1% 20px;}
.policy ul li a {display: block;box-sizing: border-box;padding: 120px 0 0 0;background: #fff url('/resource/ingu/policy_icon.png')no-repeat;border-radius: 15px;box-shadow: 5px 5px 8px #f3b122;}
.policy ul li a span{display: block;box-sizing: border-box;height: 70px;padding-top: 20px;font-size: 18px;background: #d28d1a;color: #fff;border-radius: 0 0 15px 15px;transition: transform 0.25s ease;}
.policy ul li.p02 span{padding-top:6px;}
.policy ul li a:hover{height:190px; background:#fff;}
.policy ul li a:hover span,
.policy ul li a:focus span{
	position: absolute;
	width: 48%;
	height: 190px;
	padding: 42px 0 0 0;
	border-radius: 15px;
	z-index: 999;
	font-size: 30px;
	font-weight: 500;
	background: #d28d1a url('/resource/ingu/policy_blit.png')top 94px center no-repeat;
	transform: translate3d(-8px,-128px,0px);
	transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.policy ul li.p01 a{background-position: center 1px;}
.policy ul li.p02 a{background-position: center -169px;}
.policy ul li.p03 a{background-position: center -366px;}
.policy ul li.p04 a{background-position: center -529px;}
.policy ul li.p05 a{background-position: center -1037px;}
.policy ul li.p06 a{background-position: center -874px;}

.policy_icon{margin-bottom: 30px; text-align:center;}
.policy_icon li{display:inline-block;margin: 0 0 10px;padding-bottom: 70px;}
.policy_icon li a{display:block;padding: 16px 24px 16px 64px;font-size: 17px;background:#ffd930 url('/resource/ingu/161345163245986.gif') no-repeat;border-radius:30px;}
.policy_icon li.i01 a{background-position: -14px -14px;}
.policy_icon li.i02 a{background-position: -14px -80px;}

/*익산시 인구*/
.people{text-align: center;}
.people h2{font-size: 40px; line-height: 1.2em;}
.people h2 span{display: block; font-size: 24px;}
.people p{margin-bottom: 14px; font-family: 'cafe24_danjunghae'; font-size: 30px;}
.people p.total{padding-bottom: 70px; background: url('/resource/ingu/people_blit.png') no-repeat bottom center;}
.people p span{display: inline-block; box-sizing: border-box; height: 54px; padding-left: 54px; padding-top: 12px; background: url('/resource/ingu/people_icon.png') no-repeat;}
.people p.total span{padding-left: 64px; font-size: 40px; color: #ae7012;}
.people p.man span{background-position: 0px -77px;}
.people p.woman span{background-position: 0px -143px;}


.ebook{display:none;}

.m_link{position:absolute;bottom: 397px;right: 0;left: 0;margin: 0 auto;text-align: center;}
.m_link a{display: inline-block;padding: 16px 24px 16px 64px;font-size: 17px;background:#ffd930 url('/resource/ingu/161345163245986.gif') no-repeat;border-radius:30px;background-position: -11px -79px;}

@media all and (min-width:768px){

	.people h2{margin-bottom: 20px;}
	.people h2 span{display: inline-block;}
	.people p{display: inline-block; padding: 0 46px 0 30px; background: url('/resource/ingu/people_blit2.png') no-repeat right !important;}
	.people p.total{padding-bottom: 0; }
	.people p.woman{background: none !important; padding-right: 0;}

	.policy_icon{text-align:left;}
	.policy_icon li{margin:0 10px;padding: 0;}

	.m_link{bottom: 166px;/*left: 22%;*/}

}

@media all and (min-width:1023px){
	.m_content{position: relative; width: 1240px; margin: 0 auto;}

	.policy{overflow: hidden;padding: 60px 0 160px;}
	.policy h2{float: left;font-size: 85px;text-align: left;}
	.policy h2 span{display: block;}

	.policy ul{float: right;width: 750px;}
	.policy ul li{width: 350px;margin: 0 3% 30px 0;}
	.policy ul li a{height: 130px;padding: 39px 26px 0 0;border-radius:10px 10px 30px 10px;}
	.policy ul li a span{height: auto;padding: 0;background: none;color: #625d55;font-size: 30px;font-weight: 400;text-align: right;}
	.policy ul li.p02 a{padding-top: 14px;}
	.policy ul li a:hover{height:130px;}
	.policy ul li a:hover span,
	.policy ul li a:focus span{width: 350px; height:130px; padding: 20px 0 0 0; background-position-y:76px; font-size: 34px; border-radius:10px 10px 30px 10px; color: #fff; text-align: center; transform: translate3d(-8px,-48px,0px);}

	.policy ul li.p02 a:hover span{background:#d28d1a; padding: 10px 0 0 0; transform: translate3d(-8px,-24px,0px);}

	.policy ul li.p01 a{background-position: -48px 6px;}
	.policy ul li.p02 a{background-position: -32px -162px;}
	.policy ul li.p03 a{background-position: -41px -359px;}
	.policy ul li.p04 a{background-position: -31px -529px;}
	.policy ul li.p05 a{background-position: -44px -1033px;}
	.policy ul li.p06 a{background-position: -72px -884px;}


	.people{overflow: hidden; margin-bottom: 60px;}
	.people h2{float: left; margin-bottom: 0;}
	.people div{float: right; background: url('/resource/ingu/people_blit.png') no-repeat left center;}
	.people p{padding: 0 66px 0 52px; margin-bottom: 0;}



	.ebook{display:block;position:absolute;top: 405px;left: 0;}
	.ebook a{display:block;box-sizing:border-box;width: 265px;padding: 16px 18px 16px 70px;border-radius:15px;background: #f26522 url('/upload_data/Synap/CONTENTS_FILE/160974609262549.png.files/160974609262549.png') top 20px left 17px no-repeat;color:#fff;font-size:20px;line-height: 1.2em;}
	.ebook a:hover,.ebook a:focus{background-color:#cb4100;}

	.m_link{bottom: 270px;left: 0%;right: auto;}
	.m_link a{background-color: #ffffff;box-shadow: 6px 6px 10px #ffb500;}
}