@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
/*@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
*/
@import url('/include/font/nanumsquare.css');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/css?family=Roboto&display=swap);
@import url(//fonts.googleapis.com/earlyaccess/hanna.css);
@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');

body{
	margin:0;
	padding:0;
	font-family:   'Noto Sans KR',  'NanumSquare','Maven Pro','Open Sans', sans-serif ;
	/*font-family: 'Lato', sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-family: 'Oswald', sans-serif;
	font-family: 'PT Sans', sans-serif;
	font-family: 'Montserrat', sans-serif;*/
	font-size:12px;
	line-height:18px;
	color:#333;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing : antialiased;
	}
*{padding: 0px; margin: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: keep-all} /* border-bㅐx : boeder값도 width-size에 포함*/
header, footer, nav, section, article, aside{display:block}
header, footer, nav, section, article, aside, body, div, p, ul, li, h1, h2, h3, h4, h5, h6{margin:0; padding:0}
a{color:#333;}
a:hover, a:link{text-decoration:none; outline: 0; }
img{border:none; vertical-align: middle;}
ul{list-style:none;}
.light{ font-weight: 400 !important;}
.normal{ font-weight: 400 !important;}
.bold{ font-weight: 700 !important;}
.bolder{ font-weight: 800 !important;}
.dF {display: flex;}
.dFA {align-items: center;}
.dAc { align-items: center;}
.dAe { align-items: end}
.dAf { align-items: flex-start}
.dJc { justify-content: center}
.dJe {justify-content: end}
.dJSb { justify-content: space-between}
.dJs {justify-content: start}
.fwW { flex-wrap: wrap}

/*margin*/
.marginR8 { margin-right: 8px;}
.mt0 { margin-top: 0 !important;}
.mt5{margin-top: 5px!important;}
.mt7{margin-top: 7px!important;}
.mt10 { margin-top: 10px !important}
.mt15 { margin-top: 15px}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px}
.mt35 {margin-top: 35px}
.mt40 {margin-top: 40px !important}
.mt50 {margin-top: 50px !important; }
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}
.mt80 { margin-top: 80px !important;}
.mt100 { margin-top: 100px !important;}
.mb5 {margin-bottom: 5px}
.mb10 {margin-bottom: 10px}
.mb15 {margin-bottom: 15px}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mr0 { margin-right: 0 !important;}
.mr10 { margin-right: 10px}
.mr15 { margin-right: 15px}
.mr20 { margin-right: 20px}
.mr30 { margin-right: 30px}
.mr40 { margin-right: 40px}
.mr50 { margin-right: 50px}
.ml0{margin-left: 0!important;}
.ml5 { margin-left: 5px}
.ml10 { margin-left: 10px}
.ml15 { margin-left: 15px}
.ml20 { margin-left: 20px}
.ml30 { margin-left: 30px}
.ml40 { margin-left: 40px}
.ml50 { margin-left: 50px}
.overXS { overflow-x: scroll}
.mtb15 { margin: 15px 0;}

/* padding */
.ptb510 { padding: 5px 10px; }
.ptb10 { padding: 10px 0; }
.ptb20 { padding: 20px 0; }
.ptb30 { padding: 30px 0; }
.ptb40 { padding: 40px 0; }
.ptb50 { padding: 50px 0;  }

.pt0 { padding-top: 0 !important;}
.pt10 { padding-top: 10px}
.pt20 { padding-top: 20px !important;}
.pt30 { padding-top: 30px}
.pt40 { padding-top: 40px}
.pt50 { padding-top: 50px}

.pb10 { padding-bottom: 10px}
.pb20 { padding-bottom: 20px !important;}
.pb30 { padding-bottom: 30px}
.pb40 { padding-bottom: 40px}
.pb50 { padding-bottom: 50px}

.pr10 { padding-right: 10px}
.pr20 { padding-right: 20px !important;}
.pr30 { padding-right: 30px}
.pr40 { padding-right: 40px}
.pr50 { padding-right: 50px}


.pRL0 { padding: 0 !important;}
.resetMargin { margin: 0 !important;}
.pb100{padding-bottom:100px}
.w90P{}
.w50P{
	padding: 0 5px;
	width: 50%!important;
}
.w30P{
	padding: 0 5px;
	width: 30%!important;
}
.w100P { width: 100% !important;}
.hAuto { height: auto !important;}

.enTxt { font-family: 'Maven Pro', 'Open Sans', sans-serif;}

.displayB { display: block !important;}

/* 금액 font-family*/
.fontNanum { font-family: 'NanumSquare', sans-serif ; letter-spacing: 0.2px}


/* cursor */
.cursorPointer { cursor: pointer}
.cursorDefault { cursor: default }

/* input-default: g_form 기반 신규 인풋 디자인 */
.input-default {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 0 14px;
    height: 48px;
    font-size: 0.95rem;
    color: #333;
    font-weight: 400;
    transition: border-color 0.2s ease;
    background: #fff;
}
.input-default:hover { border-color: #aaa; }
.input-default:focus { border-color: #F86453; outline: none; }
.input-default::placeholder { color: #bbb; }
.input-default[readonly],
.input-default[disabled] { background: #fafafa; color: #999; cursor: default; border-color: #ececec; }

/* input  등 포인트(레드) or 논 포인트(블랙) */
.pointBc { border: 1px solid #e5e5e5; border-radius: 3px; height: 48px; font-weight: 400; line-height: 1.2em; transition: all .3s; width: 100%; padding: 5px 10px; color: #333; font-size: 1rem}
.pointBc::placeholder { color: #cfcfcf; font-weight: 400}
.pointBc:hover {border-color: #333}
.pointBc:focus  { outline: 1px solid rgba(199,32,48,0.8); border-color: #fff }
.pointBc:focus:hover {border-color: #fff;}
.pointBc:focus:after  { outline: 1px solid rgba(199,32,48,0.8); border-color: #fff }

.nonePBc{ border: 1px solid #ededed; border-radius: 3px; }
.nonePBc::placeholder { color: #cfcfcf; font-weight: 400}
.nonePBc:hover {border-color: #333}
.nonePBc:focus  { outline: 1px solid #333; border-color: #fff }
.nonePBc:focus:hover {border-color: #fff;}
.nonePBc:focus:after  { outline: 1px solid #333; border-color: #fff }

/* 셀렉트 화살표 */
.afterSelect { position: relative; border: 1px solid #ededed; border-radius: 3px; }
.afterSelect:after { position: absolute; content: ''; display: inline-block; width: 1px; height: 8px; transform: rotate(45deg) translateY(-50%); right: 20px; top: 50%; background-color: #555 }
.afterSelect:before { position: absolute; content: ''; display: inline-block; width: 1px; height: 8px; transform: rotate(-45deg) translateY(-50%); right: 19px; top: 50%; background-color: #555 }
.afterSelect select { border: none !important; width: 100%; padding: 5px 0 5px 10px; }
.afterSelect select:focus { outline: none;  }

.afterSelect02 { position: relative; border: 1px solid #fff; border-radius: 3px; }
.afterSelect02:after { position: absolute; content: ''; display: inline-block; width: 1px; height: 8px; transform: rotate(45deg) translateY(-50%); right: 20px; top: 50%; background-color: #555 }
.afterSelect02:before { position: absolute; content: ''; display: inline-block; width: 1px; height: 8px; transform: rotate(-45deg) translateY(-50%); right: 19px; top: 50%; background-color: #555 }
.afterSelect02 select { border: none !important; width: 100%; padding: 5px 0 5px 10px; }
.afterSelect02 select:focus { outline: none;  }


/* new search wrap*/
.newSearchW { border-bottom: 1px solid #ededed; width: 285px; }
.newSearchW input { height: 35px; padding: 0 10px; width: 230px;}
.newSearchW input:focus { outline: none;}


	/* none outline(focus) */
.noneFocus:focus{ outline: none; }
.noneFocus:focus-visible { outline: none; }

/* no border */
.noBorder { border: none !important;}


/*clearfix*/
.cf{}/*float 속성을 적용시킨 태그의 엄마태그에게 추가*/
.cf:after{content:""; display:block; clear:both;}

/* transition*/
.tr{transition: all 0.3s ease .05s; -webkit-transition: all 0.3s ease .05s; -ms-transition: all 0.3s ease .05s; -moz-transition: all 0.3s ease .05s; -o-transition: all 0.3s ease .05s; }
.tr2{transition: all 3.3s ease .05s; -webkit-transition: all 3.3s ease .05s; -ms-transition: all 3.3s ease .05s; -moz-transition: all 3.3s ease .05s; -o-transition: all 3.3s ease .05s; }
.en{font-family: 'Lato', 'NanumSquare', 'Nanum Gothic', sans-serif !important;}

select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

/* IE 에서 Select box 화살표 제거 */
select::-ms-expand {
    display: none;
}


/* drag color */
::selection { background-color:rgba(239, 181, 181, 0.4); }

/* inut ooutline */
input { outline-style:none; }
textarea { outline-style:none; padding: 10px; }

/* input 선택시 배경 */
/* input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;} */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset!important;}
input:-webkit-autofill { transition: background-color 5000s ease-in-out 0s;}
input[type="password"] {font-family: monospace !important;}
.form-control{width: 100%; height: auto; line-height: normal; padding: .8em .5em; border: 1px solid #ccc; border-radius: 3px;}
/* wrap size */
.wrap_600{width: 600px; position: relative; margin: 0 auto;}
.wrap_800{width: 800px; position: relative; margin: 0 auto;}
.wrap_1100{width: 1100px; position: relative; margin: 0 auto;}
.wrap_1200{width: 1200px; position: relative; margin: 0 auto;}
.wrap_1300{width: 1300px; position: relative; margin: 0 auto;}
.mw400 { max-width: 400px; /*border: 1px solid #ddd;*/ margin: 40px auto; border-radius: 5px;}
@media screen and (max-width: 1100px){
	.wrap_1100{width:100%;}
}
@media screen and (max-width: 1200px){
	.wrap_1200{width:100%;}
}
@media screen and (max-width: 1300px){
	.wrap_1300{width:100%;}
}
/* common css */
button, input, optgroup, select, textarea {margin: 0; font: inherit; color: inherit}
button {overflow: visible}
button, select {text-transform: none}
button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance: button; cursor: pointer; padding: 3px 5px; border: 1px solid #ddd; background: #fff}
button[disabled], html input[disabled] {cursor: default}
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0; border: 0}

select{background: #fff; border: 1px solid #ddd !important; border-radius: 3px; /* -moz-appearance:none; Firefox-webkit-appearance:none; Safari and Chromeappearance:none; */}
select::-ms-expand {display:none}

input {line-height: normal; padding: 5px; border: 0px;}
input[type=checkbox], input[type=radio] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{height: auto}
input[type=search] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;-webkit-appearance: textfield}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance: none}

textarea {overflow: auto}

table, .table{border-spacing : 0; border-collapse : collapse; background-color: transparent; width: 100%; max-width: 100%; border: 1px solid #ddd;}/* table border 먹이기 */

table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: middle;
	border-top: 1px solid #ddd;
	text-align: center;
}

table>thead>tr>th {vertical-align: bottom; border-bottom: 2px solid #ddd}

table>caption+thead>tr:first-child>td, table>caption+thead>tr:first-child>th,
table>colgroup+thead>tr:first-child>td, table>colgroup+thead>tr:first-child>th,
table>thead:first-child>tr:first-child>td, table>thead:first-child>tr:first-child>th
{border-top: 0}

table>tbody+tbody {border-top: 2px solid #ddd}


.table_responsive {
	min-height: 1%;
	overflow-x: auto
}/* 반응형 테이블시 클래스 추가 */

@media screen and (max-width:767px) {
	.table_responsive{display: block;}
	.table_responsive>thead{display: none;}
	.table_responsive>tbody, .table_responsive>tbody>tr{display: block; width: 100%}
	.table_responsive>tbody>tr>td:first-child{display: none}
	.table_responsive>tbody>tr>td{display: block;}
	.table_responsive>tbody>tr>td:nth-child(2){width: 100%; float: left; font-size: 13px; text-align: left;}
	.table_responsive>tbody>tr>td:nth-child(3){width: 30%; float: left; border-top: 0px; text-align: left;}
	.table_responsive>tbody>tr>td:nth-child(4){width: 20%; float: left; border-top: 0px; text-align: left;}
	.table_responsive>tbody>tr>td:nth-child(5){width: 50%; float: left; border-top: 0px; text-align: right;}
}


/* font-size */
h1, h2, h3, h4, h5, h6 {font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit}

h1{font-size : 2.1em}
h2{font-size: 1.9em}
h3{font-size: 1.6em}
h4{font-size: 1.4em}
h5{font-size: 1.2em}
h6{font-size: 1.1em}
span{font-size: 0.875rem;}
small{font-size: 0.8em;}

.order_list_wrap .cash_use {font-size: 26px;}




@media screen and (max-width: 767px){
		.commonMargin { margin: 0 2.604%;}
		.mt60 { margin-top: 40px !important;}
}
@media screen and (max-width: 650px){
		.myp {padding-top: 30px;}
		.content_menubtn_s {margin-bottom : 15px;}
}
@media screen and (min-width: 541px) and (max-width: 768px){
	.mobile_pos { position: relative; left: 25%; margin-bottom: 50px;}
}






@media ( min-width :768px){

	body{font-size: 13px;}
}

.text_left{text-align: left;}/* 왼쪽정렬 */
.text_right{text-align: right;}/* 오른쪽정렬 */
.text_center{text-align: center;}/* 중앙정렬 */
.text_justify{text-align: justify;}/* 너비정렬 */
.text_ellpsis{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}/* width 값에 맞게 ... 표시 */

/* button Css*/

.btn {display: inline-block; padding: 6px 12px; margin-bottom: 0; text-align: center; white-space: nowrap; vertical-align: middle;
	-ms-touch-action: manipulation; /* touch-action: manipulation;  w3c*/ cursor: pointer; -webkit-user-select: none;
	-moz-user-select: none; -ms-user-select: none; /* user-select: none;  w3c*/ background-image: none;
	border: 1px solid transparent;}

.btn.focus, .btn:focus, .btn:hover {text-decoration: none}

.btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor: not-allowed; filter: alpha(opacity = 65);
	-webkit-box-shadow: none; box-shadow: none; opacity: .65}

.float_left{float: left;}
.float_right{float: right;}
.float_none{float: none;}

.width_50{width:50%; float: left;}
.width_25{width:25%; float: left;}
.width_100{width:100%; float: left;}
/* 반응형 div css*/
.width_xs_1, .width_xs_2, .width_xs_3, .width_xs_4, .width_xs_5, .width_xs_6, .width_xs_7, .width_xs_8, .width_xs_9, .width_xs_10, .width_xs_33, .width_xs_25,
.width_sm_1, .width_sm_2, .width_sm_3, .width_sm_4, .width_sm_5, .width_sm_6, .width_sm_7, .width_sm_8, .width_sm_9, .width_sm_10, .width_sm_33, .width_sm_25,
.width_md_1, .width_md_2, .width_md_3, .width_md_4, .width_md_5, .width_md_6, .width_md_7, .width_md_8, .width_md_9, .width_md_10, .width_md_33, .width_md_25,
.width_lg_1, .width_lg_2, .width_lg_3, .width_lg_4, .width_lg_5, .width_lg_6, .width_lg_7, .width_lg_8, .width_lg_9, .width_lg_10, .width_lg_33, .width_lg_25{
	position: relative; min-height: 1px; float: left;
}

.width_xs_1{width: 10%}
.width_xs_2{width: 20%}
.width_xs_3{width: 30%}
.width_xs_4{width: 40%}
.width_xs_5{width: 50%}
.width_xs_6{width: 60%}
.width_xs_7{width: 70%}
.width_xs_8{width: 80%}
.width_xs_9{width: 90%}
.width_xs_10{width: 100%}
.width_xs_33{width: 33.333333333%}
.width_xs_24{width: 25%}

@media(min-width:540px) {
	.width_sm_1{width: 10%}
	.width_sm_2{width: 20%}
	.width_sm_3{width: 33%}
	.width_sm_4{width: 40%}
	.width_sm_5{width: 50%}
	.width_sm_6{width: 60%}
	.width_sm_7{width: 70%}
	.width_sm_8{width: 80%}
	.width_sm_9{width: 90%}
	.width_sm_10{width: 100%}
	.width_sm_33{width: 33.333333333%}
	.width_sm_25{width: 25%}

}
@media(min-width:767px) {
	.width_md_1{width: 10%}
	.width_md_2{width: 20%}
	.width_md_3{width: 30%}
	.width_md_4{width: 40%}
	.width_md_5{width: 50%}
	.width_md_6{width: 60%}
	.width_md_7{width: 70%}
	.width_md_8{width: 80%}
	.width_md_9{width: 90%}
	.width_md_10{width: 100%}
	.width_md_33{width: 33.333333333%}
	.width_md_25{width: 25%}

}
@media(min-width:979px) {
	.width_lg_1{width: 10%}
	.width_lg_2{width: 20%}
	.width_lg_3{width: 30%}
	.width_lg_4{width: 40%}
	.width_lg_5{width: 50%}
	.width_lg_6{width: 60%}
	.width_lg_7{width: 70%}
	.width_lg_8{width: 80%}
	.width_lg_9{width: 90%}
	.width_lg_10{width: 100%}
	.width_lg_33{width: 33.333333333%}
	.width_lg_25{width: 25%}

}

/* ===== Beautiful Modern jQuery UI Datepicker Custom Styling ===== */
#ui-datepicker-div.ui-datepicker {
	display: none;
	padding: 16px;
	width: 290px !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
	font-family: 'Noto Sans KR', sans-serif !important;
	z-index: 9999 !important;
	box-sizing: border-box;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: 4px 0 12px 0;
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid #edf2f7 !important;
	border-radius: 0 !important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-title {
	margin: 0 40px;
	line-height: 24px;
	text-align: center;
	font-size: 0.95rem;
	font-weight: 700;
	color: #2d3748;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-title select {
	padding: 2px 6px;
	border: 1px solid #e2e8f0;
	border-radius: 4px;
	background: #fff;
	font-size: 0.85rem;
	font-weight: 600;
	color: #4a5568;
	margin: 0 2px;
	outline: none;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 4px;
	width: 26px;
	height: 26px;
	cursor: pointer;
	border-radius: 6px;
	background: transparent !important;
	border: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.15s ease;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev:hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next:hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev.ui-state-hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next.ui-state-hover {
	background: #f7fafc !important;
	border: none !important;
	top: 4px !important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev.ui-state-hover {
	left: 2px !important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next.ui-state-hover {
	right: 2px !important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -4px;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	border-left: 2px solid #4a5568;
	border-bottom: 2px solid #4a5568;
	text-indent: -9999px;
	overflow: hidden;
	background-image: none !important;
	background: none !important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span {
	transform: rotate(45deg);
	margin-left: -2px;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next span {
	transform: rotate(-135deg);
	margin-left: -6px;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar {
	width: 100%;
	border-collapse: collapse;
	margin: 12px 0 0 0;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th {
	padding: 6px 0;
	text-align: center;
	font-size: 0.75rem;
	font-weight: 600;
	color: #a0aec0;
	border: none;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td {
	padding: 2px 0;
	border: none;
	text-align: center;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td span,
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	font-size: 0.85rem;
	font-weight: 500;
	color: #4a5568;
	text-decoration: none;
	border: none !important;
	background: transparent !important;
	transition: all 0.15s ease;
	box-sizing: border-box;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td a.ui-state-hover {
	background: #edf2f7 !important;
	color: #2d3748 !important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
	border: 1.5px solid #f86453 !important;
	color: #f86453 !important;
	font-weight: 700;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a,
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
	background: #f86453 !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	box-shadow: 0 4px 10px rgba(248, 100, 83, 0.3) !important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span {
	color: #cbd5e0 !important;
	cursor: default;
}