html,
body {
    margin: 0 !important;
    padding: 0 !important;
    background: #050912 !important;
    color: #fff !important;
    font-family: Arial, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif !important;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: inherit;
}

#container_wr,
#container,
#wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}

#aside,
aside,
#right,
#right_area,
#container #aside,
#container .aside,
#wrapper aside,
#container_title,
#hd,
#gnb,
#gnb_all,
#gnb_1dul,
.gnb_empty {
    display: none !important;
}

#bo_list,
#bo_v,
#bo_w {
    width: 100% !important;
    max-width: 1480px !important;
    margin: 0 auto !important;
    padding: 0 24px 80px !important;
    box-sizing: border-box !important;
}

/* ===============================
   BOARD LIST
   =============================== */

.kt-board-wrap {
    min-height: 100vh;
}

.kt-board-hero {
    margin: 36px auto 28px;
    border-radius: 30px;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 24%, rgba(139,92,246,.24), transparent 34%),
        radial-gradient(circle at 82% 20%, rgba(59,130,246,.18), transparent 34%),
        linear-gradient(135deg, #111a29, #070b14);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 30px 80px rgba(0,0,0,.25);
}

.kt-board-hero-inner {
    padding: 64px 52px;
}

.kt-board-kicker {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(139,92,246,.16);
    border: 1px solid rgba(139,92,246,.36);
    color: #c4b5fd;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .2px;
}

.kt-board-hero h1 {
    margin: 0;
    color: #fff;
    font-size: 58px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -2px;
}

.kt-board-hero p {
    max-width: 780px;
    margin: 18px 0 0;
    color: #cbd5e1;
    font-size: 18px;
    line-height: 1.75;
}

.kt-board-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 24px;
}

.kt-board-tags a {
    display: inline-flex;
    align-items: center;
    height: 34px;
    padding: 0 13px;
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.08);
    color: #c4b5fd !important;
    font-size: 13px;
    font-weight: 800;
    transition: .2s;
}

.kt-board-tags a:hover {
    background: #8b5cf6;
    color: #fff !important;
    transform: translateY(-2px);
}

.kt-board-intro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 24px 26px;
    margin: 0 0 26px;
    border-radius: 22px;
    background: rgba(15,23,42,.7);
    border: 1px solid rgba(255,255,255,.08);
}

.kt-board-intro h2 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -0.5px;
}

.kt-board-intro p {
    margin: 0;
    color: #94a3b8;
    font-size: 14px;
    line-height: 1.7;
}

.kt-board-main-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    height: 44px;
    padding: 0 18px;
    border-radius: 12px;
    background: #8b5cf6;
    color: #fff !important;
    font-size: 13px;
    font-weight: 900;
}

.kt-board-top {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin: 30px 0 22px !important;
}

.kt-board-total {
    color: #94a3b8;
    font-size: 14px;
}

.kt-board-total strong {
    color: #fff;
    font-size: 18px;
}

.kt-board-total span {
    margin-left: 8px;
    color: #64748b;
}

.kt-board-actions,
.btn_bo_user {
    display: flex !important;
    gap: 9px;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.kt-board-actions li,
.btn_bo_user li {
    list-style: none;
}

.kt-mini-btn,
.btn_b01,
.btn_b02,
.btn_admin,
.btn_submit,
a.btn_b01,
a.btn_b02 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 15px !important;
    border-radius: 12px !important;
    background: #111a29 !important;
    border: 1px solid rgba(139,92,246,.75) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    transition: .2s !important;
    cursor: pointer !important;
}

.kt-mini-btn:hover,
.btn_b01:hover,
.btn_b02:hover,
.btn_admin:hover,
.btn_submit:hover {
    background: #8b5cf6 !important;
    color: #fff !important;
    transform: translateY(-2px);
}

.kt-mini-btn.write {
    background: #8b5cf6 !important;
    border-color: #8b5cf6 !important;
}

.kt-board-category {
    margin: 0 0 24px;
}

.kt-board-category h2 {
    position: absolute;
    left: -9999px;
}

#bo_cate_ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#bo_cate_ul li {
    list-style: none;
}

#bo_cate_ul a {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.08);
    color: #cbd5e1 !important;
    font-size: 13px;
    font-weight: 800;
}

#bo_cate_ul a:hover,
#bo_cate_ul .bo_cate_on {
    background: #8b5cf6 !important;
    color: #fff !important;
}

.kt-check-all {
    margin: 0 0 14px;
    color: #94a3b8;
    font-size: 13px;
}

.kt-post-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.kt-post-card {
    position: relative;
    min-height: 250px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 18% 10%, rgba(139,92,246,.15), transparent 34%),
        linear-gradient(180deg, #111a29, #0b111d);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 18px 40px rgba(0,0,0,.16);
    transition: .23s ease;
    overflow: hidden;
}

.kt-post-card:hover {
    transform: translateY(-5px);
    border-color: rgba(139,92,246,.9);
    box-shadow: 0 26px 60px rgba(0,0,0,.28);
}

.kt-post-card.notice {
    border-color: rgba(139,92,246,.45);
}

.kt-post-check {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 2;
}

.kt-post-check input {
    width: 18px;
    height: 18px;
}

.kt-post-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 250px;
    padding: 24px;
    color: #fff !important;
}

.kt-post-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.kt-post-badge {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(139,92,246,.18);
    color: #c4b5fd;
    font-size: 12px;
    font-weight: 900;
}

.notice-badge {
    background: #8b5cf6;
    color: #fff;
}

.kt-post-date {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.kt-post-title {
    margin: 0;
    color: #fff;
    font-size: 24px;
    line-height: 1.45;
    font-weight: 900;
    letter-spacing: -0.6px;
    word-break: keep-all;
}

.kt-post-card:hover .kt-post-title {
    color: #c4b5fd;
}

.kt-comment-count {
    margin-left: 5px;
    color: #8b5cf6;
    font-size: 15px;
}

.kt-post-summary {
    margin: 16px 0 0;
    color: #94a3b8;
    font-size: 14px;
    line-height: 1.75;
    word-break: keep-all;
    flex: 1;
}

.kt-post-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 22px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.kt-read-more {
    margin-left: auto;
    color: #c4b5fd;
}

.kt-empty {
    padding: 42px 28px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 20% 10%, rgba(139,92,246,.13), transparent 34%),
        linear-gradient(180deg, #111a29, #0b111d);
    border: 1px solid rgba(255,255,255,.08);
    text-align: center;
}

.kt-empty strong {
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
}

.kt-empty p {
    margin: 12px 0 0;
    color: #94a3b8;
    line-height: 1.7;
}

.kt-empty a {
    display: inline-flex;
    align-items: center;
    height: 42px;
    margin-top: 18px;
    padding: 0 18px;
    border-radius: 12px;
    background: #8b5cf6;
    color: #fff !important;
    font-weight: 900;
}

.kt-admin-actions {
    display: flex !important;
    justify-content: flex-end !important;
    margin: 24px 0 !important;
}

.kt-pagination {
    margin: 36px 0 0;
    text-align: center;
}

.pg_wrap {
    display: inline-flex !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pg_page,
.pg_current {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: #111a29 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: #cbd5e1 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.pg_current {
    background: #8b5cf6 !important;
    border-color: #8b5cf6 !important;
    color: #fff !important;
}

.kt-board-search {
    max-width: 720px !important;
    margin: 44px auto 0 !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, #111a29, #0b111d) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

.kt-board-search legend {
    position: absolute;
    left: -9999px;
}

.kt-board-search form {
    display: flex !important;
    gap: 10px;
    align-items: center !important;
}

.kt-board-search select,
.kt-board-search input {
    height: 46px !important;
    background: #101827 !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
    outline: none !important;
}

.kt-board-search select {
    width: 130px !important;
    flex-shrink: 0;
}

.kt-board-search .sch_input {
    flex: 1;
}

.kt-board-search .sch_btn {
    width: 76px !important;
    height: 46px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #8b5cf6 !important;
    color: #fff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

/* ===============================
   BASIC TABLE FALLBACK
   =============================== */

.tbl_head01 {
    background: #050912 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

.tbl_head01 table {
    width: 100%;
    border-collapse: collapse !important;
}

.tbl_head01 thead th {
    background: #111a29 !important;
    color: #94a3b8 !important;
    border: 0 !important;
    height: 52px !important;
    font-size: 13px !important;
}

.tbl_head01 tbody tr {
    background: #0d1522 !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

.tbl_head01 tbody td {
    background: transparent !important;
    color: #dfe7f4 !important;
    border: 0 !important;
    padding: 18px 10px !important;
}

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

#bo_v {
    max-width: 980px !important;
    padding-top: 46px !important;
}

#bo_v_title {
    margin-bottom: 24px !important;
}

#bo_v_title .bo_v_tit,
#bo_v h1 {
    color: #fff !important;
    font-size: 48px !important;
    line-height: 1.32 !important;
    font-weight: 900 !important;
    letter-spacing: -1.4px !important;
    word-break: keep-all !important;
}

#bo_v_info {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    padding: 16px 20px !important;
    border-radius: 18px !important;
    background: #111a29 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: #cbd5e1 !important;
}

#bo_v_info h2,
#bo_v_atc_title {
    display: none !important;
}

#bo_v_info strong,
#bo_v_info span,
#bo_v_info a {
    color: #e2e8f0 !important;
    font-weight: 700 !important;
}

#bo_v_con {
    min-height: 240px !important;
    padding: 36px !important;
    border-radius: 22px !important;
    background: #101827 !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    color: #f8fafc !important;
    font-size: 17px !important;
    line-height: 1.95 !important;
    word-break: keep-all !important;
}

#bo_v_con h2,
#bo_v_con h3 {
    color: #fff !important;
    margin-top: 34px !important;
    line-height: 1.45 !important;
}

#bo_v_con p {
    margin: 0 0 18px !important;
}

#bo_v_con img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 16px !important;
}

#bo_v_link {
    margin-top: 22px !important;
    padding: 16px !important;
    border-radius: 14px !important;
    background: #111827 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

#bo_v_link a,
#bo_v_link strong {
    color: #8b5cf6 !important;
}

#bo_v_top,
#bo_v_top .bo_v_com,
#bo_v_top .bo_v_left {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

#bo_v_top {
    margin-top: 30px !important;
}

#bo_v_top li {
    display: inline-flex !important;
    list-style: none !important;
}

.bo_v_nb a {
    color: #cbd5e1 !important;
    font-weight: 700 !important;
}

.bo_v_nb a:hover {
    color: #8b5cf6 !important;
}

.bo_v_nb .nb_date {
    color: #94a3b8 !important;
}

/* ===============================
   COMMENTS
   =============================== */

#bo_vc,
#bo_vc_w {
    margin-top: 24px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    background: #0d1522 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

#bo_vc > h2 {
    position: absolute !important;
    left: -9999px !important;
}

#bo_vc_empty {
    color: #94a3b8 !important;
    background: transparent !important;
}

#bo_vc_w h2 {
    display: block !important;
    color: #fff !important;
    font-size: 18px !important;
    margin-bottom: 14px !important;
}

#bo_vc_w textarea {
    width: 100% !important;
    min-height: 140px !important;
    padding: 16px !important;
    border-radius: 14px !important;
    background: #101827 !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    box-sizing: border-box !important;
}

#bo_vc_w .btn_confirm {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-top: 14px !important;
}

#bo_vc_w .btn_submit,
#bo_vc_w #btn_submit {
    height: 42px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #8b5cf6 !important;
    color: #fff !important;
}

/* ===============================
   WRITE PAGE
   =============================== */

#bo_w {
    max-width: 980px !important;
    padding-top: 46px !important;
}

#bo_w h2 {
    color: #fff !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    letter-spacing: -1px !important;
}

#bo_w input.frm_input,
#bo_w input[type=text],
#bo_w input[type=password],
#bo_w input[type=file],
#bo_w textarea,
#bo_w select {
    width: 100% !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    background: #101827 !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
}

#bo_w textarea {
    min-height: 380px !important;
    line-height: 1.8 !important;
}

#bo_w input[type=file]::file-selector-button {
    margin-right: 10px;
    padding: 8px 12px;
    border: 0;
    border-radius: 8px;
    background: #8b5cf6;
    color: #fff;
}

#bo_w .btn_confirm {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-top: 30px !important;
}

#bo_w .btn_submit {
    background: #8b5cf6 !important;
    color: #fff !important;
    border: 0 !important;
}

#bo_w .btn_cancel {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #1e293b !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.15) !important;
}

/* ===============================
   FOOTER
   =============================== */

#ft {
    background: #050912 !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    color: #9ca9be !important;
}

#ft a {
    color: #cbd5e1 !important;
}

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

@media (max-width: 900px) {
    #bo_list,
    #bo_v,
    #bo_w {
        max-width: 100% !important;
        padding: 0 14px 60px !important;
    }

    .kt-board-hero {
        margin-top: 22px;
        border-radius: 22px;
    }

    .kt-board-hero-inner {
        padding: 42px 24px;
    }

    .kt-board-hero h1 {
        font-size: 36px;
        letter-spacing: -1px;
    }

    .kt-board-hero p {
        font-size: 14px;
    }

    .kt-board-tags {
        gap: 7px;
    }

    .kt-board-tags a {
        height: 30px;
        padding: 0 10px;
        font-size: 11px;
    }

    .kt-board-intro {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }

    .kt-board-intro h2 {
        font-size: 18px;
    }

    .kt-board-intro p {
        font-size: 13px;
    }

    .kt-board-top {
        flex-direction: column;
        align-items: stretch;
    }

    .kt-board-actions,
    .btn_bo_user {
        flex-wrap: wrap;
    }

    .kt-post-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .kt-post-link {
        min-height: 220px;
        padding: 20px;
    }

    .kt-post-title {
        font-size: 20px;
    }

    .kt-post-summary {
        font-size: 13px;
    }

    .kt-post-meta {
        gap: 8px;
    }

    .kt-read-more {
        width: 100%;
        margin-left: 0;
        margin-top: 4px;
    }

    .kt-board-search form {
        flex-direction: column;
    }

    .kt-board-search select,
    .kt-board-search input,
    .kt-board-search .sch_btn {
        width: 100% !important;
    }

    #bo_v_title .bo_v_tit,
    #bo_v h1 {
        font-size: 32px !important;
    }

    #bo_v_con {
        padding: 24px !important;
        font-size: 15px !important;
        line-height: 1.85 !important;
    }

    #bo_w .btn_confirm,
    #bo_vc_w .btn_confirm {
        flex-direction: column !important;
    }

    #bo_w .btn_confirm a,
    #bo_w .btn_confirm button,
    #bo_w .btn_confirm input,
    #bo_vc_w .btn_submit {
        width: 100% !important;
    }
}

/* ===============================
   VIEW PAGE FINAL SEO STYLE
   =============================== */

.kt-view-wrap {
    max-width: 980px !important;
}

.kt-view-hero {
    margin: 36px 0 26px;
    padding: 54px 46px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 18% 24%, rgba(139,92,246,.24), transparent 34%),
        radial-gradient(circle at 82% 20%, rgba(59,130,246,.18), transparent 34%),
        linear-gradient(135deg, #111a29, #070b14);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 30px 80px rgba(0,0,0,.25);
}

.kt-view-kicker {
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(139,92,246,.16);
    border: 1px solid rgba(139,92,246,.36);
    color: #c4b5fd;
    font-size: 12px;
    font-weight: 900;
}

.kt-view-title {
    margin: 0;
    color: #fff;
    font-size: 52px;
    line-height: 1.24;
    font-weight: 900;
    letter-spacing: -1.8px;
    word-break: keep-all;
}

.kt-view-summary {
    max-width: 780px;
    margin: 20px 0 0;
    color: #cbd5e1;
    font-size: 17px;
    line-height: 1.75;
    word-break: keep-all;
}

.kt-view-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.kt-view-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: #94a3b8;
    font-size: 12px;
    font-weight: 800;
}

.kt-view-guide {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    margin: 0 0 24px;
    padding: 22px 24px;
    border-radius: 20px;
    background: rgba(15,23,42,.72);
    border: 1px solid rgba(255,255,255,.08);
}

.kt-view-guide strong {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 6px;
}

.kt-view-guide p {
    margin: 0;
    color: #94a3b8;
    font-size: 14px;
    line-height: 1.7;
}

.kt-view-guide a {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    height: 42px;
    padding: 0 17px;
    border-radius: 12px;
    background: #8b5cf6;
    color: #fff !important;
    font-size: 13px;
    font-weight: 900;
}

.kt-view-content-wrap {
    margin-top: 24px;
}

.kt-view-img {
    margin-bottom: 24px;
}

.kt-view-img img {
    max-width: 100%;
    height: auto;
    border-radius: 18px;
}

.kt-view-content {
    padding: 42px !important;
    border-radius: 24px !important;
    background: #101827 !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    color: #f8fafc !important;
    font-size: 18px !important;
    line-height: 2 !important;
    word-break: keep-all !important;
}

.kt-view-content h2,
.kt-view-content h3 {
    color: #fff !important;
    line-height: 1.45 !important;
    margin: 36px 0 16px !important;
    letter-spacing: -0.6px;
}

.kt-view-content p {
    margin: 0 0 20px !important;
}

.kt-view-content a {
    color: #c4b5fd !important;
    font-weight: 800;
    border-bottom: 1px solid rgba(196,181,253,.45);
}

.kt-view-content ul,
.kt-view-content ol {
    margin: 18px 0 22px;
    padding-left: 24px;
}

.kt-view-content li {
    margin: 8px 0;
}

.kt-view-signature {
    margin-top: 24px;
    padding: 18px 20px;
    border-radius: 16px;
    background: #111827;
    border: 1px solid rgba(255,255,255,.08);
    color: #94a3b8;
}

.kt-view-act {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 28px 0 0;
}

.kt-view-act a,
.kt-view-act > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 999px;
    background: #111a29;
    border: 1px solid rgba(139,92,246,.55);
    color: #fff !important;
    font-weight: 900;
}

.kt-view-related {
    margin-top: 30px;
    padding: 26px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 12% 15%, rgba(139,92,246,.12), transparent 35%),
        linear-gradient(180deg, #111a29, #0b111d);
    border: 1px solid rgba(255,255,255,.08);
}

.kt-view-related h2 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
}

.kt-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.kt-related-grid a {
    display: block;
    min-height: 132px;
    padding: 18px;
    border-radius: 16px;
    background: rgba(15,23,42,.72);
    border: 1px solid rgba(255,255,255,.08);
    transition: .22s;
}

.kt-related-grid a:hover {
    transform: translateY(-4px);
    border-color: #8b5cf6;
}

.kt-related-grid strong {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 8px;
}

.kt-related-grid span {
    display: block;
    color: #94a3b8;
    font-size: 13px;
    line-height: 1.65;
}

.kt-view-share {
    margin-top: 24px;
}

.kt-view-file,
.kt-view-link {
    margin-top: 24px;
    padding: 22px;
    border-radius: 18px;
    background: #111827;
    border: 1px solid rgba(255,255,255,.08);
}

.kt-view-file h2,
.kt-view-link h2 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}

.kt-view-file ul,
.kt-view-link ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.kt-view-file li,
.kt-view-link li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
    color: #94a3b8;
}

.kt-view-file li:last-child,
.kt-view-link li:last-child {
    border-bottom: 0;
}

.kt-view-file a,
.kt-view-link a {
    color: #c4b5fd !important;
    font-weight: 800;
}

.kt-view-nav {
    margin-top: 32px;
}

.kt-view-admin-btns,
.kt-view-main-btns {
    display: flex !important;
    flex-wrap: wrap;
    gap: 9px;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
}

.kt-view-admin-btns li,
.kt-view-main-btns li {
    list-style: none;
}

.kt-view-neighbor {
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
}

.kt-view-neighbor li {
    display: grid;
    grid-template-columns: 90px 1fr 90px;
    gap: 12px;
    align-items: center;
    padding: 16px 18px;
    background: #111827;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.kt-view-neighbor li:last-child {
    border-bottom: 0;
}

.kt-view-neighbor .nb_tit {
    color: #c4b5fd;
    font-size: 13px;
    font-weight: 900;
}

.kt-view-neighbor a {
    color: #fff !important;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.5;
}

.kt-view-neighbor a:hover {
    color: #c4b5fd !important;
}

.kt-view-neighbor .nb_date {
    color: #64748b;
    font-size: 12px;
    text-align: right;
}

@media(max-width:900px) {
    .kt-view-hero {
        margin-top: 22px;
        padding: 38px 24px;
        border-radius: 22px;
    }

    .kt-view-title {
        font-size: 32px;
        letter-spacing: -1px;
    }

    .kt-view-summary {
        font-size: 14px;
    }

    .kt-view-guide {
        flex-direction: column;
        align-items: flex-start;
    }

    .kt-view-guide a {
        width: 100%;
        justify-content: center;
    }

    .kt-view-content {
        padding: 24px !important;
        font-size: 15px !important;
        line-height: 1.9 !important;
    }

    .kt-related-grid {
        grid-template-columns: 1fr;
    }

    .kt-view-neighbor li {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .kt-view-neighbor .nb_date {
        text-align: left;
    }
}

/* ===============================
   VIEW BOTTOM FINAL
   이전글 / 다음글 / 댓글 최적화
   =============================== */

/* 이전글 / 다음글 전체 박스 */
.kt-view-neighbor,
.bo_v_nb {
    margin: 28px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

/* 이전글/다음글 각각 카드 */
.kt-view-neighbor li,
.bo_v_nb li {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 58px !important;
    padding: 16px 18px !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #111a29, #0b111d) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: #fff !important;
    transition: .22s ease !important;
}

/* hover */
.kt-view-neighbor li:hover,
.bo_v_nb li:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(139,92,246,.85) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.28) !important;
}

/* 이전글/다음글 라벨 */
.kt-view-neighbor .nb_tit,
.bo_v_nb .nb_tit {
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(139,92,246,.18) !important;
    color: #c4b5fd !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

/* 이전글/다음글 제목 */
.kt-view-neighbor a,
.bo_v_nb a {
    flex: 1 !important;
    min-width: 0 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.kt-view-neighbor a:hover,
.bo_v_nb a:hover {
    color: #c4b5fd !important;
}

/* 이전글/다음글 날짜 */
.kt-view-neighbor .nb_date,
.bo_v_nb .nb_date {
    flex-shrink: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-align: right !important;
}

/* 댓글 영역 전체 */
#bo_vc {
    margin-top: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* 댓글 제목 */
#bo_vc h2,
#bo_vc > h2 {
    position: static !important;
    left: auto !important;
    display: block !important;
    margin: 0 0 14px !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px !important;
}

/* 댓글 없음 */
#bo_vc_empty {
    margin: 0 !important;
    padding: 24px 26px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #111a29, #0b111d) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: #94a3b8 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

/* 댓글 리스트 기본 카드화 */
#bo_vc article,
#bo_vc .cmt_contents,
#bo_vc .bo_vc_act {
    color: #cbd5e1 !important;
}

/* 댓글 하나 */
#bo_vc article {
    margin: 0 0 12px !important;
    padding: 22px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #111a29, #0b111d) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

/* 댓글 작성자/날짜 */
#bo_vc header,
#bo_vc .bo_vc_hdinfo {
    color: #94a3b8 !important;
    font-size: 13px !important;
}

#bo_vc .member,
#bo_vc .sv_member,
#bo_vc .sv_guest {
    color: #fff !important;
    font-weight: 900 !important;
}

/* 댓글 내용 */
#bo_vc .cmt_contents {
    margin-top: 12px !important;
    color: #e2e8f0 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}

/* 댓글 버튼 */
#bo_vc a,
#bo_vc button {
    color: #c4b5fd !important;
}

/* 댓글 작성 박스 */
#bo_vc_w {
    margin-top: 18px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #111a29, #0b111d) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

#bo_vc_w h2 {
    margin: 0 0 14px !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

/* 댓글 textarea */
#bo_vc_w textarea {
    width: 100% !important;
    min-height: 130px !important;
    padding: 16px !important;
    border-radius: 14px !important;
    background: #101827 !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    outline: none !important;
}

#bo_vc_w textarea:focus {
    border-color: #8b5cf6 !important;
    box-shadow: 0 0 0 4px rgba(139,92,246,.12) !important;
}

/* 댓글 등록 버튼 */
#bo_vc_w .btn_confirm {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 14px !important;
}

#bo_vc_w .btn_submit,
#bo_vc_w #btn_submit {
    min-width: 96px !important;
    height: 42px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #8b5cf6 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

/* 댓글목록 작은 기본 버튼 제거/정리 */
.cmt_btn,
#bo_vc .btn_b01,
#bo_vc .btn_b02,
#bo_vc .btn_admin {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(139,92,246,.14) !important;
    border: 1px solid rgba(139,92,246,.35) !important;
    color: #c4b5fd !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

/* 모바일 */
@media(max-width:900px) {
    .kt-view-neighbor,
    .bo_v_nb {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .kt-view-neighbor li,
    .bo_v_nb li {
        flex-direction: column !important;
        align-items: flex-start !important;
        min-height: auto !important;
        padding: 16px !important;
    }

    .kt-view-neighbor a,
    .bo_v_nb a {
        width: 100% !important;
        white-space: normal !important;
        font-size: 14px !important;
    }

    .kt-view-neighbor .nb_date,
    .bo_v_nb .nb_date {
        text-align: left !important;
    }

    #bo_vc_empty {
        padding: 20px !important;
        font-size: 13px !important;
    }

    #bo_vc_w {
        padding: 20px !important;
    }

    #bo_vc_w .btn_confirm {
        justify-content: stretch !important;
    }

    #bo_vc_w .btn_submit,
    #bo_vc_w #btn_submit {
        width: 100% !important;
    }
}

/* ===============================
   VIEW NAV POSITION FIX
   버튼 / 이전글 / 다음글 위치 고정
   =============================== */

#bo_v_top.kt-view-nav,
#bo_v_top {
    display: block !important;
    width: 100% !important;
    margin-top: 32px !important;
}

/* 상단 버튼 영역: 항상 첫 줄 */
#bo_v_top .bo_v_left,
#bo_v_top .bo_v_com,
.kt-view-admin-btns,
.kt-view-main-btns {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    align-items: center !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* 버튼 그룹이 한 줄처럼 자연스럽게 이어지도록 */
#bo_v_top .bo_v_left {
    float: none !important;
}

#bo_v_top .bo_v_com {
    float: none !important;
    margin-bottom: 20px !important;
}

/* 이전글/다음글: 무조건 버튼 아래 새 줄 */
#bo_v_top .bo_v_nb,
#bo_v_top .kt-view-neighbor {
    clear: both !important;
    width: 100% !important;
    margin: 22px 0 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    list-style: none !important;
}

/* 이전글/다음글 카드 */
#bo_v_top .bo_v_nb li,
#bo_v_top .kt-view-neighbor li {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 16px 18px !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 12px !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #111a29, #0b111d) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

/* 라벨 */
#bo_v_top .bo_v_nb .nb_tit,
#bo_v_top .kt-view-neighbor .nb_tit {
    display: inline-flex !important;
    align-items: center !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(139,92,246,.18) !important;
    color: #c4b5fd !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

/* 제목 */
#bo_v_top .bo_v_nb a,
#bo_v_top .kt-view-neighbor a {
    min-width: 0 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* 날짜 */
#bo_v_top .bo_v_nb .nb_date,
#bo_v_top .kt-view-neighbor .nb_date {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

/* 모바일 */
@media(max-width:900px) {
    #bo_v_top .bo_v_left,
    #bo_v_top .bo_v_com,
    .kt-view-admin-btns,
    .kt-view-main-btns {
        gap: 8px !important;
    }

    #bo_v_top .bo_v_left li,
    #bo_v_top .bo_v_com li {
        flex: 1 1 calc(33.333% - 8px) !important;
    }

    #bo_v_top .bo_v_left a,
    #bo_v_top .bo_v_com a {
        width: 100% !important;
    }

    #bo_v_top .bo_v_nb,
    #bo_v_top .kt-view-neighbor {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-top: 18px !important;
    }

    #bo_v_top .bo_v_nb li,
    #bo_v_top .kt-view-neighbor li {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    #bo_v_top .bo_v_nb a,
    #bo_v_top .kt-view-neighbor a {
        white-space: normal !important;
    }
}

/* ===============================
   WRITE PAGE FINAL
   =============================== */

.kt-write-wrap {
    max-width: 980px !important;
    margin: 0 auto !important;
    padding: 0 24px 80px !important;
}

.kt-write-hero {
    margin: 36px 0 26px;
    padding: 54px 46px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 18% 24%, rgba(139,92,246,.24), transparent 34%),
        radial-gradient(circle at 82% 20%, rgba(59,130,246,.18), transparent 34%),
        linear-gradient(135deg, #111a29, #070b14);
    border: 1px solid rgba(255,255,255,.08);
}

.kt-write-kicker {
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(139,92,246,.16);
    border: 1px solid rgba(139,92,246,.36);
    color: #c4b5fd;
    font-size: 12px;
    font-weight: 900;
}

.kt-write-hero h1 {
    margin: 0;
    color: #fff;
    font-size: 48px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -1.5px;
}

.kt-write-hero p {
    margin: 18px 0 0;
    color: #cbd5e1;
    font-size: 16px;
    line-height: 1.7;
}

.kt-write-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

.kt-write-tags span {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    color: #c4b5fd;
    font-size: 12px;
    font-weight: 900;
}

.kt-write-guide {
    margin-bottom: 24px;
    padding: 22px 24px;
    border-radius: 20px;
    background: rgba(15,23,42,.72);
    border: 1px solid rgba(255,255,255,.08);
}

.kt-write-guide strong {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 8px;
}

.kt-write-guide p {
    margin: 0;
    color: #94a3b8;
    font-size: 14px;
    line-height: 1.7;
}

.kt-write-form {
    padding: 28px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 16% 8%, rgba(139,92,246,.12), transparent 35%),
        linear-gradient(180deg, #111a29, #0b111d);
    border: 1px solid rgba(255,255,255,.08);
}

.kt-write-field {
    margin-bottom: 22px;
}

.kt-write-field label {
    display: block;
    margin-bottom: 9px;
    color: #e2e8f0;
    font-size: 14px;
    font-weight: 900;
}

.kt-write-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.kt-write-field input[type="text"],
.kt-write-field input[type="password"],
.kt-write-field input[type="file"],
.kt-write-field select,
.kt-write-field textarea,
.kt-write-form .frm_input,
.kt-write-form .full_input {
    width: 100% !important;
    min-height: 46px !important;
    padding: 0 15px !important;
    border-radius: 12px !important;
    background: #101827 !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    color: #fff !important;
    font-size: 15px !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.kt-write-field input:focus,
.kt-write-field select:focus,
.kt-write-field textarea:focus,
.kt-write-form .frm_input:focus {
    border-color: #8b5cf6 !important;
    box-shadow: 0 0 0 4px rgba(139,92,246,.12) !important;
}

.kt-title-field #wr_subject {
    height: 54px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
}

.kt-help-text {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}

.kt-write-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
    padding: 16px;
    border-radius: 16px;
    background: rgba(15,23,42,.72);
    border: 1px solid rgba(255,255,255,.08);
}

.kt-check-option {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    margin: 0 !important;
    color: #cbd5e1 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.kt-autosave-wrap {
    position: relative;
}

.kt-autosave-btn,
#btn_autosave {
    margin-top: 10px !important;
    height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: rgba(139,92,246,.16) !important;
    border: 1px solid rgba(139,92,246,.45) !important;
    color: #c4b5fd !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

#autosave_pop {
    background: #111a29 !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 14px !important;
    padding: 16px !important;
}

.kt-editor-box {
    border-radius: 16px;
    overflow: hidden;
}

.kt-editor-box textarea,
#wr_content {
    width: 100% !important;
    min-height: 420px !important;
    padding: 18px !important;
    border-radius: 16px !important;
    background: #101827 !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}



.kt-file-field input[type="file"] {
    padding: 11px 14px !important;
}

.kt-file-field input[type="file"]::file-selector-button {
    margin-right: 10px;
    padding: 8px 12px;
    border: 0;
    border-radius: 8px;
    background: #8b5cf6;
    color: #fff;
    font-weight: 800;
}

.file_del {
    display: block;
    margin-top: 10px;
    color: #94a3b8;
    font-size: 13px;
}

.kt-write-submit {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 30px;
}

.kt-write-submit .btn,
.kt-write-submit input {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 110px !important;
    height: 44px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.kt-write-submit .btn_cancel {
    background: #1e293b !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    color: #fff !important;
}

.kt-write-submit .btn_submit {
    background: #8b5cf6 !important;
    border: 0 !important;
    color: #fff !important;
}

@media(max-width:900px) {
    .kt-write-wrap {
        padding: 0 14px 60px !important;
    }

    .kt-write-hero {
        margin-top: 22px;
        padding: 38px 24px;
        border-radius: 22px;
    }

    .kt-write-hero h1 {
        font-size: 32px;
        letter-spacing: -1px;
    }

    .kt-write-form {
        padding: 20px;
        border-radius: 20px;
    }

    .kt-write-row {
        grid-template-columns: 1fr;
        gap: 0;
    }


    .kt-write-submit {
        flex-direction: column;
    }

    .kt-write-submit .btn,
    .kt-write-submit input {
        width: 100% !important;
    }
}

/* ===============================
   VIEW PAGE WIDTH FINAL FIX
   게시물 보기 화면 좌우 폭 확장
   =============================== */

/* 게시글 보기 전체 폭을 목록 화면과 비슷하게 넓힘 */
#bo_v,
article#bo_v,
.kt-view-wrap {
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

/* 보기 페이지 안쪽 주요 박스도 전체 폭 사용 */
.kt-view-hero,
.kt-view-guide,
.kt-view-content-wrap,
.kt-view-content,
.kt-view-related,
.kt-game-play-box,
.kt-game-iframe-wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 게임 iframe도 부모 폭에 맞춤 */
.kt-game-iframe-wrap iframe {
    width: 100% !important;
    max-width: 100% !important;
}

/* PC에서 본문이 너무 길게 퍼지지 않도록 읽기 영역 정리 */
.kt-view-content {
    width: 100% !important;
}

/* 모바일에서는 좌우 여백 최소화 */
@media (max-width: 900px) {
    #bo_v,
    article#bo_v,
    .kt-view-wrap {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .kt-view-hero,
    .kt-view-guide,
    .kt-view-content,
    .kt-view-related,
    .kt-game-play-box,
    .kt-game-iframe-wrap {
        border-radius: 16px !important;
    }

    .kt-view-hero {
        padding: 30px 20px !important;
    }

    .kt-view-content {
        padding: 18px !important;
    }
}

@media (max-width: 430px) {
    #bo_v,
    article#bo_v,
    .kt-view-wrap {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .kt-view-hero {
        padding: 26px 18px !important;
    }

    .kt-view-content {
        padding: 16px !important;
    }
}