
@media all and (max-width: 1700px){
    #logo{left:30px;}
    .hd_etc{right:30px;}


    .dday{bottom:120px;right:20px;top:initial;left:initial;font-size:0.6em;}
    .dday .top{background: rgba(208, 19, 28, 0.5);backdrop-filter:blur(10px);}
    .dday .btm{background: rgba(255, 255, 255, 0.5);backdrop-filter:blur(10px);}

    .main_top .top{width:45%;bottom:3%;}
    .main_top .btm{width:35%;}
}


@media all and (max-width: 1400px){
    .width-fixed {width:calc(100% - 30px);}
    .main_top .txt{width:calc(100% - 30px);font-size:0.85em;}
    .main_top .txt .date{margin:50px 0 30px 0;}
    #ft_wr{width:calc(100% - 30px);}

    .pic_lt li .lt_img .img{height:24vw;}

    .main_sec a{gap:1vw;}
    .main_sec a strong{font-size:3.3vw;}
    .main_sec a img{width:7.8vw;}

    .arrival > div.rout > div{padding:20px 10px;font-size:var(--font-size20)}

    #bo_gall .gall_img{height:20vw;}

    .main_top .top{bottom:8%}
}

@media all and (max-width: 1200px){

    #hd_wrapper{display:none;}
    #hd{height:100px;}
    #logo{position:relative;width:150px;height:80px;}
    #hd.scroll_hd #logo{width:150px;height:80px;}
    #hd:hover #logo{width:150px;height:80px;}
    #hd.sub_hd #logo{width:150px;height:80px;}
    .hd_etc .mobile_btn{display:block;}

    .all_menu{display:block;}
    .all_menu.active{opacity: 1;z-index: 9999999;}
    .all_menu > div{position:absolute;right:0;top:0;height:100%;background:#fff;width:480px;}

    .main_top{height:800px;}
    .main_top .txt .lt span{color:#fff !important;}
    .main_top .txt .st span{color:#fff !important;}

    .main_video .lt span{opacity: 1 !important;}

    .main_sponsor .spon_list > div{width:20%;}
    .main_sponsor .spon_list > div img{max-width:100%;}

    .main_top .top{width:50%}

    #ft_wr .ft_box > div:nth-child(1) .img{width:90px;}
    #ft_wr .ft_box > div:nth-child(1) .txt{width:calc(100% - 90px);}
    #ft_wr .ft_box > div:nth-child(2) .img{width:130px;}
    #ft_wr .ft_box > div:nth-child(2) .txt{width:calc(100% - 130px);}
    #ft_wr .ft_box > div:nth-child(3) .img{width:90px;}
    #ft_wr .ft_box > div:nth-child(3) .txt{width:calc(100% - 90px);}

    .sub_top{height:350px;}
    .sub_top .sub_top_tit h3{font-size:var(--font-size45)}

    .agm_top{display: block}
    .agm_top .left{display: block;width:100%;}
    .agm_top .right{display: flex;gap:80px;align-items: center;justify-content: center;width:100%;margin-top:40px;}
    .agm_top .right img{margin:0 !important;width:calc(40% - 40px);}
    .agm_top .right img:first-child{width:calc(60% - 40px);}

    .arrival > img{width:100%;}
}

@media all and (max-width:960px){
    body{font-size:0.65em;}

    .main_gallery .gallery_wr .gall_box ul li{width:20vw;}
    .main_gallery .gallery_wr .gall_box ul li.ver02{width:45vw;}
    .main_gallery .gallery_wr .gall_box ul li .img{height:28vw;}

    section[class^='main']{padding:100px 0;}
    .main_sec{padding-bottom:0 !important;}
    .main_sponsor{padding-top:0 !important;}
    .main_video .video_container{width:100% ;height:55vw;}
    .main_video .video_container .empty_logo{width:40vw;height:40vw;}

    .main_top{height:auto;display: block;background: #20296F;padding:0 !important;}
    .main_top .img_box{position:relative;width:100%;background:url('../img/main_bg_new_m.png') center bottom / cover no-repeat;padding-top:100px;display: flex;align-items: flex-end;justify-content: flex-end}
    .main_top .top{width:65%;position:relative;right:initial;margin:0 auto;}
    .main_top .btm{width:50%;}

    .main_top .txt{position:relative;text-align: center;padding:100px 30px;margin:0 !important;width:100%;}
    .main_top .txt .lt{margin:0 auto;text-align: center;width:100%;}
    .main_top .txt .lt span{text-align: center;letter-spacing: normal}
    .main_top .txt .date{justify-content: center}

    .main_sec .quick{gap:5vw;}
    .main_sec .quick > div{padding:30px 0;}


    .agm_wr .box.box2{padding:20px;}

    .agm_wr .box > p.flex{display: block;}

    .agm_wr .box > p:not(.flex){margin-top:10px;padding-top:10px;}
    .agm_wr .pack{margin-left:0;}
    .agm_wr .price{margin-left:15px;}
    .agm_wr ul li{margin-left:15px;}

    .td_hidden{display:none;}

    .sub_container{padding:100px 0;}

}
@media all and (max-width:720px){
    .pic_lt ul{grid-template-columns: 1fr ;}
    .pic_lt li .lt_img .img{height:54vw;}

    .notice li a{padding:30px 20px;}

    .main_sponsor .spon_list{display: none;}
    .main_sponsor .spon_list2{display:block;}

    .main_gallery .gallery_wr .gall_box ul li{width:30vw;}
    .main_gallery .gallery_wr .gall_box ul li.ver02{width:66vw;}
    .main_gallery .gallery_wr .gall_box ul li .img{height:42vw;}

    #ft_wr .ft_box {display: block;}
    #ft_wr .ft_box > div{width:100%;display: flex;justify-content: center;align-items: center}
    #ft_wr .ft_box > div + div{margin-top:30px;}
    #ft_wr .ft_box > div .img{width:100px !important;text-align: center}
    #ft_wr .ft_box > div .img img{}
    #ft_wr .ft_box > div .txt{width:auto !important;}
    #ft_wr .ft_box > div .txt strong br{display:none}

    #top_btn{width:60px;height:60px;right:10px;bottom:10px;}
    #top_btn .img{width:40%;}

    .dday{right:10px;font-size:0.5em;bottom:80px;}


    #hd{height:80px;}
    #logo{width:100px;height:60px;left:10px;}
    .hd_etc{right:10px;}
    .hd_etc .mobile_btn{height:35px;width:40px;}
    #hd.scroll_hd #logo{width:100px;height:60px;}
    #hd:hover #logo{width:100px;height:60px;}
    #hd.sub_hd #logo{width:100px;height:60px;}

    .main_top .txt .lt{font-size:var(--font-size80)}
    .main_top .txt .st{font-size:var(--font-size30)}

    .main_top .txt .date div:first-child{font-size:var(--font-size50)}

    .main_video .lt{font-size:var(--font-size50)}

    .pic_lt .lat_title > strong{font-size:var(--font-size38)}
    .notice .lat_title > strong{font-size:var(--font-size38)}
    .main_tit > strong{font-size:var(--font-size38)}
    .main_sponsor .spon_tit strong{font-size:var(--font-size38)}

    .notice li a{padding:28px 0;}
    .notice li a strong{width:calc(100% - 90px);}
    .notice li a div:after{width:30px;margin-left:10px;}

    .sub_top{height:300px;}
    .sub_top .sub_top_tit{margin-bottom:40px;}
    .sub_top .sub_top_tit nav{margin-top:15px;}

    .agm_wr table tr th{width:100px;}

    .agm_wr .box > p.flex{gap:4px;}
    .agm_wr .box > .in_box{padding:20px;}
    .agm_wr .box > .in_box .left{width:150px;}
    .agm_wr .box > .in_box .right{width:calc(100% - 150px);}
    .agm_wr .box > .in_box .right > div:last-child{margin-top:6px;}

    .about_wr > img:first-child{width:60%;margin-bottom:100px;}
    .about_wr p{margin:60px 0;font-size:var(--font-size20)}

    #bo_gall #gall_ul{grid-template-columns: 1fr 1fr;}
    #bo_gall .gall_img{height:30vw;}

    .bo_sch .sch_input{width:calc(100% - 100px);}
    .bo_sch .sch_btn{width:100px;}
}
@media all and (max-width:560px){
    body{font-size:0.55em;}

    .main_sec .quick {gap:2vw;grid-template-columns: 1fr 1fr;display: grid;}
    .main_sec .quick > div{padding:10px 0;width:100%;}

    .pic_lt .lat_title > span{width:calc(100% - 150px);}
    .notice .lat_title > span{width:calc(100% - 150px);}

    .main_top .txt{padding:80px 20px;}

    .all_menu > div{width:calc(100% - 90px);}
    .all_menu > div > .logos img{width:120px;}
    .all_menu > div .close_btn{width:40px;height:40px;left:-50px;}

    .arrival > div.rout{flex-direction: column;}
    .arrival > div.rout > img{transform:rotate(90deg);}

    .map_box{grid-template-columns: 1fr;gap:15px;}

    .about_wr .imgs{grid-template-columns: 1fr;}
    .about_wr div.about_box{display: block;}
    .about_wr div.about_box > span:first-child{width:100%;border-right:0;display: block;font-weight:bold;}
    .about_wr div.about_box > span:first-child:after{display:none;}
    .about_wr div.about_box > span:last-child{width:100%;border-right:0;display: block;}

    .bo_sch select{width:100px;}
    .bo_sch .sch_input{width:calc(100% - 80px);}
    .bo_sch .sch_btn{width:80px;}
}
@media all and (max-width:480px){
    #hd{height:65px;}
    .hd_etc .mobile_btn{height:32px;width:36px;}

    .main_top .txt .date{display: block;text-align: center}

    .agm_wr .box > .in_box{display: block;}
    .agm_wr .box > .in_box .left{margin:0 auto;margin-bottom:10px;border-right:0;padding-bottom:10px;border-bottom:1px solid #E9E9E9;}
    .agm_wr .box > .in_box .right{width:100%;padding:0;text-align: center;}
    .agm_wr .box > .in_box .right > div:last-child{justify-content: center;}

    .agm_wr .agm_btns{display: flex;flex-direction: column}
    .agm_wr .agm_btns button{width:100%;}
    .agm_wr .agm_btns button span{font-size:var(--font-size20)}
    .agm_wr .agm_btns button:first-child{background:linear-gradient(-35deg, #D0131C 20%, #20296F 80%);border:2px solid #fff;padding:19px 15px;}
    .agm_wr .agm_btns button:first-child span{color:#fff;}
    .agm_wr .agm_btns button:first-child .img{background:url('../img/agm_btn_arrow_h.svg') center / contain no-repeat;}

    .sub_top{height:220px;}

    #bo_gall #gall_ul{grid-template-columns: 1fr;}
    #bo_gall .gall_img{height:61vw;}

}

@media all and (max-width:414px){
    #ft_wr .ft_box > div{display: block}
    #ft_wr .ft_box > div .img{margin:0 auto ;width:35% !important;}
    #ft_wr .ft_box > div .txt{width:100% !important;text-align: center;}

    #ft_wr .ft_box > div .sns{justify-content: center}

    .bo_sch form {display: block}
    .bo_sch select{width:100%;}
    .bo_sch .sch_bar{margin-top:10px;}
    .bo_sch .sch_input{width:calc(100% - 80px);}
    .bo_sch .sch_btn{width:80px;}

}