@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden;position:relative;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:default!important;background-color:#f9f9f9!important;color:#333!important;color-scheme:light only;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;max-width:100vw;-webkit-user-select:text!important;user-select:text!important}@media (prefers-color-scheme:dark){body{background-color:#f9f9f9!important;color:#333!important}html{color-scheme:light only}}@media (display-mode:standalone){body{background-color:#f9f9f9!important;color:#333!important}html{color-scheme:light only}#root,.app{background-color:#f9f9f9!important}}*{-webkit-user-select:auto!important;user-select:auto!important}*,html{-webkit-touch-callout:default!important;color-scheme:light only!important;-webkit-user-select:text!important;user-select:text!important}html{background-color:#f9f9f9!important}@media (prefers-color-scheme:dark){#root,*,.app,body,html{background-color:#f9f9f9!important;color:#333!important;color-scheme:light only!important}}@supports (-webkit-appearance:none){#root,.app,body,html{background-color:#f9f9f9!important;color:#333!important;color-scheme:light only!important}}#root{display:flex;flex-direction:column;height:100%;min-height:100vh}#root,.app{width:100%}.main-content{padding-top:125px}.page-container{margin:0 auto;max-width:1200px;padding:2rem;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:100%}.smart-search-overlay{align-items:flex-start;animation:slideIn .3s ease;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background-color:#ffffff1a;display:flex;height:100%;justify-content:center;left:0;padding-top:120px;pointer-events:auto!important;position:fixed;top:0;user-select:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;width:100%;z-index:9999}@keyframes slideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.smart-search-container{background-color:#ffffffe6;border-radius:15px;box-shadow:0 0 20px #0003;display:flex;flex-direction:column;height:auto;max-height:80vh;max-width:600px;overflow:hidden;position:relative;user-select:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;z-index:10000}.search-header{align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0;display:flex;padding:15px 20px;position:sticky;top:0;z-index:10}.close-button{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:1.2rem;margin-right:12px;padding:8px;transition:background-color .2s}.close-button:hover{background-color:#f5f5f5}.search-form{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:25px}.search-form,.search-input{user-select:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important}.search-input{background-color:initial!important;color:#333!important;font-size:1rem;padding:8px 0}.search-content{flex:1 1;overflow-y:auto;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.section-header h3{align-items:center;color:#333;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0}.fire-icon{color:#ff6b6b;font-size:.9rem}.delete-all-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:.9rem;padding:4px 8px;transition:background-color .2s}.delete-all-btn:hover{background-color:#f5f5f5}.recommended-section{margin-bottom:30px}.keyword-tags{display:flex;flex-wrap:wrap;gap:10px}.keyword-tag{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;color:#333;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s;white-space:nowrap}.keyword-tag:hover{background-color:#e9ecef;border-color:#dee2e6}.recent-section{margin-bottom:20px}.recent-list{display:flex;flex-direction:column;gap:8px}.recent-item{align-items:center;background-color:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:background-color .2s}.recent-item:hover{background-color:#e9ecef}.history-icon{color:#999;flex-shrink:0;font-size:.9rem;margin-right:12px}.recent-term{color:#333;flex:1 1;font-size:.95rem}.delete-btn{background:none;border:none;border-radius:50%;color:#999;cursor:pointer;flex-shrink:0;font-size:.8rem;padding:4px;transition:all .2s}.delete-btn:hover{background-color:#ff6b6b;color:#fff}@media (max-width:768px){.smart-search-container{max-width:100%}.search-header{padding:12px 16px}.search-content{padding:16px}.keyword-tags{gap:8px}.keyword-tag{font-size:.85rem;padding:6px 12px}.recent-item{padding:10px 12px}.recent-term{font-size:.9rem}}@media (max-width:480px){.search-header{padding:10px 12px}.search-content{padding:12px}.section-header h3{font-size:1rem}.keyword-tag{font-size:.8rem;padding:5px 10px}.recent-item{padding:8px 10px}.recent-term{font-size:.85rem}}.main-navigation{background-color:#fff;box-shadow:0 1px 3px #0000001a;font-family:Noto Sans KR,sans-serif;height:52px;left:0;position:fixed;top:0;width:100%;will-change:transform;z-index:1000}.nav-container{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.nav-logo{color:#e74c3c;font-size:1.4rem;font-weight:700;white-space:nowrap}.nav-logo a{align-items:center;color:#e74c3c;display:flex;text-decoration:none}.logo-image{height:50px;max-width:200px;width:auto}.nav-search-icon{align-items:center;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:8px;transition:all .2s ease}.nav-search-icon:hover{background-color:#f8f9fa;color:#6c5ce7;transform:scale(1.1)}.nav-cart-icon{align-items:center;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:8px;position:relative;text-decoration:none;transition:all .2s ease}.nav-cart-icon:hover{background-color:#f8f9fa;color:#4299e1;transform:scale(1.1)}.cart-badge{align-items:center;background:#e53e3e;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;position:absolute;right:2px;top:2px;width:18px}.nav-test-text{background-color:red;border:3px solid #000;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#fff;font-size:24px;font-weight:700;margin:0 15px;padding:12px 20px;text-shadow:2px 2px 4px #00000080;white-space:nowrap}.nav-actions,.nav-icons{align-items:center;display:flex;gap:12px}.search-icon{color:#666;cursor:pointer;font-size:1.2rem;transition:color .2s ease}.search-icon:hover{color:#6c5ce7}.notification-icon{color:#666;cursor:pointer;font-size:1.2rem;position:relative}.notification-dot{background-color:#e74c3c;border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.user-profile-icon{color:#666;cursor:pointer;font-size:1.2rem}.search-overlay{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:1px solid #e9ecef;box-shadow:0 4px 12px #0000001a;left:0;position:fixed;top:52px;width:100%;z-index:999}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.search-form-container{align-items:center;display:flex;gap:8px;margin:0 auto;max-width:600px;padding:15px 20px}.search-form{align-items:center;background-color:#fff;border:2px solid #e9ecef;border-radius:20px;box-shadow:0 2px 8px #00000014;display:flex;flex:1 1;padding:8px 16px;transition:all .3s ease}.search-form:focus-within{border-color:#6c5ce7;box-shadow:0 4px 12px #6c5ce726}.search-input{background:#0000;border:none;color:#333;flex:1 1;font-size:.9rem;outline:none;padding:8px 12px}.search-input::placeholder{color:#999;font-size:.9rem}.search-button{align-items:center;background:#4299e1;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;transition:background-color .2s;width:28px}.search-button:hover{background:#3182ce}.search-close{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:1.2rem;padding:8px;transition:background-color .2s}.search-close:hover{background-color:#f0f0f0}.nav-content{background-color:#fff;border-bottom:1px solid #f0f0f0;left:0;position:fixed;top:52px;width:100%;z-index:998}.nav-menu-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px}.nav-menu{-ms-overflow-style:none;align-items:center;display:flex!important;flex-direction:row!important;flex-wrap:nowrap;height:46px;justify-content:flex-start;list-style:none;margin:0;overflow-x:auto;overflow-y:hidden;padding:0;position:relative;scrollbar-width:none}.nav-menu::-webkit-scrollbar{display:none}@media (max-width:992px){.nav-menu:after,.nav-menu:before{content:none!important;display:none!important}}.nav-item{display:flex!important;flex-direction:row!important;flex-shrink:0;margin:0 8px;white-space:nowrap}.nav-item,.nav-link{align-items:center;height:100%}.nav-link{-webkit-tap-highlight-color:transparent;color:#666;display:flex;font-size:.9rem;font-weight:500;outline:none;padding:0 8px;position:relative;text-decoration:none;transition:color .2s ease}.nav-link:after{background-color:initial;bottom:0;content:"";height:3px;left:0;position:absolute;transition:background-color .2s ease;width:100%;z-index:1002}.nav-link.active,.nav-link:hover{color:#6c5ce7}.nav-link.active:after{background-color:#6c5ce7}.nav-link:focus-visible{background-color:#6c5ce71a;border-radius:4px;outline:none}.nav-link:focus-visible:after{outline:none}.nav-link:active:after{outline:none}.nav-link:active{background-color:#6c5ce733}.nav-link:active,.nav-link:focus{-webkit-tap-highlight-color:transparent;border-radius:4px;outline:none}.nav-link:focus{background-color:#6c5ce71a}.auth-menu-item,.user-menu-item{margin-left:10px}.nav-button{align-items:center;background-color:#6c5ce7;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:4px;padding:8px 16px;text-decoration:none;transition:background-color .2s ease}.nav-button.active,.nav-button.login:hover,.nav-button.signup:hover,.nav-button:hover{background-color:#5a4fcf}.nav-button.signup{background-color:#fff;border:1px solid #6c5ce7;color:#6c5ce7}.nav-button.signup:hover{background-color:#6c5ce7;color:#fff}.nav-button.my-info{background-color:#00b894}.nav-button.my-info:hover{background-color:#00a085}.nav-button.logout:hover{background-color:#e74c3c}.mobile-menu-toggle{color:#666;cursor:pointer;display:none;font-size:1.3rem}.admin-status-bar{background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.admin-status-bar,.user-status-bar{left:0;padding:6px 0;position:fixed;top:95px;width:100%;z-index:997}.user-status-bar{background-color:#e3f2fd;border-bottom:1px solid #bbdefb;display:none}.user-status-bar.show{display:block}.user-status-bar.hide{display:none}.admin-status-container{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin:0 auto;max-width:1170px;padding:0 20px}.admin-info{align-items:center;display:flex;gap:8px}.admin-badge{background-color:#e74c3c;border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px}.admin-name{color:#2c3e50;font-weight:500}.admin-session{align-items:center;color:#7f8c8d;display:flex;gap:4px}.session-label{font-weight:500}@media (max-width:992px){.main-navigation{height:50px}.nav-container{padding:0 15px}.nav-logo{font-size:1.4rem}.nav-actions{gap:8px}.nav-button{font-size:.8rem;padding:6px 12px}.search-overlay{top:50px}.search-form-container{padding:12px 15px}.search-form{padding:6px 12px}.search-input{font-size:.9rem;padding:6px 10px}.search-button{font-size:.8rem;height:28px;width:28px}.nav-content{top:50px}.nav-menu{display:flex!important;flex-direction:row!important;height:45px!important;justify-content:flex-start;overflow-y:hidden!important;padding:0 15px;scroll-snap-type:x mandatory}.nav-item{margin:0 8px;scroll-snap-align:start}.nav-link{font-size:1.3rem;font-weight:600;padding:0 8px}.mobile-menu-toggle{display:block}.nav-icons{display:none}.admin-status-bar{top:95px}}@media (max-width:576px){.nav-container{padding:0 10px}.nav-actions{gap:6px}.nav-button{font-size:.75rem;padding:5px 10px}.nav-search-icon{font-size:1rem;padding:6px}.admin-status-container{padding:0 15px}.admin-badge{font-size:.6rem;padding:1px 4px}.admin-name,.admin-session{font-size:.7rem}.search-input{font-size:.8rem;padding:6px 12px}.search-button{font-size:.7rem;height:22px;width:22px}.nav-menu{display:flex!important;flex-direction:row!important;gap:8px;height:40px!important;justify-content:flex-start;overflow-y:hidden!important;padding:0 10px;scroll-snap-type:x mandatory}.nav-item{flex-shrink:0;margin:0 8px;scroll-snap-align:start}.nav-link{align-items:center;display:flex;font-size:1.3rem;font-weight:600;height:100%;padding:2px 6px;white-space:nowrap}.nav-logo{font-size:1.2rem}.logo-image{height:40px;max-width:150px}}@media (max-width:480px){.nav-container{padding:0 8px}.nav-actions{gap:4px}.nav-button{font-size:.7rem;padding:4px 8px}.nav-search-icon{font-size:.9rem;padding:4px}.nav-menu{display:flex!important;flex-direction:row!important;gap:6px;height:38px!important;justify-content:flex-start;overflow-y:hidden!important;padding:0 8px;scroll-snap-type:x mandatory}.nav-item{flex-shrink:0;margin:0 6px;scroll-snap-align:start}.nav-link{align-items:center;display:flex;font-size:1.3rem;font-weight:600;height:100%;padding:1px 4px}.nav-logo{font-size:1.1rem}.logo-image{height:36px;max-width:130px}.main-navigation{height:45px}.nav-content,.search-overlay{top:45px}}main{margin:0 auto;max-width:1170px;padding-top:0}.footer{background-color:#2c3e50;color:#fff;margin-top:50px;padding:50px 0 20px;width:100%}.footer-content{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-section{flex:1 1;margin-bottom:30px;min-width:200px}.footer-section h4{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:10px;position:relative}.footer-section h4:after{background-color:#3498db;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#ecf0f1;font-size:14px;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#3498db}.footer-section ul li strong{color:#fff;display:block;font-size:20px;margin-top:5px}.footer-bottom{border-top:1px solid #ffffff1a;color:#bdc3c7;font-size:14px;margin-top:30px;padding-top:30px;text-align:center}.footer-bottom p{margin:0}@media (max-width:768px){.footer{margin-top:30px;padding:30px 0 15px;width:100%}.footer-content{grid-gap:20px;box-sizing:border-box;display:grid!important;flex-direction:row;flex-wrap:wrap;gap:20px;grid-template-columns:repeat(2,1fr)!important;margin:0 auto;max-width:1200px;padding:0 20px}.footer-section{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;margin-bottom:25px;min-width:140px}.footer-section h4{font-size:15px;margin-bottom:12px;padding-bottom:8px}.footer-section h4:after{height:2px;width:30px}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{font-size:12px}.footer-section ul li strong{font-size:16px}.footer-bottom{box-sizing:border-box;font-size:12px;margin-left:auto;margin-right:auto;margin-top:20px;max-width:1200px;padding-left:20px;padding-right:20px;padding-top:20px}}@media (max-width:480px){.footer{margin-top:25px;padding:25px 0 12px;width:100%}.footer-content{grid-gap:15px;box-sizing:border-box;display:grid!important;gap:15px;grid-template-columns:repeat(3,1fr)!important;margin:0 auto;max-width:1200px;padding:0 15px}.footer-section{flex-basis:calc(33.333% - 10px);flex-grow:1;flex-shrink:1;margin-bottom:20px;min-width:100px}.footer-section h4{font-size:14px;margin-bottom:10px;padding-bottom:6px}.footer-section h4:after{height:1.5px;width:25px}.footer-section ul li{margin-bottom:6px}.footer-section ul li a{font-size:11px}.footer-section ul li strong{font-size:14px}.footer-bottom{box-sizing:border-box;font-size:11px;margin-left:auto;margin-right:auto;margin-top:15px;max-width:1200px;padding-left:15px;padding-right:15px;padding-top:15px}}@media (max-width:360px){.footer-content{grid-gap:10px;display:grid!important;gap:10px;grid-template-columns:repeat(2,1fr)!important;padding:0 10px}.footer-section{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1;margin-bottom:15px;min-width:80px}.footer-section h4{font-size:13px;margin-bottom:8px;padding-bottom:5px}.footer-section ul li{margin-bottom:5px}.footer-section ul li a{font-size:10px}.footer-section ul li strong{font-size:13px}}.bottom-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 10px #0000001a;justify-content:center;left:0;padding:8px 0 4px;position:fixed;right:0;z-index:1000}.bottom-nav-container,.bottom-navigation{align-items:center;display:flex;width:100%}.bottom-nav-container{box-sizing:border-box;justify-content:space-around;margin:0 auto;max-width:1200px;padding:0 20px}.bottom-nav-item{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:60px;padding:8px 12px;position:relative;transition:all .2s ease}.bottom-nav-item:hover{background:#f3f4f6}.bottom-nav-item.active{color:#3182f6}.bottom-nav-item.active:after{background:#3182f6;border-radius:50%;bottom:-4px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.bottom-nav-icon{font-size:20px;margin-bottom:4px;transition:transform .2s ease}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.1)}.bottom-nav-label{color:#6b7280;font-size:11px;font-weight:500;transition:color .2s ease}.bottom-nav-item.active .bottom-nav-label{color:#3182f6;font-weight:600}@media (max-width:768px){.bottom-navigation{display:flex!important}.main-content{padding-bottom:80px}footer{margin-bottom:80px}}@media (max-width:480px){.bottom-nav-item{min-width:50px;padding:6px 8px}.bottom-nav-icon{font-size:18px}.bottom-nav-label{font-size:10px}}.pwa-install-prompt{bottom:80px}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-navigation{padding-bottom:calc(4px + env(safe-area-inset-bottom))}}.app{display:flex;flex-direction:column;max-width:100%;min-height:100vh;overflow-x:hidden;position:relative;width:100vw}.main-content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1170px;padding-left:15px;padding-right:20px;padding-top:60px;width:100%}@media (max-width:768px){.main-content{padding-left:10px;padding-right:15px;width:100%}}.auth-button{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:inline-block;font-size:.875rem;padding:.3rem 1rem;text-decoration:none;transition:all .3s}.auth-button.active,.auth-button:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}