.dashboard_state_panel{width:100%;height:100%;display:inline-flex}[dir] .dashboard_state_panel{margin-top:20px}.state-container{height:100%}.state_content{opacity:1;width:100%;height:100%}[dir] .state_content{border-radius:3px;padding:10px}[dir=ltr] .state_content{background:#2c2c2c 0 0 no-repeat padding-box;box-shadow:5px 10px 22px rgba(0,0,0,.1607843137254902)}[dir=rtl] .state_content{background:#2c2c2c 100% 0 no-repeat padding-box;box-shadow:-5px 10px 22px rgba(0,0,0,.1607843137254902)}.state_title{font-size:1rem;letter-spacing:0;color:#fff;opacity:1;vertical-align:middle}[dir=ltr] .state_title{text-align:left}[dir=rtl] .state_title{text-align:right}.tunnel_content{opacity:1;height:75%}[dir] .tunnel_content{border:2px solid #30384e;border-radius:3px}[dir=ltr] .float_right{float:right}[dir=ltr] .float_left,[dir=rtl] .float_right{float:left}[dir=rtl] .float_left{float:right}.state_font_big{font-size:1.8rem;letter-spacing:0;color:#f8f8fb;opacity:1}[dir] .state_font_big{margin-bottom:1px}[dir=ltr] .state_font_big{text-align:left}[dir=rtl] .state_font_big{text-align:right}.state_font_small{font-size:.8rem;letter-spacing:0;color:#f8f8fb;opacity:1}[dir=ltr] .state_font_small{text-align:left}[dir=rtl] .state_font_small{text-align:right}.state_div_big{height:130%;width:55%}[dir] .state_div_big{border:2px solid #393939;text-align:center;border-radius:5px}.dbs_state_div_big{height:130%;width:70%}[dir] .dbs_state_div_big{border:2px solid #393939;border-radius:5px}[dir=ltr] .dbs_state_div_big{text-align:right}[dir=rtl] .dbs_state_div_big{text-align:left}.state_div_big_r{height:130%;width:24%}[dir] .state_div_big_r{border:2px solid #393939;border-radius:5px}.state_div_mid{height:100%;width:18%}.state_div_small{height:130%;width:10%}[dir] .state_div_small{border:2px solid #393939;border-radius:5px}.state_div_top{height:60%;width:90%}.state_div_top_r{height:30%;width:100%}[dir] .state_div_top_r{margin-top:-.2vw}[dir=ltr] .state_div_top_r{padding-left:.5vw;padding-right:.3vw}[dir=rtl] .state_div_top_r{padding-right:.5vw;padding-left:.3vw}.state_div_bot{height:50%;width:100%}[dir] .state_div_bot{padding-top:.1vw}[dir=ltr] .state_div_bot{margin-left:11px}[dir=rtl] .state_div_bot{margin-right:11px}.state_div_bot_cl{height:50%;width:100%}[dir] .state_div_bot_cl{padding-top:.1vw}[dir=ltr] .state_div_bot_cl{margin-left:1px}[dir=rtl] .state_div_bot_cl{margin-right:1px}.state_div_bot_r{height:50%;width:100%}[dir] .state_div_bot_r{padding-top:.1vw}[dir=ltr] .state_div_bot_r{padding-left:.5vw;padding-right:.3vw}[dir=rtl] .state_div_bot_r{padding-right:.5vw;padding-left:.3vw}.state_div_bot_contents{height:100%;width:50%}.state_space{width:.3%}.red_ball{width:.4vw}[dir=ltr] .red_ball{margin-right:.2vw}[dir=rtl] .red_ball{margin-left:.2vw}.green_ball{width:.4vw}[dir=ltr] .green_ball{margin-right:.2vw}[dir=rtl] .green_ball{margin-left:.2vw}.selectTunnel .inner-background,.selectTunnel .outer-rect{stroke:#e64359;fill:rgba(230,66,88,.3)}.selectTunnel .hatch{fill:url(#selectHatch)}#selectHatch rect{fill:#e64359}[dir] .hoverTunnel{cursor:pointer}.hoverTunnel .inner-background,.hoverTunnel .outer-rect{stroke:#e64359;fill:rgba(230,66,88,.3)}.hoverTunnel .hatch{fill:url(#hoverHatch)}#hoverHatch rect{fill:#e64359}[dir=ltr] .row,[dir=rtl] .row{margin-left:0!important;margin-right:0!important}.sound-switch-button{width:4.5vw;height:1.8vh;color:#fff;font:normal normal normal .65rem Noto Sans KR}[dir] .sound-switch-button{background-color:#282e40;border-radius:5px;margin-bottom:.2vh;text-align:center}[dir] .sound-switch-button-click{background-color:#a8a8a8!important}.show-sound-ball{display:flex!important}.select-sound-page{height:8px!important}[dir] .select-sound-page{background-color:#fff!important}.unselect-sound-page{width:5px;height:5px}[dir] .unselect-sound-page{background-color:grey;border-radius:5px}[dir=ltr] .sound-text-margin{margin-left:.9vw}[dir=rtl] .sound-text-margin{margin-right:.9vw}.sound-waring-ball{width:4px;height:5px;position:relative;display:none}[dir] .sound-waring-ball{border:1px solid red;margin:.3vh .3vw;border-radius:50%;background:red}[dir=ltr] .sound-waring-ball{float:right}[dir=rtl] .sound-waring-ball{float:left}.pildong-animation{display:inline-block;position:fixed;top:8vh;clip-path:inset(0 0 2vh);align-items:center;overflow:hidden}[dir=ltr] .pildong-animation{float:left}[dir=rtl] .pildong-animation{float:right}.hannamdong-animation{display:inline-block;position:fixed;top:8vh;clip-path:inset(0 0 6vh);align-items:center;overflow:hidden}[dir=ltr] .hannamdong-animation{float:left}[dir=rtl] .hannamdong-animation{float:right}.overMode{fill:#a7abb4}.mouseAera{width:20px;display:block}[dir] .mouseAera{cursor:pointer}.state_div_top_top{height:100%;width:1%}.state_nomal{color:#4e9dfe;font-size:.5rem}[dir] .state_div_namal{margin-top:.3vw}.state_error{color:#dc3a64;font-size:.5rem}[dir] .state_error{padding-bottom:1vw}.state_font_size{font-size:1.45rem;color:#fff}.font_size_small{color:#717171;font-size:.6rem}.state_ball{width:.3vw}[dir] .state_ball{margin-top:-.5vw}.nomal-padding-custom{display:inline-block;width:70px;font-size:1rem}.number-custom{display:inline-block;width:50px}[dir=ltr] .number-custom{text-align:right}[dir=rtl] .number-custom{text-align:left}.text-custom{display:inline-block;width:25px}[dir=ltr] .text-custom{text-align:left}[dir=rtl] .text-custom{text-align:right}.tunnel_title{font:normal normal 300 12px/18px Noto Sans KR;letter-spacing:0;color:#a8a8a8;opacity:1}[dir] .tunnel_title{margin-top:.2vw}[dir=ltr] .tunnel_title{text-align:left}[dir=rtl] .tunnel_title{text-align:right}.state_font_size_ec{font-size:1.7rem;color:#fff}