@charset "utf-8";
/* 탭 전체 영역 */
.tab-wrap { width: 100%; float: left;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 30px 0 20px;
  justify-content: center; background-color: #000
}

/* 탭 버튼 */
.tab-wrap .tab {
  padding: 10px 20px;
  background: #f1f1f1;
  color: #333;
  text-decoration: none;
  border-radius: 30px;
  border: 1px solid #ccc;
  font-weight: 600;
  transition: all 0.2s ease;
}

.tab-wrap .tab:hover {
  background: #e0e0e0;
}

/* 선택된 탭 */
.tab-wrap .tab.active {
  background: #333;
  color: #fff;
  border-color: #333;
}

/* 각 연도 블록 */
.year-section {
  margin-bottom: 40px;
}

.year-section h3 {
  font-size: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  text-align: left;
}

.year-section ul {
  list-style: none;
  padding-left: 0;
}

.year-section li {
  text-align: left;
  margin-bottom: 8px;
  font-size: 16px;
}

.year-section li a {
  color: #0077cc;
  text-decoration: none;
}

.year-section li a:hover {
  text-decoration: underline;
}

.empty {
  color: #999;
  font-style: italic;
  text-align: left;
}




.upload-box{width: 100%; float: left; padding: 20px 40px; border-radius: 30px; background-color: #f7f7f7; margin-bottom: 30px  ;}
.upload-box .title{width: 100%; float: left; font-size: 30px;}


.tbl-sw { text-align:center;  width: 100%; float: left; padding: 0px}
.tbl-sw .upload-box { display:inline-block;  width: 100%; float: left ; border-radius: 20px; padding:clamp(15px, 3.906vw, 50px); background:#fafbfb; border:1px solid #e5e5e5;  display: grid;   grid-template-columns: repeat(auto-fit, minmax(250px, auto));}

.clearfix{width: 100%; display: flex; justify-content: flex-start; flex-direction: column;}


.tbl-sw.plain h2 { float:left; margin-top:0;  text-align: left ;font-size: var(--tit-md-size)!important;line-height: 130%;}
.food_downbtn { float:left;}
.food_downbtn a{ width: auto;float:left; padding: 15px 20px 15px 65px;!important; background-color:var(--primary);; color: #fff; text-align: left; position: relative; border-radius: 8px}
.food_downbtn a:before{content: "\eb44";    font-family: unicons-line; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 25px; width: 40px; height: 40px; border-radius: 6px; background-color: #000; display: flex;  justify-content: center;  align-items: center;}


.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:8px;border:0;background:#e8180c;color:#fff;text-decoration:none;float: left}

.tbl-sw .frm_info { display:inline-block; text-align:left; background:transparent url('img/icon_warning.png') left top no-repeat;  width: 100%; }

.tbl-sw .frm_info ul { width: 100%; float: left }
.tbl-sw .frm_info ul  li{ width: 100%; float: left ;  position: relative;padding: 5px 0px 5px 10px; line-height: 120%;}
.tbl-sw .frm_info ul  li:before{ content: "";  width: 4px; height: 4px; border-radius: 100%; background-color: var(--primary);; position: absolute; left: 0px; top: 12px;}



.tbl-sw .frm-warning {  padding:0px; float: left; width: auto; display: flex; justify-content: flex-start; flex-direction: column;}
.attach-file { float:inherit; text-align:center; margin-top:20px; }



  .attach-file { margin-bottom: 20px
  }

  .attach-file input[type="file"] {
    padding: 8px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 6px 0px 0px 6px;
    background: #fff;
    cursor: pointer;
  }

  .attach-file input[type="submit"].btn {
    padding: 15px 16px!important;height: auto;
     background-color: #333;
    color: #fff;
    font-size: 14px;
    border: none!important;
    border-radius: 0px 6px 6px 0px;
    cursor: pointer;
    transition: background-color 0.3s; outline: none!important;box-shadow:none;  
  }

  .attach-file input[type="submit"].btn:hover {
    background-color: #000;
  }

  @media screen and (max-width: 480px) {
    .attach-file {
      flex-direction: column;
      align-items: stretch;
    }
  }