/* (주)파이브센스_FIVESENSES.Corp. 본 라이브러리(소스코드 및 디자인 포함)는 (주)파이브센스의 자산이며, 저작권법 및 부정경쟁방지법에 의해 보호됩니다. 무단 사용, 외부 유출, 복제, 배포, 변형을 금지합니다. 위반 시 민·형사상 법적 책임 및 손해배상 청구 대상이 됩니다. 작성일: 2025-09-26 | 저작권자: (주)파이브센스(520-86-01244) | All Rights Reserved. */ html, body {/* height: 100%;margin: 0; padding: 0; */} .hand { cursor:pointer; } #map { width:100%; height:100%; position:relative; overflow:hidden; } #map button { outline:none; } .wrap { position: absolute; bottom: 50px; width: 350px; min-height: 172px; margin-left: -173px; text-align: left; font-size: 12px; line-height:1.5; } .wrap * {padding: 0;margin: 0;} /* .wrap .info { width: 350px; min-height: 158px; border-radius:5px; overflow: hidden; background: #fff; -webkit-box-shadow: 0 1px 3px rgb(0, 0, 0); -moz-box-shadow: 0 1px 3px rgb(0, 0, 0); box-shadow: 0 1px 3px rgb(0, 0, 0); } */ /* .bold { font-weight:bold; } .info .title { padding:7px 0px 8px 10px; color:#0666CA; background: #eee; border-bottom: 1px solid #ccc; font-size: 15px; font-weight: bold;} .info .close {position: absolute; top:11px; left:325px; color:#555; width:17px; height: 17px;background: url('/map/img/overlay_close.png');border:0px; } .info .close:hover {cursor: pointer;} .info i { color:#dd6666; font-size:14px; } .info .fa-fax { padding-left:10px; } .info .address { width:100%; color:#555; } .info .telno { width:100%; color:#555; } .info .body {position: relative;overflow: hidden; padding-right:10px; } .info .desc {position: relative;margin: 8px 0 0 95px; height: 85px;} .desc .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .desc .jibun {font-size: 11px;color: #888;margin:4px 0px 3px 0px;} .info .img { position:absolute; top:0px; left:0px; width:90px; height:90px; border:0px; overflow:hidden;} .info:after { content: '';position: absolute;margin-left: -12px; left: 50%;bottom: -10px;width: 22px;height: 12px;background: url('/map/img/vertex_white.png')} .info .link { color: #5085BB; } .info .btns { padding:5px 0px 8px 5px; } .info button.useBtn { border:0px; width:82px; background:#777; color:#fff; border-radius:3px; margin-right:3px; padding:5px 0px; cursor:pointer; } .info button:hover { background:#dd6666; } */ /* #map_wrap { position:relative;overflow:hidden;width:100%;height:100%;} */ /* #map_wrap { position:relative;width:100vw; max-width: 1500px; height:100%; margin-left: calc(-50vw + 50%);} */ /* 로드뷰를 위한 CSS 시작 */ /* #mapWrapper {width:100%; height:100%; z-index:1;} */ #map_wrap {position: relative; display: flex;} #mapWrapper {width:100%; height:866px; z-index:1;} #rvWrapper{ display:none; width:100%; height:65%; bottom:0; right:0; position:absolute; z-index:0; } #map_wrap.view_roadview #mapWrapper { width: 100%; height:35%; } #map_wrap form { position: relative; } /* #roadviewControl {position:absolute;top:5px;left:5px;width:42px;height:42px;z-index: 1;cursor: pointer; background: url('../img/img_search.png') 0 -450px no-repeat;} */ #roadviewControl{display: none !important;} #roadviewControl.active {background-position:0 -350px;} #roadmapclose {position: absolute;padding: 4px;top: 30px;left: 10px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888; z-index:2;} #roadmapclose .img {display: block;background: url('../img/rv_close.png') no-repeat;width: 14px;height: 14px;} /* 로드뷰를 위한 CSS 끝 */ .radius_border { border:1px solid #919191; border-radius:5px; } .custom_typecontrol2 { position:absolute; top:10px; left:50%; overflow:hidden; width:auto; height:30px; margin:0; padding:0; z-index:1; font-size:12px; } .custom_typecontrol2 span { display:block; width:70px; height:30px; float:left; text-align:center; line-height:28px; cursor:pointer;} .custom_typecontrol2 .ebtn { background:#fff; background:linear-gradient(#fff, #e6e6e6);} .custom_typecontrol2 .xbtn { background:#fff; background:linear-gradient(#fff, #e6e6e6);} .custom_typecontrol2 .xbtn:hover { background:#dd6666; background:linear-gradient(#dd6666, #dd1111); color:#fff; } .custom_typecontrol2 .ebtn:hover { background:#dd6666; background:linear-gradient(#dd6666, #dd1111); color:#fff; } .custom_typecontrol2 .ebtn:active { background:#e6e6e6; background:linear-gradient(#e6e6e6, #fff);} .custom_typecontrol2 .selected_btn { color:#fff; background:#425470; background:linear-gradient(#425470, #5b6d8a);} .custom_typecontrol2 .selected_btn:hover {color:#fff;} .btn_active { color:#fff; background:linear-gradient(#0565C9, #0E8CE8) !important; } .custom_typecontrol3 { position:absolute; border-bottom:1px solid #919191; top:0px; left:0px; overflow:hidden; width:240px; height:30px; margin:0; padding:0; z-index:1; font-size:12px; } .custom_typecontrol3 span { display:block; width:80px; height:30px; float:left; text-align:center; line-height:30px; cursor:pointer;} .custom_typecontrol3 .abtn { background:#fff; background:linear-gradient(#fff, #e6e6e6);} .custom_typecontrol3 .abtn:hover { background:#f5f5f5; background:linear-gradient(#f5f5f5,#e3e3e3);} .custom_typecontrol3 .abtn:active { background:#e6e6e6; background:linear-gradient(#e6e6e6, #fff);} .custom_typecontrol3 .selected_btn { color:#fff; background:#dd6666; background:linear-gradient(#dd6666, #dd1111);} .custom_typecontrol3 .selected_btn2 { color:#fff; background:linear-gradient(#0565C9, #0E8CE8);} .custom_typecontrol3 .selected_btn:hover {color:#fff;} .custom_zoomcontrol {position:absolute; top:43px; right:262px; width:36px;height_:490px;height:auto;overflow:hidden;z-index:1;background-color:#f5f5f5;} .custom_zoomcontrol span {display:block; width:36px; height:40px; line-height:40px; text-align:center; cursor:pointer; border-bottom:1px solid #bfbfbf;} .custom_zoomcontrol span:last-child{border-bottom:0px solid #bfbfbf;} .custom_zoomcontrol .mypoint { font-size:22px; } .searchlist { position:absolute; overflow:hidden; top:10px; right:10px; width:242px; height:95%; z-index:1; padding: 35px 5px 20px 5px; } .searchlist ul { height:87%; overflow:hidden; overflow-y:auto; } .searchlist li {padding:8px 5px 10px 0px; border-bottom:1px solid #e1e1e1; } .searchlist li:hover { background:#dd6666; color:#fff; border-radius:3px;} .searchlist li span { display:block; font-size:11px; width:100%; padding:3px 5px 3px 8px;} .searchlist li span.name { font-size:14px; font-weight:bold; } /* 분류 마커 */ /* .custom_cate { position:absolute; top:130px; left:30px; z-index:99;} .custom_cate ul { list-style:none;} .custom_cate ul li { width:140px; height:45px; background:#dedede; display:flex; border-radius:50px; align-items:center; font-size:15px; color:#333; font-weight:500; cursor:pointer;} .custom_cate ul li.mark_all { background:#235cf5; color:#fff;} .custom_cate ul li + li { margin-top:10px;} .custom_cate ul li .maker_round { width:40px; height:40px; border-radius:50%; display:block; margin-left:2.5px; margin-right:10px;} .custom_cate ul li.mark_all .maker_round { background:#fff url(../img/marker_ca00.png) center no-repeat;} .custom_cate ul li:nth-child(1) .maker_round {background:#fff url(../img/marker_ca00.png) center no-repeat;} .custom_cate ul li:nth-child(2) .maker_round {background:#fff url(../img/marker_ca01.png) center no-repeat;} .custom_cate ul li:nth-child(3) .maker_round {background:#fff url(../img/marker_ca02.png) center no-repeat;} .custom_cate ul li:nth-child(4) .maker_round {background:#fff url(../img/marker_ca03.png) center no-repeat;} .custom_cate ul li:nth-child(5) .maker_round {background:#fff url(../img/marker_ca04.png) center no-repeat;} .custom_cate ul li:nth-child(6) .maker_round {background:#fff url(../img/marker_ca05.png) center no-repeat;} */ .custom_cate { position:absolute; top:30px; left:50px; z-index:1} .custom_cate ul {list-style:none;} .custom_cate ul li { width:132px; height:45px; background:#ffffff; display:flex; border-radius:23px; align-items:center; font-size:14px; color:#999; cursor:pointer;} .custom_cate ul li.mark_all {background:var(--main-btn-point-color); color:#fff;} .custom_cate ul li + li{margin-top:6px;} .custom_cate ul li .maker_round{width:44px; height:45px; border-radius:50%; display:block; margin-right:10px; border:3px solid #fff; background:#f4f4f4 url(../img/marker_off.png) center no-repeat} .custom_cate ul li.mark_all .maker_round{border-color:var(--main-btn-line-point-color); background-image:url(../img/marker_on.png); background-color: #fff;} @media (max-width:991px){ .custom_cate {left:15px} .custom_cate ul li {width:83px; height:28px; border-radius:14px; font-size:10px} .custom_cate ul li .maker_round{box-sizing: border-box; width:26px; height:26px; margin-right:5px; border-width:2px; background-size:9px auto} } #sch { position:relative; width:100%; text-align:center; border:1px solid #dd3333; height:31px; border-radius:5px; overflow:hidden; margin-bottom:10px; } #sch input { border:0px; padding:8px 10px; width:100%; } #sch input:focus { border:0px !important; outline:none !important; background:#FFEDDB;} #sch .btn_submit { position:absolute; top:0px; right:0px; padding:8px 10px; background:#dd3333; outline:none;} .searchlist_bg { position:absolute; top:10px; right:10px; width:242px; height:95%; background:#fff; z-index:1; opacity:0.9; border-radius:5px; padding: 50px 10px 20px 10px; } .hAddr {position:absolute;left:10px;top:10px;border-radius: 2px;background:#fff;background:rgba(255,255,255,0.8);z-index:1;padding:10px;} #centerAddr {display:block;margin-top:2px;font-weight: normal;} .bAddr { padding:8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:14px} .bAddr span { display:block; width:100%; padding:4px 0px; } /* * 검색 관련 시작 */ #menu_wrap_ {position:absolute;top:0;left:0;bottom:0;width:250px;margin:10px 0 30px 10px;padding:5px;overflow-y:auto;background:rgba(255, 255, 255, 0.95);z-index: 1;font-size:12px;border-radius: 10px;} #menu_wrap_ hr {display: block; height: 1px;border: 0; border-top: 2px solid #5F5F5F;margin:3px 0;} #placesList li {list-style: none;} #placesList .item {position:relative;border-bottom:1px solid #888;overflow: hidden;cursor: pointer;min-height: 65px;} #placesList .item span {display: block;margin-top:4px;} #placesList .item h5, #placesList .item .infol {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} #placesList .item .infol {padding:10px 0 10px 0px;} #placesList .infol .gray {color:#8a8a8a;} #placesList .infol .jibun {padding-left:26px;background:url('/map/img/places_jibun.png') no-repeat;} #placesList .infol .tel {color:#009900;} #placesList .item .marker_1 {background-position: 0 -10px;} #placesList .item .marker_2 {background-position: 0 -56px;} #placesList .item .marker_3 {background-position: 0 -102px} #placesList .item .marker_4 {background-position: 0 -148px;} #placesList .item .marker_5 {background-position: 0 -194px;} #placesList .item .marker_6 {background-position: 0 -240px;} #placesList .item .marker_7 {background-position: 0 -286px;} #placesList .item .marker_8 {background-position: 0 -332px;} #placesList .item .marker_9 {background-position: 0 -378px;} #placesList .item .marker_10 {background-position: 0 -423px;} #placesList .item .marker_11 {background-position: 0 -470px;} #placesList .item .marker_12 {background-position: 0 -516px;} #placesList .item .marker_13 {background-position: 0 -562px;} #placesList .item .marker_14 {background-position: 0 -608px;} #placesList .item .marker_15 {background-position: 0 -654px;} /* #placesList .noData { display:block; width:100%; text-align:center; font-weight:bold; color:#dd6666; padding-top:20px; } */ #placesList .noData { display:block; width:100%; text-align:center; font-weight:bold; color:#999; padding-top:20px; font-size: 14px; } #placesList .noData .blank_icon {display: block;width: 50px;height: 50px;background-image: url(../img/blank_icon.png);background-size: 50px 50px;margin: 0 auto 28px;} @media (max-width: 768px) { #placesList .noData .blank_icon {width: 33px;height: 33px;background-image: url(../img/m_blank_icon.png);background-size: 33px 33px;margin: 0 auto 13px;} } #map_level { background:#465874; color:#FFFF00; font-weight:bold; font-size:16px; } #total_count { width:100%; padding:0px 0px 5px 5px; font-weight:bold; } #total_count .tcnt { color:red; } #__zoomIn:hover { background: linear-gradient(#dd6666, #dd1111); color:#fff; } #__zoomOut:hover { background: linear-gradient(#dd6666, #dd1111); color:#fff; } .custom_zoomcontrol span:hover { background: linear-gradient(#dd6666, #dd1111); color:#fff; } #pagination { padding:10px 0px; text-align: center; width:100%; position:absolute; bottom:0px; left:0px; background:#fff; } #pagination a {display:inline-block;margin:0px 3px 0px 0px; width:25px; height:25px; line-height:22px; background:#eee; border:1px solid #ccc;} #pagination .on {font-weight:bold; cursor: default; background:#dd6666; color:#fff;} /* * 검색 관련 끝 */ .id_none { display:none; } /*커스텀 시작*/ .at-body > .container_fix > div{/*height: 866px;*/ /*강제로 높이값을 잡아줘야 노출됨*/ margin-bottom: clamp(85px, 6.6vw, 125px);} .custom_zoomcontrol, #menu_wrap .custom_typecontrol3, #menu_wrap #total_count{display:none;} #map_wrap::-webkit-scrollbar, #map_wrap *::-webkit-scrollbar{width:16px;} #map_wrap::-webkit-scrollbar-thumb, #map_wrap *::-webkit-scrollbar-thumb{background:#b8b8b8; border-radius:0;border: 5px solid transparent;background-clip: padding-box;border-radius: 8px;} #map_wrap::-webkit-scrollbar-track, #map_wrap *::-webkit-scrollbar-track{background:#ededed;} @media(max-width:991px){ #map_wrap::-webkit-scrollbar, #map_wrap *::-webkit-scrollbar{width:8px;} #map_wrap::-webkit-scrollbar-thumb, #map_wrap *::-webkit-scrollbar-thumb{border: 3px solid transparent;} } /* #map_wrap{border:1px solid #e1e1e1; } */ /* #top_bar.top_bar{top:auto; left: 20px; bottom: 20px;} */ #top_bar.top_bar{top:30px; transform: translateX(-100%);left: -20%;} #top_bar.top_bar span.combo, #top_bar.top_bar span.xbtn{width:80px; border:1px solid #e1e1e1; background:#fff; font-size:14px; border-right:0; color:#5d5d5d;} #top_bar.top_bar span:hover{background:var(--main-btn-point-color); color:#fff; border:1px solid var(--main-btn-line-point-color);} #top_bar.top_bar span.combo#reset{border-radius: 5px 0 0 5px;} #top_bar.top_bar span.xbtn:last-child{border-right:1px solid #e1e1e1; border-radius: 0 5px 5px 0;} #top_bar.top_bar span.selected_btn, #top_bar.top_bar span.btn_active{background:var(--main-btn-point-color) !important; color:#fff; border:1px solid var(--main-btn-line-point-color) !important;} #menu_wrap{top:0; right:0; width:100%; padding:0; border:0; border-left:1px solid #e1e1e1; background:#fff; border-radius:0;} #menu_wrap .map_search{padding:25px 30px; border-bottom:1px solid #e1e1e1;} #menu_wrap .map_search > div{margin-bottom:10px;} #menu_wrap .map_search > div:last-child{margin-bottom:0;} #menu_wrap .map_search > div::before, #menu_wrap .map_search > div::after{content:""; clear:both; display:block;} #menu_wrap .map_search > div .left_text{font-size:15px; color:#0c0c0c; font-weight:500; width:45px; float:left; line-height:45px;} #menu_wrap .map_search > div .left_text + div{width:calc(100% - 45px); float:left; display: flex; align-items: center; gap: 10px;} /* #menu_wrap .map_search > div .right_select::before, #menu_wrap .map_search > div .right_select::after{content:""; clear:both; display:block;} */ #menu_wrap .map_search > div .right_select select{width:48.45%; float:left; display:block; height:35px; line-height:35px; padding:0 15px; border:1px solid #d7d7d7; font-size:14px; color:#888888; margin-right:3.1%; outline:none; box-shadow:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/map/img/mapC_arrow.png') no-repeat 90% 50%;} #menu_wrap .map_search > div .right_select select::-ms-expand{display:none;} #menu_wrap .map_search > div .right_select select:last-child{margin-right:0;} /* #menu_wrap .map_search > div #sch::before, #menu_wrap .map_search > div #sch::after{content:""; clear:both; display:block;} */ #menu_wrap .map_search > div #sch{border:0; height:auto; border-radius:0; margin-bottom:0;} /* #menu_wrap .map_search > div #sch input{width:calc(100% - 35px); float:left; height:35px; line-height:35px; padding:0 15px; font-size:14px; border:1px solid #d7d7d7; color:#333; outline:none; box-shadow:none;} */ #menu_wrap .map_search > div #sch input{width:100%; float:left; height:45px; line-height:43px; padding:0 50px 0 15px; font-size:15px; border:1px solid #d7d7d7; color:#0c0c0c; outline:none; box-shadow:none; border-radius: 8px;} #menu_wrap .map_search > div #sch input:focus{background:none; border:1px solid #d7d7d7 !important;} /* #menu_wrap .map_search > div #sch button{position:relative; width:35px; height:35px; line-height:35px; background:#235cf5; float:left; padding:0; outline:none; box-shadow:none;} */ #menu_wrap .map_search > div #sch button{position:absolute; width:50px; height:45px; line-height:45px; background-color: transparent; border: none; padding:0; outline:none; box-shadow:none;} #menu_wrap .map_search > div #sch button::before, #menu_wrap .map_search > div #sch button::after{display:block; content:""; position:absolute} #menu_wrap .map_search > div #sch button::before{top:13px; left:17px; width:14px; height:14px; border:2px solid #aeaeae; border-radius:7px} #menu_wrap .map_search > div #sch button::after{top:22px; left:30px; width:2px; height:8px; background-color:#aeaeae; transform:rotate(-55deg)} /* #menu_wrap.searchlist{height:100%;} */ #menu_wrap.searchlist{height: 866px; position: relative;} #menu_wrap #placesList{height:calc(100% - 150px - 45px); overflow:hidden; overflow-y:auto;} #menu_wrap li.goMap{padding:25px 30px; overflow:hidden;} #menu_wrap li.goMap:hover{background:#f9f9f9;} #menu_wrap li.goMap .left_img{width:130px; margin-right:20px; float:left; border-radius: 12px; position: relative; overflow: hidden;} /* 2025-09-24 (주)파이브센스_FIVESENSES.Corp. 지도 리스트 */ #menu_wrap .tack-check{position: absolute; right: 10px; bottom: 10px; z-index: 1;} #menu_wrap .tack-check input{display: none;} #menu_wrap .tack-check input + label span{display: block; width: 18px; height: 18px; padding: 0 !important; border-radius: 4px; border: 1px solid #e1e1e1; background-color: #fff;} #menu_wrap .tack-check input + label:hover span{border: 1px solid var(--main-btn-point-color); background-color: #f1f5ff;} #menu_wrap .tack-check input:checked + label span{border: 1px solid var(--main-btn-point-color); background: url(../img/checkbox.png) center / 18px 18px no-repeat; background-color: var(--main-btn-point-color);} @media (max-width:768px){ #menu_wrap .tack-check input + label span{border-radius: 2px; width: 13px; height: 13px;} #menu_wrap .tack-check input:checked + label span{background-image: url(../img/m_checkbox.png); background-size: 13px 13px;} } #menu_wrap li.goMap .right_info{width:calc(100% - 150px); float:left;} #menu_wrap li.goMap .right_info h5{font-size:16px; color:#0c0c0c; font-weight:600; margin-bottom:6px; line-height:24px;} #menu_wrap li.goMap .right_info .text_box{overflow:hidden; margin-bottom:3px;} #menu_wrap li.goMap .right_info .text_box .left_text{font-size:14px; color:#0c0c0c; font-weight:400; width:38px; float:left; line-height:20px;} #menu_wrap li.goMap .right_info .text_box .right_text{font-size:14px; color:#5d5d5d; width:calc(100% - 38px); float:left; line-height:20px;} #menu_wrap li.goMap .button_container{display: flex; align-items: center; gap: 5px; margin-top: 10px; padding-left: 38px;} #menu_wrap li.goMap .officeInfo{padding: 0 9.5px; width:auto; height:25px; line-height:25px; background:var(--main-btn-point-color); text-align:center; font-size: 12px; color:#fff; border-radius:6px; border:0; cursor:pointer; } #menu_wrap li.goMap .map_btn{padding: 0 9.5px; width:auto; height:25px; line-height:25px; background:var(--main-btn-point-color); text-align:center; font-size: 12px; color:#fff; border-radius:6px; border:0; cursor:pointer; } #menu_wrap #pagination{position:relative; bottom:auto; left:auto;} #menu_wrap #pagination a{background:none; border:0; color:#666; line-height:25px; border-radius: 7px;} /* #menu_wrap #pagination a.on{font-weight:500; color:#fff; background:none; background:#235cf5;} */ #menu_wrap #pagination a.on{font-weight:500; color:#fff; background:var(--main-bg-point-color);} /* 2025-09-24 (주)파이브센스_FIVESENSES.Corp. 지도보기 말풍선 */ .info_pop.wrap{width:240px; min-height:90px; margin-left:-120px; bottom: 38px; background:#fff; box-shadow:0 0 8px 0 rgba(0,0,0,0.1);background:#0c0c0c; border-radius: 12px;} .info_pop.wrap .info{width:240px; position:relative; padding:15px;} .info_pop.wrap .info::after{content:""; background-color: #0c0c0c !important; width: 14px !important; height: 9px !important; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);clip-path: polygon(0 0, 50% 100%, 100% 0);} .info_pop.wrap .info .close{position:absolute; width:8px; height:8px; right:12px; top:12px; opacity:1; z-index:2;} .info_pop.wrap .info .close::before{content:""; width:1px; height:10.3px; background:#e3e3e3; position:absolute; transform:rotate(-45deg); top:0; right:3px;} .info_pop.wrap .info .close::after{content:""; width:1px; height:10.3px; background:#e3e3e3; position:absolute; transform:rotate(45deg); top:0; right:3px;} .info_pop.wrap .info .title{display:none} .info_pop.wrap .info .body{overflow:hidden; cursor:default; position:relative;} .info_pop.wrap .info .body .img{float:left; width:60px; height: 60px; float:left; margin-right:10px; border-radius: 7px; overflow: hidden;} .info_pop.wrap .info .body .img img{width:100%; height: 100%; object-fit: cover;} .info_pop.wrap .info .body .right_info{float:left; width:calc(100% - 90px);} .info_pop.wrap .info .body .right_info h5{font-size:14px; color:#ffffff; font-weight:500; line-height:19.5px; margin-bottom:4px;} .info_pop.wrap .info .body .right_info .desc{font-size:12px; color:#ffffff; font-weight: 300; line-height:17px; white-space:normal;} .info_pop.wrap .info .body .right_info .desc .jibun{display:none;} .info_pop.wrap .info .body .right_info .desc .telno{display:none;} .info_pop.wrap .info .body .btns{position:absolute; top:-8px; left:-12px; z-index:1; width:calc(100% + 24px); height:calc(100% + 16px);} .info_pop.wrap .info .body .btns button{width:100%; height:100%; background:transparent; border:0; outline:none; } /* #rumipopup.rumi_layer{width:1200px; max-height:calc(100vh - 200px); overflow:hidden; overflow-y:auto; padding:35px 35px 50px; border-radius:0;} */ #rumipopup.rumi_layer{width:1200px; padding:70px 10px 70px 60px; border-radius:25px;} #rumipopup .rumiIframe{height:calc(100% - 175px)} #rumiIframe{overflow: hidden !important;} #rumipopup.rumi_layer .rumiTitle{font-size:42px; color:#0c0c0c; font-weight:700; padding:0 0 40px; background:none;border:0; height:auto; line-height: 1em;} #rumipopup.rumi_layer .rumiTitle i{display:none;} #rumipopup.rumi_layer .rumiClose{width:13px; height:14px; position:absolute; top:36px; right:35px;} #rumipopup.rumi_layer .rumiClose i{display:none;} #rumipopup.rumi_layer .rumiClose::before{content:""; width:2px; height:18px; background:#999999; position:absolute; transform:rotate(-45deg); top:-2px; left:10px;} #rumipopup.rumi_layer .rumiClose::after{content:""; width:2px; height:18px; background:#999999; position:absolute; transform:rotate(45deg); top:-2px; left:10px;} #rumipopup.rumi_layer .rumiIframe{padding:0;} #rumipopup.rumi_layer .rumiIframe #map_addr{padding:0;} /* 2025-10-14 (주)파이브센스_FIVESENSES.Corp. */ #rumipopup.rumi_layer .rumiButton{height:auto; padding:40px 0 0; padding-right: 43px; position:relative; bottom:auto; left:auto; background:none; border:0; text-align:center;} /* #rumipopup.rumi_layer .rumiButton button{width:150px; height:45px; line-height:45px; border-radius:22.5px; background:#333; color:#fff; font-family: 'Wemakeprice', sans-serif;text-align:center; font-size:16px; padding:0; margin:0 auto; margin-right:10px;} */ #rumipopup.rumi_layer .rumiButton button{min-width:100px; height:50px; line-height:50px; border-radius:13px; background:#e8e8e8 !important; color:#5d5d5d; text-align:center; font-size:15px; font-weight: 600; padding:0; margin:0 auto; margin-right:10px; transition: 0.2s;} #rumipopup.rumi_layer .rumiButton button:hover{background-color: #dbdbdb !important;} #rumipopup.rumi_layer .rumiButton button:last-child{margin-right:0;} #rumipopup.rumi_layer .rumiButton button.btn_find{display:none;} /* #rumipopup.rumi_layer .rumiButton button.btn_save{background:#235cf5 !important;} #rumipopup.rumi_layer .rumiButton button.btn_add{background:#235cf5 !important;} */ /* #rumipopup.rumi_layer .rumiButton button.btn_del{background:#acacac !important;} #rumipopup.rumi_layer .rumiButton button.btn_close{background:#acacac !important;} */ #rumipopup.rumi_layer .rumiButton button.btn_save, #rumipopup.rumi_layer .rumiButton button.btn_add {color: var(--main-btn-font-point-color);background-color: transparent !important;position: relative;overflow: hidden;} #rumipopup.rumi_layer .rumiButton button.btn_save::before, #rumipopup.rumi_layer .rumiButton button.btn_add::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--main-btn-point-color1)-index: -1;transition: filter 0.2s ease-in-out;} #rumipopup.rumi_layer .rumiButton button.btn_save:hover::before, #rumipopup.rumi_layer .rumiButton button.btn_add:hover::before {filter: brightness(90%) contrast(120%) saturate(150%);} .mapC_search_m{display:none;} a.menu_close{display:none;} @media (max-width:1250px){ #rumipopup.rumi_layer{width:calc(100% - 30px) !important; margin:0 auto !important; left:15px !important; top:50% !important; transform:translateY(-50%); height:80vh !important;} #rumipopup.rumi_layer .rumiButton{padding:30px 0;} } @media (max-width:991px){ /* 2025-10-21 (주)파이브센스_FIVESENSES.Corp. */ #mapWrapper, /* .at-body > .container_fix > div{height: 558px;} */ /* .at-body.write-body > .container_fix > div{height: 430px; margin-bottom: 60px;} */ .at-body.write-body > .container_fix > div{height: 558px; margin-bottom: 60px;} .at-body.admin-body > .container_fix > div{margin-bottom: 150px;} #top_bar{display:none;} /* .searchlist_bg{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.75); z-index:9; top:0; left:0; display:none;} */ .searchlist_bg{position:absolute; width:100%; height:558px; background:rgba(0,0,0,0.75); z-index:9; top:0; left:0; display:none;} .mapC_search_m{display:block; background:var(--main-btn-point-color); border-radius:4px; box-shadow: 0px 3px 7px 0 rgba(0,0,0,0.2); position:absolute; top:10px; right:10px; z-index:10; width:38px; height:38px; line-height:38px; text-align:center;} .mapC_search_m::before, .mapC_search_m::after{display:block; content:""; position:absolute} .mapC_search_m::before{top:10px; left:8px; width:15px; height:15px; border:2px solid #fff; border-radius:7px} .mapC_search_m::after{top:20px; left:24px; width:2px; height:8px; background-color:#fff; transform:rotate(-55deg); border-radius:0 0 2px 2px;} .mapC_search_m img{width:20px;} /* #menu_wrap{width:260px; z-index:10; overflow:visible; right:-350px; transition:all 1s ease;} */ #menu_wrap{width:calc(100vw - 75px); z-index:10; overflow:visible; right:-100%; transition:all 1s ease;} #menu_wrap.open{right:0;} #menu_wrap a.menu_close{position:absolute; top:16px; left: -28px; width:18px; height:18px; display:block;} #menu_wrap a.menu_close::before{content:""; width:2px; height:24px; background:#fff; transform:rotate(-45deg); position:absolute; left:8px;} #menu_wrap a.menu_close::after{content:""; width:2px; height:24px; background:#fff; transform:rotate(45deg); position:absolute; left:8px;} #menu_wrap .map_search{padding:24px 15px;} #menu_wrap .map_search > div{margin-bottom: 9px;} #menu_wrap .map_search > div .left_text{font-size:15px; width:38px; line-height:44px;} #menu_wrap .map_search > div .left_text + div{width:calc(100% - 38px); gap: 9px;} #menu_wrap .map_search > div .right_select select{height:38px; line-height:38px; padding:0 10px; font-size:13px;} #menu_wrap .map_search > div #sch input{height:44px; line-height:44px; border-radius: 6px; padding:0 10px; font-size:15px;} #menu_wrap .map_search > div #sch button{width:44px; height:44px; line-height:0;} #menu_wrap .map_search > div #sch button img{width:15px;} #menu_wrap .map_search > div #sch button::before{top: 14px; left: 10px;} #menu_wrap .map_search > div #sch button::after{top: 23px; left: 24px; border-radius: 0 0 2px 2px;} /* #menu_wrap.searchlist{height:100%;} */ #menu_wrap.searchlist{height: 558px; position: absolute;} #menu_wrap #placesList{height:calc(100% - 125px - 40px);} #menu_wrap li.goMap{padding:22px 15px; } #menu_wrap li.goMap .left_img{width:122px; margin-right:17px; border-radius: 7px;} #menu_wrap li.goMap .left_img img{width:100%; display:block;} #menu_wrap li.goMap .right_info{width:calc(100% - 139px);} #menu_wrap li.goMap .right_info h5{font-size:15px; margin-bottom:1px; line-height:26px;} #menu_wrap li.goMap .right_info .text_box{margin-bottom:2px;} #menu_wrap li.goMap .right_info .text_box .left_text{font-size:13px; width:32px; line-height:20px;} #menu_wrap li.goMap .right_info .text_box .right_text{font-size:13px; width:calc(100% - 32px); line-height:20px;} /* #menu_wrap li.goMap .map_btn{width:65px; height:23px; line-height:23px; border-radius:11.5px; margin-left:120px; font-size:12px;} */ #menu_wrap li.goMap .button_container{margin-top: 7px; padding-left: 32px;} #menu_wrap li.goMap .officeInfo, #menu_wrap li.goMap .map_btn{height:26px; line-height:26px; border-radius:6px; font-size:12px; padding:0 7px;} #menu_wrap #pagination{padding:10px 0;} #menu_wrap #pagination a{background:none; border:0; color:#666; line-height:20px; width:20px; height:20px;} /* #menu_wrap #pagination a.on{font-weight:500; color:#fff; background:none; background:#235cf5;} */ .info_pop.wrap{width:212px; min-height:75px; margin-left:-106px; box-shadow:none; border-radius: 8px;} .info_pop.wrap .info{width:212px; position:relative; padding:13px 13px 10px;} .info_pop.wrap .info .close{position:absolute; width:10px; height:10px; right:13px; top:13px; opacity:1; z-index:2;} .info_pop.wrap .info .close::before{content:""; width:1px; height:13px; transform:rotate(-45deg); top:0; right:3px;} .info_pop.wrap .info .close::after{content:""; width:1px; height:13px; transform:rotate(45deg); top:0; right:3px;} .info_pop.wrap .info .title{display:none} .info_pop.wrap .info .body{overflow:hidden; cursor:default; position:relative;} .info_pop.wrap .info .body .img{float:left; width:50px; height: 50px; margin-right:10px;} .info_pop.wrap .info .body .img img{width:100%;} .info_pop.wrap .info .body .right_info{float:left; width:calc(100% - 60px);} .info_pop.wrap .info .body .right_info h5{font-size:13px; line-height:19.5px; margin-bottom:0px;} .info_pop.wrap .info .body .right_info .desc{font-size:11px;} .info_pop.wrap .info .body .right_info .desc .jibun{display:none;} .info_pop.wrap .info .body .right_info .desc .telno{display:none;} .info_pop.wrap .info .body .btns{position:absolute; top:-8px; left:-12px; z-index:1; width:calc(100% + 24px); height:calc(100% + 16px);} .info_pop.wrap .info .body .btns button{width:100%; height:100%; background:transparent; border:0; outline:none; } #rumipopup.rumi_layer{padding:50px 5px 0 25px; border-radius: 23px; width: calc(100% - 20px) !important; left: 10px !important;} #rumipopup.rumi_layer .rumiIframe{height:calc(100% - 37px - 92px); padding:0 !important;} #rumipopup.rumi_layer .rumiTitle{font-size:18px; padding:0 0 20px; line-height: 1em; position: relative; width: calc(100% - 20px);} #rumipopup.rumi_layer .rumiTitle::before{content: ''; display: block; background-color: #e1e1e1; border-radius: 2px; width: 48px; height: 4px; position: absolute; top: -37px; left: 50%; transform: translateX(-50%);} /* #rumipopup.rumi_layer .rumiClose{top:38px; right:15px;} */ #rumipopup.rumi_layer .rumiClose{display: none;} #rumipopup.rumi_layer .rumiButton{padding:20px 20px 0 0; overflow:hidden; display: flex !important; align-items: center; gap: 10px;} #rumipopup.rumi_layer .rumiButton button{width: auto; min-width: auto; flex: 1; margin-right:0; height:43px; line-height:43px; border-radius:10px; font-size:13px; margin-bottom:0;} #rumipopup.rumi_layer .rumiButton button.btn_add{margin-right:0;} #rumipopup.rumi_layer .rumiButton button.member_btn{margin:0 auto; float:none;} #rumipopup.rumi_layer.member_pop .rumiIframe{height:calc(100% - 56px - 80px);} #rumipopup.rumi_layer.member_pop .rumiButton{padding:20px 20px 20px 0;} } /* 2025-09-24 (주)파이브센스_FIVESENSES.Corp. */ /* 검색 ulli 커스텀 */ .select_box.right_select .search_box{overflow: visible; display: flex;} .select_box.right_select .search_box > div{overflow: visible;} .select_box.right_select .search_box > div.one{padding-right: 10px;} .select_box .search_box > div.answer{flex: 1;} .select_box .search_box select, .select_box .search_box input[type=text]{border: 1px solid #d7d7d7; border-radius: 8px; height: 45px; padding: 0 15px; font-size: 15px; width: 100%;} .select_box .search_box > div select{background-image: url(img/map2_select_arr.png);} .select_box.right_select .search_box > div input{background-color: #f9f9f9; border: 1px solid #f9f9f9; height: 55px; line-height: 53px; border-radius: 10px;} .select_box.right_select .search_box > div.button_box{width: 100px; margin: 0; flex-shrink: 0;} .select_box.right_select .search_box > div.button_box button{background-color: #e8e8e8; border: 1px solid #e8e8e8; border-radius: 10px; font-size: 16px; line-height: 1em; font-weight: 500; color: #5d5d5d; height: 55px;} .select_box .search_box > div{position: relative; float: none !important;} .select_box .search_box > div .select_input{cursor: pointer;} .select_arr {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #aeaeae;pointer-events: none;z-index: 1;} .wr_drop {position: absolute;top: 100%;left: 0;right: 0;width: 100%; background: #fff;border-radius: 10px;padding: 8px 5px;z-index: 1000;box-shadow: 0 2px 10px rgba(0,0,0,0.1);display: none;} .wr_drop.on {display: block;} .wr_drop ul{overflow-y: auto; max-height: 280px; height: auto; padding-right: 5px;} .wr_drop ul::-webkit-scrollbar{width: 5px !important;} .wr_drop ul::-webkit-scrollbar-corner, .wr_drop ul::-webkit-scrollbar-button, .wr_drop ul::-webkit-scrollbar-track{background-color: #fff !important;} .wr_drop ul::-webkit-scrollbar-thumb{background-color: #f5f5f5 !important; border: none !important;} .wr_drop li {padding: 10.25px;cursor: pointer;font-size: 15px;color: #5d5d5d;border-radius: 8px;border: none; text-align: center;} .wr_drop li:hover {background-color: #f5f5f5;color: #5d5d5d;} .wr_drop li.selected {background-color: #f5f5f5;} @media (max-width: 991px){ .select_box .search_box input[type=text]{height:44px; line-height:44px; border-radius: 6px; padding:0 10px; font-size:15px;} .select_arr{right: 15px;} .wr_drop {border-radius: 5px;padding: 8px; border: 1px solid #e1e1e1;} .wr_drop ul{padding-right: 0;} .wr_drop ul::-webkit-scrollbar{width: 0 !important;} .wr_drop li {padding: 14px 10px;font-size: 13px;border-radius: 5px;} } /* 관리자 버튼 */ .list-btn-box .pull-right{float: none !important; display: flex; align-items: center; justify-content: flex-end; margin: 8px 0 0; padding: 0 10px;} .list-btn-box .pull-right .btn-group { z-index: 1000; } .list_head .list-btn-box .pull-right{justify-content: flex-start;} .list-admin .btn-group .btn{background-color: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 5px !important; padding: 8px; color: #5d5d5d !important; font-size: 13px; line-height: 1em; margin-left: 5px; transition: 0.2s;margin-top: 5px;} .list-admin .btn-group .btn i{display: none;} .list-admin .btn-group .sort_btn.btn{background-color: #e8e8e8;border: 1px solid #e8e8e8;border-radius: 5px !important;padding: 7.5px 9.5px;color: #5d5d5d !important;font-size: 13px;line-height: 1em;transition: 0.2s;} @media (max-width: 991px){ .list-btn-box .pull-right{margin-top: 15px;} .map_list_wrap .list-btn-box{margin-top: 0;} .list-admin .btn-group{display: flex; align-items: flex-start; justify-content: flex-end; flex-wrap: wrap; gap: 5px;} .list-admin .btn-group .btn{float: none; margin: 0; border-radius: 2.5px !important; padding: 7px;} .list-admin .btn-group .btn.sort_btn{background-color: #0c0c0c; border-color: #0c0c0c; color: #fff !important;} } @media (max-width:991px) { #map_wrap { display: block; } #map_wrap form { position: static; } }