:root {
  color-scheme: light;
}

#postDetail {
  margin: 0 auto;
  width: 95%;

  th {
    background-color: lightgray;
    font-size: 1.1rem;
    font-weight: bold;
  }

  td {
    border: 1px solid var(--border_normal);
  }

  #postContent {
    padding: 1rem;
    text-align: left;
  }
}

.INF-box {
  border: 1px solid var(--border_normal);
  border-radius: 0.5rem;
  padding: 1.5rem;
  text-align: center;
  margin-top: 1rem;
  min-height: 120px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.INF-box img {
  margin: 0 auto 1rem;
}

.INF-box p {
  color: var(--subtxt);
  font-size: 1.4rem;
}

.INF-fileItem {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem 1rem;
  background: var(--bg_gray);
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}

.INF-fileItem:last-child {
  margin-bottom: 0;
}

.INF-fileItem button {
  margin-right: 8px;
  margin-left: 8px;
  color: var(--red);
}

#fileCount {
  font-size: 1.2rem;
  color: var(--red);
}

select.my-select {
  font-size: 1.4rem;
  border-radius: 0.7rem;
  padding: 1.4rem 5rem 1.4rem 1.2rem;
}

select.my-select option {
  font-size: 1.4rem;
}

.contest-item .title1 {
  width: 9rem;
  text-align: center;
}

.poptitleBox.UMN p span.dday-on, .dday-on, .contest-item .title1.dday-on {
  background-color: red;
}

.poptitleBox.UMN p span.dday-before, .dday-before, .contest-item .title1.dday-before {
  background-color: darkgreen;
}

.poptitleBox.UMN p span.dday-after, .dday-after, .contest-item .title1.dday-after {
  background-color: #858585;
}

#bracket-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

#bracket-player-table {
  td {
    padding: 0;
  }

  input {
    border: none;
    background: transparent;
  }

  select {
    background: transparent;
  }

  tr.no-show {
    background-color: lightpink;

    .set-no-show .set {
      display: none;
    }

    .set-no-show .no-set {
      display: inline;
    }
  }

  .set-no-show .no-set {
    display: none;
  }

  input[type="date"] {
    width: revert;
  }

  select {
    font-size: 1.4rem;
    border: none;
  }
}

#popup-bracket .popupWrap {
  max-height: 80rem;
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
}

.top-notice {
  background-color: #f1f7ff;
}

.section2 .sec2Box .sec2_2 .sec2_2_list li span.dday-on {
  color: #fff;
  background-color: var(--point);
}

.section2 .sec2Box .sec2_2 .sec2_2_list li span.dday-after {
  color: #333333;
  background-color: #fff;
  border: 1px solid var(--subtxt);
}

.section2 .sec2Box .sec2_2 .sec2_2_list li span.dday-before {
  color: #fff;
  background-color: var(--point);
}

.container.u0711 .match-box {
  min-width: 180px;
}

.container.u0711 .match-list .match-box .match-box-content p {
  width: 100%;
}

.container.u0711 .match-list .match-box .match-box-content p span.player-count {
  color: #13215d;
}

#upload-template-div, #group-upload-template-div {
  display: flex;
  justify-content: start;
  align-items: center;

  span.label {
    font-size: 1.5rem;
    margin-right: 1.2rem;
  }

  button {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  button img {
    margin-right: 1rem;
  }

  a {
    font-size: 1.2rem;
    margin-left: 1rem;
  }
}

.contest-item .text ul li {
  text-wrap: nowrap;
}

.contest-item .text ul span {
  display: inline-block;
  text-wrap: auto;
  overflow-x: hidden;
}


/* 유저용 경기진행정보용 */

.poptitleBox.UMN p {
  font-size: 1.6rem;
  margin-top: 2.5rem;
  text-align: center;
  line-height: 2.7rem;
}

.poptitleBox.UMN p span {
  font-weight: bold;
  background-color: #858585;
  color: #fff;
  padding: 0.8rem 0.9rem;
  border-radius: 0.5rem;
  margin-right: 1.2rem;
  display: inline-block;
  line-height: 1.5rem;
}

.poptitle.UMN {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-weight: bold;
}

.poptitle.UMN h1 {
  font-size: 3.6rem;
  text-align: center;
}

.poptitle.UMN h2 {
  font-size: 2.4rem;
  margin-top: 2rem;
  text-align: center;
}

/**************************************************
SF-UMN-07-11
**************************************************/
.popupWrap.u0711 {
  max-height: 72rem;
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
}

.container.u0711 {
  max-width: 800px;
  margin: auto;
  margin-bottom: 2rem;
}

.container.u0711 .input-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.container.u0711 label {
  margin-bottom: 0;
}

.container.u0711 input[type="number"] {
  width: 100%;
  max-width: 200px;
  padding: 11px 12px;
  font-size: 1.4rem;
  border-radius: 7px;
  border: 1px solid #ddd;
}

.container.u0711 .btn-red {
  background: var(--red);
  color: white;
  padding: 13px 12px;
  border: none;
  cursor: pointer;
}

.container.u0711 .btn-blue {
  padding: 10px 12px;
}

.container.u0711 .schedule.highlight {
  border: 1px solid #ddd;
  margin-top: 20px;
  background-color: gold;
}

.container.u0711 .schedule {
  border: 1px solid #ddd;
  margin-top: 20px;
}

.container.u0711 .schedule-title {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  padding: 5px 0;
  background-color: #f5f5f5;
  padding: 10px 20px;
}

.container.u0711 .schedule-title button {
  margin-left: 1rem;
}

.container.u0711 .schedule-title img {
  margin-right: 1rem;
}

.container.u0711 .match-list {
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  max-width: 100%;
  overflow-x: auto;
}

.container.u0711 .match-box {
  max-width: 180px;
  height: auto;
}

.container.u0711 .match-box .match-box-title {
  text-align: center;
  background-color: #f1f7ff;
  padding: 8px 0;
  border: 2px solid #ddd;
  color: #656;
}

.container.u0711 .match-box .match-box-content {
  padding: 3px;
  border-bottom: 2px solid #ddd;
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  height: auto;
}

.container.u0711 .match-box .match-box-content p {
  width: 150px;
  height: 30px;
  text-align: center;
  font-size: 1.4rem;
  padding: 8px 20px;
  background-color: #f5f5f5;
  margin-bottom: 3px;
  color: #666;
}

.container.u0711 .match-box .match-box-content p:last-child {
  margin-bottom: 0;
}

.poptitle.u0711 {
  margin-bottom: 2rem;
}

.poptitleBox.u0711 p span {
  background-color: #06c270;
}

@media (max-width: 500px) {
  .container.u0711 input[type="number"] {
    max-width: 100px;
  }
}

/**************************************************
SF-UMN-07-12
**************************************************/
.popupWrap.u0712 {
  max-height: 80rem;
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
}

.container.u0711 .btn-red.ok {
  background-color: #0869fc;
}

.container.u0711 .btn-red.ok span {
  display: none;
}

.contest-filter.u0712 {
  display: flex;
  align-items: center;
}

.contest-filter.u0712 select {
  color: #999999;
}

select option[disabled] {
  display: none;
}

.contest-filter.u0712 button {
  padding: 1.3rem;
}

.contest-filter.u0712 .contest-filter2 {
  padding: 1rem;
}

.contest-filter.u0712 .contest-filter-tit {
  margin-right: auto;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0.5rem 2rem;
  display: flex;
  align-items: center;
}

.contest-filter.u0712 .contest-filter-tit span {
  font-size: 1.3rem;
  font-weight: 300;
  background-color: #2846c3;
  color: #fff;
  padding: 0.8rem 1rem;
  border-radius: 5px;
  margin-left: 1.5rem;
  display: inline-block;
}

.schedule.u0712 .schedule-title label {
  border-right: 1px solid #ddd;
  height: 100%;
  padding: 10px 15px 15px 0px;
}

.schedule.u0712 .schedule-title label input {
  margin-top: 10px;
}

.schedule-tit-result {
  margin-left: 2rem;
}

.schedule-tit-result p {
  background-color: #2846c3;
  color: #fff;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  font-size: 1.2rem;
}

.container.u0712 .schedule-title {
  padding: 0 20px;
  border-bottom: 1px solid #ddd;
}

.container.u0711 .match-list.result-list {
  flex-direction: column;
  max-width: 100%;
}

.schedule.u0712 h2 {
  width: 100%;
  padding: 0.5rem 0 1.5rem 0;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.schedule.u0712 .result-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0;
}

.schedule.u0712 .result-box .result-box-left,
.schedule.u0712 .result-box .result-box-right {
  display: flex;
  align-items: center;
}

.schedule.u0712 .result-box .result-box-vs {
  font-size: 12px;
  font-weight: bold;
  width: 32px;
  height: 32px;
  background-color: #666;
  color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.schedule.u0712 .result-box .result-box-left p,
.schedule.u0712 .result-box .result-box-right p {
  margin: 0 0.6rem;
  font-size: 16px;
  text-align: center;
}

.schedule.u0712 .result-box .result-box-left span,
.schedule.u0712 .result-box .result-box-right span {
  font-size: 14px;
  display: block;
  /*margin-top: 5px;*/
}

@media (max-width: 710px) {
  .contest-filter.u0712 {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1.5rem;
  }

  .contest-filter.u0712 .contest-filter2 {
    margin-top: 1rem;
  }

  .contest-filter.u0712 button {
    margin-top: 1rem;
  }

  .contest-filter.u0712 .contest-filter-tit {
    margin-right: 0;
  }

  /* .contest-filter.u0712 button {width: ;} */
  .contest-filter.u0712 select {
    margin-left: 0;
  }

  .contest-filter.u0712 select option {
    font-size: 1rem;
  }
}

@media (max-width: 400px) {
  .contest-filter.u0712 .contest-filter2 {
    margin-left: 0 !important;
  }

  .contest-filter select {
    padding: 1rem 2rem 1rem 1rem !important;
    /*scale: 0.9;*/
  }
}

/* // 유저용 경기진행정보용 */


@media (max-width: 650px) {
  .contest-filter {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .contest-filter .select-box {
    max-width: none;
    width: 100%;
  }

  .CON-04-filter {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .CON-04-filter .select-box {
    max-width: none;
    width: 100%;
  }

  .CON-04-02-btn {
    max-width: 100%;
  }

  .CON-04-rank {
    min-width: auto;
    display: flex;
    flex-direction: column;
  }

  #popupBracket .popupWrap {
    width: 100%;
  }
}


.handle {
  margin-right: 1rem;
}

.schedule.u0712 .result-box .result-box-left span.lose-indicator,
.schedule.u0712 .result-box .result-box-right span.lose-indicator,
.lose-indicator {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background: red;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.schedule.u0712 .result-box .result-box-left span.win-indicator,
.schedule.u0712 .result-box .result-box-right span.win-indicator,
.win-indicator {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background: blue;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

input[type="email"], input[type="number"] {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border_normal);
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: var(--subtxt);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden !important;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}

textarea.u0704-input {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border_normal);
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: var(--subtxt);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden !important;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}

/* 어드민 */
div.admin-menu-div {
  padding: 1rem;

  h2 {
    font-size: 2.4rem;
    font-weight: bold;
  }

  ul li {
    margin: 0.5rem 0;
  }

  ul li a {
    display: block;
    background-color: #13215d;
    color: white;
    border-radius: 12px;
    font-size: 1.25rem;
    font-weight: bold;
    padding: 0.7rem;
  }
}

.sec2_3_content img.background {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  border: 1px solid #dddddd;
  z-index: -1;
}

#popup-stadium .popupWrap {
  overflow-y: scroll;
}

.contest-item .text .textButton {
  gap: 2rem;
}

.ql-video {
  width: 100%;
  max-width: 800px;
  height: 450px;
  border: none;
}

.introArea {
  padding: 0 2.5rem;
}

.btn-red {
  background: var(--red);
  color: white;
  padding: 13px 12px;
  border: none;
  cursor: pointer;
}

.CON-04-05-content input, .CON-04-05-content select {
  color: black;
}


/* Tooltip */

.tooltip-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.info-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  /*border-radius: 50%;*/
  /*border: 1px solid #3a3a3a;*/
  /*background-color: #007bff;*/
  /*color: white;*/
  color: #3a3a3a;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
  font-size: 14px;
  font-family: Arial, sans-serif;
  margin: 0.15rem;
}

.tooltip-text {
  visibility: hidden;
  /*width: 180px;*/
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 8px;
  border-radius: 6px;

  position: absolute;
  z-index: 1;
  bottom: 125%; /* Position above the icon */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%; /* Arrow below tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

.tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

/* Tooltip end */


.judogi-sprite-half {
  margin: 0 0.5rem;
  flex: 0 0 12px;
  height: 24px;
  /*transform: scale(0.1);*/
  background-image: url('/img/judogi.png');
  /*background-size: 1024px 1024px;*/
  background-size: 24px 24px;
  display: inline-block;
}

.blue-half {
  background-position: left top;
}

.white-half {
  background-position: -12px 0;
}

@media (min-width: 710px) {

  .judogi-sprite-half {
    margin: 0 0.7rem;
    flex: 0 0 20px;
    /*width: 20px;*/
    height: 40px;
    /*transform: scale(0.1);*/
    background-image: url('/img/judogi.png');
    /*background-size: 1024px 1024px;*/
    background-size: 40px 40px;
    display: inline-block;
  }

  .white-half {
    background-position: -20px 0;
  }
}

.UMN07-seedWrap {
  margin-bottom: 0.25rem;
}

.custom-notice {
  font-size: 1.3rem;
  font-weight: 300;
  color: #ff4a4a;
  text-align: center;
}

@media (max-width: 600px) {
  .schedule-title .btn {
    width: 75px;
    min-width: 75px;
    font-size: 1.1rem;
  }

  .container.u0711 .schedule-title button {
    margin-left: 0.25rem;
  }
}


@media (max-width: 380px) {
  .schedule-title .btn {
    width: 55px;
    min-width: 55px;
    font-size: 0.7rem;
  }

  .container.u0711 .schedule-title button {
    margin-left: 0.15rem;
  }
}

.contest-filter.u0712.contest-filter-full-width {
  .select-box {
    max-width: revert;
    margin-bottom: 1rem;
  }

  .contest-filter2 {
    margin-left: 0;
  }
}

.download-buttons {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 150px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 1rem;

  a {
    flex: 1;

    img {
      width: 100%;
    }
  }
}

.contest-register-header {
  text-align: center;
  font-size: 2.2rem;
  margin: 1rem 0;
}

/*#add-player-team, #add-player {*/
/*  margin-top: 1rem;*/
/*}*/

.add-button-container {
  text-align: right;
}


.CON-04-05-table td label input:disabled,
.CON-04-05-table td div.select-box input:disabled,
.CON-04-05-table td select:disabled {
  background: none;
  border: none;
  cursor: default;
}

.CON-04-05-table td select:disabled + .ri-arrow-down-s-line {
  display: none;
}

input[type="checkbox"]:disabled {
  background-color: gray;
  border-color: gray;
}

.disable-display {
  display: none;
}


/* Admin에서 가져옴 */

/**************************************************
SF-MNG-08
**************************************************/
#Log.m08 {
  background: center center / cover no-repeat url(../img/SF-LGN-01-01_main.png);
}

.m08-container {
  /* max-width: 900px; */
  width: 100%;
  margin: auto;
}

.m08-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.m08-title h2 {
  display: flex;
  align-items: center;
  color: #2846c3;
  font-size: 2rem;
  font-weight: bold;
}

.m08-title h2 img {
  margin-right: 0.8rem;
  pointer-events: none;
}

/* 버튼 스타일 */
.m08-button {
  background-color: #243786;
  color: white;
  padding: 12px 26px;
  border: none;
  cursor: pointer;
  margin-bottom: 10px;
  border-radius: 5px;
  font-size: 1.4rem;
  font-weight: bold;
}

.m08-button:hover {
  background-color: var(--point);
}

/* 테이블 스타일 */
.m08-table-wrapper {
  overflow-x: auto;
}

.m08-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 40px;
}

.m08-table th,
.m08-table td {
  border-bottom: 1px solid #ddd;
  padding: 10px;
  text-align: center;
  font-size: 1.4rem;
}

.m08-table th {
  background-color: #f5f5f5;
  border-top: 2px solid #ddd;
}

/* 삭제 버튼 */
.m08-delete-btn {
  cursor: pointer;
  display: flex;
  justify-content: center;
}

/* 확인 수정 버튼 */
.m08-confirm-btn,
.m08-edit-btn {
  color: #243786;
  font-size: 1.4rem;
  font-weight: bold;
  border: 1px solid #243786;
  padding: 0.8rem 2rem;
  border-radius: 5px;
}

/* 반응형 (작은 화면에서 스크롤 가능) */
@media (max-width: 600px) {
  .m08-table-wrapper {
    overflow-x: scroll;
  }

  .m08-table {
    font-size: 14px;
  }
}

/* 화면너비조정 */
.contestInfo,
#singWrap.u0715 {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}


#popup-match {
  .popupWrap {
    position: relative;
  }

  .searchBox {
    display: flex;
    max-width: 800px;
    width: 70%;

    position: absolute;
    bottom: 1rem;
    z-index: 10;

    button {
      width: 5rem;
      margin-left: 1rem;
    }
  }
}

.radio-buttons {
  label {
    display: inline;
    margin-bottom: 0;
    font-size: 1.4rem;
    margin-left: 1rem;
    margin-right: 2rem;
  }
}

.btn.alert {
  background-color: var(--red);
  border: 1px solid var(--red);
  color: white;
}