.title .title_txt {font-family: "Pretendard-Regular"; font-size: 20px; font-weight: bold;}
#county01 {padding:0px 20px 30px 20px; border-bottom:1px solid #ededed}
#county01 .cont_wrap {display: flex; flex-wrap: wrap;}
#county01 .cont_wrap .info {width: 66%; display: flex; flex-wrap: wrap;}
#county01 .cont_wrap .info > div {width: 48.5%;}
#county01 .cont_wrap .info .img_box {margin-bottom: 20px;}
#county01 .cont_wrap .info .img_box img {max-width: 100%; border-radius: 8px; }
#county01 .cont_wrap .info .txt_box .desc p {font-size: 14px; margin-top:10px;}
#county01 .cont_wrap .info .info01 .txt_box .title strong {display: inline-block; font-size: 28px; font-weight: bold; margin-right: 5px;}
#county01 .cont_wrap .info .info01 .txt_box .title span {display: inline-block; font-size: 15px; line-height: 25px;}
#county01 .cont_wrap .info .info02 {margin-left: auto;}
#county01 .cont_wrap .info .info02 .img_box {position:relative;}
#county01 .cont_wrap .info .info02 .img_box a {display: inline-block; font-size: 12px; color:#fff; border-radius: 30px; padding:4px 15px; background:#5e01ff; position:absolute; bottom:10px; right:10px;}
#county01 .cont_wrap .info .info02 .txt_box .title {display: flex; justify-content: space-between;}
#county01 .cont_wrap .info .info02 .txt_box .desc a {display: inline-block; font-size: 13px; background: #fff; border-radius: 30px; padding:4px 15px; margin-top:10px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);}
#county01 .cont_wrap .news {width: 32%; margin-left: auto;  padding:10px 30px;  }
#county01 .cont_wrap .news ul {}
#county01 .cont_wrap .news ul li {border-bottom: 1px solid #e6e6e6; padding:8px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#county01 .cont_wrap .news h3 {}
#county01 .cont_wrap .news .title {padding:0px 0px 13px;}

#county02 {background: #fff; padding:30px 20px;  border-bottom:1px solid #e4e6e8; }
#county02 .title {display: flex; align-items: center;}
#county02 .cate {display: flex; margin-left: 20px;}
#county02 .cate li {}
#county02 .cate li:not(:last-child) {margin-right: 5px;}
#county02 .cate li a {display: inline-block; padding:5px 15px; color:#00affb; border:1px solid #00affb; border-radius: 30px;}
#county02 .cate li:hover a,
#county02 .cate li.on a {color:#fff; background: #00affb;}

.gal_cont {position:relative; margin-top:20px;}
.gal_cont .service_wrap ul {display: flex; flex-wrap: wrap;}
.gal_cont .service_wrap ul li {width: 23.5%;}
.gal_cont .service_wrap ul li:not(:nth-child(4n)) {margin-right: 2%;}
.gal_cont .service_wrap ul li:nth-child(1n + 5) {margin-top:20px;}
.gal_cont .service_wrap ul li a {display: block;}
.gal_cont .img_box {border-radius: 8px; overflow: hidden;}
.gal_cont .img_box img {width: 100%;}
.gal_cont .txt_box {margin-top:10px}
.gal_cont .txt_box span {display: block; font-size: 18px; font-weight: bold; margin-bottom: 5px;}
.gal_cont .txt_box p {font-size: 14px;}
.gal_cont .nav_btn {width: 100%; position:absolute; top:50%; transform:translateY(-50%); z-index: 2;}
.gal_cont .nav_btn button {width: 38px; height: 38px; border-radius: 100%; font-size:17px; background: #fff; border:none; position:absolute;}
.gal_cont .nav_btn button.prev_btn {left:-19px; box-shadow: -2px 0 5px rgba(0,0,0,0.05);}
.gal_cont .nav_btn button.next_btn {right:-19px; box-shadow: 2px 0 5px rgba(0,0,0,0.05);}

#county03 {background: #fff;  padding:30px 20px; border-bottom:1px solid #e4e6e8; }
#county03 .above {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:10px;}
#county03 .above .cate {display: flex; flex-wrap: wrap;}
#county03 .above .func {display: flex;}
#county03 .above a {display: inline-block; padding:5px 15px; color:#00affb; border:1px solid #00affb; border-radius: 30px; text-align: center;}
#county03 .above .cate li:not(:last-child) {margin-right: 5px;}
#county03 .above .cate li:hover a,
#county03 .above .cate li.on a {color:#fff; background:#00affb;}
#county03 .above .func li:first-child {margin-right: 5px;}
#county03 .above .func a {color:#000;}
#county03 .above .func li:first-child a {width: 170px;}
#county03 .table_wrap {margin-top:20px;}
#county03 .table_wrap table {border-collapse: collapse;}
#county03 .table_wrap table td {border-bottom:1px solid #e6e6e6; font-family: "Pretendard-Regular"; font-size: 14px; padding:30px 20px; text-align: center;}
#county03 .table_wrap table td.num {width: 80px; font-size: 15px;}
#county03 .table_wrap table td.name {width: 120px; font-size: 18px; font-weight: bold;}
#county03 .table_wrap table td.subject {text-align: left;}
#county03 .table_wrap table td.date {width: 100px;}
#county03 .community_cont {margin-top:10px;}
#county03 .community_cont ul li {display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #e6e6e6;}
#county03 .community_cont ul li a {width: calc(95% - 70px); display: block; font-size: 15px; padding:15px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#county03 .community_cont ul li .date {width: 70px; font-size: 14px; color:#999; text-align: right;}

#portal_section {
    background: var(--c_white);
    padding:30px 20px;
}

.county_quick_link {
    display: flex;
    flex-wrap: wrap;
}

.county_quick_link li {
    width: 19%;
    height: 130px;
    background:var(--c_white);
    border:1px solid var(--c_gray80_border);
    border-radius: 12px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 1.333%;
}

.county_quick_link li a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:var(--c_gray20_text01);
    padding:12px;
}

.county_quick_link li:not(:nth-child(5n)){
    margin-right: 1.25%;
}

.county_quick_link li:not(:first-child) .img_box {
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}