@charset "UTF-8";
html{width:100%;height:100%}
header{position: relative;left:0;top:0;width:100%;height: 140px;padding-top:1px;z-index:10}
header:before{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: linear-gradient(to right, #3949b1 0%,#2f57b0 50%,#6e40a9 100%);opacity: .9}
.header_wrap{position:relative;max-width:850px;margin: 0 auto;}
.logo{display: block;position: relative;max-width:388px; width:100%; height: 29px; text-align:center; margin: 32px auto 0;padding:0;}

/* .logo:before{display:block;position: absolute;left:0;top:0;width:100%;height: 100%;background:url(/common/images/lifemap/map_title.png) no-repeat;background-size: auto 29px;}
 */
.lnb{position: absolute;top:57px;left:0;width:100%;border-radius: 12px;background-color: #fff;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);}
.lnb li, .lnb label{position:relative}
.lnb button{letter-spacing: -1px}
.local{float:left;position: relative;width: 158px;}
.local_button{display:block;position:relative;z-index:20;width: 100%;line-height: 72px;font-size:18px;text-align: center;color:#2f57b0;font-weight: bold;}
.local_button:after{display:inline-block;width:18px;height:12px;margin:-3px 0 0 8px;vertical-align:middle;background: url(/common/images/lifemap/sprite.png) no-repeat;transition: transform .3s}
.local_list_wrap{display:none;}
.local_list_wrap .conbox{position:relative;z-index:20;max-height:300px; overflow-y:auto;}
.local.active .local_button:after{transform: rotate(180deg);}
.local.active .local_list_wrap{display:block;position:absolute;left:0;top:calc(100% - 1px);width:100%;padding: 0 3px;}
.local.active .local_list_wrap:before{display:block;position:absolute;z-index:11;left:0;top:-84px;width:calc(100% - 6px);height: calc(100% + 84px);padding: 0;border: 3px solid #4d5980;border-radius: 12px;background:#fff;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);}
.local_list{display:none;position: relative;z-index: 12;border-top:1px solid #c5c9d6;border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
.local_input{position:absolute;left:10px;top: 10px;}
.local_label{display:block;z-index: 20;padding:4px  13px 3px 27px;font-size: 14px;background-color: #fff}
.allbox .local_label{background-color:#f4f6f9; color:#4d5980; font-weight:500;}
.local_input:checked + .local_label{background-color:#f4f6f9;color:#4d5980;font-weight: 500; padding-top:10px;}

.gu_btn{display:block;z-index: 20;width:100%;padding:4px  13px 3px 27px;text-align:left;font-size: 14px;background-color: #fff}
.gubox button{background-color:#f4f6f9; color:#4d5980; font-weight:500;}
.gubox.open .gu_btn{background-color:#f4f6f9; color:#4d5980; font-weight:500;}

.menu{position:relative;float:left;width: calc(100% - 158px);}
.menu:before{display:block;position:absolute;left:0;top:0;width: 1px; height: 100%;background-color: #e2e4ea}
.menu_list > li{float:left;position:relative;width: calc(100% / 3);}
.menu_button{display:block;width: 100%;line-height: 72px;font-size:18px;font-weight:bold;text-align: center;color:#2f57b0;}
.menu_button.active{color:#f25f82}
/* .menu_button:before{display:inline-block;width: 24px; height:24px;margin:-3px 3px 0 0;vertical-align:middle;background: url(/common/images/lifemap/sprite.png) no-repeat;}
.menu_list .n1 .menu_button:before{background-position: -80px 0}
.menu_list .n2 .menu_button:before{background-position: -164px 1px}
.menu_list .n1 .menu_button.active:before{background-position: -80px -39px}
.menu_list .n2 .menu_button.active:before{background-position: -164px -37px} */
.submenu{display:none;position:absolute;z-index:3;left:calc((100% - 180px)/2);top:calc(100% - 10px);width:180px;padding: 10px;border-radius: 12px;background-color: #fff;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);}
.submenu:before{display:block;position:absolute;top:0;left:50%;width: 106px;height: 3px;background-color:#f25f82;transform: translateX(-50%)}
.submenu_input{position:absolute;left:5px;top: 5px;opacity: 0}
.submenu_label{display:block;padding:6px 0 4px 25px;background:#fff;font-size: 0.938em;color:#666;line-height:1.2;}
.submenu_label:before{display:block;position:absolute;left:0;top: 2px;width:20px;height:20px;font-family: xeicon;content: "\e92c";font-size:20px;color:#c5c9d6;vertical-align: top}
.submenu_input:checked + .submenu_label{color:#32406d;font-weight: 500}
.submenu_input:checked + .submenu_label:before{content: "\e92b";color:#848ca7}
.result{position: absolute;z-index:50;right: 40px; bottom: 50%;transform: translateY(224px);}
.result button{letter-spacing: -1px}
.result.active .result_wrap{display:block;overflow:hidden;width: 225px; border: 3px solid #4d5980;border-radius: 12px;background:#fff;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);}
.result_wrap{display:none}
.result_title{padding: 15px 14px 12px 22px;background:#f0f1f4}
.result_title span{font-size: 14px;color:#575c70}
.result_title .result_local{margin-right: 0;}
.result_title .result_local:after{display:inline-block;width:16px;height:20px;margin: -2px 0 0 4px;font-size: 15px;color:#575c70;font-family: xeicon;content: "\e93e";vertical-align: top}
.result_title .result_item{color:#32406d;font-size: 1.065em;font-weight: bold; line-height: 1.2;}
.result_list_wrap{overflow-y:scroll;position: relative;height: 290px;}
.result_list{position:relative;padding: 10px 0}
.result_list li button{font-size:15px;}
.result_button{display:block;position:relative;width:100%;padding: 4px 14px 3px 38px;text-align: left;line-height: 1.4}
.result_button:before{display: block;position: absolute;left: 18px;top: 6px;width: 14px;height: 24px;font-family: xeicon;content: "";background-image: url(/common/images/lifemap/marker.png);background-size: contain;background-repeat: no-repeat;}
.result_list .active .result_button{color:#f25f82;font-weight: 500}
.result_list .active .result_button:before{color:#f25f82;}
.result_list .center{text-align: center;font-size: 14px}
.result_reset{position: relative;padding: 12px 20px;background:#fff;text-align: center}
.result_reset .reset{display:block;width: 100%;padding: 5px 0 2px;border-radius:30px;background-color:#f0f1f5;font-size:14px;color:#575c70}
.result_reset .reset:after{display:inline-block;width:20px;height:20px;margin: -2px 0 0 2px;font-size: 15px;font-family: xeicon;content: "\e973";vertical-align: top}
.result .close{display:none;position:absolute;left:-18px;top:0;width:42px;height:42px;border-radius: 50%;background-color: #5486d4;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);}
.result .close_button{width:100%;height:100%;}
.result .close_button:before{display:block;position:absolute;left: 50%;top: 50%;width:20px;height:26px;font-family: xeicon;content: "\e93e";font-size:20px;color:#fff;transform: translate(-50%, -50%);}
.result.active .close{display:block}
.result_open{display:none;position: absolute;z-index:50;right: 45px; bottom: 50%;width:120px;height:42px;border-radius: 22px;background-color: #fff;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);transform: translateY(-182px);transition: transform .3s}
.result_open.active{display: block}
.result_open .open_button{display:block;width:100%;height:100%;padding: 3px 0 0 16px;color:#f25f82;font-weight:500;text-align: left;letter-spacing: -1px}
.result_open .open_icon{position:absolute;right:-4px;top:0;width:42px;height:42px;border-radius: 50%;background-color: #f25f82;}
.result_open .open_icon:before{display:block;position:absolute;left: 50%;top: 50%;width:20px;height:26px;font-family: xeicon;content: "\e913";font-size:20px;color:#fff;transform: translate(-50%, -50%);}

footer{position: fixed;z-index:60;left:0;bottom:0;width:100%;line-height:50px;background-color:#293240;color:#fff; font-size:14px;text-align: center;letter-spacing: 0}

#map{position:relative;width:100%;height: calc(100vh - 150px);}
.p-map-info {position: relative;z-index: 100;left:-4px;top:0;padding-bottom:10px;background: #fff;border-radius: 8px;box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);}
.p-map-info:after{display:block;position:absolute;left:calc(50% - 5px);top: calc(100% - 2px);width: 45px; height: 42px;background:url(/common/images/lifemap/info_arrow.png) no-repeat;}
.p-map-info > div{padding: 3px 20px 1px;font-size: 15px;}
.p-map-info .p-map_title{position:relative;padding: 10px 42px 8px 20px;border-top-left-radius:8px;border-top-right-radius:8px;background:#32406d;color:#fff;font-size: 18px}
.p-map_close{position:absolute;right: 14px; top:10px; width: 24px; height: 24px;font-size: 0;}
.p-map_close:before{display:inline-block;content: "\e921"; width: 24px; height: 24px;font-family: xeicon;color:#fff;font-size: 24px;}
.p-map-info span{display:inline-block;position:relative;width:90px;padding-left:28px;color:#5486d4}
.p-map-info span:before, .p-map-info span:after{display:block;position:absolute;left:0;top:0;width:22px;height:22px}
.p-map-info span:before{background-color: #edeef1;border-radius: 50%}
.p-map-info span:after{color:#5486d4;font-size:14px;font-family: xeicon;text-align: center}
.p-map-info .p-map_address{margin-top: 10px}
.p-map-info .p-map_address span:after{content: "\eb59";}
.p-map-info .p-map_tel span:after{content: "\e9d3";}
.p-map-info .p-map_subCategory span:after{content: "\eb4b";}
.p-map-info .p-map_homepage span:after{content: "\ea6a";}
.p-map-info .p-map_detail{}
.p-map-info .p-map_detail span:after{content: "\e9d7";}

@media screen and (max-width:1200px){
    .header_wrap{width: calc(100% - 20px);}
}
@media screen and (max-width:986px){
    /* .local_button{margin-top:12px} */
    /* .local.active .local_list_wrap:before{top: -100px;height: calc(100% + 100px)} */
    .menu_list > li{border-left: 1px solid #e2e4ea}
    /* .menu_list > li:nth-child(n + 4){border-top: 1px solid #e2e4ea} */
    /* .menu_button{line-height: 45px;} */
}

@media screen and (max-width:640px){
    header{height: 88px}
    /* .header_wrap{margin: 0 15px;width: calc(100% - 30px);} */
    .lnb{margin-top: 8px;background-color: transparent;box-shadow: none}
    .local{float:none;width: auto}
    .local_button{margin-top:0;line-height: 40px;border-radius: 6px;background-color: #fff;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);}
    .local.active .local_button{border-bottom: 1px solid #e2e4ea;}
    .local.active .local_list_wrap{z-index:3;top: calc(100% - 4px);border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;padding:0;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);}
    .local.active .local_list_wrap:before{display:none}
    .local_list_wrap .conbox{max-height:185px;}
	.local_list{max-height:150px;padding-bottom:8px;background-color: #fff;overflow-y:auto;border-radius:0;}
	.menu_list > li{width: calc(100% / 2);}
	.menu{float:none;width: auto;margin-top: 10px;border-radius: 6px;background-color: #fff;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);}
    .menu_button{font-size:16px;line-height: 37px;}
    .menu_button:before{margin:-3px 1px 0 0;transform: scale(.8)}
    .submenu{left:calc((100% - 150px)/2);top:calc(100% - 10px);width:150px;padding: 10px;}
    .submenu_label:before{top:2px;}
    .submenu_label{padding:7px 0 4px 23px;}
    .result{right: 50%;bottom: 0; transform: translate(50%, 200px);transition: transform .3s}
    .result.active{transform: translate(50%, -46px)}
    .result.active .result_wrap{width: 300px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
    .result_list_wrap{height:145px;}
    .result_button{padding: 2px 10px 1px 40px;}
    .result .close{left:calc(100% - 33px);top:-12px;width:34px;height:34px;}
    .result .close_button:before{width:14px;height:20px;content: "\e941";font-size:16px;transform: translate(-50%, -50%);}
    .result .open{right:-49px;top:-310px;width:98px;height:32px;border-radius: 16px;}
    .result.active .open{top:310px;}

    .result_open{display:block;}
    .result_open.active{transform: translate(50%, -100px);}
    .result_open{right: 50%; bottom: 0; width:100px;height:32px;border-radius: 16px;background-color: #fff;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);transform: translate(50%, 40px);}
    .result_open .open_button{padding-left:  14px;}
    .result_open .open_icon{right:-4px;top:0;width:32px;height:32px;}
    .result_open .open_icon:before{width:14px;height:22px;font-size:16px;}

}