@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap");:root{--background:#F6EFE9;--foreground:#333333;--footer-bg:#755E54;--footer-text:#FBF4EE}body,html{max-width:100vw;overflow-x:hidden;font-family:Noto Sans KR,sans-serif}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.container{max-width:100%;padding:0 12px;flex-direction:column}.container,.landing-page{margin:0 auto;display:flex;align-items:center}.landing-page{width:100%;height:auto;padding-top:30px;justify-content:center;overflow:hidden;max-width:800px}.modal-section{display:flex;flex-direction:column;align-items:center;gap:85px;padding:0 12px;margin:74px 0}.section-image{width:100%;height:auto;display:block;object-fit:cover;max-width:399px;margin:0 auto}.footer{width:100vw;background-color:var(--footer-bg);padding:30px 0;display:flex;flex-direction:column;align-items:center;color:var(--footer-text);margin-left:-12px;margin-right:-12px;box-sizing:border-box}.footer-text{font-size:10px;font-weight:300;line-height:1.5em;letter-spacing:.1em;text-align:center;margin-top:20px;padding:0 20px}.logo{max-width:120px;height:auto}.landing-image,.logo{display:block;margin:0 auto}.landing-image{max-width:90%}@media (max-width:600px){.section1-image{margin-left:auto;margin-right:-12px;width:80%;max-width:280px;box-sizing:content-box;transform-origin:right center;transition:transform .3s ease}.section1-image.animated-image:hover{transform:scale(1.02)}.modal-section>div:first-child{overflow:visible;width:100%;display:flex;justify-content:flex-end;padding-right:0}}.animated-image-wrapper{opacity:0;transform:translateY(30px);transition:all .8s ease-out;overflow:visible;position:relative;width:100%;height:auto}.animated-image-wrapper.visible{opacity:1;transform:translateY(0)}.animated-image{width:100%;height:auto;display:block;transition:transform .3s ease;transform-origin:center}.animated-image:hover{transform:scale(1.02);z-index:10}.image-placeholder{background-color:#f0f0f0;width:100%;height:200px;border-radius:4px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}.loading{position:relative}.loaded{transition:opacity .3s ease-in}.fadeIn{animation:fadeIn .6s ease-out}.slideIn{animation:slideIn .6s ease-out}.zoomIn{animation:zoomIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateX(-50px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-content-wrapper{font-family:Noto Sans KR,sans-serif;color:var(--foreground)}.content-body h3{margin-top:30px;margin-bottom:16px;font-weight:600;font-size:1.15rem;color:#333}.content-body h3 strong{color:#755E54}.content-body div{margin-bottom:40px}.content-body div:last-child{margin-bottom:0}.content-title{font-size:1.5rem;font-weight:600;margin-bottom:8px;color:#333;text-align:center}.author-section{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #eee}.author-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.author-info{font-size:.9rem;color:#666;margin-bottom:20px;font-style:italic;text-align:right;border-bottom:1px solid #eee;padding-bottom:5px}.content-body{line-height:1.7;font-size:1rem}.content-body p{margin-bottom:16px;line-height:1.7}.content-body p:last-of-type{margin-bottom:20px}.quote{margin:24px 0;padding:16px 24px;border-left:4px solid #755e54;background-color:rgba(246,239,233,.6);font-style:italic;position:relative}.quote cite{display:block;margin-top:8px;text-align:right;font-size:.9rem;color:#666}@media (max-width:600px){.content-title{font-size:1.3rem}.author-info{font-size:.8rem}.content-body{font-size:.95rem}.content-body h3{font-size:1.05rem;margin-top:25px;margin-bottom:12px}.content-body div{margin-bottom:35px}.content-body p{margin-bottom:14px;line-height:1.6}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background-color:var(--background);width:90%;max-width:500px;max-height:90vh;border-radius:5px;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #ddd}.modal-title{margin:0;font-size:1.25rem;font-weight:500}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.modal-body{padding:20px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1}.modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:600px){.modal-content{width:95%;max-height:80vh}}.reference-image-container{margin:25px 0;text-align:center}.reference-image{width:100%;max-width:500px;height:auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:transform .3s ease}.reference-image:hover{transform:scale(1.02)}.image-caption{margin-top:8px;font-size:.85rem;color:#666;font-style:italic;text-align:center}@media (max-width:600px){.historical-image,.reference-image{max-width:100%}.image-caption{font-size:.75rem}.footer{margin-left:-12px;width:100vw}}@media (min-width:1200px){.landing-page{max-width:1000px}}