@media screen and (max-width: 1450px) {
    .sticky nav{width:100%; padding: 0 5rem;}
    .tabmenu{padding: 3rem 2rem;}
    .info{padding: 10rem 2rem;}
    .accordion{padding: 0 2rem;}
    .contact_con{padding: 5rem 2rem;}
}
@media screen and (max-width: 1300px) {
    .sticky, nav{display: none;}
}

@media screen and (max-width: 1024px) {
    .main_slider h3{font-size:10rem}
    .main_slider .circle{width: 40rem; height: 40rem;}
    .video_text h1{font-size: 11rem;}
    .gallery-item{width:33%}

    .service_list li{width:calc(50% - 3rem);}
    .contact_con{flex-direction: column;}
    .contact_tit,
    .contact_form{width: auto;}

    

}
@media screen and (max-width: 1023px) {
    html{font-size: 8px;}
    #pointer-ring{display: none;}
    .main_slider{padding: 0 2rem;}
    .main_slider .swiper-slide{flex-direction: column; justify-content: center; gap:5rem; text-align: center;}
    .main_slider .swiper-slide-active .typewriter p{letter-spacing: normal;}
    .main_slider .title_icon{left: 50%; transform: translateX(-50%); top: -5rem;}
    .main_slider .circle{width: 80%; height: 80%;}

    .main_slider h3{font-size: 5rem;}
    .video_text {display: none;}
    .main_icon_list h2 span{font-size: 3rem;}
    .main_icon_list ul{flex-direction: column;}
    .main_icon_list ul li{padding:2rem; margin: auto; border: none;}
    .flex-container{display: none;}
    .gallery-item{width: 50%;}
    footer ul{flex-direction: column;}

    .sub_video{padding: 20rem 0 0 0 ;}
    .bg{display: none;}
    .h3{font-size: 3rem;}

    .story_tit h3 span{letter-spacing: 1.5rem;}
    .story_list{flex-direction: column;}
    .story_list dl{padding:2rem;}

    .tabmenu{gap:1rem; flex-wrap: wrap;}
    .tabmenu a{padding: 1rem;}
    .info{flex-direction: column;}
    .info dl dt{font-size:4rem}
    .tag_list{flex-wrap: wrap; gap:1rem}
    .service_list li{width: 100%;}
    .process_list{width: 100%; padding: 0 2rem;}

    .sub_wrap #gallery{gap: 0;}
    .sub_wrap .gallery-item{width: 50%;}
    .board_control_btn{float: none;}
    .overview{flex-direction: column;}
    
    .contact_con{padding: 0 2rem}
    .contact_cate{flex-wrap: wrap; gap:1rem}
    .contact_cate li{flex: none; width: calc(50% -  1rem);}
    .custom-radio-button{padding: 1rem;}
    .custom-radio-button span{display: none;}
    .contact_tit{display: none;}
    
    .contact_text dl{flex-direction: column; align-items: baseline;}
    .contact_text dl dt,
    .contact_text dl dd{width: auto;}
}