body { position: relative; font-family: "Noto Sans KR", sans-serif; width: 100%; word-break: break-word; overflow-x: hidden; background-color: black; color: white; } 
.scene { margin-top: 70px; position: relative; top: 0; left: 0; width: 100%; color: white; } 
#location { width: 100%; height: 100%; margin-top: 70px; } 
#location div { display: block; } 
#location .descWrapper { position: relative; margin: 0 auto; width: 100%; max-width: 36.75rem; padding-top: 3rem; padding-bottom: 3rem; box-sizing: border-box; } 
#location .descWrapper .desc { width: 100%; margin-bottom: 2rem; color: white; font-size: 1rem; line-height: 1.75rem; } 
#location .descWrapper .desc:last-child { margin-bottom: 0rem; } 
#location .descWrapper .desc .highlight { font-weight: bold; color: #00e1ef; } 
#location .descWrapper .desc .highlight.secondary { font-weight: bold; color: #bc82ff; } 
#location .imageWrapper { margin: 0 auto; width: 100%; max-width: 36.75rem; } 
#location .imageWrapper.expand { width: 120%; max-width: 44rem; } 
#location .imageWrapper figure { width: 100%; padding: 0; margin: 0; } 
#location .imageWrapper img { width: 100%; height: auto; } 
#location .imageWrapper figcaption { opacity: 0.4; text-align: center; margin-top: 8px; } 
#location .imageWrapper video { width: 100%; height: auto; } 
#location .imageWrapper .imageGrid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); } 
#location .imageWrapper .imageGrid img { width: 100%; height: 100%; object-fit: cover; object-position: center center; aspect-ratio: 1; cursor: pointer; transition: transform 0.2s; z-index: 0; } 
#location .imageWrapper .imageGrid img:hover { transform: scale(1.05); z-index: 9999; } 
#location .background { position: relative; } 
#location .fixed { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -9999; opacity: 0; transition: opacity 0.5s; overflow-x: hidden; pointer-events: none; } 
#location .fixed canvas { opacity: 0.8; } 

@media (max-width: 720px){
#location .fixed img { width: 80%; } 
}
@media all and (max-width: 600px){
#location .fixed img { width: 90%; } 
}

@media (max-width: 44rem){
#location .imageWrapper.expand { width: 100%; max-width: 36.75rem; } 
}

@media (max-width: 480px){
#location .descWrapper,
#location .imageWrapper { padding: 1.4rem; box-sizing: border-box; } 
#location .fixed img { width: 95%; } 
}