/* common.css */
* {box-sizing:border-box;scrollbar-width:thin;}
*::-webkit-scrollbar-thumb {background-color:#cbd5e1;border-radius:10px;}
*::-webkit-scrollbar-track {background-color:#f1f5f9;}
body {font-family:'Nanum Gothic',sans-serif;background-color:#f8f9fa;margin:0;padding:0;color:#333;line-height:1.6;}
.header {position:fixed;top:0;left:0;right:0;background-color:#ffffff;z-index:1000;}
.header-inner {height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #edf1f5;z-index:1000;}
.header-left {display:flex;align-items:center;gap:30px;}
.header-logo-icon img {width:105px;}
.gnb-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1001;display:none;}
.gnb-nav {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.gnb-menu {display:flex;align-items:center;gap:45px;margin:0;padding:0;list-style:none;}
.gnb-menu li a {text-decoration:none;color:#495057;font-size:16px;font-weight:400;transition:color 0.2s;}
.gnb-menu li a:hover {color:#6366f1;}
.header-right {display:flex;align-items:center;gap:12px;position:relative;z-index:1003;}
.member-menu {display:flex;align-items:center;gap:12px;margin:0;padding:0;list-style:none;}
.member-menu li {display:flex;align-items:center;}
.btn-user {display:inline-flex;align-items:center;text-decoration:none;font-size:13px;color:#868e96;font-weight:400;margin:0;box-sizing:border-box;}
.btn-user:hover {color:#111;}
.btn-mypage {color:#6366f1;font-size:13px;font-weight:700;text-decoration:none;transition:all 0.2s;font-family:inherit;margin:0;box-sizing:border-box;}
.btn-mypage:hover {}
.header-actions {display:flex;align-items:center;gap:8px;}
.btn-gray {display:inline-flex;height:32px;align-items:center;justify-content:center;padding:0 20px;border:0;border-radius:6px;background:#f8f9fa;color:#495057;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;transition:all 0.2s;font-family:inherit;margin:0;box-sizing:border-box;}
.btn-gray:hover {background:#eee;color:#111;}
.btn-default {display:inline-flex;height:32px;align-items:center;justify-content:center;padding:0 20px;border:0;border-radius:6px;background:#6366f1;color:#fff;font-size:13px;font-weight:700;gap:5px;cursor:pointer;text-decoration:none;transition:all 0.2s;font-family:inherit;margin:0;box-sizing:border-box;}
.btn-default:hover {background:#3c3fc7;}
#global_loader_overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.9);z-index:10001;display:none;align-items:center;justify-content:center;flex-direction:column;color:#212529;backdrop-filter:blur(4px);}
.spinner-circle {width:60px;height:60px;border:5px solid rgba(23,103,255,0.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px;}
.loader-text {font-weight:700;font-size:15px;color:#495057;}
@keyframes spin {100%{transform:rotate(360deg);}}
.btn-hamburger {display:none;}

@media (max-width:991px) {
    .header-logo-icon img {width:85px;}
    .header-left {gap:15px;}
    .header-inner {height:auto;flex-wrap:wrap;padding:0 15px;height:45px;}
    .header-actions {width:100%;justify-content:flex-end;height:40px;padding:0 15px;border-bottom:1px solid #edf1f5;}
    .btn-hamburger {display:block;width:24px;height:18px;position:relative;background:none;border:none;cursor:pointer;padding:0;margin-left:12px;z-index:1003;}
    .btn-hamburger span {display:block;position:absolute;width:100%;height:2px;background:#333;left:0;top:8px;transition:0.3s;}
    .btn-hamburger span::before {content:'';display:block;position:absolute;width:100%;height:2px;background:#333;left:0;top:-8px;transition:0.3s;}
    .btn-hamburger span::after {content:'';display:block;position:absolute;width:100%;height:2px;background:#333;left:0;bottom:-8px;transition:0.3s;}
    .btn-hamburger.active span {background:transparent;}
    .btn-hamburger.active span::before {top:0;transform:rotate(45deg);}
    .btn-hamburger.active span::after {bottom:0;transform:rotate(-45deg);}
    .gnb-nav {position:relative;top:auto;left:auto;transform:none;}
    .gnb-menu {display:flex;flex-direction:column;position:fixed;top:0;right:-100%;left:auto;width:260px;height:100vh;background:#fff;padding:60px 20px;box-shadow:-2px 0 5px rgba(0,0,0,0.1);transition:right 0.3s ease;z-index:1002;align-items:flex-start;gap:0;}
    .gnb-menu.active {right:0;}
    .gnb-menu li {width:100%;}
    .gnb-menu li a {display:block;padding:10px 0;}
    .btn-gray {padding:0 12px;font-size:12px;}
}