/* modal */
#modal_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	z-index: 10;
	position: fixed;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100vw;
	max-width: 768px;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	background: rgba(0, 0, 0, 0.5);
}
#modal_wrap .modal_box {
	position: relative;
	width: 70%;
	border-radius: 15px;
	background: #fff;
}
#modal_wrap .modal_box .btn_box input {
	height: 35px;
	font-size: 14px;
}
#modal_wrap .modal_box button.close,
#modal_wrap .modal_box button.scroll_top {
	position: absolute;
	right: 10px;
	padding: 10px;
}
#modal_wrap .modal_box .scroll_box {
	overflow-y: scroll;
	width: 100%;
	height: calc(100% - 25px);
	margin-top: 25px;
	padding: 0 34px 30px;
}
#modal_wrap .modal_box .close {
	z-index: 2;
	top: 10px;
}
#modal_wrap .modal_box .close svg {
	width: 14px;
	height: 14px;
}
#modal_wrap .modal_box .scroll_top {
	z-index: 2;
	bottom: 10px;
}
#modal_wrap .modal_box .scroll_top svg {
	width: 18px;
	height: 18px;
}
#modal_wrap .modal_box .gradient_box {
	z-index: 1;
	position: absolute;
	top: 15px;
	width: 100%;
	height: 45px;
	border-radius: 15px 15px 0 0;
	pointer-events: none;
	background: url('../img/bg/modal_gradient.png') repeat-x;
}
#modal_wrap .modal_box .gradient_box.bottom {
	top: auto;
	bottom: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
#modal_wrap .only_text {
	padding: 36px 34px 25px;
}
#modal_wrap .only_text .text_box {
	margin: 15px 0 30px;
	text-align: center;
}
#modal_wrap .only_text .text_box p {
	line-height: 1.5;
	font-weight: 500;
	font-size: 14px;
}
#modal_wrap .only_text .text_box p.text_box_title {
	margin-bottom: 16px;
	font-weight: 700;
	font-size: 16px;
}
#modal_wrap .only_text .text_box .purple {
	color: #6c06c4;
}
#modal_wrap .sw_info {
	overflow: hidden;
	width: calc(100% - 26px);
	height: 90%;
}
#modal_wrap .sw_info .info_box .subject {
	padding-top: 30px;
	margin-bottom: 24px;
	text-align: center;
	font-weight: 700;
	font-size: 20px;
	color: #6c06c4;
	text-decoration: underline;
}
#modal_wrap .sw_info .info_box .desc {
	margin-bottom: 60px;
	line-height: 1.7;
	text-align: center;
	font-size: 14px;
	color: #6c06c4;
}
#modal_wrap .sw_info .info_box dl dt {
	position: relative;
	margin-bottom: 10px;
	text-align: right;
}
#modal_wrap .sw_info .info_box dl dt p {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 1.4;
	text-align: left;
	font-weight: 700;
	font-size: 14px;
	color: #6c06c4;
}
#modal_wrap .sw_info .info_box dl dt img {
	height: 21vmin;
	max-height: 80px;
}
#modal_wrap .sw_info .info_box dl dd {
	margin-bottom: 50px;
	line-height: 1.5;
	font-size: 13px;
	color: #646464;
}
#modal_wrap .sw_info .info_box dl dd span {
	display: block;
	margin-top: 5px;
	font-weight: 300;
	font-size: 10px;
}
#modal_wrap .sw_info .info_box .detail_desc {
	position: relative;
	width: 100%;
	height: 13px;
	margin-bottom: 30px;
}
#modal_wrap .sw_info .info_box .detail_desc p {
	z-index: 1;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 0 10px;
	font-weight: 700;
	font-size: 12px;
	color: #646464;
	background: #fff;
}
#modal_wrap .sw_info .info_box .detail_desc span {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
}
#modal_wrap .sw_info .info_box ol li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px;
}
#modal_wrap .sw_info .info_box ol li:last-child {
	margin-bottom: 0;
}
#modal_wrap .sw_info .info_box ol li span,
#modal_wrap .sw_info .info_box ol li p {
	line-height: 1.7;
	font-size: 13px;
	color: #646464;
}
#modal_wrap .sw_info .info_box ol li span {
	margin-right: 5px;
	font-weight: 700;
}
#modal_wrap .sw_info .info_box ol li p {
	font-weight: 300;
}
#modal_wrap .sw_info .info_box ol li p span {
	font-weight: 500;
	color: #6c06c4;
}
#modal_wrap .cw_list_box {
	width: calc(100% - 26px);
	padding: 56px 21px 52px;
}
#modal_wrap .cw_list_box .subject {
	margin-bottom: 27px;
	text-align: center;
	font-weight: 700;
	font-size: 20px;
}
#modal_wrap .cw_list_box .list {
	overflow-y: scroll;
	width: 100%;
	margin-bottom: 24px;
	max-height: 250px;
}
#modal_wrap .cw_list_box .list li {
	padding: 18px 0;
	border-bottom: 1px solid #ccc;
}
#modal_wrap .cw_list_box .list li:last-child {
	border-bottom: none;
}
#modal_wrap .cw_list_box .list li label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#modal_wrap .cw_list_box .list li label p {
	margin-left: 6px;
	font-weight: 700;
	font-size: 18px;
}
#modal_wrap .cw_list_box .list li label span {
	font-size: 13px;
	color: #939598;
}
#modal_wrap .cw_list_box .total {
	margin: 20px 0 27px;
	text-align: center;
	font-weight: 700;
	font-size: 20px;
	color: #6c06c4;
}
#modal_wrap .cw_list_box .confirm_text {
	margin-bottom: 45px;
	text-align: center;
	font-weight: 500;
}
#modal_wrap .cw_list_box .btn_box input {
	height: 45px;
}
#modal_wrap .cw_list_box .btn_box a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 45px;
	font-size: 14px;
	font-weight: 500;
}
#modal_wrap .address_form {
	width: calc(100% - 26px);
	padding: 56px 21px 52px;
}
#modal_wrap .address_form .subject {
	margin-bottom: 42px;
	text-align: center;
	font-weight: 700;
	font-size: 20px;
}
#modal_wrap .address_form .address_box {
	margin-bottom: 24px;
}
#modal_wrap .address_form .address_box .address01 {
	padding: 0 24px;
	margin-bottom: 14px;
	line-height: 1.4;
	font-size: 14px;
}
#modal_wrap .address_form .address_box div.input_text_default {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#modal_wrap .address_form .address_box div.input_text_default input {
	width: 90%;
	font-size: 14px;
	border: none;
	background: transparent;
}
#modal_wrap .address_form .address_box div.input_text_default button {
	width: 12px;
	height: 12px;
}
#modal_wrap .address_form .address_box div.input_text_default button svg {
	width: 100%;
	height: 100%;
}
#modal_wrap .address_form .btn_box input {
	height: 45px;
}
#modal_wrap .date_form {
	width: calc(100% - 26px);
	padding: 56px 21px 52px;
}
#modal_wrap .date_form > .subject {
	margin-bottom: 30px;
	text-align: center;
	font-weight: 700;
	font-size: 20px;
}
#modal_wrap .date_form .input_label_box {
	margin-bottom: 21px;
}
#modal_wrap .date_form .input_label_box .input_text_default {
	max-height: 45px;
}
#modal_wrap .date_form .btn_box input {
	height: 45px;
}

/* 설명 모달 공통 (ex. 윈포인트 설명, 출석체크/친구추천 이벤트 설명 등) */
#modal_wrap .explanation_modal {
	width: calc(100% - 86px);
}
#modal_wrap .explanation_modal .info_box {
	padding: 50px 26px 30px;
}
#modal_wrap .explanation_modal .info_box .subject {
	margin-bottom: 24px;
	text-align: center;
	font-weight: 700;
	font-size: 20px;
	text-decoration: underline;
	color: #6c06c4;
}
#modal_wrap .explanation_modal .info_box .desc {
	margin-bottom: 20px;
	text-align: center;
	line-height: 1.7;
	font-size: 14px;
	color: #6c06c4;
}
#modal_wrap .explanation_modal .info_box .explanation {
	margin-top: 30px;
}
#modal_wrap .explanation_modal .info_box .explanation li {
	margin-bottom: 8px;
	line-height: 1.3;
	padding-left: 10px;
	font-size: 12px;
	color: #7d7d7d;
}
#modal_wrap .explanation_modal .info_box .explanation li::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	margin: 0 5px 3px -9px;
	background: #6c06c4;
	border-radius: 50%;
}

/* 친구 추천 이벤트 */
#modal_wrap.using_recommendation_code .explanation_modal {
	width: calc(100% - 56px);
}
#modal_wrap.using_recommendation_code .explanation_modal .info_box .subject {
	font-size: 22px;
}
#modal_wrap.using_recommendation_code .explanation_modal .info_box .desc {
	font-weight: 500;
	font-size: 13px;
	line-height: normal;
}
#modal_wrap.using_recommendation_code .explanation_modal .info_box .explanation {
	padding: 18px 16px;
	border-radius: 5px;
	background: #F9F9F9;
	word-break: break-all;
}
#modal_wrap.using_recommendation_code .explanation_modal .info_box .explanation li:last-child {
	margin-bottom: 0;
}
#modal_wrap.using_recommendation_code .explanation_modal .info_box .explanation li::before {
	background: #7d7d7d;
}
#modal_wrap.using_recommendation_code .explanation_modal .info_box .explanation li span {
	font-weight: 700;
}

/* 포인트 뽑기 결과(출석체크) */
#modal_wrap.point_draw .modal_box {
	width: calc(100% - 86px);
}
#modal_wrap.point_draw .info_box {
	padding: 30px 0 25px;
	text-align: center;
}
#modal_wrap.point_draw .info_box .subject {
	font-weight: bold;
	font-size: 20px;
	color: #6c06c4;
}
#modal_wrap.point_draw .info_box .point {
	position: relative;
	margin: 20px 0 10px;
}
#modal_wrap.point_draw .info_box .point p {
	position: absolute;
	left: 50%;
	bottom: 6px;
	transform: translateX(-50%);
	font-weight: bold;
	font-size: 50px;
	color: #fff;
}
#modal_wrap.point_draw .info_box .count {
	font-size: 12px;
}
#modal_wrap.point_draw .btn_box {
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 0 24px 24px;
}
#modal_wrap.short_amount .btn_box input,
#modal_wrap.unlink_confirm .btn_box input,
#modal_wrap.point_draw .btn_box input {
	width: 46%;
}

/* 제휴사 연동 모달 */
#modal_wrap.unlink_confirm {
	width: 110vw;
}
#modal_wrap.unlink_confirm .text_box .desc {
	font-weight: 400;
}
#modal_wrap.unlink_confirm .text_box p:first-child {
	font-size: 16px;
	font-weight: 600;
}
#modal_wrap.unlink_confirm .text_box p:first-child,
#modal_wrap.unlink_confirm .text_box p:nth-child(2) {
	margin-bottom: 18px;
}
#modal_wrap.short_amount .btn_box,
#modal_wrap.unlink_confirm .btn_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#modal_wrap.ocb {
	align-items: flex-start;
}
#modal_wrap.ocb .terms_con {
	top: 18px;
	height: 84%;
}

/* slide up modal */
.slide_up_modal {
	visibility: hidden;
	z-index: 10;
	position: fixed;
	top: 0;
	left: 0;
}
.slide_up_modal .bg {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
}
.slide_up_modal .con_box {
	position: fixed;
	bottom: 0;
	left: 50%;
	width: 100%;
	padding: 0 26px;
	background-color: #fff;
	transform: translateX(-50%);
	max-width : 768px;
	border-radius: 15px 15px 0 0;
}
.slide_up_modal .con_box .title {
	position: relative;
	text-align: center;
	border-bottom: 1px solid #6c06c4;
}
.slide_up_modal .con_box .title p {
	line-height: 66px;
	font-weight: bold;
	font-size: 18px;
	color: #6c06c4;
}
.slide_up_modal .con_box .title .close {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	padding: 10px;
}
.slide_up_modal .con_box .title .close svg {
	width: 15px;
	height: 15px;
}
.slide_up_modal .con_box .btn_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 0 50px;
	border-top: 3px dashed #e6e6e6;
}
.slide_up_modal .con_box .btn_box.single input {
	width: 100%;
}
.slide_up_modal .con_box .btn_box input {
	width: 46%;
}
.slide_up_modal .con_box .text_box.gray_box ul {
	margin: 12px 16px 24px;
	padding: 20px 16px;
	color: var(--gray-700);
	font-size: 14px;
	font-weight: 500;
	word-break: break-all;
	border-radius: 12px;
	background: var(--white-100);
}
.slide_up_modal .con_box .text_box.gray_box ul li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 10px;
}
.slide_up_modal .con_box .text_box.gray_box ul li.danger {
	color: var(--alert-red-400);
}
.slide_up_modal .con_box .text_box.gray_box ul li:last-child {
	margin-bottom: 0;
}
.slide_up_modal .con_box .text_box.gray_box ul li::before {
	content: "•";
	position: absolute;
	left: 4px;
	top: 0;
	display: inline-block;
}
.slide_up_modal.handlebar .con_box {
	padding: 0;
	width: 100%;
	max-width: 768px;
	height: 78vh;
	overflow: hidden;
	color: var(--gray-900);
	border-radius: 28px 28px 0px 0px;
}
.slide_up_modal.handlebar.h_auto .con_box {
	height: auto;
}
.slide_up_modal.handlebar .con_box .top_handlebar {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	max-width: 768px;
	padding-top: 16px;
}
.slide_up_modal.handlebar .con_box .top_handlebar:has(.gray_btn) {
	padding-top: 28px;
}
.slide_up_modal.handlebar .con_box .top_handlebar .gray_btn {
	width: 48px;
	height: 4px;
	position: absolute;
	top: 12px;
	left: 50%;
	transform: translateX(-50%);
	background: #D9D9D9;
	border-radius: 100px;
}
.slide_up_modal.handlebar .con_box .top_handlebar .title {
	padding: 8px 16px 9px;
	width: 100%;
	text-align: left;
	border: none;
	font-size: 18px;
	font-weight: 600;
}
.slide_up_modal.handlebar .con_box .top_handlebar .title svg {
	flex-shrink: 0;
}
.slide_up_modal.handlebar .con_box .space_between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.slide_up_modal .con_box .scroll_box {
	position: absolute;
	left: 0;
	width: 100%;
	max-width: 768px;
	height: calc(100% - 58px);
	overflow-y: auto;
}

/* 정렬 바텀시트 */
.slide_up_modal.sort .scroll_box {
	position: static;
}
.slide_up_modal.sort .scroll_box ul {
	padding: 12px 16px 18px;
}
.slide_up_modal.sort .scroll_box ul li {
	padding: 0 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	height: 53px;
	border-top: 1px solid var(--gray-50);
}
.slide_up_modal.sort .scroll_box ul li:has(input[type="radio"]:checked)::after {
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 20px;
	height: 20px;
	background: url("../img/check_lang_lg.png") no-repeat 0 0 / contain;
}
.slide_up_modal.sort .scroll_box ul li:last-child {
	border-bottom: 1px solid var(--gray-50);
}
.slide_up_modal.sort .scroll_box ul li label {
	padding-top: 2px;
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	color: var(--gray-500);
}
.slide_up_modal.sort .scroll_box ul li input[type="radio"] {
	display: none;
}
.slide_up_modal.sort .scroll_box ul li input[type="radio"]:checked + label {
	font-weight: 600;
	color: var(--gray-900);
}

/* 입금페이지 계좌관리 모달 */
.slide_up_modal#accountSetting .con_box {
	height: auto;
	line-height: 1.4;
}
.slide_up_modal#accountSetting .con_box .top_handlebar {
	padding-top: 24px;
}
.slide_up_modal#accountSetting .con_box .top_handlebar .gray_btn {
	top: 10px;
	background-color: var(--gray-100, #DDD);
}
.slide_up_modal#accountSetting .con_box .top_handlebar .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 64px;
	line-height: 26px;
}
.slide_up_modal#accountSetting .con_box .scroll_box {
	position: relative;
}
.slide_up_modal#accountSetting .con_box .charge_account {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 16px;
	padding: 0 16px;
	height: 80px;
	border-radius: 12px;
	background: var(--white-100);
	color: var(--gray-500);
}
.slide_up_modal#accountSetting .con_box .charge_account .bank_info {
	display: flex;
	align-items: center;
	font-size: 15px;
	font-weight: 500;
	line-height: 22px;
}
.slide_up_modal#accountSetting .con_box .charge_account .bank_info .bank_img {
	width: 36px;
	height: 36px;
	margin-right: 16px;
	background-repeat: no-repeat;
	background-size: contain;
}
.slide_up_modal#accountSetting .con_box .charge_account button {
	display: block;
	width: 43px;
	height: 32px;
	line-height: 32px;
	border-radius: 6px;
	background: var(--gray-100);
	color: var(--gray-900);
	text-align: center;
	font-size: 13px;
	font-weight: 600;
}
.slide_up_modal#accountSetting .account_info ul {
	padding: 0 16px 16px;
}
.slide_up_modal#accountSetting .account_info ul li {
	position: relative;
	margin-top: 8px;
	padding-left: 16px;
	color: var(--gray-500);
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
}
.slide_up_modal#accountSetting .account_info ul li:first-child {
	margin-top: 0;
}
.slide_up_modal#accountSetting .account_info ul li:before {
	content: "•";
	position: absolute;
	left: 4px;
	top: 0;
	display: inline-block;
}
.slide_up_modal#accountSetting .con_box .change {
	padding: 16px 16px 8px;
	width: 100%;
	max-width: 768px;
	background: var(--white-0);
}
.slide_up_modal#accountSetting .con_box .change button {
	width: 100%;
	height: 56px;
	font-weight: 500;
}

/* calendar */
.slide_up_modal#timepicker .con_box,
.slide_up_modal#datepicker .con_box {
	height: auto;
	padding-bottom: 72px;
}
.slide_up_modal#datepicker .calendar {
	padding: 12px 0 32px;
}
.slide_up_modal#datepicker .calendar .head {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 8px;
}
.slide_up_modal#datepicker .calendar .head .year_month {
	margin: 0 8px;
}
.slide_up_modal#datepicker .calendar .main {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.slide_up_modal#datepicker .calendar .main .days {
	display: flex;
	justify-content: space-between;
	width: 328px;
}
.slide_up_modal#datepicker .calendar .main .days .day {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
}
.slide_up_modal#datepicker .calendar .main .dates {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 8px;
	padding: 0 16px;
	width: 360px;
}
.slide_up_modal#datepicker .calendar .main .dates .date {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: var(--gray-200);
	text-align: center;
	font-size: 18px;
}
.slide_up_modal#datepicker .calendar .main .dates .selectable {
	color: var(--gray-900);
}
.slide_up_modal#datepicker .calendar .main .dates .selectable.active {
	border-radius: 20px;
	background: var(--win-purple-600);
	color: var(--white-0);
}
.slide_up_modal#timepicker .btn,
.slide_up_modal#datepicker .btn {
	position: fixed;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	padding: 8px 16px;
	width: 100%;
	max-width: 768px;
	background: var(--white-0);
}
.slide_up_modal#timepicker .btn button,
.slide_up_modal#datepicker .btn button {
	width: 100%;
	height: 56px;
	font-weight: 600;
}
.slide_up_modal#datepicker .swiper-button-next,
.slide_up_modal#datepicker .swiper-button-prev {
	position: static;
	width: auto;
	height: 20px;
	margin-top: 0;
}
.slide_up_modal#datepicker .swiper-button-next:after,
.slide_up_modal#datepicker .swiper-button-prev:after {
	content: '';
}

/* timepicker */
.slide_up_modal#timepicker .time_box {
	padding: 0 16px 32px;
}
.slide_up_modal#timepicker .time_box p {
	padding: 12px 2px 8px;
	color: var(--gray-400);
	font-size: 16px;
	font-weight: 600;
}
.slide_up_modal#timepicker .time_box input[type="radio"] {
	display: none;
}
.slide_up_modal#timepicker .time_box label {
	display: block;
	width: 100%;
	margin-bottom: 12px;
	padding: 12.5px 20px;
	text-align: center;
	font-weight: 600;
	border: 1.4px solid transparent;
	border-radius: 12px;
	background: var(--white-200);
}
.slide_up_modal#timepicker .time_box > div:last-child label {
	margin-bottom: 0;
}
.slide_up_modal#timepicker .time_box input[type="radio"]:checked + label {
	border: 1.4px solid var(--win-purple-300);
	background: var(--win-purple-50);
	color: var(--win-purple-600);
}
.slide_up_modal#timepicker .time_box input[type="radio"]:disabled + label {
	color: #C6C6C6;
	background: var(--white-200);
}

/* 메인 이벤트 바텀시트 */
.slide_up_modal#main_event .con_box {
	padding: 0;
	background-color: transparent;
	overflow: hidden;
}
.slide_up_modal#main_event .con_box .event_banner {
	margin-bottom: -1px;
}
.slide_up_modal#main_event .con_box .swiper-wrapper {
	margin-bottom: 0;
}
.slide_up_modal#main_event .con_box .swiper-slide a {
	display: block;
	border-radius: 6.6667vw 6.6667vw 0px 0px;
	overflow: hidden;
}
.slide_up_modal#main_event .con_box .swiper-slide a img {
	width: 100%;
}
.slide_up_modal#main_event .con_box .swiper-pagination {
	top: 16px;
	bottom: auto;
	left: auto;
	right: 16px;
	width: 30px;
	height: 19px;
	line-height: 19px;
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.50);
	color: var(--white-0);
	font-family: 'Pretendard', sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: -1.1px;
}
.slide_up_modal#main_event .con_box .btn_box {
	position: relative;
	z-index: 1;
	padding: 0 16px;
	height: 56px;
	background-color: var(--white-0);
	border-top: none;
}
.slide_up_modal#main_event .con_box .btn_box button {
	color: var(--gray-900);
	font-size: 16px;
	font-weight: 600;
}
.slide_up_modal#main_event .con_box .btn_box button:first-child {
	color: var(--gray-600);
	font-weight: 500;
}

/* OCB 신규회원 바텀시트 */
.slide_up_modal#ocb_new_member_bottom_sheet .top_handlebar .title {
	justify-content: flex-end;
}
.slide_up_modal#ocb_new_member_bottom_sheet .con_box .scroll_box {
	position: static;
	max-height: calc(92vh - 58px);
}
.slide_up_modal#ocb_new_member_bottom_sheet .swiper-wrapper {
	margin-bottom: 0;
	padding: 22px 0 64px;
}
.slide_up_modal#ocb_new_member_bottom_sheet .swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.slide_up_modal#ocb_new_member_bottom_sheet .swiper-slide img {
	margin-bottom: 24px;
	display: block;
	width: 256px;
}
.slide_up_modal#ocb_new_member_bottom_sheet .swiper-slide h2 {
	margin-bottom: 10px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}
.slide_up_modal#ocb_new_member_bottom_sheet .swiper-slide h2 span {
	color: var(--win-purple-600);
}
.slide_up_modal#ocb_new_member_bottom_sheet .swiper-slide p {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: var(--gray-500);
}
.slide_up_modal#ocb_new_member_bottom_sheet .swiper-pagination {
	position: relative;
	bottom: 0;
}
.slide_up_modal#ocb_new_member_bottom_sheet .swiper-pagination .swiper-pagination-bullet {
	width: 7px;
	height: 7px;
	background: var(--gray-300);
}
.slide_up_modal#ocb_new_member_bottom_sheet .swiper-pagination .swiper-pagination-bullet-active {
	width: 20px;
	border-radius: 3.5px;
	background: var(--win-purple-600);
}
.slide_up_modal#ocb_new_member_bottom_sheet .con_box .btn {
	position: relative;
	margin: 56px 0 40px;
	text-align: center;
}
.slide_up_modal#ocb_new_member_bottom_sheet .con_box .btn::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 2px;
	display: block;
	width: 80px;
	height: 1px;
	background-color: var(--gray-300);
}
.slide_up_modal#ocb_new_member_bottom_sheet .con_box .btn button {
	margin: 0 auto;
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray-300);
}

/* 키패드 포함 바텀시트 */
.slide_up_modal.keypad_input_amount .con_box {
	height: auto;
	max-height: 90%;
}
.slide_up_modal.keypad_input_amount .con_box .top_handlebar .title {
	height: 42px;
}
.slide_up_modal.keypad_input_amount .con_box .title #close {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
}
.slide_up_modal.keypad_input_amount .con_box .scroll_box {
	position: static;
	overflow-x: hidden;
	max-height: calc(90vh - 58px);
}
.slide_up_modal.keypad_input_amount .con_box .top {
	padding: 38px 16px 48px;
	height: auto;
}
.slide_up_modal.keypad_input_amount .con_box .top .input_price {
	position: relative;
	width: 100%;
}
.slide_up_modal.keypad_input_amount .con_box .top .input_price .cursor::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-112px);
	display: block;
	width: 4px;
	height: 39px;
	background-color: #9F90FF;
	opacity: 1;
	animation: cursor 1s ease-in-out infinite;
}
@-webkit-keyframes cursor {
	0% {opacity: 1;}
	40% {opacity: 1;}
	60% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes cursor {
	0% {opacity: 1;}
	40% {opacity: 1;}
	60% {opacity: 0;}
	100% {opacity: 0;}
}
.slide_up_modal.keypad_input_amount .con_box .top input#bottom_input_price {
	display: block;
	width: 100%;
	height: 39px;
	border: none;
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	color: var(--gray-900);
}
.slide_up_modal.keypad_input_amount .con_box .top input#bottom_input_price
.slide_up_modal.keypad_input_amount .con_box .top input#bottom_input_price::placeholder {
	color: var(--gray-400);
}
.slide_up_modal.keypad_input_amount .con_box .top input#bottom_input_price:disabled {
	background-color: transparent;
	color: var(--gray-900);
	opacity: 1;
	-webkit-text-fill-color: inherit;
}
.slide_up_modal.keypad_input_amount .con_box .amount_btn_box {
	padding: 0 16px 5px;
	font-size: 0;
}
.slide_up_modal.keypad_input_amount .con_box .amount_btn_box button {
	margin-right: 7px;
	margin-bottom: 7px;
	display: inline-block;
	width: 60px;
	height: 32px;
	color: var(--gray-600);
	font-size: 13px;
	font-weight: 500;
	border-radius: 8px;
	background: var(--gray-50);
}
.slide_up_modal.keypad_input_amount .con_box .amount_btn_box button:last-child {
	margin-right: 0;
}
.slide_up_modal.keypad_input_amount .con_box .amount_btn_box button:active {
	background: var(--gray-100);
}
.slide_up_modal.keypad_input_amount .con_box .keypad {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.slide_up_modal.keypad_input_amount .con_box .keypad button {
	width: 33.3333%;
	height: 64px;
	font-size: 24px;
	font-weight: 500;
	color: var(--gray-900);
}
.slide_up_modal.keypad_input_amount .con_box .keypad button.cancel {
	color: var(--gray-400);
	text-align: center;
	font-size: 15px;
	font-weight: 600;
}
.slide_up_modal.keypad_input_amount .con_box .keypad button span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: var(--white-0);
}
.slide_up_modal.keypad_input_amount .con_box .keypad button:active span{
	background-color: var(--white-200);
}
.slide_up_modal.keypad_input_amount .con_box .keypad button.delete img {
	display: block;
	margin-right: 2px;
	width: 42px;
}
.slide_up_modal.keypad_input_amount .con_box .btn_box {
	padding: 8px 16px;
	border: none;
}
.slide_up_modal.keypad_input_amount .con_box .btn_box button {
	width: 100%;
	height: 56px;
	font-weight: 600;
}


/* 자동입금내역 필터 바텀시트 */
.slide_up_modal.auto_history_filter .con_box {
	height: 508px;
}
.slide_up_modal.auto_history_filter .con_box .top_handlebar .title {
	display: flex;
	justify-content: space-between;
}
.slide_up_modal.auto_history_filter .con_box .filter_box {
	padding: 32px 16px 44px;
}
.slide_up_modal.auto_history_filter .con_box .filter_box > p {
	margin-bottom: 12px;
}
.slide_up_modal.auto_history_filter .con_box .filter_box > p:last-of-type {
	padding-top: 28px;
}
.slide_up_modal.auto_history_filter .con_box .filter_box > div {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: space-between;
	height: 104px;
}
.slide_up_modal.auto_history_filter .con_box .filter_box > div label {
	margin-bottom: 12px;
	display: block;
	width: calc(33.3% - 5.5px);
	height: 40px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 38px;
	border-radius: 12px;
	background-color: var(--white-100);
	border: 1.5px solid transparent;
}
.slide_up_modal.auto_history_filter .con_box .filter_box > div label:has(input:checked) {
	background-color: var(--win-purple-50);
	color: var(--win-purple-600);
	border: 1.5px solid var(--win-purple-300);
}
.slide_up_modal.auto_history_filter .con_box .filter_box > div input {
	display: none;
}
.slide_up_modal.auto_history_filter .con_box .btn_box {
	padding: 8px 16px;
	display: block;
	border-top: none;
}
.slide_up_modal.auto_history_filter .con_box .btn_box button {
	width: 100%;
	height: 56px;
}

/* 자동입금 설정 바텀시트 */
.slide_up_modal.auto_setting .con_box {
	height: auto;
}
.slide_up_modal.auto_setting .con_box .title {
	display: flex;
	justify-content: space-between;
}
.slide_up_modal.auto_setting .con_box .setting_box {
	padding: 20px 16px 0 16px;
}
.slide_up_modal.auto_setting .con_box .setting_box .toggle_box {
	position: relative;
}
.slide_up_modal.auto_setting .con_box .setting_box .toggle_box label {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 76px;
	height: 42px;
	border-radius: 31px;
	background-color: var(--gray-100);
}
.slide_up_modal.auto_setting .con_box .setting_box .toggle_box label:has(input:checked) {
	background-color: var(--win-purple-600);
}
.slide_up_modal.auto_setting .con_box .setting_box .toggle_box label::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 4px;
	right: auto;
	transform: translateY(-50%);
	display: block;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background-color: var(--white-0);
}
.slide_up_modal.auto_setting .con_box .setting_box .toggle_box label:has(input:checked)::after {
	left: auto;
	right: 4px;
}
.slide_up_modal.auto_setting .con_box .setting_box .toggle_box input {
	display: none;
}
.slide_up_modal.auto_setting .con_box .setting_box .toggle_box > div {
	margin: 0 auto 32px;
	display: flex;
	justify-content: space-between;
	max-width: 269px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	font-weight: 600;
	color: var(--gray-300);
}
.slide_up_modal.auto_setting .con_box .setting_box .toggle_box > div .stop,
.slide_up_modal.auto_setting .con_box .setting_box .toggle_box label:has(input:checked) ~ div > .start {
	color: var(--gray-900);
}
.slide_up_modal.auto_setting .con_box .setting_box .toggle_box label:has(input:checked) ~ div > .stop {
	color: var(--gray-300);
}
.slide_up_modal.auto_setting .con_box .setting_box .input_group {
	margin: 12px 0 28px;
	position: relative;
}
.slide_up_modal.auto_setting .con_box .setting_box .input_group input {
	padding: 0 16px;
	display: block;
	width: 100%;
	height: 56px;
	font-size: 15px;
	font-weight: 600;
	color: var(--gray-900);
	background-color: var(--white-0);
	border-radius: 12px;
	border: 2px solid var(--gray-50);
}
.slide_up_modal.auto_setting .con_box .setting_box .input_group span {
	position: absolute;
	left: 12px;
	top: 0;
	padding: 0 4px;
	transform: translateY(-50%);
	font-size: 12px;
	font-weight: 600;
	color: var(--gray-300);
	background-color: #fff;
}
.slide_up_modal.auto_setting .con_box .setting_box .btn_box {
	padding: 0;
	display: block;
	border-top: none;
}
.slide_up_modal.auto_setting .con_box .setting_box .btn_box button.fill_deep_p {
	margin-bottom: 8px;
	width: 100%;
	height: 56px;
}
.slide_up_modal.auto_setting .con_box .setting_box .btn_box button.cancel_auto_deposit_btn {
	display: block;
	margin: 0 auto;
	padding: 8px 0 16px;
	font-size: 14px;
	font-weight: 600;
	color: var(--gray-400);
}

/* 자동입금 결과 공용 바텀시트 */
.slide_up_modal#auto_deposit_result_bottom_sheet .con_box .scroll_box {
	padding: 13px 16px 24px;
}
.slide_up_modal#auto_deposit_end_bottom_sheet .con_box .top_handlebar .title,
.slide_up_modal#auto_deposit_result_bottom_sheet .con_box .top_handlebar .title {
	justify-content: end;
}
.slide_up_modal#auto_deposit_end_bottom_sheet .con_box .top,
.slide_up_modal#auto_deposit_result_bottom_sheet .con_box .top {
	margin-bottom: 32px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.slide_up_modal#auto_deposit_end_bottom_sheet .con_box .top p,
.slide_up_modal#auto_deposit_result_bottom_sheet .con_box .top p {
	font-size: 20px;
	font-weight: 600;
}
.slide_up_modal#auto_deposit_result_bottom_sheet .con_box .top img {
	margin-bottom: 20px;
	display: block;
	width: 64px;
}
.slide_up_modal#auto_deposit_end_bottom_sheet .con_box .detail,
.slide_up_modal#auto_deposit_result_bottom_sheet .con_box .detail {
	padding: 16px;
	border-radius: 12px;
	border: 2px solid var(--gray-50);
	font-size: 14px;
	font-weight: 600;
}
.slide_up_modal#auto_deposit_result_bottom_sheet .con_box .detail .space_between:last-child {
	align-items: flex-start;
	margin-top: 8px;
}
.slide_up_modal#auto_deposit_end_bottom_sheet .con_box .detail .left,
.slide_up_modal#auto_deposit_result_bottom_sheet .con_box .detail .left {
	color: var(--gray-500);
}
.slide_up_modal#auto_deposit_end_bottom_sheet .con_box .detail .right,
.slide_up_modal#auto_deposit_result_bottom_sheet .con_box .detail .right {
	text-align: right;
}
.slide_up_modal#auto_deposit_end_bottom_sheet .con_box .detail :where(.left, .right) p,
.slide_up_modal#auto_deposit_result_bottom_sheet .con_box .detail :where(.left, .right) p {
	margin-bottom: 8px;
}
.slide_up_modal#auto_deposit_end_bottom_sheet .con_box .detail :where(.left, .right) p:last-child,
.slide_up_modal#auto_deposit_result_bottom_sheet .con_box .detail :where(.left, .right) p:last-child {
	margin-bottom: 0;
}
.slide_up_modal#auto_deposit_end_bottom_sheet .con_box .detail .space_between:last-child .right,
.slide_up_modal#auto_deposit_result_bottom_sheet .con_box .detail .space_between:last-child .right {
	max-width: calc(100% - 72px);
}

/* 자동입금 종료 바텀시트 */
.slide_up_modal#auto_deposit_end_bottom_sheet .con_box .scroll_box {
	padding: 11px 16px 22px;
}
.slide_up_modal#auto_deposit_end_bottom_sheet .con_box .top img {
	margin-bottom: 16px;
	display: block;
	width: 100px;
}
.slide_up_modal#auto_deposit_end_bottom_sheet .con_box .detail .total {
	padding-bottom: 16px;
	border-bottom: 1px solid var(--gray-50);
}
.slide_up_modal#auto_deposit_end_bottom_sheet .con_box .detail .total .left {
	font-size: 16px;
	font-weight: 600;
}
.slide_up_modal#auto_deposit_end_bottom_sheet .con_box .detail .total .right {
	font-size: 18px;
	font-weight: 600;
	color: var(--win-purple-600);
}
.slide_up_modal#auto_deposit_end_bottom_sheet .con_box .detail .space_between:last-child {
	align-items: flex-start;
	padding-top: 16px;
}

/* 바텀시트 기본 top / scroll_box / btn_box 설정 */
.slide_up_modal.bottom_sheet .con_box {
	height: auto;
}
.slide_up_modal.bottom_sheet .con_box .top_handlebar .title p {
	line-height: 1.4;
	font-weight: 600;
	color: var(--gray-900);
}
.slide_up_modal.bottom_sheet .con_box .btn_box {
	padding: 8px 16px;
	width: 100%;
	background: var(--white-0);
	border-top: none;
}
.slide_up_modal.bottom_sheet .con_box .btn_box button {
	width: 100%;
	height: 56px;
	font-weight: 600;
}
.slide_up_modal.bottom_sheet .con_box .btn_box.double button {
	width: 48.5%;
}
.slide_up_modal.bottom_sheet .con_box .scroll_box {
	position: static;
	height: auto;
}

/* 금팔기 발송 정보 입력 안내 / 미입력 접수 취소 바텀시트 */
.slide_up_modal#insert_shipping_info_alert_bottom_sheet .con_box .scroll_box {
	padding: 12px 16px 16px;
}
.slide_up_modal#insert_shipping_info_alert_bottom_sheet .img_box {
	position: relative;
	margin: 0 auto 12px;
	width: 132px;
	height: 132px;
}
.slide_up_modal#sell_gold_receipt_cancel_bottom_sheet .img_box img,
.slide_up_modal#insert_shipping_info_alert_bottom_sheet .img_box img {
	display: block;
	width: 100%;
}
.slide_up_modal#insert_shipping_info_alert_bottom_sheet .img_box span {
	position: absolute;
	top: 57px;
	left: 18px;
	width: 88px;
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	color: #FF566D;
}
.slide_up_modal#sell_gold_receipt_cancel_bottom_sheet h2,
.slide_up_modal#insert_shipping_info_alert_bottom_sheet h2 {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}
.slide_up_modal#sell_gold_receipt_cancel_bottom_sheet .desc,
.slide_up_modal#insert_shipping_info_alert_bottom_sheet .desc {
	margin: 8px 0 24px;
	font-weight: 500;
	text-align: center;
	color: var(--gray-500);
}
.slide_up_modal#insert_shipping_info_alert_bottom_sheet ul li {
	position: relative;
	padding-left: 22px;
	font-weight: 500;
	color: var(--gray-400);
	word-break: break-all;
}
.slide_up_modal#insert_shipping_info_alert_bottom_sheet ul li:first-child {
	margin-bottom: 8px;
}
.slide_up_modal#insert_shipping_info_alert_bottom_sheet ul li:before {
	content: "•";
	position: absolute;
	left: 4px;
	top: 0;
	display: inline-block;
}
.slide_up_modal#sell_gold_receipt_cancel_bottom_sheet .con_box .scroll_box {
	padding: 28px 16px 16px;
}
.slide_up_modal#sell_gold_receipt_cancel_bottom_sheet .img_box {
	margin: 0 auto 28px;
	width: 188px;
	height: 88px;
}
.slide_up_modal#sell_gold_receipt_cancel_bottom_sheet .scroll_box .space_between {
	padding: 16px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 12px;
	border: 2px solid var(--gray-50);
}
.slide_up_modal#sell_gold_receipt_cancel_bottom_sheet .scroll_box .space_between .left {
	color: var(--gray-500);
}
.slide_up_modal#sell_gold_receipt_cancel_bottom_sheet .scroll_box .space_between > div p:first-child {
	margin-bottom: 8px;
}

/* 현물출고란 바텀시트 */
.slide_up_modal#payment_info .scroll_box,
.slide_up_modal#vat_info .scroll_box,
.slide_up_modal#spot_exchange_info .scroll_box {
	padding: 12px 16px 32px;
	word-break: break-all;
}
.slide_up_modal#detail_gram_info .scroll_box > p,
.slide_up_modal#payment_info .scroll_box ul li,
.slide_up_modal#vat_info .scroll_box > p,
.slide_up_modal#spot_exchange_info .scroll_box > p {
	position: relative;
	padding-left: 22px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray-600);
}
.slide_up_modal#detail_gram_info .scroll_box > p::before,
.slide_up_modal#payment_info .scroll_box ul li::before,
.slide_up_modal#vat_info .scroll_box > p::before,
.slide_up_modal#spot_exchange_info .scroll_box > p::before {
	content: "•";
	position: absolute;
	left: 4px;
	top: 0;
	display: inline-block;
}
.slide_up_modal#spot_exchange_info .scroll_box ul li {
	display: flex;
	margin-top: 20px;
	padding: 16px;
	width: 100%;
	height: 92px;
	border-radius: 12px;
	background: var(--white-100);
}
.slide_up_modal#spot_exchange_info .scroll_box ul li .img_box {
	margin-right: 16px;
	width: 60px;
	height: 60px;
	flex-shrink: 0;
}
.slide_up_modal#spot_exchange_info .scroll_box ul li .img_box img {
	display: block;
	width: 100%;
}
.slide_up_modal#spot_exchange_info .scroll_box ul li h2 {
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: 600;
}
.slide_up_modal#spot_exchange_info .scroll_box ul li p {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray-600);
}

/* 부가가치세 안내 바텀시트 */
.slide_up_modal#vat_info .scroll_box > div {
	margin-bottom: 16px;
	height: 46px;
	line-height: 46px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	border-radius: 12px;
	background: var(--white-300);
}

/* 결제 정보 바텀시트 */
.slide_up_modal#payment_info .scroll_box ul li {
	margin-bottom: 12px;
}
.slide_up_modal#payment_info .scroll_box ul li:last-child {
	margin-bottom: 0;
}

/* 그램 수치 바텀시트 */
.slide_up_modal#detail_gram_info .scroll_box {
	padding: 12px 16px 40px;
	word-break: break-all;
}
.slide_up_modal#detail_gram_info .scroll_box > div {
	margin-top: 24px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	border-radius: 12px;
	background: var(--white-300);
	color: var(--win-purple-600);
}

/* 1:1문의 정렬 바텀시트 */
.slide_up_modal#qna_filter .con_box {
	height: 448px;
}
.slide_up_modal#qna_filter .con_box .top_handlebar .title {
	display: flex;
	justify-content: space-between;
}
.slide_up_modal#qna_filter .con_box .filter_box {
	padding: 32px 16px 36px;
}
.slide_up_modal#qna_filter .con_box .filter_box > p {
	margin-bottom: 12px;
}
.slide_up_modal#qna_filter .con_box .filter_box > p:last-of-type {
	padding-top: 28px;
}
.slide_up_modal#qna_filter .con_box .filter_box > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.slide_up_modal#qna_filter .con_box .filter_box > div label {
	margin-bottom: 12px;
	display: block;
	width: calc(33.3% - 5.5px);
	height: 40px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 38px;
	border-radius: 12px;
	background-color: var(--white-100);
	border: 1.5px solid transparent;
}
.slide_up_modal#qna_filter .con_box .filter_box > div label:has(input:checked) {
	background-color: var(--win-purple-50);
	color: var(--win-purple-600);
	border: 1.5px solid var(--win-purple-300);
}
.slide_up_modal#qna_filter .con_box .filter_box > div input {
	display: none;
}
.slide_up_modal#qna_filter .con_box .btn_box {
	padding: 8px 16px;
	display: block;
	border-top: none;
}
.slide_up_modal#qna_filter .con_box .btn_box button {
	width: 100%;
	height: 56px;
}

/* 문의 유형 선택 바텀시트 */
.slide_up_modal#qna_type_bottom_sheet .con_box {
	height: 78vh;
}
.slide_up_modal#qna_event_type_bottom_sheet .con_box .scroll_box,
.slide_up_modal#qna_type_bottom_sheet .con_box .scroll_box {
	height: calc(100% - 70px);
}
.slide_up_modal#qna_type_bottom_sheet .con_box .scroll_box .type_list {
	padding-top: 20px;
}
.slide_up_modal#qna_event_type_bottom_sheet .con_box .scroll_box h3,
.slide_up_modal#qna_type_bottom_sheet .con_box .scroll_box h3 {
	margin-bottom: 8px;
	padding: 0 16px;
	font-size: 18px;
	font-weight: 600;
}
.slide_up_modal#qna_event_type_bottom_sheet .con_box .scroll_box ul,
.slide_up_modal#qna_type_bottom_sheet .con_box .scroll_box ul {
	margin-bottom: 20px;
}
.slide_up_modal#qna_event_type_bottom_sheet .con_box .scroll_box ul li,
.slide_up_modal#qna_type_bottom_sheet .con_box .scroll_box ul li {
	padding: 20px 16px;
	font-weight: 500;
	border-bottom : 1px solid var(--gray-50);
}
.slide_up_modal#qna_event_type_bottom_sheet .con_box .scroll_box ul li:active,
.slide_up_modal#qna_type_bottom_sheet .con_box .scroll_box ul li:active {
	background: var(--gray-50);
}
.slide_up_modal#qna_event_type_bottom_sheet .con_box .scroll_box ul li:last-child,
.slide_up_modal#qna_type_bottom_sheet .con_box .scroll_box ul li:last-child {
	border-bottom: none;
}

/* 이벤트 문의 유형 선택 바텀시트 */
.slide_up_modal#qna_event_type_bottom_sheet .con_box {
	height: auto;
}

/* 현물 바텀시트 */
.slide_up_modal#shopping_bottom_sheet .con_box {
	max-height: 90%;
	height: auto;
	font-weight: 600;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box {
	position: relative;
	padding: 16px 16px 20px;
	height: calc(100% - 100px);
	max-height: calc(90vh - 100px);
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .select_box {
	position: relative;
	margin-bottom: 16px;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .select_box > div {
	padding: 0 16px;
	height: 55px;
	border-radius: 12px;
	border: 2px solid var(--gray-50, #F3F3F3);
	color: var(--gray-500, #868686);
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .select_box.on > div {
	border-radius: 12px 12px 0 0;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .select_box.on > div svg {
	transform: rotate(180deg);
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .select_box .options {
	display: none;
	width: 100%;
	border-radius: 0 0 12px 12px;
	border: 2px solid var(--gray-50, #F3F3F3);
	border-top: 0;
	overflow: hidden;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .select_box.on .options {
	display: block;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .select_box .options > li {
	padding: 0 16px;
	height: 55px;
	color: var(--gray-900, #393939);
	background: var(--white-0, #FFF);
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .select_box .options > li:active {
	background: var(--gray-50, #F3F3F3);
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .selected_option {
	margin-bottom: 20px;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .selected_option.mb_0 {
	margin-bottom: 0;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .selected_option li {
	margin-bottom: 16px;
	padding: 16px;
	height: 110px;
	border-radius: 12px;
	background: var(--white-100, #F8F8F8);
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .selected_option li .top {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .selected_option li .top h3 {
	font-size: 16px;
	font-weight: 600;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .selected_option li .top svg {
	margin-top: -6px;
	margin-right: -6px;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .selected_option li .count {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px;
	width: 100px;
	border-radius: 8px;
	border: 1px solid var(--gray-100, #DDD);
	background: var(--white-0, #FFF);
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .selected_option li .count .quantity {
	font-size: 16px;
	text-align: center;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .selected_option li .price {
	font-size: 18px;
	text-align: right;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .amount {
	padding-top: 20px;
	border-top: 1px solid var(--gray-100, #DDD);
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .amount > div:not(:first-child) {
	margin-top: 16px;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .amount .left {
	color: var(--gray-500, #868686);
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .amount .right {
	text-align: right;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .amount > div > .right {
	font-size: 18px;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .amount .purple {
	color: var(--win-purple-600, #5E34D1);
	font-weight: 700;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .amount .detail_btn {
	display: flex;
	align-items: center;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .amount .detail_btn span {
	margin-right: 6px;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .amount .detail_btn img {
	width: 20px;
	flex-shrink: 0;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .amount.on .detail_btn img {
	transform: rotate(180deg);
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .amount .detail {
	display: none;
	padding: 16px;
	border-radius: 12px;
	background: var(--white-100, #F8F8F8);
	color: var(--gray-700, #5E5E5E);
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .amount.on .detail {
	display: block;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .amount .detail > div .add_option {
	margin-top: 12px;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .amount .detail .details {
	color: var(--gray-400, #9B9B9B);
	font-weight: 500;
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .amount .detail .danger {
	color: var(--alert-red-400, #FF2F2F);
}
.slide_up_modal#shopping_bottom_sheet .con_box .scroll_box .amount .detail .won p:not(:first-of-type) {
	margin-top: 6px;
}
.slide_up_modal#shopping_bottom_sheet .con_box .btn_box {
	display: block;
    padding: 8px 16px;
    border-top: none;
}
.slide_up_modal#shopping_bottom_sheet .con_box .btn_box button {
    width: 100%;
    height: 56px;
    font-weight: 600;
}

/* 윈포인트 가이드 */
.slide_up_modal#winpoint_guide_bottom_sheet .winpoint_guide > div {
	padding: 16px 16px 24px;
}
.slide_up_modal#winpoint_guide_bottom_sheet .winpoint_guide > div::after {
	content: "";
	position: relative;
	left: -16px;
	bottom: -24px;
	display: block;
	width: calc(100% + 32px);
	height: 8px;
	background-color: var(--white-100);
	box-sizing: content-box;
}
.slide_up_modal#winpoint_guide_bottom_sheet .winpoint_guide > div h2 {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 600;
}
.slide_up_modal#winpoint_guide_bottom_sheet .winpoint_guide > div p {
	color: var(--gray-500);
	font-size: 14px;
	font-weight: 500;
}
.slide_up_modal#winpoint_guide_bottom_sheet .winpoint_guide ul {
	padding: 24px 16px;
}
.slide_up_modal#winpoint_guide_bottom_sheet .winpoint_guide ul li {
	position: relative;
	margin-top: 8px;
	padding-left: 20px;
	color: var(--gray-500);
	font-size: 14px;
	font-weight: 500;
	word-break: break-all;
}
.slide_up_modal#winpoint_guide_bottom_sheet .winpoint_guide ul li:first-child {
	margin-top: 0;
}
.slide_up_modal#winpoint_guide_bottom_sheet .winpoint_guide ul li:before {
	content: "•";
	position: absolute;
	left: 6px;
	top: 0;
	display: inline-block;
}

/* OCB 온라인 비밀번호 바텀시트 */
.slide_up_modal#ocb_password_info_bottom_sheet .con_box {
	display: flex;
	flex-direction: column;
	max-height: 90%;
	overflow: hidden;
}
.slide_up_modal#ocb_password_info_bottom_sheet .ocb_password_guide {
	padding: 20px 16px 28px;
	max-height: calc(100% - 58px);
	overflow: auto;
}
.slide_up_modal#ocb_password_info_bottom_sheet .ocb_password_guide > div {
	margin-bottom: 12px;
	padding: 16px;
	border-radius: 12px;
	background: var(--white-100, #F8F8F8);
	color: var(--gray-600, #727272);
	font-size: 13px;
	font-weight: 500;
	word-break: break-all;
}
.slide_up_modal#ocb_password_info_bottom_sheet .ocb_password_guide > div h3 {
	margin-bottom: 4px;
	color: var(--gray-900, #393939);
	font-size: 15px;
	font-weight: 600;
}
.slide_up_modal#ocb_password_info_bottom_sheet .ocb_password_guide > div ol {
	padding-left: 18px;
}
.slide_up_modal#ocb_password_info_bottom_sheet .ocb_password_guide > div ol li {
	list-style: decimal;
}

/* 출금 신청 확인 모달 */
.slide_up_modal#check_withdrawal .con_box {
	height: auto;
}
.slide_up_modal#check_withdrawal .con_box .top_handlebar {
	padding-top: 24px;
}
.slide_up_modal#check_withdrawal .con_box .top_handlebar .gray_btn {
	top: 10px;
}
.slide_up_modal#check_withdrawal .con_box .top_handlebar .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 64px;
	line-height: 26px;
}
.slide_up_modal#check_withdrawal .con_box .scroll_box {
	position: relative;
}
.slide_up_modal#check_withdrawal .con_box .text_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 16px 32px;
	text-align: center;
}
.slide_up_modal#check_withdrawal .con_box .text_box p:first-child {
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
}
.slide_up_modal#check_withdrawal .con_box .high_amount_notice > div,
.slide_up_modal#check_withdrawal .con_box .text_box .deposit_date {
	margin: 16px 0 24px;
	width: 216px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	background: var(--win-purple-50);
	color: var(--win-purple-600);
	font-size: 16px;
	font-weight: 600;
}
.slide_up_modal#check_withdrawal .con_box .high_amount_notice {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 20px;
}
.slide_up_modal#check_withdrawal .con_box .high_amount_notice > div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 145px;
	background: #E9F9EF;
	color: #13893D;
}
.slide_up_modal#check_withdrawal .con_box .high_amount_notice > div::before {
	content: "";
	display: inline-block;
	margin-right: 6px;
	width: 16px;
	height: 16px;
	background: url('../img/ico/icon_high_amount_withdrawal.png') no-repeat right center / 16px 16px;
}
.slide_up_modal#check_withdrawal .con_box .high_amount_notice > div span {
	padding-top: 1px;
}
.slide_up_modal#check_withdrawal .con_box .text_box p:last-child {
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
}
.slide_up_modal#check_withdrawal .con_box .text_box p:last-child span {
	color: var(--win-purple-600);
}
.slide_up_modal#check_withdrawal .con_box .btn_box {
	padding: 16px 16px 8px;
	border-top: none;
}
.slide_up_modal#check_withdrawal .con_box .btn_box button {
	width: 100%;
	height: 56px;
	font-weight: 600;
}

/* 생체 등록 토글 핀번호 바텀시트 */
.slide_up_modal#bio_pin_auth_bottom_sheet {
	z-index: 9;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box {
	height: calc(100dvh - 72px);
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .top_handlebar {
	padding-top: 0;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .top_handlebar .title {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 16px;
	height: 64px;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .scroll_box {
	height: calc(100% - 64px);
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .scroll_box > div:first-child {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 16px;
	min-height: calc(100dvh - 544px);
	text-align: center;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .scroll_box > div:first-child > div {
	width: 100%;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .text_box {
	position: relative;
	padding: 0;
	margin-bottom: 100px;
	text-align: center;
	font-size: 20px;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .text_box span {
	font-weight: 600;
	line-height: 28px;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .text_box .message {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	font-size: 15px;
	font-weight: 500;
	color: var(--gray-600);
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .text_box .message.purple {
	color: var(--win-purple-600);
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .text_box .message.error {
	color: #E52222;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .text_box .message.error span {
	font-weight: 400;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .text_box .shake {
	animation: shakeX .9s 1;
}
@keyframes shakeX {
	0%,to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-3px,0,0);
		transform: translate3d(-3px,0,0)
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(3px,0,0);
		transform: translate3d(3px,0,0)
	}
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .pin_box {
	display: flex;
	align-items: center;
	justify-content: center;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .pin_box span {
	width: 12px;
	height: 12px;
	margin-right: 21px;
	border-radius: 50%;
	background: #D9D9D9;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .pin_box span:last-child {
	margin-right: 0;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .pin_box span.on {
	background: var(--win-purple-600);
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .keypad {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding-bottom: 16px;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .keypad button {
	width: 33.3333%;
	height: 82px;
	color: var(--gray-900);
	font-size: 24px;
	font-weight: 500;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .keypad button span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: var(--white-0);
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .keypad button:active span{
	background-color: var(--white-200);
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .keypad button.cancel {
	color: var(--gray-400);
	font-size: 15px;
	font-weight: 600;
	cursor: none;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .keypad button.cancel span {
	cursor: pointer;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .keypad button.delete .delete_img {
	display: block;
	margin-right: 2px;
	width: 42px;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .find_password {
	padding: 22px 0;
	text-align: center;
}
.slide_up_modal#bio_pin_auth_bottom_sheet .con_box .find_password button {
	position: relative;
	display: inline-block;
	line-height: 20px;
	color: var(--gray-500);
	font-size: 14px;
	font-weight: 500;
	text-decoration: underline;
	text-decoration-color: var(--gray-500);
	text-underline-offset: 3px;
}

/* 알림 설정 안내 바텀시트 */
.slide_up_modal#push_alert_info_bottom_sheet .con_box {
	height: 70vh;
}
.slide_up_modal#push_alert_info_bottom_sheet .con_box .top_handlebar {
	padding-top: 24px;
}
.slide_up_modal#push_alert_info_bottom_sheet .con_box .top_handlebar .gray_btn {
	top: 10px;
}
.slide_up_modal#push_alert_info_bottom_sheet .con_box .top_handlebar .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 16px;
	height: 64px;
	line-height: 26px;
	color: var(--gray-900);
}
.slide_up_modal#push_alert_info_bottom_sheet .con_box .top_handlebar .title p {
	font-weight: 600;
	line-height: 26px;
	color: var(--gray-900);
}
.slide_up_modal#push_alert_info_bottom_sheet .scroll_box {
	padding: 0 16px;
	height: calc(100% - 88px);
	word-break: break-all;
}
.slide_up_modal#push_alert_info_bottom_sheet .scroll_box > div {
	padding: 20px 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 24px;
	color: var(--gray-500);
}
.slide_up_modal#push_alert_info_bottom_sheet .scroll_box > div:first-child {
	padding-top: 12px;
}
.slide_up_modal#push_alert_info_bottom_sheet .scroll_box > div:not(:last-child) {
	border-bottom: 1px solid var(--gray-50);
}
.slide_up_modal#push_alert_info_bottom_sheet .scroll_box > div:last-child {
	padding-bottom: 32px;
}
.slide_up_modal#push_alert_info_bottom_sheet .scroll_box > div > h3 {
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: var(--gray-900);
}
.slide_up_modal#push_alert_info_bottom_sheet .scroll_box > div > ul li {
	position: relative;
	margin-top: 12px;
	padding-left: 16px;
	color: var(--gray-800);
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
}
.slide_up_modal#push_alert_info_bottom_sheet .scroll_box > div > ul li::before {
	content: "•";
	position: absolute;
	left: 4px;
	top: 0;
	display: inline-block;
}
.slide_up_modal#push_alert_info_bottom_sheet .scroll_box > div > dl {
	margin-top: 12px;
	padding: 12px;
	border-radius: 12px;
	background: var(--white-100);
}
.slide_up_modal#push_alert_info_bottom_sheet .scroll_box > div > dl dt {
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	color: var(--gray-900);
}
.slide_up_modal#push_alert_info_bottom_sheet .scroll_box > div > dl dd {
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
}

/* 금거래 지수 바텀시트 */
.slide_up_modal#gold_metrics_bottom_sheet .con_box {
	display: flex;
	flex-direction: column;
	max-height: 78vh;
	height: auto;
}
.slide_up_modal#gold_metrics_bottom_sheet .con_box .top_handlebar {
	flex: 0 0 auto;
	padding-top: 24px;
}
.slide_up_modal#gold_metrics_bottom_sheet .con_box .top_handlebar .gray_btn {
	top: 10px;
}
.slide_up_modal#gold_metrics_bottom_sheet .con_box .top_handlebar .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 16px;
	height: 64px;
	line-height: 26px;
	color: var(--gray-900);
}
.slide_up_modal#gold_metrics_bottom_sheet .con_box .top_handlebar .title p {
	font-weight: 600;
	line-height: 26px;
	color: var(--gray-900);
}
.slide_up_modal#gold_metrics_bottom_sheet .scroll_box {
	flex: 1 1 auto;
	position: relative;
	padding: 16px 16px 96px;
	height: calc(100% - 168px);
}
.slide_up_modal#gold_metrics_bottom_sheet .status_box {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.slide_up_modal#gold_metrics_bottom_sheet .status_box .img_box {
	margin-bottom: 8px;
	position: relative;
	width: 232px;
	height: 136px;
}
.slide_up_modal#gold_metrics_bottom_sheet .status_box .img_box img {
	display: block;
	width: 100%;
}
.slide_up_modal#gold_metrics_bottom_sheet .status_box .img_box .score {
	position: absolute;
	top: 82px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
}
.slide_up_modal#gold_metrics_bottom_sheet .status_box .status_text {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}
.slide_up_modal#gold_metrics_bottom_sheet .status_box .status_text br {
	display: none;
}
.slide_up_modal#gold_metrics_bottom_sheet .status_box.calm .img_box .score,
.slide_up_modal#gold_metrics_bottom_sheet .status_box.calm .status_text span {
	color: #027CDF;
}
.slide_up_modal#gold_metrics_bottom_sheet .status_box.normal .img_box .score,
.slide_up_modal#gold_metrics_bottom_sheet .status_box.normal .status_text span {
	color: #00C928;
}
.slide_up_modal#gold_metrics_bottom_sheet .status_box.active .img_box .score,
.slide_up_modal#gold_metrics_bottom_sheet .status_box.active .status_text span {
	color: #FF9913;
}
.slide_up_modal#gold_metrics_bottom_sheet .status_box.hot .img_box .score,
.slide_up_modal#gold_metrics_bottom_sheet .status_box.hot .status_text span {
	color: #E52222;
}
.slide_up_modal#gold_metrics_bottom_sheet .check_points {
	margin: 24px 0 12px;
	padding: 20px 16px;
	border-radius: 12px;
	background: var(--white-100, #F8F8F8);
}
.slide_up_modal#gold_metrics_bottom_sheet .check_points h4 {
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: center;
}
.slide_up_modal#gold_metrics_bottom_sheet .check_points ul li {
	position: relative;
	margin-bottom: 8px;
	padding-left: 20px;
	color: var(--gray-500);
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	word-break: break-all;
}
.slide_up_modal#gold_metrics_bottom_sheet .check_points ul li:last-child {
	margin-bottom: 0;
}
.slide_up_modal#gold_metrics_bottom_sheet .check_points ul li:before {
	content: "•";
	position: absolute;
	left: 6px;
	top: 0;
	display: inline-block;
}
.slide_up_modal#gold_metrics_bottom_sheet .scroll_box .desc {
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	color: var(--gray-200, #C6C6C6);
	word-break: break-all;
}
.slide_up_modal#gold_metrics_bottom_sheet .con_box .btn_box {
	position: absolute;
	bottom: 0;
	display: block;
	padding: 16px 16px 8px;
	width: 100%;
	max-width: 768px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -5.21%, #FFF 14.34%);
	border-top: none;
}
.slide_up_modal#gold_metrics_bottom_sheet .con_box .btn_box button {
	width: 100%;
	height: 56px;
	font-weight: 600;
}
.slide_up_modal#gold_metrics_bottom_sheet .con_box .btn_box .tooltip {
	display: none;
	position: absolute;
	z-index: 100;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
}
.slide_up_modal#gold_metrics_bottom_sheet .con_box .btn_box .tooltip > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	min-width: 64px;
	width: max-content;
	background: #322F3C;
	color: var(--white-0);
	border-radius: 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}
.slide_up_modal#gold_metrics_bottom_sheet .con_box .btn_box .tooltip > div p {
	padding: 0 2px;
}
.slide_up_modal#gold_metrics_bottom_sheet .con_box .btn_box .tooltip > div p span {
	color: var(--win-yellow-500);
	font-weight: 500;
}
.slide_up_modal#gold_metrics_bottom_sheet .con_box .btn_box .tooltip > div .close_button {
	margin-left: 6px;
	padding: 2px;
}
.slide_up_modal#gold_metrics_bottom_sheet .con_box .btn_box .tooltip img {
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: rotate(180deg) translateX(50%);
	display: block;
	width: 14px;
}

/* 간편인증 가이드 바텀시트 */
.slide_up_modal.auth_guide .con_box {
	bottom: 0;
	padding: 0;
	max-width: 768px;
	height: 70vh;
	overflow: hidden;
	border-radius: 28px 28px 0px 0px;
}
.slide_up_modal.auth_guide#private_cert_guide .con_box {
	height: auto;
}
.slide_up_modal.auth_guide .con_box .top_handlebar {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	max-width: 768px;
	padding-top: 24px;
}
.slide_up_modal.auth_guide .con_box .top_handlebar .gray_btn {
	width: 48px;
	height: 4px;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	background: #D9D9D9;
	border-radius: 100px;
}
.slide_up_modal.auth_guide .con_box .top_handlebar .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 16px;
	height: 64px;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	border: none;
}
.slide_up_modal.auth_guide .con_box .tab-contents .swiper-pagination {
	position: relative;
	top: 0;
	bottom: auto;
	margin-top: 6px;
	padding: 0 16px;
	width: 100%;
	height: 46px;
	text-align: left;
	opacity: 1;
	border-bottom: 1px solid var(--gray-50);
}
.slide_up_modal.auth_guide .con_box .tab-contents .swiper-pagination .swiper-pagination-bullet {
	position: relative;
	margin: 0;
	width: 99px;
	height: 46px;
	background: none;
	border-radius: 0;
	opacity: 1;
}
.slide_up_modal.auth_guide .con_box .tab-contents .swiper-pagination .swiper-pagination-bullet:last-child {
	width: 95px;
}
.slide_up_modal.auth_guide .con_box .tab-contents .swiper-pagination .swiper-pagination-bullet span {
	display: block;
	width: 100%;
	line-height: 46px;
	text-align: center;
	font-size: 18px;
	color: var(--gray-500);
	font-weight: 600;
}
.slide_up_modal.auth_guide .con_box .tab-contents .swiper-pagination .swiper-pagination-bullet-active span {
	color: var(--gray-900);
}
.slide_up_modal.auth_guide .con_box .tab-contents .swiper-pagination .swiper-pagination-bullet-active::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: var(--gray-900);
}
.slide_up_modal.auth_guide .con_box .tab-contents .scroll_box {
	flex: 1 1 auto;
	position: relative;
	padding: 0;
	max-width: none;
	height: calc(100% - 136px);
	overflow-y: visible;
}
.slide_up_modal.auth_guide .con_box .tab-contents .swiper-slide {
	padding: 24px 16px;
	color: var(--gray-500);
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	overflow-y: auto;
}
.slide_up_modal.auth_guide .con_box .tab-contents .swiper-slide .tab-content > .line {
	display: block;
	margin: 24px 0;
	width: 100%;
	height: 1px;
	background: var(--gray-50);
}
.slide_up_modal.auth_guide .con_box .tab-contents .swiper-slide h2 {
	margin-bottom: 8px;
	color: var(--gray-900);
	font-size: 15px;
	font-weight: 600;
	line-height: 22px;
}
.slide_up_modal.auth_guide .con_box .tab-contents .swiper-slide ul li {
	position: relative;
	padding-left: 11px;
}
.slide_up_modal.auth_guide .con_box .tab-contents .swiper-slide ul li:not(:last-child) {
	margin-bottom: 6px;
}
.slide_up_modal.auth_guide .con_box .tab-contents .swiper-slide ul li::before {
	content: "•";
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
}
.slide_up_modal.auth_guide .con_box .tab-contents .swiper-slide ol {
	padding-left: 16px;
}
.slide_up_modal.auth_guide .con_box .tab-contents .swiper-slide ol li {
	list-style: decimal;
}
.slide_up_modal.auth_guide .con_box .tab-contents .swiper-slide ol li:not(:last-child) {
	margin-bottom: 6px;
}
.slide_up_modal.auth_guide .con_box .tab-contents .swiper-slide .desc {
	margin-top: 6px;
}

/* 오늘의 운세 시간 바텀시트 */
.slide_up_modal#birth_time_bottom_sheet .con_box {
	bottom: 0;
	padding: 0;
	max-width: 768px;
	height: auto;
	overflow: hidden;
	border-radius: 28px 28px 0px 0px;
}
.slide_up_modal#birth_time_bottom_sheet .con_box .top_handlebar {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	max-width: 768px;
	padding-top: 24px;
}
.slide_up_modal#birth_time_bottom_sheet .con_box .top_handlebar .gray_btn {
	width: 48px;
	height: 4px;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	background: #D9D9D9;
	border-radius: 100px;
}
.slide_up_modal#birth_time_bottom_sheet .con_box .top_handlebar .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 16px;
	height: 64px;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	border: none;
}
.slide_up_modal#birth_time_bottom_sheet .con_box .scroll_box {
	position: relative;
}
.slide_up_modal#birth_time_bottom_sheet .con_box .scroll_box ul {
	padding-bottom: 24px;
}
.slide_up_modal#birth_time_bottom_sheet .con_box .scroll_box ul li {
	position: relative;
	padding: 8px 18px 8px 40px;
}
.slide_up_modal#birth_time_bottom_sheet .con_box .scroll_box ul li::before {
	content: "•";
	position: absolute;
	left: 22px;
	top: 0;
	display: inline-block;
	padding: 8px 0;
}
.slide_up_modal#birth_time_bottom_sheet .con_box .scroll_box ul li:active {
	background: var(--white-100);
}

/* 제목, 텍스트, 버튼으로 구성된 modal (ex. 친구 추천 쿠폰 발급 modal[class="issuance_recommend_coupon")] */
#modal_wrap .subject_desc_btn_modal {
	width: calc(100% - 86px);
}
#modal_wrap .subject_desc_btn_modal .text_box {
	padding: 50px 15px 40px;
	text-align: center;
}
#modal_wrap .subject_desc_btn_modal .text_box .subject {
	margin-bottom: 20px;
	line-height: 1.3;
	font-weight: 700;
	font-size: 20px;
	color: #6c06c4;
}
#modal_wrap .subject_desc_btn_modal .text_box .text {
	font-weight: 500;
	color: #646464;
}
#modal_wrap .subject_desc_btn_modal .text_box .desc {
	line-height: 1.3;
	font-size: 12px;
	color: #646464;
}
#modal_wrap .subject_desc_btn_modal .text_box .desc span {
	font-weight: 700;
	color: #6c06c4;
}
#modal_wrap .subject_desc_btn_modal .text_box .explanation {
	margin-top: 30px;
	padding: 0 11px;
}
#modal_wrap .subject_desc_btn_modal .text_box .explanation li {
	margin-bottom: 8px;
	line-height: 1.3;
	padding-left: 5px;
	text-align: left;
	font-size: 12px;
	color: #7d7d7d;
}
#modal_wrap.payment_information .subject_desc_btn_modal .text_box .explanation li {
	margin-bottom: 4px;
}
#modal_wrap .subject_desc_btn_modal .text_box .explanation li::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	margin: 0 5px 3px -9px;
	background: #6c06c4;
	border-radius: 50%;
}
#modal_wrap .subject_desc_btn_modal .gray_rectangle_text {
	width: 100%;
	padding: 20px;
	margin-top: 20px;
	background-color: #f5f5f5;
	border-radius: 12px;
}
#modal_wrap .subject_desc_btn_modal .gray_rectangle_text p {
	line-height: 1.3;
	font-weight: 700;
	font-size: 14px;
	color: #646464;
	word-break: break-all;
}
#modal_wrap .subject_desc_btn_modal .btn_box {
	padding: 0 40px 35px;
}
#modal_wrap .subject_desc_btn_modal .btn_box a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 45px;
	font-size: 14px;
	font-weight: 500;
}

/* 친구 추천 이벤트 설명 */
#modal_wrap.recommendation_code_info .explanation_modal .info_box .subject,
#modal_wrap.using_recommendation_code .explanation_modal .info_box .subject {
	text-decoration: none;
	line-height: 1.3;
}

/* 로그아웃 */
#modal_wrap.logout_confirm .text_box {
	font-weight: 700;
}
#modal_wrap.logout_confirm .btn_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#modal_wrap.logout_confirm .btn_box input {
	width: 46%;
}

/* finnq reward */
#modal_wrap.finnq_reward {
	/*opacity: 1;*/
	/*visibility: visible;*/
	display: none;
}
#modal_wrap.finnq_reward > div {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#modal_wrap.finnq_reward .lottie {
	position: relative;
}
#modal_wrap.finnq_reward .lottie img {
	position: absolute;
	top: 120px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 120px;
	height: 90px;
}
#modal_wrap.finnq_reward p {
	position: relative;
	top: -41px;
	width: 100%;
	color: var(--white-0);
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.18px;
}
#modal_wrap.finnq_reward p span {
	color: var(--win-purple-300);
}
#modal_wrap.finnq_reward button {
	width: 120px;
	height: 48px;
	padding: 16px 20px;
	border-radius: 12px;
	color: var(--white-0);
	background: var(--win-purple-600);
}
@keyframes fadein {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

/* new */
#common_public_modal,
#new_modal_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	z-index: 10;
	position: fixed;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100vw;
	max-width: 768px;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	background: rgba(0, 0, 0, 0.5);
}
#common_public_modal .modal_box,
#new_modal_wrap .modal_box {
	position: relative;
	padding: 20px;
	width: 320px;
	border-radius: 12px;
	background: #fff;
	line-height: 1.4;
}
#common_public_modal .modal_box .space_between,
#new_modal_wrap .modal_box .space_between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#common_public_modal .modal_box button.close,
#new_modal_wrap .modal_box button.close {
	position: absolute;
	right: 20px;
	z-index: 4;
}
#common_public_modal .modal_box .text_box h4,
#new_modal_wrap .modal_box .text_box h4 {
	padding: 22px 0 8px;
	color: var(--gray-900);
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	word-break: break-all;
}
#common_public_modal .modal_box .text_box p,
#new_modal_wrap .modal_box .text_box p {
	padding-bottom: 20px;
	color: var(--gray-500);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	word-break: break-all;
}
#common_public_modal .modal_box .text_box p strong,
#new_modal_wrap .modal_box .text_box p strong {
	font-weight: 700;
}
#common_public_modal .modal_box .text_box p .purple,
#new_modal_wrap .modal_box .text_box p .purple {
	color: var(--win-purple-600, #5E34D1);
	font-weight: 700;
}
#new_modal_wrap .modal_box img.points {
	display: block;
	margin: auto;
	padding: 14px 0 35px;
	width: 120px;
}
#new_modal_wrap .modal_box .amount {
	margin-bottom: 20px;
	padding: 16px;
	border-radius: 12px;
	background: var(--white-100);
}
#new_modal_wrap .modal_box .amount .left p {
	color: var(--gray-300);
}
#new_modal_wrap .modal_box .amount .right p {
	text-align: right;
	color: var(--gray-900);
}
#new_modal_wrap .modal_box .amount .right .total {
	color: var(--alert-red-400);
	font-size: 18px;
	font-weight: 700;
}
#new_modal_wrap .modal_box .amount div > div > p {
	margin-top: 8px;
	padding-bottom: 0;
	font-weight: 600;
}
#new_modal_wrap .modal_box .amount div > div > p:first-child {
	margin-top: 0;
}
#new_modal_wrap .modal_box .amount > div:first-child {
	position: relative;
	padding-bottom: 32px;
}
#new_modal_wrap .modal_box .amount > div:first-child::after {
	content: '';
	position: absolute;
	left: -16px;
	bottom: 16px;
	display: block;
	width: calc(100% + 32px);
	height: 1px;
	background-color: var(--gray-100);
}
#common_public_modal .modal_box .btn_box input,
#new_modal_wrap .modal_box .btn_box input {
	width: 100%;
	height: 48px;
	line-height: 48px;
	font-size: 15px;
	font-weight: 600;
}
#common_public_modal .modal_box .btn_box.double input,
#new_modal_wrap .modal_box .btn_box.double input {
	width: 48%;
}
#common_public_modal .modal_box .text_box h4,
#new_modal_wrap.use_woori_account_alert .text_box h4,
#new_modal_wrap.close_complete .modal_box .text_box h4 {
	padding: 0 0 8px;
}
#common_public_modal.only_title .modal_box .text_box h4,
#new_modal_wrap.only_title .modal_box .text_box h4 {
	padding: 0 0 20px;
}

/* finnq 리워드 수령 모달 */
#new_modal_wrap.give_point .modal_box .text_box p {
	padding-bottom: 0;
}

/* 판매 취소 모달 */
#new_modal_wrap.sales_cancel .text_box p {
	padding-bottom: 12px;
}
#new_modal_wrap.sales_cancel .text_box .calc {
	margin-bottom: 20px;
	height: 48px;
	line-height: 48px;
	color: var(--gray-600);
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	border-radius: 12px;
	background: var(--white-100);
}

/* 판매 제품 상태 모달 */
#new_modal_wrap.sales_status .text_box h4 {
	padding: 4px 0 10px;
}
#new_modal_wrap.sales_status .modal_box .text_box p {
	margin-bottom: 16px;
	padding-bottom: 0;
}
#new_modal_wrap.sales_status .modal_box .text_box p span {
	font-weight: 700;
}
#new_modal_wrap.sales_status .timer {
	display: flex;
	margin-bottom: 6px;
	align-items: flex-start;
	justify-content: right;
	font-size: 13px;
	font-weight: 600;
}
#new_modal_wrap.sales_status .timer p {
	margin-left: 4px;
	color: var(--alert-red-400);
}
#new_modal_wrap.withdrawal_cancel .amount,
#new_modal_wrap.sales_status .amount {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
	height: 90px;
	border-radius: 12px;
	background: var(--white-100);
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}
#new_modal_wrap.withdrawal_cancel .amount p:last-child,
#new_modal_wrap.sales_status .amount p:last-child {
	font-size: 18px;
	font-weight: 700;
}
#new_modal_wrap.sales_price_diff .no_modal,
#new_modal_wrap.sales_status .no_modal {
	position: relative;
	margin: 12px auto 0;
	display: block;
	color: var(--gray-500);
	font-size: 14px;
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 2px;
}
#new_modal_wrap.sales_status .btn_box {
	margin-top: 20px;
}

/* 출금 취소 모달 */
#new_modal_wrap.withdrawal_cancel .modal_box .text_box h4 {
	padding-bottom: 0;
}
#new_modal_wrap.withdrawal_cancel .modal_box .amount {
	margin: 16px 0 20px;
	color: var(--gray-900);
}

/* 판매 제품 차액 모달 */
#new_modal_wrap.sales_price_diff .modal_box .text_box h4 {
	padding: 0 0 8px 0;
}
#new_modal_wrap.sales_price_diff .modal_box .amount > div:first-child {
	padding-bottom: 0;
}
#new_modal_wrap.sales_price_diff .modal_box .amount > div:first-child::after {
	content: none;
}
#new_modal_wrap.sales_price_diff .modal_box .amount > div:not(:last-child) {
	margin-bottom: 8px;
}
#new_modal_wrap.sales_price_diff .modal_box .amount > div p {
	font-size: 14px;
	font-weight: 600;
}
#new_modal_wrap.sales_price_diff .modal_box .amount .left {
	color: var(--gray-300, #B0B0B0);
	flex-shrink: 0;
}
#new_modal_wrap.sales_price_diff .modal_box .amount .right {
	text-align: right;
}
#new_modal_wrap.sales_price_diff .no_modal {
	margin-top: 20px;
}

/* 회원가입 */
#new_modal_wrap.unable_rejoin .modal_box .text_box h4,
#new_modal_wrap.have_account .modal_box .text_box h4 {
	padding-bottom: 20px;
}
#new_modal_wrap.recommend_friend .modal_box .text_box h4 {
	color: var(--win-purple-600);
}
#new_modal_wrap.recommend_friend .modal_box .text_box p {
	padding-bottom: 18px;
	color: var(--gray-800);
	font-weight: 600;
}
#new_modal_wrap.recommend_friend .modal_box .text_box ul li {
	margin-bottom: 10px;
	padding: 10px 7px 10px 12px;
	border-radius: 12px;
	background: var(--white-100);
	font-size: 11px;
}
#new_modal_wrap.recommend_friend .modal_box .text_box ul li:last-child {
	margin-bottom: 4px;
}
#new_modal_wrap.recommend_friend .modal_box .text_box ul li span {
	color: var(--win-purple-600);
	font-weight: 700;
}
#new_modal_wrap.recommend_friend .modal_box .text_box .desc {
	padding-bottom: 12px;
	color: var(--gray-300);
	font-size: 10px;
	font-weight: 500;
}

/* 룰렛 포인트 당첨 */
#new_modal_wrap.roulette_win_point .lottie {
	position: relative;
	padding-top: calc(216.426 / 100 * 100%);
	width: 100%;
	height: 0;
	overflow: hidden;
}
#new_modal_wrap.roulette_win_point .lottie #win_point_ani {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	height: 100%;
}
#new_modal_wrap.roulette_win_point .modal_box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#new_modal_wrap.roulette_win_point .modal_box .text_box h4 {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 13px 0 16px;
	font-size: 20px;
	font-weight: 600;
}
#new_modal_wrap.roulette_win_point .modal_box .text_box h4 img {
	display: block;
	width: 30px;
}
#new_modal_wrap.roulette_win_point .modal_box .amount {
	padding: 24px;
}
#new_modal_wrap.roulette_win_point .modal_box .amount p {
	color: var(--gray-900);
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
#new_modal_wrap.roulette_win_point .modal_box .amount .point {
	margin-top: 8px;
	font-size: 24px;
	font-weight: 700;
}

/* 출석체크 포인트 모달 */
#new_modal_wrap.attendance_point_modal .attendance_point {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#new_modal_wrap.attendance_point_modal .attendance_point .img_box {
	width: 80px;
	height: 80px;
}
#new_modal_wrap.attendance_point_modal .attendance_point .img_box img {
	display: block;
	width: 100%;
}
#new_modal_wrap.attendance_point_modal .attendance_point > p {
	margin: 8px 0 4px;
	line-height: 1.4;
	font-size: 32px;
	font-weight: 700;
	color: var(--white-0);
}
#new_modal_wrap.attendance_point_modal .attendance_point .day {
	padding: 0 12px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	font-weight: 600;
	color: var(--white-0);
	border-radius: 14px;
	background: #FF7B2E;
}

/* 오늘의 금시세 알림 켜기 모달 */
#new_modal_wrap.price_alert_setting_modal .text_box > label {
	display: flex;
	align-items: center;
	padding: 0 0 20px 24px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	background: url('../img/checkbox_fill_sm_off.png') no-repeat 0 2px / 16px;
	color: var(--gray-500, #868686);
}
#new_modal_wrap.price_alert_setting_modal .text_box > label:has(input:checked) {
	background: url('../img/checkbox_fill_sm_on.png') no-repeat 0 2px / 16px;
}
#new_modal_wrap.price_alert_setting_modal .text_box > label input {
	display: none;
}

/* ai 이미지 분석 모달 */
.ai_img_analysis_modal {
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	z-index: 10;
	position: fixed;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 100vw;
	max-width: 768px;
	height: 100vh;
	height: calc(var(--vh, 1vh)* 100);
	background: rgba(0, 0, 0, 0.5);
}
.ai_img_analysis_modal .modal_box {
	position: relative;
	padding: 20px 20px 24px;
	width: 260px;
	border-radius: 12px;
	background: var(--white-0);
	line-height: 1.4;
}
.ai_img_analysis_modal .lottie {
	position: relative;
	margin-bottom: 4px;
}
.ai_img_analysis_modal .lottie .ai_ani {
	margin: 0 auto;
	width: 120px;
	height: 120px;
}
.ai_img_analysis_modal .lottie .ai_img {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 60px;
	height: 60px;
}
.ai_img_analysis_modal .text_box p {
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: var(--gray-900);
	word-break: break-all;
}
.ai_img_analysis_modal .text_box p:first-child {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 4px;
}
.ai_img_analysis_modal .text_box p img {
	display: inline-block;
	margin-right: 3px;
	width: 18px;
	height: 18px;
}

/* full */
#full_modal_wrap {
	opacity: 0;
	visibility: hidden;
	z-index: 10;
	position: fixed;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 100vw;
	height: 100%;
	max-width: 768px;
	min-height: 100vh;
	overflow: scroll;
	background: var(--white-100);
}
#full_modal_wrap .top_header {
	position: sticky;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	background: #fff;
	width: 100%;
}
#full_modal_wrap .top_header .close {
	display: block;
	position: absolute;
	z-index: 9;
	left: auto;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	padding: 0;
	width: 24px;
	height: 24px;
}
#full_modal_wrap .top_header h2 {
	font-weight: 600;
	font-size: 14px;
	color: var(--gray-900);
}

/* 윈골드 금팔기 이용약관*/
#full_modal_wrap.terms_box .terms {
	height: calc(100vh - 56px);
	padding: 16px 0 72px 16px;
	background: var(--white-100);
}
#full_modal_wrap.terms_box .scroll_box {
	margin-bottom: 12px;
	height: 100%;
	overflow-y: scroll;
}
#full_modal_wrap.terms_box .scroll_box::-webkit-scrollbar {
	display: block;
	width: 16px;
	height: 35%;
	box-sizing: content-box;
	touch-action: none;
}
#full_modal_wrap.terms_box .scroll_box::-webkit-scrollbar-thumb {
	border-width: 0 6px 0 6px;
	border-style: solid;
	border-color: var(--white-100);
	border-radius: 7px;
	background-color: var(--gray-200);
}
#full_modal_wrap.terms_box .scroll_box::-webkit-scrollbar-button {
	display: none;
}
#full_modal_wrap.terms_box .terms_con {
	padding: 16px;
	min-height: 99%;
	background: var(--white-0);
	box-shadow: inset rgba(0, 0, 0, 0.1) 0px 0px 3px;
	color: var(--gray-700);
	font-size: 12px;
	font-weight: 500;
	word-break: initial;
}
#full_modal_wrap.terms_box .terms_con .title {
	margin: 4px 0 20px;
	color: #000;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	word-break: keep-all;
}
#full_modal_wrap.terms_box .terms_con dl dt {
	font-weight: 700;
}
#full_modal_wrap.use .terms_con dl dd,
#full_modal_wrap.terms_box .terms_con dl,
#full_modal_wrap.terms_box .terms_con ol li {
	margin-bottom: 16px;
}
#full_modal_wrap.use .terms_con dl dd > ol,
#full_modal_wrap.terms_box .terms_con dl dd ol li > ol,
#full_modal_wrap.simple_auth_terms .terms_con dl dd > ol {
	margin-top: 16px;
	padding-left: 6px;
}
#full_modal_wrap.terms_box .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%);
}
#full_modal_wrap.terms_box .btn_box button {
	width: 100%;
	height: 56px;
	font-weight: 600;
}
#full_modal_wrap.privacy_term .terms_con dl dd,
#full_modal_wrap.service_term .terms_con dl dd,
#full_modal_wrap.simple_auth_terms .terms_con p.text,
#full_modal_wrap.simple_auth_terms .terms_con dl dd {
	margin-bottom: 16px;
}
#full_modal_wrap.service_term .terms_con dl dd ol.box {
	margin-top: 16px;
	padding-left: 6px;
}
#full_modal_wrap.privacy_term .terms_con p.text,
#full_modal_wrap.simple_auth_terms .terms_con p.text {
	margin-bottom: 16px;
}
#full_modal_wrap.privacy_term .terms_con table,
#full_modal_wrap.simple_auth_terms .terms_con table {
	width: 100%;
	margin: 5px 0 10px;
}
#full_modal_wrap.privacy_term .terms_con table caption {
	margin: 10px 0 2px;
	color: var(--gray-700);
	text-align: left;
	font-size: 12px;
	font-weight: 700;
}
#full_modal_wrap.privacy_term .terms_con table thead tr,
#full_modal_wrap.simple_auth_terms .terms_con table thead tr {
	text-align: center;
	background: var(--white-200);
}
#full_modal_wrap.privacy_term .terms_con table td,
#full_modal_wrap.simple_auth_terms .terms_con table td {
	padding: 4px;
	color: var(--gray-700);
	font-size: 12px;
	font-weight: 500;
	word-break: break-all;
}
#full_modal_wrap.privacy_term .terms_con dl:where(:first-of-type, :nth-of-type(9)) dd ol.box {
	margin-top: 16px;
}
#full_modal_wrap.sharing_terms .terms_con dl dt {
	font-weight: 500;
}
#full_modal_wrap.fortune_terms .terms_con {
	line-height: 16px;
	color: var(--gray-500);
}
#full_modal_wrap.fortune_terms .terms_con ul li {
	position: relative;
	margin-bottom: 0;
	padding-left: 18px;
}
#full_modal_wrap.fortune_terms .terms_con ul li::before {
	content: "•";
	position: absolute;
	left: 6px;
	top: 0;
	display: inline-block;
}

/* 회원가입 완료 */
#full_modal_wrap.sign_up_complete {
	display: none;
}
#full_modal_wrap.sign_up_complete .con {
	min-height: 100vh;
	background: var(--white-0);
}
#full_modal_wrap.sign_up_complete .con > div:first-child {
	min-height: calc(100vh - 72px);
}
#full_modal_wrap.sign_up_complete .con .text_box {
	padding: 64px 32px 56px;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}
#full_modal_wrap.sign_up_complete .con .text_box h2 {
	margin-bottom: 10px;
	font-size: 28px;
	font-weight: 400;
	line-height: 38px;
}
#full_modal_wrap.sign_up_complete .con .text_box h2 span {
	font-weight: 600;
}
#full_modal_wrap.sign_up_complete .con img.coupon {
	display: block;
	width: 240px;
	margin: 0 auto;
}
#full_modal_wrap.sign_up_complete .con .btn_box {
	position: relative;
	padding: 8px 16px;
}
#full_modal_wrap.sign_up_complete .con .btn_box button {
	width: 100%;
	height: 56px;
	font-weight: 600;
}
#full_modal_wrap.sign_up_complete .con .btn_box button:active {
	background-color: #4A17B0;
}

/* video_player */
#full_modal_wrap.video_player .con {
	min-height: calc(100vh - 56px);
	background: var(--white-0);
}
#full_modal_wrap.video_player .con .video_box:after {
	margin: 0;
	width: calc(100% + 32px);
}
#full_modal_wrap.video_player .con .video_box:before {
	content: none;
}
#full_modal_wrap.video_player .con .video_box .video_frame {
	width: 100%;
	aspect-ratio: 4/3;
}
#full_modal_wrap.video_player .con .video_box .video_frame iframe {
	border-width: 0;
}
#full_modal_wrap.video_player .con .video_box .video_info {
	padding: 20px 16px;
	font-size: 20px;
	font-weight: 600;
}
#full_modal_wrap.video_player .con .video_box .video_info p:last-child {
	margin-top: 2px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray-600);
}
#full_modal_wrap.video_player .con .scroll_box {
	height: calc(100vh - 423.594px);
	overflow-y: scroll;
}
#full_modal_wrap.video_player .con .video_list {
	padding: 0 16px;
}
#full_modal_wrap.video_player .con .video_list h5 {
	padding: 28px 0 20px;
	font-size: 16px;
	font-weight: 600;
}
#full_modal_wrap.video_player .con .video_list > div .desc p.playing {
	color: var(--win-purple-600);
}

/* === 2.0 리뉴얼 바텀시트 적용 === */
.bottom-sheet {
	position: fixed;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 10;
	visibility: hidden;
	width: 100vw;
	max-width: 768px;
	min-width: 320px;
	height: 100vh;
}
.bottom-sheet .bg {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: opacity 0.3s;
}
.bottom-sheet .con-box {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 768px;
	height: auto;
	max-height: 70vh;
	border-radius: 28px 28px 0 0;
	background: #FFF;
	transition: bottom 0.3s, height 0.3s ease;
}
.bottom-sheet .con-box .handlebar {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 24px;
	flex-shrink: 0;
}
.bottom-sheet .con-box .gray-btn {
	width: 48px;
	height: 4px;
	border-radius: 100px;
	background: #DDD;
}
.bottom-sheet .con-box .title {
	padding: 0 16px;
	height: 64px;
	flex-shrink: 0;
}
.bottom-sheet .con-box .scroll-box {
	margin: 16px 16px 16px;
	flex: 1;
	overflow-y: auto;
}
.bottom-sheet .con-box:has(.btn-box) .scroll-box {
	margin: 16px 16px 64px;
	padding-bottom: 32px;
}
.bottom-sheet .con-box .btn-box {
	margin-top: -80px;
	padding: 16px 16px 8px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -5.21%, #FFF 14.34%);
}

/* 가상 계좌 발급 바텀시트 */
#virtual_account_issued_bottom_sheet .con-box .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
}
#virtual_account_issued_bottom_sheet .scroll-box {
	padding-top: 4px;
	margin-top: 0;
	padding-bottom: 36px;
}
#virtual_account_issued_bottom_sheet .virtual_account_info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 12px;
	background: var(--white-100);
	color: var(--gray-600);
	padding: 16px;
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
}
#virtual_account_issued_bottom_sheet .virtual_account_info > div p {
	margin-top: 8px;
}
#virtual_account_issued_bottom_sheet .virtual_account_info > div p:first-child {
	margin-top: 0;
}
#virtual_account_issued_bottom_sheet .virtual_account_info .right {
	font-weight: 500;
	text-align: right;
	color: var(--gray-900);
}
#virtual_account_issued_bottom_sheet .virtual_account_info .right p:last-child {
	color: var(--win-purple-600);
}
#virtual_account_issued_bottom_sheet ul li {
	position: relative;
	margin-top: 12px;
	padding-left: 21px;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	color: var(--gray-500);
	list-style: disc;
}
#virtual_account_issued_bottom_sheet ul li::before {
	content: "•";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 21px;
	text-align: center;
}
#virtual_account_issued_bottom_sheet .con-box .btn-box {
	padding: 16px 16px 8px;
}
#virtual_account_issued_bottom_sheet .con-box .btn-box button {
	width: 100%;
	height: 56px;
	font-weight: 600;
}


/* 출금 금액 입력 바텀시트 */
#withdrawal_input_bottom_sheet .con-box {
    height: auto;
    max-height: 90%;
}
#withdrawal_input_bottom_sheet .con-box .title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}
#withdrawal_input_bottom_sheet .con-box .title button {
    position: absolute;
    right: 16px;
}
#withdrawal_input_bottom_sheet .con-box .scroll-box {
    margin: 16px 0 72px;
    padding-bottom: 0;
}
#withdrawal_input_bottom_sheet .con-box .top {
    padding: 40px 16px 0;
}
#withdrawal_input_bottom_sheet .con-box .top .input_price {
    position: relative;
    width: 100%;
}
#withdrawal_input_bottom_sheet .con-box .top .input_price .cursor::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-110px);
    display: block;
    width: 4px;
    height: 38px;
    background-color: #9F90FF;
    opacity: 1;
    animation: cursor 1s ease-in-out infinite;
}
@-webkit-keyframes cursor {
    0% {opacity: 1;}
    40% {opacity: 1;}
    60% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes cursor {
    0% {opacity: 1;}
    40% {opacity: 1;}
    60% {opacity: 0;}
    100% {opacity: 0;}
}
#withdrawal_input_bottom_sheet .con-box .top input {
    display: block;
    width: 100%;
    border: none;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
    color: var(--gray-900);
}
#withdrawal_input_bottom_sheet .con-box .top input::placeholder {
    color: var(--gray-200);
}
#withdrawal_input_bottom_sheet .con-box .top .status_area {
    position: relative;
    padding-bottom: 96px;
}
#withdrawal_input_bottom_sheet .con-box .top .status_area > * {
    position: absolute;
    bottom: 12px;
    width: 100%;
}
#withdrawal_input_bottom_sheet .con-box .top .status_area .high_amount_notice {
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 20px;
    border-radius: 8px;
    background: #E9F9EF;
}
#withdrawal_input_bottom_sheet .con-box .top .status_area .high_amount_notice span {
    position: relative;
    padding-left: 20px;
    color: #13893D;
}
#withdrawal_input_bottom_sheet .con-box .top .status_area .high_amount_notice span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../img/ico/icon_high_amount_withdrawal.png') no-repeat right center / 16px 16px;
}
#withdrawal_input_bottom_sheet .con-box .min_amount {
    margin-bottom: 12px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--gray-500);
}
#withdrawal_input_bottom_sheet .con-box .min_amount span {
    color: var(--gray-900);
}
#withdrawal_input_bottom_sheet .con-box .keypad {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
#withdrawal_input_bottom_sheet .con-box .keypad button {
    width: 33.3333%;
    height: 64px;
    font-size: 24px;
    font-weight: 500;
    color: var(--gray-900);
}
#withdrawal_input_bottom_sheet .con-box .keypad button.cancel {
    color: var(--gray-500);
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}
#withdrawal_input_bottom_sheet .con-box .keypad button span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--white-0);
}
#withdrawal_input_bottom_sheet .con-box .keypad button:active span{
    background-color: var(--white-200);
}
#withdrawal_input_bottom_sheet .con-box .keypad button.delete img {
    display: block;
    margin-right: 2px;
    width: 42px;
}
#withdrawal_input_bottom_sheet .con-box .btn-box {
    margin-top: -72px;
    padding: 8px 16px;
}
#withdrawal_input_bottom_sheet .con-box .btn-box button {
    width: 100%;
    height: 56px;
    font-weight: 600;
}

#high_amount_withdrawal_info .con-box .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}
#high_amount_withdrawal_info .con-box .scroll-box {
    margin-bottom: 32px;
}
#high_amount_withdrawal_info .con-box .scroll-box h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
#high_amount_withdrawal_info .con-box .scroll-box ul li {
    position: relative;
    margin-top: 12px;
    padding-left: 21px;
}
#high_amount_withdrawal_info .con-box .scroll-box ul li::before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 21px;
    text-align: center;
}

@media (min-width: 768px) {
	.slide_up_modal#main_event .con_box .swiper-slide a {
		border-radius: 52px 52px 0 0;
	}
}
@media (max-width: 324px) {
	.slide_up_modal#gold_metrics_bottom_sheet .status_box .status_text br {
		display: block;
	}
}
@media (max-width: 320px) {
	/* 설명 모달 공통 (ex. 윈포인트 설명, 출석체크/친구추천 이벤트 설명 등) */
	#modal_wrap .explanation_modal {
		width: calc(100% - 26px);
	}
	#modal_wrap .explanation_modal .info_box .subject {
		margin-bottom: 21px;
		font-size: 18px;
	}
	#modal_wrap .explanation_modal .info_box .desc {
		margin-bottom: 10px;
		font-size: 12px;
	}
	#modal_wrap .explanation_modal .info_box .explanation {
		margin-top: 20px;
	}
	#modal_wrap .explanation_modal .info_box .explanation li {
		font-size: 11px;
	}
	#modal_wrap .explanation_modal .info_box .explanation li::before {
		content: '';
		display: inline-block;
		width: 4px;
		height: 4px;
		margin: 0 5px 3px -9px;
		background: #646464;
		border-radius: 50%;
	}

	/* 포인트 뽑기 결과(출석체크) */
	#modal_wrap.point_draw .modal_box {
		width: calc(100% - 26px);
	}

	/* slide up modal */
	.slide_up_modal .con_box .title p {
		line-height: 60px;
		font-size: 16px;
	}
	.slide_up_modal .con_box .btn_box {
		padding: 20px 0 40px;
		border-top: 2px dashed #e6e6e6;
	}

	/* 제목, 텍스트, 버튼으로 구성된 modal (ex. 친구 추천 쿠폰 발급 modal[class="issuance_recommend_coupon")] */
	#modal_wrap .subject_desc_btn_modal {
		width: calc(100% - 26px);
	}
	#modal_wrap .subject_desc_btn_modal .btn_box {
		padding: 0 30px 35px;
	}
}
@media (max-width: 280px) {
	/* 제목, 텍스트, 버튼으로 구성된 modal (ex. 친구 추천 쿠폰 발급 modal[class="issuance_recommend_coupon")] */
	#modal_wrap .subject_desc_btn_modal .text_box {
		padding-bottom: 30px;
	}
	#modal_wrap .subject_desc_btn_modal .text_box .desc {
		font-size: 11px;
	}
	#modal_wrap .subject_desc_btn_modal .btn_box a {
		height: 42px;
	}
}
@media (max-height: 690px) {
	.slide_up_modal#ocb_new_member_bottom_sheet .con_box .btn {
		margin-top: 32px;
	}
}

/* key frame*/
@keyframes bounce {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 0.7;
		transform: scale(0.9);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
.custom_modal {
	z-index: 99 !important;
}