@CHARSET "UTF-8";

/* color - var(--basic-color) */
html { font-size:10px; }
html body, .no-js body { opacity: 0; }
.-ms- body { opacity: 1; }


@media (max-width: 500px){ html { font-size: 9.5px; } }
@media (max-width: 420px){ html { font-size: 9px; } }
@media (max-width: 360px){ html { font-size: 8px; } }

/* @media (max-width: 500px){ html { font-size:9px; } }
@media (max-width: 400px){ html { font-size:8.5px; } }
@media (max-width: 350px){ html { font-size:8px; } }
@media (max-width: 320px){ html { font-size:7px; } } */

* { line-height: 120%; word-break: keep-all; overflow-wrap: break-word; } html, body { height: 100%; } body{ background:#fff; font-size: 1.5rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
*:not(.basicBoard-content *, .mfp-iframe-scaler, .mfp-arrow) { margin:0; padding:0; }
#map * { box-sizing: content-box; }

.mT0 { margin-top: 0 !important; } .mT5 { margin-top: 0.5rem; } .mT10 { margin-top: 1rem; } .mT15 { margin-top: 1.5rem; } .mT20 { margin-top: 2rem; } 
.mT25 { margin-top: 2.5rem; } .mT30 { margin-top: 3rem; } .mT35 { margin-top: 3.5rem; } .mT40 { margin-top: 4rem; } .mT50 { margin-top: 5rem; }
.mB0 { margin-bottom: 0 !important; } .mB5 { margin-bottom: 0.5rem; } .mB10 { margin-bottom: 1rem; } .mB15 { margin-bottom: 1.5rem; } .mB20 { margin-bottom: 2rem; } 
.mB25 { margin-bottom: 2.5rem; } .mB30 { margin-bottom: 3rem; } .mB35 { margin-bottom: 3.5rem; } .mB40 { margin-bottom: 4rem; } .mB50 { margin-bottom: 5rem; }
.pT0 { padding-top: 0 !important; } .pT5 { padding-top: 0.5rem; } .pT10 { padding-top: 1rem; } .pT15 { padding-top: 1.5rem; } .pT20 { padding-top: 2rem; } 
.pT25 { padding-top: 2.5rem; } .pT30 { padding-top: 3rem; } .pT35 { padding-top: 3.5rem; } .pT40 { padding-top: 4rem; } .pT50 { padding-top: 5rem; }
.pB0 { padding-bottom: 0 !important; } .pB5 { padding-bottom: 0.5rem; } .pB10 { padding-bottom: 1rem; } .pB15 { padding-bottom: 1.5rem; } .pB20 { padding-bottom: 2rem; } 
.pB25 { padding-bottom: 2.5rem; } .pB30 { padding-bottom: 3rem; } .pB35 { padding-bottom: 3.5rem; } .pB40 { padding-bottom: 4rem; } .pB50 { padding-bottom: 5rem; }
.maxWidth-50 { max-width: 5rem; } .maxWidth-100 { max-width: 10rem; } .maxWidth-120 { max-width: 12rem; } .maxWidth-150 { max-width: 15rem; } .maxWidth-200 { max-width: 20rem; } .maxWidth-250 { max-width: 25rem; }


fieldset,img{ border:0 none; }
dl,ul,ol,menu,li {list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }
input,select,textarea,button { vertical-align:middle; /* -webkit-appearance: none; */}
button { border:0 none; background-color:transparent; cursor:pointer; outline:none; appearance: none; }
body,th,td,input,select,textarea,button { -webkit-text-size-adjust:none; } /* color값은 디자인가이드에 맞게사용 */
a { text-decoration:none; color: #333; }
a:active, a:hover { text-decoration:none; }
address,caption,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }
table { border-collapse:collapse; border-spacing:0; }
legend, caption, hr, .skip, .hide, .hidden { display: none; }
img { vertical-align:middle; -ms-interpolation-mode: bicubic; }
.fullImg { display: block; width: 100%; } .maxImg { display: block; max-width: 100%; }
.coreColor { color: #64676c; }
.orangeText { color: #eb6100; }
.grayText { color: #989da3; }
.alignLeft { text-align: left !important; } .alignRight { text-align: right !important; } .alignCenter { text-align: center !important; }
.float-wrap:after { content: ''; display: block; clear: both; }
.floatLeft { float: left; } .floatRight { float: right; }

*, *:after, *:before { box-sizing: border-box; -webkit-tap-highlight-color : transparent; /* -webkit-transition: all 0.5s linear; transition: all 0.5s linear; */}



/* ------ cut-text ------ */

.cutText { display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; }



/* ------ clamp ------ */

.lineClamp { position: relative; font-size: 1.5rem; line-height: 140%; word-break: break-all; overflow: hidden; display: block; }
.lineClamp::before, .lineClamp::after { position: absolute; }
.lineClamp::before {
  content: '...'; top: 0; right: 0; width: 2.5em; text-align: right; font-weight: 300;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);
}
.lineClamp::after { content: ''; width: 100%; height: 100%; }

@supports (-webkit-line-clamp: 1) {
 	.lineClamp { display: -webkit-box; -webkit-box-orient: vertical; }
 	.lineClamp:before { display: none !important; }
}
.clamp-2 { -webkit-line-clamp: 2; line-clamp: 2; max-height: calc(1.4em * 2); }
.lineClamp-fix.clamp-2 { height: calc(1.4em * 2); }
.lineClamp-fix.clamp-2:before { top: calc(1.4em * 1); }
.clamp-3 { -webkit-line-clamp: 3; line-clamp: 3; max-height: calc(1.4em * 3); }
.lineClamp-fix.clamp-3 { height: calc(1.4em * 3); }
.lineClamp-fix.clamp-3:before { top: calc(1.4em * 2); }
.clamp-4 { -webkit-line-clamp: 4; line-clamp: 4; max-height: calc(1.4em * 4); }
.lineClamp-fix.clamp-4 { height: calc(1.4em * 4); }
.lineClamp-fix.clamp-4:before { top: calc(1.4em * 3); }
.clamp-5 { -webkit-line-clamp: 5; line-clamp: 5; max-height: calc(1.4em * 5); }
.lineClamp-fix.clamp-5 { height: calc(1.4em * 5); }
.lineClamp-fix.clamp-5:before { top: calc(1.4em * 4); }
.clamp-6 { -webkit-line-clamp: 6; line-clamp: 6; max-height: calc(1.4em * 6); }
.lineClamp-fix.clamp-6 { height: calc(1.4em * 6); }
.lineClamp-fix.clamp-6:before { top: calc(1.4em * 5); }



/* ------ object-fit ------ */

.imgContainer-fit { width:100%; padding-bottom:100%; position:relative; display:block ;}
.imgContainer-fit img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover; position:absolute; top:0; left: 0; }
.customObject-fit { position:relative; background-size:cover; background-position:center center; }
.customObject-fit img { opacity:0; }

.imgContainer-fit.fit-contain img { width:100%; height:100%; -o-object-fit:contain; object-fit:contain; position:absolute; top:0; left: 0; }
.customObject-fit.fit-contain { position:relative; background-size:contain; background-position:center center; }



/* ------ write ------ */

input, textarea {
  -webkit-appearance:none; -moz-appearance:none; appearance:none; box-shadow:none; outline:0;
  padding: 0.5rem 1rem; max-width:100%; border: 1px solid #dedeed;
}
input:focus, textarea:focus { border-color: #64676c; outline:0; transition: all 0.2s ease; }

input::-ms-input-placeholder { color:#aeaeae; } /* ie10~ */
input::-webkit-input-placeholder { color:#aeaeae; } /* webkit */
input::-moz-placeholder { color:#aeaeae; } /* Firefox */
input::placeholder { color:#aeaeae; }

textarea::-ms-input-placeholder { color:#aeaeae; }
textarea::-webkit-input-placeholder { color:#aeaeae; }
textarea::-moz-placeholder { color:#aeaeae; }
textarea::placeholder { color:#aeaeae; }



/* ------ initialBtn ------ */

.initialBtn, .initialBtn:foucs { outline: 0; outline: none; }
.initialBtn { display: block; position: relative; text-align: center; cursor: pointer; font-size: 1.4rem; width: 100%; border:1px solid #bbbfc6; color: #555; padding: 0.8rem 0.2rem; }
.initialBtn:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.15); z-index: 0; opacity: 0; transition: .3s ease-out; }
.initialBtn:hover { background-color: #ebeff5; text-decoration: none; transition: all 0.15s ease; }
.initialBtn:hover::before { opacity: 1;  }
.initialBtn i { position: relative; top: 1px; }

.basicBtn { background-color: var(--basic-color); border-color: var(--basic-color-deep); color:#fff; overflow: hidden; } 
.basicBtn > span { position:relative; z-index: 1; }
.basicBtn:hover { color: #fff;  background-color: var(--basic-color-deep);  }

.radiusBtn { border-radius: 10rem; }



/* ------ gridWrap ------ */

.grid-wrap > ul { font-size: 0; margin-left: -1rem; margin-top: -1rem; }
.grid-wrap > ul > li { font-size: 1.4rem; display: inline-block; padding-left: 1rem; padding-top: 1rem; vertical-align: middle; width: 100%; }
.grid-wrap > ul > li > .inner { display: block; width: 100%; }

.grid-wrap.grid-2 > ul > li { width: 50%; }
.grid-wrap.grid-3 > ul > li { width: 33.33333%; }
.grid-wrap.grid-4 > ul > li { width: 25%; }



/* ------ Checkbox ------ */

.customCheckbox { position: relative; font-size: 0; }
.customCheckbox label { display: block; position: relative; padding-left: 1.8rem; cursor: pointer; }
.customCheckbox label i { display: block; width: 1.8rem; height: 1.8rem;  position: absolute; left: 0; top: 50%; padding: 0.2rem; border-radius: 20%; transform: translateY(-50%); border: 2px solid var(--basic-color); }
.customCheckbox label i:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.customCheckbox label span { display: inline-block; font-size: 1.4rem; vertical-align: middle; line-height: 1.8rem; padding-left: 0.5rem; }
.customCheckbox input[type="checkbox"] { display: none; }
.customCheckbox input[type="checkbox"]:checked ~ label i { background-color: var(--basic-color); } 
.customCheckbox input[type="checkbox"]:checked ~ label i:before { background-image: url("/style_www/img/common/icon/check.png"); background-size: 100% 100%; background-color: inherit; }



/* ------ Radio ------ */

.customRadio > .inner { position: relative; font-size: 0; }
.customRadio label { display: block; position: relative; padding-left: 1.8rem; cursor: pointer; }
.customRadio label i { display: block; width: 1.8rem; height: 1.8rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 9rem; border: 2px solid var(--basic-color); cursor: pointer; }
.customRadio label i:before { content: ''; display: block; width: 100%; padding-bottom: calc(100% - 2px); background-color: #fff; border-radius: 50%; border: 1px solid #fff; }
.customRadio label span { display: inline-block; font-size: 1.4rem; vertical-align: middle; line-height: 1.8rem; padding-left: 0.5rem; }
.customRadio input[type="radio"] { display: none; }
.customRadio input[type="radio"]:checked + label i:before { background-size: 100% 100%; background-color: inherit; background-color: var(--basic-color);  }



/* ------ swith checkBox ------ */

.switchCheckbox { position: relative; font-size: 0; }
.switchCheckbox label { cursor: pointer; }
.switchCheckbox label i { display: inline-block; vertical-align: middle; position: relative; width:3.5rem; height: 1.9rem; margin: 0; padding: 0; background-color: #c3c8c9; border-radius: 4rem; }
.switchCheckbox label i:before { content: ''; display: block; width: 1.5rem; height: 1.5rem; border-radius: inherit; position: absolute; z-index: 2; left: 0.2rem; top: 0.2rem; background: #fff; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%); }
.switchCheckbox label span { display: inline-block; font-size: 1.4rem; vertical-align: middle; padding-left: 0.5rem; }
.switchCheckbox input[type="checkbox"] { display: none; }
.switchCheckbox input[type="checkbox"]:checked ~ label i { background-color: var(--basic-color); }
.switchCheckbox input[type="checkbox"]:checked ~ label i:before { left: 100%; margin-left: -1.7rem; }



/* ------ slick ------ */

.slick-dots	{ text-align: center; margin-left: -4px; font-size: 0; }
.slick-dots li { position: relative; display: inline-block; padding-left: 4px; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 8px; height: 8px; cursor: pointer; outline: none; border: 1px solid var(--special-color);; border-radius: 1rem; opacity: 1;  }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover,
.slick-dots li button:focus { opacity: 1; }
.slick-dots li.slick-active button{ opacity: 1; color: black; background-color: var(--special-color); width: 20px; }

.sliderControl-wrap > .inner { padding: 0; font-size: 0; }
.sliderControl-wrap > .inner > * { display: inline-block; vertical-align: middle; }

.sliderControl-wrap .prev { margin-right: 0.8rem; }
.sliderControl-wrap .sliderCount { padding: 0 0.3rem 0 1rem; font-size: 1.4rem; line-height: 1.8rem; height: 1.8rem; }

.sliderControl-wrap .prev i:before, .sliderControl-wrap .next i:before { display: block; line-height: 1.8rem; height: 1.8rem; font-size: 1.4rem; color: var(--special-color); font-weight: 900; }
.sliderControl-wrap .play,
.sliderControl-wrap .pause { font-size: 0; padding: 0 0.5rem; line-height: 1.8rem; height: 1.8rem; }
.sliderControl-wrap .play *,
.sliderControl-wrap .pause * { font-size: 0; line-height: 1.8rem; height: 1.8rem; }
.sliderControl-wrap .play i:before,
.sliderControl-wrap .pause i:before { font-size: 1.5rem; display: block; color: var(--special-color); }



/* ------ dotList ------ */

.dotList em, .dotList-num em, .dotList-kr em, .dotList-s em { font-weight: 700; }

.dotList > li { padding-left: 1.8rem; position: relative; font-size: 1em; }
.dotList > li, .dotList li > * { line-height: 1.5; }
.dotList > li + li { margin-top: 0.5rem; }
.dotList > li:before { content:''; display: block; width: 0.6rem; height: 0.6rem; position: absolute; left: 0; top: 0.52em; background-color: var(--special-color); border-radius: 50%; }

.dotList-num { counter-reset: number 0; }
.dotList-num > li { padding-left: 2.8rem; position: relative; font-size: 1em; }
.dotList-num > li, .dotList-num li > * { line-height: 1.7; }
.dotList-num > li + li { margin-top: 0.5rem; }
.dotList-num > li:before { counter-increment: number 1; content: counter(number); display: block; width: 1.8rem; height: 1.8rem; line-height: 1.8rem; text-align: center; font-size: 1.4rem; color: #fff; font-weight: 700; position: absolute; left: 0; top: 0.4rem; background-color: #1b55c3; border-radius: 50%; }

.dotList-kr > li:nth-child(1):before { content: '가'; }
.dotList-kr > li:nth-child(2):before { content: '나'; }
.dotList-kr > li:nth-child(3):before { content: '다'; }

.dotList-s > li { padding-left: 1.8rem; position: relative; font-size: 0.95em; }
.dotList-s > li, .dotList-s li > * { line-height: 1.5; }
.dotList-s > li + li { margin-top: 0.3rem; }
.dotList-s > li:before { content:''; display: block; width: 0.6rem; height: 0.2rem; position: absolute; left: 0; top: 1.1rem; background-color: #999; border-radius: 0.2rem; }

.dotList-info > li { padding-left: 1.8rem; position: relative; line-height: 1.6; font-size: 0.95em;  }
.dotList-info > li + li { margin-top: 0.3rem; }
.dotList-info > li:before { content:'※'; font-size: 1.5rem; color: #01306c;  display: block; width: 0.6rem; height: 0.6rem; position: absolute; left: 0; top: 0; }


/* ------ basicTable-warp ------ */

.basicTable-wrap table { width: 100%; table-layout: fixed;  }
.basicTable-wrap table tr > * { padding: 1.4rem 1.5rem; line-height: 1.6; }
.basicTable-wrap table thead tr:first-child > * { border-top: 2px solid #555; }
.basicTable-wrap table thead th { background-color: #f3f6fa; color: #0f3c6e; padding: 1.5rem 0; border-bottom: 1px solid #dedede; }
.basicTable-wrap table tbody th { background-color: #f3f6fa; color: #0f3c6e; }
.basicTable-wrap tr > * { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.basicTable-wrap tr > *:last-child { border-right: 0; }
.basicTable-wrap tbody td:nth-child(2) { text-align: left; }
.basicTable-wrap tr > .rightLine { border-right: 1px solid #dedede; }

.colorThead-table thead tr th { background-color: var(--basic-color); color: #fff; border-right: 1px solid var(--basic-color-brigth); border-color: var(--basic-color-brigth);  }
.colorThead-table thead tr th:last-child { border-right: 0; }




/* ------ boxTitle-warp ------ */

.boxTitle-wrap { margin-bottom: 3rem; }
.boxTitle-wrap { position: relative; padding: 3rem 2rem; border: 0.7rem solid #ededed; word-break: keep-all; }
.boxTitle-wrap:before {  content: ''; position: absolute; top: -0.7rem; left: -0.7rem; width: 3rem; height: 3rem; border-top: 0.7rem solid var(--special-color-bright); border-left: 0.7rem solid var(--special-color-bright); }
.boxTitle-wrap:after {  content: ''; position: absolute; bottom: -0.7rem; right: -0.7rem; width: 3rem; height: 3rem; border-bottom: 0.7rem solid var(--special-color-deep); border-right: 0.7rem solid var(--special-color-deep); }

@media (min-width: 950px){
	.boxTitle-wrap { padding: 3rem 3rem; margin-bottom: 5rem;} 
}




/* ------ noneData ------ */

.noneData { padding: 3vw 0; text-align: center; display: block; color: #999; }
.noneData > * { display: block; }
.noneData i { font-size: 3rem; margin-bottom: 1rem; color: var(--special-color); }




/* ------ searchContainer ------ */

.searchContainer-wrap { text-align: center; font-size: 0; padding: 0 0 4rem; }
.searchContainer .customSelect, .searchContainer .searchContainer-insert  { display: inline-block; vertical-align: middle; }
.searchContainer .customSelect { margin-right: 1rem; width: 17rem; text-align: left; background-color: #fff; }
.searchContainer .customSelect select { font-size: 1.4rem; }
.searchContainer .customSelect label { font-size: 1.4rem; }
.searchContainer .customSelect label,
.searchContainer .customSelect select { padding: 0 1rem; height: 3.8rem; line-height: 3.8rem; }

.searchContainer > .inner { background-color: #f3f4f5; padding: 2rem; }
.searchContainer .searchContainer-insert { position: relative; width: 50rem; max-width: 100%; border: 1px solid #dcdcdc; font-size: 0; background-color: #fff; }
.searchContainer .searchContainer-insert input,
.searchContainer .searchContainer-insert button, .searchContainer .searchContainer-insert a { display: inline-block; vertical-align: middle; }
.searchContainer .searchContainer-insert input { font-size: 1.4rem; border: 0; width: calc(100% - 9rem); padding: 0 1rem; } 
.searchContainer .searchContainer-insert button, .searchContainer .searchContainer-insert a { position: relative; width: 9rem; height: 3.8rem; line-height: 3.8rem; background-color: var(--basic-color); color: #fff; font-size: 1.4rem; font-weight: 400;  }
.searchContainer .searchContainer-insert button:before, .searchContainer .searchContainer-insert a:before { content: ''; display: block; height: calc(100% + 2px); width: calc(100% + 2px); position: absolute; top: -1px; left: -1px; border: 1px solid var(--basic-color-deep); }

.searchFilter-wrap { margin-bottom: 1rem; }
.searchFilter-wrap:after { content: ''; display: block; clear: both; }
.searchFilter { float: right;  }
.searchFilter i,
.searchFilter .customSelect  { display: inline-block; vertical-align: middle; }
.searchFilter i { color: #cecece; }
.searchFilter .customSelect { width: 10rem; border: 0; }




/* ------ datepicker ------ */

.ui-widget-header { border: 0px solid #dddddd; background: #fff; }
.ui-datepicker-calendar > thead > tr > th { font-size: 14px !important; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: 5px 0 15px; }
.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 {
	border: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; color: #454545; text-align: center;
}
.ui-datepicker .ui-datepicker-title { margin: 0 0em; line-height: 18px; text-align: center; font-size: 16px; padding: 0px; font-weight: bold; }
.ui-datepicker { display: none; background-color: #fff; border-radius: 4px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding: 20px; padding-bottom: 10px; width: 340px; max-width: 100%; box-shadow: 10px 10px 40px rgba(0,0,0,0.1); }
.ui-widget.ui-widget-content { border: 1px solid #eee; }

#datepicker:focus>.ui-datepicker { display: block; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 2px !important; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin-top: -12px; }  
.ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; }
.ui-datepicker-next { float: right; }
.ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); }

.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; }
.ui-datepicker-calendar { width: 100%; table-layout: fixed; }
.ui-datepicker-calendar > thead > tr > th { padding: 5px; font-size: 20px; font-weight: 400; }
.ui-datepicker-calendar > tbody > tr > td { border-radius: 100%; cursor: pointer; font-weight: 100; text-align: center; font-size: 12px; position: relative; font-size: 0; }
.ui-datepicker-calendar > tbody > tr > td:after { content: ''; display: block; padding-bottom: 100%; }
.ui-datepicker-calendar > tbody > tr > td > * {  position: absolute; top: 2%; left: 2%; width: 96%; height: 96%; display: flex; justify-content: center; align-items: center; font-size: 13px; }
.ui-datepicker-calendar > tbody > tr > td:hover { background-color: transparent; opacity: 0.6; }
.ui-datepicker-calendar > tbody > tr > td > a { color: #000; font-size: 12px !important; font-weight: bold !important; text-decoration: none; }
.ui-datepicker-calendar > tbody > tr > .ui-state-disabled:hover { cursor: auto; background-color: #fff; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
	border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b;
}

.ui-widget-header .ui-icon { background-image: url('../img/common/icon/cal_btns.png'); }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: initial; border: 0; background-color: #fff; text-align: right; }
.ui-corner-all .ui-datepicker-title { display: block; background-color: #fff; width: calc(100% - 100px); margin: auto; font-size: 1.3rem; }  
.ui-corner-all .ui-datepicker-title:after { content: '월'; display: inline-block; vertical-align: middle; }
.ui-corner-all .ui-datepicker-title * { display: inline-block; vertical-align: bottom; } 
.ui-corner-all .ui-datepicker-title select { -webkit-appearance:none;  -moz-appearance:none;  appearance:none; font-size: 1.8rem; font-weight: 600; margin-right: 0.5rem; }
.ui-corner-all .ui-datepicker-title select::-ms-expand{  display:none;/*for IE10,11*/ }
.ui-corner-all .ui-datepicker-title select ~ select { margin-left: 1rem; }




.ui-icon-circle-triangle-e { background-position: -20px 2px; background-size: 36px; }
.ui-icon-circle-triangle-w { background-position: -0px 2px; background-size: 36px; }
    
.ui-datepicker-calendar > tbody > tr > td:first-child a { color: red !important; }
.ui-datepicker-calendar > tbody > tr > td:last-child a { color: #0099ff !important; }
.ui-datepicker-calendar > thead > tr > th:first-child { color: red !important; }
.ui-datepicker-calendar > thead > tr > th:last-child { color: #0099ff !important; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-datepicker-today > * { border: 0px; background: #f1f1f1; border-radius: 50%; }