body *:not(i) { font-family: 'Pretendard';  }

/* [2026-06-15] 모바일 좌우 스크롤 전역 차단
   - html 까지 함께 걸어야 iOS Safari 에서도 효과 있음
   - body 만 걸면 html 요소가 scroll 담당해 무효화됨 */
html, body { overflow-x: hidden; }

/* [2026-06-16] 모바일 입력 클릭 시 자동 줌인 전역 차단
   - iOS Safari: input font-size < 16px 이면 클릭 시 자동 줌인 발생
   - 모든 input/select/textarea 에 font-size:16px + touch-action:manipulation 적용
   - touch-action:manipulation : 더블탭 줌도 방지 */
@media (max-width: 991.98px) {
    input, input[type="text"], input[type="email"], input[type="password"],
    input[type="number"], input[type="tel"], input[type="url"], input[type="search"],
    input[type="date"], input[type="time"], input[type="datetime-local"],
    select, textarea {
        font-size: 16px !important;
        touch-action: manipulation;
    }
    /* CKEditor 5 에디터 영역 */
    .ck.ck-editor__editable, .ck-content {
        font-size: 16px !important;
        touch-action: manipulation;
    }
}

.line-clamp-2 { display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; }
.line-clamp-3 { display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; }
.line-clamp-4 { display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; overflow: hidden; -webkit-box-orient: vertical; }
.border-none { border: none !important; }
.border-left { border-left: 1px solid rgba(255, 255, 255, 0.6); }
.text-right { text-align: right !important; }
.w-90 { width: 90% !important; }
.w-80 { width: 80% !important; }
.w-30 { width: 30% !important; }
.text-300 { max-width: 300px; display: inline-block; vertical-align: middle; }
.border-color-ddd { border-color: #ddd !important; }
.border-color-none { border-color: transparent; }
.cursor-pointer { cursor: pointer; }
.mw-modal-75 { max-width: calc(var(--bs-modal-width) * 0.75); }
.mw-modal-60 { max-width: calc(var(--bs-modal-width) * 0.6); }
.ratio-1 { aspect-ratio: 1/1; }
.ps-4rem { padding-left: 4rem; }
.notify_content { max-width: calc(var(--bs-modal-width) - 7rem - 120px); }
.notify_content p { font-weight: 300; }
.lanking-name { max-width: 120px; font-size: 14px; }
.card.custom-card .card-header .card-title { font-size: 16px; }
.form-check-label, .card.custom-card .card-text, .btn.btn-sm { font-size: 14px; }
.card.custom-card .card-text { font-weight: 300; }
input.form-check-input:checked ~ label { color: rgb(var(--primary-rgb)); font-weight: 600 !important; }
.bg-primary-transparent:hover { color: inherit !important; }
.bg-none, .bg-none:focus { background: none; box-shadow: none; border: none; }
.cursur-none { cursor: unset; }
.avatar { flex-shrink: 0; }
.form-label { font-size: 14px; }
.alert.alert-light { border-color: rgba(0,0,0,0.05); }

@media (min-width: 1200px){
    .position-lg-sticky { position: sticky !important; position:-webkit-sticky !important; }
}

@media (min-width: 992px) {
    .position-md-sticky { position: sticky !important; position:-webkit-sticky !important; }
    [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar { display: none;}
    .border-top-lg-none { border-style: none !important; border-top: none !important; border-color: transparent !important; }
}

@media (max-width: 991.98px){
    .md-w-100 { width: 100% !important; }
    .notify_content { max-width: calc(80vw - 3rem - 120px); }
    .modal-dialog { max-width: 80vw; }
    .modal-header .btn-close { font-size: 20px; }
    .main-content { padding-block-start: 10px; }
    .main-content .container-lg { margin-top: 60px !important; }
    .main-content .container-fluid { margin-top: 20px !important; }
    .main-content .container-lg .page-header-breadcrumb , .main-content .container-fluid .page-header-breadcrumb { padding-top: 10px; }
    .navbar .container-fluid { margin-top: 0 !important; }

    /* [2026-06-15] 글작성 페이지(mbu 활성) — container-lg margin 완전 제거
       mbu가 padding-top을 이미 64px+16px=80px로 설정하므로
       60px margin이 겹치면 90px 흰 공백 발생.
       :has(#mbu-mobile-override-style) → mbu 포함 페이지만 타겟.
       specificity: (0,1,3,1) >> main.css (0,0,2,0) → 반드시 우선 적용됨.
       :has() 지원: iOS Safari 15.4+, Chrome 105+ (2022년 이후 모던 기기 모두 OK)  */
    body:has(#mbu-mobile-override-style) .main-content .container-lg {
        margin-top: 0 !important;
    }
}

@media (max-width: 575px){
    .text-300 { max-width: 150px; }
    .mw-modal-50 { max-width: calc(var(--bs-modal-width) * 0.5); }
    .mw-100 { width: 100% !important; }
    .m-ps-3rem { padding-left: 3rem; }
    .notify_content { max-width: calc(100vw - 4rem - 100px); }
    .blog-caption.carousel-caption { inset-inline-start: .5rem; inset-block-end: .5rem }
    .modal-dialog { max-width: unset; }
    .modal-header .btn-close { font-size: 16px; }
    .card.custom-card { margin-block-end: .5rem; }
    .main_promotion_sec .row > div[class^='col-']:nth-child(odd) { padding-right: .2rem; }
    .main_promotion_sec .row > div[class^='col-']:nth-child(even) { padding-left: .2rem; }
    .main_promotion_sec .card-footer { padding: .3rem !important; }
    .main_lanking_sec tr td:nth-child(1), .main_lanking_sec thead th:nth-child(1) { padding: 0; }
    .main_lanking_sec tr td:nth-child(3), .main_lanking_sec thead th:nth-child(3) { padding: 0; }
}

/* ============================================================
   회원등급 (전역 통일 v2 — 그라디언트 표준 팔레트 C)
   - 모든 페이지에서 동일한 등급 색상으로 통일
   - 메인/리스트/상세/댓글/마이페이지/팔로워 공통
   ============================================================ */
.grade-1 { background: linear-gradient(135deg, #94a3b8, #475569); color: #fff; }
.grade-2 { background: linear-gradient(135deg, #10b981, #059669); color: #fff; }
.grade-3 { background: linear-gradient(135deg, #3b82f6, #1d4ed8); color: #fff; }
.grade-4 { background: linear-gradient(135deg, #8b5cf6, #6d28d9); color: #fff; }
.grade-5 { background: linear-gradient(135deg, #ef4444, #dc2626); color: #fff; }

/* ============================================================
   공용 레벨 뱃지 컴포넌트 (.lv-badge)
   - 사용법: <span class="lv-badge grade-N">Lv.N</span>
   - 사이즈 변형: lv-badge--sm, lv-badge--md(default), lv-badge--lg
   - 위치 변형: lv-badge--inline (인라인 표시), lv-badge--corner (절대좌표 우상단)
   ============================================================ */
.lv-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 9px;
    min-width: 30px;
    height: 22px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.3px;
    border-radius: 999px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    border: 1.5px solid #fff;
    box-sizing: border-box;
}
.lv-badge--sm {
    padding: 2px 7px;
    min-width: 26px;
    height: 18px;
    font-size: 10px;
    border-width: 1px;
}
.lv-badge--lg {
    padding: 4px 12px;
    min-width: 36px;
    height: 26px;
    font-size: 12px;
    border-width: 2px;
}
.lv-badge--inline {
    margin-left: 4px;
    vertical-align: middle;
}
.lv-badge--corner {
    position: absolute;
    top: -4px;
    right: -4px;
    z-index: 5;
}

/* 메뉴 아이콘 */
.la-paypos:before { content: "\f51e"; }
.la-picfish:before { content: "\f03e"; }
.la-memfish:before { content: "\f500"; }
.la-free:before { content: "\f15c"; }
.la-promotion:before { content: "\f028"; }
.la-usedmarket:before { content: "\f290"; }
.la-groupbuy:before { content: "\f291"; }

/* 헤더, 사이드바 */
.main-header-container { padding-right: 0; }
.main-header-container .header-content-right { gap: 15px; }
.main-header-container .header-link { padding: 1rem 0;}
.main-header-container .header-link-icon { padding-left: 0; padding-right: 0; }
.main-header-container .header-icon-badge { margin-left: -10px; margin-top: -10px; }
.app-sidebar .slide { padding: 0; }
.app-sidebar .side-menu__item { padding: 0.75rem 1.5rem; border-radius: 0; }
.app-sidebar .main-sidebar-header { height: 5rem; }
.app-sidebar .main-sidebar-header .header-logo { height: 100%; }
.app-sidebar .main-sidebar-header .header-logo img { height: 100%; }
.main-sidebar { margin-block-start: 5rem; padding-block-start: 0; }
#header-cart-items-scroll, #header-shortcut-scroll { max-height: max-content; }
/* [v2] #header-notification-scroll 제외 — 신규 모달은 .noti-v2 .noti-list가 자체 max-height 관리 */
.main-menu-container { overflow-x: hidden; }
.main-menu li.img-banner { border-bottom: 1px dashed rgba(255,255,255,0.2); }
.main-menu li.img-banner .side-menu__item:hover { padding: 0.75rem 0; }
.main-menu li.img-banner { border-bottom: 1px dashed rgba(255,255,255,0.2); }
.main-menu li.img-banner a { padding: 0.75rem; }
.main-menu li.img-banner img { width: 100%; }
#private_menu { border-top: 1px dashed var(--menu-border-color); }
.login-avatar { width: 30px; height: 30px; margin-bottom: 5px; }
#mainHeaderProfile { padding-left: .3rem; }
#mainHeaderProfile_n { padding: 0 10px; }
.header-admin { padding: 15px 20px; border: 1px solid var(--menu-border-color); border-width: 1px 0; color: var(--menu-prime-color); }
.header-admin h6 { color: var(--menu-prime-color); }
.header-admin p, .header-admin a { margin-bottom: 0; color: var(--menu-prime-color); }
.header-admin p:last-child { margin-top: 5px; }
.header-admin p span { color: var(--menu-prime-color); display: block; }
.header-admin p span i { margin-right: 5px; color: var(--menu-prime-color); font-size: 16px; }
.header-info { padding: 15px 20px 0; }
.header-info p { line-height: 1.2; color: var(--menu-prime-color); margin-bottom: 6px; font-size: 12px; display: flex; gap: 3px 7px; flex-wrap: wrap; }
.header-info p b { white-space: nowrap; }
.main-header-container .header-link-icon:hover { background-color: transparent !important; }
.main-header-container .header-link-icon.bx-bell:hover { color: rgb(var(--secondary-rgb)); }
[data-nav-layout=vertical] .slide.has-sub>.side-menu__item { margin-block: 0; }

/* [v2] 운영 알림 모달용 글로벌 룰 5줄 제거 — 신규 .noti-v2 모달과 충돌 (PC 종 아이콘 외곽 박스 등 잔여 효과 원인) */

@media (max-width: 991.98px) {
    .main-sidebar { margin-block-start: 0; }
    .main-sidebar-header-m { position: static !important; display: flex !important; height: 4rem !important; padding: 2px 10px 10px !important; }
    .app-header .horizontal-logo .header-logo img { height: 3rem; line-height: 3rem; }
}
@media (max-width: 575px){
    .main-sidebar { margin-block-start: 0; }
    .notifications-dropdown { display: flex !important; }
    .header-icon-badge { margin-left: -15px; margin-top: -20px; }
    .main-header-container .header-element .header-link { padding: 0 0.3rem 0 0; }
    .app-header .horizontal-logo { padding: 0; }
    .app-header .dropdown-menu { width: max-content; min-width: 120px; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
    .app-sidebar { z-index: 107; }
    #responsive-overlay { z-index: 105; }
    .app-header .dropdown-menu li:first-child { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
    .app-header .dropdown-menu li:not(:last-child) { border-bottom: 1px solid #eee; }
    .app-header .dropdown-menu .dropdown-item { justify-content: center; }
    .main-header-container .header-content-right { gap: 5px; }
    /* [v2] #notificationModal 미디어쿼리 룰 제거 */
}
/* =========================================
   [v2 정리] 운영 알림 모달용 글로벌 CSS 영역 통째로 삭제 시작
   ========================================= */

/* [v2] 운영 알림 모달용 #header-notification-scroll/.dropdown-item 룰 약 130줄 통째로 제거
   원인: 같은 ID를 사용하는 신규 .noti-v2 모달과 충돌 (PC 종 아이콘 외곽 박스 등 잔여 효과)
   대체: 신규 모달은 .noti-v2 스코프 내부에서 자체 디자인 완성 */

/* =========================================
   [v2 정리] 운영 알림 모달용 글로벌 CSS 약 330줄 삭제
   - #notificationModal, #header-notification-scroll 관련 모든 운영 글로벌 룰 제거
   - 신규 알림 모달은 .noti-v2 스코프 안에서 자체 완성
   - 글로벌 룰이 우리 신규 모달의 같은 ID에 충돌 적용되어
     PC에서 종 아이콘 외곽 박스, 닉네임 정렬 등 잔여 효과 발생
   - 운영 모달은 이미 footer.php에서 신규로 대체되었으므로 안전하게 제거 가능
   ========================================= */


/* =========================================
   [반응형] 미디어 쿼리
   ========================================= */
@media (max-width: 991.98px) {
    .main-sidebar { margin-block-start: 0; }
    .main-sidebar-header-m { position: static !important; display: flex !important; height: 4rem !important; padding: 2px 10px 10px !important; }
    .app-header .horizontal-logo .header-logo img { height: 3rem; line-height: 3rem; }
}

@media (max-width: 575px){
    .main-sidebar { margin-block-start: 0; }
    .notifications-dropdown { display: flex !important; }
    .header-icon-badge { margin-left: -15px; margin-top: -20px; }
    .main-header-container .header-element .header-link { padding: 0 0.3rem 0 0; }
    .app-header .horizontal-logo { padding: 0; }
    
    .app-header .dropdown-menu { width: max-content; min-width: 120px; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
    .app-sidebar { z-index: 107; }
    #responsive-overlay { z-index: 105; }
    
    .app-header .dropdown-menu li:first-child { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
    .app-header .dropdown-menu li:not(:last-child) { border-bottom: 1px solid #eee; }
    .app-header .dropdown-menu .dropdown-item { justify-content: center; } /* 기존 헤더 메뉴 중앙 정렬 유지 */
    
    .main-header-container .header-content-right { gap: 5px; }
    /* [v2] 운영 알림 모달 모바일 룰 제거 — 신규 .noti-v2가 자체 모바일 디자인 (bottom-sheet) */
}
/* [v2] #header-notification-scroll 스크롤바 + #notificationModal max-width 글로벌 룰 제거
   신규 .noti-v2가 자체 max-height/스크롤바/PC 모달 사이즈 모두 관리 (modal-lg + bottom-sheet) */
/* 게시판 */
.avatar { border: 1px solid #ddd; }
.avatar img { object-fit: cover; border-radius: .35rem;}
.post-sticky { align-self: flex-start; top: calc(60px + 1rem); }
.list-sticky { align-self: flex-start; top: 5rem; }
.page-title { position: absolute; left: 50%; transform: translateX(-50%); }

.breadcrumb { font-size: 16px; }
.breadcrumb .breadcrumb-item a i { font-size: 20px; line-height: 24px; }
.breadcrumb .breadcrumb-item.active { line-height: 24px; }

.card-list .card.custom-card { overflow: hidden; }
.card-list .card.custom-card .card-container > a { display: block; }
.card-list .card.custom-card .card-container { position: relative; }
.card-list .card.custom-card .card-body { position: absolute; background: rgba(255,255,255,0.8); width: 100%; height: 100%; top: 0; display: flex; flex-wrap: wrap; align-items: flex-end; transform: translateY(100%); transition: all 0.3s; }
.card-list .card.custom-card .card-body .btn.btn-primary-light { padding: 3px 10px; }
.card-list .card.custom-card .card-text { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; width: 100%; white-space: normal; }
.card-list .card.custom-card .card-footer { background-color: #fff !important; z-index: 10; }
.card-list .card.custom-card:hover .card-body { transform: translateY(0); }

.card.card-detail .card-title { border-bottom: 1px solid #ddd; flex-direction: column; gap: 5px; }
.card.card-detail .hstack { margin-left: 10px; padding-left: 10px; border-left: 1px solid #eee; }
.card.card-detail .btn-good.on { background-color: rgba(var(--success-rgb)) !important; color: #fff !important; }

.card.card-user-info .card-footer { border-top: none; }
.card.card-user-info .card-footer .follow-box p { padding-left: 0; padding-right: 0; text-wrap: nowrap; margin-bottom: 0; }
.card.card-user-info .card-footer .follow-box p:not(:last-child) { border-right: 1px solid #eee; }
.card.card-user-info .card-footer .follow-box span { display: block; font-size: 20px; }
.card.card-user-info .card-footer .follow-box + div.row { margin-top: 1rem; }

.card.card-recent-posts .card-header { justify-content: space-between; padding-right: .75rem; }
.card.card-recent-posts .card-header .btn-more:hover { background-color: rgb(var(--primary-rgb))!important; border-color: rgb(var(--primary-rgb))!important; color: #fff !important; }
.card.card-recent-posts .card-body { padding: 0; }
.card.card-recent-posts .list-group-item { padding: 10px 15px; }
.card.card-recent-posts .list-group-item:first-child { border-radius: 0; border-top: none; }
.card.card-recent-posts .avatar { aspect-ratio: 1/1; }
.card.card-recent-posts .avatar + div { width: calc(100% - 3rem - 60px); }
.card.card-recent-posts .popular-blog-content { max-width: 100%; }

.card.card-reply .card-body { padding: 0; }
.card.card-reply .reply-item:before { content: none; }
.card.card-reply .reply-item .profile-timeline-avatar { inset-inline-start: 0; aspect-ratio: 1/1; border: 1px solid #ddd; box-sizing: content-box; }
.card.card-reply .profile-timeline-avatar { inset-block-start: unset; margin-top: 0.3rem; border: 1px solid #ddd; }
.card.card-reply .reply-item, .card.card-reply .re-reply-item { margin-block-end: 1rem; padding: 1rem 1rem 0 }
.card.card-reply .reply-item:not(:first-child) { border-top: 1px dashed var(--default-border)!important; margin-block-start: 1rem; }
.card.card-reply .reply-item .border-left { border-left: 1px solid var(--default-border)!important; }
.card.card-reply .reply-item .btn-report-reply { white-space: nowrap; }
.card.card-reply .reply-item p { font-size: 14px; }
.card.card-reply .reply-img .avatar-xl { border: none; }
.card.card-reply .reply-img .avatar-xl .glightbox { display: flex; align-items: center; justify-content: center;  }
.card.card-reply .reply-img .avatar-xl img { object-fit: cover; }
#comment { resize: none; min-height: 100px; }

tr.post-item { vertical-align: -5px; }
tr.post-item td:nth-child(2) { text-align: left; position: relative; padding-top: 5px; padding-bottom: 5px; }
tr.post-item a { width: 100%; }
.free-list tr.post-item a, .notice-list tr.post-item a { font-size: 15px; width: 100%; vertical-align: -5px; font-weight: 400; }
.free-list tr td:nth-child(2) i.bi-image { margin-left: .5rem; margin-right: 0; }
.free-list tr td:nth-child(2) i.bi-camera-video-fill { margin-left: .5rem; margin-right: 0; }

.usedmarket-list { table-layout: fixed; }
.usedmarket-list tr td:nth-child(3) { position: relative; }
.usedmarket-list tr td:nth-child(3) a { display: inline-block; text-align: left; width: 100%; vertical-align: -5px; font-size: 15px; font-weight: 400; white-space: wrap; }
.usedmarket-list tr td:nth-child(3) a i { font-size: 16px; }

.badge-cheat { color: #fff !important; font-size: 12px; margin-left: 5px; }

.btn-file { border-radius:  .35rem 0 0 .35rem !important; border: 1px solid var(--input-border); }
.btn-search { display: flex; align-items: center; justify-content: space-between; }
/* .reply-img a { aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; } */
.reply-notice { word-break: keep-all; }
.comment_img { border-radius: .5rem; border: 1px solid #eee; }
.btn-edit-list ~ .dropdown-menu { width: max-content; min-width: auto; }
.btn-edit-list ~ .dropdown-menu li { width: max-content; }
.card-img-top { border-bottom: 1px solid var(--default-border); }
.card-img-top { width: 100%; }
.text-date { font-size: 13px; }
.card-user-info .mem-reg-date { font-size: 12px; }
.card-user-info .mem-comment { font-size: 14px; font-weight: 300; }
.card-recent-posts .recent-profile { font-size: 14px; }
.card-recent-posts .recent-title { font-size: 14px; display: block; width: 100%; }
.card-recent-posts .recent-date { font-size: 12px; }
.post-top .post-writer p { font-size: 14px; }
.post-content .p_bd_contents { font-size: 16px; line-height: 1.6; font-weight: 300; }
.post-content .p_bd_contents p { margin-bottom: 3px; }
.post-date { font-size: 12px; }
.reply_singo_stat { text-align: right; font-size: 12px !important; white-space: nowrap; }

/* 배너 */
/* .free_cont { position: relative;  } */
.banner_long, .banner_multi { position: sticky; position: -webkit-sticky; top: calc(60px + 1.5rem); align-self: flex-start; }
.banner_long a, .banner_multi a { display: block; }
.banner_long img, .banner_multi img { display: block; width: 100%; height: auto; border-radius: .35rem; }
.banner_long a:not(:last-child), .banner_multi a:not(:last-child) { margin-bottom: .5rem; }

@media (max-width:1200px){
    .card.card-reply { margin-bottom: .5rem; }
    .card.card-reply .reply-item { margin-block-end: .5rem; }
    .card.card-reply .reply-item:not(:first-child) { margin-block-start: .5rem; }
    .table-responsive.card.custom-card { background: none; box-shadow: none; }
    .usedmarket-list colgroup, .usedmarket-list thead, .free-list colgroup, .free-list thead, .notice-list colgroup, .notice-list thead { display: none; }
    .usedmarket-list tr, .free-list tr, .notice-list tr { position: relative; padding: .5rem; margin-bottom: .5rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; border-radius: .5rem; border: 0; background-color: var(--custom-white); box-shadow: 0 .125rem 0 rgba(10,10,10,.04); width: 100%; }
    .usedmarket-list tr td, .free-list tr td, .notice-list tr td { padding: 0; border: none; }
    .usedmarket-list tr td:nth-child(1), .free-list tr td:nth-child(1), .notice-list tr td:nth-child(1) { display: none; }
    .usedmarket-list tr td:nth-child(3) { padding-bottom: .5rem; margin-bottom: .5rem; }
    .usedmarket-list tr td:nth-child(3) a { margin-top: .5rem; display: block; text-overflow: unset; text-wrap: wrap; vertical-align: middle; }
    .usedmarket-list tr td:nth-last-child(2) { color: var(--text-muted); position: absolute; right: .5rem; bottom: .5rem; }
    .free-list tr { flex-direction: row; align-items: center; justify-content: flex-end; gap: 10px; }
    .free-list tr td:nth-child(2) { width: 100%; display: flex; flex-wrap: wrap; padding-bottom: .3rem; }
    .free-list tr td:nth-child(2) i.bi-image { order: 1; margin-left: 0; padding-right: .5rem; }
    .free-list tr td:nth-child(2) i.bi-camera-video-fill { order: 2; margin-left: 0; margin-right: .5rem; }
    .free-list tr td:nth-child(2) a { order: 3; width: 100%; text-wrap: wrap; }
    .free-list tr td:nth-child(4) { flex-grow: 1; text-align: right; }

    .free-list tr td:nth-last-child(2) { color: var(--text-muted); }
    .free-list tr td:last-child { display: none; }

    .notice-list tr { flex-direction: row; align-items: center; padding: .75rem; }
    .notice-list tr td:nth-child(2) { width: 100%; padding-top: 0; }
    .notice-list tr td:nth-last-child(2) { flex-grow: 1; text-align: right; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ddd; }
    .notice-list tr td:nth-last-child(2)::before { content: "\e9a0"; font-family: 'xeicon' !important; margin-right: 5px; vertical-align: -1px; }
    .notice-list tr td:last-child::before { content: "\e950"; font-family: 'xeicon' !important; margin-right: 5px; color: var(--text-muted); vertical-align: -1px; }
}

@media (max-width: 767px){
    .banner_long, .banner_multi { display: none; }
    .badge-cheat { display: none; }
}

@media (max-width:575px){
    .card.card-detail .card-title { flex-wrap: wrap; }
    .card.card-detail .card-title .post-title { max-width: 100%; }
    .card.card-detail .text-date { margin: 5px 0; }
    .card.card-reply .card-footer { border-block-start: none; }
    .card.card-reply .reply-item { display: flex; flex-wrap: wrap; }
    .card.card-reply .reply-item .btn-report-reply { white-space: nowrap; padding: 0.1rem 0.3rem; font-size: 10px; margin-right: -5px; }
    .card.card-reply .reply-item.my-reply-item { justify-content: space-between; }
    .card.card-reply .reply-item .reply-date { font-size: 10px; width: 70px; text-align: right; white-space: wrap; }
    .card.card-reply .reply-item > div:first-child { width: 100%; }
    .card.card-reply .reply-item > div:first-child div.reply_info { white-space: nowrap; width: 100%; }
    .card.card-reply .reply-item > div:first-child div.reply_info p { flex-grow: 1; }
    .card.card-detail .hstack { margin-left: 0; padding: 0; border-left: none; justify-content: flex-end;}
    .col-sm-4.text-sm-end.mt-sm-0 .btn-group { width: 100%; }
    .row > .col-xl-12, .goods_list > div[class^=col-], .goods_review_wrap > div[class^=col-] { padding-left: 0; padding-right: 0; }
    .row > .col-xl-12.row { margin-left: 0; margin-right: 0; }
    .row > .col-xl-12.row > div[class^="col-"] { padding-left: 0; padding-right: 0; }
    #comment { min-height: 50px; border-bottom: none; }
    .btn-file, .btn-file ~ .btn-primary { border-radius: 0 !important; border-bottom: none; }
    #div_comment_area { overflow: hidden; }
    .reply-notice { font-size: 12px; margin-left: -.5rem; width: calc(100% + 0.75rem); margin-top: .3rem; }
    .row > .col-md-10 { padding-left: 0; padding-right: 0; }
}


/* 회원가입 모달 */
#loginModal .modal-dialog, #joinModal .modal-dialog { max-width: 600px; }
#loginModal input[type='text'], #joinModal input[type='text'], #loginModal input[type='password'], #joinModal input[type='password'] { font-size: 14px; }
.choices__inner { height: 100% !important; }
.domain-direct { border-right: none; }
#loginModal .email-select { padding: .3rem .5rem; background-position: right .3rem center !important; flex: none; width: 110px; }

@media ( max-width: 575px){
    #loginModal input[type='text'], #joinModal input[type='text'], #loginModal input[type='password'], #joinModal input[type='password'],
    #loginModal select.form-control, #joinModal select.form-control { font-size: 12px; padding: .3rem .5rem; }
    #loginModal .email-select { width: 100px; }
}

/* 공동 구매 */
.nft-timer-container:not(.d-day) { border-start-start-radius: 50rem; border-end-start-radius: 50rem; white-space: nowrap; }
.nft-timer-container.d-day { background: rgba(255,255,255,.7); box-shadow: 0 0 0 2px rgba(0,0,0,0.3); }
.nft-timer-container.d-day i { color: rgb(var(--dark-rgb)); }
.nft-timer-container.d-day span { color: rgb(var(--dark-rgb)); font-size: 16px; font-weight: 700; }
.groupbuy_cont .nft-timer-container.d-day { z-index: 100; left: 5%; box-shadow: 0 0 0 2px rgba(0,0,0,0.3); background: #fff; border-start-start-radius: 50rem; border-end-start-radius: 50rem; }
.nft-btn.on { background-color: rgb(var(--primary-rgb)) !important; }
.nft-btn.on i { color: #fff !important; }
.timer_end .nft-timer-container, .timer_end .card-footer, .timer_not .nft-timer-container, .timer_not .card-footer { filter: grayscale(1); }
.timer_end .card-img-top, .timer_not .card-img-top { position: relative; }
.timer_end .card-img-top:before, .timer_not .card-img-top:before { content: ''; display: block; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.timer_end .card-img-top:after, .timer_not .card-img-top:after {  font-size: 20px; white-space: pre; text-align: center; color: #fff; z-index: 100; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.timer_end .card-img-top:after { content: '종료된 \A 공동구매입니다.'; }
.timer_not .card-img-top:after { content: '준비 중인 \A 공동구매입니다.'; }
.current-att { background-color: rgb(var(--success-rgb)); color: #fff; text-align: center; padding: 10px 0; margin-bottom: 10px; font-size: 16px; font-weight: 300; }
.current-att span { font-size: 20px; }
.current-pr { background-color: rgb(var(--primary-rgb)); color: #fff; text-align: center; padding: 10px 0; font-size: 16px; }
.current-pr span { display: flex; align-items: center; gap: 10px; justify-content: center; font-size: 20px; }
.current-pr span p { margin-bottom: 0; width: max-content; }
.current-pr span s { font-size: 14px; width: max-content; }
.groupbuy-content .alert { display: flex; align-items: center; justify-content: space-between; word-break: keep-all; }
.groupbuy-content .card-img-top { overflow: hidden; }
.groupbuy-content .card-img-top img { width: 100%; }
.groupbuy_list_m th { color: rgba(var(--success-rgb)); border: none; font-weight: bold; padding: .3rem 1rem;}
.groupbuy_list_m td { border: none; text-align: left; padding: .3rem 1rem; }
.groupbuy_list_m tbody { display: block; }
.groupbuy_list_m tbody:not(:last-child) { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd; }
.flatpickr-am-pm { padding-right: 5px !important; }
.flatpickr-day.today { background-color: #fff; color: rgb(var(--primary-rgb));}
.product-info-sec { display: table; }
.groupbuy-info-sec:not(.table) { display: flex; gap: 10px; flex-wrap: wrap; }
.groupbuy-info-sec .form-label { margin-bottom: 0;  width: 100%;}
.product-info-sec .input-group { display: flex; flex-wrap: wrap; }
.groupbuy-info-sec:not(.table) .input-group { width: calc(20% - 10px); justify-content: center; }
.groupbuy-info-sec:not(.table) .input-group .input-group-text, .product-info-sec .input-group .input-group-text { width: 150px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.groupbuy-info-sec.table .input-group .input-group-text { width: 150px; border-radius: 0; }
.groupbuy-info-sec.table .input-group input, .groupbuy-info-sec.table .input-group select { border-radius: 0; }
.addOption .groupbuy-info-sec .input-group .input-group-text { width: 100px; }
.product-info-sec .input-group .input-group-text { border-bottom-width: 0; }
.product-info-sec .input-group:first-child .input-group-text { border-top-left-radius: 0.35rem;}
.groupbuy-info-sec .input-group:first-child input.form-control, .product-info-sec .input-group:first-child input.form-control { border-top-right-radius: 0.35rem;}
.product-info-sec .input-group:last-child .input-group-text { border-bottom-left-radius: 0.35rem;}
.groupbuy-info-sec .input-group:last-child input.form-control, .product-info-sec .input-group:last-child input.form-control { border-bottom-right-radius: 0.35rem;}
.groupbuy-info-sec .input-group input.form-control , .product-info-sec .input-group input.form-control { border-top-right-radius: 0; border-bottom-right-radius: 0;}
.groupbuy-info-sec .input-group input.form-control.bg-none::placeholder { text-align: center; }
.groupbuy-info-sec .input-group:not(:last-child) .form-control, .product-info-sec .input-group:not(:last-child) .form-control { border-bottom-width: 0; }
.groupbuy-info-sec:not(.table) .input-group .input-group-text:first-child { justify-content: center !important; width: 100%; border-top-left-radius: .35rem; border-top-right-radius: .35rem !important;  }
.groupbuy-info-sec:not(.table) .input-group .input-group-text + input { border-top: 0; border-right: 0; border-bottom-left-radius: .35rem !important; }
.groupbuy-info-sec:not(.table) .input-group input + .input-group-text { width: max-content !important; border-top: 0; border-left: 0; border-top-right-radius: 0; }
.addOption-list-group:not(:last-child) { margin-bottom: 10px; }
.addOption-list-group:last-child { margin-bottom: 0; }
#div_main_option_wrap, #div_add_option_wrap { margin-bottom: 10px; }
div.col-12[id^="div_add_option"]:not(:last-child) { margin-bottom: 10px; }
input[name^="main_option_sold_out"] + label, input[name^="add_option_group_sold_out"] + label, input[name^="add_option_item_sold_out"] + label { white-space: nowrap; border: 1px solid #ddd; border-left: 0; font-size: 14px; line-height: 1.6; padding: .375rem .75rem; border-radius:  0 .35rem .35rem 0; background: rgba(0,0,0,0.2); }
input[name^="main_option_sold_out"]:checked + label, input[name^="add_option_group_sold_out"]:checked + label, input[name^="add_option_item_sold_out"]:checked + label { color: #fff; background: rgb(var(--danger-rgb)); }
.addOption { align-items: flex-start; margin-left: 0; margin-right: 0; flex-direction: column; }
.addOption > div { align-items:center; display: flex; flex-wrap: wrap; gap: 10px; padding: 10px; background-color: rgb(var(--dark-rgb),0.1)!important; border-radius: .35rem; }
.addOption#div_main_option_new > div { background-color: var(--primary02) !important; }
.addOption#div_add_option_new > div { background-color: rgba(0,0,0,0.3) !important; }
.addOption > div[id^="div_add_option"] { align-items:flex-start; }
.addOption > div .form-label { white-space: nowrap; margin-bottom: 0; }
.addOption > div > .col-md-4.addOption-list { flex-direction: column; align-items: flex-start; gap: 0; }
.addOption > div > .col-md-4.addOption-list input, .addOption > div > .col-md-4.addOption-list input + label { margin-bottom: 10px; }
.addOption > div > .col-md-4.addOption-list .addOption-list-btn { width: auto; justify-content: flex-start; }
.addOption .groupbuy-info-sec { flex-grow: 1; }
.mainOption-container .input-group-text { background:  rgba(0,0,0,0.2);; }
.addOption input.addOption-title:not(#add_option_group_name_new) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.addOption-list { display: flex; align-items: center; gap: 10px; width: 100%; }
.addOption-list .input-group input[type='radio'] { display: none; }
.addOption-list .input-group input[type='radio'] + label { background: var(--black-2); color: #fff; cursor: pointer;  }
.addOption-list .input-group input[type='radio']:checked + label { background: rgb(var(--primary-rgb)); color: #fff; }
.addOption-list:not(:last-child) { margin-bottom: 5px; }
.btn-add-option-list, .btn-del-option-list, .btn-add-option, .btn-del-option { font-size: 12px; padding-left: 3px; padding-right: 3px; border: none; outline: none; width: 100px; }
.btn-add-option-list, .btn-del-option-list { padding: 0 10px; }
.addOption-list-btn { display: flex; width: 120px; justify-content: flex-end; }
.btn-add-option, .btn-del-option { padding-left: 10px; padding-right: 10px; font-size: 12px; vertical-align: 3px; }
.btn-add-option i, .btn-del-option i { vertical-align: -1px; }
.groupbuy_list th, .groupbuy_list td { font-size: 14px; }
.groupbuy_cont .nft-timer-container { font-weight: 300; }
.groupbuy_cont .info-title, .product_cont .info-title { font-size: 16px; font-weight: 600; }
.groupbuy_cont .info-title ~ p, .product_cont .info-title ~ p { font-size: 14px; font-weight: 300; }
.groupbuy_cont .info-title ~ select, .product_cont .info-title ~ select { font-size: 14px; }
.groupbuy_cont .groupbuy_info th, .groupbuy_cont .groupbuy_info td, .product_cont .product_info th, .product_cont .product_info td { font-size: 14px; }
.groupbuy_cont .groupbuy_info:not(.groupbuy_price) th { width: 120px; }
.groupbuy_cont .groupbuy_info td, .product_cont .product_info td, .product_cont .product_info td a { color: var(--text-muted); font-weight: 300; }
.groupbuy_price .bg-danger-transparent { position: relative; }
.groupbuy_price .bg-danger-transparent .badge { position: absolute; top: 0; right: 5px; transform: translateY(-50%); z-index: 10; font-size: 12px; }
.groupbuy_price .bg-danger-transparent .badge:before { content: ''; position: absolute; bottom: -4px; left: -1px; transform: rotate(30deg); width: 0px; height: 0px; border-style: solid; border-width: 10px 5px 0 10px; border-color: rgb(var(--danger-rgb)) transparent transparent transparent; z-index: -1; }
.select_wrap { margin-bottom: 15px; }
.option_wrap .my_option { font-size: 14px; position: relative; }
.option_wrap .main_option .my_option { color: rgb(var(--primary-rgb)); }
.option_wrap .my_option span { font-weight: 300; }
.option_wrap tr .my_option:before { color: #fff; display: block; font-weight: 400; width: max-content; padding: 2px 7px 1px; border-radius: 30px; font-size: 12px; margin-bottom: 2px;}
.option_wrap tr td:nth-last-child(2) { width: 100px; }
.option_wrap tr td:last-child { text-align: center; padding-left: 0; }
.my_apply_wrap tr td { padding: 0; }
.my_apply_wrap tr:not(:last-child) td { padding: 0 0 10px; }
.my_apply_wrap tr .my_option:before {display: inline-block; vertical-align: 1px; margin-right: 3px;}
.my_apply_wrap .my_option { text-align: left; }
.my_apply_wrap .my_option div { color: var(--default-text-color); }
.my_apply_wrap .my_option div span {font-weight: 500; }
.my_apply_wrap b { font-size: 14px; }

.groupbuy_cont .option_wrap tr.main_option .my_option:before { content:'공동구매 상품'; background: rgb(var(--primary-rgb)); }
.product_cont .option_wrap tr.main_option .my_option:before { content:'대표 상품'; background: rgb(var(--primary-rgb)); }
.option_wrap tr:not(.main_option) .my_option:before { content:'추가 구매옵션'; background: rgb(var(--dark-rgb)); }
.btn-apply-none, .btn-apply-done, .btn-end, .go-cart, .go-buy { font-size: 16px; }
.groupbuy-price {display: none; margin-top: 15px;}
.groupbuy-price > div { display: flex; width: 100%; align-items: center; justify-content: space-between; }
.groupbuy-price span { font-size: 14px; color: rgb(var(--dark-rgb)); }
.groupbuy-price h6 { margin-bottom: 0; }
.groupbuy-price b { font-size: 14px; color: rgb(var(--dark-rgb)); font-weight: 600; }
.groupbuy-price b.text-primary { font-size: 18px; }
.option_plus { position: relative; justify-content: center !important; }
.option_plus:before { content: ''; display: block; width: 45%; border-top: 1px dashed #ddd; position: absolute; left: 0; top: 50%; }
.option_plus:after { content: ''; display: block; width: 45%; border-top: 1px dashed #ddd; position: absolute; right: 0; top: 50%; }
.groupbuy_wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; width: 100%; }
.groupbuy_wrap > div { width: 50%; }
.groupbuy_wrap > div form { display: flex; gap: 10px; width: 100%; }
.groupbuy_wrap > div select.form-control { width: 100px; }
.groupbuy_wrap > div .btn-group { width: 100%; gap: 10px; }
.groupbuy_wrap > div .btn-group .btn-search { width: 100px; flex-shrink: 0; }
.groupbuy_wrap div.d-flex > a { display: flex; align-items: center; justify-content: center; }
.groupbuy_wrap div.d-flex { gap: 10px; }
#groupbuy_status { width: 150px; }
#groupbuy_status:focus { border-color: rgb(var(--success-rgb)); }
.groupbuy_list { width: 100%; }
.groupbuy_list p { margin-bottom: 0; }
.groupbuy_list tr { position: relative; }
.btn-view-edit { position: absolute; right: 15px; top: 15px; display: block; width: max-content; }
.goCartIcon { display: block; margin-bottom: 15px; } 
.goCartIcon i { font-size: 50px; color: rgb(var(--primary-rgb));} 

.groupbuy_order { table-layout: fixed; }
.groupbuy_order .brand_name { display: block; color: #fff; background: var(--text-muted); width: max-content; border-radius: 30px; padding: 1px 5px 0; font-size: 12px; font-weight: 400; margin-bottom: 5px; }
.groupbuy_order .item_price:before { content: '('; }
.groupbuy_order .item_price:after { content: ')'; }
.groupbuy_order th, .groupbuy_order td { font-size: 14px !important; }
.groupbuy_order thead th, .product_order thead th { background: rgb(var(--light-rgb))!important; }
.groupbuy_order thead th:last-child, .groupbuy_order tbody tr td:last-child { width: 15%; }
.groupbuy_order thead th:not(:first-child), .groupbuy_order tbody tr td:not(:first-child) { text-align: center; }
.groupbuy_order thead th:nth-last-child(2), .groupbuy_order tbody tr td:nth-last-child(2) { width: 10%; }
.groupbuy_order thead th:nth-last-child(3), .groupbuy_order tbody tr td:nth-last-child(3) { width: 20%; }
.groupbuy_order tbody tr td:nth-last-child(3) span { display: block; }
.groupbuy_order tr td:first-child, .product_order thead th:first-child, .product_order tbody tr td:first-child { text-wrap: wrap; }
/*
.groupbuy_list thead th:nth-last-child(-n+2) { display: none; }
.list-cnt, .list-option { display: none !important; }
*/

.detail-wrap { position: relative; }
.detail-contents { max-height: 500px; overflow: hidden; }
.detail-more { position: absolute; bottom: 0; display: flex; width: 100%; height: 200px; background: linear-gradient(to bottom, transparent, #fff); align-items: flex-end; justify-content: center; }
.detail-wrap.show .detail-contents { max-height: max-content; }
.detail-wrap.show .detail-more { position: static; height: max-content; }


@media (max-width: 1024px) {
    .groupbuy_wrap > div { width: 70%; }
    .groupbuy_list thead { display: none; }
    .groupbuy_list tbody { display: block; width: 100%; }
    .groupbuy_list tr { display: block; text-align: left; background: #fafafa; border-radius: .35rem; padding: .5rem; }
    .groupbuy_list tr:not(:last-of-type) { display: block; text-align: left; margin-bottom: .5rem; }
    .groupbuy_list tr td { background: none; border: none; display: block; padding: 0; margin-bottom: .2rem; }
    .groupbuy_list tr td:not(:last-child):not(:first-child) { width: 100%; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dashed #ddd; }
    .groupbuy_list tr td a.list-num { width: 20px; height: 20px; display: block; text-align: center; line-height: 20px; font-weight: 700; background: rgb(var(--success-rgb)); color: #fff; border-radius: 50%; }
    .groupbuy_list tr td.list-id, .groupbuy_list tr td.list-name { display: inline-block; }
    .groupbuy_list tr td.list-id:before { display: inline; content: '('; margin-left: 5px; }
    .groupbuy_list tr td.list-id:after { display: inline; content: ')'; }
    .groupbuy_list tr td.list-name:before { display: block; content: '닉네임(아이디)'; color: rgb(var(--success-rgb)); width: 100px; font-weight: 700;}
    .groupbuy_list tr td.list-addr:before { display: block; content: '주소'; color: rgb(var(--success-rgb)); width: 100px; font-weight: 700;}
    .groupbuy_list tr td.list-phone:before { display: block; content: '휴대폰'; color: rgb(var(--success-rgb)); width: 100px; font-weight: 700;}
    .groupbuy_list tr td.list-date:before { display: block; content: '신청일시'; color: rgb(var(--success-rgb)); width: 100px; font-weight: 700;}
    .groupbuy_list tr td.list-price:before { display: block; content: '예상총결제금액'; color: rgb(var(--success-rgb)); width: 100px; font-weight: 700;}
    .groupbuy_list tr td.list-status:before { display: block; content: '주문상태'; color: rgb(var(--success-rgb)); width: 100px; font-weight: 700;}
}

@media (max-width: 991.98px){
    .addOption input.addOption-title { width: 100%; }
    .product_cont .product_info { flex-wrap: wrap; padding-left: .5rem !important; padding-right: .5rem; }
    #span_like_cnt, #span_cmt_cnt, .btn-singo { font-size: 12px !important; padding: 3px 7px !important; }
    .current-att, .current-pr { font-size: 20px; }
}

@media (max-width: 767px){
    .addOption-container .addOption > div:not(:last-child) { padding-bottom: 10px; border-bottom: 1px dashed #ddd; }
    .groupbuy-content .alert { flex-direction: column; align-items: flex-start; }
    .groupbuy-content .alert span { margin-top: 10px; }
    .groupbuy-content .alert span br { display: none; }
    .btn-view-edit { position: static; width: calc(100% - 1.5rem); margin: 0 auto 10px; }
    .groupbuy_wrap { flex-direction: column; gap: 10px; align-items: flex-end; }
    #groupbuy_status { width: 100%; }
    .groupbuy_wrap > div { flex-grow: 1; flex-wrap: wrap; width: 100%; }
    .groupbuy_wrap div.d-flex { flex-grow: 1; }
    /* .groupbuy_wrap > a { marin } */
    /* #div_add_option_wrap .addOption-list:not(:last-child) { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd; } */
    .addOption > div { gap:5px;}
    .addOption-list { flex-direction: row !important; gap: 5px !important;  }
    .addOption > div > .col-md-4.addOption-list input, .addOption > div > .col-md-4.addOption-list input + label { margin-bottom: 0; }
    .addOption-list-btn { justify-content: flex-start; }

    #dc_ord_cnt_wrap .input-group { flex-wrap: wrap; }
    #dc_ord_cnt_wrap .input-group input { width: 100%; border-radius: .35rem .35rem 0 0 !important; text-align: center !important; }
    #dc_ord_cnt_wrap .input-group .input-group-text { width: 100%; border-radius: 0 0 .35rem .35rem !important; justify-content: center; }

    .groupbuy-info-sec:not(.table) .input-group input + .input-group-text { width: 100% !important; border-radius: 0 0 .35rem .35rem !important; justify-content: flex-end; }
}

@media (max-width: 575px){
    /* .product_cont { margin-left: 0; margin-right: 0; } */
    .groupbuy_cont > .col-xl-8, .groupbuy_cont > .col-xl-4 { padding-left: 0 ; padding-right: 0; }
    .groupbuy_cont > .col-xl-8 .card-body, .groupbuy_cont > .col-xl-4 .card-body { margin-left: 0; margin-right: 0; padding: .75rem; }
    .groupbuy_cont > .col-xl-4 .card-body > div { padding-left: 0; padding-right: 0; }
    .groupbuy_cont > div[class^="col-"], .product_cont > div[class^="col-"] { padding-left: 0; padding-right: 0; }

    .product-info-sec .input-group .input-group-text { width: 120px; font-size: 12px; }
    .product-info-sec .input-group .input-group-text::placeholder { font-size: 12px; }
    .groupbuy-info-sec .input-group > * { width: 50%; font-size: 12px; }
    #div_main_option_wrap .option-list:not(:last-child) { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #ddd; }
    .addOption-list-group:not(:last-child) { padding-bottom: 10px; border-bottom: 1px dashed #ddd; }
    .addOption > .groupbuy-info-sec { margin-bottom: 0; }
    .btn-add-option, .btn-del-option { margin-top: 0px; }
    .addOption-list  { flex-wrap: wrap; }
    .addOption-list .input-group { width: calc(100% - 110px); }
    .addOption-list .addOption-list-btn { width: 100px; }
    .addOption-list .input-group input[type='radio'] + label { padding: 3px 10px; }
    .btn-add-option-list, .btn-del-option-list { padding-top: 0; padding-bottom: 0; }
    .btn-view-edit { position: static; width: 100%; margin: 0 auto 10px; }
    .groupbuy-info-sec.table .input-group { flex-wrap: wrap; }
    .groupbuy-info-sec.table .input-group:first-child .form-control { border-bottom-right-radius: 0; }
    
    .groupbuy-info-sec.table .input-group .input-group-text { width: 100px; }
    #dc_ord_cnt_wrap .d-flex { flex-direction: column; } 
    #dc_ord_cnt_wrap .d-flex .input-group { flex-wrap: nowrap;} 
    #dc_ord_cnt_wrap .d-flex .input-group input { border-radius: .35rem 0 0 .35rem !important;} 
    #dc_ord_cnt_wrap .d-flex .input-group input + .input-group-text { border-radius: 0 .35rem .35rem 0 !important; width: max-content; } 
    .groupbuy-info-sec:not(.table) { flex-direction: column; gap: 5px; }
    .groupbuy-info-sec:not(.table) .input-group { width: 100%; flex-wrap: nowrap; }
    .groupbuy-info-sec:not(.table) .input-group .input-group-text:first-child { width: 100px; border-radius: .35rem 0 0 .35rem !important; }
    .groupbuy-info-sec:not(.table) .input-group .input-group-text:last-child { width: max-content !important; border-radius: 0 .35rem .35rem 0 !important; }

    #div_add_option_wrap .addOption-list-group > div { padding-top: 7px; margin-top: 5px; border-top: 1px dashed rgba(0,0,0,0.3); }
}

@media (max-width: 1400px) and (min-width: 768px){
    .groupbuy_cont .col-md-5 { padding-left: 0; }
}

/* 제품구매 */
.product-card .product-image img { aspect-ratio: 4/3; height: auto; object-fit: cover; object-position: center center; }
.product-card .product-description { height: 40px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

@media (max-width: 767px){
    .product-card .product-description { height: auto; -webkit-line-clamp: 1;}
}

/* 상품 상세 정보 */
.soldout_item a { pointer-events: none; cursor: default; }
.soldout  { margin-bottom: 0; }
.soldout span { font-size: 14px; }
.alert .choices { margin-bottom: 0.5rem; }
.groupbuy_cont .swiper-view-details .swiper-slide, .product_cont .swiper-view-details .swiper-slide { width: calc(25% - 7px); overflow: hidden; margin-right: 10px; }
.open-thumbs .swiper-slide { width: calc(20% - 5px); overflow: hidden; margin-right: 5px; }
.product-details-page .swiper-slide img, .swiper-view-details .swiper-slide img,
.swiper-review-thumb .swiper-slide img, .swiper-review-details .swiper-slide img { aspect-ratio: 1/1; cursor: pointer; }

#reviewModal .modal-body, #reviewModal .modal-header, #reviewDetailModal .modal-body, #reviewDetailModal .modal-header,
#reviewWriteModal .modal-body, #reviewWriteModal .modal-header { background: rgb(var(--body-bg-rgb));}
#reviewModal .row .col-xl-4 { display: flex; }
#reviewModal .review_card { margin-bottom: 0; cursor: pointer; flex-grow: 1; }
#reviewModal .review_card .card-body { display: flex; flex-direction: column; }
#reviewModal .review_card .review_cont { flex-grow: 1; margin-bottom: 15px; }
#reviewModal .review_card:hover { transform: translate(-10px, -10px); }
#reviewModal .review_card .review_date, #reviewDetailModal .review_date { display: flex; align-items: end; justify-content: end; }
#reviewModal .review_card .review_date span, #reviewDetailModal .review_date span { font-size: 12px; color: var(--text-muted); font-weight: 600; }
#reviewDetailModal .review_date { display: flex; align-items: end; justify-content: end; flex-direction: column; }
#reviewDetailModal .review_date .badge { font-size: 14px; margin-bottom: 5px; color: #fff !important; }
#reviewDetailModal .best_btn_wrap { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.product-relative-sec table, .product-relative-sec tr td { background-color: var(--light-rgb) !important; }
.product-relative-sec td { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.product-relative-sec td a:first-child { flex-grow: 1; }
.product-relative-sec td .btn-del-relative i { vertical-align: -1px; }

#selectRelative h5 { margin-bottom: 20px; }
#selectRelative .relative-items-sort { margin-bottom: 20px; border-bottom: 1px dashed #ddd; }
#selectRelative label { display: flex; flex-direction: column; align-items: center; cursor: pointer; padding: 15px 0; transition: 0.3s; }
#selectRelative label div.flex-fill { width: 100%; }
#selectRelative label p { text-align: center; }
#selectRelative label p.relative-product-brand { width: 90%; margin: 10px auto 0 auto; }
#selectRelative label p.relative-product-name { width: 90%; margin: 0 auto 10px auto; font-weight: 700; }
#selectRelative label .relative-items-image { width: 100px; height: 100px; border-radius: 5px; overflow: hidden; position: relative; background: no-repeat center center/cover; }
#selectRelative label.on { background-color: rgb(var(--primary-rgb))!important; transform: scale(1.07); }
#selectRelative label.on p { color: #fff !important; }
#selectRelative button.btn-relative-save { width: 50%; }
select.form-control, select.form-control:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important; background-size: 1.25rem !important; background-repeat: no-repeat !important; background-position: right .75rem center !important; }
select.form-control:focus { border-color: rgb(var(--primary-rgb)); }
#selectRelative select.form-control:focus, #selectRelative input.form-control:focus { border-color: var(--primary05) !important; background: var(--primary01); }

.goods_review_wrap { padding-left: 0; padding-right: 0; }
.goods_review_wrap .col-lg-4 { display: flex; }
.goods_review_wrap .review_card { flex-grow: 1; cursor: pointer; }
.goods_review_wrap .review_card .card-body { display: flex; flex-direction: column;}
.goods_review_wrap .review-writer { padding-bottom: 1rem; margin-bottom: 1rem; display: flex; align-items: center; border-bottom: 1px dashed var(--default-border); }
.goods_review_wrap .review-writer p, .goods_review_wrap .review-title { font-size: 16px; }
.goods_review_wrap .review-cont { flex-grow: 1; }
.goods_review_wrap .review-cont p { font-size: 14px; }
.goods_review_wrap .review-date { font-size: 12px; }

.relative-list  { table-layout: fixed; }
.relative-list .similar-product-name { max-width: calc(25vw - 100px); }

#reviewModal .review-title, #reviewDetailModal .review-title { font-size: 16px; }
#reviewModal .review-cont, #reviewDetailModal .review-cont { font-size: 14px; color: var(--text-muted); }

.product_add_option { margin-bottom: 10px; }

@media (min-width: 1400px){
    .relative-list .similar-product-name { max-width: calc(14vw - 100px); }
}

@media (max-width: 1200px){
    .product-quantity-plus, .product-quantity-minus { padding: .5rem; }
    .product-cnt { padding: .25rem; }
}

@media (max-width: 991.98px){
    .relative-list .similar-product-name { max-width: calc(30vw - 100px); }
    .goods_review_wrap .col-lg-4:last-child { display: none; }
}

@media (min-width: 767px){
    .product_cont { position: relative; }
    .option-sticky { position: sticky; position: -webkit-sticky; top: 5rem; align-self: flex-start; }
}

@media (max-width: 767px){
    .option_wrap colgroup { display: none; }
    .relative-list .similar-product-name { max-width: calc(75vw - 100px); }
}

@media (max-width: 575px){
    .product_info, .groupbuy_info:not(.groupbuy_price) { table-layout: fixed; }
    .product_info th { width: 150px; }
    .groupbuy_info:not(.groupbuy_price) th { width: 130px; }
    .product_info td { width: calc(100% - 150px); white-space: wrap; word-break: keep-all; }
    .groupbuy_info:not(.groupbuy_price) td { width: calc(100% - 120px) !important; white-space: wrap; word-break: keep-all; }
    #selectRelative button.btn-relative-save { width: 100%; }
    .goods_review_wrap { margin-left: 0; margin-right: 0; margin-top: 1rem; }
    .goods_review_wrap .review-writer { padding-bottom: .5rem; margin-bottom: .5rem; }
    .goods_review_wrap .card-body { padding: .5rem !important; }
    .goods_review_wrap .card-body .product-images .row { margin-left: 0; margin-right: 0; }
    .goods_review_wrap .card-body .product-images div[class^=col-] { padding-left: 0; padding-right: 0; }
    .option_wrap tr td:nth-child(2) { width: 120px; }
    #reviewModal .modal-body .row > div[class^=col-], #reviewDetailModal .row > div[class^=col-] { padding-left: 5px; padding-right: 5px; margin-top: 10px; }
    #reviewModal .card:hover { transform: none; }
    .product_cont .col-xxl-9.col-xl-12 > .row { margin-left: 0; margin-right: 0; }
    .product_cont .btn_wrap { flex-wrap: wrap; }
    .product_cont .btn_wrap a { width: 100%; }
}

/* 장바구니 */
#cartChkAll { width: 20px; height: 20px; position: relative; margin-left: 10px; }
#cartChkAll:after { content: '전체선택'; position: absolute; left: 100%; display: inline-block; margin-left: 10px; font-size: 12px; white-space: nowrap; }
.deli_all:before { content: "\e916"; font-family: 'xeicon'; vertical-align: -1px; margin-right: 5px;}
.cart_cont input[type="checkbox"] { border: 1px solid #ddd; }
.cart_cont input[type="checkbox"]:focus { border: rgb(var(--primary-rgb)); }
.cart_cont .card.cart-item-list { padding: 0; overflow: hidden; }
.cart_cont .card.cart-item-list .cart-brand-name { font-size: 20px; font-weight: 600; padding: 15px; margin-bottom: 0; display: flex; align-items: center; justify-content: space-between; }
.cart_cont .cart-item-list input.form-check-input { width: 20px; height: 20px; }
.cart_cont .cart-item-list table th { background: rgb(var(--light-rgb)); }
.cart_cont .cart-item-list table tr.main-option td:first-child > div { display: flex; align-items: center; gap: 10px; }
.cart_cont .cart-item-list .cart-item:not(:last-child) { border-bottom: 1px solid var(--default-border); padding-bottom: 15px; }
.cart_cont .cart-item-list .cart-item .cart-item-link { flex-grow: 1; display: flex; align-items: center; gap: 10px; }
.cart_cont .cart-item-list .cart-item .cart-item-link .avatar { flex-shrink: 0; }
.cart_cont .cart-item-list .cart-item .cart-item-name { font-size: 18px; font-weight: 600; margin-bottom: 5px; }
.cart_cont .cart-item-list .cart-item .cart-item-thumb p { font-size: 14px; font-weight: 400; color: var(--text-muted); margin-bottom: 0;}
.cart_cont .cart-item-list .cart-item .cart-add-option { padding: 15px; width: 25%; }
.cart_cont .cart-item-list .cart-item .cart-add-option > div > div:not(:first-child) { margin-top: 5px; position: relative; }
.cart_cont .cart-item-list .cart-item .cart-add-option b { white-space: nowrap; font-size: 12px; color: #fff; font-weight: 500; opacity: 0.8; margin-bottom: 5px; display: block; width: max-content; padding: 2px 7px 1px; border-radius: 15px; }
.cart_cont .cart-item-list .cart-item .main-option .cart-add-option b { background: rgb(var(--primary-rgb)); }
.cart_cont .cart-item-list .cart-item .add-option .cart-add-option b { background: rgb(var(--dark-rgb)); }
.cart_cont .cart-item-list .cart-item .cart-add-option .add-option > div:nth-of-type(n+2) { margin-top: 10px; padding-top: 5px; border-top: 1px dashed var(--default-border); }
.cart_cont .cart-item-list .cart-item .cart-add-option .main-option + .add-option { margin-top: 15px; padding-top: 10px; border-top: 1px solid var(--default-border); }
.cart_cont .cart-item-list .cart-item .cart-add-option p { font-size: 14px; margin-bottom: 0; }
.cart_cont .cart-item-list .cart-item .cart-item-price { color: var(--text-muted);}
.cart_cont .cart-item-list .cart-item .cart-item-count,.cart_cont .cart-item-list .cart-item .cart-item-sum { width: 10%; text-align: center; white-space: nowrap; }
.cart_cont .cart-item-list .cart-item .cart-item-count .input-group { justify-content: center; }
.cart_cont .cart-item-list .cart-item .cart-item-count .input-group a { padding: 0; height: 30px; line-height: 30px; width: 30px; }
.cart_cont .cart-item-list .cart-item .cart-item-count input { width: 40px; flex: unset; padding: 0; height: 30px; }
.cart_cont .cart-item-list .cart-item .cart-item-del { width: max-content; text-align: center; }
.cart_cont .cart-item-list .cart-item .btn-cart-delete { width: 30px; height: 30px; padding: 0; text-align: center; line-height: 27px; }
.cart_cont .cart-item-list .btn-cart-delete { width: 50px; height: 30px; padding: 0; text-align: center; line-height: 30px; }
.cart_cont .cart-item-list .cart-list-sum {border-top: 2px solid var(--default-border); text-align: center; padding: 20px 0; font-size: 16px; display: flex; align-items: center; justify-content: center; }
.cart_cont .cart-item-list .cart-list-sum span { color: var(--text-muted); width: 20%; position: relative; }
.cart_cont .cart-item-list .cart-list-sum span b { color: var(--default-text-color); display: block; }
.cart_cont .cart-item-list .cart-list-sum span.plus:before { content: '\e916'; font-family: xeicon!important; position: absolute; left: 0; top: 50%; font-size: 20px; color: rgb(var(--primary-rgb)); transform: translate(-50%, -50%); }

@media (max-width: 1200px) {
    .cart_cont .btn-del-all { font-size: 12px; }
    .cart_cont .cart-item-list .cart-item:not(:last-child) { padding-bottom: 0; }
    .cart_cont .cart-item-list .cart-item { border: 1px solid var(--default-border); margin: 10px; border-radius: .5rem; box-shadow: 3px 3px 0 rgba(0,0,0,0.05); }
    .cart_cont .card.cart-item-list .cart-brand-name { font-size: 16px; border-bottom: 1px solid var(--default-border); }
    .cart_cont .card.cart-item-list thead { display: none; }
    .cart_cont .cart-item-list, .cart_cont .cart-item-list tbody { display: block; }
    .cart_cont .cart-item-list tr { display: flex; flex-wrap: wrap; border-width: 0; justify-content: space-between; align-items: center; padding: 10px; }
    .cart_cont .cart-item-list tr.add-option { padding-top: 0; }
    .cart_cont .cart-item-list tr td { border-width: 0; }
    .cart_cont .cart-item-list tr td.cart-item-main { width: 100%; padding: 0 0 15px; padding-left: 0 !important; }
    .cart_cont .cart-item-list .cart-item .cart-add-option { width: 100% !important; flex-grow: 1; border-radius: 5px 5px 0 0; gap: 5px; padding: 10px; }
    .cart_cont .cart-item-list .cart-item .cart-add-option b { margin-bottom: 0 !important; }
    .cart_cont .cart-item-list tr.main-option td:not(.cart-item-main) { background: #f3effc; display: flex; align-items: center; flex-wrap: wrap; }
    .cart_cont .cart-item-list tr.add-option td:not(.cart-item-main) { background: #f7f9fa; display: flex; align-items: center; flex-wrap: wrap; }
    .cart_cont .cart-item-list tr td:last-child { padding: 0 10px 10px; justify-content: flex-end; border-bottom-right-radius: 5px; flex-grow: 0 !important; }
    .cart_cont .cart-item-list .cart-item .cart-item-count { border-bottom-left-radius: 5px !important; width: auto; padding: 0 10px 10px; } 
    .cart_cont .cart-item-list tr.main-option .cart-item-count a { background: var(--primary02); } 
    .cart_cont .cart-item-list tr.add-option .cart-item-count a { background: rgb(var(--dark-rgb),0.2); } 
    .cart_cont .cart-item-list .cart-item .cart-item-count .input-group { justify-content: center; }
    .cart_cont .cart-item-list .cart-item .cart-item-price { display: none; }
    .cart_cont .cart-item-list .cart-item .cart-item-sum { padding: 0 10px 10px; height: 40px; width: auto; flex-grow: 1; justify-content: flex-end; border-radius: 0 !important; }
    .cart_cont .col-xxl-3 .fs-14 { font-size: 16px; }
    .cart_cont .cart-item-list .cart-list-sum { margin-top: 15px; }
    .cart_cont .cart-item-list .cart-list-sum span { width: 30%; }
}

@media (max-width: 991.98px) {
    .cart_cont .cart-item-list .cart-list-sum { flex-wrap: wrap; padding: 15px; margin-top: 0; }
    .cart_cont .cart-item-list .cart-list-sum a { display: none; }
    .cart_cont .cart-item-list .cart-list-sum span { display: flex; align-items: center; justify-content: flex-end; font-size: 16px; width: 100%; }
    .cart_cont .cart-item-list .cart-list-sum span b { margin-left: 10px; }
    .cart_cont .cart-item-list .cart-list-sum span:not(:last-child) { margin-bottom: 5px; }
    .cart_cont .cart-item-list .cart-list-sum span.plus { display: none; }
    .cart_cont .cart-item-list .cart-list-sum span.plus::before { content: ''; }
    .cart_cont .cart-item-list tr { align-items: flex-start; position: relative; }
    .cart_cont .cart-item-list tr td.cart-add-option { width: 100% !important; height: auto; }
    .cart_cont .cart-item-list .cart-item .cart-item-count .input-group { justify-content: flex-start; }
    .cart_cont .cart-item-list .cart-item .cart-item-count, .cart_cont .cart-item-list .cart-item .cart-item-sum { justify-content: flex-end; padding-top: 0; height: 40px;}
    .cart_cont .cart-item-list .cart-item .cart-item-del { justify-content: flex-end; }

}

@media (max-width: 575px){
    .cart_cont > div, .checkout_cont > div { padding-left: 0; padding-right: 0; }
    .checkout_cont .card-body { padding: 15px !important; }
}


/* 주문서 */
#chk_receipt { width: 3rem; border-radius: 3rem; height: 1.5rem;}
#chk_receipt:focus { filter: grayscale(1);}
#chk_receipt:checked:focus { filter: grayscale(0);}
.checkout_cont span.checkout_title { font-size: 16px; font-weight: 700; color: rgb(var(--primary-rgb)); display: block;}
.checkout_cont .card { margin-top: .5rem; }
.checkout_cont .card .card-body { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.checkout_cont .card .card-body .form-label { font-size: 14px; }
.checkout_cont .col-md-8 .card .card-body > div { width: 49%; }
.checkout_cont .card .card-body .checkout_addr { display: flex; align-items: center; gap: 10px; margin-bottom: 5px; }
.checkout_cont .card .card-body .checkout_addr > div a { padding: 7px .85rem; }
.checkout_cont .card .card-body .checkout_addr + div { margin-bottom: 10px; }
.checkout_cont .card .card-body #addr1 { margin-bottom: 5px; }
.checkout_cont .card.receipt_card .card-body { display: block; }
.checkout_cont .card.receipt_card .card-body .receipt_cont { margin-top: 15px; padding-top: 10px; border-top: 1px dashed #ddd; width: 100%; }
.checkout_cont .card.point_card .card-body > div, .checkout_cont .card.pay_card .card-body > div:first-child { width: 100%; }
.checkout_cont .card.point_card .card-body div:first-child { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.checkout_cont .card.point_card .card-body div:first-child > .form-label b { color: rgb(var(--primary-rgb)); font-size: 16px; margin-left: 5px; }
.checkout_cont .card.point_card .point_wrap { position: relative; width: 60%; }
.checkout_cont .card.point_card .point_wrap:before { content: '사용'; display: block; color: var(--text-muted); font-weight: 600; opacity: 0.7; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); z-index: 10; }
.checkout_cont .card.point_card .point_wrap #use-point { font-weight: 600; color: rgb(var(--primary-rgb)); }
.checkout_cont .card.point_card .point_wrap #use-point:focus { background:var(--primary01) }
.checkout_cont .card.pay_card .payment { width: 100%; margin-bottom: 10px; }
.checkout_cont span.checkout_title.receipt_title { display: flex; align-items: center; }
.checkout_cont span.checkout_title label { font-size: 14px; font-weight: 400; color: var(--text-muted); margin-left: 5px; }
.checkout_cont span.checkout_title input:checked + label { font-weight: 700; color: rgb(var(--primary-rgb)); }
.payment input[type="radio"]:checked + label, .payment label:hover { background-color: rgb(var(--primary-rgb)) !important; color: #fff !important; }
.payment .btn-check+.btn.btn-light:hover { background-color: rgb(var(--primary-rgb))!important; color: #fff !important; }

.checkout_cont .sum_card .card-body { padding: 1rem; border: none; border-bottom: 1px solid #ddd; border-radius: 0; }
.checkout_cont .sum_card .card-header { padding: 1rem; }
.checkout_cont .sum_card .card-header .card-title:before { inset-inline-start: 0; }
.checkout_cont .sum_card .checkout_brand { color: rgb(var(--primary-rgb)); font-size: 16px; font-weight: 600; display: block; width: 100%; margin-bottom: 0; padding-left: 10px; }
.checkout_cont .sum_card .card-body > div { width: 100%; }
.checkout_cont .sum_card .card-body .checkout_brand p { font-size: 20px; margin-bottom: 0; color: rgb(var(--primary-rgb)); }
.checkout_cont .sum_card .card-body .checkout_name { font-size: 16px; font-weight: 600; margin-bottom: 5px; }
.checkout_cont .sum_card .card-body .checkout_price { color: var(--text-muted); font-size: 14px; margin-bottom: 0; }
.checkout_cont .sum_card .card-body > div > b { font-size: 12px; color: #fff; padding: 1px 7px; border-radius: 10px; font-weight: 500; display: block; width: max-content; margin-top: 10px; }
.checkout_cont .sum_card .card-body .main > b { background-color: rgb(var(--primary-rgb)); }
.checkout_cont .sum_card .card-body .add > b { background-color: rgb(var(--dark-rgb)); }
.checkout_cont .sum_card .card-body .main div, .checkout_cont .sum_card .card-body .add div { padding: 10px; border-radius: 5px; margin-top: 5px; font-weight: 600; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; }
.checkout_cont .sum_card .card-body .main div { background: var(--primary01); }
.checkout_cont .sum_card .card-body .add div { background: #efefef80; }
.checkout_cont .sum_card .card-body .main div p, .checkout_cont .sum_card .card-body .add div p { text-align: left; font-size: 14px; flex-grow: 1; margin-bottom: 0; }
.checkout_cont .sum_card .card-body .main div b span, .checkout_cont .sum_card .card-body .add div b span { flex-grow: 1; text-align: right; font-weight: 400; }
.checkout_cont .sum_card .card-body .main div b span:after, .checkout_cont .sum_card .card-body .add div b span:after { content: '/'; display: inline; margin: 0 5px; }
.checkout_cont .sum_card .card-body .main div b, .checkout_cont .sum_card .card-body .add div b { font-size: 14px; font-weight: 600; }
.checkout_cont .sum_card .price { width: 100%; padding: 0; }
.checkout_cont .sum_card .price p { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.checkout_cont .sum_card .price p span { font-size: 16px; color: var(--text-muted); }
.checkout_cont .sum_card .price p b { font-size: 16px; color: var(--default-text-color); }
.checkout_cont .sum_card .price a { width: 100%; font-size: 16px; }

@media (max-width: 1200px){
    .checkout_cont .col-md-8 .card .card-body > div { width: 100%; }
}

@media (max-width: 575px){
    .checkout_cont .card.point_card .form-label { width: 100%; display: flex; align-items: center; justify-content: space-between; }
    .checkout_cont .card.point_card .card-body div:first-child { flex-wrap: wrap; }
    .checkout_cont .card.point_card .point_wrap { width: 100%; }
    .checkout_cont .card.pay_card .payment { display: block; }
    .checkout_cont .card.pay_card .payment label { display: block; width: 100%; border-radius: .35rem !important; }
    .checkout_cont span.checkout_title { padding-left: 5px;}
}

/* 마이페이지 */

.myTab_wrap { display: flex; padding: 15px; border-bottom: 1px dashed var(--default-border); }
#myTab { padding: 0; gap: 5px 0; }
#myTab .nav-item { margin-right: 0; }
#myTab .nav-link { font-family: 16px; padding: 5px 12px; }

#activity-tab-pane .profile-timeline li::before { inset-block-start: 2.5rem; inset-inline-start: 1.25rem; height: calc(100% - 2.5rem) }
#activity-tab-pane .profile-timeline li { margin-block-end: 0 !important; padding-bottom: 20px; padding-inline-start: 0 !important; }
#activity-tab-pane .profile-timeline li::before {display: none !important;}
.my-profile-sec h4.text-title { font-weight: bold; font-size: 18px; }
.my-profile-sec .followBtnBox { width: max-content; }
.my-profile-sec .followBtnBox button { width: max-content;}
.my-profile-sec .btn-myp-edit { width: max-content; }
.my-profile-sec .btn-myp-edit i { font-size: 24px; }
.my-profile-sec .info-text div:not(:last-child) { margin-right: 10px; padding-right: 10px; border-right: 1px solid rgba(255,255,255,0.4); }
.my-profile-sec .info-text h4.text-title { font-size: 16px; }
.my-profile-edit { display: block; width: 20rem; height: 20rem; border-radius: 10px; border: 1px solid #ddd; }
.my-profile { display: block; width: 100%; height: auto; aspect-ratio: 1/1; }
.my-profile-edit a, .my-profile a { display: block; width: 100%; height: 100%;  border-radius: .35rem;  background: no-repeat center center/cover; }
.my-profile-sec .btn-myp-edit { position: absolute; bottom: .5rem; right: 0; z-index: 100; }
.main-profile-info { padding-right: 0; }
.chgGradeBox { display: flex; gap: 5px;justify-content: flex-end;}
.chgGradeBox #sel_mem_level { width: 130px; }
.mem_grade.border-bottom { padding-bottom: 15px; }
.mem_grade .badge { vertical-align: 2px; }
#chgGrade { width: 150px; }
.admin_info table tr th { width: 100px; text-wrap: nowrap; font-weight: bold; background-color: var(--primary01); border-color: var(--primary01); text-align: center; }
.admin_info table tr:last-child th { border-bottom-color: transparent; }
.add-channel { display: flex; align-items: center; margin-bottom: 10px; }
.add-channel .btn-group { display: flex; align-items: center; justify-content: flex-end; width: 80px; gap: 10px; }
.add-channel .btn-group .btn { outline: none; border: none; padding: 0 !important; flex-grow: unset; }
.add-channel i { color: rgb(var(--primary-rgb)); font-size: 20px; }
.profile-timeline .avatar { border: none; }
.profile-timeline .btn-edit-list ~ .dropdown-menu li { margin-bottom: 0; padding-inline-start: 0; }
#point-tab-pane tbody td span { display: none; }
.myp-edit h6 { font-size: 18px !important; }
.myp-edit .form-label { font-size: 16px !important; }
.myp-edit .choices__list--multiple .choices__item { font-size: 14px; }
.myp-edit .myp-btn-wrap { gap: 15px; }
#order-tab-pane .card-header, #order-tab-pane .card-body, #order-tab-pane .card-footer { padding: .75rem 1rem; }
#groupbuy-tab-pane .card-header, #groupbuy-tab-pane .card-body, #groupbuy-tab-pane .card-footer { padding: .75rem 1rem; }
#order-tab-pane .card, #groupbuy-tab-pane .card { overflow: hidden; }
#order-tab-pane .card-header, #groupbuy-tab-pane .card-header { font-size: 14px; background-color: var(--primary01) !important; border-radius: 0; }
#order-tab-pane .card-header .avatar.avatar-lg, #groupbuy-tab-pane .card-header .avatar.avatar-lg { aspect-ratio: 1/1; }
#groupbuy-tab-pane .card-header { display: flex; justify-content: space-between; align-items: center; }
#groupbuy-tab-pane .card-header > span { color: rgb(var(--primary-rgb)); font-size: 12px; font-weight: 500; }
#order-tab-pane .card-footer .badge, #groupbuy-tab-pane .card-footer .badge { font-size: 14px; font-weight: 400; }
#groupbuy-tab-pane .card-footer .btn-cancel-groupbuy:hover, #groupbuy-tab-pane .card-footer .btn-cancel-groupbuy:focus { color: #fff; }
#order-tab-pane .card-body p, #review-tabContent .tab-pane .card-body p { font-size: 14px; color: var(--text-muted); margin-bottom: 5px; }
#review-tabContent .tab-pane .card-body p:last-child { margin-bottom: 0; }
#order-tab-pane .card-body p:last-child { margin-bottom: 0; }
#order-tab-pane .card-body p b, #review-tabContent .tab-pane .card-body p b { color: rgb(var(--primary-rgb)); margin-right: 10px; }
#review-tab-pane .nav-link { background: rgb(var(--light-rgb)); }
#review-tab-pane .nav-link.active { background: var(--primary-color); }
#review-tabContent .tab-pane { border: none; padding: 0; }
#review-tabContent .tab-pane .card:hover { background: rgba(var(--primary-rgb), 0.06); }
#review-tabContent .tab-pane .card-header { display: flex; align-items: flex-start; justify-content: space-between; background-color: rgba(var(--primary-rgb), 0.06) !important; }
#review-tabContent .tab-pane .card-header > div { display: flex; align-items: center; }
#review-tabContent .tab-pane .card-header a { font-size: 14px; font-weight: 400; }

.myp_info { padding: 20px; }
.myp_info .mem_grade ~ .privacy_info { margin-top: 15px; }
.myp_info .privacy_info { margin-bottom: 15px; padding: 15px; }
.myp_info .privacy_info > div { display: flex; align-items: center; gap: 15px; }
.myp_info .privacy_info > div:not(:last-child) { margin-bottom: 15px; }
.myp_info .privacy_info > div p:first-child { margin: 0; }
.myp_info .mem_comment ~ .mem_channel { margin-top: 15px; }
.myp_info .comment_channel { margin-top: 15px; }
.myp_info .comment_channel.border-bottom, .myp_info .mem_item.border-bottom { padding-bottom: 15px;}
.myp_info .comment_channel.border-bottom ~ .mem_item {margin-top: 15px;}
.myp_info .comment_channel.border-bottom ~ .mem_item.d-none {margin-top: 0;}
.admin_info { margin-top: 15px; }
.mem_item.d-none ~ .admin_info { border-top: 1px dashed var(--default-border); padding-top: 15px; }

#my_items ~ .choices__list--multiple { display: flex; gap: 5px 3px; flex-wrap: wrap; }
#my_items ~ .choices__input { width: 100% !important; }

@media (max-width:1600px){
    .my-profile-sec h4.text-title { font-size: 16px; }
    .my-profile-sec .info-text h4.text-title { font-size: 14px; }
    .my-profile-sec .btn-myp-edit i { font-size: 20px; }
    .my-profile-sec .followBtnBox button { padding: 2px 6px; font-size: 12px; }
    #chgGradeDone { margin-top: 0 !important; }
}

@media (max-width: 1440px){
    .my-profile-sec .followBtnBox button { font-size: 10px; }
}

@media (max-width: 1200px){
    .my-profile-sec h4.text-title { font-size: 20px; }
    .my-profile-sec .info-text h4.text-title { font-size: 30px; }
    .my-profile-sec .btn-myp-edit i { font-size: 30px; }
    .my-profile-sec .info-text div:not(:last-child) { margin-right: 20px; padding-right: 20px; }
}

@media (max-width:575px){
    .myp_info { padding: 15px; }
    .my-profile-edit { width: 100%; height: auto; aspect-ratio: 1/1; }
    .main-profile-info { text-align: center; }
    .post-date { width: 100%; font-size: 12px; }
    .order-list-title { width: 80%; }
    .flex-wrap-m { flex-wrap: wrap; }
    #myTab .nav-link { font-size: 14px; }
    .member_info .myp_profile > div:first-child { text-align: center; }
    .member_info .container-fluid > .row > div.col-12 { padding-left: 0; padding-right: 0; }
    .myp-edit .myp-btn-wrap { gap: auto; justify-content: space-between !important; }
    .myp-edit .btn.btn-w-sm { min-width: 30%; text-wrap: nowrap; padding-left: 0; padding-right: 0; }
    .myp-edit .col-xl-12 .col-md-6 { padding-left: 0; padding-right: 0; }
    .my-profile-sec .followBtnBox { position: absolute; bottom: 0; right: 0; }
    .my-profile-sec .followBtnBox button { font-size: 14px; }
    .m-justify-center { justify-content: center !important; }
    .m-align-center { align-items: center !important; }
    .main-profile-info { padding-bottom: 50px; padding-left: 0; }
    #myTabContent { min-height: 500px; }
    .chgPassword_box { flex-wrap: wrap; }
    #point-tab-pane thead { display: none; }
    #point-tab-pane tbody tr { display: flex; padding: 5px; width: 100%; flex-wrap: wrap; }
    #point-tab-pane tbody tr:not(:last-child) { margin-bottom: 10px; border-bottom: 1px dashed #ddd; padding-bottom: 10px; }
    #point-tab-pane tbody td:first-child { padding-top: 0; }
    #point-tab-pane tbody td { background: transparent; width: 100%; padding-bottom: 0; padding-top: 5px; border: none; }
    #point-tab-pane tbody td span { display: inline-block; width: 100px; }
    #nickname-tab-pane table tr th:nth-child(1) { width: 60px; }
    #nickname-tab-pane table tr td:nth-child(2) { max-width: 140px; word-break: break-all; white-space: wrap; }
    #nickname-tab-pane table tr th:nth-child(3) { width: 100px; }
    #nickname-tab-pane table tr td:nth-child(3) { text-wrap: wrap; font-size: 10px; }
    #followers-tab-pane .col-6:nth-child(odd), #following-tab-pane .col-6:nth-child(odd) { padding-left: 5px; }
    #followers-tab-pane .col-6:nth-child(even),  #following-tab-pane .col-6:nth-child(even) { padding-right: 5px; }
    #followers-tab-pane .card, #following-tab-pane  .card { margin-bottom: 10px; }
    #gallery-tab-pane .row div[class^=col-]:nth-child(odd) { padding-left: 5px; padding-right: 5px; }
    #gallery-tab-pane .row div[class^=col-]:nth-child(even) { padding-left: 5px; padding-right: 5px; }
    #gallery-tab-pane .row div[class^=col-] a { margin-bottom: 10px; }
    #order-tab-pane .card-header, #groupbuy-tab-pane .card-header { padding: .5rem !important; }
    #order-tab-pane .card-header .avatar.avatar-lg, #groupbuy-tab-pane .card-header .avatar.avatar-lg { width: 5rem; height: 5rem; }
    #activity-tab-pane .profile-timeline li { border-bottom: 1px dashed #eee; padding-bottom: 10px; margin-block-end: 10px !important; }
    #activity-tab-pane .profile-timeline li::before { inset-inline-start: 1.25rem; display: none; }
    #activity-tab-pane .profile-timeline li > div:first-child a { width: 80% !important; }
    #activity-tab-pane .profile-timeline li > div:first-child { position: relative; }
    #activity-tab-pane .profile-timeline li > div:first-child .post-date { position: absolute; bottom: -15px; left: calc(40px + .5rem); }
    #activity-tab-pane .post_btn_wrap { justify-content: space-between; margin-top: 15px; }
    #activity-tab-pane .profile-timeline p { font-size: 14px; }
    #activity-tab-pane .profile-timeline .badge { font-size: 14px; }
}

/* 주문 상세 */
.order_detail_cont .cart-item-list .cart-item .cart-item-main { padding-left: 15px; }
.order_detail_cont .cart-item-list .cart-item .cart-add-option { width: 30%; position: relative; }
.order_detail_cont .cart-item-list .cart-item .cart-add-option .chg_btn { position: absolute; right: 5px; top: 5px; padding: 3px 5px; font-size: 13px; }
.order_detail_cont .cart-item-list .cart-item .cart-item-count { color: var(--text-muted); }
.order_detail_cont .cart-item-list .cart-item .cart-item-count:before { content: '/'; margin: 0 5px; }
.order_detail_cont .cart-item-list .cart-item .cart-item-status { width: 15%; text-align: center; flex-shrink: 0;}
.order_detail_cont .cart-item-list .cart-item .cart-item-status p { margin-top: 5px; border-top: 1px solid var(--default-border); padding-top: 5px; margin-bottom: 0; color: var(--text-muted); font-size: 14px; font-weight: 400; }
.order_detail_cont .cart-item-list .cart-item .cart-item-status p span { font-size: 12px; display: block; }
.order_detail_cont .cart-item-list .cart-item .cart-item-status b { font-size: 16px; white-space: nowrap; }
.order_detail_cont .cart-item-list .deli_code_all { padding: 0 .5rem; height: 30px; line-height: 27px; }
.order_detail_cont .cart-item-list .cart-item .cart-item-status b + span { display: block; font-size: 14px; color: var(--text-muted); margin-top: 5px; line-height: 1.2; border-top: 1px solid var(--default-border); padding-top: 5px; }
.order_detail_cont .cart-item-list .cart-item .cart-item-status b + span a { color: var(--text-muted); }
.order_detail_cont .cart-item-list .cart-item .cart-item-status .badge { font-size: 12px; font-weight: 400; display: block; width: max-content; margin: 0 auto; }
.order_detail_cont .cart-item-list .cart-item .cart-item-status .badge:focus, .order_detail_cont .cart-item-list .cart-item .cart-item-status .badge:active { color: #fff; }
.order_detail_cont .cart-item-list .cart-item .cart-item-status .deli_code_box > div { display: flex; gap: 5px; }
.order_detail_cont .cart-item-list .cart-item .cart-item-status .deli_code_box a { width: 100%; margin-top: 5px; }
.order_detail_cont .cart-item-list .cart-item .main-option .cart-add-option { background: #f3effc; }
.order_detail_cont .cart-item-list .cart-item .add-option .cart-add-option { background: #f7f9fa; }
.order_sum div { text-align: center; }
.order_sum div.d-flex > div { flex: 1 1 auto; }
.order_sum div.d-flex > div:not(:first-child) { border-left: 1px dashed #dedede; }
.order_sum p { font-size: 16px; margin-bottom: .5rem; }
.order_sum p ~ span { font-size: 20px; font-weight: 600; }
.order_sum .sum_price { border-left: none !important; position: relative; }
.order_sum .sum_price:before { content: '='; font-size: 30px; display: block; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); color: var(--text-muted); }
.order_sum .sum_price p { font-size: 16px; margin-bottom: 0; }
.order_sum .sum_price p ~ span { font-size: 20px; font-weight: 700; }

.order_detail_cont .order_info_title { font-weight: 600; font-size: 16px; color: rgb(var(--primary-rgb)); }
.order_detail_cont .order_info .card-body p span, .order_detail_cont .order_status .card-body p span { font-size: 14px; font-weight: 500; color: var(--default-text-color); margin-right: 10px; }
.order_detail_cont .order_info .card-body p, .order_detail_cont .order_status .card-body p { font-weight: 400; color: var(--text-muted); margin-bottom: 10px; }
.order_detail_cont .order_info .card-body > div:not(:first-child) { padding-top: .5rem; }
.order_detail_cont .order_info .card-body { padding-bottom: .5rem; }
.order_detail_cont .order_info .card-body > div:first-child { padding-bottom: .5rem; }

.order_detail_cont.admin .cart-header { display: flex; align-items: center; justify-content: space-between; }
.order_detail_cont.admin .cart-item-list .cart-item .cart-item-status { padding: 0; }
.order_detail_cont.admin .cart-item-list .cart-item .cart-item-status select { padding: 5px 10px; background-position: right 5px center !important; }
.order_detail_cont.admin .cart-item-list .cart-item .cart-item-status input { padding: 5px 10px; }
.order_detail_cont.admin .cart-item-list .cart-item .cart-item-status > div { padding: .75rem; } 
.order_detail_cont.admin .cart-item-list .cart-item .cart-item-status > div:first-child { display: flex; gap: 5px; justify-content: center;  flex-wrap: wrap; }
.order_detail_cont.admin .cart-item-list .cart-item .cart-item-status > div:first-child + p { color: var(--text-muted); margin-bottom: 0; font-size: 12px; }
.order_detail_cont.admin .cart-item-list .cart-item .cart-item-status > div:first-child select { width: 100%; }
.order_detail_cont.admin .cart-item-list .cart-item .cart-item-status { width: 10%; }
.order_detail_cont.admin .cart-item-list .cart-item .cart-item-status + td { width: 13%; }
.order_detail_cont.admin .cart-item-list .cart-item .cart-item-status span { display: block; color: var(--text-muted); font-size: 14px; margin-bottom: 5px; }
.order_detail_cont.admin .cart-item-list .cart-item .deli_code_box select + input { margin-top: 5px; }

@media (min-width: 1200px){
    .groupbuy_order, .product_order { border: 1px solid var(--default-border); }
    .groupbuy_order:last-of-type { border-top: none; }
    .groupbuy_cont, .product_cont { position: relative !important; }
    .groupbuy_cont .col-xl-9 { width: 70%; }
    .groupbuy_cont .col-xl-3 { width: 30%; }
    .groupbuy_cont .col-xl-3, .product_cont .col-xl-4 { position: sticky; position: -webkit-sticky; top: calc(60px + 1rem); align-self: flex-start; }
}

@media (max-width: 1200px){

    .product_order tbody { border: 1px solid var(--default-border); border-radius: .3rem; overflow: hidden; }
    .product_order tbody:not(:last-child) { margin-bottom: 1rem; }
    .product_order tbody tr:nth-child(1) { flex-wrap: nowrap; }
    .product_order thead th:nth-child(2), .product_order tbody tr:nth-child(1) td:nth-child(2), .product_order tbody tr.product_order_option td:nth-child(2) { display: none; }
    .product_order .product_order_sum td:nth-child(2) { display: none; }
    .product_order tbody tr:nth-child(1) td:nth-child(3), .product_order tbody tr.product_order_option td:nth-last-child(2) { flex-grow: 1; text-align: right !important; }
    .product_order thead th:last-child, .product_order tbody tr:nth-child(1) td:last-child, .product_order tbody tr.product_order_option td:last-child { text-align: right !important; padding-left: 0; font-weight: 600; }
    .product_order tbody tr.product_order_sum td:first-child { flex-grow: 1; }
    
    .groupbuy_cont .groupbuy_info:not(.groupbuy_price) { table-layout: fixed; }
    .groupbuy_cont .groupbuy_info:not(.groupbuy_price) th { width: 120px !important; }
    
    /* table.groupbuy_price td { flex: 1 1 auto; } */

    /* 제품구매 상세 */

    .order_detail_cont .cart-item-list .cart-item tr { position: relative; }
    .order_detail_cont .cart-item-list .cart-item .cart-add-option { width: 100% !important; height: auto; padding: 10px 5px; gap: 5px; position: relative; flex-wrap: wrap; }
    .order_detail_cont .cart-item-list .cart-item .cart-add-option b { margin-bottom: 0; white-space: nowrap; }
    .order_detail_cont .cart-item-list .cart-item .cart-item-sum { background: transparent !important; font-size: 14px; width: auto; height: auto; flex-grow: 1; padding-right: 0; padding-bottom: 0; justify-content: flex-start; border-radius: 0 !important; padding-top: 0; z-index: 11; margin-top: -1px; }
    .order_detail_cont .cart-item-list .cart-item .cart-item-count { position: absolute; white-space: nowrap; color: var(--default-text-color); left: 0; top: 100%; width: auto; height: auto; line-height: 1.462; padding-left: 10px; z-index:11; }
    .order_detail_cont .cart-item-list .cart-item .cart-item-count:before { display: none; }
    .order_detail_cont .cart-item-list .cart-item .cart-item-count:after { content: '/'; margin-left:5px; margin-right: -5px; color: var(--default-text-color); }
    .order_detail_cont .cart-item-list .cart-item .cart-item-status { flex-direction: row-reverse; gap: 5px; padding: 0 10px 10px 0; height: max-content; align-items: flex-end; justify-content: flex-start; width: 100% !important; order: 5; border-radius: 0 0 5px 5px !important; margin-top: -22px; z-index: 10; }  
    .order_detail_cont .cart-item-list .cart-item .cart-item-status p { border-top: none; padding-top: 0; text-align: right; margin-top: 0; font-size: 12px; }
    .order_detail_cont .cart-item-list .cart-item .cart-item-status p span { display: inline; }
    .order_detail_cont .cart-item-list .cart-item .cart-item-status b { white-space: nowrap; font-size: 14px; }
    .order_detail_cont .cart-item-list .cart-item .cart-item-status a { font-size: 12px;  }
    .order_detail_cont .cart-item-list .cart-item .cart-item-status .deli_ing_code { display: block; background-color: rgb(var(--dark-rgb)); color: #fff; border-radius: 30px; padding: 2px 10px; font-size: 12px; margin-top: 0; }
    .order_detail_cont .cart-item-list .cart-item .cart-item-status .deli_ing_code a { color: #fff; }
    .order_detail_cont .cart-item-list .cart-item .cart-item-status .badge { margin: 0 0 0 5px; }
    .order_detail_cont .cart-item-list tr.main-option td:not(.cart-item-main) { background:#f3effc; }
    .cart_cont .order_sum > div { flex-wrap: wrap; }
    .cart_cont .order_sum .sum_price { width: 100%; margin-top: 30px; }
    .cart_cont .order_sum .sum_price p { font-size: 20px; }
    .cart_cont .order_sum .sum_price span { font-size: 24px !important; }
    .cart_cont .order_sum .sum_price:before { content: ''; }
    
    .order_detail_cont.admin .cart-item-list .cart-item .cart-add-option {  padding-bottom: .75rem; border-radius: 5px 5px 0 0 !important; }
    .order_detail_cont.admin .cart-item-list .cart-item .cart-item-status { flex-direction: column; justify-content: flex-end; position: static; padding: 0 10px 10px; height: auto; border-radius: 0 0 5px 5px; margin-top: -22px; }
    .order_detail_cont.admin .cart-item-list .cart-item .cart-item-status + td { width: 100%; order: 6; }
    .order_detail_cont.admin .cart-item-list .cart-item .deli_code_box { width: 100%; display: flex; gap: 5px; }
    .order_detail_cont.admin .cart-item-list .cart-item .deli_code_box select +input { margin-top: 0; }
    .order_detail_cont.admin .cart-item-list .cart-item .add-option .cart-item-status { background: #f7f9fa !important; }
    .order_detail_cont.admin .cart-item-list .cart-item .cart-item-status.ord_cancel { padding-top: 30px; }
    .order_detail_cont.admin .cart-item-list .cart-item .cart-item-status.ord_cancel > div:first-child { justify-content: flex-end; flex-wrap: wrap; }
    .order_detail_cont.admin .cart-item-list .cart-item .cart-item-status.ord_cancel > div:first-child p { width: 100%; }
    .order_detail_cont.admin .cart-item-list .cart-item .cart-item-status > div:first-child { padding: 0; border-bottom: none; }
    .order_detail_cont.admin .cart-item-list .cart-item .cart-item-status > div:first-child select { width: 120px; padding: 5px 10px; display: inline-block; }
    .order_detail_cont.admin .cart-item-list .cart-item .cart-item-status .deli_code_box { display: flex; align-items: center; gap: 5px; padding: 0; justify-content: flex-end; }
    .order_detail_cont.admin .cart-item-list .cart-item .cart-item-status .deli_code_box span { display: none; }
    .order_detail_cont.admin .cart-item-list .cart-item .cart-item-status .deli_code_box div { align-items: center; flex-wrap: nowrap !important; }
    .order_detail_cont.admin .cart-item-list .cart-item .cart-item-status .deli_code_box select,
    .order_detail_cont.admin .cart-item-list .cart-item .cart-item-status .deli_code_box input { width: 30%; padding: 5px 10px; flex-grow: 1 !important; }
    .order_detail_cont .cart-item-list .cart-item .cart-item-status .deli_code_box a { width: auto; margin-top: 0; }

    .order_detail_cont > div[class^='col-'] > .row { margin-left: 0; margin-right: 0; }
    .order_detail_cont .price-card .card-body { padding: .75rem; }

    /* 공동구매 상세 */
    .groupbuy_order { table-layout: auto; }
    .groupbuy_order thead th { padding-top: 5px; padding-bottom: 5px; }
    .groupbuy_order thead th:nth-child(n+2), .groupbuy_order tbody tr td:nth-child(n+2) { padding-left: 0; }
}

@media (max-width: 767px){
    .groupbuy_order .brand_name { background: transparent; color: var(--text-muted); font-size: 14px !important; padding: 0; font-weight: 500; }
    .groupbuy_order thead { display: none; }
    .groupbuy_order tbody { display: block; padding: 10px; border-color: transparent; position: relative; }
    .groupbuy_order tr { display: flex; align-items: center; border-radius: 5px; }
    .groupbuy_order tr td:first-child { width: 70%; }
    .groupbuy_order tbody::before { color: #fff; padding: 3px 7px 1px; border-radius: 30px; font-size: 12px; font-weight: 500; margin-bottom: 5px; display: inline-block; }
    .groupbuy_order:first-child tbody::before { content:'공동구매 상품'; background: rgb(var(--primary-rgb)); }
    .groupbuy_order:last-child tbody::before { content:'추가 구매옵션'; background: rgb(var(--dark-rgb),0.7); }
    .groupbuy_order:first-child tr { background: var(--primary01) !important; }
    .groupbuy_order:last-child tr { background: rgb(var(--light-rgb)) !important; }
    .groupbuy_order:last-child tr:first-child { margin-bottom: 10px; }
    .groupbuy_order tr td:nth-child(2) { display: none; }
    .groupbuy_order tr td:nth-child(3) { flex-grow: 1; padding-right: 0; }
    .groupbuy_order tr td:nth-child(3)::after { content: '/'; margin: 0 5px; }
    .groupbuy_order tr td:last-child { width: auto !important; font-weight: 600; }
    .groupbuy_order tr td:not(:first-child) { text-align: right !important; }
    .groupbuy_order tr td { background: transparent !important;  }

    .groupbuy_price_wrap { overflow-x: auto; padding-bottom: 5px; }
    .groupbuy_price_wrap::-webkit-scrollbar { height: 5px; border-radius: 5px; background: var(--primary02); }
    .groupbuy_price_wrap::-webkit-scrollbar-thumb { border-radius: 5px; background-color: var(--primary05); }
    .groupbuy_price td { white-space: nowrap; }
}

@media (max-width: 575px){
    .order_name { font-size: 14px; }
    .order_name .brand_name { font-size: 12px !important; }
    .groupbuy_order .brand_name { font-size: 14px !important; }
    .order-detail-m th, .order-detail-m td { padding: .25rem; }
    .order_status { padding-left: 0; padding-right: 0; }
    .order_sum:not(.groupbuy_sum) > div { flex-wrap: wrap; }
    .order_sum:not(.groupbuy_sum) .sum_price { width: 100%; margin-top: 1rem; }
    .order_sum:not(.groupbuy_sum) .sum_price::before { display: none; }
    .order_sum:not(.groupbuy_sum) p { font-size: 16px;}
    .order_sum:not(.groupbuy_sum) p ~ span { font-size: 18px; }
    .order_sum:not(.groupbuy_sum) .sum_price p { font-size: 20px; }
    .order_sum:not(.groupbuy_sum) .sum_price p ~ span { font-size: 24px; }
    .groupbuy_sum p { font-size: 14px; }
    .groupbuy_sum p ~ span { font-size: 16px; }
    .groupbuy_sum p ~ span i { display: none; }
    .groupbuy_sum div:nth-child(2) { position: relative; }
    .groupbuy_sum div:nth-child(2) span::before { content: "+"; background: rgb(var(--success-rgb)); width: 20px; height: 20px; line-height: 18px; border-radius: 50%; color: #fff; font-size: 20px; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); }
    .groupbuy_sum div.d-flex > div:not(:first-child) { border-left: none; }
    .groupbuy_sum .sum_price { flex-grow: 2; border-top: 1px dashed #ddd; margin-top: 15px !important; padding-top: 15px; }
    .groupbuy_sum .sum_price:before { content: ''; }
    .product_order tbody tr:nth-child(1) td:last-child, .product_order tbody tr.product_order_option td:last-child { width: 100px; }
    .product_order .avatar.avatar-xxl, .groupbuy_order .avatar.avatar-xxl { width: 3.5rem; height: 3.5rem; }
    .product_order tbody tr.product_order_sum td { font-size: 14px; }

    .groupbuy_order tr { flex-wrap: wrap; }
    .groupbuy_order tr td:first-child { width: 100%; padding-bottom: 0; } 
    .groupbuy_order tr td:nth-child(n+3) { padding-top: 5px; } 


    .order_detail_cont > div[class^="col-"] { padding-left: 0; padding-right: 0; }
    .order_detail_cont .cart-item-list .cart-item { gap: 5px; }
    .order_detail_cont .card.cart-item-list .cart-item-link { margin-bottom: 5px; }
    .order_detail_cont .cart-item-list .cart-item .cart-item-status { flex-direction: column; justify-content: flex-end; align-items: flex-end !important;  }  

    .order_detail_cont.admin .cart-item-list tr td.cart-add-option p { padding-right: 0; }
    .order_detail_cont.admin .cart-item-list .cart-item .cart-item-status .deli_code_box { width: 100%; flex-wrap: wrap; margin: 0; }
    .order_detail_cont.admin .cart-item-list .cart-item .cart-item-status .deli_code_box div { flex-wrap: wrap !important; width: 100%; }
    .order_detail_cont.admin .cart-item-list .cart-item .cart-item-status .deli_code_box select { width: 40%; }
    .order_detail_cont.admin .cart-item-list .cart-item .cart-item-status .deli_code_box input { width: calc(60% - .5rem); padding: 5px 10px; }
    .order_detail_cont .cart-item-list .cart-item .cart-item-status .deli_code_box a { width: 100%; }
    .order_detail_cont .cart-item-list .cart-item .cart-add-option .chg_btn { font-size: 12px; padding: 2px 5px; }
}

/* 오픈정보 */
.open-img { height: 220px; border-radius: 10px; background: #f9f9f9 no-repeat center center/contain; position: relative; border: 1px solid #eee; }
.open-text .open-cont { width: 100%; padding-right: 10%; font-size: 14px; font-weight: 300; margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--default-border); }
.open-thumbs .swiper-wrapper { transform: none !important; }
.avatar-thumb { width: 20rem; height: 20rem; background: var(--black-1) no-repeat center center/cover; }
.avatar-thumb .avatar-badge { width: 3rem; height: 3rem; font-size: 1.2rem; }
.avatar-thumb .avatar-badge.rounded-pill { display: block; padding: 0; text-align: center; line-height: 3rem; }
.avatar-thumb .avatar-badge.rounded-pill input[type="file"] { left: 0; top: 0; }
.number-type { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.add-img { gap: 15px;}
.add-img > div { width: 15%;}
.add-img .avatar-thumb { width: 100%; height: auto; aspect-ratio: 1/1;}
.must:not(.input-group-text):not(.form-label) { margin-left: 5px; color: rgb(var(--primary-rgb)); font-weight: bold; font-size: 18px; vertical-align: -2px; }
.input-group-text.must:after, .form-label.must:after { content: '*'; color: rgb(var(--primary-rgb)); font-weight: bold; margin-left: 5px; }
.open-list { margin-bottom: 10px !important; }
.open-list .open-info p:not(:last-child) { font-size: 14px; font-weight: 400; }
.open-list .open-info p:nth-child(3) .badge { padding: 5px 10px 4px; vertical-align: 1px; }
.open-list .open-info p:nth-child(3) .badge:hover { background-color: rgba(var(--primary-rgb), 0.3) !important; color: rgb(var(--primary-rgb)); }
.open-list .card-body > div:not(:last-child) { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px dashed var(--primary02); }
#map_open_info { border: 1px solid #ddd; border-radius: 10px; }
.open-link { position: relative; cursor: pointer; word-break: break-all; }
.open-details-page .swiper-slide { object-fit: cover; min-height: 100%; aspect-ratio: 16/9; }
.open-details-page .swiper-slide a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; height: 100%; }
.open-view-cont { font-size: 16px !important; background: rgba(0,0,0,0.03); padding: 20px; border-radius: 10px; }
/* .open-details-page .swiper-wrapper { aspect-ratio: 1/1; } */
/* .open-details-page .swiper-wrapper a { width: 100%; height: 100%; align-items: center; justify-content: center; }
.open-details-page .swiper-wrapper img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; } */
.navbar-toggler { background: rgb(var(--primary-rgb)); color: #fff !important; padding: .4rem .6rem !important; }
.navbar-toggler span { font-size: 12px; vertical-align: 1px; }
.navbar-toggler span.navbar-open { display: none; }
.navbar-toggler.collapsed span.navbar-open { display: inline-block; }
.navbar-toggler.collapsed span.navbar-close { display: none; }
#open_cate .form-check:hover { background: var(--primary01); }
#open_cate .form-check-label, #products_nav .form-check-label { font-size: 15px; font-weight: 400; }
.open_info { font-size: 14px; }
.open_info + a { display: block; width: max-content; }
.open_info + a span { vertical-align: 2px; }
.open-write .form-label { font-size: 15px; }
.open-details-page .swiper-slide img { object-fit: contain; -o-object-fit: contain; }

/* 배너 */
.swiper-banner .swiper-slide { width: calc(20% - 7.5px) !important; height: 300px; overflow: hidden; border-radius: 10px; transition: width 1s; }
.swiper-banner .swiper-slide .swiper-txt { display: flex; flex-direction: column; justify-content: flex-end; padding: 1rem; width: 100%; height: 100%; background: linear-gradient(transparent 60%, rgba(0,0,0,0.7)); position: absolute; left: 0; top: 0; opacity: 0; }
.swiper-banner .swiper-slide .swiper-txt h4 { color: #fff; font-size: 24px; font-weight: 500; opacity: 0; transform: translateY(10px);}
.swiper-banner .swiper-slide .swiper-txt p { margin-bottom: 0; color: #fff; font-size: 16px; opacity: 0; transform: translateY(10px);}
.swiper-banner .swiper-slide a { display: block; height: 100%; width: 100%; }
.swiper-banner .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.swiper-banner .swiper-slide.on { width: calc(40% - 7.5px) !important;  }
.swiper-banner .swiper-slide.on .swiper-txt, .swiper-banner .swiper-slide:hover .swiper-txt { opacity: 1; }
.swiper-banner .swiper-slide.on .swiper-txt h4 { opacity: 1; transform: translateY(0);  transition: all .5s .5s; }
.swiper-banner .swiper-slide:hover .swiper-txt h4 { opacity: 1; transform: translateY(0);  transition: all .5s; }
.swiper-banner .swiper-slide.on .swiper-txt p { opacity: 0.8; transform: translateY(0);  transition: all .5s .7s; }
.swiper-banner .swiper-slide:hover .swiper-txt p { opacity: 0.8; transform: translateY(0);  transition: all .5s .2s; }


@media (max-width: 991.98px) {
    .main_promotion_sec .swiper-slide, .compare-list .swiper-slide { width: calc(25% - 7.5px) !important; height: 200px; }
    .main_promotion_sec .swiper-slide.on, .compare-list .swiper-slide.on { width: calc(50% - 7.5px) !important;  }
}

@media (max-width: 767px) {
    .add-img > div { width: 20%;}
    .add-img .avatar-thumb .avatar-badge { width: 2.3rem; height: 2.3rem; font-size: 1rem; line-height: 2.3rem; }
    .open-view-cont { font-size: 14px !important; padding: 15px; }
    .open-detail-cont .open-title { font-size: 20px !important; padding-right: 10px; }
    .open-detail-cont > div:last-child span { padding: 5px 12px !important; font-size: 14px !important; text-wrap: nowrap; }
    .open-container .banner, .youtube-sec .banner { display: none; }

}

@media (max-width: 575px){
    /* .open-text, .open-text h5 { text-align: center; } */
    .open-text { padding-left: 0; padding-right: 0; }
    .open-text .open-cont { width: 100%; padding-right: 0; }
    .open-write .card-footer { justify-content: center !important; }
    .avatar-thumb { width: 100%; height: auto; aspect-ratio: 1/1; }
    .add-img { gap: 20px; flex-wrap: wrap; }
    .add-img > div { width: calc(50% - 15px);}
    .open-detail-cont { flex-direction: column;} 
    .open-details-page .swiper-slide { aspect-ratio: 4/3; }
    #map_open_info { height: 250px !important; }
    .navbar-open, .navbar-close { text-wrap: nowrap; }
    #open_cate .form-check-label, #products_nav .form-check-label { font-size: 14px; }

    .main_promotion_sec .swiper-slide, .compare-list .swiper-slide { width: calc(20% - 5px) !important; height: 200px; }
    .main_promotion_sec .swiper-slide.on, .compare-list .swiper-slide.on { width: calc(80% - 5px) !important; }
}

/* 게시글 관리 규정 모달 */
#provisionModal .list-group { margin-bottom: 20px; }
#provisionModal .list-group .list-group { margin-left: 15px; }
#provisionModal .list-group-item { border: none !important; padding: .5rem 0 0; }

/* 신고 접수 모달 */
#reportModal #reportCont { height: 150px; }

@media (max-width: 575px){
    #reportModal .modal-body { width: 80% !important; }
}

/* 유튜브 */
.youtube-sec .post-container { gap: 1.5rem 0; position: relative; }
.youtube-sec .page-header-breadcrumb { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
/* .youtube-sec .post-container p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 24px; } */
.youtube_channel_thumb { width: 4rem; height: 4rem; margin-bottom: 5px; border-radius: 50%; display: inline-block; overflow: hidden; border: 1px solid #ddd; }
.youtube-channel-thumb img { object-fit: cover; }
#yt_cate > div { max-height: 87vh; overflow-y: auto; display: flex; flex-wrap: wrap; }
#yt_cate .channel-list { display: inline-block; width: 33%; margin: 0 0.22% 1% 0; }
#yt_cate .channel-list:nth-of-type(3n) { margin: 0 0 1%;  }
#yt_cate .channel-list .form-check { padding-left: 0;}
#yt_cate .channel-list .form-check-label { padding: 5px; border-radius: 10px; display: flex; flex-direction: column; align-items: center; font-size: 11px; color: var(--text-muted); text-align: center; word-break: keep-all;}
#yt_cate .channel-list input:checked ~ .form-check-label .youtube_channel_thumb { border: 3px solid rgb(var(--primary-rgb)); }
#yt_cate .channel-list input:checked ~ .form-check-label { background: var(--primary01); font-weight: bold; color: rgb(var(--primary-rgb)); }

.yt_main { padding: 0; margin-block-end: 0 !important; }
.yt_main .tit h6 { font-size: 24px; color: rgb(var(--primary-rgb)); }
.yt_main .tit h4 { font-size: 32px; font-weight: 600; }
.yt_main .recommend, .yt_main .now_hot { padding: 1.5rem; display: flex;  justify-content: space-between; align-items: center; gap: 20px; }
.yt_main .recommend .tit { text-align: center; width: 30%; }
.yt_main .recommend .tit p { font-size: 14px; margin-top: .5rem; padding-top: .5rem; border-top: 1px solid var(--default-border); color: var(--text-muted); }
.yt_main .recommend a { display: block; width: max-content; font-size: 14px; color: #fff; border: none; background: rgb(var(--primary-rgb)); padding: 3px 10px; border-radius: 30px; margin: 10px auto 0; }
.yt_main .recommend iframe { flex-grow: 1; border-radius: 10px; aspect-ratio: 16/9; width: 100%; height: 100%; }
.yt_main .shorts { padding: 1.5rem; background: rgb(var(--primary-rgb),0.05); display: flex; align-items: center; justify-content: space-between; }
.yt_main .shorts iframe { aspect-ratio: 9/16; border-radius: 10px; width: calc(33% - .5rem); }
.yt_main .swiper-scrollbar { width: 100% !important; background: rgb(var(--primary-rgb),0.2) !important; left: 0; }
.yt_main .swiper-scrollbar-drag { background: rgb(var(--primary-rgb),0.8) !important;}
.yt_main .now_hot .tit { text-align: center; width: 20%; }
.yt_main .hot_vid { flex-grow: 1; display: flex; justify-content: space-between; gap: 1rem; }
.yt_main .hot_vid iframe { aspect-ratio: 16/9 !important; width: 100%; border-radius: 10px; flex: 1 0 0 ; }
#div_channel_list .form-check { display: flex; }
.show_channel { width: max-content; display: block; float: right; }

@media (max-width: 1200px){
    #yt_cate > div { max-height: max-content; }
    .youtube-sec .list-sticky { padding-left: 0; padding-right: 0; }
    #yt_cate .channel-list { width: 8%; margin: 1%; }
    #yt_cate .channel-list:nth-of-type(3n) { margin: 1%;  }
}

@media (max-width: 991.98px){
    .youtube-sec .post-container p { top: 10%; }
    .yt_main .recommend, .yt_main .now_hot { flex-direction: column; }
    .yt_main .recommend .tit { width: 100%; display: flex; align-items: center; flex-wrap: wrap; width: 100%; justify-content: center; }
    .yt_main .recommend .tit div { margin-right: 1rem; padding-right: 1rem; border-right: 1px solid var(--default-border); }
    .yt_main .recommend .tit p  { max-width: 30%; margin-top: 0; padding-top: 0; border-top: none; text-align: left; margin-bottom: 0; }
    .yt_main .recommend .tit a  { margin: 5px 0 0; }
    .yt_main .shorts { padding: 1rem; }
    #yt_cate .channel-list { width: 14.6%; margin: 1%; }
    #yt_cate .channel-list:nth-of-type(3n) { margin: 1%;  }
}

@media (max-width: 575px){
    .youtube-sec .col-12 { padding-left: 0; padding-right: 0; }
    .yt_main .tit h6 { font-size: 16px; margin-bottom: 5px; }
    .yt_main .tit h4 { font-size: 24px; margin-bottom: 0; }
    .yt_main .recommend, .yt_main .now_hot { padding: 1rem; }
    .yt_main .recommend .tit { flex-direction: column; }
    .yt_main .recommend .tit div { margin-right: 0; padding-right: 0; border-right: none; }
    .yt_main .recommend .tit p { width: 100%; max-width: 100%; margin-top: .5rem; padding-top: .5rem; border-top: 1px solid var(--default-border); text-align: center; }
    .yt_main .recommend .tit a  { margin: 5px auto 0; }
    .yt_main .shorts iframe { width: calc(50% - .5rem); }
    .yt_main .shorts iframe:nth-child(n+3) { display: none; }
    .yt_main .now_hot .tit { width: 100%; }
    .yt_main .hot_vid { flex-direction: column; gap: .5rem; width: 100%; }

    #yt_cate .channel-list { width: 31.3%; margin: 1%; }
    #yt_cate .channel-list:nth-of-type(3n) { margin: 1%;  }
}

/* 관리메뉴 - 회원현황 */
.table-member-wrap table { overflow-x: auto;  }
.table-member-wrap table tr:hover td, .bank-account-set table tr:hover td, .table-report-wrap table tr:hover td { background: rgba(var(--primary-rgb), 0.06); }
.table-member-wrap thead th, .table-report-wrap thead th, .table-order-wrap thead th, .bank-account-set thead th { background-color: var(--primary02); text-align: center; }
.table-member-wrap tbody td, .table-report-wrap tbody td, .table-order-wrap tbody td { text-align: center; }
.table-member-wrap .memlist-check { position: relative; z-index: 100; }
.table-member-wrap-mo, .table-report-wrap-mo { display: none; }

@media (max-width: 991.98px){
    .client-sorting { order: 1; }
    .client-search { order: 2; }
    .table-member-wrap-pc, .table-report-wrap-pc { display: none; }
    .table-member-wrap-mo,.table-report-wrap-mo { display: block; }
    .table-member-wrap-mo input, .memlist-check-all,.table-report-wrap-mo input, .report-check-all { width: 1.5rem; height: 1.5rem; }
    .table-member-wrap-mo .table-member-list, .table-order-wrap-mo .table-order-list, .table-report-wrap-mo .table-report-list, .table-order-wrap-mo .table-order-list { display: flex; align-items: center; margin: 15px; padding: 20px; gap: 15px; position: relative; border-radius: 0.5rem; background-color: rgba(0,0,0,0.03); }
    .table-member-wrap-mo .table-member-list .avatar { height: 10rem; width: 10rem; line-height: 10rem; background: no-repeat center center/cover;}
    .table-member-wrap-mo .table-member-list .border-right,
    .table-order-wrap-mo .table-order-list .border-right,
    .table-report-wrap-mo .table-report-list .border-right { padding-right: 10px; margin-right: 10px; width: 70px; display: inline-block; }
    .table-report-wrap-mo .table-report-list { padding: 15px 20px; gap: 15px; position: relative; border-bottom: 1px solid var(--default-border); }
    .table-member-wrap-mo .table-member-list > span { width: 30px; }
    .table-member-wrap-mo .table-member-list .stretched-link { flex-grow: 1; }
    .table-member-wrap-mo .member-info { display: flex; flex-direction: column; flex-grow: 1; align-items: flex-start; width: 100%; }
    .table-member-wrap-mo .member-info > div:nth-child(2) { border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px; }
}

@media (max-width: 575px){
    .table-member-wrap-mo .table-member-list, .table-order-wrap-mo .table-order-list, .table-report-wrap-mo .table-report-list, .table-order-wrap-mo .table-order-list { margin: 7px; padding: 7px; }
    .table-member-wrap-mo .table-member-list .avatar { height: 6rem; width: 6rem; line-height: 6rem;}
    .table-order-wrap { overflow-x: scroll !important; -webkit-transform: translateZ(0); }
}

/* 관리메뉴 - 게시물신고현황 */
.table-report-wrap-pc table { table-layout: fixed; }
.table-report-wrap-pc table td a { display: block; }
#reportDetail th { font-weight: 700; color: rgb(var(--primary-rgb)); }
.table-report-wrap-mo .table-report-list a { display: block; font-size: 16px; font-weight: bold; }
.table-report-wrap-mo .table-report-list a.btn-more { position: absolute; right: 0; top: 0; margin: 10px 10px 0 0; }
tr.border-top-primary { border-top: 2px solid var(--primary03); border-bottom-color: transparent; }
.report-date label { width: 80px; }

@media (max-width: 991.98px){
    #frmFind { flex-wrap: wrap; }
    #frmFind .report-date { width: 80% !important; }
    #frmFind .report-date:not(:last-child) { margin-bottom: 10px; }
    .report-date { flex-wrap: wrap; gap: 10px; }
    .report-date > label.form-label { width: 100%; }
    .table-report-wrap-mo .table-report-list { flex-direction: column; align-items: flex-start; gap: 5px; font-size: 14px; }
    .table-report-wrap-mo .table-report-list a { font-size: 14px; font-weight: 400; }
    #modalSingoDetail .modal-header { padding: 1rem; }
    #modalSingoDetail .btn-close { font-size: 16px; }
    #frmFind .report-date { width: 100% !important; gap: 5px; }
}
/* 관리메뉴 - 주문현황 */
#ord_date_s, #ord_date_e, #report_date_s, #report_date_e { height: 30px; width: 120px; text-align: center; }
.table-order-wrap .order-status { color: rgb(var(--primary-rgb)); font-weight: bold; }
/* #deli-code, #sel-deli-com { height: 30px; font-size: 12px; padding: 0 5px; } */
.table-order-wrap-mo { display: none; }
.table-order-wrap table tbody:hover td { background: rgba(var(--primary-rgb), 0.06); }
.table-order-wrap td { height: 60px; }
.table-order-wrap td[class^="bg"] { font-weight: 700; }

.admin_orderlist .card { overflow: hidden; }
.admin_orderlist table { table-layout: fixed; }
.admin_orderlist table thead th, .admin_orderlist table tbody td { font-size: 14px; padding-top: 5px; padding-bottom: 5px; }
.orderlist-title { word-break: break-all; margin-bottom: 0; font-weight: 600; white-space: normal; }
.orderlist-title .orderlist-brand { display: block; color: var(--text-muted); font-weight: 400; }
.orderlist-title span { font-weight: 400; }
.admin_orderlist table thead th:nth-child(1) { width: 50px; }
.admin_orderlist table thead th:nth-child(2) { width: 200px; }
.admin_orderlist table tbody tr td p.orderlist-title { text-align: center; }
.admin_orderlist table tbody tr td.order_info a { display: flex; flex-direction: column; justify-content: center; }
.admin_orderlist table tbody tr td.order_info a > b { color: var(--primary-color); }
.admin_orderlist table tbody tr td.order_info a .name { margin-top: 10px; color: var(--primary-color); font-size: 16px; font-weight: 700; }
.admin_orderlist table tbody tr td.order_info a .pay { color: var(--text-muted); }

#modalChgOption td { width: 150px; }
#modalChgOption input[name="option_cnt"] { width: 50px; flex-grow: 0; }

@media (max-width: 991.98px){
    .order-search .d-flex { flex-wrap: wrap; gap: 10px;}
    .order-search .d-flex > label.form-label { width: 100%; }
    .order-search .btn-group { display: flex; align-items: flex-start; }
}

@media (max-width: 767px){
}

@media (max-width: 575px){
    .order-search { padding: .75rem !important; }
    .admin_orderlist table thead th:last-child { width: 300px; }
}

/* 페이징 */
.paging p { height: max-content; margin-bottom: 0; text-align: center; }
.paging a { background-color: var(--custom-white); border-radius: .5rem; padding: 7px 15px; display: inline-block; width: max-content; margin-bottom: 10px; }
.paging a.active { background-color: rgb(var(--primary-rgb)); color: #fff; }
.paging a:not(:first-child) { margin-left: 10px; }

/* 낚싯대 비교 */
#compare_cate .form-label { margin-bottom: 5px; }
#compare_cate .form-check { margin-bottom: 0; }
.code-list tr th, .compare-list table tr th { color: #fff; background: rgb(var(--primary-rgb)); text-align: center; }
.compare-list table tr:hover td { background-color: var(--primary01); }
.compare-list table tr td .compare-img { display: inline-block; width: 50px; height: 50px; border-radius: 5px; background: no-repeat center center/cover; }
.compare-list table tr td { text-align: center; padding-top: 5px; padding-bottom: 5px; height: 60px; }
.compare-list table tr td:first-child { width: 100px; }
.compare-write .avatar-thumb { width: 100%; aspect-ratio: 1/1;} /* height: auto; DJDDOC.2025.01.12 삭제 */
.compare-title { margin: 50px auto; position: relative; width: max-content; }
.compare-title:before, .compare-title:after { content: ''; position: absolute; width: 100px; height: 2px; display: block; background: rgb(var(--primary-rgb)); top: 50%; left: 0; }
.compare-title:before { left: 0; transform: translate(calc(-100% - 30px), -50%); }
.compare-title:after { left: 100%; transform: translate(30px, -50%); }
.scroll-info { font-size: 16px; }
.compare_box { width: calc(33% - 10px); }
#compare_table th i { font-size: 28px; height: 30px; line-height: 30px; vertical-align: -5px; }
#compare_table th, #compare_table td { font-size: 15px; }
#compare_table th .order_wrap { display: inline-block; width: max-content; margin-left: 10px; vertical-align: -9px; }
#compare_table th .order_wrap i { display: block; font-size: 14px; width: max-content; height: 14px; line-height: 14px; }
i[class^="xi-"].on { color: rgb(var(--warning-rgb));}
.compare-write .form-label { font-size: 15px; font-weight: 600; color: rgb(var(--primary-rgb)); }


@media (max-width: 1200px) { 
    .compare-list .table-responsive { border-radius: 0 !important; }
}

@media (max-width: 1024px) {
    .compare-list table tr th, .compare-list table tr td { font-size: 14px !important; padding: 10px 5px; }
    .scroll-info { font-size: 14px; }
}

@media (max-width: 991.98px){
    #compare_cate { gap: .5rem !important; }
    #compare_cate > div { padding-left: 0; padding-right: 0; }
    #compare_cate h4 { font-size: 20px; }
    #compare_cate h6 { font-size: 16px; }
    .compare_box { width: calc(50% - 5px); }
    .compare_box:last-child { display: none; }
    #compare_table .compare-mo > div:nth-child(even) { border-left: 1px dashed #ddd;}
    #compare_table .compare-mo > div:nth-child(n+3) { display: none !important; }
    #compare_table .compare-mo > div h5 { word-break: keep-all; text-align: center; }
    #compare_table .compare-mo > div > p { width: 60%; text-align: center; margin-bottom: .5rem; font-weight: 600; font-size: 16px; }
    #compare_table .compare-mo > div > p span { float: left; display: inline-block; width: 50%; text-align: center; margin-right: 20px; font-weight: normal !important; font-size: 14px; }
}

@media (max-width: 767px) {
    .scroll-info { font-size: 12px; }
    #compare_cate .form-label + div, #compare_cate .form-control { width: calc(100% - 80px); }
    .compare-list table tr td:first-child { padding: 5px; }
    .compare-list table tbody td { font-size: 11px !important; padding: 10px 5px; }
    .compare-list table thead th { font-size: 11px !important;  }
    /* .table-compare-wrap-mo .table-compare-list { display: flex; flex-direction: column; align-items: flex-start; margin: 15px; padding: 15px; gap: 10px; position: relative; border-radius: 0.5rem; background-color: rgba(0,0,0,0.03); }
    .table-compare-wrap-mo .table-compare-list p { border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 5px; padding-bottom: 10px; width: 100%; color: rgb(var(--primary-rgb)); }
    .table-compare-wrap-mo .table-compare-list > div { width: 100%; }
    .table-compare-wrap-mo .table-compare-list > div > div {width: 25%; }
    .table-compare-wrap-mo .table-compare-list > div > div b, .table-compare-wrap-mo .table-compare-list > div > div span { display: block; text-align: center; font-size: 12px; } */
    .compare-title { font-size: 24px !important; margin: 30px auto; }
    .compare-list .banner .swiper-slide { width: calc(50% - 5px); }
}

@media (max-width: 575px){
    #compare_cate > div { margin-bottom: .5rem; }
    #compare_cate h4 { font-size: 16px; }
    #compare_cate h6 { font-size: 14px; }
    #compare_cate .form-label { height: max-content; line-height: 1; }
    #compare_cate .form-label + div, #compare_cate .form-control { width: 100%; height: 30px; line-height: 30px; padding-top: 0; padding-bottom: 0; font-size: 12px !important; }
    #compare_cate .form-control + button { height: 30px; line-height: 30px; padding: 0 .5rem !important; min-width: 50px; width: 50px; }
    #compare_cate .form-check { width: 100%; }
    .compare-list tbody td { font-size: 10px !important; padding: 10px 5px; }
    .compare-list thead th { font-size: 10px !important; }
    .compare-title { font-size: 20px !important; margin: 20px auto 5px auto; }
    #compare_table .d-lg-none > div h5 { font-size: 18px !important; } 
    #compare_table .d-lg-none > div > p { text-align: center;  font-size: 18px; padding-top: .3rem; margin-bottom: .3rem; }
    #compare_table .d-lg-none > div > p span { display: block; text-align: center; width: 100%; font-size: 12px;  }
}

@media (max-width: 380px){
    .compare-step { flex-direction: column; align-items: center !important; gap: 5px; }
}

/* 약관설정 */
.provision-set .tab-pane { background: rgb(var(--light-rgb)); }
.provision-set .tab-pane p { text-wrap: nowrap; text-align: center; }
.provision-set .tab-pane textarea { min-height: 500px; }

@media (max-width:1024px){
    .provision-set .nav-item button.nav-link { font-size: 12px; text-wrap: nowrap; }
    .provision-set .tab-pane p { font-size: 12px; }
}

@media (max-width: 575px){
    .provision-set .nav { flex-wrap: wrap; }
    .provision-set .nav-item { width: max-content !important; }
    .provision-set .nav-item button.nav-link { width: max-content !important; }
    .provision-set .tab-pane > div:first-child { flex-direction: column; align-items: flex-start !important; }
    .provision-set .tab-pane p { text-align: left; }
    .provision-set .tab-pane p br { display: none; }
}

/* 무통장 설정 */
#modal-ind-cfg-default .modal-body .table { display: table; }
#modal-ind-cfg-default .modal-body .table > div { display: table-row; width: 100%; }
#modal-ind-cfg-default .modal-body .table > div label, #modal-ind-cfg-default .modal-body > div .form-control { display: table-cell; margin-bottom: 10px; }

@media (max-width: 991.98px){
    .accountlist-mo { display: flex !important; flex-wrap: wrap; justify-content: space-between; }
    .accountlist-mo tbody { display: flex; flex-direction: column; width: 49%; margin-bottom: 10px; overflow: hidden; }
    .accountlist-mo tbody tr { width: 100%; display: flex; }
    .accountlist-mo tbody th { background-color: var(--primary01); width: 100px; }
    .accountlist-mo tbody td { width: calc(100% - 100px); }
}

@media (max-width: 575px){
    .accountlist-mo tbody { width: 100%; }
    
}

/* 게시판 코드 관리 */
.board-code .nav-item { flex-grow: unset; text-wrap: nowrap; }
.code-list-wrap { border: 1px solid var(--default-border); border-radius: .5rem; }
.code-list tr th { color: #fff; background: rgb(var(--primary-rgb)); text-align: center; }
.code-list tr td { text-align: center; font-size: 16px !important; padding-top: 5px; padding-bottom: 5px; }
.code-list tr td:first-child a { font-size: 24px; display: inline-block; }
.code-list tr td:last-child { width: 150px; }
.code-list tr td a.btn { padding: 5px 10px; }
.code-list tr:hover td { background: rgba(var(--primary-rgb), 0.06); }
#edit_deli_price .form-label { width: 100px; }

@media (max-width: 767px){
    .code-list tr td:first-child a { font-size:20px; }
    .code-list tr td { font-size: 14px !important; }
}

@media (max-width: 575px){
    .code-list-wrap { border: none; }
    .code-list thead { display: none; }
    .code-list tbody { display: flex; flex-direction: column; }
    .code-list tbody tr { display: flex; flex-wrap: wrap; background-color: rgba(0,0,0,0.03); margin-bottom: 10px; border-radius: 10px; position: relative;  padding: 10px 0;}
    .code-list tbody tr:last-child { margin-bottom: 0;}
    .code-list tbody tr td { background: transparent; padding: 5px 10px; }
    .code-list tbody tr td:last-child { width: max-content; }
    .code-list tbody tr td:not(:last-child) { width: 100%; text-align: left; border: none; }
    .code-list tbody tr:not(:last-child) td:last-child { position: absolute; top: 10px; right: 10px; padding: 0; }
    .code-list tbody tr:last-child td:nth-child(2) { width: 100%; }
    .code-list tr:hover td { background: transparent; }
}

/* 텍스트에디터 */
.ck-editor__editable { min-height: 500px; }
.ck.ck-toolbar { background: #F8F6FD !important; }
.ck.ck-editor__editable:not(.ck-editor__nested-editable) {  font-size: 16px; line-height: 1.6; font-weight: 300; }
.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused { border: 1px solid rgb(var(--primary-rgb)) !important; }
.ck-content p { margin-bottom: 0; }
#bd_contents { display: none; }
.ck-sticky-panel__content_sticky { top: 59px !important; }
.ck-balloon-rotator, .ck-balloon-panel_with-arrow.ck-toolbar-container { display: none !important; }
 

.editor-wrap { position: relative; }
/* .editor-wrap.mo .videoUploadBtn { transform: translateY(calc(-100% - 10px)); } */
/* .videoUploadBtn { position: absolute; right: 0; top: 0; margin-top:8px; margin-right: 10px; cursor: pointer; } */
.videoUploadBtn { display: none; height: 30px; }
.videoUploadBtn:hover { background: var(--ck-color-button-default-hover-background) !important; border-radius: var(--ck-border-radius) !important; }
.videoUploadBtn i { font-size: 24px !important; line-height: 1 !important; }

/* 배송비 설정 */
#deli-set-tab > .nav-item { flex-grow: unset; }
#deli-set-tab > .nav-item > .nav-link { text-wrap: nowrap; }
#deli-tabContent .tab-pane p { margin-bottom: 0; text-wrap: nowrap; font-size: 14px; font-weight: 600; color: rgb(var(--primary-rgb)); margin-right: 15px; }
#deli-tabContent .tab-pane > div > div:not(:last-of-type) { border-right: 1px solid #eee; padding-right: 15px; }
#deli-tabContent .tab-pane .btn-save { display: flex; align-items: center; justify-content: center; }
#sum-order th { background: rgba(var(--primary-rgb), 0.1); color: rgb(var(--primary-rgb)); font-weight: 600; text-align: center; }
#sum-level th { font-size: 14px; text-align: center; }
#sum-level td { text-align: center; }
#sum-order td input, #sum-level td input { width: 150px; display: inline-block; margin-right: 10px; padding-top: 5px; padding-bottom: 5px; }

@media (max-width: 767px){
    #sum-order tr { display: flex; flex-wrap: wrap; border: 1px solid rgba(var(--primary-rgb),.1); }
    #sum-order th, #sum-order td { border: none; display: flex; align-items: center; justify-content: center; }
    #sum-order td { width: 70%; }
    #sum-order th { width: 30%; }
    #sum-order td input { width: calc(100% - 30px); }
    #sum-order th:first-of-type, #sum-order td:first-of-type { border-bottom: 1px solid rgba(var(--primary-rgb),.1); }
    #sum-order td:last-child { width: 100%; border-top: 1px solid rgba(var(--primary-rgb),.1); }
    #sum-order td:last-child a { display: block; width: 60%; margin: 0 auto; }
}

/* 후기 작성 */
.review_item > div { gap: 10px; align-items: center; }
.review_item > div > div { display: flex; flex-direction: column; }
.review_item .avatar-xxl { width: 7rem; height: 7rem; }
.review_item .review_brand { font-size: 14px; background: rgb(var(--primary-rgb)); color: #fff;  width: max-content; font-size: 12px; border-radius: 30px; padding: 2px 7px 1px; display: inline-block; margin-bottom: 5px; }
.review_item .review_name { font-size: 18px; font-weight: 600; margin-bottom: 0; }
.review_item .review_date { font-size: 13px; color: var(--text-muted); margin-bottom: 10px; }
.review_item .review_option_m { display: none; }
.review_item .review_option { margin-bottom: 0; }
.review_item .review_option b { color: var(--default-text-color); font-size: 16px; }
.review_item .review_option span { color: var(--default-text-color); font-size: 14px; }
.review_item .review_option span:before { content: '/'; margin: 0 5px; color: var(--text-muted); opacity: 0.5; }

@media (max-width: 575px){
    .review_item > div { position: relative; }
    .review_item .avatar-xxl { width: 5rem; height: 5rem; }
    .review_item .review_date { margin-bottom: 0; }
    .review_item .review_option_pc { display: none; }
    .review_item .review_option_m { display: block; margin-top: 10px; }
    .review_item .review_option span { display: block; }
    .review_item .review_option span:before { content: 'L'; }
}

.swiper-slide a { overflow: hidden; }

/* 룰렛 */
@font-face {
    font-family: 'MaplestoryOTFBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/MaplestoryOTFBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.roulette-cont { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
#app { text-align: center; position: relative; z-index: 101; visibility: hidden; }
.roulette-outer { position: relative; overflow: hidden; width: 570px; height: 570px; margin: 0 auto; border-radius: 50%; background: linear-gradient(90deg, rgba(71,43,218,1) 0%, rgba(132,90,223,1) 100%); border: 10px solid #fff; box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.3) inset, 0 0 10px 0 rgb(var(--primary-rgb),0.3); }
.roulette-outer .roulette { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; border-radius: 50%; transition: transform 5s ease-in-out;
    background: conic-gradient(from -22.5deg, var(--primary01) 45deg, var(--primary05) 45deg 90deg, var(--primary01) 90deg 135deg, var(--primary05) 135deg 180deg, var(--primary01) 180deg 225deg, var(--primary05) 225deg 270deg, #fff 270deg 315deg, var(--primary04) 315deg 360deg); background-color: #fff; box-shadow: 0px 0px 28px 5px rgba(0,0,0,0.1) inset,  0 0 5px 5px rgba(0,0,0,0.3) ; }
.roulette-outer .roulette-pin { position: absolute; top: 5px; left: 50%; transform: translateX(-50%); width: 30px; height: 50px; object-fit: contain; z-index: 100; filter: drop-shadow(0 0 5px 5px rgba(0,0,0,0.1)) }
.roulette-outer .roulette .item-wrapper .item { font-size: 30px; font-family: 'MaplestoryOTFBold'; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-top: 10%; text-align: center; display: flex; justify-content: center; }
/* .roulette-outer .roulette .item-wrapper .item:nth-child { font-size: 30px; font-family: 'MaplestoryOTFBold'; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-top: 10%; text-align: center; display: flex; justify-content: center; } */
.roulette-outer .roulette .line-wrapper .line { position: absolute; top: 0; left: 50%; bottom: 50%; width: 2px; background: var(--primary04); margin-left: -1px; transform-origin: bottom; }
.btn_play { font-family: 'MaplestoryOTFBold'; color: #fff; display:flex; align-items:center; font-size: 30px; justify-content:center; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100px; height: 100px; background-color: rgba(71,43,218); background-image: linear-gradient(90deg, rgba(71,43,218,1) 0%, rgba(132,90,223,1) 100%); border-radius: 50%; box-shadow: 0 0 10px 3px rgba(0,0,0,0.1); border: 2px solid #333; }
.btn_play:hover { color: #fff; background: rgb(var(--primary-rgb)); box-shadow: 3px 3px 0 rgba(0,0,0,0.3) inset; margin-top: 3px; margin-left: 3px; }
.btn_play:disabled { filter: grayscale(1); }
#roulette-overlay { display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; }

.roulette-cont { gap: 20px; }
.roulette-cont .roulette_title { margin-top: 15px; }
.roulette-cont .roulette_title h4 { font-size: 40px; position: relative; display: block; width: max-content; margin: 0 auto; }
.roulette-cont .roulette_title h4::before { content: ''; display: block; width: 120%; height: 20px; background: rgb(var(--primary-rgb),0.2); position: absolute; left: 50%; bottom: 0; z-index: -1; transform: translateX(-50%) skew(-10deg); }
.roulette-cont .roulette_title h4 b { color: rgb(var(--primary-rgb)); }
.roulette-cont .roulette_title .point_box { position: relative; }
.roulette-cont .roulette_title #use_point { border-radius: 0 !important; width: 200px; background: transparent; border-bottom: 3px solid rgb(var(--primary-rgb)); border-width: 0 0 2px 0; outline: none; font-size: 40px; color: rgb(var(--primary-rgb)); font-weight: 600; text-align: right; padding-right: 40px; }
.roulette-cont .roulette_title #use_point ~ b { font-size: 24px; position: absolute; right: 5px; bottom: 5px; }
.roulette-cont .roulette_title > span { text-align: center; font-size: 16px; margin: 10px auto; display: block; }
.roulette-cont .roulette_title > span b { color: rgb(var(--primary-rgb)); }

#goRoulette { z-index: 100; }
#goRoulette .modal-dialog { padding-left: 15rem; }

.roulette_done { background: rgba(0,0,0,0.7) !important; }
.roulette_done .swal2-popup { background: transparent; }
.roulette_done .swal2-title { font-size: 34px; color: #fff;  }
.roulette_done .swal2-title span { padding: 0 10px; border-radius: 5px; margin-right: 10px; background: #fff; }
.roulette_done button { font-size: 20px !important; }

@media (max-width: 991.98px){
html[data-toggled="icon-overlay-close"] .swal2-modal , .swal2-modal { margin-left: 0; }
.roulette-cont { height: calc(100dvh - 60px); }
}

@media (max-width: 767px){
.roulette-outer { width: 90vw; height: 90vw; }
.roulette-outer .roulette-pin { top: 0; }
.roulette-outer .roulette { top: 15px; bottom: 15px; left: 15px; right: 15px; }
.roulette-outer .roulette .item-wrapper .item { font-size: 24px; }
}

@media (max-width: 575px){
#roulette-overlay { z-index: 103; }
#app { z-index: 104; }
.roulette-cont { gap: 30px; }
.roulette-cont .roulette_title h4 { font-size: 30px; }
.roulette-cont .roulette_title > span { font-size: 20px; }
.roulette-cont .roulette_title #use_point { font-size:30px; }
.roulette-cont .roulette_title .point_box { margin-top: 10px;}
.roulette_done .swal2-title { font-size: 32px; }
}