@charset "utf-8";

/* jquery datepicker start */

/* 달력 헤더 (월 & 연도 선택) 가운데 정렬 */
.ui-datepicker-title { text-align: center; display: flex; justify-content: center; align-items: center; gap: 10px; /* 월과 연도 사이 간격 조정 */ }
/* 월 & 연도 드롭다운 크기 조정 */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { font-size: 14px; padding: 2px; text-align: center; }

/* jquery datepicker end */

/* loading start */
.loading-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; } /* 로딩 오버레이 (배경 어둡게) */
.loading-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; border: 5px solid rgba(255, 255, 255, 0.3); border-top-color: #ffffff; border-radius: 50%; animation: spin 1s linear infinite; } /* 로딩 스피너 */
@keyframes spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } /* 로딩 애니메이션 */
/* loading end */

.dim{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(17,17,17,0.2); z-index: 1100; display: none;}
body.noscroll {height:100vh;overflow:hidden;}

.popup_fullscreen {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
}
.popup_fullscreen .popup_body{
    width: 100%; height: calc(100% - 60px); padding: 10px;
}
.popup_fullscreen .popup-bottom{
    display: flex; justify-content: space-between; padding: 16px 20px; line-height: 16px;border-top: 1px solid rgb(17, 17, 17);
}
.popup_fullscreen .popup-bottom .btn {
    font-weight: 500;line-height: 19px;/*padding: 16px 20px;*/
}

/*3줄 제한*/
.clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;      /* 줄 수 설정 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


/*프린트를 위한 스타일*/
@media print {
    div#header, div.sub-left, div.sub-satisfaction, div#footer {
        display: none;
    }
    div.sub-right{
        width: 100%;
        position: absolute;
        top: -70px;
    }

}