/***********************반응형***************************************/
@media (max-width:1280px){
.mr_sv_nav{left:20px; margin-left:0;}
}



@media (max-width:1024px){

.mr_header{gap:10px; padding-top:20px;}
.mr_gnb{display:none;}
.mr_header_tel{height:32px;}
.mr_header_tel a{padding:0 10px; height:32px;}
.mr_menu_open{display:flex; justify-content: center; align-items: center; width:32px; height:32px;
background:var(--cr1); color:#fff; flex-shrink: 0; font-size:22px;}

/*Main공통*/
.mr_main_area{padding:50px 0;}




/*main-visual*/


/*main-hall*/
.mr_hall_txt{padding:30px; padding-right:0;}

/*sub*/
.mr_sub_content{padding:50px 0;}
.mr_hall_bottom li{gap:10px;}
.mr_event_list li{width:32%;}
.mr_hg_slide{width:calc(100% - 10px); margin-left:10px;}

}	

@media (max-width:768px){
body, th, td, input, select, textarea, button{line-height:1.6}

#mr_visual_mo { display:block; }

.mr_header{padding:5px;}
.mr_header_logo img{width:90px;}
.mr_main_flex{flex-direction: column; gap:20px;}
.mr_main_area{padding:30px 0;}
.mr_main_tit p{margin-top:0;}

#mr_visual .mr_sv_bg{display:block; top:-100px; width:100%; left:0; margin-left:0; opacity:0.3;}
.mr_visual_slide{display:block;}

#mr_about{background-position:80% 0%;}

#mr_hall ul{flex-wrap:wrap;}
#mr_hall ul li{flex:1 1 48%;}
.mr_hall_txt{padding:15px; padding-right:0;}
#mr_hall a{padding-top:120%;}

.mr_event_slide{margin-top:15px;}
.mr_event_slide .slick-track{gap:10px;}
.mr_event_slide .slick-dots{margin-top:15px;}
.mr_event_slide .slick-dots button{width:12px; height:12px;}


#mr_customer{flex-direction: column;}
.mr_cus_right{width:100%; order:1; height:400px;}
.mr_cus_left{width:100%; order:2; padding:30px 0;}
.mr_cus_left img{width:80px; margin-bottom:15px;}
.mr-cule_t_t2{margin-top:0;}

footer{padding:20px;}
footer img{width:80px;}
.mr_fb_company{gap:2px 10px;}

/*sub*/
.mr_sv_nav{font-size:12px;}
.mr_sub_visual{height:400px;}
.mr_sv_img{width:1000px; margin-left:-500px;}
.mr_sub_content{padding:30px 0;}

.mr_s11_top{flex-direction: column; align-items: flex-start; width:100%; gap:10px; line-height:1.7;  font-size:var(--subf3) !important; text-align:center;}
.mr_s11_top > div{width:100%;}
.mr_s11top_left strong{margin-bottom:0;}
.mr_wide_img{margin:20px 0; width:200%; position:relative; margin-left:-100%;}
.mr_s11_bottom{flex-direction: column; gap:20px; text-align:center; margin-bottom:20px;}
.mr_s11_bottom > div{width:100%; gap:10px;}
.mr_video_open i{font-size:45px;}
.mr_modal_close{font-size:28px;}

.mr_location_bottom{gap:20px; margin-top:20px; flex-direction: column;}
.mr_lobo_left{width:100%; height:380px;}
.mr_lobo_right{width:100%;}
.mr_lobo_right dl{margin-top:15px; padding-top:15px; flex-direction: column;}
.mr_lobo_right dl dd ul{gap:5px;}
 

.mr_hall_top{gap:10px;}
.mr_hall_bottom ul{gap:20px;}
.mr_hall_bottom li{flex-direction: column; gap:15px;}
.mr_hb_img{width:100%;}
.mr_hb_txt{width:100%; gap:7px;}
.mr_hall_bottom li .mr_hb_img, .mr_hall_bottom li:nth-child(even) .mr_hb_img{order:2;}
.mr_hall_bottom li .mr_hb_txt, .mr_hall_bottom li:nth-child(even) .mr_hb_txt{order:1;}

.mr_hall_gallery{padding-bottom:30px;}
.mr_hg_tit{margin-bottom:10px;}
.mr_hg_tit:before{height:60px; margin-bottom:15px;}
.mr_hg_tit p{margin-top:0;}
.mr_hg_slide_btn{margin-top:20px;}
.mr_hg_slide_btn button{width:24px; height:24px;}

.mr_event_list li{width:49%;}

.mr_faq_tab button{padding:10px 5px;}
.mr_faq_list dl{padding:15px; padding-bottom:0;}
.mr_faq_list dt{padding-bottom:15px;}
.mr_faq_list dt i{padding-right:0; font-size:20px; padding-top:5px;}
.mr_faq_list dt, .mr_faq_list dd{gap:10px;}
.mr_faq_list dd.active{padding-bottom:20px;}

}