@charset "UTF-8";

/*.time-inputs .ui-input-text {display: inline-block !important;}
.time-inputs input[type="time"] {width: 84px !important;}
.ui-page {height: 100%;}
.sub-contents-wrap > form {height: 100%;}*/

.time-inputs .ui-input-text {display: inline-block !important;}
.time-inputs input[type="time"] {width: 84px !important;}
.ui-page {height: 100%;}
.sub-contents-wrap > form {height: 100%;}
.position .ui-input-text {display: inline-block !important; }
/*.position  input[type="text"]  {font-family: din !important; }*/
.temperature .ui-input-text {display: inline-block !important; }
.ab-chk .ui-input-text {display: inline-block !important;}
/* .fun-setting .label{width: 80%;} */
.alert-pop h1 { font-size: 15px; color: #0e86b6; text-align: center; font-weight: bold; }
.alert-pop .msg { margin-top:0px !important; padding: 12px 10px 19px; line-height: 1.4; text-align: center; }
.alert-pop .btn-row { margin-top: 0px; border-top: 1px solid #ddd; display: table; width: 100%; height: 50px; table-layout: fixed;}
.alert-pop { border: 1px solid rgba(14, 134, 182, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.ico.m-home-ezville { width: 53px; height: 13px; background: url("/asset/images/ico/layout-menu-home-off-ezville.png"); }
.active .ico.m-home-ezville { background-image: url("/asset/images/ico/layout-menu-home-ezville.png"); }

.login-wrap-ezville { background: url("/asset/images/common/bg.jpg") 0 0 no-repeat; background-size: 100% auto; height: 100%; position: relative; }
.login-wrap-ezville .ico.end { position: absolute; top: 20px; right: 20px; z-index: 100; }
.login-wrap-ezville .data-content { display: table; width: 100%; height: 100%; }
.login-wrap-ezville .login-sec { display: table-cell; vertical-align: middle; }
.login-wrap-ezville .login-sec:before { content: ''; display: block; width: 180px; height: 100px; margin: 0 auto 20px; background: url("/asset/images/layout/logo-login-ezville.png") no-repeat; background-size: 100%; }
.login-wrap-ezville p { font-size: 25px; color: #000; text-align: center; }

.version-sec-ezville { display: table; width: 100%; height: 100%; }
.version-sec-ezville > div { display: table-cell; vertical-align: middle; text-align: center; }
.version-sec-ezville p { color: #888; font-size: 12.67px; line-height: 1.8; padding-top: 80px; background: url("/asset/images/common/version-ezville.png") 50% 0 no-repeat; background-size: 110px 55px; }
.version-sec-ezville em { color: #333; }
.version-sec-ezville span { color: #0e86b6; display: block; }
.version-sec-ezville .t-btn { font-size: 17px; margin-top: 35px; height: 35px; line-height: 33px; }

.t-btn.ty9 { font-size: 10px; border-radius: 2em; height: 18px; min-width: 56px; color: #333; border: 1px solid #ddd; background: #fff; --capital-height: 18; --line-height: 1; line-height: calc(var(--computedLineheight) * 1px); }
.fix-btns .t-btn.ty9 { font-size: 17px; height: 35px; --capital-height: 35; --line-height: 1; line-height: calc(var(--computedLineheight) * 1px); }
.fix-btns .t-btn.ty9:disabled { color: #ccc; }
.fix-btns .t-btn.ty9:active { color: #fff; background: #0e86b6; border-color: #006f9b; }
.fix-btns .t-btn.ty9 { color: #0e86b6;   margin: 0px 16px 0px 16px; min-width: 140px;}
/*.set-tab em {padding-top: 1.8px;}*/

/* 2018.08.16 hj */
.indoor-ctr-sec .ctr-light { padding: 0 !important; margin-top: 50px;}
.ctr-light .inner { padding: 21px; }

/* 2018.08.21 hj */
.fun-setting select { border: 1px solid #ddd; text-align: center; font-size: 24px; height: 30px; line-height: 30px; width: 45px; margin-right: 5px; padding-left: 5px; }

/* jo 8/31/2018 start */

.label_w95 { width:95px !important; }
.fun-setting select { border: 1px solid #ddd; font-size: 14px; height: 30px; line-height: 30px; width: 60px; margin-right: 5px; padding:0 6px; background-image: url("../..dd/asset/images/control/bt-select-down.png"); background-size: 19% 22%; background-repeat: no-repeat; background-position: 40px 12px;}
.thick-chk-radio-square { position: absolute; top: 50%; right: 46px; margin-top: -15px; border: solid 1px #ddd; display: inline-block; border-radius: 0px; overflow: hidden;}
.thick-chk-radio-square.r10 { right: 10px; }
.thick-chk-radio-square input[type=radio] { position: absolute; visibility: hidden; display: none;}
.thick-chk-radio-square label { display: inline-block; cursor: pointer; padding: 0; width: 30px; text-align: center; height: 30px; line-height: 30px;}
.thick-chk-radio-square input[type=radio]:checked + label{ color: #fff; background: #0e86b6;}
.thick-chk-radio-square label + input[type=radio] + label { border-left: solid 1px #ddd;}

.ctr-air-purifier, .ctr-refrigerator, .ctr-stand-aircon { padding-left: 0 !important; padding-right: 0 !important; }
.ctr-air-purifier .ctr-top-msg, .ctr-refrigerator .ctr-top-msg, .ctr-stand-aircon .ctr-top-msg  { background: #f7f7f7; border-bottom: 1px solid #dbdbdb; width: 100%; height: 50px; line-height:50px; padding-left: 25px; font-size: 14px; }
.ctr-refrigerator .inside, .ctr-refrigerator .state, .ctr-stand-aircon .inside, .ctr-stand-aircon .state { text-align: center; display: table; width: 100%; }
.ctr-refrigerator .inside > div, .ctr-stand-aircon .inside > div { border-bottom: 1px solid #dfe4e5; padding: 24px 0 24px; }
.ctr-refrigerator .inside > div, .ctr-refrigerator .state > div, .ctr-stand-aircon .inside > div, .ctr-stand-aircon .state > div { display: table-cell; vertical-align: middle; line-height: 1; }
.ctr-refrigerator .inside .dt, .ctr-refrigerator .state .dt, .ctr-stand-aircon .inside .dt, .ctr-stand-aircon .state .dt { font-size: 20px; color: #94a4aa; margin-bottom: 3px; }
.ctr-refrigerator .inside .dd, .ctr-refrigerator .state .dd, .ctr-stand-aircon .inside .dd, .ctr-stand-aircon .state .dd { font-size: 80px; color: #333; line-height: 1; }
.dash-switch .title-unit { color: #84969d; font-size: 13px; }
.dash-switch .text-gp { float: right; font-size: 16px; font-weight:600; width:149px; }
.dash-switch .text-gp span { display:inline-block; padding:3px 0 0 3px; font-size: 12px; color:#84969d; font-weight:normal; }
.ctr-top-msg .no-note { position:relative; color: #9d9d9d; padding-left: 20px; }
.ctr-top-msg .no-note img{ position: absolute; top: 50%;  width: 14px; margin-top: -7px; margin-left: -20px; }
.ctr-top-msg .is-note { position:relative; color: #1284b8; padding-left: 20px; }
.ctr-top-msg .is-note img{ position: absolute; top: 50%;  width: 14px; margin-top: -7px; margin-left: -20px; }

.ctr-air-purifier select { margin-top: 2px; border: 1px solid #ddd; font-size: 14px; height: 30px; line-height: 30px; width: 150px; margin-right: 5px; padding:0 6px; background-image: url("../..dd/asset/images/control/bt-select-down.png"); background-size: 19% 22%; background-repeat: no-repeat; background-position: 40px 12px;}
.ctr-air-purifier .ctr-top-msg p { font-size: 14px; line-height: 30px; }
.ctr-air-purifier .ctr-top-msg p em { color: #0e86b6; }
.ctr-air-purifier .dash-switch { text-align: center; }
.ctr-air-purifier .dash-switch ul { padding: 0 10px; margin-bottom: 23px; }
.ctr-air-purifier .dash-switch li { position:relative; overflow: hidden; padding: 26px 5px 24px; text-align: left; }
.ctr-air-purifier .dash-switch .b-bottom { border-bottom: 1px solid #dfe4e5; }
.ctr-air-purifier .dash-switch li * { vertical-align: top; }
.ctr-air-purifier .dash-switch li span, .ctr-air-purifier .dash-switch li strong { display: inline-block; position: relative; }
.ctr-air-purifier .dash-switch .title-unit:before { content: "\2022"; font-size: 12px; margin-right: 6px; position: relative; top: -1px; }
.ctr-air-purifier .dash-switch li strong { float: right; font-size: 20px; color: #0e86b6; font-weight: 500; top: 8px; min-width: 40px; text-align: center; }
.ctr-air-purifier .dash-switch li .btn-group { float: right; margin-left: 15px; }
.ctr-air-purifier .dash-switch li .crt-btn { margin: 0 2px; min-width: 83px; }

.ctr-refrigerator .dash-switch { text-align: center; }
.ctr-refrigerator .dash-switch ul { padding: 0 10px; margin-bottom: 23px; }
.ctr-refrigerator .dash-switch li { position:relative; overflow: hidden; padding: 26px 5px 24px; text-align: left; border-bottom: 1px solid #dfe4e5; }
.ctr-refrigerator .dash-switch li * { vertical-align: top; }
.ctr-refrigerator .dash-switch li span, .ctr-refrigerator .dash-switch li strong { display: inline-block; position: relative; }
.ctr-refrigerator .dash-switch .title-unit:before { content: "\2022"; font-size: 12px; margin-right: 6px; position: relative; top: -1px; }
.ctr-refrigerator .dash-switch li strong { float: right; font-size: 20px; color: #0e86b6; font-weight: 500; top: 8px; min-width: 40px; text-align: center; }
.ctr-refrigerator .dash-switch li .btn-group { float: right; margin-left: 15px; margin-top: -8px; margin-bottom: -6px;  }
.ctr-refrigerator .dash-switch li .crt-btn { margin: 0 2px; min-width: 83px; }
.ctr-refrigerator .dash-switch .hope-row .crt-btn.small { min-width: 53px; }

.ctr-stand-aircon .inside-state { text-align: center; display: table; width: 100%; border-bottom: 1px solid #dfe4e5; padding: 12px 10px 10px; }
.ctr-stand-aircon .inside-state .state-group { float:left; width: 33%; }
.ctr-stand-aircon .inside-state .state-group .s-title { display: block; font-size: 12px; color:#84969d; }
.ctr-stand-aircon .inside-state .state-group .s-value {  display: block; font-size: 30px;  color: #0e86b6; }
.ctr-stand-aircon .dash-switch { text-align: center; }
.ctr-stand-aircon .dash-switch ul { padding: 0 10px; margin-bottom: 23px; }
.ctr-stand-aircon .dash-switch li { position:relative; overflow: hidden; padding: 26px 5px 24px; text-align: left; border-bottom: 1px solid #dfe4e5; }
.ctr-stand-aircon .dash-switch li * { vertical-align: top; }
.ctr-stand-aircon .dash-switch li span, .ctr-stand-aircon .dash-switch li strong { display: inline-block; position: relative; }
.ctr-stand-aircon .dash-switch .title-unit:before { content: "\2022"; font-size: 12px; margin-right: 6px; position: relative; top: -1px; }
.ctr-stand-aircon .dash-switch li strong { float: right; font-size: 20px; color: #0e86b6; font-weight: 500; top: 8px; min-width: 40px; text-align: center; }
.ctr-stand-aircon .dash-switch li .btn-group { float: right; margin-left: 15px; }
.ctr-stand-aircon .dash-switch li .crt-btn { margin: 0 2px; min-width: 83px; }
.ctr-stand-aircon .dash-switch .hope-row .crt-btn { min-width: 53px; }

.certify-linkage { padding: 10px; background: #e9e9e9; background: url("/asset/images/layout/bg-content.png"); background-size: 2px; height: 100%; }
.certify-linkage .inner { background: #fff; height: 100%; }
.certify-linkage .inner .c-l-header { border-bottom: 1px solid #dbdbdb; width: 100%; height: 50px; line-height:50px; padding-left: 18px; font-size: 20px; font-weight: 600; }
.certify-linkage .dash-switch { text-align: center; }
.certify-linkage .title-unit { font-size: 14px; color: #333; font-weight: 500; padding-left: 10px;}
.certify-linkage .dash-switch .btn-right { position: absolute; top: 50%; right: 4; margin-top: -15px; height: 30px; }
.certify-linkage .dash-switch ul { padding: 0 10px; margin-bottom: 23px; }
.certify-linkage .dash-switch li { position:relative; overflow: hidden; padding: 26px 5px 22px; text-align: left; border-bottom: 1px solid #dfe4e5; }
.certify-linkage .dash-switch .no-border-b  { position:relative; overflow: hidden; padding: 26px 5px 22px; text-align: left; border-bottom: 0; }
.certify-linkage .dash-switch li * { vertical-align: top; }
.certify-linkage .dash-switch li span, .certify-linkage .dash-switch li strong { display: inline-block; position: relative; }
.certify-linkage .dash-switch li strong { float: right; font-size: 20px; color: #0e86b6; font-weight: 500; top: 8px; min-width: 40px; text-align: center; }
.certify-linkage .dash-switch li .btn-group { float: right; margin-left: 15px; }
.certify-linkage .dash-switch li .crt-btn { margin: 0 2px; min-width: 83px; }
.certify-linkage .dash-switch .slideCheck { width: 100px; height: 30px; }
.certify-linkage .ceti-desc { width:100%; position:relative; display:block; font-size: 14px; font-weight:500; text-align:center; color: #96a4a9; padding-top: 20px; }
.certify-linkage .ceti-desc img { width:14px; }
.certify-linkage .ceti-desc-bottom { width:100%; position:relative; display:block; font-size: 12px; text-align:center; color: #96a4a9; }
.certify-linkage .befo-veri { border-radius: 30px; border: 1px solid #94a4aa; background: #fff; color: #333; font-size: 14px; }
.certify-linkage .aft-veri { border-radius: 30px; border: 1px solid #05729e; background: #0e86b6; color: #fff; font-size: 14px; background-image:url("/asset/images/common/check.png"); background-size: 20px 20px; background-position: 75px 4px; background-repeat: no-repeat; }

.dash-switch .btn-right { position: absolute; top: 50%; right: 0; margin-top: -17px; height: 30px; }
.ico.ques { width: 20px; height: 20px; background: url("/asset/images/common/question.png"); }
.sub-contents-wrap .ques { position: absolute; top: 50%; right: 16px; margin-top: -10px; }

/* jo 8/31/2018 end */

/* 2018.09.06 hj */
.pop-parking .p-body .pop-parking-em-right { color: #000000; float: right; margin-right: 2px;}
.pop-parking .p-body em.no-before:before { content:none; }
.b-bottom .btn-right.crt-btn { width : 150px;}
.ctr-air-purifier .half-width { width : 70px !important;}


/* jo 9/13/2018 start */
/* time-ico-w.png 70px */
.ico.t-mode.t25 { background-position-x: 0px; background-position-y: -420px; }
.ico.t-mode.t26 { background-position-x: -70px; background-position-y: -420px; }
.ico.t-mode.t27 { background-position-x: -140px; background-position-y: -420px; }
.ico.t-mode.t28 { background-position-x: -210px; background-position-y: -420px; }
.ico.t-mode.t29 { background-position-x: 0px; background-position-y: -350px; }
.ico.t-mode.t30 { background-position-x: -70px; background-position-y: -350px; }
.ico.t-mode.t31 { background-position-x: -140px; background-position-y: -350px; }
.ico.t-mode.t32 { background-position-x: -210px; background-position-y: -350px; }

/* time-ico-w.png 64px */
.chk-list .ico.t-mode.t25 { background-position-x: 0px; background-position-y: -384px; }
.chk-list .ico.t-mode.t26 { background-position-x: -64px; background-position-y: -384px; }
.chk-list .ico.t-mode.t27 { background-position-x: -128px; background-position-y: -384px; }
.chk-list .ico.t-mode.t28 { background-position-x: -192px; background-position-y: -384px; }
/* time-ico-w.png 64px */
.mode-detail .ico.t-mode.t25, .small .chk-list .ico.t-mode.t25 { background-position-x: 0px; background-position-y: -288px; }
.mode-detail .ico.t-mode.t26, .small .chk-list .ico.t-mode.t26 { background-position-x: -48px; background-position-y: -288px; }
.mode-detail .ico.t-mode.t27, .small .chk-list .ico.t-mode.t27 { background-position-x: -96px; background-position-y: -288px; }
.mode-detail .ico.t-mode.t28, .small .chk-list .ico.t-mode.t28 { background-position-x: -144px; background-position-y: -288px; }
/* time-ico-u.png 48px */
.edit .mode-detail .ico.t-mode.t25 { background-position-x: 0px; background-position-y: -288px; }
.edit .mode-detail .ico.t-mode.t26 { background-position-x: -48px; background-position-y: -288px; }
.edit .mode-detail .ico.t-mode.t27 { background-position-x: -96px; background-position-y: -288px; }
.edit .mode-detail .ico.t-mode.t28 { background-position-x: -144px; background-position-y: -288px; }
/* time-ico-g.png 48px */
.disable .ico.t-mode.t25 { background-position-x: 0px; background-position-y: -288px; }
.disable .ico.t-mode.t26 { background-position-x: -48px; background-position-y: -288px; }
.disable .ico.t-mode.t27 { background-position-x: -96px; background-position-y: -288px; }
.disable .ico.t-mode.t28 { background-position-x: -144px; background-position-y: -288px; }
/* time-ico-b.png 48px */
.sel-list .ico.t-mode.t25 { background-position-x: 0px; background-position-y: -288px; }
.sel-list .ico.t-mode.t26 { background-position-x: -48px; background-position-y: -288px; }
.sel-list .ico.t-mode.t27 { background-position-x: -96px; background-position-y: -288px; }
.sel-list .ico.t-mode.t28 { background-position-x: -144px; background-position-y: -288px; }
/* toggle-menu.png */
.ico.tm.verification { background-position: 0 -140px; }
/* jo 9/13/2018 end */

/* jo 10/25/2018 */
select.sel_w100 { width:100px !important; }
select.sel_w90 { width:90px !important; }
.time-arrange { font-size: 12px; margin-top:18px; line-height:36px;}
.group-mode-ref { height:134px !important; padding: 16px 0 !important; }
.group-mode-ref .label { font-size: 12px; padding-left:40px; }
.btn-mode-ref { padding:20px; text-align:center; min-width:222px; }
.btn-mode-ref .crt-btn { min-width:50px !important; height:22px; border-radius:11px; background-size:11px; }
.center-temp { display:inline-block; font-size: 24px; min-width:80px; text-align:center; margin-top:-6px; }
.center-temp em{ font-size: 22px; vertical-align:baseline !important; }
.group-mode-ref .ab-chk { margin-top:-26px !important; }
.fun-setting.disable select { border: 1px solid #999; color:#888 !important; opacity:0.4; }
.disable .crt-btn.up, .disable .crt-btn.down { border: 1px solid #999; color:#888 !important; opacity:0.4; }
.ab-chk .btn-mode-right .crt-btn { min-width:50px; height:22px; border-radius:11px; background-size:11px; margin-top:4px; }
.ab-chk .btn-mode-right .center-temp { display:inline-block; font-size: 24px; min-width:70px; text-align:center; margin-top:-3px; }
.t-in-gp { min-height: 92px !important; }
.time-inputs.t-m-0 { margin:0; }
.time-inputs.t-m-0 .cus-chk  { top:4px; }
.time-inputs.t-m-0 .time-input-group { margin:10px 0 20px 26px; font-size:14px; line-height:26px; } 
.time-inputs.t-m-0 .time-input-group input { width:80px !important; } 
.time-inputs.t-m-0.is-sm { font-size: 14px; line-height: 26px; }
.time-inputs.t-m-0.is-sm input { width:68px !important; }
.time-inputs.t-m-0.t-pb-0 { padding-bottom:0; }
.time-inputs.t-m-0.t-pb-0 .time-input-group { margin:10px 0 0 26px; font-size:14px; line-height:26px; } 
.time-inputs.t-m-0.t-pb-0 .time-input-group input[type='time'] { width:95px !important; }
.time-inputs input[type='text'], .time-inputs input[type='time'] { letter-spacing:0; }
.fun-set select { border: 1px solid #ddd; font-size: 14px; height: 30px; line-height: 30px; width: 60px; margin-right: 5px; padding:0 6px; background-image: url("../../asset/images/control/bt-select-down.png"); background-size: 10px 6px; background-repeat: no-repeat; background-position: top 11px right 6px;}
.fun-set.disable select { border: 1px solid #999; color:#888 !important; opacity:0.4; }
.top-switch { position: relative; height: 60px; line-height: 60px; padding: 0 16px; border-bottom: 1px solid #ddd; color: #84969d; font-weight: 600; }
.fun-set .ab-chk, .top-switch .ab-chk { position: absolute; top: 50%; right: 0; margin-top: -15px; height: 30px; }
.fun-set .ab-chk *, .top-switch .ab-chk * { vertical-align: top; }
.fun-set .ab-chk .slideCheck, .top-switch .ab-chk .slideCheck{ margin-top: 4px; }
.top-switch .ab-chk .slideCheck { margin-right: 14px; }
.fun-set .label { font-size: 14px; }
.dash-switch.fun-set ul { border-bottom:1px solid #ddd; }
#air-status-gp { padding-bottom: 20px; }
#air-status-gp .title { text-align:left; font-size: 14px; display:block; padding: 0 14px 10px;}
#air-status-gp .air-status-gp { padding-bottom:20px; }
#air-status-gp .air-status-gp li { padding: 8px 10px 8px 18px !important; }
#air-status-gp .air-status-gp .left-label { float:left; }
#air-status-gp .air-status-gp .right-val { float:right; color: #2d97b1; width:46px;}
.fix-btns .t-btn.ty1.c-blue { color: #0e86b6 !important; }
.fix-btns .t-btn.ty1.c-blue:active  { color: #fff !important; }
.top-switch .label:before { content: "\2022"; position: absolute; left: 9px; top: -1px; }
.btn-mode-ref .title-s { color: #94a4aa; padding-bottom:6px; margin-top:-20px; }
.btn-mode-ref .title-s.op-door-rep { color: #0e86b6; margin-top:-4px;}
.btn-mode-ref .title-s.cl-door-rep { color: #cccccc; margin-top:-4px;}
.center-temp.mt-9 { margin-top:-9px; }
.slideCheck2 input { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; }
.slideCheck2 { display: inline-block; width: 38px; height: 22px; position: relative; margin-top:5px; }
.slideCheck2 label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.slideCheck2 label:before { content: ""; height: 100%; position: absolute; top: 0; left: 0; right: 0; border-radius: 11px; background: #ccc; transition: all 0.4s ease; }
.slideCheck2 label:after { content: ""; position: absolute; left: 0; width: 20px; height: 20px; top: 1px; margin: 0; border: 1px solid #a2a2a2; border-radius: 11px; background: #fff; z-index: 2; transition: all 0.4s ease; box-shadow: 2px 2px rgba(0, 0, 0, 0.1); }
.slideCheck2 input[type="checkbox"]:checked + label:before { background: #0e86b6; }
.slideCheck2 input[type="checkbox"]:checked + label:after { left: 100%; margin-left: -21px; box-shadow: none; border-color: #0c759f; }
.slideCheck2 input[type="checkbox"]:disabled + label:before { background: #ccc; }
.slideCheck2 input[type="checkbox"]:disabled + label:after { border-color: #a2a2a2; left: 0; margin-left: 0; }
.mt-60 { margin-top:-60px; }
.mt-34 { margin-top:-34px !important; }
.mt-23 { margin-top:-23px; }
.mt4 { margin-top:4px !important; }
.mt10 { margin-top:10px !important; }
.mr5 { margin-right:5px !important; }
.mb-40 { margin-bottom:-40px !important; }
.p10-5-0 { padding:10px 5px 0 !important; }
.ab-chk.mt-34 { margin-right:-18px; }
.power-icon { }
.power-icon img { width:38px !important; margin:-4px 6px 0 0; }
.rb-input { width:100px; border:1px solid #ddd; height:31px; line-height:31px; font-size:13px; text-align:center; }
.text-des {color: #94a4aa; font-size:14px; padding-top:6px; }
.text-des em { color:#0e86b6; padding-right:4px; }
.rb-bat { width: 40px !important; }

/* 11/22/2018 jo */
.inner.sliding-menu-gp-top { overflow: hidden; }
.sliding-menu-gp { width: 100%; height: calc(100% - 150px); padding-right: 17px; overflow-x: hidden; overflow-y: scroll; -ms-overflow-x: hidden; -ms-overflow-y: scroll; box-sizing: content-box; }

/**
 * 2019.02.26 공기청정기
 */
.aircleaner-inner { padding: 25px; }
.aircleaner-inner .mode-selector { margin-bottom: 35px; }
.aircleaner-inner .mode-selector ul { font-size: 0; text-align: justify; }
.aircleaner-inner .mode-selector li { display: inline-block; width: 25%; font-size: 0; text-align: center; }
.aircleaner-inner .mode-selector li a { display: block; font-size: 0; }
.aircleaner-inner .mode-selector li a .mode-icon { display: inline-block; width: 33px; height: 33px; margin-right: 5px; background: no-repeat center / contain; vertical-align: middle; }
.aircleaner-inner .mode-selector li a#modeAuto .mode-icon { background-image: url(../images/control/icon-auto-off.png); }
.aircleaner-inner .mode-selector li a#modeCleaning .mode-icon { background-image: url(../images/control/icon-cleaning-off.png); }
.aircleaner-inner .mode-selector li a#modeOutdoor .mode-icon { background-image: url(../images/control/icon-outdoor-off.png); }
.aircleaner-inner .mode-selector li a#modeRefreshing .mode-icon { background-image: url(../images/control/icon-refreshing-off.png); }
.aircleaner-inner .mode-selector li a .mode-text { display: inline-block; font-size: 12px; line-height: 33px; vertical-align: middle; }
.aircleaner-inner .mode-selector li.active a#modeAuto .mode-icon { background-image: url(../images/control/icon-auto-on.png); }
.aircleaner-inner .mode-selector li.active a#modeCleaning .mode-icon { background-image: url(../images/control/icon-cleaning-on.png); }
.aircleaner-inner .mode-selector li.active a#modeOutdoor .mode-icon { background-image: url(../images/control/icon-outdoor-on.png); }
.aircleaner-inner .mode-selector li.active a#modeRefreshing .mode-icon { background-image: url(../images/control/icon-refreshing-on.png); }
.aircleaner-inner .mode-selector li.active a .mode-text { color: #05d105; }

.aircleaner-inner .mode-dashboard .odor { float: left; width: 40px; }
.aircleaner-inner .mode-dashboard .status { float: left; width: -webkit-calc( 100% - 80px ); width: calc( 100% - 80px ); padding: 0 25px; }
.aircleaner-inner .mode-dashboard .status .inner-wrap { padding: 25px; border: 1px solid #eaeaea; border-radius: 5px; }
.aircleaner-inner .mode-dashboard .filter { float: left; width: 40px; }

.aircleaner-inner .mode-dashboard .status .inner-wrap .finedust { margin-bottom: 45px; text-align: center; }
.aircleaner-inner .mode-dashboard .status .inner-wrap .finedust .finedust-name { margin-bottom: 5px; color: #f8c848; font-size: 12px; }
.aircleaner-inner .mode-dashboard .status .inner-wrap .finedust .finedust-icon { margin-bottom: 15px; }
.aircleaner-inner .mode-dashboard .status .inner-wrap .finedust .finedust-icon img { max-width: 72px; }
.aircleaner-inner .mode-dashboard .status .inner-wrap .finedust .finedust-status { font-size: 20px; font-weight: bold; color: #000000; line-height: 1; }
.aircleaner-inner .mode-dashboard .status .inner-wrap .finedust .finedust-status small { font-size: 10px; }

.aircleaner-inner .mode-dashboard .status .inner-wrap .carbondioxide { text-align: center; }
.aircleaner-inner .mode-dashboard .status .inner-wrap .carbondioxide .carbondioxide-name { margin-bottom: 5px; color: #f80008; font-size: 12px; }
.aircleaner-inner .mode-dashboard .status .inner-wrap .carbondioxide .carbondioxide-icon { margin-bottom: 12px; }
.aircleaner-inner .mode-dashboard .status .inner-wrap .carbondioxide .carbondioxide-icon img { max-width: 67px; }
.aircleaner-inner .mode-dashboard .status .inner-wrap .carbondioxide .carbondioxide-status { font-size: 20px; font-weight: bold; color: #000000; line-height: 1; }
.aircleaner-inner .mode-dashboard .status .inner-wrap .carbondioxide .carbondioxide-status small { font-size: 10px; }

.aircleaner-inner .mode-dashboard .guage { margin-top: 25px; margin-bottom: 7px; font-size: 0; text-align: center; }
.aircleaner-inner .mode-dashboard .guage .bar { display: inline-block; margin-bottom: 3px; width: 28px; height: 3px; background-color: #ddd; }
.aircleaner-inner .mode-dashboard .guage .bar:last-child { margin-bottom: 0; }
.aircleaner-inner .mode-dashboard .guage .bar.colored { background-color: #000; }

.aircleaner-inner .mode-dashboard .odor { text-align: center; }
.aircleaner-inner .mode-dashboard .odor .badge { display: block; background-color: #ffbf00; border-radius: 4px; color: #000000; font-size: 12px; line-height: 22px; }
.aircleaner-inner .mode-dashboard .odor .time { margin-top: 12px; margin-bottom: 20px; }
.aircleaner-inner .mode-dashboard .odor .time .duration { display: block; margin-bottom: 13px; font-weight: bold; line-height: 1; }
.aircleaner-inner .mode-dashboard .odor .time ul li { margin-bottom: 10px; }
.aircleaner-inner .mode-dashboard .odor .time ul li:last-child { margin-bottom: 0; }
.aircleaner-inner .mode-dashboard .odor .time ul li .icon-wrap { font-size: 0; }
.aircleaner-inner .mode-dashboard .odor .time ul li .icon-wrap img { max-width: 25px; }
.aircleaner-inner .mode-dashboard .odor .filter-icon { margin-bottom: 7px; font-size: 0; }
.aircleaner-inner .mode-dashboard .odor .filter-icon img { max-width: 30px; }
.aircleaner-inner .mode-dashboard .odor .filter-name {color: red;}


.aircleaner-inner .mode-dashboard .filter { text-align: center; }
.aircleaner-inner .mode-dashboard .filter .badge { display: block; background-color: #05d105; border-radius: 4px; color: #000000; font-size: 12px; line-height: 22px; }
.aircleaner-inner .mode-dashboard .filter .filter-icon { margin-bottom: 7px; font-size: 0; }
.aircleaner-inner .mode-dashboard .filter .filter-icon img { max-width: 30px; }
.aircleaner-inner .mode-dashboard .filter .filter-name{color: #ffbf00;}

/* jo 6/19/2019 */
.family-sec.a-t-number .search input { border-radius: 0;}
.i-btn.sch.add-tel-number {  width: 60px; border-radius: 0; background-size: 0; color: #fff; text-indent: unset; }
.add-tel-number-del {  position:absolute; right:34px; border-radius:15px; top: 8px; width: 60px; height:30px; line-height:30px; background-color:#ff0052; color: #fff; }
/*   */



.hide {
	display-0: none !important;
}



div.check-wind-value button {
	border: none;
	font-size: 12px;
	padding: 5px 20px;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 24px;
	border-radius: 11px;
}

div.check-wind-value button.on {
	border: 1px solid #0e86b6;
	font-color: #0e86b6;
}

div.airfan-0 {
    background-image: url("/asset/images/ctr/wind_off.png");
    display: block;
    width: 200px;
    height: 200px;
}