.board_page {margin: 0 auto; max-width: 1240px; width: 100%;}
.board_wrap {padding:122px 0 120px 0;}
.board-flex {display: flex; flex-direction: column; gap:60px;}
.board-top-title {display: flex; align-items: center; justify-content: space-between;}
.board-title {font-size: 44px; line-height: 135%; letter-spacing: -2%; font-weight: 700; color:#1D1E1F;}

.input-style {border: 1px solid #d5d7d9; border-radius: 999px; width: 100%;  padding:16px; padding-right: 50px; height: 48px; font-size: 16px; line-height: 150%; letter-spacing: -2%; color:#7E8285;}
.shc-wrap {position: relative; max-width: 320px; width: 100%;;}
.sch-icon {position: absolute; top: 50%; right:6px; transform: translateY(-50%);}

.board-min-h {min-height: 600px;}
.board-list-wrap {border-top:2px solid #1D1E1F; padding-bottom: 40px;;}
.list-top {display: flex; border-bottom: 1px solid #E1E4E5;}
.list-top .no {width:125px;}
.list-top .subj {flex:1 1 0;}
.list-top .day {width:160px}
.list-top p {font-size: 14px; line-height: 135%; letter-spacing: -2%; color:#393B3D; font-weight: 700;}
.list-top > div {padding: 16px; text-align: center;}

.vote_new  {padding: 8px 0 ; display: flex; align-items: center; justify-content: center; width: 160px;;}
.vote_new a {border-radius: 999px; background: #E1E4E5; height: 36px; padding: 0 16px; font-size: 14px; display: flex; line-height: 135%; letter-spacing: -2%; align-items: center; justify-content: center;}


.list-ul { }
.list-ul .list-li {display: flex; align-items: center; border-bottom: 1px solid #E1E4E5;}

.list-ul .list-li > div {padding: 16px;}
.list-ul .list-li .no {width:125px; text-align: center;}
.list-ul .list-li .subj {flex: 1; min-width: 0;}
.list-ul .list-li .subj a {display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-ul .list-li .day {width:160px; text-align: center;}
.list-ul .list-li p, .list-ul .list-li a {font-size: 16px; line-height: 150%; letter-spacing: -2%; color:#393B3D; font-weight: 400;}
.list-li .no, .list-li .day {flex-shrink: 0;}


.pageing-wrap {display: flex; gap:12px; align-items:center; justify-content: center;}
.pageing-wrap button {width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;}
.page-num-wrap {display: flex; gap:4px; align-items: center;}
.page-num-wrap a {width: 32px; height: 32px; text-align: center; vertical-align: middle; line-height: 32px; font-size: 14px; letter-spacing: -2px; color:#7E8285;}
.page-num-wrap a.on {font-weight: 700; color:#1D1E1F}

.view-wrap {display: flex; gap:40px; flex-direction: column;}
.view-title-wrap  {display: flex; gap:16px; flex-direction: column;}
.view-title-wrap .title { font-size: 32px; line-height: 135%; letter-spacing: -2%;}
.view-sub-title {display: flex; gap:12px; align-items: center; }
.view-sub-title p {display: flex; gap:12px; align-items: center; color:#393B3D;}
.view-sub-title p::after {content: ""; width:1px; height: 16px; background: #E1E4E5; display: flex; align-items: center;}
.view-sub-title p:last-child:after {display: none;}

.list-content-wrap {border-top:2px solid #1D1E1F; min-height: 400px; padding:32px 0;}
.list-dlc-wrap {padding:24px 32px 48px; display: flex; flex-direction: column; gap:20px;}
.list-dlc-wrap .download-all {padding-bottom: 16px; display: flex; border-bottom: 1px solid #6E7275; gap:16px; align-items: center; color:#1D1E1F; line-height: 135%;}
.list-dlc-wrap .download-all button {border:1px solid #A5A8AB;  padding:6px 8px; border-radius: 6px; font-size:14px; line-height: 135%; letter-spacing: -2%; color:#393B3D; font-weight: 700; }
.download-con-wrap {display: flex; gap:16px; flex-direction: column;}
.download-con-wrap a {display: flex; gap:12px; align-items: center; color:#1D1E1F; letter-spacing: -2%; line-height: 135%; font-size: 16px;;}

.prew-next-wrap {border-top:1px solid #E1E4E5}
.prew-next-btn {display: flex; border-bottom:1px solid #E1E4E5;}
.prew-next-btn > p {width:148px; padding: 12px;; text-align: center; font-weight: 700; font-size: 16px; line-height: 135%; letter-spacing: -2%; color:#1D1E1F;}
.prew-next-btn > div {flex:1 1 0;}
.prew-next-btn > div > a {padding: 12px;; display: block; color:#1D1E1F; font-size: 16px; line-height: 135%; letter-spacing: -2%;}

.btn-style {border-radius: 999px; border:1px solid #A5A8AB; background:#fff ; padding:0 20px; width: 120px; height: 44px; color:#1D1E1F; display: flex; align-items: center; justify-content: center;}


/*이기탁 게시판 작성/수정용 추가 */
.board-write-wrap {  display: flex;flex-direction: column;gap: 28px;}
.board-write-form {  border-top: 2px solid #1D1E1F;  display: flex;  flex-direction: column;}
.write-row {  display: grid;  grid-template-columns: 160px 1fr;  border-bottom: 1px solid #E1E4E5;}
.write-label {  padding: 18px 16px;  background: #F7F8FA;  color: #1D1E1F;  font-size: 15px;  font-weight: 700;}
.write-control {  padding: 12px 16px;}
.write-input,
.write-textarea {  width: 100%;  border: 1px solid #D5D7D9;  border-radius: 6px;  color: #393B3D;  font-size: 16px;  line-height: 1.5;}
.write-input {  height: 44px;  padding: 0 12px;}
.write-textarea {  min-height: 320px;  padding: 12px;  resize: vertical;}
.write-file-list {  display: flex;  flex-direction: column;  gap: 8px;}
.write-file-item {  display: flex;  align-items: center;  gap: 10px;  color: #393B3D;  font-size: 15px;}
.write-actions {  display: flex;  justify-content: center;  gap: 10px;  margin-top: 12px;}
.write-error {  padding: 12px 14px;  border-radius: 6px;  background: #fee2e2;  color: #b91c1c;  font-size: 14px;}


/* Quill 툴바의 크기 선택창 너비 조절 */
.ql-snow .ql-picker.ql-size {
  width: 80px;
}

/* 드롭다운 메뉴 내부에 실제 px 글자 매핑 */
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: '14px'; /* 기본값 표시 */
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before { content: '10px'; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before { content: '12px'; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before { content: '14px'; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before { content: '16px'; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before { content: '18px'; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before { content: '20px'; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before { content: '24px'; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before { content: '32px'; }


/*신청내역 css*/

.appli-con {border-top:2px solid #1D1E1F;}
.appli-con .appli-con-wrap {display: flex; flex-direction: column; gap:24px; padding: 32px 16px 24px;}
.appli-con .appli-con-wrap.write {gap:48px;}

.appli-table .title {font-size: 18px; font-family: 700; line-height: 135%; letter-spacing: -2%; color:#1D1E1F; padding:16px 0 ;}
.appli-table .appli-tr {display: flex; border-top: 1px solid #E1E4E5;  width: 100%;}
.appli-table .appli-tr:last-child {border-bottom: 1px solid #E1E4E5; flex:1 1 0;}
.appli-table .appli-tr .appli-td {display: flex; width: 50%; }
.appli-table .appli-tr .appli-td:only-child {width: 100%;}
.appli-table .appli-tr .appli-td div:first-child > p {width:160px;text-align: center;  font-weight: 500;}
.appli-table .appli-tr .appli-td p {padding: 16px;; width: 100%; font-weight: 700px; line-height: 150%; letter-spacing: -2%;color:#393B3D;}
.appli-table .appli-tr .appli-td > div { display: flex; align-items: center; }
.appli-table .appli-tr .appli-td > div:last-child { width:100%;}

.appli-td > div {border-right: 1px solid #ddd;}
.appli-table .appli-tr .appli-td:last-child > div:last-child {border-right: none;}
.appli-table .appli-tr .appli-td > div:nth-child(2) > p {color:#1D1E1F; line-height: 150%; letter-spacing: -2%; font-weight: 400;}

.appli-btn {display: flex; justify-content: space-between; align-items: center;}
.appli-btn a {border-radius: 999px; width: 120px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 135%; letter-spacing: -2%; cursor: pointer;}
.appli-btn button {border-radius: 999px; width: 120px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 135%; letter-spacing: -2%; cursor: pointer;}
.appli-btn .list {border:1px solid #A5A8AB; padding: 0 20px;  color:#1D1E1F;}
.appli-btn .wrap {display: flex; gap:8px; align-items: center;}
.appli-btn .print {border:1px solid #A5A8AB; padding: 0 20px;  color:#1D1E1F;}
.appli-btn .delete {border:1px solid #DC2F3D; padding: 0 20px;  color:#DC2F3D;}
.appli-btn .edit {border:1px solid #1364BD; padding: 0 20px;  color:#1364BD; background: #1364BD; color:#fff;;}
.appli-btn .wrap.pc-btn {display: none;}

.write-table .title {font-size: 18px; font-weight: 700; line-height: 135%; letter-spacing: -2%; color:#1D1E1F; padding:16px 0 ; border-bottom: 1px solid #E1E4E5;}
.write-table .title.chk-wrap {display: flex; gap:20px;}



@media screen and (max-width: 1280px){
  .board_wrap {padding: 68px 16px 102px; }
  .board-title { font-size: 44px;}

  .appli-btn .wrap.m-btn {display: none;;}
  .appli-btn .wrap.pc-btn {display: flex;}

  
  .pc-btn {position: relative;}
  .more-btn {cursor: pointer;}
  .hidden-btn {display: none;position: absolute; bottom: calc(100% + 8px); right: 0;z-index: 10; border:1px solid #ddd; border-radius: 12px; background: #fff; box-shadow: 1px 1px 20px 0px #0000001A;}
  .hidden-btn.on {display: block;}
  .m-print {border-bottom: 1px solid #ddd; border-radius: 0 !important;}
  .m-delete {color: #DC2F3D !important;}



}



@media screen and (max-width: 767px) {
  .write-row {grid-template-columns: 1fr;  }
  .board-flex {gap:32px;}
  .board-title { font-size: 24px;} 
  .board-top-title {flex-direction: column; align-items: flex-start; gap:20px;}

  .prew-next-btn > p {width: 100px; font-size: 14px;;}
  .prew-next-btn > div > a {font-size:14px;}


  .view-wrap { gap:32px;}


  /* 신청내역 */

  .view-title-wrap {gap:8px;}
  .view-title-wrap .title {font-size: 24px;;}
  .view-sub-title {font-size: 14px;;}

  .appli-con .appli-con-wrap {padding: 24px 0 48px;  gap:16px;}
  .appli-table .appli-tr {flex-direction: column;}
  .appli-table .appli-tr .appli-td {width: 100%;}
  .appli-table .appli-tr .appli-td:first-child { border-bottom: 1px solid #ddd;;}
  .appli-table .appli-tr:last-child {border-bottom: 0;;}
  .appli-td > div:last-child {border-right: 0;;}
  .appli-table .appli-tr .appli-td div:first-child > p {width: 108px;;}




  
}




/*상세보기 프린트 옵션*/

@media print {
    @page {
        size: A4;
        margin: 10mm;
    }

    body * {
        visibility: hidden;
    }

    .print-area,
    .print-area * {
        visibility: visible;
        zoom:0.95;
    }

    .print-area {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .print {
        display: none !important;
    }
    .prew-next-wrap,
    .appli-btn {
        display: none !important;
    }

}