@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-size:16px;line-height:1.6;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}:focus{outline:none}::selection{background-color:#0064dd;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}body{font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff;color:#18181a;line-height:1.5}.container{max-width:100%;margin:0 auto}.header{width:100%;background-color:#fff;box-shadow:0 2px 8px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;padding:25px 120px;height:100px;max-width:1920px;margin:0 auto}.logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;transition:opacity .3s ease}.logo:hover{opacity:.8}.logo-icon{width:54px;height:50px;background-image:url(/images/logo2022.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.logo h1{font-size:24px;font-weight:700;color:#18181a;letter-spacing:0}.admin-header .header-left{display:flex;align-items:center;gap:10px}.admin-header .logo-icon{width:54px;height:50px;display:flex;align-items:center;justify-content:center}.admin-header .logo-icon img{width:100%;height:100%;object-fit:contain}.admin-header .admin-badge{background-color:#776bf8;border-radius:10px;padding:8px 16px;height:39px;display:flex;align-items:center;justify-content:center}.admin-header .admin-badge span{font-family:Pretendard,sans-serif;font-weight:700;font-size:16px;color:#fff;line-height:19.09px}.gnb{display:flex;align-items:center;gap:60px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;position:relative;padding:8px 0}.nav-item a{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;padding:8px 0}.nav-item.active span{color:#0064dd;font-weight:700;font-size:20px}.nav-item:not(.active) span{color:#18181a;font-weight:500;font-size:20px}.nav-line{width:0;height:6px;background:linear-gradient(90deg,#0064dd,#088ec5);border-radius:3px;transition:width .3s ease;position:absolute;bottom:-27px;left:50%;transform:translate(-50%)}.nav-item.active .nav-line,.nav-item:hover .nav-line{width:100%}.nav-item:hover span,.nav-item a:hover span{color:#0064dd;font-weight:700}.nav-item a:hover .nav-line{width:100%}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:#fff;border:none;border-radius:50%;cursor:pointer;padding:0;z-index:1001;position:relative;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.hamburger-btn:hover{box-shadow:0 4px 12px #00000026}.hamburger-btn span{width:20px;height:2px;background-color:#18181a;border-radius:1px;transition:all .3s ease;transform-origin:center center;position:absolute;left:50%;transform:translate(-50%)}.hamburger-btn span:nth-child(1){top:calc(50% - 7px)}.hamburger-btn span:nth-child(2){top:50%}.hamburger-btn span:nth-child(3){top:calc(50% + 7px)}.hamburger-btn.active span:nth-child(1){top:50%;transform:translate(-50%,-50%) rotate(45deg)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){top:50%;transform:translate(-50%,-50%) rotate(-45deg)}.main-section{width:100%;min-height:calc(100vh - 200px)}.main-wrapper{display:flex;gap:40px;padding:40px 120px;min-height:calc(100vh - 200px);align-items:stretch;max-width:1920px;margin:0 auto}.map-container{flex:0 0 40%;height:auto;min-height:1093px;--map-scale: 1}.map-frame{width:100%;height:100%;min-height:1093px;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 4px 20px #0000001a}.map-image{width:100%;height:100%;background-image:url(/images/map_sample.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.map-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(0,100,221,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(8,142,197,.1) 0%,transparent 50%)}.map-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100}.observation-point{position:absolute;width:50px;height:50px;transform:translate(-50%,-50%) scale(var(--map-scale));z-index:1000}.observation-point[data-x][data-y]{left:calc(var(--x, 0) * var(--map-scale));top:calc(var(--y, 0) * var(--map-scale))}.map-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-20px);width:180px;height:130px;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;pointer-events:none}.observation-point:hover{z-index:99998}.observation-point:hover .map-popup{opacity:1;visibility:visible;transform:translate(-50%,-20px) scale(1.02);z-index:99999}.observation-point:hover .popup-content{z-index:100000}.popup-content{background-color:#fff;border-radius:16px;padding:0;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.08);height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:center;position:relative;z-index:10000}.popup-content:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ffffff;filter:drop-shadow(0 4px 12px rgba(0,0,0,.12))}.popup-header h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:10px 0;text-align:center;line-height:1.3}.station-code{background-color:#e8f4fd;color:#088ec5;padding:0 14px;border-radius:20px;font-size:11px;font-weight:500;text-align:center;display:inline-block;width:auto;height:24px;line-height:24px;letter-spacing:.5px}.popup-status{border-top:1px solid #e9ecef;height:40px;padding:0 16px;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:4px}.popup-status span{color:#0064dd;font-size:16px;font-weight:600;letter-spacing:.3px}.info-panel{flex:0 0 60%;display:flex;flex-direction:column;gap:30px}.station-selection,.weather-info,.temperature-prediction{background-color:#f2f4f8;border-radius:20px;padding:30px}.station-selection{position:relative}.station-selection h2,.weather-info h2,.temperature-prediction h2{font-size:24px;font-weight:700;color:#18181a;margin-bottom:10px;line-height:1.2}.station-dropdown{background-color:#fff;border:1px solid #c8c9cf;border-radius:50px;padding:13px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;position:relative;transition:all .3s ease}.station-dropdown.active{border-color:#0064dd;box-shadow:0 0 0 2px #0064dd1a}.dropdown-content{display:flex;align-items:center;gap:10px}.map-icon{width:24px;height:24px;background-image:url(/images/map_select.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.dropdown-content span{font-size:20px;font-weight:500;color:#18181a}.dropdown-arrow{width:24px;height:24px;background-image:url(/images/select_arrow_down.svg);background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;transition:transform .3s ease}.station-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% - 20px);left:30px;right:30px;background-color:#fff;border:1px solid #c8c9cf;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;max-height:200px;overflow-y:auto}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 20px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f2f4f8}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f8f9ff}.dropdown-item .map-icon{width:20px;height:20px;background-image:url(/images/map_select.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.dropdown-item span{font-size:16px;font-weight:500;color:#18181a}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:0}.update-time{font-size:16px;color:#9191a1;font-weight:400;line-height:1.2;margin-top:4px}.weather-main{margin-bottom:30px}.temperature-display{display:flex;flex-direction:column;align-items:center;gap:5px;margin-bottom:5px}.temp-row{display:flex;align-items:center;gap:0px}.temp-row img{width:166px;height:157px;object-fit:contain;object-position:center}.temp-value{margin-left:-40px}.sun-icon{width:166px;height:157px;background-image:url(/images/Sun.svg);background-size:calc(100% + 60px);background-repeat:no-repeat;background-position:center;overflow:hidden}.temp-value{font-size:72px;font-weight:700;color:#18181a;line-height:1}.weather-alert{font-size:24px;color:#18181a;font-weight:400}.data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.data-item{background-color:#fff;border-radius:20px;overflow:hidden}.data-item.water-temp .data-label{background-color:#f46d19;color:#fff}.data-item.do .data-label{background-color:#088ec5;color:#fff}.data-item.wind .data-label{background-color:#776bf8;color:#fff}.data-item.rainfall .data-label{background-color:#f8b600;color:#fff}.data-label{padding:10px;font-size:16px;font-weight:700;text-align:center}.data-value{padding:20px 10px;text-align:center}.data-value .value{display:block;font-size:40px;font-weight:700;margin-bottom:5px}.data-item.water-temp .value{color:#f46d19}.data-item.do .value{color:#088ec5}.data-item.wind .value{color:#776bf8}.data-item.rainfall .value{color:#f8b600}.data-value .unit{font-size:16px;color:#9191a1;font-weight:700}.coordinates{display:flex;align-items:center;justify-content:center;gap:20px;padding:15px 0}.coord-item{display:flex;align-items:center;gap:10px}.coord-label{background-color:#e4e4e6;color:#9191a1;padding:4px 12px;border-radius:50px;font-size:15px;font-weight:700}.coord-value{font-size:20px;font-weight:600;color:#18181a}.coord-divider{width:1px;height:20px;background-color:#c8c9cf}.prediction-tabs{display:flex;gap:10px;margin-bottom:0}.tab{padding:10px 44px;border-radius:20px 20px 0 0;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.tab.active{background-color:#fff;color:#18181a}.tab:not(.active){background-color:#e4e4e6;color:#9191a1}.tab-content{display:none}.tab-content.active{display:block}#long-tab{border-radius:0 8px 8px}.prediction-content{background-color:#fff;border-radius:0 8px 8px;padding:20px;overflow:hidden}.chart-header{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.chart-header h3{font-size:20px;font-weight:600;color:#18181a}.legend{display:flex;gap:20px;justify-content:center}.legend-dot.actual{background-color:#4599fe}.legend-dot.predicted{background-color:#fb7c4e}.chart-container{display:flex;margin-bottom:0;overflow:hidden;justify-content:center;align-items:center}.chart-y-axis{display:flex;flex-direction:column;align-items:center;margin-right:20px}.chart-y-axis>span:first-child{font-size:14px;font-weight:500;color:#5e5e6d;margin-bottom:10px;writing-mode:vertical-rl;text-orientation:mixed}.y-labels{display:flex;flex-direction:column;gap:32px;font-size:12px;font-weight:500;color:#9191a1}.chart-area{flex:1;height:250px;position:relative;background-color:#f5f5f5;border:none;border-radius:8px;overflow:hidden;margin:0;padding:0;display:flex;align-items:center;justify-content:center;font-size:16px;color:#666;font-weight:500}.chart-grid{position:absolute;top:0;left:0;right:0;bottom:0}.grid-line{position:absolute;left:0;right:0;height:1px;background-color:#d0d0d0;z-index:1}.grid-line:nth-child(1){top:0}.grid-line:nth-child(2){top:25%}.grid-line:nth-child(3){top:50%}.grid-line:nth-child(4){top:75%}.grid-line:nth-child(5){top:100%}.data-points{position:absolute;top:0;left:0;right:0;bottom:0}.data-point{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);z-index:10}.data-point.actual{background-color:#4599fe}.data-point.predicted{background-color:#fb7c4e}.chart-dates{display:flex;justify-content:space-between;margin-bottom:10px;font-size:12px;font-weight:500;color:#9191a1}.chart-label{text-align:center;font-size:14px;font-weight:500;color:#5e5e6d}.footer{border-top:1px solid #e4e4e6;width:100%}.footer-wrapper{max-width:1920px;margin:0 auto;padding:20px 120px}.footer-content{display:flex;align-items:center;gap:40px}.footer-logo .logo-icon{filter:grayscale(100%);opacity:.6;width:55px;height:50px;display:flex;align-items:center;justify-content:center}.footer-logo .logo-icon img{width:100%;height:100%;object-fit:contain}.footer-info{display:flex;flex-direction:column;gap:10px}.footer-links{display:flex;gap:20px}.footer-link{font-size:15px;font-weight:600;text-decoration:none;color:#18181a;transition:color .3s ease}.footer-link:first-child,.footer-link:hover{color:#0064dd}.copyright{font-size:15px;font-weight:500;color:#9191a1;letter-spacing:.4px}@media (min-width: 1920px){.header-content{padding:25px 160px}.main-wrapper{padding:40px 160px}.footer-wrapper{padding:20px 160px}}@media (max-width: 1400px){.map-container{flex:1;min-height:800px;--map-scale: .73}.map-frame{min-height:800px}}@media (max-width: 1200px){.header-content{padding:25px 80px;position:relative}.main-wrapper{flex-direction:column;padding:40px 80px}.footer-wrapper{padding:20px 80px}.map-container{display:none}.hamburger-btn{display:flex}.gnb{position:absolute;top:100%;left:0;right:0;background-color:#fff;border-top:1px solid #e4e4e6;flex-direction:column;padding:20px 30px;box-shadow:0 4px 20px #0000001a;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;max-width:1920px;margin:0 auto}.gnb.active{transform:translateY(0);opacity:1;visibility:visible}.gnb .nav-item{width:100%;padding:10px 0;margin:0;text-align:center}.gnb .nav-item span{font-size:18px}.data-grid{grid-template-columns:repeat(2,1fr)}.header-left{gap:20px}.admin-badge{padding:6px 12px;height:35px}.admin-badge span{font-size:14px}.logo h1{font-size:20px}}@media (max-width: 1000px){.header-content{padding:20px 60px}.main-wrapper{padding:30px 60px}.footer-wrapper{padding:20px 60px}.footer-content{flex-direction:column;align-items:center;gap:20px;text-align:center}.footer-links{flex-direction:row;gap:20px;justify-content:center}.data-grid{grid-template-columns:repeat(2,1fr);gap:15px}.data-item{min-height:auto}.data-label{font-size:14px;word-break:keep-all;overflow-wrap:break-word}.data-value{font-size:20px;word-break:keep-all}.coordinates{display:flex;align-items:center;justify-content:center;gap:20px;padding:15px 0}.coord-divider{display:none}.coord-item{display:flex;align-items:center;gap:10px}.coord-label{background-color:#e4e4e6;color:#9191a1;padding:4px 12px;border-radius:50px;font-size:15px;font-weight:700}.coord-value{font-size:20px;font-weight:600;color:#18181a}.temperature-display{flex-direction:column;align-items:center;text-align:center}.temp-value{font-size:64px}.weather-alert{font-size:20px;word-break:keep-all;text-align:center}.header-left{gap:15px}.admin-badge{padding:5px 10px;height:32px}.admin-badge span{font-size:13px}.logo h1{font-size:18px}.gnb{gap:40px}}@media (max-width: 800px){.header-content{padding:20px 40px}.main-wrapper{padding:25px 40px}.footer-wrapper{padding:15px 40px}.header-left{gap:10px}.admin-badge{padding:4px 8px;height:30px}.admin-badge span{font-size:12px}.logo h1{font-size:16px}.gnb{gap:30px}.data-grid{grid-template-columns:repeat(2,1fr);gap:15px}.data-label{font-size:14px}}@media (max-width: 480px){.header-content{padding:15px 30px}.main-wrapper{padding:20px 30px}.footer-wrapper{padding:15px 30px}.logo h1{font-size:18px}.nav-item span{font-size:16px}.main-wrapper{padding:15px 20px}.map-container{display:none}.station-selection,.weather-info,.temperature-prediction{padding:20px}.station-selection h2,.weather-info h2,.temperature-prediction h2{font-size:20px;word-break:keep-all}.data-grid{grid-template-columns:repeat(2,1fr);gap:15px}.data-item{min-height:auto}.data-label{font-size:13px;word-break:keep-all;overflow-wrap:break-word}.data-value{font-size:18px;word-break:keep-all}.coord-item{padding:6px 10px;min-width:auto}.coord-label{font-size:11px;word-break:keep-all}.coord-value{font-size:13px;word-break:keep-all}.temp-value{font-size:64px}.weather-alert{font-size:20px;word-break:keep-all;text-align:center}.data-value .value{font-size:32px}.prediction-tabs{flex-direction:row;gap:5px}.tab{padding:8px 24px;font-size:14px}.tab-content{min-height:250px}.chart-container{max-height:250px}.footer-wrapper{padding:15px 20px}.footer-content{gap:15px}.footer-links{gap:8px}.footer-link{font-size:14px}.copyright{font-size:13px}.header-left{gap:8px}.admin-badge{padding:3px 6px;height:28px}.admin-badge span{font-size:11px}.logo h1{font-size:14px}.gnb{gap:20px}.coordinates{display:flex;align-items:center;justify-content:center;gap:20px;padding:0}}@media (max-width: 360px){.header-content{padding:12px 20px;height:80px}.main-wrapper{padding:15px}.logo-icon{width:40px;height:38px}.logo h1{font-size:12px}.hamburger-btn{width:36px;height:36px}.hamburger-btn span{width:18px;height:2px}.hamburger-btn span:nth-child(1){top:calc(50% - 6px)}.hamburger-btn span:nth-child(3){top:calc(50% + 6px)}.nav-item span{font-size:14px}.gnb{padding:15px 20px;gap:15px}.station-selection,.weather-info,.temperature-prediction{padding:15px;border-radius:16px}.station-selection h2,.weather-info h2,.temperature-prediction h2{font-size:18px;margin-bottom:8px}.update-time{font-size:14px}.station-dropdown{padding:10px 16px}.dropdown-content span{font-size:16px}.map-icon,.dropdown-arrow{width:20px;height:20px}.dropdown-item{padding:10px 16px}.dropdown-item span{font-size:14px}.sun-icon,.temp-row img{width:140px;height:132px}.temp-value{font-size:56px;margin-left:-30px}.weather-alert{font-size:18px}.data-grid{grid-template-columns:repeat(2,1fr);gap:10px}.data-label{font-size:14px;padding:8px}.data-value{padding:15px 8px}.data-value .value{font-size:28px;margin-bottom:3px}.data-value .unit{font-size:14px}.coordinates{gap:10px;padding:5px 0;flex-direction:row}.coord-divider{display:none}.coord-item{padding:4px 8px}.coord-label{font-size:10px;padding:3px 10px}.coord-value{font-size:15px}.prediction-tabs{flex-direction:row;gap:4px}.tab{padding:6px 20px;font-size:12px;border-radius:16px 16px 0 0}.prediction-content{padding:15px;border-radius:0 6px 6px}.tab-content{min-height:220px}.chart-container{max-height:220px}.chart-area{height:220px;font-size:14px}.legend{gap:15px}.legend-item{font-size:12px;gap:6px}.legend-dot{width:8px;height:8px}.footer-wrapper{padding:12px 15px}.footer-logo .logo-icon{width:45px;height:42px}.footer-content{gap:12px}.footer-links{gap:6px;flex-wrap:wrap}.footer-link{font-size:12px}.copyright{font-size:11px}.header-left{gap:6px}.admin-badge{padding:2px 5px;height:24px;border-radius:8px}.admin-badge span{font-size:10px}.coordinates{display:flex;align-items:center;justify-content:center;gap:5px;padding:0}}.temp-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;border:3px solid #ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1000;box-shadow:0 4px 12px #0000004d;-webkit-user-select:none;user-select:none}.temp-low,.temp-high{background:#776bf8}.temp-circle:hover{transform:translate(-50%,-50%) scale(1.15);background:linear-gradient(90deg,#0064dd,#088ec5);transition:all .3s ease;z-index:99999}.temp-icon{width:24px;height:24px;filter:brightness(0) invert(1)}.z-1{z-index:1}.z-10{z-index:10}.z-100{z-index:100}.z-selected{z-index:50}.z-hovered{z-index:100}.notification-main .map-container .map-popup{opacity:1;visibility:unset;transform:translate(-50%,-10px)}.map-popup{opacity:1;visibility:unset;transform:translate(-50%,-30px)}.loading-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.admin-notification-main .loading-container{position:unset;display:flex;align-items:center;justify-content:center}.loading-content{display:flex;flex-direction:column;align-items:center;text-align:center}.loading-spinner{width:3rem;height:3rem;border:2px solid transparent;border-bottom:2px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#6b7280}.error-container{padding-top:4rem;padding:1rem;max-width:1200px;margin:0 auto}.error-pre{width:100%;padding:1rem;overflow-x:auto}.landing-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f3f4f6}.landing-title{font-size:2.25rem;font-weight:700;color:#1f2937;text-align:center;margin-top:200px}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.hidden{display:none}.observation-point.clicked{z-index:99998}.observation-point.clicked .temp-circle{transform:translate(-50%,-50%) scale(1.15);transition:all .3s ease;z-index:99999}.observation-point.clicked .temp-circle.temp-low{background:linear-gradient(90deg,#0064dd,#088ec5)}.observation-point.clicked .temp-circle.temp-high{background:linear-gradient(135deg,#b8430b 12.98%,#e55a14 65.42%,#d4935f)}.rbc-event{display:none}.calendar-station-section{min-height:500px}.chart-area{height:auto;overflow:visible}.login-container .header-content{width:100%;display:flex;justify-content:center;align-items:center;padding:0;height:auto;max-width:none;margin:0}.service-section{display:none;margin-bottom:80px}.service-section.visible{display:block;transform:translateY(0);transition:transform .3s ease}.notification-popup .time-input-group .time-select{width:100%;flex:1;min-width:0;box-sizing:border-box}.region-cell-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-notification-main .region-cell.subscription-active:hover{cursor:pointer}.admin-notification-main .region-cell.subscription-inactive:hover{text-decoration:none;cursor:default}.monitoring .map-overlay{z-index:100!important}.monitoring .observation-point{position:absolute;width:56px;height:56px;transform:translate(-50%,-50%);z-index:1000;left:0;top:0}.monitoring .observation-point[data-x][data-y]{left:calc(var(--x, 0px));top:calc(var(--y, 0px))}.monitoring .temp-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;border:3px solid #ffffff;display:flex;align-items:center;justify-content:center;font-family:Pretendard,sans-serif;font-weight:700;font-size:16px;color:#fff;cursor:pointer;transition:all .3s ease;z-index:1000;box-shadow:0 4px 12px #0000004d;-webkit-user-select:none;user-select:none}.monitoring .temp-low{background:linear-gradient(90deg,#0064dd,#088ec5)}.monitoring .temp-high{background:linear-gradient(135deg,#dc5602 12.98%,#f46d19 65.42%,#eca173)}.monitoring .temp-high:hover{background:linear-gradient(135deg,#dc5602 12.98%,#f46d19 65.42%,#eca173)!important}.monitoring .temp-circle:hover{transform:translate(-50%,-50%) scale(1.15);transition:all .3s ease;box-shadow:0 6px 20px #0006}.monitoring .station-popup{position:absolute;width:160px;height:110px;background-color:#2e2f38;border-radius:10px;z-index:2000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;transform:translate(-50%,-100%) scale(.9);margin-top:-10px;box-shadow:0 8px 32px #0000004d}.monitoring .station-popup.active{opacity:1;visibility:visible;transform:translate(-50%,-100%) scale(1)}.monitoring .station-popup:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #2e2f38;z-index:2001;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3))}.monitoring .station-popup:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid rgba(0,0,0,.2);z-index:2000}.monitoring .station-popup .popup-header{padding:6px 42px 12px;height:69px;display:flex;flex-direction:column;justify-content:center;align-items:center}.monitoring .station-popup .station-name{font-size:20px;font-weight:700;color:#fff;margin-bottom:5px;text-align:center;letter-spacing:.4px}.monitoring .station-popup .station-code{background-color:#474752;color:#adaeb9;border-radius:50px;font-size:12px;font-weight:500;text-align:center;letter-spacing:.4px}.monitoring .station-popup .popup-footer{display:flex;align-items:center;justify-content:space-between;padding:4px 30px 0;height:35px;border-top:1px solid #5e5e6d;background-color:#2e2f38;border-radius:0 0 10px 10px}.monitoring .station-popup .status{color:#fff;font-size:16px;font-weight:700;letter-spacing:.4px}.monitoring .station-popup .more-btn{background-color:#fadbcd;color:#fb7c4e;border:1px solid #fb7c4e;border-radius:50px;padding:2px 8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;letter-spacing:.4px}.monitoring .station-popup .more-btn:hover{background-color:#fb7c4e;color:#fff;transform:scale(1.05)}.monitoring .station-popup .close-btn{position:absolute;top:-12px;right:-12px;width:24px;height:24px;background-color:#d9d9d9;border:none;border-radius:50%;color:#000;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #0003}.monitoring .station-popup .close-btn:hover{background-color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0000004d}@media (max-width: 768px){.monitoring .temp-circle{width:48px;height:48px;font-size:14px}.monitoring .station-popup{width:140px;height:137px}.monitoring .station-popup .station-name{font-size:18px}}@media (max-width: 480px){.monitoring .temp-circle{width:40px;height:40px;font-size:12px}.monitoring .station-popup{width:120px;height:117px}.monitoring .station-popup .station-name{font-size:16px}}.monitoring .detail-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;display:flex;align-items:center;justify-content:center;padding:20px}.monitoring .detail-popup-overlay.active{opacity:1;visibility:visible}.monitoring .detail-popup{background-color:#f2f4f8;border-radius:20px;width:866px;height:599px;overflow:hidden;position:relative;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column}.monitoring .detail-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px}.monitoring .detail-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:24px;color:#18181a;margin:0;line-height:28.64px}.monitoring .detail-close-btn{width:40px;height:40px;background-color:#5e5e6d;border:none;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#fff}.monitoring .detail-close-btn:hover{background-color:#4a4a5c;transform:scale(1.1);color:#fff}.monitoring .detail-content{flex:1;padding:0 30px;display:flex;flex-direction:column}.monitoring .forecast-section{background-color:#fff;border-radius:20px;padding:30px;margin-bottom:30px;height:276px;display:flex;flex-direction:column}.monitoring .forecast-header{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.monitoring .legend{display:flex;gap:30px}.monitoring .legend-item{display:flex;align-items:center;gap:8px}.monitoring .legend-dot{width:10px;height:10px;border-radius:50%}.monitoring .legend-dot.real-data{background-color:#4599fe}.monitoring .legend-dot.prediction{background-color:#fb7c4e}.monitoring .legend-item span{font-family:Pretendard,sans-serif;font-weight:500;font-size:14px;color:#5e5e6d;line-height:16.71px}.monitoring .graph-area{background-color:#f2f4f8;border-radius:10px;height:179px;display:flex;align-items:center;justify-content:center}.monitoring .graph-placeholder{font-family:Pretendard,sans-serif;font-weight:600;font-size:20px;color:#c8c9cf;line-height:23.87px}.monitoring .location-info-section{margin-bottom:30px}.monitoring .location-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:24px;color:#18181a;margin:0 0 30px;line-height:28.64px}.monitoring .location-details{display:flex;gap:20px;height:38px;align-items:center}.monitoring .location-item{flex:1;position:relative;display:flex;align-items:center}.monitoring .location-item:not(:last-child):after{content:"";position:absolute;right:-10px;top:0;bottom:0;width:1px;background-color:#c8c9cf}.monitoring .location-item>div{font-family:Pretendard,sans-serif;font-weight:400;font-size:16px;color:#474752;line-height:19.09px;text-align:left}.monitoring .coordinates,.monitoring .sun-info,.monitoring .twilight-info,.monitoring .model-info{text-align:left}.monitoring .notification-section{padding:0 30px 30px;display:flex;justify-content:center}.monitoring .notification-btn{background-color:#0064dd;border:none;border-radius:10px;padding:0 30px;color:#fff;font-family:Pretendard,sans-serif;font-weight:600;font-size:20px;cursor:pointer;display:flex;align-items:center;gap:10px;height:56px;transition:all .3s ease;letter-spacing:.4px;line-height:33.2px}.monitoring .notification-btn:hover{background-color:#0052b8}.monitoring .btn-icon{font-size:24px}@media (max-width: 900px){.monitoring .detail-popup{width:95%;max-width:866px}}@media (max-width: 768px){.monitoring .detail-popup{width:95%;height:auto;min-height:599px}.monitoring .detail-content{padding:0 20px}.monitoring .forecast-section{padding:20px;margin-bottom:20px;height:auto;min-height:276px}.monitoring .location-info-section{margin-bottom:20px}.monitoring .location-details{flex-direction:column;gap:15px;height:auto;align-items:flex-start}.monitoring .location-item{width:100%}.monitoring .location-item:not(:last-child):after{display:none}.monitoring .legend{gap:15px}.monitoring .notification-section{padding:0 20px 20px}.monitoring .notification-btn{width:100%;justify-content:center}}.notification-main{padding:40px 120px;width:100%;max-width:1920px;margin:0 auto}.notification-main .section-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:24px;color:#18181a;margin-bottom:20px;line-height:28.64px}.notification-main .privacy-section{margin-bottom:80px}.notification-main .privacy-content{background-color:#f2f4f8;border-radius:20px;padding:30px;margin-bottom:30px}.notification-main .privacy-text{font-family:Pretendard,sans-serif;font-weight:400;font-size:16px;color:#474752;line-height:19.09px}.notification-main .privacy-text p{margin-bottom:16px}.notification-main .consent-options{display:flex;gap:40px;margin-bottom:30px}.notification-main .consent-option{display:flex;align-items:center;gap:10px}.notification-main .consent-option input[type=radio]{width:20px;height:20px;border-radius:50%;border:2px solid #0064dd;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;cursor:pointer;background-color:#fff}.notification-main .consent-option input[type=radio]:checked{background-color:#fff;border-color:#0064dd}.notification-main .consent-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background-color:#0064dd;border-radius:50%}.notification-main .consent-option input[type=radio]:not(:checked){background-color:#fff;border-color:#adaeb9}.notification-main .consent-option label{font-family:Pretendard,sans-serif;font-weight:400;font-size:16px;color:#18181a;cursor:pointer;line-height:22.88px;letter-spacing:.17px}.notification-main .consent-buttons{display:flex;justify-content:center;gap:20px}.notification-main .service-section{margin-bottom:80px;opacity:0;pointer-events:none;transform:translateY(20px);transition:all .3s ease}.notification-main .service-section.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.notification-main .service-form{display:flex;gap:40px;align-items:flex-start}.notification-main .service-left-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:30px}.notification-main .form-group{background-color:#f2f4f8;border-radius:20px;padding:30px;width:100%;display:flex;flex-direction:column;gap:30px;box-sizing:border-box}.notification-main .form-row{display:flex;gap:30px;align-items:flex-start}.notification-main .form-row:first-child{min-height:79px}.notification-main .form-row:last-child{min-height:52px}.notification-main .form-field{display:flex;flex-direction:column;gap:10px}.notification-main .form-field:first-child{flex:1;min-width:0}.notification-main .form-field:nth-child(2){flex:1;min-width:0}.notification-main .form-field:last-child{flex:1;min-width:0}.notification-main .form-field label{display:block;font-family:Pretendard,sans-serif;font-weight:600;font-size:16px;color:#18181a;margin-bottom:10px;line-height:19.09px}.notification-main .form-field label span{color:#f46d19}.notification-main .form-field input[type=tel]{width:100%;height:50px;background-color:#f1f1f3;border:1px solid #c8c9cf;border-radius:10px;padding:0 20px;font-family:Pretendard,sans-serif;font-size:16px;color:#9191a1;line-height:22.88px;letter-spacing:.17px;box-sizing:border-box}.notification-main .form-field input[type=tel]:disabled{background-color:#f8f9fa;border-color:#e9ecef;color:#6c757d;cursor:not-allowed}.notification-main .time-inputs{display:flex;align-items:center;gap:20px;width:100%;box-sizing:border-box}.notification-main .time-group{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box}.notification-main .time-select{height:50px;background-color:#fff;border:1px solid #c8c9cf;border-radius:10px;padding:0 40px 0 20px;font-family:Pretendard,sans-serif;font-size:16px;color:#18181a;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;box-sizing:border-box}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.notification-main .time-select{border:2px solid #c8c9cf!important}}.notification-main .time-group .time-select{width:100%;flex:1;min-width:0;box-sizing:border-box}.notification-main .time-unit,.notification-main .time-separator{font-family:Pretendard,sans-serif;font-weight:400;font-size:16px;color:#5e5e6d;line-height:22.88px;letter-spacing:.17px}.notification-main .checkbox-group{display:flex;gap:20px;align-items:center}.notification-main .checkbox-item{display:flex;gap:10px}.notification-main .checkbox-item input[type=checkbox],.notification-main .station-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid #0064dd;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;cursor:pointer;background-color:#0064dd}.notification-main .checkbox-item input[type=checkbox]:not(:checked),.notification-main .station-checkbox:not(:checked){background-color:#fff;border-color:#adaeb9}.notification-main .checkbox-item input[type=checkbox]:checked:after,.notification-main .station-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.notification-main .checkbox-item input[type=checkbox]:not(:checked):after,.notification-main .station-checkbox:not(:checked):after{content:""}.notification-main .checkbox-item label{font-family:Pretendard,sans-serif;font-weight:400;font-size:16px;color:#18181a;cursor:pointer;line-height:22.88px;letter-spacing:.17px}.notification-main .station-table-container{position:relative}.notification-main .station-table{background-color:#fff;border-radius:20px;overflow:hidden;border:1px solid #e4e4e6;max-height:780px;overflow-y:auto}.notification-main .station-table::-webkit-scrollbar{width:8px}.notification-main .station-table::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.notification-main .station-table::-webkit-scrollbar-thumb{background:#c8c9cf;border-radius:4px}.notification-main .station-table::-webkit-scrollbar-thumb:hover{background:#adaeb9}.notification-main .table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;background-color:#f2f4f8;border-bottom:1px solid #e4e4e6;position:sticky;top:0;z-index:10}.notification-main .table-header .table-cell{padding:16px 20px;font-family:Pretendard,sans-serif;font-weight:700;font-size:16px;color:#5e5e6d;line-height:22.88px;letter-spacing:.17px;text-align:center}.notification-main .table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;border-bottom:1px solid #e4e4e6;min-height:55px;transition:background-color .2s ease;cursor:pointer}.notification-main .table-row:hover{background-color:#f8f9ff}.notification-main .table-row:last-child{border-bottom:none}.notification-main .table-cell{padding:16px 20px;font-family:Pretendard,sans-serif;font-weight:400;font-size:16px;color:#18181a;line-height:22.88px;letter-spacing:.17px;display:flex;align-items:center;justify-content:center}.notification-main .station-checkbox:disabled{background-color:#f2f4f8;border-color:#e4e4e6;cursor:not-allowed}.notification-main .table-footer{background-color:#f2f4f8;border-radius:10px;padding:10px 20px;margin-top:20px;text-align:center}.notification-main .table-footer p{font-family:Pretendard,sans-serif;font-weight:400;font-size:16px;color:#474752;line-height:22.88px;letter-spacing:.17px}.notification-main .table-footer span{font-weight:700;color:#0064dd}.notification-main .map-area{flex:1;min-width:0}.notification-main .map-container{position:relative;background-color:#fff;border-radius:20px;overflow:hidden;height:989px}.notification-main .map-image{width:100%;height:100%;position:relative}.notification-main .map-img{width:100%;height:100%;object-fit:cover}.notification-main .map-points{position:absolute;top:0;left:0;right:0;bottom:0}.notification-main .map-point{position:absolute;width:50px;height:50px;cursor:pointer}.notification-main .temp-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;border:3px solid #ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background-color:#776bf8}.notification-main .temp-circle.selected{background:linear-gradient(90deg,#0064dd,#088ec5)}.notification-main .temp-circle.disabled{background-color:#e4e4e6;cursor:not-allowed;pointer-events:none}.notification-main .temp-circle:hover:not(.disabled){transform:translate(-50%,-50%) scale(1.15);background:linear-gradient(90deg,#0064dd,#088ec5);transition:all .3s ease;z-index:99999}.notification-main .temp-circle.disabled:hover{transform:translate(-50%,-50%);background-color:#e4e4e6;cursor:not-allowed}.notification-main .temp-icon{width:24px;height:24px;filter:brightness(0) invert(1)}.notification-main .temp-circle.disabled .temp-icon{filter:brightness(0) invert(.5)}.notification-main .map-popup{position:absolute;bottom:calc(100% + 20px);left:50%;transform:translate(-50%);width:180px;height:130px;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;pointer-events:none}.notification-main .map-point:hover{z-index:99998}.notification-main .map-point:hover .map-popup{opacity:1;visibility:visible;transform:translate(-50%) scale(1.02);z-index:99999}.notification-main .map-point:hover .popup-content{z-index:100000}.notification-main .popup-header{padding:16px 16px 8px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.notification-main .popup-header h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:10px 0;text-align:center;line-height:1.3}.notification-main .station-code{background-color:#e8f4fd;color:#088ec5;padding:0 14px;border-radius:20px;font-size:11px;font-weight:500;text-align:center;display:inline-block;width:auto;height:24px;line-height:24px;letter-spacing:.5px}.notification-main .popup-status{border-top:1px solid #e9ecef;height:40px;padding:0 16px;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:4px}.notification-main .popup-status span{color:#0064dd;font-size:16px;font-weight:600;letter-spacing:.3px}.notification-main .map-point.disabled:hover .map-popup{opacity:0;visibility:hidden}.notification-main .action-buttons{border-top:1px solid #e4e4e6;padding-top:20px;margin-top:20px}.notification-main .button-group{display:flex;justify-content:center;gap:20px}.notification-main .btn{padding:16px 32px;border-radius:10px;border:none;font-family:Pretendard,sans-serif;font-weight:600;font-size:20px;cursor:pointer;line-height:33.2px;letter-spacing:.4px;min-width:154px;height:56px;display:flex;align-items:center;justify-content:center;gap:8px}.notification-main .btn-primary{background-color:#0064dd;color:#fff}.notification-main .btn-primary:hover{background-color:#0052b3}.notification-main .btn-secondary{background-color:#5e5e6d;color:#fff}.notification-main .btn-secondary:hover{background-color:#4a4a57}.notification-main .image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;display:none;justify-content:center;align-items:center;z-index:10000;opacity:0;transition:opacity .3s ease}.notification-main .image-modal.show{display:flex;opacity:1}.notification-main .modal-content{position:relative;max-width:90%;max-height:90%}.notification-main .modal-image-container{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .2s ease}.notification-main .modal-image-container:hover{transform:scale(1.02)}.notification-main .modal-image{width:100%;height:auto;display:block}@media (min-width: 1920px){.notification-main{padding:40px 160px}}@media (max-width: 1400px){.notification-main{padding:40px 120px}}@media (max-width: 1200px){.notification-main{padding:40px 80px;width:100%}.notification-main .service-form{flex-direction:column;gap:30px;width:100%}.notification-main .service-left-column,.notification-main .map-area{width:100%}.notification-main .map-container{height:600px}}@media (max-width: 1000px){.notification-main{padding:30px 60px}}@media (max-width: 768px){.notification-main{padding:25px 40px;width:100%}.notification-main .service-form{gap:20px;width:100%}.notification-main .service-left-column,.notification-main .map-area{width:100%}.notification-main .form-row{flex-direction:column;gap:25px;min-height:auto!important}.notification-main .form-field{width:100%!important;margin-bottom:10px;flex:none!important}.notification-main .time-group .time-select{width:auto!important;flex:1!important;min-width:60px;box-sizing:border-box}.notification-main .time-group{width:100%;flex-direction:row;gap:8px;box-sizing:border-box}.notification-main .checkbox-group,.notification-main .consent-options{flex-direction:column;gap:16px}.notification-main .consent-buttons{flex-direction:column;gap:10px}.notification-main .button-group{flex-direction:column}.notification-main .time-inputs{flex-direction:column;gap:15px}.notification-main .time-group{justify-content:flex-start;flex-direction:row;gap:8px;width:100%}.notification-main .station-table-container,.notification-main .station-table{width:100%}.notification-main .table-header,.notification-main .table-row{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.notification-main .table-header .table-cell,.notification-main .table-cell{padding:12px 10px;font-size:14px}.notification-main .map-container{height:400px}.notification-main .section-title{font-size:20px}.notification-main .privacy-content,.notification-main .form-group{padding:20px}}@media (max-width: 480px){.notification-main{padding:15px 30px;width:100%}.notification-main .service-form,.notification-main .service-left-column,.notification-main .map-area{width:100%}.notification-main .section-title{font-size:18px;margin-bottom:15px}.notification-main .privacy-content,.notification-main .form-group{padding:15px;border-radius:15px}.notification-main .form-row{gap:20px;min-height:auto!important}.notification-main .form-field{margin-bottom:15px;width:100%!important;flex:none!important}.notification-main .time-group .time-select{width:auto!important;flex:1!important;min-width:60px;box-sizing:border-box}.notification-main .time-group{width:100%;flex-direction:row;gap:8px;box-sizing:border-box;justify-content:flex-start}.notification-main .consent-buttons{flex-direction:column;gap:10px}.notification-main .btn{width:100%;min-width:auto}.notification-main .button-group{gap:10px}.notification-main .station-table-container,.notification-main .station-table{width:100%}.notification-main .table-header,.notification-main .table-row{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.notification-main .table-header .table-cell,.notification-main .table-cell{padding:8px 5px;font-size:12px}.notification-main .map-container{height:300px}.notification-main .temp-circle{width:40px;height:40px}.notification-main .temp-icon{width:20px;height:20px}}.main-wrapper.record{flex-direction:column}.calendar-station-section{display:flex;gap:40px}.calendar-container{background-color:#f2f4f8;border-radius:20px;padding:30px;flex:1}.calendar-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px}.nav-btn{width:44px;height:44px;background-color:#fff;border:1px solid #c8c9cf;border-radius:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px;color:#18181a}.nav-btn:hover{background-color:#f8f9ff;border-color:#0064dd}.nav-icon{width:24px;height:24px;object-fit:contain}.month-year{background-color:#d8eaff;border-radius:50px;width:60%;text-align:center;padding:10px 20px;font-size:16px;font-weight:400;color:#18181a;margin:0 20px}.calendar-body{width:100%}.weekdays{display:flex;margin-bottom:20px}.weekday{flex:1;text-align:center;padding:8px 0;font-size:14px;font-weight:400;color:#9191a1;border-radius:20px}.weekday.sunday{color:#fb7c4e;font-weight:600}.weekday.saturday{color:#4599fe;font-weight:600}.calendar-grid{display:flex;flex-direction:column;gap:5px}.calendar-week{display:flex;gap:5px}.calendar-day{flex:1;height:65px;background-color:#fff;border:1px solid #e4e4e6;border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:10px;cursor:pointer;transition:all .3s ease;position:relative;font-size:14px;font-weight:400;color:#474752}.calendar-day.prev-month,.calendar-day.next-month{background-color:#f1f1f3;color:#adaeb9}.calendar-day:hover:not(.prev-month):not(.next-month){border-color:#0064dd}.calendar-day.selected{background-color:#fff;border:2px solid #fb7c4e;color:#18181a;font-weight:600}.calendar-day.highOn{background-color:#fadbcd;border:1px solid #e4e4e6;color:#18181a}.calendar-day.highOn.selected{background-color:#fadbcd;border:2px solid #fb7c4e;color:#18181a;font-weight:600}.temp-indicator{position:absolute;bottom:5px;right:10px;font-size:24px;font-weight:700;color:#f46d19}.station-list-container{background-color:#f2f4f8;border-radius:20px;padding:30px;flex:1}.station-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.station-header h3{font-size:24px;font-weight:700;color:#18181a;margin:0}.select-all-btn{background:linear-gradient(90deg,#0064dd,#088ec5);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:opacity .3s ease}.select-all-btn:hover{opacity:.9}.check-icon{font-size:20px}.station-list{display:flex;flex-direction:column;gap:8px;height:450px}.station-row{display:flex;gap:8px;height:50px;flex-shrink:1;min-height:30px}.station-item{flex:1;height:100%;background-color:#fff;border:1px solid #e4e4e6;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:600;color:#9191a1;position:relative;max-width:calc(20% - 8px)}.station-item.selected:not(.highOn){background-color:#fff;border:2px solid #fb7c4e;color:#fb7c4e;font-weight:700}.station-item.highOn{background-color:#fadbcd;border:1px solid #e4e4e6;color:#fb7c4e}.station-item.highOn.selected{background-color:#fadbcd!important;border:2px solid #fb7c4e!important;color:#fb7c4e!important;font-weight:700!important}.station-item.highOn.selected:hover{border-color:#0064dd!important;color:#0064dd!important}.station-item.highlighted{background-color:#fff;border-color:#088ec5;color:#088ec5;font-size:20px;font-weight:600}.station-item:hover:not(.highlighted){border-color:#0064dd;color:#0064dd}.temperature-data-section{background-color:#f2f4f8;border-radius:20px;padding:30px}.temperature-table-section{background-color:#f2f4f8;border-radius:20px;padding:30px;margin-bottom:30px}.record .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.record .table-header h3{font-size:20px;font-weight:700;color:#18181a;margin:0}.record .table-header .selected-date{font-size:16px;color:#0064dd;font-weight:500}.data-header{display:flex;justify-content:start;align-items:center;margin-bottom:20px}.data-header h3{font-size:24px;font-weight:700;color:#18181a;margin:0 20px 0 0}.date-selector{background-color:#d8eaff;border-radius:50px;padding:10px 40px}.selected-date{font-size:16px;font-weight:400;color:#18181a}.graph-section{background-color:#fff;border-radius:20px;padding:30px;margin-bottom:30px}.graph-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.graph-title h4{font-size:20px;font-weight:600;color:#18181a;margin:0}.legend{display:flex;gap:20px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#5e5e6d}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.station-a{background-color:#938af5}.legend-dot.station-b{background-color:#fb7c4e}.legend-dot.station-c{background-color:#23c197}.chart-area{background-color:#f2f4f8;border-radius:15px;padding:40px;min-height:322px;display:flex;align-items:center;justify-content:center}.chart-placeholder{text-align:center;color:#5e5e6d}.chart-info{display:flex;flex-direction:column;align-items:center;gap:15px;background-color:#fff}.chart-icon{font-size:48px;opacity:.5}.chart-info p{font-size:18px;font-weight:600;margin:0}.chart-info span{font-size:14px;opacity:.8}.temperature-table{border-radius:20px;overflow-x:auto;overflow-y:hidden;background-color:#fff;border:1px solid #e4e4e6;-webkit-overflow-scrolling:touch}.temperature-table.empty-state{overflow:hidden;display:flex;flex-direction:column}.temperature-table.empty-state .table-scroll-wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.temperature-table.empty-state .empty-state-message{width:100%;padding:40px 20px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-top:1px solid #e4e4e6}.temperature-table.empty-state .empty-state-message p{font-size:16px;font-weight:400;color:#9191a1;margin:0;text-align:center}.data-table{width:100%;min-width:1200px;border-collapse:collapse;font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;background-color:#fff;table-layout:fixed}.data-table th:nth-child(1),.data-table td:nth-child(1){width:120px}.data-table th:nth-child(n+2),.data-table td:nth-child(n+2){width:60px}.data-table thead{background-color:#f2f4f8}.data-table th{background-color:#f2f4f8;color:#9191a1;font-weight:700;padding:20px 15px;text-align:center;border-bottom:1px solid #e4e4e6;font-size:16px;letter-spacing:.17px;line-height:22.88px;white-space:nowrap;min-width:60px}.data-table td{padding:20px 15px;text-align:center;border-bottom:1px solid #e4e4e6;color:#18181a;font-weight:400;letter-spacing:.17px;line-height:22.88px;white-space:nowrap;min-width:60px}.data-table tbody tr:hover{background-color:#f8f9ff}.data-table tbody tr:last-child td{border-bottom:none}.data-table th:first-child,.data-table td:first-child{text-align:center}.data-table th:first-child,.data-table td:first-child{text-align:center;padding-left:0;position:sticky;left:0;background-color:#f2f4f8;z-index:10}.data-table td:first-child{background-color:#fff}.data-table tbody tr:hover td:first-child{background-color:#f8f9ff}.data-table td.high-temp{color:#fb7c4e;font-weight:700}@media (max-width: 1200px){.calendar-station-section{flex-direction:column}.calendar-container,.station-list-container{max-width:none}.legend{flex-wrap:wrap;gap:15px}}@media (max-width: 768px){.calendar-container,.station-list-container,.temperature-data-section,.temperature-table-section{padding:20px;margin-bottom:20px}.calendar-header{gap:5px;margin-bottom:20px}.nav-btn{width:40px;height:40px;font-size:14px}.nav-icon{width:20px;height:20px}.month-year{padding:8px 16px;font-size:14px;margin:0 10px}.calendar-day{height:55px;padding:8px;font-size:12px}.temp-indicator{font-size:20px;bottom:3px;right:8px}.station-header h3,.data-header h3,.table-header h3{font-size:20px}.table-header .selected-date{font-size:14px}.select-all-btn{padding:8px 16px;font-size:14px}.station-item{height:50px;font-size:14px}.station-item.highlighted,.graph-title h4{font-size:18px}.legend{gap:10px}.legend-item{font-size:12px}.chart-area{padding:30px 20px;min-height:250px}.chart-icon{font-size:36px}.chart-info p{font-size:16px}.chart-info span{font-size:12px}.data-table{font-size:14px;min-width:1000px}.data-table th:nth-child(1),.data-table td:nth-child(1){width:100px}.data-table th:nth-child(n+2),.data-table td:nth-child(n+2){width:50px}.data-table th,.data-table td{padding:16px 12px}.data-table th:first-child,.data-table td:first-child{padding-left:0}.temperature-table.empty-state .empty-state-message{padding:50px 20px}.temperature-table.empty-state .empty-state-message p{font-size:14px}}@media (max-width: 480px){.calendar-container,.station-list-container,.temperature-data-section,.temperature-table-section{padding:15px;margin-bottom:15px}.calendar-header{gap:3px;margin-bottom:15px}.nav-btn{width:36px;height:36px;font-size:12px}.nav-icon{width:18px;height:18px}.month-year{padding:6px 12px;font-size:12px;margin:0 8px}.weekday{font-size:12px;padding:6px 0}.calendar-day{height:45px;padding:6px;font-size:11px;border-radius:10px}.temp-indicator{font-size:16px;bottom:2px;right:6px}.station-header h3,.data-header h3,.table-header h3{font-size:18px}.table-header{flex-direction:column;align-items:flex-start;gap:10px}.table-header .selected-date{font-size:12px}.select-all-btn{padding:6px 12px;font-size:12px}.station-list{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;height:unset}.station-row{display:contents}.station-item{height:45px;font-size:12px;max-width:unset}.station-item.highlighted{font-size:16px}.graph-section{padding:15px}.graph-title h4{font-size:16px}.legend{gap:8px}.legend-item{font-size:11px}.chart-area{padding:20px 15px;min-height:200px}.chart-icon{font-size:28px}.chart-info p{font-size:14px}.chart-info span{font-size:11px}.data-table{font-size:12px;min-width:800px}.data-table th:nth-child(1),.data-table td:nth-child(1){width:80px}.data-table th:nth-child(n+2),.data-table td:nth-child(n+2){width:40px}.data-table th,.data-table td{padding:12px 8px}.data-table th:first-child,.data-table td:first-child{padding-left:0}.temperature-table.empty-state .empty-state-message{padding:40px 15px}.temperature-table.empty-state .empty-state-message p{font-size:12px}}.admin-header .nav-item:hover .nav-line{width:100%}.admin-header .nav-item:hover span{color:#0064dd;font-weight:700}.admin-header .nav-line{width:0;height:6px;background:linear-gradient(90deg,#0064dd,#088ec5);border-radius:3px;transition:width .3s ease;position:absolute;bottom:-27px;left:50%;transform:translate(-50%)}.admin-notification-main{padding:40px 120px;width:100%;max-width:1920px;margin:0 auto}.admin-notification-main .page-title{font-family:Pretendard,sans-serif;font-weight:600;font-size:24px;color:#18181a;margin-bottom:30px;line-height:28.64px}.admin-notification-main .admin-section{width:100%}.admin-notification-main .search-form{background-color:#f2f4f8;border-radius:20px;padding:30px;margin-bottom:30px}.admin-notification-main .form-row{display:flex;gap:30px;align-items:flex-end}.admin-notification-main .form-field{display:flex;flex-direction:column;gap:10px}.admin-notification-main .form-field:first-child{flex:0 0 320px;min-width:0}.admin-notification-main .form-field:nth-child(2){flex:0 0 320px;min-width:0}.admin-notification-main .form-field:last-child{flex:0 0 auto}.admin-notification-main .form-field label{font-family:Pretendard,sans-serif;font-weight:600;font-size:16px;color:#18181a;line-height:19.09px}.admin-notification-main .form-field input[type=tel],.admin-notification-main .form-field select{width:100%;height:50px;background-color:#fff;border:1px solid #c8c9cf;border-radius:10px;padding:0 20px;font-family:Pretendard,sans-serif;font-size:16px;color:#18181a;line-height:22.88px;letter-spacing:.17px;box-sizing:border-box}.admin-notification-main .form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;cursor:pointer}.admin-notification-main .search-btn{height:50px;background-color:#0064dd;border:none;border-radius:10px;padding:0 20px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s ease;min-width:113px}.admin-notification-main .search-btn:hover{background-color:#0052b3}.admin-notification-main .search-btn svg{width:24px;height:24px}.admin-notification-main .search-btn span{font-family:Pretendard,sans-serif;font-weight:600;font-size:20px;color:#fff;line-height:33.2px;letter-spacing:.4px}.admin-notification-main .data-table-container{background-color:#fff;border-radius:20px;overflow:hidden;border:1px solid #e4e4e6}.admin-notification-main .data-table{width:100%}.admin-notification-main .table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;background-color:#f2f4f8;border-bottom:1px solid #e4e4e6;height:55px}.admin-notification-main .table-header .table-cell{padding:16px 20px;font-family:Pretendard,sans-serif;font-weight:700;font-size:16px;color:#9191a1;line-height:22.88px;letter-spacing:.17px;text-align:center;display:flex;align-items:center;justify-content:center}@media (max-width: 1600px){.admin-notification-main .table-header .table-cell{padding:16px 15px;font-size:15px}}@media (max-width: 1400px){.admin-notification-main .table-header .table-cell{padding:16px 12px;font-size:14px}}.admin-notification-main .table-body{overflow:visible}.admin-notification-main .table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;border-bottom:1px solid #e4e4e6;min-height:67px;transition:background-color .2s ease}.admin-notification-main .table-row:hover{background-color:#f8f9ff}.admin-notification-main .table-row:last-child{border-bottom:none}.admin-notification-main .table-cell{padding:16px 20px;font-family:Pretendard,sans-serif;font-weight:400;font-size:16px;color:#18181a;line-height:22.88px;letter-spacing:.17px;display:flex;align-items:center;justify-content:center}@media (max-width: 1600px){.admin-notification-main .table-cell{padding:16px 15px;font-size:15px}}@media (max-width: 1400px){.admin-notification-main .table-cell{padding:16px 12px;font-size:14px}}.admin-notification-main .table-row.terminated .table-cell:nth-child(3),.admin-notification-main .table-row.terminated .table-cell:nth-child(4){color:#adaeb9}.admin-notification-main .table-row.terminated .terminate-btn{display:none}.admin-notification-main .terminate-btn{background-color:#5e5e6d;border:none;border-radius:10px;padding:8px 16px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background-color .2s ease;min-width:101px;height:35px}.admin-notification-main .terminate-btn:hover{background-color:#4a4a57}.admin-notification-main .terminate-btn svg{width:20px;height:20px}.admin-notification-main .terminate-btn span{font-family:Pretendard,sans-serif;font-weight:400;font-size:16px;color:#fff;line-height:26.56px;letter-spacing:.4px}@media (min-width: 1920px){.admin-notification-main{padding:40px 160px}}@media (max-width: 1400px){.admin-notification-main{padding:40px 120px}}@media (max-width: 1200px){.admin-notification-main{padding:40px 80px}.admin-notification-main .form-row{flex-direction:column;gap:20px;align-items:stretch}.admin-notification-main .form-field:first-child,.admin-notification-main .form-field:nth-child(2){flex:1;min-width:0}.admin-notification-main .form-field:last-child{flex:1}.admin-notification-main .search-btn{width:100%;justify-content:center}}@media (max-width: 1000px){.admin-notification-main{padding:30px 60px}.admin-notification-main .search-form{padding:20px}.admin-notification-main .table-header,.admin-notification-main .table-row{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.admin-notification-main .table-header .table-cell,.admin-notification-main .table-cell{padding:12px 10px;font-size:14px}}@media (max-width: 768px){.admin-notification-main{padding:25px 40px}.admin-notification-main .page-title{font-size:20px;margin-bottom:20px}.admin-notification-main .search-form{padding:20px;border-radius:15px}.admin-notification-main .form-row{gap:15px}.admin-notification-main .form-field:first-child,.admin-notification-main .form-field:nth-child(2){flex:1;min-width:0}.admin-notification-main .form-field label{font-size:14px}.admin-notification-main .form-field input[type=tel],.admin-notification-main .form-field select{height:45px;font-size:14px;padding:0 15px}.admin-notification-main .search-btn{height:45px;padding:0 15px}.admin-notification-main .search-btn span{font-size:16px}.admin-notification-main .data-table-container{border-radius:15px}.admin-notification-main .table-header,.admin-notification-main .table-row{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.admin-notification-main .table-header .table-cell,.admin-notification-main .table-cell{padding:10px 8px;font-size:12px}.admin-notification-main .terminate-btn{min-width:80px;height:30px;padding:6px 12px}.admin-notification-main .terminate-btn span{font-size:12px}.admin-notification-main .terminate-btn svg{width:16px;height:16px}}@media (max-width: 480px){.admin-notification-main{padding:15px 30px}.admin-notification-main .page-title{font-size:18px;margin-bottom:15px}.admin-notification-main .search-form{padding:15px;border-radius:12px}.admin-notification-main .form-field label{font-size:13px}.admin-notification-main .form-field input[type=tel],.admin-notification-main .form-field select{height:40px;font-size:13px;padding:0 12px}.admin-notification-main .search-btn{height:40px;padding:0 12px}.admin-notification-main .search-btn span{font-size:14px}.admin-notification-main .data-table-container{border-radius:12px}.admin-notification-main .table-header,.admin-notification-main .table-row{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.admin-notification-main .table-header .table-cell,.admin-notification-main .table-cell{padding:8px 5px;font-size:11px}.admin-notification-main .terminate-btn{min-width:70px;height:28px;padding:4px 8px}.admin-notification-main .terminate-btn span{font-size:11px}.admin-notification-main .terminate-btn svg{width:14px;height:14px}}.admin-notification-main .region-cell{cursor:pointer;color:#0064dd;transition:color .2s ease;min-width:0}.admin-notification-main .region-cell:hover{color:#0052b3;text-decoration:underline}.admin-notification-main .region-cell.has-tooltip{position:relative}.admin-notification-main .region-cell.has-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(10px);background-color:#18181af2;color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:400;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;pointer-events:none;z-index:1000;box-shadow:0 4px 12px #00000026;line-height:1.4}.admin-notification-main .region-cell.has-tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(7px)}.popup-overlay.notification-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.popup-overlay.notification-popup.active{display:flex}.notification-popup .popup-content{background-color:#fff;border-radius:20px;width:100%;max-width:840px;height:850px;max-height:90vh;overflow:hidden;box-shadow:0 10px 40px #0003;animation:popupSlideIn .3s ease-out;display:flex;flex-direction:column}.notification-popup .popup-content:after{display:none!important;content:none!important}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-popup .popup-header{display:flex;justify-content:space-between;align-items:center;padding:30px;border-bottom:1px solid #e4e4e6}.notification-popup .popup-header h2{font-family:Pretendard,sans-serif;font-weight:600;font-size:24px;color:#18181a;margin:0;line-height:28.64px}.notification-popup .popup-close{background:none;border:none;font-size:36px;color:#9191a1;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;line-height:1}.notification-popup .popup-close:hover{color:#18181a}.notification-popup .popup-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.notification-popup .popup-form{border-radius:20px 20px 0 0;background-color:#f2f4f8;padding:30px;margin-bottom:30px;flex-shrink:0}.notification-popup .popup-form-row{display:flex;gap:30px}.notification-popup .popup-form-field{flex:1;display:flex;flex-direction:column;gap:10px}.notification-popup .popup-form-field label{font-family:Pretendard,sans-serif;font-weight:600;font-size:16px;color:#18181a;line-height:19.09px;text-align:left}.notification-popup .popup-form-field label .required{color:#f46d19}.notification-popup .popup-form-field input[type=tel]{width:100%;height:50px;background-color:#fff;border:1px solid #c8c9cf;border-radius:10px;padding:0 20px;font-family:Pretendard,sans-serif;font-size:16px;color:#18181a;line-height:22.88px;letter-spacing:.17px;box-sizing:border-box}.notification-popup .popup-form-field input[type=tel]:read-only{background-color:#f8f9fa;color:#5e5e6d}.time-range-inputs,.time-input-group{display:flex;align-items:center;gap:10px}.time-select{width:80px;height:50px;background-color:#fff;border:1px solid #c8c9cf;border-radius:10px;padding:0 35px 0 15px;font-family:Pretendard,sans-serif;font-size:16px;color:#18181a;line-height:22.88px;letter-spacing:.17px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.time-unit,.time-separator{font-family:Pretendard,sans-serif;font-size:16px;color:#5e5e6d;line-height:22.88px;letter-spacing:.17px}.notification-popup .popup-table-container{flex:1;overflow:hidden;border:1px solid #e4e4e6;display:flex;flex-direction:column}.notification-popup .popup-table{width:100%;display:flex;flex-direction:column;flex:1;overflow:hidden}.notification-popup .popup-table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;background-color:#f2f4f8;border-bottom:1px solid #e4e4e6;height:55px;flex-shrink:0}.notification-popup .popup-table-header .popup-table-cell{padding:16px 20px;font-family:Pretendard,sans-serif;font-weight:700;font-size:16px;color:#9191a1;line-height:22.88px;letter-spacing:.17px;text-align:center;display:flex;align-items:center;justify-content:center}.notification-popup .popup-table-body{flex:1;overflow-y:auto}.notification-popup .popup-table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;border-bottom:1px solid #e4e4e6;min-height:55px;transition:background-color .2s ease}.notification-popup .popup-table-row:hover{background-color:#f8f9ff}.notification-popup .popup-table-row:last-child{border-bottom:none}.notification-popup .popup-table-row.disabled{background-color:#f8f9fa}.notification-popup .popup-table-row.disabled .popup-table-cell{color:#adaeb9}.notification-popup .popup-table-cell{padding:16px 20px;font-family:Pretendard,sans-serif;font-weight:400;font-size:16px;color:#18181a;line-height:22.88px;letter-spacing:.17px;display:flex;align-items:center;justify-content:center}.region-checkbox{width:20px;height:20px;border:1px solid #adaeb9;border-radius:6px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;position:relative;transition:all .2s ease}.region-checkbox:checked{background-color:#0064dd;border-color:#0064dd}.region-checkbox:checked:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.region-checkbox:disabled{background-color:#f2f4f8;border-color:#e4e4e6;cursor:not-allowed}.notification-popup .popup-footer{display:flex;justify-content:center;align-items:center;gap:20px;padding:30px;flex-shrink:0}.notification-popup .popup-btn{height:56px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;font-family:Pretendard,sans-serif;font-weight:600;font-size:20px;line-height:33.2px;letter-spacing:.4px}.notification-popup .popup-btn-primary{background-color:#0064dd;color:#fff;padding:0 30px;min-width:194px}.notification-popup .popup-btn-primary:hover{background-color:#0052b3}.notification-popup .popup-btn-secondary{background-color:#5e5e6d;color:#fff;padding:0 30px;min-width:95px}.notification-popup .popup-btn-secondary:hover{background-color:#4a4a57}@media (max-width: 768px){.region-cell.has-tooltip:after{font-size:12px;padding:10px 14px;max-width:280px;white-space:normal;word-wrap:break-word}.notification-popup .popup-content{max-width:95%;height:800px;max-height:85vh;border-radius:15px}.notification-popup .popup-header{padding:20px}.notification-popup .popup-header h2{font-size:20px}.notification-popup .popup-body{padding:0}.notification-popup .popup-form{padding:20px}.notification-popup .popup-form-row{flex-direction:column;gap:20px}.time-range-inputs{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.time-input-group{flex-wrap:wrap;justify-content:flex-start}.time-separator{order:1;margin-left:5px}.time-range-inputs .time-input-group:first-of-type{display:flex;flex-wrap:nowrap;width:100%;align-items:center}.time-range-inputs .time-input-group:first-of-type .time-select{flex:1;min-width:0}.time-range-inputs .time-separator{display:none}.time-range-inputs .time-input-group:last-of-type{width:100%;display:flex;flex-wrap:nowrap;align-items:center}.time-range-inputs .time-input-group:last-of-type .time-select{flex:1;min-width:0}.notification-popup .popup-table-header,.notification-popup .popup-table-row{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.notification-popup .popup-table-header .popup-table-cell,.notification-popup .popup-table-cell{padding:10px 6px;font-size:14px}.notification-popup .popup-table-header{height:45px}.notification-popup .popup-table-row{min-height:45px}.notification-popup .popup-footer{flex-direction:column;gap:10px;padding:20px}.notification-popup .popup-btn{width:100%;min-width:auto}}@media (max-width: 480px){.region-cell.has-tooltip:after{font-size:11px;padding:8px 12px;max-width:240px}.notification-popup .popup-content{height:600px;max-height:85vh}.notification-popup .popup-body{padding:0}.notification-popup .popup-form{padding:15px}.time-select{width:100%;height:45px;font-size:14px;padding:0 30px 0 10px}.time-unit{font-size:14px}.time-input-group{gap:8px;display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center}.time-range-inputs .time-input-group:first-of-type:after{font-size:14px;margin-left:0;line-height:45px;grid-column:5}.time-range-inputs .time-input-group:last-of-type{grid-template-columns:1fr auto 1fr auto}.notification-popup .popup-table-header .popup-table-cell,.notification-popup .popup-table-cell{padding:8px 4px;font-size:10px}.notification-popup .popup-table-header{height:40px}.notification-popup .popup-table-row{min-height:40px}.region-checkbox{width:16px;height:16px}.region-checkbox:checked:after{left:5px;top:1px;width:4px;height:8px}}.admin-notification-main .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background-color:#fff;border-top:1px solid #e4e4e6}.admin-notification-main .pagination-info{font-family:Pretendard,sans-serif;font-weight:400;font-size:14px;color:#5e5e6d;line-height:20px}.admin-notification-main .pagination-info strong{font-weight:600;color:#18181a}.admin-notification-main .pagination{display:flex;align-items:center;gap:8px}.admin-notification-main .pagination-btn{width:32px;height:32px;border:1px solid #e4e4e6;border-radius:8px;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.admin-notification-main .pagination-btn:hover:not(:disabled){background-color:#f8f9ff;border-color:#0064dd}.admin-notification-main .pagination-btn:disabled{background-color:#f2f4f8;border-color:#e4e4e6;cursor:not-allowed;opacity:.5}.admin-notification-main .pagination-btn img{width:16px;height:16px}.admin-notification-main .pagination-pages{display:flex;align-items:center;gap:4px;margin:0 8px}.admin-notification-main .pagination-page{min-width:32px;height:32px;border:1px solid #e4e4e6;border-radius:8px;background-color:#fff;display:flex;align-items:center;justify-content:center;font-family:Pretendard,sans-serif;font-weight:400;font-size:14px;color:#18181a;cursor:pointer;transition:all .2s ease;padding:0 8px}.admin-notification-main .pagination-page:hover{background-color:#f8f9ff;border-color:#0064dd}.admin-notification-main .pagination-page.active{background-color:#0064dd;border-color:#0064dd;color:#fff;font-weight:600}.admin-notification-main .pagination-page.active:hover{background-color:#0052b3;border-color:#0052b3}@media (max-width: 768px){.admin-notification-main .pagination-container{flex-direction:column;gap:15px;padding:15px 20px}.admin-notification-main .pagination-info{font-size:13px;text-align:center}.admin-notification-main .pagination{gap:6px}.admin-notification-main .pagination-btn{width:28px;height:28px}.admin-notification-main .pagination-btn img{width:14px;height:14px}.admin-notification-main .pagination-pages{gap:3px;margin:0 6px}.admin-notification-main .pagination-page{min-width:28px;height:28px;font-size:13px;padding:0 6px}}@media (max-width: 480px){.admin-notification-main .pagination-container{padding:12px 15px}.admin-notification-main .pagination-info{font-size:12px}.admin-notification-main .pagination-btn{width:24px;height:24px}.admin-notification-main .pagination-btn img{width:12px;height:12px}.admin-notification-main .pagination-pages{gap:2px;margin:0 4px}.admin-notification-main .pagination-page{min-width:24px;height:24px;font-size:12px;padding:0 4px}}
