#content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* 뷰포트의 높이에 맞춤 */
    width: 100%;
}

#content-wrapper .section-wrapper {
	padding:10px;
    width: 100%;
    max-width:550px;
}


.divider-text{
    position: relative;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #8392a5;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .5px;
    margin: 15px 0;
}

.divider-text::before, .divider-text::after {
content: '';
display: block;
flex: 1;
height: 1px;
background-color: #e5e9f2;
}
.divider-text::before, .divider-text::after {
content: '';
display: block;
flex: 1;
height: 1px;
background-color: #e5e9f2;
}

.error{
    color: #ff0000;
    font-size:13px;
}

/* 소셜로그인 디자인 */

.social-btn {
    display: flex;
    align-items: center; /* 세로 방향 중앙 정렬 */
    justify-content: center; /* 가로 방향 중앙 정렬 */
    width: 100%;
    border-radius: 5px;
    background-color: #fff; /* 배경색 */
    color: #000; /* 텍스트 색상 */
    border: 1px solid #e0e0e0; /* 테두리 */
    cursor: pointer;
    text-decoration: none; /* 텍스트 밑줄 제거 */
    padding: 10px 15px; /* 패딩으로 버튼 내부 공간을 조정 */
    transition: background-color 0.3s; /* 0.3초 동안 배경색 변경 효과 */
    text-align: left; /* 텍스트를 왼쪽으로 정렬합니다. */
}
	.social-btn:hover{
	    color: #fff;
	}
	.social-btn.s-google:hover{
		background: #4175df;
	}
	.social-btn.s-naver:hover{
		background: #03c75a;
	}
	.social-btn.s-micro:hover{
		background: #00a4ef;
	}
	.social-btn.s-kakao:hover{
		background: #d9ca11;
	}

.social-group{
	width: 155px;
	display: flex;
}

.social-icon-wrapper {
	flex-shrink: 0; /* 아이콘이 축소되지 않도록 설정합니다. */
    display: flex;
    justify-content: center; /* 가로 방향 중앙 정렬 */
    align-items: center; /* 세로 방향 중앙 정렬 */
    margin-right: 10px; /* 아이콘과 텍스트 사이의 여백 */
    width: 20px;
    height: 20px;
    background-size: cover;
}
    .social-google-bg{
        background-image: url("/assets/img/social_google.png");
    }

    .social-naver-bg{
        background-image: url("/assets/img/social_naver.png");
    }

    .social-kakao-bg{
        background-image: url("/assets/img/social_kakao.png");
    }

.social-icon {
    width: 25px; /* 아이콘 크기 */
    height: 25px; /* 아이콘 크기 */
}