@charset "UTF-8";
/*-------------------
        Sizes
--------------------*/
/*-------------------
        Text
--------------------*/
/*-------------------
        Colors
--------------------*/
/*-------------------
    폰트 깨짐 방지
--------------------*/
/*-------------------
    엘리먼트 스크롤 바
--------------------*/
/*-------------------
      테스트 스위치
--------------------*/
/*-------------------
      아이콘 버튼
--------------------*/
/*-------------------
      넘버 태그
--------------------*/
/*-------------------
    리셋 버튼
--------------------*/
/*-------------------
	   수정 버튼
--------------------*/
/*-------------------
    파일, 동영상 첨부
--------------------*/
/*--------------------------------
           B U T T O N
--------------------------------*/
.ui.button.basic {
  box-shadow: 0px 0px 0px 1px #DDDDDD inset;
  color: #999999 !important;
}

/*--------------------------------
        D A T E P I C K E R
--------------------------------*/
.datepicker-range {
  display: flex;
}
.datepicker-range .ui.input.icon {
  width: 130px !important;
}
.datepicker-range span {
  margin: 0 6px;
  line-height: 34px;
}

.flatpickr-calendar.inline {
  width: 100%;
  margin: 0 0 40px 0;
  box-shadow: none;
}
.flatpickr-calendar.inline .flatpickr-months {
  justify-content: center;
  align-items: cneter;
  margin: 0 0 20px 0;
}
.flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 5px;
}
.flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month svg {
  fill: #BBBBBB;
}
.flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #999999;
}
.flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month {
  left: auto;
}
.flatpickr-calendar.inline .flatpickr-months .flatpickr-month {
  display: flex;
  align-items: center;
  margin: 0 10px;
  flex: 0 0 auto;
  height: auto;
}
.flatpickr-calendar.inline .flatpickr-months .flatpickr-month .flatpickr-monthDropdown-months {
  font-family: "Nanum Square", sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none !important;
  padding-right: 0 !important;
}
.flatpickr-calendar.inline .flatpickr-months .flatpickr-month .flatpickr-monthDropdown-months:hover {
  background-color: transparent;
  color: #074580;
}
.flatpickr-calendar.inline .flatpickr-months .flatpickr-month .flatpickr-current-month {
  position: relative;
  display: flex;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  left: auto;
}
.flatpickr-calendar.inline .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper {
  display: flex;
  align-items: cneter;
  width: auto;
  order: -1;
}
.flatpickr-calendar.inline .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper input {
  width: 46px;
  -webkit-transform: skew(0.04deg);
  transform: skew(0.04deg);
  font-family: "Nanum Square", sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
}
.flatpickr-calendar.inline .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper::after {
  display: block;
  content: "년";
  font-family: "Nanum Square", sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 26px;
  padding-right: 20px;
}
.flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month {
  right: auto;
}
.flatpickr-calendar.inline .flatpickr-innerContainer {
  width: 100%;
  overflow: visible;
}
.flatpickr-calendar.inline .flatpickr-innerContainer .flatpickr-rContainer {
  width: 100%;
}
.flatpickr-calendar.inline .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-weekdays {
  display: none;
}
.flatpickr-calendar.inline .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days {
  width: 100%;
  overflow: visible;
}
.flatpickr-calendar.inline .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer {
  width: 100%;
  max-width: none;
  justify-content: center;
  flex-wrap: nowrap;
}
.flatpickr-calendar.inline .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
  flex: 0 0 auto;
  margin: 0 2px;
  padding: 10px 2px 6px;
  width: auto;
  height: auto;
  max-height: none;
  font-size: 14px;
  border-radius: 30px;
  background-color: #F7F7F7;
  line-height: 1;
}
.flatpickr-calendar.inline .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day .date-circle {
  width: 28px;
  height: 18px;
  border-radius: 50%;
  color: #888888;
  line-height: 1;
  font-family: "Nanum Square", sans-serif;
  font-weight: bold;
}
.flatpickr-calendar.inline .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day .day-label {
  display: inline-block;
  margin-top: 0px;
  font-size: 12px;
  color: #999999;
}
.flatpickr-calendar.inline .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.prevMonthDay, .flatpickr-calendar.inline .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.nextMonthDay {
  display: none;
}
.flatpickr-calendar.inline .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.selected {
  background-color: #FFF6E7;
  border-color: #D89A5D;
}
.flatpickr-calendar.inline .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.selected .date-circle {
  color: #D89A5D;
}
.flatpickr-calendar.inline .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.selected .day-label {
  color: #D89A5D;
}
.flatpickr-calendar.inline .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.marked {
  background-color: #FFF6E7;
}
.flatpickr-calendar.inline .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.today.selected {
  border-color: #D89A5D;
}
.flatpickr-calendar.inline .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
  background-color: #EEEEEE !important;
  border-color: #EEEEEE !important;
}

/*--------------------------------
        D R O P D O W N
--------------------------------*/
/* 미선택 시 텍스트 색상을 일반 텍스트와 동일하게 */
.reason-cate-dropdown.ui.dropdown > .default.text,
.locType.ui.dropdown > .default.text,
.injury-cate-dropdown.ui.dropdown > .default.text,
.positionType.ui.dropdown > .default.text,
.projectTeam-wrap .ui.dropdown > .default.text,
.player-status-dropdown.ui.dropdown > .default.text,
.injury-year-dropdown.ui.dropdown > .default.text,
.top-control .ui.dropdown > .default.text {
  color: rgba(0, 0, 0, 0.87);
}

.dropdown-checkbox {
  position: relative;
  display: inline-block;
  min-width: 120px;
  width: 100%;
  padding: 10px 30px 10px 10px;
  border: 1px solid #EEEEEE;
  background-color: #FFFFFF;
}
.dropdown-checkbox.active {
  border-color: #074580;
}
.dropdown-checkbox.active > .dropdown.icon {
  color: #074580;
}
.dropdown-checkbox .text {
  line-height: 1;
  cursor: pointer;
}
.dropdown-checkbox > .dropdown.icon {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  right: 0;
  margin: 0;
  padding: 12px 11px;
  cursor: pointer;
  font-family: "Icons";
  color: #CCCCCC;
  font-size: 10px;
  line-height: 1;
}
.dropdown-checkbox > .dropdown.icon:before {
  content: "\f078";
}
.dropdown-checkbox .menu {
  position: absolute;
  top: 100%;
  left: -1px;
  border: 1px solid #074580;
  background-color: #FFFFFF;
  z-index: 11;
}
.dropdown-checkbox .menu {
  display: none;
  width: 430px;
  padding: 5px 10px;
}
.dropdown-checkbox .menu .item {
  width: 100px;
  padding: 8px 0;
  float: left;
}
.dropdown-checkbox .menu .item .ui.checkbox {
  display: block;
}

.dropdown-count {
  position: relative;
  display: inline-block;
  min-width: 120px;
  width: 100%;
  padding: 10px 30px 10px 10px;
  border: 1px solid #EEEEEE;
  background-color: #FFFFFF;
}
.dropdown-count.active {
  border-color: #074580;
}
.dropdown-count.active > .dropdown.icon {
  color: #074580;
}
.dropdown-count .text {
  line-height: 1;
  cursor: pointer;
}
.dropdown-count > .dropdown.icon {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  right: 0;
  margin: 0;
  padding: 12px 11px;
  cursor: pointer;
  font-family: "Icons";
  color: #CCCCCC;
  font-size: 10px;
  line-height: 1;
}
.dropdown-count > .dropdown.icon:before {
  content: "\f078";
}
.dropdown-count .menu {
  position: absolute;
  top: 100%;
  left: -1px;
  border: 1px solid #074580;
  background-color: #FFFFFF;
  z-index: 11;
}
.dropdown-count .menu {
  min-width: calc(100% + 2px);
  width: 180px;
  padding: 10px;
}
.dropdown-count .menu .ui.search {
  margin: 0 0 10px 0;
}
.dropdown-count .menu .ui.search input {
  min-width: 10px;
  width: 100% !important;
}
.dropdown-count .menu .ui.search input:focus {
  border-color: #EEEEEE;
}
.dropdown-count .menu .ui.search .search.icon {
  color: #CCCCCC;
}
.dropdown-count .menu .content.scrolling {
  max-height: 200px;
  overflow-y: auto;
}
.dropdown-count .menu .content.scrolling::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.dropdown-count .menu .content.scrolling::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.dropdown-count .menu .content.scrolling::-webkit-scrollbar-thumb {
  background: #D9D9D9;
}
.dropdown-count .menu .content.scrolling::-webkit-scrollbar-thumb:hover {
  background: #D8D9E1;
}
.dropdown-count .menu .content .header {
  margin: 0 0 4px 0;
  color: #999999;
  font-size: 12px;
  font-weight: bold;
}
.dropdown-count .menu .content .item {
  padding: 4px 0;
}
.dropdown-count .menu .content .item + .header {
  margin-top: 10px;
}

.ui.input.file {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ui.input.file label {
  margin: 0;
  cursor: pointer;
}
.ui.input.file input[type=file] {
  display: none;
}
.ui.input.file .file-name {
  flex: 1;
  min-width: 200px;
  width: auto;
  border: 1px solid #EEEEEE;
  padding: 7px 12px;
  color: #444444;
  background: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui.search.search-player {
  background-color: red;
}
.ui.search.search-player .results {
  max-width: 235px;
  margin-top: -1px;
  border: 1px solid #074580;
  box-shadow: none;
}
.ui.search.search-player .results .result {
  padding: 8px 12px;
}
.ui.search.search-player .results .result .content {
  display: flex;
  align-items: center;
}
.ui.search.search-player .results .result .ui.avatar.image {
  float: none;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 50%;
}
.ui.search.search-player .results .result .title {
  flex: 1 0 auto;
  font-size: 13px;
  line-height: 1;
}
.ui.search.search-player .results .result .description {
  font-size: 13px;
  line-height: 1;
}
.ui.search.search-player .results .result .description .number {
  display: inline-block;
  margin: 0 8px 0 0;
}
.ui.search.search-player .results .empty {
  padding: 12px;
  text-align: center;
  color: #BBBBBB;
}

/*--------------------------------
           F O R M
--------------------------------*/
.ui.form > .form-group > .field > .fields.wrap,
.ui.form > .field > .fields.wrap {
  flex-wrap: wrap;
}
.ui.form > .form-group > .field > .fields.wrap .field .ui.checkbox,
.ui.form > .field > .fields.wrap .field .ui.checkbox {
  margin: 5px 0 10px 0;
}

/*--------------------------------
        L O A D I N G
--------------------------------*/
.ui.segment.loading-container {
  flex-direction: column;
  padding: 80px 0;
}
.ui.segment.loading-container .load-image {
  display: block;
  width: 60px;
  height: 60px;
  border: 3px solid #EEEEEE;
  border-radius: 50%;
  border-top-color: #D89A5D;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
.ui.segment.loading-container p {
  margin: 20px;
  color: #999999;
  text-align: center;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

/* 차트 영역 로딩 오버레이 (fixed로 화면 전체 표시) */
#chartContainer {
  min-height: 280px;
}
.chart-loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.85);
  z-index: 9999;
}
.chart-loading-overlay.active {
  display: flex;
}
.chart-loading-spinner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.chart-loading-spinner .load-image {
  display: block;
  width: 48px;
  height: 48px;
  border: 3px solid #EEEEEE;
  border-radius: 50%;
  border-top-color: #D89A5D;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
.chart-loading-spinner p {
  margin: 12px 0 0;
  color: #666;
  font-size: 14px;
}

/*--------------------------------
           M O D A L
--------------------------------*/
.ui.modal .close.icon {
  top: 16px;
}
.ui.modal .content .ui.form {
  border-top: 1px solid #333333;
}
.ui.modal .content .ui.form > .field {
  margin-bottom: 20px;
}
.ui.modal .content .ui.form > .field > .fields .field .rs-container {
  margin: 0 10px;
}
.ui.modal.big {
  width: 1200px;
}

/*------------------------------------------
	  M O D A L - F I L E  U P L O A D
------------------------------------------*/
.ui.modal.modal-upload > .content {
  display: flex;
  flex-direction: column;
  height: 400px;
}
.ui.modal.modal-upload > .content .ui.form {
  flex: 1 0 auto;
}
.ui.modal.modal-upload > .content .ui.form.upload .field {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
}
.ui.modal.modal-upload > .content .ui.form.upload .field p {
  padding: 25px 0 0 0;
  color: #BBBBBB;
  font-size: 11px;
  background: url("../image/admin/icon-upload.png") no-repeat;
  background-size: 30px;
  background-position: top center;
}
.ui.modal.modal-upload > .content .ui.form.upload .field .inline-file-input {
  display: none;
}
.ui.modal.modal-upload > .content .ui.form.upload .field .inline-file-label {
  color: #074580;
  text-decoration: underline;
  cursor: pointer;
}
.ui.modal.modal-upload > .content .ui.form.upload.active {
  background-color: #F4FAFE;
}
.ui.modal.modal-upload > .content .ui.items.list-file {
  margin: 0;
  padding: 0 20px 15px 20px;
  background-color: #F7F8F9;
  overflow-y: auto;
}
.ui.modal.modal-upload > .content .ui.items.list-file::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.ui.modal.modal-upload > .content .ui.items.list-file::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.ui.modal.modal-upload > .content .ui.items.list-file::-webkit-scrollbar-thumb {
  background: #D9D9D9;
}
.ui.modal.modal-upload > .content .ui.items.list-file::-webkit-scrollbar-thumb:hover {
  background: #D8D9E1;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item {
  margin: 0 0 5px 0;
  padding: 15px;
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .content {
  padding: 0 0 0 33px;
  background-repeat: no-repeat;
  background-size: 23px;
  background-position: center left;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .content .header {
  color: #444444;
  font-size: 13px;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .content .description {
  display: flex;
  align-items: center;
  margin: 2px 10px 0 0;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .content .description .file-progress {
  position: relative;
  flex: 1 0 auto;
  padding-right: 40px;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .content .description .file-progress .ui.tiny.progress {
  position: static;
  margin: 0;
  border-radius: 5px;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .content .description .file-progress .ui.tiny.progress .bar {
  position: static;
  height: 5px;
  background-color: #D89A5D !important;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .content .description .file-progress .ui.tiny.progress .bar .progress {
  right: 0;
  color: #D89A5D;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .content .description .file-progress .ui.tiny.progress .bar .progress.success {
  color: #444444;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .content .description .file-progress .ui.tiny.progress .bar .progress.failure {
  color: #F54F64;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .content .description .file-size {
  width: 100px;
  margin-left: 10px;
  color: #999999;
  font-size: 11px;
  line-height: 1;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .control .ui.icon.button {
  background-color: transparent;
  font-size: 11px;
  text-align: center;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .control .ui.icon.button .icon {
  display: block;
  height: auto;
  margin: 0 auto 4px !important;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .control .ui.icon.button.button-cancel {
  color: #D89A5D;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .control .ui.icon.button.button-cancel .icon {
  fill: #D89A5D;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .control .ui.icon.button.button-cancel:hover {
  color: #CC9258;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .control .ui.icon.button.button-cancel:hover .icon {
  fill: #CC9258;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .control .ui.icon.button.button-delete {
  color: #BBBBBB;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .control .ui.icon.button.button-delete .icon {
  fill: #CCCCCC;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .control .ui.icon.button.button-delete:hover {
  color: #BBBBBB;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item .control .ui.icon.button.button-delete:hover .icon {
  fill: #BBBBBB;
}
.ui.modal.modal-upload > .content .ui.items.list-file .item.mp4 .content {
  background-image: url("../image/common/icon-mp4.png");
}
.ui.modal.modal-upload > .content .ui.items.list-file .item.jpg .content {
  background-image: url("../image/common/icon-jpg.png");
}
.ui.modal.modal-upload > .content .ui.items.list-file .item.pdf .content {
  background-image: url("../image/common/icon-pdf.png");
}
.ui.modal.modal-upload > .content .ui.items.list-file .item.zip .content {
  background-image: url("../image/common/icon-zip.png");
}
.ui.modal.modal-upload > .content .ui.items.list-file .item.etc .content {
  background-image: url("../image/common/icon-etc.png");
}

/*--------------------------------
        P A G I N A T I O N
--------------------------------*/
.ui.pagination.menu {
  width: 100%;
  min-height: auto;
  margin: 15px 0;
  justify-content: center;
  border: none;
  box-shadow: none;
}
.ui.pagination.menu .item {
  position: relative;
  min-width: auto;
  margin: 0 2px;
  padding: 5px 8px;
  color: #666666;
  font-size: 13px;
}
.ui.pagination.menu .item:before {
  display: none;
}
.ui.pagination.menu .item.icon {
  margin: 0;
  padding: 5px;
}
.ui.pagination.menu .item.icon .icon {
  fill: #CCCCCC;
}
.ui.pagination.menu .item.icon:first-child + .icon {
  margin: 0 20px 0 0;
}
.ui.pagination.menu .item + .icon {
  margin: 0 0 0 20px;
}
.ui.pagination.menu .item + .icon:last-child {
  margin: 0;
}
.ui.pagination.menu .item.active {
  padding-top: 3px;
  background-color: transparent;
  color: #074580;
  font-weight: 600;
}
.ui.pagination.menu .item.active:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  width: 60%;
  height: 2px;
  margin-left: -30%;
  background-color: #074580;
  content: "";
}

/*--------------------------------
    R A N G E    S L I D E R
--------------------------------*/
.range-slider {
  display: none;
}
.range-slider + .rs-container {
  height: 30px;
  font-family: "Noto Sans KR", sans-serif;
}
.range-slider + .rs-container .rs-bg {
  height: 2px;
  background-color: #DDDDDD;
  border: none;
}
.range-slider + .rs-container .rs-selected {
  height: 2px;
  background-color: #D89A5D;
  border: none;
}
.range-slider + .rs-container .rs-scale {
  display: flex;
  flex-wrap: nowrap;
}
.range-slider + .rs-container .rs-scale span:before {
  display: none;
}
.range-slider + .rs-container .rs-scale span ins {
  margin-top: 10px;
  color: #999999;
  font-size: 11px;
  line-height: 18px;
}
.range-slider + .rs-container .rs-pointer {
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}
.range-slider + .rs-container .rs-pointer:before, .range-slider + .rs-container .rs-pointer:after {
  display: none;
}
.range-slider + .rs-container .rs-pointer:active {
  background: #FFF6E7;
}
.range-slider + .rs-container .rs-pointer .rs-tooltip {
  transform: translate(-50%, 14px);
  left: 5.5px;
  min-width: auto;
  height: auto;
  padding: 0;
  background-color: transparent;
  border: none;
  color: #D89A5D;
  font-size: 11px;
}

/*--------------------------------
          S W I T C H
--------------------------------*/
.switch {
  display: inline-block;
  margin: 0 5px 0 0;
}
.switch > span {
  margin: 0 3px 0 0;
  line-height: 24px;
  vertical-align: middle;
}

.ui.toggle.checkbox.text {
  width: 64px;
  height: 24px;
  vertical-align: middle;
  /* Input */
  /* Label */
  /* Switch */
  /* Handle */
  /* Active */
}
.ui.toggle.checkbox.text input {
  width: 64px;
  height: 24px;
}
.ui.toggle.checkbox.text label {
  height: 24px;
  padding: 0;
  color: #FFFFFF;
  padding-top: 0;
}
.ui.toggle.checkbox.text label:before {
  content: "미게시";
  padding: 0 0 0 25px;
  width: 64px;
  height: 24px;
  font-size: 11px;
  line-height: 24px;
  text-align: left;
  color: #FFFFFF;
}
.ui.toggle.checkbox.text label:after {
  width: 18px;
  height: 18px;
  top: 3px;
  -webkit-transition: background 0.5s ease, left 0.5s ease;
  transition: background 0.5s ease, left 0.5s ease;
}
.ui.toggle.checkbox.text input ~ label:after {
  left: 3px;
}
.ui.toggle.checkbox.text input:checked ~ label:before {
  padding: 0 0 0 15px;
  color: #FFFFFF;
  content: "게시";
}
.ui.toggle.checkbox.text input:checked ~ label:after {
  left: calc(64px - 18px-3px);
}

/*--------------------------------
           T A B L E
--------------------------------*/
.ui.table {
  border-top-color: #444444;
  border-right: none !important;
  border-left: none !important;
}
.ui.table thead tr th {
  padding: 9px 12px;
}
.ui.table tbody tr td {
  padding: 10px 12px 11px;
}
.ui.table tbody tr td .ui.button.button-check {
  padding: 0;
  background-color: transparent;
}
.ui.table tbody tr td .ui.button.button-check .icon {
  opacity: 0.3;
  height: auto;
}
.ui.table tbody tr td .ui.button.button-delete {
  padding: 0;
  background-color: transparent;
}
.ui.table tbody tr td .ui.button.button-delete .icon {
  opacity: 0.3;
  height: auto;
}
.ui.table tbody tr td .ui.button.button-file {
  padding: 0;
  background-color: transparent;
}
.ui.table tbody tr td .ui.button.button-file .icon {
  opacity: 0.3;
  height: auto;
}
.ui.table tbody tr td .ui.button.button-detail {
  padding: 4px;
  background-color: transparent;
  color: #444444;
}
.ui.table tbody tr td .ui.button.button-detail .icon {
  opacity: 0.3;
  height: auto;
}
.ui.table tbody tr th {
  background: #F7F8F9;
  border-top: 1px solid #EEEEEE;
  font-weight: normal;
}
.ui.table tbody tr:first-child th {
  border-top: none;
}
.ui.table.basic {
  border-top-color: #444444;
  border-bottom-color: #F2F2F2;
}
.ui.table.basic thead tr th {
  border-bottom-color: #F2F2F2;
}
.ui.table.basic tbody tr td {
  border-top-color: #F2F2F2;
  border-left-color: #F2F2F2;
  vertical-align: top;
}
.ui.table.basic.form {
  padding: 0;
}
.ui.table.basic.form thead tr th {
  height: 50px;
  padding: 15px 5px;
  color: #999999;
  font-size: 13px;
}
.ui.table.basic.form thead tr th.header {
  color: #444444;
  font-family: "Nanum Square", sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.ui.table.basic.form tbody tr td {
  height: 50px;
  padding: 5px;
  vertical-align: middle;
}
.ui.table.form:not(.basic) {
  padding: 0;
  border-bottom: none;
}
.ui.table.form:not(.basic) tbody tr th {
  padding: 0 12px;
  font-weight: normal;
  border: none;
  border-bottom: 1px solid #EEEEEE;
}
.ui.table.form:not(.basic) tbody tr td {
  padding: 0;
  height: 40px;
  border-top: none;
}
.ui.table.form:not(.basic) tbody tr td.disabled {
  background-color: #F7F8F9;
  border-bottom: 1px solid #EEEEEE;
}
.ui.table.form:not(.basic) tbody tr td.text {
  padding: 0 12px;
  border-bottom: 1px solid #EEEEEE;
}
.ui.table.form:not(.basic) tbody tr td > * {
  width: 100%;
  height: 100%;
  border: none;
  border-bottom: 1px solid #EEEEEE;
  -webkit-transition: border-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out;
}
.ui.table.form:not(.basic) tbody tr td > .ui.input {
  border: none;
}
.ui.table.form:not(.basic) tbody tr td > .ui.input input {
  border: none;
  border-bottom: 1px solid #EEEEEE;
  -webkit-transition: border-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out;
}
.ui.table.form:not(.basic) tbody tr td > .ui.input input,
.ui.table.form:not(.basic) tbody tr td > input {
  padding: 10px;
}
.ui.table.form:not(.basic) tbody tr td > .ui.input input:focus,
.ui.table.form:not(.basic) tbody tr td > input:focus {
  background-color: #FAFAFA;
  border-bottom-color: #074580;
}
.ui.table.form:not(.basic) tbody tr td > textarea {
  resize: none;
}
.ui.table.form:not(.basic) tbody tr td > textarea:focus {
  background-color: #FAFAFA;
  border-bottom-color: #074580;
}
.ui.table.form:not(.basic) tbody tr td > .ui.dropdown {
  min-width: 80px;
  padding: 13px 28px 13px 10px;
}
.ui.table.form:not(.basic) tbody tr td > .ui.dropdown .dropdown.icon {
  top: 10px;
}
.ui.table.form:not(.basic) tbody tr td > .ui.dropdown .menu {
  top: calc(100% + 1px);
}
.ui.table.form:not(.basic) tbody tr td > .ui.dropdown .menu::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.ui.table.form:not(.basic) tbody tr td > .ui.dropdown .menu::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.ui.table.form:not(.basic) tbody tr td > .ui.dropdown .menu::-webkit-scrollbar-thumb {
  background: #D9D9D9;
}
.ui.table.form:not(.basic) tbody tr td > .ui.dropdown .menu::-webkit-scrollbar-thumb:hover {
  background: #D8D9E1;
}
.ui.table.form:not(.basic) tbody tr td > .ui.dropdown.upward .menu {
  top: auto;
}
.ui.table.form:not(.basic) tbody tr td > .ui.dropdown.active {
  background-color: #FAFAFA;
  border-bottom-color: #074580;
}
.ui.table.form:not(.basic) tbody tr td > .ui.dropdown.active .menu {
  border-color: #DDDDDD;
}
.ui.table.form:not(.basic) tbody tr td > .ui.dropdown.active .menu .item {
  color: #999999;
}
.ui.table.form:not(.basic) tbody tr td > .ui.dropdown.active .menu .item.active {
  color: #074580;
}
.ui.table.form:not(.basic) tbody tr .cell {
  border-left: 1px solid #EEEEEE;
}
.ui.table.compact {
  border-top-color: #EEEEEE;
  border-bottom-color: #F2F2F2;
}
.ui.table.compact thead tr th {
  padding: 5px 4px;
  border-bottom-color: #F2F2F2;
  color: #999999;
  font-size: 13px;
}
.ui.table.compact tbody tr td {
  padding: 9px 4px;
  border-top-color: #F2F2F2;
}
.ui.table.group-table thead tr th {
  font-size: 13px;
}
.ui.table.group-table thead tr th .ui.circular.label {
  min-width: auto;
  min-height: auto;
  margin: 0 0 0 4px;
  padding: 2px 8px !important;
  background-color: #D89A5D;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
}
.ui.table.group-table thead tr th .ui.circular.label.disabled {
  opacity: 1;
  background-color: #BBBBBB;
}
.ui.table.group-table thead tr.header th {
  padding: 5px 12px;
}
.ui.table.group-table.compact thead tr th {
  color: #666666;
  border-bottom-color: #EEEEEE;
  border-left: 1px solid #EEEEEE;
}
.ui.table.group-table.compact thead tr th:first-child {
  border-left: none;
}
.ui.table.group-table.compact thead tr.header th {
  background-color: #074580;
  color: #FFFFFF;
}
.ui.table.sortable thead tr th.nosort {
  pointer-events: none;
}
.ui.table.sortable thead tr th.nosort:after {
  display: none;
}
.ui.table.basic.form.modal-table thead tr th {
  height: 38px;
  padding: 9px 5px;
  background-color: #F7F8F9;
  border-right: 1px solid #EEEEEE;
  font-size: 13px;
  color: #444444;
}
.ui.table.basic.form.modal-table thead tr th:last-child {
  border-right: none;
}
.ui.table.basic.form.modal-table tbody td .ui.icon.input input {
  text-align: left;
}
.ui.table.basic.form.modal-table tbody td input {
  padding: 8px 6px;
  min-width: 10px;
  font-size: 13px;
}
.ui.table.basic.form.modal-table tbody td textarea {
  padding: 8px 6px;
  font-size: 13px;
}
.ui.table.basic.form.modal-table tbody td .ui.dropdown.compact {
  width: 100%;
  font-size: 13px;
}
.ui.table.basic.form.modal-table tbody td .ui.button.button-delete {
  margin: 0;
}

.table-scroll-box {
  overflow: hidden;
  overflow-y: auto;
}
.table-scroll-box::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.table-scroll-box::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.table-scroll-box::-webkit-scrollbar-thumb {
  background: #D9D9D9;
}
.table-scroll-box::-webkit-scrollbar-thumb:hover {
  background: #D8D9E1;
}
.table-scroll-box .ui.table {
  border-top: none;
}
.table-scroll-box .ui.table thead tr th {
  position: sticky;
  top: 0;
  z-index: 1;
  border-top: 1px solid #444444;
}

/* 바 차트 가로 스크롤 (피지컬 통계) */
.chart-bar-scroll-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.chart-bar-scroll-wrapper::-webkit-scrollbar {
  height: 8px;
}
.chart-bar-scroll-wrapper::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.chart-bar-scroll-wrapper::-webkit-scrollbar-thumb {
  background: #D9D9D9;
  border-radius: 4px;
}
.chart-bar-scroll-wrapper::-webkit-scrollbar-thumb:hover {
  background: #D8D9E1;
}
.chart-bar-inner {
  box-sizing: border-box;
}

/*------------------------------------------
	    T A B L E    C O N T R O L
------------------------------------------*/
.ui.grid.top-control {
  margin-top: 0;
  margin-bottom: 10px;
}
.ui.grid.top-control > .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}
.ui.grid.top-control > .column > * {
  margin: 0 5px 0 0;
}
.ui.grid.top-control > .column.right.aligned {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.ui.grid.top-control > .column.right.aligned > * {
  margin: 0 0 0 5px;
}
.ui.grid.top-control .total-num span {
  color: #074580;
  font-weight: bold;
}
.ui.grid.top-control .ui.button-reset {
  padding: 0 10px;
  background-color: transparent;
  color: #444444;
  font-size: 13px;
}
.ui.grid.top-control .ui.button-reset .icon {
  margin: 0 5px 0 0;
  fill: #444444;
  opacity: 1;
}
.ui.grid.top-control .ui.toggle.checkbox label span {
  display: inline-block;
  margin: 0 0 0 4px;
  color: #999999;
  line-height: 18px;
}

.ui.grid.bottom-control {
  margin-top: 20px;
  margin-bottom: 10px;
}
.ui.grid.bottom-control > .column {
  padding-top: 0;
  padding-bottom: 0;
}
.ui.grid.bottom-control .total-num span {
  color: #074580;
  font-weight: bold;
}

/*------------------------------------------
	            F I L T E R
------------------------------------------*/
.ui.form.filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px 0;
  padding: 15px 12.5px;
  background-color: #F7F8F9;
}
.ui.form.filter > .fields {
  margin: 0;
}
.ui.form.filter > .fields > .field {
  padding-left: 2.5px;
  padding-right: 2.5px;
}
.ui.form.filter > .fields > .field .ui.buttons.toggle .ui.button.active {
  background-color: #FFFFFF !important;
  border: 1px solid #074580;
  color: #074580 !important;
}
.ui.form.filter > .fields + .fields:before {
  margin: 0 12.5px;
  display: block;
  border-left: 1px solid #EEEEEE;
  content: "";
}
.ui.form.filter .ui.button.button-reset {
  padding: 0 10px;
  background-color: transparent;
  color: #444444;
  font-size: 13px;
}
.ui.form.filter .ui.button.button-reset .icon {
  margin: 0 5px 0 0;
  fill: #444444;
  opacity: 1;
}
.ui.form.filter + .ui.table {
  margin-top: 30px;
}

.filter-label {
  display: flex;
  flex-wrap: wrap;
  margin: -20px 0 20px 0;
  padding: 0 20px;
  background-color: #F7F8F9;
  border-top: 1px solid #EEEEEE;
}
.filter-label .group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 5px;
  margin: 5px 20px 5px 0;
  padding: 10px 0;
}
.filter-label .group .title {
  margin: 0 4px 0 0;
  color: #BBBBBB;
  font-size: 12px;
  font-weight: bold;
}
.filter-label .group .ui.label {
  padding-left: 10px !important;
  border: 1px solid #F3E0CE;
  font-weight: 400;
  color: #D89A5D;
}
.filter-label .group .ui.label .icon {
  margin: 0 4px 0 6px;
  fill: #D89A5D;
  opacity: 0.5;
}
.filter-label .group .ui.label:hover {
  background-color: #FFF6E7;
  color: #D89A5D;
}
.filter-label .group .ui.label:hover .icon {
  opacity: 1;
}

/*------------------------------------------
	    C O M M E N T    I T E M
------------------------------------------*/
.ui.items.comment-item .item {
  padding: 30px;
}
.ui.items.comment-item .item:first-child {
  padding-top: 10px !important;
}
.ui.items.comment-item .item:last-child {
  padding-bottom: 30px !important;
  border-bottom: 1px solid #EEEEEE;
}
.ui.items.comment-item .item .date {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  color: #666666;
  font-size: 13px;
}
.ui.items.comment-item .item .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui.items.comment-item .item .content .description {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0;
}
.ui.items.comment-item .item .content .extra {
  margin: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  text-align: right;
}
.ui.items.comment-item .item .content .extra .ui.label {
  margin: 0 30px 0 0;
  min-width: 45px;
  background-color: #D89A5D;
  color: #FFFFFF;
}
.ui.items.comment-item .item .content .extra .ui.label.disabled {
  background-color: #BBBBBB;
  opacity: 1;
}
.ui.items.comment-item .item .content .extra .ui.icon.button {
  margin: 0;
  padding: 2px;
  background-color: transparent;
}
.ui.items.comment-item .item .content .extra .ui.icon.button svg.icon {
  width: 18px;
  height: 18px;
  fill: #CCCCCC;
  opacity: 1;
}
.ui.items.comment-item .item .content .extra .ui.icon.button:hover svg.icon {
  fill: #BBBBBB;
}
.ui.items.comment-item .item.disabled {
  padding: 50px !important;
}
.ui.items.comment-item .item.disabled .content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #BBBBBB;
}

/*==========================================

                L A Y O U T

==========================================*/
body {
  overflow: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
}

.page {
  position: relative;
  min-height: 100vh;
}

.container {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .container {
    padding-left: 20px;
    padding-right: 30px;
  }
}

/*------------------------------------------
	    P A G E   H E A D E R - G N B
------------------------------------------*/
.ui.top.menu {
  z-index: 9999;
}
.ui.top.menu .item {
  font-family: "Nanum Square";
  font-weight: bold;
  -webkit-transform: skew(0.04deg);
  transform: skew(0.04deg);
}
.ui.top.menu .item.header {
  margin: 0 20px 0 0;
  padding: 18px 0;
}
.ui.top.menu .item.header .logo {
  vertical-align: middle;
  line-height: 0;
}
.ui.top.menu .item.header .logo img {
  width: 22px;
  height: 20px;
}
.ui.top.menu .item.header .title {
  margin: 0 0 0 10px;
  font-size: 16px;
  font-weight: 900;
}
.ui.top.menu .item:before {
  display: none;
}
.ui.top.menu .container .pagemenu {
  display: flex;
}
.ui.top.menu .container .pagemenu .item {
  margin: 0;
  padding: 0;
  background-color: transparent;
  z-index: 1;
}
.ui.top.menu .container .pagemenu .item > a {
  display: block;
  min-width: 90px;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  transition: color 0.2s ease;
}
.ui.top.menu .container .pagemenu .item .submenu {
  display: none;
  position: absolute;
  top: 100%;
  width: 100%;
  margin: 0;
  padding: 10px 0;
}
.ui.top.menu .container .pagemenu .item .submenu li {
  list-style: none;
  text-align: center;
}
.ui.top.menu .container .pagemenu .item .submenu li a {
  display: block;
  padding: 10px 0;
  color: #666666;
  font-size: 13px;
  font-weight: normal;
  -webkit-transform: skew(0.04deg);
  transform: skew(0.04deg);
}
.ui.top.menu .container .pagemenu .item .submenu li:hover a, .ui.top.menu .container .pagemenu .item .submenu li.active a {
  color: #074580;
  font-weight: bold;
}
.ui.top.menu .container .pagemenu .item.active, .ui.top.menu .container .pagemenu .item:hover {
  border-color: #444444;
}
.ui.top.menu .container .pagemenu .item.active > a, .ui.top.menu .container .pagemenu .item:hover > a {
  color: #444444;
}
.ui.top.menu .container .pagemenu:hover .submenu {
  display: block;
}
.ui.top.menu .container .pagemenu:hover .bg {
  display: block;
}
.ui.top.menu .bg {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 58px;
  width: 100%;
  background-color: #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
}
.ui.top.menu .right.menu {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ui.top.menu .right.menu .ui.dropdown {
  padding: 0;
}
.ui.top.menu .right.menu .ui.dropdown .ui.avatar.image {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.ui.top.menu .right.menu .ui.dropdown .i.dropdown.icon {
  margin: 0 0 0 10px;
}
.ui.top.menu .right.menu .ui.dropdown .menu {
  margin-top: 5px;
  padding: 10px 0;
  border-radius: 3px;
}
.ui.top.menu .right.menu .ui.dropdown .menu > .item {
  padding: 9px 0 10px !important;
  border: none;
  color: #999999 !important;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 13px !important;
  text-align: center;
  opacity: 1;
}
.ui.top.menu .right.menu .ui.dropdown .menu > .item svg.icon {
  position: relative;
  top: 2px;
  margin: 0 3px 0 0 !important;
  fill: #BBBBBB;
}
.ui.top.menu .right.menu .ui.dropdown .menu > .item:hover {
  color: #074580 !important;
  background-color: transparent !important;
}
.ui.top.menu .right.menu .ui.dropdown .menu > .item:hover svg.icon {
  fill: #074580;
}
.ui.top.menu .right.menu .ui.dropdown:hover, .ui.top.menu .right.menu .ui.dropdown.active {
  background-color: transparent;
}

/*------------------------------------------
	        P A G E    B O D Y
------------------------------------------*/
.page-body {
  position: relative;
  padding: 56px 0 126px 0;
}
.page-body > .container .ui.table:last-child,
.page-body > .container .ui.cards:last-child,
.page-body > .container .ui.grid.bottom-control {
  margin-bottom: 60px;
}
.page-body .page-title,
.page-body .page-sub-title {
  padding: 45px 0 20px 0;
  z-index: 2;
}
.page-body .page-title .ui.header,
.page-body .page-sub-title .ui.header {
  font-size: 24px;
}
.page-body .page-title .ui.button,
.page-body .page-sub-title .ui.button {
  padding-left: 1em;
  padding-right: 1em;
}
.page-body .page-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 36px;
}
.page-body .page-title .ui.header {
  margin: 0 15px 0 0;
}
.page-body .page-title .description {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.page-body .page-title .description > *:last-child {
  margin-right: 0;
}
.page-body .page-title .meta > *:last-child {
  margin-right: 0;
}
.page-body .page-sub-title {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 250px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #FFFFFF;
  z-index: 999;
}
.page-body .page-sub-title .ui.header {
  margin: 0;
}
.page-body .page-sub-title .ui.button.circular.icon.button-back {
  width: 36px;
  height: 36px;
  margin: 0 10px 0 0;
  padding: 9px 11px 10px 11px;
}
.page-body .page-sub-title .ui.button.circular.icon.button-back .icon {
  width: auto;
  height: auto;
  fill: #000000;
  opacity: 1;
}

/*------------------------------------------
	      P A G E    F O O T E R
------------------------------------------*/
.page-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #EEEEEE;
}
.page-footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.page-footer .container .copyright {
  margin: 0;
  color: #BBBBBB;
  font-size: 10px;
}
.page-footer .container .logo img {
  width: 48px;
}

/* 상단 이동 버튼 */
.button-top {
  display: none;
  width: 40px;
  height: 40px;
  position: fixed;
  right: 30px;
  bottom: 80px;
  background-color: #000;
  border-radius: 50%;
  font-size: 0;
  text-align: center;
  opacity: 0.2;
  z-index: 9999;
  transition: opacity 0.2s ease-in-out;
}
.button-top .icon {
  margin: 10px;
  fill: #FFFFFF;
}
.button-top:hover {
  opacity: 0.7;
}

/* 하단 버튼 영역 */
.button-area {
  margin: 60px 0;
  text-align: center;
}
.button-area .ui.button {
  min-width: 120px;
}

.link-file {
  color: #444444;
}
.link-file .icon {
  display: inline-block;
  margin: 0 4px 0 0 !important;
  color: #CCCCCC;
}

.text-orange {
  color: #FF6B0F;
}

.text-info {
  color: #999999;
  font-size: 13px;
}

/*폰트 깨짐 현상 수정*/
.ui.modal .header,
.ui.secondary.pointing.menu > .item,
.ui.secondary.pointing.menu.page-tabmenu > .item,
.ui.table.basic.form thead tr th.header,
.depth-chart .position .header,
.player-grid .detail .sheet .ui.header {
  -webkit-transform: skew(0.04deg);
  transform: skew(0.04deg);
}

/*--------------------------------
           B O A R D
--------------------------------*/
.ui.table.table-board-list tbody tr td {
  padding: 11px 8px 10px;
}
.ui.table.table-board-list tbody tr td.title a {
  display: inline-block;
  margin: 0 10px 0 0;
  color: #444444;
  text-decoration: none;
}
.ui.table.table-board-list tbody tr td.title a:hover {
  color: #074580;
}
.ui.table.table-board-list tbody tr td.title .file {
  margin: 0 5px 0 0;
  color: #CCCCCC;
}
.ui.table.table-board-list tbody tr td.title .file .icon {
  margin: 0;
}
.ui.table.table-board-list tbody tr td.title .comment {
  margin: 0 5px 0 0;
  color: #D89A5D;
}
.ui.table.table-board-list tbody tr td.title .comment.new > span {
  position: relative;
  padding-right: 10px;
}
.ui.table.table-board-list tbody tr td.title .comment.new > span:after {
  position: absolute;
  top: 4px;
  right: 4px;
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #FF6B0F;
  border-radius: 50%;
  content: "";
}
.ui.table.table-board-list tbody tr td.title .ui.label.new {
  background-color: #FF6B0F !important;
  color: #FFFFFF;
  font-size: 8px;
  font-weight: bold;
}

.board.board-view {
  margin: 50px 0 60px 0;
  border-top: 1px solid #444444;
}
.board.board-view .header {
  padding: 15px 200px;
  border-bottom: 1px solid #EEEEEE;
}
.board.board-view .header .meta {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
  color: #999999;
  font-size: 13px;
}
.board.board-view .header .meta span:after {
  display: inline-block;
  margin: 0 10px;
  width: 1px;
  height: 10px;
  background-color: #EEEEEE;
  content: "";
}
.board.board-view .header .meta span:last-child:after {
  display: none;
}
.board.board-view .header .title {
  font-family: "Nanum Square", sans-serif;
  font-size: 16px;
  line-height: 1.38;
  font-weight: bold;
}
.board.board-view .attach-file {
  padding: 10px 200px;
  border-bottom: 1px solid #EEEEEE;
}
.board.board-view .attach-file .file {
  display: inline-block;
  margin: 0 20px 0 0;
  color: #444444;
  font-size: 13px;
}
.board.board-view .attach-file .file .icon {
  color: #CCCCCC;
}
.board.board-view .attach-file .file:hover {
  color: #074580;
}
.board.board-view .body {
  padding: 40px 200px;
}
.board.board-view > .control {
  padding: 20px 200px;
  text-align: right;
  border-bottom: 1px solid #EEEEEE;
}
.board.board-view > .control .ui.button {
  margin: 0 0 0 10px;
  padding: 11px 12px;
  min-width: 100px;
}
.board.board-view > .control .ui.button.basic {
  text-align: left;
  color: #444444 !important;
}
.board.board-view > .control .ui.button.basic:after {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-left: 22px;
  color: #CCCCCC;
  font-family: "Icons";
  font-size: 10px;
  line-height: 1;
  content: "\f078";
}
.board.board-view > .control .ui.button.basic.active {
  background-color: #FFFFFF !important;
  box-shadow: 0px 0px 0px 1px #074580 inset;
  color: #074580 !important;
}
.board.board-view > .control .ui.button.basic.active:after {
  color: #074580 !important;
  transform: rotate(180deg);
}
.board.board-view .comment {
  display: none;
  background-color: #F7F8F9;
}
.board.board-view .comment .form {
  padding: 15px 200px;
  border-bottom: 1px solid #EEEEEE;
}
.board.board-view .comment .form .field {
  padding: 15px;
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
}
.board.board-view .comment .form .field .name {
  font-size: 13px;
  font-weight: bold;
}
.board.board-view .comment .form .field textarea {
  width: 100%;
  margin: 8px 0;
  border: none;
  outline: none;
  line-height: 18px;
  resize: none;
}
.board.board-view .comment .form .field textarea::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.board.board-view .comment .form .field textarea::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.board.board-view .comment .form .field textarea::-webkit-scrollbar-thumb {
  background: #D9D9D9;
}
.board.board-view .comment .form .field textarea::-webkit-scrollbar-thumb:hover {
  background: #D8D9E1;
}
.board.board-view .comment .form .field .meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.board.board-view .comment .form .field .meta .byte {
  color: #999999;
  font-size: 13px;
}
.board.board-view .comment .form .field .meta .byte span {
  color: #444444;
}
.board.board-view .comment .form .field .meta .ui.button.secondary {
  padding: 5px 10px;
  line-height: 14px;
}
.board.board-view .comment .list .item {
  padding: 15px 200px;
  border-bottom: 1px solid #EEEEEE;
  font-size: 13px;
}
.board.board-view .comment .list .item .meta {
  display: flex;
  margin: 0 0 7px 0;
}
.board.board-view .comment .list .item .meta .writer {
  font-weight: bold;
}
.board.board-view .comment .list .item .meta .date {
  color: #999999;
}
.board.board-view .comment .list .item .meta .control {
  flex: 1 0 auto;
  text-align: right;
}
.board.board-view .comment .list .item .meta .control .ui.icon {
  padding: 2px;
  background-color: transparent;
}
.board.board-view .comment .list .item .meta .control .ui.icon .icon {
  fill: #CCCCCC;
  height: auto;
}
.board.board-view .comment.active {
  display: block;
}
.board.board-view .other-post {
  padding: 12px 200px;
  border-bottom: 1px solid #EEEEEE;
}
.board.board-view .other-post .next,
.board.board-view .other-post .prev {
  margin: 8px 0;
  color: #999999;
  font-size: 13px;
}
.board.board-view .other-post .next span,
.board.board-view .other-post .prev span {
  margin: 0 15px 0 0;
  color: #444444;
}
.board.board-view .other-post .next span:before,
.board.board-view .other-post .prev span:before {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-right: 8px;
  color: #CCCCCC;
  font-family: "Icons";
  font-size: 10px;
  line-height: 1;
  content: "\f078";
}
.board.board-view .other-post .next a,
.board.board-view .other-post .prev a {
  color: #999999;
}
.board.board-view .other-post .next a:hover,
.board.board-view .other-post .prev a:hover {
  color: #074580;
}
.board.board-view .other-post .next span:before {
  transform: rotate(180deg);
}
.board.board-write {
  border-top: 1px solid #444444;
}
.board.board-write .header {
  display: flex;
  align-items: center;
  padding: 10px 0 10px 10px;
}
.board.board-write .header label {
  flex: 0 0 200px;
  font-family: "Nanum Square", sans-serif;
  font-size: 17px;
  font-weight: bold;
}
.board.board-write .header .ui.input {
  flex: 1 0 auto;
}
.board.board-write .body {
  min-height: 100px;
}
.board.board-write .file .header {
  display: flex;
}
.board.board-write .file .header .title {
  margin: 0 10px 0 0;
  font-family: "Nanum Square", sans-serif;
  font-size: 17px;
  font-weight: bold;
}
.board.board-write .file .header .meta .icon {
  color: #CCCCCC;
  font-size: 14px;
}
.board.board-write .file .header .meta span {
  color: #074580;
  font-weight: bold;
}
.board.board-write .file .ui.segment {
  margin: 10px 0;
  padding: 15px 15px 5px 15px;
  border: none;
  background-color: #F7F8F9;
  box-shadow: none;
}
.board.board-write .file .ui.segment .ui.label {
  position: relative;
  margin: 0 5px 10px 0;
  padding: 4px 30px 4px 10px !important;
  min-height: auto;
  border-color: #f3E0CE;
  color: #D89A5D;
  font-size: 13px;
  font-weight: normal;
  line-height: 14px;
  vertical-align: middle;
}
.board.board-write .file .ui.segment .ui.label .icon {
  position: absolute;
  top: 6px;
  right: 10px;
  fill: #D89A5D;
  transform: rotate(45deg);
}
.board.board-write .file .ui.segment .ui.button.secondary {
  position: relative;
  margin: 0 5px 10px 0;
  padding: 4.5px 15px 5.5px 30px;
  line-height: 14px;
}
.board.board-write .file .ui.segment .ui.button.secondary .icon {
  position: absolute;
  top: 6px;
  left: 15px;
  margin: 0 3px 0 0;
  height: auto;
  fill: #FFFFFF;
}
.board.board-write .file .ui.segment.no-data {
  padding: 15px;
  text-align: center;
}
.board.board-write .file .ui.segment.no-data p {
  margin: 0 0 10px 0;
  color: #BBBBBB;
  font-size: 13px;
}
.board.board-write .file .ui.segment.no-data .ui.button {
  margin: 0;
}

/*------------------------------------------
	       P L A Y E R    G R I D
------------------------------------------*/
.player-grid {
  position: relative;
  margin: 102px 0 30px 0;
}
.player-grid .player {
  position: fixed;
  top: 158px;
  width: 250px;
  border: 1px solid #F2F2F2;
  z-index: 2 !important;
  background: #FFFFFF;
}
.player-grid .player .ui.label.label-observe,
.player-grid .player .ui.label.label-roster {
  margin: 0 !important;
  padding: 4px 5px 5px !important;
  top: 10px;
  right: 10px;
  left: auto;
  background-color: #D89A5D;
}
.player-grid .player .ui.label.label-observe .icon,
.player-grid .player .ui.label.label-roster .icon {
  margin: 0;
  fill: #FFFFFF;
}
.player-grid .player .photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 248px;
  height: 300px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  background-image: url("../image/common/bg-playerPhoto-detail.png");
  background-repeat: no-repeat;
  background-size: 248px;
  background-position: top;
  overflow: hidden;
}
.player-grid .player .photo img {
  width: 100%;
}
.player-grid .player .description {
  position: relative;
  padding: 20px 25px;
  max-height: calc(100vh - 500px);
  border-top: 1px solid #F2F2F2;
  font-size: 13px;
  overflow: auto;
  overflow-x: hidden;
}
.player-grid .player .description::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.player-grid .player .description::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.player-grid .player .description::-webkit-scrollbar-thumb {
  background: #D9D9D9;
}
.player-grid .player .description::-webkit-scrollbar-thumb:hover {
  background: #D8D9E1;
}
.player-grid .player .description .link-modify {
  position: absolute;
  top: 20px;
  right: 20px;
  font-family: "Noto Sans KR", sans-serif;
  color: #999999;
  font-size: 13px;
  font-weight: 400;
}
.player-grid .player .description .link-modify .icon {
  margin: 0 4px 0 0;
  fill: #BBBBBB;
  vertical-align: middle;
}
.player-grid .player .description .link-modify:hover {
  color: #444444;
}
.player-grid .player .description .link-modify:hover .icon {
  fill: #999999;
}
.player-grid .player .description .name-eng {
  margin: 0 0 4px 0;
  font-size: 17px;
  font-family: "Nanum Square", sans-serif;
  font-weight: 700;
}
.player-grid .player .description .name-kor {
  font-size: 13px;
}
.player-grid .player .description .name {
  margin: 10px 0 20px;
  color: #333;
  font-family: "Nanum Square", sans-serif;
  font-size: 22px;
  font-weight: bold;
}
.player-grid .player .description .name span {
  font-weight: normal;
}
.player-grid .player .description dl {
  margin-bottom: 0;
}
.player-grid .player .description dl dt,
.player-grid .player .description dl dd {
  display: inline-block;
  margin: 5px 0;
  vertical-align: top;
}
.player-grid .player .description dl dt {
  width: 100px;
  color: #999999;
}
.player-grid .player .description dl dd {
  width: 90px;
  word-break: keep-all;
}
.player-grid .player .description dl dd .link {
  margin-left: 2px;
  position: relative;
  top: 2px;
}
.player-grid .player .description dl dd .link svg.icon {
  fill: #444444;
}
.player-grid > .detail {
  position: relative;
  margin-left: 280px;
  width: 920px;
  min-height: calc(100vh - 252px);
}
.player-grid > .detail .ui.button.button-help {
  -ms-flex-item-align: center;
  align-self: center;
  width: 15px;
  height: 15px;
  min-height: 10px;
  margin: 0 0 0 5px;
  padding: 2px 4px;
  vertical-align: middle;
  font-size: 11px;
  line-height: 12px;
  font-weight: bold;
}

@media (max-width: 1200px) {
  .page-body .page-sub-title {
    position: relative;
    top: 0 !important;
    background-color: transparent;
    z-index: 1;
  }
  .page-body .player-grid {
    margin: 0 0 30px 0 !important;
  }
  .page-body .player-grid .ui.rail .player {
    position: relative !important;
    left: 0 !important;
    margin-top: 0 !important;
  }
  .page-body .player-grid .detail {
    padding-top: 0 !important;
  }
  .page-body .player-grid .detail > .header {
    position: relative;
    top: 0;
    padding-top: 0;
  }
  .page-body .player-grid .detail > .ui.secondary.pointing.menu {
    position: relative;
    top: 0;
    padding: 0;
  }
}
.stat-board {
  background-color: green;
  overflow-x: auto;
}
.stat-board .ui.table.sortable {
  margin: 0 !important;
  border-top: none;
}
.stat-board .ui.table.sortable thead tr th {
  position: relative;
  padding: 8px 4px 15px 4px;
  border-bottom: none;
  font-size: 12px;
  line-height: 14px;
}
.stat-board .ui.table.sortable thead tr th.column-sort {
  background-color: #D89A5D !important;
}
.stat-board .ui.table.sortable thead tr th:not(.nosort):after {
  position: absolute;
  left: 50%;
  bottom: 8px;
  margin: 0 0 0 -2px;
  display: block;
}
.stat-board .ui.table.sortable thead tr th:not(.nosort):hover {
  background-color: #003568 !important;
}
.stat-board .ui.table.sortable thead tr:first-child th {
  background-color: #074580;
  color: #FFFFFF;
}
.stat-board .ui.table.sortable thead tr:last-child th {
  padding: 10px 4px;
  background-color: #999999;
  color: #FFFFFF;
}
.stat-board .ui.table.sortable tbody tr th {
  position: sticky;
  z-index: 1;
  background-color: #FFFFFF;
}
.stat-board .ui.table.sortable tbody tr th:first-child {
  left: 0;
}
.stat-board .ui.table.sortable tbody tr th:nth-of-type(2) {
  left: 40px;
}
.stat-board .ui.table.sortable tbody tr th:nth-of-type(3) {
  left: 90px;
}
.stat-board .ui.table.sortable tbody tr th:nth-of-type(4) {
  left: 180px;
}
.stat-board .ui.table.sortable tbody tr th:nth-of-type(5) {
  left: 230px;
  border-right: 1px solid #EEEEEE;
}
.stat-board .ui.table.sortable tbody tr th .emblem {
  width: 30px;
}
.stat-board .ui.table.sortable tbody tr td.column-sort {
  background-color: #FFF6E7;
  border-left: 1px solid #D89A5D;
  border-right: 1px solid #D89A5D;
}
.stat-board .ui.table.sortable tbody tr:nth-child(2n) th {
  background-color: #F4F7FB;
}
.stat-board .ui.table.sortable.sticky-table {
  padding-top: 85px;
}
.stat-board .ui.table.sortable.sticky-table thead {
  position: fixed;
  top: 56px;
  z-index: 2;
}

/*-------------------
    pivot table
--------------------*/
table.pvtTable {
  text-align: left;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}