@charset "utf-8";

#bo_cate {margin: 22px 0 0;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_cate ul {display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;}
#bo_cate li {display:inline-block;}
#bo_cate a {display:block;padding:10px 16px;border-radius:999px;border:1px solid #d3e4ff;background:#fff;color:#4b6fa8;font-weight:700;}
#bo_cate a:hover, #bo_cate a:focus, #bo_cate a:active, #bo_cate #bo_cate_on {background:#2f6df6;border-color:#2f6df6;color:#fff;text-decoration:none;}

.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden;}
.chk_box {position:relative;}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70;}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8;}
.chk_box input[type="checkbox"] + label span {display:block;width:15px;height:15px;background:#fff;border:1px solid #d0d4df;border-radius:3px;}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;}

#bo_device_resource {position:relative;margin-bottom:20px;}
#bo_device_resource:after {display:block;visibility:hidden;clear:both;content:"";}

.device-board-hero {
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:28px;
    align-items:center;
    margin-top:18px;
    padding:38px 48px;
    border:1px solid #d8e4f8;
    border-radius:34px;
    background:
        radial-gradient(circle at top right, rgba(85, 145, 255, 0.18), transparent 30%),
        linear-gradient(135deg, #ffffff 0%, #f8fbff 62%, #edf4ff 100%);
    box-shadow:0 24px 44px rgba(135, 156, 191, 0.12);
}
.device-board-chip {
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 16px;
    border-radius:999px;
    background:#e8f1ff;
    color:#2461db;
    font-size:0.9rem;
    font-weight:800;
}
.device-board-hero__copy h2 {
    margin:16px 0 14px;
    color:#15306b;
    font-size:2.75rem;
    line-height:1.02;
    letter-spacing:0;
}
.device-board-hero__copy p {
    margin:0;
    max-width:900px;
    color:#5b6880;
    font-size:0.94rem;
    line-height:1.75;
    word-break:keep-all;
}
.device-board-hero__meta {display:flex;align-items:center;justify-content:center;}
#bo_list_total {display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.35;font-size:0.9rem;color:#4e617f;text-align:right;}
#bo_list_total span {display:block;font-size:1rem;font-weight:800;color:#20365f;}
#bo_list_total em {font-style:normal;color:#72809a;}
.device-write-link {display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:38px;padding:0 16px;border-radius:999px;background:#2563eb;color:#fff;font-weight:800;text-decoration:none;box-shadow:0 12px 24px rgba(37,99,235,.22);}
.device-write-link:hover {background:#1d4ed8;color:#fff;text-decoration:none;}

.btn_bo_user {display:flex;gap:8px;align-items:center;margin:0;padding:0;list-style:none;}
.btn_bo_user > li {position:relative;}

.device-btn-text span {margin-left:6px;}
.device-list-toolbar {display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:18px 0 0;}
.device-allchk {margin:0;padding-top:8px;}
.device-allchk label {display:inline-flex;align-items:center;gap:12px;padding-left:34px;font-size:1rem;font-weight:800;color:#1f2f4d;}
.device-allchk label span {position:absolute;top:3px;left:0;width:18px;height:18px;border-radius:5px;}
.device-list-toolbar__actions {display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto;}
.device-list-total {display:none;}
.device-list-total span {font-size:0.98rem;font-weight:800;color:#20365f;}
.device-list-total em {margin-top:3px;font-size:0.9rem;color:#72809a;}
.device-top-write {display:inline-flex !important;align-items:center;justify-content:center;gap:10px;align-self:center;width:auto !important;min-width:168px;height:56px;padding:0 24px;border-radius:999px;background:linear-gradient(135deg,#1f67ff 0%,#2160f6 100%) !important;color:#fff !important;font-size:1.05rem;font-weight:800;border:0 !important;box-shadow:0 10px 20px rgba(37,99,235,.22);text-decoration:none !important;}
.device-top-write i {font-size:1.05rem;}
.device-top-write span {line-height:1;}
.device-top-write:hover {background:linear-gradient(135deg,#1756de 0%,#194fd0 100%) !important;color:#fff;text-decoration:none;}
.device-toolbar-buttons {gap:8px;}
.device-icon-btn {display:inline-flex !important;align-items:center;justify-content:center;width:46px !important;height:46px !important;padding:0 !important;border:1px solid #d9e1ef !important;border-radius:10px !important;background:#fff !important;color:#1e3158 !important;box-shadow:0 6px 14px rgba(129,145,171,.10);font-size:0.95rem !important;text-decoration:none !important;}
.device-icon-btn:hover {border-color:#bfd0ec !important;color:#1d4ed8 !important;text-decoration:none !important;}
.device-icon-btn i {line-height:1;}

.device-card-grid {
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:24px;
    margin-top:26px;
}
.device-card {
    position:relative;
    overflow:hidden;
    border:1px solid #dce7f7;
    border-radius:28px;
    background:#fff;
    box-shadow:0 18px 34px rgba(124, 146, 181, 0.12);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.device-card:hover {
    transform:translateY(-4px);
    box-shadow:0 28px 42px rgba(112, 136, 173, 0.18);
    border-color:#bdd3f7;
}
.device-card.is-notice {border-color:#f1d8e4;background:linear-gradient(180deg,#fff 0%,#fff7fb 100%);}
.device-card__check {
    position:absolute;
    top:14px;
    left:14px;
    z-index:3;
}
.device-card__check label {display:block;padding-left:0;}
.device-card__thumb {
    position:relative;
    display:block;
    aspect-ratio: 4 / 3;
    overflow:hidden;
    background:linear-gradient(135deg,#eff5ff 0%,#dde9ff 100%);
}
.device-card__thumb img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .25s ease;
}
.device-card:hover .device-card__thumb img {transform:scale(1.04);}
.device-card__notice {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    color:#c53d6f;
    font-size:1.2rem;
    font-weight:900;
    letter-spacing:-0.02em;
    background:linear-gradient(135deg,#fff5f9 0%,#ffe9f1 100%);
}
.device-card__placeholder {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    height:100%;
    color:#6680a8;
}
.device-card__placeholder i {font-size:2rem;color:#2f6df6;}
.device-card__placeholder strong {font-size:1rem;color:#223961;}
.device-card__placeholder em {font-style:normal;font-size:0.9rem;}
.device-card__body {padding:22px 22px 20px;}
.device-card__topline {display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;margin-bottom:10px;}
.device-card__category {
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 10px;
    border-radius:999px;
    background:#edf4ff;
    color:#2f67dd;
    font-size:0.82rem;
    font-weight:800;
}
.device-card__new {
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 10px;
    border-radius:999px;
    background:#e8fff1;
    color:#0f9d57;
    font-size:0.76rem;
    font-weight:900;
}
.device-card__title {
    display:block;
    color:#112958;
    font-size:1.25rem;
    font-weight:900;
    line-height:1.35;
    letter-spacing:-0.03em;
    text-decoration:none;
}
.device-card__title:hover {text-decoration:none;color:#1e4fb8;}
.device-card__excerpt {
    margin:12px 0 0;
    color:#53647f;
    font-size:0.95rem;
    line-height:1.75;
    min-height:5.2em;
    word-break:keep-all;
}
.device-card__meta,
.device-card__stats {
    display:flex;
    flex-wrap:wrap;
    gap:10px 14px;
    margin-top:16px;
    color:#6a7c98;
    font-size:0.86rem;
}
.device-card__meta i {margin-right:4px;}
.device-card__stats span,
.device-card__meta span {
    display:inline-flex;
    align-items:center;
}
.device-empty-state {
    grid-column:1 / -1;
    padding:92px 32px;
    border:2px dashed #d4e2fb;
    border-radius:32px;
    background:linear-gradient(180deg,#fdfefe 0%,#f7faff 100%);
    text-align:center;
    color:#5f7190;
}
.device-empty-state i {display:block;margin-bottom:22px;font-size:5.2rem;color:#2160f6;}
.device-empty-state strong {display:block;font-size:2rem;color:#16305d;letter-spacing:-0.04em;}
.device-empty-state p {margin:16px 0 0;font-size:1.05rem;line-height:1.8;}

.bo_fx {margin:24px 0 0;float:right;}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:"";}
.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999;}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent;}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent;}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left;}
.more_opt li:last-child {border-bottom:0;}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c;}
.more_opt li:hover a,.more_opt li:hover button {color:#000;}
.more_opt li i {float:right;line-height:20px;}

.bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;}
.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;}
.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8;}
.bo_sch form {padding:15px;display:block;}
.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #d0d3db;border-radius:2px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
.bo_sch .sch_input {width:250px;height:38px;border:0;padding:0;background-color:transparent;float:left;}
.bo_sch .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:15px;}
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff;}
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%;}

#bo_v header {padding:34px 36px;border:1px solid #dbe6f7;border-radius:30px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 20px 36px rgba(124,146,181,0.10);}
#bo_v_title .bo_v_tit {font-size:2.1rem;line-height:1.1;letter-spacing:-0.04em;color:#152b57;}
#bo_v .profile_info .pf_img img {width:58px;height:58px;border:2px solid #eef3fb;}
#bo_v_atc {margin-top:18px;padding:30px 34px;border:1px solid #dbe6f7;border-radius:30px;background:#fff;box-shadow:0 20px 34px rgba(124,146,181,0.08);}
#bo_v_img img {border-radius:22px;box-shadow:0 16px 30px rgba(100,121,156,0.16);}
#bo_v_con {font-size:1rem;line-height:1.85;color:#2d3b55;}
#bo_v_con h2, #bo_v_con h3 {margin:36px 0 14px;color:#16305d;letter-spacing:-0.03em;}
#bo_v_con pre {
    margin:18px 0;
    padding:18px 20px;
    border-radius:18px;
    background:#11192a;
    color:#f7fbff;
    overflow:auto;
    box-shadow:0 18px 28px rgba(17,25,42,0.16);
}
#bo_v_con code {font-family:Consolas, Monaco, "Courier New", monospace;}
#bo_v_con p code,
#bo_v_con li code {
    padding:2px 6px;
    border-radius:6px;
    background:#eef4ff;
    color:#1844a5;
}
#bo_v_con img {margin:18px 0;border-radius:22px;box-shadow:0 16px 30px rgba(100,121,156,0.16);}
#bo_v_file li, #bo_v_link li {border-radius:18px;}

@media (max-width: 1280px) {
    .device-card-grid {grid-template-columns:repeat(2, minmax(0, 1fr));}
    .device-board-hero {padding:34px 36px;}
    .device-board-hero__copy h2 {font-size:2.45rem;}
    .device-board-hero__meta {align-items:center;justify-content:center;}
    .device-top-write {min-width:156px;height:52px;font-size:1rem;}
    .device-top-write i {font-size:1rem;}
    .device-list-toolbar {align-items:flex-start;flex-direction:column;}
    .device-list-toolbar__actions {width:100%;align-items:flex-end;}
    #bo_list_total {align-items:flex-end;text-align:right;}
}

@media (max-width: 767px) {
    .device-board-hero {gap:22px;padding:24px 20px;border-radius:24px;}
    .device-board-chip {min-height:34px;padding:0 16px;font-size:0.92rem;}
    .device-board-hero__copy h2 {font-size:1.95rem;}
    .device-board-hero__copy p {font-size:0.94rem;line-height:1.68;}
    .device-top-write {min-width:100%;height:60px;font-size:1.08rem;}
    .device-top-write i {font-size:1rem;}
    .device-list-toolbar {margin-top:18px;gap:12px;}
    .device-allchk {padding-top:0;}
    .device-list-toolbar__actions {width:100%;flex-direction:column;align-items:stretch;gap:10px;}
    .device-list-total {min-height:auto;align-items:flex-start;}
    .device-toolbar-buttons {gap:12px;justify-content:flex-start;}
    .device-icon-btn {width:42px !important;height:42px !important;font-size:0.9rem !important;border-radius:10px !important;}
    .device-card-grid {grid-template-columns:1fr;gap:18px;}
    .device-empty-state {padding:64px 20px;border-radius:24px;}
    .device-empty-state i {font-size:4rem;}
    .device-empty-state strong {font-size:1.6rem;}
    .device-empty-state p {font-size:0.98rem;}
    .device-card__body {padding:18px 18px 16px;}
    .device-card__title {font-size:1.12rem;}
    #bo_v header, #bo_v_atc {padding:22px 18px;border-radius:24px;}
    #bo_v_title .bo_v_tit {font-size:1.6rem;}
}


/* device resource write */
#char_count_desc {display:block;margin:0 0 8px;padding:0;color:#6a7890;font-size:0.92rem;}
#char_count_wrap {margin:8px 0 0;text-align:right;color:#6a7890;}
#char_count {font-weight:800;color:#1d4ed8;}
#autosave_wrapper {position:relative;}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:52px;right:0;width:350px;max-height:180px;border:1px solid #565656;background:#fff;box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent;}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important;}
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8;}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1;}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:"";}
#autosave_pop a {display:block;float:left;}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999;}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em;}
.autosave_close:hover {background:#f3f3f3;color:#3597d9;}
.autosave_content {display:none;}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}

#bo_w {width:100% !important;margin-top:18px;background:transparent;}
#bo_w.device-write-page {position:relative;}
#bo_w form {width:100% !important;}
.device-write-hero {
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    gap:22px;
    margin-bottom:22px;
    padding:30px 32px;
    border:1px solid #dbe6f7;
    border-radius:30px;
    background:radial-gradient(circle at top right, rgba(85,145,255,.18), transparent 28%), linear-gradient(135deg, #ffffff 0%, #f7fbff 58%, #eef5ff 100%);
    box-shadow:0 24px 44px rgba(135,156,191,.12);
}
.device-write-chip {
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:0 12px;
    border-radius:999px;
    background:#e8f1ff;
    color:#2461db;
    font-size:.84rem;
    font-weight:800;
}
.device-write-hero__copy h3 {margin:14px 0 12px;color:#152b57;font-size:2rem;line-height:1.1;letter-spacing:-.04em;}
.device-write-hero__copy p {margin:0;color:#4d5f7e;font-size:1rem;line-height:1.75;word-break:keep-all;}
.device-write-hero__tips {display:grid;gap:10px;margin:0;padding:0;list-style:none;}
.device-write-hero__tips li {padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.82);border:1px solid #d8e5fb;color:#274575;font-weight:700;box-shadow:0 12px 24px rgba(124,146,181,.08);}
.device-write-shell {
    display:grid;
    grid-template-columns:280px minmax(0, 1fr);
    gap:22px;
    align-items:start;
}
.device-write-guide {display:grid;gap:16px;position:sticky;top:24px;}
.device-guide-card {
    padding:22px 20px;
    border:1px solid #dbe6f7;
    border-radius:24px;
    background:#fff;
    box-shadow:0 16px 30px rgba(124,146,181,.10);
}
.device-guide-card strong {display:block;margin-bottom:14px;color:#16305d;font-size:1rem;}
.device-guide-card ol,
.device-guide-card ul {margin:0;padding-left:18px;color:#53647f;line-height:1.8;}
.device-guide-card li + li {margin-top:4px;}
.device-write-form {
    padding:28px 30px 30px;
    background:#fff;
    border:1px solid #e5eaf1;
    border-radius:28px;
    box-shadow:0 16px 34px rgba(25,34,60,.06);
}
.fwrite-title {margin:0 0 22px;color:#152b57;font-size:1.5rem;letter-spacing:-.03em;}
#bo_w .write_div {margin:0 0 18px;position:relative;}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:"";}
.device-field-label {display:block;margin:0 0 8px;color:#32558f;font-size:.92rem;font-weight:800;}
#bo_w .frm_input,
#bo_w select,
#bo_w .bo_w_flie .file_wr,
#bo_w .bo_w_flie .frm_input,
#bo_w textarea {
    border:1px solid #dbe3ee;
    border-radius:16px;
    background:#fff;
}
#bo_w .frm_input,
#bo_w select {height:52px;padding:0 16px;}
#bo_w .full_input,
#bo_w textarea {width:100%;}
#bo_w .half_input {width:calc(50% - 6px);}
#bo_w .bo_w_info {display:flex;flex-wrap:wrap;gap:12px;}
#bo_w .bo_w_info .frm_input {float:none;margin:0;}
#bo_w #wr_password,
#bo_w #wr_homepage {margin-left:0;}
#bo_w .bo_w_select select {height:52px;border-radius:16px;}
#bo_w .bo_v_option {display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none;}
#bo_w .bo_v_option li {float:none;margin:0;}
#bo_w .bo_w_tit .frm_input {padding-right:145px;}
#bo_w .bo_w_tit #btn_autosave {
    position:absolute;
    top:11px;
    right:10px;
    height:30px;
    padding:0 12px;
    border-radius:999px;
    border:1px solid #dfe5ee;
    background:#f8fafc;
}
.device-option-wrap {padding:16px 18px;border:1px solid #e8eef7;border-radius:20px;background:#f9fbff;}
.device-editor-wrap {padding:22px;border:1px solid #e5eaf1;border-radius:24px;background:linear-gradient(180deg,#fcfdff 0%,#f7faff 100%);}
.device-editor-head {margin-bottom:14px;}
.device-editor-head p {margin:8px 0 0;color:#5a6b86;line-height:1.7;}
#bo_w .wr_content {padding:18px;border:1px solid #e5eaf1;border-radius:20px;background:#fff;overflow:hidden;}
#bo_w .wr_content .toastui-editor-defaultUI {border:0 !important;border-radius:16px;overflow:hidden;}
#bo_w .bo_w_link label {position:absolute;top:45px;left:1px;border-radius:16px 0 0 16px;height:52px;line-height:52px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2;}
#bo_w .bo_w_link .frm_input {padding-left:50px;}
.device-upload-note {padding:18px 20px;border-radius:22px;background:#f5f9ff;border:1px solid #dce8fb;}
.device-upload-note strong {display:block;color:#15315f;font-size:1rem;}
.device-upload-note p {margin:8px 0 0;color:#53647f;line-height:1.7;}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0;left:0;border-radius:16px 0 0 16px;height:52px;line-height:52px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2;}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:8px;}
#bo_w .bo_w_flie .file_wr {position:relative;padding:5px;height:52px;margin:0;}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0;}
#bo_w .bo_w_flie .file_del {position:absolute;top:14px;right:14px;font-size:.92em;color:#7d7d7d;}
#bo_w .btn_confirm {margin-top:26px;display:flex;justify-content:flex-end;gap:10px;}
#bo_w .btn_cancel,
#bo_w .btn_submit {min-width:120px;height:50px;border-radius:16px;font-weight:800;}
#bo_w .btn_cancel {border:1px solid #dfe5ee;background:#fff;color:#4b5563;}
#bo_w .btn_submit {border:0;background:linear-gradient(90deg, #2563eb 0%, #4f46e5 100%);color:#fff;}

@media (max-width: 1180px) {
    .device-write-shell {grid-template-columns:1fr;}
    .device-write-guide {position:static;grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width: 860px) {
    .device-write-hero {grid-template-columns:1fr;padding:24px 20px;border-radius:24px;}
    .device-write-hero__copy h3 {font-size:1.75rem;}
    .device-write-form {padding:22px 18px;}
    #bo_w .half_input {width:100%;}
    #bo_w .bo_w_tit .frm_input {padding-right:16px;}
    #bo_w .bo_w_tit #btn_autosave {position:static;margin-top:10px;}
    .device-write-guide {grid-template-columns:1fr;}
}


/* board view comments */
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:24px;}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:3px;left:0;width:16px;height:16px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:4px;}

.cmt_btn {
    width:100%;
    margin:28px 0 0;
    padding:0 0 16px;
    border:0;
    border-bottom:1px solid #dbe6f7;
    background:transparent;
    text-align:left;
    font-weight:800;
}
.cmt_btn span.total {position:relative;display:inline-flex;align-items:center;gap:6px;color:#2b61d6;font-size:1rem;}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:7px;}
.cmt_btn_op span.cmt_more {background-position:right -8px;}
.cmt_btn b {font-size:1.25rem;color:#102a57;}
.cmt_btn span.total:after {position:absolute;bottom:-18px;left:0;display:inline-block;background:#3a8afd;content:"";width:100%;height:2px;}

#bo_vc,
#bo_vc_w {
    margin-top:18px;
    padding:26px 30px;
    border:1px solid #dbe6f7;
    border-radius:28px;
    background:#fff;
    box-shadow:0 16px 30px rgba(124,146,181,0.08);
}
#bo_vc h2,
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_vc article {position:relative;margin:0;padding:22px 0;border-bottom:1px solid #eef3fb;}
#bo_vc article:first-of-type {padding-top:0;}
#bo_vc article:last-of-type {border-bottom:0;padding-bottom:0;}
#bo_vc article:after,
.bo_vc_w:after,
.bo_vc_w_wr:after,
.bo_vc_w_info:after,
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:"";}
#bo_vc article .pf_img {float:left;margin-right:14px;}
#bo_vc article .pf_img img {width:52px;height:52px;border-radius:50%;border:2px solid #eef3fb;}
#bo_vc article .cm_wrap {float:left;width:calc(100% - 66px);max-width:none;}
#bo_vc header {position:relative;width:100%;margin-bottom:8px;padding:0;border:0;background:transparent;box-shadow:none;}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:800;}
#bo_vc .bo_vc_hdinfo {margin-left:10px;color:#75839b;font-size:0.92rem;}
#bo_vc .cmt_contents {padding:0 0 4px;color:#30415f;line-height:1.8;word-break:break-word;}
#bo_vc .cmt_contents p {margin:0;}
#bo_vc p a {text-decoration:underline;}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479;}
#bo_vc_empty {margin:0;padding:56px 0 !important;color:#73829a;text-align:center;}
#bo_vc .bo_vl_opt {position:absolute;top:20px;right:0;}

.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;margin:0;list-style:none;text-align:right;border:1px solid #c8d4e7;background:#fff;border-radius:10px;box-shadow:0 12px 24px rgba(25,34,60,0.12);z-index:9999;}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:8px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #c8d4e7 transparent;}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:8px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent;}
.bo_vc_act li {border-bottom:1px solid #eef3fb;}
.bo_vc_act li:last-child {border-bottom:0;}
.bo_vc_act li a {display:inline-block;padding:10px 15px;color:#50627f;}
.bo_vc_act li a:hover {color:#2563eb;}

.bo_vc_w {position:relative;display:block;}
.bo_vc_w #char_cnt {display:block;margin:0 0 8px;color:#6b7a92;}
.bo_vc_w textarea {width:100%;height:140px;padding:16px 18px;border:1px solid #dbe3ee;border-radius:18px;background:#fff;color:#24344f;vertical-align:middle;resize:vertical;}
.bo_vc_w_info {margin:14px 0 0;float:left;}
.bo_vc_w_info .frm_input {float:left;height:46px;margin-right:8px;padding:0 14px;border:1px solid #dbe3ee;border-radius:14px;}
.bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both;}
.bo_vc_w .btn_confirm {display:flex;align-items:center;justify-content:flex-end;gap:12px;clear:both;margin-top:14px;}
.bo_vc_w .btn_confirm label {display:inline-flex;align-items:center;margin-right:0;border-radius:3px;font-size:1rem;text-align:center;color:#4f5f79;}
.bo_vc_w .btn_submit {height:46px;padding:0 18px;border:0;border-radius:14px;background:linear-gradient(90deg, #2563eb 0%, #4f46e5 100%);color:#fff;font-weight:800;font-size:1rem;}
.bo_vc_w .btn_confirm .secret_cm label {font-size:1rem !important;}

#bo_vc_send_sns {display:inline-block;float:left;}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1;}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:"";}
#bo_vc_sns li {float:left;margin:0 5px 0 0;}
#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px;}
#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px;}
#bo_vc_sns .sns_li_off {background:#bbb;}
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px;}
#bo_vc_sns input {margin:0 5px 0 0;}

@media (max-width: 767px) {
    #bo_vc,
    #bo_vc_w {padding:22px 18px;border-radius:24px;}
    #bo_vc article .pf_img {float:none;margin:0 0 10px;}
    #bo_vc article .cm_wrap {float:none;width:100%;}
    #bo_vc .bo_vl_opt {top:22px;}
    .bo_vc_w_info {float:none;}
    .bo_vc_w_info .frm_input {float:none;width:100%;margin:0 0 8px;}
    .bo_vc_w .btn_confirm {flex-direction:column;align-items:flex-end;}
}