/* =========================================
   Adsterra 광고 공통
========================================= */

.ad-wrap {
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
}

.ad-label {
    text-align: center;
    font-size: 10px;
    letter-spacing: 2px;
    color: #98a2b3;
    margin-bottom: 8px;
}

.ad-slot {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
}

.ad-slot.slim {
    min-height: 90px;
}

.ad-slot.tall {
    min-height: 250px;
}

.adsterra-desktop {
    display: block;
}

.adsterra-mobile {
    display: none;
}

@media (max-width: 767px) {

    .adsterra-desktop {
        display: none;
    }

    .adsterra-mobile {
        display: block;
    }

    .ad-slot.slim {
        min-height: 50px;
    }
}



/* 상단 가로 광고 강제 중앙 정렬 */
.ad-wrap .ad-slot.slim {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 12px 0 !important;
    box-sizing: border-box !important;
}

/* iframe과 광고 래퍼 모두 가운데 */
.ad-wrap .ad-slot.slim > iframe,
.ad-wrap .ad-slot.slim > div {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
}

/* 광고가 중첩된 래퍼 안에 있을 경우 */
.ad-wrap .ad-slot.slim iframe {
    max-width: 100%;
}










.native-ad-section {
    margin: 24px auto;
}

.native-ad-box {
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
}

.native-ad-section .ad-label {
    text-align: center;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .native-ad-box {
        padding: 10px;
    }
}