/********************************************************************************
 * TinyMCE
 */
/* 경고문고 없애기 */
/* We’re unable to check your domain because the referer header is missing. Please read the Guide on how to ensure your referer header is present, so we can then customize your editor experience. */
.tox-notifications-container{
    display : none !important;
}

.tox-statusbar__branding{
    display : none !important;
}

/********************************************************************************
 * Modal
 */
/* 배경 */
.modal {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
}

/* 팝업 */
.modal .modal-popup {
    /* 팝업 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 250px;
    background: #ffffff;
    border-radius: 15px;
    z-index: 100;
}

/* [X] 버튼 마우스 커서 */
.modal #btn_x {
    cursor: pointer;
}

/********************************************************************************
 * Popup
 */
.popup-header {
    display: flex;
    width: 100%;
    height: 50px;
    background-color: #eee;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.popup-body {
    box-sizing: border-box;
    padding: 20px;
}

.popup-footer {
    display: flex;
    position: absolute;
    top: calc(100% - 50px);
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #eee;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.popup-header .flex-item {
    flex: 1 1 0;
}

.popup-footer .flex-item {
    flex: 1 1 0;
}

/********************************************************************************
 * Input Control Icon
 */
/* input icon */
.back-icon-group {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.back-icon-group.reverse {
	justify-content: flex-end;
}
.back-icon-group i {
    position: absolute;
	width: 16px;
	height: 16px;
	margin: 0 5px;
    background-size: cover;
}
.back-icon-group i.search {
    background-image: url('/style/img/icon/ico_search.svg');
}
.back-icon-group i.delete {
    background-image: url('/style/img/icon/ico_text-del.svg');
}

/********************************************************************************
 * Switch
 */
.switch-group {
}

.switch-group [type="checkbox"] {
	appearance: none;
	position: relative;
	border: max(2px, 0.1em) solid gray;
	border-radius: 1.25em;
	width: 2.25em;
	height: 1.25em;
}

.switch-group label {
	display: inline-block;
	align-items: center;
	gap: 0.5rem;
	cursor: pointer;
}