@media all and (max-width:1380px){
    .inner{padding-left: 2rem; padding-right: 2rem;}
    .lnb ul{margin-left: 0;}
    .lnb ul li > a{padding: 0 3rem;}
    .box_small dl{padding: 5rem 0 0 3rem;}
}

@media all and (max-width:1024px){
    .menu{display: none;}
    .lnb ul{margin: 0;}
    .snb{right: 7rem;}
    .hsec1 .lnb_open{top: 3rem;}
    .msec1 .swiper-slide .slogan{top:30%}
    .box_wrap{flex-wrap: wrap;}
    .box_large{width: 100%; background-size: cover;}
    .box_small{width:50%}
    .sub_menu ul li a{padding: 0 4rem;}
    .sub_menu.drop{top: 9rem;}

    /* 인사말 */
    .greetings dl dt{font-size:3rem}
    .greetings p{padding: 0;}
    .greetings p::before{display: none;}
   
   
}



@media all and (max-width:1023px){
    html{font-size:9px}
    
    .hsec1 h1{width: 60%;}
    .hsec1 .lnb_open{top: 2rem;}
    .snb{display: none;}
    .snb-mob{display: flex;}
    .snb-mob li{width: 50%}
    .snb-mob li a::before{display: none;}
    .snb-mob a{display: block; background: var(--main_color); color:#fff; text-align: center;}
    .snb-mob li:last-child a{background-color: #333 !important;}
    
    
    /* 메인페이지 */
    .msec1 .swiper-slide .bg{height: 80vh;}
    .msec1 .swiper-slide .slogan .text1 img{width: 50%;}
    .msec1 .swiper-slide .slogan .text2{font-size: 3rem; letter-spacing:-3px}
    .msec1 .swiper-slide .slogan .text3{font-size:1.6rem;}
    .main_box h2 span{font-size: 3rem;}
    
    
    .box_large{height: 30rem;}
    .box_large dl{padding: 3rem;}
    .box_large dl dt{font-size:2.5rem}

    .box_small{width: 100%; height: 25rem;}
    .box_small a{height: 100%;}
    .box_small p{bottom: auto; top:5rem}
    .box_small dl dt{font-size: 2.8rem;}
 
    footer address{flex-direction: column; gap:2rem}

    /* 서브공통 */
    .sub_top{height: 35rem; background-size: cover !important;}
    .sub_top::after{display: none;}
    .sub_top h2{font-size:3rem; padding-top: 3rem;}
    .sub_top h2 span{font-size: 1.8rem;}
    .sub_menu{display: none;}
    .mid_menu{display: block;}
    .sub_con{background-size: 50%;}
    .h3{padding: 0; font-size:3.5rem}
    .h4{font-size: 2.4rem;}
    .s_tit{font-size: 2.5rem;}
    .s_tit br{display: none}

    /* 인사말 */
    .greetings{flex-direction: column;}
    .greetings p,
    .greetings dl{width: 100%;}
    .greetings dl dt{font-size: 2rem;}
    .greetings dl dd em{font-size: 1.8rem; padding-top: 3rem;}

    /* 소개 */
    .logo_con{flex-direction: column; gap:2rem}
    .song{flex-direction: column; gap:2rem}
    
    /* 세칙 */
    
    .tabmenu::before{display: none;}
    .tabmenu ul{flex-wrap: wrap; border-bottom: 1px solid var(--border_color);border-left: 1px solid var(--border_color);}
    .tabmenu ul li{width: 33%;}
    .tabmenu ul li a{font-size:1.6rem}
    .tabmenu ul li.tab_select a{background: var(--main_color); color:#fff;}
    
    /* 오시는길 */
    .map{flex-direction: column;}
    .map_info,
    .map_area{flex-basis: auto;}


    /* 조합원등록 */
    .member_form{max-width: 100%;  width:100%;  padding:2rem}
    .member_form dl{flex-direction: column;}
    .member_form dl dt,
    .member_form dl dd{width: 100%;}
    .member_form dl dd input{width: 100%;}
    .input_short {width: 28% !important; margin-bottom: 2rem;}
    .select{width: 100%;}

    .join_form dl dt{width: 30%;}
    .join_form dl dd{width: 70%;}

    /* 로그인 */
    .login{max-width: 100%; width: 100%; padding: 2rem;}



}