@charset "utf-8";

/*인사말*/
.gre{background:#ecfbfe; text-align:center;}
.gre .gre_txt{display:inline-block;background:rgba(255,255,255,0.8);border-radius:20px;margin:2%;padding: 20px 2%;width:92%; text-align:left;}
.gre .gre_txt .gre_txt_img img{margin-bottom:16px;width: auto;max-width:100%;}
.gre .gre_txt img{margin-top: 16px;}
.gre .gre_img{width:auto; max-width:100%;}

@media all and (min-width:1400px) {
.gre{overflow:hidden;}
.gre .gre_txt{width: 57%; float:left;}
.gre .gre_img{margin-top: 88px; float:left;}
}

@media all and (min-width:1600px) {
.gre{width:1200px;}
.gre .gre_txt{width: 47%;margin-right: 90px;}
.gre .gre_img{margin-top: 106px;}
}


/*주요약력*/
.career_txt{ margin:20px 0;}
.career_txt strong{display:block;font-weight:400; font-size:16px; color:#111; margin-right:25px;}
.career_txt strong.ma01{margin-right:100px;}
.career_txt strong.ma02{margin-right:55px;}
.career_txt ul li{padding:0 0 0 10px;background:url("/images/02_mayor/common/li02.gif") no-repeat 0 11px; color:#454545;}

.career_txt h5{display:inline-block; background:#025b97; color:#fff; font-size:14px; font-weight:400; padding:5px 10px;}
.career_txt h5{display:inline-block; background:#07263a; color:#fff; font-size:14px; font-weight:400; padding:5px 10px;}

.career01 h4{background:url("/images/02_mayor/sub/career01.png") no-repeat;padding: 0px 70px 8px 70px; font-weight:400;}
.career02 h4{background:url("/images/02_mayor/sub/career02.png") no-repeat;padding: 0px 70px 8px 70px; font-weight:400;}
.career03 h4{background:url("/images/02_mayor/sub/career03.png") no-repeat;padding: 0px 70px 8px 70px; font-weight:400;}

@media all and (min-width:1024px) {
.career_txt{display:inline-block; margin-right:30px;}
.career_txt strong{display:inline;}
}

@media all and (min-width:1600px) {
.career_txt{margin-right:0px; width:49%;}
}


/*매니페스토*/

.mani_box{background:#f4f4f4; border:1px solid #d1d1d1; margin-bottom:30px; padding:30px 18px;}
.mani_box h4{color:#0065b3; font-size:24px; margin-bottom:6px;}
.mani_box p{color:#111;}
.mani_box2{background:url("/images/02_mayor/sub/mani_box2_bg.png") no-repeat 98% 100%; border:1px solid #d1d1d1;  padding:30px 18px; margin-bottom:40px;}
.mani_box2 p{margin-bottom:30px; line-height:1.5em; font-size:14px;}
.mani_btn{text-align:center; padding:0 10px;}
.mani_btn a{display:inline-block; background:#015b97; color:#fff; font-weight:300; padding:10px 35px; border-radius:5px;}

@media all and (min-width:768px) {
.mani_box h4{background:none; padding:0px;}
.mani_box{background:#f4f4f4 url("/images/02_mayor/sub/mani_box_bg.png") no-repeat 20px 50%; border:1px solid #d1d1d1; margin-bottom:30px; padding:40px 20px 40px 140px;}
.mani_box2{padding: 30px;margin-bottom:40px;}
}


/*공약사업*/

.promise div{overflow:hidden; text-align:center; margin-bottom:10px;}
.promise .pro_01 h4{background:url("/images/02_mayor/sub/pro01.png") no-repeat center; padding: 45px 40px 45px 20px;}
.promise .pro_02 h4{background:url("/images/02_mayor/sub/pro02.png") no-repeat center;padding: 45px 35px 45px 12px;}
.promise .pro_03 h4{background:url("/images/02_mayor/sub/pro03.png") no-repeat center; padding: 45px 40px 45px 20px;}
.promise h4{font-size:20px; color:#003663;}
.promise img{width:auto; max-width:100%;}
.promise .pro_02 ul{width:50%; margin:0 auto;}
.promise .pro_02 ul li{background:#e2ecf5; border-radius:20px; padding:8px 28px; color:#152e60; font-size:18px; font-weight:400; margin:0 8px 5px 0;}
.promise .pro_03 ul li{background:url("/images/02_mayor/sub/pro03_bg.png") no-repeat center;padding: 40px 31px;color:#333;font-weight:400;}

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

.promise h4{float:left; margin:0 40px 0 0;}
.promise .pro_01 img{display:inline;float:left;max-width:70%; margin-top: 32px;}
.promise .pro_02 ul{float:left; width:auto; margin: 35px 0 0 0;}
.promise .pro_02 ul li{float:left;}
.promise .pro_03 ul li{float:left;}
}

.icon_pdf {background: url('/upload_data/board_data/BBS_0000144/167583422844335.png') no-repeat center;display: inline-block; width: 19px; height: 24px; overflow: hidden; font-size:0;}
.basic_table .point_bg th:after {content: "+";margin: 0 10px 0 0;display: inline-block;float: right;}


@media (min-width: 1023px) {

.promise .pro_01 img{max-width:65%;margin-top: 40px;}   
.promise .pro_02 ul{margin: 44px 0 0 0;}
}

@media all and (min-width:1400px) {
.promise{border:1px #f4f4f4 solid; padding:20px 30px;}
.promise .pro_01 img{margin-top: 25px;}   

}

@media all and (min-width:360px) {
/* 공약이행현황 */

.progress_box {margin-bottom:30px; padding: 5px; background: url(/upload_data/board_data/BBS_0000144/167590174149741.png); border: 1px solid #ccc;}
.progress_box>div {padding:20px;}
.progress_box dl {height: auto;}
.progress_box dt {float:none; width:100%;}
.progress_box dl>dd {margin-top:30px;}
.progress_box dd strong { display:block; width: 100%; border-radius:30px; font-size:1.13333rem; margin:0  0 6px; padding:4px;text-align:center;}

}

@media all and (min-width:1224px) {
.progress_box {margin-bottom:30px; padding: 5px; background: url(/upload_data/board_data/BBS_0000144/167590174149741.png); border: 1px solid #ccc;}
.progress_box>div {padding:30px; height:390px;}
.progress_box dl {height: 302px;}
.progress_box dt {width: 40%; float: left;}
.progress_box dl>dd {margin-top:30px;}
.progress_box dd {padding: 0; overflow:hidden;}
.progress_box dd strong { display:block; width: 28%; border-radius:30px;}

}


/*민선7기*/
.sj_wrap{border:1px solid #d1d1d1; padding:20px;}
.sj01{background:url("/images/02_mayor/sub/sj01_bg.png") no-repeat 95% bottom;}
.sj02{background:url("/images/02_mayor/sub/sj02_bg.png") no-repeat 95% bottom;}
.sj03{background:url("/images/02_mayor/sub/sj03_bg.png") no-repeat 95% bottom;}
.sj04{background:url("/images/02_mayor/sub/sj04_bg.png") no-repeat 95% bottom;}
.sj05{background:url("http://mayor.gimje.go.kr/rfc3/user/domain/mayor.gimje.go.kr.80/0/../images/02_mayor/sub/sj05_bg.png") no-repeat 95% bottom;}
.sj_wrap dl dt{color:#fff; font-size:24px; font-weight:400;}
.sj_wrap dl dd{color:#fff; font-size:16px;}
.sj_txt01{background:#172a79; padding:18px 40px; margin-bottom:30px;}
.sj_txt02{background:#f46444; padding:18px 40px; margin-bottom:30px;}
.sj_txt03{background:#598527; padding:18px 40px; margin-bottom:30px;}
.sj_txt04{background:#e99638; padding:18px 40px; margin-bottom:30px;}
.sj_txt05{background:#13b3b7; padding:18px 40px; margin-bottom:30px;}

@media all and (min-width:1024px) {
.sj_wrap{padding:40px 45px 20px;}

.gg_con{}
}




/*사이트맵*/
.site_menu{border-top:1px #c1c1c1 solid;margin-bottom: 40px;}
.site_menu h4{background:none; display:inline-block; font-size:18px; padding:0; border-top:4px #00416b solid; padding-top:20px;}                          
.site_menu h5{background:none; border:1px #c1c1c1 solid; text-align:center; margin-bottom:10px; font-size:16px; font-weight:400; padding:0;}
.site_menu h5 a{display:block;  padding:10px 0; background:none;}
.site_menu h5:hover{background:#d6d6d6;}
.site_menu h5 a.new {background: url(/images/02_mayor/common/nav_new.png) 90% center no-repeat !important; padding: 10px 36px 10px 20px;}
.site_menu h5 a:hover{color:#fff;}
.site_menu ul{padding:10px;}
.site_menu ul li li{background:url("/images/02_mayor/common/li02.gif") no-repeat 0 11px;padding-left: 7px; margin:4px 0;}
.site_menu ul li li a:hover{border-bottom:1px #00416b solid;}

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

.site_menu div{padding:20px 0;}
.site_menu h5{display:inline-block; margin:0 8px;}
.site_menu h5 a{padding:10px 20px;}
.site_menu ul{padding: 24px;}
.site_menu ul li{display:inline-block;}
.site_menu ul li li{display:block;}
}

@media all and (min-width:1024px) {
.sj_wrap{padding:40px 45px 20px;}
.site_menu h4{display:inline-block; width:220px; margin-right:20px;}
.site_menu div{display:inline-block; padding:20px 0;}
.site_menu h5{display:inline-block; margin:0 8px;}
.site_menu ul li{display:inline-block;}
.site_menu ul li li{display:block;}
}

/*공약사업*/
.pro_wrap h5{background:url("/images/02_mayor/sub/p_h5.png") no-repeat  center; padding:10px; margin:40px 0; color:#222; text-align:center;}
.pro_wrap p{text-align:center;}
.pro_wrap img{width:auto; max-width:100%;}
.pro_wrap .p_list01{text-align:center;}
.pro_wrap .p_list01 li{display: inline-block; background: url("http://newhp.gimje.go.kr/images/02_mayor/sub/p_list01.png") no-repeat center; width: 39%;padding: 10px; margin: 2% 3%; color:#333;}

.pro_wrap .p_list02{text-align:center;}
.pro_wrap .p_list02 li{ display: inline-block; background: url("http://newhp.gimje.go.kr/images/02_mayor/sub/p_li.png") no-repeat center; width: 56%; margin: 2%;}	
.pro_wrap .p_list02 li a {display: block; padding: 38px 0; color: #333;}
.pro_wrap .p_list02 li a span {padding: 57px 0 0; margin: 10px 0 0; display: block;}
.pro_wrap .p_list02 li a span:hover,
.pro_wrap .p_list02 li a span:focus{text-decoration:underline;}
.pro_wrap .p_list02 li.icon01 a span{background: url("http://newhp.gimje.go.kr/images/02_mayor/sub/p_list01_1.png") no-repeat center 0;}
.pro_wrap .p_list02 li.icon02 a span{background: url("http://newhp.gimje.go.kr/images/02_mayor/sub/p_list01_2.png") no-repeat center 0;}
.pro_wrap .p_list02 li.icon03 a span{background: url("http://newhp.gimje.go.kr/images/02_mayor/sub/p_list01_3.png") no-repeat center 0;}
.pro_wrap .p_list02 li.icon04 a span{background: url("http://newhp.gimje.go.kr/images/02_mayor/sub/p_list01_4.png") no-repeat center 0;}
.pro_wrap .p_list02 li.icon05 a span{background: url("http://newhp.gimje.go.kr/images/02_mayor/sub/p_list01_5.png") no-repeat center 0;}

@media all and (min-width:768px) {
.pro_wrap .p_list01 li{width: 16%; margin:1%;}	
.pro_wrap .p_list02 li{width: 30%; margin:1%;}
}
@media all and (min-width:1023px) {
.pro_wrap .p_list01 li{width: 19%;}	
.pro_wrap .p_list02 li{width: 30%;}
}

@media all and (min-width:1399px) {
.pro_wrap .p_list01 li{width: 12%;}
.pro_wrap .p_list02 li{width: 17%;}
}
@media all and (min-width:1823px) {
.pro_wrap .p_list01 li{width: 8%;}
.pro_wrap .p_list02 li{width: 12%;}
}                                  

/*공약확정 및 변경*/
.arrow_01{background: url("http://newhp.gimje.go.kr/images/02_mayor/sub/arrow_02.png") no-repeat center bottom; padding:0 0 10px 0;}  
.arrow_02{background: url("http://newhp.gimje.go.kr/images/02_mayor/sub/arrow_02.png") no-repeat center bottom; padding:0 0 10px 0;} 
.arrow_03{background: url("http://newhp.gimje.go.kr/images/02_mayor/sub/arrow_02.png") no-repeat center bottom; padding:0 0 10px 0;}

.process dl{display: inline-block; text-align: center; width:100%; background: url("http://newhp.gimje.go.kr/images/02_mayor/sub/arrow_02.png") no-repeat center bottom; padding-bottom:30px; margin-bottom:15px;}
.process dl dt{font-size: 20px; background: #e8f6ff; color: #111; font-weight: 500; padding: 8px 0; border: 1px #eaeaea solid;}
.process dl dd{font-size: 18px; color: #333; padding: 8px; border-bottom:1px #eaeaea solid; border-right:1px #eaeaea solid; border-left:1px #eaeaea solid;}
.process dl.last{background:none;}

@media all and (min-width:1399px) {
.arrow{position:relative; height:565px; margin-bottom:20px;} 
.arrow_01{background: url("http://newhp.gimje.go.kr/images/02_mayor/sub/arrow_01.png") no-repeat center right; padding-right:4%; padding-bottom:0; display:inline-block; width:47%; position:absolute; left:0; top:0; }
.arrow_02{background: url("http://newhp.gimje.go.kr/images/02_mayor/sub/arrow_02.png") no-repeat center bottom; padding-bottom:3%; display:inline-block; width:47%; position:absolute; right:0; top:0; }
.arrow_03{background: url("http://newhp.gimje.go.kr/images/02_mayor/sub/arrow_03.png") no-repeat center left; padding-left:4%; padding-bottom:0; position:absolute; right:0; bottom:0; display:inline-block; width:47%; }
.arrow_04{position:absolute; left:0; bottom:0; display:inline-block; width:47%; }
.arrow .basic_box{width:98%; margin:0}
.arrow .basic_box div{height:175px;}

.process dl{width:25%; background:url("/images/02_mayor/sub/arrow_01.png") no-repeat center right; padding:0 40px 0 20px;}
}

table.gg_table .tit{background:#015b97;}
table.gg_table .tit td{background:url("http://newhp.gimje.go.kr/images/02_mayor/sub/gg_arr_on.png") no-repeat 98% center;padding:15px;font-size:17px;color:#fff;}

@media all and (min-width:1023px) {
.gg_con .box{background:url("http://newhp.gimje.go.kr/images/02_mayor/sub/arrow_02.png") no-repeat center bottom;padding:0 0 20px 0; overflow-x:auto;}
.gg_con .box .basic_box div{overflow:hidden;}
.gg_con .box .basic_box div h5{float:left;width:40%;}
.gg_con .box .basic_box div ul.basic_ul{float:left;width:60%;box-sizing:border-box;width:calc(60% - 40px);border-left:dotted 1px #ccc;padding-left:40px;margin:0;}
.gg_con .box.last{background:none;padding:0;}
}

/*공약사업-주민배심원단*/                
.meeting div{margin: 0 0 20px 0;}
.meeting img{width:auto; max-width:100%; display: inline-block; margin: 0 0 10px 0;}    
.meeting dl dt{font-size: 20px; color: #e99638; font-weight: 600; overflow: hidden; margin: 0 0 10px 0;}
.meeting dl dt em{font-style: normal; float: right; font-size: 13px; color: #666; font-weight: 100;}
.meeting dl dd{font-size:16px; line-height:1.5em; padding:0 0 0 20px; margin:0 0 5px 0;background:url("/images/02_mayor/common/li01.gif") no-repeat 0 10px; color:#222; font-weight:300;}

@media all and (min-width:768px) {
.meeting div{overflow: hidden;}
.meeting img{float: left;}
.meeting dl{float: right; width: 40%;}

}

@media all and (min-width:1023px) {
.meeting img{float: none;}
.meeting dl{float: none; width: auto;}
}
@media all and (min-width:1399px) {
.meeting img{float: left; margin: 0 40px 0 0;}
.meeting dl{float: left; width: 40%;}
.meeting{position: relative;}
.meeting::before{content: ''; position: absolute; top: 0; left: 389px; width: 1px; height: 100%; background: #d2d2d2;}
.meeting div{position: relative;}
.meeting div::before{content: ''; position: absolute; top: 10px; left: 384px; width: 13px; height: 13px; border-radius: 20px; background: #025b97;}
}  

/*김제 SNS 추가 21.03.12*/                                        
.gj_sns{margin-bottom:30px;}
.gj_sns ul{overflow:hidden;border-top:solid 2px #333;border-bottom:solid 1px #333;}
.gj_sns li{padding:15px;border-bottom:dashed 1px #666;box-sizing:border-box;}
.gj_sns li:last-child{border:none;}
.gj_sns li a{display:block;padding:12px 0 0 60px;height:44px;box-sizing:border-box;font-weight:600;color:#000;}
.gj_sns li a.f{background:url("/upload_data/board_data/BBS_0000144/161552562947856.png") no-repeat left center;}
.gj_sns li a.t{background:url("/upload_data/board_data/BBS_0000144/161552562949784.png") no-repeat left center;}
.gj_sns li a.b{background:url("/upload_data/board_data/BBS_0000144/161552562949986.png") no-repeat left center;}
.gj_sns li a.i{background:url("/upload_data/board_data/BBS_0000144/161552562950140.png") no-repeat left center;}
.gj_sns li a.k{background:url("/upload_data/board_data/BBS_0000144/161552562950448.png") no-repeat left center;}
.gj_sns li a.y{background:url("/upload_data/board_data/BBS_0000144/161552562950560.png") no-repeat left center;}

@media all and (min-width:768px) {
.gj_sns li{float:left;width:33.3333%;}
}


/* 모바일 이미지 확대보기 */
.big_img{position:relative;padding:20px;margin:5px 0;text-align:center}
.big_img img{width:100%}
.big_img a{position:absolute;bottom:0;right:0;display:block;background:url("/images/01_potal/sub/img_view.png") no-repeat 10px center #223e99;color:#fff;padding:10px 10px 10px 40px}

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

.big_img{padding:40px 0}
.big_img img{width:100%}
}


/* Desktop */
@media all and (min-width:1023px) {
.big_img img{width:auto;max-width: 1000px;}
.big_img a{display:none}
}



/* 2022 민선8기 */
/*인사말*/
.greeting{padding-top: 40px; background: url("/upload_data/board_data/BBS_0000144/165657821750447.png") no-repeat top right /100%;}
.greeting .img_box img{width: 100%;max-width: 580px;}
.greeting .tit{font-size: 24px;color: #eb4c1b;}
.greeting .tit h4{background: none;margin: 0;padding: 0;color: #2e4d89;font-weight: normal;}
.greeting .txt p{margin: 24px 0;font-size: 16px;}
.greeting .txt p span{color: #eb4c1b;}
.greeting .txt .sign{text-align: right;}
.greeting .txt .sign img{display: inline-block;margin-left: 10px;vertical-align: baseline;}
@media all and (min-width:768px) {
.greeting{background-size: auto;}
.greeting .tit{font-size: 36px;}
.greeting .txt p{font-size: 18px;}
.greeting .tit h4{font-size: 36px;}
}
@media all and (min-width:1400px) {
.greeting{position: relative;height: 800px;}
.greeting .img_box{position: absolute;top: 160px;left: -40px;}
.greeting .txt_box{padding: 70px 0 0 410px;}
}
@media all and (min-width:1600px) {
.greeting .txt_box{padding: 70px 0 0 500px;}
}

/*프로필*/
.profile {background: url("/upload_data/board_data/BBS_0000144/165657821751561.png") no-repeat bottom right /100%;}
.profile .tit{font-size: 36px;color: #2e4d89;}
.profile ul li{font-size: 16px;margin: 0 0 6px 20px;color: #333;}
@media all and (min-width:768px) {
.profile:after{display: block;clear: both;content: "";}
.profile .tit p{width: 431px;height: 0;padding-top: 83px;overflow: hidden;background: url("/upload_data/board_data/BBS_0000144/165657821751887.png") no-repeat;}
.profile .career01, .profile .career02{float: left;width: 48%;margin-right: 2%;}
}
@media all and (min-width:1400px) {
.profile .tit{margin-bottom: 75px;}
.profile .career01, .profile .career02{width: 50%;margin: 0;}
.profile ul li{margin-left: 70px;}
}

/***** 공약개요 *****/
/*공약가계부*/
.pledge_chart .total p{padding: 20px;margin-bottom: 20px;background: #f8f8f8;border-radius: 5px;font-size: 16px;color: #333;}
.pledge_chart .total p strong{font-size: 20px;vertical-align: baseline;}
.pledge_chart .list dl{padding: 20px 20px 20px 140px;margin-bottom: 20px;border: 1px solid #ddd;border-radius: 10px;box-sizing: border-box;position: relative;}
.pledge_chart .list dl:after{display: block;position: absolute;top: 0;left: 0;width: 140px;height: 140px;content: "";background: url("/upload_data/board_data/BBS_0000144/166571140277307.png") no-repeat;transform: scale(.8);}
.pledge_chart .list dl.box2:after{background-position: -150px 0;}
.pledge_chart .list dl.box3:after{background-position: 0 -150px;}
.pledge_chart .list dl.box4:after{background-position: -150px -150px;}
.pledge_chart .list dl.box5:after{background-position: 0 -300px;}
.pledge_chart .list dl.box6:after{background-position: -150px -300px;}
.pledge_chart .list dl.box7:after{background-position: 0 -450px;}
.pledge_chart .list dl.box8:after{background-position: -150px -450px;}
.pledge_chart .list dt{margin-bottom: 10px;font-size: 20px;font-weight: bold;word-break: keep-all;}
.pledge_chart .list .box1 dt{color: #0096ce;}
.pledge_chart .list .box2 dt{color: #00ab45;}
.pledge_chart .list .box3 dt{color: #fa486e;}
.pledge_chart .list .box4 dt{color: #6c2a9e;}
.pledge_chart .list .box5 dt{color: #009d9d;}
.pledge_chart .list .box6 dt{color: #056ebf;}
.pledge_chart .list .box7 dt{color: #e95f1a;}
.pledge_chart .list .box8 dt{color: #1c3461;}
.pledge_chart .list dd{padding-left: 10px;}
.pledge_chart .list dd strong{font-size: 18px;color: #000;vertical-align: baseline;}
.pledge_chart .basic_box div{text-align: center;}
.pledge_chart .basic_box img{width: 100%;max-width: 800px;}
.pledge_chart .basic_box a{display: inline-block;background: #1c3461;padding: 4px 10px;color: #fff;font-weight: bold;}
@media all and (min-width:768px) {
.pledge_chart .total p{font-size: 20px;text-align: center;}
.pledge_chart .total p strong{font-size: 24px;}
.pledge_chart .list dt{padding-bottom: 10px;border-bottom: 1px dashed #e4e4e4;}
.pledge_chart .basic_box a{display: none;}
}
@media all and (min-width:1400px) {
.pledge_chart .list{overflow: hidden;}
.pledge_chart .list dl{float: left;width: calc((100% - 20px)/2);height: 190px;margin: 0 20px 20px 0;padding: 30px 30px 30px 180px;}
.pledge_chart .list dl:nth-child(2n){margin-right: 0;}
.pledge_chart .list dl:after{transform: scale(1);top: 20px;left: 20px;}
.pledge_chart .list dd{font-size: 18px;}
.pledge_chart .list dd strong{font-size: 20px;}
}

/***** 공약지도 *****/
/*공약사업*/
.pledge .tit{margin-bottom: 20px;}
.pledge .tit p{font-size: 36px;color: #10a4c0;}
.pledge .tit strong{display: block;color: #1076be;}
.pledge .con div{position: relative;padding: 20px;margin: 0 0 30px;border: 1px solid #ddd;}
.pledge .con .box1{border-top: 2px solid #0096ce;}
.pledge .con .box2{border-top: 2px solid #00ab45;}
.pledge .con .box3{border-top: 2px solid #fa486e;}
.pledge .con .box4{border-top: 2px solid #6c2a9e;}
.pledge .con .box5{border-top: 2px solid #009d9d;}
.pledge .con .box6{border-top: 2px solid #056ebf;}
.pledge .con .box7{border-top: 2px solid #e95f1a;}
.pledge .con .box8{border-top: 2px solid #1c3461;}
.pledge .con h4{padding: 20px 0 0;background: none;}
.pledge .con .box1 h4{color: #0096ce;}
.pledge .con .box2 h4{color: #00ab45;}
.pledge .con .box3 h4{color: #fa486e;}
.pledge .con .box4 h4{color: #6c2a9e;}
.pledge .con .box5 h4{color: #009d9d;}
.pledge .con .box6 h4{color: #056ebf;}
.pledge .con .box7 h4{color: #e95f1a;}
.pledge .con .box8 h4{color: #1c3461;}
.pledge .con h4 em{position: absolute;top: 0;left: 0; font-size: 48px;opacity: .1;}
.pledge .con li{padding: 8px 0 0 12px;color: #333;}
.pledge .con li li{color: #666;}
@media all and (min-width:768px) {
.pledge .tit{margin-bottom: 40px;}
.pledge .tit strong{display: inline-block;}
.pledge .con div{padding: 30px;margin-bottom: 40px;}
.pledge .con div:after{display: block;position: absolute;bottom: 30px;right: 30px;width: 140px;height: 140px;content: "";background: url("/upload_data/board_data/BBS_0000144/166571140277307.png") no-repeat;z-index:-1;}
.pledge .con .box2:after{background-position: -150px 0;}
.pledge .con .box3:after{background-position: 0 -150px;}
.pledge .con .box4:after{background-position: -150px -150px;}
.pledge .con .box5:after{background-position: 0 -300px;}
.pledge .con .box6:after{background-position: -150px -300px;}
.pledge .con .box7:after{background-position: 0 -450px;}
.pledge .con .box8:after{background-position: -150px -450px;}
}

/*선거공약집*/
.gongbo{padding: 30px 20px 20px;background: url("/images/02_mayor/sub/gongbo_bg.gif") no-repeat center top /100% #f2f6fa;overflow: hidden;border-top: 1px solid #272d47;}
.gongbo .img{text-align: center;}
.gongbo .img img{box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.gongbo .txt{margin-top: 20px;}
.gongbo .tit{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #a9b1d5;}
.gongbo .tit h4{padding: 0;background: none;color: #262b49;font-size: 36px;letter-spacing: -1px;}
.gongbo .tit h4 span{color: #3c66dd;}
.gongbo .tit p{font-size: 20px;color: #333;}
.gongbo .txt .basic_btn a{background-color: #272d47;}
@media all and (min-width:768px) {
.gongbo{padding: 40px;}
}
@media all and (min-width:1400px) {
.gongbo{padding: 60px;background-position: right center;background-size: auto;}
.gongbo .img{float: left;width: 40%;}
.gongbo .txt{float: right;width: 60%;margin-top: 50px;}
.gongbo .txt .basic_btn{text-align: left;}
}

/*공약총괄*/
.gong_key div{overflow: hidden;}
.gong_key dl{position: relative;margin-bottom: 20px;padding: 20px 20px 20px 45px;border: 2px solid #ddd;border-radius: 5px;word-break: keep-all;}
.gong_key dt{margin-bottom: 10px;}
.gong_key dt em{display: block;position: absolute;top: 20px;left: 10px;font-size: 24px;font-weight: bold;font-style: normal;opacity: .5;}
.gong_key dt strong{font-size: 18px;}
.gong_key dd{color: #333;}
.gong_key dl.box01{border-color: #84c316;}
.gong_key dl.box02{border-color: #eb5800;}
.gong_key dl.box03{border-color: #f43f61;}
.gong_key dl.box04{border-color: #3055dc;}
.gong_key dl.box05{border-color: #049470;}
.gong_key .box01 dt em, .gong_key .box01 dt strong{color: #4ea700;}
.gong_key .box02 dt em, .gong_key .box02 dt strong{color: #eb5800;}
.gong_key .box03 dt em, .gong_key .box03 dt strong{color: #f43f61;}
.gong_key .box04 dt em, .gong_key .box04 dt strong{color: #3055dc;}
.gong_key .box05 dt em, .gong_key .box05 dt strong{color: #049470;}

.gong_graph{margin-bottom: 30px;padding: 10px;border: 1px solid #ddd;}
.gong_graph li strong{display: block;font-size: 18px;color: #333;}
.gong_graph li ul{width: 100%;margin: 10px 0 20px;overflow: hidden;background: url("/images/02_mayor/sub/graph_bg.png") #7b5ec3;border-radius: 5px;border: 1px solid #ddd;box-sizing: border-box;}
.gong_graph li li{float: left;position: relative;}
.gong_graph li li span{display: block;width: 99%;padding: 10px 0;font-size: 16px;text-align: center;color: #fff;}
/*그래프너비*/
.gong_graph li.li01 li:nth-child(1){width: 93%;background-color: rgb(48,85,220,.8);}
.gong_graph li.li01 li:nth-child(2){width: 7%;}
.gong_graph li.li02 li:nth-child(1){width: 76%;background-color: rgb(48,85,220,.8);}
.gong_graph li.li02 li:nth-child(2){width: 24%;}
.gong_graph li.li03 li:nth-child(1){width: 80%;background-color: rgb(48,85,220,.8);}
.gong_graph li.li03 li:nth-child(2){width: 20%;}
.gong_graph li.li04 li:nth-child(1){width: 8%;background-color: rgb(48,85,220,.8);}
.gong_graph li.li04 li:nth-child(2){width: 28%;background-color: rgb(26,165,186,.8);}
.gong_graph li.li04 li:nth-child(3){width: 64%;}
/*그래프너비*/
.gong_graph li li span.small{position: relative;width: 70px;padding-top: 0;top: 5px;left: 50%;transform: translateX(-50%);font-size: 14px;line-height: 1.2;}
.gong_graph li.li01 li:nth-child(2) .small{transform: translateX(-70%);}
@media all and (min-width:768px) {
.gong_graph{padding: 20px;}
}
@media all and (min-width:1400px) {
.gong_key div{padding-top: 30px;}
.gong_key dl{float: left;width: 18%;height: 230px;margin: 0 1% 30px;padding: 30px 20px 20px;box-sizing: border-box;text-align: center;}
.gong_key dt em{width: 40px;height: 40px;top: -20px;left: 50%;transform: translateX(-50%);line-height: 40px;opacity: 1;color: #fff;border-radius: 100%;}
.gong_key .box01 dt em{background: #84c316;color: #fff;}
.gong_key .box02 dt em{background: #eb5800;color: #fff;}
.gong_key .box03 dt em{background: #f43f61;color: #fff;}
.gong_key .box04 dt em{background: #3055dc;color: #fff;}
.gong_key .box05 dt em{background: #049470;color: #fff;}
	
.gong_graph{padding: 30px;}
.gong_graph li{overflow: hidden;}
.gong_graph li strong{float: left;width: 160px;margin-top: 20px;}
.gong_graph li ul{float: left;width: calc(100% - 160px);}
.gong_graph li.li01 li:nth-child(2) .small{transform: translateX(-50%);}
}

/*공약이행계획*/
.plan .box{padding-bottom: 20px;margin: 30px 0;border-bottom: 1px dashed #ddd;}
.plan .box h4{padding: 0;background: none;text-align: center;}
.plan .box h4 span{display: inline-block;padding: 5px 15px;border-radius: 10px;color: #fff;}
.plan .box:nth-child(1) h4 span{background: #018483;}
.plan .box:nth-child(2) h4 span{background: #0052ca;}
.plan .box:nth-child(3) h4 span{background: #d44500;}
.plan .con>ul>li{padding-bottom: 10px;margin-bottom: 15px;background: url("/images/02_mayor/common/tab_on.png") no-repeat center bottom;}
.plan .con>ul>li:last-child{padding-bottom: 0;margin-bottom: 0;background: none;}
.plan .con>ul>li>strong{display: block;padding: 10px 0;font-size: 18px;text-align: center;background: #f4f4f4;border-radius: 20px;box-sizing: border-box;}
.plan .box:nth-child(1) .con>ul>li>strong{color: #018483;}
.plan .box:nth-child(2) .con>ul>li>strong{color: #0052ca;}
.plan .box:nth-child(3) .con>ul>li>strong{color: #d44500;}
.plan .con>ul>li>strong span{display: block;color: #333;font-size: 16px;font-weight: normal;}
.plan .con ul ul{padding: 20px;margin: 20px 0;border: 1px solid #ddd;box-sizing: border-box;}
.plan .con li li{position: relative;padding-left: 8px;margin-bottom: 8px;color: #333;}
.plan .con li li:before{display: block;position: absolute;top: 9px;left: 0;width: 3px;height: 3px;content: "";}
.plan .box:nth-child(1) li li:before{background: #018483;}
.plan .box:nth-child(2) li li:before{background: #0052ca;}
.plan .box:nth-child(3) li li:before{background: #d44500;}
@media all and (min-width:768px) {
.plan .box h4{text-align: left;}
.plan .con>ul>li{background-position: left 20% bottom;}
.plan .con>ul>li:after{display: block;clear: both;content: "";}
.plan .con>ul>li>strong{float: left;width: 40%;}
.plan .con ul ul{float: right;width: 58%;margin-top: 0;}
}
.gong_step .basic_step{margin-bottom: 30px;padding: 20px;background: #f4f4f4;}
.gong_step .basic_step li strong{background: #fff;color: #223e99;border: 1px solid #223e99;border-bottom: none;border-radius: 20px 20px 0 0;word-break: keep-all;}
.gong_step .basic_step li span{position: relative;border: 1px solid #223e99;border-top: none;background: #fff;border-radius: 0 0 20px 20px;word-break: keep-all;}
.gong_step .basic_step li span:before{display: block;position: absolute;width: 20px;height: 1px;top: 0;left: 50%;transform: translateX(-50%);content: "";background: #223e99;}
@media all and (min-width:1023px) {
.gong_step .basic_step li{width: 44%!important;}
}
@media all and (min-width:1400px) {
.gong_step .basic_step li{width: 21.5%!important;}
.gong_step .basic_step .col5 li{width: 16.7%!important;}
.gong_step .basic_step li strong{height: 50px;box-sizing: border-box;}
.gong_step .basic_step li span{height: 90px;box-sizing: border-box;}
.gong_step .basic_step .col5 li strong{height: 70px;}
.gong_step .basic_step .col5 li span{height: 110px;}
}
.basic_table .point_bg2{background: #fff3bb;}
.basic_table .point_bg2 i{font-size: 0;color: #fff3bb;}       

/*공약변경현황*/
.mj_arrow {display: block; background: url(/upload_data/board_data/BBS_0000144/169405005704306.png) no-repeat; width: 25px;height: 25px; margin: 10px auto;}