@charset "UTF-8";



.adm_top_wrap {width: 100%; height: 50px; background: #000;}
.adm_top_inner {width: 1280px; margin: 0 auto; overflow: hidden;}
.adm_top_mode {padding-top: 10px; font-size: 18px; color: #fff; font-weight: 500; letter-spacing: -0.5px; float: left;}
.adm_top_mode span.bar {width: 1px; height: 14px; margin: 0 10px; background: rgba(255, 255, 255, 0.5); display: inline-block; vertical-align: middle;}
.adm_top_mode span.en {color: rgba(255, 255, 255, 0.8); letter-spacing: 0;}
.adm_top_btn {padding-top: 15px; color: #fff; float: right;}
.adm_top_btn a:last-of-type {margin-left: 25px;}

/* .adm_contents_wrap {width: 100%; padding: 80px 0 0 0; background: url('/images/iotm/admin/admin_bg.jpg') no-repeat; background-size: cover;} */
.adm_contents_wrap {padding: 0; background: url('/images/iotm/admin/admin_bg.jpg') no-repeat; background-size: cover;}
/* .adm_login_wrap {height: 85%; padding: 80px 0 0 0; background: url('/images/iotm/admin/admin_bg.jpg') no-repeat; background-size: cover;} */
.adm_login_wrap {height: 100%; padding: 15% 0 0 0; background: url('/images/iotm/admin/admin_bg.jpg') no-repeat; background-size: cover; text-align: center;}

.adm_contents {}
.adm_menu_wrap {width: 100%; overflow: hidden;}
.adm_menu_wrap ul.navi {width: 100%; margin: 0; position: relative;}
.adm_menu_wrap ul.navi > li {width: 142.2px; height:150px; border-left: 1px solid rgba(255, 255, 255, 0.5); text-align: center; float: left;}
.adm_menu_wrap ul.navi > li > a {height: 150px; padding: 30px 0; font-size: 18px; font-weight: 500; color: #fff; display: block; background:#2261b7}
.adm_menu_wrap ul.navi > li:first-of-type {border-left: 0;}
.adm_menu_wrap ul.navi > li span {display: inline-block; margin: 25px 0 0 0;}
.adm_menu_wrap ul.navi > li img {display: block; margin: 0 auto;}

.depth2_nav {position: absolute; bottom:-204px; left: 50%; transform: translateX(-50%);}
.navi li .subnav {opacity: 0;}
.navi li:hover .subnav {opacity: 1; transition:all .2s ease-in;}

.adm_menu_wrap ul.subnav {overflow: hidden; display: inline-block;}
.adm_menu_wrap ul.subnav li {margin: 0 5px; color: #aaa; font-size: 14px; font-weight: 500; line-height: 50px; float: left;}
.adm_menu_wrap ul.subnav li a {color: #fff; font-size: 14px; font-weight: 500; line-height: 50px; display: block;}
.adm_info_wrap {width: 100%; height: 50px; border-top: 1px solid #014199; background: #033882; color: #fff; text-align: center; clear: both;}
.adm_info_wrap .info_inner {padding: 10px 0 0 95px; overflow: hidden;}
.adm_info_wrap .info_inner div {display: inline-block;}
.adm_info_wrap .info_inner div.info_txt {margin-left: 15px; vertical-align: middle; color: #fff; font-size: 16px;}
.adm_info_wrap .info_inner div.info_txt p {font-size: 14px; color: #fff;}
.adm_info_wrap .info_inner div.info_btn button {margin-left: 15px; padding:5px 15px; background: none; border: 1px solid rgba(255, 255, 255, 0.65); border-radius: 3px;}


.mobile_sub_nav {display: none;}

.adm_contents_wrap .contents_wrap {padding: 50px 50px 50px 50px; background: #fff;}
.adm_contents_wrap .contents_wrap h2 {margin: 0; font-size: 36px;}
.search_box {margin-top: 30px; padding: 45px 55px; background: #f5f5f5;}
.search_box input[type='radio'] {width: 20px; height: 20px; margin: 0; vertical-align: middle; background: #fff;}
.search_box input[type='text'] {padding:7px 60px 7px 10px; font-size: 14px; border: 1px solid #c3c3c3; border-radius: 3px; line-height: 1; vertical-align: baseline;}
.search_box select {padding: 10px 45px 10px 10px; background-color: #fff; border: 1px solid #c3c3c3; border-radius: 3px; font-size: 14px; line-height: 1;}

.search_box select.select_style_02 {width: 150px;}

.search_box .btn_inquiry {padding:7px 20px; background: #474747; color: #fff; font-size: 14px; font-weight:500; border: 1px solid #2b2b2b; border-radius: 3px;}
.search_box .btn_orange {padding:7px 20px; background: #ff5a00; color: #fff; font-size: 14px; font-weight:500; border: 1px solid #ff5a00; border-radius: 3px;}
.search_box .btn_blue {padding:7px 20px; background: #2261b7; color: #fff; font-size: 14px; font-weight:500; border: 1px solid #2261b7; border-radius: 3px;}
.search_box label {margin-right: 15px;}
.search_box p.period_txt {margin: 0 15px 0 0; padding-left: 15px; font-size: 16px; color: #000; line-height: 40px; background: url('/images/iotm/admin/device_group_dot.png') no-repeat 5px center;; display: inline-block;}
.search_box p.period_txt span {color: #646464;}

.contents_wrap .contents {margin-top: 40px; overflow: hidden;}
.contents_wrap .contents h3 {font-size: 18px; font-weight: 300; color: #585757;}
.contents_wrap .contents h3 span {font-size: 24px; font-weight: bold; color: #ff5a00;}
.contents_wrap .contents .device_box {width: 287px; min-height:310px; margin:0 10px 10px 0; padding:20px;  border: 1px solid #d8d8d8; cursor: pointer; float: left;}
.contents_wrap .contents .device_box:nth-of-type(4n) {margin-right: 0;}
.device_cell {padding-bottom: 20px; border-bottom: 1px solid #ededed; text-align: center;}
.device_cell h4 {margin: 0; font-size: 18px; font-weight: bold; display: block; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.device_box .device_info ul {margin:20px 0 0 0; overflow: hidden;}
.device_box .device_info ul li {margin: 0 0 10px 0; overflow: hidden; flex-direction: row; display: flex;}
.device_box .device_info ul li .device_info_title{font-size:14px;line-height:20px;color:#313131;font-weight:300;}
.device_box .device_info ul li .device_info_text{font-size:14px;line-height:20px;color:#646464;font-weight:300;flex: 1;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;margin-left: 8px;text-align: right;}
.device_box .device_info ul li .device_info_text span {font-weight: 500;}
.device_box .device_info ul li .device_info_text img {margin-right: 3px; vertical-align: sub;}

.circle_green {padding: 16.5px 10px; background: #4bc85c; color: #fff; font-size:16px; text-align: center; border-radius: 50px;  display: inline-block;}
.circle_purple {padding: 16.5px 10px; background: #b05be7; color: #fff; font-size:16px; text-align: center; border-radius: 50px;  display: inline-block;}
.circle_skyblue {padding: 16.5px 10px; background: #49bdbc; color: #fff; font-size:16px; text-align: center; border-radius: 50px;  display: inline-block;}
.circle_red {padding: 16.5px 10px; background: #fff; color: #ff3838; font-size:16px; font-weight: 500; text-align: center; border-radius: 50px;  display: inline-block;}
.circle_orange {padding: 16.5px 10px; background: #fff; color: #ff952e; font-size:16px; font-weight: 500; text-align: center; border-radius: 50px;  display: inline-block;}

.device_error {background: #ff3838; border: 1px solid #d92e2e; color: #fff;}
.device_error .device_info ul li .device_info_title{color: #fff;}
.device_error .device_info ul li .device_info_text{color: #fff;}

.device_fail {background: #ff952e; border: 1px solid #d4781e; color: #fff;}
.device_fail .device_info ul li .device_info_title{color: #fff;}
.device_fail .device_info ul li .device_info_text{color: #fff;}


.btn_area_right {text-align: right;}
.btn_area_center {text-align: center;}
.device_btn01 {padding: 9px 15px; background: #2261b7; border:1px solid #1a4b8d; border-radius: 3px; color: #fff; text-align: center; display:inline-block;}
.device_btn02 {padding: 9px 15px; background: #154485; border:1px solid #103261; border-radius: 3px; color: #fff; text-align: center; display:inline-block;}
.device_btn03 {padding: 9px 15px; background: #5d5d5d; border:1px solid #353535; border-radius: 3px; color: #fff; text-align: center; display:inline-block;}
.device_btn04 {padding: 9px 15px; background: #ff3838; border:1px solid #ff3838; border-radius: 3px; color: #fff; text-align: center; display:inline-block;}
.device_btn01:disabled, .device_btn02:disabled, .device_btn03:disabled, .device_btn04:disabled {background: #ccc; border-color: #bbb; color: #444;}

.device_table {border-top: 1px solid #000;}
.device_table li {width: 100%; display: table;}
.device_table li > div.device_table_title {display: table-cell; border: 1px solid #d8d8d8; border-width: 0 0 1px 0; vertical-align: middle;}
.device_table li > div.device_table_text {display: table-cell; border: 1px solid #d8d8d8; border-width: 0 0 1px 0; vertical-align: middle;}
.device_table_title {width: 250px; height: 60px; background: #f9f9f9; font-size: 16px; color:#272727; text-align: center;}
.device_table_text {padding-left: 15px;}
.device_table_text input[type="text"] {padding: 9px 15px; border: 1px solid #c3c3c3; border-radius: 3px; vertical-align: text-bottom;;}
.device_table_text input[type='radio'] {width: 20px; height: 20px; margin: 0; vertical-align: middle; background: #fff;}
.device_table_text label {margin-right: 10px; font-weight: 300; color: #717171; font-size: 14px;}
.device_table_text input.device_name {width: 80%;}
.device_table_text textarea {width: 95%; height: 100px; margin: 10px 0; padding: 10px; border-radius: 3px; border: 1px solid #c3c3c3;  resize: none; }
.device_table_text select {padding: 10px 45px 10px 10px; background-color: #fff; border: 1px solid #c3c3c3; border-radius: 3px; font-size: 14px; line-height: 1;}

.device_simple {overflow: hidden;}
.device_simple .simple_box, .device_simple .simple_arrow {float: left;}
.simple_box {width: 350px;}
.simple_box .simple_tit {width: 100%; height: 50px;  font-size: 20px; font-weight: 600; color: #fff; text-align: center; line-height: 50px;}
.simple_box .simple_tit > span {width: 23px; height: 23px; margin-right: 5px; font-size: 16px; border-radius: 25px; background: #fff; display: inline-block; vertical-align: middle; line-height: 20px;}
.simple_list {height: 330px;  overflow-y: scroll;}
.simple_list ul li {height: 40px; padding: 10px 20px;; vertical-align: middle; border-bottom: 1px solid #e5e5e5; font-size: 15px; font-weight: 300; color: #010101;}
.simple_list ul li input[type='radio'] {width: 20px; height: 20px; margin: 0; vertical-align: middle; background: #fff;}

.bg_skyblue .simple_list {border: 1px solid #2ba1bf;}
.bg_green .simple_list {border: 1px solid #22be7e;}
.bg_orange .simple_list {border: 1px solid #ff952e;}

.bg_skyblue .simple_tit {background: #2ba1bf;}
.bg_skyblue .simple_tit > span {color: #2ba1bf;}

.bg_green .simple_tit {background: #22be7e;}
.bg_green .simple_tit > span {color: #22be7e;}

.bg_orange .simple_tit {background: #ff952e;}
.bg_orange .simple_tit > span {color: #ff952e;}

.simple_arrow {width: 65px; height: 350px; background: url('/images/iotm/admin/simple_arrow.png') no-repeat; background-position: center center;}

.simple_table {margin-top: 50px; border-top: 1px solid #000; overflow: hidden;}
.simple_table li {display: table; float: left;}
.simple_table li > div.simple_table_title, .simple_table li > div.simple_table_text { display: table-cell; vertical-align: middle;}
.simple_table_title {width: 200px; height: 60px; background: #f9f9f9; font-size: 16px; color:#272727; text-align: center; border: 1px solid #d8d8d8; border-width: 0 1px 1px 0;}
.simple_table_text {width: 390px; padding-left: 15px; border: 1px solid #d8d8d8; border-width: 0 1px 1px 0;}
.simple_table_text input[type="text"] {padding: 9px 15px; border: 1px solid #c3c3c3; border-radius: 3px; vertical-align: text-bottom;;}
.simple_table_text select {width: 140px; padding: 10px 45px 10px 10px; background-color: #fff; border: 1px solid #c3c3c3; border-radius: 3px; font-size: 14px; line-height: 1;}

.update_text {font-size: 14px; color: #808080; font-weight: 300; text-align: right;}
.tab_list {}
.tab_list ul {overflow: hidden;}
.tab_list ul li {width: 25%; height: 215px; background-color: #f8f8f8; border: 1px solid #ddd; border-width: 1px 1px 1px 0px; float: left;}
.tab_list ul li:first-of-type {border-left: 1px solid #ddd;}
.tab_list ul li.on {background-color: #fff; border-bottom: 0px;}
.tab_list ul li a {padding-top: 80px; display: block; font-weight: 300; font-size: 16px; text-align: center; color: #000;}
.tab_list ul li a span {font-size: 60px; font-weight: 500; display: block;}
.tab_list ul li .status_all {background: url('/images/iotm/admin/status_all_off.png') no-repeat center 15%;}
.tab_list ul li .status_normal {background: url('/images/iotm/admin/status_normal_off.png') no-repeat center 15%;}
.tab_list ul li .status_fail {background: url('/images/iotm/admin/status_fail_off.png') no-repeat center 15%;}
.tab_list ul li .status_error {background: url('/images/iotm/admin/status_error_off.png') no-repeat center 15%;}

.tab_list ul li.on .status_all {background: url('/images/iotm/admin/status_all_on.png') no-repeat center 15%;}
.tab_list ul li.on .status_normal {background: url('/images/iotm/admin/status_normal_on.png') no-repeat center 15%;}
.tab_list ul li.on .status_fail {background: url('/images/iotm/admin/status_fail_on.png') no-repeat center 15%;}
.tab_list ul li.on .status_error {background: url('/images/iotm/admin/status_error_on.png') no-repeat center 15%;}

.tab_list ul li .status_all span {color: #2ba1bf;}
.tab_list ul li .status_normal span {color: #22be7e;}
.tab_list ul li .status_fail span {color: #ff952e;}
.tab_list ul li .status_error span {color: #ff3838;}

.tab_list04 {}
.tab_list04 ul {overflow: hidden;}
.tab_list04 ul li {width: 33%; height: 215px; padding: 40px 40px 40px 150px; background-color: #f8f8f8; border: 1px solid #ddd; display: inline-block; font-size: 16px; color: #000; text-align: right; }

.tab_list04 ul li span {font-size: 60px; display: block;}
.tab_list04_01 span {color: #2ba1bf;}
.tab_list04_02 span {color: #22be7e;}
.tab_list04_03 span {color: #ff952e;}
.tab_list04 ul li.tab_list04_01 {background: url('/images/iotm/admin/tab_list04_01_ic.png') no-repeat 50px center #f8f8f8;}
.tab_list04 ul li.tab_list04_02 {background: url('/images/iotm/admin/tab_list04_02_ic.png') no-repeat 50px center #f8f8f8;}
.tab_list04 ul li.tab_list04_03 {background: url('/images/iotm/admin/tab_list04_03_ic.png') no-repeat 50px center #f8f8f8;}



.monitoring_wrap {overflow: hidden;}
.monitoring_box {width: 287px; margin: 0 10px 10px 0; float: left;}
.monitoring_box:nth-of-type(4n) {margin-right: 0;}
.monitoring_title {padding: 7px 20px 23px 20px;}
.monitoring_title strong {display: block; font-size: 18px; color: #fff; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.monitoring_title span {font-size: 12px; font-weight: 300; color: #fff; float: right;}
.monitoring_text {padding: 20px; background: #fff; font-weight: 300; color: #313131;}
.monitoring_text p {font-size: 14px; display: block; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}

.monitoring_normal {background: #22be7e; border: 1px solid #22be7e;}
.monitoring_fail {background: #ff952e; border: 1px solid #ff952e;}
.monitoring_error {background: #ff3838; border: 1px solid #ff3838;}

.device_info_wrap {width: 100%; margin-bottom: 50px; overflow: hidden;}
.btn_wrap {overflow: hidden;}
.btn_left {float: left;}
.btn_right {float: right;}
.btn_modify {padding: 10px 20px; text-align: center; color: #fff; font-size: 14px;background: #515151; border: 0; border-radius: 3px;}
.btn_delete {padding: 10px 20px; text-align: center; color: #fff; font-size: 14px;background: #ff6565 ; border: 0; border-radius: 3px;}
.btn_prev {padding: 10px 20px; text-align: center; color: #fff; font-size: 14px;background: #2261b7 ; border: 0; border-radius: 3px;}
.btn_style01 {padding: 10px 20px; text-align: center; color: #fff; font-size: 14px;background: #ff9000; border: 1px solid #d47800; border-radius: 3px; display: inline-block;}
.btn_style02 {padding: 10px 20px; text-align: center; color: #fff; font-size: 14px;background: #2261b7; border: 1px solid #1a4b8d; border-radius: 3px; display: inline-block;}
.btn_style03 {padding: 10px 20px; text-align: center; color: #fff; font-size: 14px;background: #515151; border: 1px solid #515151; border-radius: 3px; display: inline-block;}
.btn_style04 {padding: 10px 20px; text-align: center; color: #fff; font-size: 14px;background: #ff6565; border: 1px solid #ff6565; border-radius: 3px; display: inline-block;}
.btn_style05 {padding: 8px 10px; text-align: center; color: #fff; font-size: 14px;background: #ff6565; border: 1px solid #ff6565; border-radius: 3px; display: inline-block;}
.btn_style06 {padding: 10px 20px; text-align: center; color: #fff; font-size: 14px;background: #aaa; border: 1px solid #777; border-radius: 3px; display: inline-block;}
.btn_setting {padding: 3px 8px; text-align: center; color: #fff; font-size: 14px; background: #ff9000; border: 1px solid #d47800; border-radius: 3px; display: inline-block;}
.btn_modify:disabled, .btn_delete:disabled,
.btn_style01:disabled, .btn_style02:disabled, .btn_style03:disabled, .btn_style04:disabled, .btn_style05:disabled, .btn_style06:disabled,
.btn_setting:disabled {background: #ccc; border-color: #bbb; color: #444;}
.btn_view {padding: 3px 8px; text-align: center; color: #fff; font-size: 14px; background: #2261b7; border: 1px solid #1a4b8d; border-radius: 3px; display: inline-block;}
.btn_gray {padding: 8px 15px; text-align: center; color: #fff; font-size: 14px;background: #a6a6a6; border: 0; border-radius: 3px;}
.btn_gray {padding: 8px 15px; text-align: center; color: #fff; font-size: 14px;background: #a6a6a6; border: 0; border-radius: 3px;}
.btn_gray.on {background: #2261b7}

.btn_inner_01 {padding: 3px 8px; text-align: center; color: #fff; font-size: 14px; background: #2261b7; border: 1px solid #1a4b8d; border-radius: 3px; display: inline-block; vertical-align: middle;}
.btn_inner_02 {padding: 3px 8px; text-align: center; color: #fff; font-size: 14px; background: #ff9000; border: 1px solid #d47800; border-radius: 3px; display: inline-block; vertical-align: middle;}
.btn_inner_03 {padding: 3px 8px; text-align: center; color: #fff; font-size: 14px; background: #ff6565; border: 1px solid #ff6565; border-radius: 3px; display: inline-block; vertical-align: middle;}
.btn_inner_04 {padding: 3px 8px; text-align: center; color: #fff; font-size: 14px; background: #515151; border: 1px solid #515151; border-radius: 3px; display: inline-block; vertical-align: middle;}
.btn_inner_01:disabled, .btn_inner_02:disabled, .btn_inner_03:disabled, .btn_inner_04:disabled {background: #ccc; border-color: #bbb; color: #444;}

.device_info_box {margin-top: 10px; padding:20px 15px; border-top: 2px solid #ff7e30; background: #f5f5f5; overflow: hidden;}
.contents_wrap .contents .device_info_box h3 {margin: 0; font-size: 22px; font-weight: 500; color: #ff7e30;}

.device_info_box .model_info {width: 40%; float: left;}
.device_info_box .device_info {width: 60%; float: left;}

.device_info_box .model_info ul {margin:20px 0 0 0; overflow: hidden;}
.device_info_box .model_info ul li {width: 50%; float: left;}
.model_info ul li div.info_title, .device_info ul li div.info_title {font-size: 18px; color: #ff7e30;}
.model_info ul li div.info_text, .device_info ul li div.info_text {font-size: 16px; color: #000;}
.device_info ul {margin-top: 20px; overflow: hidden;}
.device_info_box .device_info ul li {width: 33%; float: left;}

.device_info_detail {margin-top: 20px;}
.device_info_detail_title_wrap {overflow: hidden;}
.device_sub_title {margin: 0; padding-left: 5px; font-size: 22px; font-weight: 500; color: #000; border-left: 5px solid #ff7e30; line-height: 22px;}
.device_info_detail_title_wrap .device_sub_title {margin-top: 10px; float: left;}
.device_inner_title {margin-top: 30px; padding-left: 15px; background: url('/images/iotm/admin/sub_tit_arrow.png') no-repeat center left; font-size: 18px; font-weight: 500;}

.device_info_detail_table {}
.device_info_detail_table ul {margin: 5px 0 0 0; border-top: 1px solid #000; overflow: hidden;}
.device_info_detail_table ul li {display: table;}
.device_info_detail_table ul li.one_row {width: 100%;}
.device_info_detail_table ul li.two_row {width: 50%; float: left;}
.device_info_detail_table ul li div.detail_table_title {width: 200px; height: 60px; background: #f9f9f9; font-size: 16px; color:#272727; text-align: center;}

.device_info_detail_table ul li > div.detail_table_title {display: table-cell; border: 1px solid #d8d8d8; border-width: 0 0 1px 0; vertical-align: middle;}
.device_info_detail_table ul li > div.detail_table_text {display: table-cell; padding-left: 15px; border: 1px solid #d8d8d8; border-width: 0 0 1px 0; vertical-align: middle;}

.device_info_detail_inner {margin-top: 5px; padding: 20px; border: 1px solid #d8d8d8; text-align: left; color: #272727;}

.device_info_detail_table table{margin-top: 5px; border-collapse:collapse;width:100%;text-align:center;border-top: 1px solid #000;}
.device_info_detail_table table th{padding:20px 15px;font-size:13px;line-height:20px;color:#272727;font-weight:500;background-color:#f9f9f9;border:1px solid #d8d8d8;border-width:0 1px 1px 0;text-align:center}
.device_info_detail_table table th:first-of-type {border-left: 1px solid #d8d8d8;}
.device_info_detail_table table td{padding:15px;font-size:13px;line-height:20px;color:#4a4949;border:1px solid #dadada;border-width:0 1px 1px 1px;font-weight:300;}
.device_info_detail_table table td input[type="checkbox"] {width: 15px; height: 15px;}
.device_info_detail_table table td.txt_left {text-align: left;}

.device_info_detail_table02 table{margin-top: 10px; border-collapse:collapse;width:100%;text-align:center;border-top: 1px solid #000;}
.device_info_detail_table02 table thead th{padding:20px 15px;font-size:15px;line-height:20px;color:#272727;font-weight:500;background-color:#f9f9f9;border:1px solid #d8d8d8;border-width:0 1px 1px 0;text-align:center}
.device_info_detail_table02 table thead th:first-of-type {border-left: 1px solid #d8d8d8;}
.device_info_detail_table02 table tbody td{padding:15px;font-size:13px;line-height:20px;color:#4a4949;border:1px solid #dadada;border-width:0 1px 1px 1px}


.device_info_detail_box {width: 100%; padding: 10px 20px; margin-top: 15px; border: 1px solid #d8d8d8; overflow: hidden;}
.device_info_detail_box select {width: 110px; padding: 12px 45px 12px 10px; background-color: #fff; border: 1px solid #d8d8d8; border-radius: 3px; /* font-size: 14px; */ line-height: 1; vertical-align: middle;}
.input_calendar {width: 110px; height: 40px; border: 1px solid #d8d8d8;}
.btn_calendar {width: 38px; height: 38px; background: #515151 url('/images/iotm/sub/icon_calendar.png') center no-repeat; border: 0;}

.detail_box_left {float: left;}
.detail_box_right {float: right;}
.detail_box_right span {margin: 0 5px;}
.sensor_graph {width: 100%; min-height:350px; margin: 30px 0 0 0; padding: 20px; border: 1px solid #d8d8d8;}

.device_info_detail_table .btn_wrap {margin-top: 25px;}
.device_info_detail_table .btn_wrap  select {width: 110px; padding: 12px 45px 12px 10px; background-color: #fff; border: 1px solid #d8d8d8; border-radius: 3px; /* font-size: 14px; */ line-height: 1; vertical-align: middle;}

.service_list_wrap {width: 35%; overflow: hidden; float: left;}
.service_list {height: 550px; margin-top: 15px; padding: 15px 0; border: 1px solid #d8d8d8; overflow-y: scroll;}
.folder_open {padding-left: 25px; background: url('/images/iotm/admin/folder_open_icon.png') no-repeat center left;}
.folder_close {padding-left: 25px; background: url('/images/iotm/admin/folder_icon.png') no-repeat center left;}
.service_list ul {}
.service_list ul li {line-height: 1.7}
.service_list ul li a {font-size: 15px; color: #272727}
.service_list ul li a div {}
.depth_01 {}
.depth_02 {margin-left: 20px;}
.depth_03 {margin-left: 50px;}

.service_detail_wrap {width: 63%; float: right;}
.service_detail_inner {margin-top: 15px; padding: 15px; border: 1px solid #d8d8d8;}

.service_detail_table {}
.service_detail_table ul {margin: 5px 0 0 0; border-top: 1px solid #000; overflow: hidden;}
.service_detail_table ul li {display: table;}
.service_detail_table ul li.one_row {width: 100%;}
.service_detail_table ul li.two_row {width: 50%; float: left;}
.service_detail_table ul li div.service_detail_title {width: 120px; height: 60px; background: #f9f9f9; /* font-size: 16px; */ color:#272727; text-align: center;}

.service_detail_table ul li > div.service_detail_title {display: table-cell; border: 1px solid #d8d8d8; border-width: 0 0 1px 0; vertical-align: middle;font-weight:500;}
.service_detail_table ul li > div.service_detail_text {display: table-cell; padding: 0 15px; border: 1px solid #d8d8d8; border-width: 0 0 1px 0; vertical-align: middle; word-break: break-all;}

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

.service_info_wrap {padding:30px 0 50px 0; border-bottom: 1px dashed #d8d8d8;}
.service_info_wrap:last-of-type {border-bottom: 0;}
.service_info_wrap2 {padding:0 0 50px 0; border-bottom: 1px dashed #d8d8d8;}
.service_info_wrap2:last-of-type {border-bottom: 0;}
.request_list {margin: 15px 0;}
.request_list li {margin-bottom: 5px; padding-left: 15px; background: url('/images/iotm/common/dot_circle.png') no-repeat 5px 10px ;font-size: 15px;}
.request_list li div {display: inline-block;}
.request_list li div.request_title {width: 100px;}

.service_key {padding: 15px; margin-top: 20px; border: 1px solid #d8d8d8;}
.service_key p {margin: 5px 0 10px 0; padding-left: 10px; font-size: 15px;}
.key_box {width: 100%; padding: 10px 15px; background: #efefef; border: 1px solid #d8d8d8;}
.service_graph {padding: 15px; border: 1px solid #d8d8d8;}
.service_graph img {width: 100%;}

/* 04_01 */
.device_push_record {width: 49.5%; float: left;}
.push_record_box {height: 525px; margin-top: 15px; padding: 15px; border: 1px solid #d8d8d8; }
.record_table {width: 100%;}
.record_table th {padding:10px;font-size:13px;line-height:20px;color:#272727;font-weight:500;background-color:#f9f9f9;border:1px solid #d8d8d8;text-align:center;border-top-color: #000;}
.record_table td {padding:10px;font-size:13px;line-height:20px;color:#4a4949;border:1px solid #dadada; text-align: center; letter-spacing: -0.5px;}
.record_table td.record_time {}

.device_rt_location {width: 49.5%; float: right;}
.rt_location_box {height: 525px;}
.rt_location_box, .device_amount_box, .amount_box, .service_amount_box {margin-top: 15px; padding: 15px; border: 1px solid #d8d8d8; }
.rt_location_box .map_box {width: 100%; height: 415px; border: 1px solid #d8d8d8;}
.location_mark_box {width: 100%;}
.location_mark_box ul {margin-top: 20px; text-align: center;}
.location_mark_box ul li {margin: 0 10px; font-size: 14px; display: inline-block;}
.location_mark_box ul li img {margin-right: 10px;}

.device_amount {width: 49.5%; margin-top: 50px; float: left; clear: both; }
.sensor_amount {width: 49.5%; margin-top: 50px; float: right;}
.device_amount_box, .amount_box, .service_amount_box {min-height: 350px;}

.service_amount {width: 100%; margin-top: 50px; float: left;}

/* 04_02 */
.btn_addwidget {padding: 10px 10px 10px 40px; background: url('/images/iotm/admin/addwidget_ic.png') no-repeat 10px center #3e8ad7; border: 0; border-radius: 5px; color: #fff; font-weight: 500;}
.dashboard_list {width: 100%; margin-top:10px; padding: 20px; border: 1px solid #d5d5d5; text-align: center;}
.dashboard_list .dashboard {width: 250px; height: 50px; padding-left: 50px; margin: 5px; display: inline-block; border: 1px solid #d5d5d5; line-height: 50px; font-size: 18px; cursor: pointer; box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.1);}

.dashboard_01 {background: url('/images/iotm/admin/dashboard_ic_01.png') no-repeat 50px center #f8f8f8;}
.dashboard_02 {background: url('/images/iotm/admin/dashboard_ic_02.png') no-repeat 50px center #f8f8f8;}
.dashboard_03 {background: url('/images/iotm/admin/dashboard_ic_03.png') no-repeat 50px center #f8f8f8;}
.dashboard_04 {background: url('/images/iotm/admin/dashboard_ic_04.png') no-repeat 50px center #f8f8f8;}
.dashboard_05 {background: url('/images/iotm/admin/dashboard_ic_05.png') no-repeat 50px center #f8f8f8;}
.dashboard_06 {background: url('/images/iotm/admin/dashboard_ic_06.png') no-repeat 50px center #f8f8f8;}
.dashboard_07 {background: url('/images/iotm/admin/dashboard_ic_07.png') no-repeat 50px center #f8f8f8;}
.dashboard_08 {background: url('/images/iotm/admin/dashboard_ic_08.png') no-repeat 50px center #f8f8f8;}

.dashboard_contents {width: 100%; padding: 50px 20px; border: 1px solid #d5d5d5; text-align: center;}
.dashboard_contents p {margin-top: 10px; font-size: 22px;}

/* 04_03 */
.tab_triggermenu {margin-top: 20px;border-bottom: 1px solid #d5d5d5;}
.tab_triggermenu ul {margin: 0;display: inline-block;border:1px solid #dcdcdc; border-bottom: 0;}

.tab_triggermenu ul li {width: 200px; height: 50px; margin-right: -4px; line-height: 50px; text-align: center; display: inline-block;}
.tab_triggermenu ul li.active {background: #3e8ad7; border: 1px solid #3e8ad7}
.tab_triggermenu ul li a {font-size: 18px; color: #aaa;}
.tab_triggermenu ul li.active a {color: #fff; font-weight: 500;}

.monitoring_wrap {width: 100%;}
.monitoring_map {width: 60%; float: left;}
.monitoring_list {width: 40%; height: 550px; padding: 20px; border: 1px solid #d5d5d5; float: left;}
.device_group {margin-top: 15px; overflow: hidden;}
.device_group p {margin: 0; padding-left: 15px; font-size: 16px; line-height: 40px; background: url('/images/iotm/admin/device_group_dot.png') no-repeat 5px center;; float: left;}
.device_group select.device_select {width: 200px; height: 40px; float: right; vertical-align: middle;}

.device_group_inner {margin-bottom: 20px; overflow: hidden;}
.device_group_table_wrap {height:350px; overflow-y: scroll;}
.device_group_table_wrap2 {height:350px; overflow-y: auto;}
.device_group_table {width: 100%; clear: both;}

.device_group_table th {padding:10px;font-size:13px;line-height:20px;color:#272727;font-weight:500;background-color:#f9f9f9;border:1px solid #d8d8d8;text-align:center; border-top-color: #000;}
.device_group_table td {padding:10px;font-size:13px;line-height:20px;color:#4a4949;border:1px solid #dadada; text-align: center; letter-spacing: -0.5px; word-break: break-all;}
.device_group_table td.lock {background: #ff6565; color: #fff; font-weight: 500;}
.device_group_table tr.active td {background:#2261b7; color: #fff;}

/* 04_03_02 */
.device_list_01 {width: 100%;}
.device_list_02 {width: 45%; margin-top: 15px; border: 1px solid #d5d5d5;}
.device_list_03 {width: 54%;}

.reg_device_list {margin-top: 20px; padding: 20px; border: 1px solid #d5d5d5; overflow: hidden; text-align: center;}
.rdl_div {margin-bottom: 10px; clear: both; overflow: hidden; text-align: center; display: inline-block;}
.rdl_div p {width:130px; margin: 0; padding-left: 15px; font-size: 16px; line-height: 40px; background: url('/images/iotm/admin/device_group_dot.png') no-repeat 5px center; display: inline-block; text-align: left;}
.rdl_div p:last-of-type {margin-left: 10px;}
.rdl_div select.device_select_02 {width: 270px; height: 40px;display: inline-block;}
.rdl_div input.device_input_02 {width: 200px; height: 40px; margin-right: 8px; display: inline-block;}
.rdl_div input.device_input_03 {width: 300px; height: 40px; margin-right: 10px; display: inline-block;}

.reg_device_list_02 {margin-top: 10px; padding: 20px; border: 1px solid #d5d5d5;}

.sub04_03_02_position {position: relative;}
.between_box {position: absolute; top: 80%; left: 50%; transform: translate(-50%, -50%);}

.between_box span {display: block;}

.device_group_table {margin-top: 15px; }
.device_list_03_top {width: 100%; padding-right: 0 !important; margin-top: 15px; }

.device_list_03_inner {padding: 20px; border: 1px solid #d5d5d5; border-width: 1px 1px 1px 1px;}
.device_list_03_map {width: 100%;  margin-top: 10px; padding-right: 0 !important;}
/* .device_list_03_map img {width: 100%;} */

.device_group_control {width: 49%; float: left;}
.device_group_control_02 {width: 49%; float: right;}
.device_input_04 {margin: 0 10px; padding: 7px !important; width: 200px;}
.device_input_05 {margin: 0 10px; padding: 7px !important; width: 250px;}
.search_box_txt {display: inline-block; font-size: 16px; font-weight: 500;}

.device_choose_01 {float: left; width: 45%;}
.device_choose_group {width: 100%; margin-top: 20px; padding: 20px; border: 1px solid #d5d5d5; overflow: hidden; text-align: center;}
.device_choose_02 {width: 45%; float: right;}

.column_one {width: 100%;}

.onem2m_division_01 {width: 49%; margin-bottom: 20px; padding: 20px; border: 1px solid #d5d5d5; float: left;}
.onem2m_division_02 {width: 49%; margin-bottom: 20px; padding: 20px; border: 1px solid #d5d5d5; float: right;}
.onem2m_division_03 {width: 100%; margin-bottom: 20px; padding: 20px; border: 1px solid #d5d5d5; clear: both;}
.onem2m_division_04 {width: 39%; min-height: 800px; padding: 20px; background: rgba(222, 236, 255, 0.5); border: 1px solid #d5d5d5; float: left;}
.onem2m_division_05 {width: 59%; float: right;}
.contents_wrap .contents h3.onem2m_tit {margin: 0 0 10px; font-size: 24px; font-weight: 500;}
span.onem2m_txt {font-size: 14px; color: #666;}

.input_box {margin-top: 15px;}
.input_box input[type="text"] {padding: 9px 10px; font-size: 16px; color: #000; background: #efefef; border: 1px solid #d5d5d5;}
.input_style_80 {width: 80%;}

.onem2m_table_wrap {overflow-y: scroll;}
.onem2m_table {width: 100%;}
.onem2m_table th {padding:10px;font-size:13px;line-height:20px;color:#272727;font-weight:500;background-color:#f9f9f9;border:1px solid #d8d8d8;text-align:center;border-top-color: #000;}
.onem2m_table td {padding:10px;font-size:13px;line-height:20px;color:#4a4949;border:1px solid #dadada;background: #fff;}
.flo_rt {float: right;}
.onem2m_table td:hover {background:#4084e1; color: #fff;}
.onem2m_table td.active:not(:hover) {background:#2261b7; color: #fff;}
.onem2m_division_05_top {width: 100%; padding: 20px; background:#2261b7;}

.contents_wrap .contents h3.onem2m_05_tit {margin: 0 0 10px 0; color: #fff; font-weight: 500;}
.onem2m_division_05_top p {color: #fff;}
.onem2m_division_05_top p strong {display: block;}

.onem2m_division_05_contents {padding: 20px; border: 1px solid #d5d5d5;}
.onem2m_division_05_request {margin-top: 10px;}
.onem2m_division_05_request p {width: 20%; margin: 0; padding-left: 15px; font-size: 16px; line-height: 40px; background: url('/images/iotm/admin/device_group_dot.png') no-repeat 5px center; display: inline-block;}
.input_style_79 {width: 79%; height: 40px; display: inline-block; vertical-align: middle;}
.input_style_50 {width: 50%; height: 30px; display: inline-block; vertical-align: middle; color: #000;}
.select_style_06 {width: 20%;}
.table_select_style_01 {width: 100%;}
.input_style_100 {width: 100%; padding: 8px 10px;}
.text_area_box {width: 100%; padding: 10px; color: #4a4949; border-color: #dadada;}

.div_line {width: 100%; margin: 30px 0; border-bottom: 1px dashed #d5d5d5;}
.onem2m_sub_tit {margin-top: 20px; padding-left: 10px; font-size: 20px; font-weight: 500; color: #000; text-align: left; background: url('/images/iotm/admin/sub_tit_arrow.png') no-repeat center left;}
.onem2m_textbox {width: 100%; border: 1px solid #d5d5d5;}

.mashup_info_box {padding: 20px; border: 1px solid #d5d5d5; border-top: 3px solid #2261b7;}
.contents_wrap .contents h3.mashup_info_tit {margin: 0; font-size: 24px; color: #2261b7; font-weight: bold;}
.mashup_info_box p {margin-bottom: 0; font-size: 14px; line-height: 22px;}


.grid_table {width: 100%; clear: both;}

.grid_table th {padding:10px;font-size:13px;line-height:20px;color:#272727;font-weight:500;background-color:#f9f9f9;border:1px solid #d8d8d8;text-align:center; border-top-color: #000;}
.grid_table td {padding:10px;font-size:13px;line-height:20px;color:#4a4949;border:1px solid #dadada; text-align: center; letter-spacing: -0.5px; word-break: break-all;}
.grid_table tbody tr:nth-of-type(even) {background: #fafafa;}
.grid_table tbody tr:hover {background: rgba(166, 203, 255, 0.3)}
.grid_table_caption {padding: 10px; border: 1px solid #d5d5d5; border-width: 0px 1px 1px 1px; font-weight: 500;}

.grid_scroll {min-height: 300px; max-height: 450px; overflow-y: scroll;}

.hw_info_wrap {overflow: hidden;}
.hw_sub_tit {padding-left: 10px; font-size: 20px; font-weight: 500; color: #000; text-align: left; background: url('/images/iotm/admin/sub_tit_arrow.png') no-repeat center left;}
.hw_info_contents {width: 49%; margin-top: 30px; float: left;}
.hw_info_contents::after {content: ''; clear: both;}
.hw_info_contents:nth-of-type(even) {float: right;}
.info_box {width: 100%; min-height: 300px; margin-top: 10px; padding: 20px; border: 1px solid #d5d5d5;text-align: left;}

.info_box_status {width: 100%; margin-top: 10px; padding: 20px; border: 1px solid #d5d5d5;}
.info_box_status ul {text-align: center;}
.info_box_status ul li {margin-right: 10px; padding-left: 15px; background: url('/images/iotm/admin/device_group_dot.png') no-repeat 5px center; line-height: 30px; display: inline-block; }
.info_box_status ul li div.status_on {padding: 2px 10px; background: #2261b7; color: #fff; display: inline-block;}
.info_box_status ul li div.status_off {padding: 2px 10px; background: #515151; color: #fff; display: inline-block;}
.info_box_status ul li span {margin-right: 5px; display: inline-block;}

.info_box_log {width: 100%; padding: 20px; border: 1px solid #d5d5d5; font-size: 14px; line-height: 18px;}

.column_log {margin-top: 50px; clear: both;}
.info_box_log {height: 400px; margin-top: 10px; color: #000;}

.btn_pause {width: 50px; height: 40px; border: 0; background: url('/images/iotm/admin/btn_pause.png') no-repeat center center #515151;}
.btn_play {width: 50px; height: 40px; border: 0; background: url('/images/iotm/admin/btn_play.png') no-repeat center center #2261b7;}


.login_wrap .login_text{text-align:center}
.login_wrap .login_text01{font-size:36px;line-height:50px;color:#fff;font-weight:700}
.login_wrap .login_text02{font-size:16px;color:#777777;line-height:24px;margin:5px 0 0 0}
.login_wrap .login_save {}
.login_wrap .login_save input[type="checkbox"] {margin: 0;}
.login_wrap .login_save label {margin: 0; color: #fff;}
.login_wrap .login_form{text-align:center;margin-top:20px}
.login_wrap .login_form div{margin:10px 0 0 0}
.login_wrap .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}
.login_wrap .btn_login input{width:420px;height:54px;background-color:#2261b7;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}
.login_wrap .btn_login input:disabled{background-color:#ccc}

.device_widget_board {min-height: 350px; padding: 20px; border: 1px solid #d5d5d5;}
.contents_wrap .contents .device_widget h3 {margin: 0; font-size: 20px; font-weight: 400; color: #000;}
.device_widget_3column {width: 32%; min-height: 350px; margin: 20px 20px 0 0; padding: 20px; border: 1px solid #d5d5d5; display: inline-block;}
.device_widget_3column:nth-of-type(4n) {margin-right: 0;}

.popup_top div.pop_title > span {margin-left: 5px; opacity: 0.7; font-size: 20px; display: inline-block; font-weight: 300;}
.admin_popup_cont {width: 640px; padding: 20px;}
.popup_table {width: 100%;}
.popup_table.txt_center {text-align: center;}
.popup_table th {background: #f7f7f7; text-align: center; font-weight: 300;}
.popup_table th, .popup_table td {padding: 10px 15px; border: 1px solid #d5d5d5; font-size: 13px;}
.popup_device_btn {width: 100%; padding: 8px; text-align: center; background: #2261b7; border: 0; color: #fff; border-radius: 3px; font-size: 16px;}

.table_wrap {height: 250px; overflow-y: scroll;}
.popup_inner_table {width: 100%;}
.popup_inner_table td {text-align: center;}
.table_select_style_02 {width: 50%;}
.popup_search_box {padding: 20px; background: #f5f5f5; text-align: center;}
.popup_search_box_txt {padding-left: 10px; font-size: 15px; font-weight: 500; background: url('/images/iotm/admin/device_group_dot.png') no-repeat 0 center; display: inline-block;}

/* 2020.01.15 추가 */
.popup_search_box label {font-size: 16px; margin-bottom: 0; margin-right: 5px; vertical-align: middle;}
.popup_search_box input[type="text"] {width: 300px; height: 40px; display: inline-block;}
/* 1211추가 */
.contents_box {margin-top: 15px; padding: 20px; background: #fff; border: 1px solid #d5d5d5;}
.row {margin-top: 40px;}
.row:first-of-type {margin-top: 0;}
.row .device_info_box {padding: 20px 30px;}
.row .device_info_box .model_info {width: 100%;}
.mashup_info p {text-align: center; font-size: 16px;}
.mashup_api_tit {margin-top: 10px; padding-top: 50px; font-size: 18px; color: #ff7e30; text-align: center;}
.mashup_api_tit.api_tit_01 {background: url('/images/iotm/admin/mashup_tit_ic_01.png') no-repeat center 0px;}
.mashup_api_tit.api_tit_02 {background: url('/images/iotm/admin/mashup_tit_ic_02.png') no-repeat center 0px;}
.mashup_api_tit.api_tit_03 {background: url('/images/iotm/admin/mashup_tit_ic_03.png') no-repeat center 0px;}
.mashup_api_tit.api_tit_04 {background: url('/images/iotm/admin/mashup_tit_ic_04.png') no-repeat center 0px;}
/* 2020.01.07 추가 */
.api_add_txt {margin: 0; font-size: 18px; font-weight: 500; color: #000;}

.device_label {height: calc(100% - 8px); margin: 4px; padding: 8px; text-align: center; border: 1px solid #d5d5d5;}
.device_label label {margin-top: 5px; display: block;}

.mashup_evt .search_box {margin-top: 0;}
.mashup_evt .contents_box:first-of-type {margin-top: 0;}

.resource_list {min-height: 60px; width: 100%; border: 1px solid #d5d5d5;}
.resource_list ul {margin: 0;}
.resource_list ul.resource_list_ul > li {padding: 20px; background: url('/images/iotm/admin/open_btn.png') no-repeat 98% center rgba(166, 203, 255, 0.3);}
.resource_list ul.resource_list_ul:not(:last-child) > li {margin-bottom: 4px;}
.resource_list ul.resource_list_ul > li.active {background: url('/images/iotm/admin/open_btn_active.png') no-repeat 98% center #2261b7; color: #fff;}

.request_inner_list {margin: 15px 0;}
.request_inner_list li {margin-bottom: 15px; padding-left: 15px; background: url('/images/iotm/common/dot_circle.png') no-repeat 5px 10px ;font-size: 15px;}
.request_inner_list li div {display: inline-block;}
.request_inner_list li div.request_title {width: 100px; font-weight: bold;}
.request_inner_list li div.request_text {margin-top: 5px; display: block; word-wrap: break-word;}

.resource_contents {padding: 15px;}

.api_list {margin: 15px 0;}
.api_list li {margin-bottom: 10px; padding-left: 15px; background: url('/images/iotm/common/dot_circle.png') no-repeat 5px center ;font-size: 15px;}
.api_list li div {width: 69%; display: inline-block; vertical-align: middle;}
.api_list li div.request_title {width: 30%; line-height: 1;}

/* 2020.01.08 추가 */
.fixed-table-container {position: relative; padding-top: 40px;}
.fixed-table-header-bg {border-top:1px solid #000; border-bottom:1px solid #d8d8d8; text-align:center; color:#666;  background:#f9f9f9;  font-weight:bold; height: 40px; position: absolute; top: 0; right: 0; left: 0;}
.fixed-table-wrapper {overflow-x: hidden; overflow-y: auto; height: 450px;}
table.fixed-table {width: 100%;border-collapse: collapse;}
table.fixed-table td {border-bottom: 1px solid #dadada; height:40px; padding:3px 10px 2px; text-align:center; color:#4a4949; font-size: 13px;}
table.fixed-table td + td {border-left: 1px solid #dadada; font-size: 13px;}
table.fixed-table th {padding: 0px; text-align: center; color: #272727; font-weight: 500; }
table.fixed-table .th-text {position: absolute; top: 0; width: inherit; line-height: 40px; border-left:1px solid; border-color:#3b3f2c #c4c4c4;}
table.fixed-table th:first-child .th-text {border-left: none;}
table.fixed-table tbody tr:last-child td{border-bottom:1px solid #3b3f2c;}
table.fixed-table tbody tr:nth-child(even) {background: #f9f9f9;}

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

	/* 상단 여백 제거 */
	.adm_contents_wrap {padding:0;}

	nav {display: none !important;}
	.adm_top_inner {width: 100%; margin: 0; padding: 0 10px;}
	.adm_top_btn {display: none;}
	.adm_menu_wrap {display: none;}
	.adm_info_wrap {width: 100%;}
	.mobile_menu_ic {padding-top: 10px;}
	.adm_menu_wrap ul.navi li a {padding: 15px 0; font-size: 16px; height: 120px;}

	.device_sub_title {font-size: 20px;}

	.search_box input, .search_box select {margin-bottom: 10px;}
	.contents_wrap .contents .device_box:nth-of-type(4n) {margin-right: 10px;}
	.device_table_title {width: 200px;}
	.device_table_text input[type="text"] {width: 140px; padding: 9px 5px; font-size: 13px;}

	.simple_box {width: 100%;}
	.device_simple .simple_box, .device_simple .simple_arrow {float: none;}
	.device_simple .simple_arrow {width: 100%; height: 90px; transform: rotate(90deg);}

	.simple_table li {float: none; display: block; overflow: hidden;}
	.simple_table li > div.simple_table_title, .simple_table li > div.simple_table_text {display: block; float: left;}
	.simple_table_title {width: 30%; padding-top: 19px;}
	.simple_table_text {width: 70%; height: 60px; padding-top: 10px;}

	.monitoring_box {width: 32%; margin: 0 2% 2% 0; float: left;}
	.monitoring_box:nth-of-type(4n) {margin-right: 2%;}
	.monitoring_box:nth-of-type(3n) {margin-right: 0px;}
/* 	.monitoring_title strong {font-size: 15px; letter-spacing: -0.5px} */
/* 	.monitoring_title span {font-size: 13px;} */
/* 	.monitoring_text p {} */

	.device_info_box .model_info {width: 100%; float: none;}
	.device_info_box .device_info {width: 100%; margin-top: 30px; float: none;}
	.device_info_box .model_info ul, .device_info_box .device_info ul {margin: 10px 0 0 0}
	.device_info_box .model_info ul li, .device_info_box .device_info ul li {width: 200px; margin-bottom: 5px;}

	.device_info_detail_table ul li.two_row {width: 100%;}
	.device_info_detail_table ul li div.detail_table_title {font-size: 14px; width: 150px;}
	.device_info_detail_table ul li > div.detail_table_text {font-size: 13px; word-break: break-all;}

	.detail_box_left, .detail_box_right {width: 100%; margin-bottom: 10px;}

	.sensor_graph {min-height: 100px;}
	/* .sensor_graph img {width: 100%;} */

	.service_list_wrap {width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #d8d8d8;}
	.service_list {height: 250px;}
	.service_list ul li a {}

	.service_detail_wrap {width: 100%; margin-top: 20px;}

	.service_detail_table ul li div.service_detail_title {font-size: 14px;}

	.service_key {margin: 20px 0 20px 0;}

	.tab_list04 ul li {height: auto; padding: 40px 40px 40px 10%}
	.tab_list04 ul li.tab_list04_01, .tab_list04 ul li.tab_list04_02, .tab_list04 ul li.tab_list04_03 {background-size: 30%; background-position: 15px center;}

	.tab_list04 ul li span {font-size: 36px;}
	.device_push_record, .device_rt_location, .device_amount, .sensor_amount {width: 100%;}
	.device_rt_location {margin-top: 50px;}
/* 	.push_record_box, .rt_location_box {height: auto;} */
	.location_mark_box ul li {width: 150px; margin: 10px auto; text-align: left;}

	.record_table th {font-size: 12px;}
	.record_table td {font-size: 12px;}

	.tab_triggermenu ul {width: 100%;}
	.tab_triggermenu ul li {width: 50%;}
	.tab_triggermenu ul li a {font-size: 16px;}

	.rdl_div {display: block;}
	.rdl_div p:last-of-type {margin-left: 0;}

	.monitoring_map, .monitoring_list {width: 100%; float: none;}
	.monitoring_map img {width: 100%; height: 550px;}
	.monitoring_list {margin-top: 10px;}

	.device_list_01, .device_list_02 {width: 100%; float: none;}

	.between_box {margin:20px 0; position: relative;; top: 0%; left: 0%; transform: translate(-0%, -0%); text-align: center;}
	.between_box > div {margin: 0 10px; display: inline-block;}
	.between_box span {transform: rotate(90deg);display: block;}

	.device_list_03 {width: 100%; float: none;}
	.device_list_03_top {margin-bottom: 15px; border-width: 1px 1px 1px 1px;}

	.device_group_table th, .device_group_table td {font-size: 12px;}

	.device_group_control, .device_group_control_02 {width: 100%;}
	.device_group_control_02 {margin-top: 20px;}

	.onem2m_division_01, .onem2m_division_02 {width: 100%;}

	.onem2m_division_04 {width: 100%; min-height: auto;}
	.onem2m_table_wrap {height: 200px;}

	.onem2m_division_05 {width: 100%; margin-top: 20px;}
	.contents_wrap .contents h3.onem2m_tit {font-size: 18px;}
	span.onem2m_txt {font-size: 13px;}

	.br_contents {margin: 10px 0; display: block;}

	.hw_sub_tit {font-size: 18px;}
	.hw_info_contents {width: 100%;}

	.adm_login_wrap {padding-top: 20%}

	.login_wrap .login_text01{font-size:28px;line-height:30px}
	.login_wrap .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_wrap .login_input input{width:60%;padding:15px}
	.login_wrap .btn_login input{width:60%;height:54px;font-size:20px}

	.device_widget_3column {width: 100%;}

	.device_choose_01, .device_choose_02 {width: 100%; float: none;}
}

@media screen and (max-width:992px){
	.resource_list {height: 400px; overflow-y: scroll;}
	.mashup_evt .contents_box:first-of-type {margin-top: 30px;}
	.device_list_03_top, .device_list_03_map {padding: 0 !important;}
}

@media screen and (max-width:767px){
	.adm_contents_wrap {padding:0;}
	.adm_contents_wrap .contents_wrap {padding: 30px;}
	.adm_contents_wrap .contents_wrap h2 {font-size: 22px;}
	/* .adm_login_wrap {height: 88%;} */
	.adm_login_wrap {padding-top: 30%}

	.adm_info_wrap .info_inner {padding:20px 0 0 50px;}
	.adm_top_mode {font-size: 16px;}
	.adm_top_btn {margin-left: 30px; padding-top: 10px; font-size: 12px; float: left;}
	.adm_info_wrap {height: 170px; padding: 10px 0;}
	.contents_wrap .contents .device_box {margin: 10px auto; float: none; display: block;}
	.contents_wrap .contents .device_box:nth-of-type(4n) {margin: 10px auto;}
	.search_box {padding: 15px 25px;}
	.adm_menu_wrap ul.subnav {margin: 10px 0;}
	.adm_menu_wrap ul.subnav li {float: none;}
	.adm_menu_wrap ul.subnav li a {width: 100%; font-size: 14px; line-height: 30px; }
	.adm_info_wrap {display: none;}
	.mobile_sub_nav {display: block; text-align: center; background: #033882}

	.device_table li > div.device_table_title {height: 50px; padding-left: 15px; line-height: 50px; text-align: left;}
	.device_table li > div.device_table_text {min-height: 60px; padding: 10px 15px;}
	.device_table li > div.device_table_title, .device_table li > div.device_table_text {width: 100%; display: block;}
	.device_table_text input[type="text"] {margin-bottom: 5px;}
	.device_table_text input.device_name {width: 95%;}
	.device_table_text select {width: 95%;}

	.simple_table_title {font-size: 14px;}
	.simple_table_text {font-size: 14px;}

	.tab_list04 ul li {width: 100%; margin-bottom: 10px;}
	.tab_list04 ul li.tab_list04_01, .tab_list04 ul li.tab_list04_02, .tab_list04 ul li.tab_list04_03 {background-size: auto;}

	.tab_list ul li {height: 190px;}
	.tab_list ul li a span {font-size: 48px;}
	.monitoring_box {width: 49%; margin: 0 2% 2% 0; float: left;}
	.monitoring_box:nth-of-type(4n) {margin-right: 0;}
	.monitoring_box:nth-of-type(3n) {margin-right: 2%;}
	.monitoring_box:nth-of-type(2n) {margin-right: 0;}

	.device_info_box .model_info ul li, .device_info_box .device_info ul li {width: 100%;}
	.device_info_detail_title_wrap .device_sub_title, .btn_right {float: none;}
	.btn_right {margin-top: 5px; text-align: right;}

	.device_info_detail_table table thead th, .device_info_detail_table02 table thead th {font-size: 13px; padding: 10px 5px;}
	.device_info_detail_table table tbody td, .device_info_detail_table02 table tbody td {font-size: 12px; padding: 10px 5px; word-break: keep-all;}

	.device_info_detail_box select {width: 100px; padding: 12px 12px 12px 10px;}
	.input_calendar {width: 100px;}
	.detail_box_right > * {margin-bottom: 10px;}

	.service_detail_table ul li.two_row {width: 100%;}
	.service_detail_table ul li div.service_detail_title {width: 100px;}
	.service_detail_table ul li > div.service_detail_text {font-size: 13px;}
	.request_list li {font-size: 13px; display: table}
	.request_list li div {display: table-cell; word-break: break-all;}
	.request_list li div.request_title {width: 80px;}

	.tab_triggermenu ul {display: block;}


	.rdl_div select.device_select_02 {width: 200px;}
	.rdl_div input.device_input_02 {width: 130px;}
	.rdl_div input.device_input_03 {width: 200px;}

	.search_box .btn_orange, .search_box .btn_blue {width: 49%; display: inline-block;}

	.btn_2depth > input[type="button"] {width: 49%; margin: 2px 0; display: inline-block;}
	.input_style_80 {width: 60%}
	.onem2m_division_05_request p {width: 30%;}

	.input_style_79 {width: 60%;}

	.info_box_status ul li {margin-bottom: 5px;}
	.dashboard_list .dashboard {width: 130px; height: 50px; padding-left: 20px; font-size: 14px;}

	.dashboard_01, .dashboard_02, .dashboard_03, .dashboard_04, .dashboard_05, .dashboard_06, .dashboard_07, .dashboard_08 {background-position: 5px center;}

	.contents_box .input_style_50 {width: 100%;}

	.device_list_03_inner .btn_modify {display: block; margin: 10px auto 0;}
	.device_list_03_map {padding: 0 !important;}
	.device_list_03_inner {padding: 20px 10px;}
	.br_cont {margin-left: 0 !important; margin-right: 0 !important;}
	.reg_device_list, .rdl_div {text-align: left;}

}

@media screen and (max-width:480px){
	.adm_contents_wrap {min-height:auto;}
	.adm_contents_wrap .contents_wrap {padding: 15px;}
	.contents_wrap .contents {margin-top: 20px;}
	/* .adm_login_wrap {height: 90%;} */
	.adm_login_wrap {padding-top: 35%}
	.adm_menu_wrap ul.navi li a {height: 110px; padding: 10px 0; font-size: 16px;}
	.adm_menu_wrap ul.navi li span {margin: 15px 0 0 0;}
	.adm_info_wrap .info_inner {padding: 10px;}
	.adm_info_wrap .info_inner { text-align: right;}
	.adm_top_btn {margin-left: 15px;}
	.adm_top_btn a:last-of-type {margin-left: 10px;}
	.search_box {margin-top: 15px;}
	.search_box input[type='text'] {width: 100%; margin-top: 10px;}
	.search_box input, .search_box select {width: 100%;}
	.search_box .btn_inquiry {width: 100%;}

	.simple_table_title {width: 35%; letter-spacing: -1px;}
	.simple_table_text {width: 65%; letter-spacing: -1px;}
	.simple_table_text input[type="text"] {width: 95%;}
	.simple_table_text select {width: 95%;}

	.tab_list ul li {height: 170px;}
	.tab_list ul li a span {font-size: 36px;}

	.location_mark_box ul {overflow: hidden;}
	.location_mark_box ul li {width: auto; margin: 0 5px; float: left;}
	.location_mark_box ul li:first-of-type {margin-left: 0;}
	.location_mark_box ul li:last-of-type {margin-right: 0;}
	.location_mark_box ul li img {margin-right: 2px; height: 48px;}

	.monitoring_box {width: 100%; float: none;}
	.monitoring_box:nth-of-type(4n) {margin-right: 0px;}
	.monitoring_box:nth-of-type(3n) {margin-right: 0px;}
	.monitoring_box:nth-of-type(2n) {margin-right: 0px;}

	.device_info_detail_table table thead th, .device_info_detail_table02 table thead th {font-size: 12px;}

	.service_list ul li a div {font-size: 13px;}
	.service_tab_wrap ul li {width: 80px; font-size: 14px; word-break: break-all;}
	.service_detail_table ul li div.service_detail_title {width: 80px; font-size: 13px;}
	.service_detail_table ul li > div.service_detail_text {padding: 0 10px; letter-spacing: -0.5px;}

	.monitoring_list {height: auto; min-height: 550px; padding: 20px 15px;}
	.monitoring_list .device_group select.device_select {width: 150px;}

	.rdl_div select.device_select_02 {width: 100%;}
	.rdl_div input.device_input_02 {width: 75%;}
	.rdl_div input.device_input_03 {width: 100%;}

	.device_input_04 {margin: 0;}
	.search_box select.select_style_02 {width: 100%; margin-bottom: 0;}

	.search_box p.period_txt {display: block;}

	.login_wrap .login_text01{font-size:30px;line-height:36px}
	.login_wrap .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_wrap .login_input input{width:80%;padding:10px;font-size:13px}
	.login_wrap .btn_login input{width:80%;height:45px;font-size:16px}

	.api_list li div {width: 68%; display: inline-block; vertical-align: middle;}
}


/* Navigation Styles */
nav { position: relative;  }
header.dark nav { background-color:rgba(255,255,255,0.5); }
header.light nav { background-color:rgba(0,0,0,0.5); }

ul.main-nav {
  list-style-type: none;
  padding: 0px;
  font-size: 0px;
  max-width: 1280px;
  margin: 0 auto;
  background: #2261b7;
}

ul.main-nav > li {
  display: inline-block;
  padding: 0;
}

ul.main-nav > li > a {
	width: 142.2px;
	height: 150px;
  display: block;
  padding: 30px 0px;
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  box-sizing: border-box;
	text-align: center;
	background: #2261b7;
}

ul.main-nav > li:hover { background-color: #f9f9f9; }
ul.main-nav > li:hover > a { color: #fff; font-weight: 600; }
ul.main-nav > li > a > img {display: block; margin: 0 auto;}
ul.main-nav > li > a > span {display: inline-block; margin-top: 25px;}
ul.main-nav > li ul.sub-menu-lists {
  margin: 0px;
  padding: 0px;
  list-style-type : none;
  display:block;
}

ul.main-nav > li ul.sub-menu-lists > li {
  padding: 2px 0;
  display: inline;
}

ul.main-nav > li ul.sub-menu-lists > li > a {
  padding: 0.6em;
  height: 100%;
  font-size: 14px;
  color: #000;
}

ul.main-nav > li ul.sub-menu-lists > li > a:hover {
  background: #000;
  color: #f9f9f9;
  font-weight: 500;
}

.ic {
  position: fixed;
  cursor: pointer;
  display: inline-block;
  right: 25px;
  width: 32px;
  height: 24px;
  text-align: center;
  top:0px;
  outline: none;
}

.ic.close {
  opacity: 0;
  font-size: 0px;
  font-weight: 300;
  color: #fff;
  top:8px;
  height:40px;
  display: block;
  outline: none;
}

/* Menu Icons for Devices*/
.ic.menu { top:25px; z-index : 20; }

.ic.menu .line {
  height: 4px;
  width: 100%;
  display: block;
  margin-bottom: 6px;
}
.ic.menu .line-last-child { margin-bottom: 0px;  }

.sub-menu-head { margin: 10px 0; }
.banners-area { margin-top: 20px; padding-top: 15px; }


@media only screen and (max-width:768px) {
  .sub-menu-head { color:orange; }
  .ic.menu { display: block; }
  header.dark .ic.menu .line { background-color: #fff; }
  header.light .ic.menu .line { background-color: #000; }
  .ic.menu .line {
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
  }
  .ic.menu:focus .line { background-color: #fff !important; }

  .ic.menu:focus .line:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .ic.menu:focus .line:nth-child(2){
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -10px;
  }

  .ic.menu:focus .line:nth-child(3){
    transform: translateY(15px);
    opacity: 0;
  }

  .ic.menu:focus{ outline: none; }
  .ic.menu:focus ~ .ic.close { opacity: 1; z-index : 21;  outline: none;  }

  /*

  .ic.menu:focus ~ .ic.close { opacity: 1.0; z-index : 21;  }
  .ic.close:focus { opacity: 0; }
  */
  .ic.menu:hover,
  .ic.menu:focus{ opacity: 1; }


  nav { background-color: transparent; }

 /* Main Menu for Handheld Devices  */
  ul.main-nav {
    z-index:2;
    padding: 50px 0;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 0px;
    background-color:rgba(0,0,0,1);
    height: 100%;
    overflow: auto;
    /*CSS animation applied : Slide from Right*/
   -webkit-transition-property: background, width;
    -moz-transition-property: background, width;
    -o-transition-property: background, width;
    transition-property: background, width;
    -webkit-transition-duration: 0.6s;
      -moz-transition-duration: 0.6s;
      -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
  }

  .ic.menu:focus ~ .main-nav { width: 300px; background-color:rgba(0,0,0,1); }

  ul.main-nav > * {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    opacity: 0;
  }
  .ic.menu:focus ~ .main-nav > * {opacity: 1;}

  ul.main-nav > li > a:after {display: none;}
  ul.main-nav > li:first-child { border-radius: 0px; }
  ul.main-nav > li {
    display: block;
    border-bottom: 1px solid #444;
  }

  ul.main-nav > li > a { font-weight: 600; }

  ul.main-nav > li ul.sub-menu-lists > li a { color: #eee; font-size: 14px; }
  .sub-menu-head { font-size: 16px;}
  ul.main-nav > li:hover { background-color: transparent;  }
  ul.main-nav > li:hover > a {color: #fff; text-decoration: none; font-weight: 600;}
 .ic.menu:focus ~ ul.main-nav > li > div.sub-menu-block {
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
    position: relative;
    visibility: visible;
    opacity: 1.0;
  }

  .sub-menu-block { padding: 0 30px; }
  .banners-area { padding-bottom: 0px;  }
  .banners-area div { margin-bottom: 15px;  }
  .banners-area { border-top: 1px solid #444; }
}

@media only screen and (min-width:769px) {
  .ic.menu { display: none; }
  /* Main Menu for Desktop Devices  */
  ul.main-nav { display: block; position: relative; }
  .sub-menu-block { padding: 15px; }

  /* Sub Menu */
  ul.main-nav > li > div.sub-menu-block {
  visibility: hidden;
  background-color: #f9f9f9;
  position: absolute;
  margin-top: 0px;
  width: 100%;
  color: #333;
  left: 0;
  box-sizing: border-box;
  z-index : 3;
  font-size: 16px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  opacity: 0;

  /*CSS animation applied for sub menu : Slide from Top */
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;

  }

  ul.main-nav > li:hover > div.sub-menu-block{
    background-color: #f9f9f9;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }

  ul.main-nav > li > div.sub-menu-block > * {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    opacity: 0;
  }

  ul.main-nav > li:hover > div.sub-menu-block > * {
    opacity: 1;
  }

  .sub-menu-head { font-size: 20px;}

  /* List Separator: Outer Border */
  header.dark ul.main-nav > li > a { border-right: 1px solid #bbb; }
  header.light ul.main-nav > li > a { border-right: 1px solid #666; }

  /* List Separator: Inner Border */
  ul.main-nav > li > a:after {
    content: '';
    width: 1px;
    height: 150px;
    position: absolute;
    right:0px;
    top: 0px;
    z-index : 2;
		background: #104894;
  }
  header.dark ul.main-nav > li > a:after { background-color: #777; }
  header.light ul.main-nav > li > a:after { background-color: #999; }

  /* Drop Down/Up Arrow for Mega Menu */
  ul.main-nav > li > a.mega-menu > span { display: block; vertical-align: middle; }
  ul.main-nav > li > a.mega-menu > span:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    content: '';
    background-color: transparent;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
  }

  ul.main-nav > li:hover > a.mega-menu span:after{
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 5px solid #fff;
  }
  .banners-area { border-top: 1px solid #ccc; }
}