@charset "utf-8";

:root {
    --color1:#0f447f; 
    --color2:#29364d; 
    --white:#fff;
    --black:#090909;
    --gray:#e9e9e9; 
    --color3:#2a469e;
    --color4:#10739d;
}

/*common*/
.basic_table .point_bg2 td,
.basic_table .point_bg2 th {background:#fff0e9;}
.basic_table .point_bg td{background:#f4f3f3}
.sbtn_view{font-size:14px;display:inline-block;padding:3px 15px;margin:0 3px 5px 3px;background:#4a4a4a;color:#fff;border-radius:3px}
.sbtn_view:after{display:inline-block;content:'';width:20px;height:20px;background:url("/images/07_manifesto/sub02/sbtn_view.png")no-repeat 0 -2px;vertical-align:middle;margin:0 0 0 5px;}
.sbtn_view:hover{background:var(--color1);}

.mbtn_box {text-align:center;display:flex;flex-wrap:wrap;gap:10px 0;margin-bottom:30px;}
.mbtn_box div{padding:3%;background:#f7f7f7;flex-basis:100%;}
.mbtn_box div strong{font-size:20px;color:var(--color1);}
.mbtn_box div p{margin-bottom:0;}

.img_wtxt{text-align:center;border-bottom:solid 1px var(--gray);padding:3%;}
.img_wtxt .img{max-width:500px;min-width:300px;margin:20px auto;}
.img_wtxt .img.small{width:150px;min-width:150px;}
.img_wtxt .img.mini{width:118px;min-width:118px;}
.img_wtxt p img{width:100%}
.img_wtxt div{text-align:left;}
.img_wtxt div p{margin-bottom:20px;}
.img_wtxt div p:last-child{margin-bottom:40px;}

/*sub1*/
.manifesto .tit{position:relative;}
.manifesto .tit span{font-size:3rem;display:block;position:absolute;top:0;left:0;z-index:-1;color:rgba(1,1,1,.07);font-weight:800;}
.manifesto .tit p {margin-bottom:13px;}
.manifesto p strong{color:var(--color1);}
.manifesto .tit p strong{font-size:1.3rem}
.t_box {border:1px solid var(--gray);padding:20px;color:var(--color1);font-weight:bold;text-align:center;font-size:20px;}
.governor_map{margin:30px 0;}

/*사업별 투자계획*/
.roadmap_t .point_bg2 td {background:#fbf3ed;}
.roadmap_t .point_bg td ,
.roadmap_t .point_bg th{background:#eff6ff;}
.roadmap_t td .sbtn_go,
.roadmap_t td .sbtn_new,
.roadmap_t td .sbtn_down,
.roadmap_t td .sbtn_view{margin:2px;font-size:15px;}

/*공약이행현황*/
.graph_w {text-align:center;border:1px solid var(--gray);padding:3%;position:relative;margin:30px 0;}
.donut {position:relative;width:260px;height:260px;border-radius:50%;transition:0.3s;background:var(--gray);display:inline-block;margin:0 auto;}
.donut:before{content:'';background:var(--white);position:absolute;top:50%;left:50%;width: 102%;height: 102%;border-radius:50%;transform:translate(-50%, -50%);box-shadow:-2px 2px 10px 0 rgba(9, 22, 52, 0.18);}
.donut:after{content:'';background:var(--white);position:absolute;top:50%;left:50%;width:100px;height:100px;border-radius:50%;transform:translate(-50%, -50%);box-shadow:inset -2px 2px 10px 0 rgba(9, 22, 52, 0.18);}
.donut_bar{width:100%;height:100%;border-radius:50%;position:relative;}
.d_info{text-align:center;}
.d_info li{position:absolute;left:0;color:var(--white);font-size:13px;text-shadow:2px 2px 10px rgba(0,0,0,.5);}
.d_info li strong{font-size:20px;display:block;}
.d_info li span{font-size:14px;font-weight:500;}
.d_info li.c1{right:0;top:12%;}
.d_info li.c2{bottom:5%;left:48%;}
.d_info li.c3{left: 18%;bottom: 20%;}
.d_info li.c4{left: 60%;bottom: 19%;}
.d_info li.c5{left: 8%;bottom: 37%;}
.graph_w .txt li{line-height:1.3;margin:0 0 7px 0;font-size:15px;text-align:left;}
.graph_w .txt li strong{color:var(--white);display:block;padding:7px 10px;text-align:center;border-radius:3px;box-sizing:border-box;}
.graph_w .txt .t1 strong{background:#be3c27;}
.graph_w .txt .t2 strong{background:var(--color4);}
.graph_w .txt .t3 strong{background:var(--color3);}
.graph_w .txt .t4 strong{background:#3f9cf2;}

.progress_dl dl{margin:20px 0 0;}
.progress_dl dt{position:relative;border:solid 1px var(--color2);}
.progress_dl dt:after{content:"+";font-size:1.2rem;font-weight:600;color:#333;position:absolute;top:15px;right:20px;}
.progress_dl dt.on:after{content:"-";color:var(--white)}
.progress_dl dt a{padding:15px 46px 15px 15px;color:var(--color2);display:block;font-weight:700;font-size:19px;}
.progress_dl dt.on{background:var(--color2);}
.progress_dl dt.on a{color:var(--white)}
.progress_dl dd{padding:10px 20px;border:solid 1px var(--color2);box-sizing:border-box;border-top:0;}
.progress_dl li{padding:15px 0;border-top:solid 1px var(--gray);}
.progress_dl li:first-child{border:none;}
.progress_dl li>a{display:block;}
.progress_dl li span{margin:10px 0 0;width:100%;display:inline-block;}
.progress_dl li span a{padding:3px 15px;margin-left:0;font-size:15px;}
.progress_dl li span img{margin-bottom:8px;width:100%;max-width:400px;display:block;}

/*공약현황*/
.present_business{max-width:400px;margin:0 auto;}
.present_business:after{display:block;clear:both;content:""}
.present_business>li{float:left;width:calc(33.33% - 16px);margin:0 8px;text-align:center}
.present_business>li>span{padding:0 0 10px;font-size:20px;font-weight:800;display:inline-block;color:var(--color1);}
.present_business ul{height:320px;}
.present_business ul li{color:#f6f6f6;box-sizing:border-box;position:relative}
.present_business ul span{position:absolute;top:50%;left:0;right:0;transform:translate(0,-50%);word-break:keep-all;}
.present_business ul span strong{font-size:22px;display:inline-block;color:var(--white);}
.present_business .pb01 li:first-child{height:76%;background:var(--color3);}
.present_business .pb01 li:last-child{height:24%;background:#d0e8ff;}
.present_business .pb02 li:first-child{height:60%;background:var(--color4);}
.present_business .pb02 li:last-child{height:40%;background:#c0eaf8;}
.present_business .pb03 li:first-child{height:80%;background:#58458c;}
.present_business .pb03 li:last-child{height:20%;background:#d7d0ec;}
.present_business ul li:last-child{color:var(--black);}
.present_business ul li:last-child span strong{color:var(--black)}

/*사업별 추진일정표*/
.roadmap_t span.check,
.roadmap_t span.blue_check,
.roadmap_t span.red_check,
.roadmap_t span.navy_check{display:inline-block;padding:5px 20px;color:var(--white);height:auto;font-size:15px;}
.roadmap_t span.check{background:var(--color3);}
.roadmap_t span.blue_check{background:#dcedfd;color:var(--black);}
.roadmap_t span.red_check{background:#c03c27;}
.roadmap_t span.navy_check{background:var(--color4);}
.roadmap_t td span{height:17px;}
.roadmap_t td.check,
.roadmap_t td.blue_check,
.roadmap_t td.red_check,
.roadmap_t td.navy_check{padding:0;}
.roadmap_t td.check span{display:block;background:var(--color3);}
.roadmap_t td.blue_check span{display:block;background:#dcedfd;}
.roadmap_t td.red_check span{display:block;background:#c03c27;}
.roadmap_t td.navy_check span{display:block;background:var(--color4);}
.roadmap_t .point_bg th{padding:0;text-align:left;}
.roadmap_t .point_bg th a{font-weight:bold;padding:15px;display:block;position:relative;}
.roadmap_t .point_bg th a:after{content:"+";font-size:1.2rem;font-weight:600;color:#333;position:absolute;top:15px;right:20px;}
.roadmap_t .point_bg th.on a:after{content:"-";color:var(--white)}
.roadmap_t .point_bg th.on a{background:var(--color2);color:var(--white);}

/*sub4*/
.box_table{border-spacing:16px 35px;border-collapse:unset;} 
.box_table th,.box_table td{border:solid 1px #ddd;padding:10px 15px;} 
.box_table th{border:1px solid var(--color1);color:var(--color1);}
.box_table th.arr{position:relative;}
.box_table th.arr:before{display:block;content:'';width:18px;height:27px;position:absolute;bottom:-30px;background:url("/images/07_manifesto/sub04/table_arr.gif")no-repeat bottom;left:calc(50% - 9px);}
.box_table thead th,
.box_table thead td{border:none;background:var(--color1);color:var(--white);padding:20px;}

@media all and (min-width:768px) {
/*common*/
.mbtn_box {gap:10px 1%;}
.mbtn_box div{padding:20px 0;flex-basis:49%;}
.mbtn_box.w3 div{flex-basis:32.333%;}
.img_wtxt{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0;}

.manifesto .tit span{font-size:5.5rem;margin-top:-15px;}
.governor_map{display:flex;flex-wrap:wrap;border-top:solid 1px var(--black);}  
    
/*공약이행현황*/
.graph_w .table_unit{position:absolute;right:20px;top:20px;}
.graph_w .txt li{flex-wrap:wrap;align-items:center;display:flex;gap:0 10px;}
.graph_w .txt li strong{flex-basis:100px;word-break:keep-all;}
}

@media all and (min-width:1023px) {
/*common*/
.mbtn_box.w4 div{flex-basis:24%;}  
.img_wtxt{flex-wrap:nowrap;gap:30px;}
.img_wtxt.right{flex-direction:row-reverse;}
.img_wtxt .img{margin:0}
   
.governor_map .img_wtxt{flex-basis:50%;justify-content:flex-start;}
    
/*공약현황*/
.present_business{max-width:100%;margin:0;}
.present_business>li{width:83%;padding:0 0 15px 17%;margin:0;position:relative;}
.present_business>li>span{position:absolute;top:20px;left:10px;}
.present_business ul{height:57px;}
.present_business ul:after{display:block;clear:both;content:""}
.present_business ul li{float:left;}
.present_business .pb01 li:first-child{height:100%;width:76%;}
.present_business .pb01 li:last-child{height:100%;width:24%;}
.present_business .pb02 li:first-child{height:100%;width:60%;}
.present_business .pb02 li:last-child{height:100%;width:40%;}
.present_business .pb03 li:first-child{height:100%;width:80%;}
.present_business .pb03 li:last-child{height:100%;width:20%;}
    
/*공약이행현황*/
.graph_w {padding:5%;text-align:left;}
.donut {position:relative;width:400px;height:400px;}
.donut:after{width:9rem;height:9rem;}
.d_info li strong{font-size:28px}
.graph_w .txt{position:absolute;right:0;top:calc(50% - 100px);}
.graph_w .txt li span{width:calc(100% - 150px);display:block;}

.progress_dl li>a{width:calc(100% - 405px);display:inline-block;}
.progress_dl li span{width:400px;margin:0}
}