@charset "UTF-8";

/* 공통 */
.event_container {
    position: relative;
    min-width: 1200px;
    width: 100%;
    color: #000;
    font-family: 'noto4';
    background: #000;
    overflow: hidden;
}

.event_container * {
    word-break: keep-all;
}

.event_container img {
    display: block;
}

.event_container button {
    border: none;
    background: none;
    cursor: pointer;
    font: inherit;
}

.event_container li {
    float: none;
}

.event_container p,
.event_container h3,
.event_container strong {
    font-weight: normal;
}

.event_container .screen_out {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
}

.event_container .event_cont {
    position: relative;
}

.event_container .main_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 1100px;
    height: 100%;
    margin: 0 auto;
}

.event_container .main_title {
    text-align: center;
    color: #fff;
}

.event_container .main_title p {
    line-height: 1.2;
    letter-spacing: -0.045em;
    font-size: 44px;
}

.event_container .main_title h3 {
    line-height: 1.2;
    margin: 8px 0 0;
    letter-spacing: -0.045em;
    font-size: 44px;
    font-family: 'noto8';
}

.event_container .main_title h3 em {
    color: #0013ff;
}

.event_container .main_title span {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin: 0 0 19px;
    padding: 0 22px;
    border-radius: 38px;
    letter-spacing: -0.06em;
    color: #fff;
    font-size: 24px;
    font-family: 'noto6';
    background: #080808;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes pointerBounceDiagonal {
    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-10px, -10px);
    }
}

@keyframes floating {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

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

@keyframes lightning-left {
    0% {
        opacity: 0;
        transform: translate(-100px, -50px) scale(0.8) rotate(-15deg);
    }
    50% {
        opacity: 1;
    }
    70% {
        transform: translate(5px, 5px) scale(1.05) rotate(2deg);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
}

@keyframes lightning-right {
    0% {
        opacity: 0;
        transform: translate(100px, -50px) scale(0.8) rotate(15deg);
    }
    50% {
        opacity: 1;
    }
    70% {
        transform: translate(-5px, 5px) scale(1.05) rotate(-2deg);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
}

@keyframes lightning-top {
    0% {
        opacity: 0;
        transform: translateY(-80px) scale(1.2);
    }
    30% {
        opacity: 1;
    }
    60% {
        transform: translateY(3px) scale(0.98);
    }
    80% {
        transform: translateY(-2px) scale(1.01);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes flash {
    0%, 100% {
        filter: brightness(1);
    }
    50% {
        filter: brightness(1.8);
    }
}

@keyframes afterimage-left {
    0% {
        opacity: 0;
        transform: translate(-120px, -60px) scale(0.9);
    }
    30% {
        opacity: 0.6;
    }
    100% {
        opacity: 0.5;
        transform: translate(0, 0) scale(1);
    }
}

@keyframes afterimage-right {
    0% {
        opacity: 0;
        transform: translate(120px, -60px) scale(0.9);
    }
    30% {
        opacity: 0.6;
    }
    100% {
        opacity: 0.5;
        transform: translate(0, 0) scale(1);
    }
}

/* 탭 */
.main_tab {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.main_tab .tab_list {
    display: flex;
    width: 100%;
}

.main_tab .tab_list li,
.main_tab .tab_list .btn_tab {
    width: 100%;
}

.main_tab .tab_content {
    display: none;
}

.main_tab .tab_content.is_active {
    display: flex;
    flex-direction: column;
}

/* 근거확인 */
.evidence_area_wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.evidence_area_wrap.align_center {
    justify-content: center;
}

.evidence_area {
    position: relative;
    z-index: 2;
}

.evidence_btn {
    display: block;
    height: 25px;
    line-height: 1.1;
    padding: 6px 6px 1px;
    border: 1px solid #000000;
    border-radius: 3px;
    background: #ffffff;
    letter-spacing: -0.025em;
    font-size: 15px;
    font-family: 'market-l';
    color: #000000;
    cursor: pointer;
}

.evidence_btn span {
    display: inline-block;
    font-size: 12px;
}

.evidence_popup_area {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 450px;
    border: 1px solid #000000;
    background: #ffffff;
    letter-spacing: -0.045em;
}

.evidence_popup_wrap {
    position: relative;
    padding: 36px 24px;
}
.evidence_popup_area .x_btn {
    position: absolute;
    top: 14px;
    right: 20px;
    letter-spacing: -0.045em;
    line-height: 1.1;
    color: #000;
    font-size: 20px;
    font-family: 'market-m';
    cursor: pointer;
}

.evidence_popup_area li {
    position: relative;
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
    word-break: keep-all;
    letter-spacing: -0.045em;
    color: #000;
    font-size: 14px;
    font-family: 'noto4';
}

.evidence_popup_area li:not(.type_point) {
    text-indent: 10px;
}

.evidence_popup_area li.type_red::before {
    clear: both;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: red;
}

.evidence_popup_area li.type_point {
    margin: 10px 0 0;
    font-size: 17px;
    font-weight: bold;
    color: #000000;
}

.evidence_popup_area li.type_red {
    color: red;
}

.evidence_popup_area p {
    line-height: 1.8;
    text-align: left;
    word-break: keep-all;
    letter-spacing: -0.045em;
    color: #000;
    font-size: 14px;
}

/* 상단 배너 */
.event_container .event_marquee {
    background: #92ff67;
    overflow: hidden;
}
.event_container .event_marquee .marquee_inner {
    display: inline-flex;
    align-items: center;
    animation: marquee 10s linear infinite;
}
.event_container .event_marquee .marquee_inner ul {
    display: flex;
    align-items: center;
    height: 80px;
}
.event_container .event_marquee .marquee_inner ul li {
    margin: 0 40px;
    font-family: 'noto7';
    font-size: 28px;
    letter-spacing: -0.08em;
    white-space: nowrap;
    color: #000;
}

/* 하단 배너 */
.banner_bottom {
    position: fixed;
    left: 0;
    bottom: 26px;
    width: 100%;
    z-index: var(--z-index-floating, 10);
}

.banner_bottom button {
    display: flex;
    align-items: center;
    gap: 22px;
    width: 100%;
    height: 72px;
    padding: 0 71px;
    border: 1px solid #50c800;
    border-radius: 12px;
    background: #d9f6c6;
}

.banner_bottom .banner_title {
    flex: 0 0 auto;
    text-align: left;
}

.banner_bottom .banner_title p {
    line-height: 1.2;
    letter-spacing: -0.025em;
    font-size: 16px;
}

.banner_bottom .banner_title strong {
    line-height: 1.2;
    letter-spacing: -0.025em;
    font-size: 20px;
    font-family: 'noto6';
}

.banner_bottom .banner_list {
    display: flex;
    gap: 8px;
}

.banner_bottom .banner_list li {
    height: 37px;
    line-height: 37px;
    padding: 0 15px;
    border-radius: 8px;
    letter-spacing: -0.04em;
    color: #317c00;
    font-size: 16px;
    font-family: 'noto5';
    background: #bce2a3;
}

.banner_bottom .btn_banner {
    flex: 0 0 auto;
    margin: 0 0 0 auto;
} 

/* 플로팅배너 */
.event_container .event_floating_wrap {
    display: flex;
    justify-content: flex-end;
    position: fixed;
    top: 318px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    min-width: 1400px;
    padding: 0 50px;
    z-index: var(--z-index-floating, 10);
    transition: top 0.3s ease-in-out;
    pointer-events: none;
}

.event_container.is_active .event_floating_wrap {
    top: 85px;
}

.event_container .event_floating {
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: auto;
}

.event_container .event_floating button {
    position: relative;
    display: block;
    width: 100%;
}

.event_container .event_floating .btn_scroll + .btn_scroll {
    /* margin: 25px 0 0; */
    margin: 37px 0 0;
}

.event_container .event_floating .badge {
    position: absolute;
    top: -26px;
    left: 15px;
}

/* 타이머 */
.event_container .event_timer_area {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 77px;
    background: url('/img/event/8955/pc/time_bg.png') center no-repeat;
    z-index: var(--z-index-floating, 10);
}

.event_container .event_timer_area .main_inner {
    flex-direction: row;
    justify-content: space-between;
    white-space: nowrap;
}

.event_container .event_timer_area p {
    line-height: 1.2;
    letter-spacing: -0.075em;
    color: #fff;
    font-size: 20px;
    font-family: 'noto4';
}

.event_container .event_timer_area p span {
    color: #6cbad7;
}

.event_container .event_timer_area .img_item {
    margin-top: 11px;
}

.event_container .event_timer_area .timer_visual {
    display: flex;
    align-items: center;
}

.event_container .event_timer_area .event_timer {
    display: flex;
    align-items: center;
    gap: 56px;
    height: 100%;
    padding-right: 50px;
}

.event_container .event_timer_area .event_timer > div {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
}

.event_container .event_timer_area .event_timer span {
    width: 40px;
    height: 50px;
    line-height: 58px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-family: 'market-b';
    background: #050509;
}

.event_container .event_timer_area .event_timer > div::after {
    position: absolute;
    top: 50%;
    right: -32px;
    transform: translateY(-50%);
    letter-spacing: -0.08em;
    color: #fff;
    font-size: 22px;
    font-family: 'noto4';
}

.event_container .event_timer_area .event_timer .timer_day::after {
    content: '일';
}

.event_container .event_timer_area .event_timer .timer_hour::after {
    content: '시';
}

.event_container .event_timer_area .event_timer .timer_minute::after {
    content: '분';
}

.event_container .event_timer_area .event_timer .timer_seconds::after {
    content: '초';
}

.event_container .event_timer_area .btn_go {
    display: flex;
    align-items: center;
    position: relative;
    height: 48px;
    padding: 0 31px 0 32px;
    border-radius: 48px;
    letter-spacing: -0.035em;
    color: #000;
    font-size: 21px;
    font-family: 'noto5';
    background: #92ff67;
}

.event_container .event_timer_area .btn_go::after {
    content: '>';
    margin-left: 6px;
}

.event_container .event_timer_area .btn_go::before {
    content: '';
    position: absolute;
    top: 24px;
    right: -21px;
    width: 37px;
    height: 48px;
    background: url('/img/event/8961/pc/btn_icon.png') no-repeat 0 0 / contain;
    animation: pointerBounceDiagonal 0.8s ease infinite;
}

/* 컨텐츠 */
.event_cont_1 {
    height: 854px;
    background: #040a00 url('/img/event/9248/pc/visual_bg.jpg') no-repeat center top;
}

.event_cont_1 .main_inner {
    padding: 68px 0 0;
}

.event_cont_1 .event_badge {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 135px;
    left: -1px;
    width: 149px;
    padding: 17px 0 20px;
    border-radius: 16px;
    text-align: center;
    background: #33ff00;
    z-index: 1;
}

.event_cont_1 .event_badge p {
    line-height: 1.2;
    letter-spacing: -0.045em;
    font-size: 18px;
    font-family: 'noto5';
}

.event_cont_1 .event_badge .sdDateTimer {
    display: inline-flex;
    gap: 0.3em;
    height: 45px;
    margin: 10px 0 0;
    padding: 0 14px;
    border-radius: 8px;
    background: #000;
}

.event_cont_1 .event_badge .sdDateTimer li {
    line-height: 1.2;
    letter-spacing: -0.045em;
    color: #fff;
    font-size: 36px;
    font-family: 'noto6';
}

.event_cont_1 .event_badge .sdDateTimer span {
    font: inherit;
}

.event_cont_1 .visual_reason {
    display: flex;
    justify-content: center;
    gap: 60px;
    width: 100%;
}

.event_cont_1 .visual_reason li {
    display: flex;
    align-items: center;
    gap: 12px;
    line-height: 1.2;
    text-align: center;
    letter-spacing: -0.04em;
    color: #aac094;
    font-size: 20px;
}

.event_cont_1 .visual_reason li::before,
.event_cont_1 .visual_reason li::after {
    content: '';
    display: block;
    width: 19px;
    height: 53px;
    background: url('/img/event/9248/pc/visual_blank.png') no-repeat 0 0 / contain;
}

.event_cont_1 .visual_reason li::before {
    transform: rotateY(180deg);
}

.event_cont_1 .evidence_area {
    position: absolute;
    top: 93px;
    right: 165px;
}

.event_cont_1 .evidence_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4em;
    width: 73px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    border-color: #748366;
    color: #aac094;
    font-size: 14px;
    font-family: 'noto4';
    background: transparent;
}

.event_cont_1 .evidence_btn::after {
    content: '▶';
    font-size: 5px;
}

.event_cont_1 .visual_title {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    height: 431px;
    margin: 50px 0 0;
}

.event_cont_1 .visual_title img {
    position: absolute;
    opacity: 0;
}

.event_cont_1 .visual_title .title_sub {
    position: relative;
    z-index: 1;
}

.event_cont_1 .visual_title .title_img {
    top: -26px;
    right: 257px;
}

.event_cont_1 .visual_title .title_shadow_1 {
    top: 52px;
    left: 196px;
}

.event_cont_1 .visual_title .title_shadow_2 {
    top: 218px;
    left: 483px;
}

.event_cont_1 .visual_title .title_main_1 {
    top: 56px;
    left: 263px;
}

.event_cont_1 .visual_title .title_main_2 {
    top: 213px;
    left: 263px;
}

.event_cont_1.is_active .visual_title .title_sub {
    opacity: 1;
    transition: 0.6s ease-in-out 1.5s;
}

.event_cont_1.is_active .visual_title .title_img {
    animation: 
        lightning-top 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.6s forwards,
        flash 0.15s ease-in-out 1.4s 2;
}

.event_cont_1.is_active .visual_title .title_shadow_1 {
    animation: afterimage-left 1s cubic-bezier(0.22, 1, 0.36, 1) 0.15s forwards;
}

.event_cont_1.is_active .visual_title .title_shadow_2 {
    animation: afterimage-right 1s cubic-bezier(0.22, 1, 0.36, 1) 0.45s forwards;
}

.event_cont_1.is_active .visual_title .title_main_1 {
    animation: lightning-left 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.event_cont_1.is_active .visual_title .title_main_2 {
    animation: lightning-right 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s forwards;
}

.event_cont_1 .visual_benefit {
    width: 100%;
    display: flex;
    padding: 00 71px 0;
}

.event_cont_1 .benefit_title {
    flex: 0 0 auto;
    width: 274px;
    line-height: 1.5;
    padding: 39px 0 0;
    letter-spacing: -0.045em;
    color: #fff;
    font-size: 24px;
    font-family: 'noto5';
}

.event_cont_1 .benefit_title em {
    font: inherit;
    color: #a6c98f;
}

.event_cont_1 .benefit_list {
    flex: 1 1 auto;
    display: flex;
}

.event_cont_1 .benefit_list .list_item {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 103px 0 0;
    text-align: center;
}

.event_cont_1 .benefit_list .item_text { 
    line-height: 1.35;
    letter-spacing: -0.045em;
    color: #fff;
    font-size: 20px;
    font-family: 'noto5';
}

.event_cont_1 .benefit_list .item_text em { 
    font: inherit;
    color: #66ff00;
}

.event_cont_1 .benefit_list .item_noti { 
    line-height: 1.2;
    margin: 5px 0 0;
    letter-spacing: -0.045em;
    color: #9abf82;
    font-size: 14px;
}

.event_cont_2 {
    background: #040a00 url('/img/event/9248/pc/benefit_bg.jpg') no-repeat center top;
}

.event_cont_2 .main_inner {
    padding: 121px 0 160px;
}

.event_cont_2 .event_benefit {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px 0;
    width: 100%;
    margin: 68px 0 0;
}

.event_cont_2 .event_benefit .benefit_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 542px;
    height: 176px;
    padding: 0 0 6px 48px;
    background: no-repeat 0 0;
}

.event_cont_2 .event_benefit .benefit_item_1 {
    background-image: url('/img/event/9248/pc/benefit_item_01.png');
}

.event_cont_2 .event_benefit .benefit_item_2 {
    background-image: url('/img/event/9248/pc/benefit_item_02.png');
}

.event_cont_2 .event_benefit .benefit_item_3 {
    background-image: url('/img/event/9248/pc/benefit_item_03.png');
}

.event_cont_2 .event_benefit .benefit_item_4 {
    background-image: url('/img/event/9248/pc/benefit_item_04.png');
}

.event_cont_2 .event_benefit .item_label {
    line-height: 1.2;
    letter-spacing: -0.045em;
    color: #66ff00;
    font-size: 18px;
    font-family: 'noto5';
}

.event_cont_2 .event_benefit .item_text {
    line-height: 1.5;
    margin: 7px 0 0;
    letter-spacing: -0.045em;
    color: #fff;
    font-size: 24px;
    font-family: 'noto6';
}

.event_cont_2 .event_benefit .item_noti {
    line-height: 1.2;
    margin: 6px 0 0;
    letter-spacing: -0.045em;
    color: #afbca5;
    font-size: 16px;
}

.event_cont_2 .event_special {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    margin: 16px 0 0;
}

.event_cont_2 .event_special .special_item {
    width: 100%;
    min-height: 176px;
    padding: 35px 0 0 50px;
    border-radius: 20px;
}

.event_cont_2 .event_special .special_item_1 {
    background: url('/img/event/9248/pc/special_item_01.png') no-repeat 0 0, linear-gradient(to right, #e0ff65, #66ff00);
}

.event_cont_2 .event_special .item_label {
    display: inline-block;
    height: 26px;
    padding: 0 11px 0 16px;
    line-height: 24px;
    border-radius: 26px;
    letter-spacing: -0.045em;
    color: #fff;
    font-size: 16px;
    font-family: 'noto5';
    background: #000;
}

.event_cont_2 .event_special .item_text {
    line-height: 1.5;
    margin: 6px 0 0;
    letter-spacing: -0.045em;
    font-size: 24px;
    font-family: 'noto6';
}

.event_cont_2 .event_special .item_text span {
    text-decoration: underline;
    text-underline-offset: 4px;
    font:inherit;
}

.event_cont_3 {
    background: #060f00 url('/img/event/9248/pc/worry_bg.jpg') no-repeat center top;
}

.event_cont_3 .main_inner {
    padding: 124px 0 0;
}

.event_cont_3 .event_worry {
    position: relative;
    width: 100%;
    height: 564px;
    margin: 69px 0 0;
}

.event_cont_3 .event_worry .worry_item {
    position: absolute;
    transform: translateY(40px);
    opacity: 0;
    transition: all 0.5s ease;
}

.event_cont_3.is_active .event_worry .worry_item {
    transform: translateY(0);
    opacity: 1;
}

.event_cont_3 .event_worry .worry_item_1 {
    top: 0;
    left: -27px;
    transition-duration: 0.2s;
}

.event_cont_3 .event_worry .worry_item_2 {
    top: 74px;
    right: 29px;
    transition-duration: 0.6s;
}

.event_cont_3 .event_worry .worry_item_3 {
    top: 243px;
    left: 92px;
    transition-duration: 1s;
}

.event_cont_4 {
    background: #060f00 url('/img/event/9248/pc/review_bg.jpg') no-repeat center top;
}

.event_cont_4 .main_inner {
    padding: 248px 0 160px;
}

.event_cont_4 .review_slide_3 {
    display: flex;
    width: 100vw;
    margin: 68px 0 0;
    overflow: hidden;
}

.event_cont_4 .review_slide_3 .slide_list {
    display: inline-flex;
    gap: 20px;
    animation: marquee 15s linear infinite;
}

.event_cont_4 .review_slide_3 .slide_list:hover {
    animation-play-state: paused;
}

.event_cont_4 .review_slide_3 .list_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 670px;
    height: 290px;
    padding: 10px;
    border-radius: 20px;
    background: #444;
    box-shadow: 0 30px 40px 0 rgba(0, 0, 0, 0.2);
}

.event_cont_4 .review_slide_3 .slide_detail {
    flex-grow: 1;
    height: 100%;
    padding: 23px 0 0 30px;
    color: #fff;
    letter-spacing: -0.08em;
    font-size: 18px;
    font-family: 'spoqa3';
}

.event_cont_4 .review_slide_3 .slide_detail strong {
    line-height: 36px;
    font-size: 26px;
    font-family: 'spoqa4';
}

.event_cont_4 .review_slide_3 .slide_detail p {
    line-height: 28px;
    margin-top: 11px;
    color: #fff;
}

.event_cont_4 .review_slide_3 .slide_detail span {
    display: inline-block;
    margin-top: 21px;
    color: #aaa;
}

.event_cont_4 .review_slide_3 .slide_thumb {
    flex-shrink: 0;
    width: 270px;
    height: 270px;
    border-radius: 20px;
    overflow: hidden;
}

.event_cont_5 {
    background: #fff url('/img/event/9248/pc/curriculum_bg.jpg') repeat-x center top;
}

.event_cont_5 .main_inner {
    padding: 128px 0 100px;
}

.event_cont_5 .main_title {
    color: #000;
}

.event_cont_5 .curriculum_slide {
    width: 100%;
    height: 451px;
    margin: 73px 0 0;
    overflow: hidden;
}

.event_cont_5 .swiper-pagination {
    display: flex;
    gap: 8px;
    position: relative;
    width: 100%;
}

.event_cont_5 .swiper-pagination .btn_paging {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 72px;
    border-radius: 8px;
    letter-spacing: -0.06em;
    color: #9ac082;
    font-size: 24px;
    font-family: 'noto6';
    background: #d5f1c3;
}

.event_cont_5 .swiper-pagination .btn_paging.is_active {
    color: #fff;
    background: #000;
}

.event_cont_5 .swiper-wrapper {
    margin: 8px 0 0;
    height: 371px;
}

.event_cont_5 .swiper-wrapper .swiper-slide {
    padding: 39px 71px;
    border: 1px solid #c8c8c8;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
}

.event_cont_5 .curriculum_process {
    display: flex;
    gap: 48px;
}

.event_cont_5 .process_step {
    position: relative;
    width: 288px;
    border: 1px solid;
    border-radius: 12px;
    text-align: center;
}

.event_cont_5 .process_step:nth-child(1) {
    border-color: #c9e3b8;
}

.event_cont_5 .process_step:nth-child(2) {
    border-color: #abd98d;
}

.event_cont_5 .process_step:nth-child(3) {
    border-color: #68c926;
}

.event_cont_5 .process_step:last-child {
    flex: 1 1 auto;
}

.event_cont_5 .process_step + .process_step::before {
    content: '';
    position: absolute;
    top: 50%;
    right: calc(100% + 21px);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 9px solid #bbb;
}

.event_cont_5 .step_title {
    width: 100%;
    line-height: 1.2;
    padding: 18px 0 18px;
    border-radius: 12px 12px 0 0;
    letter-spacing: -0.025em;
    font-size: 20px;
    font-family: 'noto6';
}

.event_cont_5 .process_step:nth-child(1) .step_title {
    background: #ceffad;
}

.event_cont_5 .process_step:nth-child(2) .step_title {
    background: #acff75;
}

.event_cont_5 .process_step:nth-child(3) .step_title {
    background: #66ff00;
}

.event_cont_5 .step_content {
    padding: 17px 0 18px;
    line-height: 1.55;
    letter-spacing: -0.025em;
    font-size: 18px;
    font-family: 'noto5';
}

.event_cont_5 .curriculum_duration {
    display: flex;
    flex-direction: column;
    gap: 37px;
    width: 100%;
    margin: 41px 0 0;
}

.event_cont_5 .duration_bar {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 1px;
}

.event_cont_5 .duration_bar::before {
    content: '';
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #338000;
}

.event_cont_5 .duration_bar::after {
    content: '';
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #338000;
}

.event_cont_5 .duration_full {
    width: 100%;
    background: #338000;
}

.event_cont_5 .duration_medium {
    width: 65%;
    background: #47b002;
}

.event_cont_5 .duration_short {
    width: 30%;
    background: #7acc43;
}

.event_cont_5 .duration_short::before,
.event_cont_5 .duration_short::after {
    border-left-color: #338000;
    border-right-color: #338000;
}

.event_cont_5 .duration_medium::before,
.event_cont_5 .duration_medium::after {
    border-left-color: #47b002;
    border-right-color: #47b002;
}

.event_cont_5 .duration_short::before,
.event_cont_5 .duration_short::after {
    border-left-color: #7acc43;
    border-right-color: #7acc43;
}

.event_cont_5 .duration_label {
    height: 26px;
    line-height: 26px;
    padding: 0 17px;
    border-radius: 26px;
    letter-spacing: -0.06em;
    color: #fff;
    font-size: 16px;
    background: inherit;
}

.event_cont_6 {
    background: #fff;
}

.event_cont_6 .main_inner {
    padding: 92px 0 100px;
}

.event_cont_6 .main_title {
    color: #111;
}

.event_cont_6 .professor_visual {
    display: flex;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin: 68px 0 0;
}

.event_cont_6 .professor_slide {
    width: 100vw;
    margin: 48px 0 0;
}

.event_cont_6 .professor_slide .slide_inner {
    display: inline-flex;
    gap: 7px;
    animation: marquee 20s linear infinite;
}

.event_cont_6 .professor_slide .slide_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 720px;
    height: 191px;
    padding: 0 0 0 56px;
    border: 1px solid #c8c8c8;
    border-radius: 20px;
}

.event_cont_6 .professor_slide .slide_item::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 220px; 
    height: 191px;
    background: url('/img/event/9248/pc/review_icons.png') no-repeat 0 0;
}

.event_cont_6 .professor_slide .slide_item_1::after  {
    background-position: -0 -0;
}

.event_cont_6 .professor_slide .slide_item_2::after  {
    background-position: -220px -0;
}

.event_cont_6 .professor_slide .slide_item_3::after  {
    background-position: -440px -0;
}

.event_cont_6 .professor_slide .slide_item_4::after  {
    background-position: -660px -0;
}

.event_cont_6 .professor_slide .slide_item_5::after  {
    background-position: -880px -0;
}

.event_cont_6 .professor_slide .slide_item_6::after  {
    background-position: -1100px -0;
}

.event_cont_6 .professor_slide .slide_item_7::after  {
    background-position: -1320px -0;
}

.event_cont_6 .professor_slide .slide_item_8::after  {
    background-position: -1540px -0
}

.event_cont_6 .professor_slide .item_title {
    line-height: 1.2;
    letter-spacing: -0.04em;
    font-size: 20px;
    font-family: 'noto6';
}

.event_cont_6 .professor_slide .item_text {
    line-height: 1.5;
    margin: 8px 0 0;
    letter-spacing: -0.04em;
    word-break: keep-all;
    width: 60%;
    font-size: 16px;
}

.event_cont_6 .professor_slide .item_author {
    line-height: 1.2;
    margin: 16px 0 0;
    letter-spacing: -0.04em;
    color: #999;
    font-size: 16px;
}

.event_cont_7 {
    background: #fff;
}

.event_cont_7 .main_inner {
    padding: 92px 0 118px;
}

.event_cont_7 .main_title {
    color: #111;
}

.event_cont_7 .main_tab {
    margin: 68px 0 0;
    width: 1100px;
}

.event_cont_7 .main_tab .tab_list {
	display: flex;
	gap: 10px;
	width: 100%;
}

.event_cont_7 .main_tab .tab_list .btn_tab {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 72px;
	border-radius: 12px;
	letter-spacing: -0.06em;
	color: #aaa;
	font-size: 24px;
	font-family: 'noto6';
	background: #e5e5e5;
}

.event_cont_7 .main_tab .tab_list .btn_tab.is_active {
	color: #fff;
	background: #080808;
}

.event_cont_7 .main_tab .tab_content {
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 61px 0 0;
	background: #fff;
}

.event_cont_7 .main_tab .tab_content.is_active {
	display: flex;
}

.event_cont_7 .event_noti {
    width: 100%;
    margin: -4px 0 0;
	text-align: right;
	letter-spacing: -0.035em;
	line-height: 1.2;
    color: #888;
	font-size: 16px;
}

.event_cont_8 {
    height: 965px;
    background: url('/img/event/9248/pc/coupon_bg.jpg') no-repeat center top;
}

.event_cont_8 .main_inner {
    padding: 127px 0 100px;
}

.event_cont_8 .main_title span {
    background: rgba(255, 255, 255, 0.32);
}

.event_cont_9 {
    background: #080808 url('/img/event/9248/pc/apply_bg.jpg') repeat-x center top;
}

.event_cont_9 .main_inner {
    padding: 165px 0 162px;
}

.event_cont_9 .main_tab {
    display: flex;
    flex-direction: row;
    margin: 69px 0 0;
    padding: 7px 0;
    border-radius: 32px;
    background: #222;
}

.event_cont_9 .tab_list {
    flex: 0 0 auto;
    flex-direction: column;
    gap: 7px;
    width: 317px;
    padding: 41px 49px;
    background: url('/img/event/9248/pc/apply_dash.png') repeat-y center right;
}  

.event_cont_9 .tab_list .btn_tab {
    width: 100%;
    height: 60px;
    border-radius: 8px;
    letter-spacing: -0.06em;
    color: #fff;
    font-size: 20px;
    font-family: 'noto6';
}

.event_cont_9 .tab_list .btn_tab.is_active {
    color: #080808;
    background: #fff;
}

.event_cont_9 .tab_content {
    flex: 1 1 auto;
}

.event_cont_9 .product_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.event_cont_9 .product_list .list_item {
    width: 100%;
    padding: 36px 25px 41px;
}

.event_cont_9 .product_list .item_header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    padding: 0 22px;
}

.event_cont_9 .product_list .header_title {
    line-height: 1.2;
    letter-spacing: -0.06em;
    color: #fff;
    font-size: 32px;
    font-family: 'noto6';
}

.event_cont_9 .product_list .header_title em {
    font: inherit;
    color: #66ff00;
}

.event_cont_9 .product_list .btn_wrap{
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap:10px;
}

.event_cont_9 .product_list .btn_modal_book{
    width:103px;
    height:29px;
    background:#fff;
    font-size: 13px;
    font-family: 'noto6';
    color:#000
}

.event_cont_9 .product_list .btn_noti {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.2em;
    width: 87px;
    height: 29px;
    border: 1px solid #bbb;
    border-radius: 4px;
    letter-spacing: -0.025em;
    color: #bbb;
    font-size: 16px;
    opacity: 0.7;
}

.event_cont_9 .product_list .btn_noti::after {
    content: '▶';
    font-size: 8px;
    margin: 2px 0 0;
}

.event_cont_9 .product_list .item_contents {
    display: flex;
    flex-direction: column;
}

.event_cont_9 .product_detail {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 24px 0 32px 21px;
}

.event_cont_9 .product_detail .detail_wrap {
    display: flex;
    align-items: flex-start;
    position: relative;
    color: #fff;
}

.event_cont_9 .product_detail .detail_wrap dt {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 9px;
    width: 171px;
    line-height: 1.7;
    letter-spacing: -0.06em;
    white-space: nowrap;
    font-size: 20px;
    font-family: 'noto5';
}

.event_cont_9 .product_detail .detail_wrap dt::before {
    content: '';
    display: block;
    width: 20px; 
    height: 22px;
    background: url('/img/event/9248/pc/apply_icons.png') no-repeat 0 0;
}

.event_cont_9 .product_detail .detail_wrap:nth-child(1) dt::before {
    background-position: -10px -10px;
}

.event_cont_9 .product_detail .detail_wrap:nth-child(2) dt::before {
    background-position: -50px -10px;
}

.event_cont_9 .product_detail .detail_wrap:nth-child(3) dt::before {
    background-position: -90px -10px;
}

.event_cont_9 .product_detail .detail_wrap dd {
    line-height: 1.7;
    letter-spacing: -0.06em;
    font-size: 19px;
}

.event_cont_9 .product_detail .detail_wrap em {
    display: block;
    line-height: 1;
    font-family: 'noto5';
    color: #fe0000;
}

.event_cont_9 .product_calc {
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    position: relative;
    margin: 0 22px;
    padding: 26px 30px 40px;
    text-align: center;
    border-radius: 20px;
    background: #333;
}

.event_cont_9 .product_calc .calc_title {
    display: inline-flex;
    align-items: center;
    gap: 0.3em;
    position: absolute;
    top: -15px;
    right: 8px;
    height: 34px;
    padding: 0 24px;
    border-radius: 39px;
    letter-spacing: -0.06em;
    color: #fff;
    font-size: 18px;
    font-family: 'noto5';
    background: #ff6600;
}

.event_cont_9 .product_calc .calc_title::after {
    content: '';
    display: block;
    width: 14px;
    height: 18px;
    margin: 2px 0 0;
    background: url('/img/event/9248/pc/icon_light.png') no-repeat 0 0 / contain;
}

.event_cont_9 .product_calc .calc_title::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    transform: translateX(-50%);
    border-top: 5px solid #ff6600;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.event_cont_9 .product_calc .calc_price {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 0.4em;
}

.event_cont_9 .product_calc .price_item {
    line-height: 1.2;
    letter-spacing: -0.025em;
    color: #66ff00;
    font-size: 54px;
    font-family: 'noto6';
}

.event_cont_9 .product_calc .price_item:first-child {
    line-height: 1.8;
    text-decoration: line-through;
    color: #999;
    font-size: 20px;
    font-family: 'noto5';
}

.event_cont_9 .product_calc .price_item dd {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.event_cont_9 .product_calc .price_item dt,
.event_cont_9 .product_calc .price_item dd {
    font: inherit;
}

.event_cont_9 .product_calc .price_item span {
    line-height: 1.2;
    letter-spacing: -0.065em;
    color: #000;
    font-size: 13px;
    font-family: 'noto7';
}

.event_cont_9 .product_calc .calc_utils {
    display: flex;
    gap: 8px;
    width: 100%;
    margin: 18px 0 0;
}

.event_cont_9 .product_calc button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.2em;
    width: 100%;
    height: 60px;
    border-radius: 8px;
    letter-spacing: -0.065em;
    font-size: 20px;
    font-family: 'noto6';
}

.event_cont_9 .product_calc .btn_apply {
    flex: 1 1 auto;
    color: #080808;
    background: #66ff00;
}

.event_cont_9 .product_calc .btn_apply::after {
    content: '▶';
    font-size: 10px;
}

.event_cont_9 .product_calc .btn_coupon {
    flex: 0 0 auto;
    width: 232px;
    border: 1px solid #66ff00;
    color: #66ff00;
}

.event_cont_9 .product_calc .btn_coupon:after {
    content: '';
    display: block;
    width: 19px;
    height: 17px;
    margin: 1px 0 0;
    background: url('/img/event/9248/pc/icon_download.png') no-repeat 0 0;
}

.event_cont_9 .product_calc .calc_checkbox {
    margin: 0 auto 8px 0;
}

.event_cont_9 .product_calc .calc_checkbox input {
    display: none;
}

.event_cont_9 .product_calc .calc_checkbox label {
    display: flex;
    align-items: center;
    gap: 0.5em;
    line-height: 1.2;
    letter-spacing: -0.06em;
    color: #fff;
    font-size: 16px;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.event_cont_9 .product_calc .calc_checkbox label::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background: #e5e5e5 no-repeat center;
}

.event_cont_9 .product_calc .calc_checkbox input:checked + label::before {
    background-color: #66ff00;
    background-image: url('/img/event/9248/pc/icon_check.png');
}

/* 시작 영역 */
.start_cont {
    height: 797px;
    background: url('/_skin/tpl_skin/basic_tax_accountant/images/apply/refund/sidea_bg.png') no-repeat center top / cover;
}
.start_cont .main_inner {
    position: relative;
    padding: 144px 0 0;
}
.start_cont .main_title img {
    margin: 0 auto 30px;
}
.start_cont .main_title p {
    color: #fff;
    letter-spacing: -0.025em;
    font-size: 50px;
    line-height: 1.1;
    font-family: 'noto4';
}
.start_cont .main_title h3 {
    line-height: 1.29;
    margin: 5px 0 0;
    letter-spacing: -0.025em;
    font-size: 46px;
    font-family: 'noto7';
    color: #40f37e;
}
.start_cont .start_list {
    display: flex;
    flex-wrap: wrap;
    gap: 17px 15px;
    width: 100%;
    margin: 86px 0 0 10px;
}
.start_cont .start_list .list_item {
    position: relative;
    width: 215px;
    height: 129px;
    padding: 18px 0 0;
    line-height: 1.2;
    text-align: center;
    letter-spacing: -0.03em;
    color: #fff;
    font-size: 21px;
    background: url('/_skin/tpl_skin/basic_tax_accountant/images/apply/refund/sidea_box.png') no-repeat 0 0;
}
.start_cont .start_list .list_item:nth-child(n + 5) {
    left: 90px;
}
.start_cont .start_list .list_item em {
    font-family: 'noto6';
}
.start_cont .evidence_area {
    position: absolute;
    top: 228px;
    right: 97px;
    display: inline-block;
    z-index: 2;
}
.start_cont .evidence_btn {
    display: block;
    width: 82px;
    height: 28px;
    letter-spacing: -0.03em;
    font-size: 15px;
    font-family: 'noto4';
    background-color: #243c3c;
    line-height: 1.1;
    padding: 6px 6px 1px;
    border: 1px solid #1e8c84;
    border-radius: 3px;
    letter-spacing: -0.025em;
    color: #1e8c84;
    cursor: pointer;
}

/* 유의사항 */
.event_notice {
    padding: 163px 0 100px;
    background: #f5f5f5;
}

.event_notice .main_inner {
    width: 1100px;
    margin: 0 auto;
}

.event_notice .notice_title {
    display: block;
    line-height: 1.1;
    width: 100%;
    border-bottom: 2px solid #000;
    text-indent: -2px;
    letter-spacing: -0.08em;
    font-size: 50px;
    font-family: 'noto5';
}

.event_notice .notice_list {
    width: 100%;
    margin-top: 46px;
}

.event_notice .notice_list .list_item + .list_item {
    margin-top: 37px;
}

.event_notice .notice_list .list_item dt {
    line-height: 1.2;
    letter-spacing: -0.08em;
    font-size: 30px;
    font-family: 'noto6';
}

.event_notice .notice_list .list_item dd {
    display: block;
    width: 100%;
    line-height: 34px;
    margin-top: 9px;
    letter-spacing: -0.08em;
    font-size: 18px;
    font-family: 'noto2';
}

.event_notice .notice_list .list_item p {
    font-family: 'noto2';
}

.event_notice .notice_list .list_item ul {
    padding-left: 10px;
}

.event_notice .notice_list .list_item li {
    float: none;
    font-family: 'noto2';
}

.event_notice .notice_list .list_item ul + p {
    margin: 30px 0 5px;
    font-size: 20px;
    font-family: 'noto5';
}


/* 모달 : s */
.event_apply_modal {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: var(--z-index-dimmed);
}

.event_apply_modal.is_active {
    display: flex;
}

.event_apply_modal .modal_contents {
    position: relative;
    max-height: 90vh;
    background: #fff;
    overflow-y: auto;
}

.event_apply_modal .modal_contents::-webkit-scrollbar {
    display: none;
}

.event_apply_modal .modal_inner {
    max-width: 582px;
}

.event_apply_modal .modal_header {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 17px 19px 8px 0;
    background: #ff3a2a;
}

.event_apply_modal .modal_title {
    line-height: 1.25;
    letter-spacing: -0.07em;
    text-align: center;
    color: #fff;
    font-size: 36px;
    font-family: 'market-b';
}

.event_apply_modal .btn_modal_close {
    position: absolute;
    top: 13px;
    right: 12px;
    width: 30px;
    height: 30px;
    background: url('/img/event/9194/pc/icon_close.png') no-repeat center;
}

.event_apply_modal .modal_cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 39px 30px;
}

.event_apply_modal .cont_text {
    width: 504px;
    padding: 30px 0 0;
    word-break: keep-all;
    letter-spacing: -0.07em;
    font-size: 17px;
}
/* 모달 : e */