::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* 스크롤바 트랙 (배경) */
::-webkit-scrollbar-track {
    background: #f1f3f5;
    border-radius: 10px;
}

/* 스크롤바 핸들 */
::-webkit-scrollbar-thumb {
    background: #c1c7cd;
    border-radius: 10px;
}

/* hover 시 */
::-webkit-scrollbar-thumb:hover {
    background: #9aa3ab;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* 반응형 (모바일/태블릿) */
@media (max-width: 768px) {
    html, body {
        height: auto;
        overflow: auto;
    }
}

.popupWrap {
    width: auto;
}

.popupWrap:has(#preListenPop.active) {
    width: 400px;
}
#previewArea {
    background-color: #F2F2F2;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 800px;
	min-width: 300px;
    /*margin: 0 auto;*/
    padding: 10px;
	max-height: 524px;
	min-height: 524px;
	overflow-y: auto;
}

/* RCS 발송 이력 */
#resendPolicy{
    display:grid;
    grid-template-columns: 1fr 1fr;  /* 2열 */
    gap:12px;
    margin-top:10px;
}

.resend-card.view{
    background:#f8fafc;
    border-radius:8px;
    padding:10px;
    border:1px solid #e5e7eb;
    font-size:13px;
}

.resend-card .card-title{
    font-weight:700;
    margin-bottom:6px;
    font-size:13px;
}

.resend-card .value{
    padding:4px 8px;
    background:#eef2f7;
    border-radius:6px;
    font-weight:600;
}

.resend-card .field{
    margin-top:6px;
}

/* 기본 상태 = 메시지 100% */
.msg-policy-wrap{
    display:flex;
    gap:10px;
}

/* 정책 있을 때만 좌우 50:50 */
.msg-policy-wrap.split .msg-box{
    flex:1;
}

.msg-policy-wrap.split .policy-box{
    flex:1;
}

.msg-box{
    width:100%;
    display:flex;
    flex-direction:column;
}

.msg-box textarea{
    flex:1;
    resize:none;
}

.policy-box{
    display:none;   /* 기본 숨김 */
    overflow:auto;
}

/* 루트 스코프 */
#kakaoPreviewRoot{
  display:flex;
  align-items:center;      /* 세로 중앙 */
  justify-content:center;  /* 가로 중앙 */
  min-height:720px;        /* 컨테이너 높이 여유, 필요시 조절 */
}

/************* kp-phone  *************/
/* 폰 전체는 플렉스 + 상대 위치 */
#kakaoPreviewRoot .kp-phone{
  display:block;
  position:relative;
  display:flex;
  flex-direction:column;
  padding: 61px 10px 39px;
  width:340px;
  height:670px;
  min-width:340px;
  min-height:670px;
  border:1px solid #ddd;
  border-radius:50px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  background-size: 100%;
}

/* ── 상단 스피커(수화부) ── */
#kakaoPreviewRoot .kp-phone::before{
  content: "";
  position: absolute;
  top: 14px;                       /* 베젤 안쪽으로 살짝 */
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 8px;
  background: #d7d9de;             /* 밝은 회색 */
  border-radius: 6px;
  box-shadow:
    0 1px 0 #fff inset,            /* 위쪽 하이라이트 */
    0 1px 2px rgba(0,0,0,.08);     /* 아주 약한 그림자 */
  z-index: 3;
}

/* ── 하단 동그란 홈 버튼 ── */
#kakaoPreviewRoot .kp-phone::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 25px;                    /* 하단 베젤에서 약간 띄움 */
  transform: translateX(-50%);
  width: 44px;                     /* 원 크기 */
  height: 44px;
  border-radius: 50%;
  background: #e9ebef;
  box-shadow:
    0 1px 0 #fff inset,
    0 4px 10px rgba(0,0,0,.12);
  z-index: 3;
}

/* 눌림 효과 */
#kakaoPreviewRoot .kp-phone:active::after{
  filter: brightness(0.96);
  transform: translateX(-50%) scale(0.98);
}

/* 상단 제목 */
/* 제목 영역 */
#previewArea .m-title {
    display: flex;
    align-items: center;
    width: 100%;
}

#previewArea .m-title2 {
    display: flex;
    align-items: center;
    width: 100%;
}

/* 왼쪽 로고 */
#previewArea .m-logo {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    object-fit: cover;
    margin-right: 8px;
}

/* 오른쪽 로고 */
#previewArea .m-logo2 {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    object-fit: cover;
    margin-left: auto;
}

#previewArea .m-title span {
    font-size: 17px;
    font-weight: bold;
    color: #1e1e1e;
    margin-right: 10px;
    white-space: pre-line;
}

#previewArea .m-title2 span {
    font-size: 19px;
    font-weight: bold;
    color: #1e1e1e;
    margin-right: 10px;
    white-space: pre-line;
}

#previewArea .mTitle-line {
    width: 100%;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    background-color: #1e1e1e;
}

#previewArea .card .title {
    font-size: 15px;
    font-weight: bold;
    color: #1e1e1e;
    margin-top: 6px;
    margin-bottom: 6px;
    white-space: pre-line;
	word-break: break-all;
}

#previewArea .card .description {
    font-size: 13px;
    color: #1e1e1e;
    line-height: 1.3;
    white-space: pre-line;
	word-break: break-all;
}

#previewArea .m-title-img-area {
    width: 100%;
    aspect-ratio: 1 / 1; /* ✅ 정방형 유지 */
    max-width: 350px; 
    margin: 10px auto;
    overflow: hidden;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
	background-image: url('/static/images/default-image.png');
	background-size: contain;
}

#previewArea .m-title-img-area img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

/* 버튼 그룹 */
#previewArea .button-group {
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
    gap: 8px;
}

#previewArea .button-group .btn {
    flex: 1;
    height: 36px;
    background-color: #E4E4E4;
    color: #1e1e1e;
    font-size: 15px;
    text-align: center;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
}

.button-group .button {
	width: 100%;
	height: 36px;
	background: #E4E4E4;
	color: #1e1e1e;
	font-size: 15px;
	text-align: center;
	border-radius: 8px;
	border: none;
	cursor: pointer;
}

.button-group .button2 {
  flex: 1 1 0;
  height: 36px;
  background: #E4E4E4;
  color: #1e1e1e;
  font-size: 15px;
  text-align: center;
  border-radius: 8px;
  border: none;
  cursor: pointer;
}

/* 기본: 가로 배치 */
.popup-kind-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

#popupMainKindSelect {
    width: 180px;
}

#popupAdbkKindNm {
    flex: 1;
}

/* 📱 반응형: 모바일에서는 세로 배치 */
@media (max-width: 768px) {
    .popup-kind-row {
        flex-direction: column;
        align-items: stretch;
    }

    #popupMainKindSelect,
    #popupAdbkKindNm {
        width: 100%;
    }
}


.common-form-header-wrapper {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--white);

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

    padding-bottom: 7px;
}

/* h3 선 제거 (이 영역에서만) */
.common-form-header-wrapper h3 {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* 전체 가로선 */
.common-form-header-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 2px solid var(--btn-border-color);
}



.common-section-header {
	flex: 1;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-right: 20px;
}

.common-section-header-no-button {
	flex: 1;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* 헤더의 액션 버튼 */
.common-form-header-actions {
    display: flex;
    gap: 10px;
}

.common-form-button-section {
    display: flex;
}

/* 기본 그리드 레이아웃 (2열) */
.common-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 24px;
    padding: 15px;
    border-radius: 4px;
    background: var(--white);
}

/* 3열 레이아웃 */
.common-form-grid.col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 24px;
}

/* 4열 레이아웃 */
.common-form-row.col-4 {
    grid-column: 1 / -1;       /* 부모 grid 전체 사용 */
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px 24px;
    width: 100%;
}

.common-form-row {
    min-width: 0;
}

.col-span-2 {
    grid-column: span 2;
}

.col-span-3 {
    grid-column: span 3;
}

/* inner 2열 그리드 (한 줄 전체 차지) */
.inner-grid-2 {
    grid-column: 1 / -1;              /* ⭐ 핵심 */
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    min-width: 0;
}

/* inner-grid 안에서는 span 무효화 */
.inner-grid-2 > * {
    grid-column: auto;
}

/* 폼 아이템 */
.common-form-item {
    display: flex;
    flex-direction: column;
	min-width: 0;
}

/* 전체 폭 사용 */
.common-form-item.full-width {
    grid-column: 1 / -1;
}

/* 2칸 사용 */
.common-form-item.span-2 {
    grid-column: span 2;
}

.common-form-item.span-3 {
    grid-column: span 3;
}

/* 라벨 */
.common-form-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 6px;
    display: block;
    font-weight: bold;
}

/* 필수 표시 */
.common-form-label.required::after {
    content: " *";
    color: #f44336;
}

/* 인풋, 셀렉트, 텍스트에리어 공통 */
.common-form-item input[type="text"],
.common-form-item input[type="password"],
.common-form-item input[type="number"],
.common-form-item input[type="email"],
.common-form-item select,
.common-form-item textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.2s;
}
.common-form-item select {
    width: 100%;
    max-width: 100%;
}


/* 포커스 */
.common-form-item input:focus,
.common-form-item select:focus,
.common-form-item textarea:focus {
    outline: none;
    border-color: #053697;
}

/* 플레이스홀더 */
.common-form-item input::placeholder,
.common-form-item textarea::placeholder {
    color: #999;
}

/* 읽기 전용 */
.common-form-item input:read-only,
.common-form-item select:disabled {
    background-color: var(--readonly);
    cursor: not-allowed;
	color: var(--black) !important;
}

/* 텍스트에리어 */
.common-form-item textarea {
    resize: vertical;
    min-height: 120px;
}

/* 인풋 + 버튼 조합 */
.common-input-with-button {
    display: flex;
    gap: 8px;
}

.common-input-with-button input {
    flex: 1;
}

.common-btn-select {
	height: 40px;
    padding: 0 12px;
    font-size: 12px;
    color: var(--black);
    border: 1px solid var(--btn-border-color);
    border-radius: 6px;
    background: var(--white);
    cursor: pointer;
    white-space: nowrap;

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

.common-btn-select:hover {
    background: #042a75;
	color: white;
}

/* 라디오 그룹 */
.common-radio-group {
    display: flex;
    gap: 20px;
    align-items: center;
    height: 40px;
	/*border: 1px solid #ddd;
	border-radius: 4px;*/
	padding: 10px 12px;
}

.common-radio-group label {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-size: 14px;
    color: var(--black);
    cursor: pointer;
}

.common-radio-group input[type="radio"] {
    width: 16px;
    height: 16px;
    margin: 0;
    flex-shrink: 0;
    cursor: pointer;
}

/* 체크박스 그룹 */
.common-checkbox-group {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 4px;
    flex-wrap: wrap;
}

.common-checkbox-label {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 14px;
    color: #555;
}

.common-checkbox-label input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    flex-shrink: 0;
    cursor: pointer;
}

.common-checkbox-label span.required::after {
    content: " *";
    color: #f44336;
}

/* 날짜 필드 묶음 (등록일시/수정일시) */
.common-date-row {
    grid-column: span 2;
    display: flex;
    gap: 16px;
}

.common-date-col {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.common-date-col label {
    width: 100%;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #555;
}

.common-date-col input {
    width: 100%;
	color: var(--black);
}

/* 폼 액션 버튼 */
.common-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}

.common-btn-submit {
    padding: 10px 24px;
    background: var(--act-btn-color);
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.common-btn-cancel {
    padding: 10px 24px;
    background: #6c757d;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.common-btn-cancel:hover {
    background: #5a6268;
}

/* 반응형 - 1024px 이하에서 1열로 */
@media (max-width: 1290px) {
    .common-form-grid,
    .common-form-grid.col-3 {
        grid-template-columns: 1fr;
    }
    .common-date-row {
        flex-direction: column;
    }
    /* 사이드메뉴보다 아래로 */
    .common-form-header-wrapper {
        z-index: 10;
    }
}

/* 반응형 - 768px 이하 */
@media (max-width: 768px) {
    .common-form-grid {
        padding: 10px;
        gap: 16px;
    }
    .common-input-with-button {
        flex-direction: column;
    }
    .common-btn-select {
        width: 100%;
    }

}


.l_box33 {
    width: 33.3%;
    height: 100%;
    padding: 16px 8px 8px;
    margin-right: 8px;
    background-color: var(--white);
	box-shadow:
		    1px 0 4px rgba(0, 0, 0, 0.06),
		    4px 0 12px rgba(0, 0, 0, 0.04);
}

.c_box33 {
    width: 33.3%;
    height: 100%;
    padding: 16px 8px 8px;
	margin-right: 8px;
    background-color: var(--white);
	box-shadow:
		    1px 0 4px rgba(0, 0, 0, 0.06),
		    4px 0 12px rgba(0, 0, 0, 0.04);
}

.c_box33:has(.common-form-header-wrapper) {
    padding: 10px 8px 8px;
}


.r_box33 {
    width: 33.3%;
    height: 100%;
    padding: 16px 8px 8px;
    background-color: var(--white);
	box-shadow:
		    1px 0 4px rgba(0, 0, 0, 0.06),
		    4px 0 12px rgba(0, 0, 0, 0.04);
}

.r_box33:has(.common-form-header-wrapper) {
    padding: 10px 8px 8px;
}

#popup {
    display: none;
}

#innerPopup {
    display: none;
}

#extraPopup {
    display: none;
}

#dynamicMessageDiv {
    /*height: 15%;*/
}

#dynamicMessageDiv .dynamicMessage {
    overflow: auto;
    height: calc(100% - 40px);
}

.cont_wrap {
    /* header 높이만큼 뺀거 */
    height: calc(100vh - 60px);
}

.inner_cont {
    width: 100%;
    height: 100%;
    background-color: var(--inner-cont-back-color);
	/*기존 css
	margin-left: 210px;
	padding: 8px;*/
    padding: 8px 10px 8px 208px;
}

.usage_wrap {
    /* billingManage width */
    /*width: calc(100% - 210px);*/
}

.dataTableWrap {
	height: calc(100% - 90px);
	overflow-y: auto;
	overflow-x: auto;
}

p {
	font-size: 0.9rem !important;
}

h4 {
	font-size: 0.8rem !important;
}

.boxArea {
    height: 100%;
}

.inner_cont_top {
    height: 45%;
}

.inner_cont_bottom {
    height: 54%;
}

.inner_cont_top,
.inner_cont_bottom {
    width: 100%;
    padding: 16px 8px 8px;
    background-color: var(--white);
    margin-bottom: 8px;
}

.inner_cont_top_p_0,
.inner_cont_bottom_p_0 {
    width: 100%;
    height: 50%;
}
/*여기부터 수정*/
.l_box {
    width: 30%;
    height: 100%;
    padding: 16px 8px 8px;
    margin-right: 8px;
    background-color: var(--white);
	box-shadow:
	    1px 0 4px rgba(0, 0, 0, 0.06),
	    4px 0 12px rgba(0, 0, 0, 0.04);
}

.r_box {
    width: 70%;
    height: 100%;
    padding: 16px 8px 8px;
    background-color: var(--white);
	box-shadow:
	    1px 0 4px rgba(0, 0, 0, 0.06),
	    4px 0 12px rgba(0, 0, 0, 0.04);
}



.up_down_wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

/* 상단 */
.up_box {
    flex: 0 0 30%;
    min-height: 260px;
	width: 100%;
	padding: 10px 8px 8px;
	background-color: var(--white);
	margin-bottom: 8px;
}

/* 하단 */
.down_box {
    flex: 1;          /* 남은 영역 */
    overflow: hidden;
	width: 100%;
	padding: 16px 8px 8px;
	background-color: var(--white);
}

/* 내부 boxArea */
.up_box .boxArea,
.down_box .boxArea {
    height: 100%;
}

.r_box_wrap {
	width: 70%;
	height: 100%;
	box-shadow:
	    1px 0 4px rgba(0, 0, 0, 0.06),
	    4px 0 12px rgba(0, 0, 0, 0.04);
	display: flex;
	flex-direction: column;
}

.r_box_upBox {
    width: 100%;
    flex: 0 0 40%; /* 고정 40% */
    min-height: 200px;
    padding: 10px 8px 8px;
    background-color: var(--white);
    overflow: auto;
    box-shadow:
        1px 0 4px rgba(0, 0, 0, 0.06),
        4px 0 12px rgba(0, 0, 0, 0.04);
	margin-bottom: 8px;
}

.r_box_downBox {
    width: 100%;
    flex: 1; /* 나머지 영역 차지 (약 60%) */
    padding: 16px 8px 8px;
    background-color: var(--white);
    overflow: auto;
    box-shadow:
        1px 0 4px rgba(0, 0, 0, 0.06),
        4px 0 12px rgba(0, 0, 0, 0.04);
}

.r_box_upBox50 {
    width: 100%;
    flex: 0 0 50%; /* 고정 50% */
    min-height: 200px;
    padding: 16px 8px 8px;
    background-color: var(--white);
    overflow: auto;
    box-shadow:
        1px 0 4px rgba(0, 0, 0, 0.06),
        4px 0 12px rgba(0, 0, 0, 0.04);
	margin-bottom: 8px;
}

.r_box_downBox50 {
    width: 100%;
    flex: 1; /* 나머지 영역 차지 (약 50%) */
    padding: 16px 8px 8px;
    background-color: var(--white);
    overflow: auto;
    box-shadow:
        1px 0 4px rgba(0, 0, 0, 0.06),
        4px 0 12px rgba(0, 0, 0, 0.04);
}

.r_box_down_split {
    display: flex;
	flex-direction: column;
    gap: 8px;
    height: 100%;
    min-height: 0;
	width: 33.3%;
}

.r_box_down_split .l_innerBox,
.r_box_down_split .r_innerBox {
    flex: 1 1 0;
    padding: 16px 8px 8px;
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    min-height: 0;
    box-shadow:
        1px 0 4px rgba(0, 0, 0, 0.06),
        4px 0 12px rgba(0, 0, 0, 0.04);
}

.l_box_top {
	width: 100%;
   	height: 50%;
   	padding: 16px 8px 8px;
   	margin-bottom: 8px;
}


.l_box_bottom {
	width: 100%;
   	height: 50%;
   	padding: 16px 8px 8px;
   	margin-bottom: 8px;
}


.l_box_top33 {
	width: 100%;
   	height: 33%;
   	padding: 16px 8px 8px;
   	margin-bottom: 8px;
}

.l_box_center33 {
	width: 100%;
   	height: 33%;
   	padding: 16px 8px 8px;
   	margin-bottom: 8px;
}

.l_box_bottom33 {
	width: 100%;
   	height: 33%;
   	padding: 16px 8px 8px;
   	margin-bottom: 8px;
}

/*여기까지 추가*/

.r_box_p_0 {
    width: 70%;
    height: 100%;
}

.l_box20 {
    width: 20%;
    height: 100%;
    padding: 16px 8px 8px;
    margin-right: 8px;
    background-color: var(--white);
}

.l_box45 {
    width: 45%;
    height: 100%;
    padding: 16px 8px 8px;
    margin-right: 8px;
    background-color: var(--white);
}

.l_box25 {
    width: 25%;
    height: 100%;
    padding: 16px 8px 8px;
    margin-right: 8px;
    background-color: var(--white);
}

.l_box50 {
    width: 50%;
    height: 100%;
    padding: 16px 8px 8px;
    margin-right: 8px;
    background-color: var(--white);
}

.l_box75 {
    width: 75%;
    height: 100%;
    padding: 16px 8px 8px;
    background-color: var(--white);
}

.r_box20 {
    width: 25%;
    height: 100%;
    padding: 16px 8px 8px;
    background-color: var(--white);
}

.r_box35 {
    width: 35%;
    height: 100%;
    padding: 16px 8px 8px;
    background-color: var(--white);
}

.r_box40 {
    width: 40%;
    height: 100%;
    padding: 16px 8px 8px;
    background-color: var(--white);
}

.r_box50 {
    width: 50%;
    height: 100%;
    padding: 16px 8px 8px;
    background-color: var(--white);
}

.r_box55 {
    width: 55%;
    height: 100%;
    padding: 16px 8px 8px;
    background-color: var(--white);
}

.r_box75 {
    width: 75%;
    height: 100%;
    padding: 16px 8px 8px;
    background-color: var(--white);
}

.r_box75_p_0 {
    width: 75%;
    height: 100%;
}

.r_box80 {
    width: 80%;
    height: 100%;
    padding: 16px 8px 8px;
    background-color: var(--white);
}

.r_box80_p_0 {
    width: 80%;
    height: 100%;
}

.r_box_top,
.arsManage-rbox-top {
    width: 100%;
    height: 50%;
    padding: 16px 8px 8px;
    margin-bottom: 8px;
    background-color: var(--white);
}

.r_box_bottom,
.arsManage-rbox-bottom {
    width: 100%;
    height: 49%;
    padding: 16px 8px 8px;
    background-color: var(--white);
}

.l_box100,
.r_box100,
.box {
    width: 100%;
    padding: 16px 8px 8px;
    background-color: var(--white);
}

.m_box40 {
    width: 40%;
    height: 100%;
    padding: 16px 8px 8px;
    background-color: var(--white);
}

/* login */
#wrap_login_img {
    height: 100vh;
    background-image: url('../images/img-login2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.wrap_login_page {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

#wrap_login_content {
    text-align: center;
    width: 500px;
    padding: 45px 40px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    border-radius: 10px;
}

.txt_login_1 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem !important;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    color: #213864;
}

#wrap_login_content .table_row_frame {
    text-align: center;
}

.login_input_div {
    border-radius: 10px;
    width: 100%;
}

.login_input_div input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 45px;
    font-family: 'SpoqaHanSansNeo-Regular';
    font-size: 14px;
}

.btn_frame {
    margin-top: 24px;
    height: 40px;
}

.login_btn {
    font-family: 'SpoqaHanSansNeo-Regular';
    width: 100%;
    padding: 10px;
    margin-bottom: 12px;
    border: none;
    background: #004bb7;
    color: white;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s;
    height: 40px;
}

.find_wrap {
    padding: 10px 0 0;
    text-align: center;
}

.find_wrap li {
    position: relative;
    display: inline-block;
}

.find_wrap .find_text {
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
    color: #888;
}

.find_wrap .find_text:hover {
    text-decoration: underline;
    /* 마우스 오버 시 밑줄 추가 */
}

.find_wrap li {
    position: relative;
    display: inline-block;
}

.find_wrap li+li::before {
    content: '';
    position: absolute;
    top: 13px;
    left: 12px;
    width: 1px;
    height: 12px;
    border-radius: 1px;
    background-color: #dadada;
}

#loginTypeSelect {
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 1000;
    padding: 10px 32px 8px 12px;
    border: 2px solid #2c5282;
    border-radius: 5px;
    background-color: #ffffff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%232c5282" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 12px;
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: 0 2px 8px rgba(44, 82, 130, 0.15);
}

#loginTypeSelect:hover {
    border-color: #3d6ba7;
    box-shadow: 0 3px 12px rgba(44, 82, 130, 0.2);
}

#loginTypeSelect:focus {
    border-color: #2c5282;
    box-shadow: 0 0 0 3px rgba(44, 82, 130, 0.1);
}

.city-hall-btn {
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 1000;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    color: white;
    border: none;
    padding: 0px 15px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(30, 60, 114, 0.3);
    transition: all 0.3s ease;
    overflow: hidden;
    min-width: 250px;
}

.city-hall-btn:before {
    content: '🏛️';
    margin-right: 8px;
    font-size: 18px;
}

.city-hall-btn:hover {
    background: linear-gradient(135deg, #2a5298 0%, #1e3c72 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(30, 60, 114, 0.4);
}

.city-hall-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(30, 60, 114, 0.3);
}

.city-hall-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(42, 82, 152, 0.3);
}

.find_wrap li+li {
    padding-left: 28px;
}

.common-textarea{
    width:100%;
    padding:16px;
    border:1px solid #dcdfe6;
    border-radius:8px;
    resize:none;

    /* ⭐ 정렬 핵심 */
    white-space:pre-wrap;      /* 줄바꿈 그대로 유지 */
    line-height:1.6;           /* 줄 간격 */
    font-size:14px;
    font-family:'Pretendard', 'Noto Sans KR', sans-serif; /* 한글 가독성 */
}

/* loginpopup */
/*#popup #findUserIdPop {
    display: none;
}*/

#popup #findUserIdPop .body h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#popup #findUserIdPop .body input {
    width: 100%;
    margin-bottom: 8px;
}

/*#popup #findUserPwPop {
    display: none;
}
*/
#popup #findUserPwPop .body h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#popup #findUserPwPop .body input {
    width: 100%;
}

/*#innerPopup #findUserIdResultPop {*/
/*    display: none;*/
/*}*/

#innerPopup #findUserIdResultPop .body .d-flex {
    align-items: center;
}

#innerPopup #findUserIdResultPop .body .d-flex h3 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#innerPopup #findUserIdResultPop .body .d-flex p {
    font-size: 1rem;
    padding: 0 16px;
}

#innerPopup #findUserIdResultPop .btm_btns {
    flex-wrap: wrap-reverse;
}

/*#innerPopup #findUserPwResultPop {*/
/*    display: none;*/
/*}*/

#innerPopup #findUserPwResultPop h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#innerPopup #findUserPwResultPop .column {
    margin-bottom: 12px;
}

#innerPopup #findUserPwResultPop .column input {
    width: 100%;
}

#innerPopup #findUserPwResultPop .column span {
    font-size: 0.9rem;
    color: #5d5d5d;
}

#innerPopup #findUserPwResultPop .btm_btns {
    flex-wrap: wrap-reverse;
}

/* header */
header {
    height: 60px;
    background-color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
}

.header_btns {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 0 10px 0 16px;
    height: 100%;
}

.logo {
    width: 200px;
    height: 60px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding:8px 0;
}

.logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dateBox #date {
    font-size: 1.1rem !important;
    font-weight: 500;
    color: #707070;
}

.dateBox #time {
    font-size: 1.1rem !important;
    font-weight: 400;
    color: var(--header-time-color);
    margin-left: 10px;
}

.btnsList {
    margin-top: 8px;
}

.btnsList a,
.btnsList p {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #707070;
    font-weight: bold;
}

.btnsList img {
    width: 20px;
}

.flex-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 16px;
    padding-right: 16px;
}

.modeToggle {
    padding-top:20px;
}

/* switch */
.switch_wrapper {
    /*margin-top: 32px;*/
	/*margin-right: 20px;*/
}

#themeToggle {
    border: none !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    background-color: transparent;
}

.switch_label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 21px;
    background: var(--white);
    border: 2px solid var(--btn-border-color);
    border-radius: 20px;
    transition: 0.2s;
}

.switch_label:hover {
    background: #efefef;
}

.onf_btn {
    position: absolute;
    top: 1px;
    left: 5px;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    background: var(--btn-border-color);
    transition: 0.2s;
}

#themeToggle:checked+.switch_label {
    background: rgb(70, 70, 70);
    border: 2px solid var(--btn-border-color);
}

#themeToggle:checked+.switch_label:hover {
    background: #707070;
}

#themeToggle:checked+.switch_label .onf_btn {
    /* move */
    left: 20px;
    background: var(--white);
    box-shadow: 1px 2px 3px #00000020;
}


/* sidebar */
.hamburger {
    display: none;
    cursor: pointer;
    width: 40px;
    height: 30px;
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 200;
}

.hamburger span {
    display: block;
    height: 4px;
    background: black;
    border-radius: 2px;
}

.hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(9px, 12px);
}

.hamburger.active span:nth-child(2) {
    opacity: 0;
}

.hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -10px);
}

.temporary_sidebar {
    z-index: 100;
    position: fixed;
    width: 200px;
    /*height: 100%;*/
    height: calc(100vh - 60px);
    overflow: auto;
    background-color: var(--sidemenu-back-color);
    font-size: 1rem;
    color: var(--white);
    font-family: 'Pretendard-Regular';
    padding: 16px 0;
    margin-top: 8px;
}

.temporary_sidebar_menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.temporary_sidebar_menu li {
    margin: 0;
}

.temporary_sidebar_menu a,
.submenu-toggle {
    display: block;
    color: #fff;
    font-size: 1rem;
    padding: 10px 18px;
    text-decoration: none;
    background-color: transparent;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.temporary_sidebar_menu a:hover,
.submenu-toggle:hover {
    background-color: var(--sidemenu-back-color);
}

.temporary_sidebar_menu li.active>a,
.submenu-toggle.active,
.temporary_sidebar_menu .submenu li.active>a {
    background-color: var(--sidemenu-act);
}

/* submenu 전체 배경 채우기 */
.has-submenu .submenu {
    display: none;
    background-color: var(--sidemenu-submenu-back-color);
    width: 100%;
}

.has-submenu.open .submenu {
    display: block;
}

/* submenu li hover 효과 */
.submenu li a {
    padding: 10px 26px;
    font-size: 1rem;
}

.submenu li a:hover {
    background-color: var(--sidemenu-act);
}

/* sidebar end */

/*.l_innerBox,
.r_innerBox {
    width: 50%;
    padding: 16px 8px 8px;
    background-color: var(--white);
	overflow:auto;
}*/

.c1_box_bottom,
.c2_box_bottom,
.c3_box_bottom {
    flex: 1 1 0;
    padding: 16px 8px 8px;
    background-color: var(--white);
    height: 100%;
}

.input_file_btn {
    background-color: transparent;
    border: 1px solid var(--btn-border-color);
    cursor: pointer;
    padding: 9px 20px;
    border-radius: 4px;
    text-align: center;
    line-height: 1.6;
}

.msgSendInput {
    width: 100%;
    border: solid 1px var(--input-border-color);
}

.upload-name {
    background-color: transparent;
    border: 1px solid var(--input-border-color);
    cursor: pointer;
    padding: 5px 20px;
    /* border-radius: 4px; */
    text-align: center;
    line-height: 1.6;
}

#dynamicMessage {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}

.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.schInner {
    position: relative;
}

.schInner input[type=text] {
    width: 100%;
    padding: 8px;
    color: var(--black);
	height: 40px;
}

.schInner input[type=text]::placeholder {
    color: var(--placeholder-color);
}

.schInner button {
    position: absolute;
    border: none;
    right: 12px;
	top: 2px;
}

.schInner button img {
    width: 15px;
}

.datepicker,
.timepicker {
    border: none;
    background-color: var(--readonly) !important;
    color: black !important;
    padding: 4px;
}

#reqTime, #reqDate, #fromDate, #toDate {
	color: var(--black) !important;
	background-color: var(--white);
	border: 1px solid var(--btn-border-color);
}



/* 탭 메뉴 스타일 */
.tabs li {
    flex: 1;
    float: left;
    border: 1px solid var(--input-border-color);
    border-width: 1px 1px 0 1px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    cursor: pointer;
    padding-bottom: 4px;
}

.tabs li a {
    display: block;
    color: var(--btn-border-color);
    padding-top: 10px;
}

.tabs li.active {
    background-color: var(--act-btn-color);
    border-bottom-style: none;
}

.tabs li.active a {
    color: var(--white);
    font-weight: bold;
}

.tabsCont {
    display: none;
}

.tabsCont.active {
    display: block;
}

/* 탭 있을 경우 innerBox 스타일 (주소록 등) */
.l_box .innerBox.tabIn,
.l_box20 .innerBox.tabIn {
    padding: 8px;
    border-radius: 0 0 10px 10px;
    border: 1px solid var(--input-border-color);
}

.inner_box_border {
    /* innerbox 안에서 설문조사 등 border필요할때 */
    padding: 16px 8px 8px;
    border: 1.5px solid var(--input-border-color);
}

.mapping_box_container {
    /* innerbox 안에서 설문조사 등 border필요할때 */
    padding: 8px 8px;
	border-radius: 15px;
    border: 2px solid var(--input-border-color);
	background-color: var(--inner-cont-back-color);
}

/* 중복체크 메시지 스타일 */
.input-msg, .kindNameCount{
    font-size: 12px;
}

.input-msg.success {
    color: #16a34a;
}

.input-msg.error {
    color: #dc2626;
}


/* .table_wrap { */
/* width: 100%; */
/* overflow-x: auto;
    white-space: nowrap;
}

#authContent table {
    min-width: 400px;
}

table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border: none;
    border-bottom: 1px solid var(--input-border-color);
}

thead {
    min-height: 30px;
}

th {
    background-color: var(--thead-back-color);
    color: var(--white);
    text-align: center;
    padding: 8px;
}

tbody {
    overflow-y: scroll;
    width: 100%;
}

td {
    border: none;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 8px 4px;
    color: var(--black);
}

#terminalDataTable th,
#terminalDataTable td {
    padding: 2px 0;
}

tbody tr:nth-child(odd) {
    background-color: var(--th-odd);
}

tbody tr:nth-child(even) {
    background-color: var(--th-even);
}

#msgRsltTable th,
#weatherDataTable th {
    height: 40px;
}

#weatherDataTable th:nth-child(1) {
    width: 6%;
} */


#msgContent {
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    resize: none;
    border: 1px solid var(--input-border-color);
}

#bmsSendContent #msgContent {
    height: 320px;
    overflow-y: auto;
}

.file-input-wrapper {
    position: relative;
}

.file-input-wrapper #fileInput {
    width: 100%;
    padding-right: 30px;
    box-sizing: border-box;
}

.file-input-wrapper #fileDeleteBtn {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    padding: 10px;
}

.fileDelete_btn {
    cursor: pointer;
    width: 24px;
    position: absolute;
    right: 0;
    padding: 20px;
}

.fileDelete_btn:before,
.fileDelete_btn:after {
    content: '';
    width: 13px;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 4px;
    background: var(--black);
}

.fileDelete_btn:before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.fileDelete_btn:after {
    transform: translate(-50%, -50%) rotate(45deg);
}

.form-group-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.form-group {
    display: flex;
    width: 50%;
    min-height: 30px;
    align-items: center;
}

.form-group-col {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.form-group-col>input,
.form-group-col>.radio-group {
    /* auth 권한정보 원래 코드*/
    /* .form-group {
        display: flex;
        flex-direction: column;
        width: 50%;
    } */

    width: 90%;
    margin-top: 4px;
    height: 40px;
}

.message-type-div,
.message-type-check-div {
    display: flex;
    align-items: center;
}

.message-type-div>label,
.message-type-check-div>label {
    margin-right: 8px;
}

.message-type-div>label {
    font-size: 16px;
    font-weight: bold;
}

.settingInner {
    width: 50%;
}

.chartBox {
    width: 100%;
    height: calc(100% - 70px);
    border: 1px solid var(--input-border-color);
}

.bmsSend_inner_cont {
    overflow: auto;
}

#bmsOption_box label {
    margin-right: 8px;
}

#bmsOption_box select {
    min-width: 50%;
}

/* js tree 영역 */
.folderBox {
    /* overflow: hidden; */
    overflow-x: hidden;
    overflow-y: auto;
	height: calc(100% - 5px);
}

.folderBox:hover {
    overflow-x: auto;
}

.folderBox li {
    padding: 1px 2px;
    cursor: pointer;
}

.folderBox li span {
    background: url('../images/managing/ico_folder.png') no-repeat;
    background-size: contain;
    background-position: 10px;
    padding-left: 40px;
    margin-left: 5px;
    position: relative;
}

.folderBox li span.depth1::before {
    content: '';
    position: absolute;
    left: 0;
    width: 10px;
    height: 20px;
    background: url('../images/managing/ico_arrow.png') no-repeat;
    background-size: 10px;
}

#menuContent .jstree-default-large>.jstree-striped {
    background-size: auto 68px;
}

#ewarningGroupTree .jstree-leaf {
    font-size: 14px;
    height: 50px !important;
}

#ewarningGroupTree .jstree-wholerow {
    height: 50px !important;
}

#ewarningGroupTree .jstree-anchor {
    height: 50px !important;
}

#ewarningGroupTree .jstree-anchor {
    line-height: 50px !important;
}

#ewarningGroupTree>.jstree-striped {
    background-size: auto 100px;
}

#ewarningGroupTree .jstree-container-ul {
    overflow: hidden;
}

.jstree-container-ul {
    overflow: auto;
}

#exsystemBody #ewarningGroupTree .jstree-leaf {
    font-size: 20px;
    height: 50px !important;
}

#exsystemBody #ewarningGroupTree .jstree-wholerow {
    height: 50px !important;
}

#exsystemBody #ewarningGroupTree .jstree-anchor {
    height: 50px !important;
}

#exsystemBody #ewarningGroupTree .jstree-anchor {
    line-height: 50px !important;
}

#exsystemBody #ewarningGroupTree>.jstree-striped {
    background-size: auto 100px;
}

#exsystemBody .jstree-container-ul {
    overflow: auto;
}

#menuContent .jstree-default-large>.jstree-striped {
    background-size: auto 68px;
}

#authContent .jstree-default-large>.jstree-striped {
    background-size: auto 68px;
}

.jstree-default .jstree-clicked {
    color: var(--black) !important;
}

#ewarningGroupTree .jstree-leaf {
    font-size: 14px;
    height: 50px !important;
}

#addressbookTree .jstree-anchor {
    color: var(--black) !important;
}

#userGrpTree .jstree-anchor {
    color: var(--black) !important;
}

#menuTree .jstree-anchor {
    color: var(--black) !important;
}

#eqmnGrpTree .jstree-anchor {
    color: var(--black) !important;
}

#ewarningGroupTree .jstree-anchor {
    color: var(--black) !important;
}

#terminalGrpTree .jstree-anchor {
    color: var(--black) !important;
}

/* js tree 영역 end */

.mobile_menu_title {
    display: none;
}

/*#codeContent .btnBox a {
    display: inline-block;
    min-height: 10px !important;
    line-height: 20px;
}*/

input[type=text].field-ok {
    color: green !important;
}
input[type=text].field-error {
    color: red !important;
}

#adbkKindMng_inner_cont .inner_cont_top {
    height: 35% !important;
}

#adbkKindMng_inner_cont .inner_cont_bottom {
    height: 64% !important;
}

#menuAuthInnerCont {
    overflow: auto;
}

/*** date picker ***/
.datePicker {
    color: #000;
    /*margin-left: 4px;*/
}

.tilde {
    margin: 0 10px;
}

.datePicker input[type=text] {
    background: url('../images/managing/ico_calendar.png') no-repeat right 5px center;
    background-size: 20px;
    cursor: pointer;
    background-color: var(--white)
}

.datePicker .btn {
    border: 1px solid #082253 !important;
    margin-left: 5px;
    text-align: center;
}

.btn-green {
    display: inline-block;
    background: var(--dataTable-bg-color);
    color: var(--dataTable-text-color);
    border-radius: 4px;
    padding: 10px 20px !important;
}

.btn-red {
    display: inline-block;
    background: var(--dataTable-bg-color);
    color: var(--dataTable-text-color);
    border-radius: 4px;
    padding: 10px 20px !important;
}

.btm_btns button {
    border-radius: 15px;
    padding: 15px 0px;
    background-color: var(--act-btn-color);
    border: 1px solid #082253;
    color: #F1C40F;
    font-size: 1rem;
    width: 30%;
}


.btn_cancel{
    background-color: #6c757d !important;
}


#popup,
#extraPopup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--white);
    color: var(--black);
    border-radius: 10px;
    box-shadow: 5px 15px 20px rgb(0 0 0 / 0.2);
    z-index: 999;
    border: 1px solid #fff;
    font-family: 'Pretendard-Regular';
}
#innerPopup
{
    /* display: none; */
    /* background-color: red; */
	width: 800px;
	z-index: 9999;
    min-height: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--white);
    color: var(--black);
    border-radius: 10px;
    box-shadow: 5px 15px 20px rgb(0 0 0 / 0.2);
    z-index: 999;
    border: 1px solid #fff;
    font-family: 'Pretendard-Regular';
	overflow: auto
}

.btn_close::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: var(--popup-close-img);
}

#popup .row {
    display: flex;
}

/* 250526 추가*/
.popupWrap,
.extraPopupWrap,
.popupMediumWrap{
    position: relative;
    width: 100%;
    height: auto;
	max-height: 90dvh;
    padding: 30px;
}

@media (min-width: 1280px) {
    .popupWrap {
        min-width: 450px;
    }
}

.popupWrap>div {
	display: none;
}

.popupWrap>div.active {
	display: block;
}

.popupWrap .btn_close {
	position: absolute;
	right: 30px;
	top: 30px;
	cursor: pointer;
	width: 25px;
	height: 25px;
}

.btn_close::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: var(--popup-close-img);
}
/* - 여기까지*/
#popup .top,
#innerPopup .top,
#extraPopup .top {
    display: flex;
    justify-content: space-between;
	height: 30px;
}

#popup .top h1,
#innerPopup .top h1,
#extraPopup .top h1 {
    font-size: 1.4rem;
	color: var(--popup-h4-color);
}

#popup .body,
#innerPopup .body,
#extraPopup .body {
    font-size: 0.8rem;
    margin-top: 12px;
}

#popup #addSendSchedulePop {
	overflow: auto;
	height: 60vh;
}

#popup .btm_btns,
#innerPopup .btm_btns,
#extraPopup .btm_btns {
    font-size: 1rem;
    margin: 16px 0;
    display: flex;
    justify-content: right;
}

#popup .btm_btns button,
#innerPopup .btm_btns button,
#extraPopup .btm_btns button {
    background-color: var(--act-btn-color);
    color: #fff;
    border: none;
    padding: 0;
	margin-right: 1%;
}

#popup #adbkGrpDtlPop h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#popup #adbkGrpDtlPop .body input {
    font-size: 0.9rem;
    /*margin-top: 8px;*/
    width: 100%;
    min-height: 35px;
}

#popup #adbkGrpDtlPop .body #sortOrderDiv {
    font-size: 1rem;
    margin-top: 16px;
}

#popup #recipientDtlPopup h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#popup #recipientDtlPopup .column2 {
    width: 100%;
    flex: 0 0 32%;
}

#popup #recipientDtlPopup .column2 .clearfix {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#popup #recipientDtlPopup .column2 .clearfix input {
    width: 65%;
}

#popup #recipientDtlPopup .column2 h4 {
    margin-bottom: 4px;
}

#popup #recipientDtlPopup .column2 input {
    width: 100%;
    height: 36px;
    padding-left: 4px;
}

#popup #recipientDtlPopup .column2 .clearfix .openInnerbtnBox a {
    text-decoration: none;
    border: 1px solid var(--input-border-color);
    padding: 10px 8px;
    color: var(--black);
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 400;
    font-family: 'Pretendard-Regular';
}

#popup #recipientDtlPopup .column3 .radio-group input {
    margin-right: 4px;
}

#popup #recipientDtlPopup .column3 .radio-group label {
    margin-right: 16px;
}

#popup #recipientDtlPopup .row {
    justify-content: space-between;
    margin-bottom: 16px;
}

#popup #adbkGrpPopup .tab_content {
    height: 200px;
    padding: 8px;
    border: 1px solid var(--input-border-color);
    border-top: none;
}

#popup #adbkGrpPopup #adbkGrpPopupjstree {
    height: 100%;
    overflow: auto;
    border: 1px solid var(--input-border-color);
}

#popup #excelUploadPop p {
    font-size: 1rem;
}

#popup #excelUploadPop .body p .link {
    font-weight: bold;
    font-size: 1.1rem;
    color: var(--act-btn-color);
}

#popup #excelUploadPop .body .filebox {
    margin-top: 16px;
}

#popup #excelUploadPop .body .filebox input[type=text] {
    margin-left: 4px;
}

#popup #excelUploadPop .btm_btns {
    /*flex-wrap: wrap-reverse;*/
}

#innerPopup #innerChangePop .tab_content {
    height: 200px;
    padding: 8px;
    border: 1px solid var(--input-border-color);
    border-top: none;
}

#innerPopup #innerChangePop #userGrpPopupjstree {
    height: 100%;
    overflow: auto;
    border: 1px solid var(--input-border-color);
}

#innerPopup #innerChangePop .btm_btns {
    justify-content: right;
}

#innerPopup #adbkGrpSelPopup .tab_content {
    height: 200px;
    padding: 8px;
    border: 1px solid var(--input-border-color);
    border-top: none;
}

#innerPopup #adbkGrpSelPopup #adbkGrpInnerPopupjstree {
    height: 100%;
    overflow: auto;
    border: 1px solid var(--input-border-color);
}

#innerPopup #adbkGrpSelPopup .btm_btns {
    justify-content: right;
}

/* arsManage popup */
/*#popup #arsUserPop .body {*/
/*    height: 400px;*/
/*}*/

#popup #arsUserPop .body .d-flex select {
    width: 30%;
    margin-right: 4px;
}

#popup #arsUserPop .body .d-flex .schInner {
    width: 70%;
}

#popup #arsUserPop .body #arsUserPopDataTable {
    margin-top: 8px;
}

#popup #arsUserPop .body #arsUserPopDataTable th {
    border-collapse: collapse;
    background-color: var(--header-back-color);
}

#popup #arsUserPop .body #arsUserPopDataTable tbody {
    overflow: scroll;
    height: auto;
}

#popup #arsEqpmnListPop .inner_cont {
    margin: 0;
    padding: 0;
    background-color: var(--white);
    flex-direction: column;
}

#popup #arsEqpmnListPop .l_box {
    width: 100%;
    padding: 0;
    margin: 0;
}

#popup #arsEqpmnListPop .r_box {
    margin-top: 4px;
    padding: 0;
    width: 100%;
}

#popup #arsEqpmnListPop .r_box #srchArsEqpmnPopupSelect {
    margin-right: 4px;
    width: 30%;
}

#popup #arsEqpmnListPop .r_box .schInner {
    width: 70%;
}

#popup #arsEqpmnListPop .r_box .mt-10 {
    margin-top: 10px;
}

#innerPopup #excelViewPop .top h1 {
    font-size: 1.3rem;
}

#innerPopup #excelViewPop .excelViewTableWrap {
    height: 200px;
}

#innerPopup #excelViewPop .btm_btns {
    justify-content: right;
}

/* arsScenario */
#popup #arsScenarioPop h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#popup #arsScenarioPop .popup_l {
    width: 30%;
}

#popup #arsScenarioPop .popup_l .mt-5 {
    margin-top: 5px;
}

#popup #arsScenarioPop .popup_l .d-flex {
    flex-direction: column;
}

#popup #arsScenarioPop .popup_l .radio-group input {
    margin-right: 4px;
}

#popup #arsScenarioPop .popup_l .radio-group label {
    white-space: nowrap;
    margin-right: 8px;
}

#popup #arsScenarioPop .popup_l .arsScenarioClearfix {
    margin-top: 3px;
}

#popup #arsScenarioPop .popup_l .arsScenarioClearfix select {
    width: 100%;
}

#popup #arsScenarioPop .popup_l textarea {
    margin-top: 3px;
    overflow-y: scroll;
}

#popup #arsScenarioPop .popup_r {
    margin-left: 8px;
    width: 70%;
}

#popup #arsScenarioPop body {
	overflow: auto;
}

#popup #arsScenarioPop .popup_r button {
    font-family: 'Pretendard-bold';
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: black;
    font-size: 1rem;
}

#popup #arsScenarioPop #questionTable {
    margin-top: 8px;
	border-collapse: collapse;
}

#questionTable th{
	border: 1px solid white;
}

#popup #arsScenarioPop #questionTable thead {
    height: 60px;
}

#popup #arsSendPop .inner_cont {
    margin: 0;
    margin-top: 8px;
    padding: 0;
    background-color: var(--white) !important;
    flex-direction: column;
}

#popup #arsSendPop .l_box,
#popup #arsSendPop .r_box {
    padding: 0;
    width: 100%;
}

#popup #arsSendPop .l_box .tabs ul {
    display: flex;
}

#popup #arsSendPop .l_box .tabs li {
    flex: 1;
    float: left;
    border: 1px solid var(--input-border-color);
    border-width: 1px 1px 0 1px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    cursor: pointer;
    padding-bottom: 4px;
}

#popup #arsSendPop .l_box .innerTabBody {
    height: 200px;
    overflow: auto;
    border: 1px solid var(--input-border-color);
    border-top: none;
}

#popup #arsSendPop .r_box {
    margin-top: 8px;
}

#popup #arsSendPop .r_box .schForm select {
    width: 30%;
}

#popup #arsSendPop .r_box .schForm .schInner {
    width: 70%;
}

#popup #arsSendPop .r_box #popupAdbkDataTable {
    margin-top: 4px;
}

#popup #arsSendPop .btm_btns .flex-column {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#popup #arsSendPop .btm_btns .flex {
    width: 100%;
    display: flex;
    align-items: center;
}

#popup #arsSendPop .btm_btns .flex h4 {
    margin-left: 4px;
}

#popup #arsUsePop .tab_content {
    height: 400px;
    border: 1px solid var(--input-border-color);
    border-top: none;
    overflow: auto;
}

#popup #arsUsePop .btm_btns {
    justify-content: right;
}

/* billingManage_copy */


#popup #createBillPop .body .font_16 {
    width: 10%;
    font-size: 1rem;
    margin: auto 0;
}

#popup #createBillPop .body .datePicker {
    width: 90%;
}

#popup #createBillPop .body .datePicker select {
    width: 49%;
}

#popup #createBillPop .btm_btns {
    flex-wrap: wrap-reverse;
}

#popup #detailBillPop .column,
#popup #detailBillPop .column3 {
    flex: 1 1 0;
}

#popup #detailBillPop .column input,
#popup #detailBillPop .column3 input {
    width: 90%;
    margin: 4px 0 8px;
}

#popup #detailBillPop .column2 {
    width: 97%;
}

#popup #detailBillPop .column2 input {
    margin: 4px 0 8px;
}

#popup #detailBillPop .column3 {
    width: 180px;
}


#popup #detailBillPop .btm_btns {
    justify-content: right;
}

/* terminal */
#popup #addGrpPop .body .clearfix {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    justify-content: space-between;
}

#popup #addGrpPop .body h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

/*#popup #addGrpPop .body input {
    width: 90%;
}*/

#popup #addGrpPop .body .openInnerbtnBox {
    width: 10%;
    text-align: right;
}

#popup #addGrpPop .body .openInnerbtnBox a {
    font-family: 'Pretendard-Regular';
    border-radius: 4px;
    padding: 8px 12px;
    text-decoration: none;
    background-color: var(--white);
    border: 1px solid var(--btn-border-color);
    color: var(--black);
    font-size: 0.9rem;
    vertical-align: middle;
    height: 30px;
}

#popup #addGrpPop .btm_btns {
    flex-wrap: wrap-reverse;
}

#popup #changeGrpPop .body .clearfix {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*#popup #changeGrpPop .body input {
    width: 90%;
}*/

#popup #changeGrpPop .body h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin: 8px 0 4px;
}

#popup #changeGrpPop .body .openInnerbtnBox {
    width: 10%;
    text-align: right;
}

#popup #changeGrpPop .body .openInnerbtnBox a {
    font-family: 'Pretendard-Regular';
    border-radius: 4px;
    padding: 8px 12px;
    text-decoration: none;
    background-color: var(--white);
    border: 1px solid var(--btn-border-color);
    color: var(--black);
    font-size: 0.9rem;
    vertical-align: middle;
    height: 30px;
}

#popup #changeGrpPop .btm_btns {
    flex-wrap: wrap-reverse;
}

#popup #deviceInfoPop .body h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin: 8px 0 4px;
}

#popup #deviceInfoPop .body .clearfix {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#popup #deviceInfoPop .body .openInnerbtnBox {
    width: 10%;
    text-align: right;
}

#popup #deviceInfoPop .body input[type=text] {
    width: 90%;
}

#popup #deviceInfoPop .body .openInnerbtnBox a {
    font-family: 'Pretendard-Regular';
    border-radius: 4px;
    padding: 8px 12px;
    text-decoration: none;
    background-color: var(--white);
    border: 1px solid var(--btn-border-color);
    color: var(--black);
    font-size: 0.9rem;
    vertical-align: middle;
    height: 30px;
}

#popup #deviceInfoPop .body .dp_flex {
    justify-content: space-between;
}

#popup #deviceInfoPop .body .dp_flex .w100 {
    width: 100%;
}

#popup #deviceInfoPop .body input[type=text] {
    width: 100%;
}

#popup #deviceInfoPop .body .dp_flex .mr-5 {
    margin-right: 4px;
}

#popup #deviceInfoPop .body .flex_justify {
    display: flex;
    justify-content: space-between;
}

#popup #deviceInfoPop .body .flex_justify h4 {
    color: var(--black);
    margin: 0;
}

#popup #deviceInfoPop .body .flex {
    display: flex;
    align-items: center;
}

#popup #deviceInfoPop .body .flex input[type=checkbox] {
    margin-right: 4px;
}

#popup #deviceInfoPop .btm_btns {
    flex-wrap: wrap-reverse;
}

#popup #changePop .tab_content {
    height: 400px;
    border: 1px solid var(--input-border-color);
    border-top: none;
    overflow: auto;
}

#popup #changePop .btm_btns {
    justify-content: right;
}

#popup #uploadPop p {
    font-size: 1rem;
}

#popup #uploadPop .body p .link {
    font-weight: bold;
    font-size: 1.1rem;
    color: var(--act-btn-color);
}

#popup #uploadPop .body .filebox {
    margin-top: 16px;
}

#popup #uploadPop .body .filebox input[type=text] {
    margin-left: 4px;
}

#popup #uploadPop .btm_btns {
    flex-wrap: wrap-reverse;
}

#innerPopup #innerChangeGroup .body .topBox {
    align-items: center;
    margin-bottom: 4px;
}

#innerPopup #innerChangeGroup .body .topBox h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    width: 15%;
}

#innerPopup #innerChangeGroup .body .topBox select {
    width: 85%;
}

#innerPopup #innerChangeGroup .tab_content {
    height: 200px;
    border: 1px solid var(--input-border-color);
    border-top: none;
    overflow: auto;
}

#innerPopup #innerChangeGroup .btm_btns {
    justify-content: right;
}

#innerPopup #innerMapPop #map {
    height: 300px;
    border: 1px solid var(--input-border-color);
    margin-bottom: 4px;
}

#innerPopup #innerMapPop .map_info {
    margin-top: 4px;
}

#innerPopup #innerMapPop .map_info div {
    width: 100%;
}

#innerPopup #innerMapPop .map_info div:nth-child(2) {
    display: flex;
    justify-content: right;
    align-items: center;
}

#innerPopup #innerMapPop .map_info span {
    margin-right: 8px;
}

#innerPopup #innerMapPop .map_info input {
    width: 80%;
}

#innerPopup #innerMapPop .btm_btns {
    justify-content: right;
}

#innerPopup #innerChangeUserPop .l_box,
#innerPopup #innerChangeUserPop .r_box {
    padding: 0;
    margin: 8px 0 0 0;
    width: 100%;
}

#innerPopup #innerChangeUserPop .l_box .tab_content {
    height: 420px;
    border: 1px solid var(--input-border-color);
    border-top: none;
    overflow: auto;
}

#innerPopup #innerChangeUserPop .r_box {
    margin-left: 4px;
}

#innerPopup #innerChangeUserPop .r_box .schForm select {
    width: 40%;
    margin-right: 4px;
}

#innerPopup #innerChangeUserPop .r_box .schForm .schInner {
    width: 60%;
}

#innerPopup #innerChangeUserPop .r_box #userDataTable {
    /*height: 496px;*/
    margin-top: 4px;
}

#innerPopup #innerChangeUserPop .btm_btns {
    justify-content: right;
}

#innerPopup #innerSelectExsystePop .innerCont {
    height: 500px;
    border: 1px solid var(--input-border-color);
    border-top: none;
    overflow: auto;
}

#innerPopup #innerSelectExsystePop .btm_btns {
    justify-content: right;
}

/* ewarning */
#popup #addWarningPop h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
}

#popup #addWarningPop .body input[type=text] {
    width: 100%;
    margin: 4px 0 8px;
}

#popup #addWarningPop .body .dp_flex {
    gap: 4px;
    width: 100%;
    margin-top: 4px;
}

#popup #addWarningPop .body .dp_flex select {
    flex: 0 0 calc((100% - 3 * 4px) / 4);
}

#popup #addWarningPop .body .flex_justify {
    display: flex;
}

#popup #addWarningPop .body .flex {
    display: flex;
    align-items: center;
    flex: 1 1 0;
}

#popup #addWarningPop .body .flex input[type=checkbox] {
    margin-right: 4px;
}

#popup #addWarningPop .body .flex h4 {
    color: var(--black);
    font-size: 1rem;
}

#popup #updateWeatherPop .tab_ul {
    display: flex;
}

#popup #updateWeatherPop .tabs li {
    flex: 1;
    float: left;
    border: 1px solid var(--input-border-color);
    border-width: 1px 1px 0 1px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    cursor: pointer;
    padding-bottom: 4px;
}

#popup #updateWeatherPop .innerTabBody {
    border: 1px solid var(--input-border-color);
    padding: 16px 8px;
}

#popup #updateWeatherPop .tabrow {
    margin-top: 4px;
    display: flex;
    align-items: center;
}

#popup #updateWeatherPop .tabrow:nth-child(2) {
    align-items: normal;
}

#popup #updateWeatherPop .d-flex {
    width: 100%;
    align-items: center;
}

#popup #updateWeatherPop .tabrowHead,
#popup #updateWeatherPop .d-flex .tabrowHead {
    width: 20%;
}

#popup #updateWeatherPop .tabrowCol input {
    width: 100%;
}

#popup #updateWeatherPop .list_tab .tab_btn_wrap .tab_btn {
    display: flex;
	justify-content: right;
	margin-top: 8px;
}

#popup #updateWeatherPop .list_tab .tab_btn_wrap .tab_btn li {
    float: left;
    border: 1px solid var(--input-border-color);
    border-width: 1px 1px 0 1px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    cursor: pointer;
    padding: 4px 16px;
}

#popup #updateWeatherPop .tabrowCol {
    width: 80%;
}

#popup #updateWeatherPop .tabrowCol textarea {
    height: 100px;
}

#popup #updateWeatherPop #fileContainerWarning,
#popup #updateWeatherPop #fileContainerAlert,
#popup #updateWeatherPop #fileContainerDanger,
#popup #updateWeatherPop #fileContainerDisaster,
#popup #updateWeatherPop #fileContainerSafe {
    display: flex;
}

#popup #updateWeatherPop #fileContainerWarning #fileFormContainerWarning,
#popup #updateWeatherPop #fileContainerAlert #fileFormContainerAlert,
#popup #updateWeatherPop #fileContainerDanger #fileFormContainerDanger,
#popup #updateWeatherPop #fileContainerDisaster #fileFormContainerDisaster,
#popup #updateWeatherPop #fileContainerSafe #fileFormContainerSafe {
    margin-left: 4px;
}

#popup #updateWeatherPop #fileContainerWarning #fileFormContainerWarning #file_form_warning input[type="file"],
#popup #updateWeatherPop #fileContainerAlert #fileFormContainerAlert input[type="file"],
#popup #updateWeatherPop #fileContainerDanger #fileFormContainerDanger input[type="file"],
#popup #updateWeatherPop #fileContainerDisaster #fileFormContainerDisaster input[type="file"],
#popup #updateWeatherPop #fileContainerSafe #fileFormContainerSafe input[type="file"] {
    appearance: none;
    background: var(--white);
    border: 1px solid var(--btn-border-color);
    padding: 6px;
}

#popup #updateWeatherPop #alertTab,
#popup #updateWeatherPop #dangerTab,
#popup #updateWeatherPop #disasterTab,
#popup #updateWeatherPop #releaseTab {
    display: none;
}

#popup #updateWeatherPop .btm_btns {
    flex-wrap: wrap-reverse;
}

#popup #changeWarningPop h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
}

#popup #changeWarningPop .body {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

#popup #changeWarningPop .body h4 {
    width: 15%;
}

#popup #changeWarningPop .body input {
    width: 85%;
}

#popup #changeWarningPop .dp_flex {
    gap: 4px;
    width: 100%;
    margin: 4px 0 8px;
}

#popup #changeWarningPop .dp_flex select {
    flex: 0 0 calc((100% - 3 * 4px) / 4);
}

#popup #changeWarningPop>div:nth-child(3) {
    margin-top: 8px;
    font-size: 1rem;
}

#popup #changeWarningPop>div:nth-child(3) select {
    width: 20%;
    margin-top: 4px;
}

#popup #changeWarningPop .flex_justify,
#popup #changeWarningPop .flex {
    display: flex;
    align-items: center;
}

#popup #changeWarningPop .flex input[type=checkbox] {
    margin-right: 4px;
}

#popup #changeWarningPop .flex h4 {
    color: var(--black);
    font-size: 1rem;
    margin-right: 24px;
}

#popup #changeWarningPop .btm_btns {
    flex-wrap: wrap-reverse;
}

#popup #addressPop .inner_cont {
    margin: 0;
    padding: 0;
    margin-top: 8px;
    background-color: var(--white);
}

#popup #addressPop .tab_ul {
    display: flex;
}

#popup #addressPop .tabs li {
    flex: 1;
    float: left;
    border: 1px solid var(--input-border-color);
    border-width: 1px 1px 0 1px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    cursor: pointer;
    padding-bottom: 4px;
}

#popup #addressPop .l_box,
#popup #addressPop .r_box {
    width: 100%;
    margin: 0;
    padding: 0;
}

#popup #addressPop .l_box .innerTabBody .tab_content {
    height: 500px;
    padding: 8px;
    border: 1px solid var(--input-border-color);
    border-top: none;
    overflow: auto;
}

#popup #addressPop .r_box {
    margin-left: 4px;
}

#popup #addressPop .r_box .schForm select {
    width: 30%;
}

#popup #addressPop .r_box .schForm .schInner {
    width: 70%;
    margin-left: 4px;
}

#popup #addressPop .r_box #adbkDataTable {
    margin-top: 4px;
}

#popup #weatherPop .inner_cont {
    margin: 0;
    padding: 0;
    margin-top: 8px;
    background-color: var(--white);
}

#popup #weatherPop .schInner {
    display: flex;
    width: 100%;
    margin: 0 0 4px;
    align-items: center;
}

#popup #weatherPop .schInner h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    width: 30%;
}

#popup #weatherPop .schInner select {
    width: 70%;
}

#popup #weatherPop .l_box,
#popup #weatherPop .r_box {
    width: 100%;
    margin: 0;
    padding: 0;
}

#popup #weatherPop .l_box .innerTabBody .tab_content {
    height: 500px;
    padding: 8px;
    border: 1px solid var(--input-border-color);
    border-top: none;
    overflow: auto;
}

#popup #weatherPop .r_box {
    margin-left: 4px;
}

#popup #weatherPop .r_box .schForm select {
    width: 30%;
}

#popup #weatherPop .r_box .schForm .schInner {
    width: 70%;
    margin-left: 4px;
}

#popup #weatherPop .r_box #weatherDataTable {
    margin-top: 4px;
}

#popup #brdcstPop .inner_cont {
    margin: 0;
    padding: 0;
    margin-top: 8px;
    background-color: var(--white);
}

#popup #brdcstPop .l_box,
#popup #brdcstPop .r_box {
    width: 100%;
    margin: 0;
    padding: 0;
}

#popup #brdcstPop .l_box .innerTabBody .tab_content {
    height: 500px;
    padding: 8px;
    border: 1px solid var(--input-border-color);
    border-top: none;
    overflow: auto;
}

#popup #brdcstPop .r_box {
    margin-left: 4px;
}

#popup #brdcstPop .r_box .schForm select {
    width: 30%;
}

#popup #brdcstPop .r_box .schForm .schInner {
    width: 70%;
    margin-left: 4px;
}

#popup #brdcstPop .r_box #brdcstDataTable {
    margin-top: 4px;
}

#popup #noticeAddPop .body h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#popup #noticeAddPop .body #title {
    width: 100%;
    margin-bottom: 16px;
}

#popup #noticeAddPop .body .insertDiv {
    margin-top: 16px;
}

#popup #noticeAddPop .body .insertDiv .dp_flex button {
    margin-left: 16px;
    background-color: var(--white);
    border: 1px solid var(--btn-border-color);
    color: var(--black);
    font-size: 0.8rem;
    display: inline-block;
    font-family: 'Pretendard-Regular';
    padding: 6px 12px 6px 8px;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
}

#popup #noticeAddPop .body .dateSet h4 {
    width: 30%;
}

#popup #noticeAddPop .body .dateSet h4 {
    width: 30%;
}

#popup #noticeAddPop .body .dp_flex {
    align-items: center;
}

#popup #noticeAddPop .btm_btns {
    flex-wrap: wrap-reverse;
}

#popup #noticeUpdatePop .body h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#popup #noticeUpdatePop .body #updateTitle {
    width: 100%;
    margin-bottom: 16px;
}

#popup #noticeUpdatePop .body .uploadDiv {
    margin-top: 16px;
}

#popup #noticeUpdatePop #update_file_upload_btn {
    width: auto;
    margin-left: 16px;
    background-color: var(--white);
    border: 1px solid var(--btn-border-color);
    color: var(--black);
    font-size: 0.8rem;
    display: inline-block;
    font-family: 'Pretendard-Regular';
    padding: 6px 12px 6px 8px;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
}

#popup #noticeUpdatePop .body .dateSet h4 {
    width: 30%;
}

#popup #noticeUpdatePop .body .dp_flex {
    align-items: center;
}

#popup #noticeUpdatePop .btm_btns {
    flex-wrap: wrap-reverse;
}

/* schedulesend */
#popup #addSendSchedulePop h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
}

#popup #addSendSchedulePop .top_btns a {
    margin-right: 4px;
}

#popup #addSendSchedulePop #brdcstDataTable {
    max-height: 200px;
    /*height: 200px;*/
    overflow: auto;
    margin: 4px 0;
    width: 100% !important;
}

#popup #addSendSchedulePop .body div:nth-child(3),
#popup #addSendSchedulePop .body div:nth-child(5) {
    display: flex;
    align-items: center;
    margin: 4px 0;
}

#popup #addSendSchedulePop .body div:nth-child(3) h4,
#popup #addSendSchedulePop .body div:nth-child(5) h4 {
    width: 15%;
}

#popup #addSendSchedulePop .body div:nth-child(3) input,
#popup #addSendSchedulePop .body div:nth-child(5) input {
    width: 85%;
}

#popup #addSendSchedulePop #weekDayDiv {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

#popup #addSendSchedulePop .weekday-item {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    /* 공간에 맞춰 줄어들 수 있도록 */
}

#popup #addSendSchedulePop .weekday-item label {
    margin-left: 4px;
    /* 체크박스와 텍스트 간 간격 */
}

#popup #addSendSchedulePop .justfiy-space-between {
    margin: 4px 0;
}

#popup #addSendSchedulePop .justfiy-space-between .w-100p input {
    width: 100%;
    margin-top: 4px;
}

#popup #addSendSchedulePop .justfiy-space-between .w-100p:nth-child(1) {
    margin-right: 4px;
}

#popup #addSendSchedulePop .dp_flex {
    align-items: center;
    width: 100%;
    gap: 4px;
    margin: 4px 0;
}

#popup #addSendSchedulePop .dp_flex label {
    color: var(--popup-h4-color);
    width: 10%;
    white-space: nowrap;
}

#popup #addSendSchedulePop .dp_flex select {
    width: 30%;
}

#popup #addSendSchedulePop .dp_flex #startChime,
#popup #addSendSchedulePop .dp_flex #endChime {
    width: 35%;
}

#popup #addSendSchedulePop #bmsSendMsgTabArea .d-ruby {
    width: 50%;
}

#popup #addSendSchedulePop #bmsSendMsgTabArea .d-ruby h4 {
    width: 15%;
}

#popup #addSendSchedulePop #bmsSendMsgTabArea .tab_btn_wrap {
    display: flex;
    align-items: center;
}

#popup #addSendSchedulePop #bmsSendMsgTabArea .tab_btn_wrap li {
    color: var(--act-btn-color);
    font-family: 'Pretendard-bold';
}

#popup #addSendSchedulePop #fileFormContainer,
#popup #addSendSchedulePop #fileContainer {
    display: flex;
    width: 100%;
}

#popup #addSendSchedulePop #fileFormContainer #file_form {
    margin-left: 4px;
    width: 100%;
}

#popup #addSendSchedulePop #fileFormContainer #file_form input[type="file"] {
    appearance: none;
    background: var(--white);
    border: 1px solid var(--btn-border-color);
    padding: 6px;
    width: 100%;
}

#popup #addSendSchedulePop .btm_btns {
    flex-wrap: wrap-reverse;
}

/* moduleManage */
#popup #modulePop h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
}

#popup #modulePop .body input[type="text"] {
    width: 100%;
    margin: 4px 0 8px;
}

#popup #modulePop .body .radio-group #isUsedN {
    margin-left: 8px;
}

#popup #modulePop .btm_btns {
    flex-wrap: wrap-reverse;
}

/* replyManage */
#popup #replyRequestPopup h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#popup #replyRequestPopup select, #popup #replyRequestPopup input {
    width: 100%;
}

#popup #replyRequestPopup .body .clearfix {
    display: flex;
    /*justify-content: space-between;*/
    margin: 4px 0 8px;
}

#popup #replyRequestPopup .body .clearfix .openInnerbtnBox {
    width: 25%;
    text-align: right;
}

#popup #replyRequestPopup .body .clearfix .openInnerbtnBox a {
    /*background-color: var(--white);*/
    /*border: 1px solid var(--btn-border-color);*/
    /*color: var(--black);*/
    /*font-size: 0.8rem;*/
    /*height: 35px;*/
    /*display: inline-block;*/
    /*font-family: 'Pretendard-Regular';*/
    /*padding: 10px 12px 6px 8px;*/
    /*border-radius: 4px;*/
    /*vertical-align: middle;*/
    /*text-decoration: none;*/
}

#popup #replyRequestPopup #remarks {
    margin: 4px 0 8px;
    height: 100px;
}

#popup #replyRequestPopup #remarks[readonly] {
    background-color: #f5f5f5;
    color: #999;
}

#popup #replyRequestPopup #replyNumberDocsInfoPopupA {
    text-decoration: none;
    color: var(--act-btn-color);
    font-family: 'Pretendard-bold';
}

#popup #replyRequestPopup .body .d-flex {
    align-items: center;
}

#popup #replyRequestPopup .body .d-flex #file_upload_btn {
    background-color: var(--white);
    border: 1px solid var(--btn-border-color);
    color: var(--black);
    font-size: 0.8rem;
    height: 35px;
    display: inline-block;
    font-family: 'Pretendard-Regular';
    padding: 6px 12px 6px 8px;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
    margin-left: 8px;
}

#popup #replyRequestPopup .btm_btns {
    flex-wrap: wrap-reverse;
}

#innerPopup #replyNumberDocsInfoPopup .body a {
    text-decoration: none;
    color: var(--act-btn-color);
    font-family: 'Pretendard-bold';
}

#innerPopup #replyNumberDocsInfoPopup #replyNumberDocsInfo {
    height: 200px;
}

#innerPopup #replyNumberDocsInfoPopup .btm_btns {
    justify-content: right;
}

#innerPopup #rejectPopup #rejectReason {
    height: 200px;
    overflow: auto;
}

#innerPopup #rejectPopup .btm_btns {
    flex-wrap: wrap-reverse;
}

/* termMdMng */
#popup #cidInfoPop h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#popup #cidInfoPop .body input,
#popup #cidInfoPop .body select {
    width: 100%;
    margin: 4px 0 8px;
}

#popup #cidInfoPop .btm_btns {
    flex-wrap: wrap-reverse;
}

#popup #mdInfoPop h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#popup #mdInfoPop .body select {
    width: 100%;
    margin: 4px 0 8px;
}

#popup #mdInfoPop .btm_btns {
    flex-wrap: wrap-reverse;
}

#innerPopup #innerChangePop .body .tabs .clearfix {
    display: flex;
}

#innerPopup #innerChangePop .tabs li {
    flex: 1;
    float: left;
    border: 1px solid var(--input-border-color);
    border-width: 1px 1px 0 1px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    cursor: pointer;
    padding-bottom: 4px;
}

#innerPopup #innerChangePop .tabs li a {
    display: block;
    color: var(--btn-border-color);
    padding-top: 10px;
    text-decoration: none;
}

#innerPopup #innerChangePop .tabs li.active {
    background-color: var(--act-btn-color);
    border-bottom-style: none;
}

#innerPopup #innerChangePop .tabs li.active a {
    color: var(--white);
    font-weight: bold;
}

#innerPopup #innerChangePop .tab_content {
    overflow: auto;
}

/* 기본 트리 스타일 */
#innerPopup #innerChangePop #innerPopTree1 ul,
#innerPopup #innerChangePop #innerPopTree2 ul {
    list-style: none;
    /* 기본 점 제거 */
    padding-left: 20px;
    /* 들여쓰기 */
    margin: 0;
}

#innerPopup #innerChangePop #innerPopTree1 li,
#innerPopup #innerChangePop #innerPopTree2 li {
    position: relative;
    margin: 5px 0;
    padding-left: 20px;
    /* 아이콘 여백 */
    cursor: pointer;
    font-size: 14px;
    color: var(--black);
}

/* 트리 선형 느낌을 위한 가상 요소 */
#innerPopup #innerChangePop #innerPopTree1 li::before,
#innerPopup #innerChangePop #innerPopTree2 li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 1px;
    background: #ccc;
    /* 연결선 */
}

/* 하위 항목의 첫 번째 li에 연결선 표시 */
#innerPopup #innerChangePop #innerPopTree1 li li::before,
#innerPopup #innerChangePop #innerPopTree2 li li::before {
    background: #aaa;
}

/* 자식 ul이 있는 li 강조 */
#innerPopup #innerChangePop #innerPopTree1 li>ul,
#innerPopup #innerChangePop #innerPopTree2 li>ul {
    margin-top: 4px;
    border-left: 1px dashed #ccc;
    padding-left: 10px;
}

/* tideBrdMng */
#popup #addTideBrdPop .body .flex_justify {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

#popup #addTideBrdPop .body .flex_justify div {
    flex: 1 1 0;
    width: 100%;
}

#popup #addTideBrdPop .body .flex_justify div label {
    margin-right: 4px;
}

#popup #addTideBrdPop .body .flex_justify div select {
    width: 60%;
}

#popup #addTideBrdPop .body .top_btns {
    margin-bottom: 8px;
}

#popup #addTideBrdPop .body .top_btns .openbtnBox a,
#popup #addTideBrdPop .body .top_btns .openbtnBox button {
    background-color: var(--white);
    border: 1px solid var(--btn-border-color);
    color: var(--black);
    font-size: 0.8rem;
    height: 35px;
    display: inline-block;
    font-family: 'Pretendard-Regular';
    padding: 6px 12px 6px 8px;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
}

#popup #addTideBrdPop .body .top_btns .openbtnBox a {
    margin-right: 8px;
    padding: 10px 12px 6px 8px;
}

#popup #addTideBrdPop .body .d-inline-block {
    margin: 4px 0 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

#popup #addTideBrdPop .body .d-inline-block .form-group {
    flex: 1 1 0;
}

#popup #addTideBrdPop .body .d-inline-block .form-group label {
    width: 20%;
}

#popup #addTideBrdPop .body .d-inline-block .form-group select {
    width: 80%;
}

#popup #addTideBrdPop .body .d-inline-block+.d-inline-block .form-group label {
    width: 30%;
}

#popup #addTideBrdPop .body .d-inline-block+.d-inline-block .form-group select {
    width: 70%;
}

#popup #addTideBrdPop .btm_btns {
    flex-wrap: wrap-reverse;
}


#popup #addTideBrdPop .body #sendTimeContainer button {
    background-color: var(--white);
    border: 1px solid var(--btn-border-color);
    color: var(--black);
    font-size: 0.8rem;
    height: 35px;
    display: inline-block;
    font-family: 'Pretendard-Regular';
    padding: 6px 16px;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
}

#popup #addTideBrdPop .body #sendTimeContainer .sendTimeRow {
    width: 100%;
    align-items: center;
    margin-top: 8px;
}

#popup #addTideBrdPop .body #sendTimeContainer .sendTimeRow input,
#popup #addTideBrdPop .body #sendTimeContainer .sendTimeRow select {
    width: 30%;
    margin: 0 16px 0 4px;
}

#popup #addTideBrdPop .body #bmsSendMsgTabArea .flexBtw-i .d-ruby {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#popup #addTideBrdPop .body #bmsSendMsgTabArea .flexBtw-i .d-ruby button {
    color: var(--act-btn-color);
    font-family: 'Pretendard-bold';
}

#popup #addTideBrdPop .body #bmsSendMsgTabArea #msgContent {
    height: 150px;
    overflow-y: scroll;
}

/* tideGrpMng */
#popup #tideGrpPop .column {
    margin-bottom: 8px;
}

#popup #tideGrpPop .align-center {
    align-items: center;
}

#popup #tideGrpPop .body h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
}

#popup #tideGrpPop .align-center label {
    margin: 0 16px 0 4px;
}

#popup #tideGrpPop .h-20 {
    flex-direction: column;
    align-items: normal;
    margin-bottom: 8px;
}

#popup #tideGrpPop #complainTimeInput h4 {
    color: var(--black);
    font-size: 0.9rem;
    margin-right: 8px;
}

#popup #tideGrpPop #complainTimeInput .dp_flex .w40 {
    flex: 1 1 0;
}

#popup #tideGrpPop .column .flexBtw {
    margin-top: 4px;
    flex-direction: column;
}

#popup #tideGrpPop .column .flexBtw .w30 input {
    width: 100%;
    margin-bottom: 4px;
}

#popup #tideGrpPop .column .flexBtw .schForm select {
    width: 30%;
}

#popup #tideGrpPop .column .flexBtw .schForm .schInner {
    width: 70%;
}

#popup #tideGrpPop #tideStationListTable {
    height: 200px;
}

#popup #tideGrpPop .btm_btns {
    flex-wrap: wrap-reverse;
}

#popup #tideGrpModPop .column {
    margin-bottom: 8px;
}

#popup #tideGrpModPop .justify_center {
    justify-content: space-between;
}

#popup #tideGrpModPop .align-center {
    align-items: center;
}

#popup #tideGrpModPop .body h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
}

#popup #tideGrpModPop .align-center label {
    margin: 0 16px 0 4px;
}

#popup #tideGrpModPop .h-20 {
    flex-direction: column;
    align-items: normal;
    margin-bottom: 8px;
}

#popup #tideGrpModPop #modComplainTimeInput .dp_flex {
    justify-content: space-between;
}

#popup #tideGrpModPop #modComplainTimeInput .dp_flex h4 {
    margin-right: 4px;
}

#popup #tideGrpModPop .btm_btns {
    flex-wrap: wrap-reverse;
}

/* user */
#popup #userDtlPop h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#popup #userDtlPop .row {
    justify-content: space-between;
}

#popup #userDtlPop .column {
    margin-bottom: 8px;
    flex: 1 1 0;
}

#popup #userDtlPop .column input[type=text],
#popup #userDtlPop .column select {
    width: 100%;
	margin-bottom: 4px;
}

#popup #userDtlPop .column .openInnerbtnBox a {
	background-color: var(--white);
	border: 1px solid var(--btn-border-color);
	color: var(--black);
	font-size: 0.8rem;
	height: 35px;
	display: inline-block;
	font-family: 'Pretendard-Regular';
	padding: 8px 12px 6px 8px;
	border-radius: 4px;
	vertical-align: middle;
	text-decoration: none;
}

#popup #userDtlPop .column .clearfix .openInnerbtnBox {
    text-align: right;
}

#popup #userDtlPop .row .column:nth-of-type(2) {
    margin-left: 8px;
}

#popup #userDtlPop .row.h-85 .column {
    display: flex;
    flex-direction: column;
}

#popup #userDtlPop .row.h-85 .column span {
    font-size: 0.9rem;
    color: var(--btn-border-color);
    margin-top: 2px;
}

#popup #userDtlPop .column .radio-group label {
    margin-right: 16px;
}

#popup #userDtlPop .btm_btns {
    flex-wrap: wrap-reverse;
}

/* userApp */
#popup #userAppPopup h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#popup #userAppPopup .row {
    flex-direction: column;
}

#popup #userAppPopup .row .column select {
    width: 100%;
    margin-bottom: 8px;
}

#popup #userAppPopup .btm_btns {
    flex-wrap: wrap-reverse;
}

#popup #userAppPop h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#popup #userAppPop .row {
    justify-content: space-between;
}

#popup #userAppPop .column {
    margin-bottom: 8px;
    flex: 1 1 0;
}

#popup #userAppPop .column input[type=text],
#popup #userAppPop .column select {
    width: 100%;
	margin-bottom: 4px;
}

#popup #userAppPop .column .openInnerbtnBox a {
	background-color: var(--white);
	border: 1px solid var(--btn-border-color);
	color: var(--black);
	font-size: 0.8rem;
	display: inline-block;
	font-family: 'Pretendard-Regular';
    padding: 12px 15px;
	border-radius: 4px;
	vertical-align: middle;
	text-decoration: none;
}

#popup #userAppPop .column .clearfix {
    display: flex;
}

#popup #userAppPop .column .clearfix .openInnerbtnBox {
    text-align: center;
}

#popup #userAppPop .row .column:nth-of-type(2) {
    margin-left: 8px;
}

#popup #userAppPop .row.h-85 .column {
    display: flex;
    flex-direction: column;
}

#popup #userAppPop .row.h-85 .column span {
    font-size: 0.9rem;
    color: var(--btn-border-color);
    margin-top: 2px;
}

#popup #userAppPop .column .radio-group label {
    margin-right: 16px;
}

#popup #userAppPop .btm_btns {
    flex-wrap: wrap-reverse;
}

/* userGroup */
#userGrpSelPopup {
	height: 100%;
	overflow: auto;
}

#popup #userGroupPopupWrap #userGrpSelPopup .btm_btns {
    justify-content: right;
}

#popup #userGroupPopupWrap #userGroupImagePopup #file_upload_btn {
    /*background-color: var(--white);*/
    /*border: 1px solid var(--btn-border-color);*/
    /*color: var(--black);*/
    font-size: 12px;
    /*height: 35px;*/
    /*display: inline-block;*/
    /*font-family: 'Pretendard-Regular';*/
    /*padding: 6px 12px 6px 8px;*/
    /*border-radius: 4px;*/
    /*vertical-align: middle;*/
    /*text-decoration: none;*/
}

#popup #userGroupPopupWrap #userGroupImagePopup .userGroupImagePopupBtnDiv button {
    color: var(--black);
    font-family: 'Pretendard-bold';
    font-size: 1rem;
    margin-right: 16px;
    border-radius: 4px;
}

/*#popup #userGroupPopupWrap {*/
/*    height: 200px;*/
/*}

#popup #userGroupImagePopup .btm_btns {
    flex-wrap: wrap-reverse;
}

#popup #userGroupPopupWrap #bankMngPopup .top_btns button {
    background-color: var(--white);
    border: 1px solid var(--btn-border-color);
    color: var(--black);
    font-size: 0.8rem;
    height: 35px;
    display: inline-block;
    font-family: 'Pretendard-Regular';
    padding: 6px 12px 6px 8px;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
}

#popup #userGroupPopupWrap #bankMngPopup .schForm #srchBankMngSelect {
    width: 40%;
    margin-right: 4px;
}

#popup #userGroupPopupWrap #bankMngPopup .schForm .schInner {
    width: 55%;
}

#popup #userGroupPopupWrap #bankMngPopup .btm_btns {
    justify-content: right;
}

#innerPopup #eqpmnListInnerPop .body .inner_cont {
    margin: 0;
    padding: 0;
    margin-top: 8px;
    background-color: var(--white);
}

#innerPopup #eqpmnListInnerPop .l_box,
#innerPopup #eqpmnListInnerPop .r_box {
    width: 100%;
    margin: 0;
    padding: 0;
}

#innerPopup #eqpmnListInnerPop .r_box {
    margin-left: 4px;
}

#innerPopup #eqpmnListInnerPop .l_box .innerTabBody .schForm {
    flex-direction: column;
}

#innerPopup #eqpmnListInnerPop .l_box .innerTabBody .tab_content {
    height: 500px;
    padding: 8px;
    border: 1px solid var(--input-border-color);
    border-top: none;
    overflow: auto;
}

#innerPopup #eqpmnListInnerPop .r_box .schForm {
    flex-direction: column;
}

#innerPopup #eqpmnListInnerPop .r_box #eqpmnPopDataTable {
    height: 500px;
}

#innerPopup #eqpmnListInnerPop .btm_btns {
    justify-content: right;
}

#innerPopup #bankDtlPop h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#innerPopup #bankDtlPop select,
#innerPopup #bankDtlPop input {
    width: 100%;
    margin-bottom: 8px;
}

#innerPopup #bankDtlPop .btm_btns {
    flex-wrap: wrap-reverse;
}

/* weatherdata */
#popup #weatherDataDtlPop {
    min-width: 500px;
}

#popup #weatherDataDtlPop .body #srchWeatherDataPopupSelect {
    width: 30%;
    margin-right: 4px;
}

#popup #weatherDataDtlPop .body .schInner {
    width: 70%;
}

#popup #weatherDataDtlPop .body #weatherDataPopDataTable {
    margin-top: 4px;
    /*height: 40vh;*/
}

#popup #weatherDataDtlPop .btm_btns {
    justify-content: right;
}

/* bmsSend */
#popup #popupWrap #msgBookPop .body {
    width: 100%;
}

#popup #popupWrap #msgBookPop .body .tab_ul {
    display: flex;
}

#popup #popupWrap #msgBookPop .body .schForm {
    flex-direction: column;
}

#popup #popupWrap #msgBookPop .body #msgBookTable {
	width: 100% !important;
}

#popup #popupWrap #msgBookPop .body .innerTabBody {
    margin-left: 16px;
}

#popup #popupWrap #msgBookPop .body .innerTabBody .mt-10 {
    margin-top: 10px;
}

#popup #popupWrap #msgBookPop .body .innerTabBody .schInner p {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#popup #popupWrap #msgBookPop .body .innerTabBody #msgBookSubjectText {
    height: 330px;
    overflow: auto;
}

#popup #popupWrap #msgBookPop .body .innerTabBody .d-flex {
    align-items: center;
}

#popup #popupWrap #msgBookPop .body .innerTabBody .d-flex p {
    width: 30%;
}

#popup #popupWrap #msgBookPop .body .innerTabBody #bookmarkMsgType {
    width: 70%;
}

#popup #popupWrap #msgBookPop .body .top_btns {
    margin-top: 8px;
    justify-content: flex-end;
}

#popup #popupWrap #msgBookPop .body .top_btns button {
    background-color: var(--white);
    border: 1px solid var(--btn-border-color);
    color: var(--black);
    font-size: 0.8rem;
    height: 35px;
    font-family: 'Pretendard-Regular';
    padding: 6px 24px;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
}

#popup #popupWrap #msgBookPop .btm_btns {
    justify-content: right;
}

#popup #popupWrap #preListenPop {
    /* msgSend tideBrdMng 겹침 */
}

/* msgSend */
#popup #selectSendPop .inner_cont {
    margin: 0;
    padding: 0;
    margin-top: 8px;
    background-color: var(--white);
}

#popup #selectSendPop .l_box,
#popup #selectSendPop .r_box {
    width: 100%;
    margin: 0;
    padding: 0;
}

#popup #selectSendPop .r_box {
    margin-left: 4px;
}

#popup #selectSendPop .tab_ul {
    display: flex;
}

#popup #selectSendPop #srchAdbkGrpMng {
    height: 40px;
}

#popup #selectSendPop .l_box .tab_content {
    overflow: auto;
    border: 1px solid var(--input-border-color);
    border-top: none;
}

#popup #selectSendPop .r_box .schForm {
    flex-direction: column;
}

#popup #selectSendPop .r_box #adbkDataTableSelect {
    margin-top: 4px;
}

#popup #selectSendPop .btm_btns {
    justify-content: right;
}


#popup #selectEqpmnPop .inner_cont {
    margin: 0;
    padding: 0;
    margin-top: 8px;
    background-color: var(--white);
}

#popup #selectEqpmnPop .l_box,
#popup #selectEqpmnPop .r_box {
    width: 100%;
    margin: 0;
    padding: 0;
}

#popup #selectEqpmnPop .r_box {
    margin-left: 4px;
}

#popup #selectEqpmnPop .l_box .tab_content {
    height: 440px;
    overflow: auto;
    border: 1px solid var(--input-border-color);
    border-top: none;
}

#popup #selectEqpmnPop .r_box .schForm {
    flex-direction: column;
}

#popup #selectEqpmnPop .r_box #eqpmnDataTableSelect {
    margin-top: 4px;
    /*height: 400px;*/
}

#popup #selectEqpmnPop .btm_btns {
    justify-content: right;
}

#popup #msgBookPop .tab_ul li a {
    text-decoration: none;
}

#popup #replyNoPop .body {
    width: 100%;
}

#popup #replyNoPop .schForm #srchSendReplySelect {
    width: 30%;
}

#popup #replyNoPop .schForm .schInner {
    width: 70%;
}

#popup #replyNoPop #sendReplyTable {
    margin-top: 4px;
}

#popup #replyNoPop .btm_btns {
    justify-content: right;
}

/* sendhistory */
#popup #rsltDtlPop .body {
	height: 60vh;
	overflow: auto;
}

#popup #rsltDtlPop .flexBtw {
    justify-content: space-between;
}

#popup #rsltDtlPop .body .dp_flex .dp_flex .rslt label {
    margin-right: 6px;
}

#popup #rsltDtlPop .body .dp_flex .dp_flex button,
#popup #rsltDtlPop .body .dp_flex .top_btns button {
    background-color: var(--white);
    border: 1px solid var(--btn-border-color);
    color: var(--black);
    font-size: 0.8rem;
    height: 35px;
    display: inline-block;
    font-family: 'Pretendard-Regular';
    padding: 6px 12px;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
    margin-left: 4px;
}

#popup #rsltDtlPop .d-table {
    width: 100%;
}

#popup #rsltDtlPop .d-table .d-table-sell {
    display: block;
}

#popup #rsltDtlPop .d-table .d-table-sell input {
    width: 100%;
    margin: 4px 0 12px;
}

#popup #rsltDtlPop #rsltMsgContent {
    width: 100%;
    height: 59px;
    overflow: auto;
}

#popup #rsltDtlPop #srchSendHistoryDtlSelect {
    width: 30%;
}

#popup #rsltDtlPop .btm_btns {
    justify-content: right;
}

#popup #rsltDtlPop .dp_flex form {
    width: 70%;
    margin-left: 4px;
}

#popup #rsltDtlPop .pt-10 {
    padding-top: 10px;
}

#popup #rsltDtlPop .table_wrap {
    margin-top: 4px;
}

#popup #rsrvDtlPop .flexBtw {
    flex-direction: column;
}

#popup #rsrvDtlPop #srchMsgRsltDtlSel {
    width: 30%;
}

#popup #rsrvDtlPop form {
    width: 70%;
}

#popup #rsrvDtlPop .btm_btns {
    justify-content: right;
}

#extraPopup #disasterStatePop .extraBody_top {
    justify-content: space-between;
}

#extraPopup #disasterStatePop .extraBody_top .steps {
    width: 100%;
}

#extraPopup #disasterStatePop .extraBody_top .openInnerbtnBox {
    width: 100%;
}

#extraPopup #disasterStatePop .extraBody_top .openInnerbtnBox a {
    color: var(--act-btn-color);
    font-family: 'Pretendard-bold';
    text-decoration: none;
}

#extraPopup #disasterStatePop .extraBody_body .topBox h4,
#extraPopup #disasterStatePop .extraBody_body .btmBox h4 {
    color: var(--popup-h4-color);
    font-size: 1.1rem;
    margin-bottom: 4px;
}

#extraPopup #disasterStatePop .extraBody_body .topBox {
    border: 1px solid red;
}

#extraPopup #disasterStatePop .extraBody_body .btmBox {
    border: 1px solid red;
}


#innerPopup #extraInnerPop .flexBtw {
    justify-content: space-between;
}

#innerPopup #extraInnerPop .flexBtw .top_btns {
    width: 100%;
}

#innerPopup #extraInnerPop .flexBtw .top_btns button {
    background-color: var(--white);
    border: 1px solid var(--btn-border-color);
    color: var(--black);
    font-size: 0.8rem;
    height: 35px;
    display: inline-block;
    font-family: 'Pretendard-Regular';
    padding: 6px 12px;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
}

#innerPopup #extraInnerPop .flexBtw form {
    width: 100%;
}

#innerPopup #extraInnerPop .btm_btns {
    flex-wrap: wrap-reverse;
}

/* Audio Box */
.audiojs {width: 100%; height: auto; overflow: visible; padding:30px 20px;}

.audiojs .scrubber {position: relative; width: 100%; background: #fff; height: 5px; overflow: visible; cursor: pointer; border-radius:3px;}
.audiojs .scrubber .progress {position: absolute; top: 0; left: 0; height: 100%; width: 0; background: #366AD9; z-index: 3; border-radius:3px;}
.audiojs .scrubber .progress .play_circle {position: relative; width: 16px; height: 16px; background-color: #366AD9; margin-left: auto; border-radius: 100%; border: solid 1px #366AD9; top: -5px; left: 0; z-index: 10;}
.audiojs .scrubber .loaded {position: absolute; width: 100% !important; top: 0; left: 0; height: 100%; background: #dbdbdb; border-radius:3px;}

.audiojs .play_btn_frame {display: table; width: auto; height: auto; margin: auto;}
.audiojs .play-pause {display: table-cell; width: 46px; height: 46px; border: solid 1px #366AD9; background-color: #366AD9; border-radius: 100%; cursor: pointer; vertical-align: top;}
.audiojs .play {display: none; width: 100%; height: 100%; background-repeat:no-repeat; content:""; background-image: url('/static/images/main/btn-play-white.png'); background-position: center center; background-size: 16px auto;}
.audiojs .pause {display: none; width: 100%; height: 100%; background-repeat:no-repeat; content:""; background-image: url('/static/images/main/btn-pause.png'); background-position: center center; background-size: 16px auto;}
.audiojs .play_btn_frame .stop_btn {display: table-cell; width: 46px; height: 46px; border: solid 1px #366AD9; background-color: #fff; border-radius: 100%; margin: auto; cursor: pointer; background-repeat:no-repeat; content:""; background-image: url('/static/images/main/btn-stop-blue.png'); background-position: center center; background-size: 16px auto;}
.audiojs .blank_side_15 {display: table-cell; width: 15px; height: 15px;}

.audiojs audio { position: absolute; left: -1px; }
.audiojs .play { display: block; }
.audiojs .time { display: block; width: 100%; height: auto; padding-top:10px;}
.audiojs .time .played { float: left; }
.audiojs .time .duration { float: right; }

.audiojs .time em { font-style: normal; }
.audiojs .error-message { display: none; margin: 0 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }

.playing .play, .playing .loading, .playing .error { display: none; }
.playing .pause { display: block; }
.loading .play, .loading .pause, .loading .error { display: none; }
.loading .loading { display: block; }

.essential::after {
	content: '*';
	color: #FF4040;
}

#alertStaffTab,
#dangerStaffTab,
#disasterStaffTab {
    display: none;
}

.arsScenarioPopup {
	max-height: 900px;
	width: 1200px;
}

#noticeUpdatePop #update_file_change img{
	width: 15px;
}

#file_change div span{
	margin-right: 8px;
}

#file_change div img{
	width: 15px;
}


/* dataTables */
.dataTables_scrollHeadInner {
	width: 100% !important;
}

.no-footer {
	width: 100% !important;
}

.eventBtn {
	white-space: nowrap;
}

#innerPopup #brdcstPop .inner_cont {
    flex-direction: column;
	padding: 0;
}

#innerPopup #brdcstPop .inner_cont .l_box,
#innerPopup #brdcstPop .inner_cont .r_box{
    width: 100%;
}
#innerPopup #brdcstPop .inner_cont .l_box .innerTabBody{
    height: 25vh;
}

#innerPopup #brdcstPop .inner_cont .l_box .innerTabBody .tab_content {
    height: 20vh;
	overflow: auto;
}

#popup #addSendSchedulePop #bmsSendMsgTabArea .tab_btn_wrap li {
    float: left;
    border: 1px solid var(--input-border-color);
    border-width: 1px 1px 0 1px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    cursor: pointer;
	padding: 4px 16px;
	color: black;
}

#selectSendPop .tab_content {
    height: 450px;
}
.userSelectPopup {
    max-height: 850px !important;
    max-width: 1200px !important;
    width: 100% !important;
}

#arsEqpmnListPop #arsEqpmnGrpTree {
    max-height: 200px;
}

.jstree {
    padding-top: 5px;
}
#addSendSchedulePop .top .btn_close {
	right : 50px
}

#brdcstPopDataTable_wrapper {
	overflow: auto;
	height: 20vh;
}

/*#addSendSchedulePop .top {
	position: fixed;
}*/


/* ===========================================================================================
로딩 페이지
=========================================================================================== */
#loading {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.7);
	display: none;
}

#loading>svg {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#popup #tideStationListTable_wrapper {
	height: 30vh;
	overflow: auto;
}

#popup #addTideBrdPop .body #bmsSendMsgTabArea .flexBtw-i .d-ruby button {
	background-color: var(--white);
    border: 1px solid var(--btn-border-color);
    color: var(--black);
    font-size: 0.8rem;
    height: 35px;
    display: inline-block;
    font-family: 'Pretendard-Regular';
    padding: 6px 12px 6px 8px;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
}

#addQuestionButton {
    background-color: var(--white);
    border: 1px solid var(--btn-border-color);
    color: var(--black);
    font-size: 0.8rem;
    height: 35px;
    display: inline-block;
    font-family: 'Pretendard-Regular';
    padding: 6px 12px 6px 8px;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
	white-space: nowrap;
}

#arsScenarioPop #questionTable {
    width: 100%;
}

#arsScenarioPop td {
    text-align: center;
	border: 1px solid #ddd;
	display: table-cell;
}

#arsScenarioPop td input,
	#arsScenarioPop td select{
	    width: 90%;
	}

#questionTable .arsResponse th:nth-child(1),
#questionTable .arsResponse th:nth-child(2),
#questionTable .arsResponse th:nth-child(3) {
    width: 3%;
    min-width: 60px;
}


#arsScenarioPop .addItem, .addQuestion {
    width: 100%;
    background-color: #359edc;
    color: white !important;
    font-size: 0.8rem;
    display: inline-block;
    font-family: 'Pretendard-Regular';
    padding: 5px 10px;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
}


#arsScenarioPop .removeQuestion , .removeItem{
    width: 100%;
    background-color: #dc3545 !important;
    color: white !important;;
    font-size: 0.8rem;
    display: inline-block;
    font-family: 'Pretendard-Regular';
    padding: 5px 10px;
    border-radius: 4px;
    vertical-align: middle;
    text-decoration: none;
}

#arsScenarioPop .body {
	overflow: auto;
	height: 60vh;
}

#popupAdbkDataTable_wrapper{
	height: 30vh;
	overflow: auto;
}

.dataTables_paginate {
	font-size: larger;
	color: var(--dataTables_paginate-color);
	text-align: center
}

statusInfo {
  position: relative;
  display: inline-block;
  cursor: help;
  font-weight: bold;
  margin-bottom: 5px;
}

.statusInfo .tooltip {
  display: none;
  position: absolute;
  width: 600px;
  background: rgba(0, 0, 0, 0.85);
  color: #F8F7FC;
  padding: 10px;
  border-radius: 6px;
  font-size: 13px;
  z-index: 3;
  white-space: normal;
}

.loading-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	z-index: 50;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.loading-overlay img {
	width: 40px;
	height: 40px;
}

#rcsMngBrandList {
	position: relative;
}

#rcsMngChatbotList {
	position: relative;
}

/* 호버 시 해당 .tooltip만 표시 */
.statusInfo:hover > .tooltip {
    display: block;
}

/* RCS 메시지 발송 */
#rcsMsgSendContent .lbox {
    width: 40% !important;
	background-color: var(--white) !important;
}

#rcsMsgSendContent .rbox {
    width: 22% !important;

	background-color: var(--white) !important;
}

#rcsMsgSendContent .send_box {
    width: 38% !important;
	margin-right: 8px;
	background-color: var(--white) !important;
}

/*#rcsMsgSendContent .btn_download {
    height: 34px !important;
}*/

#rcsMsgSendContent #rcs_top_btns {
    width: 100%;
    justify-content: flex-end;
}

#rcsMsgSendContent #srchAdbkForm {
    width: 100% !important;
}

#rcsMsgSendContent #msgContent {
    width: 100%;
    height: 250px;
    overflow-y: scroll;
    resize: none;
}

#rcsMsgSendContent #msgBottom {
    margin: 0 10px;
}

#rcsMsgSendContent #msgBottom p {
    float: left;
}

#rcsMsgSendContent #msgBottom #charDisplay {
    margin-left: 78%;
    margin-bottom: 10px
}

#rcsMsgSendContent .filebox {
    height: 30px;
    display: block;
    margin: 15px;
    clear: both;
}

#rcsMsgSendContent #fileInput {
    width: 59.5%;
}

#openButtonAddPop .body {
    width: 100% !important;
}

#openButtonAddPop #buttonType {
    width: 100% !important;
}

#rcsMsgSendContent #msgBottom {
    height: 30px;
}

#rcsMsgSendContent #buttonAddDiv {
    padding: 0 5px;
}

#rcsMsgSendContent [name="addButtonBtn"] {
    width: 32.5% !important;
    min-width: 32.5% !important;
    margin: 0 !important;
    justify-content: space-between;
}

#rcsMsgSendContent #sendMsgBtnDiv {
    padding: 5px;
}

#rcsMsgSendContent #fallbackMsgDiv,
#rcsMsgSendContent #msgContentDiv {
    padding: 5px;
}

.icon-list .radiobox input[type=radio] + label img {
    width: 25px;
    height: 25px;
    border-radius: 6px;
}

.icon-list .radiobox .no-img {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
	font-size: small
}

.icon-list {
    display: flex;
    background-color: white
}

.icon-list .radiobox {
    border: 1px solid #ddd;
    /* 기본 테두리 */
    border-radius: 8px;
    padding: 5px;
    margin-right: 8px;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
	height: 40px;
	width: 40px;
}

.icon-list .radiobox input[type="radio"] {
    display: none;
}

.icon-list .radiobox label {
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
}

.icon-list .radiobox.selected {
    border: 1px solid #2E5193;
}

#previewArea {
    background-color: #F2F2F2;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 800px;
    margin: 0 auto;
    padding: 10px
}

/* 상단 제목 */
/* 제목 영역 */
#previewArea .m-title {
    display: flex;
    align-items: center;
    width: 100%;
}

#previewArea .m-title2 {
    display: flex;
    align-items: center;
    width: 100%;
}

/* 왼쪽 로고 */
#previewArea .m-logo {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    object-fit: cover;
    margin-right: 8px;
}

/* 오른쪽 로고 */
#previewArea .m-logo2 {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    object-fit: cover;
    margin-left: auto;
}

#previewArea .m-title span {
    font-size: 17px;
    font-weight: bold;
    color: #1e1e1e;
    margin-right: 10px;
    white-space: pre-line;
}

#previewArea .m-title2 span {
    font-size: 19px;
    font-weight: bold;
    color: #1e1e1e;
    margin-right: 10px;
    white-space: pre-line;
}

#previewArea .mTitle-line {
    width: 100%;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    background-color: #1e1e1e;
}

#previewArea .card .title {
    font-size: 15px;
    font-weight: bold;
    color: #1e1e1e;
    margin-top: 6px;
    margin-bottom: 6px;
    white-space: pre-line;
}

#previewArea .card .description {
    font-size: 13px;
    color: #1e1e1e;
    line-height: 1.3;
    white-space: pre-line;
}

/* 버튼 그룹 */
#previewArea .button-group {
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
    gap: 8px;
}

#previewArea .button-group .btn {
    flex: 1;
    height: 36px;
    background-color: #E4E4E4;
    color: #1e1e1e;
    font-size: 15px;
    text-align: center;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
}

.button-group .button {
	width: 100%;
	height: 36px;
	background: #E4E4E4;
	color: #1e1e1e;
	font-size: 15px;
	text-align: center;
	border-radius: 8px;
	border: none;
	cursor: pointer;
}

.button-group .button2 {
  flex: 1 1 0;
  height: 36px;
  background: #E4E4E4;
  color: #1e1e1e;
  font-size: 15px;
  text-align: center;
  border-radius: 8px;
  border: none;
  cursor: pointer;
}


/*rcs발송영역*/

.rcs_template_wrap label {
	vertical-align: top;
}

.form-row {
	width: 100%;
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
	gap: 10px;
}

.form-label {
	width: 20%;
}

.button-inputs-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

.form-content {
	flex: 1;
}

.form-content > * {
	margin-bottom: 5px;
}

.form-content > input {
	width: 95%;
}

.form-content input[type="button"] {
    width: 100% !important;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #CED3DD;
	cursor: pointer;
	padding: 5px;
}

.form-content > textarea {
	width: 100%;
	height: 150px;
}

.form-content select {
	width: 100% !important;
}

.form-content input[type="radio"] {
	margin-left: 3px !important;
	margin-right: 3px !important;
	width: 12px;
	height: 12px;
}

.rcsSend_inner_cont {
	overflow: auto;
	height: calc(100% - 30px);
}

.form-row input[type="checkbox"] {
    margin-right: 5px !important;
    width: 12px;
    height: 12px;
}

#rcsMsgSendContent .msgSendInput {
	width: 100%;
}

.char-display {
    color: var(--black);
}

/*RCS 메시지 미리보기 */
.rcs_message_wrap {
	position: relative;
	border: 1px solid #E1E3E5;
	border-radius: 10px;
	padding: 20px;
	background-color: #fff;
	height: 85%;
	overflow: auto;
}

#description-total-count {
	text-align: right;
}

/* 팩스미리보기 */
#preViewPop {
	/*overflow: auto;*/
	height: 100%;
}
#outer-table {
	margin: auto;
	border: 0;
	padding: 0;
	width: 650px;
}

#inner-table {
	margin-top: 25px;
	border: 1px solid black;
	width: 100%;
	border-collapse: collapse;
}

#inner-table td {
	padding: 5px;
}

#content-table {
	border: 1px solid black;
	width: 100%;
	height: 610px;
	border-collapse: collapse;
	margin-top: 10px;
	text-align: left;
	margin-bottom: 15px;
}

#content-table td {
	vertical-align: top;
}

#title-cell,
#sender-cell,
#reply-cell {
	width: 30%;
	text-align: center;
}

#title-content,
#sender-content,
#reply-content {
	width: 70%;
}
/*
#preViewPop {
    overflow: auto;
}
*/
#preViewPop td {
	border-bottom: none;
	background-color: white;
	border: 1px solid black;
}

#faxMsgContent,
#faxMsgTitle,
#faxSenderName,
#faxSenderNum {
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* 공지사항 팝업 */
#noticePop {
    display: none;
    width: 50%;
    max-width: 800px;
    min-height: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 15px 20px rgba(0, 0, 0, 0.2);
    z-index: 999;
}

#noticePop .body {
    width: 100%;
}

#noticePop .tab_content {
    height: 450px;
}

#noticePop,
#extraPopup {
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
}

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

.custom-user-icon {
	background-image: url('../images/managing/ico03_user_h.png') !important;
	background-size: contain;
}

.popupWrap>div.active {
    display: block;
}

.innerPopupBg {
    z-index: 1001;
}
#innerPopup {
    max-width: 700px;
    z-index: 9999;
}
#userAppPop .clearfix>div {
    width: 19%;
    border: 1px solid var(--popup-color);
    border-radius: 4px;
    text-align: center;
    margin-left: 1% !important;
}
#popup #userAppPop .w70 {
    width: 70% !important;
}
#popup #userAppPop .w29 {
    width: 29% !important;
}
#popup #userAppPop .w80 {
    width: 80% !important;
}
.tag-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
	max-height: 130px;
	overflow-y: auto;
	flex-wrap: wrap;
}

.tag-badge {
    background-color: var(--white);
    border-radius: 16px;
	border: 1px solid var(--black);
    padding: 6px 12px;
    font-size: 14px;
	color: var(--black);
    display: inline-flex;
}

.tag-close-btn {
    margin-left: 8px;
    cursor: pointer;
    font-weight: bold;
}

@media (max-width: 768px) {

  .form-group label {
    width: 100% !important;
    margin-bottom: 4px;
  }

  .form-group input,
  .form-group select,
  .form-group textarea {
    /*width: 100% !important;*/
    margin-right: 0 !important;
    margin-bottom: 8px;
  }

  .btnBox {
    width: 100% !important;
    justify-content: flex-end;
    margin-top: 4px;
  }
}

/* 공지사항 첨부파일 */
.download-link {
    font-size: 0.8rem;
    cursor: pointer;
    text-decoration: none;
}
.download-link:hover {
    text-decoration: underline;
}