@charset "utf-8";

/* 목록형 */
#board .board-table { margin: 2rem 0; border-spacing: 0; }
#board .board-table thead th, #board .board-table tbody td { padding: 1.5rem .75rem; }
#board .board-table thead th { background-color: var(--pointcolor); color: #fff; font-weight: 700; }
#board .board-table thead tr th:first-child { border-radius: .5rem 0 0 .5rem; }
#board .board-table thead tr th:last-child { border-radius: 0 .5rem .5rem 0; }
#board .board-table tbody td { letter-spacing: -0.5px; color: #a3a3a3; background-color: transparent; border-bottom: 1px solid #e7e7e7; transition: .3s; }
#board .board-table tbody tr:hover td { background-color: #f6f6f6; }
#board .board-table tbody td span.stat { display: inline-block; padding: .5rem 1.25rem; border-radius: 1.5rem; background-color: var(--gray); color: #fff; }
#board .board-table tbody td span.stat.complete { background-color: var(--pointcolor); }
@media(max-width:990px){
    #board .board-table-container { width: 100%; overflow-x: auto; white-space: nowrap; }
    #board .board-table-container colgroup { display: none; }
    #board .board-table thead th, #board .board-table tbody td { padding: 1.25rem 1rem; }
}

/* 갤러리 */
#board .galleryList { margin: 2rem 0; --y-gap: 3rem; }
#board .galleryList li .img { position: relative; }
#board .galleryList li .gall_chk { position: absolute; top: .75rem; left: .75rem; z-index: 5; }
#board .galleryList li .gall_chk input[type=checkbox] { transform: scale(1.25); accent-color: var(--pointcolor); }
#board .galleryList li .img a { position: relative; display: block; border-radius: .5rem; overflow: hidden; }
#board .galleryList li .img .gallery-label { position: absolute; width: 100%; bottom: 0; left: 0; right: 0; background-color: var(--pointcolor); padding: 1rem 1.25rem; }
#board .galleryList li .img .gallery-label span { opacity: .8; }
#board .galleryList li .img .gallery-label img { max-width: 100px; }
#board .galleryList li .txt { padding: .75rem 0; }

/* 작성 - 폼 목록 */
#board .formList { --x-gap: 3rem; --y-gap: 3rem; }
#board .formList .box > label > samp { position: relative; top: -.25rem; left: .25rem; }
#board .formList input[type=text],
#board .formList input[type=tel],
#board .formList textarea { padding: 1rem 1.5rem; height: auto; background-color: #f6f6f6; border: none !important; box-shadow: none !important; border-radius: .5rem; }
#board .formList textarea { min-height: 200px; resize: none; }
#board .formList input[type=text]::placeholder,
#board .formList input[type=tel]::placeholder,
#board .formList textarea::placeholder { color: #b0b4b9; font-weight: 600; }
#board .formList input[type=text]:disabled,
#board .formList input[type=tel]:disabled,
#board .formList textarea:disabled { background-color: var(--light-gray); cursor: not-allowed; }
#board .formList .input-flex input[type=radio] { transform: scale(1.5); accent-color: var(--pointcolor); }
#board .formList .input-flex input[type=radio] + label { margin-left: .75rem; }
#board .formList .etcInput { margin-left: 5%; width: 75%; }
@media (max-width:990px){
    #board .formList input[type=text],
    #board .formList input[type=tel],
    #board .formList textarea { padding: 1.5rem 1.25rem; font-size: 1.25rem; }
    #board .formList .input-flex input[type=radio] { transform: scale(1); }
    #board .formList .etcInput { width: 50%; }
}

/* 캡차 */
#board .catchaWrap #captcha { display: inline-flex; align-items: center; }
#board .catchaWrap #captcha #captcha_mp3,
#board .catchaWrap #captcha #captcha_info { display: none; }
@media (max-width:990px){
    #board .catchaWrap { width: 100%; margin-bottom: .5rem; text-align: center; }
    #board .catchaWrap #captcha { display: block;  }
    #board  #captcha.m_captcha #captcha_img { margin: auto; }
    #board  #captcha.m_captcha audio { display: none; }
}

/* 작성 - 파일 처리 */
#board .bo_w_flie { position: relative; }
#board .bo_w_flie .file_wr { margin: .25rem 0; padding: .25rem .5rem; border: 1px solid var(--gray); border-radius: .25rem; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }
#board .bo_w_flie .file_del { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); }
#board .bo_w_flie .file_del label { color: var(--gray); }
#board .frm_input { border-color: var(--gray); }
/* 작성 - 버튼 */
#board .btn_confirm button { margin: 0 .5rem; padding: 1rem 1.5rem; font-size: 1.5rem; line-height: 1; font-weight: 600; border-radius: .25rem; color: #fff; }
#board .btn_confirm button.btn_cls { background-color: var(--gray); }
#board .btn_confirm button.btn_smt { background-color: var(--pointcolor); }
#board .viewCtrl a { display: inline-flex; padding: 1rem 2.5rem; border-radius: 3rem; }

/* 게시판 상단 / 검색 */
#board #board_search { display: inline-flex; align-items: center; }
#board #board_search form { position: relative; }
#board #board_search form input[type=search] { padding: 1rem 1.5rem; min-width: 350px; height: auto; background-color: #f6f6f6; border: none !important; box-shadow: none !important; border-radius: .5rem; }
#board #board_search form input[type=search]::placeholder { color: #7b7b7b; }
#board #board_search form button[type=submit] { position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); }
@media(max-width:990px){
    #board .board_header > * { width: 100%; }
    #board #board_search form { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; font-size: 1.5rem; }
    #board #board_search form input[type=search] { min-width: auto; width: 100%; padding: 1.25rem 1.5rem; }
} 

/* 게시판 상단/하단 */
#board .board_footer > * { width: 33.3%; }
#board .board_footer .pg_wrap { display: inline-flex; justify-content: center; }
#board .board_footer .pg_wrap .pg > * { display: inline-flex; align-items: center; justify-content: center; min-width: 2.5rem; height: auto; aspect-ratio: 1/1; padding: 0 1rem; border-radius: .25rem; line-height: 1; font-size: 1rem; border: none; }
#board .board_footer .pg_wrap .pg .pg_page { background-color: transparent; }
#board .board_footer .board_ctrl { display: flex; align-items: center; justify-content: flex-end; }
@media(max-width:990px){
    #board .board_footer > * { width: 100%; }
    #board .board_footer .board_ctrl > * { margin-left: 1rem; }
}