body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{color:#222;font-family:Noto Sans KR,sans-serif;margin:0 auto;max-width:900px;padding:0 20px}.header{border-bottom:1px solid #000;padding:20px}.brand-block{align-items:center;display:flex;gap:14px}.logo{display:block;height:auto;width:48px}.brand-text-wrap{display:flex;flex-direction:column}.brand-text{font-size:22px;font-weight:700;line-height:1.2;margin:0}.phrase{color:#888;font-size:14px;line-height:1.4;margin:4px 0 0}.slide{border-bottom:1px solid #e5e5e5;display:flex;gap:24px;opacity:0;padding:40px 0;transform:translateY(30px);transition:all .6s ease}.slide.active{opacity:1;transform:translateY(0)}.slide img{border-radius:2px;height:auto;object-fit:cover;width:180px}.slide div{flex:1 1}.slide h2{font-size:20px;font-weight:700;margin-bottom:12px}.slide p{color:#444;font-size:14px;line-height:1.7;white-space:pre-line}.typing{font-size:22px;font-weight:700;margin-bottom:20px;text-align:center}@keyframes fadeIn{to{opacity:1}}.fade{animation:fadeUp 1.2s ease forwards;animation-delay:.5s;color:#666;font-size:15px;letter-spacing:.06em;line-height:1.9;margin:0 auto;max-width:720px;text-align:center}@media (max-width:768px){.slide{flex-direction:column}.slide img{width:100%}.brand-text{font-size:18px}}.fade{transform:translateY(12px);transition:opacity 2.5s ease,transform 2.5s ease}.fade.active{opacity:1;transform:translateY(0)}.gallery-title{border:1px solid #ccc;border-radius:20px;display:inline-block;font-weight:600;margin:0 auto 20px;padding:6px 30px}.image-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin:15px auto;max-width:1200px;padding:0 20px}.image-box{aspect-ratio:1/1;background:#f1f1f1;border-radius:18px;overflow:hidden}.image-box img{height:100%;object-fit:cover;transition:transform .25s ease;width:100%}.image-box:hover img{transform:scale(1.08)}.modal-overlay{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-box{background:#fff;border-radius:16px;max-height:80vh;max-width:900px;overflow:hidden;position:relative;width:80%}.modal-close{background:none;border:none;color:#333;cursor:pointer;font-size:26px;position:absolute;right:16px;top:14px;z-index:10}.modal-content{display:flex;gap:30px;padding:30px}.modal-image{background:#f2f2f2;border-radius:12px;flex-shrink:0;height:420px;overflow:hidden;width:420px}.modal-image img{height:100%;object-fit:cover;width:100%}.modal-text{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.blog-btn{background:#252b34;border-radius:999px;color:#fff;display:block;font-weight:600;margin:24px auto 0;padding:10px 28px;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;width:-webkit-fit-content;width:fit-content}.blog-btn:hover{background:#000;color:#fff}.pagination{align-items:center;display:flex;gap:36px;justify-content:center}.dot{background:#aaa;border-radius:50%;cursor:pointer;height:10px;transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease;width:10px}.dot.active{background:#3b82f6;box-shadow:0 0 0 4px #3b82f640;height:15px;transform:scale(1.1);width:15px}.nav-btn{cursor:pointer;opacity:.8;transition:opacity .2s ease,transform .2s ease;width:56px}.nav-btn:hover{opacity:1;transform:scale(1.1)}.nav-btn.disabled{opacity:.3;pointer-events:none}.intro{padding:50px 20px 60px;text-align:center}.typing{color:#444;font-size:32px;font-weight:500;letter-spacing:.18em;margin-bottom:28px;position:relative;white-space:nowrap}.typing .highlight{color:#0a58ca;font-weight:700;letter-spacing:.05em}.fade{animation:fadeIn 1.2s ease forwards;animation-delay:1s;color:#888;font-size:14px;line-height:1.8;opacity:0;white-space:pre-line}.footer-ui{display:flex;gap:30px;justify-content:center;margin-top:40px}.footer-ui img{cursor:pointer;transition:transform .2s ease,opacity .2s ease;width:36px}.footer-ui img:hover{opacity:.85;transform:scale(1.15)}.ui-btn{background:none;border:none;cursor:pointer;padding:0}.gallery{width:100%}.gallery-section{opacity:0;text-align:center;transform:translateY(60px);transition:opacity .8s ease,transform .8s ease}.gallery-section.show{opacity:1;transform:translateY(0)}
/*# sourceMappingURL=main.2bfcb55b.css.map*/