@media all and (max-width:1610px){
    .lnb ul li > a{padding: 0 4rem;}
}
@media all and (max-width:1500px){
    .lnb ul li > a{padding: 0 3rem;}
}
@media all and (max-width:1400px){
    .lnb{margin-left: 10rem;}
}
@media all and (max-width:1280px){
    .inner{padding-left:2rem; padding-right:2rem}
    .snb{right:12rem}
    .main_con{gap:2rem}
}
@media all and (max-width:1279px){
    .menu{display: none;}
    .snb{top:0}
    .msec1 .swiper-slide .slogan{top:33rem}
    .msec1 .swiper-pagination{top:60rem}
    .main_con{flex-wrap: wrap; position: relative; top:auto; padding-top:5rem}
    .main_board{width: 50%; box-shadow: 0 0 1rem rgba(0,0,0,0.4);}
    .main_popupzone{width: calc(50% - 2rem);}
    .main_info{width: 100%; flex-direction: row; gap:2rem; height: auto;}
    .main_volunteer{width: 50%;}
    .main_cusromer{width: calc(50% - 2rem);}

    .main_test .inner{flex-direction: column; text-align: center; gap:5rem}
    .main_test h2{width: 100%; display: none;}
    .main_test h2 br{display: none;}
    .main_test ul{width: 100%;}

    .main_photo h2 span{font-size:3rem}

    .main_site h2{display: none;}
    .site_slide{width: 100%;}
    .sub_menu.drop{top:7rem}
}


@media all and (max-width:1023px){
    html{font-size:9px}
    
    .hsec1 h1{width: 60%;}
    .snb{display: none;}    
    
    /* 메인페이지 */
    .msec1 .swiper-slide .bg{height: 60vh;}
    .msec1 .swiper-slide .slogan .text1{font-size: 3rem;}
    .msec1 .swiper-slide .slogan .text2{font-size: 1.8rem;}
    .msec1 .swiper-pagination{top: auto; bottom:5rem}

    .main_board{width: 100%; height: auto;}
    .main_popupzone{width: 100%; height: auto;}
    .popupzone_slide .swiper-slide{height: 20rem;}
    .main_info{flex-direction: column;}
    .main_volunteer{width: 100%;}
    .main_volunteer dl dd{font-size:1.6rem}
    .main_cusromer{width: 100%;}
    .main_cusromer dl dd span{font-size:3rem}
    .main_cusromer p{width: 23%;}

    .main_test ul{flex-wrap: wrap; gap:3rem}
    .main_test ul li{border:none; width: calc(50% - 3rem); flex:none}
    

    /* 서브공통 */
    .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;}
    .h4::before{top:1rem}
    .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;}

    /* 사업목적 */
    .mission_list{flex-direction: column;}
    .mission_list h4{width: 100%;}
    .mission_list p{width: 100%; font-size:3rem}
    .mission_list p i{padding: 0;}
    .mission_list p i img{width:50%}
    .mission_list ul{width: 100%;}

    /* 오시는길 */
    .map{flex-direction: column;}
    .map_info{flex-basis: 100%;}
    .map_area{flex-basis: 100%;}
    .map_bus{flex-direction: column; text-align: center;}
    .map_bus dl{flex-direction: column;}

    /* 사업안내 */
    .business_wrap{margin-right:0}
    .business_list{width: 100%;}
    
    /* 프로그램 일정 */
    .program_wrap{margin: 0;}
    .program_list{width:100%}

    /* 중독이란 */
    .info_top{margin: 0 !important;}
    .info_top dl{position: relative; padding:2rem}
    .flex_list{flex-direction: column; gap:2rem}
    .flex_tit{width: 100%}
    .flex_con{width: 100%;}
    .info_list{flex-direction: column;}

    /* 알코올 */
    .alcohol_list{flex-direction: column;}

    /* 자가진단 */
    .test_info{flex-direction: column; gap:2rem}
    .test_info dl dt{width: 20%;}
    .test_radio .checkmark::after{width: 10px; height: 10px;}

    .test_info dl { float: none; width: auto; overflow: hidden }
    .test_select dl { float: none; width: auto; padding: 0 0 1rem 0; overflow: hidden }
    .test_select dl dd input { width: 100% }
    .test_result { padding: 1rem }
    .test_result h2 { font-size: 2rem }
    .test_result h2 img { margin: 0 auto; display: block }
    .test_result span { font-size: 2rem }
    .result_con ul li { width: auto }
    .test_table colgroup { display: none }
    .test_table th, .test_table td:first-child { display: none }
    .test_table td:nth-child(2) { background: #fafafa }
    .test_table td { display: block; border-right: none; overflow:hidden; clear:both }
    
    .test_number { display: inline-block; background: #40699d; color: #fff; font-weight: bold; text-align: center; border-radius: 100px; padding: 0.5rem; width: 25px; height: 25px; display: inline-flex; justify-content: center; align-items: center; float:left; margin:0 1rem  0 0}
    .test_table td em{float:left; width:calc(100% - 45px);}
    .test_table .test_radio p { font-size: 1.4rem }
    
    .test_result ul{flex-wrap: wrap; margin:0; padding:1rem}
    .test_result ul li{margin:0.5rem; width:120px; height:120px}
    .test_result ul li span{font-size:1rem; line-height:1.2}
    .test_result_txt ul li{width:120px; height:120px}

    /* 상담안내 */
    .counsel_list{margin: 0;}
    .counsel_list li{width:100%}

    .form_table colgroup { display: none }
    .form_table th, .form_table td { display: block; padding: 1rem; font-size: 1.4rem; width: 100%; }
    .form_table .test_radio{display:inline-block; margin:0 0 1rem  0}
    .form_table  .checkmark{width:20px; height:20px}
    .form_table p { font-size: 1.4rem }
    .test_radio .checkmark::after{top:5px; left: 5px;}
}