@charset "utf-8";

/* COMMON */
.title_style_30{font-size:30px;line-height:36px;color:#000;font-weight:500}
.title_style_30_mb15{font-size:30px;line-height:36px;color:#000;font-weight:500;margin:0 0 15px 0}
.title_location{text-align:center}
.title_location div.title_location_line{width:30px;height:5px;background-color:#ff9000;margin:0 auto}
.title_location div.title_location_text{font-size:36px;line-height:48px;color:#000;padding:10px 0 0 0}


.division_30{margin:30px 0 0 0}
.division_50{margin:50px 0 0 0}
.division_80{margin:80px 0 0 0}


.tabmenu{text-align:center}
.tabmenu ul{display:inline-block;border:1px solid #dcdcdc;border-radius:3px}
.tabmenu ul li{display:inline-block;width:200px;background-color:#fff;font-size:16px;border-right:1px solid #dcdcdc;margin-right:-3px}
.tabmenu ul li:last-child{border-right:0;;margin-right:0}
.tabmenu ul li a{display:block;padding:15px 0;color:#454545}
.tabmenu ul li.on{background-color:#515151;font-weight:500;border-right:0}
.tabmenu ul li.on a{color:#fff}


.paging{text-align:center;margin-top:30px}
.paging ol li{display:inline-block;width:42px;height:42px;font-size:15px;color:#999999; border:1px #e3e3e3 solid;}
.paging ol li a{width:100%;height:100%;text-decoration:none;color:#999999;display:block;padding-top:9px}
.paging ol li.on{border:1px #343434 solid;background:#494949;color:#fff;font-weight:700}
.paging ol li.on a{color:#fff}

.select_style{padding:12px 45px 12px 10px;background:#fff url('/images/iotm/sub/icon_select_arrow.png') 85% center no-repeat;border:1px solid #d6d6d6;border-radius:3px;vertical-align:middle}


.table_style table{border-collapse:collapse;width:100%;text-align:center}
.table_style table thead th{padding:20px 15px;font-size:15px;line-height:20px;color:#fff;font-weight:500;background-color:#135f90;border:1px solid #5a8fb2;border-width:0 1px 0 0;text-align:center}
.table_style table tbody td{padding:20px 15px;font-size:15px;line-height:20px;color:#4a4949;border:1px solid #dadada;border-width:0 1px 1px 1px}



/* �˾� */
.popup_wrap{padding:30px}
.popup_wrap div.inner{width:100%;background-color:#fff}
.popup_top{background-color:#1d97d1;height:73px}
.popup_top:after{clear:both;content:'';display:block}
.popup_top div.pop_title{font-size:28px;color:#fff;line-height:34px;font-weight:500;float:left;padding:25px 0 0 0;margin-left:30px}
.popup_top div.btn_pop_close{float:right;padding:30px 30px 0 0}
.popup_con{padding:30px}


.noise_legend{width:100%;margin:0 auto}
.noise_legend div.noise_step{display:table;margin:0 0 10px 0}
.noise_legend div.noise_step:last-child{margin:0 0 0 0}
.noise_legend div.noise_step:after{display:block;clear:both;content:''}
.noise_decibel{display:table-cell}
.noise_legend_list{display:table-cell;padding:0 0 0 20px;vertical-align:middle}
.noise_legend_list li{font-size:14px;line-height:20px;color:#000;background:url(/images/iotm/common/dot_circle.png) 0 8px no-repeat;padding:0 0 0 7px}

.noise_120dB{width:420px;padding:15px 15px 15px 15px;background-color:#e60e0e;border-radius:5px;font-size:18px;line-height:24px;color:#fff;font-weight:500;text-align:right}
.noise_110dB{width:390px;padding:15px 15px 15px 15px;background-color:#ff3600;border-radius:5px;font-size:18px;line-height:24px;color:#fff;font-weight:500;text-align:right}
.noise_100dB{width:360px;padding:15px 15px 15px 15px;background-color:#ff5400;border-radius:5px;font-size:18px;line-height:24px;color:#fff;font-weight:500;text-align:right}
.noise_90dB{width:330px;padding:15px 15px 15px 15px;background-color:#ff6600;border-radius:5px;font-size:18px;line-height:24px;color:#fff;font-weight:500;text-align:right}
.noise_80dB{width:300px;padding:15px 15px 15px 15px;background-color:#ff7800;border-radius:5px;font-size:18px;line-height:24px;color:#fff;font-weight:500;text-align:right}
.noise_70dB{width:270px;padding:15px 15px 15px 15px;background-color:#ff9000;border-radius:5px;font-size:18px;line-height:24px;color:#fff;font-weight:500;text-align:right}
.noise_60dB{width:240px;padding:15px 15px 15px 15px;background-color:#ffa800;border-radius:5px;font-size:18px;line-height:24px;color:#fff;font-weight:500;text-align:right}
.noise_50dB{width:210px;padding:15px 15px 15px 15px;background-color:#ffcc00;border-radius:5px;font-size:18px;line-height:24px;color:#000;font-weight:500;text-align:right}
.noise_40dB{width:180px;padding:15px 15px 15px 15px;background-color:#ffea00;border-radius:5px;font-size:18px;line-height:24px;color:#000;font-weight:500;text-align:right}
.noise_30dB{width:150px;padding:15px 15px 15px 15px;background-color:#fcff00;border-radius:5px;font-size:18px;line-height:24px;color:#000;font-weight:500;text-align:right}
.noise_20dB{width:120px;padding:15px 15px 15px 15px;background-color:#d8ff00;border-radius:5px;font-size:18px;line-height:24px;color:#000;font-weight:500;text-align:right}


.dust_legend ul li{display:table;margin:0 0 30px 0;padding:0 0 30px 0;border-bottom:1px solid #e3e3e3}
.dust_legend ul li:last-child{margin:0 0 0 0;padding:0 0 0 0;border-bottom:0}
.dust_legend ul li:after{display:block;clear:both;content:''}
.dust_legend_icon{display:table-cell;vertical-align:top}
.dust_legend_text{display:table-cell;padding:0 0 0 20px;vertical-align:middle}
.dust_legend_text01_01{display:inline-block;padding:3px 0;width:100px;font-size:24px;font-weight:500;color:#fff;background-color:#007dc0;border:1px solid #006398;border-radius:5px;text-align:center}
.dust_legend_text01_02{display:inline-block;padding:3px 0;width:100px;font-size:24px;font-weight:500;color:#fff;background-color:#78b951;border:1px solid #5e933f;border-radius:5px;text-align:center}
.dust_legend_text01_03{display:inline-block;padding:3px 0;width:100px;font-size:24px;font-weight:500;color:#fff;background-color:#f99f37;border:1px solid #ce7918;border-radius:5px;text-align:center}
.dust_legend_text01_04{display:inline-block;padding:3px 0;width:100px;font-size:24px;font-weight:500;color:#fff;background-color:#c82828;border:1px solid #8a1a1a;border-radius:5px;text-align:center}
.dust_legend_text02_01{font-size:20px;line-height:26px;font-weight:500;color:#007dc0;padding:10px 0 0 0}
.dust_legend_text02_01 span{font-size:11px}
.dust_legend_text02_02{font-size:20px;line-height:26px;font-weight:500;color:#78b951;padding:10px 0 0 0}
.dust_legend_text02_02 span{font-size:11px}
.dust_legend_text02_03{font-size:20px;line-height:26px;font-weight:500;color:#f99f37;padding:10px 0 0 0}
.dust_legend_text02_03 span{font-size:11px}
.dust_legend_text02_04{font-size:20px;line-height:26px;font-weight:500;color:#c82828;padding:10px 0 0 0}
.dust_legend_text02_04 span{font-size:11px}
.dust_legend_text03{font-size:16px;line-height:24px;color:#000}


.reservation_pop{width:100%;margin:0 auto}
.reservation_pop ul li:after{display:block;clear:both;content:''}
.reservation_pop ul li{border-bottom:1px dashed #e0e0e0;padding:20px 0 20px 0}
.reservation_pop ul li:first-child{padding:0 0 20px 0}
.reservation_pop ul li:last-child{border-bottom:0;padding:20px 0 0 0}
.reservation_pop_title{float:left;width:150px;font-size:16px;font-weight:500}
.reservation_pop_input{float:right;font-size:15px}
.reservation_pop_input span{margin:0 5px 0 0}
.reservation_pop_input input{vertical-align:top}
.reservation_pop_input label{font-weight:300;vertical-align:top}
.reservation_pop_week dd{display:inline-block;padding:3px 8px;background-color:#f8f8f8;border:1px solid #e1e1e1;font-size:14px}
.reservation_pop_week dd.on{background-color:#ff9000;border:1px solid #e07e00;color:#fff;font-weight:500}


.cctv_manual_img{border:1px solid #dcdcdc;background-color:#f7f7f7;text-align:center;padding:50px;margin:15px 0 0 0}



/* ��ü��Ȳ */
.device_status_wrap:after{display:block;clear:both;content:''}
.device_status_wrap div.device_status_list{float:left;width:305px;margin:20px 20px 0 0}
.device_status_wrap div.device_status_list:nth-child(4n){margin:20px 0 0 0}

.device_status_wrap div.condition_normal{border:1px solid #0091dc}
.device_status_wrap div.condition_normal div.device_status_title{background-color:#0091dc}

.device_status_wrap div.condition_nocheck{border:1px solid #939393}
.device_status_wrap div.condition_nocheck div.device_status_title{background-color:#939393}

.device_status_wrap div.condition_error{border:1px solid #ff9c00}
.device_status_wrap div.condition_error div.device_status_title{background-color:#ff9c00}

.device_status_wrap div.condition_nodata{border:1px solid #ff2f25}
.device_status_wrap div.condition_nodata div.device_status_title{background-color:#ff2f25}

.device_status_title{padding:15px 15px}
.device_status_title:after{display:block;clear:both;content:''}
.device_status_title strong{float:left;font-size:18px;line-height:24px;color:#fff}
.device_status_title span{float:right;font-size:14px;line-height:20px;color:#fff;font-weight:500}
.device_status_info{padding:0 15px}
.device_status_info li{padding:15px 0;border-bottom:1px dashed #e1e1e1}
.device_status_info li:last-child{border-bottom:0}
.device_status_info li:after{display:block;clear:both;content:''}
.device_status_info_title{float:left;font-size:14px;line-height:20px;color:#000}
.device_status_info_text{float:right;font-size:14px;line-height:20px;color:#000;font-weight:500}

.icon_status_good{display:inline-block;width:55px;padding:5px 0;font-size:12px;line-height:18px;color:#fff;font-weight:500;text-align:center;background-color:#007dc0;border:1px solid #006398;border-radius:3px;margin:0 0 0 5px}
.icon_status_normal{display:inline-block;width:55px;padding:5px 0;font-size:12px;line-height:18px;color:#fff;font-weight:500;text-align:center;background-color:#78b951;border:1px solid #5e933f;border-radius:3px;margin:0 0 0 5px}
.icon_status_bad{display:inline-block;width:55px;padding:5px 0;font-size:12px;line-height:18px;color:#fff;font-weight:500;text-align:center;background-color:#f99f37;border:1px solid #cb7716;border-radius:3px;margin:0 0 0 5px}
.icon_status_verybad{display:inline-block;width:55px;padding:5px 0;font-size:12px;line-height:18px;color:#fff;font-weight:500;text-align:center;background-color:#c82828;border:1px solid #861919;border-radius:3px;margin:0 0 0 5px}

.device_status_more{background-color:#f6f6f6;font-size:13px;line-height:20px;color:#4a4949;text-align:center}
.device_status_more a{display:block;padding:12px 0;color:#4a4949}


/*
.aircleaner_status_wrap:after{display:block;clear:both;content:''}
.aircleaner_status_wrap div.aircleaner_status_list{float:left;width:240px;border:1px solid #38a9b1;margin:20px 20px 0 0}
.aircleaner_status_wrap div.aircleaner_status_list:nth-child(5n){margin:20px 0 0 0}
.aircleaner_status_title{padding:15px 0;font-size:18px;line-height:24px;color:#fff;background-color:#38a9b1;text-align:center}
.aircleaner_status_info{padding:0 20px}
.aircleaner_status_info li{padding:10px 0;border-bottom:1px dashed #e1e1e1}
.aircleaner_status_info li:last-child{border-bottom:0}
.aircleaner_status_info li:after{display:block;clear:both;content:''}
.aircleaner_status_info_title{float:left;font-size:14px;line-height:20px;color:#000}
.aircleaner_status_info_text{float:right;font-size:14px;line-height:20px;color:#000;font-weight:500}
.aircleaner_status_more{background-color:#f6f6f6;font-size:13px;line-height:20px;color:#4a4949;text-align:center}
.aircleaner_status_more a{display:block;padding:12px 0;color:#4a4949}
*/



/* ��ġ����Ȳ */
.loaction_status_infogram{margin:20px 0 0 0}
.loaction_status_infogram ul:after{display:block;clear:both;content:''}
.loaction_status_infogram ul{text-align:center}
.loaction_status_infogram ul li{position:relative;display:inline-block;margin:15px 15px 0 0;vertical-align:top}




.loaction_status_infogram_temperature{width:250px;border:1px solid #0091dc;border-radius:5px;background-color:#fff;padding:0 0 40px 0}
.loaction_status_infogram_temperature_top{background-color:#0091dc;padding:10px 0;text-align:center;font-size:20px;line-height:26px;color:#fff;font-weight:500}

.loaction_status_infogram_humidity{width:250px;border:1px solid #38a9b1;border-radius:5px;background-color:#fff;padding:0 0 40px 0}
.loaction_status_infogram_humidity_top{background-color:#38a9b1;padding:10px 0;text-align:center;font-size:20px;line-height:26px;color:#fff;font-weight:500}

.loaction_status_infogram_noise{width:250px;border:1px solid #3e739d;border-radius:5px;background-color:#fff;padding:0 0 40px 0}
.loaction_status_infogram_noise_top{background-color:#3e739d;padding:10px 0;text-align:center;font-size:20px;line-height:26px;color:#fff;font-weight:500}

.loaction_status_infogram_dust{width:250px;border:1px solid #f56854;border-radius:5px;background-color:#fff;padding:0 0 40px 0}
.loaction_status_infogram_dust_top{background-color:#f56854;padding:10px 0;text-align:center;font-size:20px;line-height:26px;color:#fff;font-weight:500}

.loaction_status_infogram_illuminance{width:250px;border:1px solid #4785e1;border-radius:5px;background-color:#fff;padding:0 0 40px 0}
.loaction_status_infogram_illuminance_top{background-color:#4785e1;padding:10px 0;text-align:center;font-size:20px;line-height:26px;color:#fff;font-weight:500}

.loaction_status_infogram_co{width:250px;border:1px solid #65b940;border-radius:5px;background-color:#fff;padding:0 0 40px 0}
.loaction_status_infogram_co_top{background-color:#65b940;padding:10px 0;text-align:center;font-size:20px;line-height:26px;color:#fff;font-weight:500}

.loaction_status_infogram_co2{width:250px;border:1px solid #a459d4;border-radius:5px;background-color:#fff;padding:0 0 40px 0}
.loaction_status_infogram_co2_top{background-color:#a459d4;padding:10px 0;text-align:center;font-size:20px;line-height:26px;color:#fff;font-weight:500}

.loaction_status_infogram_lng{width:250px;border:1px solid #5f5cd2;border-radius:5px;background-color:#fff;padding:0 0 40px 0}
.loaction_status_infogram_lng_top{background-color:#5f5cd2;padding:10px 0;text-align:center;font-size:20px;line-height:26px;color:#fff;font-weight:500}


.btn_location_legend{position:absolute;padding:0 10px;font-size:13px;color:#000;background-color:#fff;border-radius:3px;border:0;right:10px}

.loaction_status_infogram_img{text-align:center;padding-top:40px}
.loaction_status_infogram_img img{width:200px}
.loaction_status_infogram_text{font-size:40px;font-weight:700;text-align:center}



.status_graph_search{margin:0 0 80px 0;text-align:center}
.status_graph_search_title{display:inline-block;font-size:20px;line-height:26px;color:#000;font-weight:500;margin:0 10px 0 0;vertical-align:middle}

.status_graph_search_value01{display:inline-block;margin:0 10px 0 0}
.status_graph_search_input input{width:200px;padding:15px 15px;border:1px solid #d6d6d6;border-radius:3px;font-size:16px;vertical-align:middle}
.status_graph_btn_calendar input{width:55px;height:55px;background:#515151 url('/images/iotm/sub/icon_calendar.png') center no-repeat;border:1px solid #303030;border-radius:3px;vertical-align:middle}

.status_graph_search_value02{display:inline-block}
.status_graph_search_select select{padding:16px 45px 16px 10px;background:#fff url('/images/iotm/sub/icon_select_arrow.png') 85% center no-repeat;border:1px solid #d6d6d6;border-radius:3px;vertical-align:middle}
.status_graph_btn_lookup input{width:80px;height:55px;background-color:#ff9000;border:1px solid #d47800;border-radius:3px;font-size:18px;font-weight:500;color:#fff;vertical-align:middle}

.device_graph{width:100%}
.device_graph img{width:100%}

.event_history_title{position:relative;margin:0 0 15px 0}
.event_history_title:after{display:block;clear:both;content:''}
.event_history_title div.btn_refresh{position:absolute;top:0;right:0}
.event_history_title div.btn_refresh input{padding:8px 10px 8px 35px;font-weight:500;color:#fff;background:#ff9000 url('/images/iotm/sub/icon_refresh.png') 10px center no-repeat;border:1px solid #cc7300;border-radius:3px;vertical-align:middle}
.event_history table{border-collapse:collapse;width:100%;text-align:center}
.event_history table thead th{padding:20px 15px;font-size:15px;line-height:20px;color:#fff;font-weight:500;background-color:#135f90;border:1px solid #5a8fb2;border-width:0 1px 0 0;text-align:center}
.event_history table tbody tr:hover{background-color:#eff6fa}
.event_history table tbody td{padding:20px 15px;font-size:15px;line-height:20px;color:#4a4949;border:1px solid #dadada;border-width:0 1px 1px 1px}



.aircleaner_power_title{font-size:30px;font-weight:500;color:#000;margin:0 0 15px 0}
.aircleaner_power_info_on{display:inline-block;padding:10px 25px;background-color:#009cff;font-size:24px;color:#fff;font-weight:500;border-radius:30px;margin:10px 0 0 0}
.aircleaner_power_info_off{display:inline-block;padding:10px 25px;background-color:#c2c2c2;font-size:24px;color:#fff;font-weight:500;border-radius:30px;margin:10px 0 0 0}
.aircleaner_power_info_disconnect{display:inline-block;padding:10px 25px;background-color:#484848;font-size:24px;color:#fff;font-weight:500;border-radius:30px;margin:10px 0 0 0}
.aircleaner_power_info_loading{font-size:20px;color:#000;margin:10px 0 0 0}
.aircleaner_power_img_loading{padding:30px 0 30px 0}

.airvolume_title{font-size:30px;font-weight:500;color:#000;margin:0 0 25px 0;text-align:center}
.airvolume_btn{text-align:center}
.airvolume_btn ul li{display:inline-block;margin:0 60px 0 0}
.airvolume_btn ul li:last-child{margin:0 0 0 0}
.airvolume_btn_text{font-size:16px;color:#000;margin:10px 0 0 0}

.aircleaner_info{width:1280px;margin:100px auto 0 auto}
.aircleaner_info ul:after{display:block;clear:both;content:''}
.aircleaner_info ul li{float:left;width:305px;padding:60px 0;text-align:center;border:1px solid #dadada;margin:0 20px 0 0}
.aircleaner_info ul li:last-child{margin:0 0 0 0}
.aircleaner_info_text01{font-size:18px;line-height:24px;color:#000;padding:30px 0 0 0}
.aircleaner_info_text02{font-size:18px;line-height:24px;color:#000;font-weight:500}




/* ����� */
.broadcasting_message{text-align:center}
.broadcasting_message_text{font-size:24px;font-weight:500;margin:0 0 20px 0}
.broadcasting_message_input input{width:800px;padding:20px 15px;border:1px solid #d6d6d6;border-radius:3px;font-size:16px;color:#707070}

.broadcasting_location_wrap{display:table;width:1280px;margin:50px auto 0 auto;border:1px solid #e0e0e0;border-radius:3px}
.broadcasting_location_title{display:table-cell;width:200px;padding:40px 0;text-align:center;background-color:#f7f7f7}
.broadcasting_location_title_text{font-size:18px;line-height:24px;color:#000;font-weight:500;padding:8px 0 0 0}
.broadcasting_location_checkbox{display:table-cell;padding:0 30px;vertical-align:middle}
.broadcasting_location_checkbox span{margin:0 25px 0 0}
.broadcasting_location_checkbox span:last-child{margin:0 0 0 0}
.broadcasting_location_checkbox input{width:15px;height:15px;border:1px solid #d6d6d6;border-radius:3px;vertical-align:top}
.broadcasting_location_checkbox label{font-size:16px;line-height:24px;font-weight:100;color:#363636}
.broadcasting_location_checkbox div.broadcasting_location_checkbox_list{margin:0 0 10px 0}
.broadcasting_location_checkbox div.broadcasting_location_checkbox_list:last-child{margin:0 0 0 0}

.broadcasting_btn_send{text-align:center;margin:30px 0 0 0}
.broadcasting_btn_send input{width:150px;height:55px;background-color:#ff9000;border:1px solid #d47800;border-radius:3px;font-size:18px;font-weight:500;color:#fff}



.aircleaner_list{width:1280px;margin:0 auto}
.aircleaner_list ul:after{display:block;clear:both;content:''}
.aircleaner_list ul li{float:left;width:393px;text-align:center;border:1px solid #dedede;border-radius:3px;margin:0 50px 50px 0}
.aircleaner_list ul li:nth-child(3n){margin:0 0 50px 0}
.aircleaner_list_img{padding:30px 0}
.aircleaner_list_text{font-size:18px;color:#000;padding:15px 0;background-color:#f2f2f2}



.reservation_info{width:1280px;margin:80px auto 0 auto}
.reservation_info_title{font-size:30px;line-height:36px;font-weight:500;color:#000;text-align:center}
.reservation_info_list{margin:20px 0 0 0}
.reservation_info_list ul{border:1px solid #dbdbdb;text-align:center;padding:50px 0;margin-bottom:20px}
.reservation_info_list ul:last-child{margin-bottom:0}
.reservation_info_list ul li{display:inline-block;width:30%;vertical-align:top}
.reservation_info_list_text01{font-size:18px;line-height:24px;color:#000;padding:20px 0 0 0}
.reservation_info_list_text02{font-size:18px;line-height:24px;color:#000;font-weight:500}
.reservation_info_btn{text-align:center;margin:30px 0 0 0}
.reservation_info_btn input{width:150px;height:55px;background-color:#38a9b1;border:1px solid #2d888e;border-radius:3px;font-size:18px;font-weight:500;color:#fff}
.btn_list{text-align:center;margin:50px 0 0 0}
.btn_list input{width:200px;height:55px;background-color:#515151;border:1px solid #373737;border-radius:3px;font-size:20px;font-weight:500;color:#fff}



.cctv_wrap ul:after{display:block;clear:both;content:''}
.cctv_wrap ul li{float:left;width:393px;text-align:center;margin:0 50px 50px 0;position:relative}
.cctv_wrap ul li:nth-child(3n){margin:0 0 50px 0}
.cctv_video{width:393px;height:237px}
.cctv_text{font-size:18px;line-height:24px;color:#000;padding:20px 0 0 0;text-align:left}
.btn_cctv_details{position:absolute;right:0}
.btn_cctv_details input{font-family: 'Noto Sans KR', sans-serif , cursive;font-size:14px;color:#fff;font-weight:500;background-color:#4a4a4a;border-radius:3px;padding:3px 8px;border:1px solid #222222;cursor:pointer}
.btn_cctv_details input:hover{background-color:#ff9000;border:1px solid #cd7400}

.cctv_infomation{padding:40px 30px;border:1px solid #dfdfdf;background-color:#f8f8f8;text-align:center}
.cctv_infomation_title{font-size:24px;line-height:30px;font-weight:500;color:#000;margin:0 10px 0 0}
.cctv_infomation_text{font-size:16px;line-height:24px;color:#434343;margin:0 10px 0 0}
.cctv_infomation_btn input{font-family: 'Noto Sans KR', sans-serif , cursive;font-size:16px;color:#fff;font-weight:500;background-color:#ff5555;border-radius:3px;padding:9px 12px;border:1px solid #d84545;cursor:pointer}


.cctv_mobile_view{width:1280px;margin:20px auto 0 auto}
.cctv_mobile_view img{width:100%}


.cctv_controller_warp{width:1280px;margin:10px auto 0 auto;padding:20px 50px;background-color:#f6f6f6}
.cctv_controller_warp:after{display:block;clear:both;content:''}

.cctv_zoom_wrap{float:left;padding:60px 0 0 0}
.cctv_zoom_title{font-size:18px;line-height:24px;color:#000;font-weight:500;margin:0 5px 0 0}
.cctv_zoom_title img{vertical-align:top;padding:2px 2px 0 0}


.cctv_zoom_range input[type=range]{-webkit-appearance:none;width:800px;display:inline-block !important}

.cctv_zoom_range input[type=range]::-webkit-slider-runnable-track{height:3px;background-color:#ddd;border:none;border-radius:3px}
.cctv_zoom_range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:14px;width:14px;border-radius:50%;background-color:#000;margin-top:-4px}
.cctv_zoom_range input[type=range]:focus{outline:none;}
.cctv_zoom_range input[type=range]:focus::-webkit-slider-runnable-track{background:#ccc}

.cctv_zoom_range input[type=range]::-moz-range-track {height:3px;background:#ddd;border:none;border-radius:3px}
.cctv_zoom_range input[type=range]::-moz-range-thumb {border:none;height:14px;width: 14px;border-radius:50%;background-color:#000}
.cctv_zoom_range input[type=range]:-moz-focusring{outline:1px solid white;outline-offset: -1px}
.cctv_zoom_range input[type=range]:focus::-moz-range-track{background:#ccc}

.cctv_zoom_range input[type=range]::-ms-track {height:3px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}
.cctv_zoom_range input[type=range]::-ms-fill-lower {background: #777;border-radius:10px}
.cctv_zoom_range input[type=range]::-ms-fill-upper {background: #ddd;border-radius:10px}
.cctv_zoom_range input[type=range]::-ms-thumb {border:none;height:14px;width:14px;border-radius:50%;background-color:#000}
.cctv_zoom_range input[type=range]:focus::-ms-fill-lower {background: #000}
.cctv_zoom_range input[type=range]:focus::-ms-fill-upper {background: #ccc}


.btn_zoom_reset{margin:0 0 0 10px}
.btn_zoom_reset input{font-family:'Noto Sans KR',sans-serif,cursive;font-size:14px;color:#fff;font-weight:500;background-color:#1d96d0;border-radius:3px;padding:3px 8px;border:1px solid #167bac;cursor:pointer}


.btn_cctv_direction{float:right}
.btn_cctv_direction ul:after{display:block;clear:both;content:''}
.btn_cctv_direction ul{margin-bottom:3px}
.btn_cctv_direction ul li{float:left;margin:0 3px 0 0}
.btn_cctv_direction ul li:last-child{margin:0 0 0 0}
.btn_cctv_direction ul:nth-child(2) li:first-child{margin:0 54px 0 0}





/* ��� */
.login_text{text-align:center}
.login_text01{font-size:48px;line-height:60px;color:#ff9000;font-weight:700}
.login_text02{font-size:16px;color:#777777;line-height:24px;margin:5px 0 0 0}

.login_form{text-align:center;margin-top:20px}
.login_form div{margin:10px 0 0 0}
.login_input input{width:420px;padding:15px;border:1px solid #ddd;font-family: 'Noto Sans KR', sans-serif , cursive;font-weight:300;color:#6a6a6a;border-radius:3px}
.btn_login input{width:420px;height:54px;background-color:#4c4c4c;border:1px solid #3a3a3a;font-family: 'Noto Sans KR', sans-serif , cursive;font-size:20px;font-weight:500;letter-spacing:3px;color:#fff;cursor:pointer;border-radius:3px}




@media screen and (max-width:1280px){

	/* ��ü��Ȳ */
	.device_status_wrap div.device_status_list{float:left;width:49%;margin:2% 2% 0 0}
	.device_status_wrap div.device_status_list:nth-child(2n){margin:2% 0 0 0 !important}
	.device_status_wrap div.device_status_list:nth-child(4n){margin:2% 0 0 0}


	/*
	.aircleaner_status_wrap div.aircleaner_status_list{float:left;width:49%;border:1px solid #0091dc;margin:2% 2% 0 0}
	.aircleaner_status_wrap div.aircleaner_status_list:nth-child(even){margin:2% 0 0 0 !important}
	.aircleaner_status_wrap div.aircleaner_status_list:nth-child(5n){margin:2% 2% 0 0}
	*/




	/* ��ġ����Ȳ */
	.airvolume_btn ul li{margin:0 2% 0 0}
	.airvolume_btn ul li:last-child{margin:0 0 0 0}
	.airvolume_btn_icon img{width:90%}
	.airvolume_btn_text{margin:10px 0 0 0}

	.aircleaner_info{width:100%}
	.aircleaner_info ul:after{display:block;clear:both;content:''}
	.aircleaner_info ul li{float:left;width:49.5%;margin:0 1% 0 0}
	.aircleaner_info ul li:nth-child(2){margin:0 0 0 0}
	.aircleaner_info ul li:nth-child(3){margin:1% 1% 0 0}
	.aircleaner_info ul li:last-child{margin:1% 0 0 0}




	/* ����� */
	.broadcasting_message_input input{width:100%}

	.broadcasting_location_wrap{width:100%}



	.aircleaner_list{width:100%}
	.aircleaner_list ul li{float:left;width:49%;margin:0 2% 2% 0}
	.aircleaner_list ul li:nth-child(3n){margin:0 2% 2% 0}
	.aircleaner_list ul li:nth-child(even){margin:0 0 2% 0 !important}



	.reservation_info{width:100%}
	.reservation_info_list ul li{width:33%}



	.cctv_wrap ul li{float:left;width:49%;text-align:center;margin:0 2% 5% 0}
	.cctv_wrap ul li:nth-child(3n){;margin:0 2% 5% 0}
	.cctv_wrap ul li:nth-child(even){margin:0 0 5% 0}
	.cctv_video{width:100%;height:100%}
	.cctv_video img{width:100%}

	.cctv_infomation{padding:30px 30px}
	.cctv_infomation_title{margin:0 0 10px 0;display:block}
	.cctv_infomation_text{margin:0 0 20px 0;display:block}
	.cctv_infomation_btn{display:block}
	.cctv_infomation_btn input{width:100%}


	.cctv_mobile_view{width:100%;margin:20px auto 0 auto}



	.cctv_controller_warp{width:100%;margin:10px auto 0 auto;padding:20px 30px;background-color:#f6f6f6}

	.cctv_zoom_wrap{float:none;padding:0 0 0 0}
	.cctv_zoom_title{font-size:18px;line-height:24px;color:#000;font-weight:500;margin:0 0 10px 0;display:block}
	.cctv_zoom_title img{vertical-align:top;padding:2px 2px 0 0}


	.cctv_zoom_range input[type=range]{-webkit-appearance:none;width:100%;display:block !important}

	.cctv_zoom_range input[type=range]::-webkit-slider-runnable-track{height:3px;background-color:#ddd;border:none;border-radius:3px}
	.cctv_zoom_range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:14px;width:14px;border-radius:50%;background-color:#000;margin-top:-4px}
	.cctv_zoom_range input[type=range]:focus{outline:none;}
	.cctv_zoom_range input[type=range]:focus::-webkit-slider-runnable-track{background:#ccc}

	.cctv_zoom_range input[type=range]::-moz-range-track {height:3px;background:#ddd;border:none;border-radius:3px}
	.cctv_zoom_range input[type=range]::-moz-range-thumb {border:none;height:14px;width: 14px;border-radius:50%;background-color:#000}
	.cctv_zoom_range input[type=range]:-moz-focusring{outline:1px solid white;outline-offset: -1px}
	.cctv_zoom_range input[type=range]:focus::-moz-range-track{background:#ccc}

	.cctv_zoom_range input[type=range]::-ms-track {height:3px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}
	.cctv_zoom_range input[type=range]::-ms-fill-lower {background: #777;border-radius:10px}
	.cctv_zoom_range input[type=range]::-ms-fill-upper {background: #ddd;border-radius:10px}
	.cctv_zoom_range input[type=range]::-ms-thumb {border:none;height:14px;width:14px;border-radius:50%;background-color:#000}
	.cctv_zoom_range input[type=range]:focus::-ms-fill-lower {background: #000}
	.cctv_zoom_range input[type=range]:focus::-ms-fill-upper {background: #ccc}


	.btn_zoom_reset{margin:15px 0 0 0;display:block}
	.btn_zoom_reset input{font-size:14px;padding:8px 8px;width:100%}


	.btn_cctv_direction{float:none;width:150px;margin:30px auto 0 auto}
	.btn_cctv_direction ul{margin-bottom:3px}
	.btn_cctv_direction ul li{float:left;margin:0 3px 0 0}
	.btn_cctv_direction ul li:last-child{margin:0 0 0 0}
	.btn_cctv_direction ul:nth-child(2) li:first-child{margin:0 54px 0 0}

}


@media screen and (max-width:767px){

	/* COMMON */
	.title_style_30{font-size:24px;line-height:30px}
	.title_style_30_mb15{font-size:24px;line-height:30px;margin:0 0 15px 0}
	.title_location div.title_location_line{width:25px}
	.title_location div.title_location_text{font-size:30px;line-height:36px}

	.division_30{margin:20px 0 0 0}
	.division_50{margin:40px 0 0 0}
	.division_80{margin:60px 0 0 0}


	.tabmenu ul{display:block}
	.tabmenu ul li{display:block;width:100%;font-size:14px;border-right:0 solid #dcdcdc;margin-right:0;border-bottom:1px solid #dcdcdc}
	.tabmenu ul li:last-child{border-bottom:0}
	.tabmenu ul li a{display:block;padding:12px 0}


	.table_style table thead th{padding:15px 10px;font-size:14px;line-height:20px}
	.table_style table tbody td{padding:15px 10px;font-size:14px;line-height:20px}



	/* �˾� */
	.popup_wrap{padding:15px}
	.popup_top{height:50px}
	.popup_top div.pop_title{font-size:24px;line-height:30px;padding:12px 0 0 0;margin-left:20px}
	.popup_top div.btn_pop_close{float:right;padding:15px 20px 0 0}
	.popup_con{padding:30px}


	.noise_legend_list{display:table-cell;padding:0 0 0 20px;vertical-align:middle}
	.noise_legend_list li{background:url(/images/iotm/common/dot_circle.png) 0 8px no-repeat;padding:0 0 0 7px}

	.noise_120dB{width:300px;padding:15px 15px 15px 15px;font-size:18px;line-height:24px}
	.noise_110dB{width:280px;padding:15px 15px 15px 15px;font-size:18px;line-height:24px}
	.noise_100dB{width:260px;padding:15px 15px 15px 15px;font-size:18px;line-height:24px}
	.noise_90dB{width:240px;padding:15px 15px 15px 15px;font-size:18px;line-height:24px}
	.noise_80dB{width:220px;padding:15px 15px 15px 15px;font-size:18px;line-height:24px}
	.noise_70dB{width:200px;padding:15px 15px 15px 15px;font-size:18px;line-height:24px}
	.noise_60dB{width:180px;padding:15px 15px 15px 15px;font-size:18px;line-height:24px}
	.noise_50dB{width:160px;padding:15px 15px 15px 15px;font-size:18px;line-height:24px}
	.noise_40dB{width:140px;padding:15px 15px 15px 15px;font-size:18px;line-height:24px}
	.noise_30dB{width:120px;padding:15px 15px 15px 15px;font-size:18px;line-height:24px}
	.noise_20dB{width:100px;padding:15px 15px 15px 15px;font-size:18px;line-height:24px}


	.dust_legend ul li{margin:0 0 20px 0;padding:0 0 20px 0}
	.dust_legend_text{padding:0 0 0 10px}
	.dust_legend_icon img{width:130px}
	.dust_legend_text01_01{width:80px;font-size:18px}
	.dust_legend_text01_02{width:80px;font-size:18px}
	.dust_legend_text01_03{width:80px;font-size:18px}
	.dust_legend_text01_04{width:80px;font-size:18px}
	.dust_legend_text02_01{font-size:16px;line-height:24px;padding:10px 0 0 0}
	.dust_legend_text02_02{font-size:16px;line-height:24px;padding:10px 0 0 0}
	.dust_legend_text02_03{font-size:16px;line-height:24px;padding:10px 0 0 0}
	.dust_legend_text02_04{font-size:16px;line-height:24px;padding:10px 0 0 0}
	.dust_legend_text03{font-size:14px;line-height:20px}
	.dust_legend_text03 div{display:inline}


	.reservation_pop{padding:15px}
	.reservation_pop ul li:after{display:block;clear:both;content:''}
	.reservation_pop ul li{border-bottom:1px dashed #e0e0e0;padding:20px 0 20px 0}
	.reservation_pop ul li:first-child{padding:0 0 20px 0}
	.reservation_pop ul li:last-child{border-bottom:0;padding:20px 0 0 0}
	.reservation_pop_title{float:left;width:150px;font-size:14px;font-weight:500}
	.reservation_pop_input{float:right;font-size:13px}
	.reservation_pop_input span{margin:0 5px 0 0}
	.reservation_pop_input input{vertical-align:top}
	.reservation_pop_input label{font-weight:300;vertical-align:top}


	.cctv_manual_img img{width:100%}



	/* ��ü��Ȳ */
	.device_status_title strong{font-size:16px;line-height:22px}



	/* ��ġ����Ȳ */
	.status_graph_search{margin:0 0 50px 0}
	.status_graph_search_title{display:inline-block;font-size:16px;line-height:20px;margin:0 5px 0 0}
	.status_graph_search_title img{width:15px}

	.status_graph_search_value01{display:inline-block;margin:0 5px 0 0}
	.status_graph_search_input input{width:120px;padding:10px 10px;font-size:14px}
	.status_graph_btn_calendar input{width:43px;height:43px}

	.status_graph_search_value02{display:inline-block}
	.status_graph_search_select select{padding:10px 30px 10px 10px}
	.status_graph_btn_lookup input{width:60px;height:43px;font-size:16px}

	.device_graph{width:100%}
	.device_graph img{width:100%}

	.event_history table thead th{padding:15px 10px;font-size:14px;line-height:20px}
	.event_history table tbody td{padding:15px 10px;font-size:14px;line-height:20px}



	.aircleaner_power_title{font-size:24px;margin:0 0 15px 0}
	.aircleaner_power_info_on{font-size:20px}
	.aircleaner_power_info_off{font-size:20px}
	.aircleaner_power_info_disconnect{font-size:20px}

	.airvolume_title{font-size:24px;margin:0 0 25px 0}
	.airvolume_btn ul li{display:inline-block;margin:0 0 5% 0}
	.airvolume_btn ul li:last-child{margin:0 0 0 0}
	.airvolume_btn_icon img{width:70%}
	.airvolume_btn_text{font-size:14px;margin:10px 0 0 0}

	.aircleaner_info{width:100%;margin:50px auto 0 auto}
	.aircleaner_info ul:after{display:block;clear:both;content:''}
	.aircleaner_info ul li{float:left;width:49.5%;padding:40px 0;margin:0 1% 0 0}
	.aircleaner_info ul li:nth-child(2){margin:0 0 0 0}
	.aircleaner_info ul li:nth-child(3){margin:1% 1% 0 0}
	.aircleaner_info ul li:last-child{margin:1% 0 0 0}
	.aircleaner_info_text01{font-size:16px;line-height:20px;padding:20px 0 0 0}
	.aircleaner_info_text02{font-size:16px;line-height:20px}





	/* ����� */
	.broadcasting_message_text{margin:0 0 15px 0}

	.broadcasting_location_wrap{margin:30px auto 0 auto}
	.broadcasting_location_title{width:150px;padding:40px 0}
	.broadcasting_location_title_text{font-size:16px;line-height:22px;padding:8px 0 0 0}
	.broadcasting_location_checkbox{padding:20px 20px}
	.broadcasting_location_checkbox span{margin:0 20px 0 0}
	.broadcasting_location_checkbox span:last-child{margin:0 0 0 0}
	.broadcasting_location_checkbox label{font-size:14px;line-height:20px}
	.broadcasting_location_checkbox div.broadcasting_location_checkbox_list{margin:0 0 5px 0}
	.broadcasting_location_checkbox div.broadcasting_location_checkbox_list:last-child{margin:0 0 0 0}

	.broadcasting_btn_send input{width:100%;height:55px}




	.aircleaner_list{width:100%}
	.aircleaner_list ul li{float:left;width:49%;margin:0 2% 2% 0}
	.aircleaner_list ul li:nth-child(3n){margin:0 2% 2% 0}
	.aircleaner_list ul li:nth-child(even){margin:0 0 2% 0 !important}
	.aircleaner_list_img{padding:30px 0}
	.aircleaner_list_img img{width:50%}
	.aircleaner_list_text{font-size:16px;padding:15px 0}



	.reservation_info{padding:30px 0;margin:30px auto 0 auto}
	.reservation_info_title{font-size:24px;line-height:30px}
	.reservation_info_list{margin:15px 0 0 0}
	.reservation_info_list ul{margin-bottom:10px}
	.reservation_info_list ul li{display:inline-block;width:30%}
	.reservation_info_list_text01{font-size:16px;line-height:20px;color:#000;padding:20px 0 0 0}
	.reservation_info_list_text02{font-size:16px;line-height:20px;color:#000;font-weight:500}
	.reservation_info_btn{text-align:center;margin:10px 0 0 0}
	.reservation_info_btn input{width:100%;height:55px;background-color:#38a9b1;border:1px solid #2d888e;border-radius:3px;font-size:16px}
	.btn_list{text-align:center;margin:20px 0 0 0}
	.btn_list input{width:200px;height:55px;background-color:#515151;border:1px solid #373737;border-radius:3px;font-size:18px;font-weight:500;color:#fff}



	.cctv_wrap ul li{float:left;width:49%;text-align:center;margin:0 2% 5% 0}
	.cctv_wrap ul li:nth-child(3n){;margin:0 2% 5% 0}
	.cctv_wrap ul li:nth-child(even){;margin:0 0 5% 0}
	.cctv_text{font-size:16px;line-height:20px;padding:15px 0 0 0}

	.cctv_infomation{padding:30px 30px}
	.cctv_infomation_title{font-size:18px;line-height:24px;margin:0 0 5px 0}
	.cctv_infomation_text{font-size:14px;line-height:20px;margin:0 0 15px 0}
	.btn_cctv_details input{font-size:12px;padding:2px 8px}




	/* ��� */
	.login_text01{font-size:36px;line-height:48px}
	.login_text02{font-size:14px;line-height:20px;margin:5px 0 0 0}

	.login_form{text-align:center;margin-top:20px}
	.login_form div{margin:10px 0 0 0}
	.login_input input{width:100%;padding:15px}
	.btn_login input{width:100%;height:54px;font-size:20px}

}


@media screen and (max-width:480px){

	/* COMMON */
	.title_style_30{font-size:20px;line-height:26px}
	.title_style_30_mb15{font-size:20px;line-height:26px;margin:0 0 10px 0}
	.title_location div.title_location_line{width:25px;height:3px}
	.title_location div.title_location_text{font-size:24px;line-height:30px;padding:5px 0 0 0}

	.division_30{margin:15px 0 0 0}
	.division_50{margin:30px 0 0 0}
	.division_80{margin:40px 0 0 0}


	.paging{margin-top:20px}
	.paging ol li{width:35px;height:35px;font-size:13px}
	.paging ol li a{width:100%;height:100%;text-decoration:none;color:#999999;display:block;padding-top:7px}


	.table_style table thead th{padding:12px 10px;font-size:13px;line-height:20px}
	.table_style table tbody td{padding:12px 10px;font-size:13px;line-height:20px}


	/* �˾� */
	.popup_wrap{padding:10px}
	.popup_top{height:50px}
	.popup_top div.pop_title{font-size:18px;line-height:24px;padding:14px 0 0 0;margin-left:10px}
	.popup_top div.btn_pop_close{float:right;padding:15px 15px 0 0}
	.popup_con{padding:10px}


	.noise_legend_list{display:table-cell;padding:0 0 0 20px;vertical-align:middle}
	.noise_legend_list li{font-size:13px;line-height:18px;background:url(/images/iotm/common/dot_circle.png) 0 8px no-repeat;padding:0 0 0 7px}

	.noise_120dB{width:250px;padding:10px 10px 10px 10px;font-size:14px;line-height:20px}
	.noise_110dB{width:230px;padding:10px 10px 10px 10px;font-size:14px;line-height:20px}
	.noise_100dB{width:210px;padding:10px 10px 10px 10px;font-size:14px;line-height:20px}
	.noise_90dB{width:190px;padding:10px 10px 10px 10px;font-size:14px;line-height:20px}
	.noise_80dB{width:170px;padding:10px 10px 10px 10px;font-size:14px;line-height:20px}
	.noise_70dB{width:150px;padding:10px 10px 10px 10px;font-size:14px;line-height:20px}
	.noise_60dB{width:130px;padding:10px 10px 10px 10px;font-size:14px;line-height:20px}
	.noise_50dB{width:110px;padding:10px 10px 10px 10px;font-size:14px;line-height:20px}
	.noise_40dB{width:90px;padding:10px 10px 10px 10px;font-size:14px;line-height:20px}
	.noise_30dB{width:70px;padding:10px 10px 10px 10px;font-size:14px;line-height:20px}
	.noise_20dB{width:50px;padding:10px 10px 10px 10px;font-size:14px;line-height:20px}


	.dust_legend_text01_01{font-size:16px}
	.dust_legend_text01_02{font-size:16px}
	.dust_legend_text01_03{font-size:16px}
	.dust_legend_text01_04{font-size:16px}
	.dust_legend_text02_01{font-size:14px;line-height:20px}
	.dust_legend_text02_01 span{font-size:11px}
	.dust_legend_text02_02{font-size:14px;line-height:20px}
	.dust_legend_text02_02 span{font-size:11px}
	.dust_legend_text02_03{font-size:14px;line-height:20px}
	.dust_legend_text02_03 span{font-size:11px}
	.dust_legend_text02_04{font-size:14px;line-height:20px}
	.dust_legend_text02_05 span{font-size:11px}
	.dust_legend_text03{font-size:13px;line-height:18px}


	.reservation_pop{padding:15px}
	.reservation_pop ul li{border-bottom:1px dashed #e0e0e0;padding:15px 0 15px 0}
	.reservation_pop ul li:first-child{padding:0 0 15px 0}
	.reservation_pop ul li:last-child{border-bottom:0;padding:15px 0 0 0}
	.reservation_pop_title{float:none;width:100%;padding:0 0 10px 0}
	.reservation_pop_input{float:none;font-size:13px}
	.reservation_pop_input span{margin:0 10px 0 0}
	.reservation_pop_week dd{padding:3px 8px}


	.cctv_manual_img{padding:15px;margin:10px 0 0 0}
	.cctv_manual_img img{width:100%}



	/* ��ü��Ȳ */
	.device_status_wrap div.device_status_list{float:none;width:100%;margin:10px 0 0 0}
	.device_status_wrap div.device_status_list:first-child{margin:10px 0 0 0}
	.device_status_wrap div.device_status_list:nth-child(2n){margin:10px 0 0 0 !important}
	.device_status_wrap div.device_status_list:nth-child(4n){margin:10px 0 0 0}
	.device_status_title{padding:12px 10px;font-size:16px;line-height:22px}
	.device_status_title strong{font-size:14px;line-height:20px}
	.device_status_title span{font-size:12px;line-height:18px}
	.device_status_info{padding:0 10px}
	.device_status_info li{padding:10px 0}
	.device_status_info_title{font-size:13px;line-height:18px}
	.device_status_info_text{font-size:13px;line-height:18px}

	.icon_status_good{padding:5px 5px;font-size:11px;line-height:16px;margin:0 0 0 5px}
	.icon_status_normal{padding:5px 5px;font-size:11px;line-height:16px;margin:0 0 0 5px}
	.icon_status_bad{padding:5px 5px;font-size:11px;line-height:16px;margin:0 0 0 5px}
	.icon_status_verybad{padding:5px 5px;font-size:11px;line-height:16px;margin:0 0 0 5px}

	.device_status_more{font-size:12px;line-height:18px}
	.device_status_more a{padding:12px 0}








	/*
	.aircleaner_status_wrap div.aircleaner_status_list{float:none;width:100%;margin:10px 0 0 0}
	.aircleaner_status_wrap div.aircleaner_status_list:first-child{margin:10px 0 0 0}
	.aircleaner_status_wrap div.aircleaner_status_list:nth-child(even){margin:10px 0 0 0 !important}
	.aircleaner_status_wrap div.aircleaner_status_list:nth-child(5n){margin:10px 0 0 0}
	.aircleaner_status_title{padding:12px 0;font-size:16px;line-height:22px}
	.aircleaner_status_info{padding:0 15px}
	.aircleaner_status_info li{padding:10px 0}
	.aircleaner_status_info_title{font-size:13px;line-height:18px}
	.aircleaner_status_info_text{font-size:13px;line-height:18px}
	.aircleaner_status_more{font-size:12px;line-height:18px}
	.aircleaner_status_more a{padding:12px 0}
	*/



	/* ��ġ����Ȳ */
	.status_graph_search{margin:0 0 40px 0}
	.status_graph_search_title{display:block;margin:0 0 10px 0}
	.status_graph_search_title img{width:15px}

	.status_graph_search_value01{display:block;margin:0 0 10px 0}
	.status_graph_search_input{display:block;margin:0 0 5px 0}
	.status_graph_search_input input{width:100%;padding:10px 10px;font-size:14px}
	.status_graph_btn_calendar{display:block}
	.status_graph_btn_calendar input{width:100%;height:43px}

	.status_graph_search_value02{display:block}
	.status_graph_search_select{display:block;margin:0 0 5px 0}
	.status_graph_search_select select{width:100%;padding:10px 10px 10px 10px;background:#fff url('/images/iotm/sub/icon_select_arrow.png') 97% center no-repeat}
	.status_graph_btn_lookup{display:block}
	.status_graph_btn_lookup input{width:100%;height:43px;font-size:16px}

	.event_history_title{margin:0 0 10px 0}
	.event_history_title div.btn_refresh{top:-10px}
	.event_history table thead th{padding:12px 10px;font-size:13px;line-height:20px}
	.event_history table tbody td{padding:12px 10px;font-size:13px;line-height:20px}



	.aircleaner_power_title{font-size:20px;margin:0 0 10px 0}
	.aircleaner_power_info_on{font-size:18px}
	.aircleaner_power_info_off{font-size:18px}
	.aircleaner_power_info_disconnect{font-size:18px}
	.aircleaner_power_info_loading{font-size:14px;color:#000;margin:10px 0 0 0}
	.aircleaner_power_img_loading{padding:10px 0 10px 0}
	.aircleaner_power_img_loading img{width:80px}

	.airvolume_title{font-size:20px;margin:0 0 25px 0}

	.airvolume_title{font-size:24px;margin:0 0 25px 0}
	.airvolume_btn ul li{display:inline-block;margin:0 0 5% 0}
	.airvolume_btn ul li:last-child{margin:0 0 0 0}
	.airvolume_btn_icon img{width:70%}
	.airvolume_btn_text{font-size:14px;margin:10px 0 0 0}

	.aircleaner_info{width:100%;margin:30px auto 0 auto}
	.aircleaner_info ul li{float:none;width:100%;padding:20px 0;margin:0 0 1% 0}
	.aircleaner_info ul li:nth-child(2){margin:0 0 1% 0}
	.aircleaner_info ul li:nth-child(3){margin:0 0 1% 0}
	.aircleaner_info ul li:last-child{margin:0 0 1% 0}
	.aircleaner_info_text01{font-size:14px;line-height:20px;padding:10px 0 0 0}
	.aircleaner_info_text02{font-size:14px;line-height:20px}



	/* ����� */
	.broadcasting_location_title_icon img{width:20px}
	.broadcasting_message_text{font-size:18px;margin:0 0 15px 0}
	.broadcasting_message_input input{padding:10px 10px;font-size:14px}

	.broadcasting_location_wrap{margin:15px auto 0 auto}
	.broadcasting_location_title{width:150px;padding:40px 0}
	.broadcasting_location_title_text{font-size:16px;line-height:22px;padding:5px 0 0 0}
	.broadcasting_location_checkbox{padding:20px 20px}
	.broadcasting_location_checkbox span{margin:0 0 10px 0;display:block}
	.broadcasting_location_checkbox label{font-size:14px;line-height:20px}
	.broadcasting_location_checkbox div.broadcasting_location_checkbox_list{margin:0 0 10px 0}

	.broadcasting_btn_send{margin:15px 0 0 0}
	.broadcasting_btn_send input{width:100%;height:50px;font-size:16px}


	.aircleaner_list ul li{float:none;width:100%;margin:0 0 10px 0}
	.aircleaner_list ul li:nth-child(3n){margin:0 0 10px 0}
	.aircleaner_list ul li:nth-child(even){margin:0 0 10px 0 !important}
	.aircleaner_list_img{padding:20px 0}
	.aircleaner_list_img img{width:40%}
	.aircleaner_list_text{font-size:14px;padding:15px 0}



	.reservation_info{margin:5px auto 0 auto}
	.reservation_info_title{font-size:18px;line-height:24px}
	.reservation_info_list{margin:15px 0 0 0}
	.reservation_info_list ul{padding:30px 0;margin-bottom:5px}
	.reservation_info_list ul li{display:block;width:100%;margin:0 0 30px 0}
	.reservation_info_list ul li:last-child{margin:0 0 0 0}
	.reservation_info_list_text01{font-size:14px;line-height:20px;padding:5px 0 0 0}
	.reservation_info_list_text02{font-size:14px;line-height:20px}
	.reservation_info_btn{text-align:center;margin:10px 0 0 0}
	.reservation_info_btn input{width:100%;height:45px;background-color:#38a9b1;border:1px solid #2d888e;border-radius:3px;font-size:14px}
	.btn_list{text-align:center;margin:10px 0 0 0}
	.btn_list input{width:200px;height:50px;background-color:#515151;border:1px solid #373737;border-radius:3px;font-size:16px;font-weight:500;color:#fff}



	.cctv_wrap ul li{float:left;width:100%;text-align:center;margin:0 0 8% 0}
	.cctv_wrap ul li:nth-child(3n){;margin:0 0 8% 0}
	.cctv_wrap ul li:nth-child(even){;margin:0 0 8% 0}
	.cctv_text{font-size:14px;line-height:20px;padding:10px 0 0 0}

	.cctv_infomation{padding:15px 15px}
	.cctv_infomation_title{font-size:16px;line-height:20px;margin:0 0 10px 0}
	.cctv_infomation_text{font-size:14px;line-height:20px;margin:0 0 20px 0}
	.cctv_infomation_btn input{font-size:14px;padding:9px 10px}


	.cctv_mobile_view{margin:10px auto 0 auto}



	/* ��� */
	.login_text01{font-size:30px;line-height:36px}
	.login_text02{font-size:13px;line-height:20px;margin:0 0 0 0}

	.login_form{text-align:center;margin-top:15px}
	.login_form div{margin:5px 0 0 0}
	.login_input input{width:100%;padding:10px;font-size:13px}
	.btn_login input{width:100%;height:45px;font-size:16px}

}