@charset "euc-kr";
.map-wrap {position: relative;}
.map-wrap .map-img .map-bg-ta {display:none}
.map-wrap .pin {position: absolute;}
/* .map-wrap .pin > img {width: 100%;} */
.map-wrap .pin.ico-jg {top: 138px;left: 353px;}
.map-wrap .pin.ico-bc {top: 250px;left: 57px}
.map-wrap .pin.ico-md {top: 275px;left: 172px}
.map-wrap .pin.ico-gn {top: 275px;left: 288px}
.map-wrap .pin.ico-dc {top: 285px;left: 353px}
.map-wrap .pin.ico-pc {top: 397px;left: 220px}
.map-wrap .pin.ico-bd {top: 425px;left: 333px}
.map-wrap .pin.ico-yt {top: 535px;left: 292px}
.map-wrap .pin.ico-wj {top: 209px;left: 965px}
.map-wrap .pin.ico-cj {top: 341px;left: 890px}
.map-wrap .pin.ico-dj {top: 423px;left: 859px}
.map-wrap .pin.ico-jj {top: 505px;left: 815px}
.map-wrap .pin.ico-gj {top: 629px;left: 780px}
.map-wrap .pin.ico-dg {top: 500px;left: 1029px}
.map-wrap .pin.ico-us {top: 550px;left: 1133px}
.map-wrap .pin.ico-ct {top: 633px;left: 1097px}
.map-wrap .pin.ico-cw {top: 587px;left: 1025px}
.map-wrap .pin.ico-gisuk {top: 490px;left: 374px;}


.map-wrap .h-cont {
	display: none;
	 background: #fff;width: max-content;max-width: min(575px, calc(100vw - 48px));position: absolute;top: 85px;left: 0;z-index: 1;padding: 20px;border: 1px solid #ccc;border-radius: 10px;box-sizing:border-box; word-break: keep-all;}
.map-wrap .h-cont p {font-size: 13px;text-align: left;}
.map-wrap .h-cont .main-tit {font-size: 16px;color: #333;font-weight: 700;display: block;text-align: left;}
.map-wrap .h-cont .sub-txt {font-size: 13px;display: block;text-align: left;margin-top: 10px;color: #777;}
.map-wrap .h-cont .list-bar {margin-top: 10px;}
.map-wrap .h-cont .list-bar li {line-height: 1.7;color: #555;font-size: 14px;font-weight: 400;text-align: left;position: relative;}
.map-wrap .h-cont .list-bar li:before {position: absolute;top: 0;left: -10px;}

.map-wrap .pin:hover .h-cont  {display: block;cursor: pointer;}
.map-wrap .pin.is-preactive .h-cont {display:block;visibility:hidden;pointer-events:none;}

.map-wrap .h-cont.gisuk {top: -282px;}
.map-wrap .h-cont.gj {top: -330px;}
.map-wrap .h-cont.us {top: -330px;}
.map-wrap .h-cont.dg {left: -250px;}
.map-wrap .h-cont.us {left: -250px;top: -240px;}
.map-wrap .h-cont.cw {left: -250px;top: -240px;}
.map-wrap .h-cont.ct {left: -250px;top: -360px;}
.map-wrap .h-cont.dc {text-decoration: unset;color: unset;font-weight: unset;}


@media (min-width:768px) and (max-width:1199px) {
	.map-wrap {position:relative;width:768px;height:1546px;margin:0 auto}
	.map-wrap .map-img {display:block;margin:0}
	.map-wrap .map-img img {display:block;width:768px;height:1546px;max-width:none}
	.map-wrap .map-img .map-bg-pc {display:none}
	.map-wrap .map-img .map-bg-ta {display:block}
	.map-wrap .pin {position:absolute;z-index:2}
	.map-wrap .pin > img {display:block;max-width:none}
	.map-wrap .pin.ico-jg {top:117px;left:425.5px}
	.map-wrap .pin.ico-bc {top:249px;left:127.5px}
	.map-wrap .pin.ico-md {top:245px;left:240.5px}
	.map-wrap .pin.ico-gn {top:255px;left:379.5px}
	.map-wrap .pin.ico-dc {top:266px;left:444.5px}
	.map-wrap .pin.ico-pc {top:397px;left:298.5px}
	.map-wrap .pin.ico-bd {top:419px;left:413.5px}
	.map-wrap .pin.ico-yt {top:540px;left:370.5px}
	.map-wrap .pin.ico-gisuk {top:481px;left:442.5px}
	.map-wrap .pin.ico-gisuk > img {width:259px;height:auto}
	.map-wrap .pin.ico-wj {top:913px;left:400.5px}
	.map-wrap .pin.ico-cj {top:1047px;left:320.5px}
	.map-wrap .pin.ico-dj {top:1134px;left:289.5px}
	.map-wrap .pin.ico-jj {top:1237px;left:247.5px}
	.map-wrap .pin.ico-gj {top:1345px;left:205.5px}
	.map-wrap .pin.ico-dg {top:1221px;left:462.5px}
	.map-wrap .pin.ico-us {top:1271px;left:571.5px}
	.map-wrap .pin.ico-ct {top:1350px;left:545.5px}
	.map-wrap .pin.ico-jg .h-cont {top:542px;left:-324px}
	.map-wrap .pin.ico-bc .h-cont {top:410px;left:-26px}
	.map-wrap .pin.ico-md .h-cont {top:414px;left:-139px}
	.map-wrap .pin.ico-gn .h-cont {top:404px;left:-278px}
	.map-wrap .pin.ico-dc .h-cont {top:393px;left:-343px}
	.map-wrap .pin.ico-pc .h-cont {top:262px;left:-197px}
	.map-wrap .pin.ico-bd .h-cont {top:240px;left:-312px}
	.map-wrap .pin.ico-yt .h-cont {top:119px;left:-269px}
	.map-wrap .pin.ico-gisuk .h-cont {top:178px;left:-341px}
	.map-wrap .pin.ico-wj .h-cont {top:-254px;left:-299px}
	.map-wrap .pin.ico-cj .h-cont {top:-388px;left:-219px}
	.map-wrap .pin.ico-dj .h-cont {top:-475px;left:-188px}
	.map-wrap .pin.ico-jj .h-cont {top:-578px;left:-146px}
	.map-wrap .pin.ico-gj .h-cont {top:-686px;left:-104px}
	.map-wrap .pin.ico-dg .h-cont {top:-562px;left:-361px}
	.map-wrap .pin.ico-us .h-cont {top:-612px;left:-470px}
	.map-wrap .pin.ico-ct .h-cont {top:-691px;left:-444px}
	.map-wrap .h-cont {display:none;position:absolute;width:max-content;max-width:min(575px, calc(100vw - 48px));min-height:228px;padding:14px 44px 14px 14px;border:1px solid #777;border-radius:8px;background:#fff;box-sizing:border-box;word-break:keep-all;z-index:30}
	.map-wrap .pin:hover .h-cont {display:block;cursor:pointer}
	.map-wrap .h-cont:after {content:"";position:absolute;top:19px;right:19px;width:20px;height:20px;cursor:pointer;background:linear-gradient(45deg, transparent 47%, #333 48%, #333 52%, transparent 53%),linear-gradient(-45deg, transparent 47%, #333 48%, #333 52%, transparent 53%)}
	.map-wrap .h-cont p {font-size:13px;line-height:1.4;text-align:left}
	.map-wrap .h-cont .main-tit {display:block;color:#333;font-size:14px;font-weight:700;line-height:1.4;text-align:left}
	.map-wrap .h-cont .list-bar {margin-top:10px}
	.map-wrap .h-cont .list-bar li {position:relative;padding-left:8px;color:#555;font-size:13px;font-weight:400;line-height:1.4;text-align:left}
	.map-wrap .h-cont .list-bar li:before {content:"-";position:absolute;top:0;left:0}
	.map-wrap .h-cont .sub-txt {display:block;margin-top:10px;color:#777;font-size:12px;line-height:1.4;text-align:left}
}
@media (max-width:767px){

	/* .map-wrap {position:relative;width:calc(100vw - 32px);max-width:768px;height:auto;margin:0 auto} */
	.map-wrap {position:relative;height:auto;margin:0 auto}
	.map-wrap .map-img {display:block;margin:0}
	.map-wrap .map-img img {display:block;width:100%;height:auto;max-width:none}
	.map-wrap .map-img .map-bg-pc {display:none}
	.map-wrap .map-img .map-bg-ta {display:block}
	.map-wrap .pin {position:absolute;z-index:2}
	.map-wrap .pin > img {display:block;width:100%;height:auto;max-width:none}
	.map-wrap .pin.ico-jg {top:7.5679%;left:55.4036%;width:8.5938%}
	.map-wrap .pin.ico-bc {top:16.1061%;left:16.6016%;width:7.1615%}
	.map-wrap .pin.ico-md {top:15.8473%;left:31.3151%;width:8.5938%}
	.map-wrap .pin.ico-gn {top:16.4942%;left:49.4141%;width:8.5938%}
	.map-wrap .pin.ico-dc {top:17.2057%;left:57.8776%;width:7.1615%}
	.map-wrap .pin.ico-pc {top:25.6792%;left:38.8672%;width:7.4219%}
	.map-wrap .pin.ico-bd {top:27.1022%;left:53.8411%;width:7.5521%}
	.map-wrap .pin.ico-yt {top:34.9288%;left:48.2422%;width:7.4219%}
	.map-wrap .pin.ico-gisuk {top:31.1125%;left:57.6172%;width:33.7240%}
	.map-wrap .pin.ico-wj {top:59.0556%;left:52.1484%;width:7.4219%}
	.map-wrap .pin.ico-cj {top:67.7232%;left:41.7318%;width:7.4219%}
	.map-wrap .pin.ico-dj {top:73.3506%;left:37.6953%;width:7.9427%}
	.map-wrap .pin.ico-jj {top:80.0129%;left:32.2266%;width:7.4219%}
	.map-wrap .pin.ico-gj {top:86.9987%;left:26.7578%;width:7.4219%}
	.map-wrap .pin.ico-dg {top:78.9780%;left:60.2214%;width:7.4219%}
	.map-wrap .pin.ico-us {top:82.2122%;left:74.4141%;width:7.5521%}
	.map-wrap .pin.ico-ct {top:87.3221%;left:71.0286%;width:7.2917%}
	.map-wrap .h-cont {display:none;position:fixed;top:50%;left:50%;width:calc(100vw - 32px);max-height:60vh;min-height:0;padding:14px 44px 14px 14px;border:1px solid #DBDBDB;border-radius:15px;background:#fff;box-sizing:border-box;overflow:auto;transform:translate(-50%,-50%);word-break:keep-all;z-index:30}
	.map-wrap .pin:hover .h-cont {display:block;cursor:pointer;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15);}
	.map-wrap .h-cont:after {content:"";position:absolute;top:20px;right:16px;width:16px;height:16px;cursor:pointer;background:linear-gradient(45deg, transparent 47%, #333 48%, #333 52%, transparent 53%),linear-gradient(-45deg, transparent 47%, #333 48%, #333 52%, transparent 53%)}
	.map-wrap .h-cont p {font-size:12px;line-height:1.4;text-align:left}
	.map-wrap .h-cont .main-tit {display:block;color:#333;font-size:13px;font-weight:700;line-height:1.4;text-align:left}
	.map-wrap .h-cont .list-bar {margin-top:8px}
	.map-wrap .h-cont .list-bar li {position:relative;padding-left:8px;color:#555;font-size:12px;font-weight:400;line-height:1.4;text-align:left}
	.map-wrap .h-cont .list-bar li:before {content:"-";position:absolute;top:0;left:0}
	.map-wrap .h-cont .sub-txt {display:block;margin-top:8px;color:#777;font-size:11px;line-height:1.4;text-align:left}
}
@media (min-width:768px) and (max-width:1199px) {
	.map-wrap .pin {cursor:pointer}
	.map-wrap .pin:hover .h-cont {display:none}
	.map-wrap .pin.is-active {z-index:20}
	.map-wrap .pin.is-preactive .h-cont {display:block;visibility:hidden;pointer-events:none}
	.map-wrap .pin.is-active .h-cont {display:block;cursor:default}
	/* .map-wrap .h-cont {width:360px;min-height:0;max-height:260px;overflow:auto} */
	.map-wrap .h-cont {width:max-content;max-width:min(575px, calc(100vw - 48px));min-height:0;overflow:auto}
	.map-wrap .pin.ico-jg .h-cont {top:82px;left:-220px}
	.map-wrap .pin.ico-bc .h-cont {top:82px;left:0}
	.map-wrap .pin.ico-md .h-cont {top:82px;left:-100px}
	.map-wrap .pin.ico-gn .h-cont {top:82px;left:-180px}
	.map-wrap .pin.ico-dc .h-cont {top:82px;left:-280px}
	.map-wrap .pin.ico-pc .h-cont {top:84px;left:-150px}
	.map-wrap .pin.ico-bd .h-cont {top:84px;left:-260px}
	.map-wrap .pin.ico-yt .h-cont {top:84px;left:-220px}
	.map-wrap .pin.ico-gisuk .h-cont {top:190px;left:-130px}
	.map-wrap .pin.ico-wj .h-cont {top:84px;left:-220px}
	.map-wrap .pin.ico-cj .h-cont {top:-268px;left:-150px}
	.map-wrap .pin.ico-dj .h-cont {top:-268px;left:-130px}
	.map-wrap .pin.ico-jj .h-cont {top:-268px;left:-80px}
	.map-wrap .pin.ico-gj .h-cont {top:-268px;left:0}
	.map-wrap .pin.ico-dg .h-cont {top:-268px;left:-260px}
	.map-wrap .pin.ico-us .h-cont {top:-268px;left:-330px}
	.map-wrap .pin.ico-ct .h-cont {top:-268px;left:-310px}
}

@media (max-width:767px) {
	.bottom-nav {z-index: 20;}
	.map-wrap .pin {cursor:pointer}
	.map-wrap .pin:hover .h-cont {display:none}
	.map-wrap .pin.is-active {z-index:20}
	.map-wrap .pin.is-preactive .h-cont {display:block;visibility:hidden;pointer-events:none}
	.map-wrap .pin.is-active .h-cont {display:block;cursor:default}
	/* .map-wrap .h-cont {position:absolute;top:calc(100% + 8px);right:auto;bottom:auto;left:50%;width:280px;max-width:calc(100vw - 32px);max-height:220px;min-height:0;overflow:auto;transform:translateX(-50%)} */
	.map-wrap .h-cont {position:absolute;top:calc(100% + 8px);right:auto;bottom:auto;left:50%;width:280px;max-width:calc(100vw - 32px);min-height:0;overflow:auto;transform:translateX(-50%)}
	.map-wrap .pin.ico-bc .h-cont, .map-wrap .pin.ico-md .h-cont, .map-wrap .pin.ico-jj .h-cont, .map-wrap .pin.ico-gj .h-cont {left:0;transform:none}
	.map-wrap .pin.ico-dc .h-cont, .map-wrap .pin.ico-bd .h-cont, .map-wrap .pin.ico-dg .h-cont, .map-wrap .pin.ico-us .h-cont, .map-wrap .pin.ico-ct .h-cont {right:0;left:auto;transform:none}
	.map-wrap .pin.ico-cj .h-cont, .map-wrap .pin.ico-dj .h-cont, .map-wrap .pin.ico-jj .h-cont, .map-wrap .pin.ico-gj .h-cont, .map-wrap .pin.ico-dg .h-cont, .map-wrap .pin.ico-us .h-cont, .map-wrap .pin.ico-ct .h-cont {top:auto;bottom:calc(100% + 8px)}
}