@charset "utf-8";
.map_area { overflow: hidden; position: relative; width: 100%; height: 100%; } 
/* 그리기 도구 */
.drawing { position: absolute; top: 20px; left: 420px; } 
.drawing ul { display: inline-block; box-shadow: 5px 5px 5px rgba(0, 0, 0, 5%); overflow: hidden; float: left; background-color: #fff; border-radius: 3px; } 
.drawing ul li { display: inline-block; padding: 10px 0; border-right: 1px solid #e3e3e3; width: 60px; font-size: 12px; font-weight: 500; line-height: 20px; color: #454545; text-align: center; } 
.btn_close { display: inline-block; padding: 1px 5px; vertical-align: top; background-color: #555555; font-size: 13px; color: #fff; cursor: pointer; } 
.drawing ul li:last-child { border-right: 0; } 
.drawing li svg { font-size: 15px; } 
.drawing ul li.active { color: #036eb8; } 
.drawing ul li:hover { color: #036eb8; } 
/* 위치입력 도구 */
.location_tool { top: 20px; left: 50%; } 
/* 지도 경로 */
.map_location { padding: 8px 10px; border: 1px solid #e3e3e3; box-shadow: 5px 5px 5px rgb(0 0 0 / 5%); position: absolute; top: 20px; right: 380px; min-width: 130px; background-color: #fff; font-size: 12px; border-radius: 3px; } 
/* 지도 선택 Select */
.map_select1 { position: absolute; top: 20px; right: 240px; } 
.map_select2 { position: absolute; top: 20px; right: 80px; } 
.map_select1 select { padding: 10px; border: 1px solid #e3e3e3; box-shadow: 5px 5px 5px rgb(0 0 0 / 5%); min-width: 130px; background-color: #fff; font-size: 12px; border-radius: 3px; } 
.map_select2 select { padding: 10px; border: 1px solid #e3e3e3; box-shadow: 5px 5px 5px rgb(0 0 0 / 5%); min-width: 150px; background-color: #fff; font-size: 12px; border-radius: 3px; } 
/* Map Tool */
.map_tool { position: absolute; top: 20px; right: 20px; } 
.tool_wrap ul { box-shadow: 5px 5px 5px rgb(0 0 0 / 5%); background-color: #fff; border-radius: 3px; } 
.tool_wrap ul li { padding: 5px 10px; border-bottom: 1px solid #eaeaea; text-align: center; } 
.tool_wrap ul li.active { color: #1fafc8; } 
@media all and (max-width:600px){
 .map_tool { top: 10px; right: 10px; } 
 }
/* Tooltip */
[data-tooltip-text]:hover { position: relative; } 
[data-tooltip-text]:hover:after { margin-bottom: 10px; padding: 7px 12px; -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4); position: absolute; top: 0; right: 45px; z-index: 9999; width: auto; min-width: 50px; max-width: 300px; background-color: #000000; background-color: rgba(0, 0, 0, 0.8); font-size: 12px; color: #FFFFFF; word-wrap: break-word; content: attr(data-tooltip-text); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
/* 위치찾기 팝업 */
#location_search { border: none; top: 80px; right: 100px; width: 360px; background-color: #fff; } 
.travel_plan_con.custom { border: 1px solid #38AED6; overflow: hidden; border-radius: 20px; } 
.common_tit { padding-bottom: 15px; border-bottom: 1px solid #ddd; } 
.travel_plan_con.custom .common_tit { padding: 8% 10% 4%; border-bottom: unset; background-color: #38AED6; } 
.modal .tit { margin-bottom: 15px; position: relative; font-weight: 600; color: #222; border-radius: 3px 3px 0 0; } 
.modal .tit2 { border-bottom: 0; } 
.modal .btn-rink { display: flex; gap: 10px; flex-direction: column; } 
.modal .btn-rink a { padding: 14px 10px; border: 1px solid #ddd; font-size: 16px; font-weight: 500; color: #222; text-align: center; } 
.common_tit h2 { margin-right: 25px; font-size: 20px; font-weight: 600; color: #222; } 
.travel_plan_con.custom .common_tit h2 { margin-top: 20px; font-size: 35px; color: #fff; } 
.common_cont { } 
.travel_plan_con.custom .common_cont { padding: 5% 10% 4%; } 
.common_cont_tit { margin: 15px 0; font-size: 14px; color: #666; } 
.travel_plan_con.custom .common_cont_tit { color: #fff; } 
.selection_area_travel { display: flex; /* gap: 30px; */
 flex-direction: column; } 
.wrap_travel_plan { } 
.wrap_travel_plan img { width: 100%; } 
.tit_travel_plan { font-size: 16px; font-weight: 600; } 
.tit_travel_plan.mt { margin-top: 2%; } 
.tit_travel_plan.mb { margin-bottom: 2%; } 
.titsub_travel_plan { margin: 10px 0 15px; font-size: 14px; color: #666; } 
.list_checklist_travel_plan { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 1%; } 
.list_checklist_travel_plan.mt { margin-top: 15px; } 
.list_checklist_travel_plan li { width: calc((100% - 30px)/5); } 
.list_checklist_travel_plan.small li { width: unset; } 
.list_checklist_travel_plan .container { display: block; font-size: 16px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
.list_checklist_travel_plan.small .container { font-size: 15px; } 
.list_checklist_travel_plan .container input { position: absolute; width: 0; height: 0; cursor: pointer; opacity: 0; } 
.list_checklist_travel_plan .checkmark { display: block; padding: 12px 12px; border: 1px solid #ddd; background-color: #fff; font-size: 14px; font-weight: 500; color: #222; text-align: center; border-radius: 5px; } 
.list_checklist_travel_plan.small .checkmark { padding: 7px 8px; vertical-align: middle; } 
.list_checklist_travel_plan .active input~.checkmark { border-color: #0077CB; } 
.list_checklist_travel_plan .container input:checked~.checkmark { border-color: #0077CB; background-color: #e0eef8; } 
.list_checklist_travel_plan .active input:checked~.checkmark { border-color: #0077CB; background-color: #e0eef8; } 
/* input이 포커스를 받았을 때 checkmark의 스타일 */
.list_checklist_travel_plan input:focus+.checkmark { border-color: #0077CB; } 
/* 약도 */
/* 약도 > 텍스트 */
.bsWrap { margin-top: 35px; position: relative; } 
.Map_by_region_list { padding-top: 10px; position: relative; } 
.Map_by_region_list li { } 
/* 약도 > 지도 */
.Map_by_region_inner>p { margin: 0 auto; width: 90%; height: auto; transition: .4s; } 
.Map_by_region_area { padding: 30px 0; /* border: 2px solid #f5f5f5; */
 width: 100%; /* background-color: #F7F7F7; */
 text-align: center; border-radius: 20px; } 
.tabmenu_wrap.acmTab { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } 
.Map_by_region_area .Map_by_region_inner>p { background-image: url(/images/sub2024/Map_by_region/mapbg.png); background-repeat: no-repeat; background-size: contain; } 
.Map_by_region_area .Map_by_region_inner.nth1>p { background-image: url(/images/sub2024/Map_by_region/map0.png); } 
.Map_by_region_area .Map_by_region_inner.nth2>p { background-image: url(/images/sub2024/Map_by_region/map1.png); } 
.Map_by_region_area .Map_by_region_inner.nth3>p { background-image: url(/images/sub2024/Map_by_region/map2.png); } 
.Map_by_region_area .Map_by_region_inner.nth4>p { background-image: url(/images/sub2024/Map_by_region/map3.png); } 
.Map_by_region_area .Map_by_region_inner.nth5>p { background-image: url(/images/sub2024/Map_by_region/map4.png); } 
.textarea_travel_plan { /* margin-top: 15px; */
 border-color: #ddd; width: 100%; font-weight: 400; border-radius: 5px; } 
.signature { display: flex; gap: 20px; align-items: center; flex-direction: column; margin: 30px 0; } 
.signature p { text-align: center; } 
.signature div { display: flex; align-items: center; justify-content: center; width: 64px; height: 58px; background-color: #38aed6; } 
.signature div img { width: 37px; } 
.travel_plan_btns.custom { margin: 5%; text-align: center; } 
.travel_plan_btns.custom button { padding: 10px 20px; width: 100%; max-width: 400px; background-color: #ddd; font-size: 16px; font-weight: 400; color: #777; } 
.travel_plan_btns.custom button.on { background-color: #0077CB; color: #fff; } 
/* 모달 */
.pop_green { padding: 20px; background-color: #389b34; color: #fff; } 
.btn_pop_close { position: absolute; top: 2px; right: 0px; } 
.btn_pop_close button { display: block; padding: 5px; width: 17px; height: 17px; background-color: #fff; background-image: url(/images/common2023/i-close-blue.png); background-repeat: no-repeat; } 
.btn_pop_close button:hover { background-color: unset; } 
.modal .tit2 .btn_pop_close button { display: inline-block; } 
.md_blank .btn_pop_close { top: 6px; right: 0; } 
.modal .tit2 .btn_pop_close { position: static; top: inherit; right: inherit; text-align: right; } 
.pop_cont_title { padding: 10px 0; font-size: 16px; font-weight: 600; color: #1fafc8; } 
.store_logo { text-align: center; } 
.store_logo img { max-width: 300px; max-height: 300px; } 
.btn_pop_close.white svg { color: #fff; } 
.pop_green h3 { padding: 20px 0 0 0; } 
.lc_search { margin-top: 10px; } 
.inline_wide { width: 100%; background-color: #fff; border-radius: 3px; } 
.inline_wide input { padding: 8px; border: none; width: calc(100% - 32px); font-size: 13px; } 
.pop_cont { padding: 10px 20px; } 
.pop_height_scroll { overflow-y: auto; max-height: 750px; } 
.align_right { text-align: right; } 
.refresh { font-size: 12px; color: #454545; } 
.refresh svg { margin-right: 5px; } 
@media all and (max-width:600px) {
 /* 부산 여행계획서 */
 .common_tit h2 { font-size: 18px; } 
 .travel_plan_con.custom .common_tit h2 { font-size: 22px; } 
 .common_cont_tit { font-size: 12px; } 
 .selection_area_travel { gap: 20px; } 
 .tit_travel_plan { font-size: 14px; } 
 .titsub_travel_plan { font-size: 12px; } 
 .list_checklist_travel_plan { margin-top: 10px; } 
 .list_checklist_travel_plan li { width: unset; } 
 .textarea_travel_plan { margin-top: 10px; font-size: 13px; } 
 .list_checklist_travel_plan .checkmark { padding: 7px 10px; font-size: 13px; } 
 .signature { margin: 20px 0; } 
 .signature p { font-size: 12px; } 
 .signature div { width: 40px; height: 36px; } 
 .signature div img { width: 30px; } 
 .travel_plan_btns.custom { margin: 5% 0; } 
 .travel_plan_btns.custom button { padding: 8px 10px; width: 100%; font-size: 14px; font-weight: 400; } 
 /* 음식점 정보 */
 .modal .btn-rink { gap: 5px; } 
 .modal .btn-rink a { padding: 10px 8px; font-size: 14px; } 
 }
/* 지도설정 팝업 */
#setting_pop { top: 120px; right: 80px; width: 200px; background-color: #fff; } 
.pop_gray { padding: 10px; background-color: #f0f0f1; color: #4e4e4e; } 
.pop_gray h2 { font-size: 14px; } 
#setting_pop .btn_pop_close { position: absolute; top: 5px; right: 10px; } 
.map_check_list { padding: 10px; overflow-y: auto; max-height: 200px; } 
.map_check_list label { font-size: 13px; } 
/* 사업장 상세정보 팝업 */
#detail_pop { margin-top: -50px; margin-left: -50px; top: 140px; left: 40%; width: 860px; background-color: #fff; } 
#detail_pop .common_cont { overflow-x: hidden; overflow-y: auto; max-height: 785px; } 
.center_btn { text-align: center; } 
.btn_big_blue { display: inline-block; padding: 5px 0; min-width: 85px; background-color: #036eb8; font-size: 13px; color: #fff; } 
.btn_big_blue a { padding: 0 20px; } 
.btn_big_green { display: inline-block; padding: 5px 0; min-width: 85px; background-color: #008ea7; font-size: 13px; color: #fff; } 
.btn_big_green a { padding: 0 20px; } 
.btn_big_gray { display: inline-block; padding: 5px 0; min-width: 85px; background-color: #5c5c5c; font-size: 13px; color: #fff; } 
.btn_big_gray a { padding: 0 20px; } 
.btn_vr { display: inline-block; padding: 7px 15px; min-width: 85px; background-color: #008ea7; font-size: 13px; color: #fff; border-radius: 4px; } 
.btn_vr:before { display: inline-block; margin-right: 10px; width: 23px; height: 28px; vertical-align: middle; background-image: url(../../images/common/i-vr.png); background-repeat: no-repeat; content: ''; } 
.btn_vr a { display: inline-block; margin-top: -2px; vertical-align: middle; font-size: 17px; font-weight: 400; } 
@media all and (max-width:600px){
 .btn_vr { padding: 5px 10px; } 
 .btn_vr:before { height: 24px; background-size: 20px; } 
 .btn_vr a { font-size: 15px; } 
 }
/* 사업장 입지성평가(환경조회 팝업) */
#inquiry_pop { padding: 20px; top: 350px; left: 500px; width: 360px; background-color: #fff; } 
#inquiry_pop .common_cont { overflow-y: auto; max-height: 480px; } 
#inquiry_pop .inner_scroll { overflow-y: auto; max-height: 100px; } 
/* 교육환경 검색결과 */
.btn_icon_red { margin: 10px 0; } 
.btn_icon_red button { padding: 5px 7px; width: 25px; height: 25px; background-color: #bb2137; font-size: 13px; line-height: 16px; color: #fff; border-radius: 3px; } 
/* 매매가격수준 팝업 */
#trade_pop { top: 350px; left: 500px; width: 540px; background-color: #fff; } 
#trade_pop .common_cont { overflow-y: auto; max-height: 430px; } 
/* 가점결과 팝업 */
#score_pop { top: 300px; left: 500px; width: 540px; background-color: #fff; } 
#score_pop .common_cont { overflow-y: auto; max-height: 520px; } 
#score_pop .inner_scroll { overflow-y: auto; max-height: 100px; } 
/* 최종세부내역 팝업 */
#completion_pop { margin-top: -50px; margin-left: -50px; top: 150px; left: 40%; width: 860px; background-color: #fff; } 
#completion_pop .common_cont { overflow-y: auto; max-height: 760px; } 
/* 입지성평가완료 팝업 */
#final_pop { top: 180px; left: 46%; width: 540px; background-color: #fff; } 
.info_icon { padding: 10px 0; font-size: 40px; color: #036eb8; text-align: center; } 
.info_txt { font-size: 14px; font-weight: 500; color: #8a8a8a; } 
/* 비교사업장 추가 팝업 */
#compare_pop { margin-top: -50px; margin-left: -50px; top: 300px; left: 40%; width: 860px; background-color: #fff; } 
#compare_pop .common_cont { overflow-y: auto; max-height: 550px; } 
/* 평가이력 팝업 */
#history_pop { margin-top: -50px; margin-left: -50px; top: 200px; left: 40%; width: 860px; background-color: #fff; } 
#history_pop .common_cont { overflow-x: hidden; overflow-y: auto; min-height: 445px; max-height: 700px; } 
.bg_gray { padding: 5px; background-color: #f6f6f6; } 
.form_wrap .search_icon { font-size: 12px; } 
.history { margin-top: 15px; } 
.bsns_esta { padding: 10px 0; position: relative}
.bsns_esta .com_num { right: 0; } 
.atline::after { display: inline-block; margin: 0 5px; width: 1px; height: 10px; vertical-align: middle; background-color: #ccc; content: ''; } 
/* 찾기팝업(2021.03.11 추가) */
#find_pop { padding: 20px; top: 350px; left: 500px; width: 500px; background-color: #fff; } 
#find_pop .common_cont { overflow-y: auto; max-height: 400px; } 
.form_group { overflow: hidden; } 
.four_box { display: inline-block; width: calc(25% - 8px); float: left; } 
.form_group .four_box select { padding: 10px; border: 1px solid #e3e3e3; width: 100%; background-color: #fff; font-size: 12px; border-radius: 3px; } 
.search_form .form_group .inline_input input { padding: 12px; border: 1px solid #e3e3e3; width: 100%; background-color: #fff; font-size: 12px; border-radius: 3px; } 
.result_cont input { padding: 12px; border: 1px solid #e3e3e3; width: 100%; background-color: #fff; font-size: 12px; border-radius: 3px; } 
.btn_big_orange { display: inline-block; padding: 5px 0; min-width: 85px; background-color: #f29707; font-size: 13px; color: #fff; } 
.btn_big_orange a { padding: 0 20px; } 
@media all and (max-width:600px){
 .sc_detail { display: none; } 
 }
/* Tabs */
ul#tabs_nav { margin: 0; border: 1px solid #e3e3e3; overflow: auto; background-color: #f2efef; font-size: 12px; color: #454545; text-align: center; list-style: none; } 
ul#tabs_nav li { padding: 8px 10px; border-right: 1px solid #e3e3e3; width: calc(100% / 4); float: left; font-size: 600; cursor: pointer; } 
ul#tabs_nav li:last-child { border-right: none; } 
ul#tabs_nav li:hover,
ul#tabs_nav li.active { background-color: #389b34; color: #fff; } 
ul#tabs_nav li:hover a,
ul#tabs_nav li.active a { color: #fff; } 
#tabs_nav li a { color: #454545; text-decoration: none; } 
.tab_content { background-color: #fff; } 
/* 팝업 스크롤 추가(2021.03.18) */
.table_scroll { overflow-x: hidden; overflow-y: auto; max-height: 100px; } 
#history_pop .table_scroll { overflow-x: hidden; overflow-y: auto; max-height: 350px; } 
/* 시공사 정보 팝업 추가(2021.03.22) */
#builder_pop { margin-top: -50px; margin-left: -50px; top: 310px; left: 35%; width: 550px; background-color: #fff; } 
/* 단지특성 팝업 추가(2021.04.01) */
#complex_pop { margin-top: -50px; margin-left: -50px; top: 310px; left: 30%; width: 250px; background-color: #fff; } 
#complex_pop .form_wrap .input_middle { width: 100px; } 
#complex_pop .inline_wide input { /* input정렬 왼쪽으로 바꾸고 싶으면 left로 */
 padding: 0 5px; width: 100%; height: 23px; text-align: right; } 
/* 일반심사 상세 팝업 */
#detail_gene_pop { margin-top: -50px; margin-left: -50px; top: 140px; left: 40%; width: 860px; background-color: #fff; } 
#detail_gene_pop .common_cont { overflow-x: hidden; overflow-y: auto; max-height: 785px; } 
/* 일반심사 평가이력 팝업 */
#history_gene_pop { margin-top: -50px; margin-left: -50px; top: 200px; left: 40%; width: 860px; background-color: #fff; } 
#history_gene_pop .common_cont { overflow-x: hidden; overflow-y: auto; min-height: 445px; max-height: 700px; } 
#history_gene_pop .table_scroll { overflow-x: hidden; overflow-y: auto; max-height: 350px; } 
/* 안심식당 */
#safe_pop { top: 50%; left: 50%; transform: translate(-50%, -50%); } 
/* 위생등급 */
#hygiene_pop { top: 50%; left: 50%; transform: translate(-50%, -50%); } 
/* AED */
#aed_pop { top: 50%; left: 50%; width: 80%; max-width: 1175px; transform: translate(-50%, -45%); } 
#aed_pop.on { z-index: 2; } 
#aed_pop .table_box { margin: 0 auto; margin: 0 auto; width: 90%; } 
@media all and (max-width:600px){
 #aed_pop .table_box { width: 100%; } 
 }
/* 제로페이 범례 */
.legend_list { position: absolute; right: 20px; bottom: 20px; } 
.legend_wrap { } 
.legend_wrap ul { padding: 5px 15px; box-shadow: 5px 5px 5px rgb(0 0 0 / 5%); background-color: #fff; border-radius: 3px; } 
.legend_wrap ul li { line-height: 28px; text-align: center; } 
.legend_wrap ul li .icon { display: inline-block; margin-right: 10px; width: 12px; height: 12px; border-radius: 100%; } 
.legend_wrap ul li .legend1 { background-color: #F99900; } 
.legend_wrap ul li .legend2 { background-color: #F27A09; } 
.legend_wrap ul li .legend3 { background-color: #EA5B13; } 
.legend_wrap ul li .legend4 { background-color: #E33C1C; } 
@media all and (max-width:600px){
 .legend_list { right: 10px; bottom: 10px; } 
 }
/* 팝업 */
#pop1 { top: 50%; left: 50%; transform: translate(-50%, -50%); } 
#pop1 .modal_container { width: 100%; max-width: 900px; } 
#pop1 .modal_container.scroll_h { height: 100%; } 
#pop1 .modal_container.scroll_h .con { height: 100%; } 
#pop1 .modal_container.scroll_h .common_cont { height: calc(100% - 50px); overflow-y: auto; } 
@media all and (max-width:600px){
 #pop1 .modal_container { height: 100vh; max-height: 100%; border-radius: 0; } 
 }
/* 팝업 */
#pop2 { top: 50%; left: 50%; transform: translate(-50%, -50%); } 
/* 상세토글 */
.custom-accordion { } 
.custom-accordion-header { padding: 3% 0px; border-bottom: 1px dashed #dfdfdf; position: relative; font-weight: 600; color: #333; cursor: pointer; } 
.custom-accordion-panel { display: none; padding: 2%; background-color: #fafafa; } 
.custom-accordion-panel.active { display: block; } 
.custom-icon { position: absolute; top: calc(50% - 10px); right: 10px; width: 20px; height: 20px; background-image: url(/images/sub2024/icon_select.png); background-repeat: no-repeat; background-position: center center; -webkit-transition: -webkit-transform .2s ease-in-out; -ms-transition: -ms-transform .2s ease-in-out; transition: transform 0.2s ease-in-out; transform: rotate(0deg); } 
.custom-accordion-header[aria-expanded="true"] .custom-icon { background-image: url(/images/sub2024/icon_select.png); background-repeat: no-repeat; transform: rotate(180deg); }