.rainwater[data-v-647bde04]{margin:10px;display:flex;flex-direction:column;gap:15px}.rainwater h1[data-v-647bde04]{padding-bottom:25px;color:#c7c6c6}.content[data-v-647bde04]{width:100%;display:flex;justify-content:space-around;gap:25px;border:2px solid #c7c6c6;padding:10px;border-radius:4px;background-color:#fff3f3}.contents[data-v-647bde04]{width:45%;display:flex;flex-direction:column;gap:5px}.imgs[data-v-647bde04]{margin-top:10px;display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.img[data-v-647bde04]{width:300px;height:200px;transition:box-shadow .5s ease;cursor:pointer;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.img[data-v-647bde04]:hover{box-shadow:0 4px 15px rgba(0,0,0,.3)}.modal[data-v-647bde04]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-647bde04]{max-width:90%;max-height:90%;display:flex;align-items:center;position:relative;overflow:hidden}.zoomable-img[data-v-647bde04]{max-width:100%;max-height:100%;transition:transform .3s ease;cursor:zoom-in}.next[data-v-647bde04],.prev[data-v-647bde04]{position:absolute;top:50%;background:rgba(0,0,0,.5);color:#fff;border:none;padding:10px;cursor:pointer;font-size:30px;transform:translateY(-50%)}.prev[data-v-647bde04]{left:10px}.next[data-v-647bde04]{right:10px}.next[data-v-647bde04]:hover,.prev[data-v-647bde04]:hover{background:rgba(0,0,0,.8)}@media (max-width:1500px){.img[data-v-647bde04]{width:calc(20% - 15px)}}@media (max-width:1200px){.img[data-v-647bde04]{width:calc(25% - 15px)}.content[data-v-647bde04]{flex-direction:column;align-items:center}.contents[data-v-647bde04]{width:100%;overflow:hidden}}@media (max-width:900px){.img[data-v-647bde04]{width:calc(33.33% - 15px)}}@media (max-width:600px){.img[data-v-647bde04]{width:calc(50% - 15px)}}@media (max-width:400px){.img[data-v-647bde04]{width:100%}}@media (max-width:800px){.content[data-v-647bde04]{gap:15px}.contents[data-v-647bde04]{width:90%}}@media (max-width:500px){.contents[data-v-647bde04]{width:100%;overflow:hidden}.rainwater h1[data-v-647bde04]{font-size:1.5em}.contents h2[data-v-647bde04]{font-size:1.2em}.contents p[data-v-647bde04]{font-size:.9em}}