#region-buttons {text-align:center;display:inline-flex;flex-wrap:wrap; gap:10px;width: 100%; border-radius:30px; padding: 10px; backdrop-filter: blur(10px) brightness(1); background: rgba(0, 0, 0, 0.05);}
#region-buttons .region-btn{padding:10px 0;display:block; vertical-align:middle; position:relative; background:#fff; width:calc(11% - 8px); border-radius:30px; overflow:hidden; font-weight: 600;color: #000;}
#region-buttons .region-btn.selected{z-index:1;}
#region-buttons .region-btn.selected{background:var(--main-color); color:#fff;}
#sub-status .gw-img-container{overflow: hidden;}
#sub-status .gw-sub-table-wrap .gw-sub-table01 thead tr:first-child th:nth-of-type(3),
#sub-status .gw-sub-table-wrap .gw-sub-table01 thead tr:first-child th:nth-of-type(4){border-bottom: 1px solid #ddd;}
#sub-status .gw-sub-table-wrap .gw-sub-table01 tbody tr td{font-family: "Outfit", sans-serif;}


/*반응형------------------------------------------------------------------------------------------------------------------ */
@media (max-width:1024px){
    #region-buttons{padding:0; position:relative; width:100%; z-index:100;background:transparent;}
    #region-buttons .region-btn.selected{display:block !important;position:relative;padding:0 15px;width:100%; height:40px;text-align:left;}
    #region-buttons .region-btn.selected::after{content:"\e942"; font-family: "xeicon";position:absolute; right:12px; top:50%; transform: translateY(-50%);transition:transform .2s ease;}
    #region-buttons.open .region-btn.selected::after{ transform: translateY(-50%) rotate(-180deg); }
    #region-panel{position:absolute; left:0; right:0; top:44px; background:#fff; border:1px solid #ddd; border-radius:6px;box-shadow:0 8px 20px rgba(0,0,0,.08); max-height:280px; overflow:auto;pointer-events:none; opacity:0; transform:translateY(-4px); transition:opacity .15s ease, transform .15s ease;}
    #region-buttons.open #region-panel{ pointer-events:auto; opacity:1; transform:translateY(0);}
    #region-panel .region-btn{ display:block !important; width:100%; height:40px; text-align:left; padding:0 15px; border:0; background:#fff;border-bottom: 1px dashed rgba(0, 0, 0, 0.1);border-radius: 0;}
    #region-panel .region-btn:last-child{border-bottom: none;}
    #region-buttons > .region-btn:not(.selected){ display:none !important; }
}

@media screen and (max-width:576px){
    #sub-status .gw-highlight {display: block;}
    #sub-status .gw-sub-text{padding: 0 20px;}
    #sub-status .gw-btn-wrap{flex-direction: column;}
}