@charset "utf-8";

.area-m-ir{display:block;background:url(/images/area/main/area-m-ir.png?ver=20211012) no-repeat;}
.main h2,.main h3,.main p{margin:0;padding:0;}
.main h2:before{display:none;}

/* mvisual */
#mvisual{position:relative;padding-top:145px;min-height:870px;background-image:url(/images/area/main/main_bg.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#mvisual .mcopy{position:absolute;top:-60px;left:45px;}
#mvisual .mcopy h2{margin-bottom:30px;}
#mvisual .mcopy p{color:#000;font-size:20px;line-height:24px;}
#mvisual .mcopy p span{display:block;line-height:inherit;}

@media(max-width:1199px) {
	#mvisual .mcopy{width:550px;}
}
@media(max-width:1024px) {
	#mvisual .mcopy h2{margin-bottom:20px;}
	#mvisual{padding:60px 0 100px;min-height:0;}
	#mvisual .mcopy{position:relative;top:auto;left:auto;margin-bottom:40px;}
	#mvisual .mcopy p{font-size:18px;line-height:22px;}
}
@media(max-width:767px) {
	#mvisual .mcopy h2{margin-bottom:5%;}
	#mvisual .mcopy{width:auto;padding:0 20px;text-align:center;}
	#mvisual .mcopy p{font-size:16px;line-height:20px;}
}

#mmenu{position:relative;margin-left:33.34%;width:66.66%;}
#mmenu:after{content:"";display:block;clear:both;visibility:hidden;}
#mmenu .item{float:left;width:25%;}
#mmenu .item01{margin-left:50%;}
#mmenu .item03{margin-left:25%;}
#mmenu .item04,#mmenu .item05{margin-right:25%;}

#mmenu .item a{display:block;padding:35px 15px;width:100%;height:200px;color:#fff;font-size:17px;line-height:20px;text-align:center;transition:0.25s all ease-in-out;-webkit-transition:0.25s all ease-in-out;}
#mmenu .item01 a{background-color:#1f6ff0;}/* 경제 */
#mmenu .item02 a{background-color:#00acff;}/* 통계 */
#mmenu .item03 a{background-color:#16afd5;}/* 농업 */
#mmenu .item04 a{background-color:#263282;}/* 도서관 */
#mmenu .item05 a{background-color:#2ea678;}/* 부동산 */
#mmenu .item06 a{background-color:#ffc000;}/* 교통 */
#mmenu .item07 a{background-color:#e63c66;}/* 계약 */

#mmenu .item01:hover a,
#mmenu .item01:focus a{background-color:#1a5eee;}
#mmenu .item02:hover a,
#mmenu .item02:focus a{background-color:#00a0ff;}
#mmenu .item03:hover a,
#mmenu .item03:focus a{background-color:#13a3cf;}
#mmenu .item04:hover a,
#mmenu .item04:focus a{background-color:#202b6f;}
#mmenu .item05:hover a,
#mmenu .item05:focus a{background-color:#279966;}
#mmenu .item06:hover a,
#mmenu .item06:focus a{background-color:#ffb300;}
#mmenu .item07:hover a,
#mmenu .item07:focus a{background-color:#e13052;}

#mmenu .item a .ir{display:block;margin:0 auto 10px;width:100px;height:101px;}
#mmenu .item a .circle{position:relative;background-position:0 0;}
#mmenu .item a .circle .ir{position:absolute;top:0;left:0;}
#mmenu .item a .circle .meco1{background-position:-100px 0;}/* 경제 */
#mmenu .item a .circle .meco2{background-position:-200px 0;}/* 통계 */
#mmenu .item a .circle .meco3{background-position:-300px 0;}/* 농업 */
#mmenu .item a .circle .meco4{background-position:-400px 0;}/* 도서관 */
#mmenu .item a .circle .meco5{background-position:-500px 0;}/* 부동산 */
#mmenu .item a .circle .meco6{background-position:-600px 0;}/* 교통 */
#mmenu .item a .circle .meco7{background-position:-783px 0;}/* 계약 */

@media(max-width:1199px) {
	#mmenu{margin-left:25%;width:75%;}
}
@media(max-width:1023px) {
	#mmenu{margin-left:0;width:100%;}
	#mmenu .item a{padding:30px 15px;height:190px;font-size:16px;}
}
@media(max-width:767px) {
	#mmenu .item{width:33.33%;}
	#mmenu .item01,
	#mmenu .item03,
	#mmenu .item05{margin:0;}
	#mmenu .item04{margin:0 33.33%;}

	#mmenu .item a{padding:25px 15px;height:160px;}
	#mmenu .item a .ir{margin-bottom:10px;width:80px;height:81px;}
	#mmenu .item a .circle{background-position:0 -101px;}
	#mmenu .item a .circle .meco1{background-position:-80px -101px;}
	#mmenu .item a .circle .meco2{background-position:-160px -101px;}
	#mmenu .item a .circle .meco3{background-position:-240px -101px;}
	#mmenu .item a .circle .meco4{background-position:-320px -101px;}
	#mmenu .item a .circle .meco5{background-position:-400px -101px;}
	#mmenu .item a .circle .meco6{background-position:-480px -101px;}
	#mmenu .item a .circle .meco7{background-position:-553px -101px;}
}
@media(max-width:479px) {
	#mmenu .item{width:50%;}
	#mmenu .item a{font-size:15px;}
	#mmenu .item04{margin:0;}
	#mmenu .item07{width:100%;}
}