/*=== MAP STYLE === */
.image-text-back-signpost-main-wrapper.is-overlap + .operate-map-main-wrapper .operate-map-top-wrapper{padding: 163px 0 0;}
.operate-map-main-wrapper{position: relative}
.operate-map-main-wrapper .operate-map-top-wrapper {background: var(--blue-xlignt);padding: 73px 0 0;}
.operate-map-main-wrapper .operate-map-top-wrapper .title{margin-bottom: 48px;}
#map-main-wrapper{display: flex;justify-content: flex-end;background: var(--blue-xlignt);width: 100%;height: 650px;min-height: 650px;border-top: 1px solid var(--blue-light);}
#map-main-wrapper > .jvectormap-container{width: 70%;height: 100%;}
#map-main-wrapper > .jvectormap-container > svg path.jvectormap-region.clickedRegion{fill: var(--blue-dark-map)}
#map-main-wrapper > .jvectormap-container > svg text.jvectormap-marker{fill: var(--white-color)}

#map-popup-wrapper{position: absolute;width: 100%;z-index: 0;bottom: 88px;visibility: hidden;opacity: 0;transition: all 0.7s ease-in-out;}
#map-popup-wrapper.active{visibility: visible;opacity: 1;}
#map-popup-wrapper .map-popup-inner-wrapper{background: var(--white-color);box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);border-radius: 10px;min-height: 508px;padding: 23px 32px 30px;max-height: 508px;overflow-x: hidden;position: relative;overflow-y: scroll;scrollbar-color: #00A19A #E3E3E3;scrollbar-width: auto;}
#map-popup-wrapper .map-popup-inner-wrapper::-webkit-scrollbar{width: 5px !important}
#map-popup-wrapper .map-popup-inner-wrapper::-webkit-scrollbar-track{background:#E3E3E3}
#map-popup-wrapper .map-popup-inner-wrapper::-webkit-scrollbar-thumb{background-color: #00A19A;}
#map-popup-wrapper .map-popup-inner-wrapper > a.map-pop-close{position: absolute;top: 30px;right: 25px;font-size: 1.8rem;line-height: 1.8rem;text-decoration: none;color: var(--blue-navy);z-index: 1;}
#map-popup-wrapper .map-popup-inner-wrapper .overview-wrapper .content > p{margin: 0 0 7px}
#map-popup-wrapper .map-popup-inner-wrapper .overview-wrapper .content > ul li{margin-bottom: 8px}
#map-popup-wrapper .map-popup-inner-wrapper .contact-wrapper .contact-card-item > .title > h3{margin-bottom:0}
#map-popup-wrapper .map-popup-inner-wrapper .contact-wrapper .contact-card-item .address > p{margin-top: 0}
#map-popup-wrapper .map-popup-inner-wrapper .contact-wrapper .contact-card-item .address .phone{margin-bottom: 16px;}
#map-popup-wrapper .map-popup-inner-wrapper .contact-wrapper .contact-card {padding-bottom: 24px;border-right: 1px solid var(--grey-three);}
#map-popup-wrapper .map-popup-inner-wrapper .contact-wrapper .contact-card:nth-child(3n+3){border-right:0}
#map-popup-wrapper .map-popup-inner-wrapper .contact-wrapper .contact-card:first-child{border-left: 1px solid var(--grey-three);}
#map-popup-wrapper .map-popup-inner-wrapper .contact-wrapper .contact-card:nth-child(3n+4){border-left: 1px solid var(--grey-three);}
#map-popup-wrapper .map-popup-inner-wrapper .flag-title-wrapper{border-bottom: 1px solid var(--grey-three);padding-bottom: 15px;margin-bottom: 20px;}
#map-popup-wrapper .map-popup-inner-wrapper .flag-title-wrapper .flag-image{width: 32px;height: 32px;border-radius: 100px;filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));margin-right: 16px;}
#map-popup-wrapper .map-popup-inner-wrapper p.phone > a,#map-popup-wrapper .map-popup-inner-wrapper p.website > a{color: var(--dark-color);text-decoration: none;display: block}
#map-popup-wrapper .map-popup-inner-wrapper p.phone > a:hover > span.text,#map-popup-wrapper .map-popup-inner-wrapper p.website > a:hover > span.text{text-decoration: underline;}
#map-popup-wrapper .map-popup-inner-wrapper p.phone >a >span.icon{display: inline-block;font-size: 1.2rem;line-height: 1.2rem;background: #00A19A;border-radius: 100px;padding: 6px;color: #fff;margin-right:12px}
#map-popup-wrapper .map-popup-inner-wrapper p.website >a >span.icon{display: inline-block;font-size: 1.3rem;line-height: 1.3rem;background: #00A19A;border-radius: 100px;padding: 5.5px;color: #fff;margin-right:12px}
#map-popup-wrapper .map-popup-inner-wrapper p.website > a >span.text {word-break: break-all;}

@media all and (max-width: 1600.98px){
	#map-main-wrapper > .jvectormap-container{width: 100%}
}
@media all and (max-width: 1200.98px){
	#map-main-wrapper > .jvectormap-container{width: 100%}
}
@media all and (max-width: 767.98px){
	#map-main-wrapper{height: 420px;min-height: 420px;}
    .image-text-back-signpost-main-wrapper.is-overlap + .operate-map-main-wrapper .operate-map-top-wrapper{margin-top:-190px;padding: 240px 0 0}
    .operate-map-tabs-wrapper{position: absolute;bottom: -420px;width: 100%;left: 0;z-index: 1;padding: 0 30px;}
    #map-popup-wrapper{position: relative;bottom: 0;margin-top: 50px;display: none}
    #map-popup-wrapper.active{display: block}
    #map-popup-wrapper .map-popup-inner-wrapper{min-height: 100%;max-height: 100%;overflow-y: auto;padding: 23px 20px}
    
    #map-popup-wrapper .map-popup-inner-wrapper .overview-wrapper{border-bottom: 1px solid var(--grey-three);padding-bottom: 15px;margin-bottom: 20px;}
    #map-popup-wrapper .map-popup-inner-wrapper .contact-wrapper .contact-card{padding-bottom: 0}
    #map-popup-wrapper .map-popup-inner-wrapper .contact-wrapper .contact-card .contact-card-item {border-bottom: 1px solid var(--grey-three);padding-bottom: 15px;margin-bottom: 25px;}
    #map-popup-wrapper .map-popup-inner-wrapper .contact-wrapper .contact-card:last-child .contact-card-item{padding-bottom: 0;margin-bottom: 0; border-bottom: 0}
}
/*=== MAP STYLE === */

body.nojs .operate-map-main-wrapper{display: none}