.repoterArea {
    display: flex;
    margin: 0 auto 20px;
    padding: 60px 30px;
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding: 60px 0 0;
    border-bottom: 0;
}

.repoterArea .repoterArea-inner {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 12px;
}

.repoterArea .repoterImage {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 114px;
    height: 114px;
    border-radius: 80px;
    overflow: hidden;
}

.repoterArea .repoterImage img {
    width: 100%;
    height: auto;
}

.repoterArea .contentSide {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.repoterArea .contentSide .topSide {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    gap: 12px;
}

.repoterArea .repoterName {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    /* 141.667% */
    letter-spacing: -0.24px;
}

.repoterArea .emailArea {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 171.429% */
    letter-spacing: -0.14px;
    border: 1px solid #ddd;
    padding: 0 24px;
    border-radius: 40px;
    height: 32px;
    text-align: center;
}

.repoterArea .emailArea .emailIcon {
    width: 20px;
    height: 16px;
    background: url("https://img.seoul.co.kr/img/n24/reporter/repoter-icon.png") no-repeat;
    background-position: -478px -12px;
    background-size: 800px;
}

.repoterArea .descArea {
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 171.429% */
    letter-spacing: -0.14px;
    color: #444;
}

.repoterArea .contentSide .bottomSide {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    align-items: center;
}

.repoterArea .snsList {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.repoterArea .snsList li {
    cursor: pointer;
    width: 42px;
    height: 42px;
}

.repoterArea .snsList li.faceBook-button {
    background: url("https://img.seoul.co.kr/img/n24/reporter/repoter-icon.png") no-repeat;
    background-position: -59px 1px;
    background-size: 800px;
}

.repoterArea .snsList li.x-button {
    background: url("https://img.seoul.co.kr/img/n24/reporter/repoter-icon.png") no-repeat;
    background-position: -179px 1px;
    background-size: 800px;
}

.repoterArea .snsList li.branch-button {
    background: url("https://img.seoul.co.kr/img/n24/reporter/repoter-icon.png") no-repeat;
    background-position: -359px 1px;
    background-size: 800px;
}

.repoterArea .snsList li.threads-button {
    background: url("https://img.seoul.co.kr/img/n24/reporter/repoter-icon.png") no-repeat;
    background-position: -239px 1px;
    background-size: 800px;
}

.repoterArea .snsList li.naverBlog-button {
    background: url("/img/n24/reporter/repoter-icon.png") no-repeat;
    background-position: 1px 1px;
    background-size: 800px;
}

.repoterArea .snsList li.insta-button {
    background: url("https://img.seoul.co.kr/img/n24/reporter/repoter-icon.png") no-repeat;
    background-position: -119px 1px;
    background-size: 800px;
}

.repoterArea .snsList li.tstory-button {
    background: url("https://img.seoul.co.kr/img/n24/reporter/repoter-icon.png") no-repeat;
    background-position: -299px 1px;
    background-size: 800px;
}

.repoterArea .snsList li.homepage-button {
    background: url("https://img.seoul.co.kr/img/n24/reporter/repoter-icon.png") no-repeat;
    background-position: -419px 1px;
    background-size: 800px;
}

.repoterArea .naverSubmit-button {
    width: 100%;
}

.repoterArea .submitButton {
    align-items: center;
    height: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
    background: url("https://img.seoul.co.kr/img/n24/reporter/repoter-icon.png") no-repeat;
    background-position: -231px -70px;
    background-size: 800px;
}

.serialListBanner {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.serialListBanner .serialList {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    gap: 20px;
}

.serialListBanner .serialList li {
    width: 100%;
}

.listSide.repoterListSide section {
    margin: 60px 0;
}

.reporterMain-wrapper .listMain {
    margin-top: 50px
}

.reporterMain-wrapper .ArticleInfo span {
    color: var(--text-gray-500);
}

.reporterMain-wrapper .ArticleInfo span:first-child:after {
    background: var(--text-gray-500);
}

.reporterMain-wrapper .newsBox_row1 {
    border-bottom: 0;
}

.reporterMain-wrapper .imgS .newsBox_row1:not(:last-child) {
    padding: 0 0 50px;
}

.reporterMain-wrapper .imgS .newsBox_row1 {
    padding: 0;
}

.weeklyBestList {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    border-bottom: 1px solid var(--text-gray-300);
}

.weeklyBestList {
    counter-reset: rankingTop 0;
}

.weeklyBestList li {
    position: relative;
}

.weeklyBestList li:before {
    position: absolute;
    z-index: 100;
    left: 8px;
    top: 8px;
    display: inline-block;
    counter-increment: rankingTop;
    content: counter(rankingTop);
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    /* 162.5% */
    letter-spacing: -0.16px;
    width: 26px;
    height: 26px;
    flex-grow: 0;
    flex-shrink: 0;
    background: var(--bg-b-bg);
    border-radius: 4px;
}


.weeklyBestList .articleImage {
    display: flex;
    width: 254px;
    height: 198px;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.weeklyBestList .articleImage img {
    border-radius: 12px;
    height: 100%;
    width: auto;
}

.weeklyBestList .articleLayout {
    position: relative;
    margin-bottom: 64px;
}

.weeklyBestList .articleContentWrap {
    box-sizing: border-box;
    position: absolute;
    z-index: 100;
    bottom: 0;
    background-color: var(--text-white);
    width: 194px;
    padding: 12px 24px 0 0;
    border-top-right-radius: 12px;
}

.weeklyBestList .articleContentWrap::before {
    content: "";
    position: absolute;
    z-index: -1;
    background-color: transparent;
    top: -50px;
    height: 50px;
    width: 25px;
    border-top-right-radius: 12px;
    box-shadow: 0 -25px 0 0 #fff;
    transform: rotate(180deg);
}

.weeklyBestList .articleContentWrap::after {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: 0;
    right: -25px;
    height: 50px;
    width: 25px;
    border-top-right-radius: 12px;
    box-shadow: 0 -25px 0 0 #fff;
    transform: rotate(180deg);
}

.weeklyBestList .shapeWrap {
    position: relative;
}

.weeklyBestList .articleContentWrap span {
    display: block;
}

.weeklyBestList .articleTitle {
    position: relative;
    z-index: 100;
    padding-top: 10px;
    width: 254px;
}

.weeklyBestList .img-wrapper {
    position: relative;
    width: 254px;
    height: 198px;
}

.weeklyBestList .img-wrapper img {
    border-radius: 12px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}


.reporter-showMoreBtn {
    margin-top: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 24px;
    /* 171.429% */
    letter-spacing: -0.14px;
    color: #666;
}

.reporter-showMoreBtn span {
    display: block;
}

.reporter-showMoreBtn .icon {
    width: 14px;
    height: 24px;
    background: url("https://img.seoul.co.kr/img/n24/reporter/repoter-icon.png") no-repeat;
    background-position: -546px -7px;
    background-size: 800px;
}