@media screen and (max-width:1700px) {
    .main_top .tit_wrap img{max-width: 500px;}

}

@media screen and (max-width:1600px) {
    .icon-ani{display: none;}
    .main_top .tit_wrap .sub{max-width: 700px;}
}
@media screen and (max-width:1400px) {

    /* header */
    /* #header {height: 80px} */
    #header .hd_logo img {height: 50px; }
    #header .nav_wrap {gap: 40px;}
    #header .menu {gap: 40px;}
    #header .menu > li > a {font-size: 1rem}
    #header .submenu {width: 150px; top: 60px; padding: 15px;}
    #header .submenu a {font-size: 0.94rem}

    /* main */
    /* .main_top .card_wrap {width: 350px;}
    .main_top .card_item .icon {width: 40px; height: 40px;}
    .main_top .card_item .cont .date {font-size: 0.875rem;}
    .main_top .card_item .cont .tit {font-size: 1.25rem; margin-top: 0;}
    .main_top .tit_wrap .tit .small {font-size: 1.5rem;}
    .main_top .tit_wrap .tit .big {font-size: 3.5rem;}
    .main_top .tit_wrap .sub {font-size: 1rem; margin-top: 30px;}
    .main_top .tit_wrap .btn {font-size: 1rem; height: 55px; max-width: 150px; margin-top: 50px;}

    .main_sec {gap: 50px;}
    .main_board {gap: 40px;}
    .main_board .event .item {padding: 20px;}
    .main_board .event .item .text {font-size: 1rem; line-height: 1.2;}
    .main_board .event .item .icon {width: 40px;}
    .main_apply .tit {font-size: 3rem;} */

    /* main new */
    .main_top .top_cont{align-items: center; flex-direction: column;}
    .main_top .tit_wrap{text-align: center;flex-direction: column;align-items: center; gap: 0;}
    .main_top .tit_wrap .sub{font-size: 1.25rem; max-width: inherit;}
    .main_top .tit_wrap .btn {margin: 50px auto 0;}
    .main_top .swiper-pagination-fraction{ left: 50%; transform: translateX(-50%);}
    .main_top .tit_wrap .tit_img{margin-top: 50px;}
    .main_top .tit_wrap .tit_box{margin-bottom: 50px;}
    .main_top .tit_wrap img{max-width: 550px;}

    

    /* overview */
    .ov_top .info_box .tit .big {font-size: 2.5rem;}
    .ov_top .info_box .tit .small {font-size: 1rem;}
    .ov_top .info_box .tit {margin-bottom: 25px;}
    .ov_top .info_box .info li {font-size: 1rem;}
    .ov_top .info_box .btn {margin-top: 40px;}

    /* 국민마음 갤러리 */
    .maeum_wrap .inner {gap: 80px;}
    .maeum_wrap .tit_wrap .tit {font-size: 3rem;}

    /* 슬로건 */
    .ov_slog .box .color_system{grid-template-columns: 1fr}
    .ov_slog .box .color_system li{flex-direction: row; height: auto;padding: 20px;}

    /* 굿즈 */
    .goods_list .info{padding: 0 5px; justify-content: space-between;}

}



@media screen and (max-width:1199px) { 
    /* header */
    #header {color:#000; height: 80px;}
    #header .hamberg {
        width: 32px; height: 32px; font-size: 0; flex-shrink: 0;
        display: flex;align-items: center; cursor: pointer; position: relative; z-index: 2;
    }
    #header .hamberg span {width: 100%; height: 2px; background: #fff; display: block; position: relative; transition: all .3s;}
    #header .hamberg span::before,
    #header .hamberg span::after {display: block; content: ""; width: 100%; height: 2px; background: #fff; position: absolute; transition: all .3s;}
    #header .hamberg span::before {top: -10px;}
    #header .hamberg span::after {top: 10px;}
    #header .hamberg span.on {background: rgba(255,255,255,0);}
    #header .hamberg span.on::before {top: 0; transform: rotate(-45deg); background: rgba(0,0,0,.8);}
    #header .hamberg span.on::after {top: 0; transform: rotate(45deg); background: rgba(0,0,0,.8);}    
    #header .side {order: 1; height: 80px; padding:0 40px; justify-content: space-between;}
    #header .side .sideBtn {border-color: #000;}
    #header .lang > a {border: 0;}
    #header .lang > a::before {background-image: url('../img/icon_lang_b.png');}
    #header .nav_wrap {
        position: fixed; flex-direction: column; width: 80%; max-width: 500px; height: 100vh; top: 0; left: -500px;
        background: #fff; gap: 0; transition: all .3s; z-index: 999;
    }
    #header .nav_wrap.on {left: 0; box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 20px;}
    #header .nav {order: 2; overflow-y: auto; border-top: 1px solid var(--border);}
    #header .menu {flex-direction: column; margin: 0 40px; padding-top: 40px; justify-content: flex-start; gap: 0;}
    #header .menu > li > a {justify-content: flex-start; height: 60px; text-align: left;}
    #header .submenu {
        width: 100%; position: unset; transform: unset; border-radius: 0; padding:10px 0;
        border-top: 1px solid var(--border); background: none;
    }
    #header .submenu a {text-align: left; color: #555;}

    #mobNav {display: flex;}

    #header.hd_main .hamberg span{background: #000;}
    #header.hd_main .hamberg span::before, #header.hd_main .hamberg span::after{background: #000;}

    #header.hd_mob .back_p {display: block;}


    /* footer */
    #footer .top .logo img {height: 50px;}

    /* main */
    /* .main_sec {flex-direction: column; gap: 90px;}
    .main_apply {width: 100%;}
    .main_apply .img {height: auto; aspect-ratio: 16/9;}
    .main_board {flex: unset; width: 100%;} */
    /* .main_board .event .list {flex-direction: column;} */

    /* main new */
    .main_sec .main_page_link .link_wrap {flex-direction: column;}
    .main_sec .main_page_link .link_wrap > div {width: 100%;}
    .main_sec .main_page_link .link_wrap .lbox {flex: unset;}
    .main_sec .main_page_link .link_wrap .item {height: auto; min-height: unset; aspect-ratio: 3/1;}
    .main_sec .main_page_link .link_wrap .lbox .item a {justify-content: flex-start;}
    .main_sec .main_page_link .link_wrap .lbox .item img {object-position: center top;}
    .sec_rolling .rolling .loop_text img{max-height: 100px;}

    .main_evt .list {flex-wrap: wrap;}
    .main_evt .list .item {width: calc(50% - 15px);}
    .main_evt .list .item:nth-child(n + 3) {display: none;}

    /* sub page */
    .sub_bnn {height: 400px;}
    .sub_bnn .tit {font-size: 4rem;}
    .sub_nav .nav li {font-size: 1rem; height: 60px;}
    .ssub_nav .nav li a {font-size: 0.9375rem;}

    
    /* 붐업 행사 */
    .kmf_sec .kmf_cont .tit {margin-right: 50px; font-size: 1rem;}
    .kmf_sec .kmf_cont .qrcode {width: 20px; height: 20px; right: 25px}
    .kmf_sec .kmf_cont .link {width: 20px; height: 20px; background-size: 18px 18px;}


    /* 참관신청 */
    .apply_main .list li {padding: 20px;}
    .apply_main .list .icon {width: 60px;}
    .apply_main .list .big {font-size: 1.125rem;}
    .apply_main .list .small {font-size: 1rem;}


    /* 국민마음 갤러리 */
    .maeum_wrap .inner {flex-direction: column;}
    .maeum_wrap .tit_wrap {flex: auto; width: 100%;}
    .maeum_wrap .tit_wrap .tit_box {margin: 0 auto;}
    .maeum_wrap .tit_wrap .tit {text-align: center;}
    .maeum_wrap .tit_wrap .maeumBtn {margin: 40px auto 0;}
    .maeum_wrap .tit_wrap .img {height: auto; aspect-ratio: 3/1; margin-top: 80px;}
    .maeum_wrap .chat_wrap {width: 100%;}
    .chat_wrap .chat_box {margin: 0 auto;}

    /* event 2025 */
    .evt_list {gap: 40px 20px;}
    .evt_item {width: calc(25% - 15px);}
    .evt_item .info::before {width: 26px;}
    .evt_item .info .tit {font-size: 1rem;}

    /* 국군의날 캘리그라피 */
    .calli_item{width: 100%;}

    /* myhero77 이벤트 */
    .rok_item{width: 100%;}

    /* bgm */
    #bgm-player{top: 33px; right: 86px;}

    /* 굿즈 */
    .goods_list .evt_item{width: calc(33.333% - 13.333px);}

    /* 행사 현장 사진 */
    .field_photos{gap: 40px 20px;}
    .field_photos .evt_item{width:calc(25% - 15px) ;}
}


@media screen and (max-width:899px) {
    
    .only_pc {display: none;}
    .only_m {display: block;}

    /* swiper */
    .swiper-button-next, .swiper-button-prev {width: 30px; height: 30px;}

    /* tab */
    .tab_menu {gap: 5px 20px; margin-bottom: 40px;}
    .tab_menu li {min-width: unset; height: auto; padding:0 0 5px 0; border: 0; font-size: 0.875rem; border-radius: 0; border-bottom: 2px solid transparent;}
    .tab_menu li.on {background: unset; color: #000; border-color: #000;}
    .tab_menu li br {display: none;}

    /* popup */
    .pop_wrap .layer .contents {padding: 20px;}

    /* padding · margin style*/
    .padding_tb { padding:60px 0; } 
    .padding_t { padding-top: 60px; } 
    .padding_b { padding-bottom: 60px; } 
    .margin_tb { margin:60px 0; } 
    .margin_t { margin-top: 60px; } 
    .margin_b { margin-bottom: 60px; } 

    /* hedaer */
    #header {height: 60px;}
    #header .inner {width: 90%; margin: 0 auto;}
    #header .hd_logo img {height: 40px;}
    #header .hamberg {width: 24px; height: 24px;}
    #header .hamberg span::before {top: -8px;}
    #header .hamberg span::after {top: 8px;}
    #header .aside {height: 60px; padding: 0 60px 0 20px;}
    #header .menu {margin: 0 20px;}
    #header .side {height: 60px; padding: 0 20px;}

    /* footer */
    #footer .top {flex-direction: column; gap: 20px;}
    #footer .top .logo {order: 2;}
    #footer .top .nav {order: 1;}
    #footer .bot {flex-direction: column; align-items: center; text-align: center; gap: 20px;}


    /* table */
    .tb_box .tb_tit {font-size: 1rem;}
    .tb_box .tb_tit::before {height: 14px;}
    .tb_box table th,
    .tb_box table td {font-size: 0.875rem; padding: 10px 5px;}

    /* table ul */
    .tbu_box .tbu_tit {font-size: 1rem;}
    .tbu_box .tbu_tit::before {height: 14px;}
    .tbu_box .table > div > ul > li {padding: 10px 5px;}

    /* 문의배너 */
    .inq_bnn.cmm {padding: 15px 10px;}
    .inq_bnn .tel {font-size: 1.25rem;}
    .inq_bnn .tit {font-size: 0.75rem; padding: 5px 12px; margin-bottom: 5px;}
    .inq_bnn .day {gap: 5px 15px; margin-top: 5px;}
    .inq_bnn .day > div {font-size: 0.8125rem;}
    .inq_bnn .day > div::after {display: none;}


    /* main */
    /* .main_top {min-height: unset;}
    .main_top .top_cont {flex-direction: column; gap: 0; padding: 0;}
    .main_top .tit_wrap {flex:auto; width: 100%; aspect-ratio: 1/1; display: flex; flex-direction: column; justify-content: center; padding-top: 50px; }
    .main_top .card_wrap {width: 100%;}
    .main_top .card_item {aspect-ratio: unset; min-height: 100px;}
    .main_top .top_bnn {height: auto; aspect-ratio: 1/1; }
    
    #container.eng .main_top .tit_wrap .tit .big {font-size: 2rem; margin-top: 5px;}

    .main_sec {padding: 90px 0; gap: 60px; }
    .main_apply {min-height: unset; gap: 20px;}
    .main_apply .tit_wrap {width: 100%;}
    .main_apply .btn {margin-top: 30px;}
    .main_apply .cmnt {font-size: 0.875rem;}
    .main_apply .cmnt br {display: none;}
    .main_board > div {margin: 0 auto; width: 100%;}
    .main_board .event .list {flex-direction: row;} */

    /* main new */
    .main_top {width: 100%; border-radius: 0; margin-top: 60px; height: calc(100vh - 60px);}
    .main_top .tit_wrap .tit .big{font-size: 2.1875rem;}
    .main_top.en_page .tit_wrap .tit .big {font-size: 2rem}
    .main_top .tit_wrap .sub{font-size: 1rem;}
    .en_page.main_top .tit_wrap .sub br{display: none;}
    .main_top .tit_wrap img{max-width: 300px;}
    .main_top .btn.big{font-size: 1rem; max-width: 130px; height: 48px;}
    .main_sec .main_page_link .link_wrap{gap: 20px;grid-template-columns:1fr}
    .main_sec .main_page_link .link_wrap > div {gap: 20px;}
    .main_sec .main_page_link .link_wrap .item h3{font-size: 1.75rem;}
    .main_sec .main_page_link .link_wrap .item p{font-size: 1rem;}
    .main_sec .main_page_link .link_wrap .item a{padding: 1.875rem 1.875rem 5rem 1.875rem;}
    
    .main_evt .list .item::after {width: 60px;}
    .main_evt .list .item .tit {padding: 20px 55px 20px 20px; font-size: 1rem;}

    .main_nti .notice_list .notice_tit {font-size: 1.125rem; width: calc(100% - 80px);}
    .main_nti .notice_list .notice_day {font-size: 0.875rem; width: 80px;}


    /* sub page */
    .sub_bnn {padding-top: 60px; height: 350px;}
    .sub_bnn .tit {font-size: 3rem;}
    .sub_bnn .nav {margin-top: 10px;}
    .sub_nav {margin-top: 60px;}
    .ssub_nav {margin-top: 40px;}
    .ssub_nav .nav li {width: 100%;}
    .ssub_nav .nav li a {min-width: unset; padding: 10px 20px;}

    .tab_menu li br {display: none;}
    .sub_tit {margin-bottom: 30px;}
    .sub_tit .tit {font-size: 2rem;}


    /* board */
    .board_top .board_search select,
    .board_top .board_search .search_bar input {font-size: 0.875rem;}
    .board_top .post_number {font-size: 0.875rem;}
    .board_list .list_hd li div,
    .board_list .list_bd li div {font-size: 0.875rem;}
    .board_list .list_hd .subject {text-align: center;}
    .board_list ul li .number {display: none;}
    .board_list ul li .write {display: none;}
    .board_list ul li .views {display: none;}
    .board_list ul li .date {flex-basis: 90px;}


    /* overview */
    .ov_top .inner {flex-direction: column;}
    .ov_top .cont_box {width: 100%; min-width: unset;}
    .ov_top .info_box {width: 100%;}
    .ov_top .info_box .tit {margin-bottom: 40px;}
    .ov_top .info_box .tit .big {font-size: 2rem;}


    /* 용산 군문화페스타 */
    .ov_sec .ov_tab {padding: 0 40px; margin-bottom: 30px;}
    .ov_sec .ov_tab li {width: auto; height: auto; padding:0 0 4px 0; border: 0; border-radius: 0; border-bottom: 2px solid transparent;}
    .ov_sec .ov_tab li.on {background: unset; color: #000; border-bottom: 2px solid #000;}
    .ov_sec .ov_tab li br {display: none;}
    .ov_sec .ov_cont {padding: 0 40px;}
    .ov_sec .ov_cont_prev {left: -40px;}
    .ov_sec .ov_cont_next {right: -40px}

    .ov_sec .ycf_cont .txt_box {gap: 10px;}
    .ov_sec .ycf_cont .txt_box > div {flex-direction: column; gap: 0px;}
    .ov_sec .ycf_cont .ov_cont_prev,
    .ov_sec .ycf_cont .ov_cont_next {top: 25%;}

    .ov_sec .ov_sub_tab {gap: 10px; font-size: 0.875rem; margin-bottom: 30px; padding:15px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);}
    .ov_sec .ov_sub_tab li {padding-bottom: 0; color: #767676; line-height: 1; border-bottom: 0;}
    .ov_sec .ov_sub_tab li.on {border-bottom: 0; color: #000;}

    .popYcfCont .layer {max-width: 600px;}
    .popYcfCont .layer .img {flex-direction: column;}
    .popYcfCont .layer .img img {width: 100%;}
    /* 용산 군문화페스타 end  */

    
    .ov_evt .box {gap: 20px;}
    .ov_evt .box .list .tit {font-size: 1.125rem;}
    .ov_evt .box .list {padding: 40px 20px;}
    .ov_evt .box .list ul {font-size: 0.94rem;}
    .ov_evt .box .list li {flex-direction: column;}
    .ov_evt .box .list li .gu {width: 100%;}

    .ov_emb .box {flex-direction: column;}
    .ov_emb .box .info > div {font-size: 1rem;}
    
    .ov_slog .box {flex-direction: column;}
    .ov_slog .box li {gap: 10px;}
    .ov_slog .box li .text {font-size: 1rem;}

    .ov_prog .list .tit {font-size: 1.5rem;}

    /* 붐업 행사 */
    .kmf_sec .kmf_cont {gap: 40px 20px;}
    .kmf_sec .kmf_item {width: calc(50% - 10px);}



    /* 참관신청 */     
    .apply_main .tit .big {font-size: 2rem; line-height: 1.3;}
    .apply_main .tit .small {font-size: 1rem; line-height: 1.3;}
    .apply_main .list {flex-direction: column; margin: 40px 0;}
    .apply_main .list li {border-right: 0; border-bottom: 1px solid #e9e9e9; padding: 30px 0;}
    .apply_main .btn_wrap .btn.big {font-size: 1rem; height: 50px; max-width: unset;}

    .apply_comp .tit .big {font-size: 2rem; line-height: 1.3;}
    .apply_comp .tit .small {font-size: 1rem; line-height: 1.3; margin-top: 20px;}
    .apply_comp .btn_wrap {margin-top: 40px;}
    .apply_comp .btn_wrap .btn.big {font-size: 1rem; height: 50px;}

    .apply_tab li {border-radius: 10px; padding: 15px; min-height: 100px;}
    .apply_tab .tit {font-size: 1.125rem;}


    /* 국민마음 이벤트 */
    .event_item .thumb {width: 250px;}
    .event_item .info {gap: 15px;}
    .event_item .info .tit {font-size: 1.5rem;}
    .event_item .info .descrip {font-size: 0.94rem;}
    .event_item .info .cmnt {font-size: 0.875rem;}
    .event_item .info .btn_box a {font-size: 0.94rem; height: 45px;}


    /* 국민마음 갤러리 */
    .maeum_wrap .tit_wrap .tit {font-size: 2rem;}
    .chat_wrap .top {font-size: 1rem; height: 60px; padding: 0 50px;}
    .chat_wrap .top::before {width: 24px; height: 24px;}
    .chat_wrap .cont {height: 420px;}
    .chat_wrap .chat_item .message {font-size: 0.94rem;}
    .chat_wrap .chat_item .writer {font-size: 0.75rem;}
    .chat_wrap .chat_item .like {font-size: 0.75rem;}
    .chat_wrap .chat_item .likeIcon {width: 14px; height: 14px;}
    .chat_wrap .bot {padding: 20px 20px 20px 50px;}
    .chat_wrap .chat_input input {height: 40px;}

    /* event 2025 */
    .evt_item {width: calc(33.333% - 13.333px);}
    .evt_item .info {padding: 0 5px;}
    .evt_item .info::before {display: none;}

    /* 참관안내 - 행사안내 */
    .gd_tit {margin-bottom: 40px;}
    .gd_tit .big {font-size: 2rem;}
    .gd_tit .small {font-size: 1rem; margin-top: 10px;}
    .gd_sec .way_box .box .top {flex-direction: column; gap: 5px; margin-bottom: 10px;}
    .gd_sec .way_box .box .top .tit {margin-top: 0; font-size: 1.5rem;}
    .gd_sec .way_box .box .list {padding-left: 0;}
    .gd_sec .way_box .box .item::before {top: 8px;}
    .gd_sec .way_box .box .item .nae {font-size: 1rem;}
    .gd_sec .way_box .box .item .cmnt {font-size: 0.875rem;}
    .gd_sec .way_box .box .item .tbu_box .tbu_tit {font-size: 1rem;}
    .gd_sec .way_box .box .item .tbu_box .table {display: flex;}
    .gd_sec .way_box .box .item .tbu_box .table .thead {flex: 1;}
    .gd_sec .way_box .box .item .tbu_box .table .tbody {flex: 2;}
    .gd_sec .way_box .box .item .tbu_box .table > div {display: flex;}
    .gd_sec .way_box .box .item .tbu_box .table > div > ul {flex-direction: column;}
    .gd_sec .way_box .box .item .tbu_box .table .sm {font-size: 0.875rem;}
    .gd_sec .way_box .box .item .tbu_box li {width: 100%; height: 80px;font-size: 1rem;} 

    /* 국군의날 캘리그라피 */
    .calli_item{width: 100%;}

    /* myhero77 이벤트 */
    .rok_item{width: 100%;}

    /* 슬로건 */
    .ov_slog .box .slog_tit{align-items: start;}
    .ov_slog .box .signature li{padding: 16px;}
    .ov_slog .box .color_system li{padding: 16px;}

    /* ai뮤직송 */
    #afdSongTab iframe{height: 500px;}

    /* bgm */
    #bgm-player{top: 23px; right: 80px;}

    /* 굿즈 */
    .goods_list .evt_item{width: calc(50% - 13.333px);}

    /* 행사 현장 사진 */
    .field_photos .evt_item{width:calc(33.333% - 13.333px) ;}

}



@media screen and (max-width:599px) { 
    /* header */
    #header .hd_wrap {gap: unset;}
    #header .hd_logo img {max-height: 40px; height: auto; max-width: 160px;}

    /* footer */
    #footer .top {padding: 20px 0;}
    #footer .top .nav {flex-wrap: wrap; text-align: center; justify-content: center; gap: 10px;}
    #footer .top .nav > a {font-size: 0.875rem;}
    #footer .goSite {font-size: 0.83rem;}
    #footer .goSite .tit {padding: 7px 25px 7px 10px; width: max-content;}
    #footer .goSite .tit::after {right: 10px;}
    #footer .bot {padding: 10px 0 60px;}

    /* main */
    .main_top .tit_wrap .tit .small {font-size: 1.125rem;}
    .main_top .tit_wrap .tit .big {font-size: 2rem; margin-top: 5px;}
    
    .main_top.en_page .tit_wrap .tit .big {font-size: 1.5rem}
    .main_top .tit_wrap .sub {font-size: 0.94rem; margin-top: 20px;}
    .main_top .tit_wrap .sub br {display: none;}
    .main_top .tit_wrap .btn {font-size: 0.875rem; max-width: 120px; height: 45px;}
    .main_top .card_wrap {gap: 20px;}

    .main_top .tit_wrap .tit_img{margin: 0;}
    .main_top .tit_wrap .tit_img img{max-width: 160px;}
    .main_top .tit_wrap .tit_box{bottom: 70px; margin-bottom: 20px;}
    .main_top .tit_wrap .tit_box img{margin-top: 20px;}

    
    /* #container.eng .main_top .tit_wrap .tit .big {font-size: 1.5rem;}
    #container.eng .main_top .tit_wrap .btn {margin-top: 30px;} */


    .swiperMainTopPaging {display: none;}
    .main_apply .tit {font-size: 2rem;}
    .main_apply .btn {font-size: 0.875rem; max-width: 120px; height: 45px;}
    .main_board .event .list {flex-direction: column;}
    .main_board .board .list .subject {font-size: 0.875rem;}
    .main_bd_tit .tit {font-size: 1.5rem;}


    /* main new */
    .main_top .tit_wrap{padding-top: 50px;}
    .main_top .swiper-pagination-fraction{font-size: 0.875rem;}
    .main_top .swiper-pagination-fraction .bar{width: 30px;}
    .main_top .tit_wrap .tit .big{font-size: 1.5rem; width: 80%; margin: 0 auto; padding-bottom: 1.25rem;}
    .main_sec{padding-bottom: 60px;}
    .sec_rolling{height: 100px;}
    .sec_rolling .container{height: 100px;}
    .main_sec .main_page_link .link_wrap .en_link a{padding-top: 5rem;padding-bottom: 1.875rem;}
    .main_top .tit_wrap .sub{width: 80%; margin: 1.5rem auto;}
    .main_top .btn.big{margin-top: 30px;}

    .main_sec .main_page_link .link_wrap{gap: 10px;}
    .main_sec .main_page_link .link_wrap > div {gap: 10px;}
    .main_sec .main_page_link .link_wrap .item {border-radius: 15px; aspect-ratio: unset;}
    .main_sec .main_page_link .link_wrap .item h3{font-size: 1.25rem;}
    .main_sec .main_page_link .link_wrap .item a {padding: 20px 50px 60px 20px;}
    .main_sec .main_page_link .link_wrap .item a::after {top: 20px; right: 20px; width: 24px; height: 24px;}
    .main_evt.inner{padding: 80px 0;}
    .main_evt .tit_box{flex-direction: column; align-items: flex-start;}
    .main_evt .tit_box h2{font-size: 2.1875rem;font-weight: bold;}
    .main_evt .tit_box p{font-size: 1rem;}
    .main_evt .list .item {width: 100%;}
    .more_btn a{margin-top: 2rem;}

    .main_nti{padding: 80px 0;}
    .main_nti .tit_box{flex-direction: column; align-items: flex-start;}
    .main_nti .tit_box h2{font-size: 2.1875rem;font-weight: bold;}
    .main_nti .tit_box p{font-size: 1rem;}
    .main_nti .notice_list > a {padding: 15px; border-radius: 10px;}
    .main_nti .notice_list .notice_txt > span {display: block;}
    .main_nti .notice_list .notice_tit {width: 100%; font-size: 1rem;}
    .main_nti .notice_list .notice_day {width: 100%; text-align: left; margin-top: 5px; font-size: 0.8125rem;}


    .main_inq{padding: 80px 0;}
    .main_inq .tit_box .tit p{font-size: 1rem;}
    .main_inq .tit_box .tit h2{font-size: 1.75rem;margin-top: 10px;}
    .main_inq .tit_box .inquiry_day p{font-size: 1rem;}
    .main_inq.en_inquiry .tit_box .inquiry_day p{flex-direction: column;}
    .main_inq.en_inquiry .tit_box .inquiry_day .mt-20{margin-top: 20px;}
    .main_inq.en_inquiry .tit_box .inquiry_day p span:last-child{padding-left: 0;}
    .main_inq.en_inquiry .tit_box .inquiry_day p span:last-child:after{display: none;}


    .sec_rolling .rolling .loop_text img{max-height: 50px;}


    /* sub page */
    .sub_bnn {height: 300px;}
    .sub_bnn .tit {font-size: 2rem;}
    .sub_bnn .nav {font-size: 0.75rem;}
    .sub_nav .nav li {width: 100%; font-size: 0.875rem; height: 50px;}
    .sub_nav .nav li a {padding: 0 5px;}
    .ssub_nav .nav {gap: 5px;}
    .ssub_nav .nav li a {font-size: 0.8125rem; padding: 10px;}
    .sub_tit .tit {font-size: 1.5rem;}


    /* board */
    .board_top {flex-direction: column; gap: 20px;}
    .board_top .post_number {order: 2;}
    .board_top .board_search {order: 1;}
    .board_top .board_search .search_bar {flex: 1 0 0;}
    .board_view .info_box {justify-content: flex-start; padding: 15px 0;}
    .board_view .subject {font-size: 1.125rem;}
    .board_view .info_box .box {font-size: 0.75rem;}


    /* overview */
    .ov_top .inner {gap: 40px;}
    .ov_top .info_box .info li {flex-direction: column; gap: 5px;}
    .ov_top .info_box .info .gubun {width: 100%;}
    .ov_top .info_box .tit .big {font-size: 1.5rem;}
    .ov_top .info_box .btn {max-width: unset;}

    .ov_emb .box .info > div {width: 100%; gap: 10px; min-height: 85px; font-size: 0.94rem;}
    .ov_evt .box {flex-direction: column;}
    .ov_slog .box {gap: 20px;}

    .ov_prog .list {gap: 30px;}
    .ov_prog .list .tit {font-size: 1.125rem;} 
    
    .ov_video .swiper {width: 100%;}
    .ov_video .swiper_btn {display: flex; align-items: center; gap: 20px; justify-content: center;}
    .ov_video .swiper-button-next,
    .ov_video .swiper-button-prev {position: unset; margin-top: 20px;}


    /* 용산 군문화페스타 */
    .ov_sec .ov_cont .tit {font-size: 0.875rem;}

    .ov_sec .ycf_cont .tit {font-size: 1rem;}
    .ov_sec .ycf_cont .txt_box {font-size: 0.875rem; gap: 5px;}

    .ov_sec .ycf_cont .img {flex-direction: column; aspect-ratio: 2/1;}
    /* 용산 군문화페스타 end */


    /* 붐업 행사 */
    .kmf_sec .kmf_item {width: 100%;}

    /* 참관신청 */
    .apply_main .btn_wrap {flex-direction: column; gap: 10px; margin-top: 10px;}
    .apply_main .btn_wrap .st1 {order: 1;}
    .apply_main .btn_wrap .st2 {order: 2;}

    .apply_tab .list {flex-direction: column; gap: 10px;}


    /* 이벤트 2024 */
    .event_item {flex-direction: column; gap: 30px;}
    .event_item .info {flex:auto; width: 100%; order: 2;}
    .event_item .thumb {width: 100%; order: 1;}
    .event_item .info .btn_box a {max-width: unset}


    /* 이벤트 2025 */
    .evt_list {gap: 20px 15px;}
    .evt_item {width: calc(50% - 7.5px); gap: 10px;}
    .evt_item .img {border-radius: 5px;}
    .evt_item .info .tit {font-size: 0.8125rem;}
    

    /* 국민마음 갤러리 */
    .maeum_wrap .inner {gap: 60px;}
    .maeum_wrap .tit_wrap .tit {font-size: 1.5rem;}
    .maeum_wrap .tit_wrap .maeumBtn {margin: 30px auto 0; flex-direction: column; height: auto; gap: 0;}
    .maeum_wrap .tit_wrap .maeumBtn .text {width: 100%; height: 60px; flex:auto; gap: 5px; padding:0 15px; justify-content: center;}
    .maeum_wrap .tit_wrap .maeumBtn .text::before {position: unset; transform: unset;}
    .maeum_wrap .tit_wrap .maeumBtn .button {height: 50px; width: 100%;}
    .maeum_wrap .tit_wrap .img {aspect-ratio: 2/1; margin-top: 60px;}
    .chat_wrap .chat_item .message {border-radius: 20px; padding: 13px; font-size: 0.875rem;}
    .chat_wrap .chat_item .writer {flex-shrink: 0;}

    .apply_rs_wrap .tit {font-size: 1.5rem;}
    .apply_rs_wrap .text {font-size: 1rem;}
    .apply_rs_wrap .text .rs {font-size: 1.25rem;}
    .apply_rs_wrap .cmnt {font-size: 0.875rem;}

    /* 참관안내 - 행사안내 */
    .gd_tit .big {font-size: 1.75rem;}
    .gd_sec .way_box .box .top .tit {font-size: 1.25rem;}
    .gd_sec .way_box .box .item .tbu_box li {font-size: 0.875rem;}
    .gd_sec .way_box .box .item .tbu_box .table .sm {font-size: 0.75rem;}
    .gd_sec .way_box .box .item .tbu_box {width: calc(100% + 16px); margin-left: -16px;}
    .gd_sec .way_box .box .item .tbu_box.eng li {height: 100px;}

    /* 국군의날 캘리그라피 */
    .calli_item{width: 100%;}

    /* myhero77 이벤트 */
    .rok_item{width: 100%;}

    /* 슬로건 */
    .ov_slog .box .slog_tit{font-size: 18px;}
    .ov_slog .box .signature{margin-top: 10px;}
    .ov_slog .box .signature li{width: 100%;}
    .ov_slog .box .signature li p{font-size: 14px;}
    .ov_slog .box .signature li::before{display: none;}
    .ov_slog .box .color_system li .tit{font-size: 14px;}
    .ov_slog .box .color_system li p{font-size: 14px;}

    /* ai뮤직송 */
    #afdSongTab iframe{height: 210px;}

    /* bgm */
    #bgm-player{flex-direction: column; top: 20px; right: 60px; gap: 10px; width: 100px;}
    #bgm-player .controls{width: 100%; justify-content: center;}
    #progress-container{height: 3px;}
    #progress-circle{width: 7px; height: 7px;}

    /* 굿즈 */
    .goods_list .info{flex-direction: column; align-items: start;}
    .goods_list .info .tit{padding-right: 0;}
    .goods_list .info .count{font-size: 13px;padding-left: 0;text-indent: 18px; position: relative;}
    .goods_list .info .count::before{width: 14px;height: 14px;}
    .goods_list .img{padding: 15px;}
    #popGoodsView .img_box .img{padding: 30px;}

    /* 행사 현장 사진 */
    .field_photos{gap: 10px;}
    .field_photos .evt_item{width:calc(50% - 7.5px);}

    .pmt_btn a{font-size: 14px;padding: 12px 24px;}
}