#contents .container{padding: 80px 60px 120px; display: flex; flex-direction: column; align-items: center; gap: 48px; text-align: center;}
#contents .wrapper{display: flex; flex-direction: column; gap: 32px;}
#contents h1{color: var(--neutral-900, #151C29); font: var(--title-title4-b); letter-spacing: var(--ls-title-title4-b);}
#contents .wrapper .btn_wrap{display: flex; flex-direction: column; gap: 24px;}
#contents .wrapper .btn_kakao{display: flex; height: 46px; padding: 0px 24px; border-radius: 4px; background: #FEE500; align-items: center; align-self: stretch;}
#contents .wrapper .btn_kakao span{flex-grow: 1; display: flex; justify-content: center; color: var(--neutral-750, #333C4B); font: var(--label-label2-b); letter-spacing: var(--ls-label-label2-b);}
#contents .wrapper .or{display: flex; align-items: center; gap: 10px;}
#contents .wrapper .or .bar{flex: 1 0 0; background: var(--neutral-80, #E2E8EF); height: 1px;}
#contents .wrapper .or .text{font: var(--body-body2-r); letter-spacing: var(--body-body2-r); color: var(--neutral-750, #333C4B);}
#contents .etc_wrap{display: flex; gap: 10px; justify-content: center;}
#contents .join_wrap{display: flex; gap: 8px; align-items: center;}