@media only screen and (max-width: 1300px) {
    /* z5 추가보상 이벤트 페이지*/
    .z5-benefits-section {
        background: no-repeat url("/assets/images/img/z5-main-section-bg-2-pc-1100.png") center top;
    }
    .z5-benefits-container {
        width: 980px;
    }
    /* // z5 추가보상 이벤트 페이지*/
}

@media only screen and (max-width: 1280px) {
    /* s23 추가보상 이벤트 페이지 */

    br.is-under-1280-only {
        display: block;
    }

    /* //s23 추가보상 이벤트 페이지 */
}

@media only screen and (max-width: 1024px) {
    /* 이벤트 메인 페이지 */
    .main-event-label {
        padding: 4px 8px;
        margin-bottom: 8px;
        font-size: 12px;
    }
    .main-event-info-section {
        padding-top: 60px;
        margin-bottom: 80px;
    }
    .main-event-info-header {
        margin-bottom: 32px;
    }
    .main-event-info-header > h2 {
        font-size: 20px;
        margin-bottom: 8px;
    }
    .main-event-info-header > p {
        font-size: 14px;
    }
    .main-event-info-content {
        flex-direction: column;
    }
    .main-event-info-item:not(:last-child) {
        margin-bottom: 24px;
    }
    .main-event-info .mobile-order-1 {
        order: 1;
    }
    .main-event-info-content .mobile-order-2 {
        order: 2;
    }
    .main-event-info-content-title {
        font-size: 18px;
        margin-bottom: 8px;
        text-align: center;
    }
    .main-event-info-content-description {
        font-size: 14px;
        text-align: center;
    }

    .main-event-guide-section {
        margin-bottom: 80px;
        padding: 40px 0;
    }
    .main-event-guide-header {
        margin-bottom: 20px;
    }
    .main-event-guide-header > h2 {
        font-size: 18px;
    }
    .main-event-guide-list {
        margin-bottom: 40px;
    }
    .main-event-guide-item {
        flex-direction: column;
        align-items: center;
    }
    .main-event-guide-item > p > span.is-galaxy {
        font-size: 14px;
    }
    .main-event-guide-item > h3 {
        width: auto;
        margin-right: 0;
        margin-bottom: 6px;
        font-size: 14px;
    }
    .main-event-guide-item > h3 > span {
        position: relative;
        top: -2px;
        width: 18px;
        height: 18px;
    }
    .main-event-guide-item > p {
        font-size: 14px;
        text-align: center;
    }
    .main-event-guide-button {
        height: 48px;
        width: calc(100% - 40px);
        font-size: 14px;
    }
    .main-event-atm-find-button {
        height: 48px;
        width: calc(100% - 40px);
        font-size: 14px;
        margin-top: 30px;
    }
    .main-event-price-section {
        margin-bottom: 80px;
    }
    .main-event-price-header {
        margin-bottom: 24px;
    }
    .main-event-price-header > h2 {
        font-size: 18px;
    }

    .main-event-price-content {
        flex-direction: column;
        margin-bottom: 40px;
    }
    .main-event-price-content-right {
        width: 100%;
        max-width: inherit;
    }

    .main-event-price-button-list {
        width: 100%;
        flex-direction: column;
    }
    .main-event-price-button-item {
        width: calc(100% - 40px);
        height: 48px;
        font-size: 14px;
    }
    .main-event-price-button-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 8px;
    }

    .main-event-price-content-header {
        margin-bottom: 32px;
    }
    .main-event-price-content-header > h3 {
        font-size: 20px;
        margin-bottom: 8px;
    }
    .main-event-price-content-left {
        margin-bottom: 12px;
    }
    .main-event-price-content-price-info {
        margin-bottom: 16px;
    }
    .main-event-price-content-category-list {
        margin-bottom: 18px;
    }
    .main-event-price-content-category-item {
        font-size: 14px;
    }
    .main-event-price-content-category-item:not(:last-child) {
        margin-right: 25px;
    }
    .main-event-price-content-category-item:not(:last-child)::after {
        right: -12.25px;
    }
    .main-event-price-content-detail-list {
        justify-content: space-between;
    }
    .main-event-price-content-detail-item {
        font-size: 12px;
        line-height: 16px;
    }
    .main-event-price-content-detail-item.is-selected {
        text-underline-offset: 2px;
    }
    .main-event-price-content-detail-item:not(:last-child) {
        margin-right: 0px;
    }

    .main-event-price-content-price-item > h4 {
        font-size: 14px;
    }
    .main-event-price-content-price-item > p {
        font-size: 14px;
    }

    .main-event-price-content-footer {
        padding-top: 16px;
    }
    .main-event-price-content-footer > h4 {
        font-size: 16px;
    }
    .main-event-price-content-footer > p {
        font-size: 16px;
    }

    .main-event-price-notice {
        font-size: 12px;
        padding: 0 20px;
    }
    .main-event-price-notice > span {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

    .main-event-subscription-section {
        margin-bottom: 40px;
        padding: 40px 0;
    }
    .main-event-subscription-header {
        margin-bottom: 24px;
    }
    .main-event-subscription-header > h2 {
        font-size: 18px;
        margin-bottom: 24px;
    }

    .main-event-subscription-list-wrapper {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 30px;
        padding-left: 10px;
        margin-bottom: 2px;
    }
    .main-event-subscription-list {
        min-width: 580px;
    }
    .main-event-subscription-image-box > img{
        width: 80px;
    }
    .main-event-subscription-image-box{
        width: auto;
        max-width: auto;
    }
    .main-event-subscription-item {
        width: 22.4%;
    }
    .main-event-subscription-label {
        width: 71px;
        height: 26px;
        font-size: 14px;
        margin-bottom: 12px;
    }
    .main-event-subscription-text-box > h3 {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .main-event-subscription-text-box > p {
        font-size: 12px;
    }
    .main-event-subscription-item:not(:last-child)::after {
        left: 108%;
    }

    .main-event-return-guide-section {
        margin-bottom: 80px;
    }
    .main-event-return-guide-header {
        margin-bottom: 24px;
    }
    .main-event-return-guide-header > h2 {
        font-size: 18px;
    }

    .main-event-return-guide-list {
        flex-direction: column;
        margin-bottom: 28px;
    }
    .main-event-return-guide-item {
        width: 100%;
        padding: 32px 20px 40px;
    }
    .main-event-return-guide-item:not(:last-child) {
        margin-bottom: 16px;
    }

    .main-event-return-guide-content-header > h3 {
        font-size: 16px;
        margin-bottom: 12px;
    }
    .main-event-return-guide-content-image-list {
        gap: 12px;
    }
    .main-event-return-guide-content-image-list-wrapper {
        margin-bottom: 12px;
        padding: 20px 0;
    }
    .main-event-return-guide-content-image-item {
        width: 100%;
        max-width: 80px;
    }
    .main-event-return-guide-content-image-item:not(:last-child) {
        margin-right: 0;
    }
    .main-event-return-guide-content-text-item > p {
        font-size: 14px;
    }
    .main-event-return-guide-content-sub-text-item > p {
        font-size: 14px;
    }

    .main-event-return-guide-brand-image-samsung {
        width: calc(100% - 73px);
    }
    .main-event-return-guide-brand-image-etc {
        width: calc(100% - 34px);
    }

    .main-event-return-guide-footer > p {
        font-size: 12px;
    }

    .main-event-visit-guide-section {
        padding: 80px 0 60px;
    }
    .main-event-visit-guide-header {
        margin-bottom: 0;
    }
    .main-event-visit-guide-header > h2 {
        font-size: 18px;
    }

    .main-event-visit-guide-list-wrapper {
        overflow-x: auto;
        padding: 24px 20px 30px;
        margin-bottom: 10px;
    }
    .main-event-visit-guide-list {
        min-width: 864px;
        gap: 18px;
    }
    .main-event-visit-guide-item {
        width: 23.61111%;
        padding: 32px 12px;
    }
    .main-event-visit-guide-content-qr-box {
        gap: 12px;
    }
    .main-event-visit-qr-img {
        width: 65px;
        height: 65px;
    }
    .main-event-visit-guide-url-float {
        width: 116px;
        height: 19px;
        bottom: 10px;
    }
    .main-event-visit-guide-content-label {
        width: 71px;
        height: 26px;
        font-size: 14px;
        margin-bottom: 18px;
    }
    .main-event-visit-guide-content-title-box {
        margin-bottom: 16px;
    }
    .main-event-visit-guide-content-title-box > h3 {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .main-event-visit-guide-content-title-box > p {
        font-size: 12px;
    }
    .main-event-visit-guide-content-text-list {
        width: 100%;
        padding-top: 16px;
    }
    .main-event-visit-guide-content-text-item {
        font-size: 12px;
        word-break: keep-all;
    }
    .main-event-visit-guide-content-text-item:not(:last-child) {
        margin-bottom: 4px;
    }
    .main-event-visit-guide-button {
        height: 48px;
        width: calc(100% - 40px);
        font-size: 14px;
    }

    .main-event-double-section {
        padding: 60px 0;
    }
    .main-event-double-banner {
        padding: 24px 24px 32px;
        flex-direction: column;
    }
    .main-event-double-banner-left {
        order: 2;
    }
    .main-event-double-banner-right {
        order: 1;
        margin-bottom: 19.47px;
    }
    .main-event-double-banner-left > h2 {
        font-size: 18px;
        margin-bottom: 8px;
        text-align: center;
    }
    .main-event-double-banner-left > p {
        font-size: 14px;
        text-align: center;
        margin-bottom: 24px;
    }
    .main-event-double-banner-left > a {
        height: 44px;
        font-size: 16px;
        margin: 0 auto;
    }
    .main-event-home-banner-list {
        margin-bottom: 32px;
    }
    /* //이벤트 메인 페이지 */

    /* 더블 보상 페이지 */
    #eventDoublePage {
        padding: 12px 0 80px;
    }
    .double-page-max-1280 {
        padding: 0;
    }
    .double-page-header {
        margin-bottom: 30px;
    }
    .double-page-header > h1 {
        width: 118px;
        height: 26px;
        font-size: 14px;
        margin-bottom: 8px;
    }
    .double-page-header > h2 {
        font-size: 16px;
        margin-bottom: 12px;
    }
    .double-page-header > p {
        font-size: 14px;
        text-align: center;
    }

    .double-page-image-section {
        padding: 0 20px;
        margin-bottom: 52px;
    }
    .double-page-image-list {
        flex-direction: column;
        align-items: center;
    }
    .double-page-image-item:not(:last-child) {
        margin-bottom: 30px;
    }
    .double-page-image-item > .double-page-image-box {
        margin-bottom: 4px;
    }
    .double-page-image-item > p {
        font-size: 14px;
    }

    .double-page-info-section {
        position: relative;
    }
    .double-page-event-info-item:not(:last-child) {
        margin-bottom: 52px;
        padding: 0 20px;
    }
    .double-page-event-info-item > h2 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .double-page-event-info-item > h2.large-margin {
        margin-bottom: 8px;
    }
    .double-page-event-info-item > h2.large-margin-mobile {
        margin-bottom: 16px;
    }
    .double-page-event-info-item > p {
        font-size: 14px;
    }
    .double-page-event-info-sub-item > h3 {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .double-page-event-info-dot-list {
        padding-left: 24px;
        font-size: 14px;
    }
    .double-page-event-info-dot-item:not(:last-child) {
        margin-bottom: 8px;
    }
    .double-page-event-info-notice {
        align-items: flex-start;
        font-size: 12px;
    }
    .double-page-event-info-notice > span {
        width: 17px;
        height: 17px;
        flex-shrink: 0;
        top: 0;
    }
    .double-page-event-info-content-box {
        margin-top: 12px;
    }
    .double-page-event-info-default-content {
        font-size: 14px;
    }
    .double-page-event-info-default-content:not(:last-child) {
        margin-bottom: 8px;
    }
    .double-page-event-info-full-content {
        font-size: 14px;
    }

    .double-page-event-guide > h2 {
        padding: 0 20px;
    }
    .double-page-event-guide-list-wrapper {
        margin: 6px 0 2px;
        width: 100%;
        overflow-x: auto;
        padding-bottom: 30px;
    }
    .double-page-event-guide-list {
        min-width: 610px;
        padding: 0 20px;
    }
    .double-page-event-guide-item {
        width: 19.3125%;
    }
    .double-page-event-guide-item:not(:last-child) .double-page-event-guide-content::after {
        left: 120%;
    }
    .double-page-event-guide-image {
        width: 80px;
        margin-bottom: 12px;
    }
    .double-page-event-guide-label {
        width: 71px;
        height: 26px;
        font-size: 14px;
    }
    .double-page-event-guide-text-box h3 {
        font-size: 14px;
    }
    .double-page-event-guide-text-box p {
        font-size: 12px;
    }
    .double-page-event-guide-sub-text {
        font-size: 12px;
    }
    .double-page-detail-button {
        width: calc(100% - 40px);
        height: 48px;
        font-size: 14px;
    }
    .double-page-info-section .event-page-notice-box {
        padding: 0 20px;
    }
    .double-page-with-plus-icon::after {
        width: 10px;
        height: 10px;
        left: 107%;
        background-image: url("/assets/images/icon/icon-event-page-plus-mobile.svg");
    }
    /* //더블 보상 페이지 */

    /* 래플이벤트 페이지 */
    .raffle-event-container {
        padding: 9.4444vw 8.5185vw 13.1481vw;
    }
    .raffle-event-container header {
        padding-bottom: 4.7222vw;
    }
    .raffle-event-container h1 {
        font-size: 4.4444vw;
        line-height: 5.5556vw;
        padding: 0 1.8519vw;
    }
    .raffle-event-container__content {
        font-size: 2.9630vw;
        padding-bottom: 5.1852vw;
    }
    .raffle-event-container__terms-container {
        padding: 0 4.4444vw 6.5972vw;
    }
    .raffle-event-container__terms-container__small-term-item-row:not(:last-child) {
        padding-bottom: 3.5185vw;
    }
    .raffle-event-container__terms-container__divider {
        margin: 2.6852vw 0 3.6111vw;
    }
    .terms-container__large-size__text_content {
        font-size: 3.7037vw;
        line-height: 4.6296vw;
        padding-left: 1.7593vw;
    }
    .terms-container__small-size__text_content {
        font-size: 2.9630vw;
        line-height: 3.7037vw;
        padding-left: 2.8704vw;
    }
    .terms-container__small-size__text_button {
        font-size: 2.9630vw;
        line-height: 3.7037vw;
        padding-left: 2.3148vw;
    }
    .terms-container__large-size {
        width: 4.8148vw;
        height: 4.8148vw;
    }
    .terms-container__small-size {
        width: 3.7037vw;
        height: 3.7037vw;
    }
    .terms-container__large-size-checked {
        background: url("/assets/images/icon/icon-raffle-event-check-large.png") no-repeat center center/contain;
    }
    .terms-container__large-size-unchecked {
        background: url("/assets/images/icon/icon-raffle-event-uncheck-large.png") no-repeat center center/contain;
    }
    .terms-container__small-size-checked {
        background: url("/assets/images/icon/icon-raffle-event-check-small.png") no-repeat center center/contain;
    }
    .terms-container__small-size-unchecked {
        background: url("/assets/images/icon/icon-raffle-event-uncheck-small.png") no-repeat center center/contain;
    }
    .raffle-event-container__disabled-button__small_text {
        font-weight: 400;
        font-size: 2.5926vw;
        line-height: 1em;
    }
    .raffle-event-container__submit-button {
        width: 61.2963vw;
        padding: 2.0370vw 0;
        font-size: 3.8889vw;
        line-height: 1em;
    }
    .raffle-event-container__download-button__arrow {
        position: absolute;
        width: 5vw;
        height: auto;
        right: 2.7778vw;
    }
    .raffle-event-container__submit-button__arrow {
        position: absolute;
        width: 5vw;
        height: auto;
        right: 11.1111vw;
    }


    /* ATM 방문전 필수사항 페이지 */
    #evnetReadyPage {
        padding: 12px 0 20px;
    }
    .ready-page-header {
        margin-bottom: 32px;
    }
    .ready-page-header > h1 {
        font-size: 16px;
        margin-bottom: 24px;
    }
    .ready-page-header > p {
        font-size: 14px;
    }
    .event-ready-section {
        padding: 0;
    }
    .event-ready-guide-item:not(:last-child) {
        margin-bottom: 80px;
    }
    .event-ready-guide-title-box {
        padding: 0 20px;
        margin-bottom: 24px;
    }
    .event-ready-guide-title {
        font-size: 18px;
    }
    .event-ready-guide-description {
        font-size: 14px;
        padding-left: 20px;
    }
    .event-ready-guide-step-list-wrapper {
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .event-ready-guide-step-list-wrapper::-webkit-scrollbar {
        display: none;
    }
    .event-ready-guide-step-list {
        width: 100%;
        min-width: 772px;
        padding: 0 36px;
    }
    .event-ready-guide-step-item-title {
        font-size: 14px;
    }
    .event-ready-guide-step-item-title span {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
    }
    .event-ready-guide-step-sub-item {
        /*max-width: 220px;*/
    }
    .event-ready-guide-step-sub-description-item:not(:last-child) {
        margin-bottom: 12px;
    }
    .event-ready-guide-step-sub-description-item > h4 {
        font-size: 12px;
    }
    .event-ready-guide-step-sub-description-item > p {
        font-size: 12px;
    }
    .event-ready-guide-step-list-small {
        width: 100%;
        min-width: 650px;
        padding: 0 36px;
    }
    .event-ready-guide-step-item-small {
        flex-shrink: 0;
        margin-right: 14px;
    }
    .event-ready-guide-step-item-small:nth-child(1) {
        width: 120px;
    }
    .event-ready-guide-step-item-small:nth-child(2) {
        width: 140px;
    }
    .event-ready-guide-step-item-small:nth-child(3)  {
        width: 120px;
    }
    .event-ready-guide-step-item-small:nth-child(4){
        width: 156px;
        margin-right: 0;
    }
    .event-ready-guide-step-item-small .event-ready-guide-step-item-small-inner-image-wrapper {
        height: 65.3px;
    }
    .event-ready-guide-step-image-box > img {
        width: 60vw;
        min-width: 220px;
    }
    .event-ready-guide-step-item-small .event-ready-guide-step-item-small-inner-image-wrapper > img {
        width: 112px;
        height: 64px;
    }
    .event-ready-guide-step-item-small-inner {
        width: auto;
    }
    .event-ready-guide-step-item-small-inner > p {
        font-size: 12px;
    }
    .event-ready-guide-download-box {
        width: calc(100% - 100px);
    }
    .event-ready-guide-atm-image-box {
        width: calc(100% - 100px);
        margin-bottom: 24px;
    }
    .event-ready-guide-content .atm-find-button {
        width: calc(100% - 40px);
        max-width: inherit;
        height: 48px;
        font-size: 14px;
    }
    /* //ATM 방문전 필수사항 페이지 */


    /* 공통 유의사항 */
    .event-page-notice-title {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .event-page-notice-title > span {
        width: 18px;
        height: 18px;
        margin-right: 8px;
    }
    .event-page-notice-item {
        display: flex;
        font-size: 12px;
        line-height: 1.3em;
    }
    .event-page-notice-item:not(:last-child) {
        margin-bottom: 4px;
    }
    /* //공통 유의사항 */

    /* 이벤트 페이지 모달 */
    .event-page-modal.js-layer-opened {
        display: block;
    }
    .event-modal-content-close-button  {
        width: 12px;
        height: 12px;
        right: 18px;
        top: 18px;
    }
    .event-modal-content-box {
        padding: 40px 0 16px;
    }
    .event-modal-close-button {
        top: 20px;
        right: 26px;
        width: 15px;
    }
    .event-modal-content-box > h1 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .event-modal-content-box > p {
        font-size: 14px;
    }
    .event-modal-content-box > a {
        height: 48px;
        font-size: 14px;
    }
    .event-modal-content-box > button {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(100% - 32px);
        height: 48px;
        padding: 0;
        font-size: 14px;
        line-height: 16px;
    }
    .event-not-yet-modal-content-box > p {
        font-size: 16px;
        line-height: 24px;
    }
    .event-modal-pass-input-box {
        width: calc(100% - 56px);
        flex-direction: column;
        margin-bottom: 24px;
    }
    .event-modal-pass-input-box-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 16px;
    }
    .event-modal-pass-input-box-item > h2 {
        font-size: 18px;
        margin-bottom: 6px;
    }
    .event-modal-pass-select-box {
        width: 100%;
    }
    .event-modal-pass-select-box > select {
        width: 100%;
        height: 42px;
        padding: 10px 12px;
        font-size: 16px;
    }
    .medium .event-modal-pass-select-box > select {
        width: 100%;
    }
    .event-modal-pass-select-box > span {
        right: 12px;
    }
    /* //이벤트 페이지 모달 */

    /*이벤트 페이지 전체 모델 표*/
    #eventAdditionalPage {
        padding: 12px 20px 60px;
    }
    .additional-page-header {
        margin-bottom: 32px;
    }
    .additional-page-header > h1 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
    }
    .additional-page-header > p {
        font-size: 14px;
        line-height: 22px;
    }

    .additional-page-table-container > tbody {
        word-break: keep-all;
    }

    .additional-page-table-container > tbody > tr > td{
        border-left: none;
        font-size: 14px;
        line-height: 22px;
        padding: 25px 4px;
        vertical-align: middle;
    }
    .additional-page-table-container > thead > tr > th {
        border-left: none;
        padding: 16px 0px;
        font-size: 16px;
        line-height: 24px;
    }
    .additional-page-table-container > thead > tr > th:nth-child(3) {
        width: 31.875%;
    }
    .additional-page-table-container > thead > tr > th:nth-child(4) {
        width: 31.875%;
    }
    .is-table--tablet-mobile-only{
        display: contents;
    }
    .additional-page-header__icon{
        top: -2px;
        width: 8px;
        height: 8px;
    }

    #bosCsPage .search-form {
        flex-direction: column;
    }
    #bosCsPage .search-form > * {
        width: 100%;
    }
    #bosCsPage .search-form > .select-box select {
        width: 100%;
    }

    /* s23 추가보상 이벤트 페이지 */

    .s23-event-header-h2 {
        line-height: 26px;
    }

    .s23-main-event-pros-section {
        padding-top: 60px;
    }

    .s23-main-event-price-footer:after {
        content: "";
        border-bottom: 1px solid var(--color-gray1);
        padding-top: 40px;
        width: calc(100% - 40px);
    }

    .s23-main-event-guide-section {
        padding-top: 80px;
        padding-bottom: 0;
    }

    .s23-main-event-price-summary-section {
        padding-top: 60px;
        margin-bottom: 10px;
    }

    .s23-main-event-price-summary-list {
        margin-bottom: 48px;
    }

    .s23-main-event-label {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 8px;
        padding: 4px 8px;
    }
    .s23-main-event-subscription-header h2 {
        margin-bottom: 4px;
    }
    .s23-main-event-pros-item h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .s23-main-event-pros-item p {
        font-size: 14px;
        line-height: 22px;
    }

    .s23-main-event-subscription-section {
        padding-top: 80px;
    }

    .s23-main-event-subscription-header h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .s23-main-event-subscription-header p {
        font-size: 14px;
        line-height: 22px;
    }

    .s23-main-event-subscription-list-wrapper {
        margin-bottom: 2px;
    }

    .s23-event-page-notice-box {
        margin-bottom: 0px;
    }

    .s23-event-page-notice-item:not(:last-child) {
        margin-bottom: 0px;
    }

    .s23-main-event-return-guide-section {
        margin-bottom: 60px;
    }

    .s23-main-event-return-guide-header h2 {
        line-height: 26px;
    }

    .s23-main-event-return-guide-footer {
        margin-top: 30px;
    }

    .s23-main-event-atm-find-button {
        margin-top: 40px;
        line-height: 16px
    }

    .s23-main-event-visit-guide-header h2 {
        line-height: 26px;
    }

    #s23-main-event-subscription-list {
        min-width: 680px;
    }

    .s23-main-event-double-section {
        padding-top: 32px;
    }
    .s23-main-event-double-banner {
        max-height: unset;
        margin: 0 auto 32px;
        position: relative;
    }
    .s23-main-event-double-banner-button {
        padding: 4.5px 24px;
        /*border-radius: 40px;*/
        /*bottom: 50%;*/
        /*left: 50%;*/
        /*transform: translate(-50%, 50%);*/
        font-size: 16px;
        line-height: 26px;
        /*width: 57%;*/
        /*min-width: 175px;*/
    }

    /* //s23 추가보상 이벤트 페이지 */
    /* s23 더블보상 이벤트 페이지 */
    .is--tablet-mobile-only-display-table {
        display: table;
    }
    .double-event-guide-section {
        margin: 66px auto 0;
    }
    .double-event-section-header {
        margin-bottom: 30px;
    }
    .double-event-section-header > h2 {
        font-size: 20px;
        line-height: 24px;
    }
    .double-event-section-header > h2 > em {
        border-bottom: 3px solid var(--color-primary1);
    }
    .double-event-guide-item {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }
    .double-event-guide-item:not(:last-child) {
        margin-bottom: 30px;
    }
    .double-event-guide-item > h3 {
        width: 106px;
        padding: 0;
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        border-radius: 20px;
        color: var(--color-main-white);
        background-color: var(--color-primary1);
    }
    .double-event-guide-item > p {
        font-size: 14px;
        line-height: 20px;
    }
    .double-event-guide-item > p > span {
        font-size: 12px;
        line-height: 24px;
    }
    .double-event-benefits-section {
        margin: 68px 0 40px;
    }
    .double-event-benefits-table-mobile {
        width: 100%;
        border-collapse: collapse;
    }
    .double-event-benefits-table-mobile th,
    .double-event-benefits-table-mobile td {
        letter-spacing: -0.03em;
    }
    .double-event-benefits-table-mobile th {
        font-weight: bold;
        font-size: 14px;
        line-height: 28px;
        text-align: center;
        padding: 1px 0;
        color: var(--color-main-white);
        background-color: var(--color-primary1);
    }
    .double-event-benefits-table-mobile thead th:first-child {
        border-radius: 20px 0 0 0;
    }
    .double-event-benefits-table-mobile thead th:last-child {
        border-radius: 0 20px 0 0;
    }
    .double-event-benefits-table-mobile thead th:not(:first-child) {
        border-left: 1px solid var(--color-main-white);
    }
    .double-event-benefits-table-mobile td {
        background-color: #F2FDFD;
        vertical-align: bottom;
    }
    .double-event-benefits-table-mobile tr.row1 {
        height: 172px;
    }
    .double-event-benefits-table-mobile td:not(.col0) {
        border-left: 1px solid var(--color-primary1);
    }
    .double-event-benefits-table-mobile tbody tr:not(.row1) {
        border-top: 1px solid var(--color-primary1);

    }
    .double-event-benefits-table-mobile tr.row1 div {
        padding-bottom: 14px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: center;
    }
    .double-event-benefits-table-mobile tr.row1 p {
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        color: #222222;
    }
    .double-event-benefits-table-mobile tr:not(.row1) td > div {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        padding: 15px 10px;
        gap: 10px;
    }
    .double-event-benefits-table-mobile tr:not(.row1) p {
        width: 100%;
        color: #222222;
        font-weight: 500;
        font-size: 14px;
        line-height: 28px;
        letter-spacing: -0.0308em;
    }
    .double-event-benefits-table-mobile tr:not(.row1) .double-event-benefits-table-mobile-notice {
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        margin-left: 6px;
        text-indent: -6px;
    }
    .double-event-benefits-table-mobile tr:not(.row1) p > em {
        color: var(--color-primary1);
        text-decoration: underline;
        text-underline-position: under;
    }
    .double-event-benefits-table-mobile tr:last-child td:last-child {
        border-radius: 0 0 20px 20px;
    }
    .double-event-instruction-section {
        padding: 66px 20px 40px;
    }
    .double-event-instruction-list {
        margin-top: 55px;
        margin-bottom: 40px;
    }
    .double-event-instruction-list-item {
        display: flex;
        align-items: center;
        position: relative;
        border-radius: 0 0 20px 20px;
        border-top: 1px solid var(--color-primary1);
        min-height: 183px;
    }
    .double-event-instruction-list-item:not(:last-child) {
        margin-bottom: 50px;
    }
    .double-event-instruction-image-wrapper {
        width: auto;
        display: block;
        position: absolute;
        top: -37px;
        right: 18px;
    }
    .double-event-instruction-list-item:last-child .double-event-instruction-image-wrapper {
        top: -26px;
    }
    .double-event-instruction-text {
        width: 100%;
        padding: 30px 20px 0;
    }
    .double-event-instruction-header-step {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 2px;
    }
    .double-event-instruction-header-title {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .double-event-instruction-content {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 6px
    }
    .double-event-instruction-notice {
        font-size: 12px;
        line-height: 24px;
        white-space: pre;
        margin-bottom: 20px;
    }
    span.double-event-icon-info {
        width: 15px;
        height: 15px;
        margin-right: 3.5px;
    }
    .double-event-button-wrapper {
        width: 100%;
    }
    .double-event-button-detail {
        width: 100%;
        text-align: center;
        padding: 12px 0;
        font-size: 14px;
        line-height: 16px;
    }
    #doubleEventPage .event-page-notice-list {
        margin-left: 10px;
        text-indent: -10px;
    }
    #doubleEventPage .s23-event-page-notice-item {
        display: list-item;
        line-height: 16px;
    }
    #doubleEventPage .s23-event-page-notice-item > small {
        font-size: 10px;
        line-height: 14px;
    }
    /* //s23 더블보상 이벤트 페이지 */
    /* 플러스보상(스탬프) 이벤트 페이지 */
    .stamp-event-root > section:not(.stamp-event-banner-section) {
        padding-left: 20px;
        padding-right: 20px;
    }
    .stamp-event-header {
        font-size: 20px;
        letter-spacing: -0.05em;
    }
    .stamp-event-header.border-bottom-green > h2 > em {
        border-bottom: 3px solid #C1FAE5;
    }
    .stamp-event-header.border-bottom-purple > h2 > em {
        border-bottom: 3px solid #C1DBFA;
    }
    .stamp-event-copyright {
        font-size: 10px;
        line-height: 22px;
        right: 6%;
        top: 94%;
    }
    .stamp-event-guide-section {
        margin-top: -5%;
        padding-top: 60px;
        padding-bottom: 48px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .stamp-event-guide-list {
        margin: 33px auto 0;
    }
    .stamp-event-guide-item {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }
    .stamp-event-guide-item:not(:last-child) {
        margin-bottom: 30px;
    }
    .stamp-event-guide-item:nth-child(4) {
        margin-bottom: 30px;
        gap: 10px;
    }
    .stamp-event-guide-item:last-child {
        margin-left: 0;
    }
    .stamp-event-guide-item > h3 {
        font-size: 16px;
        min-width: 74px;
        padding: 2px 12px;
    }
    .stamp-event-guide-item:last-child > h3 {
        min-width: 90px;
    }
    .stamp-event-guide-item > p,
    .stamp-event-guide-item > .stamp-event-benefit-wrapper > p {
        font-size: 14px;
        line-height: 24px;
    }
    .stamp-event-benefit-wrapper {
        width: 100%;
    }

    .stamp-image-label-wrapper {
        width: 21.5%;
    }

    .stamp-image-label-wrapper.first {
        top: 22%;
        left: 71%;
    }
    .stamp-image-label-wrapper.first > .stamp-image {
        rotate: -8.57deg;
    }
    .stamp-image-label-wrapper.second {
        top: 47.5%;
        left: 8%;
    }
    .stamp-image-label-wrapper.second > .stamp-image {
        rotate: 6.02deg
    }
    .stamp-image-label-wrapper.third {
        top: 68%;
        left: 72%;
    }
    .stamp-image-label-wrapper.third > .stamp-image {
        rotate: -8.57deg;
    }

    .stamp-event-participation-criteria > p {
        font-size: 14px;
        line-height: 24px;
        padding-top: 0;
        margin-bottom: 9px;
        padding-left: 0;
    }
    .stamp-event-participation-criteria {
        width: 100%;
    }
    .stamp-event-participation-criteria-example-wrapper {
        flex-direction: column;
        gap: 12px;
        margin-left: 0;
    }
    .stamp-event-participation-criteria-example {
        text-align: left;
    }
    .stamp-event-participation-criteria-example > img {
        margin-bottom: 0;
    }
    .stamp-event-participation-criteria-example > p {
        font-size: 14px;
    }
    .stamp-event-reward-date {
        font-size: 14px;
        line-height: 24px;
    }

    .stamp-event-reward-date:first-child {
        margin-bottom: 0.8em;
    }
    .stamp-event-reward-date > em {
        margin-left: 6px;
    }
    .stamp-event-faq-description-wrapper {
        gap: 6px;
        margin-bottom: 13px;
    }

    .stamp-event-faq-description-wrapper > img {
        width: 40px;
        height: 38px;
    }
    .stamp-event-faq-section {
        border-radius: 20px 20px 0 0;
        padding-top: 50px;
        padding-bottom: 54px;
    }
    .stamp-event-faq-section p {
        font-size: 14px;
        line-height: 20px;
    }
    .stamp-event-faq-button-wrapper {
        padding-left: 43px;
        flex-direction: column;
        gap: 6px;
        align-items: start;
    }
    .stamp-event-faq-section a {
        font-size: 14px;
        line-height: 24px;
        padding: 8px 18px;
    }
    .stamp-event-faq-contents {
        margin: 37px auto 0;
    }

    .stamp-event-root .event-page-notice-box {
        padding: 0;
    }
    /* //플러스보상(스탬프) 이벤트 페이지 */
    /* 지구의 날 폰 순환 캠페인 룰렛 페이지 */
    .roulette-event-container {
        padding: 0 0 30px 0;
    }
    .roulette-event-background {
        background: url("/assets/images/img/img-event-phone-cycling-roulette-page-top-mobile.png") no-repeat;
        background-size: 100% auto;
        padding-top: 57.13%;
    }
    .roulette-event-roulette-wrapper {
        width: 140%;
    }
    .roulette-event-order-number-table {
        width: 90%;
    }

    .roulette-modal-container {
        border-radius: 10px;
        padding-bottom: 13px;
    }
    .roulette-modal-unavailable-description {
        font-size: 16px;
        padding-bottom: 47px;
    }
    .roulette-modal-lost-description {
        gap: 4px;
        font-size: 18px;
    }
    .roulette-modal-lost-icon {
        width: 34px;
    }
    .roulette-modal-delivery-notice {
        font-size: 14px;
        font-weight: 300;
        height: 48px;
    }
    .roulette-modal-auto-apply-notice {
        font-size: 12px;
        margin-bottom: 30px;
    }
    .roulette-modal-congratulation {
        font-size: 14px;
    }
    .roulette-modal-winning-product-notice {
        font-size: 17px;
        margin-bottom: 20px;
    }
    .roulette-modal-container .ui-modal__close {
        width: 12px;
        height: 12px;
    }
    /* // 지구의 날 폰 순환 캠페인 룰렛 페이지 */
    /* 지구의 날 폰 순환 캠페인 상세 페이지 */
    #eventDetailPage .phone-cycling-event-notice-box {
        width: 100%;
        max-width: unset;
        padding: 0 30px;
    }
    /* 유튜브 버튼 영역 스타일 */
    .roulette-event-bottom-youtube-notice > h5 {
        margin-top: 48px;
    }
    /* //유튜브 버튼 영역 스타일 */
    /* //지구의 날 폰 순환 캠페인 상세 페이지 */

    /* z5 추가보상 이벤트 페이지*/
    #z5EventMainPage {
        --title-font-size: 20px;
        --title-line-height: 28px;
        --label-font-size: 16px;
        --label-line-height: 22px;
        --base-font-size: 14px;
        --base-line-height: 22px;
        --small-font-size: 12px;
        --small-line-height: 22px;
        --color-grey: #7D7D7D;
    }
    .z5-search-icon {
        top: 38.88%;
        left: 87.5%;
        width: 8.88%;
    }
    .z5-footprints-icon {
        width: 16.67%;
        top: 31.22%;
        left: 80.32%;
    }
    .z5-event-notice-section {
        padding: 60px 0 20px;
        gap: 32px;
    }
    .event-section-header {
        gap: 12px;
    }
    .event-round-label {
        font-size: 12px;
        line-height: 16px;
        padding: 5px 12px;
    }
    .event-notice-container {
        width: 100%;
        max-width: unset;
        flex-direction: column;
        gap: 24px;
    }
    .event-target-model-image-wrapper {
        width: 200px;
        height: 200px;
    }
    .event-target-model-image-wrapper > img {
        width: 171.66px;
    }
    .event-notice-list {
        flex: initial;
        gap: 24px;
    }
    .event-notice-list-item {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
    }
    .event-notice-list-item-label {
        width: unset;
    }
    .event-notice-list-item-label > .event-notice-label-icon {
        width: 18px;
        height: 18px;
    }
    .event-notice-list-item-text {
        flex: initial;
        text-align: center;
    }
    .event-notice-list-item-text-wrapper {
        align-items: center;
        flex-basis: 0;
        width: auto;
    }
    .event-notice-list-item-text-wrapper > p {
        overflow: visible;
        white-space: nowrap;
        flex-basis: 0;
    }
    .event-notice-list-item-text-wrapper > p:first-child {
        padding-bottom: 0;
        border-bottom: none;
    }

    /* benefits section*/
    .z5-benefits-section {
        background: no-repeat url("/assets/images/img/z5-main-section-bg-2-mobile.png") center top;
        background-size: 476px 1006px;
        padding: 60px 0 0;

        --benefits-label-font-size: 16px;
        --benefits-label-line-height: 22px;

        --benefits-sub-label-font-size: 12px;
        --benefits-sub-label-line-height: 20px;

        --benefits-total-label-font-size: 16px;
        --benefits-total-label-line-height: 30px;

        --benefits-base-price-font-size: 16px;
        --benefits-base-price-line-height: 22px;

        --benefits-main-price-font-size: 18px;
        --benefits-main-price-line-height: 24px;

        --benefits-event-price-font-size: 18px;
        --benefits-event-price-line-height: 24px;

        --benefits-total-price-font-size: 16px;
        --benefits-total-price-line-height: 32px;
    }
    .z5-benefits-container {
        padding: 59px 0 41px;
        width: 296px;
        text-align: center;
    }
    .z5-benefits-container > span:first-child {
        font-size: 12px;
        line-height: 20px;
    }
    .z5-benefits-contents-wrapper {
        padding: 4px 0 43px;
    }
    .z5-benefits-sub-label-font.-ml-4px {
        margin-left: 0;
    }
    .z5-benefits-contents-base-price-row {
        padding: 20px 4px 24px;
        margin-bottom: 0;
    }
    .z5-benefits-contents-price-list {
        padding: 24px 12px;
        border-radius: 12px;
        gap: 0;
    }
    .z5-benefits-contents-main-price-row {
        padding: 0 0 27px;
        border-bottom: 1px solid #CEDDDE;
        align-items: flex-end;
    }
    .z5-benefits-contents-event-price-row {
        padding: 21px 0 27px;
        border-bottom: 1px solid #CEDDDE;
    }
    .z5-benefits-contents-plus-price-row {
        padding: 21px 0 0;
        border: none;
    }
    .z5-benefits-contents-notice {
        /*margin-top: 16px;*/
    }
    .z5-benefits-contents-notice > p:not(:last-child) {
        margin-bottom: 9px;
    }
    .z5-benefits-contents-notice > p {
        padding: 0 12px;

        font-size: 12px;
        line-height: 16px;
        text-align: left;
        align-items: flex-start;
        gap: 4px;
        margin-top: -1px;
    }
    .z5-benefits-contents-notice > p::before {
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        flex-shrink: 0;
        margin-top: -1px;
    }
    .z5-benefits-contents-total-price-row {
        margin-top: 49px;
        padding: 0 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .z5-benefits-label-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .z5-benefits-label {
        width: 60px;
        padding: 2px 10px;
        font-size: 12px;
        line-height: 20px;
    }
    .z5-benefits-label-text-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    .z5-benefits-detail-button {
        font-size: 12px;
        padding: 8px 12px;
        margin-left: 0;
    }
    /* // benefits section*/

    /* how to section*/
    .z5-how-to-section {
        padding: 43px 0 0;
        gap: 0;
    }
    .z5-how-to-guide-list {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 24px;
        padding: 32px 20px 60px;
    }
    .z5-how-to-guide-list::-webkit-scrollbar {
        display: none;
    }
    .z5-how-to-guide-list-dot-line {
        display: none;
    }
    .z5-how-to-guide-list-item {
        gap: 14px;
        width: 100%;
        max-width: 320px;
        flex: unset;
        min-width: unset;

        padding: 20px 12px 0;
        border-radius: 30px;
        background: #FFFFFF;
        box-shadow: 4px 4px 24px 0 rgba(0, 0, 0, 0.08);
    }
    .z5-how-to-guide-list-item > span:first-child {
        padding: 1px 10px;
        font-size: 12px;
        font-weight: 700;
        line-height: 22px;
    }
    .z5-how-to-guide-list-item > span:nth-child(2) {
        display: none;
    }
    .z5-how-to-guide-list-item-contents {
        padding: 0;
        border-radius: unset;
        background: unset;
        box-shadow: unset;
        gap: 8px;
    }
    .z5-how-to-guide-list-item-contents-title {
        color: #000;
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
    }
    .z5-how-to-guide-list-item-contents-description {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .z5-how-to-guide-list-item-contents-description > p:first-child {
        font-size: 14px;
        line-height: 20px;
    }
    .z5-how-to-guide-list-item-contents-description > p:nth-child(2) {
        font-weight: 500;
        font-size: 12px;
        line-height: 20px;
    }
    .z5-how-to-guide-list-item-contents.short > .z5-how-to-guide-list-item-contents-description {
        gap: 2px;
    }
    .z5-how-to-guide-list-item-contents.long > .z5-how-to-guide-list-item-contents-description {
        gap: 18px;
    }

    .z5-how-to-guide-list-item-contents.short {
        padding-bottom: 20px;
    }
    .z5-how-to-guide-list-item-contents.long {
        padding-bottom: 12px;
    }
    .z5-how-to-guide-list-item-contents-required-wrapper {
        padding: 12px;
        border-radius: 16px;
        gap: 0;
    }
    .z5-how-to-guide-list-item-contents-required-label {
        padding: 2px 12px;
        font-size: 14px;
        line-height: 20px;
    }
    .z5-how-to-guide-list-item-contents-required-description {
        margin-top: 8px;
        font-size: 12px;
        line-height: 18px;
    }
    .z5-how-to-guide-list-item-contents-required-link {
        margin-top: 12px;
        padding: 4px 14px;
        gap: 8px;
        font-size: 12px;
        font-weight: 600;
    }
    .z5-how-to-guide-list-item-contents-required-link::after {
        width: 4px;
        height: 8px;
        background: no-repeat url("/assets/images/icon/icon-arrow-right2-small.svg") center center;
    }
    .z5-how-to-guide-list-item-contents-required-notice {
        margin: -4px 0 8px;
    }
    .z5-how-to-guide-list-item-contents-required-notice-header h5::before {
        margin-right: 5px;
    }
    .z5-how-to-guide-list-item-contents-required-notice p:not(:last-child) {
        margin-bottom: 3px;
    }
    /* // how to section*/

    /* why mintit section*/
    .z5-why-mintit-section {
        --why-mintit-label-font-size: 12px;
        --why-mintit-label-line-height: 16px;

        --why-mintit-title-font-size: 20px;
        --why-mintit-title-line-height: 28px;

        --why-mintit-contents-title-font-size: 20px;

        --why-mintit-contents-description-font-size: 14px;
        --why-mintit-contents-description-line-height: 22px;

        --why-mintit-bottom-button-font-size: 14px;
        --why-mintit-bottom-button-line-height: 16px;

        background: no-repeat url("/assets/images/img/z5-main-section-bg-3-tr-mobile.svg") center top #33D7CC;
        padding: 80px 20px 60px;
        gap: 32px;
    }
    .z5-why-mintit-label {
        font-weight: 700;
        padding: 4px 11px;
        margin: 0 auto;
    }
    .z5-why-mintit-title {
        margin-top: 12px;
        font-weight: 700;
    }
    .z5-why-mintit-title::before {
        display: none;
    }
    .z5-why-mintit-list {
        gap: 16px;
        width: 100%;
        align-items: center;
        max-width: 320px;
    }
    .z5-why-mintit-minti-image {
        width: 54px;
        height: 71px;
        right: -3px;
    }
    .z5-why-mintit-list-item {
        gap: 8px;
    }
    .z5-why-mintit-list-item-image-wrapper {
        padding: 16px;
        width: 100%;
        flex: unset;
        gap: 12px;
        border-radius: 16px;
    }
    .z5-why-mintit-list-item-image-wrapper::before {
        width: 84px;
        height: 84px;
        flex-shrink: 0;
    }
    .z5-why-mintit-list-item-image-wrapper.first-reason::before {
        background: no-repeat url("/assets/images/icon/icon-why-mintit-map-small.svg") center center;
    }
    .z5-why-mintit-list-item-image-wrapper.second-reason::before {
        background: no-repeat url("/assets/images/icon/icon-why-mintit-lock-small.svg") center center;
    }
    .z5-why-mintit-list-item-image-wrapper.third-reason::before {
        background: no-repeat url("/assets/images/icon/icon-why-mintit-chip-small.svg") center center;
    }

    .z5-why-mintit-list-item-contents {
        flex-direction: column;
        gap: 10px;
        height: unset;
    }
    .z5-why-mintit-list-item-contents::before {
        top: 14px;
        left: 0;
        bottom: unset;
        width: 35px;
        height: 8px;
    }
    .z5-why-mintit-button-wrapper {
        max-width: 320px;
        flex-direction: column;
        gap: 10px;
    }
    .z5-why-mintit-button {
        width: 100%;
        max-width: unset;
        padding: 15px 0;
    }
    /* // why mintit section*/

    /* return section*/
    .z5-return-section {
        background: no-repeat url("/assets/images/img/z5-main-section-bg-4-mobile.svg") center top;
        padding: 60px 0 80px;
        gap: 32px;

        --return-guide-label-font-size: 14px;

        --return-guide-description-font-size: 14px;
        --return-guide-description-line-height: 22px;

        --return-guide-sub-description-font-size: 12px;
        --return-guide-sub-description-line-height: 16px;
    }
    .z5-event-return-guide-list {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 40px;
    }
    .z5-event-return-guide-item {
        width: 100%
    }
    .z5-event-return-guide-item-header::after {
        height: 14px;
    }
    .z5-event-return-guide-item-header > h3 {
        padding: 0 22px;
    }
    .z5-event-return-guide-contents {
        width: 100%;
        max-width: 320px;
        display: flex;
        padding: 28px 16px 16px;
        border-radius: 28px;
        height: unset;
    }
    .z5-event-return-guide-content-image-list-wrapper {
        padding: 0;
    }
    .z5-event-return-guide-content-image-list {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .z5-event-return-guide-brand-image-box {
        padding: 12px 0;
    }
    .z5-event-return-guide-brand-samsung-image-wrapper {
        max-width: 229px;
    }
    .z5-event-return-guide-brand-etc-image-wrapper {
        max-width: 256px;
    }
    .z5-event-return-guide-content-text-list-wrapper {
        padding: 20px;
        gap: 10px;
        border-radius: 16px;
    }
    .z5-event-return-guide-content-text-list > *:not(:last-child) {
        margin-bottom: 10px;
    }
    .z5-event-return-guide-item-description::before {
        width: 18px;
        height: 18px;
        background-size: 18px 18px;
    }
    .z5-event-return-guide-item-sub-description {
        margin-top: 4px;
    }
    /* // return section*/

    /* rolling banner section*/
    .rolling-banner-section {
        max-width: 320px;
        padding: 0 0 60px;
    }
    .rolling-banner-container {
        height: auto;
        background: #EEE;
    }
    .rolling-banner-indicator {
        gap: 6px;
        bottom: 16px;
    }
    .rolling-banner-indicator-circle {
        width: 6px;
        height: 6px;
        border-radius: 99px;
    }
    /* // rolling banner section*/

    /* accordion-notice-section*/
    .z5-notice-accordion-section {
        max-width: 320px;
        gap: 24px;
        padding: 0 0 60px;

        --notice-accordion-header-font-size: 16px;
        --notice-accordion-header-line-height: 22px;

        --notice-accordion-title-font-size: 14px;
        --notice-accordion-title-line-height: 20px;

        --notice-accordion-detail-font-size: 12px;
        --notice-accordion-detail-line-height: 18px;
    }
    .z5-notice-accordion-header > h3 {
        gap: 8px;
    }
    .z5-notice-accordion-header > h3::before {
        width: 20px;
        height: 20px;
        background-size: contain;
    }
    .z5-notice-accordion-title-font {
        font-weight: 600;
    }
    .z5-accordion-list > .ui-list--row__item.z5-accordion-list-item:not(:last-child) {
        margin-bottom: 24px;
    }

    .z5-accordion-list .z5-accordion-list-item-title {
        padding: 0 0 8px;
    }

    .z5-accordion-list .z5-accordion-list-item-detail-list {
        padding: 12px 0 0 10px;
    }
    #z5EventMainPage .ui-list--row .ui-list--row__item__title .ui-list--row__opener {
        width: 12px;
        height: 6px;
    }
    #z5EventMainPage .ui-icon.ui-list--row__opener.hidden-text {
        right: 6px;
    }
    /* // accordion-notice-section*/
    /* //z5 추가보상 이벤트 페이지*/

    /* 민티를 찾아라 이벤트 페이지*/
    .find-minti-key-visual-section::after {
        border-width: 32px 32px 0 32px;
    }
    .find-minti-background-image-div {
        background: no-repeat url("/assets/images/img/img-find-minti-background-tr-mobile-1.png") center top;
        background-size: 404px 1456px;
        /*height: auto;*/
    }
    .find-minti-apply-event-section {
        padding: 88px 0 0;
    }
    .find-minti-apply-event-header > h4 {
        font-weight: 800;
        font-size: 18px;
        line-height: 26px;
    }
    .find-minti-apply-event-header > h4:nth-child(2) {
        color: #FFF;
    }
    .find-minti-apply-event-header > h4:nth-child(2) > strong {
        font-size: 22px;
        font-weight: 800;
        line-height: 26px;
    }
    .find-minti-apply-event-header > h4:nth-child(2) > strong::before {
        bottom: 0;
        height: 6px;
    }
    .find-minti-apply-button-wrapper {
        padding: 0 20px;
        max-width: 360px;
        width: 100%;
    }
    .find-minti-apply-button {
        margin: 60px 0 24px;
        width: 100%;
        padding: 13px 0;
        gap: 12px;
        font-size: 18px;
    }
    .find-minti-apply-button::after {
        width: 6px;
        height: 12px;
    }
    .find-minti-apply-button-bubble {
        top: 32px;
        right: 11.11%;
        padding: 4px 19px;
        font-size: 14px;
    }
    .find-minti-apply-button-bubble::after {
        right: 34.5px;
    }
    .find-minti-apply-button:disabled {
        margin: 32px 0 24px;
        padding: 13px 0;
    }
    .find-minti-gift-box-list {
        overflow: unset;
        flex-direction: column;
        padding: 0 20px;
        max-width: 360px;
        gap: 24px;
    }
    .find-minti-gift-box-list-item {
        max-width: 218px;
        min-width: unset;
        width: 100%;
        gap: 4px;
    }
    .find-minti-gift-box-list-item > div > img.find-minti-gift-img {
        width: 77.98%;
        max-width: 170px;
    }
    .find-minti-gif-proud {
        right: 3px;
        bottom: 11px;
    }
    .find-minti-gif-jump {
        right: -3px;
        bottom: 10px;
    }
    .find-minti-gif-question {
        right: -2px;
        bottom: 12px;
    }
    .find-minti-gift-box-list-item > label {
        padding: 6.5px 0;
        width: 132px;
        font-size: 16px;
    }

    .find-minti-how-to-section {
        padding: 80px 20px 40px;
    }
    .find-minti-how-to-header {
        padding: 0 0 28px;
    }
    .find-minti-how-to-title {
        font-size: 22px;
        line-height: 28px;
    }
    .find-minti-how-to-list {
        gap: 8px;
        max-width: 320px;
    }
    .find-minti-how-to-list::before {
        width: 64px;
        height: 64px;
        top: -37px;
        right: 18px;
    }
    .find-minti-how-to-list::after {
        display: none;
        background: none;
    }
    .find-minti-how-to-list-item > h3 {
        flex: 0 0 76px;
        font-size: 12px;
        font-weight: 6700;
        line-height: 22px;
        padding: 23px 0;
    }
    .find-minti-how-to-list-item > p {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        padding: 12px 15px;
    }
    .find-minti-benefits-section {
        padding: 80px 0 94px;
        background: no-repeat url("/assets/images/img/img-find-minti-background-tr-mobile-2.png") center top;
        background-size: 740px 761px;
    }
    #findMintiEventPage.event-disabled .find-minti-benefits-section {
        padding-top: 40px;
        background-position: center -40px;
    }
    .find-minti-benefits-header {
        padding: 0 0 28px;
    }
    .find-minti-benefits-title {
        font-size: 22px;
        line-height: 28px;
    }
    .find-minti-benefits-bubble {
        font-size: 14px;
        padding: 5px 20px;
        top: -44px;
        right: -71.5px;
    }
    .find-minti-benefits-bubble > strong {
        font-weight: 800;
    }
    .find-minti-benefits-gift-wrapper {
        justify-content: flex-start;
        flex-direction: column;
        gap: 24px;
        max-width: 360px;
        width: 100%;
        padding: 0 20px;
        margin-bottom: 28px;
    }
    .find-minti-benefits-gift-wrapper img {
        width: 120px;
        height: 120px;
    }
    .find-minti-benefits-gift-zflip5 {
        width: 100%;
    }
    .find-minti-benefits-gift-content-wrapper {
        margin-bottom: 0;
    }
    .find-minti-benefits-gift-free-closed {
        border-radius: 12px;
    }
    .find-minti-benefits-gift-free-closed > h2 {
        font-size: 28px;
    }
    .find-minti-benefits-gift-free-closed > h2::before {
        bottom: -10px;
        height: 16px;
    }
    .find-minti-benefits-gift-text {
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;

        padding: 13px 0;
        border-radius: 12px 12px 0 0;
    }
    .find-minti-benefits-gift-zflip5-content {
        padding: 20px 23px;
        border-radius: 0 0 12px 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .find-minti-benefits-gift-zflip5-content::before {
        top: 36px;
        right: 16px;
        font-size: 16px;
        letter-spacing: 0.48px;

        width: 48px;
        height: 40px;
        padding: 8px 0 0;
        border-radius: 3px 3px 74.25px 74.25px;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25);
    }
    .find-minti-benefits-gift-zflip5-content > img {
        max-width: 120px;
        max-height: 120px;
        width: 100%;
        margin-bottom: 12px;
    }
    .find-minti-benefits-gift-zflip5-content > button {
        margin-top: 16px;
        font-size: 16px;
        font-weight: 600;

        border-radius: 99px;
        padding: 6px 48px;
    }
    .find-minti-benefits-gift-zflip5-content > button::after {
        margin-left: 12px;
        width: 5px;
        height: 10px;
    }
    .find-minti-benefits-gift-free {
        width: 100%;
    }
    .find-minti-benefits-gift-free-content {
        padding: 20px 30px 24px;
        border-radius: 0 0 12px 12px;
        gap: 20px;
        align-items: flex-start;
    }
    .find-minti-benefits-gift-free-content > div {
        width: 50%;
    }
    .find-minti-benefits-gift-free-content img {
        max-width: 120px;
        max-height: 120px;
        width: 100%;
        height: 100%;
        aspect-ratio: 1;
        margin-bottom: 12px;
    }
    .find-minti-benefits-gift-name {
        color: #141414;
        font-size: 14px;
        line-height: 20px;
    }
    .find-minti-benefits-winner-announce-list {
        width: 100%;
        padding: 0 20px;
        max-width: 360px;
        margin-left: 0;
    }
    .find-minti-benefits-winner-announce-list-item:not(:last-child) {
        margin-bottom: 8px;
    }
    .find-minti-benefits-winner-announce-list-item {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        border-radius: 12px;
        padding: 20px 0;
        background: rgba(255, 255, 255, 0.10);
    }
    .find-minti-benefits-winner-announce-week {
        width: auto;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .find-minti-benefits-winner-announce-week > h4 {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;

        width: 100px;
        border: 1px solid #FFF;
    }
    .find-minti-benefits-winner-announce-week > p {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
    }

    .find-minti-benefits-winner-announce-date {
        gap: 6px;
    }
    .find-minti-benefits-winner-announce-date > h4 {
        width: 42px;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        background: #E3DDFD;
        border: none;
    }
    .find-minti-benefits-winner-announce-date > p {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
    }
    .find-minti-z5-landing-section {
        background: no-repeat url("/assets/images/img/img-find-minti-background-tr-mobile-3.png") center top #FBFAFF;
        background-size: 602px 1064px;
        padding: 100px 0 40px;
    }
    .find-minti-z5-notice-bubble {
        top: -34px;
        width: 260px;
        padding: 12px 52px;
        gap: 4px;
        font-size: 16px;
        line-height: 22px;
        flex-wrap: wrap;
    }
    .find-minti-z5-notice-bubble > strong {
        font-size: 16px;
        font-weight: 800;
    }
    .find-minti-z5-notice-bubble::after {
        border-width: 20px 20px 0 20px;
    }
    .find-minti-z5-landing-header > h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
        gap: 6px;
    }
    .find-minti-z5-landing-header > h3 > .divider {
        height: 16px;
    }
    .find-minti-z5-landing-header > h2 {
        font-size: 22px;
        line-height: 28px;
        gap: 4px;
    }
    .find-minti-z5-landing-header > h2 > strong::before {
        height: 8px;
        bottom: 0;
    }
    .find-minti-z5-landing-button-wrapper {
        padding: 28px 0 24px;
    }
    .find-minti-z5-landing-button-wrapper > a {
        width: calc(100% - 40px);
        max-width: 320px;
    }
    .find-minti-z5-detail-container {
        border-radius: 16px;
        max-width: 320px;
    }
    .find-minti-z5-detail-container::before {
        width: 96px;
        height: 96px;
        left: 0;
        top: -263px;
    }
    .find-minti-z5-detail-content {
        padding: 24px 12px 16px;
        justify-content: flex-start;
        flex-direction: column;
    }
    .find-minti-z5-price-example-container {
        flex: unset;
        width: 100%;
    }
    .find-minti-z5-price-example-divider {
        margin-bottom: 12px;
    }
    .find-minti-z5-price-example-divider > div {
        height: 13px;
        border-bottom: 1px solid #EEEEEE;
    }
    .find-minti-z5-price-example-divider > p {
        color: #333;
        font-size: 12px;
        line-height: 20px;
        padding: 2px 13.5px;
    }
    .find-minti-z5-total-price {
        padding: 18.2px 16px;
        border-radius: 8px;
    }
    .find-minti-z5-total-price > span:first-child {
        font-size: 14px;
        line-height: 22px;
    }
    .find-minti-z5-total-price > span:nth-child(2) {
        font-size: 16px;
        line-height: 22px;
    }
    .find-minti-z5-detail-price {
        width: 100%;
        border-radius: 0 0 8px 8px;
        padding: 24px 14px;
    }
    .find-minti-z5-detail-price > div {
        align-items: flex-end;
    }
    .find-minti-z5-detail-price > div:not(:last-child) {
        margin-bottom: 20px;
    }
    .find-minti-z5-detail-price > div > div {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .find-minti-z5-detail-price h5 {
        font-size: 12px;
        line-height: 20px;
        width: 98px;
        padding: 1px 0;
    }
    .find-minti-z5-detail-price p {
        font-size: 14px;
        line-height: 20px;
        text-align: left;
    }
    .find-minti-z5-detail-price h4 {
        font-size: 16px;
        line-height: 22px;
        text-align: right;
    }
    .find-minti-z5-recommend-price h4 > span {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        margin-left: 4px;
    }
    .find-minti-z5-image-wrapper {
        flex: unset;
        max-width: 180px;
        margin-bottom: 20px;
        order: -1;
    }
    .find-minti-z5-detail-footer {
        flex-direction: column;
        height: fit-content;
        padding: 24px 0;
        gap: 16px;
        border-radius: 0 0 16px 16px;
    }
    .find-minti-z5-detail-footer > p.is-active::before {
        top: 6px;
        right: 10px;
        width: 100px;
        height: 12px;
        transform: rotate(-15deg);
    }
    .find-minti-z5-detail-footer > p {
        font-size: 16px;
    }
    .find-minti-z5-detail-footer > p > span {
        margin-right: 4px;
    }
    .find-minti-kakao-share-section {
        padding: 40px 20px 43px;
    }
    .find-minti-kakao-share-button-wrapper {
        width: 100%;
        max-width: 320px;
    }
    .find-minti-kakao-share-button-wrapper::after {
        width: 72px;
        height: 33px;
        background: no-repeat url("/assets/images/icon/icon-find-minti-share-click-mobile.png") center center;
        background-size: contain;
        top: -16px;
        right: 22px;
    }
    .find-minti-kakao-share-button {
        width: 100%;
        height: 52px;
        padding: 0;
        border: 2px solid #000;
        font-size: 16px;
        line-height: 26px;
        box-shadow: 3px 3px #000;
    }
    .find-minti-kakao-share-button:active {
        transform: translate(3px, 3px);
    }
    .find-minti-kakao-share-button::after {
        margin-left: 12px;
        width: 6px;
        height: 12px;
    }
    .find-minti-kakao-share-button > span {
        color: #5F14FF;
    }
    .find-minti-notice-section {
        padding: 40px 20px 60px;
    }
    .find-minti-notice-wrapper {
        max-width: 320px;
    }
    .find-minti-notice-header {
        margin-bottom: 24px;
    }
    .find-minti-notice-header > h3 {
        font-size: 16px;
        line-height: 22px;
        gap: 8px;
    }
    .find-minti-notice-header > h3::before {
        width: 20px;
        height: 20px;
    }
    .find-minti-notice-item {
        font-size: 12px;
        line-height: 18px;
    }
    .find-minti-notice-item:not(:last-child) {
        margin-bottom: 24px;
    }
    .find-minti-notice-list-item-title {
        line-height: 18px;
        margin-left: 0;
    }
    .find-minti-notice-list-item-detail-list {
        padding-left: 10px;
        word-break: keep-all;
    }
    .find-minti-notice-list-item-detail-list-item {
        list-style-position: unset;
    }
    .find-minti-notice-list-item-detail-list-item.last-item {
        margin-left: 0;
    }
    /* // 민티를 찾아라 이벤트 페이지*/

    /* z5 티징 이벤트 페이지*/
    .z5-key-visual-section {
        background: none;
    }
    .z5-teasing-section-1 {
        background: no-repeat url("/assets/images/img/img-z5-teasing-background-1-mobile.png") center top #0B0C28;
        background-size: 720px 559px;
        padding: 176px 0 80px;
    }
    .z5-teasing-section-2 {
        background: no-repeat url("/assets/images/img/img-z5-teasing-background-2-mobile.png") center top #141B5C;
        background-size: 720px 1779px;
        padding: 168px 0 80px;
    }
    .z5-teasing-what-it-is-wrapper {
        width: calc(100% - 40px);
        max-width: 320px;
        border-radius: 16px;
    }
    .z5-teasing-what-it-is-header {
        padding: 16px 0;
        font-size: 20px;
        line-height: 30px;
    }
    .z5-teasing-what-it-is-content {
        padding: 20px 0 24px;
        gap: 20px;
    }
    .z5-teasing-what-it-is-content > .divider {
        width: 280px;
    }
    .z5-teasing-what-it-is-content > p:first-child {
        font-size: 16px;
        line-height: 26px;
    }
    .z5-teasing-what-it-is-content > p:first-child > span {
        line-height: 26px;
    }
    .z5-teasing-what-it-is-content > p:first-child > strong {
        line-height: 26px;
        color: #2FF4E1;
    }
    .z5-teasing-what-it-is-content > p:last-child {
        font-size: 18px;
        line-height: 26px;
    }
    .z5-teasing-what-it-is-content > p:last-child > strong {
        line-height: 26px;
    }
    .z5-teasing-notification-info-header {
        padding: 0 0 44px;
    }
    .z5-teasing-notification-info-header::before {
        width: 39px;
        height: 35px;
        margin-bottom: 4px;
    }
    .z5-teasing-notification-info-header > span {
        font-size: 14px;
        margin-bottom: 6px;
    }
    .z5-teasing-notification-info-header > h2 {
        font-size: 24px;
        line-height: 34px; /* 120% */
        margin-bottom: 28px;
    }
    .z5-teasing-schedule-info {
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        padding: 0 20px;
        max-width: 300px;
        gap: 16px;
    }
    .z5-teasing-schedule-info p {
        font-size: 18px;
        font-weight: 600;
        padding: 9.5px 0;
    }
    .z5-teasing-schedule-when {
        gap: 10px;
        margin-right: 0;
    }
    .z5-teasing-schedule-when::before {
        width: 37px;
        height: 37px;
        flex-shrink: 0;
    }
    .z5-teasing-schedule-announce {
        display: flex;
        align-items: flex-start;
        gap: 10px
    }
    .z5-teasing-schedule-announce::before {
        width: 37px;
        height: 37px;
        flex-shrink: 0;
    }
    .z5-teasing-schedule-announce > div > span {
        display: block;
        font-size: 14px;
        line-height: 20px;
    }
    .z5-teasing-notification-how-to-container {
        gap: 12px;

        width: calc(100% - 40px);
        max-width: 320px;
        border-radius: 16px;
    }
    .z5-teasing-notification-how-to-container > h4 {
        font-size: 18px;
        line-height: 26px;
    }
    .z5-teasing-notification-how-to-container > h4 > span {
        line-height: 26px;
    }
    .z5-teasing-notification-how-to-container > h4 > strong {
        line-height: 26px;
    }
    .z5-teasing-how-to-row {
        flex-direction: column;
        justify-content: flex-start;
        height: unset;
        padding: 24px 15px 0;
    }
    .z5-teasing-how-to-row > div {
        flex-direction: column;
    }
    .z5-teasing-how-to-row > div > div {
        width: unset;
    }
    .z5-teasing-how-to-row:not(:last-child) > div > div > span {
        font-size: 28px;
        margin-bottom: 12px;
    }
    .z5-teasing-how-to-row:last-child > div > div > span {
        font-size: 14px;
        width: 92px;
        padding: 6px 0;
        margin-bottom: 12px;
    }
    .z5-teasing-how-to-row p {
        font-size: 16px;
        line-height: 24px; /* 122.727% */
        text-align: center;
        margin-bottom: 20px;
    }
    .z5-teasing-how-to-row img {
        width: 288px;
        align-self: center;
    }
    .z5-teasing-notification-add-channel-button-wrapper {
        padding-top: 24px;
    }
    .z5-teasing-notification-add-channel-button {
        font-size: 18px;
        font-weight: 800;
        width: 320px;

        padding: 12px 0;
        border-radius: 12px;
    }
    .z5-teasing-badge-line {
        width: 100%;
        top: 48px;
    }
    .z5-teasing-badge-line > img {
        width: 100px;
        height: 100px;
        left: 50%;
        transform: translateX(-50%);
    }
    #z5EventTeasingPage > .z5-why-mintit-section {
        background-position: center 88px;
        padding: 168px 20px 60px;
    }
    .z5-teasing-notice-list {
        font-size: 12px;
        line-height: 18px; /* 175% */

        padding-left: 12px;
    }
    /* // z5 티징 이벤트 페이지*/

    /* z5 추천인 이벤트 페이지*/
    .recommend-z5-landing-section {
        padding: 139px 0 40px;
        background: none;
    }
    .recommend-z5-detail-container {
        max-width: 320px;
        border-radius: unset;
    }
    .recommend-z5-detail-container::before {
        width: 104px;
        height: 104px;
        left: 50%;
        transform: translateX(-50%);
        top: -279px;
    }
    .recommend-z5-detail-content {
        padding: 24px 12px 16px;
    }
    .recommend-z5-detail-price {
        padding: 24px 14px;
    }
    .recommend-z5-detail-price h5 {
        color: #F8F8F8;
    }
    .recommend-z5-additional-price h5 {
        background-color: #109410;
    }
    .recommend-z5-additional-price p {
        color: #222222;
    }
    .recommend-z5-additional-price h4 {
        color: #109410;
    }
    .recommend-z5-recommend-price p {
        color: #222222;
    }
    .recommend-z5-price-example-divider > div {
        height: 13px;
    }
    .recommend-z5-price-example-divider > p {
        padding: 2px 13.5px
    }
    .recommend-z5-detail-footer {
        padding: 24px 0;
        border-radius: unset;
    }
    .z5-recommend-info-benefits-section {
        padding: 40px 0 40px;
        background: no-repeat url("/assets/images/img/img-z5-recommend-section-bg-1-mobile.png") center top #EDFEEE;
        background-size: 360px 1134px;
    }
    .z5-recommend-info-benefits-section > div {
        max-width: 320px;
        border: 1px solid #000;
    }
    .z5-recommend-info-container > .connector {
        width: 15px;
        height: 68px;
        bottom: -48px;
    }
    .z5-recommend-info-container > .connector.left {
        left: 12px;
    }
    .z5-recommend-info-container > .connector.right {
        right: 12px;
    }
    .z5-recommend-info-container {
        margin-bottom: 24px;
    }
    .z5-recommend-container-header {
        padding: 11px 0;
        border-bottom: 1px solid #000;
    }
    .z5-recommend-container-header > h2 {
        font-size: 24px;
        line-height: 24px;
    }
    .z5-recommend-info-contents {
        padding: 32px 0 39px;
        gap: 30px;
    }
    .z5-recommend-info-row {
        flex-direction: column;
        gap: 12px;
    }
    .z5-recommend-info-row > h3 {
        width: 100px;
        padding: 6px 0;
        border-width: 1px;
        font-size: 14px;
        line-height: 14px;
    }
    .z5-recommend-info-row > div {
        align-items: center;
        gap: 12px;
    }

    .z5-recommend-info-container .z5-recommend-info-row:last-child > h3 {
        align-self: center;
    }
    .z5-recommend-info-container .z5-recommend-info-row:last-child > div {
        padding-top: 0;
    }
    .z5-recommend-info-main-text {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }
    .z5-recommend-info-side-text {
        font-size: 13px;
        line-height: 20px;
        align-items: flex-start;
        align-self: flex-start;
    }
    .z5-recommend-info-side-text > span:first-child {
        margin-right: 4px;
    }
    .z5-recommend-benefits-container .z5-recommend-info-row {
        margin-bottom: 24px;
    }
    .z5-recommend-benefits-container .z5-recommend-info-row > h3 {
        align-self: center;
    }
    .z5-recommend-benefits-container .z5-recommend-info-row > div {
        padding-top: 0;
    }
    .z5-recommend-benefits-container .z5-recommend-info-side-text {
        flex-wrap: wrap;
        justify-content: center;
    }
    .z5-recommend-info-side-text-divider {
        display: none;
    }
    .z5-recommend-benefits-contents {
        padding: 32px 6px 38px 14px;
    }
    .z5-recommend-benefits-example-image-wrapper {
        max-width: 296px;
    }
    .z5-recommend-how-to-section {
        padding: 20px 0 0;

        background: no-repeat url("/assets/images/img/img-z5-recommend-section-bg-2-mobile.png") center top #EDFEEE;
        background-size: 360px 1656px;

    }
    .z5-recommend-how-to-container {
        padding-bottom: 20px;
    }
    .z5-recommend-how-to-header {
        color: #FFF;
        font-size: 24px;
        line-height: 24px;
        border: none;
        background: #000;
        padding: 12px 0;
        max-width: 320px;
        margin-bottom: 6px;
    }
    .z5-recommend-how-to-step-list > .divider {
        width: calc(100% + 40px);
        max-width: 360px;
        height: 2px;
        background: #BDDEBA;

        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    .z5-recommend-how-to-step-list {
        flex-direction: column;
        justify-content: flex-start;
        max-width: 320px;
        margin-left: 0;
    }
    .z5-recommend-how-to-step-list-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 30px 0 10px;
    }
    .z5-recommend-how-to-step-list-item > h3 {
        font-size: 16px;
        line-height: 18px;
        padding: 6px 0;
        border-radius: 30px;
        border: 1px solid #01DC64;
        width: 134px;
        height: 32px;
        margin-bottom: 20px;
    }
    .z5-recommend-how-to-step-list-item > ol {
        color: #222;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 16px;
    }
    .z5-recommend-how-to-step-list-item > ol > li:nth-child(1) > span,
    .z5-recommend-how-to-step-list-item > ol > li:nth-child(2) > span,
    .z5-recommend-how-to-step-list-item > ol > li:nth-child(3) > span {
        background: none;
        text-indent: 0;
        width: 16px;
        height: 22px;
        margin-right: 2px;
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
    }
    .z5-recommend-how-to-step-list-item > ol > li:not(:last-child) {
        margin-bottom: 6px;
    }
    .z5-recommend-how-to-step-example-image-wrapper {
        max-width: 308px;
    }
    .z5-recommend-how-to-bottom-line {
        display: none;
    }
    .z5-recommend-share-container {
        padding: 40px 0;
        /*background-color: rgba(0, 169, 77, 0.8);*/
        gap: 30px;

        background: no-repeat url("/assets/images/img/img-z5-recommend-section-bg-2-1-mobile.png") center top rgba(0, 169, 77, 0.8);
        background-size: 360px 224px;
    }
    .z5-recommend-share-container > .z5-recommend-share-button-wrapper {
        gap: 10px;
    }
    .z5-recommend-share-container > .z5-recommend-share-button-wrapper > p {
        font-size: 16px;
        line-height: 22px;
    }
    .z5-recommend-share-container > .z5-recommend-share-button-wrapper > button {
        width: 90px;
        height: 90px;
    }
    .z5-recommend-share-horizontal-line {
        max-width: 320px;
        top: 84px;
    }
    .z5-recommend-share-horizontal-line > .black-circle {
        width: 6px;
        height: 6px;
    }
    .z5-teasing-notice-list-item.indented {
        padding-left: 0;
    }
    /* // z5 추천인 이벤트 페이지*/
}

@media only screen and (max-width: 700px) {
    .double-page-event-guide-content{

    }

    /* s23 추가보상 티징 이벤트 페이지*/

    .s23-event-info-section {
        margin-top: 84px;
    }

    .s23-event-info-section p {
        font-size: 14px;
        line-height: 22px;
    }

    .s23-event-label {
        padding: 4px 8px;
        border-radius: 22px;
        font-size: 12px;
        line-height: 16px;
    }

    .s23-event-info-title {
        font-size: 18px;
        line-height: 26px;
    }

    .s23-event-info-title-wrapper {
        margin-top: 12px;
        margin-bottom : 24px;
    }

    .s23-event-add-kakao-channel-image-section {
        margin-top: 0px;
    }

    .s23-event-add-kakao-channel-image-section img {
        width: 50%;
        min-width: 244px;
    }

    /* //s23 추가보상 티징 이벤트 페이지*/

    /* s23 추가보상 이벤트 페이지 */

    .s23-main-event-pros-section {
        padding-bottom: 0;
    }

    .s23-main-event-pros-item-top {
        margin-bottom: 10px;
    }

    .s23-main-event-pros-item-wrapper {
        flex-wrap: wrap;
    }

    .s23-main-event-pros-item {
        flex: 1 1 100%;
    }

    .s23-main-event-pros-item-content {
        height: 270px;
        border-bottom: 1px solid var(--color-primary1);
        width: calc(100% - 40px);
        max-width: 320px;
    }

    .s23-main-event-pros-item-wrapper:last-child .s23-main-event-pros-item:last-child .s23-main-event-pros-item-content {
        border-bottom: 0px;
    }

    .s23-main-event-subscription-header {
        margin-bottom: 0px;
    }

    .s23-main-event-subscription-header h2 {
        margin-bottom: 8px;
        font-size: 20px;
        line-height: 28px;
    }

    .s23-main-event-subscription-header p {
        font-size: 14px;
        line-height: 22px;
    }

    div.s23-main-event-vertical-divider {
        display: none;
    }

    div.s23-main-event-horizon-divider {
        display: none;
    }
    .s23-main-event-double-banner-button {
        padding: 4.5px 24px;
        border-radius: 40px;
        bottom: 50%;
        left: 50%;
        transform: translate(-50%, 50%);
        font-size: 16px;
        line-height: 26px;
        width: 57%;
        min-width: 175px;
    }

    /* //s23 추가보상 이벤트 페이지 */
    /* 지구의 날 폰 순환 캠페인 상세 페이지 */
    /* 유튜브 버튼 영역 스타일 */
    .roulette-event-bottom-youtube-notice > h5 {
        margin-top: 42px;
        font-size: 12px;
        line-height: 16px;
        padding: 4px 8px;
    }
    .roulette-event-bottom-youtube-notice > h3 {
        margin-top: 8px;
        font-size: 18px;
        line-height: 26px;
    }
    .roulette-event-bottom-youtube-notice > p {
        margin-top: 24px;
        font-size: 14px;
        line-height: 22px;
    }
    .roulette-event-bottom-youtube-notice > a {
        width: calc(100% - 40px);
        max-width: 320px;
        padding: 16px 0;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
    }
    .roulette-event-bottom-youtube-notice > img {
        margin-top: 36px;
        width: 276px;
    }
    /* //유튜브 버튼 영역 스타일 */
    /* //지구의 날 폰 순환 캠페인 상세 페이지 */
}

@media only screen and (max-width: 539px) {
    /* s23 추가보상 이벤트 페이지 */

    br.is-under-540-only {
        display: block;
    }

    /* //s23 추가보상 이벤트 페이지 */
}

@media only screen and (max-width: 359px) {
    /* s23 추가보상 티징 이벤트 페이지*/

    .s23-event-info-button {
        width: 100%;
        padding: 16px 0px;
    }

    /* //s23 추가보상 티징 이벤트 페이지*/
}