/* skip_navigation */
#skipnavi {position:relative; z-index:9999;}
#skipnavi a {position:absolute; top:-10000px;}
#skipnavi a:hover, #skipnavi  a:active, #skipnavi a:focus
{display:block; font-size:1.3em; font-weight:bold; padding:15px; background-color:#fff; border: 3px solid #ededed; position:absolute; top:0px; left:45%;}
.sr_only{ overflow: hidden;  position: absolute;  width: 0;  height: 0 !important;  line-height: 0;  text-indent: -9999px;}
/* layout */
#wrap {height:100%;min-height:700px;width:100%;overflow:hidden;min-width:1900px;background:#eee}
#header {height:136px;min-width:1900px; position:absolute;left:0;top:0;right:0; z-index:99;}
#container {width:100%; min-height:100%; position:relative;min-width:1900px;overflow:hidden;}
#map {top:136px;bottom:0; left:0; right:0; position:absolute;overflow:hidden;}
#left{width:360px;position:absolute;top:136px;left:0;bottom:0px;z-index:99;background:#fff;border-left:1px solid #000100; box-shadow: 6px 0px 14px rgba(0, 0, 0, 0.05);overflow-y: scroll;}
#right{width:450px;position:absolute;top:136px;right:0px;bottom:0px;z-index:98;background:#fff;border-right:1px solid #000100; box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.05);overflow-y: scroll;}
#bottom{height:310px;position:absolute;left:360px;right:451px;bottom:0px;z-index:98;background:#eee;}
/* header */
#header > div{height:100%;}
#header > div:after{content:""; clear:both; display:block;}
#header .header_top{display: flex; align-items: center; justify-content: space-between; background: #fff; height: 76px; padding: 0 160px;}
#header .header_bottom{background:#0081C8; height: 60px;display: flex;align-items: center;justify-content: space-between; padding: 0 125px;}
#header h1{}
.control{margin: 0;}
#header .gnb {display:flex;align-items:center;justify-content:center;}
#header .gnb ul{display:flex;align-items:center;justify-content:center;height:50px;padding-left: 30px}
#header .gnb ul li a{font-size:16px;color:#333;font-weight: 600;}
#header .gnb ul li:nth-child(n + 2) a{margin-left: 22px;}
#header .gnb ul li a:hover,
#header .gnb ul li.on a{color:#0081C8}
#header .gnb ul.bg1{background:#fff;border-radius:7px 0 0 7px}
#header .gnb ul.bg2{background:#fff;border-radius:0 7px 7px 0}
#header .gnb ul.bg2 li a{color: #0081C8; border: 1px solid #0081C8; padding: 5px 16px; border-radius: 4px; font-weight: 700;}
#header .gnb ul.bg2 li:nth-child(n + 2) a{margin-left: 10px;}
#header .top_control{margin:5px 0}
#header .top_control > li{float:left;height:36px;display:flex;align-items:center; font-size: 16px;}
#header .top_control > li::after{content: ''; width: 1px; height: 14px; background: #55A5D1; margin: 0 16px;}
#header .top_control > li#schSnowSectionLi::after,
#header .top_control > li#showLiTypeOld::after{display: none;}
#header .top_control > li:first-child{padding-left: 0;}
#header .top_control > li:last-child{background:none}
#header .top_control > li label{color:#fff;display:block;margin-right:10px}
#header .top_control > li select {color:#333;padding-right:22px;padding-left:12px; border-radius:3px; height:36px;background-color:#fff; border:1px solid #fff;-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;background-image: url(/images/sttbrd/bg_selectArrow2.png); background-position: right 12px center;background-repeat: no-repeat;}
#header .top_control > li button{background-color:#fff;color:#ccc;border:1px solid #fff;border-radius:4px;height:36px;line-height:36px;background-repeat:no-repeat}
/* #header .top_control > li button:hover{background-color:#3d67da;color:#fff;border:1px solid #2c50b2;} */
#header .top_control > li a{color:#fff;display: flex; align-items: center;}
#header .top_control > li a::before{content: '';  width: 20px; height: 20px; background: url(/images/sttbrd/chk_off.png); margin-right: 8px;}
#header .top_control > li.on a::before{background: url(/images/sttbrd/chk_on.png);}
#header .top_control > li a:hover,
#header .top_control > li.on a{color:#fff}
#header ul.alertBtn{display: flex; align-items: center; background: #fff; font-size: 16px; padding: 4px; border-radius: 4px;}
#header ul.alertBtn li input{display: none;}
#header ul.alertBtn li input + label{width: 45px; display: inline-block; text-align: center;}
#header ul.alertBtn li input:checked + label{background: #255EC8; color: #fff; font-size: 14px; padding: 2px 0; border-radius: 4px;}
#header .alerttxt{display: flex; align-items: center; padding: 4px; border-radius: 4px; background: #fff;}
#header .alerttxt .alert{background: #255EC8;color: #fff;font-size: 14px;padding: 2px 0;border-radius: 4px; width: 60px; text-align: center;}
#header .alerttxt .txt{    width: 60px;
display: inline-block;
text-align: center;}
.flex_space_between{
display: flex;
align-items: center;
justify-content: space-between;
}
.btn_tic1{width:36px;background-image:url(/images/sttbrd/btn_tic1.png);background-position: center;background-repeat:no-repeat;border-radius:4px;}
/* .btn_tic1:hover{background-position:0 -40px;} */
.btn_tic2{text-indent:26px;background-image:url(/images/sttbrd/btn_tic2.png);background-position:center;}
/* .btn_tic2:hover{background-position:0 -40px;} */
.btn_tic3{width:36px;background-image:url(/images/sttbrd/btn_tic1.png);background-position: center;}
/* .btn_tic3:hover{background-position:0 -40px;} */
/*right*/
#right .title{display: flex; align-items: center; justify-content: space-between;}
#right .title:after{display: none;}
#right .title .btn_list{margin-right: 20px;}
#right.expend{width:100%!important;z-index:99999999999; top: 76px}
#right .rcon > ul{margin:0 20px; }
#right .rcon > ul > li{float:left;width:100%;margin-bottom:15px;border: 1px solid #DDDDDD;border-radius: 6px; overflow: hidden;}
#right .rcon > ul > li h4{background:#fff;color:#333;border-bottom: 1px solid #DDDDDD;font-size:18px;height:40px;line-height:40px;font-weight:600;padding:0 15px;margin-bottom:1px;border-radius: 6px 6px 0px 0px;}
#right .rcon > ul > li h4 span{float:right;font-size:14px;color:#666;font-weight:normal}
#right .rcon > ul > li .wmap{ border-radius:  0 0 6px 6px;}
#right .rcon > ul > li .weatherbx{border:1px solid #000100;margin-bottom:20px;height:200px}
/* #right .btn_expend{    border: 1px solid #dddddd;} */
#right.expend{width:100%!important;z-index:99999999999; background: #EEEEEE;}
#right.expend .title{ max-width: 1600px; margin: 0 auto; background: #fff; border-radius: 4px 4px 0px 0px; margin-top: 20px;}
#right.expend .rcon{width: 1600px;margin: 0 auto;background: #fff;border-top: 1px solid #dddddd;box-sizing: border-box;}
#right.expend .rcon > ul {display: flex; align-items: center; justify-content: space-between; margin-top: 20px;}
#right.expend .rcon > ul > li:nth-child(2){width:calc(50% - 10px);margin-right:10px}
#right.expend .rcon > ul > li:nth-child(3){width:calc(50% - 10px);margin-left:10px}
#right.expend .wbx{width:calc(50% - 20px)}
#right .wmap img{width: 100%;height: 100%;}
/*bottom*/
/* #bottom{overflow-y: scroll;} */
#bottom.expend{height:initial;top:80px;left:0!important; right:0px!important;z-index:99999999999;overflow-y: scroll;}
#bottom.expend ul.statiBoxWrap{display: block;}
#bottom.expend ul.statiBoxWrap > li:nth-child(n+2){margin-top: 20px;}
#bottom .btn_expend{border: none; padding: 0; width: auto; height: auto;}
#bottom .btn_expend:hover{border: none;}
.statbx{display:flex;align-items:stretch;margin:10px 20px 20px;height:calc(100% - 40px) }
.statbx li:nth-child(1){width:42%;}
.statbx li:nth-child(2){margin:0 2%;width:22%;}
.statbx li:nth-child(3){width:32%;}
.statbx li h4{color:#eee;font-size:1.125rem;height:40px;line-height:40px;font-weight:400;text-align:center;margin-bottom:10px}
/* .statbx li .stat{ height:calc(100% - 40px);background:#30374a;border-radius:5px;} */
ul.statiBoxWrap{
/* display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 21px; */
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 30px;
}
ul.statiBoxWrap > li{
width: 100%;
}
ul.statiBoxWrap > li:nth-child(n + 2){
margin-left: 21px;
}
#bottom.expend ul.statiBoxWrap > li:nth-child(n + 2){
margin-left: 0px;
}
ul.statiBoxWrap > li .statiBox{
background: #fff;
border-radius: 8px;
overflow: hidden;
width: 100%;
}
ul.statiBoxWrap > li .statiBox .boxTop{
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 20px;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
ul.statiBoxWrap > li .statiBox .boxTop h5{
font-size: 18px;
}
ul.statiBoxWrap > li .statiBox .boxTop ul.btnList{
display: flex;
align-items: center;
}
ul.statiBoxWrap > li .statiBox .boxTop ul.btnList li:nth-child(n + 2){
margin-left: 16px;
}
ul.statiBoxWrap > li .statiBox .boxTop ul.btnList li button{
background: #fff;
padding: 0;
}
#bottom .btn_expend.on img,
ul.statiBoxWrap > li .statiBox .boxTop ul.btnList > li button:hover img{
filter: invert(33%) sepia(97%) saturate(2982%) hue-rotate(181deg) brightness(94%) contrast(101%);
}
ul.statiBoxWrap > li .statiBox .boxBottom{
height: 225px;
padding: 5px 30px;
box-sizing: border-box;
}
#bottom.expend ul.statiBoxWrap > li .statiBox .boxBottom{
height: 400px;
}
/*common*/
.title h3{color:#333; font-size:1.375rem;line-height:60px;height:60px;font-weight:400;float:left;margin-left:20px; font-weight: 700;}
.title:after{content:""; clear:both; display:block;}
/*button*/
button {color:#fff;margin:0;padding:0 12px 0;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;min-height:32px;font-size:0.875rem;border:0px;}
button:hover,
button:focus{color:#fff;text-decoration:none;}
.btn_expend{background-image: url(/images/sttbrd/p_extend.png);background-position: center; background-repeat: no-repeat;line-height:30px;height:30px;width:30px;background-color:transparent; border: 1px solid #d7d7d7; border-radius: 4px; filter: grayscale(1);}
.btn_expend:hover{filter: unset;    border: 1px solid #0081C8;}
.btn_expend.on{background-image: url(/images/sttbrd/p_downsize.png);background-position: center; background-repeat: no-repeat;line-height:30px;height:30px;width:30px;background-color:transparent;}
.btn_expend.on:hover{filter: unset;    border: 1px solid #0081C8;}
.btn_close{background-image: url(/images/sttbrd/p_close.png);background-position: 0 0; background-repeat: no-repeat;line-height:30px;height:30px;width:30px;background-color:transparent;float:right;margin:15px 15px 0 0}
.btn_close:hover{ background-position: 0 -30px; }
/*map*/
#btnSelcontrol{position:absolute; right:30px; top:30px; z-index:97;background:#fff;overflow:hidden;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);border-radius: 4px; padding: 12px 19px;}
.tool1{ position:absolute; right:133px; top:30px; z-index:97;background:#fff;overflow:hidden;box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0 ;background: #FFFFFF;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);border-radius: 4px;}
.tool1:after{content:""; clear:both; display:block;}
.tool1 li {float:right;padding: 12px 19px;}
.tool1 li:last-child{border-right:none}
/* .tool1 li:hover, .tool1 li.on,#btnSelcontrol:hover, #btnSelcontrol.on{background:#2d52b6} */
.tool1 li > a > span, #btnSelcontrol a span{display:none}
.tool1 li > a, #btnSelcontrol a {display:block; width:55px;height:19px}
.tool1 li > a.tool1_1 , #btnSelcontrol a.tool1_1 {background:url(/images/sttbrd/tool1.png) no-repeat center center;}
/* .tool1 li > a.tool1_1:hover, #btnSelcontrol a.tool1_1:hover ,
.tool1 li.on > a.tool1_1, #btnSelcontrol.on a.tool1_1 { background-position:38px 0px  ;} */
.tool1 li > a.tool1_2 , #btnSelcontrol a.tool1_2 {background:url(/images/sttbrd/tool2.png) no-repeat center center; }
/* .tool1 li > a.tool1_2:hover, #btnSelcontrol a.tool1_2:hover ,
.tool1 li.on > a.tool1_2, #btnSelcontrol.on a.tool1_2 {background-position: 38px -40px;} */
.tool1 li > a.tool1_3  , #btnSelcontrol a.tool1_3{background:url(/images/sttbrd/tool3.png) no-repeat center center;}
/* .tool1 li > a.tool1_3:hover, #btnSelcontrol a.tool1_3:hover ,
.tool1 li.on > a.tool1_3, #btnSelcontrol.on a.tool1_3 {background-position: 38px -80px;} */
.tool2{ position:absolute; left:30px; top:30px; z-index:97;overflow:hidden;background: #FFFFFF;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);border-radius: 4px 0 0 4px;}
.tool2:after{content:""; clear:both; display:block;}
.tool2 li {float:left}
.tool2 li:last-child{border-right:none}
/* .tool2 li:hover, .tool2 li.on{background:#2d52b6} */
.tool2 li > a {display:block; /* background:url(/images/sttbrd/tool2.png);  */ width:75px;height:43px; position: relative;}
.tool2 li > a > span{position: absolute;top: 50%;left: 32px;font-size: 16px;transform: translateY(-50%); display: none;}
.tool2 li > a.tool2_1 {background: url(/images/sttbrd/tool2_img1.png);}
/* .tool2 li > a.tool2_1:hover,
.tool2 li.on > a.tool2_1 { background-position: 0px  40px;} */
.tool2 li > a.tool2_2 {background: url(/images/sttbrd/tool2_img1.png);background-position:center; background-repeat: no-repeat;}
/* .tool2 li > a.tool2_2:hover,
.tool2 li.on > a.tool2_2 { background-position: -40px  40px;} */
.tool2 li > a.tool2_3 {background: url(/images/sttbrd/tool2_img2.png);background-position:center; background-repeat: no-repeat;}
/* .tool2 li > a.tool2_3:hover, */
.tool2 li.on > a.tool2_1,.tool2 li > a.tool2_1:hover,
.tool2 li.on > a.tool2_2,.tool2 li > a.tool2_2:hover,
.tool2 li.on > a.tool2_3,.tool2 li > a.tool2_3:hover,
.tool2 li.on > a.tool2_4,.tool2 li > a.tool2_4:hover,
.tool2 li.on > a.tool2_5,.tool2 li > a.tool2_5:hover,
.tool2 li.on > a.tool2_6,.tool2 li > a.tool2_6:hover,
.tool2 li.on > a.tool2_7,.tool2 li > a.tool2_7:hover { background-color: #f6f6f6f6;}
.tool2 li > a.tool2_4 {background: url(/images/sttbrd/tool2_img3.png);background-position:center; background-repeat: no-repeat;}
/* .tool2 li > a.tool2_4:hover,
.tool2 li.on > a.tool2_4 { background-position: -120px  40px;} */
.tool2 li > a.tool2_5 {background: url(/images/sttbrd/tool2_img7.png);background-position:center; background-repeat: no-repeat;}
/* .tool2 li > a.tool2_5:hover,
.tool2 li.on > a.tool2_5 { background-position: -160px  40px;} */
.tool2 li > a.tool2_6 {background: url(/images/sttbrd/tool2_img4.png);background-position:center; background-repeat: no-repeat;}
/* .tool2 li > a.tool2_6:hover,
.tool2 li.on > a.tool2_6 { background-position: -200px  40px;} */
.tool2 li > a.tool2_7 {background: url(/images/sttbrd/tool2_img5.png);background-position:center; background-repeat: no-repeat;}
/* .tool2 li > a.tool2_7:hover,
.tool2 li.on > a.tool2_7{ background-position: -240px  40px;} */
.tool2 li > a.tool2_8 {background: url(/images/sttbrd/tool2_img6.png);background-position:center; background-repeat: no-repeat;}
/* .tool2 li > a.tool2_8:hover,
.tool2 li.on > a.tool2_8 { background-position: -280px  40px;} */
.tool2 li > a.tool2_9 {background: url(/images/sttbrd/tool2_img8.png);background-position:center; background-repeat: no-repeat;}
/* .tool2 li > a.tool2_9:hover,
.tool2 li.on > a.tool2_9 { background-position: -320px  40px;} */
.cctv_1-dimensions{width: 100%;}
.cctv_2-dimensions{width: 100%;}
.cctv_3-dimensions{width: 100%;}
.locationbx{position:absolute; left:50%; transform: translateX(-50%); top:30px; z-index:97;display:flex;align-items:center;}
.locationbx.on{ bottom: 30px; top: unset;}
.location{background: rgba(9, 78, 116, 0.9); line-height: 1;border-radius: 999px;overflow:hidden;box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0 ;display:flex;align-items:center;padding:12px 22px; width: auto;}
.location label{font-size:16px; color: #fff; line-height: 1;}
.location label + img{margin: 0 10px; filter: brightness(0) invert(1) opacity(0.3);}
.location select{border:none;height:34px;}
.selmapbx{ position:absolute; left:555px; top:30px; z-index:97;}
.selmapbx .mapview{background-color:#fff;box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0 ;float:left;color:#333333;height:43px;width:75px;background-image:url(/images/sttbrd/ic_mapview.png);background-position: center; background-repeat: no-repeat; box-shadow: 6px 0px 6px rgba(0, 0, 0, 0.16);border-radius: 0 4px 4px 0;}
.selmapbx .mapview:hover,
.selmapbx .mapview.on{background-color:#fff;color:#333;}
.totalinfobx{position:absolute; top:50%; transform: translateY(-50%); z-index:97;display:flex;align-items:center;flex-direction: row-reverse;}
.btn_totalinfo{background-color:#fff;box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0;border:1px solid #252938;width:24px;height:50px;background-image:url(/images/sttbrd/ic_statlist.png);background-position: center ; background-repeat:no-repeat;border: 1px solid #DDDDDD; border-left: none; border-radius: 0px 10px 10px 0px;}
/* .btn_totalinfo:hover, .btn_totalinfo.on{background-position:0 -40px  ;background-color:#2d52b6;} */
.totalinfo .leg1 ul{display:flex;align-items:center; flex-wrap: wrap;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 4px; padding: 9px 17px; margin-top: 14px;}
.totalinfo .leg1 ul li{font-size:0.75rem;line-height:1;width:calc(100%/7);text-align:center;width: 33.33%;}
.totalinfo .leg1 ul li:nth-child(n+4){margin-top: 6px;}
.totalinfo .leg1 b{font-weight:normal;color:#333;line-height:1.2;text-align:center;padding:3px 10px 3px 0px; font-size: 15px; font-weight: 600;}
.totalinfo .leg1 img{display:block;margin:0 auto 2px}
.totalinfobx.on{top:55%;}
.totalinfobx.on .totalinfo .leg1{margin-bottom:12px}
.totalinfobx.on .totalinfo .leg1 ul{display:flex;align-items:center; justify-content: space-between; flex-wrap: wrap;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 4px; padding: 9px 17px; margin-top: 10px;}
.totalinfobx.on .totalinfo .leg1 ul li{font-size:0.75rem;line-height:1;width:calc(100%/7);text-align:center;width: 22%;}
.totalinfobx.on .totalinfo .leg1 ul li:nth-child(4){margin-top: 0px;}
.totalinfobx.on .totalinfo .leg1 ul li:nth-child(n+5){margin-top: 6px;}
.totalinfobx.on .totalinfo .leg1 b{font-weight:normal;color:#333;line-height:1.2;text-align:center;padding:3px 10px 3px 0px; font-size: 15px; font-weight: 600;}
.totalinfobx.on .totalinfo .leg1 img{display:block;margin:0 auto 2px}

.totalinfo .leg2 ul{}
.totalinfo .leg2 li{display: flex;align-items: center;line-height:1;text-align:center;margin:0 5px;font-size: 14px;}
.totalinfo .leg2 li span{font-size:15px;display:flex;align-items:center;}
.totalinfo .leg2 li b{font-size:15px;line-height:1;display:flex;align-items:center;}
.totalinfo .leg2 li img{margin-right:5px;width:20px;height:auto}
.totalinfo .leg2 li:first-child{justify-content: space-between; font-size: 16px; color: #666666;}
.totalinfo .leg2 li span{color: #333333; font-size: 15px; font-weight: 500;}
.totalinfo .leg2 li:first-child p{flex: none;}
.totalinfo .leg2 li:first-child button{background: #fff; padding: 0; margin-right: 8px;}
.totalinfo .leg2 li:first-child button:hover{color: #fff;}
.totalinfo .leg2 li{justify-content: space-between;margin-top: 6px; padding: 10px;border: 1px solid #DDDDDD;border-radius: 4px;}
.totalinfo .leg2 > b{color:#333;line-height:1.2;text-align:center;padding:3px 10px 3px 0; font-size: 15px; font-weight: 600;}

.totalinfobx.on .totalinfo .leg2 li{display: flex;align-items: center;line-height:1;text-align:center;margin:0 5px;font-size: 14px;}
.totalinfobx.on .totalinfo .leg2 li span{font-size:15px;display:flex;align-items:center;}
.totalinfobx.on .totalinfo .leg2 li b{font-size:15px;display:block;line-height:1;display:flex;align-items:center;}
.totalinfobx.on .totalinfo .leg2 li img{margin-right:5px;width:20px;height:auto}
.totalinfobx.on .totalinfo .leg2 li:first-child{ font-size: 16px; color: #666666;}
.totalinfobx.on .totalinfo .leg2 li:first-child span{color: #333333; font-size: 16px; font-weight: 600;}
.totalinfobx.on .totalinfo .leg2 li:first-child span b{font-size: 16px; font-weight: 600;}
.totalinfobx.on .totalinfo .leg2 li:nth-child(n + 2){justify-content: space-between;margin-top: 6px; padding: 5px 10px;border: 1px solid #DDDDDD;border-radius: 4px;}
.totalinfobx.on .totalinfo .leg2 li:nth-child(2){margin-top: 10px;}
/*2023 s*/
.totalinfo{position:absolute;left:20px;top:-280px;background:#fff;padding:12px 12px;box-sizing: border-box;width: 200px; border: 1px solid #DDDDDD;box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);border-radius: 10px;}
.totalinfo .leg1{margin-bottom:20px}
.totalinfo .leg1 ul{display:flex;align-items:center; justify-content: space-between;flex-wrap: wrap;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 4px; padding: 9px 10px; margin-top: 14px;}
.totalinfo .leg1 ul li{font-size:0.75rem;line-height:1;width:calc(100%/7);text-align:center;width: 22%;}
.totalinfo .leg1 ul li:nth-child(n+4){margin-top: 0px;}
.totalinfo .leg1 ul li:nth-child(n+5){margin-top: 6px;}
.totalinfo .leg1 ul li:nth-child(8){font-size: 10px;}
.totalinfobx.on{top:55%;}
.totalinfobx.on .totalinfo .leg1{margin-bottom:5px}
.totalinfobx.on .totalinfo .leg1 ul{display:flex;align-items:center; justify-content: space-between; flex-wrap: wrap;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 4px; padding: 9px 10px; margin-top: 0px;}
.totalinfobx.on .totalinfo .leg1 ul li{font-size:0.75rem;line-height:1;width:calc(100%/7);text-align:center;}
.totalinfobx.on .totalinfo .leg1 ul li:nth-child(n+5){margin-top: 0px;}
.totalinfobx.on .totalinfo .leg2 li:nth-child(2){margin-top: 0px;}
.totalinfobx.on .totalinfo .leg2 li span{font-size:14px;display:flex;align-items:center;}
.totalinfobx.on .totalinfo .leg2 li:nth-child(n + 2){margin-top: 4px; padding: 3px 10px;border: 1px solid #DDDDDD;border-radius: 4px;}
.totalinfobx.on .totalinfo .leg2 li img{margin-right:5px;width:18px;height:auto}
/*2023 e*/
.totalinfo .leg3{margin-bottom:20px}
.totalinfo .leg3 ul{display:flex;align-items:center; flex-wrap: wrap;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 4px; padding: 9px 10px; margin-top: 14px;}
.totalinfo .leg3 ul li{font-size:0.75rem;line-height:1;width:calc(100%/7);text-align:center;font-weight: bold;color: #fff;line-height: 20px;}
.totalinfo .leg3 ul li:nth-child(1){background-color: #ff0000;}
.totalinfo .leg3 ul li:nth-child(2){background-color: #ed7d31;}
.totalinfo .leg3 ul li:nth-child(3){background-color: #ffff00; color: #000;}
.totalinfo .leg3 ul li:nth-child(4){background-color: #00b050;}
.totalinfo .leg3 ul li:nth-child(5){background-color: #0070c0;}
.totalinfo .leg3 ul li:nth-child(6){background-color: #002060;}
.totalinfo .leg3 ul li:nth-child(7){background-color: #cc00cc;}
.totalinfo .leg3 b{font-weight:normal;color:#333;line-height:1.2;text-align:center;padding:3px 10px 3px 0px; font-size: 15px; font-weight: 600;}
.totalinfobx.on .totalinfo .leg3{margin-bottom:5px}
.totalinfobx.on .totalinfo .leg3 ul{margin-top: 0px;}
.fc1{color:#cc0000; font-weight: 700;}
.fc2{color:#249139; font-weight: 700;}
.fc3{color:#7824a8; font-weight: 700;}
.fc4{color:#397bc6; font-weight: 700;}
.fc5{color:#e8b51c; font-weight: 700;}
/* .totalinfo .leg2 li:nth-child(2) span{color:#cc0000}
.totalinfo .leg2 li:nth-child(3) span{color:#249139}
.totalinfo .leg2 li:nth-child(4) span{color:#7824a8}
.totalinfo .leg2 li:nth-child(5) span{color:#397bc6}
.totalinfo .leg2 li:nth-child(6) span{color:#e8b51c} */
#left.expend{width:100%!important;z-index:99999999999; background: #EEEEEE; top: 76px; border-left: none;}
#left.expend .title{ max-width: 1600px; margin: 0 auto; background: #fff; border-radius: 4px 4px 0px 0px; margin-top: 20px;}
#left .title > .btn_expend{float:right;margin:15px 15px 0 0}
#left .cctv_list{margin:0 20px;}
#left .cctv_list li{margin-bottom:10px; border-radius: 6px; overflow: hidden; box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);}
#left .cctv_list li > h4{width:100%;height:40px;font-size:1.125rem;background-color:#fff;color:#333;line-height:40px;font-weight:400;text-indent:15px; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; box-sizing: border-box;}
#left .cctv_list li > h4 .btn_expend{float:right;}
#left .cctv_list li > div{min-height:200px;border:1px solid #000100;margin-top:1px;}
#left .cctv_list li > h4 >select {color: #333; background: #fff url(/images/sttbrd/bg_selectArrow2.png) right 12px center no-repeat; border: 1px solid #DDDDDD; background-color: #fff; height: 32px;}
#left .cctv_view{margin:0 20px;}
#left .cctv_view #cctv_fullScrean {margin: 0 auto}
/*상황판 메뉴 관련*/
#header .top_control > li.schListDiv {display: none}
#header .top_control > li#showLiTypeOld{background: none;}
#header .top_control > li#schSnowSectionLi{background: none;}
.carinfobx{position:absolute; left:15px; top:115px; z-index:97;background:#fff;box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0 ;border:1px solid #252938;padding:7px;width:300px;display: none;}
.carinfobx h1{color:#2d52b6;font-size:1.25rem;font-weight:400;position:relative;}
.carinfobx h1 > a{position:absolute; right:5px; top:-4px;width:20px;height:20px;display:block}
.carinfobx h2{background:url(/images/sttbrd/ic_arr.png)0 center no-repeat;padding-left:25px;font-size:0.875rem;font-weight:400;color:#000;margin-top:15px;}
.carinfobx textarea{width:97%}
.tbview {width:100%;border-top:1px solid #333333}
.tbview table{width:100%}
.tbview tbody th {padding:8px 4px; color:#212121;font-weight:normal; border-right:1px solid #dddddd; border-bottom:1px solid #b5b5b5; background-color:#f2f2f2;line-height:20px}
.tbview tbody td {padding:3px 4px; color:#555; border-right:1px solid #dddddd; border-bottom:1px solid #b5b5b5;min-height:20px;}
.tbview tbody td:last-child{border-right:none}
/*제설구간정보 조회 관련 cs*/
.snowSectionInfo{position:absolute; left:15px; top:115px; z-index:97;background:#fff;box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0 ;border:1px solid #252938;padding:7px;width:300px;display: none;}
.snowSectionInfo h1{color:#2d52b6;font-size:1.25rem;font-weight:400;position:relative;}
.snowSectionInfo h1 > a{position:absolute; right:5px; top:-4px;width:20px;height:20px;display:block}
.snowSectionInfo h2{background:url(/images/sttbrd/ic_arr.png)0 center no-repeat;padding-left:25px;font-size:0.875rem;font-weight:400;color:#000;margin-top:15px;}
.snowSectionInfo textarea{width:97%}
/*도로열선 조회 관련 cs*/
.rdhotwireInfo{position:absolute; left:15px; top:115px; z-index:97;background:#fff;box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0 ;border:1px solid #252938;padding:7px;width:350px;display: none;}
.rdhotwireInfo h1{color:#2d52b6;font-size:1.25rem;font-weight:400;position:relative;}
.rdhotwireInfo h1 > a{position:absolute; right:5px; top:-4px;width:20px;height:20px;display:block}
.rdhotwireInfo h2{background:url(/images/sttbrd/ic_arr.png)0 center no-repeat;padding-left:25px;font-size:0.875rem;font-weight:400;color:#000;margin-top:15px;}
.rdhotwireInfo textarea{width:97%}
/*자동염수분사장치 조회 관련 cs*/
.swtsprayInfo{position:absolute; left:15px; top:115px; z-index:97;background:#fff;box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0 ;border:1px solid #252938;padding:7px;width:350px;display: none;}
.swtsprayInfo h1{color:#2d52b6;font-size:1.25rem;font-weight:400;position:relative;}
.swtsprayInfo h1 > a{position:absolute; right:5px; top:-4px;width:20px;height:20px;display:block}
.swtsprayInfo h2{background:url(/images/sttbrd/ic_arr.png)0 center no-repeat;padding-left:25px;font-size:0.875rem;font-weight:400;color:#000;margin-top:15px;}
.swtsprayInfo textarea{width:97%}
/* .divAdvanceBase{position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index:97;background:#fff;width:420px;display: none;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.14);border-radius: 4px; overflow: hidden;}
.divAdvanceBase form{padding: 8px 20px;background: #F7F7F7;border: 1px solid #D7D7D7;border-radius: 4px; margin: 20px 20px 0; display: flex; align-items: center;}
.divAdvanceBase form label{font-weight: 600;font-size: 15px;}
.divAdvanceBase form .btn.btn_tic2{width: 34px; height: 34px; background-size: cover;background: #0A94DF; background: url(/images/sttbrd/btn_tic2.png) #0A94DF no-repeat center; border: 1px solid #0A94DF;border-radius: 4px;}
.divAdvanceBase h1{color:#fff; padding: 16px 20px; line-height: 1; background: linear-gradient(90deg, #0081C8 0%, #0C98E4 100%); font-size:18px;font-weight:400;position:relative; border-bottom: solid 1px grey; margin-bottom: 5px;}
.divAdvanceBase h1 > a{position:absolute; right:5px; top:50%;transform:translateY(-50%);width:20px;height:20px;display:block}
.divAdvanceBase h2{background:url(/images/sttbrd/ic_arr.png)0 center no-repeat;padding-left:25px;font-size:0.875rem;font-weight:400;color:#000;margin-top:15px;}
.divAdvanceBase textarea{width:97%}
.divAdvanceBase .ui-jqgrid{margin: 0 20px 44px;}
.divAdvanceBase .ui-jqgrid tr.jqgrow > td,
.divAdvanceBase .ui-jqgrid tr.jqgroup > td,
.divAdvanceBase .ui-jqgrid tr.jqfoot > td{padding: 8px 10px;}
.divAdvanceBase .ui-jqgrid .ui-jqgrid-labels th.ui-th-column{padding: 9px 5px;}
.divAdvanceBase .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div{ font-size: 15px;}
.divAdvanceBase .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td{font-size: 15px;} */
/* .divSnowBox{position:absolute; left:15px; top:115px; z-index:97;background:#fff;box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0 ;border:1px solid #252938;padding:7px;width:420px;display: none;}
.divSnowBox h1{color:#2d52b6;font-size:1rem;font-weight:400;position:relative; border-bottom: solid 1px grey; margin-bottom: 5px;}
.divSnowBox h1 > a{position:absolute; right:5px; top:-4px;width:20px;height:20px;display:block}
.divSnowBox h2{background:url(/images/sttbrd/ic_arr.png)0 center no-repeat;padding-left:25px;font-size:0.875rem;font-weight:400;color:#000;margin-top:15px;}
.divSnowBox textarea{width:97%} */
/* .divSnowBox{position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index:97;background:#fff;width:420px;display: none;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.14);border-radius: 4px; overflow: hidden;}
.divSnowBox form{padding: 8px 20px;background: #F7F7F7;border: 1px solid #D7D7D7;border-radius: 4px; margin: 20px 20px 0; display: flex; align-items: center;}
.divSnowBox form label{font-weight: 600;font-size: 15px;}
.divSnowBox form .btn.btn_tic2{width: 34px; height: 34px; background-size: cover;background: #0A94DF; background: url(/images/sttbrd/btn_tic2.png) #0A94DF no-repeat center; border: 1px solid #0A94DF;border-radius: 4px;}
.divSnowBox h1{color:#fff; padding: 16px 20px; line-height: 1; background: linear-gradient(90deg, #0081C8 0%, #0C98E4 100%); font-size:18px;font-weight:400;position:relative; border-bottom: solid 1px grey; margin-bottom: 5px;}
.divSnowBox h1 > a{position:absolute; right:5px; top:50%;transform:translateY(-50%);width:20px;height:20px;display:block}
.divSnowBox h2{background:url(/images/sttbrd/ic_arr.png)0 center no-repeat;padding-left:25px;font-size:0.875rem;font-weight:400;color:#000;margin-top:15px;}
.divSnowBox textarea{width:97%}
.divSnowBox .ui-jqgrid{margin: 0 20px 44px;}
.divSnowBox .ui-jqgrid tr.jqgrow > td,
.divSnowBox .ui-jqgrid tr.jqgroup > td,
.divSnowBox .ui-jqgrid tr.jqfoot > td{padding: 8px 10px;}
.divSnowBox .ui-jqgrid .ui-jqgrid-labels th.ui-th-column{padding: 9px 5px;}
.divSnowBox .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div{ font-size: 15px;}
.divSnowBox .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td{font-size: 15px;} */
/* .vlnrbSptsn{position:absolute; left:15px; top:115px; z-index:97;background:#fff;box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0 ;border:1px solid #252938;padding:7px;width:420px;display: none;}
.vlnrbSptsn h1{color:#2d52b6;font-size:1rem;font-weight:400;position:relative; border-bottom: solid 1px grey; margin-bottom: 5px;}
.vlnrbSptsn h1 > a{position:absolute; right:5px; top:-4px;width:20px;height:20px;display:block}
.vlnrbSptsn h2{background:url(/images/sttbrd/ic_arr.png)0 center no-repeat;padding-left:25px;font-size:0.875rem;font-weight:400;color:#000;margin-top:15px;}
.vlnrbSptsn textarea{width:97%} */
.divModal{position:absolute; left:11%; top:10%; z-index:97;background:#fff;width:650px;display: none;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.14);border-radius: 4px; overflow: hidden;}
.divModal form{padding: 8px 20px;background: #F7F7F7;border: 1px solid #D7D7D7;border-radius: 4px; margin: 20px 20px 0; display: flex; align-items: center;}
.divModal form label{font-weight: 600;font-size: 15px;}
.divModal form .btn.btn_tic2{width: 34px; height: 34px; background-size: cover;background: #0A94DF; background: url(/images/sttbrd/btn_tic2.png) #0A94DF no-repeat center; border: 1px solid #0A94DF;border-radius: 4px;}
.divModal h1{color:#fff; padding: 16px 20px; line-height: 1; background: linear-gradient(90deg, #0081C8 0%, #0C98E4 100%); font-size:18px;font-weight:400;position:relative; border-bottom: solid 1px grey; margin-bottom: 5px;}
.divModal h1 > a{position:absolute; right:20px; top:50%;transform:translateY(-50%);width:20px;height:20px;display:block}
.divModal h2{background:url(/images/sttbrd/ic_arr.png)0 center no-repeat;padding-left:25px;font-size:0.875rem;font-weight:400;color:#000;margin-top:15px;}
.divModal textarea{width:97%}
.divModal .ui-jqgrid{margin: 0 20px 44px;}
.divModal .ui-jqgrid tr.jqgrow > td,
.divModal .ui-jqgrid tr.jqgroup > td,
.divModal .ui-jqgrid tr.jqfoot > td{padding: 8px 10px;}
.divModal .ui-jqgrid .ui-jqgrid-labels th.ui-th-column{padding: 9px 5px;}
.divModal .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div{ font-size: 15px;}
.divModal .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td{font-size: 15px;}
/* .focusMngPopup{position:absolute; left:15px; top:115px; z-index:97;background:#fff;box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0 ;border:1px solid #252938;padding:7px;width:420px;display: none;}
.focusMngPopup h1{color:#2d52b6;font-size:1rem;font-weight:400;position:relative; border-bottom: solid 1px grey; margin-bottom: 5px;}
.focusMngPopup h1 > a{position:absolute; right:5px; top:-4px;width:20px;height:20px;display:block}
.focusMngPopup h2{background:url(/images/sttbrd/ic_arr.png)0 center no-repeat;padding-left:25px;font-size:0.875rem;font-weight:400;color:#000;margin-top:15px;}
.focusMngPopup textarea{width:97%} */
/* .trafficPopup{position:absolute; left:15px; top:115px; z-index:97;background:#fff;box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0 ;border:1px solid #252938;padding:7px;width:420px;display: none;}
.trafficPopup h1{color:#2d52b6;font-size:1rem;font-weight:400;position:relative; border-bottom: solid 1px grey; margin-bottom: 5px;}
.trafficPopup h1 > a{position:absolute; right:5px; top:-4px;width:20px;height:20px;display:block}
.trafficPopup h2{background:url(/images/sttbrd/ic_arr.png)0 center no-repeat;padding-left:25px;font-size:0.875rem;font-weight:400;color:#000;margin-top:15px;}
.trafficPopup textarea{width:97%} */
.btn_bule{background:#3d67da;color:#ffffff !important;padding:0px 10px;line-height:20px;height:21px;display:inline-block;min-width:55px;text-align:center;border-radius:3px;border:1px solid #166895}
.btn_bule:hover{background:#2d52b6;border:1px solid #2d52b6}
.btn_gray{background:#616d74;color:#ffffff !important;padding:0px 10px;line-height:20px;height:21px;display:inline-block;min-width:55px;text-align:center;border-radius:3px;border:1px solid #4c565c}
.btn_gray:hover{background:#4c565c;border:1px solid #3e464b}
.car_img {
	display: flex;
	justify-content: center;
	width : 30px;
	height: 30px;
	transform: rotate(0deg);
	transition-property: all;
	transition-duration: 3s;
	transition-timing-function: linear;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: local;
	background-image:url(/images/sttbrd/legend2_1.png);
	z-index: 99999;
}
.car_label {
	width: auto;
    padding-top: 25px;
    font-size: 21px;
    font-weight: bold;
    text-shadow: -1px 0px white, 0px 1px white, 1px 0px white, 0px -1px white;
    flex-shrink: 0;
}
.car_status_01 {background-image:url(/images/sttbrd/legend2_1.png);transform: scale(0.7)}
.car_status_02 {background-image:url(/images/sttbrd/legend2_2.png);transform: scale(0.7)}
.car_status_03 {background-image:url(/images/sttbrd/legend2_3.png);transform: scale(0.7)}
.car_status_04 {background-image:url(/images/sttbrd/legend2_4.png);transform: scale(0.7)}
.car_status_05 {background-image:url(/images/sttbrd/legend2_5.png);transform: scale(0.7)}
.animate {
transition-property: all;
transition-duration: 3s;
transition-timing-function: linear;
z-index: 10;
}
.scaler{position:absolute;top: 50%;transform: translateY(-50%);right:50px;width:30px;height:155px;cursor:pointer;-webkit-box-shadow:2px 2px 1px 0 rgba(125,134,150,0.25);box-shadow:2px 2px 1px 0 rgba(125,134,150,0.25);background:#fff;border:1px solid #7d8696; transition:left 0.15s ease .15s, top 0.15s ease 0s; z-index: 97;}
.scaler button{width:30px;height:24px;font-size:0;vertical-align:top;background-color:#fff;border:none;cursor:pointer}
.scaler button:focus{background-color:#fff;border:none;outline:none}
.scaler .zoom-in{background:url(/images/zoom_range_box.png) top left no-repeat;background-position:1px  0px}
.scaler .zoom-out{background:url(/images/zoom_range_box.png) top left no-repeat;background-position:1px  -135px}
.scaler .scaler-bar{position:relative;width:30px;height:92px;cursor:default;background:url(/images/zoom_range_box.png) top left no-repeat;background-position:1px -24px}
.scaler .scaler-bar .scaler-control{position:absolute;width:30px;height:8px;cursor:pointer;background:url(/images/zoom_range_box.png) top left no-repeat;background-position:1px -167px}
.scaler .scaler-bar .scaler-box{display:none;position:absolute;top:0;left:-40px}
.scaler:hover .scaler-bar .scaler-box{display:inline-block}
.scaler .scaler-bar .scaler-box span{position:absolute;width:23px;height:15px;border:1px solid #b5b5b5;background-color:#fff;display:block;font-size:10px;text-align:center;font-weight:500;padding:1px 2px}
.scaler .scaler-bar .scaler-box span::after{position:absolute;top:-2px;right:-5px;width:5px;height:19px;content:"";display:inline-block;background-image:url(/images/map-1.png);background-position:-322px -1px}
/* .btn_execute{background-color:#191b25;border:1px solid #000100;border-radius: 15px; height:30px; width: 32px;position: relative; top: 15px; left: 10px;background:url(/images/gms/intro/playback.png); background-repeat: no-repeat; background-size: cover;} */
/* .btn_execute.on{background-color:#191b25;border-radius: 15px; height:30px; width: 32px; background:url(/images/gms/intro/pause.png); background-repeat: no-repeat; background-size: cover;} */
.btn_execute{background-image: url(/images/sttbrd/i_play.png);background-position: center; background-repeat: no-repeat;line-height:30px;height:30px;width:30px;background-color:transparent; border: 1px solid #dddddd; border-radius: 4px;}
/* .btn_expend:hover{ background-position: 0 -30px; } */
.btn_execute.on{background-image: url(/images/sttbrd/i_pause.png);background-position: center; background-repeat: no-repeat;line-height:30px;height:30px;width:30px;background-color:transparent;}
/* .btn_expend.on:hover{ background-position: 0 -30px; } */
.map-setting .name { padding-left: 15px; margin-bottom: 10px; }
.map-setting .name dt, .map-setting .name dl { font-weight: 400; text-align: center; margin: 0; display: inline-block; border-bottom: 1px solid #b5b5b5; padding-bottom: 3px; font-size: smaller}
.map-setting .name dt { width: 90px;}
.map-setting .name dl { width: 134px;}
.map-setting p { height : 25px; }
.map-setting label { position:absolute; top : 5px; }
.map-setting label input { margin-right : 0px; }
.map-setting .percent { padding-top : 8px; }
#header .top_control ul li input[type="checkbox"] {
display: none;
}
#header .top_control ul li input[type="checkbox"]:checked  + label {
background:url(/images/sttbrd/chk_on.png);
height: 20px;
width: 20px;
display:inline-block;
padding: 0 0 0 0px;
position: relative;
top: 5px;
}
#header .top_control ul li input[type="checkbox"]  + label {
background: url(/images/sttbrd/chk_off.png);
height: 20px;
width: 20px;
display:inline-block;
padding: 0 0 0 0px;
position: relative;
top: 5px;
}
#header .top_control ul li a.layer-link {
color: #fff;
align-items: center;
}