/* 인사말 */
.intro{
    overflow:hidden;
    padding:20px;
}
.intro .text{
    float: left;
    width: 55%;
    font-size: 16px;
    color: #555;
    font-weight: 600;
    line-height: 25px;
    padding-top:40px;
}
.intro .text strong{
    display: block;
    font-weight: 500;
    font-size: 28px;
    font-family: 'GyeonggiTitleM00';
    line-height: 32px;
    margin-bottom:30px;
}
.intro .text strong span{
    font-family: 'GyeonggiTitleM00';
}
.intro .info{
    float:right;
    width:44%;
    background: url(/2018/images/04.major/contents/01/intro_bg.png)no-repeat right top;
    height:415px;
    background-size:cover;
    position:relative;
}
.intro .info .name{
    position: absolute;
    bottom: 20px;
    right: 10px;
    width: 157px;
    text-align: center;
    background: #3c65c4;
    color: #b4cbff;
    font-size: 16px;
    border-bottom: 5px solid #1c45a4;
    padding: 20px 0 10px;
}
.intro .info .name span{
    font-size:29px;
    color:#fff;
}

.intro .text strong.intro_sign span{font-size:18px;font-weight:normal !important;}

/* 소개합니다 */
.intro-major{
    overflow:hidden;
}
.intro-major .picture{
    float: left;
    width: 50%;
    background: url(/2018/images/04.major/contents/01/intro_picture_bg.png)no-repeat;
    background-size: auto 595px;
    background-position: 50% 0;
    height: 665px;
    padding-top: 20px;
}
.intro-major .picture figure{
    text-align: center;
    position:relative;
}
.intro-major .picture figure.img1{
    width:215px;
    margin:0 auto;
}
.intro-major .picture figure.img1:before{
    content: "";
    display: inline-block;
    width: 214px;
    height: 279px;
    border: 1px dashed #b7b7b7;
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: -1;
}
.intro-major .picture figure.img1 img{
    position:relative;
}
.intro-major .picture figure.img1 figcaption{
    display: inline-block;
    width: 90px;
    height: 90px;
    background-color: #3e61b2;
    color: #fff;
    border-radius: 50%;
    font-family: 'NanumMyeongjo';
    font-size: 21px;
    padding-top: 30px;
    position: absolute;
    bottom: -42px;
    right: -35px;
}
.intro-major .picture figure.img2{
    margin-top: 95px;
}
.intro-major .history{
    float: left;
    width:50%;
    padding-top:20px;
}
.intro-major .history dl{
    border-left:2px solid #ededed;
    padding-bottom:30px;
}
.intro-major .history dl dt{
    font-size:22px;
    color:#2d53ac;
    font-weight:700;
    padding-left:20px;
    position:relative;
    top: -5px;
}
.intro-major .history dl dt:before{
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 3px solid #2d53ac;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: -10px;
    top: 6px;
}
.intro-major .history dl dd{
    padding: 7px 0 20px 25px;
}
.intro-major .history dl dd ul li{
    font-size: 15px;
    color: #333;
    margin-bottom: 8px;
    position: relative;
    padding-left: 13px;
}
.intro-major .history dl dd ul li:before{
    content:"-";
    display:inline-block;
    color:#b1b1b1;
    position: absolute;
    left: 0;
    top: 1px;
}
.intro-major .history dl dd ul li ul{
    margin-top:10px;
}
.intro-major .history dl dd ul li ul li{
    color:#666;
    font-size:14px;
    margin-bottom:5px;
}

/* 선거공보집 */
.public{
    background: url(/2018/images/04.major/contents/02/public_bg.jpg)no-repeat;
    height: 564px;
    background-size: cover;
    padding-top: 80px;
}
.public .box figure{
    text-align: center;
}
.public .box .btn-group{
    margin-top: 20px;
}

/* 민선7기 진안군 비전 */
.vision{

}
.vision .color1{
    color:#0a9068;
}
.vision .color2{
    color:#d16c22;
}
.vision .color3{
    color:#155ab8;
}
.vision .color4{
    color:#dd425f;
}
.vision .color5{
    color:#6b9009;
}
.vision .title-box{
    background: url(/2018/images/04.major/contents/02/vision_info_box_bg.jpg) no-repeat;
    width:650px;
    margin:30px auto;
    height:90px;
    background-size:cover;
    text-align: center;
    padding-top: 15px;
}
.vision .title-box strong{
    font-family: 'GyeonggiTitleM00';
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}
.vision .title-box strong span{
    font-family: 'GyeonggiTitleM00';
}
.vision .policy-col{
    overflow:hidden;
    margin:20px 0;
}
.vision .policy-col .tit{
    float:left;
    border-radius: 50%;
    text-align: center;
    width:110px;
    height:110px;
    padding-top:30px;
    color:#fff;
    font-size:18px;
    font-weight:700;
    position: relative;
}
.vision .policy-col .tit.pos1{
    top:35px;
}
.vision .policy-col .tit.pos2{
    top: 19px;
    padding-top: 45px;
}
.vision .policy-col .tit:after{
    content: "";
    display: inline-block;
    width: 29px;
    height: 8px;
    background: url(/2018/images/04.major/contents/02/vision_bullet.png) no-repeat;
    position: absolute;
    right: -42px;
    top: 50px;
}
.vision .policy-col .tit span{
    display: block;
}
.vision .policy-col .tit.bg1{
    background:#4a54ac;
}
.vision .policy-col .tit.bg2{
    background:#489ce3;
}
.vision .policy-col .tit.bg3{
    background:#32babd;
}
.vision .policy-col .box{
    overflow:hidden;
    float:left;
    width:750px;
    margin-left:55px;
}
.vision .policy-col .box li{
    float:left;
}
.vision .policy-col .box.type1 li{
    border: 1px dashed #cecece;
    border-radius: 50%;
    text-align: center;
    width: 110px;
    height: 110px;
    padding-top: 35px;
    margin-right: 50px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
}

.vision .policy-col .box.type1 li:last-child{
    margin-right:0;
}
.vision .policy-col .box.type1 li:after{
    content: "";
    display:inline-block;
    width: 16px;
    height:16px;
    background:url(/2018/images/04.major/contents/02/vision_icon01.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: -35px;
}
.vision .policy-col .box.type1 li:last-child:after{
    display:none;
}
.vision .policy-col .box.type1 li span{
    display: block;
    font-weight: 700;
}

.tb-unit-txt{font-size:15px; display: inline-block; float: right; padding: 10px;}


.vision .policy-col .box.type2{
    border:1px dashed #cecece;
    padding:30px 30px 20px;
}
.vision .policy-col .box.type2 li{
    width: 50%;
    margin-bottom: 10px;
    padding-left: 30px;
    color: #333;
    font-weight: 600;
}
.vision .policy-col .box.type2 li.no01{
    background:url(/2018/images/04.major/contents/02/vision_no01.png) no-repeat;
}
.vision .policy-col .box.type2 li.no02{
    background:url(/2018/images/04.major/contents/02/vision_no02.png) no-repeat;
}
.vision .policy-col .box.type2 li.no03{
    background:url(/2018/images/04.major/contents/02/vision_no03.png) no-repeat;
}
.vision .policy-col .box.type2 li.no04{
    background:url(/2018/images/04.major/contents/02/vision_no04.png) no-repeat;
}
.vision .policy-col .box.type2 li.no05{
    background:url(/2018/images/04.major/contents/02/vision_no05.png) no-repeat;
}
.vision .policy-col .box.type2 li.no06{
    background:url(/2018/images/04.major/contents/02/vision_no06.png) no-repeat;
}
.vision .policy-col .box.type2 li.no07{
    background:url(/2018/images/04.major/contents/02/vision_no07.png) no-repeat;
}
.vision .policy-col .box.type2.type2-none-float li{
    float:none;
    width:100%;
}
.vision .policy-col .box.type3{
    border:1px dashed #cecece;
    background:#f7f8ff;
    padding:30px 30px 20px;
    position: relative;
    top:10px;
}
.vision .policy-col .box.type3 li{
    font-family: 'GyeonggiTitleM00';
    float:none;
    color:#333;
    font-size:20px;
    text-align: center;
}
.vision .policy-col .box.type3 li span{
    font-family: 'GyeonggiTitleM00';
}

/* 매니페스토 */
.manifesto{}
.manifesto .list{
    margin-bottom:20px;
    border-bottom:1px dashed #c7c7c7;
    padding:15px 0;
}
.manifesto .list h4{
    margin-bottom:20px;
}
.manifesto .list p{
    font-size: 15px;
    color: #555;
    line-height: 25px;
}
.manifesto .list .btn-group{
    margin-top:10px;
    text-align: right;
}

/* 역대군수 */
.major-histroy{}
.major-histroy .list{}
.major-histroy .list ul{
   overflow:hidden;
}
.major-histroy .list ul li{
    border:1px solid #dbdbdb;
    border-top:none;
    float: left;
    width: 23%;
    margin: 0 1% 20px;
}
.major-histroy .list ul li .subject{
    color: #0a4d39;
    font-size: 16px;
    font-weight: 700;
    background: #f7f7f7;
    padding: 15px 0;
    text-align: center;
    border-top: 2px solid #515151;
}
.major-histroy .list ul li figure{
    background:#fff;
    text-align: center;
    padding:10px 0;
    height:160px;
}
.major-histroy .list ul li figure img{
    height:140px;
}
.major-histroy .list ul li .caption{
    padding: 0 20px 20px;
}
.major-histroy .list ul li .caption li{
    float:none;
    width:100%;
    margin-right:0;
    margin-bottom:0;
    color:#666;
    border:none;
}
.major-histroy .list ul li .caption li strong{
    color:#000;
}
.thumanil-contents .photo-slide .gallery-thumbs .swiper-slide{
   width:100% !important;
}
/* Tablet */
@media all and (min-width: 768px) and (max-width: 1024px){

.vision .title-box{
        width: 100%;
        max-width: 650px;
        height: 90px;
        background-size: 100%;
        padding-top: 25px;
    }
    .vision .title-box strong{
        font-size: 20px;
        line-height: 20px;
        letter-spacing: -1px;
    }
    .vision .policy-col .tit{
        float: none;
        width: 100%;
        border-radius: 25px;
        height: auto;
        padding: 10px 0;
        font-size: 16px;
        margin-bottom:10px;
    }
    .vision .policy-col .tit span{
        display:inline-block;
    }
    .vision .policy-col .tit:after{
        display:none;
    }
    .vision .policy-col .tit.pos1{
        top:0;
    }
    .vision .policy-col .tit.pos2{
        top:0;
        padding-top:10px;
    }
    .vision .policy-col .tit.pos3{
        top:0;
    }
    .vision .policy-col .box{
        float:none;
        width:100%;
        margin-left:0;
    }
    .vision .policy-col .box.type1 li{
        float:none;
        width:100%;
        border-radius: 0;
        margin-bottom:5px;
        padding:10px 0;
        height:auto;
        font-size: 15px;
    }
    .vision .policy-col .box.type1 li:after{
        display:none;
    }
    .vision .policy-col .box.type1 li span{
        display: inline-block;
    }
    .vision .policy-col .box.type2{
        padding:20px 20px 10px;
    }
    .vision .policy-col .box.type2 li{
        float:none;
        width:100%;
        height: 23px;
    }
    .vision .policy-col .box.type3{
        padding:20px;
        top:0;
    }
    .vision .policy-col .box.type3 li{
        font-size: 18px;
    }

    .public{
        background-size: 100% 100%;
    }
.major-histroy .list ul li{
        width:31%;
    }
}

/* Mobile */
@media only screen and (max-width: 767px) {
    .intro{
        padding:10px;
    }
    .intro .info{
        width: 100%;
        float: none;
        height: 320px;
        background-size: 320px auto;
        background-position: 50% 50%;
    }
    .intro .text{
        float: none;
        width: 100%;
        font-size: 15px;
        padding-top: 20px;
    }
    .intro .text strong{
        font-size: 23px;
        line-height: 25px;
        margin-bottom: 15px;
    }
 .intro-major .picture{
        float:none;
        width:100%;
        height: 370px;
    }
    .intro-major .picture figure.img2{
        display:none;
    }
    .intro-major .history{
        float:none;
        width:100%;
        padding-left: 10px;
    }
    .intro-major .history dl{
        padding-bottom:0;
    }
    .intro-major .history dl dt{
        font-size:20px;
    }
    .intro-major .history dl dt:before{
        width:10px;
        height:10px;
    }

.vision .policy-col{
        margin:10px 0 10px;
    }
    .vision .title-box{
        width: 100%;
        height: auto;
        background: none;
        padding-top: 15px;
        max-width: 650px;
        margin:15px auto;
    }
    .vision .title-box strong{
        font-size: 18px;
        line-height: 25px;
        letter-spacing: -1px;
    }
    .vision .policy-col .tit{
        float: none;
        width: 100%;
        border-radius: 25px;
        height: auto;
        padding: 10px 0;
        font-size: 16px;
        margin-bottom:10px;
    }
    .vision .policy-col .tit span{
        display:inline-block;
    }
    .vision .policy-col .tit:after{
        display:none;
    }
    .vision .policy-col .tit.pos1{
        top:0;
    }
    .vision .policy-col .tit.pos2{
        top:0;
        padding-top:10px;
    }
    .vision .policy-col .tit.pos3{
        top:0;
    }
    .vision .policy-col .box{
        float:none;
        width:100%;
        margin-left:0;
    }
    .vision .policy-col .box.type1 li{
        float:none;
        width:100%;
        border-radius: 0;
        margin-bottom:5px;
        padding:10px 0;
        height:auto;
        font-size: 15px;
    }
    .vision .policy-col .box.type1 li:after{
        display:none;
    }
    .vision .policy-col .box.type1 li span{
        display: inline-block;
    }
    .vision .policy-col .box.type2{
        padding:20px 20px 10px;
    }
    .vision .policy-col .box.type2 li{
        float:none;
        width:100%;
        height: 23px;
    }
    .vision .policy-col .box.type3{
        padding:20px;
        top:0;
    }
    .vision .policy-col .box.type3 li{
        font-size: 18px;
    }
 
    .public{
        background-size: 100% 100%;
    }
   .major-histroy .list ul li{
        width:48%;
    }
  .thumanil-contents .photo-slide .gallery-thumbs .swiper-slide{
      width:25% !important;
  }
}
           
/* 사이트맵 아이콘 */             
.sitemap dl dt.icon1{background-image:url('/2018/images/04.major/common/icon-sitemap1.png')}
.sitemap dl dt.icon2{background-image:url('/2018/images/04.major/common/icon-sitemap2.png')}
.sitemap dl dt.icon3{background-image:url('/2018/images/04.major/common/icon-sitemap3.png')}
.sitemap dl dt.icon4{background-image:url('/2018/images/04.major/common/icon-sitemap4.png')}
.sitemap dl dt.icon5{background-image:url('/2018/images/04.major/common/icon-sitemap5.png')}
.sitemap dl dt.icon6{background-image:url('/2018/images/04.major/common/icon-sitemap6.png')}                    

/*옥외광고업 순서도*/
.flowchart1{margin-top:10px;}
.flowchart1:after{display:block; content:''; clear:both;}
.flowchart1 ol li{padding-right:50px; float:left; background: url('/2018/images/01.potal/contents/06/0501-arrow1.png') no-repeat 90% 50%; box-sizing:border-box;}
.flowchart1 ol li:last-child{padding-right:0;  background:none;}
.flowchart1 ol li div{background:#f4f4f4}
.flowchart1 ol li div p{position:relative; box-sizing:border-box; top:-4px; left:-4px;  border:1px solid #6475a2; }
.flowchart1 ol li div p strong{display:block; background:#6475a2; color:#fff; font-weight:bold; text-align:center; padding:12px 0}
.flowchart1 ol li div p span{display:block; background:#fff; text-align:center;  padding:12px 0}
.flowchart1 ol.v4 li{width:26.666%; }
.flowchart1 ol.v4 li:last-child{width:20%; }
.flowchart1 ol.v3 li{width:35%; }
.flowchart1 ol.v3 li:last-child{width:30%; }


	@media only screen and (max-width: 900px){ 
		.flowchart1 ol li{width:100% !important; padding-right:0; padding-bottom:50px; background: url('/2018/images/01.potal/contents/06/0501-arrow2.png') no-repeat 50% 88%;}
		.flowchart1 ol li:last-child{width:100%; padding-bottom:0}
		.flowchart1 ol li div p strong, .flowchart1 ol li div p span{padding:6px 0}
	}               

h5.gtit{font-size:25px;font-weight:600;color:#1d84a7;}
h5.gtit span{color:#1b0878} 

/*폰트바꾸기*/
.font2 .intro .text strong,
.font2 .intro .text strong span ,
.font2 .intro-major .picture figure.img1 figcaption,
.font2 .vision .title-box strong,
.font2 .vision .title-box strong span,
.font2 .vision .policy-col .box.type3 li,
.font2 .vision .policy-col .box.type3 li span {font-family: 'NanumGothic' !important;}                                        


.vision .vision_tit{margin: 40px 0 20px;padding: 10px 0 30px;text-align:center;border: 2px #e1e1e1 solid;border-radius: 20px;}
.vision .vision_tit p:first-child{box-sizing:border-box;width:200px;height: 45px;margin: -35px auto 20px;padding-top: 9px;border-radius:50px;background: #1d84a7;color: #fff;font-size: 20px;font-weight: 600;}
.vision .vision_target{margin-top:20px;}
.vision .vision_target ul.v_target01{display:flex; flex-wrap:wrap; flex-direction:column; gap:10px;}
.vision .vision_target ul.v_target01 li{padding:20px;border-radius:15px;text-align:center;background: #fbfbfb;}
.vision .vision_target ul.v_target01 li span{font-size: 18px; font-weight:500;}
.vision .vision_target ul.v_target01 li strong{font-size:24px;font-weight: 600;}
.vision .vision_target ul.v_target01 li:nth-of-type(1) strong{color:#eb3434;}
.vision .vision_target ul.v_target01 li:nth-of-type(2) strong{color:#834b8d;}
.vision .vision_target ul.v_target01 li:nth-of-type(3) strong{color:#1cb4c4;}
.vision .vision_target ul.v_target01 li:nth-of-type(4) strong{color: #2c5ba5;}
.vision .vision_target ul.v_target01 li:nth-of-type(5) strong{color: #f19723;}
.vision .vision_target ul.v_target01 li:nth-of-type(6) strong{color: #39b154;}
.vision .vision_target ul.v_target02{display:flex;flex-wrap: wrap; max-width: 700px;margin: 70px auto 0;justify-content: space-between;}
.vision .vision_target ul.v_target02 li{box-sizing: border-box;width: 130px;height: 130px;padding-top: 41px;border-radius: 50%;text-align: center;background: #f2f9f8;font-size: 20px;font-weight: 600;}
.vision .vision_target ul.v_target02 li em{display:block;text-align: center;font-size: 20px;}
.vision .vision_target ul.v_target02 li:nth-of-type(odd){background: #f4fafb;}
@media all and (min-width: 768px) {
.vision .vision_target ul.v_target01{flex-direction:row;gap: 10px 1%;}
.vision .vision_target ul.v_target01 li{position: relative;width: 32.66%;margin-top: 106px;padding: 40px 20px 20px;}
.vision .vision_target ul.v_target01 li:before{content:'';position: absolute;top: -95px;left: 0;right: 0;display:block;width:120px;height:120px;margin: 0 auto;border-radius:50%;box-shadow: 0px 0px 20px #ededed;background: #fff url('/upload_data/board_data/BBS_0000160/173864205205141.png');}
.vision .vision_target ul.v_target01 li:nth-of-type(1):before{background-position: -2px 0;}
.vision .vision_target ul.v_target01 li:nth-of-type(2):before{background-position: -2px -117px;}
.vision .vision_target ul.v_target01 li:nth-of-type(3):before{background-position: -10px -226px;}
.vision .vision_target ul.v_target01 li:nth-of-type(4):before{background-position: -9px -331px;}
.vision .vision_target ul.v_target01 li:nth-of-type(5):before{background-position: -9px -449px;}
.vision .vision_target ul.v_target01 li:nth-of-type(6):before{background-position: -12px -561px;}
.vision .vision_target ul.v_target02{justify-content:center;}
}

@media all and (min-width: 1023px) {
.vision .vision_target ul.v_target02{max-width: max-content;position: relative;margin: 160px 0 40px;}
.vision .vision_target ul.v_target02 li{width: 200px;height: 200px;margin: 0 -10px;padding-top: 69px;font-size: 26px;}
.vision .vision_target ul.v_target02:before{content:'';display:block;position: absolute;top: -138px;left: 0;right: 0;width: 310px;height: 210px;background: url('/upload_data/board_data/BBS_0000160/173864378821703.png') no-repeat;margin: 0 auto;/* background-size: contain; */filter: grayscale(1);z-index: -1;opacity: 0.5;}

}                              



/* plan_management */
.plan_management {padding: 80px 1em 0 1em;text-align: center;padding-bottom: 36%;background: #f2f8fa url(/upload_data/board_data/BBS_0000160/173874444964829.png) no-repeat center bottom;}
.plan_management p {width: 400px;margin: 0 auto 29px;}
.plan_management img {width: 100%}
.btn_wrap.btn_center {justify-content: center}
@media all and (max-width: 480px) {
.plan_management p {width: 70%;}
}
@media all and (max-width: 360px) {
.plan_management p {width: 70%;}
}



/* time_line */
.time_line>div{margin-bottom:20px;}
.time_line h5 span{color:#666;font-size: 15px;}
.time_line h5{margin-bottom: 16px;font-size: 18px;font-weight: 600;word-break: keep-all;}
.time_line .flex{display:flex; flex-wrap:wrap; flex-direction:column; gap:10px;}
.time_line img{width:100%; border-radius:20px;}
.time_line .txt{background:#f4f4f4; border-radius:20px; padding:14px 20px;}
.time_line ul li{margin: 6px 0;padding-left: 15px;background: url(/2018/images/01.potal/common/bullet_li01.png)no-repeat top 6px left;word-break: keep-all;}
@media all and (min-width: 768px) {
.time_line .flex{flex-direction:row;gap: 0 20px;}
.time_line img{max-width: 240px;}
.time_line .txt{width: calc(100% - 260px);align-self: flex-start;padding: 20px 30px;}
.time_line{position:relative;}
.time_line:before{content:'';position: absolute;top: 0;left: 9px;display:block;width:1px;height:100%;background:#e1e1e1;}
.time_line>div{position:relative;padding-left: 52px;margin-bottom: 40px;}
.time_line>div:before{content:'';display:block;position: absolute;top: 8px;left: 0;width: 7px;height: 7px;background: #fff;border-radius:50%;border: 6px #2a3f6f solid;}
}


/*공약이행현황*/
.gy_circle{display:flex;flex-wrap:wrap; margin:20px auto;}
.gy_circle .circle{display: inline-block;width: 130px;height: 130px;margin:0 auto 40px;border-radius:50%;position:relative;text-align:center;background:conic-gradient(#1d84a7 0% 63%, #f5f5f5 63% 100%);}
.gy_circle .circle:nth-of-type(1):before{content:attr(data-percent)'%';}
.gy_circle .circle:nth-child(2){background:conic-gradient(#1d84a7 0% 8%, #ececec 8% 100%);}
.gy_circle .circle:nth-child(3){background: conic-gradient(#1d84a7 0% 30%, #ececec 30% 100%);}
.gy_circle .circle:nth-child(4){background:conic-gradient(#1d84a7 0% 20%, #ececec 20% 100%);}
.gy_circle .circle:nth-child(5){background: conic-gradient(#1d84a7 0% 2%, #ececec 2% 100%);}
.gy_circle .circle:nth-child(6){background: conic-gradient(#1d84a7 0% 0%, #ececec 0% 100%);}
.gy_circle .circle:before{content:attr(data-percent)'건';display:block;color:#222;width: 105px;height: 105px;background:#fff;border-radius:50%;position:absolute;top: 50%;left:50%;transform:translate(-50%, -50%);line-height: 72px;font-size: 18px;font-weight:600;color:#1d84a7;}
.gy_circle .circle span{position:absolute;top: 81px;left:50%;display:block;transform:translate(-50%, -50%);font-size: 14px;font-weight: 600;line-height: 17px;}


@media all and (min-width: 768px) {
.gy_circle{justify-content:center;}

}

table tr.point_bg td{background:#fbffd6;}
@media all and (min-width: 768px) {
.img_box{display:flex;justify-content: space-between;margin: 40px 0;}
.img_box img{width:48%;}
}                                   


.say .link{background: #f4f4f4 url('https://www.jinan.go.kr/upload_data/board_data/BBS_0000160/173880929278714.png') no-repeat  bottom;background-size: contain;padding:20px;border-radius:20px;}
.say .link a{display: block;width: 140px;margin: -2px auto 10px;background: #1d84a7;padding: 10px 0;color:#fff;border-radius: 10px;text-align: center;}
.say .link a:nth-of-type(2){background:#202240;}
.say .link a:nth-of-type(3){background:#6d3e91;}
.say  p{margin: 10px 0; word-break:keep-all;}
.say .step ol li{position: relative;border:1px #e1e1e1 solid;text-align:center;padding:14px 0;margin-bottom: 34px;border-radius:20px;}
.say .step ol li:before{content:'';position: absolute;bottom: -23px;left: 0;right: 0;display:block;width:10px;height: 11px;margin: 0 auto;background:url('https://www.jinan.go.kr/upload_data/board_data/BBS_0000160/173880929278754.png') no-repeat;transform: rotate(270deg);}
.say .step ol li:last-child:before{display:none;}
@media all and (min-width: 768px) {
.say .link{min-height: 300px;background-size: auto;}
.say .link div{display:flex;gap: 0 10px;justify-content: center;margin-top: 182px;}	
.say .link a{margin:0;}
.say .step ol{display:flex;flex-wrap: wrap;gap: 17px 2%;margin: 20px 0;}
.say .step ol li{width: 32%;margin: 0;padding: 10px 14px;word-break: keep-all;}
.say .step ol li:before{bottom:45%;left:auto;right: -13px;transform: rotate(0180deg);}
}              


.pledge_map_warp{position:relative;min-height: 600px;}
.pledge_map_warp .pledge{/* position:absolute; */top: 0;right: 0;width: 100%;}