/* BASIC css start */
.content {
    text-align: center;
    background: #FDFBF4;
}
.content section {
    background: #f3f2ed;
    text-align: center;
}
.content section:nth-child(odd) { background-color: #FDFBF4;}

/* 상단 탭 버튼 기본 설정 */
ul.scrollTabB li a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    line-height: 1.4; /* 두 줄이 되었을 때 위아래 간격 조절 */
}

/* 영문 (BENEFIT 01 등) 스타일: 작고 살짝 투명하게 */
ul.scrollTabB li a .eng-title {
    display: block; /* 줄바꿈 역할 */
    font-size: 13px; 
    opacity: 0.7; 
    margin-bottom: 2px;
}

/* 한글 (소제목) 스타일: 더 크고 또렷하게 강조 */
ul.scrollTabB li a .kor-desc {
    display: block; /* 줄바꿈 역할 */
    font-size: 16px; 
    font-weight: semi-bold;
}

/* 탭 클릭 이동 시 상단 고정 메뉴에 콘텐츠가 가려지지 않도록 스크롤 여백 추가 */
.scrollTab {
    scroll-margin-top: 150px; 
}


#event_1 {
    background-image: url('http://origo.speedgabia.com/origo_n/sub/membership_2026_01.jpg'); height: 619px;
    text-align: center; background-position: center center; width: 100%; min-width: 1300px; margin: 0;
    }

#event_1 {
    background-image: url('http://origo.speedgabia.com/origo_n/sub/membership_2026_01.jpg');
    background-repeat: no-repeat; /* 이미지 좌우 반복 방지 추가 */
    background-position: center center; 
    background-color: #ECF5F1;
    
    height: 500px;
    width: 100%; 
    min-width: 1300px; 
    margin: 0;
    text-align: center; 
}

ul.scrollTabB {
    width: 1300px;
    margin: auto;
    display: flex;
    padding: 20px 0;
}

ul.scrollTabB li {
    width: 20%;
    border-right: 1px solid #fff;
}
ul.scrollTabB li:nth-child(5) {border-right: 0;}
ul.scrollTabB li a {
    color: #fff;
    font-size: 20px;
}


/* BENEFIT 03 앱 다운로드 버튼 간격 40px로 고정 */
section#s2 .imgB__align--center:nth-child(2) {
    display: flex;
    justify-content: center;
    gap: 40px; 
}

section#s2 span {
    padding: 0; /* 기존에 있던 패딩 여백은 제거해줍니다 */
}


div#footer { margin-top: 0;}


/* BENEFIT 05 탭 버튼 & 콘텐츠 스타일 */
.membership-wrap {
    width: 1000px; /* 디자인에 맞춰 너비 조정 가능 */
    margin: 40px auto;
}

.member-tabs {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 0;
    margin: 0 0 40px 0;
    list-style: none;
}

.member-tabs .tab-btn {
    flex: 1;
    background-color: #F4F2EA; /* 기본 배경색 */
    color: #555;
    padding: 25px 0;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease; /* 부드러운 색상 전환 */
}

/* 마우스 오버 및 클릭(활성화) 상태 */
.member-tabs .tab-btn:hover,
.member-tabs .tab-btn.active {
    background-color: #12423e; /* 오리고 포인트 컬러 */
    color: #ffffff;
}

.member-tabs .tab-btn .tier {
    display: block;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 8px;
}

.member-tabs .tab-btn .cond {
    display: block;
    font-size: 15px;
    opacity: 0.8;
}

/* 탭 콘텐츠 숨김/표시 처리 */
.member-contents .tab-content {
    display: none;
    text-align: center;
}

.member-contents .tab-content.active {
    display: block;
    animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
/* BASIC css end */