@charset "utf-8";
@import url(font.css);


/*편집버튼*/
.posi-rel { position: relative;}
.posi-rel .ud-more { position: absolute;right: 12%;top: 50%;margin-top: -8px;}
.garybg { background: #F3F3F4;border-radius: 10px;padding: 15px 20px;}
.tag-no { background: transparent !important;padding: 0 !important;height: auto;}
.list-part .step-box.tag-no { background: rgba(255, 255, 255, 0.0);backdrop-filter: none;height: 85px;}
.line { width: 1px;height: 48px;background: rgba(27,26,45,0.15); }

/* 체크박스 */
.checkbox_css { display: block;  position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;padding-left: 27px;}
.checkbox_css input { position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}
.checkmark { position: absolute;  left: 0%;  top: 0; height: 20px; width: 20px; background-color: #DBDDE5;border-radius: 4px;}
.checkbox_css:hover input ~ .checkmark {  background-color: #ccc;}
.checkbox_css input:checked ~ .checkmark {  background-color: #3761E9;}
.checkmark:after {  content: "";  position: absolute;  display: none;}
.checkbox_css input:checked ~ .checkmark:after {  display: block;}
.checkbox_css .checkmark:after { left: 7px; top: 3px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);transform: rotate(45deg);}
/*select*/
.custom-select-wrap { position: relative;width: auto;}
.custom-select {width: auto;padding: 8px 20px 8px 12px;border: 0px solid #ddd;border-radius: 8px; background-color: transparent; font-size: 15px; color: #333; cursor: pointer;
  -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.custom-select-wrap::after { content: '▼'; position: absolute; right: 8px; top: 50%; margin-top: -1px; transform: translateY(-50%); font-size: 10px; color: #333; pointer-events: none;}

/* 자동 권한 체크박스 */
.checkbox-auto { position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.checkbox-auto input { position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}
.checkmark-auto { position: absolute; left: 50%; top: 50%; transform: translate(0%, -50%); height: 22px; width: 22px; background: #fff;border-radius: 4px;border: 1px solid rgba(27,26,45,0.25);}
.checkbox-auto:hover input ~ .checkmark-auto {  background-color: #ccc;}
.checkbox-auto input:checked ~ .checkmark-auto {  background-color: #3762E8;border: 1px solid #3762E8;}
.checkmark-auto:after {  content: "";  position: absolute;}
.checkbox-auto input:checked ~ .checkmark-auto:after {  display: block; left: 8px; top: 2px; width: 4px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);transform: rotate(45deg);}
.checkbox-auto .checkmark-auto:after { left: 8px; top: 2px; width: 4px; height: 10px; border: solid #d0d1d3; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);transform: rotate(45deg);}


/*스크롤박스*/
.scroll-box { overflow-y: auto; height: 100%; }
.scroll-box::-webkit-scrollbar { width: 16px;}
.scroll-box::-webkit-scrollbar-thumb { background: rgba(192,201,237,0.8); border-radius: 10px; border: 4px solid transparent;background-clip: padding-box;}
.scroll-box::-webkit-scrollbar-track { background: #fff; margin-top: 0px; margin-bottom: 2px; border-radius: 10px;}
.box-1col { display: flex; flex-direction: column; flex: 1; overflow: hidden; }
.boxProH { display: flex; flex-direction: column; flex: 1; overflow: hidden; min-height: 0;}
.device-status-row { display: flex; flex-direction: column; flex: 1; overflow: hidden; min-height: 0;}
.scroll-box { overflow-y: auto; flex: 1; min-height: 0;}
.boxProH .scroll-box { height: 100%; }
/*기본테이블*/
.base-table { width: 100%; border-collapse: separate; border-spacing: 0; }
.base-table thead th { position: sticky; top: 0; z-index: 1; background: #EEF1F8; font-weight: 600; color: #161922; padding: 10px 15px; text-align: left; }
.base-table thead tr th:first-child { border-radius: 10px 0 0 10px;}
.base-table thead tr th:last-child { border-radius: 0 10px 10px 0px;}
.base-table tbody td { padding: 12px; color: rgba(22,25,34,0.85); border-bottom: 1px solid rgba(22,25,34,0.15);font-weight: 400;}
.base-table tbody tr:last-child td { border-bottom: none;}

.link-underline { text-decoration: underline !important;}

/*페이징*/
.paging {text-align:center; margin-top: 30px;}
.paging a {display:inline-block; vertical-align:middle; width:30px; height:30px; line-height:30px; position: relative; color: #999; font-size: 11pt;}
.paging > a {text-indent:-9999px;}
.paging a.first {background:url('../img/paging-first.png')no-repeat center center;}
.paging a.prev {background:url('../img/paging-prev.png')no-repeat center center;}
.paging a.next {background:url('../img/paging-next.png')no-repeat center center;}
.paging a.last {background:url('../img/paging-last.png')no-repeat center center;}
.paging ul {display:inline-block; vertical-align:middle;}
.paging ul li {display:inline-block; vertical-align:middle; position: relative;}
.paging ul li:before {content: ''; display: block; width: 1px; height: 12px; background: #F4F6FF; position: absolute; left: 0; top: 50%; margin-top: -6px;}
.paging ul li:last-child:after {content: ''; display: block; width: 1px; height: 12px; background: #e2e2e2; position: absolute; right: 0; top: 50%; margin-top: -6px;}
.paging ul li.on a {font-weight: 700; color: #3b83f4;background: #F4F6FF;border-radius: 6px;}

/* 포커스 시 스타일 */
.custom-select:focus { outline: none; border-color: #4f46e5;}


/*login*/
#login { position: relative; width: 100%; height: 100vh;background-color: #050a1b; z-index: 1; overflow: hidden;display: flex; align-items: center; justify-content: flex-end;}
#login::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-repeat: no-repeat; background-size: cover; background-position: center; opacity: 0; transition: opacity 1.2s ease-in-out;}
/* 애니메이션 효과 */
@keyframes fadeInBackground {
  from { opacity: 0; }
  to { opacity: 1; }
}
#login.is-loaded::before { opacity: 1; position: relative;}
.login-wrap.is-loaded::before { opacity: 1;}
.bg-1 { background: url('../img/login-back.png') center no-repeat; background-size: cover;}
.bg-2 {background: linear-gradient(to bottom right, #3761E9, #08D3B4); height: 100%;}
.login-wrap { position: relative; z-index: 10; width:50%;height: 100%; background: url('../img/loginR-back.png') center no-repeat; backdrop-filter: blur(10px); padding: 50px 40px; border-radius: 30px 0 0 30px; color: #fff; right: 0;border-top: 1px solid rgba(255,255,255,0.75);background-size: cover;}
.login-label { padding-left: 40px;position: absolute;left: -178px;top: 50%;margin-top: -63px; width: 178px;height: 125px;line-height: 125px; background: url(../img/logintxt-back.png) right center no-repeat;color: #161922;}
.login-conts { width: 520px;margin: 12% auto 0;}
.login-wrap h1 {text-align: center;}
.login-wrap h1 img { height: 40px; margin-bottom: 10px; }
.login-title { font-size: 16px;font-weight: 500;margin-bottom: 40px; text-align: center; color: #161922;}
.login-check p:nth-child(1) { font-size: 16px; padding-left: 23px; margin-bottom: 10px; font-weight: 500; color: rgba(22,25,34,0.5); }
.login-check p:nth-child(2) { color: #161922; margin-bottom: 8px; }
.login-check p:nth-child(2) span { font-weight: 200; color: rgba(255, 255, 255, 0.75);font-family: 'Pretendard';}
.login-check { padding-top: 15px;}
/* 입력창 */
.login-check input {width: 100%; padding: 10px; height: 60px; border-radius: 30px; background: #fff; margin-bottom: 10px;border: 1px solid rgba(22,25,34,0.3); text-indent: 15px;}
.login-check input::-webkit-input-placeholder { color: #878790;font-weight: 300;font-size: 16px;}
.login-check input:-moz-placeholder { color: #878790;font-weight: 300;font-size: 16px; opacity: 1;}
.login-check input::-moz-placeholder { color: #878790;font-weight: 300;font-size: 16px; opacity: 1;}
.login-check input:-ms-input-placeholder { color: #878790;font-weight: 300;font-size: 16px;}
.login-check input::placeholder { color: #878790;font-weight: 300;font-size: 16px; opacity: 1;}
.login-check button { width: 100%; padding: 10px; height: 45px; border-radius: 10px; border: none; background: #3761E9; color: #fff;cursor: pointer; transition: 0.3s;font-size: 18px;}
/*input check*/
.input-check input {width: 100%; height: 50px; border-radius: 10px; background: #fff; border: 1px solid #C6C5CA; margin-bottom: 10px;text-indent: 15px;padding: 0;}
.input-check input::-webkit-input-placeholder { color: #878790;font-weight:400;font-size: 16px;}
.input-check input:-moz-placeholder { color: #878790;font-weight: 400; opacity: 1;font-size: 16px;}
.input-check input::-moz-placeholder { color: #878790;font-weight:400; opacity: 1;font-size: 16px;}
.input-check input:-ms-input-placeholder { color: #878790;font-weight:400;font-size: 16px;}
.input-check input::placeholder { color: #878790;font-weight: 400; opacity: 1;font-size: 16px;}
/* 문의 */
.login-cell { clear: both;display: flex;justify-content: center; align-items: center;gap: 30px;position: absolute; left: 50%; top: 95%; transform: translate(-50%, -50%); }
.login-cell .txt { position: relative;}
.login-cell .txt:first-child::after { content: ''; position: absolute;right: 0;top: 2px; margin-right: -15px; width: 1px;height: 15px;background: rgba(22,25,34,0.5);}
.login-cell .txt span:first-child { color: rgba(22,25,34,0.5);font-weight: 600;}
.login-cell .txt span:last-child { color: rgba(22,25,34,0.3);}

/*로그인 오류*/
.login-error { position: absolute; left: 50%;  top: 52%; transform: translate(-50%, -50%); width: 523px;height: 378px;background: #fff;border-radius: 30px;z-index: 1000;box-shadow: 0px 0px 10px rgba(22,25,34,0.3);text-align: center;margin-left: 25%;}
.loginerror-ttl { position: relative; font-size: 20px;color: #161922;font-weight: 600;padding-top: 150px;}
.loginerror-ttl::before { content: '';position: absolute;left: 50%;top: 50%; margin-left: -24px; width: 48px;height: 41px;background: url(../img/login-error.png) center no-repeat;}
.loginerror-txt { font-size: 16px;color: rgba(22,25,34,0.8);margin: 5px 0;}
.loginerror-link { width: 170px;height: 48px;line-height: 48px;border-radius: 10px;text-align: center;background: #3761E9;margin: 30px auto 0;}
.loginerror-link a { color: #fff;display: inline-block;width: 100%;}
.loginerror-x { position: absolute; right: 35px;top: 35px;z-index: 1000;}
.loginerror-x button { background: none;cursor: pointer;}

/*OTP 등록 팝업 */
.login-otp { position: absolute; left: 50%;  top: 52%; transform: translate(-50%, -50%); width: 523px;height: 465px;background: #fff;border-radius: 30px;z-index: 1000;box-shadow: 0px 0px 10px rgba(22,25,34,0.3);text-align: center;margin-left: 25%;}
.loginotp-ttl { font-size: 20px;color: #161922;font-weight: 600;text-align: left;padding: 45px 35px 0;}
.loginotp-txt { clear: both; padding-top: 35px;}
.loginotp-txt span { display: block;padding-bottom: 20px;}
.loginotp-link { width: 80%;height: 48px;line-height: 48px;border-radius: 10px;text-align: center;background: #F4F6FF;margin: 30px auto 0;}
.loginotp-link:hover { background: #3761E9; color: #fff;}
.loginotp-link:hover a,
.loginotp-link:hover a span { color: #fff;}
.loginotp-link a { color: #161922;display: inline-block;width: 100%;font-weight: 600;}
.loginotp-link a span { font-weight: 300;color: rgba(22,25,34,0.6);}

/*비밀번호*/
.login-process { display: flex;justify-content: center; align-items: center;gap: 10px;margin-top: 25px}
.login-process button.input:first-child { min-width: 254px;height: 45px;background:linear-gradient(to left, #4EC4FF, #3761E9); color: #fff;font-size: 16px;border-radius: 30px;}
.login-process button.input:last-child { min-width: 254px;height: 45px;background:linear-gradient(to left, #6ED4DF, #08D3B4); color: #fff;font-size: 16px;border-radius: 30px;}


/*dashboard-side 운영 요약*/
#dashboard-main { clear: both;}
.dashboard-wrap { clear: both; display: flex;height: 100%;}
.dashboard-side { width: 260px;position: relative;}
.dashboard-side h1 { text-align: center;padding: 35px 0 10px;}
.dashboard-side h1 span { font-size: 16px;color: #fff;font-weight: 400;display: block;padding-top: 5px;}
.dashboard-body { background: #F4F6FF; margin: 40px 40px 40px 0;border-radius: 40px;padding: 40px;width: calc(100% - 300px);box-shadow: 0px 0px 5px rgba(22,25,34,0.3);}
.dashboard-title { font-size: 19px;color: #3761E9;font-weight: 600;height: 65px;}
/*sidemenu 사이드메뉴*/
.sidemenu { margin-left: 33px;z-index: 1;position: relative;}
.sidemenu li { height: 48px; line-height: 48px; padding-left: 55px;font-weight: 600;position: relative;}
.sidemenu li a {color: rgba(255, 255, 255, 0.6);}
.sidemenu li:hover a {color: #3761E9 !important;}
.sidemenu li.side-on { background: url(../img/sidem-back.png) left no-repeat;width: 227px;height: 48px; position: relative;}
.sidemenu li.side-on a { color: #3761E9;}
.sidemenu li.side-on::after { content: ''; position: absolute;right: 0;top: 50%; margin-top: -43px; display: inline-block;background: url(../img/sidem-back-arrow.png) right no-repeat;width: 24px;height: 86px;}
.sidemenu li:hover { background: url(../img/sidem-back.png) left no-repeat;width: 227px;height: 48px;position: relative;color: #3761E9;}
.sidemenu li:hover::after { content: ''; position: absolute;right: 0;top: 50%; margin-top: -43px; display: inline-block;background: url(../img/sidem-back-arrow.png) right no-repeat;width: 24px;height: 86px;}
.sidem-off1.side-on::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on1.png) center no-repeat;width: 20px;height: 22px; }
.sidem-off2.side-on::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on2.png) center no-repeat;width: 20px;height: 22px; }
.sidem-off3.side-on::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on3.png) center no-repeat;width: 20px;height: 22px; }
.sidem-off4.side-on::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on4.png) center no-repeat;width: 20px;height: 22px; }
.sidem-off5.side-on::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on5.png) center no-repeat;width: 20px;height: 22px; }
.sidem-off6.side-on::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on6.png) center no-repeat;width: 20px;height: 22px; }
.sidem-off7.side-on::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on7.png) center no-repeat;width: 20px;height: 22px; }
.sidem-off8.side-on::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on8.png) center no-repeat;width: 20px;height: 22px; }
.sidem-off9.side-on::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on9.png) center no-repeat;width: 20px;height: 22px; }

.sidem-off1:hover:before { content: ''; color: #3761E9;position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on1.png) center no-repeat;width: 20px;height: 22px; }
.sidem-off2:hover:before { content: ''; color: #3761E9;position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on2.png) center no-repeat;width: 20px;height: 22px; }
.sidem-off3:hover:before { content: ''; color: #3761E9;position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on3.png) center no-repeat;width: 20px;height: 22px; }
.sidem-off4:hover:before { content: ''; color: #3761E9;position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on4.png) center no-repeat;width: 20px;height: 22px; }
.sidem-off5:hover:before { content: ''; color: #3761E9;position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on5.png) center no-repeat;width: 20px;height: 22px; }
.sidem-off6:hover:before { content: ''; color: #3761E9;position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on6.png) center no-repeat;width: 20px;height: 22px; }
.sidem-off7:hover:before { content: ''; color: #3761E9;position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on7.png) center no-repeat;width: 20px;height: 22px; }
.sidem-off8:hover:before { content: ''; color: #3761E9;position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on8.png) center no-repeat;width: 20px;height: 22px; }
.sidem-off9:hover:before { content: ''; color: #3761E9;position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-on9.png) center no-repeat;width: 20px;height: 22px; }

.sidem-off1::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-off1.png) center no-repeat;width: 20px;height: 22px;}
.sidem-off2::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-off2.png) center no-repeat;width: 20px;height: 22px;}
.sidem-off3::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-off3.png) center no-repeat;width: 20px;height: 22px;}
.sidem-off4::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-off4.png) center no-repeat;width: 20px;height: 22px;}
.sidem-off5::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-off5.png) center no-repeat;width: 20px;height: 22px;}
.sidem-off6::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-off6.png) center no-repeat;width: 20px;height: 22px;}
.sidem-off7::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-off7.png) center no-repeat;width: 20px;height: 22px;}
.sidem-off8::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-off8.png) center no-repeat;width: 20px;height: 22px;}
.sidem-off9::before { content: ''; position: absolute;left: 25px;top: 50%; margin-top: -12px; background: url(../img/sidem-off9.png) center no-repeat;width: 20px;height: 22px;}

/*side-call*/
.side-call { width: 155px;position: absolute;  left: 50%;  top: 90%;  transform: translate(-50%, -50%); }
.side-call p { color: #fff;font-weight: 200;line-height: 130%;font-family: 'Wanted Sans';}
.side-call p.tel { font-size: 0;}
.side-call p.tel::before { content: '031-512-0110'; display: inline-block; color: #fff;font-weight: 200;line-height: 130%;font-family: 'Wanted Sans';font-size: 16px;}
.side-mail { margin-bottom: 10px;font-size: 0;}
.side-mail::before { content: 'stcnet@stcnet.co.kr'; display: inline-block; color: #fff;font-weight: 200;line-height: 130%;font-family: 'Wanted Sans';font-size: 16px;}

.topbar { padding: 0 28px; margin-bottom: 10px; height: 56px;display: flex; align-items: center; justify-content: space-between;flex-shrink: 0; }
.topbar-title {font-size: 19px; font-weight: 600; color: #3761E9; display: flex; align-items: center; gap: 10px; }
.topbar-title .accent-box { width: 18px; height: 18px; background: #e8365d; border-radius: 3px; flex-shrink: 0; }
.topbar-title .px-label { color: #888; font-weight: 400; margin-left: 4px; }
.topbar-right { display: flex; align-items: center; gap: 20px; color: #555; }
.topbar-right .admin-name {font-weight: 400; color: rgba(22,25,34,0.75);font-family: 'Pretendard'; border-right: 1px solid rgba(22,25,34,0.35); padding-right: 25px;}
.topbar-right .admin-name b { font-weight: 500;color: rgba(22,25,34,0.95);font-family: 'Pretendard';}
.topbar-right .top-btn { display: flex; align-items: center; gap: 5px; cursor: pointer; color: #555; }
.manual-ic::after { content: '';display: inline-block;width: 16px;height: 20px;background: url(../img/manual-ic.png) center no-repeat;}
.modify-ic { border-right: 1px solid rgba(22,25,34,0.35); padding-right: 25px;}
.modify-ic::after { content: '';display: inline-block;width: 20px;height: 20px;background: url(../img/modify-ic.png) center no-repeat;}
.logout-ic::after { content: '';display: inline-block;width: 20px;height: 20px;background: url(../img/logout-ic.png) center no-repeat;}
/* ★ 핵심: 2col 3row 그리드 (% 비율) */
.dashboard-col { display: grid; grid-template-columns: 50% 50%; grid-template-rows: 30% 40% 30%; gap: 24px; width: calc(100% - 24px); height: calc(100% - 114px);}
/* ★ 핵심: full 그리드 (% 비율) */
.dashboard-full { display: grid; width: calc(100% - 0px); height: calc(100% - 66px);}
 /* 공통 카드 스타일 */
 .dashm-deivce,
 .dashm-users,
 .dashm-allDevice,
 .dashm-quick,
 .dashm-notice,
 .dashm-log {background: #fff; border-radius: 20px; box-shadow: 0px 0px 15px rgba(55,97,233,0.1);padding: 25px;min-height: 0;display: flex;flex-direction: column; overflow: hidden;}
.card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.card-title { font-size: 20px; font-weight: 600; color: #222;}
.card-link { color:rgba(22,25,34,0.65); cursor: pointer; text-decoration: none;}
/* ─── 디바이스 상태 ─── */
.device-status-row { display: flex; gap: 12px;}
.device-badge { flex: 1; display: flex; align-items: center; gap: 25px;border-radius: 10px; padding: 14px 0px;}
.dot-circle { width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0;}
/*활성화 active*/
.active .dot-circle { background: rgba(55,97,233,0.25);width: 72px;height: 72px;border-radius: 10px;display: flex; align-items: center; justify-content: center;}
.active .dot-circle span { background: #3761E9;display: inline-block;width: 32px;height: 32px;border-radius: 100%;text-indent: -9999px;}
.active .count { font-size: 32px; font-weight: 700; color: #2474F5;}
.active .unit { font-size: 20px; color: #888; margin-left: 2px;}
/*비활성화 inactive*/
.inactive .dot-circle { background: rgba(235,67,65,0.25);width: 72px;height: 72px;border-radius: 10px;display: flex; align-items: center; justify-content: center; }
.inactive .dot-circle span { background: #EB4341; display: inline-block;width: 32px;height: 32px;border-radius: 100%;text-indent: -9999px;}
.inactive .count { font-size: 32px; font-weight: 700; color: #EB4341;}
.inactive .unit { font-size: 20px; color: #888; margin-left: 2px;}

/* 콘텐츠 영역만 Y 스크롤 */
.scroll-conts {flex: 1; overflow-y: auto; min-height: 0;}
.device-info .label { color: #161922;font-weight: 700;}
.arrow-btn { margin-left: auto; width: 45px;height: 45px; border-radius: 50%; background: #EEF1F8;display: flex; align-items: center; justify-content: center; cursor: pointer; color: #444;    font-size: 26px;font-weight: 300;}
/* ─── 사용자 수 ─── */
.user-top { display: flex; align-items: center; gap: 14px; margin-bottom: 12px;flex: 0.25;border-right: 1px solid rgba(22,25,34,0.15);margin-right: 20px;}
.user-icon-box { width: 72px; height: 72px; border-radius: 10px; background: #0ACEB7 url(../img/people-ic.png) center no-repeat; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.user-count { font-weight: 500; color: #08D3B4;font-size: 18px;}
.user-count span { color: rgba(22,25,34,0.35);}
.user-conts {flex: 0.75;}
.dashm-users-body { display: flex;}
/* ─── 전체 디바이스 ─── */
.device-table { width: 100%; border-collapse: collapse; }
.device-table thead th { background: #EEF1F8; font-weight: 600; color: #161922; padding: 10px 15px; text-align: left; }
.device-table thead tr th:first-child { border-radius: 10px 0 0 10px;}
.device-table thead tr th:last-child { border-radius: 0 10px 10px 0px;}
.device-table tbody td { padding: 9px 10px; color: #333; border-bottom: 1px solid #f2f0e0;}
.device-table tbody tr:last-child td { border-bottom: none;}
.status-dot { width: 16px; height: 16px; border-radius: 50%; display: inline-block;}
.status-dot.on  { background: #3761E9; }
.status-dot.off { background: #EB4341; }

/* ─── 퀵메뉴 ─── */
.quick-row { display: flex;align-items: center; justify-content: space-between; gap: 12px;width: 100%;height: 100%}
.quick-item { flex: 1; border-radius: 12px;padding: 20px; display: flex;flex-direction: column; align-items: flex-start; gap: 15px; cursor: pointer;transition: opacity 0.15s;background: #EEF1F8;height: 100%;}
.quick-item:hover { opacity: 0.88;}
.quick-icon.schedule { background: #3761E9 url(../img/schedule-ic.png) center no-repeat;width: 72px;height: 72px; flex-shrink: 0;}
.quick-icon.playlist { background: #0ACEB7 url(../img/playlist-ic.png) center no-repeat;width: 72px;height: 72px;flex-shrink: 0;; }
.quick-icon.emergency { background: #EB4341 url(../img/emergency-ic.png) center no-repeat;width: 72px;height: 72px;flex-shrink: 0; }
.quick-icon { width: 72px; height: 72px; border-radius: 12px;  background: rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center;}
.quick-icon svg { stroke: #161922; }
.quick-label { font-weight: 600; color: #161922;}
.quick-label-en { color: rgba(22,25,34,0.25);display: block;}
.quick-arrow { width: 45px; height: 45px; border-radius: 100%; background: rgba(255,255,255,1); display: flex; align-items: center; justify-content: center;
color: #161922;font-size: 22px;}
/* ─── 공지사항 ─── */
.notice-list { list-style: none; }
.notice-item { display: flex; justify-content: space-between; align-items: center; padding: 9px; border-bottom: 1px solid #f0f0e0; color: #333;}
.notice-item:last-child { border-bottom: none; }
.notice-date { color: #aaa; flex-shrink: 0; margin-left: 12px;}
/* ─── 로그 ─── */
.log-table { width: 100%;}
.log-table thead th { background: #EEF1F8; font-weight: 600; color: #161922; padding: 10px 15px; text-align: left; }
.log-table thead tr th:first-child { border-radius: 10px 0 0 10px;}
.log-table thead tr th:last-child { border-radius: 0 10px 10px 0px;}
.log-table tbody td { padding: 10px 15px; color: rgba(22,25,34,0.85); border-bottom: 1px solid rgba(22,25,34,0.15);font-weight: 400;}
.log-table tbody tr:last-child td { border-bottom: none;}

/*모달창*/
#mask { position:absolute; left:0;  top:0; z-index:9000; background: rgba(27,26,45,0.55);width: 100%;height: 100%;}
#boxes .window { position: absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; width: 700px; height: 630px; background-color: #ffffff; z-index: 9999; border-radius: 20px;  overflow: hidden;}
#boxes .window .popup-conts { display: flex; flex-direction: column; height: 620px; overflow: hidden; padding: 24px 24px 0;}
#boxes .window .popup-title { font-size: 20px;color: #161922;font-weight: 600;padding-bottom: 20px;}
#boxes .window .popup-title.small { font-size: 16px;color: #161922;font-weight: 600;padding-bottom: 20px;}
#boxes .window .boxPopup {flex: 1;min-height: 0;overflow: hidden; display: flex;flex-direction: column;}
#boxes .window .list-part { flex: 1; height: auto; min-height: 0; overflow: hidden; display: flex; flex-direction: column;}
#boxes .window .scroll-box,
#boxes .new-window .scroll-box { flex: 1; height: auto; min-height: 0; overflow-y: auto; margin-right: 0;padding: 0;}
/* 닫기 */
.close-popup { position: absolute; top: 20px; right: 20px;  width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: none; border: none; cursor: pointer;color: #1B1A2D; font-size: 20px; line-height: 1; z-index: 10;}
.close-popup:hover { opacity: 0.6; }
/*모달 윈도우 new*/
#boxes .new-window { position: absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; width: 700px; min-height: 550px; background: linear-gradient(to bottom right, #e1e8fc, #daf8f4);z-index: 9999; border-radius: 20px; overflow: hidden;box-shadow: 0px 5px 10px rgba(0,0,0,0.3);}
#boxes .new-window .popup-conts { display: flex; flex-direction: column; height: 100%; overflow: hidden; padding: 30px;}
#boxes .new-window .popup-title { font-size: 20px;color: #161922;font-weight: 600;padding-bottom: 20px;}
#boxes .new-window .boxPopup {flex: 1;min-height: 0;overflow: hidden; display: flex;flex-direction: column;}
#boxes .new-window .popup-footer { padding: 20px 0 0;}
#boxes .new-window .popup-footer.nopd {padding-bottom: 0;}
.popup-footer button { margin-left: 5px;}
.btn-footer { min-width: 95px; height: 44px; border-radius: 10px; font-size: 16px;padding: 0 15px; font-weight: 500; cursor: pointer;}
.btn-cancel { background: #fff; color: #3761E9;}
.btn-cancel:hover { background: #f5f5f8; }
.btn-confirm { background: #3761E9;color: #fff;}
.btn-confirm:hover { background: #2a4fd4; }
.btn-confirm.small { min-width: 65px;}
.btn-mintcol { background: #E7FBF8;color: #08D3B4;}
.btn-mintcol:hover { background: #cdeee9; }
.btn-send { background: #F4F6FF url(../img/send-ic.png) center no-repeat;color: #08D3B4;text-indent: -9999px; min-width: 55px !important;} /*전송버튼*/
.btn-send:hover { background: #d8ddf2 url(../img/send-ic.png) center no-repeat; }
.btn-footer.btn-mintcol {min-width: 65px;}
table.tblbase { position: relative;}
table.tblbase tbody th { position: relative;text-align: left;font-weight: 500;}
table.tblbase tbody td {padding: 7px 0px;font-size: 16px;font-family: 'Pretendard';}
table.tblbase tbody td span.input-active,
table.tblbase tbody .tdinput-active { background: rgba(255,255,255,0.6);border-radius: 8px;width: 100%;height: 48px;line-height: 48px; display: inline-block;padding-left: 20px;font-family: 'Pretendard';border: 1px solid #fff;}
table.tblbase tbody .tdinput-active .cal_normal input[data-type="date"] { background: transparent;height: 40px; font-size: 16px; margin-top: -15px;}
table.tblbase tbody .input { background: rgba(255,255,255,0.6);border-radius: 8px;width: 100%;height: 48px;border: 1px solid #fff;}
table.tblbase tbody .input::-webkit-input-placeholder { color: #9c9c9c;font-size: 16px;}
table.tblbase tbody .input:-moz-placeholder { color: #9c9c9c;font-size: 16px;}
table.tblbase tbody .input::-moz-placeholder { color: #9c9c9c;font-size: 16px;}
table.tblbase tbody .input:-ms-input-placeholder { color: #9c9c9c;font-size: 16px;}
table.tblbase tbody .input::placeholder { color: #9c9c9c;font-size: 16px;}
.input-active b { margin-right: 20px;}
.view-active { background: rgba(255,255,255,0.6);border-radius: 8px;width: 100%; display: inline-block;padding:15px 20px;font-family: 'Pretendard';border: 1px solid #fff;}
.view-active .view-ttl { padding: 0 0 15px; border-bottom: 1px solid rgba(22,25,34,0.15);}
.view-active .view-conts { height: 329px; overflow-y: auto; overflow-x: hidden; white-space: pre-wrap; word-break: break-all; padding-right: 8px; padding-top: 10px; }
.view-active .view-img { float: none; height: auto; overflow: visible; display: inline-block; text-decoration: underline; color: #4b62c3; }
/* 버튼 있는 td만 선택적으로 */
/* 기존 334~337 수정 */
.tblbase td.td-btn { display: flex; align-items: center; gap: 8px; }
.tblbase td.td-btn .input-active { flex: 1; }
.tblbase td.td-btn button { flex-shrink: 0;white-space: nowrap; min-width: 85px; height: 44px; border-radius: 6px; font-size: 16px; font-weight: 400; padding: 0 15px;    cursor: pointer; background: #A8ADBC; color: #fff;}
.tblbase td.td-btn button:hover { background: #cdeee9; }

/*otp-window*/
.otp-window { width: 400px !important;height: 440px !important;box-shadow: 0px 5px 10px rgba(0,0,0,0.3);}
.otp-window .btn-footer { width: 100%;min-width: 100%;margin: 20px 0 0;}
.otpcode-conts { text-align: center;}
.otpcode-conts .otp-code { padding-top: 20px;}
.otpcode-conts .otp-code span { display: block;padding: 40px 0 0 0;}
textarea.textarea-active { background: rgba(255,255,255,0.6);border-radius: 8px;width: 100%;height: 240px;padding: 20px;}
textarea.textarea-active::-webkit-input-placeholder { color: #9c9c9c;font-size: 16px;}
textarea.textarea-active:-moz-placeholder { color: #9c9c9c;font-size: 16px;}
textarea.textarea-active::-moz-placeholder { color: #9c9c9c;font-size: 16px;}
textarea.textarea-active:-ms-input-placeholder { color: #9c9c9c;font-size: 16px;}
textarea.textarea-active::placeholder { color: #9c9c9c;font-size: 16px;}
#boxes .new-window.alarm-window { min-height: 480px;}

/* 디바이스용 search  검색 */
.search-wrap {position: relative; width: 100%; max-width: 470px;border-radius: 12px;}
.search-wrap input.blue-input {width: 100%;height: 47px;border: none;border-radius: 12px;color: #4f46e5;font-size: 16px; background: #ced8fb; padding: 0 40px 0 20px; box-sizing: border-box;}
.search-wrap::after { content: ''; position: absolute; right: 15px; top: 50%;transform: translateY(-50%); background: url(../img/blue-zoomic.png) center no-repeat;  background-size: 20px 20px; width: 20px; height: 20px;  pointer-events: none;}
.blue-input::placeholder {color: #6366f1;}
.active-status { background: #F4F6FF;border-radius: 8px;height: 44px;padding: 0 20px;display: flex; align-items: center;gap: 20px}
.active-status .alarm-active,
.active-status .alarm-inactive { position: relative;padding-left: 22px;display: inline-block;text-indent: 0;margin-right: 5px;}
.alarm-active,
.alarm-inactive { position: relative;padding-left: 16px;text-indent: -9999px;display: inline-block;}
.alarm-active::before { content: ''; position: absolute;left: 0;top: 1px; width: 16px;height: 16px;background: #3761E9;border-radius: 100%;} /*활성화*/
.alarm-inactive::before { content: ''; position: absolute;left: 0;top: 1px; width: 16px;height: 16px;background: #EB4341;border-radius: 100%;} /*비활성화*/
.alarm-red { display: inline-block;text-indent: -9999px;background: url(../img/active-alarm.png) center no-repeat;width: 20px;height: 20px;}

/* 달력 */
.cal_normal { position:relative;display: inline-block;width: auto;}
.cal_normal input[data-type="date"] { width: 120px; box-sizing: border-box;}
.cal_normal button { position:absolute; right:10px; background:url(../img/btn_calendar_gray.png) right center no-repeat; width:20px; height:auto; min-height:35px; text-indent:-9999px; vertical-align:middle;width: 100%;top: -1px;}

/*플레이 달력 버튼
.cal_play { position:relative;width: 40px;display: inline-block;}
.cal_play input[data-type="date"] { width: 40px;height: 40px; background: #333;}
.cal-play button { position: absolute; left: auto; top: auto; transform: translate(-50%, -50%);  background:url(../img/btn_calendar_gray.png) right center no-repeat; width:20px; height:auto; min-height:35px; text-indent:-9999px; vertical-align:middle;}*/

/*플레이 달력 버튼*/
.cal-play { position: relative; width: 30px; height: 30px; display: inline-block;}
.cal-play input[data-type="date"] { position: absolute; width: 1px; height: 1px; opacity: 0; top: 0; left: 0; z-index: 0;}
.cal-play button { position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: url(../img/btn_calendar_gray.png) center center no-repeat; text-indent: -9999px; border: none; cursor: pointer; z-index: 1;}


.playlistH {width: 800px !important; min-height: 750px !important;}
/* file css */
.fileBox_input { position:relative; clear:both; width: 100%;}
.fileBox_input .fileName { background: rgba(255, 255, 255, 0.6) !important; border-radius: 8px; width:calc(100% - 105px);height: 48px; line-height: 48px; display: inline-block; padding-left: 20px; font-family: 'Pretendard';border: 1px solid #fff !important;}
.fileBox_input .input_file { position:absolute; right:0; top:-1px; background: #A8ADBC;width: 96px;height: 48px;line-height: 48px; min-width: 90px;display: inline-block;border-radius: 8px;color: #fff;text-align: center;}
.fileBox_input input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;box-sizing:border-box;}
/*팝업 버튼들*/
.btn-set.btn-ic { width: 48px;height: 48px;min-width: 48px;display: inline-block;border-radius: 8px;background:#A8ADBC url(../img/setting-ic.png) center no-repeat;cursor: pointer;}
.btn-delete.btn-ic { width: 48px;height: 48px;min-width: 48px;display: inline-block;border-radius: 8px;background:#A8ADBC url(../img/delete-ic.png) center no-repeat;cursor: pointer;}
.btn-ic { background: #A8ADBC;width: 48px;height: 48px;line-height: 48px; min-width: 90px;display: inline-block;border-radius: 8px;color: #fff;text-align: center;}
.txt-off { text-indent: -9999px;}
.input-img { background: rgba(255,255,255,0.6);border-radius: 8px;width: 100%;height: 48px;line-height: 48px; display: inline-block;padding-left: 20px;font-family: 'Pretendard';}
.input-img .custom-select { padding: 8px 28px 8px 12px; font-size: 16px; width: 100%; }
.btn-preview { min-width: 95px;cursor: pointer; font-size: 16px;}
.playlist-modify { display: flex;align-items: center;gap: 10px;}
.playlist-modify > div:nth-child(2) { flex: 1; /* 남은 공간 전부 차지 */}

/*옵션 selcet*/
.playoptH {height: 325px !important;overflow: visible !important;}
#boxes .window.playoptH { top: 35% !important; }
#boxes .window.playoptH .popup-conts {height: 760px;}
.play-option { clear: both;padding-top: 10px;}
.play-option .ttl { text-align: left;font-size: 16px;color: #1B1A2D;font-weight: 500;line-height: 200%;}
.toggle-select-wrap { position: relative; width: 100%;}
.toggle-select-btn { width: 100%; height: 48px; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(22,25,34,0.25); border-radius: 8px; padding: 0 16px; font-size: 16px; cursor: pointer; display: flex; align-items: center;justify-content: space-between; user-select: none; transition: border-color .15s;}
.toggle-select-btn:hover { border-color: rgba(0, 0, 0, 0.3);}
.toggle-select-btn .arrow { font-size: 16px;color: #888; transition: transform .2s;}
.toggle-select-btn.open .arrow { transform: rotate(180deg);}
.toggle-dropdown { position: absolute; top: calc(100% + 4px); left: 0; right: 0; background: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 8px; overflow: hidden; z-index: 99; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);}
.toggle-option { padding: 8px 16px; font-size: 15px; cursor: pointer; color: #333; transition: background .1s;}
.toggle-option:hover { background: #F4F6FF;color: #3761E9;}
.toggle-option.selected { color: #4A7FE5; font-weight: 500;}
.time-dropdown { max-height: 220px; overflow-y: auto; overflow-x: hidden; z-index: 99999; }
.time-dropdown .toggle-option { cursor: pointer; }
.hidden { display: none;}

/*영상옵션*/
.playoptH-movie {height: 250px !important;}

/*미리보기 팝업*/
.zoomViewH { width: 845px !important; height: 567px !important; }
.zoomViewH .popup-conts { display: flex !important; flex-direction: column !important; padding: 20px !important; }
.zoomViewH .popup-title.small { flex-shrink: 0; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid rgba(22,25,34,0.15); }
.zoomViewH .view-zoom { flex: 1; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(22,25,34,0.12); border-radius: 8px; background: #000; padding: 0; overflow: hidden; }
.zoomViewH .view-zoom img { width: auto; max-width: 100%; max-height: 100%; aspect-ratio: unset; object-fit: contain; border-radius: 4px; }
.zoomViewH .view-zoom video { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.view-zoom.is-video { background: #000; padding: 0; border-radius: 8px; overflow: hidden; }
.heightAuto { min-height: auto !important;}

/*스케줄 요일*/
.date-sel { display: flex;}
.date-sel span { display: inline-block;width: 55px;height: 48px;line-height: 48px;text-align: center;border-radius: 8px;background: rgba(255,255,255,0.6);border: 1px solid rgba(255,255,255,1);margin-right: 10px;}
.date-sel span.select-day { background: #08D3B4;color: #fff;}
.play-view { display: inline-block;width: 62px;height: 40px;line-height: 40px;text-align: center; border-radius: 8px;background: #F4F6FF;color: #3761E9;}
.play-view:hover { background: #ced8fb;}
.playdisplay-col {display: flex;gap: 10px;}
.playdisplay-col .btn-preview { padding: 0 20px;width: auto; }
.playdisplay-col .play-device { flex: 1; }
.playdisplay-col .device-btn .btn-preview { min-width: 140px;width: 140px;}

/*사용자정보*/
.userinfo-wrap { clear: both;}
.userinfo-wrap dl { display: flex;background: #F4F6FF; border-radius: 8px;margin-bottom: 15px;padding: 15px 20px;}
.userinfo-wrap dl dt { position: relative; width: 170px;font-weight: 600; padding-left: 30px;}
.userinfo-wrap dl dt span,
.userinfo-wrap dl dd span { color: #3761E9;}
.userinfo-wrap dl dd { line-height: 120%;}
.userinfo-ic1::before { content: ''; width: 21px;height: 21px;background-size: contain;background: url(../img/userinfo-ic1.png) center no-repeat;position: absolute;left: 0;top: -2px;}
.userinfo-ic2::before { content: ''; width: 21px;height: 21px;background-size: contain;background: url(../img/userinfo-ic2.png) center no-repeat;position: absolute;left: 0;top: -2px;}
.userinfo-ic3::before { content: ''; width: 21px;height: 21px;background-size: contain;background: url(../img/userinfo-ic3.png) center no-repeat;position: absolute;left: 0;top: -2px;}
.userinfo-ic4::before { content: ''; width: 21px;height: 21px;background-size: contain;background: url(../img/userinfo-ic4.png) center no-repeat;position: absolute;left: 0;top: -2px;}
.userinfo-ic5::before { content: ''; width: 21px;height: 21px;background-size: contain;background: url(../img/userinfo-ic5.png) center no-repeat;position: absolute;left: 0;top: -2px;}
.userinfo-ic6::before { content: ''; width: 21px;height: 21px;background-size: contain;background: url(../img/userinfo-ic6.png) center no-repeat;position: absolute;left: 0;top: -2px;}
.userinfo-ic7::before { content: ''; width: 21px;height: 21px;background-size: contain;background: url(../img/userinfo-ic7.png) center no-repeat;position: absolute;left: 0;top: -2px;}

/*로그*/
.log-name {display: flex;gap: 15px;}
.log-input { width: 142px !important;height: 40px;border-radius: 8px;background: #F4F6FF;border: none !important;}
.log-input::-webkit-input-placeholder { color: rgba(22,25,34,0.85);font-size: 16px;}
.log-input:-moz-placeholder { color: rgba(22,25,34,0.85);font-size: 16px;}
.log-input::-moz-placeholder { color: rgba(22,25,34,0.85);font-size: 16px;}
.log-input:-ms-input-placeholder { color: rgba(22,25,34,0.85);font-size: 16px;}
.log-input::placeholder { color: rgba(22,25,34,0.85);font-size: 16px;}
.log-name .cal_normal {width: 142px !important;height: 44px;border-radius: 8px;background: #F4F6FF;border: none !important;padding-left: 15px;}
.log-name .cal_normal button { min-height: 44px;}
.log-name .cal_normal input { line-height: 44px;background: transparent;}
.log-name .cal_normal input::-webkit-input-placeholder { color: rgba(22,25,34,0.85);font-size: 16px;}
.log-name .cal_normal input:-moz-placeholder { color: rgba(22,25,34,0.85);font-size: 16px;}
.log-name .cal_normal input::-moz-placeholder { color: rgba(22,25,34,0.85);font-size: 16px;}
.log-name .cal_normal input:-ms-input-placeholder { color: rgba(22,25,34,0.85);font-size: 16px;}
.log-name .cal_normal input::placeholder { color: rgba(22,25,34,0.85);font-size: 16px;}
.cal-line { line-height: 44px;}

/*playsendH 플레이리스트 전송*/
.playsendH { height: 300px;}
.playsendH table.tblbase thead th { padding: 10px 5px;background: #F4F6FF;}
.playsendH table.tblbase thead th:first-child { border-radius: 8px 0 0 8px;}
.playsendH table.tblbase thead th:last-child { border-radius: 0 8px 8px 0;}
.playsendH table.tblbase tbody th { border-bottom: 1px solid #fff;}
.playsendH table.tblbase tbody td { padding: 7px 2px; border-bottom: 1px solid #fff;}
.playsendH table.tblbase tbody td .btn-cancel { min-width: 65px;}
.playsendH table.tblbase tbody td span.input-active,
.playsendH table.tblbase tbody .tdinput-active { padding-left: 10px;border:1px solid #fff}

/*재생 플레이리스트 / 스케줄*/
.playdeviceH { width: 900px !important;}
.playdeviceH table.tblbase thead th { padding: 10px 5px;background: #F4F6FF;}
.playdeviceH table.tblbase thead th:first-child { border-radius: 8px 0 0 8px;}
.playdeviceH table.tblbase thead th:last-child { border-radius: 0 8px 8px 0;}
.playdeviceH table.tblbase tbody th { border-bottom: 1px solid #fff;}
.playdeviceH table.tblbase tbody td { padding: 7px 2px; border-bottom: 1px solid #fff;}
.playdeviceH table.tblbase tbody td .btn-cancel { min-width: 65px;}
.playdeviceH .checkmark { left: 25px;}
.playdeviceH table.tblbase tbody td span.input-active,
.playdeviceH table.tblbase tbody .tdinput-active { padding-left: 10px;border:1px solid #fff}

/* selectbox 화살표 포함 전체 클릭 가능하게 */
.playlist-modify .input-img {
    padding-left: 0;
    overflow: hidden;
}
.playlist-modify .input-img .custom-select {
    padding: 8px 28px 8px 12px !important;
    font-size: 16px;
    width: 100%;
    height: 48px;
    line-height: 1.5;
}

.schedule-disabled { opacity: 0.45; pointer-events: none; }
.schedule-time-field:disabled,
.schedule-date-field:disabled { background: #eee !important; color: #888 !important; border-color: #aaa !important; }

.schedule-day-field.schedule-disabled .day-btn { color: #888 !important; cursor: default !important; }

/****************************************************************************************/
/****************************************************************************************/
/*Media Query*/
/****************************************************************************************/
/****************************************************************************************/

@media (max-width: 1400px) {
    
}


@media (max-width:768px) {

}