@charset "utf-8";

#body_layout{overflow:hidden;}
/* #body_layout:before{position: absolute;top: -34px;left: 50%;width: 1920px;height: 1579px;margin-left: -960px;background: url(/mayor/images/main/line_1920.png) right top no-repeat;content: '';} */

#mvisual .mvisual_wrap{display:inline-block; position:relative;width: 100%;padding:0 0 20px; margin:18px 0 0;}
#mvisual .mvisual_wrap .sliderBox{ overflow:hidden;width:100%;height:100%;padding:0;margin:0; display:inline-block;}
#mvisual .mvisual_wrap .sliderBox ul{ position:relative;width:100%;height:100%;padding:0;margin:0; display:inline-block;}
#mvisual .mvisual_wrap .sliderBox ul li{overflow: hidden;position:absolute; top:0; left:0;width:100%;height:440px;padding:0;margin:0;border-radius: 20px;display:inline-block;}
#mvisual .mvisual_wrap .sliderBox ul li{overflow: hidden;position: relative;}
#mvisual .mvisual_wrap .sliderBox ul li img{width: 100%;max-width: none;padding: 0;margin: 0;display: inline-block;position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
#mvisual .mvisual_wrap .controlBox{margin-top: 32px}
#mvisual .mvisual_wrap .controlBox .paging{display: inline-block;}
#mvisual .mvisual_wrap .controlBox .paging .btn_page{width: 15px;height: 15px;margin-right: 8px;background: #fff;border:3px solid #acacac;border-radius: 50%;font-size: 0;text-indent: -9999px}
#mvisual .mvisual_wrap .controlBox .paging .btn_page.on{width: 40px;height: 15px;border-radius: 20px;border:0;background:#005dc1;}
#mvisual .mvisual_wrap .controlBox > button{background: url(/mayor/images/main/main_ir.png);font-size: 0;text-indent: -9999px;}
#mvisual .mvisual_wrap .controlBox .btn_stop{display: inline-block;width: 11px;height: 14px;background-position: -1px -1px;}
#mvisual .mvisual_wrap .controlBox .btn_play{display: inline-block;width: 10px;height: 14px;background-position: -14px -1px;}
#mvisual .mvisual_wrap .controlBox .btn_prev{position: absolute;right: 63px;bottom: 0;width: 59px;height: 59px;background-position: -28px -1px}
#mvisual .mvisual_wrap .controlBox .btn_next{position: absolute;right: 0;bottom: 0;width: 59px;height: 59px;background-position: -90px -1px}

#mcont{margin: 67px 0 60px}
#mcont .body_wrap{}
#mcont .body_wrap:before{position: absolute;left: -225px;top: 50px;z-index: -1;width: 435px;height: 539px;background: url(/mayor/images/main/mcont_bg1.png);content: '';}
#mcont .body_wrap:after{position: absolute;right: -140px;bottom:  10px;width: 251px;height: 250px;background: url(/mayor/images/main/mcont_bg2.png);content: '';z-index: -1;}
#mcont .mcon{position: relative;top: -100px;float: left;width: 32%;margin-left: 2%;opacity: 0}
#mcont .mcon .title{display: block;background: url(/mayor/images/main/main_ir.png);font-size: 0;text-indent: -9999px;}
#mcont .mcon .box{position: relative;border-radius: 25px;border:1px solid #d7d7d7;}
#mcont .mcon .box + .box{margin-top: 10px}
#mcont .mcon .box + .box:before{position: absolute;top: -21px;left: 50%;width: 223px;height: 34px;margin-left: -111.5px;background: url(/mayor/images/main/main_ir.png) -429px -136px;content: '';}

#mcont .mcon1{margin-left: 0;}
#mcont .mcon1 .title{width: 131px;height: 95px;margin:4px 0 18px 18px;background-position: -152px -1px}
#mcont .mcon1 .box1{position: relative;height: 870px;padding: 40px 0 52px;background: #fff;}
/* #mcont .mcon1 .box1:before{position: absolute;left: -1px;top: -1px;width: 122px;height: 41px;background: url(/mayor/images/main/mcon1_bg.png?ver=20220628) no-repeat;content: '';} */
#mcont .mcon1 .box1 > b{display: block;position: relative;padding-bottom: 10px;margin-bottom: 10px;font-size: 24px;line-height: 36px;color: #333;font-weight: 700;font-family: 'nsr_m'}
#mcont .mcon1 .box1 > b:after{position: absolute;bottom: 0;left: 50%;width: 36px;height: 1px;margin-left: -18px;background: #333;content: '';}
#mcont .mcon1 .box1 > p{font-size: 16px;line-height: 24px;color: #333;}
#mcont .mcon1 .box1 .prog{position: relative;margin: 25px 0 20px}
#mcont .mcon1 .box1 .prog a{display: block;}
#mcont .mcon1 .box1 .prog .inner{position: relative;height: 197px;padding:35px 30px 35px 153px;text-align: left;}
#mcont .mcon1 .box1 .prog .inner:nth-child(even){background: #eeedea}
#mcont .mcon1 .box1 .prog .inner .thumb{overflow: hidden;position: absolute;top: 50px;left: 36px;width: 101px;height: 101px;border-radius: 50%}
#mcont .mcon1 .box1 .prog .inner .thumb img{width: 100%;max-width: none;padding: 0;margin: 0;display: inline-block;position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
#mcont .mcon1 .box1 .prog .inner span{display: inline-block;min-width: 77px;height: 30px;margin-right: 4px;padding: 0 10px;border-radius: 20px;line-height: 30px;color: #fff;text-align: center;}
#mcont .mcon1 .box1 .prog .inner .type1{background: #ea6e00}/*유아교육*/
#mcont .mcon1 .box1 .prog .inner .type2{background: #00a651}/*환경안전교통*/
#mcont .mcon1 .box1 .prog .inner .type3{background: #705d52}/*도시주거*/
#mcont .mcon1 .box1 .prog .inner .type5{background: #ea5d6d}/*민생복지보건*/
#mcont .mcon1 .box1 .prog .inner .type6{background: #4648a6}/*경제일자리*/
#mcont .mcon1 .box1 .prog .inner .type7{background: #0067d2}/*문화스포츠관광*/
#mcont .mcon1 .box1 .prog .inner .type8{background: #06819b}/*기타*/

#mcont .mcon1 .box1 .prog .inner .atype1{background: #686d73}/*답변대기*/
#mcont .mcon1 .box1 .prog .inner .atype2{border-color:#000;background: #fff;color: #000}/*부서지정중*/
#mcont .mcon1 .box1 .prog .inner .atype3{border-color:#000;background: #fff;color: #000}/*답변완료*/
#mcont .mcon1 .box1 .prog .inner strong{display: block;overflow: hidden;width: 193px;height: 48px;margin: 15px 0 10px;font-size: 17px;line-height: 24px;color: #333;font-family: 'nsr_m';word-break: keep-all;text-overflow: ellipsis;}
#mcont .mcon1 .box1 .prog .inner em{font-size: 14px;line-height: 24px;color: #333;vertical-align: middle;}
#mcont .mcon1 .box1 .prog .inner em:before{display: inline-block;width: 17px;height: 14px;background: url(/mayor/images/main/main_ir.png) -1px -18px;vertical-align: middle;margin-right: 5px;content: '';}
#mcont .mcon1 .box1 .prog .inner em b{display: inline-block;margin-left: 5px;font-weight: 300;font-size: 14px;line-height: 24px;color: #333;}
#mcont .mcon1 .box1 .more{position: absolute;right: 40px;top: 50px;width: 16px;height: 16px;background: url(/mayor/images/main/main_ir.png) -1px -35px;font-size: 0;text-indent: -9999px}
#mcont .mcon1 .box1 .bt{display: inline-block;width: 334px;height: 65px;background: #2aa3c7;border-radius: 30px;font-size: 18px;line-height: 65px;text-align: center;color: #fff;font-weight: 700;}
#mcont .mcon1 .box1 .bt:after{display: inline-block;width: 33px;height: 32px;margin-left: 18px;background: url(/mayor/images/main/main_ir.png) -1px -63px;vertical-align: middle;content: '';}
#mcont .mcon1 .box2{height: 240px;background: url(/mayor/images/main/mcon1_bg2.png?ver=20220628) no-repeat center;background-size: cover;}
#mcont .mcon1 .box2 a{display: block;position: relative;width: 100%;height: 100%;padding: 50px 60px;font-size: 24px;font-weight: 700;line-height: 32px;color: #fff;font-family: 'nsr_m';text-align: left;}
#mcont .mcon1 .box2 a:before{position: absolute;right: 10px;bottom: 0;width: 187px;height: 212px;background: url(/mayor/images/main/mcon1_bg3.png?ver=20220628);content: '';}
#mcont .mcon1 .box2 span{display: block;width: 41px;height: 41px;margin: 15px 0 5px;background: url(/mayor/images/main/main_ir.png) -429px -85px;font-size: 0;text-indent: -9999px}
#mcont .mcon1 .box2 em{display: block;font-size: 17px;color: #fff;line-height: 36px;}

#mcont .mcon2 .title{width: 140px;height: 94px;margin:0 0 23px 18px;background-position: -286px -85px}
#mcont .mcon2 .box1{height: 360px;padding: 60px 40px;background: url(/mayor/images/main/mcon2_bg.png);background-size: cover;text-align: left;}
/* #mcont .mcon2 .box1:before{position: absolute;right: -1px;top: -1px;width: 65px;height: 40px;background: url(/mayor/images/main/mcon2_bg2.png) no-repeat;content: '';} */
#mcont .mcon2 .box1 strong{display: block;margin-bottom: 10px;font-size: 24px;line-height: 32px;color: #333;font-family: 'nsr_m'}
#mcont .mcon2 .box1 strong span{display: block;width: 124px;height:43px;margin-bottom: 15px;background: url(/mayor/images/main/main_ir.png) -152px -99px;font-size: 0;text-indent: -9999px}
#mcont .mcon2 .box1 p{font-size: 15px;line-height: 21px;color: #333;}
#mcont .mcon2 .box1 ul{margin-top: 96px}
#mcont .mcon2 .box1 ul li{display: inline-block;margin-right: 13px;}
#mcont .mcon2 .box1 ul li a{display: inline-block;width: 74px;height: 74px;border-radius: 50%;background: rgba(255,255,255,0.6);line-height: 74px;text-align: center;}
#mcont .mcon2 .box2{position: relative;height: 370px;padding: 30px 50px;background: #e0d8d4 no-repeat;background-position: right bottom}
#mcont .mcon2 .box2:after{position: absolute;right: 0;bottom: 0;width: 174px;height: 152px;background: url(/mayor/images/main/mcon2_bg3.png) no-repeat;z-index: 0;content: '';}
#mcont .mcon2 .box2 strong{display: block;font-size: 24px;line-height: 36px;color: #333;font-family: 'nsr_m';font-weight: 700}
#mcont .mcon2 .box2 strong span{color: #b4430a;}
#mcont .mcon2 .box2 ul{position: relative;z-index: 1;}
#mcont .mcon2 .box2 ul li{text-align: left;}
#mcont .mcon2 .box2 ul li + li{border-top: 1px dashed #aca6a3}
#mcont .mcon2 .box2 ul li a{display: block;width: 100%;height: 100%;padding: 6px 0;font-size: 18px;font-family: 'nsr_m'}
#mcont .mcon2 .box2 ul li span{display: inline-block;width: 59px;height: 59px;margin: 0 14px 0 2px;background: url(/mayor/images/main/main_ir.png);vertical-align: middle;}
#mcont .mcon2 .box2 ul li .icon1{background-position: -1px -98px;}
#mcont .mcon2 .box2 ul li .icon2{background-position: -63px -97px; }
#mcont .mcon2 .box2 ul li .icon3{background-position: -63px -160px}
#mcont .mcon2 .box2 ul li .icon4{background-position: -1px -160px;}
#mcont .mcon2 .box3{height: 370px;padding-top: 55px;background: #705d52 url(/mayor/images/main/mcon2_bg4.png) bottom no-repeat;background-size: cover; }
#mcont .mcon2 .box3 strong{display: block;font-size: 24px;line-height: 32px;color: #fff;font-family: 'nsr_m'}
#mcont .mcon2 .box3 .chart {position: relative;display: inline-block;width: 212px;height: 212px;margin-top: 10px;margin-bottom: 10px;text-align: center;z-index:5;}
#mcont .mcon2 .box3 .chart:after{content:"";display:inline-block;position:absolute;top:38px;left:38px;width:134px;height:134px;background-color:transparent;border:1px solid rgba(255,255,255,0.4);border-radius:50%;overflow:hidden;z-index:-1}
#mcont .mcon2 .box3 .chart em{position: absolute;top: 65px;left:  0;right: 0;font-size: 16px;line-height: 32px;color: #fff;}
#mcont .mcon2 .box3 .chart canvas {position: absolute;top: 0;left: 0;}
#mcont .mcon2 .box3 .percent {display: inline-block;line-height: 235px;z-index: 2;font-size: 38px;font-weight: 700;font-family: 'nsr_m';color: #fcd55c}
#mcont .mcon2 .box3 .percent:after {content: '%';margin-left: 0.1em;font-size: 38px;font-weight: 700;font-family: 'nsr_m';}
#mcont .mcon2 .box3 .ing{position: relative;font-size: 17px;line-height: 28px;color: #fff;}
#mcont .mcon2 .box3 .ing:before{display: block;width:63px;height: 60px;margin: 50px auto 20px;background: url(/mayor/images/main/box3_ing.png) no-repeat;content: '';}

#mcont .mcon3 .title{width: 185px;height: 81px;margin:11px 0 25px 18px;background-position: -286px -1px}
#mcont .mcon3 .box1{position: relative;height: 360px;padding: 40px 45px 45px;background: #fcd55c;}
/* #mcont .mcon3 .box1:before{position: absolute;right: -1px;top: -1px;width: 43px;height: 41px;background: url(/mayor/images/main/mcon3_bg.png) no-repeat;content: '';} */
#mcont .mcon3 .box1 strong{display: block;margin-bottom: 10px;font-size: 26px;line-height: 36px;color: #333;font-family: 'nsr_m';font-weight: 700;text-align: center;}
#mcont .mcon3 .box1 strong em{display: block;position: relative;padding-top: 20px;color: #6a4a01;font-size: 24px;}
#mcont .mcon3 .box1 strong em:before{position: absolute;top: 10px;left: 50%;width: 36px;height: 1px;background: #000;margin-left: -18px;content: '';}
#mcont .mcon3 .box1 ul li{position: relative;min-height: 45px;text-align: left;}
#mcont .mcon3 .box1 ul li a{display: block;width: 100%;height: 100%;padding:22px 0 18px 57px;}
#mcont .mcon3 .box1 ul li b{display: inline-block;position: absolute;top: 8px;left: 0;width: 45px;height: 45px;border:1px solid rgba(0,0,0,0.4);border-radius: 50%;color: #6b4b00;line-height: 45px;text-align: center;}
#mcont .mcon3 .box1 ul li span{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#mcont .mcon3 .box1 ul li + li{border-top:1px dashed rgba(0,0,0,0.3);}
#mcont .mcon3 .box1 .more{position: absolute;right: 40px;top: 50px;width: 16px;height: 16px;background: url(/mayor/images/main/main_ir.png) -1px -35px;font-size: 0;text-indent: -9999px}
#mcont .mcon3 .box2{position: relative;height: 370px}
#mcont .mcon3 .box2 a{overflow: hidden;position: relative;display: block;width: 100%;height: 100%;border-radius: 25px}
#mcont .mcon3 .box2 .thumb{overflow: hidden;position: absolute;top: 0;left: 0;right: 0;height: 100%}
#mcont .mcon3 .box2 .thumb:after{position: absolute;bottom: 0;left: 0;right: 0;width: auto;height: 136px;background: url(/mayor/images/main/mcon3_bg2.png) no-repeat;content: '';}
#mcont .mcon3 .box2 .thumb img{width: 100%;max-width: none;padding: 0;margin: 0;display: inline-block;position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
#mcont .mcon3 .box2 .txt{position: absolute;left: 0;right: 0;height: 100%;padding: 30px}
#mcont .mcon3 .box2 .txt strong{display: block;overflow:hidden;position: absolute;bottom: 25px;left: 35px;font-size: 17px;font-family: 'nsr_m';line-height: 36px;color: rgba(255,255,255,0.8);white-space: nowrap;}
#mcont .mcon3 .box2 .txt span{display: block;position: absolute;left: 30px;top: 30px;width: 60px;height: 60px;background: url(/mayor/images/main/main_ir.png);font-size: 0;text-indent: -9999px}
#mcont .mcon3 .box2 .txt .icon1{background-position: -125px -145px}
#mcont .mcon3 .box3{position: relative;height: 370px;padding: 40px 45px 45px;background: #fff;border:1px solid #d7d7d7;}
#mcont .mcon3 .box3 strong{display: block;margin-bottom: 10px;font-size: 24px;line-height: 36px;color: #333;font-family:  'nsr';font-weight: 700;}
#mcont .mcon3 .box3 ul li{position: relative;padding:20px 0 20px 97px;text-align: left;}
#mcont .mcon3 .box3 ul li + li{border-top: 1px dashed #c1c1c1;}
#mcont .mcon3 .box3 ul li .thumb{overflow: hidden;position: absolute;left: 0;top: 23px;width: 85px;height: 57px;}
#mcont .mcon3 .box3 ul li .thumb img{width: 100%;max-width: none;padding: 0;margin: 0;display: inline-block;position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
#mcont .mcon3 .box3 ul li b{display: block;overflow: hidden;margin-bottom: 5px;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;font-weight: 700;line-height: 22px;color: #333;}
#mcont .mcon3 .box3 ul li p{overflow: hidden;height: 40px;font-size: 14px;line-height: 20px;color: #333;word-break: keep-all;text-overflow: ellipsis;}
#mcont .mcon3 .box3 ul li em{display: block;margin-top: 5px;font-size: 14px;line-height: 21px;color: #333;}
#mcont .mcon3 .box3 .more{position: absolute;right: 40px;top: 50px;width: 16px;height: 16px;background: url(/mayor/images/main/main_ir.png) -1px -35px;font-size: 0;text-indent: -9999px}

@media (max-width: 1299px){
	#body_layout{padding: 0 30px}
	#mcont .mcon1 .box1:before{display: none;}
	#mcont .mcon1 .box1 > b{font-size: 22px}
	#mcont .mcon1 .box1 .prog .inner{padding: 35px 15px 35px 125px}
	#mcont .mcon1 .box1 .prog .inner .thumb{left: 15px}
	#mcont .mcon1 .box1 .prog .inner strong{width: 168px}
	#mcont .mcon1 .box1 .bt{width: 265px}
	#mcont .mcon1 .box2 a{padding: 40px 35px;font-size: 22px;}
	#mcont .mcon1 .box2 a:before{width: 135px;height: 153px;background-size: 100%;}
	#mcont .mcon1 .box2 span{top: 80px;right: 50%;margin-right: -66px;}

	#mcont .mcon2 .box1{overflow: hidden;position: relative;padding: 60px 20px;background: #e4e5ea;box-shadow: inset 0 0 50px rgba(0,0,0,0.15)}
	#mcont .mcon2 .box1:before{display: none;}
	#mcont .mcon2 .box1:after{position: absolute;right: -70px;bottom: 0;z-index: 0;width: 248px;height: 254px;background: url(/mayor/images/main/mcon2_bg_.png) no-repeat;background-size: 100%;content: '';}
	#mcont .mcon2 .box1 strong{position: relative;z-index: 1}
	#mcont .mcon2 .box1 p{position: relative;z-index: 1}
	#mcont .mcon2 .box1 ul{position: relative;z-index: 1}
	#mcont .mcon2 .box2 strong{font-size: 22px}
	#mcont .mcon2 .box3 strong{font-size: 22px;}

	#mcont .mcon3 .box1:before{display: none;}
	#mcont .mcon3 .box1 strong{font-size: 22px}
	#mcont .mcon3 .box3 strong{font-size: 22px}
}
@media (max-width: 1023px){
	#body_layout:before{display: none;}
	#mvisual .mvisual_wrap{margin-top: 0}
	#mvisual .mvisual_wrap .sliderBox ul li{height: 330px}

	#mcont{margin: 37px 0 34px}
	#mcont .body_wrap:before,
	#mcont .body_wrap:after{display: none;}
	#mcont .mcon{float: none;top: 0;width: 100%;margin-left: 0;opacity: 1;}
	#mcont .mcon .title{position: relative;}
	#mcont .mcon .box + .box{margin-top: 14px}
	#mcont .mcon .box + .box:before{display: none;}

	#mcont .mcon1:before{position: absolute;left: -180px;top: -30px;width: 304px;height: 301px;background: url(/mayor/images/main/mcont_bg2.png);background-size: 100%;content: '';z-index: -1;}
	#mcont .mcon1:after{position: absolute;right: 70px;bottom: -50px;width: 132px;height: 131px;background: url(/mayor/images/main/mcont_bg2.png);background-size: 100%;content: '';z-index: -1;}
	#mcont .mcon1 .title{width: 117px;height: 82px;margin: 0px 0 24px 38px;background-position: -1px -222px}
	#mcont .mcon1 .title:before{position: absolute;top: -30px;right: -380px;width: 445px;height: 204px;background: url(/mayor/images/main/mcon1_line.png);content: '';}
	#mcont .mcon1 .box1{height: 460px;padding-top: 30px}
	#mcont .mcon1 .box1 .prog{margin-bottom: 28px;}
	#mcont .mcon1 .box1 .prog:after{display: block;visibility: hidden;clear: both;content: '';}
	#mcont .mcon1 .box1 .prog .inner{float: left;width: 50%;background: #eeedea}
	#mcont .mcon1 .box1 .prog .inner:nth-child(2):before{position: absolute;left: 0;top: 25px;height: 152px;width: 1px;border-left:1px dashed #a6a5a3;content: '';}
	#mcont .mcon1 .box1 .prog a:nth-child(3){display: none}
	#mcont .mcon1 .box1 .more{top: 40px;right: 31px}
	#mcont .mcon1 .box1 .bt{width: 334px}
	#mcont .mcon1 .box2{height: 111px}
	#mcont .mcon1 .box2 a{padding: 27px 35px;text-align: left;}
	#mcont .mcon1 .box2 a:before{display: none;}
	#mcont .mcon1 .box2 a br{display: none;}
	#mcont .mcon1 .box2 span{position: absolute;top: 31px;right:67px;width: 173px;height: 50px;margin: 0;background-position: -121px -221px}

	#mcont .mcon2{overflow: hidden;}
	#mcont .mcon2 .title{width: 124px;height: 83px;margin:60px 0 26px 42px;background-position: -1px -307px}
	#mcont .mcon2 .title:before{position: absolute;top: -30px;left: -40px;width: 392px;height: 176px;background: url(/mayor/images/main/mcon2_line.png) no-repeat;z-index: -1;content: '';}
	#mcont .mcon2 .box1{height: 340px;padding:60px 40px;}
	#mcont .mcon2 .box1:after{right: 0;width: 318px;height: 327px;}
	#mcont .mcon2 .box1 p br{display: none;}
	#mcont .mcon2 .box1 ul{margin-top: 30px}
	#mcont .mcon2 .box2{float: left;height: 350px;width: 49%;padding: 30px 30px 0}
	#mcont .mcon2 .box2 ul{margin-top: 20px}
	#mcont .mcon2 .box2 ul li a {padding: 0;}
	#mcont .mcon2 .box3{float: right;height: 350px;width: 49%;padding-top: 40px}

	#mcont .mcon3:after{display: block;visibility: hidden;clear: both;content: '';}
	#mcont .mcon3:before{position: absolute;right: -100px;top: 0;width: 251px;height: 250px;background: url(/mayor/images/main/mcont_bg2.png);background-size: 100%;content: '';z-index: -1;}
	#mcont .mcon3 .title{width: 160px;height: 69px;margin: 75px 0 26px 34px;background-position: -128px -274px;}
	#mcont .mcon3 .title:before{position: absolute;top: -60px;right: -320px;width: 408px;height: 377px;background: url(/mayor/images/main/mcon3_line.png) no-repeat;z-index: -1;content: '';}
	#mcont .mcon3 .box1{height: 280px;padding: 35px 10px;}
	#mcont .mcon3 .box1 strong{font-size: 24px;}
	#mcont .mcon3 .box1 .prog:after{display: block;visibility: hidden;clear: both;content: ''}
	#mcont .mcon3 .box1 ul li{float: left;width: 44%;margin: 0 3%;border-bottom: 1px dashed rgba(0,0,0,0.3)}
	#mcont .mcon3 .box1 ul li + li{border-top: 0;}
	#mcont .mcon3 .box1 ul li:nth-child(3),
	#mcont .mcon3 .box1 ul li:nth-child(4){border: 0}
	#mcont .mcon3 .box2{float: left;width: 49%;height: 330px;}
	#mcont .mcon3 .box3{float: right;width: 49%;height: 330px;padding: 25px 30px}
	#mcont .mcon3 .box3 .more{top: 31px;height: 17px}

}

@media (max-width: 767px){
	#body_layout{padding: 0 10px}

	#mvisual .mvisual_wrap{padding-bottom: 7px}
	#mvisual .mvisual_wrap .sliderBox ul li{height: 130px}
	#mvisual .mvisual_wrap .controlBox{text-align: left;}
	#mvisual .mvisual_wrap .controlBox .paging .btn_page{margin-right: 6px}
	#mvisual .mvisual_wrap .controlBox .btn_prev{right: 51px;width: 48px;height: 47px;background-position: -297px -222px}
	#mvisual .mvisual_wrap .controlBox .btn_next{width: 48px;height: 47px;background-position: -348px -222px}

	#mcont{margin:30px 0 19px}
	#mcont .mcon .box + .box{margin-top: 9px}

	#mcont .mcon1:after,
	#mcont .mcon1:before{display: none;}
	#mcont .mcon1 .title{width: 90px;height: 64px;margin: 0px 0 15px;background-position: -1px -393px}
	#mcont .mcon1 .title:before{right: auto;left: 40px;top: 0;width: 235px;height: 111px;background-size: 100%;}
	#mcont .mcon1 .box1{padding-top: 20px}
	#mcont .mcon1 .box1 .prog .inner{float: none;width: 100%;height: 120px;background: none;padding: 19px 25px}
	#mcont .mcon1 .box1 .prog a:nth-child(1){background: #eeedea}
	#mcont .mcon1 .box1 .prog .inner:nth-child(2):before{display: none;}
	#mcont .mcon1 .box1 .prog .inner .thumb{display: none;}
	#mcont .mcon1 .box1 .prog .inner strong{width: 100%;height: auto;margin: 7px 0 3px;white-space: nowrap;text-overflow: ellipsis;}
	#mcont .mcon1 .box1 .bt{width: 255px;height: 50px;line-height: 50px;}
	#mcont .mcon1 .box1 .bt:after{width: 25px;height: 24px;background-position: -128px -347px;}
	#mcont .mcon1 .box2{height: 90px;}
	#mcont .mcon1 .box2 a{padding:13px 20px;font-size: 18px;}
	#mcont .mcon1 .box2 span{top: 35px;right: 15px;width: 97px;height: 28px;background-position: -156px -347px}

	#mcont .mcon2 .title{width: 91px;height: 60px;margin: 45px 0 17px;background-position: -94px -393px;}
	#mcont .mcon2 .title:before{top: -10px;width: 244px;height: 155px;background-size: 100%;}
	#mcont .mcon2 .box1{height: 290px;padding: 48px 25px}
	#mcont .mcon2 .box1:after{right: -60px;width: 268px;height: 270px;}
	#mcont .mcon2 .box1 strong{margin-bottom: 0;font-size: 18px;}
	#mcont .mcon2 .box1 strong span{width: 106px;height: 38px;background-position: -188px -432px}
	#mcont .mcon2 .box1 ul{margin-top: 20px}
	#mcont .mcon2 .box1 ul li a{width: 65px;height: 65px;line-height: 65px;font-size: 15px;}	
	#mcont .mcon2 .box1 p{line-height: 19px;font-size: 14px}
	#mcont .mcon2 .box1 p br{display: block;}
	#mcont .mcon2 .box2{float: none;width: 100%;height: 290px;padding: 30px 25px 0}
	#mcont .mcon2 .box2:after{width: 140px;height: 120px;background-size: 100%;}
	#mcont .mcon2 .box2 strong{font-size: 18px;}
	#mcont .mcon2 .box2 ul{margin-top: 0}
	#mcont .mcon2 .box2 ul li a{padding-left: 7px;font-size: 17px}
	#mcont .mcon2 .box2 ul li span{width: 50px;height: 51px;}
	#mcont .mcon2 .box3{float: none;width: 100%;height: 290px;padding-top: 35px}
	#mcont .mcon2 .box3 strong{font-size: 18px}
	#mcont .mcon2 .box3 .chart{width: 176px;height: 176px}
	#mcont .mcon2 .box3 .chart:after{top: 27px;left: 27px;width: 120px;height: 120px}
	#mcont .mcon2 .box3 .chart em{top: 55px;}
	#mcont .mcon2 .box3 .percent{line-height: 205px;font-size: 36px;}
	#mcont .mcon2 .box3 .percent:after{font-size: 36px;}
	#mcont .mcon2 .box3 .chart canvas{width: 176px !important;height: 176px !important;}

	#mcont .mcon3:before{display: none;}
	#mcont .mcon3 .title{width: 108px;height: 44px;margin: 43px 0 15px;background-position: -1px -460px;}
	#mcont .mcon3 .title:before{width: 282px;height: 249px;background-size: 100%;top: -30px;right: -210px;}
	#mcont .mcon3 .box1{height: 290px;padding: 30px 25px;}
	#mcont .mcon3 .box1 strong{font-size: 18px;line-height: 30px}
	#mcont .mcon3 .box1 strong em{font-size: 17px}
	#mcont .mcon3 .box1 ul li{float: none;width: 100%;margin: 0;}
	#mcont .mcon3 .box1 ul li:nth-child(4){border-top: 1px dashed rgba(0,0,0,0.3)}
	#mcont .mcon3 .box1 ul li a{padding: 13px 0 11px 57px;}
	#mcont .mcon3 .box1 ul li b{top: 2px;width: 40px;height: 40px;line-height: 40px;}
	#mcont .mcon3 .box1 .more{top: 39px;right: 26px;}
	#mcont .mcon3 .box2{float: none;width: 100%;height: 290px;}
	#mcont .mcon3 .box2 .txt{padding: 25px;}
	#mcont .mcon3 .box2 .txt span{top: 25px;left: 25px;width: 47px;height: 47px;}
	#mcont .mcon3 .box2 .txt .icon1{background-position: -297px -432px;}
	#mcont .mcon3 .box3{float: none;width: 100%;height: 290px;}
	#mcont .mcon3 .box3 strong{margin-bottom: 0;font-size: 18px}
	#mcont .mcon3 .box3 ul li b{height: 40px;font-size: 15px;line-height: 20px;white-space: normal;}
	#mcont .mcon3 .box3 ul li p{display: none;}
	#mcont .mcon3 .box3 .more{right: 25px;}
}