.type-content.id-green-temperature-realtime .section05 .zone .graph .chart-container {height: 100%; width: 80%; margin: 0 auto; display: block; text-align: center; padding: 10px 0; box-sizing: border-box;}
@media (max-width: 1279px) {
  .type-content.id-green-temperature-realtime .section05 .zone .graph .chart-container {width: 100%;}
}
/*#line-chart { width: 100% !important; height: 100%; margin-left: auto; margin-right: auto;}*/
/*.chartjs-size-monitor { position: relative !important; }*/

/*#doughnut-chart { width: 100% !important; height: 100%; margin-left: auto; margin-right: auto;}*/
/*.chartjs-size-monitor { position: relative !important; }*/

/*#horizontalBar-chart { width: 100% !important; height: 100%; margin-left: auto; margin-right: auto;}*/
/*.chartjs-size-monitor { position: relative !important; }*/

.formCalendarList {box-shadow: none;}
.formCalendarList .mx-input-wrapper {height:100%;}
.mx-datepicker {width:100% !important; height:100%;}
.mx-datepicker-range {width:100% !important; height:100%;}
.mx-icon-calendar {display: none;}
.mx-input {box-shadow: none !important;}

/* HO101 */
.type-content.id-home-club .communication-header h3.title .item {background: none; cursor: auto;}
.type-content.id-home-club .communication-header h3.title .item:hover {background: none;}
.type-content.id-home-club .green-board .body .table .contain table tbody tr {cursor: auto;}

/* HO201 APL 실시간 현황*/
.type-content.id-aplRealtimeStatus .realtimeStatus-body .map {text-align: center;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .map svg path {stroke: #ffffff; stroke-width: 2px; position: relative;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .map svg path:hover {cursor: pointer;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .map svg path.active {transform: translate(-4px, -4px);}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.all .contain {background-color: #1ec27a;}

@media (max-width: 1279px) {
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .map {height: 680px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .map svg {width: 100%;}
}

/* ST001 통계 */
.legendContainer {text-align: center;}
.type-content.id-statistics .statistics-body ul.statistics li [class$="-legend"] {padding: 0; display: inline-block;}
.type-content.id-statistics .statistics-body ul.statistics li [class$="-legend"] li {display: inline-block !important; float: none !important; width: auto !important; height: auto !important; padding: 0 5px; color: #333; font-size: 13px; cursor: pointer;}
.type-content.id-statistics .statistics-body ul.statistics li [class$="-legend"] li.strong {font-weight: bold;}
.type-content.id-statistics .statistics-body ul.statistics li [class$="-legend"] li span {display: inline-block !important; width: 40px; height: 10px; margin-right: 10px}
.type-content.id-statistics .statistics-body ul.statistics li {width: calc((100% - 0.4px) / 2);}
.type-content.id-statistics .statistics-body ul.statistics li .contain .body {position: relative;}
.type-content.id-statistics .statisticsData .body .table .excel {box-sizing: border-box; position: absolute; top: 20px; right: 0; padding: 0 10px 0 32px; border: 1px solid #ccc; border-radius: 4px; background: #fff url(../images/content/pc/excel-type01.png) no-repeat 10px center; content: ''; font-size: 13px; font-weight: 500; color: #666; line-height: 28px; cursor: pointer;}
.type-content.id-statistics .statistics-body .statisticsData .body .table.thead .fixed {padding-top: 60px;}
.type-content.id-statistics .statistics-body .statisticsData .body .table.tbody {padding-top: calc(60px + 39px - 1px);}
@media (max-width: 1279px) {
  .type-content.id-statistics .statistics-body ul.statistics li {width: 100%;}
}

/* ST002 통계 */
.type-content.id-statistics .statistics-body ul.statistics.utilRatio li {width: 100%;}

#indicatorContainer {position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);}
#indicator {width: 100px; height: 100px; position: absolute; top: calc(50% - 50px); left: calc(50% - 50px); animation: spin 1s linear infinite;}
#circle {fill: none; stroke: rgba(255,255,255,0.5); stroke-linecap: round; stroke-width: 4; animation: draw 3s ease-in-out infinite;}
@keyframes draw {
  0% { stroke-dasharray: 20, 282.6;}
  50% { stroke-dasharray: 200, 282.6; }
  100% { stroke-dasharray: 20, 282.6; }
}
@keyframes spin {
  to { transform: rotate(360deg); }
}

/* RD001 지역별 현황 */
.type-content.id-regionStatus-abnormal .regionStatus-body .select .contain .title {font-weight: 400;}
.type-content.id-regionStatus-abnormal .container .object02 {box-sizing: border-box; float: right; margin-top: 23px; width: 185px; height: 45px; border: 1px solid #D0202E; border-radius: 4px; background-color: #D0202E; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th {background-color: #202845; color: #fff;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.sort:hover {background-color: #12172c !important;}

/* RD002 지역별 현황 */
.type-content.id-regionStatus-batteryCharge .regionStatus-body .select .contain .title {font-weight: 400;}
.type-content.id-regionStatus-batteryCharge .container .object02 {box-sizing: border-box; float: right; margin-top: 23px; width: 242px; height: 45px; border: 1px solid #D0202E; border-radius: 4px; background-color: #D0202E; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th {background-color: #202845; color: #fff;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.sort:hover {background-color: #12172c !important;}

@media (max-width: 1279px) {
  .type-content.id-regionStatus-abnormal .container .object02 {float: none; width: 100%; height: 45px; margin-top: 20px; margin-bottom: 10px;}
  .type-content.id-regionStatus-batteryCharge .container .object02 {float: none; width: 100%; height: 45px; margin-top: 20px; margin-bottom: 10px;}
}

/* CD001 골프장별 현황 */
.type-content.id-golfClubStatus .golfClubStatus-body .select .contain .title {font-weight: 400;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tfoot tr th {background-color: #ddd;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tfoot tr th:first-child {border-bottom-left-radius: 7px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tfoot tr th:last-child {border-bottom-right-radius: 7px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tfoot tr th.abnormal,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tfoot tr th.batteryCharge {color: #d0202e;}

/* CD002 골프장별 배터리 현황 */
.type-content.id-golfClubBatteryStatus .main-board {display: block;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody tr th.course {border-left-color: rgba(255, 255, 255, 0.3); background-color: #202845; color: #fff;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody tr:not(:nth-child(1)) th:first-child {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody tr:not(:nth-child(1)) th:last-child {border-top-right-radius: 0;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status.battery-20 .batteryGauge .battery .bar .item {width: 10px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status.battery-40 .batteryGauge .battery .bar .item {width: 20px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status.battery-60 .batteryGauge .battery .bar .item {width: 30px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status.battery-80 .batteryGauge .battery .bar .item {width: 40px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status.battery-100 .batteryGauge .battery .bar .item {width: 50px;}

/* SE004 */
.type-content.id-settings-club-edit .section02 .object99 { box-sizing: border-box; position: absolute; top: 658px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}

@media (max-width: 1279px) {
  .type-content.id-settings-club-edit .section02 .object99 { box-sizing: border-box; position: absolute; top: 914px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
}

/* CR101 통계 css */
.type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph .pointZone {left: 0; margin-left: 0; width: 100%; text-align: center; font-size: 0;}
.type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph .pointZone .pointGridRow:after {display: block; content: ''; clear: both;}
.type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph .pointZone .pointGridRow .pointGridItem {height: 100%; float: left; font-size: 12px; box-sizing: border-box; border-left: 1px dashed rgba(200,200,200,.6); border-bottom: 1px dashed rgba(200,200,200,.6); color: #fff; position: relative;}
.type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph .pointZone .pointGridRow .pointGridItem:last-child {border-right: 1px dashed rgba(200,200,200,.6);}
.type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph .pointZone .pointGridRow:last-child .pointGridItem {border-bottom: none;}
.type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph .pointZone .pointZoneLeft {display: inline-block; position: relative;}
.type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph .pointZone .pointZoneRight {display: inline-block; position: relative; margin-left: 50px;}
.type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph .greenImage {display: inline-block; position: relative; height:100%; line-height: 1.5; background-repeat: no-repeat; background-size: contain; background-position: center center;}
.type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph .greenImage + .greenImage {margin-left: 50px;}

@media (max-width: 1279px) {
  .type-content.id-course-pin-statistics .section04 .object01 .object0102 .content.mobileDoubleContent {height: 560px;}
  .type-content.id-course-pin-statistics .section04 .object01 .object0102 .content.mobileDoubleContent .graph .greenImage {height: 50%;}
  .type-content.id-course-pin-statistics .section04 .object01 .object0102 .content.mobileDoubleContent .graph .pointZone .pointZoneRight {margin-left: 0; border-top: 1px dashed rgba(200,200,200,.6)}
  .type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph .greenImage + .greenImage {margin-left: 0;}
}

/* GR302 핀위치 css */
.type-content.id-green-pin-term .section05 .object02 {width: calc(100% - 1030px);}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table.tbody .contain {height: 432px;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .body.none .table.tbody .contain {height: 432px;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table.thead .fixed.active {width: 790px;}
.type-content.id-green-pin-term.asideActive  .section05 .object02 .object0201 .table.thead .fixed.active {width: 520px;}
.type-content.id-green-pin-term .section05 .object01 .content {width: 1000px; position: relative; height: 520px;}
.type-content.id-green-pin-term .section05 .object01 .content .pin {width: 100%; height: 500px;}
.type-content.id-green-pin-term .section05 .object01 .content .pin .flagZone {left: 0; margin-left: 0; width: 100%; height: 500px; text-align: center; font-size: 0;}
.type-content.id-green-pin-term .section05 .object01 .content .pin .flagZone .flagZoneLeft,
.type-content.id-green-pin-term .section05 .object01 .content .pin .flagZone .flagZoneRight {display: inline-block; position: relative; height: 100%;}
.type-content.id-green-pin-term .section05 .object01 .content .pin .greenImage {display: inline-block; position: relative; width:100%; height:100%; line-height: 1.5; background-repeat: no-repeat; background-size: contain; background-position: center center}

@media (max-width: 1279px) {
  .type-content.id-green-pin-term .section05 .object02 {width: calc(100% + 40px);}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table.tbody .contain {height: auto;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .body.none .table.tbody .contain {height: auto;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table.thead .fixed.active {width: calc(500px + 40px);}
  .type-content.id-green-pin-term .section05 .object01 {height: unset;}
  .type-content.id-green-pin-term .section05 .object01 .content {width: 100%; height: 280px;}
  .type-content.id-green-pin-term .section05 .object01 .content .pin {height: 100%;}
  .type-content.id-green-pin-term .section05 .object01 .content .pin .flagZone {height: 280px;}
  .type-content.id-green-pin-term .section05 .object01 .content.mobileDoubleContent {height: 560px;}
  .type-content.id-green-pin-term .section05 .object01 .content.mobileDoubleContent .pin .greenImage {height: 50%;}
  .type-content.id-green-pin-term .section05 .object01 .content.mobileDoubleContent .pin .flagZone .flagZoneRight {margin-left: 0;}
  .type-content.id-green-pin-term .section05 .object01 .content .pin .greenImage + .greenImage {margin-left: 0;}
}

/* 문자,전화 */
.id-management-abnormal .section01 .object01 {color: #222; font-weight: 200; font-size: 32px; line-height: 23px; padding: 40px;}
.id-management-abnormal .section02  {padding: 0 40px;}
.id-management-abnormal .table-body {border: 1px solid #e6e6e6;}
.id-management-abnormal .table-body table{table-layout: fixed; width: 100%; border-collapse: collapse;}
.id-management-abnormal .table-body table tr th,
.id-management-abnormal .table-body table tr td {overflow: hidden; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; background-color: #fff; line-height: 37px; color: #666; font-size: 13px; text-align: center; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.id-management-abnormal .table-body table tr th:first-child,
.id-management-abnormal .table-body table tr td:first-child {border-left: none;}
.id-management-abnormal .table-body table thead tr th {border-top: none;}
.id-management-abnormal .table-body table tbody tr td .item {width: 19px; height: 19px; margin: 0 auto; background: transparent url(../images/content/pc/send-type02.png) no-repeat center center; cursor: pointer;}
.id-management-abnormal .table-body table tbody tr td.inactive {color: #d0202e;}
.id-management-abnormal .table-body table tbody tr td.lowBattery {color: #2063d2;}

.id-management-abnormal .alert .body p {margin: 0;}
.id-management-abnormal .alert .body a {display: inline-block; text-decoration: none; margin-top: 20px; color: #666666;}
.id-management-abnormal .alert .body a:last-child {margin-left: 20px;}
.id-management-abnormal .alert .body a .material-icons {display: block;}


@media (max-width: 1279px) {
  .id-management-abnormal .section01 .object01 {font-size: 25px; padding: 30px 20px;}
  .id-management-abnormal .section02 {padding: 0;}
}

/* Custom */
.reset-css * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}