@charset "utf-8";

body{--ck-z-default:100;--ck-z-modal:calc(var(--ck-z-default) + 999)}
b,strong{font-weight:700}

/* table */
.table-bordered thead tr th{color:#333;background-color:#edeff1;text-align:center;border:1px solid #e0e1e3!important;font-weight:700;vertical-align:middle}
.table-bordered td{padding:8px 5px;vertical-align:middle}
.table-bordered .menu{color:#333;font-weight:700;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:700;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;height:30px}
.form-check-input[type=radio]{margin-top:1px}
.phone-number {display:flex; align-items:center; gap:0 8px;}
.phone-number input {width:30%; flex-grow:1;}
.email-address {display:flex; align-items:center; gap:0 8px;}
.email-address input {width:50%; flex-grow:1;}

/* 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 .5em;overflow:scroll}
.ck-content .image{margin:0 auto!important}
.sub-header .title{font-size:18px;font-weight:700}

/* 별점 선택 */
.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;}
}

.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;}


/*에디터*/
.ck-content a {color:#0056c1; text-decoration:none;}
.ck-content p {line-height:1.5em; margin-bottom:0;}