@charset "utf-8";.skipNav{position:relative}.skipNav dt{visibility:hidden;position:absolute;font-size:0;width:0;height:0;line-height:0;margin:0;padding:0;background:0 0}.skipNav a{display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#000;white-space:nowrap;background:#333;color:#fff;font-weight:700}.skipNav a:active,.skipNav a:focus{height:auto;width:100%;padding:5px;margin-bottom:10px}.hide{visibility:hidden;position:absolute;font-size:0;width:0;height:0;line-height:0;margin:0;padding:0;background:0 0}.hidden{visibility:hidden;position:absolute;font-size:0;width:0;height:0;line-height:0;margin:0;padding:0;background:0 0}#wrapper{position:relative;display:table;width:100%;height:100%;min-width:1260px;border-collapse:collapse;overflow:hidden}#header2{display:table-row;height:51px;border-bottom:1px solid #ededed}#header2 .inner{position:relative;width:1220px;margin:0 auto}#header2 h1 img{margin:13px 0 0 0}#gnb{position:absolute;top:2px;right:0}#gnb .menu{height:51px}#gnb .menu:after{content:"";display:block;clear:both}#gnb .menu li{float:left;min-width:55px;height:50px;position:relative;line-height:50px}#gnb .menu li a{display:block;position:relative;height:50px;color:#8a8a8a}#gnb .menu li.alarm span{position:absolute;top:7px;right:7px;height:20px;min-width:28px;text-align:center;padding:0 8px;line-height:20px;background:#f47725;color:#fff;font-size:13px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}#gnb .menu li.alarm a{width:70px;overflow:hidden;background:url(../../../images/front/gnb1_off.png) no-repeat center}#gnb .menu li.alarm.on a{background:url(../../../images/front/gnb1_on.png) no-repeat center}#gnb .menu li.graph a{background:url(../../../images/front/gnb2_off.png) no-repeat center}#gnb .menu li.graph.on a{background:url(../../../images/front/gnb2_on.png) no-repeat center}#gnb .menu li.mypage a{background:url(../../../images/front/gnb3_off.png) no-repeat center}#gnb .menu li.mypage.on a{background:url(../../../images/front/gnb3_on.png) no-repeat center}#gnb .menu li.mypage.on .nav_engUl .mypageLayer{background:0 0}#gnb .menu li.mypage>a:focus,#gnb .menu li.mypage>a:hover{background:url(../../../images/front/gnb3_on.png) no-repeat center}#gnb .menu li.logout{height:20px;margin:16px 0 0 10px;padding:0 0 0 26px;line-height:20px;border-left:1px solid #ececec}#gnb .menu li.logout a{font-size:15px;font-weight:400;height:inherit}#gnb .menu li.hover,#gnb .menu li:hover{z-index:100}#gnb .menu ul{position:absolute;top:49px;left:-9999px;opacity:0;width:180px;background:#fff;border:1px solid #ccc;font-size:12px;color:#838383;font-weight:700;font-family:dotum,돋움,굴림,굴림체;text-align:center;padding:13px 0;letter-spacing:0;-webkit-transition:opacity .25s ease .1s;-moz-transition:opacity .25s ease .1s;-o-transition:opacity .25s ease .1s;-ms-transition:opacity .25s ease .1s;transition:opacity .25s ease .1s}#gnb .menu li.hover ul,#gnb .menu li:hover ul{left:-59px;opacity:1}#gnb .menu ul li{float:none;position:static;height:0;overflow:hidden;-webkit-transition:height .25s ease .1s;-moz-transition:height .25s ease .1s;-o-transition:height .25s ease .1s;-ms-transition:height .25s ease .1s;transition:height .25s ease .1s}#gnb .menu li.hover ul li,#gnb .menu li:hover ul li{height:auto;line-height:27px;overflow:visible}#gnb .menu li.mypage span.ic{position:absolute;top:-12px;left:50%;margin-left:-13px;display:block;width:23px;height:12px;background:url(../../../images/front/gnb_arrow.png) no-repeat}#gnb .menu li.mypage ul a,#gnb .menu li.mypage.hover ul a{background:0 0;height:auto}#gnb .menu li a:active,#gnb .menu li a:focus,#gnb .menu li a:hover{color:#f47725}.family_site{position:absolute;top:11px;left:191px}.family_site .menu{border-radius:14px;background-color:#e8e8e8}.family_site .menu:after{content:'';display:block;clear:both}.family_site .menu li{float:left;min-width:106px;font-size:15px;line-height:18px}.family_site .menu .vsaas{display:block;border-radius:14px;padding:5px 11px 5px 15px;background-color:#f47725;color:#fff}.family_site .menu .vsaas .ico{display:inline-block;padding-left:25px;background:url(../../../images/front/icon_vsaas.png) left center no-repeat}.family_site .menu .acaas{display:block;border-radius:14px;padding:5px 12px 5px 16px;color:#888;text-align:left}.family_site .menu .acaas .ico{display:inline-block;padding-left:21px;background:url(../../../images/front/icon_acaas.png) left center no-repeat}.family_site .menu .acaas:hover{background-color:#dcdbdb}#section{min-height:500px;font-size:13px;padding:0 0 70px 0}#footer2{display:table-row;height:145px;background:#fbfbfc;color:#b5b5b5}#footer2 a{color:#b5b5b5}#footer2 .inner{position:relative;width:1220px;margin:0 auto;overflow:hidden}#footer2 .inner-skt{height:70px}#footer2 .inner-s1{height:135px}#footer2 .inner .footer-logo1{float:none;height:auto;position:absolute;right:0;bottom:5px}#footer2 .inner .footer-logo1 img{margin:0}#footer2 .inner .footer-logo2{float:none;height:auto;position:absolute;left:0;bottom:5px;margin-top:15px}#footer2 .inner .footer-logo2 img{margin:0}#footer2 .inner .footer-logo2 .footer-cpni{margin:8px 20px 0 0}#footer2 .inner .footer-logo2 .footer-wa{margin:3px 0 0 0}#footer2 .inner .footer-menu{margin:18px 0 0 0;padding:0;overflow:hidden}#footer2 .inner .footer-menu li{float:left;height:13px;padding:0 10px;font-size:11px;margin:0 0;line-height:12px;border-left:1px solid #c9c9ca}#footer2 .inner .footer-menu li:first-child{border:0;padding:0 10px 0 0}#footer2 .inner .footer-menu li a{display:block}#footer2 .inner p{overflow:hidden;margin:5px 0 0 0;padding:0;height:14px;font-size:11px;line-height:12px}#footer2 .inner address{font-style:normal;overflow:hidden;margin:6px 0 0 0;padding:0;height:14px;font-size:12px;line-height:12px}#footer2 .inner .footer-logo2 p{margin-top:0;height:15px}#footer1,#footer1 a{color:#b5b5b5}#footer1 .inner{position:relative;width:1220px;margin:0 auto}#footer1 .inner-skt{height:58px;top:25px}#footer1 .inner-s1{height:120px}#footer1 .inner .footer-logo1{float:none;height:auto;position:absolute;right:0;bottom:5px}#footer1 .inner .footer-logo1 img{margin:0}#footer1 .inner .footer-logo2{float:none;height:auto;position:absolute;left:0;bottom:5px;margin-top:15px}#footer1 .inner .footer-logo2 img{margin:3px 0 0 0}#footer1 .inner .footer-menu{margin:29px 0 0 0;padding:0;overflow:hidden;color:#fff;opacity:.4}#footer1 .inner .footer-menu li{float:left;height:13px;padding:0 10px;font-size:11px;margin:0 0;line-height:12px;border-left:1px solid #c9c9ca}#footer1 .inner .footer-menu li:first-child{border:0;padding:0 10px 0 0}#footer1 .inner .footer-menu li a{display:block;color:#fff}#footer1 .inner .footer-menu li a:hover{text-decoration:underline}#footer1 .inner .footer-menu li a:focus{outline:1px solid #fff}#footer1 .inner p{overflow:hidden;margin:5px 0 0 0;padding:0;height:20px;font-size:11px;line-height:12px;color:#fff;opacity:.4}#footer1 .inner address{font-style:normal;overflow:hidden;margin:6px 0 0 0;padding:0;height:14px;font-size:12px;line-height:12px;color:#fff;opacity:.4}#footer1 .inner .footer-logo2 .img_change_cpni{display:inline-block}#footer1 .inner .footer-logo2 .img_change_cpni_skbb{display:none}#footer1 .inner .footer-logo2 .img_change_wa{display:inline-block}#footer1 .inner .footer-logo2 .img_change_wa_skbb{display:none}#footer1 .inner .footer-logo2 p{margin-top:0;height:15px}body.skbb #footer1 .inner .footer-menu{margin:29px 0 0 0;padding:0;overflow:hidden;color:inherit;opacity:1}body.nsok #footer1 .inner .footer-menu{margin:29px 0 0 0;padding:0;overflow:hidden;color:inherit;opacity:1}body.skbb #footer1 .inner .footer-menu li a{display:block;color:inherit}body.nsok #footer1 .inner .footer-menu li a{display:block;color:inherit}body.skbb #footer1 .inner .footer-menu li a:focus{outline:1px solid #999}body.nsok #footer1 .inner .footer-menu li a:focus{outline:1px solid #999}body.skbb #footer1 .inner p{overflow:hidden;margin:5px 0 0 0;padding:0;height:20px;font-size:11px;line-height:12px;color:inherit;opacity:1}body.nsok #footer1 .inner p{overflow:hidden;margin:5px 0 0 0;padding:0;height:20px;font-size:11px;line-height:12px;color:inherit;opacity:1}body.skbb #footer1 .inner address{font-style:normal;overflow:hidden;margin:6px 0 0 0;padding:0;height:14px;font-size:12px;line-height:12px;color:inherit;opacity:1}body.nsok #footer1 .inner address{font-style:normal;overflow:hidden;margin:6px 0 0 0;padding:0;height:14px;font-size:12px;line-height:12px;color:inherit;opacity:1}body.skbb #footer1 .inner .footer-logo2 .img_change_cpni{display:none}body.skbb #footer1 .inner .footer-logo2 .img_change_cpni_skbb{display:inline-block}body.nsok #footer1 .inner .footer-logo2 .img_change_cpni{display:none}body.nsok #footer1 .inner .footer-logo2 .img_change_cpni_skbb{display:inline-block}body.skbb #footer1 .inner .footer-logo2 .img_change_wa{display:none}body.skbb #footer1 .inner .footer-logo2 .img_change_wa_skbb{display:inline-block}body.nsok #footer1 .inner .footer-logo2 .img_change_wa{display:none}body.nsok #footer1 .inner .footer-logo2 .img_change_wa_skbb{display:inline-block}.select-lang{position:absolute;top:0;right:0;margin:5px 0 0 0;width:145px;height:24px;border:1px solid #fff;opacity:.4;border-radius:1px}.select-lang .menu{width:100%;height:100%;padding-right:20px;line-height:21px;background:url(/images/front/ic_select_lang.png) no-repeat 100% 7px transparent;border:0;color:#fff}.select-lang .menu option{background-color:#fff;color:#636363}body.skbb .select-lang{border-color:#ccc;opacity:.6}body.skbb .select-lang .menu{background-image:url(/images/front/ic_select_lang_skbb.png);color:#636363}body.nsok .select-lang{border-color:#ccc;opacity:.6}body.nsok .select-lang .menu{background-image:url(/images/front/ic_select_lang_skbb.png);color:#636363}.innerJoin{width:1220px;margin:0 auto}.innerDash{width:1220px;margin:0 auto}.innerCamera{width:1220px;margin:0 auto}.innerAlarm{width:1220px;margin:0 auto;padding:0 0 0 20px}.innerMypage{width:1220px;margin:0 auto}.innerMypage .mypage-width{margin:0 auto;width:1116px;position:relative}.innerMypage .mypage-width .datepickerErr{position:relative}.innerMypage .mypage-width .datepickerErr>div{position:absolute;left:210px;margin-top:10px;font-size:12px}h3,h4,h5{font-weight:400}h3{color:#444;font-size:20px;font-weight:400}.summary{color:#636363;font-size:13px;margin:0 0 15px 0}.txt-left{text-align:left}.txt-center{text-align:left}.txt-right{text-align:right}.location{margin:10px 0 20px 0;text-align:right;font-size:11px;font-family:dotum,gulim,돋움,굴림;color:#ccc}.textR{text-align:right}.block{display:block}.fl{float:left}.fr{float:right}span.table-point-text.inline{padding:0 0 0 5px;line-height:24px;display:inline-block!important;float:none!important;clear:none!important}table .table-point-text{line-height:17px;margin-top:0!important;padding:5px 0 0 0}.timeline-top-area div.div-rightarea{top:24px}.table-vertical.th150 tbody tr th{width:150px!important}.device-cloud-table{background:#fbfbfc;border-top:1px solid gray;border-bottom:1px solid #f1f1f1;padding:15px 0 15px 30px}:lang(en) .device-cloud-table,:lang(id) .device-cloud-table{padding:15px 0 15px 15px}.device-cloud-table ul li{display:inline-block;padding-right:25px}.device-cloud-table ul li:last-child{padding-right:0}.device-cloud-table ul li b{font-size:15px;font-weight:400;color:#636363}.device-cloud-table ul li span{font-weight:300}.device-cloud-table ul li input{margin-left:10px;width:200px}.set-check input~span.txt-label,.set-radio input~span.txt-label{margin-left:7px}.set-check{position:relative}.set-check input:focus{outline:1px dotted #000;opacity:1;position:absolute;top:50%;left:0;margin:-7px 0 0 0;height:14px;visibility:visible}.set-check.disabled{opacity:.4;pointer-events:none}.set-radio{position:relative}.set-radio input:focus+.shape{outline:1px dotted #000;opacity:1;position:absolute;left:0;height:14px;margin:0}.set-radio.disabled{opacity:.4;pointer-events:none}.dropdown-menu{cursor:pointer}.control-dropdown .dropdown-menu>li>a{padding:7px 13px}.dropdown-menu{padding:8px 0}input[type=text]:focus,input[type=password]:focus{outline:0}.bg-ani{position:relative;width:100%;height:100%;min-height:768px;max-height:935px}.bg-ani .img{opacity:1;transition:opacity .6s linear .15s}.bg-ani .img.loaded{opacity:1}.img-pan-container{width:130%;height:130%}.img-pan-container .img{width:130%;height:130%;max-width:130%;display:block;background:url(../../../images/bg_login_ani.png) no-repeat;background-size:100% 100%}.img-pan-container{position:relative;overflow:hidden;width:100%;height:118%}.img-pan-container .img{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);position:absolute;top:0;left:0}.wrap-login-box{position:relative}.btn-clear-text{position:absolute;top:12px;right:16px;border:0;cursor:pointer;text-indent:-999px;font-size:0;line-height:0;background:0 0;width:26px;height:26px;background:url(../../../images/front/ic_clear.png) no-repeat}.wrap-login-box input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}.captchaArea{position:relative;margin-top:4px}.captchaArea .captchaMain{display:inline-block;width:44%;height:40px;vertical-align:top}.captchaArea #captchaImage{display:inline-block;width:70%;height:40px;float:left;border-radius:50px}.captchaArea #captchaRefreshBtn{display:inline-block;width:30%;height:40px;background-image:url(/images/front/btn_reload_captcha_img.png);text-align:center;vertical-align:top;float:right;background-color:transparent;border:none}.captchaArea{overflow:hidden;margin:4px 0 0 0;font-size:13px}.captchaArea #captchaAnswer{float:right;width:55%;padding-right:15px}.box-find{height:40px;margin:10px 0 0 0;border-top:1px solid #8a8a8a;border-bottom:1px solid #F1F1F1;background:#fbfbfc;line-height:36px}#recaptcha_table tr td a{vertical-align:top}#pop-change-pw .table-vertical tr td>*{float:none;margin-right:0}.boxSelect:after{content:"";display:block;clear:both}.boxSelect span.fl{line-height:32px}.boxSelect label{margin:0 15px 0 4px}.boxSelect span.fl label{margin:0 0}.select-box{display:inline-block;position:relative;height:34px;padding:0;border:1px solid #e5e5e5;background:#fff}.select-box select{display:inline-block;vertical-align:top;min-width:90px;height:30px;padding:0 45px 0 5px;color:#636363;background:#fff;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:'Noto Sans KR',sans-serif}.select-box:before{content:'';right:15px;top:14px;width:9px;height:5px;background:#fff url(../../../images/front/ic_select_arrow.png) center no-repeat;position:absolute;pointer-events:none}.select-box select::-ms-expand{display:none}.select-box span.line{display:inline-block;position:absolute;top:4px;right:38px;width:1px;height:25px;border-left:1px solid #e5e5e5}.select-box1{display:inline-block;margin:0 10px 0 0;position:relative}.select-box1 select{min-width:100px;height:23px;font-weight:700;padding:3px;margin:0;z-index:2;border-radius:4px;background:0 0;color:#f47725;border:none;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:dotum,gulim,돋움,굴림}.select-box1:after{color:#aaa;right:8px;top:2px;padding:0 0 2px;color:red;border-bottom:1px solid #ddd;position:absolute;pointer-events:none}.select-box1:before{content:'';right:3px;top:3px;width:20px;height:19px;z-index:1;background:#fbfbfc url(../../../images/bg_icon.png) -197px 3px;position:absolute;pointer-events:none}.select-box2{display:inline-block;margin:0 10px 0 0;position:relative;border-bottom:1px solid #8a8a8a}.select-box2 select{font-weight:500;font-size:12px;height:30px;padding:0 16px 0 0;margin:0;border-radius:4px;background:0 0;color:#777;border:none;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:'Noto Sans KR',sans-serif}.select-box2:after{color:#aaa;right:7px;top:2px;padding:0 0 2px;color:red;border-bottom:1px solid #ddd;position:absolute;pointer-events:none}.select-box2:before{content:'';right:1px;top:3px;width:20px;height:18px;background:#fff url(../../../images/front/ic_select_alarm.png) right bottom no-repeat;position:absolute;pointer-events:none}.ui-datepicker-trigger{cursor:pointer;vertical-align:top;margin:1px 1px 0 0}.ui-datepicker-trigger:active,.ui-datepicker-trigger:focus{outline:1px solid #000}.btn-datepicker{display:inline-block;width:148px;vertical-align:top;margin:1px 0 0 0;padding:0;font-size:24px;color:#444;background:0 0}.tab-content .ui-datepicker-trigger{cursor:pointer;vertical-align:top;margin:3px 12px 0 0!important}.tab-content .ui-datepicker-trigger:focus,.ui-datepicker-trigger:active{outline:1px solid #000}.tab-content .btn-datepicker{display:inline-block;width:200px;vertical-align:middle;font-size:15px;color:#444;border:1px solid #e5e5e5!important;background:#fff}.ui-datepicker{z-index:102!important}.ui-datepicker-trigger{margin:0 1px 0 0}.div-datepicker>div{display:inline-block}@media screen and (min-width:0\0){.select-box select{margin:1px 0 0 0}.ui-datepicker-trigger{cursor:pointer;vertical-align:top;margin:2px 0 0 0}.alarm-list .detail{margin:10px 10px 0 0}.list-frame .icon-alarm-type{margin-top:-5px!important}.select-box2:before{content:'';right:0;top:3px;width:20px;height:23px;background:#fff url(../../../images/front/ic_select_alarm.png) right center no-repeat;position:absolute;pointer-events:none}.list-frame dl dd .icon-alarm-type{margin-top:0!important}.control-dropdown .dropdown-toggle{padding:6px 2px 10px 2px}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.checkbox-alarm input[type=checkbox]:focus{opacity:1;position:absolute;top:-2px!important;left:-3px!important;height:15px!important;visibility:visible;outline:2px dotted #000}}.ie7 .shape,.ie8 .shape{display:none!important}.ie7 .set-check input,.ie8 .set-check input{position:relative;width:20px;height:20px}.btn-retry{position:relative;background:url(../../../images/front/ic_retry.png) no-repeat 20px 10px;border:none;cursor:pointer;font-size:15px;height:40px;padding:0 30px 0 45px;text-align:center;min-width:120px!important;border:1px solid #fff;border-radius:30px;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s -ms-transition: all .3s;transition:all .3s}.btn-add{position:relative;background:url(../../../images/front/ic_add_cam.png) no-repeat;border:none;cursor:pointer;font-size:0;width:42px;height:42px;text-indent:-1000px}.btn-chg-pw{position:relative;background:url(../../../images/front/ic_pw.png) no-repeat 20px 10px;border:none;cursor:pointer;font-size:15px;height:40px;padding:0 30px 0 45px;text-align:center;min-width:120px!important;border:1px solid #fff;border-radius:30px;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s -ms-transition: all .3s;transition:all .3s}.btn-add-chart{margin:15px 0 0 0;position:relative;background:url(../../../images/front/ic_add_chart.png) no-repeat 20px 10px;border:none;cursor:pointer;font-size:15px;height:40px;padding:0 30px 0 50px;text-align:center;min-width:120px!important;border:1px solid #898989;border-radius:30px;color:#8d8d8e;-webkit-transition:all .3s;-moz-transition:all .3s -ms-transition: all .3s;transition:all .3s}.btn:disabled:hover{background:#cacaca}.div-popup-message .txt-type2{margin:20px 0 0 0}.div-popup-message .txt-type2 strong{display:block}.div-popup-message .txt-type2 span{display:block;font-size:13px;color:#999}h3.popTitle{position:absolute;top:0;left:0}.div-popup-content{padding:10px 26px 25px 26px}.txt-pop-summary{font-size:15px;color:#636363}.txt-pop-summary strong{font-weight:500}.txt-pop-summary span{display:block;margin:10px 0 0 0}.ui-dialog-titlebar.ui-widget-header .ui-button{width:20px;height:20px;border:0;background:0 0}.ui-dialog-titlebar.ui-widget-header .ui-button.ui-state-default .ui-icon{width:20px;height:20px;background:url(../../../images/front/btn_close.png) no-repeat}button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close{z-index:105;display:none}div[aria-describedby=pop-myid] button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close{z-index:105;display:none}div[aria-describedby=pop-change-pw] button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close{z-index:105;display:none}div#pop-myid{padding-top:10px}.div-popup-content .ul-pagination{margin-bottom:20px}.ui-dialog-titlebar.ui-widget-header .ui-button.ui-button-icon-only .ui-button-text{height:10px;margin:0;font-size:0;line-height:0}.bg-login{min-height:768px}.bg-login form{width:350px;display:inline-block}.login_wrapper h1{margin:0;padding:0}.div-login-content{position:relative;width:100%;height:85vh;min-height:768px}.div-login-member-area{font-size:12px;font-family:dotum,돋움,굴림,굴림체;font-weight:700;line-height:16px;height:16px}.div-login-member-area .btn:hover{text-decoration:underline}.div-login-member-area input{vertical-align:top;margin:0;line-height:16px}.div-login-member-area span{vertical-align:top}.div-popup-message{padding:0 0 25px 0}.login_wrapper.export-login{height:520px;margin:-250px 0 0 -170px}.login_wrapper.export-login .txt-login-desc{margin-bottom:10px}.login_wrapper.file-download{position:relative;left:inherit;top:inherit;width:760px;margin:0 auto;padding:100px 0 0 0}.login_wrapper.file-download .txt-login-msg span{font-size:15px}.login_wrapper.file-download .txt-login-msg em{font-size:22px}.login_wrapper .list-file{border-top:1px solid #fff;border-bottom:1px solid #fff;padding:10px 0;margin:40px 0 0 0}.login_wrapper .list-file table{width:100%;table-layout:fixed;font-size:15px}.login_wrapper .list-file table tr th{padding:6px 0;font-weight:400;color:#fff;text-align:center}.login_wrapper .list-file table tr td{padding:6px 0;font-weight:400;color:#fff;text-align:center}.login_wrapper .list-file table tr td a{color:#fff;width:98%;text-decoration:underline;font-size:14px}.login_wrapper .list-file table tr td a:hover{text-decoration:underline}.login_wrapper .list-file table tr td.left{text-align:left;padding:6px 5px 6px 40px}.txt-login-msg{color:#fff;text-align:center}.txt-login-msg span{display:block;margin-top:30px;font-size:14px;letter-spacing:0}.txt-login-msg em{display:block;margin:5px 0 30px 0;font-size:20px;font-weight:400;font-style:normal}.table-vertical tr.bg-white{border:0;background:#fff}.table-vertical tr.bg-white td{padding-bottom:0}.wrap-capcha{margin:5px 0 30px 0}body.skbb .div-login-member-area{color:#9e9e9e}body.nsok .div-login-member-area{color:#9e9e9e}body.skbb .div-login-member-area input{color:#9e9e9e}body.nsok .div-login-member-area input{color:#9e9e9e}body.skt .div-login-member-area{margin-top:1px}body.skbb.txt-login-msg{color:#5F5E5E}body.nsok .txt-login-msg{color:#5F5E5E}body.skbb .login_wrapper .list-file{border-top:1px solid #a7a7a7;border-bottom:1px solid #a7a7a7;padding:10px 0;margin:40px 0 0 0}body.nsok .login_wrapper .list-file{border-top:1px solid #a7a7a7;border-bottom:1px solid #a7a7a7;padding:10px 0;margin:40px 0 0 0}body.skbb .login_wrapper .list-file table tr th{padding:6px 0;font-weight:400;color:#a7a7a7;text-align:center}body.skbb .login_wrapper .list-file table tr td{padding:6px 0;font-weight:400;color:#a7a7a7;text-align:center}body.nsok .login_wrapper .list-file table tr th{padding:6px 0;font-weight:400;color:#a7a7a7;text-align:center}body.nsok .login_wrapper .list-file table tr td{padding:6px 0;font-weight:400;color:#a7a7a7;text-align:center}body.skbb .login_wrapper .list-file table tr td a{color:#5F5E5E;width:98%;text-decoration:underline;font-size:14px}body.nsok .login_wrapper .list-file table tr td a{color:#5F5E5E;width:98%;text-decoration:underline;font-size:14px}.secJoin{padding:40px 0 0}.secJoin h3{margin:0 0 30px 0}.bgAgreement{border-bottom:1px solid #f1f1f1;padding:17px 27px;background:#fbfbfc}.bgAgreement:after{content:"";display:block;clear:both}.bgAgreement.bdBlack{border-top:1px solid #8a8a8a}.bgAgreement h4{font-size:15px;margin:0 0 13px 0}.bgAgreement .boxScroll{height:140px;overflow-y:scroll;border:1px solid #f0f0f0;background:#fff;font-size:13px;padding:10px}.bgAgreement .boxScroll h3:first-child{margin:0}.bgAgreement .boxScroll h2:first-child{margin:17px 0 0 0}.bgAgreement .boxScroll h2{margin:14px 0 0 0;font-size:14px;color:#222}.bgAgreement .boxScroll h3{margin:16px 0 0 0;font-size:14px;color:#222}.bgAgreement .boxScroll h4{margin:16px 0 0 0;color:#222}.bgAgreement .boxScroll p{margin:3px 0 0 0;line-height:18px;float:none}.bgAgreement .boxScroll p a{color:#777}.bgAgreement .boxScroll p.note-type1{margin:7px 0 0 8px;padding-bottom:3px;text-indent:-8px}.bgAgreement .boxScroll p>strong{color:#222}.bgAgreement .boxScroll .uio-table-child{margin:9px 0 0 0}.bgAgreement .boxScroll .terms-list{margin:7px 0 0 0}.bgAgreement .boxScroll .terms-list>li{margin:2px 0 0 15px;line-height:18px;text-indent:0}.bgAgreement .boxScroll .terms-list>li:first-child{margin-top:0}.bgAgreement .boxScroll .terms-child{margin:0 0 0 13px;padding:4px 0}.bgAgreement .boxScroll .terms-child>li{margin:3px 0 0 0;line-height:18px;text-indent:-8px;margin-left:-8px}.bgAgreement .boxScroll .terms-child>li:first-child{margin-top:0}.bgAgreement .boxScroll .terms-child.num>li{margin:3px 0 0 0;line-height:18px;text-indent:-13px;margin-left:0}.uio-table-child{padding:0 0 0 17px;text-align:left}.uio-table-child thead th{background-color:#fbfbfb;text-align:center}.uio-table-child tbody td,.uio-table-child thead th{padding:10px 5px;border:1px solid #ddd}.bgAgreement p{float:right;margin:13px 0 0 0}.bgAgreement p span.txt-label{color:#717171!important;font-size:13px!important;margin-left:6px!important}.txtDateBirth{margin:10px 0 0 0;color:#888;font-size:13px}.findCnt{display:none}.findCnt.show{display:block}.txt-set-pw{margin:10px 0 0 0;color:#333}.date-area dl dt{visibility:hidden;width:0;height:0;line-height:0}.date-area dl dd{position:relative;padding:0 32px 0 0;text-align:center!important}.date-area dl dd span.time{vertical-align:top;line-height:40px;color:#636363}.date-area dl dd img.ui-datepicker-trigger{position:absolute;top:0;right:0}.table-vertical tr th.middle{vertical-align:middle}.cell-margin{margin:0 0 10px 110px}.cell-box{display:table;width:100%;table-layout:fixed;margin:2px 0;font-size:15px}.cell-box label{display:table-cell;width:110px;white-space:nowrap;color:#636363}.cell-box p{display:table-cell;width:620px}.cell-box p div{padding:5px 0 0 0}.cell-box div{display:table-cell;padding:0 0 0 10px}.cell-box div input{width:100%}.cell-box3{display:table;width:100%;table-layout:fixed;margin:2px 0;font-size:15px}.cell-box3 label{display:table-cell;width:110px;font-size:0;line-height:0;white-space:nowrap;color:#636363}.cell-box3 p{display:table-cell;width:620px}.cell-box3 div{display:table-cell;padding:0 0 0 10px}.cell-box3 div input{width:100%}.cell-box3 span.txt{display:table-cell;padding:0 0 0 10px;font-size:13px;color:#f47725}.cell-box6{display:table;width:100%;table-layout:fixed;margin:2px 0;font-size:15px}.cell-box6 label{display:table-cell;width:110px;white-space:nowrap;color:#636363}.cell-box6 p{display:table-cell;width:713px}.cell-box6 div{display:table-cell;padding:0 0 0 10px}.cell-box6 div input{width:100%}.cell-box6 p div{padding:5px 0 0 0}.cell-box7{display:table;table-layout:fixed;margin:2px 0;font-size:15px}.cell-box7 label{display:table-cell;width:110px;font-size:0;line-height:0;white-space:nowrap;color:#636363}.cell-box7 p{display:table-cell;width:713px}.cell-box7 div{display:table-cell;padding:0 0 0 10px}.cell-box7 div input{width:100%}.cell-box7 span.txt{display:table-cell;padding:0 0 0 10px;font-size:13px;color:#16509B}.cell-box4{display:table;width:100%;table-layout:fixed;margin:2px 0;font-size:15px}.cell-box4 p{display:table-cell;width:799px}.cell-box4 div{display:table-cell;padding:0 0 0 10px}.cell-box4 div input{width:100%}.cell-box5{display:table;width:100%;table-layout:fixed;margin:2px 0;font-size:15px}.cell-box5 p{display:table-cell;width:799px}.cell-box5 div{display:table-cell;padding:0 0 0 10px}.cell-box5 div input{width:100%}.cell-box5 span.txt{display:table-cell;padding:0 0 0 10px;font-size:13px;color:#f47725}.cam-list .graph-size{height:280px!important}.cam-list.type2 .graph-size{height:166px!important}.div-delay.icNone{padding:50px 0 0 0;background:url(../../../images/front/ic_none.png) no-repeat center top}.div-delay.icError{padding:50px 0 0 0;background:url(../../../images/front/ic_error.png) no-repeat center top}.div-delay.ic-fail{padding:60px 0 0 0;background:url(../../../images/front/ic_fail.png) no-repeat center top}.cam-list{position:relative;width:1220px;margin:12px auto 0;min-height:690px}.cam-list img{max-width:inherit}.cam-list ul:after{content:"";display:block;clear:both}.cam-list ul li{position:relative;float:left;width:606px;height:340px;margin:0 2px 4px 2px;overflow:hidden}.cam-list ul li.video{background:#fff}.cam-list ul li.graph{background:#fff}.cam-list ul li.message{background:url(../../../images/front/bg_list_text.png) no-repeat}.cam-list ul li.none{background:#d5d5d5}.cam-list ul .item-video{width:606px;height:340px;overflow:hidden}.cam-list ul .item-graph{width:606px;height:280px;margin:60px 0 0 0;overflow:hidden}.cam-list ul .item-message{display:table;width:606px;height:340px;overflow:hidden}.cam-list ul .item-none{display:table;width:606px;height:340px;overflow:hidden;background:#CECECE}.cam-list ul .item-video img{width:606px;height:340px}.cam-list ul .item-graph img{width:606px;height:280px}.cam-list ul li:hover .desc{opacity:1;height:68px;transition:height .1s,opacity .1s linear}.cam-list ul .desc{position:absolute;top:0;left:0;width:100%;height:0;padding:14px 10px 10px 18px;opacity:0;background:url(../../../images/front/bg_video.png) repeat;font-size:12px;color:#fff}.cam-list ul .desc span.status-icon{float:left;margin:5px 8px 0 0}.cam-list ul .desc p.title{display:block;margin:0 3px 4px 0;font-weight:400;font-size:16px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.cam-list ul .desc p.title a{color:#fff}.cam-list ul .desc p.title a:active,.cam-list ul .desc p.title a:hover{color:#fff;text-decoration:underline}.cam-list ul .desc strong.date{font-style:normal;font-weight:400}.cam-list ul .desc em.ic{margin:0 0 0 10px;font-style:normal;color:#f47725;padding:0 0 0 15px;background:url(../../../images/front/ic_bell.png) left center no-repeat}.cam-list ul .desc2{position:absolute;top:0;left:0;width:100%;height:60px;overflow:hidden;padding:14px 10px 10px 18px;background:#fff}.cam-list ul .desc2 p.title{display:block;margin:0 3px 2px 0;font-weight:400;font-size:16px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.cam-list ul .desc2 p.title a{color:#636363}.cam-list ul .desc2 p.title a:active,.cam-list ul .desc2 p.title a:hover{color:#636363;text-decoration:underline}.cam-list ul .desc2 strong.date{font-size:12px;color:#999;font-weight:400}.cam-list ul .desc2 strong.date span{margin:0 0 0 10px}.cam-list ul li.message .desc{background:url(../../../images/front/bg_message.png) repeat}.cam-list ul li.message .desc strong.date{opacity:.6}.cam-list ul .item-message p{display:table-cell;width:100%;height:100%;padding:23px 0 0 0;vertical-align:middle;text-align:center;color:#fff;font-size:16px}.cam-list ul .item-message span{display:block;margin:15px 0 0 0;text-align:center}:lang(en) .cam-list ul .item-none p,:lang(id) .cam-list ul .item-none p{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;color:#8d8d8e;font-size:16px;line-height:22px;word-break:break-word}.cam-list ul .item-none p{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;color:#8d8d8e;font-size:16px;line-height:22px}.cam-list ul .item-none span{display:block;margin:0 0 12px 0;text-align:center}.cam-list ul .desc-del{position:absolute;top:0;left:0;width:100%;height:50px;padding:14px 10px 10px 18px;opacity:1;background:url(../../../images/front/bg_video.png) repeat;font-size:12px;color:#fff}.cam-list ul .desc-del a.btn-item-del{float:left;display:inline-block;width:20px;height:20px;margin:3px 5px 0 0;vertical-align:top;background:url(../../../images/front/btn_item_del.png) no-repeat;font-size:0;line-height:0;text-indent:-999px}.cam-list ul .desc-del p.title{display:block;margin:0 3px 4px 0;font-weight:400;font-size:20px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.cam-list ul li.graph .desc-del{position:absolute;top:0;left:0;width:100%;height:60px;padding:14px 10px 10px 18px;background:#fff}.cam-list ul li.graph .desc-del a.btn-item-del{float:left;display:inline-block;width:20px;height:50px;margin:3px 5px 0 0;vertical-align:top;background:url(../../../images/front/btn_item_del2.png) no-repeat;font-size:0;line-height:0;text-indent:-999px}.cam-list ul li.graph .desc-del p.title{display:block;margin:0 3px 4px 0;color:#636363;font-weight:400;font-size:20px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.cam-list ul li.graph .desc-del strong.date{font-size:12px;color:#999;font-weight:400}.cam-list ul li.graph .desc-del strong.date span{margin:0 0 0 10px}.cam-list ul li.ui-sortable-helper:active,.cam-list ul li.ui-sortable-helper:focus{box-sizing:content-box;border:1px solid #f47725}.btn-panel{position:absolute;display:block;top:331px;right:-27px;width:20px;height:20px;font-size:0;line-height:0;text-indent:-9999px;background:url(../../../images/front/btn_panel_off.png) no-repeat}.wrap-panel{position:absolute;top:0;right:0;opacity:0;width:0;height:684px;background:#fff;border:1px solid #eee;white-space:nowrap}.wrap-panel .menu h4{position:absolute;top:0}.wrap-panel .menu h4 a{display:block;color:#aaa;width:150px;height:60px;font-size:17px;line-height:60px;text-align:center}.wrap-panel .menu .tab-content{display:none}.wrap-panel .tab1 h4{left:0}.wrap-panel .tab2 h4{left:150px}.wrap-panel .current h4 a{color:#f47725}.wrap-panel .current .tab-content{display:block;margin:60px 0 0 0}.wrap-panel h5{height:22px;margin:0 0 5px 0;background:#f7f7f7;line-height:20px;font-size:12px;padding:0 0 0 40px}.wrap-panel .scrollable{height:587px;overflow-y:scroll;overflow-x:hidden}.wrap-panel .txt-total{display:inline-block;font-size:14px;padding:0 0 0 40px;height:35px;color:#696969;background:url(../../../images/front/ic_result.png) 15px 7px no-repeat}.cam-list .tab-cam-list{width:100%;margin:0 0 5px 0;overflow:visible}.cam-list .tab-cam-list li{position:relative;float:none;width:auto;height:62px;background:#fff;margin:0;vertical-align:top}.cam-list .tab-cam-list li img{position:absolute;top:5px;left:40px;z-index:1;width:74px;height:52px}.cam-list .tab-cam-list li span.num{display:inline-block;width:37px;height:62px;padding:0 0 0 3px;line-height:62px;text-align:center;vertical-align:top}.cam-list .tab-cam-list .checkbox-cam{position:relative;display:inline-block;width:230px;height:62px;background:0 0}.cam-list .tab-cam-list .checkbox-cam input[type=checkbox]{position:absolute;top:0;left:0;opacity:0}.cam-list .tab-cam-list .checkbox-cam input[type=checkbox]+label{position:absolute;top:5px;left:0;width:230px;height:52px;text-align:center;font-size:14px;display:inline-block;padding:0 0 0 75px;z-index:2;cursor:pointer}.cam-list .tab-cam-list .checkbox-cam input[type=checkbox]:checked+label{background:url(../../../images/front/ic_check_on.png) left top no-repeat}.cam-list .tab-cam-list .checkbox-cam input[type=checkbox]:focus{opacity:1;position:absolute;top:2px;left:-6px;width:74px;height:52px;visibility:visible}.cam-list .tab-cam-list .checkbox-cam label strong{display:table;width:100%;height:52px;table-layout:fixed;font-weight:400;padding:0;white-space:normal;overflow:inherit}.cam-list .tab-cam-list .checkbox-cam label em{display:table-cell;height:52px;width:100%;padding:0 0 0 10px;font-style:normal;text-align:left;line-height:17px;vertical-align:middle;color:#868686}.cam-list .tab-cam-list li.ui-sortable-helper:active,.cam-list .tab-cam-list li.ui-sortable-helper:focus{background:#f47725;color:#fff}.cam-list .tab-cam-list li.ui-sortable-helper:active .checkbox-cam label em,.cam-list .tab-cam-list li.ui-sortable-helper:focus .checkbox-cam label em{color:#fff}.cam-list .tab-stats-list{width:100%;margin:0 0 5px 0;overflow:visible;border-top:1px solid #eee;padding:5px 0 0 0}.cam-list .tab-stats-list li{position:relative;float:none;width:auto;height:62px;background:#fff;margin:0;vertical-align:top}.cam-list .tab-stats-list li img{position:absolute;top:5px;left:40px;z-index:1;width:74px;height:52px}.cam-list .tab-stats-list li span.num{display:inline-block;width:37px;height:62px;padding:0 0 0 3px;line-height:62px;text-align:center;vertical-align:top}.cam-list .tab-stats-list .checkbox-cam{position:relative;display:inline-block;width:200px;height:62px;background:0 0}.cam-list .tab-stats-list .checkbox-cam input[type=checkbox]{position:absolute;top:0;left:0;opacity:0}.cam-list .tab-stats-list .checkbox-cam input[type=checkbox]+label{position:absolute;top:5px;left:0;width:200px;height:52px;text-align:center;font-size:14px;display:inline-block;padding:0 0 0 75px;z-index:2;cursor:pointer}.cam-list .tab-stats-list .checkbox-cam input[type=checkbox]:checked+label{background:url(../../../images/front/ic_check_on.png) left top no-repeat}.cam-list .tab-stats-list .checkbox-cam input[type=checkbox]:focus{opacity:1;position:absolute;top:2px;left:-6px;width:74px;height:52px;visibility:visible}.cam-list .tab-stats-list .checkbox-cam label strong{display:table;width:100%;height:52px;table-layout:fixed;font-weight:400;padding:0;white-space:normal;overflow:inherit}.cam-list .tab-stats-list .checkbox-cam label em{display:table-cell;height:52px;width:100%;padding:0 0 0 10px;font-style:normal;text-align:left;line-height:17px;vertical-align:middle;color:#868686}.cam-list .tab-stats-list .btn-del{display:block;position:absolute;top:17px;right:10px;width:16px;height:18px;cursor:pointer;font-size:0;line-height:0;text-indent:-999px;border:0;padding:0;margin:0;background:url(../../../images/front/ic_trash.png) no-repeat}.cam-list .tab-stats-list li.ui-sortable-helper:active,.cam-list .tab-stats-list li.ui-sortable-helper:focus{background:#f47725;color:#fff}.cam-list .tab-stats-list li.ui-sortable-helper:active .checkbox-cam label em,.cam-list .tab-stats-list li.ui-sortable-helper:focus .checkbox-cam label em{color:#fff}.cam-list.type2 ul li{position:relative;float:left;width:402px;height:226px;margin:0 2px 4px 2px}.cam-list.type2 ul .item-video{width:402px;height:226px;overflow:hidden}.cam-list.type2 ul .item-graph{width:402px;height:166px;margin:60px 0 0 0;overflow:hidden}.cam-list.type2 ul .item-message{display:table;width:402px;height:226px;overflow:hidden}.cam-list.type2 ul .item-none{display:table;width:402px;height:226px;overflow:hidden;background:#CECECE}.cam-list.type2 ul .item-none p{padding:0 56px 0 56px;color:#8d8d8e;font-size:14px;line-height:17px}.cam-list.type2 ul .item-none p>img{width:55%}:lang(en) .cam-list.type2 ul .item-none p,:lang(id) .cam-list.type2 ul .item-none p{padding:0 15px 0 15px;color:#8d8d8e;font-size:14px;line-height:17px;word-break:break-word}.cam-list.type2 ul .item-video img{width:402px;height:226px}.cam-list.type2 ul .item-graph img{width:402px;height:166px}.cam-list.type2 ul .item-message p{font-size:14px;padding:16px 0 0 0}.cam-list.type2 ul .desc p.title{font-size:15px;line-height:18px}.cam-list.type2 ul .desc2 p.title{font-size:15px;line-height:18px}.cam-list.type2 ul .desc-del .title{font-size:18px;line-height:20px}.cam-list.type2 ul li.graph .desc-del p.title{font-size:18px;line-height:20px}.alarm-list .detail dt em{max-width:124px}.div-alarm-list .alarm-list .icon-alarm-type{margin-right:0}.div-alarm-ptz-listarea .div-list{height:677px}.div-alarm-ptz-listarea .div-list.line2{height:625px}.show-item{overflow:hidden;padding:14px 0 0 0}.show-item li{float:left;margin:0 10px 0 0}.show-item li a{display:block;width:19px;height:19px;text-indent:-9999px;cursor:pointer;font-size:0;line-height:0}.show-item li .btn-show4{background:url(../../../images/front/btn_show4_off.png) no-repeat}.show-item li .btn-show4.on{background:url(../../../images/front/btn_show4_on.png) no-repeat}.show-item li .btn-show9{background:url(../../../images/front/btn_show9_off.png) no-repeat}.show-item li .btn-show9.on{background:url(../../../images/front/btn_show9_on.png) no-repeat}.ul-pagination{line-height:24px;display:flex;justify-content:center;height:24px}.ul-pagination li{display:table-cell}.wrap-paging{overflow:hidden}.wrap-paging h5{visibility:hidden;width:0;height:0;font-size:0;line-height:0}.wrap-paging .left{float:left}.wrap-paging .right{float:right}.ul-pagination.inner_page{font-family:'Noto Sans KR',sans-serif;margin:22px 0;line-height:10px}.div-ptz-list .div-ptz-list-top .btn-delete-all{margin:5px 0 0 0}.ptz-area .controller-bg button{width:21px;height:21px;border:0;padding:0;margin:0;background:0 0;cursor:pointer;font-size:0;line-height:0;text-indent:-9999px;vertical-align:top}.div-ptz-list-area{position:absolute;top:0;right:0;width:300px;height:674px;background:#fff;z-index:10}.btn-minus-b,.btn-plus-b{font-size:0;line-height:0;text-indent:-9999px}.btn-delete-all{color:#646464}.list-ptz{height:359px;overflow-y:scroll;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;padding:10px 0 0 0}.list-ptz li{padding-bottom:10px;overflow:hidden}.list-ptz li a.img-thumb{display:block;float:left;position:relative;width:250px;height:52px;color:#646464}.list-ptz li a.img-thumb:hover{color:#f47725}.list-ptz li a.img-thumb:hover .div-img-overlay{display:block;width:74px;height:52px}.list-ptz li a.img-thumb img{display:block;float:left;width:74px;height:52px}.list-ptz li p{float:left;width:160px;margin:15px 0 0 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-ptz li input.btn-edit{float:left;margin:18px 0 0 0;font-size:0;line-height:0;text-indent:-9999px}.wrap-camera{width:1200px;overflow:hidden;margin:0 0 0 20px}.wrap-camera .sec-left{width:870px;display:inline-block}.wrap-camera .sec-right{float:right;width:300px}.hide+.hide-btncenter{width:845px;margin:0 auto}.wrap-camera .sec-center{width:870px;margin:0 auto}.wrap-camera .top-info{display:inline-block}.wrap-camera .top-info dt{display:inline-block}.wrap-camera .top-info dt .status{display:inline-block;vertical-align:middle;background:#636363;color:#cbcbcb;font-size:13px;height:30px;line-height:29px;border-radius:15px;padding:0 18px 0 6px;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:115px}.wrap-camera .device-btn{float:right}.wrap-camera .device-btn .device_state{display:inline-block;width:30px;height:30px;padding:0 10px;background:url(/images/front/device_state.png) no-repeat}.wrap-camera .device-btn .device_state.open{background-position:0 -80px}.wrap-camera .device-btn .device_state.release{background-position:0 -40px}.wrap-camera .device-btn .device_state.lock{background-position:0 0}.wrap-camera .top-info dt .status span{display:inline-block;vertical-align:top;background-image:url(../../../images/icon_status_new.png);background-size:280px;width:20px;height:20px;margin:5px 6px 0 0}.wrap-camera .top-info dt .status span.rec{background-position:0 0}.wrap-camera .top-info dt .status span.connected{background-position:-42px 0}.wrap-camera .top-info dt .status span.disconnect,.wrap-camera .top-info dt .status span.disconnected{background-position:-85px 0}.wrap-camera .top-info dt .status span.service-stop{background-position:-127px 0}.wrap-camera .top-info dt .status span.service-termination{background-position:-169px 0}.wrap-camera .top-info dt .status span.certification-wait{background-position:-211px 0}.wrap-camera .top-info dd{display:inline-block}.wrap-camera .top-info dd p.title{display:inline-block;font-size:16px}.wrap-camera .top-info dd p.title strong{display:inline-block;vertical-align:middle;font-weight:400;padding:0 12px 0 0;color:#909090;height:23px;line-height:24px;border-right:1px solid #eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100px}.wrap-camera .top-info dd p.title span{display:inline-block;margin:0 0 0 10px;height:23px;line-height:24px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:540px}.wrap-camera .top-info dd input.btn-edit{background-position:7px -243px;width:28px;height:28px;vertical-align:top;font-size:0;line-height:0;margin-top:1px!important;text-indent:-999px}.wrap-camera .sec-video{width:870px;height:490px;margin:10px 0 0 0;background:#f2f2f2}.wrap-camera #protectDiv div{width:100%;height:100%;display:table;background:url(../../../../images/front/bg_list_text.png) no-repeat;background-size:cover}.wrap-camera #protectDiv div div{display:table-cell;width:100%;height:100%;padding:23px 0 0 0;vertical-align:middle;text-align:center;color:#fff;font-size:16px;padding:0!important}.wrap-camera .timeline-top-area .switch .realtime-toggle{visibility:hidden;position:absolute;top:5px;left:10px;pointer-events:none}.wrap-camera .timeline-top-area .switch input.realtime-toggle:checked:focus+label{outline:1px solid transparent}.wrap-camera .timeline-top-area .switch input.realtime-toggle:focus+label{outline:1px dotted #000}.wrap-camera .timeline-top-area .btn-download{vertical-align:top;font-size:0;line-height:0;text-indent:-999px}.wrap-camera .div-rightarea label.txt-select-time{margin:0 5px 0 0;font-weight:700;font-size:12px;color:#666;font-family:dotum,돋움,굴림,굴림체}.sec-time-select{position:relative;float:left;width:110px;margin:2px 0 0 0}.sec-time-select .select-box1{vertical-align:top;margin:-4px 0 0 24px}.sec-time-select input.prev{position:absolute;top:0;left:0;vertical-align:top;font-size:0;line-height:0;text-indent:-999px}.sec-time-select input.next{position:absolute;top:0;right:0;vertical-align:top;font-size:0;line-height:0;text-indent:-999px}.wrap-camera .div-rightarea .switch label{font-size:0}.wrap-camera .div-rightarea .btn-timelaps{font-size:0;line-height:0}.wrap-camera .div-rightarea .switch .cmn-toggle-round{visibility:visible;width:45px;height:22px}.wrap-camera .div-rightarea .switch .cmn-toggle-round:focus{outline:1px dotted #000}.alarm-list .detail{font-size:14px;color:#838383;width:180px;margin:4px 10px 0 0}.timeline-bottom-area{bottom:10px;height:30px}.timeline-bottom-area.disabled{pointer-events:none;opacity:.4}.timeline-bottom-area.disabled :focus{outline:0}.timeline-bottom-area .div-leftarea{top:0}.timeline-bottom-area .div-rightarea{top:0}.sec-timeline{position:absolute;top:63px;left:0;width:100%;height:55px;z-index:50}.wrap-timeline{position:relative;width:100%;height:55px}.wrap-frame{position:absolute;top:-160px;width:750px;height:160px;background:#fff;border:1px solid #ccc}.wrap-frame span.icon-arrow{position:absolute;left:50%;bottom:-12px;width:23px;height:12px;margin:0 0 0 -12px;background:url(../../../images/front/ic_frame_arrow.png) no-repeat}.list-frame{left:3px!important;height:142px;margin:10px auto 0}.list-frame ul li{width:140px}.list-frame dl{background:url(../../../images/front/img_default_detect.png) no-repeat}.list-frame dl dt.detect{background:url(../../../images/front/img_default_detect.png) no-repeat}.list-frame dl dt.pp{background:url(../../../images/front/img_default_pp.png) no-repeat}.list-frame dl dt.temp{background:url(../../../images/front/img_default_temp.png) no-repeat}.list-frame dl dt.hit{background:url(../../../images/front/img_default_detect.png) no-repeat}.list-frame dl dt img{width:135px;height:97px}.list-frame dl dd{margin:3px 0 0 0}.list-frame dl dd span{margin:0;vertical-align:middle}.list-frame dl dd span.txt{display:inline-block;width:100px;color:#666;font-size:14px;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.list-frame dl dd em{display:block;margin:0 0 0 5px;font-style:normal;font-weight:400;font-size:12px;height:17px;line-height:16px}.wrap-frame button{position:absolute;border:0;background:0 0;font-size:0;line-height:0;width:20px;height:22px;cursor:pointer}.wrap-frame .prev{top:50px;left:5px;background-image:url(../../../images/front/btn_frame_prev.png)}.wrap-frame .next{top:50px;right:5px;background-image:url(../../../images/front/btn_frame_next.png)}.wrap-frame.type4{width:575px}.wrap-frame.type3{width:431px}.wrap-frame.type2{width:295px}.wrap-frame.type1{width:155px}.list-frame dl dt a .div-img-overlay{position:absolute;top:0;background:rgba(244,119,37,.5);width:135px;height:97px;background-image:url(../../../images/front/ic_play.png);background-repeat:no-repeat;background-position:center;display:none}.list-frame dl dt a:active .div-img-overlay,.list-frame dl dt a:focus .div-img-overlay,.list-frame dl dt a:hover .div-img-overlay{display:block}.timeline-bottom-area .timeline.select-box.timelaps{z-index:100}.wrap-frame.sdfile .list-frame dl dt a .div-img-overlay{display:block;background-image:url(../../../images/front/ic_down.png)}.wrap-frame.sdfile .list-frame dl dd em{margin:0}.pop-txt-firm{color:#636363;text-align:left;font-weight:500}.pop-txt-firm strong{font-weight:400;color:#999}.div-alarm-check{height:56px}.div-alarm-check .all-check a{color:#646464}.btn-alarm-sorting{font-size:0;line-height:0;text-indent:-999px}.btn-alarm-sorting a{display:block;width:18px;height:18px;font-size:0;line-height:0;text-indent:-999px}.div-alarm-list .icon-check{vertical-align:top;margin:3px 0 0 8px;font-size:0;line-height:0;text-indent:-999px}.alarm-list .detail .people-counting{vertical-align:top;margin:0 0 0 10px}.alarm-list{height:497px;padding:12px 8px 12px 8px}.alarm-list .img-thumb{position:relative;display:inline-block;padding:0;width:74px;height:52px;background:#000}.alarm-list .img-thumb img{width:74px;height:52px}.alarm-list .img-thumb .div-img-overlay{background:rgba(244,119,37,.8);width:74px;height:52px;position:absolute;top:0;background-image:url(../../../images/icon_play.png);background-repeat:no-repeat;background-position:center;display:none}.alarm-list .img-thumb:hover .div-img-overlay{display:block}.icon-alarm-type{vertical-align:top}.ul-rule-list div[class*=type-] a{display:block}.div-alarm-check .total-alarm{padding:0 0 0 10px;line-height:47px}.wid870{width:890px;margin:0 auto}.div-alarm-list-area{position:relative}.div-alarm-list-area .txt-wait-loading{position:absolute;top:0;left:0;width:300px;height:658px;background:rgba(255,255,255,.8);z-index:1000}.div-alarm-list-area .txt-wait-loading p{margin:300px 0 0 0;text-align:center;font-size:15px;color:#666}.div-alarm-list-area .txt-wait-loading img{-webkit-animation:rotating 1s linear infinite;-moz-animation:rotating 1s linear infinite;-ms-animation:rotating 1s linear infinite;-o-animation:rotating 1s linear infinite;animation:rotating 1s linear infinite;margin:0 0 20px 0}.no-alarm{padding:190px 0 0 0}.div-rule-content-area{overflow-y:auto;height:472px}.div-rule-empty{margin-top:11px}.table-vertical.alarminfotable tr td .icon-alarm-type{margin-right:0}.table-vertical.alarminfotable tr td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.tab-menu .menu h4{position:relative}.tab-menu .menu h4:after{position:absolute;content:"";width:100%;left:0;bottom:0;border-bottom:1px solid #818181;z-index:1}.tab-menu .menu h4 a{position:relative;display:inline-block;min-width:190px;font-size:17px;font-weight:400;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top-left-radius:6px;border-top-right-radius:6px;padding:7px 40px;margin-right:10px;cursor:pointer;color:#b8b8b8;text-align:center;z-index:0}.tab-menu .menu.current h4 a{color:#636363;padding:10px 40px 7px 40px;border-bottom:1px solid #fff;border-top:1px solid #636363;border-left:1px solid #636363;border-right:1px solid #636363;z-index:2}.tab-menu .menu .tab-content{display:none}.tab-menu .menu h4:after{display:none}.tab-menu .menu.current .tab-content{display:block}.tab-menu .menu.current h4:after{display:block}.tab-menu{position:relative}.tab-menu .menu.tab2{position:relative;top:-620px;left:195px;float:left}.tab-menu .menu.tab1.current+.menu.tab2{position:absolute;top:3px}.tab-menu .menu.tab2.current{position:relative;top:-41px;margin-bottom:50px}.tab-menu .menu.tab2.current .tab-content{margin-left:-195px}.tab-menu .menu.tab2 h4{position:relative}.tab-menu .menu.tab2.current h4:after{position:absolute;content:"";width:1200px;left:-195px;bottom:0;border-bottom:1px solid #818181;z-index:1}.tab-menu .menu.tab2 h4 a{position:relative;display:inline-block;min-width:190px;font-size:17px;font-weight:400;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top-left-radius:6px;border-top-right-radius:6px;padding:7px 40px;margin-right:10px;cursor:pointer;color:#b8b8b8;text-align:center;z-index:0}.tab-menu .menu.tab2.current h4 a{color:#636363;padding:10px 40px 7px 40px;border-bottom:1px solid #fff;border-top:1px solid #636363;border-left:1px solid #636363;border-right:1px solid #636363;z-index:2}.tab-menu .menu .tab-header-item:after{display:none}.tab-menu .menu .tab-header-item a{position:relative;display:inline-block;min-width:190px;font-size:17px;font-weight:400;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top-left-radius:6px;border-top-right-radius:6px;padding:7px 40px;margin-right:10px;cursor:pointer;color:#b8b8b8;text-align:center;z-index:0}.tab-menu .menu.current .tab-header-item a{color:#636363;padding:10px 40px 7px 40px;border-bottom:1px solid #fff;border-top:1px solid #636363;border-left:1px solid #636363;border-right:1px solid #636363;z-index:2}.tab-menu .menu .tab-header-item:after{display:none}.tab-menu .menu.current .tab-header-item:after{display:block}.tab-menu .tab-header:after{position:absolute;content:"";width:100%;left:0;bottom:0;border-bottom:1px solid #818181;z-index:1}.tab-menu .tab-header{position:relative;font-size:0}.tab-menu .tab-header-item{display:inline-block;vertical-align:bottom}.tab-menu .tab-header .tab-header-item a{margin-right:5px}.tab-menu .tab-header-item.current a{color:#636363;padding:10px 40px 7px 40px;border-bottom:1px solid #fff;border-top:1px solid #636363;border-left:1px solid #636363;border-right:1px solid #636363;z-index:2}.tab-menu .tab-menu-content.tab2{float:none}.tab-menu .tab-menu-content.tab2.current{top:auto;left:auto}.tab-menu .tab-menu-content.tab2.current .tab-content{margin-left:0}.div-popup-content .tab-menu{position:relative;margin:20px 0 0 0;padding:35px 0 0 0}.div-popup-content .tab-menu .menu h4{position:absolute;top:0}.div-popup-content .tab-menu .menu h4 a{display:block;display:inline-block;font-size:15px;border:1px solid transparent;border-radius:20px;padding:5px 20px;margin-right:10px;cursor:pointer;color:#b8b8b8;text-align:center;max-width:160px;min-width:160px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.div-popup-content .tab-menu .menu .tab-content{display:none}.div-popup-content .tab-menu .menu .btnMore{position:absolute;right:4px;top:8px;display:none}.div-popup-content .tab-menu .tab1 h4{left:0}.div-popup-content .tab-menu .tab2 h4{left:160px}.div-popup-content .tab-menu .tab3 h4{left:320px}.div-popup-content .tab-menu .tab4 h4{left:480px}.div-popup-content .tab-menu .current h4 a{border-color:#636363;color:#636363}.div-popup-content .tab-menu .current .btnMore{display:block}.div-popup-content .tab-menu .current .tab-content{display:block;margin:20px 0 0 0}.tab-none{position:relative;margin-bottom:25px}.tab-none:after{position:absolute;content:"";width:100%;bottom:0;left:0;border-bottom:1px solid #8a8a8a;z-index:1}.tab-none li{display:inline-block}.tab-none li a{position:relative;display:inline-block;font-size:17px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-top:1px solid #e6e6e6;border-top-left-radius:7px;border-top-right-radius:7px;padding:6px 40px 7px 40px;margin-right:2px;cursor:pointer;color:#b8b8b8;text-align:center;min-width:190px;z-index:0}.tab-none li a.current{border-color:#8a8a8a;border-bottom:1px solid #fff;color:#8a8a8a;padding:10px 40px 7px 40px;z-index:2}.table-vertical .icon-alarm-type{vertical-align:top;margin-top:2px}.box-top{padding:12px 15px;background:#fbfbfb;border-top:1px solid #8a8a8a}.box-top:after{content:"";display:block;clear:both}.box-top dt{float:left;width:50%;height:30px;line-height:30px}.box-top dd{float:left;width:50%;height:30px;text-align:right}.box-top dd label{vertical-align:middle;margin:0 5px 0 0;padding:0;line-height:14px}.box-top dd .control-dropdown{vertical-align:middle}.div-popup-content .sec-graph img{width:696px;height:255px}.div-popup-content .btn-search{font-size:0;line-height:0}.regist-list{position:relative;width:700px;min-height:398px;margin:25px auto 0}.regist-list img{max-width:inherit}.regist-list ul:after{content:"";display:block;clear:both}.regist-list ul li{position:relative;float:left;width:346px;height:195px;margin:0 2px 4px 2px}.regist-list ul li.video{background:#fff}.regist-list ul li.graph{background:#fff}.regist-list ul li.message{background:url(../../../images/front/bg_list_text.png) no-repeat}.regist-list ul li.none{background:#f1f1f1}.regist-list ul .item-video{width:346px;height:195px;overflow:hidden}.regist-list ul .item-graph{width:346px;height:195px;margin:60px 0 0 0;overflow:hidden}.regist-list ul .item-message{display:table;width:346px;height:195px;overflow:hidden}.regist-list ul .item-none{display:table;width:346px;height:195px;overflow:hidden}.regist-list ul .item-video img{width:346px;height:195px}.regist-list ul .item-graph img{width:346px;height:195px}.regist-list ul .desc-del{position:absolute;top:0;left:0;width:100%;height:50px;padding:14px 10px 10px 18px;background:rgba(0,0,0,.4);font-size:12px;color:#fff;z-index:200}.regist-list ul .desc-del a.btn-item-del{float:left;display:inline-block;width:20px;height:20px;margin:3px 5px 0 0;vertical-align:top;background:url(../../../images/front/btn_item_del.png) no-repeat;font-size:0;line-height:0;text-indent:-999px}.regist-list ul .desc-del p.title{display:block;margin:0 3px 4px 0;font-weight:400;font-size:16px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.regist-list ul .item-edit{position:absolute;top:0;left:0;width:346px;height:195px;background:rgba(0,0,0,.6);z-index:100}.regist-list ul .item-edit p{padding:80px 0 0 0;text-align:center;color:#fff;font-size:14px}.regist-list ul .item-edit p span{display:block;margin:8px 0}.regist-list ul li.none .item-edit{background:#fbfbfb}.regist-list ul li.none .item-edit p{padding:60px 0 0 0;color:#999}.regist-list ul li.graph .btn-add,.regist-list ul li.video .btn-add{background:url(../../../images/front/ic_add_cam2.png) no-repeat}.regist-list ul li.ui-droppable-hover:after{content:'';display:block;position:absolute;top:0;left:0;z-index:201;width:346px;height:195px;border:2px solid #f47725;box-sizing:border-box;background:0 0}body.nsok .regist-list ul li.ui-droppable-hover:after{content:'';display:block;position:absolute;top:0;left:0;z-index:201;width:346px;height:195px;border:2px solid #16509B;box-sizing:border-box;background:0 0}.regist-list.type2{margin-top:24px;min-height:399px}.regist-list.type2 li{width:229px;height:129px}.regist-list.type2 ul .desc-del{height:36px;padding:7px 10px 3px 18px}.regist-list.type2 ul .item-edit{width:229px;height:129px}.regist-list.type2 ul .item-edit p{padding-top:50px}.regist-list.type2 ul .item-edit p span{margin:0}.regist-list.type2 ul li.none .item-edit p{padding-top:32px}.regist-list.type2 ul .item-video{width:229px;height:129px}.regist-list.type2 ul .item-video img{width:229px;height:129px}.regist-list.type2 ul .item-graph{width:229px;height:129px}.regist-list.type2 ul .item-graph img{width:229px;height:129px}.regist-list.type2 ul .item-message{width:229px;height:129px}.regist-list.type2 ul .item-none{width:229px;height:129px}.regist-list.type2 ul li.ui-droppable-hover:after{width:229px;height:129px}body.nsok .regist-list.type2 ul li.ui-droppable-hover:after{width:229px;height:129px}.agreeOption+.errorTxtOrangeArea{text-align:right;margin:10px 25px;color:#f5843a;font-size:13px}.table-vertical.bg-white{border-top:1px solid #777}.table-vertical.bg-white tr{background:#fff}.table-vertical tr td.bg-white,.table-vertical.bg-white tr th{vertical-align:middle}.table-vertical.bg-white tr td em.txt-date{float:right;font-style:normal}.table-vertical.bg-white tr td em.txt-filter{float:right;font-style:normal}.table-vertical.bg-white tr td button.btn-cam-toggle{display:block;border:0;margin:3px 0 0 0;float:right;width:30px;height:28px;font-size:0;line-height:0;text-indent:-999px;background:url(../../../images/front/ic_close.png) right no-repeat;cursor:pointer}.table-vertical.bg-white tr td button.btn-cam-toggle.on{background:url(../../../images/front/ic_open.png) right no-repeat!important}.checkbox-alarm{position:relative;display:inline-block;width:90px;height:50px;margin:3px 0 0 0;background:#fff}.checkbox-alarm input[type=checkbox]{position:absolute;top:0;left:0;opacity:0}.checkbox-alarm input[type=checkbox]+label{width:auto;height:50px;text-align:center;font-size:12px;display:inline-block;padding:33px 0 0 0;z-index:1;cursor:pointer}.checkbox-alarm input[type=checkbox]:checked+label{color:#f47725}.checkbox-alarm input[type=checkbox]:focus{opacity:0;position:absolute;visibility:visible}.checkbox-alarm input[type=checkbox]:focus+label{outline:1px dotted #000}.checkbox-alarm.icon-pp input[type=checkbox]+label{background:#fff url(../../../images/front/ic_alarm1_off.png) center top no-repeat}.checkbox-alarm.icon-pp input[type=checkbox]:checked+label{background:#fff url(../../../images/front/ic_alarm1_on.png) center top no-repeat}.checkbox-alarm.icon-dtc input[type=checkbox]+label{background:#fff url(../../../images/front/ic_alarm2_off.png) center top no-repeat}.checkbox-alarm.icon-dtc input[type=checkbox]:checked+label{background:#fff url(../../../images/front/ic_alarm2_on.png) center top no-repeat}.checkbox-alarm.icon-tmp input[type=checkbox]+label{background:#fff url(../../../images/front/ic_alarm3_off.png) center top no-repeat}.checkbox-alarm.icon-tmp input[type=checkbox]:checked+label{background:#fff url(../../../images/front/ic_alarm3_on.png) center top no-repeat}.checkbox-alarm.icon-hit input[type=checkbox]+label{background:#fff url(../../../images/front/ic_alarm4_off.png) center top no-repeat}.checkbox-alarm.icon-hit input[type=checkbox]:checked+label{background:#fff url(../../../images/front/ic_alarm4_on.png) center top no-repeat}.checkbox-alarm.icon-new input[type=checkbox]+label{background:#fff url(../../../images/front/ic_alarm_new.png) center top no-repeat;color:#ccc;cursor:default}.checkbox-alarm.icon-new input[type=checkbox]:checked+label{background:#fff url(../../../images/front/ic_alarm_new.png) center top no-repeat;color:#ccc}.table-vertical tr.wrap-alarm-thumb-list{border:0;padding:0;margin:0;background-color:#fbfbfc}.table-vertical tr.wrap-alarm-thumb-list td{padding:0;margin:0}.table-vertical tr.wrap-alarm-thumb-list td div.alarm-thumb-list{margin:0!important}.alarm-thumb-list{width:100%;max-height:258px;overflow:auto;padding:20px 25px 0 25px;background:#fbfbfc;border-bottom:1px solid #e4e4e4}.alarm-thumb-list li{position:relative;float:left;margin:0 7px 10px 0;width:107px;height:105px;vertical-align:top}.alarm-thumb-list li .checkbox-cam{background:#fff url(/images/front/img_default2_camera.png) no-repeat}.alarm-thumb-list li:nth-child(10n){margin:0 0 10px 0}.alarm-thumb-list li img{position:absolute;top:0;left:0;z-index:1;width:107px;height:75px;font-size:0}.checkbox-cam{position:relative;display:inline-block;width:107px;height:95px;background:#fff}.checkbox-cam input[type=checkbox]{position:absolute;top:0;left:0;opacity:0}.checkbox-cam input[type=checkbox]+label{position:absolute;top:0;left:0;width:107px;height:95px;text-align:center;font-size:14px;display:inline-block;padding:75px 0 0 0;z-index:2;cursor:pointer}.checkbox-cam input[type=checkbox]:checked+label{background:url(../../../images/front/ic_check_on.png) left top no-repeat}.checkbox-cam input[type=checkbox]:focus{opacity:1;position:absolute;top:-3px;left:-6px;width:0;visibility:visible}.checkbox-cam input[type=checkbox]:focus+label{outline:1px dotted #000}.checkbox-cam label span{display:block;font-size:13px;text-align:left;padding:1px 0 0 0;height:20px;line-height:20px;background:#fbfbfc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.wrap-alarm{margin:40px 0 0 0;overflow:hidden}.wrap-alarm .left{float:left;width:706px}.wrap-alarm .right{float:left;width:444px;margin:0 0 0 50px}.wrap-alarm .right .wrap-video{width:444px}.wrap-alarm .right .video{width:444px;height:248px;background:#fbfbfc}.wrap-alarm .right .video img{width:444px;height:248px}.wrap-alarm .right .video-time{position:relative;width:444px;height:36px;line-height:36px;background:#fbfbfc}.wrap-alarm .right .video-time span{position:absolute;top:0;height:36px;color:#888}.wrap-alarm .right .video-time strong{position:absolute;top:0;left:0;display:block;width:444px;height:36px;text-align:center;color:#555;font-size:17px}.wrap-alarm .right .video-time strong.no-record{font-weight:400;font-size:15px;color:#888}.wrap-alarm .right .video-time span.start{left:5px}.wrap-alarm .right .video-time span.end{right:5px}.wrap-alarm .right .alarm-info{position:relative;height:33px}.wrap-alarm .right .alarm-info h5{font-size:15px;font-weight:500;line-height:28px;margin:35px 0 0 0}.wrap-alarm .right .alarm-info .btn-alarm-detail{position:absolute;top:0;right:0}.wrap-alarm .right .table-vertical.bg-white{border-top:1px solid #777}.wrap-alarm .right .table-vertical.bg-white td{line-height:18px}.wrap-alarm .right .table-vertical.th220 tbody tr th{padding:10px 10px 10px 20px;line-height:18px;width:150px!important;height:50px}.alarm-list2-top{height:64px;padding:0 33px 0 25px;border-top:1px solid #8a8a8a;border-bottom:1px solid #f0f0f0}.alarm-list2-top .select-box2{float:right;margin:16px 0 0 0}.alarm-list2-top .total-alarm{display:inline-block;font-size:34px;line-height:64px;font-weight:100;vertical-align:top}.alarm-list2-top .all-check{display:inline-block;font-size:14px;line-height:66px;color:#646464;cursor:pointer;vertical-align:top}.alarm-list2-top .all-check a{font-size:15px;color:#646464}.alarm-list2-top .all-check:before{content:"";background:url(../../../images/bg_icon.png) -50px 0;height:22px;width:1px;padding-left:15px;margin-left:10px}.alarm-list2-top .all-check:after{content:"";background:url(../../../images/icon_detail_list.png);width:16px;height:13px;display:inline-block;margin-left:10px}.alarm-list2{margin:10px auto 0;min-height:468px;overflow:hidden;border-bottom:1px solid #f0f0f0}.alarm-list2 ul{min-height:573px;margin:0 auto;width:650px}.alarm-list2 ul li{float:left;width:154px;height:180px;margin:0 11px 11px 0;border:1px solid #e0e0e0}.alarm-list2 ul li:nth-child(4n){margin-right:0}.alarm-list2 dl dt{position:relative;height:108px;background:url(../../../images/front/img_default_detect.png) no-repeat}.alarm-list2 dl dt.detect{background:url(../../../images/front/img_default_detect.png) no-repeat}.alarm-list2 dl dt.pp{background:url(../../../images/front/img_default_pp.png) no-repeat}.alarm-list2 dl dt.temp{background:url(../../../images/front/img_default_temp.png) no-repeat}.alarm-list2 dl dt.hit{background:url(../../../images/front/img_default_detect.png) no-repeat}.alarm-list2 dl dt a .div-img-overlay{position:absolute;top:0;background:rgba(244,119,37,.7);width:152px;height:108px;background-image:url(../../../images/front/ic_play.png);background-position:center;background-repeat:no-repeat;display:none}.alarm-list2 dl dt a:active .div-img-overlay,.alarm-list2 dl dt a:focus .div-img-overlay,.alarm-list2 dl dt a:hover .div-img-overlay{display:block}.alarm-list2 dl dt img{width:152px;height:108px}.alarm-list2 dl dd{margin:3px 0 0 0;overflow:hidden}.alarm-list2 dl dd span.icon-alarm-type{display:block;float:left;vertical-align:top;margin:4px 0 0 2px}.alarm-list2 dl dd strong.txt{position:relative;display:block;width:125px;height:16px;padding:0 16px 0 0;font-size:13px;line-height:16px;margin:5px 0 0 0;font-weight:400;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.alarm-list2 dl dd strong span.icon-check{position:absolute;top:3px;right:0;width:16px;height:13px;display:inline-block;margin-left:5px}.alarm-list2 dl dd strong span.icon-check.on{background:url(../../../images/icon_detail_list.png) no-repeat}.alarm-list2 dl dd p.subject{display:block;width:120px;height:16px;font-size:13px;line-height:16px;margin:0 0 0 18px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.alarm-list2 dl dd em{display:block;margin:7px 0 0 17px;font-style:normal;font-weight:400;font-size:12px}.wrap-alarm .left .list-empty{min-height:511px;padding:200px 0 0 0;color:#afafaf;text-align:center;border-top:1px solid #8a8a8a;border-bottom:1px solid #f0f0f0}.wrap-alarm .left .list-empty img{display:inline-block;margin:10px 0}.txt-no-camera{float:none!important;border-bottom:1px solid #eee;width:100%;margin:0 auto 0!important;height:255px;padding:140px 0 0 0;color:#afafaf;text-align:center;background:url(../../../images/front/ic_nocam.png) center 90px no-repeat}.txt-no-camera2{float:none!important;border-bottom:1px solid #eee;width:1200px;margin:0 auto 0!important;height:500px;padding:250px 0 0 0;color:#afafaf;text-align:center;background:url(../../../images/front/ic_select_cam.png) center 200px no-repeat}.txt-no-data{float:none!important;border-bottom:1px solid #eee;width:1200px;margin:0 auto 0!important;height:500px;padding:254px 0 0 0;color:#afafaf;text-align:center;background:url(../../../images/front/ic_no_data.png) center 195px no-repeat}.running-time #div_timeline_chronoline{margin-top:-29px}.table-vertical tr.wrap-filter{background:#fbfbfc;padding:0;margin:0}.table-vertical tr.wrap-filter td{background:#fbfbfc;padding:0 0;margin:0}.table-vertical tr.wrap-filter td .box-filter{margin:0;float:none}.table-vertical tr.wrap-filter td dl.filter-list{float:none;overflow:hidden;font-size:12px;padding:10px 0;margin:0}.table-vertical tr.wrap-filter td dl.filter-list dt{float:left;width:220px;font-weight:400;text-align:left;padding:4px 0 4px 30px}.table-vertical tr.wrap-filter td dl.filter-list dd{float:left;width:980px;text-align:left;padding:4px 20px 4px 0}.div-slider-area #slider-max,.div-slider-area #slider-min{margin:0;text-align:left!important;font-weight:400;color:#646464!important;font-size:14px!important}.filter-list .div-slider-area #slider{margin:0 10px}.save_search_condition{float:right;text-align:right}.analys-date{border-top:1px solid #ddd;height:70px;font-size:22px;line-height:67px;border-bottom:1px solid #e4e4e4;text-align:center}.analys-date .btn-date-prev{display:inline-block;vertical-align:top;border:0;width:29px;height:29px;padding:0;margin:19px 70px 0 0;font-size:0;line-height:0;text-indent:-9999px;cursor:pointer;background:#fff url(../../../images/front/ic_date_prev.png) no-repeat}.analys-date .btn-date-next{display:inline-block;vertical-align:top;border:0;width:29px;height:29px;padding:0;margin:19px 0 0 70px;font-size:0;line-height:0;text-indent:-9999px;cursor:pointer;background:#fff url(../../../images/front/ic_date_next.png) no-repeat}.analys-date .disabled{opacity:.3;pointer-events:none}.analys-wrap{position:relative;width:1150px;margin:10px auto 0}.analys-wrap:after{content:"";display:block;clear:both}.analys-wrap .left{float:left;width:50%}.analys-wrap .left span.txt{margin:0 10px 0 0}.analys-wrap .left .control-dropdown{display:inline-block;vertical-align:middle}.analys-wrap .right{float:right;width:50%;text-align:right}.analys-wrap .right .set-check input~span.txt-label{margin-left:5px}.analys-wrap .right .control-dropdown{display:inline-block;vertical-align:middle;margin:0 0 0 10px}.analys-wrap .analys-chart{width:1150px;padding:10px 0 0 0;overflow:hidden}.analys-wrap .analys-chart img{width:1150px;height:363px}.table-horizontal.type2{border-top:1px solid #ddd}.table-horizontal.type2 thead tr th{padding:12px 10px;white-space:nowrap}.table-horizontal.type2 tbody tr.type1 td{padding:25px 10px}.table-horizontal.type2 tbody tr.type2 td{padding:10px 10px}.table-horizontal.type2 tbody tr td.line{height:1px;background:#eee;padding:0;margin:0}.table-horizontal.type2 tbody tr td.textL span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.div-flexible-layout.type2>div{width:827px}.div-flexible-layout.type2 input[type=button]{float:left;padding:0 25px}body:not(:-moz-handler-blocked) .div-flexible-layout.type2>div{width:815px}.table-vertical .btn-search{font-size:0;line-height:0}.table-horizontal.mypage tbody tr td em.cam-id{display:block;float:none;margin:5px 0 0 0;font-style:normal}.table-horizontal.mypage tbody tr td .type-camera,.table-horizontal.mypage tbody tr td .type-detection,.table-horizontal.mypage tbody tr td .type-hit,.table-horizontal.mypage tbody tr td .type-none,.table-horizontal.mypage tbody tr td .type-people{font-size:0;line-height:0;margin:0 auto}.table-horizontal.mypage tbody tr td input:disabled{cursor:default}.table-horizontal.mypage a{vertical-align:middle;display:inline-block;width:80%;color:#636363;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-break:break-all}.table-horizontal.mypage a:hover{text-decoration:underline}.table-horizontal.mypage a.ic-arrow{width:auto;padding:0 15px 0 0;background:url(../../../images/front/ic_arrow.png) right center no-repeat}.table-horizontal.mypage a.ic-arrow.disabled{opacity:.5;cursor:default;pointer-events:none}.table-horizontal.mypage .switch{vertical-align:middle}.btn-down-video{display:inline-block;width:auto!important;padding:0 0 0 20px;vertical-align:middle;background:url(../../../images/front/ic_download.png) left center no-repeat}.btn-download{display:inline-block;width:auto!important;border:0;padding:0 0 0 30px;font-size:12px;color:#636363;font-family:dotum,돋움,gulim;vertical-align:middle}body.s1 .btn-download{display:inline-block;width:auto!important;border:0;padding:0 0 0 30px;font-size:12px;color:#636363;font-family:dotum,돋움,gulim;vertical-align:middle;background:url(/images/bg_btn.png) no-repeat -150px -300px}.txt-mypage-date{font-size:22px;margin:0!important}.txt-mypage-date span{font-size:20px;margin:0!important}.title-mypage{position:relative;font-size:16px;font-weight:400;margin:40px 0 10px 0}.title-mypage span{vertical-align:top;margin:5px 0 0 10px;display:inline-block;height:15px;line-height:15px;border-left:1px solid #ddd;padding:0 0 0 10px}.title-mypage em.txt{font-style:normal;font-weight:400;font-size:13px;color:#999;position:absolute;top:10px;right:0}.mypage-img-graph img{width:1115px}.mypage .door-schedule p{font-size:13px;padding:5px 0 0}.mypage .door-schedule p span{font-size:13px;margin:0 3px}.btn-prev-graph{display:inline-block;vertical-align:top;margin:6px 40px 0 40px;width:14px;height:22px;font-size:0;line-height:0;background:url(../../../images/front/btn_prev1.png) no-repeat}.btn-next-graph{display:inline-block;vertical-align:top;margin:6px 40px 0 40px;width:14px;height:22px;font-size:0;line-height:0;background:url(../../../images/front/btn_next1.png) no-repeat}.btn-prev-graph.disabled{opacity:.3;pointer-events:none;cursor:default}.btn-next-graph.disabled{opacity:.3;pointer-events:none;cursor:default}.txt-size-normal{font-size:15px}.rule-img{width:672px;height:377px;margin:40px auto 0;overflow:hidden}.rule-img img{width:672px}.table-schd tbody{display:block;height:224px;overflow-y:auto}.table-schd tbody tr td{padding:17px 5px}.table-schd tbody tr td:nth-child(1),.table-schd thead tr th:nth-child(1){width:350px}.table-schd tbody tr td:nth-child(2),.table-schd thead tr th:nth-child(2){width:150px}.table-schd tbody tr td:nth-child(3),.table-schd thead tr th:nth-child(3){width:170px}.table-schd tbody tr td span.title{width:310px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-break:break-all;display:inline-block}.add-list .div-search-row .btn-line-square{font-size:0;line-height:0}.add-list .div-search-row .btn-line-square:disabled{pointer-events:none;cursor:default}.alarm-method label{display:inline-block;width:65px}.alarm-method em{font-style:normal;margin:0 0 0 20px}.alarm-method.disabled{opacity:.4;pointer-events:none;cursor:default}.table-vertical tr td .choose-receive{clear:both;padding:10px 0 0 0;float:none;display:block}.table-vertical tr td .choose-receive .control-dropdown{display:inline-block;vertical-align:middle}.table-vertical tr td .choose-receive strong{display:inline-block;font-size:15px;font-weight:400;margin:0 35px 0 0}.table-vertical tr td .choose-day{clear:both;padding:10px 0 0 0;float:none;display:block}.table-vertical tr td .choose-day dl dt{display:inline-block;font-size:15px;font-weight:400;margin:0 35px 0 0}.table-vertical tr td .choose-day dl dd{display:inline-block}.table-vertical tr td .choose-day .normaltext{color:#bbb}.share-list{overflow:hidden}.share-list .top-info{height:55px;border-bottom:1px solid #f1f1f1;font-size:14px}.share-list .top-info strong{display:inline-block;padding:0;line-height:55px;font-weight:400}.share-list .top-info span{display:inline-block;width:auto;border-left:1px solid #ddd;padding:0 0 0 20px;margin:0 0 0 15px;height:16px;line-height:16px}.share-list .top-info input{margin:15px 0 0 0}.share-list .top-info input.btn-edit{background-position:7px -243px;width:28px;height:28px;margin-top:12px;font-size:0;line-height:0;vertical-align:top;text-indent:-999px}.share-list ul{width:822px;margin:15px 0 0 0;overflow:hidden}.share-list ul li{float:left;width:183px;height:174px;margin:0 30px 20px 0;border:1px solid #e0e0e0}.share-list ul li:nth-child(4n){margin-right:0}.share-list ul li dl dt{position:relative;height:129px}.share-list ul li dl dt .ic-share{display:block;position:absolute;top:0;left:0;width:40px;height:40px;background:rgba(255,113,20,.7) url(../../../images/front/ic_share.png) center no-repeat}.share-list ul li dl dt img{width:181px;height:129px}.share-list ul li dl dd{height:43px;padding:0 10px;line-height:43px}.share-list ul li dl dd strong{display:inline-block;font-weight:400;color:#636363;width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.share-list ul li dl dd span.icon{float:right;display:inline-block;vertical-align:top;margin:12px 0 0 0;height:18px;line-height:18px;padding:0 5px 0 22px;background:url(../../../images/front/ic_comment.png) no-repeat}.share-list ul li dl dd a{color:#636363;cursor:pointer}.share-list ul li dl dd a:focus{outline:1px solid #000}.share-list2{margin:0;overflow:hidden;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1}.share-list2 .top-info2{height:55px;font-size:14px}.share-list2 .top-info2 input{margin:15px 0 0 0}.share-list2 .top-info2 strong{display:inline-block;padding:0;line-height:55px;font-weight:400}.share-list2 ul{width:1158px;margin:0;overflow:hidden}.share-list2 ul li{float:left;width:183px;height:174px;margin:0 50px 20px 0;border:1px solid #e0e0e0}.share-list2 ul li:nth-child(5n){margin-right:0}.share-list2 ul li dl dt{position:relative;height:129px}.share-list2 ul li dl dt .ic-share{display:block;position:absolute;top:0;left:0;width:40px;height:40px;background:rgba(255,113,20,.7) url(../../../images/front/ic_share.png) center no-repeat}.share-list2 ul li dl dt img{width:181px;height:129px}.share-list2 ul li dl dd{height:43px;padding:0 10px;line-height:43px}.share-list2 ul li dl dd strong{font-weight:400;color:#636363}.share-list2 ul li dl dd span.icon{float:right;display:inline-block;vertical-align:top;margin:12px 0 0 0;height:18px;line-height:18px;padding:0 5px 0 22px;background:url(../../../images/front/ic_comment.png) no-repeat}.share-checkbox li{position:relative}.share-checkbox li input[type=checkbox]{position:absolute;top:0;left:0;opacity:0}.share-checkbox li label{position:absolute;top:0;left:0;width:40px;height:40px;background:url(../../../../images/front/ic_share_check.png) no-repeat;background-position:-60px 0}.share-checkbox li input[type=checkbox]:checked+label{background-position:0 0;background-color:#000}.share-checkbox li input[type=checkbox]:focus+label{background-color:#000}.table-shr-mng tbody{display:block;height:224px;overflow-y:scroll}.table-shr-mng tbody tr td{padding:17px 5px}.table-shr-mng tbody tr td:nth-child(1),.table-shr-mng thead tr th:nth-child(1){width:60px}.table-shr-mng tbody tr td:nth-child(2),.table-shr-mng thead tr th:nth-child(2){width:70px}.table-shr-mng tbody tr td:nth-child(3),.table-shr-mng thead tr th:nth-child(3){width:160px}.table-shr-mng tbody tr td:nth-child(4),.table-shr-mng thead tr th:nth-child(4){width:160px}.table-shr-mng tbody tr td:nth-child(5),.table-shr-mng thead tr th:nth-child(5){width:230px}.table-shr-mng .set-check input~span.txt-label{font-size:0!important;line-height:0!important;text-indent:-999px!important}.table-shr tbody{display:block;min-height:134px;max-height:257px;overflow-y:auto}.table-shr tbody tr td{padding:17px 5px}.table-shr tbody tr td:nth-child(1),.table-shr thead tr th:nth-child(1){width:60px}.table-shr tbody tr td:nth-child(2),.table-shr thead tr th:nth-child(2){width:480px}.table-shr tbody tr td:nth-child(3),.table-shr thead tr th:nth-child(3){width:110px}.table-shr .set-check input~span.txt-label{font-size:0!important;line-height:0!important;text-indent:-999px!important}.table-shr tbody tr td span.title{width:480px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-break:break-all;display:inline-block}.table-shr tbody tr td.textL{padding-left:0}.pop-txt-share{position:relative;padding:10px 0;font-size:14px}.pop-txt-share span{position:absolute;top:8px;right:0}#btnSharingDel:disabled:hover{background:#fff}#btnSharingAddList:disabled:hover{background:#fff}.cell-box2{display:table;width:100%;margin:2px 0;font-size:15px}.cell-box2.mg0{margin:0}.cell-box2 label{display:table-cell;width:130px;color:#636363}.cell-box2 p{display:table-cell;width:800px}.cell-box2 div{display:table-cell;width:90px}.cell-box2 input:disabled{opacity:.5;background:#fff}h5.tit-cam-regist{font-size:16px;padding:0;margin:20px 0 5px 0;font-weight:500}h5.tit-cam-regist button.btn-cam-toggle{display:inline-block;vertical-align:top;border:0;margin:0;width:30px;height:28px;font-size:0;line-height:0;text-indent:-999px;background:url(../../../images/front/ic_close.png) right no-repeat;cursor:pointer}.tit-cam-regist button.btn-cam-toggle.on{background:url(../../../images/front/ic_open.png) right no-repeat!important}.tit-device-mgmt{font-size:14px;font-weight:400;padding:0;margin:30px 0 15px}.tit-device-mgmt ul{position:relative;margin:20px 0 0 0;overflow:hidden}.tit-device-mgmt ul li{float:left}.tit-device-mgmt ul li a{display:block;font-size:15px;padding:0 10px;color:#b8b8b8;border-right:1px solid #b8b8b8;line-height:17px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.tit-device-mgmt ul li a.current{font-weight:500;color:#636363}.tit-device-mgmt ul li:last-child a{border:none}#cmr-reg-list{width:100%;overflow:hidden}.btn-trash{display:inline-block;height:20px;line-height:20px;width:auto!important;padding:0 24px 0 0;vertical-align:middle;background:url(../../../images/front/ic_trash.png) right center no-repeat}.table-horizontal.mypage .btn-trash:hover{text-decoration:none!important}.btn-down-vid{width:20px;height:20px;border:0;padding:0;cursor:pointer;margin:0;font-size:0;text-indent:-999px;line-height:0;background:url(../../../images/front/ic_download.png) center no-repeat}.table-horizontal.mypage span.type-detection{width:20px;height:20px;background-position:-10px -234px}.table-horizontal.mypage span.type-people{width:20px;height:20px;background-position:-48px -234px}.table-horizontal.mypage span.type-camera{width:20px;height:20px;background-position:-87px -234px}.table-horizontal.mypage span.type-hit{width:20px;height:20px;background-position:-168px -234px}.table-horizontal.mypage span.type-none{width:20px;height:20px;background-position:-127px -234px}.table-vertical.mypage-popup .btn-datepicker{width:100px;margin:0;padding:0}.table-vertical.mypage-popup .ui-datepicker-trigger{margin:3px 0 0 0}.pop-txt-down{margin:20px 0 0 0;color:#666}.pop-txt-down2{position:relative;margin:30px 0 0 0;color:#999}.pop-txt-down2 span{position:absolute;right:0;top:0}.box-table{overflow:hidden;margin:10px 0 0 0}.box-table .left{float:left;width:50%;padding:0 10px 0 0}.box-table .right{float:left;width:50%;padding:0 0 0 10px}.table-download .set-check input~span.txt-label{font-size:0;line-height:0;text-indent:-999px}.table-horizontal.table-download{border-bottom:1px solid #F1F1F1}.table-horizontal.table-download thead tr th{padding:6px 10px}.table-horizontal.table-download tbody tr{border:0}.table-horizontal.table-download tbody tr td{padding:10px 10px}.table-vertical tr.disabled{opacity:.5;pointer-events:none}.check-pw{width:510px;margin:170px auto 130px;padding:67px 0 0 0;text-align:center;background:url(../../../images/front/ic_key.png) center top no-repeat}.check-pw strong{font-size:18px;font-weight:400;display:block;margin:0;color:#444}.check-pw p{padding:20px 0 40px 0;color:#a7a7a7;font-size:14px}.check-pw .input-pw{width:285px;margin:0 auto 15px;background:0 0}.check-pw .input-pw input{width:100%;line-height:17px}.check-pw .btn-pw-confirm input{min-width:180px}.mypage-graph{margin:10px 0 0 0}.mypage-width2{width:1130px;margin:0 auto}.table-analysis tbody tr td div.row.type2{line-height:normal;margin-top:12px}.btn-mypage-edit{font-size:0;line-height:0;text-indent:-9999px;width:20px;height:20px;background:url(../../../images/front/btn_edit.png) no-repeat;border:0;margin:0;padding:0}.div-analysis-title{font-size:15px}.disabled{opacity:.5;pointer-events:none}:lang(en) .table-horizontal thead th,:lang(id) .table-horizontal thead th{line-height:15px;height:39px}:lang(en) .div-alarm-sort a,:lang(id) .div-alarm-sort a{padding:22px 10px;font-size:13px;line-height:15px;text-align:center;letter-spacing:0}:lang(en) .div-rule-type span,:lang(id) .div-rule-type span{font-size:14px;line-height:16px}:lang(en) .checkbox-alarm,:lang(id) .checkbox-alarm{width:auto}:lang(en) .table-vertical tr td,:lang(id) .table-vertical tr td{font-size:13px}:lang(en) .wrap-alarm .right .table-vertical.th220 tbody tr th,:lang(id) .wrap-alarm .right .table-vertical.th220 tbody tr th{width:190px!important}:lang(en) .cell-box div input,:lang(id) .cell-box div input{padding:0 10px!important}:lang(en) .cell-box6 div input,:lang(id) .cell-box6 div input{width:100%;font-size:12px!important}:lang(en) .login-btn-eng,:lang(id) .login-btn-eng{font-size:12px!important;padding:0 8px!important}:lang(en) #gnb .menu ul,:lang(id) #gnb .menu ul,:lang(th) #gnb .menu ul{width:220px}:lang(en) #gnb .menu li:hover ul,:lang(id) #gnb .menu li:hover ul,:lang(th) #gnb .menu li:hover ul{left:-80px;opacity:1}body.s1 .btn-point,body.s1 .btn-point:hover{background:#0177d0}body.s1 .btn-point:disabled{background:#cacaca}body.s1 .div-alarm-sort a.on{color:#0177d0}body.s1 #gnb .menu li.alarm span{background:#0177d0}body.s1 table .table-point-text{color:#0177d0}body.s1 table .table-point-text.normaltext{color:#a7a7a7}body.s1 input[type=password]:focus,body.s1 input[type=text]:focus,body.s1 textarea:focus{border:1px solid #0177d0}body.s1 .custom-slider>.ui-slider-handle{color:#0177d0}body.s1 .timeline-bottom-area .div-slider-area span.value{color:#0177d0!important}body.s1 .select-box1 select{color:#0177d0}body.s1 .custom-slider>.ui-slider-handle{background:#0177d0}body.s1 .custom-slider>.ui-slider-range{background:#0177d0}body.s1 .btn-search{background-color:#0177d0}body.s1 .select-box1:before{background:#fbfbfc url(../../../images/s1/bg_icon.png) -197px 3px}body.s1 input.cmn-toggle-round:checked+label:after{background:#0177d0}body.s1 .btn-timelaps{background:url(../../../images/s1/btn_timeline_bottom.png) 0 -50px;background-position:-50px -50px}body.s1 .btn-timelaps:disabled{background:url(../../../images/s1/btn_timeline_bottom.png) 0 -50px;opacity:1;cursor:default}body.s1 .alarm-list .img-thumb .div-img-overlay{background:rgba(1,119,208,.6);background-image:url(../../../images/icon_play.png);background-repeat:no-repeat;background-position:center}body.s1 #gnb .menu li a:active,body.s1 #gnb .menu li a:focus,body.s1 #gnb .menu li a:hover{color:#0177d0}body.s1 .list-frame dl dt a .div-img-overlay{background:rgba(1,119,208,.6);background-image:url(../../../images/front/ic_play.png);background-repeat:no-repeat;background-position:center;display:none}body.s1 .list-frame dl dt a:active .div-img-overlay,body.s1 .list-frame dl dt a:focus .div-img-overlay,body.s1 .list-frame dl dt a:hover .div-img-overlay{display:block}body.s1 .alarm-list2 dl dt a .div-img-overlay{background:rgba(1,119,208,.6);background-image:url(../../../images/front/ic_play.png);background-position:center;background-repeat:no-repeat;display:none}body.s1 .alarm-list2 dl dt a:active .div-img-overlay,body.s1 .alarm-list2 dl dt a:focus .div-img-overlay,body.s1 .alarm-list2 dl dt a:hover .div-img-overlay{display:block}body.s1 .ul-pagination>li.active>a,body.s1 .ul-pagination>li.active>a:focus,body.s1 .ul-pagination>li.active>a:hover,body.s1 .ul-pagination>li>a:focus,body.s1 .ul-pagination>li>a:hover{color:#0177d0}body.s1 li.pagination-arrow.btn-next{background:url(../../../images/s1/bg_btn.png)}body.s1 .ul-pagination li.pagination-arrow span{background:url(../../../images/s1/bg_btn.png)}body.s1 .ul-pagination li.btn-prev span{background-position:0 -150px}body.s1 .ul-pagination li.btn-next span{background-position:-100px -150px}body.s1 .ul-pagination li.btn-prev:hover span{background-position:-50px -150px}body.s1 .ul-pagination li.btn-next:hover span{background-position:-150px -150px}body.s1 .checkbox-cam input[type=checkbox]:checked+label{background:url(../../../images/s1/ic_check_on.png) left top no-repeat}body.s1 .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-active{background:#0177d0}body.s1 .dropdown-menu>li>a:hover{color:#0177d0}body.s1 .checkbox-alarm input[type=checkbox]:checked+label{color:#0177d0}body.s1 .checkbox-alarm.icon-pp input[type=checkbox]:checked+label{background:#fff url(../../../images/s1/ic_alarm1_on.png) center top no-repeat}body.s1 .checkbox-alarm.icon-dtc input[type=checkbox]:checked+label{background:#fff url(../../../images/s1/ic_alarm2_on.png) center top no-repeat}body.s1 .checkbox-alarm.icon-tmp input[type=checkbox]:checked+label{background:#fff url(../../../images/s1/ic_alarm3_on.png) center top no-repeat}body.s1 .checkbox-alarm.icon-hit input[type=checkbox]:checked+label{background:#fff url(../../../images/s1/ic_alarm3_on.png) center top no-repeat}body.s1 #gnb .menu li.mypage.hover>a,body.s1 #gnb .menu li.mypage>a:active,body.s1 #gnb .menu li.mypage>a:focus,body.s1 #gnb .menu li.mypage>a:hover{background:url(../../../images/s1/gnb3_on.png) no-repeat center}body.s1 #gnb .menu li.mypage ul a,body.s1 #gnb .menu li.mypage.hover ul a{background:0 0;height:auto}body.s1 .table-vertical tr th.essential:after{color:#0177d0}body.s1 .share-list ul li dl dt .ic-share{display:block;position:absolute;top:0;left:0;width:40px;height:40px;background:rgba(1,119,208,.7) url(../../../images/front/ic_share.png) center no-repeat}body.s1 .set-check,body.s1 .set-radio{background:0 0}body.s1 .set-check input[type=checkbox]+span.shape,body.s1 .set-radio input[type=radio]+span.shape{position:relative;display:inline-block;width:14px;height:14px;background:transparent url(../../../images/s1/btn_check.png) no-repeat 0 0;border:none}body.s1 .set-check input[type=checkbox]:checked+span.shape,body.s1 .set-radio input[type=radio]:checked+span.shape{background-position:-50px 0}body.s1 .set-check input[type=checkbox]+span.shape{background-position:0 -50px}body.s1 .set-check input[type=checkbox]:checked+span.shape{background-position:-50px -50px}body.s1 .set-check input[type=checkbox]:disabled~span,body.s1 .set-radio input[type=radio]:disabled~span{opacity:.3}body.s1 .div-userinfo-area>div span.pointtxt{color:#0177d0}body.s1 .txt-point{color:#0177d0!important}body.s1 .btn-rule-areasel.on{background:#0177d0;border:1px solid #0177d0}body.s1 .slider-value-analy{color:#0177d0}body.s1 .list-ptz .div-img-overlay{background:rgba(1,119,208,.6);background-image:url(../../../images/front/ic_play.png);background-position:center;background-repeat:no-repeat}body.s1 .list-ptz .img-thumb:hover{color:#0177d0}body.s1 .login_wrapper input[type=text],body.s1 .login_wrapper input[type=password]{color:#0177d0}body.s1 .cell-box3 span.txt{color:#0177d0}body.s1 .img-pan-container .img{background:url(../../../images/s1/bg_login.png) no-repeat;background-size:100% 1500px}body.s1 #gnb .menu li.alarm.on a{background:url(../../../images/s1/gnb1_on.png) no-repeat center}body.s1 #gnb .menu li.graph.on a{background:url(../../../images/s1/gnb2_on.png) no-repeat center}body.s1 #gnb .menu li.mypage.on a{background:url(../../../images/s1/gnb3_on.png) no-repeat center}body.s1 #footer1{height:145px;color:#b5b5b5}body.s1 #footer1 a{color:#b5b5b5}body.s1 #footer2{display:table-row;height:145px;background:#fbfbfc;color:#b5b5b5}body.s1 #footer2 a{color:#b5b5b5}body.s1 .mypage-lnb li a:hover,body.s1 .mypage-lnb li.active a{background-color:#fff;color:#0177d0}body.nsok .btn-point,body.nsok .btn-point:hover{background:#16509B}body.nsok .btn-point:disabled{background:#cacaca}body.nsok .div-alarm-sort a.on{color:#16509B}body.nsok #gnb .menu li.alarm span{background:#16509B}body.nsok table .table-point-text{color:#16509B}body.nsok table .table-point-text.normaltext{color:#a7a7a7}body.nsok input[type=password]:focus,body.nsok input[type=text]:focus,body.nsok textarea:focus{border:1px solid #16509B}body.nsok .custom-slider>.ui-slider-handle{color:#16509B}body.nsok .timeline-bottom-area .div-slider-area span.value{color:#16509B!important}body.nsok .select-box1 select{color:#16509B}body.nsok .custom-slider>.ui-slider-handle{background:#16509B}body.nsok .custom-slider>.ui-slider-range{background:#16509B}body.nsok .btn-search{background-color:#16509B}body.nsok .select-box1:before{background:#fbfbfc url(../../../images/nsok/bg_icon.png) -197px 3px}body.nsok input.cmn-toggle-round:checked+label:after{background:#16509B}body.nsok .btn-timelaps{background:url(../../../images/nsok/btn_timeline_bottom.png) 0 -50px;background-position:-50px -50px}body.nsok .btn-timelaps:disabled{background:url(../../../images/nsok/btn_timeline_bottom.png) 0 -50px;opacity:1;cursor:default}body.nsok .alarm-list .img-thumb .div-img-overlay{background:rgba(1,119,208,.6);background-image:url(../../../images/icon_play.png);background-repeat:no-repeat;background-position:center}body.nsok #gnb .menu li a:active,body.nsok #gnb .menu li a:focus,body.nsok #gnb .menu li a:hover{color:#16509B}body.nsok .list-frame dl dt a .div-img-overlay{background:rgba(1,119,208,.6);background-image:url(../../../images/front/ic_play.png);background-repeat:no-repeat;background-position:center;display:none}body.nsok .list-frame dl dt a:active .div-img-overlay,body.nsok .list-frame dl dt a:focus .div-img-overlay,body.nsok .list-frame dl dt a:hover .div-img-overlay{display:block}body.nsok .alarm-list2 dl dt a .div-img-overlay{background:rgba(1,119,208,.6);background-image:url(../../../images/front/ic_play.png);background-position:center;background-repeat:no-repeat;display:none}body.nsok .alarm-list2 dl dt a:active .div-img-overlay,body.nsok .alarm-list2 dl dt a:focus .div-img-overlay,body.nsok .alarm-list2 dl dt a:hover .div-img-overlay{display:block}body.nsok .ul-pagination>li.active>a,body.nsok .ul-pagination>li.active>a:focus,body.nsok .ul-pagination>li.active>a:hover,body.nsok .ul-pagination>li>a:focus,body.nsok .ul-pagination>li>a:hover{color:#16509B}body.nsok li.pagination-arrow.btn-next{background:url(../../../images/nsok/bg_btn.png)}body.nsok .ul-pagination li.pagination-arrow span{background:url(../../../images/nsok/bg_btn.png)}body.nsok .ul-pagination li.btn-prev span{background-position:0 -150px}body.nsok .ul-pagination li.btn-next span{background-position:-100px -150px}body.nsok .ul-pagination li.btn-prev:hover span{background-position:-50px -150px}body.nsok .ul-pagination li.btn-next:hover span{background-position:-150px -150px}body.nsok .checkbox-cam input[type=checkbox]:checked+label{background:url(../../../images/nsok/ic_check_on.png) left top no-repeat}body.nsok .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-active{background:#16509B}body.nsok .dropdown-menu>li>a:hover{color:#16509B}body.nsok .checkbox-alarm input[type=checkbox]:checked+label{color:#16509B}body.nsok .checkbox-alarm.icon-pp input[type=checkbox]:checked+label{background:#fff url(../../../images/nsok/ic_alarm1_on.png) center top no-repeat}body.nsok .checkbox-alarm.icon-dtc input[type=checkbox]:checked+label{background:#fff url(../../../images/nsok/ic_alarm2_on.png) center top no-repeat}body.nsok .checkbox-alarm.icon-tmp input[type=checkbox]:checked+label{background:#fff url(../../../images/nsok/ic_alarm3_on.png) center top no-repeat}body.nsok .checkbox-alarm.icon-hit input[type=checkbox]:checked+label{background:#fff url(../../../images/nsok/ic_alarm3_on.png) center top no-repeat}body.nsok #gnb .menu li.mypage.hover>a,body.nsok #gnb .menu li.mypage>a:active,body.nsok #gnb .menu li.mypage>a:focus,body.nsok #gnb .menu li.mypage>a:hover{background:url(../../../images/nsok/gnb3_on.png) no-repeat center}body.nsok #gnb .menu li.mypage ul a,body.nsok #gnb .menu li.mypage.hover ul a{background:0 0;height:auto}body.nsok .table-vertical tr th.essential:after{color:#16509B}body.nsok .share-list ul li dl dt .ic-share{display:block;position:absolute;top:0;left:0;width:40px;height:40px;background:rgba(1,119,208,.7) url(../../../images/front/ic_share.png) center no-repeat}body.nsok .set-check,body.nsok .set-radio{background:0 0}body.nsok .set-check input[type=checkbox]+span.shape,body.nsok .set-radio input[type=radio]+span.shape{position:relative;display:inline-block;width:14px;height:14px;background:transparent url(../../../images/nsok/btn_check.png) no-repeat 0 0;border:none}body.nsok .set-check input[type=checkbox]:checked+span.shape,body.nsok .set-radio input[type=radio]:checked+span.shape{background-position:-50px 0}body.nsok .set-check input[type=checkbox]+span.shape{background-position:0 -50px}body.nsok .set-check input[type=checkbox]:checked+span.shape{background-position:-50px -50px}body.nsok .set-check input[type=checkbox]:disabled~span,body.nsok .set-radio input[type=radio]:disabled~span{opacity:.3}body.nsok .div-userinfo-area>div span.pointtxt{color:#16509B}body.nsok .txt-point{color:#16509B!important}body.nsok .btn-rule-areasel.on{background:#16509B;border:1px solid #16509B}body.nsok .slider-value-analy{color:#16509B}body.nsok .list-ptz .div-img-overlay{background:rgba(1,119,208,.6);background-image:url(../../../images/front/ic_play.png);background-position:center;background-repeat:no-repeat}body.nsok .list-ptz .img-thumb:hover{color:#16509B}body.nsok .login_wrapper input[type=text],body.nsok .login_wrapper input[type=password]{color:#16509B}body.nsok .cell-box3 span.txt{color:#16509B}body.nsok #gnb .menu li.alarm.on a{background:url(../../../images/nsok/gnb1_on.png) no-repeat center}body.nsok #gnb .menu li.graph.on a{background:url(../../../images/nsok/gnb2_on.png) no-repeat center}body.nsok #gnb .menu li.mypage.on a{background:url(../../../images/nsok/gnb3_on.png) no-repeat center}body.nsok #footer1{height:145px;color:#b5b5b5}body.nsok #footer1 a{color:#b5b5b5}body.nsok #footer2{display:table-row;height:145px;background:#fbfbfc;color:#b5b5b5}body.nsok #footer2 a{color:#b5b5b5}body.nsok .mypage-lnb li a:hover,body.nsok .mypage-lnb li.active a{background-color:#fff;color:#16509B}.regist-agree{text-align:right;padding:0 15px 10px;position:absolute;top:15px;right:10px}.regist-agree .set-check .txt-label{color:#636363}.ftSize11{padding:15px 85px 15px 30px;border-bottom:1px solid #f1f1f1}:lang(en) .ftSize11,:lang(id) .ftSize11{padding:15px 85px 15px 15px}.agreeCBOption{vertical-align:middle;margin:0 3px}.innerDash .dashboard-selector:after{content:'';display:block;clear:both}.innerDash .dashboard-selector select{width:336px}.innerDash .dashboard-selector .fr{padding-top:2px}.innerDash .dashboard-selector ._btnModifyDashboard{width:120px}.ui-dialog{position:absolute;background-color:#fff;outline:0}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5}.popup-content-left{width:700px}.popup-content-right{position:absolute;top:-48px;right:0;width:301px;border-left:1px solid #e2e2e2}.popup-content-bottom{margin-top:25px;text-align:center}.popup-content-right+.popup-content-bottom{width:calc(100% - 275px)}.div-popup-content .dashboard-selector{margin-top:0;padding:10px 0 9px 0;border-top:2px solid #727272;border-bottom:1px solid #f1f1f1;background-color:#fbfbfc}.div-popup-content .dashboard-selector select{width:288px;margin-right:3px}.div-popup-content .dashboard-selector .fr{padding-top:2px}.div-popup-content .dashboard-selector .fr .btn{margin-left:2px}.div-popup-content .regist-list-tools{padding:8px 0 0 0;border-top:1px solid #e2e2e2}.div-popup-content .regist-list-tools:after{content:'';display:block;clear:both}.div-popup-content .regist-list-tools .fl{padding-top:4px}.div-popup-content .regist-list-tools .show-item{padding-top:0}.div-popup-content .regist-list-tools .fr .btn{margin-left:2px}.div-popup-content .camera-group-list{overflow-y:auto;height:707px}.div-popup-content .camera-group-list .tit{padding:14px 20px 14px 43px;border-bottom:1px solid #ddd;background:#f7f7f7 url(../../../images/front/camera_group_close.png) 18px 21px no-repeat;color:#636363;cursor:pointer}.div-popup-content .camera-group-list .tit:hover{background-color:#eee}.div-popup-content .camera-group-list .list{display:none;padding:12px 18px 2px 18px;border-bottom:1px solid #ddd}.div-popup-content .camera-group-list .list li{display:table;margin-bottom:10px;border:1px solid transparent;color:#838383}.div-popup-content .camera-group-list .list li:after{content:'';display:block;clear:both}.div-popup-content .camera-group-list .list .img{float:left;width:74px;height:52px}.div-popup-content .camera-group-list .list .txt{float:left;overflow:hidden;width:171px;padding:15px 10px;line-height:20px;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis}.div-popup-content .camera-group-list .list li:hover{border-color:#f47725;cursor:move}.div-popup-content .camera-group-list .list li.ui-droppable-active,.div-popup-content .camera-group-list .list li:active{border-color:#f47725;background-color:#f47725;color:#fff}.div-popup-content .camera-group-list .list li.ui-draggable-dragging{border-color:#000}.div-popup-content .camera-group-list .list li.ui-draggable-dragging .img{opacity:.5}.div-popup-content .camera-group-list .active .list{display:block}.div-popup-content .camera-group-list .active .tit{border-color:transparent;background:#fff url(../../../images/front/camera_group_open.png) 18px 22px no-repeat;color:#f47725}body.nsok .div-popup-content .camera-group-list .list li:hover{border-color:#16509B;cursor:move}body.nsok .div-popup-content .camera-group-list .list li:active{border-color:#16509B;background-color:#16509B;color:#fff}body.nsok .div-popup-content .camera-group-list .active .tit{border-color:transparent;background:#fff url(../../../images/front/camera_group_open_blue.png) 18px 22px no-repeat;color:#16509B}.mypage-left{float:left;width:294px;padding-right:60px}.mypage-right{float:left;width:822px}.mypage-lnb{padding-top:20px}.mypage-lnb ul{border:1px solid #e6e6e6;border-bottom:0}.mypage-lnb li{border-bottom:1px solid #e6e6e6}.mypage-lnb li a{display:block;padding:14px 18px;background-color:#f7f7f7;font-size:15px}.mypage-lnb li span{display:inline-block;overflow:hidden;max-width:155px;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis}.mypage-lnb li a:hover,.mypage-lnb li.active a{background-color:#fff;color:#f47725}body.nsok .mypage-lnb li a:hover,body.nsok .mypage-lnb li.active a{background-color:#fff;color:#16509B}.ptz-tools{position:relative;float:right;margin-left:13px}.ptz-tools .btn_ptz{width:100px;height:30px;padding:4px 10px;border-radius:15px;background:#636363;color:#fff;line-height:22px}.ptz-tools .btn_ptz span{display:inline-block;padding:0 36px 0 6px;background:url(../../../images/front/btn_ptz.png) right center no-repeat}.ptz-tools .btn_ptz:hover{background-color:#595959}.ptz-tools .btn_ptz:disabled{opacity:.2}.ptz-tools .ptz-layer{position:absolute;top:0;right:-315px;z-index:10001;width:300px;border:1px solid #ccc;background-color:#fff}.ptz-tools .ptz-layer:after{position:absolute;top:6px;left:-13px;content:'';display:block;width:13px;height:18px;background:url(../../../images/front/layer_ptz_arrow.png) no-repeat}.ptz-tools .ptz-layer .msg{font-size:18px;color:#444;line-height:20px;text-align:center}.ptz-tools .ptz-layer .btns{text-align:center}.ptz-tools .ptz-layer .btn-ptz-fail{width:120px;height:34px;border-radius:17px;background-color:#f47725;font-size:15px;color:#fff}.ptz-tools .ptz-layer .btn-ptz-fail:hover{background-color:#df691b}.ptz-tools .ptz-reset-fail-layer{padding:57px 15px 59px 15px}.ptz-tools .ptz-reset-fail-layer .msg{padding-bottom:19px}.ptz-tools .ptz-control-layer .tit{padding:13px 0 10px 16px;font-size:20px;color:#444;line-height:30px}.ptz-tools .ptz-control-layer .controls{padding:22px 0 19px 30px;background-color:#f7f7f7}.ptz-tools .ptz-control-layer .controls:after{content:'';display:block;clear:both}.ptz-tools .ptz-control-layer .direction{position:relative;float:left;width:172px;height:170px;background:url(../../../images/front/bg_ptz_direcion.png) no-repeat}.ptz-tools .ptz-control-layer .direction button{position:absolute;width:44px;height:44px;border:0;background:url(../../../images/front/btn_ptz_direction.png) no-repeat;cursor:pointer}.ptz-tools .ptz-control-layer .direction button.top{top:2px;left:63px}.ptz-tools .ptz-control-layer .direction button.top:hover{background-position:-44px 0}.ptz-tools .ptz-control-layer .direction button.top_left{top:17px;left:107px;background-position:0 -44px}.ptz-tools .ptz-control-layer .direction button.top_left:hover{background-position:-44px -44px}.ptz-tools .ptz-control-layer .direction button.left{top:61px;left:123px;background-position:0 -88px}.ptz-tools .ptz-control-layer .direction button.left:hover{background-position:-44px -88px}.ptz-tools .ptz-control-layer .direction button.btm_left{top:107px;left:105px;background-position:0 -132px}.ptz-tools .ptz-control-layer .direction button.btm_left:hover{background-position:-44px -132px}.ptz-tools .ptz-control-layer .direction button.btm{top:122px;left:63px;background-position:0 -176px}.ptz-tools .ptz-control-layer .direction button.btm:hover{background-position:-44px -176px}.ptz-tools .ptz-control-layer .direction button.btm_right{top:107px;left:19px;background-position:0 -220px}.ptz-tools .ptz-control-layer .direction button.btm_right:hover{background-position:-44px -220px}.ptz-tools .ptz-control-layer .direction button.right{top:61px;left:4px;background-position:0 -264px}.ptz-tools .ptz-control-layer .direction button.right:hover{background-position:-44px -264px}.ptz-tools .ptz-control-layer .direction button.top_right{top:17px;left:19px;background-position:0 -308px}.ptz-tools .ptz-control-layer .direction button.top_right:hover{background-position:-44px -308px}.ptz-tools .ptz-control-layer .zoom{position:relative;float:left;width:88px;height:162px;padding-top:4px;background:url(../../../images/front/bg_ptz_zoom.png) 0 4px no-repeat}.ptz-tools .ptz-control-layer .zoom button{position:absolute;width:56px;height:56px;border:0;background:url(../../../images/front/btn_ptz_zoom.png) no-repeat;cursor:pointer}.ptz-tools .ptz-control-layer .zoom button.in{top:7px;left:4px}.ptz-tools .ptz-control-layer .zoom button.in:hover{background-position:-56px 0}.ptz-tools .ptz-control-layer .zoom button.out{top:104px;left:4px;background-position:0 -56px}.ptz-tools .ptz-control-layer .zoom button.out:hover{background-position:-56px -56px}.ptz-tools .ptz-control-layer .btn-ptz-close{display:block;position:absolute;top:7px;right:7px;width:40px;height:40px;border:0;background:url(../../../images/front/btn_close.png) center center no-repeat;cursor:pointer}.ptz-reset-layer{height:266px}.ptz-reset-layer .content{margin-top:22px;font-size:18px;color:#444}.ptz-reset-layer .content .sub_txt{display:inline-block;padding-top:13px;font-size:14px;color:#636363;font-weight:300;line-height:21px}.ico-caution,.icon-program-tit:before{display:inline-block;overflow:hidden;line-height:300px;background:url(../../../images/icon_caution.png) no-repeat}.ico-caution{width:26px;height:26px;vertical-align:middle;background-position:0 0}.icon-program-tit{position:relative;padding-left:25px}.icon-program-tit:before{position:absolute;top:0;left:0;width:20px;height:20px;background-position:-28px 0;content:''}.page-noti-wrap{width:1000px;margin:0 auto;padding-top:45px}.page-noti-wrap .txt-center{text-align:center}.info-title{font-size:32px;font-weight:400;color:#444;line-height:38px}.info-desc{margin-top:48px;padding:16px 24px;vertical-align:top;font-size:15px;text-align:center;font-style:normal;color:#fe5825;border:1px solid #fe5825}.info-desc .em{font-style:normal}.info-desc .ico-caution{margin-right:8px}.info-txt-list{margin-top:26px}.info-txt-list-item{position:relative;padding-left:22px;font-size:13px;font-weight:500;line-height:20px;color:#444}.info-txt-list-item:before{position:absolute;top:9px;left:10px;width:2px;height:2px;vertical-align:middle;border-radius:50%;background-color:#444;content:''}.info-txt-list-em .info-txt-list-item{color:#fe5825}.info-txt-list-em .info-txt-list-item:before{background-color:#fe5825}.info-title-sub{margin-top:40px;font-size:20px;font-weight:400;color:#444}.info-title-sub+.info-table{margin-top:12px}.info-table tbody td{font-family:inherit}.info-table tbody td.info-table-first{text-align:left;padding-left:22px}.info-table+.info-txt-list{margin-top:10px}.info-status{font-weight:700;color:#fe5825}.info-status.on{color:#0177d0}.info-btn-area{margin-top:72px}.info-btn-area .btn{display:inline-block;vertical-align:top;color:#fff}.info-btn-area .btn+.btn{margin-left:10px}.info-btn-area .btn-l{line-height:30px}#pop-passkey-auth .passkey-auth-container{text-align:center;padding:30px 20px}#pop-passkey-auth .passkey-status{display:flex;flex-direction:column;align-items:center;gap:15px}#pop-passkey-auth .passkey-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px}#pop-passkey-auth .passkey-icon.waiting{background-color:#e8e8e8;color:#666}#pop-passkey-auth .passkey-icon.authenticating{background-color:#fff3e0;color:#f47725}#pop-passkey-auth .passkey-icon.success{background-color:#e8f5e9;color:#4caf50}#pop-passkey-auth .passkey-icon.error{background-color:#ffebee;color:#f44336}#pop-passkey-auth .passkey-icon .icon-fingerprint:before{content:"\1F91A";font-size:36px}#pop-passkey-auth .passkey-icon .icon-check:before{content:"\2714";font-size:36px}#pop-passkey-auth .passkey-icon .icon-error:before{content:"\2716";font-size:36px}#pop-passkey-auth .passkey-icon .pulse{animation:passkey-pulse 1.5s infinite}@keyframes passkey-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}#pop-passkey-auth .passkey-status p{margin:0;font-size:16px;color:#333;line-height:1.5}#pop-passkey-auth .passkey-hint{font-size:13px!important;color:#888!important}#pop-passkey-auth .error-message{color:#f44336!important}.passkey-section{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.passkey-section .section-title{font-size:16px;font-weight:700;color:#333;margin-bottom:15px}.passkey-section .section-subtitle{font-size:13px;font-weight:400;color:#888;margin-left:8px}.passkey-section .passkey-not-supported{padding:20px;background:#fff3e0;border-radius:5px;text-align:center}.passkey-section .warning-text{color:#f57c00;font-size:14px}.passkey-section .passkey-table{width:100%;border-collapse:collapse}.passkey-section .passkey-table thead th{background:#f5f5f5;padding:10px 15px;border:1px solid #ddd;font-weight:700;text-align:center}.passkey-section .passkey-table tbody td{padding:10px 15px;border:1px solid #ddd;text-align:center}.passkey-section .passkey-table .no-data{color:#888;font-style:italic;padding:20px}.passkey-section .passkey-actions{text-align:right}.passkey-register-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center}.passkey-register-dialog .layer-popup-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.passkey-register-dialog .layer-popup-content{position:relative;z-index:1;background:#fff;padding:25px 30px;border-radius:8px;width:400px;max-width:90%}.passkey-register-dialog .popup-title{font-size:18px;font-weight:700;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.passkey-register-dialog .popup-body{margin-bottom:15px}.passkey-register-dialog .info-text{font-size:13px;color:#666;line-height:1.6}.passkey-register-dialog .form-group{margin-top:15px}.passkey-register-dialog .form-group label{display:block;font-weight:700;margin-bottom:8px;font-size:14px}.passkey-register-dialog .form-control{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.passkey-register-dialog .form-control:focus{border-color:#f47725;outline:0}.passkey-register-dialog .popup-footer{padding-top:15px;border-top:1px solid #eee}