/* 공통 */
.type-content {overflow-y: scroll; background-color: #e6e6e6;}
.type-content .wrap {width: 1900px; height: 100%; background-color: #f5f5f5;}
@media (max-width: 1279px) {
  .type-content .wrap {width: 100%; max-width: 540px;}
}

.type-content .wrapBg {position: absolute; top: 0; left: 0;}
.type-content .wrapBg:before {display: block; position: fixed; width: 100%; height: 100%; background-color: #f5f5f5; content: '';}
@media (max-width: 1279px) {
  .type-content .wrapBg:before {width: 100%; max-width: 540px;}
}

.type-content aside {display: none; position: absolute; top: 0; left: 0; z-index: 500;}
.type-content aside .fixed {position: fixed; width: 270px; height: 100%; background-color: #202845;}
.type-content aside .container {position: relative; width: 100%; height: 100%;}
.type-content aside .header {box-sizing: border-box; height: 153px; padding-top: 30px;}
.type-content aside .header h1.bi {overflow: hidden; width: 131px; height: 87px; padding: 0; margin: 0 auto; background: transparent url('../images/content/pc/bi-type01.png') no-repeat center center; text-indent: -1000px; cursor: pointer;}
.type-content aside .header .caption {padding-top: 13px; color: #fff; font-weight: 200; font-size: 13px; text-align: center;}
.type-content aside .header .close {display: none;}
.type-content aside .body {overflow: auto; box-sizing: border-box; height: calc(100% - 153px - 54px);}
.type-content aside .body ul.navigation {list-style: none; padding: 0; margin: 0;}
.type-content aside .body ul.navigation li {position: relative;}
.type-content aside .body ul.navigation li .item {position: relative; padding: 19px 30px; color: rgba(255, 255, 255, 0.4); font-weight: bold; font-size: 14px; cursor: pointer;}
.type-content aside .body ul.navigation li .item:hover {background-color: #181e36; color: #fff;}
.type-content aside .body ul.navigation li.accordion .item {padding-right: calc(30px + 9px + 15px);}
.type-content aside .body ul.navigation li.accordion .item::before {display: block; position: absolute; top: 50%; right: 30px; width: 9px; height: 9px; margin-top: -4px; background: transparent url('../images/content/pc/arrow-type01.png') no-repeat center top; content: '';}
.type-content aside .body ul.navigation li.active {background-color: #12172c;}
.type-content aside .body ul.navigation li.active::after {display: block; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background-color: #d0202e; content: '';}
.type-content aside .body ul.navigation li.active .item {color: #fff;}
.type-content aside .body ul.navigation li.active .item:hover {background-color: #12172c;}
.type-content aside .body ul.navigation li.accordion.active .item::before {background-position: center bottom;}
.type-content aside .body ul.navigation li ul {display: none; list-style: none; padding: 3px 10px 12px 30px; cursor: default;}
.type-content aside .body ul.navigation li ul li {line-height: 0;}
.type-content aside .body ul.navigation li ul li .item {display: inline-block; padding: 6px 20px 7px 20px; font-weight: normal; font-size: 13px; line-height: 1.15;}
.type-content aside .body ul.navigation li.accordion ul li .item {padding-right: 20px;}
.type-content aside .body ul.navigation li.accordion ul li .item::before {display: none;}
.type-content aside .body ul.navigation li.active ul li {background-color: transparent;}
.type-content aside .body ul.navigation li.active ul li::after {display: none;}
.type-content aside .body ul.navigation li.active ul li .item {color: rgba(255, 255, 255, 0.4);}
.type-content aside .body ul.navigation li.active ul li .item:hover {color: rgba(255, 255, 255, 0.7);}
.type-content aside .body ul.navigation li.accordion.active ul {display: block;}
.type-content aside .body ul.navigation li ul li.active .item,
.type-content aside .body ul.navigation li.active ul li.active .item {color: #fff;}
.type-content aside .footer {box-sizing: border-box; height: 54px;}
.type-content aside .footer .logout button {display: block; width: 100%; height: 54px; padding: 0; margin: 0; border: none; border-radius: 0; background-color: #12172c; color: #fff; font-size: 13px; line-height: 0;}
.type-content aside .footer .logout button:hover {background-color: #090c1a;}
.type-content aside .footer .logout button .item {display: inline-block; padding-left: 20px; background: transparent url('../images/content/pc/logout-type01.png') no-repeat left center; line-height: 54px;}
@media (max-width: 1279px) {
  .type-content aside .fixed {overflow: auto; width: 100%; max-width: 540px;}
  .type-content aside .container {min-width: 320px;}
  .type-content aside .header {height: 65px; padding-top: 0; background-color: #fff; cursor: auto;}
  .type-content aside .header h1.bi {display: none;}
  .type-content aside .header .caption {display: none;}
  .type-content aside .header .close {display: block; overflow: hidden; width: 65px; height: 65px; background: #d0202e url('../images/content/mobile/close-type02.png') no-repeat center center / 17px 17px; text-indent: -1000px; cursor: pointer;}
  .type-content aside .body {height: calc(100% - 65px);}
  .type-content aside .body ul.navigation {padding-top: 15px; padding-bottom: 15px;}
  .type-content aside .body ul.navigation li .item {position: relative; padding-top: 23px; padding-bottom: 23px; font-size: 20px;}
  .type-content aside .body ul.navigation li .item:hover {background-color: #202845; color: rgba(255, 255, 255, 0.4);}
  .type-content aside .body ul.navigation li.accordion .item {padding-right: calc(30px + 20px + 15px);}
  .type-content aside .body ul.navigation li.accordion .item::before {width: 20px; height: 20px; margin-top: -10px; background-image: url('../images/content/mobile/arrow-type01.png'); background-size: 20px 40px;}
  .type-content aside .body ul.navigation li.active::after {display: none;}
  .type-content aside .body ul.navigation li.active .item {color: #fff;}
  .type-content aside .body ul.navigation li.active .item:hover {background-color: #12172c; color: #fff;}
  .type-content aside .body ul.navigation li ul {padding-top: 0; padding-bottom: 23px;}
  .type-content aside .body ul.navigation li ul li .item {padding-top: 10px; padding-bottom: 10px; font-size: 14px;}
  .type-content aside .footer {position: absolute; top: 24px; right: 30px; height: auto;}
  .type-content aside .footer .logout button {width: auto; height: auto; background-color: transparent; color: #222; font-size: 14px;}
  .type-content aside .footer .logout button:hover {background-color: transparent;}
  .type-content aside .footer .logout button .item {padding-left: 24px; background-image: url('../images/content/mobile/logout-type01.png'); background-size: 17px; line-height: 17px;}
}

.type-content header {position: absolute; top: 0; left: 0; z-index: 400;}
.type-content header .fixed {box-sizing: border-box; position: fixed; width: 100%; max-width: 1900px; height: 55px; border-bottom: 1px solid #f5f5f5; background-color: #fff;}
.type-content header .header {box-sizing: border-box; position: absolute; top: 0; left: 0;}
.type-content header .header::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content header .header .toggle {overflow: hidden; float: left; width: 54px; height: 54px; background: #d0202e url('../images/content/pc/menu-type01.png') no-repeat center center; text-indent: -1000px; cursor: pointer;}
.type-content header .header .toggle:hover {background-color: #b20a10;}
.type-content header .header ul.breadcrumb {list-style: none; float: left; padding: 19px 0 0 9px; margin: 0;}
.type-content header .header ul.breadcrumb::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content header .header ul.breadcrumb li {float: left; padding: 0 12px 0 16px; background: transparent url('../images/content/pc/arrow-type02.png') no-repeat left center;}
.type-content header .header ul.breadcrumb li:first-child {padding-left: 12px; background: none;}
.type-content header .header ul.breadcrumb li .item {color: #222; font-size: 14px; line-height: 16px; cursor: pointer;}
.type-content header .header ul.breadcrumb li:first-child .item {overflow: hidden; width: 16px; height: 16px; background: transparent url('../images/content/pc/home-type01.png') no-repeat center center; text-indent: -1000px;}
.type-content header .header ul.breadcrumb li:first-child .item:hover {background-image: url('../images/content/pc/home-type01-hover.png');}
.type-content header .header ul.breadcrumb li:last-child .item {cursor: auto;}
.type-content header .header ul.breadcrumb li:first-child:last-child .item {cursor: pointer;}
.type-content header .body {display: none; box-sizing: border-box;}
.type-content header .footer {box-sizing: border-box; position: absolute; top: 0; right: 10px;}
.type-content header .footer::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content header .footer .alarm {float: left; padding: 17px 29px 0 0;}
.type-content header .footer .alarm .item {overflow: hidden; width: 18px; height: 20px; background: transparent url('../images/content/pc/alarm-type01.png') no-repeat center top; text-indent: -1000px; cursor: pointer;}
.type-content header .footer .alarm .item:hover {background-image: url('../images/content/pc/alarm-type01-hover.png');}
.type-content header .footer .alarm.active .item {background-position: center bottom;}
.type-content header .footer h2.club {display: none; box-sizing: border-box; float: left; width: 180px; height: 54px; padding: 14px 0 0 0; margin: 0 -10px 0 0; background-color: #12172c; line-height: 0; text-align: center;}
.type-content header .footer h2.club .item {display: inline-block; overflow: hidden; width: 140px; height: 26px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; text-indent: -1000px;}
@media (max-width: 1279px) {
  .type-content header .fixed {min-width: 320px; max-width: 540px; height: 66px;}
  .type-content header .header .toggle {width: 65px; height: 65px; background-image: url('../images/content/mobile/menu-type01.png'); background-size: 22px 18px;}
  .type-content header .header .toggle:hover {background-color: #d0202e;}
  .type-content header .header ul.breadcrumb {display: none;}
  .type-content header .body {display: block; box-sizing: border-box; width: calc(100% - 130px); height: 65px; padding-top: 16px; margin: 0 auto; cursor: pointer;}
  .type-content header .body h1.bi {overflow: hidden; width: 127px; height: 34px; padding: 0; margin: 0 auto; background: transparent url('../images/content/mobile/bi-type04.png') no-repeat center center / 127px 34px; text-indent: -1000px;}
  .type-content header .footer {position: static; right: auto; line-height: 0; text-align: center;}
  .type-content header .footer .alarm {position: absolute; top: 20px; right: 20px; padding-top: 0; padding-right: 0;}
  .type-content header .footer .alarm .item {width: 21px; height: 25px; background-image: url('../images/content/mobile/alarm-type01.png'); background-size: 21px 51px;}
  .type-content header .footer .alarm .item:hover {background-image: url('../images/content/mobile/alarm-type01.png');}
}

.type-content main {position: relative; box-sizing: border-box; padding-top: calc(55px -  1px); background-color: #f5f5f5; z-index: 100;}
.type-content main .container {padding: 40px;}
@media (max-width: 1279px) {
  .type-content main {padding-top: calc(66px -  1px);}
  .type-content main .container {padding: 30px 20px;}
}

.type-content .main-board {display: none; position: absolute; bottom: 0; left: 0; z-index: 200;}
.type-content .main-board .fixed {box-sizing: border-box; position: fixed; width: 100%; max-width: 1900px; height: 205px; margin-top: -205px; border-top: 1px solid #f5f5f5; background-color: #fff;}
.type-content .main-board .open,
.type-content .main-board .close {overflow: hidden; position: absolute; top: 0; right: 0; width: 54px; height: 54px; background: transparent url('../images/content/pc/close-type02.png') no-repeat center center; text-indent: -1000px; cursor: pointer; z-index: 10;}
.type-content .main-board .open {display: none; background-image: url('../images/content/pc/open-type01.png');}
.type-content .main-board .open:hover {background-image: url('../images/content/pc/open-type01-hover.png');}
.type-content .main-board .close:hover {background-image: url('../images/content/pc/close-type02-hover.png');}
.type-content .main-board .board {box-sizing: border-box; position: absolute; top: 0; width: 50%; padding: 21px 40px 35px 40px;}
.type-content .main-board .board.notice {left: 0;}
.type-content .main-board .board.question {right: 0; padding-left: 41px;}
.type-content .main-board .board.question::before {display: block; position: absolute; top: 40px; left: 0; width: 1px; height: calc(100% - 80px); background-color: #e6e6e6; content: '';}
.type-content .main-board .board .header {box-sizing: border-box; position: relative; height: 58px;}
.type-content .main-board .board .header h4.title {position: absolute; top: 0; left: 0; padding: 0; margin: 0; color: #222; font-weight: normal; font-size: 20px; line-height: 58px;}
.type-content .main-board .board .header .more {position: absolute; top: 23px; right: 0; padding-right: 15px; background: transparent url('../images/content/pc/arrow-type03.png') no-repeat right center; color: #222; font-size: 13px; line-height: 12px; cursor: pointer;}
.type-content .main-board .board .header .more:hover {background-image: url('../images/content/pc/arrow-type03-hover.png');}
.type-content .main-board .board .body {height: 90px;}
.type-content .main-board .board .body ul.list {list-style: none; padding: 0; margin: 0;}
.type-content .main-board .board .body ul.list li {position: relative; height: 30px; cursor: pointer;}
.type-content .main-board .board .body ul.list li:hover .title .content {color: #d0202e;}
.type-content .main-board .board .body ul.list li .title {position: absolute; top: 0; left: 0; width: calc(100% - 81px);}
.type-content .main-board .board .body ul.list li .title::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content .main-board .board .body ul.list li .title .label {float: left; width: 57px; padding: 5px 0;}
.type-content .main-board .board .body ul.list li .title .label .item {box-sizing: border-box; width: 100%; height: 20px; border: 1px solid #999; border-radius: 10px; color: #222; font-weight: 500; font-size: 12px; line-height: 18px; text-align: center;}
.type-content .main-board .board .body ul.list li .title .content {overflow: hidden; box-sizing: border-box; float: left; width: calc(100% - 57px); padding-left: 14px; color: #666; font-size: 13px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content .main-board .board .body ul.list li .date {position: absolute; top: 0; right: 0; width: 81px; color: #999; font-size: 12px; line-height: 30px; text-align: right;}
.type-content .main-board .board .body ul.list li.version .title .label .item {border-color: #e68d94; color: #d0202e;}
.type-content .main-board .board .body ul.list li.event .title .label .item {border-color: #8da8e6; color: #2063d2;}
.type-content .main-board .board .body ul.list li.checking .title .label .item {border-color: #999; color: #222;}
.type-content .main-board .board .body .none {display: none; color: #999; font-size: 13px; line-height: 90px; text-align: center;}
.type-content .main-board .board.none .header .more {display: none;}
.type-content .main-board .board.none .body ul.list {display: none;}
.type-content .main-board .board.none .body .none {display: block;}
@media (max-width: 1279px) {
  .type-content .main-board {position: relative; bottom: auto; left: auto;}
  .type-content .main-board .fixed {position: relative; max-width: none; height: auto; border: none; margin-top: 0;}
  .type-content .main-board .open,
  .type-content .main-board .close {width: 45px; height: 45px; background-image: url('../images/content/mobile/close-type03.png'); background-size: 45px 45px;}
  .type-content .main-board .open {background-image: url('../images/content/mobile/open-type01.png');}
  .type-content .main-board .open:hover {background-image: url('../images/content/mobile/open-type01.png');}
  .type-content .main-board .close:hover {background-image: url('../images/content/mobile/close-type03.png');}
  .type-content .main-board .board {position: relative; top: auto; width: 100%; padding: 17px 20px 22px 20px;}
  .type-content .main-board .board.notice {left: 0;}
  .type-content .main-board .board.question {right: 0; padding-top: 18px; padding-left: 20px;}
  .type-content .main-board .board.question::before {top: 0; left: 20px; width: calc(100% - 40px); height: 1px;}
  .type-content .main-board .board .header {position: relative; height: 42px;}
  .type-content .main-board .board .header h4.title {font-size: 17px; line-height: 42px;}
  .type-content .main-board .board .header .more {top: 15px; background-image: url('../images/content/mobile/arrow-type03.png'); background-size: 6px 11px;}
  .type-content .main-board .board .header .more:hover {background-image: url('../images/content/mobile/arrow-type03.png');}
  .type-content .main-board .board .body {height: 153px;}
  .type-content .main-board .board .body ul.list li {height: 51px;}
  .type-content .main-board .board .body ul.list li .title {width: 100%;}
  .type-content .main-board .board .body ul.list li .title .label {width: 52px; padding-top: 7px; padding-bottom: 7px;}
  .type-content .main-board .board .body ul.list li .title .label .item {height: 19px; line-height: 17px;}
  .type-content .main-board .board .body ul.list li .title .content {width: calc(100% - 52px); padding-left: 10px; font-size: 14px; line-height: 33px;}
  .type-content .main-board .board .body ul.list li:hover .title .content {color: #666;}
  .type-content .main-board .board .body ul.list li .date {top: 33px; right: auto; left: calc(52px + 10px); width: auto; line-height: 11px; text-align: left;}
  .type-content .main-board .board .body .none {font-size: 14px; line-height: 153px;}
}

.type-content footer {display: none; z-index: 300;}
@media (max-width: 1279px) {
  .type-content footer {position: absolute; top: 100vh; top: calc(var(--vh, 1vh) * 100); left: 0;}
  .type-content footer .fixed {box-sizing: border-box; position: fixed; width: 100%; min-width: 320px; max-width: 540px; height: 55px; margin-top: -55px; background-color: #12172c;}
  .type-content footer h2.club {box-sizing: border-box; padding: 15px 0 0 0; margin: 0; line-height: 0; text-align: center;}
  .type-content footer h2.club .item {display: inline-block; overflow: hidden; width: calc(100% - 40px); height: 25px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; text-indent: -1000px;}
}

.type-content .intro {display: none; overflow: auto; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}
.type-content .intro .container {position: relative; width: 100%; min-width: 680px; height: 100%;}
.type-content .intro .outer {background: #e6e6e6 url('../images/content/intro-type01.jpg') no-repeat center center / cover;}
.type-content .intro .box {box-sizing: border-box; width: 680px; padding: calc(24px + 60px) 30px calc(24px + 60px + 109px - 10px) 30px; margin: 0 auto;}
.type-content .intro .header h1.bi {overflow: hidden; width: 220px; height: 146px; padding: 0; margin: 0 auto; background: transparent url('../images/content/pc/bi-type03.png') no-repeat center center; text-indent: -1000px;}
.type-content .intro .header .caption {padding-top: 10px; font-size: 20px; color: #fff; text-align: center;}
.type-content .intro .body {padding-top: 42px;}
.type-content .intro .body h2.title {padding: 0; margin: 0; color: #fff; font-weight: 500; font-size: 40px; text-align: center;}
.type-content .intro .close {overflow: hidden; position: absolute; top: 30px; right: 30px; width: 24px; height: 24px; background: transparent url('../images/content/pc/close-type01.png') no-repeat center center; text-indent: -1000px; cursor: pointer;}
@media (max-width: 1279px) {
  .type-content .intro .container {min-width: 320px;}
  .type-content .intro .box {width: 100%; max-width: 540px; padding: calc(17px + 40px) 20px calc(17px + 40px + 42px - 5px) 20px;}
  .type-content .intro .header h1.bi {width: 150px; height: 100px; background-image: url('../images/content/mobile/bi-type03.png'); background-size: 150px 100px;}
  .type-content .intro .body {padding-top: 24px;}
  .type-content .intro .body h2.title {font-size: 22px;}
  .type-content .intro .close {top: 20px; right: 20px; width: 17px; height: 17px; background-image: url('../images/content/mobile/close-type01.png'); background-size: 17px;}
}

.type-content.loginClub header .footer h2.club {display: block;}
.type-content.introActive {overflow: hidden;}
.type-content.introActive .intro {display: block;}
.type-content.asideActive {background-image: linear-gradient(90deg, #1a2037 50%, #e6e6e6 50%);}
.type-content.asideActive aside {display: block;}
.type-content.asideActive header {left: 270px;}
.type-content.asideActive header .fixed {width: calc(100% - 270px); max-width: calc(1900px - 270px);}
.type-content.asideActive main {padding-left: 270px;}
.type-content.asideActive .main-board {left: 270px;}
.type-content.asideActive .main-board .fixed {width: calc(100% - 270px); max-width: calc(1900px - 270px);}
.type-content.mainBoardInactive main {padding-bottom: 0;}
.type-content.mainBoardInactive .main-board .fixed {background: transparent; height: 0; margin-top: 0; border-top: none;}
.type-content.mainBoardInactive .main-board .open {display: block; margin-top: -54px;}
.type-content.mainBoardInactive .main-board .close,
.type-content.mainBoardInactive .main-board .board {display: none;}
.type-content.loginClub.inactiveBi header .footer h2.club {display: none;}
@media (max-width: 1279px) {
  .type-content.loginClub header .footer {border-top: 1px solid #e7e7e7;}
  .type-content.loginClub header .footer h2.club {display: none;}
  .type-content.loginClub footer {display: block;}
  .type-content.loginClub .main-board {padding-bottom: 55px;}
  .type-content.mainBoardInactive .main-board .open {margin-top: -44px;}
  .type-content.loginClub.mainBoardInactive .main-board .open {margin-top: -44px;}
  .type-content.asideActive {overflow: hidden; background-color: #1a2037; background-image: none;}
  .type-content.asideActive header {left: 0;}
  .type-content.asideActive header .fixed {width: 100%; max-width: 540px;}
  .type-content.asideActive main {padding-left: 0;}
  .type-content.asideActive .main-board {left: 0;}
  .type-content.asideActive .main-board .fixed {width: 100%; max-width: 540px;}
  .type-content.loginClub.inactiveBi footer {display: none;}
  .type-content.loginClub.inactiveBi .main-board {padding-bottom: 0;}
}


/* 홈 > APL 운영자 */
.type-content.id-home-apl main {padding-bottom: calc(205px - 1px);}
.type-content.id-home-apl .main-board {display: block;}
.type-content.id-home-apl.mainBoardInactive main {padding-bottom: 0;}
@media (max-width: 1279px) {
  .type-content.id-home-apl main {padding-bottom: 0;}
}

.type-content.id-home-apl .main-monitoring {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-home-apl .main-monitoring {margin-top: -30px;}
}

.type-content.id-home-apl .monitoring-header {padding-top: 10px;}
.type-content.id-home-apl .monitoring-header h3.title {padding: 0; margin: 0; line-height: 0;}
.type-content.id-home-apl .monitoring-header h3.title .item {display: inline-block; padding-right: 32px; background: transparent url('../images/content/pc/arrow-type04.png') no-repeat right center; color: #222; font-weight: 200; font-size: 32px; line-height: 90px; cursor: pointer;}
.type-content.id-home-apl .monitoring-header h3.title .item:hover {background-image: url('../images/content/pc/arrow-type04-hover.png');}
@media (max-width: 1279px) {
  .type-content.id-home-apl .monitoring-header {padding-top: 9px;}
  .type-content.id-home-apl .monitoring-header h3.title .item {padding-right: 26px; background-image: url('../images/content/mobile/arrow-type04.png'); background-size: 11px 21px; font-size: 25px; line-height: 62px;}
  .type-content.id-home-apl .monitoring-header h3.title .item:hover {background-image: url('../images/content/mobile/arrow-type04.png');}
}

.type-content.id-home-apl .monitoring-status {position: relative; height: 154px; border-radius: 8px; background-color: #fff;}
.type-content.id-home-apl .monitoring-status .header {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 367px; height: 100%; padding: 37px 1px 0 0;}
.type-content.id-home-apl .monitoring-status .header::before {display: block; position: absolute; top: 40px; right: 0; width: 1px; height: calc(100% - 80px); background-color: #e6e6e6; content: '';}
.type-content.id-home-apl .monitoring-status .header h4.title {padding: 0; margin: 0; color: #222; font-weight: 200; font-size: 24px; text-align: center;}
.type-content.id-home-apl .monitoring-status .header .caption {padding-top: 12px; color: #999; font-size: 13px; text-align: center;}
.type-content.id-home-apl .monitoring-status .header .content {padding-top: 5px; line-height: 0; text-align: center;}
.type-content.id-home-apl .monitoring-status .header .content .contain {display: inline-block; line-height: 1.15;}
.type-content.id-home-apl .monitoring-status .header .content .contain::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-home-apl .monitoring-status .header .content .contain .date {float: left; color: #666; font-weight: 500; font-size: 13px; line-height: 18px;}
.type-content.id-home-apl .monitoring-status .header .content .contain .refresh {float: left; padding-left: 8px;}
.type-content.id-home-apl .monitoring-status .header .content .contain .refresh .item {overflow: hidden; width: 18px; height: 18px; background: transparent url('../images/content/pc/refresh-type01.png') no-repeat center center; text-indent: -1000px; cursor: pointer;}
.type-content.id-home-apl .monitoring-status .header .content .contain .refresh .item:hover {background-image: url('../images/content/pc/refresh-type01-hover.png');}
.type-content.id-home-apl .monitoring-status .body {box-sizing: border-box; position: absolute; top: 0; left: 366px; width: calc(100% - 367px); height: 100%;}
.type-content.id-home-apl .monitoring-status .body .total {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 495px; padding-top: 42px; line-height: 0; text-align: center;}
.type-content.id-home-apl .monitoring-status .body .total .contain {display: inline-block;}
.type-content.id-home-apl .monitoring-status .body .total .contain::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-home-apl .monitoring-status .body .total .contain .title {float: left; color: #222; font-size: 20px; line-height: 66px;}
.type-content.id-home-apl .monitoring-status .body .total .contain .content {float: left; padding-left: 52px; color: #222; font-weight: 500; font-size: 60px; line-height: 66px;}
.type-content.id-home-apl .monitoring-status .body ul.list {box-sizing: border-box; list-style: none; position: absolute; top: 30px; right: 20px; width: calc(100% - 495px - 20px + 10px); padding: 0; margin: 0;}
.type-content.id-home-apl .monitoring-status .body ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-home-apl .monitoring-status .body ul.list li {box-sizing: border-box; float: left; width: 50%; padding: 0 10px;}
.type-content.id-home-apl .monitoring-status .body ul.list li .contain {box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); position: relative; width: 100%; height: 90px; border-radius: 8px; background-image: linear-gradient(180deg, #4cb5ff 0%, #486dff 100%);}
.type-content.id-home-apl .monitoring-status .body ul.list li .contain .title {position: absolute; top: 20px; left: 20px; padding-left: 24px; background: transparent url('../images/content/pc/dashboard-type01.png') no-repeat left center; color: #fff; font-weight: 500; font-size: 16px; line-height: 16px;}
.type-content.id-home-apl .monitoring-status .body ul.list li .contain .progress {position: absolute; bottom: 20px; left: 20px; width: calc(100% - 125px); height: 8px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.5);}
.type-content.id-home-apl .monitoring-status .body ul.list li .contain .progress .item {overflow: hidden; min-width: 8px; height: 8px; border-radius: 4px; background-color: #fff; text-indent: -1000px;}
.type-content.id-home-apl .monitoring-status .body ul.list li .contain .content {position: absolute; bottom: 14px; right: 20px; color: #fff; font-weight: 500; font-size: 40px;}
.type-content.id-home-apl .monitoring-status .body ul.list li.expected .contain {background-image: linear-gradient(180deg, #ffa4a2 0%, #ff5788 100%);}
.type-content.id-home-apl .monitoring-status .body ul.list li.expected .title {background-image: url('../images/content/pc/information-type01.png');}
.type-content.id-home-apl .monitoring-status .body ul.list li.none .contain .progress .item {display: none;}
@media (max-width: 1279px) {
  .type-content.id-home-apl .monitoring-status {height: auto;}
  .type-content.id-home-apl .monitoring-status .header {position: relative; top: auto; left: auto; width: auto; height: 139px; padding-top: 27px; padding-right: 0;}
  .type-content.id-home-apl .monitoring-status .header::before {top: auto; bottom: 0; right: auto; left: 20px; width: calc(100% - 40px); height: 1px;}
  .type-content.id-home-apl .monitoring-status .header h4.title {font-size: 20px;}
  .type-content.id-home-apl .monitoring-status .header .caption {padding-top: 16px; font-size: 14px;}
  .type-content.id-home-apl .monitoring-status .header .content {padding-top: 6px;}
  .type-content.id-home-apl .monitoring-status .header .content .contain .date {font-size: 14px; line-height: 20px;}
  .type-content.id-home-apl .monitoring-status .header .content .contain .refresh {padding-left: 10px;}
  .type-content.id-home-apl .monitoring-status .header .content .contain .refresh .item {width: 20px; height: 20px; background-image: url('../images/content/mobile/refresh-type01.png'); background-size: 20px 20px;}
  .type-content.id-home-apl .monitoring-status .header .content .contain .refresh .item:hover {background-image: url('../images/content/mobile/refresh-type01.png');}
  .type-content.id-home-apl .monitoring-status .body {position: static; top: auto; left: auto; width: 100%; height: 221px;}
  .type-content.id-home-apl .monitoring-status .body .total {position: static; top: auto; left: auto; width: 100%; height: 107px; padding-top: 29px;}
  .type-content.id-home-apl .monitoring-status .body .total .contain .title {font-size: 17px; line-height: 48px;}
  .type-content.id-home-apl .monitoring-status .body .total .contain .content {padding-left: 28px; font-size: 35px; line-height: 48px;}
  .type-content.id-home-apl .monitoring-status .body ul.list {position: static; top: auto; right: auto; width: calc(100% - 30px); margin-right: auto; margin-left: auto;}
  .type-content.id-home-apl .monitoring-status .body ul.list li {padding-right: 5px; padding-left: 5px;}
  .type-content.id-home-apl .monitoring-status .body ul.list li .contain {box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); height: 94px;}
  .type-content.id-home-apl .monitoring-status .body ul.list li .contain .title {top: 10px; left: 10px; padding-left: 22px; background-image: url('../images/content/mobile/dashboard-type01.png'); background-size: 15px 14px; font-size: 14px; line-height: 14px;}
  .type-content.id-home-apl .monitoring-status .body ul.list li .contain .progress {bottom: 10px; left: 10px; width: calc(100% - 20px);}
  .type-content.id-home-apl .monitoring-status .body ul.list li .contain .content {bottom: 23px; right: 10px; font-size: 30px;}
  .type-content.id-home-apl .monitoring-status .body ul.list li.expected .title {background-image: url('../images/content/mobile/information-type01.png'); background-size: 14px;}
}

.type-content.id-home-apl .monitoring-total {padding-top: 40px;}
.type-content.id-home-apl .monitoring-total .header {box-sizing: border-box; height: 91px;}
.type-content.id-home-apl .monitoring-total .header ul.list {list-style: none; height: 100%; padding: 0; margin: 0 -10px;}
.type-content.id-home-apl .monitoring-total .header ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-home-apl .monitoring-total .header ul.list li {box-sizing: border-box; float: left; height: 100%; padding: 0 10px;}
.type-content.id-home-apl .monitoring-total .header ul.list li .contain {box-sizing: border-box; position: relative; height: 100%; border-radius: 8px; background-color: #fff;}
.type-content.id-home-apl .monitoring-total .header ul.list li .contain .title {position: absolute; top: 0; left: 20px; color: #222; font-weight: 500; font-size: 16px; line-height: 91px; letter-spacing: -1px;}
.type-content.id-home-apl .monitoring-total .header ul.list li .contain .content {position: absolute; top: 0; right: 20px; color: #222; font-weight: 500; font-size: 36px; line-height: 91px; letter-spacing: -2px;}
.type-content.id-home-apl .monitoring-total .header ul.list li.apl .contain .title,
.type-content.id-home-apl .monitoring-total .header ul.list li.activation .contain .title,
.type-content.id-home-apl .monitoring-total .header ul.list li.residual .contain .title,
.type-content.id-home-apl .monitoring-total .header ul.list li.battery .contain .title {position: absolute; top: 20px; left: 20px; width: 60px; line-height: 24px; word-break: keep-all;}
.type-content.id-home-apl .monitoring-total .header ul.list li.total {width: calc(357px + 20px);}
.type-content.id-home-apl .monitoring-total .header ul.list li.activation {width: calc(223px + 20px);}
.type-content.id-home-apl .monitoring-total .header ul.list li.residual,
.type-content.id-home-apl .monitoring-total .header ul.list li.apl,
.type-content.id-home-apl .monitoring-total .header ul.list li.pin,
.type-content.id-home-apl .monitoring-total .header ul.list li.battery,
.type-content.id-home-apl .monitoring-total .header ul.list li.batteryOut {width: calc(224px + 20px);}
.type-content.id-home-apl .monitoring-total .header ul.list li.total .contain {background-color: #202845;}
.type-content.id-home-apl .monitoring-total .header ul.list li.total .contain .title,
.type-content.id-home-apl .monitoring-total .header ul.list li.total .contain .content {color: #fff;}
.type-content.id-home-apl .monitoring-total .header ul.list li.apl .contain .content {color: #d0202e;}
.type-content.id-home-apl .monitoring-total .header ul.list li.pin .contain .content {color: #d0202e;}
.type-content.id-home-apl .monitoring-total .header ul.list li.battery .contain .content {color: #2063d2;}
.type-content.id-home-apl .monitoring-total .header ul.list li.batteryOut .contain .content {color: #2063d2;}
.type-content.id-home-apl .monitoring-total .body {box-sizing: border-box; position: relative;}
.type-content.id-home-apl .monitoring-total .body .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-home-apl .monitoring-total .body .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-home-apl .monitoring-total .body .table .contain table colgroup col.club {width: 240px;}
.type-content.id-home-apl .monitoring-total .body .table .contain table colgroup col.total {width: 125px;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tr th,
.type-content.id-home-apl .monitoring-total .body .table .contain table tr td {overflow: hidden; padding: 0 20px; 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;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tr th {color: #222;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tr td {font-size: 14px;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tr th:first-child,
.type-content.id-home-apl .monitoring-total .body .table .contain table tr td:first-child {border-left: none;}
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th {border-top: none;}
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.club,
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.total {background-color: #202845; color: #fff;}
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.total {border-left-color: rgba(255, 255, 255, 0.3);}
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th .item {display: inline-block;}
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.sort {cursor: pointer;}
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.sort:hover {background-color: #f5f5f5;}
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.club.sort:hover,
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.total.sort:hover {background-color: #12172c;}
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.sort.descending .item,
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.sort.ascending .item {position: relative; padding-right: 16px;}
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.sort.ascending .item::before {display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 5px; margin-top: -2px; background: transparent url('../images/content/pc/arrow-type05.png') no-repeat center top; content: '';}
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -3px; background-position: center bottom;}
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.club.sort.descending .item::before,
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.club.sort.ascending .item::before,
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.total.sort.descending .item::before,
.type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.total.sort.ascending .item::before {background-image: url('../images/content/pc/arrow-type06.png');}
.type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr {cursor: pointer;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr:hover td {background-color: #f5f5f5;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr td.aplAbnormal{color: #d0202e;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr td.pinAbnormal{color: #d0202e;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr td.batteryAbnormal {color: #2063d2;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr td.batteryOut {color: #2063d2;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr td.aplAbnormal.none {color: #666;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr td.pinAbnormal.none {color: #666;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr td.batteryAbnormal.none {color: #666;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr td.batteryOut.none {color: #666;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr:hover td.club,
.type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr:hover td.total {background-color: #e6e6e6;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr td.club,
.type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr td.total {background-color: #f9f9f9;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tbody.none {display: none;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tbody.none tr td {color: #999; line-height: 113px;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tfoot tr th {background-color: #ddd;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tfoot tr th:first-child {border-bottom-left-radius: 8px;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tfoot tr th:last-child {border-bottom-right-radius: 8px;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tfoot tr th.aplAbnormal {color: #d0202e;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tfoot tr th.pinAbnormal {color: #d0202e;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tfoot tr th.batteryAbnormal {color: #2063d2;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tfoot tr th.batteryOut {color: #2063d2;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tfoot tr th.aplAbnormal.none {color: #666;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tfoot tr th.pinAbnormal.none {color: #666;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tfoot tr th.batteryAbnormal.none {color: #666;}
.type-content.id-home-apl .monitoring-total .body .table .contain table tfoot tr th.batteryOut.none {color: #666;}
.type-content.id-home-apl .monitoring-total .body .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-home-apl .monitoring-total .body .table.thead .fixed {box-sizing: border-box; width: 1820px; height: calc(20px + 39px); padding-top: 20px; background-color: #f5f5f5;}
.type-content.id-home-apl .monitoring-total .body .table.thead .fixed.active {position: fixed; top: calc(55px -  1px);}
.type-content.id-home-apl .monitoring-total .body .table.thead .contain {border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-home-apl .monitoring-total .body .table.tbody {padding-top: calc(20px + 39px - 1px);}
.type-content.id-home-apl .monitoring-total .body .table.tbody .contain {border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-home-apl .monitoring-total .body .table.tbody .contain table {margin-top: -1px;}
.type-content.id-home-apl .monitoring-total .body.none .table .contain table thead tr th {cursor: auto;}
.type-content.id-home-apl .monitoring-total .body.none .table .contain table thead tr th.sort.descending .item,
.type-content.id-home-apl .monitoring-total .body.none .table .contain table thead tr th.sort.ascending .item {padding-right: 0;}
.type-content.id-home-apl .monitoring-total .body.none .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-home-apl .monitoring-total .body.none .table .contain table thead tr th.sort.ascending .item::before {display: none;}
.type-content.id-home-apl .monitoring-total .body.none .table .contain table tbody {display: none;}
.type-content.id-home-apl .monitoring-total .body.none .table .contain table tbody.none {display: table-row-group;}
.type-content.id-home-apl .monitoring-total .body.none .table .contain table thead tr th.sort:hover {background-color: #fff;}
.type-content.id-home-apl .monitoring-total .body.none .table .contain table thead tr th.club.sort:hover,
.type-content.id-home-apl .monitoring-total .body.none .table .contain table thead tr th.total.sort:hover {background-color: #202845;}
.type-content.id-home-apl .monitoring-total .body.none .table .contain table tbody tr {cursor: auto;}
.type-content.id-home-apl .monitoring-total .body.none .table .contain table tbody tr:hover td {background-color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-home-apl .monitoring-total {overflow-x: auto; padding-top: 30px; margin: 0 -20px;}
  .type-content.id-home-apl .monitoring-total .header {width: calc(1000px + 40px); height: 112px; padding: 0 20px;}
  .type-content.id-home-apl .monitoring-total .header ul.list {margin: 0 -5px;}
  .type-content.id-home-apl .monitoring-total .header ul.list li {padding: 0 5px;}
  .type-content.id-home-apl .monitoring-total .header ul.list li .contain {padding-top: 27px;}
  .type-content.id-home-apl .monitoring-total .header ul.list li .contain .title {position: static; top: auto; left: auto; font-size: 14px; line-height: 1.15; text-align: center;}
  .type-content.id-home-apl .monitoring-total .header ul.list li .contain .content {position: static; top: auto; right: auto; padding-top: 6px; font-size: 35px; line-height: 1.15; text-align: center;}
  .type-content.id-home-apl .monitoring-total .header ul.list li.apl .contain .title,
  .type-content.id-home-apl .monitoring-total .header ul.list li.activation .contain .title,
  .type-content.id-home-apl .monitoring-total .header ul.list li.residual .contain .title,
  .type-content.id-home-apl .monitoring-total .header ul.list li.battery .contain .title {position: static; top: auto; left: auto; width: auto; line-height: 1.15;}
  .type-content.id-home-apl .monitoring-total .header ul.list li.total {width: calc(247px + 10px);}
  .type-content.id-home-apl .monitoring-total .header ul.list li.activation {width: calc(115px + 10px);}
  .type-content.id-home-apl .monitoring-total .header ul.list li.residual {width: calc(115px + 10px);}
  .type-content.id-home-apl .monitoring-total .header ul.list li.apl {width: calc(115px + 10px);}
  .type-content.id-home-apl .monitoring-total .header ul.list li.pin,
  .type-content.id-home-apl .monitoring-total .header ul.list li.battery,
  .type-content.id-home-apl .monitoring-total .header ul.list li.batteryOut {width: calc(116px + 10px);}
  .type-content.id-home-apl .monitoring-total .body {width: calc(1000px + 40px); padding: 0 20px;}
  .type-content.id-home-apl .monitoring-total .body .table .contain table colgroup col.club {width: 174px;}
  .type-content.id-home-apl .monitoring-total .body .table .contain table colgroup col.total {width: 76px;}
  .type-content.id-home-apl .monitoring-total .body .table .contain table tr th,
  .type-content.id-home-apl .monitoring-total .body .table .contain table tr td {padding: 0 10px; line-height: 47px; font-size: 14px;}
  .type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.sort:hover {background-color: #fff;}
  .type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.club.sort:hover,
  .type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.total.sort:hover {background-color: #202845;}
  .type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.sort.descending .item::before,
  .type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.sort.ascending .item::before {width: 9px; height: 4px; background-image: url('../images/content/mobile/arrow-type05.png'); background-size: 9px;}
  .type-content.id-home-apl .monitoring-total .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -2px;}
  .type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr:hover td {background-color: #fff;}
  .type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr:hover td.club,
  .type-content.id-home-apl .monitoring-total .body .table .contain table tbody tr:hover td.total {background-color: #f9f9f9;}
  .type-content.id-home-apl .monitoring-total .body .table .contain table tbody.none tr td {line-height: 143px;}
  .type-content.id-home-apl .monitoring-total .body .table.thead {left: 20px;}
  .type-content.id-home-apl .monitoring-total .body .table.thead .fixed {width: 1000px; height: calc(10px + 49px); padding-top: 10px;}
  .type-content.id-home-apl .monitoring-total .body .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-home-apl .monitoring-total .body .table.tbody {padding-top: calc(10px + 49px - 1px);}
}

.type-content.id-home-apl.asideActive .monitoring-total .header ul.list li.activation {width: calc(178px + 20px);}
.type-content.id-home-apl.asideActive .monitoring-total .header ul.list li.residual,
.type-content.id-home-apl.asideActive .monitoring-total .header ul.list li.apl,
.type-content.id-home-apl.asideActive .monitoring-total .header ul.list li.pin,
.type-content.id-home-apl.asideActive .monitoring-total .header ul.list li.battery,
.type-content.id-home-apl.asideActive .monitoring-total .header ul.list li.batteryOut {width: calc(179px + 20px);}
.type-content.id-home-apl.asideActive .monitoring-total .body .table.thead .fixed {width: 1550px;}
@media (max-width: 1279px) {
  .type-content.id-home-apl.asideActive .monitoring-total .header ul.list li.activation,
  .type-content.id-home-apl.asideActive .monitoring-total .header ul.list li.residual {width: calc(96px + 10px);}
  .type-content.id-home-apl.asideActive .monitoring-total .header ul.list li.apl {width: calc(203px + 10px);}
  .type-content.id-home-apl.asideActive .monitoring-total .header ul.list li.battery {width: calc(208px + 10px);}
  .type-content.id-home-apl.asideActive .monitoring-total .body .table.thead .fixed {width: 891px;}
}


/* 홈 > 클럽 관리자 */
.type-content.id-home-club main {padding-bottom: calc(205px - 1px);}
.type-content.id-home-club .main-board {display: block;}
.type-content.id-home-club.mainBoardInactive main {padding-bottom: 0;}
@media (max-width: 1279px) {
  .type-content.id-home-club main {padding-bottom: 0;}
}

.type-content.id-home-club .main-communication {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-home-club .main-communication {margin-top: -30px;}
}

.type-content.id-home-club .communication-header {padding-top: 10px;}
.type-content.id-home-club .communication-header h3.title {padding: 0; margin: 0; line-height: 0;}
.type-content.id-home-club .communication-header h3.title .item {display: inline-block; padding-right: 32px; background: transparent url('../images/content/pc/arrow-type04.png') no-repeat right center; color: #222; font-weight: 200; font-size: 32px; line-height: 90px; cursor: pointer;}
.type-content.id-home-club .communication-header h3.title .item:hover {background-image: url('../images/content/pc/arrow-type04-hover.png');}
@media (max-width: 1279px) {
  .type-content.id-home-club .communication-header {padding-top: 9px;}
  .type-content.id-home-club .communication-header h3.title .item {padding-right: 26px; background-image: url('../images/content/mobile/arrow-type04.png'); background-size: 11px 21px; font-size: 25px; line-height: 62px;}
  .type-content.id-home-club .communication-header h3.title .item:hover {background-image: url('../images/content/mobile/arrow-type04.png');}
}

.type-content.id-home-club .communication-total .header {box-sizing: border-box; height: 91px;}
.type-content.id-home-club .communication-total .header ul.list {list-style: none; height: 100%; padding: 0; margin: 0 -10px;}
.type-content.id-home-club .communication-total .header ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-home-club .communication-total .header ul.list li {box-sizing: border-box; float: left; height: 100%; padding: 0 10px;}
.type-content.id-home-club .communication-total .header ul.list li .contain {box-sizing: border-box; position: relative; width: 100%; height: 100%; border-radius: 8px; background-color: #fff;}
.type-content.id-home-club .communication-total .header ul.list li .contain .title {position: absolute; top: 0; left: 20px; color: #222; font-weight: 500; font-size: 16px; line-height: 91px; letter-spacing: -1px;}
.type-content.id-home-club .communication-total .header ul.list li .contain .content {position: absolute; top: 0; right: 20px; color: #222; font-weight: 500; font-size: 36px; line-height: 91px; letter-spacing: -2px;}
.type-content.id-home-club .communication-total .header ul.list li.apl .contain .title {position: absolute; top: 20px; left: 20px; width: 60px; line-height: 24px; word-break: keep-all;}
.type-content.id-home-club .communication-total .header ul.list li.total {width: calc(357px + 20px);}
.type-content.id-home-club .communication-total .header ul.list li.management {width: calc(223px + 20px);}
.type-content.id-home-club .communication-total .header ul.list li.waiting,
.type-content.id-home-club .communication-total .header ul.list li.apl,
.type-content.id-home-club .communication-total .header ul.list li.pin,
.type-content.id-home-club .communication-total .header ul.list li.battery,
.type-content.id-home-club .communication-total .header ul.list li.batteryOut {width: calc(224px + 20px);}
.type-content.id-home-club.loginClub .communication-total .header ul.list li.management {width: calc(278px + 20px + 67px);}
.type-content.id-home-club.loginClub .communication-total .header ul.list li.waiting,
.type-content.id-home-club.loginClub .communication-total .header ul.list li.apl,
.type-content.id-home-club.loginClub .communication-total .header ul.list li.battery {width: calc(278px + 20px + 67px + 1px);}
.type-content.id-home-club.loginClub .communication-total .header ul.list li.pin,
.type-content.id-home-club.loginClub .communication-total .header ul.list li.batteryOut {display: none;}
.type-content.id-home-club .communication-total .header ul.list li.total .contain {background-color: #202845;}
.type-content.id-home-club .communication-total .header ul.list li.total .contain .title,
.type-content.id-home-club .communication-total .header ul.list li.total .contain .content {color: #fff;}
.type-content.id-home-club .communication-total .header ul.list li.apl .contain .content {color: #d0202e;}
.type-content.id-home-club .communication-total .header ul.list li.pin .contain .content {color: #d0202e;}
.type-content.id-home-club .communication-total .header ul.list li.battery .contain .content {color: #2063d2;}
.type-content.id-home-club .communication-total .header ul.list li.batteryOut .contain .content {color: #2063d2;}
@media (max-width: 1279px) {
  .type-content.id-home-club .communication-total {margin: 0 -20px;}
  .type-content.id-home-club .communication-total .header {width: 100%; height: auto; padding: 0 20px;}
  .type-content.id-home-club .communication-total .header ul.list {margin: 0 -5px;}
  .type-content.id-home-club .communication-total .header ul.list li {padding: 0 5px; margin-top: 10px; height: 67px;}
  .type-content.id-home-club .communication-total .header ul.list li:first-child {margin-top: 0;}
  .type-content.id-home-club .communication-total .header ul.list li .contain .title {top: 23px; left: 15px; width: 55px; font-size: 14px; line-height: 20px; word-break: keep-all;}
  .type-content.id-home-club .communication-total .header ul.list li .contain .content {right: 15px; font-size: 35px; line-height: 67px;}
  .type-content.id-home-club .communication-total .header ul.list li.total {width: 100%;}
  .type-content.id-home-club .communication-total .header ul.list li.management,
  .type-content.id-home-club .communication-total .header ul.list li.waiting,
  .type-content.id-home-club .communication-total .header ul.list li.pin,
  .type-content.id-home-club .communication-total .header ul.list li.apl,
  .type-content.id-home-club .communication-total .header ul.list li.battery,
  .type-content.id-home-club .communication-total .header ul.list li.batteryOut {width: 50%;}
  .type-content.id-home-club.loginClub .communication-total .header ul.list li.management,
  .type-content.id-home-club.loginClub .communication-total .header ul.list li.waiting,
  .type-content.id-home-club.loginClub .communication-total .header ul.list li.apl,
  .type-content.id-home-club.loginClub .communication-total .header ul.list li.battery {width: 50%;}
  .type-content.id-home-club .communication-total .header ul.list li.apl .contain .title,
  .type-content.id-home-club .communication-total .header ul.list li.management .contain .title,
  .type-content.id-home-club .communication-total .header ul.list li.waiting .contain .title,
  .type-content.id-home-club .communication-total .header ul.list li.pin .contain .title,
  .type-content.id-home-club .communication-total .header ul.list li.battery .contain .title {position: absolute; top: 8px; left: 15px; width: 55px; line-height: 24px; word-break: keep-all;}
}

.type-content.id-home-club .green-map {padding: 20px 0;}
.type-content.id-home-club .green-map .box {box-sizing: border-box; width: 100%; height: calc(515px - 55px); border-radius: 4px;}
.type-content.id-home-club .green-map .box .title ul.list {list-style: none; position: relative; padding: 0; margin: 0;}
.type-content.id-home-club .green-map .box .title ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-home-club .green-map .box .title ul.list li {box-sizing: border-box; float: left; width: 50%; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; background-color: #fff; color: #aaa; font-size: 16px; line-height: 54px; text-align: center; cursor: pointer;}
.type-content.id-home-club .green-map .box .title ul.list li.pin {border-right: none; border-color: transparent; border-top-left-radius: 4px; background-color: #202845; color: #fff;}
.type-content.id-home-club .green-map .box .title ul.list li.falling {border-left: none; border-top-right-radius: 4px;}
.type-content.id-home-club .green-map .box .content {box-sizing: border-box; position: relative; height: 100%; border: 1px solid #e6e6e6; border-radius: 4px;}
.type-content.id-home-club .green-map .box .content .pin,
.type-content.id-home-club .green-map .box .content .falling {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3px; background-color: #fff;}
.type-content.id-home-club .green-map .box .content .falling {display: none;}
.type-content.id-home-club .green-map .box .content .pin .object {overflow: hidden; position: absolute; top: 55px; left: 290px; width: 20px; height: 33px; background: transparent url('../images/content/pc/pin-type01.png') no-repeat center center; text-indent: -1000px;}
.type-content.id-home-club .green-map .box .content .falling .object {position: absolute; width: 45px; border-radius: 50%; color: #fff; font-size: 13px; line-height: 45px; text-align: center;}
.type-content.id-home-club .green-map .box .content .falling .object.red {top: 60px; left: 182px; background-color: #d0202e;}
.type-content.id-home-club .green-map .box .content .falling .object.blue {top: 37px; left: 292px; background-color: #202845;}
.type-content.id-home-club .green-map .box .content .falling .object .unit {font-size: 10px;}
.type-content.id-home-club .green-map .box.falling .content .pin {display: none;}
.type-content.id-home-club .green-map .box.falling .content .falling {display: block;}
.type-content.id-home-club .green-map .box.falling .title ul.list li.pin {border-color: #e6e6e6; border-left: 0; border-right: 1px solid #e6e6e6; background-color: #fff; color: #aaa;}
.type-content.id-home-club .green-map .box.falling .title ul.list li.falling {border-color: transparent; background-color: #202845; color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-home-club .green-map {padding-top: 20px;}
  .type-content.id-home-club .green-map .box {width: 100%; height: auto; border-left: none;}
  .type-content.id-home-club .green-map .box .title ul.list li {font-size: 14px; line-height: 44px; text-align: center; cursor: pointer;}
  .type-content.id-home-club .green-map .box .content {height: 383px;}
  .type-content.id-home-club .green-map .box .content .pin .object {top: 68px; left: 219px; width: 16px; height: 26px; background-image: url('../images/content/mobile/pin-type01.png'); background-size: 16px 26px;}
  .type-content.id-home-club .green-map .box .content .falling .object {font-size: 14px;}
  .type-content.id-home-club .green-map .box .content .falling .object.red {top: 46px; left: 137px;}
  .type-content.id-home-club .green-map .box .content .falling .object.blue {top: 19px; left: 230px;}
}

.type-content.id-home-club .green-status {position: relative; height: 154px; border-radius: 8px; background-color: #fff;}
.type-content.id-home-club .green-status .header {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 367px; height: 100%; padding: 37px 1px 0 0;}
.type-content.id-home-club .green-status .header::before {display: block; position: absolute; top: 40px; right: 0; width: 1px; height: calc(100% - 80px); background-color: #e6e6e6; content: '';}
.type-content.id-home-club .green-status .header h4.title {padding: 0; margin: 0; color: #222; font-weight: 200; font-size: 24px; text-align: center;}
.type-content.id-home-club .green-status .header .caption {padding-top: 12px; color: #999; font-size: 13px; text-align: center;}
.type-content.id-home-club .green-status .header .content {padding-top: 5px; line-height: 0; text-align: center;}
.type-content.id-home-club .green-status .header .content .contain {display: inline-block; line-height: 1.15;}
.type-content.id-home-club .green-status .header .content .contain::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-home-club .green-status .header .content .contain .date {float: left; color: #666; font-weight: 500; font-size: 13px; line-height: 18px;}
.type-content.id-home-club .green-status .header .content .contain .refresh {float: left; padding-left: 8px;}
.type-content.id-home-club .green-status .header .content .contain .refresh .item {overflow: hidden; width: 18px; height: 18px; background: transparent url('../images/content/pc/refresh-type01.png') no-repeat center center; text-indent: -1000px; cursor: pointer;}
.type-content.id-home-club .green-status .header .content .contain .refresh .item:hover {background-image: url('../images/content/pc/refresh-type01-hover.png');}
.type-content.id-home-club .green-status .body {box-sizing: border-box; position: absolute; top: 0; left: 366px; width: calc(100% - 367px); height: 100%;}
.type-content.id-home-club .green-status .body ul.list {list-style: none; width: 918px; height: 100%; padding: 0; margin: 0 auto;}
.type-content.id-home-club .green-status .body ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-home-club .green-status .body ul.list li {position: relative; float: left; width: 306px; height: 100%;}
.type-content.id-home-club .green-status .body ul.list li .title {position: absolute; top: 65px; left: 45px; color: #222; font-size: 16px;}
.type-content.id-home-club .green-status .body ul.list li .progress {position: absolute; top: 43px; left: 141px; width: 24px; height: 64px; background: transparent url('../images/content/pc/thermometer-type01.png') no-repeat top center;}
.type-content.id-home-club .green-status .body ul.list li .progress .bar {position: absolute; top: 6px; left: 10px; width: 4px; height: 39px;}
.type-content.id-home-club .green-status .body ul.list li .progress .bar .item {overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; max-height: 100%; background: transparent url('../images/content/pc/temperature-type01.png') no-repeat left bottom; text-indent: -1000px;}
.type-content.id-home-club .green-status .body ul.list li .caption {position: absolute; top: 45px; left: 188px; color: #666; font-size: 13px;}
.type-content.id-home-club .green-status .body ul.list li .content {position: absolute; top: 63px; left: 188px;}
.type-content.id-home-club .green-status .body ul.list li .content::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-home-club .green-status .body ul.list li .content .temperature {float: left; color: #222; font-weight: 500; font-size: 40px;}
.type-content.id-home-club .green-status .body ul.list li .content .unit {float: left; padding: 5px 0 0 2px; color: #999; font-weight: 500; font-size: 16px;}
.type-content.id-home-club .green-status .body ul.list li.subzero .progress {background-position: center bottom;}
.type-content.id-home-club .green-status .body ul.list li.subzero .progress .bar .item {background-position: right bottom;}
.type-content.id-home-club .green-status .body ul.list li.average .caption {padding-left: 14px;}
.type-content.id-home-club .green-status .body ul.list li.average .caption::before {display: block; position: absolute; top: 50%; left: 0; width: 8px; height: 8px; margin-top: -4px; background: transparent url('../images/content/pc/arrow-type07.png') no-repeat center center; content: '';}
.type-content.id-home-club .green-status .body ul.list li.average .caption.increase {color: #d2202f;}
.type-content.id-home-club .green-status .body ul.list li.average .caption.decrease {color: #2063d2;}
.type-content.id-home-club .green-status .body ul.list li.average .caption.increase::before {background-position: left top;}
.type-content.id-home-club .green-status .body ul.list li.average .caption.decrease::before {background-position: left bottom;}
@media (max-width: 1279px) {
  .type-content.id-home-club .green-status {height: auto;}
  .type-content.id-home-club .green-status .header {position: relative; top: auto; left: auto; width: auto; height: 139px; padding-top: 27px; padding-right: 0;}
  .type-content.id-home-club .green-status .header::before {top: auto; bottom: 0; right: auto; left: 20px; width: calc(100% - 40px); height: 1px;}
  .type-content.id-home-club .green-status .header h4.title {font-size: 20px;}
  .type-content.id-home-club .green-status .header .caption {padding-top: 16px; font-size: 14px;}
  .type-content.id-home-club .green-status .header .content {padding-top: 6px;}
  .type-content.id-home-club .green-status .header .content .contain .date {font-size: 14px; line-height: 20px;}
  .type-content.id-home-club .green-status .header .content .contain .refresh {padding-left: 10px;}
  .type-content.id-home-club .green-status .header .content .contain .refresh .item {width: 20px; height: 20px; background-image: url('../images/content/mobile/refresh-type01.png'); background-size: 20px;}
  .type-content.id-home-club .green-status .header .content .contain .refresh .item:hover {background-image: url('../images/content/mobile/refresh-type01.png');}
  .type-content.id-home-club .green-status .body {position: static; top: auto; left: auto; width: 100%; height: 348px; padding-top: 15px;}
  .type-content.id-home-club .green-status .body ul.list {width: 280px; height: auto;}
  .type-content.id-home-club .green-status .body ul.list li {float: none; width: 100%; height: 106px;}
  .type-content.id-home-club .green-status .body ul.list li .title {top: 30px; left: 45px; font-size: 14px;}
  .type-content.id-home-club .green-status .body ul.list li .progress {top: 24px; left: 129px; width: 21px; height: 56px; background-image: url('../images/content/mobile/thermometer-type01.png'); background-size: 21px 112px;}
  .type-content.id-home-club .green-status .body ul.list li .progress .bar {top: 5px; left: 9px; width: 3px; height: 34px;}
  .type-content.id-home-club .green-status .body ul.list li .progress .bar .item {background-image: url('../images/content/mobile/temperature-type01.png'); background-size: 6px 34px;}
  .type-content.id-home-club .green-status .body ul.list li .caption {top: 27px; left: 170px; font-size: 11px;}
  .type-content.id-home-club .green-status .body ul.list li .content {top: 41px; left: 170px;}
  .type-content.id-home-club .green-status .body ul.list li .content .temperature {font-size: 35px;}
  .type-content.id-home-club .green-status .body ul.list li .content .unit {padding-top: 6px; padding-left: 3px; font-size: 14px;}
  .type-content.id-home-club .green-status .body ul.list li.average .caption {padding-left: 13px;}
  .type-content.id-home-club .green-status .body ul.list li.average .caption::before {width: 7px; height: 7px; margin-top: -4px; background-image: url('../images/content/mobile/arrow-type07.png'); background-size: 7px 23px;}
}

.type-content.id-home-club .green-board .body {box-sizing: border-box; position: relative;}
.type-content.id-home-club .green-board .body .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-home-club .green-board .body .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-home-club .green-board .body .table .contain table colgroup col.course {width: 240px;}
.type-content.id-home-club .green-board .body .table .contain table colgroup col.hole {width: 125px;}
.type-content.id-home-club .green-board .body .table .contain table tr th,
.type-content.id-home-club .green-board .body .table .contain table tr td {overflow: hidden; padding: 0 20px; 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;}
.type-content.id-home-club .green-board .body .table .contain table tr th {color: #222;}
.type-content.id-home-club .green-board .body .table .contain table tr td {font-size: 14px;}
.type-content.id-home-club .green-board .body .table .contain table tr th:first-child,
.type-content.id-home-club .green-board .body .table .contain table tr td:first-child {border-left: none;}
.type-content.id-home-club .green-board .body .table .contain table thead tr th {border-top: none;}
.type-content.id-home-club .green-board .body .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-home-club .green-board .body .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-home-club .green-board .body .table .contain table thead tr th.course,
.type-content.id-home-club .green-board .body .table .contain table thead tr th.hole {background-color: #202845; color: #fff;}
.type-content.id-home-club .green-board .body .table .contain table thead tr th.hole {border-left-color: rgba(255, 255, 255, 0.3);}
.type-content.id-home-club .green-board .body .table .contain table thead tr th .item {display: inline-block;}
.type-content.id-home-club .green-board .body .table .contain table tbody tr {cursor: pointer;}
.type-content.id-home-club .green-board .body .table .contain table tbody tr:hover td {background-color: #f5f5f5;}
.type-content.id-home-club .green-board .body .table .contain table tbody tr td.communicationAbnormal{color: #d0202e;}
.type-content.id-home-club .green-board .body .table .contain table tbody tr td.batteryAbnormal {color: #2063d2;}
.type-content.id-home-club .green-board .body .table .contain table tbody tr td.course,
.type-content.id-home-club .green-board .body .table .contain table tbody tr td.hole {background-color: #f9f9f9;}
.type-content.id-home-club .green-board .body .table .contain table tbody tr:hover td.hole {background-color: #e6e6e6;}
.type-content.id-home-club .green-board .body .table .contain table tbody tr td.course {cursor: auto;}
.type-content.id-home-club .green-board .body .table .contain table tbody tr:last-child td:last-child {border-bottom-right-radius: 7px;}
.type-content.id-home-club .green-board .body .table .contain table tbody tr td.last {border-bottom-left-radius: 7px;}
.type-content.id-home-club .green-board .body .table .contain table tbody.none {display: none;}
.type-content.id-home-club .green-board .body .table .contain table tbody.none tr td {color: #999; line-height: 113px;}
.type-content.id-home-club .green-board .body .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-home-club .green-board .body .table.thead .fixed {box-sizing: border-box; width: 1820px; height: calc(20px + 39px); padding-top: 20px; background-color: #f5f5f5;}
.type-content.id-home-club .green-board .body .table.thead .fixed.active {position: fixed; top: calc(55px -  1px);}
.type-content.id-home-club .green-board .body .table.thead .contain {border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-home-club .green-board .body .table.tbody {padding-top: calc(20px + 39px - 1px);}
.type-content.id-home-club .green-board .body .table.tbody .contain {border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-home-club .green-board .body .table.tbody .contain table {margin-top: -1px;}
.type-content.id-home-club .green-board .body.none .table .contain table tbody {display: none;}
.type-content.id-home-club .green-board .body.none .table .contain table tbody.none {display: table-row-group;}
.type-content.id-home-club .green-board .body.none .table .contain table thead tr th.sort:hover {background-color: #fff;}
.type-content.id-home-club .green-board .body.none .table .contain table thead tr th.course.sort:hover,
.type-content.id-home-club .green-board .body.none .table .contain table thead tr th.hole.sort:hover {background-color: #202845;}
.type-content.id-home-club .green-board .body.none .table .contain table tbody tr {cursor: auto;}
.type-content.id-home-club .green-board .body.none .table .contain table tbody tr:hover td {background-color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-home-club .green-board {overflow-x: auto; margin: 0 -20px;}
  .type-content.id-home-club .green-board .body {width: calc(716px + 40px); padding: 0 20px;}
  .type-content.id-home-club .green-board .body .table .contain table colgroup col.course {width: 174px;}
  .type-content.id-home-club .green-board .body .table .contain table colgroup col.hole {width: 76px;}
  .type-content.id-home-club .green-board .body .table .contain table tr th,
  .type-content.id-home-club .green-board .body .table .contain table tr td {padding: 0 10px; line-height: 47px; font-size: 14px;}
  .type-content.id-home-club .green-board .body .table .contain table tbody.none tr td {line-height: 143px;}
  .type-content.id-home-club .green-board .body .table .contain table tbody tr:hover td {background-color: #fff;}
  .type-content.id-home-club .green-board .body .table .contain table tbody tr:hover td.course,
  .type-content.id-home-club .green-board .body .table .contain table tbody tr:hover td.hole {background-color: #f9f9f9;}
  .type-content.id-home-club .green-board .body .table.thead {left: 20px;}
  .type-content.id-home-club .green-board .body .table.thead .fixed {width: 716px; height: calc(20px + 49px);}
  .type-content.id-home-club .green-board .body .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-home-club .green-board .body .table.tbody {padding-top: calc(108px - 39px - 1px);}
}
.type-content.id-home-club.loginClub.asideActive .communication-total .header ul.list li.management,
.type-content.id-home-club.loginClub.asideActive .communication-total .header ul.list li.waiting,
.type-content.id-home-club.loginClub.asideActive .communication-total .header ul.list li.apl,
.type-content.id-home-club.loginClub.asideActive .communication-total .header ul.list li.battery {width: calc((100% - 357px - 20px) / 4);}
.type-content.id-home-club.loginClub.asideActive .communication-total .header ul.list li.pin,
.type-content.id-home-club.loginClub.asideActive .communication-total .header ul.list li.batteryOut {display: none;}
.type-content.id-home-club.asideActive .communication-total .header ul.list li.management {width: calc(178px + 20px);}
.type-content.id-home-club.asideActive .communication-total .header ul.list li.waiting,
.type-content.id-home-club.asideActive .communication-total .header ul.list li.apl,
.type-content.id-home-club.asideActive .communication-total .header ul.list li.pin,
.type-content.id-home-club.asideActive .communication-total .header ul.list li.battery,
.type-content.id-home-club.asideActive .communication-total .header ul.list li.batteryOut {width: calc(179px + 20px);}
.type-content.id-home-club.asideActive .green-board .body .table.thead .fixed {width: 1550px;}
@media (max-width: 1279px) {
  .type-content.id-home-club.asideActive .green-board .body .table.thead .fixed {width: 891px;}
}


/* APL 운영 모니터링 > 골프클럽별 요약 */
.type-content.id-monitoring-summary .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-monitoring-summary .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
.type-content.id-monitoring-summary .section01 .object02 {box-sizing: border-box; position: absolute; top: -7px; right: 252px; width: 231px; height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-monitoring-summary .section01 .object02:hover {background-color: #12172c;}
.type-content.id-monitoring-summary .section01 .object03 {box-sizing: border-box; position: absolute; top: -7px; right: 0; width: 242px; height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-monitoring-summary .section01 .object03:hover {background-color: #12172c;}
@media (max-width: 1279px) {
  .type-content.id-monitoring-summary .section01 {position: relative; height: auto;}
  .type-content.id-monitoring-summary .section01 .object01 {position: static; top: auto; left: auto; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
  .type-content.id-monitoring-summary .section01 .object02 {position: static; top: auto; left: auto; width: 100%; height: 45px; margin-top: 20px; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
  .type-content.id-monitoring-summary .section01 .object02:hover {background-color: #202845;}
  .type-content.id-monitoring-summary .section01 .object03 {position: static; top: auto; left: auto; width: 100%; height: 45px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
  .type-content.id-monitoring-summary .section01 .object03:hover {background-color: #202845;}
}

.type-content.id-monitoring-summary .section02 {box-sizing: border-box; position: relative; height: 85px;}
.type-content.id-monitoring-summary .section02 .object01 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 55px; border-radius: 4px;}
.type-content.id-monitoring-summary .section02 .object01 .title ul.list {list-style: none; position: relative; padding: 0; margin: 0;}
.type-content.id-monitoring-summary .section02 .object01 .title ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-monitoring-summary .section02 .object01 .title ul.list li {box-sizing: border-box; float: left; width: 50%; background-color: #fff; color: #aaa; font-size: 16px; line-height: 54px; text-align: center; cursor: pointer;}
.type-content.id-monitoring-summary .section02 .object01 .title ul.list li.summary {border-right: none; border-color: transparent; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: #202845; color: #fff;}
.type-content.id-monitoring-summary .section02 .object01 .title ul.list li.detail {border-left: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.type-content.id-monitoring-summary .section02 .object01.detail .title ul.list li.summary {border-color: #e6e6e6; border-left: 0; border-right: 1px solid #e6e6e6; background-color: #fff; color: #aaa;}
.type-content.id-monitoring-summary .section02 .object01.detail .title ul.list li.detail {border-color: transparent; background-color: #202845; color: #fff;}
.type-content.id-monitoring-summary .section02 .object02 {display: none; box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100%; height: 45px;}
@media (max-width: 1279px) {
  .type-content.id-monitoring-summary .section02 {position: relative; height: 65px;}
  .type-content.id-monitoring-summary .section02 .object01 {display: none;}
  .type-content.id-monitoring-summary .section02 .object02 {display: block;}
  .type-content.id-monitoring-summary .section02 .object02 .formSelectList {box-sizing: border-box; position: relative; height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #fff; cursor: pointer;}
  .type-content.id-monitoring-summary .section02 .object02 .formSelectList:before {display: block; position: absolute; top: 0; right: 0; width: 39px; height: 100%; background: #202845 url('../images/content/pc/arrow-type11.png') no-repeat center center; content: '';}
  .type-content.id-monitoring-summary .section02 .object02 .formSelectList input {box-sizing: border-box; width: calc(100% - 39px); height: 100%; padding: 0 0 0 15px; margin: 0; border: none; border-radius: 0; background-color: #202845; color: #fff; font-size: 14px; cursor: pointer; -webkit-appearance: none;}
}

.type-content.id-monitoring-summary .section03 {box-sizing: border-box; position: relative; height: 105px;}
.type-content.id-monitoring-summary .section03 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%; height: 85px; border-radius: 8px; background-color: #fff;}
.type-content.id-monitoring-summary .section03 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 20px;}
.type-content.id-monitoring-summary .section03 .object02 .object0201 {box-sizing: border-box; position: absolute; left: 34px; top: 35px; width: 367px; padding: 0 39px;}
.type-content.id-monitoring-summary .section03 .object02 .object0201::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-monitoring-summary .section03 .object02 .object0201 .item01 {box-sizing: border-box; float: left; padding-right: 15px; color: #999; font-size: 13px; line-height: 13px;}
.type-content.id-monitoring-summary .section03 .object02 .object0201 .item02 {box-sizing: border-box; float: left; padding-right: 9px; color: #666; font-size: 13px; font-weight: 500; line-height: 13px;}
.type-content.id-monitoring-summary .section03 .object02 .object0201 .item03 {box-sizing: border-box; float: left; overflow: hidden; width: 18px; height: 18px; margin-top: -2px; background: transparent url('../images/content/pc/refresh-type01.png') no-repeat center center; text-indent: -1000px; cursor: pointer;}
.type-content.id-monitoring-summary .section03 .object02 .object0201 .item03:hover {background-image: url('../images/content/pc/refresh-type01-hover.png');}
.type-content.id-monitoring-summary .section03 .object03 {box-sizing: border-box; position: absolute; right: 40px; top: 40px; width: calc(100% - 367px - 45px - 40px); height: 45px;}
.type-content.id-monitoring-summary .section03 .object03::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-monitoring-summary .section03 .object03 .form {width: 100%; height: 45px;}
.type-content.id-monitoring-summary .section03 .object03 .form .input input {box-sizing: border-box; float: left; width: calc(100% - 45px); height: 45px; padding: 0 15px; margin: 0; border: 1px solid #e6e6e6; border-right: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: transparent; color: #666; font-size: 13px; line-height: 43px; -webkit-appearance: none;}
.type-content.id-monitoring-summary .section03 .object03 .form .input input::placeholder {color: #d1d1d1;}
.type-content.id-monitoring-summary .section03 .object03 .form .input input::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-monitoring-summary .section03 .object03 .form .input input:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-monitoring-summary .section03 .object03 .form .search {float: left; width: 45px; height: 100%; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #d0202e;}
.type-content.id-monitoring-summary .section03 .object03 .form .search:hover {background-color: #b20a10;}
.type-content.id-monitoring-summary .section03 .object03 .form .search button {overflow: hidden; width: 100%; height: 100%; padding: 0; margin: 0; border: none; border-radius: 0; background: transparent url('../images/content/pc/search-type01.png') no-repeat center center; text-indent: -1000px;}
@media (max-width: 1279px) {
  .type-content.id-monitoring-summary .section03 {box-sizing: border-box; position: relative; height: 93px;}
  .type-content.id-monitoring-summary .section03 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%; height: 73px; border-radius: 8px; background-color: #fff;}
  .type-content.id-monitoring-summary .section03 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%; line-height: 0; text-align: center;}
  .type-content.id-monitoring-summary .section03 .object02 .object0201 {display: inline-block; box-sizing: border-box; position: static; left: auto; top: auto; width: auto; margin: 0; padding: 28px 5px 29px 5px;}
  .type-content.id-monitoring-summary .section03 .object02 .object0201::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
  .type-content.id-monitoring-summary .section03 .object02 .object0201 .item01 {box-sizing: border-box; float: left; padding-right: 15px; color: #999; font-size: 14px; line-height: 14px;}
  .type-content.id-monitoring-summary .section03 .object02 .object0201 .item02 {box-sizing: border-box; float: left; padding-right: 9px; color: #666; font-size: 14px; font-weight: 500; line-height: 14px;}
  .type-content.id-monitoring-summary .section03 .object02 .object0201 .item03 {box-sizing: border-box; float: left; overflow: hidden; width: 18px; height: 18px; background-image: url('../images/content/mobile/refresh-type01.png'); background-size: 18px 18px; text-indent: -1000px; cursor: pointer;}
  .type-content.id-monitoring-summary .section03 .object02 .object0201 .item03:hover {background-image: url('../images/content/mobile/refresh-type01.png');}
  .type-content.id-monitoring-summary .section03 .object03 {display: none;}
}

.type-content.id-monitoring-summary .section04 {padding-top: 20px;}
.type-content.id-monitoring-summary .section04 .header {box-sizing: border-box; height: 91px;}
.type-content.id-monitoring-summary .section04 .header ul.list {list-style: none; height: 100%; padding: 0; margin: 0 -10px;}
.type-content.id-monitoring-summary .section04 .header ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-monitoring-summary .section04 .header ul.list li {box-sizing: border-box; float: left; height: 100%; padding: 0 10px;}
.type-content.id-monitoring-summary .section04 .header ul.list li .contain {box-sizing: border-box; position: relative; height: 100%; border-radius: 8px; background-color: #fff;}
.type-content.id-monitoring-summary .section04 .header ul.list li .contain .title {position: absolute; top: 0; left: 20px; color: #222; font-weight: 500; font-size: 16px; line-height: 91px; letter-spacing: -1px;}
.type-content.id-monitoring-summary .section04 .header ul.list li .contain .content {position: absolute; top: 0; right: 20px; color: #222; font-weight: 500; font-size: 36px; line-height: 91px; letter-spacing: -2px;}
.type-content.id-monitoring-summary .section04 .header ul.list li.apl .contain .title,
.type-content.id-monitoring-summary .section04 .header ul.list li.operation .contain .title,
.type-content.id-monitoring-summary .section04 .header ul.list li.waiting .contain .title,
.type-content.id-monitoring-summary .section04 .header ul.list li.battery .contain .title {position: absolute; top: 20px; left: 20px; width: 60px; line-height: 24px; word-break: keep-all;}
.type-content.id-monitoring-summary .section04 .header ul.list li.total {width: calc(357px + 20px);}
.type-content.id-monitoring-summary .section04 .header ul.list li.operation {width: calc(223px + 20px);}
.type-content.id-monitoring-summary .section04 .header ul.list li.waiting,
.type-content.id-monitoring-summary .section04 .header ul.list li.apl,
.type-content.id-monitoring-summary .section04 .header ul.list li.pin,
.type-content.id-monitoring-summary .section04 .header ul.list li.battery,
.type-content.id-monitoring-summary .section04 .header ul.list li.batteryOut {width: calc(224px + 20px);}
.type-content.id-monitoring-summary .section04 .header ul.list li.total .contain {background-color: #202845;}
.type-content.id-monitoring-summary .section04 .header ul.list li.total .contain .title,
.type-content.id-monitoring-summary .section04 .header ul.list li.total .contain .content {color: #fff;}
.type-content.id-monitoring-summary .section04 .header ul.list li.apl .contain .content {color: #d0202e;}
.type-content.id-monitoring-summary .section04 .header ul.list li.pin .contain .content {color: #d0202e;}
.type-content.id-monitoring-summary .section04 .header ul.list li.battery .contain .content {color: #2063d2;}
.type-content.id-monitoring-summary .section04 .header ul.list li.batteryOut .contain .content {color: #2063d2;}
.type-content.id-monitoring-summary .section04 .body {box-sizing: border-box; position: relative;}
.type-content.id-monitoring-summary .section04 .body .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-monitoring-summary .section04 .body .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-monitoring-summary .section04 .body .table .contain table colgroup col.club {width: 240px;}
.type-content.id-monitoring-summary .section04 .body .table .contain table colgroup col.total {width: 125px;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tr th,
.type-content.id-monitoring-summary .section04 .body .table .contain table tr td {overflow: hidden; padding: 0 20px; 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;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tr th {color: #222;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tr td {padding: 9px 0; font-size: 14px; line-height: 19px;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tr th:first-child,
.type-content.id-monitoring-summary .section04 .body .table .contain table tr td:first-child {border-left: none;}
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th {border-top: none;}
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.club,
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.total {background-color: #202845; color: #fff;}
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.total {border-left-color: rgba(255, 255, 255, 0.3);}
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th .item {display: inline-block;}
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.sort {cursor: pointer;}
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.sort:hover {background-color: #f5f5f5;}
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.club.sort:hover,
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.total.sort:hover {background-color: #12172c;}
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.sort.descending .item,
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.sort.ascending .item {position: relative; padding-right: 16px;}
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.sort.ascending .item::before {display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 5px; margin-top: -2px; background: transparent url('../images/content/pc/arrow-type05.png') no-repeat center top; content: '';}
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -3px; background-position: center bottom;}
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.club.sort.descending .item::before,
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.club.sort.ascending .item::before,
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.total.sort.descending .item::before,
.type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.total.sort.ascending .item::before {background-image: url('../images/content/pc/arrow-type06.png');}
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr:hover td {background-color: #f5f5f5; cursor: pointer;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr td.aplAbnormal,
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr td.aplAbnormalHoleInfo,
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr td.pinAbnormal {color: #d0202e;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr td.batteryAbnormal,
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr td.batteryAbnormalHoleInfo,
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr td.batteryOut {color: #2063d2;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr td.aplAbnormal.none {color: #666;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr td.aplAbnormalHoleInfo.none {color: #666;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr td.pinAbnormal.none {color: #666;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr td.batteryAbnormal.none {color: #666;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr td.batteryAbnormalHoleInfo.none {color: #666;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr td.batteryOut.none {color: #666;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr td.club,
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr td.total {background-color: #f9f9f9;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr:hover td.club,
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr:hover td.total {background-color: #e6e6e6;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody.none {display: none;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tbody.none tr td {color: #999; line-height: 113px;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tfoot tr th {background-color: #ddd;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tfoot tr th:first-child {border-bottom-left-radius: 8px;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tfoot tr th:last-child {border-bottom-right-radius: 8px;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tfoot tr th.aplAbnormal {color: #d0202e;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tfoot tr th.pinAbnormal {color: #d0202e;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tfoot tr th.batteryAbnormal {color: #2063d2;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tfoot tr th.batteryOut {color: #2063d2;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tfoot tr th.aplAbnormal.none {color: #666;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tfoot tr th.pinAbnormal.none {color: #666;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tfoot tr th.batteryAbnormal.none {color: #666;}
.type-content.id-monitoring-summary .section04 .body .table .contain table tfoot tr th.batteryOut.none {color: #666;}
.type-content.id-monitoring-summary .section04 .body .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-monitoring-summary .section04 .body .table.thead .fixed {box-sizing: border-box; width: 1820px; height: calc(20px + 39px); padding-top: 20px; background-color: #f5f5f5;}
.type-content.id-monitoring-summary .section04 .body .table.thead .fixed.active {position: fixed; top: calc(55px -  1px);}
.type-content.id-monitoring-summary .section04 .body .table.thead .contain {border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-monitoring-summary .section04 .body .table.tbody {padding-top: calc(20px + 39px - 1px);}
.type-content.id-monitoring-summary .section04 .body .table.tbody .contain {border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-monitoring-summary .section04 .body .table.tbody .contain table {margin-top: -1px;}
.type-content.id-monitoring-summary .section04 .body.none .table .contain table thead tr th.sort {cursor: auto;}
.type-content.id-monitoring-summary .section04 .body.none .table .contain table thead tr th.sort.descending .item,
.type-content.id-monitoring-summary .section04 .body.none .table .contain table thead tr th.sort.ascending .item {padding-right: 0;}
.type-content.id-monitoring-summary .section04 .body.none .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-monitoring-summary .section04 .body.none .table .contain table thead tr th.sort.ascending .item::before {display: none;}
.type-content.id-monitoring-summary .section04 .body.none .table .contain table tbody {display: none;}
.type-content.id-monitoring-summary .section04 .body.none .table .contain table tbody.none {display: table-row-group;}
.type-content.id-monitoring-summary .section04 .body.none .table .contain table thead tr th.sort:hover {background-color: #fff;}
.type-content.id-monitoring-summary .section04 .body.none .table .contain table thead tr th.club.sort:hover,
.type-content.id-monitoring-summary .section04 .body.none .table .contain table thead tr th.total.sort:hover {background-color: #202845;}
.type-content.id-monitoring-summary .section04 .body.none .table .contain table tbody tr {cursor: auto;}
.type-content.id-monitoring-summary .section04 .body.none .table .contain table tbody tr:hover td {background-color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-monitoring-summary .section04 {overflow-x: auto; padding-top: 20px; margin: 0 -20px;}
  .type-content.id-monitoring-summary .section04 .header {width: calc(1400px + 40px); height: 112px; padding: 0 20px;}
  .type-content.id-monitoring-summary .section04 .header ul.list {margin: 0 -5px;}
  .type-content.id-monitoring-summary .section04 .header ul.list li {padding: 0 5px;}
  .type-content.id-monitoring-summary .section04 .header ul.list li .contain {padding-top: 27px;}
  .type-content.id-monitoring-summary .section04 .header ul.list li .contain .title {position: static; top: auto; left: auto; font-size: 14px; line-height: 1.15; text-align: center;}
  .type-content.id-monitoring-summary .section04 .header ul.list li .contain .content {position: static; top: auto; right: auto; padding-top: 6px; font-size: 35px; line-height: 1.15; text-align: center;}
  .type-content.id-monitoring-summary .section04 .header ul.list li.apl .contain .title,
  .type-content.id-monitoring-summary .section04 .header ul.list li.operation .contain .title,
  .type-content.id-monitoring-summary .section04 .header ul.list li.waiting .contain .title,
  .type-content.id-monitoring-summary .section04 .header ul.list li.battery .contain .title {position: static; top: auto; left: auto; width: auto; line-height: 1.15;}
  .type-content.id-monitoring-summary .section04 .header ul.list li.total {width: calc(247px + 10px);}
  .type-content.id-monitoring-summary .section04 .header ul.list li.operation,
  .type-content.id-monitoring-summary .section04 .header ul.list li.waiting,
  .type-content.id-monitoring-summary .section04 .header ul.list li.apl,
  .type-content.id-monitoring-summary .section04 .header ul.list li.pin,
  .type-content.id-monitoring-summary .section04 .header ul.list li.battery {width: calc(182px + 10px);}
  .type-content.id-monitoring-summary .section04 .header ul.list li.batteryOut {width: calc(183px + 10px);}
  .type-content.id-monitoring-summary .section04 .body {width: calc(1400px + 40px); padding: 0 20px;}
  .type-content.id-monitoring-summary .section04 .body .table .contain table colgroup col.club {width: 174px;}
  .type-content.id-monitoring-summary .section04 .body .table .contain table colgroup col.total {width: 76px;}
  .type-content.id-monitoring-summary .section04 .body .table .contain table tr th,
  .type-content.id-monitoring-summary .section04 .body .table .contain table tr td {padding: 0 10px; font-size: 14px; line-height: 47px;}
  .type-content.id-monitoring-summary .section04 .body .table .contain table tr td {padding: 9px 10px; line-height: 21px;}
  .type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.sort:hover {background-color: #fff;}
  .type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.club.sort:hover,
  .type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.total.sort:hover {background-color: #202845;}
  .type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.sort.descending .item::before,
  .type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.sort.ascending .item::before {width: 9px; height: 4px; background-image: url('../images/content/mobile/arrow-type05.png'); background-size: 9px;}
  .type-content.id-monitoring-summary .section04 .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -2px;}
  .type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr:hover td {background-color: #fff;}
  .type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr:hover td.club,
  .type-content.id-monitoring-summary .section04 .body .table .contain table tbody tr:hover td.total {background-color: #f9f9f9;}
  .type-content.id-monitoring-summary .section04 .body .table .contain table tbody.none tr td {line-height: 143px;}
  .type-content.id-monitoring-summary .section04 .body .table.thead {left: 20px;}
  .type-content.id-monitoring-summary .section04 .body .table.thead .fixed {width: 1400px; height: calc(10px + 49px); padding-top: 10px;}
  .type-content.id-monitoring-summary .section04 .body .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-monitoring-summary .section04 .body .table.tbody {padding-top: calc(10px + 49px - 1px);}
}

.type-content.id-monitoring-summary.asideActive .section04 .header ul.list li.operation {width: calc(178px + 20px);}
.type-content.id-monitoring-summary.asideActive .section04 .header ul.list li.waiting,
.type-content.id-monitoring-summary.asideActive .section04 .header ul.list li.apl,
.type-content.id-monitoring-summary.asideActive .section04 .header ul.list li.pin,
.type-content.id-monitoring-summary.asideActive .section04 .header ul.list li.battery,
.type-content.id-monitoring-summary.asideActive .section04 .header ul.list li.batteryOut {width: calc(179px + 20px);}
.type-content.id-monitoring-summary.asideActive .section04 .body .table.thead .fixed {width: 1550px;}
@media (max-width: 1279px) {
  .type-content.id-monitoring-summary.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-monitoring-summary.loginClub.inactiveBi main .container {padding-bottom: 30px;}
  .type-content.id-monitoring-summary.asideActive .section04 .header ul.list li.activation,
  .type-content.id-monitoring-summary.asideActive .section04 .header ul.list li.residual {width: calc(129px + 10px);}
  .type-content.id-monitoring-summary.asideActive .section04 .header ul.list li.apl {width: calc(271px + 10px);}
  .type-content.id-monitoring-summary.asideActive .section04 .header ul.list li.battery {width: calc(275px + 10px);}
  .type-content.id-monitoring-summary.asideActive .section04 .body .table.thead .fixed {width: 1091px;}
}


/* APL 운영 모니터링 > 코스-홀별 상세 보기 */
.type-content.id-monitoring-detail .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-monitoring-detail .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
.type-content.id-monitoring-detail .section01 .object02 {box-sizing: border-box; position: absolute; top: -7px; right: 252px; width: 231px; height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-monitoring-detail .section01 .object02:hover {background-color: #12172c;}
.type-content.id-monitoring-detail .section01 .object03 {box-sizing: border-box; position: absolute; top: -7px; right: 0; width: 242px; height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-monitoring-detail .section01 .object03:hover {background-color: #12172c;}
@media (max-width: 1279px) {
  .type-content.id-monitoring-detail .section01 {position: relative; height: auto;}
  .type-content.id-monitoring-detail .section01 .object01 {position: static; top: auto; left: auto; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
  .type-content.id-monitoring-detail .section01 .object02 {position: static; top: auto; left: auto; width: 100%; height: 45px; margin-top: 20px; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
  .type-content.id-monitoring-detail .section01 .object02:hover {background-color: #202845;}
  .type-content.id-monitoring-detail .section01 .object03 {position: static; top: auto; left: auto; width: 100%; height: 45px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
  .type-content.id-monitoring-detail .section01 .object03:hover {background-color: #202845;}
}

.type-content.id-monitoring-detail .section02 {box-sizing: border-box; position: relative; height: 85px;}
.type-content.id-monitoring-detail .section02 .object01 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 55px; border-radius: 4px;}
.type-content.id-monitoring-detail .section02 .object01 .title ul.list {list-style: none; position: relative; padding: 0; margin: 0;}
.type-content.id-monitoring-detail .section02 .object01 .title ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-monitoring-detail .section02 .object01 .title ul.list li {box-sizing: border-box; float: left; width: 50%; background-color: #fff; color: #aaa; font-size: 16px; line-height: 54px; text-align: center; cursor: pointer;}
.type-content.id-monitoring-detail .section02 .object01 .title ul.list li.summary {border-right: none; border-color: transparent; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: #202845; color: #fff;}
.type-content.id-monitoring-detail .section02 .object01 .title ul.list li.detail {border-left: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.type-content.id-monitoring-detail .section02 .object01.detail .title ul.list li.summary {border-color: #e6e6e6; border-left: 0; border-right: 1px solid #e6e6e6; background-color: #fff; color: #aaa;}
.type-content.id-monitoring-detail .section02 .object01.detail .title ul.list li.detail {border-color: transparent; background-color: #202845; color: #fff;}
.type-content.id-monitoring-detail .section02 .object02 {display: none; box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100%; height: 45px;}
@media (max-width: 1279px) {
  .type-content.id-monitoring-detail .section02 {position: relative; height: 65px;}
  .type-content.id-monitoring-detail .section02 .object01 {display: none;}
  .type-content.id-monitoring-detail .section02 .object02 {display: block;}
  .type-content.id-monitoring-detail .section02 .object02 .formSelectList {box-sizing: border-box; position: relative; height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #fff; cursor: pointer;}
  .type-content.id-monitoring-detail .section02 .object02 .formSelectList:before {display: block; position: absolute; top: 0; right: 0; width: 39px; height: 100%; background: #202845 url('../images/content/pc/arrow-type11.png') no-repeat center center; content: '';}
  .type-content.id-monitoring-detail .section02 .object02 .formSelectList input {box-sizing: border-box; width: calc(100% - 39px); height: 100%; padding: 0 0 0 15px; margin: 0; border: none; border-radius: 0; background-color: #202845; color: #fff; font-size: 14px; cursor: pointer; -webkit-appearance: none;}
}

.type-content.id-monitoring-detail .section03 {box-sizing: border-box; position: relative; height: 105px;}
.type-content.id-monitoring-detail .section03 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%; height: 85px; border-radius: 8px; background-color: #fff;}
.type-content.id-monitoring-detail .section03 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 20px;}
.type-content.id-monitoring-detail .section03 .object02 .object0201 {box-sizing: border-box; position: absolute; left: 34px; top: 35px; width: 367px; padding: 0 39px;}
.type-content.id-monitoring-detail .section03 .object02 .object0201::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-monitoring-detail .section03 .object02 .object0201 .item01 {box-sizing: border-box; float: left; padding-right: 15px; color: #999; font-size: 13px; line-height: 13px;}
.type-content.id-monitoring-detail .section03 .object02 .object0201 .item02 {box-sizing: border-box; float: left; padding-right: 9px; color: #666; font-size: 13px; font-weight: 500; line-height: 13px;}
.type-content.id-monitoring-detail .section03 .object02 .object0201 .item03 {box-sizing: border-box; float: left; overflow: hidden; width: 18px; height: 18px; margin-top: -2px; background: transparent url('../images/content/pc/refresh-type01.png') no-repeat center center; text-indent: -1000px; cursor: pointer;}
.type-content.id-monitoring-detail .section03 .object02 .object0201 .item03:hover {background-image: url('../images/content/pc/refresh-type01-hover.png');}
.type-content.id-monitoring-detail .section03 .object03 {box-sizing: border-box; position: absolute; right: 40px; top: 40px; width: calc(100% - 367px - 45px - 40px); height: 45px;}
.type-content.id-monitoring-detail .section03 .object03::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-monitoring-detail .section03 .object03 .form {width: 100%; height: 45px; margin: 0 auto;}
.type-content.id-monitoring-detail .section03 .object03 .form .select {float: left; width: 147px; height: 100%;}
.type-content.id-monitoring-detail .section03 .object03 .form .select .formSelectList {height: 45px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.type-content.id-monitoring-detail .section03 .object03 .form .select .formSelect .formSelectPopup {top: 51px;}
.type-content.id-monitoring-detail .section03 .object03 .form .select.communicationStatus {margin-left: -1px;}
.type-content.id-monitoring-detail .section03 .object03 .form .select.communicationStatus .formSelectList {border-radius: 0;}
.type-content.id-monitoring-detail .section03 .object03 .form .select.batteryStatus {margin-left: -1px;}
.type-content.id-monitoring-detail .section03 .object03 .form .select.batteryStatus .formSelectList {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-monitoring-detail .section03 .object03 .form .input {float: left; width: calc(100% - 147px - 147px - 147px - 45px + 2px); height: 100%;}
.type-content.id-monitoring-detail .section03 .object03 .form .input input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 15px; margin: 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-right: none; border-left: none; border-radius: 0; background-color: transparent; color: #666; font-size: 13px; line-height: 43px; -webkit-appearance: none;}
.type-content.id-monitoring-detail .section03 .object03 .form .input input::placeholder {color: #d1d1d1;}
.type-content.id-monitoring-detail .section03 .object03 .form .input input::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-monitoring-detail .section03 .object03 .form .input input:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-monitoring-detail .section03 .object03 .form .search {float: left; width: 45px; height: 100%; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #d0202e;}
.type-content.id-monitoring-detail .section03 .object03 .form .search:hover {background-color: #b20a10;}
.type-content.id-monitoring-detail .section03 .object03 .form .search button {overflow: hidden; width: 100%; height: 100%; padding: 0; margin: 0; border: none; border-radius: 0; background: transparent url('../images/content/pc/search-type01.png') no-repeat center center; text-indent: -1000px;}
@media (max-width: 1279px) {
  .type-content.id-monitoring-detail .section03 {box-sizing: border-box; position: relative; height: 93px;}
  .type-content.id-monitoring-detail .section03 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%; height: 73px; border-radius: 8px; background-color: #fff;}
  .type-content.id-monitoring-detail .section03 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%; line-height: 0; text-align: center;}
  .type-content.id-monitoring-detail .section03 .object02 .object0201 {display: inline-block; box-sizing: border-box; position: static; left: auto; top: auto; width: auto; margin: 0; padding: 28px 5px 29px 5px;}
  .type-content.id-monitoring-detail .section03 .object02 .object0201::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
  .type-content.id-monitoring-detail .section03 .object02 .object0201 .item01 {box-sizing: border-box; float: left; padding-right: 15px; color: #999; font-size: 14px; line-height: 14px;}
  .type-content.id-monitoring-detail .section03 .object02 .object0201 .item02 {box-sizing: border-box; float: left; padding-right: 9px; color: #666; font-size: 14px; font-weight: 500; line-height: 14px;}
  .type-content.id-monitoring-detail .section03 .object02 .object0201 .item03 {box-sizing: border-box; float: left; overflow: hidden; width: 18px; height: 18px; background-image: url('../images/content/mobile/refresh-type01.png'); background-size: 18px 18px; text-indent: -1000px; cursor: pointer;}
  .type-content.id-monitoring-detail .section03 .object02 .object0201 .item03:hover {background-image: url('../images/content/mobile/refresh-type01.png');}
  .type-content.id-monitoring-detail .section03 .object03 {display: none;}
}

.type-content.id-monitoring-detail .section04 {padding-top: 20px;}
.type-content.id-monitoring-detail .section04 .header {box-sizing: border-box; height: 91px;}
.type-content.id-monitoring-detail .section04 .header ul.list {list-style: none; height: 100%; padding: 0; margin: 0 -10px;}
.type-content.id-monitoring-detail .section04 .header ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-monitoring-detail .section04 .header ul.list li {box-sizing: border-box; float: left; height: 100%; padding: 0 10px;}
.type-content.id-monitoring-detail .section04 .header ul.list li .contain {box-sizing: border-box; position: relative; height: 100%; border-radius: 8px; background-color: #fff;}
.type-content.id-monitoring-detail .section04 .header ul.list li .contain .title {position: absolute; top: 0; left: 20px; color: #222; font-weight: 500; font-size: 16px; line-height: 91px;}
.type-content.id-monitoring-detail .section04 .header ul.list li .contain .content {position: absolute; top: 0; right: 20px; color: #222; font-weight: 500; font-size: 36px; line-height: 91px;}
.type-content.id-monitoring-detail .section04 .header ul.list li.total {width: calc(284px + 20px);}
.type-content.id-monitoring-detail .section04 .header ul.list li.apl {width: calc(743px + 20px);}
.type-content.id-monitoring-detail .section04 .header ul.list li.battery {width: calc(753px + 20px);}
.type-content.id-monitoring-detail .section04 .header ul.list li.total .contain {background-color: #202845;}
.type-content.id-monitoring-detail .section04 .header ul.list li.total .contain .title,
.type-content.id-monitoring-detail .section04 .header ul.list li.total .contain .content {color: #fff;}
.type-content.id-monitoring-detail .section04 .header ul.list li.apl .contain .content {color: #d0202e;}
.type-content.id-monitoring-detail .section04 .header ul.list li.battery .contain .content {color: #2063d2;}
@media (max-width: 1279px) {
  .type-content.id-monitoring-detail .section04 {display: none; padding-top: 20px; margin: 0 -20px;}
  .type-content.id-monitoring-detail .section04 .header {width: 100%; height: auto; padding: 0 20px;}
  .type-content.id-monitoring-detail .section04 .header ul.list {margin: 0 -5px;}
  .type-content.id-monitoring-detail .section04 .header ul.list li {padding: 0 5px; margin-top: 10px; height: 67px;}
  .type-content.id-monitoring-detail .section04 .header ul.list li:first-child {margin-top: 0;}
  .type-content.id-monitoring-detail .section04 .header ul.list li .contain .title {top: 23px; left: 15px; width: 55px; font-size: 14px; line-height: 20px; word-break: keep-all;}
  .type-content.id-monitoring-detail .section04 .header ul.list li .contain .content {right: 15px; font-size: 35px; line-height: 67px;}
  .type-content.id-monitoring-detail .section04 .header ul.list li.total {width: 100%;}
  .type-content.id-monitoring-detail .section04 .header ul.list li.apl,
  .type-content.id-monitoring-detail .section04 .header ul.list li.battery {width: 50%;}
  .type-content.id-monitoring-detail .section04 .header ul.list li.apl .contain .title,
  .type-content.id-monitoring-detail .section04 .header ul.list li.battery .contain .title {top: 13px;}
}

.type-content.id-monitoring-detail .section05 .body {box-sizing: border-box; position: relative;}
.type-content.id-monitoring-detail .section05 .body .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-monitoring-detail .section05 .body .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-monitoring-detail .section05 .body .table .contain table colgroup col.club {width: 292px;}
.type-content.id-monitoring-detail .section05 .body .table .contain table tr th,
.type-content.id-monitoring-detail .section05 .body .table .contain table tr td {overflow: hidden; padding: 0 10px; 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;}
.type-content.id-monitoring-detail .section05 .body .table .contain table tr th {color: #222; padding: 9px 5px; line-height: 19px;}
.type-content.id-monitoring-detail .section05 .body .table .contain table tr td {font-size: 14px;}
.type-content.id-monitoring-detail .section05 .body .table .contain table tr th:first-child,
.type-content.id-monitoring-detail .section05 .body .table .contain table tr td:first-child {border-left: none;}
.type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th {border-top: none;}
.type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th.club {background-color: #202845; color: #fff;}
.type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th .item {display: inline-block;}
.type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th.sort {cursor: pointer;}
.type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th.sort:hover {background-color: #f5f5f5;}
.type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th.club.sort:hover {background-color: #12172c;}
.type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th.sort.descending .item,
.type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th.sort.ascending .item {position: relative; padding-right: 16px;}
.type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th.sort.ascending .item::before {display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 5px; margin-top: -2px; background: transparent url('../images/content/pc/arrow-type05.png') no-repeat center top; content: '';}
.type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -3px; background-position: center bottom;}
.type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th.club.sort.descending .item::before,
.type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th.club.sort.ascending .item::before {background-image: url('../images/content/pc/arrow-type06.png');}
.type-content.id-monitoring-detail .section05 .body .table .contain table tbody tr td.communicationStatusAbnormal {color: #d0202e;}
.type-content.id-monitoring-detail .section05 .body .table .contain table tbody tr td.batteryStatusAbnormal,
.type-content.id-monitoring-detail .section05 .body .table .contain table tbody tr td.batteryLevelAbnormal {color: #2063d2;}
.type-content.id-monitoring-detail .section05 .body .table .contain table tbody tr td.club {background-color: #f9f9f9;}
.type-content.id-monitoring-detail .section05 .body .table .contain table tbody tr:last-child td:first-child {border-bottom-left-radius: 7px;}
.type-content.id-monitoring-detail .section05 .body .table .contain table tbody tr:last-child td:last-child {border-bottom-right-radius: 7px;}
.type-content.id-monitoring-detail .section05 .body .table .contain table tbody.none {display: none;}
.type-content.id-monitoring-detail .section05 .body .table .contain table tbody.none tr td {color: #999; line-height: 113px;}
.type-content.id-monitoring-detail .section05 .body .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-monitoring-detail .section05 .body .table.thead .fixed {box-sizing: border-box; width: 1820px; height: calc(20px + 58px); padding-top: 20px; background-color: #f5f5f5;}
.type-content.id-monitoring-detail .section05 .body .table.thead .fixed.active {position: fixed; top: calc(55px -  1px);}
.type-content.id-monitoring-detail .section05 .body .table.thead .contain {border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-monitoring-detail .section05 .body .table.tbody {padding-top: calc(20px + 58px - 1px);}
.type-content.id-monitoring-detail .section05 .body .table.tbody .contain {border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-monitoring-detail .section05 .body .table.tbody .contain table {margin-top: -1px;}
.type-content.id-monitoring-detail .section05 .body.none .table .contain table thead tr th.sort {cursor: auto;}
.type-content.id-monitoring-detail .section05 .body.none .table .contain table thead tr th.sort.descending .item,
.type-content.id-monitoring-detail .section05 .body.none .table .contain table thead tr th.sort.ascending .item {padding-right: 0;}
.type-content.id-monitoring-detail .section05 .body.none .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-monitoring-detail .section05 .body.none .table .contain table thead tr th.sort.ascending .item::before {display: none;}
.type-content.id-monitoring-detail .section05 .body.none .table .contain table tbody {display: none;}
.type-content.id-monitoring-detail .section05 .body.none .table .contain table tbody.none {display: table-row-group;}
.type-content.id-monitoring-detail .section05 .body.none .table .contain table thead tr th.sort:hover {background-color: #fff;}
.type-content.id-monitoring-detail .section05 .body.none .table .contain table thead tr th.club.sort:hover {background-color: #202845;}
.type-content.id-monitoring-detail .section05 .body.none .table .contain table tbody tr {cursor: auto;}
.type-content.id-monitoring-detail .section05 .body.none .table .contain table tbody tr:hover td {background-color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-monitoring-detail .section05 {overflow-x: auto; margin: 0 -20px;}
  .type-content.id-monitoring-detail .section05 .body {width: calc(2000px + 40px); padding: 0 20px;}
  .type-content.id-monitoring-detail .section05 .body .table .contain table colgroup col.club {width: 250px;}
  .type-content.id-monitoring-detail .section05 .body .table .contain table tr th,
  .type-content.id-monitoring-detail .section05 .body .table .contain table tr td {padding: 0 10px; line-height: 47px; font-size: 14px;}
  .type-content.id-monitoring-detail .section05 .body .table .contain table tr th {padding: 9px 0; line-height: 21px;}
  .type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th.sort:hover {background-color: #fff;}
  .type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th.club.sort:hover {background-color: #202845;}
  .type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th.sort.descending .item::before,
  .type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th.sort.ascending .item::before {width: 9px; height: 4px; background-image: url('../images/content/mobile/arrow-type05.png'); background-size: 9px;}
  .type-content.id-monitoring-detail .section05 .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -2px;}
  .type-content.id-monitoring-detail .section05 .body .table .contain table tbody.none tr td {line-height: 143px;}
  .type-content.id-monitoring-detail .section05 .body .table.thead {left: 20px;}
  .type-content.id-monitoring-detail .section05 .body .table.thead .fixed {width: 2000px; height: calc(10px + 62px); padding-top: 10px;}
  .type-content.id-monitoring-detail .section05 .body .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-monitoring-detail .section05 .body .table.tbody {padding-top: calc(10px + 62px - 1px);}
}

.type-content.id-monitoring-detail .section06 {display: none; box-sizing: border-box; position: relative; padding: 20px;}
.type-content.id-monitoring-detail .section06 .object01 {box-sizing: border-box; width: 100%; font-size: 14px; color: #999; text-align: center; line-height: 21px;}
@media (max-width: 1279px) {
  .type-content.id-monitoring-detail .section06 {padding: 20px 0;}
  .type-content.id-monitoring-detail .section06 .object01 {box-sizing: border-box; padding: 118px 15px;  border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
}

.type-content.id-monitoring-detail.asideActive .section04 .header ul.list li.apl {width: calc(606px + 20px);}
.type-content.id-monitoring-detail.asideActive .section04 .header ul.list li.battery {width: calc(620px + 20px);}
.type-content.id-monitoring-detail.asideActive .section05 .body .table.thead .fixed {width: 1550px;}
@media (max-width: 1279px) {
  .type-content.id-monitoring-detail.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-monitoring-detail.loginClub.inactiveBi main .container {padding-bottom: 30px;}
  .type-content.id-monitoring-detail.asideActive .section04 .header ul.list li.activation,
  .type-content.id-monitoring-detail.asideActive .section04 .header ul.list li.residual {width: calc(129px + 10px);}
  .type-content.id-monitoring-detail.asideActive .section04 .header ul.list li.apl {width: calc(271px + 10px);}
  .type-content.id-monitoring-detail.asideActive .section04 .header ul.list li.battery {width: calc(275px + 10px);}
  .type-content.id-monitoring-detail.asideActive .section05 .body .table.thead .fixed {width: 1091px;}
}


/* 그린관제시스템 > 요약 */
.type-content.id-green-summary .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-green-summary .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-green-summary .section01 {position: relative; height: 23px;}
  .type-content.id-green-summary .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-green-summary .section02 {box-sizing: border-box; position: relative; height: 115px;}
.type-content.id-green-summary .section02 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 30px; width: 100%; height: 85px; border-radius: 8px; background-color: #fff;}
.type-content.id-green-summary .section02 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 30px;}
.type-content.id-green-summary .section02 .object02 .object0201 {box-sizing: border-box; position: absolute; left: 34px; top: 35px; width: 367px; padding: 0 39px;}
.type-content.id-green-summary .section02 .object02 .object0201::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-summary .section02 .object02 .object0201 .item01 {box-sizing: border-box; float: left; padding-right: 15px; color: #999; font-size: 13px; line-height: 13px;}
.type-content.id-green-summary .section02 .object02 .object0201 .item02 {box-sizing: border-box; float: left; padding-right: 9px; color: #666; font-size: 13px; font-weight: 500; line-height: 13px;}
.type-content.id-green-summary .section02 .object02 .object0201 .item03 {box-sizing: border-box; float: left; overflow: hidden; width: 18px; height: 18px; margin-top: -2px; background: transparent url('../images/content/pc/refresh-type01.png') no-repeat center center; text-indent: -1000px; cursor: pointer;}
.type-content.id-green-summary .section02 .object02 .object0201 .item03:hover {background-image: url('../images/content/pc/refresh-type01-hover.png');}
.type-content.id-green-summary .section02 .object03 {box-sizing: border-box; position: absolute; right: 40px; top: 50px; width: calc(100% - 367px - 45px - 40px); height: 45px;}
.type-content.id-green-summary .section02 .object03::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-summary .section02 .object03 .form .formSelectList {height: 45px;}
.type-content.id-green-summary .section02 .object03 .form .formSelectList:before {display: block; position: absolute; top: 0; right: 0; width: 45px; height: 100%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #d0202e url('../images/content/pc/arrow-type12.png') no-repeat center center / 10px 6px; content: '';}
.type-content.id-green-summary .section02 .object03 .form .formSelect .formSelectPopup {top: 51px;}
@media (max-width: 1279px) {
  .type-content.id-green-summary .section02 {box-sizing: border-box; position: relative; height: 158px;}
  .type-content.id-green-summary .section02 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 85px; width: 100%; height: 73px; border-radius: 8px; background-color: #fff;}
  .type-content.id-green-summary .section02 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 85px; width: 100%; line-height: 0; text-align: center;}
  .type-content.id-green-summary .section02 .object02 .object0201 {display: inline-block; box-sizing: border-box; position: static; left: auto; top: auto; width: auto; margin: 0; padding: 28px 5px 29px 5px;}
  .type-content.id-green-summary .section02 .object02 .object0201::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
  .type-content.id-green-summary .section02 .object02 .object0201 .item01 {box-sizing: border-box; float: left; padding-right: 15px; color: #999; font-size: 14px; line-height: 14px;}
  .type-content.id-green-summary .section02 .object02 .object0201 .item02 {box-sizing: border-box; float: left; padding-right: 9px; color: #666; font-size: 14px; font-weight: 500; line-height: 14px;}
  .type-content.id-green-summary .section02 .object02 .object0201 .item03 {box-sizing: border-box; float: left; overflow: hidden; width: 18px; height: 18px; background-image: url('../images/content/mobile/refresh-type01.png'); background-size: 18px 18px; text-indent: -1000px; cursor: pointer;}
  .type-content.id-green-summary .section02 .object02 .object0201 .item03:hover {background-image: url('../images/content/mobile/refresh-type01.png');}
  .type-content.id-green-summary .section02 .object03 {box-sizing: border-box; position: absolute; right: auto; top: 20px; width: 100%; height: 45px;}
  .type-content.id-green-summary .section02 .object03 .form .formSelectList:before {background-image: url('../images/content/mobile/arrow-type13.png'); background-size: 10px 6px;}
  .type-content.id-green-summary .section02 .object03 .form .formSelectList input {width: calc(100% - 45px);}
}

.type-content.id-green-summary .section03 {padding-top: 20px;}
.type-content.id-green-summary .section03 .object01 {box-sizing: border-box; height: 91px;}
.type-content.id-green-summary .section03 .object01 ul.list {list-style: none; height: 100%; padding: 0; margin: 0 -10px;}
.type-content.id-green-summary .section03 .object01 ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-summary .section03 .object01 ul.list li {box-sizing: border-box; float: left; height: 100%; padding: 0 10px;}
.type-content.id-green-summary .section03 .object01 ul.list li .contain {box-sizing: border-box; position: relative; height: 100%; border-radius: 8px; background-color: #fff;}
.type-content.id-green-summary .section03 .object01 ul.list li .contain .title {position: absolute; top: 0; left: 20px; color: #222; font-weight: 500; font-size: 16px; line-height: 91px;}
.type-content.id-green-summary .section03 .object01 ul.list li .contain .content {position: absolute; top: 0; right: 20px; color: #222; font-weight: 500; font-size: 36px; line-height: 91px;}
.type-content.id-green-summary .section03 .object01 ul.list li.total {width: calc(357px + 20px);}
.type-content.id-green-summary .section03 .object01 ul.list li.operation,
.type-content.id-green-summary .section03 .object01 ul.list li.waiting,
.type-content.id-green-summary .section03 .object01 ul.list li.apl,
.type-content.id-green-summary .section03 .object01 ul.list li.battery {width: calc((100% - 357px - 20px) / 4);}
.type-content.id-green-summary .section03 .object01 ul.list li.total .contain {background-color: #202845;}
.type-content.id-green-summary .section03 .object01 ul.list li.total .contain .title,
.type-content.id-green-summary .section03 .object01 ul.list li.total .contain .content {color: #fff;}
.type-content.id-green-summary .section03 .object01 ul.list li.apl .contain .content {color: #d0202e;}
.type-content.id-green-summary .section03 .object01 ul.list li.battery .contain .content {color: #2063d2;}
@media (max-width: 1279px) {
  .type-content.id-green-summary .section03 {margin: 0 -20px;}
  .type-content.id-green-summary .section03 .object01 {width: 100%; height: auto; padding: 0 20px;}
  .type-content.id-green-summary .section03 .object01 ul.list {margin: 0 -5px;}
  .type-content.id-green-summary .section03 .object01 ul.list li {padding: 0 5px; margin-top: 10px; height: 67px;}
  .type-content.id-green-summary .section03 .object01 ul.list li:first-child {margin-top: 0;}
  .type-content.id-green-summary .section03 .object01 ul.list li .contain .title {top: 13px; left: 15px; width: 55px; font-size: 14px; line-height: 20px; word-break: keep-all;}
  .type-content.id-green-summary .section03 .object01 ul.list li .contain .content {right: 15px; font-size: 35px; line-height: 67px;}
  .type-content.id-green-summary .section03 .object01 ul.list li.total {width: 100%;}
  .type-content.id-green-summary .section03 .object01 ul.list li.operation,
  .type-content.id-green-summary .section03 .object01 ul.list li.waiting,
  .type-content.id-green-summary .section03 .object01 ul.list li.apl,
  .type-content.id-green-summary .section03 .object01 ul.list li.battery {width: 50%;}
  .type-content.id-green-summary .section03 .object01 ul.list li.total .contain .title {top: 23px;}
}

.type-content.id-green-summary .section04 {box-sizing: border-box; position: relative;}
.type-content.id-green-summary .section04 .green-course {padding-top: 20px;}
.type-content.id-green-summary .section04 .green-course .object01 {box-sizing: border-box; position: relative; height: 274px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-green-summary .section04 .green-course .object01 .header {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 366px; height: 100%;}
.type-content.id-green-summary .section04 .green-course .object01 .header .title {border-bottom: 1px solid #e6e6e6; color: #222; font-weight: bold; font-size: 13px; line-height: 37px; text-align: center;}
.type-content.id-green-summary .section04 .green-course .object01 .header .course,
.type-content.id-green-summary .section04 .green-course .object01 .header .hole {box-sizing: border-box; position: absolute; top: 0; width: 50%; height: 100%; border-right: 1px solid #e6e6e6;}
.type-content.id-green-summary .section04 .green-course .object01 .header .course {left: 0;}
.type-content.id-green-summary .section04 .green-course .object01 .header .hole {right: 0;}
.type-content.id-green-summary .section04 .green-course .object01 .body {box-sizing: border-box; position: absolute; top: 0; left: 366px; width: calc(100% - 366px - 443px); height: 100%;}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list {box-sizing: border-box; list-style: none; height: 100%; padding: 0; margin: 0;}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li {box-sizing: border-box; position: relative; float: left; height: 100%; padding: 107px 0 0 1px;}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li::before {display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 53px; margin-top: -27px; background-color: #e6e6e6; content: '';}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li:first-child {padding-left: 0;}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li:first-child::before {display: none;}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.apl {width: calc(245px + 90px);}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.battery {width: calc(245px + 90px + 1px + 1px);}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.temperature {width: calc(245px + 90px + 1px + 1px);}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li .title {color: #222; font-size: 16px; text-align: center;}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li .content {padding-top: 6px; line-height: 0; text-align: center;}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li .content .contain {display: inline-block; line-height: 1.15;}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li .content .contain::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li .content .contain .status,
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li .content .contain .unit,
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li .content .contain .caption {float: left;}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li .content .contain .status {line-height: 37px;}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.apl .content .contain .status {color: #d0202e; font-size: 24px;}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.battery .content .contain .status {color: #2063d2; font-size: 30px;}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.battery .content .contain .unit {padding-top: 15px; color: #2063d2; font-size: 16px;}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.battery .content .contain .caption {padding: 18px 0 0 10px; color: #2063d2; font-size: 13px;}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.temperature .content .contain .status {color: #222; font-size: 30px;}
.type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.temperature .content .contain .unit {padding: 5px 0 0 3px; color: #999; font-size: 16px;}
.type-content.id-green-summary .section04 .green-course .object01 .footer {box-sizing: border-box; position: absolute; top: 0; right: 0; width: 443px; height: 100%; padding: 20px; border-left: 1px solid #e6e6e6;}
.type-content.id-green-summary .section04 .green-course .object01 .footer .content {box-sizing: border-box; position: relative;  height: 100%; border: 1px solid #e6e6e6; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.type-content.id-green-summary .section04 .green-course .object01 .footer .content .pin {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-color: #fff;}
.type-content.id-green-summary .section04 .green-course .object01 .footer .content .pin .object {overflow: hidden; position: absolute; top: 55px; left: 290px; width: 20px; height: 33px; background: transparent url('../images/content/pc/pin-type01.png') no-repeat center center; text-indent: -1000px;}
.type-content.id-green-summary .section04 .formSelect .formSelectList {display: none;}
.type-content.id-green-summary .section04 .formSelect .formSelectPopup {display: block;}
.type-content.id-green-summary .section04 .formSelect .formSelectPopup {position: absolute; top: 0; left: 0; width: 183px; height: auto; background-color: transparent; z-index: 30;}
.type-content.id-green-summary .section04 .formSelect .formSelectPopup .formSelectPopup-container {position: relative; width: 100%; height: 100%;}
.type-content.id-green-summary .section04 .formSelect .formSelectPopup .formSelectPopup-box {width: 100%;}
.type-content.id-green-summary .section04 .formSelect .formSelectPopup .formSelectPopup-zone {border-left: 0; border-top: 0; border-bottom: 0;  border-radius: 0;}
.type-content.id-green-summary .section04 .formSelect .formSelectPopup .formSelectPopup-header {display: none;}
.type-content.id-green-summary .section04 .formSelect .formSelectPopup ul.formSelectPopup-body {box-sizing: border-box; overflow-y: auto; list-style: none; max-height: 234px; padding: 10px; margin: 0;}
.type-content.id-green-summary .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label {padding: 12px 15px; color: #666; font-size: 13px; line-height: 19px; cursor: pointer;}
.type-content.id-green-summary .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; z-index: 20; -webkit-appearance: none;}
.type-content.id-green-summary .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input[type="checkbox"] {display: none;}
.type-content.id-green-summary .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label i {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px;}
.type-content.id-green-summary .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label:hover {border-radius: 4px;}
.type-content.id-green-summary .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label span {position: relative; z-index: 10;}
.type-content.id-green-summary .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input:checked + input + i {background-color: #202845;}
.type-content.id-green-summary .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input:checked + input + i::before {display: block; position: absolute; top: 50%; right: 15px; width: 5px; height: 9px; margin-top: -5px; background: transparent url('../images/content/pc/arrow-type08.png') no-repeat center center; content: '';}
.type-content.id-green-summary .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input:checked + input + i + span {color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-green-summary .section04 .green-course {padding-top: 20px;}
  .type-content.id-green-summary .section04 .green-course .object01 {height: auto; border: none; border-radius: 0; background-color: transparent;}
  .type-content.id-green-summary .section04 .green-course .object01 .header {position: relative; top: auto; left: auto; width: 100%; height: 45px;}
  .type-content.id-green-summary .section04 .green-course .object01 .header .title {display: none;}
  .type-content.id-green-summary .section04 .green-course .object01 .header .course,
  .type-content.id-green-summary .section04 .green-course .object01 .header .hole {box-sizing: border-box; position: absolute; top: 0; height: 100%; border-right: none;}
  .type-content.id-green-summary .section04 .green-course .object01 .header .course {left: 0; width: 60%;}
  .type-content.id-green-summary .section04 .green-course .object01 .header .hole {right: 0; width: 40%; border-left: 1px solid #5c6379;}
  .type-content.id-green-summary .section04 .green-course .object01 .header .course .formSelectList {border-top-right-radius: 0; border-bottom-right-radius: 0;}
  .type-content.id-green-summary .section04 .green-course .object01 .header .hole .formSelectList {border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .type-content.id-green-summary .section04 .green-course .object01 .body {position: static; top: auto; left: auto; width: 100%; height: 176px; margin-top: 10px; border-radius: 8px; background-color: #fff;}
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list {height: auto; padding-top: 26px;}
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li {float: none; height: 41px; padding-top: 0; padding-left: 0;}
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li::before {display: none;}
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.apl,
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.battery,
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.temperature {width: 100%;}
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li .title {box-sizing: border-box; float: left; width: 50%; padding: 0 15px; font-size: 13px; line-height: 41px; text-align: right;}
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li .content {box-sizing: border-box; float: left; width: 50%; padding: 0 15px; text-align: left;}
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li .content .contain {display: inline-block; line-height: 1.15;}
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li .content .contain .status,
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li .content .contain .unit,
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li .content .contain .caption {float: left;}
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li .content .contain .status {line-height: 41px;}
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.apl .content .contain .status {font-size: 17px;}
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.battery .content .contain .status {font-size: 21px;}
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.battery .content .contain .unit {padding-top: 17px; font-size: 13px;}
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.battery .content .contain .caption {padding-left: 8px; font-size: 11px;}
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.temperature .content .contain .status {font-size: 21px;}
  .type-content.id-green-summary .section04 .green-course .object01 .body ul.list li.temperature .content .contain .unit {padding-top: 11px; padding-right: 4px; font-size: 10px;}
  .type-content.id-green-summary .section04 .green-course .object01 .footer {position: static; top: auto; right: auto; width: 100%; height: auto; padding: 10px 0 0 0; border-left: none;}
  .type-content.id-green-summary .section04 .green-course .object01 .footer .content {height: 236px; border-radius: 8px;}
  .type-content.id-green-summary .section04 .green-course .object01 .footer .content .pin {border-radius: 8px;}
  .type-content.id-green-summary .section04 .green-course .object01 .footer .content .pin .object {top: 68px; left: 219px; width: 16px; height: 26px; background-image: url('../images/content/mobile/pin-type01.png'); background-size: 16px 26px;}
  .type-content.id-green-summary .section04 .formSelect .formSelectList {display: block; border: none; background-color: #202845;}
  .type-content.id-green-summary .section04 .formSelect .formSelectList input {color: #fff; font-size: 14px;}
  .type-content.id-green-summary .section04 .formSelect .formSelectList input::placeholder {color: #fff;}
  .type-content.id-green-summary .section04 .formSelect .formSelectList input::-webkit-input-placeholder {color: #fff;}
  .type-content.id-green-summary .section04 .formSelect .formSelectList input:-ms-input-placeholder {color: #fff;}
  .type-content.id-green-summary .section04 .formSelect .formSelectPopup {display: none;}
}

.type-content.id-green-summary .section05 .body {box-sizing: border-box; position: relative;}
.type-content.id-green-summary .section05 .body .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-green-summary .section05 .body .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-green-summary .section05 .body .table .contain table colgroup col.course {width: 240px;}
.type-content.id-green-summary .section05 .body .table .contain table colgroup col.hole {width: 125px;}
.type-content.id-green-summary .section05 .body .table .contain table tr th,
.type-content.id-green-summary .section05 .body .table .contain table tr td {overflow: hidden; padding: 0 20px; 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;}
.type-content.id-green-summary .section05 .body .table .contain table tr th {color: #222;}
.type-content.id-green-summary .section05 .body .table .contain table tr td {font-size: 14px;}
.type-content.id-green-summary .section05 .body .table .contain table tr th:first-child,
.type-content.id-green-summary .section05 .body .table .contain table tr td:first-child {border-left: none;}
.type-content.id-green-summary .section05 .body .table .contain table thead tr th {border-top: none;}
.type-content.id-green-summary .section05 .body .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-green-summary .section05 .body .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-green-summary .section05 .body .table .contain table thead tr th.course,
.type-content.id-green-summary .section05 .body .table .contain table thead tr th.hole {background-color: #202845; color: #fff;}
.type-content.id-green-summary .section05 .body .table .contain table thead tr th .item {display: inline-block;}
.type-content.id-green-summary .section05 .body .table .contain table thead tr th.sort {cursor: pointer;}
.type-content.id-green-summary .section05 .body .table .contain table thead tr th.sort.descending .item,
.type-content.id-green-summary .section05 .body .table .contain table thead tr th.sort.ascending .item {position: relative; padding-right: 16px;}
.type-content.id-green-summary .section05 .body .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-green-summary .section05 .body .table .contain table thead tr th.sort.ascending .item::before {display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 5px; margin-top: -2px; background: transparent url('../images/content/pc/arrow-type05.png') no-repeat center top; content: '';}
.type-content.id-green-summary .section05 .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -3px; background-position: center bottom;}
.type-content.id-green-summary .section05 .body .table .contain table thead tr th.course.sort.descending .item::before,
.type-content.id-green-summary .section05 .body .table .contain table thead tr th.course.sort.ascending .item::before {background-image: url('../images/content/pc/arrow-type06.png');}
.type-content.id-green-summary .section05 .body .table .contain table tbody tr td.communicationStatusAbnormal {color: #d0202e;}
.type-content.id-green-summary .section05 .body .table .contain table tbody tr td.batteryStatusAbnormal,
.type-content.id-green-summary .section05 .body .table .contain table tbody tr td.batteryLevelAbnormal {color: #2063d2;}
.type-content.id-green-summary .section05 .body .table .contain table tbody tr td.course,
.type-content.id-green-summary .section05 .body .table .contain table tbody tr td.hole {background-color: #f9f9f9;}
.type-content.id-green-summary .section05 .body .table .contain table tbody tr td.course.last {border-bottom-left-radius: 7px;}
.type-content.id-green-summary .section05 .body .table .contain table tbody tr:last-child td:last-child {border-bottom-right-radius: 7px;}
.type-content.id-green-summary .section05 .body .table .contain table tbody.none {display: none;}
.type-content.id-green-summary .section05 .body .table .contain table tbody.none tr td {color: #999; line-height: 113px;}
.type-content.id-green-summary .section05 .body .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-green-summary .section05 .body .table.thead .fixed {box-sizing: border-box; width: 1820px; height: calc(20px + 39px); padding-top: 20px; background-color: #f5f5f5;}
.type-content.id-green-summary .section05 .body .table.thead .fixed.active {position: fixed; top: calc(55px -  1px);}
.type-content.id-green-summary .section05 .body .table.thead .contain {border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-green-summary .section05 .body .table.tbody {padding-top: calc(20px + 39px - 1px);}
.type-content.id-green-summary .section05 .body .table.tbody .contain {border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-green-summary .section05 .body .table.tbody .contain table {margin-top: -1px;}
.type-content.id-green-summary .section05 .body.none .table .contain table thead tr th.sort {cursor: auto;}
.type-content.id-green-summary .section05 .body.none .table .contain table thead tr th.sort.descending .item,
.type-content.id-green-summary .section05 .body.none .table .contain table thead tr th.sort.ascending .item {padding-right: 0;}
.type-content.id-green-summary .section05 .body.none .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-green-summary .section05 .body.none .table .contain table thead tr th.sort.ascending .item::before {display: none;}
.type-content.id-green-summary .section05 .body.none .table .contain table tbody {display: none;}
.type-content.id-green-summary .section05 .body.none .table .contain table tbody.none {display: table-row-group;}
@media (max-width: 1279px) {
  .type-content.id-green-summary .section05 {overflow-x: auto; padding-top: 0; margin: 0 -20px;}
  .type-content.id-green-summary .section05 .body {width: calc(1091px + 40px); padding: 0 20px;}
  .type-content.id-green-summary .section05 .body .table .contain table colgroup col.course {width: 250px;}
  .type-content.id-green-summary .section05 .body .table .contain table tr th,
  .type-content.id-green-summary .section05 .body .table .contain table tr td {padding: 0 10px; font-size: 14px; line-height: 47px;}
  .type-content.id-green-summary .section05 .body .table .contain table tr td {padding: 9px 10px; line-height: 21px;}
  .type-content.id-green-summary .section05 .body .table .contain table thead tr th.sort.descending .item::before,
  .type-content.id-green-summary .section05 .body .table .contain table thead tr th.sort.ascending .item::before {width: 9px; height: 4px; background-image: url('../images/content/mobile/arrow-type05.png'); background-size: 9px;}
  .type-content.id-green-summary .section05 .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -2px;}
  .type-content.id-green-summary .section05 .body .table .contain table tbody.none tr td {line-height: 143px;}
  .type-content.id-green-summary .section05 .body .table.thead {left: 20px;}
  .type-content.id-green-summary .section05 .body .table.thead .fixed {width: 1091px; height: calc(10px + 49px); padding-top: 10px;}
  .type-content.id-green-summary .section05 .body .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-green-summary .section05 .body .table.tbody {padding-top: calc(10px + 49px - 1px);}
}

.type-content.id-green-summary.loginClub .section02 .object02 {width: 100%; height: 85px;}
.type-content.id-green-summary.loginClub .section02 .object02 .object0201 {box-sizing: border-box; position: static; left: auto; top: auto; width: 367px; padding: 34px 39px 35px 39px; margin: 0 auto;}
.type-content.id-green-summary.loginClub .section02 .object03 {display: none;}
.type-content.id-green-summary.asideActive .section04 .green-course .object01 .body ul.list li.apl {width: 245px;}
.type-content.id-green-summary.asideActive .section04 .green-course .object01 .body ul.list li.battery {width: calc(245px + 1px + 1px);}
.type-content.id-green-summary.asideActive .section04 .green-course .object01 .body ul.list li.temperature {width: calc(245px + 1px + 1px);}
.type-content.id-green-summary.asideActive .section05 .body .table.thead .fixed {width: 1550px;}
@media (max-width: 1279px) {
  .type-content.id-green-summary.loginClub main {padding-top: calc(66px - 1px);}
  .type-content.id-green-summary.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-green-summary.loginClub .section02 {height: 93px;}
  .type-content.id-green-summary.loginClub .section02 .object01 {top: 20px;}
  .type-content.id-green-summary.loginClub .section02 .object02 {top: 20px;}
  .type-content.id-green-summary.loginClub .section02 .object02 .object0201 {display: inline-block; box-sizing: border-box; position: static; left: auto; top: auto; width: auto; margin: 0; padding: 28px 5px 29px 5px;}
  .type-content.id-green-summary.loginClub .section02 .object03 {display: none;}
  .type-content.id-green-summary.asideActive .section04 .green-course .object01 .body ul.list li.apl,
  .type-content.id-green-summary.asideActive .section04 .green-course .object01 .body ul.list li.battery,
  .type-content.id-green-summary.asideActive .section04 .green-course .object01 .body ul.list li.temperature {width: 100%;}
  .type-content.id-green-summary.asideActive .section05 .green-course .body .table.thead .fixed {width: 1091px;}
  .type-content.id-green-summary.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 그린관제시스템 > 그린 온도 > 실시간 그린 온도 */
.type-content.id-green-temperature-realtime .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-green-temperature-realtime .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-green-temperature-realtime .section01 {position: relative; height: 23px;}
  .type-content.id-green-temperature-realtime .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-green-temperature-realtime .section02 {box-sizing: border-box; position: relative; height: 115px;}
.type-content.id-green-temperature-realtime .section02 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 30px; width: 100%; height: 85px; border-radius: 8px; background-color: #fff;}
.type-content.id-green-temperature-realtime .section02 .object02 {box-sizing: border-box; position: absolute; left: 226px; top: 50px; width: calc(100% - 367px - 45px - 40px);}
.type-content.id-green-temperature-realtime .section02 .object02 .form .formSelectList {height: 45px;}
.type-content.id-green-temperature-realtime .section02 .object02 .form .formSelectList:before {display: block; position: absolute; top: 0; right: 0; width: 45px; height: 100%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #d0202e url('../images/content/pc/arrow-type12.png') no-repeat center center / 10px 6px; content: '';}
.type-content.id-green-temperature-realtime .section02 .object02 .form .formSelect .formSelectPopup {top: 51px;}
@media (max-width: 1279px) {
  .type-content.id-green-temperature-realtime .section02 {position: relative; height: 64px;}
  .type-content.id-green-temperature-realtime .section02 .object01 {display: none;}
  .type-content.id-green-temperature-realtime .section02 .object02 {position: absolute; left: 0; top: 20px; width: 100%; height: 45px;}
  .type-content.id-green-temperature-realtime .section02 .object02 .form .formSelectList:before {background-image: url('../images/content/mobile/arrow-type13.png'); background-size: 10px 6px;}
}

.type-content.id-green-temperature-realtime .section03 {box-sizing: border-box; position: relative; height: 85px;}
.type-content.id-green-temperature-realtime .section03 .object01 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 55px; border-radius: 4px;}
.type-content.id-green-temperature-realtime .section03 .object01 .title ul.list {list-style: none; position: relative; padding: 0; margin: 0;}
.type-content.id-green-temperature-realtime .section03 .object01 .title ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-temperature-realtime .section03 .object01 .title ul.list li {box-sizing: border-box; float: left; width: 50%; background-color: #fff; color: #aaa; font-size: 16px; line-height: 54px; text-align: center; cursor: pointer;}
.type-content.id-green-temperature-realtime .section03 .object01 .title ul.list li.time {border-right: none; border-color: transparent; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: #202845; color: #fff;}
.type-content.id-green-temperature-realtime .section03 .object01 .title ul.list li.term {border-left: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.type-content.id-green-temperature-realtime .section03 .object01.term .title ul.list li.time {border-color: #e6e6e6; border-left: 0; border-right: 1px solid #e6e6e6; background-color: #fff; color: #aaa;}
.type-content.id-green-temperature-realtime .section03 .object01.term .title ul.list li.term {border-color: transparent; background-color: #202845; color: #fff;}
.type-content.id-green-temperature-realtime .section03 .object02 {display: none; box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 45px;}
@media (max-width: 1279px) {
  .type-content.id-green-temperature-realtime .section03 {position: relative; height: 65px;}
  .type-content.id-green-temperature-realtime .section03 .object01 {display: none;}
  .type-content.id-green-temperature-realtime .section03 .object02 {display: block; position: absolute; top: 20px; left: 0; width: 100%; height: 45px;}
  .type-content.id-green-temperature-realtime .section03 .object02 .formSelectList {box-sizing: border-box; position: relative; height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #fff; cursor: pointer;}
  .type-content.id-green-temperature-realtime .section03 .object02 .formSelectList:before {display: block; position: absolute; top: 0; right: 0; width: 39px; height: 100%; background: #202845 url('../images/content/pc/arrow-type11.png') no-repeat center center; content: '';}
  .type-content.id-green-temperature-realtime .section03 .object02 .formSelectList input {box-sizing: border-box; width: calc(100% - 39px); height: 100%; padding: 0 0 0 15px; margin: 0; border: none; border-radius: 0; background-color: #202845; color: #fff; font-size: 14px; cursor: pointer; -webkit-appearance: none;}
}

.type-content.id-green-temperature-realtime .section04 {box-sizing: border-box; position: relative; height: 105px;}
.type-content.id-green-temperature-realtime .section04 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%; height: 85px; border-radius: 8px; background-color: #fff;}
.type-content.id-green-temperature-realtime .section04 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 20px;}
.type-content.id-green-temperature-realtime .section04 .object02 .object0201 {box-sizing: border-box; position: absolute; left: 34px; top: 35px; width: 367px; padding: 0 39px;}
.type-content.id-green-temperature-realtime .section04 .object02 .object0201::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-temperature-realtime .section04 .object02 .object0201 .item01 {box-sizing: border-box; float: left; padding-right: 15px; color: #999; font-size: 13px; line-height: 13px;}
.type-content.id-green-temperature-realtime .section04 .object02 .object0201 .item02 {box-sizing: border-box; float: left; padding-right: 9px; color: #666; font-size: 13px; font-weight: 500; line-height: 13px;}
.type-content.id-green-temperature-realtime .section04 .object02 .object0201 .item03 {box-sizing: border-box; float: left; overflow: hidden; width: 18px; height: 18px; margin-top: -2px; background: transparent url('../images/content/pc/refresh-type01.png') no-repeat center center; text-indent: -1000px; cursor: pointer;}
.type-content.id-green-temperature-realtime .section04 .object02 .object0201 .item03:hover {background-image: url('../images/content/pc/refresh-type01-hover.png');}
.type-content.id-green-temperature-realtime .section04 .object03 {box-sizing: border-box; position: absolute; right: 40px; top: 40px; width: calc(100% - 367px - 45px - 40px); height: 45px;}
.type-content.id-green-temperature-realtime .section04 .object03::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-temperature-realtime .section04 .object03 .form .formSelectList {height: 45px;}
.type-content.id-green-temperature-realtime .section04 .object03 .form .formSelect .formSelectPopup {top: 51px;}
@media (max-width: 1279px) {
  .type-content.id-green-temperature-realtime .section04 {box-sizing: border-box; position: relative; height: 148px;}
  .type-content.id-green-temperature-realtime .section04 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%; height: 73px; border-radius: 8px; background-color: #fff;}
  .type-content.id-green-temperature-realtime .section04 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%; line-height: 0; text-align: center;}
  .type-content.id-green-temperature-realtime .section04 .object02 .object0201 {display: inline-block; box-sizing: border-box; position: static; left: auto; top: auto; width: auto; margin: 0; padding: 28px 5px 29px 5px;}
  .type-content.id-green-temperature-realtime .section04 .object02 .object0201::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
  .type-content.id-green-temperature-realtime .section04 .object02 .object0201 .item01 {box-sizing: border-box; float: left; padding-right: 15px; color: #999; font-size: 14px; line-height: 14px;}
  .type-content.id-green-temperature-realtime .section04 .object02 .object0201 .item02 {box-sizing: border-box; float: left; padding-right: 9px; color: #666; font-size: 14px; font-weight: 500; line-height: 14px;}
  .type-content.id-green-temperature-realtime .section04 .object02 .object0201 .item03 {box-sizing: border-box; float: left; overflow: hidden; width: 18px; height: 18px; background-image: url('../images/content/mobile/refresh-type01.png'); background-size: 18px 18px; text-indent: -1000px; cursor: pointer;}
  .type-content.id-green-temperature-realtime .section04 .object02 .object0201 .item03:hover {background-image: url('../images/content/mobile/refresh-type01.png');}
  .type-content.id-green-temperature-realtime .section04 .object03 {box-sizing: border-box; position: absolute; right: auto; top: 103px; width: 100%; height: 45px;}
  .type-content.id-green-temperature-realtime .section04 .object03 .form .formSelectList input {width: calc(100% - 45px);}
}

.type-content.id-green-temperature-realtime .section05 {box-sizing: border-box; position: relative; height: 419px;}
.type-content.id-green-temperature-realtime .section05 .zone {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100%; height: 399px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-green-temperature-realtime .section05 .zone .graph {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 7px;}
.type-content.id-green-temperature-realtime .section05 .zone .legend {display: none; box-sizing: border-box; position: absolute; top: 0; right: 0; width: 202px; height: 100%; border-left: 1px solid #e6e6e6; border-radius: 0 7px 7px 0;}
@media (max-width: 1279px) {
  .type-content.id-green-temperature-realtime .section05 {box-sizing: border-box; position: relative; height: auto;}
  .type-content.id-green-temperature-realtime .section05 .zone {box-sizing: border-box; position: static; width: 100%; height: 360px; margin-top: 10px;}
  .type-content.id-green-temperature-realtime .section05 .zone .graph {box-sizing: border-box; position: static; width: 100%; height: 100%;}
  .type-content.id-green-temperature-realtime .section05 .zone .legend {box-sizing: border-box; position: static; width: 100%; height: auto; min-height: 150px; border-left: none; border-top: 1px solid #e6e6e6;}
}

.type-content.id-green-temperature-realtime .section06 .body {box-sizing: border-box; position: relative;}
.type-content.id-green-temperature-realtime .section06 .body .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-green-temperature-realtime .section06 .body .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-green-temperature-realtime .section06 .body .table .contain table tr th,
.type-content.id-green-temperature-realtime .section06 .body .table .contain table tr td {overflow: hidden; padding: 0 20px; 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;}
.type-content.id-green-temperature-realtime .section06 .body .table .contain table tr th {color: #222;}
.type-content.id-green-temperature-realtime .section06 .body .table .contain table tr td {padding: 9px 0; font-size: 14px; line-height: 19px;}
.type-content.id-green-temperature-realtime .section06 .body .table .contain table tr th:first-child,
.type-content.id-green-temperature-realtime .section06 .body .table .contain table tr td:first-child {border-left: none;}
.type-content.id-green-temperature-realtime .section06 .body .table .contain table thead tr th {border-top: none;}
.type-content.id-green-temperature-realtime .section06 .body .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-green-temperature-realtime .section06 .body .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-green-temperature-realtime .section06 .body .table .contain table thead tr th .item {display: inline-block;}
.type-content.id-green-temperature-realtime .section06 .body .table .contain table tbody tr td.lowest {color: #2063d2;}
.type-content.id-green-temperature-realtime .section06 .body .table .contain table tbody tr td.highest {color: #d0202e;}
.type-content.id-green-temperature-realtime .section06 .body .table .contain table tbody tr:last-child td:first-child {border-bottom-left-radius: 7px;}
.type-content.id-green-temperature-realtime .section06 .body .table .contain table tbody tr:last-child td:last-child {border-bottom-right-radius: 7px;}
.type-content.id-green-temperature-realtime .section06 .body .table .contain table tbody.none {display: none;}
.type-content.id-green-temperature-realtime .section06 .body .table .contain table tbody.none tr td {color: #999; line-height: 113px;}
.type-content.id-green-temperature-realtime .section06 .body .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-green-temperature-realtime .section06 .body .table.thead .fixed {box-sizing: border-box; width: 1820px; height: calc(20px + 39px); padding-top: 20px; background-color: #f5f5f5;}
.type-content.id-green-temperature-realtime .section06 .body .table.thead .fixed.active {position: fixed; top: calc(55px -  1px);}
.type-content.id-green-temperature-realtime .section06 .body .table.thead .contain {border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-green-temperature-realtime .section06 .body .table.tbody {padding-top: calc(20px + 39px - 1px);}
.type-content.id-green-temperature-realtime .section06 .body .table.tbody .contain {border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-green-temperature-realtime .section06 .body .table.tbody .contain table {margin-top: -1px;}
.type-content.id-green-temperature-realtime .section06 .body.none .table .contain table tbody {display: none;}
.type-content.id-green-temperature-realtime .section06 .body.none .table .contain table tbody.none {display: table-row-group;}
@media (max-width: 1279px) {
  .type-content.id-green-temperature-realtime .section06 {overflow-x: auto; padding-top: 0; margin: 0 -20px;}
  .type-content.id-green-temperature-realtime .section06 .body {width: calc(1091px + 40px); padding: 0 20px;}
  .type-content.id-green-temperature-realtime .section06 .body .table .contain table tr th,
  .type-content.id-green-temperature-realtime .section06 .body .table .contain table tr td {padding: 0 10px; font-size: 14px; line-height: 47px;}
  .type-content.id-green-temperature-realtime .section06 .body .table .contain table tr td {padding: 9px 10px; line-height: 21px;}
  .type-content.id-green-temperature-realtime .section06 .body .table .contain table tbody.none tr td {line-height: 143px;}
  .type-content.id-green-temperature-realtime .section06 .body .table.thead {left: 20px;}
  .type-content.id-green-temperature-realtime .section06 .body .table.thead .fixed {width: 1091px; height: calc(10px + 49px); padding-top: 10px;}
  .type-content.id-green-temperature-realtime .section06 .body .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-green-temperature-realtime .section06 .body .table.tbody {padding-top: calc(10px + 49px - 1px);}
}

.type-content.id-green-temperature-realtime.loginClub .section02 {display: none;}
.type-content.id-green-temperature-realtime.loginClub .section03 {height: 85px;}
.type-content.id-green-temperature-realtime.loginClub .section03 .object01 {top: 30px;}
.type-content.id-green-temperature-realtime.asideActive .section06 .body .table.thead .fixed {width: 1550px;}
@media (max-width: 1279px) {
  .type-content.id-green-temperature-realtime.loginClub main {padding-top: calc(66px - 1px);}
  .type-content.id-green-temperature-realtime.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-green-temperature-realtime.loginClub .section03 {height: 65px;}
  .type-content.id-green-temperature-realtime.loginClub .section03 .object01 {top: 20px;}
  .type-content.id-green-temperature-realtime.asideActive .section06 .green-course .body .table.thead .fixed {width: 1091px;}
  .type-content.id-green-temperature-realtime.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 그린관제시스템 > 그린 온도 > 기간별 그린 온도 */
.type-content.id-green-temperature-term .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-green-temperature-term .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-green-temperature-term .section01 {position: relative; height: 23px;}
  .type-content.id-green-temperature-term .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-green-temperature-term .section02 {box-sizing: border-box; position: relative; height: 115px;}
.type-content.id-green-temperature-term .section02 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 30px; width: 100%; height: 85px; border-radius: 8px; background-color: #fff;}
.type-content.id-green-temperature-term .section02 .object02 {box-sizing: border-box; position: absolute; left: 226px; top: 50px; width: calc(100% - 367px - 45px - 40px);}
.type-content.id-green-temperature-term .section02 .object02 .form .formSelectList {height: 45px;}
.type-content.id-green-temperature-term .section02 .object02 .form .formSelectList:before {display: block; position: absolute; top: 0; right: 0; width: 45px; height: 100%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #d0202e url('../images/content/pc/arrow-type12.png') no-repeat center center / 10px 6px; content: '';}
.type-content.id-green-temperature-term .section02 .object02 .form .formSelect .formSelectPopup {top: 51px;}
@media (max-width: 1279px) {
  .type-content.id-green-temperature-term .section02 {position: relative; height: 65px;}
  .type-content.id-green-temperature-term .section02 .object01 {display: none;}
  .type-content.id-green-temperature-term .section02 .object02 {position: absolute; left: 0; top: 20px; width: 100%; height: 45px;}
  .type-content.id-green-temperature-term .section02 .object02 .form .formSelectList:before {background-image: url('../images/content/mobile/arrow-type13.png'); background-size: 10px 6px;}
}

.type-content.id-green-temperature-term .section03 {box-sizing: border-box; position: relative; height: 85px;}
.type-content.id-green-temperature-term .section03 .object01 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 55px; border-radius: 4px;}
.type-content.id-green-temperature-term .section03 .object01 .title ul.list {list-style: none; position: relative; padding: 0; margin: 0;}
.type-content.id-green-temperature-term .section03 .object01 .title ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-temperature-term .section03 .object01 .title ul.list li {box-sizing: border-box; float: left; width: 50%; background-color: #fff; color: #aaa; font-size: 16px; line-height: 54px; text-align: center; cursor: pointer;}
.type-content.id-green-temperature-term .section03 .object01 .title ul.list li.time {border-right: none; border-color: transparent; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: #202845; color: #fff;}
.type-content.id-green-temperature-term .section03 .object01 .title ul.list li.term {border-left: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.type-content.id-green-temperature-term .section03 .object01.term .title ul.list li.time {border-color: #e6e6e6; border-left: 0; border-right: 1px solid #e6e6e6; background-color: #fff; color: #aaa;}
.type-content.id-green-temperature-term .section03 .object01.term .title ul.list li.term {border-color: transparent; background-color: #202845; color: #fff;}
.type-content.id-green-temperature-term .section03 .object02 {display: none; box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 45px;}
@media (max-width: 1279px) {
  .type-content.id-green-temperature-term .section03 {position: relative; height: 65px;}
  .type-content.id-green-temperature-term .section03 .object01 {display: none;}
  .type-content.id-green-temperature-term .section03 .object02 {display: block; position: absolute; top: 20px; left: 0; width: 100%; height: 45px;}
  .type-content.id-green-temperature-term .section03 .object02 .formSelectList {box-sizing: border-box; position: relative; height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #fff; cursor: pointer;}
  .type-content.id-green-temperature-term .section03 .object02 .formSelectList:before {display: block; position: absolute; top: 0; right: 0; width: 39px; height: 100%; background: #202845 url('../images/content/pc/arrow-type11.png') no-repeat center center; content: '';}
  .type-content.id-green-temperature-term .section03 .object02 .formSelectList input {box-sizing: border-box; width: calc(100% - 39px); height: 100%; padding: 0 0 0 15px; margin: 0; border: none; border-radius: 0; background-color: #202845; color: #fff; font-size: 14px; cursor: pointer; -webkit-appearance: none;}
}

.type-content.id-green-temperature-term .section04 {box-sizing: border-box; position: relative; height: 105px;}
.type-content.id-green-temperature-term .section04 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%; height: 85px; border-radius: 8px; background-color: #fff;}
.type-content.id-green-temperature-term .section04 .object02 {box-sizing: border-box; position: absolute; left: 226px; top: 40px; width: calc(100% - 300px);}
.type-content.id-green-temperature-term .section04 .object02 .form::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-temperature-term .section04 .object02 .form ul.month {display: none; list-style: none; box-sizing: border-box; float: left; height: 40px; padding: 0; margin: 0; font-size: 13px; color: #666;}
.type-content.id-green-temperature-term .section04 .object02 .form ul.month::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-temperature-term .section04 .object02 .form ul.month li {box-sizing: border-box; position: relative; float: left; width: 60px; border: 1px solid #e6e6e6; margin-left: -1px; line-height: 38px; text-align: center; cursor: pointer; background-color: #fff;}
.type-content.id-green-temperature-term .section04 .object02 .form ul.month li:hover {background-color: #f5f5f5;}
.type-content.id-green-temperature-term .section04 .object02 .form ul.month li:first-child {margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.type-content.id-green-temperature-term .section04 .object02 .form ul.month li:last-child {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.type-content.id-green-temperature-term .section04 .object02 .form ul.month li.active {border-color: #d0202e; color: #d0202e; z-index: 10;}
.type-content.id-green-temperature-term .section04 .object02 .form .formSelect {float: left; width: calc(100% - 655px + 204px); margin-left: -1px;}
.type-content.id-green-temperature-term .section04 .object02 .form .formCalendar {float: left;}
.type-content.id-green-temperature-term .section04 .object02 .form .formSelect .formSelectList {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-green-temperature-term .section04 .object02 .form .formCalendar .formCalendarList {border-top-right-radius: 0; border-bottom-right-radius: 0;}
@media (max-width: 1279px) {
  .type-content.id-green-temperature-term .section04 {display: none;}
  .type-content.id-green-temperature-term .section04 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%; height: 73px; border-radius: 8px; background-color: #fff;}
  .type-content.id-green-temperature-term .section04 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%;}
  .type-content.id-green-temperature-term .section04 .object02 .form ul.month {float: none;}
  .type-content.id-green-temperature-term .section04 .object02 .form ul.month li {width: calc((100% / 3) + 1px);}
  .type-content.id-green-temperature-term .section04 .object02 .form ul.month li:first-child {width: calc(100% / 3);}
  .type-content.id-green-temperature-term .section04 .object02 .form .formSelectList input {width: calc(100% - 45px);}
}

.type-content.id-green-temperature-term .section05 .body {box-sizing: border-box; position: relative;}
.type-content.id-green-temperature-term .section05 .body .table .unit {box-sizing: border-box; position: absolute; top: 32px; left: 0; width: 100%; font-size: 14px; font-weight: 500; color: #666; line-height: 13px;}
.type-content.id-green-temperature-term .section05 .body .table .unit span {color: #d0202e;}
.type-content.id-green-temperature-term .section05 .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-green-temperature-term .section05 .body .table .excel:hover {background-color: #f5f5f5;}
.type-content.id-green-temperature-term .section05 .body .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-green-temperature-term .section05 .body .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-green-temperature-term .section05 .body .table .contain table colgroup col.date {width: 120px;}
.type-content.id-green-temperature-term .section05 .body .table .contain table colgroup col.course {width: 160px;}
.type-content.id-green-temperature-term .section05 .body .table .contain table tr th,
.type-content.id-green-temperature-term .section05 .body .table .contain table tr td {overflow: hidden; padding: 0 20px; 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;}
.type-content.id-green-temperature-term .section05 .body .table .contain table tr th {color: #222; padding: 0 5px;}
.type-content.id-green-temperature-term .section05 .body .table .contain table tr td {padding: 9px 5px; font-size: 14px; line-height: 19px;}
.type-content.id-green-temperature-term .section05 .body .table .contain table tr th:first-child,
.type-content.id-green-temperature-term .section05 .body .table .contain table tr td:first-child {border-left: none;}
.type-content.id-green-temperature-term .section05 .body .table .contain table thead tr th {border-top: none;}
.type-content.id-green-temperature-term .section05 .body .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-green-temperature-term .section05 .body .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-green-temperature-term .section05 .body .table .contain table thead tr th.date {background-color: #202845; color: #fff;}
.type-content.id-green-temperature-term .section05 .body .table .contain table thead tr th .item {display: inline-block;}
.type-content.id-green-temperature-term .section05 .body .table .contain table thead tr th.sort {cursor: pointer;}
.type-content.id-green-temperature-term .section05 .body .table .contain table thead tr th.sort.descending .item,
.type-content.id-green-temperature-term .section05 .body .table .contain table thead tr th.sort.ascending .item {position: relative; padding-right: 16px;}
.type-content.id-green-temperature-term .section05 .body .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-green-temperature-term .section05 .body .table .contain table thead tr th.sort.ascending .item::before {display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 5px; margin-top: -2px; background: transparent url('../images/content/pc/arrow-type05.png') no-repeat center top; content: '';}
.type-content.id-green-temperature-term .section05 .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -3px; background-position: center bottom;}
.type-content.id-green-temperature-term .section05 .body .table .contain table thead tr th.date.sort.descending .item::before {background-image: url('../images/content/pc/arrow-type06.png');}
.type-content.id-green-temperature-term .section05 .body .table .contain table tbody tr td.date {background-color: #f9f9f9;}
.type-content.id-green-temperature-term .section05 .body .table .contain table tbody tr:last-child td:first-child {border-bottom-left-radius: 7px;}
.type-content.id-green-temperature-term .section05 .body .table .contain table tbody tr:last-child td:last-child {border-bottom-right-radius: 7px;}
.type-content.id-green-temperature-term .section05 .body .table .contain table tbody.none {display: none;}
.type-content.id-green-temperature-term .section05 .body .table .contain table tbody.none tr td {color: #999; line-height: 113px;}
.type-content.id-green-temperature-term .section05 .body .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-green-temperature-term .section05 .body .table.thead .fixed {box-sizing: border-box; width: 1820px; height: calc(15px + 39px + 45px); padding-top: 60px; background-color: #f5f5f5;}
.type-content.id-green-temperature-term .section05 .body .table.thead .fixed.active {position: fixed; top: calc(55px -  1px);}
.type-content.id-green-temperature-term .section05 .body .table.thead .contain {border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-green-temperature-term .section05 .body .table.tbody {padding-top: calc(15px + 39px + 45px - 1px);}
.type-content.id-green-temperature-term .section05 .body .table.tbody .contain {border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-green-temperature-term .section05 .body .table.tbody .contain table {margin-top: -1px;}
.type-content.id-green-temperature-term .section05 .body.none .table .contain table thead tr th.sort {cursor: auto;}
.type-content.id-green-temperature-term .section05 .body.none .table .contain table thead tr th.sort.descending .item,
.type-content.id-green-temperature-term .section05 .body.none .table .contain table thead tr th.sort.ascending .item {padding-right: 0;}
.type-content.id-green-temperature-term .section05 .body.none .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-green-temperature-term .section05 .body.none .table .contain table thead tr th.sort.ascending .item::before {display: none;}
.type-content.id-green-temperature-term .section05 .body.none .table .contain table tbody {display: none;}
.type-content.id-green-temperature-term .section05 .body.none .table .contain table tbody.none {display: table-row-group;}
@media (max-width: 1279px) {
  .type-content.id-green-temperature-term .section05 {display: none; overflow-x: auto; padding-top: 0; margin: 0 -20px;}
  .type-content.id-green-temperature-term .section05 .body {width: calc(1091px + 40px); padding: 0 20px;}
  .type-content.id-green-temperature-term .section05 .body .table .contain table tr th,
  .type-content.id-green-temperature-term .section05 .body .table .contain table tr td {padding: 0 10px; font-size: 14px; line-height: 47px;}
  .type-content.id-green-temperature-term .section05 .body .table .contain table tr td {padding: 9px 10px; line-height: 21px;}
  .type-content.id-green-temperature-term .section05 .body .table .contain table thead tr th.sort.descending .item::before,
  .type-content.id-green-temperature-term .section05 .body .table .contain table thead tr th.sort.ascending .item::before {width: 9px; height: 4px; background-image: url('../images/content/mobile/arrow-type05.png'); background-size: 9px;}
  .type-content.id-green-temperature-term .section05 .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -2px;}
  .type-content.id-green-temperature-term .section05 .body .table .contain table tbody.none tr td {line-height: 143px;}
  .type-content.id-green-temperature-term .section05 .body .table.thead {left: 20px;}
  .type-content.id-green-temperature-term .section05 .body .table.thead .fixed {width: 1091px; height: calc(10px + 49px); padding-top: 10px;}
  .type-content.id-green-temperature-term .section05 .body .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-green-temperature-term .section05 .body .table.tbody {padding-top: calc(10px + 49px - 1px);}
}

.type-content.id-green-temperature-term .section06 {display: none; box-sizing: border-box; position: relative; padding: 20px;}
.type-content.id-green-temperature-term .section06 .object01 {box-sizing: border-box; width: 100%; font-size: 14px; color: #999; text-align: center; line-height: 21px;}
@media (max-width: 1279px) {
  .type-content.id-green-temperature-term .section06 {display: block; padding: 20px 0 0 0;}
  .type-content.id-green-temperature-term .section06 .object01 {box-sizing: border-box; padding: 118px 15px;  border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
}

.type-content.id-green-temperature-term.loginClub .section02 {display: none;}
.type-content.id-green-temperature-term.loginClub .section03 {height: 85px;}
.type-content.id-green-temperature-term.loginClub .section03 .object01 {top: 30px;}
.type-content.id-green-temperature-term.asideActive .section05 .body .table.thead .fixed {width: 1550px;}
@media (max-width: 1279px) {
  .type-content.id-green-temperature-term.loginClub main {padding-top: calc(66px - 1px);}
  .type-content.id-green-temperature-term.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-green-temperature-term.loginClub .section03 {height: 65px;}
  .type-content.id-green-temperature-term.loginClub .section03 .object01 {top: 20px;}
  .type-content.id-green-temperature-term.asideActive .section05 .green-course .body .table.thead .fixed {width: 1091px;}
  .type-content.id-green-temperature-term.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 그린관제시스템 > APL 통신 & 배터리 */
.type-content.id-green-apl .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-green-apl .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-green-apl .section01 {position: relative; height: 23px;}
  .type-content.id-green-apl .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-green-apl .section02 {box-sizing: border-box; position: relative; height: 115px;}
.type-content.id-green-apl .section02 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 30px; width: 100%; height: 85px; border-radius: 8px; background-color: #fff;}
.type-content.id-green-apl .section02 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 30px;}
.type-content.id-green-apl .section02 .object02 .object0201 {box-sizing: border-box; position: absolute; left: 34px; top: 35px; width: 367px; padding: 0 39px;}
.type-content.id-green-apl .section02 .object02 .object0201::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-apl .section02 .object02 .object0201 .item01 {box-sizing: border-box; float: left; padding-right: 15px; color: #999; font-size: 13px; line-height: 13px;}
.type-content.id-green-apl .section02 .object02 .object0201 .item02 {box-sizing: border-box; float: left; padding-right: 9px; color: #666; font-size: 13px; font-weight: 500; line-height: 13px;}
.type-content.id-green-apl .section02 .object02 .object0201 .item03 {box-sizing: border-box; float: left; overflow: hidden; width: 18px; height: 18px; margin-top: -2px; background: transparent url('../images/content/pc/refresh-type01.png') no-repeat center center; text-indent: -1000px; cursor: pointer;}
.type-content.id-green-apl .section02 .object02 .object0201 .item03:hover {background-image: url('../images/content/pc/refresh-type01-hover.png');}
.type-content.id-green-apl .section02 .object03 {box-sizing: border-box; position: absolute; right: 40px; top: 50px; width: calc(100% - 367px - 45px - 40px); height: 45px;}
.type-content.id-green-apl .section02 .object03::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-apl .section02 .object03 .form .formSelectList {height: 45px;}
.type-content.id-green-apl .section02 .object03 .form .formSelectList:before {display: block; position: absolute; top: 0; right: 0; width: 45px; height: 100%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #d0202e url('../images/content/pc/arrow-type12.png') no-repeat center center / 10px 6px; content: '';}
.type-content.id-green-apl .section02 .object03 .form .formSelect .formSelectPopup {top: 51px;}
@media (max-width: 1279px) {
  .type-content.id-green-apl .section02 {box-sizing: border-box; position: relative; height: 158px;}
  .type-content.id-green-apl .section02 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 85px; width: 100%; height: 73px; border-radius: 8px; background-color: #fff;}
  .type-content.id-green-apl .section02 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 85px; width: 100%; line-height: 0; text-align: center;}
  .type-content.id-green-apl .section02 .object02 .object0201 {display: inline-block; box-sizing: border-box; position: static; left: auto; top: auto; width: auto; margin: 0; padding: 28px 5px 29px 5px;}
  .type-content.id-green-apl .section02 .object02 .object0201::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
  .type-content.id-green-apl .section02 .object02 .object0201 .item01 {box-sizing: border-box; float: left; padding-right: 15px; color: #999; font-size: 14px; line-height: 14px;}
  .type-content.id-green-apl .section02 .object02 .object0201 .item02 {box-sizing: border-box; float: left; padding-right: 9px; color: #666; font-size: 14px; font-weight: 500; line-height: 14px;}
  .type-content.id-green-apl .section02 .object02 .object0201 .item03 {box-sizing: border-box; float: left; overflow: hidden; width: 18px; height: 18px; background-image: url('../images/content/mobile/refresh-type01.png'); background-size: 18px 18px; text-indent: -1000px; cursor: pointer;}
  .type-content.id-green-apl .section02 .object02 .object0201 .item03:hover {background-image: url('../images/content/mobile/refresh-type01.png');}
  .type-content.id-green-apl .section02 .object03 {box-sizing: border-box; position: absolute; right: auto; top: 20px; width: 100%; height: 45px;}
  .type-content.id-green-apl .section02 .object03 .form .formSelectList:before {background-image: url('../images/content/mobile/arrow-type13.png'); background-size: 10px 6px;}
  .type-content.id-green-apl .section02 .object03 .form .formSelectList input {width: calc(100% - 45px);}
}

.type-content.id-green-apl .section03 {padding-top: 20px;}
.type-content.id-green-apl .section03 .object01 {box-sizing: border-box; height: 91px;}
.type-content.id-green-apl .section03 .object01 ul.list {list-style: none; height: 100%; padding: 0; margin: 0 -10px;}
.type-content.id-green-apl .section03 .object01 ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-apl .section03 .object01 ul.list li {box-sizing: border-box; float: left; height: 100%; padding: 0 10px;}
.type-content.id-green-apl .section03 .object01 ul.list li .contain {box-sizing: border-box; position: relative; height: 100%; border-radius: 8px; background-color: #fff;}
.type-content.id-green-apl .section03 .object01 ul.list li .contain .title {position: absolute; top: 0; left: 20px; color: #222; font-weight: 500; font-size: 16px; line-height: 91px;}
.type-content.id-green-apl .section03 .object01 ul.list li .contain .content {position: absolute; top: 0; right: 20px; color: #222; font-weight: 500; font-size: 36px; line-height: 91px;}
.type-content.id-green-apl .section03 .object01 ul.list li.total {width: calc(357px + 20px);}
.type-content.id-green-apl .section03 .object01 ul.list li.operation,
.type-content.id-green-apl .section03 .object01 ul.list li.waiting,
.type-content.id-green-apl .section03 .object01 ul.list li.apl,
.type-content.id-green-apl .section03 .object01 ul.list li.battery {width: calc((100% - 357px - 20px) / 4);}
.type-content.id-green-apl .section03 .object01 ul.list li.total .contain {background-color: #202845;}
.type-content.id-green-apl .section03 .object01 ul.list li.total .contain .title,
.type-content.id-green-apl .section03 .object01 ul.list li.total .contain .content {color: #fff;}
.type-content.id-green-apl .section03 .object01 ul.list li.apl .contain .content {color: #d0202e;}
.type-content.id-green-apl .section03 .object01 ul.list li.battery .contain .content {color: #2063d2;}
@media (max-width: 1279px) {
  .type-content.id-green-apl .section03 {margin: 0 -20px;}
  .type-content.id-green-apl .section03 .object01 {width: 100%; height: auto; padding: 0 20px;}
  .type-content.id-green-apl .section03 .object01 ul.list {margin: 0 -5px;}
  .type-content.id-green-apl .section03 .object01 ul.list li {padding: 0 5px; margin-top: 10px; height: 67px;}
  .type-content.id-green-apl .section03 .object01 ul.list li:first-child {margin-top: 0;}
  .type-content.id-green-apl .section03 .object01 ul.list li .contain .title {top: 13px; left: 15px; width: 55px; font-size: 14px; line-height: 20px; word-break: keep-all;}
  .type-content.id-green-apl .section03 .object01 ul.list li .contain .content {right: 15px; font-size: 35px; line-height: 67px;}
  .type-content.id-green-apl .section03 .object01 ul.list li.total {width: 100%;}
  .type-content.id-green-apl .section03 .object01 ul.list li.operation,
  .type-content.id-green-apl .section03 .object01 ul.list li.waiting,
  .type-content.id-green-apl .section03 .object01 ul.list li.apl,
  .type-content.id-green-apl .section03 .object01 ul.list li.battery {width: 50%;}
  .type-content.id-green-apl .section03 .object01 ul.list li.total .contain .title {top: 23px;}
}

.type-content.id-green-apl .section04 .body {box-sizing: border-box; position: relative;}
.type-content.id-green-apl .section04 .body .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-green-apl .section04 .body .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-green-apl .section04 .body .table .contain table colgroup col.course {width: 240px;}
.type-content.id-green-apl .section04 .body .table .contain table colgroup col.hole {width: 125px;}
.type-content.id-green-apl .section04 .body .table .contain table tr th,
.type-content.id-green-apl .section04 .body .table .contain table tr td {overflow: hidden; padding: 0 20px; 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;}
.type-content.id-green-apl .section04 .body .table .contain table tr th {color: #222;}
.type-content.id-green-apl .section04 .body .table .contain table tr td {font-size: 14px;}
.type-content.id-green-apl .section04 .body .table .contain table tr th:first-child,
.type-content.id-green-apl .section04 .body .table .contain table tr td:first-child {border-left: none;}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th {border-top: none;}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.course,
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.hole {background-color: #202845; color: #fff;}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.hole {border-left-color: rgba(255, 255, 255, 0.3);}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.send {overflow: visible; position: relative; cursor: pointer;}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.send .item01 {overflow: hidden; display: block; width: 19px; height: 19px; margin: 0 auto; background: transparent url('../images/content/pc/hint-type01.png') no-repeat center center; text-indent: -1000px;}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.send .tooltip {display: none; box-sizing: border-box; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 40px; left: 98px; width: 180px; padding: 10px 15px; border: 1px solid #666; border-radius: 4px; background-color: #fff; color: #666; font-weight: 400; font-size: 12px; text-align: left; white-space: normal; line-height: 18px; cursor: auto; z-index: 10;}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.send .tooltipHorizontal {display: none; box-sizing: border-box; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 40px; right: 99px; width: 180px; padding: 10px 15px; border: 1px solid #666; border-radius: 4px; background-color: #fff; color: #666; font-weight: 400; font-size: 12px; text-align: left; white-space: normal; line-height: 18px; cursor: auto; z-index: 10;}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.send .tooltip::before {display: block; position: absolute; top: -8px; left: 14px; width: 14px; height: 8px; background: transparent url('../images/content/pc/tooltip-type01.png') no-repeat center center; content: '';}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.send .tooltipHorizontal::before {display: block; position: absolute; top: -8px; right: 14px; width: 14px; height: 8px; background: transparent url('../images/content/pc/tooltip-type01.png') no-repeat center center; content: '';}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.send.tooltipActive .tooltip,
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.send.tooltipActive .tooltipHorizontal {display: block;}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th .item {display: inline-block;}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.sort {cursor: pointer;}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.sort:hover {background-color: #f5f5f5;}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.course.sort:hover,
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.hole.sort:hover {background-color: #12172c;}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.sort.descending .item,
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.sort.ascending .item {position: relative; padding-right: 16px;}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.sort.ascending .item::before {display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 5px; margin-top: -2px; background: transparent url('../images/content/pc/arrow-type05.png') no-repeat center top; content: '';}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -3px; background-position: center bottom;}
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.course.sort.descending .item::before,
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.course.sort.ascending .item::before,
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.hole.sort.descending .item::before,
.type-content.id-green-apl .section04 .body .table .contain table thead tr th.hole.sort.ascending .item::before {background-image: url('../images/content/pc/arrow-type06.png');}
.type-content.id-green-apl .section04 .body .table .contain table tbody tr td.communicationStatusAbnormal {color: #d0202e;}
.type-content.id-green-apl .section04 .body .table .contain table tbody tr td.batteryStatusAbnormal,
.type-content.id-green-apl .section04 .body .table .contain table tbody tr td.batteryLevelAbnormal {color: #2063d2;}
.type-content.id-green-apl .section04 .body .table .contain table tbody tr td.course,
.type-content.id-green-apl .section04 .body .table .contain table tbody tr td.hole {background-color: #f9f9f9;}
.type-content.id-green-apl .section04 .body .table .contain table tbody tr td.send {cursor: pointer;}
.type-content.id-green-apl .section04 .body .table .contain table tbody tr td.send .item {width: 19px; height: 19px; margin: 0 auto; background: transparent url('../images/content/pc/send-type02.png') no-repeat center center; cursor: pointer;}
.type-content.id-green-apl .section04 .body .table .contain table tbody tr:last-child td:first-child {border-bottom-left-radius: 7px;}
.type-content.id-green-apl .section04 .body .table .contain table tbody tr:last-child td:last-child {border-bottom-right-radius: 7px;}
.type-content.id-green-apl .section04 .body .table .contain table tbody.none {display: none;}
.type-content.id-green-apl .section04 .body .table .contain table tbody.none tr td {color: #999; line-height: 113px;}
.type-content.id-green-apl .section04 .body .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-green-apl .section04 .body .table.thead .fixed {box-sizing: border-box; width: 1820px; height: calc(20px + 39px); padding-top: 20px; background-color: #f5f5f5;}
.type-content.id-green-apl .section04 .body .table.thead .fixed.active {position: fixed; top: calc(55px -  1px);}
.type-content.id-green-apl .section04 .body .table.thead .contain {border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-green-apl .section04 .body .table.tbody {padding-top: calc(20px + 39px - 1px);}
.type-content.id-green-apl .section04 .body .table.tbody .contain {border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-green-apl .section04 .body .table.tbody .contain table {margin-top: -1px;}
.type-content.id-green-apl .section04 .body.none .table .contain table thead tr th.sort {cursor: auto;}
.type-content.id-green-apl .section04 .body.none .table .contain table thead tr th.sort.descending .item,
.type-content.id-green-apl .section04 .body.none .table .contain table thead tr th.sort.ascending .item {padding-right: 0;}
.type-content.id-green-apl .section04 .body.none .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-green-apl .section04 .body.none .table .contain table thead tr th.sort.ascending .item::before {display: none;}
.type-content.id-green-apl .section04 .body.none .table .contain table tbody {display: none;}
.type-content.id-green-apl .section04 .body.none .table .contain table tbody.none {display: table-row-group;}
.type-content.id-green-apl .section04 .body.none .table .contain table thead tr th.sort:hover {background-color: #fff;}
.type-content.id-green-apl .section04 .body.none .table .contain table thead tr th.course.sort:hover,
.type-content.id-green-apl .section04 .body.none .table .contain table thead tr th.hole.sort:hover {background-color: #202845;}
.type-content.id-green-apl .section04 .body.none .table .contain table tbody tr {cursor: auto;}
.type-content.id-green-apl .section04 .body.none .table .contain table tbody tr:hover td {background-color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-green-apl .section04 {overflow-x: auto; padding-top: 0; margin: 0 -20px;}
  .type-content.id-green-apl .section04 .body {width: calc(1091px + 40px); padding: 0 20px;}
  .type-content.id-green-apl .section04 .body .table .contain table colgroup col.course {width: 250px;}
  .type-content.id-green-apl .section04 .body .table .contain table tr th,
  .type-content.id-green-apl .section04 .body .table .contain table tr td {padding: 0 10px; font-size: 14px; line-height: 47px;}
  .type-content.id-green-apl .section04 .body .table .contain table tr td {padding: 9px 10px; line-height: 21px;}
  .type-content.id-green-apl .section04 .body .table .contain table thead tr th.send .item01 {overflow: hidden; display: block; width: 19px; height: 19px; margin: 0 auto; background: transparent url('../images/content/mobile/hint-type01.png') no-repeat center center / 19px 19px; text-indent: -1000px;}
  .type-content.id-green-apl .section04 .body .table .contain table thead tr th.send .tooltip {top: 45px; left: 37px;}
  .type-content.id-green-apl .section04 .body .table .contain table thead tr th.send .tooltipHorizontal {top: 45px; right: 38px;}
  .type-content.id-green-apl .section04 .body .table .contain table thead tr th.sort:hover {background-color: #fff;}
  .type-content.id-green-apl .section04 .body .table .contain table thead tr th.course.sort:hover,
  .type-content.id-green-apl .section04 .body .table .contain table thead tr th.hole.sort:hover {background-color: #202845;}
  .type-content.id-green-apl .section04 .body .table .contain table thead tr th.sort.descending .item::before,
  .type-content.id-green-apl .section04 .body .table .contain table thead tr th.sort.ascending .item::before {width: 9px; height: 4px; background-image: url('../images/content/mobile/arrow-type05.png'); background-size: 9px;}
  .type-content.id-green-apl .section04 .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -2px;}
  .type-content.id-green-apl .section04 .body .table .contain table tbody.none tr td {line-height: 143px;}
  .type-content.id-green-apl .section04 .body .table.thead {left: 20px;}
  .type-content.id-green-apl .section04 .body .table.thead .fixed {width: 1091px; height: calc(10px + 49px); padding-top: 10px;}
  .type-content.id-green-apl .section04 .body .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-green-apl .section04 .body .table.tbody {padding-top: calc(10px + 49px - 1px);}
}

.type-content.id-green-apl.loginClub .section02 .object02 {width: 100%; height: 85px;}
.type-content.id-green-apl.loginClub .section02 .object02 .object0201 {box-sizing: border-box; position: static; left: auto; top: auto; width: 367px; padding: 34px 39px 35px 39px; margin: 0 auto;}
.type-content.id-green-apl.loginClub .section02 .object03 {display: none;}
.type-content.id-green-apl.asideActive .section04 .body .table .contain table thead tr th.send .tooltip {top: 40px; left: 77px;}
.type-content.id-green-apl.asideActive .section04 .body .table .contain table thead tr th.send .tooltipHorizontal {top: 40px; right: 77px;}
.type-content.id-green-apl.asideActive .section04 .body .table.thead .fixed {width: 1550px;}
@media (max-width: 1279px) {
  .type-content.id-green-apl.loginClub main {padding-top: calc(66px - 1px);}
  .type-content.id-green-apl.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-green-apl.loginClub .section02 {height: 93px;}
  .type-content.id-green-apl.loginClub .section02 .object01 {top: 20px;}
  .type-content.id-green-apl.loginClub .section02 .object02 {top: 20px;}
  .type-content.id-green-apl.loginClub .section02 .object02 .object0201 {display: inline-block; box-sizing: border-box; position: static; left: auto; top: auto; width: auto; margin: 0; padding: 28px 5px 29px 5px;}
  .type-content.id-green-apl.loginClub .section02 .object03 {display: none;}
  .type-content.id-green-apl.asideActive .section04 .green-course .body .table.thead .fixed {width: 1091px;}
  .type-content.id-green-apl.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 그린관제시스템 > 핀 > 실시간 핀 위치 */
.type-content.id-green-pin-realtime .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-green-pin-realtime .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-green-pin-realtime .section01 {position: relative; height: 23px;}
  .type-content.id-green-pin-realtime .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-green-pin-realtime .section02 {box-sizing: border-box; position: relative; height: 115px;}
.type-content.id-green-pin-realtime .section02 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 30px; width: 100%; height: 85px; border-radius: 8px; background-color: #fff;}
.type-content.id-green-pin-realtime .section02 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 30px;}
.type-content.id-green-pin-realtime .section02 .object02 .object0201 {box-sizing: border-box; position: absolute; left: 34px; top: 35px; width: 367px; padding: 0 39px;}
.type-content.id-green-pin-realtime .section02 .object02 .object0201::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-pin-realtime .section02 .object02 .object0201 .item01 {box-sizing: border-box; float: left; padding-right: 15px; color: #999; font-size: 13px; line-height: 13px;}
.type-content.id-green-pin-realtime .section02 .object02 .object0201 .item02 {box-sizing: border-box; float: left; padding-right: 9px; color: #666; font-size: 13px; font-weight: 500; line-height: 13px;}
.type-content.id-green-pin-realtime .section02 .object02 .object0201 .item03 {box-sizing: border-box; float: left; overflow: hidden; width: 18px; height: 18px; margin-top: -2px; background: transparent url('../images/content/pc/refresh-type01.png') no-repeat center center; text-indent: -1000px; cursor: pointer;}
.type-content.id-green-pin-realtime .section02 .object02 .object0201 .item03:hover {background-image: url('../images/content/pc/refresh-type01-hover.png');}
.type-content.id-green-pin-realtime .section02 .object03 {box-sizing: border-box; position: absolute; right: 40px; top: 50px; width: calc(100% - 367px - 45px - 40px); height: 45px;}
.type-content.id-green-pin-realtime .section02 .object03::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-pin-realtime .section02 .object03 .form .formSelectList {height: 45px;}
.type-content.id-green-pin-realtime .section02 .object03 .form .formSelectList:before {display: block; position: absolute; top: 0; right: 0; width: 45px; height: 100%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #d0202e url('../images/content/pc/arrow-type12.png') no-repeat center center / 10px 6px; content: '';}
.type-content.id-green-pin-realtime .section02 .object03 .form .formSelect .formSelectPopup {top: 51px;}
@media (max-width: 1279px) {
  .type-content.id-green-pin-realtime .section02 {box-sizing: border-box; position: relative; height: 93px;}
  .type-content.id-green-pin-realtime .section02 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%; height: 73px; border-radius: 8px; background-color: #fff;}
  .type-content.id-green-pin-realtime .section02 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%; line-height: 0; text-align: center;}
  .type-content.id-green-pin-realtime .section02 .object02 .object0201 {display: inline-block; box-sizing: border-box; position: static; left: auto; top: auto; width: auto; margin: 0; padding: 28px 5px 29px 5px;}
  .type-content.id-green-pin-realtime .section02 .object02 .object0201::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
  .type-content.id-green-pin-realtime .section02 .object02 .object0201 .item01 {box-sizing: border-box; float: left; padding-right: 15px; color: #999; font-size: 14px; line-height: 14px;}
  .type-content.id-green-pin-realtime .section02 .object02 .object0201 .item02 {box-sizing: border-box; float: left; padding-right: 9px; color: #666; font-size: 14px; font-weight: 500; line-height: 14px;}
  .type-content.id-green-pin-realtime .section02 .object02 .object0201 .item03 {box-sizing: border-box; float: left; overflow: hidden; width: 18px; height: 18px; background-image: url('../images/content/mobile/refresh-type01.png'); background-size: 18px 18px; text-indent: -1000px; cursor: pointer;}
  .type-content.id-green-pin-realtime .section02 .object02 .object0201 .item03:hover {background-image: url('../images/content/mobile/refresh-type01.png');}
  .type-content.id-green-pin-realtime .section02 .object03 {box-sizing: border-box; position: absolute; right: auto; top: 20px; width: 100%; height: 45px;}
  .type-content.id-green-pin-realtime .section02 .object03 .form .formSelectList:before {background-image: url('../images/content/mobile/arrow-type13.png'); background-size: 10px 6px;}
  .type-content.id-green-pin-realtime .section02 .object03 .form .formSelectList input {width: calc(100% - 45px);}
}

.type-content.id-green-pin-realtime .section03 {box-sizing: border-box; position: relative; height: 75px;}
.type-content.id-green-pin-realtime .section03 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100%; height: 55px; border-radius: 4px;}
.type-content.id-green-pin-realtime .section03 .object01 .title ul.list {list-style: none; position: relative; padding: 0; margin: 0;}
.type-content.id-green-pin-realtime .section03 .object01 .title ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-pin-realtime .section03 .object01 .title ul.list li {box-sizing: border-box; float: left; width: 50%; background-color: #fff; color: #aaa; font-size: 16px; line-height: 54px; text-align: center; cursor: pointer;}
.type-content.id-green-pin-realtime .section03 .object01 .title ul.list li.time {border-right: none; border-color: transparent; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: #202845; color: #fff;}
.type-content.id-green-pin-realtime .section03 .object01 .title ul.list li.term {border-left: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.type-content.id-green-pin-realtime .section03 .object01.term .title ul.list li.time {border-color: #e6e6e6; border-left: 0; border-right: 1px solid #e6e6e6; background-color: #fff; color: #aaa;}
.type-content.id-green-pin-realtime .section03 .object01.term .title ul.list li.term {border-color: transparent; background-color: #202845; color: #fff;}
.type-content.id-green-pin-realtime .section03 .object02 {display: none; box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 45px;}
@media (max-width: 1279px) {
  .type-content.id-green-pin-realtime .section03 {position: relative; height: 65px;}
  .type-content.id-green-pin-realtime .section03 .object01 {display: none;}
  .type-content.id-green-pin-realtime .section03 .object02 {display: block; position: absolute; top: 20px; left: 0; width: 100%; height: 45px;}
  .type-content.id-green-pin-realtime .section03 .object02 .formSelectList {box-sizing: border-box; position: relative; height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #fff; cursor: pointer;}
  .type-content.id-green-pin-realtime .section03 .object02 .formSelectList:before {display: block; position: absolute; top: 0; right: 0; width: 39px; height: 100%; background: #202845 url('../images/content/pc/arrow-type11.png') no-repeat center center; content: '';}
  .type-content.id-green-pin-realtime .section03 .object02 .formSelectList input {box-sizing: border-box; width: calc(100% - 39px); height: 100%; padding: 0 0 0 15px; margin: 0; border: none; border-radius: 0; background-color: #202845; color: #fff; font-size: 14px; cursor: pointer; -webkit-appearance: none;}
}

.type-content.id-green-pin-realtime .section04 {box-sizing: border-box; position: relative; padding-top: 20px;}
.type-content.id-green-pin-realtime .section04 .object01 {box-sizing: border-box; position: relative; height: 563px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-green-pin-realtime .section04 .object01 .object0101 {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 366px; height: 100%;}
.type-content.id-green-pin-realtime .section04 .object01 .object0101 .title {border-bottom: 1px solid #e6e6e6; color: #222; font-weight: bold; font-size: 13px; line-height: 37px; text-align: center;}
.type-content.id-green-pin-realtime .section04 .object01 .object0101 .course,
.type-content.id-green-pin-realtime .section04 .object01 .object0101 .hole {box-sizing: border-box; position: absolute; top: 0; width: 50%; height: 100%; border-right: 1px solid #e6e6e6;}
.type-content.id-green-pin-realtime .section04 .object01 .object0101 .course {left: 0;}
.type-content.id-green-pin-realtime .section04 .object01 .object0101 .hole {right: 0;}
.type-content.id-green-pin-realtime .section04 .object01 .object0102 {box-sizing: border-box; position: absolute; top: 0; left: 366px; width: calc(100% - 366px - 443px); height: 100%;}
.type-content.id-green-pin-realtime .section04 .object01 .object0102 .item01 {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 182px; height: 150px; padding: 48px 0 47px 0; border-bottom: 1px solid #e6e6e6; text-align: center;}
.type-content.id-green-pin-realtime .section04 .object01 .object0102 .item0101 {font-size: 16px; color: #666; line-height: 15px;}
.type-content.id-green-pin-realtime .section04 .object01 .object0102 .item0102 {padding-top: 15px; font-size: 30px; color: #222; line-height: 24px;}
.type-content.id-green-pin-realtime .section04 .object01 .object0102 .item02 {box-sizing: border-box; position: absolute; top: 151px; left: 0; width: 182px; height: 150px; padding: 48px 0 47px 0; border-bottom: 1px solid #e6e6e6; text-align: center;}
.type-content.id-green-pin-realtime .section04 .object01 .object0102 .item0201 {font-size: 16px; color: #666; line-height: 15px;}
.type-content.id-green-pin-realtime .section04 .object01 .object0102 .item0202 {padding-top: 15px; font-size: 16px; color: #222; line-height: 24px;}
.type-content.id-green-pin-realtime .section04 .object01 .object0102 .item0202 strong {font-size: 30px; font-weight: 400;}
.type-content.id-green-pin-realtime .section04 .object01 .object0103 {box-sizing: border-box; position: absolute; top: 322px; left: 376px; width: 162px; height: 40px; border-radius: 4px; background-color: #202845; font-size: 14px; color: #fff; text-align: center; line-height: 38px; cursor: pointer;}
.type-content.id-green-pin-realtime .section04 .object01 .object0103:hover {background-color: #12172c;}
.type-content.id-green-pin-realtime .section04 .object01 .object0104 {box-sizing: border-box; position: absolute; top: 372px; left: 376px; width: 19px; height: 19px; background: transparent url('../images/content/pc/hint-type01.png') no-repeat center center; cursor: pointer;}
.type-content.id-green-pin-realtime .section04 .object01 .object0104 .tooltip {display: none; box-sizing: border-box; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 30px; left: -13px; width: 180px; padding: 10px 15px; border: 1px solid #666; border-radius: 4px; background-color: #fff; color: #666; font-weight: 400; font-size: 12px; line-height: 18px; z-index: 100;}
.type-content.id-green-pin-realtime .section04 .object01 .object0104 .tooltip::before {display: block; position: absolute; top: -8px; left: 14px; width: 14px; height: 8px; background: transparent url('../images/content/pc/tooltip-type01.png') no-repeat center center; content: '';}
.type-content.id-green-pin-realtime .section04 .object01 .object0104.tooltipActive .tooltip {display: block;}
.type-content.id-green-pin-realtime .section04 .object01 .object0105 {box-sizing: border-box; position: absolute; top: 0; right: 0; width: calc(100% - 548px); height: 100%;}
.type-content.id-green-pin-realtime .section04 .object01 .object0105 .content {box-sizing: border-box; position: relative; height: 100%; border-left: 1px solid #e6e6e6; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
.type-content.id-green-pin-realtime .section04 .object01 .object0105 .content .pin {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top-right-radius: 7px; border-bottom-right-radius: 7px; background-color: #fff;}
.type-content.id-green-pin-realtime .section04 .object01 .object0105 .content .pin .object {overflow: hidden; position: absolute; bottom: 5px; left: 50%; width: 14px; height: 32px; margin-left: -7px; background: transparent url('../images/content/pc/ip-type01.png') no-repeat center center; text-indent: -1000px; z-index: 20;}
.type-content.id-green-pin-realtime .section04 .object01 .object0105 .content .pin .flagZone {position: absolute; top: 0; left: 50%; width: 561px; height: 561px; margin-left: -280px; z-index: 10;}
.type-content.id-green-pin-realtime .section04 .object01 .object0105 .content .pin .flagZone .flagObject {overflow: hidden; position: absolute; width: 19px; height: 33px; margin-left: -1px; margin-top: -33px; background: transparent url('../images/content/pc/flag-type01.png') no-repeat center center; text-indent: -1000px;}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectList {display: none;}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup {display: block;}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup {position: absolute; top: 0; left: 0; width: 183px; height: auto; background-color: transparent; z-index: 30;}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup .formSelectPopup-container {position: relative; width: 100%; height: 100%;}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup .formSelectPopup-box {width: 100%;}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup .formSelectPopup-zone {border-left: 0; border-top: 0; border-bottom: 0;  border-radius: 0;}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup .formSelectPopup-header {display: none;}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup ul.formSelectPopup-body {box-sizing: border-box; overflow-y: auto; list-style: none; max-height: 523px; padding: 10px; margin: 0;}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label {padding: 12px 15px; color: #666; font-size: 13px; line-height: 19px; cursor: pointer;}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label:hover {border-radius: 4px;}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; z-index: 20; -webkit-appearance: none;}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input[type="checkbox"] {display: none;}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label i {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px;}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label span {position: relative; z-index: 10;}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input:checked + input + i {border-radius: 4px; background-color: #202845;}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input:checked + input + i::before {display: block; position: absolute; top: 50%; right: 15px; width: 5px; height: 9px; margin-top: -5px; background: transparent url('../images/content/pc/arrow-type08.png') no-repeat center center; content: '';}
.type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input:checked + input + i + span {color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-green-pin-realtime .section04 {padding-top: 20px; height: auto;}
  .type-content.id-green-pin-realtime .section04 .object01 {height: auto; border: none; border-radius: 0; background-color: transparent;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0101 {position: relative; top: auto; left: auto; width: 100%; height: 45px;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0101 .title {display: none;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0101 .course,
  .type-content.id-green-pin-realtime .section04 .object01 .object0101 .hole {box-sizing: border-box; position: absolute; top: 0; height: 100%; border-right: none;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0101 .course {left: 0; width: 60%;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0101 .hole {right: 0; width: 40%; border-left: 1px solid #5c6379;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0101 .course .formSelectList {border-top-right-radius: 0; border-bottom-right-radius: 0;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0101 .hole .formSelectList {border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0102 {position: static; top: auto; left: auto; width: 100%; height: 80px; margin-top: 10px; border-radius: 8px; background-color: #fff;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0102::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
  .type-content.id-green-pin-realtime .section04 .object01 .object0102 .item {width: 280px; height: 100%; margin: 0 auto;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0102 .item01 {box-sizing: border-box; float: left; position: static; top: auto; left: auto; width: 140px; height: 80px; padding: 20px; border-bottom: 0; text-align: center;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0102 .item0101 {font-size: 14px; color: #666; line-height: 14px;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0102 .item0102 {padding-top: 10px; font-size: 20px; color: #222; line-height: 15px;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0102 .item02 {box-sizing: border-box; float: left; position: static; top: auto; left: auto; width: 140px; height: 80px; padding: 20px; border-bottom: 0; text-align: center;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0102 .item0201 {font-size: 14px; color: #666; line-height: 14px;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0102 .item0202 {padding-top: 10px; font-size: 14px; color: #222; line-height: 15px;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0102 .item0202 strong {font-size: 20px; font-weight: 400;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0103 {box-sizing: border-box; position: static; top: auto; left: auto; width: 100%; height: 45px; margin-top: 10px; border-radius: 4px; background-color: #202845; font-size: 14px; color: #fff; text-align: center; line-height: 43px;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0103:hover {background-color: #202845;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0104 {box-sizing: border-box; position: relative; top: auto; left: auto; width: 19px; height: 19px; margin-top: 10px; background: transparent url('../images/content/mobile/hint-type01.png') no-repeat center center / 19px 19px;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0104 .form .tooltip {top: 30px; left: -13px;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0104 .form .tooltip::before {background-image: url('../images/content/mobile/tooltip-type01.png'); background-size: 14px 8px;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0104.tooltipActive .tooltip {display: block;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0105 {position: static; top: auto; right: auto; width: 100%; height: auto; padding: 0; margin-top: 10px; border-left: none; border-radius: 8px;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0105 .content {height: 280px; border-left: none; border-radius: 8px;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0105 .content .pin {border-radius: 8px;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0105 .content .pin .object {background-image: url('../images/content/mobile/ip-type01.png'); background-size: 14px 32px;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0105 .content .pin .flagZone {width: 280px; height: 280px; margin-left: -140px;}
  .type-content.id-green-pin-realtime .section04 .object01 .object0105 .content .pin .flagZone .flagObject {background-image: url('../images/content/mobile/flag-type01.png'); background-size: 19px 33px;}
  .type-content.id-green-pin-realtime .section04 .formSelect .formSelectList {display: block; border: none; background-color: #202845;}
  .type-content.id-green-pin-realtime .section04 .formSelect .formSelectList:before {background-image: url('../images/content/pc/arrow-type11.png')}
  .type-content.id-green-pin-realtime .section04 .formSelect .formSelectList input {color: #fff; font-size: 14px;}
  .type-content.id-green-pin-realtime .section04 .formSelect .formSelectList input::placeholder {color: #fff;}
  .type-content.id-green-pin-realtime .section04 .formSelect .formSelectList input::-webkit-input-placeholder {color: #fff;}
  .type-content.id-green-pin-realtime .section04 .formSelect .formSelectList input:-ms-input-placeholder {color: #fff;}
  .type-content.id-green-pin-realtime .section04 .formSelect .formSelectPopup {display: none;}
}

.type-content.id-green-pin-realtime.loginClub .section02 .object02 {width: 100%; height: 85px;}
.type-content.id-green-pin-realtime.loginClub .section02 .object02 .object0201 {box-sizing: border-box; position: static; left: auto; top: auto; width: 367px; padding: 34px 39px 35px 39px; margin: 0 auto;}
.type-content.id-green-pin-realtime.loginClub .section02 .object03 {display: none;}
@media (max-width: 1279px) {
  .type-content.id-green-pin-realtime.loginClub main {padding-top: calc(66px - 1px);}
  .type-content.id-green-pin-realtime.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-green-pin-realtime.loginClub .section02 {height: 93px;}
  .type-content.id-green-pin-realtime.loginClub .section02 .object01 {top: 20px;}
  .type-content.id-green-pin-realtime.loginClub .section02 .object02 {top: 20px;}
  .type-content.id-green-pin-realtime.loginClub .section02 .object02 .object0201 {display: inline-block; box-sizing: border-box; position: static; left: auto; top: auto; width: auto; margin: 0; padding: 28px 5px 29px 5px;}
  .type-content.id-green-pin-realtime.loginClub .section02 .object03 {display: none;}
  .type-content.id-green-pin-realtime.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 그린관제시스템 > 핀 > 기간별 핀 위치 */
.type-content.id-green-pin-term .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-green-pin-term .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-green-pin-term .section01 {position: relative; height: 23px;}
  .type-content.id-green-pin-term .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-green-pin-term .section02 {box-sizing: border-box; position: relative; height: 115px;}
.type-content.id-green-pin-term .section02 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 30px; width: 100%; height: 85px; border-radius: 8px; background-color: #fff;}
.type-content.id-green-pin-term .section02 .object02 {box-sizing: border-box; position: absolute; left: 226px; top: 50px; width: calc(100% - 367px - 45px - 40px); height: 45px;}
.type-content.id-green-pin-term .section02 .object02::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-pin-term .section02 .object02 .form .formSelectList {height: 45px;}
.type-content.id-green-pin-term .section02 .object02 .form .formSelectList:before {display: block; position: absolute; top: 0; right: 0; width: 45px; height: 100%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #d0202e url('../images/content/pc/arrow-type12.png') no-repeat center center / 10px 6px; content: '';}
.type-content.id-green-pin-term .section02 .object02 .form .formSelect .formSelectPopup {top: 51px;}
@media (max-width: 1279px) {
  .type-content.id-green-pin-term .section02 {box-sizing: border-box; position: relative; height: 65px;}
  .type-content.id-green-pin-term .section02 .object01 {display: none;}
  .type-content.id-green-pin-term .section02 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%;}
  .type-content.id-green-pin-term .section02 .object02 .form .formSelectList:before {background-image: url('../images/content/mobile/arrow-type13.png'); background-size: 10px 6px;}
  .type-content.id-green-pin-term .section02 .object02 .form .formSelectList input {width: calc(100% - 45px);}
}

.type-content.id-green-pin-term .section03 {box-sizing: border-box; position: relative; height: 85px;}
.type-content.id-green-pin-term .section03 .object01 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 55px; border-radius: 4px;}
.type-content.id-green-pin-term .section03 .object01 .title ul.list {list-style: none; position: relative; padding: 0; margin: 0;}
.type-content.id-green-pin-term .section03 .object01 .title ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-pin-term .section03 .object01 .title ul.list li {box-sizing: border-box; float: left; width: 50%; background-color: #fff; color: #aaa; font-size: 16px; line-height: 54px; text-align: center; cursor: pointer;}
.type-content.id-green-pin-term .section03 .object01 .title ul.list li.time {border-right: none; border-color: transparent; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: #202845; color: #fff;}
.type-content.id-green-pin-term .section03 .object01 .title ul.list li.term {border-left: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.type-content.id-green-pin-term .section03 .object01.term .title ul.list li.time {border-color: #e6e6e6; border-left: 0; border-right: 1px solid #e6e6e6; background-color: #fff; color: #aaa;}
.type-content.id-green-pin-term .section03 .object01.term .title ul.list li.term {border-color: transparent; background-color: #202845; color: #fff;}
.type-content.id-green-pin-term .section03 .object02 {display: none; box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 45px;}
@media (max-width: 1279px) {
  .type-content.id-green-pin-term .section03 {position: relative; height: 65px;}
  .type-content.id-green-pin-term .section03 .object01 {display: none;}
  .type-content.id-green-pin-term .section03 .object02 {display: block; position: absolute; top: 20px; left: 0; width: 100%; height: 45px;}
  .type-content.id-green-pin-term .section03 .object02 .formSelectList {box-sizing: border-box; position: relative; height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #fff; cursor: pointer;}
  .type-content.id-green-pin-term .section03 .object02 .formSelectList:before {display: block; position: absolute; top: 0; right: 0; width: 39px; height: 100%; background: #202845 url('../images/content/pc/arrow-type11.png') no-repeat center center; content: '';}
  .type-content.id-green-pin-term .section03 .object02 .formSelectList input {box-sizing: border-box; width: calc(100% - 39px); height: 100%; padding: 0 0 0 15px; margin: 0; border: none; border-radius: 0; background-color: #202845; color: #fff; font-size: 14px; cursor: pointer; -webkit-appearance: none;}
}

.type-content.id-green-pin-term .section04 {box-sizing: border-box; position: relative; height: 105px;}
.type-content.id-green-pin-term .section04 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%; height: 85px; border-radius: 8px; background-color: #fff;}
.type-content.id-green-pin-term .section04 .object02 {box-sizing: border-box; position: absolute; left: 226px; top: 40px; width: calc(100% - 299px);}
.type-content.id-green-pin-term .section04 .object02 .form::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-pin-term .section04 .object02 .form ul.month {display: none; list-style: none; box-sizing: border-box; float: left; height: 40px; padding: 0; margin: 0; font-size: 13px; color: #666;}
.type-content.id-green-pin-term .section04 .object02 .form ul.month::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-pin-term .section04 .object02 .form ul.month li {box-sizing: border-box; position: relative; float: left; width: 60px; border: 1px solid #e6e6e6; margin-left: -1px; line-height: 38px; text-align: center; cursor: pointer; background-color: #fff;}
.type-content.id-green-pin-term .section04 .object02 .form ul.month li:first-child {margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.type-content.id-green-pin-term .section04 .object02 .form ul.month li:last-child {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.type-content.id-green-pin-term .section04 .object02 .form ul.month li.active {border-color: #d0202e; color: #d0202e; z-index: 10;}
.type-content.id-green-pin-term .section04 .object02 .form .formSelect {float: left; width: calc((100% - 655px + 204px) / 2); margin-left: -1px;}
.type-content.id-green-pin-term .section04 .object02 .form .formCalendar {float: left;}
.type-content.id-green-pin-term .section04 .object02 .form .formSelect.course .formSelectList {border-radius: 0;}
.type-content.id-green-pin-term .section04 .object02 .form .formSelect.hole .formSelectList {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-green-pin-term .section04 .object02 .form .formCalendar .formCalendarList {border-top-right-radius: 0; border-bottom-right-radius: 0;}
@media (max-width: 1279px) {
  .type-content.id-green-pin-term .section04 {box-sizing: border-box; position: relative; height: 135px;}
  .type-content.id-green-pin-term .section04 .object01 {display: none;}
  .type-content.id-green-pin-term .section04 .object02 {box-sizing: border-box; position: absolute; left: auto; top: 20px; width: 100%;}
  .type-content.id-green-pin-term .section04 .object02 .form ul.month {float: none;}
  .type-content.id-green-pin-term .section04 .object02 .form ul.month li {width: calc((100% / 3) + 1px);}
  .type-content.id-green-pin-term .section04 .object02 .form ul.month li:first-child {width: calc(100% / 3);}
  .type-content.id-green-pin-term .section04 .object02 .form .formCalendar {float: none; width: 100%;}
  .type-content.id-green-pin-term .section04 .object02 .form .formSelect  {width: 50%; margin-top: 10px; margin-left: 0;}
  .type-content.id-green-pin-term .section04 .object02 .form .formSelect + .formSelect {width: calc(50% + 1px); margin-left: -1px;}
  .type-content.id-green-pin-term .section04 .object02 .form .formSelect.course .formSelectList {border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
  .type-content.id-green-pin-term .section04 .object02 .form .formSelect.hole .formSelectList {border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .type-content.id-green-pin-term .section04 .object02 .form .formCalendar .formCalendarList {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
}

.type-content.id-green-pin-term .section05 {box-sizing: border-box; position: relative;}
.type-content.id-green-pin-term .section05::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-green-pin-term .section05 .object01 {float: left;}
.type-content.id-green-pin-term .section05 .object01 .content {width: 630px; height: 620px;}
.type-content.id-green-pin-term .section05 .object01 .content .pin {position: absolute; top: 20px; left: 0; width: 630px; height: 600px; border-radius: 7px; background-color: #fff;}
.type-content.id-green-pin-term .section05 .object01 .content .pin .object {overflow: hidden; position: absolute; bottom: 5px; left: 50%; width: 14px; height: 32px; margin-left: -7px; background: transparent url('../images/content/pc/ip-type01.png') no-repeat center center; text-indent: -1000px; z-index: 20;}
.type-content.id-green-pin-term .section05 .object01 .content .pin .flagZone {position: absolute; top: 0; left: 50%; width: 600px; height: 600px; margin-left: -300px; z-index: 10;}
.type-content.id-green-pin-term .section05 .object01 .content .pin .flagZone .flagObject {overflow: hidden; position: absolute; width: 19px; height: 33px; margin-left: -1px; margin-top: -33px; background: transparent url('../images/content/pc/flag-type01.png') no-repeat center center; text-indent: -1000px;}
.type-content.id-green-pin-term .section05 .object02 {float: right; width: calc(100% - 650px);}
.type-content.id-green-pin-term .section05 .object02 .object0201 .body {box-sizing: border-box; position: relative;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .unit {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100%; font-size: 14px; font-weight: 500; color: #666; line-height: 13px;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .unit span {color: #d0202e;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tr th,
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tr td {overflow: hidden; padding: 0 20px; 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;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tr th {color: #222;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tr td {font-size: 14px;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tr th:first-child,
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tr td:first-child {border-left: none;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th {border-top: none;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th:last-child {border-right: 1px solid #ccc; border-top-right-radius: 0;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th.pin {background-color: #202845; color: #fff;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th .item {display: inline-block;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th.sort {cursor: pointer;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th.sort:hover {background-color: #f5f5f5;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th.sort.descending .item,
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th.sort.ascending .item {position: relative; padding-right: 16px;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th.sort.ascending .item::before {display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 5px; margin-top: -2px; background: transparent url('../images/content/pc/arrow-type05.png') no-repeat center top; content: '';}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th.sort.ascending .item::before {margin-top: -3px; background-position: center bottom;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th.pin.sort:hover {background-color: #12172c;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th.pin.sort.descending .item::before,
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th.pin.sort.ascending .item::before {background-image: url('../images/content/pc/arrow-type06.png');}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody tr {cursor: pointer;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody tr:hover td {background-color: #f5f5f5;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody tr td.communicationStatusAbnormal {color: #d0202e;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody tr td.batteryStatusAbnormal,
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody tr td.batteryLevelAbnormal {color: #2063d2;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody tr:hover td.pin {background-color: #e6e6e6;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody tr td.pin {background-color: #f9f9f9;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody tr td:last-child {border-right: 1px solid #ccc;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody tr:last-child td:first-child {border-bottom-left-radius: 7px;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody tr:last-child td:last-child {border-bottom-right-radius: 0;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody.none {display: none;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody.none tr td {color: #999; line-height: 434px;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table.thead .fixed {box-sizing: border-box; width: 100%; height: calc(33px + 15px + 39px); padding-top: 48px; background-color: #f5f5f5;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table.thead .fixed.active {position: fixed; top: calc(55px -  1px);}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table.thead .contain {padding-right: 17px; border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table.tbody {padding-top: calc(33px + 15px + 39px - 1px);}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table.tbody .contain {overflow-y: scroll; height: 532px; border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .table.tbody .contain table {margin-top: -1px;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .body.none .table .contain {height: 471px; border-radius: 8px 8px 7px 7px;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .body.none .table .contain table thead tr th.sort {cursor: auto;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .body.none .table .contain table thead tr th.sort.descending .item,
.type-content.id-green-pin-term .section05 .object02 .object0201 .body.none .table .contain table thead tr th.sort.ascending .item {padding-right: 0;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .body.none .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-green-pin-term .section05 .object02 .object0201 .body.none .table .contain table thead tr th.sort.ascending .item::before {display: none;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .body.none .table .contain table tbody {display: none;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .body.none .table .contain table tbody.none {display: table-row-group;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .body.none .table.thead .contain {border-bottom: none;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .body.none .table .contain table thead tr th.sort:hover {background-color: #fff;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .body.none .table .contain table thead tr th.pin.sort:hover {background-color: #202845;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .body.none .table .contain table tbody tr {cursor: auto;}
.type-content.id-green-pin-term .section05 .object02 .object0201 .body.none .table .contain table tbody tr:hover td {background-color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-green-pin-term .section05 {position: relative;}
  .type-content.id-green-pin-term .section05 .object01 {float: unset; width: 100%; height: 280px; margin-top: 10px; border: none; border-radius: 8px;}
  .type-content.id-green-pin-term .section05 .object01 .content {position: relative; width: 100%; height: 280px;}
  .type-content.id-green-pin-term .section05 .object01 .content .pin {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 8px;}
  .type-content.id-green-pin-term .section05 .object01 .content .pin .object {background-image: url('../images/content/mobile/ip-type01.png'); background-size: 14px 32px;}
  .type-content.id-green-pin-term .section05 .object01 .content .pin .flagZone {width: 280px; height: 280px; margin-left: -140px;}
  .type-content.id-green-pin-term .section05 .object01 .content .pin .flagZone .flagObject {background-image: url('../images/content/mobile/flag-type01.png'); background-size: 19px 33px;}
  .type-content.id-green-pin-term .section05 .object02 {overflow-x: auto; float: unset; width: calc(100% + 40px); margin: 0 -20px;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 {width: calc(500px + 40px); padding: 0 20px;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table .unit {font-size: 14px; font-weight: 500; color: #666; line-height: 13px;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table colgroup col.id {width: 174px;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tr th,
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tr td {padding: 0 10px; line-height: 47px; font-size: 14px;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th:last-child {border-right: none; border-top-right-radius: 7px;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th.sort:hover {background-color: #fff;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th.sort.descending .item::before,
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th.sort.ascending .item::before {width: 9px; height: 4px; background-image: url('../images/content/mobile/arrow-type05.png'); background-size: 9px;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th.sort.ascending .item::before {margin-top: -2px;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table thead tr th.pin.sort:hover {background-color: #202845;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody tr:hover td {background-color: #fff;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody tr:hover td.pin {background-color: #f9f9f9;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody tr td:last-child {border-right: none;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody tr:last-child td:last-child {border-bottom-right-radius: 7px;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table .contain table tbody.none tr td {line-height: 143px;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table.thead .contain {padding-right: 0;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table.thead .fixed {width: calc(500px + 40px); height: calc(52px + 49px); padding-top: 52px;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table.tbody {padding-top: calc(52px + 49px - 1px);}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .table.tbody .contain {overflow-y: visible; height: auto; border-bottom-right-radius: 8px;}
  .type-content.id-green-pin-term .section05 .object02 .object0201 .body.none .table .contain {height: auto;}
}

.type-content.id-green-pin-term.loginClub .section02 {display: none;}
.type-content.id-green-pin-term.loginClub .section03 {height: 85px;}
.type-content.id-green-pin-term.loginClub .section03 .object01 {top: 30px;}
@media (max-width: 1279px) {
  .type-content.id-green-pin-term.loginClub main {padding-top: calc(66px - 1px);}
  .type-content.id-green-pin-term.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-green-pin-term.loginClub .section03 {position: relative; height: 65px;}
  .type-content.id-green-pin-term.loginClub .section03 .object01 {display: none;}
  .type-content.id-green-pin-term.loginClub .section03 .object02 {display: block; position: absolute; top: 20px; left: 0; width: 100%; height: 45px;}
  .type-content.id-green-pin-term.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 코스 분석 > 낙구 지점 통계 > 기간 합산 통계 */
.type-content.id-course-falling-statistics .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-course-falling-statistics .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-course-falling-statistics .section01 {position: relative; height: 23px;}
  .type-content.id-course-falling-statistics .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-course-falling-statistics .section02 {box-sizing: border-box; position: relative; height: 115px;}
.type-content.id-course-falling-statistics .section02 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 30px; width: 100%; height: 85px; border-radius: 8px; background-color: #fff;}
.type-content.id-course-falling-statistics .section02 .object02 {box-sizing: border-box; position: absolute; left: 226px; top: 50px; width: calc(100% - 367px - 45px - 40px); height: 45px;}
.type-content.id-course-falling-statistics .section02 .object02::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-course-falling-statistics .section02 .object02 .form .formSelectList {height: 45px;}
.type-content.id-course-falling-statistics .section02 .object02 .form .formSelectList:before {display: block; position: absolute; top: 0; right: 0; width: 45px; height: 100%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #d0202e url('../images/content/pc/arrow-type12.png') no-repeat center center / 10px 6px; content: '';}
.type-content.id-course-falling-statistics .section02 .object02 .form .formSelect .formSelectPopup {top: 51px; z-index: 31;}
@media (max-width: 1279px) {
  .type-content.id-course-falling-statistics .section02 {box-sizing: border-box; position: relative; height: 65px;}
  .type-content.id-course-falling-statistics .section02 .object01 {display: none;}
  .type-content.id-course-falling-statistics .section02 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%;}
  .type-content.id-course-falling-statistics .section02 .object02 .form .formSelectList:before {background-image: url('../images/content/mobile/arrow-type13.png'); background-size: 10px 6px;}
  .type-content.id-course-falling-statistics .section02 .object02 .form .formSelectList input {width: calc(100% - 45px);}
}

.type-content.id-course-falling-statistics .section03 {box-sizing: border-box; position: relative; height: 115px;}
.type-content.id-course-falling-statistics .section03 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 30px; width: 100%; height: 85px; border-radius: 8px; background-color: #fff;}
.type-content.id-course-falling-statistics .section03 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 52px; width: 100%;}
.type-content.id-course-falling-statistics .section03 .object02 .form {width: 334px; margin: 0 auto;}
.type-content.id-course-falling-statistics .section03 .object02 .form::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-course-falling-statistics .section03 .object02 .form ul.month {display: none; list-style: none; box-sizing: border-box; float: left; height: 40px; padding: 0; margin: 0; font-size: 13px; color: #666;}
.type-content.id-course-falling-statistics .section03 .object02 .form ul.month::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-course-falling-statistics .section03 .object02 .form ul.month li {box-sizing: border-box; position: relative; float: left; width: 60px; border: 1px solid #e6e6e6; margin-left: -1px; line-height: 38px; text-align: center; cursor: pointer; background-color: #fff;}
.type-content.id-course-falling-statistics .section03 .object02 .form ul.month li:first-child {margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.type-content.id-course-falling-statistics .section03 .object02 .form ul.month li:last-child {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.type-content.id-course-falling-statistics .section03 .object02 .form ul.month li.active {border-color: #d0202e; color: #d0202e; z-index: 10;}
.type-content.id-course-falling-statistics .section03 .object02 .form .formCalendar {float: left; width: 300px;}
.type-content.id-course-falling-statistics .section03 .object02 .form .item {box-sizing: border-box; position: absolute; top: 10px; right: 743px; width: 19px; height: 19px; background: transparent url('../images/content/pc/hint-type01.png') no-repeat center center; cursor: pointer;}
.type-content.id-course-falling-statistics .section03 .object02 .form .tooltip {display: none; box-sizing: border-box; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 30px; left: -12px; width: 180px; padding: 10px 15px; border: 1px solid #666; border-radius: 4px; background-color: #fff; color: #666; font-weight: 400; font-size: 12px; line-height: 18px; z-index: 10;}
.type-content.id-course-falling-statistics .section03 .object02 .form .tooltip::before {display: block; position: absolute; top: -8px; left: 14px; width: 14px; height: 8px; background: transparent url('../images/content/pc/tooltip-type01.png') no-repeat center center; content: '';}
.type-content.id-course-falling-statistics .section03 .object02.tooltipActive .tooltip {display: block;}
@media (max-width: 1279px) {
  .type-content.id-course-falling-statistics .section03 {box-sizing: border-box; position: relative; height: 94px;}
  .type-content.id-course-falling-statistics .section03 .object01 {display: none;}
  .type-content.id-course-falling-statistics .section03 .object02 {box-sizing: border-box; position: absolute; left: auto; top: 20px; width: 100%;}
  .type-content.id-course-falling-statistics .section03 .object02 .form {width: 100%;}
  .type-content.id-course-falling-statistics .section03 .object02 .form ul.month {float: none;}
  .type-content.id-course-falling-statistics .section03 .object02 .form ul.month li {width: calc((100% / 3) + 1px);}
  .type-content.id-course-falling-statistics .section03 .object02 .form ul.month li:first-child {width: calc(100% / 3);}
  .type-content.id-course-falling-statistics .section03 .object02 .form .formCalendar {width: 100%;}
  .type-content.id-course-falling-statistics .section03 .object02 .form .item {box-sizing: border-box; position: absolute; top: 55px; left: 0; right: auto; width: 19px; height: 19px; background: transparent url('../images/content/mobile/hint-type01.png') no-repeat center center / 19px 19px; cursor: pointer;}
  .type-content.id-course-falling-statistics .section03 .object02 .form .tooltip {top: 30px; left: -13px;}
  .type-content.id-course-falling-statistics .section03 .object02 .form .tooltip::before {background-image: url('../images/content/mobile/tooltip-type01.png'); background-size: 14px 8px;}
  .type-content.id-course-falling-statistics .section03 .object02.tooltipActive .tooltip {display: block;}
}

.type-content.id-course-falling-statistics .section04 {box-sizing: border-box; position: relative; padding-top: 20px;}
.type-content.id-course-falling-statistics .section04 .object01 {box-sizing: border-box; position: relative; height: 563px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-course-falling-statistics .section04 .object01 .object0101 {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 366px; height: 100%;}
.type-content.id-course-falling-statistics .section04 .object01 .object0101 .title {border-bottom: 1px solid #e6e6e6; color: #222; font-weight: bold; font-size: 13px; line-height: 37px; text-align: center;}
.type-content.id-course-falling-statistics .section04 .object01 .object0101 .course,
.type-content.id-course-falling-statistics .section04 .object01 .object0101 .hole {box-sizing: border-box; position: absolute; top: 0; width: 50%; height: 100%; border-right: 1px solid #e6e6e6;}
.type-content.id-course-falling-statistics .section04 .object01 .object0101 .course {left: 0;}
.type-content.id-course-falling-statistics .section04 .object01 .object0101 .hole {right: 0;}
.type-content.id-course-falling-statistics .section04 .object01 .object0102 {box-sizing: border-box; position: absolute; top: 0; right: 0; width: calc(100% - 366px); height: 100%;}
.type-content.id-course-falling-statistics .section04 .object01 .object0102 .content {box-sizing: border-box; position: relative;  height: 100%; border-radius: 8px;}
.type-content.id-course-falling-statistics .section04 .object01 .object0102 .content .graph {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 8px; background-color: #fff;}
.type-content.id-course-falling-statistics .section04 .object01 .object0102 .content .graph .pointZone {position: absolute; top: 0; left: 50%; width: 561px; height: 561px; margin-left: -280px; z-index: 10;}
.type-content.id-course-falling-statistics .section04 .object01 .object0102 .content .graph .pointZone .pointObject {overflow: hidden; position: absolute; width: 4px; height: 4px; margin-left: -2px; margin-top: -2px; border-radius: 50%; background-color: rgba(178, 10, 16, 0.5); text-indent: -1000px;}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectList {display: none;}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup {display: block;}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup {position: absolute; top: 0; left: 0; width: 183px; height: auto; background-color: transparent; z-index: 30;}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup .formSelectPopup-container {position: relative; width: 100%; height: 100%;}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup .formSelectPopup-box {width: 100%;}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup .formSelectPopup-zone {border-left: 0; border-top: 0; border-bottom: 0;  border-radius: 0;}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup .formSelectPopup-header {display: none;}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body {box-sizing: border-box; overflow-y: auto; list-style: none; max-height: 523px; padding: 10px; margin: 0;}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label {padding: 12px 15px; color: #666; font-size: 13px; line-height: 19px; cursor: pointer;}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label:hover {border-radius: 4px;}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; z-index: 20; -webkit-appearance: none;}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input[type="checkbox"] {display: none;}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label i {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px;}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label span {position: relative; z-index: 10;}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input:checked + input + i {border-radius: 4px; background-color: #202845;}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input:checked + input + i::before {display: block; position: absolute; top: 50%; right: 15px; width: 5px; height: 9px; margin-top: -5px; background: transparent url('../images/content/pc/arrow-type08.png') no-repeat center center; content: '';}
.type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input:checked + input + i + span {color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-course-falling-statistics .section04 {padding-top: 20px; height: 355px;}
  .type-content.id-course-falling-statistics .section04 .object01 {height: auto; border: none; border-radius: 0; background-color: transparent;}
  .type-content.id-course-falling-statistics .section04 .object01 .object0101 {position: relative; top: auto; left: auto; width: 100%; height: 45px;}
  .type-content.id-course-falling-statistics .section04 .object01 .object0101 .title {display: none;}
  .type-content.id-course-falling-statistics .section04 .object01 .object0101 .course,
  .type-content.id-course-falling-statistics .section04 .object01 .object0101 .hole {box-sizing: border-box; position: absolute; top: 0; height: 100%; border-right: none;}
  .type-content.id-course-falling-statistics .section04 .object01 .object0101 .course {left: 0; width: 60%;}
  .type-content.id-course-falling-statistics .section04 .object01 .object0101 .hole {right: 0; width: 40%; border-left: 1px solid #5c6379;}
  .type-content.id-course-falling-statistics .section04 .object01 .object0101 .course .formSelectList {border-top-right-radius: 0; border-bottom-right-radius: 0;}
  .type-content.id-course-falling-statistics .section04 .object01 .object0101 .hole .formSelectList {border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .type-content.id-course-falling-statistics .section04 .object01 .object0102 {position: absolute; top: 55px; right: auto; width: 100%; height: auto; padding: 0; border-left: none; border-radius: 8px;}
  .type-content.id-course-falling-statistics .section04 .object01 .object0102 .content {height: 280px; border-radius: 8px;}
  .type-content.id-course-falling-statistics .section04 .object01 .object0102 .content .graph .pointZone {width: 280px; height: 280px; margin-left: -140px;}
  .type-content.id-course-falling-statistics .section04 .object01 .object0102 .content .graph .pointZone .pointObject {width: 2px; height: 2px; margin-left: -1px; margin-top: -1px;}
  .type-content.id-course-falling-statistics .section04 .formSelect .formSelectList {display: block; border: none; background-color: #202845;}
  .type-content.id-course-falling-statistics .section04 .formSelect .formSelectList:before {background-image: url('../images/content/pc/arrow-type11.png')}
  .type-content.id-course-falling-statistics .section04 .formSelect .formSelectList input {color: #fff; font-size: 14px;}
  .type-content.id-course-falling-statistics .section04 .formSelect .formSelectList input::placeholder {color: #fff;}
  .type-content.id-course-falling-statistics .section04 .formSelect .formSelectList input::-webkit-input-placeholder {color: #fff;}
  .type-content.id-course-falling-statistics .section04 .formSelect .formSelectList input:-ms-input-placeholder {color: #fff;}
  .type-content.id-course-falling-statistics .section04 .formSelect .formSelectPopup {display: none;}
}

.type-content.id-course-falling-statistics.loginClub .section02 {display: none;}
.type-content.id-course-falling-statistics.loginClub .section03 {height: 115px;}
.type-content.id-course-falling-statistics.loginClub .section03 .object01 {top: 30px;}
.type-content.id-course-falling-statistics.loginClub .section03 .object02 {top: 50px;}
.type-content.id-course-falling-statistics.asideActive .section03 .object02 .form .item {right: 608px;}
@media (max-width: 1279px) {
  .type-content.id-course-falling-statistics.loginClub main {padding-top: calc(66px - 1px);}
  .type-content.id-course-falling-statistics.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-course-falling-statistics.loginClub .section03 {height: 94px;}
  .type-content.id-course-falling-statistics.loginClub .section03 .object02 {top: 20px;}
  .type-content.id-course-falling-statistics.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 코스 분석 > 핀 위치 통계 > 기간 합산 통계 */
.type-content.id-course-pin-statistics .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-course-pin-statistics .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-course-pin-statistics .section01 {position: relative; height: 23px;}
  .type-content.id-course-pin-statistics .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-course-pin-statistics .section02 {box-sizing: border-box; position: relative; height: 115px;}
.type-content.id-course-pin-statistics .section02 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 30px; width: 100%; height: 85px; border-radius: 8px; background-color: #fff;}
.type-content.id-course-pin-statistics .section02 .object02 {box-sizing: border-box; position: absolute; left: 226px; top: 50px; width: calc(100% - 367px - 45px - 40px); height: 45px;}
.type-content.id-course-pin-statistics .section02 .object02::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-course-pin-statistics .section02 .object02 .form .formSelectList {height: 45px;}
.type-content.id-course-pin-statistics .section02 .object02 .form .formSelectList:before {display: block; position: absolute; top: 0; right: 0; width: 45px; height: 100%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #d0202e url('../images/content/pc/arrow-type12.png') no-repeat center center / 10px 6px; content: '';}
.type-content.id-course-pin-statistics .section02 .object02 .form .formSelect .formSelectPopup {top: 51px; z-index: 31;}
@media (max-width: 1279px) {
  .type-content.id-course-pin-statistics .section02 {box-sizing: border-box; position: relative; height: 65px;}
  .type-content.id-course-pin-statistics .section02 .object01 {display: none;}
  .type-content.id-course-pin-statistics .section02 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 20px; width: 100%;}
  .type-content.id-course-pin-statistics .section02 .object02 .form .formSelectList:before {background-image: url('../images/content/mobile/arrow-type13.png'); background-size: 10px 6px;}
  .type-content.id-course-pin-statistics .section02 .object02 .form .formSelectList input {width: calc(100% - 45px);}
}

.type-content.id-course-pin-statistics .section03 {box-sizing: border-box; position: relative; height: 115px;}
.type-content.id-course-pin-statistics .section03 .object01 {box-sizing: border-box; position: absolute; left: 0; top: 30px; width: 100%; height: 85px; border-radius: 8px; background-color: #fff;}
.type-content.id-course-pin-statistics .section03 .object02 {box-sizing: border-box; position: absolute; left: 0; top: 52px; width: 100%;}
.type-content.id-course-pin-statistics .section03 .object02 .form {width: 334px; margin: 0 auto;}
.type-content.id-course-pin-statistics .section03 .object02 .form::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-course-pin-statistics .section03 .object02 .form ul.month {display: none; list-style: none; box-sizing: border-box; float: left; height: 40px; padding: 0; margin: 0; font-size: 13px; color: #666;}
.type-content.id-course-pin-statistics .section03 .object02 .form ul.month::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-course-pin-statistics .section03 .object02 .form ul.month li {box-sizing: border-box; position: relative; float: left; width: 60px; border: 1px solid #e6e6e6; margin-left: -1px; line-height: 38px; text-align: center; cursor: pointer; background-color: #fff;}
.type-content.id-course-pin-statistics .section03 .object02 .form ul.month li:first-child {margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.type-content.id-course-pin-statistics .section03 .object02 .form ul.month li:last-child {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.type-content.id-course-pin-statistics .section03 .object02 .form ul.month li.active {border-color: #d0202e; color: #d0202e; z-index: 10;}
.type-content.id-course-pin-statistics .section03 .object02 .form .formCalendar {float: left; width: 300px;}
.type-content.id-course-pin-statistics .section03 .object02 .form .item {box-sizing: border-box; position: absolute; top: 10px; right: 743px; width: 19px; height: 19px; background: transparent url('../images/content/pc/hint-type01.png') no-repeat center center; cursor: pointer;}
.type-content.id-course-pin-statistics .section03 .object02 .form .tooltip {display: none; box-sizing: border-box; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 30px; left: -12px; width: 180px; padding: 10px 15px; border: 1px solid #666; border-radius: 4px; background-color: #fff; color: #666; font-weight: 400; font-size: 12px; line-height: 18px; z-index: 10;}
.type-content.id-course-pin-statistics .section03 .object02 .form .tooltip::before {display: block; position: absolute; top: -8px; left: 14px; width: 14px; height: 8px; background: transparent url('../images/content/pc/tooltip-type01.png') no-repeat center center; content: '';}
.type-content.id-course-pin-statistics .section03 .object02.tooltipActive .tooltip {display: block;}
@media (max-width: 1279px) {
  .type-content.id-course-pin-statistics .section03 {box-sizing: border-box; position: relative; height: 94px;}
  .type-content.id-course-pin-statistics .section03 .object01 {display: none;}
  .type-content.id-course-pin-statistics .section03 .object02 {box-sizing: border-box; position: absolute; left: auto; top: 20px; width: 100%;}
  .type-content.id-course-pin-statistics .section03 .object02 .form {width: 100%;}
  .type-content.id-course-pin-statistics .section03 .object02 .form ul.month {float: none;}
  .type-content.id-course-pin-statistics .section03 .object02 .form ul.month li {width: calc((100% / 3) + 1px);}
  .type-content.id-course-pin-statistics .section03 .object02 .form ul.month li:first-child {width: calc(100% / 3);}
  .type-content.id-course-pin-statistics .section03 .object02 .form .formCalendar {width: 100%;}
  .type-content.id-course-pin-statistics .section03 .object02 .form .item {box-sizing: border-box; position: absolute; top: 55px; left: 0; right: auto; width: 19px; height: 19px; background: transparent url('../images/content/mobile/hint-type01.png') no-repeat center center / 19px 19px; cursor: pointer;}
  .type-content.id-course-pin-statistics .section03 .object02 .form .tooltip {top: 30px; left: -13px;}
  .type-content.id-course-pin-statistics .section03 .object02 .form .tooltip::before {background-image: url('../images/content/mobile/tooltip-type01.png'); background-size: 14px 8px;}
  .type-content.id-course-pin-statistics .section03 .object02.tooltipActive .tooltip {display: block;}
}

.type-content.id-course-pin-statistics .section04 {box-sizing: border-box; position: relative; padding-top: 20px;}
.type-content.id-course-pin-statistics .section04 .object01 {box-sizing: border-box; position: relative; height: 563px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-course-pin-statistics .section04 .object01 .object0101 {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 366px; height: 100%;}
.type-content.id-course-pin-statistics .section04 .object01 .object0101 .title {border-bottom: 1px solid #e6e6e6; color: #222; font-weight: bold; font-size: 13px; line-height: 37px; text-align: center;}
.type-content.id-course-pin-statistics .section04 .object01 .object0101 .course,
.type-content.id-course-pin-statistics .section04 .object01 .object0101 .hole {box-sizing: border-box; position: absolute; top: 0; width: 50%; height: 100%; border-right: 1px solid #e6e6e6;}
.type-content.id-course-pin-statistics .section04 .object01 .object0101 .course {left: 0;}
.type-content.id-course-pin-statistics .section04 .object01 .object0101 .hole {right: 0;}
.type-content.id-course-pin-statistics .section04 .object01 .object0102 {box-sizing: border-box; position: absolute; top: 0; right: 0; width: calc(100% - 366px); height: 100%;}
.type-content.id-course-pin-statistics .section04 .object01 .object0102 .content {box-sizing: border-box; position: relative;  height: 100%; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
.type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top-right-radius: 7px; border-bottom-right-radius: 7px; background-color: #fff;}
.type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph .object {overflow: hidden; position: absolute; bottom: 5px; left: 50%; width: 14px; height: 32px; margin-left: -7px; border: none; border-radius: 0; background: transparent url('../images/content/pc/ip-type01.png') no-repeat center center; text-indent: -1000px; z-index: 20;}
.type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph .pointZone {position: absolute; top: 0; left: 50%; width: 561px; height: 561px; margin-left: -280px; z-index: 10;}
.type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph .pointZone .pointObject {overflow: hidden; position: absolute; width: 4px; height: 4px; margin-left: -2px; margin-top: -2px; border-radius: 50%; background-color: rgba(178, 10, 16, 0.5); text-indent: -1000px;}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectList {display: none;}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup {display: block;}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup {position: absolute; top: 0; left: 0; width: 183px; height: auto; background-color: transparent; z-index: 30;}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup .formSelectPopup-container {position: relative; width: 100%; height: 100%;}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup .formSelectPopup-box {width: 100%;}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup .formSelectPopup-zone {border-left: 0; border-top: 0; border-bottom: 0;  border-radius: 0;}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup .formSelectPopup-header {display: none;}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body {box-sizing: border-box; overflow-y: auto; list-style: none; max-height: 523px; padding: 10px; margin: 0;}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label {padding: 12px 15px; color: #666; font-size: 13px; line-height: 19px; cursor: pointer;}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label:hover {border-radius: 4px;}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; z-index: 20; -webkit-appearance: none;}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input[type="checkbox"] {display: none;}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label i {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px;}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label span {position: relative; z-index: 10;}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input:checked + input + i {border-radius: 4px; background-color: #202845;}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input:checked + input + i::before {display: block; position: absolute; top: 50%; right: 15px; width: 5px; height: 9px; margin-top: -5px; background: transparent url('../images/content/pc/arrow-type08.png') no-repeat center center; content: '';}
.type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup ul.formSelectPopup-body li label input:checked + input + i + span {color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-course-pin-statistics .section04 {padding-top: 20px; height: 355px;}
  .type-content.id-course-pin-statistics .section04 .object01 {height: auto; border: none; border-radius: 0; background-color: transparent;}
  .type-content.id-course-pin-statistics .section04 .object01 .object0101 {position: relative; top: auto; left: auto; width: 100%; height: 45px;}
  .type-content.id-course-pin-statistics .section04 .object01 .object0101 .title {display: none;}
  .type-content.id-course-pin-statistics .section04 .object01 .object0101 .course,
  .type-content.id-course-pin-statistics .section04 .object01 .object0101 .hole {box-sizing: border-box; position: absolute; top: 0; height: 100%; border-right: none;}
  .type-content.id-course-pin-statistics .section04 .object01 .object0101 .course {left: 0; width: 60%;}
  .type-content.id-course-pin-statistics .section04 .object01 .object0101 .hole {right: 0; width: 40%; border-left: 1px solid #5c6379;}
  .type-content.id-course-pin-statistics .section04 .object01 .object0101 .course .formSelectList {border-top-right-radius: 0; border-bottom-right-radius: 0;}
  .type-content.id-course-pin-statistics .section04 .object01 .object0101 .hole .formSelectList {border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .type-content.id-course-pin-statistics .section04 .object01 .object0102 {position: absolute; top: 55px; right: auto; width: 100%; height: auto; padding: 0; border-left: none; border-radius: 8px;}
  .type-content.id-course-pin-statistics .section04 .object01 .object0102 .content {height: 280px; border-radius: 8px;}
  .type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph {border-radius: 8px;}
  .type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph .object {background-image: url('../images/content/mobile/ip-type01.png'); background-size: 14px 32px;}
  .type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph .pointZone {width: 280px; height: 280px; margin-left: -140px;}
  .type-content.id-course-pin-statistics .section04 .object01 .object0102 .content .graph .pointZone .pointObject {width: 2px; height: 2px; margin-left: -1px; margin-top: -1px;}
  .type-content.id-course-pin-statistics .section04 .formSelect .formSelectList {display: block; border: none; background-color: #202845;}
  .type-content.id-course-pin-statistics .section04 .formSelect .formSelectList:before {background-image: url('../images/content/pc/arrow-type11.png')}
  .type-content.id-course-pin-statistics .section04 .formSelect .formSelectList input {color: #fff; font-size: 14px;}
  .type-content.id-course-pin-statistics .section04 .formSelect .formSelectList input::placeholder {color: #fff;}
  .type-content.id-course-pin-statistics .section04 .formSelect .formSelectList input::-webkit-input-placeholder {color: #fff;}
  .type-content.id-course-pin-statistics .section04 .formSelect .formSelectList input:-ms-input-placeholder {color: #fff;}
  .type-content.id-course-pin-statistics .section04 .formSelect .formSelectPopup {display: none;}
}

.type-content.id-course-pin-statistics.loginClub .section02 {display: none;}
.type-content.id-course-pin-statistics.loginClub .section03 {height: 115px;}
.type-content.id-course-pin-statistics.loginClub .section03 .object01 {top: 30px;}
.type-content.id-course-pin-statistics.loginClub .section03 .object02 {top: 50px;}
.type-content.id-course-pin-statistics.asideActive .section03 .object02 .form .item {right: 608px;}
@media (max-width: 1279px) {
  .type-content.id-course-pin-statistics.loginClub main {padding-top: calc(66px - 1px);}
  .type-content.id-course-pin-statistics.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-course-pin-statistics.loginClub .section03 {height: 94px;}
  .type-content.id-course-pin-statistics.loginClub .section03 .object02 {top: 20px;}
  .type-content.id-course-pin-statistics.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 고객센터 > 공지사항 > 리스트 */
.type-content.id-customer-notice-list .main-notice {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-list .main-notice {margin-top: -30px;}
}

.type-content.id-customer-notice-list .notice-header {padding-top: 10px;}
.type-content.id-customer-notice-list .notice-header h3.title {padding: 0; margin: 0; line-height: 0;}
.type-content.id-customer-notice-list .notice-header h3.title .item {color: #222; font-weight: 200; font-size: 32px; line-height: 90px;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-list .notice-header {padding-top: 9px;}
  .type-content.id-customer-notice-list .notice-header h3.title .item {font-size: 25px; line-height: 62px;}
}

.type-content.id-customer-notice-list .notice-search .body {position: relative; padding: 20px; border-radius: 8px; background-color: #fff;}
.type-content.id-customer-notice-list .notice-search .body .form::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-list .notice-search .body .form {list-style: none; width: 600px; height: 45px; padding: 0; margin: 0 auto;}
.type-content.id-customer-notice-list .notice-search .body .form .select {float: left; width: 147px; height: 100%;}
.type-content.id-customer-notice-list .notice-search .body .form .select .formSelectList {height: 45px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.type-content.id-customer-notice-list .notice-search .body .form .select .formSelect .formSelectPopup {top: 51px;}
.type-content.id-customer-notice-list .notice-search .body .form .input {float: left; width: calc(100% - 147px - 45px); height: 100%;}
.type-content.id-customer-notice-list .notice-search .body .form .input input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 15px; margin: 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-right: none; border-left: none; border-radius: 0; background-color: transparent; color: #666; font-size: 13px; line-height: 43px; -webkit-appearance: none;}
.type-content.id-customer-notice-list .notice-search .body .form .input input::placeholder {color: #d1d1d1;}
.type-content.id-customer-notice-list .notice-search .body .form .input input::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-notice-list .notice-search .body .form .input input:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-notice-list .notice-search .body .form .search {float: left; width: 45px; height: 100%; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #d0202e;}
.type-content.id-customer-notice-list .notice-search .body .form .search:hover {background-color: #b20a10;}
.type-content.id-customer-notice-list .notice-search .body .form .search button {overflow: hidden; width: 100%; height: 100%; padding: 0; margin: 0; border: none; border-radius: 0; background: transparent url('../images/content/pc/search-type01.png') no-repeat center center; text-indent: -1000px;}
.type-content.id-customer-notice-list .notice-search .body .registration {position: absolute; top: 20px; right: 20px;}
.type-content.id-customer-notice-list .notice-search .body .registration button {width: 100px; height: 45px; padding: 0; margin: 0; border: none; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 45px;}
.type-content.id-customer-notice-list .notice-search .body .registration button:hover {background-color: #12172c;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-list .notice-search .body {padding: 0; background-color: transparent;}
  .type-content.id-customer-notice-list .notice-search .body .form {width: 100%;}
  .type-content.id-customer-notice-list .notice-search .body .form .select {display: none;}
  .type-content.id-customer-notice-list .notice-search .body .form .input {width: calc(100% - 45px);}
  .type-content.id-customer-notice-list .notice-search .body .form .input input {border-left: 1px solid #e6e6e6; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: #fff; font-size: 14px;}
  .type-content.id-customer-notice-list .notice-search .body .form .search:hover {background-color: #d0202e;}
  .type-content.id-customer-notice-list .notice-search .body .form .search button {background-image: url('../images/content/mobile/search-type01.png'); background-size: 14px;}
  .type-content.id-customer-notice-list .notice-search .body .registration {position: static; top: auto; right: auto; padding-top: 10px;}
  .type-content.id-customer-notice-list .notice-search .body .registration button {width: 100%;}
  .type-content.id-customer-notice-list .notice-search .body .registration button:hover {background-color: #202845;}
}

.type-content.id-customer-notice-list .notice-board {padding-top: 20px;}
.type-content.id-customer-notice-list .notice-board ul.list {list-style: none; padding: 0; margin: 0;}
.type-content.id-customer-notice-list .notice-board .object,
.type-content.id-customer-notice-list .notice-board .type,
.type-content.id-customer-notice-list .notice-board .title,
.type-content.id-customer-notice-list .notice-board .writer,
.type-content.id-customer-notice-list .notice-board .date {box-sizing: border-box; float: left; padding: 0 20px; color: #666; font-weight: 400; font-size: 13px; line-height: 50px; text-align: center;}
.type-content.id-customer-notice-list .notice-board .object {width: 192px;}
.type-content.id-customer-notice-list .notice-board .type {width: 117px; padding-left: 40px;}
.type-content.id-customer-notice-list .notice-board .title {width: calc(100% - 192px - 117px - 200px - 130px);}
.type-content.id-customer-notice-list .notice-board .writer {width: 200px;}
.type-content.id-customer-notice-list .notice-board .date {width: 130px; padding-right: 40px;}
.type-content.id-customer-notice-list .notice-board .header {border: 1px solid #ccc; border-bottom-color: #e6e6e6; border-top-right-radius: 8px; border-top-left-radius: 8px; background-color: #fff;}
.type-content.id-customer-notice-list .notice-board .header ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-list .notice-board .header ul.list li {color: #222; font-weight: 500;}
.type-content.id-customer-notice-list .notice-board .header ul.list li:first-child {border-top-left-radius: 7px;}
.type-content.id-customer-notice-list .notice-board .header ul.list li:last-child {border-top-right-radius: 7px;}
.type-content.id-customer-notice-list .notice-board .header ul.list li.object {background-color: #202845; color: #fff;}
.type-content.id-customer-notice-list .notice-board .body {margin-top: -1px; border: 1px solid #ccc; border-top-color: #e6e6e6; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background-color: #fff;}
.type-content.id-customer-notice-list .notice-board .body ul.list li {border-top: 1px solid #e6e6e6; cursor: pointer;}
.type-content.id-customer-notice-list .notice-board .body ul.list li:hover {background-color: #f5f5f5;}
.type-content.id-customer-notice-list .notice-board .body ul.list li::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-list .notice-board .body ul.list li:first-child {border-top: none;}
.type-content.id-customer-notice-list .notice-board .body ul.list li:last-child .object {border-bottom-left-radius: 7px;}
.type-content.id-customer-notice-list .notice-board .body ul.list li .object {background-color: #f9f9f9;}
.type-content.id-customer-notice-list .notice-board .body ul.list li:hover .object {background-color: #e6e6e6;}
.type-content.id-customer-notice-list .notice-board .body ul.list li .title .item {overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-customer-notice-list .notice-board .body ul.list li .type {padding-top: 15px; line-height: 0; text-align: center;}
.type-content.id-customer-notice-list .notice-board .body ul.list li .type .item {display: inline-block; box-sizing: border-box; width: 57px; height: 20px; border: 1px solid #999; border-radius: 10px; color: #222; font-weight: 500; font-size: 12px; line-height: 18px; text-align: center;}
.type-content.id-customer-notice-list .notice-board .body ul.list li .writer .item {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-customer-notice-list .notice-board .body ul.list li.typeVersion .type .item {border-color: #e68d94; color: #d0202e;}
.type-content.id-customer-notice-list .notice-board .body ul.list li.typeEvent .type .item {border-color: #8da8e6; color: #2063d2;}
.type-content.id-customer-notice-list .notice-board .body ul.list li.typeChecking .type .item {border-color: #999; color: #222;}
.type-content.id-customer-notice-list .notice-board .body ul.list li.disabled .object .item,
.type-content.id-customer-notice-list .notice-board .body ul.list li.disabled .type .item,
.type-content.id-customer-notice-list .notice-board .body ul.list li.disabled .title .item,
.type-content.id-customer-notice-list .notice-board .body ul.list li.disabled .writer .item,
.type-content.id-customer-notice-list .notice-board .body ul.list li.disabled .date .item {opacity: 0.3;}
.type-content.id-customer-notice-list .notice-board .body .none {display: none;}
.type-content.id-customer-notice-list .notice-board .body.none ul.list {display: none;}
.type-content.id-customer-notice-list .notice-board .body.none .none {display: block; color: #999; font-size: 13px; line-height: 152px; text-align: center;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-list .notice-board .object,
  .type-content.id-customer-notice-list .notice-board .type,
  .type-content.id-customer-notice-list .notice-board .title,
  .type-content.id-customer-notice-list .notice-board .writer,
  .type-content.id-customer-notice-list .notice-board .date {float: none; width: auto; padding-right: 0; padding-left: 0; font-size: 12px; line-height: 12px; text-align: left;}
  .type-content.id-customer-notice-list .notice-board .header {display: none;}
  .type-content.id-customer-notice-list .notice-board .body {border: none; border-radius: 4px;}
  .type-content.id-customer-notice-list .notice-board .body ul.list li {position: relative; height: 88px;}
  .type-content.id-customer-notice-list .notice-board .body ul.list li:hover {background-color: #fff;}
  .type-content.id-customer-notice-list .notice-board .body ul.list li:last-child .object {border-bottom-left-radius: 0;}
  .type-content.id-customer-notice-list .notice-board .body ul.list li .object {position: absolute; top: 15px; left: 92px; width: calc(100% - 112px); background-color: transparent;}
  .type-content.id-customer-notice-list .notice-board .body ul.list li:hover .object {background-color: #fff;}
  .type-content.id-customer-notice-list .notice-board .body ul.list li .object .item {overflow: hidden; color: #222; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
  .type-content.id-customer-notice-list .notice-board .body ul.list li .title {position: absolute; top: 36px; left: 92px; width: calc(100% - 112px);}
  .type-content.id-customer-notice-list .notice-board .body ul.list li .title .item {font-size: 14px; line-height: 14px;}
  .type-content.id-customer-notice-list .notice-board .body ul.list li .type {position: absolute; top: 33px; left: 20px; padding: 0;}
  .type-content.id-customer-notice-list .notice-board .body ul.list li .type .item {width: 52px; height: 19px; line-height: 17px;}
  .type-content.id-customer-notice-list .notice-board .body ul.list li .writer {position: absolute; top: 60px; left: 163px; width: calc(100% - 183px);}
  .type-content.id-customer-notice-list .notice-board .body ul.list li .writer .item {overflow: hidden; color: #999; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
  .type-content.id-customer-notice-list .notice-board .body ul.list li .date {position: absolute; top: 60px; left: 92px;}
  .type-content.id-customer-notice-list .notice-board .body ul.list li .date .item {color: #999;}
  .type-content.id-customer-notice-list .notice-board .body.none .none {border: none; font-size: 14px; line-height: 266px;}
}

.type-content.id-customer-notice-list .notice-page {padding-top: 30px; line-height: 0; text-align: center;}
.type-content.id-customer-notice-list .notice-page .paging {display: inline-block;}
.type-content.id-customer-notice-list .notice-page .paging::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-list .notice-page .paging .prev,
.type-content.id-customer-notice-list .notice-page .paging .next,
.type-content.id-customer-notice-list .notice-page .paging ul.number {float: left;}
.type-content.id-customer-notice-list .notice-page .paging .prev,
.type-content.id-customer-notice-list .notice-page .paging .next {padding: 11px 20px; opacity: 0.3;}
.type-content.id-customer-notice-list .notice-page .paging .prev .item,
.type-content.id-customer-notice-list .notice-page .paging .next .item {overflow: hidden; width: 5px; height: 9px; background-color: transparent; background-repeat: no-repeat; background-position: center top; text-indent: -1000px;}
.type-content.id-customer-notice-list .notice-page .paging .prev .item {background-image: url('../images/content/pc/prev-type01.png');}
.type-content.id-customer-notice-list .notice-page .paging .next .item {background-image: url('../images/content/pc/next-type01.png');}
.type-content.id-customer-notice-list .notice-page .paging.prevActive .prev,
.type-content.id-customer-notice-list .notice-page .paging.nextActive .next {opacity: 1; cursor: pointer;}
.type-content.id-customer-notice-list .notice-page .paging ul.number {list-style: none; padding: 0; margin: 0;}
.type-content.id-customer-notice-list .notice-page .paging ul.number::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-list .notice-page .paging ul.number li {box-sizing: border-box; position: relative; float: left; height: 31px; padding: 0 9px; color: #666; font-weight: 400; font-size: 14px; line-height: 31px; cursor: pointer;}
.type-content.id-customer-notice-list .notice-page .paging ul.number li:hover {color: #d0202e;}
.type-content.id-customer-notice-list .notice-page .paging ul.number li.active {color: #d0202e; cursor: auto;}
.type-content.id-customer-notice-list .notice-page .paging ul.number li.active::before {display: block; position: absolute; bottom: 0; left: 5px; width: calc(100% - 10px); height: 2px; background-color: #d0202e; content: '';}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-list .notice-page {display: none;}
}

.type-content.id-customer-notice-list .notice-more {display: none;}
.type-content.id-customer-notice-list .notice-more .more {box-sizing: border-box; width: 100%; margin-top: 20px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-customer-notice-list .notice-more .more:hover {background-color: #f5f5f5;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-list .notice-more {display: block;}
  .type-content.id-customer-notice-list .notice-more .more:hover {background-color: #fff;}
}


.type-content.id-customer-notice-list.loginClub .notice-search,
.type-content.id-customer-notice-list.loginClub .notice-board .object,
.type-content.id-customer-notice-list.loginClub .notice-board .writer {display: none;}
.type-content.id-customer-notice-list.loginClub .notice-board .title {width: calc(100% - 117px - 130px);}
.type-content.id-customer-notice-list.loginClub .notice-board {padding-top: 0;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-list.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-customer-notice-list.loginClub .notice-board .body ul.list li {height: 66px;}
  .type-content.id-customer-notice-list.loginClub .notice-board .body ul.list li .title {top: 15px;}
  .type-content.id-customer-notice-list.loginClub .notice-board .body ul.list li .type {top: 23px;}
  .type-content.id-customer-notice-list.loginClub .notice-board .body ul.list li .date {top: 39px;}
  .type-content.id-customer-notice-list.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 고객센터 > 공지사항 > 뷰 */
.type-content.id-customer-notice-view .main-notice {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-view .main-notice {margin-top: -30px;}
}

.type-content.id-customer-notice-view .notice-header {padding-top: 10px;}
.type-content.id-customer-notice-view .notice-header h3.title {padding: 0; margin: 0; line-height: 0;}
.type-content.id-customer-notice-view .notice-header h3.title .item {color: #222; font-weight: 200; font-size: 32px; line-height: 90px;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-view .notice-header {padding-top: 9px;}
  .type-content.id-customer-notice-view .notice-header h3.title .item {font-size: 25px; line-height: 62px;}
}

.type-content.id-customer-notice-view .notice-view {border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-customer-notice-view .notice-view .header {display: flex; flex-direction: row; position: relative; padding: 23px 15px; border-top-right-radius: 7px; border-top-left-radius: 7px; background-color: #f9f9f9;}
.type-content.id-customer-notice-view .notice-view .header::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-view .notice-view .header .type {display: flex; align-items: center; float: left; width: 69px; padding: 0 15px;}
.type-content.id-customer-notice-view .notice-view .header .type .item {box-sizing: border-box; width: 100%; height: 24px; border: 1px solid #999; border-radius: 12px; color: #222; font-weight: 500; font-size: 12px; line-height: 22px; text-align: center;}
.type-content.id-customer-notice-view .notice-view.typeVersion .header .type .item {border-color: #e68d94; color: #d0202e;}
.type-content.id-customer-notice-view .notice-view.typeEvent .header .type .item {border-color: #8da8e6; color: #2063d2;}
.type-content.id-customer-notice-view .notice-view.typeChecking .header .type .item {border-color: #999; color: #222;}
.type-content.id-customer-notice-view .notice-view .header .title {flex: 1; float: left; padding: 0 15px; color: #222; font-weight: 400; font-size: 20px; line-height: 34px;}
.type-content.id-customer-notice-view .notice-view .header .writer,
.type-content.id-customer-notice-view .notice-view .header .date {display: flex; align-items: center; float: left; padding: 0 15px; color: #999; font-weight: 400; font-size: 13px; line-height: 34px;}
.type-content.id-customer-notice-view .notice-view .body {border-top: 1px solid #e6e6e6;}
.type-content.id-customer-notice-view .notice-view .body .info {padding: 0 15px; border-top: 1px solid #e6e6e6;}
.type-content.id-customer-notice-view .notice-view .body .info::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-view .notice-view .body .info.object {border-top: none;}
.type-content.id-customer-notice-view .notice-view .body .info .caption {position: relative; float: left;}
.type-content.id-customer-notice-view .notice-view .body .info .caption.hits {float: right;}
.type-content.id-customer-notice-view .notice-view .body .info .caption::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-view .notice-view .body .info .caption .title {float: left; padding: 0 16px 0 15px; background: transparent url('../images/content/pc/divide-type01.png') no-repeat right center; color: #666; font-weight: 400; font-size: 13px; line-height: 51px;}
.type-content.id-customer-notice-view .notice-view .body .info .caption .content {float: left; padding: 0 15px; border: none; color: #666; font-weight: 400; font-size: 13px; line-height: 51px;}
.type-content.id-customer-notice-view .notice-view.objectFew .body .info .caption.object .content {cursor: pointer;}
.type-content.id-customer-notice-view .notice-view .body .info .caption .tooltip {display: none; box-sizing: border-box; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 49px; left: 70px; width: 180px; padding: 10px 15px; border: 1px solid #666; border-radius: 4px; background-color: #fff; color: #666; font-weight: 400; font-size: 12px; line-height: 18px;}
.type-content.id-customer-notice-view .notice-view .body .info .caption .tooltip::before {display: block; position: absolute; top: -8px; left: 14px; width: 14px; height: 8px; background: transparent url('../images/content/pc/tooltip-type01.png') no-repeat center center; content: '';}
.type-content.id-customer-notice-view .notice-view .body .info .caption.tooltipActive .tooltip {display: block;}
.type-content.id-customer-notice-view .notice-view .body .view {padding: 30px; border-top: 1px solid #e6e6e6; color: #666; font-weight: 400; font-size: 13px; line-height: 24px;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-view .notice-view .header {padding: 15px 0;}
  .type-content.id-customer-notice-view .notice-view .header .type {width: 52px; padding: 0 20px;}
  .type-content.id-customer-notice-view .notice-view .header .type .item {height: 19px; line-height: 17px;}
  .type-content.id-customer-notice-view .notice-view .header .title {flex: none; width: calc(100% - 117px); padding-bottom: calc(18px + 7px + 18px + 9px); padding-right: 20px; padding-left: 0; font-size: 17px; line-height: 27px;}
  .type-content.id-customer-notice-view .notice-view .header .writer,
  .type-content.id-customer-notice-view .notice-view .header .date {display: block; align-items: stretch; position: absolute; float: none; padding: 0 15px 0 0; color: #999; font-weight: 400; font-size: 12px; line-height: 18px;}
  .type-content.id-customer-notice-view .notice-view .header .writer {overflow: hidden; bottom: 15px; left: 93px; width: calc(100% - 117px); text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
  .type-content.id-customer-notice-view .notice-view .header .date {bottom: calc(15px + 18px + 7px); left: 93px;}
  .type-content.id-customer-notice-view .notice-view .body .info {padding-right: 10px; padding-left: 10px;}
  .type-content.id-customer-notice-view .notice-view .body .info .caption .title {padding-right: 11px; padding-left: 10px;}
  .type-content.id-customer-notice-view .notice-view .body .info .caption .content {padding-right: 10px; padding-left: 10px;}
  .type-content.id-customer-notice-view .notice-view .body .info .caption .tooltip {top: 49px; left: 55px;}
  .type-content.id-customer-notice-view .notice-view .body .info .caption .tooltip::before {background-image: url('../images/content/mobile/tooltip-type01.png'); background-size: 14px 8px;}
  .type-content.id-customer-notice-view .notice-view .body .view {padding: 20px; border-top: 1px solid #e6e6e6; color: #666; font-weight: 400; font-size: 13px; line-height: 24px;}
}

.type-content.id-customer-notice-view .notice-button {padding-top: 20px;}
.type-content.id-customer-notice-view .notice-button::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-view .notice-button button {box-sizing: border-box; float: left; display: block; width: 100px; height: 45px; padding: 0; margin: 0; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 13px;}
.type-content.id-customer-notice-view .notice-button button:hover {background-color: #f5f5f5;}
.type-content.id-customer-notice-view .notice-button button.edit {float: right; border-color: #202845; background-color: #202845; color: #fff;}
.type-content.id-customer-notice-view .notice-button button.edit:hover {background-color: #12172c;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-view .notice-button {margin: 0 -5px;}
  .type-content.id-customer-notice-view .notice-button button {width: calc(50% - 10px); margin: 0 5px;}
  .type-content.id-customer-notice-view .notice-button button:hover {background-color: #fff;}
  .type-content.id-customer-notice-view .notice-button button.edit:hover {background-color: #202845;}
}

.type-content.id-customer-notice-view.loginClub .notice-view .header .writer,
.type-content.id-customer-notice-view.loginClub .notice-view .body .info.status {display: none;}
.type-content.id-customer-notice-view.loginClub .notice-view .body .info .caption.object {display: none;}
.type-content.id-customer-notice-view.loginClub .notice-view .body .info .caption.hits {float: left;}
.type-content.id-customer-notice-view.loginClub .notice-button button.edit {display: none;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-view.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-customer-notice-view.loginClub .notice-view .header .title {padding-bottom: calc(18px + 9px);}
  .type-content.id-customer-notice-view.loginClub .notice-view .header .date {bottom: 15px;}
  .type-content.id-customer-notice-view.loginClub .notice-button {margin: 0;}
  .type-content.id-customer-notice-view.loginClub .notice-button button {width: 100%; margin: 0;}
  .type-content.id-customer-notice-view.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 고객센터 > 공지사항 > 공지사항 등록 */
.type-content.id-customer-notice-registration .main-notice {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-registration .main-notice {margin-top: -30px;}
}

.type-content.id-customer-notice-registration .notice-header {padding-top: 10px;}
.type-content.id-customer-notice-registration .notice-header h3.title {padding: 0; margin: 0; line-height: 0;}
.type-content.id-customer-notice-registration .notice-header h3.title .item {color: #222; font-weight: 200; font-size: 32px; line-height: 90px;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-registration .notice-header {padding-top: 9px;}
  .type-content.id-customer-notice-registration .notice-header h3.title .item {font-size: 25px; line-height: 62px;}
}

.type-content.id-customer-notice-registration .notice-write .body {border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-customer-notice-registration .notice-write .body .field {position: relative; border-top: 1px solid #e6e6e6;}
.type-content.id-customer-notice-registration .notice-write .body .field::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-registration .notice-write .body .field .caption {box-sizing: border-box; float: left; width: 200px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-customer-notice-registration .notice-write .body .field .caption::before {display: none; position: absolute; top: 20px; left: 20px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; content: '';}
.type-content.id-customer-notice-registration .notice-write .body .field.status {border-top: none;}
.type-content.id-customer-notice-registration .notice-write .body .field.status .caption {border-top-left-radius: 7px;}
.type-content.id-customer-notice-registration .notice-write .body .field.required .caption::before {display: block;}
.type-content.id-customer-notice-registration .notice-write .body .field .content {box-sizing: border-box; float: left; width: calc(100% - 200px); padding: 10px 15px;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain {margin: 0 -7px 0 -8px;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain .item {float: left;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain .item.select {box-sizing: border-box; width: calc(300px + 15px); height: 40px; padding: 0 7px 0 8px;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain .item.select select {box-sizing: border-box; width: 100%; height: 100%; padding: 0 41px 0 15px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; background: #fff url('../images/content/pc/arrow-type10.png') no-repeat right center / 39px 5px; color: #666; font-weight: 500; font-size: 13px; line-height: 39px; -webkit-appearance: none;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain .item.select select::-ms-expand {display: none;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain .item.input {box-sizing: border-box; height: 40px; padding: 0 7px 0 8px;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain .item.input input {box-sizing: border-box;  width: 100%; height: 100%; padding: 0 15px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; color: #666; font-size: 13px; line-height: 39px; -webkit-appearance: none;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain .item.input input::placeholder {color: #d1d1d1;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain .item.input input::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain .item.input input:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain ul.item.check {list-style: none; padding: 0; margin: 0;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain ul.item.check::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain ul.item.check li {float: left; padding: 10px 7px 11px 8px; line-height: 0;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain ul.item.check li label {display: inline-block; position: relative; padding-left: 27px; color: #666; font-size: 13px; line-height: 19px;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain ul.item.check li label input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; z-index: 10;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain ul.item.check li label i {display: block; position: absolute; top: 0; left: 0; width: 19px; height: 19px; background-color: transparent; background-repeat: no-repeat; background-position: center top;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain ul.item.check li label input:checked + i {background-position: center bottom;}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain ul.item.check.radio li label i {background-image: url('../images/content/pc/radio-type01.png');}
.type-content.id-customer-notice-registration .notice-write .body .field .content .contain ul.item.check.checkbox li label i {background-image: url('../images/content/pc/checkbox-type01.png');}
.type-content.id-customer-notice-registration .notice-write .body .field.title .content .contain .item.input {width: 100%;}
.type-content.id-customer-notice-registration .notice-write .body .field.write textarea {display: block; box-sizing: border-box; width: 100%; height: 288px; padding: 24px 30px; margin: 0; border: none; border-radius: 0 0 7px 7px; background-color: #fff; color: #666; font-size: 13px; line-height: 24px; resize: none; -webkit-appearance: none;}
.type-content.id-customer-notice-registration .notice-write .body .field.write textarea::placeholder {color: #d1d1d1;}
.type-content.id-customer-notice-registration .notice-write .body .field.write textarea::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-notice-registration .notice-write .body .field.write textarea:-ms-input-placeholder {color: #d1d1d1;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-registration .notice-write .body {border: none; border-radius: 0; background-color: transparent;}
  .type-content.id-customer-notice-registration .notice-write .body .field {border-top: none; padding-top: 20px;}
  .type-content.id-customer-notice-registration .notice-write .body .field .caption {float: none; width: 100%; padding: 0 10px; background-color: transparent; font-size: 14px; line-height: 14px;}
  .type-content.id-customer-notice-registration .notice-write .body .field .caption::before {top: 21px; left: 0;}
  .type-content.id-customer-notice-registration .notice-write .body .field.status {padding-top: 10px;}
  .type-content.id-customer-notice-registration .notice-write .body .field.status .caption {border-top-left-radius: 0;}
  .type-content.id-customer-notice-registration .notice-write .body .field.status .caption::before {top: 11px;}
  .type-content.id-customer-notice-registration .notice-write .body .field.status .content .contain {margin: 0;}
  .type-content.id-customer-notice-registration .notice-write .body .field.status .content .contain ul.item.check li {width: 50%; padding: 0;}
  .type-content.id-customer-notice-registration .notice-write .body .field.status .content .contain ul.item.check li label {width: 100%; padding: 0; border-radius: 4px; background-color: #fff; line-height: 43px; text-align: center;}
  .type-content.id-customer-notice-registration .notice-write .body .field.status .content .contain ul.item.check li label i {box-sizing: border-box; width: 100%; height: 100%; border: 1px solid #ccc; border-radius: 4px; background: none;}
  .type-content.id-customer-notice-registration .notice-write .body .field.status .content .contain ul.item.check li label input:checked + i {border-color: #d0202e;}
  .type-content.id-customer-notice-registration .notice-write .body .field.status .content .contain ul.item.check li label input:checked + i + span {color: #d0202e;}
  .type-content.id-customer-notice-registration .notice-write .body .field.status .content .contain ul.item.check li.active label i {border-right-color: transparent; border-top-right-radius: 0; border-bottom-right-radius: 0;}
  .type-content.id-customer-notice-registration .notice-write .body .field.status .content .contain ul.item.check li.inactive label i {border-left-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .type-content.id-customer-notice-registration .notice-write .body .field .content {float: none; width: 100%; padding: 10px 0 0 0;}
  .type-content.id-customer-notice-registration .notice-write .body .field .content .contain .item {float: none;}
  .type-content.id-customer-notice-registration .notice-write .body .field .content .contain .item.select {width: 100%; height: 45px;}
  .type-content.id-customer-notice-registration .notice-write .body .field .content .contain .item.select select {font-size: 14px; line-height: 43px;}
  .type-content.id-customer-notice-registration .notice-write .body .field .content .contain .item.input {height: 45px;}
  .type-content.id-customer-notice-registration .notice-write .body .field .content .contain .item.input input {font-size: 14px; line-height: 43px;}
  .type-content.id-customer-notice-registration .notice-write .body .field .content .contain ul.item.check li {padding-bottom: 0;}
  .type-content.id-customer-notice-registration .notice-write .body .field .content .contain ul.item.check li label {padding-left: 35px; font-size: 14px; line-height: 25px;}
  .type-content.id-customer-notice-registration .notice-write .body .field .content .contain ul.item.check.checkbox li label i {width: 25px; height: 25px; background-image: url('../images/content/mobile/checkbox-type01.png'); background-size: 25px;}
  .type-content.id-customer-notice-registration .notice-write .body .field.write {padding-top: 10px;}
  .type-content.id-customer-notice-registration .notice-write .body .field.write textarea {height: 240px; padding: 15px; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; line-height: 26px;}
}

.type-content.id-customer-notice-registration .notice-button {padding-top: 20px;}
.type-content.id-customer-notice-registration .notice-button::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-registration .notice-button button {box-sizing: border-box; float: left; display: block; width: 100px; height: 45px; padding: 0; margin: 0; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 13px;}
.type-content.id-customer-notice-registration .notice-button button:hover {background-color: #f5f5f5;}
.type-content.id-customer-notice-registration .notice-button button.registration {float: right; border-color: #202845; background-color: #202845; color: #fff;}
.type-content.id-customer-notice-registration .notice-button button.registration:disabled {opacity: 0.3;}
.type-content.id-customer-notice-registration .notice-button button.registration:hover {background-color: #12172c;}
.type-content.id-customer-notice-registration .notice-button button.registration:disabled:hover {background-color: #202845;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-registration .notice-button {margin: 0 -5px;}
  .type-content.id-customer-notice-registration .notice-button button {width: calc(50% - 10px); margin: 0 5px;}
  .type-content.id-customer-notice-registration .notice-button button:hover {background-color: #fff;}
  .type-content.id-customer-notice-registration .notice-button button.registration:hover {background-color: #202845;}
}

@media (max-width: 1279px) {
  .type-content.id-customer-notice-registration.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-customer-notice-registration.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 고객센터 > 공지사항 > 공지사항 수정 */
.type-content.id-customer-notice-edit .main-notice {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-edit .main-notice {margin-top: -30px;}
}

.type-content.id-customer-notice-edit .notice-header {padding-top: 10px;}
.type-content.id-customer-notice-edit .notice-header h3.title {padding: 0; margin: 0; line-height: 0;}
.type-content.id-customer-notice-edit .notice-header h3.title .item {color: #222; font-weight: 200; font-size: 32px; line-height: 90px;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-edit .notice-header {padding-top: 9px;}
  .type-content.id-customer-notice-edit .notice-header h3.title .item {font-size: 25px; line-height: 62px;}
}

.type-content.id-customer-notice-edit .notice-write .body {border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-customer-notice-edit .notice-write .body .field {position: relative; border-top: 1px solid #e6e6e6;}
.type-content.id-customer-notice-edit .notice-write .body .field::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-edit .notice-write .body .field .caption {box-sizing: border-box; float: left; width: 200px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-customer-notice-edit .notice-write .body .field .caption::before {display: none; position: absolute; top: 20px; left: 20px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; content: '';}
.type-content.id-customer-notice-edit .notice-write .body .field.status {border-top: none;}
.type-content.id-customer-notice-edit .notice-write .body .field.status .caption {border-top-left-radius: 7px;}
.type-content.id-customer-notice-edit .notice-write .body .field.required .caption::before {display: block;}
.type-content.id-customer-notice-edit .notice-write .body .field .content {box-sizing: border-box; float: left; width: calc(100% - 200px); padding: 10px 15px;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain {margin: 0 -7px 0 -8px;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain .item {float: left;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain .item.text {padding: 0 7px 0 8px; color: #666; font-size: 13px; line-height: 40px;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain .item.select {box-sizing: border-box; width: calc(300px + 15px); height: 40px; padding: 0 7px 0 8px;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain .item.select select {box-sizing: border-box; width: 100%; height: 100%; padding: 0 41px 0 15px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; background: #fff url('../images/content/pc/arrow-type10.png') no-repeat right center / 39px 5px; color: #666; font-weight: 500; font-size: 13px; line-height: 39px; -webkit-appearance: none;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain .item.select select::-ms-expand {display: none;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain .item.input {box-sizing: border-box; height: 40px; padding: 0 7px 0 8px;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain .item.input input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 15px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; color: #666; font-size: 13px; line-height: 39px; -webkit-appearance: none;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain .item.input input::placeholder {color: #d1d1d1;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain .item.input input::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain .item.input input:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain ul.item.check {list-style: none; padding: 0; margin: 0;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain ul.item.check::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain ul.item.check li {float: left; padding: 10px 7px 11px 8px; line-height: 0;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain ul.item.check li label {display: inline-block; position: relative; padding-left: 27px; color: #666; font-size: 13px; line-height: 19px;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain ul.item.check li label input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; z-index: 10; -webkit-appearance: none;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain ul.item.check li label i {display: block; position: absolute; top: 0; left: 0; width: 19px; height: 19px; background-color: transparent; background-repeat: no-repeat; background-position: center top;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain ul.item.check li label input:checked + i {background-position: center bottom;}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain ul.item.check.radio li label i {background-image: url('../images/content/pc/radio-type01.png');}
.type-content.id-customer-notice-edit .notice-write .body .field .content .contain ul.item.check.checkbox li label i {background-image: url('../images/content/pc/checkbox-type01.png');}
.type-content.id-customer-notice-edit .notice-write .body .field.title .content .contain .item.input {width: 100%;}
.type-content.id-customer-notice-edit .notice-write .body .field.write textarea {display: block; box-sizing: border-box; width: 100%; height: 288px; padding: 24px 30px; margin: 0; border: none; border-radius: 0 0 7px 7px; background-color: #fff; color: #666; font-size: 13px; line-height: 24px; resize: none; -webkit-appearance: none;}
.type-content.id-customer-notice-edit .notice-write .body .field.write textarea::placeholder {color: #d1d1d1;}
.type-content.id-customer-notice-edit .notice-write .body .field.write textarea::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-notice-edit .notice-write .body .field.write textarea:-ms-input-placeholder {color: #d1d1d1;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-edit .notice-write .body {border: none; border-radius: 0; background-color: transparent;}
  .type-content.id-customer-notice-edit .notice-write .body .field {border-top: none; padding-top: 20px;}
  .type-content.id-customer-notice-edit .notice-write .body .field .caption {float: none; width: 100%; padding: 0 10px; background-color: transparent; font-size: 14px; line-height: 14px;}
  .type-content.id-customer-notice-edit .notice-write .body .field .caption::before {top: 21px; left: 0;}
  .type-content.id-customer-notice-edit .notice-write .body .field.status,
  .type-content.id-customer-notice-edit .notice-write .body .field.title {padding-top: 10px;}
  .type-content.id-customer-notice-edit .notice-write .body .field.status .caption::before,
  .type-content.id-customer-notice-edit .notice-write .body .field.title .caption::before {top: 11px;}
  .type-content.id-customer-notice-edit .notice-write .body .field.status .caption {border-top-left-radius: 0;}
  .type-content.id-customer-notice-edit .notice-write .body .field.status .content .contain {margin: 0;}
  .type-content.id-customer-notice-edit .notice-write .body .field.status .content .contain ul.item.check li {width: 50%; padding: 0;}
  .type-content.id-customer-notice-edit .notice-write .body .field.status .content .contain ul.item.check li label {width: 100%; padding: 0; border-radius: 4px; background-color: #fff; line-height: 43px; text-align: center;}
  .type-content.id-customer-notice-edit .notice-write .body .field.status .content .contain ul.item.check li label i {box-sizing: border-box; width: 100%; height: 100%; border: 1px solid #ccc; border-radius: 4px; background: none;}
  .type-content.id-customer-notice-edit .notice-write .body .field.status .content .contain ul.item.check li label input:checked + i {border-color: #d0202e;}
  .type-content.id-customer-notice-edit .notice-write .body .field.status .content .contain ul.item.check li label input:checked + i + span {color: #d0202e;}
  .type-content.id-customer-notice-edit .notice-write .body .field.status .content .contain ul.item.check li.active label i {border-right-color: transparent; border-top-right-radius: 0; border-bottom-right-radius: 0;}
  .type-content.id-customer-notice-edit .notice-write .body .field.status .content .contain ul.item.check li.inactive label i {border-left-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .type-content.id-customer-notice-edit .notice-write .body .field .content {float: none; width: 100%; padding: 10px 0 0 0;}
  .type-content.id-customer-notice-edit .notice-write .body .field .content .contain .item {float: none;}
  .type-content.id-customer-notice-edit .notice-write .body .field .content .contain .item.select {width: 100%; height: 45px;}
  .type-content.id-customer-notice-edit .notice-write .body .field .content .contain .item.select select {font-size: 14px; line-height: 43px;}
  .type-content.id-customer-notice-edit .notice-write .body .field .content .contain .item.input {height: 45px;}
  .type-content.id-customer-notice-edit .notice-write .body .field .content .contain .item.input input {font-size: 14px; line-height: 43px;}
  .type-content.id-customer-notice-edit .notice-write .body .field .content .contain ul.item.check li {padding-bottom: 0;}
  .type-content.id-customer-notice-edit .notice-write .body .field .content .contain ul.item.check li label {padding-left: 35px; font-size: 14px; line-height: 25px;}
  .type-content.id-customer-notice-edit .notice-write .body .field .content .contain ul.item.check.checkbox li label i {width: 25px; height: 25px; background-image: url('../images/content/mobile/checkbox-type01.png'); background-size: 25px;}
  .type-content.id-customer-notice-edit .notice-write .body .field.write {padding-top: 10px;}
  .type-content.id-customer-notice-edit .notice-write .body .field.write textarea {height: 240px; padding: 15px; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; line-height: 26px;}
}

.type-content.id-customer-notice-edit .notice-button {padding-top: 20px;}
.type-content.id-customer-notice-edit .notice-button::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-notice-edit .notice-button button {box-sizing: border-box; float: left; display: block; width: 100px; height: 45px; padding: 0; margin: 0; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 13px;}
.type-content.id-customer-notice-edit .notice-button button:hover {background-color: #f5f5f5;}
.type-content.id-customer-notice-edit .notice-button button.registration {float: right; border-color: #202845; background-color: #202845; color: #fff;}
.type-content.id-customer-notice-edit .notice-button button.registration:disabled {opacity: 0.3;}
.type-content.id-customer-notice-edit .notice-button button.registration:hover {background-color: #12172c;}
.type-content.id-customer-notice-edit .notice-button button.registration:disabled:hover {background-color: #202845;}
@media (max-width: 1279px) {
  .type-content.id-customer-notice-edit .notice-button {margin: 0 -5px;}
  .type-content.id-customer-notice-edit .notice-button button {width: calc(50% - 10px); margin: 0 5px;}
  .type-content.id-customer-notice-edit .notice-button button:hover {background-color: #fff;}
  .type-content.id-customer-notice-edit .notice-button button.registration:hover {background-color: #202845;}
}

@media (max-width: 1279px) {
  .type-content.id-customer-notice-edit.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-customer-notice-edit.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 고객센터 > 1:1문의 > 리스트 */
.type-content.id-customer-inquiry-list .main-question {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-list .main-question {margin-top: -30px;}
}

.type-content.id-customer-inquiry-list .question-header {position: relative; padding-top: 10px;}
.type-content.id-customer-inquiry-list .question-header h3.title {padding: 0; margin: 0; line-height: 0;}
.type-content.id-customer-inquiry-list .question-header h3.title .item {color: #222; font-weight: 200; font-size: 32px; line-height: 90px;}
.type-content.id-customer-inquiry-list .question-header .question {display: none; position: absolute; top: 33px; right: 0;}
.type-content.id-customer-inquiry-list .question-header .question button {width: 100px; height: 45px; padding: 0; margin: 0; border: none; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 45px;}
.type-content.id-customer-inquiry-list .question-header .question button:hover {background-color: #12172c;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-list .question-header {padding-top: 9px;}
  .type-content.id-customer-inquiry-list .question-header h3.title .item {font-size: 25px; line-height: 62px;}
  .type-content.id-customer-inquiry-list .question-header .question {position: static;}
  .type-content.id-customer-inquiry-list .question-header .question button {width: 100%; height: 45px;}
  .type-content.id-customer-inquiry-list .question-header .question button:hover {background-color: #202845;}
}

.type-content.id-customer-inquiry-list .question-search .body {position: relative; padding: 20px; border-radius: 8px; background-color: #fff;}
.type-content.id-customer-inquiry-list .question-search .body .form::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-list .question-search .body .form {list-style: none; width: 747px; height: 45px; padding: 0; margin: 0 auto;}
.type-content.id-customer-inquiry-list .question-search .body .form .select {float: left; width: 147px; height: 100%;}
.type-content.id-customer-inquiry-list .question-search .body .form .select .formSelectList {height: 45px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.type-content.id-customer-inquiry-list .question-search .body .form .select .formSelect .formSelectPopup {top: 51px;}
.type-content.id-customer-inquiry-list .question-search .body .form .select.writer {width: 220px; margin-left: -1px;}
.type-content.id-customer-inquiry-list .question-search .body .form .select.writer .formSelectList {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-customer-inquiry-list .question-search .body .form .input {float: left; width: calc(100% - 147px - 220px - 45px); height: 100%;}
.type-content.id-customer-inquiry-list .question-search .body .form .input input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 15px; margin: 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-right: none; border-left: none; border-radius: 0; background-color: transparent; color: #666; font-size: 13px; line-height: 43px; -webkit-appearance: none;}
.type-content.id-customer-inquiry-list .question-search .body .form .input input::placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-list .question-search .body .form .input input::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-list .question-search .body .form .input input:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-list .question-search .body .form .search {float: left; width: 45px; height: 100%; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #d0202e;}
.type-content.id-customer-inquiry-list .question-search .body .form .search:hover {background-color: #b20a10;}
.type-content.id-customer-inquiry-list .question-search .body .form .search button {overflow: hidden; width: 100%; height: 100%; padding: 0; margin: 0; border: none; border-radius: 0; background: transparent url('../images/content/pc/search-type01.png') no-repeat center center; text-indent: -1000px;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-list .question-search .body {padding: 0; background-color: transparent;}
  .type-content.id-customer-inquiry-list .question-search .body .form {width: 100%;}
  .type-content.id-customer-inquiry-list .question-search .body .form .select {display: none;}
  .type-content.id-customer-inquiry-list .question-search .body .form .input {width: calc(100% - 45px);}
  .type-content.id-customer-inquiry-list .question-search .body .form .input input {border-left: 1px solid #e6e6e6; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: #fff; font-size: 14px;}
  .type-content.id-customer-inquiry-list .question-search .body .form .search:hover {background-color: #d0202e;}
  .type-content.id-customer-inquiry-list .question-search .body .form .search button {background-image: url('../images/content/mobile/search-type01.png'); background-size: 14px;}
}

.type-content.id-customer-inquiry-list .question-check {position: relative; padding: 20px 0;}
.type-content.id-customer-inquiry-list .question-check .body {position: absolute; top: 20px; right: 0;}
.type-content.id-customer-inquiry-list .question-check .body label {display: inline-block; position: relative; padding-left: 27px; color: #666; font-size: 13px; line-height: 19px;}
.type-content.id-customer-inquiry-list .question-check .body label input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; z-index: 10; -webkit-appearance: none;}
.type-content.id-customer-inquiry-list .question-check .body label i {display: block; position: absolute; top: 0; left: 0; width: 19px; height: 19px; background: transparent url('../images/content/pc/checkbox-type01.png') no-repeat center top;}
.type-content.id-customer-inquiry-list .question-check .body label input:checked + i {background-position: center bottom;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-list .question-check .body label {padding-left: 35px; font-size: 14px; line-height: 25px;}
  .type-content.id-customer-inquiry-list .question-check .body label i {top: -1px; width: 25px; height: 25px; background-image: url('../images/content/mobile/checkbox-type01.png'); background-size: 25px;}
}

.type-content.id-customer-inquiry-list .question-board {padding-top: 20px;}
.type-content.id-customer-inquiry-list .question-board ul.list {list-style: none; padding: 0; margin: 0;}
.type-content.id-customer-inquiry-list .question-board .object,
.type-content.id-customer-inquiry-list .question-board .type,
.type-content.id-customer-inquiry-list .question-board .title,
.type-content.id-customer-inquiry-list .question-board .writer,
.type-content.id-customer-inquiry-list .question-board .date {box-sizing: border-box; float: left; padding: 0 20px; color: #666; font-weight: 400; font-size: 13px; line-height: 50px; text-align: center;}
.type-content.id-customer-inquiry-list .question-board .object {width: 192px;}
.type-content.id-customer-inquiry-list .question-board .type {width: 117px; padding-left: 40px;}
.type-content.id-customer-inquiry-list .question-board .title {width: calc(100% - 192px - 117px - 200px - 130px);}
.type-content.id-customer-inquiry-list .question-board .writer {width: 200px;}
.type-content.id-customer-inquiry-list .question-board .date {width: 130px; padding-right: 40px;}
.type-content.id-customer-inquiry-list .question-board .header {border: 1px solid #ccc; border-bottom-color: #e6e6e6; border-top-right-radius: 8px; border-top-left-radius: 8px; background-color: #fff;}
.type-content.id-customer-inquiry-list .question-board .header ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-list .question-board .header ul.list li {color: #222; font-weight: 500;}
.type-content.id-customer-inquiry-list .question-board .header ul.list li:first-child {border-top-left-radius: 7px;}
.type-content.id-customer-inquiry-list .question-board .header ul.list li:last-child {border-top-right-radius: 7px;}
.type-content.id-customer-inquiry-list .question-board .header ul.list li.object {background-color: #202845; color: #fff;}
.type-content.id-customer-inquiry-list .question-board .body {margin-top: -1px; border: 1px solid #ccc; border-top-color: #e6e6e6; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background-color: #fff;}
.type-content.id-customer-inquiry-list .question-board .body ul.list li {border-top: 1px solid #e6e6e6; cursor: pointer;}
.type-content.id-customer-inquiry-list .question-board .body ul.list li:hover {background-color: #f5f5f5;}
.type-content.id-customer-inquiry-list .question-board .body ul.list li::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-list .question-board .body ul.list li:first-child {border-top: none;}
.type-content.id-customer-inquiry-list .question-board .body ul.list li:last-child .object {border-bottom-left-radius: 7px;}
.type-content.id-customer-inquiry-list .question-board .body ul.list li .object {background-color: #f9f9f9;}
.type-content.id-customer-inquiry-list .question-board .body ul.list li:hover .object {background-color: #e6e6e6;}
.type-content.id-customer-inquiry-list .question-board .body ul.list li .title .item {overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-customer-inquiry-list .question-board .body ul.list li .type {padding-top: 15px; line-height: 0; text-align: center;}
.type-content.id-customer-inquiry-list .question-board .body ul.list li .type .item {display: inline-block; box-sizing: border-box; width: 57px; height: 20px; border: 1px solid #999; border-radius: 10px; color: #222; font-weight: 500; font-size: 12px; line-height: 18px; text-align: center;}
.type-content.id-customer-inquiry-list .question-board .body ul.list li .writer .item {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-customer-inquiry-list .question-board .body ul.list li.typeVersion .type .item {border-color: #e68d94; color: #d0202e;}
.type-content.id-customer-inquiry-list .question-board .body ul.list li.typeEvent .type .item {border-color: #8da8e6; color: #2063d2;}
.type-content.id-customer-inquiry-list .question-board .body ul.list li.typeChecking .type .item {border-color: #999; color: #222;}
.type-content.id-customer-inquiry-list .question-board .body .none {display: none;}
.type-content.id-customer-inquiry-list .question-board .body.none ul.list {display: none;}
.type-content.id-customer-inquiry-list .question-board .body.none .none {display: block; color: #999; font-size: 13px; line-height: 152px; text-align: center;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-list .question-board .object,
  .type-content.id-customer-inquiry-list .question-board .type,
  .type-content.id-customer-inquiry-list .question-board .title,
  .type-content.id-customer-inquiry-list .question-board .writer,
  .type-content.id-customer-inquiry-list .question-board .date {float: none; width: auto; padding-right: 0; padding-left: 0; font-size: 12px; line-height: 12px; text-align: left;}
  .type-content.id-customer-inquiry-list .question-board .header {display: none;}
  .type-content.id-customer-inquiry-list .question-board .body {border: none; border-radius: 4px;}
  .type-content.id-customer-inquiry-list .question-board .body ul.list li {position: relative; height: 88px;}
  .type-content.id-customer-inquiry-list .question-board .body ul.list li:hover {background-color: #fff;}
  .type-content.id-customer-inquiry-list .question-board .body ul.list li:last-child .object {border-bottom-left-radius: 0;}
  .type-content.id-customer-inquiry-list .question-board .body ul.list li .object {position: absolute; top: 15px; left: 92px; width: calc(100% - 112px); background-color: transparent;}
  .type-content.id-customer-inquiry-list .question-board .body ul.list li:hover .object {background-color: #fff;}
  .type-content.id-customer-inquiry-list .question-board .body ul.list li .object .item {overflow: hidden; color: #222; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
  .type-content.id-customer-inquiry-list .question-board .body ul.list li .title {position: absolute; top: 36px; left: 92px; width: calc(100% - 112px);}
  .type-content.id-customer-inquiry-list .question-board .body ul.list li .title .item {font-size: 14px; line-height: 14px;}
  .type-content.id-customer-inquiry-list .question-board .body ul.list li .type {position: absolute; top: 33px; left: 20px; padding: 0;}
  .type-content.id-customer-inquiry-list .question-board .body ul.list li .type .item {width: 52px; height: 19px; line-height: 17px;}
  .type-content.id-customer-inquiry-list .question-board .body ul.list li .writer {position: absolute; top: 60px; left: 163px; width: calc(100% - 183px);}
  .type-content.id-customer-inquiry-list .question-board .body ul.list li .writer .item {overflow: hidden; color: #999; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
  .type-content.id-customer-inquiry-list .question-board .body ul.list li .date {position: absolute; top: 60px; left: 92px;}
  .type-content.id-customer-inquiry-list .question-board .body ul.list li .date .item {color: #999;}
  .type-content.id-customer-inquiry-list .question-board .body.none .none {border: none; font-size: 14px; line-height: 266px;}
}

.type-content.id-customer-inquiry-list .question-page {padding-top: 30px; line-height: 0; text-align: center;}
.type-content.id-customer-inquiry-list .question-page .paging {display: inline-block;}
.type-content.id-customer-inquiry-list .question-page .paging::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-list .question-page .paging .prev,
.type-content.id-customer-inquiry-list .question-page .paging .next,
.type-content.id-customer-inquiry-list .question-page .paging ul.number {float: left;}
.type-content.id-customer-inquiry-list .question-page .paging .prev,
.type-content.id-customer-inquiry-list .question-page .paging .next {padding: 11px 20px; opacity: 0.3;}
.type-content.id-customer-inquiry-list .question-page .paging .prev .item,
.type-content.id-customer-inquiry-list .question-page .paging .next .item {overflow: hidden; width: 5px; height: 9px; background-color: transparent; background-repeat: no-repeat; background-position: center top; text-indent: -1000px;}
.type-content.id-customer-inquiry-list .question-page .paging .prev .item {background-image: url('../images/content/pc/prev-type01.png');}
.type-content.id-customer-inquiry-list .question-page .paging .next .item {background-image: url('../images/content/pc/next-type01.png');}
.type-content.id-customer-inquiry-list .question-page .paging.prevActive .prev,
.type-content.id-customer-inquiry-list .question-page .paging.nextActive .next {opacity: 1; cursor: pointer;}
.type-content.id-customer-inquiry-list .question-page .paging ul.number {list-style: none; padding: 0; margin: 0;}
.type-content.id-customer-inquiry-list .question-page .paging ul.number::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-list .question-page .paging ul.number li {box-sizing: border-box; position: relative; float: left; height: 31px; padding: 0 9px; color: #666; font-weight: 400; font-size: 14px; line-height: 31px; cursor: pointer;}
.type-content.id-customer-inquiry-list .question-page .paging ul.number li:hover {color: #d0202e;}
.type-content.id-customer-inquiry-list .question-page .paging ul.number li.active {color: #d0202e; cursor: auto;}
.type-content.id-customer-inquiry-list .question-page .paging ul.number li.active::before {display: block; position: absolute; bottom: 0; left: 5px; width: calc(100% - 10px); height: 2px; background-color: #d0202e; content: '';}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-list .question-page {display: none;}
}

.type-content.id-customer-inquiry-list .question-more {display: none;}
.type-content.id-customer-inquiry-list .question-more .more {box-sizing: border-box; width: 100%; margin-top: 20px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-customer-inquiry-list .question-more .more:hover {background-color: #f5f5f5;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-list .question-more {display: block;}
  .type-content.id-customer-inquiry-list .question-more .more:hover {background-color: #fff;}
}

.type-content.id-customer-inquiry-list.loginClub .question-header .question {display: block;}
.type-content.id-customer-inquiry-list.loginClub .question-search,
.type-content.id-customer-inquiry-list.loginClub .question-check,
.type-content.id-customer-inquiry-list.loginClub .question-board .writer {display: none;}
.type-content.id-customer-inquiry-list.loginClub .question-board .title {width: calc(100% - 117px - 200px - 130px);}
.type-content.id-customer-inquiry-list.loginClub .question-board {padding-top: 0;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-list.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-customer-inquiry-list.loginClub .question-search .body ul.list li {height: 66px;}
  .type-content.id-customer-inquiry-list.loginClub .question-search .body ul.list li .title {top: 15px;}
  .type-content.id-customer-inquiry-list.loginClub .question-search .body ul.list li .type {top: 23px;}
  .type-content.id-customer-inquiry-list.loginClub .question-search .body ul.list li .date {top: 39px;}
  .type-content.id-customer-inquiry-list.loginClub .question-board {padding-top: 20px;}
  .type-content.id-customer-inquiry-list.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 고객센터 > 1:1문의 > 뷰 > 답변 확인중 */
.type-content.id-customer-inquiry-view-ing .main-question {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-view-ing .main-question {margin-top: -30px;}
}

.type-content.id-customer-inquiry-view-ing .question-header {padding-top: 10px;}
.type-content.id-customer-inquiry-view-ing .question-header h3.title {padding: 0; margin: 0; line-height: 0;}
.type-content.id-customer-inquiry-view-ing .question-header h3.title .item {color: #222; font-weight: 200; font-size: 32px; line-height: 90px;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-view-ing .question-header {padding-top: 9px;}
  .type-content.id-customer-inquiry-view-ing .question-header h3.title .item {font-size: 25px; line-height: 62px;}
}

.type-content.id-customer-inquiry-view-ing .question-view {border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-customer-inquiry-view-ing .question-view .header {display: flex; flex-direction: row; position: relative; padding: 23px 15px; border-top-right-radius: 7px; border-top-left-radius: 7px; background-color: #f9f9f9;}
.type-content.id-customer-inquiry-view-ing .question-view .header::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-view-ing .question-view .header .type {display: flex; align-items: center; float: left; width: 69px; padding: 0 15px;}
.type-content.id-customer-inquiry-view-ing .question-view .header .type .item {box-sizing: border-box; width: 100%; height: 24px; border: 1px solid #999; border-radius: 12px; color: #222; font-weight: 500; font-size: 12px; line-height: 22px; text-align: center;}
.type-content.id-customer-inquiry-view-ing .question-view.typeVersion .header .type .item {border-color: #e68d94; color: #d0202e;}
.type-content.id-customer-inquiry-view-ing .question-view.typeEvent .header .type .item {border-color: #8da8e6; color: #2063d2;}
.type-content.id-customer-inquiry-view-ing .question-view.typeChecking .header .type .item {border-color: #999; color: #222;}
.type-content.id-customer-inquiry-view-ing .question-view .header .title {flex: 1; float: left; padding: 0 15px; color: #222; font-weight: 400; font-size: 20px; line-height: 34px;}
.type-content.id-customer-inquiry-view-ing .question-view .header .writer,
.type-content.id-customer-inquiry-view-ing .question-view .header .date {display: flex; align-items: center; float: left; padding: 0 15px; color: #999; font-weight: 400; font-size: 13px; line-height: 34px;}
.type-content.id-customer-inquiry-view-ing .question-view .body .info {padding: 0 15px; border-top: 1px solid #e6e6e6;}
.type-content.id-customer-inquiry-view-ing .question-view .body .info::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-view-ing .question-view .body .info .caption {position: relative; float: left;}
.type-content.id-customer-inquiry-view-ing .question-view .body .info .caption::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-view-ing .question-view .body .info .caption .title {float: left; padding: 0 16px 0 15px; background: transparent url('../images/content/pc/divide-type01.png') no-repeat right center; color: #666; font-weight: 400; font-size: 13px; line-height: 51px;}
.type-content.id-customer-inquiry-view-ing .question-view .body .info .caption .content {float: left; padding: 0 15px; border: none; color: #666; font-weight: 400; font-size: 13px; line-height: 51px;}
.type-content.id-customer-inquiry-view-ing .question-view .body .view {padding: 30px; border-top: 1px solid #e6e6e6; color: #666; font-weight: 400; font-size: 13px; line-height: 24px;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-view-ing .question-view .header {padding: 15px 0;}
  .type-content.id-customer-inquiry-view-ing .question-view .header .type {width: 52px; padding: 0 20px;}
  .type-content.id-customer-inquiry-view-ing .question-view .header .type .item {height: 19px; line-height: 17px;}
  .type-content.id-customer-inquiry-view-ing .question-view .header .title {flex: none; width: calc(100% - 117px); padding-bottom: calc(18px + 7px + 18px + 9px); padding-right: 20px; padding-left: 0; font-size: 17px; line-height: 27px;}
  .type-content.id-customer-inquiry-view-ing .question-view .header .writer,
  .type-content.id-customer-inquiry-view-ing .question-view .header .date {display: block; align-items: stretch; position: absolute; float: none; padding: 0 15px 0 0; color: #999; font-weight: 400; font-size: 12px; line-height: 18px;}
  .type-content.id-customer-inquiry-view-ing .question-view .header .writer {overflow: hidden; bottom: 15px; left: 93px; width: calc(100% - 117px); text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
  .type-content.id-customer-inquiry-view-ing .question-view .header .date {bottom: calc(15px + 18px + 7px); left: 93px;}
  .type-content.id-customer-inquiry-view-ing .question-view .body .info {padding-right: 10px; padding-left: 10px;}
  .type-content.id-customer-inquiry-view-ing .question-view .body .info .caption .title {padding-right: 11px; padding-left: 10px;}
  .type-content.id-customer-inquiry-view-ing .question-view .body .info .caption .content {padding-right: 10px; padding-left: 10px;}
  .type-content.id-customer-inquiry-view-ing .question-view .body .view {padding: 20px; border-top: 1px solid #e6e6e6; color: #666; font-weight: 400; font-size: 13px; line-height: 24px;}
}

.type-content.id-customer-inquiry-view-ing .question-button {padding-top: 20px;}
.type-content.id-customer-inquiry-view-ing .question-button::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-view-ing .question-button button {box-sizing: border-box; float: left; display: block; width: 100px; height: 45px; padding: 0; margin: 0; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 13px;}
.type-content.id-customer-inquiry-view-ing .question-button button:hover {background-color: #f5f5f5;}
.type-content.id-customer-inquiry-view-ing .question-button button.registration,
.type-content.id-customer-inquiry-view-ing .question-button button.edit {float: right; border-color: #202845; background-color: #202845; color: #fff;}
.type-content.id-customer-inquiry-view-ing .question-button button.registration:hover,
.type-content.id-customer-inquiry-view-ing .question-button button.edit:hover {background-color: #12172c;}
.type-content.id-customer-inquiry-view-ing .question-button button.edit {display: none;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-view-ing .question-button {margin: 0 -5px;}
  .type-content.id-customer-inquiry-view-ing .question-button button {width: calc(50% - 10px); margin: 0 5px;}
  .type-content.id-customer-inquiry-view-ing .question-button button:hover {background-color: #fff;}
  .type-content.id-customer-inquiry-view-ing .question-button button.registration:hover,
  .type-content.id-customer-inquiry-view-ing .question-button button.edit:hover {background-color: #202845;}
}

.type-content.id-customer-inquiry-view-ing.loginClub .question-view .header .writer,
.type-content.id-customer-inquiry-view-ing.loginClub .question-button button.registration,
.type-content.id-customer-inquiry-view-ing.loginClub .question-button button.edit {display: none;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-view-ing.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-customer-inquiry-view-ing.loginClub .question-view .header .title {padding-bottom: calc(18px + 9px);}
  .type-content.id-customer-inquiry-view-ing.loginClub .question-view .header .date {bottom: 15px;}
  .type-content.id-customer-inquiry-view-ing.loginClub .question-button button {width: calc(100% - 10px);}
  .type-content.id-customer-inquiry-view-ing.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 고객센터 > 1:1문의 > 뷰 > 답변 완료 */
.type-content.id-customer-inquiry-view-complete .main-answer {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-view-complete .main-answer {margin-top: -30px;}
}

.type-content.id-customer-inquiry-view-complete .answer-header {padding-top: 10px;}
.type-content.id-customer-inquiry-view-complete .answer-header h3.title {padding: 0; margin: 0; line-height: 0;}
.type-content.id-customer-inquiry-view-complete .answer-header h3.title .item {color: #222; font-weight: 200; font-size: 32px; line-height: 90px;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-view-complete .answer-header {padding-top: 9px;}
  .type-content.id-customer-inquiry-view-complete .answer-header h3.title .item {font-size: 25px; line-height: 62px;}
}

.type-content.id-customer-inquiry-view-complete .answer-view {border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-customer-inquiry-view-complete .answer-view .header {display: flex; flex-direction: row; position: relative; padding: 23px 15px; border-top-right-radius: 7px; border-top-left-radius: 7px; background-color: #f9f9f9;}
.type-content.id-customer-inquiry-view-complete .answer-view .header::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-view-complete .answer-view .header .type {display: flex; align-items: center; float: left; width: 69px; padding: 0 15px;}
.type-content.id-customer-inquiry-view-complete .answer-view .header .type .item {box-sizing: border-box; width: 100%; height: 24px; border: 1px solid #999; border-radius: 12px; color: #222; font-weight: 500; font-size: 12px; line-height: 22px; text-align: center;}
.type-content.id-customer-inquiry-view-complete .answer-view.typeVersion .header .type .item {border-color: #e68d94; color: #d0202e;}
.type-content.id-customer-inquiry-view-complete .answer-view.typeEvent .header .type .item {border-color: #8da8e6; color: #2063d2;}
.type-content.id-customer-inquiry-view-complete .answer-view.typeChecking .header .type .item {border-color: #999; color: #222;}
.type-content.id-customer-inquiry-view-complete .answer-view .header .title {flex: 1; float: left; padding: 0 15px; color: #222; font-weight: 400; font-size: 20px; line-height: 34px;}
.type-content.id-customer-inquiry-view-complete .answer-view .header .writer,
.type-content.id-customer-inquiry-view-complete .answer-view .header .date {display: flex; align-items: center; float: left; padding: 0 15px; color: #999; font-weight: 400; font-size: 13px; line-height: 34px;}
.type-content.id-customer-inquiry-view-complete .answer-view .body .info {padding: 0 15px; border-top: 1px solid #222;}
.type-content.id-customer-inquiry-view-complete .answer-view .body .info::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-view-complete .answer-view .body .info .caption {position: relative; float: left;}
.type-content.id-customer-inquiry-view-complete .answer-view .body .info .caption::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-view-complete .answer-view .body .info .caption .title {float: left; padding: 0 16px 0 15px; background: transparent url('../images/content/pc/divide-type01.png') no-repeat right center; color: #666; font-weight: 400; font-size: 13px; line-height: 51px;}
.type-content.id-customer-inquiry-view-complete .answer-view .body .info .caption .content {float: left; padding: 0 15px; border: none; color: #666; font-weight: 400; font-size: 13px; line-height: 51px;}
.type-content.id-customer-inquiry-view-complete .answer-view .body .info .writer,
.type-content.id-customer-inquiry-view-complete .answer-view .body .info .date {float: right; padding: 0 15px; border: none; color: #999; font-weight: 400; font-size: 13px; line-height: 51px;}
.type-content.id-customer-inquiry-view-complete .answer-view .body .view {padding: 30px; border-top: 1px solid #e6e6e6; color: #666; font-weight: 400; font-size: 13px; line-height: 24px;}
.type-content.id-customer-inquiry-view-complete .answer-view .body .view.answer {border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-view-complete .answer-view .header {padding: 15px 0;}
  .type-content.id-customer-inquiry-view-complete .answer-view .header .type {width: 52px; padding: 0 20px;}
  .type-content.id-customer-inquiry-view-complete .answer-view .header .type .item {height: 19px; line-height: 17px;}
  .type-content.id-customer-inquiry-view-complete .answer-view .header .title {flex: none; width: calc(100% - 117px); padding-bottom: calc(18px + 7px + 18px + 9px); padding-right: 20px; padding-left: 0; font-size: 17px; line-height: 27px;}
  .type-content.id-customer-inquiry-view-complete .answer-view .header .writer,
  .type-content.id-customer-inquiry-view-complete .answer-view .header .date {display: block; align-items: stretch; position: absolute; float: none; padding: 0 15px 0 0; color: #999; font-weight: 400; font-size: 12px; line-height: 18px;}
  .type-content.id-customer-inquiry-view-complete .answer-view .header .writer {overflow: hidden; bottom: 15px; left: 93px; width: calc(100% - 117px); text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
  .type-content.id-customer-inquiry-view-complete .answer-view .header .date {bottom: calc(15px + 18px + 7px); left: 93px;}
  .type-content.id-customer-inquiry-view-complete .answer-view .body .info {position: relative; padding-bottom: 31px; padding-right: 10px; padding-left: 10px;}
  .type-content.id-customer-inquiry-view-complete .answer-view .body .info .caption .title {padding-right: 11px; padding-left: 10px;}
  .type-content.id-customer-inquiry-view-complete .answer-view .body .info .caption .content {padding-right: 10px; padding-left: 10px;}
  .type-content.id-customer-inquiry-view-complete .answer-view .body .info .writer,
  .type-content.id-customer-inquiry-view-complete .answer-view .body .info .date {float: none; padding-right: 0; padding-left: 0; font-size: 12px; line-height: 18px;}
  .type-content.id-customer-inquiry-view-complete .answer-view .body .info .writer {position: absolute; top: 45px; left: 20px;}
  .type-content.id-customer-inquiry-view-complete .answer-view .body .info .date {position: absolute; top: 45px; right: 20px;}
  .type-content.id-customer-inquiry-view-complete .answer-view .body .view {padding: 20px; border-top: 1px solid #e6e6e6; color: #666; font-weight: 400; font-size: 13px; line-height: 24px;}
}

.type-content.id-customer-inquiry-view-complete .answer-button {padding-top: 20px;}
.type-content.id-customer-inquiry-view-complete .answer-button::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-view-complete .answer-button button {box-sizing: border-box; float: left; display: block; width: 100px; height: 45px; padding: 0; margin: 0; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 13px;}
.type-content.id-customer-inquiry-view-complete .answer-button button:hover {background-color: #f5f5f5;}
.type-content.id-customer-inquiry-view-complete .answer-button button.edit {float: right; border-color: #202845; background-color: #202845; color: #fff;}
.type-content.id-customer-inquiry-view-complete .answer-button button.edit:hover {background-color: #12172c;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-view-complete .answer-button {margin: 0 -5px;}
  .type-content.id-customer-inquiry-view-complete .answer-button button {width: calc(50% - 10px); margin: 0 5px;}
  .type-content.id-customer-inquiry-view-complete .answer-button button:hover {background-color: #fff;}
  .type-content.id-customer-inquiry-view-complete .answer-button button.edit:hover {background-color: #202845;}
}

.type-content.id-customer-inquiry-view-complete.loginClub .answer-view .body .writer,
.type-content.id-customer-inquiry-view-complete.loginClub .answer-button button.edit {display: none;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-view-complete.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-customer-inquiry-view-complete.loginClub .answer-view .body .info {position: static; padding-bottom: 0;}
  .type-content.id-customer-inquiry-view-complete.loginClub .answer-view .body .info .date {position: static; float: right; padding-right: 10px; line-height: 51px;}
  .type-content.id-customer-inquiry-view-complete.loginClub .answer-view {margin: 0;}
  .type-content.id-customer-inquiry-view-complete.loginClub .answer-button button {float: none; width: calc(100% - 10px);}
  .type-content.id-customer-inquiry-view-complete.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 고객센터 > 1:1문의 > 등록 > 문의 */
.type-content.id-customer-inquiry-registration-question .main-question {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-registration-question .main-question {margin-top: -30px;}
}

.type-content.id-customer-inquiry-registration-question .question-header {padding-top: 10px;}
.type-content.id-customer-inquiry-registration-question .question-header h3.title {padding: 0; margin: 0; line-height: 0;}
.type-content.id-customer-inquiry-registration-question .question-header h3.title .item {color: #222; font-weight: 200; font-size: 32px; line-height: 90px;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-registration-question .question-header {padding-top: 9px;}
  .type-content.id-customer-inquiry-registration-question .question-header h3.title .item {font-size: 25px; line-height: 62px;}
}

.type-content.id-customer-inquiry-registration-question .question-write .body {border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field {position: relative; border-top: 1px solid #e6e6e6;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-registration-question .question-write .body .field .caption {box-sizing: border-box; float: left; width: 200px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field .caption::before {display: none; position: absolute; top: 20px; left: 20px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; content: '';}
.type-content.id-customer-inquiry-registration-question .question-write .body .field.type {border-top: none;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field.type .caption {border-top-left-radius: 7px;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field.required .caption::before {display: block;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field .content {box-sizing: border-box; float: left; width: calc(100% - 200px); padding: 10px 15px;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field .content .contain {margin: 0 -7px 0 -8px;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field .content .contain::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-registration-question .question-write .body .field .content .contain .item {float: left;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field .content .contain .item.select {box-sizing: border-box; width: calc(300px + 15px); height: 40px; padding: 0 7px 0 8px;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field .content .contain .item.select select {box-sizing: border-box; width: 100%; height: 100%; padding: 0 41px 0 15px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; background: #fff url('../images/content/pc/arrow-type10.png') no-repeat right center / 39px 5px; color: #666; font-weight: 500; font-size: 13px; line-height: 39px; -webkit-appearance: none;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field .content .contain .item.select select::-ms-expand {display: none;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field .content .contain .item.input {box-sizing: border-box; height: 40px; padding: 0 7px 0 8px;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field .content .contain .item.input input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 15px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; color: #666; font-size: 13px; line-height: 39px; -webkit-appearance: none;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field .content .contain .item.input input::placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field .content .contain .item.input input::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field .content .contain .item.input input:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field.title .content .contain .item.input {width: 100%;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field.write textarea {display: block; box-sizing: border-box; width: 100%; height: 288px; padding: 24px 30px; margin: 0; border: none; border-radius: 0 0 7px 7px; background-color: #fff; color: #666; font-size: 13px; line-height: 24px; resize: none; -webkit-appearance: none;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field.write textarea::placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field.write textarea::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-registration-question .question-write .body .field.write textarea:-ms-input-placeholder {color: #d1d1d1;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-registration-question .question-write .body {border: none; border-radius: 0; background-color: transparent;}
  .type-content.id-customer-inquiry-registration-question .question-write .body .field {border-top: none; padding-top: 20px;}
  .type-content.id-customer-inquiry-registration-question .question-write .body .field .caption {float: none; width: 100%; padding: 0 10px; background-color: transparent; font-size: 14px; line-height: 14px;}
  .type-content.id-customer-inquiry-registration-question .question-write .body .field .caption::before {top: 21px; left: 0;}
  .type-content.id-customer-inquiry-registration-question .question-write .body .field .caption::before {top: 11px; left: 0;}
  .type-content.id-customer-inquiry-registration-question .question-write .body .field.title .caption::before {top: 21px; left: 0;}
  .type-content.id-customer-inquiry-registration-question .question-write .body .field.type {padding-top: 10px;}
  .type-content.id-customer-inquiry-registration-question .question-write .body .field.type .caption {border-top-left-radius: 0;}
  .type-content.id-customer-inquiry-registration-question .question-write .body .field.type .content .contain {margin: 0;}
  .type-content.id-customer-inquiry-registration-question .question-write .body .field .content {float: none; width: 100%; padding: 10px 0 0 0;}
  .type-content.id-customer-inquiry-registration-question .question-write .body .field .content .contain .item {float: none;}
  .type-content.id-customer-inquiry-registration-question .question-write .body .field .content .contain .item.select {width: 100%; height: 45px; padding: 0;}
  .type-content.id-customer-inquiry-registration-question .question-write .body .field .content .contain .item.select select {font-size: 14px; line-height: 43px;}
  .type-content.id-customer-inquiry-registration-question .question-write .body .field .content .contain .item.input {height: 45px;}
  .type-content.id-customer-inquiry-registration-question .question-write .body .field .content .contain .item.input input {font-size: 14px; line-height: 43px;}
  .type-content.id-customer-inquiry-registration-question .question-write .body .field.write {padding-top: 10px;}
  .type-content.id-customer-inquiry-registration-question .question-write .body .field.write textarea {height: 240px; padding: 15px; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; line-height: 26px;}
}

.type-content.id-customer-inquiry-registration-question .question-button {padding-top: 20px;}
.type-content.id-customer-inquiry-registration-question .question-button::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-registration-question .question-button button {box-sizing: border-box; float: left; display: block; width: 100px; height: 45px; padding: 0; margin: 0; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 13px;}
.type-content.id-customer-inquiry-registration-question .question-button button:hover {background-color: #f5f5f5;}
.type-content.id-customer-inquiry-registration-question .question-button button.registration {float: right; border-color: #202845; background-color: #202845; color: #fff;}
.type-content.id-customer-inquiry-registration-question .question-button button.registration:hover {background-color: #12172c;}
.type-content.id-customer-inquiry-registration-question .question-button button.registration:disabled {opacity: 0.3;}
.type-content.id-customer-inquiry-registration-question .question-button button.registration:disabled:hover {background-color: #202845;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-registration-question .question-button {margin: 0 -5px;}
  .type-content.id-customer-inquiry-registration-question .question-button button {width: calc(50% - 10px); margin: 0 5px;}
  .type-content.id-customer-inquiry-registration-question .question-button button:hover {background-color: #fff;}
  .type-content.id-customer-inquiry-registration-question .question-button button.registration:hover {background-color: #202845;}
}

@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-registration-question.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-customer-inquiry-registration-question.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 고객센터 > 1:1문의 > 등록 > 답변 */
.type-content.id-customer-inquiry-registration-answer .main-answer {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-registration-answer .main-answer {margin-top: -30px;}
}

.type-content.id-customer-inquiry-registration-answer .answer-header {padding-top: 10px;}
.type-content.id-customer-inquiry-registration-answer .answer-header h3.title {padding: 0; margin: 0; line-height: 0;}
.type-content.id-customer-inquiry-registration-answer .answer-header h3.title .item {color: #222; font-weight: 200; font-size: 32px; line-height: 90px;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-registration-answer .answer-header {padding-top: 9px;}
  .type-content.id-customer-inquiry-registration-answer .answer-header h3.title .item {font-size: 25px; line-height: 62px;}
}

.type-content.id-customer-inquiry-registration-answer .answer-registration {border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-customer-inquiry-registration-answer .answer-registration .header {display: flex; flex-direction: row; position: relative; padding: 23px 15px; border-top-right-radius: 7px; border-top-left-radius: 7px; background-color: #f9f9f9;}
.type-content.id-customer-inquiry-registration-answer .answer-registration .header::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-registration-answer .answer-registration .header .type {display: flex; align-items: center; float: left; width: 69px; padding: 0 15px;}
.type-content.id-customer-inquiry-registration-answer .answer-registration .header .type .item {box-sizing: border-box; width: 100%; height: 24px; border: 1px solid #999; border-radius: 12px; color: #222; font-weight: 500; font-size: 12px; line-height: 22px; text-align: center;}
.type-content.id-customer-inquiry-registration-answer .answer-registration.typeVersion .header .type .item {border-color: #e68d94; color: #d0202e;}
.type-content.id-customer-inquiry-registration-answer .answer-registration.typeEvent .header .type .item,
.type-content.id-customer-inquiry-registration-answer .answer-registration.typeChecking .header .type .item {border-color: #8da8e6; color: #2063d2;}
.type-content.id-customer-inquiry-registration-answer .answer-registration .header .title {flex: 1; float: left; padding: 0 15px; color: #222; font-weight: 400; font-size: 20px; line-height: 34px;}
.type-content.id-customer-inquiry-registration-answer .answer-registration .header .writer,
.type-content.id-customer-inquiry-registration-answer .answer-registration .header .date {display: flex; align-items: center; float: left; padding: 0 15px; color: #999; font-weight: 400; font-size: 13px; line-height: 34px;}
.type-content.id-customer-inquiry-registration-answer .answer-registration .body .info {padding: 0 15px; border-top: 1px solid #222;}
.type-content.id-customer-inquiry-registration-answer .answer-registration .body .info::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-registration-answer .answer-registration .body .info .caption {position: relative; float: left;}
.type-content.id-customer-inquiry-registration-answer .answer-registration .body .info .caption::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-registration-answer .answer-registration .body .info .caption .title {float: left; padding: 0 16px 0 15px; background: transparent url('../images/content/pc/divide-type01.png') no-repeat right center; color: #666; font-weight: 400; font-size: 13px; line-height: 51px;}
.type-content.id-customer-inquiry-registration-answer .answer-registration .body .info .caption .content {float: left; padding: 0 15px; border: none; color: #666; font-weight: 400; font-size: 13px; line-height: 51px;}
.type-content.id-customer-inquiry-registration-answer .answer-registration .body .view {padding: 30px; border-top: 1px solid #e6e6e6; color: #666; font-weight: 400; font-size: 13px; line-height: 24px;}
.type-content.id-customer-inquiry-registration-answer .answer-registration .body .write textarea {display: block; box-sizing: border-box; width: 100%; height: 169px; padding: 24px 30px; margin: 0; border: none; border-top: 1px solid #e6e6e6; border-radius: 0 0 7px 7px; background-color: #fff; color: #666; font-size: 13px; line-height: 24px; resize: none; -webkit-appearance: none;}
.type-content.id-customer-inquiry-registration-answer .answer-registration .body .write textarea::placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-registration-answer .answer-registration .body .write textarea::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-registration-answer .answer-registration .body .write textarea:-ms-input-placeholder {color: #d1d1d1;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-registration-answer .answer-registration .header {padding: 15px 0;}
  .type-content.id-customer-inquiry-registration-answer .answer-registration .header .type {width: 52px; padding: 0 20px;}
  .type-content.id-customer-inquiry-registration-answer .answer-registration .header .type .item {height: 19px; line-height: 17px;}
  .type-content.id-customer-inquiry-registration-answer .answer-registration .header .title {flex: none; width: calc(100% - 117px); padding-bottom: calc(18px + 7px + 18px + 9px); padding-right: 20px; padding-left: 0; font-size: 17px; line-height: 27px;}
  .type-content.id-customer-inquiry-registration-answer .answer-registration .header .writer,
  .type-content.id-customer-inquiry-registration-answer .answer-registration .header .date {display: block; align-items: stretch; position: absolute; float: none; padding: 0 15px 0 0; color: #999; font-weight: 400; font-size: 12px; line-height: 18px;}
  .type-content.id-customer-inquiry-registration-answer .answer-registration .header .writer {overflow: hidden; bottom: 15px; left: 93px; width: calc(100% - 117px); text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
  .type-content.id-customer-inquiry-registration-answer .answer-registration .header .date {bottom: calc(15px + 18px + 7px); left: 93px;}
  .type-content.id-customer-inquiry-registration-answer .answer-registration .body .info {position: relative; padding-right: 10px; padding-left: 10px;}
  .type-content.id-customer-inquiry-registration-answer .answer-registration .body .info .caption .title {padding-right: 11px; padding-left: 10px;}
  .type-content.id-customer-inquiry-registration-answer .answer-registration .body .info .caption .content {padding-right: 10px; padding-left: 10px;}
  .type-content.id-customer-inquiry-registration-answer .answer-registration .body .view {padding: 20px; border-top: 1px solid #e6e6e6; color: #666; font-weight: 400; font-size: 13px; line-height: 24px;}
  .type-content.id-customer-inquiry-registration-answer .answer-registration .body .write textarea {height: 161px; padding: 20px;}
}

.type-content.id-customer-inquiry-registration-answer .answer-button {padding-top: 20px;}
.type-content.id-customer-inquiry-registration-answer .answer-button::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-registration-answer .answer-button button {box-sizing: border-box; float: left; display: block; width: 100px; height: 45px; padding: 0; margin: 0; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 13px;}
.type-content.id-customer-inquiry-registration-answer .answer-button button:hover {background-color: #f5f5f5;}
.type-content.id-customer-inquiry-registration-answer .answer-button button.registration {float: right; border-color: #202845; background-color: #202845; color: #fff;}
.type-content.id-customer-inquiry-registration-answer .answer-button button.registration:hover {background-color: #12172c;}
.type-content.id-customer-inquiry-registration-answer .answer-button button.registration:disabled {opacity: 0.3;}
.type-content.id-customer-inquiry-registration-answer .answer-button button.registration:disabled:hover {background-color: #202845;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-registration-answer .answer-button {margin: 0 -5px;}
  .type-content.id-customer-inquiry-registration-answer .answer-button button {width: calc(50% - 10px); margin: 0 5px;}
  .type-content.id-customer-inquiry-registration-answer .answer-button button:hover {background-color: #fff;}
  .type-content.id-customer-inquiry-registration-answer .answer-button button.registration:hover {background-color: #202845;}
}

@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-registration-answer.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-customer-inquiry-registration-answer.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 고객센터 > 1:1문의 > 수정 > 문의 */
.type-content.id-customer-inquiry-edit-question .main-question {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-edit-question .main-question {margin-top: -30px;}
}

.type-content.id-customer-inquiry-edit-question .question-header {padding-top: 10px;}
.type-content.id-customer-inquiry-edit-question .question-header h3.title {padding: 0; margin: 0; line-height: 0;}
.type-content.id-customer-inquiry-edit-question .question-header h3.title .item {color: #222; font-weight: 200; font-size: 32px; line-height: 90px;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-edit-question .question-header {padding-top: 9px;}
  .type-content.id-customer-inquiry-edit-question .question-header h3.title .item {font-size: 25px; line-height: 62px;}
}

.type-content.id-customer-inquiry-edit-question .question-write .body {border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field {position: relative; border-top: 1px solid #e6e6e6;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-edit-question .question-write .body .field .caption {box-sizing: border-box; float: left; width: 200px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field .caption::before {display: none; position: absolute; top: 20px; left: 20px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; content: '';}
.type-content.id-customer-inquiry-edit-question .question-write .body .field.type {border-top: none;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field.type .caption {border-top-left-radius: 7px;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field.required .caption::before {display: block;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field .content {box-sizing: border-box; float: left; width: calc(100% - 200px); padding: 10px 15px;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field .content .contain {margin: 0 -7px 0 -8px;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field .content .contain::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-edit-question .question-write .body .field .content .contain .item {float: left;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field .content .contain .item.select {box-sizing: border-box; width: calc(300px + 15px); height: 40px; padding: 0 7px 0 8px;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field .content .contain .item.select select {box-sizing: border-box; width: 100%; height: 100%; padding: 0 41px 0 15px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; background: #fff url('../images/content/pc/arrow-type10.png') no-repeat right center / 39px 5px; color: #666; font-weight: 500; font-size: 13px; line-height: 39px; -webkit-appearance: none;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field .content .contain .item.select select::-ms-expand {display: none;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field .content .contain .item.input {box-sizing: border-box; height: 40px; padding: 0 7px 0 8px;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field .content .contain .item.input input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 15px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; color: #666; font-size: 13px; line-height: 39px; -webkit-appearance: none;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field .content .contain .item.input input::placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field .content .contain .item.input input::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field .content .contain .item.input input:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field.title .content .contain .item.input {width: 100%;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field.write textarea {display: block; box-sizing: border-box; width: 100%; height: 288px; padding: 24px 30px; margin: 0; border: none; border-radius: 0 0 7px 7px; background-color: #fff; color: #666; font-size: 13px; line-height: 24px; resize: none; -webkit-appearance: none;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field.write textarea::placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field.write textarea::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-edit-question .question-write .body .field.write textarea:-ms-input-placeholder {color: #d1d1d1;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-edit-question .question-write .body {border: none; border-radius: 0; background-color: transparent;}
  .type-content.id-customer-inquiry-edit-question .question-write .body .field {border-top: none; padding-top: 20px;}
  .type-content.id-customer-inquiry-edit-question .question-write .body .field .caption {float: none; width: 100%; padding: 0 10px; background-color: transparent; font-size: 14px; line-height: 14px;}
  .type-content.id-customer-inquiry-edit-question .question-write .body .field .caption::before {top: 11px; left: 0;}
  .type-content.id-customer-inquiry-edit-question .question-write .body .field.title .caption::before {top: 21px; left: 0;}
  .type-content.id-customer-inquiry-edit-question .question-write .body .field.type {padding-top: 10px;}
  .type-content.id-customer-inquiry-edit-question .question-write .body .field.type .caption {border-top-left-radius: 0;}
  .type-content.id-customer-inquiry-edit-question .question-write .body .field.type .content .contain {margin: 0;}
  .type-content.id-customer-inquiry-edit-question .question-write .body .field .content {float: none; width: 100%; padding: 10px 0 0 0;}
  .type-content.id-customer-inquiry-edit-question .question-write .body .field .content .contain .item {float: none;}
  .type-content.id-customer-inquiry-edit-question .question-write .body .field .content .contain .item.select {width: 100%; height: 45px; padding: 0;}
  .type-content.id-customer-inquiry-edit-question .question-write .body .field .content .contain .item.select select {font-size: 14px; line-height: 43px;}
  .type-content.id-customer-inquiry-edit-question .question-write .body .field .content .contain .item.input {height: 45px;}
  .type-content.id-customer-inquiry-edit-question .question-write .body .field .content .contain .item.input input {font-size: 14px; line-height: 43px;}
  .type-content.id-customer-inquiry-edit-question .question-write .body .field.write {padding-top: 10px;}
  .type-content.id-customer-inquiry-edit-question .question-write .body .field.write textarea {height: 240px; padding: 15px; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; line-height: 26px;}
}

.type-content.id-customer-inquiry-edit-question .question-button {padding-top: 20px;}
.type-content.id-customer-inquiry-edit-question .question-button::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-edit-question .question-button button {box-sizing: border-box; float: left; display: block; width: 100px; height: 45px; padding: 0; margin: 0; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 13px;}
.type-content.id-customer-inquiry-edit-question .question-button button:hover {background-color: #f5f5f5;}
.type-content.id-customer-inquiry-edit-question .question-button button.registration {float: right; border-color: #202845; background-color: #202845; color: #fff;}
.type-content.id-customer-inquiry-edit-question .question-button button.registration:hover {background-color: #12172c;}
.type-content.id-customer-inquiry-edit-question .question-button button.registration:disabled {opacity: 0.3;}
.type-content.id-customer-inquiry-edit-question .question-button button.registration:disabled:hover {background-color: #202845;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-edit-question .question-button {margin: 0 -5px;}
  .type-content.id-customer-inquiry-edit-question .question-button button {width: calc(50% - 10px); margin: 0 5px;}
  .type-content.id-customer-inquiry-edit-question .question-button button:hover {background-color: #fff;}
  .type-content.id-customer-inquiry-edit-question .question-button button.registration:hover {background-color: #202845;}
}

@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-edit-question.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-customer-inquiry-edit-question.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 고객센터 > 1:1문의 > 수정 > 답변 */
.type-content.id-customer-inquiry-edit-answer .main-answer {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-edit-answer .main-answer {margin-top: -30px;}
}

.type-content.id-customer-inquiry-edit-answer .answer-header {padding-top: 10px;}
.type-content.id-customer-inquiry-edit-answer .answer-header h3.title {padding: 0; margin: 0; line-height: 0;}
.type-content.id-customer-inquiry-edit-answer .answer-header h3.title .item {color: #222; font-weight: 200; font-size: 32px; line-height: 90px;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-edit-answer .answer-header {padding-top: 9px;}
  .type-content.id-customer-inquiry-edit-answer .answer-header h3.title .item {font-size: 25px; line-height: 62px;}
}

.type-content.id-customer-inquiry-edit-answer .answer-registration {border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-customer-inquiry-edit-answer .answer-registration .header {display: flex; flex-direction: row; position: relative; padding: 23px 15px; border-top-right-radius: 7px; border-top-left-radius: 7px; background-color: #f9f9f9;}
.type-content.id-customer-inquiry-edit-answer .answer-registration .header::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-edit-answer .answer-registration .header .type {display: flex; align-items: center; float: left; width: 69px; padding: 0 15px;}
.type-content.id-customer-inquiry-edit-answer .answer-registration .header .type .item {box-sizing: border-box; width: 100%; height: 24px; border: 1px solid #999; border-radius: 12px; color: #222; font-weight: 500; font-size: 12px; line-height: 22px; text-align: center;}
.type-content.id-customer-inquiry-edit-answer .answer-registration.typeVersion .header .type .item {border-color: #e68d94; color: #d0202e;}
.type-content.id-customer-inquiry-edit-answer .answer-registration.typeEvent .header .type .item {border-color: #8da8e6; color: #2063d2;}
.type-content.id-customer-inquiry-edit-answer .answer-registration.typeChecking .header .type .item {border-color: #999; color: #222;}
.type-content.id-customer-inquiry-edit-answer .answer-registration .header .title {flex: 1; float: left; padding: 0 15px; color: #222; font-weight: 400; font-size: 20px; line-height: 34px;}
.type-content.id-customer-inquiry-edit-answer .answer-registration .header .writer,
.type-content.id-customer-inquiry-edit-answer .answer-registration .header .date {display: flex; align-items: center; float: left; padding: 0 15px; color: #999; font-weight: 400; font-size: 13px; line-height: 34px;}
.type-content.id-customer-inquiry-edit-answer .answer-registration .body .info {padding: 0 15px; border-top: 1px solid #222;}
.type-content.id-customer-inquiry-edit-answer .answer-registration .body .info::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-edit-answer .answer-registration .body .info .caption {position: relative; float: left;}
.type-content.id-customer-inquiry-edit-answer .answer-registration .body .info .caption::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-edit-answer .answer-registration .body .info .caption .title {float: left; padding: 0 16px 0 15px; background: transparent url('../images/content/pc/divide-type01.png') no-repeat right center; color: #666; font-weight: 400; font-size: 13px; line-height: 51px;}
.type-content.id-customer-inquiry-edit-answer .answer-registration .body .info .caption .content {float: left; padding: 0 15px; border: none; color: #666; font-weight: 400; font-size: 13px; line-height: 51px;}
.type-content.id-customer-inquiry-edit-answer .answer-registration .body .view {padding: 30px; border-top: 1px solid #e6e6e6; color: #666; font-weight: 400; font-size: 13px; line-height: 24px;}
.type-content.id-customer-inquiry-edit-answer .answer-registration .body .write textarea {display: block; box-sizing: border-box; width: 100%; height: 169px; padding: 24px 30px; margin: 0; border: none; border-top: 1px solid #e6e6e6; border-radius: 0 0 7px 7px; background-color: #fff; color: #666; font-size: 13px; line-height: 24px; resize: none; -webkit-appearance: none;}
.type-content.id-customer-inquiry-edit-answer .answer-registration .body .write textarea::placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-edit-answer .answer-registration .body .write textarea::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-customer-inquiry-edit-answer .answer-registration .body .write textarea:-ms-input-placeholder {color: #d1d1d1;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-edit-answer .answer-registration .header {padding: 15px 0;}
  .type-content.id-customer-inquiry-edit-answer .answer-registration .header .type {width: 52px; padding: 0 20px;}
  .type-content.id-customer-inquiry-edit-answer .answer-registration .header .type .item {height: 19px; line-height: 17px;}
  .type-content.id-customer-inquiry-edit-answer .answer-registration .header .title {flex: none; width: calc(100% - 117px); padding-bottom: calc(18px + 7px + 18px + 9px); padding-right: 20px; padding-left: 0; font-size: 17px; line-height: 27px;}
  .type-content.id-customer-inquiry-edit-answer .answer-registration .header .writer,
  .type-content.id-customer-inquiry-edit-answer .answer-registration .header .date {display: block; align-items: stretch; position: absolute; float: none; padding: 0 15px 0 0; color: #999; font-weight: 400; font-size: 12px; line-height: 18px;}
  .type-content.id-customer-inquiry-edit-answer .answer-registration .header .writer {overflow: hidden; bottom: 15px; left: 93px; width: calc(100% - 117px); text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
  .type-content.id-customer-inquiry-edit-answer .answer-registration .header .date {bottom: calc(15px + 18px + 7px); left: 93px;}
  .type-content.id-customer-inquiry-edit-answer .answer-registration .body .info {position: relative; padding-right: 10px; padding-left: 10px;}
  .type-content.id-customer-inquiry-edit-answer .answer-registration .body .info .caption .title {padding-right: 11px; padding-left: 10px;}
  .type-content.id-customer-inquiry-edit-answer .answer-registration .body .info .caption .content {padding-right: 10px; padding-left: 10px;}
  .type-content.id-customer-inquiry-edit-answer .answer-registration .body .view {padding: 20px; border-top: 1px solid #e6e6e6; color: #666; font-weight: 400; font-size: 13px; line-height: 24px;}
  .type-content.id-customer-inquiry-edit-answer .answer-registration .body .write textarea {height: 161px; padding: 20px;}
}

.type-content.id-customer-inquiry-edit-answer .answer-button {padding-top: 20px;}
.type-content.id-customer-inquiry-edit-answer .answer-button::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-customer-inquiry-edit-answer .answer-button button {box-sizing: border-box; float: left; display: block; width: 100px; height: 45px; padding: 0; margin: 0; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 13px;}
.type-content.id-customer-inquiry-edit-answer .answer-button button:hover {background-color: #f5f5f5;}
.type-content.id-customer-inquiry-edit-answer .answer-button button.registration {float: right; border-color: #202845; background-color: #202845; color: #fff;}
.type-content.id-customer-inquiry-edit-answer .answer-button button.registration:hover {background-color: #12172c;}
.type-content.id-customer-inquiry-edit-answer .answer-button button.registration:disabled {opacity: 0.3;}
.type-content.id-customer-inquiry-edit-answer .answer-button button.registration:disabled:hover {background-color: #202845;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-edit-answer .answer-button {margin: 0 -5px;}
  .type-content.id-customer-inquiry-edit-answer .answer-button button {width: calc(50% - 10px); margin: 0 5px;}
  .type-content.id-customer-inquiry-edit-answer .answer-button button:hover {background-color: #fff;}
  .type-content.id-customer-inquiry-edit-answer .answer-button button.registration:hover {background-color: #202845;}
}

.type-content.id-customer-inquiry-edit-answer.loginClub .answer-registration .body .writer,
.type-content.id-customer-inquiry-edit-answer.loginClub .answer-button button.registration {display: none;}
@media (max-width: 1279px) {
  .type-content.id-customer-inquiry-edit-answer.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-customer-inquiry-edit-answer.loginClub.inactiveBi main .container {padding-bottom: 30px;}
  .type-content.id-customer-inquiry-edit-answer.loginClub .answer-registration .body .info {position: static; padding-bottom: 0;}
  .type-content.id-customer-inquiry-edit-answer.loginClub .answer-registration .body .info .date {position: static; float: right; padding-right: 10px; line-height: 51px;}
  .type-content.id-customer-inquiry-edit-answer.loginClub .answer-registration {margin: 0;}
  .type-content.id-customer-inquiry-edit-answer.loginClub .answer-registration button {float: none; width: 100%; margin: 0;}
}


/* 관리 > 사용자관리 > 리스트 */
.type-content.id-management-user-list .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-management-user-list .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-management-user-list .section01 {position: relative; height: 23px;}
  .type-content.id-management-user-list .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-management-user-list .section02 {box-sizing: border-box; position: relative; padding-top: 30px;}
.type-content.id-management-user-list .section02 .object01 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 85px;}
.type-content.id-management-user-list .section02 .object02 {box-sizing: border-box; position: relative; padding: 20px; border-radius: 8px; background-color: #fff;}
.type-content.id-management-user-list .section02 .object02::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-management-user-list .section02 .object02 .form {width: 747px; height: 45px; margin: 0 auto;}
.type-content.id-management-user-list .section02 .object02 .form .select {float: left; width: 147px; height: 100%;}
.type-content.id-management-user-list .section02 .object02 .form .select .formSelectList {height: 45px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.type-content.id-management-user-list .section02 .object02 .form .select .formSelect .formSelectPopup {top: 51px;}
.type-content.id-management-user-list .section02 .object02 .form .select.authority {margin-left: -1px;}
.type-content.id-management-user-list .section02 .object02 .form .select.authority .formSelectList {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-management-user-list .section02 .object02 .form .input {float: left; width: calc(100% - 147px - 147px - 45px); height: 100%;}
.type-content.id-management-user-list .section02 .object02 .form .input input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 15px; margin: 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-right: none; border-left: none; border-radius: 0; background-color: transparent; color: #666; font-size: 13px; line-height: 43px; -webkit-appearance: none;}
.type-content.id-management-user-list .section02 .object02 .form .input input::placeholder {color: #d1d1d1;}
.type-content.id-management-user-list .section02 .object02 .form .input input::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-management-user-list .section02 .object02 .form .input input:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-management-user-list .section02 .object02 .form .search {float: left; width: 45px; height: 100%; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #d0202e;}
.type-content.id-management-user-list .section02 .object02 .form .search:hover {background-color: #b20a10;}
.type-content.id-management-user-list .section02 .object02 .form .search button {overflow: hidden; width: 100%; height: 100%; padding: 0; margin: 0; border: none; border-radius: 0; background: transparent url('../images/content/pc/search-type01.png') no-repeat center center; text-indent: -1000px;}
.type-content.id-management-user-list .section02 .object03 {position: absolute; top: 50px; right: 20px;}
.type-content.id-management-user-list .section02 .object03 button {width: 100px; height: 45px; padding: 0; margin: 0; border: none; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 45px;}
.type-content.id-management-user-list .section02 .object03 button:hover {background-color: #12172c;}
@media (max-width: 1279px) {
  .type-content.id-management-user-list .section02 {padding-top: 20px;}
  .type-content.id-management-user-list .section02 .object01 {height: auto;}
  .type-content.id-management-user-list .section02 .object02 {display: none;}
  .type-content.id-management-user-list .section02 .object03 {position: static; top: auto; right: auto;}
  .type-content.id-management-user-list .section02 .object03 button {width: 100%;}
  .type-content.id-management-user-list .section02 .object03 button:hover {background-color: #202845;}
}

.type-content.id-management-user-list .section03 {box-sizing: border-box; position: relative;}
.type-content.id-management-user-list .section03 .object01 {box-sizing: border-box; position: relative;}
.type-content.id-management-user-list .section03 .object01 .table .unit {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100%; font-size: 14px; font-weight: 500; color: #666; line-height: 13px;}
.type-content.id-management-user-list .section03 .object01 .table .unit span {color: #d0202e;}
.type-content.id-management-user-list .section03 .object01 .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-management-user-list .section03 .object01 .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-management-user-list .section03 .object01 .table .contain table tr th,
.type-content.id-management-user-list .section03 .object01 .table .contain table tr td {overflow: hidden; padding: 0 20px; 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;}
.type-content.id-management-user-list .section03 .object01 .table .contain table tr th {color: #222;}
.type-content.id-management-user-list .section03 .object01 .table .contain table tr td {font-size: 14px;}
.type-content.id-management-user-list .section03 .object01 .table .contain table tr th:first-child,
.type-content.id-management-user-list .section03 .object01 .table .contain table tr td:first-child {border-left: none;}
.type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th {border-top: none;}
.type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.id {background-color: #202845; color: #fff;}
.type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th .item {display: inline-block;}
.type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.sort {cursor: pointer;}
.type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.sort:hover {background-color: #f5f5f5;}
.type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.id.sort:hover {background-color: #12172c;}
.type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.sort.descending .item,
.type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.sort.ascending .item {position: relative; padding-right: 16px;}
.type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.sort.ascending .item::before {display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 5px; margin-top: -2px; background: transparent url('../images/content/pc/arrow-type05.png') no-repeat center top; content: '';}
.type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.sort.ascending .item::before {margin-top: -3px; background-position: center bottom;}
.type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.id.sort.descending .item::before,
.type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.id.sort.ascending .item::before {background-image: url('../images/content/pc/arrow-type06.png');}
.type-content.id-management-user-list .section03 .object01 .table .contain table tbody tr {cursor: pointer;}
.type-content.id-management-user-list .section03 .object01 .table .contain table tbody tr:hover td {background-color: #f5f5f5;}
.type-content.id-management-user-list .section03 .object01 .table .contain table tbody tr:hover td.id {background-color: #e6e6e6;}
.type-content.id-management-user-list .section03 .object01 .table .contain table tbody tr td.id {background-color: #f9f9f9;}
.type-content.id-management-user-list .section03 .object01 .table .contain table tbody tr:last-child td:first-child {border-bottom-left-radius: 7px;}
.type-content.id-management-user-list .section03 .object01 .table .contain table tbody tr:last-child td:last-child {border-bottom-right-radius: 7px;}
.type-content.id-management-user-list .section03 .object01 .table .contain table tbody.none {display: none;}
.type-content.id-management-user-list .section03 .object01 .table .contain table tbody.none tr td {color: #999; line-height: 113px;}
.type-content.id-management-user-list .section03 .object01 .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-management-user-list .section03 .object01 .table.thead .fixed {box-sizing: border-box; width: 1820px; height: calc(33px + 15px + 39px); padding-top: 48px; background-color: #f5f5f5;}
.type-content.id-management-user-list .section03 .object01 .table.thead .fixed.active {position: fixed; top: calc(55px - 1px);}
.type-content.id-management-user-list .section03 .object01 .table.thead .contain {border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-management-user-list .section03 .object01 .table.tbody {padding-top: calc(33px + 15px + 39px - 1px);}
.type-content.id-management-user-list .section03 .object01 .table.tbody .contain {border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-management-user-list .section03 .object01 .table.tbody .contain table {margin-top: -1px;}
.type-content.id-management-user-list .section03 .object01 .table .contain table tbody tr.disabled td {color: rgba(102, 102, 102, 0.3);}
.type-content.id-management-user-list .section03 .object01.none .table .contain table thead tr th.sort {cursor: auto;}
.type-content.id-management-user-list .section03 .object01.none .table .contain table thead tr th.sort.descending .item,
.type-content.id-management-user-list .section03 .object01.none .table .contain table thead tr th.sort.ascending .item {padding-right: 0;}
.type-content.id-management-user-list .section03 .object01.none .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-management-user-list .section03 .object01.none .table .contain table thead tr th.sort.ascending .item::before {display: none;}
.type-content.id-management-user-list .section03 .object01.none .table .contain table tbody {display: none;}
.type-content.id-management-user-list .section03 .object01.none .table .contain table tbody.none {display: table-row-group;}
.type-content.id-management-user-list .section03 .object01.none .table .contain table thead tr th.sort:hover {background-color: #fff;}
.type-content.id-management-user-list .section03 .object01.none .table .contain table thead tr th.id.sort:hover {background-color: #202845;}
.type-content.id-management-user-list .section03 .object01.none .table .contain table tbody tr {cursor: auto;}
.type-content.id-management-user-list .section03 .object01.none .table .contain table tbody tr:hover td {background-color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-management-user-list .section03 {overflow-x: auto; margin: 0 -20px;}
  .type-content.id-management-user-list .section03 .object01 {width: calc(891px + 40px); padding: 0 20px;}
  .type-content.id-management-user-list .section03 .object01 .table .unit {font-size: 14px; font-weight: 500; color: #666; line-height: 13px;}
  .type-content.id-management-user-list .section03 .object01 .table .contain table colgroup col.id {width: 174px;}
  .type-content.id-management-user-list .section03 .object01 .table .contain table tr th,
  .type-content.id-management-user-list .section03 .object01 .table .contain table tr td {padding: 0 10px; line-height: 47px; font-size: 14px;}
  .type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.sort:hover {background-color: #fff;}
  .type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.id.sort:hover {background-color: #202845;}
  .type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.sort.descending .item::before,
  .type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.sort.ascending .item::before {width: 9px; height: 4px; background-image: url('../images/content/mobile/arrow-type05.png'); background-size: 9px;}
  .type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.sort.ascending .item::before {margin-top: -2px;}
  .type-content.id-management-user-list .section03 .object01 .table .contain table tbody tr:hover td {background-color: #fff;}
  .type-content.id-management-user-list .section03 .object01 .table .contain table tbody tr:hover td.id {background-color: #f9f9f9;}
  .type-content.id-management-user-list .section03 .object01 .table .contain table tbody.none tr td {line-height: 143px;}
  /*
  .type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.sort.descending .item,
  .type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.sort.ascending .item {padding-right: 0;}
  .type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.sort.descending .item::before,
  .type-content.id-management-user-list .section03 .object01 .table .contain table thead tr th.sort.ascending .item::before {display: none;}
   */
  .type-content.id-management-user-list .section03 .object01 .table.thead {left: 20px;}
  .type-content.id-management-user-list .section03 .object01 .table.thead .fixed {width: 891px; height: calc(52px + 49px); padding-top: 52px;}
  .type-content.id-management-user-list .section03 .object01 .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-management-user-list .section03 .object01 .table.tbody {padding-top: calc(52px + 49px - 1px);}
}

.type-content.id-management-user-list.asideActive .section03 .object01 .table.thead .fixed {width: 1550px;}
@media (max-width: 1279px) {
  .type-content.id-management-user-list.asideActive .section03 .object01 .table.thead .fixed.active {top: calc(114px -  1px);}
}

.type-content.id-management-user-list .section04 {padding-top: 30px; line-height: 0; text-align: center;}
.type-content.id-management-user-list .section04 .object01 .paging {display: inline-block;}
.type-content.id-management-user-list .section04 .object01 .paging::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-management-user-list .section04 .object01 .paging .prev,
.type-content.id-management-user-list .section04 .object01 .paging .next,
.type-content.id-management-user-list .section04 .object01 .paging ul.number {float: left;}
.type-content.id-management-user-list .section04 .object01 .paging .prev,
.type-content.id-management-user-list .section04 .object01 .paging .next {padding: 11px 20px; opacity: 0.3;}
.type-content.id-management-user-list .section04 .object01 .paging .prev .item,
.type-content.id-management-user-list .section04 .object01 .paging .next .item {overflow: hidden; width: 5px; height: 9px; background-color: transparent; background-repeat: no-repeat; background-position: center top; text-indent: -1000px;}
.type-content.id-management-user-list .section04 .object01 .paging .prev .item {background-image: url('../images/content/pc/prev-type01.png');}
.type-content.id-management-user-list .section04 .object01 .paging .next .item {background-image: url('../images/content/pc/next-type01.png');}
.type-content.id-management-user-list .section04 .object01 .paging.prevActive .prev,
.type-content.id-management-user-list .section04 .object01 .paging.nextActive .next {opacity: 1; cursor: pointer;}
.type-content.id-management-user-list .section04 .object01 .paging ul.number {list-style: none; padding: 0; margin: 0;}
.type-content.id-management-user-list .section04 .object01 .paging ul.number::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-management-user-list .section04 .object01 .paging ul.number li {box-sizing: border-box; position: relative; float: left; height: 31px; padding: 0 9px; color: #666; font-weight: 400; font-size: 14px; line-height: 31px; cursor: pointer;}
.type-content.id-management-user-list .section04 .object01 .paging ul.number li:hover {color: #d0202e;}
.type-content.id-management-user-list .section04 .object01 .paging ul.number li.active {color: #d0202e; cursor: auto;}
.type-content.id-management-user-list .section04 .object01 .paging ul.number li.active::before {display: block; position: absolute; bottom: 0; left: 5px; width: calc(100% - 10px); height: 2px; background-color: #d0202e; content: '';}
.type-content.id-management-user-list .section04 .object02 {display: none;}
.type-content.id-management-user-list .section04 .object02 .more {box-sizing: border-box; width: 100%; margin-top: 20px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-management-user-list .section04 .object02 .more:hover {background-color: #f5f5f5;}
@media (max-width: 1279px) {
  .type-content.id-management-user-list .section04 {padding-top: 0;}
  .type-content.id-management-user-list .section04 .object01 {display: none;}
  .type-content.id-management-user-list .section04 .object02 {display: block;}
  .type-content.id-management-user-list .section04 .object02 .more:hover {background-color: #fff;}
}

@media (max-width: 1279px) {
  .type-content.id-management-user-list.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-management-user-list.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 관리 > 사용자관리 > 상세보기 */
.type-content.id-management-user-view .section01 {box-sizing: border-box; position: relative; height: 45px;}
.type-content.id-management-user-view .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
.type-content.id-management-user-view .section01 .object02 {box-sizing: border-box; position: absolute; top: 0; right: 0; width: 150px; height: 45px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-management-user-view .section01 .object02:hover {background-color: #f5f5f5;}
@media (max-width: 1279px) {
  .type-content.id-management-user-view .section01 {position: relative; height: 88px;}
  .type-content.id-management-user-view .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
  .type-content.id-management-user-view .section01 .object02 {position: absolute; top: 43px; left: 0; width: 100%; height: 45px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
  .type-content.id-management-user-view .section01 .object02:hover {background-color: #fff;}
}

.type-content.id-management-user-view .section02 {box-sizing: border-box; position: relative; height: 321px;}
.type-content.id-management-user-view .section02 .object01 {box-sizing: border-box; position: absolute; top: 15px; left: 0; width: 100%; height: 306px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-management-user-view .section02 .object02 {box-sizing: border-box; position: absolute; top: 16px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-view .section02 .object03 {box-sizing: border-box; position: absolute; top: 16px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-management-user-view .section02 .object04 {box-sizing: border-box; position: absolute; top: 76px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-view .section02 .object05 {box-sizing: border-box; position: absolute; top: 77px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-view .section02 .object06 {box-sizing: border-box; position: absolute; top: 77px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-management-user-view .section02 .object07 {box-sizing: border-box; position: absolute; top: 137px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-view .section02 .object08 {box-sizing: border-box; position: absolute; top: 138px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-view .section02 .object09 {box-sizing: border-box; position: absolute; top: 138px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-management-user-view .section02 .object10 {box-sizing: border-box; position: absolute; top: 198px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-view .section02 .object11 {box-sizing: border-box; position: absolute; top: 199px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-view .section02 .object12 {box-sizing: border-box; position: absolute; top: 199px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-management-user-view .section02 .object13 {box-sizing: border-box; position: absolute; top: 259px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-view .section02 .object14 {box-sizing: border-box; position: absolute; top: 260px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-bottom-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-view .section02 .object15 {box-sizing: border-box; position: absolute; top: 260px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
@media (max-width: 1279px) {
  .type-content.id-management-user-view .section02 {position: relative; height: 270px;}
  .type-content.id-management-user-view .section02 .object01 {position: absolute; top: 19px; left: 0; width: 100%; height: 251px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
  .type-content.id-management-user-view .section02 .object02 {position: absolute; top: 20px; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-management-user-view .section02 .object03 {position: absolute; top: 20px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
  .type-content.id-management-user-view .section02 .object04 {position: absolute; top: 69px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
  .type-content.id-management-user-view .section02 .object05 {position: absolute; top: 70px; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-management-user-view .section02 .object06 {position: absolute; top: 70px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
  .type-content.id-management-user-view .section02 .object07 {position: absolute; top: 119px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
  .type-content.id-management-user-view .section02 .object08 {position: absolute; top: 120px; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-management-user-view .section02 .object09 {position: absolute; top: 120px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
  .type-content.id-management-user-view .section02 .object10 {position: absolute; top: 169px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
  .type-content.id-management-user-view .section02 .object11 {position: absolute; top: 170px; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-management-user-view .section02 .object12 {position: absolute; top: 170px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
  .type-content.id-management-user-view .section02 .object13 {position: absolute; top: 219px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
  .type-content.id-management-user-view .section02 .object14 {position: absolute; top: 220px; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-management-user-view .section02 .object15 {position: absolute; top: 220px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
  .type-content.id-management-user-view .section02 .object16 {position: absolute; top: 269px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
}

.type-content.id-management-user-view .section03 {box-sizing: border-box; position: relative; height: 143px;}
.type-content.id-management-user-view .section03 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100%; height: 123px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-management-user-view .section03 .object02 {box-sizing: border-box; position: absolute; top: 21px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-view .section03 .object03 {box-sizing: border-box; position: absolute; top: 21px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #d0202e; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-management-user-view .section03 .object04 {box-sizing: border-box; position: absolute; top: 81px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-view .section03 .object05 {box-sizing: border-box; position: absolute; top: 82px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-bottom-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-view .section03 .object06 {box-sizing: border-box; position: absolute; top: 82px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
@media (max-width: 1279px) {
  .type-content.id-management-user-view .section03 {position: relative; height: 121px;}
  .type-content.id-management-user-view .section03 .object01 {position: absolute; top: 19px; left: 0; width: 100%; height: 101px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
  .type-content.id-management-user-view .section03 .object02 {position: absolute; top: 20px; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-management-user-view .section03 .object03 {position: absolute; top: 20px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #d0202e; font-size: 13px; line-height: 49px;}
  .type-content.id-management-user-view .section03 .object04 {position: absolute; top: 69px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
  .type-content.id-management-user-view .section03 .object05 {position: absolute; top: 70px; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-management-user-view .section03 .object06 {position: absolute; top: 70px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
}

.type-content.id-management-user-view .section04 {box-sizing: border-box; position: relative; height: 143px;}
.type-content.id-management-user-view .section04 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100%; height: 123px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-management-user-view .section04 .object02 {box-sizing: border-box; position: absolute; top: 21px; left: 1px; width: 199px; height: 121px; padding: 0 30px; border-top-left-radius: 7px; border-bottom-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-view .section04 .object03 {box-sizing: border-box; position: absolute; top: 36px; left: 200px; height: 30px; padding: 0 20px; color: #222; font-size: 13px; font-weight: 500; line-height: 30px;}
.type-content.id-management-user-view .section04 .object04 {box-sizing: border-box; position: absolute; top: 36px; left: 286px; height: 30px; padding: 0 20px; color: #666; font-size: 13px; font-weight: 500; line-height: 30px;}
.type-content.id-management-user-view .section04 .object05 {box-sizing: border-box; position: absolute; top: 36px; left: 343px; height: 30px; padding: 0 20px; color: #666; font-size: 13px; line-height: 30px;}
.type-content.id-management-user-view .section04 .object06 {box-sizing: border-box; position: absolute; top: 66px; left: 200px; height: 30px; padding: 0 20px; color: #222; font-size: 13px; font-weight: 500; line-height: 30px;}
.type-content.id-management-user-view .section04 .object07 {box-sizing: border-box; position: absolute; top: 66px; left: 286px; height: 30px; padding: 0 20px; color: #666; font-size: 13px; font-weight: 500; line-height: 30px;}
.type-content.id-management-user-view .section04 .object08 {box-sizing: border-box; position: absolute; top: 66px; left: 343px; height: 30px; padding: 0 20px; color: #666; font-size: 13px; line-height: 30px;}
.type-content.id-management-user-view .section04 .object09 {box-sizing: border-box; position: absolute; top: 96px; left: 200px; height: 30px; padding: 0 20px; color: #222; font-size: 13px; font-weight: 500; line-height: 30px;}
.type-content.id-management-user-view .section04 .object10 {box-sizing: border-box; position: absolute; top: 96px; left: 286px; height: 30px; padding: 0 20px; color: #666; font-size: 13px; font-weight: 500; line-height: 30px;}
.type-content.id-management-user-view .section04 .object11 {box-sizing: border-box; position: absolute; top: 96px; left: 343px; height: 30px; padding: 0 20px; color: #666; font-size: 13px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-management-user-view .section04 {position: relative; height: 261px;}
  .type-content.id-management-user-view .section04 .object01 {position: absolute; top: 20px; left: 0; width: 100%; height: 242px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
  .type-content.id-management-user-view .section04 .object02 {position: absolute; top: 21px; left: 1px; width: calc(100% - 2px); height: 49px; padding: 0 20px; border-top-right-radius: 7px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-management-user-view .section04 .object03 {position: absolute; top: 84px; left: 21px; height: 19px; padding: 0; color: #222; font-size: 13px; font-weight: 500; line-height: 19px;}
  .type-content.id-management-user-view .section04 .object04 {position: absolute; top: 104px; left: 21px; height: 19px; padding: 0; color: #666; font-size: 13px; font-weight: 500; line-height: 19px;}
  .type-content.id-management-user-view .section04 .object05 {position: absolute; top: 104px; left: 78px; height: 19px; padding: 0; color: #666; font-size: 13px; line-height: 19px;}
  .type-content.id-management-user-view .section04 .object06 {position: absolute; top: 144px; left: 21px; height: 19px; padding: 0; color: #222; font-size: 13px; font-weight: 500; line-height: 19px;}
  .type-content.id-management-user-view .section04 .object07 {position: absolute; top: 164px; left: 21px; height: 19px; padding: 0; color: #666; font-size: 13px; font-weight: 500; line-height: 19px;}
  .type-content.id-management-user-view .section04 .object08 {position: absolute; top: 164px; left: 78px; height: 19px; padding: 0; color: #666; font-size: 13px; line-height: 19px;}
  .type-content.id-management-user-view .section04 .object09 {position: absolute; top: 204px; left: 21px; height: 19px; padding: 0; color: #222; font-size: 13px; font-weight: 500; line-height: 19px;}
  .type-content.id-management-user-view .section04 .object10 {position: absolute; top: 224px; left: 21px; height: 19px; padding: 0; color: #666; font-size: 13px; font-weight: 500; line-height: 19px;}
  .type-content.id-management-user-view .section04 .object11 {position: absolute; top: 224px; left: 78px; height: 19px; padding: 0; color: #666; font-size: 13px; line-height: 19px;}
}

.type-content.id-management-user-view .section05 {box-sizing: border-box; position: relative; height: 65px;}
.type-content.id-management-user-view .section05 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100px; height: 45px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-management-user-view .section05 .object01:hover {background-color: #f5f5f5;}
.type-content.id-management-user-view .section05 .object02 {box-sizing: border-box; position: absolute; top: 20px; right: 120px; height: 45px; color: #666; font-size: 13px; line-height: 45px;}
.type-content.id-management-user-view .section05 .object03 {box-sizing: border-box; position: absolute; top: 20px; right: 0; width: 100px; height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-management-user-view .section05 .object03:hover {background-color: #12172c;}
@media (max-width: 1279px) {
  .type-content.id-management-user-view .section05 {position: relative; height: 65px;}
  .type-content.id-management-user-view .section05 .object01 {position: absolute; top: 20px; left: 0; width: calc(50% - 5px); height: 45px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
  .type-content.id-management-user-view .section05 .object01:hover {background-color: #fff;}
  .type-content.id-management-user-view .section05 .object02 {display: none; position: absolute; top: 20px; right: 120px; height: 45px; color: #666; font-size: 13px; line-height: 45px;}
  .type-content.id-management-user-view .section05 .object03 {position: absolute; top: 20px; right: 0; width: calc(50% - 5px); height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
  .type-content.id-management-user-view .section05 .object03:hover {background-color: #202845;}
}

.type-content.id-management-user-view .passwordPopup {display: none; overflow: auto; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1000;}
.type-content.id-management-user-view .passwordPopup .container {position: relative; width: 100%; min-width: 320px; height: 100%;}
.type-content.id-management-user-view .passwordPopup .box {width: 300px; padding: 20px 0; margin: 0 auto;}
.type-content.id-management-user-view .passwordPopup .zone {border-radius: 4px; background-color: #fff;}

.type-content.id-management-user-view .passwordPopup .popupSection01 {position: relative; height: 63px; border-top-right-radius: 8px; border-top-left-radius: 8px; background-color: #f9f9f9;}
.type-content.id-management-user-view .passwordPopup .popupSection01 .popupObject01 {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.type-content.id-management-user-view .passwordPopup .popupSection01 .popupObject02 {box-sizing: border-box; position: absolute; top: 0; left: 22px; font-size: 25px; font-weight: 200; color: #222; line-height: 63px;}
.type-content.id-management-user-view .passwordPopup .popupSection01 .popupObject03 {box-sizing: border-box; position: absolute; top: 23px; right: 20px; width: 17px; height: 17px; background: transparent url('../images/content/pc/close-type03.png') no-repeat center center; cursor: pointer;}
.type-content.id-management-user-view .passwordPopup .popupSection01 .popupObject03:hover {background-image: url('../images/content/pc/close-type03-hover.png');}

.type-content.id-management-user-view .passwordPopup .popupSection02 {position: relative; height: 372px; background-color: #fff;}
.type-content.id-management-user-view .passwordPopup .popupSection02 .popupObject01 {box-sizing: border-box; position: absolute; top: 10px; left: 30px; font-size: 14px; color: #222; line-height: 33px;}
.type-content.id-management-user-view .passwordPopup .popupSection02 .popupObject02 {box-sizing: border-box; position: absolute; top: 43px; left: 20px; width: 260px; height: 45px; border: 1px solid #e6e6e6; border-radius: 4px;}
.type-content.id-management-user-view .passwordPopup .popupSection02 .popupObject02 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: none; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-management-user-view .passwordPopup .popupSection02 .popupObject02 input:disabled {background-color: #f9f9f9; color: #d1d1d1;}
.type-content.id-management-user-view .passwordPopup .popupSection02 .popupObject03 {box-sizing: border-box; position: absolute; top: 98px; left: 30px; font-size: 14px; color: #222; line-height: 33px;}
.type-content.id-management-user-view .passwordPopup .popupSection02 .popupObject04 {box-sizing: border-box; position: absolute; top: 131px; left: 20px; width: 260px; height: 45px; border: 1px solid #e6e6e6; border-radius: 4px;}
.type-content.id-management-user-view .passwordPopup .popupSection02 .popupObject04 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: none; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-management-user-view .passwordPopup .popupSection02 .popupObject04 input:disabled {background-color: #f9f9f9; color: #d1d1d1;}
.type-content.id-management-user-view .passwordPopup .popupSection02 .popupObject05 {box-sizing: border-box; position: absolute; top: 197px; left: 20px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e;}
.type-content.id-management-user-view .passwordPopup .popupSection02 .popupObject06 {box-sizing: border-box; position: absolute; top: 186px; left: 30px; font-size: 14px; color: #222; line-height: 33px;}
.type-content.id-management-user-view .passwordPopup .popupSection02 .popupObject07 {box-sizing: border-box; position: absolute; top: 219px; left: 20px; width: 260px; height: 45px; border: 1px solid #e6e6e6; border-radius: 4px;}
.type-content.id-management-user-view .passwordPopup .popupSection02 .popupObject07 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: none; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-management-user-view .passwordPopup .popupSection02 .popupObject08 {box-sizing: border-box; position: absolute; top: 285px; left: 20px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e;}
.type-content.id-management-user-view .passwordPopup .popupSection02 .popupObject09 {box-sizing: border-box; position: absolute; top: 274px; left: 30px; font-size: 14px; color: #222; line-height: 33px;}
.type-content.id-management-user-view .passwordPopup .popupSection02 .popupObject10 {box-sizing: border-box; position: absolute; top: 307px; left: 20px; width: 260px; height: 45px; border: 1px solid #e6e6e6; border-radius: 4px;}
.type-content.id-management-user-view .passwordPopup .popupSection02 .popupObject10 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: none; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}

.type-content.id-management-user-view .passwordPopup .footer {position: relative; height: 45px;}
.type-content.id-management-user-view .passwordPopup .footer button {display: block; position: absolute; top: 0; width: 50%; height: 100%; padding: 0; margin: 0; border: none; font-weight: 500; font-size: 14px;}
.type-content.id-management-user-view .passwordPopup .footer button.cancel {left: 0; border-radius: 0 0 0 4px; background-color: #f5f5f5; color: #666;}
.type-content.id-management-user-view .passwordPopup .footer button.cancel:hover {background-color: #e6e6e6;}
.type-content.id-management-user-view .passwordPopup .footer button.confirm {right: 0; border-radius: 0 0 4px 0; background-color: #202845; color: #fff;}
.type-content.id-management-user-view .passwordPopup .footer button.confirm:disabled {opacity: 0.3; cursor: auto;}
.type-content.id-management-user-view .passwordPopup .footer button.confirm:hover {background-color: #12172c;}
.type-content.id-management-user-view .passwordPopup .footer button.confirm:disabled:hover {background-color: #202845;}

.type-content.id-management-user-view.passwordPopupActive {overflow: hidden;}
.type-content.id-management-user-view.passwordPopupActive .passwordPopup {display: block;}

@media (max-width: 1279px) {
  .type-content.id-management-user-view.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-management-user-view.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 관리 > 사용자관리 > 등록 */
.type-content.id-management-user-registration .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-management-user-registration .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-management-user-registration .section01 {position: relative; height: 23px;}
  .type-content.id-management-user-registration .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-management-user-registration .section02 {box-sizing: border-box; position: relative; height: 580px;}
.type-content.id-management-user-registration .section02 .object01 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 550px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-management-user-registration .section02 .object02 {box-sizing: border-box; position: absolute; top: 51px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-management-user-registration .section02 .object03 {box-sizing: border-box; position: absolute; top: 31px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-registration .section02 .object04 {box-sizing: border-box; position: absolute; top: 31px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 7px 10px 8px;}
.type-content.id-management-user-registration .section02 .object04 ul {list-style: none; padding: 0; margin: 0;}
.type-content.id-management-user-registration .section02 .object04 ul::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-management-user-registration .section02 .object04 ul li {float: left; padding: 10px 7px 11px 8px; line-height: 0;}
.type-content.id-management-user-registration .section02 .object04 ul li label {display: inline-block; position: relative; padding-left: 27px; color: #666; font-size: 13px; line-height: 19px;}
.type-content.id-management-user-registration .section02 .object04 ul li label input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; z-index: 10;}
.type-content.id-management-user-registration .section02 .object04 ul li label i {display: block; position: absolute; top: 0; left: 0; width: 19px; height: 19px; background: transparent url('../images/content/pc/radio-type01.png') no-repeat center top;}
.type-content.id-management-user-registration .section02 .object04 ul li label input:checked + i {background-position: center bottom;}
.type-content.id-management-user-registration .section02 .object05 {box-sizing: border-box; position: absolute; top: 92px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-registration .section02 .object06 {box-sizing: border-box; position: absolute; top: 112px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-management-user-registration .section02 .object07 {box-sizing: border-box; position: absolute; top: 93px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-registration .section02 .object08 {box-sizing: border-box; position: absolute; top: 93px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-management-user-registration .section02 .object08 input {box-sizing: border-box; width: 300px; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-management-user-registration .section02 .object09 {box-sizing: border-box; position: absolute; top: 152px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-registration .section02 .object10 {box-sizing: border-box; position: absolute; top: 173px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-management-user-registration .section02 .object11 {box-sizing: border-box; position: absolute; top: 153px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-registration .section02 .object12 {box-sizing: border-box; position: absolute; top: 153px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-management-user-registration .section02 .object12 input {box-sizing: border-box; width: 300px; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-management-user-registration .section02 .object13 {box-sizing: border-box; position: absolute; top: 213px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-registration .section02 .object14 {box-sizing: border-box; position: absolute; top: 234px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-management-user-registration .section02 .object15 {box-sizing: border-box; position: absolute; top: 214px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-registration .section02 .object16 {box-sizing: border-box; position: absolute; top: 214px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-management-user-registration .section02 .object16 input {box-sizing: border-box; width: 300px; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-management-user-registration .section02 .object17 {box-sizing: border-box; position: absolute; top: 274px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-registration .section02 .object18 {box-sizing: border-box; position: absolute; top: 295px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-management-user-registration .section02 .object19 {box-sizing: border-box; position: absolute; top: 275px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-registration .section02 .object20 {box-sizing: border-box; position: absolute; top: 275px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-management-user-registration .section02 .object20 input {box-sizing: border-box; width: 300px; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-management-user-registration .section02 .object21 {box-sizing: border-box; position: absolute; top: 335px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-registration .section02 .object22 {box-sizing: border-box; position: absolute; top: 336px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-registration .section02 .object23 {box-sizing: border-box; position: absolute; top: 336px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-management-user-registration .section02 .object23 input {box-sizing: border-box; width: 300px; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-management-user-registration .section02 .object24 {box-sizing: border-box; position: absolute; top: 396px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-registration .section02 .object25 {box-sizing: border-box; position: absolute; top: 397px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-registration .section02 .object26 {box-sizing: border-box; position: absolute; top: 397px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-management-user-registration .section02 .object26 input {box-sizing: border-box; width: 300px; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-management-user-registration .section02 .object27 {box-sizing: border-box; position: absolute; top: 457px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-registration .section02 .object28 {box-sizing: border-box; position: absolute; top: 478px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-management-user-registration .section02 .object29 {box-sizing: border-box; position: absolute; top: 458px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-registration .section02 .object30 {box-sizing: border-box; position: absolute; top: 458px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-management-user-registration .section02 .object30 .formSelect {width: 300px;}
.type-content.id-management-user-registration .section02 .object31 {box-sizing: border-box; position: absolute; top: 516px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-registration .section02 .object32 {box-sizing: border-box; position: absolute; top: 539px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-management-user-registration .section02 .object33 {box-sizing: border-box; position: absolute; top: 519px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-bottom-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-registration .section02 .object34 {box-sizing: border-box; position: absolute; top: 519px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-management-user-registration .section02 .object34 .formSelect {width: 300px;}
.type-content.id-management-user-registration .section02 .object35 {box-sizing: border-box; position: absolute; top: 539px; left: 113px; width: 19px; height: 19px; background: transparent url('../images/content/pc/hint-type01.png') no-repeat center center; cursor: pointer;}
.type-content.id-management-user-registration .section02 .object35 .tooltip {display: none; box-sizing: border-box; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 30px; left: -13px; width: 180px; padding: 10px 15px; border: 1px solid #666; border-radius: 4px; background-color: #fff; color: #666; font-weight: 400; font-size: 12px; line-height: 18px;}
.type-content.id-management-user-registration .section02 .object35 .tooltip::before {display: block; position: absolute; top: -8px; left: 14px; width: 14px; height: 8px; background: transparent url('../images/content/pc/tooltip-type01.png') no-repeat center center; content: '';}
.type-content.id-management-user-registration .section02 .object35.tooltipActive .tooltip {display: block;}
@media (max-width: 1279px) {
  .type-content.id-management-user-registration .section02 {position: relative; height: 802px;}
  .type-content.id-management-user-registration .section02 .object01 {display: none;}
  .type-content.id-management-user-registration .section02 .object02 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-management-user-registration .section02 .object03 {box-sizing: border-box; position: absolute; top: 20px; left: 10px; width: 100%; height: 33px; padding: 0; border-top-left-radius: 0; background-color: transparent; color: #222; font-weight: 500; font-size: 14px; line-height: 33px;}
  .type-content.id-management-user-registration .section02 .object04 {box-sizing: border-box; position: absolute; top: 53px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-management-user-registration .section02 .object04 ul li {width: 50%; padding: 0;}
  .type-content.id-management-user-registration .section02 .object04 ul li label {width: 100%; padding: 0; border-radius: 4px; background-color: #fff; line-height: 43px; text-align: center;}
  .type-content.id-management-user-registration .section02 .object04 ul li label i {box-sizing: border-box; width: 100%; height: 100%; border: 1px solid #ccc; border-radius: 4px; background: none;}
  .type-content.id-management-user-registration .section02 .object04 ul li label input:checked + i {border-color: #d0202e;}
  .type-content.id-management-user-registration .section02 .object04 ul li label input:checked + i + span {color: #d0202e;}
  .type-content.id-management-user-registration .section02 .object04 ul li.active label i {border-right-color: transparent; border-top-right-radius: 0; border-bottom-right-radius: 0;}
  .type-content.id-management-user-registration .section02 .object04 ul li.inactive label i {border-left-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .type-content.id-management-user-registration .section02 .object05 {display: none;}
  .type-content.id-management-user-registration .section02 .object06 {box-sizing: border-box; position: absolute; top: 118px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-management-user-registration .section02 .object07 {box-sizing: border-box; position: absolute; top: 108px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-management-user-registration .section02 .object08 {box-sizing: border-box; position: absolute; top: 141px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-management-user-registration .section02 .object08 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666;}
  .type-content.id-management-user-registration .section02 .object09 {display: none;}
  .type-content.id-management-user-registration .section02 .object10 {box-sizing: border-box; position: absolute; top: 206px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-management-user-registration .section02 .object11 {box-sizing: border-box; position: absolute; top: 196px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-management-user-registration .section02 .object12 {box-sizing: border-box; position: absolute; top: 229px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-management-user-registration .section02 .object12 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666;}
  .type-content.id-management-user-registration .section02 .object13 {display: none;}
  .type-content.id-management-user-registration .section02 .object14 {box-sizing: border-box; position: absolute; top: 294px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-management-user-registration .section02 .object15 {box-sizing: border-box; position: absolute; top: 284px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-management-user-registration .section02 .object16 {box-sizing: border-box; position: absolute; top: 317px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-management-user-registration .section02 .object16 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666;}
  .type-content.id-management-user-registration .section02 .object17 {display: none;}
  .type-content.id-management-user-registration .section02 .object18 {box-sizing: border-box; position: absolute; top: 382px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-management-user-registration .section02 .object19 {box-sizing: border-box; position: absolute; top: 372px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-management-user-registration .section02 .object20 {box-sizing: border-box; position: absolute; top: 405px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-management-user-registration .section02 .object20 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666;}
  .type-content.id-management-user-registration .section02 .object21 {display: none;}
  .type-content.id-management-user-registration .section02 .object22 {box-sizing: border-box; position: absolute; top: 460px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-management-user-registration .section02 .object23 {box-sizing: border-box; position: absolute; top: 493px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-management-user-registration .section02 .object23 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666;}
  .type-content.id-management-user-registration .section02 .object24 {display: none;}
  .type-content.id-management-user-registration .section02 .object25 {box-sizing: border-box; position: absolute; top: 548px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-management-user-registration .section02 .object26 {box-sizing: border-box; position: absolute; top: 581px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-management-user-registration .section02 .object26 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666;}
  .type-content.id-management-user-registration .section02 .object27 {display: none;}
  .type-content.id-management-user-registration .section02 .object28 {box-sizing: border-box; position: absolute; top: 646px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-management-user-registration .section02 .object29 {box-sizing: border-box; position: absolute; top: 636px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-management-user-registration .section02 .object30 {box-sizing: border-box; position: absolute; top: 669px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-management-user-registration .section02 .object30 .formSelect {width: 100%;}
  .type-content.id-management-user-registration .section02 .object31 {display: none;}
  .type-content.id-management-user-registration .section02 .object32 {box-sizing: border-box; position: absolute; top: 734px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-management-user-registration .section02 .object33 {box-sizing: border-box; position: absolute; top: 724px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-management-user-registration .section02 .object34 {box-sizing: border-box; position: absolute; top: 757px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-management-user-registration .section02 .object34 .formSelect {width: 100%;}
  .type-content.id-management-user-registration .section02 .object35 {box-sizing: border-box; position: absolute; top: 730px; left: 99px; width: 21px; height: 20px; background: transparent url('../images/content/mobile/hint-type01.png') no-repeat center center / 19px 19px; cursor: pointer;}
  .type-content.id-management-user-registration .section02 .object35 .tooltip {display: none; box-sizing: border-box; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 30px; left: -12px; width: 180px; padding: 10px 15px; border: 1px solid #666; border-radius: 4px; background-color: #fff; color: #666; font-weight: 400; font-size: 12px; line-height: 18px; z-index: 10;}
  .type-content.id-management-user-registration .section02 .object35 .tooltip::before {display: block; position: absolute; top: -8px; left: 14px; width: 14px; height: 8px; background: transparent url('../images/content/pc/tooltip-type01.png') no-repeat center center; content: '';}
  .type-content.id-management-user-registration .section02 .object35.tooltipActive .tooltip {display: block;}
}

.type-content.id-management-user-registration .section03 {box-sizing: border-box; position: relative; height: 65px;}
.type-content.id-management-user-registration .section03 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100px; height: 45px;}
.type-content.id-management-user-registration .section03 .object01 button {width: 100%; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
.type-content.id-management-user-registration .section03 .object01 button:hover {background-color: #f5f5f5;}
.type-content.id-management-user-registration .section03 .object02 {box-sizing: border-box; position: absolute; top: 20px; right: 0; width: 100px; height: 45px;}
.type-content.id-management-user-registration .section03 .object02 button {width: 100%; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
.type-content.id-management-user-registration .section03 .object02 button:hover {background-color: #12172c;}
.type-content.id-management-user-registration .section03 .object02 button.registration:disabled {opacity: 0.3; cursor: auto;}
.type-content.id-management-user-registration .section03 .object02 button.registration:disabled:hover {background-color: #202845;}
@media (max-width: 1279px) {
  .type-content.id-management-user-registration .section03 {position: relative; height: 65px;}
  .type-content.id-management-user-registration .section03 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: calc(50% - 5px); height: 45px;}
  .type-content.id-management-user-registration .section03 .object01 button {width: 100%; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
  .type-content.id-management-user-registration .section03 .object01 button:hover {background-color: #fff;}
  .type-content.id-management-user-registration .section03 .object02 {box-sizing: border-box; position: absolute; top: 20px; right: 0; width: calc(50% - 5px); height: 45px;}
  .type-content.id-management-user-registration .section03 .object02 button {width: 100%; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
  .type-content.id-management-user-registration .section03 .object02 button:hover {background-color: #202845;}
}

@media (max-width: 1279px) {
  .type-content.id-management-user-registration.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-management-user-registration.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 관리 > 사용자관리 > 수정 */
.type-content.id-management-user-edit .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-management-user-edit .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-management-user-edit .section01 {position: relative; height: 23px;}
  .type-content.id-management-user-edit .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-management-user-edit .section02 {box-sizing: border-box; position: relative; height: 458px;}
.type-content.id-management-user-edit .section02 .object01 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 428px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-management-user-edit .section02 .object02 {box-sizing: border-box; position: absolute; top: 51px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-management-user-edit .section02 .object03 {box-sizing: border-box; position: absolute; top: 31px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-edit .section02 .object04 {box-sizing: border-box; position: absolute; top: 31px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 7px 10px 8px;}
.type-content.id-management-user-edit .section02 .object04 ul {list-style: none; padding: 0; margin: 0;}
.type-content.id-management-user-edit .section02 .object04 ul::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-management-user-edit .section02 .object04 ul li {float: left; padding: 10px 7px 11px 8px; line-height: 0;}
.type-content.id-management-user-edit .section02 .object04 ul li label {display: inline-block; position: relative; padding-left: 27px; color: #666; font-size: 13px; line-height: 19px;}
.type-content.id-management-user-edit .section02 .object04 ul li label input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; z-index: 10; -webkit-appearance: none;}
.type-content.id-management-user-edit .section02 .object04 ul li label i {display: block; position: absolute; top: 0; left: 0; width: 19px; height: 19px; background: transparent url('../images/content/pc/radio-type01.png') no-repeat center top;}
.type-content.id-management-user-edit .section02 .object04 ul li label input:checked + i {background-position: center bottom;}
.type-content.id-management-user-edit .section02 .object05 {box-sizing: border-box; position: absolute; top: 92px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-edit .section02 .object06 {box-sizing: border-box; position: absolute; top: 93px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-edit .section02 .object07 {box-sizing: border-box; position: absolute; top: 93px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-management-user-edit .section02 .object07 input {box-sizing: border-box; width: 300px; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-management-user-edit .section02 .object07 input:disabled {background-color: #f9f9f9; color: #d1d1d1;}
.type-content.id-management-user-edit .section02 .object08 {box-sizing: border-box; position: absolute; top: 152px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-edit .section02 .object09 {box-sizing: border-box; position: absolute; top: 173px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-management-user-edit .section02 .object10 {box-sizing: border-box; position: absolute; top: 153px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-edit .section02 .object11 {box-sizing: border-box; position: absolute; top: 153px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-management-user-edit .section02 .object11 input {box-sizing: border-box; width: 300px; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-management-user-edit .section02 .object12 {box-sizing: border-box; position: absolute; top: 213px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-edit .section02 .object13 {box-sizing: border-box; position: absolute; top: 214px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-edit .section02 .object14 {box-sizing: border-box; position: absolute; top: 214px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-management-user-edit .section02 .object14 input {box-sizing: border-box; width: 300px; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-management-user-edit .section02 .object15 {box-sizing: border-box; position: absolute; top: 274px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-edit .section02 .object16 {box-sizing: border-box; position: absolute; top: 275px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-edit .section02 .object17 {box-sizing: border-box; position: absolute; top: 275px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-management-user-edit .section02 .object17 input {box-sizing: border-box; width: 300px; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-management-user-edit .section02 .object18 {box-sizing: border-box; position: absolute; top: 335px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-edit .section02 .object19 {box-sizing: border-box; position: absolute; top: 356px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-management-user-edit .section02 .object20 {box-sizing: border-box; position: absolute; top: 336px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-edit .section02 .object21 {box-sizing: border-box; position: absolute; top: 336px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-management-user-edit .section02 .object21 .formSelect {width: 300px;}
.type-content.id-management-user-edit .section02 .object22 {box-sizing: border-box; position: absolute; top: 396px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-management-user-edit .section02 .object23 {box-sizing: border-box; position: absolute; top: 417px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-management-user-edit .section02 .object24 {box-sizing: border-box; position: absolute; top: 397px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-bottom-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-management-user-edit .section02 .object25 {box-sizing: border-box; position: absolute; top: 397px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-management-user-edit .section02 .object25 .formSelect {width: 300px;}
.type-content.id-management-user-edit .section02 .object26 {box-sizing: border-box; position: absolute; top: 417px; left: 113px; width: 19px; height: 19px; background: transparent url('../images/content/pc/hint-type01.png') no-repeat center center; cursor: pointer;}
.type-content.id-management-user-edit .section02 .object26 .tooltip {display: none; box-sizing: border-box; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 30px; left: -13px; width: 180px; padding: 10px 15px; border: 1px solid #666; border-radius: 4px; background-color: #fff; color: #666; font-weight: 400; font-size: 12px; line-height: 18px;}
.type-content.id-management-user-edit .section02 .object26 .tooltip::before {display: block; position: absolute; top: -8px; left: 14px; width: 14px; height: 8px; background: transparent url('../images/content/pc/tooltip-type01.png') no-repeat center center; content: '';}
.type-content.id-management-user-edit .section02 .object26.tooltipActive .tooltip {display: block;}
@media (max-width: 1279px) {
  .type-content.id-management-user-edit .section02 {position: relative; height: 626px;}
  .type-content.id-management-user-edit .section02 .object01 {display: none;}
  .type-content.id-management-user-edit .section02 .object02 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-management-user-edit .section02 .object03 {box-sizing: border-box; position: absolute; top: 20px; left: 10px; width: 100%; height: 33px; padding: 0; border-top-left-radius: 0; background-color: transparent; color: #222; font-weight: 500; font-size: 14px; line-height: 33px;}
  .type-content.id-management-user-edit .section02 .object04 {box-sizing: border-box; position: absolute; top: 53px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-management-user-edit .section02 .object04 ul li {width: 50%; padding: 0;}
  .type-content.id-management-user-edit .section02 .object04 ul li label {width: 100%; padding: 0; border-radius: 4px; background-color: #fff; line-height: 43px; text-align: center;}
  .type-content.id-management-user-edit .section02 .object04 ul li label i {box-sizing: border-box; width: 100%; height: 100%; border: 1px solid #ccc; border-radius: 4px; background: none;}
  .type-content.id-management-user-edit .section02 .object04 ul li label input:checked + i {border-color: #d0202e;}
  .type-content.id-management-user-edit .section02 .object04 ul li label input:checked + i + span {color: #d0202e;}
  .type-content.id-management-user-edit .section02 .object04 ul li.active label i {border-right-color: transparent; border-top-right-radius: 0; border-bottom-right-radius: 0;}
  .type-content.id-management-user-edit .section02 .object04 ul li.inactive label i {border-left-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .type-content.id-management-user-edit .section02 .object05 {display: none;}
  .type-content.id-management-user-edit .section02 .object06 {box-sizing: border-box; position: absolute; top: 108px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-management-user-edit .section02 .object07 {box-sizing: border-box; position: absolute; top: 141px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-management-user-edit .section02 .object07 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666;}
  .type-content.id-management-user-edit .section02 .object07 input:disabled {background-color: #f9f9f9; color: #d1d1d1;}
  .type-content.id-management-user-edit .section02 .object08 {display: none;}
  .type-content.id-management-user-edit .section02 .object09 {box-sizing: border-box; position: absolute; top: 206px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-management-user-edit .section02 .object10 {box-sizing: border-box; position: absolute; top: 196px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-management-user-edit .section02 .object11 {box-sizing: border-box; position: absolute; top: 229px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-management-user-edit .section02 .object11 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666;}
  .type-content.id-management-user-edit .section02 .object12 {display: none;}
  .type-content.id-management-user-edit .section02 .object13 {box-sizing: border-box; position: absolute; top: 284px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-management-user-edit .section02 .object14 {box-sizing: border-box; position: absolute; top: 317px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-management-user-edit .section02 .object14 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666;}
  .type-content.id-management-user-edit .section02 .object15 {display: none;}
  .type-content.id-management-user-edit .section02 .object16 {box-sizing: border-box; position: absolute; top: 372px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-management-user-edit .section02 .object17 {box-sizing: border-box; position: absolute; top: 405px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-management-user-edit .section02 .object17 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666;}
  .type-content.id-management-user-edit .section02 .object18 {display: none;}
  .type-content.id-management-user-edit .section02 .object19 {box-sizing: border-box; position: absolute; top: 470px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-management-user-edit .section02 .object20 {box-sizing: border-box; position: absolute; top: 460px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-management-user-edit .section02 .object21 {box-sizing: border-box; position: absolute; top: 493px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-management-user-edit .section02 .object21 .formSelect {width: 100%;}
  .type-content.id-management-user-edit .section02 .object22 {display: none;}
  .type-content.id-management-user-edit .section02 .object23 {box-sizing: border-box; position: absolute; top: 558px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-management-user-edit .section02 .object24 {box-sizing: border-box; position: absolute; top: 548px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-management-user-edit .section02 .object25 {box-sizing: border-box; position: absolute; top: 581px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-management-user-edit .section02 .object25 .formSelect {width: 100%;}
  .type-content.id-management-user-edit .section02 .object26 {box-sizing: border-box; position: absolute; top: 554px; left: 99px; width: 21px; height: 20px; background: transparent url('../images/content/mobile/hint-type01.png') no-repeat center center / 19px 19px; cursor: pointer;}
  .type-content.id-management-user-edit .section02 .object26 .tooltip {display: none; box-sizing: border-box; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 30px; left: -12px; width: 180px; padding: 10px 15px; border: 1px solid #666; border-radius: 4px; background-color: #fff; color: #666; font-weight: 400; font-size: 12px; line-height: 18px; z-index: 10;}
  .type-content.id-management-user-edit .section02 .object26 .tooltip::before {display: block; position: absolute; top: -8px; left: 14px; width: 14px; height: 8px; background: transparent url('../images/content/pc/tooltip-type01.png') no-repeat center center; content: '';}
  .type-content.id-management-user-edit .section02 .object26.tooltipActive .tooltip {display: block;}
}

.type-content.id-management-user-edit .section03 {box-sizing: border-box; position: relative; height: 65px;}
.type-content.id-management-user-edit .section03 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100px; height: 45px;}
.type-content.id-management-user-edit .section03 .object01 button {width: 100%; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
.type-content.id-management-user-edit .section03 .object01 button:hover {background-color: #f5f5f5;}
.type-content.id-management-user-edit .section03 .object02 {box-sizing: border-box; position: absolute; top: 20px; right: 0; width: 100px; height: 45px;}
.type-content.id-management-user-edit .section03 .object02 button {width: 100%; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
.type-content.id-management-user-edit .section03 .object02 button:hover {background-color: #12172c;}
.type-content.id-management-user-edit .section03 .object02 button.edit:disabled {opacity: 0.3;}
.type-content.id-management-user-edit .section03 .object02 button.edit:disabled:hover {background-color: #202845;}
@media (max-width: 1279px) {
  .type-content.id-management-user-edit .section03 {position: relative; height: 65px;}
  .type-content.id-management-user-edit .section03 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: calc(50% - 5px); height: 45px;}
  .type-content.id-management-user-edit .section03 .object01 button {width: 100%; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
  .type-content.id-management-user-edit .section03 .object01 button:hover {background-color: #fff;}
  .type-content.id-management-user-edit .section03 .object02 {box-sizing: border-box; position: absolute; top: 20px; right: 0; width: calc(50% - 5px); height: 45px;}
  .type-content.id-management-user-edit .section03 .object02 button {width: 100%; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
  .type-content.id-management-user-edit .section03 .object02 button:hover {background-color: #202845;}
}

@media (max-width: 1279px) {
  .type-content.id-management-user-edit.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-management-user-edit.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}

/* 설정 > 골프클럽 관리 > 리스트 */
.type-content.id-settings-club-list .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-settings-club-list .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-list .section01 {position: relative; height: 23px;}
  .type-content.id-settings-club-list .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-settings-club-list .section02 {box-sizing: border-box; position: relative; padding-top: 30px;}
.type-content.id-settings-club-list .section02 .object01 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 85px;}
.type-content.id-settings-club-list .section02 .object02 {box-sizing: border-box; position: relative; padding: 20px; border-radius: 8px; background-color: #fff;}
.type-content.id-settings-club-list .section02 .object02::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-settings-club-list .section02 .object02 .form {width: 894px; height: 45px; margin: 0 auto;}
.type-content.id-settings-club-list .section02 .object02 .form .select {float: left; width: 147px; height: 100%;}
.type-content.id-settings-club-list .section02 .object02 .form .select .formSelectList {height: 45px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.type-content.id-settings-club-list .section02 .object02 .form .select .formSelect .formSelectPopup {top: 51px;}
.type-content.id-settings-club-list .section02 .object02 .form .select.managementStatus {margin-left: -1px;}
.type-content.id-settings-club-list .section02 .object02 .form .select.managementStatus .formSelectList {border-radius: 0;}
.type-content.id-settings-club-list .section02 .object02 .form .select.aplStatus {margin-left: -1px;}
.type-content.id-settings-club-list .section02 .object02 .form .select.aplStatus .formSelectList {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-settings-club-list .section02 .object02 .form .input {float: left; width: calc(100% - 147px - 147px - 147px - 45px); height: 100%;}
.type-content.id-settings-club-list .section02 .object02 .form .input input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 15px; margin: 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-right: none; border-left: none; border-radius: 0; background-color: transparent; color: #666; font-size: 13px; line-height: 43px; -webkit-appearance: none;}
.type-content.id-settings-club-list .section02 .object02 .form .input input::placeholder {color: #d1d1d1;}
.type-content.id-settings-club-list .section02 .object02 .form .input input::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-settings-club-list .section02 .object02 .form .input input:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-settings-club-list .section02 .object02 .form .search {float: left; width: 45px; height: 100%; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #d0202e;}
.type-content.id-settings-club-list .section02 .object02 .form .search:hover {background-color: #b20a10;}
.type-content.id-settings-club-list .section02 .object02 .form .search button {overflow: hidden; width: 100%; height: 100%; padding: 0; margin: 0; border: none; border-radius: 0; background: transparent url('../images/content/pc/search-type01.png') no-repeat center center; text-indent: -1000px;}
.type-content.id-settings-club-list .section02 .object03 {position: absolute; top: 50px; right: 20px;}
.type-content.id-settings-club-list .section02 .object03 button {width: 100px; height: 45px; padding: 0; margin: 0; border: none; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 45px;}
.type-content.id-settings-club-list .section02 .object03 button:hover {background-color: #12172c;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-list .section02 {padding-top: 20px;}
  .type-content.id-settings-club-list .section02 .object01 {height: auto;}
  .type-content.id-settings-club-list .section02 .object02 {display: none;}
  .type-content.id-settings-club-list .section02 .object03 {position: static; top: auto; right: auto;}
  .type-content.id-settings-club-list .section02 .object03 button {width: 100%;}
  .type-content.id-settings-club-list .section02 .object03 button:hover {background-color: #202845;}
}

.type-content.id-settings-club-list .section03 {box-sizing: border-box; position: relative;}
.type-content.id-settings-club-list .section03 .object01 {box-sizing: border-box; position: relative;}
.type-content.id-settings-club-list .section03 .object01 .table .unit {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100%; font-size: 14px; font-weight: 500; color: #666; line-height: 13px;}
.type-content.id-settings-club-list .section03 .object01 .table .unit span {color: #d0202e;}
.type-content.id-settings-club-list .section03 .object01 .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table tr th,
.type-content.id-settings-club-list .section03 .object01 .table .contain table tr td {overflow: hidden; padding: 0 20px; 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;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table tr th {color: #222;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table tr td {font-size: 14px;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table tr th:first-child,
.type-content.id-settings-club-list .section03 .object01 .table .contain table tr td:first-child {border-left: none;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th:first-child {border-top: none;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr:last-child th:first-child {border-top: 1px solid #e6e6e6;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th.club {background-color: #202845; color: #fff;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th .item {display: inline-block;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th.sort {cursor: pointer;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th.sort:hover {background-color: #f5f5f5;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th.club.sort:hover {background-color: #12172c;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th.sort.descending .item,
.type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th.sort.ascending .item {position: relative; padding-right: 16px;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th.sort.ascending .item::before {display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 5px; margin-top: -2px; background: transparent url('../images/content/pc/arrow-type05.png') no-repeat center top; content: '';}
.type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th.sort.ascending .item::before {margin-top: -3px; background-position: center bottom;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th.club.sort.descending .item::before,
.type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th.club.sort.ascending .item::before {background-image: url('../images/content/pc/arrow-type06.png');}
.type-content.id-settings-club-list .section03 .object01 .table .contain table tbody tr {cursor: pointer;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table tbody tr:hover td {background-color: #f5f5f5;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table tbody tr td.club {background-color: #f9f9f9;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table tbody tr:hover td.club {background-color: #e6e6e6;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table tbody tr:last-child td:first-child {border-bottom-left-radius: 7px;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table tbody tr:last-child td:last-child {border-bottom-right-radius: 7px;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table tbody.none {display: none;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table tbody.none tr td {color: #999; line-height: 113px;}
.type-content.id-settings-club-list .section03 .object01 .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-settings-club-list .section03 .object01 .table.thead .fixed {box-sizing: border-box; width: 1820px; height: calc(33px + 15px + 39px + 39px); padding-top: 48px; background-color: #f5f5f5;}
.type-content.id-settings-club-list .section03 .object01 .table.thead .fixed.active {position: fixed; top: calc(55px - 1px);}
.type-content.id-settings-club-list .section03 .object01 .table.thead .contain {border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-settings-club-list .section03 .object01 .table.tbody {padding-top: calc(33px + 15px + 39px + 39px - 1px);}
.type-content.id-settings-club-list .section03 .object01 .table.tbody .contain {border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-settings-club-list .section03 .object01 .table.tbody .contain table {margin-top: -1px;}
.type-content.id-settings-club-list .section03 .object01 .table .contain table tbody tr.disabled td {color: rgba(102, 102, 102, 0.3);}
.type-content.id-settings-club-list .section03 .object01.none .table .contain table thead tr th.sort {cursor: auto;}
.type-content.id-settings-club-list .section03 .object01.none .table .contain table thead tr th.sort.descending .item,
.type-content.id-settings-club-list .section03 .object01.none .table .contain table thead tr th.sort.ascending .item {padding-right: 0;}
.type-content.id-settings-club-list .section03 .object01.none .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-settings-club-list .section03 .object01.none .table .contain table thead tr th.sort.ascending .item::before {display: none;}
.type-content.id-settings-club-list .section03 .object01.none .table .contain table tbody {display: none;}
.type-content.id-settings-club-list .section03 .object01.none .table .contain table tbody.none {display: table-row-group;}
.type-content.id-settings-club-list .section03 .object01.none .table .contain table thead tr th.sort:hover {background-color: #fff;}
.type-content.id-settings-club-list .section03 .object01.none .table .contain table thead tr th.club.sort:hover {background-color: #202845;}
.type-content.id-settings-club-list .section03 .object01.none .table .contain table tbody tr {cursor: auto;}
.type-content.id-settings-club-list .section03 .object01.none .table .contain table tbody tr:hover td {background-color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-list .section03 {overflow-x: auto; margin: 0 -20px;}
  .type-content.id-settings-club-list .section03 .object01 {width: calc(1400px + 40px); padding: 0 20px;}
  .type-content.id-settings-club-list .section03 .object01 .table .unit {font-size: 14px; font-weight: 500; color: #666; line-height: 13px;}
  .type-content.id-settings-club-list .section03 .object01 .table .contain table tr th,
  .type-content.id-settings-club-list .section03 .object01 .table .contain table tr td {padding: 0 10px; line-height: 47px; font-size: 14px;}
  .type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th.sort:hover {background-color: #fff;}
  .type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th.club.sort:hover {background-color: #202845;}
  .type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th.sort.descending .item::before,
  .type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th.sort.ascending .item::before {width: 9px; height: 4px; background-image: url('../images/content/mobile/arrow-type05.png'); background-size: 9px;}
  .type-content.id-settings-club-list .section03 .object01 .table .contain table thead tr th.sort.ascending .item::before {margin-top: -2px;}
  .type-content.id-settings-club-list .section03 .object01 .table .contain table tbody tr:hover td {background-color: #fff;}
  .type-content.id-settings-club-list .section03 .object01 .table .contain table tbody tr:hover td.club {background-color: #f9f9f9;}
  .type-content.id-settings-club-list .section03 .object01 .table .contain table tbody.none tr td {line-height: 143px;}
  .type-content.id-settings-club-list .section03 .object01 .table.thead {left: 20px;}
  .type-content.id-settings-club-list .section03 .object01 .table.thead .fixed {width: 1400px; height: calc(52px + 49px + 49px); padding-top: 52px;}
  .type-content.id-settings-club-list .section03 .object01 .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-settings-club-list .section03 .object01 .table.tbody {padding-top: calc(52px + 49px + 49px - 1px);}
}

.type-content.id-settings-club-list.asideActive .section03 .object01 .table.thead .fixed {width: 1550px;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-list.asideActive .section03 .object01 .table.thead .fixed.active {top: calc(114px -  1px);}
}

.type-content.id-settings-club-list .section04 {padding-top: 30px; line-height: 0; text-align: center;}
.type-content.id-settings-club-list .section04 .object01 .paging {display: inline-block;}
.type-content.id-settings-club-list .section04 .object01 .paging::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-settings-club-list .section04 .object01 .paging .prev,
.type-content.id-settings-club-list .section04 .object01 .paging .next,
.type-content.id-settings-club-list .section04 .object01 .paging ul.number {float: left;}
.type-content.id-settings-club-list .section04 .object01 .paging .prev,
.type-content.id-settings-club-list .section04 .object01 .paging .next {padding: 11px 20px; opacity: 0.3;}
.type-content.id-settings-club-list .section04 .object01 .paging .prev .item,
.type-content.id-settings-club-list .section04 .object01 .paging .next .item {overflow: hidden; width: 5px; height: 9px; background-color: transparent; background-repeat: no-repeat; background-position: center top; text-indent: -1000px;}
.type-content.id-settings-club-list .section04 .object01 .paging .prev .item {background-image: url('../images/content/pc/prev-type01.png');}
.type-content.id-settings-club-list .section04 .object01 .paging .next .item {background-image: url('../images/content/pc/next-type01.png');}
.type-content.id-settings-club-list .section04 .object01 .paging.prevActive .prev,
.type-content.id-settings-club-list .section04 .object01 .paging.nextActive .next {opacity: 1; cursor: pointer;}
.type-content.id-settings-club-list .section04 .object01 .paging ul.number {list-style: none; padding: 0; margin: 0;}
.type-content.id-settings-club-list .section04 .object01 .paging ul.number::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-settings-club-list .section04 .object01 .paging ul.number li {box-sizing: border-box; position: relative; float: left; height: 31px; padding: 0 9px; color: #666; font-weight: 400; font-size: 14px; line-height: 31px; cursor: pointer;}
.type-content.id-settings-club-list .section04 .object01 .paging ul.number li:hover {color: #d0202e;}
.type-content.id-settings-club-list .section04 .object01 .paging ul.number li.active {color: #d0202e; cursor: auto;}
.type-content.id-settings-club-list .section04 .object01 .paging ul.number li.active::before {display: block; position: absolute; bottom: 0; left: 5px; width: calc(100% - 10px); height: 2px; background-color: #d0202e; content: '';}
.type-content.id-settings-club-list .section04 .object02 {display: none; box-sizing: border-box; width: 100%; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-settings-club-list .section04 .object02:hover {background-color: #f5f5f5;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-list .section04 {padding-top: 0;}
  .type-content.id-settings-club-list .section04 .object01 {display: none;}
  .type-content.id-settings-club-list .section04 .object02 {display: block; margin-top: 20px;}
  .type-content.id-settings-club-list .section04 .object02:hover {background-color: #fff;}
}

@media (max-width: 1279px) {
  .type-content.id-settings-club-list.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-settings-club-list.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 설정 > 골프클럽 관리 > 상세보기 */
.type-content.id-settings-club-view .section01 {box-sizing: border-box; position: relative; height: 45px;}
.type-content.id-settings-club-view .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-view .section01 {position: relative; height: 23px;}
  .type-content.id-settings-club-view .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-settings-club-view .section0201 {box-sizing: border-box; position: relative; height: calc(504px - 366px - 60px);}
.type-content.id-settings-club-view .section0201 .object01 {box-sizing: border-box; position: absolute; top: 15px; left: 0; width: 100%; height: calc(489px - 366px); border: 1px solid #ccc; border-bottom: 0; border-radius: 8px 8px 0 0; background-color: #fff;}
.type-content.id-settings-club-view .section0201 .object02 {box-sizing: border-box; position: absolute; top: 16px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-view .section0201 .object03 {box-sizing: border-box; position: absolute; top: 16px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-settings-club-view .section0201 .object04 {box-sizing: border-box; position: absolute; top: 16px; right: 0; width: 200px; height: 60px; border-top-right-radius: 7px; background-color: #12172c;}
.type-content.id-settings-club-view .section0201 .object05 {box-sizing: border-box; position: absolute; top: 33px; right: 30px; width: 140px; height: 26px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.type-content.id-settings-club-view .section0201 .object06 {box-sizing: border-box; position: absolute; top: 76px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-club-view .section0201 .object07 {box-sizing: border-box; position: absolute; top: 77px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-view .section0201 .object08 {box-sizing: border-box; position: absolute; top: 77px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-settings-club-view .section0201 .object09 {box-sizing: border-box; position: absolute; top: 137px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-view .section0201 {box-sizing: border-box; position: relative; height: calc(421px - 301px);}
  .type-content.id-settings-club-view .section0201 .object01 {position: absolute; top: 19px; left: 0; width: 100%; height: calc(401px - 301px);}
  .type-content.id-settings-club-view .section0201 .object02 {position: absolute; top: 20px; left: 1px; width: 120px; height: calc(49px + 49px); padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-club-view .section0201 .object03 {position: absolute; top: 20px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-club-view .section0201 .object04 {position: absolute; top: 69px; left: 121px; width: calc(100% - 122px); height: 49px; border-top-right-radius: 0; background-color: #12172c;}
  .type-content.id-settings-club-view .section0201 .object05 {box-sizing: border-box; position: absolute; top: 81px; left: 141px; width: calc(100% - 162px); height: 26px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-size: contain;}
  .type-content.id-settings-club-view .section0201 .object06 {position: absolute; top: 118px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
  .type-content.id-settings-club-view .section0201 .object07 {position: absolute; top: 70px; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-club-view .section0201 .object08 {position: absolute; top: 70px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-club-view .section0201 .object09 {position: absolute; top: 119px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
}

.type-content.id-settings-club-view .section0202 {box-sizing: border-box; position: relative;}
.type-content.id-settings-club-view .section0202 .object01 {box-sizing: border-box; position: absolute; top: calc(15px - 15px); left: 0; width: 100%; height: 100%; border: 1px solid #ccc; border-top: 0; border-bottom: 0; border-radius: 0; background-color: #fff;}
.type-content.id-settings-club-view .section0202 .object10 {box-sizing: border-box; position: absolute; top: calc(138px - 15px - 123px); left: 1px; width: 199px; height: 100%; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-view .section0202 .object11 {box-sizing: border-box; position: relative; width: 100%; min-height: 60px; padding: 18px calc(20px + 1px) 19px calc(20px + 199px + 1px); color: #666; font-size: 13px; line-height: 24px;}
.type-content.id-settings-club-view .section0202 .object12 {box-sizing: border-box; position: absolute; bottom: 0; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-view .section0202 {box-sizing: border-box; position: relative;}
  .type-content.id-settings-club-view .section0202 .object01 {box-sizing: border-box; position: absolute; top: calc(15px - 15px); left: 0; width: 100%; height: 100%; border: 1px solid #ccc; border-top: 0; border-bottom: 0; border-radius: 0; background-color: #fff;}
  .type-content.id-settings-club-view .section0202 .object10 {box-sizing: border-box; position: absolute; top: calc(138px - 15px - 123px); left: 1px; width: 120px; height: 100%; padding: 0 20px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-club-view .section0202 .object11 {box-sizing: border-box; position: relative; width: 100%; min-height: 49px; padding: 12px calc(20px + 1px) 13px calc(20px + 120px + 1px); color: #666; font-size: 13px; line-height: 24px;}
  .type-content.id-settings-club-view .section0202 .object12 {box-sizing: border-box; position: absolute; bottom: 0; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
}

.type-content.id-settings-club-view .section0203 {box-sizing: border-box; position: relative;}
.type-content.id-settings-club-view .section0203 .object01.objectBox {box-sizing: border-box; position: relative; width: 100%; border: 1px solid #ccc; border-top: 0; border-radius: 0 0 8px 8px; background-color: #fff;}
.type-content.id-settings-club-view .section0203 .objectRow {position: relative; display: flex; border-bottom: 1px solid #e6e6e6;}
.type-content.id-settings-club-view .section0203 .objectTitle {flex: 0 0 auto; display: flex; align-items: center; box-sizing: border-box; width: 199px; padding: 15px 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 19px;}
.type-content.id-settings-club-view .section0203 .objectContent {flex: 1 1 auto; display: flex; align-items: center; padding: 20px 20px 21px 20px; color: #666; font-size: 13px; line-height: 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-settings-club-view .section0203 .objectRow.last .objectTitle {border-bottom-left-radius: 7px;}
.type-content.id-settings-club-view .section0203 .objectRow.last .objectContent {border-bottom-right-radius: 7px;}
.type-content.id-settings-club-view .section0203 .objectRow .closedHoleContent .list {list-style: none; padding: 0; margin: 0;}
.type-content.id-settings-club-view .section0203 .objectRow.closedHole {display: none;}
.type-content.id-settings-club-view .section0203.closedHoleActive .objectRow.closedHole {display: flex;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-view .section0203 .objectRow {position: relative; display: flex; border-bottom: 1px solid #e6e6e6;}
  .type-content.id-settings-club-view .section0203 .objectTitle {flex: 0 0 auto; display: flex; align-items: center; box-sizing: border-box; width: 120px; padding: 15px 20px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 19px;}
  .type-content.id-settings-club-view .section0203 .objectContent {flex: 1 1 auto; padding: 15px 20px; color: #666; font-size: 13px; line-height: 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
}

.type-content.id-settings-club-view .section03 {box-sizing: border-box; position: relative; height: 65px;}
.type-content.id-settings-club-view .section03 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100px; height: 45px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-settings-club-view .section03 .object01:hover {background-color: #f5f5f5;}
.type-content.id-settings-club-view .section03 .object02 {box-sizing: border-box; position: absolute; top: 20px; right: 120px; height: 45px; color: #666; font-size: 13px; line-height: 45px;}
.type-content.id-settings-club-view .section03 .object03 {box-sizing: border-box; position: absolute; top: 20px; right: 0; width: 100px; height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-settings-club-view .section03 .object03:hover {background-color: #12172c;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-view .section03 {position: relative; height: 65px;}
  .type-content.id-settings-club-view .section03 .object01 {position: absolute; top: 20px; left: 0; width: calc(50% - 5px); height: 45px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
  .type-content.id-settings-club-view .section03 .object01:hover {background-color: #fff;}
  .type-content.id-settings-club-view .section03 .object02 {display: none; position: absolute; top: 20px; right: 120px; height: 45px; color: #666; font-size: 13px; line-height: 45px;}
  .type-content.id-settings-club-view .section03 .object03 {position: absolute; top: 20px; right: 0; width: calc(50% - 5px); height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
  .type-content.id-settings-club-view .section03 .object03:hover {background-color: #202845;}
}

.type-content.id-settings-club-view.loginClub .section03 {display: none;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-view.loginClub main,
  .type-content.id-settings-club-view.asideActive main {padding-top: calc(66px - 1px);}
  .type-content.id-settings-club-view.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-settings-club-view.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 설정 > 골프클럽 관리 > 등록 */
.type-content.id-settings-club-registration .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-settings-club-registration .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-registration .section01 {position: relative; height: 23px;}
  .type-content.id-settings-club-registration .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-settings-club-registration .section02 {box-sizing: border-box; position: relative; height: 861px;}
.type-content.id-settings-club-registration .section02 .object01 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 831px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-settings-club-registration .section02 .object02 {box-sizing: border-box; position: absolute; top: 51px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-settings-club-registration .section02 .object03 {box-sizing: border-box; position: absolute; top: 31px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-registration .section02 .object04 {box-sizing: border-box; position: absolute; top: 31px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 7px 10px 8px;}
.type-content.id-settings-club-registration .section02 .object04 ul {list-style: none; padding: 0; margin: 0;}
.type-content.id-settings-club-registration .section02 .object04 ul::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-settings-club-registration .section02 .object04 ul li {float: left; padding: 10px 7px 11px 8px; line-height: 0;}
.type-content.id-settings-club-registration .section02 .object04 ul li label {display: inline-block; position: relative; padding-left: 27px; color: #666; font-size: 13px; line-height: 19px;}
.type-content.id-settings-club-registration .section02 .object04 ul li label input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; z-index: 10; -webkit-appearance: none;}
.type-content.id-settings-club-registration .section02 .object04 ul li label i {display: block; position: absolute; top: 0; left: 0; width: 19px; height: 19px; background: transparent url('../images/content/pc/radio-type01.png') no-repeat center top;}
.type-content.id-settings-club-registration .section02 .object04 ul li label input:checked + i {background-position: center bottom;}
.type-content.id-settings-club-registration .section02 .object05 {box-sizing: border-box; position: absolute; top: 92px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-club-registration .section02 .object06 {box-sizing: border-box; position: absolute; top: 112px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-settings-club-registration .section02 .object07 {box-sizing: border-box; position: absolute; top: 93px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-registration .section02 .object08 {box-sizing: border-box; position: absolute; top: 93px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-club-registration .section02 .object08 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-settings-club-registration .section02 .object09 {box-sizing: border-box; position: absolute; top: 152px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-club-registration .section02 .object10 {box-sizing: border-box; position: absolute; top: 153px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-registration .section02 .object1101 {box-sizing: border-box; position: absolute; top: 153px; left: 200px; width: calc(50% - 100px - 5px - 1px); height: 60px; padding: 10px 0 10px 15px;}
.type-content.id-settings-club-registration .section02 .object1101 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-settings-club-registration .section02 .object1102 {box-sizing: border-box; position: absolute; top: 153px; left: calc(200px + (50% - 100px - 5px - 1px) + 10px); width: calc(50% - 100px - 5px); height: 60px; padding: 10px 15px 10px 0;}
.type-content.id-settings-club-registration .section02 .object1102 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-settings-club-registration .section02 .object12 {box-sizing: border-box; position: absolute; top: 213px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-club-registration .section02 .object13 {box-sizing: border-box; position: absolute; top: 214px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-registration .section02 .object14 {box-sizing: border-box; position: absolute; top: 214px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-club-registration .section02 .object14 input {box-sizing: border-box; width: 300px; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-settings-club-registration .section02 .object15 {box-sizing: border-box; position: absolute; top: 274px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-club-registration .section02 .object16 {box-sizing: border-box; position: absolute; top: 275px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-registration .section02 .object17 {box-sizing: border-box; position: absolute; top: 275px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-club-registration .section02 .object17 input {box-sizing: border-box; width: 300px; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-settings-club-registration .section02 .object18 {box-sizing: border-box; position: absolute; top: 335px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-club-registration .section02 .object19 {box-sizing: border-box; position: absolute; top: 355px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-settings-club-registration .section02 .object20 {box-sizing: border-box; position: absolute; top: 336px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-registration .section02 .object21 {box-sizing: border-box; position: absolute; top: 336px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-club-registration .section02 .object21 .formSelect {width: 300px;}
.type-content.id-settings-club-registration .section02 .object22 {box-sizing: border-box; position: absolute; top: 396px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-club-registration .section02 .object23 {box-sizing: border-box; position: absolute; top: 417px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-settings-club-registration .section02 .object24 {box-sizing: border-box; position: absolute; top: 397px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-registration .section02 .object25 {box-sizing: border-box; position: absolute; top: 397px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-club-registration .section02 .object25 .formSelect {width: 300px;}
.type-content.id-settings-club-registration .section02 .object26 {box-sizing: border-box; position: absolute; top: 457px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-club-registration .section02 .object27 {box-sizing: border-box; position: absolute; top: 478px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-settings-club-registration .section02 .object28 {box-sizing: border-box; position: absolute; top: 458px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-registration .section02 .object29 {box-sizing: border-box; position: absolute; top: 458px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-club-registration .section02 .object29 .formSelect {width: 300px;}
.type-content.id-settings-club-registration .section02 .object30 {box-sizing: border-box; position: absolute; top: 517px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-club-registration .section02 .object31 {box-sizing: border-box; position: absolute; top: 518px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-registration .section02 .object32 {box-sizing: border-box; position: absolute; top: 518px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-club-registration .section02 .object32 .formSelect {width: 300px;}
.type-content.id-settings-club-registration .section02 .object33 {box-sizing: border-box; position: absolute; top: 577px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-club-registration .section02 .object34 {box-sizing: border-box; position: absolute; top: 578px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-registration .section02 .object35 {box-sizing: border-box; position: absolute; top: 578px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-club-registration .section02 .object35 .component-switch .co-body {padding: 5px 0; line-height: 0;}
.type-content.id-settings-club-registration .section02 .object35 .component-switch .co-body label {display: inline-block; position: relative; line-height: 1.15; text-align: left;}
.type-content.id-settings-club-registration .section02 .object35 .component-switch .co-body label input {display: block; box-sizing: border-box; box-shadow: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-width: 0; min-height: 0; padding: 0; margin: 0; border: none; border-radius: 0; background-color: transparent; opacity: 0; z-index: 10; appearance: none; -webkit-appearance: none;}
.type-content.id-settings-club-registration .section02 .object35 .component-switch .co-body label input + i {display: block; position: relative; width: 58px; height: 30px; border-radius: 15px; background-color: #e0e0e0; font-style: normal;}
.type-content.id-settings-club-registration .section02 .object35 .component-switch .co-body label input + i::before {display: block; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.03); position: absolute; top: 50%; left: 2px; width: 26px; height: 26px; margin-top: -13px; border-radius: 50%; background-color: #fff; content: ''; transition-duration: 0.3s;}
.type-content.id-settings-club-registration .section02 .object35 .component-switch .co-body label input:disabled + i {background-color: #f1f1f1;}
.type-content.id-settings-club-registration .section02 .object35 .component-switch .co-body label input:checked + i {background-color: #202845;}
.type-content.id-settings-club-registration .section02 .object35 .component-switch .co-body label input:checked + i::before {left: 30px;}
.type-content.id-settings-club-registration .section02 .object35 .component-switch .co-body label input:disabled:checked + i {background-color: #f1f1f1;}
.type-content.id-settings-club-registration .section02 .object36 {box-sizing: border-box; position: absolute; top: 637px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-club-registration .section02 .offDaySetting {display: none;}
.type-content.id-settings-club-registration .section02.offDayActive .offDaySetting {display: block;}
.type-content.id-settings-club-registration .section02 .object37 {box-sizing: border-box; position: absolute; top: 638px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-registration .section02 .object38 {box-sizing: border-box; position: absolute; top: 638px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-club-registration .section02 .object38 .formCalendar {width: 300px;}
.type-content.id-settings-club-registration .section02 .object39 {box-sizing: border-box; position: absolute; top: 697px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-club-registration .section02 .object40 {box-sizing: border-box; position: absolute; top: 698px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-registration .section02 .object41 {box-sizing: border-box; position: absolute; top: 698px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-club-registration .section02 .object41 .checkbox ul {list-style: none; padding: 0; margin: 0;}
.type-content.id-settings-club-registration .section02 .object41 .checkbox ul::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-settings-club-registration .section02 .object41 .checkbox ul li {float: left; padding: 10px 7px 11px 8px; line-height: 0;}
.type-content.id-settings-club-registration .section02 .object41 .checkbox ul li label {display: inline-block; position: relative; padding-left: 27px; color: #666; font-size: 13px; line-height: 19px;}
.type-content.id-settings-club-registration .section02 .object41 .checkbox ul li label input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; z-index: 10; -webkit-appearance: none;}
.type-content.id-settings-club-registration .section02 .object41 .checkbox ul li label i {display: block; position: absolute; top: 0; left: 0; width: 19px; height: 19px; background: transparent url('../images/content/pc/checkbox-type01.png') no-repeat center top;}
.type-content.id-settings-club-registration .section02 .object41 .checkbox ul li label input:checked + i {background-position: center bottom;}
.type-content.id-settings-club-registration .section02 .object41 .formSelect {position: absolute; top: 10px; left: 400px; width: 120px;}
.type-content.id-settings-club-registration .section02 .object42 {box-sizing: border-box; position: absolute; top: 637px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-club-registration .section02 .object43 {box-sizing: border-box; position: absolute; top: 638px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-registration .section02 .object44 {box-sizing: border-box; position: absolute; top: 638px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-club-registration .section02 .object44 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-settings-club-registration .section02 .object45 {box-sizing: border-box; position: absolute; top: 697px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-club-registration .section02 .object46 {box-sizing: border-box; position: absolute; top: 698px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-registration .section02 .object47 {box-sizing: border-box; position: absolute; top: 698px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-club-registration .section02 .object47 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-settings-club-registration .section02 .object48 {box-sizing: border-box; position: absolute; top: 757px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-club-registration .section02 .object49 {box-sizing: border-box; position: absolute; top: 758px; left: 1px; width: 199px; height: 100px; padding: 0 30px; border-bottom-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-club-registration .section02 .object50 {box-sizing: border-box; position: absolute; top: 778px; left: 113px; width: 21px; height: 20px; background: transparent url('../images/content/pc/hint-type01.png') no-repeat center center; cursor: pointer;}
.type-content.id-settings-club-registration .section02 .object50 .tooltip {display: none; box-sizing: border-box; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 30px; left: -12px; width: 180px; padding: 10px 15px; border: 1px solid #666; border-radius: 4px; background-color: #fff; color: #666; font-weight: 400; font-size: 12px; line-height: 18px; z-index: 10;}
.type-content.id-settings-club-registration .section02 .object50 .tooltip::before {display: block; position: absolute; top: -8px; left: 14px; width: 14px; height: 8px; background: transparent url('../images/content/pc/tooltip-type01.png') no-repeat center center; content: '';}
.type-content.id-settings-club-registration .section02 .object50.tooltipActive .tooltip {display: block;}
.type-content.id-settings-club-registration .section02 .object51 {box-sizing: border-box; position: absolute; top: 758px; left: 200px; width: 330px; height: 100px; padding-top: 0; background-color: #202845; text-align: center;}
.type-content.id-settings-club-registration .section02 .object51:hover {background-color: #12172c;}
.type-content.id-settings-club-registration .section02 .object51 .attachment {box-sizing: border-box; display: block; position: relative; width: 100%; height: 100%;}
.type-content.id-settings-club-registration .section02 .object51 .attachment .bg {box-sizing: border-box; position: absolute; top: 50%; left: 0; width: 100%;  padding-top: 36px; margin-top: -25px; background: transparent url('../images/content/pc/image-type01.png') no-repeat center top; color: #ccc; font-size: 13px; font-weight: 300;}
.type-content.id-settings-club-registration .section02 .object51 .attachment .image {display: none; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 29px; background-color: #202845;}
.type-content.id-settings-club-registration .section02 .object51 .attachment .image .item {box-sizing: border-box; width: 226px; height: 42px; margin: 0 auto; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.type-content.id-settings-club-registration .section02 .object51 .attachment input {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; cursor: pointer; -webkit-appearance: none;}
.type-content.id-settings-club-registration .section02 .object51 .attachment input::-webkit-file-upload-button {cursor: pointer;}
.type-content.id-settings-club-registration .section02 .object51.imageActive .attachment .image {display: block;}
.type-content.id-settings-club-registration .section02.offDayActive {height: 979px;}
.type-content.id-settings-club-registration .section02.offDayActive .object01 {height: 949px;}
.type-content.id-settings-club-registration .section02.offDayActive .object42 {top: 757px;}
.type-content.id-settings-club-registration .section02.offDayActive .object43 {top: 758px;}
.type-content.id-settings-club-registration .section02.offDayActive .object44 {top: 758px;}
.type-content.id-settings-club-registration .section02.offDayActive .object45 {top: 817px;}
.type-content.id-settings-club-registration .section02.offDayActive .object46 {top: 818px;}
.type-content.id-settings-club-registration .section02.offDayActive .object47 {top: 818px;}
.type-content.id-settings-club-registration .section02.offDayActive .object48 {top: 877px;}
.type-content.id-settings-club-registration .section02.offDayActive .object49 {top: 878px;}
.type-content.id-settings-club-registration .section02.offDayActive .object50 {top: 898px;}
.type-content.id-settings-club-registration .section02.offDayActive .object51 {top: 878px;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-registration .section02 {position: relative; height: 1213px;}
  .type-content.id-settings-club-registration .section02 .object01 {display: none;}
  .type-content.id-settings-club-registration .section02 .object02 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-settings-club-registration .section02 .object03 {box-sizing: border-box; position: absolute; top: 20px; left: 10px; width: 100%; height: 33px; padding: 0; border-top-left-radius: 0; background-color: transparent; color: #222; font-weight: 500; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-club-registration .section02 .object04 {box-sizing: border-box; position: absolute; top: 53px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-club-registration .section02 .object04 ul li {width: 50%; padding: 0;}
  .type-content.id-settings-club-registration .section02 .object04 ul li label {width: 100%; padding: 0; border-radius: 4px; background-color: #fff; line-height: 43px; text-align: center;}
  .type-content.id-settings-club-registration .section02 .object04 ul li label i {box-sizing: border-box; width: 100%; height: 100%; border: 1px solid #ccc; border-radius: 4px; background: none;}
  .type-content.id-settings-club-registration .section02 .object04 ul li label input:checked + i {border-color: #d0202e;}
  .type-content.id-settings-club-registration .section02 .object04 ul li label input:checked + i + span {color: #d0202e;}
  .type-content.id-settings-club-registration .section02 .object04 ul li.active label i {border-right-color: transparent; border-top-right-radius: 0; border-bottom-right-radius: 0;}
  .type-content.id-settings-club-registration .section02 .object04 ul li.inactive label i {border-left-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .type-content.id-settings-club-registration .section02 .object05 {display: none;}
  .type-content.id-settings-club-registration .section02 .object06 {box-sizing: border-box; position: absolute; top: 118px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-settings-club-registration .section02 .object07 {box-sizing: border-box; position: absolute; top: 108px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-club-registration .section02 .object08 {box-sizing: border-box; position: absolute; top: 141px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-club-registration .section02 .object08 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666;}
  .type-content.id-settings-club-registration .section02 .object09 {display: none;}
  .type-content.id-settings-club-registration .section02 .object10 {box-sizing: border-box; position: absolute; top: 196px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-club-registration .section02 .object1101 {box-sizing: border-box; position: absolute; top: 229px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-club-registration .section02 .object1101 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666;}
  .type-content.id-settings-club-registration .section02 .object12 {display: none;}
  .type-content.id-settings-club-registration .section02 .object13 {box-sizing: border-box; position: absolute; top: 284px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-club-registration .section02 .object14 {box-sizing: border-box; position: absolute; top: 317px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-club-registration .section02 .object14 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666;}
  .type-content.id-settings-club-registration .section02 .object15 {display: none;}
  .type-content.id-settings-club-registration .section02 .object16 {box-sizing: border-box; position: absolute; top: 372px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-club-registration .section02 .object17 {box-sizing: border-box; position: absolute; top: 405px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-club-registration .section02 .object17 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666;}
  .type-content.id-settings-club-registration .section02 .object18 {display: none;}
  .type-content.id-settings-club-registration .section02 .object19 {box-sizing: border-box; position: absolute; top: 470px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-settings-club-registration .section02 .object20 {box-sizing: border-box; position: absolute; top: 460px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-club-registration .section02 .object21 {box-sizing: border-box; position: absolute; top: 493px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-club-registration .section02 .object21 .formSelect {width: 100%;}
  .type-content.id-settings-club-registration .section02 .object22 {display: none;}
  .type-content.id-settings-club-registration .section02 .object23 {box-sizing: border-box; position: absolute; top: 558px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-settings-club-registration .section02 .object24 {box-sizing: border-box; position: absolute; top: 548px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-club-registration .section02 .object25 {box-sizing: border-box; position: absolute; top: 581px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-club-registration .section02 .object25 .formSelect {width: 100%;}
  .type-content.id-settings-club-registration .section02 .object26 {display: none;}
  .type-content.id-settings-club-registration .section02 .object27 {box-sizing: border-box; position: absolute; top: 646px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-settings-club-registration .section02 .object28 {box-sizing: border-box; position: absolute; top: 636px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-club-registration .section02 .object29 {box-sizing: border-box; position: absolute; top: 669px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-club-registration .section02 .object29 .formSelect {width: 100%;}
  .type-content.id-settings-club-registration .section02 .object30 {display: none;}
  .type-content.id-settings-club-registration .section02 .object31 {box-sizing: border-box; position: absolute; top: 724px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-club-registration .section02 .object32 {box-sizing: border-box; position: absolute; top: 757px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-club-registration .section02 .object32 .formSelect {width: 100%;}
  .type-content.id-settings-club-registration .section02 .object33 {display: none;}
  .type-content.id-settings-club-registration .section02 .object34 {box-sizing: border-box; position: absolute; top: 840px; left: 15px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px; z-index: 10;}
  .type-content.id-settings-club-registration .section02 .object35 {box-sizing: border-box; position: absolute; top: 822px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-club-registration .section02 .object35 .component-switch {box-sizing: border-box; position: relative; width: 100%; height: 72px; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff;}
  .type-content.id-settings-club-registration .section02 .object35 .component-switch .co-body {position: absolute; top: 0; right: 15px; padding: 20px 0;}
  .type-content.id-settings-club-registration .section02 .object35 .component-switch .co-body label input + i {width: 62px; height: 32px; border-radius: 16px;}
  .type-content.id-settings-club-registration .section02 .object35 .component-switch .co-body label input + i::before {width: 28px; height: 28px; margin-top: -14px;}
  .type-content.id-settings-club-registration .section02 .object35 .component-switch .co-body label input:checked + i::before {left: 32px;}
  .type-content.id-settings-club-registration .section02 .object36 {display: none;}
  .type-content.id-settings-club-registration .section02 .object37 {box-sizing: border-box; position: absolute; top: 904px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-club-registration .section02 .object38 {box-sizing: border-box; position: absolute; top: 937px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-club-registration .section02 .object38 .formCalendar {width: 100%;}
  .type-content.id-settings-club-registration .section02 .object39 {display: none;}
  .type-content.id-settings-club-registration .section02 .object40 {box-sizing: border-box; position: absolute; top: 992px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-club-registration .section02 .object41 {box-sizing: border-box; position: absolute; top: 1025px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-club-registration .section02 .object41 .checkbox ul li {float: left; padding: 10px 10px 11px 0; line-height: 0;}
  .type-content.id-settings-club-registration .section02 .object41 .checkbox ul li:first-child {padding-left: 0;}
  .type-content.id-settings-club-registration .section02 .object41 .checkbox ul li label {padding-left: 35px; font-size: 14px; line-height: 25px;}
  .type-content.id-settings-club-registration .section02 .object41 .checkbox ul li label i {top: 0; width: 25px; height: 25px; background-image: url('../images/content/mobile/checkbox-type01.png'); background-size: 25px;}
  .type-content.id-settings-club-registration .section02 .object41 .formSelect {position: static; top: auto; left: auto; padding-top: 5px; width: 100%;}
  .type-content.id-settings-club-registration .section02 .object42 {display: none;}
  .type-content.id-settings-club-registration .section02 .object43 {box-sizing: border-box; position: absolute; top: 904px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-club-registration .section02 .object44 {box-sizing: border-box; position: absolute; top: 937px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-club-registration .section02 .object44 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
  .type-content.id-settings-club-registration .section02 .object45 {display: none;}
  .type-content.id-settings-club-registration .section02 .object46 {box-sizing: border-box; position: absolute; top: 992px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-club-registration .section02 .object47 {box-sizing: border-box; position: absolute; top: 1025px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-club-registration .section02 .object47 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
  .type-content.id-settings-club-registration .section02 .object48 {box-sizing: border-box; position: absolute; top: 1090px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-settings-club-registration .section02 .object49 {box-sizing: border-box; position: absolute; top: 1080px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-club-registration .section02 .object50 {box-sizing: border-box; position: absolute; top: 1086px; left: 98px; width: 21px; height: 20px; background: transparent url('../images/content/mobile/hint-type01.png') no-repeat center center / 19px 19px; cursor: pointer;}
  .type-content.id-settings-club-registration .section02 .object50 .tooltip {display: none; box-sizing: border-box; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 30px; left: -12px; width: 180px; padding: 10px 15px; border: 1px solid #666; border-radius: 4px; background-color: #fff; color: #666; font-weight: 400; font-size: 12px; line-height: 18px; z-index: 10;}
  .type-content.id-settings-club-registration .section02 .object50 .tooltip::before {display: block; position: absolute; top: -8px; left: 14px; width: 14px; height: 8px; background: transparent url('../images/content/pc/tooltip-type01.png') no-repeat center center; content: '';}
  .type-content.id-settings-club-registration .section02 .object50.tooltipActive .tooltip {display: block;}
  .type-content.id-settings-club-registration .section02 .object51 {box-sizing: border-box; position: absolute; top: 1113px; left: 0; width: 100%; height: 100px; padding-top: 0; border-radius: 4px; background-color: #202845; text-align: center;}
  .type-content.id-settings-club-registration .section02 .object51:hover {background-color: #202845;}
  .type-content.id-settings-club-registration .section02 .object51 .attachment {box-sizing: border-box; display: block; position: relative; width: 100%; height: 100%;}
  .type-content.id-settings-club-registration .section02 .object51 .attachment .bg {box-sizing: border-box; position: absolute; top: 50%; left: 0; width: 100%;  padding-top: 36px; margin-top: -25px; background: transparent url('../images/content/pc/image-type01.png') no-repeat center top; color: #ccc; font-size: 13px; font-weight: 300;}
  .type-content.id-settings-club-registration .section02 .object51 .attachment .image {display: none; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 29px; border-radius: 4px; background-color: #202845;}
  .type-content.id-settings-club-registration .section02 .object51 .attachment .image .item {box-sizing: border-box; width: 226px; height: 42px; margin: 0 auto; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain;}
  .type-content.id-settings-club-registration .section02 .object51 .attachment input {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px; opacity: 0; cursor: pointer;}
  .type-content.id-settings-club-registration .section02 .object51 .attachment input::-webkit-file-upload-button {cursor: pointer;}
  .type-content.id-settings-club-registration .section02.offDayActive {height: 1445px;}
  .type-content.id-settings-club-registration .section02.offDayActive .object43 {top: 1130px;}
  .type-content.id-settings-club-registration .section02.offDayActive .object44 {top: 1163px;}
  .type-content.id-settings-club-registration .section02.offDayActive .object46 {top: 1218px;}
  .type-content.id-settings-club-registration .section02.offDayActive .object47 {top: 1251px;}
  .type-content.id-settings-club-registration .section02.offDayActive .object48 {top: 1316px;}
  .type-content.id-settings-club-registration .section02.offDayActive .object49 {top: 1306px;}
  .type-content.id-settings-club-registration .section02.offDayActive .object50 {top: 1312px;}
  .type-content.id-settings-club-registration .section02.offDayActive .object51 {top: 1345px;}
}
@media (max-width: 450px) {
  .type-content.id-settings-club-registration .section02.offDayActive {height: 1492px;}
  .type-content.id-settings-club-registration .section02.offDayActive .object43 {top: 1177px;}
  .type-content.id-settings-club-registration .section02.offDayActive .object44 {top: 1210px;}
  .type-content.id-settings-club-registration .section02.offDayActive .object46 {top: 1265px;}
  .type-content.id-settings-club-registration .section02.offDayActive .object47 {top: 1298px;}
  .type-content.id-settings-club-registration .section02.offDayActive .object48 {top: 1363px;}
  .type-content.id-settings-club-registration .section02.offDayActive .object49 {top: 1353px;}
  .type-content.id-settings-club-registration .section02.offDayActive .object50 {top: 1359px;}
  .type-content.id-settings-club-registration .section02.offDayActive .object51 {top: 1392px;}
}

.type-content.id-settings-club-registration .section03 {box-sizing: border-box; position: relative; height: 65px;}
.type-content.id-settings-club-registration .section03 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100px; height: 45px;}
.type-content.id-settings-club-registration .section03 .object01 button {width: 100%; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
.type-content.id-settings-club-registration .section03 .object01 button:hover {background-color: #f5f5f5;}
.type-content.id-settings-club-registration .section03 .object02 {box-sizing: border-box; position: absolute; top: 20px; right: 0; width: 100px; height: 45px;}
.type-content.id-settings-club-registration .section03 .object02 button {width: 100%; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
.type-content.id-settings-club-registration .section03 .object02 button:hover {background-color: #12172c;}
.type-content.id-settings-club-registration .section03 .object02 button.registration:disabled {opacity: 0.3;}
.type-content.id-settings-club-registration .section03 .object02 button.registration:disabled:hover {background-color: #202845;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-registration .section03 {position: relative; height: 65px;}
  .type-content.id-settings-club-registration .section03 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: calc(50% - 5px); height: 45px;}
  .type-content.id-settings-club-registration .section03 .object01 button {width: 100%; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
  .type-content.id-settings-club-registration .section03 .object01 button:hover {background-color: #fff;}
  .type-content.id-settings-club-registration .section03 .object02 {box-sizing: border-box; position: absolute; top: 20px; right: 0; width: calc(50% - 5px); height: 45px;}
  .type-content.id-settings-club-registration .section03 .object02 button {width: 100%; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
  .type-content.id-settings-club-registration .section03 .object02 button:hover {background-color: #202845;}
}

@media (max-width: 1279px) {
  .type-content.id-settings-club-registration.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-settings-club-registration.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 설정 > 골프클럽 관리 > 수정 */
.type-content.id-settings-club-edit .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-settings-club-edit .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-edit .section01 {position: relative; height: 23px;}
  .type-content.id-settings-club-edit .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-settings-club-edit .section02 {box-sizing: border-box; position: relative; padding-top: 30px;}
.type-content.id-settings-club-edit .section02 .objectBox {box-sizing: border-box; border: 1px solid #ccc; border-radius: 8px; height: 100%; background-color: #fff;}
.type-content.id-settings-club-edit .section02 .objectRow {position: relative; display: flex; border-bottom: 1px solid #e6e6e6;}
.type-content.id-settings-club-edit .section02 .objectTitle {flex: 0 0 auto; display: flex; align-items: center; box-sizing: border-box; width: 199px; padding: 15px 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 19px;}
.type-content.id-settings-club-edit .section02 .objectRow.first .objectTitle {border-top-left-radius: 7px;}
.type-content.id-settings-club-edit .section02 .objectRow.last .objectTitle {border-bottom-left-radius: 7px;}
.type-content.id-settings-club-edit .section02 .objectContent {flex: 1 1 auto; padding: 10px 15px;}
.type-content.id-settings-club-edit .section02 .objectRow.first .objectContent {border-bottom-left-radius: 7px;}
.type-content.id-settings-club-edit .section02 .objectRow.last .objectContent {border-bottom-right-radius: 7px; padding: 0;}
.type-content.id-settings-club-edit .section02 .objectRequired {box-sizing: border-box; position: absolute; top: calc(50% - 6px); left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-settings-club-edit .section02 .objectRow.first .objectContent {box-sizing: border-box; padding: 10px 7px 10px 8px;}
.type-content.id-settings-club-edit .section02 .objectContent input {box-sizing: border-box; width: 100%; height: 40px; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-settings-club-edit .section02 .objectContent .formSelect .formSelectList input {border: none;}
.type-content.id-settings-club-edit .section02 .object04 ul {list-style: none; padding: 0; margin: 0;}
.type-content.id-settings-club-edit .section02 .object04 ul::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-settings-club-edit .section02 .object04 ul li {float: left; padding: 10px 7px 11px 8px; line-height: 0;}
.type-content.id-settings-club-edit .section02 .object04 ul li label {display: inline-block; position: relative; padding-left: 27px; color: #666; font-size: 13px; line-height: 19px;}
.type-content.id-settings-club-edit .section02 .object04 ul li label input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; z-index: 10; -webkit-appearance: none;}
.type-content.id-settings-club-edit .section02 .object04 ul li label i {display: block; position: absolute; top: 0; left: 0; width: 19px; height: 19px; background: transparent url('../images/content/pc/radio-type01.png') no-repeat center top;}
.type-content.id-settings-club-edit .section02 .object04 ul li label input:checked + i {background-position: center bottom;}
.type-content.id-settings-club-edit .section02 .object14 input {width: 300px;}
.type-content.id-settings-club-edit .section02 .object17 input {width: 300px;}
.type-content.id-settings-club-edit .section02 .object21 .formSelect {width: 300px;}
.type-content.id-settings-club-edit .section02 .object25 .formSelect {width: 300px;}
.type-content.id-settings-club-edit .section02 .object29 .formSelect {width: 300px;}
.type-content.id-settings-club-edit .section02 .object32 .formSelect {width: 300px;}
.type-content.id-settings-club-edit .section02 .object35 .component-switch .co-body {padding: 5px 0; line-height: 0;}
.type-content.id-settings-club-edit .section02 .object35 .component-switch .co-body label {display: inline-block; position: relative; line-height: 1.15; text-align: left;}
.type-content.id-settings-club-edit .section02 .object35 .component-switch .co-body label input {display: block; box-sizing: border-box; box-shadow: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-width: 0; min-height: 0; padding: 0; margin: 0; border: none; border-radius: 0; background-color: transparent; opacity: 0; z-index: 10; appearance: none; -webkit-appearance: none;}
.type-content.id-settings-club-edit .section02 .object35 .component-switch .co-body label input + i {display: block; position: relative; width: 58px; height: 30px; border-radius: 15px; background-color: #e0e0e0; font-style: normal;}
.type-content.id-settings-club-edit .section02 .object35 .component-switch .co-body label input + i::before {display: block; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.03); position: absolute; top: 50%; left: 2px; width: 26px; height: 26px; margin-top: -13px; border-radius: 50%; background-color: #fff; content: ''; transition-duration: 0.3s;}
.type-content.id-settings-club-edit .section02 .object35 .component-switch .co-body label input:disabled + i {background-color: #f1f1f1;}
.type-content.id-settings-club-edit .section02 .object35 .component-switch .co-body label input:checked + i {background-color: #202845;}
.type-content.id-settings-club-edit .section02 .object35 .component-switch .co-body label input:checked + i::before {left: 30px;}
.type-content.id-settings-club-edit .section02 .object35 .component-switch .co-body label input:disabled:checked + i {background-color: #f1f1f1;}
.type-content.id-settings-club-edit .section02 .offDaySetting {display: none;}
.type-content.id-settings-club-edit .section02.offDayActive .offDaySetting {display: block;}
.type-content.id-settings-club-edit .section02 .object38 .formCalendar {width: 300px;}
.type-content.id-settings-club-edit .section02 .object38 .formCalendar input {border: none;}
.type-content.id-settings-club-edit .section02 .object41 {display: flex;}
.type-content.id-settings-club-edit .section02 .object41 .checkbox ul {list-style: none; padding: 0; margin: 0;}
.type-content.id-settings-club-edit .section02 .object41 .checkbox ul::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-settings-club-edit .section02 .object41 .checkbox ul li {float: left; padding: 10px 7px 11px 8px; line-height: 0;}
.type-content.id-settings-club-edit .section02 .object41 .checkbox ul li label {display: inline-block; position: relative; padding-left: 27px; color: #666; font-size: 13px; line-height: 19px;}
.type-content.id-settings-club-edit .section02 .object41 .checkbox ul li label input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; z-index: 10; -webkit-appearance: none;}
.type-content.id-settings-club-edit .section02 .object41 .checkbox ul li label i {display: block; position: absolute; top: 0; left: 0; width: 19px; height: 19px; background: transparent url('../images/content/pc/checkbox-type01.png') no-repeat center top;}
.type-content.id-settings-club-edit .section02 .object41 .checkbox ul li label input:checked + i {background-position: center bottom;}
.type-content.id-settings-club-edit .section02 .object41 .formSelect {padding-left: 10px; width: 120px;}
.type-content.id-settings-club-edit .section02 .object44 .button {box-sizing: border-box; border-radius: 4px; width: 150px; height: 40px; background-color: #202845; font-size: 14px; color: #fff; line-height: 40px; text-align: center; cursor: pointer;}
.type-content.id-settings-club-edit .section02 .object44 .button:hover {background-color: #12172c;}
.type-content.id-settings-club-edit .section02 .object44 .list {box-sizing: border-box; padding: 10px 0 0 0; margin: 0; list-style: none;}
.type-content.id-settings-club-edit .section02 .object44 .list > li {padding: 5px 0; color: #666; font-size: 13px; line-height: 19px;}
.type-content.id-settings-club-edit .section02 .object53 {box-sizing: border-box; position: relative; top: 0; left: 5px; width: 21px; height: 20px; background: transparent url('../images/content/pc/hint-type01.png') no-repeat center center; cursor: pointer;}
.type-content.id-settings-club-edit .section02 .object53 .tooltip {display: none; position: absolute; top: 30px; left: -14px; box-sizing: border-box; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); width: 180px; padding: 10px 15px; border: 1px solid #666; border-radius: 4px; background-color: #fff; color: #666; font-weight: 400; font-size: 12px; line-height: 18px; z-index: 10;}
.type-content.id-settings-club-edit .section02 .object53 .tooltip::before {display: block; position: absolute; top: -8px; left: 14px; width: 20px; height: 8px; background: transparent url('../images/content/pc/tooltip-type01.png') no-repeat center center; content: '';}
.type-content.id-settings-club-edit .section02 .object53.tooltipActive .tooltip {display: block;}
.type-content.id-settings-club-edit .section02 .object54 {box-sizing: border-box; width: 330px; height: 100px; padding-top: 0; background-color: #202845; text-align: center;}
.type-content.id-settings-club-edit .section02 .object54:hover {background-color: #12172c;}
.type-content.id-settings-club-edit .section02 .object54 .attachment {box-sizing: border-box; display: block; position: relative; width: 100%; height: 100%;}
.type-content.id-settings-club-edit .section02 .object54 .attachment .bg {box-sizing: border-box; position: absolute; top: 50%; left: 0; width: 100%;  padding-top: 36px; margin-top: -25px; background: transparent url('../images/content/pc/image-type01.png') no-repeat center top; color: #ccc; font-size: 13px; font-weight: 300;}
.type-content.id-settings-club-edit .section02 .object54 .attachment .image {display: none; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 29px; background-color: #202845;}
.type-content.id-settings-club-edit .section02 .object54 .attachment .image .item {box-sizing: border-box; width: 226px; height: 42px; margin: 0 auto; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.type-content.id-settings-club-edit .section02 .object54 .attachment input {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; cursor: pointer; -webkit-appearance: none;}
.type-content.id-settings-club-edit .section02 .object54 .attachment input::-webkit-file-upload-button {cursor: pointer;}
.type-content.id-settings-club-edit .section02 .object54.imageActive .attachment .image {display: block;}
.type-content.id-settings-club-edit .section02 .objectRow.closedHole .objectContent .list {display: none;}
.type-content.id-settings-club-edit .section02.closedHoleActive .objectRow.closedHole .objectContent .list {display: block;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-edit .section02 {padding-top: 15px;}
  .type-content.id-settings-club-edit .section02 .objectBox {border: none; border-radius: 0; height: 100%; background-color: transparent;}
  .type-content.id-settings-club-edit .section02 .objectRow {position: relative; display: unset; border-bottom: none;}
  .type-content.id-settings-club-edit .section02 .objectTitle {display: flex; width: 100%; padding: 16px 0 0 10px; background-color: transparent; font-size: 14px; line-height: 21px;}
  .type-content.id-settings-club-edit .section02 .objectRow.first .objectTitle {border-top-left-radius: 0;}
  .type-content.id-settings-club-edit .section02 .objectRow.last .objectTitle {border-bottom-left-radius: 0;}
  .type-content.id-settings-club-edit .section02 .objectContent {padding: 10px 0 0 0; width: 100%;}
  .type-content.id-settings-club-edit .section02 .objectRow.first .objectContent {border-bottom-left-radius: 0; padding-left: 0; padding-right: 0;}
  .type-content.id-settings-club-edit .section02 .objectRow.last .objectContent {border-bottom-right-radius: 0; padding-top: 10px;}
  .type-content.id-settings-club-edit .section02 .objectRequired {top: 20px; left: 0;}
  .type-content.id-settings-club-edit .section02 .objectContent input {height: 45px; padding: 0 15px;}
  .type-content.id-settings-club-edit .section02 .object04 ul li {width: 50%; padding: 0;}
  .type-content.id-settings-club-edit .section02 .object04 ul li label {width: 100%; padding: 0; border-radius: 4px; background-color: #fff; line-height: 43px; text-align: center;}
  .type-content.id-settings-club-edit .section02 .object04 ul li label i {box-sizing: border-box; width: 100%; height: 100%; border: 1px solid #ccc; border-radius: 4px; background: none;}
  .type-content.id-settings-club-edit .section02 .object04 ul li label input:checked + i {border-color: #d0202e;}
  .type-content.id-settings-club-edit .section02 .object04 ul li label input:checked + i + span {color: #d0202e;}
  .type-content.id-settings-club-edit .section02 .object04 ul li.active label i {border-right-color: transparent; border-top-right-radius: 0; border-bottom-right-radius: 0;}
  .type-content.id-settings-club-edit .section02 .object04 ul li.inactive label i {border-left-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .type-content.id-settings-club-edit .section02 .object14 input {width: 100%;}
  .type-content.id-settings-club-edit .section02 .object17 input {width: 100%;}
  .type-content.id-settings-club-edit .section02 .object21 .formSelect {width: 100%;}
  .type-content.id-settings-club-edit .section02 .object25 .formSelect {width: 100%;}
  .type-content.id-settings-club-edit .section02 .object29 .formSelect {width: 100%;}
  .type-content.id-settings-club-edit .section02 .object32 .formSelect {width: 100%;}
  .type-content.id-settings-club-edit .section02 .object34 {position: absolute; top: 53px; left: 20px; width: 100px; z-index: 3;}
  .type-content.id-settings-club-edit .section02 .object35 .component-switch {box-sizing: border-box; position: relative; width: 100%; height: 72px; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff;}
  .type-content.id-settings-club-edit .section02 .object35 .component-switch .co-body {position: absolute; top: 0; right: 15px; padding: 20px 0;}
  .type-content.id-settings-club-edit .section02 .object35 .component-switch .co-body label input + i {width: 62px; height: 32px; border-radius: 16px;}
  .type-content.id-settings-club-edit .section02 .object35 .component-switch .co-body label input + i::before {width: 28px; height: 28px; margin-top: -14px;}
  .type-content.id-settings-club-edit .section02 .object35 .component-switch .co-body label input:checked + i::before {left: 32px;}
  .type-content.id-settings-club-edit .section02 .object38 .formCalendar {width: 100%;}
  .type-content.id-settings-club-edit .section02 .object41 {display: unset;}
  .type-content.id-settings-club-edit .section02 .object41 .checkbox ul li {float: left; padding: 10px 10px 11px 0; line-height: 0;}
  .type-content.id-settings-club-edit .section02 .object41 .checkbox ul li:first-child {padding-left: 0;}
  .type-content.id-settings-club-edit .section02 .object41 .checkbox ul li label {padding-left: 35px; font-size: 14px; line-height: 25px;}
  .type-content.id-settings-club-edit .section02 .object41 .checkbox ul li label i {top: 0; width: 25px; height: 25px; background-image: url('../images/content/mobile/checkbox-type01.png'); background-size: 25px;}
  .type-content.id-settings-club-edit .section02 .object41 .formSelect {padding: 5px 0 0 0; width: 100%;}
  .type-content.id-settings-club-edit .section02 .object44 .list {padding: 10px 20px; margin: 10px 0 0 0; width: 100%; background-color: #fff; border-radius: 4px;}
  .type-content.id-settings-club-edit .section02 .object44 .button {width: 100%; height: 45px;}
  .type-content.id-settings-club-edit .section02 .object44 .button:hover {background-color: #202845;}
  .type-content.id-settings-club-edit .section02 .object53 .tooltip {display: none; box-sizing: border-box; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 30px; left: -12px; width: 180px; padding: 10px 15px; border: 1px solid #666; border-radius: 4px; background-color: #fff; color: #666; font-weight: 400; font-size: 12px; line-height: 18px; z-index: 10;}
  .type-content.id-settings-club-edit .section02 .object53 .tooltip::before {display: block; position: absolute; top: -8px; left: 14px; width: 14px; height: 8px; background: transparent url('../images/content/pc/tooltip-type01.png') no-repeat center center; content: '';}
  .type-content.id-settings-club-edit .section02 .object53.tooltipActive .tooltip {display: block;}
  .type-content.id-settings-club-edit .section02 .object54 {width: 100%;}
  .type-content.id-settings-club-edit .section02 .object54:hover {background-color: #202845;}
  .type-content.id-settings-club-edit .section02 .object54 .attachment {box-sizing: border-box; display: block; position: relative; width: 100%; height: 100%;}
  .type-content.id-settings-club-edit .section02 .object54 .attachment .bg {box-sizing: border-box; position: absolute; top: 50%; left: 0; width: 100%;  padding-top: 36px; margin-top: -25px; background: transparent url('../images/content/pc/image-type01.png') no-repeat center top; color: #ccc; font-size: 13px; font-weight: 300;}
  .type-content.id-settings-club-edit .section02 .object54 .attachment .image {display: none; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 29px; border-radius: 4px; background-color: #202845;}
  .type-content.id-settings-club-edit .section02 .object54 .attachment .image .item {box-sizing: border-box; width: 226px; height: 42px; margin: 0 auto; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain;}
  .type-content.id-settings-club-edit .section02 .object54 .attachment input {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px; opacity: 0; cursor: pointer;}
  .type-content.id-settings-club-edit .section02 .object54 .attachment input::-webkit-file-upload-button {cursor: pointer;}
  .type-content.id-settings-club-edit .section02.closedHoleActive .objectRow.closedHole .objectContent .list {display: block;}
}

.type-content.id-settings-club-edit .section03 {box-sizing: border-box; position: relative; height: 65px;}
.type-content.id-settings-club-edit .section03 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100px; height: 45px;}
.type-content.id-settings-club-edit .section03 .object01 button {width: 100%; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
.type-content.id-settings-club-edit .section03 .object01 button:hover {background-color: #f5f5f5;}
.type-content.id-settings-club-edit .section03 .object02 {box-sizing: border-box; position: absolute; top: 20px; right: 0; width: 100px; height: 45px;}
.type-content.id-settings-club-edit .section03 .object02 button {width: 100%; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
.type-content.id-settings-club-edit .section03 .object02 button:hover {background-color: #12172c;}
.type-content.id-settings-club-edit .section03 .object02 button.registration:disabled {opacity: 0.3;}
.type-content.id-settings-club-edit .section03 .object02 button.registration:disabled:hover {background-color: #202845;}
@media (max-width: 1279px) {
  .type-content.id-settings-club-edit .section03 {position: relative; height: 65px;}
  .type-content.id-settings-club-edit .section03 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: calc(50% - 5px); height: 45px;}
  .type-content.id-settings-club-edit .section03 .object01 button {width: 100%; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
  .type-content.id-settings-club-edit .section03 .object01 button:hover {background-color: #fff;}
  .type-content.id-settings-club-edit .section03 .object02 {box-sizing: border-box; position: absolute; top: 20px; right: 0; width: calc(50% - 5px); height: 45px;}
  .type-content.id-settings-club-edit .section03 .object02 button {width: 100%; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
  .type-content.id-settings-club-edit .section03 .object02 button:hover {background-color: #202845;}
}

@media (max-width: 1279px) {
  .type-content.id-settings-club-edit.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-settings-club-edit.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 모달 > 휴장홀 선택 */
.modal.closedHole .box {width: 800px;}
.modal.closedHole .body {position: relative;}
.modal.closedHole .body .closedHole-header {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.modal.closedHole .body .closedHole-header .title {color: #222; font-size: 20px; line-height: 30px;}
.modal.closedHole .body .closedHole-header .all {display: flex; align-items: center;}
.modal.closedHole .body .closedHole-header .caption {padding: 0 10px;}
.modal.closedHole .body .closedHole-body .bodyWrap {box-sizing: border-box; position: relative;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table colgroup col.course {width: 125px;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table colgroup col.hole {width: 60px;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tr th,
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tr td {overflow: hidden; padding: 10px; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; background-color: #fff; line-height: 19px; color: #666; font-size: 13px; text-align: center; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tr th {color: #222; padding: 9px 5px;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tr td {font-size: 14px;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tr th {border-left-color: rgba(255, 255, 255, 0.3);}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tr th:first-child,
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tr td:first-child {border-left: none;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tr td.borderLeft {border-left: 1px solid #e6e6e6;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th {border-top: none;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.course {background-color: #202845; color: #fff;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.hole {background-color: #202845; color: #fff;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.sort {cursor: pointer;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.sort:hover {background-color: #f5f5f5;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.club.sort:hover,
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.course.sort:hover {background-color: #12172c;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.sort.descending .item,
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.sort.ascending .item {position: relative; padding-right: 16px;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.sort.descending .item::before,
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.sort.ascending .item::before {display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 5px; margin-top: -2px; background: transparent url('../images/content/pc/arrow-type05.png') no-repeat center top; content: '';}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.sort.ascending .item::before {margin-top: -3px; background-position: center bottom;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.club.sort.descending .item::before,
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.club.sort.ascending .item::before,
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.course.sort.descending .item::before,
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.course.sort.ascending .item::before {background-image: url('../images/content/pc/arrow-type06.png');}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tbody tr td.course {background-color: #f9f9f9;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tbody.none {display: none;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tbody.none tr td {color: #999; line-height: 113px;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tbody tr td .checkbox {display: flex; align-items: center; justify-content: center;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tbody tr td .checkbox label {display: inline-block; position: relative; width: 19px; height: 19px; color: #666; font-size: 13px; line-height: 19px;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tbody tr td .checkbox label input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0; z-index: 10; -webkit-appearance: none;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tbody tr td .checkbox label i {display: block; position: absolute; top: 0; left: 0; width: 19px; height: 19px; background: transparent url('../images/content/pc/checkbox-type01.png') no-repeat center top;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tbody tr td .checkbox label input:checked + i {background-position: center bottom;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tbody tr:last-child td:first-child {border-bottom-left-radius: 7px;}
.modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tbody tr:last-child td:last-child {border-bottom-right-radius: 7px;}
.modal.closedHole .body .closedHole-body .bodyWrap .table.thead {position: absolute; top: 0; left: 0;}
.modal.closedHole .body .closedHole-body .bodyWrap .table.thead .fixed {box-sizing: border-box; width: 740px; height: calc(20px + 39px); padding-top: 10px;}
.modal.closedHole .body .closedHole-body .bodyWrap .table.thead .fixed.active {position: fixed; top: calc(55px -  1px);}
.modal.closedHole .body .closedHole-body .bodyWrap .table.thead .contain {border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.modal.closedHole .body .closedHole-body .bodyWrap .table.tbody {padding-top: calc(10px + 39px - 1px);}
.modal.closedHole .body .closedHole-body .bodyWrap .table.tbody .contain {border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0;}
.modal.closedHole .body .closedHole-body .bodyWrap .table.tbody .contain table {margin-top: -1px;}
.modal.closedHole .body .closedHole-body .bodyWrap.none .table .contain table thead tr th.sort {cursor: auto;}
.modal.closedHole .body .closedHole-body .bodyWrap.none .table .contain table thead tr th.sort.descending .item,
.modal.closedHole .body .closedHole-body .bodyWrap.none .table .contain table thead tr th.sort.ascending .item {padding-right: 0;}
.modal.closedHole .body .closedHole-body .bodyWrap.none .table .contain table thead tr th.sort.descending .item::before,
.modal.closedHole .body .closedHole-body .bodyWrap.none .table .contain table thead tr th.sort.ascending .item::before {display: none;}
.modal.closedHole .body .closedHole-body .bodyWrap.none .table .contain table tbody {display: none;}
.modal.closedHole .body .closedHole-body .bodyWrap.none .table .contain table tbody.none {display: table-row-group;}
.modal.closedHole .body .closedHole-body .bodyWrap.none .table .contain table thead tr th.sort:hover {background-color: #fff;}
.modal.closedHole .body .closedHole-body .bodyWrap.none .table .contain table thead tr th.club.sort:hover,
.modal.closedHole .body .closedHole-body .bodyWrap.none .table .contain table thead tr th.course.sort:hover {background-color: #202845;}
.modal.closedHole .body .closedHole-body .bodyWrap.none .table .contain table tbody tr {cursor: auto;}
.modal.closedHole .body .closedHole-body .bodyWrap.none .table .contain table tbody tr:hover td {background-color: #fff;}
.modal.closedHole .footer {border-top: 1px solid #e6e6e6; height: 75px;}
.modal.closedHole .footer button {top: 15px; right: 20px; width: 150px; height: 45px;}
.modal.closedHole .footer button.cancel {left: auto; right: 180px;}
@media (max-width: 1279px) {
  .modal.closedHole .box {width: 300px;}
  .modal.closedHole .body {padding: 24px 0;}
  .modal.closedHole .body .closedHole-header {box-sizing: border-box; padding: 0 15px;}
  .modal.closedHole .body .closedHole-body {box-sizing: border-box; width: 300px; padding: 0 15px; overflow-x: scroll;}
  .modal.closedHole .body .closedHole-body .bodyWrap {width: calc(660px + 40px);}
  .modal.closedHole .body .closedHole-body .bodyWrap .table .contain table colgroup col.course {width: 76px;}
  .modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tr th,
  .modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tr td {padding: 15px 10px; font-size: 14px; line-height: 21px;}
  .modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.sort:hover {background-color: #fff;}
  .modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.club.sort:hover,
  .modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.course.sort:hover {background-color: #202845;}
  .modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.sort.descending .item::before,
  .modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.sort.ascending .item::before {width: 9px; height: 4px; background-image: url('../images/content/mobile/arrow-type05.png'); background-size: 9px;}
  .modal.closedHole .body .closedHole-body .bodyWrap .table .contain table thead tr th.sort.ascending .item::before {margin-top: -2px;}
  .modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tbody tr:hover td {background-color: #fff;}
  .modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tbody tr:hover td.club,
  .modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tbody tr:hover td.course {background-color: #f9f9f9;}
  .modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tbody tr td .checkbox .body label {padding-left: 35px; font-size: 14px; line-height: 25px;}
  .modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tbody tr td .checkbox .body label i {top: -1px; width: 25px; height: 25px; background-image: url('../images/content/mobile/checkbox-type01.png'); background-size: 25px;}
  .modal.closedHole .body .closedHole-body .bodyWrap .table .contain table tbody.none tr td {line-height: 143px;}
  .modal.closedHole .body .closedHole-body .bodyWrap .table.thead {left: 0;}
  .modal.closedHole .body .closedHole-body .bodyWrap .table.thead .fixed {width: 700px; height: calc(10px + 53px); padding-top: 10px;}
  .modal.closedHole .body .closedHole-body .bodyWrap .table.thead .fixed.active {top: calc(66px -  1px);}
  .modal.closedHole .body .closedHole-body .bodyWrap .table.tbody {padding-top: calc(10px + 53px - 1px);}
  .modal.closedHole .footer {border-top: none; height: 45px;}
  .modal.closedHole .footer button {top: auto; right: 0; width: 50%; height: 100%;}
  .modal.closedHole .footer button.cancel {left: 0; right: auto;}
}


/* 설정 > 알림 발송 > 리스트 */
.type-content.id-settings-notification-list .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-settings-notification-list .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-list .section01 {position: relative; height: 23px;}
  .type-content.id-settings-notification-list .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-settings-notification-list .section02 {box-sizing: border-box; position: relative; padding-top: 30px;}
.type-content.id-settings-notification-list .section02 .object01 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 85px;}
.type-content.id-settings-notification-list .section02 .object02 {box-sizing: border-box; position: relative; padding: 20px; border-radius: 8px; background-color: #fff;}
.type-content.id-settings-notification-list .section02 .object02::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-settings-notification-list .section02 .object02 .form {width: 894px; height: 45px; margin: 0 auto;}
.type-content.id-settings-notification-list .section02 .object02 .form .select {float: left; width: 147px; height: 100%;}
.type-content.id-settings-notification-list .section02 .object02 .form .select .formSelectList {height: 45px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.type-content.id-settings-notification-list .section02 .object02 .form .select .formSelect .formSelectPopup {top: 51px;}
.type-content.id-settings-notification-list .section02 .object02 .form .select.managementStatus {margin-left: -1px;}
.type-content.id-settings-notification-list .section02 .object02 .form .select.managementStatus .formSelectList {border-radius: 0;}
.type-content.id-settings-notification-list .section02 .object02 .form .select.aplStatus {width: 220px; margin-left: -1px;}
.type-content.id-settings-notification-list .section02 .object02 .form .select.aplStatus .formSelectList {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-settings-notification-list .section02 .object02 .form .input {float: left; width: calc(100% - 147px - 147px - 220px - 45px); height: 100%;}
.type-content.id-settings-notification-list .section02 .object02 .form .input input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 15px; margin: 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-right: none; border-left: none; border-radius: 0; background-color: transparent; color: #666; font-size: 13px; line-height: 43px; -webkit-appearance: none;}
.type-content.id-settings-notification-list .section02 .object02 .form .input input::placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-list .section02 .object02 .form .input input::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-list .section02 .object02 .form .input input:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-list .section02 .object02 .form .search {float: left; width: 45px; height: 100%; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #d0202e;}
.type-content.id-settings-notification-list .section02 .object02 .form .search:hover {background-color: #b20a10;}
.type-content.id-settings-notification-list .section02 .object02 .form .search button {overflow: hidden; width: 100%; height: 100%; padding: 0; margin: 0; border: none; border-radius: 0; background: transparent url('../images/content/pc/search-type01.png') no-repeat center center; text-indent: -1000px;}
.type-content.id-settings-notification-list .section02 .object03 {position: absolute; top: 50px; right: 20px;}
.type-content.id-settings-notification-list .section02 .object03 button {width: 100px; height: 45px; padding: 0; margin: 0; border: none; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 45px;}
.type-content.id-settings-notification-list .section02 .object03 button:hover {background-color: #12172c;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-list .section02 {padding-top: 20px;}
  .type-content.id-settings-notification-list .section02 .object01 {height: auto;}
  .type-content.id-settings-notification-list .section02 .object02 {display: none;}
  .type-content.id-settings-notification-list .section02 .object03 {position: static; top: auto; right: auto;}
  .type-content.id-settings-notification-list .section02 .object03 button {width: 100%;}
  .type-content.id-settings-notification-list .section02 .object03 button:hover {background-color: #202845;}
}

.type-content.id-settings-notification-list .section03 {box-sizing: border-box; position: relative;}
.type-content.id-settings-notification-list .section03 .object01 {box-sizing: border-box; position: relative;}
.type-content.id-settings-notification-list .section03 .object01 .table .unit {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100%; font-size: 14px; font-weight: 500; color: #666; line-height: 13px;}
.type-content.id-settings-notification-list .section03 .object01 .table .unit span {color: #d0202e;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table tr th,
.type-content.id-settings-notification-list .section03 .object01 .table .contain table tr td {overflow: hidden; padding: 0 20px; 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;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table tr th {color: #222;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table tr td {font-size: 14px;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table tr th:first-child,
.type-content.id-settings-notification-list .section03 .object01 .table .contain table tr td:first-child {border-left: none;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table thead tr th {border-top: none;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table thead tr th.sendStatus {background-color: #202845; color: #fff;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table thead tr th .item {display: inline-block;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table tbody tr {cursor: pointer;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table tbody tr:hover td {background-color: #f5f5f5;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table tbody tr td.sendStatus {background-color: #f9f9f9;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table tbody tr:hover td.sendStatus {background-color: #e6e6e6;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table tbody tr:last-child td:first-child {border-bottom-left-radius: 7px;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table tbody tr:last-child td:last-child {border-bottom-right-radius: 7px;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table tbody.none {display: none;}
.type-content.id-settings-notification-list .section03 .object01 .table .contain table tbody.none tr td {color: #999; line-height: 113px;}
.type-content.id-settings-notification-list .section03 .object01 .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-settings-notification-list .section03 .object01 .table.thead .fixed {box-sizing: border-box; width: 1820px; height: calc(33px + 15px + 39px); padding-top: 48px; background-color: #f5f5f5;}
.type-content.id-settings-notification-list .section03 .object01 .table.thead .fixed.active {position: fixed; top: calc(55px - 1px);}
.type-content.id-settings-notification-list .section03 .object01 .table.thead .contain {border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-settings-notification-list .section03 .object01 .table.tbody {padding-top: calc(33px + 15px + 39px - 1px);}
.type-content.id-settings-notification-list .section03 .object01 .table.tbody .contain {border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-settings-notification-list .section03 .object01 .table.tbody .contain table {margin-top: -1px;}
.type-content.id-settings-notification-list .section03 .object01.none .table .contain table tbody {display: none;}
.type-content.id-settings-notification-list .section03 .object01.none .table .contain table tbody.none {display: table-row-group;}
.type-content.id-settings-notification-list .section03 .object01.none .table .contain table tbody tr {cursor: auto;}
.type-content.id-settings-notification-list .section03 .object01.none .table .contain table tbody tr:hover td {background-color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-list .section03 {overflow-x: auto; margin: 0 -20px;}
  .type-content.id-settings-notification-list .section03 .object01 {width: calc(891px + 40px); padding: 0 20px;}
  .type-content.id-settings-notification-list .section03 .object01 .table .unit {font-size: 14px; font-weight: 500; color: #666; line-height: 13px;}
  .type-content.id-settings-notification-list .section03 .object01 .table .contain table colgroup col.sendStatus {width: 174px;}
  .type-content.id-settings-notification-list .section03 .object01 .table .contain table tr th,
  .type-content.id-settings-notification-list .section03 .object01 .table .contain table tr td {padding: 0 10px; line-height: 47px; font-size: 14px;}
  .type-content.id-settings-notification-list .section03 .object01 .table .contain table tbody tr:hover td {background-color: #fff;}
  .type-content.id-settings-notification-list .section03 .object01 .table .contain table tbody tr:hover td.sendStatus {background-color: #f9f9f9;}
  .type-content.id-settings-notification-list .section03 .object01 .table .contain table tbody.none tr td {line-height: 143px;}
  .type-content.id-settings-notification-list .section03 .object01 .table.thead {left: 20px;}
  .type-content.id-settings-notification-list .section03 .object01 .table.thead .fixed {width: 891px; height: calc(52px + 49px); padding-top: 52px;}
  .type-content.id-settings-notification-list .section03 .object01 .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-settings-notification-list .section03 .object01 .table.tbody {padding-top: calc(52px + 49px - 1px);}
}

.type-content.id-settings-notification-list.asideActive .section03 .object01 .table.thead .fixed {width: 1550px;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-list.asideActive .section03 .object01 .table.thead .fixed.active {top: calc(114px -  1px);}
}

.type-content.id-settings-notification-list .section04 {padding-top: 30px; line-height: 0; text-align: center;}
.type-content.id-settings-notification-list .section04 .object01 .paging {display: inline-block;}
.type-content.id-settings-notification-list .section04 .object01 .paging::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-settings-notification-list .section04 .object01 .paging .prev,
.type-content.id-settings-notification-list .section04 .object01 .paging .next,
.type-content.id-settings-notification-list .section04 .object01 .paging ul.number {float: left;}
.type-content.id-settings-notification-list .section04 .object01 .paging .prev,
.type-content.id-settings-notification-list .section04 .object01 .paging .next {padding: 11px 20px; opacity: 0.3;}
.type-content.id-settings-notification-list .section04 .object01 .paging .prev .item,
.type-content.id-settings-notification-list .section04 .object01 .paging .next .item {overflow: hidden; width: 5px; height: 9px; background-color: transparent; background-repeat: no-repeat; background-position: center top; text-indent: -1000px;}
.type-content.id-settings-notification-list .section04 .object01 .paging .prev .item {background-image: url('../images/content/pc/prev-type01.png');}
.type-content.id-settings-notification-list .section04 .object01 .paging .next .item {background-image: url('../images/content/pc/next-type01.png');}
.type-content.id-settings-notification-list .section04 .object01 .paging.prevActive .prev,
.type-content.id-settings-notification-list .section04 .object01 .paging.nextActive .next {opacity: 1; cursor: pointer;}
.type-content.id-settings-notification-list .section04 .object01 .paging ul.number {list-style: none; padding: 0; margin: 0;}
.type-content.id-settings-notification-list .section04 .object01 .paging ul.number::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-settings-notification-list .section04 .object01 .paging ul.number li {box-sizing: border-box; position: relative; float: left; height: 31px; padding: 0 9px; color: #666; font-weight: 400; font-size: 14px; line-height: 31px; cursor: pointer;}
.type-content.id-settings-notification-list .section04 .object01 .paging ul.number li:hover {color: #d0202e;}
.type-content.id-settings-notification-list .section04 .object01 .paging ul.number li.active {color: #d0202e; cursor: auto;}
.type-content.id-settings-notification-list .section04 .object01 .paging ul.number li.active::before {display: block; position: absolute; bottom: 0; left: 5px; width: calc(100% - 10px); height: 2px; background-color: #d0202e; content: '';}
.type-content.id-settings-notification-list .section04 .object02 {display: none; box-sizing: border-box; width: 100%; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-settings-notification-list .section04 .object02:hover {background-color: #f5f5f5;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-list .section04 {padding-top: 0;}
  .type-content.id-settings-notification-list .section04 .object01 {display: none;}
  .type-content.id-settings-notification-list .section04 .object02 {display: block; margin-top: 20px;}
  .type-content.id-settings-notification-list .section04 .object02:hover {background-color: #fff;}
}

@media (max-width: 1279px) {
  .type-content.id-settings-notification-list.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-settings-notification-list.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 설정 > 알림 발송 > 알림 상세보기 */
.type-content.id-settings-notification-view .section01 {box-sizing: border-box; position: relative; height: 45px;}
.type-content.id-settings-notification-view .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-view .section01 {position: relative; height: 23px;}
  .type-content.id-settings-notification-view .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-settings-notification-view .section02 {box-sizing: border-box; position: relative; height: 261px;}
.type-content.id-settings-notification-view .section02 .object01 {box-sizing: border-box; position: absolute; top: 15px; left: 0; width: 100%; height: 246px; border: 1px solid #ccc; border-bottom: 0; border-radius: 8px 8px 0 0; background-color: #fff;}
.type-content.id-settings-notification-view .section02 .object02 {box-sizing: border-box; position: absolute; top: 16px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-view .section02 .object03 {box-sizing: border-box; position: absolute; top: 16px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-settings-notification-view .section02 .object04 {box-sizing: border-box; position: absolute; top: 76px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-view .section02 .object05 {box-sizing: border-box; position: absolute; top: 77px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-view .section02 .object06 {box-sizing: border-box; position: absolute; top: 77px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-settings-notification-view .section02 .object06.failure {color: #d0202e;}
.type-content.id-settings-notification-view .section02 .object07 {box-sizing: border-box; position: absolute; top: 137px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-view .section02 .object08 {box-sizing: border-box; position: absolute; top: 138px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-view .section02 .object09 {box-sizing: border-box; position: absolute; top: 138px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-settings-notification-view .section02 .object10 {box-sizing: border-box; position: absolute; top: 198px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-view .section02 .object11 {box-sizing: border-box; position: absolute; top: 199px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-view .section02 .object12 {box-sizing: border-box; position: absolute; top: 199px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-settings-notification-view .section02 .object1301 {display: none;}
.type-content.id-settings-notification-view .section02 .object1301 .object13 {box-sizing: border-box; position: absolute; top: 259px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-view .section02 .object1301 .object14 {box-sizing: border-box; position: absolute; top: 260px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-bottom-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-view .section02 .object1301 .object15 {box-sizing: border-box; position: absolute; top: 260px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-settings-notification-view .section02 .object1301 .object16 {box-sizing: border-box; position: absolute; top: 319px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-view .section02.mailActive,
.type-content.id-settings-notification-view .section02.smsActive {height: 321px;}
.type-content.id-settings-notification-view .section02.mailActive .object01,
.type-content.id-settings-notification-view .section02.smsActive .object01 {height: 306px;}
.type-content.id-settings-notification-view .section02.mailActive .object1301,
.type-content.id-settings-notification-view .section02.smsActive .object1301 {display: block;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-view .section02 {position: relative; height: 221px;}
  .type-content.id-settings-notification-view .section02 .object01 {position: absolute; top: 19px; left: 0; width: 100%; height: 202px; border: 1px solid #ccc; border-bottom: 0; border-radius: 8px 8px 0 0; background-color: #fff;}
  .type-content.id-settings-notification-view .section02 .object02 {position: absolute; top: 20px; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-view .section02 .object03 {position: absolute; top: 20px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-view .section02 .object04 {position: absolute; top: 69px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
  .type-content.id-settings-notification-view .section02 .object05 {position: absolute; top: 70px; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-view .section02 .object06 {position: absolute; top: 70px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-view .section02 .object07 {position: absolute; top: 119px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
  .type-content.id-settings-notification-view .section02 .object08 {position: absolute; top: 120px; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-view .section02 .object09 {position: absolute; top: 120px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-view .section02 .object10 {position: absolute; top: 169px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
  .type-content.id-settings-notification-view .section02 .object11 {position: absolute; top: 170px; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-view .section02 .object12 {position: absolute; top: 170px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-view .section02 .object1301 .object13 {position: absolute; top: 219px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
  .type-content.id-settings-notification-view .section02 .object1301 .object14 {position: absolute; top: 220px; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-view .section02 .object1301 .object15 {position: absolute; top: 220px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-view .section02 .object1301 .object16 {position: absolute; top: 269px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
  .type-content.id-settings-notification-view .section02.mailActive,
  .type-content.id-settings-notification-view .section02.smsActive {height: 270px;}
  .type-content.id-settings-notification-view .section02.mailActive .object01,
  .type-content.id-settings-notification-view .section02.smsActive .object01 {height: 251px;}
}

.type-content.id-settings-notification-view .section03.mail {display: none; box-sizing: border-box; position: relative;}
.type-content.id-settings-notification-view .section03.mail .object01 {box-sizing: border-box; position: absolute; top: calc(15px - 15px); left: 0; width: 100%; height: 100%; border: 1px solid #ccc; border-top: 0; border-bottom: 0; border-radius: 0; background-color: #fff;}
.type-content.id-settings-notification-view .section03.mail .object02 {box-sizing: border-box; position: absolute; top: calc(138px - 15px - 123px); left: 1px; width: 199px; height: 100%; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-view .section03.mail .object03 {box-sizing: border-box; position: relative; width: 100%; min-height: 61px; padding: 18px calc(20px + 1px) 19px calc(20px + 199px + 1px); color: #666; font-size: 13px; line-height: 24px;}
.type-content.id-settings-notification-view .section03.mail .object04 {box-sizing: border-box; position: absolute; bottom: 0; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-view .section03.sms {display: none; box-sizing: border-box; position: relative;}
.type-content.id-settings-notification-view .section03.sms .object01 {box-sizing: border-box; position: absolute; top: calc(15px - 15px); left: 0; width: 100%; height: 100%; border: 1px solid #ccc; border-top: 0; border-bottom: 0; border-radius: 0; background-color: #fff;}
.type-content.id-settings-notification-view .section03.sms .object02 {box-sizing: border-box; position: absolute; top: calc(138px - 15px - 123px); left: 1px; width: 199px; height: 100%; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-view .section03.sms .object03 {box-sizing: border-box; position: relative; width: 100%; min-height: 61px; padding: 18px calc(20px + 1px) 19px calc(20px + 199px + 1px); color: #666; font-size: 13px; line-height: 24px;}
.type-content.id-settings-notification-view .section03.sms .object04 {box-sizing: border-box; position: absolute; bottom: 0; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-view .section03.mail {box-sizing: border-box; position: relative;}
  .type-content.id-settings-notification-view .section03.mail .object01 {box-sizing: border-box; position: absolute; top: calc(15px - 15px); left: 0; width: 100%; height: 100%; border: 1px solid #ccc; border-top: 0; border-bottom: 0; border-radius: 0; background-color: #fff;}
  .type-content.id-settings-notification-view .section03.mail .object02 {box-sizing: border-box; position: absolute; top: calc(138px - 15px - 123px); left: 1px; width: 120px; height: 100%; padding: 0 20px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-view .section03.mail .object03 {box-sizing: border-box; position: relative; width: 100%; min-height: 49px; padding: 12px calc(20px + 1px) 13px calc(20px + 120px + 1px); color: #666; font-size: 13px; line-height: 24px;}
  .type-content.id-settings-notification-view .section03.mail .object04 {box-sizing: border-box; position: absolute; bottom: 0; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
  .type-content.id-settings-notification-view .section03.sms {box-sizing: border-box; position: relative;}
  .type-content.id-settings-notification-view .section03.sms .object01 {box-sizing: border-box; position: absolute; top: calc(15px - 15px); left: 0; width: 100%; height: 100%; border: 1px solid #ccc; border-top: 0; border-bottom: 0; border-radius: 0; background-color: #fff;}
  .type-content.id-settings-notification-view .section03.sms .object02 {box-sizing: border-box; position: absolute; top: calc(138px - 15px - 123px); left: 1px; width: 120px; height: 100%; padding: 0 20px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-view .section03.sms .object03 {box-sizing: border-box; position: relative; width: 100%; min-height: 49px; padding: 12px calc(20px + 1px) 13px calc(20px + 120px + 1px); color: #666; font-size: 13px; line-height: 24px;}
  .type-content.id-settings-notification-view .section03.sms .object04 {box-sizing: border-box; position: absolute; bottom: 0; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
}

.type-content.id-settings-notification-view .section04.mail {display: none; box-sizing: border-box; position: relative;}
.type-content.id-settings-notification-view .section04.mail .object01 {box-sizing: border-box; position: absolute; top: calc(15px - 15px); left: 0; width: 100%; height: 100%; border: 1px solid #ccc; border-top: 0; border-bottom: 0; border-radius: 0; background-color: #fff;}
.type-content.id-settings-notification-view .section04.mail .object02 {box-sizing: border-box; position: absolute; top: calc(138px - 15px - 123px); left: 1px; width: 199px; height: 100%; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-view .section04.mail .object03 {box-sizing: border-box; position: relative; width: 100%; min-height: 61px; padding: 18px calc(20px + 1px) 19px calc(20px + 199px + 1px); color: #666; font-size: 13px; line-height: 24px;}
.type-content.id-settings-notification-view .section04.mail .object03 .item01 img {max-width: 100%;}
.type-content.id-settings-notification-view .section04.mail .object04 {box-sizing: border-box; position: absolute; bottom: 0; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-view .section04.sms {display: none; box-sizing: border-box; position: relative; height: 61px;}
.type-content.id-settings-notification-view .section04.sms .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 61px; border: 1px solid #ccc; border-top: 0; border-radius: 0 0 8px 8px; background-color: #fff;}
.type-content.id-settings-notification-view .section04.sms .object02 {box-sizing: border-box; position: absolute; top: 0; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-bottom-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-view .section04.sms .object03 {box-sizing: border-box; position: absolute; top: 0; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-view .section04.mail {box-sizing: border-box; position: relative;}
  .type-content.id-settings-notification-view .section04.mail .object01 {box-sizing: border-box; position: absolute; top: calc(15px - 15px); left: 0; width: 100%; height: 100%; border: 1px solid #ccc; border-top: 0; border-bottom: 0; border-radius: 0; background-color: #fff;}
  .type-content.id-settings-notification-view .section04.mail .object02 {box-sizing: border-box; position: absolute; top: calc(138px - 15px - 123px); left: 1px; width: 120px; height: 100%; padding: 0 20px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-view .section04.mail .object03 {box-sizing: border-box; position: relative; width: 100%; min-height: 49px; padding: 12px calc(20px + 1px) 13px calc(20px + 120px + 1px); color: #666; font-size: 13px; line-height: 24px;}
  .type-content.id-settings-notification-view .section04.mail .object04 {box-sizing: border-box; position: absolute; bottom: 0; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
  .type-content.id-settings-notification-view .section04.sms {box-sizing: border-box; position: relative; height: 50px;}
  .type-content.id-settings-notification-view .section04.sms .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 50px; border: 1px solid #ccc; border-top: 0; border-radius: 0 0 8px 8px; background-color: #fff;}
  .type-content.id-settings-notification-view .section04.sms .object02 {box-sizing: border-box; position: absolute; top: 0; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-view .section04.sms .object03 {box-sizing: border-box; position: absolute; top: 0; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
}

.type-content.id-settings-notification-view .section05 {box-sizing: border-box; position: relative; height: 61px;}
.type-content.id-settings-notification-view .section05 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 61px; border: 1px solid #ccc; border-top-color: #e6e6e6; border-radius: 0 0 8px 8px; background-color: #fff;}
.type-content.id-settings-notification-view .section05 .object02 {box-sizing: border-box; position: absolute; top: 0; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-top: 1px solid #e6e6e6;  border-bottom-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-view .section05 .object03 {box-sizing: border-box; position: absolute; top: 0; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-view .section05 {box-sizing: border-box; position: relative; height: 50px;}
  .type-content.id-settings-notification-view .section05 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 50px; border: 1px solid #ccc; border-top-color: #e6e6e6; border-radius: 0 0 8px 8px; background-color: #fff;}
  .type-content.id-settings-notification-view .section05 .object02 {box-sizing: border-box; position: absolute; top: 0; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-view .section05 .object03 {box-sizing: border-box; position: absolute; top: 0; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
}

.type-content.id-settings-notification-view .section06 {box-sizing: border-box; position: relative; height: 65px;}
.type-content.id-settings-notification-view .section06 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100px; height: 45px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-settings-notification-view .section06 .object01:hover {background-color: #f5f5f5;}
.type-content.id-settings-notification-view .section06 .object02 {display: none; box-sizing: border-box; position: absolute; top: 20px; right: 0; width: 100px; height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-settings-notification-view .section06 .object02:hover {background-color: #12172c;}
.type-content.id-settings-notification-view .section06 .object03 {display: none; box-sizing: border-box; position: absolute; top: 20px; right: 0; width: 100px; height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
.type-content.id-settings-notification-view .section06 .object03:hover {background-color: #12172c;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-view .section06 {position: relative; height: 65px;}
  .type-content.id-settings-notification-view .section06 .object01 {position: absolute; top: 20px; left: 0; width: 100%; height: 45px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center; cursor: pointer;}
  .type-content.id-settings-notification-view .section06 .object01:hover {background-color: #fff;}
  .type-content.id-settings-notification-view .section06 .object02:hover {background-color: #202845;}
  .type-content.id-settings-notification-view .section06 .object03:hover {background-color: #202845;}
}

.type-content.id-settings-notification-view .section06.schedule .object02 {display: block;}
.type-content.id-settings-notification-view .section06.failure .object03 {display: block;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-view .section06.failure .object01 {width: calc(50% - 5px);}
  .type-content.id-settings-notification-view .section06.failure .object03 {width: calc(50% - 5px);}
  .type-content.id-settings-notification-view .section06.schedule .object01 {width: calc(50% - 5px);}
  .type-content.id-settings-notification-view .section06.schedule .object02 {width: calc(50% - 5px);}
}

.type-content.id-settings-notification-view .section02.smsActive + .section03.sms {display: block;}
.type-content.id-settings-notification-view .section02.smsActive + .section04.sms {display: block;}
.type-content.id-settings-notification-view .section02.mailActive ~ .section03.mail {display: block;}
.type-content.id-settings-notification-view .section02.mailActive ~ .section04.mail {display: block;}
.type-content.id-settings-notification-view .section02.mailActive ~ .section05 .object01,
.type-content.id-settings-notification-view .section02.smsActive ~ .section05 .object01 {border-top-color: transparent;}
.type-content.id-settings-notification-view .section02.mailActive ~ .section05 .object02,
.type-content.id-settings-notification-view .section02.smsActive ~ .section05 .object02 {border-top: none;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-view.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-settings-notification-view.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 설정 > 알림 발송 > 알림 등록 */
.type-content.id-settings-notification-registration .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-settings-notification-registration .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-registration .section01 {position: relative; height: 23px;}
  .type-content.id-settings-notification-registration .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-settings-notification-registration .section02 {box-sizing: border-box; position: relative; height: 214px;}
.type-content.id-settings-notification-registration .section02 .object01 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 184px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-settings-notification-registration .section02 .object02 {box-sizing: border-box; position: absolute; top: 51px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-settings-notification-registration .section02 .object03 {box-sizing: border-box; position: absolute; top: 31px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-registration .section02 .object04 {box-sizing: border-box; position: absolute; top: 31px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-notification-registration .section02 .object05 {box-sizing: border-box; position: absolute; top: 92px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-registration .section02 .object06 {box-sizing: border-box; position: absolute; top: 112px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-settings-notification-registration .section02 .object07 {box-sizing: border-box; position: absolute; top: 93px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-registration .section02 .object08 {box-sizing: border-box; position: absolute; top: 93px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-notification-registration .section02 .object08 .formSelect {width: 300px;}
.type-content.id-settings-notification-registration .section02 .object09 {box-sizing: border-box; position: absolute; top: 152px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-registration .section02 .object10 {box-sizing: border-box; position: absolute; top: 173px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-settings-notification-registration .section02 .object11 {box-sizing: border-box; position: absolute; top: 153px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-bottom-left-radius: 8px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-registration .section02 .object12 {box-sizing: border-box; position: absolute; top: 153px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-notification-registration .section02 .object12 .formSelect {width: 300px;}
.type-content.id-settings-notification-registration .section02 .object1301 {display: none;}
.type-content.id-settings-notification-registration .section02 .object1301 .object13 {box-sizing: border-box; position: absolute; top: 212px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-registration .section02 .object1301 .object14 {box-sizing: border-box; position: absolute; top: 233px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-settings-notification-registration .section02 .object1301 .object15 {box-sizing: border-box; position: absolute; top: 213px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-bottom-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-registration .section02 .object1301 .object16 {box-sizing: border-box; position: absolute; top: 213px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-notification-registration .section02 .object1301 .object16 textarea {display: block; box-sizing: border-box; width: calc(100% - 50px); height: 100%; padding: 7px 15px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; color: #666; font-size: 13px; line-height: 24px; resize: none; -webkit-appearance: none;}
.type-content.id-settings-notification-registration .section02 .object1301 .object16 textarea::placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-registration .section02 .object1301 .object16 textarea::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-registration .section02 .object1301 .object16 textarea:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-registration .section02 .object1301 .object17 {box-sizing: border-box; position: absolute; top: 223px; right: 0; padding: 10px 15px; font-size: 14px; color: #666;}
.type-content.id-settings-notification-registration .section02 .object1301 .object17 strong {font-weight: 500; color: #222;}
.type-content.id-settings-notification-registration .section02 .object1302 .object13 {box-sizing: border-box; position: absolute; top: 212px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-registration .section02 .object1302 {display: none;}
.type-content.id-settings-notification-registration .section02 .object1302 .object14 {box-sizing: border-box; position: absolute; top: 233px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-settings-notification-registration .section02 .object1302 .object15 {box-sizing: border-box; position: absolute; top: 213px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-registration .section02 .object1302 .object16 {box-sizing: border-box; position: absolute; top: 213px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-notification-registration .section02 .object1302 .object16 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-settings-notification-registration .section02 .object1302 .object16 input::placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-registration .section02 .object1302 .object16 input::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-registration .section02 .object1302 .object16 input:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-registration .section02 .object1302 .object17 {box-sizing: border-box; position: absolute; top: 272px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-registration .section02 .object1302 .object18 {box-sizing: border-box; position: absolute; top: 273px; left: 1px; width: calc(100% - 2px);}
.type-content.id-settings-notification-registration .section02 .object1302 .object18 textarea {display: block; box-sizing: border-box; width: 100%; height: 288px; padding: 24px 30px; margin: 0; border: none; border-radius: 0; background-color: #fff; color: #666; font-size: 13px; line-height: 24px; resize: none; -webkit-appearance: none;}
.type-content.id-settings-notification-registration .section02 .object1302 .object18 textarea::placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-registration .section02 .object1302 .object18 textarea::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-registration .section02 .object1302 .object18 textarea:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-registration .section02 .object1302 .object19 {box-sizing: border-box; position: absolute; top: 560px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-registration .section02.smsActive {height: 274px;}
.type-content.id-settings-notification-registration .section02.smsActive .object01 {height: 244px;}
.type-content.id-settings-notification-registration .section02.smsActive .object1301 {display: block;}
.type-content.id-settings-notification-registration .section02.mailActive {height: 561px;}
.type-content.id-settings-notification-registration .section02.mailActive .object01 {height: 531px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.type-content.id-settings-notification-registration .section02.mailActive .object1302 {display: block;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-registration .section02 {position: relative; height: 274px;}
  .type-content.id-settings-notification-registration .section02 .object01 {display: none;}
  .type-content.id-settings-notification-registration .section02 .object01 {display: none;}
  .type-content.id-settings-notification-registration .section02 .object02 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-settings-notification-registration .section02 .object03 {box-sizing: border-box; position: absolute; top: 20px; left: 10px; width: 100%; height: 33px; padding: 0; border-top-left-radius: 0; background-color: transparent; color: #222; font-weight: 500; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-notification-registration .section02 .object04 {box-sizing: border-box; position: absolute; top: 53px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-notification-registration .section02 .object04 .formCalendar {width: 100%;}
  .type-content.id-settings-notification-registration .section02 .object05 {display: none;}
  .type-content.id-settings-notification-registration .section02 .object06 {box-sizing: border-box; position: absolute; top: 118px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-settings-notification-registration .section02 .object07 {box-sizing: border-box; position: absolute; top: 108px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-notification-registration .section02 .object08 {box-sizing: border-box; position: absolute; top: 141px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-notification-registration .section02 .object08 .formSelect {width: 100%;}
  .type-content.id-settings-notification-registration .section02 .object09 {display: none;}
  .type-content.id-settings-notification-registration .section02 .object10 {box-sizing: border-box; position: absolute; top: 206px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-settings-notification-registration .section02 .object11 {box-sizing: border-box; position: absolute; top: 196px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-notification-registration .section02 .object12 {box-sizing: border-box; position: absolute; top: 229px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-notification-registration .section02 .object12 .formSelect {width: 100%;}
  .type-content.id-settings-notification-registration .section02 .object1301 .object13 {display: none;}
  .type-content.id-settings-notification-registration .section02 .object1301 .object14 {box-sizing: border-box; position: absolute; top: 294px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-settings-notification-registration .section02 .object1301 .object15 {box-sizing: border-box; position: absolute; top: 284px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-notification-registration .section02 .object1301 .object16 {box-sizing: border-box; position: absolute; top: 317px; left: 0; width: 100%; height: 188px; padding: 0;}
  .type-content.id-settings-notification-registration .section02 .object1301 .object16 textarea {width: 100%; height: 100%; padding: 15px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; color: #666; font-size: 14px; line-height: 24px; resize: none;}
  .type-content.id-settings-notification-registration .section02 .object1301 .object17 {box-sizing: border-box; position: absolute; top: 512px; right: 0; padding: 0; font-size: 14px; color: #666;}
  .type-content.id-settings-notification-registration .section02 .object1302 .object13 {display: none;}
  .type-content.id-settings-notification-registration .section02 .object1302 .object14 {box-sizing: border-box; position: absolute; top: 294px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-settings-notification-registration .section02 .object1302 .object15 {box-sizing: border-box; position: absolute; top: 284px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-notification-registration .section02 .object1302 .object16 {box-sizing: border-box; position: absolute; top: 317px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-notification-registration .section02 .object1302 .object16 input {width: 100%;}
  .type-content.id-settings-notification-registration .section02 .object1302 .object17 {display: none;}
  .type-content.id-settings-notification-registration .section02 .object1302 .object18 {box-sizing: border-box; position: absolute; top: 372px; left: 0; width: 100%; height: auto; padding: 0;}
  .type-content.id-settings-notification-registration .section02 .object1302 .object18 textarea {display: block; box-sizing: border-box; width: 100%; height: 240px; padding: 15px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; color: #666; font-size: 14px; line-height: 24px; resize: none;}
  .type-content.id-settings-notification-registration .section02 .object1302 .object19 {display: none;}
  .type-content.id-settings-notification-registration .section02.smsActive {height: 529px;}
  .type-content.id-settings-notification-registration .section02.mailActive {height: 612px;}
}

.type-content.id-settings-notification-registration .section03 {display: none; box-sizing: border-box; position: relative;}
.type-content.id-settings-notification-registration .section03 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #ccc; border-top: 0; border-radius: 0 0 8px 8px; background-color: #fff;}
.type-content.id-settings-notification-registration .section03 .object02 {box-sizing: border-box; position: absolute; top: 0; left: 1px; width: 199px; height: calc(100% - 1px); padding: 0 30px; border-bottom-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-registration .section03 .object03 {box-sizing: border-box; position: relative; top: 0; left: 0; width: 100%; height: 100%; padding: 15px calc(15px + 1px) 15px calc(15px + 199px + 1px);}
.type-content.id-settings-notification-registration .section03 .object03 button.attachment {width: 100px; height: 35px; padding: 0; margin: 0; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; font-size: 13px; font-weight: 500; color: #666;}
.type-content.id-settings-notification-registration .section03 .object03 .attachment input {box-sizing: border-box; position: absolute; top: 10px; left: 214px; width: 100px; height: 35px; border-radius: 0; opacity: 0; cursor: pointer; -webkit-appearance: none;}
.type-content.id-settings-notification-registration .section03 .object03 .attachment input::-webkit-file-upload-button {cursor: pointer;}
.type-content.id-settings-notification-registration .section03 .object03 .attachment .box {display: none; box-sizing: border-box; width: 100%; height: 100%; padding: 14px 0 13px 0; margin-top: 10px; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff;}
.type-content.id-settings-notification-registration .section03 .object03 .attachment .box ul.attachmentList {list-style: none; padding: 0; margin: 0;}
.type-content.id-settings-notification-registration .section03 .object03 .attachment .box ul li {padding: 6px 0 7px 15px; font-size: 13px; color: #666; line-height: 14px;}
.type-content.id-settings-notification-registration .section03 .object03 .attachment .box ul li::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-settings-notification-registration .section03 .object03 .attachment .box ul li .delete {overflow: hidden; float: left; padding-top: 5px; width: 9px; height: 9px; background: transparent url('../images/content/pc/delete-type01.png') no-repeat center center; text-indent: -1000px; cursor: pointer;}
.type-content.id-settings-notification-registration .section03 .object03 .attachment .box ul li .file {float: left; margin-left: 10px; padding-left: 17px; background: transparent url('../images/content/pc/file-type01.png') no-repeat left center / 9px 12px;}
.type-content.id-settings-notification-registration .section03 .object03.boxActive .attachment .box {display: block;}
.type-content.id-settings-notification-registration .section02.mailActive + .section03 {display: block;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-registration .section03 .object01 {display: none;}
  .type-content.id-settings-notification-registration .section03 .object02 {box-sizing: border-box; position: absolute; top: 10px; left: 10px; width: 100%; height: 33px; padding: 0; border-top-left-radius: 0; background-color: transparent; color: #222; font-weight: 500; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-notification-registration .section03 .object03 {box-sizing: border-box; position: relative; width: 100%; height: 100%; padding: 43px 0 0 0;}
  .type-content.id-settings-notification-registration .section03 .object03 button.attachment {width: 100%; height: 35px; padding: 0; margin: 0; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; font-size: 13px; font-weight: 500; color: #666;}
  .type-content.id-settings-notification-registration .section03 .object03 .attachment input {box-sizing: border-box; position: absolute; top: 43px; left: 0; width: 100%; height: 35px; border-radius: 0; opacity: 0; cursor: pointer;}
}

.type-content.id-settings-notification-registration .section04 {box-sizing: border-box; position: relative; height: 65px;}
.type-content.id-settings-notification-registration .section04 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100px; height: 45px;}
.type-content.id-settings-notification-registration .section04 .object01 button {width: 100%; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
.type-content.id-settings-notification-registration .section04 .object01 button:hover {background-color: #f5f5f5;}
.type-content.id-settings-notification-registration .section04 .object02 {box-sizing: border-box; position: absolute; top: 20px; right: 0; width: 100px; height: 45px;}
.type-content.id-settings-notification-registration .section04 .object02 button {width: 100%; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
.type-content.id-settings-notification-registration .section04 .object02 button:hover {background-color: #12172c;}
.type-content.id-settings-notification-registration .section04 .object02 button.registration:disabled {opacity: 0.3;}
.type-content.id-settings-notification-registration .section04 .object02 button.registration:disabled:hover {background-color: #202845;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-registration .section04 {position: relative; height: 65px;}
  .type-content.id-settings-notification-registration .section04 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: calc(50% - 5px); height: 45px;}
  .type-content.id-settings-notification-registration .section04 .object01 button {width: 100%; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
  .type-content.id-settings-notification-registration .section04 .object01 button:hover {background-color: #fff;}
  .type-content.id-settings-notification-registration .section04 .object02 {box-sizing: border-box; position: absolute; top: 20px; right: 0; width: calc(50% - 5px); height: 45px;}
  .type-content.id-settings-notification-registration .section04 .object02 button {width: 100%; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
  .type-content.id-settings-notification-registration .section04 .object02 button:hover {background-color: #202845;}
}

@media (max-width: 1279px) {
  .type-content.id-settings-notification-registration.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-settings-notification-registration.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 설정 > 알림 발송 > 알림 수정 */
.type-content.id-settings-notification-edit .section01 {box-sizing: border-box; position: relative; height: 30px;}
.type-content.id-settings-notification-edit .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-edit .section01 {position: relative; height: 23px;}
  .type-content.id-settings-notification-edit .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-settings-notification-edit .section02 {box-sizing: border-box; position: relative; height: 214px;}
.type-content.id-settings-notification-edit .section02 .object01 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 100%; height: 184px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-settings-notification-edit .section02 .object02 {box-sizing: border-box; position: absolute; top: 51px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-settings-notification-edit .section02 .object03 {box-sizing: border-box; position: absolute; top: 31px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-edit .section02 .object04 {box-sizing: border-box; position: absolute; top: 31px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-notification-edit .section02 .object05 {box-sizing: border-box; position: absolute; top: 92px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-edit .section02 .object06 {box-sizing: border-box; position: absolute; top: 112px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-settings-notification-edit .section02 .object07 {box-sizing: border-box; position: absolute; top: 93px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-edit .section02 .object08 {box-sizing: border-box; position: absolute; top: 93px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-notification-edit .section02 .object08 .formSelect {width: 300px;}
.type-content.id-settings-notification-edit .section02 .object09 {box-sizing: border-box; position: absolute; top: 152px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-edit .section02 .object10 {box-sizing: border-box; position: absolute; top: 173px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-settings-notification-edit .section02 .object11 {box-sizing: border-box; position: absolute; top: 153px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-bottom-left-radius: 8px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-edit .section02 .object12 {box-sizing: border-box; position: absolute; top: 153px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-notification-edit .section02 .object12 .formSelect {width: 300px;}
.type-content.id-settings-notification-edit .section02 .object1301 {display: none;}
.type-content.id-settings-notification-edit .section02 .object1301 .object13 {box-sizing: border-box; position: absolute; top: 212px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-edit .section02 .object1301 .object14 {box-sizing: border-box; position: absolute; top: 233px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-settings-notification-edit .section02 .object1301 .object15 {box-sizing: border-box; position: absolute; top: 213px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-bottom-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-edit .section02 .object1301 .object16 {box-sizing: border-box; position: absolute; top: 213px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-notification-edit .section02 .object1301 .object16 textarea {display: block; box-sizing: border-box; width: calc(100% - 50px); height: 100%; padding: 7px 15px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; color: #666; font-size: 13px; line-height: 24px; resize: none; -webkit-appearance: none;}
.type-content.id-settings-notification-edit .section02 .object1301 .object16 textarea::placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-edit .section02 .object1301 .object16 textarea::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-edit .section02 .object1301 .object16 textarea:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-edit .section02 .object1301 .object17 {box-sizing: border-box; position: absolute; top: 223px; right: 0; padding: 10px 15px; font-size: 14px; color: #666;}
.type-content.id-settings-notification-edit .section02 .object1301 .object17 strong {font-weight: 500; color: #222;}
.type-content.id-settings-notification-edit .section02 .object1302 .object13 {box-sizing: border-box; position: absolute; top: 212px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-edit .section02 .object1302 {display: none;}
.type-content.id-settings-notification-edit .section02 .object1302 .object14 {box-sizing: border-box; position: absolute; top: 233px; left: 21px; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
.type-content.id-settings-notification-edit .section02 .object1302 .object15 {box-sizing: border-box; position: absolute; top: 213px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-edit .section02 .object1302 .object16 {box-sizing: border-box; position: absolute; top: 213px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 10px 15px;}
.type-content.id-settings-notification-edit .section02 .object1302 .object16 input {box-sizing: border-box; width: 100%; height: 100%; padding: 0 16px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #666; -webkit-appearance: none;}
.type-content.id-settings-notification-edit .section02 .object1302 .object16 input::placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-edit .section02 .object1302 .object16 input::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-edit .section02 .object1302 .object16 input:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-edit .section02 .object1302 .object17 {box-sizing: border-box; position: absolute; top: 272px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-edit .section02 .object1302 .object18 {box-sizing: border-box; position: absolute; top: 273px; left: 1px; width: calc(100% - 2px);}
.type-content.id-settings-notification-edit .section02 .object1302 .object18 textarea {display: block; box-sizing: border-box; width: 100%; height: 288px; padding: 24px 30px; margin: 0; border: none; border-radius: 0; background-color: #fff; color: #666; font-size: 13px; line-height: 24px; resize: none; -webkit-appearance: none;}
.type-content.id-settings-notification-edit .section02 .object1302 .object18 textarea::placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-edit .section02 .object1302 .object18 textarea::-webkit-input-placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-edit .section02 .object1302 .object18 textarea:-ms-input-placeholder {color: #d1d1d1;}
.type-content.id-settings-notification-edit .section02 .object1302 .object19 {box-sizing: border-box; position: absolute; top: 560px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-edit .section02.smsActive {height: 274px;}
.type-content.id-settings-notification-edit .section02.smsActive .object01 {height: 244px;}
.type-content.id-settings-notification-edit .section02.smsActive .object1301 {display: block;}
.type-content.id-settings-notification-edit .section02.mailActive {height: 561px;}
.type-content.id-settings-notification-edit .section02.mailActive .object01 {height: 531px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.type-content.id-settings-notification-edit .section02.mailActive .object1302 {display: block;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-edit .section02 {position: relative; height: 274px;}
  .type-content.id-settings-notification-edit .section02 .object01 {display: none;}
  .type-content.id-settings-notification-edit .section02 .object01 {display: none;}
  .type-content.id-settings-notification-edit .section02 .object02 {box-sizing: border-box; position: absolute; top: 30px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-settings-notification-edit .section02 .object03 {box-sizing: border-box; position: absolute; top: 20px; left: 10px; width: 100%; height: 33px; padding: 0; border-top-left-radius: 0; background-color: transparent; color: #222; font-weight: 500; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-notification-edit .section02 .object04 {box-sizing: border-box; position: absolute; top: 53px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-notification-edit .section02 .object04 .formCalendar {width: 100%;}
  .type-content.id-settings-notification-edit .section02 .object05 {display: none;}
  .type-content.id-settings-notification-edit .section02 .object06 {box-sizing: border-box; position: absolute; top: 118px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-settings-notification-edit .section02 .object07 {box-sizing: border-box; position: absolute; top: 108px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-notification-edit .section02 .object08 {box-sizing: border-box; position: absolute; top: 141px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-notification-edit .section02 .object08 .formSelect {width: 100%;}
  .type-content.id-settings-notification-edit .section02 .object09 {display: none;}
  .type-content.id-settings-notification-edit .section02 .object10 {box-sizing: border-box; position: absolute; top: 206px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-settings-notification-edit .section02 .object11 {box-sizing: border-box; position: absolute; top: 196px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-notification-edit .section02 .object12 {box-sizing: border-box; position: absolute; top: 229px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-notification-edit .section02 .object12 .formSelect {width: 100%;}
  .type-content.id-settings-notification-edit .section02 .object1301 .object13 {display: none;}
  .type-content.id-settings-notification-edit .section02 .object1301 .object14 {box-sizing: border-box; position: absolute; top: 294px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-settings-notification-edit .section02 .object1301 .object15 {box-sizing: border-box; position: absolute; top: 284px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-notification-edit .section02 .object1301 .object16 {box-sizing: border-box; position: absolute; top: 317px; left: 0; width: 100%; height: 188px; padding: 0;}
  .type-content.id-settings-notification-edit .section02 .object1301 .object16 textarea {width: 100%; height: 100%; padding: 15px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; color: #666; font-size: 14px; line-height: 24px; resize: none;}
  .type-content.id-settings-notification-edit .section02 .object1301 .object17 {box-sizing: border-box; position: absolute; top: 512px; right: 0; padding: 0; font-size: 14px; color: #666;}
  .type-content.id-settings-notification-edit .section02 .object1302 .object13 {display: none;}
  .type-content.id-settings-notification-edit .section02 .object1302 .object14 {box-sizing: border-box; position: absolute; top: 294px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #d0202e; z-index: 10;}
  .type-content.id-settings-notification-edit .section02 .object1302 .object15 {box-sizing: border-box; position: absolute; top: 284px; left: 10px; width: auto; height: auto; padding: 0; background-color: transparent; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-notification-edit .section02 .object1302 .object16 {box-sizing: border-box; position: absolute; top: 317px; left: 0; width: 100%; height: 45px; padding: 0;}
  .type-content.id-settings-notification-edit .section02 .object1302 .object16 input {width: 100%;}
  .type-content.id-settings-notification-edit .section02 .object1302 .object17 {display: none;}
  .type-content.id-settings-notification-edit .section02 .object1302 .object18 {box-sizing: border-box; position: absolute; top: 372px; left: 0; width: 100%; height: auto; padding: 0;}
  .type-content.id-settings-notification-edit .section02 .object1302 .object18 textarea {display: block; box-sizing: border-box; width: 100%; height: 240px; padding: 15px; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; color: #666; font-size: 14px; line-height: 24px; resize: none;}
  .type-content.id-settings-notification-edit .section02 .object1302 .object19 {display: none;}
  .type-content.id-settings-notification-edit .section02.smsActive {height: 529px;}
  .type-content.id-settings-notification-edit .section02.mailActive {height: 612px;}
}

.type-content.id-settings-notification-edit .section03 {display: none; box-sizing: border-box; position: relative;}
.type-content.id-settings-notification-edit .section03 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #ccc; border-top: 0; border-radius: 0 0 8px 8px; background-color: #fff;}
.type-content.id-settings-notification-edit .section03 .object02 {box-sizing: border-box; position: absolute; top: 0; left: 1px; width: 199px; height: calc(100% - 1px); padding: 0 30px; border-bottom-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-edit .section03 .object03 {box-sizing: border-box; position: relative; top: 0; left: 0; width: 100%; height: 100%; padding: 15px calc(15px + 1px) 15px calc(15px + 199px + 1px);}
.type-content.id-settings-notification-edit .section03 .object03 button.attachment {width: 100px; height: 35px; padding: 0; margin: 0; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; font-size: 13px; font-weight: 500; color: #666;}
.type-content.id-settings-notification-edit .section03 .object03 .attachment input {box-sizing: border-box; position: absolute; top: 10px; left: 214px; width: 100px; height: 35px; border-radius: 0; opacity: 0; cursor: pointer; -webkit-appearance: none;}
.type-content.id-settings-notification-edit .section03 .object03 .attachment input::-webkit-file-upload-button {cursor: pointer;}
.type-content.id-settings-notification-edit .section03 .object03 .attachment .box {display: none; box-sizing: border-box; width: 100%; height: 100%; padding: 14px 0 13px 0; margin-top: 10px; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff;}
.type-content.id-settings-notification-edit .section03 .object03 .attachment .box ul.attachmentList {list-style: none; padding: 0; margin: 0;}
.type-content.id-settings-notification-edit .section03 .object03 .attachment .box ul li {padding: 6px 0 7px 15px; font-size: 13px; color: #666; line-height: 14px;}
.type-content.id-settings-notification-edit .section03 .object03 .attachment .box ul li::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-settings-notification-edit .section03 .object03 .attachment .box ul li .delete {overflow: hidden; float: left; padding-top: 5px; width: 9px; height: 9px; background: transparent url('../images/content/pc/delete-type01.png') no-repeat center center; text-indent: -1000px; cursor: pointer;}
.type-content.id-settings-notification-edit .section03 .object03 .attachment .box ul li .file {float: left; margin-left: 10px; padding-left: 17px; background: transparent url('../images/content/pc/file-type01.png') no-repeat left center / 9px 12px;}
.type-content.id-settings-notification-edit .section03 .object03.boxActive .attachment .box {display: block;}
.type-content.id-settings-notification-edit .section02.mailActive + .section03 {display: block;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-edit .section03 .object01 {display: none;}
  .type-content.id-settings-notification-edit .section03 .object02 {box-sizing: border-box; position: absolute; top: 10px; left: 10px; width: 100%; height: 33px; padding: 0; border-top-left-radius: 0; background-color: transparent; color: #222; font-weight: 500; font-size: 14px; line-height: 33px;}
  .type-content.id-settings-notification-edit .section03 .object03 {box-sizing: border-box; position: relative; width: 100%; height: 100%; padding: 43px 0 0 0;}
  .type-content.id-settings-notification-edit .section03 .object03 button.attachment {width: 100%; height: 35px; padding: 0; margin: 0; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; font-size: 13px; font-weight: 500; color: #666;}
  .type-content.id-settings-notification-edit .section03 .object03 .attachment input {box-sizing: border-box; position: absolute; top: 43px; left: 0; width: 100%; height: 35px; border-radius: 0; opacity: 0; cursor: pointer;}
}

.type-content.id-settings-notification-edit .section04 {box-sizing: border-box; position: relative; height: 65px;}
.type-content.id-settings-notification-edit .section04 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: 100px; height: 45px;}
.type-content.id-settings-notification-edit .section04 .object01 button {width: 100%; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
.type-content.id-settings-notification-edit .section04 .object01 button:hover {background-color: #f5f5f5;}
.type-content.id-settings-notification-edit .section04 .object02 {box-sizing: border-box; position: absolute; top: 20px; right: 0; width: 100px; height: 45px;}
.type-content.id-settings-notification-edit .section04 .object02 button {width: 100%; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
.type-content.id-settings-notification-edit .section04 .object02 button:hover {background-color: #12172c;}
.type-content.id-settings-notification-edit .section04 .object02 button.registration:disabled {opacity: 0.3;}
.type-content.id-settings-notification-edit .section04 .object02 button.registration:disabled:hover {background-color: #202845;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-edit .section04 {position: relative; height: 65px;}
  .type-content.id-settings-notification-edit .section04 .object01 {box-sizing: border-box; position: absolute; top: 20px; left: 0; width: calc(50% - 5px); height: 45px;}
  .type-content.id-settings-notification-edit .section04 .object01 button {width: 100%; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #666; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
  .type-content.id-settings-notification-edit .section04 .object01 button:hover {background-color: #fff;}
  .type-content.id-settings-notification-edit .section04 .object02 {box-sizing: border-box; position: absolute; top: 20px; right: 0; width: calc(50% - 5px); height: 45px;}
  .type-content.id-settings-notification-edit .section04 .object02 button {width: 100%; border: 1px solid #202845; border-radius: 4px; background-color: #202845; color: #fff; font-weight: 500; font-size: 14px; line-height: 43px; text-align: center;}
  .type-content.id-settings-notification-edit .section04 .object02 button:hover {background-color: #202845;}
}

@media (max-width: 1279px) {
  .type-content.id-settings-notification-edit.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-settings-notification-edit.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 설정 > 알림 수신 설정 */
.type-content.id-settings-notification-reception .section01 {box-sizing: border-box; position: relative; height: 45px;}
.type-content.id-settings-notification-reception .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-reception .section01 {position: relative; height: 23px;}
  .type-content.id-settings-notification-reception .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-settings-notification-reception .section02 {box-sizing: border-box; position: relative; height: 199px;}
.type-content.id-settings-notification-reception .section02 .object01 {box-sizing: border-box; position: absolute; top: 15px; left: 0; width: 100%; height: 184px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
.type-content.id-settings-notification-reception .section02 .object02 {box-sizing: border-box; position: absolute; top: 16px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-reception .section02 .object03 {box-sizing: border-box; position: absolute; top: 16px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-settings-notification-reception .section02 .object03 .switch {box-sizing: border-box; position: absolute; top: 18px; left: 20px; width: 58px; height: 24px; background-color: #ccc; border-radius: 12px; cursor: pointer;}
.type-content.id-settings-notification-reception .section02 .object03 .switch::before {display: block; width: 100%; padding-left: 25px; color: #fff; font-size: 13px; line-height: 24px; content: 'OFF';}
.type-content.id-settings-notification-reception .section02 .object03 .switch .item01 {position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; z-index: 10;}
.type-content.id-settings-notification-reception .section02 .object04 {box-sizing: border-box; position: absolute; top: 76px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-reception .section02 .object05 {box-sizing: border-box; position: absolute; top: 77px; left: 1px; width: 199px; height: 60px; padding: 0 30px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-reception .section02 .object06 {box-sizing: border-box; position: absolute; top: 77px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-settings-notification-reception .section02 .object06 .switch {box-sizing: border-box; position: absolute; top: 18px; left: 20px; width: 58px; height: 24px; background-color: #ccc; border-radius: 12px; cursor: pointer;}
.type-content.id-settings-notification-reception .section02 .object06 .switch::before {display: block; width: 100%; padding-left: 25px; color: #fff; font-size: 13px; line-height: 24px; content: 'OFF';}
.type-content.id-settings-notification-reception .section02 .object06 .switch .item01 {position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; z-index: 10;}
.type-content.id-settings-notification-reception .section02 .object07 {box-sizing: border-box; position: absolute; top: 137px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
.type-content.id-settings-notification-reception .section02 .object08 {box-sizing: border-box; position: absolute; top: 138px; left: 1px; width: 199px; height: 60px; padding: 0 30px; border-bottom-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 60px;}
.type-content.id-settings-notification-reception .section02 .object09 {box-sizing: border-box; position: absolute; top: 138px; left: 200px; width: calc(100% - 201px); height: 60px; padding: 0 20px; color: #666; font-size: 13px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-settings-notification-reception .section02 .object09 .switch {box-sizing: border-box; position: absolute; top: 18px; left: 20px; width: 58px; height: 24px; background-color: #ccc; border-radius: 12px; cursor: pointer;}
.type-content.id-settings-notification-reception .section02 .object09 .switch::before {display: block; width: 100%; padding-left: 25px; color: #fff; font-size: 13px; line-height: 24px; content: 'OFF';}
.type-content.id-settings-notification-reception .section02 .object09 .switch .item01 {position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; z-index: 10;}
.type-content.id-settings-notification-reception .section02 .object03.active .switch,
.type-content.id-settings-notification-reception .section02 .object06.active .switch,
.type-content.id-settings-notification-reception .section02 .object09.active .switch {background-color: #202845;}
.type-content.id-settings-notification-reception .section02 .object03.active .switch::before,
.type-content.id-settings-notification-reception .section02 .object06.active .switch::before,
.type-content.id-settings-notification-reception .section02 .object09.active .switch::before {padding-left: 12px; content: 'ON';}
.type-content.id-settings-notification-reception .section02 .object03.active .switch .item01,
.type-content.id-settings-notification-reception .section02 .object06.active .switch .item01,
.type-content.id-settings-notification-reception .section02 .object09.active .switch .item01 {right: 4px; left: auto;}
@media (max-width: 1279px) {
  .type-content.id-settings-notification-reception .section02 {position: relative; height: 168px;}
  .type-content.id-settings-notification-reception .section02 .object01 {position: absolute; top: 19px; left: 0; width: 100%; height: 151px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff;}
  .type-content.id-settings-notification-reception .section02 .object02 {position: absolute; top: 20px; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-reception .section02 .object03 {position: absolute; top: 20px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-reception .section02 .object03 .switch {box-sizing: border-box; position: absolute; top: 13px; left: 20px; width: 58px; height: 24px; background-color: #ccc; border-radius: 12px; cursor: pointer;}
  .type-content.id-settings-notification-reception .section02 .object03 .switch::before {display: block; width: 100%; padding-left: 25px; color: #fff; font-size: 13px; line-height: 24px; content: 'OFF';}
  .type-content.id-settings-notification-reception .section02 .object03 .switch .item01 {position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; z-index: 10;}
  .type-content.id-settings-notification-reception .section02 .object04 {position: absolute; top: 69px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
  .type-content.id-settings-notification-reception .section02 .object05 {position: absolute; top: 70px; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-reception .section02 .object06 {position: absolute; top: 70px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-reception .section02 .object06 .switch {box-sizing: border-box; position: absolute; top: 13px; left: 20px; width: 58px; height: 24px; background-color: #ccc; border-radius: 12px; cursor: pointer;}
  .type-content.id-settings-notification-reception .section02 .object06 .switch::before {display: block; width: 100%; padding-left: 25px; color: #fff; font-size: 13px; line-height: 24px; content: 'OFF';}
  .type-content.id-settings-notification-reception .section02 .object06 .switch .item01 {position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; z-index: 10;}
  .type-content.id-settings-notification-reception .section02 .object07 {position: absolute; top: 119px; left: 1px; width: calc(100% - 2px); height: 1px; background-color: #e6e6e6;}
  .type-content.id-settings-notification-reception .section02 .object08 {position: absolute; top: 120px; left: 1px; width: 120px; height: 49px; padding: 0 20px; border-top-left-radius: 7px; background-color: #fafafa; color: #222; font-weight: 500; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-reception .section02 .object09 {position: absolute; top: 120px; left: 121px; width: calc(100% - 122px); height: 49px; padding: 0 20px; color: #666; font-size: 13px; line-height: 49px;}
  .type-content.id-settings-notification-reception .section02 .object09 .switch {box-sizing: border-box; position: absolute; top: 13px; left: 20px; width: 58px; height: 24px; background-color: #ccc; border-radius: 12px; cursor: pointer;}
  .type-content.id-settings-notification-reception .section02 .object09 .switch::before {display: block; width: 100%; padding-left: 25px; color: #fff; font-size: 13px; line-height: 24px; content: 'OFF';}
  .type-content.id-settings-notification-reception .section02 .object09 .switch .item01 {position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; z-index: 10;}
}

@media (max-width: 1279px) {
  .type-content.id-settings-notification-reception.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-settings-notification-reception.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 알림 > 알림함 */
.type-content.id-notification-box .section01 {box-sizing: border-box; position: relative; height: 45px;}
.type-content.id-notification-box .section01 .object01 {box-sizing: border-box; position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 32px; line-height: 30px;}
.type-content.id-notification-box .section01 .object02 {display: block; position: absolute; top: 0; right: 0;}
@media (max-width: 1279px) {
  .type-content.id-notification-box .section01 {position: relative; height: 23px;}
  .type-content.id-notification-box .section01 .object01 {position: absolute; top: 0; left: 0; color: #222; font-weight: 200; font-size: 25px; line-height: 23px;}
}

.type-content.id-notification-box .section02 {box-sizing: border-box; position: relative;}
.type-content.id-notification-box .section02 .object01 {box-sizing: border-box; position: relative; padding-top: 5px; width: 100%;}
.type-content.id-notification-box .section02 .object01 .item {display: flex; flex-direction: row; position: relative; padding: 24px 30px; margin-top: 10px; border: 1px solid #e6e6e6; border-radius: 8px; background-color: #fff; font-size: 13px; font-weight: 400; color: #666; cursor: pointer;}
.type-content.id-notification-box .section02 .object01 .item::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-notification-box .section02 .object01 .item .item01 {flex: 1; float: left;}
.type-content.id-notification-box .section02 .object01 .item .item01 .title {padding-right: 15px;}
.type-content.id-notification-box .section02 .object01 .item .item01 .title::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-notification-box .section02 .object01 .item .item01 .title .caption {float: left; padding-right: 15px; color: #222; line-height: 12px;}
.type-content.id-notification-box .section02 .object01 .item .item01 .title .date {float: left; padding-left: 16px; background: transparent url('../images/content/pc/divide-type02.png') no-repeat left center; color: #999; line-height: 12px;}
.type-content.id-notification-box .section02 .object01 .item .item01 .content {padding: 12px 15px 0 0; line-height: 19px;}
.type-content.id-notification-box .section02 .object01 .item .item02 {display: flex; align-items: center;}
.type-content.id-notification-box .section02 .object01 .item .item02 .more {overflow: hidden; float: right; width: 8px; height: 16px; background: transparent url('../images/content/pc/arrow-type13.png') no-repeat left center; text-indent: -1000px;}
.type-content.id-notification-box .section02 .object01 .item:hover .item02 .more {background-image: url('../images/content/pc/arrow-type13-hover.png');}
.type-content.id-notification-box .section02 .object01 .none {display: none; width: 100%; margin-top: 10px; border: 1px solid #e6e6e6; border-radius: 8px; background-color: #fff; font-size: 13px; color: #999; text-align: center; line-height: 91px;}
.type-content.id-notification-box .section02 .object01.none .item {display: none;}
.type-content.id-notification-box .section02 .object01.none .none {display: block;}
@media (max-width: 1279px) {
  .type-content.id-notification-box .section02 .object01 {padding-top: 10px;}
  .type-content.id-notification-box .section02 .object01 .item {display: flex; flex-direction: row; position: relative; padding: 20px 16px; margin-top: 10px; border: none; border-radius: 8px; background-color: #fff; font-size: 13px; font-weight: 400; color: #666;}
  .type-content.id-notification-box .section02 .object01 .item::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
  .type-content.id-notification-box .section02 .object01 .item .item01 {flex: 1; float: left;}
  .type-content.id-notification-box .section02 .object01 .item .item01 .title::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
  .type-content.id-notification-box .section02 .object01 .item .item01 .title .caption {float: left; padding-right: 10px; color: #222; line-height: 12px;}
  .type-content.id-notification-box .section02 .object01 .item .item01 .title .date {float: left; padding-left: 0; background-image: unset; color: #999; line-height: 12px;}
  .type-content.id-notification-box .section02 .object01 .item .item01 .content {padding: 10px 15px 0 0; margin-bottom: -3px; font-size: 14px; line-height: 21px;}
  .type-content.id-notification-box .section02 .object01 .item .item02 {display: flex; align-items: center;}
  .type-content.id-notification-box .section02 .object01 .item .item02 .more {overflow: hidden; float: right; width: 8px; height: 16px; background: transparent url('../images/content/mobile/arrow-type12.png') no-repeat left center / 8px 16px; text-indent: -1000px; cursor: pointer;}
  .type-content.id-notification-box .section02 .object01 .item:hover .item02 .more {background-image: url('../images/content/mobile/arrow-type12.png'); background-size: 8px 16px;}
  .type-content.id-notification-box .section02 .object01 .none {border: none; line-height: 80px;}
}

@media (max-width: 1279px) {
  .type-content.id-notification-box.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-notification-box.loginClub.inactiveBi main .container {padding-bottom: 30px;}
}


/* 홈 > APL 실시간 현황 */
.type-content.id-aplRealtimeStatus {background-color: #12172c;}
.type-content.id-aplRealtimeStatus .wrapBg:before {background-color: #12172c;}

.type-content.id-aplRealtimeStatus main {height: 100%; padding-bottom: calc(205px - 1px); background-color: #12172c;}
.type-content.id-aplRealtimeStatus main .container {box-sizing: border-box; height: 100%;}
.type-content.id-aplRealtimeStatus .main-board {display: block;}
.type-content.id-aplRealtimeStatus.mainBoardInactive main {padding-bottom: 0;}
@media (max-width: 1279px) {
  .type-content.id-aplRealtimeStatus main {height: auto; padding-bottom: 0;}
  .type-content.id-aplRealtimeStatus main .container {box-sizing: border-box; height: auto;}
}

.type-content.id-aplRealtimeStatus .main-realtimeStatus {height: calc(100% + 80px); min-height: 834px; margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-aplRealtimeStatus .main-realtimeStatus {height: auto; min-height: auto; margin-top: -30px;}
}

.type-content.id-aplRealtimeStatus .realtimeStatus-header {padding-top: 10px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-header::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-aplRealtimeStatus .realtimeStatus-header h3.title {float: left; padding: 0; margin: 0; line-height: 0;}
.type-content.id-aplRealtimeStatus .realtimeStatus-header h3.title .item {color: #fff; font-weight: 200; font-size: 32px; line-height: 90px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-header .date {float: left; padding: 41px 20px 0 20px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-header .date .item {color: #fff; font-size: 16px; line-height: 24px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-header .caption {float: right; padding: 41px 0 0 20px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-header .caption .item {color: #fff; font-size: 16px; line-height: 24px;}
@media (max-width: 1279px) {
  .type-content.id-aplRealtimeStatus .realtimeStatus-header {padding-top: 21px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-header h3.title {float: none;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-header h3.title .item {font-size: 25px; line-height: 62px; text-align: center;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-header .date {float: none; padding: 0; margin-top: -4px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-header .date .item {font-size: 14px; line-height: 21px; text-align: center;}
}

.type-content.id-aplRealtimeStatus .realtimeStatus-body {position: relative; height: calc(100% - 140px);}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide {box-sizing: border-box; position: absolute; top: 0; left: 474px; width: calc(100% - 454px - 20px); height: 190px; border-radius: 8px; background: #2a2f42 url('../images/content/pc/nationwide-type01.png') no-repeat left center;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .header {box-sizing: border-box; position: absolute; top: 46px; left: 0; width: 334px; text-align: center; line-height: 0; z-index: 100;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .header .contain {display: inline-block;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .header .contain::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .header .contain .title,
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .header .contain .content {color: #fff; font-weight: 500; font-size: 20px; line-height: 30px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .header .contain .content {font-size: 50px; line-height: 75px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body {box-sizing: border-box; position: absolute; top: 30px; left: 22px; width: calc(100% - 43px);}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info {list-style: none; padding: 0; margin: 0;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li {box-sizing: border-box; float: left; width: calc((100% - 0.4px) / 5); padding: 0 8px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li .contain {box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); position: relative; width: 100%; height: 130px; border-radius: 8px; background-image: linear-gradient(180deg, #ffbf83 0%, #ff7a4c 100%);}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.normal .contain {background-image: linear-gradient(180deg, #4cb5ff 0%, #486dff 100%);}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.abnormal .contain {background-image: linear-gradient(180deg, #ffa4a2 0%, #ff5788 100%);}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.all .contain {background-color: #434a64; background-image: none;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.normalOperationRate .contain {background-color: #2f87ff; background-image: none;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.normalOperationRate.normalOperationRate-20 .contain {background-color: #ff0f0f;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.normalOperationRate.normalOperationRate-40 .contain {background-color: #ff910f;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.normalOperationRate.normalOperationRate-60 .contain {background-color: #ffc90f;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.normalOperationRate.normalOperationRate-80 .contain {background-color: #1ec27a;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.normalOperationRate.normalOperationRate-100 .contain {background-color: #2f87ff;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li .contain .title {position: absolute; top: 15px; left: 15px; padding-left: 23px; color: #fff; font-size: 16px; font-weight: 500; line-height: 24px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li .contain .title::before {display: block; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin-top: -8px; background: transparent url('../images/content/pc/operation-type01.png') no-repeat center center; content: '';}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.normal .contain .title::before {background-image: url('../images/content/pc/normal-type01.png');}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.abnormal .contain .title::before {background-image: url('../images/content/pc/abnormal-type01.png');}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.normalOperationRate .contain .title::before {background-image: url('../images/content/pc/normalOperationRate-type01.png');}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.all .contain .title::before {background-image: url('../images/content/pc/normalOperationRate-type01.png');}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.all .contain .caption {position: absolute; top: 40px; left: 15px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.all .contain .caption .item {color: #fff; font-size: 12px; line-height: 18px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li .contain .content {position: absolute; bottom: 7px; right: 15px; color: #fff; font-size: 40px; font-weight: 500; line-height: 60px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li .contain .content span {font-size: 20px; line-height: 35px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li .contain .progress {position: absolute; bottom: 20px; left: 15px; width: calc(100% - 133px); height: 10px; border-radius: 5px; background-color: rgba(255, 255, 255, 0.4);}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li .contain .progress .item {overflow: hidden; min-width: 10px; height: 10px; border-radius: 5px; background-color: #fff; text-indent: -1000px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .map {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 454px; height: 100%; padding: 30px; border-radius: 8px; background-color: #2a2f42; color: #fff;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .map .contain {width: 100%; height: 100%;}
@media (max-width: 1279px) {
  .type-content.id-aplRealtimeStatus .realtimeStatus-body {height: auto; padding-top: 16px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide {position: relative; top: auto; left: auto; width: 100%; height: auto; padding: 15px; background-image: url('../images/content/mobile/nationwide-type01.png'); background-size: cover;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .header {position: static; top: auto; left: auto; width: auto; padding: 21px 0 35px 0;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .header .contain .title,
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .header .contain .content {float: left; padding: 0 20px; font-size: 17px; line-height: 52px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .header .contain .content {font-size: 35px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body {position: static; top: auto; left: auto; width: 100%;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li {width: calc(100% / 2); padding: 5px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.normalOperationRate {width: calc(100% / 2);}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.all {width: 100%;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li .contain {height: 94px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li .contain .title {top: 5px; left: 10px; padding-left: 20px; font-size: 14px; line-height: 21px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li .contain .title::before {width: 14px; height: 14px; margin-top: -7px; background-image: url('../images/content/mobile/operation-type01.png'); background-size: 14px 14px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.normal .contain .title::before {background-image: url('../images/content/mobile/normal-type01.png');}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.abnormal .contain .title::before {background-image: url('../images/content/mobile/abnormal-type01.png');}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.normalOperationRate .contain .title::before {background-image: url('../images/content/mobile/normalOperationRate-type01.png');}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li .contain .content {bottom: 1px; right: 10px; font-size: 30px; line-height: 45px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.normalOperationRate .content {bottom: 18px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.all .contain .caption {top: auto; bottom: 25px; left: 10px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li.all .contain .content {bottom: 18px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li .contain .content span {font-size: 15px; line-height: 22px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li .contain .progress {bottom: 10px; left: 10px; width: calc(100% - 20px); height: 6px; border-radius: 3px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwide .body ul.info > li .contain .progress .item {height: 6px; border-radius: 3px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .map {position: static; top: auto; left: auto; width: auto; height: 400px; padding: 20px; margin-top: 20px;}
}

.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo {box-sizing: border-box; position: absolute; top: 200px; left: 464px; width: calc(100% - 454px); height: calc(100% - 190px - 10px);}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info {list-style: none; height: 100%; padding: 0; margin: 0;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li {box-sizing: border-box; float: left; width: calc(100% / 5); height: calc(50% + 5px); padding: 10px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child {float: right;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain {display: table; position: relative; width: 100%; height: 100%; border-radius: 8px; background-color: #2a2f42; cursor: pointer;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-20.active .contain {background-color: #ff0f0f;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-40.active .contain {background-color: #ff910f;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-60.active .contain {background-color: #ffc90f;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-80.active .contain {background-color: #1ec27a;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-100.active .contain {background-color: #2f87ff;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain {background-color: transparent; text-align: center; line-height: 0; cursor: auto;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box {display: table-cell; vertical-align: middle;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain {display: block;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain .box {display: block; vertical-align: auto;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .header {box-sizing: border-box; height: 50px; padding: 0 30px; border-radius: 8px 8px 0 0; background-color: #434a64; color: #fff; font-size: 20px; font-weight: 700; line-height: 50px; text-align: center;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-20.active .contain .box .header {background-color: #ff0f0f;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-40.active .contain .box .header {background-color: #ff910f;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-60.active .contain .box .header {background-color: #ffc90f;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-80.active .contain .box .header {background-color: #1ec27a;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-100.active .contain .box .header {background-color: #2f87ff;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain .box .header {position: relative; display: inline-block; padding-right: 0; background-color: transparent;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain .box .header::before {display: block; position: absolute; top: 50%; left: 0; width: 21px; height: 20px; margin-top: -10px; background: transparent url('../images/content/pc/operationRate-type01.png') no-repeat left center; content: '';}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .body {display: table; width: 100%; height: calc(100% - 50px - 60px);}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .body ul.list {display: table-cell; vertical-align: middle; list-style: none; padding: 0 30px; margin: 0;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain .box .body ul.list {display: inline-block;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .body ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .body ul.list > li {padding: 5px 0;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain .box .body ul.list > li {position: relative; padding: 3px 0 3px 22px; color: #fff; font-size: 16px; line-height: 24px; text-align: left;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain .box .body ul.list > li::before {display: block; position: absolute; top: 50%; left: 0; width: 10px; height: 10px; margin-top: -3px; border-radius: 5px; background-color: #4a8dff; content: '';}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain .box .body ul.list > li.normalOperationRate-20::before {background-color: #ff0f0f;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain .box .body ul.list > li.normalOperationRate-40::before {background-color: #ff910f;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain .box .body ul.list > li.normalOperationRate-60::before {background-color: #ffc90f;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain .box .body ul.list > li.normalOperationRate-80::before {background-color: #1ec27a;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain .box .body ul.list > li.normalOperationRate-100::before {background-color: #2f87ff;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .body ul.list > li::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .body ul.list > li .title,
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .body ul.list > li .content {float: left; color: #fff; font-size: 16px; line-height: 24px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .body ul.list > li .content {float: right;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .footer {box-sizing: border-box; height: 60px; line-height: 0; text-align: center;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .footer .item {display: inline-block; position: relative; padding-left: 35px; color: #4a8dff; font-size: 28px; font-weight: 700; line-height: 60px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-20 .contain .box .footer .item {color: #ff0f0f;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-40 .contain .box .footer .item {color: #ff910f;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-60 .contain .box .footer .item {color: #ffc90f;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-80 .contain .box .footer .item {color: #1ec27a;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-100 .contain .box .footer .item {color: #2f87ff;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-20.active .contain .box .footer .item,
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-40.active .contain .box .footer .item,
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-60.active .contain .box .footer .item,
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-80.active .contain .box .footer .item,
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-100.active .contain .box .footer .item {color: #fff;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .footer .item span {font-size: 16px; font-weight: 400; line-height: 24px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .footer .item::before {display: block; position: absolute; top: 50%; left: 0; width: 25px; height: 24px; margin-top: -12px; background: transparent url('../images/content/pc/normalOperationRate-type02.png') no-repeat center -48px; content: '';}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-20 .contain .box .footer .item::before {background-position-y: 0;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-40 .contain .box .footer .item::before {background-position-y: -24px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-60 .contain .box .footer .item::before {background-position-y: -48px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-80 .contain .box .footer .item::before {background-position-y: -72px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-100 .contain .box .footer .item::before {background-position-y: -96px;}
.type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.active .contain .box .footer .item::before {background-position-y: -120px;}
@media (max-width: 1279px) {
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo {overflow-x: auto; position: static; top: auto; left: auto; width: calc(100% + 40px); padding-top: 20px; margin: 0 -20px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info {width: calc(139px * 9); padding: 0 20px; margin: 0 -5px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li {width: 139px; padding: 0 5px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child {float: left;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain {height: 192px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .header {height: 40px; padding: 0 15px 3px 15px; font-size: 17px; line-height: 40px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain .box .header {padding-left: 24px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain .box .header::before {width: 19px; height: 17px; background-image: url('../images/content/mobile/operationRate-type01.png'); background-size: 19px 17px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .body {height: calc(100% - 40px - 50px);}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .body ul.list {padding: 5px 15px 1px 15px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain .box .body ul.list {display: inline-block;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .body ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .body ul.list > li {padding: 5px 0;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain .box .body ul.list > li {padding: 2px 0 2px 15px; font-size: 14px; line-height: 21px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li:last-child .contain .box .body ul.list > li::before {width: 8px; height: 8px; margin-top: -4px; border-radius: 4px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .body ul.list > li .title,
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .body ul.list > li .content {font-size: 14px; line-height: 21px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .footer {height: 50px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .footer .item {padding-left: 30px; font-size: 25px; line-height: 50px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .footer .item span {font-size: 15px; line-height: 22px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li .contain .box .footer .item::before {width: 22px; height: 21px; margin-top: -10px; background-image: url('../images/content/mobile/normalOperationRate-type02.png'); background-size: 22px 126px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-20 .contain .box .footer .item::before {background-position-y: 0;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-40 .contain .box .footer .item::before {background-position-y: -21px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-60 .contain .box .footer .item::before {background-position-y: -42px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-80 .contain .box .footer .item::before {background-position-y: -63px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.normalOperationRate-100 .contain .box .footer .item::before {background-position-y: -84px;}
  .type-content.id-aplRealtimeStatus .realtimeStatus-body .nationwideInfo ul.info > li.active .contain .box .footer .item::before {background-position-y: -105px;}
}


/* 지역별 현황 > 비정상 현황 */
.type-content.id-regionStatus-abnormal .main-regionStatus {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-regionStatus-abnormal .main-regionStatus {margin-top: -30px;}
}

.type-content.id-regionStatus-abnormal .regionStatus-header {padding-top: 10px;}
.type-content.id-regionStatus-abnormal .regionStatus-header::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-regionStatus-abnormal .regionStatus-header h3.title {float: left; padding: 0; margin: 0; line-height: 0;}
.type-content.id-regionStatus-abnormal .regionStatus-header h3.title .item {color: #222; font-weight: 200; font-size: 32px; line-height: 90px;}
.type-content.id-regionStatus-abnormal .regionStatus-header .date {float: left; padding: 41px 20px 0 20px;}
.type-content.id-regionStatus-abnormal .regionStatus-header .date .item {color: #666; font-size: 16px; line-height: 24px;}
@media (max-width: 1279px) {
  .type-content.id-regionStatus-abnormal .regionStatus-header {padding-top: 9px;}
  .type-content.id-regionStatus-abnormal .regionStatus-header h3.title {float: none;}
  .type-content.id-regionStatus-abnormal .regionStatus-header h3.title .item {font-size: 25px; line-height: 62px;}
  .type-content.id-regionStatus-abnormal .regionStatus-header .date {float: none; padding: 0;}
  .type-content.id-regionStatus-abnormal .regionStatus-header .date .item {padding: 20px 0; background-color: #fff; font-size: 14px; line-height: 21px; text-align: center;}
}

.type-content.id-regionStatus-abnormal .regionStatus-body .tab .web ul.list {list-style: none; padding: 0; margin: 0;}
.type-content.id-regionStatus-abnormal .regionStatus-body .tab .web ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-regionStatus-abnormal .regionStatus-body .tab .web ul.list > li {box-sizing: border-box; float: left; width: 50%; background-color: #dae5f3;}
.type-content.id-regionStatus-abnormal .regionStatus-body .tab .web ul.list > li.batteryCharge {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .tab .web ul.list > li .item {color: #666; font-size: 16px; line-height: 54px; text-align: center; cursor: pointer;}
.type-content.id-regionStatus-abnormal .regionStatus-body .tab .web ul.list > li.abnormalStatus .item {border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: #202845; color: #fff;}
.type-content.id-regionStatus-abnormal .regionStatus-body .tab .mobile {display: none;}
.type-content.id-regionStatus-abnormal .regionStatus-body .select {padding-top: 20px; width: 100%;}
.type-content.id-regionStatus-abnormal .regionStatus-body .select .contain {padding: 20px; background-color: #fff; border-radius: 8px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .select .contain::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-regionStatus-abnormal .regionStatus-body .select .contain .title {float: left; width: 367px; padding-top: 7px; font-size: 16px; color: #222; font-weight: 200; line-height: 24px; text-align: center;}
.type-content.id-regionStatus-abnormal .regionStatus-body .select .contain .content {float: left; width: calc(100% - 367px - 20px);}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo {padding-top: 20px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header {box-sizing: border-box; height: 91px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list {list-style: none; height: 100%; padding: 0; margin: 0 -10px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li {box-sizing: border-box; float: left; height: 100%; padding: 0 10px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li .contain {box-sizing: border-box; position: relative; height: 100%; border-radius: 8px; background-color: #fff;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li .contain .title {position: absolute; top: 0; left: 20px; color: #fff; font-weight: 500; font-size: 16px; line-height: 91px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li .contain .content {position: absolute; top: 0; right: 20px; color: #fff; font-weight: 500; font-size: 36px; line-height: 91px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.operation {width: calc(357px + 20px);}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.normal,
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.abnormal,
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.normalOperationRate {width: calc((100% - 377px - 0.4px) / 3);}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.operation .contain {background-color: #202845;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.normal .contain {background-image: linear-gradient(180deg, #4cb5ff 0%, #486dff 100%);}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.abnormal .contain {background-image: linear-gradient(180deg, #ffa4a2 0%, #ff5788 100%);}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.normalOperationRate .contain {background-color: #2f87ff;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.normalOperationRate.normalOperationRate-20 .contain {background-color: #ff0f0f;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.normalOperationRate.normalOperationRate-40 .contain {background-color: #ff910f;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.normalOperationRate.normalOperationRate-60 .contain {background-color: #ffc90f;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.normalOperationRate.normalOperationRate-80 .contain {background-color: #1ec27a;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.normalOperationRate.normalOperationRate-100 .contain {background-color: #2f87ff;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body {box-sizing: border-box; position: relative;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table colgroup col.club {width: 240px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table colgroup col.course {width: 125px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tr th,
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tr td {overflow: hidden; padding: 0 10px; 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;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tr th {color: #222; padding: 9px 5px; line-height: 19px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tr td {font-size: 14px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tr th:first-child,
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tr td:first-child {border-left: none;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th {border-top: none;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.club,
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.course {background-color: #202845; color: #fff;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.course {border-left-color: rgba(255, 255, 255, 0.3);}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th .item {display: inline-block;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.sort {cursor: pointer;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.sort:hover {background-color: #f5f5f5;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.club.sort:hover,
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.course.sort:hover {background-color: #12172c;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.sort.descending .item,
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.sort.ascending .item {position: relative; padding-right: 16px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.sort.ascending .item::before {display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 5px; margin-top: -2px; background: transparent url('../images/content/pc/arrow-type05.png') no-repeat center top; content: '';}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -3px; background-position: center bottom;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.club.sort.descending .item::before,
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.club.sort.ascending .item::before,
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.course.sort.descending .item::before,
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.course.sort.ascending .item::before {background-image: url('../images/content/pc/arrow-type06.png');}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tbody tr td.abnormal {color: #d0202e;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tbody tr td.club,
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tbody tr td.course {background-color: #f9f9f9;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tbody tr td.notification {cursor: pointer; text-align: center; line-height: 0;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tbody tr td.notification .item {display: inline-block; overflow: hidden; width: 18px; height: 18px; background-color: transparent; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDY0OCwgMjAyMS8wMS8xMi0xNTo1MjoyOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI0ODlFNjkzQTMyMzExRUI5OEUwRjhFOEExNEUyRThFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI0ODlFNjk0QTMyMzExRUI5OEUwRjhFOEExNEUyRThFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjQ4OUU2OTFBMzIzMTFFQjk4RTBGOEU4QTE0RTJFOEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjQ4OUU2OTJBMzIzMTFFQjk4RTBGOEU4QTE0RTJFOEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5p2zWOAAAAnElEQVR42mLcvXt3FgMDQy8QczCQB34AcTEThYYwQPX2MlFoCNwwJgYqgaFh0BYgDgTiq1B+OhQzQMVAciuJMeguEG8A4jdQ/i4oZoCKgeRuoGtiwWJQJhAnADEPlH8JSc4GiD9gi2lsBrFBMQzwIrGZgZh/6MbagBq0Hz2w5wHxZRINAcXiGmSDOoG4glKvUWQIzCCKDQEBgAADAJxlGq7e1hr+AAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position: center center; text-indent: -1000px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tbody tr td.notification:hover .item {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDY0OCwgMjAyMS8wMS8xMi0xNTo1MjoyOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUyNDE4OUJCQTMyMzExRUJBODdERTYzRTc0OEEzNEI3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUyNDE4OUJDQTMyMzExRUJBODdERTYzRTc0OEEzNEI3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTI0MTg5QjlBMzIzMTFFQkE4N0RFNjNFNzQ4QTM0QjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTI0MTg5QkFBMzIzMTFFQkE4N0RFNjNFNzQ4QTM0QjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5fkgKmAAAAqUlEQVR42mK8oKCXxcDA0AvEHAzkgR9AXMwINOg7BYbADWOigiEgwMHEQCUwNAzaAsSBQHwVyk+HYgaoGEhuJTEG3QXiDUD8BsrfBcUMUDGQ3A10TaDo/48m9guIQUmCB4iZgfgzVJwXiP8C8RdoTLMja2LB4iI2KGZAMgAGQAbzD91YG1CD9qMH9jwgvkyiIR+AeA2yQZ1AXEGp1ygyBGYQxYaAAECAAQATZx/EQaBIUAAAAABJRU5ErkJggg==');}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tbody.none {display: none;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tbody.none tr td {color: #999; line-height: 113px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tfoot tr th {background-color: #ddd;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tfoot tr th:first-child {border-bottom-left-radius: 7px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tfoot tr th:last-child {border-bottom-right-radius: 7px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tfoot tr th.abnormal {color: #d0202e;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table.thead .fixed {box-sizing: border-box; width: 1820px; height: calc(20px + 39px); padding-top: 20px; background-color: #f5f5f5;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table.thead .fixed.active {position: fixed; top: calc(55px -  1px);}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table.thead .contain {border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table.tbody {padding-top: calc(20px + 39px - 1px);}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table.tbody .contain {border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table.tbody .contain table {margin-top: -1px;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body.none .table .contain table thead tr th.sort {cursor: auto;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body.none .table .contain table thead tr th.sort.descending .item,
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body.none .table .contain table thead tr th.sort.ascending .item {padding-right: 0;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body.none .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body.none .table .contain table thead tr th.sort.ascending .item::before {display: none;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body.none .table .contain table tbody {display: none;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body.none .table .contain table tbody.none {display: table-row-group;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body.none .table .contain table thead tr th.sort:hover {background-color: #fff;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body.none .table .contain table thead tr th.club.sort:hover,
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body.none .table .contain table thead tr th.course.sort:hover {background-color: #202845;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body.none .table .contain table tbody tr {cursor: auto;}
.type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body.none .table .contain table tbody tr:hover td {background-color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-regionStatus-abnormal .regionStatus-body .tab .web {display: none;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .tab .mobile {display: block; width: 100%; height: 45px; padding-top: 20px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .tab .mobile .formSelectList {box-sizing: border-box; position: relative; height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #fff; cursor: pointer;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .tab .mobile .formSelectList:before {display: block; position: absolute; top: 0; right: 0; width: 39px; height: 100%; background: #202845 url('../images/content/pc/arrow-type11.png') no-repeat center center; content: '';}
  .type-content.id-regionStatus-abnormal .regionStatus-body .tab .mobile .formSelectList input {box-sizing: border-box; width: calc(100% - 39px); height: 100%; padding: 0 0 0 15px; margin: 0; border: none; border-radius: 0; background-color: #202845; color: #fff; font-size: 14px; cursor: pointer; -webkit-appearance: none;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .select {padding-top: 30px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .select .contain {padding-top: 14px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .select .contain .title {float: none; width: 100%; padding-top: 0;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .select .contain .content {float: none; width: 100%; padding-top: 11px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo {overflow-x: auto; padding-top: 20px; margin: 0 -20px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header {width: calc(1000px + 40px); height: 112px; padding: 0 20px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list {margin: 0 -5px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li {padding: 0 5px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li .contain {padding-top: 26px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li .contain .title {position: static; top: auto; left: auto; font-size: 14px; line-height: 1.15; text-align: center;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li .contain .content {position: static; top: auto; right: auto; padding-top: 6px; font-size: 35px; line-height: 1.15; text-align: center;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.operation {width: calc(247px + 10px);}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.normal,
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.abnormal,
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .header ul.list li.normalOperationRate {width: calc((100% - 257px - 0.4px) / 3);}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body {width: calc(1000px + 40px); padding: 0 20px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table colgroup col.club {width: 174px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table colgroup col.course {width: 76px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table colgroup col.remark {width: 240px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tr th,
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tr td {padding: 0 10px; line-height: 47px; font-size: 14px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.sort:hover {background-color: #fff;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.club.sort:hover,
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.course.sort:hover {background-color: #202845;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.sort.descending .item::before,
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.sort.ascending .item::before {width: 9px; height: 4px; background-image: url('../images/content/mobile/arrow-type05.png'); background-size: 9px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -2px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tbody tr:hover td {background-color: #fff;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tbody tr:hover td.club,
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tbody tr:hover td.course {background-color: #f9f9f9;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tbody tr td.notification:hover .item {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDY0OCwgMjAyMS8wMS8xMi0xNTo1MjoyOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI0ODlFNjkzQTMyMzExRUI5OEUwRjhFOEExNEUyRThFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI0ODlFNjk0QTMyMzExRUI5OEUwRjhFOEExNEUyRThFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjQ4OUU2OTFBMzIzMTFFQjk4RTBGOEU4QTE0RTJFOEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjQ4OUU2OTJBMzIzMTFFQjk4RTBGOEU4QTE0RTJFOEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5p2zWOAAAAnElEQVR42mLcvXt3FgMDQy8QczCQB34AcTEThYYwQPX2MlFoCNwwJgYqgaFh0BYgDgTiq1B+OhQzQMVAciuJMeguEG8A4jdQ/i4oZoCKgeRuoGtiwWJQJhAnADEPlH8JSc4GiD9gi2lsBrFBMQzwIrGZgZh/6MbagBq0Hz2w5wHxZRINAcXiGmSDOoG4glKvUWQIzCCKDQEBgAADAJxlGq7e1hr+AAAAAElFTkSuQmCC');}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table .contain table tbody.none tr td {line-height: 143px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table.thead {left: 20px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table.thead .fixed {width: 1000px; height: calc(10px + 49px); padding-top: 10px;}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-regionStatus-abnormal .regionStatus-body .abnormalStatusInfo .body .table.tbody {padding-top: calc(10px + 49px - 1px);}
}

.type-content.id-regionStatus-abnormal.asideActive .regionStatus-body .abnormalStatusInfo .body .table.thead .fixed {width: 1550px;}
@media (max-width: 1279px) {
  .type-content.id-regionStatus-abnormal.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-regionStatus-abnormal.loginClub.inactiveBi main .container {padding-bottom: 30px;}
  .type-content.id-regionStatus-abnormal.asideActive .regionStatus-body .abnormalStatusInfo .body .table.thead .fixed {width: 1091px;}
  .type-content.id-regionStatus-abnormal .formSelectPopup.select03 {z-index: 3000;}
}


/* 지역별 현황 > 배터리 충전 필요 현황 */
.type-content.id-regionStatus-batteryCharge .main-regionStatus {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-regionStatus-batteryCharge .main-regionStatus {margin-top: -30px;}
}

.type-content.id-regionStatus-batteryCharge .regionStatus-header {padding-top: 10px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-header::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-regionStatus-batteryCharge .regionStatus-header h3.title {float: left; padding: 0; margin: 0; line-height: 0;}
.type-content.id-regionStatus-batteryCharge .regionStatus-header h3.title .item {color: #222; font-weight: 200; font-size: 32px; line-height: 90px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-header .date {float: left; padding: 41px 20px 0 20px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-header .date .item {color: #666; font-size: 16px; line-height: 24px;}
@media (max-width: 1279px) {
  .type-content.id-regionStatus-batteryCharge .regionStatus-header {padding-top: 9px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-header h3.title {float: none;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-header h3.title .item {font-size: 25px; line-height: 62px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-header .date {float: none; padding: 0;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-header .date .item {padding: 20px 0; background-color: #fff; font-size: 14px; line-height: 21px; text-align: center;}
}

.type-content.id-regionStatus-batteryCharge .regionStatus-body .tab .web {border-radius: 4px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .tab .web ul.list {list-style: none; padding: 0; margin: 0;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .tab .web ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .tab .web ul.list > li {box-sizing: border-box; float: left; width: 50%; background-color: #dae5f3;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .tab .web ul.list > li.abnormalStatus {border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .tab .web ul.list > li .item {color: #666; font-size: 16px; line-height: 54px; text-align: center; cursor: pointer;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .tab .web ul.list > li.batteryCharge .item {border-radius: 0 4px 4px 0; background-color: #202845; color: #fff;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .tab .mobile {display: none;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .select {padding-top: 20px; width: 100%;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .select .contain {padding: 20px; background-color: #fff; border-radius: 8px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .select .contain::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .select .contain .title {float: left; width: 367px; padding-top: 7px; font-size: 16px; color: #222; font-weight: 200; line-height: 24px; text-align: center;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .select .contain .content {float: left; width: calc(100% - 367px - 20px);}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo {padding-top: 20px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header {box-sizing: border-box; height: 91px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list {list-style: none; height: 100%; padding: 0; margin: 0 -10px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li {box-sizing: border-box; float: left; height: 100%; padding: 0 10px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li .contain {box-sizing: border-box; position: relative; height: 100%; border-radius: 8px; background-color: #fff;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li .contain .title {position: absolute; top: 0; left: 20px; color: #fff; font-weight: 500; font-size: 16px; line-height: 91px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li .contain .content {position: absolute; top: 0; right: 20px; color: #fff; font-weight: 500; font-size: 36px; line-height: 91px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.operation {width: calc(357px + 20px);}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.normal,
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.abnormal,
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.normalOperationRate {width: calc((100% - 377px - 0.4px) / 3);}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.operation .contain {background-color: #202845;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.normal .contain {background-image: linear-gradient(180deg, #4cb5ff 0%, #486dff 100%);}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.abnormal .contain {background-image: linear-gradient(180deg, #ffa4a2 0%, #ff5788 100%);}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.normalOperationRate .contain {background-color: #2f87ff;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.normalOperationRate.normalOperationRate-20 .contain {background-color: #ff0f0f;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.normalOperationRate.normalOperationRate-40 .contain {background-color: #ff910f;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.normalOperationRate.normalOperationRate-60 .contain {background-color: #ffc90f;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.normalOperationRate.normalOperationRate-80 .contain {background-color: #1ec27a;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.normalOperationRate.normalOperationRate-100 .contain {background-color: #2f87ff;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body {box-sizing: border-box; position: relative;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table colgroup col.club {width: 240px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table colgroup col.course {width: 125px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tr th,
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tr td {overflow: hidden; padding: 0 10px; 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;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tr th {color: #222; padding: 9px 5px; line-height: 19px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tr td {font-size: 14px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tr th:first-child,
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tr td:first-child {border-left: none;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th {border-top: none;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.club,
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.course {background-color: #202845; color: #fff;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.course {border-left-color: rgba(255, 255, 255, 0.3);}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.batteryCharge span {font-weight: 400;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th .item {display: inline-block;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.sort {cursor: pointer;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.sort:hover {background-color: #f5f5f5;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.club.sort:hover,
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.course.sort:hover {background-color: #12172c;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.sort.descending .item,
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.sort.ascending .item {position: relative; padding-right: 16px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.sort.ascending .item::before {display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 5px; margin-top: -2px; background: transparent url('../images/content/pc/arrow-type05.png') no-repeat center top; content: '';}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -3px; background-position: center bottom;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.club.sort.descending .item::before,
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.club.sort.ascending .item::before,
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.course.sort.descending .item::before,
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.course.sort.ascending .item::before {background-image: url('../images/content/pc/arrow-type06.png');}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tbody tr td.batteryCharge {color: #d0202e;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tbody tr td.club,
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tbody tr td.course {background-color: #f9f9f9;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tbody tr td.notification {cursor: pointer; text-align: center; line-height: 0;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tbody tr td.notification .item {display: inline-block; overflow: hidden; width: 18px; height: 18px; margin-top: 1px; background: transparent url('../images/content/pc/notification-type01.png') no-repeat center top; text-indent: -1000px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tbody tr td.notification:hover .item {background-position: center bottom;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tbody.none {display: none;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tbody.none tr td {color: #999; line-height: 113px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tfoot tr th {background-color: #ddd;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tfoot tr th:first-child {border-bottom-left-radius: 7px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tfoot tr th:last-child {border-bottom-right-radius: 7px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tfoot tr th.batteryCharge {color: #d0202e;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table.thead .fixed {box-sizing: border-box; width: 1820px; height: calc(20px + 39px); padding-top: 20px; background-color: #f5f5f5;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table.thead .fixed.active {position: fixed; top: calc(55px -  1px);}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table.thead .contain {border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table.tbody {padding-top: calc(20px + 39px - 1px);}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table.tbody .contain {border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table.tbody .contain table {margin-top: -1px;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body.none .table .contain table thead tr th.sort {cursor: auto;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body.none .table .contain table thead tr th.sort.descending .item,
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body.none .table .contain table thead tr th.sort.ascending .item {padding-right: 0;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body.none .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body.none .table .contain table thead tr th.sort.ascending .item::before {display: none;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body.none .table .contain table tbody {display: none;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body.none .table .contain table tbody.none {display: table-row-group;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body.none .table .contain table thead tr th.sort:hover {background-color: #fff;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body.none .table .contain table thead tr th.club.sort:hover,
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body.none .table .contain table thead tr th.course.sort:hover {background-color: #202845;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body.none .table .contain table tbody tr {cursor: auto;}
.type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body.none .table .contain table tbody tr:hover td {background-color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .tab .web {display: none;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .tab .mobile {display: block; width: 100%; height: 45px; padding-top: 20px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .tab .mobile .formSelectList {box-sizing: border-box; position: relative; height: 45px; border: 1px solid #202845; border-radius: 4px; background-color: #fff; cursor: pointer;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .tab .mobile .formSelectList:before {display: block; position: absolute; top: 0; right: 0; width: 39px; height: 100%; background: #202845 url('../images/content/pc/arrow-type11.png') no-repeat center center; content: '';}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .tab .mobile .formSelectList input {box-sizing: border-box; width: calc(100% - 39px); height: 100%; padding: 0 0 0 15px; margin: 0; border: none; border-radius: 0; background-color: #202845; color: #fff; font-size: 14px; cursor: pointer; -webkit-appearance: none;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .select {padding-top: 30px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .select .contain {padding-top: 14px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .select .contain .title {float: none; width: 100%; padding-top: 0;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .select .contain .content {float: none; width: 100%; padding-top: 11px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo {overflow-x: auto; padding-top: 20px; margin: 0 -20px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header {width: calc(1000px + 40px); height: 112px; padding: 0 20px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list {margin: 0 -5px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li {padding: 0 5px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li .contain {padding-top: 26px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li .contain .title {position: static; top: auto; left: auto; font-size: 14px; line-height: 1.15; text-align: center;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li .contain .content {position: static; top: auto; right: auto; padding-top: 6px; font-size: 35px; line-height: 1.15; text-align: center;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.operation {width: calc(247px + 10px);}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.normal,
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.abnormal,
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .header ul.list li.normalOperationRate {width: calc((100% - 257px - 0.4px) / 3);}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body {width: calc(1000px + 40px); padding: 0 20px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table colgroup col.club {width: 174px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table colgroup col.course {width: 76px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table colgroup col.batteryCharge {width: 150px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table colgroup col.remark {width: 240px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tr th,
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tr td {padding: 0 10px; line-height: 47px; font-size: 14px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.sort:hover {background-color: #fff;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.club.sort:hover,
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.course.sort:hover {background-color: #202845;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.sort.descending .item::before,
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.sort.ascending .item::before {width: 9px; height: 4px; background-image: url('../images/content/mobile/arrow-type05.png'); background-size: 9px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -2px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tbody tr:hover td {background-color: #fff;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tbody tr:hover td.club,
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tbody tr:hover td.course {background-color: #f9f9f9;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tbody tr td.notification:hover .item {background-position: center top;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table .contain table tbody.none tr td {line-height: 143px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table.thead {left: 20px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table.thead .fixed {width: 1000px; height: calc(10px + 49px); padding-top: 10px;}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-regionStatus-batteryCharge .regionStatus-body .batteryChargeInfo .body .table.tbody {padding-top: calc(10px + 49px - 1px);}
}

.type-content.id-regionStatus-batteryCharge.asideActive .regionStatus-body .batteryChargeInfo .body .table.thead .fixed {width: 1550px;}
@media (max-width: 1279px) {
  .type-content.id-regionStatus-batteryCharge.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-regionStatus-batteryCharge.loginClub.inactiveBi main .container {padding-bottom: 30px;}
  .type-content.id-regionStatus-batteryCharge.asideActive .regionStatus-body .batteryChargeInfo .body .table.thead .fixed {width: 1091px;}
  .type-content.id-regionStatus-batteryCharge .formSelectPopup.select03 {z-index: 3000;}
}


/* 골프장별 현황 */
.type-content.id-golfClubStatus .main-golfClubStatus {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-golfClubStatus .main-golfClubStatus {margin-top: -30px;}
}

.type-content.id-golfClubStatus .golfClubStatus-header {padding-top: 10px;}
.type-content.id-golfClubStatus .golfClubStatus-header::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-golfClubStatus .golfClubStatus-header h3.title {float: left; padding: 0; margin: 0; line-height: 0;}
.type-content.id-golfClubStatus .golfClubStatus-header h3.title .item {color: #222; font-weight: 200; font-size: 32px; line-height: 90px;}
.type-content.id-golfClubStatus .golfClubStatus-header .date {float: left; padding: 41px 20px 0 20px;}
.type-content.id-golfClubStatus .golfClubStatus-header .date .item {color: #666; font-size: 16px; line-height: 24px;}
@media (max-width: 1279px) {
  .type-content.id-golfClubStatus .golfClubStatus-header {padding-top: 9px;}
  .type-content.id-golfClubStatus .golfClubStatus-header h3.title {float: none;}
  .type-content.id-golfClubStatus .golfClubStatus-header h3.title .item {font-size: 25px; line-height: 62px;}
  .type-content.id-golfClubStatus .golfClubStatus-header .date {float: none; padding: 0;}
  .type-content.id-golfClubStatus .golfClubStatus-header .date .item {padding: 20px 0; background-color: #fff; font-size: 14px; line-height: 21px; text-align: center;}
}

.type-content.id-golfClubStatus .golfClubStatus-body .select {width: 100%;}
.type-content.id-golfClubStatus .golfClubStatus-body .select .contain {padding: 20px; background-color: #fff; border-radius: 8px;}
.type-content.id-golfClubStatus .golfClubStatus-body .select .contain::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-golfClubStatus .golfClubStatus-body .select .contain .title {float: left; width: 367px; padding-top: 7px; font-size: 16px; color: #222; font-weight: 200; line-height: 24px; text-align: center;}
.type-content.id-golfClubStatus .golfClubStatus-body .select .contain .content {float: left; width: calc(100% - 367px - 20px);}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo {box-sizing: border-box; height: 91px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list {list-style: none; height: 100%; padding: 20px 0; margin: 0 -10px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list li {box-sizing: border-box; float: left; height: 100%; padding: 0 10px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list li .contain {box-sizing: border-box; position: relative; height: 100%; border-radius: 8px; background-color: #fff;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list li .contain .title {position: absolute; top: 0; left: 20px; color: #222; font-weight: 500; font-size: 16px; line-height: 91px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list li .contain .content {position: absolute; top: 0; right: 20px; color: #222; font-weight: 500; font-size: 36px; line-height: 91px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list li.operation,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list li.batteryCharge {width: calc((100% - 0.4px) / 2);}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list li.operation .contain {background-color: #202845;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list li.operation .contain .title,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list li.operation .contain .content {color: #fff;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list li.abnormal .contain .content {color: #d0202e;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData {padding-top: 20px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body {box-sizing: border-box; position: relative;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table colgroup col.club {width: 240px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table colgroup col.course {width: 125px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table colgroup col.remark {width: 240px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tr th,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tr td {overflow: hidden; padding: 0 10px; 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;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tr th {color: #222; padding: 9px 5px; line-height: 19px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tr td {font-size: 14px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tr th:first-child,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tr td:first-child {border-left: none;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th {border-top: none;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.club,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.course {background-color: #202845; color: #fff;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.course {border-left-color: rgba(255, 255, 255, 0.3);}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.batteryCharge span {font-weight: 400;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th .item {display: inline-block;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.sort {cursor: pointer;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.sort:hover {background-color: #f5f5f5;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.club.sort:hover,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.course.sort:hover {background-color: #12172c;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.sort.descending .item,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.sort.ascending .item {position: relative; padding-right: 16px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.sort.ascending .item::before {display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 5px; margin-top: -2px; background: transparent url('../images/content/pc/arrow-type05.png') no-repeat center top; content: '';}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -3px; background-position: center bottom;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.club.sort.descending .item::before,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.club.sort.ascending .item::before,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.course.sort.descending .item::before,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.course.sort.ascending .item::before {background-image: url('../images/content/pc/arrow-type06.png');}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody tr {cursor: pointer;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody tr:hover td {background-color: #f5f5f5;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody tr td.abnormal,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody tr td.batteryCharge {color: #d0202e;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody tr td.abnormal.none,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody tr td.batteryCharge.none {color: #666;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody tr td.club,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody tr td.course {background-color: #f9f9f9;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody tr:hover td.club,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody tr:hover td.course {background-color: #e6e6e6;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody tr:last-child td:first-child {border-bottom-left-radius: 7px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody tr:last-child td:last-child {border-bottom-right-radius: 7px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody.none {display: none;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody.none tr td {color: #999; line-height: 113px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table.thead .fixed {box-sizing: border-box; width: 1820px; height: calc(20px + 39px); padding-top: 20px; background-color: #f5f5f5;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table.thead .fixed.active {position: fixed; top: calc(55px -  1px);}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table.thead .contain {border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table.tbody {padding-top: calc(20px + 39px - 1px);}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table.tbody .contain {border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table.tbody .contain table {margin-top: -1px;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body.none .table .contain table thead tr th.sort {cursor: auto;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body.none .table .contain table thead tr th.sort.descending .item,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body.none .table .contain table thead tr th.sort.ascending .item {padding-right: 0;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body.none .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body.none .table .contain table thead tr th.sort.ascending .item::before {display: none;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body.none .table .contain table tbody {display: none;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body.none .table .contain table tbody.none {display: table-row-group;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body.none .table .contain table thead tr th.sort:hover {background-color: #fff;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body.none .table .contain table thead tr th.club.sort:hover,
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body.none .table .contain table thead tr th.course.sort:hover {background-color: #202845;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body.none .table .contain table tbody tr {cursor: auto;}
.type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body.none .table .contain table tbody tr:hover td {background-color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-golfClubStatus .golfClubStatus-body .select {padding-top: 20px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .select .contain {padding-top: 14px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .select .contain .title {float: none; width: 100%; padding-top: 0;}
  .type-content.id-golfClubStatus .golfClubStatus-body .select .contain .content {float: none; width: 100%; padding-top: 11px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo {width: 100%; height: 112px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list {margin: 0 -5px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list li {padding: 0 5px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list li .contain {padding-top: 26px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list li .contain .title {position: static; top: auto; left: auto; font-size: 14px; line-height: 1.15; text-align: center;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusInfo ul.list li .contain .content {position: static; top: auto; right: auto; padding-top: 6px; font-size: 35px; line-height: 1.15; text-align: center;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData {overflow-x: auto; padding-top: 0; margin: 0 -20px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body {width: calc(1300px + 40px); padding: 0 20px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table colgroup col.club {width: 174px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table colgroup col.course {width: 76px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table colgroup col.batteryCharge {width: 150px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table colgroup col.remark {width: 240px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table colgroup col.pinChangeSystem {width: 180px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tr th,
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tr td {padding: 0 10px; line-height: 47px; font-size: 14px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.sort:hover {background-color: #fff;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.club.sort:hover,
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.course.sort:hover {background-color: #202845;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.sort.descending .item::before,
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.sort.ascending .item::before {width: 9px; height: 4px; background-image: url('../images/content/mobile/arrow-type05.png'); background-size: 9px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -2px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody tr:hover td {background-color: #fff;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody tr:hover td.club,
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody tr:hover td.course {background-color: #f9f9f9;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table .contain table tbody.none tr td {line-height: 143px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table.thead {left: 20px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table.thead .fixed {width: 1300px; height: calc(10px + 49px); padding-top: 10px;}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-golfClubStatus .golfClubStatus-body .golfClubStatusData .body .table.tbody {padding-top: calc(10px + 49px - 1px);}
}

.type-content.id-golfClubStatus.asideActive .golfClubStatus-body .golfClubStatusData .body .table.thead .fixed {width: 1550px;}
@media (max-width: 1279px) {
  .type-content.id-golfClubStatus.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-golfClubStatus.loginClub.inactiveBi main .container {padding-bottom: 30px;}
  .type-content.id-golfClubStatus.asideActive .golfClubStatus-body .golfClubStatusData .body .table.thead .fixed {width: 1091px;}
}


/* 통계 */
.type-content.id-statistics main .container {box-sizing: border-box; height: 100%;}
@media (max-width: 1279px) {
  .type-content.id-statistics main .container {height: auto;}
}

.type-content.id-statistics .main-statistics {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-statistics .main-statistics {margin-top: -30px;}
}

.type-content.id-statistics .statistics-header {padding-top: 10px;}
.type-content.id-statistics .statistics-header::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-statistics .statistics-header h3.title {float: left; padding: 0; margin: 0; line-height: 0;}
.type-content.id-statistics .statistics-header h3.title .item {color: #222; font-weight: 200; font-size: 32px; line-height: 90px;}
.type-content.id-statistics .statistics-header .date {float: left; padding: 41px 20px 0 20px;}
.type-content.id-statistics .statistics-header .date .item {color: #666; font-size: 16px; line-height: 24px;}
@media (max-width: 1279px) {
  .type-content.id-statistics .statistics-header {padding-top: 9px;}
  .type-content.id-statistics .statistics-header h3.title {float: none;}
  .type-content.id-statistics .statistics-header h3.title .item {font-size: 25px; line-height: 62px;}
  .type-content.id-statistics .statistics-header .date {float: none; padding: 0;}
  .type-content.id-statistics .statistics-header .date .item {padding: 20px 0; border-radius: 8px; background-color: #fff; font-size: 14px; line-height: 21px; text-align: center;}
}

.type-content.id-statistics .statistics-body {}
.type-content.id-statistics .statistics-body .form {border-radius: 8px; background-color: #fff; text-align: center; line-height: 0; }
.type-content.id-statistics .statistics-body .form .contain {display: inline-block; box-sizing: border-box; padding: 20px;}
.type-content.id-statistics .statistics-body .form .contain::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-statistics .statistics-body .form .contain .select {box-sizing: border-box; float: left; width: 147px; height: 100%;}
.type-content.id-statistics .statistics-body .form .contain .select .formSelectList {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.type-content.id-statistics .statistics-body .form .contain .select .formSelectList input {display: block;}
.type-content.id-statistics .statistics-body .form .contain .calendar {box-sizing: border-box; float: left; margin-left: -1px;}
.type-content.id-statistics .statistics-body .form .contain .calendar .formCalendar .formCalendarList {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-statistics .statistics-body .form .contain .calendar .formCalendar .formCalendarList input {display: block;}
.type-content.id-statistics .statistics-body ul.statistics {list-style: none; height: 570px; padding: 20px 0 0 0; margin: 0;}
.type-content.id-statistics .statistics-body ul.statistics::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-statistics .statistics-body ul.statistics li {box-sizing: border-box; float: left; width: calc((100% - 0.4px) / 3); height: 100%; padding: 0 10px;}
.type-content.id-statistics .statistics-body ul.statistics li:first-child {padding-left: 0;}
.type-content.id-statistics .statistics-body ul.statistics li:last-child {padding-right: 0;}
.type-content.id-statistics .statistics-body ul.statistics li .contain {box-sizing: border-box; height: 100%; padding: 25px; border-radius: 8px; background-color: #fff;}
.type-content.id-statistics .statistics-body ul.statistics li .contain .header {color: #222; font-weight: 500; line-height: 24px; text-align: center;}
.type-content.id-statistics .statistics-body ul.statistics li .contain .body {box-sizing: border-box; height: calc(100% - 25px); padding-top: 15px;}
.type-content.id-statistics .statistics-body ul.statistics li .contain .body .graph {width: 100%; height: 100%;}
.type-content.id-statistics .statistics-body .statisticsData .body {box-sizing: border-box; position: relative;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tr th,
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tr td {overflow: hidden; padding: 0 10px; 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;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tr th {color: #222; padding: 9px 5px; line-height: 19px;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tr td {font-size: 14px;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tr th:first-child,
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tr td:first-child {border-left: none;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th {border-top: none;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.club,
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.course {background-color: #202845; color: #fff;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.course {border-left-color: rgba(255, 255, 255, 0.3);}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th .item {display: inline-block;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.sort {cursor: pointer;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.sort:hover {background-color: #f5f5f5;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.club.sort:hover,
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.course.sort:hover {background-color: #12172c;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.sort.descending .item,
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.sort.ascending .item {position: relative; padding-right: 16px;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.sort.ascending .item::before {display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 5px; margin-top: -2px; background: transparent url('../images/content/pc/arrow-type05.png') no-repeat center top; content: '';}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -3px; background-position: center bottom;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.club.sort.descending .item::before,
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.club.sort.ascending .item::before,
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.course.sort.descending .item::before,
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.course.sort.ascending .item::before {background-image: url('../images/content/pc/arrow-type06.png');}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tbody tr td.club,
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tbody tr td.course {background-color: #f9f9f9;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tbody tr:last-child td:first-child {border-bottom-left-radius: 7px;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tbody tr:last-child td:last-child {border-bottom-right-radius: 7px;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tbody.none {display: none;}
.type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tbody.none tr td {color: #999; line-height: 113px;}
.type-content.id-statistics .statistics-body .statisticsData .body .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-statistics .statistics-body .statisticsData .body .table.thead .fixed {box-sizing: border-box; width: 1820px; height: calc(20px + 39px); padding-top: 20px; background-color: #f5f5f5;}
.type-content.id-statistics .statistics-body .statisticsData .body .table.thead .fixed.active {position: fixed; top: calc(55px -  1px);}
.type-content.id-statistics .statistics-body .statisticsData .body .table.thead .contain {border-bottom-color: #e6e6e6; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-statistics .statistics-body .statisticsData .body .table.tbody {padding-top: calc(20px + 39px - 1px);}
.type-content.id-statistics .statistics-body .statisticsData .body .table.tbody .contain {border-top-color: #e6e6e6; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-statistics .statistics-body .statisticsData .body .table.tbody .contain table {margin-top: -1px;}
.type-content.id-statistics .statistics-body .statisticsData .body.none .table .contain table thead tr th.sort {cursor: auto;}
.type-content.id-statistics .statistics-body .statisticsData .body.none .table .contain table thead tr th.sort.descending .item,
.type-content.id-statistics .statistics-body .statisticsData .body.none .table .contain table thead tr th.sort.ascending .item {padding-right: 0;}
.type-content.id-statistics .statistics-body .statisticsData .body.none .table .contain table thead tr th.sort.descending .item::before,
.type-content.id-statistics .statistics-body .statisticsData .body.none .table .contain table thead tr th.sort.ascending .item::before {display: none;}
.type-content.id-statistics .statistics-body .statisticsData .body.none .table .contain table tbody {display: none;}
.type-content.id-statistics .statistics-body .statisticsData .body.none .table .contain table tbody.none {display: table-row-group;}
.type-content.id-statistics .statistics-body .statisticsData .body.none .table .contain table thead tr th.sort:hover {background-color: #fff;}
.type-content.id-statistics .statistics-body .statisticsData .body.none .table .contain table thead tr th.club.sort:hover,
.type-content.id-statistics .statistics-body .statisticsData .body.none .table .contain table thead tr th.course.sort:hover {background-color: #202845;}
.type-content.id-statistics .statistics-body .statisticsData .body.none .table .contain table tbody tr {cursor: auto;}
.type-content.id-statistics .statistics-body .statisticsData .body.none .table .contain table tbody tr:hover td {background-color: #fff;}
@media (max-width: 1279px) {
  .type-content.id-statistics .statistics-body .form {margin-top: 20px;}
  .type-content.id-statistics .statistics-body .form .contain {display: block;}
  .type-content.id-statistics .statistics-body .form .contain .select {float: none; width: 100%; height: 100%;}
  .type-content.id-statistics .statistics-body .form .contain .select .formSelectList {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
  .type-content.id-statistics .statistics-body .form .contain .calendar {float: none; padding-top: 5px; margin-left: 0;}
  .type-content.id-statistics .statistics-body .form .contain .calendar .formCalendar {width: 100%;}
  .type-content.id-statistics .statistics-body .form .contain .calendar .formCalendar .formCalendarList {border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
  .type-content.id-statistics .statistics-body ul.statistics {height: auto;}
  .type-content.id-statistics .statistics-body ul.statistics li {float: none; width: 100%; height: 400px; padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0;}
  .type-content.id-statistics .statistics-body ul.statistics li:first-child {padding-top: 0;}
  .type-content.id-statistics .statistics-body ul.statistics li:last-child {padding-bottom: 0;}
  .type-content.id-statistics .statistics-body ul.statistics li .contain {height: 100%;}
  .type-content.id-statistics .statistics-body .statisticsData {overflow-x: auto; padding-top: 10px; margin: 0 -20px;}
  .type-content.id-statistics .statistics-body .statisticsData .body {width: calc(1100px + 40px); padding: 0 20px;}
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table colgroup col.club {width: 174px;}
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table colgroup col.course {width: 76px;}
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table colgroup col.batteryCharge {width: 150px;}
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table colgroup col.remark {width: 240px;}
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table colgroup col.pinChangeSystem {width: 180px;}
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tr th,
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tr td {padding: 0 10px; line-height: 47px; font-size: 14px;}
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.sort:hover {background-color: #fff;}
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.club.sort:hover,
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.course.sort:hover {background-color: #202845;}
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.sort.descending .item::before,
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.sort.ascending .item::before {width: 9px; height: 4px; background-image: url('../images/content/mobile/arrow-type05.png'); background-size: 9px;}
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -2px;}
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tbody tr:hover td {background-color: #fff;}
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tbody tr:hover td.club,
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tbody tr:hover td.course {background-color: #f9f9f9;}
  .type-content.id-statistics .statistics-body .statisticsData .body .table .contain table tbody.none tr td {line-height: 143px;}
  .type-content.id-statistics .statistics-body .statisticsData .body .table.thead {left: 20px;}
  .type-content.id-statistics .statistics-body .statisticsData .body .table.thead .fixed {width: 1100px; height: calc(10px + 49px); padding-top: 10px;}
  .type-content.id-statistics .statistics-body .statisticsData .body .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-statistics .statistics-body .statisticsData .body .table.tbody {padding-top: calc(10px + 49px - 1px);}
}

.type-content.id-statistics.asideActive .statistics-body .statisticsData .body .table.thead .fixed {width: 1550px;}
@media (max-width: 1279px) {
  .type-content.id-statistics.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-statistics.loginClub.inactiveBi main .container {padding-bottom: 30px;}
  .type-content.id-statistics.asideActive .statistics-body .statisticsData .body .table.thead .fixed {width: 1091px;}
}


/* 골프장별 현황 > 골프장 배터리 현황 */
.type-content.id-golfClubBatteryStatus .main-golfClubBatteryStatus {margin-top: -40px;}
@media (max-width: 1279px) {
  .type-content.id-golfClubBatteryStatus .main-golfClubBatteryStatus {margin-top: -30px;}
}

.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-header {padding-top: 10px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-header::after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-header h3.title {float: left; padding: 0; margin: 0; line-height: 0;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-header h3.title .item {color: #222; font-weight: 200; font-size: 32px; line-height: 90px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-header .date {float: left; padding: 41px 20px 0 20px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-header .date .item {color: #666; font-size: 16px; line-height: 24px;}
@media (max-width: 1279px) {
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-header {padding-top: 9px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-header h3.title {float: none;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-header h3.title .item {font-size: 25px; line-height: 62px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-header .date {float: none; padding: 0;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-header .date .item {padding: 20px 0; background-color: #fff; font-size: 14px; line-height: 21px; text-align: center;}
}

.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body {box-sizing: border-box; position: relative;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain {border: 1px solid #ccc; border-radius: 8px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table {table-layout: fixed; width: 100%; border-collapse: collapse;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table col.course {width: 220px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tr th,
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tr td {overflow: hidden; padding: 0 10px; border-top: 1px solid #aaa; border-left: 1px solid #aaa; background-color: #fff; line-height: 37px; color: #666; font-size: 13px; text-align: center; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tr th {color: #222; padding: 9px 5px; line-height: 19px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tr td {font-size: 14px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tr th.first,
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tr td.first {border-left: none;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table thead tr th {border-top: none;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table thead tr th:first-child {border-top-left-radius: 7px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table thead tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table thead tr th.course {border-left-color: rgba(255, 255, 255, 0.3); background-color: #202845; color: #fff;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.abnormal {color: #d0202e;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.abnormal.none {color: #666;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.course {background-color: #f9f9f9;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .batteryGauge {position: relative; height: 100%;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .batteryGauge i {position: absolute; top: 20px; left: 50%; width: 19px; height: 14px; margin-left: -10px; background: transparent url('../images/content/pc/communication-type01.png') no-repeat center top;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .batteryGauge .battery {position: absolute; top: 40px; left: 50%; width: 64px; height: 32px; margin-left: -32px; background: transparent url('../images/content/pc/battery-type01.png') no-repeat top center;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .batteryGauge .battery .bar {position: absolute; top: 1px; left: 1px; width: 62px; height: 30px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .batteryGauge .battery .bar .item {overflow: hidden; position: absolute; top: 0; left: 0; max-height: 100%; background-color: transparent; background-image: url('../images/content/pc/batteryBg-type01.png'); background-repeat: no-repeat; background-position: left 0; text-indent: -1000px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .batteryGauge .percent {position: absolute; top: 46px; left: 50%; transform: translateX(-50%); color: #222; font-weight: 700; line-height: 19px; text-align: center;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .warning {display: none; position: relative; width: 100%; height: 100%;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .warning .box {overflow: hidden; position: absolute; top: 50%; left: 50%; width: 25px; height: 24px; padding: 0; margin: -12px 0 0 -12px; background: transparent url('../images/content/pc/warning-type01.png') no-repeat center top; text-indent: -1000px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .pinError {display: none; position: relative; width: 100%; height: 100%;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .pinError .box {overflow: hidden; position: absolute; top: 50%; left: 50%; width: 25px; height: 34px; padding: 0; margin: -17px 0 0 -13px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAiCAYAAACqVHINAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDY0OCwgMjAyMS8wMS8xMi0xNTo1MjoyOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRGRjAzQUM3QTk4RTExRUJBMTU1Qzc0RkRCRTRCOTIzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRGRjAzQUM4QTk4RTExRUJBMTU1Qzc0RkRCRTRCOTIzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEZGMDNBQzVBOThFMTFFQkExNTVDNzRGREJFNEI5MjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEZGMDNBQzZBOThFMTFFQkExNTVDNzRGREJFNEI5MjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7elmAfAAAEiUlEQVR42rSWfUxbVRTAz3197XuFln5BobS0sGzOOMXQZbhpcHOREElm5qYLWcycmqgxISJL/EPFGRMT4x9+Lv6hos79Ycw0bhLIPrIhbBoxG6hkOCF+FNDQjvaV0vXzvXu9tI720dfSYjx/vZz7zv2dc8/HvQjyyGj3AyyEEi8gX2Q/eCMudC3KgUQANCogteVxMHJzxMidBgvf437jKx8UEKQIeKz9dean+S6Yj6oLGROXHlAgjkmjpZ/UlHdQWGRVCPXejCaFS2jc3wBFCrHrAP0VBuLUh0lT1Q73Oycv54VQQCUa9U2iP0ImKFFIQwVQOwATJ+G77XdR0Ej2OrNMuypcXgsgZfsnBRg1AEJchUbmhqjD1hzI6KPt76IrfiesVWg9ECOfBs5FOAo9JXOCUnnm/Ex4yYt8e2g33QzG+9tB46gFSQjCwtlBWBz6Vv4Ty6QPP4kBVAhwe/0295Gvv08tQTD+SiFA7fPdUPXEQZnO8vA+CA1eAM/ThwBHY2mliIHU0SKg/i6VOo3oTardljou2gcP5gNUHujIAdyQintawPFqj1ypyfLVE3JncjIXcSjuwjBQ/cxTBVNh2rMLNM4s8wTO5MEX1Yx27W5IR+KPKTYc53IAazGvmvPypsYsiCRfTEjN6UgwUbZmVMVVFpv5D62ESMSUhujUipSEZwak0OKqjOjPE5lK5lY4pmZ+SUHozPErlr4owrXeYwUBofPDEJv6LavW2cy3To3JOsPFdCS2suF8m/iOvA/BvlPKEYxPwMyhF1e0fmYUkvoKz+buY6nzY4mFP4wYtEcpN0TC4Ol8DoST/WCizai220AK0GY89w0IX/YBSSbljEA0Y1tT1isbkGP3bZ9GE4E6+C+ip7NrMfFvt/Ii3uHQ0tEvpjs+dS9UvEwhvaXuq67EUN6YBI2V9odJBHFahMiEGqJ284kbANmoH2tt8aLJoLWYzRmOQNVDMdBvSShee3GVIRzmajtcraf7ZaOebDB2FQXQEnA8ex30zRmAyrIVWOe+TCNLCzpTdKpv+kzrgZybcax9uwddCRQc+TWPR0B3uzzhmlsPA2trg8jZO2V6keElQbuhjpFV0zrDQdpAeQGcU8oBFBwGOKbixNAnsh3p/B8kbuuFfEa6pmTJRceLQkuO28Sh2w1mXlSMxCaVDFHjsDYHQksvgDdbX1PO+hruf0KUzdwf9veQTebplXpRUKbg4I8g/j2guCYyWjGvb2S9sW1pyGXrIhOs4r/S/AhtxM8V12Ks8de8EPp2uoqba97L1l0fV0PCm2uiXv8k8FuPKjxiGIizFZ0FT9n98UAnucU8u2xE4/IeLaODERWVjxDv/MzVemZw1VSSjaadYNAsl1V8VgWzX1QTEfPLuuTk2xC9uDdjg1SwwDd8am8b3l9UvbjfOjGF76h5KXvaxiTDOUF/U/UCX388xpqFpBjDYtyP46whssg5vgtoNzbZ24YeKfiqV5Kxvff+gC55t5DbKn3EqnW4PxooujPZol+iLv1O+hD8ndjKdrk/6E+W2CsE/m/5R4ABAKleuTJCqFfUAAAAAElFTkSuQmCC') no-repeat center top; text-indent: -1000px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .closed {display: none; position: relative; width: 100%; height: 100%;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .closed .box {overflow: hidden; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; padding: 0; margin: -16px 0 0 -15px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAAAXNSR0IArs4c6QAAG9VJREFUeF7tXXl8VEXy/9ZLwik3ighkJhxyqCCTTEDRVVF31Z9yg4pyGAXFaxEV5BBdvAUXFo8VRW4URRDwXt1dlEtyDCoqV46ZBFEEuQSSkJlXv09NJhjI1T3zZiaw1ufDH2S6q7vr+/q96uo6CH/QaS0BOq1X98fi8AfAp/lDcFoA/A4GxiQk5LSF6TufyGjHJtsBJIDQFIwzQagPoEE5WB4E4xAIe8DYCyCHDHIzmztgxHyXk5OQOQhLfafyM3BKAvxt/AWN8inu8hjgYhO4hIAuAGqHAYh8Br4xgLU+YH1tLlrdOXfz/jCMEzaWpwzA6fbEDszcH+BrAboIgBE2qVTM2AR4A0AfE9GyJHfG1ijMQWvIag3wVwndmsWYRUMB3Aqgs9bKItP4WwCLfEbcgu45G3dHZki9UaolwKn2rpcR0/0AegGI1VtSVFp7Aaxi4pnJ7k1fRGUGFQxabQBmwEizOwYS4yEASdVJSJpzSWfCNKfbtZQAU7Ov5c2jDjADlGFP7M3gKWBcYPkKo8WQsJlAkxPdGSsJ4OhNI1ojA9jYqmuSYWAGQD2iOI0wD83rTBOju+VtSg/zQOWyj8oO3mS/sGER01QC3Q78TxhbmMFvxBE/3NX99YFIAh1xgNNsXfsDeBmgZpFcaPUYi0XTvsfp2bQsUvOJGMBr2/eoV7Ow4CUwy7EnEpQPwM3AT0T4lU0+SmQcImKTmQxmsz4ZVIcZTQhoDkCsX+EwlpRdK9GCwpq17r1k27rfwi2IiACcEe9INAnvAGgdpgXlArQOxKkG49siI+77YM6lcu6OM4vOMwmdwZQMsOgG8WGac7bBGJSY68oIE38/27ADnGp33EaMfwKoaeFCjgH4jIg+LILv44vcX7st5H0Cqw32C+1xiLmWmf8PwNUAalg4ViETRiW7XXMt5HkCq7AB7L8AiM+aBsJoCye/lkDzEYOlSdkZBy3kq8QqvXViA/gwkMHDAFyi1EmlEWNGTm6bh8JxsREWgNPPSazDcbwYQB+V9VXRpoCAhV7mGd1zN/1gAT9LWHwV37VTLNFoBoYAqGUB0xVURLck7co4agGv4ywsB1iectPk94lxaYgTLQDolRqxRc91yfr2lxB5ha37N206n3XMGzcO4LtDBZoJawyDbrDy7WQpwBtbJDcxYoo+AomCEiSR2H14LoEmJnkyfgqSS8S7pdsSmzP4KQDDQ9JtmFNNX9x13X5M/dWKRVgGsOxc9pr/CgXc2ue2QcILf0OdCzqOJ6JnrVhgpHnIicFHmEVAYtBjM6dSrPFnK3ayJQDLN9eswZ+E+lqu1dqGjqsWcswZdUU2fYhoVdBCimLH/+Ly2DNshx4A8GSwWrf/dX2Mrgn1mxwywH5t2Zb1rkUKFRpc3gPt5oh5mo6A6CIi2hxFrEIaOiPB0dk06U2AzwuS0YocT5sBoWjXIQOcFu+YbvFRCM1SBqPV5AflW5wLIicRVVslqyrg5O2GOH6NgVuqalvu74wZzlyXvA2CopAADhgx5gQ1chWdbM9Mwpk395VW6wD0JCIxbpyylGpLfIjAzwXjasSElGCNIUEDHDA/ivCttFAdB5Di4nDu4ldQL9khf5tLRCmnLLqBiafaHP0IWBSEzbvQYPQIxqwZFMD+i4OC/K/DaFv2iyS2cUNRulCz5Tny34eI6IVTHeQMm6OnCawEcIbmWrILa9W+UPeCIiiA0+yJ83VvhYy6ddCw56XY9/6nWuuSo1PH9+axUbeOeEX0EvuzFoNq2DjdntiNmT/XBplogdOdIWZSZdIGuPg+l0RrVifDKDx3wUtc/2Jnre3D78ehLzeo9xWP9Z6XoN3s6fCaZsGESRPGTn1u6otaDKph48BO/kD/dc0DdO6TtQAWTwwv01bNy3qTgYFOd4ZECLznO3wEW3oPpYIsvQugs+8ahpaP3I+8vFzcNPjmJXt/2Xvf9u3bJRrhlKXAN3mpnuLFu2OJO6h6hmgBnG5ziLo/QkeiDHo42ZMxTfow8yMAnil052FLn6HwHjikw8pv5WrS/3ps3LgRQ4cN3XfMe2y8vZV9zurVq8Vt9ZSkgHY9VWfyBLye5HGNVOmjDHCxgxyl6thZCVic5HGJ0/pxYuaF4sj+24Z0bB9yN9irHvojmnX7t2bhjKQuWLJkCSZMnAAGZ4EwyZ3lFoeCqLupqgj95DbpNscizXMymyYnqzjyKQEsrq3ptq5r9Lwf6XsqQvLJpjZmlmOVOId327PoXXgmPaMlk7imjf2adY1zzsaUKVMwb/68kv5bmXj6sfxji3bt2mXplZvWBINoXHy9ilQ9ixevS/JsurQql1wlgNPtiX2Y+T2NuR8zDDgTc1wS2lGGmPlsMKeBqGXuo8/il4XyGVKnOh3PRftlc0C1auK2lNuwZs2a0p33gTAnhmLmZWZmfq/ONboti82aSNOxXRNR3yR3xorKZl4lwBJxkG53fK3plD7W6XFV+l1h5q5gXscm194x7F4cWrtRS8INr74cbV+bhsOHD6Nv/37Iysoq059ALokdArAsOzs7V2uAKDROszkeBvC88tCEzUlu14WVRVBUCXCq3XEjMZaoDspAxhFP/e5XoGrFh5nFFrnc99th3tJrCBXk6GFw9qjhaDnuPng8HvTp2wcHD1bsxSNgM/EKmPg0JydHHN3UP/6qiw+xndxC1bUd+krnqpEJNyW7XW9XNHSVAKfZHPLaUI0VYoPh1DGpMfOjAKYUZHuwpc8w+A5peJISofWMJ9G49zVYv349hg0fBp9PCbcDBPovADE2fJadnb0jRGws6x4wAYvMq8QmMGi60+NyBgVwIMpvtcbs5zo9Li2bMTPLQt4EcNOhNRuxY/i9YJ+6MmzUrIH2b7+Ouheej8WLF+PRyfK8aFMuCF/AxJfMvNbtdkc17jfN5pALnNtUV8HEl1cU1VjpU5Jmc4gHfj/FgQoI1DoYNxtmFodz0aydv8xbgtzHtY6FiDuzSbFm3bwZJj82GYsWyWc3JNrDYNHc1sRQzJqsrKxNkTyCBdx/sjV8vJY7PS6JGClHD6lADoHg653q8bn0d6cn48FgxcrMzcHsAtHZnglPYc+by7VY1Tm/Azq8OweIi8WQYUOxYYOeObSKwfaD8SUTr46hmM+zsrJEOw9rxGCaLfEFgMcoCsHrM+JalufsX+EO1tToCmrEem2hej8ycxKY17DPV2v7rXfjt6/0nP4bXXcV2rzyHA4dPIg+/frC7dYzhyoKU5qJiXQ1gT4yTfNjt9v9s0ZfpabF3pqxHo1dXO7JpTKAv1FNm6BjOqtqdcx8I4AlYsbc0nsICj3yElGn5vffgRZjRiEnO9t/fDp0SM8cqj7S8Zayk9MJtNw0zSVuC58qTdPwt06PS5LRnEDlAhxIeLJFdbE+5vOsdEpn5scBPJa/Ixtb+w6HXFAok2jWLz6Nxtf/2W8ASbk9RVWzVh6iioYbCbTAMIxFmZmZIT1d4lwfQ6RsrCGijicnhikX4DSbY2LAI1Bh0bzO6dlkXRhH8aWEzEvMW/0P/ncdMu8YradZ166FDu/MFvdbzJ03F0888YTCOixvcpTBSwwYM7Kzs4N2HEyzdV2rYSKe5PS4xDf7OFUAsDpTAo1I8mTMtlo8zFwHwFoAXXfPXoS8J6drDRHX7Ex0en8R4s5qiokTJ+KtJW9p9be48YcGGU9nZWWt1+Wbbku8g8Gvq/Uru9nKACxJxgopTpQIlTxUxyiGzrLCQbu8BTBzSzCng6iZe+wU7H1HPF3UqW7nTmj/zmyYsTEYOnQovtr4lXrncLQkrCKmh7Ozs7ersvcHFPhYvEpVohrNmlzUtHSytjIAb7Q5+hqA6hnlQ6fHdb3qZINpx8zdwPwl+3w1tt18Jw6niSuYOjXudQ1az3wKBw4cQO8+vZGXl6feOTwt5e56ZmFB4aOqt15pNod4fkj4apVkAv26eVzHL4bKAJxuc0xl+FMZVUlEdHeSO0Nif8NKzCw+xYu8+/ZjS6+hKNy5S2u8Fg+OQvP77kBm5g7069/ff0FRDSjTIGOYyms73Z44iplfUZkzAdOSPC65tPBTGYBTbY4NBHRXYeYlMyGcwdel58DMTwMYn78tC1v7DYfviMaVL5H/fNzo2iuxevVqjBg5ItKaNQj0A0MMOdgOE/KEHiQi88iRI5/u3r270mOCBKHHspGjggkDXyV7XJLqsSzAgTAUsfar5KrIdXpcNpVBrWgjmnVmZuY3bdu2veDAZ18g886HAFPDZi2a9bI5qNOpPWbPno2nn5HnJawkjvqrQHjfe8z7eV5ent5r56SppdkcYvRQSSeRn+NpU68k3OWEHZyWkNQepqloaKe3nJ6MwWEV0UnMu1/cfdzcN+Y+26FDB/z8z3nY+Zyec6V4gYjNWrxCxo4di3eX6TmHqqyVwd8bMF7xer1v5ebmWpaZNs2WKDFON6vMAYbRwZmTvq3MK1rLJZbwgNPtmqE0oEWN7K3to1u2aDl95Xsr0LhJE+SMmYxfl+u5SdftegHav/0aTMPA4FsGIz3dmvxkDP6PAeOF7Ozsj8Nhp06zO0aDoXhW/N219oQdnG5PfISZlZykDODKRI/rPxZhp8RGACbQdIfDgbfefAsxALbfOBKHy/cMqpBnkz7XImHGk9i/bx969+2DnTv1zKEnMV7DBk92Z7p1rlWV1lu6UcCP+t8qHYlofJI7wx9ffeIrOt7xKgh3qjDxGXFnB5OqSIV3RW1KAJbf+/frj6lTp6Jo7z5s6TUEx3bp2fvFE0Q8QrZu3YoBAwfg6FENpc0vOJJ8IXKm/SiUNan2DdzuqS2SMcuZ67qrDMCp8Y5PiPAXhUHznR6XWJoiSqUBloEfeeQRjBwxEkd/2IatA26HeVRynymSYaDtrGloePVl+Pzzz3HXqLtgqilt+8CYbLPZZkXaHzvN5pCnsEoFmBmfJue6rinnG+yQ+zl/OF8VtMXpcXWqqpHVv58McExMDGa9Ogs9e/bEgX+tLtasWf2aVuKlOi6bg9od2uHVWa/i+ecr9XfzEuhlr9f7NyuVJx0Zpdkc8tboqNDH5fS4/CkkTnxFK6riDPwn2eO6UmEgS5ucDLAwr1u3LpYvW4527drhpxdn48cX9OwuNVo0R8f3FyKucSOMeXAMVqwo64XK4I+IaUxOTo5fM40Wpdoc/yagp8L4x4+wJwMsmVDLq05yIk/CUqfbNUhhIEublAewDNCqVSusXLESDRs2RPb9E7Fv1Sda457hvNAfMeE1TYl7wqZN4qFT/J01TXOM2+3WC4nUGl29cZrd8Q4YAxV6HHR6XA3L28FK7zdmnp+cu0nSBUWUKgJYJpGcnIxFCxfB8JnYNugOHPlG+RrVv4amA26Afdrj+HXvXnEUOLAzb+ekaHxnKxNoanzXeUSkFD7q9Lj8m/fkHawEMEAvOj0ZUlMholQZwDKRQYMG4dlnnkXRnl+x5YZbcexnvdQeLSeMxtkjh8Dr9X4XGxvbnSQRTDWiNFviTIDvU5lSSAAT4R9JbpeVOShV5oyqABYmkyZNQsptKTi6eQu2DroDZn6BEm//0x5joO3sGWhwhT8BvXiUDiQixYdeeZigG6bbHTOY8VcVBiEBXF13sCxcNGuxNV/2p8uw74PPkH3feC3NWnJ0dXhvHmq382c+fpKIgnK0VgFBt03EdnB1/AaXFla9evXw3rLlaN2mDXbNeA27ZszSkmXNVi38NuvYRn59czARRdUdpGTyVnyDT0ktujz04uPjsWrFStRv0ABZd4/D/o8kSkWd6nVL9Gf5oZiYQhBdSkQSThJVskKLVrqSqk7n4BMkzpBogM1EJCatAykpKeaE8ePv4mNFxtYBKTj6neJFWYDpmYP7wfb0RHnF/wyiRCIK6cov1KfDinPwKWXJKiMwxvycnJwTjm/MLDbZf4pGLTbrol/00nq0mvwQmqX4b+lENn8iIj2jdaioluofsiXrVLNFqwAsbZhZLo7vlbOxnJHNQvWkeaJZt5s7E/X/5HeSkDQRN0VLsw7dFn0K3SaVuzHK2cEBgOVmUaxRV+5b+QmyR0/S06zr10PHFfMh2XABTCaiiDtaW3KbdKrcB1f41qsA4ADIjcC8EUTtfpz6Mn56WS/FZq2EeD/IMQ2k1rT/fGy9O0glr3Nr7oN1kpxFyaNDLvyDATgAcvsAyA2y7nwI+z+VGHB1qnexE+cueFkMIgUg6kHkTxEREbLEo6O6+2RVacmqZAeXoMDMV8nr2swvoK39bqOjW5R90P0szhoyEPFPPCKv+B9BlEREapfwIT4GlvhkVWevSpGPFQAHdrLYc2eKF4hfs967T0v8tifH48xbB0gfyRxzORGp20O1Rvq9sSVelcKuuvpFWwlwAORXAdwp/lzbbroTfExDs46NQbv5L6F+D3/tEUk/cWs4NWvL/KJlttUxsqHkObZqBwcAjgto1lf8uuwD5Dz4mNbeEmXLr1kn+F2VJxJR2BytLY1sqG6xSaWlbiXAAZAbB4LbEnY+OxM/vzpfC+RabezouHJBSRGRvkSkFx2nOJqlsUnVKbrw5PVbDXAA5I5+zZq5XubIB3Hg8y8VxV7crP6l3XHu/BeliMhREF1MRJIZwTKyPLpQZqYTdByu+ODyJBQOgAMgXwvgA/NoPm3pN5zyt2ZqAXTW8JsQ//jDolnnBYqISJ1gS8jy+OBigKMb4V+RZMIFcABkqWzyd4lcFM3au0+vUHepIiIS5H2FVUVEdDab+DsoRfhHO0dHNAAOgPwGgJTDqZuw7ZZR4KIi5V3oLyKy6GXINSOA+UQUss9a2HJ0BHZxVLLsVCbRcO7gAMASRS8Xx5dKNgHJKqBD4iDQceVC1IxvId3GEZF6YtFyBgpblp0AwDqZTy3Jk1WVMMMNcADkpgHN2pb3xN+x+w2pkqtO4urTccX8kiIiUp7vffXev7cMe56sSGe6UxFCJAAOgHwBmDeAue6OlNE4uFrKQ6lTSREREB0GkXhn6vnw+vWgMGe6C+ziiOSqVBVdpAAOgHwDgBW+w0cMyYJbkKkUYH98Kc1G3IpWEx8QzdoTsFkrexpEJFelzDQS2WZVwZV2kQQ4APJYAM8V5v7oz7rn3a9XVd7+/GQ0HdRbWEli06tUNeuIZZsN7OKw5ouuzgAHQBbz1tDiIiL3gL3qBV5KFxEBMJuIqqxYE9F80cW7OHwZ33XAjcYODgAsRUTk4viiPW8ug2eCnsk5tkljdFq1ABLkBuABIqowK0JUMr6Hq2aDLrjRAjgAcrNAEZFWkstaclrrUO0ObdFx+Tw26tSWKInriUjSPJQhzQy/EngUes0GmYXVVVd0hFO6baS/waXHZuYuYF4P5jrbhwZTROQytH3NX1vzNxB1I6ITkr1GreqK/wm2sG5SsOBGcweXzPmEIiJSni9b3MjVqaSICFiKeVEyEfk9DaJeN0kmYVXlM3VxlG0ZzR1cCuQJAJ4qyJEiIsPhO6iXMThh+hNo0vc6YSff9b8QUVHUK5+VLE7TdObvVrp2YSjgVocdHPgeS8itFIUYfGhdKnYMvUcr1THVqIEOb78GSecEYFaaPSmTwFpFKnQSsKuWbvFjE0r10WSPSzXBaYXPQXXYwQGQawWKiCT/Mv9t5D6mZ3IuKSIijvhZo8YyivNjK1IYq4/KDLSSpf0+5XwDuD7UvFrVBeAAyFJERFIdn+OZ+Az2LNZzk65pb4Win3+BWVCoCOzxj0T46geXDBFMBXAAh4noqiR3hl4Nu1LLr04AB0B2+Mvz+cxa24feg9/WhzkAMRIVwGVha9v3qFezIF8SN/ujpDXosAH0DnYnt2nTphUzS37qZgAamjBrGDDEHbKAmffIVV9OTo6lLjNVrY2ZxX92qShbP/TSLyJSFf9Sv2cX1qp94SXb1mmUhlMvn1ZmHgGTmlyziKVHh/IZuNWKb7LOoOFsW1JERKqa+8vz/WZ5PupCg9FDp2RgyXo1Pu5lRZRqd9xGDL0gn2I2JoPGlVQGD6fwI8E7UEREzFuDDn6xHpkpf9XSrKuaIxNSkt2uuVW1K+/3kAAWhmnxjukgBJWQRSqEo4hGnlxEOpiFRLtPoIiIuGQm7p7zJvKm+K1WoRNjhjPXJf5iQVHIAAfCXUSF7BPUDEDfGwYPrqiYdHA8o9OLmVuAOcNfRGTcE9j7dqW1m1UmuSLH02ZASXJvlQ4ntwkZYGEopjazBn9CjEuDmQQAUZQmHfbUn65SdzjIMSLSjZmT2ev9cvfri2rufP4lrTjk0hM8I7GL96xbBiY06X9dSLmOLQHYD7KUf/Ga/xIba7CSlOLSbPJd3fI2WZOlO9iJhNBPTLo1mjZ+x7tvf0KwbOp27sStX3rmgVq2Vv8IlkdJP8sAFobrW17UOM4o+DgUkAPZ0ucRaGIwpWpDFUiw/QNuNlJ1TNxlg5ZrnQs6eu1/G9uvbmKXoJz1wvKKLs1UdrJp8vshvK5L2BUA9EqN2KLnQq1qGixoKv2KvR/jxgF8t0al0HJZ1+3c6Wjz+27v0ejPV+gVh6pkokE/aZUtvvj6i8XfNEjF6wTuBQQs9DLPsLIApgp4lbURp/RYotEMDAkVWBmnfrfE3Q2vvqJLsxGDLQt7Eb5hAVgY+7Xr+KxpwR6hyhcuryMY8xCDpeEqp1fpg9s6sQF8GMgwh2sUjKzyWWp49Z9cx1pefNF5jw9SD1Kukmtxg7ABXDJ+wBgiWbp1LV6VLUEE8RkRfVgE38fhLM4lwddxiLmWmaW03NWKNQSVxC9Xh016XTMn4YXHb1fqEESjsAMscwqYNSXHlK7tWnVJuQCtA3Gqwfi2yIj7PpiCIeLsH2cWnWcSOoPlNMCSdlalGJXqPI+3q9Giua9p3+vubPHwPRIPFTaKCMAye/8FRWHBS2AeGrbVnMhY0hm6GfiJCL+yyUeJjENEbDKTwWzWJ4PqMKMJAeLyaFcpeGHF3Btd0/NAoxv7XNKk5yXaEQ+640cM4JKJFd8n42WA5Ebof4x4d/P7R3zWYsyoUSRhLRGgiAMsaxLPEB8bzzNwRyT0gAjIsaohxGVjdgyZY7u6v9YLPK6KcxW/RwXgkjkVO/JhhpUaaYjyCEN3XmeaGB0t61xUARZpiktuhj2xN4OngOH3RDstiLCZQJMT3Rkryb/M6FDUAS5ZtkRQpNkdA4n9xamToiMOS0ZNZ8I0p9u1lAD1+reWDF2WSbUBuPTUAlGNUtWlF4DYMK3dSrYSkbaKiWcmuzd9YSXjUHlVS4BLFhUIQh9KwC0MdAl1sVb3J+AbBhb7jLgFwZy7rZ5PefyqNcClJxxIDNMf4GsBkuzcRiQEdNIYJsAbAPqYiJYluTP0agREYcKnDMClZSPJ2vIp7vIY4GITuISKd3eVVTmDkK84CH5jAGt9wPraXLS6c+5my6p6BzEf7S6nJMAnr9J/sZGQ0xam73wiox2bbGfAToQzpWpdoB5jeTUZJWRf/u1lxh4C3GSQm9ncASPmu5ychMxQ3GW00QhDh9MC4DDI5bRh+QfApw2U5S/k/wGanHstStaE4QAAAABJRU5ErkJggg==) no-repeat center top / 30px; text-indent: -1000px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .box {position: relative;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .box .charging {display: none;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .box .charging i {overflow: hidden; position: absolute; top: 17px; left: 50%; width: 61px; height: 22px; margin: -11px 0 0 -30px; background: transparent url('../images/content/pc/batteryCharging-type01.png') no-repeat center top; text-indent: -1000px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .box .charging .percent {padding-top: 35px; line-height: 19px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .box .complete {display: none;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .box .complete i {overflow: hidden; position: absolute; top: 17px; left: 50%; width: 61px; height: 22px; margin: -11px 0 0 -30px; background: transparent url('../images/content/pc/chargingComplete-type01.png') no-repeat center top; text-indent: -1000px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status .box .complete .percent {padding-top: 35px; line-height: 19px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status.statusWarning .warning {display: block;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status.statusWarning .batteryGauge {display: none;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status.statusPinError .pinError {display: block;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status.statusPinError .batteryGauge {display: none;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status.statusCharging .charging {display: block;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status.statusCharging .batteryGauge {display: none;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status.statusComplete .complete {display: block;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status.statusComplete .batteryGauge {display: none;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status.statusClosed .closed {display: block;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.status.statusClosed .batteryGauge {display: none;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.bottomLeft {border-bottom-left-radius: 7px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr td.bottomRight {border-bottom-right-radius: 7px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody.none {display: none;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody.none tr td {color: #999; line-height: 38px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table.thead {position: absolute; top: 0; left: 0;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table.thead .contain {border-bottom-color: #aaa; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table.tbody {padding-top: calc(39px - 1px);}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table.tbody .contain {border-top-color: #aaa; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table.tbody .contain table {margin-top: -1px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body.none .table .contain table tbody {display: none;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body.none .table .contain table tbody.none {display: table-row-group;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.batteryInfo {padding-top: 20px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.batteryInfo .body .table .contain table col.course {width: 180px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.batteryInfo .body .table .contain table col.green {width: 40px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.batteryInfo .body .table .contain table col.num {width: 60px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.batteryInfo .body .table .contain table tbody tr td {height: 91px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.batteryInfo .body .table .contain table tbody tr td.course {background-color: #f9f9f9;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.batteryInfo .body .table .contain table tbody tr td.green {background-color: #f9f9f9;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.batteryInfo .body .table .contain table tbody tr td.last {border-bottom-left-radius: 7px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.batteryInfo .body .table .contain table tbody.none tr td {border-top: none; border-left: none; line-height: 129px; border-radius: 7px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.batteryInfo .body .table .contain table tbody.none tr:last-child td:first-child {border-bottom-left-radius: 7px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo {padding-top: 20px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table col.keep {width: 220px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table col.num {width: 60px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody tr th {border-top: none;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody tr th.keep {box-sizing: border-box; background-color: #f9f9f9; color: #666; font-weight: 500;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody tr td {height: 91px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody tr td.keep {background-color: #f9f9f9;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody tr th:first-child {border-top-left-radius: 7px; border-bottom-left-radius: 7px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody tr th:last-child {border-top-right-radius: 7px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody tr:last-child td:first-child {border-bottom-left-radius: 0;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody.none tr td {border-top: none; border-left: none; line-height: 129px; border-radius: 7px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody.none tr:last-child td:first-child {border-bottom-left-radius: 7px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody tr td.status .batteryGauge .battery {position: absolute; top: 30px; left: 50%; width: 64px; height: 32px; margin-left: -32px; background: transparent url('../images/content/pc/battery-type01.png') no-repeat top center;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody tr td.status .batteryGauge .battery .bar {position: absolute; top: 1px; left: 1px; width: 62px; height: 30px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody tr td.status .batteryGauge .battery .bar .item {overflow: hidden; position: absolute; top: 0; left: 0; max-height: 100%; background-color: transparent; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgCAYAAACinX6EAAAAqklEQVRoQ+2ZwQ3CQAwEvRU4T0C0wie0mlJoBfjGacAoEg+kmAbOcx3s2je21kr32aTFMs826pPeWtdLJU85Ta+hxX9VK0K1Ae45auF/dWEAHcAXgAGtIXgQn/nQtt2UTaZAWf0IYQAdwBfosQnCgMKBfT0GgkAQCALBFnkAU4ApcHSAMcge0GgRIhQlFCUUJRRtHYoCwb8Q5DjqdzNbzOw08JH0qYhrpe8DfL6LIW0OvxsAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: left 0; text-indent: -1000px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody tr td.status .batteryGauge .percent {position: absolute; top: 36px; left: 50%; padding-left: 9px; color: #222; line-height: 19px; text-align: center; transform: translateX(-50%);}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table tbody tr td.status .batteryGauge .percent::before {display: block; position: absolute; top: 50%; left: 0; width: 6px; height: 12px; margin-top: -6px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAYAAABBV8wuAAAAgUlEQVQoU13OsQkCQRAF0HeRhgZGFmBwiRUotqFgEWJw2IOBYgtiGyIWoQ0IRpoaysCpyywMzO5j5m/lf8a4fK9VAUfMM/RxRyfDChv8NkQTdcMQu3biHY9TnIqsaA8BETpLMAlYt6FdNLiiLr/bwwtLbDM8MMAzwx6LyMswwjngA4ukEXXn1Mk2AAAAAElFTkSuQmCC) no-repeat center center; content: '';}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table.tbody {padding-top: 10px;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table.tbody .contain {border-top-color: #ccc; border-top-right-radius: 0; border-top-left-radius: 0;}
.type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table.tbody .contain table {margin-top: -1px;}
@media (max-width: 1279px) {
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info {overflow-x: auto; padding-top: 0; margin: 0 -20px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body {width: calc(1300px + 40px); padding: 0 20px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table col.course {width: 174px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tr th,
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tr td {padding: 0 10px; line-height: 47px; font-size: 14px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table thead tr th.sort:hover {background-color: #fff;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table thead tr th.club.sort:hover,
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table thead tr th.course.sort:hover {background-color: #202845;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table thead tr th.sort.descending .item::before,
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table thead tr th.sort.ascending .item::before {width: 9px; height: 4px; background-image: url('../images/content/mobile/arrow-type05.png'); background-size: 9px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table thead tr th.sort.ascending .item::before {margin-top: -2px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr:hover td {background-color: #fff;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr:hover td.club,
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody tr:hover td.course {background-color: #f9f9f9;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table .contain table tbody.none tr td {line-height: 143px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table.thead {left: 20px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table.thead .fixed {width: 1300px; height: calc(10px + 49px); padding-top: 10px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table.thead .fixed.active {top: calc(66px -  1px);}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info .body .table.tbody {padding-top: calc(10px + 49px - 1px);}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.golfClubInfo,
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.batteryInfo {padding-top: 10px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.batteryInfo .body {width: calc(1500px + 40px); padding: 0 20px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.batteryInfo .body .table .contain table col.course {width: 134px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.batteryInfo .body .table.thead .fixed {width: 1500px; height: calc(10px + 49px); padding-top: 10px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo {padding-top: 10px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body {width: calc(1500px + 40px); padding: 0 20px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table .contain table col.keep {width: 174px;}
  .type-content.id-golfClubBatteryStatus .golfClubBatteryStatus-body .info.keepInfo .body .table.thead .fixed {width: 1500px; height: calc(10px + 49px); padding-top: 10px;}
}

.type-content.id-golfClubBatteryStatus.asideActive .golfClubBatteryStatus-body .golfClubInfo .body .table.thead .fixed,
.type-content.id-golfClubBatteryStatus.asideActive .golfClubBatteryStatus-body .batteryInfo .body .table.thead .fixed,
.type-content.id-golfClubBatteryStatus.asideActive .golfClubBatteryStatus-body .keepInfo .body .table.thead .fixed {width: 1550px;}
@media (max-width: 1279px) {
  .type-content.id-golfClubBatteryStatus.loginClub main .container {padding-bottom: 85px;}
  .type-content.id-golfClubBatteryStatus.loginClub.inactiveBi main .container {padding-bottom: 30px;}
  .type-content.id-golfClubBatteryStatus.asideActive .golfClubBatteryStatus-body .golfClubInfo .body .table.thead .fixed,
  .type-content.id-golfClubBatteryStatus.asideActive .golfClubBatteryStatus-body .batteryInfo .body .table.thead .fixed,
  .type-content.id-golfClubBatteryStatus.asideActive .golfClubBatteryStatus-body .keepInfo .body .table.thead .fixed {width: 1091px;}
}