/* 갤러리 목록 */
#bo_gall h2 {
    margin:0;
    padding:0;
    width:1px;
    height:1px;
    font-size:0;
    line-height:0;
    overflow:hidden;
}


/* =========================================================
   목록 관리자 옵션 메뉴 위치 보정
   점 3개 버튼 바로 아래에 수정·삭제·복사·이동 메뉴 표시
========================================================= */

/* 옵션 버튼을 감싸는 li를 절대 위치의 기준점으로 설정 */
#bo_gall #bo_btn_top .btn_bo_user > li,
#bo_gall .bo_fx .btn_bo_user > li {
    position:relative !important;
}

/* 점 3개 버튼 */
#bo_gall .btn_more_opt.is_list_btn {
    position:relative !important;
    z-index:1002 !important;
}

/* 옵션 메뉴를 점 3개 버튼 바로 아래로 이동 */
#bo_gall .btn_bo_user > li > .more_opt.is_list_btn {
    display:none;
    position:absolute !important;
    top:calc(100% + 8px) !important;
    right:auto !important;
    bottom:auto !important;
    left:0 !important;
    z-index:1001 !important;
    width:130px !important;
    margin:0 !important;
    padding:6px 0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#111 !important;
    box-shadow:0 8px 22px rgba(0,0,0,.18) !important;
    transform:none !important;
    -webkit-transform:none !important;
}

#bo_gall .more_opt.is_list_btn > li {
    position:relative !important;
    float:none !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    text-align:left !important;
}

#bo_gall .more_opt.is_list_btn > li > button,
#bo_gall .more_opt.is_list_btn > li > a {
    display:block !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:10px 14px !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    font-size:13px !important;
    line-height:1.4 !important;
    text-align:left !important;
    cursor:pointer !important;
}

#bo_gall .more_opt.is_list_btn > li > button:hover,
#bo_gall .more_opt.is_list_btn > li > button:focus,
#bo_gall .more_opt.is_list_btn > li > a:hover,
#bo_gall .more_opt.is_list_btn > li > a:focus {
    background:#292929 !important;
    color:#fff !important;
}

#bo_gall .more_opt.is_list_btn > li i {
    float:right !important;
    margin-left:8px !important;
    line-height:inherit !important;
}

/* 메뉴 위쪽 화살표 */
#bo_gall .more_opt.is_list_btn::before {
    position:absolute !important;
    top:-6px !important;
    right:auto !important;
    bottom:auto !important;
    left:14px !important;
    display:block !important;
    width:0 !important;
    height:0 !important;
    border-right:6px solid transparent !important;
    border-bottom:6px solid #111 !important;
    border-left:6px solid transparent !important;
    content:"" !important;
}

#bo_gall .more_opt.is_list_btn::after {
    display:none !important;
    content:none !important;
}

#bo_gall #gall_ul {
    margin:10px -10px 0;
    padding:0;
    list-style:none;
    zoom:1;
}

#bo_gall #gall_ul:after {
    display:block;
    visibility:hidden;
    clear:both;
    content:"";
}


/* =========================================
   갤러리 게시물 간격
========================================= */

#bo_gall .gall_li {
    padding-bottom:20px;
    box-sizing:border-box;
}


/* 게시물 내부 */
#bo_gall .gall_li .gall_chk {
    position:absolute;
    top:0;
    left:0;
    padding:5px;
    z-index:1;
}

#bo_gall .gall_box {
    position:relative;
    margin:0;
    border-radius:0 0 2px 2px;
}

#bo_gall .gall_con {
    position:relative;
}


/* =========================================
   갤러리 좌우 간격
========================================= */

.gall_row .col-gn-0,
.gall_row .col-gn-1,
.gall_row .col-gn-2,
.gall_row .col-gn-3,
.gall_row .col-gn-4,
.gall_row .col-gn-5,
.gall_row .col-gn-6,
.gall_row .col-gn-7,
.gall_row .col-gn-8,
.gall_row .col-gn-9,
.gall_row .col-gn-10 {
    position:relative;
    min-height:1px;
    padding-left:10px;
    padding-right:10px;
    float:left;
    box-sizing:border-box;
    margin-left:0;
}


/* PC 컬럼 */
.gall_row .col-gn-0,
.gall_row .col-gn-1 {
    width:100%;
}

.gall_row .col-gn-2 {
    width:50%;
}

.gall_row .col-gn-3 {
    width:33.33333333%;
}

.gall_row .col-gn-4 {
    width:25%;
}

.gall_row .col-gn-5 {
    width:20%;
}

.gall_row .col-gn-6 {
    width:16.66666667%;
}

.gall_row .col-gn-7 {
    width:14.28571428%;
}

.gall_row .col-gn-8 {
    width:12.5%;
}

.gall_row .col-gn-9 {
    width:11.11111111%;
}

.gall_row .col-gn-10 {
    width:10%;
}


/* =========================================
   태블릿
========================================= */

@media (max-width:1024px) {

    #bo_gall .gall_li {
        padding-bottom:18px;
    }

}


/* =========================================
   모바일
========================================= */

@media (max-width:768px) {

    #bo_gall #gall_ul {
        margin-left:-7px;
        margin-right:-7px;
    }

    .gall_row .col-gn-0,
    .gall_row .col-gn-1,
    .gall_row .col-gn-2,
    .gall_row .col-gn-3,
    .gall_row .col-gn-4,
    .gall_row .col-gn-5,
    .gall_row .col-gn-6,
    .gall_row .col-gn-7,
    .gall_row .col-gn-8,
    .gall_row .col-gn-9,
    .gall_row .col-gn-10 {
        padding-left:7px;
        padding-right:7px;
    }

    #bo_gall .gall_li {
        padding-bottom:14px;
    }

}


/* =========================================
   작은 모바일
========================================= */

@media (max-width:480px) {

    #bo_gall #gall_ul {
        margin-left:-5px;
        margin-right:-5px;
    }

    .gall_row .col-gn-0,
    .gall_row .col-gn-1,
    .gall_row .col-gn-2,
    .gall_row .col-gn-3,
    .gall_row .col-gn-4,
    .gall_row .col-gn-5,
    .gall_row .col-gn-6,
    .gall_row .col-gn-7,
    .gall_row .col-gn-8,
    .gall_row .col-gn-9,
    .gall_row .col-gn-10 {
        padding-left:5px;
        padding-right:5px;
    }

    #bo_gall .gall_li {
        padding-bottom:10px;
    }

}

/* =========================================================
   갤러리 리스트 간격 최종 보정
   반드시 style.css 가장 마지막에 위치
========================================================= */

/* PC 기본 */
#bo_gall.ln_clients #gall_ul {
    margin:10px -10px 0 !important;
    padding:0 !important;
    list-style:none;
}

#bo_gall.ln_clients #gall_ul > li.gall_li {
    position:relative;
    box-sizing:border-box;
    margin-top:0 !important;
    margin-bottom:20px !important;
}

/* gall_box에서 별도 하단 여백 제거 */
#bo_gall.ln_clients #gall_ul > li.gall_li > .gall_box {
    margin:0 !important;
    padding:0 !important;
}

/* 좌우 간격 */
#bo_gall.ln_clients .gall_row .col-gn-0,
#bo_gall.ln_clients .gall_row .col-gn-1,
#bo_gall.ln_clients .gall_row .col-gn-2,
#bo_gall.ln_clients .gall_row .col-gn-3,
#bo_gall.ln_clients .gall_row .col-gn-4,
#bo_gall.ln_clients .gall_row .col-gn-5,
#bo_gall.ln_clients .gall_row .col-gn-6,
#bo_gall.ln_clients .gall_row .col-gn-7,
#bo_gall.ln_clients .gall_row .col-gn-8,
#bo_gall.ln_clients .gall_row .col-gn-9,
#bo_gall.ln_clients .gall_row .col-gn-10 {
    padding-left:10px !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
}

/* 이미지 하단의 불필요한 inline 공간 방지 */
#bo_gall.ln_clients .gall_img img {
    display:block;
    width:100%;
    max-width:100%;
    height:auto !important;
    margin:0;
    padding:0;
}

/* 링크도 block 처리 */
#bo_gall.ln_clients .gall_img > a {
    display:block;
    width:100%;
}


/* =========================================================
   태블릿
========================================================= */
@media screen and (max-width:1024px) {

    #bo_gall.ln_clients #gall_ul {
        margin-left:-9px !important;
        margin-right:-9px !important;
    }

    #bo_gall.ln_clients #gall_ul > li.gall_li {
        margin-bottom:18px !important;
    }

    #bo_gall.ln_clients .gall_row .col-gn-0,
    #bo_gall.ln_clients .gall_row .col-gn-1,
    #bo_gall.ln_clients .gall_row .col-gn-2,
    #bo_gall.ln_clients .gall_row .col-gn-3,
    #bo_gall.ln_clients .gall_row .col-gn-4,
    #bo_gall.ln_clients .gall_row .col-gn-5,
    #bo_gall.ln_clients .gall_row .col-gn-6,
    #bo_gall.ln_clients .gall_row .col-gn-7,
    #bo_gall.ln_clients .gall_row .col-gn-8,
    #bo_gall.ln_clients .gall_row .col-gn-9,
    #bo_gall.ln_clients .gall_row .col-gn-10 {
        padding-left:9px !important;
        padding-right:9px !important;
    }
}


/* =========================================================
   모바일
========================================================= */
@media screen and (max-width:768px) {

    #bo_gall.ln_clients #gall_ul {
        margin-left:-7px !important;
        margin-right:-7px !important;
    }

    #bo_gall.ln_clients #gall_ul > li.gall_li {
        margin-bottom:14px !important;
    }

    #bo_gall.ln_clients .gall_row .col-gn-0,
    #bo_gall.ln_clients .gall_row .col-gn-1,
    #bo_gall.ln_clients .gall_row .col-gn-2,
    #bo_gall.ln_clients .gall_row .col-gn-3,
    #bo_gall.ln_clients .gall_row .col-gn-4,
    #bo_gall.ln_clients .gall_row .col-gn-5,
    #bo_gall.ln_clients .gall_row .col-gn-6,
    #bo_gall.ln_clients .gall_row .col-gn-7,
    #bo_gall.ln_clients .gall_row .col-gn-8,
    #bo_gall.ln_clients .gall_row .col-gn-9,
    #bo_gall.ln_clients .gall_row .col-gn-10 {
        padding-left:7px !important;
        padding-right:7px !important;
    }
}


/* =========================================================
   작은 모바일
========================================================= */
@media screen and (max-width:480px) {

    #bo_gall.ln_clients #gall_ul {
        margin-left:-5px !important;
        margin-right:-5px !important;
    }

    #bo_gall.ln_clients #gall_ul > li.gall_li {
        margin-bottom:10px !important;
    }

    #bo_gall.ln_clients .gall_row .col-gn-0,
    #bo_gall.ln_clients .gall_row .col-gn-1,
    #bo_gall.ln_clients .gall_row .col-gn-2,
    #bo_gall.ln_clients .gall_row .col-gn-3,
    #bo_gall.ln_clients .gall_row .col-gn-4,
    #bo_gall.ln_clients .gall_row .col-gn-5,
    #bo_gall.ln_clients .gall_row .col-gn-6,
    #bo_gall.ln_clients .gall_row .col-gn-7,
    #bo_gall.ln_clients .gall_row .col-gn-8,
    #bo_gall.ln_clients .gall_row .col-gn-9,
    #bo_gall.ln_clients .gall_row .col-gn-10 {
        padding-left:5px !important;
        padding-right:5px !important;
    }
}

/* 마우스 오버 시 이미지 축소 방지 */
#bo_gall.ln_clients .gall_img img,
#bo_gall.ln_clients .gall_img:hover img,
#bo_gall.ln_clients .gall_img a:hover img,
#bo_gall.ln_clients .gall_box:hover .gall_img img,
#bo_gall.ln_clients .gall_li:hover .gall_img img {
    width:100% !important;
    max-width:100% !important;
    transform:none !important;
    -webkit-transform:none !important;
}

/* 첫 번째 줄 공지글 고정 */
@media screen and (min-width:769px) {
    #bo_gall.ln_clients #gall_ul > li.gall_notice {
        position:-webkit-sticky !important;
        position:sticky !important;
        top:0;
        z-index:100;
        background:#fff;
    }
}

/* 갤러리 썸네일 정사각형 설정 */
#bo_gall.ln_clients .gall_img {
    width:100%;
    aspect-ratio:1 / 1;
    overflow:hidden;
}

#bo_gall.ln_clients .gall_img > a {
    display:block;
    width:100%;
    height:100%;
}

#bo_gall.ln_clients .gall_img img {
    display:block;
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    object-position:center;
}

/* 상단 메뉴가 게시판 썸네일보다 위에 표시되도록 설정 */
#hd,
#header,
header,
.header,
.header_wrap {
    position:relative !important;
    z-index:99999 !important;
    overflow:visible !important;
}

/* 상단 메뉴와 드롭다운 메뉴 */
#gnb,
.gnb,
#gnb ul,
.gnb ul,
#gnb .submenu,
.gnb .submenu,
#gnb .depth2,
.gnb .depth2 {
    z-index:100000 !important;
}

/* 게시판 영역은 상단 메뉴보다 아래로 설정 */
#bo_gall,
#bo_gall #gall_ul,
#bo_gall .gall_li {
    z-index:1;
}


/* =========================================================
   게시판 글쓰기 / 수정 화면
   기능 및 HTML 구조는 그대로 두고 화면만 정돈
========================================================= */

#bo_w {
    --write-text:#202124;
    --write-muted:#777d86;
    --write-line:#e2e5e9;
    --write-soft:#f7f8fa;
    --write-dark:#18191b;
    --write-focus:#8a8f98;
    width:100%;
    max-width:1120px;
    margin:60px auto 100px;
    padding:0 30px;
    color:var(--write-text);
    font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;
    font-size:14px;
    line-height:1.6;
    box-sizing:border-box;
}

#bo_w *,
#bo_w *::before,
#bo_w *::after {
    box-sizing:border-box;
}

#bo_w #fwrite {
    width:100% !important;
    max-width:100%;
    margin:0;
}

#bo_w ul,
#bo_w li,
#bo_w p {
    margin-top:0;
}

#bo_w .write_div {
    position:relative;
    margin:0 0 20px;
}

#bo_w .write_div::after,
#bo_w .bo_w_info::after,
#bo_w .bo_v_option::after {
    display:block;
    clear:both;
    content:"";
}

/* 분류 선택 */
#bo_w .bo_w_select select {
    display:block;
    width:100%;
    height:50px;
    margin:0;
    padding:0 44px 0 16px;
    border:1px solid var(--write-line);
    border-radius:2px;
    outline:0;
    background-color:#fff;
    color:var(--write-text);
    font:inherit;
    cursor:pointer;
    transition:border-color .2s ease, box-shadow .2s ease;
}

#bo_w .bo_w_select select:focus {
    border-color:var(--write-focus);
    box-shadow:0 0 0 3px rgba(32,33,36,.06);
}

/* 작성자 정보 및 일반 입력칸 */
#bo_w .frm_input,
#bo_w input[type="text"],
#bo_w input[type="password"],
#bo_w input[type="email"],
#bo_w input[type="url"] {
    height:50px;
    padding:0 16px;
    border:1px solid var(--write-line);
    border-radius:2px;
    outline:0;
    background:#fff;
    color:var(--write-text);
    font:inherit;
    box-shadow:none;
    transition:border-color .2s ease, box-shadow .2s ease;
}

#bo_w .frm_input:focus,
#bo_w input[type="text"]:focus,
#bo_w input[type="password"]:focus,
#bo_w input[type="email"]:focus,
#bo_w input[type="url"]:focus {
    border-color:var(--write-focus);
    box-shadow:0 0 0 3px rgba(32,33,36,.06);
}

#bo_w input::placeholder,
#bo_w textarea::placeholder {
    color:#a4a8ae;
    opacity:1;
}

#bo_w .full_input {
    width:100%;
}

#bo_w .half_input {
    float:left;
    width:calc(50% - 6px);
    margin:0 12px 12px 0;
}

#bo_w .half_input:nth-of-type(even) {
    margin-right:0;
}

/* 공지·비밀글·메일 옵션 */
#bo_w .bo_v_option {
    display:flex;
    flex-wrap:wrap;
    gap:10px 22px;
    margin:0;
    padding:14px 16px;
    border:1px solid #eceef1;
    border-radius:2px;
    background:var(--write-soft);
    list-style:none;
}

#bo_w .bo_v_option li {
    position:relative;
    float:none;
    margin:0;
    padding:0;
}

#bo_w .chk_box input[type="checkbox"] {
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
}

#bo_w .chk_box input[type="checkbox"] + label {
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 0 0 27px;
    color:#50545a;
    font-size:13px;
    cursor:pointer;
}

#bo_w .chk_box input[type="checkbox"] + label span {
    position:absolute;
    top:50%;
    left:0;
    display:block;
    width:17px;
    height:17px;
    margin:-9px 0 0;
    border:1px solid #c8ccd2;
    border-radius:2px;
    background:#fff;
}

#bo_w .chk_box input[type="checkbox"]:checked + label span {
    border-color:var(--write-dark);
    background-color:var(--write-dark);
}

#bo_w .chk_box input[type="checkbox"]:checked + label span::after {
    position:absolute;
    top:2px;
    left:5px;
    width:5px;
    height:9px;
    border:solid #fff;
    border-width:0 2px 2px 0;
    content:"";
    transform:rotate(45deg);
}

/* 제목과 임시저장 */
#bo_w .bo_w_tit,
#bo_w #autosave_wrapper {
    margin-bottom:20px;
}

#bo_w #wr_subject {
    width:100%;
    height:54px;
    padding-right:190px;
    font-size:15px;
    font-weight:500;
}

#bo_w #btn_autosave {
    position:absolute;
    top:8px;
    right:8px;
    z-index:2;
    height:38px;
    margin:0;
    padding:0 14px;
    border:0;
    border-radius:2px;
    background:#353940;
    color:#fff;
    font-family:inherit;
    font-size:12px;
    line-height:38px;
    cursor:pointer;
}

#bo_w #btn_autosave:hover,
#bo_w #btn_autosave:focus {
    background:#18191b;
}

#bo_w #autosave_pop {
    display:none;
    position:absolute !important;
    top:52px;
    right:0;
    z-index:100;
    width:360px;
    max-width:100%;
    padding:0;
    border:1px solid #d7dae0;
    border-radius:3px;
    background:#fff;
    box-shadow:0 12px 30px rgba(0,0,0,.12);
}

#bo_w #autosave_pop > strong {
    display:block;
    position:static;
    width:auto;
    height:auto;
    padding:15px 18px;
    border-bottom:1px solid #eceef1;
    font-size:13px;
    line-height:1.4;
}

#bo_w #autosave_pop ul {
    max-height:220px;
    margin:0;
    padding:8px;
    overflow-y:auto;
    list-style:none;
}

#bo_w #autosave_pop li {
    margin:0;
    padding:9px 10px;
    border-bottom:1px solid #f0f1f3;
    background:#fff;
}

#bo_w #autosave_pop li:last-child {
    border-bottom:0;
}

#bo_w #autosave_pop a {
    color:#31343a;
    text-decoration:none;
}

#bo_w #autosave_pop .autosave_close {
    width:100%;
    height:40px;
    border:0;
    border-top:1px solid #eceef1;
    background:#fafafa;
    color:#555b63;
    cursor:pointer;
}

/* 본문 에디터 */
#bo_w .wr_content {
    width:100%;
    margin:0;
}

#bo_w .wr_content textarea,
#bo_w textarea#wr_content {
    display:block;
    width:100%;
    min-height:420px;
    padding:18px;
    border:1px solid var(--write-line);
    border-radius:2px;
    outline:0;
    background:#fff;
    color:var(--write-text);
    font:inherit;
    line-height:1.75;
    resize:vertical;
}

#bo_w .wr_content textarea:focus,
#bo_w textarea#wr_content:focus {
    border-color:var(--write-focus);
}

#bo_w .wr_content iframe {
    max-width:100%;
    background:#fff;
}

#bo_w .wr_content > div,
#bo_w .wr_content .smarteditor2 {
    max-width:100%;
}

#bo_w #char_count_desc {
    margin:0 0 8px;
    color:var(--write-muted);
    font-size:12px;
}

#bo_w #char_count_wrap {
    margin:7px 0 0;
    color:var(--write-muted);
    font-size:12px;
    text-align:right;
}

/* 관련 링크 */
#bo_w .bo_w_link {
    position:relative;
}

#bo_w .bo_w_link > label {
    position:absolute;
    top:1px;
    left:1px;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    color:#8b9097;
}

#bo_w .bo_w_link .frm_input {
    width:100%;
    padding-left:50px;
}

/* 이미지 업로더 */
#bo_w .bo_w_flie {
    clear:both;
}

#bo_w .ln_thumb_wrap,
#bo_w .ln_uploader_wrap {
    margin-top:30px;
    padding:24px;
    border:1px solid var(--write-line);
    border-radius:3px;
    background:#fff;
}

#bo_w .ln_uploader_label {
    display:block;
    margin:0 0 7px;
    color:#25282d;
    font-size:15px;
    font-weight:600;
}

#bo_w .ln_uploader_label i {
    width:20px;
    color:#777d86;
}

#bo_w .ln_dropzone_sub {
    color:#858a92;
    font-size:12px;
    line-height:1.6;
}

#bo_w .ln_thumb_box,
#bo_w .ln_dropzone {
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:150px;
    padding:25px;
    border:1px dashed #c9cdd3;
    border-radius:3px;
    background:var(--write-soft);
    color:#666c74;
    text-align:center;
    cursor:pointer;
    transition:border-color .2s ease, background-color .2s ease;
}

#bo_w .ln_thumb_box:hover,
#bo_w .ln_thumb_box:focus,
#bo_w .ln_dropzone:hover,
#bo_w .ln_dropzone:focus,
#bo_w .ln_dropzone_over {
    border-color:#777d86;
    outline:0;
    background:#f1f2f4;
}

#bo_w .ln_dropzone_main {
    margin:0 0 4px;
    color:#3d4147;
    font-size:14px;
    font-weight:600;
}

#bo_w .ln_dropzone_sub:last-child {
    margin-bottom:0 !important;
}

#bo_w .ln_preview_grid {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
    margin-top:16px;
}

#bo_w .ln_preview_item {
    position:relative;
    overflow:hidden;
    min-height:120px;
    border:1px solid #e0e3e7;
    border-radius:3px;
    background:#f4f5f6;
}

#bo_w .ln_preview_item img {
    display:block;
    width:100%;
    height:100%;
    min-height:120px;
    object-fit:cover;
}

#bo_w .ln_thumb_preview {
    width:220px;
    max-width:100%;
}

#bo_w .ln_preview_remove {
    position:absolute;
    top:7px;
    right:7px;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(20,21,23,.82);
    color:#fff;
    font-size:20px;
    line-height:1;
    cursor:pointer;
}

#bo_w .ln_preview_marked_delete {
    opacity:.35;
}

#bo_w .ln_slot_toggle {
    margin-top:18px;
    border-top:1px solid #eceef1;
}

#bo_w .ln_slot_toggle summary {
    padding:16px 0 0;
    color:#666c74;
    font-size:12px;
    cursor:pointer;
}

#bo_w .ln_slot_list {
    padding-top:15px;
}

#bo_w .file_wr {
    position:relative;
    min-height:48px;
    padding:7px 10px 7px 48px;
    border:1px solid var(--write-line);
    border-radius:2px;
    background:#fff;
}

#bo_w .file_wr .lb_icon {
    position:absolute;
    top:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:45px;
    height:100%;
    color:#90959c;
}

#bo_w .frm_file {
    width:100%;
    color:#555b63;
    font-family:inherit;
    font-size:12px;
}

#bo_w .file_del {
    display:block;
    margin-top:8px;
    color:#858a92;
    font-size:12px;
}

/* 취소·작성 버튼 */
#bo_w .btn_confirm {
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin-top:36px;
    padding-top:24px;
    border-top:1px solid var(--write-line);
    text-align:right;
}

#bo_w .btn_confirm .btn,
#bo_w .btn_cancel,
#bo_w .btn_submit {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:110px;
    height:48px;
    margin:0;
    padding:0 24px;
    border:1px solid var(--write-dark);
    border-radius:2px;
    font-family:inherit;
    font-size:13px;
    font-weight:600;
    line-height:46px;
    text-decoration:none;
    cursor:pointer;
}

#bo_w .btn_cancel {
    border-color:#d7dae0;
    background:#fff;
    color:#555b63;
}

#bo_w .btn_submit {
    background:var(--write-dark);
    color:#fff;
}

#bo_w .btn_cancel:hover,
#bo_w .btn_cancel:focus {
    border-color:#999ea6;
    color:#202124;
}

#bo_w .btn_submit:hover,
#bo_w .btn_submit:focus {
    background:#33363b;
}

/* 자동등록방지 */
#bo_w #captcha {
    padding:20px;
    border:1px solid var(--write-line);
    border-radius:3px;
    background:var(--write-soft);
}

/* 태블릿 */
@media screen and (max-width:1024px) {
    #bo_w {
        margin-top:40px;
        padding-right:22px;
        padding-left:22px;
    }

    #bo_w .ln_preview_grid {
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

/* 모바일 */
@media screen and (max-width:768px) {
    #bo_w {
        margin:25px auto 60px;
        padding-right:16px;
        padding-left:16px;
        font-size:13px;
    }

    #bo_w .write_div {
        margin-bottom:14px;
    }

    #bo_w .half_input {
        float:none;
        width:100%;
        margin:0 0 10px;
    }

    #bo_w #wr_subject {
        height:50px;
        padding-right:16px;
    }

    #bo_w #btn_autosave {
        position:static;
        width:100%;
        height:40px;
        margin-top:8px;
        line-height:40px;
    }

    #bo_w #autosave_pop {
        top:100%;
        width:100%;
    }

    #bo_w .wr_content textarea,
    #bo_w textarea#wr_content {
        min-height:340px;
    }

    #bo_w .ln_thumb_wrap,
    #bo_w .ln_uploader_wrap {
        margin-top:22px;
        padding:18px;
    }

    #bo_w .ln_thumb_box,
    #bo_w .ln_dropzone {
        min-height:130px;
        padding:20px 14px;
    }

    #bo_w .ln_preview_grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    #bo_w .btn_confirm {
        gap:6px;
    }

    #bo_w .btn_confirm .btn,
    #bo_w .btn_cancel,
    #bo_w .btn_submit {
        flex:1;
        min-width:0;
        padding:0 12px;
    }
}
/* =========================================================
   VIEW 페이지 전용 이미지 보정
   #bo_gall 리스트에는 절대 적용되지 않음
========================================================= */

#bo_v.ln_split #bo_v_img {
    height:auto !important;
    overflow:visible !important;
}

#bo_v.ln_split #bo_v_img .ln_img_row {
    width:100% !important;
    height:auto !important;
    overflow:visible !important;
}

/* 가로 이미지 */
#bo_v.ln_split #bo_v_img .ln_img_full img {
    display:block !important;

    width:100% !important;
    height:auto !important;

    max-width:100% !important;
    max-height:none !important;

    object-fit:contain !important;
    object-position:center !important;

    transform:none !important;
    -webkit-transform:none !important;

    image-rendering:auto !important;
}

/* 세로 이미지 2장 */
#bo_v.ln_split #bo_v_img .ln_img_pair {
    display:flex !important;
    gap:20px !important;
    align-items:flex-start !important;
}

#bo_v.ln_split #bo_v_img .ln_img_pair img {
    display:block !important;

    width:calc(50% - 10px) !important;
    height:auto !important;

    max-width:calc(50% - 10px) !important;
    max-height:none !important;

    object-fit:contain !important;
}

/* 세로 이미지 1장 */
#bo_v.ln_split #bo_v_img .ln_img_single img {
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:50% !important;
    max-height:none !important;

    margin:0 auto !important;

    object-fit:contain !important;
}

/* 모바일 */
@media screen and (max-width:768px) {

    #bo_v.ln_split #bo_v_img .ln_img_pair {
        display:block !important;
    }

    #bo_v.ln_split #bo_v_img .ln_img_pair img,
    #bo_v.ln_split #bo_v_img .ln_img_single img {
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        margin-bottom:12px !important;
    }
}