.world_map{
    background:black;
    font-size:13px;
    color:white;
}

.map_title{
    width:700px;
    height:20px;
    text-align:center;
}

.map_detail .map_title{
    background:
        url('/images/ltitle.jpg') no-repeat left, 
        url('/images/rtitle.jpg') no-repeat right;
}

.map_title_text{
    margin:auto;
    text-align:center;
    width:160px;
    display:block;
    line-height:20px;
    font-size:13px;
    font-weight:bold;
}

.map_detail.map_spring .map_title_text{
    background:
        url('/images/ad.gif') no-repeat left, 
        url('/images/spring.gif') no-repeat right;
}

.map_detail.map_summer .map_title_text{
    background:
        url('/images/ad.gif') no-repeat left, 
        url('/images/summer.gif') no-repeat right;
}

.map_detail.map_fall .map_title_text{
    background:
        url('/images/ad.gif') no-repeat left, 
        url('/images/fall.gif') no-repeat right;
}

.map_detail.map_winter .map_title_text{
    background:
        url('/images/ad.gif') no-repeat left, 
        url('/images/winter.gif') no-repeat right;
}

.map_body{
    width:700px;
    height:500px;
    position:relative;
}

.map_spring .map_body{
    background: url('/images/map1.jpg') no-repeat;
}

.map_summer .map_body{
    background: url('/images/map2.jpg') no-repeat;
}

.map_fall .map_body{
    background: url('/images/map3.jpg') no-repeat;
}

.map_winter .map_body{
    background: url('/images/map4.jpg') no-repeat;
}

.world_map .city_tooltip{
    position: absolute;
    display:none;
    width:120px;
    border: 0.02em gray solid;
}
.world_map .city_name{
    background-color: rgb(30, 164, 255);
    z-index: 6;
    line-height:15px;
    height:15px;
    
}
.world_map .nation_name{
    background-color: rgb(30, 164, 255);
    z-index: 6;
    line-height:15px;
    height:15px;
    border-top: 0.02em gray solid;
    text-align:right;
}

.world_map .map_flag{
    width:12px;
    height:12px;
}

.world_map .my_city{
    border:solid 0.02em red;/* Always 1px :) */
    outline:dotted 3px red;
}

.city_base{
    position:absolute;
    width:40px;
    height:30px;
    margin-left:-20px;
    margin-top:-10px;
}

.city_base .city_bg{
    position:absolute;
    left:10px;
    top:20px;
    background-position: center;
}

.map_detail .city_base.city_level_1 .city_bg{
    /*수*/
    width:48px;
    height:45px;
    background-size:48px 45px;
    margin-top:-24px;
    margin-left:-22.5px;
}

.map_detail .city_base.city_level_2 .city_bg{
    /*진*/
    width:60px;
    height:42px;
    background-size:60px 42px;
    margin-top:-30px;
    margin-left:-21px;
}

.map_detail .city_base.city_level_3 .city_bg{
    /*관*/
    width:42px;
    height:42px;
    background-size:42px 42px;
    margin-top:-21px;
    margin-left:-21px;
}

.map_detail .city_base.city_level_4 .city_bg{
    /*이*/
    width:60px;
    height:45px;
    background-size:60px 45px;
    margin-top:-30px;
    margin-left:-22.5px;
}

.map_detail .city_base.city_level_5 .city_bg{
    /*소*/
    width:72px;
    height:48px;
    background-size:72px 48px;
    margin-top:-36px;
    margin-left:-24px;
}

.map_detail .city_base.city_level_6 .city_bg{
    /*중*/
    width:78px;
    height:54px;
    background-size:78px 54px;
    margin-top:-39px;
    margin-left:-27px;
}

.map_detail .city_base.city_level_7 .city_bg{
    /*대*/
    width:84px;
    height:60px;
    background-size:84px 60px;
    margin-top:-42px;
    margin-left:-30px;
}

.map_detail .city_base.city_level_8 .city_bg{
    /*특*/
    width:96px;
    height:72px;
    background-size:96px 72px;
    margin-top:-48px;
    margin-left:-36px;
}

.city_img{
    display: table-cell;
    position:absolute;
    /*line-height:30px;*/
    vertical-align: middle;
    width:40px;
    height:30px;
    text-align:center;
    align-items: center;
}