@charset "UTF-8";a,abbr,acronym,address,applet,b,big,blockquote,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;border:0;padding:0;background:transparent}body{font-size:13px;letter-spacing:-.04em;line-height:1.5;font-family:Noto Sans KR,돋움,Dotum,Verdana,Arial,AppleGothic,sans-serif;color:#666;background:#fff}body,html{height:100%;overflow:hidden}ol,ul{list-style:none}textarea{font-size:13px;line-height:1.5;font-family:Noto Sans KR,돋움,Dotum,Verdana,Arial,AppleGothic,sans-serif;color:#666}img,input,select{vertical-align:middle}input,select{padding:0;margin:0;font-family:Noto Sans KR,돋움,Dotum,Verdana,Arial,AppleGothic,sans-serif}input[type=password],input[type=text],select{vertical-align:middle}button{padding:0;line-height:100%;border-width:0;background-color:transparent}button,input[type=submit],label{cursor:pointer}button,label{word-break:keep-all;vertical-align:middle}h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:400;color:#666}a:link,a:visited{text-decoration:none;color:#5a5a5a;cursor:pointer}a:active,a:hover{color:#1e1e1e;cursor:pointer}button{color:#5a5a5a}table{width:100%;border-collapse:collapse;border-spacing:0}table,td,th{border:0;vertical-align:middle}caption{visibility:hidden;height:0}fieldset,legend{overflow:hidden}legend{position:absolute;top:-100px;display:block;height:0;text-indent:-10000px;line-height:0}p{line-height:20px;margin:0}em{font-style:normal}hr{clear:both;display:block;border:0}.f48{font-size:48px!important}.f32{font-size:32px!important}.f30{font-size:30px!important}.f25{font-size:25px!important}.f18{font-size:18px!important}.f16{font-size:16px!important}.f14{font-size:14px!important}.clear{clear:both}.fl_wrap{overflow:hidden}.fl{float:left}.fr{float:right}.left{text-align:left}.right{text-align:right}.center{text-align:center}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-30{font-size:30px}.material-icons.md-48{font-size:48px}.material-icons.gray{color:#b2b2b2}.material-icons.white{color:#fff}h1,h2,h3{margin:0;padding:0}.mt0{margin-top:0}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt40{margin-top:40px}.mt45{margin-top:45px}.mt50{margin-top:50px}.mt55{margin-top:55px}.ml0{margin-left:0}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml25{margin-left:25px}.ml30{margin-left:30px}.ml35{margin-left:35px}.ml40{margin-left:40px}.ml45{margin-left:45px}.ml50{margin-left:50px}.ml55{margin-left:55px}.ml60{margin-left:60px}.ml65{margin-left:65px}.ml70{margin-left:70px}.ml75{margin-left:75px}.ml80{margin-left:80px}.mr0{margin-right:0}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr25{margin-right:25px}.mr30{margin-right:30px}.mr35{margin-right:35px}.mr40{margin-right:40px}.mr45{margin-right:45px}.mr50{margin-right:50px}.mr55{margin-right:55px}.mr90{margin-right:90px}.mb0{margin-bottom:0}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb35{margin-bottom:35px}.mb40{margin-bottom:40px}.mb45{margin-bottom:45px}.mb50{margin-bottom:50px}.mb55{margin-bottom:55px}.pt0{padding-top:0}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt25{padding-top:25px}.pt30{padding-top:30px}.pt35{padding-top:35px}.pt40{padding-top:40px}.pt45{padding-top:45px}.pt50{padding-top:50px}.pt55{padding-top:55px}.pl0{padding-left:0}.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pl25{padding-left:25px}.pl30{padding-left:30px}.pl35{padding-left:35px}.pl40{padding-left:40px}.pl45{padding-left:45px}.pl50{padding-left:50px}.pl55{padding-left:55px}.pr0{padding-right:0}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}.pr25{padding-right:25px}.pr30{padding-right:30px}.pr35{padding-right:35px}.pr40{padding-right:40px}.pr45{padding-right:45px}.pr50{padding-right:50px}.pr55{padding-right:55px}.pb0{padding-bottom:0}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb25{padding-bottom:25px}.pb30{padding-bottom:30px}.pb35{padding-bottom:35px}.pb40{padding-bottom:40px}.pb45{padding-bottom:45px}.pb50{padding-bottom:50px}.pb55{padding-bottom:55px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100%}.w120{width:120px}.w150{width:150px}.w300{width:300px}#wrap{width:100%}#wrap,.container,.container_wrap{position:relative;height:100%}.navbar_box{position:fixed;height:100%;width:92px;background-color:#fff;border-right:1px solid #ddd;z-index:7}.navbar_box .logo_box{height:75px;text-align:center;border-bottom:1px solid #ddd}.navbar_box .link_logo{display:block;width:91px;height:75px;background-image:url(../img/logo2.gif);border-bottom:1px solid #ddd}.navbar_box .list_navbar{height:100%;max-height:100%;max-width:100%;overflow:hidden;width:100%}.navbar_box .item_navbar a,.navbar_box .item_navbar button.notiSelect{position:relative;display:block;width:100%;height:62px;padding-top:15px;text-align:center;box-sizing:content-box}.navbar_box .item_navbar a.active,.navbar_box .item_navbar a:hover,.navbar_box .item_navbar button.notiSelect.active,.navbar_box .item_navbar button.notiSelect:hover{color:#0b4da3}.navbar_box .navbar_text{display:block;min-height:13px;font-size:12px;line-height:15px}.navbar_box .gnb{position:fixed;bottom:0;width:92px;height:68px;border-top:1px solid #ddd}.navbar_box .gnb ul{padding:20px 10px}.navbar_box .gnb ul li{float:left;padding:0 5px}.openLeftContent{display:none;left:434px;width:calc(100% - 434px);overflow:auto}.layout,.openLeftContent{position:absolute;top:0;height:100%}.layout{left:0;width:0;zzz-index:200}.layout .copy{overflow:hidden;width:342px;position:absolute;bottom:0;width:100%;height:68px;text-align:center;border-top:1px solid #ddd;background-color:#f5f5f5}.layout .copy p{color:#888;font-size:11px;padding:25px;font-family:Roboto}.layout .btn_fold{position:absolute;top:50%;left:100%;transform:translateY(-50%);zzz-index:10}.layout .btn_fold button{overflow:hidden;display:inline-block;width:22px;height:49px;vertical-align:top;background-image:url(../img/btn_fold.png);background-position:0 -49px;box-shadow:2px 0 4px 0 rgba(0,0,0,.3)}.layout .btn_fold button.expand{background-position:0 0}.layout .panel_wrap{overflow:hidden;width:342px;height:100%;background-color:#fff;width:100%;box-shadow:0 0 5px 0 rgba(0,0,0,.2),5px 0 15px 0 rgba(0,0,0,.1)}.layout .panel_wrap .title{padding:0 0 0 20px;height:76px;line-height:76px}.layout .panel_wrap .title h2{color:#fff;font-size:20px;font-family:Roboto;font-weight:700}.layout .panel_wrap .title.tit_bg1{background-color:#16d}.layout .panel_wrap .title.tit_bg2{background-color:#00c73c}.layout .panel_wrap .btn_photo{position:absolute;right:0;margin:24px 20px 0 0}.layout .panel_wrap .btn_photo div{display:inline-block;width:78px;height:30px;background-color:#0b4da3;border-radius:4px;text-align:center}.layout .panel_wrap .btn_photo div span{color:#fff;line-height:30px}.layout .panel_wrap .btn_admin{position:absolute;right:0;margin:20px 20px 0 0}.layout .panel_wrap .around_contents{height:calc(100% - 76px);overflow-x:hidden;overflow-y:auto}.layout .panel_wrap .around_contents dl{border-bottom:1px solid #ddd;padding:15px 30px}.layout .panel_wrap .around_contents dl:last-of-type{border-bottom:0}.layout .panel_wrap .around_contents dl dt{font-size:16px;font-weight:800;color:#222;margin-bottom:8px}.layout .panel_wrap .around_contents dl dt a{color:#16d}.layout .panel_wrap .around_contents dl dd{line-height:24px}.layout .panel_wrap .around_contents dl dd span.time{display:inline-block;width:60px;color:#999}.around_top{position:absolute;top:20px;right:20px;background-color:rgba(0,0,0,.6);border-radius:40px}.around_top li{float:left;padding:5px 4px 0}.around_top .txt{display:inline-block;font-size:13px;line-height:16px;vertical-align:top;padding-top:6px;color:#fff}.includeLeft .layout{width:342px}.layerSet.Relative{position:relative}.adminLayer,.layer_area{position:absolute}.adminLayer{overflow:hidden;top:20px;right:20px;width:260px;height:auto;padding:10px;background-color:#fff;border-radius:8px;border:1px solid #222;z-index:6}.adminLayer .winBtn{position:absolute;top:10px;right:10px;cursor:pointer;color:#333;z-index:1}.adminLayer .winBtn:hover{color:#16d}.adminLayer .winBtn em{position:absolute;left:-9999px;display:block;width:0;height:0}.adminLayer .winBtn i{transition:all .2s linear}.adminLayer .ul_dot{padding:5px;position:relative}.adminLayer .ul_dot>li{padding-left:20px;margin-bottom:4px}.adminLayer .ul_dot>li:last-child{margin-bottom:0}.adminLayer .ul_dot>li span{font-size:15px;font-weight:500;color:#16d}.adminLayer .ul_dot>li:before{display:block;content:"";position:absolute;left:10px;width:4px;height:4px;background-color:#484848;margin-top:9px;color:#000}.adminLayer .ul_dot>li>ul{padding-bottom:5px}.adminLayer .ul_dot>li>ul>li{margin:2px 0;background:url(../img/ic_arrow.png) no-repeat left 6px;padding-left:8px}.adminLayer .ul_dot li>a{display:inline-block;padding:0 20px 0 0;word-break:keep-all}input.check{display:inline-block;margin:0 4px 0 0}input.basic{display:inline-block;padding:0 10px;height:28px;line-height:28px;border:1px solid #9ba7ca;border-radius:4px}input.basic[type=number]{padding-right:0}input.nickname{text-align:left;height:30px;line-height:30px;border:1px solid #ddd;border-radius:4px}input.nickname,label{display:inline-block}select{padding:0 10px;line-height:28px;background-color:#f6f6f6;letter-spacing:-1px}.lineBtn,select{height:30px;border:1px solid #9ba7ca;border-radius:4px}.lineBtn{display:inline-block;line-height:30px;background:#fff;color:#6070a2;transition:all .1s linear}.lineBtn:hover{background:#9ba7ca;color:#fff}.lineBtn .material-icons{font-size:24px;width:28px;line-height:28px}.bg_blue{background-color:#16d;color:#fff}.bg_skyblue{background-color:#258fff;color:#fff}.bg_green{background-color:#0ec044;color:#fff}.bg_orange{background-color:#ff6f40;color:#fff}.bg_yellow{background-color:#ffba00;color:#fff}.bg_gray{background-color:#333;color:#fff}.bg_over{background-color:#ff4200;color:#fff}.f_blue{color:#16d}.f_green{color:#0ec044}.f_orange{color:#ff6f40}.f_yellow{color:#ffba00}.icon{overflow:hidden;display:inline-block;width:26px;height:26px;margin-right:2px}.icon.ic_01{background:url(../img/pin_01.png) no-repeat 50%;background-size:100%}.icon.ic_02{background:url(../img/pin_02.png) no-repeat 50%;background-size:100%}.icon.ic_03{background:url(../img/pin_03.png) no-repeat 50%;background-size:100%}.btn_go{background-color:#0b4da3;color:#fff;padding:2px 4px 2px 3px}.pop_table{padding:20px}.pop_table.popContensP{position:static}.pop_table.contentVariable{left:434px}.pop_table h2{font-size:16px;color:#222;font-weight:500;margin-bottom:10px}.pop_table h2.tit_line{border-bottom:1px solid #e5e5e5;padding-bottom:10px}.pop_table h3.box_txt{margin-top:10px;background-color:#f6f6f6;padding:10px 4px;text-align:center;color:#222;font-weight:500;border-top:1px solid #e5e5e5}.pop_table .search_list{position:relative;margin:10px 0}.pop_table .search_list ul{overflow:hidden}.pop_table .search_list li{position:relative;float:left;margin-bottom:4px}#layerPop_photo .bx-wrapper{padding-bottom:20px}#layerPop_photo .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{bottom:-10px}.bx-wrapper img{margin:0 auto!important}.login_area{position:relative;max-width:460px;margin:180px auto}.login_area .title{font-size:48px;color:#000;margin-bottom:30px;text-align:center;font-weight:800}.login_area .login_form{clear:both}.login_area .id_area,.login_area .pw_area{position:relative}.login_area .input_row{position:relative;height:40px;margin-bottom:14px;padding:10px 35px 0 15px;border:1px solid #dadada;background-color:#fff;border-radius:4px}.login_area .input_box{display:block;overflow:hidden}.login_area .btn_login{display:block;width:100%;height:62px;line-height:60px;margin-top:25px;border-radius:4px;border:0 solid;background-color:#16d;color:#fff;font-size:22px;font-weight:500;letter-spacing:-.5px;cursor:pointer;text-align:center;-webkit-appearance:none}.login_area .check_info{position:relative;margin-top:25px}.login_area .login_check{position:relative;display:block;height:30px}.login_area .login_check input{position:absolute;top:1px;left:1px;width:30px;height:30px;cursor:pointer}.login_area .login_check label{position:absolute;top:0;left:-1px;height:31px;padding-left:40px;line-height:31px;cursor:pointer;color:#666;background-color:#fff}.login_area .login_check .ico_check:before{content:"";position:absolute;top:-1px;left:1px;width:30px;height:30px;background-image:url(../img/login_check.png);background-position:0 0;background-repeat:no-repeat;background-size:30px 60px}.login_area .login_check input:checked+.ico_check:before{background-position:0 -30px}.login_area .login_logo{position:relative;width:100%;margin-top:100px;text-align:center}.login_form .menu_link{position:relative;margin-top:30px;padding:25px 0 25px 290px;border-top:1px solid #e4e4e5}.login_form .menu_link li{float:left;position:relative;margin:0 0 0 15px;padding:0 0 0 15px}.login_form .menu_link li:first-child{padding:0;margin:0}.login_form .menu_link li:after{content:"";display:block;width:1px;height:12px;background-color:#cfcfcf;position:absolute;left:0;top:5px}.login_form .menu_link li:first-child:after{display:none}.login_form .menu_link li a{font-weight:700}.int{font-size:16px;line-height:30px;position:relative;z-index:2;font-weight:300;width:100%;height:30px;border:none;background-color:#fff;-webkit-appearance:none}.blind{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}.filter_table{position:fixed;height:calc(100% - 20px);top:0;right:0;left:92px;padding:20px;z-index:5;box-sizing:border-box}.filter_table.popContensP{position:static;height:auto}.filter_table.heightAuto{height:auto}.filter_table.contentVariable{left:434px}.filter_table h2{font-size:18px;color:#222;font-weight:500;margin-bottom:10px}.filter_table h2.tit_line{border-bottom:1px solid #e5e5e5;padding-bottom:10px}.filter_table h3.box_txt{background-color:#f6f6f6;padding:10px 4px;text-align:center;color:#222;font-weight:500;border-top:1px solid #e5e5e5}.filter_table .search_list{position:relative;margin:10px 0}.filter_table .search_list ul{overflow:hidden}.filter_table .search_list li{position:relative;float:left;margin-bottom:4px}.filter_table .con_left{float:left;width:200px;margin-right:40px}.filter_table .con_right{margin-left:240px}.filter_table .con_left .select_list li{margin-bottom:8px}.filter_table .con_left .select_list li .w_st01{width:178px}.filter_table .con_left .select_list li .w_st02{width:98px}.filter_table .con_left .select_list li .w_st03{width:29px}.filter_table .con_left .select_list li .w_st04{width:68px}.filter_table .con_left .select_list li .w_st05{width:90px}.filter_table .con_left .select_list li .w_st06{width:26px}.con_left .select_list li a,.con_left .select_list li button,.con_left .select_list li input,.con_left .select_list li select{margin-bottom:4px}.menu_list ul{margin-bottom:20px}.menu_list li{padding:5px 0}.menu_list li div{font-size:15px;font-weight:800;color:#000;padding-left:20px}.menu_list li div:before{display:block;content:"";position:absolute;left:30px;width:3px;height:12px;background-color:#000;margin-top:5px}.menu_list li div.on{color:#16d;text-decoration:underline}.menu_list li div.on:before{background-color:#16d}.row{position:relative;overflow:hidden;margin-top:10px}.col-6{width:49%;float:left;margin-right:1%}.col-6:last-of-type{margin-right:0}.card{border:2px solid #e5e5e5;border-radius:4px;background-color:#fff}.card .header{text-align:center;padding:10px 0;border-bottom:1px solid #e5e5e5}.card .body{padding:10px}.H240{height:240px}.H200{height:180px}.H180{height:160px}.H170{height:150px}.H160{height:120px}.H100{height:80px}.H80{height:60px}#lay{position:absolute;top:30%;left:30%;height:62%;width:50%;margin-top:-150px;margin-left:-100px;background:#fff;text-align:left;z-index:5;padding:40px}#lay span.close{display:block;position:absolute;right:10px;top:10px;cursor:pointer}#blind_box{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;z-index:4}.card .header2{text-align:left;padding:10px 20px;border-bottom:1px solid #e5e5e5;font-weight:500}.col-4{width:32%;float:left;margin-right:2%}.col-4:last-child{margin-right:0}.card .body .graph{height:300px}.card .body .graph_item{position:relative;text-align:center}.card .body .graph_item span{display:inline-block;margin-right:10px}.card .body{position:relative;overflow:hidden}.card .body dl dd,.card .body dl dt{display:inline-block;float:left;width:50%;height:36px;line-height:36px;margin-bottom:10px}.card .body dl dt{border-radius:4px;background-color:#999;text-align:center;color:#fff;font-weight:500}.card .body dl dd{text-align:center}.card .body .radio_selet input[type=radio]{display:none}.card .body .radio_selet input[type=radio]+label{display:inline-block;cursor:pointer;height:36px;line-height:36px;width:49%;text-align:center;border-radius:4px;margin-bottom:10px;background-color:#666;color:#fff}.card .body .radio_selet input[type=radio]:checked+label{background-color:#0b4da3;color:#fff}.card .body .radio_selet input[type=radio]+div{display:inline-block;cursor:pointer;height:36px;line-height:36px;width:49%;text-align:center;border-radius:4px;margin-bottom:10px;background-color:#666;color:#fff}.card .body .radio_selet input[type=radio]:checked+div{background-color:#0b4da3;color:#fff}.card .body .int_selet span{display:inline-block;height:36px;line-height:36px;text-align:center;margin-bottom:10px}.card .body .int_selet .tit{background-color:#666;color:#fff;border-radius:4px}.card .body .int_selet .titOn{background-color:#0b4da3;color:#fff;border-radius:4px}.card .body .int_selet .w01{width:49%}.card .body .int_selet .w02{width:24.2%}.card .body .int_selet .w03{width:89%}.card .body .int_selet .H34{height:34px;line-height:34px}.card .body .int_selet .H36{height:36px;line-height:36px}.con_auto{max-width:1020px;margin:0 auto}.sort_list{position:relative;height:90%;overflow:auto}.sort_list dl{overflow:hidden;margin-top:10px}.sort_list dt{font-weight:800;width:46px}.sort_list dd{margin-right:50px}.sort_list dd,.sort_list dt{float:left;font-size:15px;color:#16d}.sort_list .graph{border:2px solid #e5e5e5;background-color:#fff;margin-bottom:5px}.sort_list h3{font-weight:800;color:#222;font-size:15px}.sort_list p{margin-bottom:10px}.graph_list{position:relative;margin-top:10px}.graph_list ul{overflow:hidden}.graph_list li.L{float:left;display:inline-block;width:5%}.graph_list li.R{float:left;width:95%}.graph_list li.R .graph_info{position:relative;overflow:hidden}.graph_list li.R .graph_info .left{float:left;display:inline-block;width:6%}.graph_list li.R .graph_info .right{float:left;width:94%}.tableBox{position:relative;height:100%;overflow:auto}.table_line table{width:100%;border-top:2px solid #0b4da3}.table_line table th{background-color:#f6f6f6;color:#222;font-weight:500}.table_line table td,.tableBox table th{border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5}.search{position:relative;overflow:hidden;margin:20px 0}.search .selectbox{float:left;width:64%}.search .selectbox select{width:30%;height:55px;padding-left:15px;border:0;font-size:15px;color:#000;margin-right:10px;background:#f5f5f5 url(../img/ic_select_arrow.png) no-repeat right 15px center;appearance:none}.search .search-field{float:right;width:36%;text-align:right}.search .search-field input{width:80%;line-height:30px;height:30px;padding-left:10px;border:1px solid #9ba7ca}.search .search-field .btn_search{width:46px;height:32px;line-height:32px;color:#fff;border:0;background:#333;cursor:pointer;vertical-align:middle;margin-left:-3px}.search .total{float:left;font-size:16px;color:#222;text-align:left;width:auto}.search .total em{color:#3987ff}.search_cal{margin:10px}.search_cal ul{position:relative;overflow:hidden}.search_cal ul li{float:left;margin-bottom:10px}.bxslider img{width:960px}.total_txt{position:relative;text-align:right;top:-35px;margin-bottom:-25px}.total_txt span{display:inline-block;font-size:15px}.total_txt i{position:absolute;margin:2px 0 0 -20px}table.tb_type01{background-color:#fff}table.tb_type01 td{text-align:center;padding:6px 4px}table.tb_type01 thead th{border-left:1px solid #e5e5e5;padding:8px 4px;text-align:center;border-bottom:1px solid #929bad}table.tb_type01 tbody td:last-of-type,table.tb_type01 thead th:last-of-type{border-right:1px solid #e5e5e5}table.tb_type02{position:relative;background-color:#fff}table.tb_type02 thead th{padding:6px 4px;border-right:1px solid #fff;text-align:center;font-weight:400}table.tb_type02 tbody td{text-align:center;padding:6px 4px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}table.tb_type02 tbody td:last-of-type,table.tb_type02 thead th:last-of-type{border-right:0}table.tb_type02 tbody tr:hover{background:#f4f4f4;transition:all .2s linear}table.tb_type02 tbody tr.active{color:#000;background:#f1f1f1}table .color_01{background-color:#ff4200}table .color_01,table .color_02{display:inline-block;width:13px;height:13px}table .color_02{background-color:#00c73c}table.tb_type03{background-color:#fff;border-bottom:1px solid #e5e5e5}table.tb_type03 td,table.tb_type03 th{line-height:14px;text-align:left;border:0;border-top:1px solid #e5e5e5}table.tb_type03 th{color:#333;background:#f9f9f9;padding:20px}table.tb_type03 td{border-left:1px solid #e5e5e5;padding:10px 20px}.leftVariable{position:absolute;left:20px}.leftVariable .tb_type01{width:800px}.map_api{top:0;left:92px;width:calc(100% - 92px);height:100%}.map_api,.symbol{position:absolute}.symbol{display:inline-block;width:26px;height:26px;cursor:pointer}.symbol.type01{background-image:url(../img/ic_01.png)}.symbol.type01,.symbol.type02{background-size:cover;top:50%;left:50%}.symbol.type02{background-image:url(../img/ic_02.png)}.symbol .tt-text{visibility:hidden;background-color:#fff;color:#000;border:1px solid #333;text-align:center;width:80px;font-size:12px;border-radius:4px;padding:2px 4px;position:absolute;z-index:1;top:30px;left:0}.symbol:hover .tt-text{visibility:visible}.total_data{display:block;position:absolute;bottom:10px}.total_data li{display:inline-block;float:left;width:320px;margin:0 0 0 14px;box-sizing:border-box}.total_data li:first-child{margin-left:0}.infoSelect{cursor:pointer}.popupLayer .pinPointBtn{z-index:5}.numSelect{cursor:pointer}a.numSelect{display:block;color:#000;font-weight:500;color:#0b4da3;text-decoration:underline;box-sizing:border-box;padding:0 5px}.popupLayer2{display:none;zzwidth:180px;padding:10px 15px;background:#fff;border-radius:8px;box-shadow:0 0 5px 0 rgba(0,0,0,.6),0 0 5px 0 rgba(0,0,0,.6);z-index:3}.popupLayer2.layer_area{left:calc(100% + 10px);zztop:-20px}.popupLayer2:after{border-top:10px solid transparent;border-left:0 solid transparent;border-right:10px solid #fff;border-bottom:10px solid transparent;content:"";position:absolute;top:20px;left:-10px}.popupLayer2 ul li div{color:#0b4da3}.popupLayer2>div,.popupLayer div{position:absolute;top:5px;right:5px;cursor:pointer}.paging{width:100%;padding-top:60px}.paging,.paging div{text-align:center;display:inline-block}.paging div{width:35px;height:35px;margin:0 1px;line-height:35px;background-color:#eaeaea;vertical-align:bottom;text-decoration:none}.paging div.first{background:#eaeaea url(../img/ic_paging_first.png) no-repeat 50%}.paging div.prev{background:#eaeaea url(../img/ic_paging_pre.png) no-repeat 50%}.paging div.next{background:#eaeaea url(../img/ic_paging_next.png) no-repeat 50%}.paging div.last{background:#eaeaea url(../img/ic_paging_last.png) no-repeat 50%}.paging span{vertical-align:top}span.blind{position:absolute;margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;border:0;clip:rect(0,0,0,0)}.paging span div{text-decoration:none}.paging span div.on,.paging span div:active,.paging span div:focus,.paging span div:hover{background-color:#333;color:#fff;text-decoration:none}.btn{position:relative;display:inline-block;height:28px;line-height:28px;padding:0 10px;text-align:center}.btn.type_01{color:#222;background-color:#f6f6f6;border:1px solid #9ba7ca;border-radius:4px}.btn.type_01:hover{color:#fff;background-color:#9ba7ca;border:1px solid #9ba7ca}.btn.type_02{color:#222;background-color:#fff;border:1px solid #9ba7ca;margin:1px 0 0 -5px;border-radius:0}.btn.type_02:hover{color:#fff;background-color:#9ba7ca;border:1px solid #9ba7ca}.btn.type_02.first{border-top-left-radius:4px;border-bottom-left-radius:4px}.btn.type_02.last{border-top-right-radius:4px;border-bottom-right-radius:4px}.btSearch{padding:8px 8px 7px}.btSearch,.btSet{position:relative;display:inline-block;color:#fff;background-color:#0b4da3;border:1px solid #0b4da3;border-radius:4px}.btSet{height:36px;line-height:36px}.btn_area{margin:25px 0;text-align:center}.btn_area a{display:inline-block;position:relative;padding:0 50px;margin:0 4px;line-height:51px;color:#fff;font-size:18px;text-align:center;box-sizing:border-box}.openLeftInfo:hover{cursor:pointer}.bx-wrapper{position:relative;margin-top:20px;margin:0 auto;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}.bx-wrapper img{max-width:100%;display:block;margin-left:6%}.bxslider{margin:0 auto;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper{background:#fff}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(../img/bx_loader.gif) 50% no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:18}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager div{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager div.active,.bx-wrapper .bx-pager.bx-default-pager div:focus,.bx-wrapper .bx-pager.bx-default-pager div:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:-10px;background:url(../img/controls.png) no-repeat 0 -32px}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:-10px;background:url(../img/controls.png) no-repeat -43px -32px}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction div{position:absolute;top:50%;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:19}.bx-wrapper .bx-controls-direction div.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../img/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../img/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}body{margin:0;border:0;padding:0;height:100vh;overflow:hidden;background:transparent}.btn_go_active{background-color:green;color:#fff;padding:2px 4px 2px 3px}#spaContainer{width:100%;height:100%}#spaContainer #spaMenu{z-index:5;border-right:1px solid #ddd;width:92px;height:100%}#spaContainer #spaMenu .text-center{cursor:pointer}#spaContainer #spaMenu .spaHome{text-align:center}#spaContainer #spaMenu .spaHome img{display:block;width:91px;border-bottom:1px solid #ddd;padding:20px}#spaContainer #spaMenu #spaAlarm,#spaContainer #spaMenu #spaList,#spaContainer #spaMenu #spaMap,#spaContainer #spaMenu #spaMore,#spaContainer #spaMenu #spaReport,#spaContainer #spaMenu #spaSites{position:relative;display:block;width:100%;height:62px;padding-top:15px;text-align:center;box-sizing:content-box}#spaContainer #spaMenu #spaAlarm i,#spaContainer #spaMenu #spaList i,#spaContainer #spaMenu #spaMap i,#spaContainer #spaMenu #spaMore i,#spaContainer #spaMenu #spaReport i,#spaContainer #spaMenu #spaSites i{font-size:30px}#spaContainer #spaMenu #spaAlarm span,#spaContainer #spaMenu #spaList span,#spaContainer #spaMenu #spaMap span,#spaContainer #spaMenu #spaMore span,#spaContainer #spaMenu #spaReport span,#spaContainer #spaMenu #spaSites span{display:block;min-height:13px;font-size:12px;line-height:15px}#spaContainer #spaMenu #spaMenuBottom{border-top:1px solid #ddd;padding-top:15px;padding-bottom:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}#spaContainer #spaMenu #spaMenuBottom div{color:gray;padding:0 5px}#spaContainer #spaMenu #spaMenuBottom div i{font-size:24px}#spaContainer #spaContent{z-index:5;width:100%;height:100%}#spaContainer #spaContent #spaContentSites{width:100%;overflow-x:hidden;overflow-y:auto}#spaContainer #spaContent #spaContentSites ::-webkit-scrollbar{width:5px}#spaContainer #spaContent #spaContentSites ::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#c4c6c8}#spaContainer #spaContent #spaContentSites ::-webkit-scrollbar-track{background-color:#e9ecef}#spaContainer #spaContent #spaContentSites .ic_info{display:inline-block;width:28px;height:18px;margin-left:4px;border-radius:2px;vertical-align:middle;text-align:center;cursor:pointer}#spaContainer #spaContent #spaContentSites .ic_info span{font-size:10px;vertical-align:top;line-height:14px}#spaContainer #spaContent #spaContentList{width:100%;overflow-x:hidden;overflow-y:auto}#spaContainer #spaContent #spaContentList ::-webkit-scrollbar{width:5px}#spaContainer #spaContent #spaContentList ::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#c4c6c8}#spaContainer #spaContent #spaContentList ::-webkit-scrollbar-track{background-color:#e9ecef}#spaContainer #spaContent #spaContentList .title_branch{background-color:#f6f6f6;padding:10px 4px;text-align:center;color:#222;font-weight:500;border-top:1px solid #e5e5e5;border-left:0}#spaContainer #spaContent #spaContentList .title_branch h3{color:#222}#spaContainer #spaContent #spaContentList .bg_green th,#spaContainer #spaContent #spaContentList .bg_orange th,#spaContainer #spaContent #spaContentList .bg_skyblue th{padding:6px 4px;border-right:1px solid #fff;border-bottom:1px solid #fff;text-align:center;font-weight:400}#spaContainer #spaContent #spaContentList .spaContentListTableData:hover{background:#f4f4f4;transition:all .2s linear;cursor:pointer}#spaContainer #spaContent #spaContentList tbody td{text-align:center;padding:6px 4px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}#spaContainer #spaContent #spaContentList tbody td:last-of-type{border-right:0}#spaContainer #spaContent #spaContentMap{width:100%;height:100%;overflow-x:hidden;overflow-y:hidden}#spaContainer #spaContent #spaContentMap #obconmap{width:100%;height:100%}#spaContainer #spaContent #spaContentMap #deviceControl{position:absolute;top:5px;right:130px;overflow:hidden;height:36px;margin:0;padding:0;z-index:8;background-color:rgba(0,0,0,.6);border-radius:40px}#spaContainer #spaContent #spaContentMap #deviceControl .icon{overflow:hidden;display:inline-block;width:26px;height:26px;margin-right:2px}#spaContainer #spaContent #spaContentMap #deviceControl .typeIcon_1{background:url(../img/pin_1.png) no-repeat 50%;background-size:100%}#spaContainer #spaContent #spaContentMap #deviceControl .typeIcon_2{background:url(../img/pin_2.png) no-repeat 50%;background-size:100%}#spaContainer #spaContent #spaContentMap #deviceControl .typeIcon_A{background:url(../img/pin_A.png) no-repeat 50%;background-size:100%}#spaContainer #spaContent #spaContentMap #deviceControl li{float:left;padding:5px 4px 0}#spaContainer #spaContent #spaContentMap #deviceControl .txt{display:inline-block;font-size:13px;line-height:16px;vertical-align:top;padding-top:6px;color:#fff}#spaContainer #spaContent #spaContentMap #pipeLineControl{position:absolute;top:5px;left:5px;z-index:8}#spaContainer #spaContent #spaContentMap #pipeLineControl .tb_type01{width:800px}#spaContainer #spaContent #spaContentMap #pipeLineControl .pipeLineControl_popup{z-index:8}#spaContainer #spaContent #spaContentMap #spaContentMapTypeControl{position:absolute;width:100%;background-color:green;bottom:0;z-index:8}#spaContainer #spaContent #spaContentMap #spaContentMapTypeControl #spaContentMapType1Control,#spaContainer #spaContent #spaContentMap #spaContentMapTypeControl #spaContentMapType2Control{position:absolute;left:50%;transform:translate(-494px)}#spaContainer #spaContent #spaContentMap #spaContentMapTypeControl #spaContentMapTypeAControl{position:absolute;left:50%;transform:translate(-661px)}#spaContainer #spaContent #spaContentReport1Content,#spaContainer #spaContent #spaContentReport2Content,#spaContainer #spaContent #spaContentTrendContent{height:100%;overflow-x:hidden;overflow-y:auto}#spaContainer #spaContent #spaContentReport1Content ::-webkit-scrollbar,#spaContainer #spaContent #spaContentReport2Content ::-webkit-scrollbar,#spaContainer #spaContent #spaContentTrendContent ::-webkit-scrollbar{width:5px}#spaContainer #spaContent #spaContentReport1Content ::-webkit-scrollbar-thumb,#spaContainer #spaContent #spaContentReport2Content ::-webkit-scrollbar-thumb,#spaContainer #spaContent #spaContentTrendContent ::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#c4c6c8}#spaContainer #spaContent #spaContentReport1Content ::-webkit-scrollbar-track,#spaContainer #spaContent #spaContentReport2Content ::-webkit-scrollbar-track,#spaContainer #spaContent #spaContentTrendContent ::-webkit-scrollbar-track{background-color:#e9ecef}#spaContainer #spaContent #spaContentReport1Content canvas,#spaContainer #spaContent #spaContentReport2Content canvas,#spaContainer #spaContent #spaContentTrendContent canvas{height:100%!important;width:100%!important}#spaContainer #spaContent #spaContentSetting{width:100%;z-index:5;overflow-x:hidden;overflow-y:auto}#spaContainer #spaContent #spaContentSetting ::-webkit-scrollbar{width:5px}#spaContainer #spaContent #spaContentSetting ::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#c4c6c8}#spaContainer #spaContent #spaContentSetting ::-webkit-scrollbar-track{background-color:#e9ecef}#spaContainer #spaContentDetail{z-index:15;left:89px;border-left:1px solid #ddd;width:100%;height:100%;background:#fff;overflow-x:hidden;overflow-y:auto}#spaContainer #spaContentDetail ::-webkit-scrollbar{width:5px}#spaContainer #spaContentDetail ::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#c4c6c8}#spaContainer #spaContentDetail ::-webkit-scrollbar-track{background-color:#e9ecef}#spaContainer #spaContentDetail .spaContentDetailClose{z-index:16;position:absolute;top:20px;right:120px;cursor:pointer}#spaContainer #spaContentDetail #spaContentDetailAccount{width:100%;overflow-x:hidden;overflow-y:auto;padding:20px}#spaContainer #spaContentDetail #spaContentDetailAccount ::-webkit-scrollbar{width:5px}#spaContainer #spaContentDetail #spaContentDetailAccount ::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#c4c6c8}#spaContainer #spaContentDetail #spaContentDetailAccount ::-webkit-scrollbar-track{background-color:#e9ecef}#spaContainer #spaContentDetail #spaContentDetailAccount h2{font-size:18px;color:#222;font-weight:500;margin-bottom:10px;border-bottom:1px solid #e5e5e5;padding-bottom:10px}#spaContainer #spaContentDetail #spaContentDetailAccount .search_list{position:relative;margin:10px 0}#spaContainer #spaContentDetail #spaContentDetailAccount .search_list ul{overflow:hidden}#spaContainer #spaContentDetail #spaContentDetailAccount .search_list li{font-size:13px!important;position:relative;float:left;margin-bottom:4px}#spaContainer #spaContentDetail #spaContentDetailAccount #spaContentDetailAccountCreate{color:#222;background-color:#f6f6f6;border:1px solid #9ba7ca;border-radius:4px;cursor:pointer}#spaContainer #spaContentDetail #spaContentDetailAccount #spaContentDetailAccountCreate:hover{color:#fff;background-color:#9ba7ca;border:1px solid #9ba7ca}#spaContainer #spaContentDetail #spaContentDetailAccount .btn_area span{display:inline-block;position:relative;padding:0 50px;margin:0 4px;line-height:51px;color:#fff;font-size:18px;text-align:center;box-sizing:border-box;cursor:pointer}#spaContainer #spaSide{z-index:11;left:89px;width:345px;height:100%;overflow-x:hidden;overflow-y:auto}#spaContainer #spaSide ::-webkit-scrollbar{width:5px}#spaContainer #spaSide ::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#c4c6c8}#spaContainer #spaSide ::-webkit-scrollbar-track{background-color:#e9ecef}#spaContainer #spaSide .link{color:#16d;cursor:pointer}#spaContainer #spaSide #spaSideDevice .ic_info{display:inline-block;width:22px;height:14px;margin-left:4px;border-radius:2px;vertical-align:middle;text-align:center}#spaContainer #spaSide #spaSideDevice .ic_info span{font-size:10px;vertical-align:top;line-height:14px}#spaContainer #spaSideBtn{z-index:12}#spaContainer #spaDetail{z-index:13;left:434px;width:100%;height:100%;background:transparent;overflow-x:hidden;overflow-y:auto}#spaContainer #spaDetail ::-webkit-scrollbar{width:5px}#spaContainer #spaDetail ::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#c4c6c8}#spaContainer #spaDetail ::-webkit-scrollbar-track{background-color:#e9ecef}#spaContainer #spaDetail #spaDetailData .btn{font-size:13px!important}#spaContainer #spaDetail #spaDetailDataChart{height:630px;overflow-x:hidden;overflow-y:auto}#spaContainer #spaDetail #spaDetailDataChart ::-webkit-scrollbar{width:5px}#spaContainer #spaDetail #spaDetailDataChart ::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#c4c6c8}#spaContainer #spaDetail #spaDetailDataChart ::-webkit-scrollbar-track{background-color:#e9ecef}#spaContainer #spaDetail #spaDetailControl input[readonly=readonly]{background-color:gray}#spaContainer #spaToast,#spaToastAlarm{z-index:17}#spaToastAlarmAll{cursor:pointer}#spaContentSettingEmail{height:630px;overflow-x:hidden;overflow-y:auto}#spaContentSettingEmail ::-webkit-scrollbar{width:5px}#spaContentSettingEmail ::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#c4c6c8}#spaContentSettingEmail ::-webkit-scrollbar-track{background-color:#e9ecef}.btn_active{overflow:auto}.btn_inactive{border-color:#999!important;background-color:#999!important}.menu_active,.menu_hover{color:#0b4da3!important}.carousel-control-prev-icon{background:url(../img/controls.png) no-repeat 0 -32px}.carousel-control-next-icon{background:url(../img/controls.png) no-repeat -43px -32px}#spaToastAlarmMessages{overflow-x:hidden;overflow-y:auto}#spaToastAlarmMessages ::-webkit-scrollbar{width:5px}#spaToastAlarmMessages ::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#c4c6c8}#spaToastAlarmMessages ::-webkit-scrollbar-track{background-color:#e9ecef}.noticeNum{position:absolute;margin:0 0 0 54px}.noticeNum span{display:inline-block;width:19px;height:19px;line-height:14px;border-radius:30px;font-size:11px;text-align:center;padding-top:2px}.notiSelect{cursor:pointer}.noticeLayer{display:none;top:340px;left:92px;width:340px;height:350px;padding:20px;background-color:#fff;border-radius:8px;border:1px solid #222;z-index:15}.noticeLayer p{border-bottom:1px solid #ddd;padding-bottom:10px}.noticeLayer div,.noticeLayer p{font-size:15px;font-weight:500;color:#16d}.noticeLayer div{border-top:1px solid #ddd;margin-top:10px;padding-top:10px!important;text-align:right!important;height:auto!important}.noticeLayer ul{height:230px;margin-top:10px;overflow-x:hidden;overflow-y:auto;padding:15px;background-color:#f3f3f3}.noticeLayer ul li{margin-bottom:10px}.noticeLayer ul li span.notice_time{display:inline-block;width:120px;color:#999}.noticeLayer>button{position:absolute;top:15px;right:15px}.pinPoint{position:absolute;z-index:10}.pinPoint dl{cursor:pointer}.pinTitle{visibility:hidden;position:absolute;top:40px;left:-32px;background-color:#fff;color:#000;border:1px solid #333;text-align:center;width:100px;font-size:12px;border-radius:4px;padding:2px 4px}.popupLayer{position:absolute;bottom:10px;left:-125px;display:none;width:240px;padding:15px 20px;background:#fff;border-radius:8px;box-shadow:0 0 5px 0 rgba(0,0,0,.6),0 0 5px 0 rgba(0,0,0,.6);z-index:9}.popupLayer:after{border-top:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:0 solid transparent;content:"";position:absolute;bottom:-10px;left:50%;margin:0 0 0 -5px}.popupLayer dl{position:relative;overflow:hidden}.popupLayer dd,.popupLayer dt{float:left}.popupLayer dt{width:26%;color:#111;text-align:justify;text-align-last:justify;text-justify:inter-character;padding-right:5px}.popupLayer dd{width:74%;color:#666}.popupLayer dd span{white-space:normal}.popupLayer .pinPointBtn{position:absolute;top:12px;right:12px;z-index:9}.chartToolTip{position:absolute;border:1px solid;border-radius:4px 4px 4px 4px;background:rgba(0,0,0,.8);color:#fff;padding:5px;text-align:center;font-size:12px;min-width:30px;z-index:14}.layerPopup_wrap{position:absolute;top:0;left:0;height:100%;width:100%;min-width:1480px;z-index:13;display:block}.layerPop_btn{position:absolute;top:12px;right:12px}.layerPopup_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7!important;z-index:13}.layerPopup_box{position:absolute;top:60px;left:60px;width:1360!important;height:810px!important;display:block;padding:30px;border-radius:3px;background:#fff;z-index:13;border-top:6px solid #16d}.layerPopup_box .con_area{width:1300px;min-height:740px}.map_wrap{position:relative;overflow:hidden}.radius_border{border:1px solid #919191;border-radius:5px}.custom_typecontrol{position:absolute;top:10px;right:10px;overflow:hidden;width:140px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:Malgun Gothic,맑은\ 고딕,sans-serif}.custom_typecontrol span{display:block;width:69px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer}.custom_typecontrol .unselected_btn{background:#f3f3f3;background:linear-gradient(#fff,#e6e6e6)}.custom_typecontrol .unselected_btn:hover{background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3)}.custom_typecontrol .unselected_btn:active{background:#e6e6e6;background:linear-gradient(#e6e6e6,#fff)}.custom_typecontrol .selected_btn{color:#fff;background:#425470;background:linear-gradient(#425470,#5b6d8a)}.custom_typecontrol .selected_btn:hover{color:#fff}.custom_pipelinecontrol{position:absolute;bottom:10px;right:10px;overflow:hidden;width:70px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:Malgun Gothic,맑은\ 고딕,sans-serif}.custom_pipelinecontrol span{display:block;width:69px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer}.custom_pipelinecontrol .unselected_btn{background:#f3f3f3;background:linear-gradient(#fff,#e6e6e6)}.custom_pipelinecontrol .unselected_btn:hover{background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3)}.custom_pipelinecontrol .unselected_btn:active{background:#e6e6e6;background:linear-gradient(#e6e6e6,#fff)}.custom_pipelinecontrol .selected_btn{color:#fff;background:#425470;background:linear-gradient(#425470,#5b6d8a)}.custom_pipelinecontrol .selected_btn:hover{color:#fff}.custom_zoomcontrol{position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5}.custom_zoomcontrol span{display:block;width:36px;height:40px;text-align:center;cursor:pointer}.custom_zoomcontrol span img{width:15px;height:15px;margin:12px 1px 12px 0;border:none}.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf}.contextmenu{position:absolute;display:none;*display:inline;*zoom:1;min-width:100px;background-color:#86be89;border-radius:4px;box-shadow:1px 2px 30px #ddd;-ms-user-select:none;user-select:none;border:1px solid #ddd}.contextmenu,.contextmenu>ul{margin:0;padding:0}.contextmenu>ul>li{list-style:none}.contextmenu>ul .menu-item{margin:0;height:28px;line-height:28px;padding:0 20px;font-size:14px;color:#666;white-space:nowrap}.contextmenu>ul .menu-item:hover{background-color:#007bff;cursor:default;color:#fff}.contextmenu>ul .menu-item .menu-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;cursor:default}.contextmenu>ul .menu-line{padding:0;width:100%;height:1px;background-color:#ddd;margin:3px 0}.contextmenu>ul .menu-disable{pointer-events:none;cursor:default;color:#ccc}.contextmenu-visible{display:inline-block}
/*# sourceMappingURL=spaAll.css.map */


/* ---- 사용자 추가: 서비스현황(spaContentList/spaContentSites) 행 hover 하이라이트 ----
   tbody 직속 tr 만 hover 처리. 기존 선택 행과 충돌 없게 background-color 만. */
#spaContentListList tbody tr:hover,
#spaContentSitesList tbody tr:hover,
#spaContentList tbody tr:hover,
#spaContentSites tbody tr:hover{background-color:rgba(30,136,229,0.08)!important;transition:background-color .12s ease-in-out;cursor:pointer}

/* ---- 사용자 추가: 지도 장치 클릭 시 사진 배경 + 그래프 반투명, hover 시 선명 ---- */
#spaContentMapType1Control.obcon-photo-mode,
#spaContentMapType2Control.obcon-photo-mode,
#spaContentMapTypeAControl.obcon-photo-mode{position:relative}
.obcon-photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;z-index:0;pointer-events:none;box-shadow:inset 0 0 0 9999px rgba(0,0,0,0.15)}
.obcon-photo-mode .total_data{position:relative;z-index:2}
.obcon-photo-mode .total_data > li.card{opacity:0.55;transition:opacity .18s ease-in-out, transform .18s ease-in-out}
.obcon-photo-mode .total_data > li.card:hover{opacity:1;transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,0.28)}

/* ---- (해제) '사진 보기' 버튼 다시 표시. 배경 오버레이가 안 뜨는 경우도 있어 명시적 뷰어가 유지 필요 ---- */

/* ---- 사용자 추가: 모바일(≤900px) 지도 화면 정리 - PC 버전 구성 유지하되 크기만 최적화 ---- */
@media (max-width: 900px) {
    /* 우상단 범례 축소 + 반투명 */
    #deviceControl{transform:scale(0.85);transform-origin:top right;background:rgba(255,255,255,0.92)!important;border-radius:8px;}
    /* Leaflet 레이어 선택기: 모바일에서는 접힘 스타일로 작게 */
    .leaflet-control-layers{font-size:11px;max-width:150px;}
    .leaflet-control-layers label{margin:2px 0;}
    /* 하단 차트 카드: 화면 폭에 맞춰 재배치 */
    #spaContentMapType1Control .total_data,
    #spaContentMapType2Control .total_data,
    #spaContentMapTypeAControl .total_data{
        width:100vw!important;left:0!important;margin-left:0!important;
        display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;
        gap:8px;padding:0 8px 8px 8px!important;
    }
    #spaContentMapType1Control .total_data > li.card,
    #spaContentMapType2Control .total_data > li.card,
    #spaContentMapTypeAControl .total_data > li.card{
        flex:0 0 260px;max-width:260px;
    }
    /* 사진 모달: 전체 화면 + 기기 목록은 숨기고 값 카드/도식만 */
    #spaDetailPhoto .layerPopup_box{width:100vw!important;height:100vh!important;border-radius:0!important;}
    #obconPcoValues .pco-devlist{display:none!important;}
    #obconPcoValues .pco-col{width:150px!important;gap:8px!important;}
    #obconPcoValues .pco-card{padding:7px 10px 5px 10px!important;}
    #obconPcoValues .pco-t{font-size:11px!important;}
    #obconPcoValues .pco-v{font-size:18px!important;}
    #obconPcoValues .pco-photo-wrap{left:165px!important;right:12px!important;}
    #spaDetailPhoto .layerPopup_box.pco-real #carouselExampleIndicators{left:165px!important;right:12px!important;}
    /* 마커 네임택 모바일 축소 */
    .pinTitle{font-size:9.5px!important;padding:1px 6px!important;}
}

/* ---- 사용자 추가: 우상단 장치 범례(#deviceControl) 흰 배경 + 어두운 글자 ---- */
#deviceControl{background-color:rgba(255,255,255,0.95)!important;border:1px solid #d1d5db;box-shadow:0 2px 8px rgba(0,0,0,0.15)}
#deviceControl .txt{color:#1f2937!important;font-weight:600}

/* ---- 사용자 추가: 우상단 범례 크기 확대 ---- */
#deviceControl{height:52px!important;padding:0 14px!important;border-radius:26px!important}
#deviceControl li{padding:10px 8px 0!important}
#deviceControl .txt{font-size:17px!important;line-height:26px!important;padding-top:3px!important}
#deviceControl .icon{width:auto!important;height:30px!important;margin-right:6px!important}
#deviceControl .icon svg{width:28px!important;height:28px!important}

/* ---- 사용자 피드백 반영 (0826) ---- */
/* #1 서비스현황 회사 이름 진하게 */
#spaContentSitesList tbody td:nth-child(2){color:#0f172a!important}
/* #11 전체 글자: 색만 진하게 (글자체/굵기는 기본 유지) */
#spaContentSitesList tbody td,#spaContentListList tbody td{color:#1f2937}
#spaContentSitesList thead th,#spaContentListList thead th{color:#111827}
h2.tit_line,.filter_table h2{color:#0f172a!important}
/* #12 지도 분류표 스크롤 가능 */
#pipeLineControl .table_line{max-height:38vh;overflow-y:auto;scrollbar-width:thin}
/* #13 색조 - 눈에 띄는 액센트 */
.btn_go{background-color:#2563eb!important}
.btn_go_active{background-color:#059669!important}
.obcon-sfilter-tab.on{background:#4f46e5!important;border-color:#4f46e5!important;box-shadow:0 2px 10px rgba(79,70,229,0.45)!important}
#spaContentSitesList tbody tr:hover,#spaContentListList tbody tr:hover{background-color:rgba(79,70,229,0.08)!important}
.f_orange{color:#ea580c!important;font-weight:800!important}
#spaMenu .text-center:hover i,#spaMenu .text-center:hover span{color:#4f46e5!important}

/* ---- 지도 화면 글자 진하게 (회사 이름 오버레이 / 장치 정보 / 설정 사이드패널) ---- */
.kakao-custom-overlay{font-weight:700}
.kakao-custom-overlay *{color:#0f172a}
.overlaybox,.overlaybox li div{font-weight:700!important}
#spaSide dl dt,#spaSideDevice dt{font-weight:800!important;color:#0f172a!important}
#spaSide dl dd,#spaSideDevice dd{font-weight:600!important;color:#1f2937!important}
#spaSideDeviceAlarm,#spaSideDeviceControl{font-weight:600}
.pinTitle{font-weight:700!important;color:#0f172a!important}
#pipeLineControl table td,#pipeLineControl table th{font-weight:700!important;color:#0f172a!important}