.m_wrap{width:100%; height:100%; padding:16px; box-sizing:border-box; overflow:hidden;}
.green_bg{height:25%; background:#009e8f; width:100%; position:absolute; top:0; left:0; z-index:-1;}

.main_wrap{height:100%;}
.m_header{color:#fff; font-size:20px; font-weight:bold; line-height:30px; margin-top:5%; height:11%; box-sizing: border-box;}
span.yellow_text{color:#ffff00}

.main_banner{background:#fff; width:100%; height:20%; border:solid #009e8f 1px; border-radius:10px; box-sizing:border-box; padding:16px; display:flex; flex-direction:column; align-items:center;justify-content:center;}
.main_banner img{height:50%;}
.mb_title{font-size:18px; font-weight:bold; margin:5px 0px;}
.mb_sub{font-size:22px; font-weight:bold; color:#5a7ff7;}

.main_text{background:#fff; width:100%; height:50%; border:solid #5a7ff7 1px; border-radius:10px; margin-top:5%; box-sizing: border-box; overflow-y:scroll; padding:16px; line-height:26px;}
.mt_con{margin:0px 10px; word-break: break-all !important;}
.mt_title {font-weight:bold; font-size:20px; color:#5a7ff7; margin-bottom:10px}
span.red_text{color:#ff0000}
span.blue_text{color:#5a7ff7}
.deco{width:100%;  margin:24px 0px; box-sizing:border-box; padding-left:30px; position:relative}
.deco_line{border-top:solid #009e8f 1px; width:100%;}
.deco_line::before{content:""; width:20px; height:20px; padding:10px; background:url(/images/mobile/leaf_icon.png)no-repeat center; background-size:20px; position:absolute; left:-10px; top:-18px}
.mt_button{width:100%; display:flex; align-items:center; justify-content:center; margin-top:10px}
.mt_button>a{width:200px; border:solid #009e8f 1px; border-radius:40px; text-align:center; line-height:34px; color:#009e8f; font-weight:bold; box-sizing:border-box; padding-left:20px;}
.call_btn{background:url(/images/mobile/call_icon.png)no-repeat 30px center; background-size:20px; }
.down_btn{background:url(/images/mobile/down_icon.png)no-repeat 50px center; background-size:20px;}

.main_search{background:#009e8f; width:100%; border:solid #009e8f 1px; border-radius:10px; margin-top:5%; height:12%; box-sizing: border-box;}
.ms_wrap{width:100%; height:100%; box-sizing:border-box; padding:16px; color:#fff; display:flex; flex-direction:column; justify-content:space-between}
.ms_title{font-size:20px; font-weight:bold;}
.ms_title::before{content:""; width:20px; height:20px; padding:10px; background:url(/images/mobile/search_icon.png)no-repeat center; background-size:20px; margin-right:5px}
.ms_sub{font-size:18px;}

/* 모바일 */
@media all and (max-width:348px) {
    .m_header{font-size:18px;}
    .mt_con{margin-left:0px}
}

@media all and (max-width:318px) {
    .m_header{font-size:18px;}
    .header br{display:none;}
}

@media all and (max-width:297px) {
    .m_header{font-size:18px; height:16%;}
    .m_header br{display:none;}
    .main_banner{height:20%;}
    .mb_sub{font-size:18px;}
    .main_text{height:45%;}
    .mt_title{font-size:18px;}
}

/* 연락처 */
.wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.header{height:60px; display:flex; align-items:center; font-size:22px; font-weight:bold; position:relative; box-shadow: rgba(0,0,0,0.2)0px 0px 5px;}
.back_btn{text-indent:-9999px; background:url(/images/mobile/back_icon.png)no-repeat center; background-size: 26px; width:26px; height:26px; padding:10px;}

.call_contents{box-sizing:border-box; padding:16px;}
.city_select{width:100%; box-sizing:border-box; padding:16px; margin-top:6px;border:Solid #dbdbdb 1px; background:#f0f0f0; border-radius:10px; position:relative;  position:relative; z-index:10}
.cs_title{font-size:18px; font-weight:bold;}
.chose_city{font-size:18px; font-weight: bold;}
.cs_toggle{position:absolute; transition:All 0.3s;right:10px; top:7px;text-indent:-9999px; background:url(/images/mobile/down_arrb.png)no-repeat center; background-size:20px; width:20px; height:20px; padding:10px; transform:rotate(180deg)}
.city_list{display:flex; align-items:center; justify-content:space-between; flex-wrap: wrap; margin-top:20px; transition:All 0.3s;}
.city_list li{width:48%; border:solid #dbdbdb 1px; background:#fff; line-height:46px; margin-bottom:10px; border-radius:10px; text-align:center; font-weight: bold;}
.city_list li.blank{border:none}

.call_area{position:absolute; top:160px; left:0;z-index:1; width:100%; box-sizing:border-box; padding:0px 18px;}
.call_list li{width:100%; display:flex; align-items:center; justify-content:space-between; border:Solid #dbdbdb 1px; border-radius:10px; line-height:46px; text-align:center; overflow:hidden; margin-bottom:10px}
.call_list .call_name{width:45%; font-size:18px; font-weight:bold; border-right:solid #dbdbdb 1px; background:#f0f0f0;}
.call_list .call_number{width:55%; font-size:18px;}


.call_popup_bg{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.5); z-index:900 ;}
.call_popup{width:90%;background:#fff; border-radius:10px; box-shadow:rgba(0,0,0,0.5)0px 0px 10px; box-sizing:border-box; padding:16px;}
.cp_title{font-size:20px; font-weight:bold; text-align:center;}
.cp_con{margin-top:30px; padding:10px}
.cp_con b{font-size:18px;}
.cp_con .green_text{color:#009e8f; font-size:24px; font-weight:bold; margin:10px 0px; display:block;}
.cp_con .refer{display: block; text-align:center; margin-top:30px;}
.cp_btns{width:100%; display:flex; align-items:center; justify-content:space-between; margin-top:30px}
.cp_btns a {width:48%; text-align:center; line-height:45px; border:Solid #009e8f 1px; border-radius:10px; font-weight:bold;}
.cp_cancle{color:#009e8f}
.cp_call{background:#009e8f; color:#fff;}



/* map */
.header input{border:none; font-size:18px; width:80%; background-size:20px; outline:none;}
.hs_delete{padding:10px; text-indent:-9999px;width:20px ;height:20px; background:url(/images/mobile/delete_icon.png)no-repeat center; background-size:16px; position:absolute; right:10px; display:none;}
.map_header{position:fixed; left:0; top:0; width:100%; z-index:500; background:#fff}
.map_top{width:100%; box-sizing:border-box; padding:16px; display:flex; align-items:center; justify-content:space-between; position:absolute; top:50px;}
.map_legend{display:flex;;align-items:center; justify-content:space-between; width:65%; background:#fff; box-shadow:rgba(0,0,0,0.2)0px 0px 5px; box-sizing:border-box; padding:5px 10px; border-radius:10px;;}
.map_legend li{width:33.3%; text-align:center; font-size:12px; font-weight:bold; display:flex; flex-direction:column; align-items:center ;justify-content:flex-start; height:34px;;}
.map_legend p{margin-bottom:5px}
.map_legend span{width:90%; height:3px; background:#ff6262; display:block; margin-left:5%; border-radius:5px;;}
.map_legend br{display:none;}
.map_legend li:first-child span{height:12px;background:#cde1bb; border:solid #7ba949 2px; box-sizing:border-box;}
.map_legend li:nth-child(2) span{height:12px; background:#ffbbbb; border:solid #ff5757 2px;  box-sizing:border-box;}
.map_legend li:last-child span{margin-top:5px}
.control_btn{width:32%; text-align:center; background:#fff;box-sizing:border-box; border:Solid #ff0000 2px; color:#ff0000; font-weight:bold; line-height:40px; border-radius:10px; box-shadow:rgba(0,0,0,0.2)0px 0px 5px;}

.map_bottom{position:absolute; bottom:0; left:0; width:100%; background:#fff; height:75px; display:flex; align-items:center; justify-content:space-between; z-index:50}
.map_bottom li{width:33.3%; text-align:center; font-size:18px; font-weight:bold; height:100%;}
.map_bottom a{width:100%; height:100%; box-sizing:border-box; padding-top:45px; background:url(/images/mobile/menu1.png)no-repeat center 15%; background-size:36px;}
.map_bottom .menu2 a{background-image:url(/images/mobile/menu2.png);}
.map_bottom .menu3 a{background-image:url(/images/mobile/menu3.png);}

.search_popup{width:100%; height:100%; position:absolute; top:0px; left:0; background:#fff; z-index:300; box-sizing:border-box; padding-top:60px;}
.sp_title{font-size:18px; font-weight:bold; display:flex; align-items:center; justify-content:space-between; padding-left:16px; margin:10px 0px;} /* 검색 활성화시 숨김처리! */
.sp_title a{padding:10px 16px;}
.no_record{width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; margin-top:100px; display:none;} /* 최근 검색 기록 없음 */
.no_record p{color:#aaa; margin-top:30px;}

/*20231211 수정*/
.sp_list {border-top: solid #dbdbdb 1px; width:100%;}
.sp_list td{border-bottom:solid #dbdbdb 1px; position:relative; display:flex; flex-direction:column; align-items:flex-start; box-sizing:border-box; padding:15px;}
.sp_list .spl_title{font-size:18px; font-weight:bold; margin-bottom:8px;}
.sp_list .spl_sub::before{content:"지번"; font-size:12px; border:solid #dbdbdb 1px; border-radius:5px; padding:2px 5px; margin-right:5px; color:#666;}
.spl_delete{text-indent:-9999px; position:absolute; right:5px; top:15px;; width:24px; height: 24px; background:url(../images/delete_circle.png)no-repeat center;background-size:24px; padding:10px}

.s_edit_popup{width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:600;}
.sep_header{position:relative; height:60px; box-shadow:rgba(0,0,0,0.2)0px 0px 5px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:22px; font-weight:bold;}
.sep_close{position:absolute; left:0; padding:10px; text-indent:-9999px;  background:url(../images/back_icon.png)no-repeat center; background-size: 26px; width:26px; height:26px; }
.sep_ment{padding:16px;}
.sep_list_top{position:relative; width:100%; padding:16px; display:flex; align-items:center; box-sizing: border-box; border-bottom:solid #dbdbdb 1px; font-size:18px; font-weight:bold;}
.sep_list_top input{width:20px; height: 20px; margin-right:15px;}
.sep_list_top span{position:absolute; right:16px; color:#666; font-size:14px;}

/*20231211 수정*/
.sep_list{width:100%;}
.sep_list td{box-sizing:border-box; padding:15px 50px; display:flex; flex-direction:column;align-items:flex-start; justify-content:center;border-bottom:solid #dbdbdb 1px; position:relative}
.sep_list input{width:20px; height: 20px; margin-right:15px; position:absolute; left:15px; top:27px}
.sep_list .sepl_title{font-size:18px; font-weight:bold; margin-bottom:8px;}
.sep_list .sepl_sub::before{content:"지번"; font-size:12px; border:solid #dbdbdb 1px; border-radius:5px; padding:2px 5px; margin-right:5px; color:#666;}

.spl_btn{position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:16px;;}
.spl_confirm{background:#aaa; text-align:center; line-height:50px; border-radius:10px; font-size:18px; font-weight:bold; color:#fff} /* 활성화 background:#009e8f;*/


.menu_sub{position:absolute; bottom:0; left:0; background:#fff; width:100%; height:75px; z-index:99; display:flex; align-items:center;}
.ms_header{width:60px; background:#009e8f; height:75px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:bold;}
.ms_list{width:80%; display:flex; align-items:center; justify-content:space-between;}
.ms_list li{width:25%; display:flex; align-items:center; justify-content:center;}
.ms_input{display:flex; flex-direction:column; justify-content:center;}
.ms_input input{width:24px; height:24px;}
.ms_input label{font-size:18px; font-weight:bold; position:relative; top:7px}
.ms_list a{width:100%; height:100%; padding-top:40px; font-weight:bold; text-align:center; background:url(/images/mobile/undo_icon.png)no-repeat center 20%; background-size:32px;}
.ms_list a.complete_btn{background-image:url(/images/mobile/complete_icon.png);}

.etc_btns{position:absolute; bottom:0; left:0; background:#fff; width:100%; height:75px; z-index:101; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; padding:16px; display:none;}/* 재측정/삭제 숨김처리 */
.etc_btns a{width:47%; height:100%; border:Solid #666 1px; text-align:center; line-height:43px; border-radius:10px; font-size:18px; font-weight:bold; color:#666}
.etc_btns a.delete_btn{background:#666; color:#fff;}



@media all and (max-width:350px) {
    .map_legend{padding:5px}
    .map_legend p{margin-bottom:2px}
    .map_legend br{display:block;}
}

@media all and (max-width:310px) {
    .control_btn{font-size:14px;}
    .undo_btn{font-size:15px;}
}

/*231226 수정 */
.switch_area{display:flex; align-items:center; flex-direction:column; justify-content:center; background:#fff; width:100%; box-shadow:rgba(0,0,0,0.2)0px 0px 5px; border-radius:10px; box-sizing:border-box; padding:3px 0px;}
.switch_area p{font-size:13px; font-weight:bold; }
.switch_btn {width:50px; height:18px; text-align: center; margin-bottom:5px;}
#switch {position: absolute; -webkit-appearance: none;-moz-appearance: none;}
.switch_label {  position: relative; cursor: pointer; display: inline-block; width:50px; height:18px; background: #dbdbdb; border: 1px solid #dbdbdb; border-radius: 20px; transition: 0.2s; }
.onf_btn {  position: absolute; top:1px; left:1px; display: inline-block; width: 16px; height: 16px; border-radius:20px; background: #fff; transition: 0.2s;} 
#switch:checked+.switch_label { background: #009e8f; border: 1px solid #009e8f;}
#switch:checked+.switch_label .onf_btn {  left:32px; background: #fff; box-shadow: 1px 2px 3px #00000020;}

@media all and (max-width:310px) {
    .switch_area p {font-size:11px}
    .switch_area{padding:5px 0px}
}

.location_btn{position:absolute; left:16px; bottom:30px; width:40px; height:40px; text-indent:-9999px; box-shadow:rgba(0,0,0,0.2) 0px 0px 5px; border-radius:5px; background:#fff url(/images/mobile/location.png)no-repeat center center ;background-size:30px}

.size_btns{position:absolute; right:16px; top:180px;display:flex; flex-direction:column;box-shadow:rgba(0,0,0,0.2)0px 0px 5px; background:#fff; border-radius:5px; overflow:hidden;z-index:1}
.size_btns input{width:40px; height:40px; border:none; background-size:28px}
.plus_btn{background:url(/images/mobile/plus.png)no-repeat center center; border-bottom:solid #f0f0f0 1px !important;}
.minus_btn{background:url(/images/mobile/minus.png)no-repeat center center;}

/* 20240219 범례 수정*/
.map_top{align-items:flex-start;}
.map_nl{background:#fff; box-shadow:rgba(0,0,0,0.2)0px 0px 5px; box-sizing:border-box; border-radius:10px}
.mnl_list{padding:5px 10px}
.mnl_list li{font-size:13px; font-weight:bold; line-height:22px; display:flex; align-items:center;}
.mnl_list span{height:3px; width:60px; background:#7ba949; display:inline-block; margin-left:10px; border-radius:5px;}
.mnl_list span.mnl_line{background:#b64136}
.mnl_list span.mnl_side {background: repeating-linear-gradient(45deg, #ffcbcb, #ffcbcb 2px, #de968d 0, #de968d 4px);height: 17px;border: solid #de968d 2px;box-sizing: border-box;}

/* 20241008 관리부서 */
.map_top_right{width:32%}
.mt_call_btn {
    background: #fff url(/images/call_icon_line.png)no-repeat 15% center;
    background-size: 18px;
    text-align: center;
    line-height: 38px;
    border-radius: 10px;
    box-shadow: rgba(0,0,0,0.2)0px 0px 5px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 24px;
    color: #009e8f;
    line-height: 1.2;
    padding: 5px 5px 5px 46px;
    text-align: left;
}

.double_popup_bg{width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.7); z-index:900; display:flex; align-items:center; justify-content:center; }
.double_popup{background:#fff; border-radius:10px; width:95%; height:auto; box-shadow:rgba(0,0,0,0.2)0px 0px 5px; padding:15px 0px; box-sizing:border-box;}
.double_popup input{font-size:16px; font-weight:bold;}
.p_header{width:100%; display:flex; align-items:center; justify-content:space-between; padding:0px 10px; box-sizing: border-box; border-bottom:Solid #dbdbdb 1px; padding-bottom:10px}
.p_title{font-size:18px; font-weight:bold;}
.p_title::before{content:""; padding:12px; background:url(/images/character_small.png)no-repeat center; background-size:22px; margin-right:10px}
.p_close_btn{text-indent:-9999px; width:30px; height:30px; background:url(/images/close_icon.png)no-repeat center center; background-size:12px; border:solid #dbdbdb 1px; border-radius:30px;}
.p_text{margin-top:15px; padding:0px 10px; line-height:1.8;font-size:16px;}
.p_btns{margin-top:20px; width:100%; display:flex; align-items:center; justify-content:center;}
.p_btns input{width:80px; height:32px; border:none; border-radius:5px;}
.p_btns .p_confirm{background:#009e8f; color:#fff; margin-right:20px}
.p_btns .p_cancle{background:#999; color:#fff}

.single_popup_bg{width:100%; height:100%; position:relative; left:0; top:0; background:rgba(0,0,0,0.7); z-index:900; display:flex; align-items:center; justify-content:center;}
.single_popup{background:#fff; border-radius:10px; width:90%; height:auto; box-shadow:rgba(0,0,0,0.2)0px 0px 5px; padding:15px 0px; box-sizing:border-box; }
.single_popup input{font-size:16px; font-weight:bold;}
.p_btns .p_ok{background:#009e8f; color:#fff;}