@charset "UTF-8";

.mt-20 {margin-top: 20px;}
.mr-50 {margin-right: 50px;}
.mb-100 {margin-bottom: 100px;}
.row_gap_30 {row-gap: 30px;}
.border-none {border: none !important;}
.break-line {display: none;}
.br_break {display: inline;}
br{display:block !important;}

.back-to-top.back-top-border {border: 1px solid #ffffff3d}
.header-2 .register_btn.theme-btn {padding: 18px 28px;}
.header_festa_logo {
    filter: drop-shadow(0 0 8px rgb(255 255 255 / 42%)) 
    drop-shadow(0 0 20px rgb(255 255 255 / 40%));
  /* filter: drop-shadow(0 0 8px rgba(255, 108, 218, 0.6)) 
  drop-shadow(0 0 20px rgba(201, 42, 161, 0.4)); */
  width: 150px;
}

.header-main .main-menu ul li .submenu {
	min-width: 110px;
}

/** 키비주얼 **/ 
.hero-2 .hero-countdown-wrapper.key-visual {
    padding-left: 0;
    margin: 0;
    display: flex;
}
.hero-2 .hero-countdown-wrapper.key-visual .hero-bottom-area {
    align-items: flex-start;
    flex-direction: column;
    row-gap: 15px;
}
.hero-2 .hero-countdown-wrapper.key-visual .frist-text {
    display: flex;
    column-gap: 10px;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
}
.hero-2 .hero-countdown-wrapper.key-visual .frist-text h3 {
    font-size: 30px;
    font-weight: 600;
}
.hero-2 .hero-countdown-wrapper.key-visual .middle-text {
    display: flex;
    font-size: 26px;
    column-gap: 10px;
}
.hero-2 .hero-countdown-wrapper.key-visual .middle-text p {
    margin-top: 0;
    font-weight: 600;
}
.hero-2 .container.m_wrap_container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.hero_tit {
   font-size: 90px; 
   font-weight: 600;
   line-height: 1;
}
.hero-2 .hero-content h1 .hero-text.hero_next_tit {
    font-size: 150px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--white);
}

.hero-2 .hero-countdown-wrapper .cooming-soon-items .coming-soon-time.m_coming_soon_time {
    /* justify-content: left; */
}
.hero-2 .hero-countdown-wrapper.key_visual_info_wrap {
    padding-left: 0;
    margin: unset;
}
.hero-2 .hero-countdown-wrapper .hero-bottom-area.key_visual_info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.keyvisual_tit_box p{
    display: flex;
    font-size: 50px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing:-1px;
}
.keyvisual_tit_box span {
    font-size: 90px;
    line-height: 1.2;
    letter-spacing:-3px;
    margin-bottom: 30px;
}
.key_img { width: 30%;}
.key_img img { width: 100%;}
.shake-image {
    animation: up-down 1s infinite ease-in-out alternate;
}
.shake-image img {
    /* border-radius: 300px; */
    /* box-shadow: 15px 10px 30px 0px rgb(207 167 237 / 30%); */
    /* filter: hue-rotate(57deg); */
}

.keyvisual_tit_txt {
    font-size: 120px;
}
.keyvisual_date_txt {
    font-size: 30px;
    line-height: 1.5;
}
.keyvisual_place_txt {
    font-size: 30px;
}

@keyframes up-down {
  0% {
    transform: translateY(0); 
  }
  100% {
    transform: translateY(-20px);
  }
}

/** 인사말 **/
.about-wrapper-2 .about-main-content.background-none::before {
    background: none;
}
.about-wrapper-2 .about-main-content.background-none {
    border-bottom: 0 !important;
    padding-bottom: 0;
}
.about-wrapper-2 .about-main-content.background-none .about-last-content .about-img img {
    max-height: 600px;
    object-fit: cover;
    object-position: top;
}
.m_about_txt {
    padding-right:50px;
    display: none;
}
.about-img-center{
    width: 40%;
}
.about-creativity-wrapper .about-creativity-right-items .thumb .sm-thumb.custom_sm_thumb {
    width: 230px;
    bottom: 10px;
    padding: 0 20px;
    border-radius: 30px 0 0 0;
    text-align: center;
}
.about-creativity-wrapper .about-creativity-right-items .thumb img.img_custom {
    max-width: 100px;
}
.custom_greeting_name {
    font-size: 18px; color: #000;
    margin-top: 0;
}

.introduce_txt_area {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.introduce_txt_area .text-uppercase {
    font-size: 28px;
    color: #555;
}
.img-custom-anim-right .introduce_img_area {
    width: 100%;
    height: 100%;
}

/** **/
.cta-video-content-2.mt-120 {
    margin-top: 120px;
}

/**  **/
.about_txt_area {
    color: #e4e4e4;
    font-size: 18px;
}

/** 페스타뉴스 **/
.news-box-items-2 .news-thumb.m_news_thumb img {
    aspect-ratio: 16 / 9;
    height: 303px;
    object-position: top;
}
.news-box-items-2 .content h3 a.news_tit {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/** 세션소개 **/
.feature_tit {
    background-color: #d33481;
    font-weight: 600;
    margin-right: 10px;
    color: #fff;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 16px;
}
.feature_txt {color: #2c3345;}
.feature_point {
   color: #d9458d;
   font-size: 16px;
   line-height: 1.5;
}
.feature-dream-wrapper-2 .feature-dream-content .feature-dream-list li.feature-dream-item:not(:last-child) {
    margin-bottom: 50px;
}

.section_scroll_area {
    position: relative;
    height: 630px;
    overflow-x: scroll;
    overflow-x: hidden;
    padding-right: 30px;
    padding-top: 0 !important;
}
.section_scroll_area::-webkit-scrollbar-track {
    display: none;
}
.section_scroll_area::-webkit-scrollbar-button {
    display: none;
}
.section-border-bottom {
    border-bottom: 1px solid #d8dde1;
    padding-bottom: 30px;
}



/** 부대행사 **/
.faq-wrapper-2 .faq-left-content .faq-page-items .accordion-box .block .acc-content .content .cont_img_txt.text {
    margin-left: 15px;
    padding-right: 40px;
    text-align: justify;
    font-size: 15px;
    margin-right: 55px;
}
.faq-wrapper-2 .faq-left-content .faq-page-items .accordion-box .block .acc-btn .icons.icon {
    display: inline-block;
    position: unset;
}
.faq-wrapper-2 .faq-left-content .faq-page-items .accordion-box .block .accordion_line.acc-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brand_info {
    display: flex; 
    align-items: center; 
    column-gap: 20px;
}
.brand_name {
    font-weight: 500;
    font-size: 20px;
    color: var(--header);
}
.brand_name:hover {
    color: #ccc
}
.faq-wrapper-2 .faq-left-content .faq-page-items .accordion-box.border-none {
    border-bottom: none;
}
.client_txt {font-size: 15px;}

/** 공지사항 **/
.faq-wrapper-2 .faq-left-content .faq-page-items .accordion-box .block .acc-content .content .cont_img_txt.notice_text {
    margin-left: 15px;
    padding-right: 40px;
    text-align: justify;
    font-size: 15px;
    margin-right: 55px;
    max-width: 700px;
    line-height: 1.5;
}

/** 푸터 **/
.footer_festa_logo {
   filter: invert(100%) saturate(0%) brightness(150%);
   width: 200px;
}
.footer-wrappper.m_footer_wrappper {
    padding: 100px 0 120px;
}
.footer_add_txt {
    max-width: 400px !important;
}


/* 연사소개 */
.team-box-items-3 .thumb {
    max-height: 300px;
    width: 100%;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
}
.team-box-items-3 .thumb img {
    max-height: 300px;
    object-fit: cover;
    object-position: top;
    /* width: 300px; */
}
.team-box-items-3 .thumb::before img:hover {
    width: 300px;
    overflow: hidden;
}

/* 연사 팝업 */
.popup-wrap {
    width: 100%;
    padding: 50px 40px;
    display: flex;
    column-gap: 40px;
}
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.popup-overlay.active {
    opacity: 1;
    visibility: visible;
}
.popup-wrapper {
    position: absolute;
    background: #fff;
    width: 100%;
    max-width: 1000px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    /* transform: translateY(30px); */
    transition: transform 0.3s ease;
}

.popup-close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    background: none;
    border: none;
    font-size: 40px;
    line-height: 1;
    color: #333;
    cursor: pointer;
    z-index: 10;
    transition: color 0.2s;
}
.popup-close-btn:hover {
    color: #e74c3c;
}

.popup-container {
    display: flex;
}

/* 이미지 영역 */
.popup-img-box {
    flex: 0 0 30%;
    /* max-width: 40%; */
    width: 100%;
}
.popup-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    max-height: 300px;
    object-position: top;
}
.popup-content-box {
    width: 65%;
    padding-top: 20px;
    box-sizing: border-box;
}

.popup-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #111;
}
.popup-subtitle {
    font-size: 18px;
    color: var(--theme);
    margin-bottom: 20px;
    font-weight: 500;
}
.popup-desc {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    border-top: 1px solid #eee;
    padding: 20px 0;
    width: 100%;
    text-align: justify;
}

/* 프로그램 */
.event-venue-section-2 .event-navs.custom_event_navs {
    max-width: 867px;
}
.program_table_header {
    display: grid;
    grid-template-columns: 150px 200px 1fr 1fr;
    text-align: center;
    border-bottom: 1px solid #dbdbdb;
    background-color: rgb(1, 32, 73);
    color: #cecece;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 0;
}
.program_table_line_one {
    display: grid;
    grid-template-columns: 150px 200px 1fr 1fr;
    align-items: center;
    min-height: 50px;
    height: auto;
    line-height: 1.4;
    padding: 15px 20px;
    border-bottom: 1px solid #dbdbdb;
    font-size: 15px;
}
.program_table_line_two {
    display: grid;
    grid-template-columns: 150px 1fr;
    align-items: center;
    min-height: 50px;
    height: auto;
    line-height: 1.4;
    padding: 15px 20px;
    border-bottom: 1px solid #dbdbdb;
    background-color: #e9edf3;
    font-size: 15px;
}
.cell_sub {
    font-weight: 600;
    color: #000;
    font-size: 16px;
}
.cell_tit {
    font-weight: 600;
    color: rgb(68 77 155);
    margin-bottom: 10px;
    font-size: 18px;
}

.table_speaker_wrap {
    display: flex;
    column-gap: 10px;
    row-gap: 10px;
    flex-wrap: wrap;
}
.table_speaker {
    display: flex;
    padding: 10px 10px;
    /* max-width: 45%; */
    column-gap: 10px;
    border-radius: 2px;
    line-height: 1;
    align-items: center;
}
.table_speaker:hover {
    background-color: #e9edf3;
    cursor: pointer;
}
.speaker_name {
    color: var(--header);
    font-size: 14px;
    line-height: 1.4;
}
.speaker_job {
    font-size: 14px;
}
.table_speaker_img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100px;
    padding: 0;
    margin: 0;
    border: 1px solid #dbdbdb;
}
.table_speaker_img img {
    width: 100%;
}


/** 프로그램2 **/
.event-section-3 .section-title-area.custom_sectioin_tit_area {
    border-bottom: 0;
    margin-bottom: 0;
    display: flex;
    column-gap: 50px;
}
.event-section-3 .section-title-area.custom_sectioin_tit_area .nav  {
    width: 50%;
}
.event-box-wrapper-2.custuom_box_wrap {
    display: grid;
    width: 100%;
    border:none;
    justify-content: flex-start;
    grid-template-columns: 120px 1fr 100px 200px;
    border-top: 1px solid #d8dde1;
    column-gap: 30px;
    margin-top: 0;
    border-radius: 0;
}
.event-box-wrapper-2.custuom_box_wrap.bg_color {
    /* background-color: #eeeeeee7; */
    padding: 20px 30px;
}

.table_time_txt_wrap {
    justify-content: space-between; 
    display: grid; 
    row-gap: 5px;
}
.section-title h2.program_tit_area {
	font-size: 44px;
}
.table_time_txt_1 {
    font-size:24px;
    color: var(--header);
    font-weight: 700;
    text-align: left;
}
.table_time_txt_2 {
    font-size:24px;
    color: var(--header);
    font-weight: 700;
    text-align: right;
}
.time_icon {
    color: #888b96;
}

.table_speaker_line_wrap {
    display: flex;
    column-gap: 50px;
    align-items: center;
}
.table_speaker_round_tit {
    width: 100%;
    font-size: 14px;
    color: #fff;
    background-color: var(--header);
    text-align: center;
    padding: 9px 10px;
    border-radius: 50px;
    font-weight: 600;
}
.table_speaker_round_tit.mini_round_tit {
    max-width:250px;
    height: 46px;
}
.table_speaker_tit {
    color: var(--header);
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    width: 100%;
    line-height: 1.5;
}
.table_speaker_lunch_tit {
    color: var(--header);
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    width: 100%;
    line-height: 1.5;
    margin-left: 210px;
}

.table_speaker_sub {
    position: relative;
    font-size: 14px;
    color: var(--header);
    font-weight: 600;
    padding-left: 10px;
    line-height: 1.4;
}
.table_speaker_sub::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 2px;
    height: 14px;
    background-color: var(--theme);
}

.profile_item_img_wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.profile_item_img a {
    display: flex;
    column-gap: 10px;
}
.table_speaker_img_info {
    font-size: 14px;
    line-height: 1.4;
    color: #788094;
}
.table_speaker_img_name{
    color: var(--header);
}
.table_speaker_img {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.table_speaker_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top;
}
.table_speaker_point {
    padding-top: 20px;
    font-size: 15px;
}
.program_notice {
    font-size: 15px;
}


/* 프로그램 : 연사 팝업 */
.popup_body {
    display: flex;
    column-gap: 40px;
}
.speaker_popup_overlay_re {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* 팝업 창 본체 */
.speaker_popup_content_re {
    background-color: #fff;
    padding: 50px 40px;
    border-radius: 8px;
    position: relative;
    width: 100%;
    max-width: 1000px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    text-align: center;
}

/* 닫기 버튼 */
.popup_close_btn_re {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 40px;
    cursor: pointer;
    color: #333;
}

/* 팝업 내부 이미지 스타일 */
.popup_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    max-height: 500px;
}

/* 팝업 내부 텍스트 */
.popup_speaker_name {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #111;
}
.popup_info_career {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    border-top: 1px solid #eee;
    padding: 20px 0;
    margin-top: 20px;
    width: 100%;
    text-align: justify;
}
.popup_speaker_job {
    font-size: 18px;
    color: var(--theme);
    margin-bottom: 20px;
    font-weight: 500;
}
.popup_info_wrap {
    display: flex;
    text-align: left;
    width: 100%;
    flex-direction: column;
    padding: 20px 0;
}

/* 클릭 연감을 주기 위해 원본 speaker에 커서 손가락 모양 추가 */
.table_speaker {
    cursor: pointer;
}

/** 컨텐츠 영역 **/
.testimonial-wrapper-2 .testimonial-left-thumb.testmonial_filter {
    filter: blur(3px);
}
.testimonial-wrapper-2::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #1f0644;
    height: 100%;
    z-index: 1;
    opacity: 0.5;
}

/** 행사장 **/
.location_line_box {
    display: flex;
    flex-direction: column;
}
.location_line_txt {
    display: flex;
}
.google_map_area {
    display: grid;
    width: 100%;
    height: 320px;
}
.public_lislt_area {margin-top: 10px;}
.public_info {
    display: flex;
    row-gap: 10px;
    column-gap: 10px;
    color: var(--header);
    font-weight: 600;
}
.public_info p {
    color: #788094;
    font-weight: 400;
}

/** 함께하는 기업 **/
.brand-box .brand-img-1 img.brand-img {
    opacity: 1;
    transform: translateY(0%);
    width: 200px;
}

/** 공지사항 **/
.list-area-menu.custom_quick_links {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: 20px;
}

/** 문의 **/
.inquiry_line {
    padding: 20px 20px;
    width: 100%;
    background: #fff;
    border-radius: 100px;
    display: flex;
    column-gap: 10px;
    border: 1px solid rgb(216, 221, 225);
}
.inquiry_tit {
    color: var(--theme);
    font-weight: 600;
    font-size: 16px;
}

.m_wrap_container .pricing-box-items {margin-top:0px;}

/** 푸터 **/
.footer-wrappper .footer-widget-items .icon-area li .content a.content_icon_txt {
    font-size: 16px;
}



@media (max-width: 1240px) {
    .m_wrap_container {
        padding: 0;
    }

    /**  **/
    .about_txt_area {
        color: #dbdada;;
        font-weight: 300;
    }
    .hero-2 .hero-content h1 .hero-text.hero_next_tit {
        font-size: 130px;
    }
    .hero-2 .container.m_wrap_container {
        padding: 0 50px;
    }
    .key_img {
        display: none;
    }

    /* 인사말 */
    .custom_greeting_name {
        font-size: 14px;
    }
    .about-creativity-wrapper .about-creativity-right-items .thumb .sm-thumb.custom_sm_thumb {
        width: 170px;
        bottom: -5px;
        background-color: #fff;
    }
    .m_sm_thumb_img {
        margin-bottom: 5px;
    }
    
    /* 연사소개 */
    .program_table_header {
        display: none;
    }
    .program_table_line_one {
        row-gap: 10px;
        grid-template-columns: 1fr;
    }
    .program_table_line_two {
        row-gap: 10px;
        grid-template-columns: 1fr;
    }
    .table_speaker_wrap {
        margin-top: 10px;
    }

    .team-box-items-3 .thumb {
        max-height: fit-content;
    }

    /* .popup-content {
        top: 76%;
    } */

    /* 함께하는 기업 */
    .brand-box .brand-img-1 img.brand-img {
        width: 80%;
    }

    /* 프로그램2 */
    .table_time_txt_wrap {
        row-gap: 0;
    }
    .table_time_txt_1 {
        font-size: 24px;
    }
    .table_time_txt_2 {
        font-size: 24px;
    }
    .table_speaker_tit {
        font-size: 16px;
        line-height: 1.4;
        align-items: center;
        display: flex;
    }
    .table_speaker_lunch_tit {
        font-size: 16px;
        line-height: 1.3;
        margin-left: 0;
    }

    .testimonial-wrapper-2.m_testimonial_section {
        padding: 60px;
    }

}
@media (max-width: 1600px) {
    .m_header_main {
        padding: 20px 40px;
    }
    .hero-2 .container.m_wrap_container {
        padding: 0 70px;
    }
    .keyvisual_tit_box p {
        font-size: 40px;
    }
    .keyvisual_tit_box span {
        font-size: 80px;
    }


    .keyvisual_date_txt {
        font-size: 24px;
    }
    .keyvisual_place_txt {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {

    .m_header_main {
        padding: 20px 10px;
    }
    .header_festa_logo {
        width: 120px;
    }

     /* 키-비주얼 */
    .hero-2 .container.key-visual-gap {
        padding: 0 50px;
    }
    .hero-2 .hero-content h1 .hero-text.hero_next_tit {
        font-size: 120px;
    }

    .keyvisual_tit_box p {
        font-size: 35px;
    }
    .keyvisual_tit_box span {
        font-size: 60px;
    }

    /* 인사말 */
    .section-title .sub-title.sub-title-txt {
        font-size: 17px;
    }
    .about-wrapper-2 .about-main-content.background-none {
        padding-top: 40px;
    }
    .about-creativity-wrapper .about-creativity-right-items .thumb .sm-thumb.custom_sm_thumb {
        display: block !important;
        bottom: -5px;
    }
    .about-creativity-wrapper .about-creativity-right-items .thumb img.img_custom {
        max-width: 120px;
    }
    .img-custom-anim-right.m_ceo_sign {
        align-items: center;
        display: flex;
        width: 400px;
    }
    .img-custom-anim-right.m_ceo_sign img {
        object-fit: cover;
        object-position: top;
        border-radius: 20px;
    }

    /** 프로그램2 **/
    .event-box-wrapper-2.custuom_box_wrap {
        display: flex !important;
        flex-wrap: wrap;
        row-gap: 15px;
    }
    .table_speaker {
        padding: 0;
    }
    .profile_item_img_wrap {
        row-gap: 15px;
    }
    .table_time_txt_wrap {
        display: flex; 
        align-items: flex-start;
        line-height: 1;
    }
    .table_speaker_line_wrap {
        width: 100%; 
        flex-direction: column;
        display: flex;
        row-gap: 15px;
        column-gap: 30px;
        align-items: flex-start;
    }
    .table_time_txt_1 {
        font-size: 20px;
    }
    .table_time_txt_2 {
        font-size: 20px;
    }
    .table_speaker_round_tit {
        max-width: 160px;
        height: 46px;
    }
    .table_speaker_img_info {
        display: flex;
        column-gap: 10px;
    }

    .testimonial-wrapper-2 .testimonial-left-thumb.testmonial_filter {
        height: 300px;
    }
    .event-section-3 .section-title-area.custom_sectioin_tit_area .nav {
        width: 100%;
    }

    /** 연사소개 **/
    .team-box-items-3 .thumb {
        width: 300px;
    }
    .team-box-items-3 .thumb::before {
        width: 300px;
    }
}

@media (max-width: 840px) {

    /* 키 비주얼 */
    .m_wrap_container {
        width: 100%;
        padding: 20px;
    }
    .hero-2 .hero-content h1 {
        flex-wrap: wrap;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }
    .hero_tit{
        font-size: 60px;
        line-height: 1.5;
    }
    .hero-2 .hero-countdown-wrapper .cooming-soon-items .coming-soon-time .timer-content.m_timer h2 {
        font-size: 40px;
    }
    .hero-2 .hero-countdown-wrapper .cooming-soon-items .coming-soon-time .timer-content.m_timer {
        width: 20%;
    }
    .hero-2 .hero-content h1 .hero-text.hero_next_tit  {
        font-size: 100px;
    }

    .hero-2 .hero-countdown-wrapper.key-visual .frist-text {
        font-size: 24px;
        flex-wrap: wrap;
    }
    .hero-2 .hero-countdown-wrapper.key-visual .frist-text h3 {
        font-size: 24px;
    }
    .hero-2 .hero-countdown-wrapper .hero-bottom-area .middle-text {
        flex-wrap: wrap; 
    }
    .hero-2 .hero-countdown-wrapper .hero-bottom-area .middle-text h3 {
        font-size: 18px;
    }
    .hero-2 .hero-countdown-wrapper.key-visual .middle-text p{
        font-size: 18px;
    }

    /** 인사말 **/
    .m_about_txt {
        padding-right: 0;
    }

    /* 프로그램 */
    .speaker_popup_content_re {
        max-width: none;
        width: 100%;
        height: 100vh;
    }

    .popup-content {
        position: fixed;
        left: 0;
        /* top: 71%; */
        /* transform: translate(-50%, -50%); */
        background: #fff;
        width: 100%;
        padding: 80px 30px;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        z-index: 10;
        animation: fadeInScale 0.3s ease-out;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow-y: auto;
        height: 100vh;
        max-height: 1200px;
    }

    .cta-video-content-2.mt-120 {
        margin-top: 80px;
    }

    
}

@media (max-width: 768px) {

    .m_hero_2 {
        padding: 150px 0 80px 0;
    }

    /* 인사말 */
    .about-creativity-wrapper .about-creativity-right-items .thumb .sm-thumb.custom_sm_thumb {
        width: 190px;
        bottom: -10px;
    }
    .about-creativity-wrapper .about-creativity-right-items .thumb img.img_custom {
        max-width: 100px;
    }
                
    /** 연사소개 : 팝업 **/
    .popup-wrapper {
        /* max-width: 100%;
        max-height: 100vh; */
        overflow-y: auto;
        height: 100vh;
        border-radius: 0;
        /* width: 100%;
        border-radius: 0; */
    }
    .popup-wrap {
        flex-direction: column;
        row-gap: 30px;
    }
    .popup-container {
        flex-direction: column;
        align-items: center;
        row-gap: 30px;
        padding-top: 50px;
    }
    .popup-img-box {
        flex: 0 0 100%;
        /* max-width: 100%; */
        width: 50%;
    }
    .popup-content-box {
        /* flex: 0 0 100%; */
        width: 100%;
        padding-top: 0;
    }
    .popup-title {
        font-size: 22px;
        width: 100%;
    }

    .popup-close-btn {
        top: 20px;
        font-size: 50px;
    }
     .popup-img-box {
        width: 100%;
    }
    .team_item_center {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .team-box-items-3 .thumb {
        width: 200px;
    }
    .team-box-items-3 .thumb img {
        max-height: 200px;
    }

    .m_wrap_container p strong {
        width: 100%;
        display: flex;
    }
    .m_wrap_container .section-title-area {
        margin-bottom: 30px;
    }

}


@media (max-width: 640px) {
    .m_wrap_container {
        padding: 0 30px;
    }
    .hero-2 .container.key-visual-gap {
        padding: 0 30px;
    }
    .hero_tit{
        font-size: 40px;
        line-height: 1.5;
    }
    .hero-2 .hero-countdown-wrapper .cooming-soon-items .coming-soon-time.m_coming_soon_time {
        gap: 20px;
    }
    .hero-2 .container.m_wrap_container {
        padding: 0 30px;
    }
    .hero-2 .hero-content h1 .hero-text.hero_next_tit  {
        font-size: 80px;
    }
    .hero-2 .hero-countdown-wrapper .cooming-soon-items .coming-soon-time .timer-content.m_timer {
        width: 20%;
        height: 96px;
    }
    .hero-2 .hero-countdown-wrapper .cooming-soon-items .coming-soon-time .timer-content.m_timer h2 {
        font-size: 30px;
    }
    .header_festa_logo {
        width: 100px;
    }
    .section-title .sub-title.m_sub_title {
        font-size: 18px;
    }

    /** 키비주얼 **/
    .m_hero_2 {
        padding: 120px 0 80px 0;
    }
    .hero-2 .hero-content h1 {
        row-gap: 10px;
    }
    .keyvisual_tit_box p {
        font-size: 24px;
    }
    .keyvisual_tit_box span {
        font-size: 50px;
    }

    .hero-2 .hero-countdown-wrapper .hero-bottom-area.key_visual_info {
        row-gap: 10px;
        margin-top:0;
    }
    .keyvisual_date_txt {
        font-size: 20px;
        line-height: 1.3;
    }
    .keyvisual_place_txt {
        font-size: 20px;
    }

    /* 인사말 */
    .about-img-center {
        width: 50%;
    }

    /* 연사소개 */
    .popup-thumb {
        flex: 0 0 150px;
        width: 150px;
        height: 180px;
    }
    .popup-desc {
        font-size: 15px;
    }
    
    .popup_body {
        flex-direction: column;
        margin-top: 50px;
    }
    .popup_img_wrap img {
        width: 80%;
        height: 80%;
    }
    .popup_close_btn_re {
        font-size: 35px;
    }
    .team-box-items-3 .content h3.m_teacher_name {
        font-size: 24px;
    }
    .popup-wrap {
        padding: 40px 30px;
    }
    .popup-img-box img {
        max-height: 300px;
        width: 50%;
    }
    .team-box-items-3 .thumb {
        max-height: 500px;
    }
    
    

    /* 등록신청 */  
    .pricing-box-items .pricing-header h2.m_price_num {
        font-size: 30px;
    }
    .registe_ex_tit a {
        color:#000;
    }
    .registe_ex li{
        position: relative;
        padding-left: 15px;
        font-size: 15px;
    }
    .registe_ex li::before {
        content: '';
        position: absolute;
        top: 38%;
        left: 0;
        width: 5px;
        height: 5px;
        background-color: var(--theme);;
        border-radius: 20px;
    }
    .m_wrap_container .pricing-box-items {margin-top:30px;}

    /* 프로그램 */
    .table_speaker {
        padding: 10px 0;
    }

    .event-section-3 .section-title-area.m_section {
        padding-bottom: 30px;
    }
    .event-section-3 .section-title-area.m_section .nav .nav-item .nav-link.m_nav_link {
        padding: 15px 20px;
        border-radius: 6px;
        font-size: 18px;
    }

    /* 프로그램2 */
    .event-box-wrapper-2.custuom_box_wrap {
        padding: 30px 0;
    }
    .speaker_name {font-weight: 500;}
    .event-box-wrapper-2.custuom_box_wrap.bg_color {
        padding: 20px 0;
    }
    .event-section-3 .section-title-area .nav .nav-item.m_nav_item .nav-link {
        padding: 15px 20px;
        font-size: 18px;
    }
    .profile_item_img_wrap {
        row-gap: 0;
    }
    .event-section-3 .section-title-area.custom_sectioin_tit_area {
        margin-bottom: -30px;
    }

    /* 부대행사 */
    .faq-wrapper-2 .faq-left-content .faq-page-items .accordion-box .block .accordion_line.acc-btn {
        padding-right: 0;
    }
    .faq-wrapper-2 .faq-left-content .faq-page-items .accordion-box .block.m_accordion_block {
        padding: 18px 0;
    }
    .cta-video-content-2.mt-120 {
        margin-top: 50px;
    }

    /* 페스타뉴스 */
    .news-box-items-2 .news-thumb.m_news_thumb {
        aspect-ratio: 16 / 9;
        border-radius: 10px;
    }
    .news-box-items-2 .news-thumb.m_news_thumb img {
        aspect-ratio: 16 / 9;
        object-fit: cover;
        object-position: top;
        border-radius: 10px;
    }

    /* 세션소개 */
    .testimonial-wrapper-2 .testimonial-left-thumb.testmonial_filter {
        height: auto;
    }
    .about_txt_area {
        font-size: 15px;
        line-height: 1.7;
    }
    .testimonial-wrapper-2.m_testimonial_section {
        padding: 100px 10px;
    }

    /* 푸터 */
    .list-area-menu {
        display: flex;
        flex-wrap: wrap;  
        column-gap: 20px;
    }
    .footer_festa_logo {
        width: 100px;
    }

    /* 등록 */
    .about-text {font-size: 15px;}
    .m_wrap_container .pricing-box-items h2 {font-size:35px}

    /* 모바일 메뉴 */
    .offcanvas__logo a img {
        width: 100px;
    }
    .offcanvas__wrapper .offcanvas__content .offcanvas__close.m_close {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .offcanvas__contact-text.m_contact_txt {
        font-size: 13px;
    }
    
    /* 오시는 길 */
    .map_m_icon {
        width: 35px !important;
        height: 35px !important;
        line-height: 35px !important;
    }
    .m_h4 {
        font-size: 16px;
    }
    .m_h4_info {
        font-size: 14px;
        line-height: 1.5;
    }

    /* 푸터 */
    .footer-wrappper.m_footer_wrappper {
        padding: 50px 0 80px;
    }
    .footer-wrappper .footer-widget-items .icon-area.m_icon_area li {
        gap: 20px;
    }
    .footer-wrappper .footer-widget-items .icon-area.m_icon_area li .content {
        column-gap: 20px;
    }
    .footer-wrappper .footer-widget-items .icon-area li .content.mb_0 p {
        margin-bottom: 0;
    }
    .footer-wrappper .footer-widget-items .icon-area.m_icon_area li:not(:last-child) {
        margin-bottom: 20px;
    }
    .footer-wrappper .footer-widget-items .icon-area.m_icon_area li .content a {
        font-size: 16px;
    }
    .footer-wrappper .footer-widget-items .icon-area li .icon.m_icon {
        width: 35px;
        height: 35px;
        line-height: 35px;
        border: 2px solid var(--white);
    }
    .footer-wrappper .footer-widget-items .icon-area li .icon.m_icon img {
        width: 80%;
    }
    .footer-bottom .footer-bottom-wrapper .footer-menu.m_footer_menu {
        gap: 20px;
    }
    .footer-bottom .footer-bottom-wrapper .footer-menu li.m_footer_menu a {
        font-size: 12px;
    }
    .footer-bottom .footer-bottom-wrapper .footer-menu li.m_footer_menu:nth-child(3) {
        display: none;
    }
}

@media (max-width: 480px) {
    .m_hero_2 {
        padding: 80px 0 80px 0;
    }
    .hero_tit{
        font-size: 30px;
        line-height: 1.5;
    }
    .keyvisual_tit_box span {
        font-size: 40px;
    }
    .hero-2 .hero-content h1 .hero-text.hero_next_tit  {
        font-size: 50px;
    }
    .hero-2 .hero-countdown-wrapper .cooming-soon-items .coming-soon-time.m_coming_soon_time {
        gap: 15px;
    }
    .hero-2 .hero-countdown-wrapper .cooming-soon-items .coming-soon-time .timer-content.m_timer h2 {
        font-size: 20px;
    }
    .hero-2 .hero-countdown-wrapper .cooming-soon-items .coming-soon-time .timer-content.m_timer {
        height: 70px;
    }
    .hero-2 .hero-countdown-wrapper .cooming-soon-items .coming-soon-time .timer-content.m_timer span {
        font-size: 15px;
    }
    .m_wrap_container {
        padding: 0 20px;
    }

    .m_wrap_container .container {
        padding: 0;
    }

    /* 인사말 */
    .custom_greeting_name {
        font-size: 12px;
        margin-top: 0 !important;
    }
    .about-creativity-wrapper .about-creativity-right-items .thumb img.img_custom {
        max-width: 70px;
    }
    .about-creativity-wrapper .about-creativity-right-items .thumb .sm-thumb.custom_sm_thumb {
        width: 150px;
        bottom: -12px;
        padding: 10px 20px;
        border-radius: 20px 0 0 0;
        background-color: #Fff;
    }
    .img-custom-anim-right.m_ceo_sign {
        /* height: 300px; */
        width: 320px;
    }
    .m_about_txt {
        font-size: 15px;
        line-height: 1.5;
    }

    /* 부대행사 */
    .faq-wrapper-2 .faq-left-content .faq-page-items .accordion-box .block .accordion_line.acc-btw.acc-btn {
        padding-right: 0;
    }
    .brand_info {
        column-gap: 0;
    }
    .brand_name {
        font-size: 15px;
    }

    .popup_img_wrap img {
        width: 100%;
        height: 100%;
    }

    /* 프로그램2 */
    .table_speaker_line_wrap {
        column-gap: 20px;
    }
    .table_speaker_round_tit {
        max-width: auto;
        height: 34px;
        line-height: 1.1;
    }
    .table_speaker_point {
        padding-top: 10px;
    }
    .event-section-3 .section-title-area.custom_sectioin_tit_area {
        padding-bottom: 30px;
    }
    .table_speaker_round_tit.mini_round_tit {
        max-width: 230px;
        height: 34px;
        line-height: 1.1;
    }
    .table_speaker_tit {
        font-size: 14px;
    }
    .table_speaker_lunch_tit {
        font-size: 14px;
        line-height: 1.4;
        color: var(--theme);
    }
    .team-box-items-3 .content h3.m_teacher_name {font-size: 20px;}
    .table_speaker {
        padding: 0;
    }
    /* .table_speaker:hover {
        background-color: #fff;
    } */
    .profile_item_img_wrap {
        row-gap: 15px;
    }
    .event-box-wrapper-2.custuom_box_wrap {
        padding: 25px 0px;
    }
    .event-box-wrapper-2.custuom_box_wrap.bg_color {
        padding: 25px 0px;
    }
    .program_notice {
        font-size: 14px;
    }

    /* 연사소개 */
    .team-box-items-3 .thumb {
        width: 150px;
        max-height: 150px;
    }

    /* 세션소개 */
    .feature_point {
        text-align: justify;
        font-size: 15px;
        line-height: 1.5;
    }
    .m_feature_txt {
        text-align: justify;
        font-size: 15px;
        line-height: 1.5;
    }
    .testimonial-wrapper-2.m_testimonial_section {
        padding: 80px 10px;
    }
    .testimonial-wrapper-2 .section-title {
        margin: 0 20px;
    }

    .section_scroll_area {
        padding-right: 20px;
        height: 520px;
    }

    /* 문의 */
    .contact_wrap_area {
        padding: 30px 20px;
    }
    .inquiry_tit{
        font-size: 15px;
        width: 50px;
    }
    .inquiry_line {
        line-height: 1.4;
    }
    .inquiry_line span {
        font-size: 15px;
        width: 60%;
        line-height: 1.4;
    }
    .google_map_area {
        height: 250px;
    }
}