/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */


/* 헤더 : 992~1199px 메뉴 간격 줄여서 한 줄 유지 */
@media (min-width: 992px) and (max-width: 1199px) {
    .gnb-wrap .gnb .gnb-nav > li { padding-right: 14px; }
    .category-nav ul li { margin-left: 10px; }
}
/* 헤더 : 1200~1799px 2줄 배치 (윗줄 로고·아이콘 / 아랫줄 메뉴), 로고는 왼쪽 정렬 */
@media (min-width: 1200px) and (max-width: 1799px) {
    .header-logo { order: 1; width: auto; justify-content: flex-start; }
    .top-bar { display: flex; justify-content: flex-end; width: 50%; order: 2; }
    .gnb-wrap { width: 100%; order: 3; border-top: 1px solid #eee; }
}


/* 푸터 로고 : 칸 폭을 넘지 않게 + 높이 축소 */
.footer-inner .footer-btm .footer-logo a img { max-width: 100%; max-height: 32px; height: auto; }
@media (max-width: 991px) { .footer-inner .footer-btm .footer-logo a img { max-height: 28px; } }

/* 헤더 로고 : 1200px 이상에서 왼쪽 정렬 (새 로고가 칸보다 넓어 왼쪽 밖으로 밀리는 것 방지) */
@media (min-width: 1200px) { .header-logo { width: auto; justify-content: flex-start; } }


/* 공지사항 new 아이콘 : 정사각형 14×14 */
body .board-list .bl-list .bl-subj .bl-new-icon { width: 14px; }
body .board-list .bl-list .bl-subj .bl-new-icon::before { left: 3px; }
body .board-list .bl-list .bl-subj .bl-new-icon::after { right: 3px; }
body .board-list .bl-list .bl-subj .bl-new-icon b { left: 6px; }
/* Header SVG icons: search, account, cart, menu */
.top-bar .top-bar-list {align-items:center;flex-wrap:nowrap;}
.top-bar .top-bar-list li img {width:28px;height:28px;object-fit:contain;opacity:1;}
.top-bar .top-bar-list li a,.top-bar .top-bar-list li button {position:relative;justify-content:center;min-width:36px;height:36px;}
.top-bar .top-bar-list li.btn-cart a span {position:absolute;top:-5px;right:-5px;width:18px;height:18px;line-height:18px;background:#208c91;color:#fff;font-size:11px;font-weight:700;pointer-events:none;}
.top-bar .top-bar-list li.mobile-nav-trigger {display:block;}
@media(min-width:992px) {
    #navMenu.act {display:block;box-sizing:border-box;position:fixed;inset:0 0 0 auto;width:min(420px,100vw);height:100vh;padding:70px 24px 24px;overflow-y:auto;background:#fff;z-index:1100;box-shadow:-10px 0 35px rgba(0,0,0,.15);}
    #navMenu.act .mobile-box {display:block;width:100%;margin-bottom:20px;}
    #navMenu.act .login-box ul {display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0 0 16px;list-style:none;border-bottom:1px solid #eee;}
    #navMenu.act .login-box ul li {margin:0;}
    #navMenu.act .login-box ul li a {font-size:14px;line-height:1.5;}
    #navMenu.act #navClose {position:absolute;top:20px;right:24px;cursor:pointer;}
    #navMenu.act .gnb-nav {display:block;width:100%;margin:0;padding:0;list-style:none;}
    #navMenu.act .gnb-nav > li {position:relative;display:block;float:none;width:100%;padding:0;margin:0 0 14px;text-align:left;}
    #navMenu.act .gnb-nav > li > a {padding:8px 0;line-height:1.5;white-space:normal;}
    #navMenu.act .gnb-nav > li > a.cate-dropdown-open {display:none;}
    #navMenu.act .gnb-nav li a {overflow-wrap:anywhere;}
    #navMenu.act .category-nav {display:block;width:100%;margin-top:20px;}
    #navMenu.act .category-nav ul {display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:16px 0 0;list-style:none;border-top:1px solid #eee;}
    #navMenu.act .category-nav ul li {margin:0;}
    #navMenu.act .category-nav ul li a {font-size:13px;line-height:1.5;}
    #navMenu.act .gnb-nav > li > ul {position:static;float:none;width:100%;min-width:0;max-width:100%;margin:0;display:block;visibility:visible;opacity:1;transform:none;box-shadow:none;padding:0 0 12px 16px;}
}