#closeBtnKN{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    bottom: 0;
    display: inline-block;
    padding: 10px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
    color: white;
    background: royalblue;
    cursor: pointer;
}
.container .content .areaKN div span{
    display: inline-block;
    padding: 5px 5px;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-shadow: 0 0 1px rgb(0, 0, 0);
}
.container .content .KN1 span{
    top: 25px;
    left:30px;
}
.container .content .KN2 span{    
    top: 60px;
    left:30px;
}
.container .content .KN3 span{
    top: 35px;
    left:15px;
}
.container .content .KN4 span{
    top: 30px;
    left:27px;
}
.container .content .KN5 span{
    top: 30px;
    left:27px;
}
.container .content .KN6 span{
    top: 20px;
    left:30px;
}
.container .content .KN7 span{
    top: 15px;
    left:20px;
}
.container .content .KN8 span{
    top: 20px;
    left:22px;
}
.container .content .KN9 span{
    top: 15px;
    left:23px;
}
.container .content .KN10 span{
    top: 20px;
    left:35px;
}
.container .content .KN11 span{
    top: 18px;
    left:10px;
}
.container .content .KN12 span{
    top: 20px;
    left:20px;
}
.container .content .KN13 span{
    top: 15px;
    left:20px;
}
.container .content .KN14 span{
    top: 15px;
    left:0;
}
.container .content .KN15 span{
    top: 25px;
    left:10px;
}
.container .content .KN16 span{
    top: 25px;
    left:25px;
}
.container .content .KN17 span{
    top: 10px;
    left:2px;
}
.container .content .KN18 span{
    top: 18px;
    left:18px;
}
.container .content .KN19 span{
    top: 10px;
    left:15px;
}
.container .content .KN20 span{
    top: 20px;
    left:20px;
}

.container .content .KNitem{
    position: absolute;
    background-size: contain;  
}
.container .content .KNitem.KN1{
    top:0;
    left:19px;
    width: 80px;
    height: 85px;
    background: url(../img/map/kn/geochang_on.png) no-repeat center center;
}
.container .content .KNitem.KN2{
    top:5px;
    left:64px;
    width: 99px;
    height: 119px;
    background: url(../img/map/kn/habcheon_on.png) no-repeat center center;
}
.container .content .KNitem.KN3{
    top:29px;
    left:0;
    width: 58px;
    height: 97px;
    background: url(../img/map/kn/hamyang_on.png) no-repeat center center;
}
.container .content .KNitem.KN4{
    top:124px;
    left:0px;
    width: 71px;
    height: 81px;
    background: url(../img/map/kn/hadong_on.png) no-repeat center center;
}
.container .content .KNitem.KN5{
    top: 72px;
    left: 20px;
    width: 81px;
    height: 75px;
    background: url(../img/map/kn/sancheong.png) no-repeat center center;
}
.container .content .KNitem.KN6{
    top: 118px;
    left: 60px;
    width: 92px;
    height: 61px;
    background: url(../img/map/kn/jinju.png) no-repeat center center;
}
.container .content .KNitem.KN7{
    top: 159px;
    left: 58px;
    width: 60px;
    height: 49px;
    background: url(../img/map/kn/sacheon.png) no-repeat center center;
}
.container .content .KNitem.KN8{
    top: 204px;
    left: 43px;
    width: 57px;
    height: 51px;
    background: url(../img/map/kn/namhae.png) no-repeat center center;
}
.container .content .KNitem.KN9{
    top: 82px;
    left: 100px;
    width: 66px;
    height: 55px;
    background: url(../img/map/kn/uiryeong.png) no-repeat center center;
}
.container .content .KNitem.KN10{
    top: 45px;
    left: 127px;
    width: 100px;
    height: 65px;
    background: url(../img/map/kn/changryong.png) no-repeat center center;
}
.container .content .KNitem.KN11{
    top: 106px;
    left: 135px;
    width: 57px;
    height: 50px;
    background: url(../img/map/kn/hamahn.png) no-repeat center center;
}
.container .content .KNitem.KN12{
    top: 132px;
    left: 149px;
    width: 55px;
    height: 46px;
    background: url(../img/map/kn/masan.png) no-repeat center center;
}
.container .content .KNitem.KN13{
    top: 164px;
    left: 105px;
    width: 74px;
    height: 50px;
    background: url(../img/map/kn/goseong.png) no-repeat center center;
}
.container .content .KNitem.KN14{
    top: 197px;
    left: 142px;
    width: 40px;
    height: 58px;
    background: url(../img/map/kn/tongyoung.png) no-repeat center center;
}
.container .content .KNitem.KN15{
    top: 188px;
    left: 176px;
    width: 40px;
    height: 58px;
    background: url(../img/map/kn/geoje.png) no-repeat center center;
}
.container .content .KNitem.KN16{
    top: 54px;
    left: 191px;
    width: 89px;
    height: 63px;
    background: url(../img/map/kn/milyang.png) no-repeat center center;
}
.container .content .KNitem.KN17{
    top: 109px;
    left: 188px;
    width: 42px;
    height: 49px;
    background: url(../img/map/kn/changwon.png) no-repeat center center;
}
.container .content .KNitem.KN18{
    top: 107px;
    left: 217px;
    width: 61px;
    height: 50px;
    background: url(../img/map/kn/kimhae.png) no-repeat center center;
}
.container .content .KNitem.KN19{
    top: 153px;
    left: 202px;
    width: 47px;
    height: 18px;
    background: url(../img/map/kn/jinhae.png) no-repeat center center;
}
.container .content .KNitem.KN20{
    top: 77px;
    left: 251px;
    width: 65px;
    height: 55px;
    background: url(../img/map/kn/yangsan.png) no-repeat center center;
}