@charset "utf-8";

body {
    --ck-z-default: 100;
	--ck-z-modal: calc( var(--ck-z-default) + 999 ); 
}
b, strong {font-weight:bold;}

/* table */
.table-bordered thead tr th {
    color:#333;
    background-color: #edeff1;
    text-align: center;
    border: 1px solid #e0e1e3 !important;
    font-weight: bold;
    vertical-align:middle;
}
.table-bordered td {
    padding: 8px 5px;
    vertical-align:middle;
}
.table-bordered .menu {
    color:#333;
    font-weight:bold;
    background-color:#edeff1;
    border: 1px solid #e0e1e3 !important;
    width:150px;
    vertical-align:middle;
}
.table-bordered .content {
    vertical-align:middle;
}
.table-bordered .menu_short {
    font-weight:bold;
    background-color:#edeff1;
    width:100px;
    vertical-align:middle;
}
.table-bordered>tbody>tr {
    text-align:center;
}
.table-bordered tr .money {
    text-align:right;
    vertical-align:middle;
    padding-right:20px;
}
.table-bordered tr .count {
    text-align:center;
    vertical-align:middle;    
}
input {
    font-size: 17px;    
}
.form-check-input[type=checkbox] {
    margin: 1px !important;    
}
.tip {
    font-size:12px;
    color: #8c9297;
}
.header-title {
    font-weight:800
}
.form-switch {
    padding: 0;    
}

/* toggle */
.custom-toggle{
    position:relative;
    display:inherit;
    width:52px;
    height:1.5rem;
    margin:0
}
.custom-toggle input{
    display:none
}
.custom-toggle input:checked+.custom-toggle-slider {
    border:1px solid #5e72e4
}
.custom-toggle input:checked+.custom-toggle-slider:before { 
    transform:translateX(28px);
    background:#5e72e4
}
.custom-toggle input:disabled+.custom-toggle-slider {
    border:1px solid #e9ecef
}
.custom-toggle input:disabled:checked+.custom-toggle-slider {
    border:1px solid #e9ecef
}
.custom-toggle input:disabled:checked+.custom-toggle-slider:before { 
    background-color:#8a98eb
}
.custom-toggle-slider {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    cursor:pointer;
    border:1px solid #ced4da;
    border-radius:15px!important;
    background-color:transparent
}
.custom-toggle-slider:before {
    position:absolute;
    bottom:2px;
    left:2px;
    width:18px;
    height:18px;
    content:'';
    transition:all .15s cubic-bezier(.68,-.55,.265,1.55);
    border-radius:50%!important;
    background-color:#e9ecef
}
.custom-toggle-wrapper .custom-toggle+.custom-toggle {
    margin-left:1rem!important
}
.custom-toggle input:checked+.custom-toggle-slider:after {
    right:auto;
    left:0;
    content:attr(data-label-on);
    color:#5e72e4
}
.custom-toggle-slider:after {
    font-family:inherit;
    font-size:.75rem;
    font-weight:600;
    line-height:24px;
    position:absolute;
    top:0;
    right:0;
    display:block;
    overflow:hidden;
    min-width:1.66667rem;
    margin:0 .21667rem;
    content:attr(data-label-off);
    transition:all .15s ease;
    text-align:center;
    color:#ced4da
}
.toggle-wrap {display:flex; align-items:center; gap:5px; flex-wrap:wrap;}
.toggle-wrap .custom-toggle {flex-shrink:0; margin:3px 0;}
@media (prefers-reduced-motion:reduce) {
    .custom-toggle-slider:after {
        transition:none
    }
}

/* input type */
.form-control {
    padding:5px 5px;
    height:30px;
}
.form-check-input[type=radio] {
    margin-top: 1px;
}

/* modal */
.modal-footer {
    display:block;
    text-align: center;
}
.modal-header {    
    background-color: #edeff1;
    padding: 20px;
    height:58px;
}

/* button */
.btn-group > button:not(:last-child) {
    margin-right: 5px; !important;
}

/* scrollbar */
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #ddd;
}
::-webkit-scrollbar-button {
  width: 5px;
  height: 5px;
}

/* editor */
#content-editor {
    height: 590px;
    width: 100%;
    padding: 10px;
}
/* ckeditor 5.0 */
.ck.editor__editable[role='textbox'],
.ck.ck-editor__editable[role='textbox'],
.ck.editor[role='textbox'] {
	width: 100%;
	background: #fff;
	font-size: 1em;
	max-height: 300px;
    min-height: 300px;
	padding: 0 0.5em;
    overflow: scroll;
}

.sub-header .title {
    font-size: 18px;
    font-weight: bold;
}
/* 별점 선택 */
.star-rate-select {
    display: inline-block;
    width: 19px;
    height: 19px;
    padding:0;
    font-size: 0;
    vertical-align: top;
    text-indent:-9999em;
    background:transparent;
    border:none;
}
.star-rate-select:after {
    content:'';
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/html/images/common/icon-star.png) no-repeat;
    background-size: cover;
    vertical-align: top;
}
.star-rate-select.checked:after {
    background-image: url(/html/images/common/icon-star-blue.png);
}
/*문제은행*/
.test-bank-table .image img {
    max-width:100%;
}

@media only screen and (max-width: 1200px) {
.menu-tree {min-height:400px !important;}
}

/* .pc {display:block;} */
.table-responsive {width:100%;}
.table-responsive td img {max-width:350px; width:auto;}
.table-responsive .w-medium {width:100%; max-width:300px;}
@media only screen and (max-width:1119px) {
    .table-responsive.xl {width:100%;}
    .table-responsive.xl table {width:100%; min-width:max-content;}
}
@media only screen and (max-width:991px) {
	body {font-size:13px;}
    .pc {display:none;}
    .table-responsive {width:100%;}
    .table-responsive table {width:100%; min-width:max-content;}
    .table-responsive td img {max-width:200px; width:auto;}
    .table-bordered .menu {width:23%; min-width:100px;}
    .table .list-inline-item {margin-right:0;}

    .w-lg-auto {width:auto !important;}
}
@media only screen and (max-width:575px) {
    .table .list-inline {width:30px; margin:auto;}
}

.text-box {display:flex; align-items:center; gap:5px; flex-wrap:wrap; line-height:2em;}
/* 글자 줄이기 */
.text-cut { display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}