/* 아카이브 */
body, html{background-color: black;}
.borderitem{border-color: white;}
.container{background-color: black;}
.new_pos:hover{box-shadow:0px 0px 50px #000; background-image: url("../0.etc/m-b.svg"); /* The image used */}
.item{background-color: black; color:white;}
a{color: white}
a:hover{color:#555;}
    .archive{line-height: 0; font-size:0;}
    .archive-box1 {width: 35%; padding: 2% 2.5% 2% 2.5%; margin:3% 0 0 15%; }
    .archive-box2 {width: 40%; padding: 2% 2.5% 2% 2.5%; margin:-1px 0 0 6%;}
    .archive-box3 {width: 40%; padding: 2% 2.5% 2% 2.5%; margin:-1px 0 10% 2%; }
    .archive-box4 {width: 40%; padding: 2% 2.5% 2% 2.5%; margin:0 0 0 2%; }

    .archive-font{font-size: 1.5vw; line-height: 1.65; letter-spacing: 0.05em; word-spacing: 0.05em;}
    .cover{width: 100%;}

@media screen and (max-width: 700px) {
    .archive{line-height: 0; font-size:0;}
    .archive-box1 {width: calc(100% - 20px); padding: 2% 2% 5% 2%; margin:25% 10px 0 10px;}
    .archive-box2 {width: calc(100% - 20px); padding: 2% 2% 5% 2%; margin:10px 10px 0 10px;}
    .archive-box3 {width: calc(100% - 20px); padding: 2% 2% 5% 2%; margin:10px 10px 30% 10px;}
    .archive-box4 {width: calc(100% - 20px); padding: 2% 2% 5% 2%; margin:10px 10px 0 10px;}

    .archive-font{font-size: 4.5vw; line-height: 1.65; letter-spacing: 0.05em; word-spacing: 0.05em}

}