#contents_1 {
    z-index: 0;
    border-left: 1px solid var(--point);
    border-right: 1px solid var(--point);
    border-top: 1px solid var(--point);
    border-bottom: 1px solid var(--point);
grid-row: 1 / 4;
grid-column: 1 / 2;
position:relative;
width:calc(100% - 2px);
height:calc(100% - 2px);
overflow:hidden;
border-radius:var(--radius);
background-color:var(--point);
background-blend-mode:luminosity;;
}
@media (max-width: 1000px) {
    #contents_1 {
        width: 345px;
        height: 100px;
    }
}

#contents_2 {
    z-index: 0;
    padding-top: 5px;
grid-row:3 / 4;
grid-column: 4 / 5;
background-size:100% 100%;
background-color:var(--base);
border-radius:var(--radius);
background-color:var(--base);
border:1px solid var(--point);
width:calc(100% - 2px);
height:calc(100% - 7px);;
}
@media (max-width: 1000px) {
    #contents_2 {
        width: 352px;
        height: 315px;
    }
}

#contents_4 {
    width: calc(100%);
    height: calc(100%);
    z-index: 0;
    border-left: 1px solid var(--point);
    border-right: 1px solid var(--point);
    border-top: 1px solid var(--point);
    border-bottom: 1px solid var(--point);
grid-row:3 / 4;
grid-column: 2 / 4;
background-color:var(--base);
background-size: 100% 100%;
border-radius:var(--radius);
width:calc(100% - 2px);
height:calc(100% - 2px);;
}
@media (max-width: 1000px) {
    #contents_4 {
        width: 352px;
        height: 409px;
    }
}

#contents_5 {
    width: calc(100%);
    height: calc(100%);
    z-index: 1;
grid-row:2 / 3;
grid-column: 2 / 5;
border-radius:var(--radius);
font-family:'Chosunilbo_myungjo';
font-weight:bold;
text-shadow:0px 0px 5px rgba(255,255,255,.4);
background-color:var(--base);
border:1px solid var(--point);
width:calc(100% - 2px);
height:calc(100% - 2px);;
}
@media (max-width: 1000px) {
    #contents_5 {
        width: 100px;
        height: 100px;
        z-index: 1;
    }
}

#contents_7 {
    width: calc(100%);
    height: calc(37%);
    z-index: 0;
}
@media (max-width: 1000px) {
    #contents_7 {
        width: 352px;
        height: 148px;
    }
}

#contents_8 {
    width: calc(98%);
    height: calc(5%);
    z-index: 0;
}
@media (max-width: 1000px) {
    #contents_8 {
        width: 331px;
        height: 129px;
    }
}

#contents_9 {
    z-index: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    border-left: 10px solid var(--base);
    border-right: 10px solid var(--base);
    border-top: 20px solid var(--base);
    border-bottom: 150px solid var(--base);
position:absolute;
top:0px;
left:0px;
background-size: 100% 100%;
pointer-events:none;
font-family:'Newscript';
color:white;
font-size:24px;
width:calc(100% -  40px);
height:calc(100% - 180px);;
}
@media (max-width: 1000px) {
    #contents_9 {
        width: 100px;
        height: 100px;
    }
}

#contents_12 {
    width: calc(100%);
    height: calc(100%);
    z-index: 0;
grid-row:1 / 2;
grid-column: 2 / 3;
border-radius:var(--radius);
background-color:var(--base);
border:1px solid var(--point);
width:calc(100% - 2px);
height:calc(100% - 2px);;
}
@media (max-width: 1000px) {
    #contents_12 {
        width: 354px;
        height: 291px;
    }
}

#contents_13 {
    width: calc(100%);
    height: calc(100%);
    z-index: 0;
grid-row:1 / 2;
grid-column: 3 / 5;
border-radius:var(--radius);
overflow:hidden;
background-color:var(--base);
border:1px solid var(--point);
width:calc(100% - 2px);
height:calc(100% - 2px);;
}
@media (max-width: 1000px) {
    #contents_13 {
        width: 100px;
        height: 100px;
    }
}

#contents_14 {
    width: calc(100%);
    height: calc(15%);
    z-index: 0;
position:absolute;
bottom:30px;
left:0px;
font-family:Stencil BT;
font-weight:bold;
font-size:4em;
color:var(--base);
display:flex;
filter:drop-shadow(1px 0px 0px var(--point)) drop-shadow(-1px 0px 0px var(--point)) drop-shadow(0px -1px 0px var(--point)) drop-shadow(0px 1px 0px var(--point));;
}
@media (max-width: 1000px) {
    #contents_14 {
        width: 100px;
        height: 15px;
    }
}

#contents_17 {
    width: calc(100% - 13px - 13px);
    z-index: 0;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 6px;
    margin-bottom: 24px;
height:calc(58% - 24px);;
}
@media (max-width: 1000px) {
    #contents_17 {
        width: 100px;
    }
}

#contents_18 {
    width: 520px;
    height: 200px;
    z-index: 2;
position:absolute;
left:10px;
top:20px;
gap:5px;;
}
@media (max-width: 1000px) {
    #contents_18 {
        width: 520pxpx;
        height: 200pxpx;
        z-index: 2;
    }
}

#contents_20 {
    width: calc(100%);
    height: calc(100% - 10px);
    z-index: 2;
    padding-top: 10px;
    margin-left: 10px;
position:absolute;
top:0px;
left:0px;;
}
@media (max-width: 1000px) {
    #contents_20 {
        width: 100px;
        height: 100px;
        z-index: 2;
    }
}