@charset "utf-8";

/* ************************ 공용 ************************ */

:root {
	--red:#d91a1a;
	--orange:#f56a45;
	--blue:#095fd4;
	--blue2:#4c65a6;
	--blue3:#4d5978;
	--blue4:#b1bcd7;
	--blue5:#b7d2ff;
    --bluegray:#c9cfdf;
    --lightgary:#ebecf4;
    --lightgary2:#dbdce7;
    --lightgary3:#e6ebf7;
    --lightgary4:#f5f8fb;
    --lightgary5:#e4ecfc;
    --middlegary:#cccfd6;
    --border1:#e5e5e5;
    --border2:#dedede;
    --border3:#cdcdcd;
    --border4:rgba(0,0,0,.1);
	--hoverBgc:#f5f5f5;
    --textRotate:rotate(.03deg);
    --f_Nexon:'NEXON';
    --f_NanumSquare:'NanumSquare';
    --anishot:all .15s;
    --animid:all .3s;
}
.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ellipsis2 {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis;
}

/*.c_black {color:#000 !important;}*/
/*.c_red {color:var(--red) !important;}*/
/*.c_green {color:var(--green) !important;}*/
/*.c_pink {color:var(--pink) !important;}*/
/*.c_blue {color:var(--blue) !important;}*/
/*.bgc_red {background-color:var(--red) !important; color:#fff;}*/
/*.f_noto {font-family:var(--f_noto) !important;}*/
/*.f_NanumSquare {font-family:var(--f_NanumSquare) !important;}*/


html {overflow-x:hidden;}
body {font-family:'NEXON', sans-serif; font-size:16px; font-weight:400; line-height:1.6; color:#666; word-break:keep-all;}
a {color:inherit; transition:var(--ani); -webkit-transition:var(--ani); -moz-transition:var(--ani);}
/* h1, h2, h3, h4 {transform:var(--textRotate);} */
a:focus, a:hover {color:inherit;}

button {cursor:pointer;background:none; padding:0;}
label {cursor:pointer;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}

input[type="radio"] {
	vertical-align: middle;
	appearance: none;
	line-height:40px;
}
input[type="checkbox"] {}
input[type="radio" i] {margin:0 5px 0 0;}
select {
	-webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none; /* 화살표 없애기 */
	min-height:40px; line-height:38px; border-radius:5px;
	padding:0 40px 0 12px; border:1px solid var(--bluegray); cursor:pointer; background:#fff url(/resources/images/ebi/common/selectArrow.png)calc(100% - 15px) 50% /auto no-repeat;

}
/*select::-ms-expand { display: none; } !* IE 10, 11의 네이티브 화살표 숨기기 *!*/
/*select option {color:inherit;}*/
/*select [selected] {color:inherit;}*/
/*select :selected {color:inherit;}*/
/*select ::selected {color:inherit;}*/

textarea {padding:10px 12px; line-height:1.4; min-height:120px; border:1px solid var(--bluegray);resize:none; width:100%;}
label {vertical-align:middle;}
input[type="text"],
input[type="password"],
input[type=number] {max-width:100%; padding:0 12px; min-height:40px; line-height:38px; border-radius:5px;border:1px solid var(--bluegray);}
input[readonly] {background-color:#f7f7f7;}
button {cursor:pointer; background:transparent; padding:0;}

input[type="file"] {width:100%;}
 
/* 파일박스 */
/*.filebox.type1 {display:flex; gap:0 !important;}*/
/*.filebox.type1 input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0; visibility:hidden;}*/
/*.filebox.type1 label {display: inline-block;border-radius:5px;color: #fff; text-align:center;vertical-align: middle;background-color:var(--blue2); white-space:nowrap;cursor: pointer; width:70px;height: 40px; line-height:40px;margin-left: 5px;}*/
/*.filebox.type1 .upload-name {display: inline-block;height: 40px; border-radius:5px;padding: 0 10px;vertical-align: middle;border: 1px solid var(--border4);width:calc(100% - 75px);color: #000;}*/
/*.filebox.type1 .currFile {padding:10px 0 0;}*/

/*.filebox.type2 {display:flex; gap:0 !important;}*/
/*.filebox.type2 input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0; visibility:hidden;}*/
/*.filebox.type2 label {display: inline-block;border-radius:5px;border:1px solid var(--border4); color:var(--blue3); text-align:center;vertical-align: middle;background-color:var(--lightgary4); white-space:nowrap;cursor: pointer; width:70px;height: 40px; line-height:40px;margin-left: 5px;}*/
/*.filebox.type2 .upload-name {display: inline-block;height: 40px; border-radius:5px;padding: 0 10px;vertical-align: middle;border: 1px solid var(--border4);width:calc(100% - 75px);color: #000;}*/
/*.filebox.type2 .currFile {padding:10px 0 0;}*/

/* toggleSwitch */
.toggleSwitch {}
.toggleSwitch label {display: inline-flex;align-items: center;gap: 0.5rem;cursor: pointer;}
.toggleSwitch input {appearance:none;position:relative;background:var(--middlegary);border-radius:100px;width:25px;height:8px; cursor:pointer;}
.toggleSwitch input::before {width:14px;height:14px; background:#fff; border:1px solid var(--blue); left:0;top:50%; border-radius: 50%; transition:left .15s linear; position: absolute; content: "";display:block;transform:translateY(-50%);}
.toggleSwitch input:checked {background:var(--blue);}
.toggleSwitch input:checked::before {background:#fff; left:.8rem;}
.toggleSwitch label span {white-space:nowrap;}

/* answerCheck */
.answerCheck {padding:10px 0 0; display:flex; gap:20px;}
.answerCheck div {}
.answerCheck input {position:absolute; left:-9999px;}
.answerCheck label {padding:0 0 0 30px; color:var(--blue3); font-size:13px; font-weight:500; display:inline-block; position:relative;}
.answerCheck label:before {width:21px; height:21px; top:50%; left:0; position:absolute; border-radius:50%; border:2px solid var(--blue3); display:block; content:''; transform:translateY(-50%);}
.answerCheck input:checked+label {}
.answerCheck input:checked+label:before {border-color:var(--orange); background:var(--orange) url(/resources/images/ebi/gis/i-radioCheck.png)center no-repeat;}


.tabInner {}
.tabInner .tabItem {display:none;}
.tabInner .tabItem.on {display:block;}

/* 버튼 */
.btn {border:0; padding:0;}
.btn:active {box-shadow:none;}

/* 스크롤 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background-color: var(--middlegary); border-radius:100px;
}
::-webkit-scrollbar-thumb { 
    background-color: #000; border-radius:100px;
}
::-webkit-scrollbar-button {
    display: none;
}

textRotate {transform:var(--textRotate); display:inline-block;}

/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 1025px), print {

	.mobile {display:none;}
	.w1200 {width:1200px; margin:0 auto; max-width:100%;}
	.w1400 {width:1400px; margin:0 auto; max-width:100%;}
	.w1600 {width:1600px; margin:0 auto; max-width:100%;}
	nav.mobile {visibility:hidden;}

	/* Sub-page */
	.header-default {position: absolute;height: 80px; background: #fff;top: 0;left: 0;width: 100%;z-index: 10;}
	.header-default nav.pc.on {background: rgba(255, 255, 255, 0.9);}
	.header-default nav.pc .gnb-row .logo a img{width: 10vw;}
	.header-default .gnb > ul > li > a,
	.header-default .gnb > ul > li > ul > li > a {color: #222 !important;}
	.header-default .gnb > ul > li.on > a,
	.header-default .gnb > ul > li > a:hover {color: var(--blue) !important;}
	/* 로고 이미지 교체 */
	.header-default .logo img {
		content: url('/resources/images/ebi/main/haezoryu/logo-sub.svg');
	}
	/* 로그아웃, i18n 버튼 교체 */
	.header-default .logout-btn img {
		content: url('/resources/images/ebi/main/haezoryu/logout-btn-sub.svg');
	}
	.header-default .i18n-btn img {
		content: url('/resources/images/ebi/main/haezoryu/i18n-btn-sub.svg');
	}

	/* 헤더 */
	header  {position: absolute;background: transparent;top: 0;left: 0;width: 100%;z-index: 10;}
	.head {display:flex; align-items:center; justify-content:space-between;}

	/* gnb */
	nav.pc {width: 80%; margin:0 auto; overflow:hidden; transition: background 0.3s;}
	nav.pc.on {background: rgba(55, 51, 51, 0.9);}
	nav.pc .gnb-row {display: flex;align-items: center;justify-content: space-between;gap: 2vw;margin: 0 auto;padding: 0 40px;height: 90px;}
	nav.pc .gnb-row .logo a img{width: 10vw;}
	nav.pc .gnb {position:relative; top:0; border-bottom:1px solid var(--border2);}
	nav.pc .gnb>ul {margin: 0 auto;justify-content: center;height: 90px;}
	nav.pc .gnb>ul>li {position:relative;}
	nav.pc .gnb>ul>li>a {display:block; height:90px; padding:33px 0; color:#fff; font-weight:500; font-size: 0.9vw; transform:var(--textRotate);}
	nav.pc .gnb>ul>li.on>a,
	nav.pc .gnb>ul>li>a:hover {color:var(--blue);}
	nav.pc .gnb>ul>li>ul {padding:30px 0 25px; position:absolute; gap:13px; display:flex; flex-direction:column;}
	nav.pc .gnb>ul>li>ul>li {}
	nav.pc .gnb>ul>li>ul>li>a {background: none;padding: 10px 10px;font-size: 16px;font-weight: 400;position:relative;}
	nav.pc .gnb>ul>li>ul>li.on>a { color:var(--blue);}
	nav.pc .gnb>ul>li>ul>li>a:hover:after{width:100%; left:0; right:auto;}
	nav.pc .gnb>ul>li>ul>li>a:hover {color:var(--blue);}
	nav.pc .gnb>ul>li>ul>li a {display:inline-block; color:#fff; white-space:nowrap; font-weight:500; transform:var(--textRotate); font-size:0.8vw;}
	nav.pc .gnb>ul>li>ul>li a:after { }
	nav.pc .gnb>ul>li>ul>li a:hover,
	nav.pc .gnb>ul>li>ul>li.on a {color:var(--blue); border-color:inherit;}
	nav.pc .gnb>ul>li.i18n {margin-right: 0;margin-left: 0;}
	nav.pc .gnb>ul>li.admin {margin-left: -3.5vw;}
	nav.pc .gnb>ul>li.i18n a,
	nav.pc .gnb>ul>li.admin a {display: flex;align-items: center;justify-content: center;transition: background 0.15s;flex-shrink: 0;}
	nav.pc .gnb>ul>li.i18n a img {width: 4vw;}
	nav.pc .gnb>ul>li.admin a img {width: 2vw;height: auto;}

	.logout-btn:hover img { filter: brightness(0.8); }
	.i18n-btn:hover img { filter: brightness(0.8); }

	/* lnb */
	.lnb {position:relative; z-index:1; border-width:1px 0; border-style:solid; border-color:var(--lightgary2);}
	.lnb.fixOn {top:0; position: fixed; background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; width:100%;}
	.lnb .lnb-wrap {display:flex; height:60px;}
	.lnb .lnb-wrap>* {height:100%;border-left:1px solid var(--lightgary2);;}
	.lnb .lnb-wrap .home {width:60px; background:#f1f5f9; display:flex; align-items:center;	justify-content:center;}
	.lnb .lnb-wrap .home img {width:17px;}
	.lnb .lnb-wrap .dep1 {width:200px;}
	.lnb .lnb-wrap .dep1 p {line-height:60px; padding:0 20px; color:#000; font-size:0.8vw; font-weight:500; background:url(/resources/images/ebi/common/lnb-arrow.png)right 20px center no-repeat; cursor:pointer;}
	.lnb .lnb-wrap .dep1 ul {display:none; background:#fff;border:1px solid var(--lightgary2); border-top:0; box-shadow:0 0 10px rgba(0,0,0,.15);}
	.lnb .lnb-wrap .dep1:hover ul {display:block;}
	.lnb .lnb-wrap .dep1 ul li {}
	.lnb .lnb-wrap .dep1 ul li a {padding:0 20px; line-height:50px; display:block;border-top:1px solid var(--lightgary2);}
	.lnb .lnb-wrap .dep1 ul li+li a {}
	.lnb .lnb-wrap .dep1 ul li:hover a {background:#f5f5f5;}
	.lnb .lnb-wrap .dep1 ul li.on a {background:var(--blue); color:#fff;}
	.lnb .lnb-wrap .dep2 {padding-left:40px; display:flex; gap:40px;}
	.lnb .lnb-wrap .dep2 a {position:relative; display:flex; align-items:center; font-size:18px; font-weight:500; color:#000; line-height:1.2;}
	.lnb .lnb-wrap .dep2 a span {border-bottom:2px solid transparent; transform:var(--textRotate);}
	.lnb .lnb-wrap .dep2 a.on span {color:var(--blue); border-color:inherit;}
	.lnb .lnb-wrap .dep2 a+a::before {width:1px; height:13px; background:var(--lightgary2); position:absolute; left:-18px; top:50%; display:block; content:''; transform:translateY(-50%);}

	/* 컨텐츠 */
	.content {padding:80px 0 100px; border-top:1px solid var(--border2);}
	.content.login-wrap {border-top:0;}
	.contents-wrap {margin-top: 70px}
	.contents-tit {padding:0 0 40px; display:flex; gap:20px; align-items:end;}
	.contents-tit h3 {font-size:30px; font-weight:700; color:#000;}
	.contents-tit p {padding:7px 0 0; position:relative; font-size:15px; color:#999; font-weight:500;}
	.contents-tit p:before {width:17px; height:2px; background:var(--blue); left:0; top:0; position:absolute; display:block; content:'';}
	
	.contents-tab {display:flex; gap:10px; justify-content:center;}
	.contents-tab a {padding:0 20px; line-height:50px; background:#ececec; border-radius:100px; color:#999; text-align:center; width:20%; transform:var(--textRotate);}
	.contents-tab a.on {background:var(--blue); color:#fff;}

	/* footer */
	footer{padding:40px 0 ; border-top: 1px solid var(--border1); background:var(--lightgary4);}
	footer .wrap {position:relative;}
	footer .wrap>div {display:flex; gap:30px; position:absolute; right:0; top:0; z-index:1;}
	footer .wrap>div a {position:relative; font-size:14px; font-weight:500; transform:var(--textRotate);}
	footer .wrap>div a+a:before {width:1px; height:10px; display:block; position:absolute; left:-15px; top:50%; background:#bebebe; content:''; transform:translateY(-50%);}
	footer p {font-size:14px; font-weight:500;}
	footer p.tit {padding:0 0 10px; font-size:18px; font-weight:700; color:#000; transform:var(--textRotate);}
}

/* ************************ 태블릿 이하(~1024) ************************ */
@media screen and (max-width: 1024px) {
	nav.pc .gnb {padding-left:360px;}
	nav.pc .gnb ul.dep1 {gap:30px;}

	.pc {display:none !important;}
	.headerH {height:60px;}

	/* 헤더 */
	header {position:absolute; left:0; top:0; width:100%; z-index:999; height:60px; border-bottom:1px solid #e5e5e5; background: transparent;}
	header .head {padding:0 20px;}
	header .head .gnbView {position:absolute; right:0; top:0; width:60px; height:60px; background:url(/resources/images/ebi/common/icon_gnbView.png)center /22px no-repeat ;}
	header .head .gnbView img {}

	/* .headerH {height:60px;} */

	/* gnb */
	nav.mobile {z-index:9999; position:fixed; top:0; width:50%; min-width:320px; height:100%; overflow:hidden; background:#fff;}
	nav.mobile .closeWrap {padding-left:20px; position:relative; height:60px;border-bottom: 1px solid rgba(0,0,0,.15); overflow:hidden; background:var(--blue);}
	nav.mobile .closeWrap .gnbClose {display:block; width:60px; height:60px; background:url(/resources/images/ebi/common/icon_close.png)center no-repeat; background-size:20px; border-left:1px solid rgba(255,255,255,.3); float:right;}
	nav.mobile .closeWrap .btn {color:#fff; display:inline-block; line-height: 60px;}
	nav.mobile .closeWrap .btn+.btn {margin-left:10px; }
	.gnbCover {z-index:9998; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.5);}
	nav.mobile .gnb .dep1 li.admin {display:none;}


	nav.mobile .gnb {position:relative; width:100%; height:100%; overflow-y:auto; text-align:left !important;}
	nav.mobile .gnb * {width:100% !important;}
	nav.mobile .gnb>ul>li {clear:both; position:relative; border-bottom:1px solid #e5e5e5;}
	nav.mobile .gnb>ul>li>a {display:block; padding:15px 20px; font-size:16px; transform:var(--textRotate); color:#000;}
	nav.mobile .gnb>ul>li.on {border-color:var(--blue);}
	nav.mobile .gnb>ul>li.on>a {background:var(--blue); color:#fff;}
	nav.mobile .gnb>ul>li>ul {display:none;}
	nav.mobile .gnb>ul>li>ul>li {position:relative;border-top: 1px solid #eee;}
	nav.mobile .gnb>ul>li>ul>li a {display:block; padding:15px 40px; font-size:15px; color:#000; letter-spacing:-.8px;background:#fff;}
	nav.mobile .gnb>ul>li>ul>li:last-child a {border-color:#e0e0e0;}
	nav.mobile .gnb>ul>li>ul>li a:hover {color:#000; background-color:#f5f5f5;}
	nav.mobile .gnb>ul>li>ul>li.on a {color: green;}


	/*gnb*/
	/*header nav.mobile {z-index:9999; position:fixed; visibility:hidden; left:0; top:0; width:80%; overflow:hidden; background-color:#fff;}
	header nav.mobile .closeWrap {z-index:1; position:relative; height:60px; background-color:#fff; color:#000; box-shadow:0 3px 5px rgba(0,0,0,.1);}
	header nav.mobile .closeWrap .gnbClose {display:block; float:left; width:60px; height:100%; background:url(../images/common/icon_x2.png) 50% 50% no-repeat; background-size:30%; border-right:1px solid #e0e0e0}
	header nav.mobile .closeWrap aside {display:flex; float:right; height:100%;}
	header nav.mobile .closeWrap aside a {width:60px; height:60px; display:inline-block;border-left:1px solid #e0e0e0; background-size: 22px !important; line-height:60px; text-align:center; font-size:13px; color:#999;}
	header nav.mobile .closeWrap aside a.home{ background: url(../images/common/i_home.png) no-repeat 50%;}
	.gnbCover {z-index:9998; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.5);}

	header nav.mobile .gnb {position:relative; width:100%; height:100%; overflow-y:auto; text-align:left !important;}
	header nav.mobile .gnb * {width:100% !important;}
	header nav.mobile .gnb .home {display:block; width:100%; background-color:#f0f0f0; padding:12px 20px; border-bottom:1px solid #333;}
	header nav.mobile .gnb>ul {position:absolute; top:0; right:0;}
	header nav.mobile .gnb>ul>li {clear:both; position:relative;}
	header nav.mobile .gnb>ul>li>a {display:block; padding:15px 20px; font-size:16px; color:#000; border-bottom:1px solid #ddd; background:#fff; letter-spacing:-.5px; font-weight:500;}
	header nav.mobile .gnb>ul>li>a:hover {color:#000;}
	header nav.mobile .gnb>ul>li.on>a {color:var(--blue); background:#fff; border-bottom:2px solid var(--blue);}
	header nav.mobile .gnb>ul>li ul{border-bottom:5px solid #eee}
	header nav.mobile .gnb>ul>li ul>li {position:relative;}
	header nav.mobile .gnb>ul>li ul>li>a {display:block; position:relative; padding:13px 20px 13px 20px; font-size:15px; color:#555; letter-spacing:-.5px; border-top:1px dotted #ddd; font-weight:400;}
	header nav.mobile .gnb>ul>li ul>li.on>a {font-weight:500;}
	header nav.mobile .gnb>ul>li ul>li.on>a:before {content:""; position:absolute; width:5px; height:5px; background:var(--blue); left:10px; top:21px; border-radius: 50%;}
	header nav.mobile .gnb>ul>li ul>li:first-child>a {border:0;}
	header nav.mobile .gnb>ul>li ul>li>ul>li.on a {color:var(--blue); font-weight:600;}
	header nav.mobile .gnb>ul>li ul>li:last-child:after {display:block; height:7px; background:#eee; box-shadow: 3px 3px 3px #ddd inset;}
	header nav.mobile .gnb>ul>li ul>li>a:hover {color:#000; background-color:#f5f5f5;}
	header nav.mobile .gnb>ul>li ul>li.on>a {color:var(--blue);}*/

	
	/* lnb */
	.lnb {}
	
	/* 컨텐츠 */
	
	section.content {padding:50px 30px;}
	.contents-wrap {}
	.contents-tit {padding:0 0 40px; display:flex; gap:20px; align-items:center; flex-wrap:wrap; row-gap:10px;}
	.contents-tit h3 {font-size:26px; font-weight:700; color:#000; line-height:1;}
	.contents-tit p {padding:5px 0 0; position:relative; font-size:14px; color:#999; font-weight:500; transform: translateY(2px);}
	.contents-tit p:before {width:17px; height:2px; background:var(--blue); left:0; top:0; position:absolute; display:block; content:'';}
	
	.contents-tab {display:flex; gap:10px; justify-content:center;}
	.contents-tab a {padding:0 5px; line-height:50px; background:#ececec; border-radius:100px; color:#999; text-align:center; width:50%; max-width:200px; transform:var(--textRotate);}
	.contents-tab a.on {background:var(--blue); color:#fff;}
	
	
	/* footer */
	footer{padding:30px 20px; border-top: 1px solid var(--border1); background:var(--lightgary4);}
	footer .wrap>div {padding:0 0 14px; display:flex; justify-content:center; gap:30px;}
	footer .wrap>div a {position:relative; font-size:14px; font-weight:500; transform:var(--textRotate);}
	footer .wrap>div a+a:before {width:1px; height:10px; display:block; position:absolute; left:-15px; top:50%; background:#bebebe; content:''; transform:translateY(-50%);}
	footer p {font-size:14px; font-weight:500; text-align:center;}
	footer p.tit {padding:0 0 5px; font-size:18px; font-weight:700; color:#000; transform:var(--textRotate);}
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
   /* 헤더 */
   header .head .logo a {font-size:18px;}
   header .head .logo a img {height:34px;}

   /* gnb */
   /* lnb */
   .lnb {}
   section .content

	/* footer */
	footer {}
	footer .wrap>div {flex-wrap:wrap; gap:5px 20px;}
	footer .wrap>div a {font-weight:400;}
	footer .wrap>div a+a:before {left:-10px;}
	footer p.tit {font-size:16px;}
	footer p {font-size:13px;}
}

/* ui-datepicker */

.ui-datepicker {
	box-shadow:10px 10px 10px rgba(0,0,0,.1);
	background:#fff; border-radius:10px; border:1px solid var(--blue2);
	width: 17em;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0; border-bottom:1px solid var(--border4);
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 30px;
	height:100%;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 13px;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%; border:0; min-height:34px;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
	padding:.2em
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: center;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top:1px solid var(--border4);
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-state-default {}
.ui-state-hover {background:#f5f5f5;}
.ui-state-highlight,
.ui-datepicker-today {background:var(--bluegray);}
.ui-state-active {background:var(--blue); color:#fff;}
.ui-state-hover.ui-state-active {color:#fff;}


/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}