.container .content .areaJN div span{
    display: inline-block;
    padding: 10px 5px;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    text-shadow: 0 0 2px rgb(0, 0, 0);
    z-index: 40;
    cursor: pointer;
}
.container .content .areaJN div span:hover{   
    color: rgb(137, 255, 1);
}
.container .content .JN1 span{
    top: 75px;
    left: 50px;
}
.container .content .JN2 span{    
    top: 75px;
    left: 70px;
}
.container .content .JN3 span{
    top: 85px;
    left: 35px;
}
.container .content .JN4 span{
    top: 60px;
    left: 70px;
}
.container .content .JN5 span{
    top: 55px;
    left: 40px;
}
.container .content .JN7 span{
    top: 80px;
    left: 100px;
}
.container .content .JN8 span{
    top: 95px;
    left: 65px;
}
.container .content .JN9 span{
    top: 45px;
    left: 75px;
}
.container .content .JN10 span{
    top: 45px;
    left: 50px;
}
.container .content .JN11 span{
    top: 105px;
    left: 50px;
}
.container .content .JN12 span{
    top: 40px;
    left: 120px;
}
.container .content .JN13 span{
    top: 50px;
    left: 30px;
}
.container .content .JN14 span{
    top: 70px;
    left: 65px;
}
.container .content .JN16 span{
    top: 120px;
    left: 70px;
}
.container .content .JN17 span{
    top: 110px;
    left: 25px;
}
.container .content .JN18 span{
    top: 120px;
    left: 110px;
}

.container .content .JNitem{
    position: absolute;
    background-size: contain;
    cursor: pointer; 
}
.container .content .JNitem.JN1{
    top: 89px;
    left: 188px;
    width: 146px;
    height: 143px;
    background: url(../img/map/JN/yeoungkwang.png) no-repeat center center;
}
.container .content .JNitem.JN2{
    top: 71px;
    left: 315px;
    width: 167px;
    height: 156px;
    background: url(../img/map/JN/jangseong.png) no-repeat center center;
}
.container .content .JNitem.JN3{
    top: 88px;
    left: 447px;
    width: 106px;
    height: 204px;
    background: url(../img/map/JN/damyang.png) no-repeat center center;
}
.container .content .JNitem.JN4{
    top: 168px;
    left: 543px;
    width: 152px;
    height: 153px;
    background: url(../img/map/JN/goksung.png) no-repeat center center;
}
.container .content .JNitem.JN5{
    top: 169px;
    left: 677px;
    width: 117px;
    height: 149px;
    background: url(../img/map/JN/guree.png) no-repeat center center;
}
.container .content .JNitem.JN7{
    top: 266px;
    left: 581px;
    width: 286px;
    height: 212px;
    background: url(../img/map/JN/suncheonky.png) no-repeat center center;
}
.container .content .JNitem.JN8{
    top: 243px;
    left: 417px;
    width: 177px;
    height: 205px;
    background: url(../img/map/JN/hwasun.png) no-repeat center center;
}
.container .content .JNitem.JN9{
    top: 279px;
    left: 264px;
    width: 186px;
    height: 135px;
    background: url(../img/map/JN/naju.png) no-repeat center center;
}
.container .content .JNitem.JN10{
    top: 205px;
    left: 216px;
    width: 139px;
    height: 142px;
    background: url(../img/map/JN/hampyeong.png) no-repeat center center;
}
.container .content .JNitem.JN11{
    top: 247px;
    left: 32px;
    width: 253px;
    height: 341px;
    background: url(../img/map/JN/muan.png) no-repeat center center;
}
.container .content .JNitem.JN12{
    top: 377px;
    left: 191px;
    width: 228px;
    height: 142px;
    background: url(../img/map/JN/youngam.png) no-repeat center center;
}
.container .content .JNitem.JN13{
    top: 421px;
    left: 389px;
    width: 119px;
    height: 255px;
    background: url(../img/map/JN/jangheoung.png) no-repeat center center;
}
.container .content .JNitem.JN14{
    top: 376px;
    left: 471px;
    width: 229px;
    height: 182px;
    background: url(../img/map/JN/bosung.png) no-repeat center center;
}
.container .content .JNitem.JN15{
    top: 438px;
    left: 742px;
    width: 115px;
    height: 202px;
    background: url(../img/map/JN/yesu.png) no-repeat center center;
}
.container .content .JNitem.JN16{
    top: 466px;
    left: 535px;
    width: 185px;
    height: 226px;
    background: url(../img/map/JN/goheoung.png) no-repeat center center;
}
.container .content .JNitem.JN17{
    top: 466px;
    left: 299px;
    width: 143px;
    height: 294px;
    background: url(../img/map/JN/kangjin.png) no-repeat center center;
}
.container .content .JNitem.JN18{
    top: 471px;
    left: 57px;
    width: 292px;
    height: 259px;
    background: url(../img/map/JN/haenam.png) no-repeat center center;
}