@charset "utf-8";
br{opacity:0;}
.header_wrap { border-bottom: 1px solid #ddd; }
/* 시정계획 */
/* 시정방향 및 전략과제 */
.rectify_plan { text-align:center; padding:30px 15px 20px 15px; box-sizing:border-box; letter-spacing:-1px; background:#85d9eb url(/gjmayor/img/sub02/bg_rectify.png) no-repeat; }
.rectify_plan .year { border-bottom:1px solid #464646; padding-bottom:5px; font-size:20px; width:12%; font-weight:600; margin:0 auto; }
.rectify_plan .title { margin-top:20px; }
.rectify_plan .title p { font-size:24px; }
.rectify_plan .title span { display:inline-block; font-size:24px; margin-top:5px; background:#30a0b8; color:#fff; padding:10px 20px; box-sizing:border-box; }
.rectify_plan p.txt { font-size:15px; margin-top:20px; }

.rectify_list { margin-top:20px; background:#f9f9f9; padding:20px; box-sizing:border-box; }
.rectify_list .title { border-bottom:1px dashed #ddd; padding-bottom:10px; }
.rectify_list > ul > li { margin-top:15px; border-top:1px dashed #ddd; padding-top:10px; }
.rectify_list > ul > li:first-child { margin-top:0; border-top:0; }
.rectify_list .title div { border-radius:50%; display:inline-block; vertical-align:middle; width:50px; height:50px; background:#037ab2; text-align:center; }
.rectify_list .title div.bg { background:#11a3cc; }
.rectify_list .title div p { color:#fff; font-size:16px; font-weight:600; padding-top:15px; }
.rectify_list .title > p { display:inline-block; vertical-align:middle; font-size:22px; margin-left:5px; letter-spacing:-1px; font-weight:600; }
.rectify_list .list { margin-top:20px; margin-bottom:40px; }
.rectify_list .list div { padding:20px; box-sizing:border-box; background:#fff; border-radius:10px; }
.rectify_list .list li { position:relative; padding-left:15px; margin-top:5px; }
.rectify_list .list li:first-child { margin-top:0; }
.rectify_list .list li:before { content:''; position:absolute; width:11px; height:11px; left:0; top:4px; background:url(/common/img/common/spr_bu.png) no-repeat 0 -109px; }
.rectify_list .list p { margin-top:10px; }
.rectify_list .list p:first-child { margin-top:0; }

@media (max-width:640px){
	.rectify_list .title div { display:block; margin:0 auto; }
	.rectify_list .title > p { display:block; text-align:center; margin-left:0; margin-top:10px; line-height:28px; }
}

@media (max-width:500px){
	.rectify_plan .year { width:20%; }
}

@media (max-width:400px){
	.rectify_plan .title p,
	.rectify_plan .title span { font-size:19px; }
	.rectify_plan p.txt { font-size:15px; margin-top:15px; }
}


/* 매니페스토 */
.manifesto_txt {font-size:16px; line-height:2.5em; padding: 20px;}




/* 민선7기 - 공약지도 */
.promiseArea-tab {position:relative;text-align: center;margin-top: 70px;margin-bottom: 30px;}
.promiseArea-tab .tab_list {width: 100%;margin: 0 auto;}
.promiseArea-tab .tab_list li {width: 20%;float:left;text-align:center;height: 190px;}
.promiseArea-tab .tab_list li a{ display:inline-block; text-align:center;}
.promiseArea-tab .tab_list li.on img {display: none; }
.promiseArea-tab .tab_list li:nth-child(1):hover,
.promiseArea-tab .tab_list li:nth-child(1).on {background: url(/gjmayor/img/sub07/pledge01_on.png) no-repeat center; height: 190px;}
.promiseArea-tab .tab_list li:nth-child(2):hover,
.promiseArea-tab .tab_list li:nth-child(2).on {background: url(/gjmayor/img/sub07/pledge02_on.png) no-repeat center; height: 190px;}
.promiseArea-tab .tab_list li:nth-child(3):hover,
.promiseArea-tab .tab_list li:nth-child(3).on {background: url(/gjmayor/img/sub07/pledge03_on.png) no-repeat center; height: 190px;}
.promiseArea-tab .tab_list li:nth-child(4):hover,
.promiseArea-tab .tab_list li:nth-child(4).on {background: url(/gjmayor/img/sub07/pledge04_on.png) no-repeat center; height: 190px;}
.promiseArea-tab .tab_list li:nth-child(5):hover,
.promiseArea-tab .tab_list li:nth-child(5).on {background: url(/gjmayor/img/sub07/pledge05_on.png) no-repeat center;height: 190px;}
.promiseArea-tab .tab_list::after {content:''; display:block; clear:both;}

.promiseArea-tab .promiseArea-box{display:none;}
.promiseArea-tab .promiseArea-box.on{display:block;}
.promiseArea-tab .promiseArea-box ul::after {content:''; display:block; clear:both;}
.promiseArea-tab .promiseArea-box ul{padding:30px;}
.promiseArea-tab .promiseArea-box ul li:first-child{float:left; width:60%;}
.promiseArea-tab .promiseArea-box ul li:last-child{float:right; width:40%; margin-top:40px;}
.promiseArea-tab .promiseArea-box ul li img{max-width:100%;}


@media (max-width: 1024px){
	.promiseArea-tab .tab_list li:hover,
	.promiseArea-tab .tab_list li.on{background-size: contain !important;background-position-y: inherit !important;}

}
@media (max-width: 768px){
	.promiseArea-tab .promiseArea-box ul li:first-child{float:none; width:100%;}
    .promiseArea-tab .promiseArea-box ul li:last-child{float:none; width:100%;}
    .promiseArea-tab .promiseArea-box ul{padding:0px;}
}
@media (max-width: 540px){
	.promiseArea-tab .tab_list li{width: 33%;height: 170px;}
	.promiseArea-tab .tab_list li:hover,
	.promiseArea-tab .tab_list li.on{height: 170px!important;}
}

@media (max-width: 375px){
	.promiseArea-tab .tab_list li{width: 33%;height: 140px;}
	.promiseArea-tab .tab_list li:hover,
	.promiseArea-tab .tab_list li.on{height: 140px!important;}
}