/*!
 * tui-date-picker.min.js
 * @version 3.0.0
 * @author NHNEnt FE Development Lab <dl_javascript@nhnent.com>
 * @license MIT
 */
.tui-calendar{position:relative;background-color:#fff;border:1px solid #aaa;}
.tui-calendar-header-info{display:none;}
.tui-calendar *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tui-calendar div{text-align:center}
.tui-calendar caption{padding:0}
.tui-calendar caption span{overflow:hidden;position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0}
.tui-calendar button,.tui-datepicker-dropdown button,.tui-datepicker-selector button{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.tui-datepicker-dropdown .tui-ico-check,.tui-ico-caret,.tui-ico-date,.tui-ico-time{overflow:hidden;display:inline-block;width:1px;height:1px;line-height:300px;background:url(../img/datepicker_img.png) no-repeat}

.tui-ico-time{width:12px;height:12px;background-position:0 -30px}
.tui-ico-caret{width:7px;height:4px;background-position:0 -58px}
.tui-calendar-month,.tui-calendar-year{width:202px}
.tui-calendar-month .tui-calendar-body,.tui-calendar-year .tui-calendar-body{width:202px;margin:0 auto}
.tui-calendar .tui-calendar-header{position:relative;}
.tui-calendar .tui-calendar-header-inner{position:relative;padding:16px 0 0;height:45px;text-align:center;box-sizing:border-box;}
.tui-calendar .tui-calendar-title-today{height:30px;margin:0;font-size:12px;line-height:34px;color:#777;background-color:#f4f4f4}
.tui-calendar .tui-calendar-title{display:inline-block;font-size:15px;font-style:normal;line-height:18px;color:#23282e;cursor:default;vertical-align:top}
.tui-calendar .tui-calendar-btn-next-month,.tui-calendar .tui-calendar-btn-next-year,.tui-calendar .tui-calendar-btn-prev-month,.tui-calendar .tui-calendar-btn-prev-year,.tui-calendar-btn-first-month,.tui-calendar-btn-last-month{overflow:hidden;position:absolute;display:block;z-index:10;top:50%;width:7px;height:12px;margin-top:-6px;vertical-align:top;}
.tui-calendar .tui-calendar-btn-prev-month{left:10px;}
.tui-calendar .tui-calendar-btn-next-month{right:10px;}
.tui-calendar .tui-calendar-btn-prev-year{left:10px;}
.tui-calendar .tui-calendar-btn-next-year{right:10px;}
.tui-calendar .tui-calendar-btn-first-month{width:10px;left:0;}
.tui-calendar .tui-calendar-btn-last-month{width:10px;right:0;}
.tui-calendar .tui-calendar-btn-next-month:after,.tui-calendar .tui-calendar-btn-next-year:after,.tui-calendar .tui-calendar-btn-prev-month:after,.tui-calendar .tui-calendar-btn-prev-year:after,.tui-calendar-btn-first-month:after,.tui-calendar-btn-last-month:after{overflow:hidden;position:absolute;display:inline-block;background:url(../img/sp_20200921.png) no-repeat;content:""}
.tui-calendar .tui-calendar-btn-prev-month:after,.tui-calendar.tui-calendar-month .tui-calendar-btn-prev-year:after{width:7px;height:12px;left:0;background-position:-48px -20px}
.tui-calendar .tui-calendar-btn-next-month:after,.tui-calendar.tui-calendar-month .tui-calendar-btn-next-year:after{width:7px;height:12px;right:0;background-position:-59px -20px}
.tui-calendar .tui-calendar-btn-first-month:after{width:10px;height:11px;left:0;background-position:-182px -11px}
.tui-calendar .tui-calendar-btn-last-month:after{width:10px;height:11px;right:0;background-position:-182px -26px}

.tui-calendar .tui-calendar-btn-prev-year:after{width:11px;height:10px;left:0;background-position:-16px -36px}
.tui-calendar .tui-calendar-btn-next-year:after{width:11px;height:10px;right:0;background-position:-16px -49px}
/* .tui-calendar.tui-calendar-month .tui-calendar-btn-next-year,.tui-calendar.tui-calendar-month .tui-calendar-btn-prev-year{width:50px} */
.tui-calendar .tui-calendar-has-btns .tui-calendar-btn-prev-year{left:10px}
.tui-calendar .tui-calendar-has-btns .tui-calendar-btn-next-year{right:10px}
.tui-calendar .tui-calendar-has-btns .tui-calendar-btn-prev-month{left:44px}
.tui-calendar .tui-calendar-has-btns .tui-calendar-btn-next-month{right:44px}
.tui-calendar .tui-calendar-body{padding:0 15px;}
.tui-calendar .tui-calendar-body-header th{font-size:11px;color:#23282e;}
.tui-calendar .tui-calendar-body-header th.tui-sun{color:#fa2828;}
.tui-calendar .tui-calendar-body-inner{width:100%;margin:0 auto;table-layout:fixed;border-collapse:collapse;text-align:center;font-size:12px}
.tui-calendar th{cursor:default}
.tui-calendar td,.tui-calendar th{height:30px !important;padding:0 !important;text-align:center !important;font-size:11px;color:#61676b}
.tui-calendar .tui-is-blocked:hover{cursor:default}
.tui-calendar .tui-calendar-month{width:25%;height:50px}
.tui-calendar .tui-calendar-today{color:#444444}
.tui-calendar .tui-calendar-next-month,.tui-calendar .tui-calendar-prev-month{color:#ccc}
.tui-calendar .tui-calendar-next-month.tui-calendar-date,.tui-calendar .tui-calendar-prev-month.tui-calendar-date{visibility:hidden}
.tui-calendar .tui-calendar-btn-choice{background-color:#444444}
.tui-calendar .tui-calendar-btn-close{background-color:#777}
.tui-calendar .tui-calendar-year{width:25%;height:50px}
/* 
.tui-calendar.tui-calendar-year .tui-calendar-btn-prev-year:after{width:7px;height:12px;left:50%;margin-left:-3px;background-position:0 0}
.tui-calendar.tui-calendar-year .tui-calendar-btn-next-year:after{width:7px;height:12px;right:50%;margin-right:-3px;background-position:-8px 0}
.tui-calendar.tui-calendar-year .tui-calendar-btn-next-year,.tui-calendar.tui-calendar-year .tui-calendar-btn-prev-year{width:50px} 
*/
.tui-datepicker{width:270px;border:1px solid #23282e;background-color:#fff;position:absolute;z-index:200;box-sizing:border-box;}
.tui-datepicker *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.tui-datepicker-body .tui-calendar-month,.tui-datepicker-body .tui-calendar-year{width:auto}
.tui-datepicker .tui-calendar{border:0}
.tui-datepicker .tui-calendar-title{cursor:pointer;}
.tui-datepicker .tui-calendar-title.tui-calendar-title-year-to-year{cursor:auto}
.tui-datepicker-body .tui-timepicker,.tui-datepicker-footer .tui-timepicker{width:274px;position:static;padding:20px 46px 20px 47px;border:0}
.tui-datepicker-footer .tui-timepicker{border-top:1px solid #eee}
.tui-datepicker-selector{padding:10px;font-size:0;text-align:center;border-bottom:1px solid #eee}
.tui-datepicker-selector-button{width:50%;height:26px;font-size:12px;line-height:23px;border:1px solid #ddd;background-color:#fff;color:#777;outline:none;cursor:pointer}
.tui-datepicker-selector-button.tui-is-checked{background-color:#eee;color:#333}
.tui-datepicker-selector-button+.tui-datepicker-selector-button{margin-left:-1px}
.tui-datepicker-selector-button [class^=tui-ico-]{margin:5px 9px 0 0;vertical-align:top}

.tui-datepicker-selector-button.tui-is-checked .tui-ico-time{background-position:0 -44px}
.tui-datepicker-area{position:relative}
.tui-datepicker-input{position:relative;display:inline-block;width:120px;vertical-align:top;}
.tui-datepicker-input *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tui-datepicker-input input{display:block;width:100%;height:38px;padding:0 8px 0 8px;font-size:14px;line-height:36px;border:1px solid #d4d4d4;box-sizing:border-box;outline:none;}
.tui-datepicker-input input::-ms-clear{display:none}
/*.tui-datepicker-input input::-ms-reveal{display:none}*/

.tui-ico-date{width:12px;height:12px;background-position:0 -66px;}
.tui-ico-date.tui-ico-date-on{background-position:-16px -66px;}

.datepicker_area{display:inline-block;font-size:0;vertical-align:top}
.tui-datepicker-input.tui-has-focus .tui-ico-date{background-position:0 -66px;}
/*
.tui-datepicker-selector-button.tui-is-checked .tui-ico-date{border:1px solid #f00}
*/

.tui-datepicker-input input:focus{border-color:#23282e}

.tui-datepicker-input .tui-ico-date{position:absolute;top:50%;right:12px;margin:-6px 0 0}
.tui-datepicker-input.tui-has-focus{border-color:#aaa}
.tui-datetime-input{display:inline-block;width:118px;box-sizing:border-box;}
.tui-datepicker .tui-is-blocked{cursor:default;color:#ddd}
.tui-datepicker .tui-is-valid{color:#999}
.tui-datepicker .tui-is-selectable:hover{background-color:#e9e9ea;cursor:pointer}
.tui-datepicker .tui-is-selectable.tui-is-selected,.tui-datepicker.tui-rangepicker .tui-is-selectable.tui-is-selected{background-color:#23282e;color:#fff}
.tui-datepicker.tui-rangepicker .tui-is-selected-range{background-color:#e9e9ea}
.tui-datepicker-dropdown{display:inline-block;width:120px}
.tui-datepicker-dropdown .tui-dropdown-button{width:100%;height:28px;padding:0 10px;font-size:12px;line-height:20px;border:1px solid #ddd;padding:0 30px 0 10px;text-align:left;background:#fff;cursor:pointer}
.tui-datepicker-dropdown{position:relative}
.tui-datepicker-dropdown .tui-ico-caret{position:absolute;top:12px;right:10px}
.tui-datepicker-dropdown .tui-dropdown-menu{display:none;position:absolute;top:27px;left:0;right:0;width:100%;padding:5px 0;margin:0;overflow-y:auto;min-width:0;max-height:198px;font-size:12px;border:1px solid #ddd;border-top-color:#fff;z-index:10;box-sizing:border-box;box-shadow:none;border-radius:0}
.tui-datepicker-dropdown.tui-is-open .tui-dropdown-button{display:block}
.tui-datepicker-dropdown.tui-is-open .tui-dropdown-button,.tui-datepicker-dropdown.tui-is-open .tui-dropdown-menu{display:block;border-color:#aaa}
.tui-datepicker-dropdown.tui-is-open .tui-ico-caret{background-position:-21px -28px}
.tui-datepicker-dropdown .tui-menu-item{overflow:hidden;position:relative;height:28px;line-height:28px;background-color:#fff;z-index:10}
.tui-datepicker-dropdown .tui-menu-item-btn{position:relative;width:100%;font-size:12px;font-weight:400;line-height:28px;padding:0 10px 0 30px;text-align:left;color:#333;background-color:#fff;border:0;cursor:pointer;z-index:9}
.tui-datepicker-dropdown .tui-menu-item-btn:hover,.tui-menu-item-btn:active,.tui-menu-item-btn:focus{color:#333;background-color:#f4f4f4}
.tui-datepicker-dropdown .tui-menu-item .tui-ico-check{display:none;overflow:hidden;position:absolute;width:10px;height:8px;top:10px;left:10px;background-position:-31px -54px;z-index:10;content:"aaa"}
.tui-datepicker-dropdown .tui-menu-item.tui-is-selected .tui-ico-check{display:block}
.tui-datepicker-dropdown .tui-menu-item.tui-is-selected .tui-menu-item-btn{font-weight:700}
.tui-dropdown-area{font-size:0}
.tui-dropdown-area .tui-datepicker-dropdown+.tui-datepicker-dropdown{margin-left:5px}

.tui-calendar-sun{color:#fe8383 !important;}
.tui-is-selected.tui-calendar-sun{color:#ffffff !important;}
.tui-calendar-sat{color:#61676b !important;}
.tui-is-selected.tui-calendar-sat{color:#ffffff !important;}

.tui-title-area{position:relative;display:inline-block;width:240px;}
.tui-calendar-day{position:absolute;top:18px;right:19px;height:22px;padding:0 6px;border:1px solid #dadada;font-size:11px;color:#666666;box-sizing:border-box;letter-spacing:0;}
.tui-calendar-year .tui-calendar-title{width:auto;}