@charset "utf-8";

/* =========================================================
   COWAY GIFT BOARD SKIN
========================================================= */

#bo_gall,
#bo_v,
#bo_gall *,
#bo_v * {
    box-sizing:border-box;
}

#bo_gall,
#bo_v {
    width:100% !important;
    max-width:1450px;
    margin:0 auto;
    color:#222;
}

#bo_gall ul,
#bo_v ul {
    margin:0;
    padding:0;
    list-style:none;
}

#bo_gall a,
#bo_v a {
    text-decoration:none;
}

/* 카테고리 */
.coway-gift-cate {
    margin:0 0 35px;
}

.coway-gift-cate h2 {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
}

.coway-gift-cate ul {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.coway-gift-cate li {
    margin:0;
    padding:0;
}

.coway-gift-cate a {
    display:inline-flex;
    min-height:40px;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    border:1px solid #dfe5e9;
    border-radius:22px;
    background:#fff;
    color:#68727a;
    font-size:13px;
    font-weight:600;
    transition:.2s ease;
}

.coway-gift-cate a:hover,
.coway-gift-cate a:focus,
.coway-gift-cate #bo_cate_on {
    border-color:#159ade;
    background:#159ade;
    color:#fff;
}

/* 목록 상단 */
.coway-gift-list-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:0 0 26px;
    padding:0 0 18px;
    border-bottom:1px solid #e7ebee;
}

.coway-gift-total {
    color:#7d858b;
    font-size:14px;
}

.coway-gift-total strong {
    color:#159ade;
    font-weight:800;
}

.coway-gift-list-actions {
    display:flex;
    align-items:center;
    gap:8px;
}

/* 버튼 */
.coway-btn {
    display:inline-flex;
    min-width:82px;
    height:40px;
    align-items:center;
    justify-content:center;
    padding:0 17px;
    border-radius:22px;
    font-size:13px;
    font-weight:700;
    line-height:1;
    cursor:pointer;
    transition:.2s ease;
}

.coway-btn-line {
    border:1px solid #d9e0e5;
    background:#fff;
    color:#48525a;
}

.coway-btn-line:hover {
    border-color:#159ade;
    color:#159ade;
}

.coway-btn-blue {
    border:1px solid #159ade;
    background:#159ade;
    color:#fff !important;
}

.coway-btn-blue:hover {
    border-color:#078dd2;
    background:#078dd2;
}

/* 관리자 선택 */
.coway-gift-adminbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin:0 0 18px;
    padding:13px 16px;
    border-radius:10px;
    background:#f6f8fa;
}

.coway-check-all {
    display:flex;
    align-items:center;
    gap:7px;
    color:#59636b;
    font-size:13px;
}

.coway-gift-adminbar > div {
    display:flex;
    gap:6px;
}

/* 목록 GRID */
.coway-gift-grid {
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:52px 22px;
}

.coway-gift-item {
    position:relative;
    min-width:0;
}

.coway-gift-card {
    display:block;
    color:#222;
}

/* 썸네일 */
.coway-gift-thumb {
    position:relative;
    width:100%;
    aspect-ratio:1 / 1;
    overflow:hidden;
    border:1px solid #edf0f2;
    border-radius:18px;
    background:#f6f8f9;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.coway-gift-thumb img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}

.coway-gift-card:hover .coway-gift-thumb {
    transform:translateY(-4px);
    border-color:#d9e9f1;
    box-shadow:0 14px 34px rgba(27,52,69,.08);
}

.coway-gift-card:hover .coway-gift-thumb img {
    transform:scale(1.025);
}

.coway-gift-no-image,
.coway-gift-notice-thumb {
    display:flex;
    width:100%;
    height:100%;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    color:#a1aab1;
}

.coway-gift-no-image strong,
.coway-gift-notice-thumb strong {
    color:#159ade;
    font-size:24px;
    font-weight:800;
    letter-spacing:.08em;
}

.coway-gift-no-image span,
.coway-gift-notice-thumb span {
    font-size:12px;
}

.coway-gift-badge {
    position:absolute;
    top:14px;
    left:14px;
    display:inline-flex;
    height:27px;
    align-items:center;
    padding:0 10px;
    border-radius:14px;
    background:#159ade;
    color:#fff;
    font-size:11px;
    font-weight:700;
}

.coway-gift-check {
    position:absolute;
    z-index:5;
    top:12px;
    right:12px;
}

.coway-gift-check input {
    width:20px;
    height:20px;
}

/* 상품정보 */
.coway-gift-info {
    padding:16px 2px 0;
}

.coway-gift-category {
    display:inline-flex;
    margin:0 0 8px;
    padding:5px 9px;
    border-radius:11px;
    background:#edf8fd;
    color:#159ade;
    font-size:11px;
    font-weight:700;
}

.coway-gift-name {
    margin:0;
    color:#20272c;
    font-size:17px;
    font-weight:700;
    line-height:1.45;
    letter-spacing:-.45px;
    word-break:keep-all;
}

.coway-gift-card:hover .coway-gift-name {
    color:#159ade;
}

.coway-gift-code {
    margin:7px 0 0;
    color:#929aa0;
    font-size:12px;
}

.coway-gift-code strong {
    color:#66717a;
    font-weight:600;
}

.coway-gift-detail {
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:12px;
    color:#929aa0;
    font-size:12px;
    font-weight:600;
}

.coway-gift-detail i {
    font-style:normal;
    transition:transform .2s ease;
}

.coway-gift-card:hover .coway-gift-detail {
    color:#159ade;
}

.coway-gift-card:hover .coway-gift-detail i {
    transform:translateX(3px);
}

.coway-gift-empty {
    grid-column:1 / -1;
    display:flex;
    min-height:220px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid #e7ebee;
    border-radius:16px;
    background:#fafbfc;
    color:#929aa0;
    text-align:center;
}

.coway-gift-empty strong {
    color:#5d666d;
    font-size:16px;
}

/* 페이징 */
.coway-gift-paging {
    margin:55px 0 0;
    text-align:center;
}

.coway-gift-paging .pg_wrap {
    display:inline-block;
}

.coway-gift-paging .pg_page,
.coway-gift-paging .pg_current {
    display:inline-flex;
    width:38px;
    height:38px;
    align-items:center;
    justify-content:center;
    margin:0 2px;
    border:1px solid #e0e5e8;
    border-radius:50%;
    background:#fff;
    color:#68727a;
    font-size:13px;
}

.coway-gift-paging .pg_current {
    border-color:#159ade;
    background:#159ade;
    color:#fff;
}

/* 검색 레이어 */
.bo_sch_wrap {
    display:none;
    position:fixed;
    z-index:3000;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.bo_sch_bg {
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

.bo_sch {
    position:absolute;
    z-index:2;
    top:50%;
    left:50%;
    width:390px;
    max-width:calc(100% - 30px);
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:18px;
    background:#fff;
    box-shadow:0 20px 60px rgba(0,0,0,.18);
    transform:translate(-50%, -50%);
}

.bo_sch h3 {
    margin:0;
    padding:22px 24px;
    border-bottom:1px solid #edf0f2;
    color:#222;
    font-size:18px;
}

.bo_sch form {
    padding:22px 24px 25px;
}

.bo_sch select {
    width:100%;
    height:44px;
    padding:0 12px;
    border:1px solid #dce2e6;
    border-radius:8px;
    background:#fff;
}

.bo_sch .sch_bar {
    display:flex;
    margin-top:10px;
    overflow:hidden;
    border:1px solid #dce2e6;
    border-radius:8px;
}

.bo_sch .sch_input {
    min-width:0;
    height:44px;
    flex:1;
    padding:0 13px;
    border:0;
    outline:0;
}

.bo_sch .sch_btn {
    width:48px;
    border:0;
    background:#159ade;
    color:#fff;
    cursor:pointer;
}

.bo_sch .bo_sch_cls {
    position:absolute;
    top:13px;
    right:13px;
    width:40px;
    height:40px;
    border:0;
    background:transparent;
    color:#808991;
    font-size:27px;
    cursor:pointer;
}

/* =========================================================
   VIEW
========================================================= */

.coway-gift-view {
    padding-bottom:80px;
}

.coway-gift-view-head {
    padding:10px 0 30px;
    border-bottom:1px solid #e7ebee;
    text-align:center;
}

.coway-gift-view-category {
    display:inline-flex;
    margin-bottom:12px;
    padding:6px 12px;
    border-radius:14px;
    background:#edf8fd;
    color:#159ade;
    font-size:12px;
    font-weight:700;
}

.coway-gift-view-title {
    margin:0;
    color:#171d21;
    font-size:34px;
    font-weight:800;
    line-height:1.35;
    letter-spacing:-1.2px;
    word-break:keep-all;
}

.coway-gift-view-code {
    margin-top:13px;
    color:#929aa0;
    font-size:13px;
}

.coway-gift-view-code strong {
    margin-left:5px;
    color:#606a72;
}

.coway-gift-view-hero {
    max-width:850px;
    margin:45px auto 0;
    overflow:hidden;
    border:1px solid #edf0f2;
    border-radius:20px;
    background:#f7f8fa;
}

.coway-gift-view-hero img {
    display:block;
    width:100%;
    height:auto;
}

.coway-gift-view-content {
    max-width:1000px;
    min-height:180px;
    margin:45px auto 0;
    color:#333b41;
    font-size:16px;
    line-height:1.85;
    word-break:break-word;
}

.coway-gift-view-content img {
    max-width:100%;
    height:auto !important;
}

.coway-gift-view-content table {
    max-width:100%;
}

/* 첨부 */
.coway-gift-files {
    max-width:1000px;
    margin:40px auto 0;
    padding-top:25px;
    border-top:1px solid #edf0f2;
}

.coway-gift-files h3 {
    margin:0 0 12px;
    font-size:15px;
}

.coway-gift-files li + li {
    margin-top:7px;
}

.coway-gift-files a {
    display:flex;
    min-height:44px;
    align-items:center;
    gap:9px;
    padding:0 13px;
    border:1px solid #e4e8eb;
    border-radius:8px;
    color:#5d6870;
    font-size:13px;
}

.coway-gift-files a:hover {
    border-color:#159ade;
    color:#159ade;
}

/* 안내 */
.coway-gift-notice {
    display:flex;
    max-width:1000px;
    margin:50px auto 0;
    gap:15px;
    padding:22px 24px;
    border:1px solid #dcecf4;
    border-radius:14px;
    background:#f3faff;
}

.coway-gift-notice-icon {
    display:flex;
    width:30px;
    height:30px;
    flex:0 0 30px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#159ade;
    color:#fff;
    font-weight:800;
}

.coway-gift-notice strong {
    display:block;
    margin:1px 0 5px;
    color:#28343c;
    font-size:14px;
}

.coway-gift-notice p {
    margin:0;
    color:#66727a;
    font-size:13px;
    line-height:1.65;
}

/* 이전/다음 */
.coway-gift-prevnext {
    max-width:1000px;
    margin:45px auto 0;
    border-top:1px solid #e7ebee;
    border-bottom:1px solid #e7ebee;
}

.coway-gift-prevnext a {
    display:grid;
    grid-template-columns:75px minmax(0, 1fr);
    align-items:center;
    min-height:58px;
    color:#3f494f;
}

.coway-gift-prevnext a + a {
    border-top:1px solid #edf0f2;
}

.coway-gift-prevnext span {
    color:#929aa0;
    font-size:12px;
}

.coway-gift-prevnext strong {
    overflow:hidden;
    font-size:14px;
    font-weight:600;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.coway-gift-prevnext a:hover strong {
    color:#159ade;
}

/* 상세 하단 버튼 */
.coway-gift-view-buttons {
    display:flex;
    max-width:1000px;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin:30px auto 0;
}

.coway-gift-view-buttons-left,
.coway-gift-view-buttons-right {
    display:flex;
    gap:7px;
}

/* 댓글 */
#bo_vc {
    max-width:1000px;
    margin:45px auto 0;
}

#bo_vc .cmt_btn {
    width:100%;
    padding:0 0 15px;
    border:0;
    border-bottom:1px solid #e7ebee;
    background:#fff;
    color:#333;
    font-weight:700;
    text-align:left;
}

#bo_vc article {
    padding:22px 0;
    border-bottom:1px solid #edf0f2;
}

.bo_vc_w textarea {
    width:100%;
    min-height:120px;
    padding:14px;
    border:1px solid #dce2e6;
    border-radius:10px;
}

/* 반응형 */
@media (max-width:1100px) {
    .coway-gift-grid {
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}

@media (max-width:768px) {
    #bo_gall,
    #bo_v {
        padding-left:15px;
        padding-right:15px;
    }

    .coway-gift-list-top {
        margin-bottom:20px;
    }

    .coway-gift-list-actions .coway-btn {
        min-width:auto;
    }

    .coway-gift-grid {
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:32px 12px;
    }

    .coway-gift-thumb {
        border-radius:12px;
    }

    .coway-gift-info {
        padding-top:12px;
    }

    .coway-gift-name {
        font-size:15px;
    }

    .coway-gift-detail {
        margin-top:9px;
        font-size:11px;
    }

    .coway-gift-view-head {
        padding-top:0;
        padding-bottom:23px;
    }

    .coway-gift-view-title {
        font-size:25px;
        letter-spacing:-.8px;
    }

    .coway-gift-view-hero {
        margin-top:28px;
        border-radius:13px;
    }

    .coway-gift-view-content {
        margin-top:30px;
        font-size:15px;
        line-height:1.75;
    }

    .coway-gift-notice {
        margin-top:35px;
        padding:18px;
    }

    .coway-gift-view-buttons {
        flex-direction:column-reverse;
        align-items:stretch;
    }

    .coway-gift-view-buttons-left,
    .coway-gift-view-buttons-right {
        width:100%;
    }

    .coway-gift-view-buttons .coway-btn {
        flex:1;
    }
}

@media (max-width:430px) {
    .coway-gift-list-top {
        align-items:flex-end;
    }

    .coway-gift-total {
        font-size:12px;
    }

    .coway-gift-list-actions {
        gap:5px;
    }

    .coway-gift-list-actions .coway-btn {
        height:35px;
        padding:0 12px;
        font-size:11px;
    }

    .coway-gift-grid {
        gap:27px 10px;
    }

    .coway-gift-name {
        font-size:14px;
    }

    .coway-gift-code {
        font-size:11px;
    }

    .coway-gift-detail {
        display:none;
    }
}


/* =========================================================
   COWAY GIFT WRITE
========================================================= */

#bo_w.coway-board-write {
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:10px 0 90px;
    color:#222;
}

#bo_w.coway-board-write *,
#bo_w.coway-board-write *:before,
#bo_w.coway-board-write *:after {
    box-sizing:border-box;
}

#bo_w.coway-board-write form {
    width:100% !important;
    margin:0;
    padding:38px 42px 42px;
    border:1px solid #e5e9ec;
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 32px rgba(24,47,62,.045);
}

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

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

/* 입력 공통 */
#bo_w .frm_input,
#bo_w select,
#bo_w textarea {
    width:100%;
    height:48px;
    padding:0 15px;
    border:1px solid #dce2e6;
    border-radius:9px;
    background:#fff;
    color:#283239;
    font-size:14px;
    line-height:1;
    outline:0;
    transition:border-color .2s ease, box-shadow .2s ease;
}

#bo_w textarea {
    height:auto;
    min-height:180px;
    padding:14px 15px;
    line-height:1.7;
    resize:vertical;
}

#bo_w .frm_input:focus,
#bo_w select:focus,
#bo_w textarea:focus {
    border-color:#159ade;
    box-shadow:0 0 0 3px rgba(21,154,222,.09);
}

#bo_w .full_input {
    width:100%;
}

#bo_w .half_input {
    width:calc(50% - 6px);
}

/* 작성자 정보 */
#bo_w .bo_w_info {
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
}

#bo_w .bo_w_info .half_input {
    width:100%;
    margin:0 !important;
}

/* 카테고리 */
#bo_w .bo_w_select select {
    appearance:auto;
    cursor:pointer;
}

/* 옵션 */
#bo_w .bo_v_option {
    display:flex;
    flex-wrap:wrap;
    gap:8px 18px;
    margin:0;
    padding:14px 16px;
    border:1px solid #e7ebee;
    border-radius:9px;
    background:#f8fafb;
    list-style:none;
}

#bo_w .bo_v_option li {
    display:flex;
    align-items:center;
    margin:0;
    padding:0;
    color:#59636b;
    font-size:13px;
}

#bo_w .selec_chk {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    opacity:0;
}

#bo_w .chk_box label {
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding-left:29px;
    cursor:pointer;
}

#bo_w .chk_box label > span {
    position:absolute;
    top:50%;
    left:0;
    width:19px;
    height:19px;
    margin-top:-10px;
    border:1px solid #cfd7dc;
    border-radius:5px;
    background:#fff;
}

#bo_w .chk_box input[type="checkbox"]:checked + label > span {
    border-color:#159ade;
    background:#159ade;
}

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

/* 제목 */
#bo_w .bo_w_tit {
    margin-top:2px;
}

#bo_w #autosave_wrapper {
    margin:0;
}

#bo_w .bo_w_tit #wr_subject {
    padding-right:180px;
}

#bo_w #btn_autosave {
    position:absolute;
    top:7px;
    right:7px;
    height:34px;
    padding:0 12px;
    border:1px solid #dce2e6;
    border-radius:7px;
    background:#f7f9fa;
    color:#647079;
    font-size:12px;
    cursor:pointer;
}

#bo_w #btn_autosave:hover {
    border-color:#159ade;
    color:#159ade;
}

/* 자동저장 팝업 */
#bo_w #autosave_pop {
    display:none;
    position:absolute !important;
    z-index:100;
    top:48px;
    right:0;
    width:360px;
    max-width:100%;
    overflow:hidden;
    border:1px solid #dce2e6;
    border-radius:10px;
    background:#fff;
    box-shadow:0 12px 35px rgba(0,0,0,.12);
}

#bo_w #autosave_pop strong {
    display:block;
    padding:15px 17px;
    border-bottom:1px solid #edf0f2;
    font-size:14px;
}

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

#bo_w #autosave_pop li {
    padding:10px;
    border-bottom:1px solid #f0f2f4;
}

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

#bo_w .autosave_close {
    width:100%;
    height:40px;
    border:0;
    border-top:1px solid #edf0f2;
    background:#fafbfc;
    color:#59636b;
    cursor:pointer;
}

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

#bo_w .wr_content textarea {
    width:100% !important;
}

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

#bo_w #char_count_desc {
    margin:0 0 8px;
    color:#8a939a;
    font-size:12px;
}

#bo_w #char_count_wrap {
    margin:7px 0 0;
    color:#8a939a;
    font-size:12px;
    text-align:right;
}

#bo_w #char_count {
    color:#159ade;
    font-weight:700;
}

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

#bo_w .bo_w_link label {
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    display:flex;
    width:48px;
    height:48px;
    align-items:center;
    justify-content:center;
    border-right:1px solid #e4e8eb;
    color:#9aa2a8;
}

#bo_w .bo_w_link .frm_input {
    padding-left:62px;
}

/* 파일 */
#bo_w .bo_w_flie {
    padding:14px 16px;
    border:1px solid #e4e8eb;
    border-radius:10px;
    background:#fafbfc;
}

#bo_w .bo_w_flie .file_wr {
    position:relative;
    display:flex;
    min-height:44px;
    align-items:center;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
}

#bo_w .bo_w_flie .lb_icon {
    display:flex;
    width:42px;
    height:42px;
    flex:0 0 42px;
    align-items:center;
    justify-content:center;
    margin-right:10px;
    border-radius:8px;
    background:#eef8fd;
    color:#159ade;
}

#bo_w .bo_w_flie .frm_file {
    width:100%;
    min-width:0;
    padding:8px 0;
    border:0;
    background:transparent;
    color:#59636b;
    font-size:13px;
}

#bo_w .bo_w_flie > .frm_input {
    margin-top:10px;
}

#bo_w .bo_w_flie .file_del {
    display:block;
    margin-top:8px;
    color:#7b858c;
    font-size:12px;
}

#bo_w .bo_w_flie .file_del input {
    vertical-align:middle;
}

/* CAPTCHA */
#bo_w #captcha {
    padding:14px;
    border:1px solid #e4e8eb;
    border-radius:10px;
    background:#fafbfc;
}

/* 하단 버튼 */
#bo_w .btn_confirm {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:32px 0 0;
    padding-top:28px;
    border-top:1px solid #edf0f2;
}

#bo_w .btn_confirm .btn {
    display:inline-flex;
    min-width:120px;
    height:48px;
    align-items:center;
    justify-content:center;
    padding:0 24px;
    border-radius:25px;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    cursor:pointer;
}

#bo_w .btn_cancel {
    border:1px solid #d9e0e5;
    background:#fff;
    color:#59636b;
}

#bo_w .btn_cancel:hover {
    border-color:#159ade;
    color:#159ade;
}

#bo_w .btn_submit {
    border:1px solid #159ade;
    background:#159ade;
    color:#fff;
}

#bo_w .btn_submit:hover {
    border-color:#078dd2;
    background:#078dd2;
}

/* 필수 입력 표시 보정 */
#bo_w .required {
    background-image:none !important;
}

/* =========================================================
   WRITE TABLET / MOBILE
========================================================= */

@media (max-width:768px) {

    #bo_w.coway-board-write {
        padding:0 15px 65px;
    }

    #bo_w.coway-board-write form {
        padding:24px 18px 28px;
        border-radius:14px;
    }

    #bo_w .bo_w_info {
        grid-template-columns:1fr;
        gap:10px;
    }

    #bo_w .half_input {
        width:100%;
    }

    #bo_w .frm_input,
    #bo_w select {
        height:46px;
        font-size:13px;
    }

    #bo_w .bo_w_tit #wr_subject {
        padding-right:15px;
    }

    #bo_w #btn_autosave {
        position:static;
        width:100%;
        height:38px;
        margin-top:7px;
    }

    #bo_w .bo_v_option {
        gap:8px 14px;
        padding:12px 13px;
    }

    #bo_w .bo_w_link label {
        width:46px;
        height:46px;
    }

    #bo_w .bo_w_link .frm_input {
        padding-left:58px;
    }

    #bo_w .bo_w_flie {
        padding:12px;
    }

    #bo_w .btn_confirm {
        margin-top:25px;
        padding-top:22px;
    }

    #bo_w .btn_confirm .btn {
        min-width:0;
        flex:1;
        height:46px;
        padding:0 12px;
        font-size:13px;
    }
}

@media (max-width:420px) {

    #bo_w.coway-board-write {
        padding-left:12px;
        padding-right:12px;
    }

    #bo_w.coway-board-write form {
        padding:20px 14px 24px;
    }

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

    #bo_w .frm_input,
    #bo_w select {
        height:44px;
    }

    #bo_w .bo_w_flie .lb_icon {
        width:38px;
        height:38px;
        flex-basis:38px;
    }
}

/* =========================================================
   COWAY 게시판 상단 타이틀
========================================================= */

.coway-board-head {
    position: relative;

    width: 100%;
    max-width: 1450px;

    margin: 0 auto 50px;
    padding: 65px 20px 38px;

    border-bottom: 1px solid #e5e9ec;

    box-sizing: border-box;
}


/* COWAY GIFT / COWAY NEWS */

.coway-board-head__eyebrow {
    margin: 0 0 10px;

    color: #159ade;

    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 2px;
    text-transform: uppercase;
}


/* 게시판 제목 */

.coway-board-head h1 {
    margin: 0;

    color: #151b20;

    font-size: 38px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -1.6px;

    word-break: keep-all;
}


/* 설명 */

.coway-board-head p {
    margin: 13px 0 0;

    color: #7b858c;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: -.3px;
}


/* 하단 블루 포인트 */

.coway-board-head:after {
    content: "";

    position: absolute;
    left: 20px;
    bottom: -1px;

    width: 52px;
    height: 3px;

    background: #159ade;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1200px) {

    .coway-board-head {
        padding-left: 25px;
        padding-right: 25px;
    }

    .coway-board-head:after {
        left: 25px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .coway-board-head {
        margin-bottom: 32px;

        padding:
            35px 15px
            25px;
    }

    .coway-board-head__eyebrow {
        margin-bottom: 7px;

        font-size: 11px;

        letter-spacing: 1.5px;
    }

    .coway-board-head h1 {
        font-size: 27px;

        letter-spacing: -1px;
    }

    .coway-board-head p {
        margin-top: 9px;

        font-size: 13px;
        line-height: 1.6;
    }

    .coway-board-head:after {
        left: 15px;

        width: 40px;
        height: 3px;
    }

}