@charset "utf-8";

@font-face {
    font-family: 'Nanum Barun Gothic';
    font-style: normal;
    font-weight: 200;
    src: local('Nanum Barun Gothic UltraLight'), local('Nanum Barun Gothic-UltraLight'), local('NanumBarunGothic UltraLight');
    /*src: url(/resources/css/font/NanumBarunGothicUltraLight.eot);
    src: url(/resources/css/font/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),*/
    src: url(/resources/css/font/NanumBarunGothicUltraLight.woff2) format('woff2'),
    url(/resources/css/font/NanumBarunGothicUltraLight.woff) format('woff'),
    url(/resources/css/font/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Barun Gothic';
    font-style: normal;
    font-weight: 300;
    src: local('Nanum Barun Gothic Light'), local('Nanum Barun Gothic-Light'), local('NanumBarunGothic Light');
    /*src: url(/resources/css/font/NanumBarunGothicLight.eot);
    src: url(/resources/css/font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),*/
    src: url(/resources/css/font/NanumBarunGothicLight.woff2) format('woff2'),
    url(/resources/css/font/NanumBarunGothicLight.woff) format('woff'),
    url(/resources/css/font/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Barun Gothic';
    font-style: normal;
    font-weight: 400;
    src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
    /* src: url(/resources/css/font/NanumBarunGothic.eot);
     src: url(/resources/css/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),*/
    src: url(/resources/css/font/NanumBarunGothic.woff2) format('woff2'),
    url(/resources/css/font/NanumBarunGothic.woff) format('woff'),
    url(/resources/css/font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
    font-family: 'roboto';
    font-style: normal;
    font-weight: 200;
    /*src: url(/resources/css/font/roboto-light.eot);
    src: url(/resources/css/font/roboto-light.eot?#iefix) format('embedded-opentype'),*/
    src: url(/resources/css/font/Roboto-Light.woff2) format('woff2'),
    url(/resources/css/font/Roboto-Light.woff) format('woff'),
    url(/resources/css/font/Roboto-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'roboto';
    font-style: normal;
    font-weight: 400;
    /*src: url(/resources/css/font/roboto-medium.eot);
    src: url(/resources/css/font/roboto-medium.eot?#iefix) format('embedded-opentype'),*/
    src: url(/resources/css/font/Roboto-Medium.woff2) format('woff2'),
    url(/resources/css/font/Roboto-Medium.woff) format('woff'),
    url(/resources/css/font/Roboto-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Noto Sans JP';
    font-weight: 100;
    src:url(/resources/css/font/NotoSansJP-Light.woff2) format('woff2'),
    url(/resources/css/font/NotoSansJP-Light.woff) format('woff');
}

@font-face {
    font-family: 'Noto Sans JP';
    font-weight: 300;
    src:url(/resources/css/font/NotoSansJP-Regular.woff2) format('woff2'),
    url(/resources/css/font/NotoSansJP-Regular.woff) format('woff');
}

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
html,body{width:100%;height:100%}
body{background: #f4f4f4;}
body,input,textarea,select,button,table{font-family: Nanum Barun Gothic,sans-serif;font-size:12px;color:#333333;}
body:lang(ja),input:lang(ja),textarea:lang(ja),select:lang(ja),button:lang(ja),table:lang(ja){font-weight:300; font-family:'Noto Sans JP',“ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”,Osaka, “メイリオ”, Meiryo, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif!important}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#000;text-decoration:none;cursor:pointer }
a:hover,a:active,a:focus{text-decoration:none}
button{overflow:visible;border:0;background:transparent;cursor:pointer;line-height:0;vertical-align: inherit; outline:none;}
button::-moz-focus-inner{padding:0;border:0}
button span{position:relative}
input[type='text'],input[type='password']{border:0;background:transparent;vertical-align:top;outline:none}
input[type='checkbox'],input[type='radio']{border:none;-webkit-appearance:none;appearance:none;background:transparent;opacity:0;vertical-align:top}
input[type=text]::-ms-clear{display:none}
input{-webkit-appearance:none;appearance:none}
input{outline-width: 0; cursor:pointer }
input::-webkit-input-placeholder{color: #bbb; font-size: 12px;}
input::-moz-placeholder{color: #bbb; font-size: 12px;}
input::-ms-input-placeholder{color: #bbb; font-size: 12px;}
hr{display:none}
h2{font-weight: 300;}
h3{font-weight: 300;}

/* common */
body.blockScroll {overflow:hidden;}
.blind,legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.tit{font-size:34px;color:#4b96e6; margin-top: 7px;}
.tit_sub{font-size:40px; color:#4b96e6; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-top: 7px;}
.tit_sub_none{border: 0; padding-bottom: 0; margin-top: 7px;}
.tit span.cm{font-size: 20px; color: #d4d4d4; padding: 0 10px;}
.tit button.cm{position: absolute; background:#4f98e4; padding: 0px 12px; font-size: 14px; color: #fff; line-height: 26px; margin-top: 4px; border-radius: 2px;}
.tit button.cm_basic{position: absolute; right: 80px; background:#4f98e4; padding: 0px 12px 2px; font-size: 14px; color: #fff; line-height: 30px; margin-top: 4px; border-radius: 2px;}
.tit_sub button.b2b_basic{position: absolute; background:#4f98e4; padding: 0px 15px; font-size: 16px; color: #fff; line-height: 35px; border-radius: 2px; margin-left: 20px; margin-top: 2px;}
.tit_sub button img{position: relative;top:9px; margin-right: 5px;}
.tit_sub button.btn_move{position: absolute; right: 60px; background:#aaaaaa; padding: 0px 22px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: 10px; border-radius: 17px;}
.tit_sub button.btn_move_s{position: absolute; right: 150px; background:#4f98e4; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: 10px; border-radius: 17px;}
.tit_sub button.btn_move_s:lang(ja){right: 190px;}
.tit_sub button.btn_move_c{position: absolute; right: 60px; background:#b7b7b7; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: 10px; border-radius: 17px;}
.tit_b2b_h3{font-size:28px;color:#4a95eb; margin: -60px 0 -40px 0px;}
.tit_b2b_h3 button.btn_move{position: absolute; left: 1126px; background:#aaaaaa; padding: 0px 22px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: -5px; border-radius: 17px;}
.tit_b2b_h3 button.btn_move_s{position: absolute; left: 1036px; background:#4f98e4; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: -5px; border-radius: 17px;}
.tit_b2b_h3 button.btn_move_c{position: absolute; left: 1126px; background:#b7b7b7; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: -5px; border-radius: 17px;}
@media only screen and (max-width:1560px) {
    .tit_b2b_h3{font-size:28px;color:#4a95eb; margin: -60px 0 -20px -20px;}
    .tit_sub button.btn_move{position: absolute; right: 60px; background:#aaaaaa; padding: 0px 22px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: 10px; border-radius: 17px;}
    .tit_sub button.btn_move_s{position: absolute; right: 150px; background:#4f98e4; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: 10px; border-radius: 17px;}
    .tit_sub button.btn_move_c{position: absolute; right: 60px; background:#b7b7b7; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: 10px; border-radius: 17px;}
    .tit_b2b_h3 button.btn_move{position: absolute; left: 866px; background:#aaaaaa; padding: 0px 22px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: -5px; border-radius: 17px;}
    .tit_b2b_h3 button.btn_move_s{position: absolute; left: 776px; background:#4f98e4; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: -5px; border-radius: 17px;}
    .tit_b2b_h3 button.btn_move_c{position: absolute; left: 866px; background:#b7b7b7; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: -5px; border-radius: 17px;}
}
.tit_demo{font-size:14px;color:#777; margin-top: 15px; margin-bottom: 33px;}
.tit_route{position: absolute; right: 60px; top:22px; font-size: 14px; color: #777; font-weight: 200;}
.tit_route_gd{position: absolute; right: 0px; top:90px; font-size: 14px; color: #777; font-weight: 200; width: 300px; text-align: right;}
.tit_route_gd:lang(ja){width: 450px;}
@media only screen and (max-width:1280px) {
    .tit_route{position: absolute; right: 30px; top:22px; font-size: 14px; color: #777; font-weight: 200;}
    .tit_sub button.btn_move{position: absolute; right: 30px; background:#aaaaaa; padding: 0px 22px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: 10px; border-radius: 17px;}
    .tit_sub button.btn_move_s{position: absolute; right: 120px; background:#4f98e4; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: 10px; border-radius: 17px;}
    .tit_sub button.btn_move_c{position: absolute; right: 30px; background:#b7b7b7; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: 10px; border-radius: 17px;}
    .tit_b2b_h3 button.btn_move{position: absolute; left: 836px; background:#aaaaaa; padding: 0px 22px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: -5px; border-radius: 17px;}
    .tit_b2b_h3 button.btn_move_s{position: absolute; left: 746px; background:#4f98e4; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: -5px; border-radius: 17px;}
    .tit_b2b_h3 button.btn_move_c{position: absolute; left: 836px; background:#b7b7b7; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; margin-top: -5px; border-radius: 17px;}
}
.tit_route span{color: #ccc; margin: 0 8px;}
.tit_route_gd span{color: #ccc; margin: 0 8px;}
.btn .ic,.aln{display:inline-block;vertical-align:middle}
.fl{float:left}
.fr{float:right}
.fclear:after,.lst_video:after,.lst_video li dl:after,.sec2 ul:after,.sec6:after,.cs .inr:after{display:block;clear:both;content:''}
.elp{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}
.elp_clip{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float: left;max-width: 280px; font-size: 16px;}


/* images */
.sp,.sns_area a,.video_area.add:after,.btn .ic:before,.btn_w .ic:before,.evt_lst_wrap .evt_lst li button:after,.filter_bx.bd .chk input:checked+label,.filter_bx:first-child .chk input:checked+label:before,.ck_bx label:before,.ck_bx2 label:before,.rdo label:before,.rdo2 label:before,.zone,.time_info:after,.inp_box.calendar button,.inp_box.clock button,.evt_lst_wrap.v2 .open .set_modi .zone:after,.evt_lst_wrap.v2 .open .chk input:checked+label,.s_tit_area li:before {display:inline-block;overflow:hidden;background:url(/resources/im/sp.png) no-repeat;line-height:999px;vertical-align:top}


/* button style */
.btn,.btn_s,.btn_b{display:inline-block;text-align:center;line-height:100%; border-radius: 0;}
.btn_s{padding:8px 13px;color:#fff; font-size: 14px;}
.btn_b{padding:22px 0 21px;background:#4b96e6;font-size:18px;font-weight:400;color:#fff}
.btn_b:hover{background:#448ede;}
.btn_w{border:1px solid #d5d5d5;font-size:14px;color:#333333}
.btn_ss{padding:4px 6px;background:#555;color:#fff}
.btn_bc{background:#111}
.btn_sbc{background:#777}
.btn_sbc:hover{background:#555}
.btn_sbl{background:#c8c8c8}
.btn_sbl:hover{background:#aaa}
.btn_sb{background:#4b96e6}
.btn_sb:hover{background:#448ede}

.btn_sb.btn_set_save{background:#999999;}
.btn_sb.btn_set_save.enable{background:#4b96e6;}

.btn_set{height:40px;background:#4b96e6;font-size:14px;}
.btn_wf{border:1px solid #d5d5d5;background:#fff;color:#333333}


/* button style
.btn,.btn_s,.btn_ss{display:inline-block;border-radius:2px;text-align:center;color:#fff;line-height:100%}
.btn{height:40px;background:#4b96e6;font-size:14px;}
.btn_ss{padding:4px 6px;background:#555;font-size:12px}
.btn_s{padding:6px 11px;background:#4b96e6}
.btn_m{width:100px;font-weight:500}
.btn_b{font-size:20px;font-weight:400}
.btn_w{border:1px solid #d5d5d5;background:#fff;color:#333333}
.btn_blck{background:#111}
.btn_gry{background:#777}
.btn_l_gry{background:#c8c8c8}
.red{color:#e60012}*/

/* input box */
.ck_bx,.rdo,.ck_bx2,.rdo2{display:inline-block;position:relative;height:18px;margin-left:10px}
.ck_bx{width:33px}
.ck_bx_w01{width:600px; font-size: 14px; color: #555; margin-left: 0;}
.ck_bx_en{margin-right: 7px;}
.ck_bx label,.ck_bx label:before,.ck_bx2 label,.ck_bx2 label:before{position:absolute;top:0;left:0}
.ck_bx label,.ck_bx label:before{height:18px}
.ck_bx label{width:auto;padding-left:23px;line-height:20px}
.ck_bx label:before{width:18px;background-position:0 -95px;content:''}
.ck_bx input:checked+label:before{background-position:-20px -95px}
.ck_bx2{height:12px}
.ck_bx2 label,.ck_bx2 label:before{height:12px}
.ck_bx2 label{width:auto;padding-left:17px;line-height:14px}
.ck_bx2 label:before{width:13px;background-position:-502px -34px;content:''}
.ck_bx2 input[type="checkbox"]{width:10px;height:10px}
.ck_bx2 input:checked+label:before{background-position:-516px -34px}
.rdo input[type="radio"],.rdo2 input[type="radio"]{position:absolute;top:1px;left:1px}
.rdo input.wh_pop{width: 24px; height: 24px; left: 10px; top: 3px;}
.rdo label{padding-left:10px;line-height:30px}
.rdo label:before{width:24px;height:24px;margin-right:8px;background-position:-521px -416px;content:'';margin-top:3px;}
.rdo label .rdo_stxt{font-size: 14px; color: #999;}
.rdo input:checked+label:before{background-position:-491px -416px;}
.rdo2 label{width:auto;line-height:18px}
.rdo2 label:before{width:18px;height:18px;margin-right:5px;background-position:-322px -337px;content:''}
.rdo2 input:checked+label:before{background-position:-342px -337px;content:''}
.rdo_mg{margin: 0;}
.rdo_mg label{padding-left: 0; margin-right: 30px;}
.rdo_mg label:lang(ja){margin-right: 23px;}
.inp_box{display:block;position:relative;height:30px;padding:0 5px;background:#fff;border:1px solid #ddd;vertical-align:top;box-sizing:border-box}
.inp_box_w{width:452px; top: 16px;}
.inp_box_w:lang(ja){width: 390px;}
.inp_box input{width:100%;height:100%}
.inp_box.calendar,.inp_box.clock{height:28px;padding-right:25px;width: 240px;}
.inp_box.clock{position: relative;margin-left: 250px; margin-top: -28px;}
.inp_box.calendar button,.inp_box.clock button{position:absolute;top:50%;right:10px;width:16px}
.inp_box.calendar button{height:18px;margin-top:-10px;background-position:-196px -411px;}
.inp_box.clock button{height:16px;margin-top:-8px;background-position:-210px -356px}
.inp_box input.setup_input_box{width: 478px;}
.ck_bx_mg{display:inline-block;position:relative;height:18px;margin-left:0px}
.ck_bx_mg{width:500px; font-size: 13px; font-weight: 400;}
.ck_bx_mg button{width: 18px; height: 18px;background:url(/resources/im/check_off.png) no-repeat; margin-right: 5px; vertical-align: middle; margin-top: -3px;}
.ck_bx_mg button.on{width: 18px; height: 18px;background:url(/resources/im/check_on.png) no-repeat; margin-right: 5px; vertical-align: middle; margin-top: -3px;}
.ck_bx_mg select {padding: 2px;}
.ck_bx_mg_list{display:inline-block;position:relative;height:18px;margin-left:0px}
.ck_bx_mg_list{width:300px; font-size: 12px; padding-top: 3px;}
.ck_bx_mg_list button{width: 18px; height: 18px;background:url(/resources/im/check_off.png) no-repeat; margin-right: 5px; vertical-align: middle;}
.ck_bx_mg_list button.on{width: 18px; height: 18px;background:url(/resources/im/check_on.png) no-repeat; margin-right: 5px; vertical-align: middle;}
.ck_inp_disabled{opacity: 0.3;}

/* layer */
.dimmed{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:130;display: block;}
@media only screen and (max-width:1600px) {
    .dimmed_content{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:80; display: none;}
}
.ly_pop{position:absolute;top:175px;left:50%;padding: 40px; z-index:200;background:#fff;box-sizing:border-box}
.ly_pop_bottom_long{padding-bottom: 50px;}
.ly_pop_long{top:100px;}
.ly_pop_center{position: absolute; margin: -200px 0 0 -243px; top: 50%; left: 50%;}
.ly_pop_center02{position: fixed; margin: -200px 0 0 -243px; top: 50%; left: 50%;}
.ly_pop_center03{position: fixed; margin: -300px 0 0 -243px; top: 50%; left: 50%;}
.ly_pop_center_clip{position: fixed; margin: -295px 0 0 0px; top: 50%; left: 50%;}
.ly_tit{height:20px;padding:20px 0 10px}
.ly_tit h2{display:inline-block;margin-right:10px;font-size:24px;color:#333;line-height:22px;vertical-align:top; font-weight: 400;}
.ly_tit h2 span.store_name{color:#333;}
.ly_tit h2 span.clip_sxt{font-size:14px;color:#999;font-weight: 300; margin-left: 10px;}
.ly_tit h2 span.acc_info_popup{margin-left: 10px;}
.ly_tit h2 span.acc_info_popup a{}
.ly_tit h2 span.acc_info_popup img{position: relative; margin-top: -3px;}
.ly_tit h2 span.acc_info_popup em{background: #b7b7b7; padding: 4px 13px; font-size: 13px; color: #fff; position: absolute; margin-top: -5px; right: 40px; cursor: pointer;}
.ly_tit h2 span.acc_info_popup em:hover{background: #aaa;}
.ly_tit h2 span.acc_sxt{font-size:14px;color:#999;font-weight: normal; margin-left: 10px;}
.ly_tit h2 .sh_r{position: absolute; right: 40px; margin-top: -28px;}
.ly_tit h2 .sh_r em.share_IN{color: #fff; background: #4b96e6; border-radius: 17px; line-height: 34px; padding: 1px 12px 0; height: 34px; font-size: 14px;}
.ly_tit h2 .sh_r em.share_wait{color: #fff; background: #b7b7b7; border-radius: 17px; line-height: 34px; padding: 1px 7px 0; height: 34px; font-size: 14px;}
.ly_tit h2 .sh_r em.share_OUT{color: #fff; background: #ef351c; border-radius: 17px; line-height: 34px; padding: 1px 5px 0; height: 34px; font-size: 14px;}
.ly_stit{height:20px;padding:0px;}
.ly_stit h2{display:inline-block;margin-right:10px;font-size:14px;color:#999;line-height:22px;vertical-align:top; font-weight: normal;}

.ly_tit .toggle_lst{display:inline-block;float:none;margin-left:10px}
.ly_tit .titmody{width:16px;height:16px;margin-top:21px;background-position:-190px -319px;margin-left: 10px;}
.ly_tit .back_cam_setting{background:url(/resources/img/btn-popup-prev-normal.png) no-repeat;width:12px;height:22px;display:inline-block;margin-top:-2px;margin-right:10px;cursor:pointer;}
.ly_pop .btn_box{margin-top:30px;text-align:center}
.ly_pop .btn_box .btn_b{height:50px;width: 150px; font-size:16px;color:#fff;border-radius: 25px; padding: 0; margin: 0 5px;}
.ly_pop .btn_close{overflow:hidden;position:absolute;top:20px;right:20px;width:18px;height:18px;background-position:-36px -69px;line-height:999px}
.ly_pop .btn_close_alert{overflow:hidden;position:absolute;top:26px;right:30px;width:18px;height:18px;background-position:-36px -69px;line-height:999px}
@media all and (max-width:520px) {
    .ly_pop .btn_close_alert{right:19px;}
}
.ly_pop .btn_close_demo{overflow:hidden;position:absolute;top:30px;right:30px;width:18px;height:18px;background-position:-143px -385px;line-height:999px}
.ly_pop .btn_box_s_area{margin-top:0px; margin-bottom: 0px; text-align: right;}
.ly_pop .btn_box_s_area button{padding: 9px 13px; font-size: 12px;}

.ly_pop .ly_con{width:406px;margin-top:10px;padding:10px 0 ;border-width:1px 0}
.ly_pop .ly_con_mg{margin-bottom: 40px; overflow: hidden;}
.ly_pop .ly_con{font-size:14px;color:#333;line-height:30px;}
.ly_pop .ly_con_sm{width: 346px;}
.ly_pop .ly_con_b2b{width: 600px;}
.ly_pop .ly_con_all{width: 800px;}
.ly_pop .ly_con p{color: #777; font-size: 16px;}
.ly_pop .ly_con p.warning{color: #333333; font-size: 14px; font-weight: 400; line-height: 1.5; margin-top: 10px;}
.ly_pop .ly_con .firmware_guide {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #444444;
}
.ly_pop .ly_con p.ta_L{color: #666; font-size: 14px; line-height: 30px; text-align: left; padding-left: 10px;}
.ly_pop .ly_con p.ta_all{color: #777; font-size: 13px; line-height: 21px; text-align: left;}
.ly_pop .ly_con p.ta_all strong{color: #555; font-size: 15px; line-height: 21px; text-align: left;}
.ly_pop .ly_con p.ta_all span{color: #333;}
.ly_pop .ly_con p.mg_tb{margin: 30px 0 20px; text-align: center; font-size: 18px; color: #555;}
.ly_pop .ly_con p.ta_L_b{color: #4b96e6; font-size: 16px; text-align: left; margin-top: 20px;  padding-left: 10px;}
.ly_pop .ly_con p.ta_L_view{text-align: left; margin-top: 20px;}
.ly_pop .ly_con p.ta_L_view a{color: #4b96e6; font-size: 16px;}
.ly_pop .ly_con p.ta_L_view a:hover{text-decoration: underline;}
.ly_pop .ly_con p.txt_s{color: #999; font-size: 12px; line-height: 1.5; margin-top: 10px;}
.ly_pop .ly_con p.plus{font-size: 18px; color: #333; margin-bottom: 10px;}
.ly_pop .ly_con p.plus_s{font-size: 15px; color: #666; margin-bottom: 10px; line-height: 1.6;}
.ly_pop .ly_con p.plus_b{font-size: 18px; color: #4b96e6; margin-bottom: 15px;}
.ly_pop .ly_con .dot_mark{width:3px;height:3px;background-color:#999999;border-radius:3px;display:inline-block;margin-right:8px;margin-bottom:3px;}
.ly_pop .ly_con_acc{background: #f0f0f0; padding: 15px;}
.ly_pop .ly_con_acc p{font-size: 15px; color: #999; line-height: 24px;}
.ly_pop .ly_con_acc p span.state{color: #ef351c;}
.ly_pop .ly_check>ul{overflow-y: auto; padding: 20px 0 0;}
.ly_pop .ly_check>ul>li{border: 0; height: 32px;}
.ly_pop .ly_check>ul>li span{margin: 0px; width: 310px; font-size: 13px; color: #666;}
.ly_pop.type2 .ly_check>ul>li span:lang(ja){width:360px;}
.ly_pop .ly_check>ul input{margin-right: 23px; position: relative; z-index: 1; width: 18px; height: 18px;}
.ly_pop .ly_con .md_con{font-size: 16px; color: #777; letter-spacing: -0.9px; margin-bottom: 20px;}
.ly_pop .ly_con.cloud_info_con{width:100%;text-align:center;}
.ly_pop .ly_con.cloud_info_con .cloud_icon{margin-top:24px;}
.ly_pop .ly_con.cloud_info_con .plus_b{font-weight:bold; color:#333333; margin-top:12px;}
.ly_pop .ly_con.cloud_info_con .release_btn{width:63px;height:32px;margin-top:24px;border:1px solid #dddddd;}
.ly_pop .ly_con_cloud{width:406px;height:30px;margin-top:10px; border-top:1px solid #aaa;}
.ly_pop .ly_con_cloud .Plist_Lsb{float:left;font-size:14px;color:#333333; padding: 18px 0 0; width: 70%; height: 30px;}
.ly_pop .ly_con_cloud .Plist_Lsb .rdo label{padding-left: 0;}
.ly_pop .ly_con_cloud .Plist_Rsb{float:right;font-size:14px;color:#4b96e6; padding: 18px 16px 0px 0;}
.ly_pop .ly_in_box{position: relative; background: #f3f3f3; padding: 15px; margin-top: 20px;}
.ly_pop .ly_in_box input{background: #fff; color: #333333; font-size: 12px; border: 1px solid #c8c8c8; line-height: 30px; height: 30px; border-radius: 2px; margin: 0 5px; width: 135px; padding: 0 5px;}
.ly_pop .ly_in_box_local{position: relative; background: #f3f3f3; padding: 20px; margin-top: 20px; color: #333; font-size: 14px;}
.ly_pop .ly_in_box_local button{margin: 0 3px; line-height: 28px; font-size: 13px; color: #fff; background: #b7b7b7; width: 80px; position: absolute; right: 10px; margin-top: -6px;}
.ly_pop .ly_in_box_local button.check{background: #4b96e6; right: 95px;}
.ly_pop .ly_in_box_local button.check_none{background: #777; right: 95px;}
.ly_pop .ly_in_box_local span.check_none{color: #ef351c;}
.ly_pop .ly_in_box_local span.check{color: #4b96e6;}
.ly_pop .ly_in_box_setup{position: relative; background: #f3f3f3; padding: 20px; margin-top: 20px; color: #777; font-size: 14px; line-height: 24px;}
.ly_pop .ly_in_box_setup span{color: #ef351c;}
.ly_pop .btn_box.v2{margin-top:15px;font-size:0}
.ly_pop .btn_box.v2 button{min-width:100px;margin-left:5px}
.ly_pop .btn_box.v2 button:first-child{margin-left:0}
.ly_pop.type2,.ly_pop.type3{margin-left:-243px;}
.ly_pop.type4{margin-left:-440px; margin-top: -65px;}
.ly_pop.type2 .ly_tit,.ly_pop.type3 .ly_tit{padding:20px 0 10px}
.ly_pop.type3 .ly_con{padding:20px 0 31px}
.ly_pop.type3 .inp_box{width:205px;margin:24px auto 0}
.ly_pop.camera_setting_pop{max-height:720px;top:-10px;padding-left: 0;padding-right: 0;}
.ly_pop.camera_setting_pop .set_tit_wrap{padding-left:40px;padding-right:40px;}
.ly_pop.camera_setting_pop .set_cont_wrap{padding-left:40px;padding-right:40px;height:570px;overflow-y:auto;margin-top: 10px;}
.ly_pop.camera_setting_pop .set_cont_wrap .set_cont_bottom{margin-bottom:40px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .ly_pop.camera_setting_pop .set_cont_wrap{overflow-y:overlay;}
    body {overflow-y: overlay;}
}
@media only screen and (max-width: 1600px){
    .ly_pop.camera_setting_pop{max-height:600px;}
    .ly_pop.camera_setting_pop .set_cont_wrap{height:450px;}
}
.ly_pop_w {width:652px; padding-bottom: 0px;}
.ly_pop_w .ly_con_w{width:610px; border-width:1px 0 0 0; padding:9px 0 15px;}
.ly_pop_w .ly_con_w .ly_stxt{width:100%; height: 600px; color: #333; font-size: 12px; line-height: 1.8; overflow-x:hidden; border: 0px; text-align: left; letter-spacing: 0px;}
.ly_pop_w .ly_con_w .ly_stxt pre{font-family: Nanum Barun Gothic, sans-serif;}
.ly_pop_w .ly_con_w .ly_stxt span{font-weight: 400;}
.ly_pop_w .ly_con_w .ly_stxt span.ly_stit{font-size: 15px; border: 0px;}
.ly_pop_demo {width:1066px; padding: 20px;top:100px;}
.ly_pop_demo .ly_con_demo{width:100%; border:0; }
.ly_pop_full{z-index: 9999999999;}
.ly_pop_w01{width: 624px;}
.ly_pop_w01.type2,.ly_pop_w01.type3{margin-left:-312px;}
.ly_pop_w01 .ly_con{width: 100%;}
.ly_pop_w01 .ly_con p.ta_L{color: #777; font-size: 16px; line-height: 30px; text-align: left; padding-left: 0px;}
.ly_pop_w01 .ly_con p.ta_L_b{color: #4b96e6; font-size: 16px; text-align: left; margin-top: 20px;  padding-left: 0px;}
.ly_pop .acc_map_area{background: #eee; width: 100%; height: 400px; margin-top: 5px;}
.ly_pop .acc_map_area .acc_map_input{position: absolute; margin-left: 10px; margin-top: 10px;}
.ly_pop .acc_map_area .acc_map_input input{border: 1px solid #b7b7b7; background: #fff; padding: 0px 10px; line-height: 26px; color: #333; width: 160px;}
.ly_pop .acc_map_area .acc_map_input button{position: relative; margin-left: -22px; top: -8px;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */
    .ly_pop .acc_map_area .acc_map_input input{height: 21px;}
    .ly_pop .acc_map_area .acc_map_input button{top: 6px;}
    .video-js video.vjs-tech {
        top:50%;
        left:50%;
        transform: translate(-50%, -50%) !important;
        width: auto;
        height: 100%;
    }
}
.ly_pop .acc_map_area .acc_map_now{background: #fff; width: 28px; height: 28px; text-align: center; position: absolute; cursor: pointer; bottom: -7px; right: 10px; border-radius: 2px; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);}
.ly_pop .acc_map_area .acc_map_now img{position: relative; top: 3px;}
.ly_pop .acc_map_area .acc_map_now_wait{font-size: 12px; color: #fff; background: #4b96e6; padding: 7px 10px; position: absolute; right: 90px; bottom: 140px; border-radius: 2px;}
.ly_pop .acc_map_area .acc_map_now_wait img{position: absolute; margin-left: 11px;}
.ly_pop .state_area{position: relative; overflow: hidden; padding: 20px 0 10px; border-top: 1px solid #eee;  margin-top: 20px;}
.ly_pop .state_area ul{clear: both;}
.ly_pop .state_area li{float: left; position: relative; line-height: 30px;}
.ly_pop .state_area li.T_L{position: relative;}
.ly_pop .state_area li.T_L img{margin-top: 3px;}
.ly_pop .state_area li.T_R{font-size: 18px; color: #333;}
.ly_pop .state_area li.B_L{position: relative; margin-left: 25px;}
.ly_pop .state_area li.B_L em.acc_IN{color: #fff; background: #4b96e6; border-radius: 17px; line-height: 34px; padding: 1px 12px 0; height: 34px; font-size: 14px;}
.ly_pop .state_area li.B_L em.acc_wait{color: #fff; background: #b7b7b7; border-radius: 17px; line-height: 34px; padding: 1px 7px 0; height: 34px; font-size: 14px;}
.ly_pop .state_area li.B_L em.acc_OUT{color: #fff; background: #ef351c; border-radius: 17px; line-height: 34px; padding: 1px 5px 0; height: 34px; font-size: 14px;}
.ly_pop .state_area li.B_R{font-size: 16px; color: #4b96e6; position: relative; padding-left: 5px; padding-top: 2px;}
.pac-container { z-index: 10000 !important; } /* Google Map AutoComplete Layer */

/* 스킵네비게이션 */
#u_skip{position:relative;z-index:999}
#u_skip a{position:absolute;top:-30px;left:50%;width:128px;margin-left:-64px;padding:5px 0;background:#000;opacity:0.9;filter:alpha(opacity=90);font-size:12px;color:#fff;text-align:center;outline:none}
#u_skip a:active,#u_skip a:focus{top:0;text-decoration:none;cursor:pointer}

/* Layout */
#wrap{width:100%;min-width:1280px; height:100%;}
@media only screen and (max-width:1280px) {
    #wrap{width:100%;min-width:1000px; height:100%;}
}
#header{position:relative;z-index:10;}
.scroll_none{position:absolute !important;}
.ja_gnb{background: #4b96e6; height: 110px; position: fixed; z-index: 10; width: 100%; background: 0;}
.ja_gnb_scroll{background: #4b96e6; height: 110px;}
.ja_gnb .ja_gnb_st{position: relative;height: 30px;  background: rgba(0,0,0,.6);text-align: right}
.ja_gnb_scroll .ja_gnb_st{position: relative;height: 30px;  background: rgba(72,144,221,.6);text-align: right}
.ja_gnb .ja_gnb_st .r_txt{display: block;padding: 0 15px;  box-sizing: border-box; font-family: “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”,Osaka, “メイリオ”, Meiryo, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;  font-size: 12px;  color: #999;  text-align: left;}
.ja_gnb_scroll .ja_gnb_st .r_txt{display: block;padding: 0 15px;  box-sizing: border-box; font-family: “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”,Osaka, “メイリオ”, Meiryo, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;  font-size: 12px;  color: #b3ccee;  text-align: left;}
.ja_gnb .menu_lst{position: absolute; right: 40px; top: 0;}
.ja_gnb .menu_lst li a{display: block; padding: 0 15px; box-sizing: border-box; font-family: “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”,Osaka, “メイリオ”, Meiryo, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif; font-size: 12px; color: #b3ccee; text-align: left;}
.ja_gnb .menu_lst li a.id_txt{color: #a9a7a6;}
.ja_gnb_scroll .menu_lst li a.id_txt{color: #b3ccee;}
.ja_gnb .menu_lst li{position: relative; float: left; line-height: 30px;}
.ja_gnb .menu_lst li .arrow_d{background-position: -47px 0; position: relative; top: 13px; left: 8px; width: 7px; height: 4px;}
.ja_gnb .menu_lst li.on a{background: rgba(22,20,17,.8); color: #dedede;}
.ja_gnb .menu_lst li.on .arrow_d{background-position: -36px 0; position: relative; top: 13px; left: 8px; width: 7px; height: 4px;}
.ja_gnb .menu_lst li.on .sub_bx{display: block;}
.ja_gnb_scroll .menu_lst li.on a{background: rgba(66,133,204,.8); color: #fff;}
.ja_gnb .menu_lst li .sub_bx{display: none; position: absolute; left: 0; right: 0; top: 30px; padding: 11px 10px 10px 20px; background: #fff; z-index: 100;}
.ja_gnb .menu_lst li .sub_bx .sel_lst li{float: none; text-align: left;}
.ja_gnb .menu_lst li .sub_bx .sel_lst li a, .main_header .ja_gnb .menu_lst li .sub_bx .sel_lst li a{padding: 0; background: #fff; font-family: “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”,Osaka, “メイリオ”, Meiryo, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif; font-size: 12px; color: #777;}

#header_sub{position:relative;z-index:110;background:#4b96e6;top: 0;height: 110px;width:100%;}
#container{min-height:100%;margin:-80px 0 -200px;padding:0 80px;}
#container_demo{min-height:100%;margin:-80px 0 0;padding:0 0px}
#container_demoview{min-height:100%;margin:-80px 0 -220px;padding:0 15.3%}
#container_audiochat{min-height:100%;margin:-80px 0 -220px;padding:0 15.3%}
#content{padding:238px 0 280px; background: #f4f4f4; min-height:250px;}
#content_store{padding:0px; margin-top: -50px;}
#content_demo{padding:238px 0 260px; min-height: 697px;}
#content_detail{padding:203px 0 220px;}
#content_demo_detail{padding:210px 0 300px}
#content_audiochat_detail{padding:210px 0 300px}
.inr{position:relative;margin:0 auto; padding:0 60px;}
@media only screen and (max-width:1280px) {
    .inr{position:relative;margin:0 auto; padding:0 30px;}
}
.navon #container{margin-top:-155px}
.navon #content{padding-top:200px}
.navon #content_detail{padding-top:180px}
.navon #content_demo{padding-top:120px}
.navon #content_demo_detail{padding-top:100px}

.cont_min{min-height:800px;}

/* header */
#header .inr{padding:0 60px;}
@media only screen and (max-width:1280px) {
    #header .inr{padding:0 30px;}
}
.header_scroll .inr{padding:0 60px; padding-bottom: 10px;}
.logo_toastcam{display:inline-block;vertical-align:top;}
.logo_toastcam a{display:block;width:160px;height:21px;padding:27px 0 23px}
@media only screen and (max-width:1280px) {
    .logo_toastcam a{padding:22px 0 18px}
}
.log_menu{position:absolute;right:55px;top:3px}
.log_menu:lang(ja){right:237px;}
.log_menu>li{position:relative;float:left;font-size: 16px; color: #fff; padding: 0 20px; line-height: 74px;}
.log_menu>li:lang(ja){letter-spacing: -1px;}
@media only screen and (max-width:1280px) {
    .log_menu{position:absolute;right:33px;top:3px}
    .log_menu>li{padding: 0 15px; line-height: 64px;}
    .log_menu>li:lang(ja){padding: 0 12px; letter-spacing: -1px; font-size: 14px;}
}
.log_menu>li:hover{cursor: pointer; border-bottom: 3px solid #fff;}
.log_menu a{display:inline-block;color:#fff}
.log{position:absolute;right:38px;top:17px}
.log>li{position:relative;float:left}
.log>li:after{position:absolute;left:0;top:50%;width:1px;height:16px;margin-top:-8px;background:#515151;content:''}
.log>li:first-child:after{background:none}
.log>li a{display:inline-block;padding:5px 21px;font-size:14px;color:#fff}
.log>li a.logout{margin:0 20px;padding:4px 5px;border-radius:2px;border: 1px solid #fff;color:#fff;cursor:pointer;}
.user{display:inline-block;position:relative;height:24px;padding:0px 10px;font-size:14px;font-weight:400;color:#fff;}
.user:after{position:absolute;bottom:0;right:0;width:4px;height:4px;background:url(/resources/im/sp.png) no-repeat;background-position:-543px -60px;content:''}
.user.clicked+.gnb_bx_layer{display:block}
.gnb_bx_layer{display:none;position:absolute;top:30px;right:104px;z-index:10;width:130px;padding:14px 18px;background:#f5f5f5;text-align:left;}
.gnb_bx_layer_en{display:none;position:absolute;top:30px;right:104px;z-index:10;width:184px;padding:14px 18px;background:#f5f5f5;text-align:left;}
.gnb_bx_layer li{}
.gnb_bx_layer li a{display:block;padding:10px;font-size:14px;color:#333333; margin-left: 20px;}
.gnb_bx_layer li img{position:absolute; margin-top: 6px; height: 24px; width: 24px;}
.btn_menu{position:absolute;left:50px;top:0;padding:20px 30px;outline-width: 0;}
.btn_menu .sp{width:26px;height:19px;background-position:0 -48px;}
.gnb{display:none;position:relative;padding:0 80px;background:#f1f1f1;border-bottom:1px solid #d5d5d5}
.lst_menu{max-width:1920px;margin:0 auto;}
.lst_menu:after{display:block;clear:both;content:''}
.lst_menu li{float:left}
.lst_menu li:first-child{margin-left:-23px}
.lst_menu li a{display:block;padding:22px 23px;font-size:19px;color:#333333}
.navon .btn_menu .sp,.btn_menu:hover .sp{background-position:-28px -48px}
.navon .gnb{display:block}
.tc_header .toast_top_menu .buy_cam_btn {position: absolute; right: 56px; top: 22px; display: block; background-color: #fff; color: #4b96e6; font-size: 16px; padding: 18px 16px; border-radius: 22px; line-height: 0px; cursor: pointer;}
.tc_header .toast_top_menu .log_menu_out{right: 360px;}
.main_header .toast_top_menu .buy_cam_btn {position: absolute; right: 56px; top: 22px; display: block; color: #fff; font-size: 16px; padding: 18px 16px; background-color: #4b96e6; border-radius: 22px; line-height: 0px; cursor: pointer;}
.scroll_move .toast_top_menu .buy_cam_btn  {background-color: #fff; color: #4b96e6;}
.main_header .toast_top_menu .log_menu_out{right: 360px;}
.tc_header .toast_top_menu .log_menu{right: 190px;}
.tc_header .toast_top_menu .log_menu:lang(ja){right: 220px;}
@media only screen and (max-width:1280px) {
    .tc_header .toast_top_menu .buy_cam_btn {position: absolute; right: 26px; top: 16px; display: block; background-color: #fff; color: #4b96e6; font-size: 16px; padding: 18px 16px; border-radius: 22px; line-height: 0px; cursor: pointer;}
    .tc_header .toast_top_menu .log_menu_out{right: 180px;}
    .main_header .toast_top_menu .buy_cam_btn {position: absolute; right: 56px; top: 22px; display: block; color: #4b96e6; font-size: 16px; padding: 18px 16px; background-color: #fff; border-radius: 22px; line-height: 0px; cursor: pointer;}
    .main_header .toast_top_menu .buy_cam_btn:lang(ja){font-size: 14px;}
    .scroll_move .toast_top_menu .buy_cam_btn {background-color: #fff; color: #4b96e6;}
    .main_header .toast_top_menu .log_menu_out{right: 180px;}
    .tc_header .toast_top_menu .log_menu{right: 250px;}
    .tc_header .toast_top_menu .log_menu:lang(ja){right: 190px;}
    .tc_header .toast_top_menu{height: 70px;}
}

/*일본어 로그인 */
.wrap_login{width: 100%;}
.logo_header{padding: 70px 0 15px;background-color: #f5f5f5;border-bottom: 0;line-height: 1;zoom: 1;text-align: center;padding-bottom: 0px;}
.logo_header .txt{display: block;/* margin-top: 10px; *//* padding: 0 10px; */font-size: 14px;color: #666;line-height: 22px;margin: 16px auto;max-width: 261px;margin-bottom: 0px;}
.logo_header .err_txt{display: block; padding: 0 10px; font-size: 14px; color: #4b96e6; line-height: 36px;}
.logo_header .id_txt{display: block;margin-top: 20px;padding: 15px 0;font-size: 16px;color: #4b96e6;line-height: 25px;background: #eee;max-width: 306px;margin: 0 auto;margin-top: 20px;text-align: left;padding-left: 24px;}
.logo_header .txt_end{display: block; margin-top: 50px; padding: 0 10px; font-size: 16px; color: #333; line-height: 18px;}
.logo_header .txt_end span{color: #4b96e6;}
.container_login{overflow: visible; padding-bottom: 30px; min-height: 399px; background-color: #f5f5f5;}
.container_login .login_cnt{margin: 0 auto;max-width: 330px;position: relative;padding-top: 30px;}
.container_login .login_cnt .chk_area{margin-top: 3px; position: relative; min-height: 20px; margin-bottom: 12px; padding-left: 4px; zoom: 1;}
.container_login .login_cnt .chk_area .cbx_prove2{position: absolute; top: 0; right: 0; z-index: 200; padding-left: 20px; text-align: left; width: 50px; margin-top: 0;}
.checkbox-applied{display: inline-block; overflow: hidden; position: absolute; width: 100px; height: 20px; vertical-align: middle; cursor: pointer; left: 0;}
.checkbox-applied span.checkbox-mark{display: inline-block; position: absolute; left: 0; top: 0; overflow: hidden; line-height: 200px;}
.checkbox-applied input{left: 5px; top: 5px; width: 16px; height: 16px;}
.checkbox-applied label{display: inline-block; margin-left: 5px; line-height: 20px; vertical-align: middle; white-space: nowrap; font-size: 13px; line-height: 18px; color: #666; background: url(/resources/im/check_off.png) no-repeat;}
.checkbox-applied label span.id_save_txt{margin-left: 25px;}
.checkbox-applied input:checked+label{background: url(/resources/im/check_on.png) no-repeat;}
.container_login .login_cnt .login_area{position: relative; z-index: 100; margin-top: 16px;}
.container_login .login_cnt .login_area .input_txt_area{position: relative;display: block;height: 18px;margin-bottom: 8px;padding: 11px 14px 9px;background-color: #fff;border: 1px solid #e0e0e0;z-index: 10;max-width: 100%;/* padding-right: 35px; */padding: 12px 35px 12px 14px;}
.container_login .login_cnt .login_area .input_txt_area:focus-within{border: solid 1px #858585;}
.container_login .login_cnt .login_area .input_txt_area input{overflow: hidden; width: 100%; height: 18px; font-size: 15px; line-height: 18px; vertical-align: middle; background-color: #fff; color: #333;}
.container_login .login_cnt .login_area .input_txt_area .btn_del{overflow: hidden; display: inline-block; position: absolute; top: 0; right: 0px; width: 35px; height: 38px; line-height: 38px; text-align: center; cursor: pointer; vertical-align: top; background-color: #fff; z-index: 101;}
.container_login .login_cnt .login_area .input_txt_area .btn_del img{position: relative; top: 14px;}
.container_login .btn_v1{width: 100%; background-color: #4a96e6; color: #fff; display: block; height: 46px; line-height: 46px; text-align: center; font-size: 15px; font-weight: normal; cursor: pointer; margin-top: 12px;}
.container_login .btn_v2{width: 100%; display: block; background-color: #777777; color: #fff; height: 46px; line-height: 46px; text-align: center; font-size: 15px; font-weight: normal; cursor: pointer; margin-top: 12px;}
.container_login .login_cnt .login_area .fnd_area{margin: 23px 0 18px; text-align: center; font-size: 13px; vertical-align: top;}
.container_login .login_cnt .login_area .fnd_area a{color: #777;}
.section{max-width: 410px; margin: 0 auto;}
.argee_area{overflow: hidden; border-top: 1px solid #ddd; padding-top: 15px;}
.argee_area .inner_wrap {margin: 35px 0 5px;}
.argee_area .inner_wrap.v2 {padding: 19px; background-color: #ebebeb; border: 1px solid #e0e0e0; overflow: hidden; height: 50px;}
.argee_area .inner_wrap .agree_lst li {position: relative;}
.argee_area .inner_wrap .agree_lst li.bt{top: 32px;}
.argee_area .more {position: absolute; top: 1px; right: 0; font-size: 13px; line-height: 15px; text-decoration: underline; color: #999;}

/* snb */
.myinfo #container{padding:0}
.myinfo #content{padding-top:187px }
.myinfo .inr{padding:0 60px;}
@media only screen and (max-width:1280px) {
    .myinfo .inr{padding:0 30px;}
}
.myinfo .left_menu{width: 260px;}
.myinfo.navon #content{padding-top:155px}
.myinfo .contwrap{margin: 0 auto; padding-left: 260px; padding-bottom: 80px; max-width: 1200px; overflow: hidden; min-height: 888px;}
.myinfo .contwrap .tab_two{position: relative; margin-bottom: 50px; margin-top: 44px; overflow: hidden;}
.myinfo .contwrap .tab_two button.groupBtn_on{width:50%; height:50px; color:#fff; border: 0px; background: #555; border-radius:0px; text-align: center; font-size: 16px; padding: 0; float: left;}
.myinfo .contwrap .tab_two button.groupBtn_off{width:50%;  height:50px; color:#777; border: 0px; background: #e5e5e5; border-radius:0px; text-align: center; font-size: 16px; padding: 0; float: left;}


.myinfo .contwrap2{margin: 0 auto; padding-left:0px; padding-bottom: 80px; overflow: hidden; min-height: 888px;}
.myinfo .contwrap2 .tab_two{position: relative; margin-bottom: 50px; margin-top: 44px; overflow: hidden;}
.myinfo .contwrap2 .tab_two button.groupBtn_on{width:50%; height:50px; color:#fff; border: 0px; background: #555; border-radius:0px; text-align: center; font-size: 16px; padding: 0; float: left;}
.myinfo .contwrap2 .tab_two button.groupBtn_off{width:50%;  height:50px; color:#777; border: 0px; background: #e5e5e5; border-radius:0px; text-align: center; font-size: 16px; padding: 0; float: left;}



.install_gd_T{min-height: 350px;}
.LNB_off{position: absolute; left: 0px; display: none; top: -3px;}
.snb{position:fixed;bottom:-80px;left:0;top:0;width:260px;background:#fff; display: inherit; border-right: 1px solid #e5e5e5; min-height:250px; padding-top: 110px; z-index: 100;}
.snb_b2b{min-height:610px;}
.snb .s_tit{font-size:26px;color:#333333;letter-spacing: -0.2px;padding-top: 32px;padding-left: 20px;padding-bottom: 20px;font-weight: 400;}
.snb .s_tit:lang(ja){font-size: 23px; letter-spacing: -3px;}
.snb .s_tit_b2b{font-size:18px;color:#333333; letter-spacing: -0.5px; padding-top: 20px; padding-left: 55px; padding-bottom: 20px; font-weight: 400;}
.snb .s_tit_b2b img{vertical-align: middle;}
.snb .s_tit_b2b img.ic_group{margin-left: 5px; margin-top: -2px;}
.snb .s_tit_b2b img.ic_ar{margin-right: 8px;}
.snb .s_menu{}
.snb .s_menu li{font-weight:300;}
.snb .s_menu li a{display:block;padding: 15px 0 16px 24px;font-size:16px;color:#555;letter-spacing: -0.2px;font-weight:400;}
.snb .s_menu li a:lang(ja){font-size: 15px; letter-spacing: -1px;}
.snb .s_menu li.on a,.s_menu li:hover a{color:#4a95eb;}
.snb .s_menu_b2b{border-bottom: 1px solid #e8e8e8; border-top: 1px solid #f3f3f3; background: #fafafa; padding: 15px 0;}
.snb .s_menu_b2b li{display:block;padding:8px 0 8px 50px;font-size:13px;color:#666; letter-spacing: 0px;}
.snb .s_menu_b2b>li.s_menu_b2b_none{color: #b7b7b7;}
.snb .s_menu_b2b>li.s_menu_b2b_cr{cursor: pointer;}
.snb .s_menu_b2b>li.s_menu_b2b_cr:hover{text-decoration: underline;}
.snb .s_menu_b2b>li.s_menu_b2b_cr .s_menu_txt{width: 154px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.snb .s_menu_b2b>li span{margin: 0px; width: 200px;}
.snb .s_menu_b2b>li .b2b_setup_s{position: relative; float: right; margin-top: -15px; margin-right: 20px;}
.snb .s_menu_b2b>li input{margin-right: 23px; position: relative; z-index: 1; width: 18px; height: 18px;}
.snb .s_menu_b2b>li label{padding-left: 25px; width: 120px;}
.snb .s_menu_b2b>li label img{margin-left: 5px; margin-top: 2px;}
@media only screen and (max-width:1600px) {
    .LNB_off{position: absolute; left: 0px; display: block;  top: 3px;}
    .myinfo .contwrap{margin: 0 auto; max-width: 1200px; padding-left: 0px; padding-bottom: 80px;}
    .myinfo .contwrap2 {margin: 0 auto;  padding-left: 0px; padding-bottom: 80px;}
    .snb{position:fixed;bottom:-80px;left:0;top:0;width:260px;background:#fff; display: none; z-index: 100;}
    .snb .s_tit{font-size:26px;color:#333333; letter-spacing: -0.2px; padding-top: 60px; padding-left: 60px; padding-bottom: 30px;}
    .snb .s_menu li a{display:block;padding:13px 0 13px 60px;font-size:16px;color:#555; letter-spacing: -0.2px; font-weight:400;}
    .snb .s_tit_b2b{font-size:18px;color:#333333; letter-spacing: -0.5px; padding-top: 20px; padding-left: 30px; padding-bottom: 20px; font-weight: 400;}
    .snb .s_menu_b2b li{display:block;padding:8px 0 8px 30px;font-size:13px;color:#666; letter-spacing: 0px;}
    .snb .s_menu_b2b>li.s_menu_b2b_cr .s_menu_txt{width: 170px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
}
@media only screen and (max-width:1280px) {
    .LNB_off{position: fixed; left: 0px; display: block;  top: 100px;}
}
.myinfo .contwrap_b2b_mycamera{margin: 0 auto; padding-left: 201px; padding-bottom: 80px; max-width: 1220px; overflow: hidden; position: relative;}
@media screen and (min-width:1280px) and (max-width:1560px) {
    .myinfo .contwrap_b2b_mycamera{margin: 0 auto; padding-left: 0px; padding-bottom: 80px; max-width: 960px; overflow: hidden; position: relative;}
}
@media only screen and (max-width:1280px) {
    .myinfo .contwrap_b2b_mycamera{margin: 0 auto; padding-left: 0px; padding-bottom: 80px; max-width: 960px; overflow: hidden; position: relative;}
}
.snb .lnb_ln{height: 1px; background: #e5e5e5; margin: 15px 20px 0 40px;}
.snb .center{padding:52px 0 0 80px;border-top:1px solid #e8e8e8;font-size:22px;font-weight:400;color:#333333;}
.snb .center dd:last-child{margin-top:5px;font-size:12px;color:#7c7c7c}
.snb .bt_call{position: fixed; bottom: 0px; background: #fff; border-top: 1px solid #e5e5e5; width: 260px; height: 200px; z-index: 120;}
.snb .bt_call_b2b{position: absolute; bottom: -200px;}
.snb .bt_call li.call_tit{font-size: 22px; color: #333; line-height: 50px; font-weight: 400; padding-left: 60px; padding-top: 40px;}
.snb .bt_call li.call_txt{font-size: 12px; color: #999; line-height: 18px; padding-left: 60px;}
.s_tit_area{position:relative;padding:55px 0 15px;border-bottom:0}
.s_tit_area_nt{padding-top: 45px;}
.s_tit_area .tit{font-size:34px;color:#4a95eb}
.s_tit_area+.txt_pcess{padding-top:46px;font-size:16px;color:#333333;line-height: 170%}
.s_tit_area ul{position:absolute;bottom:27px;right:0}
.s_tit_area li{float:left}
.s_tit_area li:before{display:inline-block;width:7px;height:12px;margin:0 5px;background-position:-540px -134px;color:#c0c0c0;vertical-align:middle;content:''}
.s_tit_area li:first-child:before{background:none}
.s_tit_area li a{display:inline-block;font-size:13px;color:#7c7c7c;vertical-align:middle}
.sub_tit{padding-top:49px;font-size:18px;color:#333333}
.sub_tit span{color:#4b96e6}
.qna_lst{padding:35px 0 20px}
.qna_lst li{}
.qna_lst li a{font-size:14px;line-height:28px;color:#333333}

/* main */
.main{height:auto}
.main #wrap{height:auto}
.main #header{position:fixed;left:0;right:0;top:0;}
.main .header_scroll{position:fixed;left:0;right:0;top:0;}
.main #container{margin:0;padding:0}
.main #content{padding:0; background: #fff; margin-bottom: 120px;}
.main .gnb{border-bottom:0;background:rgba(0,0,0,.2)}
.main .lst_menu li a{color:#fff}
.sec{position:relative}
.btn_prev,.btn_next{position:absolute;top:55%;padding:20px;margin-top:-53px}
.btn_prev{left:60px;}
.btn_next{right:60px;}
.btn_prev .sp{width:29px;height:66px;background-position:0 -288px}
.btn_next .sp{width:29px;height:66px;background-position:-31px -288px}
.slid{overflow:hidden;height:100%;padding:62.5% 0 60px;text-align:center; margin-top: 155px;}
.slid li{display:inline-block}
.slid li .bg{position:absolute;left:0;right:0;top:0;bottom:0;}
.slid li button{position:relative;display:inline-block;z-index:1;width:10px;height:10px;margin:0 5px;border-radius:5px;background:#f9f9f9;opacity:.5}
.slid .on button{background:#4b96e6;opacity:1}
.slid .btn{position:absolute;top:50%;left:50%;z-index:1;width:200px; margin:115px 0 0 -95px; font-weight: normal; padding: 18px 0;}
@media only screen and (max-width:1460px) {
    .main_T{position:absolute; width: 100%; top:46%; text-align: center; margin: 0 auto;}
    .main_T_txt{color: #fff; font-size: 44px; font-weight: 300; line-height: 0.8;}
    .main_T_stxt{color: #fff; font-size: 16px; line-height: 1.6; margin-top: 20px; font-weight: 300;}
    .main_B{position:absolute; width: 100%; top:25%; text-align: center; margin: 0 auto;}
    .main_B_txt{color: #fff; font-size: 40px; font-weight: 300;}
    .main_B_stxt{color: #fff; font-size: 16px; line-height: 1.8; margin-top: 20px; font-weight: 300;}
}
@media only screen and (min-width:1460px) and (max-width:1800px) {
    .main_T{position:absolute; width: 100%; top:40%; text-align: center; margin: 0 auto;}
    .main_T_txt{color: #fff; font-size: 60px; font-weight: 300; line-height: 0.8;}
    .main_T_stxt{color: #fff; font-size: 20px; line-height: 1.6; margin-top: 25px; font-weight: 300;}
    .main_B{position:absolute; width: 100%; top:25%; text-align: center; margin: 0 auto;}
    .main_B_txt{color: #fff; font-size: 44px; font-weight: 300;}
    .main_B_stxt{color: #fff; font-size: 18px; line-height: 1.8; margin-top: 25px; font-weight: 300;}
}
@media only screen and (min-width:1800px) and (max-width:1920px) {
    .main_T{position:absolute; width: 100%; top:40%; text-align: center; margin: 0 auto;}
    .main_T_txt{color: #fff; font-size: 60px; font-weight: 300; line-height: 0.8;}
    .main_T_stxt{color: #fff; font-size: 20px; line-height: 1.6; margin-top: 25px; font-weight: 300;}
    .main_B{position:absolute; width: 100%; top:25%; text-align: center; margin: 0 auto;}
    .main_B_txt{color: #fff; font-size: 50px; font-weight: 300;}
    .main_B_stxt{color: #fff; font-size: 20px; line-height: 1.8; margin-top: 25px; font-weight: 300;}
}
@media only screen and (min-width:1920px) and (orientation: landscape) {
    .main_T{position:absolute; width: 100%; top:40%; text-align: center; margin: 0 auto;}
    .main_T_txt{color: #fff; font-size: 60px; font-weight: 300; line-height: 0.8;}
    .main_T_stxt{color: #fff; font-size: 20px; line-height: 1.6; margin-top: 25px; font-weight: 300;}
    .main_B{position:absolute; width: 100%; top:25%; text-align: center; margin: 0 auto;}
    .main_B_txt{color: #fff; font-size: 50px; font-weight: 300;}
    .main_B_stxt{color: #fff; font-size: 20px; line-height: 1.8; margin-top: 25px; font-weight: 300;}
}
/*.sec2{height:880px;background:#fff}
.sec2 h2{padding:132px 0 62px;font-size:40px;text-align:center; font-weight: normal;}
.sec2 .func_area{width:1000px;margin:0 auto}
.sec2 ul{margin-top:-5px}
.sec2 li{float:left;width:240px;margin:5px;}
.sec2 li .func{display:block;width:86px;height:84px;margin:35px auto 0px;background-position:0 -116px}
.sec2 li .func.v2{background-position:-88px -116px}
.sec2 li .func.v3{background-position:-176px -116px}
.sec2 li .func.v4{background-position:-264px -116px}
.sec2 li .func.v5{background-position:-352px -116px}
.sec2 li .func.v6{background-position:-440px -116px}
.sec2 li .func.v7{background-position:0 -202px}
.sec2 li .func.v8{background-position:-88px -202px}
.sec2 dl{height:107px;padding:25px 27px 0;}
.sec2 dt{font-size:20px;color:#333333; text-align: center;}
.sec2 dd{padding-top:9px;font-size:13px;color:#888;line-height:19px; text-align: center;}
.sec3{max-height:1067px;}
.sec3 .bg img{width:100%;vertical-align:top;}
.sec3 .btn_area{position:absolute;top:65%;left:0;right:0;text-align:center}
.sec3 .btn_area a{display:inline-block;margin:0 6px;}
.sec3 .btn_area .sp{width:72px;height:72px}
.sec3 .btn_area .btn_fmly .sp{background-position:-240px -468px}
.sec3 .btn_area .btn_home .sp{background-position:-318px -468px}
.sec3 .btn_area .btn_anmal .sp{background-position:-396px -468px}
.sec3 .btn_area .btn_store .sp{background-position:-474px -468px}
.sec3 .btn_area .btn_fmly.on .sp,.sec3 .btn_area .btn_fmly:hover .sp{background-position:-240px -548px}
.sec3 .btn_area .btn_home.on .sp,.sec3 .btn_area .btn_home:hover .sp{background-position:-318px -548px}
.sec3 .btn_area .btn_anmal.on .sp,.sec3 .btn_area .btn_anmal:hover .sp{background-position:-396px -548px}
.sec3 .btn_area .btn_store.on .sp,.sec3 .btn_area .btn_store:hover .sp{background-position:-474px -548px}
.sec4{height:874px;padding-top:136px;background:url(/resources/im/@thumb/main_cloud.jpg) no-repeat 50% 100% #4a95eb;text-align:center;z-index:1}
.sec4:after{position:absolute;left:0;right:0;bottom:-140px;height:140px;margin:0 auto;background:url(/resources/im/@thumb/main_cloud2.jpg) no-repeat 50% 0 #f9f9f9;content:''}
.sec4_en{height:874px;padding-top:136px;background:url(/resources/im/en/main_cloud_en.jpg) no-repeat 50% 100% #4a95eb;text-align:center;z-index:1}
.sec4_en:after{position:absolute;left:0;right:0;bottom:-140px;height:140px;margin:0 auto;background:url(/resources/im/en/main_cloud2_en.jpg) no-repeat 50% 0 #f9f9f9;content:''}
.sec4 .txt{overflow:hidden;width:468px;height:41px;margin:0 auto;background:url(/resources/im/txt_cloud.png) no-repeat;line-height:999px}
.sec4 p{padding-top:48px;font-size:20px;color:#fff;line-height:34px}
.sec4 .btn_b{width:180px;margin-top:54px;border: 1px solid #fff; padding: 12px 0; font-weight: normal;}
.sec4 .btn_b_en{width:250px;}
.sec5{padding-top:310px;background:#f9f9f9;text-align:center}
.sec5:after{display:block;width:724px;height:649px;margin:100px auto 0;background:url(/resources/im/@thumb/main_store.jpg) no-repeat 0 0;content:''}
.sec5 .txt{overflow:hidden;width:799px;height:183px;margin:0 auto;background:url(/resources/im/txt_store.png) no-repeat;line-height:999px}
.sec5 .txt_en{overflow:hidden;width:799px;height:183px;margin:0 auto;background:url(/resources/im/en/txt_store_en.png) no-repeat;line-height:999px}
.sec5 .btn{width:180px;margin-top:55px;padding: 13px 0; font-weight: normal;}
.sec6{height:480px}
.sec6 .sec_l{width:50%;height:100%;margin:0 auto;text-align:center}
.sec6 .sec_r{width:49.90%;height:100%;margin:0 auto;text-align:center}
.sec6 .sec_l{float:left;background:#f0f0f0;}
.sec6 .sec_r{float:right;background:#f0f0f0; border-left: 1px solid #fff;}
.sec6 .txt{overflow:hidden;height:69px;margin:146px auto 0;line-height:999px}
.sec6 .txt_demo{width:354px;background:url(/resources/im/txt_demo.png) no-repeat;}
.sec6 .txt_app{width:318px;background:url(/resources/im/txt_app.png) no-repeat}
.sec6 .txt_demo_en{width:410px;background:url(/resources/im/en/txt_demo_en.png) no-repeat;}
.sec6 .txt_app_en{width:445px;background:url(/resources/im/en/txt_app_en.png) no-repeat}
.sec6 .btn_go{display:inline-block;padding:57px}
.sec6 .btn_go .sp{display:inline-block;width:70px;height:70px;background-position:-176px -202px}
.sec6 .btn_area{margin-top:54px}
.sec6 .btn{width:220px;margin:0 5px;padding:15px 0 19px}
.sec6 .btn_ios .sp{width:169px;height:36px;background-position:-124px -60px}
.sec6 .btn_adr .sp{width:188px;height:36px;background-position:-295px -60px}*/
.comm1{position: relative; height: 240px; background: #4a95eb; text-align: center;}
.comm1 .comm_tit{position: relative; color: #fff; font-size: 28px; line-height: 110px;}
.comm1 .comm_txt{position: relative; color: #fff; font-size: 18px; line-height: 1.6;}
.comm2{position: relative; height: 400px; background: #f0f0f0;}
.comm2 li{width: 33%; height: 400px; float: left; list-style: none;}
.comm2 li.comm_center{width: 33%; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.comm2 .comm_txt {position: relative; margin-top: 90px;}
.comm2 .comm_txt li{width: 100%; height: auto; clear: both;}
.comm2 .comm_txt li.com_img{text-align: center; line-height: 70px;}
.comm2 .comm_txt li.com_stit{font-size: 26px; color: #333333; text-align: center; line-height: 55px;}
.comm2 .comm_txt li.com_stxt{font-size: 18px; color: #888; text-align: center; line-height: 1.6;}


/* 내카메라 */
.lst_video{margin:60px 0 2px -51px}
.lst_video li{float:left;width:352px;padding:0 0 42px 50px;}
.lst_video li a{display:block;position:relative; height: 279px;}
.lst_video li a:hover .txt_area strong,.lst_video li a:hover .txt_area span{text-decoration:underline}
.lst_video li a.clip_a{display:block;position:relative; height: 220px;}
.lst_video li a.clip_a:hover{text-decoration:underline}
.lst_video li a.share_h{display:block;position:relative; height: 0px;}
@media only screen and (max-width:1280px) {
    .lst_video{margin:40px 0 0 -20px}
    .lst_video li{float:left;width:300px;padding:0 0 30px 20px;}
    .lst_video li a{display:block;position:relative; height: 270px;}
    .lst_video li a.clip_a{display:block;position:relative; height: 180px;}
}
@media screen and (min-width:1064px) and (max-width:1280px) {
    .lst_video li{float:left;width:300px;padding:0 0 30px 35px;}
}
.lst_video li .video_area{position:relative;background-color: #333;}
.lst_video li .video_area:before{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.3);content:''}
.lst_video li .video_area_cm{background-color: #555; border:1px solid rgba(0,0,0,.8);}
.lst_video li .video_area{text-align:center}
.lst_video li .video_area img{display:block;width:100%; height: 100%;}
.lst_video li .video_area img.list_thum{height: 198px;}
.lst_video li .video_area img.b2b_thum{height: 225px;}
.lst_video li .video_area img.clip_h{height: 220px;}
.lst_video li .video_area img.sub_thum{height: 138px}
.lst_video li .video_area_clip img{height: 137px}
.lst_video li .btn_cam_play{height:190px;}
.lst_video li .cam_share_play_btn{height:130px;}
.lst_video li .cam_share_set_btn{margin-top:-59px;width:41px;}
@media only screen and (max-width:1280px) {
    .lst_video li .video_area img.clip_h{height: 180px;}
    .lst_video li .video_area img.list_thum{height: 168px;}
    .lst_video li .btn_cam_play{height:160px;}
    .lst_video li .cam_share_set_btn{margin-top:-80px;}
    .lst_video li .video_area img.sub_thum{height: 112px}
    .lst_video li .cam_share_play_btn{height:104px;}
    .lst_video li .video_area_clip img{height: 112px}
}
@media screen and (min-width:1280px) and (max-width:1560px) {
    .contwrap_b2b_mycamera .lst_video{margin:40px 0 0 -31px}
    .contwrap_b2b_mycamera .lst_video li{float:left;width:300px;padding:0 0 30px 10px;}
    .contwrap_b2b_mycamera .lst_video li a{display:block;position:relative; height: 280px;}
    .contwrap_b2b_mycamera .lst_video li a.share_h{display:block;position:relative; height: 0px;}
    .contwrap_b2b_mycamera .lst_video li .video_area img.list_thum{height: 202px;}
    .contwrap_b2b_mycamera .lst_video li .cm_en{margin-left: 10px;}
}
@media only screen and (max-width:1280px) {
    .contwrap_b2b_mycamera .lst_video{margin:40px 0 0 -31px}
    .contwrap_b2b_mycamera .lst_video li{float:left;width:300px;padding:0 0 30px 10px;}
    .contwrap_b2b_mycamera .lst_video li a{display:block;position:relative; height: 280px;}
    .contwrap_b2b_mycamera .lst_video li a.share_h{display:block;position:relative; height: 0px;}
    .contwrap_b2b_mycamera .lst_video li .video_area img.list_thum{height: 212px;}
}
.lst_video li .txt_area{height:60px;padding-top:16px;}
.lst_video li .txt_area_cl{margin-bottom: 20px;}
.lst_video li button.cm_check{position: absolute; z-index: 999; background: rgba(79,152,228,.9); border: 1px solid rgba(255,255,255,.3); padding: 0px 8px 2px; font-size: 12px; color: #fff; line-height: 20px; margin: 4px 0 0 4px; border-radius: 1px;}
.lst_video li button.cm_uncheck{position: absolute; z-index: 999; background: rgba(0,0,0,.8); border: 1px solid rgba(255,255,255,.3); padding: 0px 8px 2px; font-size: 12px; color: #fff; line-height: 20px; margin: 4px 0 0 4px; border-radius: 1px;}
.lst_video li .share_new{position: relative; margin-left: 5px; font-size: 13px; color: #4a95eb; padding: 1px 2px 1px; border-radius: 2px; }
.lst_video li strong{display:block;font-size:20px;color:#333333; letter-spacing: -0.4px; font-weight: 400; word-break: break-all;}
.lst_video li strong.clip_name{font-size:16px;color:#262626;}
.lst_video li strong.clip_name .clip_share_icon{display:inline-block;width:16px;height:16px;background:url(/resources/img/ic-share-clip-tb.png) no-repeat; float:initial; margin:0 0 -11px 4px;}
.lst_video li .cm_en{margin-left: 20px;}
.lst_video li span{display:block;padding-top:8px;font-size:14px;color:#999; float: left; letter-spacing: -0.1px;}
.lst_video .share_num{position: absolute; right: 0px; margin-top: -68px; }
.lst_video .share_num span{position: relative; display:block; width: 28px; text-align: center; margin-top: -4px; color: #4f98e4;}
.lst_video .acc_num{position: absolute; right: 60px; margin-top: -68px; }
@media screen and (min-width:1280px) and (max-width:1560px) {
    .lst_video li strong{display:block;font-size:18px;color:#333333}
    .lst_video li .cm_en{margin-left: 10px;}
    .lst_video li span{display:block;padding-top:9px;font-size:13px;color:#999; float: left; letter-spacing: -0.5px;}
    .lst_video .share_num{position: absolute; right: 0px; margin-top: -68px; }
    .lst_video .share_num span{position: relative; display:block; width: 28px; text-align: center; margin-top: -7px; color: #4f98e4;}
    .lst_video .acc_num{position: absolute; right: 60px; margin-top: -68px; }
}
@media only screen and (max-width:1280px) {
    .lst_video li strong{display:block;font-size:18px;color:#333333}
    .lst_video li .cm_en{margin-left: 10px;}
    .lst_video li span{display:block;padding-top:9px;font-size:13px;color:#999; float: left; letter-spacing: -0.5px;}
    .lst_video .share_num{position: absolute; right: 0px; margin-top: -58px; }
    .lst_video .share_num span{position: relative; display:block; width: 28px; text-align: center; margin-top: -7px; color: #4f98e4;}
    .lst_video .acc_num{position: absolute; right: 50px; margin-top: -58px; }
}
.lst_video li.off .video_area .txt_off{position:absolute;top:49%;left:50%;width: 80%;z-index:1;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.lst_video li.off .video_area .txt_off img{width: 52px; height: 52px; margin: 0 auto 10px;}
.lst_video li.off .video_area .share_txt_off{position:absolute;top:50%;left:50%;width: 95%;z-index:1;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.lst_video li.off .video_area p{font-size:17px;color:#999}
.lst_video li.off .video_area p.b2b_share{font-size:15px;color:#999}
@media screen and (max-width:1400px) {
    .lst_video li.off .video_area p{font-size:15px;color:#999}
    .lst_video li.off .video_area p.share_txt{font-size:12px;color:#999}
    .lst_video li.off .video_area .share_txt_off .btn{display:inline-block;float: none; width:100px;margin-top:10px; padding:7px 0;font-size:11px;color:#fff;cursor:pointer;}
    .lst_video li.off .video_area p.b2b_share{font-size:13px;color:#999}
}
@media (min-width:1400px) and (orientation: landscape)  {
    .lst_video li.off .video_area p.share_txt{font-size:15px;color:#999}
    .lst_video li.off .video_area .share_txt_off .btn{display:inline-block;float: none; width:136px;margin-top:15px; padding:10px 0;font-size:14px;color:#fff;cursor:pointer;}
}
.lst_video li.off .video_area .btn{display:inline-block;float: none; width:130px;margin-top:20px; padding:13px 0;font-size:13px;color:#fff;cursor:pointer; border-radius: 20px; background: #4a95eb; border: 0;}
.lst_video li.off .video_area .btn_b2b{display:inline-block;float: none; width:130px;margin-top:15px; padding:12px 0;font-size:12px;color:#fff;cursor:pointer; border-radius: 20px; background: #4a95eb; border: 0; font-weight: 200;}
@media screen and (max-width:1557px) {
    .lst_video li.off .video_area .btn_b2b{display:inline-block;float: none; width:116px;margin-top:10px; padding:10px 0;font-size:12px;color:#fff;cursor:pointer; border-radius: 20px; background: #4a95eb; border: 0;}
}
.lst_video li.off .video_area:after{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);content:''}
.lst_video li.add .video_area{padding:28.1% 30%; background: #e5e5e5;}
.lst_video li.add .video_area:before{position:absolute;top:0;left:0;right:0;bottom:0;border:0;content:''}
.lst_video li.add .video_area:after{position:absolute;left:50%;top:50%;width:66px;height:66px;margin:-33px 0 0 -33px;background-position:-56px -48px;content:'';}
.lst_video.v_demo{margin-bottom:30px}
.lst_video.v_demo li{padding-bottom:40px}
.lst_video.v_demo li .txt_area{height:auto}
.lst_video li .btn_mov{display:none}
.lst_video li a:hover .btn_mov,.time_wrap .lst_video li a:focus .btn_mov{display:block;overflow:hidden;position:absolute;top:0;right:0;bottom:3px;left:0;background:rgba(0,0,0,.6);line-height:999px}
.lst_video li a:hover .btn_mov .sp,.time_wrap .lst_video li a:focus .btn_mov .sp{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -28px;padding:0;background-position:-62px -288px;content:''}
.lst_video li .btn_mymov{display:none}
.lst_video li a:hover .btn_mymov,.time_wrap .lst_video li a:focus .btn_mymov{display:block;overflow:hidden;position:absolute;top:0;right:0;bottom:78px;left:0;background:rgba(0,0,0,.6);line-height:999px; z-index: 1;}
.lst_video li a:hover .btn_mymov .sp,.time_wrap .lst_video li a:focus .btn_mymov .sp{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -28px;padding:0;background-position:-62px -288px;content:''}
.lst_video li a:hover .btn_mymov_b2b{bottom: 61px;}
.lst_video_b2b_share li a:hover .btn_mymov_b2b{bottom: 107px;}
@media only screen and (max-width:1280px) {
    .lst_video li .btn_mov{display:none}
    .lst_video li a:hover .btn_mov,.time_wrap .lst_video li a:focus .btn_mov{display:block;overflow:hidden;position:absolute;top:0;right:0;bottom:3px;left:0;background:rgba(0,0,0,.6);line-height:999px}
    .lst_video li a:hover .btn_mov .sp,.time_wrap .lst_video li a:focus .btn_mov .sp{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -28px;padding:0;background-position:-62px -288px;content:''}
    .lst_video li .btn_mymov{display:none}
    .lst_video li a:hover .btn_mymov,.time_wrap .lst_video li a:focus .btn_mymov{display:block;overflow:hidden;position:absolute;top:0;right:0;bottom:68px;left:0;background:rgba(0,0,0,.6);line-height:999px; z-index: 1;}
    .lst_video li a:hover .btn_mymov .sp,.time_wrap .lst_video li a:focus .btn_mymov .sp{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -28px;padding:0;background-position:-62px -288px;content:''}
    .lst_video_b2b_share li a:hover .btn_mymov_b2b{bottom: 101px;}
}
.mycamera_time_box{position:absolute;bottom:0;left:0;right:0;height:42px;padding:0 14px;background:rgba(0,0,0,.7);line-height:42px; margin-bottom: 33px;}
.mycamera_time_box span{font-size:12px; letter-spacing: 0}
.mycamera_time_box .time{padding:0;color:#fff; font-size:13px; margin-top: 10px; letter-spacing: 1px;}
.mycamera_time_box .time_day{position:absolute;top:-7px;left:13px;padding:0;color:#aaa; font-size: 12px; letter-spacing: -0.1px;}
.mycamera_time_box .long{position:absolute;top:1px;right:10px;padding:0;color:#4a95eb; font-size:13px; margin-top: 8px; letter-spacing: 1px;}
.mycamera_time_box .time_wave{position:absolute;top:0px;left:84px;padding:0;color:#fff; font-size: 12px; letter-spacing: 0px;}
.lst_video li a:hover .btn_mycamera_mov_clip{background: rgba(0,0,0,.7); bottom:46px; height:87px;}
.lst_video li a:hover .btn_mycamera_mov_clip .sp{top: 64%;}
@media only screen and (max-width:1280px) {
    .mycamera_time_box{position:absolute;bottom:0;left:0;right:0;height:36px;padding:0 8px;background:rgba(0,0,0,.7);line-height:36px; margin-bottom: 29px;}
    .mycamera_time_box span{font-size:11px; letter-spacing: 0}
    .mycamera_time_box .time{padding:0;color:#fff; font-size:12px; margin-top: 8px; letter-spacing: 0.9px;}
    .mycamera_time_box .time_day{position:absolute;top:-6px;left:8px;padding:0;color:#aaa; font-size: 11px; letter-spacing: -0.1px;}
    .mycamera_time_box .long{position:absolute;top:1px;right:7px;padding:0;color:#4a95eb; font-size:12px; margin-top: 8px; letter-spacing: 1px;}
    .mycamera_time_box .time_wave{position:absolute;top:0px;left:74px;padding:0;color:#fff; font-size: 11px; letter-spacing: 0px;}
    .lst_video li a:hover .btn_mycamera_mov_clip{background: rgba(0,0,0,.7); bottom:40px; height:66px;}
    .lst_video li a:hover .btn_mycamera_mov_clip .sp{top: 64%;}
}
.thum_move_hint{position: absolute; z-index: 100; margin-left: 125px; margin-top: 80px;}
@media only screen and (max-width:1280px) {
    .thum_move_hint{position: absolute; z-index: 100; margin-left: 100px; margin-top: 58px;}
}
.thum_move_hint_share{position: absolute; z-index: 100; margin-left: 38px; margin-top: 58px;}
@media only screen and (max-width:1280px) {
    .thum_move_hint_share{position: absolute; z-index: 100; margin-left: 16px; margin-top: 44px;}
}


/* 내카메라 데모보기 영역 */
.demo #container{padding:0;}
.demo .inr{padding:0 60px; max-width: 1160px;}
.demo .inr_top{max-width: 100%;}
.demo_area{padding-top:25px;}
@media screen and (max-width:1280px) {
    .demo .inr{padding:0 30px; max-width: 1000px;}
    .demo_area{padding-top:15px;}
}
.demo_area_b2b_mycamera{padding-top:25px; margin-left: 0px;}
@media screen and (min-width:1280px)  and (max-width:1560px) {
    .demo_area_b2b_mycamera{padding-top:25px; margin-left: -20px; width: 1100px;}
}
@media screen and (max-width:1280px) {
    .demo_area_b2b_mycamera{padding-top:25px; margin-left: -20px; width: 980px;}
}
.demo_area h3{font-size:24px;color:#333333}
.demo_area h3.b2b_tit_h3{font-size:28px;color:#4a95eb; margin-top: 20px;}
.demo_area .lst_video{margin:20px 0 40px; background: #fff; padding: 40px 40px 40px 60px;}
.demo_area .lst_video_b2b_share{margin:0px; background: #fff; padding: 20px 10px;}
.demo_area .lst_video li a{display:block;position:relative; height: 170px;}
.demo_area .lst_video li{width:245px; padding: 20px 20px 20px 0;}
.demo_area .lst_video li.list_b2b{width:333px; padding: 20px 20px 0px 0;}
.demo_area .lst_video li.list_b2b a{display:block;position:relative; height: 286px;}
.demo_area .lst_video li.list_b2b_share{width:333px; padding: 20px 20px 0px 0;}
.demo_area .lst_video li.list_b2b_share a{display:block;position:relative; height: 264px;}
.demo_area .lst_video_b2b{}
@media screen and (max-width:1280px) {
    .demo_area .lst_video{margin:20px 0 40px; background: #fff; padding: 20px 20px 20px 40px;}
    .demo_area .lst_video li a{display:block;position:relative; height: 140px;}
    .demo_area .lst_video li{width:200px; padding: 20px 20px 50px 0;}
    .demo_area .lst_video li.list_b2b a{display:block;position:relative; height: 220px;}
}
@media screen and (min-width:1077px) and (max-width:1280px) {
    .demo_area .lst_video{margin:20px 0 40px; background: #fff; padding: 20px 0px 20px 40px;}
    .demo_area .lst_video li{width:200px; padding: 20px 40px 50px 0;}
    .demo_area .lst_video li.list_b2b a{display:block;position:relative; height: 220px;}
}
@media screen and (max-width:1556px) {
    .demo_area .lst_video_b2b_share{margin:0px; background: #fff; padding: 20px 10px;}
    .demo_area .lst_video_b2b{margin:20px 0 40px -20px; background: #fff; padding: 20px 0px 20px 40px; width: 900px;}
    .demo_area .lst_video li.list_b2b{width:273px; padding: 20px 20px 0px 0;}
    .demo_area .lst_video li.list_b2b a{display:block;position:relative; height: 242px;}
    .demo_area .lst_video li .video_area img.b2b_thum{height: 181px;}
    .myinfo .inr_b2b{padding: 0 40px;}
    .demo_area_b2b{width: 900px; margin: 0 auto;}
    .demo_area_b2b h3{margin-left: -10px;}
}
.demo_area_b2b_mycamera .lst_video{margin:20px 0 40px; background: #fff; padding: 40px 40px 40px 60px;}
@media only screen and (max-width:1560px) {
    .demo_area_b2b_mycamera .lst_video{margin:20px 0 40px; background: #fff; padding: 10px 10px 20px 30px;}
    .demo_area_b2b_mycamera .lst_video li a{display:block;position:relative; height: 140px;}
    .demo_area_b2b_mycamera .lst_video li{width:200px; padding: 20px 20px 50px 0;}
    .demo_area_b2b_mycamera .lst_video li.list_b2b a{display:block;position:relative; height: 220px;}
}
.demo_area .lst_video li .txt_area{height:16px;padding-top:15px;}
.demo_area .lst_video li strong{display:block;font-size:16px;color:#333333}
.demo_area .share_list_area{width: 100%; margin-top: 20px;}
.demo_area .share_list_area table{margin-bottom: 2px;}
.demo_area .share_list_area ul{clear: both;}
.demo_area .share_list_area li.list_sl_tit{float: left; width: 260px; background: #999; line-height: 40px; font-size: 14px; color: #fff; text-align: center;}
.demo_area .share_list_area li.list_sr_tit{float: left; width: 898px; background: #999; line-height: 40px; font-size: 14px; color: #fff; text-align: center; margin-left: 2px;}
.demo_area .share_list_area .list_sl{width: 260px; background: #fff; border-right: 2px solid #f4f4f4; vertical-align: top;}
.demo_area .share_list_area .list_sl .list_sl_id img{margin-left: 5px; margin-top: 4px;}
.demo_area .share_list_area .list_sl .list_sl_id{margin: 20px; font-size: 16px; color: #333; line-height: 24px;}
.demo_area .share_list_area .list_sr{width: 898px; background: #fff;}
.demo_area .share_list_area .list_sr .sl_img_list{overflow: hidden;}
.demo_area .share_list_area .list_sr .sl_img_list li{float: left; padding:0 0 20px 10px; width: 279px; height: 230px;}
.demo_area .share_list_area .list_sr .sl_img_list .camera_del{position: relative; float: right; margin-top: -89px;}
.demo_area .share_list_area .list_sr .sl_img_list .camera_del img{width:13px; height: 13px;}
.demo_area .share_list_area .list_sr .sl_img_list img{width: 279px;}
.demo_area .share_list_area .list_sr .sl_img_list img.b2b_thum{height: 180px; }
@media screen and (max-width:1556px) {
    .demo_area .share_list_area{width: 930px; margin-top: 20px; margin-left: -10px;}
    .demo_area .share_list_area table{margin-bottom: 2px;}
    .demo_area .share_list_area ul{clear: both;}
    .demo_area .share_list_area li.list_sl_tit{float: left; width: 210px; background: #999; line-height: 40px; font-size: 14px; color: #fff; text-align: center;}
    .demo_area .share_list_area li.list_sr_tit{float: right; width: 718px; background: #999; line-height: 40px; font-size: 14px; color: #fff; text-align: center;}
    .demo_area .share_list_area .list_sl{width: 210px; background: #fff; border-right: 2px solid #f4f4f4; vertical-align: top;}
    .demo_area .share_list_area .list_sl .list_sl_id img{margin-left: 5px; margin-top: 4px;}
    .demo_area .share_list_area .list_sl .list_sl_id{margin: 15px; font-size: 16px; color: #333; line-height: 24px;}
    .demo_area .share_list_area .list_sr{width: 718px; background: #fff;}
    .demo_area .share_list_area .list_sr .sl_img_list{overflow: hidden;}
    .demo_area .share_list_area .list_sr .sl_img_list li{float: left; padding:0 0 20px 10px; width: 219px; height: 180px;}
    .demo_area .share_list_area .list_sr .sl_img_list .camera_del{position: relative; float: right; margin-top: -83px;}
    .demo_area .share_list_area .list_sr .sl_img_list .camera_del img{width:13px; height: 13px;}
    .demo_area .share_list_area .list_sr .sl_img_list img{width: 219px;}
    .demo_area .share_list_area .list_sr .sl_img_list img.b2b_thum{height: 142px; }
}
.demo_area .tit_b2b_move{position: relative; top: -32px;}
.demo_area .tit_b2b_move button.btn_move{position: absolute; left: 1066px; background:#aaaaaa; padding: 0px 22px 2px; font-size: 14px; color: #fff; line-height: 34px; top:-5px; border-radius: 17px;}
.demo_area .tit_b2b_move button.btn_move_s{position: absolute; left: 976px; background:#4f98e4; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; top:-5px; border-radius: 17px;}
.demo_area .tit_b2b_move button.btn_move_c{position: absolute; left: 1066px; background:#b7b7b7; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; top:-5px; border-radius: 17px;}
.demo_area .tit_move button.btn_move{position: absolute; right: 60px; background:#aaaaaa; padding: 0px 22px 2px; font-size: 14px; color: #fff; line-height: 34px; top: -10px; border-radius: 17px;}
.demo_area .tit_move button.btn_move_s{position: absolute; right: 150px; background:#4f98e4; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; top: -10px; border-radius: 17px;}
.demo_area .tit_move button.btn_move_s:lang(ja){right:190px;}
.demo_area .tit_move button.btn_move_c{position: absolute; right: 60px; background:#b7b7b7; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; top: -10px; border-radius: 17px;}
@media screen and (max-width:1556px) {
    .demo_area .tit_b2b_move button.btn_move{position: absolute; left: 806px; background:#aaaaaa; padding: 0px 22px 2px; font-size: 14px; color: #fff; line-height: 34px; border-radius: 17px;}
    .demo_area .tit_b2b_move button.btn_move_s{position: absolute; left: 716px; background:#4f98e4; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; border-radius: 17px;}
    .demo_area .tit_b2b_move button.btn_move_c{position: absolute; left: 806px; background:#b7b7b7; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; border-radius: 17px;}
}
@media screen and (max-width:1280px) {
    .demo_area .tit_b2b_move button.btn_move{position: absolute; left: 836px; background:#aaaaaa; padding: 0px 22px 2px; font-size: 14px; color: #fff; line-height: 34px; border-radius: 17px;}
    .demo_area .tit_b2b_move button.btn_move_s{position: absolute; left: 746px; background:#4f98e4; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; border-radius: 17px;}
    .demo_area .tit_b2b_move button.btn_move_c{position: absolute; left: 836px; background:#b7b7b7; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; border-radius: 17px;}
    .demo_area .tit_move button.btn_move{position: absolute; right: 30px; background:#aaaaaa; padding: 0px 22px 2px; font-size: 14px; color: #fff; line-height: 34px; top: -10px; border-radius: 17px;}
    .demo_area .tit_move button.btn_move_s{position: absolute; right: 120px; background:#4f98e4; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; top: -10px; border-radius: 17px;}
    .demo_area .tit_move button.btn_move_c{position: absolute; right: 30px; background:#b7b7b7; padding: 0px 26px 2px; font-size: 14px; color: #fff; line-height: 34px; top: -10px; border-radius: 17px;}
}

/* 내카메라 관제 영역 */

.control_area{background:#f9f9f9; margin-bottom: 80px;}
.control_area .inr{padding:44px 0 30px;}
.control_area h3{font-size:30px; color:#333333;  border-bottom: 1px solid #e2e2e2; padding: 0 80px 40px;}
.control_area h3 span{font-size: 20px; color: #d4d4d4; padding: 0 10px;}
/*.control_area h3 button{position: absolute; background:url(/resources/im/ic_control_setting.png) no-repeat; width: 22px; height: 22px;  margin-top: 8px;}*/
.control_area h3 button{position: absolute; background:#4f98e4; padding: 0px 12px 2px; font-size: 14px; color: #fff; line-height: 26px; margin-top: 4px; border-radius: 2px;}
.control_area .lst_video{margin:40px 80px 0; }

#control_header #container{padding:0}
#control_header .inr{padding:0 60px;}
#control_header{background: #4890dd; height: 30px; position:relative;text-align:center;z-index:10}
.c_logo{display:inline-block;vertical-align:top; position: absolute; left: 60px; margin-top: -1px;}
.c_log{position:absolute;right:50px;top:6px}
.c_log>li{position:relative;float:left}
.c_log>li:after{position:absolute;left:0;top:50%;width:1px;height:11px;margin-top:-5px;background:#6cabef;content:''}
.c_log>li:first-child:after{background:none}
.c_log>li a{display:inline-block;padding:2px 20px;font-size:12px;color:#fff; opacity: 0.5;}
.c_log>li a:hover{color:#fff; opacity: 1;}
.c_log>li a.setup_mode{opacity: 1;}
.c_log>li img{display:inline-block; vertical-align: top; position: relative; top: -3px; margin-right: 3px; }
.c_tit{text-align: center;font-size:12px;color:#a4c8ee; line-height: 30px;}
.control_top{position: relative; height: 80px; background: #4b96e6;}
.control_top .control_time{position: absolute; text-align: center; left: 50%; margin-left: -160px; top:25px; font-weight: 400; }
.control_top .control_time span{color:#b1d7ff; font-size: 24px; letter-spacing: -0.5px;}
.control_top .control_time span.c_time{color: #fff;}
.control_top h3{font-size:23px; color:#fff; padding: 0 60px; letter-spacing: -0.5px; padding-top: 25px;}
.control_top h3 span{font-size: 20px; color: #4480c0; padding: 0 10px;}
.control_top h3 button{position: absolute; background:url(/resources/im/ic_control_setting.png) no-repeat; width: 22px; height: 22px;  margin-top: 3px;}
.control_top .btn_group{display: inherit; position: absolute; right: 60px; top: 20px;}
.control_top .btn_group button{height: 40px; padding: 0 12px; border-radius: 2px; margin-left: 8px;}
.control_top .btn_group button.on{border: 1px solid #fff; font-size: 14px; letter-spacing: -0.3px; color: #fff;}
.control_top .btn_group button.off{font-size: 14px; letter-spacing: -0.3px; color: #94c8ff; background: #59a4f4;}
.control_top .btn_group button.plus{background: #4282c7; padding: 0 14px; vertical-align: top; margin-left: 4px;}

.control_area{background:#f9f9f9; margin-bottom: 10px;}
.control_area .inr{padding:0px;}
.control_area .lst_video{margin:10px 60px 0; }
.control_area .lst_video_setup{margin:10px 60px 0 378px; }
.control_area .lst_video li a:hover .txt_area strong,.control_area .lst_video li a:hover .txt_area span{text-decoration:none; color: #00f0ff;}
/*.control_area .lst_video li{width:33.333%; padding: 1px;}*/
.control_area .lst_video li{width:50%; padding: 1px;}
.control_area .lst_video_3x3 li{width:33.333%; padding: 1px;}
.control_area .lst_video li .txt_area{height: 23px; position: absolute; /*background:rgba(0,0,0,.7);*/ margin-top:-29px; text-align: center; width: 100%; padding: 7px 0px 0px;}
.control_area .lst_video li strong{display:block;font-size:13px;color:#fff; text-shadow: 0px 2px 1px #000; font-weight: 400;}

.control_area .control_time{position: absolute; text-align: center; left: 50%; margin-left: -160px; color:#aaa; font-size: 16px; top:48px; line-height: 1.3; font-weight: 400; }
.control_area .control_time span{color:#333333; font-size: 22px;}
.control_area .control_time span.c_time{color: #4f98e4; font-size: 22px;}

.control_area .lst_video li.off .video_area .txt_off{position:absolute;top:45%;left:50%;width: 95%;z-index:1;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.control_area .lst_video li.off .video_area p{font-size:14px;color:#fff;}
.control_area .lst_video li.off .video_area .btn{display:inline-block;float: none; width:120px;margin-top:8px; padding:8px 0;font-size:13px;color:#fff;cursor:pointer;}
.control_area .lst_video li.off .video_area:after{position:absolute;top:0;left:0;right:0;bottom:0;background:#555555;content:''}
.control_area .lst_video li.add .video_area{padding:0; margin-top: 1px;}
.control_area .lst_video li.add .video_area:after{position:absolute;left:50%;top:50%;width:66px;height:66px;margin:-33px 0 0 -33px;background-position:-56px -48px;content:'';}
.control_area .lst_video_cm_name{position: relative; height: 34px; background: rgba(0,0,0,.7); z-index: 99; top:34px; text-align: center; margin-top: -33px; }
.control_area .lst_video_cm_name span.cm_name{font-size: 14px; color: #fff; line-height: 34px; padding: 0; float: inherit;}
.control_area .lst_video_cm_name button.fullsc{position: absolute; right: 5px; background:url(/resources/im/ic_control_full.png) no-repeat; width: 34px; height: 34px; margin-top: -33px; }
.control_area .lst_video_cm_name button.delsc{position: absolute; right: 5px; background:url(/resources/im/ic_control_del.png) no-repeat; width: 34px; height: 34px; margin-top: -33px; }
.ct_cm_view{position:absolute;left:0;bottom:0;right:0;top:0px;}
.ct_cm_view button.sp{width:28px;height:28px;vertical-align:middle}
.ct_cm_view .zoom{position:absolute;left:5px;top:2px;padding:0 38px;line-height:28px;}
.ct_cm_view .zoom .sp{position:absolute;}
.ct_cm_view .zoom .zoomout{left:0;background-position:-141px 0}
.ct_cm_view .zoom .zoomin{right:0;background-position:-173px 1px}
.ct_cm_view .zoom .zoom_bg,.ct_cm_view .zoom .bar{display:inline-block;width:60px;height:2px;background:#666;font-size:0;line-height:10px;text-align:left;float: inherit; padding: 0;}
.ct_cm_view .zoom .zoom_bg{background:#666;}
.ct_cm_view .zoom .bar{position:relative;background:#fff;vertical-align:top}
.ct_cm_view .zoom .bar_ctrl{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:100%;background:#fff}

.camctr_tab{position:absolute;top:0;left:60px;bottom:0;width:308px; background: #fff; border: 1px solid #bbb;}
.camctr_tab h3{text-align: center; background: #f6f6f6; font-size: 16px; line-height: 20px; border-bottom: 1px solid #d5d5d5; color: #262626; padding:10px 0;}
.camctr_tab h3 span{font-size: 13px; color: #999; }
.camctr_tab .camctr_list{overflow-y: auto; bottom: 0; position: absolute; width: 308px; top: 62px; padding-bottom: 14px;}
.camctr_tab .camctr_list ul{clear: both; padding: 14px 14px 0 14px;}
.camctr_tab .camctr_list li{position: relative;}
.camctr_tab .camctr_list li span{position: absolute; font-size: 13px; color: #262626; top:28px;}
.camctr_tab .camctr_list li img{width: 128px; height: 72px; border: 1px solid #d5d5d5; background: #f0f0f0; margin-right: 10px;}
.camctr_tab .camctr_list li.on{position: relative;}
.camctr_tab .camctr_list li.on img{width: 126px; height: 70px; border: 2px solid #4b96e6; background: #f0f0f0; margin-right: 10px;}
.camctr_tab .camctr_list li.on .chek{position: absolute; width:18px;height:18px; background:url(/resources/im/sp.png) no-repeat; background-position:-20px -94px; z-index: 20;}
.camctr_tab .camctr_list li.on .bg_alpha{position: absolute; width: 126px; height: 70px; background: rgba(255,255,255,.5); left: 2px; top:2px;}

.control_ok{position: relative; left: 50%; margin-left: 80px; margin-top: 10px; margin-bottom: 50px;}
.control_ok button{padding:25px 0 26px;background:#4b96e6;font-size:16px; color:#fff; width: 160px; border-radius: 2px;}

.input_lst_manager{overflow:hidden;height:36px; border-bottom: 1px solid #e4e4e4;}
.input_lst_manager li{float:left;height:100%;}
.input_lst_manager li span.ck_bx{margin-left: 0px;}
.input_lst_manager li label{width: 400px; margin-top: 2px;}
.manager_updown{float: right; margin-top: 2px;}
.manager_updown .time_select_area{padding:0px;text-align:center;}
.manager_updown .time_select{display:inline-block;width:16px;border:0px;vertical-align:middle;line-height: 6px;}
.manager_updown .time_select .action{padding:0px 6px 2px;}
.manager_updown .time_select .sp{width:9px;height:5px}
.manager_updown .time_select .sp.up{background-position:-529px 0}
.manager_updown .time_select .sp.down{background-position:-529px -9px}
.ly_control{width:624px;margin-left:-215px; padding-bottom: 40px;}
.ly_control .inp_box{display:inline-block;min-width:252px}
.ly_control .inp_box_s{min-width:358px}
.ly_control .inp_box_s input{width:358px}
.ly_control .inp_box_ss{min-width:265px; position: relative; float: left; margin-left: 8px;}
.ly_control .inp_box_ss input{width:265px}
.ly_control .inp_box_s2{min-width: 78px;}
.ly_control .inp_box_s2 input.id_plus_L{width:98px;}
.ly_control .inp_box_s2 input.id_plus_R{width:78px}
.control_wrap{margin-top:10px;border:1px solid #e4e4e4; background: #f9f9f9; text-align: center;padding: 7px; }
.control_wrap span{padding: 0px 8px; font-size: 13px; color: #777; font-weight: 400; }
.control_wrap span.on{color: #4f98e4;}
.control_wrap .cw_L_ar{position: absolute; width:7px;height:14px;background:url(/resources/im/sp.png) no-repeat;background-position:0px -494px; vertical-align: middle; left: 30px;}
.control_wrap .cw_R_ar{position: absolute; width:7px;height:14px;background:url(/resources/im/sp.png) no-repeat;background-position:-11px -494px; vertical-align: middle; right: 30px;}
.control_wrap .cw_L_ar_on{position: absolute; width:7px;height:14px;background:url(/resources/im/sp.png) no-repeat;background-position:0px -512px; vertical-align: middle; left: 30px;}
.control_wrap .cw_R_ar_on{position: absolute; width:7px;height:14px;background:url(/resources/im/sp.png) no-repeat;background-position:-11px -512px; vertical-align: middle; right:30px;}

.ct_login{background: #f0f0f0; height: 100%; text-align: center;}
.ct_login .ct_login_tit{padding: 85px 0;}
.ct_login .ct_login_tit li{display: block;}
.ct_login .ct_login_tit li.txt01{color: #999; font-size: 18px; line-height: 28px;}
.ct_login .ct_login_tit li.txt02{color: #262626; font-size: 36px;}
.ct_login .ct_login_tit li.txt03{color: #4890dd; font-size: 22px; margin-top: 25px;}
.ct_login .ct_btn_area{width: 390px; margin: 0 auto 300px;}
.ct_login .ct_btn_area button{height: 66px; line-height: 66px; width: 100%; border-radius: 2px; margin-bottom: 10px;}
.ct_login .ct_btn_area button.btn_login{background: #fa2828; font-size: 20px; color: #fff;}
.ct_login .ct_btn_area button.btn_login:hover{background: #e42020;}
.ct_login .ct_btn_area button.btn_member{background: #fafafa; font-size: 20px; color: #262626; border: 1px solid #e4e4e4;}
.ct_login .ct_btn_area button.btn_member:hover{background: #fff;}
.ct_login .ct_btn_area img{margin-right: 5px; vertical-align: middle; margin-top: -3px;}
.ct_login .ct_btn_area span{line-height: 40px; font-size: 14px; color: #262626; text-decoration: underline; cursor: pointer;}
.ct_login .ct_btn_area span:hover{color: #777;}


/*데모보기*/
.lst_demo{margin:0px 0 20px 0; padding: 60px; background: #fff; overflow: hidden;}
.lst_demo li{float:left;padding:0px 54px 0 0;box-sizing:border-box}
/*@media only screen and (max-width:1280px) {
.lst_demo{margin:0px 0 20px 0; padding: 40px; background: #fff; overflow: hidden;}
.lst_demo li{float:left;padding:0px 30px 0 0;box-sizing:border-box}
}*/
.lst_demo li a{display:block;position:relative}
.lst_demo li a:hover .txt_area strong,.lst_demo li a:hover .txt_area span{text-decoration:underline}
.lst_demo li .demo_area_re{position:relative;background:#f1f1f1}
.lst_demo li .demo_area_re:before{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.2);content:''}
.lst_demo li .demo_area_re img{display:block;width:333px;height: 187px;}
.lst_demo .txt_area{}
.lst_demo .txt_area strong{display:block;font-size:20px;color:#333; line-height: 40px; letter-spacing: -0.2px; font-weight: 400;}
.lst_demo .txt_area span{display:block;padding-top:15px;font-size:14px;color:#999; line-height: 26px; letter-spacing: -0.2px;}
.lst_demo .txt_area span:lang(ja){letter-spacing: -1px;}
.lst_demo button{width: 160px; height: 60px; background: #4f98e4; font-size: 16px; color: #fff; border-radius: 30px; position: absolute; bottom: 70px;}
/*@media only screen and (max-width:1280px) {
.lst_demo li .demo_area_re img{display:block;width:275px; height: 180px;}
.lst_demo .txt_area{}
.lst_demo .txt_area strong{display:block;font-size:20px;color:#333; line-height: 40px; letter-spacing: -0.2px;}
.lst_demo .txt_area span{display:block;padding-top:10px;font-size:14px;color:#999; line-height: 1.5; letter-spacing: -0.2px;}
.lst_demo .txt_area button{width: 140px; height: 50px; background: #4f98e4; font-size: 16px; color: #fff; border-radius: 25px; margin-top: 30px;}
}*/
.lst_demo li.off .demo_area_re .txt_off{position:absolute;top:50%;left:50%;width: 70%;z-index:1;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.lst_demo li.off .demo_area_re p{font-size:18px;color:#fff}
.lst_demo li.off .demo_area_re .btn{display:inline-block;width:128px;margin-top:18px;padding:13px 0;font-size:13px;color:#fff;cursor:pointer;}
.lst_demo li.off .demo_area_re:after{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(38,38,38,.7);content:''}
.lst_demo li.add .demo_area_re{padding:27.5% 30%}
.lst_demo li.add .demo_area_re:after{position:absolute;left:50%;top:50%;width:66px;height:66px;margin:-33px 0 0 -33px;background-position:-56px -48px;content:''}
.lst_demo li .btn_mov{display:none}
.lst_demo li a:hover .btn_mov,.time_wrap .lst_video li a:focus .btn_mov{display:block;overflow:hidden;position:absolute;top:0;right:0;bottom:0px;left:0;background:rgba(0,0,0,.5);line-height:999px}
.lst_demo li a:hover .btn_mov .sp,.time_wrap .lst_video li a:focus .btn_mov .sp{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;padding:0;background-position:-62px -288px;content:''}
.sdk_content{position: relative; clear: both;}

/* 오디오챗 */
.audiochat_player_area0{position:relative;}
.audiochat_player_area1{background:#262626; width:100%; padding-top:56%;position:relative;}
.audiochat_player_area2{position:absolute; margin-top:-54px; right:0; bottom:0; margin-right:20px; display:block;}
.audiochat_player_area0 .sp.full{background-position:-140px -626px; background-repeat: no-repeat; width:34px;height:34px; }
.audiochat_red_alert{width:100%; height:40px; color:white; background:rgba(255,0,0,.7); text-align:center;line-height:40px;font-size:14px;top:0;}
.audiochat_player_center_thumb_area{position:absolute;top:50%;left:50%}
.audiochat_player_center_thumb{position:relative; top:-50%;left:-50%;margin-top:-160px; background-size: cover;
    background-size: cover;  display: block;  border-radius: 160px;  -webkit-border-radius: 160px;   -moz-border-radius: 160px;  background:url(/resources/im/img_sdk_thum01.png); width:320px; height:320px;}
.audiochat_video_txt{font-size:14px; color:rgb(102, 102, 102); }
.audiochat_video_btn_on{font-size:14px; color:rgb(75,150,230);}
.audiochat_video_btn_off{font-size:14px; color:rgb(167,167,167);}
.audiochat_video_on_off_btn{ display: inline-block; left: 91px; position: absolute; width: 82px; height: 30px; border: 1px solid #ddd; background: white; margin-top:13px}
.audiochat_player_bottom{margin-top:-4px;}
.audiochat_player_bottom1{background:white; line-height:50px; vertical-align: middle; text-align: center;}
.audiochat_top_area{position: absolute; top: 0;width: 100%;}
.audiochat_center_txt_area{min-width: 124px; line-height: 38px; text-align: center; background: rgba(0,0,0,.4); border-radius: 4px; padding: 0 20px;width:0%;margin:0 auto;margin-top:24px;}
.audiochat_center_txt1{font-size:16px;color:white; display:inline-block;}
.audiochat_center_txt2{font-size:20px;color:white; display:inline-block; margin-left:5px; margin-top:2px;vertical-align: middle;}
.audiochat_center_txt3{font-size:16px;color:white; line-height: 40px; display:inline-block;}
.audiochat_player_bottom2{line-height:110px; background:white; vertical-align: middle;text-align:center;}
.audiochat_retry_img{width:30px;height:30px;vertical-align: text-middle;}
.audiochat_retry_btn_area{position:absolute; bottom:0; margin-left:-100px;margin-bottom:24px; left:50%;}
.audiochat_retry_btn{background:white; border:1px solid rgb(75,150,230); border-radius:25px;width:200px;height:52px; margin:0 auto; padding: 0; margin: 0 5px;margin-left:-100px;}
.audiochat_retry_btn2{background:rgb(73, 148, 230); border:1px solid rgb(75,150,230); border-radius:25px;width:200px;height:52px; margin:0 auto; padding: 0; margin: 0 5px;  }
.audiochat_retry_btn_txt{font-size:16px;color:rgb(74,149,235);display:inline-block;margin-top:16px; margin-left:6px;}
.audiochat_retry_btn_txt2{font-size:16px;color:white;display:inline-block;margin-top:16px; margin-left:6px;}
.audiochat_retry_btn_txt2:lang(ja){font-size:12px;}
.audiochat_pop_alert{width: 100%; position: absolute;  z-index: 999; margin-top: 80px;}
.audiochat_pop_alert_area{position:relative;height:100px; background: rgb(237,235,211); }
.audiochat_pop_alert_line{height:1px; background: rgb(188,186,160); }
.audiochat_pop_alert_close_btn{position:absolute;right:0;}
.audiochat_pop_alert_close_btn_img{background:url(/resources/im/btn_close.png) no-repeat;margin-top:20px;margin-right:20px;margin-left:5px;margin-bottom:5px;width:20px;height:20px}
.audiochat_pop_alert_close_btn_txt{line-height: 25px;  padding-top: 25px;  font-size: 16px;  margin-left: 30px;  color: rgb(51,51,51);}
.audiochat_pop_alert_chrome_btn{position:absolute;right:80px;vertical-align:middle;background:rgb(75,150,230);border-radius:25px; width:200px; height:45px; margin-top:27px;}
.audiochat_pop_alert_chrome_btn_img{background:url(/resources/im/icon_chrome.png); width:24px; height:24px;}
.audiochat_pop_alert_chrome_btn_txt{color:white;display:inline-block;margin-top:14px;margin-left:10px;font-size:16px;}
.audiochat_chrome_img{width:24px;height:24px;vertical-align: text-middle;}


/* 카메라 상세 */
.tit_area{margin-top: 20px;}
@media only screen and (max-width:1280px) {
    .tit_area{margin-top: 10px;}
}
.tit_area .btn_area{float:right;font-size:0;}
.tit_area .tit_xx{color: #333; font-size: 24px; font-weight: 400;}
.tit_area .tit_xx .share_num{margin-top: -4px; float: right; margin-left: 20px;}
.tit_area .tit_xx .share_num span{color: #4f98e4; font-size: 22px; margin-left: 10px; font-weight: 300; position: relative; top: 4px;}
.tit_area .tit_xxR{margin-top: -10px;}
.tit_demo_dt{margin-bottom: 13px; font-size: 30px;}
.tit_area .btn_w{width:136px;height:44px; background: #f4f4f4; color: #555;}
.tit_area .btn_w_R{border-right: 0px;}
.tit_area .btn_w .ic:before{height:23px;margin-right:5px;vertical-align:middle;content:''}
/*.tit_area .btn_w.cam .ic:before{width:16px;background-position:-390px 0}*/
.tit_area .btn_w.cam .ic:before{width:16px;background-position:-94px -509px}
.tit_area .btn_w.alrm .ic:before{width:20px;background-position:-406px 0}
.tit_area .btn_w.beacon{width: 150px;}
.tit_area .btn_w.beacon .ic:before{width:16px;background-position:-517px -343px}
.tit_area .btn_w.share{width: 150px; margin-right: 10px; }
.tit_area .btn_w.share .ic:before{width:16px; height: 17px; background-position:-469px -721px; }

.camdtl_wrap{position:relative;margin:12px 0 70px;padding-right:282px}
.camdtl_view{border: 0}

.camdtl_view{position:relative; z-index:1;}
.camdtl_view .player_area{position:relative;height:100%;padding-top:56%;font-size:0;vertical-align:top;z-index:0}
.camdtl_view .player_area .player_cam{position:absolute;top:0;left:0;right:0;bottom:178px;background:#222; content:''; width: 100%;margin-bottom:-14px; overflow: hidden;}
.camdtl_view .player_area .player_cam.player_off_black{z-index:1;}
.camdtl_view .player_area .player_cam_back{position:absolute;top:0;left:0;right:0;bottom:178px;background:#222;}
.camdtl_view .player_area .player_cam_full{position:absolute;top:0;left:0;right:0;bottom:0px;background:#222; border:0; content:''}
.camdtl_view .player_area .player_cam.off+.camoff{display:block}
.camdtl_view .player_area .player_cam.none+.movieoff{display:block}
.camdtl_view .player_area .player_cam.net+.network{display:block}
.camdtl_view .player_area embed{display:block;height:100%; position: absolute; width: 100.05%;}
@media screen and (min-width:0\0){
    .camdtl_view .player_area embed{display:block;height:100%; position: relative; width: 100%;}
}
.camdtl_view .cam_zoom{position:absolute;bottom:70px;right:20px}
.camdtl_view .cam_zoom .zoom_area{position:relative;width:160px;height:90px;background:#000}
.camdtl_view .cam_zoom .btn_clse{position:absolute;right:0;top:0;padding:5px}
.camdtl_view .cam_zoom .btn_clse .sp{width:8px;height:8px;background-position:-539px -48px}
.camdtl_view .cam_ctrl{position:relative;left:0;bottom:0;right:0;top:0px;height:50px;/*background:rgba(0,0,0,.7);*/text-align:center;z-index:500}
.n_area{position:absolute;top:48%;left:50%;z-index:1;width: 100%;text-align:center;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.n_area p{font-size:36px;color:#fff;font-weight: 300; line-height: 72px;}
.n_area p .sp{width:60px;height:60px;background-position:-374px -337px}
.n_area .txt{font-size:16px;color:#fff;line-height:1.7}
.n_area .btn{width:160px;height:40px;margin-top:13px;background:#4a95eb;font-size:14px;color:#fff;line-height:40px; border-radius: 20px;}
.n_area .btn:lang(ja){font-size: 13px; width: 170px;}
.n_area .btn:hover{background:#448ede;}
.n_area .btn img{vertical-align: middle; margin-right: 10px;}
.off_area{display:inline-block;padding-top:30px}
.off_area li{display:inline-block;;position:relative;padding:0 45px;}
.off_area li:after{position:absolute;top:50%;left:0;width:1px;height:75px;margin-top:-35px;background:#444;vertical-align:middle;content:''}
.off_area li:first-child:after{background:none}
.network p .sp{width:60px;height:60px;background-position:-437px -337px}
.network p .s_tx{display:block;margin-top:-7px;font-size:16px}
.cam_ctrl button.sp{width:34px;height:34px;vertical-align:middle}
/*@media only screen and (max-width:1900px) {*/
.cam_info{position:absolute;left:0;bottom:0;right:0;top:0px;height:36px;z-index:0; margin: 0 auto; padding: 0px;}
.cam_info .cam_info_bg{position: relative; left: 50%; margin-left: -103px; width: 206px; background: rgba(38,38,38,.8); border-radius: 4px; text-align:center;}
.cam_info .cam_info_bg:lang(ja){width: 202px;}
.cam_info .cam_info_bg_en{position: relative; left: 50%; margin-left: -109px; width: 218px; background: rgba(0,0,0,.8); text-align:center;}
/*
  CVR play
  .cam_info .cam_info_bg_en{position: relative; left: 50%; margin-left: -158px; width: 316px; background: rgba(0,0,0,.7); border-radius: 4px; text-align:center;}
*/
/*.cam_info .cam_info_bg{position: relative; left: 50%; margin-left: -151px; width: 302px; background: rgba(0,0,0,.7); border-radius: 4px; text-align:center;}*/
.cam_info .time_area{font-size:18px;line-height:36px; font-weight: normal; padding-right: 4px;}
.cam_info .time_area .date{display: inline-block; height:37px; line-height:37px; margin-right:6px; color:#fff; font-size: 15px; vertical-align: middle;}
.cam_info .time_area .date:lang(ja){font-size: 13px; margin-left: -4px; line-height:35px;}
.cam_info .time_area .time{
    display:inline-block; padding:1px 9px 0; height:26px; line-height:26px;
    background:#e60012; color:#fff; font-size: 16px; border-radius:2px;
    position: relative; vertical-align: middle; box-sizing: border-box;
}
.cam_info .time_area .time:lang(ja){font-size: 14px;line-height:23px;}
.cam_info .time_area .golive{display:inline-block;vertical-align:middle;margin-left: 1px;height: 26px;}
.cam_info .time_area .golive span{font-size:14px;color:#fff;border: 1px solid #fff;border-radius: 2px;padding: 0px 8px 0px;height: 26px;line-height: 26px;display: inline-block;box-sizing: border-box;}
.cam_info .time_area .golive span:lang(ja){font-size: 12px;line-height:23px;}
.cam_info .time_area .golive_disabled{display:inline-block; vertical-align:middle; margin-left: 1px; opacity: 0.3;}
.cam_info .time_area .golive_disabled span{font-size:14px;color:#fff; border: 1px solid #999; padding:4px 8px 5px;}
.cam_info .time_area .golive_disabled span:lang(ja){font-size: 12px;}
.cam_info .time_area .sp{margin-right:8px;}

.cam_info button.sp{width:36px;height:36px;vertical-align:middle}
.cam_info .time_area .state{margin-right:10px}
.cam_info .time_area .state.live{color:#e60012; font-weight: 400;}
.cam_info .time_area .state.rec{color:#4a95eb}
.cam_info .time_area .state:before{display:inline-block;width:16px;height:16px;margin:-2px 5px 0 0;border-radius:100%;vertical-align:middle;content:''}
.cam_info .time_area .state.live:before{background:#e60012}
.cam_info .time_area .state.rec:before{background:#4a95eb}
.cam_info .time_area .sp.play{background:url(/resources/img/btn-camera-play-bottom.svg) no-repeat; width:28px; height:28px; vertical-align: middle;margin-top: -1px;margin-right: 2px;}
.cam_info .time_area .sp.pause{background:url(/resources/img/btn-camera-pause.svg) no-repeat; width:28px; height:28px; vertical-align: middle;margin-top: -1px;margin-right: 2px;}
.cam_info .time_area .sp.play:lang(ja) {margin-right: 6px;}
.cam_info .time_area .sp.pause:lang(ja) {margin-right: 6px;}
.cam_info .time_area .sp.play_disabled{background-position:-246px -706px; opacity:0.3;}
.cam_info .time_area .sp.pause_disabled{background-position:-353px -706px; opacity:0.3;}
:root .cam_info .time_area .sp.play{margin-left: -2px;}
:root .cam_info .time_area .sp.play:active{margin-left: -2px;}
:root .cam_info .time_area .sp.pause{margin-left: -2px;}
:root .cam_info .time_area .sp.pause:active{margin-left: -2px;}
:root .cam_info .time_area .sp.play_disabled{margin-left: -2px;}
:root .cam_info .time_area .sp.pause_disabled{margin-left: -2px;}


.cam_ctrl .zoom{position:absolute;left:19px;top:0px;padding:0 38px;line-height:34px; background: rgba(0,0,0,.8); border-radius: 20px; z-index: 10;}
.cam_ctrl .zoom .sp{position:absolute;}
.cam_ctrl .zoom .zoomout{left:0; background:url(/resources/img/btn-screen-zoom-out.svg) no-repeat; background-position:center;}
.cam_ctrl .zoom .zoomin{right:0; background:url(/resources/img/btn-screen-zoom-in.svg) no-repeat; background-position:center;}
.cam_ctrl .zoom .zoom_bg,.cam_ctrl .zoom .bar{display:inline-block;width:60px;height:2px;background:#666;font-size:0;line-height:0;text-align:left}
.cam_ctrl .zoom .zoom_bg{background:#666}
.cam_ctrl .zoom .bar{position:relative;background:#4b96e6;vertical-align:top}
.cam_ctrl .zoom .bar_ctrl{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:100%;background:#fff;cursor:auto;}
.cam_ctrl .fs_time{position:absolute;top:0px;right:240px;padding:5px 18px 0;height:29px; line-height:29px;  background: rgba(0,0,0,.8); border-radius: 2px; width: 146px;}
#content_demo_detail .cam_ctrl .fs_time {right:80px;}
.new_player .cam_ctrl .fs_time {width: 270px; background:none; padding: 0px;}
.cam_ctrl .fs_time .range_select_wrap {position:relative; display: inline-block; width: 115px; height: 36px; background: #262626; margin-right: 16px; border-radius: 18px; float:left;}
.cam_ctrl .fs_time .range_select_wrap .left_icon {float:left; margin:12px 0 0 16px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right:5px solid #d8d8d8;}
.cam_ctrl .fs_time .range_select_wrap .right_icon {float:right; margin:12px 16px 0 0; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #d8d8d8;}
.cam_ctrl .fs_time .range_select_wrap button {position:absolute; width:100%; left:0px; top:6px;}
.cam_ctrl .fs_time .calendar_btn_wrap {display: inline-block; width: 119px; height: 36px; background: #262626; border-radius: 18px;}
.cam_ctrl .fs_time button{position: relative; font-size: 14px; color: #fff; line-height: 26px; margin-right: 25px; margin-top: -1px;}
.cam_ctrl .fs_time button:lang(ja) {margin-right:18px;}
.cam_ctrl .fs_time button.last{position: relative; font-size: 14px; color: #fff; line-height: 26px; margin-right: 0px; margin-left: 22px; padding-top:6px;}
.cam_ctrl .fs_time button span.on{color: #4b96e6;}
.cam_ctrl .fs_time button .calendar{background:url(/resources/img/btn-date-calendar-white.png) no-repeat; width: 20px; height: 20px; position: absolute; top:-3px; left: -22px;}
.cam_ctrl .menu{position:absolute;display:inline-flex;right:10px;text-align:right;line-height:50px;}
.cam_ctrl .menu .sp{margin-left:10px}
.cam_ctrl .menu .sp.mic_off{background:url(/resources/im/icon_audio_dis.png) no-repeat;width: 34px; height: 34px;}
.cam_ctrl .menu .sp.mic_on{background:url(/resources/im/icon_audio.png) no-repeat;width: 34px; height: 34px;}
.cam_ctrl .menu .sp.mic_off_non{background-position:-100px -702px}
.cam_ctrl .menu .sp.mic_on_non{background-position:-100px -778px}
.cam_ctrl .menu .sp.acc_off{background-position:-20px -740px}
.cam_ctrl .menu .sp.acc_on{background-position:-20px -702px}
.cam_ctrl .menu .sp.acc_off_non{background-position:-100px -740px}
.cam_ctrl .menu .sp.acc_on_non{background-position:-140px -778px}
.cam_ctrl .menu .sp.camera_off{background-position:-60px -740px}
.cam_ctrl .menu .sp.camera_on{background-position:-60px -702px}
.cam_ctrl .menu .sp.camera_off_non{background-position:-140px -702px}
.cam_ctrl .menu .sp.camera_on_non{background-position:-100px -778px}
.cam_ctrl .menu .menu_btn.sound_mute{background:url(/resources/img/btn-camera-sound-on-disabled.svg) no-repeat; background-position:center;}
.cam_ctrl .menu .menu_btn.sound_mute.vol_on{background:url(/resources/img/btn-camera-sound-on.svg) no-repeat; border-radius:40px; background-position:center;}
.cam_ctrl .menu .menu_btn.sound_mute.vol_off{background:url(/resources/img/btn-camera-sound-off.svg) no-repeat; border-radius:40px; background-position:center;}
.cam_ctrl .menu .sp.scrnshot{background-position:-100px -626px}
.cam_ctrl .menu .sp.full{background-position:-140px -626px}
.cam_ctrl .menu .sp.small{background-position:-140px -664px}
.cam_ctrl .menu .menu_btn.sound_mute.vol_on_non{background:url(/resources/img/btn-camera-sound-on-disabled.svg) no-repeat; background-position:center; opacity:0.6;}
.cam_ctrl .menu .menu_btn.sound_mute.vol_on.vol_on_non{background:url(/resources/img/btn-camera-sound-on-disabled.svg) no-repeat; background-position:center; opacity:0.6;}
.cam_ctrl .menu .menu_btn.sound_mute.vol_off.vol_on_non{background:url(/resources/img/btn-camera-sound-off-disabled.svg) no-repeat; background-position:center; opacity:0.6;}
.cam_ctrl .menu .sp_flashing{margin-left:10px; vertical-align: middle;}
.cam_ctrl .menu .menu_btn {display:inline-block;width:34px;height:34px;margin-right:12px;}
.cam_ctrl .menu .cvr_lock {background:url(/resources/img/btn-lock-off.svg) no-repeat;background-position:center;}
.cam_ctrl .menu .cvr_lock.secureon {background:url(/resources/img/btn-lock-on.svg) no-repeat; background-position:center;}
.cam_ctrl .menu .audio_chat {background:url(/resources/img/btn-audio-chat.png) no-repeat; background-position:center;}
.cam_ctrl .menu .clip_btn {background:url(/resources/img/btn-camera-clipntimelapse.svg) no-repeat;background-position:center;}
.cam_ctrl .menu .setting_btn {background:url(/resources/img/btn-camera-setup.svg) no-repeat; background-position:center;}
.cam_ctrl .menu .fullscreen_btn {background:url(/resources/img/btn-camera-downscale.svg) no-repeat;background-position:center;}
.cam_ctrl .menu .fullscreen_btn.full {background:url(/resources/img/btn-camera-upscale.svg) no-repeat;background-position:center;}
.cam_ctrl .menu .menu_list {position:relative;background:url(/resources/img/btn-camera-setup.svg) no-repeat; background-position:center;}
.cam_ctrl .menu .menu_list.has--badge:after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    top: 2px;
    right: 0;
    border-radius: 100%;
    background-color: #ef351c;
}
.cam_ctrl .event_move{position: absolute; left: 250px; line-height: 44px; margin-top: 1px; margin-left: -80px; background: rgba(0,0,0,.8); border-radius: 22px;}
.cam_ctrl .event_move .event_move_box{width: 160px; height: 34px; border-radius: 22px; background:rgba(0,0,0,.8)}
.cam_ctrl .event_move .event_move_box li{float: left; display: block; height: 34px;}
.cam_ctrl .event_move .event_move_box li.ar_L{width: 32px; height: 34px; cursor: pointer;}
.cam_ctrl .event_move .event_move_box li.ar_L button{background:url(/resources/img/btn-full-timeline-event-prev-white.png) no-repeat;width: 28px;height: 28px;margin-left: 13px;margin-top: 3px;}
.cam_ctrl .event_move .event_move_box li.ar_R{width: 32px; height: 34px; cursor: pointer;}
.cam_ctrl .event_move .event_move_box li.ar_R button{background:url(/resources/img/btn-full-timeline-event-next-white.png) no-repeat;width: 28px;height: 28px;margin-left: -23px;margin-top: 3px;}
.cam_ctrl .event_move .event_move_box li.txt{font-size: 14px; color: #fff; line-height: 34px; text-align: center; width: 94px; position: relative;}

.timeline_ctrl{height:40px;padding:0 10px; border-bottom: 1px solid rgba(220,223,226,0.7); background: #fff; overflow: hidden;}
.timeline_ctrl .time_unit{float: left;margin-right: -11px;margin-left: 5px;}
.timeline_ctrl .time_unit li{float:left;line-height:40px;}
.timeline_ctrl .time_unit li button{height:39px;margin: 0 15px; font-size:13px;color:#555; box-sizing:content-box;}
.timeline_ctrl .time_unit li button:lang(ja){font-size: 13px;}
.timeline_ctrl .time_unit li.on button{color:#5cacff}
.timeline_ctrl .time_unit li.calendar{width: 92px; line-height: 16px;}
.timeline_ctrl .time_unit li.calendar button{display:inline-block; background:url(/resources/im/sp.png) no-repeat; width: 16px; height: 18px; background-position:-196px -411px; margin-top: 10px; margin-left: 10px;}
.timeline_ctrl .time_unit li.calendar button span{position: absolute; margin-top: 1px; margin-left: 10px;}
.timeline_ctrl .time_unit li.calendar button.on{display:inline-block; background:url(/resources/im/sp.png) no-repeat; width: 16px; height: 18px; background-position:-226px -411px; margin-top: 10px; margin-left: 10px;}
.timeline_ctrl .time_unit li.calendar button.on span{position: absolute; margin-top: 1px; margin-left: 10px; color: #4b96e6;}
.timeline_ctrl .calendar{width: 148px;line-height: 16px;float:right;display:inline-block;}
.timeline_ctrl .calendar:lang(ja){width: 128px;}
.timeline_ctrl .calendar button{display:inline-block;background:url(/resources/img/btn-date-calendar-gray.png) no-repeat;width:20px;height:20px;margin-top: 10px;margin-left: 10px;/* margin-right: 6px; */}
.timeline_ctrl .calendar button span{position: absolute;margin-top: 1px;margin-left: 16px;font-size: 13px;color: #444444;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .timeline_ctrl .calendar button span {margin-left:23px;}
}
.timeline_ctrl .calendar button.on span{color: #4b96e6;}
.timeline_ctrl .time_btn{float:left;line-height:39px;margin-left: -2px;}
.timeline_ctrl .time_btn .btn{display:inline-block;height:39px;padding:0 9px;color:#7c7c7c;line-height:39px; background: none;}
.timeline_ctrl .time_btn .btn:lang(ja){letter-spacing: -1.5px; padding: 0 4px 0 8px; font-size: 11px;}
.timeline_ctrl .time_btn .btn .ic:before{height:18px;margin-right:8px;vertical-align:middle;content:''}
.timeline_ctrl .time_btn .btn.clip .ic:before{width:18px;background-position:-235px -386px}
.timeline_ctrl .time_btn .btn.clip_plus .ic:before{width:18px;background-position:-460px -420px}
.timeline_ctrl .time_btn .btn.lapse .ic:before{width:16px;background-position:-14px -386px}
.timeline_ctrl .time_btn .btn.cliplapse .ic:before{width:14px;background-position:-32px -386px}
.timeline_ctrl .time_btn .btn.security .ic:before{width:13px;background-position:-212px -380px}
.timeline_ctrl .time_btn .btn.security_open .ic:before{width:16px;background-position:-331px -394px}
.timeline_ctrl .time_btn span.on{color: #4b96e6;}
.timeline_ctrl .event_move{position: absolute; left: 50%; line-height: 44px; margin-top: 5px; margin-left: -75px; border: 1px solid #ddd; border-radius: 22px;}
.timeline_ctrl .event_move .event_move_box{width: 182px;height: 28px;background: #fff;border-radius: 22px;}
.timeline_ctrl .event_move .event_move_box li{float: left; display: block; height: 28px;}
.timeline_ctrl .event_move .event_move_box li.ar_L{width:auto;height:28px;cursor: pointer;}
.timeline_ctrl .event_move .event_move_box li.ar_L button{background:url(/resources/img/btn-timeline-event-pre-gray.png) no-repeat;width:28px;height:28px;margin-left:20px;margin-right: 14px;}
.timeline_ctrl .event_move .event_move_box li.ar_R{float:right;width:auto;height:28px;cursor: pointer;}
.timeline_ctrl .event_move .event_move_box li.ar_R button{background:url(/resources/img/btn-timeline-event-next-gray.png) no-repeat;width:28px;height:28px;margin-right:20px;}
.timeline_ctrl .event_move .event_move_box li.txt{font-size: 13px;color: #666;line-height: 28px;text-align: center;width:auto;background: white; padding-top:2px; box-sizing:border-box;}
.timeline_ctrl .event_move .event_move_box li.ar_L button:lang(ja) {margin-left:10px;}
.timeline_ctrl .event_move .event_move_box li.ar_R button:lang(ja) {margin-right:10px;}
.timeline_ctrl .event_move .event_move_box li.txt:lang(ja) {padding-top:0px;}

.calendar_select{position: absolute; right: 4px; width: 140px; height: 125px; border: 1px solid #d5d5d5; background: #fff; margin-top: -9px; z-index: 9800; padding:10px;}
.calendar_select_full{right: 214px; margin-top: -160px;}
.calendar_select button.btn_close{overflow:hidden;position:absolute;top:13px;right:9px;width:12px;height:12px;background-position:-535px -289px;line-height:999px}
.calendar_select .calendar_ar{position: absolute; bottom:-12px; left:76px;  display:inline-block; background:url(/resources/im/sp.png) no-repeat; width: 18px; height: 12px; background-position:-529px -204px; }
.calendar_select h3{font-size: 14px; color: #4b96e6; padding-bottom: 5px; font-weight: 400;}
.calendar_select li{margin-top: 7px;}
.calendar_select li input{font-size: 12px; color: #333333;}
.calendar_select li button{margin: 0 2px;}
.calendar_select li.cal_s_btn{text-align: center;}
.calendar_select li.cal_s_btn button.btn_on{background: #4b96e6; width: 140px; text-align: center; line-height: 28px; color: #fff; border-radius: 2px; margin: 0px;}
/*.calendar_select li.cal_s_btn button.btn_off{background: #777; width: 65px; text-align: center; line-height: 24px; color: #fff; border-radius: 2px; margin-left: 2px;}*/
.calendar_open_area{position: absolute; right: 245px;}
.calendar_open_area .pika-button{margin: 0;}
.calendar_open_area .pika-single .pika-lendar .pika-title button.btn_close{top: 10px;}

.timeline_guide{position: absolute; left: 50%; margin-left: -75px; color: black; z-index: 1500; margin-top: 1px; display:none;}
.timeline_area{border-bottom:1px solid #f4f4f4;}
.timeline_date{border-bottom:0;}
.timeline_area{position:relative;height:92px;padding:0px 74px 0;background:#fff;}
.new_player .timeline_area{height: 77px;}
.timeline_area_full{background:rgba(0,0,0,.7); z-index: 500;height: 106px;}
.timeline_area .time_bar{position:relative;height:90px;cursor:pointer;left:-72px;}
.timeline_area .time_bar:hover .time_info{display:block;z-index:999;}
.timeline_area .time_info{display:none;border:1px solid #bbb;background:#FFFFFF;text-align:center;}
/*.timeline_area .time_info:after{position:absolute;bottom:-12px;left:50%;width:18px;height:12px;margin-left:-9px;background-position:-529px -204px;content:''}*/
.timeline_area .time_info_tri{position:absolute;bottom:62px;width:18px;height:12px;background:url(/resources/im/thum_arrow.png) no-repeat;background-position:0px 0px;content:'';border:0px;}
.timeline_area .timeline_beacon{position: absolute; bottom: 59px; width:14px; height: 18px; background:url(/resources/im/ic_timeline_color07_N.png) no-repeat;background-position:0px 0px;content:'';border:0px; left: 500px;}
.timeline_area .timeline_beacon_full{position: absolute; bottom: 75px; width:14px; height: 18px; background:url(/resources/im/ic_timeline_color07_N.png) no-repeat;background-position:0px 0px;content:'';border:0px; left: 500px;}
.timeline_area .time_detail{position:relative;width:100%;height:90px;margin-bottom:11px;background:#000}
.timeline_area .time_detail:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.5);content:''}
.timeline_area .sp{position:absolute;top:36px;width:18px;height:28px}
/*.timeline_area .sp{position:absolute;top:25px;width:33px;height:32px}*/
.timeline_area .sp.prev{left:14px; background:url(/resources/img/btn-timeline-prev-normal.png) no-repeat; margin-top: -13px;}
.timeline_area .sp.next{right:7px; background:url(/resources/img/btn-timeline-next-normal.png) no-repeat; margin-top: -13px;}
.new_player .timeline_area .sp.prev, .new_player .timeline_area .sp.next {margin-top:-30px;}
.timeline_area .sp_cursor{position:absolute;top:31px;width:48px;height:32px}
/*.timeline_area .sp_cursor{position:absolute;top:15px;width:54px;height:32px}*/
.timeline_area .sp_cursor.prev{left:30px;background:url(/resources/img/btn-timeline-jump-prev-normal.png) no-repeat; margin-top: -8px;}
.timeline_area .sp_cursor.next{right:-7px;background:url(/resources/img/btn-timeline-jump-next-normal.png) no-repeat; margin-top: -8px;}
.new_player .timeline_area .sp_cursor.prev, .new_player .timeline_area .sp_cursor.next {margin-top: -25px;}
.timeline_area .time_idx{font-size:13px;color:#7c7c7c;text-align:center}
.timeline_area .time_idx dl,.timeline_area .time_idx dd{display:inline-block}
.timeline_area .time_idx dd{margin-left:25px}
.timeline_area .time_idx dt+dd{margin-left:20px}
.timeline_area .time_idx dd:after{display:inline-block;width:12px;height:12px;margin:-2px 0 0 4px;border-radius:100%;background:#97caff;vertical-align:middle;content:''}
.timeline_area .time_idx dd+dd:after{background:#7d66ff}
.timeline_area .zone_info{position: absolute; width: 100%; right: 10px; height: 12px; margin-top: 1px;}
.timeline_area .zone_info .zone_sound{position: relative; height: 12px; float: right; font-size: 11px; color: #777;}
.timeline_area .zone_info .zone_sound label{float: left; width: 12px; height: 12px; border-radius: 2px; margin-right: 3px;}
.timeline_area .zone_info .zone_sound label.zone_sd{background-color: #18b57b;}
.timeline_area .zone_info .zone_event{position: relative; height: 12px; float: right; font-size: 11px; color: #777; margin-right: 20px;}
.timeline_area .zone_info .zone_event label{float: left; width: 12px; height: 12px; border-radius: 2px; margin-right: 3px;}
.timeline_area .zone_info .zone_event label.zone01{background-color:#ff7900}
.timeline_area .zone_info .zone_event label.zone02{background-color:#3ea1d4}
.timeline_area .zone_info .zone_event label.zone03{background-color:#a4c800}
.timeline_area .zone_info .zone_event label.zone04{background-color:#efd600}
.timeline_area .zone_info .zone_event label.zone05{background-color:#767dff}
.timeline_area .zone_info .zone_event label.zone06{background-color:#ca7af0}
.timeline_area .zone_info .zone_event label.zone07{background-color:#ff76bd}
.timeline_area .zone_info .zone_event label.zone08{background-color:#929292}

.timeline_date{background:#f7fafe;text-align:center;line-height: 44px;height: 44px;}
.timeline_date ul,.timeline_date li{display:inline-block; position: relative; top: 2px;}
.timeline_date li button{height:24px;padding:0 7px;font-size:13px}
.timeline_date li.on button{border-radius:12px;background:#4b96e6;color:#fff}

.cloud_free{position: absolute; margin-top: -35px; right: 7px;}
.cloud_free .tet_L{padding: 5px 9px; background:#4a95e6; line-height: 19px; text-align:center; color: #b8daff; font-size: 12px; border-radius: 2px 0 0 2px; }
.cloud_free button{width: 50px; font-size: 12px; line-height: 24px; text-align: center; background: #3782d3; color: #fff; border-radius: 0 2px 2px 0;}

.filter_bx .chk{display:inline-block;position:relative;width:18px;height:18px;margin-right:4px}
.filter_bx .chk input{position:absolute;top:1px;left:1px;width:18px;height:18px}
.filter_bx .chk label,.filter_bx .chk label:before{position:absolute;top:0;left:0;height:18px}
.filter_bx .chk{width:90px; height: 32px; background: none;}
.filter_bx .chk label{width:auto;padding-left:24px;font-size:14px;line-height:20px}
.filter_bx .chk label:lang(ja){font-size: 12px; padding-left:20px; letter-spacing: -1.5px;}
.filter_bx .chk label:before{width:18px;content:''}
.filter_bx .chk.move label:before{width:16px;height:16px;border:1px solid #c8c8c8;background-color:#f6f6f6;}
.filter_bx .chk.move input:checked+label:before{width:16px;height:16px;background-position:-463px -35px;border: 1px solid #6997e2;}
.filter_bx .chk.sound label:before{width:16px;height:16px;border:1px solid #c8c8c8;background-color:#f6f6f6;}
.filter_bx .chk.beacon label:before{width:16px;height:16px;border:1px solid #c8c8c8;background-color:#f6f6f6;}
.filter_bx .chk_none{width:250px; height: 32px; background: none;}
.filter_bx .chk_none label{color: #b7b7b7;}
.filter_bx.bd .chk{float:left}
.filter_bx.bd .chk label{width:18px;border-radius:2px}
.filter_bx.bd .chk.org label{background-color:#ff7900}
.filter_bx.bd .chk.org input:checked+label{background-position:-322px -34px}
.filter_bx.bd .chk.sky label{background-color:#3ea1d4}
.filter_bx.bd .chk.sky input:checked+label{background-position:-342px -34px}
.filter_bx.bd .chk.grn label{background-color:#a4c800}
.filter_bx.bd .chk.grn input:checked+label{background-position:-362px -34px}
.filter_bx.bd .chk.yel label{background-color:#efd600}
.filter_bx.bd .chk.yel input:checked+label{background-position:-382px -34px}
.filter_bx.bd .chk.blpp label{background-color:#767dff}
.filter_bx.bd .chk.blpp input:checked+label{background-position:-402px -34px}
.filter_bx.bd .chk.ppl label{background-color:#ca7af0}
.filter_bx.bd .chk.ppl input:checked+label{background-position:-422px -34px}
.filter_bx.bd .chk.pink label{background-color:#ff76bd}
.filter_bx.bd .chk.pink input:checked+label{background-position:-442px -34px}
.filter_bx.bd .chk.glay label{background-color:#c8c8c8}
.filter_bx.bd .chk.glay input:checked+label{background-position:-302px -34px}
.filter_bx .btn_w{width:61px;height:20px;border-radius:2px;font-size:11px;color:#7c7c7c;}
.filter_bx button.btn_color_ar{width:11px;height:18px;background:url(/resources/im/sp.png) no-repeat;margin-left: 2px;background-position:-40px -95px;}
.camdtl_tab{position:absolute;top:0;right:0;bottom:0;width:270px;}
.camdtl_tab .tab_cam li{float:left;width:50%}
.camdtl_tab .tab_cam li button{width:100%;height:50px;background:#c8c8c8;font-size:14px;color:#fff;}
.camdtl_tab .tab_cam li button:lang(ja){font-size: 13px; letter-spacing: -1px;}
.camdtl_tab .tab_cam li.on button{background:#4b96e6; color:#fff;}
.filter_area{padding:0 14px; background: #fff;}
.filter_area .filter_bx{overflow:hidden;padding:17px 0 2px;font-size:0;vertical-align:middle;}
.filter_area .filter_bx.bd{border-top:1px dashed #d5d5d5}
.filter_area .color_zone{position:relative;}
/*.filter_area .color_zone{display:block;position:absolute;top:67px;left:104px;z-index:10}*//*알림존 5개 적용*/
/*.filter_area .color_zone{display:block;position:absolute;top:67px;right: 23px;z-index:10}*//*알림존 우측정렬*/
.filter_area .color_zone{display:block;position:absolute;top:67px;left:92px;z-index:10}
.filter_area .color_zone_sound{top:98px;}
.filter_area .color_zone_beacon{top:127px;}
.filter_area .color_zone ul{margin:0 -9px -4px 0;}
.filter_area .color_zone ul li{display:inline-block}
/*.filter_area .color_zone .chk{display:inline-block;position:relative;width:18px;height:18px;margin-right:1px}*//*알림존 5개 적용*/
.filter_area .color_zone .chk{display:inline-block;position:relative;width:0px;height:16px;margin-right:0px}
.filter_area .color_zone .chk label{position:absolute;top:1px;left:1px;width:16px;height:16px}
.filter_area .color_zone .chk label,.filter_bx:first-child .chk label:before{position:absolute;top:0;left:0;width:16px; height:16px; border:1px solid #c8c8c8;}
.filter_area .color_zone .chk{float:left}
.filter_area .color_zone .chk input:checked+label, .filter_area .filter_bx .chk input:checked+label {width: 16px; height: 16px; background:url(/resources/im/sp.png) no-repeat; background-position: -463px -35px; border: 1px solid #6997e2;}
.filter_bx:first-child .chk{width:90px; height: 32px; background: none;}
.filter_bx:first-child .chk label{width:auto;padding-left:24px;font-size:14px;line-height:20px}
.filter_bx:first-child .chk label:lang(ja){font-size: 12px; letter-spacing: -1.5px; padding-left: 22px;}
.filter_bx:first-child .chk label:before{width:18px;content:''}
.filter_bx:first-child .chk.move label:before{width:16px;height:16px;border:1px solid #c8c8c8;background-color:#f6f6f6;}
.filter_bx:first-child .chk.move input:checked+label:before{width:16px;height:16px;background-position:-483px -35px; border: 1px solid #c8c8c8;}
.filter_bx:first-child .chk.sound label:before{width:16px;height:16px;border:1px solid #c8c8c8;background-color:#f6f6f6;}
.filter_bx:first-child .chk.sound input:checked+label:before{width:16px;height:16px;background-position:-483px -35px; border: 1px solid #c8c8c8;}
.filter_bx:first-child .chk.beacon label:before{width:16px;height:16px;border:1px solid #c8c8c8;background-color:#f6f6f6;}
.filter_bx:first-child .chk.beacon input:checked+label:before{width:16px;height:16px;background-position:-483px -35px; border: 1px solid #c8c8c8;}
.filter_bx:first-child .chk_none{width:250px; height: 32px; background: none;}
.filter_bx:first-child .chk_none label{color: #b7b7b7;}
.filter_bx.bd .chk{float:left}
.filter_bx.bd .chk label{width:18px;border-radius:2px}
.filter_bx.bd .chk.org label{background-color:#ff7900}
.filter_bx.bd .chk.org input:checked+label{background-position:-322px -34px}
.filter_bx.bd .chk.sky label{background-color:#3ea1d4}
.filter_bx.bd .chk.sky input:checked+label{background-position:-342px -34px}
.filter_bx.bd .chk.grn label{background-color:#a4c800}
.filter_bx.bd .chk.grn input:checked+label{background-position:-362px -34px}
.filter_bx.bd .chk.yel label{background-color:#efd600}
.filter_bx.bd .chk.yel input:checked+label{background-position:-382px -34px}
.filter_bx.bd .chk.blpp label{background-color:#767dff}
.filter_bx.bd .chk.blpp input:checked+label{background-position:-402px -34px}
.filter_bx.bd .chk.ppl label{background-color:#ca7af0}
.filter_bx.bd .chk.ppl input:checked+label{background-position:-422px -34px}
.filter_bx.bd .chk.pink label{background-color:#ff76bd}
.filter_bx.bd .chk.pink input:checked+label{background-position:-442px -34px}
.filter_bx.bd .chk.glay label{background-color:#c8c8c8}
.filter_bx.bd .chk.glay input:checked+label{background-position:-302px -34px}
.filter_bx .btn_w{width:61px;height:20px;border-radius:2px;font-size:11px;color:#7c7c7c;}
.filter_bx button.btn_color_ar{width:11px;height:18px;background:url(/resources/im/sp.png) no-repeat;margin-left: 2px;background-position:-40px -95px;}
.camdtl_tab .evt_lst_wrap{overflow:hidden;position:absolute;bottom:0;top:96px;right:0;left:0; background: #fff;}
.camdtl_tab .evt_lst_wrap{overflow:hidden;position:absolute;bottom:0;right:0;left:0;background: #fff;}
.camdtl_tab .event_filter_button{width:270px; height:44px;background:#fff;cursor:pointer;}
.camdtl_tab .event_filter_button img{margin-top:9px;margin-left:14px;}
.camdtl_tab .event_filter_button span{position:absolute;left:120px;top:62px;width:100px;height:30px;font-size:14px;color:#333333;}
.camdtl_tab .event_filter_button span:lang(ja){left:108px;}
.evt_lst_date{position:relative;width:100%;height:48px;font-size: 14px;font-weight: bold;/* font-weight:400; */text-align:center;line-height:50px;border-bottom: 1px solid #f4f4f4;}
.evt_lst_date_en{position:relative;width:100%;height:48px;font-size:14px;font-weight:400;text-align:center;line-height:46px;border-bottom: 1px solid #f4f4f4;}
.evt_lst_date .sp{position:absolute;top:13px;width:24px; height:24px;}
.evt_lst_date .sp.prev{left:8px; background:url(/resources/img/btn-date-pre-normal.png) no-repeat;}
.evt_lst_date .sp.next{right:8px; background:url(/resources/img/btn-date-next-normal.png) no-repeat;}
.evt_lst_date .disabled .sp.prev{background:url(/resources/img/btn-date-pre-disabled.png) no-repeat; cursor:auto;}
.evt_lst_date .disabled .sp.next{background:url(/resources/img/btn-date-next-disabled.png) no-repeat; cursor:auto;}
.pos_rgt{position:absolute;top:19px;right:14px;color:#999;text-align:center;line-height:13px; font-size: 12px;}
.col_area{display:table-cell;height:65px;vertical-align:middle;cursor:pointer;}
.col_area .sp{height:10px;width:10px;border-radius:1px;background:none;float:left;margin-right:3px}
.col_area .bg_org{background-color:#ff7900;border-radius:100%;}
.col_area .bg_sky{background-color:#3ea1d4;border-radius:100%;}
.col_area .bg_grn{background-color:#a4c800;border-radius:100%;}
.col_area .bg_yel{background-color:#efd600;border-radius:100%;}
.col_area .bg_blpp{background-color:#767dff;border-radius:100%;}
.col_area .bg_ppl{background-color:#ca7af0;border-radius:100%;}
.col_area .bg_pink{background-color:#ff76bd;border-radius:100%;}
.col_area .bg_gray{background-color:#929292;border-radius:100%;}
.col_area .bg_sound{background:url(/resources/im/ic_area_color00.png) no-repeat; width: 10px; height: 10px;}
/*.col_area .bg_sound{background-color:#18b57b;border-radius:100%;}*/
.col_area .clip_share{height: 20px; background: #4b96e6; font-size: 11px; color: #fff; border-radius: 10px; padding: 0 8px;}
.col_area .clip_share img{vertical-align: middle; margin-right: 4px;}
.color_zone_area{position: relative; overflow: hidden; left: -120px; width: 220px; margin-top: 16px;}
.color_zone_area img{margin-right: 4px;}
.evt_lst_wrap .evt_lst .open .depth2 li .beacon_list_area{position: relative; overflow: hidden; left: -120px; width: 230px; margin-top: 4px;}
.evt_lst_wrap .evt_lst .open .depth2 li .beacon_list_area li.beacon_list{overflow: hidden; padding: 0; line-height: 22px; color: #777; font-size: 12px; letter-spacing: -0.5;}
.evt_lst_wrap .evt_lst .open .depth2 li .beacon_list_area li.beacon_list img{margin-right: 4px; vertical-align: middle; margin-top: -3px;}
.evt_lst_wrap .evt_lst .open .depth2 li .event_list_line{background:  #f4f4f4; height: 1px; position: absolute; width: 100%; left: 0px; margin-top: 4px;}
.evt_lst_wrap{margin-top: 3px;}
.evt_lst_wrap .evt_lst{position:relative}
.evt_lst_wrap .evt_lst>li{position:relative;margin-top:-1px;border:1px solid #f4f4f4;border-width:1px 0 1px 0}
.evt_lst_wrap .evt_lst>li>button{width:100%;height:50px;padding:0 14px 0 14px;font-size:14px;line-height:50px;text-align:left}
/*.evt_lst_wrap .evt_lst>li>button:after{float:right;width:10px;height:6px;margin-top:22px;background-position:-496px -8px;content:''}
.evt_lst_wrap .evt_lst .open>button:after{background-position:-496px 0}*/
.evt_lst_wrap .evt_lst .depth2{display:none;padding:12px 0 0px}
.evt_lst_wrap .evt_lst .depth2 .event_open_ar{width: 16px; float: right; padding-right: 19px; display: none;}
.evt_lst_wrap .evt_lst .depth2 .event_open_ar img.image_event_open{position:absolute; width: 16px; height: 13px; top:-13px; }
.evt_lst_wrap .evt_lst .open .depth2{display:block;position:relative;border-top:1px solid #f4f4f4;background:#fcfcfc;padding-top:0px;}
.evt_lst_wrap .evt_lst .open .depth2 li{position:relative;padding:0 0 16px 134px;height:auto; overflow-x:hidden; border-bottom:1px solid #eeeeee;}
.evt_lst_wrap .evt_lst .open .depth2 li:last-child{border-bottom:none;}
.evt_lst_wrap .evt_lst .open .mtion{display:inline-block;position:relative;z-index:1;width:24px;height:24px;border:1px solid #d5d5d5;border-radius:12px;background:#fff;vertical-align:middle}
.evt_lst_wrap .evt_lst .open .mtion .sp{display:inline-block;width:12px;height:16px;vertical-align:middle}
.evt_lst_wrap .evt_lst .open .mtion .sp:after{display:inline-block;width:1px;height:16px;vertical-align:middle;content:''}
.evt_lst_wrap .evt_lst .open .mtion .m1{background-position:-128px -288px}
.evt_lst_wrap .evt_lst .open .mtion .m2{background-position:-142px -288px}
.evt_lst_wrap .evt_lst .open .mtion .m3{background-position:-156px -288px}
.evt_lst_wrap .evt_lst .open .mtion .m4{background-position:-170px -288px}
.evt_lst_wrap .evt_lst .open .mtion .m5{background-position:-184px -288px}
.evt_lst_wrap .evt_lst .open .mtion .m6{background-position:-198px -288px}
.evt_lst_wrap .evt_lst .open .mtion .m7{background-position:-212px -288px}
.evt_lst_wrap .evt_lst .open .mtion .m8{background-position:-226px -288px}
.evt_lst_wrap .evt_lst .open .mtion .sound{width:13px;height:13px;background-position:-128px -304px}
.evt_lst_wrap .evt_lst .open .move_area{overflow:hidden;position:absolute;left:14px;top:12px;border:1px solid #999}
/*.evt_lst_wrap .evt_lst .open .move_area{overflow:hidden;position:relative;margin:0 3px 0 0px;left:10px;border:1px solid #333333;vertical-align:middle}*/
.evt_lst_wrap .evt_lst .open .move_area img{display:block;width:100%}
.evt_lst_wrap .evt_lst .open em{display:inline-block;clear:both;margin-top:0px;line-height:16px;word-break:break-all; letter-spacing: -0.2px; margin-bottom: 3px;}
.evt_lst_wrap .evt_lst .open em span{color:#4b96e6}
.evt_lst_wrap.v2{top:47px;text-align:center}
.evt_lst_wrap.v2 .ck_bx2{position:absolute;bottom:20px;left:7px;font-size:14px;}
.evt_lst_wrap.v2 .btn{width:242px;height:50px;margin:20px 0;background:#fff;color:#262626;font-size:14px;line-height:50px}
.evt_lst_wrap.v2 .btn:hover{text-decoration:underline;}
.evt_lst_wrap.v2 .btn .sp{width:12px;height:12px;margin:-3px 8px 0 0;background-position:-246px -356px;vertical-align:middle}
.evt_lst_wrap.v2 .alrm_lst>li{position:relative;height:24px;padding:14px 18px 13px 17px;margin-top:-1px;border:1px solid #f4f4f4;border-width:1px 0 1px 0;text-align:left}
.evt_lst_wrap.v2 .alrm_lst>li:first-child {border-top:0;}
.evt_lst_wrap.v2 .alrm_lst>li .btn_area{position:absolute;right:12px;top:10px}
/*.evt_lst_wrap.v2 .alrm_lst>li .set{display:none}*/
.evt_lst_wrap.v2 .alrm_lst>li .set{display:inline-block;margin-left:1px;padding:5px}
.evt_lst_wrap.v2 .alrm_lst>li .set .sp{width:20px;height:20px;background:url(/resources/img/btn-motion-area-delete-normal.png) no-repeat;}
.evt_lst_wrap.v2 .alrm_lst>li:hover .set,.evt_lst_wrap.v2 .btn_alrm{display:inline-block;margin-left:1px;padding:5px}
.evt_lst_wrap.v2 .alrm_lst .ck_bx2 label{width:145px;height:12px;padding-left:22px;vertical-align:middle;}
.evt_lst_wrap.v2 .btn_alrm.on .sp{width:14px;height:18px;background-position:-505px -84px}
.evt_lst_wrap.v2 .btn_alrm.off .sp{width:14px;height:18px;background-position:-521px -84px}
.evt_lst_wrap.v2 .zone{width: 24px;height: 24px;margin:-5px 8px 0 0;vertical-align:middle;}
.evt_lst_wrap.v2 .zone_name{display:inline-block;width: auto;cursor:auto; padding:5px; margin-top:-5px;}
.evt_lst_wrap.v2 .zone_name:hover{background-color:#efefef;}
.evt_lst_wrap.v2 .org{background:url(/resources/img/ic-motion-area-1.png) no-repeat;}
.evt_lst_wrap.v2 .sky{background:url(/resources/img/ic-motion-area-2.png) no-repeat;}
.evt_lst_wrap.v2 .grn{background:url(/resources/img/ic-motion-area-3.png) no-repeat;}
.evt_lst_wrap.v2 .yel{background:url(/resources/img/ic-motion-area-4.png) no-repeat;}
.evt_lst_wrap.v2 .blpp{background-position:-96px -356px}
.evt_lst_wrap.v2 .ppl{background-position:-120px -356px}
.evt_lst_wrap.v2 .pink{background-position:-144px -356px}
.evt_lst_wrap.v2 .grey{background-position:-168px -356px}
.evt_lst_wrap.v2 .set_modi,.evt_lst_wrap.v2 .open .alrm{display:none}
.evt_lst_wrap.v2 li.open{height:auto}
.evt_lst_wrap.v2 .open .set_modi{display:block}
.evt_lst_wrap.v2 .open .set_modi .btn_area{margin-right:2px}
.evt_lst_wrap.v2 .open .set_modi .zone{position:relative;margin-top: 5px;border-radius:2px;}
.evt_lst_wrap.v2 .open .set_modi>.zone:after{position:absolute;bottom:2px;right:2px;width:5px;height:5px;background-position:-542px -116px;content:''}
.evt_lst_wrap.v2 .open .set_modi .zone+.color_zone{display:none;position:relative;width:71px;padding:15px;border:1px solid #777;background:#fff}
.evt_lst_wrap.v2 .open .set_modi .zone.click+.color_zone{display:block;position:absolute;top:40px;left:20px;z-index:10}
.evt_lst_wrap.v2 .open .set_modi .zone+.color_zone ul{margin:-5px 0 0 -5px}
.evt_lst_wrap.v2 .open .set_modi .zone+.color_zone ul li{display:inline-block}
.evt_lst_wrap.v2 .open .chk{display:inline-block;position:relative;margin:5px 0 0 5px;vertical-align:top}
.evt_lst_wrap.v2 .open .chk label{display:block;overflow:hidden;width:18px;height:18px;border-radius:2px;line-height:999px}
.evt_lst_wrap.v2 .open .chk input{position:absolute;top:1px;left:1px;width:16px;height:16px}
/*.evt_lst_wrap.v2 .open .org,.evt_lst_wrap.v2 .open .chk.org label{background:#ff7900}*/
.evt_lst_wrap.v2 .open .chk.org input:checked+label{background-position:-322px -34px}
/*.evt_lst_wrap.v2 .open .sky,.evt_lst_wrap.v2 .open .chk.sky label{background:#3ea1d4}*/
.evt_lst_wrap.v2 .open .chk.sky input:checked+label{background-position:-342px -34px}
/*.evt_lst_wrap.v2 .open .grn,.evt_lst_wrap.v2 .open .chk.grn label{background-color:#a4c800}*/
.evt_lst_wrap.v2 .open .chk.grn input:checked+label{background-position:-362px -34px}
/*.evt_lst_wrap.v2 .open .yel,.evt_lst_wrap.v2 .chk.yel label{background-color:#efd600}*/
.evt_lst_wrap.v2 .chk.yel input:checked+label{background-position:-382px -34px}
/*.evt_lst_wrap.v2 .chk.blpp,.evt_lst_wrap.v2 .chk.blpp label{background-color:#767dff}*/
.evt_lst_wrap.v2 .chk.blpp input:checked+label{background-position:-402px -34px}
/*.evt_lst_wrap.v2 .chk.ppl,.evt_lst_wrap.v2 .chk.ppl label{background-color:#ca7af0}/*
.evt_lst_wrap.v2 .chk.ppl input:checked+label{background-position:-422px -34px}
/*.evt_lst_wrap.v2 .chk.pink,.evt_lst_wrap.v2 .chk.pink label{background-color:#ff76bd}*/
.evt_lst_wrap.v2 .chk.pink input:checked+label{background-position:-442px -34px}
.evt_lst_wrap.v2 .open .set_modi .ipt_txt{width: 168px;height: 32px;padding:0 8px;border:1px solid #c8c8c8;border-radius:2px;cursor:auto;}
.evt_lst_wrap.v2 .open .set_modi .ipt_txt:lang(ja){width: 180px;}
.evt_lst_wrap.v2 .open .set_modi .btn_area{position:static;text-align:right}
.evt_lst_wrap.v2 .open .set_modi .btn_area button{margin:5px 0 0 3px}
.evt_lst_wrap .cloud_out_txt{position: absolute; text-align: center; width: 100%; height: 100%; color: #666; font-size: 14px; line-height: 1.5; top:50%; margin-top: -60px;}
.alarm_set{position:relative;padding:25px 0 58px;background:#fcfcfc; border-bottom: 1px solid #eee; margin-bottom: 1px;}
.alarm_set p{line-height:19px}
.alarm_set .ck_bx2{position:absolute;bottom:20px;left:7px}
.alarm_set .ck_bx2 label{width:100px}
.alarm_set .alrm_on{display:inline-block;margin-top:5px;padding:10px;color:#4a95eb;text-decoration:underline}
.alarm_set .btn_clse{position:absolute;right:10px;bottom:10px;padding:10px}
.alarm_set .btn_clse .sp{width:12px;height:12px;background-position:-535px -34px}
.thum_full_area{position: absolute; right: 0; padding: 10px 10px 10px 10px; background: rgba(0,0,0,.8); top: 12%; z-index: 2;}
.thum_full_area ul{}
.thum_full_area ul:last-child{margin-bottom: 0px;}
.thum_full_area img.thumimg{width: 130px; height: 80px; border: 1px solid rgba(255,255,255,.3); cursor: pointer;}
.thum_full_area img.thumimg_on{width: 126px;height: 76px;border: 3px solid rgba(75,150,230,.9);cursor: pointer;}
.thum_full_area .full_cm_name{position: relative; font-size: 14px; color: #b7b7b7; text-align: center; line-height: 32px; position: relative; top: -3px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 130px;}
.thum_full_area .thum_full_ar_open{position: absolute; top: 50%; background: rgba(0,0,0,.8); padding:3px 1px; left: -38px; margin-top: -22px; border-radius: 2px 0 0 2px; cursor: pointer;}
.thum_full_area .thum_full_ar_open button{background: url(/resources/im/sp2.png) no-repeat; width: 36px; height: 36px; background-position: -276px -771px;}
.thum_full_area .thum_full_ar_close{position: absolute; top: 50%; background: rgba(0,0,0,.8); padding:3px 1px; left: -38px; margin-top: -22px; border-radius: 2px 0 0 2px; cursor: pointer;}
.thum_full_area .thum_full_ar_close button{background: url(/resources/im/sp2.png) no-repeat; width: 36px; height: 36px; background-position: -226px -771px;}
.thum_full_area .thum_t{position: relative; width: 30px; height: 30px; left: 50%; margin-left: -17px; top: -5px; background: url(/resources/img/btm-fullscreen-prev-arrow.png) no-repeat; cursor: pointer; z-index: 3;}
.thum_full_area .thum_b{position: relative; width: 30px; height: 30px; left: 50%; margin-left: -15px; top: -5px; background: url(/resources/img/btm-fullscreen-next-arrow.png) no-repeat; cursor: pointer; z-index: 3;}


/* 클립, 타입랩스 */
.date_lst_sel{z-index:10;}
.date_lst_sel button{position:relative;width:200px;height:35px;padding:0 10px;font-size:14px;color:#333333;border:1px solid #c8c8c8;border-radius:2px;text-align:left;margin-top: 40px;}
.date_lst_sel button .sp{position:absolute;top:50%;right:7px;width:8px;height:13px;margin-top:-7px;background-position:-486px 0}
.date_lst_sel select{height: 30px; padding: 0 8px;}
.date_lst_sel .tab_two{position: relative;}
.date_lst_sel .tab_two button.groupBtn_on{width:50%; height:50px; color:#fff; border: 0px; background: #555; border-radius:0px; text-align: center; font-size: 16px; padding: 0; float: left; margin-bottom: 40px;}
.date_lst_sel .tab_two button.groupBtn_off{width:50%;  height:50px; color:#777; border: 0px; background: #e5e5e5; border-radius:0px; text-align: center; font-size: 16px; padding: 0; float: left;}
.date_lst_sel .tab_three{position: relative;}
.date_lst_sel .tab_three button.groupBtn_on{width:33.33%; height:50px; color:#fff; border: 0px; background: #555; border-radius:0px; text-align: center; font-size: 16px; padding: 0; float: left; margin-bottom: 40px;}
.date_lst_sel .tab_three button.groupBtn_off{width:33.33%;  height:50px; color:#777; border: 0px; background: #e5e5e5; border-radius:0px; text-align: center; font-size: 16px; padding: 0; float: left;}
.date_lst_sel .tab_sdk{position: relative;}
.date_lst_sel .tab_sdk button.groupBtn_on{width:25%; height:50px; color:#fff; border: 0px; background: #555; border-radius:0px; text-align: center; font-size: 16px; padding: 0; float: left; margin-bottom: 40px;}
.date_lst_sel .tab_sdk button.groupBtn_off{width:25%;  height:50px; color:#777; border: 0px; background: #e5e5e5; border-radius:0px; text-align: center; font-size: 16px; padding: 0; float: left;}
.date_lst_sel ul{overflow-y:auto;max-height:200px;border:1px solid #c8c8c8;border-top:0;border-radius:2px;background:#fff}
.date_lst_sel li{}
.date_lst_sel li a{display:block;padding:5px 10px}
.date_lst_sel.selected{z-index:20}
.list_none{font-size: 24px; color: #333333; text-align: center; position: relative; margin-top: 200px; padding-bottom: 180px;}
.list_none img{margin-bottom: 20px;}
.time_wrap{padding-bottom:80px}
.time_wrap .inr{}
.time_wrap .tit{margin:0 0px;padding:0 0px 15px;border-bottom:1px solid #ccc; margin-top: 7px;}
.time_wrap .lst_video{margin:20px 0 40px; background: #fff; padding: 40px 40px 30px 60px;}
.time_wrap .lst_video li{width:31.3%;padding: 20px 20px 0px 0;}
@media only screen and (max-width:1280px) {
    .time_wrap .lst_video{margin:20px 0 20px; background: #fff; padding: 10px 10px 10px 30px;}
    .time_wrap .lst_video li{width:31.3%;padding: 20px 18px 0px 0;}
}
.time_wrap .lst_video li .txt_area{padding-top:15px}
.time_wrap h3{padding:40px 0px 0;font-size:24px;color:#333; letter-spacing: -0.4px;}
.time_wrap h3:first-of-type{padding:43px 0px 0; clear:both;}
.time_wrap h3 .cam_share_icon{display:inline-block; background:url(/resources/img/ic-share-camera-tb.png) no-repeat; width:22px; height:22px; margin:0 0 -2px 6px;}
.time_box{position:absolute;bottom:0;left:0;right:0;height:58px;padding:0 20px;background:rgba(0,0,0,.7);line-height:58px}
.time_box span{font-size:14px; letter-spacing: 0}
.time_box .time{padding:0;color:#fff; font-size:14px; margin-top: 12px; letter-spacing: 1px;}
.time_box .time_day{position:absolute;top:-9px;left:20px;padding:0;color:#aaa; font-size: 14px; letter-spacing: 0px;}
.time_box .long{position:absolute;top:1px;right:20px;padding:0;color:#4a95eb; font-size:14px; margin-top: 8px; letter-spacing: 1px;}
.time_box .time_wave{position:absolute;top:0px;left:106px;padding:0;color:#fff; font-size: 14px; letter-spacing: 0px;}
.time_box .time_wave:lang(ja){left:116px;}
@media only screen and (max-width:1280px) {
    .time_box{position:absolute;bottom:0;left:0;right:0;height:50px;padding:0 10px;background:rgba(0,0,0,.7);line-height:50px}
    .time_box .time{padding:0;color:#fff; font-size:13px; margin-top: 12px; letter-spacing: 1px;}
    .time_box .time_day{position:absolute;top:-9px;left:10px;padding:0;color:#aaa; font-size: 13px; letter-spacing: 0px;}
    .time_box .long{position:absolute;top:1px;right:10px;padding:0;color:#4a95eb; font-size:13px; margin-top: 8px; letter-spacing: 1px;}
    .time_box .time_wave{position:absolute;top:0px;left:96px;padding:0;color:#fff; font-size: 13px; letter-spacing: 0px;}
}
.time_wrap .lst_video li .btn_mov{display:none}
.time_wrap .lst_video li a:hover .btn_mov,.time_wrap .lst_video li a:focus .btn_mov{display:block;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);line-height:999px}
.time_wrap .lst_video li a:hover .btn_mov .sp,.time_wrap .lst_video li a:focus .btn_mov .sp{position:absolute;top:45%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;padding:0;background-position:-62px -288px;content:''}
.time_wrap .lst_video li a:hover .btn_mov_clip{background: rgba(0,0,0,.7); bottom:58px;}
.time_wrap .lst_video li a:hover .btn_mov_clip .sp{top: 64%;}
@media only screen and (max-width:1280px) {
    .time_wrap .lst_video li a:hover .btn_mov_clip{background: rgba(0,0,0,.7); bottom:50px;}
}

.ly_clip{width:650px;margin-left:-325px;padding:0px;}
.ly_clip_box{padding:0px;}
.ly_clip_tit{height: 60px; padding: 0 0 0 20px;}
.ly_clip_tit h2{line-height: 60px;}
.ly_clip_box a{display:block;position:relative;z-index:400}
.ly_clip_box .video_area{position:relative;text-align:center}
.ly_clip_box .video_area:before{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.1);content:''}
.ly_clip_box .video_area img{display:block;width:100%}
.ly_clip_box .screen{right:0;left:0;bottom:0;top:0}
.ly_clip_box .screen .zoom{position:absolute;bottom:-3px;left:0;right:0}
.ly_clip_box .screen .zoom_bg,.ly_clip_box .screen .zoom .bar{display:inline-block;width:100%;height:3px;background:#010101;font-size:0;line-height:0;text-align:left}
.ly_clip_box .screen .zoom .bar{position:relative;background:#4a95e5;vertical-align:top;}
.ly_clip_box .screen .zoom .bar_ctrl{position:absolute;top:-5px;right:-6px;width:12px;height:12px;border-radius:100%;background:#fff;box-shadow:0 1px 1px 1px rgba(0,0,0,.3)}
.ly_clip_box .screen .zoom:hover .zoom_bg,.ly_clip_box .screen .zoom:hover .bar{height:7px}
.ly_clip_box .screen .zoom:hover .bar_ctrl{position:absolute;top:-4px;right:-7px;width:14px;height:14px}
.ly_clip_box .screen .full{position:absolute;bottom:23px;right:20px;width:34px;height:34px;background-position:-140px -626px}
/*.ly_clip_box .screen .full:hover{background-position:-292px -337px}*/
.ly_clip_box .screen .small{position:absolute;bottom:23px;right:20px;width:34px;height:34px;background-position:-140px -664px}
/*.ly_clip_box .screen .small:hover{background-position:-262px -389px}*/
.ly_clip_box .time_box{position:relative;height:110px;background:#fff;line-height:inherit;}
.ly_clip_box .time_box_full{background: rgba(0,0,0,.7);}
.ly_clip_box .time_box span{position:relative;top:56px;font-size:22px;color: #333333; letter-spacing: -0.4px; font-weight: 400;}
.ly_clip_box .time_box em{position:absolute;top:-22px;font-size:14px;color:#777;width:115px; letter-spacing: -0.3px; }
.ly_clip_box .time_box .long{position:absolute;top:50px; color: #4a95eb; right: 20px; }
.ly_clip_box .time_box .long em{position:absolute;top:-22px;font-size:14px;color:#777;width:80px; right: 0px; text-align: right; letter-spacing: -0.3px;}
.ly_clip_box .time_box .list_long{top:35px;}
/*.ly_clip_box .dsc_box{height:54px;padding:16px 20px 0;background:#2c2c2c;color:#777;line-height:18px}*/
.ly_clip_box .dsc_box{height:46px;padding:24px 20px 0px;background:#2c2c2c;color:#777;line-height:18px;}
.ly_clip_box .dsc_box li a{display:inline;color:#777}
.ly_clip_box .video_area .clip_play{position: absolute;width: 100%;z-index:100; height: 100%;}
.ly_clip_box .video_area .clip_play span{top: 50%;position: absolute;left: 50%; margin-left: -45px; margin-top: -45px;}
.ly_clip_box .video_area .clip_play span button{background:url(/resources/im/btn_clip_play02.png) no-repeat; width: 90px; height: 90px;}
/*.ly_clip_box .video_area .clip_play span button:active{background:url(/resources/im/btn_clip_play_on.png) no-repeat;}*/
.ly_clip_box .video_area .clip_stop{position: absolute;width: 100%;z-index:100; height: 100%;}
.ly_clip_box .video_area .clip_stop span{top: 50%;position: absolute;left: 50%; margin-left: -45px; margin-top: -45px;}
.ly_clip_box .video_area .clip_stop span button{background:url(/resources/im/btn_clip_stop02.png) no-repeat; width: 90px; height: 90px;}
/*.ly_clip_box .video_area .clip_stop span button:active{background:url(/resources/im/btn_clip_stop_on.png) no-repeat;}*/
.sns_btn_box{position: absolute; left: 20px; color:#4a95e5; top:554px;}
.sns_btn_box_disable{opacity: 0.2;}
.sns_btn_box .link{width:16px;height:16px;margin-left:20px;background-position:-190px -381px;}
.sns_btn_box .email{width:16px;height:16px;margin-left:0px;background-position:-190px -337px}
.sns_btn_box .twt{width:18px;height:16px;margin-left:0px;background-position:-208px -337px}
.sns_btn_box .face{width:16px;height:16px;margin-left:20px;background-position:-226px -337px}
.sns_btn_box .kakao{width:16px;height:16px;margin-left:20px;background-position:-244px -337px}
.sns_btn_box .kakao_story{width:16px;height:16px;margin-left:20px;background-position:-394px -422px}
.sns_btn_box .tumblr{width:16px;height:16px;margin-left:20px;background-position:-410px -422px}
.sns_btn_box .blog{width:20px;height:16px;margin-left:24px;background-position:-426px -422px}
/*.sns_box .twt,.sns_box .face,.sns_box .email,.sns_box .link{width:34px;height:28px;margin-right:2px;border:0;border-radius:2px;color:#555;vertical-align:middle; background: #ccc; opacity: 0.4;}
.sns_box .link .sp{width:16px;height:18px;background-position:-190px -381px; margin-top: 2px; margin-right:0px;}
.sns_box .email .sp{width:16px;height:18px;background-position:-190px -337px; margin-top: 2px; margin-right:0px;}
.sns_box .face .sp{width:16px;height:18px;background-position:-226px -337px; margin-top: 2px; margin-right:0px;}
.sns_box .twt .sp{width:16px;height:18px;background-position:-208px -337px; margin-top: 2px; margin-right:0px;}*/
.sns_box{position: relative; color:#4a95e5; margin-right: 20px;}
.sns_box .down,.sns_box .delet,.sns_box .link{height:26px;margin-left:20px;color:#777;vertical-align:middle; background: #fff;}
.sns_box .sp{width:16px;height:16px;margin-right:5px;vertical-align:middle;margin-top: 7px; }
.sns_box .down .sp{background-position:-208px -319px; margin-top: -1px;}
.sns_box .delet .sp{background-position:-226px -319px; margin-top: 0px;}
.sns_box .link .sp{background-position:-190px -381px; margin-top: 0px;}
.sns_box .fr{position: relative; margin-top: 8px;}
.sns_box .fr:lang(ja){margin-top: 12px;}
.sns_box .fr a{padding: 5px 10px;}


/* 카메라 설정 ,알림설정 _ layer */
.ly_camera{width:710px;margin-left:-355px;top:42px;}
.ly_camera02{width:710px;margin-left:-355px;}
.setting_wrap{margin-top:20px;}
.setting_wrap_mg_none{margin-top:0px;}
.setting_wrap h3{height:36px; line-height:36px;font-size:16px; font-weight: 400;}
.setting_wrap h3 .set_txt{float:right;font-size:12px;}
.setting_wrap h3 .set_txt strong{display:inline-block;margin-left:10px; font-weight: 400;}
.setting_wrap h3 .set_txt strong:first-child{margin-left:0}
.setting_wrap h3 .set_txt_long{width: 350px; text-align: right;}
.setting_wrap h3 .share_txt{color: #4b96e6; }
.setting_wrap h3 .warning_txt{color: #ef351c; }
.setting_wrap h3 span.ck_bx{margin-left: 0px;}
.setting_wrap h3 label{width: 400px; margin-top: 10px; font-size: 13px;}
.setting_wrap h3 span.share_none{font-size: 12px; color: #e64b4b; margin-left: 5px;}
.setting_wrap h3 span.share{font-size: 12px; color: #999; margin-left: 5px;}
.setting_wrap>ul{}
.setting_wrap>ul.of_y{height: 210px; overflow-y: auto; padding: 10px 0 4px; background: #f9f9f9;}
.setting_wrap>ul.of_y_s{height: 170px;}
.setting_wrap>ul.of_y>li{border: 0; height: 32px;}
.setting_wrap>ul.of_y>li span{margin: 0px; width: 310px; font-size: 13px; color: #666;}
.setting_wrap>ul.of_y input{margin-right: 23px; position: relative; z-index: 1; width: 18px; height: 18px;}
.setting_wrap>ul.share_ow_scroll{overflow-y: auto; max-height: 360px;}
.setting_wrap>ul>li{display:table;width:100%;height:50px;padding:9px 20px;border-top:1px solid #eee;box-sizing:border-box; background: #f9f9f9;}
.setting_wrap>ul>li:first-child{border-top:0}
.setting_wrap>ul>li.txt_none{text-align: center; line-height: 30px; color: #999; position: relative; top:50px;}
.setting_wrap>ul>li.share_li{padding:10px 20px 0px;}
.setting_wrap>ul>li .tit{display:table-cell;width:25%;font-size:14px;vertical-align:middle;color: #555; font-weight: 400;}
.setting_wrap>ul>li .tit:lang(ja){width: 35%;}
.setting_wrap>ul>li .tit_none{width: 0;}
.setting_wrap>ul>li .tit_long{width:45%;}
.setting_wrap>ul>li .tit_long:lang(ja){width: 60%;}
.setting_wrap>ul>li .tit_long_address{width: 86%;}
.setting_wrap>ul>li .tit span{color: #999; margin-left: 5px;}
.setting_wrap>ul>li .tit .firmware_version {
    position: relative;
    font-size: 14px;
    color: #555;
    font-weight: 400;
    margin-left: 0;
}
.setting_wrap>ul>li .tit .firmware_version.has--badge:after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    top: 0;
    right: -11px;
    border-radius: 100%;
    background-color: #ef351c;
}
.setting_wrap>ul>li .tit_en{display:table-cell;width:45%;font-size:12px;vertical-align:middle}
.setting_wrap>ul>li .share_tit{font-size:14px;vertical-align:middle; color:#555; line-height: 1.5; font-weight: 400;}
.setting_wrap>ul>li .share_tit .ow_txt{width:410px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.setting_wrap>ul>li .share_tit .ow_txt:lang(ja){width: 400px;}
.setting_wrap>ul>li .share_tit .ow_txt_s{width:410px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.setting_wrap>ul>li .share_tit .ow_txt_s:lang(ja){width: 400px;}
.setting_wrap>ul>li .share_tit .share_tit_ing{font-size:14px;vertical-align:middle; color:#ef351c; line-height: 1.5; font-weight: 400;}
.setting_wrap>ul>li .share_day_s{font-size:13px;vertical-align:middle; color:#777; line-height: 1.5; font-weight: 300; margin-right: 5px;}
.setting_wrap>ul>li .store_s{display:table-cell;width:38%;font-size:12px;vertical-align:middle; color:#333333; line-height: 1.5;}
.setting_wrap>ul>li .share_day_e{font-size:13px;vertical-align:middle; color:#777; line-height: 1.5; font-weight: 300; margin-left: 5px;}
.setting_wrap>ul>li .setting_box{display:table-cell;font-size:12px;text-align:right;vertical-align:middle}
.setting_wrap>ul>li .setting_box .btn_shareSetup{float: right;}
.setting_wrap>ul>li .setting_box .total_info{font-size: 14px; color: #4b96e6;}

.setting_wrap>ul>li .setting_box.is--loading,
.setting_wrap>ul>li .setting_box.is--disabled {pointer-events:none}

.setting_wrap>ul>li .setting_box.is--loading .tc_toggle,
.setting_wrap>ul>li .setting_box.is--disabled .tc_toggle {
    background: url(/resources/img/btn-alarm-off-disabled.svg) no-repeat;
}
.setting_wrap>ul>li .setting_box.on.is--disabled .tc_toggle {
    background: url(/resources/img/btn-alarm-on-disabled.svg) no-repeat;
}

.setting_wrap>ul>li.share_ln{border-bottom: 1px solid #f1f1f1; padding: 0 20px; height: 50px;}
.setting_wrap>ul>li.share_ln_plus{border-bottom: 0px; padding-bottom: 16px;}
.setting_wrap>ul>li.share_ln_list{border-bottom: 1px solid #f1f1f1;padding: 0 12px;height: 90px;border-top: 0;}
.setting_wrap>ul>li.share_ln_list:last-child{border-bottom: 0px;}
.setting_wrap>ul>li.share_ln_reg{padding: 0 20px; height: 34px; border: 0;}
.setting_wrap>ul>li.share_ln .share_position_id{position: relative; margin-left: 50px;}
.setting_wrap>ul>li.share_ln .share_position{position: relative; top:35px; font-size: 16px; font-weight: 300;}
.setting_wrap>ul>li.share_ln .share_position .share_IN{color: #fff; background: #4b96e6; border-radius: 12px; line-height: 24px; padding: 2px 12px 0; height: 24px; font-size: 13px;}
.setting_wrap>ul>li.share_ln .share_position .share_wait{color: #fff; background: #b7b7b7; border-radius: 12px; line-height: 24px; padding: 2px 7px 0; height: 24px; font-size: 13px;}
.setting_wrap>ul>li.share_ln .share_position .share_OUT{color: #fff; background: #ef351c; border-radius: 12px; line-height: 24px; padding: 2px 5px 0; height: 24px; font-size: 13px;}
.setting_wrap>ul>li.share_ln .share_position_st_ed{position: relative; margin-left: 50px; margin-top: 5px;}
.setting_wrap>ul>li.share_ln .share_id{position: relative; top: 24px;}
.setting_wrap>ul>li.share_ln .share_st_ed{position: relative; top: 28px;}
.setting_wrap>ul>li.store_ln span{color: #c8c8c8; line-height: 70px; text-align: center; font-size: 24px; font-weight: 400;  padding-right: 2px;}
.setting_wrap .share_ln_reg_area_none{text-align: center; padding: 50px 0;}
.setting_wrap .share_ln_reg_area{background: #f9f9f9; overflow-y: auto; max-height: 340px;}
.setting_wrap .share_ln_reg_area>ul{overflow: hidden; }
.setting_wrap .share_ln_reg_area>ul>li.share_ln_reg {display:block; height: 36px; overflow: hidden; padding: 0px 20px; }
.setting_wrap .share_ln_reg_area>ul>li.share_ln_reg:hover {background-color: #f0f0f0; cursor: pointer;}
.setting_wrap .share_ln_reg_area>ul>li.share_ln_reg .share_reg_position{position: relative; top:8px; font-size: 14px; font-weight: 300; width: 100px;}
.setting_wrap .share_ln_reg_area>ul>li.share_ln_reg .share_reg_position .share_IN{color: #fff; background: #4b96e6; border-radius: 12px; line-height: 24px; padding: 2px 12px 0; height: 24px; font-size: 13px;}
.setting_wrap .share_ln_reg_area>ul>li.share_ln_reg .share_reg_position .share_wait{color: #fff; background: #b7b7b7; border-radius: 12px; line-height: 24px; padding: 2px 7px 0; height: 24px; font-size: 13px;}
.setting_wrap .share_ln_reg_area>ul>li.share_ln_reg .share_reg_position .share_OUT{color: #fff; background: #ef351c; border-radius: 12px; line-height: 24px; padding: 2px 5px 0; height: 24px; font-size: 13px;}
.setting_wrap .share_ln_reg_area>ul>li.share_ln_reg .share_reg_id{position: relative; top: -12px; left: 130px; width: 390px;}
.setting_wrap .share_ln_reg_area>ul>li.share_ln_reg .share_reg_st_ed{position: relative; left: 50px; top:-29px; width: 100px;}
.setting_wrap .share_ln_reg_area>ul>li.share_ln_reg .share_reg_id .share_reg_tit{font-size:14px;vertical-align:middle; color:#555; font-weight: 400;}
.setting_wrap .share_ln_reg_area>ul>li.share_ln_reg .share_reg_st_ed .share_reg_day_s{font-size:14px;vertical-align:middle; color:#777; font-weight: 400;}
.setting_wrap .share_ln_reg_area>ul>li.share_ln_reg .share_reg_st_ed .share_reg_day_s_in{font-size:14px;vertical-align:middle; color:#4b96e6; font-weight: 400;}
.setting_wrap .share_ln_reg_area>ul>li.share_ln_reg .share_reg_st_ed .share_reg_day_s_out{font-size:14px;vertical-align:middle; color:#ef351c; font-weight: 400;}
.setting_wrap .share_ln_reg_area>ul>li.share_ln_reg .timeline_go{position: relative; left: 535px; top: -51px;}
.setting_wrap .share_ln_reg_area>ul>li.share_category_day{background: #e8e8e8; font-size: 13px; color: #777; padding: 8px 20px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.setting_wrap .share_ln_reg_area>ul>li.share_category_day_fix{position: absolute; top: 181px; width: 590px;}
.setting_wrap>ul>li.store_ln{border-bottom: 1px solid #f1f1f1; padding: 0 15px; height: 50px;}
.setting_wrap>ul>li.store_ln span{color: #c8c8c8; line-height: 70px; text-align: center; font-size: 24px; font-weight: 400;  padding-right: 2px;}
.setting_wrap>ul>li .share_name{font-weight: 400; color: #333333; margin-top: 20px; float: left;}
.setting_wrap>ul>li .share_name em{position: relative; top: 3px; font-size: 14px;}
.setting_wrap>ul>li .share_name .inp_name{position: relative; margin-left: 8px; margin-top: -4px; width: 193px; min-width: 193px;}
.setting_wrap>ul>li .share_name .inp_name input{width: 181px; min-width: 181px;}
.setting_wrap>ul>li .share_name .inp_name02{margin-left: 56px; margin-top: -18px;}
.setting_wrap>ul>li .share_name .inp_name02:lang(ja){margin-top: -24px;}
.setting_wrap>ul>li .share_name .inp_name02 input{width: 181px; min-width: 181px;}
.setting_wrap>ul>li .share_name .inp_name03{margin-left: 56px; margin-top: -20px;}
.setting_wrap>ul>li .share_name .inp_name03 input{width: 181px; min-width: 181px;}
.setting_wrap>ul>li .sh_r{margin-left: 25px;}
.setting_wrap>ul>li .sh_r .inp_name{position: relative; margin-left: 8px; margin-top: -4px; width: 143px; min-width: 143px;}
.setting_wrap>ul>li .sh_r .inp_name input{width: 131px; min-width: 131px;}
.setting_wrap>ul>li .sh_r .inp_name02{margin-left: 36px; margin-top: -18px;}
.setting_wrap>ul>li .share_name_nom{font-weight: normal; margin-top: 18px;}
.setting_wrap>ul>li .share_name_nom .inp_name{position: relative; margin-left: 8px; margin-top: -6px; width: 90px; min-width: 90px;}
.setting_wrap>ul>li .share_name_nom .inp_name input{width: 78px; min-width: 78px;}
.setting_wrap>ul>li .pw_info{position:absolute; background: #c8c8c8; width: 16px; height: 16px; font-size: 11px; color: #fff; font-weight: 400; text-align: center; border-radius: 8px; left: 201px; margin-top:8px; line-height: 16px; cursor:pointer;}
.setting_wrap>ul>li .pw_info:lang(ja){left: 270px; margin-top: 9px;}
.setting_wrap>ul>li .name_info{font-size: 14px; color: #333; margin-right: 5px;}
.setting_wrap>ul>li .ssid_st{height: 30px;}
.setting_wrap>ul>li.clip_use_area{height: 76px;position:relative;}
.setting_wrap>ul>li.clip_use_area .use_line{width: 100%; background: #e8e8e8; height: 20px; position: relative; margin-top: 10px;}
.setting_wrap>ul>li.clip_use_area .use_line .use_line_in{width: 0%; background: #4b96e6; line-height: 20px; text-align: right;}
.setting_wrap>ul>li.clip_use_area .use_line .use_line_in span{color: #fff; font-size: 12px; margin-right: 5px;}
.setting_wrap>ul>li.clip_use_area .tit{display:table-cell;width:50%;font-size:12px;vertical-align:middle;color: #999;position: absolute;}
.setting_wrap>ul>li.clip_use_area .tit:lang(ja){width: 35%;}
.setting_wrap .ly_check{float: left;}
.setting_wrap .ly_check_R{float: right;}
.setting_wrap .ly_check>ul{overflow-y: auto; padding: 10px 0 0;}
.setting_wrap .ly_check>ul>li{border: 0; height: 22px;}
.setting_wrap .ly_check>ul>li span{margin: 0px; width: 280px; font-size: 13px; color: #666;}
.setting_wrap .ly_check>ul>li span:lang(ja){letter-spacing: -2px; font-size: 12px;}
.setting_wrap .ly_check>ul input{margin-right: 23px; position: relative; z-index: 1; width: 18px; height: 18px;}
.setting_wrap>ul>li .tit_info{position: absolute; font-size: 12px; color: #999; left: 50px; margin-top: 30px; letter-spacing: -0.5px;}
.setting_wrap>ul>li .stit_info{left: 340px; letter-spacing: 0px;}
.setting_wrap>ul>li .stit_info:lang(ja){left: 258px;}
.setting_wrap>ul>li .rtit_info{left: 0; right: 20px; text-align:right;}
.share_ln_evt_lst{margin-top: 20px; width: 280px; left: 50%; margin-left: -140px; border-bottom: 0;}
.setting_box .date_lst_sel{position:relative;top:auto;right:auto}
.setting_box .date_lst_sel button{height:22px;font-size:12px}
.setting_box .date_lst_sel ul{position:absolute;top:100%;right:0;width:198px;text-align:left}
.id_er{text-align: center; font-size: 12px; color: #e64b4b; line-height: 40px;}
.ck_bx_txtR{float: right; margin-top: 3px;}
.ck_bx_txtR button{font-size: 12px; color: #b7b7b7; text-decoration: underline; }
.ck_bx_txtR button:hover{color: #e64b4b; cursor: pointer;}
.set_txt{color:#999;}
.setting_box .zoom{display:inline-block;position:relative;width:188px;line-height:28px;text-align:center; border: 1px solid #ddd; background: #fff;}
.setting_box .zoom .sp{position:absolute;top:0;width:22px;height:22px}
.setting_box .zoom .zoomout{left:0px; position:absolute;top:0px;color: #000; font-size: 14px; border-right: 1px solid #ddd; line-height:30px; width: 30px; }
.setting_box .zoom .zoomin{right:0px; position:absolute;top:0px;color: #000; font-size: 14px; border-left: 1px solid #ddd; line-height:30px; width: 30px;}
.setting_box .zoom .zoom_bg,.setting_box .zoom .bar{display:inline-block;width:102px;height:1px;background:#c8c8c8;font-size:0;line-height:0;text-align:left;vertical-align:middle}
.setting_box .zoom .zoom_bg{background:#000}
.setting_box .zoom .bar{position:relative;background:#4b96e6;vertical-align:top}
.setting_box .zoom .bar_ctrl{position:absolute;top:-4px;right:-3px;width:9px;height:9px;border-radius:100%;background:#4b96e6;}
.setting_box .btn_s{margin-left:3px}
.setting_box .btn_long{width: 88px;}
.setting_box .btn_m{width: 64px;}
.setting_box .btn_share_plus{margin-top: 15px;}
.setting_box .name_btn_s{position: relative;top: -22px;left: 248px;}
.setting_box .name_btn_clip_name{position: relative;top: -29px;left: 450px;}
.setting_box .name_btn_clip_name:lang(ja){left: 390px;}
.setting_box .btn_off{background: #777; width: 65px; text-align: center; line-height: 30px; color: #fff; }
.setting_box .btn_on{background: #4b96e6; width: 65px; text-align: center; line-height: 30px; color: #fff; }
.setting_box .btn_select{background: #4b96e6; width: 45px; text-align: center; line-height: 30px; color: #fff; }
.setting_box .btn_store{background: #4b96e6; width: 66px; text-align: center; line-height: 30px; color: #fff; }
.setting_box .btn_store_L{margin-right: 4px;}
.setting_box .cam_cloud_status{font-size:14px;color:#4b96e6;cursor:pointer;}


.s_info{position: relative; font-size: 12px; color: #7c7c7c; line-height: 30px;}
.ly_mg{margin-top: 50px;}
.toggle_lst,.input_lst{float:right; height:30px; font-size: 14px;}
.toggle_lst{width:100px}
.toggle_lst li,.input_lst li{float:left;height:100%}
.toggle_lst_N{width: 64px;}
.input_lst li.day_ck{padding-top: 6px;}
.input_lst li.day_ck span.ck_bx{width: 42px;}
.input_lst li.day_ck span.ck_bx_alram{width: 76px;}
.input_lst li.day_ck span.ck_bx_alram:lang(ja){width: 92px;}
.input_lst li.day_ck span.ck_bx_alram label{width: 38px;}
.input_lst li.day_ck span.ck_bx_alram label:lang(ja){width: 72px;}
.input_lst li.day_ck span.ck_bx_alram_r{width: 76px;}
.input_lst li.day_ck span.ck_bx_alram_r:lang(ja){width: 80px;}
.input_lst li.day_ck span.ck_bx_alram_r label{width: 38px;}
.input_lst li.day_ck span.ck_bx_alram_r label:lang(ja){width: 60px;}
.rdo_bn{display:inline-block;position:relative;width:50px;height:30px}
.rdo_bn label{display:block;position:absolute;top:0;width:50px;height:100%;background:#fff;font-size:12px; text-align:center;line-height:30px;}
.rdo_bn.on label{left:0;;color:#333; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 28px;}
.rdo_bn.off label{right:0;color:#333; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 28px;}
.rdo_bn input[type="radio"]{position:absolute;top:1px;left:1px}
.rdo_bn input:checked+label{z-index:10}
.rdo_bn.on input:checked+label{background:#4b96e6;color:#fff;}
.rdo_bn.off input:checked+label{background:#4b96e6;color:#fff;}
.date_lst .date_lst_sel{display:inline-block;width:50px}
.date_lst .date_lst_sel button{width:50px;color:#4b96e6}
.date_lst .date_lst_sel ul{left:0;width:auto}
.date_lst .bar{display:inline-block; margin: 0 7px; font-size: 14px;}
.date_lst .date_lst_sel_fm{width:130px; background: none; border: 1px solid #999; line-height: 23px; border-radius: 2px;}
.date_lst .date_lst_sel_fm a{width:130px;color:#fff; padding-left: 5px;}
.date_lst .date_lst_sel_fm label{width: 7px; height: 13px; background-position:-520px 0; margin-left: 50px; margin-top: 4px;}
.date_lst .date_lst_sel_fm_open{width:125px; height: 91px; padding-left: 5px;  background: none; border: 1px solid #fff; line-height: 22px; border-radius: 2px;}
.date_lst .date_lst_sel_fm_open a{width:125px;color:#fff; height: 91px; margin-top: -36px; }
.date_lst .date_lst_sel_fm_open label{width: 7px; height: 13px; background-position:-520px 0; margin-left: 112px; margin-top: -18px;}
.date_lst .date_lst_sel_fm_open .open_list_01{position:absolute; margin-top: 2px;}
.date_lst .date_lst_sel_fm_open .open_list_01 a{color: #a8a8a8;}
.date_lst .date_lst_sel_fm_open .open_list_01 a:hover{color: #fff;}
.date_lst .date_lst_sel_fm_open .open_list_02{position:absolute; margin-top: 24px;}
.date_lst .date_lst_sel_fm_open .open_list_02 a{color: #a8a8a8;}
.date_lst .date_lst_sel_fm_open .open_list_02 a:hover{color: #fff;}
.date_lst .date_lst_sel_fm_open .open_list_03{position:absolute; margin-top: 46px;}
.date_lst .date_lst_sel_fm_open .open_list_03 a{color: #a8a8a8;}
.date_lst .date_lst_sel_fm_open .open_list_03 a:hover{color: #fff;}
.family_area{overflow:hidden;position:absolute;top:0;right:80px;margin-left:140px}
.family_area a{color: #fff;}
.noti_lst{}
.noti_lst li{color:#333333;line-height:20px}
.ly_camera .inp_box{display:inline-block;min-width:180px}
.ly_camera .inp_box2{display:inline-block;min-width:120px; width: 120px;}
.setting_tab{position: relative;width: 100%;overflow: hidden;margin-top: 20px;}
/*.setting_tab li{line-height: 40px; text-align: center; width: 176px; float: left;}*/
.setting_tab li{line-height: 50px; text-align: center; width: 50%; float: left; cursor: pointer;}
.setting_tab li.tab_on{background: #555;}
.setting_tab li.tab_off{background: #e5e5e5;}
.setting_tab li button{color: #fff; font-size: 16px; line-height: 50px; font-weight: 400;}
.setting_tab li button.t_off{color: #777; font-size: 16px;}

.family_tab{position: relative; width: 100%; overflow: hidden; margin-top: 20px;}
.family_tab li{line-height: 50px; text-align: center; width: 50%; float: left; cursor: pointer;}
.family_tab li.tab_on{background: #555;}
.family_tab li.tab_off{background: #e5e5e5;}
.family_tab li button{color: #fff; font-size: 16px; line-height: 50px; font-weight: 400;}
.family_tab li button.t_off{color: #777; font-size: 16px;}

/*가족출입 알림 리스트 _layer */
.ly_camera_acc{width:710px;margin-left:-355px;top:175px;}
.ly_camera_acc .inp_box{display:inline-block;min-width:180px}
.ly_camera_acc .inp_box2{display:inline-block;min-width:120px; width: 120px;}


/* 타입랩스, 클립만들기 _ layer */
.ly_labs{width:710px;margin-left:-355px}
.ly_labs .setting_wrap:after{display:block;clear:both;content:''}
.ly_labs .setting_wrap>ul>li{padding:10px 20px}
.ly_labs .setting_wrap>ul>li:first-child{padding:10px 20px}
.make_box{float:left;position:relative;width:225px;height:112px;padding: 0 10px 5px 10px;border:1px solid #e4e4e4;background:#f5f5f5}
.make_box h3{text-align:center;font-size:14px;color:#333333;background:none;border:0}
.make_box img{display:block;width:100%;border:1px solid #000;box-sizing:border-box}
.make_box .inp_box{position:relative;margin-top:10px}
.make_bar{position:relative;float:left;width:10px;height:120px;padding:0 5px}
.make_bar:after{position:absolute;top:50%;left:50%;width:10px;height:2px;margin:-1px 0 0 -5px;background:#4a95e5;content:''}
.option_wrap{text-align:left}
.option_wrap .option_tit{height:50px;line-height:50px;background:#eaeaea;border:1px solid #e4e4e4;font-size:12px;color:#333333}
.option_wrap .option_tit span{margin-left:5px;font-size:20px;color:#4a95e5;font-weight: 400; position: relative; top: 3px;}
.option_wrap .option_box{padding:20px;border-top:1px solid #eee;background:#f9f9f9;}
.option_box .date_lst{font-size:13px;font-weight:500; color: #777}
.option_box .date_lst select{margin-left: 5px;}
.option_box .date_lst .date_lst_sel{position:relative;vertical-align:top;margin-top:-4px;}
.option_box .date_lst .date_lst_sel button select{height:22px;padding:0 10px 0 5px;font-size:14px;color:#555;}
.option_box .date_lst .date_lst_sel ul{position:absolute;top:100%;right:0}
.option_box .date_lst .Plist_zip_time{margin-left: 24px;}
.option_box .date_lst .Plist_zip_time .Plist_zip_time_r{position: absolute; right: 58px; margin-top: -38px; color: #333; font-size: 14px;}
.option_box .date_lst .Plist_zip_time .Plist_zip_time_r select{height: 28px; padding: 0 5px; margin-right: 5px;}
.option_box .ck_bx{margin:0 0 10px 0}
.option_box .ck_bx label{width:275px;font-size:14px;font-weight:500;color:#333;}
.option_box .ck_bx label:lang(ja){width: 350px; font-size: 13px; letter-spacing: -1px;}
.option_box .ck_bx_en{margin:7px 0 0 -487px}
.option_box .ck_bx_en label{width:470px;}
.option_box .ck_bx span{padding-left:2px;color:#333;}
.date_submit{margin-top:20px;text-align:left;line-height:32px}
.date_submit strong{display:block}
.date_submit .ck_bx{margin-left:0}
.date_submit .ck_bx label{width:500px}
.date_submit .ck_bx label:lang(ja){width: 590px;}
.date_submit .ck_bx span{color:#555}

/* 시계 */
.layer_time{display:block;position:relative;z-index:100;background:#fff;}
.layer_time button.btn_close{overflow:hidden;position:absolute;top:15px;right:15px;width:12px;height:12px;background-position:-535px -274px;line-height:999px}
.layer_time.ng_hide{display:none}
.time_icker{margin-top:-1px;border:1px solid #aaa;background:#fff; right: 60px; width: 238px; z-index: 1; position: absolute;}
.time_select_tit{height:46px;font-size:14px;text-align:center;line-height:46px;margin-top: 5px; font-weight: 400;}
.time_select_area{padding:5px 20px 20px;text-align:center;}
.time_select{display:inline-block;width:43px;border:1px solid #e4e4e4;vertical-align:middle}
.time_select .action{padding:7px 16px}
.time_select .sp{width:14px;height:7px}
.time_select .sp.up{background-position:-519px -312px}
.time_select .sp.up:hover{background-position:-534px -312px}
.time_select .sp.down{background-position:-519px -325px}
.time_select .sp.down:hover{background-position:-534px -325px}
.time_select .ipt_txt input{display:block;width:100%;height:50px;border:1px solid #e4e4e4;border-width:1px 0;background:#f9f9f9;color:#333;text-align:center}
.point{display:inline-block;width:1px;height:8px;margin:0 6px;background-position:-546px -84px;vertical-align:middle}
.layer_btn{margin-bottom:20px;text-align:center;}

/* 카메라 전체화면 */
#wrap.camera_full{min-width:inherit}
.camera_full #container{height:100%;margin:0;padding:0}
.camera_full #content{height:100%;padding:0}
.camera_full .camdtl_view{position:relative;height:100%}
.camera_full .camdtl_view .player_area{height:73%;padding:0;border:0}
.camera_full .camdtl_view .player_area object{width:100%}
.camera_full .camdtl_view .cam_ctrl{bottom:150px}
.camera_full .timeline_area{position:absolute;left:0;right:0;bottom:0;height:129px;background:rgba(255,255,255,.8)}

/* 서비스 관리 */
.cam_admin_area{padding:10px 60px 0; background: #fff; margin-top: 45px;}
.cam_admin_area h3{font-size:20px}
.cam_admin{overflow:hidden;padding:40px 0;border-bottom:1px solid #eee;border-left:0;}
.cam_admin li{float:left;}
.cam_admin li img.thum{width: 150px; height: 100px; border: rgba(0,0,0,.3); background: #f0f0f0;}
.cam_admin li.txt_R{margin-left: 30px; color: #777; line-height: 22px; font-size: 14px;}
.cam_admin .account_list{background: #f6f6f6; position: relative; margin-left: 180px; margin-top: 44px; overflow: hidden; width: 83%;}
.cam_admin .account_list ul{clear: both; overflow: hidden; padding: 20px; border-bottom: 1px solid #fff;}
.cam_admin .account_list ul:lang(ja){padding: 17px 20px;}
.cam_admin .account_list li{font-size: 14px; color: #333;}
.cam_admin .account_list li.txt01{width: 400px;}
.cam_admin .account_list li.txt01_bl{color: #4a95e5;}
.cam_admin .account_list li span{color: #ef351c; margin-left: 5px;}
.cam_admin .account_list button.btn01{margin: 0; line-height: 28px; font-size: 14px; color: #fff; background: #4a95e5; position: absolute; right: 100px; margin-top: -6px; padding: 1px 10px;}
.cam_admin .account_list button.btn01:hover{background: #448ddb;}
.cam_admin .account_list button.btn02{margin: 0; line-height: 28px; font-size: 14px; color: #fff; background: #777777; position: absolute; right: 20px; margin-top: -6px; padding: 1px 10px;}
.cam_admin .account_list button.btn02:hover{background: #6e6e6e;}
.cam_admin .account_list li img.camera_s{position: relative; margin-top: -4px;}
@media screen and (min-width:1400px) and (max-width:1550px) {
    .cam_admin .account_list{background: #f6f6f6; position: relative; margin-left: 180px; margin-top: 44px; overflow: hidden; width: 80%;}
}
@media screen and (max-width:1400px) {
    .cam_admin .account_list{background: #f6f6f6; position: relative; margin-left: 180px; margin-top: 44px; overflow: hidden; width: 78%;}
}
.cam_admin li span.ad_stit{font-size: 20px; color: #333; letter-spacing: -0.2px; line-height: 44px; font-weight: 400;}
.cam_admin li span.ad_stit:lang(ja){line-height: 38px;}
.cam_admin li span.ad_stit_bl{color: #4a95e5;}
.cam_admin li span.ad_stit img.ic_camera{position: relative; margin-top: 8px;}
.cam_admin li span.ad_new{font-size: 14px; color: #ef351c; letter-spacing: -0.2px; margin-left: 5px;}
.cam_admin li span.ad_service{color: #4a95e5}
.cam_admin button{float: right; margin-top: 60px;}
.cam_admin .btn{padding:13px 14px;font-size:14px;color:#fff}
.cam_admin .btn_r{padding:13px 29px;font-size:14px;color:#fff;margin-left: 10px;}
.cam_admin .family_alarm_cam{cursor: pointer;}

.info_area{width:400px;margin:0 auto;padding:83px 0 400px;text-align:center}
.info_area .dsc{font-size:18px}
.info_area .btn_area{margin-top:40px;text-align:center}
.info_area .btn_area button{width:100px;padding:13px 0}
.info_area .info{margin-top:8px;font-size:14px;color:#7c7c7c;text-align:left}
.info_area .info .time{color:#4a95eb}
.inp_myinfo {margin-top: 57px;}
.inp_myinfo li{position:relative;margin-top:10px}
.inp_myinfo li:after{display:block;clear:both;content:''}
.inp_myinfo input{width:100%;height:48px;padding:0 17px;border:1px solid #e4e4e4;border-radius:2px;font-size:16px;box-sizing:border-box;}
.inp_myinfo input:focus{border-color:#4a95eb}
.inp_myinfo .inp{position:relative;vertical-align:top}
.inp_myinfo label{position:absolute;top:13px;left:17px;font-size:18px;color:#7c7c7c}
.inp_myinfo .btn{position:absolute;top:0;right:0;width:110px;height:48px;background:#f9f9f9}
.phone_change_area li{padding-right:120px}
.phone_change_area input{margin-right:10px}
.pass_change_area ul{margin-top:7px}
.pass_change_area li{margin-top:20px}
.pdr{padding-right:120px}
.delete_area{padding:118px 0 300px;text-align:center;width:500px;}
.delete_area .btn_area{margin-top:100px;text-align:center}
.delete_area p{font-size:18px;color:#333333;line-height:2.2}
.mem_change_area{padding:118px 0 300px;text-align:center;width:500px;}
.mem_change_area ul{clear: both;}
.mem_change_area li.txt_L{font-size: 18px; color: #666; float: left; width: 170px; text-align: left; line-height: 50px;}
.mem_change_area li.txt_R{font-size: 18px; color: #333333; float: left; text-align: left; line-height: 50px;}

/* 로그인 */
.member #container{background:#f5f5f5}
.member input[type="text"],.member input[type="password"]{background:#fff}
.member .info_area{padding-top:70px}
.member .inp_myinfo{margin-top:0}
.log_txt{text-align:left}
.log_txt .ck_bx{margin-left:0}
.log_txt .ck_bx label{width:400px}
.btn_black,.btn_f_login{display:block;width:100%;height:50px;border-radius:2px;font-size:16px;color:#fff;line-height:51px}
.btn_black{margin-top:20px;background:#333333;text-align: center;}
.btn_black .sp{width:79px;height:18px;margin:16px 5px 0 0;background-position:-50px -384px}
.btn_f_login{margin-top:15px;background:#fa2828}
.btn_f_login .sp{width:79px;height:18px;margin:16px 5px 0 0;background-position:-50px -384px}
.face_txt{margin-top:15px;}
.face_txt p{padding-top:38px;font-size:14px}
.face_txt p a{color:#4a95eb;text-decoration:underline}
.info_area.join .rdo2{margin:0 10px 0 0}
.info_area.join .rdo2 label{font-size:14px;color:#7c7c7c}
.info_area.join strong{font-size:14px;color:#7c7c7c}
.info_area.join .btn{width:27px;height:13px;font-size:14px;font-weight:400}
.info_area.join .btn.on{color:#4a95eb;background:none;}
.info_area.join .btn.off{color:#c8c8c8}
.info_area.join .btn_black{margin-top:10px;border: 0px;}
.info_area.join .ck_bx{margin-left:0}
.info_area.join .ck_bx label{width:104px;font-size:14px;color:#7c7c7c}
.info_area.pass{padding-top:64px}
.info_area.pass .inp_myinfo{margin-top:40px}
.join_area{margin-top:10px}
.join_area .fr a{position:relative;padding:1px 10px;font-size:14px}
.join_area .fr a:after{position:absolute;top:50%;left:0;width:1px;height:10px;margin:-5px 0 0;background:#cdcdcd;content:''}
.join_area .fr a:first-child:after{background:none}
.adver{margin-top:60px}
.adver img{width:100%}


/* USB설치 */
.instal .s_menu li{position:relative}
.instal .s_menu li.on:after{position:absolute;top:50%;right:34px;width:7px;height:7px;margin-top:-4px;border-radius:100%;background:#5b9cec;content:''}
.instal .s_menu li.cfrm:after{position:absolute;top:50%;right:29px;width:15px;height:11px;margin-top:-6px;background-position:-532px -220px;content:''}
.instal .info_area{width:auto;font-size:14px;color:#7c7c7c;line-height:24px}
.instal .info_area p{padding:27px 0 69px}
.instal .info_area p span{color:#333333; font-weight:400;}
.instal .btn_area{padding-top:20px;border-top:1px solid #d5d5d5}
.wifi_area{padding:49px 0 300px}
.wifi_area .w_tit{color:#7c7c7c}
.wifi_area .btn_area{text-align:right}
.wifi_area .btn_area .btn_reset{width:100px}
.btn_reset .sp{width:16px;height:14px;margin:-5px 5px 0 0;background-position:-531px -255px;vertical-align:middle}
.lst_wifi{margin-top:10px}
.lst_wifi li{height:50px;border-top:1px solid #eaeaea}
.lst_wifi li a{display:block;width:100%;font-size:14px;line-height:50px}
.lst_wifi li a.c_blue{color:#5b9cec}
.cnnct.wifi_area{padding-top:0}
.cnnct.wifi_area .btn_area{text-align:center}
.cnnct .lst_wifi{margin-top:0}
.cnnct .lst_wifi li{display:table;position:relative;width:100%;height:auto;padding:29px 0}
.cnnct .lst_wifi li:first-child{border-top:0}
.lst_wifi_tit{display:table-cell;width:173px;font-size:14px;vertical-align:middle}
.lst_wifi_area{display:table-cell;padding-right:110px}
.lst_wifi_area .inp{position:relative}
.lst_wifi_area .inp input,.lst_wifi_area .sel select{width:100%;height:30px;padding:0 15px 0 0; box-sizing:border-box;line-height:30px}
.lst_wifi_area .inp input:focus,.lst_wifi_area .sel select:focus{border-color:#4a95e5}
.lst_wifi_area .sel select{color:#777}
.lst_wifi_area .inp label{position:absolute;top:0;left:15px;color:#777;line-height:30px}
.lst_wifi_area .btn_reset{position:absolute;top:50%;right:0;width:100px;height:32px;margin-top:-16px;line-height:32px}
.wifi_name{min-width:547px;height:32px;padding:0 15px;background:#f5f5f5;font-size:14px;line-height:32px}
.lock,.wifi{display:inline-block;margin-left:15px;vertical-align:middle}
.lock.sp{width:16px;height:20px;background-position:-531px -233px}
.wifi.sp{width:22px;height:16px}
.wifi.w1{background-position:-262px -368px}
.wifi.w2{background-position:-286px -368px}
.wifi.w3{background-position:-310px -368px}
.wifi.w4{background-position:-334px -368px}
.cmpl .info_area p{padding:38px 0 79px;font-size:18px;color:#333333}
.cmpl .info_area .btn{width:130px}


/* footer */
.footer_pr{position: relative; z-index: 99;}
/*#footer .inr{overflow:hidden; padding: 0px;}
.f_logo{position:relative;left:60px;top:48px;}
.f_info{position: relative; margin-left:200px}
address{display:block;margin:13px 0 48px;font-weight:400;color:#fff}
.lst_footer{overflow:hidden;margin-top:3px}
.lst_footer li{position:relative;float:left;font-size:16px}
.lst_footer li:after{position:absolute;left:0;top:8px;width:1px;height:13px;background:#b9d6f4;content:''}
.lst_footer li:first-child{margin-left:-11px}
.lst_footer li:first-child:after{background:none}
.lst_footer li a{display:block;padding:5px 11px;color:#fff}
.lst_company{overflow:hidden;margin-top:12px}
.lst_company dt,.lst_company dd{float:left;font-size:12px;color:#fff;line-height:20px}
.lst_company dd{padding-right:5px}
.lst_company dd.f_none{float:none}
.lst_company dd:before{display:inline-block;padding:0 4px;content:':'}
.lst_company dd a{display:inline-block;border-bottom:1px solid #fff;color:#fff}
.sns_area{overflow:hidden;position:absolute;top:0;right:0;margin-left:140px}
.sns_area li{float:left;margin-left:8px}
.sns_area a{display:block;width:45px;height:45px}*/
/*.sns_area .btn_facebook{background-position:0 0}
.sns_area .btn_twit{background-position:-47px 0}
.sns_area .btn_insta{background-position:-94px 0}*/
.sns_area .btn_facebook{background-position:0 -410px; cursor:default;}
.sns_area .btn_twit{background-position:-47px -410px; cursor:default;}
.sns_area .btn_insta{background-position:-94px -410px; cursor:default;}


/* 이용약관 */
#wrap.term{position:relative;min-width:100%;min-height:100%;height:auto}
#wrap.term #header{height:36px;line-height:36px;border-bottom:4px solid #4a95eb;background: #fff}
#wrap.term #header h1.tit2{margin-left:15px;font-size:14px;color:#333333;vertical-align:middle;}
#wrap.term #header .sp{width:120px;height:15px;margin-top:-3px; margin-right:5px; background-position:-262px -422px;vertical-align:middle}
#wrap.term #container{padding-bottom:40px}
#wrap.term #content{max-width:500px;margin:0px auto 0;font-size:11px;line-height:1.5;padding-top: 75px; padding-bottom: 30px; background: #f9f9f9}
#wrap.term .doc_table{width:100%;border:0;margin-bottom:10px;border-collapse:collapse;line-height:15px}
#wrap.term .doc_table caption{visibility:hidden;overflow:hidden;font-size:0;line-height:0}
#wrap.term .doc_table th,#wrap.term .doc_table td{padding:10px 5px;border:1px solid #e8ebf1;font-size:11px;text-align:center}
#wrap.term .doc_table thead th{background-color:#f4f6fb;font-weight:400;color:#444444}
#wrap.term .doc_table a{text-decoration:underline}
#wrap.term .doc_table td.tx_lft{padding:10px;text-align:left}
#wrap.term #content{max-width:500px;margin:0px auto 0;font-size:11px;line-height:1.8;padding-top: 75px; padding-bottom: 30px; background: #f3f3f3;}
#wrap.term #content h1{margin-top:18px;font-size:13px;color:#444444}
#wrap.term #content h2{font-weight: 400; color: #262626;}
#wrap.term #content h3{margin:7px 0 0 12px;font-size:11px;color:#444444}
#wrap.term #content p,#wrap.term #content ol{margin-top:10px;color:#777777}
#wrap.term #content li{margin:5px 0 0 13px;text-indent:-13px}
#wrap.term #content li p{margin-top:5px;text-indent:0}
#wrap.term #content .st{font-weight:400}
#wrap.term #content span{color:#ff1414}
#wrap.term #content span.tit_s{color:#555;}
#wrap.term #content .dcs{margin:5px 0 0 11px}
#wrap.term #content .nobld h3{font-weight:400;}
#wrap.term #content div{margin:10px 0;padding:10px;border:1px solid #999;text-indent:0}
#wrap.term #footer{overflow:hidden;position:absolute;bottom:0;width:100%;height:30px;padding:0;line-height:30px;text-align:right;color:#666;font-family:Tahoma;font-size:11px;background-color:#fbfcff;border-top:1px solid #f2f3f5}
#wrap.term #footer div{padding-right:15px}
@media screen and (max-width:440px){
    #wrap.term #content{max-width:100%;padding:0 15px}
    #wrap.term #header .sp{height:15px;background-size:250px auto;background-position:-177px -203px}
}
#wrap.term #content h3.tit{font-size: 20px; color: #333; line-height: 50px; height: 50px; border-bottom: 2px solid #b7b7b7; font-weight: normal; margin: 0;}
#wrap.term #content .noti_tit{background: #fff; font-size: 14px; color: #777; line-height: 50px; height: 50px; padding: 0 20px; font-weight: bold; margin: 0; border: 0; border-bottom: 1px solid #f3f3f3;}
#wrap.term #content .noti_tit span.day{color: #b7b7b7; position: absolute; right: 42px; font-weight: normal;}
#wrap.term #content .noti_txt{background: #fff; font-size: 14px; color: #777; line-height: 20px; padding: 10px 20px 20px; margin: 0; border: 0;}
#wrap.term #content .noti_chk{font-size: 14px; color: #777; padding: 0px; margin: 0; border: 0; line-height: 50px; height: 50px; color: #b7b7b7;}
#wrap.term #content .noti_chk input{border: 1px solid #ddd; width: 20px; height: 20px; background: #fff; opacity: inherit; margin: 0; position: relative; vertical-align: middle; margin-right: 10px; margin-top: -1px;}
#wrap.term #content .noti_chk input:checked{background-position:-20px -95px}
#wrap.term #content #noti_txt * {color: #777; }

/*출입안내*/
#wrap.acc_term{position:relative;min-width:100%;min-height:100%;height:auto}
#wrap.acc_term #container{padding:0px; margin: 0;}
#wrap.acc_term #content{padding:0px; margin: 0; background: #fff;}
#wrap.acc_term .acc_info01{background: #4b96e6; height: 470px;}
#wrap.acc_term .acc_info01 h3{text-align: center; font-size: 36px; color: #b7d7ff; margin-bottom: 20px; font-weight: 300; padding-top: 84px; position: relative;}
#wrap.acc_term .acc_info01 h3 span{color: #fff;}
#wrap.acc_term .acc_info01 h4{text-align: center; font-size: 14px; color: #fff; line-height: 22px; font-weight: normal; padding: 0 20px;}
#wrap.acc_term .acc_info01 h4 span{color: #fdff38;}
#wrap.acc_term .acc_info01 .im_info01{position: relative; text-align: center; top: 60px; padding:0 15px;}
@media screen and (max-width:580px){
    #wrap.acc_term .acc_info01 .im_info01{top: 60px;}
}
#wrap.acc_term .acc_info01 .im_info01 img{width: 100%; max-width: 385px;}
#wrap.acc_term .acc_info02{background: #3875b8; color: #fff; font-size: 11px; line-height: 18px; padding:40px 45px;}
#wrap.acc_term .acc_info02 h3{font-size: 11px; color: #fdff38; margin-bottom: 6px; padding-top: 6px;}
#wrap.acc_term .acc_info02 h3 img{position: relative; margin-top: 1px; margin-right: 5px;}
#wrap.acc_term .acc_info03{background: #Fff; padding: 45px; border-bottom: 1px dashed #e4e4e4;}
#wrap.acc_term .acc_info03_last{border-bottom: 0px;}
#wrap.acc_term .acc_info03 h3{font-size: 18px; color: #333; font-weight: normal; margin-bottom: 15px;}
#wrap.acc_term .acc_info03 h3.mg_b{margin-bottom: 25px;}
#wrap.acc_term .acc_info03 ul{clear: both; overflow: hidden;}
#wrap.acc_term .acc_info03 li{position: relative; float: left; font-size: 12px; color: #777; line-height: 24px; letter-spacing: -0.5px;}
#wrap.acc_term .acc_info03 li.txt_L{position: absolute; margin-top: 2px;}
#wrap.acc_term .acc_info03 li.txt_R{padding-left: 22px;}
#wrap.acc_term .acc_info03 li.stxt{color: #4b96e6; font-size: 13px; margin-bottom: 5px;}
#wrap.acc_term .acc_info03 li span{color: #4b96e6;}
#wrap.acc_term .acc_info03 li img{position: relative; margin-top: 2px; margin-right: 5px;}
#wrap.acc_term .acc_info03 ul.mg_ul_b{margin-bottom: 20px;}
#wrap.acc_term .acc_info03 .im_info02{position: relative; text-align: center; margin-bottom: 25px;}
#wrap.acc_term .acc_info03 .im_info02 img{width: 100%; max-width: 510px;}
#wrap.acc_term .acc_info04{background: #Fff; padding: 45px; border-bottom: 1px dashed #e4e4e4;}
#wrap.acc_term .acc_info04 h3{font-size: 18px; color: #333; font-weight: normal; margin-bottom: 15px; line-height: 24px;}
#wrap.acc_term .acc_info04 h3 span{font-size: 12px; color: #777;}
#wrap.acc_term .acc_info04 li{position: relative; clear: both; font-size: 14px; color: #4b96e6; line-height: 24px; margin-bottom: 5px; letter-spacing: -0.5px;}
#wrap.acc_term .acc_info04 li.pd_L{font-size: 12px; color: #777; line-height: 19px; margin-bottom: 18px; padding-left: 18px;}
#wrap.acc_term .acc_info04 li:last-child{margin-bottom: 0px;}
#wrap.acc_term .acc_info04 li img{position: relative; margin-top: 3px; margin-right: 5px;}

/* mobile main */
#wrap_m{width:100%;height:100%;}
.m_main{height:auto}
.m_main#wrap{height:auto}
.m_main .m_inr{padding: 0px;}

.m_main #header{position:fixed;left:0;right:0;top:0;background:rgba(0,0,0,.7); height: 194px; z-index: 100;}
.m_main #container{margin:0;padding:0}
.m_main #content{padding:0}
.m_top{position: relative; left: 54px; text-align: left; top:38px;}
.m_top img {float: left; margin-right: 42px; }
.m_top li{float: left; color: #fff; font-size: 49px; height: 88px; line-height: 1.0; display: inline-block; margin-top: 15px; font-weight: 200;}
.m_top li span{color: #777; font-size: 27px;}
.m_top li em{color: #4a95eb;}
.m_sec{position:relative}
.m_slid{overflow:hidden;height:100%;padding:88% 0;text-align:center;}
.m_slid li{display:inline-block}
.m_slid li .bg{position:absolute;left:0;right:0;top:0;bottom:0;margin-top: -50px;}
.m_slid li button{position:relative;display:inline-block;z-index:1;width:160px;height:160px; margin-top: 100%;}
.m_slid .btn{position:absolute;top:50%;left:50%;z-index:1;width:360px; margin:115px 0 0 -180px; font-weight: normal; padding: 30px 0; font-size: 30px;}
.m_slid a.btn_market{position:absolute;top:50%;left:50%;z-index:1;width:320px; background: #4b96e6; font-size: 37px; color: #fff; padding: 45px 0; margin: 554px 0 0 -160px; border-radius: 80px;}
.m_slid .m_step{position: absolute; bottom: 55px; margin-left: -55px;}
.m_slid .m_step .step_on{width: 20px; height: 20px; border-radius: 10px; background: #fff; margin: 0 8px;}
.m_slid .m_step .step_off{width: 20px; height: 20px; border-radius: 10px; background: #fff; opacity: 0.4; margin: 0 8px;}
.m_main_T{position:absolute; width: 100%; top:28%; text-align: center; margin: 0 auto;}
.m_main_T_txt{color: #fff; font-size: 88px; font-weight:300; line-height: 1.2;}
.m_main_T_stxt{color: #fff; font-size: 38px; line-height: 1.8; margin-top: 25px; font-weight: normal;}
.m_main_B{position:absolute; width: 100%; top:45%; text-align: center; margin: 0 auto;}
.m_main_B_txt{color: #fff; font-size: 40px;}
.m_video_area{position: relative; width: 100%; height: 100%;}
.m_sec2{height:1020px;background:#eee;}
.m_sec2 h2{padding:112px 0 42px;font-size:40px;text-align:center; font-weight:300;}
.m_sec2 .func_area{width:80%;margin:0 auto}
.m_sec2 ul{margin-top:-5px}
.m_sec2 li{float:left;width:50%;}
.m_sec2 li .func{display:block;width:86px;height:84px;margin:35px auto 0px;background-position:0 -116px}
.m_sec2 li .func.v2{background-position:-88px -116px}
.m_sec2 li .func.v3{background-position:-176px -116px}
.m_sec2 li .func.v4{background-position:-264px -116px}
.m_sec2 li .func.v5{background-position:-352px -116px}
.m_sec2 li .func.v6{background-position:-440px -116px}
.m_sec2 li .func.v7{background-position:0 -202px}
.m_sec2 li .func.v8{background-position:-88px -202px}
.m_sec2 dl{height:40px;padding:25px 0 0;}
.m_sec2 dt{font-size:24px;color:#777; text-align: center; margin-top: -10px;}
.m_sec3{max-height:1067px; margin-top: -1px;}
.m_sec3 .bg img{width:100%;vertical-align:top;}
.m_sec3 .m_ic01{position: absolute; background:url(/resources/im/ic_m_sub01.png) no-repeat; width: 50px; height: 50px; text-align: center; left: 50%; margin-left: -25px; top: 28%;}
.m_sec3 .m_ic02{position: absolute; background:url(/resources/im/ic_m_sub02.png) no-repeat; width: 50px; height: 50px; text-align: center; left: 50%; margin-left: -25px; top: 28%;}
.m_sec3 .m_ic03{position: absolute; background:url(/resources/im/ic_m_sub03.png) no-repeat; width: 50px; height: 50px; text-align: center; left: 50%; margin-left: -25px; top: 28%;}
.m_sec3 .m_ic04{position: absolute; background:url(/resources/im/ic_m_sub04.png) no-repeat; width: 50px; height: 50px; text-align: center; left: 50%; margin-left: -25px; top: 28%;}
.m_sec4{height:640px;padding-top:116px;background:url(/resources/im/@thumb/main_m_cloud.jpg) no-repeat 50% 100% #4a95eb;text-align:center;z-index:1}
.m_sec4:after{position:absolute;left:0;right:0;bottom:-140px;height:140px;margin:0 auto;background:url(/resources/im/@thumb/main_m_cloud2.jpg) no-repeat 50% 0 #f9f9f9;content:''}
.m_sec4 .txt{overflow:hidden;width:344px;height:29px;margin:0 auto;background:url(/resources/im/txt_m_cloud.png) no-repeat;line-height:999px}
.m_sec4 p{padding-top:40px;font-size:24px;color:#fff;line-height:1.7; font-weight:300;}
.m_sec4 .btn_b{width:180px;margin-top:54px;border: 1px solid #fff; padding: 12px 0; font-weight: normal;}
.m_sec5{padding-top:210px;background:#f9f9f9;text-align:center}
.m_sec5:after{display:block;width:500px;height:490px; margin:100px auto 0;background:url(/resources/im/@thumb/main_m_store.jpg) no-repeat 0 0;content:''}
.m_sec5 .txt{overflow:hidden;width:591px; height:107px;margin:0 auto;background:url(/resources/im/txt_m_store.png) no-repeat;line-height:999px}
.m_sec5 .btn{width:240px;margin-top:35px;padding: 24px 0; font-weight:300; font-size: 26px;}
.m_sec6{height:504px; }
.m_sec6 .sec{width:100%;height:100%;margin:0 auto;text-align:center; background: #e0e0e0;}
.m_sec6 .txt{overflow:hidden;height:69px;margin:20px auto 0;line-height:999px}
.m_sec6 .txt_app{width:318px;background:url(/resources/im/txt_m_app.png) no-repeat}
.m_sec6 .app_tit_en{font-size: 33px; color: #555; text-align: center; position: relative; top: 112px; font-family: roboto; font-weight: 200; letter-spacing: -0.5px;}
.m_sec6 .app_tit_en span{color: #4a95eb; font-weight: 400;}
.m_sec6 .app_tit{font-size: 49px; color: #333; text-align: center; position: relative; top: 138px;}
.m_sec6 .btn_area{position: relative; top: 190px;}
.m_sec6 .btn{width:340px;margin:0 7px;}
.m_sec6 .btn_ios .sp{width:340px;height:98px;background:url(/resources/im/btn_m_ios.png) no-repeat}
.m_sec6 .btn_adr .sp{width:340px;height:98px;background:url(/resources/im/btn_m_aos.png) no-repeat}
.m_sec6 .txt_ios_cm{position: absolute; left: 50%; margin-left: -258px; color: #4a95eb; font-size: 18px;margin-top: 10px;}
.m_sec6 .txt_ios_cm .ic_cm{background: #4a95eb; width: 6px; height: 6px; border-radius: 3px; float: left; margin-top: 7px; margin-right: 4px;}
.m_comm1{position: relative; height: 1250px; background: #fff; text-align: center;}
.m_comm1 .camera_front{padding-top: 127px;}
.m_comm1 .comm_tit{position: relative; color: #444; font-size: 66px; line-height: 1.3; padding-top: 0px;}
.m_comm1 .comm_txt{position: relative; color: #777; font-size: 32px; line-height: 1.4; padding-top: 30px;}
.m_comm2{position: relative; height: 400px; background: #f0f0f0;}
.m_comm2 li{width: 100%; height: 400px; float: left; list-style: none;}
.m_comm2 .comm_txt {position: relative; margin-top: 75px;}
.m_comm2 .comm_txt li{width: 100%; height: auto; clear: both; font-weight:300;}
.m_comm2 .comm_txt li.com_img{text-align: center; margin: 10px 0;}
.m_comm2 .comm_txt li.com_stit{font-size: 32px; color: #333; text-align: center; line-height: 60px;}
.m_comm2 .comm_txt li.com_stxt{font-size: 20px; color: #777; text-align: center; line-height: 1.3;}
.m_comm2 .m_ar_L{position: absolute; left:32px; background:url(/resources/im/ic_m_left_ar.png) no-repeat; width:30px; height: 58px; top:168px;}
.m_comm2 .m_ar_R{position: absolute; right:32px; background:url(/resources/im/ic_m_right_ar.png) no-repeat; width:30px; height: 58px; top:168px;}
.m_comm3{position: relative; height: 1188px; background: #fff; text-align: center;}
.m_comm3 .video_txt{position: absolute; top: 0; left: 0; margin: 0 auto; width: 100%; z-index: 2;}
.m_comm3 .video_txt .comm_tit{position: relative; color: #444; font-size: 66px; line-height: 1.3; padding-top: 128px;}
.m_comm3 .video_txt .comm_txt{position: relative; color: #777; font-size: 32px; line-height: 1.4; padding-top: 30px;}
.m_comm3 .video_area.full{position:relative;width:100%;}
.m_comm3 .video_area.full video{width: 980px;}
.m_comm3 .video_none_area.full{position:absolute; width:100%; z-index: 1;}
.m_comm3 .video_none_area.full img{width: 980px;}
.m_comm4{position: relative; height: 1407px; background: #eee; text-align: center;}
.m_comm4 .video_txt{position: absolute; top: 0; left: 0; margin: 0 auto; width: 100%; z-index: 2;}
.m_comm4 .video_txt .comm_tit{position: relative; color: #444; font-size: 66px; line-height: 1.3; padding-top: 128px;}
.m_comm4 .video_txt .comm_txt{position: relative; color: #777; font-size: 32px; line-height: 1.4; padding-top: 30px;}
.m_comm4 .video_area.full{position:relative;width:100%;}
.m_comm4 .video_area.full_sh{margin-top: -130px;}
.m_comm4 .video_area.full video{width: 980px;}
.m_comm4 .video_none_area.full{position:absolute; width:100%; z-index: 1;}
.m_comm4 .video_none_area.full_sh{margin-top: -130px; padding-bottom: 130px;}
.m_comm4 .video_none_area.full img{width: 980px;}
.m_comm4 .share_lst{display:inline-block;overflow:hidden;vertical-align:top; position: relative; top: 380px; z-index: 2;}
.m_comm4 .share_lst .share{display:block;float:left;margin:0 13px;border-radius:50%;background:#fff;width: 108px; height: 108px;}
.m_comm4 .share_lst .share .ico{display:block;overflow:hidden;width:54px;height:54px;margin:27px;background:url(/resources/img/sp_share_m.png) no-repeat;text-indent:-999px}
.m_comm4 .share_lst .fb .ico{background-position:0 0}
.m_comm4 .share_lst .tw .ico{background-position:-54px 0}
.m_comm4 .share_lst .tb .ico{background-position:-108px 0}
.m_comm4 .share_lst .ka .ico{background-position:-162px 0}
.m_comm4 .share_lst .nb .ico{background-position:-216px 0}
.m_comm5{position: relative; height: 1268px; text-align: center;}
.m_comm5 .video_txt{position: absolute; top: 0; left: 0; margin: 0 auto; width: 100%; z-index: 1;}
.m_comm5 .video_txt .comm_tit{position: relative; color: #fff; font-size: 66px; line-height: 1.3; padding-top: 128px;}
.m_comm5 .video_txt .comm_txt{position: relative; color: #fff; font-size: 32px; line-height: 1.4; padding-top: 30px;}
.m_comm5 .phone_wrap{position:absolute;width:444px;height:779px;bottom:0;left:50%;margin-left:-222px;z-index:10}
.m_comm5 .phone_smart{padding:66px 16px 0 17px;background:url(/resources/img/img_m_phone.png) no-repeat;box-sizing:border-box}
.m_comm5 .phone_smart.is_fixed{position:fixed}
.m_comm5 .phone_layout{overflow:hidden;position:absolute;bottom:0;left:21px;width:402px;height:725px;background-color:#fff;}
.m_comm5 .phone_layout img{position:absolute;top:0;left:0;bottom:0;max-width:100%;}
.m_comm5 .phone_layout .phone_alert{top:auto;left:1px;bottom:0}
.m_comm6{position: relative; height: 1248px; text-align: center;}
.m_comm6 .video_txt{position: absolute; top: 0; left: 0; margin: 0 auto; width: 100%; z-index: 1;}
.m_comm6 .video_txt .comm_tit{position: relative; color: #fff; font-size: 66px; line-height: 1.3; padding-top: 128px;}
.m_comm6 .video_txt .comm_txt{position: relative; color: #fff; font-size: 32px; line-height: 1.4; padding-top: 30px;}
.m_comm6 .phone_wrap{position:absolute;width:444px;height:779px;bottom:0;left:50%;margin-left:-222px;z-index:10}
.m_comm6 .phone_smart{padding:66px 16px 0 17px;background:url(/resources/img/img_m_phone.png) no-repeat;box-sizing:border-box}
.m_comm6 .phone_smart.is_fixed{position:fixed}
.m_comm6 .phone_layout{overflow:hidden;position:absolute;bottom:0;left:21px;width:402px;height:725px;background-color:#fff;}
.m_comm6 .phone_layout img{position:absolute;top:0;left:0;bottom:0;max-width:100%;}
.m_comm6 .phone_layout .phone_alert{top:auto;left:1px;bottom:0}
.m_comm7{position: relative; height: 1254px; background: #fff; text-align: center;}
.m_comm7 .video_txt{position: absolute; top: 0; left: 0; margin: 0 auto; width: 100%; z-index: 1;}
.m_comm7 .video_txt .comm_tit{position: relative; color: #444; font-size: 66px; line-height: 1.3; padding-top: 128px;}
.m_comm7 .video_txt .comm_stit{position: relative; color: #4b96e6; font-size: 38px; padding-top: 80px;}
.m_comm7 .video_txt .comm_txt{position: relative; color: #777; font-size: 32px; line-height: 1.4; padding-top: 36px;}
.m_comm7 .image_filter{position:relative;width:870px;height:464px;top:680px; margin: 0 auto;}
.m_comm7 .image_filter [class^=filter_]{width:870px;height:464px;}
.m_comm7 .filter_before{position:relative;background:url(/resources/img/img_m_filter_before.jpg) no-repeat;z-index:20;}
.m_comm7 .filter_after{position:absolute;top:0;left:0;right:0;bottom:0;background:url(/resources/img/img_m_filter_after.jpg) no-repeat;z-index:10;}
.m_comm7 .btn_control_wrap{position:absolute;top:0;right:0;width:98px;height:100%;border-right:1px solid #4b96e6;z-index:20}
.m_comm7 .btn_control{overflow:hidden;position:absolute;width:98px;height:98px;top:50%;right:-49px;margin-top:-49px;line-height:102px;background:url(/resources/img/img_m_resizer.png) no-repeat;z-index:21;}
.m_comm8{position: relative; height: 925px; background: #4b96e6;}
.m_comm8 li{width: 100%; float: left; list-style: none;}
.m_comm8 .video_txt{position: absolute; top: 0; left: 0; margin: 0 auto; width: 100%; z-index: 1; text-align: center;}
.m_comm8 .video_txt .comm_tit{position: relative; color: #fff; font-size: 66px; line-height: 1.3; padding-top: 128px;}
.m_comm8 .video_txt .comm_txt{position: relative; color: #fff; font-size: 38px; line-height: 1.4; padding-top: 120px;}
.m_comm8 .m_ar_L{position: absolute; left:55px; background:url(/resources/im/ic_m_left_ar02.png) no-repeat; width:45px; height: 87px; top:336px;}
.m_comm8 .m_ar_R{position: absolute; right:55px; background:url(/resources/im/ic_m_right_ar02.png) no-repeat; width:45px; height: 87px; top:340px;}
.m_comm8 .install_img{position: absolute; left: 50%; margin-left: -300px; top:550px; z-index: 10;}
.m_comm9{position: relative; height: 1236px; background: #fff; text-align: center;}
.m_comm9 .video_txt{position: absolute; top: 0; left: 0; margin: 0 auto; width: 100%; z-index: 1;}
.m_comm9 .video_txt .comm_tit{position: relative; color: #444; font-size: 66px; line-height: 1.3; padding-top: 400px;}
.m_comm9 .camera_spec{position: relative; top: 520px; margin: 0 auto;}
.m_spec01{position: relative; padding: 0 54px; background: #fff; padding-bottom: 72px;}

/* spec */
.m_spec_list{display:table;width:100%;background:#fafafa; border-bottom:1px solid #e8e8e8;table-layout:fixed;border-collapse:collapse}
.m_spec_list:last-child{border-bottom:0}
.m_spec_tit{display:table-cell;position: relative;color:#333;width: 350px;  letter-spacing: -0.8px; text-align: left;font-family: 'Roboto', 'NanumBarunGothicUltraLight',nbg,'돋움',Dotum,'Apple SD Gothic Neo',sans-serif;font-size:38px; font-weight: 200; text-align:center;line-height:1.3; top: 10px; text-align: left; padding-left: 34px;}
.m_spec_tit em{font-family: 'Nanum Barun Gothic',nbg,'돋움',Dotum; font-weight: 300; font-size: 36px;}
.m_spec_tit img{margin-right: 10px;}
.m_spec_txt{font-size: 26px; color: #555; line-height: 1.6; padding:40px 0; letter-spacing: -0.6px;}

/* spec table*/
.m_tbl_spec_wrap{border:0px solid #aaa;border-width:1px 0}
.m_tbl_spec_wrap .tbl_spec{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left}
.m_tbl_spec th,.m_tbl_spec td{padding:10px 30px 9px;border-top:1px solid #e6e6e6;font-size:24px;line-height:54px;}
.m_tbl_spec tr:first-child th,.m_tbl_spec tr:first-child td{border-top:0}
.m_tbl_spec th{background:#fafafa;font-weight:normal}

.comm_move{position: absolute; top: 480px; margin-left: -55px; left: 50%;}
.comm_move button{width: 20px; height: 20px; border-radius: 10px; background: #fff; opacity: 0.4; margin: 0 8px;}
.comm_move button.on{width: 20px; height: 20px; border-radius: 10px; background: #fff; margin: 0 8px; opacity: 1;}

.market_go{background: #f0f0f0; position: relative; height: 286px;}
.market_go .market_go_tit{font-size: 41px; color: #333; left: 85px; top: 96px; position: absolute;}
.market_go .market_go_txt{ left: 85px; top: 168px; position: absolute;}
.market_go .market_go_txt a{font-size: 32px; color: #4b96e6;}
.market_go .market_go_txt img{position: relative;margin-left: 10px; margin-top: 2px;}
.market_go .market_go_img{position: absolute; top: 0; right: 50px; bottom: 0;}

#footer_m{position: relative; height:340px;background:#262626; width: 100%; padding: 0px; margin: 0px;}
.inr_m{overflow:hidden; padding: 0px;}
.inr_m .f_m_logo{position: relative; left: 50%; margin-left: -70px; opacity: 0.7;}
.inr_m .f_m_info{position: relative; left: 50%; margin-left: -228px; margin-top: 96px;}
.inr_m address{display:block; color: #777; text-align: center; font-size: 19px; font-weight: lighter; margin-bottom: 46px; margin-top: 14px;}
.lst_m_footer{overflow:hidden;}
.lst_m_footer li{position:relative;float:left;font-size:19px; color:#777;}
.lst_m_footer li:after{position:absolute;left:0;top:2px;width:2px;height:19px;background:#3e3e3e;content:''}
.lst_m_footer li:first-child{margin:0px}
.lst_m_footer li:first-child:after{background:none}
.lst_m_footer li a{display:block;padding:0px 16px;color:#777}


/* share area */
#wrap_share {background: #ededed; width: 100%; height: 100%;}
#share_container {margin: 0px; padding: 13px;}
#share_content{position: relative; background: #fff; box-shadow:0 4px 8px rgba(0,0,0,.1) }
.bg_pattern{height: 5px; background: url(/resources/im/bg_pattern2.png) repeat-x;}
.sh_logo{position: relative; margin: 52px 0 66px 40px;}
.sh_tit{margin: 0 40px; font-size: 52px; color: #333333; line-height: 1.3; letter-spacing: -0.8px; margin-bottom: 44px;}
.sh_tit span{color: #4a95eb;}
.sh_tit_m{margin: 0 40px; font-size: 44px; color: #333333; line-height: 1.3; letter-spacing: -0.8px; margin-bottom: 14px;}
.sh_tit_m span{color: #4a95eb;}
.sh_tit_m2{margin: 0 40px; font-size: 36px; color: #333333; line-height: 1.3; letter-spacing: -0.8px; margin-bottom: 44px;}
.sh_tit_m2 span{color: #4a95eb;}
.sh_txt{margin: 0 40px; font-size: 23px; color: #999; line-height: 1.6;}
.sh_txt .sh_ic{width: 4px; height: 4px; background: #ccc; border-radius: 2px; float: left; margin-top: 12px; margin-right: 5px;}
.ic_camera_img{text-align: center; margin: 56px 0 80px;}
.sh_btn{position: relative; background: #f7f7f7; padding: 34px 0; text-align: center; border-top:1px dashed #ededed;}
.sh_btn button.btn_share{background: #4a95eb; width: 296px; text-align: center; line-height: 80px; border-radius: 2px; margin: 0 12px;}
.sh_btn span{color: #fff; font-size: 28px;}
.sh_footer{text-align: center; font-size: 14px; color: #aaa; line-height: 20px;}

#wrap_share_web {background: #ededed; width: 100%; height: 100%;}
#share_container_web {margin: 0px auto; width: 985px; padding-top: 100px; }
#share_content_web{position: relative; background: #fff; box-shadow:0 4px 8px rgba(0,0,0,.1) }
.sh_logo_web{position: relative; margin: 56px 0 56px 60px;}
.sh_tit_web{margin: 0 60px; font-size: 40px; color: #333333; line-height: 1.3; letter-spacing: -0.8px; margin-bottom: 36px;}
.sh_tit_web span{color: #4a95eb;}
.sh_txt_web{margin: 0 60px; font-size: 15px; color: #999; line-height: 1.6; margin-bottom: 196px;}
.sh_txt_web .sh_ic{width: 4px; height: 4px; background: #ccc; border-radius: 2px; float: left; margin-top: 12px; margin-right: 5px;}
.ic_camera_img_web{position: absolute; z-index: 10; top: 241px; right: 90px;}
.sh_btn_web{position: relative; background: #f7f7f7; padding: 26px 0; text-align: center; border-top:1px dashed #ededed;}
.sh_btn_web button.btn_share{background: #4a95eb; width: 246px; text-align: center; line-height: 50px; border-radius: 2px; margin: 0 6px;}
.sh_btn_web span{color: #fff; font-size: 18px;}
.sh_footer_web{font-size: 12px; color: #aaa; line-height: 50px;}


/*store*/
.store_area{width: 1160px; margin: 80px auto 180px; overflow: hidden; }
.store_area h2{font-size: 40px; color: #4b96e6; line-height: 80px; border-bottom: 1px solid #ccc; margin-bottom: 50px; font-weight: 400;}
.store_area .store_img{position: relative; left: 0px; float: left;}
.store_area .store_txt{position: relative; width: 780px; height: 700px; background: #fff; float: left;}
.store_area .store_txt .cloud_camera_area{width: 620px; margin: 0 auto; border-bottom: 1px solid #e5e5e5; padding-bottom: 70px;}
.store_area .store_txt .cca_bt{border: 0px;}
.store_area .store_txt .cloud_camera_area li.tit{font-size: 36px; color: #333333; line-height: 90px; margin-top:39px; font-weight: 400;}
.store_area .store_txt .cloud_camera_area li.tit span{color: #4b96e6;}
.store_area .store_txt .cloud_camera_area li.txt{font-size: 16px; color: #777; line-height: 25px; font-weight: 400;}
.store_area .store_txt .cloud_camera_area li.txt span{color: #ff4747;}
.store_area .store_txt .cloud_camera_area li select{padding: 0 0 0 20px; border:1px solid #aaa; font-size: 18px; color: #333333; height: 60px; width: 200px; margin-top: 40px; margin-right: 6px;  background: url(/resources/im/select_arrow.png) no-repeat 88% 50%; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.store_area .store_txt .cloud_camera_area li select::-ms-expand {display: none;}
.store_area .store_txt .cloud_camera_area li button{position: relative; margin-top: 40px;  top: -1px; width: 200px; height: 60px; border-radius: 2px; background: #4b96e6; font-size: 18px; color: #fff;}
.store_area .store_txt .cloud_camera_area li button img{position: relative; vertical-align: middle; margin-left: 5px; top:-1px;}


/*B2B*/
.gp_tit{margin-top: 45px;}
.gp_tit h2{font-size: 24px; color: #333;}
.gp_tit .gp_TR{position: absolute; right: 60px; margin-top: -30px;}
.gp_tit .gp_TR button{padding: 0 30px; font-size: 14px; color: #fff; height: 34px; line-height: 34px; border-radius: 2px;}
.gp_tit .gp_TR button.gp_delete{background: #b7b7b7;}
.gp_tit .gp_TR button.gp_revise{background: #4b96e6;}
.gp_tit .gp_TR .share_num{position: absolute; right: 235px; margin-top: -32px;}
.gp_tit .gp_TR .share_num span{position: absolute; color: #4f98e4; font-size: 18px; margin-top: 5px; right: -28px;}
.gp_list{font-size:14px;color:#333333;margin-top: 20px;}
.gp_list td{line-height:3.0;}
.gp_list td a{display:block;padding:11px 0 10px}

.gp_vt table{width:100%;border-top:1px solid #f4f4f4;clear:both;table-layout:fixed}
.gp_vt tbody{background: #fff;}
.gp_vt th,.gp_vt td{border:0;vertical-align:middle}
.gp_vt th{height:40px;background:#7c7c7c url(/resources/img/customer/splf_cs.png) no-repeat 0 0px;font-size:14px;font-weight:500;color:#fff;text-align:center}
.gp_vt th:first-child{background:#7c7c7c}
.gp_vt td{height:50px;border-bottom:1px solid #f4f4f4;font-size:14px;color:#999; text-align: center;}
.gp_vt .on{height:50px;border-bottom:1px solid #f4f4f4;font-size:14px;color:#4b96e6; text-align: center; text-decoration: underline; cursor: pointer;}
.gp_vt .on:hover{color:#2970bc;}


/* error */
.error_area{width: 100%; text-align: center; font-size: 25px; font-weight: 500px; color: #333333; line-height: 3.0; padding: 250px 0;}

@media screen and (max-width:1500px) {
    .timeline_date li button{padding:4px}
    .timeline_date li.on button{padding: 0 6px;}
}
@media screen and (max-width:1400px) {
    .timeline_date li button{padding:3px}
}
.toggle_timeline{z-index: -1;}
.dot_str{display:inline-block;width:3px;height:3px;background-color:#b2b2b2;margin-right:6px;margin-bottom:3px;border-radius:5px;}
.inp_box.coupon_number{height:50px;}
.inp_box.coupon_number:focus-within{border:solid 1px #858585;}
.inp_box.coupon_number input{font-size:16px; padding-left:12px;}
.inp_box.coupon_number input::-webkit-input-placeholder{font-size:16px;}
.inp_box.coupon_number input::-moz-placeholder{font-size:16px;}
.inp_box.coupon_number input::-ms-input-placeholder{font-size:16px;}
.cloud_regist_btn:lang(ja){font-size: 11px !important; width:160px !important;}

.unsupport_noti {position:absolute;top:0px;left:0px;width:96%;height:40px;background-color:#303030;font-size:13px;color:#ffffff;line-height:20px;padding:2%;opacity:0.9;}

#tc_footer_inner {width:100%!important; box-sizing:border-box; min-width:1175px;}

.top_btn {z-index:99999999; position:fixed; right:20px; bottom:20px; width:60px; height:60px; cursor:pointer;}

.v_modal_dialog {position:fixed; display:table; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:999;}
.v_modal_dialog .dlg_wrap {display:table-cell; text-align:center; vertical-align:middle; width:100%; height:100%;}
.v_modal_dialog .dlg_wrap .content {position:relative; background-color:#fff; padding:0px; margin: 0 auto;}
.v_modal_dialog .dlg_wrap .btn_close {position:absolute; right:24px; top:30px; background:url(/resources/img/sp_toastcam_201710.png) no-repeat; background-position: -117px -288px; width:18px; height:18px;}

.tip_area h4 {
    font-size:20px; color:#262626; text-align:left; margin-bottom:22px;
}
.tip_area h4 img {
    margin: 1px 8px 0 0;
}
.tip_area .tip_img {
    margin-bottom:20px;
}
.tip_area .tip_btn_wrap {
    border-bottom: 1px solid #d8d8d8; padding-bottom:6px; text-align:left;
}
.tip_area .tip_btn_wrap .tip_btn_cont_wrap {
    display: inline-block;
    width: 196px;
    text-align: left;
    margin-bottom: 14px;
}
.tip_area .tip_btn_wrap .tip_btn_cont_wrap:lang(ja) {
    width:200px;
}
.tip_area .tip_btn_wrap .tip_txt {
    font-size:14px; color:#262626; display:inline-block; padding:11px 0 0 12px;
}
.tip_area .tip_btn_wrap .tip_txt:lang(ja) {
    padding-left:6px; font-size:11px;
}
.tip_area .tip_key_fb {
    border-bottom: 1px solid #d8d8d8; padding-bottom:13px; text-align:left;
}
.tip_area .tip_key_fb span {
    display: inline-block; line-height:18px; padding: 10px 0 0 6px;
}
.tip_area .tip_key_fb span:lang(ja) {
    font-size:11px;
}
.tip_area .tip_space {
    border-bottom: 1px solid #d8d8d8; margin-top:13px; padding-bottom:13px; text-align:left; margin-bottom:36px;
}
.tip_area .tip_space span {
    display: inline-block; padding: 20px 0 0 6px;
}
.tip_area .confirm_btn {
    width:150px; height:50px; border-radius:25px; background-color:#4b96e6; color:#ffffff; font-size:16px;
}
.play_tips_icon {
    position:absolute; width:40px; height:40px; right:12px; top:9px; background:url(/resources/img/btn-player-tips.svg) no-repeat; background-position:center; z-index:9999; cursor:pointer;
}
.play_tips_icon:hover {background-color:rgba(0,0,0,0.2); border-radius:40px;}

.camera_list_wrap {
    position:relative;
    background-color:#ffffff;
    height: 9.2vw;
    min-height: 127px;
    max-height: 172px;
    margin-top:8px;
}
.camera_list_wrap ul {
    display:inline-block;
    width:100%;
    /* padding-top: 64%; */
    height:100%;
    text-align:left;
    padding: 20px 4% 12px 4%;
    box-sizing:border-box;
}
.camera_list_wrap .camera_wrap {
    position: relative;
    width: 13.4%;
    height: 76%;
    margin-right: 1%;
    display:inline-block;
    cursor:pointer;
}
.camera_list_wrap .camera_wrap:last-child {
    margin-right:0px;
}
.camera_list_wrap .camera_wrap img {
    width: 100%;
    height: 100%;
    cursor:pointer;
}
.camera_list_wrap .camera_wrap .lst_dim {
    position:absolute;
    left:0px;
    top:0px;
    background-color:#000000;
    opacity:0.6;
    width:100%;
    height:100%;
    display:none;
}
.camera_list_wrap .camera_wrap.has_error .lst_dim {
    display:block;
}
.camera_list_wrap .camera_wrap.has_focus .lst_thumb {
    border: 3px solid #4b96e6;
    box-sizing: border-box;
}
.camera_list_wrap .camera_wrap.has_focus .lst_camera_name {
    top: 2px;
}
.camera_list_wrap .camera_wrap.has_focus .lst_dim {
    margin-left: 2px;
    margin-top: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}
.camera_list_wrap .camera_wrap .lst_camera_name {
    padding-top:10px;
    font-size:14px;
    color:#444444;
    width: 100%;
    height: 32px;
    box-sizing: border-box;
    text-align:center;
}
.camera_list_wrap .camera_wrap .lst_camera_name span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.camera_list_wrap .camera_wrap.has_error .lst_camera_name {
    background: none;
}
.camera_list_wrap .camera_wrap .lst_txt_off {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    text-align:center;
    display:none;
}
.camera_list_wrap .camera_wrap.has_error .lst_txt_off {
    display:block;
}
.camera_list_wrap .camera_wrap .lst_txt_off img {
    width:22px;
    height:22px;
    padding-top: 22%;
}
.camera_list_wrap .camera_wrap .lst_txt_off p {
    font-size: 11px;
    padding: 5px 10px 0;
    color:#999;
}

.camera_list_wrap .left_cursor {
    width:30px; height:30px; position:absolute; left:0px; top:35%; cursor:pointer; background:url(/resources/img/btm-clipntimelaps-prev-disabled.png) no-repeat;
}
.camera_list_wrap .right_cursor {
    width:30px; height:30px; position:absolute; right:0px; top:35%; cursor:pointer; background:url(/resources/img/btm-clipntimelaps-next-disabled.png) no-repeat;
}
.camera_list_wrap .left_cursor.btn_enable {
    background:url(/resources/img/btm-clipntimelaps-prev-arrow.png) no-repeat;
}
.camera_list_wrap .right_cursor.btn_enable {
    background:url(/resources/img/btm-clipntimelaps-next-arrow.png) no-repeat;
}
.cam_label {
    position:absolute; left:0px; top:0px; height:104px; width:100%; box-sizing:border-box; padding-left:20px; padding-top:16px; font-size: 16px; z-index: 2; color: white; background:url(/resources/img/img-camera-area-top-shadow.png) repeat; background-size:contain;
}
.cam_label .shop_link {
    cursor:pointer;
}

.full_lst_thumb {
    position:relative; curosr:pointer;
}
.full_lst_thumb .lst_dim {
    position:absolute;
    left: 1px;
    top: 6px;
    background-color:#000000;
    opacity:0.6;
    width: 130px;
    height: 80px;
    display:none;
    curosr:pointer;
}
.full_lst_thumb.has_error .lst_dim {
    display:block;
}
.full_lst_thumb.has_focus .lst_dim {
    left: 3px;
    width: 126px;
    top: 8px;
    height: 76px;
}
.full_lst_thumb .lst_camera_name {
    position:absolute;
    left: 0px;
    top: 0px;
    padding-left:8px;
    padding-top:10px;
    font-size:13px;
    color:#ffffff;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
    background:url(/resources/img/camera-thumb-shadow.png) repeat;
    width: 100%;
    height: 32px;
    box-sizing: border-box;
    curosr:pointer;
}
.full_lst_thumb .lst_camera_name span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.full_lst_thumb.has_error .lst_camera_name {
    background: none;
}
.full_lst_thumb .lst_txt_off {
    position:absolute;
    left:0px;
    top: 33px;
    width: 100%;
    height: 22px;
    text-align:center;
    display:none;
    curosr:pointer;
}
.full_lst_thumb.has_error .lst_txt_off {
    display:block;
}
.selected_event {background: #f9f9f9;}
.clip_share_btn {position:relative; left:-120px; width:234px; height:32px; background-color:#4b96e6; color:#ffffff; margin-top:12px;}
.clip_share_btn .clip_img {display:inline-block; background:url(/resources/img/ic-add-clipntimelaps.png) no-repeat; width:20px; height:20px; margin:-4px 8px -6px 0;}
.cam_menu_list {position:absolute; width:200px; right:16px; bottom:60px; text-align:left;}
.cam_menu_list li {width:100%; height:36px; background:#262626; opacity:0.9; color:#ffffff; font-size:13px; font-weight:200; padding:10px 15px; box-sizing:border-box; cursor:pointer;}
.cam_menu_list li:hover {background:#555555;}
.cam_menu_list li .cam_status_icon {display:inline-block; float:right; width:28px; height:16px; background:url(/resources/img/btn-toggle-off-28.png) no-repeat;}
.cam_menu_list li .cam_status_icon.camera_on {background:url(/resources/img/btn-toggle-on-28.png) no-repeat;}
.toggle_btn {background:url(/resources/img/btn-alarm-off.png) no-repeat; width:54px; height:38px; float:right;}
.toggle_btn.on {background:url(/resources/img/btn-alarm-on.png) no-repeat;}
.camdtl_view .cam_ctrl .cam_ctrl_dim {position:absolute; height:61px; width: 100%; bottom:0px; background:url(/resources/img/img-camera-area-bottom-shadow.png) repeat-x;}

.cloud_out_small {
    position:relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: left;
    background-color:rgba(255,255,255,0.9);
}
.cloud_out_small img {
    display: inline-block; width:56px; height:56px; margin-left:40px; margin-top:51px;
}
.cloud_out_small img:lang(ja) {
    margin-top: 55px;
}
.cloud_out_small.full_mode img {
    width:40px; height:40px; margin-top:18px;
}
.cloud_out_small .txt_wrap {
    display: inline-block; width:600px; margin-left:22px; margin-top:56px;
}
.cloud_out_small .txt_wrap:lang(ja) {
    margin-top: 55px;
}
.cloud_out_small.full_mode .txt_wrap {
    margin:29px 0 0 16px;
}
.cloud_out_small.full_mode .txt_wrap:lang(ja) {
    margin-top:25px;
}
.cloud_out_small .txt_wrap .purchase_txt {
    cusor:pointer;
    display:inline-block;
    margin-top:11px;
}
.cloud_out_small.full_mode .txt_wrap .purchase_txt {
    margin-top:0;
}
.cloud_out_small .txt_wrap .purchase_txt span {
    font-size:16px; color:#262626; float:left; font-weight:bold; cursor:pointer;
}
.cloud_out_small .txt_wrap .purchase_txt span:lang(ja) {
    margin-top:-2px;
}
.cloud_out_small .txt_wrap .purchase_txt button {
    background:url(/resources/img/ic-banner-arrow-blue.png) no-repeat; width:26px; height:16px; margin-left:6px; margin-top:1px;
}
.cloud_out_small .txt_wrap .info_txt {
    font-size:16px; color:#444444;
}
.cloud_out_small .close_btn {
    position:absolute; top:20px; right:20px; background:url(/resources/img/btn-close-alert.png) no-repeat; width:20px; height:20px;
}
.cloud_noti_small .cloud_icon {
    width:20px; height:20px; margin-right:8px; margin-top:11px;
}
.cloud_noti_small .cloud_info_desc {
    font-size:13px; color:#444444; margin-right:8px;
}
.cloud_noti_small .cloud_buy_desc {
    font-size:13px; font-weight:bold; color:#444444; margin-right:4px; cursor:pointer;
}
.cloud_noti_small .arrow_icon {
    width:10px; height:16px; margin-top:13px; cursor:pointer;
}
.lst_video li span.receive_count {
    float:none; display:inline-block; color:#4b96e6; padding:5px 3px 0 3px;
}
.calendar_select_full .calendar_open_area {
    margin-top:-27px;
}
.calendar_select_full .time_icker {
    margin-top:-27px;
}
.share_cam_img {
    background:url(/resources/img/ic-share-camera-normal.png) no-repeat; width:56px; height:56px; margin:0 auto;
}
.share_cam_tit {
    color:#444444; font-size:20px; margin-top:9px;
}
.share_cam_owner {
    color:#777777; font-size:14px; line-height:24px;
}
.share_cam_count {
    color:#4a96e6; font-size:16px; margin-top:17px;
}
.ly_pop .btn_box .btn_b.share_remove_btn {
    border:1px solid #d6d6d6; color:#494949; background:#ffffff;
}
.share_guide_desc {
    margin-top:12px;
}
.share_guide_desc .guide_dot_mark {
    display:inline-block; width:3px;height:3px;background:#999999; margin:0 5px 3px 0;
}
.share_guide_desc .guide_txt {
    font-size:12px; line-height:22px; color:#777777;
}
.floating_ban_bx{position:fixed;bottom:195px;right:50px;z-index:1000}
.floating_ban{position:absolute;top:0;right:0;z-index:1001}
.floating_ban img{display:inline-block;width:200px;height:auto;vertical-align:top}
.floating_ban_on{position:absolute;bottom:-140px;right:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s}
.floating_ban_on img{display:inline-block;width:0px;height:0px;vertical-align:top;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s}
@media only screen and (max-width: 1600px) {
    .floating_ban_bx{bottom:170px;right:20px}
}

.setting_wrap>ul>li.play_limit_set_wrap {
    position: relative;
    height: 76px;
}
.setting_wrap>ul>li.play_limit_set_wrap .tit {
    vertical-align: top;
    padding-top: 8px;
    font-size: 14px;
    color: #494949;
}
.setting_wrap>ul>li.play_limit_set_wrap .tit_info {
    left: 21px;
    bottom: 17px;
    font-size: 13px;
    color: #777777;
}
.setting_wrap.is--empty {
    position: relative;
    text-align: center;
}
.setting_wrap .camera-empty {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 14px;
    color: #262626;
    transform: translate(-50%,-50%);
}
.main_header .toast_top_menu .buy_cam_btn.white_bg,
.main_header.is_not_main .toast_top_menu .buy_cam_btn:lang(ja),
.main_header.ja_gnb_scroll .toast_top_menu .buy_cam_btn,
.scroll_move .toast_top_menu .buy_cam_btn {
    background-color: #fff;
    color: #4b96e6;
}

.toast_msg {position:absolute;font-size:14px;text-align:center;bottom:20px;width:100%;left:50%;transform:translateX(-50%)}
.toast_msg span {display: inline-block;background: #444444;color: #ffffff;padding: 12px 16px;}
.toast_msg.is--round span {
    border-radius: 4px;
    line-height: 20px;
}


/* designvii _ CS center */
.cscenter #content{padding-top:187px }

/*고객센터 추가 _ 디자인비*/


	.inqueryNewPC { }
	.inqueryNewPC .tit_route_gd { position: absolute; right:0; top:30px; font-size: 14px; color:#777; font-weight: normal; width: 300px; text-align: right;}

	.inqueryNewPC .s_tit_area{position:relative;padding:55px 0 15px !important;border-bottom:0}


	.inqueryNewPC .tit_sub { font-size: 40px; color:#4b96e6; border-bottom:1px solid #ccc; padding-bottom: 15px; margin-top: 7px;}
	.inqueryNewPC .bl_ess { display: inline-block; overflow: hidden; width: 9px; height: 10px;
		 background: url(/resources/im/sp_cs2.png) no-repeat; background-position: -93px -17px;}
	.inqueryNewPC .bl_ess_no { background-position: -103px -17px; width: 9px; height: 10px;}
	.inqueryNewPC .ess .bl_ess { margin: 0px 3px 0 0;}
	.inqueryNewPC .ess.mt { margin-bottom: 9px}
	
	.inqueryNewPC  table { border-top:3px solid #555;width: 100%;}
	
	.inqueryNewPC  th {width: 180px; background: #eeeeee; border-bottom:1px solid #e6e6e6; padding: 29px 0 27px 20px; text-align: left;}
	.inqueryNewPC  td {margin: 10px; background: #f4f4f4; border-bottom:1px solid #e6e6e6; padding:20px 10px 20px 30px;}
	
	.inqueryNewPC  select { display: inline-block; border:1px solid #ddd; background: #fff; 
		font-size: 14px; height: 40px; padding: 8px 4px 4px 8px;}
	
	.inqueryNewPC  input[type="text"] { display: inline-block; border:1px solid #ddd; background: #fff; 
		font-size: 14px; width:auto;  padding: 11px;}
	
	.inqueryNewPC  textarea { display: inline-block; border:1px solid #ddd; background: #fff; 
		font-size: 14px; padding: 11px;}
	
	.inqueryNewPC  .thin_ic { font-size:14px; color:#333; text-align: left; font-weight: 600;}
	
	.inqueryNewPC  .filebox input[type="file"] {
	  position: absolute;
	  width: 0;
	  height: 0;
	  padding: 0;
	  overflow: hidden;
	  border: 0;
	}
	
	.inqueryNewPC .tip-file { padding:11px 0 3px 22px !important ; color:#999;  font-size: 13px;background: url(/resources/img/ico_notice.png) no-repeat left 8px; }/**/


	.inqueryNewPC .filebox label {
	  display: inline-block;
	  padding: 9px 20px;
	  color: #fff;font-size: 14px;
	  vertical-align: middle;
	  background-color: #4b96e6;
	  cursor: pointer;
	  border: 1px solid #ddd;
	  border-radius: 1px; margin-left: 5px;
	}

	/* named upload */
	.inqueryNewPC .filebox .upload-name {
	  display: inline-block;
	  height: 35px;
	  font-size:14px; 
	  padding: 0 10px;
	  vertical-align: middle;
	  background-color: #fff;
	  border: 1px solid #ebebeb;
	  border-radius: 1px; width:calc(53% - 22px);
	}
	
	.inqueryNewPC .W50{width:53% !important; box-sizing: border-box;}
	.inqueryNewPC .W100{width:100% !important; box-sizing: border-box;}
	.inqueryNewPC .W30{width:30% !important; box-sizing: border-box;}
	.inqueryNewPC .W40{width:40% !important; box-sizing: border-box;}
	.inqueryNewPC .W20{width:calc(26.3% - 15px) !important; box-sizing: border-box;}
	.inqueryNewPC .W70{width:70% !important; box-sizing: border-box;}


   .inqueryNewPC .agreetxt {padding:24px 0 30px 22px; font-size: 13px; line-height: 140%; color:#999;background: url(/resources/img/ico_notice.png) no-repeat left 23px;}
   .inqueryNewPC .agreetxt b{ font-size: 1.2em; font-weight: bold;}
	
	.inqueryNewPC input[id="agree1"] + label {
				display: inline-block;
				width: 20px;
				height: 20px;
				background: #fff; border: 1px solid #ddd;
				cursor: pointer;
			}
	.inqueryNewPC input[id="agree1"]:checked + label {
				 background: url("/resources/img/ico_check.png") #4b96e6 no-repeat center center; background-size: 80%; border: 1px solid #4b96e6 !important;
			}
	.inqueryNewPC input[id="agree1"] {
				display: none;
			}
	.inqueryNewPC .cs-agree  span{ position: absolute; display: inline-block; margin:2px 0 0 28px;}

	.inqueryNewPC .btn-confirm { position: relative; display: block; width:200px; text-align: center;  border-radius: 35px; padding: 20px 0; background:#4b96e6; margin-top: 50px; margin-left: calc(50% - 100px);}

	.inqueryNewPC .btn-confirm button { color: #fff !important; font-size: 18px; }
	
	.inqueryResult {width:100%; margin-left: 0px; margin-top: 10vh; min-height: 600px; text-align: center; }/* margin-left: calc(10% - 228px); */
	.inqueryResult p {font-weight: bold; font-size:24px; color:#565960; padding-bottom: 20px;}
	.inqueryResult span {margin-top: 22px; color:#565960; font-size: 14px; line-height: 1.4;}
	.inqueryResult .resultbtns {border-top:1px solid #ccc; padding: 50px 0; text-align: center; margin-top: 55px;}
	.inqueryResult .resultbtns .btnblue {display: inline-block; padding: 0 45px; height: 60px; line-height: 60px; background: #4b96e6; font-size: 16px; color:#fff; font-weight: bold; border-radius: 45px;}
	.inqueryResult .resultbtns .btngrey {display: inline-block;padding: 0 45px; height: 60px; line-height: 60px; background: #aaaaaa; font-size: 16px; color:#fff; font-weight: bold; border-radius: 45px; margin-left: 20px;} 
/*inquiry Mobile _ START */

.inqueryNew { }
	.inqueryNew .tit_route_gd { position: absolute; right:0; top:30px; font-size: 14px; color:#777; font-weight: normal; width: 300px; text-align: right;}

	.inqueryNew .s_tit_area{position:relative;padding:55px 0 15px !important;border-bottom:0}


	.inqueryNew .tit_sub { font-size: 40px; color:#4b96e6; border-bottom:1px solid #ccc; padding-bottom: 15px; margin-top: 7px;}
	

.inqueryNew .bl_ess { display: inline-block; overflow: hidden; width: 9px; height: 10px;
		 background-position: -93px -57px !important;background:url(/resources/img/sp_cs.png) no-repeat; }
	.inqueryNew .bl_ess_no { background-position: -103px -17px; width: 9px; height: 10px;}
	.inqueryNew .ess .bl_ess { margin: 0px 3px 0 0;}
	.inqueryNew .ess.mt { margin-bottom: 9px}

	.inqueryNew  table { border-top:3px solid #555;width: 100%;}
	
	.inqueryNew  th {width:126px !important; background: #fff !important;border-bottom:1px solid #e6e6e6;padding: 5px 0 5px 10px !important;  text-align: left;}
	.inqueryNew  td {margin: 10px;  background: #fff !important;border-bottom:1px solid #e6e6e6; padding: 5px 0 5px 10px !important;}
	
	.inqueryNew  select { display: inline-block; border:1px solid #ddd; background: #fff; 
	height:28px; font-size: 13px !important;padding: 8px 4px 4px 8px; background:url(/resources/img/ico-select.png) no-repeat ; background-position: 95% center;
	-webkit-appearance: none;
	-moz-appearance: none; 
	appearance: none;

}
	.inqueryNew  input[type="text"] { display: inline-block; border:1px solid #ddd; background: #fff; 
		height:28px; font-size: 13px !important;  width:auto; padding:0 11px;
		appearance: none; 
		-webkit-appearance: none;
		-webkit-border-radius: 0;}
	
	.inqueryNew  textarea { display: inline-block; border:1px solid #ddd; background: #fff; 
		font-size: 14px; padding: 11px;}
	
	.inqueryNew  .thin_ic { font-size:13px !important;color:#333; text-align: left; font-weight: 600;}
	
	.inqueryNew  .filebox input[type="file"] {
	  position: absolute;
	  width: 0;
	  height: 0;
	  padding: 0;
	  overflow: hidden;
	  border: 0;
	}
	
	.inqueryNew .tip-file 
	{ padding: 9px 0 3px 18px !important; color:#999;  font-size: 13px;background: url(/resources/img/ico_notice.png) no-repeat left 8px;background-size: 14px;  }


	.inqueryNew .filebox label {
		
	  display: inline-block;
	   padding: 0 5px;
	  color: #fff;
	  vertical-align: middle;
	  background: #999; color:#fff; font-size: 13px;line-height:28px;height:28px;
	  cursor: pointer;
	  border:none;
	  border-radius: 1px; margin-left: 5px;
	}

	/* named upload */
	.inqueryNew .filebox .upload-name {
	  width:calc(100% - 102px) !important;
	  height:28px; font-size: 13px !important; 
	  display: inline-block;
	  font-size:14px; 
	  padding: 0 10px;
	  vertical-align: middle;
	  background-color: #fff;
	  border: 1px solid #ebebeb;
	  border-radius: 1px; width:calc(53% - 22px);
	}
	
	.inqueryNew .W50{width:calc(100% - 16px) !important;}
	.inqueryNew .W55{width:calc(100% - 40px) !important;}
	.inqueryNew .W100{width:100% !important; box-sizing: border-box;}
	.inqueryNew .W20{width: calc(100% - 167px) !important;}
	
	.inqueryNew .W60 {width: calc(100% - 40px) !important;}

	.inqueryNew .agreetxt {margin:	10px; padding: 0;background-position:top left; background-size: 14px; padding-left: 21px;
background: url(/resources/img/ico_notice.png) no-repeat left 2px;background-size: 14px; }
   .inqueryNew .agreetxt b{ font-size: 1.2em; font-weight: bold;}
	
	.inqueryNew input[id="agree1"] + label {
				display: inline-block;
				width: 20px;
				height: 20px;
				background: #fff; border: 1px solid #ddd;
				cursor: pointer;
			}
	.inqueryNew input[id="agree1"]:checked + label {
				 background: url("/resources/img/ico_check.png") #4b96e6 no-repeat center center; background-size: 80%; border: 1px solid #4b96e6 !important;
			}
	.inqueryNew input[id="agree1"] {
				display: none;
			}
	.inqueryNew .cs-agree  span{ position: absolute; display: inline-block; margin:2px 0 0 28px;}

	.inqueryNew .btn-confirm { position: relative; display: block;width:calc(100% - 20px) !important; text-align: center;  border-radius:3px; padding: 20px 0; background:#4b96e6; margin-top: 20px;margin-left: 10px; }

	.inqueryNew .btn-confirm button { color: #fff !important; font-size: 14px; }
	

/*inquiry Mobile _ END */

#FAQlist .list {
  list-style: none;
  padding: 0;
}
#FAQlist .list > li {
  padding: 0;
}
#FAQlist .list-checkbox {
  display: none;
}
#FAQlist .title {
  padding: 30px 20px;
  margin: 0;
  border-bottom:1px solid #f4f4f4;
  background: #fff; font-size: 15px;
  cursor: pointer;
  display: flex;
}


#FAQlist .title .W01 { width:80px;}
#FAQlist .title .W02 { width:121px;}
#FAQlist .title .W03 { width:94px;}
#FAQlist .title .W04 { width:134px;}
#FAQlist .title .W05 { width:141px;}
#FAQlist .title .W06 { width:168px;}
#FAQlist .title .W07 { width:67px;}


#FAQlist .title span { display: inline-block; padding-right: 40px; color: #222;}
#FAQlist .desc {
  max-height: 0; background:#f9f9f9;  color:#666; font-size: 14px; padding-left: 30px; line-height: 150%;
  overflow: hidden;  transition: 0.5s;
}
#FAQlist .desc > div {
  margin: 10px; padding: 20px 0; line-height: 160%;
}
#FAQlist .list-checkbox:checked + .title + .desc {
  max-height: 1000px;}

#FAQlist input[id=list-input11-8]:checked+label { color:#4a95eb;}

#FAQlist .nodata {background: #fff; min-height: 300px; line-height: 300px; text-align: center; font-size:23px;}

	
#FAQlist input[id=list-input11-1]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input11-2]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input11-3]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input11-4]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input11-5]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input11-6]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input11-7]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input11-8]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input11-9]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input11-10]:checked+label {color:#4a95eb;}
	
#FAQlist input[id=list-input21-1]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input21-2]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input21-3]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input21-4]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input21-5]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input21-6]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input21-7]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input21-8]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input21-9]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input21-10]:checked+label {color:#4a95eb;}

#FAQlist input[id=list-input22-1]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input22-2]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input22-3]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input22-4]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input22-5]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input22-6]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input22-7]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input22-8]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input22-9]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input22-10]:checked+label {color:#4a95eb;}

#FAQlist input[id=list-input23-1]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input23-2]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input23-3]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input23-4]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input23-5]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input23-6]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input23-7]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input23-8]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input23-9]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input23-10]:checked+label {color:#4a95eb;}

#FAQlist input[id=list-input24-1]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input24-2]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input24-3]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input24-4]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input24-5]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input24-6]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input24-7]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input24-8]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input24-9]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input24-10]:checked+label {color:#4a95eb;}

#FAQlist input[id=list-input25-1]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input25-2]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input25-3]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input25-4]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input25-5]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input25-6]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input25-7]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input25-8]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input25-9]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input25-10]:checked+label {color:#4a95eb;}

#FAQlist input[id=list-input26-1]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input26-2]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input26-3]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input26-4]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input26-5]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input26-6]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input26-7]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input26-8]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input26-9]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input26-10]:checked+label {color:#4a95eb;}

#FAQlist input[id=list-input27-1]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input27-2]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input27-3]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input27-4]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input27-5]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input27-6]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input27-7]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input27-8]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input27-9]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input27-10]:checked+label {color:#4a95eb;}

#FAQlist input[id=list-input28-1]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input28-2]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input28-3]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input28-4]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input28-5]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input28-6]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input28-7]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input28-8]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input28-9]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input28-10]:checked+label {color:#4a95eb;}

#FAQlist input[id=list-input31-1]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input31-2]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input31-3]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input31-4]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input31-5]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input31-6]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input31-7]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input31-8]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input31-9]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input31-10]:checked+label {color:#4a95eb;}

#FAQlist input[id=list-input41-1]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input41-2]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input41-3]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input41-4]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input41-5]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input41-6]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input41-7]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input41-8]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input41-9]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input41-10]:checked+label {color:#4a95eb;}

#FAQlist input[id=list-input42-1]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input42-2]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input42-3]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input42-4]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input42-5]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input42-6]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input42-7]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input42-8]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input42-9]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input42-10]:checked+label {color:#4a95eb;}

#FAQlist input[id=list-input51-1]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input51-2]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input51-3]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input51-4]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input51-5]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input51-6]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input51-7]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input51-8]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input51-9]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input51-10]:checked+label {color:#4a95eb;}

#FAQlist input[id=list-input61-1]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input61-2]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input61-3]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input61-4]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input61-5]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input61-6]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input61-7]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input61-8]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input61-9]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input61-10]:checked+label {color:#4a95eb;}

#FAQlist input[id=list-input71-1]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input71-2]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input71-3]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input71-4]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input71-5]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input71-6]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input71-7]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input71-8]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input71-9]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input71-10]:checked+label {color:#4a95eb;}
	
#FAQlist input[id=list-input72-1]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input72-2]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input72-3]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input72-4]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input72-5]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input72-6]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input72-7]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input72-8]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input72-9]:checked+label {color:#4a95eb;}
#FAQlist input[id=list-input72-10]:checked+label {color:#4a95eb;}


.tab_category2 {display:table;table-layout:fixed;overflow:hidden;width:100%;height:50px;margin:40px 0 100px}
.tab_category2 li{display:table-cell;line-height:50px;background:#e5e5e5}
.tab_category2 li a{display:block;height:50px;font-size:16px;text-align:center;line-height:50px;color:#777; letter-spacing: -1px;}
.tab_category2 li a:hover,.tab_category li a:focus,.tab_category li a:active{text-decoration:none}
.tab_category2 li.on a{position:relative;left:0;height:50px;background-color:#555;line-height:50px;color:#fff}
	
.tab_category2 li:nth-child(1) {width:12.0%;}
.tab_category2 li:nth-child(2) {width:12.0%;}
.tab_category2 li:nth-child(3) {width:12.0%;}
.tab_category2 li:nth-child(4) {width:12.0%;}
.tab_category2 li:nth-child(5) {width:13.5%;}
.tab_category2 li:nth-child(6) {width:13.5%;}
.tab_category2 li:nth-child(7) {width:14.0%;}
.tab_category2 li:nth-child(8) {width:11.0%;}
	
	



@media only screen and (max-width:600px){
	
	
	}


/*고객센터 추가 _ 
디자인비*/


.terminated-service {
    background-color: grey;
    color: white;
    padding: 5px;
    margin: 5px 10px;
    font-size: 16px;
    border-radius: 5px;
}
 
.filter-opacity-05 {
    filter: opacity(0.5);
}



.ptz_controler {width:100%;height: 164px;text-align: center;font-size: 14px; font-weight:bold; color: #444444;background: rgba(255,255,255,0.96); top: 49px;z-index: 1010;position: absolute;}
.ptz_controler .ptz_speed_wrap {display:inline-block;width: 310px;padding: 24px 36px;box-sizing:border-box;position:relative;}
.ptz_controler .ptz_move_wrap {display:inline-block;width: 226px;padding:24px 32px;box-sizing:border-box;position:relative;}
.ptz_controler .ptz_close_btn {background:url(/resources/img/btn-close-alert.svg) no-repeat;width:20px;height:20px;position:absolute;right: 16px;top: 16px;cursor:pointer;}
.ptz_controler .ptz_move_btn {width: 164px;height:134px;border-radius: 14px;border: solid 1px #d8d8d8;position:absolute;top:16px;font-size:0;cursor:pointer;overflow:hidden;}
.ptz_controler .ptz_move_btn .move_btn {display:inline-block;width: 54px;height:45px; box-sizing:border-box; background-repeat:no-repeat; background-position:center; cursor:pointer;}
.ptz_controler .ptz_move_btn .move_btn:active{background-color:#f1f1f1;}
.ptz_controler .ptz_move_btn .move_btn.upper_left {background-image:url(/resources/img/btn-ptz-control-left-top.svg);}
.ptz_controler .ptz_move_btn .move_btn.upper_left.diagonal_disabled {background-image:url(/resources/img/btn-ptz-control-left-top-disabled.svg);}
.ptz_controler .ptz_move_btn .move_btn.upper {background-image:url(/resources/img/btn-ptz-control-center-top.svg);}
.ptz_controler .ptz_move_btn .move_btn.upper_right {background-image:url(/resources/img/btn-ptz-control-right-top.svg);}
.ptz_controler .ptz_move_btn .move_btn.upper_right.diagonal_disabled {background-image:url(/resources/img/btn-ptz-control-right-top-disabled.svg);}
.ptz_controler .ptz_move_btn .move_btn.left {background-image:url(/resources/img/btn-ptz-control-left-middle.svg);}
.ptz_controler .ptz_move_btn .move_btn.stop {background-image:url(/resources/img/btn-ptz-control-stop.svg);}
.ptz_controler .ptz_move_btn .move_btn.right {background-image:url(/resources/img/btn-ptz-control-right-middle.svg);}
.ptz_controler .ptz_move_btn .move_btn.lower_left {background-image:url(/resources/img/btn-ptz-control-left-bottom.svg);}
.ptz_controler .ptz_move_btn .move_btn.lower_left.diagonal_disabled {background-image:url(/resources/img/btn-ptz-control-left-bottom-disabled.svg);}
.ptz_controler .ptz_move_btn .move_btn.lower {background-image:url(/resources/img/btn-ptz-control-center-bottom.svg);}
.ptz_controler .ptz_move_btn .move_btn.lower_right {background-image:url(/resources/img/btn-ptz-control-right-bottom.svg)}
.ptz_controler .ptz_move_btn .move_btn.lower_right.diagonal_disabled {background-image:url(/resources/img/btn-ptz-control-right-bottom-disabled.svg)}
.ptz_controler .ptz_move_btn .hor_line1 {position:absolute; left:0px; top:44px; width:100%; height:1px; background:#d8d8d8;}
.ptz_controler .ptz_move_btn .hor_line2 {position:absolute; left:0px; top:89px; width:100%; height:1px; background:#d8d8d8;}
.ptz_controler .ptz_move_btn .ver_line1 {position:absolute; top:0px; left:54px; height:100%; width:1px; background:#d8d8d8;}
.ptz_controler .ptz_move_btn .ver_line2 {position:absolute; top:0px; left:109px; height:100%; width:1px; background:#d8d8d8;}
.ptz_controler .ptz_zcontrol_wrap {position:absolute;top: 40px;}
.ptz_controler .ptz_scontrol_wrap {position:absolute;top:100px;}
.ptz_controler .ptz_zcontrol_wrap p {display:inline-block; margin:8px 29px 0 0; float:left;}
.ptz_controler .ptz_scontrol_wrap p {display:inline-block; margin:8px 29px 0 0; float:left;}
.ptz_controler .ptz_speed_bar {display:inline-block; line-height:34px;border-radius:20px;z-index: 10;}
.ptz_controler .ptz_speed_bar .speeddown {margin-right:12px; float:left; width:34px; height:38px; vertical-align:middle; background:url(/resources/img/btn-screen-zoom-out.png) no-repeat; background-position:center;}
.ptz_controler .ptz_speed_bar .speedup {margin-left:11px; float:right; display:inline-block; width:34px; height:38px; vertical-align:middle; background:url(/resources/img/btn-screen-zoom-in.png) no-repeat; background-position:center;}
.ptz_controler .ptz_speed_bar .zoom_bg {display:inline-block;width: 174px;height: 4px;background:#d2d2d2;text-align:left;line-height:0;}
.ptz_controler .ptz_speed_bar .zoom_bg .bar {display:inline-block; width:0%; height:4px; background:#4b96e6; vertical-align:top; position:relative;}
.ptz_controler .ptz_speed_bar .zoom_bg .bar_ctrl {position:absolute; top:-6px; right:-8px; width:16px; height:16px; border-radius:100%; background:#4b96e6;}
.ptz_controler .ptz_zoom_btn {display:inline-block;position:relative;width: 98px;height:32px;border-radius: 8px;border: solid 1px #d8d8d8;overflow:hidden;}
.ptz_controler .ptz_zoom_btn .zoom_btn {position: absolute;display:inline-block;width: 49px;height:32px;cursor:pointer;}
.ptz_controler .ptz_zoom_btn .zoom_btn.zoom_out {background:url(/resources/img/btn-screen-zoom-out.png) no-repeat; background-position:center; cursor:pointer; left:0; top:0;}
.ptz_controler .ptz_zoom_btn .zoom_btn.zoom_in {background:url(/resources/img/btn-screen-zoom-in.png) no-repeat; background-position:center; cursor:pointer; left:49px; top:0;}
.ptz_controler .ptz_zoom_btn .zoom_btn.zoom_out:active, .ptz_controler .ptz_zoom_btn .zoom_btn.zoom_in:active {background-color:#f1f1f1;}
.ptz_controler .ptz_zoom_btn .zoom_center_line {position:absolute;width:1px;height:32px;left: 49px;top:0px;background-color: #d8d8d8;}
.ptz_controler .btn_3d {display:inline-block; width:64px; height:32px; border:1px solid #d8d8d8; border-radius:10px; box-sizing:border-box; margin-left:12px; text-align:center; cursor:pointer;}
.ptz_controler .btn_3d.selected {background-color:#4a95eb;border: none;}
.ptz_controler .btn_3d .btn_3d_img {background:url(/resources/img/ic-ptz-3-d-mode-normal.png) no-repeat;background-position:center;width:30px;height:24px;margin: 2px auto;}
.ptz_controler .btn_3d.selected .btn_3d_img {background-image:url(/resources/img/ic-ptz-3-d-mode-select.png); margin-top:3px;}