/* common */ .bat .char_lookup thead{width: 99.9%;} body {background-color:#222522; font-size:13px;} body.ui-overlay-a {background-color:#222522 !important;} #wrap{position:relative; min-width:320px; height:100%; min-height:500px; background:url(/image/bg_base.png) no-repeat; background-size:100% 100%;} /*.wrap{position:relative; min-width:320px; height:100%; min-height:500px; background:url(/image/bg_base.png) no-repeat; background-size:100% 100%;}*/ #wrap.enr{position:relative; min-width:320px; height:100%; min-height:500px; background:#235c9a; background-size:100% 100%;} #wrap.error{height: 100vh;} .clearfix {clear:both;} .splash-logo {width:50%; position:absolute; top:50%;left:50%;margin-top:-25%;margin-left:-25%;} .xi #login-view, .xi #danji-view, .xi #authcertify-view, .xi #set_password-view {background-image:url('/image/bg_intro.png')} .xi-logo, .ez-logo {display:none;} .xi .xi-logo {display:inline-block;} .ez .ez-logo {display:inline-block;} /* 로딩 강제 숨김 */ .ui-loader {opacity:0;} .ui-mobile .ui-page-active {overflow:hidden;} .switch .toggle-btn-wrap.air-btn { margin: 0; height: 75px; } #lmp-view .switch .li1 .toggle-btn-wrap .toggle-btn {width: 30%;} #lmp-view .switch .li2 .toggle-btn-wrap .toggle-btn {width: 30%;} #lmp-view .switch .li3 .toggle-btn-wrap .toggle-btn {width: 30%;} #lmp-view .switch .li4 .toggle-btn-wrap .toggle-btn {width: 30%;} #lmp-view .switch .li5 .toggle-btn-wrap .toggle-btn {width: 30%;} #lmp-view .switch .li6 .toggle-btn-wrap .toggle-btn {width: 30%;} .switch .toggle-btn-wrap.air-btn .toggle-btn { width: 70px; height: 35px; } .element .bootstrap-switch { margin: initial; } /*.toggle-btn-wrap.lmp-group { margin-top: 52px; } .toggle-btn-wrap.lmp-group { margin-top: 52px; }*/ .toggle-btn-wrap .num { position: absolute; top: -15px; left: 0; right: 0; font-size: 14px; font-weight: bold; color: #babab9; } .toggle-btn-wrap .toggle-btn { width:90px; height:45px; background:url(/image/toggle_btn_off.png) no-repeat; background-size:100%; transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; } .toggle-btn-wrap .toggle-btn.on { background-image:url(/image/toggle_btn_on.png); } .toggle-btn-wrap.air-btn .state{ bottom: 0; } .ven-switch .toggle-btn-wrap .state {bottom:-20px;} .toggle-btn-wrap .state { font-size: 16px; font-weight: bold; color: #fff; position:absolute; bottom: 10px; left: 0; right: 0; } .switch .toggle-btn-wrap.lmp-btn{ top: 30%; } .switch .toggle-btn-wrap.gas-btn{ top: 35%; } .onoffbtn {display: inline-block; vertical-align: middle;} .switch .toggle-btn-wrap { width: 100%; position: relative; height: 82px; top: 30%; } .switch .toggle-btn-wrap .toggle-btn { position:absolute; top:37px; left: 50%; height: 53px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); } #controls.type1.error-page { padding: 110px 46px 60px; } .error-img {text-align: center;} .error-img img {width: 65%;} .error-content {color: #fff; font-size: 20px; text-align: center; line-height: 28px; font-weight: 100; margin-top:30px;} .error-content.contact {font-size: 16px; margin-top:50px; border: 1px solid #fff; border-radius: 4px; padding: 10px 0;} .swiper-container {width:100%; min-height: 100%;} /*.swiper-container.index-0 {height:970px;} .swiper-container.index-1 {height:1090px;} .swiper-container.index-2 {height:1100px;} *//* header */ #header{z-index:200; position:fixed; top:0; left:0; width:100%; height:45px; background:#1d273b;} #header h1{display:block; line-height:45px; text-align:center; font-size:23px;color: #fff;text-shadow: initial;} #header .btn_prev{position:absolute; top:0; left:0; padding:0 21px; width:16px; height:45px; overflow:hidden; font-size:0; background:url(/image/btn_home.png) center center no-repeat; background-size:16px 17px;} #header .btn_home{position:absolute; top:0; left:0; padding:0 21px; width:18px; height:45px; overflow:hidden; font-size:0; background:url(/image/btn_home2.png) center center no-repeat; background-size:18px 17px;} #header button{position:absolute; top:0; right:0; padding:0 21px; height:45px; font-size:15px;} /* tab */ #tab{z-index:120; position:absolute; top:40px; left:0; width:100%; height:50px; overflow:hidden;} #tab.lmp{top:56px;} #tab .bg{z-index:100; position:absolute; top:0; display:block; width:2.34%; max-width:21px; height:42px; background-size:100% auto;} #tab .bg.left{left:0; background-image:url(/image/bg_tab_left.png);} #tab .bg.right{right:0; background-image:url(/image/bg_tab_right.png);} #tab .draggable-container{z-index:1; position:relative; width:100%; overflow:hidden; user-select:none; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none;} #tab ul{width:9999999px; white-space:nowrap; font-size:0; text-align:center; padding-top: 10px;} /*.list-wrap {width:9999999px; white-space:nowrap; font-size:0; text-align:center;}*/ #tab ul li{display:inline-block; padding:0 20px; text-align:center; line-height:18px; font-size:15px;} #tab ul li a{display:block; width:100%; padding:10.2px 0 8px 0; color: #afafaf} #tab ul li.on a{display:block; width:100%; padding:10px 0 8px 0; color: #fff} #tab ul li a span{display:inline-block; padding-bottom:2px;} #tab ul li.on a span{padding-bottom:0; border-bottom:2px solid #fff;} .ui-input-text { background: transparent !important; border-style: none !important; box-shadow: none !important; padding-top: 5px ; } .frm_search .ui-input-text { background: #454545 !important; border-style: none !important; box-shadow: none !important; padding-top: 0; margin: initial; border-radius: 0 10px 10px 0; } /* controls */ #controls{z-index:100; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} #controls.type1{padding:92px 21px 50px 21px;} #controls.type1.group{padding:92px 21px 0 21px;} #pow-view #controls.type1{padding:92px 21px 0 21px;} /*난방버튼 있을때*/ #tem-view.no-button #controls.type2{padding:47px 21px 45px 21px; top:45px;} #controls.type3{padding:92px 21px 8px 21px;} #controls.type4{padding:92px 21px 0 21px;} #controls.type5{padding:92px 21px 47px 21px;} #controls .inner_wrap{position:relative; height:100%;} #controls .inner{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} #controls .control_btn{display:inline-block; width:120px; height:55px; overflow:hidden;} #controls .control_btn button{float:left; width:100%; height:100%; overflow:hidden; font-size:0; background-size:16px 9px !important; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear;} #controls .control_btn button + button{float:right;} #controls .control_btn .tem-cont{background:#696966; height: 70px; width: 120px; font-size: 20px; padding-top: 13px; border-radius:5px;} #controls .control_btn button.up{background:#696966 url(/image/btn_up.png) center center no-repeat;} #controls .control_btn button.down{background:#696966 url(/image/btn_down.png) center center no-repeat;} #controls .control_btn button.up:disabled{background:#50504b url(/image/btn_up_disabled.png) center center no-repeat;} #controls .control_btn button.down:disabled{background:#50504b url(/image/btn_down_disabled.png) center center no-repeat;} #controls button.tem-apply{background:#696966; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} #controls button.tem-apply:disabled{background:#50504b; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} #controls.type2 .set_btn{bottom: 0;} #controls .set_btn{position:absolute; bottom:-60px; left:0; width:100%; height:44px; overflow:hidden;} /* 議곕챸 ?뒪耳?伊? */ .lst_board.schedule .buttons {text-align:center;} .lst_board.schedule .buttons button {height: 40px; font-size: 16px; font-weight: bold; background: #888682; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; width:60px;} .lst_board.schedule .buttons .edit {background:#51950c;} .lst_board.schedule .buttons .del {background:#cd4744;} .schedule .toggle-btn-wrap .toggle-btn {width: 70px; height: 32px;} #schedule_popup{display:none; z-index:150; position:absolute; top:0; left:0; width:100%; height:100%; padding:61px 16px 0 16px; background:rgba(0,0,0,0.73); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} #schedule_popup .pop_layer{position:relative; padding:0 14px; background:#545450; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:2px 3px 3px rgba(0,0,0,0.57); -webkit-box-shadow:2px 3px 3px rgba(0,0,0,0.57); -moz-box-shadow:2px 3px 3px rgba(0,0,0,0.57);} #schedule_popup .pop_layer .pop_close{position:absolute; top:0; right:0; width:46px; height:45px; overflow:hidden; font-size:0; background:url(/image/btn_close.png) center center no-repeat; background-size:10px 10px;} #schedule_popup .pop_layer .title{line-height:45px; font-size:18px; padding-top:20px; text-align:center;} /*#schedule_popup label {font-size:18px;width:80px;float:left;line-height:50px;text-align:right;}*/ #schedule_popup .label-title{font-size:18px;vertical-align: middle;text-align:center;display:inline-block; width:23%;} #schedule_popup .element {line-height:50px;height:50px;display:inline-block; width: 70%;vertical-align: middle;} #schedule_popup .element .bootstrap-switch {top:10px;} #schedule_popup .element .bootstrap-switch-container {line-height:27px;height:27px;vertical-align:top;} #schedule_popup .element .bootstrap-switch-label {vertical-align:top;} #schedule_popup .pop_layer .select {margin: 5px 0;font-size: 14px;padding-left:15px;width:100%;height:35px;border-radius:5px;color: #505050; background:#fffadc;position:relative; box-sizing: border-box;} #schedule_popup .pop_layer .select .value { width:100%; height: 35px; line-height: 35px; position: absolute; top: 0; left: 0; padding-left:15px;} #schedule_popup .pop_layer .select select { width:100%; height:100%; opacity: 0;position: absolute; top: 0; left: 0;} #schedule_popup .pop_layer input[type=text], #schedule_popup .pop_layer input[type=time]{margin: 5px 0;font-size: 14px;padding-left:15px;width:100%;height:35px;border-radius:5px;color: #505050; background:#fffadc;box-sizing:border-box;} #schedule_popup .pop_layer .button{text-align:center;} #schedule_popup .pop_layer .auth-btn{margin: 15px 0;font-size: 17px;color: #fff;background: #51950C;width:35%; height:50px;border-radius:3px;} #schedule_popup .toggle-btn-wrap {display: inline-block;vertical-align: middle;} #schedule_popup .toggle-btn-wrap .toggle-btn {width: 70px; height: 32px;} /* ?뿉?뼱而? 踰꾪듉 */ #controls.type3 .upper {width:100%;height:85%;position:relative;} #controls .set_btn button{float:left; height:44px; font-size:16px; font-weight:bold; background:#888682; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;border:1px solid #74726f;} #controls .set_btn button.on{background:#51950c;border:1px solid #49850b;} #controls .set_btn button.half{width:47.5%;} #controls .set_btn button.half + button.half{float:right;} #controls .set_btn button.onethird{width:31.8%;} #controls .set_btn button.onethird + button.onethird{margin-left:2.3%;} #controls .set_btn button[disabled] {opacity:0.5} #controls .btn_switch{margin:0 auto; width:90px; text-align:center;} #controls .btn_switch .state{margin-top:13px; font-size:16px; color:#fff;} #tem-view.no-pause .dashboard_wrap {width: 100%;} /*난방버튼 버튼없을때*/ #tem-view.no-button .tem-btn {display: none;} #tem-view.no-pause .onethird.pause{display: none;} #tem-view.no-pause .set_btn.tem-btn button{width: 48%;} #tem-view .set_btn.tem-btn button{height: 100%;} #controls .dashboard_wrap {position:absolute;width:100%;height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; border-bottom:1px solid transparent; top:0; left:0;} #controls .dashboard{position:absolute; top:0; left:0; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} /*#controls .group .dashboard{height:67% /*!important*/;}*/ #controls.type1 .dashboard{height:50%; background:#30302e; border-top:1px solid #3d3d37; border-bottom:1px solid #3d3d37;} #controls.type1 .dashboard{height:68%; background:#30302e; border-top:1px solid #3d3d37; border-bottom:1px solid #3d3d37;} /*난방버튼 없을때*/ #tem-view.no-button #controls.type2 .dashboard{height:45%; background: #30302e;} #controls.type3 .dashboard{height:28%; background:#30302e; border-top:1px solid #3d3d37; border-bottom:1px solid #3d3d37;} #controls .dashboard .num{position:absolute; top:20px; right:24px; width:33px; height:33px; line-height:33px; text-align:center; font-size:17px; background:#3f3f3d; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;} #controls .dashboard .bulb{position:absolute; top:50%; left:50%; width:104px; height:108px; background:url(/image/light_off.png) no-repeat; background-size:104px 108px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear;} #controls .dashboard .bulb.on{background-image:url(/image/light_on.png);} #controls .dashboard .valve{position:absolute; top:48%; left:50%; width:104px; height:150px; background:url(/image/gas_off.png) no-repeat; background-size:104px 150px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear;} #controls .dashboard .valve.on{background-image:url(/image/gas_on.png);} #controls .dashboard .power{position:absolute; top:50%; left:50%; width:53px; height:57px; background:url(/image/power_off.png) no-repeat; background-size:53px 57px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear;} #controls .dashboard .power.on{background-image:url(/image/power_on.png);} #controls .switch{position:absolute; left:0; width:100%; padding:0 5px; background:rgba(56,56,50,0.9); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} /*#controls .group .switch{top:67% !important; height:33% !important;}*/ #controls.type1 .switch{top:50%; height:45%; border-top:1px solid #252522;} /*#controls.type1 .switch{top:68%; height:32%; border-top:1px solid #252522;}*/ #tem-view.no-button #controls.type2 .switch{top:45%; height:45%;} #controls.type3 .switch{/*top:32%;*/bottom:5%; height:68%; border-top:1px solid #252522;} #controls.type3 .air-set_btn{/*top:auto; bottom:1%;*/ height:75px; background:none; border:none;} #controls.type4 .dashboard{top:0; height:45%; background: #30302e;} #controls.type4 .switch{top:45%; height:45%;} #controls.type5 .switch{top:0 !important; height:100% !important;} #controls .switch ul{position:relative; width:100%; height:100%;overflow-y:auto} #controls .switch ul li{position:relative; width:50%; height:50%; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;display:inline-block;float: left;} #controls .switch ul li.li0{top:50%; left:50%; width:100%; height:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} #controls .switch ul li.li1{border-bottom:1px solid #5b5c57;} #controls .switch ul li.li2{border-bottom:1px solid #5b5c57;} #controls .switch ul li.li3{/*top: 10px;*/border-bottom:1px solid #5b5c57;} #controls.type1 .switch ul li.li3{/*top: 0;*/} #controls .switch ul li.li4{/*top: 10px;*/border-bottom:1px solid #5b5c57;} /* #controls .switch ul li.li5{border-bottom:1px solid #5b5c57;} #controls .switch ul li.li6{border-bottom:1px solid #5b5c57;}*/ #controls .switch .num{margin-bottom:11px; font-size:15px; font-weight:bold; color:#babab9;} #controls .switch .state{/*margin-top:13px;*/ font-size:15px; font-weight:bold; color:#fff; padding-bottom: 0px;} .bootstrap-switch{z-index:0; position:relative; margin:0 auto; display:block; width:64px; height:27px; overflow:hidden; text-align:left; direction:ltr; cursor:pointer; vertical-align:middle; background:#1e1e1c url(/image/bg_switch.png) center center no-repeat; background-size:23px 3px; border:1px solid #1e1e1c; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:0 1px 1px rgba(136,136,134,1); -webkit-box-shadow:0 1px 1px rgba(136,136,134,1); -moz-box-shadow:0 1px 1px rgba(136,136,134,1);} .bootstrap-switch .bootstrap-switch-container{display:inline-block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:inset 1px 1px 2px rgba(0,0,0,0.9); -webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.9); -moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.9); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); box-shadow: none;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;} .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear;} .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label{cursor:pointer; display:inline-block !important; height:100%; line-height:27px; font-size:0; transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear;} .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off{z-index:1; width:27px;} .bootstrap-switch .bootstrap-switch-label{z-index:100; width:27px !important; background:#484843 url(/image/bg_switch_off.png) center center no-repeat; background-size:15px 15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:inset 1px 1px 1px rgba(142,142,139,1); -webkit-box-shadow:inset 1px 1px 1px rgba(142,142,139,1); -moz-box-shadow:inset 1px 1px 1px rgba(142,142,139,1);} .bootstrap-switch-on .bootstrap-switch-label{background-image:url(/image/bg_switch_on.png); box-shadow:-1px 1px 1px rgba(255,255,255,0.1); -webkit-box-shadow:-1px 1px 1px rgba(255,255,255,0.1); -moz-box-shadow:-1px 1px 1px rgba(255,255,255,0.1);} #controls .temp{margin:0 4px; text-align:center;} #controls .temp .tit{font-size:16px; font-weight:bold; color:#babab9;} #controls .temp .state{margin-top:15px; line-height:50px; font-size:40px; font-weight:300; color:#fff;} #controls .temp .state.tmp {opacity:0.5;} #controls .temp .state.disabled{color:#6a6a67;} #controls .temp .state.enabled{display:none; color:#fff;} #controls .dashboard .temp .state{font-weight:100;} #controls .switch .temp{border-top:1px solid #5c5c57;} #controls .temp .control_btn{margin-top:15px; border-radius: 5px; display: inline-block;width: 15%; height: 55px; overflow: visible;} #controls .control_btn button {width: 45%; height: 100%;} #controls .temp .control_btn .tem-cont-sel{ position: relative; bottom: 82px; height: 60px; width: 120px;} #controls .temp .control_btn .tem-cont-sel select{opacity:0;width:100%;height:100%;} #controls .air{position:relative; display:block; margin:0 4px; height:33%; overflow:hidden; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} #controls .air + .air{border-top:1px solid #5c5c57;} #controls .air .inner{width:280px;} #controls .air *{vertical-align:middle;} #controls .air dt{float:left; display:block; line-height:39px; font-size:14px; font-weight:bold; color:#4e4e49; width: 30%} #controls .air dd{float:left; display:block; width:88px; height:39px; margin-right:7px; line-height:39px; font-size:15px; color:#6a6a67; width:22%;} #controls .air dd.enabled{display:none;} #controls .air .control_btn{float:left; display:block;width:35%;} #controls .air-control.active .air dt{color:#babab9; transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear;} #controls .air-control.active .air dd{color:#fff; transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear;} #controls .air-control.active .air dd.enabled, #controls .air-control.active p.enabled{display:block;} #controls .air-control.active .air dd.enabled.tmp {opacity:0.5} #controls .air-control.active .air dd.disabled, #controls .air-control.active p.disabled{display:none;} #controls .vent_power{overflow:hidden;} #controls .vent_power dt{line-height:30px; text-align:center; font-size:16px; font-weight:bold;} #controls .vent_power dd{margin-left:0px;} #controls .vent_wind{overflow:hidden; text-align:center; padding-bottom:35px;} #controls .vent_wind dt{display:block; padding-bottom:51px; font-size:16px; font-weight:bold;} #controls .vent_wind dd{float:left; width:33%; height:80px;} #controls .vent_wind dd + dd{border-left:1px solid #686863;} #controls .vent_wind dd button{width:83px; height:80px; padding-top:38px; font-size:16px; color:#6a6a67; background-position:center 8px; background-repeat:no-repeat; background-size:35px 27px; transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear;border-style: none;} #controls .vent_wind dd button.wind1{background-image:url(/image/wind_step1_off.png); outline:none;} #controls .vent_wind dd button.wind2{background-image:url(/image/wind_step2_off.png); outline:none;} #controls .vent_wind dd button.wind3{background-image:url(/image/wind_step3_off.png); outline:none;} #controls .vent_wind.on dd button.wind1{background-image:url(/image/wind_step1.png);} #controls .vent_wind.on dd button.wind2{background-image:url(/image/wind_step2.png);} #controls .vent_wind.on dd button.wind3{background-image:url(/image/wind_step3.png);} #controls .vent_wind.on dd button{color:#fff;} #controls .vent_wind.on dd button.wind1.active{background-image:url(/image/wind_step1_on.png); outline:none;} #controls .vent_wind.on dd button.wind2.active{background-image:url(/image/wind_step2_on.png); outline:none;} #controls .vent_wind.on dd button.wind3.active{background-image:url(/image/wind_step3_on.png); outline:none;} #controls .btn_curtain button{display:block; width:100px; height:100px; padding-top:65px; font-size:15px; font-weight:bold; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} #controls .btn_curtain button + button{margin-top:27px;} #controls .btn_curtain button.on{background-color:#51950c !important;} #controls .btn_curtain button.open{background:#9e9e9e url(/image/curtain_open.png) center 13px no-repeat; background-size:59px 52px; border-style: none;} #controls .btn_curtain button.pause{background:#9e9e9e url(/image/curtain_pause.png) center 22px no-repeat; background-size:28px 39px;border-style: none;} #controls .btn_curtain button.close{background:#9e9e9e url(/image/curtain_close.png) center 13px no-repeat; background-size:59px 52px;border-style: none;} /* lob */ #controls .btn_door button {display:block; width:100px; height:100px; padding-top:65px; font-size:15px; font-weight:bold; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} #controls .btn_door button.door_open {background:#51950c url(/image/door_open.png) center 13px no-repeat; background-size:59px 52px; margin-bottom:10px;} #controls .swiper-container { height: 100%} /* hos */ #hos-view #controls.type1 .dashboard {height:30%;} #hos-view #controls.type1 .switch {top:30%; height:70%;padding:10px;} #hos-view .dashboard {text-align: center; padding:30px;} #hos-view #controls.type1 .dashboard .hotline {position: absolute; width: 80%; left: 10%; top: 50%;margin-top:-50px;} #hos-view .dashboard h1 {font-size:20px;} #hos-view .dashboard button {margin:20px 0 0;font-size:25px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;padding:5px;width:80%;font-weight:normal; border:2px solid #FFFFFF; border-style: solid !important;} #hos-view .switch ul li {padding:0 0 0;} #hos-view .switch li img {width: 40%; margin-bottom:10px;} #hos-view .switch ul li:first-child {border-right:1px solid #666;border-bottom:1px solid #666;} #hos-view .switch ul li:nth-child(2) {border-bottom:1px solid #666;} #hos-view .switch ul li:nth-child(3) {border-right:1px solid #666;} #hos-view .switch li a {color:#FFF;font-size:15px;font-weight:normal; position:relative; display:block; box-sizing: border-box;top:20%;} /* board */ .lst_btn{position:relative; bottom:-16px; left:0; width:100%; overflow:hidden; text-align:center;} .lst_btn .btn{display:inline-block; height:44px; line-height:44px; font-size:16px; font-weight:bold; background:#888682; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color: #fff;} .lst_btn .btn.more{width:50%;} .danji .lst_btn .btn.half{width:48%;color: #fff;} .lst_btn .btn.half{width:50%;color: #fff;} .lst_btn .btn.onethird{float:left; width:31.8%;} .lst_btn .btn.onethird + .btn.onethird{margin-left:2.3%;} .lst_btn .btn.left{float:left;} .lst_btn .btn.right{float:right;} .lst_btn .btn.prev span{display:inline-block; vertical-align:middle; width:11px; height:18px; overflow:hidden; font-size:0; background:url(/image/btn_prev.png) no-repeat; background-size:11px 18px;} .lst_btn .btn.next span{display:inline-block; vertical-align:middle; width:11px; height:18px; overflow:hidden; font-size:0; background:url(/image/btn_next.png) no-repeat; background-size:11px 18px;} .lst_btn .btn.visitor{width:31.8%;} .lst_btn .btn.visitor span{display:inline-block; vertical-align:middle; width:20px; height:22px; overflow:hidden; font-size:0; background:url(/image/btn_visitor.png) no-repeat; background-size:20px 22px;} .lst_btn .btn.visitor.playing span{ background:url(/image/btn_pause.png) no-repeat; background-size:20px 22px} #health-list{z-index:100; padding:82px 21px 35px 21px; width: 100%; background: url(/image/bg_base.png) no-repeat; background-size: 100% 100%; box-sizing: border-box; -webkit-box-sizing: border-box;} #list{z-index:100; padding:103px 21px 93px 21px; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} #list.type2{padding: 129px 21px 70px 21px;} #schedule-view #list.type2{padding: 79px 21px 120px 21px;} #list.bat{padding: 92px 21px 0px 21px;} #list.type3{padding-top:127px;} #list .lst_header{position:relative; margin-top:-30px;} #list.type2 .lst_board_header{margin-top:0px;} #list.type2 .lst_header{position:relative; margin-top:-75px; height:38px;} #schedule-view #list.type2 .lst_header{position:relative; margin-top:17px; height:38px;} #list.type3 .lst_header{position:relative; margin-top:-54px; height:54px;} #list .lst_header .page{text-align:right; line-height:30px; font-size:14px; font-weight:bold;} #list .lst_header .date{text-align:center; line-height:30px; font-size:19px; font-weight:bold;color: #fff;text-shadow: initial;} #list .lst_header .btn{position:absolute; top:0; display:block; width:30px; height:30px; overflow:hidden; font-size:0; background-size:8px 13px !important; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} #list.schedule .lst_header .button, .btn-schedule {height: 40px; font-size: 16px; font-weight: bold; background: #bbbbbb; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding:0 20px; position:relative; left:27%;} #list .lst_header .btn.prev{left:0; background:#bdbbb8 url(/image/btn_prev2.png) center center no-repeat;} #list .lst_header .btn.next{right:0; background:#bdbbb8 url(/image/btn_next2.png) center center no-repeat;} #list .lst_header .frm_search{position:relative; padding-left:48px; height:44px; line-height:44px; background:#454545; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width: calc(100% - 138px);} #list .lst_header .frm_search button{position:absolute; top:0; left:0; width:48px; height:44px; overflow:hidden; font-size:0; background:url(/image/ico_search.png) center center no-repeat; background-size:18px 18px;border:0 none;} #list .lst_header .frm_search input{width:100%; height:100%; outline:none; background:transparent;font-size:20px;padding:0 6px;border-radius: 0 10px 10px 0;} #list .lst_header .frm_search input:-webkit-autofill, #list .lst_header .frm_search input:-webkit-autofill:hover, #list .lst_header .frm_search input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #454545 inset; -webkit-text-fill-color: #fff !important; } #list .lst_board_header {margin-top:-25px;} #list .lst_body {height:100%;overflow:auto;background:#3e3e38} #list .lst_board th, #list .lst_board td{text-align:center; font-weight:normal;} #list .lst_board th{font-size:15px; background:#252525; border-top:3px solid #252525; border-bottom:3px solid #252525;color: #fff;text-shadow: initial;} #list .lst_board td{line-height:18px; font-size:19px; background:#3e3e38; border-bottom:1px solid #585853;height:45px;color: #fff;text-shadow: initial;} #list .lst_board tr:last-child td{border-top:0;} #list .lst_board td.text{padding:0 10px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} #list .lst_board td .time{color:#a2a1a1;} #list .lst_board td .screen{display:inline-block; width:58px; height:36px; overflow: hidden; /*background:#000; border:1px solid #fff;*/} #list .lst_board td .screen img{width: 100%;height:100%;} #list .lst_board td .btn_select{display:inline-block; width:53px; height:26px; line-height:26px; text-align:center; font-size:13px; background:#51950c; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;color: #fff;} #list .lst_board.visitor td{line-height:37px;} #list .lst_board.visitor td:first-child{line-height:1;} #list .lst_board.confirm td{line-height:26px;} #list .lst_board.confirm td:first-child{padding-left:16px; text-align:left;} #view{z-index:100; padding:82px 21px 120px 21px; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} #view .viw_board{height:100%;} #view .viw_board th, #view .viw_board td{text-align:left; line-height:30px; font-weight:normal;} #view .viw_board th{padding:11px 14px; height:30px; font-size:15px; background:#252525;} #view .viw_board td{position:relative; vertical-align:top; font-size:13px; background:#3d3d37;} #view .viw_board td .article{position:absolute; top:0; left:0; width:100%; height:100%; padding:8px 20px; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} #view .viw_visitor{height: 100%;background: #000;padding: 2px 2px 5px 5px;} #view .viw_visitor.video{height: initial;background: #000;padding: 2px 2px 0 5px;} #write{z-index:100; padding:125px 21px 107px 21px; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} #write .wrt_header{position:relative; margin-top:-54px; height:54px;} #write .wrt_header .frm_header{position:relative; padding-left:95px; height:44px; line-height:44px; background:#252525; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} #write .wrt_header .frm_header label{position:absolute; top:0; left:0; padding-left:17px; font-size:15px;} #write .wrt_header .frm_header input{width:100%; height:100%; outline:none; background:transparent;} #write .wrt_board{height:100%;background:#3d3e38 !important;} #write .wrt_board #map .nmap{width:100% !important; height:100%!important;} #write .wrt_board #map-wrap {width:100%; height:70%;} #write .wrt_board textarea{width:100%; height:30% !important; padding:15px 17px; font-size:15px; /*background:#3d3e38 !important;*/ box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; -o-box-sizing:border-box !important; -ms-box-sizing:border-box !important; border-style: none;} /* setting */ #setting{z-index:100; padding:72px 21px 28px 21px; position:absolute; top:0; left:0; width:100%; height:100%; /*max-height:500px;*/ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} #setting .link{position:relative; display:block; padding-left:20px; height:30px; line-height:30px; color: #fff; font-weight:normal;} #setting .link span{position:absolute; right:20px; display:inline-block; width:8px; height:30px; background:url(/image/btn_next2.png) center center no-repeat; background-size:8px 13px;} #setting .bootstrap-switch{z-index:0; position:relative; display:inline-block; width:45px; height:8px; text-align:left; direction:ltr; cursor:pointer; vertical-align:middle; background:#d9d9d9; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} #setting .bootstrap-switch.bootstrap-switch-animate{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear;overflow:visible} #setting .bootstrap-switch.bootstrap-switch-on{background:#5d5d5d;} #setting .bootstrap-switch .bootstrap-switch-container{position:absolute; top:-7px; line-height:1; display:inline-block; height:22px; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);} #setting .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear;} #setting .bootstrap-switch .bootstrap-switch-handle-on, #setting .bootstrap-switch .bootstrap-switch-handle-off, #setting .bootstrap-switch .bootstrap-switch-label{cursor:pointer; display:inline-block !important; height:22px; font-size:0; vertical-align:middle; transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear;} #setting .bootstrap-switch .bootstrap-switch-handle-on, #setting .bootstrap-switch .bootstrap-switch-handle-off{z-index:1; width:33px;} #setting .bootstrap-switch .bootstrap-switch-label{z-index:100; width:22px !important; background:#fff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; box-shadow:1px 1px 3px rgba(0,0,0,0.28); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.28); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.28);} #setting .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label{box-shadow:1px 1px 3px rgba(0,0,0,0.65); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.65); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.65);} #setting .set_member{padding:4px 0 12px 0; font-size:14px; background:#3d3e38;} #setting .set_member h3{display:block; margin:0 4px; padding-left:13px; line-height:43px; font-size:15px; border-bottom:1px solid #5c5d58;} #setting .set_member .info{padding:15px 20px;} #setting .set_member .info .thumbs{display:inline-block; width:39px; height:34px; background:#000;} #setting .set_member .info .thumbs img{width:100%; height:100%;} #setting .set_member .set_login{overflow:hidden; padding:0 20px; line-height:25px; text-align:right;} #setting .set_member .set_login .label{float:left;} #setting .set_member .link{margin-top:12px;} #setting .set_program{margin-top:20px; padding:19px 0; font-size:14px; background:#3d3e38;} #setting .set_program .ver{padding:0 20px; line-height:22px;} #setting .set_program .ver span{margin-left:48px;} #setting .set_program .link{margin:15px 0;} #setting .set_program .reset{overflow:hidden; padding:0 20px; line-height:30px;} #setting .set_program .reset button{float:right; width:75px; height:30px; font-size:14px; background:#696967; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} #setting .set_menu{padding:23px; height:80%; overflow:auto; background:#3d3e38; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} #setting .set_menu .frm_checkbox + .frm_checkbox{margin-top:26px;} #setting .set_menu .frm_checkbox input:not(.ie){display:none;} #setting .set_menu .frm_checkbox input:not(.ie) + label{display:block; padding-left:35px; line-height:22px; font-size:14px; background:url(/image/bg_check.png) left center no-repeat; background-size:22px 22px;} #setting .set_menu .frm_checkbox input:not(.ie):checked + label{background-image:url(/image/bg_checked.png);} #setting .set_pw{padding:9px 20px 23px 20px; background:#3d3e38;} #setting .set_pw .frm_pw + .frm_pw{margin-top:20px;} #setting .set_pw .frm_pw label{display:block; line-height:33px; font-size:14px;} #setting .set_pw .frm_pw input{width:100%; height:38px; padding-left:11px; font-size:14px; background:#696967; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} #setting .onoff {font-size:12px;} /* popup */ .popup{display:none; z-index:1150; position:absolute; top:0; left:0; width:100%; height:100%; padding:61px 16px 0 16px; background:rgba(0,0,0,0.73); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} .popup .pop_layer{position:relative; padding:0 14px; text-align:center; background:#545450; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:2px 3px 3px rgba(0,0,0,0.57); -webkit-box-shadow:2px 3px 3px rgba(0,0,0,0.57); -moz-box-shadow:2px 3px 3px rgba(0,0,0,0.57);} .popup .pop_layer .pop_close{position:absolute; top:0; right:0; width:46px; height:45px; overflow:hidden; font-size:0; background:url(/image/btn_close.png) center center no-repeat; background-size:10px 10px;} .popup .pop_layer .title{line-height:45px; font-size:18px; /*border-bottom:1px solid #fff;*/} .popup .pop_layer .article{min-height:64px; padding:22px 0; font-size:15px;} #menu-view .popup .pop_layer input{color:#505050; background: #ffffff;} .popup .pop_layer input{font-size: 17px;width:100%;height:39px;border-radius:5px;color: #505050;padding:0 10px;box-sizing:border-box;} .popup .pop_layer .auth-btn{margin: 15px 0;font-size: 17px;color: #fff;background: #9e9e9e;width:100%;height:39px;border-radius:5px;} .full-iframe {width:100%;height:100vh;border: 0 none;padding:45px 0 0;box-sizing:border-box} /* ?솚湲? */ #controls #ven_inner {width:100%;} #controls #ven_inner2 {width:100%;} /*단지선택 검색 버튼*/ #list .lst_header .frm_search .search-btn{width: 70px; background: #51950c; /*border: 1px solid #49850b;*/ border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block; position: absolute; top: 0; right: -90px; left: inherit; font-size: 16px; height: 44px; box-sizing: border-box; text-align: center; } /* ?뿬?뒪耳??뼱 */ /*.health-view{display:none;}*/ /*.health-view.show{display:block; overflow:hidden;}*/ .hea_top{background:#3E3E38; margin-top:10px; height:250px;padding:20px;position: relative; } .hea_top .hea_graph{border:1px solid; border-top-style:hidden; border-right-style:hidden; margin: 20px 20px 10px 20px; padding-top:10px; /*background: url("/image/first_graph_01.png") no-repeat; background-size: 100%;*/ } .hea_top .hea_graph .first_graph{width:58%; position:absolute; left:66px; top:50px;} .hea_top .hea_graph .box{border-top:1px dotted; border-right-style:hidden; height:25px;} .hea_top .hea_graph_bottom{padding-left:20px; font-size: 15px;} .hea_graph_bottom .bottom .date{display:inline-block;} .hea_top .graph_left{position: absolute; line-height:26px; left:14px; top:36px;} .hea_center{background:#3E3E38; margin-top:20px; height:310px; padding:0 20px; position:relative; text-align:center;} .hea_center span{position:relative; top:45px;} .hea_center .box{border:1px solid; border-top:dotted; border-right-style:hidden;padding:20px; } .hea_center .left{float:left; position: relative; left:10px; top: 15px;} .hea_center .right{float:right; position: relative; left:-15px; top: 15px;} .hea_center .right img{width:20px;} .hea_center .right_bottom{position: absolute;bottom: 10px; right: 10px;} .hea_center .title_left{float:left; position:relative; top:27px; color:#89aa3b; font-size:13px;} .hea_center .title_right{float:right; position:relative; top:27px; font-size:13px;} .hea_center .graph_right{position: relative; bottom:-275px; right:-112px; color:#db6a3e; font-size:13px;} .health-section{background:#3E3E38; margin-top:10px; margin-bottom: 23px;position: relative;} .health-section .graph {height: 300px; padding:0 30px; position:relative;} .health-section.health-content{padding:10px; } .health-section.detail-graph {padding:15px 10px;} .health-section .health-prev {display:none; position:absolute; left:0; top:0; height: 100%; width: 30px; background:url('/image/health/prev.png') no-repeat center; z-index:1;} .health-section .health-next {display:none; position:absolute; right:0; top:0; height: 100%; width: 30px; background:url('/image/health/next.png') no-repeat center; z-index:1;} .health-section .empty {width:100%;/* height:100%; */text-align:center;/* padding-top:40%; */box-sizing:border-box;display:none;position:absolute;left:0;/* top:0; */bottom: -20px;/* background:#3E3E38; */z-index:10;} #bone-weight, #fat-weight, #inside-fat, #right-arm-rate, #left-arm-rate, #left-leg-rate, #right-leg-rate { padding: 14px 0; border-top: #51534d solid 1px; } #body-weight, #stomach-fat, #body-rate { padding-bottom: 14px; /*border-top: #51534d solid 1px;*/ } .bubble { text-align: center; width: 40px; height: 30px; position: absolute; top: -32px; left: 100px; padding: 4px; box-sizing: border-box; } .box-graph { position: relative; } .box-graph img { width: 100%; } .box-graph-wrap { position: absolute; top: 0; right: 0; } .box-graph-inner { position: relative; } .blue.bubble { background: url('/image/health/blue_bubble.png') no-repeat; background-size: 100%; } .orange.bubble { background: url('/image/health/orange_bubble.png') no-repeat; background-size: 100%; } .green.bubble { background: url('/image/health/green_bubble.png') no-repeat; background-size: 100%; } .stick-graph { width: 100%; position: relative; height: 20px; margin-top: 40px; } .graph-unit { float: right; } .stick-graph.bi-right { background: url('/image/health/right_graph.png') no-repeat; background-size: 100% 90%; } .stick-graph.bi-left { background: url('/image/health/left_graph.png') no-repeat; background-size: 100% 90%; } .stick-graph.left { background: url('/image/health/position_graph_left.png') no-repeat; background-size: 100% 90%; } .stick-graph.center { background: url('/image/health/position_graph_center.png') no-repeat; background-size: 100% 90%; } .stick-graph.right { background: url('/image/health/position_graph_right.png') no-repeat; background-size: 100% 90%; } .section-label-wrap { font-size: 0; color: #8a8c86; position: relative; } .section-label-wrap.num { margin-top: -20px; } .num-label { font-size: 16px; color: #fff; text-align: center; display: block; } .section-label { width: 33%; font-size: 16px; display: inline-block; text-align: center; } .num-blank { width: 16.5%; font-size: 15px; display: inline-block; text-align: center; color: #fff; } .section-label.bi { width: 50%; } .area-graph { width: 100%; position:relative; } .area-graph .dummy { padding-top: 86%; } .area-graph .star-area { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('/image/health/area_graph.png') no-repeat; background-size: 100%; } .star-point { background: url('/image/health/star.png') no-repeat; background-size: 100%; width: 20px; height: 20px; position: absolute; } .health-section-title { font-size: 15px; } .health-section-subtitle { font-size: 14px; } .health-section-subtitle.first { margin-top:20px; } .health-section h1{color:#51950C; margin-bottom: 10px; font-size: 16px;} .health-section .contents{ margin-bottom:15px; font-weight: normal; line-height: 22px; letter-spacing: 0.3px; } .x-axis { } .y-axix { } .box-graph { } .health-date-range{position:relative; left:0; width:100%; padding: 12px 0;} .health-date-range .date-btn{ display: inline-block; height: 34px; vertical-align: middle; width: 34px; line-height: 31px; /* font-size: 16px; */ font-weight: bold; background: #1b263c; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .health-date-range .prev-date{float:left;} .health-date-range .next-date{float:right;} .health-date-range .btn_date{line-height: 34px; text-align: center;} .health-date-range .btn_date .ui-input-text {display: inline-block; width: 45%;margin:0;padding:0;} .health-date-range .btn_date .ui-input-text .health_start_date {text-align: right;} .health-date-range .btn_date .ui-input-text .health_end_date {text-align: left;} .health-date-range .prev-date span{display:inline-block; vertical-align:middle; width:11px; height:18px; overflow:hidden; font-size:0; background:url(/image/btn_prev.png) no-repeat; background-size:11px 18px;} .health-date-range .next-date span{display:inline-block; vertical-align:middle; width:11px; height:18px; overflow:hidden; font-size:0; background:url(/image/btn_next.png) no-repeat; background-size:11px 18px;} #absolute1,#absolute2,#absolute3,#absolute4{ position:absolute;} #absolute1{background-color:#6e823d;width:51%; height:36%; bottom:40px; left:20px; position:absolute;z-index:4; border: 2px solid; border-right-style:hidden; border-top-style:hidden;} #absolute2{background-color:#59523f;width:63%; height:48%; bottom:40px; left:20px; position:absolute;z-index:3; border: 2px solid; border-right-style:hidden; border-top-style:hidden;} #absolute3{background-color:#444444;width:75%; height:60%; bottom:40px; left:20px; position:absolute;z-index:2; border: 2px solid; border-right-style:hidden; border-top-style:hidden;} #absolute4{background-color:#734c3b;width:88%; height:72%; bottom:40px; left:20px; position:absolute;z-index:1; border: 2px solid; border-right-style:hidden; border-top-style:hidden;} .hea_top_sec .hea_graph_sec{border:1px solid; border-top-style:hidden; border-right-style:hidden; margin: 20px 20px 10px 20px; padding-top:10px; background: url("/image/second_graph_01.png") no-repeat; background-size: 225px 176px; } .hea_top_sec .hea_graph_sec .second_graph{position:absolute; width:62%; left:60px;} .hea_top_sec .hea_graph_sec .box{border-top:1px dotted; border-right-style:hidden; height:25px;} .hea_top_sec .hea_graph_sec_bottom{padding-left:20px;font-size:15px;} .hea_graph_sec_bottom .bottom .date{display:inline-block;} .hea_top_sec .graph_left_sec{position: absolute;line-height:31px;left:18px;top:140px;} .hea_top_sec_top{border:1px solid; padding:15px; font-size:15px; line-height:25px;} .hea_top_sec_top img{width:5%; margin-right:10px;} .hea_center_sec{background:#3E3E38; margin-top:20px; height:435px; padding:0 20px; text-align:center;} .hea_bottom_sec{background:#3E3E38; padding:10px; margin-top:20px;} .hea_bottom_sec h1{color:#51950C; margin:10px 0;} .hea_center_sec .graph_wrp{height:43px;} .hea_center_sec .title_left{float:left; margin-top:10px;} .hea_center_sec .title_right{float:right; margin-top:10px;} .hea_center_sec .graph_left{float:left; border:1px solid #696969; height:13px; border-radius:90px 0 0 90px;background:#696969; width:32%;} .hea_center_sec .graph_right{float:left; border:1px solid #696969; height:13px; border-radius:0 90px 90px 0; background:#696969; width:32%;} .hea_center_sec .graph_center{float:left; border:1px solid #A6CA50; height:13px; background:#a6ca50; width:32%;} .hea_center_sec .graph_contents{border-bottom: 1px solid #666666; height:65px;} .hea_center_sec .graph_contents .contents_left{width:32%; float:left; margin-top:10px; color:#949590;} .hea_center_sec .graph_contents .contents_center{width:32%; float:left; margin-top:10px; color:#949590;} .hea_center_sec .graph_contents .contents_right{width:32%; float:left; margin-top:10px; color:#949590;} .hea_center_sec .graph_contents_last .contents_left{width:32%; float:left; margin-top:10px; color:#949590;} .hea_center_sec .graph_contents_last .contents_center{width:32%; float:left; margin-top:10px; color:#949590;} .hea_center_sec .graph_contents_last .contents_right{width:32%; float:left; margin-top:10px; color:#949590;} .hea_center_sec .bubble{position: relative; top:-12px;} .hea_center_sec .bubble .label{color:#ffffff; background-color:#458ccc; border-radius:5px; padding:10px; width: 10%; position:relative; right:-115px; font-size:15px;} .hea_center_sec .bubble .tail{left:50%; margin-left:-18px; border-right:18px solid transparent; border-top:18px solid #458ccc; border-left:18px solid transparent; position:absolute; bottom:-18px; width:0; height:11px;} .hea_center_sec .bubble_sec{position: relative; top:-12px; left:-9px} .hea_center_sec .bubble_sec .label{color:#ffffff; background-color:#e26c3e; border-radius:5px; padding:10px; width: 15%; position:relative; right:-115px; font-size:15px;} .hea_center_sec .bubble_sec .tail{left:50%; margin-left:-10px; border-right:18px solid transparent; border-top:18px solid #e26c3e; border-left:18px solid transparent; position:absolute; bottom:-18px; width:0; height:11px;} .hea_center_sec .bubble_thr{position: relative; top:-12px; left:-9px} .hea_center_sec .bubble_thr .label{color:#ffffff; background-color:#6E823D; border-radius:5px; padding:10px; width: 15%; position:relative; right:-115px; font-size:15px;} .hea_center_sec .bubble_thr .tail{left:50%; margin-left:-10px; border-right:18px solid transparent; border-top:18px solid #6E823D; border-left:18px solid transparent; position:absolute; bottom:-18px; width:0; height:11px;} .hea_top_thr_title{margin-top:10px;} .hea_top_thr{background:#3E3E38; height:340px;padding:20px; position:relative; margin-top:10px;} .hea_top_thr .hea_graph_thr{border:1px solid; border-top-style:hidden; border-right-style:hidden; margin: 20px 20px 10px 20px; padding-top:10px;/* background:url("/image/fourth_graph_01.png") no-repeat; background-size:100%; background-position-y:50%; */} .hea_top_thr .hea_graph_thr .fourth_graph{position:absolute; width:65%; left:59px; bottom: 177px;} .hea_top_thr .hea_graph_thr .box{border-top:1px dotted; border-right-style:hidden; height:25px;} .hea_top_thr .hea_graph_thr_bottom{padding-left:20px;font-size:15px;} .hea_graph_thr_bottom .bottom .date{display:inline-block} .hea_top_thr .graph_left_thr{position:absolute;line-height:25px;left:10px;top:41px;} .hea_center_thr{background:#3E3E38; margin-top:20px; height:300px; padding:0 20px; } .hea_center_thr .graph_wrp{height:65px;} .hea_center_thr .title_left{padding-top:10px; font-size:15px; } .hea_center_thr .sub_left{padding-top:10px; } .hea_center_thr .graph_left{float:left; border:1px solid #696969; height:13px; border-radius:90px 0 0 90px;background:#696969; width:32%;} .hea_center_thr .graph_right{float:left; border:1px solid #696969; height:13px; border-radius:0 90px 90px 0; background:#696969; width:32%;} .hea_center_thr .graph_center{float:left; border:1px solid #A6CA50; height:13px; background:#a6ca50; width:32%;} .hea_center_thr .graph_sec .graph_left{float:left; border:1px solid #696969; height:13px; border-radius:90px 0 0 90px;background:#A6CA50; width:49%; } .hea_center_thr .graph_sec .graph_right{float:left; border:1px solid #696969; height:13px; border-radius:0 90px 90px 0; background:#696969; width:49%; } .hea_center_thr .graph_contents{text-align:center;} .hea_center_thr .graph_contents .contents_left{width:32%; float:left; margin-top:10px; color:#949590;} .hea_center_thr .graph_contents .contents_center{width:32%; float:left; margin-top:10px; color:#949590;} .hea_center_thr .graph_contents .contents_right{width:32%; float:left; margin-top:10px; color:#949590;} .hea_center_thr .graph_contents_sec{text-align:center;} .hea_center_thr .graph_contents_sec .contents_left{width:32%; float:left; margin-top:10px; color:#949590;} .hea_center_thr .graph_contents_sec .contents_center{width:32%; float:left; margin-top:10px; color:#949590;} .hea_center_thr .graph_contents_sec .contents_right{width:32%; float:left; margin-top:10px; color:#949590;} .hea_center_thr .graph_wrp_sec{margin-top:60px;} .hea_center_thr .bubble{position: relative; top:-12px; left:-22px;} .hea_center_thr .bubble .label{color:#ffffff; background-color:#458ccc; border-radius:5px; padding:10px; width: 15%; position:relative; right:-115px; font-size:15px; text-align:center;} .hea_center_thr .bubble .tail{left:50%; margin-left:-10px; border-right:18px solid transparent; border-top:18px solid #458ccc; border-left:18px solid transparent; position:absolute; bottom:-18px; width:0; height:11px;} .hea_center_thr .bubble_sec{position: relative; top:-12px; left:-115px; margin-top: 13px;} .hea_center_thr .bubble_sec .label{color:#ffffff; background-color:#E26C3E; border-radius:5px; padding:10px; width: 10%; position:relative; right:-115px; font-size:15px; text-align:center;} .hea_center_thr .bubble_sec .tail{left:50%; margin-left:-18px; border-right:18px solid transparent; border-top:18px solid #E26C3E; border-left:18px solid transparent; position:absolute; bottom:-18px; width:0; height:11px;} .right-bottom-text{margin-top:30px; float:right; color:#E26C3E; font-size:13px;} .right-bottom-percent{margin-top:40px; float:right; position:absolute; right:38px; bottom: 17px; color:#E26C3E; font-size:13px;} .hea_top_fou_title{margin-top:30px;} .hea_top_fou{background:#3E3E38; height:220px;padding:20px;position: relative;} .hea_top_fou .hea_graph_fou{border:1px solid; border-top-style:hidden; border-right-style:hidden; margin: 20px 20px 10px 20px; padding-top:10px; background:url("/image/fourth_graph_02.png") no-repeat; background-size:100%; background-position-y:87%; } .hea_top_fou .hea_graph_fou .fourth_graph{position:absolute; width:65%; right:53px; bottom:60px;} .hea_top_fou .hea_graph_fou .box{border-top:1px dotted; border-right-style:hidden; height:70px;} .hea_top_fou .hea_graph_fou_bottom{padding-left:20px;font-size:15px;} .hea_graph_fou_bottom .bottom .date{display:inline-block} .hea_top_fou .graph_left_fou{position:absolute;line-height:73px;left:18px;top:29px;} .hea_top_fou_sec{background:#3E3E38; height:220px;padding:20px;position: relative; margin-top:20px;} .hea_top_fou_sec .hea_graph_fou{border:1px solid; border-top-style:hidden; border-right-style:hidden; margin: 20px 20px 10px 20px; padding-top:10px; background:url("/image/fourth_graph_03.png") no-repeat; background-size:100%; background-position-y:87%; } .hea_top_fou_sec .hea_graph_fou .fourth_graph{position:absolute; width:65%; right:53px; bottom:60px;} .hea_top_fou_sec .hea_graph_fou .box{ border-top:1px dotted; border-right-style:hidden; height:70px;} .hea_top_fou_sec .hea_graph_fou_bottom{padding-left:20px;font-size:15px;} .hea_top_fou_sec .graph_left_fou{position:absolute;line-height:73px;left:18px;top:29px;} .hea_center_fou_thr{background:#3E3E38; height:250px;padding:20px;position: relative; margin-top:20px;} .hea_bottom_fou{background:#3E3E38; padding:10px; margin-top:20px;} .hea_bottom_fou h1{color:#51950C; margin-bottom: 10px;} .hea_center_fou_thr .graph_wrp{height:40px;} .hea_center_fou_thr .title_left{float:left; margin-top:10px;} .hea_center_fou_thr .title_right{float:right; margin-top:10px;} .hea_center_fou_thr .graph_left{float:left; border:1px solid #696969; height:13px; border-radius:90px 0 0 90px;background:#696969; width:32%;} .hea_center_fou_thr .graph_right{float:left; border:1px solid #696969; height:13px; border-radius:0 90px 90px 0; background:#696969; width:32%;} .hea_center_fou_thr .graph_center{float:left; border:1px solid #A6CA50; height:13px; background:#a6ca50; width:32%;} .hea_center_fou_thr .graph_contents{border-bottom: 1px solid #666666; height:65px;} .hea_center_fou_thr .graph_contents .contents_left{width:20%; float:left; margin-top:10px; color:#949590; text-align:right;} .hea_center_fou_thr .graph_contents .contents_center{width:20%; float:left; margin-top:10px; color:#949590; text-align:center;} .hea_center_fou_thr .graph_contents .contents_right{width:20%; float:left; margin-top:10px; color:#949590;} .hea_center_fou_thr .graph_contents .contents_left_num{width:20%; float:left; margin-top:10px; text-align:center;} .hea_center_fou_thr .graph_contents .contents_right_num{width:20%; float:left; margin-top:10px; text-align:center;} .hea_center_fou_thr .graph_contents_last .contents_left{width:20%; float:left; margin-top:10px; color:#949590; text-align:right;} .hea_center_fou_thr .graph_contents_last .contents_center{width:20%; float:left; margin-top:10px; color:#949590; text-align:center;} .hea_center_fou_thr .graph_contents_last .contents_right{width:20%; float:left; margin-top:10px; color:#949590;} .hea_center_fou_thr .graph_contents_last .contents_left_num{width:20%; float:left; margin-top:10px; text-align:center;} .hea_center_fou_thr .graph_contents_last .contents_right_num{width:20%; float:left; margin-top:10px; text-align:center;} .hea_center_fou_thr .bubble{position: relative; top:-12px; left:-15px;} .hea_center_fou_thr .bubble .label{color:#ffffff; background-color:#6e7999; border-radius:5px; padding:10px; width:15%; position:relative; right:-115px; font-size:15px; text-align:center;} .hea_center_fou_thr .bubble .tail{left:50%; margin-left:-10px; border-right:18px solid transparent; border-top:18px solid #6e7999; border-left:18px solid transparent; position:absolute; bottom:-18px; width:0; height:11px;} .hea_center_fou_thr .bubble_sec{position: relative; top:-12px; left:-15px;} .hea_center_fou_thr .bubble_sec .label{color:#ffffff; background-color:#6E823D; border-radius:5px; padding:10px; width: 15%; position:relative; right:-115px; font-size:15px; text-align:center;} .hea_center_fou_thr .bubble_sec .tail{left:50%; margin-left:-10px; border-right:18px solid transparent; border-top:18px solid #6E823D; border-left:18px solid transparent; position:absolute; bottom:-18px; width:0; height:11px;} .hea_top_fif{background:#3E3E38; height:220px;padding:20px;position: relative; margin-top:10px;} .hea_top_fif .hea_graph_fif{border:1px solid; border-top-style:hidden; border-right-style:hidden; margin: 20px 20px 10px 20px; padding-top:10px; /*background:url("/image/third_graph_03.png") no-repeat; background-size:100%; background-position-y:50%; */} .hea_top_fif .hea_graph_fif .third_graph{position:absolute; bottom:53px; width:70%; left:47px;} .hea_top_fif .hea_graph_fif .box{border-top:1px dotted; border-right-style:hidden; height:37px;} .hea_top_fif .hea_graph_fif_bottom{padding-left:20px;font-size:15px;} .hea_graph_fif_bottom .bottom .date{display:inline-block} .hea_top_fif .graph_left_fif{position:absolute;line-height:40px;left:18px;top:45px;} .hea_top_fif_sec{background:#3E3E38; height:350px;padding:20px;position: relative; margin-top:20px;} .hea_top_fif_sec .hea_graph_fif_sec{border:1px solid; border-top-style:hidden; border-right-style:hidden; margin: 20px 20px 10px 20px; padding-top:10px; /*background:url("/image/third_graph_04.png") no-repeat; background-size:100%; background-position:0 158px;*/} .hea_top_fif_sec .hea_graph_fif_sec .third_graph{position:absolute; width:70%; right:47px; bottom: 140px;} .hea_top_fif_sec .hea_graph_fif_sec .box{ border-top:1px dotted; border-right-style:hidden; height:32px;} .hea_top_fif_sec .graph_left_fif_sec{position:absolute;line-height:33px;left:18px;top:50px;} .hea_top_fif_sec .hea_graph_fif_sec_bottom{padding-left:20px;font-size:15px;} .hea_graph_fif_sec_bottom .bottom .date{display:inline-block} /*.hea_top_fif_thr{background-image:url("/image/graph_01.png"), url("/image/garph_02.png"); background-size:30%; background-position:50%; background-repeat:no-repeat;)}*/ .hea_top_fif_thr .top_img img{float:left; width:49px; position:relative; } .hea_top_fif_thr .bottom_img img{float:right; width:229px; position:relative; top:23px; right:-9px;} .hea_top_fif_thr{background:#3E3E38; height:220px;padding:20px;position: relative; margin-top:20px;} .hea_bottom_thr{background:#3E3E38; padding:10px; margin-top:20px;} .hea_bottom_thr h1{color:#51950C; margin-bottom: 10px;} .hea_top_fif_thr .contents{text-align:center; position:relative; right: -11px; top: 15px; width: 82%; background:#878682; border-style:hidden} .hea_top_fif_thr .contents td{height:35px; border:2px solid #000000;} .hea_bottom_fif{background:#3E3E38; padding:10px; margin-top:20px;} .hea_bottom_fif h1{color:#51950C; margin-bottom: 10px;} .fat_page{text-align:center;} .fat_page .num{display:inline-block; border:1px solid #878682; font-size:20px; padding:5px 10px; margin-top:10px; border-radius:5px;} /* ?쟾湲곗감 */ .battery-cond { text-align: center; background: #3c3f38; } .battery-cond td { height: 50px; border-top: 1px solid #575952; border-collapse: collapse; /*font-size: 15px;*/ } .battery-cond th { text-align: left; height: 60px; font-weight: initial; padding: 0 20px; } .charge-history th { padding: 0; font-size: 16px; text-align: center; } .battery-cond td.status { color: #66e819; text-align: left; } .battery-cond td.time { color: #ff5964; } .charge-history .battery-cond td { font-size: 14px; } .charge-history .use-info{ text-align: center; border: 1px solid; padding: 10px 0; border-radius: 7px; margin-top: 20px; font-size: 14px; } .charge-stations {height: 100% !important; overflow: scroll;} #bat-view .swiper-container {overflow: hidden; height: 100%;} #bat-view .char_reservation .charge-history {overflow: hidden; height: 100%;box-sizing:border-box; padding: 100px 0 80px;} #bat-view .char_reservation .date-wrap {position:absolute; left:0; top:0;width:100%;} #bat-view .battery-head {position: absolute;left:0;top:40px;width:100%;} #bat-view .battery-cond {width:100%; height:100%;} #bat-view .table_wrap {width:100%;height:100%; overflow:scroll;} .charge-history .charge-explain { margin-bottom: 10px; } .yellow-triangle { width: 15px; height: 18px; display: inline-block; background: url(/image/yellow_tri.png) no-repeat; background-size: 100%; vertical-align: middle; margin-right: 8px; } .white-exclaim { width: 17px; height: 21px; display: inline-block; background: url(/image/white_exclaim.png) no-repeat; background-size: 100%; vertical-align: middle; margin-right: 8px; } .date-wrap { /*font-size: 0;*/ margin-bottom: 10px; } .date-wrap .dash { display: inline-block; text-align: center; width: 6%; font-size: 20px; vertical-align: middle; } .date-wrap .start-date, .date-wrap .end-date { } .date-wrap .ui-input-text { display: block; padding: 0; width: 100%; height: 100%; opacity: 0; margin: 0; position: absolute; top: 0; left: 0; z-index: 5; } .date-wrap .date-show { display: inline-block; vertical-align: middle; text-align: center; width: 47%; font-size: 15px; height: 30px; background: #fcfcdb; color: #636660; border-radius: 5px; box-sizing: border-box; position: relative; } .date-wrap .date-show input { padding: 0; } .date-wrap .date-show .date-value { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; line-height: 30px; } .date-wrap .reservation_start_date {text-align:right;} .date-wrap .reservation_end_date {text-align:left;} .charger-station {margin-bottom: 20px; padding:0 5px;} .charge-history {padding:0 5px;} .top_contents{border:1px solid #000000; background:#000000; /*margin-top:10px;*/ padding:20px; font-size:20px; height:20px;} .char_place .top_contents_sub{background:#3e3d38; border:1px solid #3e3d38; height: 45px; text-align:center;} .char_place .top_contents_sub .left{float:left; width:25%; margin-top:15px;} .char_place .top_contents_sub .center{float:left; width:40%;margin-top:15px;} .char_place .top_contents_sub .center span{color:#FF7364} .char_place .top_contents_sub .right{float:left; width:35%;margin-top:5px;} .char_place .top_contents_sub .right button{padding:10px 20px; background:#51950C; border-radius:4px;border-style: none;} .char_place .top_contents_sub_sec{background:#3e3d38; border:1px solid #3e3d38; height: 45px; text-align:center; border-top:1px solid #585752;} .char_place .top_contents_sub_sec .left{float:left; width:25%; margin-top:15px;} .char_place .top_contents_sub_sec .center{float:left; width:40%;margin-top:15px;} .char_place .top_contents_sub_sec .center span{color:#FF7364} .char_place .top_contents_sub_sec .right{float:left; width:35%;margin-top:5px;} .char_place .top_contents_sub_sec .right button{padding:10px 20px; background:#51950C; border-radius:4px;border-style: none;} .char_place .top_contents_sec{border:1px solid #000000; background:#000000; padding:20px; font-size:20px; height:20px;} .char_reservation .top_contents{padding:10px 0; font-size:20px; text-align:center;} .top-head {border:1px solid #000000; background: #000000; height:20px; padding:6px 0 12px;} /*.char_reservation .top_contents .head{display:inline-block; width:23%; font-size:15px;}*/ .char_reservation .top_contents_sub{background:#3e3d38; border:1px solid #3e3d38; height: 40px; position:relative; border-top:1px solid #585752; padding: 7px 0;/*top:31px; left:-1px;*/ } .char_reservation .top_contents_sub .row {display:inline-block; width:23%; font-size:15px; vertical-align: middle;} .char_reservation .top_contents_sub_sec .row {display:inline-block; width:23%; font-size:15px} .char_reservation .top_contents_sub .cancel a{padding:10px 20px; background:#51950C; border-radius:4px;color:#fff;} .char_reservation .top_contents_sub_sec{background:#3e3d38; border:1px solid #3e3d38; height: 45px; text-align:center; position:relative; top:21px; left:-1px; width:316px; float:left; border-top:1px solid #585752;} .char_reservation .top_contents_sub_sec .cancel a{padding:10px 20px; background:#51950C; border-radius:4px;} .char_lookup .top_contents{padding:10px 0; font-size:20px; text-align:center;} .char_lookup .top_contents .head{display:inline-block; width:23%; font-size:14px;} .char_lookup .top_contents_sub .row {display:inline-block; width:23%; font-size:14px; vertical-align: middle;} .char_lookup .top_contents_sub{background:#3e3d38; border:1px solid #3e3d38; padding: 20px 0; text-align:center; position:relative; border-top: 1px solid #585752;} /* ?뿬?뒪耳??뼱 tab */ .p-tab {text-align: center;cursor: pointer;float: left;border:1px solid #cfcfcf;color: #afafaf;width:24%;height:40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:40px; font-size:15px; font-weight:400;} .p-tab.on {border:1px solid #b7b7b7;color: #ffffff;width:24%;height:40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;background:#afafaf; } .p-tab.one {border:1px solid #afafaf; color:#afafaf;width:181px; height:48px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; } .p-tab.one-tab{border-radius:5px 0 0 5px;} .p-tab.four-tab{border-radius:0 5px 5px 0;} .project-tabs{width:100%;height:50px;} .project-tabs.general{width:initial;height:50px; margin:auto; display:table;} .project-tabs .p-tab:first-child{border-radius: 5px 0 0 5px;} .project-tabs .p-tab:last-child{border-radius: 0 5px 5px 0;} .project-tabs.general{width:70%;height:50px; margin:auto; display:table;} .project-tabs.general .p-tab {text-align: center;cursor: pointer;float: left;border:1px solid #cfcfcf;color: #afafaf;width:33%;height:40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:40px; font-size:15px; font-weight:400;} /* ?쟾湲곗감 tab */ .project-tabs_car{width:100%;height:50px;} .p-tab_car {text-align: center;cursor: pointer;float: left;border:1px solid #cfcfcf;color: #afafaf;width:33%;height:40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:40px; font-size:15px; font-weight:400;} .p-tab_car.on{border:1px solid #b7b7b7;color: #ffffff;width:32%;height:40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;background:#afafaf; } .p-tab_car.one {border:1px solid #afafaf; color:#afafaf;width:181px; height:48px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; } .p-tab_car.one-tab{border-radius:5px 0 0 5px;} .p-tab_car.three-tab{border-radius:0 5px 5px 0;} /* ?뿬?뒪耳??뼱 (鍮꾨쭔) tab */ .f-tab {text-align: center;cursor: pointer;display:inline-block;border:1px solid #878682;color: #ffffff;width:5%;height:40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:40px; font-size:15px; font-weight:400; background:#878682; border-radius:4px;} .f-tab.clicked {border:1px solid #1c273b;color: #ffffff;width:5%;height:40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;background:#1c273b; border-radius:4px;} .f-tab.one {border:1px solid #afafaf; color:#afafaf;width:181px; height:48px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; } .fat_tabs{width:100%;height:50px; position:absolute; right:-460px; bottom:105px;} /* ?뿬?뒪耳??뼱 (遺??쐞蹂?) tab */ .kind-tab {text-align: center;cursor: pointer;display:inline-block;border:1px solid #878682;color: #ffffff;width:5%;height:40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:40px; font-size:15px; font-weight:400; background:#878682; border-radius:4px;} .kind-tab.clicked {border:1px solid #1c273b;color: #ffffff;width:5%;height:40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;background:#1c273b; border-radius:4px;} .kind-tab.first {border:1px solid #afafaf; color:#afafaf;width:181px; height:48px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; } .kind_tabs{width:100%;height:50px; position:absolute; right:-420px; bottom:165px;} /* ?쟾湲곗감 popup */ #reservation_popup{display:none; z-index:150; position:absolute; top:0; left:0; width:100%; height:100%; padding:61px 16px 0 16px; background:rgba(0,0,0,0.73); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} #reservation_popup .pop_layer{position:relative; padding:0 14px; background:#545450; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:2px 3px 3px rgba(0,0,0,0.57); -webkit-box-shadow:2px 3px 3px rgba(0,0,0,0.57); -moz-box-shadow:2px 3px 3px rgba(0,0,0,0.57);} #reservation_popup .pop_layer .pop_close{position:absolute; top:0; right:0; width:46px; height:45px; overflow:hidden; font-size:0; background:url(/image/btn_close.png) center center no-repeat; background-size:10px 10px;} #reservation_popup .pop_layer .title{line-height:45px; font-size:18px; padding-top:20px; text-align:center;} #reservation_popup .pop_layer .select{display:inline-block; width:30%;} #reservation_popup .pop_layer .select_result{display:inline-block; width:50%; text-align:center;} #reservation_popup .pop_layer .start{display:inline-block; width:30%;} #reservation_popup .pop_layer .start_text{display:inline-block; width:58%;} #reservation_popup .pop_layer .end{display:inline-block; width:30%} #reservation_popup .pop_layer .end_text{display:inline-block; width:58%;} #reservation_popup .pop_layer .reservation{display:inline-block; width:30%;} #reservation_popup .pop_layer .reservation_select{display:inline-block; width:58%;} #reservation_popup .pop_layer .reservation_select select{height:35px; border-radius:5px; margin:5px 0; font-size:14px; padding-left:15px; width:117%; color:#505050; } #reservation_popup .pop_layer .article{min-height:64px; padding:22px 0; font-size:15px;} #reservation_popup .pop_layer input{margin: 5px 0;font-size: 14px;padding-left:15px;width:108%;height:35px;border-radius:5px;color: #505050; background:#fffadc;} #reservation_popup .pop_layer .button{text-align:center;} #reservation_popup .pop_layer .auth-btn{margin: 15px 0;font-size: 17px;color: #fff;background: #51950C;width:35%; height:50px;border-radius:3px;} /* 怨듭??궗?빆 */ #list .lst_board.notice td, #list .lst_board.delivery td, #list .lst_board.fee td {height:70px;} #list .lst_board.notice .title {text-align:left;padding:0 5px;} /*단지선택 검색 버튼*/ #test_layer .search-btn{ width: 70px; background: #51950c; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block; float : right; font-size: 16px; height: 40px; box-sizing: border-box; text-align: center; } #test_layer .ui-input-text input { background: #FFF; } #test_layer .ui-input-text #test_hname { width: -moz-calc(100% - (80px)); width: -webkit-calc(100% - (80px)); width: calc(100% - (80px)); float : left; display: inline-block; } #test_layer .list { background: #3e3e38; height: 200px; overflow: scroll; clear:both; width: 100%; } #test_layer .list li { border-bottom: 1px solid #585853; text-align: left; padding:10px; } #test_layer .list li.selected { background:#666; } /* 醫낅즺 踰꾪듉 */ .power-btn { position:fixed; right:20px; top:12px; z-index:999999; font-size:15px; line-height: 25px; } .power-btn img { /*height:20px;*/ width:18px; vertical-align:top; } /* more ?븘?씠肄? */ .switch .more { display: none; background: url('/image/btn_down.png') no-repeat 50% 0; width:100%; height: 20px; bottom:5px; left:0; position:absolute; opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } .switch .more.on { display:block; } .switch .more.end { opacity: 0; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } /* loading bar */ .spinner_wrap { position:fixed; z-index: 1000; width:100%; height:100%; left:0; top:0; background:rgba(0, 0, 0, 0.3); } .spinner { position:absolute; left:50%; top:50%; margin-top:-30px; margin-left:-55px; padding: 20px; width: 70px; text-align: center; } .spinner.animate { display: block; } .spinner > div { width: 18px; height: 18px; background-color: #FFF; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out;/- Prevent first f-ame from flickering when animation starts *- -webkit-animation-fill-mode: both; animation-fill-mode: both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .danji_confirm{height:100%; overflow: auto;} @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0);} } /*미디어쿼리*/ @media screen and (max-width:320px) { .danji_confirm { height: 100%;} /* #pow-view #controls.type1 .dashboard {height:35%;} #pow-view #controls.type1 .switch {top: 35%; height:65%;}*/ #pow-view .switch .toggle-btn-wrap.lmp-btn {top: 15%; height:80px;} /*#pow-view #controls .switch ul li {height:48%;}*/ #pow-view .switch .num {margin-bottom:0; top:0;} #lmp-view .switch .toggle-btn-wrap {height:80px; top:15%;} #lmp-view .switch .num {margin-bottom:0; top:0;} #lmp-view .switch ul li {/*top: 1px*/} #lmp-view .switch .li0 .toggle-btn-wrap{top:30%;} .switch .toggle-btn-wrap.lmp-btn {top: 25%;} #controls.type1.error-page {padding: 110px 30px 60px;} #list.danji .lst_board td {height: 40px;} .toggle-btn-wrap {/*height: 82px;*/} .toggle-btn-wrap .toggle-btn {top: 37px; left: 50%; width: 55px !important; height: 31px !important;} #controls .air dt{} /* #controls .air .control_btn { width: 100px; height: 45px; padding-left: 7px;}*/ /*#controls .air .control_btn button {width: 40%;height: 80%;}*/ /* #controls.type4 .switch {top: 0; height: 38%;} #controls.type4 .switch + .switch {top: 43%; height: 66%;}*/ #controls.gas-control .dashboard {height: 50%;} #controls.gas-control .switch {top: 50%;} .switch .toggle-btn-wrap.gas-btn {top: 30%;} .switch .toggle-btn-wrap.air-btn .toggle-btn {width: 60px; top: 40px;} #controls.type3 .air-set_btn {/*height: 12%;*/ top: 80%;} #controls.type1 .dashboard {height: 45%;} #controls.type1 .switch {top: 45%; height: 45%;} /*난방버튼*/ #controls.type2 .dashboard{height: 44%; background:#30302e;} #controls.type2 .switch{top: 44%; height: 44%;} #controls.type2{padding: 92px 21px 38px 21px;} .toggle-btn-wrap.air-btn {margin: 0; height: 58px;} .charge-history th {padding: 0; font-size: 13px; height: 55px;} .charge-history .battery-cond td {font-size: 12px;} .charge-history td {font-size: 13px;} .charge-history .use-info{padding: 9px 0; margin-top: 15px; font-size: 12px;} .date-wrap .date-show {font-size: 16px;} /*#list.danji {padding-top: 110px;}*/ #list.danji td {height: 39px;} .hea_graph_bottom .bottom .date {width:48px; font-size:13px;} .hea_center_sec .bubble .label {right: -98px;} .hea_center_sec .bubble_sec .label {right: -98px;} .hea_center_sec .bubble_thr .label {right: -98px;} .hea_graph_sec_bottom .bottom .date {width:48px; font-size:13px;} .hea_graph_fif_bottom .bottom .date {width:48px; font-size:13px;} .hea_graph_fif_sec_bottom .bottom .date {width:48px; font-size:13px;} .hea_graph_thr_bottom .bottom .date{width:48px; font-size:13px;} .hea_center_thr .bubble .label {right:-110px;} .hea_center_thr .bubble .tail {margin-left:1px;} .hea_center_thr .bubble_sec .label {right:-116px;} .hea_center_thr .bubble_sec .tail {margin-left:1px;} .hea_graph_fou_bottom .bottom .date {width:48px; font-size:13px;} .hea_graph_fou_bottom .bottom .date {width:48px; font-size:13px;} .hea_center_fou_thr .bubble .label{right:-98px;} .hea_center_fou_thr .bubble_sec .label {right:-98px;} .p-tab_car{width:32%;} .p-tab_car.clicked{width:32%;} .char_reservation .top_contents_sub .cancel a{padding:9px 15px; font-size:13px;} .char_reservation .top_contents_sub .row{font-size:13px;} .char_lookup .top_contents_sub{height:90px;} .char_lookup .top_contents_sub .row{font-size:12px;} .hea_top_fif_thr .bottom_img img{position:absolute; width:194px; top:206px; left:69px;} .hea_top_fif_thr .contents{top:-142px; right:-49px;} .fat-second{display:block !important;} .hea_center .graph_right{right:-97px;} .hea_top .hea_graph .first_graph{top:58px;} .hea_top_fif .hea_graph_fif .third_graph{bottom:59px;} .hea_top_fif_sec .hea_graph_fif_sec .third_graph{right:34px; bottom:142px;} .fat_tabs{display:none;} .kind_tabs{display:none !important;} .hea_top_sec .hea_graph_sec{background-size:190px 176px;} .right-bottom-text{font-size:10px; position:absolute; right: 5px; bottom: 25px;} .right-bottom-percent{font-size:10px; position:absolute; right:21px;} .char_reservation .top_contents_sub .row{font-size:13px;} .char_place .top_contents_sub{font-size:13px;} .char_place .top_contents_sub .right button{padding:9px 17px; font-size:13px;} .char_place .top_contents_sub_sec{font-size:13px;} .char_place .top_contents_sub_sec .right button{padding:9px 17px; font-size:13px;} .swiper-container.index-0 {height:997px;} .swiper-container.index-1 {height:1110px;} .swiper-container.index-2 {height:1120px;} #list .lst_header .frm_search input {font-size: 13px; padding: 15px 6px 0;} #list .lst_board td {font-size: 13px;} .charge-history .charge-explain {font-size:11px;} .lst_board.schedule .buttons button {height: 30px; font-size:12px; width:45px;} .no-border .toggle-btn-wrap{padding:3px 0 0 8px;} /*조명스케줄버튼*/ #list.schedule .lst_header .button, .btn-schedule {height: 44px; font-size: 16px; padding: 0; width: 139px;left:25%; line-height:44px;} .char_lookup table , .char_lookup tr td{} .char_lookup tbody { display:block; height: -moz-calc(100vh - (224px)); height: -webkit-calc(100vh - (224px)); height: calc(100vh - (224px)); overflow:auto; } .char_lookup thead, .char_lookup tbody tr {display:table; width:100%; table-layout:fixed;} .char_lookup thead {width:100%;} .char_lookup table {width:100%;} #controls .temp .control_btn{display:inline-block; width:100%; height:38px; overflow:hidden;} #controls .temp .control_btn button{width:47%;} .inner button.tem-apply{background:#696966; width: 100%; display: inline-block; height: 38px; font-size:14px; } .inner button.tem-apply:disabled{background:#50504b; width: 100%; display: inline-block; height: 38px; font-size:14px; } #controls .air .control_btn{display:inline-block; width:41%; height:30px; overflow:hidden;} #controls .air .control_btn button{width:47%;} #controls .air.state1 .control_btn button{width:30%;} #controls .air.state1 .control_btn button + button{float:initial;} #controls .air button.tem-apply{background:#696966; width: 30%; display: inline-block; height: 100%; font-size:14px; float: right!important;} #controls .air button.tem-apply:disabled{background:#50504b; width: 30%; display: inline-block; height: 100%; font-size:14px; float: right!important;} .top_contents {font-size:15px;} #controls .air-control .switch ul li.li0{top:45%;} #controls .btn_switch{margin:0 auto; width:55px; text-align:center;} } @media screen and (min-width:321px) and (max-width: 375px) { /* #pow-view #controls.type1 .dashboard {height:35%;} #pow-view #controls.type1 .switch {top: 35%; height:65%;}*/ #pow-view .switch .toggle-btn-wrap.lmp-btn {top: 23%;} #lmp-view .switch .li0 .toggle-btn-wrap{top:35%; height: 85px;} #lmp-view .switch .toggle-btn-wrap{ top: 22%;height: 75px;} #lmp-view #controls .switch ul li.li4{/*border-bottom: 1px solid #5b5c57; top:1px;*/} #lmp-view .switch .li1 .toggle-btn-wrap .toggle-btn {width: 45%;} #lmp-view .switch .li2 .toggle-btn-wrap .toggle-btn {width: 45%;} #lmp-view .switch .li3 .toggle-btn-wrap .toggle-btn {width: 45%;} #lmp-view .switch .li4 .toggle-btn-wrap .toggle-btn {width: 45%;} #lmp-view .switch .li5 .toggle-btn-wrap .toggle-btn {width: 45%;} #lmp-view .switch .li6 .toggle-btn-wrap .toggle-btn {width: 45%;} #list .lst_board td { font-size:14px; height: 47px;} .hea_graph_bottom .bottom .date {width:64px;} .hea_center_sec .bubble .label {right: -122px;} .hea_center_sec .bubble_sec .label {right: -122px;} .hea_center_sec .bubble_thr .label {right: -122px;} .hea_graph_sec_bottom .bottom .date {width:64px;} .hea_graph_fif_bottom .bottom .date {width:64px;} .hea_graph_fif_sec_bottom .bottom .date {width:64px;} .hea_graph_thr_bottom .bottom .date {width:64px;} .hea_center_thr .bubble .label{right:-122px;} .hea_center_thr .bubble_sec .label{right:-122px;} .hea_graph_fou_bottom .bottom .date {width:64px;} .hea_center_fou_thr .bubble .label {right:-122px;} .hea_center_fou_thr .bubble_sec .label {right:-122px;} .fat-second{display:block !important;} .fat_tabs{display:none;} .kind_tabs{display:none !important;} .hea_top_sec .hea_graph_sec{background-size:247px 176px;} .hea_top_fif_thr .bottom_img img{width:244px;} .char_reservation .top_contents_sub .row{font-size:14px;} .char_place .top_contents_sub{font-size:15px;} .char_place .top_contents_sub .right button{font-size:15px;} .char_place .top_contents_sub_sec{font-size:15px;} .char_place .top_contents_sub_sec .right button{font-size:15px;} .hea_center .graph_right{right:-119px;} .right-bottom-text{float:none; margin:0; position:relative; right:-191px; top:28px;} .lst_board.schedule .buttons button {height: 25px; font-size: 14px; width: 45px;} .schedule .toggle-btn-wrap .toggle-btn {width: 60px; height: 30px;} #list .lst_board td {height: 43px;} .fat-second{display:block !important;} .fat_tabs{display:none;} .kind_tabs{display:none !important;} .right-bottom-text{position:absolute; float:none; top:210px; right:8px;} .right-bottom-percent{position:absolute;right:24px; bottom:21px;} .char_reservation .top_contents_sub .row{font-size:14px;} .char_place .top_contents_sub{font-size:14px;} .char_place .top_contents_sub .right button{font-size:14px;} .char_place .top_contents_sub_sec{font-size:14px;} .char_place .top_contents_sub_sec .right button{font-size:14px;} .hea_center .graph_right{right:-112px;} .hea_graph_sec_bottom .bottom .date{width:61px;font-size:11px;} .hea_center_sec .bubble .label{right:-115px;} .hea_center_sec .bubble_sec .label{right:-116px;} .hea_center_sec .bubble_thr .label{right:-116px;} .hea_top_sec .hea_graph_sec{background-size:91%; background-position:15px;} .hea_graph_fif_bottom .bottom .date{width:61px;font-size:11px;} .hea_graph_fif_sec_bottom .bottom .date{width:61px;font-size:11px;} .hea_top_fif_thr .bottom_img img{float:none; right:-58px; width:230px; top:-2px;} .hea_graph_thr_bottom .bottom .date{width:61px;font-size:12px;} .hea_center_thr .bubble .label{right:-116px;} .hea_center_thr .bubble_sec .label{right:-116px;} .hea_graph_fou_bottom .bottom .date{width:61px; font-size:12px;} .hea_center_fou_thr .bubble .label{right:-116px;} .hea_center_fou_thr .bubble_sec .label{right:-116px;} .charge-history th {font-size: 13px;} .no-border .toggle-btn-wrap{padding-left:15px;} #list.schedule .lst_header .button, .btn-schedule {height: 44px; font-size:16px; width: 50%; padding:0;} .switch .toggle-btn-wrap.lmp-btn {top: 30%;} /* #controls .air .control_btn { width: 100px; height: 45px; padding-left: 29px;} #controls .air .control_btn button {width: 40%;height: 80%;}*/ #controls.type3 .air-set_btn {top: 80%;} #controls.type1 .dashboard {height: 45%;} #controls.type1 .switch {top: 45%; height: 45%;} #controls.type1{padding:92px 21px 44px 21px;} #controls.type1.group{padding:83px 21px 0 21px; top:9px;} #pow-view #controls.type1{padding:84px 21px 0 21px; top:8px;} #controls.type2{padding:47px 21px 36px 21px; top:45px;} #controls.type2 .dashboard{height: 41%; background:#30302e;} #controls.type2 .switch{top: 41%; height: 41%;} #controls.type2 .set_btn{bottom: 42px;} #controls.type3{padding:87px 21px 0 21px; top:5px;} #controls.type4{padding:84px 21px 0 21px; top:8px;} #controls.type5{padding:92px 21px 47px 21px;} #controls.type6 {padding: 92px 21px 48px 21px;} #list{z-index:100; padding:103px 21px 93px 21px; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} #list.type2{padding: 129px 21px 80px 21px;} #schedule-view #list.type2{padding: 79px 21px 120px 21px;} #list.bat{padding: 92px 21px 0px 21px;} /*조명스케줄 버튼*/ #list.schedule .lst_header .button, .btn-schedule{left: 25%;} .char_lookup table , .char_lookup tr td{} .char_lookup tbody { display:block; height: -moz-calc(100vh - (229px)); height: -webkit-calc(100vh - (229px)); height: calc(100vh - (229px)); overflow:auto; } .char_lookup thead, .char_lookup tbody tr {display:table; width:100%; table-layout:fixed;} .char_lookup thead {width:100%;} .char_lookup table {width:100%;} #controls .temp .control_btn{display:inline-block; width:100%; height:40px; overflow:hidden;} #controls .temp .control_btn button{width:47%;} .inner button.tem-apply{background:#696966; width: 100%; display: inline-block; height: 40px; font-size:14px; } .inner button.tem-apply:disabled{background:#50504b; width: 100%; display: inline-block; height: 40px; font-size:14px; } #controls .air .inner {width: 100%;} #controls .air .control_btn{display:inline-block; width:40%; height:32px; overflow:hidden;} #controls .air .control_btn button{width:47%;} #controls .air.state1 .control_btn button{width:30%;} #controls .air.state1 .control_btn button + button{float:initial;} #controls .air button.tem-apply{background:#696966; width: 30%; display: inline-block; /*position: absolute; right: -85%;*/ height: 100%; /*top: 67%;*/ font-size:12px; float: right!important;} #controls .air button.tem-apply:disabled{background:#50504b; width: 30%; display: inline-block; /*position: absolute; right: -85%;*/ height: 100%; /*top: 67%;*/ font-size:12px; float: right!important;} #controls.type4 .btn_switch{width:90px;} .toggle-btn-wrap .state{bottom:0;} .ven-switch .toggle-btn-wrap .state{bottom:-25px;} #list .lst_header .frm_search input {font-size: 17px; padding: 11px 6px 0;} } @media screen and (min-width:376px) and (max-width: 425px) { #setting .set_menu{height: 80%;overflow: auto;} #list .lst_board td {font-size: 14px; height: 54px;} .hea_graph_bottom .bottom .date {width:73px;} .hea_center_sec .bubble .label {right: -138px;} .hea_center_sec .bubble_sec .label {right: -138px;} .hea_center_sec .bubble_thr .label {right: -138px;} .hea_graph_sec_bottom .bottom .date {width:70px;} .hea_graph_fif_bottom .bottom .date {width:73px;} .hea_graph_fif_sec_bottom .bottom .date {width:73px;} .hea_graph_thr_bottom .bottom .date {width:73px;} .hea_center_thr .bubble .label {right:-138px;} .hea_center_thr .bubble_sec .label {right:-138px;} .hea_graph_fou_bottom .bottom .date {width:73px;} .hea_graph_fou_bottom .bottom .date {width:73px;} .hea_center_fou_thr .bubble .label {right:-138px;} .hea_center_fou_thr .bubble_sec .label {right:-138px;} .fat-second{display:block !important;} .fat_tabs{display:none;} .kind_tabs{display:none !important;} .hea_top_fif_thr .bottom_img img{width:274px; right:-1px;} .hea_top_fif_thr .top_img img{top:-17px; height:177px;} .hea_top .hea_graph{background-size:277px 177px;} .hea_top_sec .hea_graph_sec{background-size:270px 176px;} .char_reservation .top_contents_sub .row{font-size:15px;} .char_place .top_contents_sub{font-size:16px;} .char_place .top_contents_sub .right button{font-size:16px;} .char_place .top_contents_sub_sec{font-size:16px;} .char_place .top_contents_sub_sec .right button{font-size:16px;} .hea_center .graph_right{right:-132px;} .right-bottom-text{float:none; margin:0; position:relative; right:-227px; top:27px;} .hea_top_fif_thr .bottom_img img{width:272px; right:-10px;} .no-border .toggle-btn-wrap{padding-left:16px;} .switch .toggle-btn-wrap.lmp-btn {top: 35%;} /* #controls .air .control_btn { width: 100px; height: 45px; padding-left: 29px;} #controls .air .control_btn button {width: 40%;height: 80%;}*/ #controls.type3 .air-set_btn {top: 80%;} #controls.type1 .dashboard {height: 45%;} #controls.type1 .switch {top: 45%; height: 45%;} /*난방버튼*/ #controls.type2 .dashboard{height: 41%; background:#30302e;} #controls.type2 .switch{top: 41%; height: 41%;} #controls.type2 .set_btn{bottom: 8%;} /* #pow-view #controls.type1 .dashboard {height:35%;} #pow-view #controls.type1 .switch {top: 35%; height:65%;}*/ #pow-view .switch .toggle-btn-wrap.lmp-btn {top: 26%;} .char_lookup table , .char_lookup tr td{} .char_lookup tbody { display:block; height: -moz-calc(100vh - (228px)); height: -webkit-calc(100vh - (228px)); height: calc(100vh - (228px)); overflow:auto; } .char_lookup thead, .char_lookup tbody tr {display:table; width:100%; table-layout:fixed;} .char_lookup thead {width:100%;} .char_lookup table {width:100%;} #controls .temp .control_btn{display:inline-block; width:100%; height:40px; overflow:hidden;} #controls .temp .control_btn button {width: 47%;} .inner button.tem-apply{background:#696966; width: 100%; display: inline-block; height: 40px; font-size:15px;} .inner button.tem-apply:disabled{background:#50504b; width: 100%; display: inline-block; height: 40px; font-size:15px;} #controls .air .inner {width: 95%;} #controls .air .control_btn{display:inline-block; width:45%; height:38px; overflow:hidden;} #controls .air.state1 .control_btn button {width: 30%;} #controls .air .control_btn button {width: 47%;} #controls .air.state1 .control_btn button + button {float: initial;} #controls .air button.tem-apply{background:#696966; width: 30%; display: inline-block; /*position: absolute; right: -75%; */height: 100%; /*top: 70%; */font-size:15px; float:right !important;} #controls .air button.tem-apply:disabled{background:#50504b; width: 30%; display: inline-block; /*position: absolute; right: -75%;*/ height: 100%; /*top: 70%;*/ font-size:15px;float:right !important;} #lmp-view .switch .li0 .toggle-btn-wrap{top:36%; height: 85px;} #lmp-view .switch .toggle-btn-wrap{ top: 25%;height: 78px;} #lmp-view #controls .switch ul li.li4{/*border-bottom: 1px solid #5b5c57; top:1px;*/} #lmp-view .switch .li1 .toggle-btn-wrap .toggle-btn {width: 45%;} #lmp-view .switch .li2 .toggle-btn-wrap .toggle-btn {width: 45%;} #lmp-view .switch .li3 .toggle-btn-wrap .toggle-btn {width: 45%;} #lmp-view .switch .li4 .toggle-btn-wrap .toggle-btn {width: 45%;} #lmp-view .switch .li5 .toggle-btn-wrap .toggle-btn {width: 45%;} #lmp-view .switch .li6 .toggle-btn-wrap .toggle-btn {width: 45%;} /*br-box*/ #controls.type1{padding:92px 21px 42px 21px;} #controls.type1.group{padding:83px 21px 0 21px; top:9px;} #pow-view #controls.type1{padding:84px 21px 0 21px; top:8px;} /*난방버튼*/ #controls.type2{padding:43px 21px 40px 21px; top:49px;} #tem-view.no-button #controls.type2{padding:43px 21px 40px 21px; top:49px;} #controls.type3{padding:70px 21px 0 21px; top:22px;} #controls.type4{padding:84px 21px 0 21px; top:8px;} #controls.type5{padding:92px 21px 47px 21px;} #controls.type6{padding:92px 21px 48px 21px;} #list{z-index:100; padding:103px 21px 93px 21px; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} #list.type2{padding: 130px 21px 85px 21px;} #schedule-view #list.type2{padding: 78px 21px 119px 21px;} #list.bat{padding: 92px 21px 0px 21px;} #list.schedule .lst_header .button, .btn-schedule {width:171px; height:44px; line-height:44px; left: 27%;} .toggle-btn-wrap .state{bottom:0;} #controls .btn_switch{width:90px;} #list .lst_header .frm_search input {font-size: 17px; padding: 10px 6px 0;} } @media screen and (min-width:426px) and (max-width: 768px) { #header h1{display:block; line-height:45px; text-align:center; font-size:25px;color: #fff;text-shadow: initial;} .hea_center .graph_right{right:-156px;} .hea_graph_bottom .bottom .date {width:61px; font-size:11px;} .hea_top_sec_top img{width:2%} .hea_graph_sec_bottom .bottom .date{ width:91px; font-size:11px;} .hea_top_sec .hea_graph_sec {background-size:326px 176px;} .hea_center_sec .bubble .label{right:-168px;} .hea_center_sec .bubble_sec .label{right:-167px;} .hea_center_sec .bubble_thr .label{right:-167px;} .hea_graph_fif_bottom .bottom .date{width:91px; font-size:11px;} .hea_graph_fif_sec_bottom .bottom .date{width:91px; font-size:12px;} .hea_top_fif_thr .bottom_img img{float:none; right:-10px; width:327px;} .right-bottom-text{float:none; margin:0; position:relative; right:-295px; top:23px;} .hea_graph_thr_bottom .bottom .date{width:91px; font-size:11px;} .fat_tabs{display:none;} .kind_tabs{display:none !important;} .hea_center_thr .bubble .label{right:-167px;} .hea_center_thr .bubble_sec .label{right:-168px;} .hea_graph_fou_bottom .bottom .date{width:91px; font-size:12px;} .hea_center_fou_thr .bubble .label{right:-167px;} .hea_center_fou_thr .bubble_sec .label{right:-167px;} .hea_top_fou .hea_graph_fou{background-size:92%; background-position-y:95%;} .hea_top_fou_sec .hea_graph_fou{background-size:92%; background-position-y:95%;} .hea_top_thr .hea_graph_thr{background-size:90%;} .hea_top_fif .hea_graph_fif{background-size:90%;} .hea_top_fif_sec .hea_graph_fif_sec{background-size:90%;} .char_reservation .top_contents_sub .row{font-size:13px;} .char_reservation .top_contents_sub .row{font-size:16px;} .char_place .top_contents_sub{font-size:18px;} .char_place .top_contents_sub .left{width:22%;} .char_place .top_contents_sub .right button{padding:6px 17px; font-size:18px;} .char_place .top_contents_sub_sec .left{width:22%;} .char_place .top_contents_sub_sec{font-size:18px;} .char_place .top_contents_sub_sec .right button{padding:6px 17px; font-size:18px;} .no-border .toggle-btn-wrap{padding-left:40px;} .info-value-box{padding-left:36% !important ;} #pow-view .switch .toggle-btn-wrap.lmp-btn{top: 35%;} #controls.type1 .dashboard {height: 45%;} #controls.type1 .switch {top: 45%; height: 45%;} /*난방버튼*/ #controls.type2 .dashboard{height: 41%; background:#30302e;} #controls.type2 .switch{top: 41%; height: 41%;} #controls.type2 .set_btn{bottom: 8%;} #list.danji.type3 {padding-bottom:85px;} .char_lookup table , .char_lookup tr td{} .char_lookup tbody { display:block; height: -moz-calc(100vh - (230px)); height: -webkit-calc(100vh - (230px)); height: calc(100vh - (230px)); overflow:auto; } .char_lookup thead, .char_lookup tbody tr {display:table; width:100%; table-layout:fixed;} .char_lookup thead {width:100%;} .char_lookup table {width:100%;} #controls .temp .control_btn{display:inline-block; width:100%; height:46px; overflow:hidden;} #controls .temp .control_btn button{width:48%;} #controls .temp .control_btn button + button{float:right;} .inner button.tem-apply{background:#696966; width: 100%; display: inline-block; height: 46px; font-size:16px;} .inner button.tem-apply:disabled{background:#50504b; width: 100%; display: inline-block; height: 46px; font-size:16px;} #controls .air .inner {width: 90%;} #controls .air .control_btn{display:inline-block; width:45%; height:40px; overflow:hidden;} #controls .air .control_btn button{width:48%;} #controls .air.state1 .control_btn button{width:31%;} #controls .air.state1 .control_btn button + button{float:initial;} #controls .air button.tem-apply{background:#696966; width: 30%; display: inline-block; /*position: absolute; right: -85%;*/ height: 100%; /*top: 67%;*/ font-size:16px; float: right!important;} #controls .air button.tem-apply:disabled{background:#50504b; width: 30%; display: inline-block; /*position: absolute; right: -85%;*/ height: 100%; /*top: 67%;*/ font-size:16px; float: right!important;} #controls .air dt{width:24%;} #controls.type1{padding:92px 21px 25px 21px;} #controls.type1.group{padding:63px 21px 0 21px; top:29px;} #pow-view #controls.type1{padding:66px 21px 0 21px; top:26px;} /*난방버튼*/ #tem-view.no-button #controls.type2{padding:47px 21px 16px 21px;} #controls.type2{padding:24px 21px 40px 21px; top:68px;} #controls.type3{padding:87px 21px 0 21px; top:5px;} #controls.type4{padding:66px 21px 0 21px; top:26px;} #controls.type5{padding:92px 21px 47px 21px;} #controls.type6{padding:92px 21px 48px 21px;} #controls.type3 .upper {height:89%;} #controls.type5.type-inbody {padding: 78px 21px 33px; overflow:auto;} #list{z-index:100; padding:103px 21px 93px 21px; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} #list.type2{padding: 129px 21px 80px 21px;} #schedule-view #list.type2{padding: 79px 21px 119px 21px;} #list.bat{padding: 92px 21px 0px 21px;} #list.schedule .lst_header .button, .btn-schedule {left:calc(50% - (178px)); width:363px; height:44px;} #list .lst_board.notice td, #list .lst_board.delivery td, #list .lst_board.fee td{font-size:16px;} .switch .toggle-btn-wrap.gas-btn{top:40%;} #controls .vent_power dt{line-height:35px;} .ven-switch .toggle-btn-wrap .state{bottom:-25px;} #list .lst_header .frm_search input {font-size: 18px; padding: 10px 6px 0;} } @media screen and (min-width:769px) and (max-width: 819px) { #header h1{display:block; line-height:45px; text-align:center; font-size:30px;color: #fff;text-shadow: initial;} #header {height: 55px; padding: 9px 0; box-sizing: border-box;} #header h1 { font-size: 30px; line-height: 37px;} #header .btn_prev {top: -5px;width: 52px;height: 59px;background: url(/image/btn_home.png) center center no-repeat;background-size: 23px 25px;} /*#list .lst_header {margin-top: 0px;}*/ #list {top: 40px;} #list.type3 .lst_header {margin-top: -30px;} .danji.type3 .lst_btn {bottom: -15px; /*padding-bottom:20px;*/} #list.visitor.type2 .lst_header{margin-top:-70px;} #list.visitor.type2 {top: 78px;} #fee-view #list .lst_body {height: 100%;} #del-view #list .lst_body {height: 100%;} #pho-view #list .lst_body {height: 100%;} .charger-station {padding-top: 40px;} .charge-history{padding-top: 35px;} #view {top: 22px;} #pho-detail #view {top: 22px; height: 95%;} #ads-view #write {top: 0;} #health-list {padding: 105px 21px 50px 21px;} .power-btn{top:12px;} .power-btn img{width: 24px;} #controls.type2{top:-5px;} /*난방버튼*/ #controls.type2 .dashboard{height: 41%; background:#30302e;} #controls.type2 .switch{top: 41%; height: 41%;} #controls.type2 .set_btn{bottom: 8%;} #controls .set_btn{height: 60px;} #controls.type3 {padding-top:95px;} #controls.type3 .air-set_btn {top: 84%;height: 13%;background:none; border:none;} #controls.type3 .switch {height: 65%;} #controls.type3 .switch .toggle-btn-wrap .toggle-btn {top:48px;} #controls .air .inner {width: 80%;} #controls .air dt {font-size: 23px;line-height: 49px;} #controls .air dd {width: 115px;line-height: 44px;font-size: 34px;} #controls.type3 .dashboard { height: 30%;} #controls.type1 .switch .toggle-btn-wrap {height: 120px; top:35%;} #controls.type1 .switch .toggle-btn-wrap.gas-btn {top:42%;} .ven-switch .toggle-btn-wrap .state{font-size:20px !important; bottom:-35px;} #tab {top: 65px;} #pow-view #tab {top: 75px;} #tab ul li{display:inline-block; padding:0 20px; text-align:center; line-height:18px; font-size:22px;} #air-view #tab ul{padding-top: 0;} #cot-view #tab ul {padding-top: 5px;} #pow-view #tab ul{padding-top:0;} #tab.bat-tab {top: 7px;} #lmp-view #tab ul{padding-top: 10px;} #ven-view #tab ul {/*padding-top: 10px;*/} .error-content {font-size: 34px;line-height: 55px; margin-top: 60px;} .error-content.contact {font-size: 29px;margin-top: 100px;} .switch .bootstrap-switch .bootstrap-switch-container{ height: 47px;} .switch .bootstrap-switch{z-index:0; position:relative; margin:0 auto; display:block; width:64px; height:47px;} .switch .bootstrap-switch .bootstrap-switch-handle-on, .switch .bootstrap-switch .bootstrap-switch-handle-off{z-index:1; width:47px;} .switch .bootstrap-switch .bootstrap-switch-label {width: 43px !important;} #controls .btn_switch {width: 91px;} #view .viw_board th { height: 47px;font-size: 25px;} #view .viw_board td { font-size: 22px;line-height: 35px;} .lst_btn .btn {font-size: 25px;} #list {padding-top: 78px} #list.type2 {padding-top: 232px;} #list.type3 {top: 65px; height: 100%;} #list.cctv .lst_board td .screen{display:inline-block; width:114px; height:86px; /*background:#000; border:1px solid #fff;*/} #list.cctv .lst_board td {font-size: 20px;} #list.cctv .lst_board th {font-size: 20px;} #list.cctv .lst_header {height: 38px;padding: 20px 0;} #list.cctv .lst_header .date {font-size: 30px;} #list.cctv .lst_header .btn {top: 10px;width: 51px;height: 51px;background-size: 17px 28px !important;} #list.visitor .lst_board td .screen{display:inline-block; width:90px; height:59px; overflow: hidden; /*background:#000; border:1px solid #fff;*/} #list.visitor .lst_board td {font-size: 20px;} #list.visitor .lst_board th {font-size: 20px;} #list.visitor .lst_header {height: 27px;padding: 20px 0;margin-top:-117px;} #list.visitor .lst_header .date {font-size: 30px; padding-top: 10px;} #list.visitor .lst_header .btn {top: 23px;width: 51px;height: 48px;background-size: 17px 28px !important;} #list .lst_board_header {margin-top: -50px;} #list .lst_board td {font-size: 20px;line-height:12px;height: 65px;} #list .lst_board th {font-size: 20px;line-height:30px;height: 50px;} #list .lst_board.notice td, #list .lst_board.delivery td, #list .lst_board.fee td {height: 100px; } .lst_btn_hea .btn_date {font-size: 24px;padding: 0 18px; vertical-align: middle;} .p-tab_car { height: initial; padding: 10px 0px;font-size: 26px;} .char_place .top_contents { margin-top: 37px;} #controls .btn_curtain button.open {background-size: 107px 89px;} #controls .btn_curtain button.pause {background-size: 83px 82px;} #controls .btn_curtain button.close {background-size: 102px 89px;} #controls .btn_curtain button {width: 200px;height: 200px;padding-top: 101px;font-size: 40px;} #controls.type3 .switch ul li.li0 { top: 48%;} /* 濡쒓렇?씤 ?뙘?뾽 */ #login .frm_login.tablet {padding: 0 20%;} #popup .pop_layer {margin: 0;} /* 媛??뒪 議곕챸 */ #controls .dashboard .bulb {width: 104px;height: 108px;background-size: 104px 108px;} /* ?떒吏??꽑?깮 */ .danji-search{font-size:25px;} #list .lst_board #danji-list tr td{font-size:21px;} /* ?솚湲? */ #controls .vent_wind dd button {background-size: 70px 54px;padding-top: 80px;font-size: 30px;} #controls .vent_power dt {font-size: 20px; width:100%;line-height:50px;} #controls .switch .state {font-size: 20px;} #controls .vent_wind dt {font-size: 20px;} /*?궃諛?*/ #controls .temp .tit { font-size: 25px;} #controls .temp .tem-state {font-size: 60px;margin-top: 35px;} #controls .control_btn { width: 116px; height: 59px;} #controls .control_btn button {/*width: 50px;height: 49px;*/} #controls .set_btn button { font-size: 26px;} .switch .toggle-btn-wrap.air-btn .toggle-btn { width: 70px; height: 62px; } /* ?뿉?뼱而? */ #controls.type3 .dashboard .temp .tit {font-size:30px;} .char_lookup .top_contents_sub .row {margin-top:27px;} .hea_top_sec_top img{width:1%;} .hea_center_sec .bubble .label{right:-298px;} .hea_center_sec .bubble_sec .label{right:-289px;} .hea_center_sec .bubble_thr .label{right:-289px;} .hea_center_thr .bubble .label{right:-290px;} .hea_center_thr .bubble_sec .label{right:-299px;} .hea_center_fou_thr .bubble .label{right:-290px;} .hea_center_fou_thr .bubble_sec .label{right:-290px;} #health-list .p-tab {font-size: 20px;} .fat_tabs{display:none;} .kind_tabs{display:none !important;} .hea_center .graph_right{right:-267px;} .hea_center .title_right{right:47px;} .hea_graph_bottom .bottom .date{width:24%} .hea_top .hea_graph{background-size:559px 174px;} .hea_graph_sec_bottom .bottom .date{width:24%;} .hea_graph_fif_bottom .bottom .date{width:24%;} .hea_graph_fif_sec_bottom .bottom .date{width:24%;} .hea_top_fif .hea_graph_fif{ background-size: 544px; background-position-y: 50%;} .hea_top_fif_sec .hea_graph_fif_sec {background-size: 84%; background-position-y: 68%;} .hea_graph_thr_bottom .bottom .date{width:24%;} .hea_graph_fou_bottom .bottom .date{width:24%;} .hea_graph_fou_bottom .bottom .date{width:24%;} .hea_top_thr .hea_graph_thr{background-size:82%} .hea_top_fou .hea_graph_fou{background-size:82%} .hea_top_fou_sec .hea_graph_fou{background-size:82%} .hea_top_sec .hea_graph_sec{background-size:545px 176px} .hea_top_fif_thr .contents{width:88%;} .hea_top_fif_thr .bottom_img img{width:88%;height: 16px; right:22px;} .hea_top_sec .hea_graph_sec{background:none;} .char_place .top_contents_sub{font-size:24px;height: 58px;} .char_place .top_contents_sub_sec{font-size:24px;height: 58px} .char_place .top_contents_sub_sec .right button {font-size: 21px;} .char_place .top_contents_sub .right button {font-size: 21px;} .char_reservation .top_contents {padding: 38px 0;} .char_reservation .top-head {padding: 20px 0 25px;} .char_reservation .top_contents .head { font-size: 22px;} .char_reservation .top_contents_sub{height: initial; padding: 24px 0;} .char_reservation .top_contents_sub .row{font-size:22px;} .char_lookup .top_contents {padding: 38px 0;} .char_lookup .top-head {padding: 20px 0 25px;} .char_lookup .top_contents .head { font-size: 22px;} .char_lookup .top_contents_sub{height: initial; padding: 24px 0;} .char_lookup .top_contents_sub .row{margin-top: 0px; font-size:22px;} .char_lookup .top_contents_sub .char_hour {margin-top: 0px; font-size: 19px;} #controls .inner {width: 100%;} #controls .btn_curtain .btn-wrap {display:table; margin:0 auto;} #controls .btn_curtain button {display: inline-block;vertical-align: middle;} #controls .btn_curtain button + button {margin-top: 0;} #controls .btn_curtain button.pause {margin: 0 20px;} #list .lst_board td .time {color: #a2a1a1;margin-top: 14px;display: inline-block;} #controls.type4 {padding: 64px 21px 60px 21px;} /*#controls.type4 .switch {height: 39%; top:30px;}*/ /*#controls.type4 .switch + .switch {top: 44%;height: 59%;}*/ /*#fee-view #list{padding-top:50px !important; height: 80%; max-height: 1000px;}*/ /*#del-view #list{padding-top:50px !important; height: 100%; max-height: 1000px;}*/ /*#not-view #list{padding-top:50px !important; height: 100%; max-height: 1000px;}*/ /*#not-view #list .lst_btn{padding-bottom: 20px;}*/ #list { padding-top: 40px !important; padding: 73px 21px 10px 21px;} #list.danji.type3 {padding: 73px 21px 170px 21px;} /*#list.visitor.type2 { padding: 129px 21px 20px 21px; height: 100%; max-height: 950px;}*/ #list .lst_board_header {margin-top: -10px;} #list .lst_board td {font-size: 20px;} #list .lst_board.notice td, #list .lst_board.delivery td, #list .lst_board.fee td {height: 69px;} #list .lst_board th {font-size: 23px;height: 46px;} #list.type2 {padding-top: 110px;} #list.type2 .lst_board_header {margin-top: 20px;} #controls .inner {width: 100%;} #controls .btn_curtain .btn-wrap {display:table; margin:0 auto;} #controls .btn_curtain button {display: inline-block;vertical-align: middle;} #controls .btn_curtain button + button {margin-top: 0;} #controls .btn_curtain button.pause {margin: 0 20px;} #list .lst_board td .time {color: #a2a1a1;margin-top: 14px;display: inline-block;} #controls.type4 {padding: 75px 21px 60px 21px;} /*#controls.type4 .switch {height: 33%;}*/ /*#controls.type4 .switch + .switch {top: 44%;height: 59%;}*/ #schedule-view .no-border .toggle-btn-wrap{padding-left:65px;} .no-border .toggle-btn-wrap{padding-left:95px;} #pow-view .switch .toggle-btn-wrap.lmp-btn {top: 40%;} .switch .toggle-btn-wrap.lmp-btn {top: 40% !important;} #controls.type1{padding-top:105px;} #controls.type1 .dashboard {height: 45%;} #controls.type1 .switch {top: 45%; height: 45%;} #controls.gas-control.type1 .dashboard_wrap {top:13px;} #controls .switch ul li{height:50%;} /*#tab ul li {font-size: 18px;}*/ .info-value-box{padding-left:40% !important ;} #list.type2 .lst_header{margin-top:-130px;} /*.ui-mobile .ui-page {top:15px;}*/ .char_lookup table , .char_lookup tr td{} .char_lookup tbody { display:block; height: -moz-calc(100vh - (305px)); height: -webkit-calc(100vh - (305px)); height: calc(100vh - (305px)); overflow:auto; } .char_lookup thead, .char_lookup tbody tr {display:table; width:100%; table-layout:fixed;} .char_lookup thead {width:100%;} .char_lookup table {width:100%;} #controls .control_btn button {width: 48%;} #controls .temp .control_btn{display:inline-block; width:51%; height:60px; overflow:hidden; margin-bottom:13px;} .inner button.tem-apply{background:#696966; width: 51%; display: inline-block; height: 60px; font-size:27px;} .inner button.tem-apply:disabled{background:#50504b; width: 51%; display: inline-block; height: 60px; font-size:27px;} #controls .air.state1 .control_btn button + button {float: initial;} #controls .air.state1 .control_btn button {width: 30%;} #controls .air .control_btn button {width: 47%;} #controls .air .control_btn{display:inline-block; width:48%; height:55px; overflow:hidden;} #controls .air button.tem-apply{background:#696966; width: 31%; display: inline-block; /*position: absolute; right: 17%;*/ height: 100%; /*top: 70%;*/ font-size:24px; float:right !important;} #controls .air button.tem-apply:disabled{background:#50504b; width: 31%; display: inline-block; /*position: absolute; right: 17%;*/ height: 100%; /*top: 70%;*/ font-size:24px;float:right !important;} #pow-view .toggle-btn-wrap .state{bottom:30px;} #air-view #tab{top:75px;} #controls.type1{padding:105px 21px 0 21px; top:30px;} #controls.type1.group{padding:92px 21px 0 21px; top:29px;} #pow-view #controls.type1{padding:93px 21px 0 21px; top:42px;} /*난방버튼*/ #controls.type2{padding:69px 21px 30px 21px; top:68px;} #tem-view.no-button #controls.type2{padding:69px 21px 45px 21px; top:68px;} #controls.type3{padding:40px 21px 0 21px; top:95px;} #controls.type4{padding:98px 21px 0 21px; top:40px;} #controls.type5{padding:135px 21px 80px 21px;} #controls.type6{padding:135px 21px 82px 21px !important ;} #controls.type3 .upper {height:89%;} #write {top: 15px; height: 100%; padding: 125px 21px 95px 21px;} #list{z-index:100; padding:103px 21px 170px 21px; position:absolute; top:47px; left:0; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} #list.type2{padding: 67px 21px 232px 21px;} #schedule-view #list.type2{padding: 67px 21px 175px 21px; top:18px;} #list.bat{padding: 92px 21px 0px 21px; top: 60px; height: 100%;} #list.schedule .lst_header .button, .btn-schedule {left:calc(50% - (170px)); width:379px; height:44px;} #lmp-view #list.schedule .lst_header .button, .btn-schedule{top:-20px;} #list .lst_board.notice td, #list .lst_board.delivery td, #list .lst_board.fee td{font-size:16px;} .air-control .switch .toggle-btn-wrap {top:20px;} #list .lst_header .frm_search input {font-size: 18px; padding: 10px 6px 0;} } /*@media screen and (min-width:1025px){*/ @media screen and (min-width:820px){ #list.type2 .lst_header {margin-top: -164px;} #list.type2 .lst_body {height: 100%;} /* #not-view #list .lst_body { height: 73%;} #fee-view #list{max-height: 450px; height: 80%; padding: 80px 21px 30px 21px;} #del-view #list{max-height: 600px; height: 80%;} #not-view #list{max-height: 800px;}*/ #list.danji.type3 { padding: 140px 21px 110px 21px;} #list.bat {padding:117px 21px 0px; } #list.type2 {padding-top: 225px;} #schedule-view #list.type2{padding:68px 21px 166px;} .lst_btn_hea .btn_date {vertical-align: middle; margin: 0 20px; font-size: 26px;} #list.cctv .lst_board td .screen{display:inline-block; width:86px; height:68px; /*background:#000; border:1px solid #fff;*/} #list.cctv .lst_board td {font-size: 23px;} #list.cctv .lst_board th {font-size: 23px;} #list.cctv .lst_header {height: 38px;padding: 20px 0;} #list.cctv .lst_header .date {font-size: 30px;} #list.cctv .lst_header .btn {top: 10px;width: 51px;height: 51px;background-size: 17px 28px !important;} #list.cctv.type2 {padding-top: 85px;} #list.visitor .lst_board td .screen{display:inline-block; width:86px; height:68px; /*background:#000; border:1px solid #fff;*/} #list.visitor .lst_board td {font-size: 23px;} #view .viw_board th {font-size:23px;} #view .viw_board td {font-size:23px;} #list.visitor .lst_board th {font-size: 23px;} #list.visitor .lst_header {height: 10px;padding: 5px 0 35px;} #list.visitor .lst_header .btn {top: 0;width: 41px;height: 39px;background-size: 17px 28px !important;} #list.visitor .lst_header .date {font-size: 30px;} /*#list .lst_board td .screen{display:inline-block; width:86px; height:68px; /*background:#000; border:1px solid #fff;*/ /*#list .lst_board_header {margin-top: -50px;}*/ #list .lst_board_header {margin-top: 0 !important;} #list.schedule.type2 .lst_board_header {margin-top: 20px !important;} #list .lst_board td {font-size: 23px;line-height:30px;height: 60px} #list .lst_board th {font-size: 23px;line-height:30px;height: 50px;} #list .lst_board.notice td, #list .lst_board.delivery td, #list .lst_board.fee td {height: 100px; } .p-tab_car { height: initial; padding: 10px 0px;font-size: 26px;} .switch .toggle-btn-wrap.air-btn .toggle-btn {width: 70px; height: 62px; top:37px !important;} .switch .li0 .toggle-btn-wrap .toggle-btn{top:15px;} .switch .li0 .toggle-btn-wrap.lmp-btn .toggle-btn{top:40px;} /* ?뿤?뜑 */ #header {height: 55px;} #header h1 {line-height: 57px;font-size: 25px;} #header .btn_prev {height: 68px;padding: 0 35px;background-size: 26px 27px; top: -8px;} /* tabs */ #tab.bat-tab {top: 55px;height: 10%;} #tab ul li {line-height: 18px;font-size: 22px;} #pow-view #tab {top: 72px;} /* controls */ #lmp-view #controls {height: 100%;} #tem-view #controls {height: 100%;} #gas-view #controls {height: 100%;} #air-view #controls{top:69px; height:100%;} #pow-view #controls {height: 100%;} #pow-view #controls.type1 { padding: 117px 21px 19px 21px; top:0;} #controls.gas-control{top:15%;} #controls.type1 {padding: 30px 21px 135px; top: 87px;} #controls.type1.group {padding: 30px 21px 81px; top: 87px;} /*난방버튼 */ #tem-view.no-button #controls.type2 {padding: 20px 21px 23px 21px; top: 32px;} #controls.type2 {padding: 20px 21px 61px 21px; top: 32px;} #controls.type3 {padding: 50px 21px 60px;} #controls.type4 {padding: 55px 21px 126px; top:63px; height:100%;} #controls.type5 {padding:44px 21px 78px !important;} #controls.type5.type6 {padding: 44px 21px 75px!important;} #controls.type5.type-inbody {padding: 90px 21px 33px!important; overflow: auto;} #tab ul{padding-top:10px;} #cot-view #tab ul{padding-top:5px;} #pow-view #tab ul{padding-top:0;} #write { padding: 135px 21px 107px 21px;} #list.schedule .lst_header .button, .btn-schedule{width:50%; } #lmp-view #list.schedule .lst_header .button, .btn-schedule{top:60px; } #list { padding: 88px 21px 149px 21px;} #controls .switch .num {font-size: 25px;} #controls.type1 .toggle-btn-wrap .num {top: -35px;} /* 議곕챸 on/off size */ #controls .switch .state {font-size: 27px; bottom:0;} #controls .dashboard .power {width: 83px;height: 87px;background-size: 83px 87px;} #controls .set_btn {left: 18%;/*bottom: 7%;*/width: 68%;height: 46%; top:90%;} #controls .set_btn button {font-size: 25px;} #controls .set_btn button.onethird {width: 31%;height: 20%;} #controls .set_btn button.onethird + button.onethird {/*margin: 20% 0 0 0;*/} #controls .dashboard_wrap {height:82%;} #gas-view #controls .dashboard_wrap {height:95%;} #controls .control_btn {width: 119px;height: 59px;} #controls .control_btn button {width: 49px;height: 49px;} #controls.type5 .switch { top: 73px !important; height: 87% !important;} /* ?꽕?젙 */ .set_member{position:relative; top:7%;} .set_program{position:relative; top:7%;} #setting{/*top: -20px;*/ height: 100%; max-height: 500px;} #setting .set_menu{height: 100%; overflow: auto;} /* 濡쒓렇?씤 */ #login .frm_login.tablet {padding: 0 25%} #popup .pop_layer input{width:97%;} #menu-view .popup .pop_layer input{width:100%;} /* 濡쒓렇?씤 ?뙘?뾽 */ /* 媛??뒪 , 議곕챸 */ #controls.type1 .dashboard { width: 50%; height: 90% !important; } #controls.type1 .switch { width: 50%; left: 50%; top: 0 !important; height: 90% !important; } #controls .dashboard .valve { width: 104px; height: 150px; background-size: 104px 150px; } .switch .toggle-btn-wrap.gas-btn {top: 43%;} #controls.type2 .inner.left-tem {top: 35%} #controls.type2 .inner {top: 50%} #controls .dashboard .bulb {width: 104px;height: 108px;background-size: 104px 108px;} #controls .switch ul li.li3 {border-top: 0;} #controls .switch ul li.li4 {border-top: 0;} /* ?궃諛? */ #controls.type2 .dashboard_wrap{top:65px;} /* #controls.type2 .dashboard {height: 100%;width: 50%;background: #363634;} #controls.type2 .switch {top: 0;left: 50%;width: 50%;height: 100%;}*/ /*난방버튼 있을때*/ #tem-view.no-button #controls.type2 .dashboard {height: 90%;width: 50%;background: #363634;} #tem-view.no-button #controls.type2 .switch {top: 0;left: 50%;width: 50%;height: 90%;} #controls.type2 .dashboard {height: 90%;width: 50%;background: #363634;} #controls.type2 .switch {top: 0;left: 50%;width: 50%;height: 90%;} #controls .temp .tit {font-size: 25px;} #tem-view #controls .temp .tit {font-size: 24px;} #controls .tem-btn{/*left:79%;*/} #controls .temp .tem-tit{} #controls .temp .tem-state{font-size: 60px; margin-top: 35px;} /* ?뿉?뼱而? */ #controls.type3 .dashboard {height: 100%;width: 30%;} #air-view #controls.type3 .dashboard {height: 100%;width: 40%;} #air-view #controls .inner {width:95%;} #controls.type3 .dashboard .temp .inner {top: 45%;} #controls.type3 .dashboard .temp .tit {padding-bottom: 30px; font-size: 30px;} #controls.type3 .upper{height:70%;} #air-view #controls.type3 .switch {top: 0;height: 100%;left: 40%;width: 60%;} #controls.type3 .switch {top: 0;height: 100%;left: 30%;width: 40%;} #controls.type3 .air-switch{left:38%;} #controls.type3 .air-set_btn{left:80%; width:15%; top:37%;height:30%;} #controls .air .inner {width: 330px;} #controls .air dt {font-size: 20px;line-height: 49px;} .health-section .empty{padding-top:25%;} #air-view #controls.type3 .air-set_btn {left: 44%;width: 15%;top: 73%;height: 22%;} #air-view .toggle-btn-wrap .toggle-btn {width: 80px;} #air-view .toggle-btn-wrap .state{top: 40px;} /* ?뿉?뼱而? 諛붾엺?꽭湲? */ #controls .air dd {line-height: 49px; font-size: 30px; width: 120px;} /* 諛⑸Ц?옄 */ .viw_visitor img {height: 670px;} /* ?쁽愿? CCTV */ .viw_visitor.video video{height: 600px;} /* ?뿉?꼫吏? */ .body_left .graph {margin-bottom:10%;} .full-iframe {width:100%;height:100vh;border: 0 none;padding:76px 0 0;box-sizing:border-box} .power-btn {top: 13px;} .power-btn img{width: 24px;} /* 而ㅽ듉 */ #controls #cot_inner { width: 100%; /*top: 0%; left: 0%; padding: 162px 120px; transform: none; -webkit-transform: none;*/ } #controls #cot_inner .btn-wrap{display: table;margin: 0 auto; } #controls .btn_curtain button { float: left; width: 180px; height: 180px; border-radius: 10px; padding-top: 90px; font-size: 25px; } #controls .switch ul li {height: 50%;} #controls .btn_curtain button + button { margin: 0 0 0 0; } #controls .btn_curtain button.open { background-size: 79px 72px; } #controls .btn_curtain button.pause { margin: 0 100px; background-size: 48px 59px; } #controls .btn_curtain button.close { background-size: 79px 72px; } /* ?솚湲? */ /* #controls.type4 .switch {width: 30%;height: 100%;} #controls.type4 .switch + .switch {top: 0;left: 35%;width: 50%;height: 100%;}*/ #controls.type4 .dashboard{height:100%; width:50%; } #controls.type4 .switch{height:100%; width:50%; top:0;left:50%; } #controls #ven_inner { padding: 50px 0; width: 100%; top: 17%; left: 0%; transform: none; -webkit-transform: none; } #controls #ven_inner2 {padding-top:50px;top: 14%;left: 0%;transform: none;-webkit-transform: none;} #controls .vent_wind dd button {background-size: 70px 54px;padding-top: 80px;font-size: 30px;} #controls .vent_power dt { font-size: 30px; width: 100%; } #controls .vent_wind dt {font-size: 30px; padding-bottom:0;} #controls .vent_power dd { width: 100%; margin: 0; margin-top: 5%; } #controls .vent_wind dd { margin-top: 5%; } .ven-switch .toggle-btn-wrap .state{bottom:0; font-size:30px !important;} /* 鍮꾨?踰덊샇蹂?寃? */ #setting .set_pw {margin-top: 30px;} /* ?쟾湲곗감 */ .char_lookup .top_contents_sub{height: 55px; padding: 7px 0;} /* ?뿬?뒪耳??뼱 (?삁?븬) */ .project-tabs{width:100%; display:inline-block; margin-top: 20px; } .lst_btn_hea{width:88%; display:table; margin:0 auto; } .lst_btn_hea .btn.prev span{width:22px; height:30px; background-size:20px 30px;} .lst_btn_hea .btn.next span{width:22px; height:30px; background-size:20px 30px;} .lst_btn_hea .btn{height:55px;} .lst_btn_hea .btn.half{position:relative;} .btn .date{font-size:20px;} .hea_top{width:33%; display:inline-block; vertical-align: middle; box-sizing: border-box; margin-top:20px; height:314px;} .hea_center{width:33%; display:inline-block; vertical-align: middle; box-sizing: border-box; height:314px;} .hea_bottom{width:33%; display:inline-block; vertical-align: middle; box-sizing: border-box;} #health-list{/*height:100%;*/padding-top: 145px;} .hea_center .graph_right{right:-114px;} .hea_center .title_right{right:-3px;} .hea_top .hea_graph{background-size:100%;} .hea_graph_bottom .bottom .date{width:23%;} .hea_graph_sec_bottom .bottom .date{width:23%;} .hea_graph_fif_bottom .bottom .date{width:23%;} .hea_graph_fif_sec_bottom .bottom .date{width:23%} .hea_graph_thr_bottom .bottom .date{width:23%} .hea_top_fif_sec .hea_graph_fif_sec{background-size:100%;} .hea_top_thr .hea_graph_thr{background-size:100%;} /* ?뿬?뒪耳??뼱 (泥댁꽦遺?) */ .hea_top_sec{width:33%; display:inline-block; vertical-align: middle; box-sizing: border-box; margin-top:20px; height:436px;} .hea_center_sec{width:33%; display:inline-block; vertical-align: middle; box-sizing: border-box;} .hea_bottom_sec{width:33%; display:inline-block; vertical-align: middle; box-sizing: border-box; height:436px;} .hea_center_sec .bubble .label{right:-118px;} .hea_center_sec .bubble_sec .label{right:-118px;} .hea_center_sec .bubble_thr .label{right:-118px;} .hea_center_thr .bubble .label{right:-118px;} .hea_center_thr .bubble_sec .label{right:-118px;} .hea_center_fou_thr .bubble .label{right:-118px;} .hea_center_fou_thr .bubble_sec .label{right:-118px;} .hea_top_sec_top img{width:3%;} /* ?뿬?뒪耳??뼱 (鍮꾨쭔) */ .hea_top_fif{width:33%; display:inline-block; vertical-align: middle; box-sizing: border-box; margin-top:20px; height:390px;} .hea_top_fif_sec{width:33%; display:inline-block; vertical-align: middle; box-sizing: border-box; height:390px;} .hea_top_fif_thr{width:33%; display:inline-block; vertical-align: middle; box-sizing: border-box; height:390px;} .hea_bottom_thr{height:280px;} .hea_top_fif_thr .top_img img{height:230px; top:15px;} .hea_top_fif_thr .contents td{height:47px;} .hea_top_fif_thr .bottom_img img{top:-173px; right:-9px;} .hea_top_fif_thr .contents{top: -178px; right: -48px;} .hea_top_fif .hea_graph_fif .third_graph{bottom:185px;} .hea_top_fif .hea_graph_fif{background-size:100%;} .fat_tabs{display:inline-block; bottom: 62px;} .right-bottom-text{position:absolute;bottom: 90px; right: 5px;} .right-bottom-percent{position:absolute;bottom: 76px;right: 18px;} /* ?뿬?뒪耳??뼱 (遺??쐞蹂?) */ .hea_top_thr{width:33%; display:inline-block; vertical-align: middle; box-sizing: border-box; margin-top:20px;} .hea_center_thr{width:33%; display:inline-block; vertical-align: middle; box-sizing: border-box; height:340px;} .hea_top_fou{width:33%; display:inline-block; vertical-align: middle; box-sizing: border-box;height:340px; margin-top:20px;} .hea_bottom_fou{width:33%; display:inline-block; vertical-align: middle; box-sizing: border-box; height:340px;} .hea_top_fou_sec{width:33%; display:inline-block; vertical-align: middle; box-sizing: border-box; height:340px;} .hea_center_fou_thr{width:33%; display:inline-block; vertical-align: middle; box-sizing: border-box;height:340px;} .hea_bottom_fif{width:33%; display:inline-block; vertical-align: middle; box-sizing: border-box; height:340px;} .hea_top_fou .hea_graph_fou .fourth_graph{bottom:140px;} .hea_top_fou_sec .hea_graph_fou .fourth_graph{bottom:140px;} .hea_top_thr .hea_graph_thr .fourth_graph{bottom:111px;} .hea_top_fou_title{margin-top:10px;} /*.health-view, .fat-view, .kind-view{display:none}*/ .health-view.show, .fat-view.show, .kind-view.show {display:block} .char_lookup .top_contents_sub .row{margin:6px} .kind_tabs{display:inline-block !important; bottom: 62px;} .hea_graph_fou_bottom .bottom .date{width:23%;} .hea_graph_fou_bottom .bottom .date{width:23%;} .hea_top_fou .hea_graph_fou{background-size: 100%;} .hea_top_fou_sec .hea_graph_fou{background-size: 100%;} #list.visitor.type2 { padding: 230px 21px 35px 21px;} #schedule-list .toggle-btn-wrap{padding-left: 37%;} .switch .toggle-btn-wrap.lmp-btn {top: 37%;} .info-value-box {padding-left: 38% !important;} .switch .toggle-btn-wrap.lmp-group {top:40%;} #cot-view #tab {top:72px;} #tab {top:55px;} .type3 .danji_confirm { margin-bottom:25px;} .danji.type3 .lst_btn {bottom: 0;padding-bottom: 20px;} .char_lookup table , .char_lookup tr td{} .char_lookup tbody { display:block; height: -moz-calc(100vh - (269px)); height: -webkit-calc(100vh - (269px)); height: calc(100vh - (269px)); overflow:auto; } .char_lookup thead, .char_lookup tbody tr {display:table; width:100%; table-layout:fixed;} .char_lookup thead {width:100%;} .char_lookup table {width:100%;} #controls .temp .control_btn{display:inline-block; width:100%; height:46px; overflow:hidden; margin: 15px 0 5px;} #controls .temp .control_btn button{width:48%;} #controls .temp .control_btn button + button{float:right;} .inner button.tem-apply{background:#696966; width: 100%; display: inline-block; height: 46px; font-size:16px;} .inner button.tem-apply:disabled{background:#696966; width: 100%; display: inline-block; height: 46px; font-size:16px;} #controls .air .control_btn{display:inline-block; width:37%; height:42px; overflow:hidden;} #controls .air.state1 .control_btn button{width:30%;} #controls .air .control_btn button{width:47%;} #controls .air.state1 .control_btn button + button{float:initial;} #controls .air button.tem-apply{background:#696966; width: 30%; display: inline-block; /*position: absolute; right: -85%;*/ height: 100%; /*top: 67%;*/ font-size:16px; float: right!important;} #controls .air button.tem-apply:disabled{background:#50504b; width: 30%; display: inline-block; /*position: absolute; right: -85%;*/ height: 100%; /*top: 67%;*/ font-size:16px; float: right!important;} .switch .toggle-btn-wrap {height: 99px;} #map {width: 100%;height: 204px; } } @media screen and (min-width:1024px) and (max-width:1281px){ #tab{top:68px;} #controls.type1{padding:47px 21px 139px 21px;} #controls.type1.group{padding:112px 21px 0 21px; top:23px;} #pow-view #controls.type1{padding:134px 21px 9px 21px; top:0;} /*난방버튼 있을때*/ #controls.type2{padding:69px 21px 40px 21px; top:0;} #tem-view.no-button #controls.type2{padding:47px 21px 0 21px; top:32px;} #controls.type3{padding:73px 21px 35px 21px; top:62px!important;} #controls.type4{padding:134px 21px 80px 21px; top:0;} #controls.type5{padding:61px 21px 80px 21px !important;} #controls.type5.type6{padding:60px 21px 65px 21px !important ;} #controls.type5.type-inbody{padding:108px 21px 65px 21px !important ; overflow: auto;} #controls.type3 .upper {height:74%;} #write {top: 15px; height: 100%; padding: 140px 21px 140px 21px;} #list{z-index:100; padding:61px 21px 216px 21px; position:absolute; top:47px; left:0; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} #list.type2{padding: 200px 21px 103px 21px;} #schedule-view #list.type2{padding: 41px 21px 237px 21px;} #list.bat{padding: 120px 21px 0px 21px; top: 15px; height: 100%;} #list.schedule .lst_header .button, .btn-schedule {left:calc(50% - (170px)); width:379px; height:44px;} #list .lst_board.notice td, #list .lst_board.delivery td, #list .lst_board.fee td{font-size:16px;} #list.visitor .lst_header{height:20px; margin-top:-183px;} #list.visitor .lst_header .btn{width:49px; height:45px;} .air-control .switch .toggle-btn-wrap {top:20px;} .char_lookup tbody { display:block; height: -moz-calc(100vh - (304px)); height: -webkit-calc(100vh - (304px)); height: calc(100vh - (304px)); overflow:auto; } .switch .toggle-btn-wrap.lmp-btn {top: 44%;} #controls .temp .control_btn button{width:47%;} #controls #ven_inner {top: 27%;} #controls #ven_inner2 {top: 24%;} #controls .air dt{width: 33%;} #controls.type2 .inner.left-tem {top: 41%} #lmp-view #list.schedule .lst_header .button, .btn-schedule{top:80px;} #list.visitor.type2 { padding: 210px 21px 93px 21px;} #list.danji.type3 { padding: 95px 21px 150px 21px;} } @media screen and (min-width:426px) and (max-width: 548px) { #lmp-view .switch .li0 .toggle-btn-wrap{top:30%; height: 85px;} #lmp-view .switch .toggle-btn-wrap{ top: 25%;height: 78%;} #lmp-view #controls .switch ul li.li4{/*border-bottom: 1px solid #5b5c57; top:1px;*/} } @media screen and (min-width:549px) and (max-width: 768px) { #lmp-view .switch .li0 .toggle-btn-wrap{top:40%; height: 85px;} #lmp-view .switch .toggle-btn-wrap{ top: 30%;height: 89px;} #lmp-view #controls .switch ul li.li4{/*border-bottom: 1px solid #5b5c57; top:1px;*/} .toggle-btn-wrap .state {bottom:0;} }