/* ══════════════════════════════════════════
   Board Sub Banner
══════════════════════════════════════════ */
.board-sub-banner {
    background: #dceef5 no-repeat center top / cover;
    min-height: 200px;
    display: flex;
    align-items: flex-end;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 423px;
}
.bsb-faq     { background-image: url('/new_2025/img/sub1_img_w.jpg'); }
.bsb-notice  { background-image: url('/new_2025/img/sub2_img_w.jpg'); }
.bsb-default { background-image: url('/new_2026/img/default_top.png'); }

.board-sub-banner .wrap { padding: 0 30px; }
.bsb-inner { padding: 44px 0 40px; }
.bsb-label {
    font-size: 13px;
    color: #668da8;
    letter-spacing: 0.06em;
    margin-bottom: 8px;
}
.bsb-top {width: 100%;max-width: 1200px;min-width: 320px;height: 330px;display: flex;justify-content: center;align-items: flex-start;margin: 0 auto;padding-top: 100px;}
.bsb-title {width: 530px;height: auto;aspect-ratio: 265 / 79;}
.bsb-title img{width: 100%;height: 100%;display: block;}


/* ══════════════════════════════════════════
   Board Page Wrapper
══════════════════════════════════════════ */
.board-page { background: #fff;}
.board-page .wrap {background-color: #ffffff;border-radius: 30px 30px 0 0;padding: 40px 40px 60px;}
.board-page.bsb-default { background-image: url('/new_2026/img/notice_top.png');background-position: center top;background-repeat: no-repeat;background-color: #F3EAE3;}
.board-page.bsb-faq { background-image: url('/new_2026/img/default_top.png');background-position: center top;background-repeat: no-repeat;background-color: #F3EAE3;}
.board-page.bsb-faq .bsb-top{justify-content: flex-start;padding-left: 230px;}
.board-page.bsb-notice { background-image: url('/new_2026/img/notice_top.png');background-position: center top;background-repeat: no-repeat;background-color: #9BD6E6;}
.board-page.bsb-event { background-image: url('/new_2026/img/event_top.png');background-position: center top;background-repeat: no-repeat;background-color: #7CB7D2;}


/* ══════════════════════════════════════════
   2-Column Layout
══════════════════════════════════════════ */
.board-layout {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    margin: 0 auto;
    min-height: 520px;
}

/* ══════════════════════════════════════════
   Sidebar
══════════════════════════════════════════ */
.board-sidebar {
    width: 250px;
    min-width: 250px;
    align-self: stretch;
    border-right: 1px solid #929398;
}
.sidebar-head {
    color: #0E82B4;
    font-size: 34px;
    font-weight: 700;
    padding: 0 4px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -0.05em;
    border-bottom: 2px solid #707070;
}
.sidebar-nav ul { margin: 0; padding: 0; list-style: none; }
.sidebar-nav li a {
    display: flex;
    align-items: center;
    padding: 0 45px;
    height: 50px;
    font-size: 21px;
    font-weight: 500;
    color: #707070;
    border-bottom: 1px solid #929398;
    text-decoration: none;
    letter-spacing: -0.05em;
    transition: background 0.15s, color 0.15s;
}
.sidebar-nav li:last-child a { border-bottom: 1px solid #929398; }
.sidebar-nav li a:hover { color: #0E82B4; }
.sidebar-nav li a.active {
    font-weight: 700;
    color: #fff;
    background: linear-gradient(to right, #0096D1, #3EBDC5, #A9E9D6);
    border-bottom: none;
}
.sidebar-nav li:has(+ li a.active) a {
    border-bottom: none;
}

/* ══════════════════════════════════════════
   Content Area
══════════════════════════════════════════ */
.board-content { flex: 1; min-width: 0; }

/* 브레드크럼 + 상단 버튼 */
.board-top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    border-bottom: 2px solid #707070;
}
.board-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #929398;
    letter-spacing: -0.05em;
    flex-wrap: wrap;
}
.board-breadcrumb a { color: #929398; text-decoration: none; }
.board-breadcrumb a:hover { opacity: 0.75; }
.bc-home  { width: 13px; height: 12px; display: block; }
.bc-arrow { width: 7px; height: 11px; display: block; }
.bc-label { color: #929398; }
.bc-cur   { font-size: 23px; font-weight: 600; color: #666666; letter-spacing: -0.05em; }

.btn-board-write {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 122px;
    height: 40px;
    background: #ffffff;
    border: 1px solid #929398;
    border-radius: 0;
    color: #666666;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.05em;
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.15s;
    box-sizing: border-box;
}
.btn-board-write img { display: block; flex-shrink: 0; }
.btn-board-write:hover { opacity: 0.75; }

/* 모바일 전용 글쓰기 버튼 (board-title-th 내부) */
.btn-write-m {
    display: none;
}

/* ══════════════════════════════════════════
   Category Tabs
══════════════════════════════════════════ */
.board-tabs {
    display: flex;
    margin-top: 25px;
    margin-bottom: 20px;
    padding: 0 15px;
}
.board-tab {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border: 1px solid #707070;
    margin-left: -1px;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #707070;
    text-decoration: none;
    position: relative;
    transition: background 0.15s, color 0.15s;
}
.board-tabs .board-tab:first-child { margin-left: 0; }
.board-tab:hover { color: #0E82B4; }

/* FAQ 탭 — 카테고리명 뒤에 "자주 묻는 질문" 표시 */
.board-tabs--faq .board-tab::after { content: ' 자주 묻는 질문'; }
.board-tab.active {
    background-color: #0E82B4;
    color: #ffffff;
    border-color: #0E82B4;
    z-index: 1;
}

/* ══════════════════════════════════════════
   FAQ Accordion
══════════════════════════════════════════ */
.faq-list { margin:0 ;}

.faq-q {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 10px 15px;
    border-bottom: 1px solid #929398;
    cursor: pointer;
    user-select: none;
    list-style: none;
    transition: background 0.15s;
}
.faq-q:first-of-type { border-top: 1px solid #929398; }
.faq-q:hover { background: #f5fbff; }
.faq-q.open { background: #f5fbff; }

.faq-q-icon {
    width: 35px;
    height: 35px;
    min-width: 35px;
    border-radius: 50%;
    background-color: #9BD7F6;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.faq-q-icon img {
    width: 13px;
    height: 20px;
    display: block;
}
.faq-q-text {
    flex: 1;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.45;
    color: #191919;
    letter-spacing: -0.05em;
}
.faq-arrow {
    width: 27px;
    height: 15px;
    flex-shrink: 0;
    display: block;
    transition: transform 0.22s;
    margin-top: 8px;
}
.faq-q.open .faq-arrow { transform: rotate(180deg); }

/* FAQ 답변 */
.faq-a {
    overflow: hidden;
    height: 0;
    margin: 0;
    transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-q.open { border-bottom: none; }
.faq-a-inner {
    padding: 13px 30px 28px;
    background: #F2F2F2;
    border-bottom: 1px solid #929398;
}
.faq-a-body {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    color: #191919;
    letter-spacing: -0.01em;
    word-break: break-word;
}
.faq-a-body p { margin: 0 0 .5em; }
.faq-a-body p:last-child { margin-bottom: 0; }

/* ══════════════════════════════════════════
   Board Empty
══════════════════════════════════════════ */
.board-empty { text-align: center; padding: 70px 0; color: #bbb; font-size: 15px; }
.board-empty-td { text-align: center; color: #bbb; padding: 60px 0; font-size: 14px; }

/* ══════════════════════════════════════════
   Table (공통)
══════════════════════════════════════════ */
.board-table {
    width: 100%;
    border-collapse: collapse;
}
.board-table th {
    background: #F2F2F2;
    border-bottom: 1px solid #929398;
    height: 40px;
    padding: 0 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #191919;
}
.board-table td {
    background: #ffffff;
    border-bottom: 1px solid #929398;
    padding: 12px 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #707070;
}
.row-pin td { background: #f0f5ff; }
.pin-mark {
    display: inline-block;
    padding: 2px 7px;
    background: #0a3d6b;
    color: #fff;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
}
.board-table th:first-child,
.board-table td:first-child { padding-left: 40px; }
.board-table th:last-child,
.board-table td:last-child  { padding-right: 40px; }
.board-table th.board-title-th { text-align: left; }
.board-table td.board-title-td { text-align: left; max-width: 0; }
.board-title-td a {
    display: block;
    width: 100%;
}
.board-title-td a span{

    display: block;
    color: #191919;
    font-weight: 700;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.board-title-td a:hover { color: #0a3d6b; text-decoration: underline; }

/* 공지사항 불릿 — ::before, 절대 배치 */
.board-table .board-title-td a {
    position: relative;
}
.board-table .board-title-td a::before {
    content: '';
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #707070;
}

/* ══════════════════════════════════════════
   Pagination
══════════════════════════════════════════ */
.board-pager {
    display: flex;
    justify-content: center;
    gap: 0;
    margin-top: 40px;
}
.pager-num,
.pager-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border: 1px solid #929398;
    margin-left: -1px;
    color: #929398;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    transition: background 0.15s, color 0.15s;
}
.board-pager > a:first-child { margin-left: 0; }
.pager-num:hover { z-index: 1; color: #0E82B4; border-color: #0E82B4; }
.pager-num.active { background: #0E82B4; color: #fff; border-color: #0E82B4; z-index: 1; }
.pager-btn img { display: block; vertical-align: middle; }
.pager-btn:hover { z-index: 1; }

/* ══════════════════════════════════════════
   Post Detail (view.php)
══════════════════════════════════════════ */
.post-wrap {
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 0;
}
.post-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 9px 24px 6px;
    min-height: 40px;
    background: #F2F2F2;
    border-bottom: 1px solid #929398;
}
.post-title { font-size: 15px; font-weight: 500; color: #191919; line-height: 1.4; flex: 1; }
.post-date { font-size: 15px; color: #191919; white-space: nowrap; padding-top: 4px; font-weight: 500; }
.post-body { padding: 20px 30px; min-height: 180px; font-size: 18px; font-weight: 700; line-height: 1.16; color: #191919; letter-spacing: -0.01em; }
.post-body img { max-width: 100%; }
.post-files { padding: 14px 24px; border-top: 1px solid #edf0f5; background: #fafbfd; }
.post-files strong { font-size: 13px; color: #555; }
.post-files ul { margin: 8px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.post-files ul li a { color: #1a6ab1; font-size: 13px; text-decoration: none; }
.post-files ul li a:hover { text-decoration: underline; }

/* 이전/다음 글 */
.post-nav {
    display: flex;
    border-top: 2px solid #707070;
    border-bottom: 2px solid #707070;
    margin-top: 28px;
}
.post-nav-item {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 24px;
    height: 70px;
    text-decoration: none;
    color: #191919;
    min-width: 0;
    background: #F2F2F2;
    transition: background 0.15s;
}
.post-nav-item:hover { background: #e8e8e8; }
.post-nav-prev { border-right: 2px solid #707070; }
.post-nav-next { justify-content: flex-end; }
.post-nav-empty { cursor: default; }
.nav-arrow { width: 8px; height: 14px; flex-shrink: 0; display: block; }
.nav-arrow-flip { transform: scaleX(-1); }
.nav-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.post-nav-next .nav-text { align-items: flex-end; }
.nav-label {
    font-size: 15px;
    font-weight: 500;
    color: #707070;
    white-space: nowrap;
}
.nav-title {
    font-size: 15px;
    font-weight: 700;
    color: #191919;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

/* 목록 / 수정 / 삭제 버튼 */
.post-actions { display: flex; justify-content: center; gap: 8px; margin-top: 28px; }
.post-actions-inner { justify-content: flex-end; margin-top: 0; padding: 12px 24px; background: #ffffff; }
.btn-list,
.btn-post-edit,
.btn-post-delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 14px 3px 15px;
    border: 1px solid #929398;
    border-radius: 0;
    background: #ffffff;
    color: #191919;
    font-size: inherit;
    font-weight: 500;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.15s;
}
.btn-list:hover,
.btn-post-edit:hover,
.btn-post-delete:hover { opacity: 0.7; }

/* ══════════════════════════════════════════
   Responsive
══════════════════════════════════════════ */
@media (max-width: 500px) {
    /* 상단 타이틀 이미지 숨김, bsb-top 이미지 크기에 맞게 높이 설정 */
    .bsb-title { display: none; }
    .bsb-top { height: 287px; padding-top: 0; }

    /* board-page 배경 이미지 제거, bsb-top에 모바일 이미지 적용 */
    .board-page.bsb-default,
    .board-page.bsb-faq,
    .board-page.bsb-notice,
    .board-page.bsb-event { background-image: none; }
    .bsb-top { background-size: 100% auto; background-repeat: no-repeat; background-position: left center; }
    .board-page.bsb-default .bsb-top { background-image: url('/new_2026/img/mobile/notice_top.png'); }
    .board-page.bsb-faq .bsb-top     { background-image: url('/new_2026/img/mobile/default_top.png'); }
    .board-page.bsb-notice .bsb-top  { background-image: url('/new_2026/img/mobile/notice_top.png'); }
    .board-page.bsb-event .bsb-top   { background-image: url('/new_2026/img/mobile/event_top.png'); }
}

@media (max-width: 900px) {
    .bsb-title { width: 360px; }
    .board-page .wrap { padding: 0 17px 40px; border-radius: 0; }
    .board-page.bsb-faq .bsb-top { padding-left: 0; justify-content: center; }
    .board-layout {  gap: 0; }
    .board-content { width: 100%; }

    /* 사이드바 전체 숨김 */
    .board-sidebar { display: none; }

    /* board-top-row: 게시판명(bc-cur)만 타이틀로 표시 */
    .board-top-row { display: flex; height: auto; padding: 12px 0 ; border-bottom: 2px solid #707070; }
    .board-breadcrumb { width: 100%; justify-content: center; }
    .bc-home, .bc-arrow, .bc-label { display: none; }
    .bc-cur { font-size: 34px; font-weight: 700; color: #0E82B4; letter-spacing: -0.05em; text-align: center; line-height: normal;}
    .btn-board-write { display: none; }
    /* 글쓰기/수정 페이지: a.bc-label(게시판명) 표시, bc-cur(글쓰기) 숨김 */
    a.bc-label { display: inline; font-size: 34px; line-height: normal; font-weight: 700; color: #0E82B4; letter-spacing: -0.05em; text-decoration: none; }
    a.bc-label ~ .bc-cur { display: none; }

    .faq-q-text { font-size: 17px; }
    .board-tab { font-size: 16px; height: 42px; }
    .btn-board-write { font-size: 15px; width: auto; padding: 0 14px; }
}

@media (max-width: 800px) {
    .board-table th:last-child,
    .board-table td:last-child:not(.board-empty-td)   { display: none; }
    .board-table th:nth-child(2),
    .board-table td:nth-child(2):not(.board-empty-td) { display: none; }
    .board-table th:nth-child(3),
    .board-table td:nth-child(3):not(.board-empty-td) { display: none; }
    .board-title-th,
    .board-title-td { width: 100%; }
    .board-title-th {
        position: relative;
        text-align: center;
    }
    .btn-write-m {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 3px 10px;
        border: 1px solid #929398;
        background: #fff;
        color: #191919;
        font-size: 13px;
        font-weight: 500;
        font-family: inherit;
        text-decoration: none;
        white-space: nowrap;
        transition: opacity 0.15s;
    }
    .btn-write-m:hover { opacity: 0.7; }
}

@media (max-width: 600px) {
    .board-sub-banner { min-height: 120px; }
    .board-top-row { height: auto; min-height: 50px; padding: 10px 0; flex-wrap: wrap; gap: 6px; }
    .board-breadcrumb { font-size: 12px; gap: 5px; }
    .board-table th,
    .board-table td { font-size: 15px; padding: 10px; }
    .board-table th:first-child,
    .board-table td:first-child { padding-left: 30px; }
    .post-head { flex-direction: column;padding: 0;gap: 0;background-color: transparent;}
    .post-title {width: 100%;background-color: #F2F2F2;padding: 11px 10px;font-weight: 700;color: #191919;}
    .post-date {
        font-size: 13px;
        color: #191919;
        white-space: nowrap;
        font-weight: 700;
        padding:10px;
        display: flex;
        width: 100%;
        justify-content: flex-end;
    }
    .post-body { padding: 14px 10px; font-size: 15px;color:#191919;}
    .post-nav { flex-direction: column; }
    .nav-text { flex-direction: row;padding:10px 0;}
    .post-nav-prev { border-right: none; border-bottom: 2px solid #707070; }
    .post-nav-item { height: 54px; }
    .post-nav-next { justify-content: flex-end;flex-direction: row-reverse;}
    .post-actions { flex-wrap: wrap; justify-content: center; }
    .post-actions-inner {justify-content: flex-end;padding: 4px 0;}
    .faq-q-text { font-size: 15px; }
    .faq-q { gap: 10px;    padding: 10px 10px; }
    .faq-q-icon { width: 25px; height: 25px; min-width: 25px; }
    .faq-q-icon img { width: 9px; height: auto; }
    .faq-arrow { width: 10px; height: auto; }
    .faq-a-inner { padding: 10px 10px 20px; }
    .faq-a-body { font-size: 13px; }
    .board-tabs { padding: 0; margin-top: 16px; margin-bottom: 14px; }
    .board-tab { font-size: 14px; height: 38px; }
    .board-tabs--faq .board-tab { height: auto; min-height: 38px; white-space: normal; text-align: center; flex-direction: column; gap: 0; padding: 6px 4px; }
    .board-pager { margin-top: 20px; }
    .board-layout { min-height: 200px; }
}

/* ══════════════════════════════════════════
   Search Page
══════════════════════════════════════════ */
.board-page.bsb-search { background-image: url('/new_2026/img/default_top.png'); background-position: center top; background-repeat: no-repeat; background-color: #F3EAE3; }
.board-page.bsb-search .wrap { padding: 40px 80px 80px; }
.board-page.bsb-search잘  .bsb-top{justify-content: flex-start;padding-left: 230px;}
.srch-form { display: flex; align-items: center; width: 620px; max-width: 100%; height: 70px; background: #fff; border: 1px solid #929398; border-radius: 35px; overflow: hidden; padding: 0 20px 0 40px; margin: 0 auto 40px; box-sizing: border-box; }
.srch-form input { flex: 1; border: none; outline: none; font-size: 22px; font-weight: 700; color: #222; padding: 0; background: none; height: 100%; }
.srch-form input::placeholder { color: #aaa; }
.srch-form button { flex-shrink: 0; background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; transition: opacity 0.15s; }
.srch-form button:hover { opacity: 0.7; }
.srch-form button img {     width: 50px;height: 50px;display: block;transform: translateY(-3px);}
.srch-summary { font-size: 34px; font-weight: 700; color: #191919; line-height: 1.5; margin-bottom: 30px; letter-spacing: -0.01em; text-align: center; }
.srch-kw { color: #0E82B4; }
.srch-empty { padding: 40px 0; text-align: center; color: #888; font-size: 15px; }

/* 결과 리스트 */
.srch-list { margin-top: 8px; border-top: 2px solid #707070; }
.srch-item { padding: 20px 80px; border-bottom: 1px solid #e8e8e8; }
.srch-hidden { display: none; }

.srch-item-head { display: flex; align-items: baseline; gap: 8px; min-width: 0; flex-wrap: wrap; }

.srch-cat {
    display: block; width: 100%;
    color: #0E82B4; background: none;
    font-size: 23px; font-weight: 700;
    padding: 0; border-radius: 0;
    white-space: nowrap;
    letter-spacing: -0.04em;
    margin-bottom: 4px;
}
.srch-cat--product { color: #0E82B4; }

.srch-item-link {
    flex: 0 1 auto; min-width: 0;
    font-size: 23px; font-weight: 700; color: #191919;
    text-decoration: none;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    letter-spacing: -0.03em;
    line-height: 1.5;
}
.srch-item-link:hover { color: #004f9f; text-decoration: underline; }

.srch-item-date { font-size: 15px; font-weight: 600; color: #929398; white-space: nowrap; flex-shrink: 0; margin-left: 6px; }
.srch-item-badge { font-size: 15px; color: #7A9EB5; white-space: nowrap; flex-shrink: 0; font-weight: 500; }

.srch-item-desc {
    margin-top: 5px; padding-left: 0;
    font-size: 16px; font-weight: 500; color: #9D9EA2; line-height: 1.5;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
    letter-spacing: -0.02em;
}

.srch-more-wrap { text-align: center; padding: 18px 0 4px; }
.srch-more-btn { background: none; border: 1.5px solid #9D9EA2; color: #9D9EA2; font-size: 17px; font-weight: 700; border-radius: 50px; padding: 13px 25px 12px; cursor: pointer; display: inline-flex; align-items: center; transition: background 0.15s, color 0.15s; letter-spacing: -0.02em; }
.srch-more-btn:hover { background: #9D9EA2; color: #fff; }
.srch-more-btn svg { width: 14px; height: 14px; }

mark.srch-hl { background: none; color: #0E82B4; padding: 0; }

@media (max-width: 900px) {
    .board-page.bsb-search .wrap { padding: 24px 20px 40px; }
}

@media (max-width: 600px) {
    .board-page.bsb-search { background-image: none; }
    .board-page.bsb-search .bsb-top { background-image: url('/new_2026/img/mobile/default_top.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: left center; height: 287px; padding-top: 0; }
    .board-page.bsb-search .bsb-title { display: none; }
    .board-page.bsb-search .wrap { padding: 20px 16px 40px; }
    .srch-form { width: 320px; height: 54px; padding: 0 12px 0 18px; border-radius: 27px; }
    .srch-form input { font-size: 15px; }
    .srch-form button img { width: 28px; height: 28px; }
    .srch-form { margin-bottom: 20px; }
    .srch-summary { font-size: 20px; margin-bottom: 20px; }
    .srch-item { padding: 20px 15px; }
    .srch-cat { font-size: 15px; }
    .srch-item-link { font-size: 16px; }
    .srch-item-date { font-size: 13px; }
    .srch-item-desc { font-size: 13px; }
    .srch-item-badge { font-size: 13px; }
    .srch-more-btn { font-size: 14px; padding: 11px 20px 10px; }
}