@charset "utf-8";

.city_regeneration_top {display:table;width:100%;}
.city_regeneration_top .cont,
.city_regeneration_top .img {display:table-cell;vertical-align:middle;}
.city_regeneration_top .img img {max-width:100%;height:auto;}
.city_regeneration_top .cont .tit {font-size:1.25rem;font-weight:500;color:#488ca5;line-height:1}
.city_regeneration_top .cont .txt {font-size:0.9rem;color:#222222}
.city_regeneration_top .cont .txt.mt13 {margin-top:0.65rem}
.city_regeneration_top .cont .txt.mt23 {margin-top:1.15rem}
.city_regeneration_purpose {margin-top:3.85rem;padding:3.25rem 0;background-color:#f1f1f1;text-align:center;}
.city_regeneration_purpose .tit {font-size:1.25rem;line-height:1;color:#488ca5;font-weight:500}
.city_regeneration_purpose .txt {margin-top:9px;font-size:1.15rem;color:#222222;}
.city_regeneration_purpose .txt strong {font-weight:500;color:#5a8f0f}
.city_regeneration_purpose .purpose_list {position:relative;width:100%;max-width:42.15rem;margin-left:auto;margin-right:auto;margin-top:1.95rem;overflow:hidden;}
.city_regeneration_purpose .purpose_list ul {margin:-2.3rem}
.city_regeneration_purpose .purpose_list ul li {float:left;position:relative;width:33.33333333%;padding:2.3rem}
.city_regeneration_purpose .purpose_list ul li::after {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    right:-0.55rem;
    width:1.45rem;
    height:1.45rem;
    background:url(../imgs/city/purpose_dot.png) no-repeat 0 0;
    background-size:100% auto; 
    transform:translateY(-50%);
}
.city_regeneration_purpose .purpose_list ul li:last-child::after {display:none;}
.city_regeneration_purpose .purpose_list ul li .list_inner {position:relative;width:100%;min-height:11.45rem;border-width:0.15rem;border-style:solid;text-align:center;font-size:1rem;color:#fff;font-weight:500}
.city_regeneration_purpose .purpose_list ul li .list_inner.bg1 {border-color:#4bada7;background-color:#58beb8;}
.city_regeneration_purpose .purpose_list ul li .list_inner.bg2 {border-color:#855da3;background-color:#855da3;}
.city_regeneration_purpose .purpose_list ul li .list_inner.bg3 {border-color:#6a9f57;background-color:#6a9f57;}
.city_regeneration_purpose .purpose_list ul li .list_inner .inner_cont {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.city_regeneration_purpose .purpose_list ul li .list_inner .inner_cont .img {margin-bottom:10px;} 
.city_regeneration_purpose .purpose_list ul li .list_inner .inner_cont .img img {max-width:3.2rem;height:auto}
.city_regeneration_purpose .purpose_list ul li .list_inner .inner_cont p {line-height: 1.4;
    font-weight: 500;
    letter-spacing: -0.5px;}
.city_regeneration_purpose .txt2 {margin-top:0.8rem;font-size:0.9rem;color:#222;line-height:1;}
.city_regeneration_plan {margin-top:5.25rem}
.city_regeneration_plan .tit {font-size:1.25rem;color:#488ca5;font-weight:500;line-height:1}
.city_regeneration_plan .plan_list_area {margin-top:0.8rem}
.city_regeneration_plan .plan_list {margin:-0.35rem}
.city_regeneration_plan .plan_list .list {float:left;width:50%;position:relative;padding:0.35rem}
.city_regeneration_plan .plan_list .list .list_inner {min-height:18.8rem;padding:1.5rem 1.65rem;border:1px solid #ddd}
.city_regeneration_plan .plan_list .list .tit2 {margin-bottom:0.9rem;font-size:1.15rem;color:#222;font-weight:500;line-height:1;}
.city_regeneration_plan .plan_list .list ul li {margin-bottom:0.8rem}
.city_regeneration_plan .plan_list .list ul li:last-child {margin-bottom:0}
@media screen and (max-width:1143px){
    .city_regeneration_top .cont .txt br {display:none;}
    .city_regeneration_top .cont {width:60%}
}
@media screen and (max-width:1038px){
    .city_regeneration_plan {margin-top:3rem}
    .city_regeneration_plan .plan_list .list .list_inner {min-height:20rem}
}
@media screen and (max-width:849px){
    .city_regeneration_plan {margin-top:2.5rem}
    .city_regeneration_plan .plan_list .list {width:100%}
    .city_regeneration_plan .plan_list .list .list_inner {min-height:auto;padding:1.1rem 1.1rem}
}
@media screen and (max-width:760px){
    .city_regeneration_top {display:block;padding-top:1rem}
    .city_regeneration_top .cont {display:block;width:100%}
    .city_regeneration_top .img {display:block;width:100%;margin-top:1.2rem;border:1px solid #ddd;padding:1.2rem;text-align:center;}
}
@media screen and (max-width:705px){
    .city_regeneration_purpose .purpose_list ul {margin:-2rem}
    .city_regeneration_purpose .purpose_list ul li {padding:2rem}
}
@media screen and (max-width:620px){
    .city_regeneration_purpose .purpose_list ul {margin:-1.5rem}
    .city_regeneration_purpose .purpose_list ul li {padding:1.5rem}
}
@media screen and (max-width:489px){
    .city_regeneration_purpose .purpose_list ul li {width:100%}
    .city_regeneration_purpose .purpose_list ul li::after {top:auto;right:auto;bottom:-10px;left:50%;transform:translateY(0%) translateX(-50%);}
    .city_regeneration_purpose .purpose_list ul li .list_inner {min-height:9rem}
}


.city_vision {position:relative;}
.city_vision .vision_top {padding:3.75rem 2.7rem;border:1px solid #ddd;text-align:center;}
.city_vision .tit {font-size:1.5rem;color:#333;font-weight:500;line-height:1;}
.city_vision .vision_title {margin-top:1.75rem}
.city_vision .vision_title .vision_title_list {margin:-0.3rem}
.city_vision .vision_title .vision_title_list .list {float:left;position:relative;width:33.333333333%;padding:0.3rem}
.city_vision .vision_title .vision_title_list .list .list_inner {width:100%;min-height:2.85rem;padding:0.75rem 0;font-size:1rem;color:#fff}
.city_vision .vision_title .vision_title_list .list .list_inner.bg1 {background-color:#5b85b9}
.city_vision .vision_title .vision_title_list .list .list_inner.bg2 {background-color:#9168a8}
.city_vision .vision_title .vision_title_list .list .list_inner.bg3 {background-color:#62ad8c}
.city_vision .vision_arr {line-height:0;margin:1.2rem 0 1rem}
.city_vision .vision_arr img {width:100%;max-width:15.6rem;height:auto}
.city_vision .vision_cont {position:relative;}
.city_vision .vision_cont .vision_cont_list {margin:-0.3rem}
.city_vision .vision_cont .vision_cont_list .list {float:left;position:relative;width:33.333333333%;padding:0.3rem} 
.city_vision .vision_cont .vision_cont_list .list .list_inner {min-height:6.75rem;padding:1.25rem 0;border-width:0.15rem 1px 1px 1px;border-color:#ddd;border-style:solid;font-size:0.9rem;color:#333;}
.city_vision .vision_cont .vision_cont_list .list .list_inner.line1 {border-top-color:#5b85b9;}
.city_vision .vision_cont .vision_cont_list .list .list_inner.line2 {border-top-color:#9168a8;}
.city_vision .vision_cont .vision_cont_list .list .list_inner.line3 {border-top-color:#62ad8c;}
.city_vision .vision_history {margin-top:0.6rem;padding:3.8rem 2.7rem;border:1px solid #ddd;}
.city_vision .vision_history .tit {text-align:center;}
.city_vision .vision_history .history_cont {position:relative;width:100%;max-width:35.35rem;margin:0 auto 0;padding-top:2.25rem}
.city_vision .vision_history .history_cont dl {position:relative;padding-left:8.65rem;margin-bottom:0.6rem}
.city_vision .vision_history .history_cont dl dt {position:absolute;top:50%;left:0;width:5.25rem;height:5.25rem;border-radius:100%;background-color:#7da959;transform:translateY(-50%);}
.city_vision .vision_history .history_cont dl dt {font-family:'GmarketSansBold',"Noto Sans KR","Nanum Gothic","Gulim", Gulim, Dotum, "돋움", sans-serif;font-size:1.25rem;color:#fff}
.city_vision .vision_history .history_cont dl dt span {display:block;position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%);width:100%;line-height:1;}
.city_vision .vision_history .history_cont dl dt:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    right:-3.4rem;
    width:3.4rem;
    height:1px;
    background-color:#ddd;
    transform:translateY(-50%);
}
.city_vision .vision_history .history_cont dl dd {display:block;position:relative;border:1px solid #ddd;padding:1rem 1.8rem;}
.city_vision .vision_history .history_cont dl dd ul li {position:relative;padding-left:1.25rem;font-size:0.9rem;color:#333}
.city_vision .vision_history .history_cont dl dd ul li::before {
    content:"";
    display:block;
    position:absolute;
    top:0.35rem;
    left:0;
    width:0.6rem;
    height:0.6rem;
    background:url(../imgs/sub/list_dot2.png) no-repeat 0 0;
    background-size:100% auto;
}
@media screen and (max-width:800px){
    .city_vision .vision_history,
    .city_vision .vision_top {padding:1.5rem 1.2rem}
    .city_vision .vision_history .history_cont {padding-top:1.5rem}
}
@media screen and (max-width:611px){
    .city_vision .vision_history .history_cont dl dd {padding:1rem}
}
@media screen and (max-width:600px){ 
    .city_vision .vision_history .history_cont dl {padding-left:0}
    .city_vision .vision_history .history_cont dl dt {position:relative;top:auto;left:auto;transform:translateY(0);margin:0 auto 2rem}
    .city_vision .vision_history .history_cont dl dt:after {display:none;}
    .city_vision .vision_history .history_cont dl dd::before {
        display: block;
        content: "";
        position: absolute;
        top: -33px;
        left: 50%;
        width:1px;
        height:2rem;
        background-color: #ddd;
        transform: translateX(-50%);
    } 
    .city_vision .vision_history .history_cont dl {margin-bottom:1rem}

}
@media screen and (max-width:574px){
    .city_vision .vision_title .vision_title_list .list {width:100%}
    .city_vision .vision_cont .vision_cont_list .list {width:100%}   
}