/* hcode-custom.scss */

/*
//----------------------------------------------//
//             목차
//----------------------------------------------//
// 1. 헬퍼
// 2. 커스텀
// 3. 컬러
 */



/* 
//----------------------------------------------//
//             1. 헬퍼
//----------------------------------------------//
*/
.cursor-pointer {cursor: pointer;}
.pt-085rem {padding-top:0.85rem;}
.keep-all {word-break:keep-all;}
.table-responsive-all {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.resize-none {resize:none;}
.nothing {width:1px; height:40.03px;}
.bb-1 {border-bottom: 1px solid #eff2f7;}
.border-1 {border: 1px solid #eff2f7;}
.FileName {
    display: inline-block;
    max-width: calc(100% - 6rem);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

td.Title {min-width: 300px !important; max-width: 1px !important; white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis;}

.cut-text-1 {overflow-x: hidden; text-overflow: ellipsis;}

input:read-only{cursor: auto; 

    border: none;
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--black);
    margin: 0;
    }
input:focus {outline:none;}
.radio-box:disabled + .radio-label::after{background-color: rgba(0,0,0,0.2) !important;}
.radio-box:disabled + .radio-label::before{border-color: rgba(0,0,0,0.1) !important;}
textarea:read-only {
    cursor: auto; background-color: #fff !important;
}
textarea:focus {outline:none;}
textarea{overflow-x: hidden; overflow-y: hidden; resize: none; white-space: pre-wrap; line-height: 1.8;}
input[type="file"] {cursor:pointer;}

@media screen and (min-width:991px){
.w-md-auto {width:auto !important;}
}

a{color: #434343;}
a:hover{color: #6499C3;}
/* 
//----------------------------------------------//
//             2. 커스텀
//----------------------------------------------//
*/


.app-search.app-search-right .form-control {
    padding-left: 20px !important;
    padding-right: 40px !important;
}

.app-search button {
    left: unset !important;
    right: 13px !important;
    cursor:pointer;
}

.app-search.app-search-right button {
    left:unset !important;
    right: 13px !important;
}

.app-search button {
    position: absolute;
    z-index: 10;
    font-size: 16px;
    line-height: 38px;
    left: 13px;
    top: 0;
    color: #74788d;
    border:0;
    background-color: transparent;
}

.custom-file-label::after {
    content: "찾아보기" !important;
}

.pagination {
    gap: 20px;
}
@media (max-width: 767.98px) {
    .dataTables_paginate ul {
         display: flex !important; 
    }

	.dataTables_paginate ul {
        margin: 0 !important;
    }
	.order-btn-wrap {
		gap: 10px !important;
	}
	.order-btn-wrap.three-btn {
		gap:5px !important;
	}
}

/* tiny 텍스트에어리어 커스텀 */
.tox-notifications-container {display: none;}



/* 페이징 */
.pagination li a {
    border-radius: 3px;
}

.pagination li.active a {
    color: #5664d2;
    font-weight: bold;
    border: 1px solid #5664d2;
}

.pagination li a:hover {
    color: #5664d2;
}

.pagination li.prev:hover a,
.pagination li.next:hover a {
    border: 1px solid rgba(0, 0, 0, 0);
    color: unset;
}

.pagination li.prev a,
.pagination li.next a {
    word-break: keep-all;
}

.LoadingAnimation {
    display: flex;
    position: fixed;
    z-index: 1003;
    background: rgba(0, 0, 0, 0.5);
    width: 100%; height:100%; left:0; top:0;
    align-items: center;
    justify-content: center;
    transition: all 0.4s linear 0s;
}
.LoadingAnimation img {
    z-index: 1004;
    animation: ani 1s ease-in-out 0s infinite;
}
@keyframes ani {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/* 전송중 프로그레스 바 */
.FullScreen {position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 1003;}
.FullScreen .Background {position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); width: 100vw; height: 100vh;}
.FullScreen .ProgressBox {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50%; min-width: 250px; height: 100px;}
.FullScreen .ProgressBox .progress {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 12px;}
.FullScreen .ProgressBox .text {text-align: center;}
.FullScreen .ProgressBox .text > span {color: #fff;}
/* 
//----------------------------------------------//
//             3. 컬러
//----------------------------------------------//
*/
.text-bk{color: #101010 !important;}
.text-color-bk{color: #474B52 !important;}
.text-color-43{color: #434343 !important;}
.text-color-main{color: #6499C3 !important;}
.text-color-hold{color: #F29B76 !important;}
.text-color-nosubmit{color: #C9C9C9 !important;}
.text-color-submit{color: #3D81C4 !important;}

/* 
//----------------------------------------------//
//             4. 폰트
//----------------------------------------------//
*/
h1, h2, h3, h4, h5, p, span, a{font-family: 'Noto Sans KR', sans-serif !important;}
.font-weight-l{font-weight: 200 !important;}
.font-weight-b{font-weight: 700 !important;}
.font-weight-5{font-weight: 500 !important;}


.fonz-12{font-size: 12px !important;}
.fonz-16{font-size: 16px !important;}
.fonz-18{font-size: 18px !important;}
.fonz-20{font-size: 20px !important;}
.fonz-24{font-size: 24px !important;}

/* 
//----------------------------------------------//
//             5. 간격
//----------------------------------------------//
*/
.mb-10{margin-bottom: 10px !important;}
.mt-10{margin-top: 10px !important;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}
.mt-50{margin-top: 50px !important;}
.m-a0{margin: 0 auto !important;}

.pr-0{padding-right: 0 !important;}

.w100{width: 100% !important;}
.w10{width: 10% !important;}
.w20{width: 20% !important;}
.w30{width: 30% !important;}
.w40{width: 40% !important;}
.w50{width: 50% !important;}
.w60{width: 60% !important;}
.w70{width: 70% !important;}
.w80{width: 80% !important;}
.w90{width: 90% !important;}

.border-r-0{
    border-right: 0 !important;
}
/* 
//----------------------------------------------//
//             6. 캘린더 커스텀
//----------------------------------------------//
*/

/* #calendar{width: 100%; padding-top: 20px;}
.fc-scroller{overflow: hidden !important;}
.fc-col-header{width: 100% !important;}
.fc .fc-toolbar.fc-header-toolbar{margin-bottom: 10px;}
.fc-scrollgrid-section > td{
    border-top-right-radius: 20px;
    border-color: #fff;
}
.fc .fc-scrollgrid-section-liquid > td{
    border-bottom-right-radius: 20px;
    border-bottom: 0;
}
.fc .fc-scrollgrid{
    border-radius: 25px;
    box-shadow: 0 0 10px #efefef;
    border: #fff;
}
.fc-theme-standard th{border: 1px solid #efefef;}
.fc .fc-toolbar h2{
    font-size: 25px;
    display: inline-block;
    padding: 20% 0;
}
.fc .fc-scrollgrid table tr{
    height: 60px;
    line-height: 60px;
}
.summary-wrap .fc-event-title{
    text-align: right;
    width: 100%;
}
.fc-event-title.fc-sticky{color: #707070;}
.fc-h-event{
    background: #fff;
    border: none;
}

.fc table{font-size: 12px;}
.fc-view-harness{height: calc(50vh) !important;}
.fc-daygrid-body{width: 100% !important;}
.fc-scrollgrid-sync-table{
    width: 100% !important;
    height: calc(50vh) !important;
}
.fc .fc-scrollgrid-section > td{border-right: 0;}
.fc-theme-standard td{border: 1px solid var(--fc-border-color, #efefef); border-radius: 0;}
.fc-event{
    background-color: #fff ;
    margin: 3px !important;
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events{top: 80px;}
.fc-daygrid-event{
    padding: 0 5px;
    line-height: 30px !important;
    display: block;
}
.fc-daygrid-event-dot{display: none;}
.fc-direction-ltr .fc-daygrid-event .fc-event-time{
    font-size: 11px;
}
.summary-wrap .fc-daygrid-dot-event .fc-event-title{
    font-size: 11px;
    text-align: right;
}
.fc .fc-daygrid-day-number{
    width: 100%;
    text-align: left;
}
.summary-wrap .fc-day-today .fc-col-header-cell-cushion{color: #666 !important;} */
.fc-day-today{background-color: #FFF9C4;}
/* .fc-day-today .fc-event{
    background-color: #FFF9C4 ;
} */
/* .fc-day-today .fc-daygrid-day-events{
    font-weight: 700;
    opacity: 1;
}

.fc .fc-daygrid-day-top{line-height: 20px;} */
/* .fc-day-today .fc-daygrid-day-top a{
    position: relative;
    margin-left: 2%;
    font-size: 11px;
    color: #fff;
} */
/* .fc-day-today .fc-daygrid-day-top a::before{
    content: "";
    width: 22px;
    height: 22px;
    display: block;
    background: #6499C3;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(-50%,-50%);
    z-index: -1;
    border-radius: 50%;

} */
/* #calendar .fc-col-header-cell{border-radius: 25px}
#calendar .fc-scroller-harness-liquid{border-radius: 25px;}
.fc-day-past .fc-daygrid-event{opacity: 0.5;}
.fc-col-header-cell-cushion{font-size: 14px; color: #aaa !important;}
.fc-col-header-cell.fc-day-sun{border-bottom: 3px solid #FF957D !important;}
.fc-day-sun .fc-col-header-cell-cushion{color:#FF957D !important;}
.fc-day-sun{color:#FF957D !important;}
#calendar2 .fc-col-header-cell.fc-day-sat{border-bottom: 3px solid #8EB8D2 !important;}
#calendar2 .fc-day-sat .fc-col-header-cell-cushion{color:#8EB8D2 !important;}
#calendar2 .fc-day-sat{color:#8EB8D2 !important;}
#calendar2-mobile .fc-day-sat .fc-list-day-cushion{color: #8EB8D2;}
.fc .fc-scrollgrid .fc-col-header tbody > tr {border-bottom: 3px solid #DBDBDB;}

.fc-footer-toolbar{
    position: absolute;
    bottom: 20px;
    right: 35px;
    z-index: 50;
}
.fc-dayGridMonth-button{
    background-color: #6499C3 !important;
    border: 0 !important;
    border-radius: 25px !important;
}
.fc .fc-daygrid-day-bg .fc-highlight{background: transparent;}
 */
 .fc-event, .fc-event-dot {
    background-color: var(--white);
}
.fc .fc-daygrid-day-frame {
    min-height: 130px;
}
/* 요약보기 페이지 커스텀 */
#calendar .fc-event-time{
    display: block;
    font-size: 16px;
    text-align: right;
    font-weight: bold;
    line-height: 1.5;
}
#calendar .fc-event-title{
    font-size: 16px;
    font-weight: bold !important;
    line-height: 1.5;
}
#calendar .fc-event{
    cursor: default !important;
    margin: 3px 5px 5px 0 !important;
}
.summary-wrap .fc-col-header-cell-cushion{font-size: 22px;}
.calendar-mobile .fc-scroller{overflow: scroll !important;}
.calendar-mobile .fc-list-table tbody tr{border: 1px solid #e2e2e2;}
.calendar-mobile .fc-list-table tbody tr.fc-list-event{border: 0;}
.calendar-mobile .fc-list-table tbody tr.fc-list-event td{padding: 5px 10px;}
.calendar-mobile .fc-list-event-dot{display: none;}
.calendar-mobile .fc-list-event-title{
    text-align: right;
    font-weight: 300;
}
.calendar-mobile .fc-list-day-cushion{
    height: 44px;
    line-height: 30px;
    color: #707070;
    font-weight: 500;
    background-color: #f5f5f5;
}
.calendar-mobile .fc-day-sun .fc-list-day-cushion{color: #FF957D;}
.calendar-mobile .fc-list-day-side-text{position: relative; margin-right: 20px;}
.calendar-mobile .fc-list-day-cushion:after{
    content: "";
    background-image: url(/assets/img/arrow-down-s-line.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 12px;
    transform: translateY(-50%);
}
.calendar-mobile .fc-list-event{opacity: 0.4; font-size: 13px;}
.calendar-mobile .fc-event-today{opacity: 1;}
.calendar-mobile .fc-event-future{opacity: 1;}
.calendar-mobile .fc-list-day{font-size: 14px;}
/* 스케줄 관리 페이지 커스텀 */
.schedule-content .fc-view-harness{height: calc(75vh) !important;}
.schedule-content .fc-scrollgrid-sync-table{
    height: calc(85vh) !important;
}
.schedule-content .fc .fc-scrollgrid table tr{
    height: 40px;
    line-height: 40px;
}
.schedule-content .fc .fc-daygrid-body-balanced .fc-daygrid-day-events{top: 30px;}
.schedule-content .fc-event-time{float: left;}
.schedule-content .fc-event-title{float: right;}
.schedule-content .fc-daygrid-event{line-height: 15px !important;}
.calendar-mobile2{margin-top: 15px !important;}

/* 모바일 캘린더 토글 */
.calendar-mobile .fc-list-event{display: none;}
.calendar-mobile .fc-list-event.active{display: table-row;}

/* 관리자 - 카테고리 관리 */
.page-adm-category .category-heading { padding-left: 12px; padding-right: 12px; margin-bottom: 14px; }
.page-adm-category .CategoryList { min-height: 455px; overflow-y: auto; }
@media only screen and (max-width: 991px) {
    .page-adm-category .CategoryList { min-height: unset !important; }
}
.page-adm-category .CategoryList .OrderedList { list-style-type: none;  padding-left: 0; }
.page-adm-category .CategoryList .OrderedList .Item { padding: 12px; }
.page-adm-category .CategoryList .OrderedList .Item.active { background-color: cornsilk; }
.page-adm-category .btnDelete { white-space: nowrap; font-size: 12px; padding-left: 4px; padding-right: 4px; width: 50%; }
.page-adm-category .btnFocus { white-space: nowrap; font-size: 12px; padding-left: 4px; padding-right: 4px; width: 50%; }

/* 드롭다운 스타일 */
.suggest {
  position: absolute;
  top: 100%;
  left: 0; right: 0;
  z-index: 1000;
  background: #fff;
  border: 1px solid #ddd;
  max-height: 260px;
  overflow-y: auto;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
.suggest.hidden { display:none; }
.suggest .item {
  padding: 8px 10px;
  cursor: pointer;
  display: flex; flex-direction: column;
}
.suggest .item:hover, .suggest .item.active { background:#f5f7fb; }
.suggest .item .name { font-weight:600; }
.suggest .item .meta { font-size:12px; color:#666; }

@media screen and (max-width: 440px) {
	.pagination {
		gap: 0px;
	}
}