@charset "UTF-8"; 
/* reset */
* {margin: 0; padding: 0; box-sizing: border-box; font-family: 'pretendard'; font-weight: 300; letter-spacing: -0.05em;}
ul {list-style: none;}
a {color:inherit; text-decoration: none;}
a, button, span, strong, i, h1, h2, h3, h4, h5, h6, p {transform: rotate(0.04deg); line-height: 1;}
input {width: 100%;}
input[type=checkbox], input[type=radio] {width: auto;} 
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type="text"]:disabled, input:disabled, input[readonly], input[readonly="readonly"], input:read-only {background: #F2F2F2;}
input[readonly]:focus {outline: none;}

strong{font-weight: bold;}
/* color */
:root {
  --org-color: #29A7E1;
  --blk-color: #222;
  --gray-color: #666;
  --line-color: #e7e7e7;
  --box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.13);
  --blue-color: #5291D4;
  --red-color: #CC5E5E;
  --purple-color: #9F81F7;
  --pink-color: #F5A9F2;
  --skyblue-color: #A9D0F5;
  --green-color: #9CCC5E;
}

/*input*/
.input-group-wrap {font-size: 14px;}
.input-group-wrap > span {font-weight: 500;}
.input-group-text {display: inline-flex; align-items: center; gap: 5px;}
.input-group-text label {cursor:pointer; margin-right: 10px;}

.text-blue {color:var(--blue-color);}
.text-red {color:var(--red-color);}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

.purple {background: var(--purple-color);}
.red {background: var(--red-color);}
.pink {background: var(--pink-color);}
.skyblue {background: var(--skyblue-color);}
.org {background: var(--org-color);}
.green {background: var(--green-color);}


.ft-10px {font-size: 10px;}
.ft-14px {font-size: 14px;}
.ft-15px {font-size: 15px;}
.fw-500 {font-weight: 500;}
.gap-30px {gap:30px;}
.gap-24px {gap:24px;}
.gap-29px {gap:29px;}
.gap-9px {gap:9px;}

.width-auto {width: auto !important;}
.width-358px {width: 358px;}
.width-236px {width: 236px !important;}
.width-202px {width: 202px !important;}
.width-130px {width: 130px !important;}

.width-100pc {width: 100% !important;}
.width-85pc {width: 85%;}
.width-80pc {width: 80%;}
.width-70pc {width: 70%;}
.width-65pc {width: 65%;}
.width-60pc {width: 60%;}
.width-50pc {width: 50%;}
.width-40pc {width: 40%;}
.width-30pc {width: 30%;}
.width-20pc {width: 20%;}
.width-15pc {width: 15%;}
.width-10pc {width: 10%;}

.height-100pc {height: 100%;}
.height-56px {height: 56px;}
.height-80px {height: 80px !important;}
.height-700px {height: 700px;}

.mar-right-5pc {margin-right:5%;}

.width-110px {width: 110px !important;}
.width-120px {width: 120px;}
.width-130px {width: 130px !important;}
.width-170px {width: 170px;}
.width-200px {width: 200px !important;}
.width-260px {width: 260px !important;}
.width-300px {width: 300px !important;}

.min-height-90px {min-height: 90px;}
.min-height-160px {min-height: 160px;}

.min-width-auto {min-width: auto;}
.min-width-80px {min-width:80px;}
.min-width-150px {min-width:150px;}
.min-width-778px {min-width:778px;}
.min-height-29px {min-height: 29px;}
.min-height-390px {min-height: 390px;}
.mar-zr {margin:0 !important;}
.mar-le-0px {margin-left:0px;}
.mar-le-10px {margin-left:10px;}
.mar-le-20px {margin-left:20px;}
.mar-le-40px {margin-left:40px;}
.mar-le-141px {margin-left:141px;}
.mar-top--40px {margin-top:-40px;}
.mar-top-0px {margin-top:0px !important;}
.mar-top-5px {margin-top:5px;}
.mar-top-7px {margin-top:7px;}
.mar-top-10px {margin-top:10px !important;}
.mar-top-15px {margin-top:15px;}
.mar-top-20px {margin-top:20px;}
.mar-top-30px {margin-top:30px;}
.mar-top-40px {margin-top:40px;}
.mar-top-50px {margin-top:50px;}
.mar-top-57px {margin-top:57px;}
.mar-top-80px {margin-top:80px;}
.mar-top-100px {margin-top:100px;}
.mar-top-150px {margin-top:150px;}
.mar-bot-0px {margin-bottom:0 !important;}
.mar-bot-10px {margin-bottom:10px;} 
.mar-bot-15px {margin-bottom:15px;} 
.mar-bot-16px {margin-bottom:16px;}
.mar-bot-200px {margin-bottom:200px;}
.mar-right-0px {margin-right:0px !important;}
.mar-right-4px {margin-right:4px;}
.mar-right-10px {margin-right:10px;}
.mar-right-33px {margin-right:33px;}
.mar-right-65px {margin-right:65px;}
.mar-right-200px {margin-right:200px;}

.pad-5px {padding: 5px;}
.pad-11px {padding: 11px;}
.pad-top-13px {padding-top:13px;}
.pad-top-20px {padding-top: 20px;}
.pad-top-0px {padding-top: 0px !important;}
.pad-top-40px {padding-top: 40px !important;}

.pad-bot-5px {padding-bottom: 5px;}
.pad-bot-10px {padding-bottom: 10px;}
.pad-bot-13px {padding-bottom: 13px;}
.pad-bot-15px {padding-bottom: 15px;}
.pad-bot-20px {padding-bottom: 20px;}
.pad-bot-40px {padding-bottom: 40px;}
.pad-bot-50px {padding-bottom: 50px;}
.pad-bot-100px {padding-bottom: 100px;}
.pad-left-81px {padding-left:81px;}
.pad-rgt-19px {padding-right: 19px;}
.pad-rgt-70px {padding-right: 70px;}

header button {border: 0; background: transparent; outline: none; transform: none;}
.sr-only {position: absolute;width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap;-webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0;}
.select-box-wrap {display: flex; align-items: center; margin-left: 10px;}
.select-box-wrap label {font-size: 14px; margin-right: 10px;}
.blank {margin: 0 5px;}
a:visited {color: inherit;}
.Essential {color: red;}
.vertical-align-top {vertical-align: top !important;}
.left-align {text-align: left;}
.center-align{text-align: center;}
.right-align {text-align: right;}
.ali-self-top {align-self: flex-start;}
td > .search-warp {margin: 0; display: inline-flex;}
.display-none {display: none !important;}
.content-center{justify-content : center;}
/* custom-select2 */
.select2-container:not(.select2-container--open) {z-index:1;}

/* custom scroll bar */
/* *::-webkit-scrollbar {width: 10px;} */
/* *::-webkit-scrollbar:horizontal {height: 10px;} */
/* *::-webkit-scrollbar-thumb {height: 50px; background: #29A7E1; border-radius: 10px;} */
/* *::-webkit-scrollbar-thumb:horizontal {width:50px; background: #29A7E1; border-radius: 10px; } */
/* *::-webkit-scrollbar-track, */
/* *::-webkit-scrollbar-track:horizontal {background: #ddd;} */

/*** button ***/
button {border: none; background: transparent;position: relative; z-index: 99; cursor: pointer; border-radius: 2px; display: inline-block; vertical-align: middle;}
.btn{ min-width: 32px; min-height: 32px;display: inline-block; border: none; border-radius: 2px; transition: all 0.3s ease;  padding: 5px 12px;font-size: 14px;color: #fff; vertical-align: middle;line-height: 19px;}
.btn:hover {color: #fff;}
.btn:hover{background-color:#115486;}
.big {padding: 7px 11px; font-size: 16px;}
.small {padding: 5px 6px; min-height: inherit; font-size: 12px; line-height: 17px;}
.narrow {padding: 5px 8px;}
.mild {padding: 6px 17px;}
.fill {height: 100%; width: 100%;}

/*btn-color*/
.default {background-color: #285780;color: #fff;border: 1px solid #3B6996;}
.default:hover {background-color: #1f3f5f;border: 1px solid #29537c; }
.btn-line {background-color: #FFF;border: 1px solid #ECECEC; color: #272727;}
.btn-line:hover {background-color: #e9e9e9; color: #272727; }
.btn-green {background-color: #6EA54A;border: 1px solid #6EA54A;}
.btn-green:hover {background-color: #4c7e2b; border: 1px solid #4c7e2b;}
.btn-red {background-color: #F04F3C;border: 1px solid #F04F3C; }
.btn-red:hover {background-color: #ce3a4b; border: 1px solid #ce3a4b;}
.btn-org {background-color: #29A7E1; border: 1px solid #F59A2E;}
.btn-org:hover {background-color: #e26829; border: 1px solid #e26829;}
.btn-org.shell {background: #fff; border: 1px solid #29A7E1; color:#29A7E1;}
.btn-org.shell:hover {opacity: 0.7;}

.btn-dark {background-color:  #797A7E;border: 1px solid  #797A7E; }
.btn-dark:hover {background-color:  #313030; border: 1px solid  #313030;}
.btn-gray {background-color:  #F5F5F5;border: 1px solid  #F5F5F5; color: #272727;}
.btn-gray:hover {background-color:  #29A7E1; border: 1px solid  #29A7E1;}
.btn-gray.shell {background: #fff; border: 1px solid #C2CAD5; color: #272727;}
.btn-gray.shell:hover {opacity: 0.7;}


.btn-blue {background-color: #3B6996; border: 1px solid #3B6996;}
.btn-blue:hover {background-color:  #29A7E1; border: 1px solid  #29A7E1;}
.btn-icon {background: transparent; border: 0; outline: none;}
.btn-icon:hover {background: transparent; filter: drop-shadow(0px 0px 4px #29A7E1);}


/* etc-btn */

.change-position-btn {border: 1px solid var(--line-color); background:#fff; width: 21px; height: 21px; border-radius: 4px; display: flex; justify-content: center; align-items: center;}
.change-position-btn img {filter: brightness(0.6);}

/* .color-picker-container */
.color-picker-container .sp-replacer {border: 1px solid #F2F2F2; border-radius: 2px; width: 56px; height: 32px; padding: 8px;}
.color-picker-container .sp-preview {width: 15px; height: 15px; border-radius: 2px; position: relative;}
.color-picker-container .sp-preview ~ .sp-dd {position:absolute; content:url('/resources/images/icon/down-arrow.svg'); line-height: 32px; padding-right: 7px; top:12px; right:0px;}

/* select-name-container */
.select-name-container {margin: 0 6px 0 12px; word-break: keep-all;  white-space: nowrap;}
.select-name-container p {font-size: 14px; font-weight: 500;}

/* input-value-check-position */
/* .input-value-check-position {position: relative;} */
.login-content .authTextEmail,
.login-content .authTextBusinessCode,
.login-content .authTextPw,
.login-content .authTextPw2 {font-size: 12px;transform: translate(20px, -14px);}


/* custom select box */
.select2-container {z-index: 300;}
.custom-select-wrap {min-width:125px;}
.custom-select {display: none;}
#timepickerPopup > div > div > div > div.tui-timepicker-column.tui-timepicker-selectbox.tui-timepicker-hour > span > span.selection > span,
#timepickerPopup > div > div > div > div.tui-timepicker-column.tui-timepicker-selectbox.tui-timepicker-minute > span > span.selection > span,
#timepickerPopup > div > div > div > div.tui-timepicker-column.tui-timepicker-selectbox.tui-is-add-picker.tui-timepicker-meridiem > span > span.selection > span {border: 1px solid #E7E7E7; border-radius: 0px;}
#timepickerPopup > div > div > div > span.tui-timepicker-column.tui-timepicker-colon {text-align: center;}

/* cmmn modal */
/* #bootstrap-noneBtnPopup-box-modal {position: fixed; top:50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; z-index: 100; border: 1px solid #000;} */
#bootstrap-noneBtnPopup-box-modal .modal-header, 
#bootstrap-noneBtnPopup2-box-modal .modal-header,
#bootstrap-noneBtnPopup3-box-modal .modal-header {padding: 22px 30px;}
#bootstrap-noneBtnPopup-box-modal .modal-header h4,
#bootstrap-noneBtnPopup2-box-modal .modal-header h4,
#bootstrap-noneBtnPopup3-box-modal .modal-header h4 {color: #000000; font-size: 18px; font-weight: 700;}
#bootstrap-noneBtnPopup-box-modal .modal-body,
#bootstrap-noneBtnPopup2-box-modal .modal-body,
#bootstrap-noneBtnPopup3-box-modal .modal-body {padding: 0 30px 30px 30px;} 
/* #bootstrap-noneBtnPopup-box-modal .modal-body .modal-inner,  */
/* #bootstrap-noneBtnPopup2-box-modal .modal-body .modal-inner, */
/* #bootstrap-noneBtnPopup3-box-modal .modal-body .modal-inner  {border-top: 1px solid #e7e7e7;} */
#bootstrap-noneBtnPopup-box-modal .modal-management-btn-container,
#bootstrap-noneBtnPopup2-box-modal .modal-management-btn-container,
#bootstrap-noneBtnPopup3-box-modal .modal-management-btn-container {text-align:right; padding-top: 23px; }
#bootstrap-noneBtnPopup-box-modal .modal-management-btn-container button, 
#bootstrap-noneBtnPopup2-box-modal .modal-management-btn-container button,
#bootstrap-noneBtnPopup3-box-modal .modal-management-btn-container button { min-width:62px; height: 32px; border-radius: 2px; font-size:14px; font-weight: 500; margin: 0 3px;}
#bootstrap-noneBtnPopup-box-modal .modal-management-btn-container .orange-btn,
#bootstrap-noneBtnPopup2-box-modal .modal-management-btn-container .orange-btn,
#bootstrap-noneBtnPopup3-box-modal .modal-management-btn-container .orange-btn {border: 1px solid #29A7E1; background: #FFFFFF;  color:#29A7E1; padding: 0 10px;}
#bootstrap-noneBtnPopup-box-modal .modal-management-btn-container .orange-btn.shell,
#bootstrap-noneBtnPopup2-box-modal .modal-management-btn-container .orange-btn.shell,
#bootstrap-noneBtnPopup3-box-modal .modal-management-btn-container .orange-btn.shell {background: #ffffff;  color:#29A7E1; padding: 0 10px; border: 1px solid #29A7E1;}
#bootstrap-noneBtnPopup-box-modal .modal-management-btn-container .white-btn,
#bootstrap-noneBtnPopup2-box-modal .modal-management-btn-container .white-btn,
#bootstrap-noneBtnPopup3-box-modal .modal-management-btn-container .white-btn {background: #FFFFFF; border: 1px solid var(--line-color); color:#272727; padding: 0 10px;}
#bootstrap-noneBtnPopup-box-modal .modal-management-btn-container .white-btn.shell,
#bootstrap-noneBtnPopup2-box-modal .modal-management-btn-container .white-btn.shell,
#bootstrap-noneBtnPopup3-box-modal .modal-management-btn-container .white-btn.shell {background: #FFFFFF; border: 1px solid #C2CAD5; color:#272727; padding: 0 10px;}
#bootstrap-noneBtnPopup-box-modal .modal-management-btn-container .blue-btn,
#bootstrap-noneBtnPopup2-box-modal .modal-management-btn-container .blue-btn,
#bootstrap-noneBtnPopup3-box-modal .modal-management-btn-container .blue-btn {background: #3B6996; color: #ffffff; padding: 0 10px;}
table.popup {border:none; border-collapse: separate; border-spacing: 0px 1px;}
table.popup.no-margin {margin:0;}
table.popup th {padding: 14px 0; font-weight: 500; text-align: left; vertical-align: middle;}
/* table.popup */
table.popup th {background-color: #F2F2F2; padding: 6px 10px; text-align: center;}
table.popup td {padding: 6px 10px; text-align: left;}
table.popup tr:not(:last-of-type) td {border-bottom: 1px solid #F2F2F2;}
table.popup tr td {border-right: 1px solid #F2F2F2;}
table.popup tr:first-of-type th,
table.popup tr:first-of-type td {border-top: 1px solid #bdbdbd;}
table.popup tr:last-of-type th,
table.popup tr:last-of-type td {border-bottom: 1px solid #bdbdbd;}
input.popup,select.popup {height:32px; border: 1px solid var(--line-color); padding: 4px;}
.bootstrap-table input.popup {width:auto; text-align: center;}

table.custom-table {border:none;}
table.custom-table th {background: #F5F5F5;}
table.custom-table td {border-bottom: 1px solid #E7E7E7;}


/* #e7e7e7 */
textarea.popup {resize:none; height: 171px; overflow-y: auto; padding: 10px; border: 1px solid var(--line-color); width: 100%;}
textarea.popup.height-32px {height: 32px;}
#bootstrap-noneBtnPopup-box-modal .table-container>table td select:not('.custom-select') {max-height:32px; background: #FFFFFF; border: 1px solid var(--line-color); padding: 9px;}
#bootstrap-noneBtnPopup-box-modal .table-container>table td select:not('.custom-select') {padding: 4px;}

.flex {display: flex;}
.flex-col {flex-direction: column;}
.jus-bet {justify-content: space-between;}
.jus-stt {justify-content: flex-start;}
.jus-cen {justify-content: center;}
.jus-end {justify-content: flex-end;}
.ali-cen {align-items: center;}
.ali-top {align-items: flex-start;}

.search-warp .title-wrap p {font-size: 14px; font-weight:500;}
.title {font-size:16px; font-weight: 500; margin-bottom: 10px;}

.overflow-visible {overflow: visible; text-overflow: inherit; white-space: nowrap;}
/* table cmmn btn */
button.tbl-btn {border-radius: 2px; color:#fff; height: 28px; padding: 8px 10px; font-size: 14px; font-weight: 500; line-height: 13px; min-width: 52px;overflow: visible; white-space: nowrap; }
button.tbl-btn.height-auto {height: auto; padding: 4px 20px;} 
button.mint-btn {background: #8cd5ca;}
button.red2-btn {background: #E15E5E; color:#fff;}
button.light-red-btn {background: #F03B3B;}
button.light-mint-btn {background: #E6FCF4; color: #32A877;}
button.gray-btn {background: #F0F4F7; color: #606060;}
button.light-gray-btn {background: #C4CDD5; color: #fff;}
button.sky-btn {background: #E4F1FF; color:#5291D5;}
button.sky-btn.black-color {background: #E4F1FF; color:#565656;}
button.white-sky-btn {background: #00b2ff; color:#ffffff;}
button.light-sky-btn {background: #E4F1FF; color: #5291D5;}
button.highlight-sky-btn {background: #00B2FF;; color:#fff;}
button.orange-btn {background: #29A7E1; }
button.orange-btn.black-word{background: #29A7E1; color: #565656;}
button.orange-btn.shell {border:1px solid #29A7E1; background:#fff; color:#29A7E1; padding: 6px 10px; border-radius: 2px;}
button.white-btn {background: #ffffff; color:#272727; border: 1px solid #ECECEC; border-radius: 2px ;height: 32px;}
button.green-btn {background: #6EA54A;}
button.blue-btn {background: #285780;}
button.light-blue-btn {background: rgba(228, 241, 255, 0.84); color: #565656;}
button.yellow-btn {background: rgba(255, 247, 217, 0.84); color: #565656;}
button.red-btn {border:1px solid rgba(254, 122, 78, 1); color: rgba(254, 122, 78, 1);}
button.black-btn {border:1px solid #000000; color: #444444; background: #fff;}
button.wd-53px {width:53px;}
button.wd-134px {width:134px;}
button.height-64px {border: 1px solid rgba(229, 231, 240, 1); height: 64px; padding:5px 20px; max-width: 230px; min-width:200px; white-space:break-spaces;  word-wrap: break-word;}
button.table-tag-label {border: 0.5px solid #29A7E1;border-radius: 10px;color: #29A7E1;font-size: 11px; font-weight: 500; padding: 4px 8px; margin: 0 5px;}

/* table cmmn btn hover */
button.orange-btn:hover, button.orange-btn:focus {background: var(--org-color) !important; color: #fff !important;}
button.white-btn:hover, button.white-btn:focus {background: var(--line-color) !important;}


input.tbl-input {border: 1px solid #F2F2F2;background: #FFFFFF;border-radius: 2px; padding: 6px 20px;}


/* config > reservation management */
.title-inner .title {position: relative;}
.title-inner .title strong { font-size: 24px;}
.title-inner .title .category-select {position: absolute; right: -130px; top: 50%; transform: translateY(-50%); z-index: 11;}
.search-warp.resources-management .select2-container--default .select2-selection--single .select2-selection__arrow b::after {right: -9px;}
.search-warp.resources-management .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::after {right: -9px;}


.tab-container.approval-management-page .tab-menu-wrap {width: 100%;}
.tab-container.approval-management-page.new-style .tab-menu-wrap {width: 100%;}
.tab-container.approval-management-page .tab-menu-wrap ul.tab {background: #F5F5F5; display: flex; justify-content: flex-start; align-items: flex-end; height: 34px;}
.tab-container.approval-management-page.new-style .tab-menu-wrap ul.tab {background: #FFF; display: flex; justify-content: flex-start; align-items: flex-end; height: 34px;border-bottom: 1px solid #29A7E1;}
.tab-container.approval-management-page .tab-menu-wrap ul.tab li {height: 31px; margin-left: 11px; width: 74px; text-align: center;} 
.tab-container.approval-management-page.new-style .tab-menu-wrap ul.tab li {height: 31px; margin-left: 0px; width: auto; text-align: center;} 
.tab-container.approval-management-page .tab-menu-wrap ul.tab li.active {background: #fff;}
.tab-container.approval-management-page.new-style .tab-menu-wrap ul.tab li.active {background: #fff; color: #272727; position: relative;}
.tab-container.approval-management-page.new-style .tab-menu-wrap ul.tab li.active:after {position: absolute; content:''; bottom:-1px; right:0; width:100%; height:3px; background: #29A7E1; border-radius: 3px 3px 0 0;}
.tab-container.approval-management-page .tab-menu-wrap ul.tab li a {color: #272727; } 
.tab-container.approval-management-page.new-style .tab-menu-wrap ul.tab li a {color: #BBBBBB; padding: 7px 10px; min-width: 80px; display: block; font-size: 14px;} 
.tab-container.approval-management-page.new-style .tab-menu-wrap ul.tab li.active a {color:  #272727; font-weight: 500;} 
.tab-container.approval-management-page.new-style .tab-menu-wrap ul.tab li button {color: #BBBBBB; padding: 7px 10px; min-width: 80px; display: block; font-size: 14px;} 
.tab-container.approval-management-page.new-style .tab-menu-wrap ul.tab li.active button {color:  #272727; font-weight: 500;} 
.tab-container.approval-management-page .tab-content .tab-content-inner {padding-top: 10px;}

/* OI */
.page-inner.regist-notice-page.oi-table-style {padding:0;}
.link-wrap {display: flex; gap: 10px; margin-top: 11px; flex-wrap: wrap;}
.link-wrap li {height: 32px;}
.link-wrap li a {font-size: 14px; border: 1px solid #C2CAD5; padding: 7px 10px; background: #fff;}
.link-wrap li a:hover {background: #285780; border-color:#285780; color:#fff;}
.charge-label {color: #fff; padding: 5px; border-radius: 30px; font-size: 12px;  width: 20px; height: 20px; margin-right: 5px;}
.charge-label.blue {background: #398EC4;}
.charge-label.purple {background: #A466E9;}
.input-tbl th {position: relative;}
.search-btn.absolute {position: absolute; right:10px; top: 4px;}
table span {word-break: keep-all;}
.table-border {border-top:1px solid #ccc !important;}
.tr-inner {position:relative; padding:20px 0 20px 45px !important; border-bottom:2px solid #aaa !important;}
.tr-inner:after {content: ''; position: absolute; left: 20px; top: 20px; height: calc(100% - 40px); border: 2px dashed #29A7E1;}
.tr-inner-tit {position:relative; text-align: left; font-size: 14px; margin-bottom: 10px; margin-top: 25px; font-weight: 500; justify-content: space-between; display: flex; align-items: end;}
.tr-inner-tit .absolute {position: absolute; right:0; bottom:0;}
.btn.arr.active {transform:rotate(180deg);}
.btn.arr:hover {background: #eee;}
.btn.narrow.btn-line.active{background: #285780; color:#fff;}
.history {margin: 0 15px; display: flex; gap: 10px;}
.history .history-btn:disabled {filter: grayscale(1); opacity: .7;}
.circle-btn-wrap {width:100px; display: flex; justify-content: center; align-items: center; gap:2px;}
.circle-btn {font-size: 12px; background: #29A7E1; color:#fff; width: 20px; height: 20px;  padding: 1px; border-radius: 50px;}
.circle-btn:disabled {background: #ccc;}
.triple-layout-wrap {display: flex; align-items: flex-start; gap: 30px;}
.triple-layout-wrap .triple-layout {width: calc((100% - 60px)/3);}
.half-layout-wrap {display: flex; align-items: flex-start; flex-wrap: wrap;}
.half-layout-wrap .half-layout {width: calc((100% - 30px)/2);}
.half-layout-wrap .half-layout:nth-child(odd) {margin-right:30px;}
.input-file {border: 1px solid var(--line-color); height: 32px; display: flex; align-items: center; padding: 4px;}
.input-file p {font-size: 13px; color: #888; white-space: nowrap;}
.secret {color:var(--org-color); text-decoration: underline; font-weight:500; margin: 0 10px; white-space: nowrap;}
.oi-total {justify-content: end; display: flex; margin-top: 15px; font-size: 20px;}
.oi-total span {font-weight:700;}
.multiplication, .plus, .equal {position: relative;overflow: visible;}
.multiplication:after {position: absolute;content:'';top: 3px;right: -16px;width: 30px;height: 30px;background: url(/resources/images/multiplication.svg) center no-repeat; z-index: 1;}
/* .plus:after {position: absolute;content:'';top: 10px;right:0;width: 20px;height: 20px;background: url(/resources/images/plus.svg) center no-repeat;} */
.equal:after {position: absolute;content:'';top: 2px;right:-13px;width: 30px;height: 30px;background: url(/resources/images/equal.svg) center no-repeat; z-index: 1;}

/* OI regsist page */
.sell-route { padding: 20px 0;}
.sell-route .alphabet-box {width: 32px;height: 32px;border: 1px solid #F2F2F2; border-radius: 5px 0px 0px 5px; display: flex; justify-content: center; align-items: center; margin-right: -8px;}
.sell-route .alphabet-box .circle-shape {width:20px; height:20px; color:#fff; border-radius: 40px; text-align: center; line-height: 20px; font-size: 12px;}
.sell-route .alphabet-box .circle-shape.orange { background-color: orange;}
.sell-route .alphabet-box .circle-shape.blue{ background-color: blue;}
.sell-route .alphabet-box .circle-shape.purple{ background-color: purple ;}
.secret-discription textarea {width: 100%; border: 1px solid #F2F2F2; min-height: 80px; margin-top: 20px; padding: 20px; resize: none;}
.revision-history {margin-top: 20px;}
.revision-history .select2-container--default .select2-selection--single {height: 30px;}
.revision-history .select2-container--default .select2-selection--single, 
.revision-history .select2-container--default .select2-dropdown {border: 1px solid #E7E7E7;  border-radius: 0; font-size: 14px; }
.revision-history div.flex {margin-top : 20px;}
.revision-history .left-side {width:10%;}
.revision-history .right-side {width:100%;}
.revision-history .right-side input {border: 1px solid #E7E7E7; height: 30px; width:100%; padding: 4px;}

table.OI-regist-page {border:0; border-top: 1px solid #bdbdbd;}
table.OI-regist-page th {background: #f5f5f5;}
table.OI-regist-page tr td {border-bottom: 1px solid #e7e7e7;}
table.OI-regist-page tr:nth-last-child td {border:none;}
table.OI-regist-page th, table.OI-regist-page td {padding: 15px 0;}
table.OI-regist-page td:not(.rs-tbl-wrap td):first-child {border-bottom:1px solid #e7e7e7;}

table.OI-regist-page.td-pd-8px tr td {padding: 8px 10px;}

table.OI-regist-page.vertical-style {}
table.OI-regist-page.vertical-style td {padding: 10px 10px; border-right: 1px solid #E7E7E7;}
table.OI-regist-page.vertical-style td:first-of-type {border-right: 1px solid #E7E7E7;}
table.OI-regist-page.vertical-style td:last-of-type {border-right:0;}

table.OI-regist-page.vertical-style2 td {border-right:1px solid #E7E7E7;}
table.OI-regist-page.vertical-style2 tr:nth-of-type(2) td:nth-of-type(2), 
table.OI-regist-page.vertical-style2 tr:nth-of-type(7) td:nth-of-type(2),  
table.OI-regist-page.vertical-style2 tr:nth-of-type(2) td:nth-of-type(9),
table.OI-regist-page.vertical-style2 tr:nth-of-type(7) td:nth-of-type(9) {border-right:none;} 

table.OI-regist-page.vertical-style2 tr:nth-of-type(4) th:nth-of-type(1),
table.OI-regist-page.vertical-style2 tr:nth-of-type(9) th:nth-of-type(1) {border-bottom:1px solid #E7E7E7;}

table.OI-regist-page-type2 { border:0; border-top: 1px solid #bdbdbd; }
table.OI-regist-page-type2 th {background: #f5f5f5;}
table.OI-regist-page-type2 th, table.OI-regist-page-type2 td {border-bottom:1px solid #F2F2F2;}
table.OI-regist-page-type2 input { height: 32px; border: 1px solid #F2F2F2; border-radius: 0px;}
.since-now {margin-top:0; }
.search-warp.since-now .custom-select-wrap {width:auto; margin-right:10px;}
.search-warp.since-now .custom-select-wrap .select-shape-custom2 { border-radius: 4px; }
.search-warp.since-now .select2-container--default .select2-selection--single .select2-selection__arrow b::after,
.search-warp.since-now .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::after {right: 1px;}

.attachments-box {border: 1px dashed #29A7E1; border-radius: 4px; width: 600px; height: 178px; text-align: center; padding: 18px 0 23px;}
.attachments-box img {margin-bottom: 20px;}
.attachments-box p:nth-of-type(1) {margin-bottom: 15px; font-size: 16px; font-weight: 700;}
.attachments-box p:nth-of-type(2) {font-size: 12px; color: #676767;}
.flex > .r-side {margin-left: 4%; }
.upload-file-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(45%, auto)); gap: 10px 40px;}  
.upload-file-container .uploading-file-box {position:relative; ;height: 36px; border: 0.5px solid #E3E3E3; border-radius: 4px; text-align: left; padding: 8px 10px; font-size: 12px;}

#myProgress { position:absolute;  width: 100%;  height:1px;  background-color: #E3E3E3;  top:32px;  left:0;  }
#myBar {  width: 1%;  height: 3px;  background-color:#29A7E1;;}

.report-issuance-container {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e4e4e4; margin-bottom: 40px;}
.report-issuance-container .left-side-container p {font-weight: 400; font-size: 14px; line-height: 18px; color: #676767; margin-bottom: 10px;}
.report-issuance-container .left-side-container p:nth-of-type(1) {font-weight: 500; font-size: 18px; line-height: 26px; color: #272727;}
.report-issuance-container .left-side-container p span {font-weight: 500; font-size: 14px; line-height: 20px; color: #272727;}
.report-issuance-container .right-side-container {display: flex; justify-content: space-between;}
.report-issuance-container .right-side-container .left-side-container {display: flex; justify-content: space-between; align-items: end;}
.report-issuance-container .right-side-container .left-side-container .request-btn-container {border: 1px solid #29A7E1; border-radius: 2px; display: flex; align-items: center; justify-content: space-between; padding: 13px 21px;}
.report-issuance-container .right-side-container .left-side-container .request-btn-container.blue-btn {border: 1px solid #52A1FF; background-color: #fff;}
.report-issuance-container .right-side-container .left-side-container .request-btn-container.gray-btn {border: 1px solid #ccc; background-color: #fff;}
.report-issuance-container .right-side-container .left-side-container .request-btn-container.blue-btn span {font-size: 15px;}
.report-issuance-container .right-side-container .left-side-container .request-btn-container.blue-btn img {margin-left: 4px;}
body > div.wrap > main > div > div.main-body > div > div.report-issuance-container > div.right-side-container > div:nth-child(2) > div > ul > li:nth-child(1) {padding: 0 0 15px 15px;}
body > div.wrap > main > div > div.main-body > div > div.report-issuance-container > div.right-side-container > div:nth-child(2) > div > ul > li:nth-child(2) {padding: 0 0 0 15px;}
.report-issuance-container .right-side-container .left-side-container .estimate-paper,
.report-issuance-container .right-side-container .left-side-container .purchase-order-paper {min-width:110px; }
.report-issuance-container .right-side-container .left-side-container .purchase-order-paper {margin-left: 14px;}


/* OI complete page */
.OI-complete-container .flex.jus-bet .table-container {width:150%;}
.OI-complete-container .table-container {margin-bottom: 40px; width:100%;}
.OI-complete-container .table-container
.OI-complete-container .table-container .table-title-container {margin-bottom: 12px;}
.OI-complete-container .table-container .table-title-container p {font-weight: 500; font-size:18px; color:#272727; margin-bottom: 20px;}
table.OI-complete-page.basic-info-table {border:0; border-collapse: separate; border-spacing: 0px 1px;}

table.OI-complete-page.basic-info-table tbody tr th {background: #F2F2F2;}
table.OI-complete-page.basic-info-table th,
table.OI-complete-page.basic-info-table td {border: 1px solid #f2f2f2; padding: 10px 0;}

.sell-route-container {width:100%; padding-left: 70px;}
.sell-route-container .route-title-container p {font-weight: 500; font-size:18px; color:#272727; margin-bottom: 20px;}
.sell-route-container .circle-shape {width:20px; height:20px; color:#fff; border-radius: 40px; text-align: center; line-height: 20px; font-size: 12px;}
.sell-route-container .circle-shape.orange { background-color: orange;}
.sell-route-container .circle-shape.blue{ background-color: blue;}
.sell-route-container .circle-shape.purple{ background-color: purple ;}
.sell-route-container .route-shape {display: flex; flex-direction: column; position: relative;}
.sell-route-container .route-shape .route-item {width:150px;}
.sell-route-container .route-shape .route-item:nth-of-type(1) {margin-bottom: 10px;}
.sell-route-container .route-shape .route-item:nth-of-type(2) {margin-bottom: 10px;}
.sell-route-container .route-shape .route-item:nth-of-type(3) {margin-bottom: 10px;}
.sell-route-container .route-shape .route-item p {text-align: center; width: 90px; white-space: nowrap;}
.sell-route-container .route-shape:after {position:absolute; content:''; width:1px; height: 105px; border-left: 1px dashed #29A7E1; top:0; left: 10px; z-index: -1;}
.list-container {font-weight: 400; font-size: 14px; color:#272727; border-top: 1px dashed #29A7E1; padding: 10px 0;}
.list-container ul {max-height: 250px; overflow: hidden;}
.list-container ul li {font-weight: 400; font-size: 14px; color:#272727;}
.upload-file-container.width60per {width:60%;}
div.btn-wrap.flex.jus-bet.ali-cen div.flex.ali-cen button:nth-of-type(1) {margin-left: 0px;}
div.btn-wrap.flex.jus-bet.ali-cen div.flex.ali-cen button {margin-left: 5px;}

/* �쉶�썝媛��엯�럹�씠吏� */
.wrap.join {min-height: 100vh;}
.wrap.join .header {display: flex; justify-content: center;  height: 110px; width: 100%; border: none; margin-top: 40px;}
.wrap.join .header img {width: 254px;}
.join-contents-container {width: 1143px; margin: 0 auto 0;}
.join-contents-container .join-header {padding: 50px 0 0;color: #222;font-weight: 500;text-align: center;}
.join-contents-container .join-header h3 {font-size: 20px; font-weight: 500; position: relative;  margin-bottom: 44px; padding-bottom: 10px;}
.join-contents-container .join-header h3:after {position: absolute; width: 38px; height: 3px; content: ''; background: var(--org-color); bottom: 0; left: 50%; transform: translate(-50%, 0);}
.join-contents-container .join-header ul {display: flex;justify-content: center;position: relative;margin-bottom: 44px;}
.join-contents-container .join-header ul:after {position: absolute;content: '';background: #e0e0e7;width: 400px;height: 2px;top: 7px;z-index: -1;}
.join-contents-container .join-header ul li {display: flex;flex-direction: column;align-items: center;gap: 15px;width: 200px;}
.join-contents-container .join-header ul li .join-head-on {display: flex; width: 14px; height: 14px; background: #ddd; border-radius: 20px; border: 2px solid #fff;}
.join-contents-container .join-header ul li .join-head-dot {display: flex;width: 16px;height: 16px;background: #E0E0E7;border-radius: 20px;border: 3px solid #fff;}
.join-contents-container .join-header ul li .join-head-tit {display: flex;margin: 0;font-size: 20px;font-weight: 500;}
.join-contents-container .join-header ul li.active .join-head-dot{background: #fff; border: 3px solid var(--org-color);}
.join-contents-container .join-header ul li.active .join-head-tit {color: var(--org-color);}
.join-contents-container .join-header ul li.success .join-head-dot {position:relative; background: var(--org-color); border: none;}
.join-contents-container .join-header ul li.success .join-head-dot:after {position: absolute; content: ""; width: 2px; height: 5px; top: 2px; left: 5px; background: transparent;
    border: 2px solid #fff; border-top-color: transparent; border-left-color: transparent; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 2px;}
.join-contents-container .join-header .join-head-txt{font-size: 14px;}
.join-contents-container .btn-wrap {padding: 0 0 80px 0; gap: 5px; margin-top: 50px;}
.join-contents-container .btn-wrap button {cursor: pointer;}
.join-contents-container .input-box {margin: 35px 0 10px;}
.join-contents-container .join-style .input-box.login.auth input {width: 400px;}

#joinCompanyNumberBtn, #joinIdDupCheckBtn {background: url(/resources/images/icon/check.svg) no-repeat 10px center;padding: 0 7px 0 25px;}
#joinCompanyNumberBtn:disabled, #joinIdDupCheckBtn:disabled {background: url(/resources/images/icon/check-disabled.svg) no-repeat 10px center, #F5F5F7;padding: 0 7px 0 25px;}
#joinAddressBtn {background: url(/resources/images/icon/search-1.svg) no-repeat 55px center;padding: 0 25px 0 7px;}
#joinAddressBtn:disabled {background: url(/resources/images/icon/search-1-disabled.svg) no-repeat 55px center, #F5F5F7; outline: 0; border: 0; color: #8B8FA8;}
.join-success p {margin: 50px 0;}
.join-success-txt {font-size: 16px; color: #222; font-weight: 500; line-height: 1.5;}
.join-success p span {font-size: 13px; padding: 10px 16px; background: #FFF8F6; border: 1px solid #FFEBE5; border-radius: 50px; font-weight: 500;}

.service-container .service-title-container {text-align: left;margin-top: 50px;}
.service-container .service-title-container .button-container {margin-top: -50px;}
.service-container .service-title-container .button-container .btn {margin-bottom: 10px;}
.service-container .service-title-container p {font-weight: 500;font-size: 18px;color: #272727;margin-bottom: 20px;}
.service-container.terms-of-service .text-container {width:100%;}
.service-container.terms-of-service .text-container textarea {resize: none;width: 100%;height: 300px;border: 1px solid var(--line-color);outline:none;overflow-y: scroll;padding: 20px;line-height: 1.3;color: #717171;}
.service-container.terms-of-service .text-container textarea:focus,
.service-container.terms-of-service .text-container textarea:active,
.service-container.terms-of-service .text-container textarea:hover {border:1px solid #f08e4f;}
.service-container.rmfjrpterms-of-service .checkbox-container {margin-top:9px; display: flex; justify-content: flex-start; align-items: center;}
.service-container.terms-of-service .checkbox-container label {font-weight: 400;color: #272727;margin-left: 0px;}
.all-agree {display: flex; justify-content: center; margin: 50px 0; padding: 40px; background: #fafafa; border-bottom: 1px solid var(--line-color); border-top: 1px solid var(--line-color);}

.join-input-wrap {padding: 10px 40px; border-top: 1px solid #BDBDBD; border-bottom: 1px solid #BDBDBD; gap: 100px;}
.join-input-wrap .input-box.login > label {display: block; transform: none; opacity: 1; left: 0; top:-25px; font-weight: 500;}
.join-input-wrap .input-box.login > input::placeholder {color:#aaa;}
.join-input-wrap .ef {position: absolute; right: 0; top: -23px; font-size: 12px;}

.table-container.join { padding: 10px 10px;}
.table-container.join { font-weight: 500;font-size: 14px;line-height: 20px;color: #272727;}
.table-container.join table {width: 100%; border-collapse: separate; border-spacing: 7px 13px; border:0;}
.table-container.join table th {text-align: left; font-weight: 500; background-color: #fff;}
.table-container.join table tr th:nth-of-type(2) {text-align: center;} 
/* .table-container.join table tr th:nth-of-type(2) {text-align: center;} */ 
.table-container.join .double-check {display: flex; align-items: center;}
.table-container.join .double-check button {font-weight: 500;font-size: 14px;line-height: 20px; border: 1px solid #E7E7E7; padding: 6px 7px; white-space: nowrap; height: 32px; background: #fff; cursor:pointer;}
.table-container.join .double-check button:active {border:1px solid #f08e4f;}
.table-container.join table td input {border: 1px solid #E7E7E7; padding: 6px 8px; height: 32px;}
.table-container.join table td input::placeholder {font-weight: 400;font-size: 14px;line-height: 20px;color: #717171;}
.table-container.join table td input:active,
.table-container.join table td input:focus,
.table-container.join table td select:focus {border:1px solid #f08e4f; outline: none;}
.table-container.join table td select {width: 100%; border: 1px solid #E7E7E7; height: 32px;}

/* ���돩蹂대뱶 �럹�씠吏� */
.body-inner.dashboard { background-color: #EFF1F3; padding: 12px 12px; min-height: calc(100vh - 137px); margin-bottom: 0px;}

.grid-container.dashboard {width:100%; row-gap: 7px; column-gap: 7px; grid-auto-flow: row dense; justify-items: stretch; align-content: stretch; /* grid-auto-rows: minmax(380px, auto); */ grid-template-columns: repeat(auto-fill, minmax(23%, auto));}
.grid-container.dashboard>.item { background-color: #ffffff; padding: 18px 20px; grid-column: auto/ span 1; position: relative; border-radius: 5px;}
.grid-container.dashboard>.item .item-header {display: flex; justify-content: space-between; align-items: center;}
.grid-container.dashboard>.item .item-header .item-title {display: flex;justify-content: space-between; align-items: center;}
.grid-container.dashboard>.item .item-header .item-title img {width:20px; height: 20px;}
.grid-container.dashboard>.item .item-header .item-title p {font-weight: 500; font-size: 18px; margin-left: 10px;}
.grid-container.dashboard>.item.my-profile, 
.grid-container.dashboard>.item.list-style-item,
.grid-container.dashboard>.item.bar-style-item,
.grid-container.dashboard>.item.mini-calendar {max-height: 330px;}
.grid-container.dashboard>.item.mini-calendar {padding: 10px;}

.item.my-profile .item-body {padding-top: 30px;}
.item.my-profile .item-body .left-contents-container{width: 120%;}
.item.my-profile .item-body .right-contents-container {width: 80%;}
.item.my-profile .item-body .left-contents-container .profile-container {margin-top: 20px;}
.item.my-profile .item-body .left-contents-container .profile-container .profile-img-container {width: 73px; height: 73px; border-radius: 50px; overflow: hidden;}
.item.my-profile .item-body .left-contents-container .profile-container .profile-img-container img {width: 100%; object-fit:cover; }

.profile-container .name-class-container {margin: 6px 0px 6px 18px; }
.profile-container .name-class-container .name p {font-weight: 500;font-size: 16px;line-height: 23px;letter-spacing: -0.05em;color: #222222;}
.profile-container .name-class-container .class {margin-top:10px; }
.profile-container .name-class-container .class p { font-size: 14px; line-height: 20px; color:#444;}
.profile-container .name-class-container .blank {position: relative;}
.profile-container .name-class-container .blank:after {content: ''; position: relative; right: 0px; top: 4px; background: #ddd; height: 13px; width: 1px; margin: 0 2px; display: block;}


.commute-stat-container {margin-top: 40px;}
.commute-stat-container ul {display: flex; flex-wrap: wrap; gap: 25px; padding-right: 25px;}
.commute-stat-container ul li {display: flex; width: calc((100% - 25px)/2); justify-content: space-between; font-size: 14px;}
.commute-stat-container ul li .num {font-weight: 500; border-bottom:2px solid var(--org-color)}

.item.my-profile .item-body .right-contents-container {position: relative;}
.item.my-profile .item-body .right-contents-container:after {position:absolute; content:''; width:1px; height:221px; border-left: 1px solid #ECECEC; top:0; left: 0;}
.item.my-profile .item-body .right-contents-container .work-stat-container {padding-left: 30px; white-space: nowrap;}
.item.my-profile .item-body .right-contents-container .work-stat-container ul li {font-weight: 500;font-size: 14px; color: #5F5E61; display: flex; align-items: center; height: 72px; border-bottom: 1px solid var(--line-color); width: 100%; padding: 25px 0;}
.item.my-profile .item-body .right-contents-container .work-stat-container ul li:last-child {border-bottom:0;}
.item.my-profile .item-body .right-contents-container .work-stat-container ul li button {border: 1px solid #29A7E1;border-radius: 5px; color:#29A7E1;font-weight: 500;font-size: 14px;line-height: 20px; min-width:40px; margin-left: 30px;}

.grid-container.billboard {padding: 20px; display: grid;  row-gap: 20px; column-gap: 20px;  grid-auto-flow: row dense; grid-template-columns: repeat(auto-fill, minmax(16%, auto));  grid-auto-rows: minmax(49%, auto); }
.grid-container.billboard .item {width: 100%; text-align: center;}
.grid-container.billboard .item div p {margin-top:20px; }
.grid-container.billboard .item button {width:72px; height: 72px; border-radius: 50px; border: 1px solid #29A7E1; margin-top: 10px;}
.grid-container.billboard .item.add-item button {background-color: #29A7E1;}

.item.list-style-item .item-body .list-container {border-top: none; width: 100%;}
.item.list-style-item .item-body .list-container ul li button {width: 100%; display: flex; justify-content: space-between; align-items: center; font-size: 14px; line-height: 20px; color: #444; border-bottom: 1px solid var(--line-color); padding: 20px 0 15px 0;}
.item.list-style-item .item-body .list-container ul li:last-child button {border-bottom: none;}
.item.list-style-item .item-body .list-container ul li button .left-container {display: flex; justify-content: space-between; align-items: center;}
.item.list-style-item .item-body .list-container ul li button .left-container .read-icon {width: 6px; height: 6px; border-radius: 50px; background: #00B2FF; margin: 0 10px;}
.item.list-style-item .item-body .list-container ul li button .left-container p {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: 170px; text-align: left; font-weight: 500;}
.item.list-style-item .item-body .list-container ul li button .right-container p {color: #ACACAC; font-weight: 400;font-size: 13px; font-weight: 300;}

.item.table-style-item .item-body .table-container {padding: 26px 10px; width: 100%;}
.item.table-style-item .item-body .table-container table {border:none; width: 100%;}
.item.table-style-item .item-body .table-container table th {background: #F5F5F5; font-weight: 500;font-size: 14px;line-height: 20px;color: #272727; padding: 15px 0;}
.item.table-style-item .item-body .table-container table td {font-weight: 400;font-size: 12px;line-height: 17px; color: #272727; border-bottom: 1px solid #e7e7e7; padding: 10px 0; }

.item.mini-calendar .calendar-wrap {padding: 0 0; height: 100%;}
.item.mini-calendar .calendar-wrap .date-picker-calendar-wrap {padding: 0; height: 100%;}
.item.mini-calendar .calendar-wrap .date-picker-calendar-wrap .calendar-table {padding: 0; height: 100%;}
.item.mini-calendar #calendarSmall {width: 370px; height: 300px;}
.item.mini-calendar #calendarSmall .fc-toolbar .fc-center{padding: 10px 0 20px;}
.item.mini-calendar #calendarSmall .fc-toolbar .fc-left, .item.mini-calendar #calendarSmall .fc-toolbar .fc-right {top: 8px;}
.item.mini-calendar #calendarSmall .fc-toolbar .fc-left .fc-button, .item.mini-calendar #calendarSmall .fc-toolbar .fc-right .fc-button {width: 24px; height: 24px;}
.item.mini-calendar #calendarSmall .fc-toolbar h2 {font-size: 20px;}
.item.mini-calendar #calendarSmall .fc-icon {transform: translate(-20%, 0%);width: 8px;height: 10px;}
.item.mini-calendar #calendarSmall .fc-icon:after {content: "";display: block;transform: rotate(90deg);width: 10px;height: 10px;background: url(/resources/images/icon/fold-btn-arrow.svg) center center no-repeat;background-size: contain;}
.item.mini-calendar #calendarSmall .fc-right .fc-icon:after {transform: rotate(270deg);}
.item.mini-calendar #calendarSmall .fc-button:hover .fc-icon:after {filter: brightness(10);}
.item.mini-calendar #calendarSmall .fc-basic-view .fc-day-number {font-size: 14px;}
.item.mini-calendar #calendarSmall .fc-head-container .fc-day-header {height: 30px; font-size: 14px;}
.item.mini-calendar #calendarSmall .fc-basic-view .fc-body .fc-row {min-height: 36px;}
.item.mini-calendar #calendarSmall .fc-scroller {height: 220px !important;}

.item.vertical-style-item .item-body .tab-wrap {width:100%;}
.item.vertical-style-item .item-body .tab-container {width:100%;}
.item.vertical-style-item .item-body .tab-container .tab-menu-wrap {width:100%; padding-top: 20px;}
.item.vertical-style-item .item-body .tab-container .tab-menu-wrap .tab {display: flex; justify-content: space-between; width:100%; border-bottom: 1px solid rgba(254, 122, 78, 0.3);}
.item.vertical-style-item .item-body .tab-container .tab-menu-wrap .tab li {width: 58px; height: 30px;text-align: center; position: relative;}
.item.vertical-style-item .item-body .tab-container .tab-menu-wrap .tab li a {color:rgba(0, 0, 0, 0.32);  font-size: 14px;}
.item.vertical-style-item .item-body .tab-container .tab-menu-wrap .tab li.active:after { content: ''; position: absolute;  width: 100%; height: 3px; background: var(--org-color); bottom: -1px; left: 0; border-radius: 5px 5px 0 0;}
.item.vertical-style-item .item-body .tab-container .tab-menu-wrap .tab li.active a {color: #000000;text-align: center; position: relative; font-weight: 500;} 
.item.vertical-style-item .item-body .empty-txt {display: flex; justify-content: center; align-items: center; height: 85%; width: 95%; position: absolute; color: #888; font-size:14px;}

.table-container.schedule-card-style { padding-top: 40px;  max-height: 500px; overflow-y: scroll; -ms-overflow-style: none;scrollbar-width: none; }
.table-container.schedule-card-style::-webkit-scrollbar {display: none;}
.table-container.schedule-card-style table { border: 0; }
.table-container.schedule-card-style table th {background-color: #ffffff; border-right: 2px solid #F5F5F5; text-align: left; vertical-align: top; padding-right: 15px;}
.table-container.schedule-card-style table th p {color: #212525; text-align:right; font-weight: 500;font-size: 16px;line-height: 23px;}
.table-container.schedule-card-style table th p span {color: #BCC1CD; font-weight: 500;font-size: 14px;}
.table-container.schedule-card-style table td {padding: 0 0 16px 20px;} 
.schedule-card-container{border-radius: 16px; padding: 16px; text-align: left; width :150px;}
.schedule-card-container.orange { background: #29A7E1; color:#ffffff;}
.schedule-card-container.gray {background: #F5F5F5; color:#222222;}
.schedule-card-container .schedule-card-header .card-title {display: flex; justify-content: space-between; align-items: center; width :120px;}
.schedule-card-container .schedule-card-header .card-title p {font-weight: 500;font-size: 16px;line-height: 23px; width :150px !important; word-break: break-word; }
.schedule-card-container .schedule-card-header p {font-weight: 500;font-size: 12px;line-height: 17px;}
.schedule-card-container .schedule-card-body {padding-top: 16px;} 
.schedule-card-container .schedule-card-body .schedule-location .schedule-location-info {word-break:break-word;}
.schedule-card-container .schedule-card-body .schedule-location,
.schedule-card-container .schedule-card-body .organizer-container {display: flex; align-items: center;}
.schedule-card-container .schedule-card-body .organizer-container {padding-top: 8px;}
.schedule-card-container .schedule-card-body .schedule-location img {margin-right: 12px; margin-left: 2px;}
.schedule-card-container .schedule-card-body .organizer-container .organizer-profile {width: 16px; height: 16px; border-radius: 50px; overflow: hidden;  margin-right: 10px;}
.schedule-card-container .schedule-card-body .organizer-container .organizer-profile img {width:100%; object-fit: cover;}

.item.bar-style-item .item-body {position: relative;}
.item.bar-style-item .item-body .bar-container {width: 100%; padding-top: 20px; height: 270px; overflow-y: scroll;  -ms-overflow-style: none;scrollbar-width: none;}
.item.bar-style-item .item-body:after {position: absolute; content:''; bottom:0; left:0; width:100%; height:30px; z-index:99; background:linear-gradient(rgba(255, 255, 255, 0), #fff);}
.item.bar-style-item .item-body .bar-container::-webkit-scrollbar {display: none;}
.item.bar-style-item .item-body .bar-container .bar-box {display: flex; justify-content:space-between; align-items: center; border: 1px solid var(--line-color); border-radius: 6px; width: 100%; padding: 10px 16px; margin-bottom: 8px;}
.item.bar-style-item .item-body .bar-container .bar-box .left-contents-container {text-align: center;}
.item.bar-style-item .item-body .bar-container .bar-box .left-contents-container p {font-weight: 400; font-size: 12px; margin-top: 3px;}
.item.bar-style-item .item-body .bar-container .bar-box .middle-contents-container {width: 200px; }
.item.bar-style-item .item-body .bar-container .bar-box .middle-contents-container p {font-weight: 500;font-size: 14px;line-height: 20px;color: #0B1354; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.item.bar-style-item .item-body .bar-container .bar-box .middle-contents-container span {font-size: 12px; color: #acacac;}
.item.bar-style-item .item-body .bar-container .bar-box .right-contents-container {display: flex; align-items: center;}
.item.bar-style-item .item-body .bar-container .bar-box .right-contents-container button {background: #00B2FF; width: 30px; height: 30px; border-radius: 50px;}
.item.bar-style-item .item-body .bar-container .bar-box .right-contents-container .white-check-icon-box {background: #C8C8C8; width:20px; height: 20px; border-radius: 50px; display: flex; justify-content: center; align-items: center; margin-left: 10px;}

.item.graph-style-item .mini-grid-container {padding-top: 25px; width:100%; display: grid; grid-template-columns: repeat(2, 1fr);} /* grid-template-rows: repeat(2, minmax(100px, auto)); */
.item.graph-style-item .mini-grid-container .mini-grid-item {padding: 20px 8px 40px} 
.item.graph-style-item .mini-grid-container .mini-grid-item:nth-child(1) {grid-row: 1/ span 2; border-right:1px solid #ECECEC;  }
.item.graph-style-item .mini-grid-container .mini-grid-item:nth-child(1) p {font-weight: 500;font-size: 14px;line-height: 20px;color: #272727;}
.item.graph-style-item .mini-grid-container .mini-grid-item:nth-child(1) span {font-weight: 500;font-size: 12px;line-height: 17px;color: #0B1354;}
.item.graph-style-item .mini-grid-container .mini-grid-item .item-header {justify-content: center; padding-bottom: 20px;}
.item.graph-style-item .mini-grid-container .mini-grid-item .item-header p {font-weight: 500;font-size: 12px;line-height: 17px;color: #C8C8C8;}

.font-orange-color {color: #29A7E1;}
span.orange-color {color: #29A7E1;}
span.sky-color {color: #1BA9EA;}

table.percentage-table {border:0;}
table.percentage-table th,
table.percentage-table td { background: #fff; }
table.percentage-table th {color: #272727;}
table.percentage-table td {color: #C8C8C8;}

.item.add-style-item .item-body {justify-content: center; align-items: center; text-align: center;}
.item.add-style-item .item-body .widget {position: absolute; top: 40%;}
.item.add-style-item .item-body button {width:72px; height:72px; margin-bottom:10px;  background: rgba(254, 122, 78, 0.8); border-radius: 50px;}

@media (max-width: 1800px) {
	.item.my-profile .item-body .left-contents-container .profile-container .profile-img-container {width: 50px; height: 50px;}
	.profile-container .name-class-container {margin: 0 15px;}
	.profile-container .name-class-container .class {margin-top: 5px;}
}

@media (max-width: 1700px) {
	.table-container.schedule-card-style {padding-top: 20px; max-height: 680px;}
	.item.my-profile .item-body {padding-top: 0; flex-direction: column;}
	.item.my-profile .item-body .left-contents-container {width:100%;}
	.item.my-profile .item-body .left-contents-container .profile-container .profile-img-container {width: 50px; height: 50px;}
	.profile-container .name-class-container {margin: 0 0 0 15px;}
	.profile-container .name-class-container .class {margin-top: 5px;}
	.commute-stat-container {margin-top: 20px; margin-bottom: 10px;}
	.commute-stat-container ul {gap: 15px; padding-right:0;}
	.commute-stat-container ul li {width: calc((100% - 15px)/2);}
	.item.my-profile .item-body .right-contents-container {width:100%;}
	.item.my-profile .item-body .right-contents-container .work-stat-container {padding:0;}
	.item.my-profile .item-body .right-contents-container .work-stat-container ul li {height:34px; justify-content: space-between; padding: 20px 0;}
	.item.my-profile .item-body .right-contents-container:after {display:none;}
	.item.list-style-item .item-body .list-container ul li button {flex-direction: column; padding: 15px 0; align-items: flex-start;}
	.item.list-style-item .item-body .list-container ul li button .right-container {margin-top: 5px; margin-left: 25px;}
	.item.bar-style-item .item-body .bar-container .bar-box {flex-direction: column; align-items: start; padding: 8px 12px;}
	.item.bar-style-item .item-body .bar-container .bar-box .left-contents-container img {display:none;}
	.item.bar-style-item .item-body .bar-container .bar-box .left-contents-container p {font-size: 12px; line-height: 20px;}
	.item.bar-style-item .item-body .bar-container .bar-box .right-contents-container {align-self: self-end; margin-top: -10px;}
	.item.bar-style-item .item-body .bar-container .bar-box .right-contents-container button {width: 25px; height: 25px; padding: 5px;}
	.item.mini-calendar #calendarSmall {width: 280px;}
}


@media (max-width: 1400px) {
	.table-container.schedule-card-style {max-height: 590px;}
	.table-container.schedule-card-style table th p {font-size: 14px;}
	.table-container.schedule-card-style table th p span {font-size: 12px;}
	.schedule-card-container .schedule-card-header .card-title p {font-size: 14px;}
	.schedule-card-container {padding: 10px 15px;}
	.table-container.schedule-card-style table td {padding: 0 0 10px 10px;}
	.table-container.schedule-card-style table th {padding-right: 10px;}
	.schedule-card-container .schedule-card-body {padding-top: 10px;}
	.schedule-card-container .schedule-card-body .schedule-location p, .schedule-card-container .schedule-card-body .organizer-container p {font-size: 12px;}
	.item.mini-calendar #calendarSmall {width: 230px;}
}


/* 蹂닿퀬�넻怨�>留ㅼ텧�넻怨� �럹�씠吏� */
.body-inner.statistics-page {padding: 0;}
.body-inner.statistics-page .graph-control-container {padding: 14px 44px;}
.graph-container {background: #EFF1F3; padding: 20px 16px;} 
.graph-container .graph-item {background: #fff; padding: 30px 20px; margin-bottom: 20px;} 
.graph-container .graph-item  .twin-graph {width: 100%; justify-content: space-between;}
.graph-container .graph-item  .twin-graph .left-graph {width:70%;}
.graph-container .graph-item  .twin-graph .right-graph {width: 30%;}
.graph-item .graph-title p {color: #222222; font-weight: 500;font-size: 16px;line-height: 23px;}
.graph-item .graph-title p img {margin-right: 5px; transform: translateY(2px);}
.graph-item .graph-title p span {color: #000000; font-weight: 500;font-size: 12px;line-height: 17px;}
.graph-item .upper-table {display: flex; justify-content: space-around; align-items: center; width: 100%; padding-bottom: 20px;}
.graph-item .upper-table .upper-table-item {border-right: 1px solid #ECECEC; display: flex; justify-content: space-between; align-items: center; padding: 43px 73px; height: 78px;}
.graph-item .upper-table .upper-table-item .left-con span {background: rgba(18, 19, 21, 0.05);border-radius: 4px; line-height: 17px; padding: 1px 3px; margin: 0px 50px 0px 3px; color: rgba(18, 19, 21, 0.65);font-size: 12px;}
.graph-item .upper-table .upper-table-item .left-con p {font-weight: 700;font-size: 14px;line-height: 20px;}
.graph-item .upper-table .upper-table-item .left-con,
.graph-item .upper-table .upper-table-item .right-con {display: flex;}
.graph-item .upper-table .upper-table-item .right-con p {color: #272727; font-weight: 700;font-size: 14px;line-height: 20px;} 
body > div.wrap > main > div > div.body-inner.statistics-page > div.graph-container > div:nth-child(2) > div.upper-table > div:nth-child(3) {border-right: 0;}
.color-explain {width: 100%; justify-content:space-around; align-items: center;}
.color-explain .color-item {display: flex; justify-content:space-between; align-items: center; }
.color-explain .color-item .color-box {width:27px; height: 11px;}
.color-explain .color-item p {margin-left: 6px;}
.color-box.purple {background: #A155B9;}
.color-box.blue {background: #165BAA;}
.color-box.orange {background: #F49C0B;}
.color-box.yellow {background:#FFB92E;}
.color-box.orange2 {background:#29A7E1;}
.color-box.green {background:#4BC285;}
.color-box.sky {background:#16BFD6;}

.side-table {border:0;}
.side-table tbody tr {height: 80px;}
.side-table tbody tr th {text-align: left; background-color: #fff; vertical-align: top;}
.side-table tbody tr th {font-weight: 500;font-size: 12px;line-height: 250%;color: #6B7280;}
.side-table tbody tr td {text-align: right; vertical-align: bottom;}
.side-table tbody tr td p {font-weight: 700;color: #111827;font-size: 24px;}
.side-table tbody tr td span {color: #D14343;font-weight: 400;font-size: 12px; }

.graph-item.right-half-style,
.graph-item.left-half-style {width: 100%;}
.graph-item.left-half-style {padding:0 10px 0 0; background-clip: content-box;}
.graph-item.right-half-style {padding:0 0 0 10px; background-clip: content-box;}
.tab-menu-wrap.statistics-page {display: flex; justify-content: flex-end; align-items: center;}
.tab-menu-wrap.statistics-page ul {display: flex; justify-content: flex-end; align-items: center;}
.tab-menu-wrap.statistics-page ul li { margin-left: 5px;}
.tab-menu-wrap.statistics-page ul li a {border: 1px solid #F5F5F5;border-radius: 2px;background: #FFFFFF; font-weight: 400;font-size: 14px;line-height: 20px;color: #272727; padding: 6px 10px;}
.tab-menu-wrap.statistics-page ul li.active a {background: #285780; color: #FFFFFF;}

.graph-item.left-half-style .graph-title,
.graph-item.right-half-style .graph-title, 
.graph-item.left-half-style .tab-container,
.graph-item.right-half-style .tab-container, 
.graph-item.left-half-style .table-container,
.graph-item.right-half-style .table-container, 
.graph-item.right-half-style .tbl-bootstrap-wrap,
.graph-item.left-half-style .tbl-bootstrap-wrap, 
.graph-item.right-half-style .quadrant-container,
.graph-item.left-half-style .quadrant-container {margin: 30px 20px;}

.quadrant-container {position: relative;}
.quadrant-container:before {position:absolute; content:''; width: 1px; height: 200px; border-right: 1px solid #ECECEC; top:64px; left:380px;}
.quadrant-container:after {position:absolute; content:''; width: 771px; height: 1px; border-bottom: 1px solid #ECECEC; top:160px; left: 0;}
.quadrant-container table {border:0;}
.quadrant-container table th {background-color: #fff;}
.quadrant {padding: 30px 70px;}
.quadrant p {color:#ACACAC; margin-bottom: 20px;}


.quadrant-container.instrument-page {position: relative; width: 100%; margin-top:0px;}
.quadrant-container.instrument-page:before {position:absolute; content:''; width: 1px; height: 160px; border-right: 1px solid #ECECEC; top:64px; left:178px;}
.quadrant-container.instrument-page:after {position:absolute; content:''; width: 241px; height: 1px; border-bottom: 1px solid #ECECEC; top:143px; left: 60px;}
.quadrant-container.instrument-page table {border:0; border: 1px solid #E7E8F2; border-radius: 6px 6px 0px 0px; overflow: hidden; }
.quadrant-container.instrument-page table th {background-color: #fff;}
.quadrant-container.instrument-page table thead tr th {color: #285780; font-weight: 500;font-size: 14px;line-height: 20px; border-bottom:1px solid #E7E8F2; text-align: left; padding-left: 20px;}
.quadrant-container.instrument-page table tbody tr td .quadrant {padding: 10px 20px;}
.quadrant-container.instrument-page table tbody tr td .quadrant table {border:0;}
.quadrant-container.instrument-page table tbody tr td .quadrant table thead tr th,
.quadrant-container.instrument-page table tbody tr td .quadrant table tbody tr td {border-bottom: 0; text-align: center; padding-left: 0;}

.quadrant-container.instrument-page .release-receipt.semi-title {text-align: left; padding: 20px 0 0 20px;}
.quadrant-container.instrument-page .release-receipt span {font-weight: 500;font-size: 14px;line-height: 20px;color: #272727;} 
.quadrant-container.instrument-page .release-receipt p {font-weight: 500;font-weight: 500;font-size: 24px;line-height: 35px;color: #0B1354; padding: 30px 0 70px 0;}

.graph-item.triplets-style {width: 100%; gap:20px; height: 626px;}
.graph-item.triplets-style .flex {margin-top: 18px; gap:16px;}
.graph-item.triplets-style .flex .quadrant-container.instrument-page {width: 244px; height: 538px;}
.graph-item.triplets-style .flex .quadrant-container.instrument-page table {width: 100%; }
.graph-item.triplets-style .flex .quadrant-container.instrument-page:before { top: 250px; left: 120px;}
.graph-item.triplets-style .flex .quadrant-container.instrument-page:after { top: 330px; left:20px; width: 200px;}
 
.orange-word {color: #29A7E1 !important;}
.sky-word {color: #1BA9EA !important;}
.green-word {color: #4BC285;}
.red-word {color: #FC5A5A;}
.white-word {color:#ffffff;}
.gray-word {color: #666666;}
.yellow-word {color: #FFB92E;}
.blue-word {color: #5291D4;}
.disabled-word {color: #ccc;}
.accounting-graph-container {width: 50%;}
.table-container.status-item {width: 40%;}
.table-container.status-item table {width: 100%; border:0;}
.status-item {display: flex; align-items: center;}
.status-item .icon-container {border-radius: 10px; width: 56px; height: 56px; display: flex; justify-content: center; align-items: center;} 
.blue-style-box {background: rgba(26, 85, 175, 0.1);}
.green-style-box {background: rgba(75, 194, 133, 0.1);}
.pink-style-box {background: rgba(254, 122, 78, 0.1);}
.emerald-style-box {background: rgba(22, 191, 214, 0.1);}
.orange-style-box {background: rgba(249, 156, 48, 0.1);}
.status-item {padding-bottom: 30px;}
.status-item .small-title-container {padding-left: 20px; text-align: left;}
.status-item .small-title-container span {color: #6F767E;font-weight: 400;font-size: 13px;line-height: 19px;}
.status-item .small-title-container p {color: #000000; font-weight: 500; font-size: 22px; line-height: 32px;}

.many-item-inner {padding: 30px 20px;}

.total-amount-container {color: #0B1354;font-weight: 500;font-size: 32px;line-height: 46px; text-align: right; padding: 20px 0; border-bottom: 2px solid #ECECEC;}

.top10-list-container {padding-top: 20px;}
.top10-list-container .list-title p {color: #4F4F4F;font-weight: 500;font-size: 14px;line-height: 20px; }
.top10-list-container .list-title span {font-weight: 500;color: #000000;font-size: 12px;line-height: 17px;}

@media (max-width: 1400px) {
	.accounting-graph-container {width:40%;}
	.table-container.status-item {width: 35%;}
}


/* 寃뚯떆�뙋 > 湲��벐湲� �럹�씠吏� */
.page-inner.regist-notice-page { padding:20px; padding-right: 0;}
.page-inner.regist-notice-page .contents-header-container {padding-bottom: 10px;}
.page-inner.regist-notice-page .contents-header-container p {font-weight: 500;color: #272727;font-size: 18px;}
.page-inner.regist-notice-page .contents-body-container {padding-top: 0px;}
.page-inner.regist-notice-page .contents-body-container ul,
.page-inner.regist-notice-page .contents-body-container ol,
.page-inner.regist-notice-page .contents-body-container dl {list-style-position: inside;}
.page-inner.regist-notice-page .contents-body-container ul li,
.page-inner.regist-notice-page .contents-body-container dt 
.page-inner.regist-notice-page .contents-body-container dd {list-style-position: inside; padding-left: 20px;} 
.page-inner.regist-notice-page .contents-body-container .custom-table-container {border-top: 1px solid #bdbdbd; border-bottom:1px solid #bdbdbd;width: 100%; overflow: auto;}
.page-inner.regist-notice-page .contents-body-container .custom-table-container table {border:0; border-collapse: separate; border-spacing: 0 1px;}
.page-inner.regist-notice-page .contents-body-container .custom-table-container table th {background-color: #f2f2f2; font-weight: 500;font-size: 14px;color: #272727; text-align: center;}
.page-inner.regist-notice-page .contents-body-container .custom-table-container table th,
.page-inner.regist-notice-page .contents-body-container .custom-table-container table td {padding: 4px 10px;}
.page-inner.regist-notice-page .contents-body-container .custom-table-container table th .btn-wrap {position: absolute; right: 10px; top: 5px;}
.page-inner.regist-notice-page .contents-body-container .custom-table-container table td {border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2;}
.textarea-container ul,
.textarea-container ol,
.textarea-container dl {list-style-position: inside;}
.textarea-container ul li,
.textarea-container dt
.textarea-container dd {list-style-position: inside; padding-left: 20px;}



/* release Notes Page */
.release-notes-page { padding: 50px 40px;}
.release-notes-page .contents-header-container {padding-bottom: 14px; border-bottom: 1px solid #e7e7e7;}
.release-notes-page .contents-header-container p {font-weight: 500;color: #272727;font-size: 18px;}

.release-notes-page .clone-item-container {color: #272727;font-weight: 500; height: 640px; overflow-y:scroll; -ms-overflow-style:none; scrollbar-width:none;}
.release-notes-page .clone-item-container::-webkit-scrollbar {display:none;}
.release-notes-page .clone-item-container .original-clone-item {padding: 30px 0; border-bottom:1px solid #E4E4E4; display: flex; justify-content: space-between; align-items: center; align-self: flex-start;}
/* .release-notes-page .clone-item-container .original-clone-item div:not(:first-of-type) {margin-top:20px;} */
.release-notes-page .clone-item-container .original-clone-item .left-contents {}
.release-notes-page .clone-item-container .original-clone-item .right-contents {display: flex; align-self: flex-start;}
.release-notes-page .clone-item-container .original-clone-item .right-contents table {width:656px; border:0; font-size: 14px;}
.release-notes-page .clone-item-container .original-clone-item .right-contents table thead th {background: #fff; border-bottom: 1px solid #e7e7e7; padding-bottom: 11px;}
.release-notes-page .clone-item-container .original-clone-item .right-contents table tbody td {padding: 11px;}
.release-notes-page .clone-item-container .original-clone-item .title{display: flex; align-items: center;}
.release-notes-page .clone-item-container .original-clone-item .date{font-size: 16px; font-weight: 700;}
.release-notes-page .clone-item-container .original-clone-item .registration-category{font-size: 15px; margin-left: 20px;}
.release-notes-page .clone-item-container .original-clone-item .contents {margin-top:100px;}
.release-notes-page .clone-item-container .original-clone-item .contents ul {list-style-type: demical;}
.release-notes-page .clone-item-container .original-clone-item .contents ul:first-of-type {padding-left: 20px;}
.release-notes-page .clone-item-container .original-clone-item .contents ul li {font-size: 14px;font-weight: 400;}
.release-notes-page .clone-item-container .original-clone-item .contents ul li:not(:last-child) {margin-bottom:7px;}
/* .release-notes-page .clone-item-container .original-clone-item .contents ul li::marker {color: #000;} */
.release-notes-page .clone-item-container .original-clone-item .contents ul li ul {list-style-type: disc;}

.release-notes-page .search-warp {transform:translateY(0px); padding-bottom: 14px;}
.release-notes-page .release-date-container {border: 1px solid #E7E7E7; padding: 20px 40px; font-size: 14px; height: 589px; overflow-y: scroll;}
.release-notes-page .release-date-container ul {list-style-type: disc;}
.release-notes-page .release-date-container ul li:not(:last-child) {margin-bottom:7px;}

.custom-select-wrap.arrow-adjust-10px > span > span.selection > span > span.select2-selection__arrow {right:10px;}

.textarea-container.notice-page textarea {resize: none; width: 100%; height: 396px; border: 1px solid #E7E7E7; overflow: auto; padding: 4px 8px;}

/* �솚寃쎌꽕�젙>寃곗옱愿�由�>�듅�씤愿�由� �럹�씠吏� */

.contents-container.approval-page {padding: 25px; font-size:14px;}
.contents-container.approval-page .contents-item {width: 60%; margin-bottom: 35px;}
.contents-container.approval-page .contents-item .semi-title-container p {color: #272727;font-weight: 500;font-size: 14px;}
.contents-container.approval-page .contents-item .custom-table-container table {border:0; border-top: 1px solid #ececec; margin:18px 0 6px; }
.contents-container.approval-page .contents-item .custom-table-container table th {background-color: #FAFAFC;font-weight: 500;font-size: 14px;color: #272727; text-align: center;}
.contents-container.approval-page .contents-item .custom-table-container table td {text-align: left; vertical-align: top;}
.contents-container.approval-page .contents-item .custom-table-container table td,
.contents-container.approval-page .contents-item .custom-table-container table th {padding: 10px 20px;border-bottom: 1px solid #ececec;}
.contents-container.approval-page .contents-item .custom-table-container span {color: #666666;font-weight: 500;font-size: 12px;}
.contents-container.approval-page .contents-item .custom-table-container {}
.contents-container.approval-page .contents-item .list-container {border-top: 0;}
.contents-container.approval-page .contents-item .list-container ul {list-style:disc; list-style-type:disc; padding-left: 10px;}
.contents-container.approval-page .contents-item .list-container ul li {color: #666666;font-weight: 400;font-size: 14px; }

/* �씤�궗 > �쑕媛�  */
.body-inner.hr-vacay-page {}
.body-inner.hr-vacay-page .page-title-container {padding-bottom: 39px;}
.body-inner.hr-vacay-page .page-title-container .date-period p {color: #333333;font-weight: 700;font-size: 24px;line-height: 33px; padding: 0 26px;}
.body-inner.hr-vacay-page .page-title-container .date-period button {background: #FFFFFF;border: 1px solid #BBBBBB;border-radius: 4px; width:32px; height: 32px;}
.body-inner.hr-vacay-page .page-body-container .custom-table-container .table-header {padding-bottom: 14px;}
.body-inner.hr-vacay-page .page-body-container .custom-table-container .table-header p {font-weight: 500;font-size: 16px;color: #272727;}
.body-inner.hr-vacay-page .page-body-container .custom-table-container table th {}

/* �궗�뾽愿�由� > OI �쁽�솴 > �긽�꽭蹂닿린 > 怨꾩빟�궡�슜蹂닿퀬�꽌 �옉�꽦 �뙘�뾽 */
.custom-table-container table.custom-contract tbody tr th {background: #FAFAFC;}

/* .custom-table-container table.custom-contract, */
.custom-table-container table.custom-contract tbody tr th,
.custom-table-container table.custom-contract tbody tr td {border-bottom: 1px solid #E7E7E7; }

.custom-table-container table.custom-contract tbody tr:last-child th,
.custom-table-container table.custom-contract tbody tr:last-child td {border-bottom: 0px;} 

.custom-table-container.border-right table.custom-contract tbody tr th,
.custom-table-container.border-right table.custom-contract tbody tr td {border-right: 1px solid #E7E7E7;}
.custom-table-container.border-right.ninth-no-border-right table.custom-contract tbody tr th:nth-child(9),
.custom-table-container.border-right.ninth-no-border-right table.custom-contract tbody tr td:nth-child(9) {border-right:none;}

.custom-table-container.border-right.eleventh-no-border-right table.custom-contract tbody tr th:nth-child(11) {border-right:none;}
.custom-table-container.border-right.eleventh-no-border-right table.custom-contract tbody tr td:nth-child(11) {border-right:none;}

.custom-table-container.border-right.fifth-no-border-right table.custom-contract tbody tr th:nth-child(3),
.custom-table-container.border-right.fifth-no-border-right table.custom-contract tbody tr td:nth-child(3) {border-right:none;}

.custom-table-container.border-right.sixth-no-border-right table.custom-contract tbody tr th:nth-child(6),
.custom-table-container.border-right.sixth-no-border-right table.custom-contract tbody tr td:nth-child(6) {border-right:none;}

/* .contract-report-page */
/* .contract-report-page .referrer-container {width: 100%;} */
.contract-report-page .referrer-container .text-area-container {width: 100%;}
.contract-report-page .referrer-container .text-area-container textarea {width: 100%; resize:none; border: 1px solid #E7E7E7; padding: 9px; min-height: 57px;}
.contract-report-page table.none-style {border:none; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd;}
.contract-report-page table.none-style th {text-align: center; height: 40px; background: #F2F2F2;}
.contract-report-page table.none-style td {text-align: left; padding: 0 17px;}




/* vacation-page-style */
.custom-table-container.vacation-page-style table {border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7; border-right: 0; border-bottom:0px;}
.custom-table-container.vacation-page-style table thead tr th {background-color: #F5F5F5; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; padding: 9px 0; font-weight: 500;}
.custom-table-container.vacation-page-style table tbody tr td {border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 9px 0;}
.custom-table-container.vacation-page-style .table-footer {padding: 16px 0 60px 0; line-height:23px;}
.custom-table-container.vacation-page-style .table-footer p {font-weight: 500; line-height:23px;}
.custom-table-container.vacation-page-style .table-footer span {line-height:23px;}

/* ck editor */
.ck.ck-editor {margin: 0; max-width: calc(100% - 2px); min-width: 940px;}
.ck-editor__editable {min-height:300px;}

/* technicalSupport/detailViewUI */
.body-inner>.top-board-info {margin-top:0;}
.top-board-info {margin-bottom: 20px; font-size: 18px; font-weight: 500; }
.detail-status-container .detail-detail-container {border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; padding: 17px 0 17px; margin-top: 10px;}
.detail-status-container .detail-status-item .detail-detail-container {margin-right: 20px; font-size: 14px;}
.etc-container {border-top: 1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding: 20px 0; color: #666666; font-size: 15px;}
.etc-container table {border:0;}
.etc-container table th {background-color: #ffffff;}
.etc-container table td {border-left: 1px solid #e7e7e7;}
.etc-container .upload-file-name-container {display: flex; justify-content:flex-start; flex-direction: column; padding-left: 10px;}
.etc-container .upload-file-name-container .upload-item {text-align: left;} 
.etc-container .upload-file-name-container .upload-item button {font-size: 15px; height: 22px; min-width: 100px; margin-bottom: 7px; width: auto;}


/* tab-login-style */
.login-tab-wrap {padding:60px; position: relative; background: #FFF; border-radius: 10px; transition: .5s; z-index: 10; display: flex; border-radius: 5px; overflow: hidden; 
background: url("/resources/images/logo/small-ball.png") no-repeat top right, url("/resources/images/logo/big-ball.png") no-repeat bottom left; background-color: #ffffff; transition: width .5s ease;}

.login-tab-wrap.active {width: 1320px;}

.join-btn {font-size: 12px; width:102px; height:30px;  background: url("/resources/images/icon/enter-arrow.png") no-repeat 100% 100%;}
.join-btn:hover {background: url(/resources/images/icon/enter-arrow.png) no-repeat 100% 100%;}

.login-content .process-name-container {box-sizing: content-box; padding-bottom: 32px;}
.process-name-container .orange-underbar {border-bottom: 3px solid #29A7E1; width: 38px; margin: 14px auto 0;}

.select-container {width: 100%; gap:1px; padding-bottom: 10px; }
.select-container .select-item {padding: 154px 0 50px; width: 133px; border: 0.5px solid #E7E7E7; height: 228px; text-align: center; color: #8B8FA8; cursor: pointer;}
.select-container .select-item.mobile {background: url('/resources/images/icon/auth-mobile.png') no-repeat 37px 69px;  background-color: #fff;}
.select-container .select-item.email {background: url('/resources/images/icon/auth-email.png') no-repeat 37px 69px;  background-color: #fff;}
.select-container .select-item.otp {background: url('/resources/images/icon/auth-otp.png') no-repeat 39px 69px;  background-color: #fff;}
.select-container .select-item.active,
.select-container .select-item:hover {border: 2px solid #29A7E1; color: #29A7E1; background-color: #fff;}
.select-container .select-item.mobile.active,
.select-container .select-item.mobile:hover {background: url('/resources/images/icon/auth-mobile-active.png') no-repeat 37px 69px; background-color: #fff;}
.select-container .select-item.email.active,
.select-container .select-item.email:hover {background: url('/resources/images/icon/auth-email-active.png') no-repeat 37px 69px; background-color: #fff;}
.select-container .select-item.otp.active, 
.select-container .select-item.otp:hover {background: url('/resources/images/icon/auth-otp-active.png') no-repeat 39px 69px; background-color: #fff;}

.help-login-container button {color: #222;font-size: 12px;font-weight: 400;}
.help-login-container button:nth-of-type(2) {position:relative; margin-left: 20px;}
.help-login-container button:nth-of-type(2):after {content: ''; position: absolute; top:3px; left: -10px; width:0px; height: 8px; border-right: 1px solid rgba(75, 50, 0, 0.9);}


/* tab-login > tab-join style  */
.join-process-container {position:relative; min-width: 304px; padding-right: 28px; border-right: 1px solid #ECECF0;}
.join-process-container .process-item {display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 120px;}
.join-process-container .process-item:last-of-type {margin-bottom: 0px;}
.join-process-container .process-item:after {content:''; position: absolute; top:10px; left:6.3px; width: 1px; height:300px; border-right: 2px solid #e0e0e7; z-index: -1;}

.join-process-container .process-item .process-stat {margin: 2px 6px 0 0; width:16px; height:16px; background: url('/resources/images/icon/process-stat-default.png') no-repeat center; background-color: #fff;}
.join-process-container .process-item .title p {color: #BBBBBB; font-size: 20px;}
.join-process-container .process-item .explain {color: #BBBBBB; font-size: 10px;}

.join-process-container .process-item.active .process-stat {background: url('/resources/images/icon/process-stat-active.png') no-repeat center;}
.join-process-container .process-item.active .title p {color: #29A7E1;}
.join-process-container .process-item.active .explain {color: #666666;}

.join-process-container .process-item.checked .process-stat {background: url('/resources/images/icon/process-stat-checked.png') no-repeat center;}
.join-process-container .process-item.checked .title p {color: #272727;}
.join-process-container .process-item.checked .explain {color: #666666;}

.join-process-container .input-box.login.auth input {width:400px;}


.join-tab-wrap {padding-left: 40px;}
.join-tab-wrap .twin-container {align-items: flex-start;}
.join-tab-wrap .twin-container.border-bottom {border-bottom: 2px solid #BBBBBB;}
.join-tab-wrap .button-container {padding-bottom: 4px;} 
.join-tab-wrap .text-container textarea {width:410px; height: 278px; resize: none; border: 1px solid #E7E7E7; padding: 10px; font-size: 12px;}
.join-tab-wrap .checkbox-container {font-size: 12px; line-height: 17px; justify-content: flex-end;}
.join-tab-wrap .checkbox-container input {margin-right: 10px;}
.join-tab-wrap .checkbox-container span {line-height: inherit;}
.join-tab-wrap .checkbox-container.basic-style span {line-height: 10px;}

.fat-arrow-btn {width:50px; height: 40px; border-radius:5px; background-color: #F5F5F7;}
.fat-arrow-btn.active {background-color: #29A7E1;}

.login-content.join-style span.red-word {font-size: 16px;}
.login-content.join-style .input-box.auth.join {gap:4px;}
.login-content.join-style .input-box.login > input {padding: 10px;height: 32px;border-radius: 3px;border: 1px solid var(--line-color); outline:none !important;}
.login-content.join-style .input-box.auth.join > input {font-size: 12px;}
.login-content.join-style .input-box.auth.join > input[type=button] {width:82px; padding: 0 7px; font-size: 12px;}
.login-content.join-style .input-box.auth.join > input:focus {border-color:var(--org-color);}
.login-content.join-style .input-box.auth.join.search > input {width: 217px;}
.login-content.join-style .input-box.auth.join.search > input[type=button] {width:32px; height: 32px; border-radius: 5px; border: 1px solid #C2CAD5; background: url("/resources/images/icon/search-1.svg") no-repeat center;}
.login-content .input-box.login.auth input {width:250px;}
.login-content .input-box.login.auth.half input {width:314px;}
#sendAuthResetPw, #sendAuthFindId, #sendMobileAuth, #sendEmailAuth {width: 128px;}

.inner.complete-join .header-container {color: #222222; font-size: 20px;}
.inner.complete-join .header-container .orange-underbar {width: 38px; border-bottom: 3px solid #29A7E1; margin: 20px auto 0;}
.inner.complete-join .body-container {color: #222; font-size: 14px; padding-top: 80px;}
.inner.complete-join .footer-container {color: #222222; font-size: 12px; background: rgba(254, 122, 78, 0.05); border-radius: 20px; border: 1px solid rgba(254, 122, 78, 0.05); padding: 6px 16px; margin: 0 auto 0; margin: 70px auto 30px; width: 328px;}

.title-wrap .estimate-container p {color: #272727;font-weight: 500;font-size: 18px;}

/* config > system manage page */
.system-manage-page .title-container p {font-size: 18px;color: #272727;font-weight: 500;}
.system-manage-page .custom-table-container {width: 800px;}
.system-manage-page .custom-table-container table {border:0; border-top: 1px solid #bdbdbd;}
.system-manage-page .custom-table-container table th {background: #F2F2F2;}
.system-manage-page .custom-table-container table td {padding: 10px 20px; vertical-align: top; border-bottom: 1px solid #f2f2f2;}
.system-manage-page .custom-table-container table td .toggle-input {margin:0; height: 32px;}
.system-manage-page .custom-table-container table td .input-checkbox-container {padding: 12px;}
.system-manage-page .custom-table-container table td .radio-container {padding: 12px;}
.system-manage-page .custom-table-container table td .list-container {text-align: left; border-top:0;}
.system-manage-page .custom-table-container table td .list-container ul li span {color: #777777;font-size: 12px; }
.system-manage-page .custom-table-container table td .list-container ul li span a {text-decoration: underline; color:#000;}
.system-manage-page .custom-table-container table td .input-container {padding: 12px;}
.system-manage-page .custom-table-container table td .input-container input {border: 1px solid #F2F2F2; width: 60px; height: 32px; padding: 6px 10px;}

.input-checkbox-btn .hidden{visibility:hidden; opacity:0; position:absolute;}
.input-checkbox-btn label {display:flex; width:auto; min-width:60px; height:32px; padding: 5px; color:var(--org-color); margin-left: -1px; border: 1px solid var(--org-color); font-size: 14px; background: #fff; border-radius: 2px;  cursor:pointer;  justify-content: center; align-items: center;} 
.input-checkbox-btn input[type=checkbox]+label {min-width: 60px;  width: auto; height: 32px;}   /* background: #29A7E1; border-radius: 2px; border: 1px solid #fff; cursor:pointer; color:#fff; */
.input-checkbox-btn input[type=checkbox]+label img {margin: 0 2px;}
.input-checkbox-btn input[type=checkbox]:checked+label img {filter:brightness(100);}
.input-checkbox-btn input[type=checkbox]:checked+label {background: #29A7E1; color:#fff;}
 
.input-checkbox-container.orange-white .input-checkbox-btn .hidden{visibility:hidden; opacity:0; position:absolute;}
.input-checkbox-container.orange-white .input-checkbox-btn label {display:flex; width:auto; min-width:60px; height:32px; padding: 5px; color:var(--org-color); margin-left: -1px; border: 1px solid var(--org-color); font-size: 14px; background: #fff; border-radius: 2px;  cursor:pointer;  justify-content: center; align-items: center;} 
.input-checkbox-container.orange-white .input-checkbox-btn input[type=checkbox]+label {min-width: 88px;  width: auto; height: 32px; background:#fff; border:1px solid #f5f5f5; color:#454545;}   /* background: #29A7E1; border-radius: 2px; border: 1px solid #fff; cursor:pointer; color:#fff; */
.input-checkbox-container.orange-white .input-checkbox-btn input[type=checkbox]+label img {margin: 0 2px;}
.input-checkbox-container.orange-white .input-checkbox-btn input[type=checkbox]:checked+label img {filter:brightness(100);}
.input-checkbox-container.orange-white .input-checkbox-btn input[type=checkbox]:checked+label {background: #29A7E1; color:#fff;} 

.input-checkbox-btn.shell-style label{border: 1px solid #29A7E1; color:#333333; font-size:13px; }
.input-checkbox-btn.shell-style input[type=checkbox]+label {position:relative; width:95px; padding: 0 20px 0 10px; background: url(/resources/images/icon/orange-top-arrow.svg) no-repeat right 8px center;}  /* right 30px center / 14px auto; */
.input-checkbox-btn.shell-style input[type=checkbox]:checked+label {background: #29A7E1; color:#fff;}
.input-checkbox-btn.shell-style input[type=checkbox]:checked+label:after{content: url(/resources/images/icon/white-down-arrow.svg); position: absolute; top:6px; right:8px;}

.input-checkbox-btn input[type=radio]:checked+label img {filter: brightness(100);}
.input-checkbox-btn.only-border-style input[type=radio]:checked+label{border: 1px solid #29A7E1; background-color: #29A7E1;color: white;}
.input-checkbox-btn.only-border-style.small-style input[type=radio]+label {width:62px; height:32px; padding: 0 10px; font-size: 14px;}
.input-checkbox-btn.only-border-style.small-style input[type=radio]:checked+label{border: 1px solid #29A7E1; background-color: #29A7E1;color: white;}
.input-checkbox-btn.shell-style input[type=radio]+label {width:100px; height:32px; padding: 0 10px; border:1px solid #29A7E1;  color:#29A7E1; font-size: 10px;}
.input-checkbox-btn.shell-style input[type=radio]:checked+label{border: 1px solid #29A7E1; background-color: #29A7E1;color: white; font-size: 10px;}
.input-checkbox-btn.shell-style.font-14px input[type=radio]+label {font-size: 14px;}
.input-checkbox-btn.shell-style.font-14px input[type=radio]:checked+label{font-size: 14px;}

.input-checkbox-btn.gray-style input[type=checkbox]+label {width:131px; font-size: 14px; background: #29A7E1; color:#fff;}
.input-checkbox-btn.gray-style input[type=checkbox]:checked+label {background: #F2F2F2; color: #272727;}

.input-radio-btn {display: flex; align-items: center; gap: 5px; }

/* hr > attendanceUI page */
.hr-vacay-page .briefing-container p {font-size: 14px;color: #272727;}
.hr-vacay-page .briefing-container span {position:relative; margin-right: 26px;}
.hr-vacay-page .briefing-container span:first-of-type {margin-right: 45px;}
.hr-vacay-page .briefing-container span:not(span:first-of-type,span:nth-of-type(3), span:last-of-type):after {position:absolute; content: ''; width:1px; height: 13px; border-left: 1px solid #B0B0B0; top:5px; left:55px;}
.hr-vacay-page .briefing-container span:nth-of-type(3):after {position:absolute; content: ''; width:1px; height: 13px; border-left: 1px solid #B0B0B0; top:5px; left:81px;}
.month-calendar-container {width: 100%; /*overflow: hidden;*/}

.table-title-container {font-weight: 500;font-size: 20px;}
.table-title-container * {font-weight: 500;}
.product-briefing-detail-table-container table tr th{background: #444444; color: #FFFFFF;font-size: 14px;font-weight: 500;}
.product-briefing-detail-table-container table tr td{border: 1px solid #F2F2F2;color: #272727;font-size: 14px;font-weight: 500;}

.page-title.resources-page {border-bottom: 1px solid #bbbbbb; padding-bottom: 10px;}
.page-title.resources-page p {font-weight: 700;font-size: 22px;line-height: 32px;color: #333333;}
.page-title.resources-page button.date-control-btn {width:32px; height:32px; display:flex; justify-content:center; align-items:center; border: 1px solid var(--line-color); border-radius: 4px;}

.chart-legend-container .item {display:flex; font-weight: 400; font-size: 14px; align-items: center; padding: 10px;}
.chart-legend-container .item .chart-color {width:14px; height: 14px; margin-right:12px;}
.chart-color.orange {background: #29A7E1;}
.chart-color.blue {background: #285780;}

/* morris-chart-style */
.legend-box {width:18px; height: 5px; padding-right:10px;}


.date-table-container {width: 100%;}
.date-table-container table {width: 100%; border:0;}
.date-table-container table th {height: 30px; background: #fff; border-top: 1px solid #bdbdbd;}
.date-table-container table tr td {height: 39px; border-left: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2;}
.date-table-container table tr:first-of-type td {border-top: 1px solid #bdbdbd;} 
.date-table-container table tr td:last-of-type {border-right: 1px solid #F2F2F2;}

table.edu-page-style {border-collapse: separate;  border-spacing: 0 10px; border:0; }
table.edu-page-style tbody tr th {background: none; vertical-align: top; position: relative;}
table.edu-page-style tbody tr th p {font-size: 16px; text-align: left; color:#285780; font-weight: 500; font-weight: bolder; margin-left: 10px;}
table.edu-page-style tbody tr th ul {list-style:none;}
table.edu-page-style tbody tr th ul li {font-size: 14px;}
table.edu-page-style tbody tr th ::before {position:absolute; display:flex; content:"\2022"; color: #285780; width:4px; height: 4px; top:0; left:-12px;}  
table.edu-page-style tbody tr td {font-size: 14px; text-align: left; margin-bottom: 20px; vertical-align: top;}
table.edu-page-style tbody tr td p {line-height: 1.3;}
table.edu-page-style tbody tr td li {line-height: 1.3;}
table.release-equipment-page-style tr td p {line-height: 1.3;}
.edu-explain p {line-height: 1.3;}


/*blockUI*/
.blockUI-wrap {position: relative;display: block;margin: 0 auto;width: 80px;height: 80px;border: none;}
.blockUI-wrap:before {content: ''; width: 22px; height: 22px; display: block; background: url(/resources/images/ax_progress_sq.png) no-repeat center center; background-size: contain;
    margin: 0 auto; top: 29px; left: 29px; position: absolute;}
.blockUI-wrap:after {content: 'LOADING...';display: block;color: #fff;font-size: 12px;letter-spacing: .5px;margin-top: 20px;width: 80px;transform: translate(0, -50%);}
.blockUI.blockMsg.blockPage{color:transparent !important; border: transparent !important; background-color: transparent !important;}
.blockUI-wrap img {width:100%;}
.blockUI {width: 90px; height: auto;}
.blockUI.blockOverlay {z-index: 2000 !important; }
.blockUI.blockMsg.blockPage {z-index: 2010 !important;}

.blockUI3-wrap {position: relative;display: block;margin: 0 auto;width: 80px;height: 80px;border: none; }
.blockUI3-wrap:before {content: ''; width: 22px; height: 22px; display: block; background: url(/resources/images/Loading_logo.svg) no-repeat center center; background-size: contain;
  margin: 0 auto; top: 29px; left: 29px; position: absolute;}
.blockUI3-wrap:after {content: 'LOADING...';display: block;color: #000000;font-size: 12px;letter-spacing: .5px;margin-top: 20px;width: 80px;transform: translate(0, -50%);}
.blockUI.blockMsg.blockPage{color:transparent !important; border: transparent !important; background-color: transparent !important;}
.blockUI3-wrap img {width:100%;}



/*blockUI*/
.blockUI2-wrap {position: relative;display: block;margin: 0 auto;width: 80px;height: 80px;border: none; color: white;}
.blockUI2-wrap:before {content: ''; width: 22px; height: 22px; display: block; background: url(/resources/images/ax_progress_sq.png) no-repeat center center; background-size: contain;
    margin: 0 auto; top: 29px; left: 29px; position: absolute;}
.blockUI2-wrap:after {display: block;color: #fff;font-size: 12px;letter-spacing: .5px;margin-top: 20px;width: 80px;transform: translate(0, -50%);}
.blockUI2.blockMsg.blockPage{color:transparent !important; border: transparent !important; background-color: transparent !important;}
.blockU2I-wrap img {width:100%;}
.blockUI2 {width: 80px; height: auto;}
.blockUI2.blockOverlay {z-index: 2000 !important; }
.blockUI2.blockMsg.blockPage {z-index: 2010 !important;}


/*stats*/
.stats-wrap .item-title {display: flex; margin-bottom: 10px; align-items: center;}
.stats-wrap .item-title span {font-size: 18px; font-weight: 500; margin-left: 10px;}
.stats-wrap .item-title .small-txt {font-size:14px;}
.stats-item {width: calc((100% - 37px) / 3); display: inline-block; margin-right: 15px; vertical-align: top; position: relative;}
.stats-item:last-child {margin-right: 0;}
.stats-item .states-box {border: 1px solid var(--line-color);border-radius: 5px;padding: 25px;height:330px;position: relative;}
.status-amount p{margin-bottom: 10px; font-weight: 500;}
.status-amount .amount {font-size: 36px; font-weight: 500;}
.status-amount .unit {font-size: 14px;}
.states-gauge {margin: 30px 0;  display: block;  height: 16px;}
.gauge-all {width: 100%; height: 100%; display: block; background: #18d4ff; border-radius: 10px;}
.gauge-achieve {display: block;background: linear-gradient(90deg, rgba(24,186,255,1) 0%, rgba(24,130,255,1) 23%);height: 100%;position:absolute; border-radius:10px; z-index: 1;}
.gauge-achieve:after {position: absolute; width: 0; height: 0; border-bottom: 8px solid transparent; border-top: 8px solid #1882ff; border-left: 8px solid transparent; border-right: 8px solid transparent; border-radius: 3px; content: ''; right: 0; top: -15px;}
.gauge-op {height: 100%; display: block; position: absolute; border-right: 3px solid #FF4C4C; z-index: 1;}
.gauge-op-all {height: 100%; display: block; position: absolute; border: 1px dotted #FF4C4C; background: #FFDBDB; border-radius:10px; z-index: -1;}
.gauge-goal {height: 100%; display: block; position: absolute; border-right: 3px solid #18d4ff; z-index: 1;}
.states-list.half {width: 150px; position: absolute; right: 25px; top: 50%; transform: translate(0, -50%);}
.states-list li {font-size: 14px; padding: 15px 0; border-bottom: 1px solid var(--line-color); display: flex; justify-content: space-between;}
.states-list li:first-child {padding-top:0;}
.states-list li:last-child {border-bottom:0; padding-bottom:0;}
.states-list li span {position: relative;}
.states-list li .list-tit {padding-left: 25px;}
.states-list li .list-tit:after {position: absolute; content: ''; width: 13px; height: 6px; background: #e6e6e6; left: 0; top: 4px;}
.states-list li:nth-child(1) .list-tit:after {background: #18d4ff;}
.states-list li:nth-child(2) .list-tit:after {background: #1882FF;}
.states-list li:nth-child(3) .list-tit:after {background: #FF4C4C;}
.states-box canvas {display: block; box-sizing: border-box; height: 230px; width: 400px; margin-top: 10px;}
.chart-label {position: absolute;top: 50%;left: 165px;text-align: center;transform: translate(-50%, -50%);width: 120px; z-index: -1;}
.chart-label .label-count {font-size: 36px; font-weight: 500; margin: 8px 0;}
.chart-label .label-txt {font-size: 14px;}
.wrap > main > aside.active + .main-inner .chart-label {left:165px;}
.wrap > main > aside.active + .main-inner .perfomance-list .perfomance-right .chart-label {right: 40px; left: auto;}
.bond-list li:nth-child(1) .list-tit:after {background: #e6e6e6;}
.bond-list li:nth-child(2) .list-tit:after {background: #29A7E1;}
.bond-list li:nth-child(3) .list-tit:after {background: #18aaff;}
.sales-list li:nth-child(1) .list-tit:after {background: #44c8d0;}
.sales-list li:nth-child(2) .list-tit:after {background: #e45f55;}
.sales-list li:nth-child(3) .list-tit:after {background: #ff906d;}
.sales-list li:nth-child(4) .list-tit:after {background: #f7b720;}
.sales-list li:nth-child(5) .list-tit:after {background: #52bf8a;}

.perfomance-list{border: 1px solid var(--line-color); border-radius: 5px; padding: 25px; height: 350px; position: relative; width: calc((100% - 19px) / 2);  margin-right: 15px; margin-bottom:15px; display: inline-block;}
.perfomance-list:nth-child(2n) {margin-right:0;}
.perfomance-list>p {font-weight: 500;}
.perfomance-list .perfomance-left {padding: 20px 10px; width: 49%; display: inline-block;}
.perfomance-list .perfomance-right {width: 49%;display: inline-block;position: relative;height: 240px;}
.perfomance-list .states-gauge {margin: 25px 0; height: 13px;}
.perfomance-list .gauge-achieve:after {border-width:7px;}
.perfomance-list .perfomance-right .chart-label {top:48%; left: auto; right: 12%;}
.perfomance-list canvas {position: absolute; top: 0; right: -10%;}


.rma-product-list{flex: 1 1 calc(33.333% - 20px); box-sizing: border-box;}
.rma-product-list .rma-card-info {display: flex; flex-direction: column;}
.rma-product-list .value-amount {font-size: 24px; font-weight: 400; margin-top:10px;}
.rma-product-list .contents-item {width: auto; display: flex; align-items: center; gap: 15px;}

.rma-product-list > .contents-item .icon-box {
  margin-top: 5%;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rma-product-list > .contents-item .icon-bot {
  flex-shrink: 0;
}
.rma-product-list > .contents-item .icon-box > img {
  width: 28px;
  height: 28px;
}
.chart-body > .states-box {
  border: 1px solid var(--line-color);border-radius: 5px;padding: 25px;height:330px;position: relative;
}
.chart-body > .states-box > .states-list li:nth-child(1) .list-tit:after {background: #ff6565;}
.chart-body > .states-box > .states-list li:nth-child(2) .list-tit:after {background: #fcf462;}
.chart-body > .states-box > .states-list li:nth-child(3) .list-tit:after {background: #8ec7f1;}
.chart-body > .states-box > .states-list li:nth-child(4) .list-tit:after {background: #b170d2;}
.chart-body > .states-box > .states-list li:nth-child(5) .list-tit:after {background: #8ef19e;}

.chart-body > .states-box > .states-list .error-list .half {
  width: 150px; position: absolute; right: 25px; top: 50%; transform: translate(0, -50%);
}

.half-wrap {display: flex; justify-content: space-between; gap: 30px;}
.half-wrap .stats-wrap {width: 50%;}

@media (max-width: 1700px) {
	.states-box canvas {margin-left: -30px;}
	.chart-label {left:31%;}
	.states-list.half {width: 110px;}
	.states-list li span {font-size: 12px;}
	.perfomance-list canvas {right: -25%;}
	.perfomance-list .perfomance-right .chart-label  {right: 2%;}
	.wrap > main > aside.active + .main-inner .chart-label {left: 135px;}
	.wrap > main > aside.active + .main-inner .perfomance-list .perfomance-right .chart-label {right: 0;}
}

@media (max-width: 1400px) {
	.states-box canvas {margin: 10px auto;}
	.chart-label {left: 50%; top: 48%;}
	.states-list.half {display: none;}
	.perfomance-list canvas {right: -35%;}
	.perfomance-list .perfomance-right .chart-label {right: 0;}
	.wrap > main > aside.active + .main-inner .chart-label {left: 50%;}
	.wrap > main > aside.active + .main-inner .perfomance-list .perfomance-right .chart-label {right: -20px;}
}



/*engineer*/
.engineer-wrap {display: flex;width: 100%;gap: 10px;flex-wrap: wrap;}
.engineer-item {display: flex;flex-direction: row;align-items: center;justify-content: space-around;width: calc((100% - 10px) / 2);height: 82px;background: #f6f6f6;border-radius: 5px;padding: 15px 30px;gap: 20px;}
.engineer-picture {display: flex;width: 48px;height: 48px;background: #aaa;border-radius: 50px; overflow: hidden;}
.engineer-picture img {width:100%; height:100%;}
.engineer-profile {flex-direction: column; display: flex}
.engineer-profile .name {font-weight: 500; margin: 5px 0;}
.engineer-profile .duty {font-size: 14px; color: #666; margin: 5px 0;}
.engineer-status-wrap {width: 50%; display: flex;flex-direction: column;gap: 8px;margin: 0 15px;}
.engineer-status {display: flex;height: 14px;border-radius: 10px;background: #ddd;overflow: hidden;flex-direction: row;}
.engineer-status .internal {background: #18AAFF; height: 14px; display: flex;}
.engineer-status .external {background: #29A7E1;}
.engineer-status-txt {display: flex; justify-content: space-between;}
.engineer-status-txt .internal-txt {color: #18AAFF; font-size: 14px; font-weight: 500;}
.engineer-status-txt .external-txt {color: #29A7E1; font-size: 14px; font-weight: 500;}

@media (max-width: 1700px) {
	.engineer-picture {width: 38px; height: 38px;}
	.engineer-item {padding:20px; gap: 10px;}
	.engineer-profile .name {font-size: 14px;}
	.engineer-status-wrap {margin:0 5px;}
}


/*engineer main*/
.dashboard .status-amount .amount {font-size: 30px;}
.dashboard .states-gauge {height: 13px;}
.dashboard .engineer-item {padding: 15px;height: 75px; gap:5px;}
.dashboard .engineer-status {width: 100%;height: 12px;}
.dashboard .engineer-profile .name {font-size: 14px;}
.dashboard .stats {gap: 40px;}
.dashboard .stats-item {width:33%; margin:0;}
.dashboard .stats-item .states-box {width: 100%; border:none; padding: 30px 10px;}
.dashboard .states-box canvas {margin-top: 25px; position: relative; z-index: 10;}
.dashboard .states-list.half {width: 115px; right: 10px;}
.dashboard .states-box:after {position: absolute; content: ''; background: var(--line-color); width: 1px; height: calc(100% + 20px); top: -20px; right:-20px;}
.dashboard .stats-item:last-child .states-box:after {display:none;}
.dashboard .chart-label {left: 110px; z-index: 1;}
.dashboard .chart-label .label-tit {font-size:14px;}
.dashboard .chart-label .label-count {margin: 8px 0; font-size: 30px;}
.wrap > main > aside.active + .main-inner .dashboard .chart-label {left: 24%;}

@media (max-width: 1800px) {
	.dashboard .states-list.half {display:none;}
	.dashboard .states-box canvas{margin: 25px auto;}
	.dashboard .chart-label {left: 50%;}
	.wrap > main > aside.active + .main-inner .dashboard .chart-label {left: 50%;}
}

@media (max-width: 1700px) {
	.dashboard .engineer-item {width: 100%;}
	.dashboard .engineer-status {width: 100%;}
}

@media (max-width: 1400px) {
	.dashboard .status-amount .amount {font-size: 30px;}
	.dashboard .chart-label {left: 50%;}
	.dashboard .chart-label .label-count {font-size: 30px;}
	.wrap > main > aside.active + .main-inner .dashboard .chart-label {left: 50%;}
}

@media (max-width: 1610px) {
	.link-wrap {flex-wrap:wrap;}
}


/* 사업관리 > O/I 현황 > 하위 페이지 O/I 승인 협의 테이블 */
table.oi-approval-table {background: none; border:none; }
table.oi-approval-table thead tr th {background: none; color: #000000; font-weight: 500; border-bottom: 1px solid #e6e6e6;}
table.oi-approval-table tbody tr th {background: none; color:#165BAA; font-weight: 500; border-bottom: 1px solid #e6e6e6;}
table.oi-approval-table tbody tr td {color:#444444; border-bottom: 1px solid #e6e6e6; padding: 18px 0px;} 


/* 사업관리 > 계약내용보고서 */


.contract-status > table {border:none;}
.contract-status > table th {background: none; }
.contract-status > table th > span {font-weight: 500; font-size: 14px; line-height: 20px;}
.contract-status > table th,
.contract-status > table td {padding: 0px 12px; color: #081131; font-weight: 500; font-size: 16px; line-height: 23px;}
.contract-status > table td:last-child {padding: 0 0 0 12px; }



.temp-title-wrap {padding: 20px 20px 0;}
.temp-title-wrap .top-board-info {margin-bottom: 0;}


/* 전자결재 결재자 프로세스 테이블 */

.approval-process-table-container {width: 100%;}
.approval-process-table {border:0; border-collapse: separate; border-spacing: 13px 0; max-width: 13%;} /* width: 33%; */
.approval-process-table:not(:nth-child(1)) {margin-top: 20px;  width: 20%;}
.approval-process-table .btn-wrap .search-loading-btn:nth-of-type(2) {margin-top: 3px;}
.approval-process-table tbody tr td {padding: 8px 0;}
/* .approval-process-table tbody tr td:not(:nth-child(1)) {vertical-align: baseline; border:1px solid #f2f2f2; border-top:10px solid #f2f2f2;} */
.approval-process-table tbody tr td:not(.type){vertical-align: baseline; border:1px solid #f2f2f2; border-top:10px solid #f2f2f2; width: 100px; text-align: -webkit-center;}


.approval-process-table tbody tr td p {font-size: 12px; color:#2C2C2C; width: 100px;}
.approval-process-table tbody tr td .approval-info-container {gap:0; justify-content: center;}
.approval-process-table tbody tr td .approval-info-container .item-container {margin-top: 0; gap:0;}
.approval-process-table tbody tr td .bg-box {width: 120px; min-height: 90px; display: flex; justify-content: center;} 
.approval-process-table tbody tr .blank-td {width: 120px; border: 0 !important;}