/* -------------------------
 * welcome.php 전용 스타일
 * ------------------------- */

/*
 * (수정) list_style.css의 헤더 배너 스타일을 덮어씁니다.
 * (로그아웃 버튼이 없으므로, 로고를 왼쪽 정렬합니다.)
*/

/* 메인 콘텐츠 영역 */
.welcome-content {
    padding: 24px 24px 10px;
    background-color: transparent; /* 배경은 mobile-container의 것을 사용 */
    color: white;
}

/* (신규) 환영 페이지용 헤더 타이틀 */
.welcome-content .header-title-block {
    display: block; /* 숨겼던 것 다시 보이기 */
    text-align: left; /* 왼쪽 정렬 */
    padding: 20px;
    margin: 0 0 40px 0; /* 하단 여백 추가 */
    background-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: none; /* 블러 효과 제거 */
}
.welcome-content .header-title-block h2 {
    font-size: 1.8em;
    padding: 0;
    margin: 0 0 10px 0;
    text-align: left;
}
.welcome-content .header-title-block p {
    margin: 0 0 15px 0;
    text-align: left;
    color: #eee;
}
.welcome-content .header-title-block .header-divider {
    margin: 0; /* 왼쪽 정렬 */
    width: 60px;
}

/* 버튼 선택 영역 */
.welcome-options {
    padding: 0;
}
.welcome-title {
    font-size: 1.6em;
    font-weight: 700;
    margin: 0 0 10px 0;
}
.welcome-subtitle {
    font-size: 1em;
    color: /* #ccc */#fff;
    line-height: 1.6;
    margin: 0 0 30px 0;
}


.welcome-subtitle-2 {
   font-size: 1.2em;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.welcome-subtitle-3 {
    font-size: 1em;
    color: /* #f4d1ff */ #fff;
    line-height: 1.6;
    margin: 10px 0 ;
}


.button-group { padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.welcome-btn {
    display: block;
    padding: 18px 25px;
    border-radius: 10px; /* 더 둥글게 */
    text-align: center;
    font-size: 1.1em;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
}
.welcome-btn.guest {
 /*    background-color: #7B31FB;
    color: white; */
	
	    background-color: #fff;
    color: #A231FF;
    border: 2px solid #A231FF; border-radius: 7px;
	
}
/* .welcome-btn.guest:hover {
    background-color: #9155FD;
} */
.welcome-btn.attendee {
   background-color: #F0E8FD;
    color: #A231FF;
    border: 2px solid #A231FF; border-radius: 7px;
}
/* .welcome-btn.attendee:hover {
    background-color: #ffffff;
} */