#container{background-color:#cde8ff;}
#container .wid{padding:0 0 55px;max-width:1410px;}


.sc-box{border-radius:20px;background:#f3f6fb;padding:20px;display: flex;align-items: center;margin-top: -63px;position: relative;}
.sc-box .list{width: 420px;max-width: 100%;border-radius: 14px;padding: 40px 15px 40px 30px;background-color: #fff;height: 664px;position: relative;}
.sc-box .list-count{font-weight: 600;font-size: 22px;color: #222222;line-height: 1;margin-bottom: 23px;}
.sc-box .list-count .num{color: #3a71d7;font-weight:inherit;}
.sc-box .list-items{height:540px;overflow-y: scroll;padding-right: 20px;}
.sc-box .list-items ul li{margin-bottom:10px;}
.sc-box .list-items ul li:last-child{margin-bottom: 0;}
.sc-box .list-items::-webkit-scrollbar {width:8px;height:6px;background-color:#e5e5e5;border-radius:8px;}
.sc-box .list-items::-webkit-scrollbar-thumb {background-color:#444444;border-radius:8px;}
.sc-box .list-items ul li a {display:flex;align-items: center;justify-content: space-between;background-color:#fff;border-radius:10px;padding:15px 30px 15px 20px;border: 1px solid #cccccc;height: 100px;}
.sc-box .list-items ul li a::before { content:""; display:block;width:70px;height:70px;border-radius:50%;
background-color:#f4f4f4;background-repeat:no-repeat;overflow: hidden;}
.sc-box .list-items ul li a[data-cate="rescue"]::before {background-position:center;background-image:url(../images/place_ic_rescue.png);}
.sc-box .list-items ul li a[data-cate="children"]::before {background-position:center;background-image:url(../images/place_ic_children.png)}
.sc-box .list-items ul li a[data-cate="city"]::before {background-position:center;background-image:url(../images/place_ic_city.png)}
.sc-box .list-items ul li a .text{display:flex;align-items: center;height:26px;line-height:1.3;font-size:20px;font-weight:700;letter-spacing: -0.3px;color:#222222;margin-left:18px;margin-right:8px;width:calc(100% - 96px);}
.sc-box .list-items ul li a::after {content:"";display:block;width:8px;height:14px;background-image:url(../images/arrow_icon.png);}
.sc-box .list-items ul li a:hover {background-color:#3a71d7;}
.sc-box .list-items ul li a:hover::before{background-color: #fff;}
.sc-box .list-items ul li a:hover .text {color:#ffffff;}
.sc-box .list-items ul li a:hover::after {filter: brightness(100);}

.sc-box .map{max-width:100%;width:calc(100% - 435px);height: 664px;margin-left:15px;background-color:#fff;border-radius:14px;padding:40px;position: relative;}
.sc-box .map .mapinfo ul {display:flex;}
.sc-box .map .mapinfo ul li {display:flex;align-items: center;margin-right:25px}
.sc-box .map .mapinfo ul li  span{font-size:18px;font-weight:600;color:#222222;}
.sc-box .map .mapinfo ul li::before {content:"";display:block;width:12px;height:17px;margin-right:6px;background-size: contain;background-repeat:no-repeat;}
.sc-box .map .mapinfo ul .c-green::before {background-image:url(../images/mini_map_ic_green.png);}
.sc-box .map .mapinfo ul .c-blue::before {background-image:url(../images/mini_map_ic_blue.png);}
.sc-box .map .mapinfo ul .c-orange::before {background-image:url(../images/mini_map_ic_orange.png);}
.sc-box .map .maparea {position:relative;width:100%;max-width:870px;max-height: 664px; margin:0 auto;}
.sc-box .map .maparea .markers {position:absolute; width:100%;height:100%;}
.sc-box .map .maparea .markers > li{position:absolute;}
.sc-box .map .maparea .markers > li a{  display: block;width: 25px;height: 34px;background-repeat: no-repeat;background-position: center;}
.sc-box .map .maparea .markers > li a[data-cate="rescue"]{background-image: url(../images/map_ic_green.png);}
.sc-box .map .maparea .markers > li a[data-cate="children"]{background-image: url(../images/map_ic_blue.png);}
.sc-box .map .maparea .markers > li a[data-cate="city"]{background-image: url(../images/map_ic_orange.png);}
.sc-box .map .maparea .markers > li a.checked{width:29px;height:38px;background-image:url(../images/map_ic_on.png);}
.sc-box .map .maparea .markers > li:nth-child(1){left:45%;top:47.5%;}
.sc-box .map .maparea .markers > li:nth-child(2){right:14.5%;top:56%;}
.sc-box .map .maparea .markers > li:nth-child(3){right: 11%;top: 66%;}
.sc-box .map .maparea .markers > li:nth-child(4){right: 21.5%;top: 52%;}
.sc-box .map .maparea .markers > li:nth-child(5){right: 22.5%;top: 41%;}
.sc-box .map .maparea .markers > li:nth-child(6){left:41.5%;top:51%;}
.sc-box .map .maparea .markers > li:nth-child(7){left:30%;top:30%;}
.sc-box .map .maparea .markers > li:nth-child(8){left: 10.5%;top: 38.5%;}
.sc-box .map .maparea .markers > li:nth-child(9){right: 26.5%;top: 11%;}
.sc-box .map .maparea .markers > li:nth-child(10){left: 10.5%;top: 75%;}
.sc-box .map .maparea .markers > li:nth-child(11){left: 51.5%;top: 34%;}
.sc-box .map .maparea .markers > li:nth-child(12){left: 77.5%;top: 29%;}
.sc-box .map .maparea .markers > li:nth-child(13){left: 34%;top: 65%;}
.sc-box .map .maparea .markers > li:nth-child(14){left: 38.5%;top: 22%;}
.sc-box .map .maparea .markers > li:nth-child(15){right: 15%;top: 24%;}

.sc-box .map .overlay{ display:none;position:absolute;top: 40px;left: 50%;transform: translate(-50%);background-color:#ffffff;border-radius:20px;width:330px;z-index:1;box-shadow:0 3px 3px 2px rgb(0 0 0 / 15%);overflow: hidden;}
.sc-box .map .overlay .cate {min-width:65px;display:flex;align-items: center;justify-content: center;padding: 4px 8px;border-radius:10px;color:#ffffff;font-size:16px;font-weight:700;position:absolute;left:22px;top:16px;z-index:2;}
.sc-box .map .overlay .cate.rescue {background-color:#0fa886;}
.sc-box .map .overlay .cate.children {background-color:#4678d4;}
.sc-box .map .overlay .cate.city {background-color:#f57c52;} 
.sc-box .map .overlay .img-box{overflow: hidden;height: 183px;width: 100%;}
.sc-box .map .overlay .img-box img{width:100%;}
.sc-box .map .overlay .info{padding:16px 15px 21px 25px;} 
.sc-box .map .overlay .info dt{font-size:20px;color:#222222;font-weight:600;margin-bottom:9px;}
.sc-box .map .overlay .info dd{margin-top:5px;position:relative;}
.sc-box .map .overlay .info .i-tit{position:absolute;left:0;top:2px;display:inline-block;width:60px;border-radius:20px;background:#eeeeee;text-align:center;font-size:13px;color:#222222;font-weight:600;}
.sc-box .map .overlay .info .zw{padding-left:65px;font-size:15px;color:#222222;font-weight:600;}
.sc-box .map .overlay .info .zw.rl-style > ul{font-size:inherit;color:inherit;font-family:inherit;font-weight:inherit;}
.sc-box .map .overlay .info .zw.rl-style > ul > li{padding-left:40px;position:relative;line-height: 1.6;font-weight:inherit;}
.sc-box .map .overlay .info .zw.rl-style .rlt{position:absolute;left:0;top:-1px;display:inline-block;width:40px;font-weight:inherit;}
.sc-box .map .maparea .markers > li:nth-child(3) .overlay{top:auto;bottom:50px;}
.sc-box .map .maparea .markers > li:nth-child(10) .overlay{top:auto;bottom:50px;}

.sc-box .map .imgwrap{height: 100%;}
.sc-box .map .imgwrap > span{display:block;height:100%;}
.sc-box .map .imgwrap img{max-height: 100%;}
.sc-box .map .imgwrap .mobile{display:none;}


#layerPop{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:2;padding:0 15px;box-sizing: border-box;}
#layerPop.on {display:block;}
#layerPop .layerpop-wrap {position:relative;width:100%;height:100%;}
#layerPop .layerpop-item {display:none;}
#layerPop .layerpop-item.on {display:block;}
#layerPop .layerpop-item .al{display:flex;flex-wrap:wrap;justify-content: space-between;width:100%;max-width:1313px;padding:30px;box-sizing: border-box;border-radius:10px;position:absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);background-color:#ffffff;}
#layerPop .layerpop-item .img-box {max-width:660px;max-height:666px;width:100%;/* height:100%; */border-radius:12px;overflow: hidden;}
#layerPop .layerpop-item .img-box img {width:100%;height:100%;}
#layerPop .layerpop-item .info{max-width:calc(100% - 690px);width:100%;}
#layerPop .layerpop-item .info .cate{border-radius:10px;display:inline-flex;align-items: center;justify-content: center;padding: 9px 15px;box-sizing: border-box;background-color:#333333;color:#ffffff;font-weight:600;font-size:18px;min-width:137px;}
#layerPop .layerpop-item .info .cate.rescue{background-color:#0fa886;}
#layerPop .layerpop-item .info .cate.children{background-color:#4678d4;}
#layerPop .layerpop-item .info .cate.city{background-color:#f57c52;}
#layerPop .layerpop-item .info .title{margin-top: 24px;font-size:40px;color:#222222;font-weight:600;padding-bottom: 10px;}
#layerPop .layerpop-item .info-list > li{padding-left:128px;position:relative;margin-top: 13px;}
#layerPop .layerpop-item .info-list .i-tit{width:110px;font-size:22px;color:#222222;font-weight:600;text-align:justify;border-radius:10px;background-color:#d5d5d5;padding:5px 10px;display: inline-block;position: absolute;left: 0;height: 40px;}
#layerPop .layerpop-item .info-list .i-tit::after{display:inline-block; content: ""; width:100%;}
#layerPop .layerpop-item .info-list .i-tit.dm-style{text-align:center;}
#layerPop .layerpop-item .info-list .zw{font-size:22px;color:#222222;font-weight:600;line-height: 1.83;}
#layerPop .layerpop-item .info-list .zw.rl-style > ul{font-size:inherit;color:inherit;font-family:inherit;font-weight:inherit;line-height: inherit;}
#layerPop .layerpop-item .info-list .zw.rl-style > ul > li{padding-left:53px;position:relative;line-height: inherit;font-weight:inherit;}
#layerPop .layerpop-item .info-list .zw.rl-style .rlt{position:absolute;left:0;top:1px;display:inline-block;width:53px;font-weight:inherit;}
#layerPop .detail-btns{margin-top:40px;text-align:center;}
#layerPop .detail-btns > a{display:inline-block;font-size:22px;color:#ffffff;text-align:center;border-radius:10px;background-color:#0fa886;width:209px;height:53px;line-height:53px;font-weight:600;}
#layerPop .layer-close.pc-in{position:absolute;right:28px;top:20px;width:15px;height:15px;background:url(../images/lp_close_icon.png) no-repeat center;font-size: 0;text-indent: -99999px;}
#layerPop .layer-close.mo-in{display:none;position:fixed;right:18px;top:20px;width:20px;height:20px;background:url(../images/m_lp_close_icon.png) no-repeat center;font-size: 0;text-indent: -99999px;}

@media screen and (max-width: 1410px){
	#container .wid{padding:0 10px 55px;}
	
	.sc-box .list{width:380px;height:auto;}
	.sc-box .list-items ul li a .text{font-size:18px;}
	.sc-box .map{width:calc(100% - 395px);}
}

@media screen and (max-width: 1280px){
	.sc-box .list-count{font-size:18px;margin-bottom:17px;}
	.sc-box .list{width:320px;padding:25px 15px;}
	.sc-box .list-items{height:480px;}
	.sc-box .list-items ul li a{padding:15px;}
	.sc-box .list-items ul li a .text{font-size:16px;width: calc(100% - 86px);}
	.sc-box .list-items ul li a::before{width:60px;height:60px;}
	.sc-box .map{width:calc(100% - 335px);padding:25px;max-height:565px;}
}

@media screen and (min-width:1025px) and (max-width: 1280px){
	#layerPop .layerpop-item .al{padding: 20px;}
	#layerPop .layerpop-item .img-box{max-width: 550px;max-height: 550px;}
	#layerPop .layerpop-item .info{max-width: calc(100% - 580px);}
	#layerPop .layerpop-item .info .title{font-size: 35px;margin-top: 15px;}
	#layerPop .layerpop-item .info-list > li{margin-top:10px;}
	#layerPop .layerpop-item .info-list .zw{font-size:20px;}
	#layerPop .layerpop-item .info-list .i-tit{font-size:20px;width:100px;}
	#layerPop .layerpop-item .info-list > li{padding-left: 115px;}
	#layerPop .detail-btns{margin-top:30px;}
}

@media screen and (max-width: 1140px){
	.sc-box{display:block;align-items: normal;}
	.sc-box .list{width:100%;padding:15px;margin-bottom:40px;}
	.sc-box .list-items{width: 100%;height: auto;padding-right: 0;padding-bottom: 8px;overflow-y: hidden;overflow-x: auto;}
	.sc-box .list-items ul{display:flex;align-items:center;width:100%;gap:10px;}
	.sc-box .list-items ul li{flex-grow: 1;flex-shrink: 0;margin-bottom:0;}
	.sc-box .list-items ul li a{height:100%;}
	.sc-box .list-count{margin-bottom:8px;}
	.sc-box .map{width:100%;margin-left:0;max-height:590px;}
	
}


@media screen and (max-width: 1024px){
	
	#layerPop .layerpop-item.on{display:block;}
	#layerPop .layerpop-item .img-box{display:block;position: relative;padding-top: 40%;box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);overflow: hidden;max-width: 100%;max-height: none;}
	#layerPop .layerpop-item .img-box img{position: absolute;inset: -9999px;border-radius:12px;width: 100%;margin: auto;}
	#layerPop .layerpop-item{padding:12px;width:100%;height:100%;}
	#layerPop .layerpop-item .al{overflow-y: auto;max-height: 90%;}
	#layerPop .layerpop-item .info{max-width:none;margin-top: 25px;}
	#layerPop .layerpop-item .info .title{font-size:30px;margin-top: 14px;padding-bottom: 6px;}
	#layerPop .layerpop-item .info-list .i-tit{width:96px;font-size:19px;padding:4px 10px;height:35px;}
	#layerPop .layerpop-item .info-list > li{padding-left: 112px;margin-top:10px;}
	#layerPop .layerpop-item .info-list .zw{font-size:20px;}
	#layerPop .detail-btns{margin-top:35px;}
	#layerPop .detail-btns > a{font-size:19px;}
	#layerPop .layer-close{position:fixed;z-index: 2;background: url(../images/m_lp_close_icon.png) no-repeat center;width:20px;height:20px;right:0;top:-28px;}
	#layerPop .layer-close.pc-in{display:none;}
	#layerPop .layer-close.mo-in{display:block;}
}

@media screen and (max-width: 850px){
	.sc-box .map{max-height:530px;}
	
	.sc-box .map .maparea .markers > li:nth-child(3) .overlay{left:-13px;}
	.sc-box .map .maparea .markers > li:nth-child(8) .overlay{left: 71px;top: auto;bottom: 44px;}
	.sc-box .map .maparea .markers > li:nth-child(10) .overlay{left:71px;}
}

@media screen and (max-width: 768px){
	#container .wid{padding:0 10px 20px;}
	
	.sc-box{padding:0;background:none;}
	.sc-box .list{margin-bottom: 12px;}
	.sc-box .list-count{display:none;}
	.sc-box .map{display:flex;flex-direction: column;max-height: none;height: auto;gap: 15px;border: 10px solid #f2f5fa;border-radius: 40px;}
	.sc-box .map .mapinfo{order:2;}
	.sc-box .map .maparea{order:1;}
	
	#layerPop .layerpop-item .info .cate{display:none;}
	#layerPop .layerpop-item .img-box{padding-top:60%;}
	
	.sc-box .map .mapinfo ul{justify-content: center;}
	.sc-box .map .mapinfo ul li{margin-right:15px;}
	.sc-box .map .maparea .markers > li a{width:12px;height:17px;background-size:contain;}
	.sc-box .map .maparea .markers > li a[data-cate="rescue"]{background-image: url(../images/mini_map_ic_green.png);}
	.sc-box .map .maparea .markers > li a[data-cate="children"]{background-image: url(../images/mini_map_ic_blue.png);}
	.sc-box .map .maparea .markers > li a[data-cate="city"]{background-image: url(../images/mini_map_ic_orange.png);}
	.sc-box .map .maparea .markers > li a.checked{width:12px;height:17px;background-image:url(../images/map_ic_on.png);background-size:contain;}
	
	.sc-box .list-items{padding-bottom:0;}
	.sc-box .list-items ul li a{padding:8px 15px;}
	.sc-box .list-items::-webkit-scrollbar {display:none;}
	
	
}

@media screen and (max-width: 480px){
	.sc-box .map{padding: 20px 10px;}
	.sc-box .map .imgwrap .pc{display:none;}
	.sc-box .map .imgwrap .mobile{display:block;}
	
	.sc-box .map .maparea .markers > li:nth-child(9){right:27.5%;}
	.sc-box .map .maparea .markers > li:nth-child(12){right:76.5%;}
	
	#layerPop .layerpop-item .img-box{padding-top:75%;}
}

@media screen and (max-width: 425px){
	.sc-box .map .mapinfo ul{display: flex;flex-direction: column;flex-wrap: wrap;align-items: flex-start;align-content: center;}
	.sc-box .map .mapinfo ul li span{font-size:16px;}
}