*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Malgun Gothic','맑은 고딕',Arial,sans-serif;font-size:12px;line-height:1.4;color:#333;background-color:#fff;}

/* 페이지 로딩 상태 제어 */
body:not(.loaded) {
    overflow: hidden !important;
}

body:not(.loaded)::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

body:not(.loaded)::after {
    content: '페이지를 불러오는 중...';
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    font-size: 14px;
    color: #333;
    background: white;
    padding: 20px 30px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    animation: pulse 1.5s ease-in-out infinite;
}

/* 로딩 완료 시 오버레이 제거 */
body.loaded::before,
body.loaded::after {
    display: none !important;
    content: none !important;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}
a{text-decoration:none;color:inherit;}
img{border:0;max-width:100%;height:auto;}
ul,ol{list-style:none;padding:0;}
.auth-container{background-color:#f8f9fa;border-radius:10px;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);}
.form-control:focus{border-color:#c43a31;box-shadow:0 0 0 0.25rem rgba(196,58,49,0.25);}
.btn-primary{background-color:#c43a31;border-color:#c43a31;font-size:13px;padding:6px 12px;}
.btn-primary:hover,.btn-primary:focus{background-color:#9e251e;border-color:#9e251e;}
.card{border-radius:15px;overflow:hidden;}
.card-header{background-color:#c43a31 !important;}
.card-header h4{font-size:16px;}
.form-label{font-size:13px;}
.form-control,.input-group-text{font-size:12px;}
.form-check-label{font-size:12px;padding:3px 0 0 3px;}
.card-footer p{font-size:12px;}
.text-decoration-none{font-size:12px;}
.main-container{width:980px;margin:0 auto;background-color:#fff;}
.header{width:100%;}
.header-top{display:flex;justify-content:space-between;align-items:center;padding:10px 0;}
.logo img{display:block;}
.header-nav{display:flex;align-items:center;font-size:11px;gap:0;margin-right:10px;}
.nav-link{color:#555;text-decoration:none;padding:0 8px;position:relative;transition:color 0.2s ease;}
.nav-link:hover{color:#c43a31;}
.nav-link:after{content:'';position:absolute;bottom:-3px;left:50%;width:0;height:1px;background-color:#c43a31;transition:all 0.3s ease;transform:translateX(-50%);}
.nav-link:hover:after{width:70%;}
.nav-separator{color:#ddd;margin:0 2px;font-size:0.7rem;}
.nav-btn{display:none;}
.event-banner{width:100%;}
.event-banner img{width:100%;height:auto;}
.main-menu{width:100%;background-color:#c43a31;position:relative;}
.menu-list{display:flex;height:40px;margin:0;}
.menu-item{position:relative;}
.menu-item:first-child{width:200px;}
.menu-item:not(:first-child){margin:0 auto;}
.menu-item a{display:flex;align-items:center;height:40px;padding:0 15px;color:white;font-size:12px;font-weight:bold;transition:background-color 0.2s;cursor:pointer;}
.menu-item:first-child a{background-color:#9e251e;padding:0 20px;width:100%;}
.menu-item a:hover{background-color:#9e251e;}
.category-toggle span{margin-left:5px;font-size:10px;}
.category-menu-container{display:none;position:absolute;top:40px;left:0;width:980px;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.1);border:1px solid #eee;border-top:none;z-index:1000;padding:20px 0;}
.category-menu-container.active{display:block;}
.category-menu-wrapper{width:98%;margin:0 auto;}
.category-menu-list{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;}
.category-menu-list>li{width:16.666%;padding:10px;border-bottom:1px dotted #BCBCBC;}
.category-menu-list>li:nth-last-child(-n+6){border-bottom:none;}
.category-menu-title{margin-bottom:10px;}
.category-menu-title a{display:block;color:#333;font-size:13px;font-weight:bold;position:relative;padding-left:8px;transition:all 0.3s ease;}
.category-menu-title a:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:12px;background-color:#c43a31;}
.category-menu-title a:hover{color:#c43a31;}
.submenu-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto;}
.submenu-list::-webkit-scrollbar{width:4px;}
.submenu-list::-webkit-scrollbar-track{background:#f1f1f1;}
.submenu-list::-webkit-scrollbar-thumb{background:#c43a31;border-radius:4px;}
.submenu-list::-webkit-scrollbar-thumb:hover{background:#9e251e;}
.submenu-list li{margin-bottom:3px;}
.submenu-list li a{display:block;padding:4px 0 4px 8px;color:#555;font-size:11px;transition:all 0.3s ease;}
.submenu-list li a:hover{color:#c43a31;padding-left:12px;background-color:#f9f9f9;}
.category-menu-footer{width:98%;margin:10px auto 0;}
.category-menu-close{text-align:center;background-color:#3E3E3E;padding:5px;cursor:pointer;}
.category-menu-close a{color:#ffffff;font-size:12px;}
.search-section{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid #E4E4E4;}
.search-form{display:flex;align-items:center;gap:10px;padding:5px 10px;}
.search-label{font-size:12px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:0.5px;}
.search-form input{padding:5px 10px;border:1px solid #eee;border-radius:4px;font-size:12px;width:180px;transition:all 0.3s ease;outline:none;}
.search-form input:focus{border-color:#c43a31;box-shadow:0 0 0 2px rgba(196,58,49,0.1);}
.search-form button{background-color:#c43a31;color:white;border:none;border-radius:4px;width:30px;height:25px;cursor:pointer;transition:background-color 0.3s ease;display:flex;align-items:center;justify-content:center;}
.search-form button:hover{background-color:#a5322a;}
.fa-search{font-size:12px;}
.popular-keywords{font-size:11px;}
.popular-keywords a{margin:0 5px;color:#666;}
.popular-keywords a:hover{color:#333;text-decoration:underline;}
.notice-scroll{width:300px;height:14px;overflow:hidden;font-size:11px;color:#666;position:relative;}
.notice-scroll .notice-item{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.notice-scroll .notice-item a{color:#666;text-decoration:none;}
.notice-scroll .notice-item a:hover{color:#333;text-decoration:underline;}
.main-content{margin-top:10px;}
.content-wrapper{display:flex;gap:10px;}
.sidebar{width:220px;}
.category-menu ul{border:1px solid #ddd;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.05);}
.category-main{position:relative;border-bottom:1px solid #eee;}
.category-main:last-child{border-bottom:none;}
.category-main>a{display:block;padding:7px 12px;background-color:#f8f8f8;font-weight:600;color:#444;font-size:11px;transition:all 0.2s ease;position:relative;}
.category-main>a:after{content:'›';position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#999;font-size:12px;transition:transform 0.2s;}
.category-main:hover>a{background-color:#f0f0f0;color:#c43a31;}
.category-main:hover>a:after{transform:translateY(-50%) rotate(90deg);color:#c43a31;}
.sub-menu{display:none;padding-left:15px;background-color:#fff;}
.category-menu .category-main .sub-menu{position:absolute;left:204px;top:-9px;width:220px;border:1px solid #eee;border-radius:5px;background-color:#fff;box-shadow:0 3px 8px rgba(0,0,0,0.08);z-index:1000;padding:8px 0;padding-left:0;display:none;opacity:0;transform:translateX(-10px);transition:opacity 0.3s ease,transform 0.3s ease;}
.category-menu .category-main:hover .sub-menu{display:block;opacity:1;transform:translateX(0);}
.sub-menu li a{display:block;padding:7px 12px;border-bottom:1px solid #f5f5f5;font-size:11px;color:#555;transition:all 0.2s ease;}
.sub-menu li:last-child a{border-bottom:none;}
.sub-menu li a:hover{background-color:#f9f9f9;color:#c43a31;padding-left:20px;}
.category-menu .category-main .sub-menu:before{content:'';position:absolute;left:-6px;top:15px;width:10px;height:10px;background:#fff;border-left:1px solid #eee;border-bottom:1px solid #eee;transform:rotate(45deg);}
@media (max-width:768px){.category-main{position:static;}.sub-menu{position:static !important;display:none;width:100% !important;box-shadow:none !important;border:none !important;background-color:#f9f9f9 !important;left:auto !important;transform:none !important;opacity:1 !important;border-radius:0 !important;transition:none !important;margin-top:0;padding:0 !important;}.category-main:hover .sub-menu{display:block !important;}.sub-menu li a{padding:8px 25px !important;background-color:#f2f2f2;border-bottom:1px solid #e5e5e5;font-size:11px;}.sub-menu li a:hover{padding-left:28px !important;background-color:#eaeaea;}.category-menu .category-main .sub-menu:before{display:none !important;}}
.sidebar-buttons{margin-top:10px;}
.sidebar-btn{display:block;margin-bottom:2px;width:100%;height:30px;background:url('/storage/img/btn_event.gif') no-repeat;text-indent:-9999px;}
.content-main{flex:1;display:flex;gap:10px;}
.main-slider{width:478px;height:300px;position:relative;overflow:hidden;border:1px solid #ddd;}
.slider-container{width:100%;height:100%;position:relative;}
.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.5s ease;}
.slide.active{opacity:1;z-index:1;}
.slide img{width:100%;height:100%;object-fit:cover;}
.slider-controls{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
.prev,.next{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background-color:rgba(0,0,0,0.2);color:white;border:none;border-radius:50%;font-size:30px;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;opacity:0.5;}
.prev{left:15px;}
.next{right:15px;}
.prev:hover,.next:hover{background-color:rgba(0,0,0,0.5);opacity:1;}
.prev i,.next i{font-size:36px;}
.slider-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px;}
.dot{width:12px;height:12px;border-radius:50%;background-color:rgba(255,255,255,0.6);cursor:pointer;transition:background-color 0.3s;}
.dot.active{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.5);}
.side-banners{width:280px;display:flex;flex-direction:column;}
.side-banners img{width:100%;margin-bottom:0;display:block;}
.category-showcase{margin:20px 0;display:flex;align-items:center;}
.showcase-image{width:200px;}
.showcase-links{flex:1;}
.recommended-products{margin:20px 0;padding:10px 0;}
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:5px;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;}
.title-area{display:flex;align-items:center;}
.title-text{margin-left:10px;font-weight:bold;color:#333;}
.section-header h2{font-size:16px;color:#333;margin:0;font-weight:bold;}
.more-btn{display:inline-block;width:28px;height:9px;background:url('/storage/img/more_btn1.gif') no-repeat;text-indent:-9999px;}
.product-grid{display:grid;grid-template-columns:repeat(5,150px);gap:0px 50px;justify-content:center;margin-bottom:20px;}
.product-item{width:150px;text-align:center;}
.product-image{width:150px;height:150px;margin:0 auto 10px;border:1px solid #E7E5E5;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.product-image img{max-width:100%;max-height:100%;object-fit:cover;}
.product-info h3{font-size:11px;font-weight:bold;margin-bottom:5px;line-height:1.3;color:#333;}
.product-info .price{font-size:11px;font-weight:bold;color:#ff6600;}
.bottom-info{margin:20px 0;border-top:1px solid #8B8B8B;padding-top:15px;}
.info-section{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;}
.customer-service{width:211px;}
.account-info{width:203px;}
.service-links{width:247px;display:flex;flex-direction:column;gap:2px;}
.service-link{display:block;height:42px;background:url('/storage/img/main_s_banner1.gif') no-repeat;text-indent:-9999px;}
.service-link:nth-child(2){background-image:url('/storage/img/main_s_banner2.gif');}
.service-link:nth-child(3){background-image:url('/storage/img/main_s_banner3.gif');}
.service-link:nth-child(4){background-image:url('/storage/img/main_s_banner4.gif');}
.notice-board{width:237px;border-left:3px solid #ccc;padding-left:15px;}
.notice-board h3{height:31px;background:url('/storage/img/notice_title.gif') no-repeat;text-indent:-9999px;margin-bottom:10px;}
.notice-board ul li{padding-bottom:3px;font-size:11px;}
.notice-board ul li a{color:#666;line-height:1.4;}
.notice-board ul li a:hover{color:#333;text-decoration:underline;}
.footer{border-top:2px solid #000;padding:20px 0;background-color:#f9f9f9;}
.footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;}
.footer-logo{width:220px;}
.footer-info{flex:1;padding:10px;}
.footer-links{margin-bottom:10px;font-size:8pt;}
.footer-links a{margin-right:10px;color:#666;}
.footer-links a:hover{color:#333;text-decoration:underline;}
.company-info{font-size:8pt;line-height:1.5;color:#666;margin-bottom:10px;}
.copyright{font-size:8pt;color:#999;}
.footer-certifications{width:250px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px;}
.footer-certifications img{width:100%;height:auto;}
@media (max-width:1000px){.main-container{width:100%;max-width:980px;padding:0 10px;}.content-wrapper{flex-direction:column;}.sidebar{width:100%;order:2;}.content-main{width:100%;order:1;flex-direction:column;}.main-slider{width:100%;max-width:478px;margin:0 auto;}.side-banners{width:100%;max-width:280px;margin:10px auto 0;}.product-grid{grid-template-columns:repeat(2,1fr);gap:15px;}.info-section{flex-direction:column;align-items:center;text-align:center;}.footer-content{flex-direction:column;align-items:center;text-align:center;}}
@media (max-width:768px){.header-top{flex-direction:column;gap:10px;}.search-section{flex-direction:column;gap:10px;align-items:flex-start;}.popular-keywords{display:none;}.notice-scroll{width:100%;}.category-showcase{flex-direction:column;}.showcase-image{width:100%;margin-bottom:10px;}.product-grid{grid-template-columns:1fr;}.sub-menu{position:static !important;display:none;width:100% !important;box-shadow:none !important;border:none !important;background-color:#f9f9f9 !important;left:auto !important;transform:none !important;opacity:1 !important;border-radius:0 !important;transition:none !important;margin-top:0;padding:0 !important;}.category-main:hover .sub-menu{display:block !important;}.sub-menu li a{padding:8px 25px !important;background-color:#f2f2f2;border-bottom:1px solid #e5e5e5;font-size:11px;}.sub-menu li a:hover{padding-left:28px !important;background-color:#eaeaea;}.category-menu .category-main .sub-menu:before{display:none !important;}}
.product-item{animation:fadeIn 0.5s ease;}
.product-item:hover{transform:translateY(-2px);transition:transform 0.3s ease;}
.product-item:hover .product-image{border-color:#999;transition:border-color 0.3s ease;}
.nav-btn:hover,.sidebar-btn:hover,.service-link:hover{opacity:0.8;transition:opacity 0.3s ease;}
.category-main>a:hover,.sub-menu li a:hover{transition:all 0.3s ease;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.product-showcase{width:960px;margin:0;}
.showcase-row{display:table;width:100%;}
.showcase-cell{display:table-cell;line-height:0;font-size:0;}
.showcase-cell img{display:block;vertical-align:bottom;}
.showcase-content{width:100%;}
.showcase-cell-200{width:200px;vertical-align:top;}
.showcase-cell-10{width:10px;}
.showcase-cell-750{width:750px;vertical-align:top;}
.showcase-cell-87{width:87px;}
.showcase-cell-18{width:18px;}
.showcase-content-200{width:200px;}
.showcase-content-750{width:750px;}
.showcase-content-728{width:728px;margin:0 auto;}
.showcase-cell-height-15{height:15px;}
.showcase-bg{background:url('/storage/img2/t_bg1.gif');}
:root{--primary-color:#6d597a;--secondary-color:#355070;--dark-color:#2b2d42;--light-color:#f8f9fa;--danger-color:#e63946;--success-color:#40916c;--warning-color:#f9bc60;--info-color:#7e9a9a;--border-color:#e0e1dd;--text-color:#212529;--bg-color:#f7f9fc;--card-bg:#ffffff;--sidebar-width:220px;--sidebar-collapsed-width:70px;--header-height:68px;--box-shadow:0 4px 20px rgba(0,0,0,0.05);--transition:all 0.3s ease;--body-font-size:12px;--menu-font-size:13px;--small-font-size:11px;--teal-color:#20c997;--purple-color:#6f42c1;--pink-color:#e83e8c;--orange-color:#fd7e14;--indigo-color:#6610f2;--cyan-color:#17a2b8;--lime-color:#84c341;--brown-color:#795548;--deep-purple:#5e35b1;--deep-orange:#ff5722;--blue-grey:#607d8b;--amber:#ffc107;}
.admin-wrapper{display:flex;flex-direction:column;min-height:100vh;}
.admin-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:0 25px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px rgba(0,0,0,0.04);position:fixed;top:0;left:0;width:100%;z-index:1000;height:var(--header-height);}
.admin-logo h1{font-size:22px;font-weight:700;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.5px;position:relative;}
.admin-logo h1:before{content:'';position:absolute;left:-12px;top:50%;width:5px;height:5px;border-radius:50%;background-color:var(--primary-color);transform:translateY(-50%);box-shadow:0 0 0 3px rgba(109,89,122,0.2);}
.admin-user{display:flex;align-items:center;gap:20px;font-size:var(--body-font-size);}
.admin-user span{font-weight:500;color:var(--dark-color);display:flex;align-items:center;gap:10px;}
.admin-user span i{color:var(--primary-color);font-size:16px;background-color:rgba(109,89,122,0.1);border-radius:50%;padding:8px;margin-right:8px;}
.logout-btn{padding:8px 16px;background-color:rgba(94,96,206,0.1);border-radius:30px;color:var(--primary-color);font-weight:500;font-size:var(--small-font-size);display:flex;align-items:center;gap:8px;transition:var(--transition);}
.logout-btn:hover{background-color:var(--primary-color);color:white;}
.admin-container{display:flex;flex:1;margin-top:var(--header-height);}
.admin-sidebar{width:var(--sidebar-width);background:var(--card-bg);color:var(--dark-color);min-height:calc(100vh - var(--header-height));position:fixed;left:0;top:var(--header-height);overflow-y:auto;box-shadow:0 4px 15px rgba(0,0,0,0.04);transition:var(--transition);z-index:900;border-right:1px solid var(--border-color);}
.admin-sidebar.collapsed{width:var(--sidebar-collapsed-width);overflow-x:hidden;}
.admin-sidebar.collapsed .sidebar-header{padding:20px 0;justify-content:center;}
.admin-sidebar.collapsed .home-link span{display:none;}
.admin-sidebar.collapsed .nav-menu .nav-link span{display:none;}
.admin-sidebar.collapsed .nav-menu .nav-item{position:relative;margin:4px 5px;text-align:center;}
.admin-sidebar.collapsed .nav-menu .nav-link{padding:12px 0;justify-content:center;}
.admin-sidebar.collapsed .nav-menu .nav-link i{margin:0;font-size:19px;}
.admin-sidebar.collapsed .nav-menu .submenu{position:absolute;left:var(--sidebar-collapsed-width);top:0;width:200px;display:none;background:var(--card-bg);box-shadow:var(--box-shadow);border-radius:0 8px 8px 0;margin:0;z-index:10;padding:5px;}
.admin-sidebar.collapsed .nav-item:hover .submenu{display:block;max-height:none;}
.admin-sidebar.collapsed .nav-item.active .submenu{display:none;}
.admin-sidebar.collapsed .nav-item:hover .submenu{display:block;}
.admin-sidebar.collapsed .nav-menu .submenu a{padding:10px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;}
.home-link{display:flex;align-items:center;gap:12px;color:var(--dark-color);font-weight:600;font-size:var(--menu-font-size);transition:var(--transition);}
.home-link span{font-size:var(--menu-font-size);font-weight:600;}
.home-link:hover{color:var(--primary-color);}
.mobile-toggle{display:none;background:none;border:none;color:var(--dark-color);font-size:18px;cursor:pointer;}
.sidebar-menu{padding:20px 0;}
.nav-menu .nav-item{margin:2px 0;}
.nav-menu .nav-link{display:flex;align-items:center;padding:12px 20px;color:var(--dark-color);font-size:var(--menu-font-size);font-weight:500;transition:var(--transition);position:relative;border-radius:0 30px 30px 0;margin-right:10px;}
.nav-menu .nav-link span{margin-left:12px;font-size:var(--menu-font-size);font-weight:500;}
.nav-menu .nav-link i{font-size:18px;width:20px;text-align:center;color:var(--dark-color);transition:var(--transition);}
.nav-menu .nav-link:hover,.nav-menu .nav-link.active{background-color:rgba(109,89,122,0.1);color:var(--primary-color);}
.nav-menu .nav-link:hover i,.nav-menu .nav-link.active i{color:var(--primary-color);}
.nav-menu .submenu{max-height:0;overflow:hidden;transition:max-height 0.3s ease;margin-left:20px;}
.nav-menu .nav-item.active .submenu{max-height:500px;}
.nav-menu .submenu a{display:block;padding:8px 20px;color:var(--dark-color);font-size:var(--small-font-size);transition:var(--transition);border-radius:0 20px 20px 0;margin-right:10px;}
.nav-menu .submenu a i{margin-right:8px;font-size:14px;color:var(--dark-color);transition:var(--transition);}
.nav-menu .submenu a:hover{background-color:rgba(109,89,122,0.05);color:var(--primary-color);}
.nav-menu .submenu a:hover i{color:var(--primary-color);}
.admin-main{flex:1;margin-left:var(--sidebar-width);padding:20px;transition:var(--transition);background-color:var(--bg-color);min-height:calc(100vh - var(--header-height));}
.admin-main.expanded{margin-left:var(--sidebar-collapsed-width);}
.content-header{margin-bottom:10px;position:relative;}
.content-header:before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:var(--primary-color);border-radius:0 1px 1px 0;}
.breadcrumb{background:none;padding:0 0 0 12px;margin:0;font-size:12px;color:var(--text-color);display:flex;align-items:center;font-weight:500;line-height:1.3;}
.breadcrumb span{display:flex;align-items:center;gap:6px;color:var(--text-color);transition:color 0.2s ease;}
.breadcrumb span i{color:var(--primary-color);font-size:12px;opacity:0.7;}
.breadcrumb span:hover{color:var(--primary-color);}
.content-body{background:var(--card-bg);border-radius:12px;box-shadow:var(--box-shadow);overflow:hidden;}
.admin-footer{background:var(--card-bg);border-top:1px solid var(--border-color);padding:20px;text-align:center;font-size:var(--small-font-size);color:var(--text-color);transition:var(--transition);}
.admin-footer.expanded{margin-left:var(--sidebar-collapsed-width);}
.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;}
.version{color:var(--primary-color);font-weight:500;}
.card{background:var(--card-bg);border:none;border-radius:12px;box-shadow:var(--box-shadow);transition:var(--transition);overflow:hidden;}
.card:hover{box-shadow:0 8px 30px rgba(0,0,0,0.08);}
.card-header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;border:none;padding:20px;position:relative;overflow:hidden;}
.card-decoration{position:absolute;top:0;right:0;width:100px;height:100px;opacity:0.1;}
.decoration-circle{position:absolute;border-radius:50%;background:rgba(255,255,255,0.3);}
.decoration-circle-1{width:60px;height:60px;top:-20px;right:-20px;}
.decoration-circle-2{width:40px;height:40px;top:10px;right:10px;}
.decoration-circle-3{width:20px;height:20px;top:30px;right:30px;}
.bg-gradient-primary-to-secondary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color)) !important;}
.fs-10{font-size:10px !important;}
.fs-11{font-size:11px !important;}
.fs-12{font-size:12px !important;}
.fs-13{font-size:13px !important;}
.fs-14{font-size:14px !important;}
.w-5{width:5% !important;}
.w-10{width:10% !important;}
.w-15{width:15% !important;}
.w-20{width:20% !important;}
.w-25{width:25% !important;}
.w-35{width:35% !important;}
@media (max-width:1200px){.admin-sidebar{transform:translateX(-100%);}.admin-sidebar.mobile-active{transform:translateX(0);}.admin-main{margin-left:0;}.mobile-toggle{display:block;}}
@media (max-width:768px){.admin-header{padding:0 15px;}.admin-main{padding:15px;}.content-body{border-radius:8px;}}
.btn-action{width:28.5px;height:28.5px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:12px;transition:all 0.2s ease;border:1px solid;}
.btn-action:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.15);}
.btn-action i{font-size:11px;}
.btn-outline-primary.btn-action{border-color:#007bff;color:#007bff;background:transparent;}
.btn-outline-primary.btn-action:hover{background:#007bff;color:#fff;border-color:#007bff;}
.btn-outline-danger.btn-action{border-color:#dc3545;color:#dc3545;background:transparent;}
.btn-outline-danger.btn-action:hover{background:#dc3545;color:#fff;border-color:#dc3545;}
.btn-outline-info.btn-action{border-color:#17a2b8;color:#17a2b8;background:transparent;}
.btn-outline-info.btn-action:hover{background:#17a2b8;color:#fff;border-color:#17a2b8;}
.btn-outline-warning.btn-action{border-color:#ffc107;color:#ffc107;background:transparent;}
.btn-outline-warning.btn-action:hover{background:#ffc107;color:#212529;border-color:#ffc107;}
.pagination-wrapper{display:flex;justify-content:center;align-items:center;padding:20px 0;margin:20px 0;}
.custom-pagination{display:flex;flex-direction:column;align-items:center;gap:15px;}
.pagination-list{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;}
.pagination-item{margin:0;}
.pagination-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;text-decoration:none;font-weight:500;font-size:14px;color:#6c757d;background:#ffffff;border:2px solid #e9ecef;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;}
.pagination-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transition:left 0.5s;}
.pagination-link:hover::before{left:100%;}
.pagination-link:hover{color:#007bff;border-color:#007bff;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,0.15);}
.pagination-link.active{color:#ffffff;background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;box-shadow:0 4px 15px rgba(0,123,255,0.3);transform:translateY(-1px);}
.pagination-link.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,123,255,0.4);}
.pagination-link.disabled{color:#adb5bd;background:#f8f9fa;border-color:#e9ecef;cursor:not-allowed;opacity:0.6;}
.pagination-link.disabled:hover{transform:none;box-shadow:none;color:#adb5bd;border-color:#e9ecef;background:#f8f9fa;}
.pagination-link.separator{border:none;background:transparent;color:#6c757d;font-weight:600;cursor:default;}
.pagination-link.separator:hover{transform:none;box-shadow:none;color:#6c757d;background:transparent;border:none;}
.pagination-info{display:flex;align-items:center;justify-content:center;}
.pagination-text{font-size:13px;color:#6c757d;font-weight:500;background:rgba(255,255,255,0.8);padding:8px 16px;border-radius:20px;border:1px solid #e9ecef;}
@media (max-width:768px){.pagination-wrapper{padding:15px 0;margin:15px 0;}.pagination-list{gap:6px;}.pagination-link{width:36px;height:36px;font-size:13px;}.pagination-text{font-size:12px;padding:6px 12px;}}
@media (max-width:576px){.pagination-wrapper{padding:10px 0;margin:10px 0;}.pagination-list{gap:4px;}.pagination-link{width:32px;height:32px;font-size:12px;}.pagination-text{font-size:11px;padding:4px 8px;}}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}

/* 회원정보 수정 페이지 스타일 */
.form-card {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.form-card .card-header {
    background: #007bff;
    color: white;
    border-radius: 8px 8px 0 0;
}

.password-card .card-header {
    background: #6c757d;
}

/* 제휴/대량구매 문의 모달 스타일 */
#contactModal .modal-dialog{max-width:420px;}
#contactModal .modal-header{border-bottom:1px solid #dee2e6;}
#contactModal .modal-footer{border-top:1px solid #dee2e6;}
#contactModal .form-label{font-weight:500;color:#495057;}
#contactModal .form-control-sm{font-size:12px;padding:4px 8px;}
#contactModal .btn-sm{padding:4px 12px;font-size:12px;}