@charset "utf-8";

/* ==========================================================================
   분당연세 갤러리(센터안내) 전용 스킨 스타일
   list.skin.php / view.skin.php 는 Tailwind 유틸리티 클래스로 대부분 스타일링했고,
   이 파일은 아직 Tailwind 클래스를 붙이지 않은 글쓰기(write.skin.php)·댓글
   (view_comment.skin.php) 폼 요소에 최소한의 일관된 스타일을 입힌다.
   ========================================================================== */

#bo_w, #bo_vc {
    max-width: 56rem;
    margin: 0 auto;
    padding: 2rem 1rem 4rem;
    font-family: 'Pretendard', 'Outfit', system-ui, sans-serif;
    color: #2B2621;
}

#bo_w table, #bo_vc table { width: 100%; border-collapse: collapse; }

.bo_w_tit, .bo_w_info, .bo_w_select, .bo_w_flie, .bo_w_link {
    margin-bottom: 14px;
}
.bo_w_tit th, .bo_w_info th, .bo_w_select th, .bo_w_flie th, .bo_w_link th {
    text-align: left;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 600;
    color: #5B534A;
    width: 110px;
    white-space: nowrap;
}
.bo_w_tit td, .bo_w_info td, .bo_w_select td, .bo_w_flie td, .bo_w_link td {
    padding: 8px 0;
}

#bo_w input[type="text"], #bo_w input[type="password"], #bo_w input[type="email"],
#bo_w textarea, #bo_w select,
#bo_vc textarea, #bo_vc input[type="text"], #bo_vc input[type="password"] {
    border: 1px solid #E5DFD3;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 15px;
    font-family: inherit;
    color: #2B2621;
    background: #fff;
}
#bo_w input:focus, #bo_w textarea:focus, #bo_w select:focus,
#bo_vc input:focus, #bo_vc textarea:focus {
    outline: none;
    border-color: #DB7233;
    box-shadow: 0 0 0 3px rgba(219,114,51,0.12);
}

#bo_w .frm_info { display: block; margin-top: 6px; font-size: 12.5px; color: #9c9488; }

.bo_w_option { display: flex; flex-wrap: wrap; gap: 14px; margin: 14px 0; font-size: 14px; color: #5B534A; }
.bo_w_option label { display: inline-flex; align-items: center; gap: 6px; }

.btn_confirm { display: flex; justify-content: center; gap: 10px; margin-top: 24px; }
#bo_w .btn_submit, #bo_vc .btn_submit,
#bo_w .btn_confirm .btn, #bo_vc .btn_confirm .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 0 26px;
    border-radius: 999px;
    background: #DB7233;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    border: 0;
    cursor: pointer;
    transition: background .3s;
}
#bo_w .btn_submit:hover, #bo_vc .btn_submit:hover { background: #C25E28; }
#bo_w .btn_cancel, #bo_vc .btn_cancel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 0 26px;
    border-radius: 999px;
    background: #fff;
    color: #5B534A;
    border: 1px solid #E5DFD3;
    font-size: 15px;
}

/* 댓글 영역 */
#bo_vc { padding-top: 0; }
#bo_vc .cm_wrap { border-top: 1px solid #EFE9DC; padding-top: 24px; margin-top: 24px; }
#bo_vc .total { font-size: 16px; font-weight: 700; color: #2B2621; margin-bottom: 14px; }
#bo_vc ul { list-style: none; margin: 0; padding: 0; }
#bo_vc .bo_vc_w { background: #FBF7EF; border-radius: 16px; padding: 16px; margin-top: 16px; }
#bo_vc .cmt_contents { line-height: 1.6; font-size: 15px; color: #2B2621; padding: 12px 4px; }
#bo_vc .bo_vc_hdinfo { font-size: 13px; color: #9c9488; }