/* 
 * 라온제나 길드 웹사이트 스타일시트
 * 마비노기 모바일 알리사 서버 길드 홍보 사이트
 */

/* ===== FONT IMPORT ===== */
@font-face {
    font-family: 'Pretender Regular';
    src: url('../fonts/Pretender-Regular.woff2') format('woff2'),
         url('../fonts/Pretender-Regular.woff') format('woff'),
         url('../fonts/Pretender-Regular.ttf') format('truetype');
    font-weight: 300; /* Changed from normal to 300 (light) for thinner text */
    font-style: normal;
    font-display: swap;
}

/* ===== RESET & BASE STYLES ===== */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    /* Color Variables */
    --primary-color: #6a3de8;
    --primary-dark: #5429d0;
    --primary-light: #8b65f5;
    --secondary-color: #ff9d42;
    --dark-color: #1a1a2e;
    --light-color: #f5f5f7;
    --gray-color: #8a8a8a;
    --gray-light: #e0e0e0;
    --success-color: #28a745;
    --danger-color: #dc3545;

    /* Typography */
    --body-font: 'Pretender Regular', sans-serif;
    --heading-font: 'Pretender Regular', sans-serif;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 3rem;
    --spacing-xl: 5rem;

    /* Border Radius */
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;

    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.1);
}

html {
    font-size: 62.5%; /* 10px = 1rem */
    scroll-behavior: smooth;
}

body {
    font-family: var(--body-font);
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: 300; /* Added light font weight for thinner text */
    color: var(--dark-color);
    background-color: var(--light-color);
    overflow-x: hidden;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font);
    font-weight: 400; /* Added medium font weight for headings */
    line-height: 1.2;
    margin-bottom: var(--spacing-sm);
    color: var(--dark-color);
}

h1 {
    font-size: 4.8rem;
}

h2 {
    font-size: 3.6rem;
}

h3 {
    font-size: 2.4rem;
}

p {
    margin-bottom: var(--spacing-sm);
}

a {
    color: var(--primary-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--primary-dark);
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Container and Inner */
.container {
    width: 100%;
    margin: 0 auto;
}

.inner {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 var(--spacing-sm);
    position: relative;
}

/* Section */
.section {
    padding: var(--spacing-lg) 0;
    margin-top: 80px; /* Add margin to account for fixed header */
}

.section-title {
    text-align: center;
    margin-bottom: var(--spacing-lg);
    position: relative;
    padding-bottom: var(--spacing-sm);
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background-color: var(--primary-color);
    border-radius: 2px;
}

/* Buttons */
.btn {
    display: inline-block;
    padding: 1.2rem 2.4rem;
    border-radius: var(--border-radius-md);
    font-weight: 500; /* Changed from 700 to 500 for thinner text */
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    font-size: 1.6rem;
}

.btn-primary {
    background-color: var(--primary-color);
    color: white;
}

.btn-primary:hover {
    background-color: var(--primary-dark);
    color: white;
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.btn-secondary {
    background-color: var(--secondary-color);
    color: var(--dark-color);
}

.btn-secondary:hover {
    background-color: #f08c2a;
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

/* ===== HEADER ===== */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
    background-color: #f5f5f7;
}

#mabinogim {
    position: fixed;
    width: 100%;
    margin: 0 auto;
    top: 0;
    left: 0;
    z-index: 1000;
}

#mabinogim .gnb_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    transition: 0.1s;
    overflow: hidden;
}

#mabinogim .gnb_wrap.on {
    background: rgba(246, 244, 244, 0.9);
    backdrop-filter: blur(5px);
    transition: 0.3s;
    border-bottom: 1px solid #DEDEDE;
}

#mabinogim .gnb_wrap.on .inner {
    background: #fff;
}

#mabinogim .gnb_wrap .inner {
    width: 100%;
    display: flex;
    margin: 0 auto;
    padding: 20px 0 0;
    background: rgb(246, 244, 244);
}

#mabinogim .gnb_wrap .inner .order_1 .toggle_button {
    display: none;
}

#mabinogim .gnb_wrap .inner .order_1 .logo {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 60px;
}

#mabinogim .gnb_wrap .inner .order_1 .logo a {
    display: block;
    width: 132px;
    min-width: 132px;
    height: 36px;
    background-image: url("https://cdn.yejunpower.party/assets/img/Meow.png");
    background-size: 100% auto;
}

#mabinogim .gnb_wrap .inner .order_2 {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list {
    position: relative;
    width: 100%;
    max-width: min(98%, 1000px);
    margin-left: 2vw;
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list .top {
    display: none;
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list .outer {
    position: relative;
    height: 83px;
    width: 100%;
    display: flex;
    justify-content: space-around;
}

@media (hover: hover) and (min-width: 1280px) {
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .outer::after {
        position: absolute;
        top: 83px;
        content: "";
        display: block;
        width: 100%;
        height: 320px;
        z-index: -1;
    }
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li {
    position: relative;
    height: 100%;
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li > a {
    position: relative;
    height: 100%;
    color: #5C5C5C;
    letter-spacing: -0.36px;
    font-size: 18px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li > a::before {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #2BAF7E;
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li > a.on {
    color: #000;
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li > a.on::before {
    position: absolute;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    height: 6px;
    background: #2BAF7E;
    transition: height 150ms ease-out;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

@media (hover: hover) and (min-width: 1280px) {
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li > a:hover {
        color: #000;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li > a:hover::before {
        position: absolute;
        bottom: 0;
        display: block;
        content: "";
        width: 100%;
        height: 6px;
        background: #2BAF7E;
        transition: height 150ms ease-out;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
    }
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li ul {
    padding-top: 30px;
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li ul > li {
    display: flex;
    justify-content: center;
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li ul > li > a {
    position: relative;
    white-space: nowrap;
    color: #808080;
    font-size: 16px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    text-align: center;
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li ul > li > a.on {
    color: #00B670;
}

@media (hover: hover) and (min-width: 1280px) {
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li ul > li > a:hover {
        color: #00B670;
    }
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li ul > li > a::after {
    display: inline-block;
    margin-left: 4px;
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li ul > li .outlink {
    text-align: center;
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li ul > li .outlink::after {
    position: relative;
    top: 0;
    display: inline-block;
    content: "";
    min-width: 13px;
    width: 13px;
    height: 12px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' fill='none'%3E%3Cpath fill='%237F7F7F' d='M6 3.5a.5.5 0 0 1 .5-.5H9a.5.5 0 0 1 .5.5V6a.5.5 0 1 1-1 0V4.707L5.854 7.354a.5.5 0 1 1-.708-.708L7.793 4H6.5a.5.5 0 0 1-.5-.5ZM2.633 1.692A2.501 2.501 0 0 1 5 0h5a2.5 2.5 0 0 1 2.5 2.5v5c0 1.098-.708 2.03-1.692 2.367v.364c0 .335-.117.763-.392 1.116-.289.372-.748.653-1.377.653H3.27A2.75 2.75 0 0 1 .5 9.23V3.463c0-.549.197-1.006.546-1.323.34-.309.785-.447 1.223-.447h.364v-.001Zm-.133 1h-.23a.81.81 0 0 0-.552.188c-.118.107-.218.284-.218.582v5.769c0 .993.776 1.77 1.77 1.77h5.77c.298 0 .473-.121.587-.268a.886.886 0 0 0 .18-.502V10H5a2.5 2.5 0 0 1-2.5-2.5V2.692ZM5 1a1.5 1.5 0 0 0-1.5 1.5v5A1.5 1.5 0 0 0 5 9h5a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 10 1H5Z'/%3E%3C/svg%3E") no-repeat;
    background-size: cover;
    margin-left: 2px;
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list .sns_icon_menu {
    display: none;
}

#mabinogim .gnb_wrap .inner .order_2 .menu_list .store_menu {
    display: none;
}

#mabinogim .gnb_wrap .inner .order_2 .sub_icon_menu {
    display: none;
    align-items: center;
    height: 83px;
    margin-left: auto;
}

#mabinogim .gnb_wrap .inner .order_2 .sub_icon_menu a, #mabinogim .gnb_wrap .inner .order_2 .sub_icon_menu button {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

#mabinogim .gnb_wrap .inner .order_2 .sub_icon_menu a.my::before, #mabinogim .gnb_wrap .inner .order_2 .sub_icon_menu button.my::before {
    display: block;
    content: "";
    width: 45px;
    min-width: 45px;
    height: 45px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='45' height='45' fill='%23fff' rx='12'/%3E%3Cpath fill='%23fff' d='M0 0h23v45H0zM23 0h22v45H23z'/%3E%3Cpath stroke='%23626262' stroke-width='2' d='M28.3 18.192c0 2.852-2.357 5.193-5.3 5.193-2.943 0-5.3-2.341-5.3-5.193C17.7 15.341 20.057 13 23 13c2.943 0 5.3 2.34 5.3 5.192Z'/%3E%3Cpath fill='%23626262' fill-rule='evenodd' d='M18.003 25.256c-2.156 1.43-4.003 3.7-4.003 6.677 0 3.076 5.631 3.07 8.71 3.067h.58c3.079.003 8.71.01 8.71-3.067 0-2.977-1.847-5.246-4.003-6.677-.67.44-1.403.794-2.183 1.047.53.261 1.074.59 1.594.988C28.968 28.487 30 30.067 30 31.933l.001.014c.005.03.01.065-.15.179-.27.193-.787.406-1.613.569-1.556.307-3.46.306-4.991.305h-.494c-1.53 0-3.435.002-4.991-.305-.826-.163-1.344-.376-1.613-.57-.16-.113-.155-.148-.15-.178l.001-.014c0-1.866 1.032-3.446 2.592-4.642a9.637 9.637 0 0 1 1.594-.988 9.031 9.031 0 0 1-2.183-1.047Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='45' height='45' fill='%23fff' rx='12'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: cover;
}

@media (hover: hover) and (min-width: 1280px) {
    #mabinogim .gnb_wrap .inner .order_2 .sub_icon_menu a.my:hover::before, #mabinogim .gnb_wrap .inner .order_2 .sub_icon_menu button.my:hover::before {
        display: block;
        content: "";
        width: 45px;
        min-width: 45px;
        height: 45px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='45' height='45' fill='%2300B3E0' rx='12'/%3E%3Cpath fill='%23fff' d='M-21 0H2L-8 45h-13V0ZM53 0h12v45H43L53 0Z'/%3E%3Ccircle cx='23' cy='17.8' r='6.3' fill='%23fff'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.003 24.987C15.847 26.442 14 28.75 14 31.78c0 3.13 5.631 3.123 8.71 3.12h.58c3.079.003 8.71.01 8.71-3.12 0-3.03-1.847-5.338-4.003-6.793A8.958 8.958 0 0 1 23 26.5a8.958 8.958 0 0 1-4.997-1.513Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='45' height='45' fill='%23fff' rx='12'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        background-size: cover;
    }
}

#mabinogim .gnb_wrap .inner .order_2 .sub_icon_menu a.search::before, #mabinogim .gnb_wrap .inner .order_2 .sub_icon_menu button.search::before {
    display: block;
    content: "";
    width: 45px;
    min-width: 45px;
    height: 45px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='45' height='45' fill='%23fff' rx='12'/%3E%3Cpath fill='%23fff' d='M0 0h23v45H0zM23 0h22v45H23z'/%3E%3Cpath fill='%235C5C5C' fill-rule='evenodd' d='M16.472 22.124a6.628 6.628 0 0 1 6.628-6.627 6.628 6.628 0 0 1 3.976 11.93 1.25 1.25 0 0 0-.482 1.207c-.037.355.08.724.348 1l3.888 3.99a1.25 1.25 0 0 0 1.79-1.745l-3.142-3.225A9.128 9.128 0 0 0 23.1 12.997a9.128 9.128 0 1 0 0 18.255 1.25 1.25 0 0 0 0-2.5 6.628 6.628 0 0 1-6.628-6.628Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='45' height='45' fill='%23fff' rx='12'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: cover;
}

@media (hover: hover) and (min-width: 1280px) {
    #mabinogim .gnb_wrap .inner .order_2 .sub_icon_menu a.search:hover::before, #mabinogim .gnb_wrap .inner .order_2 .sub_icon_menu button.search:hover::before {
        display: block;
        content: "";
        width: 45px;
        min-width: 45px;
        height: 45px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='45' height='45' fill='%2300B3E0' rx='12'/%3E%3Cpath fill='%23fff' d='M-21 0H2L-8 45h-13V0ZM53 0h12v45H43L53 0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M16.25 22a6.75 6.75 0 1 1 10.8 5.401 1.25 1.25 0 0 0-.483 1.209c-.037.356.078.726.348 1.003l3.948 4.052a1.25 1.25 0 0 0 1.79-1.745L29.45 28.63A9.25 9.25 0 1 0 23 31.25a1.25 1.25 0 1 0 0-2.5A6.75 6.75 0 0 1 16.25 22Z' clip-rule='evenodd'/%3E%3Ccircle cx='23' cy='22' r='5' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='45' height='45' fill='%23fff' rx='12'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        background-size: cover;
    }
}


#mabinogim .gnb_wrap.fixed {
    position: fixed;
    top: 0;
}

#mabinogim .gnb_wrap.fixed .inner {
    padding: 0;
    background: #fff;
}


/* Styles for scrolled header */
.header.scrolled {
    background-color: rgba(245, 245, 247, 0.95);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
}

#mabinogim.scrolled .gnb_wrap {
    background-color: rgba(245, 245, 247, 0.95);
    backdrop-filter: blur(5px);
    border-bottom: 1px solid #DEDEDE;
}

#mabinogim.scrolled .gnb_wrap .inner {
    background-color: rgba(255, 255, 255, 0.95);
}

#mabinogim .gnb_wrap .nav_dimmed {
    display: none;
}

/* Mobile styles for the header */
@media (max-width: 1620px) {
    #mabinogim .gnb_wrap .inner .order_2 .menu_list {
        margin-left: 0;
        transition: 0.3s;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .outer {
        max-width: min(100%, 800px);
    }
}

@media (max-width: 1280px) {
    .gnbContainer {
        width: 0 !important;
        min-width: 0 !important;
        height: 0 !important;
        z-index: 0 !important;
        opacity: 0;
        visibility: hidden !important;
        border-bottom: none !important;
        display: none !important;
    }
    #mabinogim {
        padding-top: var(--mobile-top-height);
    }
    #mabinogim .gnb_wrap {
        top: 0px;
        width: 100%;
        height: 100%;
        background: #fff;
        height: 55px;
    }
    #mabinogim .gnb_wrap.on {
        height: 55px;
        background: none;
        backdrop-filter: none;
        border-bottom: 0px solid #fff;
    }
    #mabinogim .gnb_wrap.on .inner .order_2 .menu_list .outer ul {
        visibility: visible;
    }
    #mabinogim .gnb_wrap .inner {
        width: 100%;
        height: 55px;
        padding: 0 !important;
        display: flex;
        margin: 0 auto;
        background: #fff;
    }
    #mabinogim .gnb_wrap .inner .order_1 {
        display: flex;
    }
    #mabinogim .gnb_wrap .inner .order_1 .toggle_button {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 44px;
    }
    #mabinogim .gnb_wrap .inner .order_1 .toggle_button span {
        width: 20px;
        height: 3px;
        background: #D9D9D9;
        border-radius: 5px;
        margin-bottom: 3px;
    }
    #mabinogim .gnb_wrap .inner .order_1 .toggle_button span:last-child {
        margin: 0;
    }
    #mabinogim .gnb_wrap .inner .order_1 .logo {
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
        margin-left: 60px;
    }
    #mabinogim .gnb_wrap .inner .order_1 .logo a {
        display: block;
        width: 84px;
        min-width: 84px;
        height: 22px;
        background-image: url("https://cdn.yejunpower.party/assets/img/Meow.png");
        background-size: 100% auto;
    }
    #mabinogim .gnb_wrap .inner .order_2 {
        margin-left: auto;
        width: auto;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list {
        position: fixed;
        top: 0;
        left: -100%;
        border-radius: 0px 20px 20px 0px;
        background: #FFF;
        width: 98%;
        height: calc(var(--vh, 1vh) * 100);
        overflow-y: auto;
        z-index: 222;
        display: flex;
        flex-direction: column;
        padding-bottom: 30px;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list.on {
        left: 0%;
        transition: 0.2s;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 13px 20px;
        border-bottom: 1px solid #F6F4F4;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .top .logo {
        position: relative;
        display: flex;
        align-items: center;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .top .logo a {
        display: block;
        width: 84px;
        min-width: 84px;
        height: 22px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='22' fill='none'%3E%3Cpath fill='%23000' d='m69.665 9.897-4.955-.018-.009-2.922h4.179V5.62h-8.181V.844h-1.427v5.223c0 .492.409.89.916.89h3.086l.01 2.922-4.858.018v1.252h11.24V9.897ZM28.385 11.176h5.21V.884H27.47v9.402c0 .492.41.89.916.89ZM29 2.136h3.058v7.788H29V2.137ZM39.169 4.33h-1.952V.514h-1.534v11.06h1.534V5.587h.004v.226h1.985V4.335h-.037V4.33ZM47.916 4.335h-3.248V.83h-1.534v9.465c0 .492.409.89.915.89h5.397V.83h-1.534v3.5l.005.005Zm0 5.602h-3.248V5.813h3.248v4.124ZM53.63.5h-1.535v11.074h1.534V.5ZM84 .545h-1.436v11.31H84V.545ZM77.92 2.91c0 2.908-.26 5.436-3.467 6.95l-.656.308.623 1.311.656-.307c3.964-1.872 4.3-5.246 4.3-8.262l.008-2.07h-5.893V2.2h4.434v.71h-.005ZM49.144 20.324h4.48v-1.809H48.08v.674h4.68v.475h-4.68v1.284c0 .303.251.552.567.552h5.062v-.687h-4.56v-.48l-.004-.009ZM53.624 14.925h-.864v3.21h.864v-3.21ZM49.334 18.009c.312 0 .604-.063.87-.194.269-.132.478-.312.636-.548.158-.235.233-.502.233-.795 0-.294-.08-.575-.233-.81a1.588 1.588 0 0 0-.637-.552 1.957 1.957 0 0 0-.869-.198c-.311 0-.609.067-.874.198a1.561 1.561 0 0 0-.627.552 1.454 1.454 0 0 0-.233.81c0 .302.08.565.233.795.158.236.367.416.627.543.26.131.553.195.87.195l.004.004Zm-.65-2.184a.9.9 0 0 1 .65-.258c.256 0 .474.086.656.258.176.172.27.389.27.651a.843.843 0 0 1-.27.629.915.915 0 0 1-.651.257.908.908 0 0 1-.65-.257.844.844 0 0 1-.266-.633c0-.254.088-.475.265-.652l-.005.005ZM44.598 17.48H43.51v-2.41h-.85v6.416h.85v-3.278h.005v.136h1.101v-.86h-.018v-.004ZM40.35 17.47h-2.004v-2.22H37.5v5.431c0 .303.251.552.567.552H41.2v-5.978h-.846v2.22l-.005-.004Zm0 3.04h-2.004v-2.18h2.003v2.18ZM30.77 18.904h2.435v-.009h.005v-3.581h-5.624v.009h-.005v3.034c0 .303.251.552.567.552h1.766v1.714l-2.733.009v.732h6.4v-.732l-2.798-.01V18.91l-.013-.005Zm-2.33-.737v-2.125h3.91v2.125h-3.91ZM6.45 7.382h-.009a.517.517 0 0 1-.372-.158.501.501 0 0 1 .014-.728l2.733-2.568a.543.543 0 0 1 .377-.145c.14 0 .274.059.372.158a.505.505 0 0 1-.014.728L6.818 7.238a.52.52 0 0 1-.367.144ZM17.494 10.222h-.009a.525.525 0 0 1-.372-.158l-2.64-2.659a.5.5 0 0 1 .014-.728.482.482 0 0 1 .377-.145c.14 0 .274.06.371.159l2.64 2.658a.5.5 0 0 1-.013.729.52.52 0 0 1-.367.144Z'/%3E%3Cpath fill='%23000' d='M13.827 10.376c-.67 0-1.315-.258-1.79-.733a2.372 2.372 0 0 1 .06-3.419l1.935-1.794c.255-.24.423-.534.464-.832.06-.435-.079-.86-.385-1.167a1.475 1.475 0 0 0-1.52-.335l-.07.027c-.135.06-.414.172-.665-.149-.107-.208-.12-.37-.065-.506.06-.145.195-.254.414-.335.944-.335 1.985-.104 2.668.583.256.258.446.566.567.91.307.881.06 1.867-.627 2.509L12.879 6.93c-.256.24-.423.534-.465.832-.065.434.08.86.386 1.167.39.389.985.52 1.52.335l.07-.028c.134-.054.413-.171.664.15.107.208.121.37.065.506-.06.145-.195.253-.413.335a2.58 2.58 0 0 1-.879.149Z'/%3E%3Cpath fill='%23000' d='M11.977 4.796h-.01a.525.525 0 0 1-.371-.158L9.332 2.304a1.407 1.407 0 0 0-.99-.43 1.43 1.43 0 0 0-1.004.394c-.4.384-.525.977-.32 1.506a.45.45 0 0 0 .032.068c.06.113.177.325-.107.56-.209.177-.395.177-.511.145-.181-.045-.34-.203-.423-.425a2.459 2.459 0 0 1 0-1.7c.181-.484.493-.873.92-1.167.953-.651 2.283-.515 3.161.321l.084.077 2.189 2.257c.2.208.195.533-.014.732a.524.524 0 0 1-.367.15l-.005.004ZM11.842 18.24h-.009a.525.525 0 0 1-.52-.525c0-.136.06-.267.162-.362l2.733-2.568a.475.475 0 0 1 .377-.145c.144 0 .274.059.372.159a.501.501 0 0 1-.014.728l-2.733 2.568a.52.52 0 0 1-.368.145Z'/%3E%3Cpath fill='%23000' d='M18.443 15.857a2.518 2.518 0 0 1-1.79-.737l-1.845-1.882a1.51 1.51 0 0 0-.855-.452 1.442 1.442 0 0 0-1.2.376c-.4.38-.534.958-.344 1.478l.028.068c.056.131.177.402-.153.651-.214.104-.381.118-.52.063-.15-.058-.26-.19-.345-.402a2.392 2.392 0 0 1 .6-2.596 2.534 2.534 0 0 1 3.514.059l1.845 1.881c.247.249.549.412.856.452.441.06.883-.076 1.199-.375.4-.38.534-.958.344-1.474l-.028-.068c-.056-.13-.177-.402.153-.65.214-.105.377-.119.52-.064.15.058.261.19.345.402.344.918.107 1.931-.6 2.596a2.516 2.516 0 0 1-1.724.678v-.004Z'/%3E%3Cpath fill='%23000' d='M17.536 12.868a.57.57 0 0 1-.385-.154.497.497 0 0 1 .01-.728l2.397-2.202c.28-.254.433-.597.442-.964a1.344 1.344 0 0 0-.404-.976c-.396-.39-1.005-.511-1.553-.312-.14.05-.474.171-.697-.127-.126-.172-.168-.33-.121-.475.051-.163.204-.285.46-.375a2.633 2.633 0 0 1 1.748 0c.497.176.897.48 1.199.895.67.927.53 2.22-.33 3.075l-.07.072-2.324 2.135a.548.548 0 0 1-.372.145v-.01ZM6.223 15.517h-.01a.517.517 0 0 1-.371-.158L3.202 12.7a.501.501 0 0 1 .013-.728.52.52 0 0 1 .368-.144h.009c.14 0 .274.058.372.158l2.64 2.659a.501.501 0 0 1-.014.728.52.52 0 0 1-.367.144Z'/%3E%3Cpath fill='%23000' d='M8.045 21.07c-.67 0-1.316-.257-1.79-.732a2.372 2.372 0 0 1 .06-3.419l1.934-1.795c.256-.24.423-.534.465-.832a1.355 1.355 0 0 0-.386-1.167 1.475 1.475 0 0 0-1.52-.334l-.07.027c-.134.059-.413.172-.664-.15-.107-.207-.12-.37-.065-.506.06-.145.195-.253.414-.335.943-.334 1.984-.104 2.668.584a2.372 2.372 0 0 1-.06 3.419l-1.934 1.795c-.256.24-.423.533-.465.832-.06.434.079.859.386 1.166.39.39.985.52 1.52.335l.07-.027c.134-.054.413-.167.664.15.107.207.12.37.065.506-.06.144-.195.253-.414.334-.288.104-.585.15-.878.15Z'/%3E%3Cpath fill='%23000' d='M12.74 21.147a2.626 2.626 0 0 1-1.809-.732l-.097-.095-2.17-2.243a.514.514 0 0 1 .013-.733.525.525 0 0 1 .367-.149h.01c.139 0 .274.059.371.158l2.264 2.334c.26.271.614.42.99.43a1.37 1.37 0 0 0 1.004-.394c.4-.384.525-.977.32-1.51-.05-.136-.176-.462.13-.679.178-.122.34-.163.489-.117.167.05.297.199.386.447a2.433 2.433 0 0 1-.92 2.867 2.398 2.398 0 0 1-1.353.412l.005.004ZM7.315 10.277a2.518 2.518 0 0 1-1.79-.738L3.68 7.66a1.509 1.509 0 0 0-.855-.453 1.462 1.462 0 0 0-1.2.375c-.399.38-.534.96-.343 1.48l.028.067c.055.131.176.402-.154.651-.213.104-.38.118-.52.063-.149-.058-.26-.19-.344-.402a2.392 2.392 0 0 1 .6-2.596 2.533 2.533 0 0 1 3.514.059L6.25 8.784c.246.249.548.412.855.452.442.064.883-.076 1.2-.375.399-.38.534-.959.343-1.479l-.028-.067c-.056-.132-.176-.403.154-.652.213-.104.38-.117.52-.063.149.059.265.19.344.403.344.918.107 1.93-.6 2.595a2.516 2.516 0 0 1-1.724.678Z'/%3E%3Cpath fill='%23000' d='M2.495 15.508c-.297 0-.595-.05-.874-.149a2.455 2.455 0 0 1-1.2-.895c-.668-.927-.529-2.22.33-3.075l.08-.082h.005L3.15 9.182a.55.55 0 0 1 .753.014.498.498 0 0 1-.01.728l-2.397 2.202a1.354 1.354 0 0 0-.442.963c-.005.366.14.715.404.977.396.389 1.004.51 1.553.312.14-.05.474-.172.697.127.126.171.167.33.121.474-.051.163-.205.29-.46.376-.284.1-.577.149-.874.149v.004Z'/%3E%3C/svg%3E");
        background-size: 100% auto;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .top button {
        display: flex;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .top button::before {
        display: block;
        content: "";
        min-width: 18px;
        width: 18px;
        height: 18px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23838383' fill-rule='evenodd' d='M17.497 15.07a1.717 1.717 0 0 1-2.428 2.427L9 11.428l-6.069 6.07a1.717 1.717 0 0 1-2.428-2.429L6.573 9 .502 2.93A1.717 1.717 0 0 1 2.93.504L9 6.573 15.07.502a1.717 1.717 0 0 1 2.428 2.428L11.428 9l6.07 6.068Z' clip-rule='evenodd'/%3E%3C/svg%3E");
        background-size: cover;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .outer {
        position: relative;
        display: block;
        column-count: 2;
        height: auto;
        gap: 30px;
        padding: 14px 20px 0;
        margin: 0;
        max-width: 100%;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .outer::after {
        display: none;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li {
        position: relative;
        display: inline-block;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li > a {
        width: 100%;
        position: relative;
        height: auto;
        padding: 10px 0px;
        display: flex;
        align-items: center;
        color: #626262;
        letter-spacing: -0.36px;
        font-size: 14px;
        white-space: nowrap;
        margin: 0;
        text-align: center;
        border-radius: 15px;
        background: #F6F4F4;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li > a::before {
        display: none;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li > a.on::before {
        display: none;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li ul {
        margin: 0 10px;
        visibility: visible;
        padding: 18px 10px;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li ul > li {
        height: auto;
        display: block;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li ul > li > a {
        display: flex;
        align-items: center;
        white-space: nowrap;
        color: #808080;
        font-size: 12px;
        margin-bottom: 12px;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .outer > li ul > li > a::after {
        position: relative;
        top: 0;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .store_menu {
        display: flex;
        justify-content: center;
        padding: 17px 0;
        margin-top: auto;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .store_menu a {
        margin-right: 10px;
        width: 90px;
        height: 27px;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .store_menu a:nth-child(1) {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='54' fill='none'%3E%3Crect width='178' height='52' x='1' y='1' fill='%23000' stroke='%23A6A6A6' stroke-width='2' rx='8'/%3E%3Cg fill='%23fff' clip-path='url(%23a)'%3E%3Cpath d='M55.16 33.3h-3.335v4.464c1.355 0 2.83-.052 4.12-.295l.12.96c-1.01.192-2.898.332-4.745.332h-.718v-6.434h4.559v.972Zm2.778 1.79h1.449v.985h-1.449v4.912h-1.236V31.42h1.236v3.671ZM69.275 36.139v.947h-3.801v1.803h-1.25v-1.803h-3.947v-.947h8.998Zm-7.934-2.52c0-1.113 1.342-1.906 3.455-1.906s3.469.806 3.469 1.906c0 1.1-1.356 1.932-3.456 1.932-2.1 0-3.468-.806-3.468-1.932Zm1.289 6.179h5.608v.933h-6.831v-2.724h1.223v1.791Zm-.04-6.166c0 .614.93 1.01 2.193 1.01 1.262 0 2.206-.396 2.206-1.01s-.89-1.024-2.193-1.024c-1.302 0-2.193.397-2.193 1.024h-.013ZM79.376 38.838v.947H70.39v-.947h3.868v-1.56h-2.725v-3.135h5.45V32.98H71.52v-.946h6.712v3.07H72.77v1.24h5.715v.947h-2.99v1.56h3.88v-.012ZM89.477 39.72h-8.985v-.946h8.985v.947Zm-1.157-6.523h-5.449v2.635h5.53v.96h-6.74V32.25h6.66v.96-.013ZM99.338 34.668h-5.794v-.934h5.794v.934Zm-2.844 4.503c-1.369 0-2.365-.844-2.365-2.034s.996-2.034 2.365-2.034c1.37 0 2.392.844 2.392 2.034s-1.023 2.034-2.392 2.034Zm1.502-6.166h-3.017v-.96h3.017v.96Zm-1.502 5.232c.678 0 1.21-.46 1.21-1.1 0-.64-.519-1.1-1.21-1.1-.69 0-1.183.46-1.183 1.1 0 .64.505 1.1 1.183 1.1Zm4.865-2.866h1.422v.973h-1.422v4.643h-1.223v-9.556h1.223v3.94ZM104.415 39.248l-.691-.922c2.299-1.061 3.721-2.967 3.908-4.912h-3.35v-.972h4.652c-.08 2.878-1.502 5.245-4.519 6.818v-.012Zm7.496 1.74h-1.236v-9.57h1.236v9.57ZM59.453 22.131h-5.37l-1.288 3.672h-2.273l5.077-13.573h2.366l5.09 13.573h-2.313l-1.289-3.672Zm-4.824-1.688h4.266l-2.1-5.961h-.053l-2.1 5.96h-.013ZM74.073 20.852c0 3.07-1.715 5.053-4.293 5.053-1.462 0-2.632-.627-3.23-1.727h-.053v4.9h-2.113V15.902h2.047v1.65h.04c.584-1.062 1.834-1.753 3.27-1.753 2.604 0 4.332 1.983 4.332 5.053Zm-2.166 0c0-2.008-1.077-3.326-2.712-3.326-1.634 0-2.698 1.343-2.698 3.326s1.09 3.326 2.698 3.326c1.608 0 2.712-1.305 2.712-3.326ZM85.41 20.852c0 3.07-1.715 5.053-4.293 5.053-1.462 0-2.632-.627-3.23-1.727h-.053v4.9h-2.113V15.902h2.047v1.65h.04c.584-1.062 1.834-1.753 3.269-1.753 2.605 0 4.333 1.983 4.333 5.053Zm-2.167 0c0-2.008-1.076-3.326-2.71-3.326-1.636 0-2.699 1.343-2.699 3.326s1.09 3.326 2.698 3.326c1.608 0 2.711-1.305 2.711-3.326ZM92.932 22.016c.16 1.344 1.515 2.226 3.376 2.226 1.86 0 3.057-.883 3.057-2.098 0-1.049-.771-1.688-2.605-2.123l-1.834-.422c-2.592-.602-3.788-1.766-3.788-3.659 0-2.341 2.126-3.953 5.13-3.953s5.024 1.612 5.09 3.953h-2.126c-.133-1.356-1.29-2.175-2.99-2.175-1.702 0-2.858.832-2.858 2.034 0 .96.744 1.523 2.565 1.957l1.555.372c2.897.652 4.094 1.778 4.094 3.76 0 2.546-2.1 4.132-5.45 4.132-3.123 0-5.236-1.548-5.369-4.004h2.153ZM106.156 13.56v2.342h1.954v1.611h-1.954v5.463c0 .844.386 1.24 1.25 1.24.212 0 .558-.025.691-.05v1.598c-.24.052-.705.09-1.17.09-2.086 0-2.897-.755-2.897-2.674v-5.667h-1.489v-1.611h1.489V13.56h2.126ZM109.266 20.852c0-3.108 1.901-5.066 4.878-5.066 2.977 0 4.878 1.958 4.878 5.066 0 3.109-1.888 5.066-4.878 5.066s-4.878-1.944-4.878-5.066Zm7.603 0c0-2.136-1.011-3.402-2.725-3.402-1.714 0-2.725 1.266-2.725 3.402s1.011 3.39 2.725 3.39c1.714 0 2.725-1.254 2.725-3.39ZM120.763 15.902h2.007v1.688h.053c.319-1.125 1.262-1.79 2.472-1.79.305 0 .558.038.717.076v1.906c-.159-.064-.544-.128-.943-.128-1.356 0-2.193.883-2.193 2.277v5.872h-2.113v-9.901ZM135.754 22.899c-.279 1.79-2.1 3.032-4.425 3.032-2.991 0-4.851-1.932-4.851-5.028 0-3.095 1.86-5.116 4.758-5.116 2.897 0 4.638 1.88 4.638 4.886v.69h-7.257v.129c0 1.688 1.103 2.801 2.765 2.801 1.169 0 2.086-.537 2.379-1.394h2.007-.014Zm-7.137-2.955h5.144c-.053-1.51-1.05-2.507-2.525-2.507-1.476 0-2.512 1.01-2.619 2.507ZM144.42 12.448h1.648V25.15h-1.648v-6.409h-1.21c-.146 2.265-1.103 4.235-3.03 4.235-2.113 0-3.057-2.367-3.057-4.9 0-2.533.944-4.848 3.057-4.848 1.887 0 2.844 1.842 3.03 4.03h1.21v-4.81Zm-2.804 5.628c0-1.867-.466-3.287-1.436-3.287s-1.382 1.42-1.382 3.287c0 1.868.438 3.275 1.382 3.275s1.436-1.407 1.436-3.275Zm7.323-5.897V25.79h-1.648V12.18h1.648ZM156.381 15.377c0 2.776 1.329 4.759 3.496 5.885l-1.024 1.279c-1.302-.717-2.923-2.252-3.349-3.672-.372 1.484-1.98 3.25-3.389 4.017l-1.076-1.228c2.352-1.343 3.548-3.492 3.548-6.23v-2.11h1.808v2.046l-.014.013Zm6.632 10.426h-1.767v-7.484h-2.831v-1.432h2.831v-4.708h1.767v13.624ZM37.67 26.928c-.04-3.517 2.99-5.232 3.136-5.308-1.714-2.405-4.372-2.738-5.302-2.763-2.233-.23-4.4 1.279-5.53 1.279-1.129 0-2.91-1.267-4.797-1.228-2.432.038-4.705 1.394-5.941 3.492-2.565 4.285-.651 10.58 1.808 14.046 1.235 1.701 2.67 3.595 4.558 3.518 1.848-.077 2.539-1.126 4.758-1.126 2.22 0 2.844 1.126 4.771 1.087 1.98-.025 3.23-1.701 4.413-3.415 1.422-1.944 1.994-3.863 2.02-3.953-.04-.013-3.84-1.407-3.88-5.629h-.014ZM34.042 16.58c.996-1.19 1.674-2.815 1.475-4.465-1.436.064-3.23.96-4.267 2.124-.916 1.023-1.727 2.712-1.515 4.298 1.609.115 3.27-.78 4.307-1.957Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M18 12h145v29H18z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .store_menu a:nth-child(2) {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='54' fill='none'%3E%3Crect width='178' height='52' x='1' y='1' fill='%23000' stroke='%23A6A6A6' stroke-width='2' rx='8'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23EA4435' d='M29.134 25.76 15.13 40.257v.008c.429 1.574 1.902 2.732 3.653 2.732.698 0 1.355-.185 1.919-.506l.044-.027 15.764-8.872-7.378-7.835.003.003Z'/%3E%3Cpath fill='%23F9BC15' d='m43.301 23.29-.013-.007-6.806-3.848-7.667 6.655 7.694 7.502 6.77-3.81c1.188-.625 1.993-1.845 1.993-3.253 0-1.407-.794-2.611-1.97-3.238Z'/%3E%3Cpath fill='%23547DBF' d='M15.13 12.74c-.086.303-.13.622-.13.95v25.618c0 .33.044.646.13.95L29.614 26.13 15.13 12.74Z'/%3E%3Cpath fill='%2333A852' d='m29.236 26.5 7.248-7.068-15.745-8.904A3.852 3.852 0 0 0 18.785 10c-1.751 0-3.227 1.161-3.656 2.738v.002L29.236 26.5Z'/%3E%3Cpath fill='%23fff' d='M58.334 22.333a5.468 5.468 0 0 1-2.064-1.984c-.509-.841-.764-1.777-.764-2.81 0-1.032.255-1.97.764-2.81a5.489 5.489 0 0 1 2.064-1.983 5.746 5.746 0 0 1 2.845-.724c.828 0 1.59.142 2.285.429a5.006 5.006 0 0 1 1.77 1.195l-1.15 1.121c-.736-.807-1.704-1.21-2.905-1.21a4.13 4.13 0 0 0-1.982.494 3.722 3.722 0 0 0-1.467 1.41c-.363.612-.545 1.304-.545 2.081 0 .778.184 1.483.553 2.089a3.813 3.813 0 0 0 1.468 1.402c.61.33 1.272.493 1.99.493 1.14 0 2.067-.348 2.784-1.048.231-.217.426-.49.583-.826.157-.335.264-.702.324-1.107h-3.721v-1.432h5.263c.06.335.091.62.091.855 0 .67-.107 1.306-.324 1.912a4.35 4.35 0 0 1-1.006 1.6 4.83 4.83 0 0 1-1.74 1.175c-.676.271-1.432.405-2.268.405a5.76 5.76 0 0 1-2.845-.724l-.003-.003ZM69.742 22.532a3.718 3.718 0 0 1-1.438-1.44 4.073 4.073 0 0 1-.514-2.035c0-.745.17-1.426.514-2.035a3.756 3.756 0 0 1 1.438-1.44c.615-.348 1.31-.523 2.086-.523.775 0 1.457.177 2.072.531a3.787 3.787 0 0 1 1.438 1.445c.344.612.514 1.285.514 2.022 0 .737-.17 1.426-.514 2.035a3.771 3.771 0 0 1-1.43 1.44c-.61.348-1.302.523-2.08.523s-1.473-.175-2.086-.523Zm3.282-1.247a2.35 2.35 0 0 0 .876-.885c.223-.383.333-.83.333-1.343 0-.512-.11-.96-.333-1.343a2.348 2.348 0 0 0-2.072-1.196c-.434 0-.836.104-1.201.311a2.329 2.329 0 0 0-.885.885c-.223.383-.333.83-.333 1.343 0 .512.11.96.333 1.343.222.384.516.679.885.885.368.206.77.311 1.201.311.431 0 .833-.105 1.196-.31ZM78.923 22.532a3.718 3.718 0 0 1-1.438-1.44 4.073 4.073 0 0 1-.514-2.035c0-.745.17-1.426.514-2.035a3.756 3.756 0 0 1 1.438-1.44c.615-.348 1.31-.523 2.086-.523.775 0 1.457.177 2.072.531a3.787 3.787 0 0 1 1.438 1.445c.344.612.514 1.285.514 2.022 0 .737-.17 1.426-.514 2.035a3.772 3.772 0 0 1-1.43 1.44c-.61.348-1.302.523-2.08.523s-1.474-.175-2.086-.523Zm3.282-1.247a2.35 2.35 0 0 0 .876-.885c.223-.383.333-.83.333-1.343 0-.512-.11-.96-.333-1.343a2.348 2.348 0 0 0-2.072-1.196c-.434 0-.836.104-1.201.311a2.329 2.329 0 0 0-.885.885c-.223.383-.333.83-.333 1.343 0 .512.11.96.333 1.343.222.384.516.679.885.885.368.206.77.311 1.2.311.432 0 .834-.105 1.197-.31ZM87.702 25.615c-.621-.418-1.036-.922-1.248-1.512l1.512-.62c.162.403.426.727.794.974.369.247.795.37 1.279.37.714 0 1.275-.215 1.68-.644.403-.428.604-1.032.604-1.807v-.724h-.09a2.584 2.584 0 0 1-1.015.856c-.423.206-.907.31-1.452.31-.656 0-1.258-.16-1.808-.482a3.531 3.531 0 0 1-1.317-1.367c-.327-.59-.492-1.266-.492-2.025 0-.758.165-1.434.492-2.024a3.565 3.565 0 0 1 1.317-1.373 3.47 3.47 0 0 1 1.808-.49c.534 0 1.018.107 1.446.316.43.212.77.499 1.02.863h.09v-.943h1.56v7.126c0 .807-.163 1.499-.484 2.073a3.162 3.162 0 0 1-1.355 1.305c-.58.295-1.248.443-2.004.443-.938 0-1.718-.21-2.337-.627v.002Zm3.486-4.534c.343-.193.618-.472.824-.836.206-.362.31-.797.31-1.3 0-.505-.104-.955-.31-1.322a2.112 2.112 0 0 0-.824-.837 2.297 2.297 0 0 0-1.136-.284c-.415 0-.794.094-1.14.284-.347.19-.624.467-.833.837-.206.367-.31.81-.31 1.321 0 .512.104.942.31 1.309.206.367.484.646.833.836.349.19.728.285 1.14.285.413 0 .792-.097 1.136-.29v-.003ZM95.82 12.258h1.632V22.82H95.82V12.258ZM103.213 23.057c.803 0 1.485-.177 2.043-.53.56-.354.984-.754 1.286-1.196l-1.361-.885c-.5.724-1.165 1.078-1.968 1.078-.877 0-1.528-.4-1.938-1.18l5.341-2.156-.181-.442c-.228-.606-.635-1.18-1.196-1.697-.561-.518-1.3-.783-2.224-.783-.681 0-1.316.163-1.891.488a3.676 3.676 0 0 0-1.36 1.389c-.35.59-.514 1.268-.514 2.021 0 .754.167 1.373.513 1.963a3.71 3.71 0 0 0 1.424 1.418c.605.34 1.287.518 2.029.518l-.003-.006Zm-2.224-4.013a2.15 2.15 0 0 1 1.119-2.008c.333-.178.652-.266.968-.266.349 0 .651.075.923.223.273.163.454.353.561.606l-3.571 1.447v-.002Zm10.438 3.777h1.696V18.72h2.058c.635 0 1.226-.134 1.771-.413.53-.281.967-.665 1.286-1.15.319-.488.47-1.048.47-1.668 0-.619-.151-1.18-.47-1.667a3.4 3.4 0 0 0-1.286-1.15 3.796 3.796 0 0 0-1.771-.413h-3.752v10.569l-.002-.006Zm1.696-5.668v-3.322h2.089c.379 0 .695.075.967.236a1.633 1.633 0 0 1 .833 1.416 1.633 1.633 0 0 1-.833 1.416 1.86 1.86 0 0 1-.967.252h-2.089v.002Zm7.047 5.668h1.666V12.252h-1.666v10.57Zm6.053.236c.531 0 .984-.104 1.394-.324.409-.223.712-.488.937-.813h.077v.901h1.636v-4.694c0-.974-.303-1.727-.908-2.274-.604-.53-1.467-.796-2.586-.796-.665 0-1.27.134-1.817.383a3.48 3.48 0 0 0-1.33 1.078l1.165.871c.212-.295.5-.53.847-.694a2.562 2.562 0 0 1 1.105-.252c.56 0 1.014.147 1.36.429.349.295.531.678.531 1.137v.383c-.212-.104-.5-.193-.863-.281a6.065 6.065 0 0 0-1.226-.118c-.924 0-1.68.222-2.271.678-.604.458-.907 1.062-.907 1.845 0 .488.121.93.363 1.313.242.4.574.695 1.014.901.44.223.924.325 1.485.325l-.006.002Zm.289-1.343c-.44 0-.786-.118-1.059-.34a1.041 1.041 0 0 1-.409-.842c0-.384.151-.695.44-.944.288-.236.756-.354 1.377-.354a4.3 4.3 0 0 1 .967.118c.303.075.575.177.803.311 0 .37-.091.708-.272 1.019-.182.31-.44.56-.756.753-.316.193-.682.282-1.089.282l-.002-.003ZM134.079 22.409l-3.221-7.111h1.814l2.207 5.135h.074l2.133-5.135h1.801l-4.764 10.711h-1.74l1.693-3.6h.003ZM142.988 19.692c-.937 0-1.515-1.195-1.515-3.305 0-2.11.575-3.293 1.515-3.293s1.514 1.18 1.514 3.293c0 2.112-.574 3.305-1.514 3.305Zm4.373-4.013h-1.468c-.167-2.494-1.27-4.014-2.905-4.014-1.77 0-2.936 1.802-2.936 4.724 0 2.923 1.166 4.738 2.936 4.738 1.666 0 2.784-1.595 2.922-4.194h1.454v6.393h1.454V10.879h-1.454v4.797l-.003.003Zm2.738-5.049v13.315h1.484V10.627h-1.484v.003Zm8.499 1.078h-1.575v2.198c0 2.494-1.33 5.063-3.466 6.081l.984 1.21c1.559-.783 2.677-2.333 3.285-4.223.591 1.785 1.696 3.247 3.238 4l.923-1.225c-2.089-.944-3.389-3.365-3.389-5.845v-2.199.003Zm4.827-1.107v4.383h-2.922v1.239h2.922v7.749H165V10.598h-1.575v.003ZM63.832 35.76h-1.614v5.267H61.04V30.929h1.18v3.883h1.613v.949Zm-8.021 1.832c1.671-.01 2.927-.078 4.37-.324l.127.949c-1.567.279-2.963.335-4.827.335h-.846v-6.663h4.804v.939h-3.625v4.764h-.003ZM67.328 33.22c0 .712.949 1.125 2.414 1.125 1.465 0 2.402-.413 2.402-1.126 0-.713-.948-1.126-2.402-1.126-1.454 0-2.414.413-2.414 1.126Zm.08 6.672h5.995v.939h-7.185v-2.979h1.19v2.04ZM66.08 33.22c0-1.26 1.44-2.054 3.662-2.054 2.22 0 3.661.794 3.661 2.054 0 1.26-1.454 2.054-3.661 2.054-2.208 0-3.662-.794-3.662-2.054Zm8.351 2.735v.938h-4.005v1.91h-1.201v-1.91H65.06v-.938h9.37ZM84.72 38.887v.947h-9.36v-.947h4.074v-1.719h-2.941v-3.246h5.948V32.57h-5.97v-.925h7.138v3.19h-5.962v1.406h6.19v.927H80.61v1.72h4.11ZM94.442 36.621h-7.16v-4.799h7.08v.939h-5.904v2.935h5.984v.925Zm1.064 2.154v.949h-9.37v-.95h9.37Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M15 10h150v33H15z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .store_menu a:nth-child(3) {
        display: none;
        margin-right: 0;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .store_menu a:last-child {
        margin-right: 0;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .sns_icon_menu {
        display: flex;
        justify-content: center;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .sns_icon_menu a, #mabinogim .gnb_wrap .inner .order_2 .menu_list .sns_icon_menu button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background: #F6F4F4;
        border-radius: 10px;
        margin-right: 15px;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .sns_icon_menu a:last-child, #mabinogim .gnb_wrap .inner .order_2 .menu_list .sns_icon_menu button:last-child {
        margin-right: 0;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .sns_icon_menu a.youtube::before {
        display: block;
        content: "유투브 바로가기";
        width: 24px;
        min-width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23242427' fill-rule='evenodd' d='M12 4c.855 0 1.732.022 2.582.058l1.004.048.961.057.9.061.822.064a3.802 3.802 0 0 1 3.494 3.423l.04.425.075.91c.07.943.122 1.971.122 2.954 0 .983-.052 2.011-.122 2.954l-.075.91c-.013.146-.026.287-.04.425a3.802 3.802 0 0 1-3.495 3.423l-.82.063-.9.062-.962.057-1.004.048c-.86.037-1.72.057-2.582.058a61.579 61.579 0 0 1-2.582-.058l-1.004-.048-.96-.057-.9-.062-.823-.063a3.802 3.802 0 0 1-3.494-3.423l-.04-.425-.075-.91A40.668 40.668 0 0 1 2 12c0-.983.052-2.011.122-2.954l.075-.91c.013-.146.026-.287.04-.425A3.802 3.802 0 0 1 5.73 4.288l.821-.064.9-.061.962-.057 1.004-.048C10.277 4.021 11.14 4.001 12 4Zm-2 5.575v4.85c0 .462.5.75.9.52l4.2-2.425a.6.6 0 0 0 0-1.04l-4.2-2.424a.6.6 0 0 0-.9.52v-.001Z' clip-rule='evenodd'/%3E%3C/svg%3E");
        background-size: cover;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 100%;
    }
    #mabinogim .gnb_wrap .inner .order_2 .menu_list .sns_icon_menu a.kakaochannel::before {
        display: block;
        content: "카카오채널 바로가기";
        width: 22px;
        min-width: 22px;
        height: 24px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24' fill='none'%3E%3Cpath fill='%23242427' d='M11 .5C4.926.5 0 5.003 0 10.557c0 4.103 1.74 6.062 4.12 7.847l.01.005v4.814c0 .228.263.358.446.22l4.17-3.062.092.038c.7.128 1.422.195 2.162.195 6.074 0 11-4.503 11-10.06C22 4.999 17.077.5 11 .5ZM7.314 13.106c1.077 0 2-.64 2.279-1.624h1.595c-.39 1.897-1.884 3.14-3.874 3.14-2.312 0-4.145-1.704-4.145-4.078 0-2.373 1.833-4.077 4.145-4.077 2.01 0 3.514 1.268 3.884 3.198h-1.59c-.24-1.05-1.196-1.704-2.294-1.704-1.554 0-2.588 1.095-2.588 2.581s1.176 2.561 2.588 2.561m10.508 1.361H16.36v-3.26c0-.75-.44-1.153-1.12-1.153-.758 0-1.248.458-1.248 1.388v3.025H12.53V6.492h1.463v3c.35-.526.917-.784 1.688-.784.623 0 1.133.2 1.529.616.408.414.613.975.613 1.702v3.438Z'/%3E%3C/svg%3E");
        background-size: cover;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 100%;
    }
    #mabinogim .gnb_wrap .inner .order_2 .sub_icon_menu {
        width: 100%;
        display: flex;
        height: 55px;
    }
    #mabinogim .gnb_wrap .inner .order_2 .sub_icon_menu a, #mabinogim .gnb_wrap .inner .order_2 .sub_icon_menu button {
        width: 45px;
        height: 45px;
        border-radius: 12px;
        background: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
    }
    #mabinogim .gnb_wrap .nav_dimmed {
        display: block;
        position: fixed;
        top: 0;
        left: 0%;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
        z-index: 1;
        transition: 0.2s;
    }
}

@media screen and (max-width: 780px) {
    #mabinogim .gnb_wrap .inner .order_2 .menu_list {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    #mabinogim .gnb_wrap .inner {
        padding: 0 !important;
    }
}

.new::after {
    content: "";
    width: 8px;
    min-width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #F65606;
    margin-left: 6px;
}

/* ===== HERO SECTION ===== */
.hero {
    height: 60vh;
    min-height: 400px;
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    color: white;
    padding-top: 180px; /* Increased padding to account for fixed header */
    overflow: hidden;
}

.hero-video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#hero-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.hero h2 {
    font-size: 5.6rem;
    margin-bottom: var(--spacing-md);
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}

.hero p {
    font-size: 2rem;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ===== ABOUT SECTION ===== */
.about-content {
    display: block;
    max-width: 900px;
    margin: 0 auto;
}

.about-text p {
    margin-bottom: var(--spacing-md);
}

/* Stat items removed as per requirement */

/* ===== BENEFITS SECTION ===== */
.benefits {
    background-color: #f9f9f9;
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-md);
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
}

.benefit-card {
    background-color: white;
    padding: var(--spacing-md);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-sm);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}

.benefit-icon {
    font-size: 4rem;
    margin-bottom: var(--spacing-sm);
}

/* ===== MEMBERS SECTION ===== */
.members-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-md);
    max-width: 1200px;
    margin: 0 auto;
}

.member-card {
    background-color: white;
    border-radius: var(--border-radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.member-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}

.member-image {
    height: 250px;
    overflow: hidden;
}

.member-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.member-card:hover .member-image img {
    transform: scale(1.05);
}

.member-card h3, .member-card p {
    padding: 0 var(--spacing-sm);
}

.member-card h3 {
    margin-top: var(--spacing-sm);
}

.member-role {
    color: var(--primary-color);
    font-weight: 500; /* Changed from 700 to 500 for thinner text */
    margin-bottom: var(--spacing-xs);
}

.member-desc {
    color: var(--gray-color);
    margin-bottom: var(--spacing-sm);
}

/* ===== JOIN SECTION ===== */
.join {
    background-color: #f9f9f9;
}

.join-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xs);
    justify-content: center;
    max-width: 1000px;
    margin: 0 auto;
}

.join-steps {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.step {
    display: flex;
    gap: var(--spacing-md);
    align-items: flex-start;
}

.step-number {
    background-color: var(--primary-color);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500; /* Changed from 700 to 500 for thinner text */
    flex-shrink: 0;
}

.step-content h3 {
    margin-bottom: var(--spacing-xs);
}

.join-form {
    background-color: white;
    padding: var(--spacing-md);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-md);
}

.form-group {
    margin-bottom: var(--spacing-md);
}

.form-group label {
    display: block;
    margin-bottom: var(--spacing-xs);
    font-weight: 500; /* Changed from 700 to 500 for thinner text */
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 1rem;
    border: 1px solid var(--gray-light);
    border-radius: var(--border-radius-sm);
    font-family: var(--body-font);
    font-size: 1.6rem;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 2px rgba(106, 61, 232, 0.2);
}

/* Hide number input spinners */
.form-group input[type="number"]::-webkit-inner-spin-button,
.form-group input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.form-group input[type="number"] {
    -moz-appearance: textfield; /* Firefox */
}

/* ===== GALLERY SECTION ===== */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--spacing-md);
}

.gallery-item {
    position: relative;
    border-radius: var(--border-radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    height: 250px;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.gallery-item:hover img {
    transform: scale(1.05);
}

.gallery-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: var(--spacing-sm);
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.gallery-item:hover .gallery-caption {
    transform: translateY(0);
}

/* ===== CONTACT SECTION ===== */
.contact-info {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--spacing-md);
}

.contact-item {
    background-color: white;
    padding: var(--spacing-md);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-sm);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}

.contact-icon {
    font-size: 4rem;
    margin-bottom: var(--spacing-sm);
}

/* ===== FOOTER ===== */
.footer {
    background-color: var(--dark-color);
    color: white;
    padding: var(--spacing-md) 0 var(--spacing-sm);
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.footer-logo h2 {
    color: white;
    margin-bottom: var(--spacing-xs);
}

.footer-logo p {
    color: var(--gray-color);
}

.footer-links h3,
.footer-social h3 {
    color: white;
    margin-bottom: var(--spacing-md);
}

.footer-links ul {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.footer-links a {
    color: var(--gray-color);
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: white;
}

.social-icons {
    display: flex;
    gap: var(--spacing-sm);
}

.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transition: background-color 0.3s ease;
    position: relative;
}

.social-icon:hover {
    background-color: var(--primary-color);
}

.social-icon.kakao::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none'%3E%3Cpath fill='%23ffffff' d='M11 0C4.926 0 0 4.503 0 10.057c0 4.103 1.74 6.062 4.12 7.847l.01.005v4.814c0 .228.263.358.446.22l4.17-3.062.092.038c.7.128 1.422.195 2.162.195 6.074 0 11-4.503 11-10.06C22 4.499 17.077 0 11 0ZM7.314 12.606c1.077 0 2-.64 2.279-1.624h1.595c-.39 1.897-1.884 3.14-3.874 3.14-2.312 0-4.145-1.704-4.145-4.078 0-2.373 1.833-4.077 4.145-4.077 2.01 0 3.514 1.268 3.884 3.198h-1.59c-.24-1.05-1.196-1.704-2.294-1.704-1.554 0-2.588 1.095-2.588 2.581s1.176 2.561 2.588 2.561m10.508 1.361H16.36v-3.26c0-.75-.44-1.153-1.12-1.153-.758 0-1.248.458-1.248 1.388v3.025H12.53V5.992h1.463v3c.35-.526.917-.784 1.688-.784.623 0 1.133.2 1.529.616.408.414.613.975.613 1.702v3.438Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.social-icon.discord::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 71 55' fill='none'%3E%3Cpath d='M60.1045 4.8978C55.5792 2.8214 50.7265 1.2916 45.6527 0.41542C45.5603 0.39851 45.468 0.440769 45.4204 0.525289C44.7963 1.6353 44.105 3.0834 43.6209 4.2216C38.1637 3.4046 32.7345 3.4046 27.3892 4.2216C26.905 3.0581 26.1886 1.6353 25.5617 0.525289C25.5141 0.443589 25.4218 0.40133 25.3294 0.41542C20.2584 1.2888 15.4057 2.8186 10.8776 4.8978C10.8384 4.9147 10.8048 4.9429 10.7825 4.9795C1.57795 18.7309 -0.943561 32.1443 0.293408 45.3914C0.299005 45.4562 0.335386 45.5182 0.385761 45.5576C6.45866 50.0174 12.3413 52.7249 18.1147 54.5195C18.2071 54.5477 18.305 54.5139 18.3638 54.4378C19.7295 52.5728 20.9469 50.6063 21.9907 48.5383C22.0523 48.4172 21.9935 48.2735 21.8676 48.2256C19.9366 47.4931 18.0979 46.6 16.3292 45.5858C16.1893 45.5041 16.1781 45.304 16.3068 45.2082C16.679 44.9293 17.0513 44.6391 17.4067 44.3461C17.471 44.2926 17.5606 44.2813 17.6362 44.3151C29.2558 49.6202 41.8354 49.6202 53.3179 44.3151C53.3935 44.2785 53.4831 44.2898 53.5502 44.3433C53.9057 44.6363 54.2779 44.9293 54.6529 45.2082C54.7816 45.304 54.7732 45.5041 54.6333 45.5858C52.8646 46.6197 51.0259 47.4931 49.0921 48.2228C48.9662 48.2707 48.9102 48.4172 48.9718 48.5383C50.038 50.6034 51.2554 52.5699 52.5959 54.435C52.6519 54.5139 52.7526 54.5477 52.845 54.5195C58.6464 52.7249 64.529 50.0174 70.6019 45.5576C70.6551 45.5182 70.6887 45.459 70.6943 45.3942C72.1747 30.0791 68.2147 16.7757 60.1968 4.9823C60.1772 4.9429 60.1437 4.9147 60.1045 4.8978ZM23.7259 37.3253C20.2276 37.3253 17.3451 34.1136 17.3451 30.1693C17.3451 26.225 20.1717 23.0133 23.7259 23.0133C27.308 23.0133 30.1626 26.2532 30.1066 30.1693C30.1066 34.1136 27.28 37.3253 23.7259 37.3253ZM47.3178 37.3253C43.8196 37.3253 40.9371 34.1136 40.9371 30.1693C40.9371 26.225 43.7636 23.0133 47.3178 23.0133C50.9 23.0133 53.7545 26.2532 53.6986 30.1693C53.6986 34.1136 50.9 37.3253 47.3178 37.3253Z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.footer-bottom {
    text-align: center;
    padding-top: var(--spacing-md);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.footer-bottom p {
    color: var(--gray-color);
    margin-bottom: 0;
    font-family: Arial, sans-serif;
    font-size: 1.4rem;
    letter-spacing: 0.02em;
}

/* ===== RESPONSIVE STYLES ===== */
@media (max-width: 992px) {
    html {
        font-size: 60%;
    }

    .about-content {
        grid-template-columns: 1fr;
    }

    .benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .members-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .join-content {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    html {
        font-size: 58%;
    }

    .header-nav {
        display: none;
    }

    .main-nav {
        position: fixed;
        top: 0;
        right: -100%;
        width: 70%;
        height: 100vh;
        background-color: #f5f5f7;
        box-shadow: var(--shadow-lg);
        transition: right 0.3s ease;
        z-index: 1001;
        padding: var(--spacing-lg) 0 0 0;
    }

    .main-nav.active {
        right: 0;
    }

    .main-nav ul {
        flex-direction: column;
        gap: 0;
    }

    .main-nav .nav-item {
        padding: var(--spacing-md);
        text-align: left;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

    .main-nav .nav-item.active::after {
        display: none;
    }

    .main-nav .nav-item.active {
        border-left: 4px solid var(--primary-color);
    }

    .mobile-menu-toggle {
        display: block;
        z-index: 1002;
    }

    .mobile-menu-toggle.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .mobile-menu-toggle.active span:nth-child(2) {
        opacity: 0;
    }

    .mobile-menu-toggle.active span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -7px);
    }

    .hero h2 {
        font-size: 4.2rem;
    }

    .hero p {
        font-size: 1.8rem;
    }

    .members-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-sm);
    }

    .member-card {
        margin-bottom: var(--spacing-sm);
    }
}

@media (max-width: 576px) {
    html {
        font-size: 55%;
    }

    .section {
        padding: var(--spacing-md) 0;
    }

    .hero {
        min-height: 500px;
    }

    .hero h2 {
        font-size: 3.6rem;
    }

    .benefits-grid {
        grid-template-columns: 1fr;
    }

    .members-grid {
        grid-template-columns: 1fr;
    }

    .gallery-grid {
        grid-template-columns: 1fr;
    }

    .contact-info {
        grid-template-columns: 1fr;
    }
}