/**/

/* common */
.menu_name {
	position: relative;
	padding: 30px 34px 0;
	margin-bottom: 30px;
	text-align: center;
}
.menu_name img {
	height: 45px;
	margin-bottom: 10px;
}
.menu_name p {
	font-weight: 500;
	font-size: 13px;
	color: #6c06c4;
}
.menu_name p.Roboto {
	font-weight: 400;
	font-size: 21px;
}

.middle_border:before,
.middle_border:after {
	content: "";
	position: relative;
	left: -16px;
	display: block;
	margin: 8px 0;
	width: calc(100% + 32px);
	height: 8px;
	background-color: var(--white-100);
	box-sizing: content-box;
}
.toggle_btn_box input {
	display: none;
}
.toggle_btn_box span {
	position: relative;
	display: block;
	width: 56px;
	height: 28px;
	border-radius: 16px;
	background: rgba(198, 198, 198, 0.6);
	transition: all .3s;
}
.toggle_btn_box span::before {
	content: "OFF";
	position: absolute;
	top: 6px;
	right: 5px;
	z-index: 1;
	width: 24px;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	color: var(--white-0);
}
.toggle_btn_box span::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 2;
	width: 22px;
	height: 22px;
	border-radius: 11px;
	background-color: var(--white-0);
	filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.10));
	transition: all .2s;
}
.toggle_btn_box:has(input[type='checkbox']:checked) span {
	background: var(--win-purple-600);
}
.toggle_btn_box:has(input[type='checkbox']:checked) span::before {
	content: "ON";
	left: 5px;
	right: auto;
}
.toggle_btn_box:has(input[type='checkbox']:checked) span::after {
	left: 31px;
}

/* renewal my page */
#content.my_page_main .con_wrap {
	margin-top: -144px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 0;
	line-height: 1.35;
	font-weight: 500;
	color: var(--gray-900);
}
#content.my_page_main .con_wrap .top_text p {
	padding-top: 36px;
	font-size: 16px;
}
#content.my_page_main .con_wrap .top_text .email {
	display: block;
	margin-top: 6px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: var(--gray-400);
}
#content.my_page_main .con_wrap .discount {
	display: flex;
}
#content.my_page_main .con_wrap .discount div {
	display: flex;
	justify-content: space-evenly;
	margin: 12px 0;
	width: 50%;
	height: 74px;
	text-align: center;
	font-size: 12px;
}
#content.my_page_main .con_wrap .discount div a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: var(--gray-400);
}
#content.my_page_main .con_wrap .discount div span {
	font-size: 24px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	color: var(--gray-900);
}
#content.my_page_main .con_wrap .discount div p {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2px;
	position: relative;
	left: -2px;
}
#content.my_page_main .con_wrap .discount div p svg {
	position: absolute;
	right: -16px;
}
#content.my_page_main .con_wrap .recommendation_code {
	padding: 16px 16px 12px 16px;
	border-radius: 12px;
	background: #FBF8FF;
}
#content.my_page_main .con_wrap .recommendation_code .invite_event {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	color: #6c06c4;
	font-weight: 700;
}
#content.my_page_main .con_wrap .recommendation_code .invite_event img {
	display: inline-block;
	margin-right: 4px;
	width: 24px;
	height: 24px;
	vertical-align: text-top;
}
#content.my_page_main .con_wrap .recommendation_code .code_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 16px;
	padding: 0 16px;
	height: 56px;
	border-radius: 12px;
	font-size: 12px;
	background: #fff;
	color: var(--gray-700);
}
#content.my_page_main .con_wrap .recommendation_code .code_box > div {
	display: flex;
}
#content.my_page_main .con_wrap .recommendation_code .code_box > div p {
	margin-right: 8px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: var(--gray-900);
}
#content.my_page_main .con_wrap .mypage_menu {
	margin-top: 12px;
}
#content.my_page_main .con_wrap .mypage_menu ul.middle:before,
#content.my_page_main .con_wrap .mypage_menu ul.middle:after {
	margin: 8px 0;
}
#content.my_page_main .con_wrap .mypage_menu ul li {
	position: relative;
}
#content.configuration .con_wrap ul li > a,
#content.configuration .con_wrap ul li > label,
#content.my_page_main .con_wrap .mypage_menu ul li a,
#content.my_page_main .con_wrap .mypage_menu .logout a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 48px;
	font-size: 14px;
	color: var(--gray-900);
}
#content.my_page_main .con_wrap .mypage_menu ul li a span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 24px;
	font-family: 'Roboto', sans-serif;
	line-height: 1;
	color: #6c06c4;
}
#content.my_page_main .con_wrap .mypage_menu ul li a label span {
	top: auto;
	right: 0;
	transform: translateY(0);
}
#content.my_page_main .con_wrap .mypage_menu ul li a label input {
	display: none;
}
#content.my_page_main .con_wrap .mypage_menu .logout a {
	color: var(--gray-400);
	margin-bottom: 15px;
}

/* edit */
#content.modify_email .con_wrap,
#content.info_edit .con_wrap {
	margin-top: 0;
	border-radius: 0;
	padding-bottom: 0;
	padding-left: 16px;
	padding-right: 16px;
	min-height: calc(100dvh - 56px);
	font-weight: 500;
	color: var(--gray-900);
}
#content.info_edit .con_wrap .con_subject {
	padding: 24px 0;
	font-size: 16px;
	font-weight: 600;
}
#content.info_edit .con_wrap .my_info.middle_border:before {
	margin: 0;
}
#content.info_edit .con_wrap .my_info .info_list {
	font-size: 14px;
}
#content.info_edit .con_wrap .my_info .info_list li {
	margin-bottom: 32px;
	display: flex;
	justify-content: space-between;
}
#content.info_edit .con_wrap .my_info .info_list li:last-child {
	margin-bottom: 24px;
}
#content.info_edit .con_wrap .my_info .info_list li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	font-weight: 600;
}
#content.info_edit .con_wrap .my_info .info_list dl {
	width: calc(100% - 81px);
	height: 44px;
}
#content.info_edit .con_wrap .my_info .info_list dt {
	margin-bottom: 6px;
	height: 19px;
	font-size: 14px;
	color: var(--gray-400);
}
#content.info_edit .con_wrap .my_info .info_list dd {
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#content.info_edit .con_wrap .my_info .info_list dd.recommend_code {
	text-decoration: underline;
	text-underline-offset: 3px;
}
#content.info_edit .con_wrap .my_info .info_list li > a > div {
	display: flex;
	align-items: center;
	line-height: 16px;
	color: #6c06c4;
}
#content.info_edit .con_wrap .my_info .info_list li > a > div span {
	color: #6c06c4;
}
#content.info_edit .con_wrap .my_info .info_list li > a > div svg {
	display: block;
	margin-left: 4px;
}
#content.edit .con_wrap .interlock {
	margin-bottom: 27px;
}
#content.edit .con_wrap .terms_of_use {
	margin-bottom: 29vh;
}
#content.edit .con_wrap .terms_of_use .terms_use_list button,
#content.edit .con_wrap .interlock .affiliate_list a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 12px 11px;
	font-size: 13px;
	color: #939598;
	border-bottom: 1px solid #e6e6e6;
}
#content.edit .con_wrap .terms_of_use .terms_use_list button img,
#content.edit .con_wrap .interlock .affiliate_list a img {
	height: 12px;
}

/* withdrawal_check */
#content.edit .con_wrap .asset_info {
	margin-bottom: 27px;
}
#content.edit .con_wrap .asset_info .my_info_list {
	margin-bottom: 0;
	padding: 0;
}
#content.edit .con_wrap .asset_info .my_info_list dl {
	border-top: none;
}
#content.edit .con_wrap .asset_info .my_info_list dt p {
	margin-bottom: 4px;
	font-weight: 700;
	font-size: 13px;
	color: #000;
}
#content.edit .con_wrap .asset_info .my_info_list dt span {
	font-size: 10px;
	color: #939598;
}
#content.edit .con_wrap .asset_info .my_info_list dd p {
	margin-top: 4px;
	font-weight: 500;
	font-size: 10px;
	color: #939598;
}
#content.edit .con_wrap .asset_info .my_info_list dd span {
	font-size: 13px;
	color: #000;
}
#content.edit .con_wrap .asset_info .my_info_list .possess_charge {
	padding-top: 18px;
	padding-bottom: 18px;
}
#content.edit .con_wrap .asset_info .my_info_list .possess_charge p {
	margin: 0;
}
#content.edit .con_wrap p.nice_auth_content {
	padding: 18px 0 48px;
	line-height: 1.2;
	text-align: center;
}
#content.edit .con_wrap .desc_box {
	margin-bottom: 35px;
	padding: 0 10px;
	line-height: 1.4;
	font-size: 12px;
	color: #939598;
	word-break: break-all;
}
#content.edit .con_wrap .desc_box span {
	color: #6c06c4;
}
#content.edit .con_wrap .btn_box {
	margin-bottom: 35px;
}

/* edit email*/
#content.edit_email .con_wrap .my_email .present {
	display: flex;
	justify-content: space-between;
	padding: 16px 10px;
	font-size: 12px;
	border-bottom: 1px solid #e6e6e6;
}
#content.edit_email .con_wrap .my_email .email_input {
	position: relative;
	margin-top: 32px;
	padding: 0 10px;
}
#content.edit_email .con_wrap .my_email .email_input>div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 54px;
}
#content.edit_email .con_wrap .my_email .email_input input {
	width: 74%;
	height: 32px;
	padding: 0 10px;
	font-size: 12px;
	vertical-align: middle;
	border: 0.06px solid #000;
	border-radius: 5px;
}
#content.edit_email .con_wrap .my_email .email_input button {
	height: 29px;
	padding: 0 5vw;
	border-radius: 16px;
	background: #f0f0f0;
	font-size: 12px;
}
#content.edit_email .con_wrap .my_email .email_input button.on {
	background: #6c06c4;
	color : #fff;
}
#content.edit_email .con_wrap .my_email .email_input p.email_desc {
	position: absolute;
	top: 42px;
	left: 0;
	width: 74%;
	font-size: 10px;
	line-height: 1.5;
	text-align: end;
	color: #6c06c4;
}
#content.edit_email .con_wrap .my_email .email_input .auth {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#content.edit_email .con_wrap .my_email .email_input .auth p {
	padding: 0 2.2vw;
	vertical-align: middle;
	font-size: 12px;
	color: #6c06c4;
}
#content.edit_email .con_wrap .my_email .email_input .auth p img{
	display: inline-block;
	padding-right: 5px;
	vertical-align: sub;
}
#content.edit_email .con_wrap .my_email .email_input p.auth_desc {
	position: absolute;
	top: 130px;
	left: 0;
	width: 74%;
	font-size: 10px;
	text-align: end;
	color: #ff0000;
}
#content.edit_email .con_wrap .btn_box {
	margin-top: 126px;
}
#content.edit_email .con_wrap .btn_box input[type=button]{
	background: #f0f0f0;
	color: #818181;
}
#content.edit_email .con_wrap .btn_box input[type=button].on{
	background: #6c06c4;
	color: #fff;
}

/* 이메일 등록 변경 리뉴얼 */
#content.modify_email .con_wrap {
	font-weight: 600;
}
#content.modify_email .con_wrap > div:first-child {
	min-height: calc(100dvh - 128px);
	padding-bottom: 80px;
}
#content.modify_email .con_wrap .text_box {
	padding-top: 40px;
	font-size: 20px;
}
#content.modify_email .con_wrap .text_box .message {
	margin-top: 12px;
	margin-bottom: 40px;
	color: var(--gray-600);
	font-size: 15px;
	font-weight: 500;
}
#content.modify_email .con_wrap .text_box .email {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 20px;
	width: 100%;
	padding: 18px 16px;
	border-radius: 12px;
	background: var(--white-100);
}
#content.modify_email .con_wrap .text_box .email span {
	flex-shrink: 0;
	color: var(--gray-500);
	font-size: 15px;
}
#content.modify_email .con_wrap .text_box .email p {
	margin-left: 12px;
	text-align: right;
	color: var(--gray-700);
	font-size: 15px;
	word-break: break-all;
}
#content.modify_email .con_wrap .input_box input::placeholder {
	color: var(--gray-200);
}
#content.modify_email .con_wrap .input_box input:focus {
	border: 2px solid var(--win-purple-600);
}
#content.modify_email .con_wrap .input_box input.error {
	border: 2px solid var(--alert-red-400);
}
#content.modify_email .con_wrap .input_box .email_input,
#content.modify_email .con_wrap .input_box .auth_number {
	position: relative;
}
#content.modify_email .con_wrap .input_box .email_input input {
	padding-right: 90px;
	color: var(--gray-900);
}
#content.modify_email .con_wrap .input_box .email_input button {
	position: absolute;
	top: 8px;
	right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 74px;
	height: 40px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
}
#content.modify_email .con_wrap .input_box .message {
	padding: 4px 0 2px;
	color: var(--win-purple-600);
	font-size: 13px;
	font-weight: 500;
}
#content.modify_email .con_wrap .input_box .auth_number input {
	margin-top: 16px;
	padding-right: 56px;
	color: var(--gray-900);
}
#content.modify_email .con_wrap .input_box .auth_number span {
	position: absolute;
	top: 18px;
	right: 16px;
	color: var(--win-purple-600);
	font-size: 14px;
	font-weight: 400;
}
#content.modify_email .con_wrap .input_box .auth_number .message.error {
	color: var(--alert-red-400);
	font-weight: 600;
}
#content.modify_email .con_wrap .bottom_fix_box {
	position: relative;
}
#content.modify_email .con_wrap .bottom_fix_box .chk {
	position: absolute;
	bottom: 74px;
	width: 100%;
	padding: 24px 16px;
	height: 72px;
	border-radius: 12px;
	background: var(--white-0);
}
#content.modify_email .con_wrap .bottom_fix_box .chk label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-position: left 0;
	font-size: 14px;
}
#content.modify_email .con_wrap .bottom_fix_box .btn_box {
	padding: 8px 0;
	width: 100%;
	max-width: 768px;
	background: var(--white-0);
}
#content.modify_email .con_wrap .bottom_fix_box .btn_box button {
	width: 100%;
	height: 56px;
	font-weight: 600;
}
#content.modify_email .con_wrap .bottom_fix_box > button {
	position: absolute;
	bottom: 72px;
	margin-bottom: 8px;
	width: 100%;
	height: 56px;
	font-weight: 600;
}
#content.modify_email .con_wrap .bottom_fix_box .gray_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 0 32px;
}
#content.modify_email .con_wrap .bottom_fix_box .gray_btn a {
	line-height: 1.07;
	color: var(--gray-400);
	font-size: 14px;
	font-weight: 500;
	border-bottom: 1px solid var(--gray-400);
}

/* configuration */
#content.configuration .essential_terms.middle_border:before {
	margin: 0;
}
#content.configuration .con_wrap {
	padding-bottom: 40px;
	min-height: calc(100vh - 281px);
}
#content.configuration .con_wrap .con_subject {
	padding: 20px 0 10px;
	font-size: 18px;
}
#content.configuration .con_wrap .protection .con_subject {
	padding-top: 12px;
}
#content.configuration .con_wrap ul li > a,
#content.configuration .con_wrap ul li > label {
	font-size: 15px;
	line-height: 22px;
}
#content.configuration .con_wrap ul li > label input {
	display: none;
}
#content.my_page_main .con_wrap .mypage_menu ul li a label span {
	position: relative;
	display: block;
	width: 44px;
	height: 26px;
	border-radius: 14px;
	background: var(--gray-100);
	transition: all .3s;
}
#content.my_page_main .con_wrap .mypage_menu ul li a label span:after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 22px;
	height: 22px;
	border-radius: 11px;
	background-color: #fff;
	transition: all .3s;
}
#content.my_page_main .con_wrap .mypage_menu ul li a label:has(input:checked) span,
#content.configuration .con_wrap .optional_terms li span.on {
	background: var(--win-purple-600);
}
#content.my_page_main .con_wrap .mypage_menu ul li a label:has(input:checked) span:after,
#content.configuration .con_wrap .optional_terms li span.on:after {
	left: 20px;
}
#content.configuration .con_wrap .member_withdrawal .withdrawal_btn {
	margin: 0;
	padding: 20px 0 6px;
}
#content.configuration .con_wrap .member_withdrawal .withdrawal_btn a {
	position: relative;
	display: inline-block;
	color: var(--gray-500);
	border-bottom: 0;
	font-size: 15px;
	font-weight: 500;
}
#content.configuration .con_wrap .member_withdrawal .withdrawal_btn a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	display: block;
	width: 100%;
	height: 1px;
	background-color: var(--gray-500);
}
#content.configuration .con_wrap .member_withdrawal .withdrawal_desc {
	font-size: 14px;
	color: var(--gray-200);
}
footer.contact .footer_inner {
	padding: 32px 16px 38px;
	height: 224px;
	background: var(--white-100);
	color: var(--gray-200);
}
footer.contact .footer_inner p {
	margin-bottom: 14px;
	color: var(--gray-500);
	font-size: 13px;
	font-weight: 600;
}
footer.contact .footer_inner ul li {
	margin-bottom: 4px;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
}

/* invite_event */
#content.invite_friend_event {
	padding-top: 56px;
}
#content.invite_friend_event .con_wrap {
	padding: 0 0 38.05555vw 0;
	font-weight: 500;
	line-height: normal;
}
#content.invite_friend_event .con_wrap .recommend_btn_box {
	padding: 16px 16px 12px;
}
#content.invite_friend_event .con_wrap .recommend_btn_box > div {
	padding: 0 16px;
	height: 57px;
	border-radius: 10px;
	background: var(--win-yellow-50, #FFF9EB);
}
#content.invite_friend_event .con_wrap .recommend_btn_box > div > div {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
}
#content.invite_friend_event .con_wrap .recommend_btn_box > div > div span {
	display: block;
	margin-right: 10px;
	padding-top: 1px;
	width: 34px;
	height: 25px;
	line-height: 24px;
	text-align: center;
	border-radius: 12.5px;
	background: var(--win-yellow-600, #FFB800);
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
}
#content.invite_friend_event .con_wrap .main_visual {
	padding-top: 12px;
}
#content.invite_new_friend .con_wrap .event_detail img,
#content.invite_new_friend .con_wrap .main_visual img,
#content.invite_friend_event .con_wrap .invite_status img,
#content.invite_friend_event .con_wrap .invite_stamp img,
#content.invite_friend_event .con_wrap .event_detail img,
#content.invite_friend_event .con_wrap .main_visual img{
	width: 100%;
}
#content.invite_friend_event .con_wrap .this_month_invite {
	padding: 11.11111vw 0 8.88888vw;
}
#content.invite_friend_event .con_wrap .this_month_invite h3 {
	margin-bottom: 5.55555vw;
	text-align: center;
	font-size: 6.66666vw;
}
#content.invite_friend_event .con_wrap .this_month_invite h3 span {
	color: #8475fb
}
#content.invite_friend_event .con_wrap .invite_stamp {
	padding: 0 4.44444vw;
}
#content.invite_friend_event .con_wrap .invite_status {
	position: relative;
	margin-top: 3.33333vw;
	width: 100%;
}
#content.invite_friend_event .con_wrap .invite_status p.friends_num {
	position: absolute;
	top: 50%;
	right: 9.44444vw;
	transform: translateY(-50%);
	font-size: 5.55555vw;
	font-weight: 700;
	color: #cabaee;
}
#content.invite_friend_event .con_wrap .invite_status p.friends_num.invite_friend,
#content.invite_friend_event .con_wrap .invite_status p.friends_num.invite_friend span {
	color: #6453e8;
}
#content.invite_friend_event .con_wrap .invite_status p span {
	font-family: 'Roboto', sans-serif;
	color: #cabaee;
}
#content.invite_new_friend .con_wrap .desc_box,
#content.invite_friend_event .con_wrap .desc_box {
	padding: 0 4.44444vw;
	font-size: 3.33333vw;
	color: var(--gray-400);
}
#content.invite_new_friend .con_wrap .desc_box li,
#content.invite_friend_event .con_wrap .desc_box li {
	margin-bottom: 2.77777vw;
	padding-left: 3.05555vw;
	word-break: break-all;
	position: relative;
}
#content.invite_new_friend .con_wrap .desc_box li:last-child,
#content.invite_friend_event .con_wrap .desc_box li:last-child {
	margin-bottom: 0;
}
#content.invite_new_friend .con_wrap .desc_box li:before,
#content.invite_friend_event .con_wrap .desc_box li:before {
	content: "";
	position: absolute;
	top: 2.22222vw;
	left: 0;
	display: block;
	width: 1.11111vw;
	height: 1.11111vw;
	vertical-align: middle;
	border-radius: 50%;
	background-color: var(--gray-400);
}
#content.invite_friend_event .invite_code_share {
	position: fixed;
	bottom: 48px;
	padding: 0 4.44444vw;
	width: 100%;
}
#content.invite_friend_event .invite_code_share .code_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 15.55555vw;
	padding: 0 4.44444vw;
	border-radius: 10px;
	background: #6453e8;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
}
#content.invite_friend_event .invite_code_share .code_box > div {
	display: flex;
	font-size: 3.33333vw;
	color: #f9f0ff;
	font-weight: 700;
	line-height: 0.01;
}
#content.invite_friend_event .invite_code_share .code_box > div span {
	display: block;
	margin-left: 1.66666vw;
	font-family: 'Roboto', sans-serif;
	font-size: 5vw;
}
#content.invite_friend_event .invite_code_share .code_box ul {
	display: flex;
	justify-content: space-between;
	width: 34.4444vw;
}
#content.invite_friend_event .invite_code_share .code_box ul img {
	width: 10vw;
}

/* invite_new_friend */
#content.invite_new_friend .con_wrap {
	margin-top: 0;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
	font-weight: 500;
	line-height: normal;
}
#content.invite_new_friend .con_wrap .code_copy {
	padding-bottom: 15.55555vw;
	background-color: #8475fb;
}
#content.invite_new_friend .con_wrap .code_copy button[type="button"] {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 73.33333vw;
	height: 15.55555vw;
	border-radius: 2.77777vw;
	background-color: #fff;
	font-size: 3.88888vw;
	font-weight: 700;
	color: #6453e8;
}
#content.invite_new_friend .con_wrap .code_copy button img {
	display: block;
	margin-left: 1.11111vw;
	width: 6.66666vw;
	height: 6.66666vw;
}
#content.invite_new_friend .con_wrap .event_detail {
	padding-top: 11.11111vw;
}
#content.invite_new_friend .con_wrap a.get_point_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	position: sticky;
	bottom: 48px;
	z-index: 10;
	width: 91.11111vw;
	height: 15.55555vw;
	margin: 2.5vw 4.44444vw 8.88888vw;
	border-radius: 2.77777vw;
	background: #6453e8;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.20);
	font-size: 3.88888vw;
	font-weight: 700;
	color: #fff;
}
#content.invite_new_friend .con_wrap a.get_point_btn object {
	display: block;
	margin-right: 1.66666vw;
	width: 6.11111vw;
	height: 6.11111vw;
}

/* 회원 탈퇴 */
#content.member_withdrawal .con_wrap {
	margin-top: 0;
	border-radius: 0;
	padding: 20px 16px 30px;
	min-height: calc(100vh - 56px);
	font-size: 14px;
	font-weight: 500;
	color: var(--gray-900);
	word-break: break-word;
}
#content.member_withdrawal .con_wrap > h3 {
	font-size: 24px;
	font-weight: 600;
}
#content.member_withdrawal .con_wrap .guide {
	margin-top: 8px;
	color: var(--gray-600);
}
#content.member_withdrawal .con_wrap .guide span {
	color: var(--alert-red-400);
}
#content.member_withdrawal .con_wrap .assets_box {
	padding: 24px 0 36px;
}
#content.member_withdrawal .con_wrap .assets_box > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
	padding: 0 16px;
	height: 64px;
	border-radius: 12px;
	background: var(--white-100);
	font-size: 16px;
	font-weight: 600;
}
#content.member_withdrawal .con_wrap .assets_box > a:last-child {
	margin-bottom: 0;
}
#content.member_withdrawal .con_wrap .assets_box > a .type {
	display: flex;
	align-items: center;
	color: var(--gray-700);
}
#content.member_withdrawal .con_wrap .assets_box > a .type svg {
	display: block;
	margin-right: 8px;
}
#content.member_withdrawal .con_wrap .assets_box > a .price_box {
	display: flex;
	align-items: center;
}
#content.member_withdrawal .con_wrap .assets_box > a .price_box .price img {
	display: inline-block;
	margin-right: 4px;
	width: 16px;
	vertical-align: middle;
}
#content.member_withdrawal .con_wrap .assets_box > a .price_box .arrow {
	display: block;
	margin-left: 6px;
	margin-bottom: 2px;
}
#content.member_withdrawal .con_wrap > ul > li {
	position: relative;
	margin-bottom: 12px;
	padding-left: 20px;
	color: var(--gray-400);
}
#content.member_withdrawal .con_wrap > ul > li:last-child {
	margin-bottom: 0;
}
#content.member_withdrawal .con_wrap > ul > li:before {
	content: "•";
	position: absolute;
	left: 6px;
	top: 0;
	display: inline-block;
}
#content.member_withdrawal .con_wrap > ul > li span {
	color: var(--gray-600);
	font-weight: 600;
}
#content.member_withdrawal .con_wrap .bottom {
	padding-bottom: 82px;
}
#content.member_withdrawal .con_wrap .bottom .chk {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 20px;
	padding: 16px;
	position: relative;
	height: auto;
	border-radius: 12px;
	background: var(--white-100);
}
#content.member_withdrawal .con_wrap .bottom .chk:has(input[type='checkbox']:checked) {
	background: var(--win-purple-50);
}
#content.member_withdrawal .con_wrap .bottom .chk label {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
}
#content.member_withdrawal .con_wrap .bottom .chk label span {
	padding-top: 2px;
	color: var(--gray-400);
	font-size: 12px;
}
#content.member_withdrawal .con_wrap .bottom .btn_box {
	position: fixed;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	padding: 18px 16px 8px;
	width: 100%;
	max-width: 768px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -5.21%, #FFF 14.34%);
}
#content.member_withdrawal .con_wrap .bottom .btn_box button {
	width: 100%;
	height: 56px;
	font-weight: 600;
}

/* 내 윈포인트 리뉴얼 */
#content.point .con_wrap {
	margin-top: 0;
	border-radius: 0;
	padding: 0;
	min-height: calc(100vh - 56px);
	font-weight: 500;
	color: var(--gray-900);
}
#content.point .con_wrap .top {
	padding: 20px 16px 24px;
}
#content.point .con_wrap .top .my_winpoint {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 32px;
}
#content.point .con_wrap .top .my_winpoint > div {
	display: flex;
	align-items: center;
}
#content.point .con_wrap .top .my_winpoint > div p {
	color: var(--gray-500);
	font-size: 16px;
}
#content.point .con_wrap .top .my_winpoint > div button {
	display: block;
	margin-bottom: 2px;
	margin-left: 3px;
}
#content.point .con_wrap .top .my_winpoint > p {
	color: var(--win-purple-600);
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	line-height: 45px;
}
#content.point .con_wrap .top .btn_box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
#content.point .con_wrap .top .btn_box a {
	display: block;
	padding: 12px;
	width: calc(50% - 4px);
	height: 95px;
	border-radius: 12px;
	background: #FFF0F2;
}
#content.point .con_wrap .top .btn_box a:last-child {
	background: var(--win-purple-50);
}
#content.point .con_wrap .top .btn_box a > div {
	position: relative;
	font-weight: 600;
	height: 71px;
}
#content.point .con_wrap .top .btn_box a > div > p:first-child {
	margin-bottom: 2px;
	color: var(--gray-500);
	font-size: 14px;
}
#content.point .con_wrap .top .btn_box a > div div {
	display: flex;
	align-items: center;
	font-size: 16px;
}
#content.point .con_wrap .top .btn_box a > div div svg {
	display: block;
	margin-bottom: 2px;
	margin-left: 2px;
}
#content.point .con_wrap .top .btn_box a > div .icon {
	position: absolute;
	right: 0;
	bottom: 0;
}
#content.point .con_wrap .top .btn_box a > div .icon img {
	display: block;
	width: 32px;
}
#content.point .con_wrap .no_history {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	color: var(--gray-500);
	font-size: 16px;
}
#content.point .con_wrap .list_box li:before,
#content.point .con_wrap .list_box li:after,
#content.point .con_wrap .no_history.middle_border:before {
	left: 0;
	margin: 0;
}
#content.point .con_wrap .list_box li:not(:first-child):before,
#content.point .con_wrap .no_history.middle_border:after {
	content: none;
}
#content.point .con_wrap .no_history p {
	color: var(--gray-500);
}
#content.point .con_wrap .no_history p:first-child {
	margin: 100px 0 24px;
}
#content.point .con_wrap .no_history p:first-child img {
	width: 100px;
}
#content.point .con_wrap .list_box {
	margin-bottom: 0;
	padding-bottom: 24px;
	line-height: 1.4;
}
#content.point .con_wrap .list_box li .date {
	padding: 16px;
	font-size: 18px;
	font-weight: 600;
	border-bottom: 1px solid var(--gray-50);
}
#content.point .con_wrap .list_box li .list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0;
	padding: 24px 16px;
	border-bottom: 1px solid var(--gray-50);
}
#content.point .con_wrap .list_box li .list .title {
	margin-bottom: 3px;
	font-size: 16px;
	font-weight: 600;
}
#content.point .con_wrap .list_box li .list .time {
	font-size: 14px;
	font-weight: 500;
	color: var(--gray-500);
}
#content.point .con_wrap .list_box li .list .right {
	display: flex;
	align-items: center;
}
#content.point .con_wrap .list_box li .list .price {
	font-size: 18px;
	font-weight: 600;
}
#content.point .con_wrap .list_box li .price.up {
	color: var(--alert-red-400);
}
#content.point .con_wrap .list_box li .price.down {
	color: var(--alert-blue-600);
}

/* 선불 윈포인트 */
#content.company_point .con_wrap .top {
	padding-bottom: 20px;
}
#content.company_point .con_wrap .top .my_company_point {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 32px;
}
#content.company_point .con_wrap .top .my_company_point h2 {
	color: var(--gray-500, #868686);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}
#content.company_point .con_wrap .top .my_company_point p {
	color: #BC2ECC;
	font-size: 32px;
	font-weight: 700;
	line-height: 44px;
}
#content.company_point .con_wrap .top .point_expiry h3 {
	font-size: 15px;
	font-weight: 600;
	line-height: 24px;
}
#content.company_point .con_wrap .top .point_expiry ul li {
	margin-top: 12px;
}
#content.company_point .con_wrap .top .point_expiry ul li .date {
	display: flex;
}
#content.company_point .con_wrap .top .point_expiry ul li .date p {
	color: var(--gray-500, #868686);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}
#content.company_point .con_wrap .top .point_expiry ul li .date .badge {
	margin-left: 6px;
	padding: 4px 6px 3px;
	height: 20px;
	color: #E52222;
	font-size: 11px;
	font-weight: 600;
	line-height: 14px;
	border-radius: 6px;
	background: #FED5D5;
}
#content.company_point .con_wrap .top .point_expiry ul li > p {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

/* 쇼핑 내역(주문/배송 조회 리뉴얼) */
#content.shopping_list .con_wrap {
	margin-top: 0;
	padding: 0;
	min-height: calc(100vh - 56px);
	border-radius: 0;
	font-weight: 500;
	font-size: 14px;
	color: var(--gray-900);
}
#content.shopping_list .con_wrap .tab {
	position: sticky;
	top: 56px;
	z-index: 5;
	padding: 16px 0 18px;
	overflow-x: auto;
	background: var(--white-0);
}
#content.shopping_list .con_wrap .tab .tab_filter {
	display: flex;
	margin-bottom: 0;
	padding: 0 16px;
	min-width: 518.15px;
}
#content.shopping_list .con_wrap .tab .tab_filter li:last-child button {
	margin-right: 0;
}
#content.shopping_list .con_wrap .select {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 2px 0 12px;
}
#content.shopping_list .con_wrap .select .selected_option {
	padding: 0 16px;
}
#content.shopping_list .con_wrap .select .selected_option:after {
	content: none;
}
#content.shopping_list .con_wrap .select .selected_option span {
	color: var(--gray-900);
	font-size: 14px;
	font-weight: 500;
}
#content.shopping_list .con_wrap .select .selected_option svg {
	display: block;
	margin-left: 4px;
}
#content.shopping_list .no_history > div {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	color: var(--gray-500);
	font-size: 16px;
}
#content.shopping_list .no_history > div p:first-child {
	margin: 100px 0 24px;
}
#content.shopping_list .no_history > div p:first-child img {
	width: 100px;
	height: 100px;
}
#content.shopping_list .list_box {
	margin-bottom: 0;
	padding-bottom: 24px;
}
#content.shopping_list .no_history.middle_border::after,
#content.shopping_list .list_box li.middle_border::before {
	content: none;
}
#content.shopping_list .list_box li.middle_border::after {
	margin: 0;
}
#content.shopping_list .no_history.middle_border::before,
#content.shopping_list .list_box li.middle_border:first-child::before {
	content: "";
	position: relative;
	left: 0;
	display: block;
	margin: 0;
	width: 100%;
	height: 8px;
	background-color: var(--white-100);
	box-sizing: content-box;
}
#content.shopping_list .list_box li.middle_border:first-child
#content.shopping_list .list_box {
	padding-bottom: 24px;
	background: var(--white-0);
}
#content.shopping_list .list_box li .date {
	padding: 16px;
	color: var(--gray-800);
	font-size: 18px;
	font-weight: 600;
	border-bottom: 1px solid var(--gray-50);
}
#content.shopping_list .list_box li .list {
	margin-bottom: 0;
}
#content.shopping_list .list_box li .shopping_box {
	padding: 24px 16px 24px;
	border-bottom: 1px solid var(--gray-50);
}
#content.shopping_list .list_box li .status {
	margin-bottom: 2px;
	font-size: 14px;
	color: var(--gray-400);
}
#content.shopping_list .list_box li .status.purple {
	color: var(--win-purple-500);
}
#content.shopping_list .list_box li .status.danger {
	color: var(--alert-red-400);
}
#content.shopping_list .list_box li .shopping_box > div {
	display: flex;
	align-items: flex-start;
}
#content.shopping_list .list_box li .shopping_box .image_box {
	position: relative;
	margin-top: 2px;
	margin-right: 12px;
	width: 64px;
	height: 64px;
	border-radius: 12px;
	background: #F9F9F9;
}
#content.shopping_list .list_box li .shopping_box .image_box img {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 40px;
}
#content.shopping_list .list_box li .shopping_box .item_info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: calc(100% - 76px);
	height: 66px;
}
#content.shopping_list .list_box li .shopping_box .item_info > div > p:first-child {
	font-size: 12px;
	color: var(--gray-400);
}
#content.shopping_list .list_box li .shopping_box .item_info .name {
	display: flex;
	align-items: flex-start;
	font-size: 16px;
	font-weight: 600;
}
#content.shopping_list .list_box li .shopping_box .item_info .name p {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	text-wrap: nowrap;
}
#content.shopping_list .list_box li .shopping_box .item_info .price {
	font-weight: 700;
}
#content.shopping_list .list_box li .shopping_box .item_info .price span {
	display: inline-block;
	margin-left: 4px;
	font-weight: 500;
	color: var(--gray-400);
}

/* 쿠폰 리뉴얼 */
#content.my_coupon > .con,
#content.my_coupon > .no_history {
	padding-bottom: 80px;
	min-height: calc(100vh - 184px);
	color: var(--gray-900);
	background: var(--white-300);
	font-weight: 500;
}
#content.my_coupon > .no_history > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 180px;
	color: var(--gray-500);
	font-size: 16px;
}
#content.my_coupon > .no_history .img_box {
	display: block;
	margin-bottom: 24px;
	width: 100px;
	height: 100px;
}
#content.my_coupon > .no_history .img_box img {
	width: 100%;
}
#content.my_coupon > .con {
	padding: 18px 16px 80px;
}
#content.my_coupon > .con > .desc {
	margin-bottom: 16px;
	font-size: 14px;
	color: var(--gray-600);
}
#content.my_coupon > .con > ul li {
	margin-bottom: 16px;
	width: 100%;
}
#content.my_coupon > .con > ul li > div {
	padding: 20px 24px;
	height: 154px;
	border-radius: 12px;
	background: var(--white-0);
}
#content.my_coupon > .con > ul li > div .price {
	display: flex;
	align-items: center;
	color: var(--win-purple-600);
	font-size: 28px;
	font-weight: 700;
}
#content.my_coupon > .con > ul li > div .price .badge {
	margin-left: 14px;
	padding: 0 8px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
	border-radius: 4px;
	background: var(--win-purple-50);
}
#content.my_coupon > .con > ul li > div h2 {
	margin: 8px 0 6px;
	font-size: 18px;
	font-weight: 700;
}
#content.my_coupon > .con > ul li > div > p {
	font-size: 12px;
	color: var(--gray-300);
}
#content.my_coupon > .con > ul li > div > p:last-child {
	margin-top: 2px;
}
#content.my_coupon > .con > ul li > hr {
	margin: 0 auto;
	width: calc(100% - 22px);
	border: none;
	border-top: 1px dashed var(--gray-300);
}
#content.my_coupon > .con > ul li > a {
	display: block;
	height: 54px;
	line-height: 54px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	border-radius: 12px;
	color: var(--win-purple-600);
	background: var(--white-0);
}
#content.my_coupon > .con > ul li.used > a,
#content.my_coupon > .con > ul li.used > div > p,
#content.my_coupon > .con > ul li.used > div h2,
#content.my_coupon > .con > ul li.used > div .price {
	color: var(--gray-200);
}
#content.my_coupon > .con > ul li.used > div .price .badge {
	color: var(--gray-300);
	background-color: var(--gray-50);
}

#content.my_coupon > .btn_box {
	position: fixed;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	z-index: 8;
	padding: 16px 16px 8px;
	width: 100%;
	max-width: 768px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -5.21%, #FFF 14.34%);
}
#content.my_coupon > .btn_box button {
	width: 100%;
	height: 56px;
	font-weight: 600;
}

/* 고객센터 리뉴얼 */
#content.cs_center .sticky_tab_box .tab {
	display: flex;
	justify-content: space-between;
}
#content.cs_center .sticky_tab_box .tab a {
	padding: 0;
	width: calc(50% - 2px);
}
#content.cs_center .channel_talk_box {
	padding: 24px 16px 32px;
	background: var(--white-0);
}
#content.cs_center .channel_talk_box > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 16px;
	width: 100%;
	height: 50px;
	border-radius: 20px;
	font-size: 15px;
	font-weight: 700;
	background: var(--gray-700);
	color: var(--white-0);
}
#content.cs_center .channel_talk_box > div > div {
	display: flex;
	align-items: center;
}
#content.cs_center .channel_talk_box > div > div img {
	display: block;
	margin-right: 8px;
	width: 30px;
}
#content.cs_center .channel_talk_box > div > div p span {
	color: var(--win-yellow-600);
}
#content.cs_center .con {
	min-height: calc(100vh - 212px);
	color: var(--gray-900);
	background: var(--white-0);
	font-weight: 500;
}
#content.cs_center .con .top {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 0 16px 10px;
	border-bottom: 8px solid var(--white-100);
}
#content.cs_center .con .top h2 {
	font-size: 18px;
	font-weight: 600;
}
#content.cs_center .con.qna .top > div {
	display: flex;
	align-items: center;
	margin-bottom: 1px;
	font-size: 14px;
	color: var(--gray-700);
}
#content.cs_center .con.qna .top > div .ellipse {
	display: block;
	margin: 0 5px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: var(--gray-700);
}
#content.cs_center .con.qna .top > div svg {
	margin-left: 4px;
	display: block;
}
#content.cs_center .con.qna .list_box {
	margin: 0 0 40px;
	padding: 0 16px;
	min-height: calc(100vh - 480.188px);
}
#content.cs_center .con .list_box li {
	border-bottom: 1px solid var(--gray-50);
}
#content.cs_center .con .list_box li:last-child {
	border-bottom: none;
}
#content.cs_center .con .list_box li .accro_btn {
	padding: 24px 0;
}
#content.cs_center .con.qna .list_box li .accro_btn .status {
	display: inline-block;
	padding: 0 8px;
	height: 22px;
	line-height: 22px;
	border-radius: 10px;
	background: var(--gray-300);
	color: var(--white-0);
}
#content.cs_center .con.qna .list_box li .accro_btn .status.complete {
	background: var(--win-purple-600);
}
#content.cs_center .con.qna .list_box li .accro_btn .title {
	display: flex;
	justify-content: space-between;
	margin: 6px 0 4px;
	font-size: 16px;
	font-weight: 600;
	word-break: break-all;
}
#content.cs_center .con.faq .list_box li .accro_btn::after,
#content.cs_center .con.qna .list_box li .accro_btn .title::after {
	content: "";
	display: block;
	flex-shrink: 0;
	margin-left: 16px;
	width: 24px;
	height: 24px;
	background: transparent url("../img/chevron-down-gray900.svg") no-repeat 0 0 / contain;
}
#content.cs_center .con.qna .list_box li .accro_btn .bottom {
	display: flex;
	color: var(--gray-400);
}
#content.cs_center .con.qna .list_box li .accro_btn .bottom button {
	position: relative;
	margin-left: 24px;
	margin-bottom: 2px;
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray-400);
}
#content.cs_center .con.qna .list_box li .accro_btn .bottom button::before {
	content: "";
	position: absolute;
	left: -12px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 1px;
	height: 12px;
	background: var(--gray-200);
}
#content.cs_center .con.qna .list_box li .summary_box {
	display: none;
	margin-bottom: 24px;
	padding: 16px;
	border-radius: 8px;
	background: var(--white-200);
	font-size: 13px;
}
#content.cs_center .con .list_box li .accro_btn.on ~ .summary_box {
	display: block;
}
#content.cs_center .con.qna .list_box li .summary_box > p {
	font-size: 14px;
	font-weight: 600;
	color: var(--win-purple-600);
}
#content.cs_center .con.qna .list_box li .summary_box .answer {
	margin: 6px 0;
	padding: 0;
	word-break: break-all;
}
#content.cs_center .con.qna .list_box li .summary_box .date {
	color: var(--gray-400);
}
#content.cs_center .con.qna .no_history > div p:last-child {
	padding-bottom: 0;
}
#content.cs_center .con .contact {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 24px 104px;
	height: 185px;
	font-size: 12px;
	background: var(--white-300);
	color: var(--gray-400);
}
#content.cs_center .con .contact h3 {
	margin-bottom: 2px;
	font-size: 15px;
	font-weight: 600;
	color: var(--gray-600);
}
#content.cs_center .con .contact > a {
	display: block;
	width: 48px;
}
#content.cs_center .con .contact > a img {
	display: block;
	width: 100%;
}
#content.cs_center .con .btn_box {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 11;
	padding: 16px 16px 8px;
	width: 100%;
	max-width: 768px;
	height: 80px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -5.21%, #FFF 14.34%);
}
#content.cs_center .con .btn_box button {
	display: block;
	width: 100%;
	height: 56px;
	font-weight: 600;
}
#content.cs_center .con.faq .tab_filter_box {
	margin-bottom: 16px;
	padding: 0 16px;
}
#content.cs_center .con.faq .tab_filter li button[type='button'] {
	margin-bottom: 8px;
}
#content.cs_center .con.faq .list_box {
	margin-bottom: 32px;
	padding: 0 16px;
	word-break: break-all;
}
#content.cs_center .con.faq .list_box li .accro_btn {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
#content.cs_center .con.faq .list_box li .accro_btn.on::after {
	transform: rotate(180deg);
}
#content.cs_center .con.faq .list_box li .accro_btn .title {
	display: flex;
	font-weight: 600;
}
#content.cs_center .con.faq .list_box li .accro_btn .title span {
	display: block;
	flex-shrink: 0;
	margin-right: 12px;
	color: var(--win-purple-600);
	white-space: nowrap;
}
#content.cs_center .con.faq .list_box li .summary_box {
	display: none;
	margin-right: 40px;
	padding-bottom: 24px;
	font-weight: 400;
}
#content.cs_center .con.faq .list_box li .accro_btn.on ~ .summary_box {
	display: flex;
}
#content.cs_center .con.faq .list_box li .summary_box span {
	display: block;
	flex-shrink: 0;
	margin-right: 12px;
	font-weight: 600;
	color: var(--gray-400);
	white-space: nowrap;
}
#content.cs_center .con.faq .contact {
	height: 105px;
	padding-bottom: 24px;
}
/* qna regist */
#content.cs_center .con.qna_regist {
	min-height: calc(100vh - 56px);
}
#content.cs_center .con.qna_regist > div:first-child {
	padding: 24px 16px;
	min-height: calc(100vh - 136px);
}
#content.cs_center .con.qna_regist h2 {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 600;
}
#content.cs_center .con.qna_regist .type {
	margin-bottom: 24px;
}
#content.cs_center .con.qna_regist .event .input_box,
#content.cs_center .con.qna_regist .type .input_box {
	position: relative;
}
#content.cs_center .con.qna_regist .event .input_box input,
#content.cs_center .con.qna_regist .type .input_box input {
	display: block;
	padding: 0 16px;
	width: 100%;
	height: 56px;
	font-weight: 600;
	border-radius: 12px;
	color: var(--gray-900);
	border: 2px solid var(--gray-50);
}
#content.cs_center .con.qna_regist .event .input_box svg,
#content.cs_center .con.qna_regist .type .input_box svg {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	display: block;
}
#content.cs_center .con.qna_regist .event {
	display: none;
	margin-bottom: 24px;
}
#content.cs_center .con.qna_regist .contents textarea {
	display: block;
	padding: 16px;
	width: 100%;
	height: 224px;
	resize: none;
	font-weight: 600;
	border-radius: 12px;
	color: var(--gray-900);
	border: 2px solid var(--gray-50);
}
#content.cs_center .con.qna_regist .contents textarea::placeholder,
#content.cs_center .con.qna_regist .type input::placeholder {
	color: var(--gray-200);
}
#content.cs_center .con.qna_regist .contents > p {
	margin-top: 4px;
	text-align: right;
	color: var(--gray-400);
}
#content.cs_center .con.qna_regist .btn_box {
	position: static;
	transform: translateX(0);
}

/* 친구 초대 코드 입력 */
#content.enter_recommend_code .con_wrap {
	min-height: calc(100vh - 56px);
	margin-top: 0;
	padding: 0 16px 24px;
	border-radius: 0;
	font-weight: 500;
	font-size: 14px;
	color: var(--gray-900);
}
#content.enter_recommend_code .con_wrap .top {
	padding-top: 80px;
}
#content.enter_recommend_code .con_wrap .top > div {
	position: relative;
	margin: 0 auto 20px;
	width: 88px;
	height: 88px;
}
#content.enter_recommend_code .con_wrap .top > div img {
	width: 100%;
}
#content.enter_recommend_code .con_wrap .top > div .d_day {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	color: #FFF;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
}
#content.enter_recommend_code .con_wrap .top > h2 {
	text-align: center;
	font-size: 20px;
	font-weight: 500;
}
#content.enter_recommend_code .con_wrap .top > h2 span {
	font-weight: 700;
}
#content.enter_recommend_code .con_wrap .input_box {
	position: relative;
	margin: 56px 0 40px;
}
#content.enter_recommend_code .con_wrap .input_box input {
	padding-right: 90px;
	color: var(--gray-900);
}
#content.enter_recommend_code .con_wrap .input_box input:focus {
	border: 2px solid var(--win-purple-600);
}
#content.enter_recommend_code .con_wrap .input_box input::placeholder {
	color: var(--gray-200);
}
#content.enter_recommend_code .con_wrap .input_box.error input {
	border: 2px solid var(--alert-red-400);
}
#content.enter_recommend_code .con_wrap .input_box .error_message {
	position: absolute;
	bottom: -22px;
	display: none;
	color: var(--alert-red-400);
	font-size: 13px;
	font-weight: 600;
}
#content.enter_recommend_code .con_wrap .input_box.error .error_message {
	display: block;
}
#content.enter_recommend_code .con_wrap .input_box button {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	display: block;
	width: 72px;
	height: 36px;
	font-size: 14px;
	font-weight: 600;
}
#content.enter_recommend_code .con_wrap .input_box button:active {
	background: var(--win-purple-700);
}
#content.enter_recommend_code .con_wrap > ul {
	color: var(--gray-400, #9B9B9B);
	font-size: 13px;
}
#content.enter_recommend_code .con_wrap > ul > li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
	word-break: break-all;
}
#content.enter_recommend_code .con_wrap > ul > li::before {
	content: "•";
	position: absolute;
	left: 7px;
	top: 0;
	display: inline-block;
	color: var(--gray-600, #727272);
}
#content.enter_recommend_code .con_wrap > ul > li:first-child {
	color: var(--gray-600, #727272);
	font-weight: 600;
}
#content.enter_recommend_code p.toast_normal {
	bottom: 32px;
}

/* 알림설정 */
#content.push_alert .con {
	min-height: calc(100vh - 56px);
	padding-bottom: 24px;
	color: var(--gray-900);
	background: var(--white-0);
}
#content.push_alert .con .alert_info {
	padding: 12px 16px;
	border-bottom: 1px solid var(--gray-50);
}
#content.push_alert .con .alert_info > div {
	display: flex;
	align-items: center;
}
#content.push_alert .con .alert_info > div:first-child p {
	margin-left: 6px;
	font-size: 15px;
	font-weight: 600;
	line-height: 22px;
}
#content.push_alert .con .alert_info > div:last-child p {
	margin-right: 4px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: var(--gray-500);
}
#content.push_alert .con .official_alert_box {
	margin: 8px 0;
}
#content.push_alert .con .official_alert_box ul li {
	padding: 14px 16px;
	font-size: 15px;
	font-weight: 600;
	line-height: 22px;
}
#content.push_alert .con .topic_alert_box {
	padding: 0 16px;
}
#content.push_alert .con .topic_alert_box::after {
	content: none;
}
#content.push_alert .con .topic_alert_box > h2 {
	margin: 8px 0;
	padding: 12px 0 10px;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
}
#content.push_alert .con .topic_alert_box .topic {
	padding: 16px 0 20px;
	border-top: 1px solid var(--gray-50);
	border-bottom: 1px solid var(--gray-50);
}
#content.push_alert .con .topic_alert_box .topic_item .item_title {
	font-size: 15px;
	font-weight: 600;
	line-height: 22px;
}
#content.push_alert .con .topic_alert_box .topic_item .item_title span {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: var(--gray-500);
}
#content.push_alert .con .topic_alert_box .alert_option .option {
	border-radius: 12px;
	background: var(--white-100);
}
#content.push_alert .con .topic_alert_box .alert_option .option input {
	display: none;
}
#content.push_alert .con .topic_alert_box .alert_option .option label {
	display: flex;
	align-items: center;
	margin-top: 12px;
	padding: 16px 16px 16px 48px;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	background: url('../img/checkbox_line_md_off.png') no-repeat 16px center / 20px;
}
#content.push_alert .con .topic_alert_box .alert_option .option input:checked + label {
	background: url('../img/checkbox_line_md_on.png') no-repeat 16px center / 20px;
}
#content.push_alert .con .topic_alert_box .alert_option .option input:disabled + label {
	background: url('../img/checkbox_line_md_off_disable.png') no-repeat 16px center / 20px;
}
#content.push_alert .con .topic_alert_box .alert_option .option input:checked:disabled + label {
	background: url('../img/checkbox_line_md_on_disable.png') no-repeat 16px center / 20px;
}
#content.push_alert .con .topic_alert_box .alert_option .option label .desc {
	margin-left: 20px;
	font-weight: 500;
	color: var(--gray-500);
}

/* etc */
.pointer{
	cursor : pointer;
}

/* 쿠폰 등록 모달 */
.slide_up_modal#reg_coupon .con_box > div:nth-child(2) {
	height: 188px;
}
.slide_up_modal#reg_coupon .con_box .input_box {
	padding: 12px 16px 0;
}
.slide_up_modal#reg_coupon .con_box .input_box input {
	margin-bottom: 4px;
	color: var(--gray-900);
	font-size: 15px;
	font-weight: 600;
}
.slide_up_modal#reg_coupon .con_box .input_box input:focus {
	border: 2px solid var(--win-purple-600);
}
.slide_up_modal#reg_coupon .con_box .input_box input::placeholder {
	color: var(--gray-200);
}
.slide_up_modal#reg_coupon .con_box .input_box input.error {
	border: 2px solid var(--alert-red-400);
}
.slide_up_modal#reg_coupon .con_box .input_box .error_message {
	padding-bottom: 2px;
	color: var(--alert-red-400);
	font-size: 13px;
	font-weight: 600;
}
.slide_up_modal#reg_coupon .con_box .btn_box {
	padding: 12px 16px;
	border-top: none;
}
.slide_up_modal#reg_coupon .con_box .btn_box input[type='button'] {
	width: 100%;
	height: 56px;
}
.slide_up_modal#reg_coupon .con_box .partner_coupon {
	padding: 0 16px 18px;
}
.slide_up_modal#reg_coupon .con_box .partner_coupon h5 {
	padding-bottom: 12px;
	font-size: 16px;
	font-weight: 600;
}
.slide_up_modal#reg_coupon .con_box .partner_coupon .swiper-container {
	overflow: visible;
}
.slide_up_modal#reg_coupon .con_box .partner_coupon .swiper-slide a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	border-radius: 12px;
	background: var(--white-300);
}
.slide_up_modal#reg_coupon .con_box .partner_coupon .swiper-slide a > div:first-child span {
	display: inline-block;
	padding: 2px 6px 1px;
	border-radius: 10px;
	background: #FF004E;
	color: var(--white-0);
	font-size: 11px;
	font-weight: 600;
}
.slide_up_modal#reg_coupon .con_box .partner_coupon .swiper-slide a.samsung_fire > div:first-child span {
	background: #099AFB;
}
.slide_up_modal#reg_coupon .con_box .partner_coupon .swiper-slide a.samsung_life > div:first-child span {
	background: #003CDC;
}
.slide_up_modal#reg_coupon .con_box .partner_coupon .swiper-slide a > div:first-child p:nth-child(2) {
	margin-bottom: 2px;
	padding-top: 11px;
	font-size: 16px;
	font-weight: 600;
}
.slide_up_modal#reg_coupon .con_box .partner_coupon .swiper-slide a > div:first-child p:last-child {
	color: var(--gray-600);
	font-size: 12px;
	font-weight: 500;
}
.slide_up_modal#reg_coupon .con_box .partner_coupon .swiper-slide a img {
	width: 70px;
}
.slide_up_modal#reg_coupon .con_box > ul {
	padding: 0 16px 16px;
}
.slide_up_modal#reg_coupon .con_box > ul > li {
	position: relative;
	margin-bottom: 6px;
	padding-left: 20px;
	font-size: 14px;
	color: var(--gray-500);
	word-break: break-all;
}
.slide_up_modal#reg_coupon .con_box > ul > li:last-child {
	margin-bottom: 0;
}
.slide_up_modal#reg_coupon .con_box > ul > li:before {
	content: "•";
	position: absolute;
	left: 6px;
	top: 0;
	display: inline-block;
}

/* 회원 탈퇴 시 원화 500원 미만 노출 바텀시트 */
.slide_up_modal#less_krw_500_bottom_sheet .con_box .scroll_box {
	padding: 8px 16px 20px;
}
.slide_up_modal#less_krw_500_bottom_sheet .con_box .scroll_box .img_box {
	margin: 0 auto 8px;
	width: 216px;
	height: 118px;
}
.slide_up_modal#less_krw_500_bottom_sheet .con_box .scroll_box .img_box img {
	display: block;
	width: 100%;
}
.slide_up_modal#less_krw_500_bottom_sheet .con_box .scroll_box ul li {
	position: relative;
	margin-bottom: 12px;
	padding-left: 20px;
	font-size: 15px;
	font-weight: 500;
	color: var(--gray-400);
	word-break: break-all;
}
.slide_up_modal#less_krw_500_bottom_sheet .con_box .scroll_box ul li:last-child {
	margin-bottom: 0;
}
.slide_up_modal#less_krw_500_bottom_sheet .con_box .scroll_box ul li:before {
	content: "•";
	position: absolute;
	left: 6px;
	top: 0;
	display: inline-block;
}
.slide_up_modal#less_krw_500_bottom_sheet .con_box .scroll_box ul li span {
	font-weight: 600;
	color: var(--gray-600);
}

@media (min-width: 768px) {
	/* invite event */
	#content.invite_friend_event .con_wrap {
		padding: 0 0 293px 0;
	}
	#content.invite_friend_event .con_wrap .this_month_invite {
		padding: 86px 0 69px;
	}
	#content.invite_friend_event .con_wrap .this_month_invite h3 {
		margin-bottom: 43px;
		font-size: 51px;
	}
	#content.invite_friend_event .con_wrap .invite_stamp {
		padding: 0 34px;
	}
	#content.invite_friend_event .con_wrap .invite_status {
		margin-top: 26px;
	}
	#content.invite_friend_event .con_wrap .invite_status p.friends_num {
		right: 73px;
		font-size: 43px;
	}
	#content.invite_new_friend .con_wrap .desc_box,
	#content.invite_friend_event .con_wrap .desc_box {
		padding: 0 34px;
		font-size: 26px;
	}
	#content.invite_new_friend .con_wrap .desc_box li,
	#content.invite_friend_event .con_wrap .desc_box li {
		margin-bottom: 21px;
		padding-left: 23.5px;
	}
	#content.invite_new_friend .con_wrap .desc_box li:before,
	#content.invite_friend_event .con_wrap .desc_box li:before {
		top: 17px;
		width: 8.5px;
		height: 8.5px;
	}
	#content.invite_friend_event .invite_code_share {
		padding: 0 34px;
		width: 100%;
	}
	#content.invite_friend_event .invite_code_share .code_box {
		width: 700px;
		height: 120px;
		padding: 0 34px;
	}
	#content.invite_friend_event .invite_code_share .code_box > div {
		font-size: 25.6px;
	}
	#content.invite_friend_event .invite_code_share .code_box > div span {
		margin-left: 13px;
		font-size: 38.5px;
	}
	#content.invite_friend_event .invite_code_share .code_box ul {
		width: 265px;
	}
	#content.invite_friend_event .invite_code_share .code_box ul img {
		width: 77px;
	}
	#content.invite_new_friend .con_wrap {
		min-height: calc(var(--vh, 1vh) * 100);
	}

	/* invite_new_friend */
	#content.invite_new_friend .con_wrap .code_copy {
		padding-bottom: 119.5px;
	}
	#content.invite_new_friend .con_wrap .code_copy button[type="button"] {
		width: 563px;
		height: 119.5px;
		border-radius: 21.5px;
		font-size: 30px;
	}
	#content.invite_new_friend .con_wrap .code_copy button img {
		display: block;
		margin-left: 8.5px;
		width: 51px;
		height: 51px;
	}
	#content.invite_new_friend .con_wrap .event_detail {
		padding-top: 86px;
	}
	#content.invite_new_friend .con_wrap a.get_point_btn {
		width: 700px;
		height: 120px;
		margin: 19px 34px 68px;
		border-radius: 21.5px;
		font-size: 30px;
	}
	#content.invite_new_friend .con_wrap a.get_point_btn img {
		margin-right: 1.66666vw;
		width: 47px;
		height: 47px;
	}

	/*고객센터 리뉴얼*/
	#content.cs_center .channel_talk_box > div {
		position: relative;
		justify-content: center;
	}
	#content.cs_center .channel_talk_box > div > svg {
		position: absolute;
		top: 50%;
		right: 16px;
		transform: translateY(-50%);
	}
}