@charset "utf-8";

.ui-datepicker-hc {display:none; width:260px !important; /* height:398px; */ height:414px; margin:0 0 0 -1px; padding:8px 0; position:relative; overflow:hidden}
.ui-datepicker-hc-container {position:relative; overflow:hidden; height:100%; padding-top:40px; border-radius:4px; border:1px solid #000; background-color:#fff; box-shadow:0 2px 4px rgba(0,0,0,.5);}
.ui-datepicker-hc-holder {height:100%; overflow-x:hidden; overflow-y:auto; margin-right:-17px; padding:0 3px}
.ui-datepicker-hc-calendar thead tr th {padding-bottom:2px; height:34px; font-size:14px; font-weight:500; color:#858585}
.ui-datepicker-hc-calendar tbody tr td {padding:2px 0; height:36px; text-align:center; font-size:14px; font-weight:500;}
.ui-datepicker-hc-calendar tbody tr td:first-child.ui-datepicker-hc-week-end a,
.ui-datepicker-hc-calendar tbody tr td:first-child.ui-datepicker-hc-week-end span {color:#eb2e2d}
.ui-datepicker-hc-calendar tbody tr td a,
.ui-datepicker-hc-calendar tbody tr td span {display:inline-block; position:relative; z-index:1; width:32px; height:32px; line-height:30px; border:1px solid rgba(255,255,255,0); border-radius:100%;}
.ui-datepicker-hc-calendar tbody tr td a:hover,
.ui-datepicker-hc-calendar tbody tr td a:focus {background-color:rgba(0,0,0,.08)}
.ui-datepicker-hc-calendar tbody tr td .ui-state-highlight,
.ui-datepicker-hc-calendar tbody tr td.ui-datepicker-hc-today .ui-state-default {border-color:#000}
.ui-datepicker-hc-calendar tbody tr td .ui-state-active,
.ui-datepicker-hc-calendar tbody tr td .ui-state-active:hover,
.ui-datepicker-hc-calendar tbody tr td .ui-state-active:focus {background-color:#000; color:#fff;}
.ui-datepicker-hc-calendar tbody tr td.ui-state-disabled {opacity:.4;}
/* .ui-datepicker-hc-calendar tbody tr td.ui-datepicker-hc-hoverable:hover {background-color:rgba(0,0,0,.08)} */
.ui-datepicker-hc-calendar tbody tr td[class*='ui-datepicker-hc-range'] {position:relative}
.ui-datepicker-hc-calendar tbody tr td[class*='ui-datepicker-hc-range']:after {content:''; position:absolute; left:0; top:50%; width:100%; height:32px; margin-top:-16px; background-color:rgba(0,0,0,.08)}
.ui-datepicker-hc-calendar tbody tr td.ui-datepicker-hc-range-end:after {width:calc(100% - 2px); border-top-right-radius:16px; border-bottom-right-radius:16px}
.ui-datepicker-hc-calendar tbody tr td.ui-datepicker-hc-range-start:after {left:2px; width:calc(100% - 2px); border-top-left-radius:16px; border-bottom-left-radius:16px}
/* 커스텀 스크롤바 트랙 및 스크롤바 컬러 추후 변경 필요 */
.ui-datepicker-hc-scrollbar-track {position:absolute; top:45px; bottom:5px; right:5px; width:4px; border-radius:2px; background:rgba(0,0,0,.08);}
.ui-datepicker-hc-scrollbar {position:absolute; top:0; right:0; width:4px; height:20px; border-radius:2px; background:rgba(0,0,0,.3);}
/* //커스텀 스크롤바 트랙 및 스크롤바 컬러 추후 변경 필요 */
.ui-datepicker-hc-group {padding-top:22px}
.ui-datepicker-hc-group-last {padding-bottom:12px}
.ui-datepicker-hc-group .ui-datepicker-hc-calendar {margin-top:10px}
.ui-datepicker-hc-title {padding-left:12px; font-size:16px; line-height:22px; font-weight:bold;}
.ui-datepicker-hc-header .ui-datepicker-hc-prev,
.ui-datepicker-hc-header .ui-datepicker-hc-next {display:none}
.ui-datepicker-hc-control {position:absolute; left:0; top:0; right:0; height:41px; border-bottom:1px solid #ebebeb;}
.ui-datepicker-hc-control .ui-datepicker-hc-current {float:left; padding-left:16px;; font-size:16px; font-weight:700; line-height:40px;}
.ui-datepicker-hc-control .ui-datepicker-hc-btns {float:right; padding:8px 8px 0 0}
.ui-datepicker-hc-control .ui-datepicker-hc-btns * {float:left; height:24px; cursor:pointer}
.ui-datepicker-hc-control .ui-datepicker-hc-btns .ui-datepicker-hc-prev,
.ui-datepicker-hc-control .ui-datepicker-hc-btns .ui-datepicker-hc-next {width:24px;}
.ui-datepicker-hc-control .ui-datepicker-hc-btns .ui-datepicker-hc-today {margin-right:8px; font-size:14px; font-weight:700; line-height:23px;}
.ui-datepicker-hc-control .ui-datepicker-hc-btns .ui-datepicker-hc-prev {background:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_up.png) 50% 50% no-repeat; background-size:24px 24px}
.ui-datepicker-hc-control .ui-datepicker-hc-btns .ui-datepicker-hc-next {background:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_down.png) 50% 50% no-repeat; background-size:24px 24px}