@charset "UTF-8";

h2, h3 {font-size:27rem; font-weight:600; font-family:'GimhaeGaya'; line-height:1.4; letter-spacing:-1.5rem; transform:rotate(0.04deg);}
h2 > span {color:#14642d;}
@media all and (max-width:1440px){
    h2, h3 {font-size:23rem;}
}

.cont1 article {padding:50rem;}
.cont1 article.pro {padding:0;}
.cont1 article.pro li {padding:50rem;}
@media all and (max-width:1640px){
    .cont1 article {padding:35rem;}
    .cont1 article.pro li {padding:35rem;}
}
@media all and (max-width:1440px){
    .cont1 article {padding:30rem;}
    .cont1 article.pro li {padding:30rem;}
}
@media all and (max-width:768px){
    .cont1 article {padding:25rem;}
    .cont1 article.pro li {padding:25rem;}
}

.cont1 {background:#e9f1ee; padding:40rem 0 120rem 0;}
.cont1 .wrap {position:relative;}
.cont1 .wrap:before {content:''; position:absolute; top:40rem; left:50%; width:522rem; height:583rem; margin-left:-232rem; background:url('/design2023/mayor/img/main/mayor.png') no-repeat 0 0/contain;}
.cont1 .flex {display:flex;}
.cont1 .top {justify-content:space-between; align-items:center;}
.cont1 .top .slogan .big {font-size:49rem; font-family:'GimhaeGaya'; line-height:1.35; letter-spacing:-1.7rem;}
.cont1 .top .slogan .big span {font-weight:600; color:#14642d;}
.cont1 .top .slogan .small {margin-left:7rem; margin-top:40rem; font-size:19rem;}
.cont1 .top .slogan .small br:last-child {display:none;}
.cont1 .top .sch {width:33.334%; background:#dbe9e4; border-radius:0 40rem 0 0; min-height:431.92rem;}
.cont1 .top .sch .tit {display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:23rem;}
.cont1 .top .sch .tit .date {color:#767676; font-size:19rem; font-weight:600;}
.cont1 .top .sch .list {margin-left:8rem;}
.cont1 .top .sch .list ul {position:relative; max-height:271.13rem; overflow-y:auto; overflow-x:hidden;}
.cont1 .top .sch .list ul:before {content:''; position:absolute; /* top:10rem; */ top:7rem; left:4rem; width:1px; height:210%; background:url('/design2023/mayor/img/main/dash.png') repeat-y center top;}
.cont1 .top .sch .list ul::-webkit-scrollbar {width:5px;}
.cont1 .top .sch .list ul::-webkit-scrollbar-thumb {border:0; border-radius:0; background:#c4dbd3;}
.cont1 .top .sch .list ul::-webkit-scrollbar-track {background:#dbe9e4; border-radius:0;}
.cont1 .top .sch .list li {margin-bottom:12rem;}
.cont1 .top .sch .list li a {display:flex; position:relative;}
.cont1 .top .sch .list li:last-child a {margin-bottom:0;}
.cont1 .top .sch .time {flex-shrink:0; flex-grow:0; display:block; width:80rem; position:relative; padding-left:30rem; color:#14602b; font-size:18rem;}
.cont1 .top .sch .time:before {content:''; position:absolute; top:10rem; left:0; width:9rem; height:9rem; background:#14602b; border-radius:50%;}
.cont1 .top .sch .txt {margin-left:32rem; margin-right:30rem;}
@media all and (max-width:1640px){
    .cont1 .top .sch .list ul {max-height:300.13rem;}
    .cont1 .top .sch .list li a {flex-wrap:wrap;}
    .cont1 .top .sch .txt {width:100%; margin-left:30rem; margin-right:60rem;}
}
@media all and (max-width:1440px){
    .cont1 {padding:20rem 0 50rem 0;}
    .cont1 .wrap:before {top:20rem; width:450rem; height:503rem; margin-left:0; transform:translateX(-50%);}
    .cont1 .top .slogan {padding-top:17rem;}
    .cont1 .top .slogan .big {font-size:43rem;}
    .cont1 .top .slogan .small {font-size:17rem;}
    .cont1 .top .slogan .small br:last-child {display:block;}
    .cont1 .top .sch .list ul {max-height:300.13rem;}
}
@media all and (max-width:1240px){
    .cont1 .wrap:before {top:-50rem; width:400rem; height:447rem; left:inherit; right:40rem; transform:translateX(0);}
    .cont1 .top {flex-wrap:wrap;}
    .cont1 .top .slogan {padding-top:0;}
    .cont1 .top .slogan .big br:last-child {display:none;}
    .cont1 .top .slogan .small br:last-child {display:none;}
    .cont1 .top .sch {width:100%; min-height:auto; margin-top:40rem;}
    .cont1 .top .sch .list ul {max-height:316.13rem; margin-left:0;}
    .cont1 .top .sch .list ul li {width:80%;}
    .cont1 .top .sch .tit {flex-wrap:wrap;}
    .cont1 .top .sch .tit .date {width:100%; margin:7rem 0 0 3rem;}
}
@media all and (max-width:940px){
    .cont1 .wrap:before { top:0; width:350rem; height:391rem;}
    .cont1 .top .slogan .big br:last-child {display:block;}
    .cont1 .top .slogan .small br:last-child {display:block;}
    .cont1 .top .sch .list ul li {width:100%;}
}
@media all and (max-width:768px){
    .cont1 .wrap:before {width:300rem; height:335rem;}
    .cont1 .top .slogan .big {font-size:33rem;}
    .cont1 .top .slogan .small {margin-top:20rem;}
    .cont1 .top .sch .list ul {max-height:210.13rem;}
}
@media all and (max-width:599px){
    .cont1 .wrap:before {top:-50rem; width:280rem; height:313rem; right:10rem;}
    .cont1 .top .slogan .big {position:relative; padding-right:100rem;}
    .cont1 .top .slogan .small {display:none;}
}
@media all and (max-width:480px){
    .cont1 {padding-top:0;}
    .cont1 .wrap:before {display:none;}
    .cont1 .top .slogan {position:relative; width:100%; padding-bottom:270rem; text-align:center;}
    .cont1 .top .slogan:before {content:''; position:absolute; bottom:-60rem; left:50%; width:280rem; height:312rem; background:url('/design2023/mayor/img/main/mayor.png') no-repeat 0 0/contain; transform:translateX(-50%);}
    .cont1 .top .slogan .big {padding-right:0;}
}
@media all and (max-width:321px){
    .cont1 .top .slogan {padding-bottom:240rem;}
    .cont1 .top .slogan:before {width:260rem; height:290rem;}
    .cont1 .top .slogan .big {font-size:27rem;}
}


.cont1 .mid h2+p {margin:20rem 0 30rem 3rem; opacity:0.7;}
.cont1 .mid .btn {display:flex; margin:0;}
.cont1 .mid .btn a {display:block; margin:3rem; padding:8rem 20rem; border-radius:6rem; color:#fff; font-size:16rem; font-weight:500; opacity:0.7;}
.cont1 .mid .btn a span {display:inline-block; position:relative; padding-left:33rem;}
.cont1 .mid .btn a span:before {content:''; position:absolute; top:-2rem; left:-5rem; width:30rem; height:30rem; background-image:url('/design2023/mayor/img/main/icon.png'); background-repeat:no-repeat; background-size:300 200%;}
.cont1 .req {width:66.666%; background:url('/design2023/mayor/img/main/pat.gif') repeat center; border-radius:40rem 0 0 0;}
.cont1 .req h2 {color:#fff;}
.cont1 .req h2+p {color:#fff;}
.cont1 .req .btn a {background:#0b4c1f;}
.cont1 .req .btn a:first-child span:before {background-position:0 0;}
.cont1 .req .btn a:last-child span:before {background-position:50% 0;}
.cont1 .goal {width:33.334%; background:url('/design2023/mayor/img/main/bg.jpg') no-repeat center/cover;}
.cont1 .goal .btn a {background:#7b5a0f;}
.cont1 .goal .btn a:first-child span:before {background-position: 100% 0;}
@media all and (max-width:1240px){
    .cont1 .mid article {width:50%;}
    .cont1 .req {border-radius:0;}
}
@media all and (max-width:599px){
    .cont1 .mid {flex-wrap:wrap;}
    .cont1 .mid article {width:100%;}
}
@media all and (max-width:321px){
    .cont1 .mid .btn {flex-wrap:wrap;}
}

.cont1 .pro ul li {position:relative; width:33.334%; background:#fff;}
.cont1 .pro ul li:nth-child(even) {background:#f6f6f6;}
.cont1 .pro ul li:last-child {border-radius: 0 0 40rem 0;}
.cont1 .pro ul li:before {content:''; position:absolute; top:50%; right:20rem; width:126rem; height:126rem; background:url('/design2023/mayor/img/main/icon2.png') no-repeat 0 0/300% auto; transform:translateY(-50%);}
.cont1 .pro ul li.icon1:before {background-position:0 0;}
.cont1 .pro ul li.icon2:before {background-position:50% 0;}
.cont1 .pro ul li.icon3:before {background-position:100% 0;}
.cont1 .pro ul li > a {display:block;}
.cont1 .pro span {display:block; color:#0b4c1f; font-weight:600; margin-left:2rem;}
.cont1 .pro h3 {margin:8rem 0 21rem 0;}
.cont1 .pro p {color:#767676; margin-left:3rem;}
@media all and (max-width:1440px){
    .cont1 .pro ul li:before {width:100rem; height:100rem; right:10rem; top:20rem; transform:translateY(0);}
}
@media all and (max-width:1240px){
    .cont1 .pro ul li {padding-left:125rem;}
    .cont1 .pro ul li:before {right:inherit; left:10rem; top:15rem;}
    .cont1 .pro ul li:last-child {border-radius: 0;}
}
@media all and (max-width:1023px){
    .cont1 .pro ul {flex-wrap:wrap;}
    .cont1 .pro ul li {width:50%; flex:0 1 auto; padding-left:100rem;}
    .cont1 .pro ul li:before {width:90rem; height:90rem; left:5rem;}
}
@media all and (max-width:599px){
    .cont1 .pro ul li {width:100%;}
    .cont1 .pro span {margin-left:0;}
    .cont1 .pro p {margin-left:0;}
}


.cont2 {margin:80rem 0;}
.cont2 h2 {font-size:37rem; text-align:center;}
.cont2 h2 > span {position:relative; padding:0 60rem; color:#323232;}
.cont2 h2 > span:before,
.cont2 h2 > span:after {content:''; position:absolute; top:50%; width:30rem; height:11rem; background:url('/design2023/mayor/img/main/dot.gif') no-repeat 0 0/200% auto; transform:translateY(-50%);}
.cont2 h2 > span:before {left:0; background-position:0 0;}
.cont2 h2 > span:after {right:0; background-position:0 0;}
.cont2 h2 > span > span {color:#14602b;}
.cont2 h2+p {margin:15rem 0 50rem ; color:#767676; text-align:center; font-size:19rem;}
.cont2 .list {display:flex; margin:0 -25rem;}
.cont2 .list li {width:33.333%;  padding:0 25rem; }
.cont2 .list li a {display:block; border:1px solid #e7e7e7; border-radius:30rem; overflow:hidden;}
.cont2 .list .img img {width:100%; height:256rem; object-fit:cover;}
.cont2 .list .sum {padding:40rem;}
.cont2 .list .sum p {margin-bottom:10rem; font-size:22rem; font-weight:600; line-height:1.5; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.cont2 .list .sum span {display:inline-block; color:#767676;}
.cont2 .list .sum .date {margin-right:20rem;}
.cont2 .list .sum b {margin-right: 10rem;}
.cont2 .list .sum .view b {position:relative; margin-right:13rem; padding-right:15rem;}
.cont2 .list .sum .view b:before {content:''; position:absolute; top:50%; right:0; width:4rem; height:4rem; border-radius:50%; background:#767676; transform:translateY(-50%);}
@media all and (max-width:1640px){
    .cont2 .list {margin:0 -15rem;}
    .cont2 .list li {padding:0 15rem; }
    .cont2 .list .sum {padding:35rem;}
}
@media all and (max-width:1440px){
    .cont2 {margin:30rem 0 50rem;}
    .cont2 h2 {font-size:33rem;}
    .cont2 h2+p {margin:15rem 0 30rem; font-size:17rem;}
    .cont2 .list .img img {height:200rem;}
    .cont2 .list .sum {padding:30rem;}
    .cont2 .list .sum span {display:block;}
}
@media all and (max-width:1023px){
    .cont2 > .wrap {padding:0;}
    .cont2 .scroll {overflow-X:auto; overflow-y:hidden; padding:0 0 0 20rem;}
    .cont2 .list {margin:0;}
    .cont2 .list li {width:400rem; flex-shrink:0; flex-grow:0; padding:0 20rem 0 0;}
}
@media all and (max-width:768px){
    .cont2 h2 > span {padding:0 40rem;}
    .cont2 h2 > span:before,
    .cont2 h2 > span:after {width:20rem; height:7rem;}
    .cont2 h2+p {padding:0 40rem;}
    .cont2 .list li {width:300rem;}
    .cont2 .list .sum {padding:25rem;}
}
@media all and (max-width:321px){
    .cont2 .list .img img {height:180rem;}
    .cont2 .list li {width:260rem;}
    .cont2 .list .sum .date {margin-bottom:7rem;}
}