@media screen and (max-width:1700px) {
    .support_wrap{flex-direction: column-reverse;}
    .support_wrap .detail{width: 100%;}
    .support_wrap .support_form{position: relative;top: 0; width: 100%;}
    
    /* way */
    .prov_map{flex: 0 0 500px;}

    .main_ev::after{background-position: center; max-height: 80vh;}
}

@media screen and (max-width:1400px) {

    #container {padding: 90px 0;}

    .sub_tab .board_tab li a{font-size: 1em;}
    .depth_2 .sub_top_tab li a{font-size: 1em;}

    .main_t .main_banner::after{height: 400px;}

    .main_notice .inner{gap: 60px;}
    .main_map .inner{gap: 60px;}

    .about_wrap .poster{flex-shrink: 0; width: 400px;}
    .about_wrap .info .type_box{flex-wrap: wrap;}
    .about_wrap .info .type_box .type_item{min-width: 160px;}
}

@media screen and (max-width:1199px) {

    /* main */
    .main_sns_list ul{gap: 10px;}
    .main_apply_how ul li .tit{font-size: 1.125em;}
    .main_apply_how ul li .desc{font-size: 0.875em;}

    .main_t .swiper-slide .swiper_txt .tit{font-size: 2rem;}
    .main_t .swiper-slide .swiper_txt .txt{font-size: 1.25rem;margin-bottom: 100px;}
    .main_t .swiper-slide .swiper_txt .logo img{max-width: 100px;}

    .main_ev .main_ev_info li{padding: 20px; border-radius: 20px;}
    .main_ev .main_ev_info li .tit .gu{font-size: 1rem;}
    .main_ev .main_ev_info li .tit .nae{font-size: 1.25rem;}
    .main_ev .main_ev_info li .badge{font-size: 0.875rem; padding: 3px 9px;}

    .main_t .swiper-slide .swiper_txt::before{width: 300px; height: 300px; top: 20%;}

    .main_ev::after{background-position: center; max-height: 60vh;}
    .main_ev .txt_box .tit{font-size: 2.5rem;}
    .main_ev .txt_box .desc{font-size: 1.25rem;}

    .tech_list li{padding: 30px 15px;}
    .tech_list li .thum{width: 220px;}
    .tech_list li .thum img{height: 160px;}
    .tech_list li .e_badge{font-size: 0.875rem;}
    .tech_list li .gu{font-size: 1.25rem;}
    .tech_list li .tech_txt{font-size: 0.875rem;}

    .main_notice .inner{flex-direction: column;}
    .main_map .inner{flex-direction: column;}
    .main_notice .tit_text .tit{min-width: 100%;}
    .main_map .tit_text .tit{min-width: 100%;}

    /* sub */
    .about_txt .big{font-size: 2.5rem;}
    .about_opr ul{grid-template-columns:repeat(1, 1fr)}
    
    .board_list .tit{font-size: 1rem;}
    .board_list .num{font-size: 1rem;}
    .board_list .kind{font-size: 1rem;}
    .board_list .date{font-size: 0.875rem;}
    
    .timeline-section {max-width: 1100px;padding: 0 32px;}
    .event {grid-template-columns: 1fr 70px 1fr;gap: 18px;}
    .event-marker {width: 70px;height: 70px;}
    .event-content {padding: 28px;}
    .event-content h3 {font-size: 1.45rem;}
}

@media screen and (max-width:899px) {

    #container {padding: 60px 0;}
    .sec_tit{font-size: 1.5rem;}

    .paging-wrap{bottom: 20px !important}

    /* main */
    .main_slide_wrap {aspect-ratio: 1/0.8;}
	.main_slide_wrap .swiper-slide .pc_img {display: none;}
	.main_slide_wrap .swiper-slide .m_img {display: block;}
    .paging-wrap{bottom: 20px !important}

    .main_t .swiper-slide .swiper_txt .txt{margin-bottom: 50px;}
    .main_t .main_banner img{max-width: 500px;}
    .main_t .main_banner::after{max-height: 300px;}

    .main_ev .main_ev_info{grid-template-columns: repeat(2, 1fr);}

    .tech_list li{flex-direction: column; align-items: start;}
    .tech_list li .thum img{height: 100%; max-height: 340px;}
    .tech_list li .thum{width: 100%;}
    .tech_list li .btn{margin-left: inherit;}
    .tech_list li .btn a{display: inline-block;}

    .main_t .swiper-slide .swiper_txt::before{width: 250px; height: 250px; top: 15%;}

    .main_ev .txt_box{position: relative; margin-bottom: 30px;}
    .main_ev::after{background: url(/img/main_ev_bg_m-82738b0a91b266c932c8816915ea759a.png) no-repeat;max-height: 100vh; background-size: contain; background-position: center;}

    .main_notice .tit_text .tit{font-size: 2rem;}
    .main_map .tit_text .tit{font-size: 2rem;}
    .main_notice .tit_text .notice_btn{font-size: 1.125rem;}
    .main_map .tit_text .down_btn{font-size: 1.125rem;}
    .main_map .tit_text .share_btn{font-size: 1.125rem;}
    .main_notice .notice_box li{padding: 20px; border-radius: 10px;}
    .main_notice .notice_box li .gu{font-size: 1.125rem;}
    .main_notice .notice_box li .nae{font-size: 1rem;}

    /* sub page */
    .sub_t{padding-top: 84px;}
    .sub_t .sec_box{padding: 60px 0; background-position: center !important;}
    .sub_t .sec_box div{font-size: 1.875rem;}

    .about_wrap{flex-direction: column;}
    .about_wrap .poster{position: relative;top: 0;}
    .about_wrap .info .info_tit{font-size: 1.5rem;}

    .sub_fee .tit{font-size: 1.5rem;}

    .board_list tbody tr td{padding: 30px 15px;}
    .view_top .gu{font-size: 1.5rem;}

    /* faq */
    .faq_tab li{font-size: 1rem;}
    .faq_list .faq_q{padding: 20px;}
    .faq_list .faq_item .q_text{font-size: 1rem;}
    .faq_list .faq_a_inner{padding: 20px;font-size: 1rem;}

    /* 신청 */
    .sub_txt_box .tit{font-size: 1.25rem;gap: 6px;}
    .sub_txt_box .tit::before{width: 20px; height: 20px;background-size: cover;}
    .sub_txt_box .txt_list li{font-size: 1rem;}
    .sub_txt_box{margin-bottom: 20px;}
    .apply_form .form_item{padding: 20px;}
    .apply_form .form_tit{font-size: 1.25rem;}
    .apply_form .form_box label{font-size: 1rem; width: 120px; height:auto; line-height: 42px;}
    .apply_form .form_row .form_box .input input{padding: 11px; font-size: 1rem;}
    .apply_form .form_row .form_box .select select{height: 42px;line-height: 42px;font-size: 1rem;}
    .apply_form .form_row .form_box .btn_b{height: 42px;line-height: 42px; width: 130px;font-size: 1rem;}
    .apply_form .sub_box .agree div{font-size: 1rem;}
    .apply_form .form_row .form_box .input.radio input{width: 100%;}

    /* 코스안내 */
    .course_btn .down_btn{font-size: 1.125rem;}
    .course_btn .share_btn{font-size: 1.125rem;}

    .apply_modify .gu{height:30px; line-height:30px;}
    .apply_modify .nae{height: 30px; line-height: 30px;margin-top: 0 !important;}
    .apply_form .form_row .edit-field input{padding: 11px;font-size: 1rem;}

    .form_item .txt_list li{font-size: 1rem;}

    .timeline-section {padding: 0 24px;margin-bottom: 60px;}
    .section-title {margin-bottom: 40px;}
    .section-title h2 {font-size: 2rem;}
    .timeline::before {left: 36px;transform: none;}
    .event,
    .event:nth-child(even) {direction: ltr;grid-template-columns: 72px 1fr;gap: 18px;align-items: start;margin-bottom: 60px;}
    .event-image {grid-column: 2;grid-row: 1;}
    .event-marker {grid-column: 1;grid-row: 1 / 3;width: 72px;height: 72px;margin: 0;}
    .event-content {grid-column: 2;grid-row: 2;padding: 24px;}
    .event-content h3 {font-size: 1.35rem;}
    .event-stats {gap: 12px;}
    .event-stats div {min-width: calc(50% - 6px);flex: none;}


}

@media screen and (max-width:599px) {

    .sec_tit{font-size: 1.25rem;margin-bottom: 20px;}
    .main_t{aspect-ratio: 1 / 0.6;height: 60vh;position: relative;}
    .main_t .main_banner img{max-width: 360px;}
    .main_t .main_banner > img{margin-bottom: 80px;}
    .main_t .main_banner::after{height: 190px;background: url(/img/main_bg_line_m-a380eba32bcf5ada64163eec632a2b26.png) no-repeat;background-size: contain;}
    .main_t .swiper-slide .swiper_txt .tit{font-size: 1.25rem; margin: 15px 0 10px;}
    .main_t .swiper-slide .swiper_txt .txt{font-size: 1rem; margin-bottom: 0;}
    .paging-wrap .swiper-pagination-bullet{width: 8px; height: 8px;}
    .paging-wrap .swiper-pagination-bullet-active{width: 8px; height: 8px;}

    .main_ev .main_ev_info{grid-template-columns:repeat(1, 1fr)}
    .main_ev .main_ev_info li .tit{border-radius: 10px;}
    .main_ev .main_ev_info li .tit .overlay::before{border-radius: 10px;}
    .main_ev .main_ev_info li a{margin-top: 10px;border-radius: 10px;}

    .main_t .swiper-slide .swiper_txt::before{width: 350px; height: 250px; top: 20%; border-radius: 80px; filter: blur(1.5rem);}
    
    .tech_list li .thum img{max-height: 230px;}

    .main_ev .txt_box{margin-bottom: 10px;}
    .main_ev .txt_box .tit{font-size: 1.5rem;}
    .main_ev .txt_box .desc{font-size: 1rem;}
    .main_ev::after{max-height: 60vh;}

    .main_notice .notice_box{grid-template-columns: repeat(1, 1fr);}
    .main_notice .tit_text .notice_btn{font-size: 1rem; margin-top: 20px;}
    .main_notice .tit_text .tit{font-size: 1.5rem;}
    .main_map .tit_text .tit{font-size: 1.5rem;}
    .main_notice .inner{gap: 30px;}
    .main_notice .notice_box li .nae{font-size: 0.875rem;}
    .main_notice .notice_box li .n_date{font-size: 0.875rem;}
    .main_map .tit_text .btn{flex-direction: row;margin-top: 0; margin-top: 30px;}
    .main_map .tit_text .down_btn{font-size: 1rem;padding: 8px 25px 8px 15px;text-align: left;}
    .main_map .tit_text .down_btn::after{right: 12px;}
    .main_map .tit_text .share_btn{font-size: 1rem;margin-top: 30px;}
    .main_map .inner{gap: 30px;}
    
    /* paging */
	.paging {margin-top: 40px;margin-bottom: 40px;}
	.paging ol li {font-size: 0.75rem; } 
	.paging ol li a {width: 32px; height: 32px; line-height: 32px;}

     /* sub page */

    .sub_t .sec_box div{font-size: 1.5rem;}

    .about_wrap .poster{width: 100%;}
    .about_wrap .info .info_tit{font-size: 1.25rem;margin-bottom: 20px;}
    .about_wrap .info .gu{font-size: 0.875rem;width: 80px;}
    .about_wrap .info .nae{font-size: 0.875rem;}
    .about_wrap .info .info_box li{gap: 12px;}
    .about_wrap .info .type_box{gap: 10px;}
    .about_wrap .info .type_box .type_item{min-width: 100%;}
    .about_wrap .info li .nae .comt{font-size: 13px;}

    .sub_fee .tit{font-size: 1.25rem;margin-bottom: 20px;}
    .sub_fee .join_fee{padding: 20px;}
    .sub_fee .join_fee .txt .gu{font-size: 1.125rem;}
    .sub_fee .join_fee .txt .cost{font-size: 1.5rem;margin-top: 0;}
    .sub_fee .join_fee .logo{max-width: 120px;}
    .sub_fee .btn{margin-top: 0;}
    .sub_fee .btn .notice_btn{font-size: 1rem;}

    .board_top .search_box{width: 100%;}
    .board_top .search_box .select{width: 35%;}
    .board_top .search_box .input input{width: 100%;font-size: 0.875rem;}
    .board_list tbody tr td{padding: 20px 10px;}
    .board_list .num{font-size: 0.875rem;}
    .board_list tbody tr td:nth-child(2){display: none;}
    .board_list tbody tr td:nth-child(3){width: 65%;}

    .view_top{gap: 20px;}
    .view_top .gu{font-size: 1.125rem;}
    .view_top .date{flex-shrink: 0;}

    /* faq */
    .faq_tab li{margin-right: 10px;padding-right: 10px;}
    .faq_list .faq_q{padding: 15px 10px;}
    .faq_list .faq_a_inner{padding: 15px;font-size: 0.875rem;}

    /* 신청하기 */
    .sub_txt_box .txt_list li{font-size: 0.875rem;}
    .sub_txt_box .txt_list li::before{top: 9px;}
    .apply_form .form_row .form_box{flex-direction: column;}
    .apply_form .form_item{padding: 20px 0;}
    .apply_form .form_row .form_box .input input{font-size: 0.875rem;}
    .apply_form .form_row .form_box .input input::placeholder{font-size: 0.875rem;}

    .btn_p{font-size: 1.125rem;display: inline-block;}
    .btn .btn_p{font-size: 1rem;padding: 10px 24px;}
    .detail_wrap .btn.receipt{max-width: 120px;}
    .btn_w{height: 42px;line-height: 42px;}

    .detail_wrap .apply_form .form_row .form_box .gu{font-weight: 600;font-size: 1rem;}
    .detail_wrap .apply_form .form_row .form_box .nae{font-weight: 400; font-size: 1rem;margin-top: 5px;}

    .comt_txt{font-size: 1rem;padding: 24px;}

    .btn{margin-top: 30px;}
    .btn.flex{gap: 12px;}
    .btn.flex .prev_btn{font-size: 1rem;padding: 10px 24px;}
    .btn.flex .cancle_btn{font-size: 1rem;padding: 10px 24px}

    .apply_detail_form .form_item{margin-top: 20px !important;}
    .apply_form .form_row .form_box .select select{font-size: 0.875rem;}
    .apply_form .form_tit{margin-bottom: 10px;}

    /* 코스안내 */
    .course_btn .down_btn{font-size: 1rem; padding: 15px;}
    .course_btn .share_btn{font-size: 1rem; margin-top: 30px;}
    .course_btn .down_btn::after{right: 12px;}

    .apply_form .form_row .edit-field input{font-size: 0.875rem;}

    .apply_table{margin-top: 10px;}
    .apply_table th{font-size: 0.875rem;padding: 10px;}
    .apply_table td{font-size: 0.875rem;padding: 10px;}

    .timeline-section {padding: 0 16px 0 0;margin-bottom: 40px;}
    .section-title {margin-bottom: 32px;}
    .section-title h2 {font-size: 1.7rem;}
    .timeline::before {left: 28px;width: 2px;}
    .event,
    .event:nth-child(even) {grid-template-columns: 56px 1fr;gap: 12px;margin-bottom: 44px;}
    .event-marker {width: 56px;height: 56px;border-width: 3px;}
    .event-marker .num {font-size: 1.2rem;}
    .event-marker .label {font-size: 0.62rem;}
    .event-image {border-radius: 12px;}
    .event-content {padding: 20px;border-radius: 12px;}
    .event-year {font-size: 0.78rem;}
    .event-content h3 {font-size: 1.18rem;}
    .event-content .date,
    .event-content p {font-size: 0.9rem;}
    .badge {font-size: 0.68rem;padding: 3px 8px;}
    .event-stats {flex-direction: column;gap: 10px;}
    .event-stats div {min-width: 100%;}
    .event-stats .v {font-size: 1.05rem;}

    .apply_form .form_row .form_box .w-50.wrap{flex-wrap: wrap;}

    .board_write .write_t{font-size: 0.875rem;}
    .board_write table tr td{padding: 10px;}
    .board_write .bTxt input{padding: 12px;}
    .board_write .file_box{display: flex; align-items: center;}
    .board_write .file_box label{width: 80px;}
    .board_write .file_box .upload_name{width: 150px;}
    .board_write .btn a{font-size: 1rem;}
    .board_write .btn{margin-top: 30px;}

    .board_top{flex-direction: column-reverse;align-items: end; gap:10px;}
    .board_list.qna_list thead th{font-size: 0.875rem;}
    .board_list.qna_list tbody tr td{font-size: 0.875rem;}
    .board_list.qna_list tbody tr td:nth-child(2){display: block;}
    .board_list.qna_list tbody tr td:nth-child(3){width: inherit;}
    .board_list.qna_list tbody tr td:nth-child(4){width: 100px;}

    .sub_txt_box .txt_list li .danger_tit{font-size: 1rem;}
    .sub_txt_box .txt_list li .danger{font-size: 0.875rem;padding: 15px;}
    
    .sub_txt_box .txt_list li .essen_tit{font-size: 1rem;}
    .sub_txt_box .txt_list li .essen{font-size: 0.875rem; padding: 15px;}

    .lang_floating{right: 10px;}
    .lang_btn{font-size: 0.875rem; padding: 0 15px;}
    .lang_menu button{width: 60px; padding: 8px 4px;}

    .apply_form .form_box.size .size_tit{text-align: left;}
    .form_box.size.essen label span::after{right: 35px;}

    .view_detail{padding: 20px 0; overflow: auto;}

    .souvenirs_list ul{grid-template-columns: repeat(1, 1fr);}
    .souvenirs_list ul li div{font-size: 1.125rem;}
    .souvenirs_list ul li img{max-height: 230px;}
    #footer .menu li::before{display: none;}

    .main_host ul li{font-size: 1rem;}
    .main_t .main_banner::after{display: none;}
    .main_host ul li .nae{flex-direction: column; align-items: start;}
    .main_host{left: 20px; bottom: 20px;}
    .main_host ul li span img{width: 40px;}
    .souvenirs_txt{font-size: 1.25rem;}

    .main_host ul li span:nth-child(2) img{width: 80px;}
}