.main-container{display:flex;height:100%}.main{margin:0;padding:0;top:0;left:0;position:fixed;width:100vw;height:100vh;font-family:Arial,Helvetica,sans-serif}body,html{overscroll-behavior-y:contain}.pin{border-radius:50%;width:18px;height:18px;background-color:#ef5350;background-size:18px;border:3px solid #ef5350}.pin,.pin:after{position:absolute}.pin:after{z-index:-2;content:"";width:0;height:0;bottom:-24px;left:-1px;border:10px solid transparent;border-top:16px solid #ef5350}.baby{background-color:#3f51b5;border:3px solid #3f51b5}.baby:after{border-top:16px solid #3f51b5}.kinder{background-color:#009688;border:3px solid #009688}.kinder:after{border-top:16px solid #009688}.elementary{background-color:#ef5350;border:3px solid #ef5350}.elementary:after{border-top:16px solid #ef5350}.middle{background-color:#9c27b0;border:3px solid #9c27b0}.middle:after{border-top:16px solid #9c27b0}.high{background-color:#212121;border:3px solid #212121}.high:after{border-top:16px solid #212121}.card{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}.card:hover{box-shadow:0 7px 14px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.navigator{position:fixed;bottom:30px;right:30px;width:140px;height:180px;display:flex;justify-content:center;background:#303f9f;border-radius:3px;z-index:100}.navigator-bar{width:60px;height:20px;margin:2px}.navigator-text{width:20px;height:20px;margin:2px;font-size:12px;color:#fafafa}.navchart{right:180px;width:360px}.navchart,.navtable{position:fixed;bottom:30px;height:160px;padding:10px;border-radius:3px;display:flex;justify-content:center;align-items:center;background:#fff;z-index:10}.navtable{right:570px;width:800px}table{border-collapse:collapse}td,th{width:25px;border:.5px solid #444}.pulse{animation:pulsate .5s ease-out;-webkit-animation:pulsate .5s ease-out;-webkit-animation-iteration-count:5;opacity:0;cursor:grab}.popup-div{width:200px}.popup-title{width:240px;height:30px;line-height:30px;border-bottom:2px solid grey;font-weight:700}.popup-text{width:240px;height:32px;line-height:16px;font-size:14px;text-align:left}.popup-elec{padding:3px;border-radius:5px;color:#fff;text-align:center}.checkbox{display:none}.title{color:purple;font-weight:700}.desc{max-height:0;overflow:hidden}.checkbox:checked+.title+.desc{max-height:1000px}@-webkit-keyframes pulsate{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes pulsate{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.nav-title{display:flex;height:5vh;padding:10px 15px;background:#001970;color:#fafafa}.nav-title-logo{display:flex;justify-content:flex-start;align-items:center;flex:1 1;height:100%}.nav-title-subject{display:flex;justify-content:center;align-items:flex-end;flex-direction:column;height:100%;text-align:right;font-size:18px;font-family:NotoSansCJKkr}.nav-header{height:5vh;color:#fafafa}.nav-header,.nav-header-btn{display:flex;background:#001970}.nav-header-btn,.nav-header-btn-sel{align-items:center;justify-content:center;height:100%;flex:1 1;cursor:pointer}.nav-header-btn-sel{display:flex;background:#2f3e9e;border-top-left-radius:5px;border-top-right-radius:5px}.nav-body{display:flex;flex-direction:column;width:320px;margin:10px 40px;font-size:18px;color:#e8eaf6}.nav-sub-text{height:6vh}.nav-sub-text,.nav-text-title{display:flex;align-items:center}.nav-text-title{height:4vh;font-size:16px;text-indent:12px}.nav-text{display:flex;align-items:center;height:4vh;font-size:14px;text-indent:24px}.nav-window{height:calc(60vh);width:320px;align-items:center}.nav-search-pin{position:block;border-radius:50%;width:24px;height:24px;background-size:24px}div{-ms-user-select:none;-webkit-user-select:none;user-select:none}.nav-search{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:50px;width:100%;z-index:100;position:fixed;top:0;left:0}.mobile-select input{font-size:13px}.nav-window-button{background:#283593}.nav-window-button,.nav-window-button-selected{width:140px;height:4vh;border-radius:3px;display:flex;justify-content:center;align-items:center;color:#fafafa;border:2px solid #1a237e;cursor:pointer}.nav-window-button-selected{margin-right:2px;margin-bottom:2px;background:#3d5afe}.nav-search-item{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;height:60px;width:100%}.nav-search-type{margin-left:5px;width:60px;text-align:center;font-size:12px}.nav-search-content{margin-left:5px;width:180px;font-size:12px}.nav-search-bar{flex:1 1;height:35px;padding:0;margin:0 10px 0 0;border:1px solid #bdbdbd;border-radius:3px;text-indent:10px;font-size:16px}.nav-search-button{border:2px solid #1a237e;border-radius:3px;background:#3d5afe}.nav-search-button,.nav-search-region-button{display:flex;justify-content:center;align-items:center;margin-left:5px;width:50px;height:40px;cursor:pointer;font-size:14px;color:#fafafa;text-align:center;word-break:keep-all}.nav-search-region-button{border:2px solid #1b5e20;border-radius:3px;background:#43a047}.nav-filter-weather{display:flex;flex-direction:column;background:#283593;padding:1vh;border:2px solid #1a237e;border-radius:3px;cursor:pointer}.nav-filter-weather-text{width:40;text-align:center;color:#fafafa;margin-top:1vh}.nav-filter-speed{display:flex;justify-content:space-around;align-items:flex-end;width:100%;height:10vh}.nav-filter-speedbar{display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer}