@charset "utf-8";
/* CSS Document */

.dimmed {content: '';position: fixed;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background:rgba(0,0,0,.5);}


.wrap_layerpop {display: none;position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100%;}

#locationServicePop .layerpop{position: absolute;z-index: 110;width:460px;border-radius: 5px;padding:0;word-break:keep-all;overflow: hidden;background: #fff;}
#locationServicePop .layerpop .box_cont {padding: 30px 30px 40px;}
#locationServicePop strong:before{content:'';display:block;width:100%;height:70px;margin:0 0 8px;background: url(../images/popup/img_locationservice.png) 50% 0 no-repeat;}
#locationServicePop strong{display:block;font-size:22px;font-weight: 800;color:#333;text-align: center;line-height:24px;letter-spacing: -1px;}
#locationServicePop p{padding:18px 0; font-size:18px;font-weight: 300;line-height: 22px;text-align: center;letter-spacing: -0.8px;}
#locationServicePop .link{padding:14px 20px 12px;background:#f1f3f5;border-radius: 5px;}
#locationServicePop .link a{display:block;font-size:18px;color:#333;letter-spacing: -0.6px;line-height:33px;}
#locationServicePop .link a:before{content:'';display:inline-block;width:4px;height:4px;vertical-align: 4px;margin-right:8px;background:#333;border-radius: 100%;}
#locationServicePop .link a:after{content:'';display:inline-block;width:19px;height:19px;vertical-align: -2px;margin-left:8px;background: url(../images/popup/icon_locationservice.png);}
#locationServicePop .btn_close{position:absolute;right:30px;top:30px;width:21px;height:21px;margin:0;text-indent:-9999px;background: url(../images/popup/joinpop_close.png) 50% 50% no-repeat;}
#locationServicePop .btn{display:flex;padding:30px 0 0;margin:0 -5px;}
#locationServicePop .btn a {flex-grow: 1;flex-basis: 0;color:#333;font-size:16px;display:flex;justify-content: center;border-radius:5px;align-items: center;height:50px;margin:0 5px;letter-spacing: -0.5px;line-height: 50px;border:1px solid #333;}
#locationServicePop .btn a + a{background:#333;color:#fff;}

@media screen and (max-width: 1023px) {
    #locationServicePop .layerpop{left: 15px !important;right: 15px !important;width: auto !important;margin-left: 0 !important;border-radius: 3px;}
	#locationServicePop .layerpop .box_cont {padding: 20px 15px 25px;}
	#locationServicePop strong {font-size: 16px;font-weight: 700;line-height: 18px;letter-spacing: -0.8px;}
	#locationServicePop strong:before {height: 50px;background: url(../images/popup/img_m_locationservice.png) 50% 0 / auto 100% no-repeat;}
	#locationServicePop p{padding: 8px 0 18px;font-size:12px;letter-spacing: -0.5px;line-height: 15px;font-weight: 400;}
	#locationServicePop p br{display:none;}
	#locationServicePop .link {padding: 8px 15px 8px;border-radius: 3px;}
	#locationServicePop .link a {font-size: 12px;letter-spacing: -0.5px;line-height: 26px;}
	#locationServicePop .link a:before {width: 3px;height: 3px;margin-right: 6px;}
	#locationServicePop .link a:after {width: 11px;height: 11px;vertical-align: -1px;margin-left: 4px;background: url(../images/popup/icon_m_locationservice.png) 0 0 / 100% 100%;}
	#locationServicePop .btn_close {right: 15px;top: 15px;width: 16px;height: 16px;background: url(../images/popup/joinpop_m_close.png) 0 0 / 100% 100% no-repeat;}
	#locationServicePop .btn{padding:20px 0 0;margin:0 -3px;}
	#locationServicePop .btn a {font-size:13px;border-radius:3px;height:30px;margin:0 3px;line-height: 30px;}
}