.card-header {
    align-content: center !important;
    padding: 2rem 2.25rem;
}
.card-title {
    margin-bottom: 0;
}

.dataTables_wrapper {
    padding: 1.5rem !important;
    vertical-align: middle;
}

.dataTables_wrapper .dataTable th, .dataTables_wrapper .dataTable td {
    font-weight: 400;
    font-size: 1rem;
    vertical-align: middle;
    color: #3F4254;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    outline: none !important;
    padding: 0.85rem 0.85rem;
  }

.dataTables_info {
    padding: 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: stretch;
    justify-content: flex-end;
}

/* jstree에서 사용 */
.grayscale-node {
    filter: grayscale(100%);
}


.full-height {
    height: 100%; /* 뷰포트 높이의 100%로 설정 */
}

.no-hover {
    text-decoration: none !important;
    color: inherit !important;
}
/* 

datatable info 테이블이 위쪽에만 마진줘서 맞추기 힘듦 padding-top: 0.85em; 없앰

card-title 에 bottom 마진이 2em 이나 붙어있었음  header에 센터를 안잡고 고정하기 위했는듯
card-header는 거의 padding이 너무 많지 않나 싶으네
.card-header {
  padding: 2rem 2.25rem;
  margin-bottom: 0;
  background-color: #ffffff;
  border-bottom: 1px solid #EBEDF3;
}

.pt-085 {
   padding-top:0.85em !important;
   padding-bottom:0px !important;
   padding-left:0px !important;
   padding-right:0px !important;  
}


*/

.col-xxl,
.col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  padding: 0.85em !important;
}

.jstree-default .jstree-clicked {
    background: #FFFFFF !important; 
}
.jstree-default .jstree-wholerow-clicked {
    background: #FFFFFF !important;
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%) !important;
    background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%) !important;
}

/* .row > div { padding-top: 5px; } */


.dt-buttons.btn-group{display: none !important;}

.dt-div{
    overflow-x: auto !important;
    padding-bottom: 20px;
	white-space: nowrap;
}

/* .dt-div{
    overflow-x: auto !important;
    padding: 2em;
    margin: 0;
	white-space: nowrap;
} */

label {
    display: inline-block;
    margin-bottom: 0rem;
  }


  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
      text-align: left;
    }

.item-sm {
    height: calc(1.35em + 1.1rem + 2px);
    font-size: 0.925rem;
    border-radius: 0.28rem;
}

.btn {
    margin: 0.2rem 0.1rem;
}

.card-item-header {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.btn-purple {
    color: #FFFFFF;
    background-color: #8950FC;
    border-color: #8950FC;
}

.input-group > .select2-container--bootstrap {
	width: auto;
	flex: 1 1 auto;
}

.input-group > .select2-container--bootstrap .select2-selection--single {
	height: 100%;
	line-height: inherit;
	padding: 0.5rem 1rem;
}


.sm_selected {	background-color: rgb(253, 253, 161) !important;}

.sm_arrow_btn 
{
    background-color: #f0f3ff;
    position: relative;
    width: auto;
    opacity: 1;
    width: 2rem;
    height: 2rem;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
	color: #5867dd;
}

.sm_arrow_btn:hover
{
	    background-color: #5867dd;
    color: #ffffff;
}

.sm_img {
  padding: 0.1rem;
  background-color: #fff;
  border: 0px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 80px;
  min-width: 50px;
  height: auto; 
  border-radius: 10px;
  overflow: hidden;
  margin-right: 0rem;
  margin-left: 0rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0rem;
  flex: 0 0 0rem; 
 }

 .sm_img_50 {
    padding: 0.1rem;
    background-color: #fff;
    border: 0px solid #dee2e6;
    border-radius: 5px;
    max-width: 50px;
    min-width: 50px;
    height: auto; 
    overflow: hidden;
    margin-right: 0rem;
    margin-left: 0rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0rem;
    flex: 0 0 0rem; 
}

.sm_img_35 {
    padding: 0.1rem;
    background-color: #fff;
    border: 0px solid #dee2e6;
    border-radius: 4px;
    max-width: 35px;
    min-width: 35px;
    height: auto; 
    overflow: hidden;
    margin-right: 0rem;
    margin-left: 0rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0rem;
    flex: 0 0 0rem; 
}

.sm_title_b1 {	font-family: -apple-system, BlinkMacSystemFont, "Poppins", "Helvetica", "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";	font-size: 3rem;	font-weight: 600;	letter-spacing: -.7px;	line-height: 3.2rem;	margin-bottom: 5px;}
.sm_title_b2 {	font-family: -apple-system, BlinkMacSystemFont, "Poppins", "Helvetica", "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";	font-size: 2.5rem;	font-weight: 600;	letter-spacing: -.7px;	line-height: 2,7rem;	margin-bottom: 5px;}
.sm_title_b3 {	font-family: -apple-system, BlinkMacSystemFont, "Poppins", "Helvetica", "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";	font-size: 2rem;	font-weight: 600;	letter-spacing: -.7px;	line-height: 2.2rem;	margin-bottom: 5px;}
.sm_title_b4 {	font-family: -apple-system, BlinkMacSystemFont, "Poppins", "Helvetica", "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";	font-size: 1.8rem;	font-weight: 600;	letter-spacing: -.7px;	line-height: 2rem;	margin-bottom: 5px;}
.sm_title_b5 {	font-family: -apple-system, BlinkMacSystemFont, "Poppins", "Helvetica", "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";	font-size: 1.5rem;	font-weight: 600;	letter-spacing: -.7px;	line-height: 1.7rem;	margin-bottom: 5px;}
.sm_title_b6 {	font-family: -apple-system, BlinkMacSystemFont, "Poppins", "Helvetica", "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";	font-size: 1rem;	font-weight: 600;	letter-spacing: -.7px;	line-height: 1.2rem;	margin-bottom: 5px;}
.sm_title_b7 {	font-family: -apple-system, BlinkMacSystemFont, "Poppins", "Helvetica", "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";	font-size: 0.8rem;	font-weight: 600;	line-height: 1rem;	margin-bottom: 5px;}

.c_black {	color: #3d4465;	}
.c_gray {	color: #b5b5c3;	}
.c_primary {	color: #3699FF;	}
.c_danger {	color: #F64E60;	}
.c_warning {	color: #FFA800;	}
.c_success {	color: #1BC5BD; }

.bg_primary {	background-color: #3699FF;	}
.bg_danger {	background-color: #F64E60;	}
.bg_warning {	background-color: #FFA800;	}
.bg_success {	background-color: #1BC5BD; }
.bg_pink {	background-color: #fd397a; }
.bg_yellow {	background-color: #ffb822; }


td.dt-nowrap { white-space: nowrap }

.table-no-border > tbody > tr > td,
.table-no-border > tbody > tr > th,
.table-no-border > tfoot > tr > td,
.table-no-border > tfoot > tr > th,
.table-no-border > thead > tr > td,
.table-no-border > thead > tr > th {
    border: none;
}

.table-border-bottom > tbody > tr > td,
.table-border-bottom > tbody > tr > th,
.table-border-bottom > tfoot > tr > td,
.table-border-bottom > tfoot > tr > th,
.table-border-bottom > thead > tr > td,
.table-border-bottom > thead > tr > th {
	border: none;
   border-bottom: 1px solid #ebedf2;
}

.tr-underline > td {
   border-bottom: 1px solid #ebedf2;
}
/*    color: #a1a8c3; */

.body {
	font-family: -apple-system, BlinkMacSystemFont, "Poppins", "Helvetica", "나눔고딕", "NanumGothic", "NanumGothicWebFont", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Helvetica", "Apple SD Gothic Neo", "sans-serif";
}


.sm_v_center {
    display: flex;
    align-items: center;
}

.sm_div_abs_center {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.nav .sm_action{
    border: none !important;
    color: #B5B5C3;
    background-color: #F3F6F9;
    padding: 0.55rem 0.75rem !important;
    line-height: 1.35 !important;
    border-radius: 0.42rem !important;
    padding: 0.55rem 0.75rem !important;
}

.sm_img_thumnamil {
	padding: 0.1rem;
	background-color: #fff;
	border: 0px solid #dee2e6;
	border-radius: 0.25rem;
	max-width: 80px;
	min-width: 50px;
	height: 100;
	border-radius: 10px;
	overflow: hidden;
	margin-right: 0rem;
	margin-left: 0rem;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 0rem;
	flex: 0 0 0rem;
	}

.modal-dialog.modal-full {
	max-width: 80%;
	width: 80vw; /* 화면 전체 넓이 */
	height: 100vh; /* 화면 전체 높이 */
	margin: 100;
}

.modal-dialog.modal-v80 {
	height: 80vh; /* 화면 전체 높이 */
}

.modal-content-sm {
	height: 70vh; /* 화면 전체 높이 */
}

.sm_example {
    padding: 1em;
    margin: 0px;
    position: relative;
    background-color: #F3F6F9;
    border-radius: 0.42rem;
    min-height: 5em;
}

pre {
    background-color: #F3F6F9 !important;
}

code {
    background-color: #F3F6F9 !important;
}

/* 아래는  CK에디터	*/
/* Set the minimum height of Classic editor */
.ck.ck-editor__editable_inline:not(.ck-editor__nested-editable) {
	min-height: 400px;
}
/* Styles to render an editor with a sidebar for comments & suggestions */
.container {
	display: flex;
	flex-direction: row;
}
.document-outline-container {
	background-color: #f3f7fb;
	width: 200px;
}
.sidebar {
	width: 320px;
}
#editor-container .ck.ck-editor {
	width: 860px;
}
#editor-container .sidebar {
	margin-left: 20px;
}
#editor-container .sidebar.narrow {
	width: 30px;
}
/* Keep the automatic height of the editor for adding comments */
.ck-annotation-wrapper .ck.ck-editor__editable_inline {
	min-height: auto;
}
/* Styles for viewing revision history */
#revision-viewer-container {
	display: none;
}
#revision-viewer-container .ck.ck-editor {
	width: 860px;
}
#revision-viewer-container .ck.ck-content {
	min-height: 400px;
}
#revision-viewer-container .sidebar {
	border: 1px #c4c4c4 solid;
	margin-left: -1px;
	width: 320px;
}
#revision-viewer-container .ck.ck-revision-history-sidebar__header {
	height: 39px;
	background: #FAFAFA;
}
.hidden {
	display: none!important;
}

.highlighted {
	background-color: #f0f0f0;
}
.draggable {
	display: inline-block;
	/* 블록 레벨 형태로 변경 */
	cursor: move;
	/* 드래그 커서 스타일 설정 */
}
.droppable {
	padding: 0.1em;
}


/* 회원 정보 로딩용
width: 330px;
    height: 330px;
*/
.popup-overlay {
    display: none; /* 기본적으로 숨김 */
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0); /* 반투명 배경 */
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* 팝업 창 스타일 */
.popup-content {
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

/* 팝업 안의 이미지 */
.popup-content img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 10px;
}