body, p, div, span, h1, h2, h3, h4, h5, h6, a, li, td, th {
    word-break: keep-all;
}

.dimmed-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999999;
    display: none;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.popup {
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    aspect-ratio: 1300 / 1250;
    border-radius: 32px;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    border: none;
    opacity: 0.99;
    font-weight: normal;
    perspective: 1000px;
    backface-visibility: hidden;
    will-change: transform;
    outline: 5px solid transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    filter: blur(0);
    display: flex;
    flex-direction: column;
}

.popup_background {
    background: #FFFFFF;
    flex: 1;
}

.popup_title {
    position: absolute;
    font-weight: 700;
    z-index: 20;
    font-size: 54px;
    top: 116px;
    left: 100px;
    text-align: left;
    color: #FFFFFF;
}

.popup_desc_first {
    color: #343434;
    text-align: left;
    margin-left: 102px;
    margin-right: 102px;
    padding-top: 57px;
    font-size: 36px;
}

.popup_desc_first_first {
    color: #EB6648;
    font-size: 36px;
    font-weight: bold;
}

.popup_desc_first_second {
    color: #343434;
    font-size: 36px;
    font-weight: bold;
}

.popup_inner_box {
    background-color: #EBEEF4;
    border-radius: 32px;
    margin-left: 89px;
    margin-right: 89px;
    margin-top: 38px;
    height: auto;
    aspect-ratio: 1121 / 268;
    align-content: center;
}

.popup_inner_desc {
    text-align: left;
    color: #33373F;
    margin-left: 65px;
    font-size: 36px;
}

.popup_bottom_box {
    margin-top: 38px;
    margin-left: 102px;
    margin-right: 102px;
}

.popup_bottom_desc {
    text-align: left;
    color: #4B4B4B;
    font-size: 36px;
}

.popup_button_box {
    display: grid;
    grid-template-columns: 50% 50%;
    width: 100%;
    justify-content: space-between;
    height: 143px;
}

.popup_button_box {
    height: 143px;
}

.popup_button_left {
    background-color: #EBEBEB;
    color: #4B4B4B;
    align-content: center;
    font-size: 36px;
    cursor: pointer;
}

.popup_button_right {
    background-color: #EBEBEB;
    color: #4B4B4B;
    align-content: center;
    font-size: 36px;
    cursor: pointer;
}

.popup_dot {
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin-bottom: 6px;
    margin-right: 17px;
}

@media (min-width: 1920px) {
    .popup {
        width: auto;
        height: calc(((784 * 100vh) / 816));
        max-width: 1300px;
        max-height: 1249px;
        border-radius: 32px;
    }
}

@media (min-width: 1920px) and (max-height: 1249px) {
    .popup {
        width: auto;
        height: calc(((1200 * 100vh) / 1269));
        max-width: 1300px;
        max-height: 1249px;
        border-radius: 1.25rem;
    }
    .popup_title {
        font-size: calc( 56*(100vh/1300));
        top: calc( 116*(100vh/1300));
        left: calc( (100vh/1300) * 100);
    }
    .popup_desc_first {
        margin-left: calc( (100vh/1300) * 102);
        margin-right: calc( (100vh/1300) * 102);
        padding-top: calc( (100vh/1300) * 57);
        font-size: calc( (100vh/1300) * 36);
    }
    .popup_desc_first_first {
        font-size: calc( (100vh/1300) * 36);
    }
    .popup_desc_first_second {
        font-size: calc( (100vh/1300) * 36);
    }
    .popup_inner_box {
        margin-left: calc( (100vh/1300) * 89);
        margin-right: calc( (100vh/1300) * 89);
        margin-top: calc( (100vh/1300) * 38);
        border-radius: 1.25rem;
    }
    .popup_inner_desc {
        margin-left: calc( (100vh/1300) * 65);
        font-size: calc( (100vh/1300) * 36);
    }
    .popup_bottom_box {
        margin-top: calc( (100vh/1300) * 38);
        margin-left: calc( (100vh/1300) * 102);
        margin-right: calc( (100vh/1300) * 102);
    }
    .popup_bottom_desc {
        font-size: calc( (100vh/1300) * 36);
    }
    .popup_button_box {
        height: calc( (100vh/1300) * 143);
    }
    .popup_button_left {
        font-size: calc( (100vh/1300) * 36);
    }
    .popup_button_right {
        font-size: calc( (100vh/1300) * 36);
    }
    .popup_dot {
        width: calc( (100vh/1300) * 8);
        height: calc( (100vh/1300) * 8);
        margin-bottom: calc( (100vh/1300) * 6);
        margin-right: calc( (100vh/1300) * 17);
    }
}

@media (max-width: 1920px) and (min-width: 1024px) {
    .popup {
        width: calc(100vw * (1300 / 1920));
        max-width: 1300px;
        max-height: 1249px;
        border-radius: 1.25rem;
    }
    .popup_title {
        font-size: calc(100vw * (1300 / 1920)/1300*56);
        top: calc(100vw * (1300 / 1920)/1300*116);
        left: calc(100vw * (1300 / 1920)/1300*100);
    }
    .popup_desc_first {
        margin-left: calc(100vw * (1300 / 1920)/1300*102);
        margin-right: calc(100vw * (1300 / 1920)/1300*102);
        padding-top: calc(100vw * (1300 / 1920)/1300*57);
        font-size: calc(100vw * (1300 / 1920)/1300*36);
    }
    .popup_desc_first_first {
        font-size: calc(100vw * (1300 / 1920)/1300*36);
    }
    .popup_desc_first_second {
        font-size: calc(100vw * (1300 / 1920)/1300*36);
    }
    .popup_inner_box {
        margin-left: calc(100vw * (1300 / 1920)/1300*89);
        margin-right: calc(100vw * (1300 / 1920)/1300*89);
        margin-top: calc(100vw * (1300 / 1920)/1300*38);
        border-radius: 1.25rem;
    }
    .popup_inner_desc {
        margin-left: calc(100vw * (1300 / 1920)/1300*65);
        font-size: calc(100vw * (1300 / 1920)/1300*36);
    }
    .popup_bottom_box {
        margin-top: calc(100vw * (1300 / 1920)/1300*38);
        margin-left: calc(100vw * (1300 / 1920)/1300*102);
        margin-right: calc(100vw * (1300 / 1920)/1300*102);
    }
    .popup_bottom_desc {
        font-size: calc(100vw * (1300 / 1920)/1300*36);
    }
    .popup_button_box {
        height: calc(100vw * (1300 / 1920)/1300*143);
    }
    .popup_button_left {
        font-size: calc(100vw * (1300 / 1920)/1300*36);
    }
    .popup_button_right {
        font-size: calc(100vw * (1300 / 1920)/1300*36);
    }
    .popup_dot {
        width: calc(100vw * (1300 / 1920)/1300*8);
        height: calc(100vw * (1300 / 1920)/1300*8);
        margin-bottom: calc(100vw * (1300 / 1920)/1300*6);
        margin-right: calc(100vw * (1300 / 1920)/1300*17);
    }
}

@media (max-width: 1920px) and (min-width: 1024px) and (max-height: 1249px) {
    .popup {
        width: auto;
        height: calc(100vh * (1300 / 1920));
        max-width: 1300px;
        max-height: 1249px;
        border-radius: 1.25rem;
    }
    .popup_title {
        font-size: calc(100vh * (1300 / 1920)/1300*56);
        top: calc(100vh * (1300 / 1920)/1300*116);
        left: calc(100vh * (1300 / 1920)/1300*100);
    }
    .popup_desc_first {
        margin-left: calc(100vh * (1300 / 1920)/1300*102);
        margin-right: calc(100vh * (1300 / 1920)/1300*102);
        padding-top: calc(100vh * (1300 / 1920)/1300*57);
        font-size: calc(100vh * (1300 / 1920)/1300*36);
    }
    .popup_desc_first_first {
        font-size: calc(100vh * (1300 / 1920)/1300*36);
    }
    .popup_desc_first_second {
        font-size: calc(100vh * (1300 / 1920)/1300*36);
    }
    .popup_inner_box {
        margin-left: calc(100vh * (1300 / 1920)/1300*89);
        margin-right: calc(100vh * (1300 / 1920)/1300*89);
        margin-top: calc(100vh * (1300 / 1920)/1300*38);
        border-radius: 1.25rem;
    }
    .popup_inner_desc {
        margin-left: calc(100vh * (1300 / 1920)/1300*65);
        font-size: calc(100vh * (1300 / 1920)/1300*36);
    }
    .popup_bottom_box {
        margin-top: calc(100vh * (1300 / 1920)/1300*36);
        margin-left: calc(100vh * (1300 / 1920)/1300*102);
        margin-right: calc(100vh * (1300 / 1920)/1300*102);
    }
    .popup_bottom_desc {
        font-size: calc(100vh * (1300 / 1920)/1300*36);
    }
    .popup_button_box {
        height: calc(100vh * (1300 / 1920)/1300*143);
    }
    .popup_button_left {
        font-size: calc(100vh * (1300 / 1920)/1300*36);
    }
    .popup_button_right {
        font-size: calc(100vh * (1300 / 1920)/1300*36);
    }
    .popup_dot {
        width: calc(100vh * (1300 / 1920)/1300*8);
        height: calc(100vh * (1300 / 1920)/1300*8);
        margin-bottom: calc(100vh * (1300 / 1920)/1300*6);
        margin-right: calc(100vh * (1300 / 1920)/1300*17);
    }
}

@media (max-width: 1024px) and (min-width: 641px) {
    .popup {
        margin-left: 80px;
        margin-right: 80px;
        width: calc( (1250 * 100vw) / 1300);
        height: auto;
        aspect-ratio: 1300 / 1249;
        border-radius: 1.25rem;
    }
    .popup_title {
        font-size: calc(((1250 * 100vw) / 1300)/1300*54 - ((240 * 100vw) / 1300)/1300*54);
        top: calc(((1250 * 100vw) / 1300)/1300*116 - ((240 * 100vw) / 1300)/1300*116);
        left: calc(((1250 * 100vw) / 1300)/1300*100 - ((240 * 100vw) / 1300)/1300*100);
    }
    .popup_desc_first {
        margin-left: calc(((1250 * 100vw) / 1300)/1300*102 - ((240 * 100vw) / 1300)/1300*102);
        margin-right: calc(((1250 * 100vw) / 1300)/1300*102 - ((240 * 100vw) / 1300)/1300*102);
        padding-top: calc(((1250 * 100vw) / 1300)/1300*57 - ((240 * 100vw) / 1300)/1300*57);
        font-size: calc(((1250 * 100vw) / 1300)/1300*36 - ((240 * 100vw) / 1300)/1300*36);
    }
    .popup_desc_first_first {
        font-size: calc(((1250 * 100vw) / 1300)/1300*36 - ((240 * 100vw) / 1300)/1300*36);
    }
    .popup_desc_first_second {
        font-size: calc(((1250 * 100vw) / 1300)/1300*36 - ((240 * 100vw) / 1300)/1300*36);
    }
    .popup_inner_box {
        margin-left: calc(((1250 * 100vw) / 1300)/1300*89 - ((240 * 100vw) / 1300)/1300*89);
        margin-right: calc(((1250 * 100vw) / 1300)/1300*89 - ((240 * 100vw) / 1300)/1300*89);
        margin-top: calc(((1250 * 100vw) / 1300)/1300*38 - ((240 * 100vw) / 1300)/1300*38);
        border-radius: 1.25rem;
    }
    .popup_inner_desc {
        margin-left: calc(((1250 * 100vw) / 1300)/1300*65 - ((240 * 100vw) / 1300)/1300*65);
        font-size: calc(((1250 * 100vw) / 1300)/1300*36 - ((240 * 100vw) / 1300)/1300*36);
    }
    .popup_bottom_box {
        margin-top: calc(((1250 * 100vw) / 1300)/1300*38 - ((240 * 100vw) / 1300)/1300*38);
        margin-left: calc(((1250 * 100vw) / 1300)/1300*102 - ((240 * 100vw) / 1300)/1300*102);
        margin-right: calc(((1250 * 100vw) / 1300)/1300*102 - ((240 * 100vw) / 1300)/1300*102);
    }
    .popup_bottom_desc {
        font-size: calc(((1250 * 100vw) / 1300)/1300*36 - ((240 * 100vw) / 1300)/1300*36);
    }
    .popup_button_box {
        height: calc(((1250 * 100vw) / 1300)/1300*143 - ((240 * 100vw) / 1300)/1300*143);
    }
    .popup_button_left {
        font-size: calc(((1250 * 100vw) / 1300)/1300*36 - ((240 * 100vw) / 1300)/1300*36);
    }
    .popup_button_right {
        font-size: calc(((1250 * 100vw) / 1300)/1300*36 - ((240 * 100vw) / 1300)/1300*36);
    }
    .popup_dot {
        width: calc(((1250 * 100vw) / 1300)/1300*8 - ((240 * 100vw) / 1300)/1300*8);
        height: calc(((1250 * 100vw) / 1300)/1300*8 - ((240 * 100vw) / 1300)/1300*8);
        margin-bottom: calc(((1250 * 100vw) / 1300)/1300*6 - ((240 * 100vw) / 1300)/1300*6);
        margin-right: calc(((1250 * 100vw) / 1300)/1300*17 - ((240 * 100vw) / 1300)/1300*17);
    }
}

@media (max-width: 1024px) and (min-width: 641px) and (max-height: 840px) and (min-aspect-ratio: 1/1) {
    .popup {
        margin-left: 80px;
        margin-right: 80px;
        width: auto;
        height: calc(100vh * (849 / 1024));
        aspect-ratio: 1300 / 1249;
        border-radius: 1.25rem;
    }
    .popup_title {
        font-size: calc(100vh * (1024 / 1300)/1300*56);
        top: calc(100vh * (1024 / 1300)/1300*116);
        left: calc(100vh * (1024 / 1300)/1300*100);
    }
    .popup_desc_first {
        margin-left: calc(100vh * (1024 / 1300)/1300*102);
        margin-right: calc(100vh * (1024 / 1300)/1300*102);
        padding-top: calc(100vh * (1024 / 1300)/1300*57);
        font-size: calc(100vh * (1024 / 1300)/1300*36);
    }
    .popup_desc_first_first {
        font-size: calc(100vh * (1024 / 1300)/1300*36);
    }
    .popup_desc_first_second {
        font-size: calc(100vh * (1024 / 1300)/1300*36);
    }
    .popup_inner_box {
        margin-left: calc(100vh * (1024 / 1300)/1300*89);
        margin-right: calc(100vh * (1024 / 1300)/1300*89);
        margin-top: calc(100vh * (1024 / 1300)/1300*38);
        border-radius: 1.25rem;
    }
    .popup_inner_desc {
        margin-left: calc(100vh * (1024 / 1300)/1300*65);
        font-size: calc(100vh * (1024 / 1300)/1300*36);
    }
    .popup_bottom_box {
        margin-top: calc(100vh * (1024 / 1300)/1300*38);
        margin-left: calc(100vh * (1024 / 1300)/1300*102);
        margin-right: calc(100vh * (1024 / 1300)/1300*102);
    }
    .popup_bottom_desc {
        font-size: calc(100vh * (1024 / 1300)/1300*36);
    }
    .popup_button_box {
        height: calc(100vh * (1024 / 1300)/1300*143);
    }
    .popup_button_left {
        font-size: calc(100vh * (1024 / 1300)/1300*36);
    }
    .popup_button_right {
        font-size: calc(100vh * (1024 / 1300)/1300*36);
    }
    .popup_dot {
        width: calc(100vh * (1024 / 1300)/1300*8);
        height: calc(100vh * (1024 / 1300)/1300*8);
        margin-bottom: calc(100vh * (1024 / 1300)/1300*6);
        margin-right: calc(100vh * (1024 / 1300)/1300*17);
    }
}

@media (max-width: 640px) and (min-width: 431px) {
    .popup {
        margin-left: 80px;
        margin-right: 80px;
        width: calc( (1250 * 100vw) / 1300);
        height: auto;
        aspect-ratio: 1300 / 1249;
        border-radius: 1.25rem;
    }
    .popup_title {
        font-size: calc((56*(100vw - (80 * 100vw / 1920) )/1700));
        top: calc((116*(100vw - (80 * 100vw / 1920) )/2200));
        left: calc((100*(100vw - (80 * 100vw / 1920) )/1700));
    }
    .popup_desc_first {
        margin-left: calc((102*(100vw - (80 * 100vw / 1920) )/1700));
        margin-right: calc((102*(100vw - (80 * 100vw / 1920) )/1700));
        padding-top: calc((57*(100vw - (80 * 100vw / 1920) )/1700));
        font-size: calc((30*(100vw - (80 * 100vw / 1920) )/1700));
    }
    .popup_desc_first_first {
        font-size: calc((30*(100vw - (80 * 100vw / 1920) )/1700));
    }
    .popup_desc_first_second {
        font-size: calc((30*(100vw - (80 * 100vw / 1920) )/1700));
    }
    .popup_inner_box {
        margin-left: calc((89*(100vw - (80 * 100vw / 1920) )/1700));
        margin-right: calc((89*(100vw - (80 * 100vw / 1920) )/1700));
        margin-top: calc((38*(100vw - (80 * 100vw / 1920) )/1700));
        border-radius: 1.25rem;
    }
    .popup_inner_desc {
        margin-left: calc((65*(100vw - (80 * 100vw / 1920) )/1700));
        font-size: calc((30*(100vw - (80 * 100vw / 1920) )/1700));
    }
    .popup_bottom_box {
        margin-top: calc((38*(100vw - (80 * 100vw / 1920) )/1700));
        margin-left: calc((102*(100vw - (80 * 100vw / 1920) )/1700));
        margin-right: calc((102*(100vw - (80 * 100vw / 1920) )/1700));
    }
    .popup_bottom_desc {
        font-size: calc((30*(100vw - (80 * 100vw / 1920) )/1700));
    }
    .popup_button_box {
        height: calc((143*(100vw - (80 * 100vw / 1920) )/1700));
    }
    .popup_button_left {
        font-size: calc((30*(100vw - (80 * 100vw / 1920) )/1700));
    }
    .popup_button_right {
        font-size: calc((30*(100vw - (80 * 100vw / 1920) )/1700));
    }
    .popup_dot {
        width: calc((8*(100vw - (80 * 100vw / 1920) )/1700));
        height: calc((8*(100vw - (80 * 100vw / 1920) )/1700));
        margin-bottom: calc((6*(100vw - (80 * 100vw / 1920) )/1700));
        margin-right: calc((17*(100vw - (80 * 100vw / 1920) )/1700));
    }
}

@media (max-width: 430px) {
    .popup {
        margin-left: 10px;
        margin-right: 10px;
        width: calc( (1250 * 100vw) / 1300);
        height: auto;
        aspect-ratio: 1300 / 1249;
        border-radius: 1.25rem;
    }
    .popup_title {
        font-size: calc(((1250 * 100vw) / 1300)/1300*54 - ((30 * 100vw) / 1300)/1300*54);
        top: calc(((1250 * 100vw) / 1300)/1300*116 - ((30 * 100vw) / 1300)/1300*116);
        left: calc(((1250 * 100vw) / 1300)/1300*100 - ((30 * 100vw) / 1300)/1300*100);
    }
    .popup_desc_first {
        margin-left: calc(((1250 * 100vw) / 1300)/1300*102 - ((30 * 100vw) / 1300)/1300*102);
        margin-right: calc(((1250 * 100vw) / 1300)/1300*102 - ((30 * 100vw) / 1300)/1300*102);
        padding-top: calc(((1250 * 100vw) / 1300)/1300*57 - ((30 * 100vw) / 1300)/1300*57);
        font-size: calc(((1250 * 100vw) / 1300)/1300*36 - ((30 * 100vw) / 1300)/1300*36);
    }
    .popup_desc_first_first {
        font-size: calc(((1250 * 100vw) / 1300)/1300*36 - ((30 * 100vw) / 1300)/1300*36);
    }
    .popup_desc_first_second {
        font-size: calc(((1250 * 100vw) / 1300)/1300*36 - ((30 * 100vw) / 1300)/1300*36);
    }
    .popup_inner_box {
        margin-left: calc(((1250 * 100vw) / 1300)/1300*89 - ((30 * 100vw) / 1300)/1300*89);
        margin-right: calc(((1250 * 100vw) / 1300)/1300*89 - ((30 * 100vw) / 1300)/1300*89);
        margin-top: calc(((1250 * 100vw) / 1300)/1300*38 - ((30 * 100vw) / 1300)/1300*38);
        border-radius: 1.25rem;
    }
    .popup_inner_desc {
        margin-left: calc(((1250 * 100vw) / 1300)/1300*65 - ((30 * 100vw) / 1300)/1300*65);
        font-size: calc(((1250 * 100vw) / 1300)/1300*36 - ((30 * 100vw) / 1300)/1300*36);
    }
    .popup_bottom_box {
        margin-top: calc(((1250 * 100vw) / 1300)/1300*38 - ((30 * 100vw) / 1300)/1300*38);
        margin-left: calc(((1250 * 100vw) / 1300)/1300*102 - ((30 * 100vw) / 1300)/1300*102);
        margin-right: calc(((1250 * 100vw) / 1300)/1300*102 - ((30 * 100vw) / 1300)/1300*102);
    }
    .popup_bottom_desc {
        font-size: calc(((1250 * 100vw) / 1300) / 1300 * 36 - ((30 * 100vw) / 1300) / 1300 * 36);
    }
    .popup_button_box {
        height: calc(((1250 * 100vw) / 1300)/1300*143 - ((30 * 100vw) / 1300)/1300*143);
    }
    .popup_button_left {
        font-size: calc(((1250 * 100vw) / 1300)/1300*36 - ((30 * 100vw) / 1300)/1300*36);
    }
    .popup_button_right {
        font-size: calc(((1250 * 100vw) / 1300)/1300*36 - ((30 * 100vw) / 1300)/1300*36);
    }
    .popup_dot {
        width: calc(((1250 * 100vw) / 1300)/1300*8 - ((30 * 100vw) / 1300)/1300*8);
        height: calc(((1250 * 100vw) / 1300)/1300*8 - ((240 * 100vw) / 1300)/1300*8);
        margin-bottom: calc(((1250 * 100vw) / 1300)/1300*6 - ((240 * 100vw) / 1300)/1300*6);
        margin-right: calc(((1250 * 100vw) / 1300)/1300*8 - ((240 * 100vw) / 1300)/1300*17);
    }
}

.popup_top_image {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1300 / 360;
    top: 0;
    left: 0;
}