@charset "utf-8";

/* sub01 */

.photo_1 p{line-height:1.5em; font-weight:bold;}
.p_last{float:right;}
.photo_1 br{display:none;}
.his_area .his_con{background: url("/images/mayor/sub/sub01/his_bg.gif") repeat-y 8px 0;}
.his_area{overflow: hidden;}
.his_area .his_name p{font-family:NanumMyeongjo;color:#000;font-size:3em;}
.his_area .his_name span{font-family:NanumMyeongjo;color:#b7b7b7;font-size:2em;}
.his_area em{font-style:normal; font-weight:bold; margin:0 10px 0 0}
.his_area ul li{margin:10px 0 0 30px;}


/* sub02 */

.big_img{border:none;}

.vison_area>div{position:relative;}
.vison_box1{border: 1px solid #d9d9d9;margin: 20px 0 20px 0;padding: 15px 30px 20px 30px;}
.vison_box2{border: 1px solid #d9d9d9;margin: 20px 0 20px 0;padding: 15px 30px 30px 30px;}
.vison_box3{border: 1px solid #d9d9d9;margin: 20px 0 20px 0;padding: 15px 30px 30px 30px;}
.vison_box4{border: 1px solid #d9d9d9;margin: 20px 0 20px 0;padding: 15px 30px 30px 30px;}
.vison_box5{border: 1px solid #d9d9d9;margin: 20px 0 20px 0;padding: 15px 30px 30px 30px;}
.vison_box6{border: 1px solid #d9d9d9;margin: 20px 0 20px 0;padding: 15px 30px 30px 30px;}
.vison_box7{border: 1px solid #d9d9d9;margin: 20px 0 20px 0;padding: 15px 30px 30px 30px;}

.pledge .basic_tab li span{display:block;padding:15px 15px 0 15px;height:30px;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;background-color:#223e99;color:#fff;text-align: center;}
.pledge_box{overflow:hidden;}
.pledge .pledge_box_1 .title_box{text-align:center;}
.pledge .pledge_box_2 .title_box{text-align:center;}
.pledge .pledge_box_1 .graph{}
.pledge .pledge_box_2 .graph{}

.result .big_img{padding:0;margin-bottom: 80px;}

.result .info_box{border:none;background-color:#eff5f5;font-size:18px;}

.result .result_box{overflow:hidden;margin: 0 0 50px 0;}
.result .result_box h2{color: #fff;text-align: center;padding: 80px 0 0 0;}
.result .result_box .result_img{background:url("/images/mayor/sub/sub02/result_img1.png") no-repeat center;height: 225px;}
.result .result_box .r_list{padding:50px 0 0 0;background: url("/images/mayor/sub/sub02/result_line2.png") repeat-y center;}
.result .result_box .r_list li{padding: 20px 20px 20px 40px;border-radius:10px;margin-bottom: 40px;line-height: 1.5em;color: #000;}
.result .result_box .r_list .r_01{background-color:#ebf5f9;}
.result .result_box .r_list .r_02{background-color:#f2f5ff}
.result .result_box .r_list .r_03{background-color:#f8fcef}
.result .result_box .r_list .r_04{background-color:#f6f5f5}
.result .result_box .r_list .r_05{background-color:#f9f5eb}
.result .result_box .r_list .r_06{background-color:#fbf0ff}

.pledge .info_box{padding:0 0 0 20px; border:none;}

.manifesto{text-align:center}
.manifesto dt{font-size:30px;line-height:1.5em;margin:0 0 7px 0;color:#000}
.manifesto dt strong{color:#2d7cc1}
.manifesto dd{font-size:16px;color:#000;position:relative;padding:0 0 30px 0}
.manifesto dd:after{content:"";display:block;width:10%;height:2px;position:absolute;bottom:0;left:45%;background:#000}

.guide_tit{background:#384d6c;color:#fff;font-size:25px;text-align:center;border-radius:30px;padding:10px 0;margin:10px auto;}

.ky2021 h5{background:#384d6c;color:#fff;font-size: 27px;text-align:center;border-radius:30px;width:80%;padding: 15px;margin:10px auto}
.kystate{background:#f4f6fb;font-size:18px;;line-height:1.5em;color:#252525;padding:10px 0;margin:70px 0 0;text-align:center;position:relative}
.kystate:after{content:"";display:block;width:100%;height:40px;position:absolute;top:-50px;left:0;background:url("/images/mayor/sub/sub02/gy2019_arr.png") no-repeat center 0;}
.kystate ul:after{content:"";display:block;clear:both;}
.kystate li{padding:10px;box-sizing:border-box}
.kystate strong{padding-right:10px;}
.kystate b{padding:10px;margin-left:10px;border-radius:50%;color:#fff;position:relative}
.kystate b:after{content:"";position:absolute;top:10px;right:-16px;color:#333;font-size:18px}
.kystate strong.c1{color:#cf2d1b}
.kystate strong.c2{color:#5fa433}
.kystate strong.c3{color:#1c61ca}
.kystate strong.c4{color:#6a2cc2}
.kystate .c1 ~ b{background:#cf2d1b}
.kystate .c2 ~ b{background:#5fa433}
.kystate .c3 ~ b{background:#1c61ca}
.kystate .c4 ~ b{background:#6a2cc2}
@media all and (min-width:768px) {
.ky2021 h5{width:30%}
.kystate{padding:20px 0;}
.kystate li{width:25%;float:left;text-align:center;font-size:22px;}
.kystate strong{margin:0 0 10px;padding:0;display:block}
.kystate b{display:block;width:40px;line-height:40px;margin:10px auto 0;font-size:30px;}
}
@media all and (min-width:1024px) {
.kystate strong{display:inline-block}
}
.img_box{max-width:100%;text-align:center}

/* sub03 */

.hope .basic_ul{margin:0;}

.uj_calender{margin:0 0 30px 0}
.uj_calender .calender p{text-align:center;font-size:20px;color:#333;margin:0 0 10px 0}
.uj_calender .calender p *{vertical-align:middle}
.uj_calender .calender p strong{color:#223e99}
.uj_calender .calender p a{display:inline-block;margin:0 20px;background:url("/images/01_potal/common/common_btn.png") no-repeat;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
.uj_calender .calender p a.prev{background-position:-87px -108px}
.uj_calender .calender p a.next{background-position:-116px -108px}
.uj_calender table{width:100%;margin:0 0 20px 0}
.uj_calender th, .uj_calender td{border:1px solid #dedede;width:14%;text-align:center}
.uj_calender th{border-top:1px solid #223e99;background:#f4f6fb;color:#223e99;padding:15px 0}
.uj_calender td{padding:10px 0}
.uj_calender td.sat a{color:#29aece}
.uj_calender td.sun a{color:#e4580b}
.uj_calender td a{border-radius:15px;display:inline-block;width:30px;height:20px;padding:5px 0}
.uj_calender td.cal a{border:1px solid #ddd}
.uj_calender td.on a{background:#223e99;color:#fff;border:none}
.uj_calender .tab{overflow:hidden}
.uj_calender .tab li{float:left;width:100%;text-align:center}
.uj_calender .tab li a{display:block;background: #223e99;color: #ffffff;padding:10px 0;margin:0 0 0 1px;}
.uj_calender .info div{background:#f4f6fb;padding:20px;margin:10px 0 0 0}
.uj_calender .info div h4{margin:0 0 15px 0;font-size:20px}
.uj_calender .info div li{line-height:1.75em;font-size:14px;padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 10px}

.chief_photo>ul li {margin:0 0 30px;}
.chief_photo>ul a {display: block;}
.chief_photo .img {width: 100%; border-radius: 5px; overflow: hidden;}
.chief_photo .img img {width: 100%;height: 100%;}
.chief_photo .txt {margin:20px 0;}
.chief_photo .txt strong {display: block; font-size: 18px;  text-align: center; color: #000; letter-spacing: -0.03em; line-height: 1.3em; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.chief_photo .txt em {font-style: normal; display: block; text-align: center; margin: 5px 0 0 0;    font-size: 16px; font-weight: 300;}
.chief_photo>ul a span {transition: .2s all;display: block; font-size: 13px; text-align: center;  background: #f3f3f3;  padding: 5px;  border-radius: 3px;  max-width: 100px;  margin: auto;font-weight: 600;}
.chief_photo>ul a:hover strong, .chief_photo>ul a :active strong, .chief_photo>ul a:focus strong, .chief_photo>ul a:hover em, .chief_photo>ul a :active em, .chief_photo>ul a:focus em {color: #223e99;}
.chief_photo>ul a:hover span, .chief_photo>ul a :active span, .chief_photo>ul a:focus span {background: #f17d46;color: #fff;}
.chief_photo .basic_box>div p {margin: 10px auto;  font-weight: 600; font-size: 16px;}
.chief_photo .basic_box>div .basic_btn {margin: 25px 0 0;}

@media all and (min-width:768px) {
.chief_photo>ul {display: flex;flex-wrap: wrap; justify-content: space-between;}
.chief_photo>ul li {width: 30%; margin: 0 0 50px;}
.chief_photo .img { height: 150px;}
}

@media all and (min-width:1023px) {
.chief_photo .img { box-shadow: 0 0 10px rgba(0, 0, 0, .2);height: 150px;    height: 170px;}
.chief_photo .txt {margin: 30px 0 15px;}





/* sub04 */

.mayor_area .his_mayor{display:block;margin:20px 0 0 0}
.mayor_area .his_mayor ul{width:100%;}
.mayor_area .his_mayor>ul>li{overflow:hidden;border: 1px solid #dbdbdb;border-top: 5px solid #3a4d6b;margin: 0px 0 30px 0;line-height: 1.3em;background:url("/images/mayor/sub/sub04/his_bg.gif") repeat-x;}
.mayor_area .his_mayor li p{float:left;background:#fff;width:37%;padding:25px 0;text-align:center;background:url("/images/mayor/sub/sub04/his_bg.gif") repeat-x;}
.mayor_area .his_mayor li ul{float:left;width: 60%;margin: 16px 0 0 3%;}
.mayor_area .his_mayor li li{color:#555555;font-size:0.87em}
.mayor_area .his_mayor li li.name{color: #52627b;font-size: 1.1em;margin: 0 0 20px 0;font-weight:bold;padding: 0 0 0 0;}


/* sub05 */





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

/* sub01 */

.photo_1{background:none}

/* sub02 */

.pledge .table_s{width:100%;min-width:0;}

/* sub03 */

/* sub04 */

/* sub05 */





}




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

/* sub02 */
.pledge_box .pledge_box_1{/* padding: 0 0 0 10%; */}
.pledge_box .pledge_box_2{padding: 0 0 0 10%;}
.table_box_1 .pledge_box_1{padding: 0 25% 0 25%;}
.table_box_2 .pledge_box_2{padding: 0 25% 0 25%;}


}


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

/* sub01 */

.photo_1{background:none}
.vison_box1{background:url("/images/mayor/sub/sub02/con_01.png") no-repeat;background-position: 50px 30%;}
.vison_box2{background:url("/images/mayor/sub/sub02/con_02.png") no-repeat;background-position: 50px 30%;}
.vison_box3{background:url("/images/mayor/sub/sub02/con_06.png") no-repeat;background-position: 50px 30%;}
.vison_box4{background:url("/images/mayor/sub/sub02/con_05.png") no-repeat;background-position: 50px 30%;}
.vison_box5{background:url("/images/mayor/sub/sub02/con_04.png") no-repeat;background-position: 50px 30%;}
.vison_box6{background:url("/images/mayor/sub/sub02/con_03.png") no-repeat;background-position: 50px 30%;}
.vison_box7{background:url("/images/mayor/sub/sub02/con_07.png") no-repeat;background-position: 50px 30%;}


/* sub02 */

.vison_area h5{margin: 20px 0 19px 225px;}
.vison_area .basic_ul{padding: 0 0 0 225px;}
.vison_area .dn_img{position:absolute;bottom: 25px;right: 30px;}


.pledge_box .pledge_box_2{padding: 0 10% 0 10%;}
.pledge_box .pledge_box_1{padding: 0 10% 0 10%;}

/* sub03 */

/* sub04 */

/* sub05 */





}





.comment{position:absolute;top:-1000px;left:-2000px;}

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

/* sub01 */
.greeting{background: url("/images/mayor/sub/sub01/s0101_img.png") no-repeat;background-position: 592px 0px;}
.greeting p{width:572px;}


.photo_1{background: url("/images/mayor/sub/sub01/s0101_img.png") no-repeat;background-position: 592px 0px;}
.photo_1 p{width: 527px; text-align:justify}

.his_area{padding:0 0 0 5%}
.his_area{background:url("/images/mayor/sub/sub01/his_bg.png") no-repeat right top;background-position:80% 0;}



/* sub02 */


.vison_area .dn_img{top:30px}
.vison_area h4{font-size:30px}
.vison_area .vison_box1{background-position:50px 35px}
.vison_area .vison_box2{background-position:50px 35px}
.vison_area .vison_box3{background-position:50px 35px}
.vison_area .vison_box4{background-position:50px 35px}
.vison_area .vison_box5{background-position:50px 35px}
.vison_area .vison_box6{background-position:50px 35px}
.vison_area .vison_box7{background-position:50px 35px}

.pledge .pledge_box_1{float: left;padding: 0 0 0 0%;}
.pledge .pledge_box_2{float: left;width: 42%;padding: 0 0 0 0%;}

.pledge .table_s{width:50%;min-width:0;}

.pledge .table_box_1{margin-top:50px}
.pledge .table_box_2{margin-top:50px}

.result .result_box{background:url("/images/mayor/sub/sub02/result_line.png") no-repeat center;}
.result .result_box .r_list li{float:left;width:20%;height:220px;padding-top: 50px;}
.result .result_box .r_list .r_01{background:url("/images/mayor/sub/sub02/result_img2.png") #ebf5f9 no-repeat center 60%;}
.result .result_box .r_list .r_02{background:url("/images/mayor/sub/sub02/result_img3.png") #f2f5ff no-repeat center 60%;margin: 0 7.3% 0 7.3%;}
.result .result_box .r_list .r_03{background:url("/images/mayor/sub/sub02/result_img4.png") #f8fcef no-repeat center 60%;}
.result .result_box .r_list .r_04{background:url("/images/mayor/sub/sub02/result_img5.png") #f6f5f5 no-repeat center 60%;}
.result .result_box .r_list .r_05{background:url("/images/mayor/sub/sub02/result_img6.png") #f9f5eb no-repeat center 60%;margin: 0 7.3% 0 7.3%;}
.result .result_box .r_list .r_06{background:url("/images/mayor/sub/sub02/result_img7.png") #fbf0ff no-repeat center 60%;}

.pledge_box{border:1px solid #c8c8c8}
.pledge .pledge_box_1{border-right:1px solid #c8c8c8;width: 50%;height: 100;height: 339px;}

/* sub03 */

.uj_calender{overflow:hidden}
.uj_calender .calender{float:left;width:50%;margin:0 5% 0 0}
.uj_calender .calender p{font-size:30px;}
.uj_calender .info{float:left;width:45%}
.uj_calender .info div{min-height:215px}
.uj_calender .tab{margin:47px 0 0 0}

/* sub04 */

.his_mayor ul{overflow:hidden}
.mayor_area .his_mayor li p{width:100%;padding: 65px 0 0 0;}
.mayor_area .his_mayor>ul>li{margin: 0 1% 20px 1%;position:relative;}
.mayor_area .his_mayor li li.name{width: 100%;position:absolute;top:15px;}
.mayor_area .his_mayor li ul{width:100%;text-align:center;margin:25px 0;}
.his_mayor>ul>li{float:left;width: 31%;}





/* sub05 */
}


/* Desktop */
@media all and  (min-width: 1023px) {

/* sub01 */




/* sub02 */

.vison_area h5{font-size:22px; line-height:1.3em;}
.vison_area ul li{font-size:17px;}

.vison_area .basic_ul{margin:0px;}
.vison_box1{border: 1px solid #d9d9d9;margin: 20px 0 20px 0;padding: 15px 30px 30px 30px;}
.vison_box2{border: 1px solid #d9d9d9;margin: 20px 0 20px 0;padding: 15px 30px 30px 30px;}
.vison_box3{border: 1px solid #d9d9d9;margin: 20px 0 20px 0;padding: 15px 30px 30px 30px;}
.vison_box4{border: 1px solid #d9d9d9;margin: 20px 0 20px 0;padding: 15px 30px 30px 30px;}
.vison_box5{border: 1px solid #d9d9d9;margin: 20px 0 20px 0;padding: 15px 30px 30px 30px;}
.vison_box6{border: 1px solid #d9d9d9;margin: 20px 0 20px 0;padding: 15px 30px 30px 30px;}
.vison_box7{border: 1px solid #d9d9d9;margin: 20px 0 20px 0;padding: 15px 30px 30px 30px;}

.pledge .pledge_box_1{padding: 0 56px 0 36px;width: 40%;}
.pledge .pledge_box_2{padding: 0 27px 0 43px;width: 40%;}

.result .result_box .r_list .r_02{margin: 0 90px 0 90px;}
.result .result_box .r_list .r_05{margin: 0 90px 0 90px;}


/* sub03 */
.hope .basic_box div{position:relative;}
.hope .basic_box div{position:relative;}
.hope .basic_box .hope_img01{background:url("/images/mayor/sub/sub03/sob3icon_01.png") no-repeat; width:600px; padding:0 0 0 195px; background-position:25px 0;}
.hope .basic_box .hope_img02{background:url("/images/mayor/sub/sub03/sob3icon_02.png") no-repeat; width:600px; padding:0 0 0 195px;background-position:25px 0;}


/* sub04 */

.his_mayor>ul>li{;width: 22.7%;}

/* sub05 */
}                           


/*20180725 취임사*/
.speech{background:url("/images/mayor/sub/sub01/gree_bg.gif") repeat-y;}
.speech div{padding:15px;}
.speech p{padding:0 0 30px 0;line-height:20px;}
.speech p.sp_tit{font-family:'NanumMJ';font-size:24px;line-height:30px;color:#3a4d6a;}
.speech p.point{font-size:15px;font-weight:600;color:#000;}
.speech p.sign{text-align:center;}
.speech p.sign span{color:#000;font-size:16px;font-weight:600;}

/* Tablet */
@media all and (min-width:768px) {
.speech div{background:url("/images/mayor/sub/sub01/gree_pen.png") no-repeat right 50px;background-size:150px;padding:30px;}
}

/* Tablet */
@media all and (min-width:1023px) {
.speech div{background-size:203px;padding:40px;}
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 

.ky2019 h5{background:#384d6c;color:#fff;font-size:18px;text-align:center;border-radius:30px;width:80%;padding:5px 0;margin:10px auto}
.ky2019 p{background:#f4f6fb;font-size:18px;;line-height:1.5em;color:#252525;padding:30px 0;margin:0 0 70px 0;text-align:center;position:relative}
.ky2019 p:after{content:"";display:block;width:100%;height:40px;position:absolute;bottom:-50px;left:0;background:url("/images/mayor/sub/sub02/gy2019_arr.png") no-repeat center 0}
.ky2019 p strong.c1{color:#cf2d1b}
.ky2019 p strong.c2{color:#5fa433}
.ky2019 p strong.c3{color:#1c61ca}


.table_graph table{width:100%;min-width:auto}
.table_graph p{margin:20px 0 0 0;}
.table_graph p img{width:100%}

@media all and (min-width:768px) {
.ky2019 h5{width:30%}
.ky2019 p{font-size:30px}

.table_graph{overflow:hidden}
.table_graph table{width:50%;float:left}
.table_graph p{width:45%;float:right;margin:0}
}
@media all and (min-width:1023px) {
.table_graph table{width:45%;float:left}
.table_graph p{width:50%;text-align:center}
.table_graph p img{width:auto}
}  

.gunjung2019 .tit{text-align:center;margin:0 0 50px 0}
.gunjung2019 .tit img{width:80%}
.gunjung2019>div{margin:0 auto 30px auto}
.gunjung2019 h5{color:#fff;text-align:center;line-height:1.25em;background:none;background:url("/images/mayor/sub/sub02/gunjung2019_bg.gif") no-repeat;width:161px;height:109px;padding:30px 0 0 0;margin:0 auto 10px auto}
.gunjung2019 h5 em{display:block;font-size:14px;margin:0 0 10px 0}
.gunjung2019 .no2 h5{background-position:0 -139px}
.gunjung2019 .no3 h5{background-position: 0 -279px;}
.gunjung2019 .no4 h5{background-position: 0 -417px;}
.gunjung2019 .no5 h5{background-position: 0 -556px;}
.gunjung2019 .no6 h5{background-position: 0 -695px;}
.gunjung2019 div div{background:#f8f8f8;padding:30px 20px;position:relative}
.gunjung2019 li{font-size:14px;line-height:1.5em;padding:0 0 0 12px;margin:0 0 5px 0;background:url("/images/01_potal/common/li01.png") no-repeat 0 6px}
@media all and (min-width:768px) {
.gunjung2019 .tit img{width:auto}
.gunjung2019>div{position:relative}
.gunjung2019 h5{position:absolute;top:0;left:0}
.gunjung2019 div div{padding:30px 50px;margin: 0 0 0 160px;border-radius:100px;}
.gunjung2019 div div:after{content:"";display:block;width:10px;height:10px;background:#fff;border:3px solid #cf2d1b;border-radius:100%;position:absolute;top:62px;left:-7px}
.gunjung2019 .no2 div:after{border-color:#e27b14}
.gunjung2019 .no3 div:after{border-color:#549729}
.gunjung2019 .no4 div:after{border-color:#074b9d}
.gunjung2019 .no5 div:after{border-color:#64183d}
.gunjung2019 .no6 div:after{border-color:#016a62}
}
@media all and (min-width:1023px) {
.gunjung2019>div{width:80%}
}                   

/*변경공략*/
.goyak2023{}  

.ky_con h6{margin: 0 20px 10px;padding:10px;border-radius: 30px;background: #223e99;text-align: center;color: #fff;font-size: 18px;}
.ky_con ul{margin:0 20px 20px;}
.ky_con ul li{height: 40px;margin-bottom:5px;padding: 10px 30px;border-radius: 30px;border:1px #ddd solid;font-size: 17px;color: #333;box-sizing: border-box;text-align: center;}
.ky_con ul li em{font-style: normal; font-size:15px;}
.ky_con div:last-of-type ul li{font-weight: 600; padding: 9px 30px;}

@media all and (min-width:768px) {
.ky_con{overflow:hidden;}
.ky_con div{float:left;width: 50%;}    
}       



.link_list{padding: 20px 20px 0;background:#eafcfc;}
.link_list:after{content:'';display:block;width: 100%;height: 110px;margin: 10px auto 0;background: url('/images/mayor/sub/sub02/link_bg.png') no-repeat center;background-size: contain;}
.link_list li{margin:0 0 20px;text-align: center;}
.link_list li a{display:block;box-sizing: border-box;height: 130px;padding: 22px 0;background:#fff;border-radius: 20px;font-size: 0.93em;color: #222;font-weight: bold;border:1px #49d9d9 solid;}
.link_list li a:before{content:''; display:block; width:60px; height:50px; margin:0 auto 10px; background:url('/images/mayor/sub/sub02/link_ico.png') no-repeat;} 
.link_list li:nth-of-type(1) a:before{background-position: 50% -22px;}
.link_list li:nth-of-type(2) a:before{background-position: 50% -130px;}
.link_list li:nth-of-type(3) a:before{background-position: 50% -241px;}
.link_list li:nth-of-type(4) a:before{background-position: 50% -350px;}
.link_list li:nth-of-type(5) a:before{background-position: 50% -459px;}
.link_list li a:hover{background:#b0fdfd;}

@media (min-width: 768px) {
.link_list:after{height: 260px;}
.link_list ul{overflow:hidden;font-size: 0; text-align: center;}
.link_list li{display: inline-block;width:30.33%;margin:0 1% 4%;}
.link_list li a{font-size: 15px;}
}

@media (min-width: 1023px) {
.link_list{padding:30px 20px 0;border-radius: 20px;}
.link_list:after{margin:80px auto 0}  
.link_list li{width: 18%;margin: 0 1% 0;}

}          

.practice{padding:30px; background:#e2eefb;}
.practice h4{margin: 0 0 20px;color:#333;font-size:26px;}
.practice .btn a{position: relative;display: inline-block;padding: 20px 20px 20px 60px;margin: 0 0 10px;background:#fff;color: #333;word-break: keep-all;border-radius: 30px;font-size: 16px;}
.practice .btn a.down:before{content:'';position: absolute;top: calc(50% - 10px);left: 22px;display: inline-block;width: 25px;height: 21px;background:url('/images/mayor/sub/sub02/down.png') no-repeat;}
.practice .btn a.go:before{content:'';position: absolute;top: calc(50% - 10px);left: 22px;display: inline-block;width: 25px;height: 21px;background:url('/images/mayor/sub/sub02/go.png') no-repeat;}
.practice .btn a:hover{border:1px #1464ba solid;}
@media all and (min-width:768px) {
  .practice{padding: 60px 40px;background: #e2eefb url('/images/mayor/sub/sub02/imb_guide.png') no-repeat right bottom;background-size: 265px;}
.practice .btn a{padding: 20px 20px 20px 60px;margin: 0 10px 0 0;}
.practice .btn a:before{left:30px;}
}

@media all and (min-width:1023px) {
  .practice{padding: 80px 45px;background-size: auto;border-radius: 10px;}
  .practice h4{font-size:36px;}
  .practice .btn a{box-sizing:border-box; height:60px;}
} 

.vision_table div{font-size: 0;min-width: 900px;}
.vision_table table{display: inline-block;width: 300px;min-width: auto;box-sizing: border-box;}
.vision_table table:first-of-type{width:600px;}
.vision_table table:first-of-type th,.vision_table table:first-of-type td{border-right:none;}
.vision_table table:last-of-type{border: 3px #dd0000 solid;margin-top: 8px;}
.vision_table table:last-of-type th,
.vision_table table:last-of-type td{border-right:none;border-left:none;}
.vision_table table .h104{height: 104px;box-sizing: border-box;}
.vision_table table .h156{height: 156px;box-sizing: border-box;}
.vision_table table .bn{border-bottom:none;}       

/*공약현황*/
.c_graph{overflow:hidden;}
.c_graph li{text-align:center;margin:0 0 20px 0;}
.c_graph>ul>li:first-child span{position:relative;}
.c_graph>ul>li:first-child span:after{content:"";display:block;width:1px;height:20px;border-left:1px solid #ddd;position:absolute;left:50%;}
.c_graph>ul>li:last-child{background:#f5f5f5;padding:50px 0 0 0;border-radius:20px;}
.c_graph li strong{color:#222;display:block;font-size: 20px;margin:0 0 15px 0;}
.c_graph li span{display:block;width:150px;height:150px;margin:0 auto;background:#e4780b;color:#fff;font-size: 30px;font-weight:600;line-height:150px;border-radius:50%;}
.c_graph>ul>li>ul{overflow:hidden;padding:20px;}
.c_graph>ul>li>ul>li{float:left;width: 50%;}
.c_graph>ul>li>ul>li strong{font-size:16px;margin-top:10px;}
.c_graph>ul>li>ul>li span{width:100px;height:100px;line-height:100px;font-size:18px;}
.c_graph>ul>li>ul>li:nth-child(1) span{background:#96a126;}
.c_graph>ul>li>ul>li:nth-child(2) span{background:#529fc3;}
.c_graph>ul>li>ul>li:nth-child(3) span{background:#c04972;}
.c_graph>ul>li>ul>li:nth-child(4) span{background:#6e4ea8;}
.c_graph>ul>li>ul>li:nth-child(5) span{background:#585858;}

.gy_bar{color: #fff;font-size: 17px;font-weight:500;height: 45px;margin-bottom: 10px;background-color: rgba(0,0,0,0.1);-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;}
.gy_bar * {webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.gy_bar div{background-color: #354496;position: relative;padding-left: 25px;width: 0;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms- border-radius: 2px;border-radius: 2px;height: 45px;line-height: 45px;}
.gy_bar span {display: block;position: absolute;right: -60px;top: 0;height: 100%;padding: 0 5px 0 10px;background-color: #1a1a1a;-webkit-border-radius: 0 2px 2px 0;-moz-border-radius: 0 2px 2px 0;-ms-border-radius: 0 2px 2px 0border-radius: 0 2px 2px 0;}
.gy_bar span:before { content: "";position: absolute;width: 6px;height: 6px;top: 50%;left: -3px;margin-top: -3px;background-color: #1a1a1a;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}    

@media all and (min-width:768px) {
.c_graph>ul>li{margin:0 0 30px 0;}
.c_graph>ul>li>ul{display:flex;}
.c_graph>ul>li>ul>li{width:25%;} 
.c_graph>ul>li>ul>li span{width:130px;height:130px;line-height:130px;}
.c_graph>ul>li:first-child span:after{height:30px;}
}