@charset "UTF-8";
/* ============================================================
   관리자 통합 스타일 엔트리 → 컴파일 결과 css/style.css
   레거시(base/layout/bbs/btn/log)를 흡수한 뒤 내 셸/필터/달력이
   뒤에서 덮어쓴다. 화면은 import.css+admin.css 대신 style.css 한 장만 로드.
   (jquery-ui.css 는 서드파티 → css/lib 벤더로 별도 로드)
   ============================================================ */
/* 콘텐츠 기본 (구 base/bbs/btn/log 실사용 규칙 + 공통 조각) */
/* ============================================================
   레거시(base/bbs/btn/log)에서 실사용 규칙만 발췌 — 게시판 테이블/폼/버튼/리셋/폰트
   원본 738개 규칙 중 229개 유지(509개 폐기). legacy/ 폴더 대체.
   ============================================================ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  padding: 0;
  margin: 0;
}

p, ul, ol, li, dl, dt, dd, form {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  border: 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

html, body {
  font-size: 13px;
  color: #333333;
  line-height: 160%;
  font-family: nGothic, dotum, gulim;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

@font-face {
  font-family: nGothic;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/NanumGothic.eot");
  src: local("nGothic"), url("../fonts/NanumGothic.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumGothic.woff") format("woff"), url("../fonts/NanumGothic.ttf") format("truetype");
}
@font-face {
  font-family: nGothicB;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/NanumGothicBold.eot");
  src: local("nGothicB"), url("../fonts/NanumGothicBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumGothicBold.woff") format("woff"), url("../fonts/NanumGothicBold.ttf") format("truetype");
}
@font-face {
  font-family: nGothicEB;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/NanumGothicExtraBold.eot");
  src: local("nGothicEB"), url("../fonts/NanumGothicExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumGothicExtraBold.woff") format("woff"), url("../fonts/NanumGothicExtraBold.ttf") format("truetype");
}
a:link {
  text-decoration: none;
  color: #666666;
}

a:visited {
  text-decoration: none;
  color: #666666;
}

a:hover {
  text-decoration: none;
  color: #333333;
}

table {
  border-collapse: collapse;
}

table img {
  max-width: 100%;
}

hr {
  display: none;
}

ol, ul, li {
  list-style: none;
}

#accessibility, .skip, hr, legend {
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
}

a img, fieldset {
  border: 0px none;
}

img {
  vertical-align: top;
}

caption {
  display: none;
}

address, em {
  font-style: normal;
}

html:first-child select {
  padding-left: 6px;
  height: 20px;
}

option, x:-moz-any-link {
  padding-left: 6px;
}

option, x:-moz-any-link, x:default {
  padding-right: 0;
}

strong, b, h4, h5, dt, th, .caption {
  font-family: nGothicB, dotum, gulim;
}

input[type=text], [type=password], [type=search], [type=email], [type=url], [type=number], [type=tel], select {
  line-height: 28px;
  min-height: 28px;
  vertical-align: middle;
  font-family: nGothic, dotum, gulim;
  transition: border-color 0.2s;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  color: #565a5c;
  box-sizing: border-box;
  -moz-box-size: border-box;
  background-color: #fff;
}

textarea {
  line-height: 125%;
  min-height: 20px;
  vertical-align: middle;
  font-family: nGothic, dotum, gulim;
  transition: border-color 0.2s;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  color: #565a5c;
  box-sizing: border-box;
  -moz-box-size: border-box;
  background-color: #fff;
}

input {
  vertical-align: middle;
  padding: 0px 8px;
}

input[type=radio], input[type=checkbox] {
  padding: initial;
  padding: 0px;
  background-color: initial;
}

ime_mode {
  ime-mode: disabled;
}

button {
  background: none;
  font-family: nGothic;
}

select {
  border: none;
  font-family: nGothic;
  color: #565a5c;
  border: 1px solid #cacccb;
  border-radius: 2px;
  padding: 3px 0px;
  min-height: 28px;
}

option {
  font-weight: normal;
  display: block;
  padding: 0px 2px 1px;
  white-space: pre;
  min-height: 1.2em;
  font-family: nGothic;
}

.input {
  color: #737070;
  font-size: 1em;
  background-color: #ffffff;
  border: solid 1px #cacccb;
  height: 18px;
  padding: 1px 3px 0 3px;
}

textarea, .scr {
  scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #d0d0d0;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-shadow-color: #d0d0d0;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-track-color: #f7f7f7;
  scrollbar-arrow-color: #968a7c;
  overflow-x: hidden;
  overflow-y: auto;
}

.select {
  color: #666666;
  height: 28px;
  border: 1px solid #cacccb;
}

.mt5 {
  margin-top: 5px;
}

.pt20 {
  padding-top: 20px !important;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right !important;
}

.table_line {
  border-top: 2px solid #182e40;
}

table.board-list {
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #a1a1a1;
}

table.board-list th {
  background: #f5f4f4;
  border: 1px solid #ddd;
  padding: 12px 0 11px;
  color: #2d2d2d;
  font-size: 12px;
}

table.board-list tr.on td {
  background: #f4f4f4;
}

table.board-list td {
  border: 1px solid #ddd;
  padding: 12px 5px;
  text-align: center;
  word-break: break-all;
}

table.board-list td a {
  color: #656565;
}

table.board-list td.subject {
  text-align: left;
  padding-left: 10px;
}

table.board-list td img {
  vertical-align: middle;
}

table.board-list td div.faq {
  background: url("http://pic.neungyule.com/newnetimes/img/common/icon_re.gif") no-repeat scroll left 1px;
  padding-left: 45px;
  margin-left: 12px;
  text-align: left;
}

table.board-list td.subject .icon_file {
  background: url("http://pic.neungyule.com/newnetimes/img/common/icon_note.gif") no-repeat left center;
  padding-left: 15px;
  line-height: 14px;
}

table.board-list td.bg {
  background-color: #f7f7f7;
}

table.board-list td.purple {
  background-color: #84308e;
  border-top: 1px solid #fff;
  font-family: nGothicB;
  color: #fff;
  font-size: 14px;
}

table.board-list.br_table th {
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  font-size: 14px;
  padding: 12px 0 11px;
}

table.board-list.br_table td {
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 9px 0 8px;
}

table.board-list.br_table th:first-child {
  border-left: 1px solid #ddd;
}

table.board-list.br_table td:first-child {
  border-left: 1px solid #ddd;
}

table.board-list.br_table {
  border-collapse: separate;
  border-top: 2px solid #505050;
  border-bottom: 1px solid #a1a1a1;
}

.table_line {
  border-top: 2px solid #2c303c;
}

.board-view {
  width: 100%;
  border-bottom: 2px solid #2c303c;
  table-layout: fixed;
}

.board-view th {
  background: #ececec;
  border-bottom: 1px solid #ddd;
  padding: 12px 0 11px 0px;
  text-align: center;
  color: #2d2d2d;
}

.board-view.tl th {
  text-align: left;
  padding-left: 15px;
}

.board-view td {
  border-bottom: 1px solid #ddd;
  line-height: 160%;
  padding: 12px 0 11px 15px;
  word-break: break-all;
}

.board-view td.tc {
  text-align: center;
  padding: 12px 0 11px 0px;
}

.board-view td.view_td {
  padding: 30px;
  border-bottom: 1px solid #a1a1a1;
}

.board-view td.write_td {
  padding: 20px 0px;
}

#blog_inner .board-view td.view_td {
  width: 723px;
  word-break: break-all;
}

.board-view td.file a {
  color: #737070;
  display: inline-block;
  padding-left: 22px;
  background: url("http://pic.neungyule.com/newnetimes/img/ico/add_file.gif") no-repeat left center;
}

.board-view th.cont {
  padding: 60px 0 64px 20px;
}

.board-view .reply td {
  background: #eeeeee;
  padding: 10px 0 10px 10px;
}

.board-view .reply td .faq span {
  display: block;
  height: 27px;
  padding-left: 44px;
  background: url("http://pic.neungyule.com/newnetimes/img/common/icon_re2.gif") no-repeat left 3px;
  color: #b50047;
}

.board-view .reply td .faq p {
  padding-left: 16px;
}

.board-view th.last, .board-view tr.last th, .board-view tr.last td {
  border-bottom: 1px solid #ACACAC;
}

.board-view th.last, .board-view tr.last th, .board-view tr.last td {
  border-bottom: 1px solid #ACACAC;
}

.board-view td.event {
  padding: 20px;
  text-align: center;
}

.next_list dl.prev {
  border-top: 1px solid #f3f3f3;
}

.next_list dl.prev dt {
  background: url(../img/common/arrow_bottom.gif) no-repeat 20px 20px;
}

.paging {
  overflow: hidden;
  text-align: center;
  margin: 30px 0px;
  width: 100%;
  font-family: nGothicB, dotum, gulim;
}

.paging img {
  vertical-align: middle;
}

.paging a {
  color: #737070;
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  line-height: 33px;
  width: 33px;
  height: 34px;
  border: 1px solid #e2e2e2;
}

.paging a.prev {
  padding: 0px 10px 0px 3px;
  border: none;
  height: 36px;
}

.paging a.first, .paging a.last {
  border: none;
  height: 36px;
}

.paging a.next {
  padding: 0px 3px 0px 10px;
  border: none;
  height: 36px;
}

.paging a.on {
  color: #fff;
  background: #9d1020;
  border: 1px solid #890d1b;
}

.st_select {
  min-width: 100px;
  margin-right: 2px;
  position: relative;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  z-index: 9;
}

.st_select p.pl10 {
  background: #fff;
  border: 1px solid #cacccb;
}

.board-write .select_input {
  font-family: nGothic;
}

.Select {
  position: absolute;
  border-bottom: 1px solid #e2e2e2;
  width: 100%;
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  top: 28px;
  left: 0px;
  display: none;
  z-index: 999;
}

.Select li {
  padding: 4px 0 4px 10px;
  min-height: 20px;
  line-height: 20px;
  border: 1px solid #e2e2e2;
  text-align: left;
  border-bottom: none;
  background: #fff;
  cursor: pointer;
}

.Select li:hover {
  background: #f7f7f7;
}

.st_select.gray p.pl10 {
  border: 1px solid #cacccb;
  background: #f4f4f4;
}

.st_select.gray .select_input {
  background: #f4f4f4;
  color: #737070;
}

.bbs_search .select {
  border: 1px solid #cacccb;
  vertical-align: middle;
  width: 120px;
  background-color: #f4f4f4;
  height: 40px;
  font-family: nGothicB, dotum, gulim;
}

.bbs_search .st_select {
  min-widht: 100px;
  margin-right: 0px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.bbs_search .st_select p.pl10 {
  border: 1px solid #cacccb;
  background: #f4f4f4;
}

.bbs_search .Select {
  position: absolute;
  width: 100%;
  top: 40px;
  left: 0px;
  display: none;
}

.bbs_search .Select li {
  padding: 5px 5px 5px 10px;
  min-height: 20px;
  line-height: 20px;
  border: 1px solid #e2e2e2;
  border-top: none;
  background: #fff;
  cursor: pointer;
  text-align: left;
}

.bbs_search .Select li:hover {
  background: #f7f7f7;
}

.bbs_search .input {
  border: 1px solid #cacccb;
  color: #656565;
  padding: 3px 3px 3px 10px;
  line-height: 32px;
  height: 32px;
  font-family: nGothicB, dotum, gulim;
  vertical-align: middle;
}

.st_select_top .st_select p.pl10 {
  background: #f4f4f4;
}

.board-write {
  width: 100%;
  border-bottom: 1px solid #a1a1a1;
}

.board-write th {
  background: #f3f3f3;
  border-bottom: 1px solid #ddd;
  padding: 10px 0 9px 20px;
  text-align: left;
  font-size: 13px;
  color: #2d2d2d;
  white-space: nowrap;
}

.board-write.th_tc th {
  padding: 10px 0 9px 0px;
  text-align: center;
}

.board-write th span {
  color: #82308e;
  padding-right: 2px;
}

.board-write th span.point3 {
  color: #c80f00;
}

.board-write td {
  border-bottom: 1px solid #ddd;
  line-height: 20px;
  padding: 10px 10px 9px 10px;
}

.board-write td.tc {
  text-align: center;
  padding: 12px 0 11px 0px;
}

.board-write td.file a {
  color: #737070;
  display: inline-block;
  padding-left: 22px;
  background: url(../img/ico/add_file.gif) no-repeat left center;
}

.board-write th .totalW {
  padding: 0px 20px 0px 0px;
}

.board-write th .totalW li {
  color: #2d2d2d;
  height: 25px;
  font-size: 13px;
  line-height: 25px;
  position: relative;
  padding-right: 120px;
}

.board-write th .totalW li span {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  color: #2d2d2d;
}

.board-write th .totalW li.total {
  height: 30px;
  color: #81308d;
  font-size: 18px;
  line-height: 30px;
  margin-top: 16px;
  padding-top: 10px;
  border-top: 1px solid #d1d1d1;
}

.board-write th .totalW li.total span {
  top: 10px;
  color: #81308d;
}

.photo_listW li .txt {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  padding: 10px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

table.board-table tbody th.tc {
  text-align: center;
  padding: 12px 0 11px 0px;
}

#Ne_Popw .layers .table_style tbody tr td {
  padding: 13px 10px 13px 10px;
  word-break: keep-all;
  word-wrap: break-word;
}

.table_style1 {
  clear: both;
  width: 100%;
  font-size: 12px;
}

.table_style1 thead tr th {
  background-color: #727272;
  color: #fff;
  padding: 7px 5px;
  border: 1px solid #e0e0e0;
}

.table_style1 thead tr th .white_small {
  font-size: 11px;
  font-weight: normal;
  font-family: nGothic;
}

.table_style1 tbody tr th {
  background-color: #f3f3f3;
  border-bottom: 1px solid #e0e0e0;
  padding: 7px 5px;
}

.table_style1 tbody tr td {
  border: 1px solid #e0e0e0;
  background: #fff;
  line-height: 20px;
  padding: 7px 0px 6px 10px;
}

.table_style1 tbody tr td.subject {
  padding-left: 20px;
  padding-right: 10px;
  text-align: left;
  word-break: break-all;
}

.table_style1 tbody tr.tr_color td {
  background: #fef9f9;
}

.table_style1 tbody tr .left_line {
  border-left: 1px solid #e3e4e7;
}

.table_style1 tbody tr td.gray {
  color: #a4a4a4;
}

.table_style1 tbody tr.tc td {
  padding: 7px 4px;
}

.table_style5 tbody tr td.tc {
  border: 1px solid #c4c4c4;
  background: #fff;
  line-height: 20px;
  padding: 10px 0px;
}

.commont_wrap .userinput .textareaW .btn {
  text-align: center;
  float: right;
}

.commont_wrap .userinput .textareaW .btn a {
  display: block;
  width: 80px;
  height: 70px;
  line-height: 68px;
  color: #fff;
  font-family: nGothicB;
  background: #84308e;
}

.xans-board-commentform {
  margin: 10px 0px 20px 0px;
  padding: 5px 20px 20px;
  border: 1px solid #e9e9e9;
  background-color: #fbfafa;
  color: #353535;
  display: none;
}

.xans-board-commentform p {
  margin: 10px 0 0;
}

.xans-board-commentform .view {
  position: relative;
  margin: 10px 0 0;
  padding: 0 180px 0 0;
}

.xans-board-commentform .submit {
  position: absolute;
  top: 0;
  right: 0;
}

.xans-board-commentform textarea {
  width: 100%;
  height: 54px;
  margin: 0 5px 0 0;
}

.pw_box .txt {
  font-size: 13px;
  text-align: center;
  color: #666;
  line-height: 20px;
  padding-bottom: 30px;
}

.pw_box .txt strong {
  color: #de2b2f;
}

.pw_box form .input {
  width: 200px;
}

.file_input {
  padding-right: 85px;
  position: relative;
}

.file_input label {
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  width: 80px;
  height: 28px;
  background: #7d7d7d;
  color: #fff;
  text-align: center;
  line-height: 27px;
}

.file_input label input {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  padding: 0px;
  border: none;
}

.file_input > input {
  color: #737070;
  height: 27px;
  line-height: 150%;
  padding: 1px 3px 0 3px;
  font-size: 1em;
  background-color: #ffffff;
  border: solid 1px #cacccb;
  width: 100%;
}

#file_add li.pt5, #option_add li.pt5, #file_add_img li.pt5 {
  padding-right: 60px;
  position: relative;
}

.input_del {
  position: absolute;
  right: 0px;
  top: 5px;
}

table.news_list td.on {
  background: #faf3eb;
}

table.news_list td .list .txt {
  letter-spacing: -0.5px;
  color: #515151;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
}

table.news_list td .list .txt .ico {
  display: block;
  font-family: "Open Sans", sans-serif;
  color: #737373;
  font-size: 13px;
  padding-bottom: 3px;
}

table.news_list_row td .list .txt {
  letter-spacing: -0.5px;
  color: #515151;
  font-size: 16px;
  font-family: nGothicB;
}

.calendar table tbody tr td .txt {
  display: block;
  padding-bottom: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-size: 1em;
  width: 100%;
}

.calendar .balloon_wrap {
  text-align: right;
}

.list_photo li .pic {
  display: block;
  width: 310px;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  text-align: center;
  height: 155px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.list_photo li .pic img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

.list_photo li .pic img.no_img {
  width: auto !important;
  height: auto !important;
}

.list_photo li .txt {
  display: block;
  text-align: left;
  font-size: 14px;
  color: #333333;
  height: 64px;
  line-height: 20px;
  overflow: hidden;
  padding-top: 10px;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.btnNormal, .btnNormal span, .btnBBig, .btnBBig span, .btnTiny, .btnTiny span, .btnBig, .btnBig span, .btnCtrl, .btnCtrl span, .btnDate, .btnDate span, .btnGeneral, .btnGeneral span, .btnStrong, .btnStrong span, .btnNormalB, .btnNormalB span, .btnNormalS, .btnNormalS span, .btnSubmit, .btnSubmit span, .btnEm, .btnEm span, .btnSearch, .btnSearch span, .btnSmall, .btnSmall span, .icoBox, .icoBox span {
  display: inline-block;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  font-family: nGothicB, dotum, gulim;
  color: #fff;
  zoom: 1;
  border-radius: 2px;
}

.btnNormal span, .btnCtrl span, .btnDate span, .btnGeneral span, .btnStrong span, .btnSubmit span, .btnEm span, .btnSearch span {
  cursor: pointer;
  vertical-align: top;
}

a em, button em {
  display: inline-block;
  line-height: 0;
  padding: 0;
  zoom: 1;
}

.btnSubmit.cancel span {
  background: #fff;
  color: #000;
  border: 1px solid #c3c3c3;
}

.btnSmall {
  background: #333;
  text-align: center;
  font-size: 12px;
}

.btnSmall span {
  padding: 0px 14px 0px 14px;
  height: 28px;
  line-height: 27px;
}

.btnSmall em.icoArrow {
  background: url(../img/common/arrow_s.png) no-repeat left center;
  vertical-align: top;
  margin: 0 0 0 10px;
  width: 4px;
  height: 27px;
}

.btnSmall.gray {
  background: #7d7d7d;
}

.btnSmall.red {
  background: #e20e20;
}

.btnSmall.pink {
  background: #f15b64;
}

.btnSmall.black {
  background: #5f6062;
}

.btnSmall.cancel {
  background: #fff;
  border: 1px solid #cccccc;
}

.btnSmall.cancel span {
  padding: 0px 14px 0px 14px;
  height: 26px;
  line-height: 25px;
  color: #333;
}

.btnSmall.cancel span.red {
  color: #ba2a2c;
}

.btnSmall em.icoDel {
  background: url(../img/common/del.png) no-repeat left center;
  vertical-align: top;
  margin: 0 0px 0 10px;
  width: 7px;
  height: 28px;
}

.btnSmall span.two_row {
  padding: 11px 20px;
  height: 36px;
  line-height: 18px;
}

.btnTiny {
  background: #fff;
  font-size: 11px;
}

.btnTiny span {
  padding: 0px 10px 0px 10px;
  border: 1px solid #cccccc;
  text-align: center;
  color: #333;
}

.btnTiny span.red {
  color: #e20e20;
}

.btnTiny em.icoArrow {
  background: url(../img/common/arrow_s.png) no-repeat left center;
  vertical-align: top;
  margin: 0 0 0 10px;
  width: 4px;
  height: 21px;
}

.btnTiny em.down {
  background: url(../img/common/ico_down.png) no-repeat left center;
  vertical-align: top;
  margin: 0 10px 0 0px;
  width: 10px;
  height: 21px;
}

.btnTiny em.del {
  background: url(../img/common/ico_del.png) no-repeat left center;
  vertical-align: top;
  margin: 0 10px 0 0px;
  width: 10px;
  height: 21px;
}

.btnTiny.gray {
  background: #777777;
}

.btnTiny .black {
  background: #000;
  border: 1px solid #000;
  color: #fff !important;
}

.btnTiny .purple {
  background: #84308e;
  border: 1px solid #84308e;
  color: #fff !important;
}

.btnTiny .red {
  background: #9d1020;
  border: 1px solid #9d1020;
  color: #fff !important;
}

.btnTiny .gray {
  background: #999999;
  border: 1px solid #999999;
  color: #fff !important;
}

.btnTiny .dark {
  background: #454545;
  border: 1px solid #454545;
  color: #fff !important;
}

.btnTiny .blue {
  background: #5d7ab6;
  border: 1px solid #5d7ab6;
  color: #fff !important;
}

.btnNormal {
  min-width: 90px;
  background: #454545;
  text-align: center;
  font-size: 13px;
}

.btnNormal span {
  padding: 0px 25px;
  height: 38px;
  line-height: 37px;
}

.btnNormal span.ico_view {
  background: url(../img/common/ico_view.png) no-repeat 20px center;
  padding-left: 50px;
}

.btnNormal.black {
  background: #000;
}

.btnNormal.purple {
  background: #84308e;
}

.btnNormal.red {
  background: #ff5a5f;
}

.btnNormal.cancel {
  background: #fff;
  border: 1px solid #cfcfcf;
}

.btnNormal.cancel span {
  color: #5f6062;
}

.btnNormal.gray {
  color: #fff;
  background: #999999;
}

.btnNormal.dark {
  color: #fff;
  background: #454545;
}

.btnNormal.blue {
  background: #5d7ab6;
}

.btnNormal em.icoArrow {
  background: url(../img/common/arrow.png) no-repeat left center;
  vertical-align: top;
  margin: 0 0px 0 10px;
  width: 6px;
  height: 38px;
}

.btnNormal em.icoWrite {
  background: url(../img/common/write.png) no-repeat left center;
  vertical-align: top;
  margin: 0 10px 0 0px;
  width: 15px;
  height: 38px;
  margin-left: -5px;
}

.btnNormalB.cancel {
  background: #e5e5e5;
  border: 1px solid #cfcfcf;
}

.btnNormalB.cancel span {
  color: #5f6062;
  height: 34px;
}

.btnNormalS.cancel {
  background: #e5e5e5;
}

.btnNormalS.cancel span {
  padding: 0px 14px 0px 14px;
  height: 29px;
  border: 1px solid #cfcfcf;
  line-height: 28px;
  color: #333;
  background: #fff;
}

.mobile_on .btnTiny span {
  padding: 2px 10px 2px 10px;
  height: auto;
  white-space: normal;
}

.mobile_on table th, .mobile_on table td {
  font-size: 90% !important;
}

.mobile_on table .btnTiny {
  font-size: 0.95em;
}

button {
  padding: 0px;
  border: none;
  cursor: pointer;
}

input.btnNormal, input.btnBBig, input.btnTiny, input.btnBig, input.btnCtrl, input.btnDate, input.btnGeneral, input.btnStrong, input.btnNormalB, input.btnNormalS, input.btnSubmit, input.btnEm, input.btnSearch, input.btnSmall {
  padding: 0px;
  border: none;
  box-sizing: inherit;
  cursor: pointer;
}

input.btnSmall {
  background: #333;
  text-align: center;
  padding: 0px 14px 0px 14px;
  height: 28px;
  line-height: 28px;
}

input.btnSmall.gray {
  background: #7d7d7d;
}

input.btnSmall.red {
  background: #e20e20;
  color: #fff !important;
}

input.btnSmall.pink {
  background: #f15b64;
}

input.btnSmall.black {
  background: #5f6062;
}

input.btnSmall.cancel {
  background: #fff;
  border: 1px solid #cccccc;
  padding: 0px 14px 0px 14px;
  height: 26px;
  line-height: 26px;
  color: #333;
}

input.btnSmall.cancel.red {
  color: #ba2a2c;
}

input.btnSmall.two_row {
  padding: 11px 20px;
  height: 36px;
  line-height: 18px;
}

input.btnTiny {
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  font-size: 12px;
  padding: 0px 10px 0px 10px;
  text-align: center;
  border: 1px solid #cccccc;
  height: 19px;
  color: #333;
  line-height: 19px;
}

input.btnTiny.red {
  color: #e20e20;
}

input.btnTiny.gray {
  background: #777777;
  border: 1px solid #777777;
  height: 21px;
  color: #333;
  line-height: 21px;
  color: #fff;
  border-bottom: 1px solid #565656;
}

input.btnNormal {
  min-width: auto;
  background: #ff5a5f;
  text-align: center;
  font-size: 14px;
  padding: 0px 25px;
  height: 42px;
  line-height: 42px;
}

input.btnNormal.black {
  background: #000;
  color: #fff !important;
}

input.btnNormal.purple {
  background: #84308e;
}

input.btnNormal.red {
  background: #ff5a5f;
}

input.btnNormal.cancel {
  background: #fff;
  border: 1px solid #cfcfcf;
  color: #5f6062;
  height: 40px;
}

input.btnNormal.gray {
  color: #fff;
  background: #999999;
}

input.btnNormal.dark {
  color: #fff;
  background: #454545;
}

input.btnNormal.blue {
  background: #5d7ab6;
  color: #fff !important;
}

input.btnNormalB.cancel {
  background: #e5e5e5;
  border: 1px solid #cfcfcf;
  color: #5f6062;
  height: 34px;
}

input.btnNormalS.cancel {
  background: #e5e5e5;
}

input.btnNormalS.cancel {
  padding: 0px 14px 0px 14px;
  height: 29px;
  border: 1px solid #cfcfcf;
  line-height: 29px;
  color: #333;
  background: #fff;
}

.file_input button {
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  width: 80px;
  height: 31px;
  background: #7d7d7d;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-family: nGothic;
}

.file_input .label_input {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  padding: 0px;
  border: none;
}

.table_line {
  border-top: 2px solid #2c303c;
}

/* ============================================================
   공통 조각 (옛 _layout.scss 실사용분)
   - loading_area : 전 화면 로딩 오버레이
   - .tc / .radio_group .input : 폼 유틸
   ============================================================ */
/* 로딩 오버레이 (전 화면) */
.loading_area {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.loading_area #bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #000;
  opacity: 0.5;
  z-index: 9999;
}

.loading_area .loading_img {
  position: fixed;
  left: 50%;
  top: 50%;
}

/* 폼 유틸 */
.tc {
  text-align: center !important;
}

.radio_group .input {
  width: auto !important;
}

/* 브랜드 리스킨 (뒤에 와서 기본을 덮음) */
/* ================================================
   PITAPAT ADMIN — COLOR PALETTE (Design Token)
   브랜드: electric blue / yellow / navy
   ================================================ */
/* Brand */
/* Grayscale */
/* State */
/* ================================================
   SEMANTIC
   ================================================ */
/* ================================================
   TYPOGRAPHY
   ================================================ */
/* ================================================
   RADIUS / SHADOW
   ================================================ */
/* ================================================
   BREAKPOINTS (팀 표준: sm 480 / md 768 / lg 1024 / xl 1280 / xxl 1440)
   ================================================ */
/* ============================================================
   관리자 셸 (사이드바 레이아웃)
   import.css 뒤에 로드. 새 셸 마크업(.app/.side/.top/.wrap)을
   스타일링하고, 콘텐츠 화면(board-list/버튼 등)은 톤 오버라이드.
   HTML: include/top.php · sidebar.php · main/main.php
   컴파일 → css/admin.css
   ============================================================ */
/* 레거시 import.css 의 body/#wrap 제약 무력화 */
body {
  min-width: 0 !important;
  background: #f5f6fa;
  color: #2d3257;
}

.app {
  display: grid;
  grid-template-columns: 250px 1fr;
  min-height: 100vh;
}

/* ── 사이드바 (밝은 화이트) ─────────────────── */
.side {
  background: #ffffff;
  border-right: 1px solid #e3e6f0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  position: sticky;
  top: 0;
  height: 100vh;
}

.side .brand {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
  padding: 20px 22px 18px;
}
.side .brand .mark {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0134ff;
}
.side .brand .mark b {
  color: #ffe229;
  -webkit-text-stroke: 0.5px #0134ff;
}
.side .brand .tag {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #8a8fa6;
  border: 1px solid #e3e6f0;
  border-radius: 5px;
  padding: 2px 6px;
}

.side .nav {
  padding: 8px 12px;
  flex: 1;
  overflow-y: auto;
}
.side .nav .group {
  font-size: 10.5px;
  letter-spacing: 0.13em;
  color: #8a8fa6;
  font-weight: 700;
  text-transform: uppercase;
  padding: 14px 12px 8px;
}
.side .nav a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 11px;
  margin: 1px 0;
  padding: 10px 12px;
  border-radius: 9px;
  color: #5b6182;
  text-decoration: none;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1;
}
.side .nav a .i {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  opacity: 0.7;
}
.side .nav a .cnt {
  margin-left: auto;
  font-size: 11px;
  font-weight: 700;
  background: #f5f6fa;
  color: #5b6182;
  padding: 1px 7px;
  border-radius: 20px;
  font-variant-numeric: tabular-nums;
}
.side .nav a:hover {
  background: #eef1ff;
  color: #0134ff;
}
.side .nav a:hover .i {
  opacity: 1;
}
.side .nav a.on {
  background: #0134ff;
  color: #ffffff;
  font-weight: 600;
  box-shadow: 0 8px 18px rgba(1, 52, 255, 0.32);
}
.side .nav a.on .i {
  opacity: 1;
}
.side .nav a.on .cnt {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
}
.side .nav .sub a {
  padding-left: 41px;
  font-size: 12.5px;
  color: #8a8fa6;
}
.side .nav .sub a.on {
  color: #0134ff;
  font-weight: 700;
  background: none;
  box-shadow: none;
}

.side .me {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 11px;
  padding: 14px 18px;
  border-top: 1px solid #e3e6f0;
}
.side .me .av {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  color: #ffffff;
  background: linear-gradient(135deg, #0134ff, #5b7bff);
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 14px;
}
.side .me .nm {
  font-size: 13px;
  font-weight: 600;
  color: #2d3257;
}
.side .me .rl {
  font-size: 11px;
  color: #8a8fa6;
}

/* ── 메인 영역 ──────────────────────────────── */
.main {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  min-width: 0;
}

.top {
  height: 62px;
  background: #ffffff;
  border-bottom: 1px solid #e3e6f0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 14px;
  padding: 0 26px;
  position: sticky;
  top: 0;
  z-index: 5;
}
.top .crumb {
  font-size: 13px;
  color: #8a8fa6;
}
.top .crumb b {
  color: #2d3257;
  font-weight: 600;
}
.top .sp {
  flex: 1;
}
.top .out {
  font-size: 13px;
  font-weight: 600;
  color: #5b6182;
  text-decoration: none;
  padding: 9px 14px;
  border-radius: 10px;
  border: 1px solid #e3e6f0;
}
.top .out:hover {
  color: #ff4242;
  border-color: #ff4242;
}

.wrap {
  box-sizing: border-box;
  width: 100%;
  padding: 26px 32px;
}

.wrap .head {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: nowrap;
  gap: 16px;
  margin-bottom: 20px;
}
.wrap .head h1 {
  margin: 0;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #2d3257;
}
.wrap .head p {
  margin: 4px 0 0;
  color: #8a8fa6;
  font-size: 13px;
}
.wrap .head .head-act {
  margin-left: auto;
}

/* ============================================================
   콘텐츠 화면 톤 오버라이드 (기존 마크업 유지)
   ============================================================ */
/* ── 검색/필터 바 (리스트 상단) ─────────────── */
.filter {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px 16px;
  margin-bottom: 16px;
  background: #ffffff;
  border: 1px solid #e3e6f0;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(45, 50, 87, 0.04), 0 6px 18px rgba(45, 50, 87, 0.05);
}
.filter .field {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 7px;
  padding: 7px 12px;
  background: #f5f6fa;
  border: 1px solid #e3e6f0;
  border-radius: 9px;
  font-size: 13px;
  color: #5b6182;
}
.filter .field label {
  color: #5b6182;
  font-weight: 600;
  white-space: nowrap;
}
.filter .field em {
  color: #8a8fa6;
  font-style: normal;
}
.filter .field svg {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  color: #8a8fa6;
  display: block;
}
.filter .field.kw {
  flex: 1;
  min-width: 240px;
}
.filter .field.kw input {
  flex: 1;
}
.filter .field.ip input {
  width: 150px;
}
.filter {
  /* 필터 내부 input/select — 레거시 테두리/배경 제거 */
}
.filter input, .filter select {
  box-sizing: border-box;
  height: 26px;
  padding: 0 2px;
  border: none;
  background: none;
  outline: none;
  font-family: inherit;
  font-size: 13px;
  color: #2d3257;
  -webkit-appearance: none;
  appearance: none;
}
.filter input.input-date {
  width: 104px;
  cursor: pointer;
  color: #2d3257;
  text-align: center;
}
.filter select {
  padding-right: 18px;
  cursor: pointer;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%238a8fa6' stroke-width='1.6'/></svg>") no-repeat right center;
}
.filter input::placeholder {
  color: #aeb3c7;
}
.filter .sp {
  flex: 1;
}
.filter .btn-search {
  height: 40px;
  padding: 0 22px;
  border: none;
  border-radius: 10px;
  background: #0134ff;
  color: #ffffff;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(1, 52, 255, 0.26);
  transition: background 0.15s;
}
.filter .btn-search:hover {
  background: #0128cc;
}

/* 리스트 상단 툴바 (건수 + N건씩 보기) */
.list-toolbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  margin-bottom: 12px;
}
.list-toolbar .list-count {
  font-size: 13px;
  color: #5b6182;
}
.list-toolbar .list-count strong {
  color: #0134ff;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.list-toolbar .list-count .pg-info {
  color: #8a8fa6;
  margin-left: 8px;
  font-variant-numeric: tabular-nums;
}
.list-toolbar .list-count .hint {
  color: #8a8fa6;
  margin-left: 12px;
  font-size: 12px;
}
.list-toolbar .per-page {
  height: 38px;
  padding: 0 32px 0 12px;
  cursor: pointer;
  border: 1px solid #e3e6f0;
  border-radius: 9px;
  background-color: #ffffff;
  font-family: inherit;
  font-size: 13px;
  color: #2d3257;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%238a8fa6' stroke-width='1.6'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
}

/* 페이지네이션 (하단, 가운데) */
.pager {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 20px;
}
.pager .page_list {
  float: none !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 4px;
}

/* 목록 테이블 */
table.board-list {
  border-bottom: 2px solid #0134ff;
}
table.board-list th {
  background: #eef1ff;
  border-color: #e3e6f0;
  color: #2d3257;
  font-weight: 700;
}
table.board-list td {
  border-color: #e3e6f0;
}
table.board-list tr.on td, table.board-list tbody tr:hover td {
  background: #eef1ff;
}

/* 버튼 */
.btnNormal, .btnBig, .btnSubmit, .btnStrong {
  background: #0134ff;
  border-radius: 6px;
  transition: background 0.15s;
}
.btnNormal:hover, .btnBig:hover, .btnSubmit:hover, .btnStrong:hover {
  background: #0128cc;
}

.btnTiny {
  border-radius: 5px;
}

.btnTiny span {
  border-color: #e3e6f0;
  border-radius: 5px;
  color: #2d3257;
  transition: border-color 0.15s, color 0.15s;
}

.btnTiny:hover span {
  border-color: #0134ff;
  color: #0134ff;
}

.btn_group {
  text-align: right;
  padding: 14px;
  background: #f5f6fa;
  border-radius: 8px;
}

/* ── 빨강 제거: 구조색→블루, 의미색→브랜드 레드 ── */
.paging a.on {
  background: #0134ff;
  border-color: #0128cc;
}

.red {
  color: #ff4242 !important;
}

.point3, .board-write th span.point3, .join_date,
.calendar table th.sun, .calendar .all,
.btnTiny span.red, .btnDate span.red, .icoBox span.red,
input.btnTiny.red {
  color: #ff4242;
}

.btnSubmit.red, .btnSubmit.red span, .btnSmall.red,
input.btnSubmit.red, input.btnSmall.red,
.btnTiny .red, .icoBox .red, .icoBox.color1 {
  background: #ff4242;
  border-color: #ff4242;
}

@media (max-width: 1024px) {
  .app {
    grid-template-columns: 1fr;
  }
  .side {
    display: none;
  }
}
/* ============================================================
   jQuery UI Datepicker 팝업 — 브랜드 톤 재스킨
   주의: 각 화면이 jquery-ui.css 를 admin.css 보다 뒤에 로드하므로
   레거시(빨강 테마)를 이기려면 specificity(body 프리픽스) + 일부 !important 필요.
   ============================================================ */
body .ui-datepicker.ui-widget,
body .ui-datepicker {
  width: 264px;
  padding: 10px;
  background: #ffffff !important;
  border: 1px solid #e3e6f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 34px rgba(45, 50, 87, 0.18);
  font-family: "Pretendard", -apple-system, "Noto Sans KR", sans-serif;
  z-index: 9999 !important;
  /* 헤더 (월/년 + 이동 화살표) */
}
body .ui-datepicker.ui-widget .ui-datepicker-header,
body .ui-datepicker .ui-datepicker-header {
  position: relative;
  background: none !important;
  border: none !important;
  padding: 2px 0 10px;
  color: #2d3257;
}
body .ui-datepicker.ui-widget .ui-datepicker-title,
body .ui-datepicker .ui-datepicker-title {
  margin: 0 30px;
  line-height: 26px;
  text-align: center;
  color: #2d3257 !important;
  font-size: 13.5px;
  font-weight: 700;
}
body .ui-datepicker.ui-widget .ui-datepicker-title select,
body .ui-datepicker .ui-datepicker-title select {
  display: inline-block;
  height: 26px;
  margin: 0 3px;
  padding: 0 6px;
  color: #2d3257 !important;
  background: #ffffff !important;
  border: 1px solid #e3e6f0 !important;
  border-radius: 6px;
  font-family: inherit;
  font-size: 13px;
  opacity: 1 !important;
  cursor: pointer;
}
body .ui-datepicker.ui-widget .ui-datepicker-prev, body .ui-datepicker.ui-widget .ui-datepicker-next,
body .ui-datepicker .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-next {
  top: 38%;
  width: 26px;
  height: 26px;
  background: #f5f6fa !important;
  border: 1px solid #e3e6f0 !important;
  border-radius: 7px;
  cursor: pointer;
}
body .ui-datepicker.ui-widget .ui-datepicker-prev .ui-icon, body .ui-datepicker.ui-widget .ui-datepicker-next .ui-icon,
body .ui-datepicker .ui-datepicker-prev .ui-icon,
body .ui-datepicker .ui-datepicker-next .ui-icon {
  display: none;
}
body .ui-datepicker.ui-widget .ui-datepicker-prev::before, body .ui-datepicker.ui-widget .ui-datepicker-next::before,
body .ui-datepicker .ui-datepicker-prev::before,
body .ui-datepicker .ui-datepicker-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 7px;
  border-top: 2px solid #5b6182;
  border-right: 2px solid #5b6182;
}
body .ui-datepicker.ui-widget .ui-datepicker-prev:hover, body .ui-datepicker.ui-widget .ui-datepicker-prev.ui-datepicker-prev-hover, body .ui-datepicker.ui-widget .ui-datepicker-prev.ui-datepicker-next-hover, body .ui-datepicker.ui-widget .ui-datepicker-next:hover, body .ui-datepicker.ui-widget .ui-datepicker-next.ui-datepicker-prev-hover, body .ui-datepicker.ui-widget .ui-datepicker-next.ui-datepicker-next-hover,
body .ui-datepicker .ui-datepicker-prev:hover,
body .ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover,
body .ui-datepicker .ui-datepicker-prev.ui-datepicker-next-hover,
body .ui-datepicker .ui-datepicker-next:hover,
body .ui-datepicker .ui-datepicker-next.ui-datepicker-prev-hover,
body .ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover {
  background: #eef1ff !important;
  border-color: #0134ff !important;
}
body .ui-datepicker.ui-widget .ui-datepicker-prev:hover::before, body .ui-datepicker.ui-widget .ui-datepicker-prev.ui-datepicker-prev-hover::before, body .ui-datepicker.ui-widget .ui-datepicker-prev.ui-datepicker-next-hover::before, body .ui-datepicker.ui-widget .ui-datepicker-next:hover::before, body .ui-datepicker.ui-widget .ui-datepicker-next.ui-datepicker-prev-hover::before, body .ui-datepicker.ui-widget .ui-datepicker-next.ui-datepicker-next-hover::before,
body .ui-datepicker .ui-datepicker-prev:hover::before,
body .ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover::before,
body .ui-datepicker .ui-datepicker-prev.ui-datepicker-next-hover::before,
body .ui-datepicker .ui-datepicker-next:hover::before,
body .ui-datepicker .ui-datepicker-next.ui-datepicker-prev-hover::before,
body .ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover::before {
  border-color: #0134ff;
}
body .ui-datepicker.ui-widget .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
body .ui-datepicker.ui-widget .ui-datepicker-prev::before,
body .ui-datepicker .ui-datepicker-prev::before {
  transform: translate(-30%, -50%) rotate(-135deg);
}
body .ui-datepicker.ui-widget .ui-datepicker-next,
body .ui-datepicker .ui-datepicker-next {
  right: 2px;
}
body .ui-datepicker.ui-widget .ui-datepicker-next::before,
body .ui-datepicker .ui-datepicker-next::before {
  transform: translate(-70%, -50%) rotate(45deg);
}
body .ui-datepicker.ui-widget,
body .ui-datepicker {
  /* 날짜 그리드 */
}
body .ui-datepicker.ui-widget table.ui-datepicker-calendar,
body .ui-datepicker table.ui-datepicker-calendar {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  font-size: 12.5px;
  border: none;
}
body .ui-datepicker.ui-widget th,
body .ui-datepicker th {
  padding: 6px 0;
  color: #8a8fa6 !important;
  font-weight: 700;
  font-size: 11px;
  border: none;
  background: none;
}
body .ui-datepicker.ui-widget td,
body .ui-datepicker td {
  padding: 1px;
  border: none;
  background: none;
}
body .ui-datepicker.ui-widget td a, body .ui-datepicker.ui-widget td span,
body .ui-datepicker td a,
body .ui-datepicker td span {
  display: block;
  padding: 6px 0;
  text-align: center;
  border: none !important;
  border-radius: 7px;
  background: none;
  color: #2d3257 !important;
  text-decoration: none;
}
body .ui-datepicker.ui-widget td a:hover,
body .ui-datepicker td a:hover {
  background: #eef1ff !important;
  color: #0134ff !important;
}
body .ui-datepicker.ui-widget td.ui-datepicker-today a,
body .ui-datepicker td.ui-datepicker-today a {
  background: #eef1ff !important;
  font-weight: 700;
}
body .ui-datepicker.ui-widget td a.ui-state-active,
body .ui-datepicker.ui-widget td.ui-datepicker-current-day a,
body .ui-datepicker td a.ui-state-active,
body .ui-datepicker td.ui-datepicker-current-day a {
  background: #0134ff !important;
  color: #ffffff !important;
  font-weight: 700;
}
body .ui-datepicker.ui-widget td.ui-datepicker-week-end a,
body .ui-datepicker td.ui-datepicker-week-end a {
  color: #ff4242 !important;
}
body .ui-datepicker.ui-widget td.ui-datepicker-week-end a:hover,
body .ui-datepicker td.ui-datepicker-week-end a:hover {
  color: #0134ff !important;
}