/* ===== Mega Menu — Clean Edition ===== */
/* 묶인 그룹 내 소제목 */
.menu-column li.merge-sub-title {
    font-size: 12px;
    font-weight: 700;
    color: #999;
    letter-spacing: 0.3px;
    padding: 10px 8px 3px;
    margin-top: 4px;
    border-top: 1px dashed #eee;
    list-style: none;
    cursor: default;
}

.menu-column li.merge-sub-title:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

:root.dark .menu-column li.merge-sub-title {
    color: #4a5580;
    border-top-color: #1e2540;
}
@media (max-width: 1919px) {
    .mega-menu-wrap { display: none !important; }
}

.mega-menu-wrap {
    position: relative;
    display: flex;
    align-items: center;
	margin-left: 38%;
}

/* ── 트리거 버튼 ── */
.mega-menu-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: none;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.mega-menu-trigger:hover,
.mega-menu-trigger.active {
    border-color: #1a237e;
    color: #1a237e;
    background: #f5f7ff;
}

.mega-arrow {
    font-size: 9px;
    opacity: 0.5;
    transition: transform 0.25s ease, opacity 0.15s;
}
.mega-menu-trigger.active .mega-arrow {
    transform: rotate(180deg);
    opacity: 1;
}

/* ── 활성 컬럼 제목 ── */
.menu-column h4.is-active-title {
    color: #1a237e;
    border-bottom-color: #1a237e;
}

/* ── 활성 링크 ── */
.menu-column a.is-active {
    color: #1a237e;
    font-weight: 700;
    background: #eef1ff;
    border-radius: 4px;
    position: relative;
}

/* 왼쪽 포인트 라인 */
.menu-column a.is-active::before {
    content: '';
    position: absolute;
    left: 0; top: 50%;
    transform: translateY(-50%);
    width: 3px; height: 60%;
    background: #1a237e;
    border-radius: 2px;
}

/* 다크모드 */
:root.dark .menu-column a.is-active {
    color: #a5b8ff;
    background: #1a2240;
}
:root.dark .menu-column a.is-active::before {
    background: #7c9dff;
}
:root.dark .menu-column h4.is-active-title {
    color: #a5b8ff;
    border-bottom-color: #3d5afe;
}

/* ── 패널 ── */
.mega-menu-panel {
    position: fixed;
    top: 68px;
    left: 0;
	margin-right: 1%;
    width: 88.5%;
	margin-left: 11%;
    background: #fff;
    border-top: 2px solid #1a237e;
    border-bottom: 1px solid #e8eaf0;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
    z-index: 999;

    display: grid;
    grid-template-columns: repeat(8, 1fr);

    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

.mega-menu-panel.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* ── 컬럼 ── */
.menu-column {
    padding: 28px 20px 32px;
    border-right: 1px solid #f0f0f4;
}
.menu-column:last-child { border-right: none; }

/* ── 카테고리 제목 ── */
/* ── 카테고리 제목 ── */
.menu-column h4 {
    font-size: 20px;  /* 13px → 15px */
    font-weight: 800;
    color: #1a237e;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    letter-spacing: 0.1px;
}

/* ── 링크 ── */
.menu-column a {
    display: block;
    padding: 7px 8px;  /* 세로 패딩도 살짝 늘림 */
    font-size: 14px;   /* 13px → 14px */
    font-weight: 500;
    color: #555;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.12s, color 0.12s;
}

/* ── 트리거 버튼 ── */
.mega-menu-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 18px;
    background: none;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #333;
    font-size: 14px;   /* 13px → 14px */
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

/* ── 하단 닫기 바 ── */
.mega-close-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    font-family: inherit;
    font-size: 13px;   /* 12px → 13px */
    color: #999;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    transition: color 0.12s, background 0.12s;
}

.mega-close-btn .esc {
    font-size: 11px;   /* 10px → 11px */
    font-weight: 700;
    background: #e8e8e8;
    color: #888;
    padding: 1px 5px;
    border-radius: 3px;
    letter-spacing: 0.5px;
}

/* ── 다크 모드 ── */
:root.dark .mega-menu-panel {
    background: #141824;
    border-top-color: #3d5afe;
    border-bottom-color: #1e2540;
    box-shadow: 0 12px 32px rgba(0,0,0,0.3);
}
:root.dark .menu-column { border-right-color: #1e2540; }
:root.dark .menu-column h4 { color: #8fa3ff; border-bottom-color: #1e2540; }
:root.dark .menu-column a { color: #7a88a8; }
:root.dark .menu-column a:hover { background: #1a2240; color: #c0ccff; }
:root.dark .mega-menu-footer { background: #111520; border-top-color: #1e2540; }
:root.dark .mega-close-btn { color: #4a5580; }
:root.dark .mega-close-btn:hover { color: #8fa3ff; background: #1a2240; }
:root.dark .mega-menu-trigger { border-color: #2a3366; color: #8fa3ff; }
:root.dark .mega-menu-trigger:hover,
:root.dark .mega-menu-trigger.active { border-color: #3d5afe; background: #141e3a; }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('/static/fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

:root[data-login-type="daejeon"],
:root.light[data-login-type="daejeon"] {
    --act-btn-color: #00964A;                    /* Daejeon Green - 메인 버튼 */
    --thead-back-color: #212F4D;                 /* Deep Navy - 테이블 헤더 */
    --sidemenu-back-color: #212F4D;              /* Deep Navy - 좌측 메뉴 */
    --sidemenu-act: #00964A;                     /* Science Blue - 메뉴 활성화 */
    --sidemenu-submenu-back-color: #3a4f5a;      /* Science Blue 연한색 - 서브메뉴 */
    --popup-btn-back-color: #212F4D;             /* Deep Navy - 팝업 버튼 */
    --popup-h4-color: #173F90;                   /* Science Blue - 팝업 강조 (어두운색) */
}

:root.dark[data-login-type="daejeon"] {
    --act-btn-color: #00C760;                    /* 다크모드용 밝은 녹색 (보색) */
    --thead-back-color: #81A9FF;
    --sidemenu-back-color: #1a2537;              /* 다크 네이비 */
    --sidemenu-act: #00964A;                     /* 밝은 블루 */
    --sidemenu-submenu-back-color: #3a4f5a;      /* act보다 연한색 */
    --popup-btn-back-color: #2a4fa8;
    --popup-h4-color: #81A9FF;                   /* 밝은 블루 (다크모드용) */
}

/* 2. 유성구 - "과학과 온천, 첨단 기술의 중심" */
:root[data-login-type="yuseonggu"],
:root.light[data-login-type="yuseonggu"] {
    --act-btn-color: #E7302A;                    /* Hot Red - 메인 버튼 (강조 포인트) */
    --thead-back-color: #2C3E50;                 /* Tech Grey - 테이블 헤더 */
    --sidemenu-back-color: #2C3E50;              /* Tech Grey - 좌측 메뉴 */
    --sidemenu-act: #E7302A;                     /* Atom Blue - 메뉴 활성화 */
    --sidemenu-submenu-back-color: #3a4f5a;      /* 연한 블루 - 서브메뉴 */
    --popup-btn-back-color: #2C3E50;             /* Tech Grey - 팝업 버튼 */
    --popup-h4-color: #2C3E50;                   /* Atom Blue - 팝업 강조 (어두운색) */
}

:root.dark[data-login-type="yuseonggu"] {
    --act-btn-color: #FF5A52;                    /* 다크모드용 밝은 레드 (보색) */
    --thead-back-color: #81A9FF;
    --sidemenu-back-color: #1e2836;              /* 다크 그레이 */
    --sidemenu-act: #E7302A;                     /* 밝은 블루 */
    --sidemenu-submenu-back-color: #3a4f5a;      /* act보다 연한색 */
    --popup-btn-back-color: #2a3b4d;
    --popup-h4-color: #81A9FF;                   /* 밝은 블루 (다크모드용) */
}

/* 3. 서구 - "행정과 문화의 중심, 조화로운 삶" */
:root[data-login-type="seogu"],
:root.light[data-login-type="seogu"] {
    --act-btn-color: #7BC143;                    /* Harmony Green - 메인 버튼 */
    --thead-back-color: #1A3B4C;                 /* Forest Teal - 테이블 헤더 */
    --sidemenu-back-color: #1A3B4C;              /* Forest Teal - 좌측 메뉴 */
    --sidemenu-act: #7BC143;                     /* Center Blue - 메뉴 활성화 */
    --sidemenu-submenu-back-color: #3a4f5a;      /* 연한 블루 - 서브메뉴 */
    --popup-btn-back-color: #1A3B4C;             /* Forest Teal - 팝업 버튼 */
    --popup-h4-color: #005798;                   /* Center Blue - 팝업 강조 (어두운색) */
}

:root.dark[data-login-type="seogu"] {
    --act-btn-color: #A0E56B;                    /* 다크모드용 밝은 그린 (보색) */
    --thead-back-color: #81A9FF;
    --sidemenu-back-color: #15303d;              /* 다크 틸 */
    --sidemenu-act: #7BC143;                     /* 밝은 블루 */
    --sidemenu-submenu-back-color: #3a4f5a;      /* act보다 연한색 */
    --popup-btn-back-color: #0089D0;
    --popup-h4-color: #81A9FF;                   /* 밝은 블루 (다크모드용) */
}

/* 4. 중구 - "효와 전통, 사람 중심의 도시" */
:root[data-login-type="junggu"],
:root.light[data-login-type="junggu"] {
    --act-btn-color: #F58220;                    /* Human Orange - 메인 버튼 */
    --thead-back-color: #242A36;                 /* Heritage Navy - 테이블 헤더 */
    --sidemenu-back-color: #242A36;              /* Heritage Navy - 좌측 메뉴 */
    --sidemenu-act: #D97018;                     /* 진한 오렌지 - 메뉴 활성화 */
    --sidemenu-submenu-back-color: #2a313d;      /* 연한 오렌지 - 서브메뉴 */
    --popup-btn-back-color: #242A36;             /* Heritage Navy - 팝업 버튼 */
    --popup-h4-color: #D97018;                   /* 진한 오렌지 - 팝업 강조 (어두운색) */
}

:root.dark[data-login-type="junggu"] {
    --act-btn-color: #FFB366;                    /* 다크모드용 밝은 오렌지 (보색) */
    --thead-back-color: #81A9FF;
    --sidemenu-back-color: #1a1f28;              /* 다크 네이비 */
    --sidemenu-act: #FF9A4A;                     /* 밝은 오렌지 */
    --sidemenu-submenu-back-color: #2a313d;      /* act보다 연한색 */
    --popup-btn-back-color: #272d39;
    --popup-h4-color: #81A9FF;                   /* 밝은 오렌지 (다크모드용) */
}

/* 5. 동구 - "떠오르는 태양, 역동적인 변화" */
:root[data-login-type="donggu"],
:root.light[data-login-type="donggu"] {
    --act-btn-color: #F7BE23;                    /* Sunrise Red - 메인 버튼 (강조 포인트) */
    --thead-back-color: #1F2937;                 /* Dynamic Indigo - 테이블 헤더 */
    --sidemenu-back-color: #1F2937;              /* Dynamic Indigo - 좌측 메뉴 */
    --sidemenu-act: #F7BE23;                     /* Sky Blue - 메뉴 활성화 */
    --sidemenu-submenu-back-color: #272d39;      /* 연한 블루 - 서브메뉴 */
    --popup-btn-back-color: #1F2937;             /* Dynamic Indigo - 팝업 버튼 */
    --popup-h4-color: #1F2937;                   /* Sky Blue - 팝업 강조 (어두운색) */
}

:root.dark[data-login-type="donggu"] {
    --act-btn-color: #F7BE23;                    /* 다크모드용 밝은 레드 (보색) */
    --thead-back-color: #81A9FF;
    --sidemenu-back-color: #171f2a;              /* 다크 인디고 */
    --sidemenu-act: #F7BE23;                     /* 밝은 블루 */
    --sidemenu-submenu-back-color: #253340;      /* act보다 연한색 */
    --popup-btn-back-color: #252e3e;
    --popup-h4-color: #81A9FF;                   /* 밝은 블루 (다크모드용) */
}

/* 6. 대덕구 - "자연과 산업의 공존, 푸른 라이프" */
:root[data-login-type="daedeokgu"],
:root.light[data-login-type="daedeokgu"] {
    --act-btn-color: #0075BF;                    /* Growth Green - 메인 버튼 */
    --thead-back-color: #37474F;                 /* Eco Slate - 테이블 헤더 */
    --sidemenu-back-color: #37474F;              /* Eco Slate - 좌측 메뉴 */
    --sidemenu-act: #0075BF;                     /* Industrial Blue - 메뉴 활성화 */
    --sidemenu-submenu-back-color: #1A96E0;      /* 연한 블루 - 서브메뉴 */
    --popup-btn-back-color: #37474F;             /* Eco Slate - 팝업 버튼 */
    --popup-h4-color: #37474F;                   /* Industrial Blue - 팝업 강조 (어두운색) */
}

:root.dark[data-login-type="daedeokgu"] {
    --act-btn-color: #0098E8;                    /* 다크모드용 밝은 그린 (보색) */
    --thead-back-color: #81A9FF;
    --sidemenu-back-color: #2a3740;              /* 다크 슬레이트 */
    --sidemenu-act: #0098E8;                     /* 밝은 블루 */
    --sidemenu-submenu-back-color: #3a4f5a;      /* act보다 연한색 */
    --popup-btn-back-color: #3a4f5a;
    --popup-h4-color: #81A9FF;                   /* 밝은 블루 (다크모드용) */
}

:root[data-login-type="buyeo"],
:root.light[data-login-type="buyeo"] {
    --act-btn-color: #0075BF;                    /* Growth Green - 메인 버튼 */
    --thead-back-color: #37474F;                 /* Eco Slate - 테이블 헤더 */
    --sidemenu-back-color: #37474F;              /* Eco Slate - 좌측 메뉴 */
    --sidemenu-act: #0075BF;                     /* Industrial Blue - 메뉴 활성화 */
    --sidemenu-submenu-back-color: #1A96E0;      /* 연한 블루 - 서브메뉴 */
    --popup-btn-back-color: #37474F;             /* Eco Slate - 팝업 버튼 */
    --popup-h4-color: #37474F;                   /* Industrial Blue - 팝업 강조 (어두운색) */
    .logo {
        background-color: #1089FF;
        height: 65px;
    }
}

:root.dark[data-login-type="buyeo"] {
    --act-btn-color: #0098E8;                    /* 다크모드용 밝은 그린 (보색) */
    --thead-back-color: #81A9FF;
    --sidemenu-back-color: #2a3740;              /* 다크 슬레이트 */
    --sidemenu-act: #0098E8;                     /* 밝은 블루 */
    --sidemenu-submenu-back-color: #3a4f5a;      /* act보다 연한색 */
    --popup-btn-back-color: #3a4f5a;
    --popup-h4-color: #81A9FF;                   /* 밝은 블루 (다크모드용) */
}

:root,
:root.light {
	--white: #fff;
	--act-btn-color: #018F4B;
	--thead-back-color: #263475;
	--header-back-color: #fff;
	--btn-border-color: #707070;
	--inner-cont-back-color: #DEDEDE;
	--input-border-color: #acacac;
	--black: #000;
	--placeholder-color: #8e8e8e;
	--readonly: #E6E6E8;
	--th-odd: #fff;
	--th-even: #fff;
	--header-time-color: #FFBB68;
	--user-group-inner-box: #f6f9fc;
	--sidemenu-back-color: #001944;
	--sidemenu-act: #073B8D;
	--sidemenu-submenu-back-color: #01235D;
	--popup-btn-back-color: #263475;
	--popup-h4-color: #00359e;

    --ico-plus-img: url('../images/managing/ico_plus.svg');
    --ico-minus-img: url('../images/managing/ico_minus.svg');
    --ico-reset-img: url('../images/managing/ico_reset.svg');
    --ico-search-img: url('../images/managing/ico_search.svg');
    --ico-change-img: url('../images/managing/ico_change.svg');
    --ico-copyFolder-img: url('../images/managing/ico_copyFolder.svg');
    --ico-download-img: url('../images/managing/ico_download.svg');
    --ico-move-img: url('../images/managing/ico_move.svg');
    --ico-upload-img: url('../images/managing/ico_upload.svg');
    --ico-speaker-img: url('../images/managing/ico_speaker.svg');
    --ico-preview-img: url('../images/managing/ico_preview.svg');
    --mainMenu--before-content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    --popup-close-img: url('../images/managing/btn_popupClose.png');
    --ico-user-img: url('../images/managing/ico03_user.svg');
    --ico-dashboard-img: url('../images/managing/ico_dashboard.svg');
    --ico-logout-img: url('../images/managing/ico_logout.svg');
    --ico-setting-img: url('../images/main/ico-setting.svg');
    --ico-user-img-w: url('../images/managing/ico03_user_w.svg');
    --ico-dashboard-img-w: url('../images/managing/ico_dashboard_w.svg');
    --ico-logout-img-w: url('../images/managing/ico_logout_w.svg');
}

:root.dark {
    --white: #2e2e2e;
    --act-btn-color: #7ca8ff;
    --thead-back-color: #bed4ff;
    --header-back-color: #1c222d;
    --btn-border-color: #f8f8f8;
    --inner-cont-back-color: #4f5057;
    --input-border-color: #f8f8f8;
    --black: #ffffff;
    --placeholder-color: #a5a5a5;
    --readonly: #3a3a3a;
    --th-odd: #5b6e90;
    --th-even: #5b6e90;
    --header-time-color: #FFBB68;
    --user-group-inner-box: #1e242a;
    --sidemenu-back-color: #1c222d;
    --sidemenu-act: #53617c;
    --sidemenu-submenu-back-color: #374456;
    --popup-btn-back-color: #203f7e;
    --popup-h4-color: #7ea9ff;

    --ico-plus-img: url('../images/managing/ico_plus_w.svg');
    --ico-minus-img: url('../images/managing/ico_minus_w.svg');
    --ico-reset-img: url('../images/managing/ico_reset_w.svg');
    --ico-search-img: url('../images/managing/ico_search_w.svg');
    --ico-change-img: url('../images/managing/ico_change_w.svg');
    --ico-copyFolder-img: url('../images/managing/ico_copyFolder_w.svg');
    --ico-download-img: url('../images/managing/ico_download_w.svg');
    --ico-move-img: url('../images/managing/ico_move_w.svg');
    --ico-upload-img: url('../images/managing/ico_upload_w.svg');
    --ico-speaker-img: url('../images/managing/ico_speaker_w.svg');
    --ico-preview-img: url('../images/managing/ico_preview_w.svg');
    --ico-user-img: url('../images/managing/ico03_user.svg');
    --ico-dashboard-img: url('../images/managing/ico_dashboard.svg');
    --ico-logout-img: url('../images/managing/ico_logout.svg');

}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0.9rem !important;
    letter-spacing: -.03em;
    font-family: 'Pretendard-Regular';
    font-style: normal;
    font-weight: 100;
    line-height: 1.2;
}

#popup #innerPopup {
	font-size: 0.8rem !important;
}

input[type=text]:focus {border: 1px solid #535C68;}
.text-underline {
    color: var(--black) !important;
    text-decoration: underline;
    cursor: pointer;
}

/* 공지사항 팝업 다크모드 무시 */
#noticePopup,
#noticePopup * {
    color: #000 !important;
}

/* textarea 배경/글자도 고정 */
#noticePopup textarea {
    color: #000 !important;
    background-color: #fff !important;
}

/* label, h태그 보강 */
#noticePopup h1,
#noticePopup h3,
#noticePopup h4,
#noticePopup label,
#noticePopup span,
#noticePopup p {
    color: #000 !important;
}


h3 {
    color: var(--thead-back-color);
    font-size: 1.2rem;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--btn-border-color);
}

h4 {
    color: var(--black)
}

input,
select {
    font-family: 'Pretendard-Regular';
    border: 1px solid var(--input-border-color);
	color: var(--white) !important;
    height: 40px;
    vertical-align: middle;
    outline: none;
}

input[type=password],
input[type=text] {
    background-color: var(--white);
    color: var(--black) !important;
    padding-left: 8px;
}

input:read-only {
    background-color: var(--readonly);
	color: var(--black) !important;
}

select {
    background-color: var(--white);
    color: var(--black) !important;
    padding: 2px;
}

label,
a {
    color: var(--black);
    font-weight: 400;
}

#msgBottom {
    font-size: 0.7rem;
    color: var(--btn-border-color);
}

li {
    list-style: none;
}

.font_black,
.schForm span,
p {
    color: var(--black);
}

#noticeSearchInput {
	background-color: var(--white);
}

.description {
	font-size: 14px;
    font-weight: 400;
    color: #555;
    display: block;
}

.deactive_back_color {
    background-color: var(--placeholder-color);
}

button {
    height: 35px;
}

a.ico {
    padding-top: 10px;
}

/* 공통 버튼 */
.common-btn {
    height: 40px;
    padding: 0 12px;
    font-size: 12px;
    color: #01235D;
    border: 1px solid #01235D;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    white-space: nowrap;

    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* a 태그 기본 스타일 제거 */
a.common-btn {
    text-decoration: none;
}

/* hover */
.common-btn:hover {
    background: #01235D;
    color: #fff;
}


.btn_basic {
    background-color: var(--white);
    border: 1px solid var(--btn-border-color);
    color: var(--black);
    font-size: 14px;
    height: 40px;
    display: inline-block;
    font-family: 'Pretendard-Regular';
    padding: 6px 12px 6px 12px;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
	white-space: nowrap;
	box-shadow:
	    0 5px 11px rgba(16, 24, 40, 0.12),
	    0 3px 5px rgba(16, 24, 40, 0.08);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.btn_basic:hover {
    box-shadow:
    0 8px 18px rgba(16, 24, 40, 0.16),
    0 4px 8px rgba(16, 24, 40, 0.10);
}

.list_tab .tab_btn li.active {
	background: #AEAEAE;
	/*padding: 12px 25px;*/
	bottom: 0px;
}

.act_btns {
    background-color: var(--act-btn-color);
    color: #ffffff;
    min-width: 150px;
    font-size: 15px;
    height: 40px;
    display: inline-block;
    font-family: 'Pretendard-Regular';
    /*padding: 6px 12px 6px 8px;*/
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
}

textarea {
    font-family: 'Pretendard-Regular';
    background-color: transparent;
    border: 1px solid var(--input-border-color);
    width: 100%;
    resize: none;
    padding: 8px;
    color: var(--black) !important;
}

table.dataTable tbody td.select-checkbox:before {
    border: 1px solid var(--white);
}

/* rcs 발송이력 재발송 row 체크박스 제거 */
.no-select-row td.select-checkbox:before,
.no-select-row td.select-checkbox:after {
    display: none !important;
}

.setting_btns,
.back_white {
    background-color: var(--white);
}

.font_white {
    color: var(--white);
}

input[type=text]::placeholder,
input[type=number]::placeholder {
    color: var(--placeholder-color);
    padding: 4px;
}

/* display */
.d-flex {
    display: flex;
}

.dp_flex {
    display: -webkit-box;
    /* 구형 iOS */
    display: -moz-box;
    /* 구형 Firefox */
    display: -ms-flexbox;
    /* IE 10 */
    display: -webkit-flex;
    /* 구형 Safari */
    display: flex;
    /* 표준 */
}

/* jsTree 기본 스타일 */
.jstree-default .jstree-anchor {
    color: var(--black) !important;
    background-color: transparent !important;
}

.jstree-default {
    background-color: var(--white) !important;
}


.jstree-default .jstree-hovered {
    background: var(--inner-cont-back-color) !important;
}


:root.dark .jstree-default > .jstree-container-ul .jstree-node > .jstree-icon.jstree-ocl {
    filter: brightness(0) invert(1);
}


:root.dark .jstree-default .jstree-node::before {
    border-color: var(--white) !important;
}


.jstree-default ins {
    background-color: var(--btn-border-color) !important;
}


.jstree-default[aria-activedescendant]:not([aria-activedescendant=""]) .jstree-anchor {
    background-color: transparent !important;
}


.jstree-default[aria-activedescendant] .jstree-anchor[id] {
    background-color: transparent !important;
}


.jstree-default .jstree-anchor[id] {
    background-color: transparent !important;
}


.jstree-default li[aria-selected="true"] > .jstree-anchor {
    background-color: #9fd3fb !important;
    color: #000 !important;
}


/*.jstree-default li[aria-selected="true"] > .jstree-anchor:hover {
    background-color: #9fd3fb !important;
    color: #000 !important;
}*/


.jstree-default li[aria-selected="false"] > .jstree-anchor:hover {
    background-color: #f0f0f0 !important;
}

.jstree-default .jstree-anchor {
    background-color: transparent !important;
}


.jstree-default[aria-activedescendant] .jstree-anchor.jstree-clicked {
    background-color: #9fd3fb !important; /* 라이트모드 */
    color: #000 !important;
}


.jstree-default li[aria-selected="true"] > .jstree-anchor {
    background-color: #9fd3fb !important;
}

.jstree-default .jstree-anchor {
    background-color: transparent !important;
}


.jstree-default[aria-activedescendant] .jstree-anchor.jstree-clicked {
    background-color: #9fd3fb !important; /* 라이트모드 */
    color: #000 !important;
}

.jstree-default li[aria-selected="true"] > .jstree-anchor {
    background-color: #9fd3fb !important;
}


.justfiy-space-between {
    display: flex;
    justify-content: space-between;
}

.justfiy-left {
    display: flex;
    justify-content: left;
}

.justfiy-right {
    display: flex;
    justify-content: right;
}

.justfiy-end {
    display: flex;
    justify-content: end;
}

.justfiy-center {
    display: flex;
    justify-content: center;
}
/* 첫 페이지일 때 이전/첫 페이지 버튼 숨김 */
.dataTables_paginate .paginate_button.previous.disabled,
.dataTables_paginate .paginate_button.first.disabled {
    display: none !important;
}

/* 마지막 페이지일 때 다음/마지막 페이지 버튼 숨김 */
.dataTables_paginate .paginate_button.next.disabled,
.dataTables_paginate .paginate_button.last.disabled {
    display: none !important;
}
.direction-column {
    display: flex;
    flex-direction: column;
}

.flex_wrap {
    display: flex;
    flex-wrap: wrap;
}

.flex_item_1 {
    flex: 1 1 0;
}

.wrap {
    flex-wrap: wrap;
}

.r-none {
    resize: none;
}

.d-ruby {
    display: ruby;
}

.d-inline-block {
    display: inline-block;
}

.d-table {
    display: table;
}

.d-table-sell {
    display: table-cell;
}

.dp_none {
    display: none;
}

.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}

.align-item-c {
    display: flex;
    align-items: center;
}

/* 커서 포인터 */
.cursor-pointer {
    cursor: pointer;
}

/* padding */
.p-0-8 {
    padding: 0px 8px;
}

.p-8 {
    padding: 8px;
}

.pt-24 {
    padding-top: 24px;
}

.pt-10 {
    padding-top: 10px;
}

.pr-4 {
    padding-right: 4px;
}

.pr-24 {
    padding-right: 24px;
}

.pb-32i {
    padding-bottom: 32px !important;
}

.pl-32i {
    padding-left: 32px !important;
}

.m-auto {
    margin: auto;
}
/* margin left*/
.ml-4 {
    margin-left: 4px;
}

.ml-8 {
    margin-left: 8px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-16 {
    margin-left: 16px;
}
/* margin right*/
.mr-2 {
    margin-right: 2px;
}

.mr-4 {
    margin-right: 4px;
}

.mr-8 {
    margin-right: 8px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-12 {
    margin-right: 12px;
}

.mr-16 {
    margin-right: 16px;
}

.mr-24 {
    margin-right: 24px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-40 {
    margin-right: 40px;
}

/* margin top*/
.mt-auto {
    margin-top: auto;
}

.mt-2 {
    margin-top: 2px;
}

.mt-4 {
    margin-top: 4px;
}

.mt-8 {
    margin-top: 8px;
}

.mt-12 {
    margin-top: 12px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-24 {
    margin-top: 24px;
}

.mt-40 {
    margin-top: 40px;
}

/* margin bottom */
.mb-4 {
    margin-bottom: 4px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-24 {
    margin-bottom: 24px;
}

.w-h-100p {
    width: 100%;
    height: 100%;
}

/* Width */
.w-auto {
    width: auto;
}

.w-335px {
	width: 335px;
}

.w-5p {
    width: 5%;
}

.w-8p {
    width: 8%;
}

.w-10p {
    width: 10%
}

.w-15p {
    width: 15%;
}

.w-20p {
    width: 20%;
}

.w-22p {
    width: 22%;
}

.w-25p {
    width: 25%;
}

.w-30p {
    width: 30%;
}

.w-35p {
    width: 35%;
}

.w-40p {
    width: 40%;
}

.w-47p {
    width: 47%;
}

.w-45p {
    width: 45%;
}

.w-50p {
    width: 50%;
}

.w-55p {
    width: 55%;
}

.w-60p {
    width: 60%;
}

.w-61p {
    width: 61%;
}

.w-65p {
    width: 65%;
}

.w-70p {
    width: 70%;
}

.w-75p {
    width: 75%;
}

.w-80p {
    width: 80%;
}

.w-82p {
    width: 82%;
}

.w-85p {
    width: 85%;
}

.w-90p {
    width: 90%;
}

.w-95p {
    width: 95%;
}

.w-100p {
    width: 100%;
}

.w-95pi {
    width: 95% !important;
}

.w-90px {
    width: 95px;
}

.w-60p-plus-gap {
    width: calc(60% + 4px);
}

.w-35p-minus-4 {
    width: calc(35% - 4px);
}

.w-70p-plus-4 {
    width: calc(70% + 4px);
}


.td-m-w-200 {
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    margin: 0 auto;
}

.w-50px {
    width: 50px;
}

.w-200px {
	width: 200px;
}

/* height */
.h-100vh {
    height: 100vh;
}

.h-49p {
    height: 49%;
}

.h-calc-15p-90 {
    height: calc(15% - 90px);
}

.h-calc-20p-90 {
    height: calc(20% - 90px);
}

.h-calc-40p-90 {
    height: calc(40% - 90px);
}

.h-calc-40p-40 {
    height: calc(40% - 40px);
}

.h-calc-50p-90 {
    height: calc(50% - 90px);
}

.h-calc-80p-50 {
    height: calc(80% - 50px);
}

.h-calc-80p-90 {
    height: calc(80% - 90px);
}

.h-calc-100p-5 {
    height: calc(100% - 5px);
}

.h-calc-100p-10 {
    height: calc(100% - 10px);
}

.h-calc-100p-10 {
    height: calc(100% - 10px);
}

.h-calc-100p-38 {
    height: calc(100% - 38px);
}

.h-calc-100p-45 {
    height: calc(100% - 45px);
}

.h-calc-100p-50 {
    height: calc(100% - 50px);
}

.h-calc-100p-60 {
    height: calc(100% - 60px);
}

.h-calc-100p-70 {
    height: calc(100% - 70px);
}

.h-calc-100p-80 {
    height: calc(100% - 80px);
}

.h-calc-100p-90 {
    height: calc(100% - 90px);
}

.h-calc-100p-100 {
    height: calc(100% - 100px);
}

.h-calc-100p-110 {
    height: calc(100% - 110px);
}

.h-calc-100p-120 {
    height: calc(100% - 120px);
}

.h-calc-100p-140 {
    height: calc(100% - 140px);
}

.h-calc-100p-150 {
    height: calc(100% - 150px);
}

.h-calc-100p-165 {
    height: calc(100% - 165px);
}

.h-calc-100p-170 {
    height: calc(100% - 180px);
}

.h-calc-100p-180 {
    height: calc(100% - 180px);
}

.h-calc-100p-200 {
    height: calc(100% - 200px);
}

.h-calc-100p-210 {
    height: calc(100% - 210px);
}

.h-calc-100p-220 {
    height: calc(100% - 220px);
}
.h-20p {
    height: 20%;
}

.h-50p {
    height: 50%;
}

.h-80p {
    height: 80%;
}

.h-85p {
    height: 85%;
}

.h-90p {
    height: 90%;
}

.h-100p {
    height: 100%;
}

.h-30px {
    height: 30px;
}

.h-50px {
    height: 50px;
}

/* 정렬 */
.text-center {
    text-align: center;
}

.float_l {
    float: left !important;
}

.float_r {
    float: right !important;
}

/* IE10, IE11 */
address,
em,
i {
    font-style: normal
}

button {
    color: inherit;
    border: 0;
    padding: 0;
    background: 0 0;
    cursor: pointer;
    font-family: 'Pretendard-Regular';
}

hr {
    margin: 0;
    border: none;
    padding: 0;
    display: block
}

figcaption,
figure,
form {
    padding: 0;
    margin: 0
}

fieldset {
    border: none;
    padding: 0;
    margin: 0
}

input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

button,
input,
optgroup,
pre,
select,
textarea {
    color: inherit;
    margin: 0;
	border-radius: 4px;
}

.clearfix {
    position: relative;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 스크롤바 */
.overflow-auto {
    overflow: auto;
}

.overflowY-auto {
    overflow-y: auto;
}

.overflowX-auto {
    overflow-x: auto;
}

.ico::before {
    content: "";
    /* 빈 내용 */
    display: inline-block;
    /* 인라인 블록 요소로 설정 */
    width: 15px;
    /* 이미지 크기 설정 */
    height: 15px;
    margin-right: 4px;
    /* 이미지와 텍스트 사이 여백 */
    background-size: contain;
    /* 이미지 크기가 요소 크기에 맞게 조정되도록 설정 */
    background-repeat: no-repeat;
    /* 이미지 반복 방지 */
    background-position: center;
    /* 이미지 가운데 정렬 */
    vertical-align: middle;
}

.headerIco::before {
    content: "";
    /* 빈 내용 */
    display: inline-block;
    /* 인라인 블록 요소로 설정 */
    width: 23px;
    /* 이미지 크기 설정 */
    height: 23px;
    margin-bottom: 2px;
    background-size: contain;
    /* 이미지 크기가 요소 크기에 맞게 조정되도록 설정 */
    background-repeat: no-repeat;
    /* 이미지 반복 방지 */
    background-position: center;
    /* 이미지 가운데 정렬 */
}

/* date picker 커스텀 */
#ui-datepicker-div {
    font-family: 'SpoqaHanSansNeo-Regular' !important;
}

.ui-widget-header {
    border-style: none !important;
    background: #fff !important;
}

.ui-widget-header .ui-icon {
    background: url('../images/managing/ico_arrow.png') no-repeat !important;
    background-size: 8px !important;
    background-position: center !important;
}

.ui-datepicker .ui-datepicker-prev span {
    transform: rotate(180deg);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border-style: none !important;
    background: #fff !important;
    text-align: center !important;
    height: 30px !important;
    width: 30px !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    top: 2px !important;
    left: 2px !important;
}

.ui-datepicker .ui-datepicker-next-hover {
    top: 2px !important;
    right: 2px !important;
}

.ui-datepicker-title {
    color: #082253;
    font-weight: 700;
}

.ui-datepicker table {
    font-size: 0.8em !important;
}

.ui-datepicker-calendar thead {
    background-color: #fff;
}

.ui-datepicker-calendar thead th {
    color: white;
}

.ui-datepicker-calendar tbody tr:nth-child(2n) td {
    background-color: #fff;
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 0.6em !important;
}

.ui-datepicker td span:hover,
.ui-datepicker td a:hover {
    background: #e6e6e6 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 50%;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff !important;
    background: #2A53A9 !important;
    font-weight: normal;
    color: #ffffff;
    border-radius: 50%;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #CED3DD !important;
    background: #FAFCFD !important;
    color: #082253 !important;
    border-radius: 50%;
}

.icoPlus::before {
    background-image: var(--ico-plus-img);
}

.icoMinus::before {
    background-image: var(--ico-minus-img);
}

.icoReset::before {
    background-image: var(--ico-reset-img);
}

.icoSearch::before {
    background-image: var(--ico-search-img);
}

.icoChange::before {
    background-image: var(--ico-change-img);
}

.icoCopyFolder::before {
    background-image: var(--ico-copyFolder-img);
}

.icoDownload::before {
    background-image: var(--ico-download-img);
}

.icoMove::before {
    background-image: var(--ico-move-img);
}

.icoUpload::before {
    background-image: var(--ico-upload-img);
}

.icoSpeaker::before {
    background-image: var(--ico-speaker-img);
}

.icoPreview::before {
    background-image: var(--ico-preview-img);
}

.icoUser::before {
    background-image: var(--ico-user-img);
}

.icoDashboard::before {
    background-image: var(--ico-dashboard-img);
}

.icoLogout::before {
    background-image: var(--ico-logout-img);
}

.icoSetting::before {
    background-image: var(--ico-setting-img);
}

.icoUser_w::before {
    background-image: var(--ico-user-img);
}

.icoDashboard_w::before {
    background-image: var(--ico-dashboard-img);
}

.icoLogout_w::before {
    background-image: var(--ico-logout-img);
}

.modal.modal-overlay {
    z-index: 9999;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(1.5px);
    -webkit-backdrop-filter: blur(1.5px);
}

.modal.modal-window {
    background-color: white;
    backdrop-filter: blur(13.5px);
    -webkit-backdrop-filter: blur(13.5px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    width: 800px;
    height: 600px;
    position: relative;
    top: -100px;
    padding: 10px;
}

.popupBg, .innerPopupBg,
.extraPopupBg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 998;
}

.icon-btn-16 { padding: 6px; border-radius: 8px; }
.icon-btn-16 img { width: 16px; height: 16px; object-fit: contain; }


#datePickerDiv {
    display: flex;
}

/* PC 기본 라디오 버튼 정렬 */
#popupAdbkKindRadio {
  display: flex;
  align-items: center;
  gap: 12px;               /* 라디오들 간격 */
}

/* 전역 input 규칙/폭 유틸 무효화 */
#popupAdbkKindRadio input[type="radio"] {
  flex: 0 0 auto !important;   /* 남는 공간 안 먹게 */
  width: 16px !important;      /* 표준 라디오 크기 */
  height: 16px !important;
  border: 0 !important;        /* 전역 border 제거 */
  background: transparent !important;
  padding: 0 !important;
  margin: 0 6px 0 0 !important;/* 라디오와 라벨 사이만 간격 */
  appearance: auto;            /* 커스텀화 되었으면 원복 */
  -webkit-appearance: auto;
}

/* 라벨은 내용폭만 사용 + 줄바꿈 방지 */
#popupAdbkKindRadio label {
  flex: 0 0 auto;
  margin-right: 16px;
  white-space: nowrap;
}

#treeHost {
  position: relative !important;
  min-height: 240px;
}
#tagHost {
  position: relative !important;
  min-height: 130px;
}

.empty-state {
  position: absolute; inset: 0;
  display: none; /* 기본은 숨김 */
  align-items: center; justify-content: center;
  color: #888; font-size: .95rem; text-align: center;
  background: #fff; border: 1px dashed #e5e7eb; border-radius: 8px;
  pointer-events: none; /* 클릭 막음 */
  padding: 12px;
}

/* 메시지 입력란 비활성화 스타일 */
#msgContent:disabled {
    background-color: #f5f5f5;
    color: #999;
    cursor: not-allowed;
    opacity: 0.6;
}

/* 다크모드일 때 */
.dark #msgContent:disabled {
    background-color: #2a2a2a;
    color: #666;
}

/* 추가 옵션: placeholder도 회색으로 */
#msgContent:disabled::placeholder {
    color: #bbb;
}

.dark #msgContent:disabled::placeholder {
    color: #555;
}

/* 포커스 효과 제거 (비활성화 시) */
#msgContent:disabled:focus {
    outline: none;
    border-color: #ddd;
}

.dark #msgContent:disabled:focus {
    border-color: #444;
}

.menu-auth-wrap {
    position: relative;
}

.menu-auth-overlay {
    position: absolute;
    inset: 0;
    z-index: 100;

    background: rgba(255, 255, 255, 0.9);
    pointer-events: all;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
    font-size: 14px;
    color: #666;
}

/* eventManage */
#eventContent {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);   /* fallback */
}

#eventContent,
#eventContent .inner_cont,
#eventContent .box {
    overflow: hidden;
}

#eventContent .boxArea {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

#eventContent .dataTables_wrapper {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* 테이블 영역 높이 제한 */
#eventContent .table_wrap {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}

/* 검색 영역 input 높이 통일 */
#searchDateOption input,
#srchEventInput {
    height: 40px;
}

#eventContent .dataTables_length,
#eventContent .dataTables_info {
    flex: 0 0 auto;
}

/* 하단 paging */
#eventContent .dataTables_paginate {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#eventContent .dataTables_info,
#eventContent .dataTables_paginate {
    flex: 0 0 auto;
    background: var(--white);
}

.ml-auto {
    margin-left: auto;
}

.btn-right-wrap {
    display: flex;
    justify-content: flex-end; /* 오른쪽 정렬 */
    margin-top: 8px;           /* 헤더와 간격 */
}

.kind-row {
    display: flex;
    flex-direction: row;
    min-width: 0;
}

.kind-group {
    flex: 1 1 0;
}

/* 테이블 로딩 */
.table-loading {
    position: absolute;
    inset: 0;
    z-index: 10;
}

.table-loading .loading-dim {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.6);
}

.table-loading .loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    border: 3px solid #e5e7eb;
    border-top: 3px solid #14B8A6;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

/* 상태 뱃지 공통 */
.status-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.status-badge .dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

/* 승인 - 초록 */
.status-badge.approved {
    background-color: rgba(34, 197, 94, 0.15);
    color: #16a34a;
    border: 1px solid rgba(34, 197, 94, 0.3);
}
.status-badge.approved .dot {
    background-color: #16a34a;
    box-shadow: 0 0 4px rgba(34, 197, 94, 0.6);
}

/* 반려 - 빨강 */
.status-badge.rejected {
    background-color: rgba(239, 68, 68, 0.15);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.3);
}
.status-badge.rejected .dot {
    background-color: #dc2626;
    box-shadow: 0 0 4px rgba(239, 68, 68, 0.6);
}

/* 승인대기 - 주황 */
.status-badge.waiting {
    background-color: rgba(234, 179, 8, 0.15);
    color: #b45309;
    border: 1px solid rgba(234, 179, 8, 0.3);
}
.status-badge.waiting .dot {
    background-color: #f59e0b;
    box-shadow: 0 0 4px rgba(234, 179, 8, 0.6);
}

/* 다크모드 대응 */
:root.dark .status-badge.approved { color: #4ade80; border-color: rgba(74, 222, 128, 0.3); }
:root.dark .status-badge.rejected { color: #f87171; border-color: rgba(248, 113, 113, 0.3); }
:root.dark .status-badge.waiting  { color: #fcd34d; border-color: rgba(252, 211, 77, 0.3); }


/* Select2 검색창 텍스트 보이게 */
.select2-container .select2-search--dropdown .select2-search__field {
    color: #333 !important;
    background-color: #fff !important;
}

:root.dark .select2-container .select2-search--dropdown .select2-search__field {
    color: #fff !important;
    background-color: #3a3a3a !important;
}

/* Select2 선택박스 본체 크기 */
#mdInfoPop .select2-container {
    width: 100% !important;
}

#mdInfoPop .select2-selection--single {
    height: 40px !important;      
    line-height: 40px !important;  
    font-size: 14px !important;     
	/*width: 300px !important;*/
}

/* 화살표 아이콘 수직 정렬 맞추기 */
#mdInfoPop .select2-selection__arrow {
    height: 40px !important;
}

/* 선택된 텍스트 수직 정렬 */
#mdInfoPop .select2-selection__rendered {
    line-height: 40px !important;
}

/* 담당자 등록 팝업 */
#addressPop {
    width: 900px;
}

/* 관측 단말기 등록 팝업 */
#weatherPop {
    width: 800px;
}

/* 관측 단말기 수정 팝업 */
#updateWeatherPop {
    width: 700px;
}

/* 재난방송 단말기 등록 팝업 */
#brdcstPop {
    width: 800px;
}

/* 위험지구 추가 팝업 */
#addWarningPop {
    width: 500px;
}

/* 위험지구 수정 팝업 */
#changeWarningPop {
    width: 500px;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}