/*
 *  MEMO : �몃� 紐⑤뱢�� �ㅽ��쇱쓣 �섏젙�섎뒗 css�낅땲��.
 * �묒꽦�� : 誘쇱�
 * �묒꽦�� : 2020/02/25.
*/
/* modal_img_origin */
.modal_img_origin{background: #000;
    overflow: auto;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top:0; left:0;
    z-index: 1000;
}
.modal_img_origin .img_box{
    width: 100%;
    height: 100%;
}
#map{width: 100%;margin-top: 20px;height: 190px;}
.modal_info{width: 100%;height: 100%;}

.swiper-pagination{left:50%;transform: translateX(-50%);}
.swiper-pagination-bullet{margin: 0 4px;background-color: #b9a8d1;width: 8px;height: 8px;}
.swiper-pagination-bullet-active{background-color: #7256B2;}
.store_swiper {overflow: hidden;}
.store_swiper .img_box{position: relative;padding-top: 100%;height: 0;}
.store_swiper .img_box img{position: absolute;top:0;left:0;z-index: 1;width: 100%;height: 100%;}
/* �щ젰 */
.datepicker{background:#fff url('/images/i_calendar.png') no-repeat calc(100% - 16px) center;background-size: 20px;width: 160px;}
#ui-datepicker-div{background: #fff; }
.ui-datepicker-calendar{border:1px solid #eee; border-top: 0;}
.ui-datepicker-calendar th{padding: 0 0 10px 0;text-align: center;background: #F4F8F9;}
.calendar_wrap{margin-top: 40px; padding: 20px; box-sizing: border-box;}
.calendar_title_bar{padding: 12px 20px; box-sizing: border-box; width: 100%; height: 42px; background: #005AB2; color:#fff;}
.calendar_title_bar span{color:inherit;}
.calendar_title_bar span.date{font-size: 16px;}
.calendar_title_bar span.num{float: right;font-size: 14px;}
/* �щ젰 custom : s */
.ui-datepicker{width: 100%; box-sizing: border-box; padding: 0;}
.ui-widget-content{width: 200px;}
/* �щ젰 header */
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:14px; right:0;}
.ui-datepicker .ui-datepicker-header{border:1px solid #eee; border-bottom: 0;position: relative;background: #F4F8F9;width: 100%;box-sizing: border-box;padding: 10px 0;}
.ui-widget-header .ui-icon{background: url('/images/head_btn_back.png') no-repeat; display: block;width: 18px;height: 18px; font-size: 0;background-size:18px}
.ui-widget-header .ui-datepicker-prev{width: 18px;position: absolute;z-index: 1; left:10px;top:25px;}
.ui-widget-header .ui-datepicker-next{width: 18px;transform: rotate(180deg);position: absolute;z-index: 1; right:10px;top:25px;}
.ui-datepicker .ui-datepicker-title{text-align: center;font-weight: normal;font-size: 20px;color:#333;}
.ui-datepicker .ui-datepicker-title select{width: calc(50% - 44px);height: 40px;font-size: 12px;background: #fff;margin: 05px;border-radius: 5px;padding: 10px;border: 0;font-weight: normal;color:#333;}
.ui-datepicker th span{font-size: 12px!important; font-weight: normal;}
/* �щ젰 date */
.ui-datepicker td{padding: 0; position: relative;font-size: 0;}
.ui-datepicker td::after{content: '';display: block; padding-top: 100%}
.ui-datepicker td span, .ui-datepicker td a{width:100%; height:100%; display: flex; justify-content: center; align-items: center; position: absolute; padding: 0; box-sizing: border-box; text-align: center;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{font-size: 12px;border-radius: 50%;border:0; background: #fff;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{border-radius: 50%; color:inherit;border:2px solid #60DDE1!important; z-index: 11;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border-radius: 50%;background: #F4F8F9;color:#333; z-index: 10;}
.ui-datepicker td.active a{background: #FFDDE5;}
.ui-state-disabled span.ui-state-default{color:#d8d8d8}