#contents_12 {
    width: 1000px;
    height: 493px;
    z-index: 0;
}
@media (max-width: 1000px) {
    #contents_12 {
        width: 349px;
        height: 174px;
    }
}

#contents_17 {
    width: calc(100%);
    height: 200px;
    z-index: 0;
}
@media (max-width: 1000px) {
    #contents_17 {
        width: 100px;
        height: 200px;
    }
}

#contents_20 {
    width: 304px;
    height: 247px;
    z-index: 1;
    top: 543.953125px;
    left: 701px;
}
@media (max-width: 1000px) {
    #contents_20 {
        width: 347px;
        height: 266px;
        z-index: 1;
        top: 134.953125px;
        left: 0.1875px;
    }
}

#contents_21 {
    width: 329px;
    height: 268px;
    z-index: 1;
    top: 542.96875px;
    left: 4px;
}
@media (max-width: 1000px) {
    #contents_21 {
        width: 347px;
        height: 254px;
        z-index: 1;
        top: -91.390625px;
        left: 4.890625px;
    }
}

#contents_22 {
    width: 325px;
    height: 164px;
    z-index: 0;
}
@media (max-width: 1000px) {
    #contents_22 {
        width: 326.64706px;
        height: 139.64706px;
    }
}

#contents_23 {
    width: 360px;
    height: 247px;
    z-index: 1;
    top: 543.40625px;
    left: 334px;
}
@media (max-width: 1000px) {
    #contents_23 {
        width: 349px;
        height: 202px;
        z-index: 1;
        top: 96.53125px;
        left: 3px;
    }
}