/* -----------------------
   1. 기본 초기화 (Reset)
------------------------ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    font-size: 16px;
    font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Segoe UI', sans-serif;
    background-color: #f8f9fa;
    color: #212529;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {

    max-width: 100%;
}

input, button, textarea, select {
    font: inherit;
    color: inherit;
    background: none;
    border: none;
    outline: none;
}

button {
    cursor: pointer;
	white-space: nowrap; /* 줄바꿈 방지 */
}

/* 링크 스타일 초기화 */
a {
    color: inherit;
    text-decoration: none;
}

ul, ol {
    list-style: none;
}

/* -----------------------
   2. 사용자 정의 스타일
------------------------ */
.container {
    max-width: 600px;
    margin-top: 50px;
}

.card {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
}

.form-control:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.d_table {
  width: 100%;
  border-collapse: collapse;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 0.9rem;
  background: #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.05);
  border-radius: 4px;
  overflow: hidden;
}

.d_table th, .d_table td {
  padding:5px 2px 5px 2px;
  text-align: left;
  border-bottom: 1px solid #dee2e6;
  vertical-align: middle;
  white-space:nowrap;
}

.d_table thead tr {
  background-color: #f1f3f5;
  font-weight: 600;
  color: #212529;
  border-bottom: 2px solid #ced4da;
}

.d_table tbody tr:hover {
  background-color: #e9ecef;

}

.d_table tbody tr.sb_table_tr span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board-checkbox,.target-checkbox {
  width: 25px;  /* 원하는 너비로 설정 */
  height: 25px; /* 원하는 높이로 설정 */
  vertical-align: middle;
  border:1px solid #fefefe;
}
@media (max-width: 576px) {
  .d_table th, .d_table td {
	padding:5px 0px 5px 0px;
    font-size: 0.85rem;
  }
}

.paging{position:relative;width:100%;height:50px;padding-top:3px;margin-top:10px;background-color:#fefefe;padding-top:10px;border-radius:8px;}
#paging{position:relative;margin:0 auto;display:table;text-align:center;padding:0;}
#paging ul{margin:0;padding:0;}
#paging li{list-style:none;display:inline-block;text-align:center;border-radius:5px 5px 5px 5px;margin:2px;padding:5px 2px 5px 2px;cursor:pointer;min-width:40px;font-weight:bold;font-size:13px;background-color:#f2f2f2;color:#333;}
.page_selected{background-color:#F9EBDE !important;color:#815854 !important;}




#t_paging{position:relative;margin:0 auto;display:table;text-align:center;padding:0;}
#t_paging ul{margin:0;padding:0;}
#t_paging li{list-style:none;display:inline-block;text-align:center;border-radius:5px 5px 5px 5px;margin:2px;padding:5px 2px 5px 2px;cursor:pointer;min-width:40px;font-weight:bold;font-size:13px;background-color:#f2f2f2;color:#333;}





.sb_table_tr.selected {
    background-color: #f0f9ff;
    font-weight: bold;
}
.modal-fullscreen iframe {
    height: 100vh !important;
}