@charset "utf-8";
@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 100;
    src: url('/humanframe/global/assets/css/font//NotoSansKR-Thin.woff2') format('woff2'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Thin.woff') format('woff'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Thin.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 200;
    src: url('/humanframe/global/assets/css/font/NotoSansKR-Light.woff2') format('woff2'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Light.woff') format('woff'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 400;
    src: url('/humanframe/global/assets/css/font/NotoSansKR-Regular.woff2') format('woff2'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Regular.woff') format('woff'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 500;
    src: url('/humanframe/global/assets/css/font/NotoSansKR-Medium.woff2') format('woff2'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Medium.woff') format('woff'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 600;
    src: url('/humanframe/global/assets/css/font/NotoSansKR-Bold.woff2') format('woff2'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Bold.woff') format('woff'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 700;
    src: url('/humanframe/global/assets/css/font/NotoSansKR-Black.woff2') format('woff2'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Black.woff') format('woff'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Black.otf') format('opentype');
}

/* CoreDream */
@font-face {
    font-family: 'CoreDream';
    font-weight: 100;
    src: url('/humanframe/global/assets/css/font/CoreDream/SCDream1.otf') format('opentype');
}

@font-face {
    font-family: 'CoreDream';
    font-weight: 200;
    src: url('/humanframe/global/assets/css/font/CoreDream/SCDream2.otf') format('opentype');
}

@font-face {
    font-family: 'CoreDream';
    font-weight: 300;
    src: url('/humanframe/global/assets/css/font/CoreDream/SCDream3.otf') format('opentype');
}

@font-face {
    font-family: 'CoreDream';
    font-weight: 400;
    src: url('/humanframe/global/assets/css/font/CoreDream/SCDream4.otf') format('opentype');
}

@font-face {
    font-family: 'CoreDream';
    font-weight: 500;
    src: url('/humanframe/global/assets/css/font/CoreDream/SCDream5.otf') format('opentype');
}

@font-face {
    font-family: 'CoreDream';
    font-weight: 600;
    src: url('/humanframe/global/assets/css/font/CoreDream/SCDream6.otf') format('opentype');
}

@font-face {
    font-family: 'CoreDream';
    font-weight: 700;
    src: url('/humanframe/global/assets/css/font/CoreDream/SCDream7.otf') format('opentype');
}

body {font-family: "Noto Sans KR", sans-serif; color: #222222; overflow: hidden;}
body::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #353535; opacity: 0; z-index: -1; transition: all 0.3s;}
body.bg::before {opacity: 0.5; z-index: 999;}
a:active, a:hover, a:focus {text-decoration: none;}
a.link {display: block; width: 120px; height: 34px;}

.map_wrap {position: relative; overflow: hidden; width: 100%; height: 100dvh; display: flex;}

/* 모바일 인트로 */
.mob_intro {display: none;}

/* 모바일 헤더 */
.map_wrap .mo_header {display: none;}

/* s: 카테고리 */
.map_wrap .left_area {width: 325px; height: 100dvh; position: absolute; top: 0; left: 0; z-index: 999; background: #fff; padding: 35px 36px 0 27px; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.17); text-align: center; transition: all 0.3s;}
.map_wrap .left_area .logo {display: block; width: 287px; margin: 0 auto 24px -10px;}
.map_wrap .left_area .logo img {width: 100%; object-fit: cover;}
.map_wrap .left_area .close {display: none;}
.map_wrap .left_area .menu_area {max-height: calc(100dvh - 367px); overflow-y: auto;}

/* ---------------- 검색 커스텀 */
.map_wrap .search_area {width: 262px; padding: 13px 19px; margin-bottom: 23px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; border-radius: 10px; border: 2px solid #d70066; background: #fff;}
.map_wrap .search_area .check_area {position: relative;}
.map_wrap .search_area .check_area::before {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 22px; background: #dbdbdb;}
.map_wrap .search_area .check_area select {font-family: "Noto Sans KR", sans-serif; border: none; font-size: 15px; font-weight: 600; color: #444444; padding: 0 31px 0 0; background: #fff url('/resource/map15min/img/sel_arr.png') right 9px center no-repeat;}
.map_wrap .search_area .input_area {/* width: 148px; */ width: 100%; display: flex; gap: 3px; align-items: center;}
.map_wrap .search_area .input_area input {border: none; outline: none; display: block; width: calc(100% - 19px); font-size: 16px; font-weight: 500; color: #666666; font-family: 'Noto Sans KR';}
.map_wrap .search_area .input_area label {display: none;}
.map_wrap .search_area .input_area .search {display: block; width: 19px; height: 20px; background-image: url('/resource/map15min/img/search_icon.png'); background-repeat: no-repeat; background-size: 100%;}
/* ---------------- 검색 커스텀 */

/* ---------------- 스크롤바 커스텀 */
.map_wrap .left_area .menu_area::-webkit-scrollbar {width: 8px;}
.map_wrap .left_area .menu_area::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
.map_wrap .left_area .menu_area::-webkit-scrollbar-track {background-color: #fff;}
/* ---------------- 스크롤바 커스텀 */

.map_wrap .left_area .btn {position: absolute; top: 50%; right: -26px; transform: translateY(-50%); width: 24px; height: 74px; display: flex; align-items: center; justify-content: center; border: 1px solid #cfcfcf; background: #fff; border-radius: 0 8px 8px 0;}
.map_wrap .left_area.on {left: -325px;}
.map_wrap .left_area .btn img {transition: all 0.3s;}
.map_wrap .left_area .btn.on img {transform: rotate(-180deg);}
.map_wrap .left_area .copyright {padding: 11px 0; background: #eaeaea; border: 1px solid #dbdbdb; box-sizing: border-box; border-bottom: none; text-align: center; font-size: 11px; font-weight: 500; color: #666666; position: absolute; bottom: 0; left: 0; width: 100%;}

/* 전체선택 */
.map_wrap .left_area .all_check {display: flex; justify-content: flex-end; margin-bottom: 15px;}
.map_wrap .left_area .all_check .check_area {display: flex; width: 174px; background: #f1f1f1; border-radius: 15px;}
.map_wrap .left_area .all_check button {position: relative; display: block; text-align: center; width: 87px; padding: 6px 0; font-family: "Noto Sans KR", sans-serif; font-size: 13px; font-weight: 400; color: #6c6c6c; border-radius: 15px; background: #f1f1f1;}
.map_wrap .left_area .all_check button:first-child::before {content: ''; position: absolute; top: 11px; right: 0; width: 1px; height: 10px; background: #ccc;}
.map_wrap .left_area .all_check button.on {color: #fff; background: #4c4948;}
.map_wrap .left_area .all_check button.on::before {display: none;}

/* 메뉴 */
.map_wrap .menu_area .list>li a {position: relative; display: flex; align-items: center; width: 100%; height: 55px; padding-left: 49px; margin-bottom: 1px; box-sizing: border-box; border-bottom: 1px solid #dddddd;}
.map_wrap .menu_area .list>li a::after {content: ''; position: absolute; right: 13px; top: 50%; width: 11px; height: 11px; border-top: 1px solid #656565; border-right: 1px solid #656565; transform: translateY(-50%) rotate(45deg); transition: all 0.3s;}
.map_wrap .menu_area .list>li a.on::after {top: 42%; transform: translateY(-50%) rotate(135deg);}

/* ---------------- 메뉴 아이콘 */
.map_wrap .menu_area .list>li a::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 15px; width: 23px; height: 23px; background-size: 100%; background-repeat: no-repeat; transition-duration: 0.3s;}
.map_wrap .menu_area .list>li.icon1 a::before {background-image: url('/resource/map15min/img/icon1.png');}
.map_wrap .menu_area .list>li.icon1 a.on::before {background-image: url('/resource/map15min/img/icon1_on.png');}
.map_wrap .menu_area .list>li.icon2 a::before {background-image: url('/resource/map15min/img/icon2.png');}
.map_wrap .menu_area .list>li.icon2 a.on::before {background-image: url('/resource/map15min/img/icon2_on.png?v=20250801');}
.map_wrap .menu_area .list>li.icon3 a::before {background-image: url('/resource/map15min/img/icon3.png');}
.map_wrap .menu_area .list>li.icon3 a.on::before {background-image: url('/resource/map15min/img/icon3_on.png');}
.map_wrap .menu_area .list>li.icon4 a::before {background-image: url('/resource/map15min/img/icon4.png');}
.map_wrap .menu_area .list>li.icon4 a.on::before {background-image: url('/resource/map15min/img/icon4_on.png?v=20250801');}
.map_wrap .menu_area .list>li.icon5 a::before {background-image: url('/resource/map15min/img/icon5.png');}
.map_wrap .menu_area .list>li.icon5 a.on::before {background-image: url('/resource/map15min/img/icon5_on.png');}
.map_wrap .menu_area .list>li.icon6 a::before {background-image: url('/resource/map15min/img/icon6.png');}
.map_wrap .menu_area .list>li.icon6 a.on::before {background-image: url('/resource/map15min/img/icon6_on.png');}
.map_wrap .menu_area .list>li.icon7 a::before {background-image: url('/resource/map15min/img/icon7.png');}
.map_wrap .menu_area .list>li.icon7 a.on::before {background-image: url('/resource/map15min/img/icon7_on.png');}
.map_wrap .menu_area .list>li.icon8 a::before {background-image: url('/resource/map15min/img/icon8.png');}
.map_wrap .menu_area .list>li.icon8 a.on::before {background-image: url('/resource/map15min/img/icon8_on.png');}
.map_wrap .menu_area .list>li.icon9 a::before {background-image: url('/resource/map15min/img/icon9.png');}
.map_wrap .menu_area .list>li.icon9 a.on::before {background-image: url('/resource/map15min/img/icon9_on.png');}
.map_wrap .menu_area .list>li.icon10 a::before {background-image: url('/resource/map15min/img/icon10.png');}
.map_wrap .menu_area .list>li.icon10 a.on::before {background-image: url('/resource/map15min/img/icon10_on.png');}
/* ---------------- 메뉴 아이콘 */

.map_wrap .menu_area .list>li a .title {display: flex; align-items: center; gap: 11px;}
.map_wrap .menu_area .list>li a .tit {font-size: 17px; font-weight: 600; color: #222222; transition: all 0.3s;}

/* ---------------- 메뉴 타이틀 */
.map_wrap .menu_area .list>li.icon1 a.on .tit {color: #ee5b02;}
/* .map_wrap .menu_area .list>li.icon2 a.on .tit {color: #2d23a0;} */
.map_wrap .menu_area .list>li.icon2 a.on .tit {color: #ee5b02;}
.map_wrap .menu_area .list>li.icon3 a.on .tit {color: #2ba018;}
/* .map_wrap .menu_area .list>li.icon4 a.on .tit {color: #c7bc11;} */
.map_wrap .menu_area .list>li.icon4 a.on .tit {color: #cd3d05;}
.map_wrap .menu_area .list>li.icon5 a.on .tit {color: #ba1212;}
.map_wrap .menu_area .list>li.icon6 a.on .tit {color: #6412a9;}
.map_wrap .menu_area .list>li.icon7 a.on .tit {color: #86cf07;}
.map_wrap .menu_area .list>li.icon8 a.on .tit {color: #d70167;}
.map_wrap .menu_area .list>li.icon9 a.on .tit {color: #235abe;}
.map_wrap .menu_area .list>li.icon10 a.on .tit {color: #5bbfdc;}
/* ---------------- 메뉴 타이틀 */

.map_wrap .menu_area .list>li a .num {font-size: 13px; font-weight: 500; color: #888888;}
.map_wrap .menu_area .list>li .dept2 {display: none;}
.map_wrap .menu_area .list>li .dept2 li {width: 100%; /* height: 42px; */ display: flex; align-items: center; gap: 12px; background: #f1f1f1; padding: 10px 24px; box-sizing: border-box;}
.map_wrap .menu_area .list>li .dept2 li.on {background: #e5e5e5;}
.map_wrap .menu_area .list>li .dept2 li:not(:last-child) {margin-bottom: 1px;}
.map_wrap .menu_area .list>li .dept2 li input {display: block; width: 16px; height: 16px; background: #fff; outline: 1px solid #dbdbdb; margin: 0; flex-shrink: 0; appearance: none}
.map_wrap .menu_area .list>li .dept2 li input:checked {background: url('/resource/map15min/img/check_on.png') center center no-repeat #393939;}
.map_wrap .menu_area .list>li .dept2 li label {display: block; width: 100%; font-size: 15px; font-weight: 500; color: #444444; text-align: left;}
/* e: 카테고리 */

/* s: 검색결과 */
.search_result {position: absolute; top: 0; right: -385px; width: 385px; height: 100dvh; box-shadow: 1px 0 10px rgba(0,0,0,0.17); padding: 43px 26px 0 31px; box-sizing: border-box; background: rgba(255,255,255,0.95); z-index: 10; transition: all 0.3s;}
.search_result.on {right: 0;}

.search_result .btn {position: absolute; top: 50%; left: -26px; transform: translateY(-50%); width: 24px; height: 74px; display: flex; align-items: center; justify-content: center; border: 1px solid #cfcfcf; background: #fff; border-radius: 8px 0 0 8px;}
.search_result .btn img {transition: all 0.3s; transform: rotate(-180deg);}
.search_result .btn.on img {transform: rotate(0);}

.search_result .btn_area {position: relative;}
.search_result .btn_area .tit {font-size: 22px; font-weight: 600; color: #141328; padding-bottom: 22px; border-bottom: 4px solid #1e1d28; box-sizing: border-box;}
.search_result .search_prev {display: none; width: 15px; height: 23px; background: url('/resource/map15min/img/search_prev.png') no-repeat; background-size: 100%; font-size: 0;}
.search_result .search_close {position: absolute; top: 0; right: 5px; display: block; width: 22px; height: 22px; background: url('/resource/map15min/img/mo_menu_close.png') no-repeat; background-size: 100%; font-size: 0;}
.search_result .search_reset {position: absolute; top: -1px; right: 40px; display: block; width: 32px; height: 25px; background: url('/resource/map15min/img/reset_icon.png') no-repeat; background-size: 100%; font-size: 0;}
.search_result.info .btn_area {display: flex; justify-content: space-between; margin-bottom: 28px;}
.search_result.info .btn_area .tit {display: none;}
.search_result.info .search_reset {display: none;}
.search_result.info .search_close {position: static;}
.search_result.info .search_prev {display: block;}

.search_result .result_area {height: calc(100dvh - 136px); overflow-y: auto;}
.search_result .result_area::-webkit-scrollbar {width: 8px;}
.search_result .result_area::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
.search_result .result_area::-webkit-scrollbar-track {background-color: #fff;}
.search_result .result_area .no_result {margin-top: 60px; font-size: 17px; color: #666666; text-align: center; font-weight: 500;}

/* --------------- 검색 리스트 */
.search_result .result_list {display: none;}
.search_result.list .result_list {display: block;}

.search_result .result_area .paginate {display: none;}
.search_result.list .result_area .paginate {display: flex; margin-bottom: 0;}

.result_list li .result_cont {display: flex; align-items: center; gap: 16px; padding: 20px 0 20px 13px; box-sizing: border-box; border-bottom: 1px solid #dbdbdb;}
.result_list li .result_cont img {flex-shrink: 0;}
.result_list li .result_cont .text_area .category {font-size: 14px; line-height: 1; color: #979797; margin-bottom: 5px;}
.result_list li .result_cont .text_area .tit {font-size: 17px; font-weight: 500; color: #222222; margin-bottom: 13px; line-height: 1.2;}
.result_list li .result_cont .text_area .address,
.result_list li .result_cont .text_area .call {line-height: 1.2; font-size: 15px; font-weight: 400; color: #222222; opacity: 0.8; letter-spacing: -0.05rem;}
.result_list li .result_cont .text_area .address {margin-bottom: 6px;}
/* --------------- 검색 리스트 */

/* --------------- 검색 정보 */
.search_result .result_info {display: none;}
.search_result.info .result_info {display: block;}
.search_result .result_box:not(:last-child) {margin-bottom: 30px;}
.search_result .result_box .img {width: 100%; height: 205px;}
.search_result .result_box .img img {width: 100%; height: 100%; object-fit: cover;}
.search_result .result_box .text_area {margin-top: 30px;}
.search_result .result_box .text_area .tit {font-family: 'CoreDream'; font-size: 20px; font-weight: 600; color: #24223c; margin-bottom: 22px;}
.search_result .result_box .text_area .info {margin-bottom: 25px;}
.search_result .result_box .text_area .info li {display: flex; font-size: 16px; color: #24223c;}
.search_result .result_box .text_area .info li:not(:last-child) {margin-bottom: 10px;}
.search_result .result_box .text_area .info li span {position: relative; display: block; width: 75px; margin-right: 15px; font-weight: 600; flex-shrink: 0;}
.search_result .result_box .text_area .info li span::before {content: ''; position: absolute; top: 6px; right: 0; width: 1px; height: 12px; background: #8e8e8e;}
.search_result .result_box .text_area .info li p {font-weight: 400;}
.bottom-sheet {display: none;}
/* --------------- 검색 정보 */

.result_area .title_area {display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px; border-bottom: 4px solid #1e1d28; box-sizing: border-box;}
.result_area .title_area .tit {font-size: 20px; font-weight: 600; color: #1e1d28;}
/* .result_area .title_area .search_close_mo {font-size: 13px; font-weight: 700; color: #706f7c; padding-right: 30px; box-sizing: border-box; background: url('/resource/map15min/img/search_close_mo.png') right 8px center no-repeat;} */
/* e: 검색결과 */

/* s: 지도팝업 */
.pin {display: block; width: 45px; height: 45px; background-color: #d70066; position: absolute; top: 49.5%; left: 40.6%; transform: translate(-50%,-50%);}
.map_pop {display: none; position: absolute; width: 532px;/*  height: 270px; */ padding: 0 18px 22px 27px; box-sizing: border-box; border-radius: 10px; box-shadow: 5px 0 21px rgba(0,0,0,0.47); background: #fff;}
.map_pop.on {display: block;}
.map_pop::before {content: ''; position: absolute; top: -24px; left: 50%; transform: translateX(-50%); background: url('/resource/map15min/img/pop_assets.png') no-repeat; background-size: 100%; width: 56px; height: 29px;}
.map_pop .title_area {display: flex; justify-content: space-between; align-items: center; height: 63px; margin-bottom: 10px;}
.map_pop .title_area .category {font-size: 14px; font-weight: 400; line-height: 1; color: #979797; margin-top: 7px;}
.map_pop .title_area .tit {font-family: 'CoreDream'; font-size: 20px; font-weight: 600; color: #24223c; margin-top: 6px;}
.map_pop .title_area .pop_close {display: block; width: 19px; height: 19px; font-size: 0; background: url('/resource/map15min/img/mo_menu_close.png') no-repeat; background-size: 100%;}
.map_pop .info_wrap {max-height: 172px; overflow-y: auto;}
.map_pop .info_wrap::-webkit-scrollbar {width: 8px;}
.map_pop .info_wrap::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
.map_pop .info_area {display: flex; justify-content: space-between; gap: 10px; margin-bottom: 7px;}
.map_pop .info_area .list li {display: flex; font-size: 15px; color: #24223c; line-height: 1.2;}
.map_pop .info_area .list li:not(:last-child) {margin-bottom: 10px;}
.map_pop .info_area .list li span {position: relative; display: block; width: 68px; margin-right: 10px; font-weight: 600; flex-shrink: 0;}
.map_pop .info_area .list li span::before {content: ''; position: absolute; top: 5px; right: 0; width: 2px; height: 11px; background: #8e8e8e;}
.map_pop .info_area .list li p {font-weight: 500;}
.map_pop .info_area .img {width: 160px; height: 131px; flex-shrink: 0;}
.map_pop .info_area .img img {width: 100%; height: 100%; object-fit: cover;}
/* e: 지도팝업 */

/* s: 카카오 BI 추가 */
.kakao_bi {position: absolute; bottom: 0; left: -300px; height: 19px; line-height: 14px; transition: all 0.2s; z-index: 99;}
.kakao_bi.on {left: 340px;}
.kakao_bi img {width: 32px; height: 10px; float: left; margin: 0 4px;}
/* e: 카카오 BI 추가 */

@media all and (max-width: 780px) {
    .map_wrap .left_area .search_area,
    .map_wrap .left_area .copyright,
    .map_wrap .left_area .btn,
    .map_wrap .search_result,
    .map_pop.on {display: none;}

    .pin {width: 35px; height: 35px; left: 30.6%;}

    /* 모바일 헤더 */
    .map_wrap .mo_header {position: fixed; top: 0; left: 0; z-index: 99; display: flex; align-items: center; justify-content: space-between; padding: 0 21px 0 24px; box-sizing: border-box; background: #fff; width: 100%; height: 70px; border-bottom: 1px solid #dbdbdb;}
    .map_wrap .mo_header .menu {display: block; font-size: 0; width: 23px; height: 23px; background: url('/resource/map15min/img/mo_menu.png') no-repeat; background-size: 100%;}
    .map_wrap .mo_header .logo {display: block; width: 140px;}
    .map_wrap .mo_header .logo img {width: 100%; object-fit: cover;}
    .map_wrap .mo_header .search_icon {display: block; font-size: 0; width: 26px; height: 26px; background: url('/resource/map15min/img/mo_search.png') no-repeat; background-size: 100%;}
    .map_wrap .mo_header .search_icon.on {width: 22px; height: 22px; background: url('/resource/map15min/img/mo_menu_close.png') no-repeat; background-size: 100%;}
    .map_wrap .mo_header .search_area {display: none; position: absolute; top: 81px; left: 24px; width: calc(100% - 43px);}
    .map_wrap .mo_header .search_area.on {display: flex;}

    /* s: 카테고리 */
    .map_wrap .left_area {width: 400px; padding: 15px 22px 0 24px; left: -400px;}
    .map_wrap .left_area.on {left: 0;}
    .map_wrap .left_area .top_area {display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px;}
    .map_wrap .left_area .logo {width: 187px; margin: 0;}
    .map_wrap .left_area .close {display: block; width: 19px; height: 19px; background: url('/resource/map15min/img/mo_menu_close.png') no-repeat; background-size: 100%; font-size: 0;}
    .map_wrap .left_area .menu_area {max-height: calc(100% - 130px);}
    /* e: 카테고리 */

    /* 전체선택 */
    .map_wrap .left_area .all_check .check_area {width: 132px; border-radius: 12px;}
    .map_wrap .left_area .all_check button {width: 66px; padding: 4px 0; font-size: 12px; border-radius: 12px;}
    .map_wrap .left_area .all_check button:first-child::before {height: 8px; top: 10px;}

    /* s: 검색결과 & 지도팝업  */
    .bottom-sheet {display: block; position: fixed; bottom: 0; left: 0; width: 100%; height: calc(100dvh - 90px); background: #fff; border-radius: 13px 13px 0 0; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); transform: translateY(35dvh); transition: transform 0.3s ease; touch-action: none; padding: 0 9px 0 34px; box-sizing: border-box; z-index: 99;}
    /* 전체 보기 */
   .bottom-sheet.full {transform: translateY(0);}
    /* preview 상태 (handle-bar만 보임) */
    .bottom-sheet.preview {transform: translateY(calc(100dvh - 122px));}

    /* 결과 하나만 노출 */
    .bottom-sheet.height {transform: translateY(58dvh);}
    .bottom-sheet.height.preview {transform: translateY(calc(100dvh - 122px));}
    .bottom-sheet.height.full {transform: translateY(0);}
    
    .handle-bar {width: 70px; height: 6px; background: #d9d9d9; border-radius: 4px; margin: 16px auto;}
    .bottom-sheet .content {width: 100%; height: calc(50vh - 38px); overflow-y: auto; padding-right: 25px; box-sizing: border-box;}
    .bottom-sheet.height .content {height: calc(30dvh - 38px);}
    .bottom-sheet.full .content {height: calc(100dvh - 140px);}
    .bottom-sheet .content::-webkit-scrollbar {width: 8px;}
    .bottom-sheet .content::-webkit-scrollbar-thumb {background-color: #353535; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
    .bottom-sheet .content::-webkit-scrollbar-track {background-color: #eaeaea;}
    
    .bottom-sheet .content .btn_area {/* width: 100%; padding: 0 24px; box-sizing: border-box; position: absolute; top: 18px; left: 0;  */display: flex; justify-content: space-between;}
    .bottom-sheet .content .btn_area a {font-size: 0; display: block; background-repeat: no-repeat; background-size: 100%;}
    .bottom-sheet .content .right_btn {display: flex; gap: 11px;}
    .bottom-sheet .content .search_prev {width: 12px; height: 19px; background-image: url('/resource/map15min/img/search_prev_mo.png')}
    .bottom-sheet .content .search_close {width: 16px; height: 16px; background-image: url('/resource/map15min/img/result_close.png');}
    .bottom-sheet .content .search_reset {width: 24px; height: 18px; background-image: url('/resource/map15min/img/reset_mo.png');}

    .bottom-sheet .content .search_cont {display: none;}
    .bottom-sheet .content .search_cont.on {display: block;}

    .bottom-sheet .content .map_cont {display: none;}
    .bottom-sheet .content .map_cont.on {display: block;}
    .bottom-sheet .content .map_box:not(:last-child) {margin-bottom: 30px;}
    .bottom-sheet .content .map_cont .img {margin-bottom: 33px;}
    .bottom-sheet .content .map_cont .img img {width: 100%;}
    .bottom-sheet .content .map_cont .info_area .tit {font-family: 'CoreDream'; font-size: 20px; font-weight: 600; color: #000000; line-height: 1.2; margin-bottom: 28px;}
    .bottom-sheet .content .map_cont .info_area .list {margin-bottom: 18px;}
    .bottom-sheet .content .map_cont .info_area .list li {display: flex; font-size: 15px; line-height: 1.2; color: #24223c;}
    .bottom-sheet .content .map_cont .info_area .list li:not(:last-child) {margin-bottom: 14px;}
    .bottom-sheet .content .map_cont .info_area .list li span {display: block; position: relative; width: 80px; flex-shrink: 0; font-weight: 700; margin-right: 15px;}
    .bottom-sheet .content .map_cont .info_area .list li span::before {content: ''; position: absolute; top: 4px; right: 0; width: 2px; height: 11px; background: #8e8e8e;}
    .bottom-sheet .content .map_cont .info_area .list li p {font-weight: 500;}
    .bottom-sheet .content .map_cont .info_area .btn_area {display: flex; justify-content: flex-end;}
    
    .bottom-sheet .content .result_area.mo .no_result {margin-top: 60px; font-size: 17px; color: #666666; text-align: center; font-weight: 500;}
    /* e: 검색결과 & 지도팝업 */

    /* s: 검색영역 */
    .map_wrap .search_area {width: 100%; margin-bottom: 0;}
    .map_wrap .search_area .check_area select {padding: 0 40px 0 0; background: #fff url('/resource/map15min/img/sel_arr.png') right 17px center no-repeat;}
    .map_wrap .search_area .input_area {/* width: calc(100% - 64px); */ width: 100%;}
    /* .map_wrap .search_area .input_area input {margin-left: 16px; font-size: 16px; font-weight: 500; color: #666666; font-family: 'Noto Sans KR';} */
    .map_wrap .search_area .input_area .search {flex-shrink: 0; background-position: top 1px center;}
    /* e: 검색영역 */
}

@media all and (max-width: 780px) {
    /* 모바일 인트로 */
    .mob_intro {display: flex; align-items: center; justify-content: center; width: 100vw; height: 100dvh; background: #fff; position: fixed; top: 0; left: 0; z-index: 9999; animation: disappear 1s 1s forwards;}

    @keyframes disappear {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            visibility: hidden;
        }
    }


    /* s: 카테고리 */
    .map_wrap .left_area {width: 380px; left: -380px;}
    /* e: 카테고리 */
}

@media all and (max-width: 480px) {
    /* 모바일 인트로 */
    .mob_intro img {width: 300px;}

    /* s: 카테고리 */
    .map_wrap .left_area {width: calc(100vw - 80px); left: -100%; padding: 22px 20px 0 20px;}
    .map_wrap .left_area .top_area {margin-bottom: 20px;}
    .map_wrap .left_area .logo {width: 150px;}
    .map_wrap .left_area .close {width: 17px; height: 17px;}
    .map_wrap .left_area .menu_area {max-height: calc(100dvh - 145px);}
    .map_wrap .menu_area .list>li a {height: 50px; padding-left: 40px;}
    .map_wrap .menu_area .list>li a::before {left: 9px; width: 20px; height: 20px;}
    .map_wrap .menu_area .list>li a .title {gap: 9px;}
    .map_wrap .menu_area .list>li a .tit {font-size: 16px;}
    .map_wrap .menu_area .list>li a .num {font-size: 12px;}
    .map_wrap .menu_area .list>li a::after {width: 7px; height: 7px;}
    .map_wrap .menu_area .list>li .dept2 li {/* height: 40px; */ padding: 10px 18px;}
    .map_wrap .menu_area .list>li .dept2 li input {width: 14px; height: 14px; margin-top: 2px;}
    .map_wrap .menu_area .list>li .dept2 li label {font-size: 14px;}
    /* e: 카테고리 */

    /* s: 검색결과 & 지도팝업  */
    .bottom-sheet {padding-left: 24px;}
    .bottom-sheet .content {padding-right: 15px;}
    /* e: 검색결과 & 지도팝업 */

}

/* 지도 */
.map_wrap .map_area {width: 100%; height: 100dvh; position: relative;}

@media screen and (max-width: 780px) {
    .map_wrap .map_area {height: calc(100dvh - 100px) !important; top: 70px;}
    .map_cont .result_list li .result_cont {border-bottom: none;}
    .result_list li .result_cont {align-items: flex-start;}
    .result_list li .result_cont>img {width: 104px; height: 94px; object-fit: cover; margin-top: 10px;}
    .result_list li .result_cont {justify-content: space-between; padding: 13px 0;}
    .result_list li .result_cont .text_area .category {font-size: 13px; font-weight: 400; color: #979797; margin-bottom: 4px;}
    .result_list li .result_cont .text_area .tit {font-size: 16px; margin-bottom: 5px;}
    .result_list li .result_cont .text_area .time {color: #222222; opacity: 0.8;}
    .result_list li .result_cont .text_area .time,
    .result_list li .result_cont .text_area .address {font-size: 14px; margin-bottom: 4px;}
    .result_list li .result_cont .link_area {display: flex; gap: 8px;}
    .result_list li .result_cont .link_area a {display: block; width: 29px; height: 29px;}
}

/* ------------- 2025-07-17 추가 */
/* 지도 컨트롤  */
.custom_control_wrap {position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; align-items: flex-end; gap: 5px; transition: all 0.2s;}
.custom_control_wrap.on {right: 400px;}
.radius_border{border:1px solid #aaaaaa; border-radius:5px;}     
.custom_typecontrol {display: flex; overflow:hidden; margin:0; padding:0; z-index:1;}
.custom_typecontrol span {display:block; padding: 12px 13px 11px 43px; box-sizing: border-box; font-size: 14px; line-height: 1; font-weight: 600; cursor:pointer;}
.custom_typecontrol .view1 {background-image: url('/resource/map15min/img/control1.png'); background-repeat: no-repeat; background-position: top 9px left 15px;}
.custom_typecontrol .view1.selected_btn {background-image: url('/resource/map15min/img/control1_on.png');}
.custom_typecontrol .view2 {background-image: url('/resource/map15min/img/control2.png'); background-repeat: no-repeat; padding-left: 43px; background-position: top 10px left 13px;}
.custom_typecontrol .view2.selected_btn {background-image: url('/resource/map15min/img/control2_on.png');}
.custom_typecontrol .btn {background-color:#fff;}   
.custom_typecontrol .selected_btn,
.custom_typecontrol .btn:active {color:#fff; background-color:#24223c;}
.custom_zoomcontrol {position: relative; /* overflow:hidden; */ z-index:1; background: #fff;} 
.custom_zoomcontrol span {display:flex; justify-content: center; align-items: center; width:33px; height:33px; cursor:pointer;}
.custom_zoomcontrol span.plus {border-bottom:1px solid #bfbfbf;}  
.custom_zoomcontrol span.loca {display: none; position: absolute; bottom: -38px; left: -1px; border-radius: 5px; background: #fff; border: 1px solid #aaaaaa; overflow: hidden;}

@media screen and (max-width: 780px) {
    .custom_control_wrap,
    .custom_control_wrap.on {width: 100%; padding: 0 20px 0 24px; box-sizing: border-box; flex-direction: row; justify-content: space-between; align-items: flex-start; right: 0; top: 75px;}
    .custom_control_wrap.mo_on {top: 140px;}
    .custom_typecontrol span {padding: 8px 10px 8px 30px; font-size: 12px; font-weight: 500;}
    .custom_zoomcontrol span.loca {display: flex;}
    .custom_zoomcontrol span.loca img {width: 18px;}
    .custom_typecontrol .view1 {background-position: top 8px left 11px; background-size: 13px;}
    .custom_typecontrol .view2 {padding-left: 27px; background-position: top 8px left 9px; background-size: 12px;}
}

.kakao-logo-wrap {
    bottom: 120px;
    left: 120px;
  }