/*
* 메인 페이지
* 달력 css
*/


:root .lightpick {
    background-color: white;
    --circle_key_color : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgb(112, 199, 69)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
    --circle_today_color : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(220, 50, 47, .5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
    --circle_test_color : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='blue' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
    --circle_hover_color : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23E0E0E0' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
    --font_color_golf_date : #707070;
    --calendar_border_color : 1px solid #dfdfdf;
    --calendar_bkc_dummy : #fafafa;
    padding: var(--padding_lightpick__month);

}
:root .main-calendar {
    text-align : center;
}




.main-calendar-wrapping .section-heading.is_hidden_calendar {
    display: none;
}
.main-calendar.is_hidden_calendar {
    visibility: hidden;
}
.main-calendar-wrapping .border_contain {
    border: 1px solid rgb(212, 212, 212);
    /*padding: 30px 60px;*/
}

/*달력 반응형 시작 */

.lightpick__previous-action  {
    background-image: url("../../../image/core-img/left_arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 20px; /* Set the width of the button icon */
    height: 20px; /* Set the height of the button icon */
}

.lightpick__next-action {
    background-image: url("../../../image/core-img/right_arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 20px; /* Set the width of the button icon */
    height: 20px; /* Set the height of the button icon */
}


/*메인 페이지 예약 달력 시작*/
:root .main-calendar.calen-1 {
    /*달력 날짜 1일 2일 ..*/
    --font_golf_date: 11px;
    /** new */
    --font_weight_golf_date : 400;
    --padding_top_golf_date : 2px;
    /** new */

    /*달력 상단 월 */
    --font_month: 16px;

    /*달력 전체*/
    --padding_lightpick : 10px;
    --opacity_lightpick : 100%;
    /*달력 개별 월 달력*/
    --padding_lightpick__month : 30px;

    /** new */
    --height_lightpick__month :   320px;
    --width_lightpick__month :   300px;
    /** new */

    /*달력 상단 월 타이틀 섹션 */
    --padding_lightpick__month-title : 10px;

    /*달력 날짜 box*/
    --height_box_date : 60px;
    --width_box_date : 60px;


    /*달력 예약가능 좌석 수*/
    --font_golf_num : 10px ;
    --padding_golf_num : 1px;
    --radius_golf_num : 50%;
    --bottom_golf_num : 3px;

    /*달력 요일 */
    --font_weekday : 13px;
    --padding_weekday : 5px;
    --font_weight_weekday : bold;


}

:root .main-calendar.calen-1 .lightpick {
    min-height: 493px !important;
    background-color: rgba(255,255,255,.9) !important;
}


:root .main-calendar.calen-2 {
    display: grid;
    /*달력 날짜 1일 2일 ..*/
    --font_golf_date: 13px;
    /*달력 상단 월 */
    --font_month: 20px;

    /*달력 전체*/
    --padding_lightpick : 10px;
    --opacity_lightpick : 100%;
    /*달력 개별 월 달력*/
    --padding_lightpick__month : 10px;
    /*--height_lightpick__month :   495px;*/
    /*--width_lightpick__month :   1004px;*/

    /*달력 상단 월 타이틀 섹션 */
    --padding_lightpick__month-title : 10px;

    /*달력 날짜 box*/
    --height_box_date : 70px;
    --width_box_date : auto;


    /*달력 예약가능 좌석 수*/
    --font_golf_num : 13px ;
    --padding_golf_num : 1px;
    --radius_golf_num : 50%;
    --bottom_golf_num : 6px;

    /*달력 요일 */
    --font_weekday : 16px;
    --padding_weekday : 12px;
    --font_weight_weekday : bold;

}

:root .main-calendar.calen-3 {
    display: grid;

    /*달력 날짜 1일 2일 ..*/
    --font_golf_date: 11px;
    /*달력 상단 월 */
    --font_month: 1rem;

    /*달력 전체*/
    --padding_lightpick : 10px;
    --opacity_lightpick : 100%;
    /*달력 개별 월 달력*/
    --padding_lightpick__month : 10px;
    /*--height_lightpick__month :   495px;*/
    /*--width_lightpick__month :   857px;*/

    /*달력 상단 월 타이틀 섹션 */
    --padding_lightpick__month-title : 10px;

    /*달력 날짜 box*/
    --height_box_date : 52px;
    --width_box_date : auto;


    /*달력 예약가능 좌석 수*/
    --font_golf_num : 11px ;
    --padding_golf_num : 1px;
    --radius_golf_num : 50%;
    --bottom_golf_num : 6px;

    /*달력 요일 */
    --font_weekday : 12px;
    --padding_weekday : 5px;
    --font_weight_weekday : bold;

}


/*실시간 예약 페이지 달력 */
:root .main-calendar.reserv-1  {

    display: grid;
    /*달력 날짜 1일 2일 ..*/
    --font_golf_date: 13px;
    /*달력 상단 월 */
    --font_month: 22px;

    /*달력 전체*/
    --padding_lightpick : 10px;
    --opacity_lightpick : 100%;
    /*달력 개별 월 달력*/
    --padding_lightpick__month : 10px;
    /*--height_lightpick__month :   495px;*/
    /*--width_lightpick__month :   1004px;*/

    /*달력 상단 월 타이틀 섹션 */
    --padding_lightpick__month-title : 10px;

    /*달력 날짜 box*/
    --height_box_date : 70px;
    --width_box_date : auto;


    /*달력 예약가능 좌석 수*/
    --font_golf_num : 13px ;
    --padding_golf_num : 1px;
    --radius_golf_num : 50%;
    --bottom_golf_num : 6px;

    /*달력 요일 */
    --font_weekday : 16px;
    --padding_weekday : 12px;
    --font_weight_weekday : bold;

}


:root .main-calendar.reserv-2 {
    display: grid;

    /*달력 날짜 1일 2일 ..*/
    --font_golf_date: 13px;
    /*달력 상단 월 */
    --font_month: 22px;

    /*달력 전체*/
    --padding_lightpick : 10px;
    --opacity_lightpick : 100%;
    /*달력 개별 월 달력*/
    --padding_lightpick__month : 10px;
    /*--height_lightpick__month :   495px;*/
    /*--width_lightpick__month :   857px;*/

    /*달력 상단 월 타이틀 섹션 */
    --padding_lightpick__month-title : 10px;

    /*달력 날짜 box*/
    --height_box_date : 70px;
    --width_box_date : auto;


    /*달력 예약가능 좌석 수*/
    --font_golf_num : 13px ;
    --padding_golf_num : 1px;
    --radius_golf_num : 50%;
    --bottom_golf_num : 6px;

    /*달력 요일 */
    --font_weekday : 14px;
    --padding_weekday : 5px;
    --font_weight_weekday : bold;

}


:root .main-calendar.reserv-3 {
    display: grid;


    /*달력 날짜 1일 2일 ..*/
    --font_golf_date: 11px;
    /*달력 상단 월 */
    --font_month: 1rem;

    /*달력 전체*/
    --padding_lightpick : 10px;
    --opacity_lightpick : 100%;
    /*달력 개별 월 달력*/
    --padding_lightpick__month : 10px;
    /*--height_lightpick__month :   495px;*/
    /*--width_lightpick__month :   857px;*/

    /*달력 상단 월 타이틀 섹션 */
    --padding_lightpick__month-title : 10px;

    /*달력 날짜 box*/
    --height_box_date : 57px;
    --width_box_date : auto;


    /*달력 예약가능 좌석 수*/
    --font_golf_num : 11px ;
    --padding_golf_num : 1px;
    --radius_golf_num : 50%;
    --bottom_golf_num : 6px;

    /*달력 요일 */
    --font_weekday : 12px;
    --padding_weekday : 5px;
    --font_weight_weekday : bold;

}


:root .main-calendar.reserv-4 {
    display: grid;

    /*달력 날짜 1일 2일 ..*/
    --font_golf_date: 11px;
    /*달력 상단 월 */
    --font_month: 0.9rem;

    /*달력 전체*/
    --padding_lightpick : 10px;
    --opacity_lightpick : 100%;
    /*달력 개별 월 달력*/
    --padding_lightpick__month : 10px;
    /*--height_lightpick__month :   495px;*/
    /*--width_lightpick__month :   857px;*/

    /*달력 상단 월 타이틀 섹션 */
    --padding_lightpick__month-title : 10px;

    /*달력 날짜 box*/
    --height_box_date : 52px;
    --width_box_date : auto;


    /*달력 예약가능 좌석 수*/
    --font_golf_num : 11px ;
    --padding_golf_num : 1px;
    --radius_golf_num : 50%;
    --bottom_golf_num : 6px;

    /*달력 요일 */
    --font_weekday : 12px;
    --padding_weekday : 5px;
    --font_weight_weekday : bold;

}



/* 예약 대기 페이지 달력 */
:root .main-calendar.wait-1  {

    display: grid;
    /*달력 날짜 1일 2일 ..*/
    --font_golf_date: 13px;
    /*달력 상단 월 */
    --font_month: 22px;

    /*달력 전체*/
    --padding_lightpick : 10px;
    --opacity_lightpick : 100%;
    /*달력 개별 월 달력*/
    --padding_lightpick__month : 10px;
    /*--height_lightpick__month :   495px;*/
    /*--width_lightpick__month :   1004px;*/

    /*달력 상단 월 타이틀 섹션 */
    --padding_lightpick__month-title : 10px;

    /*달력 날짜 box*/
    --height_box_date : 70px;
    --width_box_date : auto;


    /*달력 예약가능 좌석 수*/
    --font_golf_num : 13px ;
    --padding_golf_num : 1px;
    --radius_golf_num : 50%;
    --bottom_golf_num : 6px;

    /*달력 요일 */
    --font_weekday : 16px;
    --padding_weekday : 12px;
    --font_weight_weekday : bold;

}


:root .main-calendar.wait-2 {
    display: grid;

    /*border: blue solid 5px;*/

    /*달력 날짜 1일 2일 ..*/
    --font_golf_date: 13px;
    /*달력 상단 월 */
    --font_month: 22px;

    /*달력 전체*/
    --padding_lightpick : 10px;
    --opacity_lightpick : 100%;
    /*달력 개별 월 달력*/
    --padding_lightpick__month : 10px;
    /*--height_lightpick__month :   495px;*/
    /*--width_lightpick__month :   857px;*/

    /*달력 상단 월 타이틀 섹션 */
    --padding_lightpick__month-title : 10px;

    /*달력 날짜 box*/
    --height_box_date : 70px;
    --width_box_date : auto;


    /*달력 예약가능 좌석 수*/
    --font_golf_num : 13px ;
    --padding_golf_num : 1px;
    --radius_golf_num : 50%;
    --bottom_golf_num : 6px;

    /*달력 요일 */
    --font_weekday : 14px;
    --padding_weekday : 5px;
    --font_weight_weekday : bold;

}


:root .main-calendar.wait-3 {
    display: grid;

    /*border: green solid 5px;*/

    /*달력 날짜 1일 2일 ..*/
    --font_golf_date: 11px;
    /*달력 상단 월 */
    --font_month: 1rem;

    /*달력 전체*/
    --padding_lightpick : 10px;
    --opacity_lightpick : 100%;
    /*달력 개별 월 달력*/
    --padding_lightpick__month : 10px;
    /*--height_lightpick__month :   495px;*/
    /*--width_lightpick__month :   857px;*/

    /*달력 상단 월 타이틀 섹션 */
    --padding_lightpick__month-title : 10px;

    /*달력 날짜 box*/
    --height_box_date : 57px;
    --width_box_date : auto;


    /*달력 예약가능 좌석 수*/
    --font_golf_num : 11px ;
    --padding_golf_num : 1px;
    --radius_golf_num : 50%;
    --bottom_golf_num : 6px;

    /*달력 요일 */
    --font_weekday : 12px;
    --padding_weekday : 5px;
    --font_weight_weekday : bold;

}


:root .main-calendar.wait-4 {
    display: grid;
    /*border: red solid 5px;*/

    /*달력 날짜 1일 2일 ..*/
    --font_golf_date: 11px;
    /*달력 상단 월 */
    --font_month: 0.9rem;

    /*달력 전체*/
    --padding_lightpick : 10px;
    --opacity_lightpick : 100%;
    /*달력 개별 월 달력*/
    --padding_lightpick__month : 10px;
    /*--height_lightpick__month :   495px;*/
    /*--width_lightpick__month :   857px;*/

    /*달력 상단 월 타이틀 섹션 */
    --padding_lightpick__month-title : 10px;

    /*달력 날짜 box*/
    --height_box_date : 52px;
    --width_box_date : auto;


    /*달력 예약가능 좌석 수*/
    --font_golf_num : 11px ;
    --padding_golf_num : 1px;
    --radius_golf_num : 50%;
    --bottom_golf_num : 6px;

    /*달력 요일 */
    --font_weekday : 12px;
    --padding_weekday : 5px;
    --font_weight_weekday : bold;

}


/* 마이페이지 날짜 조회 달력 시작*/
:root .main-calendar.mylist-1 {
    position: absolute;

    /*달력 날짜 1일 2일 ..*/
    --font_golf_date: 9px;
    /** new */
    --font_weight_golf_date : 400;
    --padding_top_golf_date : 8px;
    /** new */

    /*달력 상단 월 */
    --font_month: 11px;

    /*달력 전체*/
    --padding_lightpick : 10px;
    --opacity_lightpick : 100%;
    /*달력 개별 월 달력*/
    --padding_lightpick__month : 0px;


    /*달력 상단 월 타이틀 섹션 */
    --padding_lightpick__month-title : 10px;

    /*달력 날짜 box*/
    --padding_box_date : 16px;


    /*달력 예약가능 좌석 수*/
    --font_golf_num : 10px ;
    --padding_golf_num : 0px;
    --radius_golf_num : 50%;
    --bottom_golf_num : 0px;

    /*달력 요일 */
    --font_weekday : 10px;
    --padding_weekday : 3px;
    --font_weight_weekday : bold;


}

:root .main-calendar.mylist-2 {
    display: grid;
    position: absolute;
    width: 100%;
    /*달력 날짜 1일 2일 ..*/
    --font_golf_date: 9px;
    /*달력 상단 월 */
    --font_month: 0.9rem;

    /*달력 전체*/
    --padding_lightpick : 0px;
    --opacity_lightpick : 100%;
    /*달력 개별 월 달력*/
    --padding_lightpick__month : 7px;

    /*달력 상단 월 타이틀 섹션 */
    --padding_lightpick__month-title : 7px;

    /*달력 날짜 box*/
    /*--height_box_date : 35px;*/
    /*--width_box_date : auto;*/
    --padding_box_date : 10px;


    /*달력 예약가능 좌석 수*/
    --font_golf_num : 11px ;
    --padding_golf_num : 1px;
    --radius_golf_num : 50%;
    --bottom_golf_num : 6px;

    /*달력 요일 */
    --font_weekday : 9px;
    --padding_weekday : 3px;
    --font_weight_weekday : bold;

}


.tbl_frm01 table .day:has(.mylist-3) {
    position: unset;
}
.tbl_frm01 .day_period_wrap:has(.mylist-3) {
    display: flex;
    align-items: center;
    position: relative;
}
:root .main-calendar.mylist-3 {
    display: grid;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 301;
    /* width: 1020px; */
    /* height: 642px; */
    /* background: #fff; */
    /* z-index: 1001; */
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;

    /*달력 날짜 1일 2일 ..*/
    --font_golf_date: 9px;
    /*달력 상단 월 */
    --font_month: 0.9rem;

    /*달력 전체*/
    --padding_lightpick : 0px;
    --opacity_lightpick : 100%;
    /*달력 개별 월 달력*/
    --padding_lightpick__month : 7px;

    /*달력 상단 월 타이틀 섹션 */
    --padding_lightpick__month-title : 7px;

    /*달력 날짜 box*/
    /*--height_box_date : 35px;*/
    /*--width_box_date : auto;*/
    --padding_box_date : 10px;


    /*달력 예약가능 좌석 수*/
    --font_golf_num : 11px ;
    --padding_golf_num : 1px;
    --radius_golf_num : 50%;
    --bottom_golf_num : 6px;

    /*달력 요일 */
    --font_weekday : 9px;
    --padding_weekday : 3px;
    --font_weight_weekday : bold;

}




/*달력 반응형 끝 */




.lightpick {
    /*달력 전체 div*/
    position: absolute;
    z-index: 18;
    padding: var(--padding_lightpick);
    /*border-radius: 4px;*/
    background-color: lightgray;
    /*opacity: var(--opacity_lightpick);*/
    /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);*/
    color: #000;
    /*line-height: 1.125em;*/
}

.lightpick--inlined {
    position: relative;
    display: inline-block;
}

.lightpick,
.lightpick *,
.lightpick::after,
.lightpick::before,
.lightpick__day::after,
.lightpick__day::before
{
    box-sizing: border-box;
}

.lightpick.is-hidden {
    display: none;
}

.lightpick__months {
    /*옆으로 한줄*/
    /*display: grid;*/
    /*background-color: #EEE;*/
    grid-template-columns: auto;
    grid-gap: 1px;
}

.lightpick--2-columns .lightpick__months {
    grid-template-columns: auto auto;
}

.lightpick--3-columns .lightpick__months {
    grid-template-columns: auto auto auto;
}

.lightpick--4-columns .lightpick__months {
    grid-template-columns: auto auto auto auto;
}

.lightpick--5-columns .lightpick__months {
    grid-template-columns: auto auto auto auto auto;
}

.lightpick__month {
    /*달력 크기*/
    /*padding: var(--padding_lightpick__month);*/
    /*height:  var(--height_lightpick__month);*/
    /*width: var(--width_lightpick__month);*/
    /*background-color: #FFF;*/


}

/* 상단 연/월 header */
header.lightpick__month-title-bar {
    margin-bottom: 4px;
    justify-content: space-between;
    align-items: center;
    box-shadow : none !important;

}


.lightpick__month-title-bar div , .end-reserv{
    pointer-events: none;
    display: inline-block;
}


.lightpick__month-title {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    font-size: var(--font_month);
    font-weight: normal;
    line-height: 24px;
    cursor: default;
    padding: 0 var(--padding_lightpick__month-title);
    border-radius: 4px;
}

.lightpick__month-title > .lightpick__select {
    border: none;
    background-color: transparent;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.lightpick__month-title > .lightpick__select:disabled {
    color: #333;
}

.lightpick__month-title > .lightpick__select-months {
    font-size: 1em;
    margin-right: .5em;
    pointer-events: none;
}

.lightpick__toolbar {
    display: flex;
    justify-content: space-between;
    z-index: 30;
    position: absolute;
    width: 100%;
}

/*달력 전체*/
.lightpick__inner {
    position: relative;
}

.lightpick__previous-action,
.lightpick__next-action,
.lightpick__close-action {
    /*상단 좌측 우측 화살표 */
    display: flex;
    margin-left: 6px;
    justify-content: center;
}

.lightpick__previous-action,
.lightpick__next-action {
    font-size: 12px;
}

.lightpick__close-action {
    font-size: 18px;
}

.lightpick__previous-action:active,
.lightpick__next-action:active,
.lightpick__close-action:active {
    color: inherit;
}

.lightpick__days-of-the-week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.lightpick__day-of-the-week {
    border-top: var(--calendar_border_color);
    border-bottom: var(--calendar_border_color);
    font-size: var(--font_weekday);
    font-weight: var(--font_weight_weekday);
    padding : var(--padding_weekday);
    justify-content: center;
    align-items: center;
    display: flex;

}

.lightpick__days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}


.golf_date{
    position: absolute;
    font-size: var(--font_golf_date);
    font-weight: var(--font_weight_golf_date);
    padding-top: var(--padding_top_golf_date);
    color: var(--font_color_golf_date);

}



.lightpick__day .golf_num{
    position: absolute;
    bottom: var(--bottom_golf_num);
    display: inline-block;
    font-size: var(--font_golf_num );
    border-radius: var(--radius_golf_num);
    padding: var(--padding_golf_num);
}


.lightpick__day {
    /* 달력 날짜 개별 box */
    /* border: 1px solid blueviolet; */
    position: relative;
     flex-direction: column;
    display: flex;
    height: var(--height_box_date);
    width: var(--width_box_date);
    padding: var(--padding_box_date);

    /* background-position: center center; */
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
    /*justify-content: center;*/
     align-items: center;
    /* cursor: default; */
}

.lightpick__day:not(.sun):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-left: var(--calendar_border_color);
}
.lightpick__day:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    /*width: var(--width_box_date);*/
    border-bottom: var(--calendar_border_color);
}

.lightpick__days .dummy.sun{
    border-bottom: var(--calendar_border_color);
    background-color: var(--calendar_bkc_dummy);
    font-size: 0;
}

.lightpick__days .dummy:not(.sun){
    border-bottom: var(--calendar_border_color);
    border-left: var(--calendar_border_color);
    background-color: var(--calendar_bkc_dummy);
    font-size: 0;
}


.lightpick__day.is-previous-month,
.lightpick__day.is-next-month , .dummy {
    pointer-events: none;
}


.lightpick__day.is-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.lightpick__day.disabled-tooltip {
    pointer-events: auto;
}

.lightpick__day.is-disabled.is-forward-selected {
    opacity: 1;
}
.lightpick__day.is-disabled.is-forward-selected:not(.is-start-date) {
    background-color: rgba(38, 139, 210, 0.1);
    background-image: none;
}

.lightpick__day.is-previous-month,
.lightpick__day.is-next-month {
    opacity: 0.38;
}

.lightpick__day.lightpick__day.is-in-range:not(.is-disabled) {
    opacity: 1;
}

.lightpick__day.is-in-range {
    border-radius: 0;
    background-color: rgba(38, 139, 210, 0.1);
    background-image: none;
}

.lightpick__day.is-in-range:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(38, 139, 210, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
}

.lightpick__day.is-start-date.is-in-range,
.lightpick__day.is-end-date.is-in-range.is-flipped {
    border-top-left-radius: 50%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 50%;
    background-color: #268BD2;
    background-image: none;
}

.lightpick__day.is-end-date.is-in-range,
.lightpick__day.is-start-date.is-in-range.is-flipped {
    border-top-left-radius: 0;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 0;
    background-color: #268BD2;
    background-image: none;

}

.lightpick__day.is-start-date.is-end-date {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='blue' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
}


.lightpick__tooltip {
    position: absolute;
    margin-top: -4px;
    padding: 4px 8px;
    border-radius: 4px;
    /*background-color: #FFF;*/
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    font-size: 11px;
    pointer-events: none;
}

.lightpick__tooltip::before {
    position: absolute;
    bottom: -5px;
    left: calc(50% - 5px);
    border-top: 5px solid rgba(0, 0, 0, 0.12);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
}

.lightpick__tooltip::after {
    position: absolute;
    bottom: -4px;
    left: calc(50% - 4px);
    border-top: 4px solid #FFF;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}
.lightpick__footer {
    display: flex;
    justify-content: space-between;
}
.lightpick__reset-action,
.lightpick__apply-action {
    border-radius: 5px;
    font-size: 12px;
    border: none;
}
.lightpick__reset-action {
    color: #fff;
    background-color: #aeacad;
}
.lightpick__apply-action {
    color: #fff;
    background-color: #2495f3;
}



/*달력 크기 조정*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lightpick__month .lightpick__day {
        /*font-size: 11px;*/
        /*color:  blueviolet;*/
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    /*.single-hero-post {*/
    /*    height: 600px;*/
    /*}*/
}

@media only screen and (max-width: 767px) {
    /*.single-hero-post {*/
    /*    height: 650px;*/
    /*}*/
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    /*.single-hero-post {*/
    /*    height: 500px;*/
    /*}*/
}


/*메인화면 달력 전체화면 시 포지션 값*/
.main-calendar:not(.drop-calendar){
    z-index: 10;
    position: absolute;
    right: 31px;
    top: 366px;
}


/* 예약이나 대기 신청이 가능한 날짜에 동그라미 */
.main-calendar .pointer:not(.is-start-date) {
    /*background-image: var(--circle_key_color);*/
    /*background-size: 35% auto;*/
    /*background-position: center center;*/
    /*z-index: 9;*/
    color : var(--key_green_color)
}

.main-calendar :not(.is-start-date) .golf_num {
    color: black;
}

/*클릭한 날짜 전체에 동그라미 */
.main-calendar .pointer.is-start-date , .main-calendar .pointer.is-start-date .golf_num {
    /*background-image: var(--circle_key_color);*/
    /*background-size: 95% auto;*/
    color: #FFFFFF;
    background-color: var(--key_green_color);
    /*background-position: center center;*/
}

/*오늘날짜 동그라미*/
.lightpick__day.is-today , .lightpick__day.is-today .golf_num{
    /*background-image: var(--circle_today_color);*/
    /*background-size: 35% auto;*/
    /*background-position: center center;*/
    color: #DC322F;
}

/*날짜 에 hover 동그라미*/
/*.lightpick__day:not(.is-disabled):hover {*/
/*    background-size: contain;*/
/*    background-image: var(--circle_hover_color)*/
/*}*/


/*날짜 에 hover 동그라미*/
.lightpick__day.golf_date:hover {
    /*background-size: contain;*/
    /*background-image: var(--circle_hover_color);*/

}



/*.lightpick__day.pick_date {*/
/*    background-image: var(--circle_key_color) !important;*/
/*    background-size: 84% auto !important;*/
/*    background-position: center center !important;*/
/*}*/