@charset "utf-8";

@media (max-width: 1439px) {
    .bbs-list {
        max-width: none;
        margin: 0 0 100px;
        padding: 0 30px;
    }

    .bbs-header {
        margin-top: 30px;
    }

    .bbs-header__location {
        display: none;
    }

    .bbs-header__title {
        font-size: 44px;
    }

    .bbs-list th,
    .bbs-list td,
    .bbs-list .td_subject {
        font-size: 18px;
    }

    .bbs-view {
        max-width: none;
        margin: 0 30px 100px;
    }

    .bbs-view .bbs-header {
        margin-top: 110px;
    }

    .bbs-view .bbs-header__title {
        font-size: 44px;
    }

    .bbs-view-title {
        font-size: 55px;
    }

    #bo_w.bbs-write {
        max-width: none;
        margin: 0 30px 100px;
    }

    #bo_w.bbs-write .bbs-header {
        margin-top: 110px;
    }

    #bo_w.bbs-write .bbs-header__title {
        /*font-size: 44px;*/
    }
}

@media (max-width: 1024px) {
    .bbs-list {
        margin: 0 0 90px;
        padding: 0 30px;
    }

    .bbs-header {
        /*margin-top: 96px;*/
        margin-bottom: 30px;
    }

    .bbs-hero {
        margin-bottom: 30px;
    }

    .bbs-list th,
    .bbs-list td {
        height: 90px;
        font-size: 16px;
    }

    /* 글쓴이·조회 열: 체크박스 유무와 무관하게 클래스로 숨김 (nth-child는 열 밀림 시 오동작) */
    #bo_list.bbs-list thead th.bbs-col-author,
    #bo_list.bbs-list tbody td.bbs-col-author,
    #bo_list.bbs-list thead th.bbs-col-hit,
    #bo_list.bbs-list tbody td.bbs-col-hit {
        display: none;
    }

    .bbs-list .td_subject .bo_tit {
        white-space: normal;
        line-height: 1.35;
    }

    .bbs-online-inquiry .bbs-header__title {
        font-size: 33px;
    }

    .bbs-online-inquiry .bbs-hero {
        margin-bottom: 20px;
    }

    .bbs-online-inquiry__contact-title {
        font-size: 22px;
        line-height: 1.2;
    }

    .bbs-online-inquiry__contact-text {
        font-size: 16px;
        line-height: 22px;
    }

    .bbs-online-inquiry .td_name,
    .bbs-online-inquiry .td_datetime,
    .bbs-online-inquiry td.bbs-col-hit,
    .bbs-online-inquiry thead th.bbs-col-author,
    .bbs-online-inquiry thead th.bbs-col-date,
    .bbs-online-inquiry thead th.bbs-col-hit {
        display: none;
    }

    .bbs-online-inquiry .bbs-online-inquiry__meta-author {
        display: none;
    }

    .bbs-online-inquiry .td_subject {
        padding: 0 20px;
    }

    .bbs-online-inquiry .td_subject .bo_tit > a {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        white-space: normal;
    }

    .bbs-online-inquiry .td_subject .bo_tit {
        white-space: normal;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .bbs-online-inquiry .td_chk,
    .bbs-online-inquiry .td_num2,
    .bbs-online-inquiry .td_subject {
        height: 130px;
    }

    .bbs-online-inquiry .bbs-online-inquiry__meta {
        display: block;
    }

    .bbs-view {
        margin: 0 30px 90px;
    }

    .bbs-view .bbs-header {
        margin-top: 96px;
        margin-bottom: 30px;
    }

    .bbs-view .bbs-header__title {
        font-size: 44px;
    }

    .bbs-view-title {
        font-size: 44px;
    }

    .bbs-view-meta,
    .bbs-view-body,
    .bbs-inquiry-fields__row dt,
    .bbs-inquiry-fields__row dd,
    .bbs-view-nav__item strong,
    .bbs-view-nav__item span,
    .bbs-view-nav__item a,
    .bbs-view-actions .btn {
        font-size: 16px;
    }

    .bbs-view-actions .btn {
        min-width: 110px;
        height: 40px;
    }

    .bbs-view-actions__center .btn {
        min-width: 200px;
    }

    #bo_w.bbs-write {
        margin: 0 30px 90px;
    }

    #bo_w.bbs-write .bbs-header {
        margin-top: 130px;
        margin-bottom: 30px;
    }

    #bo_w.bbs-write .bbs-header__title {
        font-size: 44px;
    }

    #bo_w.bbs-write--online {
        margin: 0 10px 90px;
    }

    #bo_w.bbs-write--online .bbs-header {
        margin-top: 96px;
        margin-bottom: 30px;
    }

    #bo_w.bbs-write--online .bbs-header__title {
        font-size: 33px;
    }

    #bo_w.bbs-write--online .bbs-write__row {
        display: block;
    }

    #bo_w.bbs-write--online .bbs-write__label {
        width: 100%;
        padding: 10px 0 8px;
        font-size: 16px;
        line-height: 22px;
    }

    #bo_w.bbs-write--online .bbs-write__field {
        padding: 0 0 10px;
    }

    #bo_w.bbs-write--online .bbs-online__input {
        width: 100%;
    }

    #bo_w.bbs-write--online .bbs-write__editor-textarea {
        min-height: 324px;
        font-size: 16px;
    }

    #bo_w.bbs-write--online .bbs-online__privacy-title,
    #bo_w.bbs-write--online .bbs-online__privacy-table th,
    #bo_w.bbs-write--online .bbs-online__privacy-table td,
    #bo_w.bbs-write--online .bbs-online__privacy-desc p,
    #bo_w.bbs-write--online .bbs-online__agree label {
        font-size: 16px;
        line-height: 22px;
    }

    .bbs-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    }

    .bbs-gallery-card__title {
        font-size: 20px;
    }
    .bbs-online-inquiry__contact-icon {
    width: 58px;
    height: 58px;
}

.bbs-online-inquiry__contact-icon img {
    width: 24px;
    height: 24px;
}
}

@media (max-width: 768px) {
    .bbs-list{padding: 0 10px;}
    .bbs-list th,
    .bbs-list td {
        height: 90px;
        font-size: 15px;
    }

    #bo_list.bbs-list thead th.bbs-col-date,
    #bo_list.bbs-list tbody td.bbs-col-date {
        display: none;
    }

    .bbs-actions .btn {
        min-width: 74px;
        font-size: 14px;
    }

    .bbs-online-inquiry__contact {
        gap: 12px;
        margin-bottom: 20px;
    }

    .bbs-online-inquiry__contact-title {
        font-size: 22px;
        margin-bottom: 6px;
    }

    .bbs-online-inquiry .td_num2,
    .bbs-online-inquiry th:nth-child(2) {
        width: 60px;
    }

    .bbs-online-inquiry .td_subject {
        padding: 0 15px;
    }

    .bbs-view {
        margin: 0 10px 80px;
    }

    .bbs-view .bbs-header {
        margin-top: 96px;
        margin-bottom: 30px;
    }

    .bbs-view .bbs-header__title {
        font-size: 33px;
    }

    .bbs-view-titlebox {
        padding: 20px;
    }

    .bbs-view-title {
        font-size: 22px;
    }

    .bbs-view-meta {
        gap: 10px;
        font-size: 16px;
    }

    .bbs-view-content {
        padding: 20px;
    }

    .bbs-view-body {
        font-size: 16px;
    }

    .bbs-inquiry-fields__row dt,
    .bbs-inquiry-fields__row dd {
        font-size: 16px;
    }

    .bbs-inquiry-fields__row dt {
        width: 100px;
    }

    .bbs-view-nav {
        margin-top: 40px;
        padding: 20px;
    }

    .bbs-view-nav__item strong,
    .bbs-view-nav__item span,
    .bbs-view-nav__item a {
        font-size: 16px;
    }

    .bbs-view-actions {
        grid-template-columns: 1fr auto 1fr;
        row-gap: 10px;
        margin-top: 19px;
    }

    .bbs-view-actions .btn {
        min-width: 80px;
        height: 35px;
        font-size: 16px;
    }

    .bbs-view-actions__center .btn {
        min-width: 80px;
    }

    #bo_w.bbs-write {
        margin: 0 10px 80px;
    }

    #bo_w.bbs-write .bbs-header {
        margin-top: 96px;
        margin-bottom: 30px;
    }

    #bo_w.bbs-write .bbs-header__title {
        font-size: 33px;
    }

    #bo_w.bbs-write .bbs-write__row {
        display: block;
    }

    #bo_w.bbs-write .bbs-write__label {
        width: 100%;
        padding: 10px 10px 8px;
        font-size: 16px;
        line-height: 22px;
    }

    #bo_w.bbs-write .bbs-write__field {
        padding: 0 10px 10px;
    }

    #bo_w.bbs-write .bbs-write__editor-wrap,
    #bo_w.bbs-write .bbs-write__editor,
    #bo_w.bbs-write .bbs-write__editor .frm_textarea,
    #bo_w.bbs-write .bbs-write__editor textarea {
        min-height: 324px;
    }

    #bo_w.bbs-write .bbs-write__file {
        width: 330px;
    }

    #bo_w.bbs-write .bbs-write__file-name {
        width: 250px;
        font-size: 16px;
    }

    #bo_w.bbs-write .bbs-write__file-button {
        width: 80px;
        font-size: 16px;
    }

    #bo_w.bbs-write .bo_w_flie .bbs-write__file-input-hidden {
        width: 330px;
    }

    #bo_w.bbs-write .bbs-write__actions .btn {
        min-width: 80px;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
    }

    .bbs-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px 10px;
    }

    .bbs-gallery-card__title {
        margin-top: 10px;
        padding: 0;
        font-size: 20px;
        line-height: 1.2;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .bbs-gallery-card__date {
        margin-top: 10px;
        padding: 0;
        font-size: 16px;
    }
    .bbs-header__title {
        font-size: 33px;
    }
    #bo_list.bbs-list .td_num2,
    #bo_list.bbs-list th:nth-child(2) {
        width: 20%;
    }
    #bo_list.bbs-list .td_subject{width:80%;}
}

@media (max-width: 360px) {
    .bbs-list {
        margin: 0 0 80px;
    }

    .bbs-header__title {
        font-size: 33px;
        line-height: 1.1;
    }

    .bbs-list th,
    .bbs-list td {
        font-size: 14px;
    }

    .bbs-list .td_subject {
        padding-right: 10px;
    }

    .bbs-online-inquiry__contact-icon {
        width: 28px;
        height: 28px;
    }

    .bbs-online-inquiry__contact-icon img {
        width: 14px;
        height: 14px;
    }

    .bbs-online-inquiry__contact-title {
        font-size: 22px;
    }

    .bbs-online-inquiry__contact-text {
        font-size: 16px;
    }

    .bbs-view {
        margin: 0 10px 70px;
    }

    .bbs-view-title {
        font-size: 22px;
    }

    .bbs-view-meta {
        gap: 8px;
        flex-wrap: wrap;
        line-height: 1.4;
    }

    .bbs-view-nav {
        padding: 20px 10px;
    }

    .bbs-inquiry-fields__row dt,
    .bbs-inquiry-fields__row dd {
        font-size: 16px;
    }

    .bbs-view-actions {
        grid-template-columns: 1fr;
    }

    .bbs-view-actions__left,
    .bbs-view-actions__center,
    .bbs-view-actions__right {
        justify-self: center;
    }

    .bbs-view-actions__left {
        order: 2;
    }

    .bbs-view-actions__center {
        order: 1;
    }

    .bbs-view-actions__right {
        order: 3;
    }

    #bo_w.bbs-write {
        margin: 0 10px 80px;
    }

    #bo_w.bbs-write .bbs-header__title {
        font-size: 33px;
    }

    #bo_w.bbs-write .bbs-write__file {
        width: 300px;
    }

    #bo_w.bbs-write .bbs-write__file-name {
        width: 220px;
        font-size: 16px;
    }

    #bo_w.bbs-write .bbs-write__file-button {
        width: 80px;
        font-size: 16px;
    }

    #bo_w.bbs-write .bo_w_flie .bbs-write__file-input-hidden {
        width: 300px;
    }

    #bo_w.bbs-write--online {
        margin: 0 10px 80px;
    }

    #bo_w.bbs-write--online .bbs-header__title {
        font-size: 33px;
    }

    #bo_w.bbs-write--online .bbs-online__privacy-table th,
    #bo_w.bbs-write--online .bbs-online__privacy-table td {
        font-size: 14px;
        line-height: 1.35;
        padding: 8px 6px;
        word-break: keep-all;
    }

    #bo_w.bbs-write--online .bbs-online__privacy-desc {
        padding: 10px;
    }

    #bo_w.bbs-write--online .bbs-online__privacy-desc p,
    #bo_w.bbs-write--online .bbs-online__agree label {
        font-size: 16px;
        line-height: 1.4;
    }

    .bbs-gallery-list .bbs-hero {
        margin-bottom: 20px;
    }
}