@charset "utf-8";

#map {
    width: 100%;
    height: 690px;
}

#map > ul {
    width: 1024px;
    margin: 0 auto;
    color: #fff;
}

#map > ul > li >img {
    margin-bottom: 60px;
}
#map > ul > li > div {
    float: left;
}
.map1 {
    width: 674px;
    height: 120px;
    padding-bottom: 30px;
    border-bottom: 2px solid #fff;
}
.map1 > ul > li {
    text-align: right;
}

.map1 > ul > li:first-child {
    font: 14px 'Noto Sans Kr';
    font-weight: 900;
    float: none;
    margin-bottom: 20px;
}
.map1 > ul > li:nth-child(2) {
    font: 13px 'Noto Sans Kr';
    font-weight: 500;
    transform: translateX(361px);
}

.map2 {
    width: 350px;
    height: 120px;
    padding-bottom: 30px;
    border-bottom: 2px solid #fff;
}
.map2 > ul > li {
    text-align: right;
}

.map2 > ul > li:first-child {
    font: 14px 'Noto Sans Kr';
    font-weight: 900;
    float: none;
    margin-bottom: 20px;
}
.map2 > ul > li:nth-child(2) {
    font: 13px 'Noto Sans Kr';
    font-weight: 500;
    transform: translateX(204px);
}

.map3 {
    width: 674px;
    height: 138px;
    padding-top: 30px;
}
.map3 > ul > li {
    text-align: right;
}
.map3 > ul > li:first-child {
    font: 13px 'Noto Sans Kr';
    font-weight: 700;
    float: none;
    transform: translate(0, 60px);
}
.map3 > ul > li:nth-child(2) {
    font: 13px 'Noto Sans Kr';
    font-weight: 500;
    transform: translate(405px, 60px);
}

.map4 {
    width: 350px;
    height: 138px;
    padding-top: 30px;
}
.map4 > ul > li {
    text-align: right;
}
.map4 > ul > li:first-child {
    font: 14px 'Noto Sans Kr';
    font-weight: 700;
    float: none;
     margin-bottom: 20px;
}
.map4 > ul > li:nth-child(2) {
    font: 13px 'Noto Sans Kr';
    font-weight: 500;
    transform: translateX(130px);
}