@charset "utf-8";

/* comm */
.pt0 {padding-top:0 !important;}

.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}

.al-l {text-align:left !important;}
.al-r {text-align:right !important;}
.al-c {text-align:center !important;}

.fl-l {float:left !important;}
.fl-r {float:right !important;}



/* ===========================
  common contents
=========================== */
/* title */
.h1-title01 {margin-bottom:25px; color:#000; font-size:32px;}

.txt-type01 {color:#555; font-size:14px;}
.txt-type01 span + span:before {content:''; position:relative; top:2px; display:inline-block; width:1px; height:13px; margin:0 10px; background:#ddd;}

.fc-627cff {color:#627cff !important;}
.fc-999 {color:#999 !important;}

/* search-area */
.search-area {position:absolute; top:50px; right:90px;}
.search-area > div {display:inline-block; vertical-align: top;}
.search-area .select-box {position:relative; top:-5px; margin-right:10px;}
.search-area .select-box .design-select-box .select-title > a {background-color:#f4f5f8 !important; font-size:22px; text-align:center !important; background-position:calc(100% - 22px) center;}
.search-area .select-box .design-select-box .select-title > a:before {display:none !important;}
.search-area .select-box .design-select-box .select-list {top:50px; border-radius:6px;}
.search-area .select-box .design-select-box .select-list > li > a {line-height:50px; color:#555; text-align:center !important;}
.search-area .design-select-box {min-width:150px;}
.search-area .select-date {position:relative;}
.search-area .select-date > span {display:inline-block; padding-right:10px; color:#000; font-size:22px;}
.search-area .select-date > a img {position:relative; top:2px;}
.search-area .select-date .calendar {top:67px; right:auto; left:0;}
.search-area .select-month {position:relative; top:4px;}
.search-area .select-month > a {display:inline-block; margin:0 5px;}
.search-area .select-month > a.prev,
.search-area .select-month > a.next {position:relative; top:5px;}
.search-area .select-month .date {display:inline-block; margin-right:20px; padding-right:20px; color:#000; font-size:22px; background:url('../images/ico-select-off.png') no-repeat 100% center;}
.search-area .select-type01,
.search-area .input-box {position:relative; width:170px; margin:0 5px 0 10px;}
.select-box + .input-box {margin: 0 5px 0 0;}
.search-area .btn-box > a {width:150px;}
.search-area .date-refresh {height:50px; line-height:50px; padding-left:20px; color:#999; font-size:13px;}
.search-area .date-refresh img {margin-left:10px; vertical-align:middle;}

/* select month */
.pop-select-month {position:absolute; top:67px;right:0; width:300px; box-shadow:0px 0px 10px rgba(0,0,0,0.1); background-color:#fff; border-radius:6px; z-index:10; display:none;}
.pop-select-month .btn-close {position:absolute; top:30px; right:30px;}
.pop-select-month > p {height:24px; line-height:24px; padding:28px 0 24px 30px; font-size:16px; font-weight:700;}
.pop-select-month > div {overflow:hidden;}
.pop-select-month > div > div {float:left; width:50%;}
.pop-select-month > div ul {height:250px; overflow:hidden; overflow-y:auto;}
.pop-select-month > div ul li a {display:block; height:50px; line-height:50px; color:#555; font-size:14px; font-weight:300; text-align:center;}
.pop-select-month > div ul li a:hover,
.pop-select-month > div ul li.active a {background-color:#f4f5f8;}

/* calendar */

.calendar{ position:absolute; top:45px; right:0; width:405px; box-shadow:0px 0px 10px rgba(0,0,0,0.1); padding:30px; box-sizing:border-box; background-color:#fff; border-radius:6px; z-index:10; display:none; }
.calendar button{ border:none; background-color:transparent; outline:none; cursor:pointer; }
.calendar button img{ width:100%; height:100%; }
.calendar .calendar_close{ width:15px; height:15px; float:right; }
.calendar_top{ width:100%; position:relative; margin-top:15px; padding:30px 10px 10px; box-sizing:border-box; }
.calendar_month{ width:100%; text-align:center; height:30px; line-height:30px; font-weight:bold; font-size:25px; }
.calendar_arrow{ position:absolute; bottom:10px; left:0; width:100%; height:29px; }
.calendar_arrow button{ position:absolute; top:0; }
.calendar_arrow button.calendar_arrow_prev{ left:10px; }
.calendar_arrow button.calendar_arrow_next{ right:10px; }
.calendar_bottom{ width:100%; height:auto; }
.calendar_days{ width:100%; height:auto; }
.calendar_days th,
.calendar_days td{ width:14.3%; height:36px; line-height:36px; font-size:14px; text-align:center; padding:6.5px 0; box-sizing:border-box;}
.calendar_days th{ color:#454545; }
.calendar_days .calendar_days_num span{ display:inline-block; width:36px; height:100%; cursor:pointer; position:relative; border-radius:18px; text-align:center; }
.calendar_days .calendar_days_sun span{ color:#ff8282; }
.calendar_days .calendar_days_sat span{ color:#627cff; }
.calendar_days .calendar_days_nextMonth span{ opacity:0.5; }
.calendar_days .calendar_days_today span:after{ width:12px; height:12px; line-height:0px; font-size:50px;content:"·"; display:inline-block; color:#627cff; position:absolute; left:75%; top:30%; transform:translate(-50%,-50%);}
.calendar_days .calendar_days_select span{ background-color:#627cff; color:#fff; }
.calendar_days .calendar_days_select.calendar_days_today span:after{ color:#fff; }
.calendar_days .calendar_days_start span{ border-top-right-radius:0px; border-bottom-right-radius:0px; width:44px; margin-left:7px;}
.calendar_days .calendar_days_end span{ border-top-left-radius:0px; border-bottom-left-radius:0px; width:44px; margin-right:7px;}
.calendar_days .calendar_days_middle span{ width:100%; border-radius:0px; }
.ui-datepicker button.calendar_submit{ width:100%; height:50px; background-color:#616369; color:#fff; border-radius:6px; font-size:16px; margin-top:20px; }


/* datepicker */
.datepicker-wrap { position:relative; top: -3px; width:220px; height:45px;}
.datepicker-wrap + .datepicker-wrap {margin-left: 10px;}

img.ui-datepicker-trigger { position:absolute; right:10px; top:13px; cursor:pointer; }
.ui-datepicker { width:405px; height:420px; border-radius:6px; box-shadow:0 5px 15px 0 rgba(0,0,0,0.1); background-color:#fff; border:none !important; padding:0 50px; box-sizing:border-box; font-size: .9em; }
.ui-datepicker.custom-button-live { height:470px; }
.ui-datepicker .ui-datepicker-header { padding:50px 0 25px; }
.ui-widget-header{ border:none; background:transparent; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { top:48%; }
.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:none; background:transparent; text-align:center; width:35px; height:35px; line-height:35px; margin:0 auto; border-radius:50%; position:relative; }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active, a.ui-button:active,
.ui-button:active, .ui-button.ui-state-active:hover { background-color:#627cff; color:#fff !important; }
td.ui-state-highlight,
.ui-widget-content td.ui-state-highlight,
.ui-widget-header td.ui-state-highlight {
	border: none;
	background: #fff;
}
a.ui-state-highlight::after,
.ui-widget-content a.ui-state-highlight::after,
.ui-widget-header a.ui-state-highlight::after { display:block; content:""; width:5px; height:5px; border-radius:50%; background-color:#627cff; position:absolute; left:68%; top:22%; }
.ui-state-default.ui-state-highlight.ui-state-active:after { background-color:#fff; }
td.ui-state-highlight .ui-state-default.ui-state-highlight:after { background-color:#fff; }
.ui-widget-content .ui-datepicker-prev .ui-icon {
background: url("../images/ico-prev.png")
!important;}
.ui-widget-content .ui-datepicker-next .ui-icon {
background: url("../images/ico-next.png")
!important;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-icon { width:30px; height:30px; }
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover,
.ui-icon:hover { border:none; background-color:transparent; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
     left:50%; top:50%; transform:translate(-50%,-50%); margin-left:0; margin-top:0; margin-right:0;
}
.ui-datepicker .ui-datepicker-title {font-size: 21px;}
.ui-datepicker table thead tr {color: #454545;}
.ui-datepicker table thead tr th,
.ui-datepicker table tbody tr td {font-size: 14px;}
/* ico-badge */
.ico-badge {display:inline-block; width:57px; height:28px; line-height:28px; color:#999; font-size:11px; text-align:center; box-sizing:border-box; border-radius:6px;}
.ico-badge.big {display:table; width:37px; height:45px; line-height:17px; color:#999; font-size:11px; text-align:center; box-sizing:border-box; border-radius:6px;}
.ico-badge.big em {display:table-cell; width:100%; height:100%; padding:0 8px; vertical-align:middle;}
.badge01 {color:#616369 !important; background-color:#f4f5f8;}
.badge02 {color:#627cff !important; background-color:rgba(98,124,255,0.15);}
.badge03 {color:#bfa355 !important; background-color:rgba(191,163,85,0.15);}
.badge04 {color:#489785 !important; background-color:rgba(72,151,133,0.15);}
.badge05 {color:#e28787 !important; background-color:rgba(226,135,135,0.15);}
.badge06 {line-height:24px; border:2px solid #e0e0e0;}
.badge07 {color:#616369; line-height:24px; border:2px solid #616369;}
.badge08 {background-color:#f4f5f8;}
.badge09 {color:#627cff; line-height:24px; border:2px solid #627cff;}
.badge10 {color:#fff; background-color:#c9c9ce;}

/* btn */
.btn-box {position:relative; font-size:0; text-align:center;}
/* 191030 수정 - 추가버튼 수정 */
.btn-box.type02 {position: absolute; right: 90px; margin-top: -29px; font-size:0; text-align:right;}
.btn-box img {vertical-align:top;}
.btn-box > a {position:relative; display:inline-block; width:200px; height:50px; line-height:50px; color:#fff; font-size:16px; text-align:center; box-sizing:border-box; border-radius:4px;}
.btn-box > a + a {margin-left:10px;}
.btn-box .w100 {width:100%;}
.btn-box .small {width:100px; height:45px; line-height:45px; color:#fff;}
.btn-box .add {width:100px; height:45px; line-height:45px; padding-left:20px; text-align:left; color:#fff;}
.btn-box .add img {position:absolute; top:12px; right:20px; vertical-align:middle;}
.btn-box .medium {height:45px; line-height:45px; padding-left:20px; color:#000; font-size:14px; text-align:left;}
.btn-box .ico {position:absolute; top:12px; right:15px;}
.btn-type01 {border:solid 1px #ddd; background-color:#f9fafb;}
.btn-type02 {color:#fff !important; background-color:#616369;}
.btn-type03 {color:#fff !important; background-color:#627cff;}
.btn-type04 {color:#fff !important; background-color:#a5aab9;}
.btn-type05 {color:#627cff !important; border:1px solid #627cff;}
.btn-type05.add {width:125px;}

/* no-data */
.no-data {display:table; width:100%; height:400px;}
.no-data p {display:table-cell; width:100%; color:#999; font-size:16px; text-align:center; background:#f9fafb; vertical-align:middle; border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
.no-data p img {display:block; margin:0 auto 10px;}
/* 191014 수정 - 데이터 없을 경우 */
.no-data.type02 p {padding: 282px 0; background-color: transparent;}
/* table */
.table-type01 {}
.table-type01 table {table-layout:fixed; border-collapse: inherit;}
.table-type01 table tbody tr {border-radius: 5px;}
.table-type01 table tbody .tr-bar {border: none !important;}
.table-type01 table th {padding:16px 0; color:#616369; font-weight:500; background-color:#e6e9ee;}
.table-type01 table th img {position:relative; top:-2px; left:7px; vertical-align:middle;}
.table-type01 table td {height:38px; padding:8px 15px 9px; color:#555; text-align:center; background-color:#fcfcfc; vertical-align:middle; border-top: 1px solid transparent; border-bottom: 1px solid transparent;}
/* 191108 수정 */
.table-type01 table th:first-child,
.table-type01 table td:first-child {padding-left:40px; padding-right:30px; text-align:left;}
.table-type01 table td:first-child {border-left: 1px solid transparent;}
.table-type01 table td:last-child {border-right: 1px solid transparent;}
.table-type01 table td:first-child,
.table-type01 table td:last-child {padding-left:40px; padding-right:40px;}
.table-type01 table th:first-child,
.table-type01 table td:first-child {border-top-left-radius:5px; border-bottom-left-radius:5px;}
.table-type01 table th:last-child,
.table-type01 table td:last-child {border-top-right-radius:5px; border-bottom-right-radius:5px;}
.table-type01 table tr:hover td {background-color:#fff; border-top: 1px solid #627cff; border-bottom: 1px solid #627cff;}
.table-type01 table tbody tr:hover {border: 1px solid #627cff; border-radius: 5px !important;}
.table-type01 table tbody tr:hover td:first-child {border-left: 1px solid #627cff;}
.table-type01 table tbody tr:hover td:last-child {border-right: 1px solid #627cff;}
.table-type01 table .tr-bar td {height:10px !important; background:#f4f5f8 !important; padding:0 !important;}
.table-type01 table .tr-bar:hover {}
.table-type01 table .tr-bar:hover td {background:#f4f5f8 !important; border: 1px solid transparent !important;}

.table-type01.al-c table th:first-child,
.table-type01.al-c table td:first-child {text-align: center;}

.table-type01 table tr .taL {text-align: left;}
.table-type01 table th.taL {padding-left: 40px;}
.table-type01 table .ellipsis {text-overflow:ellipsis; white-space:nowrap;  word-wrap:normal; width:100%; overflow:hidden;}
/* 191105 수정 */
@media screen and (max-width: 1600px) {
  /* .table-type01 table th:first-child {padding-left:30px;} */
  .table-type01 table td:first-child div,
  .table-type01 table td:last-child div {padding-left:30px; padding-right:30px;}
  /*.table-type01 table .bar {padding:0 !important;}*/
}

/* board-view */
.answer .control-box {border:1px solid #e4e4e4; border-radius:6px;}
.answer .control-box .radio-box {padding:20px 30px; border-bottom:1px dashed #e4e4e4;}
.answer .control-box textarea {border:none; }

.add textarea {min-height: 505px; }
textarea.address {min-height: 70px; padding: 13px;}

.select-delete {position:relative;}
.select-delete .btn-del {position:absolute; top:0; right:0; display:block; width:40px; height:45px; text-indent:-999em; background:url('../images/ico-x-close.png') no-repeat 100% center;}
.select-delete .btn-del + .select-type02 {width:calc(100% - 40px);}

.board-view01 {}
.board-view01 table th {padding:7px 0 8px; color:#999; font-size:13px; font-weight:400; text-align:left; vertical-align:top;}
.board-view01 table td {padding:7px 0 8px; color:#555; font-size:14px;}


.board-view02 {}
.board-view02 table th {padding-top:22px; color:#999; font-size:13px; font-weight:400; text-align:left; vertical-align:top;}
.board-view02 table td {padding:10px 0 15px; color:#555; font-size:14px;}
.board-view02 table .radio-box {height: 40px; line-height: 40px;}
/* 휴가 추가하기 툴팁 (210126) */
.board-view02 table th img {width:23px; height:23px; position:relative; top:-2px; left:7px; vertical-align:middle;}

.section_view {padding: 0 60px;}
.section_view + .section_view {padding-top: 30px; margin-top: 30px; border-top: 1px solid #f4f4f4;}
.section_view .tit {display: block; font-size: 18px; color: #000; margin-bottom: 15px;}
.section_view .tit.tit_m {font-size: 22px; margin-bottom: 11px !important;}
.section_view .txt {display: block; font-size: 14px; color: #999; margin-top: 10px;}
.section_view.fc-627cff .tit,
.section_view.fc-627cff input {color: #627cff;}

.section_view.type02 {padding: 0;}
.section_view.type02 + .section_view.type02 {padding-top: 30px; margin-top: 0; border: none;}
.section_view.type02 .tit {margin-bottom: 20px;}

.profile-info {position:relative; margin:-60px -60px 0; padding:60px 60px 30px 135px; border-bottom:1px solid #f4f4f4; background-color:#fff;}
.profile-info .img {position:absolute; top:60px; left:60px; width:60px; height:60px;}
.profile-info .img img {width:60px; height:60px; border-radius:6px;}
.profile-info .info strong {display:block; margin-bottom:10px; color:#000; font-size:18px;}
.profile-info .info span {display:inline-block; color:#999; font-size:13px;}
.profile-info .info span + span:before {content:''; position:relative; top:2px; display:inline-block; width:1px; height:13px; margin:0 10px; background:#ddd;}

/* edit-box */
.edit-box {width:100%;}


/* paging */
.paging {position:relative; margin-top:34px; font-size:0; line-height:0; text-align:center;}
.paging a,
.paging strong {display:inline-block; min-width:20px; height:29px; line-height:29px; margin:0 3px; color:#555; font-size:13px; vertical-align:middle;}
.paging a img {vertical-align:middle;}
.paging strong {color:#627cff; text-decoration:underline;}
.paging p {display:inline-block; padding:0 17px; font-size:0; line-height:0; vertical-align:middle;}
.paging > a {width:29px;}
.paging .btn-box {position:absolute; top:0; right:0;}



/* ===========================
  form
=========================== */
/* input box */
.input-box {position:relative; width:100%;}
.input-box.bg-gray input[type="text"] {color:#000; background-color:#f4f5f8; border:none;}
.input-box input[type="text"] {min-width:100%; padding-right:45px;}
.input-box .btn-search {position:absolute; top:1px; right:1px; width:40px; height:45px; text-align:center; background:none; border:none; box-sizing:border-box;}
.input-box .btn-cal {position:absolute; top:1px; right:1px; display:block; width:40px; height:45px; text-indent:-999em; background:url('../images/ico-calendar.png') no-repeat center center;}

/* check-box */
.chk-type01 {position:relative; display:inline-block;}
.chk-type01 + .chk-type01 {margin-left:40px;}
.chk-type01 input[type=checkbox] {position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
.chk-type01 input[type=checkbox] + label {display:inline-block; height:20px; padding:0 0 0 30px; font-size:14px; color:#555; line-height:20px; background:url("../images/ico-check.png") 0 0 no-repeat; cursor:pointer;}
.chk-type01 input[type=checkbox]:checked + label {background-position:0 -20px;}

/* radio button */
.radio-type01 {position:relative; display:inline-block;}
.radio-type01 + .radio-type01 {margin-left:40px;}
.radio-type01 input[type=radio] {position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
.radio-type01 input[type=radio] + label {display:inline-block; height:20px; padding:0 0 0 30px; font-size:14px; color:#555; line-height:20px; background:url("../images/ico-radio.png") 0 0 no-repeat; cursor:pointer;}
.radio-type01 input[type=radio]:checked + label {background-position:0 -20px;}

/* filebox */
.filebox {position: relative; overflow: hidden;}
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox > label {position: absolute; width: 100%; height: 45px; z-index: 2; cursor: pointer;}
.filebox input[type="text"] {float: left; width: calc(100% - 110px);}
.btn-box.upload {float: right; margin-left: 10px;}

.filebox.type02 > label {position: absolute; width: calc(100% - 110px); height: 45px; z-index: 2; cursor: pointer;}
.filebox.type02 .btn-del {position:absolute;top:0;right:70px;display:block;width:40px;height:45px;text-indent:-999em;background:url('../images/ico-x-close.png') no-repeat 100% center;}

/* design-select-box */
.design-select-box {position:relative; display:inline-block; min-width:207px; width:100%; border-radius:3px; vertical-align:middle; box-sizing:border-box;}
.design-select-box .select-title > a {position:relative; display:block; min-width:30px; height:45px; line-height:45px; padding:0 20px; color:#000; font-size:14px; text-align:left !important; background:#f9fafb url("../images/ico-select-off.png") no-repeat calc(100% - 15px) center; overflow:hidden;}
.design-select-box .select-title > a:before {content:''; position:absolute; top:0; left:0; width:100%; height:45px; border:1px solid #ddd; border-radius:3px; box-sizing:border-box; z-index:2;}
.design-select-box.active {border:none;
-webkit-box-shadow: 0px 14px 10px 0 rgba(239,239,239,0.8);
-moz-box-shadow: 0px 14px 10px 0 rgba(239,239,239,0.8);
box-shadow: 0px 14px 10px 0 rgba(239,239,239,0.8);}
.design-select-box.active .select-title > a {background-color:#fff; background-image:url("../images/ico-select-on.png"); border-radius:4px;}
.design-select-box.active .select-title > a:before {display:none;}
.design-select-box .select-title > a span {display:block; height:100%;}
.design-select-box .select-list {position:absolute; top:45px; left:0; display:block; width:100%; max-height:224px; background:#fff; display:none; z-index:10; overflow:auto;
-webkit-box-shadow: 0px 14px 10px 0 rgba(239,239,239,0.8);
-moz-box-shadow: 0px 14px 10px 0 rgba(239,239,239,0.8);
box-shadow: 0px 14px 10px 0 rgba(239,239,239,0.8);}
.design-select-box .select-list > li > a {display:block; padding:0 20px; color:#000; font-size:14px; line-height:45px; text-align:left !important;}
.design-select-box .select-list > li > a:hover {background:#f4f5f8;}

.select-type02 .design-select-box .select-title > a {background-color:#f4f5f8;}
.select-type02 .design-select-box .select-title > a:before {border:none;}
.select-type02 .design-select-box.active .select-title > a {background-color:#fff;}
.select-type02 .design-select-box .select-list > li > a:hover {background:#f4f5f8;}


/* ===========================
  pop
=========================== */
.layer-pop-wrap {}
.layer-pop-wrap .dim {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.2); z-index:99999;}
.layer-pop-wrap .layer-pop-body {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:100000;}
.layer-pop-wrap .btn-pop-close {position:absolute; top:0; right:0; display:block; width:16px; height:16px; padding:30px; background:url(../images/ico-x-close.png) no-repeat center center; z-index:5;}
.layer-pop-wrap .btn-box {text-align:center;}

.layer-pop-wrap .pop-con {position:relative; width:385px; margin:0 auto; padding:40px 37px; background:#fff; border-bottom-left-radius:6px; border-bottom-right-radius:6px; box-sizing:border-box; overflow:hidden;}
.layer-pop-wrap h2 {min-height:74px; padding:23px 37px 0; color:#000; font-size:16px; font-weight:500; text-align:left; background:#f9fafb; border-top-left-radius:6px; border-top-right-radius:6px; box-sizing:border-box;}


/* datepicker 추가 수정 css */
.ui-datepicker-calendar tr td .calendar_day {background:#627cff; color:#fff !important; border-radius:0px; width:35px; height:35px; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%;}

.ui-datepicker-calendar tr .calendar_days {background:#627cff; color:#fff !important; border-radius:0px; width:100%;}
.ui-datepicker-calendar tr td:first-child .calendar_days {border-top-left-radius:50%; border-bottom-left-radius:50%;}
.ui-datepicker-calendar tr td:last-child .calendar_days {border-top-right-radius:50%; border-bottom-right-radius:50%;}
.ui-datepicker-calendar.add tr .ui-state-active { border:none; background:#627cff; text-align:center; width:100%; height:35px; line-height:35px; margin:0 auto; position:relative; border-radius:0px;}
/*.ui-datepicker-calendar.add tr td:nth-child(2) .ui-stateui-state-active-active {border-top-left-radius:50%; border-bottom-left-radius:50%;}*/
.ui-datepicker-calendar.add tr td:first-child .ui-state-active {border-top-left-radius:50%; border-bottom-left-radius:50%;}
.ui-datepicker-calendar.add tr td:last-child .ui-state-active {border-top-right-radius:50%; border-bottom-right-radius:50%;}

td.ui-state-highlight a,
.ui-widget-content td.ui-state-highlight a,
.ui-widget-header td.ui-state-highlight a {background:#627cff; color:#fff !important; border-radius:50%;}

.day_date > span {display:inline-block; padding-right:10px; color:#000; font-size:22px; line-height:2;}
.datepicker-wrap {width:220px;}
.day_picker.hid {position:absolute; top:0; left:0; background:none !important; border:0; font-size:0;}
.search_datepicker.hid {position:absolute; top:0; left:0; background:none !important; border:0; font-size:0;}

.week_date > span {display:inline-block; padding-right:10px; color:#000; font-size:22px; line-height:2;}
.datepicker-wrap.add {width:410px;}
.week_picker.hid {position:absolute; top:0; left:0; background:none !important; border:0; font-size:0;}
.multi_datepicker.hid {position:absolute; top:0; left:0; background:none !important; border:0; font-size:0;}

.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a { color: #ff8282; }
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child a { color: #627cff; }

.ui-datepicker-calendar.add > tbody td.ui-datepicker-week-end:nth-child(6) a { color: #627cff; }
.ui-datepicker-calendar.add > tbody td.ui-datepicker-week-end:last-child a { color: #ff8282; }

.ui-datepicker{z-index: 99 !important};