/* datepicker_v2.0.css 2021-11-17 10:41 by hclee@jeju.com */

@charset "euc-kr";
.ui-widget{font-family:'lato';}
/** Datepicker ÀçÁ¤ÀÇ **/

#ly_calendar .picked {
	background-color: #fff;
}
#ly_calendar .picked span:nth-child(2) {
	width: 50%;
}
#ly_calendar .picked span select{
    display: none;
}

#ly_calendar *, #ly_calendar *:before, #ly_calendar *:after {
    box-sizing: border-box;
}

#ly_calendar *::-webkit-scrollbar{width:0; height: 0;}

#ly_calendar {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	z-index: 100;
    font: 1rem/1 Lato, 'NBG', '³ª´® ¹Ù¸¥ °íµñ', NanumGothic, AppleSDGothicNeo-Regular, '¸¼Àº °íµñ', 'Malgun Gothic', 'µ¸¿ò', Dotum, '±¼¸²', Gulim, Helvetica, sans-serif; font-weight: 400; color: #3d3d3d;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;
}


#ly_calendar .week{
    table-layout:fixed; 
}

#ly_calendar .week th{
    height: 36px;
    line-height: 36px;
    font-size: 15px;

    background-color: var(--bg-lightgray);
    color: var(--color-gray);
    font-weight: normal;
}

#ly_calendar .calendar_area {
	position: absolute;
	top: 80px;
	right: 0;
	bottom: 80px;
	left: 0;
	overflow: auto;
	font-family: 'Lato';
}

/* ¼±ÅÃµÈ ³¯Â¥ ¿µ¿ª ¾ø¾Ö±â*/
#ly_calendar .calendar_area.nomulti {
	bottom: 62px;
}



#ly_calendar .ui-datepicker-header {
    background-color: #fff;
    /*height:52px;*/
}

#ly_calendar .ui-datepicker-header.ui-widget-header{
   margin:0 0 -10px 0;
   padding: 21px 24px 14px 0;
}

#ly_calendar .ui-datepicker-title {
    text-align: right; 
    font-size: 21px;
    font-weight:400;
    color: var(--color-darkgray);
    margin:0;
    padding:0;
    height:100%;
    line-height:100%;
}



#ly_calendar .ui-datepicker.ui-datepicker-multi {
	width: 100% !important;
	box-sizing: border-box;
	padding: 0;
	border: none;
	border-radius: 0;
	margin: 0
}
#ly_calendar .ui-datepicker-multi-2 .ui-datepicker-group {
	width: 100%;
	box-sizing: border-box;
	float: none;
}
#ly_calendar .ui-datepicker-header .ui-corner-all {
	display: none;
}
#ly_calendar .ui-datepicker-multi .ui-datepicker-group table {
	width: 100%;
	margin: 0;
	background: #fff
}

#ly_calendar .ui-datepicker-calendar thead{
    display: none;
}

#ly_calendar .ui-datepicker th {
    display: none;
}



#ly_calendar .ui-datepicker-calendar{
    width: 100%;
    border-collapse:separate;
    border-spacing: 0 14px; 
}




#ly_calendar .ui-datepicker-calendar td {
	width: 14%;
	padding: 0;
    position: relative;
    max-height: 40px;
    vertical-align: top;
    text-align: center;
    table-layout:fixed;
}

/*°¡´Â³¯ ¿À´Â³¯ »çÀÌ ±¸°£*/
#ly_calendar .ui-datepicker-calendar td.datepicker_selected_term{
	background: var(--bg-emphasis);
}


#ly_calendar .ui-datepicker-calendar td.datepicker_selected.on.datepicker_ar_start::before,
#ly_calendar .ui-datepicker-calendar td.datepicker_selected.on.datepicker_ac_start::before,
#ly_calendar .ui-datepicker-calendar td.datepicker_selected.on.datepicker_rc_start::before{
	content: " ";
	position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    height: 40px;
    background-color: var(--bg-emphasis);
}

#ly_calendar .ui-datepicker-calendar td.datepicker_selected.on.datepicker_ar_end::before,
#ly_calendar .ui-datepicker-calendar td.datepicker_selected.on.datepicker_ac_end::before,
#ly_calendar .ui-datepicker-calendar td.datepicker_selected.on.datepicker_rc_end::before{
	content: " ";
	position: absolute;
    top: 0;
    left: 0;
    right: 50%;
    height: 40px;
    background-color: var(--bg-emphasis);
}




#ly_calendar .ui-datepicker-calendar a,  #ly_calendar .ui-datepicker-calendar span {
	text-align: center;
	border: none;
	color: #3d3d3d;
	font-weight: normal;
	position: relative; 
    z-index:1; 
    display:inline-block; 
    width: 40px;
    height: 40px; 
    line-height: 40px;
    border-radius:50%; 
    background: transparent;
    font-size: 15px;
}




#ly_calendar .ui-datepicker-calendar a.ui-state-active {
	background: inherit;
	color: inherit;
}

/*¿À´Ã*/
#ly_calendar .ui-datepicker-calendar .ui-datepicker-today a {
	background: #37b7b6 !important;
	color: #fff !important;
}

/*¼±ÅÃ*/
#ly_calendar .ui-datepicker-calendar .datepicker_selected a {
    background: var(--color-warning) !important; 
    color: #fff; 
}



#ly_calendar .ui-datepicker-calendar td.datepicker_selected a::after, 
#ly_calendar .ui-datepicker-calendar td.ui-datepicker-today a:after,
#datepicker_popup .ui-datepicker-calendar td.ac-room-close-date a::after,
#datepicker_popup .ui-datepicker-calendar td.ac-room-close-date span::after,
#ly_calendar .ui-datepicker-calendar td.date-price .price /*2024-05-30 13:21 by hclee@jeju.com*/
{
    content: '¼±ÅÃ';
    display: block;
    font-weight: normal;
    text-align: center;
    line-height: var(--gap-10);
    position: absolute;
    left: 0;
    width: 100%;
    white-space: nowrap;
    font-size: 0.75rem;
    letter-spacing: -0.5px;
}

/*2024-05-30 13:21 by hclee@jeju.com*/
#ly_calendar .ui-datepicker-calendar td.date-price .price {
    color : var(--color-warning);
}


#ly_calendar .ui-datepicker-calendar td.datepicker_selected.date-price a::after{
    display: none;
}

/*°´½Ç¸¶°¨*/
#datepicker_popup .ui-datepicker-calendar td.ac-room-close-date a::after,
#datepicker_popup .ui-datepicker-calendar td.ac-room-close-date span::after {
	content: '¸¶°¨';
}


#ly_calendar .ui-datepicker-calendar td.ui-datepicker-today a:after {
	content: '¿À´Ã';
    color :#37b7b6;
}

#ly_calendar .ui-datepicker-calendar td.datepicker_selected a:after {
    color : var(--color-warning);
}


#ly_calendar .ui-datepicker-calendar td.datepicker_selected.datepicker_start a::after {
	content: 'Ãâ¹ßÀÏ';
}
/*°¡´Â³¯¿À´Â³¯ °°À» °æ¿ì(Ç×°ø, ·»ÅÍÄ«¿¡¼­ »ç¿ë)*/
#ly_calendar .ui-datepicker-calendar td.datepicker_selected.datepicker_a_day a::after {
	content: '´çÀÏ';
}

#ly_calendar .ui-datepicker-calendar td.datepicker_selected.datepicker_ar_start a::after, #datepicker_popup .picked.ar span:nth-child(1)::before {
	content: '°¡´Â³¯';
}
#ly_calendar .ui-datepicker-calendar td.datepicker_selected.datepicker_ar_end a::after, #datepicker_popup .picked.ar span:nth-child(2)::before {
	content: '¿À´Â³¯';
}
#ly_calendar .ui-datepicker-calendar td.datepicker_selected.datepicker_ac_start a::after, #datepicker_popup .picked.ac span:nth-child(1)::before {
	content: 'Ã¼Å©ÀÎ';
}
#ly_calendar .ui-datepicker-calendar td.datepicker_selected.datepicker_ac_end a::after, #datepicker_popup .picked.ac span:nth-child(2)::before {
	content: 'Ã¼Å©¾Æ¿ô';
}
#ly_calendar .ui-datepicker-calendar td.datepicker_selected.datepicker_rc_start a::after, #datepicker_popup .picked.rc span:nth-child(1)::before {
	content: 'ÀÎ¼öÀÏ';
}
#ly_calendar .ui-datepicker-calendar td.datepicker_selected.datepicker_rc_end a::after, #datepicker_popup .picked.rc span:nth-child(2)::before {
	content: '¹Ý³³ÀÏ';
}



#datepicker_popup .picked.rc span:nth-child(1)::before, #datepicker_popup .picked.rc span:nth-child(2)::before {
    font-size: 15px/*0.929rem*/;
    vertical-align: middle;
}


#datepicker_popup .picked.rc span:nth-child(1)::before {
    content: 'ÀÎ¼ö';
}

#datepicker_popup .picked.rc span:nth-child(2)::before {
	content: '¹Ý³³';
}

#ly_calendar .picked.rc span strong{
    display:inline;
    font-size: 16px/*1.143rem*/;
    margin-left:7px;
    vertical-align: middle;
}

#ly_calendar .picked.rc span select{
    margin-top: 10px;
    display: block;
    background: url(/publishing21/ren_v2/resources/images/common/ico_arr_d.svg) no-repeat calc(100% - var(--size-16)) 50%;
    width: 100%;
	height: var(--height-40);
    padding: 0 var(--size-16);
    border: 1px solid var(--border-color);
    font-size: 16px;/*var(--size-15);*/
    border-radius: var(--round-4);
}

/* ÀÌÀü´Þ ´ÙÀ½´Þ ¾Èº¸¿©¼­*/
/*.ui-datepicker-header .ui-corner-all {
    display:block;
}*/

/* ¹Ø¿¡ ´Þ·Â ´ÙÀ½´Þ ¹öÆ° À§·Î ¾Èº¸¿©¼­*/
#ly_calendar .ui-datepicker .ui-datepicker-header {
	position: inherit;
}
#ly_calendar .ui-datepicker-multi .ui-datepicker-group {
	width: 100%;
}

/*2022-04-12 ±×¸²ÀÚÈ¿°ú Ãß°¡ kimmi*/
#ly_calendar .picked {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	border-top: 1px solid #dfdfdf;
	display: table;
	width: 100%;
	box-sizing: border-box;
	/*padding-bottom: 42px*/
	padding-bottom: 62px;
	background-color: #fff;
	z-index: 2;
	box-shadow: 10px 0px 15px 0px lightgrey;
}
#ly_calendar .picked span {
	display: table-cell;
	border-left: 1px solid #dfdfdf;
	min-width: 50%;
	box-sizing: border-box;
	text-align: left;
	padding: 8px 18px;

	font-size: 13px;
    color: var(--color-lightgray);
}
#ly_calendar .picked span:first-child {
	border-left: none;
}

#ly_calendar .picked span strong {
	display: block;
	margin: 10px auto 0;
	font-size: 18px;
    color: #000;
	font-weight: normal;
}


/* ¼±ÅÃ ¹öÆ°*/
#ly_calendar .picked .btn-xl-primary{
	background-color: var(--color-warning);
	width: 100%;
    border-radius: 0;
	height: 62px;
    padding: 0 34px;
    margin: 0;
    font-size: 21px;
	color: #fff;
	border: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

#ly_calendar .picked .btn-xl-primary .ico-checkL {
	display: inline-block;
	vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-left: 3px;
    background: url(/publishing21/air_v2/resources/images/common/ico_check_l.svg) no-repeat center;
    background-size: 110%;
    transform: translateY(-10%);
}

