@charset "utf-8";

input::placeholder {
	color: #aaa !important;
}

.sub_wrap {
	min-height: 100vh;
	width: 100vw;
	display: flex;
	flex-direction: column;
}

.common_btn {
	display: block;
	margin-top: auto;
	background-color: #7242ff;
	color: #fff;
	font-size: calc(100vw * (16/375));
	font-weight: 700;
	padding: calc(100vw * (20/375));
	border-radius: calc(100vw * (30/375));
	text-align: center;
	width: 100%;
}

.password_modal {
	z-index: 99;
	transform: translateY(100%);
	transition: 0.5s ease-in-out;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
}

.password_modal .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.password_modal .title {
	color: #292929;
	font-size: calc(100vw * (20/375));
	margin-top: calc(100vw * (130/375));
	text-align: center;
	font-weight: 400;
}

.password_modal .title .bold {
	font-weight: 700;
}

.password_modal .dot_group {
	height: calc(100vw * (14/375));
	display: flex;
	gap: calc(100vw * (15/375));
	align-items: center;
	justify-content: center;
	margin-top: calc(100vw * (87/375));
}

.password_modal .dot_group .dot {
	width: calc(100vw * (12/375));
	height: calc(100vw * (12/375));
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	background-color: #f2f2f2;
	transition: 0.5s;
}

.password_modal .dot_group .dot.active {
	background-color: #7242ff;
	border: none;
}

.password_modal .num_pad {
	background-color: #fff;
	margin-top: auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 0;
	column-gap: 0;
	padding: calc(100vw * (28/375)) 0 calc(100vw * (30/375));
	border-radius: 25px 25px 0 0;
	justify-items: center;
	font-size: calc(100vw * (24/375));
	font-weight: 500;
}

.password_modal .num_pad .pad {
	height: calc(100vw * (60/375));
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.password_modal .num_pad .pad_A img {
	width: calc(100vw * (23/375));
}

.password_modal .num_pad .pad_B img {
	width: calc(100vw * (26/375));
}

.com_modal_up {
	z-index: 99;
	transform: translateY(100%);
	position: fixed;
	transition: 0.5s ease-in-out;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
}

.com_modal_up .bg {
	z-index: 2;
	display: none;
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 200%;
	background-color: rgba(0, 0, 0, 0.5);
	/* display: none; */
}

.com_modal_up .com_modal_xbtn {
	z-index: 2;
	width: calc(100vw * (13/375));
	height: calc(100vw * (13/375));
	position: absolute;
	top: calc(100vw * (20/375));
	right: calc(100vw * (22/375));
}

.com_modal_up .com_modal_box {
	z-index: 3;
	margin-top: auto;
	background-color: #fff;
	width: 100%;
	border-radius: calc(100vw * (20/375)) calc(100vw * (20/375)) 0 0;
	padding: calc(100vw * (25/375)) calc(100vw * (20/375));
}

.com_modal_up .com_modal_box .com_modal_title {
	color: #111;
	font-size: calc(100vw * (18/375));
	font-weight: 600;
	margin-bottom: calc(100vw * (15/375));
}

.com_modal_up .com_modal_box .com_modal_tit {
	font-size: calc(100vw * (16/375));
	font-weight: 400;
	color: #111;
}

.pw_xbtn {
	width: calc(100vw * (26/375));
	position: absolute;
	top: calc(100vw * (15/375));
	right: calc(100vw * (15/375));
	z-index: 9999;
}
/* signup */
.signup_wrap {
	padding: calc(100vw * (20/375)) calc(100vw * (25/375)) calc(100vw * (40/375));
    min-height: calc(100vh - (100vw * (60/375)));
}

.signup_wrap .title {
	font-size: calc(100vw * (20/375));
	color: #151515;
	font-weight: 700;
}

.signup_wrap .check_group {
	margin-top: calc(100vw * (70/375));
	margin-left: calc(100vw * (5/375));
}

.signup_wrap .check_group .all_check {
	display: flex;
	gap: calc(100vw * (13/375));
	font-size: calc(100vw * (18/375));
	color: #151515;
	font-weight: 700;
}

.signup_wrap .check_group .check_row_group {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (30/375));
	margin-top: calc(100vw * (30/375));
}

.signup_wrap .check_group .chkrow {
	display: flex;
	gap: calc(100vw * (13/375));
	align-items: center;
	font-size: calc(100vw * (16/375));
	font-weight: 400;
	color: #151515;
}

.signup_wrap .check_group .chk_lab {
	display: flex;
	align-items: center;
}

.signup_wrap .allchk[type="checkbox"] {
	/* top: 2px;
	 */
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;
	 border-radius: 50%;
	 cursor: pointer;
	 height: calc(100vw * (24/375));
	 width: calc(100vw * (24/375));
	 background-image: url(../image/sub/allchk_no.svg);
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: 100% 100%;
}
 .signup_wrap .allchk[type="checkbox"]:checked {
	 background-image: url(../image/sub/allchk_yes.png);
}
 .signup_wrap .r_check[type="checkbox"] {
	/* top: 2px;
	 */
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;
	 border-radius: 50%;
	 cursor: pointer;
	 height: calc(100vw * (24/375));
	 width: calc(100vw * (24/375));
	 background-image: url(../image/sub/chk_no.svg);
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: 60%;
}
 .signup_wrap .r_check[type="checkbox"]:checked {
	 background-image: url(../image/sub/chk_yes.png);
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: 60%;
}
a.more {
    margin-left: auto;
}
.signup_wrap .check_row_group .chkrow {
    width: 100%;
}

.signup_wrap .chk_lab {
    width: 100%;
}

.signup_wrap .check_group .chkrow {
    gap: 0;
}

.signup_wrap .check_row_group input {
    margin-right: calc(100vw * (13/375));
}
.signup_wrap .tit_txt {
	margin: calc(100vw * (30/375)) 0 calc(100vw * (10/375));
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	color: #999;
}

.signup_wrap .e_ment {
	font-size: calc(100vw * (12/375));
	font-weight: 500;
	color: #9F9F9F;
	margin-top: calc(100vw * (10/375));
	line-height: 1em;
}
.signup_wrap .join_input input {
	width: 100%;
    height: calc(100vw * (60/375));
    padding: 0 calc(100vw * (15/375));
    font-size: calc(100vw * (16/375));
    border-radius: calc(100vw * (16/375));
	background: #F6F7F8;
}
.signup_wrap .join_input input:read-only {
	color: #999;
}
.signup_btn.unable {
	background-color: #d6d6d6;
}

.signup_btn {
	border-radius: calc(100vw * (45/375));
	background-color: #6631fb;
	color: #fff;
	padding: calc(100vw * (22/375));
	text-align: center;
	margin-top: auto;
	font-size: calc(100vw * (15/375));
	font-weight: 700;
	display: block;
	width: 100%;
}

.signup_btn.cancle {
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
	min-width: calc(100vw * (115/375));
	flex-grow: unset !important;
}

.join02_group {
	margin-top: calc(100vw * (45/375));
}

.sign_group {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (7/375));
	margin-bottom: calc(100vw * (18/375));
}

.sign_group .input_tit {
	margin-left: calc(100vw * (15/375));
	color: #515151;
	font-size: calc(100vw * (12/375));
	font-weight: 400;
}

.sign_group .signup_input {
	width: 100%;
	margin-top: calc(100vw * (7/375));
	padding: calc(100vw * (20/375)) calc(100vw * (15/375));
	background-color: transparent;
	border: 1px solid #000;
	border-radius: calc(100vw * (16/375));
	font-weight: 700;
	font-size: calc(100vw * (16/375));
}

.sign_group .signup_input.done {
	background-color: #f9f9f9;
	color: #a1a1a1;
	border: none;
}

.signup_wrap .sign_group.account,
.signup_wrap .sign_group.id,
.signup_wrap .sign_group.emailcode,
.signup_wrap .sign_group.recommend {
	display: none;
}

.signup_wrap .sub_title {
	font-size: calc(100vw * (14/375));
	color: #000;
	font-weight: 400;
	margin-top: calc(100vw * (22/375));
}

.join_ok_group {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (10/375));
	margin-top: calc(100vw * (50/375));
}

.join_ok_group .join_ok {
	background-color: #F9F6FF;
	border-radius: calc(100vw * (20/375));
	padding: calc(100vw * (25/375)) calc(100vw * (30/375));
	display: flex;
	align-items: center;
	gap: calc(100vw * (24/375));
}

.join_ok_group .join_ok_tit {
	color: #000;
	font-size: calc(100vw * (14/375));
	font-weight: 600;
	margin-bottom: calc(100vw * (7/375));
}

.join_ok_group .join_ok_subtit {
	color: #9f9f9f;
	font-size: calc(100vw * (13/375));
	font-weight: 400;
}

.join_ok_group .join_img {
	width: calc(100vw * (30/375));
}

.join_notice {
    margin-top: calc(100vw * (30/375));
    color: #000;
    font-size: calc(100vw * (15/375));
    font-weight: 500;
    display: flex;
    flex-direction: column;
    gap: calc(100vw * (15/375));
	
    .jn_txt span {
        color: #4a4a4a;
        font-size: calc(100vw * (13/375));
        font-weight: 400;
        word-break: keep-all;
    }
}

.join_modal_img {
	margin: calc(100vw * (30/375)) auto;
	width: calc(100vw * (145/375));
}

.join_modal_txt {
	color: #999;
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	word-break: keep-all;
}

.modal_btn_group {
	display: flex;
	gap: calc(100vw * (7/375));
	margin-top: calc(100vw * (15/375));
}

.modal_btn_group .signup_btn {
	flex: 1;
}

.verify_input_row {
	display: flex;
	gap: calc(100vw * (10/375));
	align-items: center;
	justify-content: center;
}

.verify_input_row .input_verify {
	width: calc(100vw * (65/375));
	height: calc(100vw * (65/375));
	border-color: #376af5;
	display: flex;
	text-align: center;
	font-size: calc(100vw * (24/375));
	font-weight: 800;
	color: #000;
}

.sign_group .account_input_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(100vw * (14/375)) calc(100vw * (15/375));
}

.sign_group .account_input_row .bank_img {
	width: calc(100vw * (30/375));
}

.account_input_row.done input {
	background-color: transparent;
}

.sign_group.verify {
	display: none;
}

.join03_modal .com_modal_title {
	line-height: calc(100vw * (36/375));
}

.join04_modal .com_modal_box {
	width: 100%;
	height: 100%;
	overflow: auto;
}

.join04_modal .com_modal_title {
	margin-top: calc(100vw * (40/375));
	line-height: 1.5em;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.join04_modal .modal_later {
	color: #565656;
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	text-decoration: underline;
	display: flex;
	gap: calc(100vw * (3/375));
}

.join04_modal .modal_bank_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: calc(100vw * (13/375));
	padding: 0 calc(100vw * (11/375));
}

.join04_modal .modal_bank_grid .bank_icon {
	padding: calc(100vw * (12/375));
	border-radius: calc(100vw * (20/375));
	background-color: #f9f9f9;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(100vw * (6/375));
	color: #858585;
	font-size: calc(100vw * (14/375));
	font-weight: 400;
}

.join04_modal .modal_bank_grid .bank_img {
	width: calc(100vw * (45/375));
}

.join_ok_box {
	height: 70vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #262626;
	font-size: calc(100vw * (22/375));
	font-weight: 500;
	line-height: calc(100vw * (32/375));
	font-weight: 500;
}

.join_ok_box .join_big_txt {
	font-weight: 700;
}

.join_ok_box .join_big_txt span {
	color: #376af5;
}

.join_ok_box .join_ok_img {
	width: calc(100vw * (46/375));
	margin-bottom: calc(100vw * (22/375));
}

.signup_btn_group {
	display: flex;
	margin-top: auto;
	gap: calc(100vw * (7/375));
}

.signup_btn_group .signup_btn {
	flex: 1;
}
/* END signup */

/* login */
.login_wrap {
    min-height: calc(100vh - (100vw * (60/375)));
	padding: 0 calc(100vw * (20/375)) calc(100vw * (45/375));
	background-image: url(../image/sub/login_bg.png);
	background-size: 100%;
	background-position: bottom;
	background-repeat: no-repeat;
}

.login_wrap .logo {
	width: calc(100vw * (60/375));
	margin: calc(100vw * (50/375)) 0 calc(100vw * (60/375));
}

.login_title {
	color: #000;
	font-size: calc(100vw * (18/375));
	font-weight: 600;
	margin-bottom: calc(100vw * (10/375));
}

.login_wrap .input_group {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (20/375));
	margin-top: calc(100vw * (30/375));
}

.login_wrap .login_input {
	border-radius: calc(100vw * (16/375));
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
	padding: calc(100vw * (20/375));
	display: flex;
	align-items: center;
	gap: calc(100vw * (16/375));
}

.login_wrap .login_input input {
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	line-height: calc(100vw * (17/375));
	flex: 1;
}

.login_wrap .com_input::placeholder {
	color: #bebebe;
}

.login_wrap .link_group {
	display: flex;
	margin-top: calc(100vw * (16/375));
	align-items: center;
	justify-content: space-between;
	color: #999;
	font-size: calc(100vw * (15/375));
	font-weight: 400;
	line-height: calc(100vw * (20/375));
}

.login_wrap .com_btn {
	border-radius: calc(100vw * (16/375));
	padding: calc(100vw * (22/375));
	background-color: #7242ff;
	color: #fff;
	font-size: calc(100vw * (15/375));
	font-weight: 700;
	text-align: center;
	margin-top: calc(100vw * (35/375));
}

.login_wrap .remember {
	display: flex;
	align-items: center;
	gap: calc(100vw * (8/375));
}

.login_wrap .join_link {
	display: flex;
	gap: calc(100vw * (5/375));
	align-items: center;
	justify-content: center;
	margin-top: calc(100vw * (110/375));
}

.login_wrap input[type="checkbox"] {
	/* top: 2px;
	 */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: calc(100vw * (6/375));
	cursor: pointer;
	height: calc(100vw * (24/375));
	min-width: calc(100vw * (24/375));
	background: url(../image/sub/login_no.svg);
}

.login_wrap input[type="checkbox"]:checked {
	background: url(../image/sub/login_yes.svg);
}

.login_wrap input[type="checkbox"]:checked::after {
	display: block;
}

.login_wrap .join_link {
	color: #cfcfcf;
	font-weight: 400;
	font-size: calc(100vw * (14/375));
}

.login_wrap .join_link a {
	color: #6631fb;
}

/* END login */

/* point_now */
.blue_link {
	padding: calc(100vw * (11/375));
	border-radius: 50%;
	margin-left: auto;
	background-color: #fff;
	width: calc(100vw * (46/375));
	height: calc(100vw * (46/375));
}

.point_now_wrap {
	background-color: #f4f3f9;
}

.point_now_wrap .sub_inner {
	padding: calc(100vw * (20/375));
	display: flex;
	flex-direction: column;
}

.point_now_wrap .charge_btn_group {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (20/375));
	margin-top: calc(100vw * (20/375));
}

.point_now_wrap .charge_btn {
	background-color: #fff;
	border-radius: calc(100vw * (16/375));
	font-size: calc(100vw * (20/375));
	font-weight: 700;
	color: #151515;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(100vw * (20/375)) calc(100vw * (25/375));
}

.pn_tit {
	margin-top: calc(100vw * (50/375));
	font-size: calc(100vw * (16/375));
	color: #4e697f;
	font-weight: 500;
}

.pn_type_group {
	display: flex;
	align-items: center;
	gap: calc(100vw * (8/375));
	font-size: calc(100vw * (12/375));
	font-weight: 500;
	color: #9774ff;
	margin-top: calc(100vw * (40/375));
}

.pn_txt_group img {
	width: calc(100vw * (74/375));
}

.pn_type {
	padding: calc(100vw * (4/375)) calc(100vw * (8/375));
	border-radius: calc(100vw * (8/375));
	background-color: #f5f2fe;
}

.point_now_wrap .charge_btn .charge_img {
	width: calc(100vw * (7/375));
}

.charge_modal .charge_modal_subtit {
	color: #111;
	font-size: calc(100vw * (16/375));
	font-weight: 400;
}

.charge_modal .charge_modal_subtit span {
	color: #999;
	font-size: calc(100vw * (12/375));
	font-weight: 400;
	margin-left: calc(100vw * (10/375));
}

.charge_modal .charge_select_grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(100vw * (13/375));
	margin-top: calc(100vw * (24/375));
}

.charge_modal .charge_select_grid .charge_num {
	padding: calc(100vw * (17/375));
	color: #292929;
	font-size: calc(100vw * (15/375));
	font-weight: 400;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: calc(100vw * (3/375));
	border-radius: calc(100vw * (16/375));
	background-color: #f9f9f9;
}

.charge_modal .charge_select_grid .charge_num .inter {
	font-weight: 600;
}

.charge_modal .charge_select_grid .charge_num.active {
	color: #fff;
	background-color: #6631fb;
}

.charge_modal .charge_select_grid .charge_num.active .spartan {
	color: #fff;
}

.charge_modal .charge_modal_txt {
	text-align: center;
	font-size: calc(100vw * (14/375));
	color: #999;
	font-weight: 400;
	margin-top: calc(100vw * (30/375));
	padding-bottom: calc(100vw * (15/375));
}

.fff_bg {
	background-color: #f4f3f9;
}

.charge_point {
	font-size: calc(100vw * (11/375));
	font-weight: 400;
}

.charge_point span {
	font-size: calc(100vw * (14/375));
	font-weight: 600;
}

.charge_num.active .charge_krw {
	color: #fff;
}

.charge_krw {
	font-size: calc(100vw * (11/375));
	color: #999;
	font-weight: 400;
}

/* END point_now */
/* point_list */
.point_list_wrap .point_list_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: calc(100vw * (20/375)) calc(100vw * (30/375));
	padding: calc(100vw * (35/375)) calc(100vw * (30/375)) calc(100vw * (37/375)) calc(100vw * (24/375));
	background: linear-gradient(93deg, #6631fb, #ffb580);
	background-size: 150% 150%;
	border-radius: calc(100vw * (16/375));
	animation: MoveGrad 5s linear infinite;
}

.point_list_wrap .point_list_top .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../image/sub/list_bg.png);
	background-size: 100%;
}

.point_list_wrap .sml_txt {
	color: rgba(255, 255, 255, 0.5);
	font-size: calc(100vw * (16/375));
	font-weight: 500;
	margin-bottom: calc(100vw * (12/375));
}

.point_list_wrap .md_txt {
	color: #fff;
	font-size: calc(100vw * (24/375));
	font-weight: 600;
}

.point_list_wrap .md_txt .inter {
	font-weight: 600;
	margin-right: calc(100vw * (3/375));
}

.point_list_wrap .history_switch {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 calc(100vw * (30/375));
	padding: calc(100vw * (8/375));
	background-color: #f7f7f8;
	border-radius: calc(100vw * (16/375));
}

.point_list_wrap .history_switch .switch_btn {
	width: calc(100vw * (150/375));
	box-sizing: border-box;
	font-size: calc(100vw * (16/375));
	color: #999;
	font-weight: 600;
	padding: calc(100vw * (9/375)) 0;
	text-align: center;
}

.point_list_wrap .history_switch .switch_btn.active {
	background-color: #fff;
	border-radius: calc(100vw * (11/375));
}

.point_list_wrap .history_total {
	padding: calc(100vw * (12/375)) calc(100vw * (20/375));
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #f7f7f7;
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	color: #151515;
}

.point_list_wrap .total_filter {
	display: flex;
	align-items: center;
	gap: calc(100vw * (5/375));
}

.point_history_group {
	padding: calc(100vw * (35/375)) calc(100vw * (20/375)) calc(100vw * (20/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (20/375));
}

.point_history_group .point_history_list {
	display: flex;
	align-items: center;
	padding: calc(100vw * (10/375)) 0;
}

.point_history_group .history_img {
	width: calc(100vw * (45/375));
	min-width: calc(100vw * (45/375));
}

.point_history_group .history_txt {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (5/375));
	justify-content: center;
	color: #151515;
	font-size: calc(100vw * (15/375));
	font-weight: 500;
	margin-left: calc(100vw * (14/375));
}

.point_history_group .history_txt .sml_history {
	color: #999;
	font-weight: 400;
	font-size: calc(100vw * (13/375));
}

.point_history_group .history_num {
	margin-left: auto;
	text-align: right;
	color: #151515;
	font-size: calc(100vw * (14/375));
	font-weight: 500;
}

.point_history_group .history_num .md_num {
	font-size: calc(100vw * (15/375));
	font-weight: 700;
}
.point_history_group .history_num .md_num.cancel {
	text-decoration: line-through;
    color: #bbbbbb;
}
.point_history_group .history_num .sml_num {
	margin-top: calc(100vw * (6/375));
	color: #9f9f9f;
	font-size: calc(100vw * (13/375));
	font-weight: 400;
}

.history_modal .history_modal .history_modal_sml {
	margin-top: calc(100vw * (35/375));
	color: #999;
	font-size: calc(100vw * (12/375));
	font-weight: 400;
}

.history_modal .history_modal_md {
	margin-top: calc(100vw * (16/375));
	color: #3f3f43;
	font-size: calc(100vw * (24/375));
	font-weight: 600;
}

.history_modal .history_modal_md .spartan {
	font-weight: 700;
}

.history_modal .section_line {
	width: 100vw;
	left: calc(100vw * (-20/375));
	margin-top: calc(100vw * (20/375));
}

.history_modal .history_detail {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (20/375));
	padding: calc(100vw * (20/375)) 0 calc(100vw * (50/375));
}

.history_modal .detail_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: calc(100vw * (15/375));
	font-weight: 500;
	padding-bottom: calc(100vw * (16/375));
	border-bottom: 1px solid #eee;
}

.history_modal .detail_row .detail_left {
	color: #999;
	font-weight: 400;
}

.filter_modal .filter_select {
	display: flex;
	align-items: center;
	gap: calc(100vw * (10/375));
	margin-bottom: calc(100vw * (20/375));
}

.filter_modal .filter_btn {
	flex: 1;
	text-align: center;
	padding: calc(100vw * (20/375));
	background-color: #f9f9f9;
	border-radius: calc(100vw * (20/375));
	font-weight: 600;
}

.filter_modal .filter_btn.active {
	background-color: #7242ff;
	color: #fff;
}

.gray_line {
	width: 100%;
	height: 1px;
	background-color: #e9e9e9;
}

.history_modal .history_img {
	width: calc(100vw * (59/375));
}

.history_modal .com_modal_box {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.history_modal .common_btn {
	width: 100%;
}

.history_modal_sml {
	margin-top: calc(100vw * (10/375));
	margin-bottom: calc(100vw * (24/375));
	color: #292929;
	font-size: calc(100vw * (18/375));
	font-weight: 700;
}
.history_modal_padd {
	padding: calc(100vw * (30/375));
	border-radius: calc(100vw * (16/375));
	background-color: #f4f3f9;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(100vw * (10/375));
}
.history_modal_padd .inter {
	font-size: calc(100vw * (25/375));
	font-weight: 500;
}

.history_modal_padd .inter span {
	font-weight: 700;
}
/* END point_list */
/* gift */
.gift_wrap .sub_inner {
	flex: 1;
	/* background-color: #f9f9f9; */
	padding: calc(100vw * (20/375)) calc(100vw * (20/375)) calc(100vw * (110/375)) !important;
	display: flex;
	flex-direction: column;
}

.gift_wrap .gift_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #000;
	font-size: calc(100vw * (22/375));
	font-weight: 700;
	line-height: calc(100vw * (32/375));
}

.gift_wrap .gift_title .title_img {
	width: calc(100vw * (120/375));
}

.gift_wrap .sub_gift_btn {
	background-color: #fff;
	border-radius: calc(100vw * (20/375));
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0px 4px 14px 0px rgba(49, 78, 158, 0.08);
	padding: calc(100vw * (30/375));
	margin-bottom: calc(100vw * (20/375));
}

.gift_wrap .sub_gift_btn .gift_img {
	width: calc(100vw * (32/375));
}

.gift_wrap .sub_gift_btn .gift_md_txt {
	color: #000;
	font-size: calc(100vw * (19/375));
	font-weight: 600;
}

.gift_wrap .sub_gift_btn .gift_sml_txt {
	margin-top: calc(100vw * (8/375));
	color: #9f9f9f;
	font-size: calc(100vw * (14/375));
	font-weight: 400;
}

.gift_wrap .point_list_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(100vw * (37/375)) calc(100vw * (30/375)) calc(100vw * (37/375)) calc(100vw * (24/375));
	margin: calc(100vw * (20/375)) calc(100vw * (20/375));
	background: linear-gradient(93deg, #6631FB, #FFB580);
	border-radius: calc(100vw * (16/375));
}

.gift_wrap .sml_txt {
	color: rgba(255, 255, 255, 0.5);
	font-size: calc(100vw * (16/375));
	font-weight: 500;
	margin-bottom: calc(100vw * (12/375));
}

.gift_wrap .md_txt {
	color: #fff;
	font-size: calc(100vw * (24/375));
	font-weight: 600;
}

.gift_wrap .md_txt .spartan {
	font-weight: 700;
	margin-right: calc(100vw * (3/375));
}

.gift_wrap .g_input_title {
	color: #999;
	font-size: calc(100vw * (14/375));
	font-weight: 500;

	.all_write {
		background: #ff9e59;
		color: #fff;
		font-size: 13px;
		padding: 5px 10px;
		border-radius: 5px;
		display: inline-block;
	}
}
.gift_wrap .g_input {
	width: 100%;
	background-color: #f6f7f8;
	border-radius: calc(100vw * (16/375));
	padding: calc(100vw * (20/375)) calc(100vw * (16/375));
	margin: calc(100vw * (8/375)) 0;
	color: #000;
	font-size: calc(100vw * (18/375));
}
.gift_inner {
	background: url(../image/sub/gift_bg.png);
	background-position: top;
	background-size: 100%;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
}
.gift_select_box {
	background-color: #f4f3f9;
	border-radius: calc(100vw * (20/375)) calc(100vw * (20/375)) 0 0;
	flex: 1;
	margin-top: calc(100vw * (200/375));
	width: 100%;
	padding: calc(100vw * (40/375)) calc(100vw * (30/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (20/375));
}

.gift_select {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	border-radius: calc(100vw * (16/375));
	padding: calc(100vw * (24/375));
}

.gift_select_title {
	font-size: calc(100vw * (18/375));
	font-weight: 700;
	display: flex;
	gap: calc(100vw * (10/375));
	align-items: center;
}

.gift_select_title.BDM span {
	background-color: #ff9e59;
}
.gift_select_title span {
	color: #fff;
	background-color: #7c4cf5;
	padding: calc(100vw * (4/375)) calc(100vw * (8/375));
	border-radius: calc(100vw * (8/375));
	font-size: calc(100vw * (12/375));
}
.gs_left {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (18/375));
}

.gift_input_group {
	width: 100%;
	margin-top: calc(100vw * (20/375));
}
.error_ment {
	color: red;
	font-size: calc(100vw * (13/375));
}
.gift_wrap .point_list_top .bg {
	background-image: url(../image/sub/gift_bg2.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/* END gift */
.mypage_wrap .profile {
	margin: 0 auto;
	padding: calc(100vw * (20/375)) 0 calc(100vw * (36/375));
}

.mypage_wrap .profile .pic {
	width: calc(100vw * (62/375));
	height: calc(100vw * (62/375));
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto calc(100vw * (14/375));
}

.mypage_wrap .pic input {
	display: none;
}

.mypage_wrap .pic_btn {
	position: absolute;
	top: calc(100vw * (65/375));
	left: calc(100vw * (70/375));
	width: calc(100vw * (20/375));
	height: calc(100vw * (20/375));
	display: block;
}

.mypage_wrap .profile .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mypage_wrap .nickname {
	color: #000;
	text-align: center;
	font-size: calc(100vw * (17/375));
	font-weight: 600;
	line-height: calc(100vw * (20/375));
	margin-bottom: calc(100vw * (6/375));
}

.mypage_wrap .account {
	color: #a3a3a3;
	text-align: center;
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	line-height: calc(100vw * (20/375));
	margin-bottom: calc(100vw * (8/375));
}

.mypage_wrap .qr_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(100vw * (5/375));
	border-radius: calc(100vw * (60/375));
	background: #292d32;
	padding: calc(100vw * (4/375)) calc(100vw * (11/375));
	color: #fff;
	font-size: calc(100vw * (12/375));
	font-weight: 500;
	line-height: calc(100vw * (20/375));
	width: fit-content;
	margin: 0 auto;
}

.mypage_wrap .qr_btn img {
	width: calc(100vw * (16/375));
}

.mypage_wrap .point {
	padding: calc(100vw * (25/375)) calc(100vw * (20/375));
	background-color: #f2f5f6;
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (10/375));
}

.mypage_wrap .mypoint {
	background-color: #fff;
	border-radius: calc(100vw * (16/375));
	background: #fff;
	padding: calc(100vw * (18/375)) calc(100vw * (20/375)) 0;
	display: flex;
	flex-direction: column;
}

.mypage_wrap .mypoint .row1 {
	display: flex;
	justify-content: space-between;
	padding-bottom: calc(100vw * (36/375));
	border-bottom: 1px solid #eee;
}

.mypage_wrap .mypoint .row1 .left {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (6/375));
}

.mypage_wrap .mypoint .row1 .p_text {
	color: #999;
	font-size: calc(100vw * (13/375));
	font-weight: 500;
	line-height: calc(100vw * (20/375));
}

.mypage_wrap .mypoint .row1 .p_num {
	color: #262626;
	font-size: calc(100vw * (25/375));
	font-weight: 400;
	line-height: calc(100vw * (20/375));
	letter-spacing: calc(100vw * (-0.5/375));
}

.mypage_wrap .mypoint .row1 .p_num span {
	font-weight: 600;
}

.mypage_wrap .mypoint .right .r_top,
.mypage_wrap .mypoint .right .r_btm {
	display: flex;
	align-items: center;
	gap: calc(100vw * (32/375));
	padding: calc(100vw * (5/375)) 0;
	color: #262626;
}

.mypage_wrap .mypoint .right .r_top {
	padding-top: 0;
	border-bottom: 1px solid #eee;
}

.mypage_wrap .mypoint .right .r_text {
	font-size: calc(100vw * (13/375));
	font-weight: 400;
	line-height: calc(100vw * (20/375));
}

.mypage_wrap .mypoint .right .r_num {
	font-size: calc(100vw * (13/375));
	font-weight: 600;
	line-height: calc(100vw * (20/375));
}

.mypage_wrap .mypoint .right .r_num span {
	color: #25aab7;
	margin-right: calc(100vw * (5/375));
}

.mypage_wrap .mypoint .row2 {
	padding: calc(100vw * (14/375)) 0 calc(100vw * (17/375));
	color: #262626;
	text-align: center;
	font-size: calc(100vw * (15/375));
	font-weight: 500;
	line-height: calc(100vw * (20/375));
	text-align: center;
	display: flex;
	align-items: center;
}

.mypage_wrap .mypoint .row2 span {
	height: calc(100vw * (14/375));
	width: 1px;
	background-color: #eee;
}

.mypage_wrap .mypoint .r2_btn {
	flex: 1;
}

.mypage_wrap .pluspoint {
	padding: calc(100vw * (15/375));
	background-color: #fff;
	border-radius: calc(100vw * (16/375));
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.mypage_wrap .pluspoint .left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: calc(100vw * (4/375));
}

.mypage_wrap .pluspoint .left .row1 {
	display: flex;
	gap: calc(100vw * (4/375));
	align-items: center;
	color: #262626;
	font-size: calc(100vw * (13/375));
	font-weight: 600;
}

.mypage_wrap .pluspoint .left .row2 {
	color: #00a5b5;
	font-size: calc(100vw * (18/375));
	font-weight: 600;
}

.mypage_wrap .pluspoint img {
	width: calc(100vw * (16/375));
}

.mypage_wrap .pluspoint .right .r_btn {
	color: #333;
	text-align: center;
	font-size: calc(100vw * (12/375));
	font-weight: 500;
	line-height: calc(100vw * (20/375));
	padding: calc(100vw * (5/375)) calc(100vw * (12/375));
	border-radius: calc(100vw * (4/375));
	border: 1px solid #e6e7ea;
}

.mypage_wrap .list_group {
	padding: 0 calc(100vw * (30/375));
}

.mypage_wrap .list {
	padding: calc(100vw * (40/375)) 0 calc(100vw * (20/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (30/375));
	color: #464646;
}

.mypage_wrap .list .l_title {
	color: #c0c0c0;
	font-size: calc(100vw * (15/375));
	font-weight: 500;
	margin-bottom: calc(100vw * (-3/375));
}

.mypage_wrap .list .l_list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: calc(100vw * (16/375));
	font-weight: 500;
}

.mypage_wrap .list .l_list .right {
	font-size: calc(100vw * (14/375));
	display: flex;
	font-weight: 400;
	align-items: center;
	gap: calc(100vw * (16/375));
	color: #999;
}

.mypage_wrap .list .l_list .right img {
	width: calc(100vw * (5/375));
}

.mypage_wrap .list2 .right .switch {
	width: calc(100vw * (46/375));
	height: calc(100vw * (20/375));
	background-color: #d6d9e0;
	border-radius: calc(100vw * (50/375));
	transition: 0.3s;
}

.mypage_wrap .list2 .right .switch.active {
	background-color: #25aab7;
}

.mypage_wrap .list2 .right .switch .s_btn {
	width: calc(100vw * (21/375));
	height: calc(100vw * (21/375));
	border-radius: 50%;
	filter: drop-shadow(0 calc(100vw * (1/375)) calc(100vw * (4/375)) rgba(0, 0, 0, 0.2));
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	transition: 0.3s ease-in-out;
}

.mypage_wrap .list2 .right .switch.active .s_btn {
	transform: translate(calc(100vw * (27/375)), -50%);
}

.mypage_wrap .btn_group {
	margin: calc(100vw * (50/375)) 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: calc(100vw * (20/375)) 0;
	background-color: #fafafa;
	color: #9f9f9f;
	font-size: calc(100vw * (16/375));
	font-weight: 400;
	padding: calc(100vw * (30/375)) 0 calc(100vw * (60/375));
}

.mypage_wrap .btn_group span {
	width: 1px;
	height: calc(100vw * (14/375));
	background-color: #ddd;
	margin: 0 calc(100vw * (20/375));
}

.mypage_wrap .btn_group .my_btn {
	text-align: center;
}

.mypage_wrap .list2 input {
	/* display: none;
	 */
}

.mypage_wrap .list2 .chk_row {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mypage_wrap .list2 label {
	font-size: calc(100vw * (16/375));
	font-weight: 500;
	color: #464646;
}

.mypage_wrap .list2 input {
	/* display: none;
	 */
	right: 5px;
	width: 1px;
	height: 1px;
}

.mypage_wrap .list2 input::before {
	content: '';
	width: calc(100vw * (50/375));
	height: calc(100vw * (12/375));
	border-radius: calc(100vw * (50/375));
	background-color: #d6d9e0;
	position: absolute;
	top: 50%;
	right: calc(100vw * (-5/375));
	transform: translateY(-50%);
	transition: 0.5s;
}

.mypage_wrap .list2 input::after {
	content: '';
	width: calc(100vw * (21/375));
	height: calc(100vw * (21/375));
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 50%;
	right: calc(100vw * (25/375));
	transform: translateY(-50%);
	filter: drop-shadow(-1px 1px 1px rgba(0, 0, 0, 0.2));
	transition: 0.5s;
}

.mypage_wrap .list2 input[type="checkbox"]:checked::before {
	background-color: #8474d7;
}

.mypage_wrap .list2 input[type="checkbox"]:checked::after {
	right: calc(100vw * (-6/375));
}

.mypage_top {
	display: flex;
	flex-direction: column;
	padding: 0 calc(100vw * (20/375)) calc(100vw * (40/375));
}

.mypage_top .my_profile {
	display: flex;
	align-items: center;
}

.mypage_top .my_pic {
	min-width: calc(100vw * (40/375));
	min-height: calc(100vw * (40/375));
	max-width: calc(100vw * (40/375));
	max-height: calc(100vw * (40/375));
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	/* background-color: #999;
	 */
	margin-right: calc(100vw * (10/375));
}

.mypage_top .profile_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mypage_top .my_nick {
	color: #000;
	font-size: calc(100vw * (18/375));
	font-weight: 600;
	line-height: calc(100vw * (20/375));
	margin-bottom: calc(100vw * (5/375));
}

.mypage_top .my_mail {
	color: #a3a3a3;
	font-size: calc(100vw * (14/375));
	font-weight: 500;
	line-height: calc(100vw * (20/375));
}

.mypage_top .my_qrbtn {
	display: flex;
	align-items: center;
	gap: calc(100vw * (9/375));
	color: #333;
	padding: calc(100vw * (10/375)) calc(100vw * (17/375));
	border: 1px solid #e9e9e9;
	border-radius: calc(100vw * (50/375));
	margin-left: auto;
}

@keyframes MoveGrad {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

.my_cashbox {
	color: #fff;
	padding: calc(100vw * (24/375)) calc(100vw * (30/375)) 0;
	background: linear-gradient(135deg, #6631fb, #ffb580);
	animation: MoveGrad 5s ease-in-out infinite;
	background-size: 150% 150%;
	border-radius: calc(100vw * (15/375));
}

.my_cashbox .gnb_cash_title {
	margin-top: calc(100vw * (12/375));
}

.my_cashbox .box_bg {
	background: url(../image/sub/mypage_bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.my_cashbox .mc_numrow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(100vw * (6/375)) 0 calc(100vw * (20/375));
}

.my_cashbox .mc_numrow .blue_link {
	border-radius: calc(100vw * (50/375));
}

.my_cashbox .mc_numrow .mc_num {
	font-size: calc(100vw * (25/375));
	color: #fff;
	font-weight: 400;
}

.my_cashbox .mc_numrow .mc_num .inter {
	margin-right: calc(100vw * (2/375));
	font-weight: 700;
}

.my_cashbox .my_history {
	display: flex;
	align-items: center;
	gap: calc(100vw * (5/375));
	font-size: calc(100vw * (13/375));
	font-weight: 400;
	margin-bottom: calc(100vw * (34/375));
}

.my_cashbox .myqr_btn {
	padding: calc(100vw * (10/375));
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-radius: calc(100vw * (10/375));
	display: block;
	margin-left: auto;
	width: fit-content;
}

.my_cashbox .mc_btn_row {
	display: flex;
	align-items: center;
	padding: calc(100vw * (22/375)) 0 calc(100vw * (23/375));
	background-color: rgba(255, 255, 255, 0.32);
	color: #fff;
	border-radius: calc(100vw * (20/375)) calc(100vw * (20/375)) 0 0;
}

.my_cashbox .mc_btn {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: calc(100vw * (8/375));
	color: #fff;
	font-size: calc(100vw * (15/375));
	font-weight: 500;
}

.my_cashbox .sub_line {
	width: 1px;
	height: calc(100vw * (58/375));
	background-color: rgba(255, 255, 255, 0.4);
	margin: 0 calc(100vw * (10/375));
}

/* END mypage */

/* remit */
.remit_wrap .common_charge_btn {
	display: flex;
	justify-content: flex-end;
}

.remit_wrap .common_charge_btn a {
	width: calc(100vw * (80/375));
	margin-top: calc(100vw * (16/375));
	display: inline-block;
	font-weight: 500;
	font-size: calc(100vw * (14/375));
	line-height: 1.2em;
	padding: calc(100vw * (8/375)) 0;
	text-align: center;
	background: #25aab7;
	color: #fff;
	border-radius: calc(100vw * (7/375));
}

.remit_wrap .group_title {
	color: #262626;
	font-size: calc(100vw * (16/375));
	font-weight: 500;
}

.remit_inner {
	padding: 0 calc(100vw * (20/375)) calc(100vw * (100/375));
}

.remit_inner.full {
	padding: 0;
}

.remit_inner .input_row {
	padding: 0 calc(100vw * (15/375));
	display: flex;
	background-color: #fff;
	margin-top: calc(100vw * (8/375));
	max-width: 100%;
	height: calc(100vw * (70/375));
	align-items: center;
	padding: 0 calc(100vw * (15/375));
	border-radius: calc(100vw * (16/375));
	border: 2px solid rgba(157, 157, 157, 0.20);
}

.remit_inner .input_row input {
	font-weight: 400;
	font-size: calc(100vw * (18/375));
	width: 100%;
}

.remit_inner .input_row input::placeholder {
	color: #dedede;
}

.remit_inner .input_row.row1 {
	display: flex;
	align-items: center;
}

.remit_inner .input_row.row1 .number {
	text-align: right;
	display: block;
	margin-left: auto;
	min-width: calc(100vw * (175/375));
	padding-left: calc(100vw * (5/375));
}

.remit_inner .title_group {
	margin-top: calc(100vw * (30/375));
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.remit_inner .reset {
	display: flex;
	gap: calc(100vw * (4/375));
	align-items: center;
}

.remit_inner .reset img {
	width: calc(100vw * (12/375));
}

.remit_inner .dropdown_bank {
	min-width: calc(100vw * (110/375));
	display: flex;
	gap: calc(100vw * (4/375));
	align-items: center;
}

.remit_inner .chosen {
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: calc(100vw * (16/375));
	color: #242424;
	gap: calc(100vw * (5/375));
}

.remit_inner .chosen .bank {
	width: calc(100vw * (28/375));
}

.remit_inner .arrow {
	width: calc(100vw * (12/375));
	height: calc(100vw * (6/375));
}

.remit_inner .remit2 .row1 {
	background: rgba(55, 106, 245, 0.10);
	border: none;
	display: flex;
	justify-content: space-between;
	height: calc(100vw * (63/375));
}

.remit_inner .remit2 .row1 span {
	font-weight: 500;
	font-size: calc(100vw * (14/375));
	color: #242424;
}

.remit_inner .remit2 .row1 .sky {
	font-weight: 700;
	font-size: calc(100vw * (18/375));
	line-height: 1.25em;
	color: #376af5;
}

.remit_inner .remit2 .row2 {
	font-weight: 700;
	font-size: calc(100vw * (24/375));
	line-height: 1.2em;
	color: #242424;
}

.remit_inner .remit2 .row2 .dropdown_point {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}

.remit_inner .remit2 .row2 .dropdown_point img {
	width: calc(100vw * (12/375));
}

.remit_inner .group_end {
	font-weight: 500;
	font-size: calc(100vw * (12/375));
	color: #a8a8a8;
	margin-top: calc(100vw * (8/375));
}

.remit_inner .group_end span {
	font-weight: 700;
}

.remit_inner .flex_s {
	width: 100%;
}

.remit_inner .remit3 .row1 {
	height: auto;
	flex-direction: column;
	justify-content: center;
	gap: unset;
	padding: unset;
	font-weight: 500;
	font-size: calc(100vw * (14/375));
	color: #151515;
}

.remit_inner .remit3 .row1 .total {
	font-size: calc(100vw * (15/375));
	color: #242424;
}

.remit_inner .remit3 .row1 .total .bold {
	font-weight: 700;
}

.remit_inner .remit3 .row1 {
	overflow: hidden;
}

.remit_inner .remit3 .row {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 calc(100vw * (15/375));
}

.remit_inner .remit3 .r1 {
	padding-top: calc(100vw * (22/375));
	padding-bottom: calc(100vw * (14/375));
}

.remit_inner .remit3 .r2 {
	padding-bottom: calc(100vw * (19/375));
}

.remit_inner .remit3 .r3 {
	padding-top: calc(100vw * (15/375));
	padding-bottom: calc(100vw * (15/375));
	background-color: #fff;
}

.remit_inner .remit3 .r3 span {
	font-weight: 500;
	font-size: calc(100vw * (15/375));
	color: #242424;
}

.remit_inner .remit3 .r3 .bold {
	font-weight: 700;
}

.remit_inner .dropdown.remit {
	position: absolute;
	/* border: 1px solid blue;
	 */
	min-width: calc(100vw * (120/375));
	height: calc(100vw * (200/375));
	top: calc(100vw * (58/375));
	left: 0px;
	z-index: 22;
	background-color: #d2d2d2;
	overflow-y: auto;
	border-radius: 8px;
	display: none;
}

.remit_inner .dropdown.remit img {
	width: calc(100vw * (28/375));
	display: block;
	margin-right: calc(100vw * (6/375));
}

.remit_inner .dropdown.remit li {
	list-style: none;
	padding: calc(100vw * (6/375)) calc(100vw * (15/375));
	display: flex;
	align-items: center;
	font-size: calc(100vw * (18/375));
	color: #242424;
}

.remit_inner .btn_remit {
	font-weight: 500;
	font-size: calc(100vw * (16/375));
	line-height: 1.25em;
	color: #fff;
	text-align: center;
	display: block;
	width: 100%;
	padding: calc(100vw * (15/375)) 0;
	margin-top: calc(100vw * (60/375));
	background: #d6d9e0;
	border-radius: 6px;
}

.remit_inner .btn_remit.active {
	background-color: #06b395;
	color: #fff;
}

.charge_notice {
	margin-top: calc(100vw * (50/375));
}

.remit_inner .charge_notice .row3 a {
	margin-top: calc(100vw * (10/375));
	font-weight: 700;
	font-size: calc(100vw * (12/375));
	line-height: 1.5em;
	text-decoration-line: underline;
	color: #6cb5d2;
}

.remit_wrap .charge_notice .row3 {
	margin-top: calc(100vw * (16/375));
}

.charge_notice .row1 span {
	display: inline-block;
	margin-bottom: calc(100vw * (4/375));
	font-size: calc(100vw * (14/375));
	line-height: 1.5em;
	font-weight: 500;
}

.charge_notice .row2 span {
	display: inline-block;
	font-weight: 400;
	font-size: calc(100vw * (12/375));
	line-height: 1.5em;
	color: #9f9f9f;
	padding-left: calc(100vw * (8/375));
	word-break: keep-all;
	text-indent: calc((100vw * (8/375)) * -1);
}

.remit_inner .reset {
	color: #999;
	display: flex;
	gap: calc(100vw * (4/375));
	align-items: center;
	font-size: calc(100vw * (12/375));
	padding: calc(100vw * (10/375)) calc(100vw * (12/375));
	border-radius: calc(100vw * (50/375));
	background-color: #f4f4f4;
}

.bank_up {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	transform: translateY(100%);
	transition: 0.5s;
}

.bank_up.on {
	transform: translateY(0);
}

.bank_up .bg {
	width: 100%;
	height: 200vh;
	background: #000;
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
	top: -220%;
	display: none;
}

.up_box {
	background: #fff;
	border-radius: 20px 20px 0px 0px;
	padding: calc(100vw * (20/375));
	overflow: hidden;
	width: 100vw;
}

.up_box .u_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	font-size: calc(100vw * (16/375));
	line-height: 1.25em;
}

.up_box .u_title .up_x_btn {
	width: calc(100vw * (13/375));
}

.up_box .point_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: calc(100vw * (8/375));
	margin-top: calc(100vw * (26/375));
}

.up_box .point_grid .p_num {
	width: calc(100vw * (106/375));
	height: calc(100vw * (66/375));
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Pretendard';
	font-weight: 600;
	font-size: calc(100vw * (15/375));
	color: #454545;
	background: #f9f9f9;
	border-radius: 10px;
}

.up_box .point_grid .p_btn.active,
.up_box .point_grid .p_num.active {
	background: #25aab7;
	color: #fff;
}

.up_box .point_grid .p_btn {
	grid-column: span 3;
	width: 100%;
	height: calc(100vw * (54/375));
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f9f9f9;
	border-radius: 10px;
	margin-top: calc(100vw * (22/375));
	font-family: 'Pretendard';
	font-weight: 600;
	font-size: calc(100vw * (15/375));
	color: #454545;
}

.bank_up .p_bank {
	display: flex;
	flex-direction: column;
	font-weight: 500;
	font-size: calc(100vw * (14/375));
	line-height: 1.2em;
	align-items: center;
	justify-content: center;
	gap: calc(100vw * (10/375));
}

.bank_up .p_bank img {
	width: calc(100vw * (28/375));
}

.bank_up.bank .up_box .point_grid {
	grid-template-columns: repeat(4, 1fr);
	row-gap: calc(100vw * (52/375));
	column-gap: unset;
}

.remit_wrap .common_charge_btn {
	display: flex;
	justify-content: flex-end;
}

.remit_wrap .r1_right {
	display: flex;
	align-items: center;
	gap: calc(100vw * (5/375));
}

.remit_wrap .r1_right.bold {
	font-weight: 700;
	color: #242424;
}

.remit_wrap input.point {
	width: calc(100vw * (150/375));
	text-align: right;
	background-color: transparent;
}

.remit_wrap input.point::placeholder {
	color: #262626;
}

.remit_wrap input.gray::placeholder {
	color: #999;
}

.remit_wrap input.bold {
	font-weight: 700;
}

.remit_wrap .com_btn {
	margin-top: calc(100vw * (40/375));
}

.remit3 input::placeholder {
	color: #151515 !important;
}

.remit3 .sub_line {
	width: calc(100vw * (300/375));
	height: 1px;
	background-color: #e0e0e0;
}

.charge_notice {
	background-color: #f7f7f7;
	padding: calc(100vw * (30/375)) calc(100vw * (20/375));
	border-radius: calc(100vw * (17/375));
	margin-bottom: calc(100vw * (35/375));
}

.modal_bank_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: calc(100vw * (7/375));
	margin-top: calc(100vw * (24/375));
}

.modal_bank {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (10/375));
	padding: calc(100vw * (15/375)) calc(100vw * (0/375));
	border-radius: calc(100vw * (10/375));
	background-color: #f9f9f9;
	align-items: center;
}

.modal_bank img {
	width: calc(100vw * (28/375));
}

/* END remit */
/* tether */
.tether_inner {
	background-color: #f4f3f9;
}

.tether_wrap .sub_title {
	margin-top: calc(100vw * (47/375));
	font-size: calc(100vw * (26/375));
	font-weight: 700;
	line-height: calc(100vw * (35/375));
	color: #1e2236;
}

.sub_wrap .sub_inner {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 0 calc(100vw * (20/375)) calc(100vw * (100/375));
	/* background-color: #fff; */
}

.sub_wrap .sub_inner.full {
	padding: 0 !important;
}

.tether_wrap .sub_tit {
	margin-top: calc(100vw * (40/375));
	font-size: calc(100vw * (16/375));
	font-weight: 600;
	color: #292929;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.tether_wrap .tether_adr .adr_change {
	padding: calc(100vw * (10/375)) calc(100vw * (16/375));
	background-color: #f5f2fe;
	color: #9774ff;
	font-size: calc(100vw * (12/375));
	font-weight: 500;
	border-radius: calc(100vw * (16/375));
}

.tether_wrap .tether_adr {
	width: 100%;
	height: calc(100vw * (55/375));
	padding: 0 calc(100vw * (20/375));
	background-color: #f9f9f9;
	font-size: calc(100vw * (17/375));
	font-weight: 600;
	border-radius: calc(100vw * (16/375));
	margin-top: calc(100vw * (17/375));
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.tether_wrap .tether_adr::placeholder {
	color: #c6c6c6;
}

.tether_txt {
	padding-left: calc(100vw * (20/375));
	margin-top: calc(100vw * (27/375));
	font-size: calc(100vw * (13/375));
	font-weight: 400;
	color: #888;
	line-height: calc(100vw * (21/375));
	&::after {
		content: '';
		width: calc(100vw * (14/375));
		height: calc(100vw * (14/375));
		position: absolute;
		top: calc(100vw * (2/375));
		left: 0;
		background-image: url(../image/sub/tether_icon.svg);
		background-repeat: no-repeat;
	}
}

.tether_wrap .com_btn {
	margin-top: auto;
	margin-bottom: calc(100vw * (35/375));
}

.tether_fee {
	font-size: calc(100vw * (10/375));
	color: #eb4345;
	font-weight: 700;
	line-height: calc(100vw * (18/375));
	background: rgba(235, 67, 69, 0.10);
	border-radius: calc(100vw * (50/375));
	padding: calc(100vw * (2/375)) calc(100vw * (7/375));
}

.tether_point {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: calc(100vw * (18/375));
	padding: calc(100vw * (20/375)) calc(100vw * (15/375));
	background: #fff;
	border-radius: calc(100vw * (16/375));
	color: #151515;
	font-weight: 600;
	font-size: calc(100vw * (14/375));
}

.tether_num {
	color: #6631FB;
	font-weight: 600;
	font-size: calc(100vw * (18/375));
}

.tether_adr.mt10 {
	font-size: calc(100vw * (18/375));
	color: #111;
	font-weight: 500;
	border-radius: 16px;
	/* border: 2px solid rgba(157, 157, 157, 0.20);
	 */
	background-color: #fff;
	padding: calc(100vw * (20/375));
}

.remit_tether {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(100vw * (18/375)) calc(100vw * (20/375));
	background: rgba(199, 199, 199, 0.10);
	border-radius: calc(100vw * (12/375));
	font-size: calc(100vw * (14/375));
	font-weight: 500;
	color: #454545;
}

.remit_tether .tether_rnum {
	font-size: calc(100vw * (15/375));
	color: #111;
	font-weight: 600;
}

.tether_detail {
	background-color: #fff;
	padding: calc(100vw * (22/375)) calc(100vw * (20/375));
	border: 1px solid #ebebeb;
	border-radius: calc(100vw * (16/375));
	margin-bottom: calc(100vw * (50/375));
}

.tdtail_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: calc(100vw * (14/375));
	color: #999;
	font-weight: 500;
}

.tdtail_row .tdtail_num {
	font-weight: 600;
	display: flex;
	align-items: center;
}

.tdtail_total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: calc(100vw * (20/375));
	padding-top: calc(100vw * (20/375));
	border-top: 1px solid #ececec;
	font-size: calc(100vw * (15/375));
	font-weight: 500;
	color: #242424;
}

.tdtail_total .tdtotal_num {
	font-size: calc(100vw * (17/375));
	font-weight: 800;
	display: flex;
	align-items: center;
}
.tdtail_row .tdtail_num input,
.tdtail_total .tdtotal_num input {
	text-align: right;
	margin-right: 3px;
	font-weight: 800;    
	display: inline-block;
    vertical-align: top;
}
.tdtail_row .tdtail_num input {
	color: #999;
	font-weight: 600;
}

.tether_detail_box {
	background-color: #f5f2fe;
	border-radius: calc(100vw * (18/375));
	margin-top: calc(100vw * (30/375));
	padding: calc(100vw * (22/375)) calc(100vw * (15/375));
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: calc(100vw * (14/375));
	font-weight: 500;
	line-height: calc(100vw * (18/375));
}

.tether_detail_box span {
	font-size: calc(100vw * (17/375));
	font-weight: 600;
	line-height: calc(100vw * (18/375));
	color: #6631fb;
}

.d_row {
	flex-direction: row !important;
}
/* END tether */
/* card */
.com_btn {
	margin: 0 calc(100vw * (20/375));
	display: block;
	background: #7242ff;
	border-radius: calc(100vw * (50/375));
	font-weight: 700;
	font-size: calc(100vw * (16/375));
	text-align: center;
	color: #fff;
	padding: calc(100vw * (22/375));
}

.com_btn.unable {
	background: #d6d9e0;
	color: #fff;
}
.common_btn.unable {
	background: #d6d9e0;
	color: #fff;
}

.com_btn_group .com_btn {
	margin: 0;
}

.card_wrap .card_inner {
	padding: 0 calc(100vw * (25/375)) calc(100vw * (38/375));
}

.card_wrap {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	background-color: #f9f9f9;
	padding-bottom: calc(100vw * (80/375));
}

.card_wrap.full {
	padding: 0 0;
}

.card_wrap.full_ver2 {
	height: 100vh;
}

.bcolor_FFF {
	background-color: #FFF;
}

.bcolor_GRAY {
	background-color: #f0f2f9;
}

.bcolor_GREEN {
	background-color: #f6f6fa;
}

.card_wrap .card_r {
	padding: calc(100vw * (27/375)) calc(100vw * (20/375)) calc(100vw * (70/375));
	background-color: #fff;
	border-radius: 25px 25px 0 0;
}

.card_wrap .card_switch {
	display: flex;
	text-align: center;
	background-color: #fff;
	justify-content: center;
	padding-bottom: calc(100vw * (12/375));
}

.card_wrap .card_switch .switch {
	font-weight: 400;
	font-size: calc(100vw * (15/375));
	line-height: calc(100vw * (28/375));
	color: #242424;
	padding: calc(100vw * (2/375)) calc(100vw * (18/375));
}

.card_wrap .card_switch .switch.active {
	border: 1px solid#7242ff;
	border-radius: calc(100vw * (50/375));
	font-weight: 600;
	color: #6631fb;
}

.card_wrap .c_empty {
	margin: 0 calc(100vw * (20/375));
	height: calc(100vw * (198/375));
	border-radius: calc(100vw * (20/375));
	margin-top: calc(100vw * (35/375));
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-image: url(../image/sub/card_empty.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.card_wrap .c_empty .no_text {
	width: calc(100vw * (152/375));
	position: absolute;
	left: 50%;
	top: -8%;
	transform: translateX(-50%);
}

.card_wrap .c_empty img {
	width: calc(100vw * (153/375));
}

.card_wrap .c_notice {
	border-radius: 25px 25px 0 0;
	margin-top: auto;
	padding: calc(100vw * (45/375)) calc(100vw * (20/375)) calc(100vw * (30/375));
	background-color: #fff;
}

.card_wrap .c_notice.p_low {
	width: 100%;
	padding: calc(100vw * (27/375)) calc(100vw * (20/375)) calc(100vw * (30/375));
}

.card_wrap .c_notice.lost {
	margin-top: calc(100vw * (30/375));
	border-radius: unset;
	background-color: #f6f6fa;
	padding: calc(100vw * (45/375)) calc(100vw * (20/375)) calc(100vw * (80/375));
}

.card_wrap .c_notice .c_ntitle {
	font-weight: 600;
	font-size: calc(100vw * (16/375));
	line-height: 1.2em;
	color: #464646;
}

.card_wrap .c_notice .c_ntit {
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	line-height: 1.5em;
	color: #919191;
}

.card_wrap .c_notice .c_ntit.span {
	margin-top: calc(100vw * (10/375));
	line-height: unset;
}

.card_wrap .c_notice .c_ntit span {
	display: block;
	text-indent: calc(100vw * (-8/375));
	padding-left: calc((100vw * (8/375)) * -1);
	line-height: 1.5em;
}

.card_wrap .com_btn {
	margin-top: calc(100vw * (30/375));
}

.card_wrap .card_r_img {
	width: calc(100vw * (210/375));
	margin: calc(100vw * (58/375)) auto 0;
}

/* .card_wrap .card_r_img img {
	filter: drop-shadow(0px 15px 15px rgba(0, 0, 0, 0.4));
} */

.card_wrap .c_arokcard {
	width: auto;
	padding: calc(100vw * (30/375)) 0;
	/* background: #e5e8f1; */
	box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.01);
	border-radius: 20px;
	margin: 0 calc(100vw * (20/375));
}

.card_wrap .c_arokcard .c_aroktext {
	word-break: keep-all;
	font-weight: 500;
	font-size: calc(100vw * (15/375));
	line-height: 1.5em;
	text-align: center;
	color: #464646;
}

.card_wrap .c_arokcard .c_arokgray {
	margin-top: calc(100vw * (5/375));
	font-weight: 500;
	font-size: calc(100vw * (14/375));
	line-height: 1.5em;
	text-align: center;
	color: #9c9c9c;
}

.c_index {
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	line-height: 1.2em;
	color: #464646;
	margin-top: calc(100vw * (40/375));
}

.c_index:first-child {
	margin-top: 0;
}

.card_wrap .c_row_group {
	margin-top: calc(100vw * (28/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (12/375));
}

.card_wrap .c_row {
	color: #999;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.card_wrap .c_row.fs {
	align-items: flex-start;
}

.card_wrap .c_row img {
	width: calc(100vw * (20/375));
}

.card_wrap .card_row.input {
	background: #fff;
	border: 1px solid #ebebf1;
}

.card_wrap .card_row {
	padding: 0 calc(100vw * (15/375));
	height: calc(100vw * (50/375));
	font-weight: 400;
	font-size: calc(100vw * (16/375));
	line-height: 1.2em;
	color: #464646;
	display: flex;
	align-items: center;
	background: #f5f5f5;
	border-radius: calc(100vw * (15/375));
}
.card_wrap .c_under {
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	line-height: 1.5em;
	color: #111;
	text-align: center;
	padding: calc(100vw * (10/375)) 0;
	width: 100%;
	background-color: #f5f2fe;
	border-radius: 50px;
	/* margin-top: calc(100vw * (20/375));
	 */
}

.card_wrap .c_under.c_del {
	margin-bottom: calc(100vw * (37/375));
}

.card_wrap .c_under.r_ok {
	background-color: #fff;
	margin: calc(100vw * (30/375)) calc(100vw * (30/375)) calc(100vw * (30/375));
	width: auto;
}

.card_r_txt {
	font-weight: 600;
	font-size: calc(100vw * (20/375));
	line-height: 1.25em;
	color: #111;
	text-align: center;
}

.card_r_ok {
	width: calc(100vw * (223/375));
	margin: calc(100vw * (80/375)) auto calc(100vw * (40/375));
}

.card_r_ok img {
	animation: regist_a 3s ease-in-out infinite alternate-reverse;
}

@keyframes regist_a {
	0% {
		transform: translateY(calc(100vw * (-13/375)));
	}

	100% {
		transform: translateY(calc(100vw * (3/375)));
	}
}

.card_wrap .c_under.al_left {
	background-color: transparent;
	margin-bottom: calc(100vw * (50/375));
	color: #ed0909;
}

.com_btn_group {
	margin-top: calc(100vw * (50/375));
	margin-bottom: calc(100vw * (40/375));
	display: flex;
	gap: calc(100vw * (10/375));
	width: 100%;
}

.card_wrap .com_btn {
	/* width: calc(100vw * (218/375));
	 */
	margin-top: 0;
	margin-bottom: 0;
}

.card_wrap .com_btn.unable {
	width: calc(100vw * (97/375));
}

.card_wrap .c_pop {
	display: flex;
	flex-direction: column;
	width: calc(100vw * (280/375));
	/* height: calc(100vw * (76/375));
	 */
	background: #fff;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	padding: calc(100vw * (20/375)) calc(100vw * (20/375)) calc(100vw * (20/375)) calc(100vw * (15/375));
	word-break: keep-all;
	position: absolute;
	bottom: calc(100vw * (0/375));
	right: calc(100vw * (10/375));
	z-index: 10;
	display: none;
}

.card_wrap .c_pop img {
	position: absolute;
	right: calc(100vw * (10/375));
	top: calc(100vw * (10/375));
	display: block;
	margin-left: auto;
	width: calc(100vw * (22/375));
}

.card_wrap .c_pop span {
	margin-top: calc(100vw * (4/375));
	font-size: calc(100vw * (13/375));
	line-height: 1.3em;
	font-family: 'SUIT';
	font-weight: 400;
	color: #464646;
}

.color_GREEN,
.card_wrap .c_pop .color_GREEN,
.card_wrap .color_GREEN {
	color: #ff9e59;
}
.color_PURP {
	color: #7242ff;
}

.card_wrap .c_arokcard.ok {
	background-color: #e5e2f9;
}

.card_wrap .c_arokcard.ok img {
	animation: a_ud ease-in-out 2s alternate-reverse infinite;
}

@keyframes a_ud {
	0% {
		transform: translateY(-5%);
	}

	100% {
		transform: translateY(5%);
	}
}

.card_wrap .c_info_group {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (20/375));
	margin-top: calc(100vw * (20/375));
	background: #f7f7f7;
	border-radius: calc(100vw * (20/375));
	padding: calc(100vw * (24/375)) calc(100vw * (20/375));
	font-weight: 400;
	font-size: calc(100vw * (15/375));
	color: #464646;
}

.card_wrap .c_info_group.empty_b {
	background: #fff;
	border: 1px solid #ebebf1;
	margin-bottom: calc(100vw * (23/375));
}

.card_wrap .cr_text {
	color: #111;
	font-size: calc(100vw * (14/375));
	font-weight: 500;
	line-height: 1.4em;
}

.card_wrap .cr_text.color_GREEN {
	font-weight: 700;
}

.card_wrap .cr_text.mw {
	font-size: calc(100vw * (14/375));
	max-width: calc(100vw * (226/375));
	text-align: right;
}

.card_wrap .cr_index {
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	line-height: 1.2em;
	color: #a3a3a3;
}

.card_wrap .cr_btn {
	margin-left: auto;
	background: #fff;
	border: 1px solid #d8d8d8;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100vw * (53/375));
	height: calc(100vw * (30/375));
	font-weight: 500;
	font-size: calc(100vw * (14/375));
}

.card_wrap.full .com_btn {
	/* width: 100%;
	 */
}

.card_wrap.ok {
	height: 90vh;
	box-sizing: border-box;
	background: transparent;
}
.card_wrap.ok .com_btn {
	margin-top: auto;
}

.card_wrap.ok .c_img {
	margin: calc(100vw * (87/375)) auto 0;
	width: calc(100vw * (100/375));
}

.card_wrap.ok .c_index {
	margin: calc(100vw * (35/375)) auto calc(100vw * (20/375));
	font-size: calc(100vw * (23/375));
}

.card_wrap.ok .c_aroktext {
	font-weight: 400;
	font-size: calc(100vw * (16/375));
	line-height: 1.5em;
	text-align: center;
	color: #464646;
}

.card_wrap .c_nocard {
	background-color: #f6f6fa;
	flex-direction: column;
	height: calc(100vh - calc(100vw * (60/375)) - calc(100vw * (50/375)));
}

.card_wrap .com_btn.mid {
	/* width: 100%;
	 */
	margin-top: calc(100vw * (30/375));
	margin-bottom: calc(100vw * (50/375));
}

.card_wrap .c_dcard {
	width: 100%;
	height: calc(100vw * (440/375));
	background: #e5eaf1;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	margin-top: calc(100vw * (25/375));
}

.card_wrap .cd_img img {
	/* animation: regist_a 2s ease-in-out infinite alternate-reverse; */
}

.card_wrap .cd_img {
	margin: calc(100vw * (40/375)) auto calc(100vw * (20/375));
	width: calc(100vw * (246/375));
	height: calc(100vw * (198/375));
}

/* .card_wrap .cd_img img {
	 width: calc(100vw * (203/375));
}
 */
@keyframes a_ud2 {
	0% {
		transform: translateY(0%);
	}

	100% {
		transform: translateY(-7%);
	}
}

.card_wrap .cd_text {
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	line-height: 1.25em;
	text-align: center;
	color: #111;
	background: #fff;
	border-radius: 50px;
	margin: 0 auto;
	width: calc(100vw * (155/375));
	padding: calc(100vw * (10/375)) 0;
}

.card_wrap .cd_tit {
	font-weight: 400;
	font-size: calc(100vw * (15/375));
	line-height: 1.4em;
	text-align: center;
	color: #111;
	margin-top: calc(100vw * (14/375));
}

.card_wrap .c_deltit {
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	line-height: 1.5em;
	text-align: center;
	color: #464646;
	margin-top: calc(100vw * (17/375));
}

.card_wrap .mc_img {
	display: flex;
	flex-direction: column;
	align-items: end;
    padding-right: calc(100vw * (20/375));
	background-image: url(../image/sub/card_r_img.png);
	background-size: 100% 100%;
	width: calc(100vw * (288/375));
	height: calc(100vw * (186/375));
	margin: 0 auto;
	/* filter: drop-shadow(0px 4px 15px #8d96b4); */
}

.card_wrap .mc_img_wrap {
	background-color: #f6f6fa;
	margin: calc(100vw * (25/375)) calc(100vw * (20/375)) 0;
	padding: calc(100vw * (26/375)) calc(100vw * (23/375)) calc(100vw * (33/375));
	border-radius: 15px;
}

.card_wrap .mc_num {
	font-weight: 600;
	font-size: calc(100vw * (29/375));
	line-height: 1.5em;
	color: #fff;
	margin-top: calc(100vw * (6/375));
}

.card_wrap .mc_num span {
	font-size: calc(100vw * (19/375));
}

.card_wrap .mc_text {
	font-weight: 500;
	font-size: calc(100vw * (13/375));
	line-height: 1.25em;
	color: rgba(255, 255, 255, 0.7);
	margin-top: calc(100vw * (98/375));
}

.card_wrap .mc_index {
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	line-height: 1.4em;
	text-align: center;
	color: #464646;
	margin-top: calc(100vw * (27/375));
}

.card_wrap .mc_tit {
	margin-top: calc(100vw * (6/375));
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(100vw * (6/375));
	text-align: center;
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	line-height: 1.25em;
	color: #464646;
}

.card_wrap .mc_tit span {
	color: #ddd;
}

.card_wrap .mc_info {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (14/375));
	padding: calc(100vw * (30/375)) calc(100vw * (20/375));
	margin-top: calc(100vw * (22/375));
	border: 2px solid #ebebf1;
	border-radius: 8px;
}

.card_wrap .mc_notice {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(100vw * (16/375)) calc(100vw * (20/375));
	margin-top: calc(100vw * (30/375));
	margin-bottom: calc(100vw * (40/375));
	background: #f5f2fe;
	box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.01);
	border-radius: calc(100vw * (20/375));
}

.card_wrap .mc_notice .mc_ntext {
	font-weight: 600;
	font-size: calc(100vw * (17/375));
	line-height: 1.25em;
	color: #1e4987;
}

.card_wrap .mc_notice .mc_nbtn {
	background: #7242ff;
	border-radius: calc(100vw * (50/375));
	padding: calc(100vw * (9/375)) calc(100vw * (11/375));
	color: #fff;
}

.mc_up {
	position: fixed;
	bottom: 0;
	left: 0;
	transform: translateY(100%);
	transition: 0.5s;
	z-index: 999;
}

.mc_up .bg {
	width: 100%;
	height: 200vh;
	background: #000;
	opacity: 0.5;
	position: absolute;
	left: 0;
	top: -220%;
	display: none;
}

.mc_up .u_title {
	font-weight: 600;
	font-size: calc(100vw * (16/375));
	line-height: 1.2em;
	color: #464646;
}

.card_wrap.full .com_btn_group .com_btn,
.com_btn_group .com_btn {
	width: 65%;
	margin-bottom: 0;
}

.card_wrap.full .com_btn_group .com_btn.unable,
.com_btn_group .com_btn.unable {
	width: 35%;
}

.mc_up .u_tit {
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	line-height: 1.5em;
	text-align: center;
	color: #919191;
	margin-top: calc(100vw * (40/375));
}

.mc_up .com_btn_group {
	margin-bottom: 0;
}

.mc_pop {
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 222;
}

.mc_pop_box * {
	font-family: 'Pretendard';
}

.mc_pop_box {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	background: #fff;
	border-radius: 12px;
	padding: calc(100vw * (40/375)) calc(100vw * (20/375)) calc(100vw * (20/375));
}

.mc_pop_box .pop_title {
	font-weight: 700;
	font-size: calc(100vw * (16/375));
	line-height: 1.25em;
	text-align: center;
	color: #464646;
}

.mc_pop_box .pop_tit {
	font-weight: 500;
	font-size: calc(100vw * (15/375));
	margin-top: calc(100vw * (16/375));
	line-height: 1.25em;
	text-align: center;
	color: #464646;
}

.mc_pop_box .pop_btn {
	display: block;
	width: calc(100vw * (286/375));
	padding: calc(100vw * (14/375));
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: calc(100vw * (16/375));
	line-height: 1.25em;
	background-color: #7242ff;
	margin-top: calc(100vw * (40/375));
	border-radius: 50px;
}

.up_box {
	position: relative;
	background: #fff;
	border-radius: 20px 20px 0px 0px;
	padding: calc(100vw * (20/375));
	overflow: hidden;
	width: 100vw;
}

.up_box .u_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	font-size: calc(100vw * (16/375));
	line-height: 1.25em;
}

.up_box .u_title .up_x_btn {
	width: calc(100vw * (26/375));
	opacity: 0.5;
}

.up_box .point_grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(100vw * (13/375));
	margin-top: calc(100vw * (26/375));
}

.up_box .point_grid .p_num {
	width: 100%;
	height: calc(100vw * (55/375));
	display: flex;
	/* flex-direction: column; */
	align-items: center;
	justify-content: center;
	font-family: 'Inter';
	font-weight: 600;
	font-size: calc(100vw * (15/375));
	background: #F6F7F8;
	border-radius: calc(100vw * (20/375));
}

.up_box .point_grid .p_num .spartan {
	font-weight: 600;
}

.up_box .point_grid .p_btn.active,
.up_box .point_grid .p_num.active {
	background: #7242ff;
	color: #fff;
}

.up_box .point_grid .p_btn {
	grid-column: span 3;
	width: 100%;
	height: calc(100vw * (54/375));
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f9f9f9;
	border-radius: 10px;
	margin-top: calc(100vw * (22/375));
	font-family: 'Pretendard';
	font-weight: 600;
	font-size: calc(100vw * (15/375));
	color: #454545;
}

.c_mycard {
	background-color: #fff;
}

.c_lost .c_etext {
	margin-top: calc(100vw * (14/375));
	font-weight: 600;
	font-size: calc(100vw * (17/375));
	line-height: 1.5em;
	text-align: center;
}

.c_lost .c_ebox {
	padding: calc(100vw * (24/375)) calc(100vw * (20/375));
	background: #fff;
	border-radius: calc(100vw * (20/375));
	border: 1px solid #ebebf1;
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (14/375));
	margin: calc(100vw * (40/375)) calc(100vw * (20/375)) 0;
}

.cr_text.sky {
	color: #6cb5d2;
}

.c_lost {
	background-color: #fff;
}

.c_lost .c_empty {
	background-color: #f6f6fa;
	background-image: none;
	margin: calc(100vw * (20/375)) calc(100vw * (30/375)) 0;
}

.card_wrap .history_img {
	margin: calc(100vw * (50/375)) auto 0;
	background-image: url(../image/sub/card_r_img.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: calc(100vw * (240/375));
	height: calc(100vw * (145/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (20/375));
}

.card_history_txt {
    text-align: center;
    color: #999;
    font-size: calc(100vw * (15/375));
    font-weight: 500;
    margin-top: calc(100vw * (35/375));
}

.card_wrap .c_h_title {
	font-weight: 600;
	font-size: calc(100vw * (12/375));
	line-height: 1.2em;
	color: #fff;
	opacity: 0.5;
}

.card_wrap .c_h_number {
	font-family: 'Manrope';
	font-weight: 500;
	font-size: calc(100vw * (19/375));
	line-height: 1.35em;
	letter-spacing: 0.1em;
	background: linear-gradient(180deg, #edf2f9 2.51%, #abc1e4 66.61%, #b2c6e6 69.52%, #c4d3eb 79.24%, #cfdbee 88.95%, #d3deef 99.63%), #fff;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	opacity: 0.7;
}

.card_wrap .card_inrow {
	gap: calc(100vw * (21/375));
}

.card_wrap .c_h_number.sm {
	font-size: calc(100vw * (15/375));
}

.card_wrap .cr_topbox {
	margin: calc(100vw * (20/375)) calc(100vw * (20/375)) calc(100vw * (30/375));
	background-color: #f6f6fa;
	border-radius: calc(100vw * (20/375));
	padding: calc(100vw * (30/375)) calc(100vw * (50/375)) calc(100vw * (40/375));
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cr_toptit {
	font-size: calc(100vw * (16/375));
	font-weight: 600;
	margin-top: calc(100vw * (20/375));
}

.cr_toptxt {
	font-size: calc(100vw * (14/375));
	margin-top: calc(100vw * (6/375));
	font-weight: 400;
}

.card_wrap .lost_img {
	position: relative;
	width: 100%;
}

.card_wrap .lost_img .l_img2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-75%, -50%);
	width: calc(100vw * (59/375));
	animation: lost_a 3s ease-in-out infinite alternate-reverse;
}

@keyframes lost_a {
	0% {
		transform: translate(-75%, -60%);
	}

	100% {
		transform: translate(-75%, -40%);
	}
}

.card_wrap .c_lostbox {
	margin: calc(100vw * (20/375)) calc(100vw * (20/375)) 0;
	padding: calc(100vw * (24/375)) calc(100vw * (20/375));
	background: #fff;
	border: 1px solid #ebebf1;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (14/375));
}

.card_wrap .c_notice .c_ntit {
	margin-top: calc(100vw * (20/375));
	padding-bottom: calc(100vw * (60/375));
	line-height: 1.6em;
}

.com_btn_group.lost {
	margin-top: 0;
}

.card_wrap .c_delivery {
	background: #f6f6fa;
}

.card_wrap .c_delivery .c_del span {
	font-weight: 600;
	/* color: #1a54c2; */
}

.com_btn_group .com_btn.cancle {
	background-color: transparent;
	border: 1px solid #7242ff;
	color: #7242ff;
	width: 35% !important;
}

.del_req {
	text-align: center;
	color: #ed0909;
	font-size: calc(100vw * (14/375));
	font-weight: 500;
	margin-bottom: calc(100vw * (60/375));
	margin-top: calc(100vw * (20/375));
	border-bottom: 1px solid #de0909;
	width: fit-content;
}

.c_delivery {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.card_wrap .c_mycard .com_btn.mid {
	margin: calc(100vw * (34/375)) auto 0;
	margin-bottom: calc(100vw * (7/375));
	padding: calc(100vw * (12/375)) calc(100vw * (32/375));
	width: fit-content;
}
.cl_topbox {
	display: flex;
	align-items: center;
	flex-direction: column;
}
.cl_img {
	margin: calc(100vw * (50/375)) calc(100vw * (70/375)) calc(100vw * (25/375));
}
.cr_toptxt .line {
	height: calc(100vw * (10/375));
	width: 1px;
	background-color: #bbb;
	display: inline-block;
	margin: 0 calc(100vw * (8/375));
}
.cl_info_tit {
	margin-left: calc(100vw * (20/375));
	color: #292929;
	font-size: calc(100vw * (17/375));
	font-weight: 600;
	margin-top: calc(100vw * (60/375));
}
/* END card */
/* item */
.item_wrap .item_slider {
	width: 100%;
	height: calc(100vw * (217/375));
}

.item_wrap .item_slider .swiper-pagination {
	width: fit-content;
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(5px);
	color: #fff;
	padding: calc(100vw * (3/375)) calc(100vw * (12/375));
	border-radius: calc(100vw * (50/375));
	bottom: calc(100vw * (15/375));
	left: calc(100vw * (20/375));
	font-size: calc(100vw * (14/375));
	font-weight: 700;
}

.item_wrap .sub_inner .cat_filter_row {
	display: flex;
	align-items: center;
	gap: calc(100vw * (12/375));
	margin-top: calc(100vw * (20/375));
}

.item_wrap .sub_inner .cat_filter_btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: calc(100vw * (8/375));
	padding: calc(100vw * (18/375)) calc(100vw * (15/375));
	border: 1px solid #c0c0c0;
	border-radius: calc(100vw * (20/375));
	min-width: calc(100vw * (104/375));
}

.item_wrap .sub_inner .cat_filter_input {
	display: flex;
	align-items: center;
	flex: 1;
	padding: calc(100vw * (17/375)) calc(100vw * (15/375));
	border: 1px solid #eee;
	border-radius: calc(100vw * (20/375));
	max-width: calc(100vw * (219/375));
	justify-content: space-between;
	font-size: calc(100vw * (15/375));
}

.item_wrap .sub_inner .cat_filter_input .input_filter {
	flex: 1;
	max-width: calc(100vw * (160/375));
}

.item_wrap .sub_inner .cat_filter_input .filter_icon {
	min-width: calc(100vw * (21/375));
}

.item_wrap .sub_inner .def_filter_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: calc(100vw * (40/375));
}

.item_wrap .sub_inner .def_filter_row .def_filter_btn {
	width: calc(100vw * (69/375));
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: calc(100vw * (19/375));
	font-weight: 700;
}

.item_wrap .sub_inner .def_filter_row .def_filter_all {
	display: flex;
	align-items: center;
	gap: calc(100vw * (3/375));
	font-size: calc(100vw * (14/375));
	font-weight: 500;
}

.item_wrap .sub_inner .def_filter_row .allchk[type="checkbox"] {
	/* top: 2px;
	 */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 50%;
	cursor: pointer;
	height: calc(100vw * (16/375));
	min-width: calc(100vw * (16/375));
	background: url(../image/sub/allchk_no.svg);
	background-size: cover;
}

.item_wrap .sub_inner .def_filter_row .allchk[type="checkbox"]:checked {
	background: url(../image/sub/allchk_yes.svg);
	background-size: cover;
}

.item_wrap .sub_inner .def_filter_row .allchk[type="checkbox"]:checked::after {
	display: block;
}

.item_wrap .sub_inner .sell_list_group {
	margin-top: calc(100vw * (20/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (17/375));
}

.item_wrap .sub_inner .sell_list_group .sell_list.done .sell_img {
	filter: brightness(0.5);
}

.item_wrap .sub_inner .sell_list_group .sell_list.done .sell_type {
	color: #505050;
	background-color: #f9f9f9;
}

.item_wrap .sub_inner .sell_list_group .sell_list.done .sell_type .sell_arw {
	filter: brightness(0.7);
}

.item_wrap .sub_inner .sell_list_group .sell_list {
	display: flex;
	gap: calc(100vw * (16/375));
	padding-bottom: calc(100vw * (17/375));
	border-bottom: 1px solid #ededed;
}

.item_wrap .sub_inner .sell_list_group .sell_img {
	min-width: calc(100vw * (108/375));
	max-width: calc(100vw * (108/375));
	min-height: calc(100vw * (108/375));
	max-height: calc(100vw * (108/375));
	overflow: hidden;
	border-radius: calc(100vw * (20/375));
}

.item_wrap .sub_inner .sell_list_group .sell_title {
	font-size: calc(100vw * (15/375));
	font-weight: 400;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100vw * (205/375));
}

.item_wrap .sub_inner .sell_list_group .sell_txt {
	margin-top: calc(100vw * (9/375));
	font-size: calc(100vw * (12/375));
	font-weight: 400;
	color: #9f9f9f;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100vw * (205/375));
}

.item_wrap .sub_inner .sell_list_group .sell_num_row {
	margin-top: calc(100vw * (22/375));
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.item_wrap .sub_inner .sell_list_group .sell_num_row .sell_num {
	font-size: calc(100vw * (17/375));
	font-weight: 700;
}

.item_wrap .sub_inner .sell_list_group .sell_num_row .sell_type {
	padding: calc(100vw * (13/375)) calc(100vw * (14/375));
	color: #fff;
	background-color: #376af5;
	border-radius: calc(100vw * (20/375));
	display: flex;
	gap: calc(100vw * (3/375));
	align-items: center;
}

.filter_line {
	width: 100%;
	height: 1px;
	background-color: #eee;
}

.filter2_modal_btn,
.filter3_modal_btn {
	margin-top: calc(100vw * (10/375));
}

.filter2_btn,
.filter3_btn {
	padding: calc(100vw * (20/375)) 0;
	font-size: calc(100vw * (15/375));
	font-weight: 500;
}

.item_detail_slider {
	width: 100%;
	border-top: 1px solid #e8eaea;
	border-bottom: 1px solid #e8eaea;
	width: 100vw;
	height: 100vw;
	overflow: hidden;
}

.item_detail_slider .swiper-pagination-bullet {
	background-color: #c2c2c2;
}

.item_detail_slider .swiper-pagination-bullet-active {
	background-color: #9c9c9c;
}

.item_detail_slider .swiper-slide img {
	width: 100vw;
	height: 100vw;
	object-fit: cover;
}

.seller_detail {
	padding: calc(100vw * (16/375)) calc(100vw * (20/375));
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e8eaea;
}

.seller_detail .seller_text {
	font-size: calc(100vw * (16/375));
	font-weight: 700;
	color: #4f5156;
}

.seller_detail .seller_txt {
	font-size: calc(100vw * (12/375));
	color: #9f9f9f;
	font-weight: 400;
	margin-top: calc(100vw * (6/375));
}

.seller_detail .seller_icon {
	padding: calc(100vw * (13/375));
	border-radius: calc(100vw * (20/375));
	background-color: #376af5;
	color: #fff;
	font-size: calc(100vw * (12/375));
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: calc(100vw * (2/375));
}

.seller_info {
	padding: calc(100vw * (20/375));
}

.seller_info .type_icon {
	display: flex;
	align-items: center;
	gap: calc(100vw * (6/375));
}

.seller_info .sell_type {
	padding: calc(100vw * (8/375)) calc(100vw * (10/375));
	color: #9f9f9f;
	font-size: calc(100vw * (11/375));
	font-weight: 400;
	border-radius: calc(100vw * (10/375));
	background-color: #f8f8f8;
	width: fit-content;
}

.seller_info .game_title {
	font-size: calc(100vw * (17/375));
	font-weight: 500;
	margin-top: calc(100vw * (24/375));
}

.seller_info .game_num {
	font-size: calc(100vw * (21/375));
	font-weight: 700;
	margin: calc(100vw * (10/375)) 0 calc(100vw * (13/375));
}

.seller_info .game_location {
	font-size: calc(100vw * (12/375));
	color: #9f9f9f;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: calc(100vw * (4/375));
}

.seller_text_area {
	padding: calc(100vw * (20/375));
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	line-height: calc(100vw * (21/375));
}

.item_footer {
	text-align: center;
	background-color: #f9f9f9;
	padding: calc(100vw * (30/375)) 0 calc(100vw * (100/375));
	font-size: calc(100vw * (12/375));
	color: #9f9f9f;
	font-weight: 400;
	line-height: calc(100vw * (21/375));
}

.no_list {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: calc(100vw * (240/375));
	font-size: calc(100vw * (16/375));
	font-weight: 500;
}

.no_list .sell_sml {
	color: #9f9f9f;
	font-size: calc(100vw * (13/375));
	margin-top: calc(100vw * (10/375));
	font-weight: 400;
}

.paging {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(100vw * (25/375));
	margin-top: calc(100vw * (50/375));
}

.paging_prev {
	width: calc(100vw * (36/375));
	height: calc(100vw * (36/375));
	background-image: url(../image/sub/prev.png);
	background-position: center;
	background-size: contain;
}

.paging_next {
	width: calc(100vw * (36/375));
	height: calc(100vw * (36/375));
	background-image: url(../image/sub/next.png);
	background-position: center;
	background-size: contain;
}

.paging_number {
	display: flex;
	align-items: center;
	gap: calc(100vw * (10/375));
	color: #9f9f9f;
	font-weight: 400;
	font-size: calc(100vw * (14/375));
}

.paging_number .paging_num {
	padding: 0 calc(100vw * (10/375));
}

.paging_number .paging_num.active {
	color: #376af5;
	font-weight: 700;
}

.giftshop_wrap .giftshop_bg {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 0 calc(100vw * (20/375)) calc(100vw * (40/375));
	background-image: url(../image/sub/giftshop_bg.png);
	background-position: center;
	background-size: cover;
}

/* END item */
/* event */
.event_wrap .event_switch {
	display: flex;
	align-items: center;
}

.event_wrap .event_switch .event_switch_btn {
	flex: 1;
	font-size: calc(100vw * (16/375));
	font-weight: 400;
	line-height: calc(100vw * (28/375));
	padding: calc(100vw * (16/375));
	text-align: center;
	border-bottom: 2px solid transparent;
}

.event_wrap .event_switch .event_switch_btn.active {
	font-weight: 600;
	border-bottom: 2px solid #1a54c2;
}

.event_wrap .event_total {
	padding: calc(100vw * (12/375)) calc(100vw * (20/375));
	background-color: #f7f7f7;
	font-size: calc(100vw * (14/375));
	font-weight: 400;
}

.event_wrap .event_list_group {
	padding: calc(100vw * (30/375)) calc(100vw * (20/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (30/375));
}

.event_wrap .event_list_group .event_title {
	color: #151515;
	font-size: calc(100vw * (18/375));
	font-weight: 500;
	margin: calc(100vw * (16/375)) 0 calc(100vw * (8/375));
}

.event_wrap .event_list_group .event_date {
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	color: #999;
}

.event_wrap .event_list_group .event_banner {
	width: 100%;
	height: calc(100vw * (112/375));
	border-radius: calc(100vw * (10/375));
	overflow: hidden;
}

.event_wrap .event_list_group .event_banner_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.event_wrap .event_list_group .partner_list {
	width: 100%;
	height: calc(100vw * (185/375));
	border-radius: calc(100vw * (15/375));
	background-color: #ebeef1;
	overflow: hidden;
}

.event_wrap .event_list_group .partner_banner {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* END event */

/* 알림 */
.arim_wrap {
	background-color: #fff;
	min-height: 100vh;
	flex-direction: column;
}
.arim_list {
	overflow-y: auto;
	width: 100%;
	height: calc(100vh - calc(100vw * (50/375)));
}

.arim_list .item {
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #f3f3f3;
	display: flex;
	padding: calc(100vw * (27/375)) calc(100vw * (20/375));
}

.arim_list .item .arim_logo {
	margin-right: calc(100vw * (14/375));
	width: calc(100vw * (24/375));
}

.arim_list .item .x_btn {
	margin-left: auto;
	width: calc(100vw * (12/375));
}

.arim_list .item .arim_text {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (14/375));
}

.arim_list .item .arim_text .row1 {
	font-weight: 400;
	font-size: calc(100vw * (15/375));
	line-height: 1.2em;
}

.arim_list .item .arim_text .row1 span {
	color: #111;
	font-weight: 600;
}

.arim_list .item .arim_text .row1 .gr_text {
	color: #376af5;
	font-weight: 600;
}

.arim_list .item .arim_text .row2 {
	font-weight: 400;
	font-size: calc(100vw * (12/375));
	line-height: 1.2em;
	color: #999;
}

.arim_wrap .empty_box {
	width: 100%;
	height: calc(100vh - calc(100vw * (50/375)));
	display: flex;
	align-items: center;
	justify-content: center;
}

.arim_wrap .empty_box .c_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 22px;
	margin-bottom: 12.5rem;
}

.arim_wrap .empty_box .c_box img {
	width: 90px;
}

.arim_wrap .empty_box .c_box .empty_text {
	font-weight: 600;
	font-size: calc(100vw * (16/375));
	line-height: 1.2em;
	color: #111;
}
/* END 알림 */

/* notice */
.notice_list_group {
	display: flex;
	flex-direction: column;
	border-top: 1px solid #eee;
}

.notice_list_group .notice_list {
	padding: calc(100vw * (24/375)) calc(100vw * (20/375)) calc(100vw * (21/375));
	border-bottom: 1px solid #eee;
}

.notice_list_group .notice_list.on {
	background-color: #f6f8ff;
}

.notice_list_group .notice_list.on .notice_title::before {
	content: '공지';
	margin-right: calc(100vw * (5/375));
	padding: calc(100vw * (4/375)) calc(100vw * (8/375));
	color: #fff;
	background-color: #376af5;
	border-radius: calc(100vw * (4/375));
	font-size: calc(100vw * (12/375));
}

.notice_list_group .notice_title {
	font-size: calc(100vw * (16/375));
	font-weight: 600;
	color: #151515;
	margin-bottom: calc(100vw * (8/375));
}

.notice_list_group .notice_date {
	color: #999;
	font-size: calc(100vw * (13/375));
	font-weight: 400;
}

.notice_view_top {
	padding: calc(100vw * (40/375)) calc(100vw * (20/375));
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

.notice_view_top .notice_view_tit {
	font-size: calc(100vw * (18/375));
	font-weight: 500;
	margin-bottom: calc(100vw * (15/375));
}

.notice_view_top .notice_view_date {
	font-size: calc(100vw * (13/375));
	color: #999;
	font-weight: 400;
}

.notice_editor {
	padding: calc(100vw * (24/375)) calc(100vw * (20/375));
}

.notice_list_btn {
	margin: 0 auto;
	padding: calc(100vw * (15/375));
	width: calc(100vw * (153/375));
	border: 1px solid #ddd;
	border-radius: calc(100vw * (6/375));
	text-align: center;
	margin: auto auto calc(100vw * (40/375));
}

/* END notice */
/* contact */
.contact_wrap .contact_switch {
	display: flex;
}

.contact_wrap .contact_switch .switch {
	flex: 1;
	text-align: center;
	color: #999;
	font-size: calc(100vw * (17/375));
	font-weight: 500;
	line-height: calc(100vw * (24/375));
	padding: calc(100vw * (14/375)) 0;
	border-bottom: 1px solid #f5f5f5;
}

.contact_wrap .contact_switch .switch.active {
	color: #262626;
	font-weight: 600;
	border-bottom: 2px solid #262626;
}

.contact_wrap .contact_inner {
    display: flex;
    flex-direction: column;
	flex: 1;
    padding: 0 calc(100vw * (20/375)) calc(100vw * (50/375));
	background-color: #F4F3F9;
	box-sizing: border-box;
	min-height: 100vh;
}

.contact_wrap .con_tit {
	color: #333;
	font-size: calc(100vw * (15/375));
	font-weight: 500;
	padding: calc(100vw * (30/375)) 0 calc(100vw * (8/375));
}

.contact_wrap .con_box {
	display: block;
	width: 100%;
	border-radius: calc(100vw * (16/375));
	color: #464646;
	font-size: calc(100vw * (16/375));
	font-weight: 400;
	padding: calc(100vw * (18/375)) calc(100vw * (21/375));
	display: flex;
	align-items: center;
	justify-content: space-between;
	resize: none;
	background: #fff;
}

.contact_wrap .con_id {
	background-color: #efefef;
	border: none;
	color: #999;
}
.contact_wrap .con_id input {
	background: transparent;
}
.contact_wrap .con_type {
	background-color: #fff;
	font-size: calc(100vw * (17/375));
	font-weight: 600;
}

.contact_wrap .con_type img {
	width: calc(100vw * (12/375));
}

.contact_wrap textarea {
	margin: calc(100vw * (14/375)) 0 calc(100vw * (15/375));
	height: calc(100vw * (161/375));
}

.contact_wrap .text_length {
	text-align: right;
	margin-bottom: calc(100vw * (55/375));
	color: #999;
	font-size: calc(100vw * (12/375));
	font-weight: 400;
}

.con_list_group {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (10/375));
	font-size: calc(100vw * (17/375));
	font-weight: 500;
	line-height: calc(100vw * (36/375));
	color: #222;
	margin-top: calc(100vw * (31/375));
	padding-bottom: calc(100vw * (80/375));
	max-height: 80vh;
	overflow-y: scroll;
}

.con_list_group .con_list {
	padding-bottom: calc(100vw * (10/375));
	border-bottom: 1px solid #ebebeb;
}

.contact_inner .con_req {
	padding: calc(100vw * (20/375)) calc(100vw * (22/375));
	border: 1px solid #ddd;
	border-radius: calc(100vw * (12/375));
	color: #151515;
	margin-bottom: calc(100vw * (12/375));
}

.req_type {
	color: #999;
	font-size: calc(100vw * (14/375));
	font-weight: 600;
	margin-bottom: calc(100vw * (10/375));
}

.con_req.on .req_type {
	color: #25aab7;
}

.req_title {
	font-size: calc(100vw * (17/375));
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.req_title img {
	transition: 0.5s;
	width: calc(100vw * (12/375));
}

.con_req.active .req_title img {
	rotate: 180deg;
}

.req_text {
	font-size: calc(100vw * (14/375));
	margin-top: calc(100vw * (18/375));
	line-height: calc(100vw * (20/375));
}

.req_date {
	margin-top: calc(100vw * (10/375));
	color: #999;
	font-weight: 400;
	letter-spacing: calc(100vw * (0.13/375));
}

.req_ans {
	display: none;
}

.ans_wrap {
	margin-top: calc(100vw * (40/375));
	padding-top: calc(100vw * (30/375));
	border-top: 1px solid #ededed;
	display: flex;
	gap: calc(100vw * (12/375));
}

.req_ans .left {
	width: calc(100vw * (32/375));
}

.ans_title {
	color: #222;
	font-size: calc(100vw * (14/375));
	font-weight: 700;
	margin-bottom: calc(100vw * (8/375));
}

.ans_text {
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	line-height: calc(100vw * (20/375));
}

.con_req.active {
	border: 1px solid #25aab7;
}

.no_req {
	width: 100%;
	height: calc(100vh - calc(100vw * (60/375)) - calc(100vw * (69/375)));
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: calc(100vw * (16/375));
	color: #999;
}

.com_modal_fade {
	display: flex;
	z-index: 99999;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	flex-direction: column;
	width: calc(100vw * (315/375));
	border-radius: calc(100vw * (16/375));
	overflow: hidden;
}

.com_modal_fade .contact_select {
	padding: calc(100vw * (20/375));
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: calc(100vw * (18/375));
	font-weight: 500;
}

.contact_select input[type="radio"] {
	/* top: 2px;
	 */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 50%;
	cursor: pointer;
	height: calc(100vw * (24/375));
	min-width: calc(100vw * (24/375));
	background: url(../image/sub/radio_no.svg);
	background-size: cover;
}

.contact_select input[type="radio"]:checked {
	background: url(../image/sub/radio_yes.svg);
	background-size: cover;
}

.contact_select input[type="radio"]:checked::after {
	display: block;
}

.com_modal_fade input {
	width: calc(100vw * (24/375));
	height: calc(100vw * (24/375));
}

.contact_list {
	padding: calc(100vw * (22/375)) calc(100vw * (25/375));
	display: flex;
	align-items: flex-start;
	border-bottom: 1px solid #f4f4f4;
}

.contact_list .contact_type {
	height: fit-content;
	margin-right: calc(100vw * (10/375));
	padding: calc(100vw * (5/375)) calc(100vw * (6/375));
	background-color: #eee;
	color: #aaa;
	font-size: calc(100vw * (11/375));
	border-radius: calc(100vw * (6/375));
}

.contact_list .contact_title {
	font-size: calc(100vw * (15/375));
	font-weight: 600;
	max-width: calc(100vw * (220/375));
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.contact_list .contact_date {
	font-size: calc(100vw * (13/375));
	color: #999;
	font-weight: 400;
	margin-top: calc(100vw * (8/375));
}

.contact_list .contact_arw {
	margin-left: auto;
	margin-top: calc(100vw * (5/375));
}

.contact_item.done .contact_type {
	color: #fff;
	background-color: #376af5;
}

.contact_ans {
	display: none;
	padding: calc(100vw * (20/375)) calc(100vw * (20/375)) calc(100vw * (40/375));
	background-color: #f9f9f9;
}

.contact_ans .ans_text {
	color: #9f9f9f;
	font-size: calc(100vw * (15/375));
	padding-bottom: calc(100vw * (20/375));
	border-bottom: 1px solid #ddd;
}

.contact_ans .ans_icon {
	margin-top: calc(100vw * (20/375));
	padding: calc(100vw * (3/375)) calc(100vw * (6/375));
	background-color: rgba(192, 192, 195, 0.3);
	font-size: calc(100vw * (11/375));
	color: #656a83;
	display: flex;
	align-items: center;
	gap: calc(100vw * (2/375));
	width: fit-content;
	border-radius: calc(100vw * (3/375));
}

.contact_ans .ans_txt {
	margin-top: calc(100vw * (20/375));
	font-size: calc(100vw * (15/375));
	font-weight: 500;
	line-height: calc(100vw * (28/375));
}

.contact_ans .ans_date {
	margin-top: calc(100vw * (15/375));
	color: #9f9f9f;
	font-size: calc(100vw * (12/375));
}

/* END contact */

/* verify */

.verify_inner {
	padding: calc(100vw * (32/375)) calc(100vw * (30/375)) calc(100vw * (60/375));
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
}

.ver_name {
	font-size: calc(100vw * (20/375));
	font-weight: 600;
	color: #292929;
}

.ver_mail {
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	line-height: calc(100vw * (17/375));
	margin-top: calc(100vw * (6/375));
}

.ver_box {
	padding: calc(100vw * (20/375)) calc(100vw * (30/375)) calc(100vw * (20/375)) calc(100vw * (20/375));
	background-color: #f8f8fc;
	border-radius: calc(100vw * (16/375));
	display: flex;
	gap: calc(100vw * (14/375));
	margin-top: calc(100vw * (23/375));
}

.ver_type {
	min-width: calc(100vw * (48/375));
	min-height: calc(100vw * (48/375));
	max-width: calc(100vw * (48/375));
	max-height: calc(100vw * (48/375));
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: calc(100vw * (22/375));
	font-weight: 700;
}

.ver_type.standard {
	background-color: #ff9e59;
}

.ver_index {
	font-size: calc(100vw * (15/375));
	font-weight: 700;
	line-height: calc(100vw * (19/375));
	margin-bottom: calc(100vw * (5/375));
}

.ver_txt {
	font-size: calc(100vw * (12/375));
	font-weight: 400;
	line-height: calc(100vw * (19/375));
	color: #474758;
	word-break: keep-all;
}

.ver_txt span {
	font-weight: 600;
}

.ver_limit {
	padding: calc(100vw * (24/375)) calc(100vw * (24/375)) calc(100vw * (30/375)) calc(100vw * (24/375));
	border: 2px solid #f3f3f4;
	border-radius: calc(100vw * (16/375));
	margin-top: calc(100vw * (20/375));
}

.limit_index {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.limit_txt {
	font-size: calc(100vw * (15/375));
	font-weight: 700;
	line-height: calc(100vw * (19/375));
}

.limit_num {
	color: #999;
	font-size: calc(100vw * (11/375));
	font-weight: 400;
	line-height: calc(100vw * (19/375));
}

.limit_bar {
	margin-top: calc(100vw * (10/375));
	width: 100%;
	height: calc(100vw * (6/375));
	border-radius: calc(100vw * (16/375));
	background-color: #f0f0f0;
	overflow: hidden;
}

.limit_bar_inline {
	background-color: #ff9e59;
	height: 100%;
	border-radius: calc(100vw * (16/375));
}

.ver_account {
	border-radius: calc(100vw * (16/375));
	background-color: #f8f8fc;
	padding: calc(100vw * (22/375));
	margin-top: calc(100vw * (20/375));
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.ver_acc_tit {
	font-size: calc(100vw * (15/375));
	font-weight: 700;
	line-height: calc(100vw * (19/375));
	margin-bottom: calc(100vw * (5/375));
}

.ver_acc_txt {
	font-size: calc(100vw * (13/375));
	font-weight: 400;
	line-height: calc(100vw * (19/375));
	margin-bottom: calc(100vw * (17/375));
}

.ver_acc_btn {
	padding: calc(100vw * (9/375)) calc(100vw * (18/375));
	border-radius: calc(100vw * (30/375));
	background-color: #7242ff;
	color: #fff;
	font-size: calc(100vw * (13/375));
	font-weight: 600;
	display: block;
	width: fit-content;
}

.ver_title {
	font-size: calc(100vw * (20/375));
	color: #292929;
	font-weight: 700;
	margin-bottom: calc(100vw * (24/375));
}

.ver_text {
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	line-height: 120%;
	color: #474758;
	margin-bottom: calc(100vw * (24/375));
}

/* END verify */

/* myqr */
.myqr_wrap {
	background-color: #fff;
}

.qr_wrap {
	width: 100%;
	padding: 0 calc(100vw * (30/375));
	flex: 1;
	background-image: url(../image/sub/myqr_bg.png);
	background-size: 100%;
	background-position: bottom;
	background-repeat: no-repeat;
}

.myqr_box {
	border-radius: calc(100vw * (16/375));
	padding: calc(100vw * (50/375)) calc(100vw * (41/375)) calc(100vw * (88/375));
	background-color: #fff;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.07);
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: calc(100vw * (30/375));
}

.myqr_logo {
	width: calc(100vw * (60/375));
	margin-bottom: calc(100vw * (20/375));
}

.myqr_title {
	color: #000;
	font-size: calc(100vw * (18/375));
	font-weight: 600;
}

.myqr_txt {
	font-size: calc(100vw * (13/375));
	font-weight: 400;
	color: #999;
	margin-top: calc(100vw * (10/375));
	margin-bottom: calc(100vw * (70/375));
}

.myqr_QR {
	width: calc(100vw * (190/375));
	height: calc(100vw * (190/375));
}
.myqr_QR canvas {
	width: calc(100vw * (190/375));
	height: calc(100vw * (190/375));
}

/* END myqr */

/* 23.11.22 추가 */
.tr_text {
	margin-top: calc(100vw * (10/375));
	color: #292929;
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	max-width: calc(100vw * (212/375));
	word-break: keep-all;
}

.tr_info_txt {
	margin-top: calc(100vw * (30/375));
	padding-top: calc(100vw * (12/375));
	font-size: calc(100vw * (12/375));
	color: #999;
	font-weight: 500;
	line-height: calc(100vw * (17/375));
	padding-left: calc(100vw * (20/375));
}

.tr_info_txt::before {
	position: absolute;
	top: 25%;
	left: 0%;
	content: '';
	width: calc(100vw * (14/375));
	height: calc(100vw * (14/375));
	background-image: url(../image/sub/tether_icon.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.tr_info_txt a {
	color: #ff9e59;
	font-weight: 600;
	text-decoration: underline;
}

/*  END 23.11.22 추가 */

/* 23.11.22 추가 */

.tr_text {
	margin-top: calc(100vw * (10/375));
	color: #292929;
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	max-width: calc(100vw * (212/375));
	word-break: keep-all;
}

.tr_info_txt {
	margin-top: calc(100vw * (30/375));
	padding-top: calc(100vw * (12/375));
	font-size: calc(100vw * (12/375));
	color: #999;
	font-weight: 500;
	line-height: calc(100vw * (17/375));
	padding-left: calc(100vw * (20/375));
}

.tr_info_txt::before {
	position: absolute;
	top: 25%;
	left: 0%;
	content: '';
	width: calc(100vw * (14/375));
	height: calc(100vw * (14/375));
	background-image: url(../image/sub/tether_icon.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.tr_info_txt a {
	color: #ff9e59;
	font-weight: 600;
	text-decoration: underline;
}

/*  END 23.11.22 추가 */

/* 23.11.24 추가 */

.pay_wrap .pay_top {
    padding: calc(100vw * (8/375)) calc(100vw * (30/375)) calc(100vw * (60/375));
    display: flex;
    flex-direction: column;
}

.pay_wrap .pay_logo {
    width: calc(100vw * (61/375));
}

.pay_wrap .pay_img {
    width: calc(100vw * (139/375));
    margin: calc(100vw * (10/375)) auto calc(100vw * (18/375));
}

.pay_title {
    font-size: calc(100vw * (14/375));
    font-weight: 400;
    color: #262626;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: calc(100vw * (30/375));
}

.pay_title span.line {
    width: 1px;
    height: calc(100vw * (11/375));
    background-color: #d9d9d9;
    margin: 0 calc(100vw * (10/375));
}

.pay_title .big_title {
    font-size: calc(100vw * (20/375));
    font-weight: 700;
    color: #292929;
}

.pay_input_row {
    display: flex;
    flex-direction: column;
    gap: calc(100vw * (10/375));
    margin-bottom: calc(100vw * (15/375));
}

.pay_input_row input {
    background-color: #f6f7f8;
    border-radius: calc(100vw * (16/375));
    padding: calc(100vw * (20/375));
    font-size: calc(100vw * (16/375));
    font-weight: 500;
}

.pay_input_txt {
    color: #aaa;
    font-size: calc(100vw * (13/375));
    font-weight: 400;
}

.pay_btm {
    padding: calc(100vw * (40/375)) calc(100vw * (30/375)) calc(100vw * (60/375));
    background-color: #f8f8f8;
}

.pay_btm_title {
    color: #292929;
    font-size: calc(100vw * (16/375));
    font-weight: 600;
}

.pay_btm_group {
    display: flex;
    flex-direction: column;
    gap: calc(100vw * (5/375));
    margin-top: calc(100vw * (14/375));
}

.pay_btm_group .pay_btm_txt {
    display: block;
    color: #777;
    font-size: calc(100vw * (14/375));
    font-weight: 400;
    line-height: 1.2em;
}

.pay_btm_group .pay_btm_txt span {
    color: #ff6e6e;
}

.pay_btm_app {
    display: flex;
    align-items: center;
    gap: calc(100vw * (11/375));
    margin-top: calc(100vw * (30/375));
}

.pay_btm_app img {
    width: calc(100vw * (152/375));
    display: block;
}

.btm2 .pay_btm_txt {
    color: #777;
    font-size: calc(100vw * (14/375));
    font-weight: 400;
    text-align: center;
    line-height: calc(100vw * (24/375));
}

.pay_top2 {
    padding: calc(100vw * (20/375)) calc(100vw * (30/375)) calc(100vw * (55/375));
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pay_title2 {
    font-size: calc(100vw * (17/375));
    font-weight: 700;
    color: #292929;
    margin-bottom: calc(100vw * (65/375));
}

.pay_tit2 {
    color: #aaa;
    font-size: calc(100vw * (15/375));
    font-weight: 500;
}

.pay_num2 {
    color: #262626;
    font-size: calc(100vw * (35/375));
    font-weight: 600;
    margin-top: calc(100vw * (5/375));
    width: 100%;
    padding-bottom: calc(100vw * (40/375));
    border-bottom: 1px solid #eee;
    text-align: center;
}

.pay_row_group {
    display: flex;
    flex-direction: column;
    gap: calc(100vw * (20/375));
    width: 100%;
    margin-top: calc(100vw * (50/375));
}

.pay_row2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pay_row2_left {
    color: #292929;
    font-size: calc(100vw * (14/375));
    font-weight: 600;
}

.pay_row2_right {
    color: #262626;
    font-size: calc(100vw * (14/375));
    font-weight: 400;
}

.pay_row2_right.purple {
    font-size: calc(100vw * (16/375));
    font-weight: 600;
    color: #7242ff;
}

.pay_btm.btm2 {
    flex: 1;
}
/* END 23.11.24 추가 */

.sell_no {
	padding: 50px 0;
	color: #999;
	text-align: center;
}

/* 2023-12-05 */
.remit_inner {
    background-color: #f4f3f9;
}

.remit_inner .input_row {
    border: none;
}

.remit_inner .charge_notice {
    background-color: #fff;
}
.acc_verify_bank {
    width: 100%;
    justify-content: space-between;
}

.acc_verify_bank .chosen {
    font-size: calc(100vw * (18/375));
    font-weight: 500;
    line-height: calc(100vw * (17/375));
}

.remit_inner .input_row.veri_acc {
    height: calc(100vw * (65/375));
    margin-top: calc(100vw * (15/375));
    margin-bottom: calc(100vw * (10/375));
}

.sub_wrap {
/*    min-height: calc(100vh - calc(100vw * (60/375)));*/
}

.com_modal_up .com_modal_xbtn {
    width: calc(100vw * (26/375));
    height: calc(100vw * (26/375));
}

.modal_bank.active {
    background-color: #7242ff;
    color: #fff;
}

.charge_modal .remit_sel .charge_num {
    flex-direction: row;
}

.charge_modal .remit_sel .charge_num .Inter {
    font-weight: 600;
}

.remit_inner .input_row {
    height: calc(100vw * (65/375));
    margin-top: calc(100vw * (15/375));
}

.input_row.fix_remit {
    background-color: #eae9ef;
}

.remit_inner .input_row.fix_remit .chosen {
    font-size: calc(100vw * (14/375));
}

.remit_inner .charge_notice {
    background-color: transparent;
    padding: 0;
}

.remit_inner .charge_notice .n_span {
    display: flex;
    align-items: center;
    gap: calc(100vw * (6/375));
    color: #999;
}

.remit_inner .charge_notice .row3 a {
    color: #ff9e59 ;
    padding-left: calc(100vw * (16/375));
}

.remit_inner .remit2 .row1 {
    background-color: #fff;
}

.remit_inner .remit2 .row1 .sky {
    color: #6631fb;
}

.charge_notice .row2 span {
    padding-left: calc(100vw * (16/375));
    text-indent: calc((100vw * (6/375)) * -1);
}

.account_change {
    padding: calc(100vw * (7/375)) calc(100vw * (16/375));
    font-size: calc(100vw * (12/375)) !important;
    color: #fff !important;
    background-color: #7242ff;
    border-radius: calc(100vw * (18/375));
}