@charset "utf-8";
/* ===== MODERN DESIGN v12 ===== */

/* ===== 상단바 (at-lnb) ===== */
.at-lnb { 
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    border-bottom: none !important;
    padding: 0 !important;
}
.at-lnb .at-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
.at-lnb ul {
    padding: 10px 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.at-lnb ul > li {
    float: none !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}
.at-lnb ul > li::after { 
    display: none !important;
}
.at-lnb ul > li > a { 
    color: rgba(255,255,255,0.85) !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    transition: all 0.25s ease !important;
    font-size: 12px !important;
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.at-lnb ul > li > a:hover {
    background: rgba(255,255,255,0.15) !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
    border-color: rgba(255,255,255,0.25) !important;
}
.at-lnb ul > li > a b {
    color: #ffd700 !important;
    font-weight: 600 !important;
}

/* 포인트 영역 */
.at-lnb ul > li:has(b.red) {
    font-size: 0 !important;
}
.at-lnb ul > li > b.red {
    display: inline-flex !important;
    align-items: center !important;
    background: linear-gradient(135deg, #ffd700 0%, #ffb700 100%) !important;
    border-radius: 20px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 2px 10px rgba(255,215,0,0.3) !important;
    font-size: 12px !important;
}
.at-lnb ul > li > b.red::before {
    content: "P" !important;
    background: rgba(0,0,0,0.2) !important;
    color: #fff !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}
.at-lnb ul > li > b.red > a.win_point {
    color: #1a1a2e !important;
    padding: 6px 12px 6px 8px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    background: transparent !important;
    border: none !important;
}
.at-lnb ul > li > b.red > a.win_point:hover {
    background: transparent !important;
    transform: none !important;
}

/* 쿠폰등록 */
.at-lnb #login_password_lost,
.at-lnb a#login_password_lost {
    color: rgba(255,255,255,0.85) !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    transition: all 0.25s ease !important;
    font-size: 12px !important;
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}
.at-lnb #login_password_lost:hover {
    background: rgba(255,255,255,0.15) !important;
    color: #fff !important;
}

/* h1 */
.at-lnb h1,
.at-lnb h1.small {
    color: rgba(255,255,255,0.5) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.at-lnb .pull-left,
.at-lnb .pull-right {
    float: none !important;
}

/* ===== PC 헤더 ===== */
.pc-header {
    background: #fff !important;
    box-shadow: 0 2px 20px rgba(0,0,0,0.04) !important;
}

/* ===== 검색창 - 배경색 통일 ===== */
.pc-header .header-search form {
    border: 2px solid #e0e0e0 !important;
    border-radius: 30px !important;
    background: #f5f5f5 !important;
    transition: all 0.3s ease !important;
}
.pc-header .header-search .input-group {
    background: transparent !important;
}
.pc-header .header-search input,
.pc-header .header-search input.form-control,
.pc-header .header-search .form-control {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.pc-header .header-search form:hover,
.pc-header .header-search form:focus-within {
    border-color: #FF6557 !important;
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(255, 101, 87, 0.15) !important;
}
.pc-header .header-search .btn {
    color: #FF6557 !important;
    background: transparent !important;
    transition: all 0.2s ease !important;
}
.pc-header .header-search .btn:hover {
    transform: scale(1.1) !important;
}

/* ===== 인기 검색어 ===== */
.pc-header .header-keyword .basic-keyword {
    height: 32px !important;
    overflow: hidden !important;
    line-height: 28px !important;
}
.pc-header .header-keyword .basic-keyword .sp {
    display: none !important;
}
.pc-header .header-keyword a {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 15px !important;
    padding: 5px 14px !important;
    margin: 3px 2px !important;
    color: #666 !important;
    font-size: 12px !important;
    transition: all 0.2s ease !important;
    display: inline-block !important;
    line-height: 1.4 !important;
}
.pc-header .header-keyword a:hover {
    background: #FF6557 !important;
    border-color: #FF6557 !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 3px 10px rgba(255, 101, 87, 0.3) !important;
}

/* ===== 메뉴바 ===== */
.pc-menu {
    background: #fff !important;
    box-shadow: 0 2px 15px rgba(0,0,0,0.03) !important;
}

/* ===== 모든카테고리 버튼 ===== */
.pc-menu .at-container .all_menu .all_btn { 
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    color: #ffffff !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 4px 15px rgba(255, 101, 87, 0.3) !important;
    transition: all 0.3s ease !important;
}
.pc-menu .at-container .all_menu .all_btn:hover {
    background: linear-gradient(135deg, #ff4a3a 0%, #FF6557 100%) !important;
    box-shadow: 0 6px 25px rgba(255, 101, 87, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* ===== 메가메뉴 ===== */
#gnbBox {
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important;
    border: none !important;
}
.gnbgci {
    background: #fff !important;
    border: none !important;
    border-radius: 0 0 12px 12px !important;
}
#gnbBox .gnb > li {
    transition: all 0.2s ease !important;
    border-left: 3px solid transparent !important;
}
#gnbBox .gnb > li:hover {
    background: linear-gradient(90deg, #fff5f4 0%, #fff 100%) !important;
    border-left-color: #FF6557 !important;
}
#gnbBox .gnb > li > a {
    transition: all 0.2s ease !important;
}
#gnbBox .gnb > li:hover > a { 
    color: #FF6557 !important;
    padding-left: 25px !important;
}

/* ===== 2차 카테고리 ===== */
#gnbBox .cate_box {
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.12) !important;
    border: none !important;
    background: #fff !important;
}
#gnbBox .cate_box .inner h2 { 
    color: #FF6557 !important;
    background: #fff5f4 !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
    border-bottom: none !important;
}
#gnbBox .cate_box .inner .sub_gnb li {
    border-radius: 6px !important;
    transition: all 0.15s ease !important;
}
#gnbBox .cate_box .inner .sub_gnb li:hover {
    background: #f8f8f8 !important;
}
#gnbBox .cate_box .inner .sub_gnb li a {
    transition: all 0.15s ease !important;
}
#gnbBox .cate_box .inner .sub_gnb li:hover > a {
    color: #FF6557 !important;
    padding-left: 20px !important;
}

/* ===== 상단 메뉴 ===== */
.pc-menu .nav-top .menu-a {
    transition: all 0.2s ease !important;
}
.pc-menu .nav-top .menu-li:hover .menu-a,
.pc-menu .nav-top .menu-li.on .menu-a {
    color: #FF6557 !important;
    border-bottom: 3px solid #FF6557 !important;
}

/* ===== 모바일 메뉴 ===== */
.m-menu .m-icon,
.m-menu .m-list { 
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
}
.m-menu .m-nav ul li a {
    transition: all 0.2s ease !important;
}
.m-menu .m-nav ul li.active a { 
    color: #fff !important;
    font-weight: 700 !important;
}

/* ===== 모바일 검색창 ===== */
.header_search .m_fsearch .form {
    border-color: #e8e8e8 !important;
    border-radius: 25px !important;
    transition: all 0.3s ease !important;
}
.header_search .m_fsearch .form:focus-within {
    border-color: #FF6557 !important;
    box-shadow: 0 3px 15px rgba(255, 101, 87, 0.15) !important;
}
.header_search .ms-icon a {
    color: #FF6557 !important;
}

/* ===== 호버 애니메이션 ===== */
#gnbBox .gnb > li.hover-active {
    background: linear-gradient(90deg, #fff5f4 0%, #fff 100%) !important;
    border-left-color: #FF6557 !important;
}
#gnbBox .gnb > li.hover-active > a {
    color: #FF6557 !important;
}

/* ========================================
   메인 페이지 본문 디자인
   ======================================== */

/* ===== 섹션 타이틀 ===== */
.widget-index .div-title-underbar {
    border-bottom: none !important;
    margin-bottom: 20px !important;
    padding-bottom: 0 !important;
}
.widget-index .div-title-underbar-bold {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    color: #fff !important;
    padding: 10px 24px !important;
    border-radius: 25px !important;
    border-bottom: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(255, 101, 87, 0.3) !important;
    transition: all 0.3s ease !important;
}
.widget-index .div-title-underbar-bold:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 101, 87, 0.4) !important;
}
.widget-index .div-title-underbar .pull-right {
    background: #f5f5f5 !important;
    color: #999 !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    transition: all 0.3s ease !important;
}
.widget-index .div-title-underbar:hover .pull-right {
    background: #FF6557 !important;
    color: #fff !important;
}

/* ===== 상품 탭 메뉴 ===== */
.widget-index .nav-tabs {
    border-bottom: 2px solid #f0f0f0 !important;
    display: flex !important;
    gap: 5px !important;
}
.widget-index .nav-tabs > li {
    margin-bottom: -2px !important;
}
.widget-index .nav-tabs > li > a {
    border: none !important;
    border-radius: 25px 25px 0 0 !important;
    padding: 12px 28px !important;
    color: #666 !important;
    font-weight: 500 !important;
    background: #f8f8f8 !important;
    transition: all 0.3s ease !important;
    margin-right: 0 !important;
}
.widget-index .nav-tabs > li > a:hover {
    background: #fff !important;
    color: #FF6557 !important;
}
.widget-index .nav-tabs > li.active > a,
.widget-index .nav-tabs > li.active > a:hover,
.widget-index .nav-tabs > li.active > a:focus {
    background: #FF6557 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 -4px 15px rgba(255, 101, 87, 0.2) !important;
}
.widget-index .tab-content {
    background: #fff !important;
    border-radius: 0 0 15px 15px !important;
    padding: 25px 0 !important;
}

/* ===== 상품 카드 ===== */
.basic-shop-item-gallery .item-row,
.basic-shop-item-slider .item {
    transition: all 0.3s ease !important;
}
.basic-shop-item-gallery .item-list,
.basic-shop-item-slider .item-list {
    background: #fff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 15px rgba(0,0,0,0.06) !important;
    transition: all 0.3s ease !important;
    margin: 8px !important;
}
.basic-shop-item-gallery .item-list:hover,
.basic-shop-item-slider .item-list:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important;
}

/* 상품 이미지 */
.basic-shop-item-gallery .item-image,
.basic-shop-item-slider .item-image {
    border-radius: 12px 12px 0 0 !important;
    overflow: hidden !important;
}
.basic-shop-item-gallery .item-image img,
.basic-shop-item-slider .item-image img {
    transition: transform 0.4s ease !important;
}
.basic-shop-item-gallery .item-list:hover .item-image img,
.basic-shop-item-slider .item-list:hover .item-image img {
    transform: scale(1.05) !important;
}

/* 상품 정보 */
.basic-shop-item-gallery .item-content,
.basic-shop-item-slider .item-content {
    padding: 15px !important;
}
.basic-shop-item-gallery .item-name,
.basic-shop-item-slider .item-name {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
}
.basic-shop-item-gallery .item-price,
.basic-shop-item-slider .item-price {
    margin-top: 10px !important;
}
.basic-shop-item-gallery .item-price b,
.basic-shop-item-slider .item-price b {
    color: #FF6557 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}
.basic-shop-item-gallery .item-price strike,
.basic-shop-item-slider .item-price strike {
    color: #bbb !important;
    font-size: 12px !important;
}

/* ===== 배너 슬라이더 ===== */
.basic-shop-banner-slider {
    border-radius: 15px !important;
    overflow: hidden !important;
}
.basic-shop-banner-slider .owl-carousel .owl-item img {
    border-radius: 15px !important;
}
.basic-shop-banner-slider .owl-prev,
.basic-shop-banner-slider .owl-next {
    background: rgba(255,255,255,0.9) !important;
    width: 45px !important;
    height: 45px !important;
    line-height: 45px !important;
    border-radius: 50% !important;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
}
.basic-shop-banner-slider .owl-prev:hover,
.basic-shop-banner-slider .owl-next:hover {
    background: #FF6557 !important;
    color: #fff !important;
}

/* ===== 배너 갤러리 ===== */
.basic-shop-banner-gallery .item-list {
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}
.basic-shop-banner-gallery .item-list:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
}

/* ===== 위젯 박스 간격 ===== */
.widget-index .widget-box {
    margin-bottom: 50px !important;
}

/* ===== 푸터 영역 ===== */
.at-footer {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    color: rgba(255,255,255,0.8) !important;
    padding: 40px 0 20px !important;
}
.at-footer a {
    color: rgba(255,255,255,0.7) !important;
    transition: color 0.2s ease !important;
}
.at-footer a:hover {
    color: #ffd700 !important;
}
.at-footer .footer-logo img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.8 !important;
}

/* ===== 대배너 (타이틀) ===== */
.basic-title {
    border-radius: 0 0 20px 20px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important;
}

/* ===== 아이템 슬라이더 네비게이션 ===== */
.basic-shop-item-slider .owl-prev,
.basic-shop-item-slider .owl-next {
    background: rgba(255,255,255,0.95) !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 50% !important;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1) !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
}
.basic-shop-item-slider .owl-prev:hover,
.basic-shop-item-slider .owl-next:hover {
    background: #FF6557 !important;
    color: #fff !important;
    transform: scale(1.1) !important;
}

/* ========================================
   장바구니 페이지 리디자인
   ======================================== */

/* 장바구니 전체 컨테이너 */
#sod_bsk_list {
    background: transparent !important;
}

/* 장바구니 테이블 */
#sod_bsk_list .table-responsive {
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    margin-bottom: 25px !important;
}

#sod_bsk_list .div-table.table {
    margin-bottom: 0 !important;
    border: none !important;
}

/* 테이블 헤더 */
#sod_bsk_list > .table-responsive:first-of-type .tr-head,
#sod_bsk_list > .table-responsive:first-of-type .list-head {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    border: none !important;
}

#sod_bsk_list > .table-responsive:first-of-type .tr-head th,
#sod_bsk_list > .table-responsive:first-of-type .list-head th {
    color: #fff !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    padding: 16px 12px !important;
    border: none !important;
    text-align: center !important;
}

#sod_bsk_list > .table-responsive:first-of-type .tr-head th span,
#sod_bsk_list > .table-responsive:first-of-type .list-head th span {
    color: #fff !important;
}

/* 테이블 행 */
#sod_bsk_list tbody tr {
    transition: all 0.2s ease !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

#sod_bsk_list tbody tr:hover {
    background: #fafafa !important;
}

#sod_bsk_list tbody td {
    padding: 20px 12px !important;
    vertical-align: middle !important;
    border: none !important;
}

/* 상품 이미지 */
#sod_bsk_list .item-img {
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 12px rgba(0,0,0,0.1) !important;
}

#sod_bsk_list .item-img img {
    border-radius: 12px !important;
    transition: transform 0.3s ease !important;
}

#sod_bsk_list tbody tr:hover .item-img img {
    transform: scale(1.05) !important;
}

#sod_bsk_list .item-type {
    border-radius: 0 0 12px 12px !important;
    font-size: 10px !important;
    padding: 4px !important;
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
}

/* 상품명 링크 */
#sod_bsk_list tbody td a {
    color: #333 !important;
    transition: color 0.2s ease !important;
}

#sod_bsk_list tbody td a:hover {
    color: #FF6557 !important;
}

#sod_bsk_list tbody td a b {
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* 옵션 박스 */
#sod_bsk_list .well.well-sm {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 10px !important;
    padding: 12px !important;
    margin: 10px 0 !important;
    font-size: 12px !important;
    color: #666 !important;
}

/* 옵션수정 버튼 */
#sod_bsk_list .btn-gray.mod_options {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    padding: 6px 16px !important;
    transition: all 0.3s ease !important;
}

#sod_bsk_list .btn-gray.mod_options:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;
}

/* 체크박스 스타일 */
#sod_bsk_list input[type=checkbox] {
    width: 20px !important;
    height: 20px !important;
    cursor: pointer !important;
    accent-color: #FF6557 !important;
}

/* 가격 표시 */
#sod_bsk_list .text-right {
    font-weight: 600 !important;
    color: #333 !important;
    font-size: 14px !important;
}

/* 합계 테이블 */
#sod_bsk_list .table-responsive:last-of-type .tr-head,
#sod_bsk_list .table-responsive:last-of-type .list-head {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}

#sod_bsk_list .table-responsive:last-of-type th {
    color: #333 !important;
    font-weight: 600 !important;
}

#sod_bsk_list .table-responsive:last-of-type td {
    background: #fff !important;
}

#sod_bsk_list .table-responsive:last-of-type strong {
    color: #FF6557 !important;
    font-size: 16px !important;
}

/* 버튼 그룹 */
#sod_bsk_list .btn-group {
    display: inline-block !important;
    margin: 5px !important;
}

#sod_bsk_list .btn-deepblue {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    border: none !important;
    border-radius: 25px !important;
    color: #fff !important;
    padding: 10px 25px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(255, 101, 87, 0.3) !important;
}

#sod_bsk_list .btn-deepblue:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 25px rgba(255, 101, 87, 0.4) !important;
}

#sod_bsk_list .btn-black {
    background: #333 !important;
    border: none !important;
    border-radius: 25px !important;
    color: #fff !important;
    padding: 10px 25px !important;
    transition: all 0.3s ease !important;
}

#sod_bsk_list .btn-black:hover {
    background: #1a1a2e !important;
    transform: translateY(-2px) !important;
}

/* 주문하기 버튼 */
#sod_bsk_list .btn-lg.btn-deepblue {
    font-size: 18px !important;
    padding: 15px 50px !important;
    border-radius: 30px !important;
    box-shadow: 0 6px 25px rgba(255, 101, 87, 0.35) !important;
}

/* 장바구니 비었을 때 */
#sod_bsk_list tbody td[colspan=8] {
    padding: 80px 20px !important;
}

#sod_bsk_list tbody td[colspan=8] p {
    color: #999 !important;
    font-size: 16px !important;
}

/* 모달 스타일 */
#cartModal .modal-content {
    border-radius: 20px !important;
    border: none !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2) !important;
}

#cartModal .modal-body {
    padding: 25px !important;
}

/* hr 스타일 */
#sod_bsk_list hr {
    border-top: 2px solid #f0f0f0 !important;
    margin: 25px 0 !important;
}

/* ========================================
   주문서 페이지 리디자인
   ======================================== */

/* 주문서 폼 전체 */
#forderform {
    background: transparent !important;
}

/* 패널 기본 스타일 */
#forderform .panel {
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    margin-bottom: 25px !important;
    overflow: hidden !important;
    background: #fff !important;
}

#forderform .panel-default {
    border: none !important;
}

/* 패널 헤더 */
#forderform .panel-heading {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    border: none !important;
    padding: 18px 25px !important;
    border-radius: 16px 16px 0 0 !important;
}

#forderform .panel-heading strong {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* 패널 바디 */
#forderform .panel-body {
    padding: 25px !important;
    background: #fff !important;
}

/* 폼 그룹 */
#forderform .form-group {
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #f5f5f5 !important;
}

#forderform .form-group:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

/* 라벨 */
#forderform .control-label {
    font-weight: 600 !important;
    color: #333 !important;
    font-size: 14px !important;
}

#forderform .control-label b {
    font-weight: 600 !important;
}

/* 인풋 필드 */
#forderform .form-control {
    border: 2px solid #e9ecef !important;
    border-radius: 10px !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    background: #fafafa !important;
}

#forderform .form-control:focus {
    border-color: #FF6557 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(255, 101, 87, 0.1) !important;
    outline: none !important;
}

#forderform textarea.form-control {
    min-height: 100px !important;
}

/* 버튼 스타일 */
#forderform .btn-darkgray {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 25px !important;
    padding: 8px 20px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

#forderform .btn-darkgray:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;
}

#forderform .btn-black {
    background: #333 !important;
    border: none !important;
    color: #fff !important;
    border-radius: 25px !important;
    padding: 8px 20px !important;
    transition: all 0.3s ease !important;
}

#forderform .btn-black:hover {
    background: #1a1a2e !important;
}

#forderform .btn-green,
#forderform .btn-lightgray {
    border-radius: 25px !important;
    padding: 8px 20px !important;
    transition: all 0.3s ease !important;
}

/* 라디오/체크박스 라인 */
#forderform .radio-line label {
    background: #f8f9fa !important;
    padding: 10px 18px !important;
    border-radius: 25px !important;
    margin: 5px !important;
    transition: all 0.2s ease !important;
    border: 2px solid transparent !important;
    cursor: pointer !important;
}

#forderform .radio-line label:hover {
    background: #e9ecef !important;
}

#forderform .radio-line input[type=radio]:checked + label,
#forderform .radio-line label:has(input:checked) {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    color: #fff !important;
}

/* 결제방법 선택 */
#sod_frm_pay .radio-line label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* 포인트 입력 */
#forderform #sod_frm_pt {
    color: #666 !important;
    font-size: 13px !important;
}

#forderform #sod_frm_pt strong {
    color: #FF6557 !important;
}

/* 도움말 텍스트 */
#forderform .help-block {
    color: #888 !important;
    font-size: 12px !important;
    margin-top: 5px !important;
}

#forderform .help-block.font-redorange {
    color: #ff6b6b !important;
    background: #fff5f5 !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    margin: 5px 0 !important;
}

/* 주문상품 테이블 */
.order-item .table-responsive {
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}

.order-item .bsk-tbl {
    margin-bottom: 0 !important;
}

.order-item .tr-head,
.order-item .list-head {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
}

.order-item .tr-head th {
    color: #fff !important;
    font-weight: 500 !important;
    padding: 15px 12px !important;
    border: none !important;
}

.order-item tbody td {
    padding: 18px 12px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.order-item .item-img {
    border-radius: 10px !important;
    overflow: hidden !important;
}

.order-item .item-type {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    border-radius: 0 0 10px 10px !important;
}

/* 쿠폰버튼 */
.order-item .cp_btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 15px !important;
    padding: 5px 15px !important;
}

/* 총결제금액 표시 */
#forderform #od_tot_price,
#forderform #ct_tot_price {
    color: #FF6557 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* 알림 박스 */
#forderform .alert,
#forderform .well {
    border-radius: 12px !important;
    border: none !important;
}

#forderform .alert-danger {
    background: #fff5f5 !important;
    color: #e74c3c !important;
}

#forderform #sod_frm_pt_alert {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeeba 100%) !important;
    color: #856404 !important;
    padding: 15px 20px !important;
}

/* 개인정보처리방침 테이블 */
#sod_frm_agree .table {
    border-radius: 10px !important;
    overflow: hidden !important;
}

#sod_frm_agree .table thead {
    background: #f8f9fa !important;
}

#sod_frm_agree .table th,
#sod_frm_agree .table td {
    padding: 15px !important;
    border-color: #e9ecef !important;
}

/* 주문하기 최종 버튼 (추가) */
#forderform .btn-color,
.order-submit .btn-color {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 30px !important;
    padding: 16px 60px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    box-shadow: 0 6px 25px rgba(255, 101, 87, 0.35) !important;
    transition: all 0.3s ease !important;
}

#forderform .btn-color:hover,
.order-submit .btn-color:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 35px rgba(255, 101, 87, 0.45) !important;
}

/* 결제수단 아이콘 영역 */
.kakaopay_icon,
.samsung_pay,
.inicis_lpay {
    font-weight: 600 !important;
}

/* 배송지 목록 버튼 */
#order_address {
    background: #f8f9fa !important;
    color: #333 !important;
    border: 2px solid #e9ecef !important;
}

#order_address:hover {
    background: #e9ecef !important;
    border-color: #ddd !important;
}

/* 주소 입력 필드 간격 */
#forderform .addr-line {
    margin-bottom: 10px !important;
}

/* 입금자명 등 추가 필드 */
#settle_bank .form-group {
    background: #f8f9fa !important;
    padding: 20px !important;
    border-radius: 12px !important;
    margin: 15px 0 !important;
}

/* 반응형 조정 */
@media (max-width: 768px) {
    #sod_bsk_list .table-responsive {
        border-radius: 12px !important;
    }
    
    #sod_bsk_list .btn-lg.btn-deepblue {
        font-size: 16px !important;
        padding: 12px 30px !important;
    }
    
    #forderform .panel {
        border-radius: 12px !important;
        margin-bottom: 15px !important;
    }
    
    #forderform .panel-heading {
        padding: 15px 20px !important;
    }
    
    #forderform .panel-body {
        padding: 15px !important;
    }
    
    #forderform .control-label {
        font-size: 13px !important;
    }
    
    #forderform .radio-line label {
        display: block !important;
        margin: 8px 0 !important;
    }
}

/* ========================================
   결제 버튼 및 추가 스타일
   ======================================== */

/* 결제 버튼 영역 */
#display_pay_button {
    text-align: center !important;
    padding: 30px 0 !important;
    margin-top: 20px !important;
}

#display_pay_button input.btn,
#display_pay_button .btn-color {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 30px !important;
    padding: 18px 80px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    box-shadow: 0 8px 30px rgba(255, 101, 87, 0.4) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

#display_pay_button input.btn:hover,
#display_pay_button .btn-color:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 40px rgba(255, 101, 87, 0.5) !important;
}

#display_pay_button .btn-black {
    background: #333 !important;
    border: none !important;
    color: #fff !important;
    border-radius: 30px !important;
    padding: 18px 50px !important;
    font-size: 16px !important;
    margin-left: 15px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}

#display_pay_button .btn-black:hover {
    background: #1a1a2e !important;
    transform: translateY(-2px) !important;
}

/* 쿠폰 모달 */
#couponModal .modal-content {
    border-radius: 20px !important;
    border: none !important;
    box-shadow: 0 25px 80px rgba(0,0,0,0.25) !important;
    overflow: hidden !important;
}

#couponModal .modal-body {
    padding: 0 !important;
}

#couponBox {
    max-height: 500px !important;
    overflow-y: auto !important;
}

#couponBox .table {
    margin: 0 !important;
}

#couponBox .table thead {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
}

#couponBox .table thead th {
    color: #fff !important;
    font-weight: 500 !important;
    padding: 15px !important;
    border: none !important;
}

#couponBox .table tbody td {
    padding: 15px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    vertical-align: middle !important;
}

#couponBox .btn-success,
#couponBox .cp_apply,
#couponBox .od_cp_apply,
#couponBox .sc_cp_apply {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 8px 20px !important;
    color: #fff !important;
    transition: all 0.2s ease !important;
}

#couponBox .btn-success:hover,
#couponBox .cp_apply:hover,
#couponBox .od_cp_apply:hover,
#couponBox .sc_cp_apply:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(255, 101, 87, 0.4) !important;
}

#couponBox .btn-default,
#cp_close,
#od_coupon_close,
#sc_coupon_close {
    background: #f5f5f5 !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 10px 25px !important;
    color: #666 !important;
    margin: 15px !important;
}

/* 에스크로 안내 */
#sod_frm_escrow {
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
}

/* 입력 필드 포커스 효과 강화 */
#forderform input:focus,
#forderform select:focus,
#forderform textarea:focus {
    border-color: #FF6557 !important;
    box-shadow: 0 0 0 4px rgba(255, 101, 87, 0.15) !important;
    outline: none !important;
    background: #fff !important;
}

/* Select 박스 스타일 */
#forderform select.form-control {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url(data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg width=12 height=12 viewBox=0 0 12 12%3E%3Cpath fill=%23666 d=M6 8L1 3h10z/%3E%3C/svg%3E) !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    padding-right: 40px !important;
}

/* 배송비 안내 */
.font-12 {
    font-size: 12px !important;
    color: #888 !important;
}

/* 총금액 강조 */
#sod_frm_pay .control-label b {
    color: #333 !important;
}

#sod_frm_pay label.control-label span {
    font-size: 18px !important;
    color: #FF6557 !important;
    font-weight: 700 !important;
}

/* 섹션 구분 */
section {
    margin-bottom: 25px !important;
}

/* 페이지 제목 (있는 경우) */
.page-title,
.sub-title h2 {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    margin-bottom: 30px !important;
}

/* 빈 장바구니 메시지 */
#sod_bsk_list .text-muted {
    color: #999 !important;
}

#sod_bsk_list .text-muted p {
    font-size: 18px !important;
    padding: 60px 0 !important;
}

/* 계속하기 버튼 */
#sod_bsk_list .btn-color {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 25px !important;
    padding: 12px 35px !important;
    transition: all 0.3s ease !important;
}

#sod_bsk_list .btn-color:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4) !important;
}

/* 네이버페이 버튼 영역 */
#sod_bsk_list [style*=margin-top:20px] {
    padding: 15px !important;
    background: #f8f9fa !important;
    border-radius: 12px !important;
    display: inline-block !important;
}

/* 결제방법 라벨 개선 */
#sod_frm_pay .radio-line label {
    background: #fff !important;
    border: 2px solid #e9ecef !important;
    padding: 12px 20px !important;
    margin: 5px !important;
    font-weight: 500 !important;
}

#sod_frm_pay .radio-line label:hover {
    border-color: #FF6557 !important;
    background: #fff5f4 !important;
}

#sod_frm_pay .radio-line input[type=radio]:checked ~ label,
#sod_frm_pay .radio-line label:has(input:checked) {
    border-color: #FF6557 !important;
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    color: #fff !important;
}

/* 무통장입금 안내 */
#settle_bank {
    background: #f8f9fa !important;
    padding: 20px !important;
    border-radius: 12px !important;
    margin-top: 15px !important;
}

/* 포인트 사용 영역 */
#sod_frm_pt {
    background: #e8f4f8 !important;
    padding: 10px 15px !important;
    border-radius: 8px !important;
    display: inline-block !important;
}

/* 배송지 선택 버튼들 */
#forderform .radio-line a.btn {
    background: #667eea !important;
    color: #fff !important;
    margin-left: 10px !important;
}

/* ========================================
   장바구니/주문서 페이지 배경 및 레이아웃
   ======================================== */

/* 페이지 전체 배경 */
body.shop-cart,
body.shop-order {
    background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%) !important;
}

/* 콘텐츠 영역 */
.at-container {
    max-width: 1200px !important;
}

/* 장바구니/주문서 메인 영역 */
#sod_bsk_list,
#forderform {
    padding: 20px 0 !important;
}

/* 상단 타이틀 영역 */
.basic-title.widget-box {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #1a1a2e 100%) !important;
    margin-bottom: 30px !important;
}

.basic-title h1,
.basic-title .title-text {
    color: #fff !important;
    font-weight: 600 !important;
}

/* 장바구니 제목 아이콘 */
.basic-title .fa-shopping-cart {
    color: #ffd700 !important;
}

/* 주문서 스텝 표시 (있는 경우) */
.order-step,
.checkout-step {
    display: flex !important;
    justify-content: center !important;
    gap: 30px !important;
    padding: 20px 0 40px !important;
}

.order-step li,
.checkout-step li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #999 !important;
    font-size: 14px !important;
}

.order-step li.active,
.checkout-step li.active {
    color: #FF6557 !important;
    font-weight: 600 !important;
}

.order-step li.active::before,
.checkout-step li.active::before {
    content:  !important;
    width: 24px !important;
    height: 24px !important;
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
}

/* 입력 그룹 애드온 */
#forderform .input-group-addon {
    background: #f8f9fa !important;
    border: 2px solid #e9ecef !important;
    border-left: none !important;
    border-radius: 0 10px 10px 0 !important;
    color: #666 !important;
}

#forderform .input-group .form-control {
    border-radius: 10px 0 0 10px !important;
}

/* 쿠폰 취소 버튼 */
.cp_cancel,
#od_coupon_cancel,
#sc_coupon_cancel {
    background: #ff6b6b !important;
    border: none !important;
    color: #fff !important;
    border-radius: 15px !important;
    padding: 5px 12px !important;
    font-size: 11px !important;
    margin-left: 5px !important;
    transition: all 0.2s ease !important;
}

.cp_cancel:hover,
#od_coupon_cancel:hover,
#sc_coupon_cancel:hover {
    background: #e74c3c !important;
}

/* 희망배송일 달력 */
#od_hope_date {
    background: #fff !important;
    cursor: pointer !important;
}

/* 주소 검색 후 readonly 필드 */
#forderform input[readonly] {
    background: #f0f0f0 !important;
    color: #666 !important;
}

/* 로딩 상태 */
.loading {
    position: relative !important;
    pointer-events: none !important;
    opacity: 0.7 !important;
}

.loading::after {
    content:  !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 30px !important;
    height: 30px !important;
    border: 3px solid #f3f3f3 !important;
    border-top: 3px solid #FF6557 !important;
    border-radius: 50% !important;
    animation: spin 1s linear infinite !important;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* 스크롤바 스타일 */
#couponBox::-webkit-scrollbar {
    width: 8px !important;
}

#couponBox::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 4px !important;
}

#couponBox::-webkit-scrollbar-thumb {
    background: #c1c1c1 !important;
    border-radius: 4px !important;
}

#couponBox::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1 !important;
}

/* 애니메이션 효과 */
#sod_bsk_list .table-responsive,
#forderform .panel,
.order-item .table-responsive {
    animation: fadeInUp 0.5s ease-out !important;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 모바일 최적화 추가 */
@media (max-width: 576px) {
    #display_pay_button input.btn,
    #display_pay_button .btn-color {
        padding: 15px 40px !important;
        font-size: 16px !important;
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    
    #display_pay_button .btn-black {
        margin-left: 0 !important;
        width: 100% !important;
    }
    
    #sod_bsk_list .btn-group {
        display: block !important;
        width: 100% !important;
        margin: 5px 0 !important;
    }
    
    #sod_bsk_list .btn-group .btn {
        width: 100% !important;
    }
    
    #forderform .form-group {
        padding: 15px 0 !important;
    }
    
    .order-item td {
        font-size: 12px !important;
        padding: 10px 8px !important;
    }
}

/* ========================================
   장바구니 테이블 헤더 줄 문제 수정
   ======================================== */

/* 테이블 중간 줄 제거 */
#sod_bsk_list .div-table.table tbody tr.tr-line {
    border: none !important;
    background: #fff !important;
}

#sod_bsk_list .div-table.table tbody tr.tr-line td {
    border: none !important;
    background: #fff !important;
}

/* 모든 tr-line 클래스 배경 흰색 */
#sod_bsk_list tr.tr-line,
#sod_bsk_list .tr-line {
    background: #fff !important;
    border: none !important;
}

#sod_bsk_list tr.tr-line td,
#sod_bsk_list .tr-line td {
    background: #fff !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* 합계 테이블 헤더 - 밝은 회색으로 */
#sod_bsk_list .table-responsive:not(:first-of-type) .tr-head,
#sod_bsk_list .table-responsive:not(:first-of-type) .list-head {
    background: #f8f9fa !important;
    border: none !important;
}

#sod_bsk_list .table-responsive:not(:first-of-type) th {
    color: #333 !important;
    background: #f8f9fa !important;
    border: none !important;
}

#sod_bsk_list .table-responsive:not(:first-of-type) th span {
    color: #333 !important;
}

/* border-black 클래스 수정 */
#sod_bsk_list .border-black {
    border: none !important;
    background: #f8f9fa !important;
}

#sod_bsk_list .border-black th {
    color: #333 !important;
    background: transparent !important;
}

/* 인라인 border 스타일 제거 */
#sod_bsk_list tr[style] {
    border: none !important;
    border-top: none !important;
}

#sod_bsk_list .table-responsive:last-of-type tr {
    background: #fff !important;
}

#sod_bsk_list .table-responsive:last-of-type .tr-head,
#sod_bsk_list .table-responsive:last-of-type .list-head {
    background: #f8f9fa !important;
}

#sod_bsk_list .table-responsive:last-of-type .tr-head th,
#sod_bsk_list .table-responsive:last-of-type .list-head th {
    background: transparent !important;
}

/* ========================================
   장바구니 헤더 스타일 완전 재정의
   ======================================== */

/* 기본: 모든 tr-head, list-head를 밝은 회색으로 */
#sod_bsk_list > .table-responsive:first-of-type .tr-head,
#sod_bsk_list .list-head,
#sod_bsk_list .border-black {
    background: #f5f5f5 !important;
    border: none !important;
}

#sod_bsk_list .tr-head th,
#sod_bsk_list .list-head th,
#sod_bsk_list .border-black th {
    background: transparent !important;
    color: #555 !important;
    font-weight: 600 !important;
    border: none !important;
}

#sod_bsk_list .tr-head th span,
#sod_bsk_list .list-head th span,
#sod_bsk_list .border-black th span {
    color: #555 !important;
}

/* 첫번째 테이블(상품목록)의 헤더만 다크로 */
#sod_bsk_list > .table-responsive:first-of-type .tr-head,
#sod_bsk_list > .table-responsive:first-of-type .list-head,
#sod_bsk_list > .table-responsive:first-of-type tr:first-of-type[class*="head"] {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%) !important;
}

#sod_bsk_list > .table-responsive:first-of-type .tr-head th,
#sod_bsk_list > .table-responsive:first-of-type .list-head th {
    color: #fff !important;
}

#sod_bsk_list > .table-responsive:first-of-type .tr-head th span,
#sod_bsk_list > .table-responsive:first-of-type .list-head th span {
    color: #fff !important;
}

/* ========================================
   장바구니 - 최종 수정
   ======================================== */

/* 모든 헤더 기본값: 연한 회색 */
#sod_bsk_list .div-table .tr-head,
#sod_bsk_list .div-table .list-head {
    background: #f8f8f8 !important;
    background-image: none !important;
}

#sod_bsk_list .div-table .tr-head th,
#sod_bsk_list .div-table .list-head th {
    background: transparent !important;
    color: #444 !important;
}

#sod_bsk_list .div-table .tr-head th span,
#sod_bsk_list .div-table .list-head th span {
    color: #444 !important;
}

/* 상품목록 테이블 헤더만 (첫번째 table-responsive) */
#sod_bsk_list .table-responsive:nth-of-type(1) .div-table > tbody > tr:first-of-type {
    background: linear-gradient(135deg, #2c3e50 0%, #3d566e 100%) !important;
}

#sod_bsk_list .table-responsive:nth-of-type(1) .div-table > tbody > tr:first-of-type th {
    color: #fff !important;
    background: transparent !important;
}

#sod_bsk_list .table-responsive:nth-of-type(1) .div-table > tbody > tr:first-of-type th span {
    color: #fff !important;
}

/* 합계 테이블 (두번째 table-responsive 이후) */
#sod_bsk_list .table-responsive:nth-of-type(n+2) .div-table .tr-head,
#sod_bsk_list .table-responsive:nth-of-type(n+2) .div-table .list-head,
#sod_bsk_list .table-responsive + * + .table-responsive .tr-head {
    background: #f8f8f8 !important;
    background-image: none !important;
}

#sod_bsk_list .table-responsive:nth-of-type(n+2) .div-table th {
    color: #444 !important;
    background: transparent !important;
}

/* 합계 테이블 데이터 행 */
#sod_bsk_list .table-responsive:nth-of-type(n+2) .tr-line td {
    background: #fff !important;
}

/* 인라인 스타일 오버라이드 */
#sod_bsk_list tr[style*="background:#fafafa"],
#sod_bsk_list tr[style*="background: #fafafa"] {
    background: #f8f8f8 !important;
}

/* ========================================
   합계 테이블 최종 오버라이드 (가장 마지막)
   ======================================== */

/* 합계 테이블 헤더 - 반드시 연한 회색 */
#sod_bsk_list .table-responsive + hr + .btn-group ~ .table-responsive .tr-head,
#sod_bsk_list .table-responsive + hr + .btn-group ~ .table-responsive .list-head,
#sod_bsk_list .table-responsive:not(:first-of-type) .tr-head,
#sod_bsk_list .table-responsive:not(:first-of-type) .list-head,
#sod_bsk_list .table-responsive:nth-child(n+2) .tr-head,
#sod_bsk_list .table-responsive:nth-child(n+2) .list-head {
    background: #f5f5f5 !important;
    background-image: none !important;
    border: none !important;
}

#sod_bsk_list .table-responsive:not(:first-of-type) .tr-head th,
#sod_bsk_list .table-responsive:not(:first-of-type) .list-head th,
#sod_bsk_list .table-responsive:not(:first-of-type) th {
    color: #333 !important;
    background: transparent !important;
}

#sod_bsk_list .table-responsive:not(:first-of-type) .tr-head th span,
#sod_bsk_list .table-responsive:not(:first-of-type) .list-head th span,
#sod_bsk_list .table-responsive:not(:first-of-type) th span {
    color: #333 !important;
}

/* 합계 테이블 데이터 행 */
#sod_bsk_list .table-responsive:not(:first-of-type) .tr-line,
#sod_bsk_list .table-responsive:not(:first-of-type) tbody tr:not(.tr-head):not(.list-head) {
    background: #fff !important;
}

#sod_bsk_list .table-responsive:not(:first-of-type) .tr-line td,
#sod_bsk_list .table-responsive:not(:first-of-type) tbody td {
    background: #fff !important;
    border: none !important;
    color: #333 !important;
}

/* 합계 금액 강조 */
#sod_bsk_list .table-responsive:not(:first-of-type) strong {
    color: #FF6557 !important;
    font-size: 15px !important;
}

/* ========================================
   주문조회 페이지 리디자인
   ======================================== */

/* 안내 박스 */
.well.well-sm {
    background: linear-gradient(135deg, #e8f4f8 0%, #d4edda 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 18px 25px !important;
    color: #2c5530 !important;
    font-size: 14px !important;
    box-shadow: 0 3px 15px rgba(0,0,0,0.05) !important;
    margin-bottom: 25px !important;
}

.well.well-sm i.fa {
    color: #28a745 !important;
    margin-right: 10px !important;
}

.well.well-sm strong {
    color: #FF6557 !important;
    font-size: 16px !important;
}

/* 상태설명 버튼 */
.well.well-sm .cursor {
    background: rgba(255,255,255,0.7) !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    color: #666 !important;
    transition: all 0.2s ease !important;
}

.well.well-sm .cursor:hover {
    background: #fff !important;
    color: #FF6557 !important;
}

/* 주문목록 테이블 */
.bsk-tbl {
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}

.bsk-tbl .tr-head,
.bsk-tbl .list-head {
    background: linear-gradient(135deg, #2c3e50 0%, #3d566e 100%) !important;
}

.bsk-tbl .tr-head th,
.bsk-tbl .list-head th {
    color: #fff !important;
    font-weight: 500 !important;
    padding: 15px 12px !important;
    border: none !important;
    font-size: 13px !important;
}

.bsk-tbl .tr-head th span,
.bsk-tbl .list-head th span {
    color: #fff !important;
}

.bsk-tbl tbody tr {
    transition: all 0.2s ease !important;
}

.bsk-tbl tbody tr:hover {
    background: #f8f9fa !important;
}

.bsk-tbl tbody td {
    padding: 15px 12px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* 주문번호 링크 */
.bsk-tbl tbody td a {
    color: #667eea !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.bsk-tbl tbody td a:hover {
    color: #FF6557 !important;
}

/* 주문상태 뱃지 스타일 */
.bsk-tbl tbody td:last-child {
    font-weight: 500 !important;
}

/* 페이지네이션 */
.pagination.en {
    display: flex !important;
    justify-content: center !important;
    gap: 5px !important;
    margin: 30px 0 !important;
}

.pagination.en li a,
.pagination.en li span {
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    color: #666 !important;
    background: #f5f5f5 !important;
    transition: all 0.2s ease !important;
}

.pagination.en li a:hover {
    background: #667eea !important;
    color: #fff !important;
}

.pagination.en li.active a,
.pagination.en li.active span {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    color: #fff !important;
}

/* ========================================
   주문상세 페이지 리디자인
   ======================================== */

/* 패널 공통 스타일 */
.panel {
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    margin-bottom: 25px !important;
    overflow: hidden !important;
}

.panel-default {
    border: none !important;
}

.panel-heading {
    padding: 18px 25px !important;
    border: none !important;
}

.panel-heading strong {
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.panel-heading i.fa {
    font-size: 18px !important;
}

/* 결제정보 패널 (녹색) */
.panel-success {
    border: none !important;
}

.panel-success > .panel-heading {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    color: #fff !important;
}

.panel-success .panel-heading strong,
.panel-success .panel-heading i {
    color: #fff !important;
}

/* 기본 패널 (회색) */
.panel-default > .panel-heading {
    background: linear-gradient(135deg, #6c757d 0%, #868e96 100%) !important;
    color: #fff !important;
}

.panel-default .panel-heading strong,
.panel-default .panel-heading i {
    color: #fff !important;
}

/* 결제합계 패널 (파랑) */
.panel-primary {
    border: none !important;
}

.panel-primary > .panel-heading {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #fff !important;
}

.panel-primary .panel-heading strong,
.panel-primary .panel-heading i {
    color: #fff !important;
}

/* 패널 내부 테이블 */
.panel .table-responsive {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.panel .bsk-tbl {
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.panel .bsk-tbl th[scope="row"] {
    background: #f8f9fa !important;
    color: #333 !important;
    font-weight: 600 !important;
    text-align: left !important;
    padding: 15px 20px !important;
    border-bottom: 1px solid #eee !important;
}

.panel .bsk-tbl td {
    padding: 15px 20px !important;
    border-bottom: 1px solid #eee !important;
}

.panel .bsk-tbl tr.active th,
.panel .bsk-tbl tr.active td {
    background: #fff5f4 !important;
}

/* 금액 강조 */
.panel .bsk-tbl td strong {
    color: #FF6557 !important;
    font-size: 15px !important;
}

/* 합계 well 박스 */
.well:not(.well-sm) {
    background: #fff !important;
    border: 2px solid #f0f0f0 !important;
    border-radius: 16px !important;
    padding: 25px !important;
    margin-bottom: 25px !important;
}

.well .row > div {
    padding: 10px 15px !important;
    border-bottom: 1px solid #f5f5f5 !important;
}

.well .row > div:nth-last-child(-n+2) {
    border-bottom: none !important;
}

.well .row > div.red {
    color: #FF6557 !important;
    font-size: 16px !important;
}

.well .row > div.red strong {
    font-size: 18px !important;
}

/* 모달 스타일 */
#statusModal .modal-content {
    border-radius: 20px !important;
    border: none !important;
    box-shadow: 0 25px 80px rgba(0,0,0,0.25) !important;
}

#statusModal .modal-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    border-radius: 20px 20px 0 0 !important;
    padding: 20px 25px !important;
}

#statusModal .modal-title {
    color: #fff !important;
    font-weight: 600 !important;
}

#statusModal .modal-header .close {
    color: #fff !important;
    opacity: 0.8 !important;
}

#statusModal .modal-body {
    padding: 25px !important;
}

#statusModal .modal-body ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#statusModal .modal-body li {
    padding: 12px 15px !important;
    margin: 8px 0 !important;
    background: #f8f9fa !important;
    border-radius: 10px !important;
    border-left: 4px solid #667eea !important;
}

/* 배송정보 리스트 */
.delivery-info {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.delivery-info li {
    padding: 5px 0 !important;
    font-size: 12px !important;
    color: #666 !important;
}

.delivery-info li b {
    color: #333 !important;
}

.delivery-info .orangered {
    color: #FF6557 !important;
    font-weight: 600 !important;
}

/* 취소 폼 */
#sod_fin_cancelfrm .well {
    background: #f8f9fa !important;
    border: none !important;
}

#sod_fin_cancelfrm .input-group {
    max-width: 500px !important;
    margin: 0 auto !important;
}

#sod_fin_cancelfrm .input-group-addon {
    background: #667eea !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px 0 0 10px !important;
}

#sod_fin_cancelfrm .form-control {
    border: 2px solid #e9ecef !important;
    border-left: none !important;
    border-right: none !important;
}

#sod_fin_cancelfrm .btn-deepblue {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    border: none !important;
    border-radius: 0 10px 10px 0 !important;
}

/* 하단 버튼들 */
.print-hide.text-center .btn {
    margin: 5px !important;
    border-radius: 25px !important;
    padding: 10px 25px !important;
    transition: all 0.3s ease !important;
}

.print-hide.text-center .btn-color {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    border: none !important;
    color: #fff !important;
}

.print-hide.text-center .btn-color:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 101, 87, 0.4) !important;
}

.print-hide.text-center .btn-black {
    background: #333 !important;
    border: none !important;
    color: #fff !important;
}

.print-hide.text-center .btn-black:hover {
    background: #1a1a2e !important;
    transform: translateY(-2px) !important;
}

/* 상품 이미지 */
.bsk-tbl .item-img {
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1) !important;
}

.bsk-tbl .item-type {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    font-size: 10px !important;
    padding: 3px !important;
}

/* 경고/알림 박스 */
.alert {
    border-radius: 12px !important;
    border: none !important;
    padding: 15px 20px !important;
}

.alert-danger {
    background: linear-gradient(135deg, #fff5f5 0%, #ffe3e3 100%) !important;
    color: #c92a2a !important;
}

/* 주문 없음 메시지 */
.bsk-tbl tbody td[colspan] {
    padding: 50px 20px !important;
    color: #999 !important;
    font-size: 15px !important;
}

/* ========================================
   주문조회 테이블 헤더 수정
   ======================================== */

/* 패널 내부의 테이블 헤더는 밝게 */
.panel .bsk-tbl .tr-head,
.panel .bsk-tbl .list-head {
    background: #f8f9fa !important;
    background-image: none !important;
}

.panel .bsk-tbl .tr-head th,
.panel .bsk-tbl .list-head th {
    color: #333 !important;
    background: transparent !important;
}

.panel .bsk-tbl .tr-head th span,
.panel .bsk-tbl .list-head th span {
    color: #333 !important;
}

/* 주문상품 테이블만 다크 헤더 (패널 밖) */
body .table-responsive > .bsk-tbl > tbody > tr.tr-head:first-child,
body .table-responsive > .bsk-tbl > tbody > tr.list-head:first-child,
body .table-responsive > .div-table.bsk-tbl > tbody > tr:first-child[class*="head"] {
    background: linear-gradient(135deg, #2c3e50 0%, #3d566e 100%) !important;
}

body .table-responsive > .bsk-tbl > tbody > tr.tr-head:first-child th,
body .table-responsive > .bsk-tbl > tbody > tr.list-head:first-child th {
    color: #fff !important;
}

body .table-responsive > .bsk-tbl > tbody > tr.tr-head:first-child th span,
body .table-responsive > .bsk-tbl > tbody > tr.list-head:first-child th span {
    color: #fff !important;
}

/* 반응형 조정 */
@media (max-width: 768px) {
    .panel-heading {
        padding: 15px 20px !important;
    }
    
    .panel .bsk-tbl th[scope="row"],
    .panel .bsk-tbl td {
        padding: 12px 15px !important;
        font-size: 13px !important;
    }
    
    .well:not(.well-sm) {
        padding: 15px !important;
    }
    
    .well .row > div {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    
    .pagination.en li a,
    .pagination.en li span {
        padding: 8px 12px !important;
        font-size: 12px !important;
    }
}

/* ========================================
   테이블 상단 빨간줄 제거
   ======================================== */

/* border 클래스들 제거 */
.border-black,
.border-red,
.border-blue,
.border-green,
.border-orange,
.border-yellow,
[class*="border-"] {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* tr-head의 모든 border 제거 */
.tr-head,
.list-head,
.tr-head.border-black,
.list-head.border-black,
tr[class*="tr-head"],
tr[class*="list-head"] {
    border: none !important;
    border-top: none !important;
}

/* bsk-tbl 테이블 border 제거 */
.bsk-tbl .tr-head,
.bsk-tbl .list-head,
.bsk-tbl tr[class*="head"] {
    border: none !important;
    border-top: none !important;
}

/* div-table border 제거 */
.div-table .tr-head,
.div-table .list-head {
    border: none !important;
    border-top: none !important;
}

/* table-responsive 내부 border 제거 */
.table-responsive .tr-head,
.table-responsive .list-head {
    border: none !important;
    border-top: none !important;
}

/* 인라인 스타일 오버라이드 */
tr[style*="border-top"] {
    border-top: none !important;
}

/* ========================================
   APMS 테이블 헤더 border-top 완전 제거
   ======================================== */

/* 최고 우선순위로 border-top 제거 */
table .tr-head,
table .list-head,
table tr.tr-head,
table tr.list-head,
.table .tr-head,
.table .list-head,
.div-table .tr-head,
.div-table .list-head,
tbody .tr-head,
tbody .list-head,
tbody > tr.tr-head,
tbody > tr.list-head {
    border-top-width: 0 !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
    border-top: 0 none transparent !important;
}

/* bsk-tbl 내부 */
.bsk-tbl .tr-head,
.bsk-tbl .list-head,
.bsk-tbl > tbody > tr.tr-head,
.bsk-tbl > tbody > tr.list-head {
    border-top-width: 0 !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
    border-top: 0 none transparent !important;
}

/* border-black 클래스와 함께 사용될 때 */
.tr-head.border-black,
.list-head.border-black,
tr.tr-head.border-black,
tr.list-head.border-black {
    border-top-width: 0 !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
    border-top: 0 none transparent !important;
    border-color: transparent !important;
}

/* table-responsive 내부 */
.table-responsive .tr-head,
.table-responsive .list-head,
.table-responsive table .tr-head,
.table-responsive table .list-head,
.table-responsive .bsk-tbl .tr-head,
.table-responsive .bsk-tbl .list-head {
    border-top-width: 0 !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
    border-top: 0 none transparent !important;
}

/* ========================================
   푸터 완전 리디자인
   ======================================== */

/* 푸터 전체 래퍼 */
.at-footer {
    background: linear-gradient(180deg, #1a1a2e 0%, #0f0f1a 100%) !important;
    color: rgba(255,255,255,0.85) !important;
    padding: 0 !important;
    font-size: 14px !important;
}

/* 상단 링크 네비게이션 */
.at-footer .at-links {
    background: rgba(255,255,255,0.03) !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    padding: 0 !important;
}

.at-footer .at-links .at-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    padding: 15px 0 !important;
}

.at-footer .at-links ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
}

.at-footer .at-links ul li {
    float: none !important;
}

.at-footer .at-links ul li a {
    color: rgba(255,255,255,0.7) !important;
    padding: 8px 18px !important;
    border-radius: 20px !important;
    transition: all 0.25s ease !important;
    font-size: 13px !important;
    display: inline-block !important;
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}

.at-footer .at-links ul li a:hover {
    background: rgba(255, 101, 87, 0.2) !important;
    color: #FF6557 !important;
    border-color: rgba(255, 101, 87, 0.3) !important;
    transform: translateY(-2px) !important;
}

/* 개인정보처리방침 강조 */
.at-footer .at-links ul li a[href*="privacy"] {
    color: #ffd700 !important;
    font-weight: 600 !important;
}

/* 푸터 정보 영역 */
.at-footer .at-infos {
    padding: 50px 0 !important;
}

.at-footer .at-infos .at-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

.at-footer .at-infos .media {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 50px !important;
    align-items: start !important;
}

/* 좌측 고객센터 영역 */
.at-footer .at-infos .pull-left,
.at-footer .at-infos .media-body {
    float: none !important;
}

/* 회사 정보 리스트 */
.at-footer .at-about {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 25px !important;
}

.at-footer .at-about li {
    color: rgba(255,255,255,0.6) !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
}

.at-footer .at-about li b {
    color: #fff !important;
    font-size: 16px !important;
    display: block !important;
    margin-bottom: 15px !important;
}

.at-footer .at-about li span {
    color: rgba(255,255,255,0.8) !important;
}

/* 저작권 영역 */
.at-footer .copyright,
.at-footer .at-copyright {
    margin-top: 30px !important;
    padding-top: 25px !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    color: rgba(255,255,255,0.5) !important;
    font-size: 13px !important;
}

.at-footer .copyright strong,
.at-footer .at-copyright strong {
    color: #FF6557 !important;
    font-weight: 600 !important;
}

.at-footer .copyright i.fa-copyright,
.at-footer .at-copyright i.fa-copyright {
    color: rgba(255,255,255,0.4) !important;
    margin: 0 5px !important;
}

.at-footer .at-copyright i.fa-leaf {
    color: #28a745 !important;
    margin-right: 10px !important;
}

/* SNS 아이콘 영역 (위젯에서 출력되는 경우) */
.at-footer .sns-icons,
.at-footer .social-icons,
.at-footer [class*="sns"],
.at-footer [class*="social"] {
    display: flex !important;
    gap: 15px !important;
    margin: 20px 0 !important;
}

.at-footer .sns-icons a,
.at-footer .social-icons a {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,0.1) !important;
    transition: all 0.3s ease !important;
    border: 2px solid rgba(255,255,255,0.1) !important;
}

.at-footer .sns-icons a:hover,
.at-footer .social-icons a:hover {
    transform: translateY(-5px) scale(1.1) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
}

/* 고정 사이드바 버튼 (맨위로/맨아래로) */
.at-go {
    position: fixed !important;
    right: 20px !important;
    bottom: 100px !important;
    z-index: 999 !important;
}

.at-go .go-btn {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.at-go .go-btn span {
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(255, 101, 87, 0.4) !important;
    transition: all 0.3s ease !important;
}

.at-go .go-btn span:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 6px 25px rgba(255, 101, 87, 0.5) !important;
}

.at-go .go-btn span i {
    font-size: 16px !important;
}

/* 푸터 반응형 */
@media (max-width: 991px) {
    .at-footer .at-infos .media {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    
    .at-footer .at-infos {
        padding: 40px 0 !important;
    }
}

@media (max-width: 768px) {
    .at-footer .at-links ul {
        gap: 5px !important;
    }
    
    .at-footer .at-links ul li a {
        padding: 6px 12px !important;
        font-size: 12px !important;
    }
    
    .at-footer .at-about {
        flex-direction: column !important;
        gap: 5px !important;
    }
    
    .at-footer .at-infos {
        padding: 30px 0 !important;
    }
    
    .at-go {
        right: 15px !important;
        bottom: 80px !important;
    }
    
    .at-go .go-btn span {
        width: 40px !important;
        height: 40px !important;
    }
}

/* 커스텀 푸터 위젯 영역 (메인 페이지) */
.widget-index .at-footer,
.main-footer {
    background: linear-gradient(180deg, #1a1a2e 0%, #0f0f1a 100%) !important;
}

/* 푸터 내 위젯 박스 */
.at-footer .widget-box {
    margin-bottom: 30px !important;
}

/* 고객센터 제목 */
.at-footer h4,
.at-footer h5,
.at-footer .footer-title {
    color: #fff !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    font-size: 18px !important;
    position: relative !important;
    padding-bottom: 15px !important;
}

.at-footer h4::after,
.at-footer h5::after,
.at-footer .footer-title::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 50px !important;
    height: 3px !important;
    background: linear-gradient(90deg, #FF6557 0%, transparent 100%) !important;
    border-radius: 3px !important;
}

/* 고객센터 연락처 */
.at-footer .tel,
.at-footer .phone,
.at-footer [class*="tel"],
.at-footer [class*="phone"] {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #FF6557 !important;
    margin: 15px 0 !important;
}

/* 운영시간 */
.at-footer .time,
.at-footer .hours,
.at-footer [class*="time"],
.at-footer [class*="hour"] {
    color: rgba(255,255,255,0.7) !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
}

/* ========================================
   푸터 상세 스타일
   ======================================== */

/* 푸터 메인 영역 (3단 레이아웃) */
.at-footer .at-infos .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 -15px !important;
}

.at-footer .at-infos .row > [class*="col-"] {
    padding: 20px 30px !important;
}

/* 고객상담센터 영역 */
.at-footer .at-infos .at-about {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.at-footer .at-infos .at-about li {
    color: rgba(255,255,255,0.7) !important;
    font-size: 13px !important;
    line-height: 2 !important;
    padding: 3px 0 !important;
}

.at-footer .at-infos .at-about li:first-child {
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    padding-bottom: 15px !important;
    border-bottom: 2px solid rgba(255, 101, 87, 0.5) !important;
    position: relative !important;
}

.at-footer .at-infos .at-about li:first-child::after {
    content: "📞" !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    font-size: 24px !important;
}

.at-footer .at-infos .at-about li b {
    color: #FF6557 !important;
    font-size: 15px !important;
    display: block !important;
    margin-bottom: 10px !important;
}

.at-footer .at-infos .at-about li span {
    color: #ffd700 !important;
}

/* SNS 영역 (중앙 컬럼) */
.at-footer .at-infos .col-sm-4:nth-child(2) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.at-footer .at-infos .col-sm-4:nth-child(2) .widget-box {
    width: 100% !important;
}

/* SNS 배너/아이콘 스타일 */
.at-footer .at-infos .col-sm-4:nth-child(2) img {
    border-radius: 15px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.3) !important;
}

.at-footer .at-infos .col-sm-4:nth-child(2) img:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4) !important;
}

/* 공지사항 영역 (우측 컬럼) */
.at-footer .at-infos .div-title-underbar {
    border-bottom: none !important;
    margin-bottom: 20px !important;
}

.at-footer .at-infos .div-title-underbar-bold {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    color: #fff !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    font-size: 14px !important;
    border: none !important;
}

.at-footer .at-infos .div-title-underbar .pull-right {
    color: rgba(255,255,255,0.5) !important;
}

/* 공지사항 리스트 */
.at-footer .at-infos .basic-post-list ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.at-footer .at-infos .basic-post-list li {
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.at-footer .at-infos .basic-post-list li a {
    color: rgba(255,255,255,0.7) !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
}

.at-footer .at-infos .basic-post-list li a:hover {
    color: #fff !important;
    padding-left: 5px !important;
}

.at-footer .at-infos .basic-post-list .date {
    color: rgba(255,255,255,0.4) !important;
    font-size: 11px !important;
}

/* 하단 저작권 영역 */
.at-footer .at-copyright {
    background: rgba(0,0,0,0.3) !important;
    padding: 30px 0 !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
}

.at-footer .at-copyright .copyright {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.at-footer .at-copyright .copyright p {
    color: rgba(255,255,255,0.6) !important;
    font-size: 12px !important;
    line-height: 2 !important;
    margin-bottom: 15px !important;
}

.at-footer .at-copyright .copyright p b {
    color: #fff !important;
}

.at-footer .at-copyright .copyright p span {
    color: rgba(255,255,255,0.8) !important;
}

.at-footer .at-copyright .copyright p:last-child {
    margin-bottom: 0 !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
}

/* 하단 배너 영역 */
.at-footer .at-copyright .widget-box img {
    border-radius: 10px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3) !important;
}

/* Owl Carousel in Footer */
.at-footer .owl-carousel .owl-stage {
    display: flex !important;
    align-items: center !important;
}

.at-footer .owl-nav {
    display: none !important;
}

.at-footer .owl-dots {
    margin-top: 15px !important;
}

.at-footer .owl-dot span {
    background: rgba(255,255,255,0.3) !important;
}

.at-footer .owl-dot.active span {
    background: #FF6557 !important;
}

/* 채팅 버튼 (카카오톡 등) */
.at-footer ~ .chat-btn,
.chat-widget,
[class*="kakao-chat"],
[class*="talk-btn"] {
    position: fixed !important;
    right: 20px !important;
    bottom: 20px !important;
    z-index: 1000 !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    box-shadow: 0 5px 25px rgba(0,0,0,0.3) !important;
    transition: all 0.3s ease !important;
}

.at-footer ~ .chat-btn:hover,
.chat-widget:hover,
[class*="kakao-chat"]:hover,
[class*="talk-btn"]:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 8px 35px rgba(0,0,0,0.4) !important;
}

/* ========================================
   푸터 링크 한줄 표시 수정
   ======================================== */

/* 링크 영역 한줄 표시 */
.at-footer .at-links .at-container {
    max-width: 100% !important;
    padding: 12px 20px !important;
}

.at-footer .at-links ul {
    flex-wrap: nowrap !important;
    gap: 3px !important;
    white-space: nowrap !important;
}

.at-footer .at-links ul.pull-left,
.at-footer .at-links ul.pull-right {
    float: none !important;
    display: inline-flex !important;
}

.at-footer .at-links ul li a {
    padding: 6px 12px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
}

/* 구분자 스타일 */
.at-footer .at-links ul li::after {
    content: "" !important;
    display: none !important;
}

/* 모바일에서만 줄바꿈 허용 */
@media (max-width: 992px) {
    .at-footer .at-links ul {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    
    .at-footer .at-links ul li a {
        padding: 5px 10px !important;
        font-size: 11px !important;
    }
}

/* ========================================
   푸터 본문 영역 텍스트 가시성 수정
   ======================================== */

/* 푸터 본문 영역 - 밝은 배경일 경우 */
.at-footer .at-infos {
    background: #f8f9fa !important;
    padding: 50px 0 !important;
}

/* 고객상담센터 텍스트 */
.at-footer .at-infos .at-about li {
    color: #555 !important;
}

.at-footer .at-infos .at-about li:first-child {
    color: #1a1a2e !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    border-bottom: 3px solid #FF6557 !important;
}

.at-footer .at-infos .at-about li:first-child::after {
    content: "" !important;
}

.at-footer .at-infos .at-about li b {
    color: #FF6557 !important;
}

.at-footer .at-infos .at-about li span {
    color: #FF6557 !important;
    font-weight: 600 !important;
}

/* 운영시간 등 일반 텍스트 */
.at-footer .at-infos .at-about li:not(:first-child):not(:nth-child(2)) {
    color: #666 !important;
}

/* 공지사항 영역 텍스트 */
.at-footer .at-infos .div-title-underbar .pull-right {
    color: #999 !important;
}

.at-footer .at-infos .basic-post-list li {
    border-bottom: 1px solid #e9ecef !important;
}

.at-footer .at-infos .basic-post-list li a {
    color: #333 !important;
}

.at-footer .at-infos .basic-post-list li a:hover {
    color: #FF6557 !important;
}

.at-footer .at-infos .basic-post-list .date,
.at-footer .at-infos .basic-post-list span[class*="date"],
.at-footer .at-infos .basic-post-list .text-muted {
    color: #999 !important;
}

/* 하단 저작권 영역 - 다크 배경 유지 */
.at-footer .at-copyright {
    background: linear-gradient(180deg, #1a1a2e 0%, #0f0f1a 100%) !important;
    padding: 40px 0 !important;
}

.at-footer .at-copyright .copyright p {
    color: rgba(255,255,255,0.7) !important;
}

.at-footer .at-copyright .copyright p b,
.at-footer .at-copyright .copyright p strong {
    color: #fff !important;
}

.at-footer .at-copyright .copyright p span {
    color: rgba(255,255,255,0.9) !important;
}

/* 저작권 문구 */
.at-footer .at-copyright .copyright p:last-child,
.at-footer .at-copyright p:has(strong) {
    color: rgba(255,255,255,0.6) !important;
}

.at-footer .at-copyright strong {
    color: #FF6557 !important;
}

.at-footer .at-copyright a {
    color: #ffd700 !important;
    text-decoration: underline !important;
}

.at-footer .at-copyright a:hover {
    color: #fff !important;
}

/* 상단 링크 영역 - 다크 배경 */
.at-footer .at-links {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
}

/* ========================================
   검색결과 페이지
   ======================================== */

/* 검색 결과 헤더 */
.search-result-header,
.sct_sch {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    padding: 30px !important;
    border-radius: 16px !important;
    margin-bottom: 30px !important;
}

.search-result-header h2,
.sct_sch h2 {
    color: #1a1a2e !important;
    font-size: 24px !important;
    font-weight: 700 !important;
}

.search-result-header .keyword,
.sct_sch strong {
    color: #FF6557 !important;
}

/* 검색 결과 상품 그리드 */
.item-wrap,
.item-gallery {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 25px !important;
    padding: 20px 0 !important;
}

/* 상품 카드 공통 */
.item-list,
.item-box {
    background: #fff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.item-list:hover,
.item-box:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15) !important;
}

/* 상품 이미지 */
.item-list .item-image,
.item-box .item-image {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 16px 16px 0 0 !important;
}

.item-list .item-image img,
.item-box .item-image img {
    transition: transform 0.4s ease !important;
    width: 100% !important;
}

.item-list:hover .item-image img,
.item-box:hover .item-image img {
    transform: scale(1.08) !important;
}

/* 상품 정보 */
.item-list .item-content,
.item-box .item-content {
    padding: 20px !important;
}

.item-list .item-name,
.item-box .item-name {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
    line-height: 1.5 !important;
    margin-bottom: 10px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.item-list .item-price,
.item-box .item-price {
    margin-top: 12px !important;
}

.item-list .item-price b,
.item-box .item-price b,
.item-list .item-price strong,
.item-box .item-price strong {
    color: #FF6557 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.item-list .item-price del,
.item-box .item-price del,
.item-list .item-price strike {
    color: #bbb !important;
    font-size: 13px !important;
}

/* ========================================
   상품 상세 페이지
   ======================================== */

/* 상품 상세 컨테이너 */
#sit_main,
.item-detail {
    background: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 30px rgba(0,0,0,0.08) !important;
    padding: 30px !important;
    margin-bottom: 30px !important;
}

/* 상품 이미지 갤러리 */
#sit_pvi,
.item-detail-image {
    border-radius: 16px !important;
    overflow: hidden !important;
}

#sit_pvi img {
    border-radius: 16px !important;
}

/* 상품 정보 영역 */
#sit_inf,
.item-detail-info {
    padding: 20px !important;
}

/* 상품명 */
#sit_inf_top h1,
.item-detail-name {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    margin-bottom: 20px !important;
    line-height: 1.4 !important;
}

/* 가격 정보 */
#sit_inf_pv,
.item-detail-price {
    background: #f8f9fa !important;
    padding: 25px !important;
    border-radius: 12px !important;
    margin: 20px 0 !important;
}

#sit_inf_pv .sit_pv_wrap,
.price-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #e9ecef !important;
}

#sit_inf_pv .sit_pv_wrap:last-child {
    border-bottom: none !important;
}

#sit_inf_pv .sit_pv_tit {
    color: #666 !important;
    font-weight: 500 !important;
}

#sit_inf_pv .sit_pv_price {
    color: #FF6557 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
}

/* 옵션 선택 */
#sit_opt_added,
.option-select {
    margin: 20px 0 !important;
}

#sit_opt_added select,
.option-select select {
    width: 100% !important;
    padding: 15px !important;
    border: 2px solid #e9ecef !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    background: #fff !important;
}

#sit_opt_added select:focus,
.option-select select:focus {
    border-color: #FF6557 !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(255, 101, 87, 0.1) !important;
}

/* 수량 선택 */
.sit_qty_wrap,
.qty-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 15px 0 !important;
}

.sit_qty_wrap input,
.qty-wrap input {
    width: 80px !important;
    text-align: center !important;
    padding: 12px !important;
    border: 2px solid #e9ecef !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* 구매 버튼 */
#sit_btn,
.item-detail-buttons {
    display: flex !important;
    gap: 12px !important;
    margin-top: 25px !important;
}

#sit_btn button,
#sit_btn a,
.item-detail-buttons button,
.item-detail-buttons a {
    flex: 1 !important;
    padding: 18px 30px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    border: none !important;
    cursor: pointer !important;
}

#sit_btn .btn-buy,
#sit_btn_buy {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    color: #fff !important;
    box-shadow: 0 6px 25px rgba(255, 101, 87, 0.4) !important;
}

#sit_btn .btn-buy:hover,
#sit_btn_buy:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 35px rgba(255, 101, 87, 0.5) !important;
}

#sit_btn .btn-cart,
#sit_btn_cart {
    background: #1a1a2e !important;
    color: #fff !important;
}

#sit_btn .btn-cart:hover,
#sit_btn_cart:hover {
    background: #2c3e50 !important;
    transform: translateY(-3px) !important;
}

/* 상품 탭 메뉴 */
#sit_tab,
.item-tabs {
    display: flex !important;
    border-bottom: 2px solid #e9ecef !important;
    margin: 40px 0 20px !important;
    gap: 5px !important;
}

#sit_tab li,
.item-tabs li {
    list-style: none !important;
}

#sit_tab li a,
.item-tabs li a {
    display: block !important;
    padding: 15px 30px !important;
    color: #666 !important;
    font-weight: 500 !important;
    border-radius: 12px 12px 0 0 !important;
    transition: all 0.3s ease !important;
    background: #f8f9fa !important;
}

#sit_tab li a:hover,
.item-tabs li a:hover {
    background: #e9ecef !important;
    color: #333 !important;
}

#sit_tab li.active a,
.item-tabs li.active a {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    color: #fff !important;
}

/* 상품 상세 설명 */
#sit_desc,
.item-description {
    padding: 30px 0 !important;
    line-height: 1.8 !important;
    color: #333 !important;
}

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

/* ========================================
   게시판 공통 스타일
   ======================================== */

/* 게시판 컨테이너 */
.board-wrap,
#bo_list,
#bo_gall {
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    overflow: hidden !important;
}

/* 게시판 헤더 */
.board-header,
#bo_list_total {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    padding: 20px 25px !important;
    border-bottom: 1px solid #e9ecef !important;
}

/* 게시판 테이블 */
.board-table,
#bo_list table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.board-table thead,
#bo_list thead {
    background: linear-gradient(135deg, #1a1a2e 0%, #2c3e50 100%) !important;
}

.board-table thead th,
#bo_list thead th {
    color: #fff !important;
    font-weight: 500 !important;
    padding: 15px !important;
    text-align: center !important;
}

.board-table tbody tr,
#bo_list tbody tr {
    transition: all 0.2s ease !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.board-table tbody tr:hover,
#bo_list tbody tr:hover {
    background: #f8f9fa !important;
}

.board-table tbody td,
#bo_list tbody td {
    padding: 15px !important;
    color: #333 !important;
}

/* 게시글 제목 링크 */
.board-table td a,
#bo_list td a {
    color: #333 !important;
    transition: color 0.2s ease !important;
}

.board-table td a:hover,
#bo_list td a:hover {
    color: #FF6557 !important;
}

/* 갤러리형 게시판 */
#bo_gall .gall-list,
.gallery-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 25px !important;
    padding: 25px !important;
}

#bo_gall .gall-item,
.gallery-item {
    background: #fff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
    transition: all 0.3s ease !important;
}

#bo_gall .gall-item:hover,
.gallery-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

#bo_gall .gall-item img,
.gallery-item img {
    width: 100% !important;
    transition: transform 0.4s ease !important;
}

#bo_gall .gall-item:hover img,
.gallery-item:hover img {
    transform: scale(1.05) !important;
}

#bo_gall .gall-info,
.gallery-info {
    padding: 20px !important;
}

#bo_gall .gall-title,
.gallery-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 10px !important;
}

/* 페이지네이션 */
.pg_wrap,
.pagination-wrap {
    text-align: center !important;
    padding: 30px 0 !important;
}

.pg,
.pagination {
    display: inline-flex !important;
    gap: 5px !important;
}

.pg a,
.pg strong,
.pagination a,
.pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    background: #f5f5f5 !important;
    color: #666 !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    border: none !important;
}

.pg a:hover,
.pagination a:hover {
    background: #667eea !important;
    color: #fff !important;
}

.pg .pg_current,
.pg strong,
.pagination .active {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    color: #fff !important;
}

/* 검색 폼 */
#bo_sch,
.board-search {
    background: #f8f9fa !important;
    padding: 20px !important;
    border-radius: 12px !important;
    margin: 20px 0 !important;
}

#bo_sch select,
#bo_sch input[type="text"],
.board-search select,
.board-search input {
    padding: 12px 15px !important;
    border: 2px solid #e9ecef !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

#bo_sch select:focus,
#bo_sch input[type="text"]:focus,
.board-search select:focus,
.board-search input:focus {
    border-color: #FF6557 !important;
    outline: none !important;
}

#bo_sch button,
.board-search button {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 25px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

#bo_sch button:hover,
.board-search button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(255, 101, 87, 0.4) !important;
}

/* ========================================
   이벤트 페이지
   ======================================== */

.event-list,
#event_list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 30px !important;
    padding: 20px 0 !important;
}

.event-item {
    background: #fff !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    transition: all 0.3s ease !important;
}

.event-item:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15) !important;
}

.event-item img {
    width: 100% !important;
    transition: transform 0.4s ease !important;
}

.event-item:hover img {
    transform: scale(1.05) !important;
}

.event-info {
    padding: 25px !important;
}

.event-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    margin-bottom: 10px !important;
}

.event-date {
    color: #FF6557 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* ========================================
   태그 페이지
   ======================================== */

.tag-cloud,
#tag_cloud {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 30px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}

.tag-cloud a,
#tag_cloud a {
    display: inline-block !important;
    padding: 10px 20px !important;
    margin: 5px !important;
    background: #f8f9fa !important;
    border-radius: 25px !important;
    color: #666 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    border: 2px solid transparent !important;
}

.tag-cloud a:hover,
#tag_cloud a:hover {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    color: #fff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 5px 20px rgba(255, 101, 87, 0.4) !important;
}

/* 태그 크기별 스타일 */
.tag-cloud a.tag-lg,
#tag_cloud a[style*="font-size: 2"] {
    font-size: 20px !important;
    padding: 12px 25px !important;
    font-weight: 600 !important;
}

.tag-cloud a.tag-md,
#tag_cloud a[style*="font-size: 1.5"] {
    font-size: 16px !important;
}

/* ========================================
   공통 버튼 스타일 개선
   ======================================== */

.btn,
button.btn {
    border-radius: 10px !important;
    padding: 10px 20px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.btn-primary,
.btn-color {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    border: none !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-color:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 20px rgba(255, 101, 87, 0.4) !important;
}

.btn-default,
.btn-black {
    background: #1a1a2e !important;
    border: none !important;
    color: #fff !important;
}

.btn-default:hover,
.btn-black:hover {
    background: #2c3e50 !important;
    transform: translateY(-2px) !important;
}

/* ========================================
   카테고리/분류 탭
   ======================================== */

.category-tabs,
.sca_wrap,
#sca {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 20px 0 !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #f0f0f0 !important;
}

.category-tabs a,
.sca_wrap a,
#sca a {
    padding: 10px 25px !important;
    background: #f8f9fa !important;
    border-radius: 25px !important;
    color: #666 !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    border: 2px solid transparent !important;
}

.category-tabs a:hover,
.sca_wrap a:hover,
#sca a:hover {
    background: #e9ecef !important;
    color: #333 !important;
}

.category-tabs a.active,
.sca_wrap a.on,
#sca a.on {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
}

/* ========================================
   반응형 조정
   ======================================== */

@media (max-width: 768px) {
    .item-wrap,
    .item-gallery {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }
    
    #sit_main,
    .item-detail {
        padding: 15px !important;
        border-radius: 12px !important;
    }
    
    #sit_btn,
    .item-detail-buttons {
        flex-direction: column !important;
    }
    
    #bo_gall .gall-list,
    .gallery-list {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
        padding: 15px !important;
    }
    
    .event-list,
    #event_list {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 480px) {
    .item-wrap,
    .item-gallery {
        grid-template-columns: 1fr !important;
    }
    
    #bo_gall .gall-list,
    .gallery-list {
        grid-template-columns: 1fr !important;
    }
}

/* ========================================
   페이지네이션 수정
   ======================================== */

/* 페이지네이션 완전 재정의 */
.pg_wrap {
    display: flex !important;
    justify-content: center !important;
    padding: 40px 0 !important;
}

.pg {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: transparent !important;
}

.pg a,
.pg span,
.pg strong,
.pg_page,
.pg_current {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 45px !important;
    height: 45px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 12px !important;
    background: #f5f5f5 !important;
    color: #666 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border: none !important;
    box-shadow: none !important;
}

.pg a:hover {
    background: #667eea !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
}

/* 현재 페이지 - 코랄색 */
.pg .pg_current,
.pg strong,
.pg span.pg_current {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    color: #fff !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(255, 101, 87, 0.4) !important;
}

/* 이전/다음 화살표 */
.pg .pg_prev,
.pg .pg_next,
.pg .pg_start,
.pg .pg_end {
    background: #e9ecef !important;
    color: #888 !important;
}

.pg .pg_prev:hover,
.pg .pg_next:hover,
.pg .pg_start:hover,
.pg .pg_end:hover {
    background: #1a1a2e !important;
    color: #fff !important;
}

/* 아이콘/텍스트 정리 */
.pg a i,
.pg span i {
    font-size: 12px !important;
}

/* ========================================
   검색 페이지 헤더 개선
   ======================================== */

/* 검색 결과 타이틀 영역 */
.basic-title,
.sub-title {
    background: linear-gradient(135deg, #1a1a2e 0%, #2c3e50 50%, #1a1a2e 100%) !important;
    padding: 40px 30px !important;
    margin-bottom: 30px !important;
    border-radius: 0 0 20px 20px !important;
    position: relative !important;
    overflow: hidden !important;
}

.basic-title::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #FF6557 0%, #ffd700 50%, #FF6557 100%) !important;
}

.basic-title h1,
.basic-title .title-text,
.sub-title h1 {
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

.basic-title h1 i,
.sub-title h1 i {
    color: #FF6557 !important;
    font-size: 24px !important;
}

/* 검색어 강조 */
.basic-title h1 strong,
.basic-title .keyword {
    color: #ffd700 !important;
    font-weight: 700 !important;
}

/* 우측 부가 정보 */
.basic-title .pull-right,
.sub-title .pull-right {
    color: rgba(255,255,255,0.7) !important;
    font-size: 14px !important;
    float: none !important;
    position: absolute !important;
    right: 30px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.basic-title .pull-right a,
.sub-title .pull-right a {
    color: rgba(255,255,255,0.8) !important;
    padding: 8px 16px !important;
    background: rgba(255,255,255,0.1) !important;
    border-radius: 20px !important;
    transition: all 0.3s ease !important;
}

.basic-title .pull-right a:hover,
.sub-title .pull-right a:hover {
    background: rgba(255, 101, 87, 0.3) !important;
    color: #fff !important;
}

/* 검색 결과 카운트 */
.basic-title .count,
.search-count {
    color: #FF6557 !important;
    font-weight: 600 !important;
    margin-left: 10px !important;
    font-size: 16px !important;
}

/* 하단 라인 제거 및 대체 */
.basic-title hr,
.sub-title hr {
    display: none !important;
}

/* 검색창 스타일 (타이틀 내) */
.basic-title .search-form,
.sub-title .search-form {
    margin-top: 20px !important;
}

.basic-title .search-form input,
.sub-title .search-form input {
    background: rgba(255,255,255,0.1) !important;
    border: 2px solid rgba(255,255,255,0.2) !important;
    color: #fff !important;
    padding: 12px 20px !important;
    border-radius: 25px !important;
    width: 300px !important;
    transition: all 0.3s ease !important;
}

.basic-title .search-form input:focus,
.sub-title .search-form input:focus {
    background: rgba(255,255,255,0.15) !important;
    border-color: #FF6557 !important;
    outline: none !important;
}

.basic-title .search-form input::placeholder {
    color: rgba(255,255,255,0.5) !important;
}

.basic-title .search-form button,
.sub-title .search-form button {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    border: none !important;
    color: #fff !important;
    padding: 12px 25px !important;
    border-radius: 25px !important;
    margin-left: 10px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.basic-title .search-form button:hover,
.sub-title .search-form button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 20px rgba(255, 101, 87, 0.5) !important;
}

/* 빵부스러기(경로) 네비게이션 */
.breadcrumb,
.path-nav {
    background: transparent !important;
    padding: 15px 0 !important;
    margin-bottom: 20px !important;
}

.breadcrumb li,
.path-nav a {
    color: #888 !important;
    font-size: 13px !important;
}

.breadcrumb li.active,
.path-nav span {
    color: #333 !important;
    font-weight: 500 !important;
}

/* 검색 필터/정렬 영역 */
.search-filter,
.sort-wrap {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 15px 20px !important;
    background: #f8f9fa !important;
    border-radius: 12px !important;
    margin-bottom: 25px !important;
}

.search-filter select,
.sort-wrap select {
    padding: 10px 35px 10px 15px !important;
    border: 2px solid #e9ecef !important;
    border-radius: 8px !important;
    background: #fff !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.search-filter select:focus,
.sort-wrap select:focus {
    border-color: #FF6557 !important;
    outline: none !important;
}

/* 검색 결과 없음 */
.no-result,
.search-empty {
    text-align: center !important;
    padding: 80px 20px !important;
    color: #999 !important;
}

.no-result i,
.search-empty i {
    font-size: 60px !important;
    color: #ddd !important;
    margin-bottom: 20px !important;
    display: block !important;
}

.no-result p,
.search-empty p {
    font-size: 18px !important;
    margin-bottom: 20px !important;
}

/* ========================================
   검색 페이지 헤더 - 정확한 클래스
   ======================================== */

/* 페이지 헤드 전체 영역 */
.page-head {
    background: linear-gradient(135deg, #1a1a2e 0%, #2c3e50 100%) !important;
    padding: 35px 0 !important;
    margin-bottom: 30px !important;
    border-radius: 0 0 20px 20px !important;
    position: relative !important;
}

.page-head::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #FF6557, #ffd700, #FF6557) !important;
}

/* 페이지 타이틀 */
.page-head .page-title {
    margin: 0 !important;
    padding: 0 !important;
}

.page-head .page-title strong {
    color: #fff !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.page-head .page-title i {
    color: #FF6557 !important;
    font-size: 22px !important;
}

/* 검색 설명 */
.page-head .page-desc {
    color: rgba(255,255,255,0.6) !important;
    font-size: 14px !important;
    margin-top: 8px !important;
    padding: 8px 16px !important;
    background: rgba(255,255,255,0.1) !important;
    border-radius: 20px !important;
    display: inline-block !important;
}

/* ========================================
   Bootstrap 페이지네이션 - 정확한 클래스
   ======================================== */

/* 페이지네이션 컨테이너 */
.text-center > .pagination,
ul.pagination {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 30px 0 !important;
    list-style: none !important;
    background: transparent !important;
}

/* 모든 li 아이템 */
ul.pagination > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* 모든 a 링크 */
ul.pagination > li > a,
ul.pagination > li > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 10px !important;
    background: #f0f0f0 !important;
    color: #555 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    line-height: 1 !important;
}

/* 호버 효과 */
ul.pagination > li > a:hover {
    background: #667eea !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4) !important;
}

/* 현재 페이지 (active) */
ul.pagination > li.active > a,
ul.pagination > li.active > span {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    color: #fff !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(255, 101, 87, 0.4) !important;
    border: none !important;
}

ul.pagination > li.active > a:hover {
    background: linear-gradient(135deg, #FF6557 0%, #ff7b6a 100%) !important;
    transform: none !important;
}

/* 비활성 (disabled) */
ul.pagination > li.disabled > a,
ul.pagination > li.disabled > span {
    background: #e9ecef !important;
    color: #aaa !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

ul.pagination > li.disabled > a:hover {
    background: #e9ecef !important;
    color: #aaa !important;
    transform: none !important;
    box-shadow: none !important;
}

/* 이전/다음 화살표 아이콘 */
ul.pagination > li > a > i,
ul.pagination > li > span > i {
    font-size: 14px !important;
    line-height: 1 !important;
}

/* ========================================
   검색 결과 영역 추가 스타일
   ======================================== */

/* 검색 결과 상품 그리드 */
.basic-shop-item-gallery .item-row {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    gap: 20px !important;
}

/* 상품 카드 */
.basic-shop-item-gallery .item-list {
    background: #fff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08) !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.basic-shop-item-gallery .item-list:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.15) !important;
}

/* 상품 이미지 */
.basic-shop-item-gallery .item-image {
    overflow: hidden !important;
}

.basic-shop-item-gallery .item-image img {
    transition: transform 0.4s ease !important;
}

.basic-shop-item-gallery .item-list:hover .item-image img {
    transform: scale(1.08) !important;
}

/* 상품 정보 */
.basic-shop-item-gallery .item-content {
    padding: 15px !important;
}

.basic-shop-item-gallery .item-name {
    font-size: 14px !important;
    color: #333 !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
}

.basic-shop-item-gallery .item-price b {
    color: #FF6557 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}

.basic-shop-item-gallery .item-price del,
.basic-shop-item-gallery .item-price strike {
    color: #bbb !important;
    font-size: 12px !important;
    margin-right: 8px !important;
}

/* ========================================
   검색 페이지 - 강화된 스타일 (v2)
   ======================================== */

/* 페이지네이션 - .en 클래스 포함 */
ul.pagination.en,
.text-center ul.pagination.en,
.text-center > ul.pagination {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 30px 0 !important;
    list-style: none !important;
    background: transparent !important;
    border: none !important;
}

ul.pagination.en > li,
ul.pagination.en li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    border: none !important;
    float: none !important;
}

ul.pagination.en > li > a,
ul.pagination.en > li > span,
ul.pagination.en li a,
ul.pagination.en li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 12px !important;
    background: #f5f5f5 !important;
    color: #555 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

ul.pagination.en > li > a:hover,
ul.pagination.en li a:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #fff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4) !important;
}

/* 현재 페이지 - active */
ul.pagination.en > li.active > a,
ul.pagination.en > li.active > span,
ul.pagination.en li.active a,
ul.pagination.en li.active span {
    background: linear-gradient(135deg, #FF6557 0%, #ff8a7a 100%) !important;
    color: #fff !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 20px rgba(255, 101, 87, 0.5) !important;
    border: none !important;
    transform: scale(1.05) !important;
}

ul.pagination.en > li.active > a:hover,
ul.pagination.en li.active a:hover {
    background: linear-gradient(135deg, #FF6557 0%, #ff8a7a 100%) !important;
    transform: scale(1.05) !important;
}

/* 비활성 - disabled */
ul.pagination.en > li.disabled > a,
ul.pagination.en > li.disabled > span,
ul.pagination.en li.disabled a,
ul.pagination.en li.disabled span {
    background: #e9ecef !important;
    color: #bbb !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

ul.pagination.en > li.disabled > a:hover,
ul.pagination.en li.disabled a:hover {
    background: #e9ecef !important;
    color: #bbb !important;
    transform: none !important;
    box-shadow: none !important;
}

/* 아이콘 */
ul.pagination.en li a i,
ul.pagination.en li span i {
    font-size: 16px !important;
    line-height: 1 !important;
}

/* ========================================
   페이지 헤드 영역 - 강화
   ======================================== */

div.page-head,
.page-head {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%) !important;
    padding: 40px 20px !important;
    margin-bottom: 35px !important;
    border-radius: 0 0 25px 25px !important;
    position: relative !important;
    overflow: hidden !important;
    text-align: center !important;
}

div.page-head::before,
.page-head::before {
    content:  !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 5px !important;
    background: linear-gradient(90deg, #FF6557, #ffd700, #FF6557) !important;
}

div.page-head::after,
.page-head::after {
    content:  !important;
    position: absolute !important;
    top: 50% !important;
    right: -50px !important;
    width: 200px !important;
    height: 200px !important;
    background: radial-gradient(circle, rgba(255,101,87,0.15) 0%, transparent 70%) !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

/* 페이지 타이틀 */
div.page-head .page-title,
.page-head .page-title {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

div.page-head .page-title strong,
.page-head .page-title strong {
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
}

div.page-head .page-title i,
.page-head .page-title i {
    color: #FF6557 !important;
    font-size: 24px !important;
}

/* 검색어 설명 */
div.page-head .page-desc,
.page-head .page-desc {
    color: rgba(255,255,255,0.7) !important;
    font-size: 15px !important;
    margin-top: 12px !important;
    padding: 10px 20px !important;
    background: rgba(255,255,255,0.1) !important;
    border-radius: 25px !important;
    display: inline-block !important;
    backdrop-filter: blur(5px) !important;
}


/* ========================================
   Bootstrap 3 페이지네이션 완전 오버라이드
   ======================================== */

/* Bootstrap 3 기본 스타일 제거 */
.pagination > li > a,
.pagination > li > span,
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border: none !important;
    border-radius: 12px !important;
    margin: 0 3px !important;
    padding: 0 !important;
    background: #f5f5f5 !important;
    color: #555 !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    height: 44px !important;
}

.pagination > li {
    display: inline-block !important;
    float: none !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #fff !important;
    border: none !important;
    z-index: 2 !important;
}

.pagination > li.active > a,
.pagination > li.active > span,
.pagination > li.active > a:hover,
.pagination > li.active > span:hover,
.pagination > li.active > a:focus,
.pagination > li.active > span:focus {
    background: linear-gradient(135deg, #FF6557 0%, #ff8a7a 100%) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 20px rgba(255, 101, 87, 0.5) !important;
    z-index: 3 !important;
}

.pagination > li.disabled > a,
.pagination > li.disabled > span,
.pagination > li.disabled > a:hover,
.pagination > li.disabled > span:hover,
.pagination > li.disabled > a:focus,
.pagination > li.disabled > span:focus {
    background: #e9ecef !important;
    color: #bbb !important;
    border: none !important;
    cursor: not-allowed !important;
}

/* 페이지네이션 컨테이너 */
.list-page .pagination,
.text-center .pagination {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 15px 25px !important;
    margin: 30px auto !important;
    background: rgba(255,255,255,0.9) !important;
    border-radius: 50px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}


/* ========================================
   검색 페이지 헤더 - 밝고 예쁜 버전
   ======================================== */

div.page-head,
.page-head {
    background: linear-gradient(135deg, #fff5f5 0%, #fff0eb 50%, #ffeee8 100%) !important;
    padding: 35px 25px !important;
    margin-bottom: 30px !important;
    border-radius: 0 0 30px 30px !important;
    position: relative !important;
    overflow: hidden !important;
    text-align: left !important;
    border-bottom: none !important;
    box-shadow: 0 8px 30px rgba(255, 101, 87, 0.12) !important;
}

div.page-head::before,
.page-head::before {
    content:  !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #FF6557, #ff8a7a, #ffd700, #ff8a7a, #FF6557) !important;
    background-size: 200% 100% !important;
    animation: shimmer 3s ease infinite !important;
}

@keyframes shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

div.page-head::after,
.page-head::after {
    content:  !important;
    position: absolute !important;
    top: -30px !important;
    right: -30px !important;
    width: 150px !important;
    height: 150px !important;
    background: radial-gradient(circle, rgba(255,101,87,0.15) 0%, transparent 70%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

/* 페이지 타이틀 */
div.page-head .page-title,
.page-head .page-title {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
}

div.page-head .page-title strong,
.page-head .page-title strong {
    color: #333 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-shadow: none !important;
}

div.page-head .page-title i,
.page-head .page-title i {
    color: #FF6557 !important;
    font-size: 24px !important;
    background: linear-gradient(135deg, #FF6557, #ff8a7a) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* 검색어 설명 태그 */
div.page-head .page-desc,
.page-head .page-desc {
    color: #666 !important;
    font-size: 14px !important;
    margin-top: 10px !important;
    padding: 8px 18px !important;
    background: linear-gradient(135deg, #FF6557 0%, #ff8a7a 100%) !important;
    color: #fff !important;
    border-radius: 25px !important;
    display: inline-block !important;
    font-weight: 500 !important;
    box-shadow: 0 4px 15px rgba(255, 101, 87, 0.3) !important;
}


/* ========================================
   검색 결과 헤더 - 심플하고 예쁜 버전
   ======================================== */

/* page-desc (오른쪽 태그) 숨기기 */
div.page-head .page-desc,
.page-head .page-desc {
    display: none !important;
}

/* 검색 결과 헤더 전체 */
div.page-head,
.page-head {
    background: #fff !important;
    padding: 30px 0 !important;
    margin-bottom: 25px !important;
    border-radius: 0 !important;
    position: relative !important;
    overflow: visible !important;
    text-align: center !important;
    border-bottom: 1px solid #f0f0f0 !important;
    box-shadow: none !important;
}

div.page-head::before,
.page-head::before {
    display: none !important;
}

div.page-head::after,
.page-head::after {
    display: none !important;
}

/* 페이지 타이틀 - 가운데 정렬, 예쁜 스타일 */
div.page-head .page-title,
.page-head .page-title,
div.page-head .page-title.en,
.page-head .page-title.en {
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}

div.page-head .page-title strong,
.page-head .page-title strong,
div.page-head .page-title.en strong,
.page-head .page-title.en strong {
    color: #333 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-shadow: none !important;
    background: linear-gradient(135deg, #fff 0%, #fafafa 100%) !important;
    padding: 15px 35px !important;
    border-radius: 50px !important;
    border: 2px solid #f0f0f0 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
}

div.page-head .page-title i,
.page-head .page-title i,
div.page-head .page-title.en i,
.page-head .page-title.en i {
    color: #FF6557 !important;
    font-size: 20px !important;
    background: none !important;
    -webkit-text-fill-color: #FF6557 !important;
}

/* 검색어 강조 */
div.page-head .page-title strong::after,
.page-head .page-title strong::after {
    content:  !important;
    position: absolute !important;
    bottom: -8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 50px !important;
    height: 3px !important;
    background: linear-gradient(90deg, #FF6557, #ff8a7a) !important;
    border-radius: 2px !important;
}


/* 검색 헤더 아래 줄 제거 */
div.page-head,
.page-head,
.at-title,
.at-title .at-container,
.at-title .page-head {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.at-title {
    border-bottom: none !important;
    background: transparent !important;
}


/* ========================================
   검색 결과 헤더 완전히 숨기기
   ======================================== */
.at-title {
    display: none !important;
}