.intro_container {max-width: 874px;width: 100%;margin: 0 auto;}
.intro_container * {box-sizing: border-box;font-family: Pretendard;}
.intro_section_elem {text-align: center;position: relative;}
.intro_section_elem .bold {font-weight: 700;}

.intro_section_elem .section_img {width: 100%;}
.intro_section_elem .section_img.section_free {cursor: pointer;}

.home_btn {display: block;width: 280px;position: absolute;top: 80px;left: 50%;transform: translateX(-50%);}
.home_btn img {width: 100%;}

/*section_1*/
.intro_section_elem.section_1 .rolling_badge {width: 360px;height: 73px;border-radius: 40px;border: 1px solid #fff;position: absolute;top: 190px;left: 50%;transform: translateX(-50%);overflow: hidden;}
.intro_section_elem.section_1 .rolling_badge .elem {position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;opacity: 0;transform: translateY(100%);transition: transform 0.4s ease, opacity 0.4s ease;color: #fff;font-size: 42px;line-height: 1.25;letter-spacing: -1.5px;font-weight: 300;font-family: Cafe24;}
.intro_section_elem.section_1 .rolling_badge .elem.active {opacity: 1;transform: translateY(0);}
.intro_section_elem.section_1 .rolling_badge .elem.exit {opacity: 0;transform: translateY(-100%);}

.intro_section_elem.section_qa {padding:94px 60px;}
.intro_section_elem.section_qa .title {font-family: Gmarket;font-size: 54px;font-weight: 700;line-height: 1.3;letter-spacing: -1px;color: #111111;margin-bottom: 48px;}
.intro_section_elem.section_qa .contents {border-top:2px solid #212529;}
.intro_section_elem.section_qa .contents {text-align: left;}
.intro_section_elem.section_qa .contents .question_elem {border-bottom:1px solid #CCD1D7;padding:28px 10px;box-sizing: border-box;display: flex;align-items: baseline;gap:16px;position: relative;cursor: pointer;}
.intro_section_elem.section_qa .contents .question_elem .q_text {font-size: 32px;letter-spacing: -1px;font-weight: 600;color: #333333;position: relative;top: 2px;}
.intro_section_elem.section_qa .contents .question_elem .qa {width: 100%;}
.intro_section_elem.section_qa .contents .question_elem .qa .question {position: relative;display: flex;align-items: center;width: 100%;justify-content: space-between;}
.intro_section_elem.section_qa .contents .question_elem .qa .question .question_text {font-size: 28px;line-height: 1.3;letter-spacing: -1px;color: #333333;}
.intro_section_elem.section_qa .contents .question_elem .qa .answer {font-size: 22px;line-height: 26px;letter-spacing: -0.4px;color: var(--blue500);display: none;}
.intro_section_elem.section_qa .contents .question_elem .arrow_btn {transition: all 0.3s ease;position: relative;right: 0;}
.intro_section_elem.section_qa .contents .question_elem:hover .q_text,
.intro_section_elem.section_qa .contents .question_elem.active .q_text {color: #212529;}
.intro_section_elem.section_qa .contents .question_elem:hover .qa .question .question_text,
.intro_section_elem.section_qa .contents .question_elem.active .qa .question .question_text {font-weight: 500;}
.intro_section_elem.section_qa .contents .question_elem.active .qa .answer {margin-top: 16px;}
.intro_section_elem.section_qa .contents .question_elem.active .arrow_btn {transform: rotate(180deg);filter: brightness(0);}
.intro_section_elem.section_qa .contents .question_elem:hover .arrow_btn {filter: brightness(0);}

.intro_container .float_bottom_wrap {position: fixed;bottom: 0;width: 100%;height:74px;display: flex;align-items: center;justify-content: center;max-width: 874px;color: #fff;gap: 2px;}
.intro_container .float_bottom_wrap button {flex: 1;height:100%;border-radius: 10px 10px 0 0;color: #fff;font-size: 34px;font-weight: 700;letter-spacing: -1px;line-height: 1.3;box-shadow: 0px 10px 10px 0px #00000026;display: flex;align-items: center;justify-content: center;gap: 10px;}
.intro_container .float_bottom_wrap button.intro_btn {background-color: #20214A;}
.intro_container .float_bottom_wrap button.plan_btn {background-color: #8539EB;}
.intro_container .float_bottom_wrap button.free_btn {background-color: #257FFF;}
.intro_container .float_bottom_wrap button .event_badge {background-color: #FFD900;color: #20214A;border-radius: 16px;display: flex;align-items: center;justify-content: center;font-size: 20px;letter-spacing: 0;padding: 0 12px;}

.modal_wrap.free_ok_modal .modal_body {min-width:auto; width:auto;padding:68px 32px 32px;box-sizing: border-box;text-align: center;}
.modal_wrap.free_ok_modal .modal_body .close_btn {position: absolute;right: 16px;top:16px;width: 24px;height: 24px;cursor: pointer;}
.modal_wrap.free_ok_modal .modal_body .modal_title {color: var(--gray900);font-size: 18px;font-weight: 500;letter-spacing: -0.4px;margin-bottom: 32px;line-height: 1.4;}
.modal_wrap.free_ok_modal .modal_body .button_wrap {display: flex;flex-direction: column;align-items: center;}
.modal_wrap.free_ok_modal .modal_body .button_wrap .free_ok_page {width: 100%;}

@media (max-width: 880px) {
    /*.intro_container {max-width: 360px;}*/

    .home_btn {width:30vw;top: 8vw;}

    /*section_1*/
    .intro_section_elem.section_1 .rolling_badge {width: 40vw;height: 8vw;top: 22vw;}
    .intro_section_elem.section_1 .rolling_badge .elem {font-size: 4vw;}

    .intro_section_elem.section_qa {padding: 38px 20px 73px;}
    .intro_section_elem.section_qa .title {font-size: 26px;margin-bottom: 16px;letter-spacing: -2px;}
    .intro_section_elem.section_qa .contents .question_elem {padding: 12px 10px;}
    .intro_section_elem.section_qa .contents .question_elem .q_text {font-size: 22px;}
    .intro_section_elem.section_qa .contents .question_elem .qa .question .question_text {font-size: 18px;}
    .intro_section_elem.section_qa .contents .question_elem .qa .answer {font-size: 16px;line-height: 20px;}

    .intro_container .float_bottom_wrap {max-width: 100%;height:55px;gap: 0;}
    .intro_container .float_bottom_wrap button {font-size: 16px;letter-spacing: -0.5px;flex-direction: column;gap: 2px;}
    .intro_container .float_bottom_wrap button .event_badge {padding: 0 8px;font-size: 11px;}

    .modal_wrap.free_ok_modal .modal_body {width: 335px!important;}
}