:root {
    --content-max-width: 1280px;
    --color-main-black: #000;
    --color-main-white: #fff;
    --color-sub-white1: #f9fafB;
    --color-sub-white2: #F7F9FA;
    --color-sub-white3: #FAFAFA;
    --color-primary1: #33CCBD;
    --color-gray1: #f0f0f0;
    --color-gray2: #999;
    --color-gray3: #7d7d7d;
    --color-gray4: #666;
    --color-gray5: #c8c8c8;
    --color-gray6: #a5a5a5;
    --color-gray7: #4d4d4d;
}

/* 이벤트 메인 페이지 */
#evnetMainPage em {
    font-weight: 700;
}
#evnetMainPage .main-banner-image-wrapper {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
#evnetMainPage .main-banner-image {
    width: 100%;
}

.main-event-info-section {
    padding-top: 120px;
    margin-bottom: 150px;
}
.main-event-info-header {
    margin-bottom: 80px;
}
.main-event-info-header h2 {
    font-size: 42px;
    line-height: 1.4em;
    margin-bottom: 10px;
    text-align: center;
}
.main-event-info-header p {
    font-size: 24px;
    color: var(--color-gray7);
    text-align: center;
}
.main-event-info-list {
    width: 100%;
    max-width: 1100px;
    padding: 0 20px;
    margin: 0 auto;
}
.main-event-info-item:not(:last-child) {
    margin-bottom: 60px;
}
.main-event-info-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-event-info-content-image-box {
    width: 100%;
    max-width: 500px;
}
.main-event-info-content-title {
    font-size: 32px;
    line-height: 1.4em;
    margin-bottom: 8px;
}
.main-event-info-content-description {
    font-size: 26px;
    color: var(--color-gray3);
}

.main-event-label {
    padding: 8px 20px;
    margin-bottom: 12px;
    border: 1px solid var(--color-primary1);
    border-radius: 100px;
    font-size: 20px;
    color: var(--color-primary1);
}

.main-event-guide-section {
    margin-bottom: 150px;
    background: #F7F9FA;
    padding: 150px 0 102px;
}
.main-event-guide-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
}
.main-event-guide-header > h2 {
    font-size: 32px;
}
.main-event-guide-list {
    width: max-content;
    margin: 0 auto 60px;
}
.main-event-guide-item {
    display: flex;
    align-items: center;
}
.main-event-guide-item:not(:last-child) {
    margin-bottom: 16px;
}
.main-event-guide-item > h3 {
    display: flex;
    align-items: center;
    width: 230px;
    font-size: 24px;
    color: var(--color-primary1);
}
.main-event-guide-item > h3 > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url("/assets/images/icon/icon-event-page-check.svg") no-repeat center center;
    background-size: contain;
}
.main-event-guide-item > p {
    font-size: 26px;
}
.main-event-guide-item > p > span {
    color: var(--color-primary1);
}
.main-event-guide-item > p > span.is-galaxy {
    color: var(--color-gray3);
    font-size: 20px;
}
.main-event-guide-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 320px;
    height: 66px;
    margin: 0 auto;
    border-radius: 100px;
    font-size: 20px;
    color: var(--color-main-white);
    background: var(--color-primary1);
}
.main-event-atm-find-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 320px;
    height: 66px;
    margin: 0 auto;
    border-radius: 100px;
    font-size: 20px;
    color: var(--color-main-white);
    background: var(--color-primary1);
    margin-top: 60px;
}

.main-event-price-section {
    margin-bottom: 150px;
}
.main-event-price-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}
.main-event-price-header > h2 {
    font-size: 32px;
    text-align: center;
}

.main-event-price-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1300px;
    padding: 0 20px;
    margin: 0 auto;
}
.main-event-price-content-left {
    width: 100%;
    max-width: 560px;
}
.main-event-price-content-image-box {
    width: 100%;
}
.main-event-price-content-right {
    flex: 1;
    max-width: 600px;
}
.main-event-price-content-header {
    margin-bottom: 48px;
}
.main-event-price-content-header > h3 {
    font-size: 36px;
    margin-bottom: 12px;
}
.main-event-price-content-category-list {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.main-event-price-content-category-item {
    cursor: pointer;
    font-size: 24px;
    color: var(--color-gray3);
}
.main-event-price-content-category-item.is-selected {
    color: var(--color-main-black);
}
.main-event-price-content-category-item:not(:last-child) {
    position: relative;
    margin-right: 49px;
}
.main-event-price-content-category-item:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    top: 40%;
    right: -24.5px;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 75% ;
    background: var(--color-main-black);
}
.main-event-price-content-detail-list {
    display: flex;
    align-items: center;
}
.main-event-price-content-detail-item {
    cursor: pointer;
    font-size: 18px;
    line-height: 23px;
    color: var(--color-gray3);
    word-break: keep-all;
}
.main-event-price-content-detail-item.is-selected {
    color: var(--color-primary1);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}
.main-event-price-content-detail-item:not(:last-child) {
    margin-right: 40px;
}
.main-event-price-content-price-info {
    margin-bottom: 24px;
}
.main-event-price-content-price-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main-event-price-content-price-item:not(:last-child) {
    margin-bottom: 6px;
}
.main-event-price-content-price-item.add-price-item > h4,
.main-event-price-content-price-item.add-price-item > p {
    color: var(--color-primary1);
}
.main-event-price-content-price-item > h4 {
    font-size: 24px;
    color: var(--color-gray3);
}
.main-event-price-content-price-item > p {
    font-size: 24px;
    color: var(--color-gray3);
}
.main-event-price-content-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 1px solid var(--color-gray1);
}
.main-event-price-content-footer > h4,
.main-event-price-content-footer > p {
    font-size: 32px;
    opacity: 0;
}
@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.main-event-price-content-footer > h4.is-visible,
.main-event-price-content-footer > p.is-visible {
    animation: fadein 1s forwards;
}
.main-event-price-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main-event-price-button-list {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.main-event-price-button-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 320px;
    height: 66px;
    font-size: 20px;
    border: 1px solid var(--color-primary1);
    border-radius: 100px;
    color: var(--color-primary1);
}
.main-event-price-button-item.is-primary {
    color: var(--color-main-white);
    border: none;
    background: var(--color-primary1);
}
.main-event-price-button-item:not(:last-child) {
    margin-right: 24px;
}
.main-event-price-notice {
    display: flex;
    font-size: 16px;
    color: var(--color-gray3);
}
.main-event-price-notice:not(:last-child) {
    margin-bottom: 4px;
}
.main-event-price-notice > span {
    position: relative;
    top: -1.7px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url("/assets/images/icon/icon-event-page-notice.svg") no-repeat center center;
    background-size: contain;
}

.main-event-subscription-section {
    margin-bottom: 150px;
    background: #F7F9FA;
    padding: 150px 0 102px;
}
.main-event-subscription-header > h2 {
    font-size: 32px;
    margin-bottom: 40px;
    text-align: center;
}
.main-event-subscription-list-wrapper {
    width: 100%;
    max-width: 1320px;
    padding: 0 20px;
    margin: 0 auto 60px;
}
.main-event-subscription-list {
    display: flex;
    justify-content: space-between;
}
.main-event-subscription-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    width: 20.3125%;
    background: #fff;
    border-radius: 30px;
}
.main-event-subscription-item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 115%;
    top: 28%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 12px;
    background: url("/assets/images/icon/icon-event-page-arrow.svg") no-repeat center center;
    background-size: contain;
}
.main-event-subscription-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main-event-subscription-image-box {
    width: 100%;
    max-width: 120px;
    margin-bottom: 16px;
}
.main-event-subscription-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 36px;
    margin-bottom: 10px;
    border-radius: 100px;
    font-size: 16px;
    background: var(--color-primary1);
    color: var(--color-main-white);
}
.main-event-subscription-text-box > h3 {
    font-size: 18px;
    margin-bottom: 8px;
    text-align: center;
}
.main-event-subscription-text-box > p {
    font-size: 16px;
    text-align: center;
}
.main-event-subscription-section .event-page-notice-box {
    width: 100%;
    max-width: 1320px;
    padding: 0 20px;
    margin: 0 auto;
}

.main-event-return-guide-section {
    margin-bottom: 120px;
}
.main-event-return-guide-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
}
.main-event-return-guide-header > h2 {
    font-size: 32px;
    line-height: 1.4em;
    text-align: center;
}

.main-event-return-guide-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1320px;
    padding: 0 20px;
    margin: 0 auto 32px;
}
.main-event-return-guide-item {
    width: 48.4375%;
    padding: 60px 20px 62px;
    background: #FFFFFF;
    box-shadow: 4.88889px 4.88889px 19.5556px rgba(0, 0, 0, 0.12);
    border-radius: 35px;
}
.main-event-return-guide-content-text-list-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-event-return-guide-content-header > h3 {
    font-size: 24px;
    margin-bottom: 24px;
    text-align: center;
}
.main-event-return-guide-content-image-list-wrapper {
    padding: 24px 0;
    margin-bottom: 24px;
    border-top: 1px solid var(--color-gray1);
    border-bottom: 1px solid var(--color-gray1);
}
.main-event-return-guide-content-image-list {
    display: flex;
    justify-content: center;
}
.main-event-return-guide-content-image-item {
    width: 90px;
}
.main-event-return-guide-content-image-item:not(:last-child) {
    margin-right: 24px;
}
.main-event-return-guide-content-text-item > p {
    display: flex;
    align-items: center;
    font-size: 20px;
}
.main-event-return-guide-content-text-item > p > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-right: 8px;
    background: url("/assets/images/icon/icon-event-page-check.svg") no-repeat center center;
    background-size: contain;
}
.main-event-return-guide-content-text-item:not(:last-child) {
    margin-bottom: 12px;
}
.main-event-return-guide-content-sub-text-list {
    padding-left: 24px;
}
.main-event-return-guide-content-sub-text-item > p {
    font-size: 20px;
}
p.main-event-return-guide-content-sub-description {
    padding-left: 28px;
    font-size: 16px;
    color: var(--color-gray6);
}
.main-event-return-guide-brand-image-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main-event-return-guide-brand-image-samsung {
    width: 100%;
    max-width: 290px;
    padding-top: 24px;
    margin-bottom: 0px;
}
.main-event-return-guide-brand-text-samsung {
    font-size: 14px;
    margin-bottom: 12px;
    color: #A5A5A5;
    text-align: center;
}
.main-event-return-guide-brand-image-etc {
    width: 100%;
    max-width: 476px;
}
.main-event-return-guide-footer > p {
    font-size: 16px;
    color: var(--color-gray3);
    text-align: center;
}

.main-event-visit-guide-section {
    padding: 150px 0 94px;
    background: #F7F9FA;
}
.main-event-visit-guide-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
}
.main-event-visit-guide-header > h2 {
    font-size: 32px;
    line-height: 1.4em;
    text-align: center;
}

.main-event-visit-guide-list-wrapper {
    width: 100%;
    max-width: 1320px;
    padding: 0 20px;
    margin: 0 auto 40px;
}
.main-event-visit-guide-list {
    display: flex;
    justify-content: space-between;
}
.main-event-visit-guide-item {
    position: relative;
    width: 23.828125%;
    min-width: 240px;
    padding: 40px 20px;
    background: #FFFFFF;
    box-shadow: 4.88889px 4.88889px 19.5556px rgba(0, 0, 0, 0.12);
    border-radius: 35px;
}
.main-event-visit-guide-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main-event-visit-guide-content-qr-box {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
}

.main-event-visit-qr-img {
    position: relative;
    top: 12px;
    flex-shrink: 0;
    width: 85px;
    height: 85px;
    background: url("/assets/images/img/img-connecter-qr.png") no-repeat center center/contain;
}
.main-event-visit-guide-url-float {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    height: 24px;
    background: url("/assets/images/img/img-connect-app-link.png") no-repeat center center/contain;
}
.main-event-visit-guide-content-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 36px;
    margin-bottom: 32px;
    border-radius: 100px;
    font-size: 16px;
    background: var(--color-primary1);
    color: var(--color-main-white);
}
.main-event-visit-guide-content-title-box {
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--color-gray1);
}
.main-event-visit-guide-content-title-box > h3 {
    margin-bottom: 8px;
    font-size: 20px;
    text-align: center;
}
.main-event-visit-guide-content-title-box > p {
    font-size: 18px;
    color: var(--color-gray3);
    text-align: center;
}
.main-event-visit-guide-content-text-list {
    align-self: flex-start;
    padding-top: 24px;
    list-style: disc;
    padding-left: 20px;
}
.main-event-visit-guide-content-text-item {
    font-size: 16px;
    line-height: 1.4em;
}
.main-event-visit-guide-content-text-item:not(:last-child) {
    margin-bottom: 8px;
}
.main-event-visit-guide-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 320px;
    height: 66px;
    border-radius: 100px;
    font-size: 20px;
    background: var(--color-primary1);
    color: var(--color-main-white);
    margin: 0 auto;
}

.main-event-double-section {
    padding: 60px 0 120px;
}
.main-event-double-section .event-page-notice-box {
    width: 100%;
    max-width: 1320px;
    padding: 0 20px;
    margin: 0 auto;
}
.main-event-double-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 40px);
    max-width: 1280px;
    padding: 43px 80px;
    margin: 0 auto 30px;
    border-radius: 35px;
    background: var(--color-primary1);
}
.main-event-double-banner-left > h2 {
    font-size: 32px;
    margin-bottom: 20px;
    color: var(--color-main-white);
}
.main-event-double-banner-left > p {
    font-size: 20px;
    margin-bottom: 48px;
    color: var(--color-main-white);
}
.main-event-double-banner-left > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 217px;
    height: 62px;
    font-size: 20px;
    border-radius: 100px;
    background: var(--color-main-white);
    color: var(--color-primary1);
}
.main-event-home-banner-list {
    width: calc(100% - 40px);
    max-width: 1280px;
    margin: 0 auto 60px;
}
.main-event-home-banner-item {
    width: 100%;
}
.main-event-home-banner-item:not(:last-child) {
    margin-bottom: 20px;
}
.main-event-home-banner-link {
    display: flex;
    width: 100%;
}
/* //이벤트 메인 페이지 */

/* 더블 보상 페이지 */
#eventDoublePage {
    padding: 72px 0 120px;
}
#eventDoublePage em {
    font-weight: 700;
}
#eventDoublePage .add-margin-bottom {
    margin-bottom: 52px;
}
#eventDoublePage .double-page-event-info-sub-item .add-margin-bottom {
    margin-bottom: 8px;
}
.double-page-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 72px;
}
.double-page-header > h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 139px;
    height: 36px;
    margin-bottom: 16px;
    background: var(--color-primary1);
    font-size: 16px;
    color: var(--color-main-white);
    border-radius: 100px;
}
.double-page-header > h2 {
    margin-bottom: 4px;
    font-size: 32px;
}
.double-page-header > p {
    font-size: 20px;
    color: var(--color-gray3);
}

.double-page-max-1280 {
    width: 100%;
    max-width: 1320px;
    padding: 0 20px;
}
.double-page-margin-center {
    margin: 0 auto;
}

.double-page-image-section {
    margin-bottom: 100px;
}
.double-page-image-list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.double-page-image-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.double-page-image-item > .double-page-image-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 400px;
    margin-bottom: 8px;
}
.double-page-image-item > p {
    font-size: 18px;
}

.double-page-event-info-item:not(:last-child) {
    margin-bottom: 100px;
}
.double-page-event-info-item > h2 {
    font-size: 32px;
    margin-bottom: 4px;
}
.double-page-event-info-item > h2.large-margin {
    margin-bottom: 8px;
}
.double-page-event-info-item > p {
    font-size: 24px;
}

.double-page-event-info-sub-item > h3 {
    font-size: 24px;
    margin-bottom: 12px;
}
.double-page-event-info-sub-item:not(:last-child) {
    margin-bottom: 32px;
}

.double-page-event-info-dot-list {
    list-style: disc;
    padding-left: 24px;
    font-size: 18px;
}
.double-page-event-info-dot-item:not(:last-child) {
    margin-bottom: 8px;
}
.double-page-event-info-notice {
    list-style: none;
    display: flex;
    align-items: center;
    color: var(--color-gray3);
}
.double-page-event-info-notice > span {
    position: relative;
    top: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background: url("/assets/images/icon/icon-event-page-notice.svg") no-repeat center center;
    background-size: contain;
}

.double-page-event-info-content-box {
    display: flex;
    width: 100%;
    margin-top: 16px;
    justify-content: space-between;
}
.double-page-event-info-content-box > div {
    position: relative;
    width: 30.7191%;
}
.double-page-event-info-default-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    height: 80px;
    border: 1px solid var(--color-gray3);
    border-radius: 8px;
}
.double-page-event-info-default-content:not(:last-child) {
    margin-bottom: 12px;
}
.double-page-event-info-full-content {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 1px solid var(--color-primary1);
    border-radius: 8px;
}
.double-page-with-plus-icon::after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 106.6%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: url("/assets/images/icon/icon-event-page-plus.svg") no-repeat center center;
    background-size: contain;
}

.double-page-event-guide-list-wrapper {
    width: 100%;
    margin: 20px 0 42px;
}
.double-page-event-guide-list {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.double-page-event-guide-item {
    width: 20.3125%;
}
.double-page-event-guide-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.double-page-event-guide-item:not(:last-child) .double-page-event-guide-content::after {
    content: "";
    position: absolute;
    left: 115%;
    top: 18%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 12px;
    background: url("/assets/images/icon/icon-event-page-arrow.svg") no-repeat center center;
    background-size: contain;
}
.double-page-event-guide-image {
    width: 100%;
    max-width: 120px;
    margin-bottom: 16px;
}
.double-page-event-guide-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 36px;
    margin-bottom: 10px;
    border-radius: 100px;
    font-size: 16px;
    background: var(--color-primary1);
    color: var(--color-main-white);
}
.double-page-event-guide-text-box {
    margin-bottom: 8px;
}
.double-page-event-guide-text-box h3 {
    margin-bottom: 8px;
    font-size: 18px;
    text-align: center;
}
.double-page-event-guide-text-box p {
    font-size: 18px;
    text-align: center;
}
.double-page-event-guide-sub-text {
    font-size: 16px;
    color: var(--color-gray3);
    text-align: center;
}
.double-page-detail-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 374px;
    height: 66px;
    border-radius: 100px;
    font-size: 20px;
    background: var(--color-primary1);
    color: var(--color-main-white);
    margin: 0 auto 72px;
}
/* //더블 보상 페이지 */

:root {
    --raffle-event-container-background: #6BC9BC;
    --raffle-event-main-color: #FFFFFF;
    --raffle-event-strong-color: #1B292C;
    --raffle-event-main-button-background: #FFFFFF;
    --raffle-event-main-button-color: #0A1B25;
    --raffle-event-disable-button-background: #CACACA;
    --raffle-event-disable-button-color: #8E8E8E;
    --raffle-event-terms-color: #1B292C;
    --raffle-event-terms-disable-color: #8E8E8E;
    --raffle-event-terms-detail-color: #FFFFFF;
}

/* 래플이벤트 페이지 */
.raffle-event-container {
    background: var(--raffle-event-container-background);
    color: var(--color-main-white);
    padding: 102px 92px 142px;
}
.raffle-event-container header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 51px;
}
.raffle-event-container__header-divider {
    width: 100%;
    height: 2px;
    background: var(--raffle-event-main-color);
}
.raffle-event-container h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    padding: 0 20px;
    white-space: nowrap;
}
.raffle-event-container__content {
    font-size: 32px;
    font-weight: 300;
    text-align: center;
    padding-bottom: 56px;
}
.raffle-event-container__terms-container {
    padding: 0 64px 95px;
}
.raffle-event-container__terms-container__term-item-row {
    display: flex;
    align-items: center;
}
.raffle-event-container__terms-container__small-term-item-row:not(:last-child) {
    padding-bottom: 38px;
}
.raffle-event-container__terms-container__divider {
    border-top: 2px solid #FFFFFF;
    margin: 29px 0 39px;
}
.terms-container__disabled-check-icon {
    pointer-events: none;
}
.terms-container__large-size__text_content {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: var(--raffle-event-terms-color);
    padding-left: 19px;
}
.terms-container__small-size__text_content {
    font-weight: 300;
    font-size: 32px;
    line-height: 40px;
    color: var(--raffle-event-terms-color);
    padding-left: 31px;
}
.terms-container__small-size__text_button {
    font-weight: 300;
    font-size: 32px;
    line-height: 40px;
    text-decoration-line: underline;
    color: var(--raffle-event-terms-detail-color);
    padding-left: 25px;
    flex-shrink: 0;
}
.terms-container__large-size {
    width: 52px;
    height: 52px;
    cursor: pointer;
    flex-shrink: 0;
}
.terms-container__small-size {
    width: 40px;
    height: 40px;
    cursor: pointer;
    flex-shrink: 0;
}
.terms-container__large-size-checked {
    background: url("/assets/images/icon/icon-raffle-event-check-large.png") no-repeat center center;
    background-size: contain;
}
.terms-container__large-size-unchecked {
    background: url("/assets/images/icon/icon-raffle-event-uncheck-large.png") no-repeat center center;
    background-size: contain;
}
.terms-container__small-size-checked {
    background: url("/assets/images/icon/icon-raffle-event-check-small.png") no-repeat center center;
    background-size: contain;
}
.terms-container__small-size-unchecked {
    background: url("/assets/images/icon/icon-raffle-event-uncheck-small.png") no-repeat center center;
    background-size: contain;
}
.raffle-event-container strong {
    color: var(--raffle-event-strong-color);
}
.raffle-event-container__disabled-button{
    background: var(--raffle-event-disable-button-background);
    color: var(--raffle-event-disable-button-color);
    cursor: not-allowed;
}
.raffle-event-container__disabled-button__small_text {
    font-weight: 400;
    font-size: 28px;
    line-height: 35px;
}
.raffle-event-container__submit-button {
    position: relative;
    width: 662px;
    height: auto;
    padding: 22px 0;
    margin: 0 auto;
    font-weight: 700;
    font-size: 42px;
    line-height: 53px;
}
/*.raffle-event-container__submit-button:disabled {*/
/*    background: #CACACA;*/
/*    color: #8E8E8E;*/
/*    cursor: not-allowed;*/
/*}*/
.raffle-event-container__download-button__arrow {
    position: absolute;
    width: 54px;
    height: auto;
    right: 30px;
}
.raffle-event-container__submit-button__arrow {
    position: absolute;
    width: 54px;
    height: auto;
    right: 120px;
}

/* ATM 방문전 필수사항 페이지 */
#evnetReadyPage {
    padding: 72px 0 120px;
}
#evnetReadyPage em {
    font-weight: 700;
}
.ready-page-header {
    margin-bottom: 72px;
}
.ready-page-header > h1 {
    font-size: 32px;
    line-height: 1.4em;
    margin-bottom: 4px;
    text-align: center;
}
.ready-page-header > p {
    font-size: 20px;
    color: var(--color-gray3);
    text-align: center;
}

.event-ready-section {
    width: 100%;
    max-width: 1320px;
    padding: 0 20px;
    margin: 0 auto;
}
.event-ready-guide-title-box {
    margin-bottom: 36px;
}
.event-ready-guide-title {
    font-size: 32px;
}
.event-ready-guide-title > em {
    display: flex;
    align-items: baseline;
}
.event-ready-guide-title > em > span {
    margin-right: 4px;
}
.event-ready-guide-title:not(:last-child) {
    margin-bottom: 4px;
}
.event-ready-guide-description {
    font-size: 24px;
}
.event-ready-guide-item:not(:last-child) {
    margin-bottom: 150px;
}
.event-ready-guide-step-list-wrapper {
    width: 100%;
}
.event-ready-guide-step-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 54px;
    margin: 0 auto;
}
.event-ready-guide-step-item:not(:last-child) {
    margin-right: 41px;
}
.event-ready-guide-step-item-title {
    display: flex;
    margin-bottom: 12px;
    align-items: center;
    font-size: 24px;
    white-space: nowrap;
}
.event-ready-guide-step-item-title.text-center {
    justify-content: center;
}
.event-ready-guide-step-item-title span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.event-ready-guide-step-item-title span.icon-display {
    background-image: url("/assets/images/icon/icon-event-guide-1-1.svg");
}
.event-ready-guide-step-item-title span.icon-logout {
    background-image: url("/assets/images/icon/icon-event-guide-1-2.svg");
}
.event-ready-guide-step-item-title span.icon-battery {
    background-image: url("/assets/images/icon/icon-event-guide-2-1.svg");
}
.event-ready-guide-step-item-title span.icon-sd {
    background-image: url("/assets/images/icon/icon-event-guide-2-4.svg");
}
.event-ready-guide-step-item-title span.icon-backup {
    background-image: url("/assets/images/icon/icon-event-guide-2-3.svg");
}
.event-ready-guide-step-item-title span.icon-clean {
    background-image: url("/assets/images/icon/icon-event-guide-2-2.svg");
}
.event-ready-guide-step-sub-list {
    display: flex;
}
.event-ready-guide-step-sub-item {
    /*max-width: 334px;*/
}
.event-ready-guide-step-sub-item:not(:last-child) {
    margin-right: 30px;
}
.event-ready-guide-step-image-box {
    width: 100%;
    margin-bottom: 16px;
}
.event-ready-guide-step-image-box > img {
    width: 334px;
}
.event-ready-guide-step-sub-description-item:not(:last-child) {
    margin-bottom: 8px;
}
.event-ready-guide-step-sub-description-item > h4 {
    font-size: 18px;
    margin-bottom: 4px;
}
.event-ready-guide-step-sub-description-item > p {
    font-size: 18px;
}

.event-ready-guide-step-list-small {
    display: flex;
    justify-content: space-between;
}
.event-ready-guide-step-item-small {
    max-width: 290px;
}
.event-ready-guide-step-item-small:not(:last-child) {
    /*margin-right: 30px;*/
}
.event-ready-guide-step-item-small .event-ready-guide-step-item-small-inner-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 137.6px;
    margin-bottom: 16px;
}
.event-ready-guide-step-item-small .event-ready-guide-step-item-small-inner-image-wrapper > img {
    width: 100%;
}
.event-ready-guide-step-item-small-inner {
    width: 236px;
}
.event-ready-guide-step-item-small-inner > p {
    font-size: 18px;
    text-align: center;
}

.event-ready-guide-download-box {
    width: 100%;
    max-width: 341px;
    margin: 0 auto;
}

.event-ready-guide-atm-image-box {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 60px;
}
.event-ready-guide-content .atm-find-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 359px;
    height: 66px;
    margin: 0 auto;
    border-radius: 100px;
    font-size: 20px;
    background: var(--color-primary1);
    color: var(--color-main-white);
}
/* //ATM 방문전 필수사항 페이지 */

/* 공통 유의사항 */
.event-page-notice-box {

}
.event-page-notice-title {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: var(--color-gray3);
    margin-bottom: 17px;
}
.event-page-notice-title > span {
    position: relative;
    top: -1.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    background: url("/assets/images/icon/icon-event-page-exclamation.svg") no-repeat center center;
    background-size: contain;
}
.event-page-notice-item {
    font-size: 18px;
    color: var(--color-gray6);
}
.event-page-notice-item:not(:last-child) {
    margin-bottom: 8px;
}
/* //공통 유의사항 */

/* 이벤트 페이지 모달 */
.event-page-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}
.event-modal-content-box.large {
    max-width: 618px;
}
.event-modal-content-box.medium {
    max-width: 495px;
}
.event-page-modal.js-layer-opened {
    display: block;
}
.event-modal-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.44);
}
.event-modal-content-close-button  {
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url("/assets/images/icon/icon-close.svg") no-repeat center center;
    background-size: contain;
    z-index: 1;
    position: absolute;
    right: 24px;
    top: 24px;
}
.event-modal-content-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% - 40px);
    max-width: 462px;
    padding: 60px 0 30px;
    background: #fff;
    border-radius: 30px;
}
.event-modal-container__icon__close {
    position: absolute;
    top: 22px;
    right: 30px;
    width: 16px;
    height: 16px;
    margin: 0;
    border: none;
    outline: none;
    cursor: pointer;
    background: url("/assets/images/icon/icon-modal-close.svg") no-repeat center;

}
.event-modal-content-box__title {
    padding-bottom: 8px;
}
.event-modal-content-box__primary-color {
    color: var(--color-primary1);
}
.event-modal-content-box__large {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
}
.event-modal-close-button {
    cursor: pointer;
    position: absolute;
    top: 36px;
    right: 46px;
    width: 20px;
}
.event-modal-content-box > h1 {
    font-size: 24px;
    line-height: 1.4em;
    margin-bottom: 42px;
    text-align: center;
}
.event-modal-content-box > p {
    font-size: 16px;
    margin-bottom: 24px;
    text-align: center;
}
.event-modal-content-image-box {
    width: 146px;
    margin-bottom: 42px;
}
.event-modal-content-box > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 32px);
    max-width: 335px;
    height: 58px;
    border-radius: 100px;
    background: var(--color-primary1);
    color: var(--color-main-white);
    font-size: 20px;
}
.event-modal-content-box > button {
    padding: 16px 80px;
    border-radius: 100px;
    background: var(--color-primary1);
    color: var(--color-main-white);
    font-size: 20px;
    line-height: 26px;
}
.event-modal-content-box > button:disabled {
    background: #d9d9d9;
}
.event-not-yet-modal-content-box {
    padding: 72px 0 40px;
}
.event-not-yet-modal-content-box > p {
    font-size: 20px;
    line-height: 28px;
}
.event-not-yet-modal-content-box > button {
    font-size: 20px;
    line-height: 26px;
}
.event-modal-pass-input-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 42px;
}
.event-modal-pass-input-box-item:not(:last-child) {
    margin-right: 24px;
}
.event-modal-pass-input-box-item > h2 {
    font-size: 24px;
    margin-bottom: 12px;
}
.event-modal-pass-select-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.event-modal-pass-select-box > select {
    cursor: pointer;
    position: relative;
    z-index: 2;
    width: 257px;
    height: 60px;
    padding: 16px 24px;
    border: 1px solid var(--color-gray3);
    border-radius: 10px;
    outline: none;
    background: inherit;
    font-size: 18px;
    -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */
}
.medium .event-modal-pass-select-box > select {
    width: 415px;
}
.event-modal-pass-select-box > select:disabled {
    background: rgba(210, 210, 210, 0.5);
}
.event-modal-pass-select-box > span {
    position: absolute;
    z-index: 1;
    right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: url("/assets/images/icon/icon-event-dropdown.svg") no-repeat center center;
    background-size: contain;
}
/* //이벤트 페이지 모달 */

/*이벤트 페이지 전체 모델 표*/
#eventAdditionalPage {
    padding: 72px 0 130px;
}
#eventAdditionalPage em {
    font-weight: 700;
}
.additional-page-header {
    margin-bottom: 72px;
}
.additional-page-header__icon{
    display: inline-block;
    position: relative;
    top: -4px;
    width: 16px;
    height: 16px;
    background: url("/assets/images/icon/icon-x-header.svg") no-repeat center center;
    background-size: contain;
}
.additional-page-header > h1 {
    font-size: 32px;
    line-height: 1.4em;
    margin-bottom: 4px;
    text-align: center;
}
.additional-page-header > p {
    font-size: 20px;
    color: var(--color-gray3);
    text-align: center;
}
.additional-page-table-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
}
.additional-page-table-container > thead > tr > th {
    padding: 24px 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    background: #FAFAFA;
    border: 1px solid #C8C8C8;
    border-bottom: none;
}
.additional-page-table-container > thead > tr > th:first-child{
    border-left: none;
}
.additional-page-table-container > tbody > tr > td:last-child,
.additional-page-table-container > thead > tr > th:last-child{
    border-right: none;
    vertical-align: middle;
}
.additional-page-table-container > tbody > tr > td{
    padding: 24px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    border: 1px solid #C8C8C8;
}
.additional-page-table-container > tbody > tr > .product-brand {
    font-size: 18px;
    border-left: none;
}
/*이벤트 페이지 전체 모델 표*/

/* 임시 이벤트 BOS */
#bosCsPage > header {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1340px;
    padding: 72px 0;
    margin: 0 auto;
}
#bosCsPage .page-title {
    font-size: 32px;
    font-weight: 700;
}
#bosCsPage > main {
    padding: 72px 0;
}
#bosCsPage > main section {
    padding: 0 30px;
    width: 100%;
    max-width: 1340px;
    margin: 0 auto;
}
#bosCsPage > main h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 24px;
}
#bosCsPage .search-section {
    margin-bottom: 24px;
}
#bosCsPage select,
#bosCsPage button,
#bosCsPage input {
    font-size: 18px;
}

#bosCsPage .search-form {
    display: flex;
    align-items: center;
    gap: 12px;
}
#bosCsPage .search-form input {
    flex: 1;
    padding: 16px 24px;
    border: 1px solid #7D7D7D;
    border-radius: 10px;
}
#bosCsPage .search-form button {
    padding: 16px 25px;
    background: #33CCBD;
    color: #fff;
    border-radius: 10px;
}
#bosCsPage .search-form button.outline-button {
    background: #fff;
    color: #33ccbd;
    border: 1px solid #33ccbd;
}
#bosCsPage .select-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
#bosCsPage .select-box > select {
    cursor: pointer;
    position: relative;
    z-index: 2;
    width: 227px;
    height: 60px;
    padding: 16px 24px;
    border: 1px solid var(--color-gray3);
    border-radius: 10px;
    outline: none;
    background: inherit;
    font-size: 18px;
    -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */
}
#bosCsPage .select-box > select:disabled {
    background: rgba(210, 210, 210, 0.5);
}
#bosCsPage .select-box > span {
    position: absolute;
    z-index: 1;
    right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: url("/assets/images/icon/icon-event-dropdown.svg") no-repeat center center;
    background-size: contain;
}

#bosCsPage .table-wrapper {
    width: 100%;
    overflow-x: scroll;
}

#bosCsPage table {
    width: auto;
}

#bosCsPage table th,
#bosCsPage table td {
    padding: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    border: 2px solid #fff;
}
#bosCsPage table th {
    background: #33CCBD;
    color: #fff;
    font-weight: 700;
}
#bosCsPage table th.sortable {
    position: relative;
    cursor: pointer;
}
#bosCsPage table td {
    background: #FAF7F7;
}
#bosCsPage table td.highlight {
    background: #d4fff9;
}
#bosCsPage table td span {
    color: #2F80ED;
    text-decoration: underline;
    cursor: pointer;
}
#bosCsPage table .select-box {
    padding: 0;
}
#bosCsPage table .select-box .black {
    color: #555;
}
#bosCsPage table .select-box .yellow {
    color: #F2994A;
}
#bosCsPage table .select-box .red {
    color: #EB5757;
}
#bosCsPage table .select-box .green {
    color: #33ccbd;
}
#bosCsPage table .select-box > select {
    padding: 0 10px;
    width: 108.5px;
    height: 40.58px;
    font-size: 10px;
}
#bosCsPage table .select-box span {
    right: 10px;
    width: 15px;
    height: 15px;
}
#bosCsPage .tab-section {
    width: 100%;
    margin: 0 auto 72px;
    max-width: 1340px;
    overflow: auto;
    padding: 0 30px;
}
#bosCsPage .tab-section ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    font-size: 20px;
}
#bosCsPage .tab-section ul > li {
    cursor: pointer;
    color: #9b9b9b;
    flex-shrink: 0;
    text-align: center;
    font-size: 19px;
}
#bosCsPage .tab-section ul > li:hover {
    color: #0ac3bc;
}
#bosCsPage .tab-section ul > li:not(.is-active):hover > span {
    background-color: var(--color-primary1);
    opacity: 0.8;
}
#bosCsPage .tab-section ul > li.is-active > p {
    font-weight: bold;
    color: #0ac3bc;
    text-decoration: underline;
    text-underline-offset: 2.5px;
}
#bosCsPage .tab-section ul > li > span {
    margin-top: 2px;
    padding: 1px 8px;
    border-radius: 12px;
    background-color: var(--color-gray5);
    color: white;
}
#bosCsPage .tab-section ul > li.is-active > span {
    background-color: var(--color-primary1);
    font-weight: bold;
}
/* //임시 이벤트 BOS */

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

.s23-event-banner-section {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.s23-event-banner-image-wrapper {
    width: 100%;
}

.s23-event-info-section {
    margin-top: 158px;
    text-align: center;
}

.s23-event-info-section p {
    font-weight: 400;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
    color: black;
}

.s23-event-label {
    padding: 8px 20px;
    border: 1px solid var(--color-primary1);
    border-radius: 100px;
    font-size: 20px;
    line-height: 28px;
    color: var(--color-primary1);
}

.s23-event-info-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    color: var(--color-main-black);
}

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

.s23-event-info-button-wrapper {
    padding: 40px 20px 4px
}

.s23-event-info-button {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    padding: 16px 92px;
    background-color: var(--color-primary1);
    color: var(--color-main-white);
    border-radius: 40px;
}

.s23-event-add-kakao-channel-image-section {
    margin-top: 5px;
    text-align: center;
}

.s23-event-add-kakao-channel-image-section img {
    width: 540px;
}

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

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

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

.s23-main-event-guide-section {
    padding-top: 150px;
    padding-bottom:0px;
    background-color: var(--color-main-white)
}

.s23-main-event-price-summary-section {
    padding-top: 120px;
    padding-bottom: 120px;
    margin-bottom: 0px;
    background-color: var(--color-main-white);
}

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

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

.s23-main-event-subscription-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px
}

.s23-main-event-pros-section {
    padding-top: 150px;
    padding-bottom: 81px;
    background-color: var(--color-sub-white2);
}

.s23-main-event-label {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 28px;
}

.s23-main-event-subscription-header h2 {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
}

.s23-main-event-subscription-header p {
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: var(--color-gray7)
}

.s23-main-event-pros-container {
    margin: 0 auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1280px;
    width: 100%;
}

.s23-main-event-pros-item-wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
    justify-content: center;
    flex-wrap: nowrap;
}

.s23-main-event-pros-item {
    display: flex;
    justify-content: center;
    flex: 1 1 50%;
}

.s23-main-event-pros-item-content {
    display: flex;
    align-self: stretch;
    justify-content: center;
    flex-direction: column;
}

.s23-main-event-pros-item h3 {
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: var(--color-main-black);
    padding-bottom: 8px;
}

.s23-main-event-pros-item p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--color-gray3);
}

.s23-main-event-pros-item-top {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

div.s23-main-event-horizon-divider {
    width: 90%;
    max-width: 1280px;
    padding: 0;
    margin: 0;
    height: 0;
    border-top: 1px solid var(--color-primary1)
}

div.s23-main-event-vertical-divider {
    width: 0;
    height: 384px;
    padding: 0;
    margin: 0;
    border-right: 1px solid var(--color-primary1)
}

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

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

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

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

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

.s23-main-event-return-guide-footer {
    margin: 80px auto 0px;
    width: 100%;
    max-width: 1320px;
    padding: 0 20px;
}

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

.s23-main-event-double-section {
    padding-top: 82px;
}
.s23-main-event-double-banner {
    max-height: 372px;
    max-width: 1280px;
    width: calc(100% - 40px);
    margin: 0 auto 60px;
    position: relative;
}
.s23-main-event-double-banner-button {
    color: var(--color-main-white);
    background-color: var(--color-primary1);
    padding: 12px 34.5px;
    border-radius: 40px;
    position: absolute;
    bottom: 12.1%;
    left: 4.2%;
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    text-align: center;
}
br.is-under-1280-only {
    display: none;
}

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

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

/* s23 더블보상 이벤트 페이지 */
.is--tablet-mobile-only-display-table {
    display: none;
}
#doubleEventPage {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#doubleEventPage > section {
    width: 100%;
    max-width: 1320px;
}
#doubleEventPage > section:first-child {
    max-width: 1920px;
}
#doubleEventPage > section:nth-child(4) {
    max-width: unset;
}
.double-event-guide-section {
    margin: 140px auto 0;
    padding: 0 20px;
}
.double-event-section-header {
    text-align: center;
    margin-bottom: 80px;
}
.double-event-section-header > h2 {
    font-size: 50px;
    letter-spacing: -0.05em;
}
.double-event-section-header > h2 > em {
    border-bottom: 5px solid var(--color-primary1);
}
.double-event-guide-list {
    width: 100%;
}
.double-event-guide-item {
    display: flex;
    align-items: center;
    gap: 24px;
}
.double-event-guide-item:not(:last-child) {
    margin-bottom: 16px;
}
.double-event-guide-item > h3 {
    width: 150px;
    padding: 10px 0;
    text-align: center;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: -0.05em;
    border-radius: 20px;
    color: var(--color-main-white);
    background-color: var(--color-primary1);
}
.double-event-guide-item > p {
    font-size: 22px;
    line-height: 36px;
    letter-spacing: -0.03em;
}
.double-event-guide-item > p > span {
    color: var(--color-gray3);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.03em;
    display: flex;
    align-items: center;
}
.double-event-benefits-section {
    margin: 80px 0 95px;
    padding: 0 20px;
}
.double-event-benefits-table {
    width: 100%;
    border-collapse: collapse;
}
.double-event-benefits-table th,
.double-event-benefits-table td {
    letter-spacing: -0.03em;
}
.double-event-benefits-table th {
    font-weight: bold;
    font-size: 26px;
    line-height: 28px;
    text-align: center;
    padding: 21px 0;
    color: var(--color-main-white);
    background-color: var(--color-primary1);
}
.double-event-benefits-table th:first-child {
    border-radius: 20px 0 0 0;
}
.double-event-benefits-table th:last-child {
    border-radius: 0 20px 0 0;
}
.double-event-benefits-table th:not(:first-child) {
    border-left: 1px solid var(--color-main-white);
}
.double-event-benefits-table td {
    background-color: #F2FDFD;
    vertical-align: middle;
}
.double-event-benefits-table td.col0 {
    color: var(--color-primary1);
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
}
.double-event-benefits-table tr.row1 {
    height: 160px;
}
.double-event-benefits-table td:not(.col0) {
    border-left: 1px solid var(--color-primary1);
}
.double-event-benefits-table tbody tr:not(.row1) {
    border-top: 1px solid var(--color-primary1);

}
.double-event-benefits-table tr.row1 td:not(.col0) div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.double-event-benefits-table tr.row1 p {
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #222222;
}
.double-event-benefits-table tr:not(.row1) td:not(.col0) div {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding: 26px 64px;
    gap: 20px;
}
.double-event-benefits-table tr:not(.row1) td:not(.col0) p {
    width: 100%;
    color: #222222;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
}
.double-event-benefits-table tr:not(.row1) td:not(.col0) p > em {
    color: var(--color-primary1);
    text-decoration: underline;
    text-underline-position: under;
}
.double-event-benefits-table tr:not(.row1) td:not(.col0) p > span {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
}
.double-event-benefits-table tr:last-child td:first-child {
    border-radius: 0 0 0 20px;
}
.double-event-benefits-table tr:last-child td:last-child {
    border-radius: 0 0 20px 0;
}
.double-event-instruction-section {
    padding: 140px 20px 80px;
    background-color: #DBFAF7;
}
.double-event-instruction-section p,
.double-event-instruction-section h2 {
    letter-spacing: -0.03em;
}
.double-event-instruction-list {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
}
.double-event-instruction-list-item {
    display: flex;
    align-items: center;
    background-color: var(--color-main-white);
    border-radius: 20px;
    min-height: 223px;
}
.double-event-instruction-list-item:not(:last-child) {
    margin-bottom: 16px;
}
.double-event-instruction-image-wrapper {
    width: 330px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.double-event-instruction-text {
    height: 100%;
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
}
.double-event-instruction-header-step {
    color: var(--color-primary1);
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 10px;
}
.double-event-instruction-header-title {
    color: #222222;
    font-size: 26px;
    line-height: 46px;
    margin-bottom: 4px;
}
.double-event-instruction-content {
    color: #222222;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 26px
}
.double-event-instruction-notice {
    color: #7D7D7D;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: start;
    white-space: pre;
    margin-bottom: 30px;
}
.double-event-instruction-notice > .double-event-icon-info {
    margin-top: 1px;
}
span.double-event-icon-info {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background: url(/assets/images/icon/icon-event-page-notice.svg) no-repeat center center;
    background-size: contain;
}
.double-event-button-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}
.double-event-button-detail {
    color: var(--color-main-white);
    background-color: var(--color-primary1);
    border-radius: 40px;
    padding: 17px 82px;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
}
#doubleEventPage .event-page-notice-list {
    margin-left: 16px;
    text-indent: -16px;
}
#doubleEventPage .s23-event-page-notice-item {
    margin-bottom: 0;
    line-height: 28px;
}
#doubleEventPage .s23-event-page-notice-item::before {
    content: 'ㆍ';
}
#doubleEventPage .s23-event-page-notice-item > small {
    font-size: 16px;
    line-height: 28px;
}
/* // s23 더블보상 이벤트 페이지 */

/* 플러스 보상 (스탬프) 이벤트 페이지 */
.stamp-event-root > section:not(.stamp-event-banner-section) {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.stamp-event-banner-section {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.stamp-event-banner-image-wrapper {
    width: 100%;
    position: relative;
}
.stamp-event-banner-image {
    width: 100%;
}
.stamp-event-copyright {
    font-size: 16px;
    line-height: 22px;
    color: #999999;
    position: absolute;
    right: 16.6%;
    top: 80%;
}
.stamp-event-header {
    text-align: center;
    font-size: 50px;
    line-height: 24px;
}
.stamp-event-header.border-bottom-green > h2 > em {
    border-bottom: 5px solid #C1FAE5;
}
.stamp-event-header.border-bottom-purple > h2 > em {
    border-bottom: 5px solid #C1DBFA;
}
.stamp-event-guide-section {
    position: relative;
    background-color: white;
    margin: max(-13%, -250px) auto 0;
    padding-top: 102px;
    padding-bottom: 126px;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
}
.stamp-event-guide-section > header {
    top: 100px;
}
.stamp-event-guide-list {
    width: 100%;
    max-width: 1280px;
    margin: 90px auto 0;
}
.stamp-event-guide-item {
    display: flex;
    align-items: center;
    gap: 24px;
}
.stamp-event-guide-item:not(:last-child) {
    margin-bottom: 20px;
}
.stamp-event-guide-item:nth-child(3) {
    margin-bottom: 50px;
}
.stamp-event-guide-item:nth-child(4) {
    margin-bottom: 50px;
    gap: 0;
}
.align-items-start {
    align-items: start;
}
.stamp-event-guide-item > h3 {
    flex-shrink: 0;
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
    letter-spacing: -0.05em;
    text-align: center;
    color: black;
    min-width: 150px;
    background-color: #C1FAE5;
    border-radius: 20px;
    padding: 10px 24px;
}
.stamp-event-guide-item > p,
.stamp-event-guide-item > .stamp-event-benefit-wrapper > p {
    font-size: 22px;
    line-height: 36px;
    letter-spacing: -0.03em;
    color: #222222;
}
.stamp-event-benefit-wrapper {
    position: relative;
    flex: 1;
}
.stamp-image-label-wrapper {
    position: absolute;
    opacity: 0;
    width: 13%;
}
.stamp-image-label-wrapper.first {
    top: 17.5%;
    left: 30%;
}
.stamp-image-label-wrapper.second {
    top: 41.5%;
    left: 69.5%;
}
.stamp-image-label-wrapper.third {
    top: 68.5%;
    left: 10%;
}

.stamp-event-benefit-wrapper .stamp-image {
    width: 100%;
    height: 100%;
    rotate: 8deg;
}
.stamp-label {
    width: 66.7%;
    height: 23.8%;
    rotate: -10deg;
    position: absolute;
    top: -17%;
    left: 35%;
}
.stamp-event-benefit-notice {
    position: absolute;
    font-size: 22px;
    line-height: 30px;
}
.stamp-event-benefit-notice.first {
    top: 141px;
    left: 507px;
}
.stamp-event-benefit-notice.second {
    top: 378px;
    left: 393px;
}
.stamp-event-benefit-notice.third {
    top: 620px;
    left: 269px;
}
.stamp-event-benefit-notice > p > em {
    font-weight: bold;
    text-decoration: underline 1px;
    text-underline-offset: 2.5px;
}
.stamp-event-participation-criteria > p {
    font-size: 22px;
    line-height: 36px;
    letter-spacing: -0.03em;
    color: #222222;
    padding-top: 5px;
    margin-bottom: 21px;
    padding-left: 29px;
}
.stamp-event-participation-criteria-example-wrapper {
    width: 100%;
    display: flex;
    gap: 40px;
}
.stamp-event-participation-criteria-example {
    text-align: center;
}
.stamp-event-participation-criteria-example > img {
    margin-bottom: 16px;
}
.stamp-event-participation-criteria-example > p {
    font-size: 22px;
    line-height: 36px;
    letter-spacing: -0.03em;
    color: #222222;
}
.stamp-event-participation-criteria-example > p > span {
    text-decoration: underline 1px solid;
    text-underline-offset: 3px;
}
.stamp-event-reward-date {
    font-size: 22px;
    line-height: 36px;
    letter-spacing: -0.03em;
    color: #222222;
}
.stamp-event-faq-section {
    border-radius: 60px 60px 0 0;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #EFF3FA;
}
.stamp-event-faq-description-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}

.stamp-event-faq-description-wrapper > img {
    width: 68px;
    height: 65px;
}

.stamp-event-faq-section p {
    font-size: 22px;
    line-height: 24px;
    letter-spacing: -0.03em;
    font-weight: bold;
    color: #222222;
}
.stamp-event-faq-button-wrapper {
    padding-left: 83px;
    display: flex;
    gap: 14px;
}
.stamp-event-faq-section a {
    font-size: 22px;
    line-height: 24px;
    letter-spacing: -0.05em;
    font-weight: bold;
    text-align: center;
    color: black;
    padding: 16px 24px;
    border-radius: 30px;
    border: 2px solid #FFFFFF;
    background-color: #C1DBFA;
}
.stamp-event-faq-contents {
    width: 100%;
    max-width: 1280px;
    margin: 37px auto 0;
}

@-webkit-keyframes slide-in-bck-center {
    0% {
        -webkit-transform: perspective(1000px) translateZ(600px);
        transform: perspective(1000px) translateZ(600px);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(1000px) translateZ(0);
        transform: perspective(1000px) translateZ(0);
        opacity: 1;
    }
}
@keyframes slide-in-bck-center {
    0% {
        -webkit-transform: perspective(1000px) translateZ(600px);
        transform: perspective(1000px) translateZ(600px);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(1000px) translateZ(0);
        transform: perspective(1000px) translateZ(0);
        opacity: 1;
    }
}

.stamp-event-animation {
    -webkit-animation: slide-in-bck-center 1s cubic-bezier(0.250, 0.460, 0.000, 1.090) both;
    animation: slide-in-bck-center 1s cubic-bezier(0.250, 0.460, 0.000, 1.090) both;
    animation-delay: 0.5s;
}
/* // 플러스 보상 (스탬프) 이벤트 페이지 */

/* 지구의 날 폰 순환 캠페인 룰렛 페이지 */
.roulette-event-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.roulette-event-background {
    background: url("/assets/images/img/img-event-phone-cycling-roulette-page-top-pc.png") no-repeat;
    background-size: 100% auto;
    padding-top: 27.13%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-x: hidden;
}

.roulette-event-roulette-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 70%;
}

.roulette-event-board-image {
    text-align: center;
}

.roulette-event-arrow-image {
    position: absolute;
}

.roulette-event-start-button {
    position: absolute;
    padding: 0;
    width: 15%;
    outline: none;
    display: flex;
    align-items: center;
}
.roulette-event-start-button:disabled {
    cursor: not-allowed;
}
.roulette-event-start-button-image {
    width: 100%;
}
.roulette-event-bottom-section {
    margin-top: -5%;
}
.roulette-event-order-number-title {
    text-decoration: underline 1px solid;
    text-underline-offset: 2px;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px;
}
.roulette-event-order-number-table {
    width: 40%;
    margin-top: -50px;
    padding-bottom: 120px;
}
.roulette-event-order-number-header {
    background-color: #CDE2DF;
    display: flex;
    border-radius: 20px 20px 0 0;
}
.roulette-event-order-number-header > div {
    padding: 12px 42px;
    width: 50%;
    text-align: center;
}
.roulette-event-order-number-header > div:first-child {
    border-right: white 1px solid;
}
.roulette-event-order-number-li {
    background-color: white;
    display: flex;
}
.roulette-event-order-number-li > div {
    padding: 12px 0;
    width: 50%;
    text-align: center;
}
.roulette-event-order-number-li.Y {
    color: #9F9F9F;
}
.roulette-event-order-number-li {
    border-bottom: #CDE2DF 1px solid;
}
.roulette-event-order-number-li:last-child {
    border-radius: 0 0 20px 20px;
}
.roulette-event-order-number-li > div:first-child {
    border-right: #CDE2DF 1px solid;
}

.roulette-modal-container {
    width: 90%;
    max-width: 700px;
    border-radius: 20px;
    background-color: white;
    padding-bottom: 30px;
    position: relative;
}

.roulette-modal-header {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    top: 0;
    right: 0;
    padding: 15px 15px 0 0;
}
.roulette-modal-body {
    overflow-x: hidden;
    overflow-y: auto;
}
.roulette-modal-unavailable-description {
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 195px;
}
.roulette-modal-lost-description {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 26px;
    margin-bottom: 18px;
}
.roulette-modal-lost-icon {
    width: 58px;
}
.roulette-modal-delivery-notice {
    text-align: center;
    font-size: 23px;
    font-weight: 300;
    height: 90px;
}
.roulette-modal-underline-text {
    text-decoration: underline 1px solid;
    text-underline-offset: 2px;
}
.roulette-modal-auto-apply-notice {
    text-align: center;
    color: #009B86;
    margin-bottom: 40px;
}
.roulette-modal-congratulation {
    text-align: center;
    font-size: 24px;
}
.roulette-modal-winning-product-notice {
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
}
.roulette-modal-winning-product-notice em {
    color: #23A896;
}
/* //지구의 날 폰 순환 캠페인 룰렛 페이지 */
/* 지구의 날 폰 순환 캠페인 상세 페이지 */
#eventDetailPage .phone-cycling-event-notice-box {
    width: 80%;
    max-width: 1280px;
    padding: 0 35px;
}

/* 유튜브 버튼 영역 스타일*/
.roulette-event-bottom-youtube-notice {
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.roulette-event-bottom-youtube-notice > h5 {
    width: auto;
    font-size: 20px;
    font-weight: 500;
    border: 1px var(--color-primary1) solid;
    color: var(--color-primary1);
    padding: 8px 20px;
    border-radius: 22px;
}
.roulette-event-bottom-youtube-notice > h3 {
    margin-top: 12px;
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
}
.roulette-event-bottom-youtube-notice > p {
    margin-top: 50px;
    font-size: 26px;
    line-height: 40px;
}
.roulette-event-bottom-youtube-notice > a {
    margin-top: 40px;
    padding: 16px 90px;
    background-color: var(--color-primary1);
    color: white;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    border-radius: 40px;
}
.roulette-event-bottom-youtube-notice > img {
    width: 647px;
    margin-top: 48px;
}
/* //유튜브 버튼 영역 스타일*/
/* //지구의 날 폰 순환 캠페인 상세 페이지 */

/* z5 추가보상 이벤트 페이지*/
#z5EventMainPage {
    --title-font-size: 40px;
    --title-line-height: 58px;
    --label-font-size: 24px;
    --label-line-height: 30px;
    --base-font-size: 26px;
    --base-line-height: 40px;
    --small-font-size: 20px;
    --small-line-height: 32px;
    --color-grey: #7D7D7D;

    font-family: "Pretendard", sans-serif;
    margin: 0 auto;
}

#z5EventMainPage > .z5-key-visual-section {
    width: 100%;
    max-width: 1920px;
}
#z5EventMainPage > section,
#z5EventMainPage > section > * {
    margin: 0 auto;
}

#z5EventMainPage img {
    display: block;
}
#z5EventMainPage button:focus {
    outline: none;
}
.z5-key-visual-image-wrapper {
}
.z5-key-visual-image {
    width: 100%;
}
.z5-event-notice-section {
    padding: 150px 0 20px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.z5-find-minti-band-button {
    display: block;
    padding: 0;
    position: relative;
}
.z5-find-minti-band-absolute-wrapper img {
    position: absolute;
}
.z5-search-icon {
    top: 22%;
    left: 73%;
    width: 3.65%;
    animation: bounce 1s ease-out infinite;
}
.z5-footprints-icon {
    width: 6.77%;
    top: 39.73%;
    left: 68.7%;
}
.event-section-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.event-round-label {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    padding: 8px 20px;
    border-radius: 22px;
    color: var(--color-primary1);
    border: 1px solid var(--color-primary1);
    display: block;
    width: fit-content;
}
.event-title {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    text-align: center;
}
.event-notice-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1240px;
}
.event-target-model-image-wrapper {
    width: 360px;
    height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.event-notice-list {
    flex: 0 1 800px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.event-notice-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.event-notice-list-item-label {
    font-size: var(--label-font-size);
    line-height: var(--label-line-height);
    color: var(--color-primary1);
    font-weight: 700;
    display: flex;
    align-items: center;
    width: 152px;
    flex-shrink: 0;
}
.event-notice-list-item-label > .event-notice-label-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.event-notice-list-item-text {
    flex: 0 1 626px;
    font-size: var(--base-font-size);
    line-height: var(--base-line-height);
    text-align: left;
}
.event-notice-list-item-text > span {
    font-size: var(--small-font-size);
    line-height: var(--small-line-height);
    color: var(--color-grey);
}
.event-notice-list-item-text-wrapper {
    display: flex;
    align-items: center;
    flex: 0 0 626px;
    overflow: visible;
    width: 626px;
}
.event-notice-list-item-text-wrapper > p {
    overflow: visible;
    white-space: nowrap;
}
.event-notice-list-item-text-wrapper > p:first-child {
    padding-right: 32px;
    border-right: 1px solid #000000;
}
.event-notice-list-item-text-wrapper > p:nth-child(2) {
    margin-left: 32px;
}

@media only screen and (max-width: 1440px) {
    .event-notice-list-item-text-wrapper {
        align-items: flex-start;
        flex-direction: column;
    }
    .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-right: 0;
        border-right: none;
        padding-bottom: 10px;
        border-bottom: 1px solid #000000;
    }
    .event-notice-list-item-text-wrapper > p:nth-child(2) {
        margin-top: 10px;
        margin-left: 0;
    }
}

.event-primary-color-span {
    color: #33CCBD;
}
.z5-benefits-section {
    background: no-repeat url("/assets/images/img/z5-main-section-bg-2-pc.png") center top;
    padding: 150px 0 0;
    display: flex;
    flex-direction: column;

    --benefits-label-font-size: 28px;
    --benefits-label-line-height: 48px;

    --benefits-sub-label-font-size: 18px;
    --benefits-sub-label-line-height: 30px;

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

    --benefits-base-price-font-size: 36px;
    --benefits-base-price-line-height: 48px;

    --benefits-main-price-font-size: 36px;
    --benefits-main-price-line-height: 48px;

    --benefits-event-price-font-size: 32px;
    --benefits-event-price-line-height: 48px;

    --benefits-total-price-font-size: 48px;
    --benefits-total-price-line-height: 48px;
}
.z5-benefits-container {
    padding: 119px 0 128px;
    width: 1240px;
    text-align: center;
}
.z5-benefits-container .benefits-point1 {
    color: #03696D;
}
.z5-benefits-container .benefits-point2 {
    color: #2B827F;
}
.z5-benefits-container .benefits-point3 {
    color: #05B8AC;
}
.z5-benefits-container > span:first-child {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    font-weight: 600;
}
.z5-benefits-contents-wrapper {
    padding: 12px 0 88px;
    width: 100%;
}
.z5-benefits-contents-base-price-row {
    padding: 20px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}
.z5-benefits-contents-price-list {
    padding: 20px 60px;
    border-radius: 24px;
    background: rgba(246, 248, 249, 0.699999988079071);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.z5-benefits-divider {
    border: 0;
    height: 1px;
    background-color: #CEDDDE;
    width: 100%;
    margin-block-start: 0;
    margin-block-end: 0;
}
.z5-benefits-contents-main-price-row {
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.z5-benefits-contents-event-price-row {
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.z5-benefits-contents-notice {
    width: fit-content;
    margin: 16px auto 0;
}
.z5-benefits-contents-notice > p:not(:last-child) {
    margin-bottom: 6px;
}
.z5-benefits-contents-notice > p:last-child {
    /*color: #454545;*/
}
.z5-benefits-contents-notice > p {
    color: #7D7D7D;

    font-family: "Spoqa Han Sans Neo", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;

    word-break: keep-all;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}
.z5-benefits-contents-notice > p::before {
    content: "";
    display: block;
    width: 24px;
    height: 20px;
}
.z5-benefits-contents-notice > p:not(:last-child)::before {
    background: no-repeat url("/assets/images/icon/icon-event-page-notice.svg") center center;
    background-size: contain;
}
.z5-benefits-contents-notice > p:last-child::before {
    background: no-repeat url("/assets/images/icon/icon-event-page-notice-black.svg") center center;
    background-size: contain;
}
.z5-benefits-contents-total-price-row {
    margin-top: 79px;
    padding: 20px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.z5-benefits-label-font {
    font-size: var(--benefits-label-font-size);
    line-height: var(--benefits-label-line-height);
    font-weight: 700;
}
.z5-benefits-sub-label-font {
    font-size: var(--benefits-sub-label-font-size);
    line-height: var(--benefits-sub-label-line-height);
    color: #4D4D4D;
    font-weight: 500;
}
.z5-benefits-sub-label-font.-ml-4px {
    margin-left: -4px;
}
.z5-benefits-total-label-font {
    font-size: var(--benefits-total-label-font-size);
    line-height: var(--benefits-total-label-line-height);
}
.z5-benefits-total-price-font {
    font-size: var(--benefits-total-price-font-size);
    line-height: var(--benefits-total-price-line-height);
    color: #141414;
    font-weight: 800;
}
.z5-benefits-base-price-font {
    font-size: var(--benefits-base-price-font-size);
    line-height: var(--benefits-base-price-line-height);
    color: #141414;
    font-weight: 600;
}
.z5-benefits-main-price-font {
    font-size: var(--benefits-main-price-font-size);
    line-height: var(--benefits-main-price-line-height);
    font-weight: 700;
}
.z5-benefits-event-price-font {
    font-size: var(--benefits-event-price-font-size);
    line-height: var(--benefits-event-price-line-height);
    font-weight: 700;
}
.z5-benefits-label-wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
}
.z5-benefits-label {
    width: 76px;
    padding: 4px 0;
    color: #FFF;
    border-radius: 99px;
    background-color: #11A7A7;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.z5-benefits-label-text-wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
}
.z5-benefits-detail-button {
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 10px 12px;
    gap: 6px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.50);
    color: #333333;
    margin-left: -8px;
}
.z5-how-to-section {
    padding: 72px 0 0;
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.z5-how-to-guide-list {
    position: relative;
    display: flex;
    align-items: start;
    justify-content: space-between;
    max-width: 1412px;
    padding: 0 30px 200px;
    width: 100%;
    overflow: auto;
    gap: 44px;
}
.z5-how-to-guide-list::-webkit-scrollbar {
    display: none;
}
.z5-how-to-guide-list-dot-line {
    position: absolute;
    top: 0;
    padding: 70px 0 0;
    border-bottom: 1px dashed #D7D1FA;
    justify-self: center;
    overflow: hidden;
    width: calc(((100% - 192px) / 4 * 3) + 132px);
    max-width: 1048px;
    min-width: 870px;
    left: calc(((100% - 192px) / 8) + 30px);
}
@media only screen and (max-width: 1190px) {
    .z5-how-to-guide-list-dot-line {
        left: 152.875px;
    }
}
.z5-how-to-guide-list-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 28px;
    flex: 0 1 305px;
    min-width: 247px;
}
.z5-how-to-guide-list-item > span:first-child {
    padding: 6px 16px;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    border-radius: 20px;
    background-color: var(--color-primary1);
}
.z5-how-to-guide-list-item > span:nth-child(2) {
    background: no-repeat url("/assets/images/icon/icon-double-circle.svg") center center;
    width: 13px;
    height: 13px;
}
.z5-how-to-guide-list-item-contents {
    padding: 40px 24px 0;
    border-radius: 30px;
    background: #FFFFFF;
    box-shadow: 4px 4px 24px 0 rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
}
.z5-how-to-guide-list-item-contents-title {
    color: #000;
    font-size: 24px;
    line-height: 24px;
    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 {
    text-align: center;
    color: #262626;
    font-size: 18px;
    line-height: 26px;
}
.z5-how-to-guide-list-item-contents-description > p:nth-child(2) {
    color: #7D7D7D;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
}
.z5-how-to-guide-list-item-contents.short > .z5-how-to-guide-list-item-contents-description {
    gap: 12px;
}
.z5-how-to-guide-list-item-contents.long > .z5-how-to-guide-list-item-contents-description {
    gap: 24px;
}

.z5-how-to-guide-list-item-contents.short {
    padding-bottom: 36px;
}
.z5-how-to-guide-list-item-contents.long {
    padding-bottom: 20px;
}
.z5-how-to-guide-list-item-contents-required-wrapper {
    width: 100%;
    padding: 20px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    border-radius: 12px;
    background: #F6F7F9;
}
.z5-how-to-guide-list-item-contents-required-label {
    border-radius: 99px;
    border: 0.5px solid #B4C1EE;
    background: #FFF;
    padding: 4px 16px;
    color: #5F78D3;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
.z5-how-to-guide-list-item-contents-required-description {
    color: #5D77D5;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.z5-how-to-guide-list-item-contents-required-link {
    display: flex;
    align-items: center;
    border-radius: 4px;
    background: #5F78D3;
    padding: 6px 18px;
    gap: 12px;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}
.z5-how-to-guide-list-item-contents-required-link::after {
    content: "";
    width: 5px;
    height: 10px;
    background: no-repeat url("/assets/images/icon/icon-arrow-right2.svg") center center;
}
.z5-how-to-guide-list-item-contents-required-notice {
    margin: -8px 0 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.z5-how-to-guide-list-item-contents-required-notice-header {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
    width: 100%;
    margin-bottom: 10px;
}
.z5-how-to-guide-list-item-contents-required-notice-header .divider {
    margin-top: 9.5px;
    flex-grow: 1;
    height: 1px;
    background: #EEEEEE;
}
.z5-how-to-guide-list-item-contents-required-notice-header h5 {
    flex-grow: 0;
    flex-shrink: 0;
    color: #262626;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    display: flex;
    align-items: center;
}
.z5-how-to-guide-list-item-contents-required-notice-header h5::before {
    content: "";
    background: no-repeat url("/assets/images/icon/icon-exclamation-gray.svg") center center;
    width: 14px;
    height: 14px;
    margin-right: 6px;
}
.z5-how-to-guide-list-item-contents-required-notice p:not(:last-child) {
    margin-bottom: 4px;
}
.z5-how-to-guide-list-item-contents-required-notice p {
    color: #666;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}
.z5-why-mintit-section {
    --why-mintit-label-font-size: 20px;
    --why-mintit-label-line-height: 28px;

    --why-mintit-title-font-size: 40px;
    --why-mintit-title-line-height: 58px;

    --why-mintit-contents-title-font-size: 38px;
    --why-mintit-contents-title-line-height: 100%;

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

    --why-mintit-bottom-button-font-size: 20px;
    --why-mintit-bottom-button-line-height: 26px;

    background: no-repeat url("/assets/images/img/z5-main-section-bg-3-tr-pc.svg") center top #33D7CC;
    padding: 140px 24px 100px;
    display: flex;
    flex-direction: column;
    gap: 60px;
    align-items: center;
}
.z5-why-mintit-label {
    color: #FFF;
    display: block;
    width: fit-content;
    text-align: center;
    font-size: var(--why-mintit-label-font-size);
    font-weight: 800;
    line-height: var(--why-mintit-label-line-height);
    border-radius: 22px;
    border: 1px solid #FFF;
    padding: 7px 20px;
    margin: 0 auto;
}
.z5-why-mintit-title {
    margin-top: 32px;
    color: #FFF;
    text-align: center;
    font-size: var(--why-mintit-title-font-size);
    font-weight: 800;
    line-height: var(--why-mintit-title-line-height);
    position: relative;
    z-index: 1;
}
.z5-why-mintit-title::before {
    z-index: 0;
    content: "";
    width: 65px;
    height: 14px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.2);
    bottom: 4px;
    left: 3.5px;
}
.z5-why-mintit-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    margin: 0 auto;
    max-width: 1020px;
    position: relative;
}
.z5-why-mintit-minti-image {
    width: 135px;
    height: 165px;
    transform: translateY(-100%);
    position: absolute;
    right: 62px;
    z-index: 0;
}
.z5-why-mintit-list-item {
    display: flex;
    gap: 20px;
}
.z5-why-mintit-list-item-image-wrapper {
    display: flex;
    flex: 0 1 920px;
    padding: 20px 40px;
    align-items: center;
    gap: 24px;
    border-radius: 20px;
    background: #CDF3F1;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
}
.z5-why-mintit-list-item-image-wrapper::before {
    content: "";
    width: 100px;
    height: 100px;
}
.z5-why-mintit-list-item-image-wrapper.first-reason::before {
    background: no-repeat url("/assets/images/icon/icon-why-mintit-map.svg") center center;
}
.z5-why-mintit-list-item-image-wrapper.second-reason::before {
    background: no-repeat url("/assets/images/icon/icon-why-mintit-lock.svg") center center;
}
.z5-why-mintit-list-item-image-wrapper.third-reason::before {
    background: no-repeat url("/assets/images/icon/icon-why-mintit-chip.svg") center center;
}

.z5-why-mintit-list-item-contents {
    display: flex;
    align-items: center;
    gap: 32px;
    height: 42px;
    position: relative;
}
.z5-why-mintit-list-item-contents::before {
    z-index: 0;
    content: "";
    position: absolute;
    bottom: 0;
    width: 65px;
    height: 11px;
    opacity: 0.4000000059604645;
}
.first-reason .z5-why-mintit-list-item-contents::before {
    background: #4FD8A4;
}
.second-reason .z5-why-mintit-list-item-contents::before {
    background: #9DA8FB;
}
.third-reason .z5-why-mintit-list-item-contents::before {
    background: #4095F8;
}
.z5-why-mintit-list-item-contents > h1 {
    z-index: 1;
    color: #141414;
    align-self: start;
    font-size: var(--why-mintit-contents-title-font-size);
    font-weight: 800;
    line-height: var(--why-mintit-contents-title-line-height);
}
.z5-why-mintit-list-item-contents > span {
    color: #666;
    font-size: var(--why-mintit-contents-description-font-size);
    font-weight: 500;
    line-height: var(--why-mintit-contents-description-line-height);
}
.z5-why-mintit-button-wrapper {
    display: flex;
    align-self: center;
    justify-content: center;
    gap: 40px;
    width: 100%;
}
.z5-why-mintit-button {
    width: 50%;
    max-width: 320px;
    padding: 19px 0;
    border-radius: 40px;
    text-align: center;
    font-weight: 700;
    font-size: var(--why-mintit-bottom-button-font-size);
    line-height: var(--why-mintit-bottom-button-line-height);
}
.z5-why-mintit-button.outline {
    color: #FFFFFF;
    border: 1px solid #FFF;
}
.z5-why-mintit-button.fill {
    color: var(--color-primary1);
    background: #FFFFFF;
    border: 1px solid #FFF;
}
.z5-return-section {
    background: no-repeat url("/assets/images/img/z5-main-section-bg-4.svg") center top;
    padding: 150px 0 120px;
    display: flex;
    flex-direction: column;
    align-self: center;
    gap: 64px;

    --return-guide-label-font-size: 20px;
    --return-guide-label-line-height: 36px;

    --return-guide-description-font-size: 18px;
    --return-guide-description-line-height: 28px;

    --return-guide-sub-description-font-size: 16px;
    --return-guide-sub-description-line-height: 24px;
}
.z5-event-return-guide-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 48.4375%
}
.z5-event-return-guide-item-header::after {
    content: "";
    position: relative;
    border-left: 1px dashed #BBCAF6;
    display: block;
    height: 24px;
    top: 0;
    left: 50%;
}
.z5-event-return-guide-item-header > h3 {
    font-size: var(--return-guide-label-font-size);
    line-height: var(--return-guide-label-line-height);
    font-weight: 600;
    color: #141414;
    text-align: center;
    border-radius: 99px;
    background: #E8EDFC;
    padding: 8px 40px;
}
.z5-event-return-guide-contents {
    width: 100%;
    display: flex;
    padding: 36px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    border-radius: 28px;
    background: #FFFFFF;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.12);
    height: 512px;
}
.z5-event-return-guide-content-image-list-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 26px 0;
    justify-content: center;
}
.z5-event-return-guide-content-image-list {
    display: flex;
    align-items: center;
    gap: 24px;
}
.z5-event-return-guide-brand-image-box {
    padding: 17px 0;
}
.z5-event-return-guide-brand-samsung-image-wrapper {
    width: 100%;
    max-width: 362px;
    margin-bottom: 24px;
}
.z5-event-return-guide-brand-etc-image-wrapper {
    width: 100%;
    max-width: 468px;
}
.z5-event-return-guide-content-text-list-wrapper {
    display: flex;
    width: 100%;
    padding: 24px 8.76%;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    border-radius: 12px;
    background: #F6F7F9;
}
.z5-event-return-guide-content-text-list {
    width: 100%;
    margin: 0 auto;
}
.z5-event-return-guide-content-text-list > *:not(:last-child) {
    margin-bottom: 14px;
}
.z5-event-return-guide-item-description-font {
    font-size: var(--return-guide-description-font-size);
    line-height: var(--return-guide-description-line-height);
    color: #262626;
}
.z5-event-return-guide-item-description {
    display: flex;
    align-items: center;
    font-size: var(--return-guide-description-font-size);
    line-height: var(--return-guide-description-line-height);
    color: #262626;
}
.z5-event-return-guide-item-description.colored {
    font-weight: 500;
    color: #5D77D5;
}
.z5-event-return-guide-item-description::before {
    content: "";
    background: no-repeat url("/assets/images/icon/icon-event-page-check-5D77D5.svg") center center;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.z5-event-return-guide-item-sub-description {
    font-size: var(--return-guide-sub-description-font-size);
    line-height: var(--return-guide-sub-description-line-height);
    color: #999999;
    margin-top: 6px;
    margin-left: 4px;
}
.rolling-banner-section {
    width: calc(100% - 40px);
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 0 120px;
}
.rolling-banner-container {
    width: 100%;
    border-radius: 20px;
    background: #EEE;
    position: relative;
    overflow: hidden;
    height: auto;
}
.rolling-banner-images-wrapper {
    display: flex;
    transition: transform 0.5s ease;
}
.rolling-banner-images-wrapper > a {
    flex: 0 0 100%;
}
.rolling-banner-images-wrapper img {
    width: 100%;
}
.rolling-banner-indicator {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    transition: background-color 0.5s ease;
}
.rolling-banner-indicator-circle {
    cursor: pointer;
    width: 12px;
    height: 12px;
    border-radius: 198px;
    opacity: 0.699999988079071;
    background: #FFF;
}
.rolling-banner-indicator-circle.selected-circle {
    background: #33CCBD;
    opacity: 1;
}
.z5-notice-accordion-section {
    max-width: 1320px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
    padding: 0 20px 120px;

    --notice-accordion-header-font-size: 32px;
    --notice-accordion-header-line-height: 32px;

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

    --notice-accordion-detail-font-size: 16px;
    --notice-accordion-detail-line-height: 28px;
}
.z5-notice-accordion-header {
    width: 100%;
    text-align: left;
}
.z5-notice-accordion-header > h3 {
    font-size: var(--notice-accordion-header-font-size);
    line-height: var(--notice-accordion-header-line-height);

    display: flex;
    align-items: center;
    gap: 16px;
}
.z5-notice-accordion-header > h3::before {
    content: "";
    width: 32px;
    height: 32px;

    background: no-repeat url("/assets/images/icon/icon-event-page-exclamation.svg") center center;
    background-size: contain;
}
.z5-notice-accordion-container {
    width: 100%;
}
.z5-notice-accordion-title-font {
    font-size: var(--notice-accordion-title-font-size);
    line-height: var(--notice-accordion-title-line-height);
    color: #262626;
    font-weight: 700;
}
.z5-notice-accordion-detail-font {
    font-size: var(--notice-accordion-detail-font-size);
    line-height: var(--notice-accordion-detail-line-height);
    color: #666;
}
.z5-accordion-list {
    margin: 0;
    border: none;
}
.z5-accordion-list > .ui-list--row__item.z5-accordion-list-item:not(:last-child) {
    margin-bottom: 40px;
}
.z5-accordion-list > .ui-list--row__item.z5-accordion-list-item {
    background-color: transparent;
    transition: none;
    border: none;
}
.z5-accordion-list .z5-accordion-list-item-title {
    padding: 0 0 16px;
    border-bottom: 1px solid #E5E5E5;
}

.z5-accordion-list .z5-accordion-list-item-detail-list {
    padding: 20px 0 0 0.8em;
}
.z5-notice-accordion-detail-font {
    list-style-type: "ㆍ";
}
#z5EventMainPage .ui-list--row .ui-list--row__item__title .ui-list--row__opener {
    background-size: contain;
    width: 20px;
    height: 10px;
}
#z5EventMainPage .ui-icon.ui-list--row__opener.hidden-text {
    top: 9px;
    right: 4px;
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10%);
    }
    100% {
        transform: translateY(0);
    }
}
/* // z5 추가보상 이벤트 페이지*/

/* 민티를 찾아라 이벤트 페이지*/
#findMintiEventPage {
    width: 100%;
    margin: 0 auto;
    background-color: #785CF5;
    text-align: center;
    font-family: "Pretendard", sans-serif;
}
#findMintiEventPage button {
    font-family: "Pretendard", sans-serif;
}
#findMintiEventPage button:focus {
    outline: none;
}
#findMintiEventPage section {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.find-minti-key-visual-section {
    background-color: #3A1A85;
    position: relative;
}
.find-minti-key-visual-section > div {
    max-width: 1920px;
}
.find-minti-key-visual-section img {
    display: block;
}
.find-minti-key-visual-section::after {
    border-color: #3A1A85 transparent;
    border-style: solid;
    border-width: 64px 64px 0 64px;
    content: '';
    display: block;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: 100%;
    width: 0;
    z-index: 1;
}
.find-minti-background-image-div {
    background: no-repeat url("/assets/images/img/img-find-minti-background-tr-pc.png") center top;
    background-size: 1920px;
    /*height: 2374px;*/
}
.find-minti-apply-event-section {
    width: 100%;
    padding: 150px 0 60px;
}
.find-minti-apply-event-header {
    text-align: center;
}
.find-minti-apply-event-header > h4 {
    font-weight: 600;
    font-size: 36px;
    line-height: 58px;
}
.find-minti-apply-event-header > h4:first-child {
    color: #FFF;
}
.find-minti-apply-event-header > h4:nth-child(2) {
    color: #F5F5F5;
}
.find-minti-apply-event-header > h4:nth-child(2) > strong {
    color: #F764F4;
    font-size: 40px;
    font-weight: 800;
    line-height: 58px;
    position: relative;
}
.find-minti-apply-event-header > h4:nth-child(2) > strong::before {
    position: absolute;
    display: block;
    left: 0;
    z-index: 0;
    bottom: -5px;
    width: 100%;
    height: 15px;
    background-color: rgba(183, 168, 240, 0.3);
    content: "";
}
.find-minti-apply-event-header > h4:nth-child(2) > strong > span {
    position: relative;
    z-index: 1;
}
.find-minti-apply-button-wrapper {
    position: relative;
}
.find-minti-apply-button {
    margin: 84px 0 0;
    display: flex;
    padding: 22px 63px;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border-radius: 99px;
    border: 1px solid #000;
    background: #000;
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 800;
    line-height: 26px;
}
.find-minti-apply-button::after {
    content: "";
    background: no-repeat url("/assets/images/icon/icon-button-right-arrow.svg") center center;
    width: 10px;
    height: 20px;
    background-size: contain;
}
.find-minti-apply-button-bubble {
    position: absolute;
    top: 48px;
    right: -32px;
    padding: 7px 19px;
    color: #3F426E;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 99px;
    border: 1px solid #FFF;
    background: #FFF;
}
.find-minti-apply-button-bubble > span {
    font-weight: 700;
}
.find-minti-apply-button-bubble > strong {
    font-weight: 800;
    color: #7C3FFF;
}
.find-minti-apply-button-bubble::after {
    content: "";
    background: no-repeat url("/assets/images/icon/icon-bubble-tail-rounded.svg") center center;
    width: 22px;
    height: 14px;
    position: absolute;
    top: 100%;
    right: 65px;
}
.find-minti-apply-button:disabled {
    margin: 54px 0 30px;
    padding: 22px 41.5px;
    color: rgba(255, 255, 255, 0.50);
    cursor: not-allowed;
}
.find-minti-apply-button:disabled::after {
    display: none;
}

.find-minti-gift-box-list {
    padding: 32px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}
.find-minti-gift-box-list-item {
    max-width: 430px;
    min-width: 300px;
    width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.find-minti-gift-box-list-item > div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
.find-minti-gift-box-list-item > div > img.find-minti-gift-img {
    width: 83.72%;
    max-width: 360px;
}
.find-minti-gift-box-list-item > div > img.find-minti-motion-img {
    position: absolute;
}
.find-minti-gif-proud {
    width: 50.93%;
    right: -16px;
    bottom: 13px;
}
.find-minti-gif-jump {
    width: 60%;
    right: -27px;
    bottom: 12px;
}
.find-minti-gif-question {
    width: 62.09%;
    right: -26px;
    bottom: 13px;
}
.find-minti-gift-box-list-item > label {
    cursor: default;
    display: block;
    border-radius: 99px;
    border: 1px solid #4E28D7;
    background: #613FD9;
    padding: 11px 0;
    width: 41.86%;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}
.find-minti-how-to-section {
    padding: 100px 0 80px;
}
.find-minti-how-to-header {
    padding: 0 0 50px;
}
.find-minti-how-to-title {
    color: #FFF;
    text-align: center;
    font-size: 44px;
    font-weight: 800;
    line-height: 58px;
}
.find-minti-how-to-list {
    position: relative;
    width: 100%;
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.find-minti-how-to-list::before {
    position: absolute;
    display: block;
    content: "";
    background: no-repeat url("/assets/images/img/img-find-minti-background-gift-box-1.png") center center;
    background-size: contain;
    width: 154px;
    height: 154px;
    top: -105px;
    right: 64px;
}
.find-minti-how-to-list::after {
    position: absolute;
    display: block;
    content: "";
    background: no-repeat url("/assets/images/img/img-find-minti-background-gift-box-2.png") center center;
    background-size: contain;
    width: 334px;
    height: 395px;
    left: -220px;
    bottom: -125px;
}
.find-minti-how-to-list-item {
    display: flex;
    align-items: center;
}
.find-minti-how-to-list-item > h3 {
    flex: 0 0 160px;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    padding: 26px 0;
    border-radius: 12px 0 0 12px;
    background: #3615AC;
}
.find-minti-how-to-list-item > p {
    flex-grow: 1;
    text-align: left;
    color: #141414;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;

    padding: 24px 40px;
    border-radius: 0 12px 12px 0;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #6357B2;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.find-minti-benefits-section {
    padding: 120px 0 184px;
    background: no-repeat url("/assets/images/img/img-find-minti-benefits-background-tr.png") center 51px;
    background-size: 675px 139px;
}
.find-minti-benefits-header {
    position: relative;
    padding: 0 0 50px;
}
.find-minti-benefits-title {
    color: #FFF;
    text-align: center;
    font-size: 44px;
    font-weight: 800;
    line-height: 58px;
}
.find-minti-benefits-bubble {
    color: #3F426E;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;

    width: fit-content;
    white-space: nowrap;
    position: absolute;
    border-radius: 99px;
    background: #FFF;
    padding: 9px 24px 11px;

    top: -60px;
    right: -69px;
}
.find-minti-benefits-bubble > strong {
    font-weight: 700;
    color: #7C3FFF;
}
.find-minti-benefits-bubble::after {
    content: "";
    background: no-repeat url("/assets/images/icon/icon-bubble-tail-rounded.svg") center center;
    width: 22px;
    height: 14px;
    position: absolute;
    top: 100%;
    right: 36px;
}
.find-minti-benefits-gift-wrapper {
    display: flex;
    align-items: center;
    justify-content: stretch;
    gap: 40px;
    width: 100%;
    max-width: 1000px;
    margin-bottom: 74px;
}
.find-minti-benefits-gift-wrapper img {
    display: block;
    width: 240px;
    height: 240px;
}
.find-minti-benefits-gift-zflip5 {
    text-align: center;
    width: 336px;
}
.find-minti-benefits-gift-content-wrapper {
    position: relative;
    margin-bottom: 16px;
    border-radius: 16px;
    box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.32);
}
.find-minti-benefits-gift-free-closed {
    display: flex;
    justify-content: center;
    align-items: center;

    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.70);
}
.find-minti-benefits-gift-free-closed > h2 {
    color: #FFF;
    font-size: 50px;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    z-index: 0;
}
.find-minti-benefits-gift-free-closed > h2::before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    display: block;
    background: #613FD9;
    height: 24px;
}
.find-minti-benefits-gift-text {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;

    padding: 19px 0;
    border-radius: 16px 16px 0 0;
    background: #32149F;
}
.find-minti-benefits-gift-zflip5-content {
    padding: 18px 48px 15px;
    border-radius: 0 0 16px 16px;
    background: #FFFFFF;
}

.find-minti-benefits-gift-zflip5-content::before {
    content: "4명";
    position: absolute;

    top: 56px;
    right: 26px;

    color: #182A59;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.66px;

    width: 64px;
    height: 49px;
    padding: 15px 0 0;
    border-radius: 4px 4px 99px 99px;
    background: #A2D0FB;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.find-minti-benefits-gift-zflip5-content > img {
    margin-bottom: 5px;
}
.find-minti-benefits-gift-zflip5-content > button {
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;

    border-radius: 21px;
    background: #785CF5;
    padding: 6px 37px;
}
.find-minti-benefits-gift-zflip5-content > button::after {
    display: inline-block;
    margin-left: 17px;
    content: "";
    background: no-repeat url("/assets/images/icon/icon-button-right-arrow.svg") center center;
    width: 7px;
    height: 13px;
    background-size: contain;
}
.find-minti-benefits-gift-zflip5-content > button:disabled {
    cursor: not-allowed;
    background-color: #A5A5A5;
    color: rgba(238, 238, 238, 0.8);
}
.find-minti-benefits-gift-zflip5-content > button:disabled::after {
    stroke: rgba(238, 238, 238, 0.80);
}
.find-minti-benefits-gift-free {
    text-align: center;
    width: 624px;
}
.find-minti-benefits-gift-free-content {
    position: relative;
    padding: 40px 48px;
    border-radius: 0 0 16px 16px;
    background: #FFFFFF;
    align-items: center;
    display: flex;
    gap: 48px;
}
.find-minti-benefits-gift-name {
    width: 100%;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.find-minti-benefits-gift-name > span {
    width: 240px;
}

.find-minti-benefits-winner-announce-list {
    position: relative;
    width: 784px;
    margin-left: 4px;
}
.find-minti-benefits-winner-announce-list-item:not(:last-child) {
    margin-bottom: 21px;
}
.find-minti-benefits-winner-announce-list-item {
    display: flex;
    align-items: center;
}
.find-minti-benefits-winner-announce-list-item h4 {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;

    width: 126px;
    padding: 4px 0;
    flex-shrink: 0;
    border-radius: 21px;
    border: 2px solid #FFF;
}

.find-minti-benefits-winner-announce-list-item p {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
}
.find-minti-benefits-winner-announce-week {
    width: 513px;
    display: flex;
    align-items: center;
    gap: 21px;
    color: #FFF;
}
.find-minti-benefits-winner-announce-date {
    display: flex;
    align-items: center;
    gap: 21px;
}
.find-minti-benefits-winner-announce-date > h4 {
    color: #32149F;
    background: #FFF;
}
.find-minti-benefits-winner-announce-date > p {
    color: #FFF;
}
.find-minti-z5-landing-section {
    padding: 228px 0 100px;
    position: relative;
    background-color: #FBFAFF;
}
.find-minti-z5-notice-bubble {
    top: -54px;
    width: 67.7%;
    padding: 40px 0 42px;
    position: absolute;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    color: #E5DAFB;
    font-size: 28px;
    font-weight: 500;
    line-height: 26px;

    border-radius: 100px;
    background: #070029;
    box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.16);
}
.find-minti-z5-notice-bubble > strong {
    color: #9E70FF;
    font-size: 34px;
    font-weight: 700;
}
.find-minti-z5-notice-bubble::after {
    position: absolute;
    content: "";
    width: 0;
    border-width: 40px 40px 0 40px;
    border-style: solid;
    border-color: #070029 transparent;
    top: 100%;
}
.find-minti-z5-landing-header {
    color: #000;
}
.find-minti-z5-landing-header > h3 {
    font-size: 32px;
    font-weight: 600;
    line-height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.find-minti-z5-landing-header > h3 > .divider {
    width: 1px;
    height: 20px;
    margin: 0;
    background: #B3A9DF;
}
.find-minti-z5-landing-header > h2 {
    font-size: 44px;
    font-weight: 800;
    line-height: 58px;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.find-minti-z5-landing-header > h2 > strong {
    color: #4725C1;
    z-index: 0;
    position: relative;
}
.find-minti-z5-landing-header > h2 > strong::before {
    position: absolute;
    z-index: -1;
    content: "";
    height: 15px;
    left: 0;
    right: 0;
    bottom: 2px;
    background: rgba(70, 37, 193, 0.12);
}
.find-minti-z5-landing-button-wrapper {
    padding: 44px 0 60px;
    width: 100%;
}
.find-minti-z5-landing-button-wrapper > a {
    display: block;
    width: fit-content;
    margin: 0 auto;
}
.find-minti-z5-landing-button-wrapper button {
    margin: 0 auto;
}
.find-minti-z5-detail-container {
    position: relative;
    width: calc(100% - 40px);
    max-width: 1300px;

    border-radius: 20px;
    border: 1px solid #33293D;
    background-color: rgba(251, 250, 255, 0.9);
    box-shadow: 10px 10px 24px 0 rgba(0, 0, 0, 0.24);
}
.find-minti-z5-detail-container::before {
    position: absolute;
    content: "";
    background: no-repeat url("/assets/images/img/img-find-minti-z5-gift-box-pc.png") center center;
    background-size: contain;
    width: 232px;
    height: 232px;
    left: 132px;
    top: -193px;
}
.find-minti-z5-detail-content {
    padding: 40px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.find-minti-z5-price-example-container {
    flex: 1 0 600px;
    max-width: 760px;
}
.find-minti-z5-price-example-divider {
    display: flex;
    align-items: flex-start;
    justify-content: stretch;
    margin-bottom: 4px;

}
.find-minti-z5-price-example-divider > div {
    flex: 1;
    height: 30px;
    border-bottom: 1px solid #D6D6D6;

}
.find-minti-z5-price-example-divider > p {
    color: #444;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    padding: 16px 41px;
}
.find-minti-z5-total-price {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    padding: 20px 40px;
    justify-content: space-between;
    align-items: center;

    border-radius: 12px;
    border: 1px solid #57439D;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16);
}
.find-minti-z5-total-price > span:first-child {
    color: #262626;
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
}
.find-minti-z5-total-price > span:nth-child(2) {
    color: #141414;
    font-size: 36px;
    font-weight: 800;
    line-height: 48px;
}
.find-minti-z5-detail-price {
    position: relative;
    z-index: 0;
    width: calc(100% - 32px);
    background-color: #F2F0FA;
    border-radius: 0 0 12px 12px;
    margin: 0 auto;
    padding: 14px 28px;
}
.find-minti-z5-detail-price > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.find-minti-z5-detail-price > div > div {
    display: flex;
    align-items: center;
    gap: 12px;
}
.find-minti-z5-detail-price h5 {
    color: #F5F5F5;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;

    width: 112px;
    padding: 3px 0;
    flex-shrink: 0;
    border-radius: 99px;
}
.find-minti-z5-detail-price p {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}
.find-minti-z5-detail-price h4 {
    font-size: 22px;
    font-weight: 700;
    line-height: 48px;
}
.find-minti-z5-default-price h5 {
    background-color: #505050;
}
.find-minti-z5-additional-price h5 {
    background-color: #6853B7;
}
.find-minti-z5-recommend-price h5 {
    background-color: #A998E2;
}
.find-minti-z5-default-price p {
    color: #1F1F1F;
}
.find-minti-z5-additional-price p {
    color: #3D2A84;
}
.find-minti-z5-recommend-price p {
    color: #4D35A7;
}
.find-minti-z5-default-price h4 {
    color: #1F1F1F;
}
.find-minti-z5-additional-price h4 {
    color: #3D2A84;
}
.find-minti-z5-recommend-price h4 {
    color: #4D35A7;
}
.find-minti-z5-recommend-price h4 > span {
    color: #968BBB;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 6px;
}
.find-minti-z5-image-wrapper {
    flex: 0 1 360px;
}
.find-minti-z5-image-wrapper > img {
    display: block;
    width: 100%;
}
.find-minti-z5-detail-footer {
    display: flex;
    height: 100px;
    padding: 0 118px;
    justify-content: center;
    align-items: center;
    gap: 80px;
    flex-shrink: 0;
    border-radius: 0 0 20px 20px;
    background: #080808;
}

.find-minti-z5-detail-footer > p {
    z-index: 0;
    position: relative;
}
.find-minti-z5-detail-footer > p.is-active::before {
    z-index: -1;
    top: 7.82px;
    right: 5.63px;
    position: absolute;
    content: "";
    display: block;
    width: 176.529px;
    height: 24.859px;
    transform: rotate(-8deg);
    flex-shrink: 0;
    background: rgba(17, 167, 167, 0.2);
}
.find-minti-z5-detail-footer > p {
    transition: opacity 0.2s ease;
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    opacity: 0.5;
}
.find-minti-z5-detail-footer > p.is-active {
    font-weight: 700;
    opacity: 1;
}
.find-minti-z5-detail-footer > p > span {
    margin-right: 10px;
}
.find-minti-kakao-share-section {
    padding: 90px 0 75px;
}
.find-minti-kakao-share-button-wrapper {
    position: relative;
}

@-webkit-keyframes blink-1 {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}
@keyframes blink-1 {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}


.find-minti-kakao-share-button-wrapper::after {
    position: absolute;
    content: "";
    display: block;
    width: 127px;
    height: 50px;
    background: no-repeat url("/assets/images/icon/icon-find-minti-share-click.png") center center;
    background-size: contain;
    top: -26px;
    right: -30px;

    -webkit-animation: blink-1 1s step-start both infinite;
    animation: blink-1 1s step-start both infinite;
}

.find-minti-kakao-share-button {
    height: 96px;
    padding: 0 59.5px;
    gap: 20px;
    border-radius: 99px;
    border: 3px solid #140F2E;
    background: #F5F5F5;
    color: #000;
    font-size: 28px;
    font-weight: 800;
    line-height: 28px;
    box-shadow: 5px 5px #000;
}
.find-minti-kakao-share-button:active {
    box-shadow: none;
    transform: translate(5px, 5px);
}
.find-minti-kakao-share-button::after {
    display: inline-block;
    margin-left: 20px;
    content: "";
    background: no-repeat url("/assets/images/icon/icon-button-right-arrow-black.svg") center center;
    width: 10px;
    height: 20px;
    background-size: contain;
}
.find-minti-kakao-share-button > span {
    color: #5F14FF;
}

.find-minti-notice-section {
    width: 100%;
    padding: 100px 20px 132px;
    justify-content: flex-start;
    background-color: #F8F8F8;
}
.find-minti-notice-wrapper {
    max-width: 1300px;
    width: 100%;
}
.find-minti-notice-header {
    width: 100%;
    text-align: left;
    margin-bottom: 40px;
}
.find-minti-notice-header > h3 {
    font-size: 32px;
    line-height: 32px;
    font-weight: 700;

    display: flex;
    align-items: center;
    gap: 16px;
}
.find-minti-notice-header > h3::before {
    content: "";
    width: 32px;
    height: 32px;

    background: no-repeat url("/assets/images/icon/icon-event-page-exclamation.svg") center center;
    background-size: contain;
}
.find-minti-notice-list {
    text-align: left;
}
.find-minti-notice-item {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}
.find-minti-notice-item:not(:last-child) {
    margin-bottom: 32px;
}
.find-minti-notice-list-item-title {
    font-weight: 700;
    line-height: 28px;
    margin-left: 10px;
}
.find-minti-notice-list-item-detail-list {
    list-style: "ㆍ";
}
.find-minti-notice-list-item-detail-list-item {
    list-style-position: inside;
}
.find-minti-notice-list-item-detail-list-item.last-item {
    list-style: none;
    margin-left: 12px;
}
/* //민티를 찾아라 이벤트 페이지*/

/* z5 티징 이벤트 페이지*/
#z5EventTeasingPage {
    font-family: "Pretendard", sans-serif;
    margin: 0 auto;
}

#z5EventTeasingPage > section,
#z5EventTeasingPage > section > * {
    margin: 0 auto;
}

#z5EventTeasingPage img {
    display: block;
}
#z5EventTeasingPage button:focus {
    outline: none;
}

.z5-key-visual-image-wrapper {
    max-width: 1920px;
}

.z5-key-visual-section {
    background: no-repeat url("/assets/images/img/img-z5-teasing-background-0.png") center top #3A21BA;
    background-size: 2460px 670px;
}
.z5-teasing-section-1 {
    background: no-repeat url("/assets/images/img/img-z5-teasing-background-1.png") center top #0B0C28;
    background-size: 1920px 507px;
    padding: 127px 0 90px;
}
.z5-teasing-section-2 {
    background: no-repeat url("/assets/images/img/img-z5-teasing-background-2.png") center top #141B5C;
    background-size: 2460px 1603px;
    padding: 100px 0 110px;
}
.z5-teasing-section-1,
.z5-teasing-section-2,
.z5-why-mintit-section {
    position: relative;
}

.z5-teasing-what-it-is-wrapper {
    width: 1020px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.04);
    overflow: hidden;
}
.z5-teasing-what-it-is-header {
    background-color: #2FF4E1;
    text-align: center;
    padding: 16px 0 17px;
    color: #080808;
    font-size: 34px;
    font-weight: 600;
    line-height: 40px;
}
.z5-teasing-what-it-is-header > strong {
    font-weight: 800;
}
.z5-teasing-what-it-is-content {
    padding: 34px 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.z5-teasing-what-it-is-content > p {
    text-align: center;
}
.z5-teasing-what-it-is-content > .divider {
    width: 723px;
    height: 1px;
    background: rgba(255, 255, 255, 0.16);
}
.z5-teasing-what-it-is-content > p:first-child {
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px; /* 166.667% */
}
.z5-teasing-what-it-is-content > p:first-child > span {
    font-weight: 600;
    line-height: 40px; /* 166.667% */
}
.z5-teasing-what-it-is-content > p:first-child > strong {
    font-weight: 700;
    line-height: 40px; /* 166.667% */
    color: #2FF4E1;
}

.z5-teasing-what-it-is-content > p:last-child {
    color: #FFF;
    font-size: 28px;
    font-weight: 400;
    line-height: 38px; /* 135.714% */
}
.z5-teasing-what-it-is-content > p:last-child > strong {
    font-weight: 600;
    line-height: 38px; /* 166.667% */
    color: #2FF4E1;
}
.z5-teasing-notification-info {
    max-width: 1020px;

}
.z5-teasing-notification-info-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 60px;
}
.z5-teasing-notification-info-header::before {
    content: "";
    display: block;
    background: no-repeat url("/assets/images/icon/icon-z5-teasing-bell.svg") center center;
    background-size: contain;
    width: 78px;
    height: 70px;
    margin-bottom: 30px;
}
.z5-teasing-notification-info-header > span {
    color: #FFF;
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    line-height: 25px; /* 100% */
    margin-bottom: 16px;
}
.z5-teasing-notification-info-header > h2 {
    color: #FFF;
    text-align: center;
    font-size: 60px;
    font-weight: 800;
    line-height: 72px; /* 120% */
    margin-bottom: 50px;
}
.z5-teasing-notification-info-header > h2 > strong {
    color: #50E7D8;
}

.z5-teasing-schedule-info {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    width: 1020px;
}
.z5-teasing-schedule-info p {
    color: #F4F4F4;
    font-size: 24px;
    font-weight: 500;
    line-height: 18px; /* 75% */
    padding: 15.5px 0;
}
.z5-teasing-schedule-when {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-right: 89px
}
.z5-teasing-schedule-when::before {
    content: "";
    display: block;
    background: no-repeat url("/assets/images/icon/icon-z5-teasing-when-label.svg") center center;
    background-size: contain;
    width: 49px;
    height: 49px;
}
.z5-teasing-schedule-announce {
    display: flex;
    align-items: flex-start;
    gap: 14px
}
.z5-teasing-schedule-announce::before {
    content: "";
    display: block;
    background: no-repeat url("/assets/images/icon/icon-z5-teasing-announce-label.svg") center center;
    background-size: contain;
    width: 49px;
    height: 49px;
}
.z5-teasing-schedule-announce > div > span {
    display: block;
    top: 100%;
    color: #7D82B4;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
}
.z5-teasing-notification-how-to-container {
    margin: 0 auto;
    display: flex;
    gap: 10px;
    flex-direction: column;

    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #2FF4E1;
}
.z5-teasing-notification-how-to-container > h4 {
    color: #F4F4F4;
    font-size: 26px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    padding: 24px 0;
    background-color: #301F88;
}
.z5-teasing-notification-how-to-container > h4 > span {
    font-weight: 500;
}
.z5-teasing-notification-how-to-container > h4 > strong {
    font-weight: 700;
    color: #FDD533;
}

.z5-teasing-how-to-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 210px;
    padding-right: 36px;
    background-color: rgba(255, 255, 255, 0.06);
}
.z5-teasing-how-to-row > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.z5-teasing-how-to-row > div > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 188px;
}
.z5-teasing-how-to-row:not(:last-child) > div > div > span {
    color: #FFF;
    text-align: center;
    font-size: 50px;
    font-weight: 800;
    line-height: normal;
}
.z5-teasing-how-to-row:last-child > div > div > span {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;

    width: 100px;
    padding: 8px 0;

    border-radius: 99px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    background: rgba(255, 255, 255, 0.05);
}
.z5-teasing-how-to-row p {
    color: #FFF;
    font-size: 22px;
    font-weight: 400;
    line-height: 27px; /* 122.727% */
}
.z5-teasing-how-to-row p > span {
    color: #50E7D8;
    font-weight: 600;
}
.z5-teasing-how-to-row img {
    width: 344px;
    align-self: flex-end;
}
.z5-teasing-notification-add-channel-button-wrapper {
    padding-top: 60px;
    display: flex;
    justify-content: center;
}
.z5-teasing-notification-add-channel-button {
    color: #2FF4E1;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px; /* 120% */

    width: 428px;
    display: block;

    padding: 29px 0;
    border-radius: 10px;
    border: 1px solid #2FF4E1;
    background: rgba(11, 12, 40, 0.50);
    transition: filter 0.2s ease;
}
.z5-teasing-notification-add-channel-button:hover {
    filter: brightness(0.9);
}
.z5-teasing-badge-line {
    width: 1156px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: 70px;
}
.z5-teasing-badge-line > img {
    position: absolute;
    left: 0;
    width: 176px;
    height: 168px;
}
.z5-teasing-notice-list {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px; /* 175% */

    list-style: 'ㆍ';
    padding-left: 12px;
    word-break: keep-all;
}
/* // z5 티징 이벤트 페이지*/

/* z5 추천인 이벤트 페이지*/
#recommendEventPage {
    font-family: "Pretendard", sans-serif;
}
#recommendEventPage > section,
#recommendEventPage > section > * {
    margin-left: auto;
    margin-right: auto;
}
#recommendEventPage img {
    display: block;
}
.z5-recommend-kv-section {
    background-color: #01DC64;
}
.z5-recommend-kv-image-wrapper {
    max-width: 1920px;
}
.recommend-z5-landing-section {
    padding: 100px 0;
}
.recommend-z5-landing-header > h2 > strong {
    color: #00BD55;
}
.recommend-z5-landing-header > h2 > strong::before {
    background: #EDFEEE;;
}
.recommend-z5-detail-container {
    border: 2px solid #222;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 10px 10px 24px 0 rgba(0, 0, 0, 0.24);
    border-radius: unset;
    max-width: 1280px;
}
.recommend-z5-detail-container::before {
    background: no-repeat url("/assets/images/img/img-z5-recommend-gift-box-pc.png") center center;
    width: 213px;
    height: 213px;
    background-size: contain;
    left: 124px;
    top: -145px;
}
.recommend-z5-detail-content {
    padding: 38px 48px;
}
.recommend-z5-detail-price {
    background-color: #F8F8F8;
    width: 100%;
    padding: 25px 40px;
}
.recommend-z5-detail-price h5 {
    color: #FFFFFF;
}
.recommend-z5-default-price h5 {
    background-color: #444444;
}
.recommend-z5-default-price p {
    color: #222222;
}
.recommend-z5-default-price h4 {
    color: #222222;
}
.recommend-z5-additional-price h5 {
    background-color: rgba(0, 176, 0, 0.75);
}
.recommend-z5-additional-price p {
    color: #000000;
}
.recommend-z5-additional-price h4 {
    color: #00C057;
}
.recommend-z5-recommend-price h5 {
    background-color: #00BC84;
}
.recommend-z5-recommend-price p {
    color: #000000;
}
.recommend-z5-recommend-price h4 {
    color: #00BC84;
}
.recommend-z5-recommend-price h4 > span {
    color: #222222;
}
.recommend-z5-price-example-divider > div {
    height: 22px;
}
.recommend-z5-price-example-divider > p {
    padding: 8px 20px;
}
.recommend-z5-detail-footer {
    padding: 0 50px;
    border-radius: unset;
}
.z5-recommend-info-benefits-section {
    padding: 120px 0 126px;
    background: no-repeat url("/assets/images/img/img-z5-recommend-section-bg-1-pc.png") center top #EDFEEE;
    background-size: 1920px 1864px;
}
.z5-recommend-info-benefits-section > div {
    width: calc(100% - 40px);
    max-width: 1280px;
    border: 2px solid #000;
    background: #FFF;
}
.z5-recommend-info-container > .connector {
    background: no-repeat url("/assets/images/icon/icon-z5-recommend-connector.svg") center center;
    background-size: contain;
    width: 32px;
    height: 162px;
    display: block;
    position: absolute;
    bottom: -105px;
}
.z5-recommend-info-container > .connector.left {
    left: 55px;
}
.z5-recommend-info-container > .connector.right {
    right: 55px;
}
.z5-recommend-info-container {
    margin-bottom: 45px;
    position: relative;
}
.z5-recommend-container-header {
    color: #FFF;
    text-align: center;
    padding: 22px 0;
    border-bottom: 2px solid #000;
}
.z5-recommend-container-header > h2 {
    font-size: 44px;
    font-weight: 800;
    line-height: 58px;
}
.z5-recommend-info-container .z5-recommend-container-header {
    background-color: #01DC64;
}
.z5-recommend-benefits-container .z5-recommend-container-header {
    background-color: #1669F8;
}
.z5-recommend-info-contents {
    padding: 57px 0 55px 78px;
    display: flex;
    flex-direction: column;
    gap: 38px;
}
.z5-recommend-info-row {
    display: flex;
    align-items: center;
    gap: 28px;
}
.z5-recommend-info-row > h3 {
    width: 173px;
    flex-shrink: 0;
    text-align: center;
    padding: 10px 0 11px;
    border-radius: 500px;
    border-width: 2px;
    border-style: solid;
    background: #FFF;
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
}
.z5-recommend-info-container .z5-recommend-info-row > h3 {
    border-color: #01DC64;
}
.z5-recommend-benefits-container .z5-recommend-info-row > h3 {
    border-color: #1669F8;
}
.z5-recommend-info-container .z5-recommend-info-row > h3 > strong {
    color: #00C057;
}
.z5-recommend-benefits-container .z5-recommend-info-row > h3 > strong {
    color: #1669F8;
}
.z5-recommend-info-row > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.z5-recommend-info-container .z5-recommend-info-row:last-child > h3 {
    align-self: flex-start;
}
.z5-recommend-info-container .z5-recommend-info-row:last-child > div {
    padding-top: 10px;
}
.z5-recommend-info-main-text {
    color: #000;
    font-size: 26px;
    font-weight: 400;
    line-height: normal;
}
.z5-recommend-info-main-text > strong {
    font-weight: 700;
}
.z5-recommend-info-side-text {
    color: #666666;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;

    display: flex;
    align-items: center;
}
.z5-recommend-info-side-text strong {
    font-weight: 700;
}
.z5-recommend-info-side-text strong > u {
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}
.z5-recommend-info-side-text > span:first-child {
    content: "";
    background: no-repeat url("/assets/images/icon/icon-gray-exclamation.svg") center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    display: inline-block;
}
.z5-recommend-info-side-text > span:not(:first-child) {
    line-height: inherit;
}
.z5-recommend-benefits-container .z5-recommend-info-row {
    margin-bottom: 50px;
}
.z5-recommend-benefits-container .z5-recommend-info-row > h3 {
    align-self: flex-start;
}
.z5-recommend-benefits-container .z5-recommend-info-row > div {
    padding-top: 10px;
}
.z5-recommend-benefits-container .z5-recommend-info-main-text > strong {
    color: #1669F8;
}
.z5-recommend-info-side-text-divider {
    width: 1px;
    height: 15px;
    margin-left: 12px;
    margin-right: 12px;
    background: #CCC;
}
.z5-recommend-benefits-contents {
    padding: 43px 52px 9px 78px;
}
.z5-recommend-benefits-example-image-wrapper {
    width: 100%;
    max-width: 1146px;
}
.z5-recommend-how-to-section {
    padding: 120px 0 0;

    background: no-repeat url("/assets/images/img/img-z5-recommend-section-bg-2-pc.png") center top #01DC64;
    background-size: 2762px 1715px;

    overflow: hidden;
}
.z5-recommend-how-to-container {
    width: calc(100% - 40px);
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 98px;
}
.z5-recommend-how-to-header {
    color: #222;
    text-align: center;
    font-size: 44px;
    font-weight: 800;
    line-height: 58px;

    width: 100%;
    border: 2px solid #222;
    background: #FFF;
    padding: 22px 0;

    margin-bottom: 100px;
}
.z5-recommend-how-to-header > h2 {
    line-height: inherit;
}
.z5-recommend-how-to-step-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1023px;
    margin-left: 30px;

}
.z5-recommend-how-to-step-list-item > h3 {
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    padding: 13px 0 12px;

    border-radius: 500px;
    background: #222;
    width: 204px;
    height: 54px;

    margin-bottom: 24px;
}
.z5-recommend-how-to-step-list-item > h3 > span {
    line-height: inherit;
}
.z5-recommend-how-to-step-list-item > ol {
    color: #222;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;

    margin-bottom: 64px;
}
.z5-recommend-how-to-step-list-item > ol > li {
    display: flex;
    align-items: center;
}
.z5-recommend-how-to-step-list-item > ol > li > span {
    display: inline-block;
    width: 22px;
    height: 28px;
    margin-right: 10px;
    text-indent: -9999px;
}
.z5-recommend-how-to-step-list-item > ol > li:not(:last-child) {
    margin-bottom: 16px;
}
.z5-recommend-how-to-step-list-item > ol > li:nth-child(1) > span {
    background: no-repeat url("/assets/images/icon/icon-z5-recommend-stpe-num-1.svg") center center;
}
.z5-recommend-how-to-step-list-item > ol > li:nth-child(2) > span {
    background: no-repeat url("/assets/images/icon/icon-z5-recommend-stpe-num-2.svg") center center;
}
.z5-recommend-how-to-step-list-item > ol > li:nth-child(3) > span {
    background: no-repeat url("/assets/images/icon/icon-z5-recommend-stpe-num-3.svg") center center;
}
.z5-recommend-how-to-step-list-item > ol > li > p {
    font-size: inherit;
    line-height: inherit;
}
.z5-recommend-how-to-step-list-item > ol > li strong {
    font-weight: 700;
    line-height: inherit;
}
.z5-recommend-how-to-step-example-image-wrapper {
    width: 100%;
    max-width: 390px;
}
.z5-recommend-how-to-bottom-line {
    width: 1400px;
    height: 16px;
    flex-shrink: 0;
    border-radius: 50px;
    background: #00B150;
    margin-top: -1px;
}
.z5-recommend-share-container {
    padding: 84px 0 56px;
    position: relative;
    background-color: rgba(0, 169, 77, 0.5);

    display: flex;
    justify-content: center;
    gap: 200px;
}

.z5-recommend-share-container > .z5-recommend-share-button-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    z-index: 1;
}
.z5-recommend-share-container > .z5-recommend-share-button-wrapper > p {
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px; /* 116.667% */
}
.z5-recommend-share-container > .z5-recommend-share-button-wrapper > button {
    content: "";
    display: block;
    width: 126px;
    height: 126px;
    transition: all 0.2s ease;
    padding: 0;
}
.z5-recommend-share-container > .z5-recommend-share-button-wrapper > button:focus {
    outline: none;
}
.z5-recommend-share-container > .z5-recommend-share-button-wrapper > button:hover {
    filter: brightness(0.9);
}

.z5-recommend-share-horizontal-line {
    position: absolute;
    width: calc(100% - 40px);
    max-width: 1277px;
    height: 1px;
    flex-shrink: 0;
    background: #222;

    top: 147px;
    z-index: 0;
}
.z5-recommend-share-horizontal-line > .black-circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    background-color: #222222;
    top: 0;
}
.z5-recommend-share-horizontal-line > .black-circle.left-end {
    left: 0;
    transform: translate(-50%, -50%);
}
.z5-recommend-share-horizontal-line > .black-circle.right-end {
    right: 0;
    transform: translate(50%, -50%);
}

.z5-teasing-notice-list-item.indented {
    list-style-type: none;
    padding-left: 105px;
}
/* // z5 추천인 이벤트 페이지*/