@charset "utf-8";

/* =========================
   BAETTAEGI AUTHENTIC GALLERY
========================= */

:root{
    --bt-bg:#f7f2ea;
    --bt-card:#fffdf9;
    --bt-line:#e6d9c4;
    --bt-line-soft:rgba(182,138,71,.16);
    --bt-text:#171410;
    --bt-sub:#766956;
    --bt-gold:#b68a47;
    --bt-gold-dark:#8a652b;
    --bt-shadow:0 14px 34px rgba(39,27,10,.08);
    --bt-shadow-hover:0 18px 42px rgba(39,27,10,.14);
    --bt-radius:26px;
}

#bo_list.bt-auth-board-wrap,
#bo_v.bt-auth-view{
    max-width:1280px;
    margin:0 auto;
    padding:28px 16px 80px;
    color:var(--bt-text);
    box-sizing:border-box;
}

#bo_list.bt-auth-board-wrap * ,
#bo_v.bt-auth-view *{
    box-sizing:border-box;
}

/* list hero */
.bt-auth-hero{
    position:relative;
    overflow:hidden;
    margin:0 0 28px;
    border:1px solid var(--bt-line);
    border-radius:34px;
    background:
        radial-gradient(circle at top right, rgba(182,138,71,.14), transparent 28%),
        radial-gradient(circle at left bottom, rgba(182,138,71,.10), transparent 32%),
        linear-gradient(180deg,#fffdfa 0%, #f7f0e5 100%);
    box-shadow:var(--bt-shadow);
}

.bt-auth-hero-inner{
    padding:42px 30px 34px;
}

.bt-auth-hero-kicker{
    display:inline-block;
    margin:0 0 10px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(182,138,71,.10);
    color:var(--bt-gold-dark);
    font-size:12px;
    font-weight:800;
    letter-spacing:.18em;
}

.bt-auth-hero-title{
    margin:0 0 14px;
    font-size:40px;
    line-height:1.12;
    font-weight:900;
    color:var(--bt-text);
}

.bt-auth-hero-desc{
    max-width:900px;
    margin:0;
    color:var(--bt-sub);
    font-size:16px;
    line-height:1.9;
}

.bt-auth-guide-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:14px;
    margin-top:28px;
}

.bt-auth-guide-card{
    padding:18px 16px;
    border:1px solid rgba(182,138,71,.16);
    border-radius:22px;
    background:rgba(255,255,255,.72);
    backdrop-filter:blur(2px);
}

.bt-auth-guide-card strong{
    display:block;
    margin:0 0 8px;
    color:var(--bt-gold-dark);
    font-size:11px;
    font-weight:800;
    letter-spacing:.16em;
}

.bt-auth-guide-card span{
    display:block;
    color:#201b16;
    font-size:15px;
    line-height:1.5;
    font-weight:700;
}

/* category */
.bt-auth-cate{
    margin:0 0 22px;
}

.bt-auth-cate-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:0;
    padding:0;
    list-style:none;
}

.bt-auth-cate-list li{
    list-style:none;
}

.bt-auth-cate-list a{
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:0 16px;
    border:1px solid var(--bt-line);
    border-radius:999px;
    background:#fff;
    color:var(--bt-sub);
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    transition:all .2s ease;
}

.bt-auth-cate-list #bo_cate_on,
.bt-auth-cate-list a:hover{
    border-color:rgba(182,138,71,.55);
    color:var(--bt-gold-dark);
    background:#fffaf3;
}

/* toolbar */
.bt-auth-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:0 0 22px;
}

.bt-auth-total{
    display:inline-block;
    color:var(--bt-sub);
    font-size:14px;
    font-weight:700;
}

.bt-auth-total strong{
    color:var(--bt-gold-dark);
    font-size:16px;
}

.bt-auth-toolbar-right{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

/* buttons */
.bt-auth-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 18px;
    border-radius:999px;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    transition:all .2s ease;
    cursor:pointer;
}

.bt-auth-btn-fill{
    border:1px solid var(--bt-gold);
    background:linear-gradient(180deg, #c79854 0%, #ab7d3e 100%);
    color:#fff;
    box-shadow:0 10px 24px rgba(182,138,71,.22);
}

.bt-auth-btn-fill:hover{
    transform:translateY(-1px);
    box-shadow:0 14px 28px rgba(182,138,71,.28);
}

.bt-auth-btn-line{
    border:1px solid var(--bt-line);
    background:#fff;
    color:var(--bt-text);
}

.bt-auth-btn-line:hover{
    border-color:rgba(182,138,71,.55);
    color:var(--bt-gold-dark);
    background:#fffaf3;
}

/* grid */
.bt-auth-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:22px 18px;
}

.bt-auth-card{
    position:relative;
}

.bt-auth-card-link{
    display:block;
    height:100%;
    text-decoration:none;
    color:inherit;
    border:1px solid var(--bt-line-soft);
    border-radius:28px;
    overflow:hidden;
    background:var(--bt-card);
    box-shadow:var(--bt-shadow);
    transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.bt-auth-card-link:hover{
    transform:translateY(-4px);
    border-color:rgba(182,138,71,.28);
    box-shadow:var(--bt-shadow-hover);
}

.bt-auth-thumb-wrap{
    position:relative;
    overflow:hidden;
    background:#f0e7d8;
}

.bt-auth-thumb{
    position:relative;
    width:100%;
    aspect-ratio:3 / 4;
    background-size:cover;
    background-position:center center;
    transition:transform .45s ease;
}

.bt-auth-card-link:hover .bt-auth-thumb{
    transform:scale(1.04);
}

.bt-auth-thumb-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        linear-gradient(180deg,#f4ebde 0%,#e9dcc6 100%);
}

.bt-auth-thumb-empty span{
    color:#8c6b37;
    font-size:22px;
    font-weight:900;
    line-height:1.35;
    letter-spacing:.08em;
    text-align:center;
}

.bt-auth-badge{
    position:absolute;
    left:14px;
    top:14px;
    z-index:2;
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(17,17,17,.72);
    color:#fff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
}

.bt-auth-card-body{
    padding:18px 18px 20px;
}

.bt-auth-card-title{
    margin:0 0 10px;
    min-height:3.1em;
    color:#171410;
    font-size:18px;
    line-height:1.55;
    font-weight:800;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.bt-auth-card-desc{
    margin:0 0 14px;
    min-height:3.2em;
    color:var(--bt-sub);
    font-size:14px;
    line-height:1.65;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.bt-auth-card-more{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--bt-gold-dark);
    font-size:13px;
    font-weight:800;
    letter-spacing:.02em;
}

.bt-auth-card-more:after{
    content:'→';
    font-size:14px;
}

.bt-auth-empty{
    padding:60px 20px;
    border:1px solid var(--bt-line);
    border-radius:28px;
    background:#fff;
    text-align:center;
    color:var(--bt-sub);
    font-size:16px;
    box-shadow:var(--bt-shadow);
}

/* pagination */
.bt-auth-pagination{
    margin:34px 0 0;
    text-align:center;
}

.bt-auth-pagination .pg{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
}

.bt-auth-pagination .pg_page,
.bt-auth-pagination .pg_current{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:42px;
    padding:0 12px;
    border-radius:999px;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
}

.bt-auth-pagination .pg_page{
    border:1px solid var(--bt-line);
    background:#fff;
    color:var(--bt-sub);
}

.bt-auth-pagination .pg_current{
    border:1px solid var(--bt-gold);
    background:linear-gradient(180deg, #c79854 0%, #ab7d3e 100%);
    color:#fff;
}

/* search */
.bt-auth-search{
    margin:28px 0 0;
    padding:22px;
    border:1px solid var(--bt-line);
    border-radius:28px;
    background:#fff;
    box-shadow:var(--bt-shadow);
}

.bt-auth-search-inner{
    display:flex;
    gap:10px;
}

.bt-auth-search select,
.bt-auth-search input[type="text"]{
    height:48px;
    border:1px solid var(--bt-line);
    border-radius:16px;
    background:#fff;
    color:var(--bt-text);
    padding:0 16px;
    font-size:14px;
}

.bt-auth-search select{
    min-width:120px;
}

.bt-auth-search input[type="text"]{
    flex:1;
}

/* view */
.bt-auth-view-hero{
    margin:0 0 22px;
    padding:32px 28px;
    border:1px solid var(--bt-line);
    border-radius:34px;
    background:
        radial-gradient(circle at top right, rgba(182,138,71,.12), transparent 28%),
        linear-gradient(180deg,#fffdfa 0%, #f7f0e5 100%);
    box-shadow:var(--bt-shadow);
}

.bt-auth-view-cate{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    margin:0 0 12px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(182,138,71,.10);
    color:var(--bt-gold-dark);
    font-size:12px;
    font-weight:800;
    letter-spacing:.1em;
}

.bt-auth-view-title{
    margin:0;
    color:#16120f;
    font-size:40px;
    line-height:1.25;
    font-weight:900;
    word-break:keep-all;
}

.bt-auth-view-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px 18px;
    margin-top:16px;
    color:var(--bt-sub);
    font-size:14px;
    font-weight:700;
}

.bt-auth-link-box,
.bt-auth-file-box{
    margin:0 0 18px;
    padding:18px;
    border:1px solid var(--bt-line);
    border-radius:24px;
    background:#fff;
    box-shadow:var(--bt-shadow);
}

.bt-auth-link-item,
.bt-auth-file-item{
    display:block;
    padding:12px 14px;
    border-radius:16px;
    text-decoration:none;
    color:var(--bt-text);
    font-size:14px;
    font-weight:700;
    line-height:1.6;
    transition:all .2s ease;
}

.bt-auth-link-item + .bt-auth-link-item,
.bt-auth-file-item + .bt-auth-file-item{
    margin-top:8px;
}

.bt-auth-link-item:hover,
.bt-auth-file-item:hover{
    background:#fffaf3;
    color:var(--bt-gold-dark);
}

.bt-auth-content-box{
    border:1px solid var(--bt-line);
    border-radius:34px;
    background:#fffdfa;
    box-shadow:var(--bt-shadow);
    overflow:hidden;
}

.bt-auth-attached-images{
    padding:26px 26px 0;
}

.bt-auth-attached-image{
    margin:0 0 16px;
    overflow:hidden;
    border-radius:24px;
}

.bt-auth-attached-image img{
    display:block;
    width:100%;
    height:auto;
    border-radius:24px;
}

.bt-auth-view-content{
    padding:34px 30px 40px;
    color:#1c1814;
    font-size:17px;
    line-height:1.95;
    word-break:keep-all;
}

.bt-auth-view-content:after{
    content:'';
    display:block;
    clear:both;
}

.bt-auth-view-content img{
    max-width:100%;
    height:auto !important;
    border-radius:22px;
}

.bt-auth-view-content p{
    margin:0 0 1.2em;
}

.bt-auth-view-content h1,
.bt-auth-view-content h2,
.bt-auth-view-content h3,
.bt-auth-view-content h4{
    margin:1.2em 0 .8em;
    color:#171410;
    line-height:1.45;
}

.bt-auth-view-content a{
    color:var(--bt-gold-dark);
    text-decoration:underline;
}

.bt-auth-bottom-nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:28px 0 0;
}

.bt-auth-bottom-left,
.bt-auth-bottom-right{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

/* hide default junk */
#bo_list .bo_fx,
#bo_list .bo_notice,
#bo_list .bo_adm,
#bo_list .td_chk,
#bo_list .td_num,
#bo_list .td_name,
#bo_list .td_date,
#bo_list .td_hit,
#bo_list .td_good,
#bo_list .td_nogood,
#bo_vc,
#bo_vc_w,
#bo_v_bot,
#bo_v_share,
#bo_v_sns,
#bo_vc_empty{
    display:none !important;
}

/* responsive */
@media (max-width: 1200px){
    .bt-auth-grid{
        grid-template-columns:repeat(3, minmax(0,1fr));
    }
}

@media (max-width: 991px){
    .bt-auth-hero-title,
    .bt-auth-view-title{
        font-size:32px;
    }

    .bt-auth-guide-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .bt-auth-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 767px){
    #bo_list.bt-auth-board-wrap,
    #bo_v.bt-auth-view{
        padding:18px 12px 56px;
    }

    .bt-auth-hero{
        border-radius:26px;
        margin-bottom:20px;
    }

    .bt-auth-hero-inner{
        padding:30px 18px 24px;
    }

    .bt-auth-hero-title,
    .bt-auth-view-title{
        font-size:26px;
        line-height:1.22;
    }

    .bt-auth-hero-desc{
        font-size:14px;
        line-height:1.8;
    }

    .bt-auth-guide-grid{
        grid-template-columns:1fr 1fr;
        gap:10px;
        margin-top:20px;
    }

    .bt-auth-guide-card{
        padding:14px 12px;
        border-radius:18px;
    }

    .bt-auth-guide-card span{
        font-size:13px;
    }

    .bt-auth-toolbar{
        align-items:flex-start;
        flex-direction:column;
        margin-bottom:18px;
    }

    .bt-auth-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
        gap:14px 12px;
    }

    .bt-auth-card-link{
        border-radius:20px;
    }

    .bt-auth-card-body{
        padding:14px 14px 16px;
    }

    .bt-auth-card-title{
        font-size:15px;
        min-height:2.9em;
    }

    .bt-auth-card-desc{
        font-size:12px;
        min-height:3.1em;
        margin-bottom:10px;
    }

    .bt-auth-card-more{
        font-size:12px;
    }

    .bt-auth-search{
        padding:16px;
        border-radius:22px;
    }

    .bt-auth-search-inner{
        flex-direction:column;
    }

    .bt-auth-search select,
    .bt-auth-search input[type="text"]{
        width:100%;
        min-width:0;
    }

    .bt-auth-view-hero{
        padding:24px 18px;
        border-radius:24px;
    }

    .bt-auth-content-box{
        border-radius:24px;
    }

    .bt-auth-attached-images{
        padding:16px 16px 0;
    }

    .bt-auth-view-content{
        padding:22px 18px 28px;
        font-size:15px;
        line-height:1.9;
    }

    .bt-auth-bottom-nav{
        flex-direction:column;
        align-items:stretch;
    }

    .bt-auth-bottom-left,
    .bt-auth-bottom-right{
        width:100%;
    }

    .bt-auth-bottom-left .bt-auth-btn,
    .bt-auth-bottom-right .bt-auth-btn{
        flex:1;
    }
}

@media (max-width: 480px){
    .bt-auth-guide-grid{
        grid-template-columns:1fr;
    }

    .bt-auth-grid{
        grid-template-columns:1fr 1fr;
    }

    .bt-auth-badge{
        left:10px;
        top:10px;
        min-height:30px;
        padding:0 10px;
        font-size:10px;
    }
}