@charset "utf-8";

@media screen and (max-width: 750px) {


    .map_cont { display: block; overflow: hidden; height: calc(100vh - 55px); height: calc(100dvh - 55px); margin: 0; }

    /* 숨김/보이기 영역 */
    .location_box { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; max-width: 100vw; max-height: 60px; box-sizing: border-box; box-shadow: 0 -3px 10px rgba(0,0,0,0.1); }
    .location_box .show_btn { position: absolute; top: 0; left: 50%; transform: translate(-50%,-100%); padding: 5px 10px; background-color: #fff; border-radius: 5px 5px 0 0; border: 0; box-shadow: 0 -3px 10px rgba(0,0,0,0.1);}
    .location_box .show_btn .show_txt { }
    .location_box .hide_txt { display: none; }
    .location_box .search_box .search_tab,
    .location_box .search_box form { display: none; }
    .location_box .result_top span { visibility: hidden; }

    .location_box.active .show_txt { display: none; }
    .location_box.active .hide_txt { display: block; }
    .location_box.active .search_box .search_tab,
    .location_box.active .search_box form { display: block; }
    .location_box.active .result_top span { visibility: visible; }

    .location_box.active { max-height: 80vh; }


    /* 매장찾기 좌측 검색 영역 */

    .location_box > div { padding: 0 15px; }
    .location_box .search_box { padding-top: 0px;}
    .location_box .search_box .tit_box { display: none; }

    .location_box .search_box .search_tab { padding-top: 15px; }
    .location_box .search_box .search_tab li button { height: 40px; font-size: 14px; }
    .location_box .search_box .search_input { margin-top: 15px; padding-bottom: 20px; }
    .location_box .search_input input { width: calc(100% - 47px); padding: 0 10px; font-size: 14px; }
    .location_box .search_input select { width: calc(50% - 25px); padding: 0 10px; font-size: 14px; }
    .location_box .search_input button { width: 42px; font-size: 14px; }


    /* 매장찾기 좌측 검색결과 영역 */
    .location_box .result_top { padding-top: 18px; }
    .location_box .result_top p { font-size: 15px; }
    .location_box .result_top span { display: inline-block; font-size: 13px; }

    .location_box .result_box .result_list li { padding: 10px; padding-left: 22px;}
    .location_box .result_list li .tit { font-size: 15px; }
    .location_box .result_list li .tit i { top: 3px; left: -18px; }
    .location_box .result_list li .tit .distance { font-size: 12px; }
    .location_box .result_list li .location { font-size: 13px; }
    .location_box .result_list li .btn_wrap { margin-top: 10px; }
    .location_box .result_list li .btn_wrap .btn { padding: 0 6px; font-size: 13px; }
    .location_box .result_list li .btn_wrap .btn .ico_kakao { width: 19px; }



    /* 매장찾기 우측 지도 영역 */
    .map_box { position: relative; width: 100%; }
    .map_box #map { height: calc(100% - 171px); }
    

}