@charset "UTF-8";
     
/* 20250911 */   
#ms-wrap{max-width:1920px;margin:0 auto;height: 660px;display: flex;justify-content: flex-start;overflow: hidden;border-bottom: 1px solid #d3d3d3;}
#ms-wrap .navsh{flex: 0 0 auto;width: 425px;height:100%;background:#fff;box-shadow: 1px 0px 12px rgb(0 0 0 / 12%);position: relative;z-index: 1;transition: 0.3s ease;}
#ms-wrap .service{width:100%; max-width:1181px; transition: 0.3s ease;padding: 17px 20px;position: relative;overflow: hidden;}
#ms-wrap .service > img{vertical-align:middle;width:100%;height:100%;box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.4);border-radius: 20px;}
#ms-wrap .service .map-list{z-index:100; position: absolute;top: 30px;left: 35px;background: #fff;width: 392px;border: 2px solid #002b88;border-radius: 10px;text-align: center;overflow: hidden;box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.34);}
#ms-wrap .service .map-list .tit{border-radius: 10px;}   
#ms-wrap .service .map-list .tit a{height: 43px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 18px;font-weight: 700;background: #002b88 url(/static/portal/img/map_new/icon_dw.png) no-repeat right 30px center;border-radius: 7px;box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.34);}
#ms-wrap .service .map-list .cont{ display: none; font-size: 14px;padding: 5px 15px;}
#ms-wrap .service .map-list .cont table th{} 
#ms-wrap .service .map-list .cont table td{border-top: 1px solid #d8d8d8;}
#ms-wrap .service .map-list .cont table td.color1{color:#101088;} 
#ms-wrap .service .map-list .cont table td.color2{color:#0c850c;}
#ms-wrap .service .map-list .cont table td.bold{font-weight:700;}
#ms-wrap .service .map-addr-list{position: absolute;top: 27.2%;left: 58.8%;background: #fff;width: 205px;border: 2px solid #002b88;border-radius: 10px;box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.34);padding: 6px 12px;}
#ms-wrap .service .map-addr-list::after{content:"";position:absolute;left: 50%;bottom: -20px;width:22px;height:20px;background:url(/static/portal/img/map_new/icon_dw2.png) no-repeat;transform: translateX(-50%);}
#ms-wrap .service .map-addr-list > ul{}
#ms-wrap .service .map-addr-list > ul > li{border-bottom: 1px solid #eeeeee;position: relative;padding-left: 17px;}
#ms-wrap .service .map-addr-list > ul > li:last-child{border-bottom:0;}
#ms-wrap .service .map-addr-list > ul > li a{font-size: 15px;color: #263f87;padding: 3px 0;}
 
#map { 
    border-radius: 20px;
    box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.4);
}

#ms-wrap .navsh.c-hid{display:none; transition: 0.3s ease;} 
#ms-wrap .service.c-hid{float:none;width:100%; transition: 0.3s ease;} 
#ms-wrap .rt-box{flex: 0 0 auto;width:314px;padding: 30px 24px;box-shadow: -5px 0px 12px rgb(0 0 0 / 12%);}
#ms-wrap .rt-box .tit{font-size:18px;color:#000000;background: url(/static/portal/img/map_new/icon_tit.png) no-repeat left center;padding-left: 35px;margin-bottom: 10px;}
#ms-wrap .rt-box .scroll-box > ul > li{position:relative;font-size: 15px;padding-left: 15px;}
#ms-wrap .rt-box .scroll-box > ul > li::before{content:"";position:absolute;left: 3px;top: 10px;width:5px;height:5px;background:#bebebe;border-radius: 50%;}
#ms-wrap .rt-box .scroll-box{max-height: 520px;overflow: auto;} 
#ms-wrap .rt-box .scroll-box .box{background: none;border: 1px solid #cccccc;padding: 20px;margin-top: 20px;}
#ms-wrap .rt-box .scroll-box .box .tit2{padding-left: 25px;color: #445171;position: relative;margin-bottom: 10px;}
#ms-wrap .rt-box .scroll-box .box .tit2::before{content:"";position:absolute;left: 3px;top: 5px;width:2px;height:16px;background:#4a5070;border-radius: 50%;}
#ms-wrap .rt-box .scroll-box .box > ul > li{position: relative;font-size: 15px;padding-left: 15px;}
   
#ms-wrap .logo{padding-left:33px;}
#ms-wrap .logo .txt{display:inline-block;color:#000000;font-size:24px;font-weight:800;padding-left:52px;position:relative;}
#ms-wrap .logo .txt::before{content:'';position:absolute;top: 8px;left:0;width:30px;height:22px;background:url(/static/portal/img/map_new/ms2_logo.png) no-repeat;}
#ms-wrap .search-bar{width:calc(100% - 40px);margin:5px  auto 0;position:relative;display: flex;align-items: center;background: #f5f5f5;border-radius: 20px;border: 1px solid #e0e0e0;}
#ms-wrap .search-bar select{background: url(/static/portal/img/map_new/icon_select.png) no-repeat right 15px center;appearance: none;border: 0;width: 125px;height: 46px;padding-left: 25px;padding-right: 20px;border-right: 1px solid #e0e0e0;font-size: 14px;}
#ms-wrap .search-bar input{flex: 1 1 auto;background: none;height:46px;font-size:14px;color:#1a1a1a;padding-left: 20px;padding-right:44px;border: 0;}
#ms-wrap .search-bar .btn-search{display:flex;width:32px;height:32px;background:#000000;border-radius:50%;position: absolute;right: 11px;top: 7px;justify-content: center;align-items: center;}

#ms-wrap .d-txt{margin-top: 6px;text-align:center;font-size:24px;font-weight:700;}
#ms-wrap .d-txt span{font-family:inherit;}
#ms-wrap .d-txt .clr-blue{color:#263f87;}
#ms-wrap .d-txt .clr-black{color:#000000;}

#ms-wrap .loca-tab{position:relative;} 
#ms-wrap .loca-tab .tablist > li{position:relative;}
#ms-wrap .loca-tab .tablist > li + li{margin-top:4px;}
#ms-wrap .loca-tab .tablist > li > a{display:block;width: 167px;font-size: 14px;padding: 15px 4px 15px 68px;line-height: 1;color: #414141;background-repeat:no-repeat;background-color:#f5f5f5;background-position: 30px center;border-radius:0 10px 10px 0;}
#ms-wrap .loca-tab .tablist > li.on > a{color: #fff; background-color:#263f87;}
#ms-wrap .loca-tab .tablist > li:nth-child(1) > a{background-image:url(/static/portal/img/map_new/nav_icon01.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(2) > a{background-image:url(/static/portal/img/map_new/nav_icon02.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(3) > a{background-image:url(/static/portal/img/map_new/nav_icon03.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(4) > a{background-image:url(/static/portal/img/map_new/nav_icon04.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(5) > a{background-image:url(/static/portal/img/map_new/nav_icon05.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(6) > a{background-image:url(/static/portal/img/map_new/nav_icon06.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(7) > a{background-image:url(/static/portal/img/map_new/nav_icon07.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(8) > a{background-image:url(/static/portal/img/map_new/nav_icon08.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(9) > a{background-image:url(/static/portal/img/map_new/nav_icon09.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(1).on > a{background-image:url(/static/portal/img/map_new/nav_icon01_on.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(2).on > a{background-image:url(/static/portal/img/map_new/nav_icon02_on.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(3).on > a{background-image:url(/static/portal/img/map_new/nav_icon03_on.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(4).on > a{background-image:url(/static/portal/img/map_new/nav_icon04_on.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(5).on > a{background-image:url(/static/portal/img/map_new/nav_icon05_on.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(6).on > a{background-image:url(/static/portal/img/map_new/nav_icon06_on.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(7).on > a{background-image:url(/static/portal/img/map_new/nav_icon07_on.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(8).on > a{background-image:url(/static/portal/img/map_new/nav_icon08_on.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(9).on > a{background-image:url(/static/portal/img/map_new/nav_icon09_on.png);}
#ms-wrap .loca-tab .tablist > li:nth-child(5) .panel{top: -192px;}   
#ms-wrap .loca-tab .tablist > li:nth-child(6) .panel{top: -70px;} 
#ms-wrap .loca-tab .tablist > li:nth-child(7) .panel{top: -120px;}
#ms-wrap .loca-tab .tablist > li:nth-child(8) .panel{top: -160px;} 
#ms-wrap .loca-tab .tablist > li:nth-child(9) .panel{top:auto;bottom: 0;}

#ms-wrap .loca-tab .tablist > li:nth-child(5) .panel .arrow::before{top: 205px;}
#ms-wrap .loca-tab .tablist > li:nth-child(6) .panel .arrow::before{top: 84px;}
#ms-wrap .loca-tab .tablist > li:nth-child(7) .panel .arrow::before{top: 134px;}
#ms-wrap .loca-tab .tablist > li:nth-child(8) .panel .arrow::before{top: 174px;}
#ms-wrap .loca-tab .tablist > li:nth-child(9) .panel .arrow::before{top: 220px;}

 
#ms-wrap .loca-tab .panel{display: none;position: absolute;top:0;right:0;padding-left:10px;z-index: 1; max-height: 250px;}
#ms-wrap .loca-tab .panel.on{display: block;} 
#ms-wrap .loca-tab .panel li{background: url(/static/portal/img/main/dotx5.png) 0 bottom repeat-x; padding: 3px 5px 3px 0;position: relative; border-bottom:1px solid #e1e3ea;}
#ms-wrap .loca-tab .panel li:last-child{border-bottom:none;}
#ms-wrap .loca-tab .panel li label{position:relative;padding-left:21px;cursor:pointer;font-size:15px;color:#494949;}
#ms-wrap .loca-tab .panel li label::before{content:"";width:12px;height:12px;display:inline-block;position:absolute;vertical-align:middle;border:1px solid #20409a;left: 1px;top: 2px;background: #fff;}
#ms-wrap .loca-tab .panel li input[type="radio"]{visibility:hidden; position:absolute;z-index:1;} 
#ms-wrap .loca-tab .panel li input[type="radio"]:checked + label{font-size:17px;color:#263f87;font-weight:700;}
#ms-wrap .loca-tab .panel li input[type="radio"]:checked + label::after{content:"";display:inline-block;width:16px;height:13px;background:url(/static/portal/img/map_new/ms2_check_arrow.png) no-repeat;position:absolute;left: 0.5px;top: 1.5px;}
#ms-wrap .loca-tab .tablist > li .panel .arrow{width: 243px;padding: 6px 0 6px 23px;background: #f1f5ff;border-radius: 15px 0 0 15px;max-height: 490px;overflow: auto;}
#ms-wrap .loca-tab .tablist > li .panel .arrow::before{content:'';position:absolute;width:10px;height:15px;top: 14px;left: 0;background:url(/static/portal/img/map_new/ms2_panel_corn.jpg) no-repeat;}
/* #ms-wrap .loca-tab .tablist > li:nth-child(1) .panel::before{top: 14px;} */
#ms-wrap .extend-btn{display: none;position:fixed;width:18px;height:50px;background: url(/static/portal/img/map_new/ms2_extend.png) no-repeat left 4px center #fff;border:1px solid #e1e1e1;z-index: 100;left: 355px;top: 50%;transform: translateY(-50%);}
#ms-wrap .extend-btn.c-hid{left: 0px;transform: translateY(-50%) rotate(180deg);background-position: right 4px center;}
 
.ms-list{max-width:1920px;margin:0 auto;margin-top:15px;padding:0 35px;}
.ms-list .total{font-size: 14px;margin-bottom: 15px;padding: 0 10px;}
.ms-list .total strong{color: #b1602b;}
.ms-list .total .excel{border:1px solid #dddddd;width: 146px;height: 38px;line-height: 38px;border-radius: 5px;background: url(/static/portal/img/map_new/icon_excel.png) no-repeat 6px center;padding-left: 44px;font-weight: 700;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.08);margin-left: 10px;}
.ms-list table{border-top:2px solid #1a66d4;} 
.ms-list table thead th{height:50px;padding:5px;background:#f1f5ff;font-size:15px; font-weight: 900;} 
.ms-list table tbody td{height:43px;padding:5px;border-top:1px solid #cccccc;font-size:15px;text-align:center;}
.ms-list .btn{min-width:60px;height:30px;line-height:30px;background:#284088;padding:0 10px;font-size:15px;font-weight:700;color:#fff;border-radius: 5px;}

@media screen and  (max-width: 1200px) {
	#ms-wrap{display: block;height: auto;}
	#ms-wrap .logo{text-align:center;padding-left: 0;}
	#ms-wrap .search-bar{width: auto;} 
	#ms-wrap .navsh,
	#ms-wrap .service{float:none;width:100%;height:auto;padding:0 10px; position: relative;}
	#ms-wrap .navsh{box-shadow:none;}
	#ms-wrap .service{margin-top: 0px;margin: 20px 10px;padding: 0;width: auto;border-radius: 20px;}
	#ms-wrap .loca-tab{margin-top:4px;}
	#ms-wrap .loca-tab .tablist::after{content:"";display:block;clear:both;}
	#ms-wrap .loca-tab .tablist{}
	#ms-wrap .loca-tab .tablist > li{float:left;width: calc(100% / 5 - 1px);}
	#ms-wrap .loca-tab .tablist > li + li{margin-top:0;}
	#ms-wrap .loca-tab .tablist > li{border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;position: static;}
	#ms-wrap .loca-tab .tablist > li:nth-child(5n){/* border-right-color: transparent; */}
	#ms-wrap .loca-tab .tablist > li:nth-child(n+6){border-bottom-color: transparent;}
	#ms-wrap .loca-tab .tablist > li > a{width:auto;border-radius: 0;}
	#ms-wrap .loca-tab .panel{top: 97px !important;bottom: auto !important;width: 100%;padding-left: 0;}
	#ms-wrap .loca-tab .panel li{padding-left:8px;}
	#ms-wrap .loca-tab .tablist > li .panel .arrow{width:100%;max-height:none;border-radius:0;padding-left:0;}
	#ms-wrap .loca-tab .tablist > li .panel .arrow::before{display:none;}
	#ms-wrap .extend-btn{display:none;}

	#ms-wrap .rt-box{width:100%;padding: 20px 10px;}
	#ms-wrap .rt-box .scroll-box{max-height:none;}
	
	.ms-list{padding:0 10px;}
}

@media screen and  (max-width: 768px) {
	#ms-wrap .loca-tab .panel{top: 230px !important;}
	#ms-wrap .loca-tab .tablist > li{float:left;width:calc(100% / 2 - 1px);}
	#ms-wrap .loca-tab .tablist > li:nth-child(4n){border-right-color:#bfbfbf;}
	#ms-wrap .loca-tab .tablist > li:nth-child(n+6){border-bottom-color:#bfbfbf;}
	#ms-wrap .loca-tab .tablist > li:nth-child(2n){border-right-color:transparent;}
	#ms-wrap .loca-tab .tablist > li:nth-last-child(-n + 1){border-bottom-color:transparent;}
	#ms-wrap .logo .txt{font-size:22px;padding-left: 40px;}
	#ms-wrap .logo .txt::before{top:6px;}
	#ms-wrap .d-txt{font-size:20px;margin-top:5px;}
	#ms-wrap .loca-tab .tablist > li > a{padding-left:55px;background-position:left 17px center;}
	#ms-wrap .search-bar{width:100%;}

	.ms-list-table{overflow-x:auto;}
	.ms-list-table table{min-width:1024px;}
	
	.map-list{display: none;} 
}

.bdList{ 
	overflow-y: auto;
	height: 500px; 
}

	.custom-overlay {
		/* 기존 요청하신 스타일을 여기에 적용합니다. */
		border: 2px solid #002b88; 
		border-radius: 10px; 
		box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.34); 
		padding: 6px 20px;
		background-color: white;
		position: absolute;
		bottom: 46px; /* 마커 바로 위에 위치하도록 조정 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;  
	}
	.custom-overlay .content {
		/* 폰트 관련 스타일 적용 */
		font-size: 15px; 
		color: #263f87;
		font-weight: bold;
	}  
	
	.custom-overlay .content::before{
		    content: "";
    position: absolute;
    left: 10px;  
    top: 18px;
    width: 5px;
    height: 5px;
    background: #076cff;
    border-radius: 50%; 
	}

    /* 말풍선 꼬리 추가 (선택 사항) */
    .custom-overlay::after {
           content: ""; 
    position: absolute;
    left: 50%;
    bottom: -20px;
    width: 22px;
    height: 20px;
    background: url(/static/portal/img/map_new/icon_dw2.png) no-repeat;
    transform: translateX(-50%);
 
    } 

/* //20250911 */