@charset "utf-8";

.d-card{
	display: flex;
	justify-content: center;
	align-items: center;
}
.d-card img{
	width: auto;
	aspect-ratio: 678/426;
}

.d-card-layer{
	display: flex;
	justify-content: center;
	align-items: center;
}
.d-card-layer img{
	width: auto;
	aspect-ratio: 337/256;
}

input::placeholder {
	color:var(--gray-color) !important;
	font-weight:400;
}
textarea::placeholder {
	color:var(--gray-color) !important;
	font-weight:400;
}

.com_btn {
	text-align: center;
	background: var(--main-color);
	border-radius: calc(100vw * (10/375));
	height: calc(100vw * (62/375));
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	color: #FFF;
	margin-top: auto;
	padding: calc(100vw * (20/375)) 0;
	width:100%;
}

.com_btn.unable {
	background: var(--btn-unable-color);
	color: var(--placeholder);
}
.com_btn.default {
	background: #FFF;
	color: var(--block-color);
	border: 1px solid var(--border-color);
}
.com_btn.etc {
	width: auto;
	height: calc(100vw * (52/375));
	padding: 0 calc(100vw * (20/375));
	font-size: calc(100vw * (16/375));
}


/* splash */
.splash_wrap {
	width: 100vw;
	height: 100vh;
	background-color: var(--background-color);
	padding: calc(100vw * (69/375)) calc(100vw * (31/375));
}

.splash_wrap img {
	width: calc(100vw * (161/375));
}

.splash_wrap .title {
	margin-top: calc(100vw * (30/375));
	font-weight: 600;
	font-size: calc(100vw * (20/375));
	line-height: 1.4;
	color: var(--block-color);
}

.splash_wrap .tit {
	margin-top: calc(100vw * (20/375));
	font-size: calc(100vw * (16/375));
	line-height: 1.4;
	color: var(--gray-color);
}

/* END splash */

/* Onboarding */
.ob_wrap {
	padding: 0 calc(100vw * (25/375));
	background: var(--background-color);
	width: 100%;
	height: 100vh;
	text-align: center;
}

.ob_wrap .title {
	padding-top: calc(100vw * (68/375));
	font-family: 'Pretendard';
	font-weight: 700;
	font-size: calc(100vw * (24/375));
	line-height: 1.4em;
}

.ob_wrap .slider {
	width: calc(100vw * (257/375));
	margin: 0 auto;
}

.ob_wrap .tit {
	margin-top: calc(100vw * (13/375));
	font-family: 'Pretendard';
	font-weight: 500;
	font-size: calc(100vw * (15/375));
	line-height: 1.2em;
	color: #A3A3A3;
}

.ob_wrap .swiper-slide {
	padding: calc(100vw * (10/375));
	padding-bottom: 0;
	margin-top: calc(100vw * (47/375));
	margin-bottom: calc(100vw * (117/375));
	width: calc(100vw * (257/375));
	height: calc(100vw * (334/375));
	background-color: #FFF;
	box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.02);
	border-radius: calc(100vw * (23/375)) calc(100vw * (23/375)) 0px 0px;
}

.ob_wrap .swiper-pagination {
	/* border: 1px solid red; */
	position: absolute;
	bottom: 50px !important;
}

.ob_wrap .swiper-pagination-bullet-active {
	background-color: #595A5B;
	width: calc(100vw * (18/375));
	border-radius: calc(100vw * (5/375));
}

/* END Onboarding */

/* signup */

.signup_wrap {
	background-color: var(--background-color);
	font-family: 'Pretendard';
	padding: calc(100vw * (60/375)) calc(100vw * (16/375)) calc(100vw * (40/375));
	width: 100%;
	min-height:100vh;
	display: flex;
	flex-direction: column;
}
.signup_wrap.pw_wrap{
	padding: calc(100vw * (60/375)) calc(100vw * (25/375)) calc(100vw * (40/375));
/*	min-height: calc(100vh - (100vw * (60 / 375)));*/
/*	height: calc(100vh - (100vw * (60 / 375)));*/
}

.signup_wrap.full {
	padding: calc(100vw * (50/375)) 0 0;
}

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


.signup_wrap .title {
	font-weight: 600;
	font-size: calc(100vw * (20/375));
	display:flex;
	line-height: 1.4;
	font-weight: 500;
	flex-direction:column;
	margin-top: calc(100vw * (64/375));
}
.signup_wrap .title.title--type{
	margin-left: calc(100vw * (20/375));
}
.signup_wrap .title .img_logo {
	width:calc(100vw * (194/375));
	margin-bottom:calc(100vw * (30/375));
}
.signup_wrap .sub_tit {
	color: var(--gray-color2);
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	margin-top:calc(100vw * (8/375));
	margin-bottom:calc(100vw * (24/375));
}
.signup_wrap .subtitle {
	font-size:calc(100vw * (14/375));
	color:var(--block-color);
	margin:calc(100vw * (8/375)) 0 calc(100vw * (-20/375));
}

.signup_wrap .title.lang_title {
	margin-bottom:calc(100vw * (20/375));
	padding-bottom:calc(100vw * (20/375));
	border-bottom: 1px solid rgba(0,0,0,0.05);
} 

.signup_wrap .title.forgot {
	font-weight:600;
}
.signup_wrap .title.forgot span{
	font-size: calc(100vw * (16/375));
	font-weight:500;
}

.signup_wrap .title.forgot .forgot_title{
	margin-bottom: calc(100vw * (12/375));
	font-weight: 600;
	font-size: calc(100vw * (20/375));
}

.signup_wrap .com_btn {
	margin-bottom: 0;
}

.signup_wrap .com_btn.fixed {
	position:fixed;
	bottom:calc(100vw * (20/375));
	width:calc(100vw * (343/375));
}



.signup_wrap .check_group {
	margin-top: calc(100vw * (60/375));
	margin-bottom: calc(100vw * (30/375));
}

.signup_wrap .all_check {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 calc(100vw * (16/375));
	height: calc(100vw * (64/375));
	font-size: calc(100vw * (18/375));
	font-weight: 600;
	color:var(--main-color);
	margin:0 calc(100vw * (-16/375));
	border-bottom: 1px solid var(--border-color);
}
.signup_wrap .all_check label {
	display:flex;
	align-items:center;
	gap:calc(100vw * (12/375));
}

.check_group .check_row_group {
	margin-top: calc(100vw * (32/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (25/375));
	padding: 0ㄴ;
}

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

.check_group .row label {
	width:100%;
	font-weight: 400;
	font-size: calc(100vw * (15/375));
	line-height: normal;
	display:flex;
	align-items:center;
}
.check_group .row label input{
	margin-right:calc(100vw * (12/375));
}

.check_group .row .under {
	text-decoration: underline;
	font-size:calc(100vw * (13/375));
	color:var(--gray-color);
	margin-left:auto;
}

.check_group .row .gray {
	color: var(--main-color);
	margin-right:calc(100vw * (4/375));
}

.signup_wrap input[type="checkbox"] {
	/* top: 2px; */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border-radius: 50%;
	cursor: pointer;
	height: calc(100vw * (28/375));
	min-width: calc(100vw * (28/375));
	background: transparent;
}

.signup_wrap input[type="checkbox"]::after {
	border: solid var(--border-color);
	border-width: 0 2px 2px 0;
	content: '';
	display: block;
	height: 40%;
	left: 40%;
	position: relative;
	top: 20%;
	transform: rotate(45deg);
	width: 15%;
}

.signup_wrap input[type="checkbox"]:checked {
	background: transparent;
}

.signup_wrap input[type="checkbox"]:checked::after {
	display: block;
	border-color:var(--main-color);
}

.signup_wrap .com_btn.s2 {
	margin-top: calc(100vw * (251/375));
}

.signup_wrap .input_group {
	margin-top: calc(100vw * (10/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (30/375));
	margin-bottom:calc(100vw * (40/375));
}

.signup_wrap .input_title {
	font-weight: 400;
	font-size: calc(100vw * (16/375));
	color: var(--gray-color);
}

.signup_wrap .phone input,
.signup_wrap .mail input {
	width: 100%;
	height: calc(100vw * (62/375));
	outline: none;
	border-radius: calc(100vw * (8/375));
	padding: 0 calc(100vw * (16/375));
	font-size: calc(100vw * (16/375));
	color: var(--block-color);
	background: #FFF;
	border: 1px solid var(--border-color);
	padding: 0 calc(100vw * (12/375));
	color: var(--block-color);
	font-weight: 600;
	border-radius: calc(100vw * (10/375));
}
.signup_wrap .phone input:focus,
.signup_wrap .mail input:focus {
	border:1px solid var(--main-color);
}

.signup_wrap .mail input {
	margin-top: calc(100vw * (10/375));
}

.signup_wrap .phone .row {
	margin-top: calc(100vw * (10/375));
	display: flex;
	gap: calc(100vw * (8/375));
}

.signup_wrap .row_tit {
	font-weight: 400;
	font-size: calc(100vw * (13/375));
	line-height: 1.25em;
	margin-top: calc(100vw * (10/375));
}

.signup_wrap .phone .sm_btn {
	min-width: calc(100vw * (108/375));
	height: calc(100vw * (62/375));
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border-radius: calc(100vw * (10/375));
	font-weight: 600;
	font-size: calc(100vw * (16/375));
	color: var(--main-color);
	border:1px solid var(--main-color);
	text-align: center;
}

.signup_wrap .phone .sm_btn2 {
	min-width: calc(100vw * (108/375));
	height: calc(100vw * (40/375));
	display: flex;
	align-items: center;
	justify-content: center;
	background: #595A5B;
	border-radius: calc(100vw * (8/375));
	font-weight: 500;
	font-size: calc(100vw * (14/375));
	line-height: 1.2em;
	color: #FFF;
	width:100%;
	margin-top:calc(100vw * (10/375));
}

.signup_wrap .timer {
	color: var(--red-color);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%);
}

.signup_wrap .phone .sm_btn.active {
	background: var(--main-color);
	color:#fff;
}

.signup_wrap .phone .sm_btn.ok {
	background: var(--btn-unable-color);
    color: #B8B8B8;
    border-color: var(--btn-unable-color);
}

.signup_wrap .phone .row2,
.signup_wrap .row_tit,
.signup_wrap .recommend{
	transition: 0.5s;
	opacity: 0;
}
.signup_wrap.row2_hide .phone .row2,
.signup_wrap.row2_hide .row_tit,
.signup_wrap.row2_hide .recommend{
	height:0;
}

.signup_wrap.row2_hide .phone.phone_select{
	display:none;
}
.signup_wrap .title_sm {
	font-weight: 500;
	font-size: calc(100vw * (18/375));
	line-height: 1.2em;
	color: var(--block-color);
	margin: 0 auto;
	padding-top: calc(100vw * (96/375));
	text-align: center;
}

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

.signup_wrap .dot_group .dot {
	width: calc(100vw * (8/375));
	height: calc(100vw * (8/375));
	border-radius: 50%;
	background-color: #D6D9E0;
	transition: 0.5s;
}

.signup_wrap .dot_group .dot.active {
	width: calc(100vw * (14/375));
	height: calc(100vw * (14/375));
	background-color: #59A8C8;
}

.signup_wrap .dot_group .dot.ok {
	width: calc(100vw * (8/375));
	height: calc(100vw * (8/375));
	background-color: #59A8C8;
}

.signup_wrap .num_pad {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin-top: calc(100vw * (161/375));
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: calc(100vw * (17/375));
	column-gap: calc(100vw * (17/375));
	padding: calc(100vw * (28/375)) calc(100vw * (25/375));
	background: linear-gradient(0deg, #EBEBF1, #EBEBF1), #F9F9FC;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.01);
	border-radius: calc(100vw * (25/375)) calc(100vw * (25/375)) 0 0;
}

.signup_wrap .pad {
	width: calc(100vw * (97/375));
	height: calc(100vw * (64/375));
	background-color: #F1F1F5;
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.01);
	border-radius: calc(100vw * (15/375));
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: calc(100vw * (25/375));
	line-height: 1.2em;
}

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

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

.signup_wrap .title.center {
	text-align: center;
}

.signup_wrap .welcome {
	margin-top: calc(100vw * (40/375));
	padding: calc(100vw * (30/375)) calc(100vw * (16/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (35/375));
	background: linear-gradient(0deg, #EBEBF1, #EBEBF1), #F9F9FC;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.01);
	border-radius: calc(100vw * (20/375));
	margin-bottom: calc(100vw * (40/375));
}

.signup_wrap .welcome .img_box {
	width: calc(100vw * (50/375));
	height: calc(100vw * (50/375));
	border-radius: calc(100vw * (17/375));
	background-color: #F1F1F5;
	display: flex;
	align-items: center;
	justify-content: center;
}

.signup_wrap .welcome .img_box img {
	width: calc(100vw * (24/375));
}

.signup_wrap .welcome .row {
	display: flex;
	gap: calc(100vw * (12/375));
	align-items: center;
}

.signup_wrap .welcome .text_row {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (4/375));
}

.signup_wrap .welcome .row .text1 {
	font-weight: 600;
	font-size: calc(100vw * (16/375));
	line-height: 1.2em;
	color: var(--block-color);
}

.signup_wrap .welcome .row .text2 {
	font-size: calc(100vw * (15/375));
	font-weight: 400;
	line-height: 1.2em;
}

.signup_wrap .notice {
	padding-top: calc(100vw * (30/375));
	border-top: 1px solid #EAEBEC;
}

.signup_wrap .notice .n_title {
	font-weight: 500;
	font-size: calc(100vw * (16/375));
	line-height: 1.2em;
	margin-bottom: calc(100vw * (10/375));
}

.signup_wrap .notice span {
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	line-height: 1.5em;
	color: #919191;
	padding-left: calc(100vw * (8/375));
	text-indent: calc((100vw * (8/375)) * -1);
	display: inline-block;
}

.signup_wrap .com_btn.s3 {
	position: unset;
	width: 100%;
	margin-top: calc(100vw * (70/375));
}

/*
* 2023.12.18 유정현 추가
*/
.signup_wrap .lang_wrap {
	padding: calc(100vw * (16/375)) calc(100vw * (25/375)) calc(100vw * (40/375));
	/* border: 1px solid red; */
	width: 100%;
	height: calc(79vh - calc(100vw * (60/375)));
}

/* END signup */

/* language */
.language_wrap {
	background-color: var(--background-color);
}

.lang_wrap {
	padding: calc(100vw * (60/375)) calc(100vw * (16/375)) calc(100vw * (40/375));
	/* border: 1px solid red; */
	width: 100%;
	height: 100%;
}

.lang_wrap .search_box {
	width: 100%;
	display: flex;
	align-items: center;
	height: calc(100vw * (50/375));
	gap: calc(100vw * (14/375));
	padding: 0 calc(100vw * (14/375));
	background: #FFFFFF;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.01);
	border-radius: calc(100vw * (80/375));
	margin-top : calc(100vw * (16/375));
}

.lang_wrap .search_box img {
	width: calc(100vw * (24/375));
	height: calc(100vw * (24/375));
	order:2;
}

.lang_wrap .search_box input {
	font-weight: 400;
	font-size: calc(100vw * (18/375));
	line-height: 1.333;
	color: var(--block-color);
	order:1;
	width:calc(100% - (100vw * (38/375)));
}

.lang_wrap .search_box input::placeholder {
	color: #A3A3A3;
}

.lang_wrap .c_list {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	overflow-y: auto;
/*	height: calc(100vh - (100vw * (60/375)) - calc(100vw * (50/375)));*/
	/* border: 1px solid red; */
}

.lang_wrap .c_list li {
	font-weight: 400;
	font-size: calc(100vw * (18/375));
	height: calc(100vw * (60/375));
	color: var(--block-color);
	background-color: transparent;
	display:flex;
	align-items:center;
}
.lang_wrap .c_list li.select {
	color:var(--main-color);
	position:relative;
}
.lang_wrap .c_list li.select:after{
	content:"";
	width:calc(100vw * (24/375));
	height:calc(100vw * (24/375));
	background-image:url('../image/sub/lang_chk.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}

.lang_wrap .c_list li.on {
	font-weight:700;
}

.lang_wrap .c_list li .flag {
	width:calc(100vw * (32/375));
	margin-right:calc(100vw * (8/375));
}

.lang_wrap .c_list li .lang_arw {
	width:calc(100vw * (24/375));
	margin-left : auto;
	display:none;
}

.lang_wrap .blur {
	/* border: 1px solid red; */
	width: 100%;
	height: calc(100vw * (80/375));
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(244, 244, 249, 0) 0%, var(--background-color) 100%);
}

.signup_etc_modal .modal_etc_text {
	max-height:75vh;
	overflow:auto;
}
.modal_etc_text p{
	font-size: calc(100vw * (15/375));
	line-height: 1.4 !important;
}
.modal_country_group {
	max-height:75vh;
	overflow:auto;
	display:flex;
	flex-direction:column;
/*	gap:calc(100vw * (10/375));*/
}

.modal_country_group .country_num{
	padding:calc(100vw * (15/375)) 0;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	font-size:calc(100vw * (16/375));
	font-weight:500;
}

.row1 .country_number {
	min-width: calc(100vw*(80 / 375));
	height: calc(100vw*(50 / 375));
	display: flex;
	align-items: center;
	justify-content: center;
	background: #595A5B;
	border-radius: calc(100vw * (8/375));
	font-weight: 500;
	font-size: calc(100vw * (18/375));
	line-height: 1.2em;
	color: #FFF;
}

.social_signup_btn {
	margin : calc(100vw * (20/375)) 0 ;
	display: flex;
	flex-direction:column;
	gap:calc(100vw * (10/375));
}

/* END language */

/* login */

.login_wrap {
	background-color: var(--background-color);
	font-family: 'Pretendard';
	padding: calc(100vw * (60/375)) calc(100vw * (25/375)) calc(100vw * (30/375));
	width: 100%;
	min-height: 100vh;
	background: url('/image/sub/bg_login_bottom.png') left bottom no-repeat;
	background-size: 100vw auto;	
}

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

.login_wrap .box_logo {
	margin-top: calc(100vw * (70/375));
}

.login_wrap .box_logo img {
	width: calc(100vw * (164/375));
}


.login_wrap .en_title {
	font-weight: 600;
	font-size: calc(100vw * (20/375));
	line-height: 1.4;
	color: var(--block-color);
	margin-top: calc(100vw * (20/375));
}

.login_wrap .en_tit {
	font-family: inherit;
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	line-height: normal;
	color: var(--block-color);
	margin-top: calc(100vw * (20/375));
}

.login_wrap .login_input {
	margin-top: calc(100vw * (72/375));
}

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

.login_wrap .login_input .input_group input::placeholder {
	color: #A3A3A3;
}

.login_wrap .login_input .input_group input {
	width: 100%;
	height: calc(100vw * (50/375));
	padding: 0 calc(100vw * (12/375));
	background: #FFFFFF;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.01);
	border-radius: calc(100vw * (8/375));
	font-weight: 400;
	font-size: calc(100vw * (16/375));
	line-height: 1.2em;
	color: var(--block-color);
}

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

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

.login_wrap .find_row .left label,
.login_wrap .find_row .right {
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	line-height: 1.2em;
	color: var(--block-color);
}

.login_wrap input[type="checkbox"] {
	/* top: 2px; */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border-radius: calc(100vw * (5/375));
	cursor: pointer;
	height: calc(100vw * (20/375));
	width: calc(100vw * (20/375));
	background: #D6D9E0;
}

.login_wrap input[type="checkbox"]::after {
	border: solid #FFF;
	border-width: 0 2px 2px 0;
	content: '';
	display: block;
	height: 40%;
	left: 40%;
	position: relative;
	top: 20%;
	transform: rotate(45deg);
	width: 15%;
}

.login_wrap input[type="checkbox"]:checked {
	background: #59A8C8;
}

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

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


.login_wrap .signup_txt {
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	line-height: 1.2em;
	color: #FFF;
	text-align: center;
	margin-top: calc(100vw * (40/375));
}

.login_wrap .signup_txt span {
	font-weight: 600;
}

.sns_login_group {
	display:flex;
	flex-direction:column;
	gap:calc(100vw * (10/375));
	margin-top:auto;
}
.commonPopTitle.email_send_tile{
	border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: calc(100vw * (12 / 375));
}

.commonPopTitle .email_send_tit {
	font-size: calc(100vw * (20 / 375));
    color: var(--main-color);
    width: calc(100vw * (162 / 375));
    display: block;
    margin: 0 auto;
    font-weight: 600;
    line-height: normal;
}
.commonPopText .email_send_txt{
	font-weight:600;
	color:var(--main-color);
}

/* END login */

/* mypage */

.mypage_wrap {
	background-color: var(--background-color);
}

.my_wrap {
	padding: calc(100vw * (60/375)) calc(100vw * (16/375)) calc(100vw * (30/375));
	width: 100%;
	/* height: calc(100vh - calc(100vw * (60/375))); */
}

.my_wrap .profile {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top:calc(100vw * (10/375));
	padding: 0 calc(100vw * (10/375));
}

.my_wrap .profile .left {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (7.5/375));
}

.my_wrap .my_name {
	display: flex;
	gap: calc(100vw * (8/375));
	align-items: center;
	margin-bottom: 0;
	font-weight: 600;
	font-size: calc(100vw * (22/375));
	line-height: 1.1;
}
.my_wrap .my_info_bottom {
	display:flex;
	align-items: center;
	gap: calc(100vw * (6/375));
}
.my_wrap .my_info_bottom .mail {
	color:var(--gray-color2);
	font-size:calc(100vw * (14/375));
	font-weight:400;
}
.my_wrap .my_pic{
	width:calc(100vw * (20/375));
	height:calc(100vw * (20/375));
	border-radius: 100%;
    overflow: hidden;
	border: 1px solid var(--border-color);
	box-sizing: content-box;
}
.my_wrap .my_pic img {
	width: 100%;
	height:100%;
	object-fit:cover;
}

.my_wrap .my_c {
	font-weight: 500;
	font-size: calc(100vw * (14/375));
	color: #A1A7B0;
	line-height: 1.5em;
}

.my_wrap .profile .right {
	display: flex;
	align-items: center;
	justify-content: center;
}
.my_wrap .profile .right .qr_link {
	padding: calc(100vw * (10 / 375));
    border-radius: calc(100vw * (8 / 375));
    width: calc(100vw * (52 / 375));
    height: calc(100vw * (52 / 375));
    box-sizing: border-box;
	background: #FFF;
}
.my_wrap .profile .right .my_pic{
	width:calc(100vw * (50/375));
	height:calc(100vw * (50/375));
	border-radius:calc(100vw * (50/375));
	overflow:hidden;
}

.my_wrap .profile_btn {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
}
.my_wrap .profile_btn img {
	display:none;
}

.my_wrap .profile .right img {
	width: 100%;
	height:100%;
	object-fit:cover;
}

.my_wrap .qr_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 calc(100vw * (10/375));
	height: calc(100vw * (47/375));
	background-color: #EBEBF1;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.01);
	border-radius: calc(100vw * (8/375));
	margin-top: calc(100vw * (19/375));
}

.my_wrap .qr_box .mail {
	font-family: inherit;
	font-weight: 500;
	font-size: calc(100vw * (15/375));
	line-height: 1.35em;
	color: #4e4e4e;
}

.my_wrap .qr_box .qr_link {
	padding: 0 calc(100vw * (7/375));
	height: calc(100vw * (35/375));
	width: calc(100vw * (86/375));
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: calc(100vw * (5/375));
	font-weight: 600;
	font-size: calc(100vw * (14/375));
	line-height: 1.4em;
	color: var(--block-color);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.my_wrap .qr_box .qr_link img {
	width: calc(100vw * (18/375));
}



.my_wrap .cash_box {
	width: 100%;
	padding: 0;
	margin-top: calc(100vw * (20/375));
}
.my_wrap .cash_box .cash_box_top{
	background-color:#fff;
	padding:calc(100vw * (20/375)) calc(100vw * (16/375));
	border-radius:calc(100vw * (20/375));
	box-shadow: var(--box-shadow);
}
.my_wrap .cash_box .row1 {
	font-weight: 400;
	font-size: calc(100vw * (13/375));
	color:var(--gray-color);
}

.my_wrap .cash_box .row2 {
	font-weight: 600;
	font-size: calc(100vw * (36/375));
	margin-top:calc(100vw * (10/375));
	color:var(--block-color);
	display: flex;
    align-items: center;
    gap: calc(100vw * (4 / 375));
}
.my_wrap .cash_box .row2 span{
	font-size: calc(100vw * (36/375));
	color:var(--block-color);
	letter-spacing: calc(100vw * (-1.44 / 375));
}

.my_wrap .cash_box .row3 {
	display: flex;
	gap: calc(100vw * (6/375));
	align-items: center;
	margin-top: calc(100vw * (20/375));
	justify-content: flex-end;
	padding-bottom: calc(100vw * (4/375));
/*	border-bottom: 1px solid #eeeeee30;*/
}

.my_wrap .cash_box .row3 .c_btn {
	height: calc(100vw * (32/375));
	background-color: var(--main-color);
	border-radius: calc(100vw * (80/375));
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: calc(100vw * (14/375));
	font-weight:700;
	padding: 0 calc(100vw * (13/375));
}

.my_wrap .cash_box .row3 .c2 {
	background-color: transparent;
	border: calc(100vw * (1/375)) solid var(--main-color);
	color: var(--main-color);
}

.my_wrap .cash_box .row4 {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (12/375));
	color: var(--block-color);
	margin-top: calc(100vw * (30/375));
}

.my_wrap .cash_box .row4 .left,
.my_wrap .cash_box .row4 .right {
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}




.my_wrap .cash_box .row4 .c_num {
	font-weight: 600;
	font-size: calc(100vw * (13/375));
	background: var(--box-bg-color);
	border-radius: calc(100vw * (20/375));
	padding: calc(100vw * (8/375)) calc(100vw * (12/375));
	color: var(--main-color);
}

.my_wrap .cash_box .row4 .c_text {
	font-size: calc(100vw * (16/375));
	font-weight: 600;
}

.my_wrap .point_box {
	margin-top: calc(100vw * (68/375));
	height: auto;
	padding: calc(100vw * (20/375));
	display: flex;
	flex-direction: column;
	background: transparent;
	box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.12);
	border-radius: calc(100vw * (8/375));
	border: 1px solid var(--sub-color);
	background: #EDF7F8;
}
.my_wrap .point_box:before{
	content:"";
	width:100vw;
	height:calc(100vw * (8/375));
	background-color:var(--dvideColor);
	position:absolute;
	top:calc(100vw * (-38/375));
	left:calc(100vw * (-16/375));
}

.my_wrap .point_box .p_title {
	font-weight: 400;
	font-size: calc(100vw * (13/375));
	line-height: 1.4em;
	color: var(--sub-color);
	padding-bottom: calc(100vw * (4/375));
	border-bottom: 0;
}

.my_wrap .point_box .point_inbox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0;
}

.my_wrap .point_box .point_inbox .left {
	font-weight: 600;
	font-size: calc(100vw * (20/375));
	line-height: 1.25em;
	color: var(--sub-color);
}

.my_wrap .point_box .point_inbox .right {
	display: flex;
	gap: calc(100vw * (12/375));
}

.my_wrap .point_box .point_inbox .p_btn {
	min-width: calc(100vw * (50/375));
	min-height: calc(100vw * (32/375));
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: calc(100vw * (13/375));
	line-height: 1.25em;
	color: #FFFFFF;
	background: var(--sub-color);
	border-radius: calc(100vw * (8/375));
	font-family: 'Pretendard';
	padding:calc(100vw * (8/375)) calc(100vw * (13/375));
}

/*.my_wrap .point_box .point_inbox .p_btn.pg {*/
/*	background: #AEB7BB;*/
/*}*/


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

.my_wrap .my_list {
	margin-top: calc(100vw * (30/375));
	padding: calc(100vw * (38/375)) 0 0;
	position: relative;
}
.my_wrap .my_list::before{
	content: "";
	display: block;
    background-color: var(--dvideColor);
    width: 100vw;
    height: calc(100vw * (8 / 375));
    position: absolute;
    top: 0;
    left: calc(100vw * (-16 / 375));
}

.my_wrap .my_list .g_title {
	font-weight: 400;
	font-size: calc(100vw * (16/375));
	line-height: normal;
	color: var(--gray-color2);
}

.my_wrap .list_my {
	display: flex;
	flex-direction: column;
}

.my_wrap .list_my .row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(100vw * (21/375)) 0;
}



.my_wrap .list_my .left {
	font-family: 'Pretendard';
	font-weight: 500;
	font-size: calc(100vw * (18/375));
	line-height: normal;
	color: var(--block-color);
	max-width: calc(100vw * (190 / 375));
    word-break: keep-all;
    overflow-wrap: anywhere;
    text-align: left;
}

.my_wrap .my_list.list2 .list_my .left {
	max-width: calc(100vw * (270 / 375));
}

.my_wrap .list_my .right {
	font-weight: 500;
	font-size: calc(100vw * (18/375));
	line-height: 1.2em;
	color: var(--block-color);
	display: flex;
	align-items: center;
	gap: calc(100vw * (16/375));
	img{
		display:none;
	}
}
.my_wrap .my_list:not(.list2) .list_my .right:after{
	content:"";
	width:calc(100vw * (6/375));
	height:calc(100vw * (12/375));
	background-image: url(../image/common/g_link_renew.png);
    background-size: 100% 100%;
	background-repeat:no-repeat;
}



.my_wrap .slide_btn {
	width: calc(100vw * (46/375));
	height: calc(100vw * (20/375));
	background-color: #D6D9E0;
	border-radius: calc(100vw * (50/375));
}

.my_wrap .slide_btn .btn_ball {
	width: calc(100vw * (20/375));
	height: calc(100vw * (20/375));
	background: #FFFFFF;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	border-radius: calc(100vw * (10/375));
	transform: translateX(calc(100vw * (0/375)));
	transition: 0.5s;
}

.my_wrap .slide_btn.active {
	background-color: var(--main-color);
}

.my_wrap .slide_btn.active .btn_ball {
	transform: translateX(calc(100vw * (27/375)));
}

.my_wrap .logout_box {
	margin-top: 0;
	height: auto;
	width: 100%;
	background-color: transparent;
	border-radius: 0;
	display: flex;
	flex-direction:column;
	align-items: center;
	padding-top:calc(100vw * (38/375));
	margin: calc(100vw * (30/375)) 0 calc(100vw * (80/375));
}
.my_wrap .logout_box .g_title {
	font-weight: 400;
	font-size: calc(100vw * (16/375));
	line-height: normal;
	color: var(--gray-color2);
	width: 100%;
}
.my_wrap .logout_box:before{
	content:"";
	background-color:var(--dvideColor);
	width:100vw;
	height:calc(100vw * (8/375));
	position:absolute;
	top:0;
	left:calc(100vw * (-16/375));
}

.my_wrap .logout_box a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(100vw * (21 / 375)) 0;
	flex: 1;
	font-weight: 500;
	font-size: calc(100vw * (18/375));
	color: var(--main-color);
	width:100%;
}

.my_wrap .logout_box a:after {
	content:"";
	width:calc(100vw * (6/375));
	height:calc(100vw * (12/375));
	background-image:url('/image/common/icon-shortcut_secondary.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.my_wrap .logout_box .logout {
	border-right: 0;
}
.my_wrap .logout_box .exit {
	padding-top:calc(100vw * (26/375));
}

.my_new_list_title {
	margin:calc(100vw * (30/375)) 0 calc(100vw * (10/375));
	font-size : calc(100vw * (15/375));
	font-weight:600;
	display:flex;
	align-items:center;
	color:var(--block-color);
}

.atm_find {
	margin-left:auto;
	color:var(--main-color);
	padding:calc(100vw * (6/375));
	background:transparent;
	border-radius:calc(100vw * (6/375));
	font-size:calc(100vw * (12/375));
	font-weight:400;
	border:1px solid var(--main-color);
}

.my_new_list {
	display:flex;
	justify-content:center;
	gap:calc(100vw * (11/375));
	.my_new_btn {
		flex:1;
		background:#fff;
		border-radius:calc(100vw * (8/375));
		display:flex;
		flex-direction:column;
		padding:calc(100vw * (15/375));
		gap:calc(100vw * (13/375));
		align-items:center;
		font-size:calc(100vw * (15/375));
	}
	.my_new_btn img {
		width:calc(100vw * (25/375));
	}
}
.commonPopTitle .email_send_tit.del_tit {
	width:100%;
	color:var(--red-color);
}

/* 25.08.12 ygh KYC인증박스 추가 */
.mypage_kyc_state {
	width: 100%;
	display: flex;
	gap: calc(100vw * (20/375));
	align-items: center;
	justify-content: space-between;
	margin-top:calc(100vw * (20/375));
	background-color: var(--main-color);
	box-shadow: 0 19px 12px -12px rgba(92, 119, 165, 0.44);
	padding: calc(100vw * (20/375));
	border-radius: calc(100vw * (12/375));
}
.mypage_kyc_state .txt_area{
	color: #FFF;
	text-align: left;
	font-size: calc(100vw * (16/375));
	line-height: 1.4;
	font-weight: 600;
}
.mypage_kyc_state .img_area{
	flex-shrink: 0;
	width: calc(100vw * (44/375));
	aspect-ratio: 1/1;
}


/* END - 25.08.12 ygh KYC인증박스 추가 */


/* END mypage */

/* myqr */

.myqr_wrap {
	background-color: var(--background-color);
}

.myqr_box canvas {
	width:100% !important;
}

.qr_wrap {
	width: 100%;
	height: calc(100vh - calc(100vw * (60/375)));
	padding: calc(100vw * (16/375));
}

.qr_wrap .myqr_box .logo_box{
	display: flex;
	justify-content: center;
	margin-bottom: calc(100vw * (20/375));
}
.qr_wrap .myqr_box .logo_box img{
	height: calc(100vw * (24/375));
}
.qr_wrap .myqr_box .qr_img {
	position: relative;
	margin: 0 auto calc(100vw * (40/375));
	width: calc(100vw * (224/375));
	height: calc(100vw * (224/375));
	padding: calc(100vw * (24/375));
	border-radius: calc(100vw * (20/375));
	background: #FFF;
	box-shadow: 0 8px 16px 0 rgba(85, 108, 116, 0.27);
}
.qr_wrap .myqr_box .qr_img::after{
	content: "";
	display: block;
	position: absolute;
	bottom: calc(100vw * (-32/375));
	left: calc(100vw * (-76/375));;
	width: 100vw;
	height: calc(100vw * (52/375));
	background: rgba(245, 250, 252, 0.70);
	backdrop-filter: blur(4px);
}

.qr_wrap .qr_profile {
	display: flex;
	flex-direction: column;
	text-align: center;
	gap: calc(100vw * (3/375));
}
.qr_wrap .qr_profile .row1 {
	font-size:calc(100vw * (14/375));
	color:var(--block-color);
	font-weight:600;
}
.qr_wrap .qr_profile .row1 span {
	color:var(--main-color);
	margin-right: calc(100vw * (2/375));
}

.qr_wrap .qr_profile .row2 {
	font-size: calc(100vw * (15/375));
	line-height: normal;
	color: var(--gray-color2);
}

.qr_wrap .qr_text {
	margin-top: calc(100vw * (40/375));
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (12/375));
	padding-top: calc(100vw * (30/375));
	border-top: 1px solid var(--border-color);
}

.qr_wrap .qr_text .q_text1 {
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	line-height: normal;
	color: var(--block-color);
	text-align:left;
}

.qr_wrap .qr_text .q_text2 {
	font-weight: 400;
	font-size: calc(100vw * (15/375));
	line-height: 1.4;
	color: var(--block-color);
	text-align:left;
	display:flex;
	gap:calc(100vw * (6/375));
}

.qr_wrap .qr_text .q_text2::before {
	content:'';
	display:block;
	min-width:calc(100vw * (3/375));
	max-width:calc(100vw * (3/375));
	min-height:calc(100vw * (3/375));
	max-height:calc(100vw * (3/375));
	background:var(--block-color);
	border-radius:50%;
	margin-top:calc(100vw * (8/375));
	margin-left:calc(100vw * (6/375));
}

.qr_inner {
	padding-top: 0 !important;
}

/* END myqr */

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

.remit_wrap .common_charge_btn a {
	width: calc(100vw * (91/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: #EEEEEE;
	border-radius: calc(100vw * (5/375));
}

.remit_wrap .group_title {
	font-weight: 500;
	font-size: calc(100vw * (14/375));
	line-height: 1.2em;
	color: #A2A2A9;
}

.remit_wrap * {
	position: relative;
	font-family: 'Pretendard';
}

.remit_wrap {
	background-color: var(--background-color);
	min-height: 100vh;
	flex-direction: column;
}

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

.remit_inner .input_row {
	padding: 0 calc(100vw * (12/375));
	display: flex;
	background-color: #fff;
	margin-top: calc(100vw * (10/375));
	max-width: 100%;
	height: calc(100vw * (58/375));
	align-items: center;
	padding: 0 calc(100vw * (15/375));
	border-radius: calc(100vw * (8/375));
	color: var(--block-color);
	font-weight:600;
	border: 1px solid var(--border-color);
}

.remit_inner .input_row input {
	font-weight: 700;
	font-size: calc(100vw * (18/375));
	line-height: 1.2em;
	width: 100%;
	background:transparent;
}

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

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

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

.remit_inner .title_group {
	margin-top: calc(100vw * (40/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 {
	width: 100%;
	display: flex;
}
.remit_inner .input_row.dropdown_bank_wrap{
	padding: calc(100vw * (6 / 375)) 0;
	background-color: unset;
	margin-top: calc(100vw * (20 / 375));
	border-radius: 0;
	color: var(--block-color);
	font-weight: 600;
	border: 0;
	height: auto;
}

.remit_inner .chosen {
	display: flex;
	flex: 1;
	align-items: center;
	font-weight: 500;
	font-size: calc(100vw * (18/375));
	color: var(--block-color);
	gap: calc(100vw * (5/375));
	.chosen_icon {
		width:calc(100vw * (28/375));
		height:calc(100vw * (28/375));
	}
}

.remittance_chk_btn {
	background:#fff;
	border: calc(100vw * (2/375)) solid var(--main-color);
	margin-top:calc(100vw * (10/375));
	color:var(--main-color);
}
.remittance_chk_btn.unable {
	background:#EFF4F6;
	border-color:#EFF4F6;
	color:var(--main-color);
	gap: calc(100vw * (8/375));
}
.remittance_chk_btn.unable:before {
	content:"";
	width: calc(100vw * (24/375));
	height: calc(100vw * (24/375));
	background-image:url('../image/sub/remittance_chk.png');
	background-size:100%;
}

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

.remit_inner .chosen .arrow {
	width: calc(100vw * (14/375));
	margin-left: auto;
}

.remit_inner .remit2 .row1 {
	display: flex;
	justify-content: space-between;
	border-radius: 8px;
	border: calc(100vw * (1/375)) solid #DEE6E9;
	background: #EFF4F6;
}

.remit_inner .remit2 .row1 span {
	font-weight: 500;
	font-size: calc(100vw * (16/375));
	color: var(--block-color);
}

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

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

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

.remit_inner .remit2 .row2 .dropdown_point input {
	max-width:90%;
}

.remit_inner .remit2 .row2 .dropdown_point img {
	width: calc(100vw * (14/375));
}
.remit_inner .remit_bar {
	width:100vw;
	height: calc(100vw * (8/375));
	background: #EEF4F6;
	margin: calc(100vw * (30/375)) calc(100vw * (-20/375)) 0;
}
.remit_inner .group_end {
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	color: var(--gray-color);
	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 * (16/375));
	padding: calc(100vw * (20/375));
	border: unset;
}

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

.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;
	span:nth-child(1) {
		color:var(--gray-color2);
		font-weight:400;
	}
}

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

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

.remit_inner .remit3 .r3 {
	padding-top: calc(100vw * (15/375));
	padding-bottom: calc(100vw * (15/375));
	border-top: calc(100vw * (1/375)) solid #EEF4F6;
}


.remit_inner .remit3 .r3 .bold {
	font-weight: 700;
	color:var(--main-color);
}

.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: rgb(210, 210, 210);
	overflow-y: auto;
	border-radius: calc(100vw * (8/375));
	display: none;
}


.remit_inner .input_group.remit3 {
	margin-bottom : calc(100vw * (30/375));
}

.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: var(--block-color);
}

.remit_inner .btn_remit {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	height: calc(100vw * (62/375));
	color: var(--light-gray);
	width: 100%;
	margin-top: calc(100vw * (60/375));
	background: var(--btn-unable-color);
	border-radius: calc(100vw * (10/375));
}

.remit_inner .btn_remit.active {
	background-color: var(--main-color);
	color: #FFF;
}

.charge_notice {
	margin-top: calc(100vw * (30/375));
	padding: calc(100vw * (30/375)) 0 0;
	border-top: 1px solid var(--border-color);
}

.remit_inner .charge_notice .row3 a {
	margin-top: calc(100vw * (10/375));
	font-style: normal;
	font-weight: 400;
	font-size: calc(100vw * (16/375));
	color: var(--main-color);
}


.charge_notice .row1 span {
	font-weight: 500;
    font-size: calc(100vw * (18 / 375));
    line-height: 1.2;
    color: var(--block-color);
}

.charge_notice .row2 span {
	display: block;
    /* text-indent: calc(100vw * (-8 / 375)); */
    padding-left: calc((100vw * (20 / 375)));
    margin-bottom: calc(100vw * (5 / 375));
    line-height: 1.4;
    position: relative;
    word-break: keep-all;
    overflow-wrap: anywhere;
}
.charge_notice .row2 span:before {
	content: "";
    width: calc(100vw * (3 / 375));
    height: calc(100vw * (3 / 375));
    background-color: var(--block-color);
    border-radius: 100%;
    position: absolute;
    left: calc(100vw * (8 / 375));
    top: calc(100vw * (8 / 375));
}

.remit_wrap .group_title,
.charge_wrap .grid_title {
	font-weight: 600;
	font-size: calc(100vw * (20/375));
	color: var(--block-color);
}

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

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

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

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

.up_box {
	margin: auto calc(100vw * (12 / 375)) calc(100vw * (12 / 375));
    padding: 0 calc(100vw * (20 / 375)) calc(100vw * (20 / 375));
    background-color: #fff;
    border-radius: calc(100vw * (30 / 375));
    position: relative;
    display: flex;
    flex-direction: column;
    max-height: 80vh;
    overflow: hidden;
}

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

.up_box .up_x_btn {
	width: 100%;
	height:calc(100vw * (36/375));
	background-image: url('/image/sub/up_x_btn_renew.png');
    background-size: calc(100vw * (40 / 375)) calc(100vw * (5 / 375));
    background-position: center;
    background-repeat: no-repeat;
    img {
		display:none;
	}
}
.up_box .scroll_inner {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    flex: 1;
	overflow-x: hidden;
}
.up_box .point_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: calc(100vw * (6/375));
	margin-top: calc(100vw * (20/375));
}

.up_box .u_sub {
	margin-top : calc(100vw * (8/375));
}

.up_box .point_grid .p_num {
	height: calc(100vw * (66/375));
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: calc(100vw * (15/375));
	color: var(--block-color);
	background: var(--item-bg-color);
	border-radius: calc(100vw * (10/375));
	gap: calc(100vw * (2/375));
}


.up_box .point_grid .p_num:before{
	content:"+";
}

.up_box .point_grid.card_num .p_num:before {
	display:none;
}

.bank_up.point .up_box .point_grid .p_num:before {
	display:none;
}

.up_box .point_grid .p_btn.active,
.up_box .point_grid .p_num.active {
	background: #DDE7EA;
}

.up_box .point_grid.card_num .p_num.active,
.bank_up.point .up_box .point_grid .p_num.active {
	background: #FFF;
	color: var(--main-color);
	border: calc(100vw * (2/375)) solid var(--main-color);
}

.up_box .point_grid .p_num .count {
	position:absolute;
	width:calc(100vw * (22/375));
	height:calc(100vw * (22/375));
	border-radius:50%;
	background-color:var(--gray-color2);
	border:2px solid #fff;
	text-align:center;
	top:-10%;
	right:-10%;
	font-size:calc(100vw * (12/375));
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0;
	z-index: 3;
}

.up_box .reset_num {
	text-align:center;
	padding:calc(100vw * (12/375));
	display:block;
	border-radius:calc(100vw * (10/375));
	background:transparent;
	color:var(--block-color);
	border:1px solid var(--border-color);
}

.up_box .modal_btn_group {
	display:flex;
	align-items:center;
	gap:calc(100vw * (10/375));
	.com_btn {
		flex:3;
		min-height:calc(100vw * (58/375));
	}

	.com_btn.reset_num {
		flex:1;
	}
}
.up_box .charge_tit {
	color: var(--grey, var(--grey, #737981));
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	margin-top:calc(100vw * (30/375));
}
.total_value {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:calc(100vw * (6/375));
	font-size:calc(100vw * (18/375));
	font-weight:500;
	color:#000;
	border-radius: calc(100vw * (12/375));
	padding:calc(100vw * (14/375));
	margin:calc(100vw * (10/375)) 0 calc(100vw * (40/375));
	background-color:#f9f9f9;
	height:calc(100vw * (62/375));
	padding:calc(100vw * (13/375)) 0;
	background: transparent;
	border-bottom: 2px solid var(--main-color);
	color: var(--block-color);
	font-weight:600;
	border-radius:0;
	text-align:left;
	span {
		font-size:calc(100vw * (34/375));
		font-weight:700;
		color:var(--block-color);
	}
	span#charge_amount_currency_txt {
		font-size: calc(100vw * (30 / 375));
		font-weight: 400;
		letter-spacing: calc(100vw * (-1.2 / 375));
		c {
			font:inherit;
		}
	}
}
.up_box .com_btn {
	margin-bottom:0;
	flex:unset !important;
	width: calc((100% - (100vw * (6 / 375))) / 2);
}

.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: calc(100vw * (10/375));
	margin-top: calc(100vw * (22/375));
	font-family: 'Pretendard';
	font-weight: 600;
	font-size: calc(100vw * (15/375));
	color: #454545;
}

.bank_up.point {
	/* display: none; */
}

.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));
	text-align:center;
}

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

.bank_up.bank .up_box .point_grid {
	grid-template-columns: repeat(3, 1fr);
	row-gap: calc(100vw * (20/375));
	column-gap: unset;
	max-height: 45vh;
    overflow-y: auto;
}

/* END remit 송금하기 */

/* history */
.common_wrap {
	background-color: var(--background-color);
	overflow-y: auto;
	overflow-x: hidden;
	display:flex;
	flex-direction:column;
	min-height:100vh;
	padding-top:calc(100vw * (60/375));
}

.list_wrap {
	padding: 0 calc(100vw * (16/375));
	width: 100%;
	height: auto;
	overflow-y: auto;
	display:flex;
	flex-direction:column;
	flex:1;
}



.history_box {
	transition: 0.5s;
	padding: calc(100vw * (20/375)) calc(100vw * (16/375));
	margin: 0 calc(100vw * (16/375));
	background: #FFF;
	border-radius: calc(100vw * (20/375));
	box-shadow: var(--box-shadow);
}

.history_box.plus {
/*	transform: translate(100%);*/
	background-color: #095F65;
/*	position: absolute;*/
/*	top: calc(100vw * (60/375));*/
	left: 0;
	transition: 0.5s;
}



.box_title {
	font-family: inherit;
	font-weight: 500;
	font-size: calc(100vw * (14/375));
	line-height: normal;
}

.history_box .h_cash {
	font-family: inherit;
	font-weight: 700;
	font-size: calc(100vw * (32/375));
	line-height: 1.35em;
	margin-top: calc(100vw * (10/375));
	display: flex;
    align-items: center;
    gap: calc(100vw * (3 / 375));
	c {
		font-weight:500;
	}
	span {
		font-size: calc(100vw * (28/375));
		font-weight:600;
		letter-spacing: calc(100vw * (-1.44/375));
	}
}

.history_box .btn_group {
	display: flex;
	gap: calc(100vw * (6/375));
	margin-top: calc(100vw * (16/375));
}

.history_box .btn_group .h_btn {
	flex: 1;
	text-align: center;
    border-radius: calc(100vw * (10/375));
    font-size: calc(100vw * (16 / 375));
    min-height: calc(100vw * (50 / 375));
    font-weight: 600;
	padding:calc(100vw * (10/375));
}
.history_box .btn_group .h_btn[data-value='use'].active, .history_box .btn_group .h_btn[data-value='charge'].active{
	background-color:var(--main-color);
	color:#fff;
}
.history_box .btn_group .h_btn[data-value='use'], .history_box .btn_group .h_btn[data-value='charge']{
	background-color: #FFF;
	border: 1px solid var(--border-color);
	color: var(--gray-color);
}
.history_box.plus .btn_group .h_btn[data-value='use'].active, .history_box.plus .btn_group .h_btn[data-value='charge'].active{
	background-color:#25A0A8;
	color:#fff;
}
.history_box.plus .btn_group .h_btn[data-value='use'], .history_box.plus .btn_group .h_btn[data-value='charge']{
	background-color:#186D73;
	color: #92C8CB;
}

.list_switch {
	padding: calc(100vw * (20/375)) calc(100vw * (25/375)) 0;
	border-bottom: 1px solid #EAEBEC;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.01);
	display: flex;
	gap: calc(100vw * (27/375));
}

.list_switch a {
	padding-bottom: calc(100vw * (20/375));
	font-family: 'Pretendard';
	font-weight: 500;
	font-size: calc(100vw * (17/375));
	color: var(--block-color);
}

.list_switch a.active {
	color: #59A8C8;
	border-bottom: 3px solid #59A8C8;
	box-sizing: border-box;
}

.list_wrap .history_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(100vw * (15 / 375)) 0;
	margin-top: calc(100vw * (20 / 375));
    border-bottom: 1px solid var(--border-color);
/*    margin-bottom: calc(100vw * (20 / 375));*/
}

.list_wrap .history_title .h_num {
	font-size: calc(100vw * (14/375));
	color: var(--gray-color);
	span{
		font-weight:600;
		color: var(--block-color);
	}
}

.list_wrap .history_title .h_filter {
	display: flex;
	align-items: center;
	gap: calc(100vw * (4/375));
	font-family: 'Pretendard';
	font-weight: 500;
	font-size: calc(100vw * (14/375));
	line-height: 1.2em;
	color: #4F5156;
}

.list_wrap .history_title .h_filter img {
	width: calc(100vw * (12/375));
}

.list_wrap .h_list_group {
	display: flex;
	flex:1;
	flex-direction: column;
	/* gap: calc(100vw * (32/375)); */
}

.list_wrap .h_list_group .h_list {
	display: flex;
	align-items: flex-start;
	padding: calc(100vw * (30 / 375)) 0;
	border-bottom:1px solid var(--border-color);
}

.slide_img_box,
.list_wrap .h_list_group .h_list .img_box {
	background: #D6D9E0;
	border-radius: calc(100vw * (14/375));
	width: calc(100vw * (45/375));
	height: calc(100vw * (45/375));
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: calc(100vw * (11/375));
}
.slide_img_box,
.list_wrap .h_list_group .h_list .img_box.img_box_none {
	display: none;
}

.slide_img_box img,
.list_wrap .h_list_group .h_list .img_box img {
	width: calc(100vw * (14/375));
}

.list_wrap .h_list_group .h_list .list_text {
	font-family: 'Pretendard';
	font-weight: 600;
	font-size: calc(100vw * (17/375));
	line-height: 1.2em;
	color: var(--block-color);
	max-width:calc(100vw * (180/375));
}

.list_wrap .h_list_group .h_list .list_cash {
	margin-left: auto;
	text-align: right;
	font-weight: 600;
	font-size: calc(100vw * (17/375));
	line-height: 1.45;
	text-align: right;
	color: var(--block-color);
}
.list_wrap .h_list_group .h_list .list_cash .l_cash {
	letter-spacing: calc(100vw * (-0.68/375));
}

.list_wrap .h_list_group .h_list .l_text {
	font-family: 'Pretendard';
	font-weight: 400;
	font-size: calc(100vw * (13/375));
	line-height: normal;
	color: var(--gray-color2);
	margin-top: calc(100vw * (3/375));
}
.list_wrap .h_list_group .h_list .l_text.l_state{
	margin-top:calc(100vw * (10/375));
	font-size:calc(100vw * (14/375));
	color:var(--block-color);
}
.list_wrap .h_list_group .h_list .list_cash .l_text {
	margin-top:calc(100vw * (8/375));
}

/* END history */

/* gift */

.gift_wrap {
	width: 100%;
	height: calc(100vh - calc(100vw * (60/375)));
	display: flex;
	flex-direction: column;
	padding: calc(100vw * (50/375)) calc(100vw * (20/375)) calc(100vw * (25/375));
}

.gift_fee_info {
	font-size:calc(100vw * (14/375));
	font-weight:400;
	margin-top:calc(100vw * (6/375));
	margin-bottom:calc(100vw * (46/375));
	color:var(--gray-color2);
	span {
		color:var(--red-color);
		font-weight:400;
	}
}

.giftshop_wrap .g_title,
.gift_wrap .g_title {
	font-family: inherit;
	font-weight: 600;
	font-size: calc(100vw * (22/375));
	line-height: 1.4em;
	color: var(--block-color);
}

.gift_wrap .gift_box {
    margin-bottom: calc(100vw * (18/375));
    padding: calc(100vw * (20/375)) calc(100vw * (18/375));
    background: #FFF;
    border: 1px solid var(--main-color);        /* 안쪽 진한 선 */
    outline: 4px solid rgba(216, 231, 255, 1); /* 바깥 흐린 선 */
    outline-offset: 0px;
    border-radius: calc(100vw * (20/375));
    display: flex;
    align-items: center;
    gap: calc(100vw * (16/375));
}
.gift_wrap .gift_box .g_left {
	max-width:calc(100vw * (261/375));
}

.gift_wrap .gift_box input {
	display:none;
}

.gift_wrap .gift_box .g_text {
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	color: var(--block-color);
}

.gift_wrap .gift_box .g_tit {
	font-family: inhert;
	font-weight: 400;
	font-size: calc(100vw * (15/375));
	line-height: 1.3;
	color: var(--gray-color2);
	margin-top: calc(100vw * (4 / 375));
}

.gift_wrap .gift_box img {
	width: calc(100vw * (50/375));
}





.gift_agree_modal.on {
	transform:translateY(0);
}
.gift_agree_modal {
	.c_notice {
		margin-top: 0;
		border-top: 0;
		.c_ntit {
			font-weight: 400;
			font-size: calc(100vw * (16 / 375));
			line-height: 1.6em;
			color: var(--block-color);
			letter-spacing: -0.05em;
			span {
				display: block;
				padding-left: calc((100vw * (20 / 375)));
				margin-bottom: calc(100vw * (5 / 375));
				line-height: 1.4;
				position: relative;
				word-break: keep-all;
				overflow-wrap: anywhere;
			}
			span:before {
				content: "";
				width: calc(100vw * (3 / 375));
				height: calc(100vw * (3 / 375));
				background-color: var(--block-color);
				border-radius: 100%;
				position: absolute;
				left: calc(100vw * (8 / 375));
				top: calc(100vw * (10 / 375));
			}
		}
	}
	.btn_area {
		display:flex;
		gap:calc(100vw * (6/375));
		margin-top:calc(100vw * (30/375));
		.com_btn {
			margin-bottom:0;
			flex:2;
		}
		.com_btn.gray {
			background:transparent;
			border: calc(100vw * (1/375)) solid #DEE6E9;
			color: #1D2123;
			flex:1;
		}
	}
}
/* END gift */

/* send */

.send_wrap {
	width: 100%;
	height: calc(100dvh - calc(100vw * (60/375)));
	display: flex;
	flex-direction: column;
	padding: 0 calc(100vw * (16/375)) 0;
}



.send_wrap .send_box {
	padding: calc(100vw * (20/375)) calc(100vw * (16/375));
	background: #FFF;
	border-radius:calc(100vw * (12/375));
	position:relative;
	box-shadow: 0 6px 12px 0 rgba(129, 138, 142, 0.12);
}

.send_wrap .box_title {
	font-weight: 400;
	color:var(--gray-color2);
}

.send_wrap .s_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 0;
	border-bottom: 0;
	margin-top: calc(100vw * (8/375));
	position:unset;
}

.send_wrap .s_cash {
	font-weight: 600;
	font-size: calc(100vw * (22/375));
	line-height: normal;
	display: flex;
    align-items: center;
	span{
		font-size: calc(100vw * (26/375));
		letter-spacing: calc(100vw * (-1.04 / 375));
	}
}

.send_wrap .s_btn {
	padding: 0;
	text-align: center;
	background-color: transparent;
	border-radius: calc(100vw * (6/375));
	font-size: calc(100vw * (16/375));
	font-weight: 400;
	font-family: 'Pretendard';
	position:absolute;
	top:calc(100vw * (20/375));
	right:calc(100vw * (16/375));
	display:flex;
	align-items:center;
	gap:calc(100vw * (10/375));
	color:var(--main-color);
}
.send_wrap .s_btn:after{
	content:"";
	width:calc(100vw * (6/375));
	height:calc(100vw * (12/375));
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-image:url('../image/common/gnb_sns_point_renew.png');
}
.send_wrap .s_input_group {
	margin-top: calc(100vw * (22/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (20/375));
}

.send_wrap .input_title {
	font-size: calc(100vw * (16/375));
	color: var(--gray-color);
}

.send_wrap .s_input input {
	margin-top: calc(100vw * (8/375));
	padding: 0 calc(100vw * (12/375));
	width: 100%;
	height: calc(100vw * (62/375));
	display:flex;
	align-items:center;
	border-radius: calc(100vw * (10/375));
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	line-height: normal;
	border:1px solid var(--border-color);
	background-color: #FFF;
}
.send_wrap .s_input input::placeholder {
	color: var(--gray-color);
	font-weight: 400;
	font-size: calc(100vw * (18/375));
}
.send_wrap .s_input_amount input{
	margin-top: calc(100vw * (10 / 375));
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    border-radius: 0;
    line-height: normal;
    border-bottom: 1px solid var(--border-color);
    background-color: transparent;
    box-sizing: border-box;
	height: calc(100vw * (62 / 375));
    font-size: calc(100vw * (34 / 375));
    font-weight: 600;
    letter-spacing: calc(100vw * (-1.36 / 375));
    color: var(--main-color);
    text-align: right;
}
.send_wrap .s_input_amount input#usepoint::placeholder {
	font-size: calc(100vw * (18/375));
	font-weight:400;
}
.send_wrap .s_input input:focus{
	border:1px solid var(--main-color);
}
.send_wrap .com_btn{
	margin-bottom: calc(100vw * (20/375));
	flex-shrink: 0;
}

/* END send */


/* cashcharge */



.c_charge_wrap .c_hbtn {
	width: calc(100vw * (91/375));
	margin-top: calc(100vw * (16/375));
	display: inline-block;
	font-weight: 600;
	font-size: calc(100vw * (14/375));
	line-height: 1.2em;
	padding: calc(100vw * (8/375)) 0;
	text-align: center;
	border-radius: calc(100vw * (5/375));
	font-family: 'Pretendard';
	background: var(--main-color);
	margin-left: auto;
	color: #FFF;
}


.c_charge_wrap .c_btn_list {
	margin-top: calc(100vw * (17/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (12/375));
	margin-bottom: calc(100vw * (46/375));
}

.c_charge_wrap .c_btn {
	padding: calc(100vw * (20/375)) calc(100vw * (22/375));
	background: #FFFFFF;
	box-shadow: 2px 3px 8px -2px rgba(101, 113, 131, 0.15);
	border-radius: calc(100vw * (15/375));
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: inherit;
	font-weight: 500;
	font-size: calc(100vw * (19/375));
	line-height: 1.4em;
	color: var(--block-color);
}

.c_charge_wrap .c_btn img {
	width: calc(100vw * (36/375));
}



.c_charge_wrap .charge_notice .row3 {
	font-weight: 400;
	font-size: calc(100vw * (16/375));
	line-height: normal;
	color: var(--main-color);
	margin-top: calc(100vw * (20/375));
}

/* END cashcharge */

/* giftshop */

.giftshop_wrap {
	width: 100%;
	height: calc(100vh - calc(100vw * (60/375)));
	display: flex;
	flex-direction: column;
	padding: calc(100vw * (25/375)) calc(100vw * (25/375)) 0;
}

.giftshop_wrap img {
	margin-top: calc(100vw * (25/375));
	width: 100%;
}

.giftshop_wrap .ect {
	width: 80%;
	position: absolute;
	top: 33%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: up_down 1.5s ease-in-out infinite alternate;
}

@keyframes up_down {
	0% {
		transform: translate(-50%, -50%);
	}

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

/* END giftshop */

/* card */



.card_wrap {
	width: 100%;
	min-height: calc(100vh - calc(100vw * (60/375)));
	display: flex;
	flex-direction: column;
	padding: calc(100vw * (65/375)) 0 calc(100vw * (50/375));
}

.card_wrap.full {
	height: auto;
	padding: 0 calc(100vw * (16/375)) calc(100vw * (40/375));
}
.card_wrap.ok {
	padding: 0 calc(100vw * (16/375)) calc(100vw * (38/375));
}

.card_switch {
	display: flex;
	justify-content: flex-start;
    text-align: center;
    gap: calc(100vw * (24 / 375));
    overflow-x: auto;
    width: 100%;
    height: calc(100vw * (65 / 375));
    position: fixed;
    top: calc(100vw * (60 / 375));
    left: 0;
    padding: 0 calc(100vw * (24 / 375));
    background-color: var(--background-color);
    z-index: 10;
	border-bottom: 1px solid var(--border-color);
}

.card_wrap.lost_wrap {
	padding: calc(100vw * (65/375)) calc(100vw * (16/375)) calc(100vw * (38/375));
	flex: 1;
}

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

.lost_date_box {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
	gap: calc(100vw*(4 / 375));
}
.lost_date_icon {
	width: calc(100vw*(20 / 375));
	display: flex;
	align-items: center;
	justify-content: center;
}
.lost_date_arw {
	width: calc(100vw * (21 / 375));
}
.lost_date input[type="text"] {
	font-size: calc(100vw*(14 / 375));
	text-align: center;
	background: transparent;
	color: var(--gray-color);
}

.card_switch .switch {
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	line-height: normal;
	color:var(--gray-color);
	width: max-content;
    height: 100%;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

.card_switch .switch.active {
	color: var(--main-color);
	border-bottom: calc(100vw * (2/375)) solid var(--main-color);
	opacity:1;
}



.card_guide_img_box {
	width:100vw;
	.carg_guide_top {
		background-image:url('../image/sub/card_guide_top_bg.png');
		background-size:cover;
		display:flex;
		flex-direction:column;
		padding-top:calc(100vw * (50/375));
		gap:calc(100vw * (27/375));
		.carg_guide_top_txt {
			color:#fff;
			text-align:center;
			.logo_img {
				width:calc(100vw * (98/375));
				margin:0 auto;
			}
			.title {
				color: var(--white, #FFF);
				text-align: center;
				font-size: calc(100vw * (29/375));
				font-weight: 700;
				padding:0 calc(100vw * (20/375));
				margin:calc(100vw * (11/375)) auto calc(100vw * (24/375));
				line-height:normal;
			}
			.sub_tit {
				opacity:0.8;
				font-size: calc(100vw * (15/375));
				font-weight: 400;
				line-height: 1.35;
				letter-spacing: calc(100vw * (-0.6/375));
			}
		}
		.carg_guide_top_img {
			width:calc(100vw * (325/375));
			margin:0 auto calc(100vw * (-47/375));
		}
	}
	.card_guide_contents {
		padding:calc(100vw * (60/375)) calc(100vw * (30/375)) calc(100vw * (66/375));
		.card_guide_contents_tit {
			text-align: center;
			font-size: calc(100vw * (28/375));
			font-weight: 700;
			margin:0 auto calc(100vw * (50/375));
			padding:0 calc(100vw * (20/375));
		}
		.card_guide_contents_box {
			display:flex;
			flex-direction:column;
			gap:calc(100vw * (50/375));
			.card_guide_contents_items {
				background-color:#f4f4f9;
				border-radius:calc(100vw * (30/375));
				.main_txt {
					color: #2D2D2D;
					text-align: center;
					font-size: calc(100vw * (24/375));
					font-weight: 700;
					line-height: 1.3;
					letter-spacing: calc(100vw * (-0.48/375));
					margin:calc(100vw * (50/375)) calc(100vw * (20/375)) calc(100vw * (15/375));
				}
				.sub_txt {
					color: #464646;
					text-align: center;
					font-size: calc(100vw * (14/375));
					font-weight: 500;
					line-height: 1.4;
					letter-spacing: calc(100vw * (-0.42/375));
					margin:0 calc(100vw * (20/375)) calc(100vw * (30/375));
				}
				.img {
					margin-bottom:calc(100vw * (-46/375));
					display:flex;
				}
			}
			.card_guide_contents_items.items3 {
				.img {
					width:calc(100vw * (256/375));
					margin:calc(100vw * (60/375)) auto calc(100vw * (115/375));
					box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
					border-radius:calc(100vw * (12/375));
					position:relative;
					z-index:0;
					&::before{
						content:"";
						width:calc(100vw * (103/375));
						height:calc(100vw * (114/375));
						background-image:url('../image/sub/card_guide_item03-1.png');
						background-size:100% 100%;
						background-repeat:no-repeat;
						position:absolute;
						top:calc(100vw * (-85/375));
						right:calc(100vw * (-30/375));
					}
					&::after{
						content:"";
						width:calc(100vw * (122/375));
						height:calc(100vw * (157/375));
						background-image:url('../image/sub/card_guide_item03-2.png');
						background-size:100% 100%;
						background-repeat:no-repeat;
						position:absolute;
						bottom:calc(100vw * (-85/375));
						left:calc(100vw * (-30/375));
						z-index:-1;
					}
				}
			}
			.card_guide_contents_items.items4 {
				.img {
					width:calc(100vw * (256/375));
					margin:calc(100vw * (75/375)) auto calc(100vw * (96/375));
					border-radius:calc(100vw * (12/375));
					position:relative;
					z-index:0;
					&::before{
						content:"";
						width:calc(100vw * (149/375));
						height:calc(100vw * (122/375));
						background-image:url('../image/sub/card_guide_item04-1.png');
						background-size:100% 100%;
						background-repeat:no-repeat;
						position:absolute;
						top:calc(100vw * (-80/375));
						right:calc(100vw * (-21/375));
					}
					&::after{
						content:"";
						width:calc(100vw * (120/375));
						height:calc(100vw * (106/375));
						background-image:url('../image/sub/card_guide_item04-2.png');
						background-size:100% 100%;
						background-repeat:no-repeat;
						position:absolute;
						bottom:calc(100vw * (-82/375));
						left:calc(100vw * (39/375));
						z-index:-1;
					}
				}
			}
		}
	}
}

.card_wrap .c_empty {
	width: 100vw;
	height: calc(100vw * (401 / 375));
	position: relative;
	background: url('/image/sub/bg_no-card.png') top center no-repeat;
	background-size: calc(100vw * (375 / 375)) calc(100vw * (401 / 375));
	padding: calc(100vw * (48 / 375)) calc(100vw * (40 / 375));
}

.page-big-title{
	width: calc(100vw * (180 / 375));
	color: #FFF;
	font-size: calc(100vw * (26 / 375));
	font-weight: 600;
	line-height: 1.4;
}

.c_empty .d-card{
	margin-top: calc(100vw * (80 / 375));
}
.c_empty .d-card img{
	width: calc(100vw * (190 / 375));
	transform: rotate(90deg);
}



@keyframes card_reg {
	0%	  {top: -8%;}
	10%	 {top: -10%;}
	20%	 {top: -8%;}
	30%	 {top: -10%;}
	40%	 {top: -8%;}
	100%	 {top: -8%;}
}



.card_wrap .c_notice {
	margin: calc(100vw * (30/375)) calc(100vw * (16/375)) calc(100vw * (30/375));
	padding-top: calc(100vw * (30/375));
	border-top: 1px solid var(--border-color);
}

.card_wrap .c_notice.lost {
	margin: calc(100vw * (30/375)) 0 calc(100vw * (30/375));

}

.card_wrap .c_notice .c_ntitle {
	font-weight: 500;
	font-size: calc(100vw * (18/375));
	line-height: 1.2;
	color: var(--block-color);
}
.c_notice .c_ntitle:not(:first-of-type) {
	margin-top: calc(100vw * (20/375));
}

.card_wrap .c_notice .c_ntit {
	font-weight: 400;
	font-size: calc(100vw * (15/375));
	line-height: 1.6;
	color: var(--block-color);
}

.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 * (20/375)));
	margin-bottom: calc(100vw * (5 / 375));
	line-height: 1.4;
	position:relative;
	word-break:keep-all;
	overflow-wrap: anywhere;
}
.card_wrap .c_notice .c_ntit span:before{
	content: "";
    width: calc(100vw * (3 / 375));
    height: calc(100vw * (3 / 375));
    background-color: var(--block-color);
    border-radius: 100%;
    position: absolute;
    left: calc(100vw * (8 / 375));
    top: calc(100vw * (8 / 375));
}
.card_wrap .c_notice .c_ntit span:last-child {
	margin-bottom:0;
}



.card_wrap .c_arokcard {
	width: 100%;
	padding: calc(100vw * (40/375)) calc(100vw * (20/375));
	background: #FFF;
	border-radius: calc(100vw * (30/375));
}


.card_wrap .c_arokcard .c_aroktext {
	margin-bottom: calc(100vw * (8/375));
	font-weight: 500;
	font-size: calc(100vw * (18/375));
	line-height: 1.4;
	color: var(--block-color);
}
.card_wrap .c_arokcard.ok .c_aroktext .title {
	font-size: calc(100vw * (18/375));
	color: var(--block-color);
	font-weight:600;
	margin-bottom: calc(100vw * (6/375));
}
.card_wrap .c_arokcard.ok .c_aroktext .desc {
	font-size: calc(100vw * (14/375));
	color: var(--gray-color);
	font-weight:400;
	line-height:1.4;
}

.card_wrap .c_arokcard .c_arokgray {
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	line-height: 1.4;
	color: var(--gray-color2);
	margin-bottom: calc(100vw * (30/375));
}

.c_arokcard .d-card {
    margin-top: calc(100vw * (30 / 375));
}
.c_arokcard .d-card img {
    width: calc(100vw * (190 / 375));
}

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

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

.card_wrap .c_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: calc(100vw * (12 / 375));
}
.card_wrap .c_row.c_row--item{
	margin-bottom: 0;
}
.card_wrap .c_row .c_sub {
	font-size: calc(100vw * (16 / 375));
    color: var(--gray-color2);
    font-weight: 400;
}
.card_wrap .c_row .img {
	display:flex;
	align-items:center;
	gap:calc(100vw * (6/375));
	color:var(--gray-color2);
	font-size:calc(100vw * (14/375));
	font-weight:400;
}
.card_wrap .c_row img {
	width: calc(100vw * (20/375));
}

.card_wrap .card_row.input {
	background: #FFF;
	border: 1px solid var(--border-color);
	color: var(--block-color);
	font-weight: 600;
}
.card_wrap .card_row.input::placeholder {
	color: var(--placeholder);
	font-weight: 400;
}
.card_wrap .card_row.input:focus {
	border: 2px solid var(--main-color);
}

.card_wrap .card_row {
	padding: 0 calc(100vw * (15/375));
	height: calc(100vw * (62/375));
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	color: var(--block-color);
	display: flex;
	align-items: center;
	background: var(--btn-unable-color);
	border-radius: calc(100vw * (10/375));
	margin-bottom: calc(100vw * (8/375));
}
.card_wrap .card_row input {
	background: inherit !important;
	width:100%;
	color:var(--block-color);
	font-weight:600;
}

.card_wrap .c_under {
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	line-height: 1.4;
	color: var(--gray-color2);
	text-align: center;
	margin-top: calc(100vw * (20/375));
}

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


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

.card_wrap .c_pop {
	width: calc(100vw * (260 / 375));
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
    border-radius: calc(100vw * (8 / 375));
    padding: calc(100vw * (16 / 375)) calc(100vw * (24 / 375)) calc(100vw * (16 / 375)) calc(100vw * (16 / 375));
    word-break: keep-all;
    position: absolute;
    bottom: calc((100vw * (-70 / 375)));
    right: 0;
    z-index: 10;
    display: none;
}

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

.card_wrap .c_pop span {
	margin-top: 0;
    font-size: calc(100vw * (14 / 375));
    line-height: 1.28;
    font-family: inherit;
    font-weight: 400;
    color: var(--block-color);
}

.card_wrap .c_arokcard.ok {
	padding: calc(100vw * (40/375)) calc(100vw * (20/375));
	background: #FFF;
}
.card_wrap .c_arokcard.ok .d-card-layer{
	margin-top: calc(100vw * (26/375))
}
.card_wrap .c_arokcard.ok .d-card-layer img{
	width: calc(100vw * (168/375));
}


@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: #FFFFFF;
	border-radius: calc(100vw * (8/375));
	padding: calc(100vw * (24/375)) calc(100vw * (20/375));
	font-weight: 400;
	font-size: calc(100vw * (15/375));
	color: var(--block-color);
}

.card_wrap .cr_text {
	font-size:calc(100vw * (16/375));
	font-weight:600;
	color:var(--block-color);
}

.card_wrap .cr_index {
	font-weight: 400;
	font-size: calc(100vw * (16/375));
	line-height: normal;
	color: var(--gray-color2);
}

.card_wrap .cr_btn {
	background: #FFFFFF;
	border: 1px solid var(--main-color);
	color:var(--main-color);
	border-radius: calc(100vw * (4/375));
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(100vw * (30/375));
	font-weight: 500;
	font-size: calc(100vw * (13/375));
	padding: 0 calc(100vw * (8/375));
}

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

.card_wrap.ok .com_btn {
	width: 100%;
	margin-top: auto;
}

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

.card_wrap.ok .c_index {
	margin: calc(100vw * (40/375)) auto calc(100vw * (12/375));
}

.card_wrap.ok .c_aroktext {
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	line-height: 1.5;
	text-align: center;
	color: var(--gray-color2);
}

.card_wrap .c_nocard {
	margin-bottom: calc(100vw * (120/375));
}



.card_wrap .c_dcard {
	width: 100%;
	font-size: calc(100vw * (16 / 375));
    font-weight: 400;
	width: 100vw;
	height: calc(100vw * (401 / 375));
	position: relative;
	background: url('/image/sub/bg_no-card.png') top center no-repeat;
	background-size: calc(100vw * (375 / 375)) calc(100vw * (401 / 375));
	padding: calc(100vw * (48 / 375)) calc(100vw * (40 / 375));
}

.page-big-title{
	width: calc(100vw * (180 / 375));
	color: #FFF;
	font-size: calc(100vw * (26 / 375));
	font-weight: 600;
	line-height: 1.4;
}

.card_wrap .c_dcard .cd_img {
	width: calc(100vw * (302/375));
	aspect-ratio: 608/320;
	margin-top: calc(100vw * (44/375));
}

.card_wrap .c_dcard img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation: a_ud2 3s ease-in-out alternate-reverse infinite;
}

.floating_btn_wrap{
	position: fixed;
	bottom: calc(100vw * (76/375));
	left: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	width: 100%;
}
.card_regist_btn{
	width: auto;
	padding: 0 calc(100vw * (20/375));
	height: calc(100vw * (52/375));
	border-radius: calc(100vw * (26/375));
}
#btn_card_check{
	margin: 0 0 0 calc(100vw * (16/375));
}

@keyframes a_ud2 {
	0% {
		transform: translateY(0%);
	}

	100% {
		transform: translateY(-7%);
	}
}
.cd_status{
	display: flex;
	flex-direction: column;
	margin-top: calc(100vw * (-30/375));
	padding: calc(100vw * (20/375));
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.80);
	backdrop-filter: blur(10px);
	gap: calc(100vw * (8/375));
}
.card_wrap .cd_text {
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	text-align: center;
	color: var(--block-color);
}

.card_wrap .cd_tit {
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	text-align: center;
	color: var(--gray-color);
}

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

.card_wrap .c_delivery {
/*	display: none;*/
}

.card_wrap .mc_img {
	display: flex;
	flex-direction: column;
	padding-left: calc(100vw * (24/375));
	background-image: url(../image/sub/mc_img.png);
	background-size: 100% 100%;
	width: calc(100vw * (297/375));
	height: calc(100vw * (186/375));
	margin: calc(100vw * (50/375)) auto;
}

.card_wrap .mc_num {
	font-weight: 600;
	font-size: calc(100vw * (29/375));
	line-height: 1.5em;
	color: #FFFFFF;
	margin-top: calc(100vw * (6/375));
	margin-bottom:calc(100vw * (25/375));
	letter-spacing:calc(100vw * (-1.36/375));
	c {
		font-weight:400;
	}
	b {
		font-weight:600;
	}
}

.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.5);
	margin-top: auto;
}

.card_wrap .mc_index {
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	line-height: 1.4em;
	text-align: center;
	color: var(--block-color);
	margin-top: calc(100vw * (30/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: var(--block-color);
}
.card_wrap .mc_tit img{
	width: calc(100vw * (21/375));
	aspect-ratio: 66/48;
}


.card_wrap .mc_info {
	display: flex;
    flex-direction: column;
    gap: calc(100vw * (20 / 375));
    padding: calc(100vw * (24 / 375)) calc(100vw * (20 / 375));
    margin: calc(100vw * (30 / 375)) calc(100vw * (16 / 375)) 0;
    border-top: 0;
    border-bottom: 0;
    background: #fff;
    border-radius: calc(100vw * (10 / 375));
}

.card_wrap .mc_notice {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(100vw * (16/375)) calc(100vw * (20/375));
	margin: calc(100vw * (10/375)) calc(100vw * (16/375)) calc(100vw * (80/375));
	background: #FFF;
	box-shadow: 0 6px 12px 0 rgba(129, 138, 142, 0.12);
	border-radius: calc(100vw * (10/375));
	height: calc(100vw * (66/375));
}


.card_wrap .mc_notice .mc_ntext {
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	line-height: 1.16;
	color: var(--block-color);
}

.card_wrap .mc_notice .mc_nbtn {
	background: url('../image/sub/card_view.png')no-repeat;
	border-radius: 0;
	padding: 0;
	color: #FFF;
	font-size:0;
	width:calc(100vw * (16/375));
	height:calc(100vw * (16/375));
	background-size:100% 100%;
}

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

.mc_up .bg {
	width: 100vw;
    height: 200vh;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
}

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





.card_contact_btn{
	margin: 0 calc(100vw * (16/375)) calc(100vw * (80/375));

}


.com_btn_group .com_btn {
	width: 35%;
	flex:1;
}

.card_wrap.full .com_btn_group .com_btn#btn_card_regist {
	flex:3 !important;
}
.card_wrap.full .com_btn_group .com_btn#btn_card_regist.unable{
	color:var(--gray-color);
}

.card_wrap.full .com_btn_group.lost .com_btn.ok {
	width: 65%;
	flex: unset;
}
.card_wrap.full.withdraw .com_btn_group .com_btn.unable {
	background-color:var(--btn-unable-color);
	color:var(--gray-color);
	border:0;
}
.com_btn_group #btn_card_charge{
	width:65%;
}

.mc_up .u_tit {
	font-weight: 400;
	font-size: calc(100vw * (16/375));
	line-height: normal;
	text-align: left;
	color: var(--gray-color2);
	margin-top: calc(100vw * (40/375));
}
.mc_up .u_tit p {
	position:relative;
	padding-left:calc(100vw * (10/375));
	line-height:1.4;
}

.mc_up .u_tit p:before{
	content: "";
    width: calc(100vw * (3 / 375));
    height: calc(100vw * (3 / 375));
    background-color: var(--gray-color2);
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: calc(100vw * (8 / 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 {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	background: #FFFFFF;
	border-radius: calc(100vw * (30/375));
	padding: calc(100vw * (40/375)) calc(100vw * (20/375)) calc(100vw * (20/375));
	width: calc(100vw - (100vw * (32/375)));
}

.mc_pop_box .pop_title {
	font-weight: 600;
	font-size: calc(100vw * (20/375));
	line-height: 1.25em;
	text-align: center;
	color: var(--main-color);
}

.mc_pop_box .pop_tit {
	font-size: calc(100vw * (16/375));
	margin-top: calc(100vw * (16/375));
	line-height: 1.4;
	text-align: center;
	color: var(--block-color);
	c {
		color:var(--main-color);
	}
}

.mc_pop_box .pop_tit span {
	color: var(--main-color);
}

.mc_pop_box .pop_btn {
	display: block;
	width: 100%;
	height:calc(100vw * (52/375));
	padding: calc(100vw * (14/375));
	text-align: center;
	color: var(--main-color);
	font-weight: 600;
	font-size: calc(100vw * (16/375));
	border: 1px solid var(--border-color);
	margin-top: calc(100vw * (30/375));
	border-radius: calc(100vw * (10/375));
}

.c_mycard {
/*	display: none;*/
}

.c_lost .c_etext {
	margin-top: calc(100vw * (20/375));
	font-weight: 400;
	font-size: calc(100vw * (16/375));
	line-height: normal;
	text-align: center;
	color: var(--block-color);
}

.c_lost .c_ebox {
	padding: calc(100vw * (24/375)) calc(100vw * (20/375));
	background: #FFFFFF;
	border-radius: calc(100vw * (10/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (21/375));
	margin: calc(100vw * (30/375)) calc(100vw * (16/375));
}

.cr_text.sky {
	color: var(--main-color);
}

.c_lost {
/*	display: none;*/
}

.card_wrap .history_img {
	margin: calc(100vw * (40/375)) auto 0;
	padding: calc(100vw * (72/375)) calc(100vw * (24/375)) 0;
	background-image: url(../image/sub/mc_img.png);
	width: calc(100vw * (297/375));
	height: calc(100vw * (186/375));
	background-size: cover;
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (20/375));
}

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

.card_wrap .c_h_number {
	font-family: inherit;
	font-weight: 500;
	font-size: calc(100vw * (19/375));
	line-height: 1.35em;
	letter-spacing: 0.1em;
	color: #FFFFFF;
}

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

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

.lost_btn_group {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin: calc(100vw * (-70/375)) calc(100vw * (16/375)) 0;
	background: #FFF;
	border-radius: calc(100vw * (20/375));
	padding: calc(100vw * (8/375)) calc(100vw * (20/375));
	box-shadow: var(--box-shadow);
}
.lost_btn {
	width: 100%;
	display: flex;
	align-items: center;
	height: calc(100vw * (62/375));
	justify-content: space-between;
	font-size: calc(100vw * (16/375));
	color: var(--block-color);
	word-break: keep-all;
	overflow-wrap: anywhere;
}
.lost_btn .label{
	display: flex;
	align-items: center;
	gap: calc(100vw * (3/375));
}
.lost_btn .label img {
	width:calc(100vw * (24/375));
	aspect-ratio: 24/24;
}



.card_wrap .c_lostbox {
    display: flex;
    flex-direction: column;
    gap: calc(100vw * (20 / 375));
    margin-top: calc(100vw * (20 / 375));
    background: #FFFFFF;
    border-radius: calc(100vw * (8 / 375));
    padding: calc(100vw * (24 / 375)) calc(100vw * (20 / 375));
    font-weight: 400;
    font-size: calc(100vw * (15 / 375));
    color: var(--block-color);
}
.card_wrap .c_lostbox .c_row:last-child{
	background-color: var(--box-bg-color);
	padding: calc(100vw * (15/375));
	border-radius: calc(100vw * (8/375));
}
.card_wrap .c_lostbox .c_row:last-child .cr_index {
	color:var(--main-color);
}
.card_wrap .c_lostbox .c_row:last-child .cr_text {
	font-size: calc(100vw * (20/375));
}
.card_wrap .c_lostbox .c_row:last-child .cr_text span {
	letter-spacing:calc(100vw * (-0.8/375));
	font-weight:600;
}
.card_wrap .c_notice .c_ntit {
	margin-top: calc(100vw * (20/375));
}

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

.card_wrap.withdraw {
	flex:1;
	display:flex;
	flex-direction:column;
	.card_withdraw_title {
		font-size:calc(100vw * (20/375));
		font-weight:600;
		color:var(--block-color);
		margin-top:calc(100vw * (40/375));
	}
	.card_withdraw_tit {
		font-size:calc(100vw * (14/375));
		color:#909090;
		margin:calc(100vw * (12/375)) 0 calc(100vw * (20/375));
	}
	.card_withdraw_select {
		display:flex;
		align-items:center;
		gap:calc(100vw * (12/375));
		justify-content:space-between;
		padding:calc(100vw * (19/375)) calc(100vw * (21/375));
		background:#fff;
		font-size:calc(100vw * (17/375));
		font-weight:500;
		border-radius:calc(100vw * (8/375));
		border:1px solid var(--border-color);
	}
}

.com_btn_group.withdraw {
	margin-top:auto;
	.com_btn {
		flex:1;
		margin-top:0;
	}
	.unable {
		background:#FFF;
		border:1px solid var(--main-color);
		color:var(--main-color);
	}
}

.select_modal {
	.select_modal_group {
		display:flex;
		flex-direction:column;
		margin-top:calc(100vw * (20/375));
	}
	.modal_select {
		height:calc(100vw * (60/375));
		display:flex;
		align-items:center;
		justify-content:space-between;
		border-bottom:0;
		font-size:calc(100vw * (18/375));
	}
	.radio_mark {
		width:calc(100vw * (24/375));
		height:calc(100vw * (24/375));
		border-radius:50%;
		border:1.5px solid #ddd;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.modal_select.on .radio_mark {
		border-color:var(--main-color);
		span {
			display:block;
			width:calc(100vw * (16/375));
			height:calc(100vw * (16/375));
			border-radius:50%;
			background:var(--main-color);
		}
	}
	.com_modal_btn_group {
		display:flex;
		align-items:center;
		gap:calc(100vw * (6/375));
		margin-top:calc(100vw * (30/375));
	}
	.com_btn {
		margin:0;
		flex:5;
	}
	.unable {
		flex:3;
		background-color:transparent;
		border:1px solid var(--border-color);
		color:var(--block-color);
	}
}

.select_modal.on {
	transform:translateY(0%) !important;
}


.card_load_modal .card_load_select_group {
	display:flex;
	align-items:center;
	gap:calc(100vw * (8/375));
}
.card_load_modal .card_load_select {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: calc(100vw * (10/375));
	height: calc(100vw * (52/375));
	background: var(--item-bg-color);
	color: var(--block-color);
	font-size: calc(100vw * (18/375));
	font-weight: 600;
}
.card_load_modal .com_modal_box {
	background-color: #FFF;	
}

.card_load_modal.on {
	transform:translateY(0%);
}

.foreign_load, .local_load {
	.foreign_input {
		display: flex;
		flex-direction: column;
		gap: calc(100vw * (8/375));
		margin-bottom: calc(100vw * (20/375));
	}
	.input_title {
		font-size:calc(100vw * (16/375));
		color: var(--gray-color);
	}
	input {
		padding:calc(100vw * (16/375));
		border-radius:calc(100vw * (8/375));
		font-size:calc(100vw * (16/375));
		border: 1px solid var(--border-color);
	}
	input[readonly] {
		background: var(--btn-unable-color);
		border: none;
	}
	.modal_btn_group {
		display:flex;
		align-items:center;
		gap:calc(100vw * (6/375));
	}
	.modal_btn_group .com_btn {
		margin-bottom:0;
	}
}

.foreign_load.on, .local_load.on {
	transform:translateY(0%);
}

.card_exit_title {
	margin : calc(100vw * (40/375)) 0 calc(100vw * (12/375));
	font-size:calc(100vw * (20/375));
	font-weight:600;
}

.card_exit_tit {
	font-size:calc(100vw * (14/375));
	color:#909090;
}



.card_exit_list_group {
	overflow-y: auto;
	gap: calc(100vw * (8/375));
}
.card_exit_list{
	padding: 0 calc(100vw * (16/375));
	height: calc(100vw * (80/375));
	display:flex;
	align-items:center;
	justify-content: space-between;
	gap:calc(100vw * (10/375));
	font-size:calc(100vw * (18/375));
	background: var(--item-bg-color);
	border-radius: calc(100vw * (10/375));
	margin-bottom: calc(100vw * (8/375));
}
.card_exit_radio {
	width: calc(100vw * (24 / 375));
	height: calc(100vw * (24 / 375));
	background-image: url('../image/sub/chk_normal.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.card_exit_list.on {
	border: 1px solid var(--border-color);
}
.card_exit_list.on .card_exit_radio {
	background-image: url('../image/sub/lang_chk.svg');
}

.exit_modal.on {
	transform:translateY(0%);
}

/* END card */

/* foreign */

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

.foreign_wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: calc(100vh - calc(100vw * (60/375)));
	padding: calc(100vw * (25/375)) calc(100vw * (25/375)) 0;
}

.foreign_wrap .title {
	font-family: inherit;
	font-weight: 600;
	font-size: calc(100vw * (20/375));
	line-height: 1.4em;
	color: var(--block-color);
	margin-bottom: calc(100vw * (50/375));
}

.foreign_wrap .fr_title {
	font-weight: 500;
	font-size: calc(100vw * (14/375));
	line-height: 1.2em;
	color: #999999;
}

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

.foreign_wrap .fr_text {
	padding: calc(100vw * (19/375)) calc(100vw * (15/375));
	background: #FFFFFF;
	border-radius: calc(100vw * (8/375));
	margin-top: calc(100vw * (9/375));
	font-weight: 500;
	font-size: calc(100vw * (18/375));
	line-height: 1.2em;
	color: var(--block-color);
}

.lang_wrap.list {
	position: fixed;
	top: calc(100vw * (60/375));
	left: 0;
	width: 100%;
	background-color: var(--background-color);
	transform: translateY(100%);
	transition: 0.5s;
}

/* END foreign */

/* contact */



.contact_wrap {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.form_request{
	display: contents;
}


.c_write{
	flex: 1;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: calc(100vw * (30/375)) calc(100vw * (16/375));
}
.contact_wrap.full {
	display: flex;
	flex-direction: column;
	height: calc(100vh - (100vw * (60/375)));
	overflow: hidden;
}

.contact_wrap .contact_menu {
	display: flex;
	gap: calc(100vw * (24/375));
	border-bottom: 1px solid var(--border-color);
	padding: 0 calc(100vw * (16/375));
	flex-shrink: 0;
}

.contact_wrap .c_menu {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(100vw * (65/375));
	color: var(--gray-color);
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	transition: 0.3s;
	border-bottom: 2px solid transparent;
}

.contact_wrap .c_menu.active {
	color: var(--main-color);
	border-color: var(--main-color);
}
.contact_title{
	color: var(--block-color);
	font-size: calc(100vw * (20/375));
	font-weight: 600;
	line-height: 1.4;
	padding: 0 calc(100vw * (16/375));
	width: 90%;
}
.contact_wrap .c_row {
	margin-bottom: calc(100vw * (30/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (12/375));
}

.contact_wrap .c_title {
	font-weight: 400;
	font-size: calc(100vw * (16/375));
	color: var(--gray-color);
}

.contact_wrap .c_tit {
	font-weight: 400;
	font-size: calc(100vw * (13/375));
	line-height: normal;
	text-align: right;
	color: var(--gray-color2);
}

.contact_wrap .c_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: calc(100vw * (59/375));
	padding: 0 calc(100vw * (21/375));
	font-weight: 500;
	font-size: calc(100vw * (18/375));
	line-height: 1.2;
	background: #FFF;
	border: 1px solid var(--border-color);
	padding: 0 calc(100vw * (12/375));
	color: var(--block-color);
	font-weight:600;
	border-radius: calc(100vw * (10/375));
}

.contact_wrap .c_box.gray {
	background-color: var(--btn-unable-color);
	color: var(--block-color);
	padding: 0 calc(100vw * (12/375));
	border-radius: calc(100vw * (10/375));
}

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

.contact_wrap .c_box::placeholder {
	color: var(--placeholder);
}



.contact_wrap textarea.c_box {
	padding:0;
	resize: none;
	height: calc(100vw * (120/375));
	padding: calc(100vw * (12/375));
}

.contact_pop {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 55;
	transform: translateY(100%);
    transition: 0.5s;
	.bg {
		width: 100vw;
		height: 200vh;
		background-color: rgba(0, 0, 0, 0.5);
		position: fixed;
		bottom: 0;
		left: 0;
		display:none;
	}
}

.c_pop_box {
	background: #FFFFFF;
    border-radius: calc(100vw*(30 / 375));
    position: absolute;
    width: calc(100% - (100vw*(24 / 375)));
    left: 0;
    bottom: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	max-height: 80vh;
	margin: 0 calc(100vw*(12 / 375)) calc(100vw*(12 / 375));
	.modal_xbtn {
		flex-shrink: 0;
		width: 100%;
		height: calc(100vw * (36 / 375));
		position: unset;
		z-index: 3;
		background-image: url('../image/sub/up_x_btn_renew.png');
		background-size: calc(100vw * (40 / 375)) calc(100vw * (5 / 375));
		background-position: center;
		background-repeat: no-repeat;

		img{
			display:none;
		}
	}
	.modal_title {
		font-size: calc(100vw * (20 / 375));
		font-weight: 600;
		padding:0 calc(100vw * (20/375));
		margin-bottom:calc(100vw * (20/375));
		flex-shrink: 0;
	}
}
.c_pop_box .scroll_inner {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    flex: 1;
	overflow-x: hidden;
	margin: 0 calc(100vw * (20/375));
	padding-bottom: calc(100vw * (20/375));
}
.cp_row:last-child {
	border-bottom: none;
}

.cp_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: calc(100vw * (10/375));
	background: var(--item-bg-color);
	padding: 0 calc(100vw * (16/375));
	height: calc(100vw * (72/375));
	margin-bottom: calc(100vw * (6/375));
}

.cp_row label {
	flex:1;
	font-size: calc(100vw * (18/375));
	line-height: 1.2;
	color: var(--block-color);
	font-weight: 500;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}


.cp_row input[name="cpop"] {
	width: calc(100vw * (24/375));
	height: calc(100vw * (24/375));
	order:2;
	display:none;
}
.cp_row label:after {
    content: "";
	display: block;
    width: calc(100vw * (24 / 375));
    height: calc(100vw * (24 / 375));
    background: url('../image/sub/chk_normal.svg') top left no-repeat;
}
.cp_row input:checked + label:after {
	background-image: url('../image/sub/lang_chk.svg');
}
.cp_row:has(input:checked){
	border: 1px solid var(--border-color);
}


.contact_wrap .c_num {
	font-family: inherit;
	font-weight: 500;
	font-size: calc(100vw * (14/375));
	line-height: 1.2;
	color: var(--gray-color);
	margin: calc(100vw * (30/375)) calc(100vw * (16/375)) 0;
	flex-shrink: 0;
}

.contact_wrap .c_listbox {
	border-top: 1px solid var(--border-color);
	margin: calc(100vw * (20/375)) calc(100vw * (16/375)) 0;
	overflow-y: auto;
	flex-grow: 1;
}

.contact_wrap .c_list {
	padding: calc(100vw * (23/375)) calc(100vw * (16/375));
	transition: 0.3s;
}

.contact_wrap .c_list .row1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	font-size: calc(100vw * (14/375));
	line-height: 1.25em;
	color: var(--block-color);
	margin-bottom: calc(100vw * (10/375));
}
.c_request_wrap .c_list .row1 {
	margin-bottom: 0;
	line-height: 1.6;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.c_request_wrap .c_list .c_list_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: calc(100vw * (8/375));
}

.contact_wrap .cr_req {
	font-weight: 400;
	font-size: calc(100vw * (16/375));
	line-height: 1.6;
	color: var(--block-color);
	margin-bottom: calc(100vw * (20/375));
	/* display: none; */
}
.c_request_wrap .cr_req {
	margin-bottom: calc(100vw * (20/375));
	padding-bottom: calc(100vw * (20/375));
	border-bottom: 1px solid var(--border-color);
}

.contact_wrap .cr_title {
	display:flex;
	flex-direction: column;
	gap: calc(100vw * (10/375));
}

.contact_wrap .cr_title .cr_intxt{
	max-width:calc(100vw * (220/375));
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	line-height:normal;
	font-size: calc(100vw * (16 / 375));
}
.c_request_wrap .cr_title .cr_intxt{
	max-width: 100%;
	overflow: visible;
	white-space: normal;
	text-overflow: clip;
	display: block;
	-webkit-line-clamp: unset;
	-webkit-box-orient: unset;
	line-height: 1.4;
}



.contact_wrap .cr_title .cr_intxt * {
	line-height:1.2em;
}

.contact_wrap .cr_icon {
	font-weight: 400;
	font-size: calc(100vw * (13/375));
	color: var(--gray-color);
	padding: calc(100vw * (5/375)) calc(100vw * (8/375));
	border-radius: calc(100vw * (100/375));
	border:1px solid var(--border-color);
	align-self: flex-start;
}

.contact_wrap .cr_icon.done {
	background-color: transparent;
	color: var(--main-color);
	border-color:var(--main-color);
}

.contact_wrap img {
	max-width:99%;
}

.contact_wrap .cr_img {
	display:flex;
	align-items:flex-start;
	width: calc(100vw * (14 / 375));
    height: calc(100vw * (9 / 375));
    background-image: url(../image/common/sub_list_link_renew.png);
    background-size: 100% 100%;
	transform: rotate(180deg);
	transition:0.5s;
	img {
		display:none;
	}
}
.c_request_wrap .cr_img {
	display:flex;
	align-items:center;
	justify-content: center;
	width: calc(100vw * (21 / 375));
    height: calc(100vw * (21 / 375));
    background-image: url('/image/sub/icon_arrow_down.svg');
    background-size: 100% 100%;
	transform: rotate(0);
	transition:0.5s;
	flex-shrink: 0;
}
.contact_wrap .c_list.active .cr_img {
	transform: rotate(180deg);
	transition:0.5s;
}

.contact_wrap .c_list .row2 {
	margin-top: calc(100vw * (10/375));
	padding-left: calc(100vw * (65/375));
	font-weight: 400;
	font-size: calc(100vw * (13/375));
	line-height: 1.25em;
	color: var(--gray-color2);
	transition: 0.5s;
	margin-bottom: calc(100vw * (20 / 375));
}
.c_request_wrap .c_list .row2 {
	margin-top: calc(100vw * (10/375));
	padding-left: 0;
	font-size: calc(100vw * (14/375));
	color: var(--gray-color);
	margin-bottom: 0;
}

.contact_wrap .c_list .row3 {
	padding-top: calc(100vw * (20/375));
	display: flex;
    flex-direction: row;
	gap: calc(100vw * (10/375));
	border-top: 1px solid var(--border-color);
}
.c_request_wrap .c_list .row3 {
	padding-top: 0;
	display: flex;
    flex-direction: row;
	gap: calc(100vw * (10/375));
	border-top: 0;
}


.contact_wrap .c_list .row3 .reple {
	width: calc(100vw * (12 / 375));
    display: inline;
    border-radius: calc(100vw * (3 / 375));
    color: var(--main-color);
    font-weight: 600;
    font-size: calc(100vw * (16 / 375));
    line-height: 1.6;
}
.c_request_wrap .c_list .row3 .reple {
	width: calc(100vw * (30 / 375));
	height: calc(100vw * (30 / 375));
    display: flex;
	align-items: center;
	justify-content: center;
    border-radius: calc(100vw * (15 / 375));
    color: var(--main-color);
    font-weight: 600;
    font-size: calc(100vw * (16 / 375));
    line-height: 1;
	background: var(--item-bg-color);
	flex-shrink: 0;
}


.contact_wrap .c_list .row3 .cr_ans {
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	line-height: 1.6;
	color: var(--block-color);
}
.c_request_wrap .c_list .row3 .cr_ans {
	font-size: calc(100vw * (16/375));
	color: var(--block-color);
}

.contact_wrap .c_list .slide_row {
	display: none;
    margin: calc(100vw * (20 / 375)) 0 0;
	padding: calc(100vw * (20 / 375)) 0 0;
	border-top: 1px solid var(--border-color);
}
.c_request_wrap .c_list .slide_row {
    margin: calc(100vw * (10 / 375)) 0 0;
	padding: 0;
	border-top: 0;
}





.contact_wrap .c_list.active .cr_img img{
	transform:rotate(180deg);
}


.contact_wrap .c_request {
	display: none;
	flex: 1;
	height: 100%;
	overflow: hidden;
}

.request_wrapper{
	display: flex;
	flex-direction: column;
	height: calc(100vh - (100vw * (60 / 375)));
	overflow: hidden;
}

.c_request_wrap{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.c_request_wrap .c_list{
	padding: calc(100vw * (30 / 375)) calc(100vw * (16 / 375));
	background: #FFF;
	border-radius: calc(100vw * (10 / 375));
	box-shadow: var(--box-shadow);
	margin-bottom: calc(100vw * (10 / 375));
}
.c_request_wrap .c_listbox{
	border-top: 0;
	margin: calc(100vw * (20 / 375)) 0 0;
	padding: 0 calc(100vw * (16 / 375)) calc(100vw * (30 / 375));
	flex: 1;
	overflow-y: auto;
}

.contact_wrap.notice .c_request {
	display: flex;
	flex-direction: column;
	height: calc(100vh - (100vw * (60/375)));
}

.contact_wrap.notice .c_list {
	display: block;
	padding: calc(100vw * (20 / 375)) 0;
	border-bottom: 1px solid var(--border-color);
}

.contact_wrap.notice .c_list .row2 {
	padding-left: 0;
	margin-bottom: 0;
	margin-top: 0;
}

.contact_wrap.notice .cr_title img {
	width: calc(100vw * (10/375));
	max-width:99%;
	display: none;
}

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

.contact_wrap.notice .n_title {
	padding-left: calc(100vw * (16/375));
	padding-right: calc(100vw * (16/375));
	font-size: calc(100vw * (20/375));
	font-weight: 600;
	line-height: normal;
}

.contact_wrap.notice .n_tit {
	margin: calc(100vw * (12/375)) calc(100vw * (16/375)) 0;
	font-size: calc(100vw * (14/375));
	color: var(--gray-color);
	padding-bottom: calc(100vw * (30/375));
	border-bottom: 1px solid var(--border-color);
}

.contact_wrap.notice .com_btn {
	margin-top: calc(100vw * (60/375));
	margin-left: calc(100vw * (16/375));
	margin-right: calc(100vw * (16/375));
	width:calc(100vw * (325/375));
}

.contact_wrap.notice .editor {
/*	display: flex;*/
	align-items: flex-start;
/*	justify-content: flex-start;*/
	color: var(--block-color);
	height: 55vh;
	padding: calc(100vw * (30/375)) 0 0;
	margin: 0 calc(100vw * (16/375));
}

.contact_wrap.notice .editor * {
	line-height: 1.6;
}

.contact_wrap.max {
	min-height: 100vh;
}

/* .contact_wrap .c_list.active .row3 {
	display: flex;
} */

/* END contact */

/* ECT */

.ect_wrap_common_object {
	width: 100%;
	height: calc(100vh - calc(100vw * (60/375)));
	padding: 0 calc(100vw * (25/375));
}

.ect_wrap_common_object .com_input_group {
	font-family: 'Pretendard';
	margin-bottom: 20px;
	background-color: #FFF;
	width: 100%;
	height: calc(100vw * (62/375));
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
}

.ect_wrap_common_object .com_input_group input {
	width: 100%;
	font-size: calc(100vw * (18/375));
	padding: 0 calc(100vw * (10/375));
}

.ect_wrap_common_object .com_input_group .input_x_btn {
	min-width: calc(100vw * (20/375));
	min-height: calc(100vw * (20/375));
	background-color: #a3a3a3;
	border-radius: 50%;
	background-image: url(../image/common/gnb_xbtn.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
}

/* END ECT */

/* push */



.push_wrap {
	width: 100%;
	flex:1;
	padding: 0 calc(100vw * (16/375));
	background-color: var(--background-color);
	overflow-y: auto;
	align-content: center;
	display:flex;
	flex-direction:column;
}

.push_group {
	margin-top: calc(100vw * (20/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (10/375));
	padding-bottom: calc(100vw * (20/375));
	flex:1;
}

.push_wrap .p_item {
	background: #FFF;
	padding: calc(100vw * (20/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (10/375));
	border-radius: 10px;
	box-shadow: 0 1px 2px 0 rgba(129, 138, 142, 0.20);
}

.push_wrap .p_item img {
	width: calc(100vw * (20/375));
	aspect-ratio: 20/20;
}

.push_wrap .p_item .row1 {
	display: flex;
	align-items: center;
	gap: calc(100vw * (10/375));
	font-weight: 600;
	font-size: calc(100vw * (14/375));
	line-height: 1.2em;
	color: var(--block-color);
}

.push_wrap .p_item .row1_txt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all
}

.push_wrap .p_item .row2 {
	font-weight: 400;
	font-size: calc(100vw * (12/375));
	line-height: 1.2;
	color: #9F9F9F;

}
.push_wrap .p_item .row3:empty {
	display: none;
}



/* END push */

/* event */

.event_wrap {
	width: 100%;
	height: calc(100vh - calc(100vw * (60/375)));
	display: flex;
	flex-direction: column;
	padding: 0 calc(100vw * (25/375));
}

.event_wrap .e_group {
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	margin-top: calc(100vw * (40/375));
}

.event_wrap .e_item {
	display: flex;
	align-items: center;
	gap: calc(100vw * (17/375));
	border-bottom: 1px solid #EDEDED;
	padding: calc(100vw * (28/375)) 0;
}

.event_wrap .e_item img {
	width: calc(100vw * (60/375));
}

.event_wrap .e_item .right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: calc(100vw * (8/375));
	font-size: calc(100vw * (17/375));
	font-weight: 600;
	line-height: 1.2em;
	color: var(--block-color);
}

.event_wrap .e_item .right .ei_tit {
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	line-height: 1.25em;
}

/* END event */

/* point guide */
.common_wrap.guide_wrap {
	overflow-y:hidden;
	padding-bottom: calc(100vw * (50 / 375));
}
.guide_wrap * {
	font-family: 'Pretendard';
}

/*.guide_wrap img {*/
/*	display: block;*/
/*}*/

.guide_wrap {
	width: 100%;
/*	height: calc(100vw * (3200/375));*/
	background-color: var(--background-color);
	display: flex;
	flex-direction: column;
}

.guide_wrap .title {
	margin-top: calc(100vw * (50/375));
	font-size: calc(100vw * (28/375));
	text-align: center;
	font-weight: 600;
	line-height: 1.3em;
}

.guide_wrap .tit {
	color: var(--main-color);
	text-align: center;
	font-weight: 600;
	font-size: calc(100vw * (20/375));
	padding: 0 calc(100vw * (16 / 375));
}

.guide_wrap .title span {
	display: inline-block;
	width: calc(100vw * (76/375));
}

.guide_wrap .img_box {
	width: calc(100vw * (325/375));
	margin: 0 auto;
	margin-top: calc(100vw * (10/375));
}

.guide_wrap .con4 .img_box {
	width:100%;
	margin-top:calc(100vw * (30/375));
}

.guide_wrap .num {
	width: calc(100vw * (25/375));
	height: calc(100vw * (25/375));
	margin: 0 auto;
	background-color: var(--main-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	font-weight: 400;
	font-size: calc(100vw * (13/375));
	margin-top: calc(100vw * (72/375));
	margin-bottom: calc(100vw * (8/375));
}

.guide_wrap .sub_tit {
	font-weight: 400;
	font-size: calc(100vw * (13/375));
	line-height: 1.35em;
	text-align: center;
	color: #4e4e4e;
	margin-top: calc(100vw * (14/375));
	padding: 0 calc(100vw * (16 / 375));
	word-break: keep-all;
    overflow-wrap: anywhere;
}

.guide_wrap .con {
	width: 100%;
}

.guide_wrap .con1 .img_box {
	width: 100%;
	margin-top: calc(100vw * (32/375));
	background-image: url(../image/sub/con1_bg2_new_renew.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.guide_wrap .con1 .img_box img {
	margin: 0 auto;
	width: calc(100vw * (263/375));
	animation: guide_a ease-in-out 1.5s infinite alternate;
}

@keyframes guide_a {
	0% {
		transform: translateY(-10%);
	}

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

.guide_wrap .con6 {
/*	padding-bottom: calc(100vw * (100/375));*/
}

.guide_wrap .con6 .img_box {
	width: 100%;
	height: calc(100vw * (338/375));
	background-image: url(../image/sub/con6_bg2_new_renew.png);
	background-size: calc(100vw * (290/375));
	background-repeat: no-repeat;
	background-position: center right;
}

.guide_wrap .con6 .img_box img {
	width: calc(100vw * (314/375));
	margin: 0 auto;
}

.guide_wrap .end {
	height: 1px;
}

.common_wrap.full {
	overflow-y: unset;
	min-height: 100vh;

}

/* END point guide */

/* point */

.point_wrap * {
	font-family: 'pretendard';
	position: relative;
}

.point_wrap {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	padding: 0 calc(100vw * (16/375));
	display: flex;
	flex-direction: column;
}

.point_wrap .point_switch {
	display: flex;
    align-items: center;
    gap: calc(100vw * (24 / 375));
    font-weight: 600;
    font-size: calc(100vw * (21 / 375));
    line-height: normal;
    color: var(--gray-color);
    position: fixed;
    z-index: 10;
    background: var(--background-color);
    width: 100%;
    top: calc(100vw * (60 / 375));
	overflow-x:auto;
	flex-wrap: nowrap;
	padding-left:calc(100vw * (8/375));
	padding:calc(100vw * (35 / 375)) calc(100vw * (8/375)) calc(100vw * (20 / 375));
}

.point_wrap .point_switch .switch {
	padding-bottom: calc(100vw * (2/375));
	opacity:0.5;
	white-space: nowrap;
	flex: 0 0 auto;
}
.point_wrap .point_switch:after{
	content: '';
    flex: 0 0 calc(100vw * (24 / 375));
}

.point_wrap .point_switch .switch.active {
	color: var(--sub-color);
	border-bottom: 0;
	opacity:1;
}

.point_wrap .point_box {
	padding: calc(100vw * (20/375)) 0 calc(100vw * (15/375)) calc(100vw * (15/375));
	background: #EBEBF1;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.01);
	border-radius: calc(100vw * (20/375));
	overflow: hidden;
}

.point_wrap .point_co .row1 {
	font-weight: 400;
	font-size: calc(100vw * (13/375));
	line-height: calc(100vw * (16/375));
	color: #999999;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: calc(100vw * (20/375));
}

.point_wrap .point_co .row1 .p_btn {
	font-size: calc(100vw * (16/375));
	color: var(--main-color);
	display: flex;
	align-items: center;
	gap: calc(100vw * (4/375));
	margin-right: calc(100vw * (20/375));
}

.point_wrap .corp {
	padding: calc(100vw * (20/375));
	background-color: var(--main-color);
	border-radius: calc(100vw * (12/375));
	color: #FFF;
	margin-right: calc(100vw * (20/375));
}

.point_wrap .corp_title {
	font-weight: 600;
	font-size: calc(100vw * (14/375));
	line-height: 1.35em;
	color: #FFFFFF;
	margin-bottom: calc(100vw * (8/375));
}

.point_wrap .corp_tit {
	font-weight: 500;
	font-size: calc(100vw * (11/375));
	line-height: 1.4em;
	margin-bottom: calc(100vw * (50/375));
}

.point_wrap .corp_point {
	padding: calc(100vw * (7/375)) calc(100vw * (13/375));
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	font-size: calc(100vw * (12/375));
	line-height: 1.2em;
	background-color: rgba(255, 255, 255, 0.14);
	border-radius: calc(100vw * (6/375));
}

.point_wrap .corp_point .p_num {
	font-weight: 700;
	font-size: calc(100vw * (20/375));
	line-height: 1.35em;
}

.point_wrap .point_pop_btn {
	margin-top: calc(100vw * (13/375));
	display: flex;
	align-items: center;
	gap: calc(100vw * (4/375));
	font-weight: 400;
	font-size: calc(100vw * (12/375));
	line-height: 1.2em;
	text-decoration-line: underline;
	color: #999999;
}

.point_wrap .point_select {
	margin-top: calc(100vw * (40/375));
	margin-bottom: calc(100vw * (28/375));
}

.point_wrap .p_row1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: calc(100vw * (15/375));
	color: var(--block-color);
	line-height: 1.2em;
	font-weight: 600;
}

.point_wrap .point_select .p_row1 .p_point {
	font-weight: 500;
	font-size: calc(100vw * (14/375));
	line-height: 1.2em;
	color: var(--gray-color2);
}

.point_wrap .point_select .p_row1 .p_point span {
	color: var(--main-color);
}

.point_wrap .point_select .point_btn {
	padding: calc(100vw * (18 / 375)) calc(100vw * (15 / 375));
    background: #FFFFFF;
    border-radius: calc(100vw * (8/375));
    font-weight: 600;
    font-size: calc(100vw * (18 / 375));
    line-height: 1.2em;
    color: #DEDEDE;
    margin-top: calc(100vw * (10 / 375));
    height: calc(100vw * (70 / 375));
    display: flex;
    align-items: center;
}

.point_wrap .p_detail {
	background-color: #FFF;
	color: var(--gray-color2);
	display: flex;
	flex-direction: column;
	padding-top: calc(100vw * (22/375));
	border-radius: calc(100vw * (8/375));
	overflow: hidden;
	margin-bottom: calc(100vw * (80/375));
	margin-top: calc(100vw * (10/375));
}

.point_wrap .p_detail .d_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 calc(100vw * (15/375));
	margin-bottom: calc(100vw * (14/375));
	font-size:calc(100vw * (16/375));
}

.point_wrap .p_detail .d_row .d_left {
width:calc(100vw * (140/375));
}
.point_wrap .p_detail .d_row .d_right {
	color:var(--block-color);
}

.point_wrap .p_detail .d_row2 {
	background-color: var(--box-bg-color);
	margin-bottom: 0;
	padding: calc(100vw * (16/375)) calc(100vw * (15/375));
	font-size: calc(100vw * (16/375));
	color: var(--block-color);
}

.point_wrap .p_detail .d_row2 .d_right {
	font-weight: 700;
}

.point_wrap .p_detail .d_row2 .d_left {
	font-weight: 600;
	line-height: normal;
}

.point_wrap .swiper-slide {
	background-color: #808D93;
	padding: calc(100vw * (16/375));
	width: calc(100vw * (137/375));
	border-radius: calc(100vw * (12/375));
	color: #FFF;
}

.point_wrap .swiper-slide img {
	opacity: 0.4;
}

.point_wrap .swiper-slide.active img {
	opacity: 1;
}

.point_wrap .corp_swiper {
	margin-top: calc(100vw * (19/375));
	width: calc(100vw * (305/375));
	padding-right: calc(100vw * (20/375));
}

.point_wrap .p_ctitle {
	font-weight: 400;
	font-size: calc(100vw * (15/375));
	line-height: 1.2em;
	color: var(--block-color);
}

.point_wrap .corp_name {
	font-weight: 600;
	font-size: calc(100vw * (14/375));
	line-height: 1.4em;
	margin-top: calc(100vw * (12/375));
	margin-bottom: calc(100vw * (41/375));
}

.point_wrap .corp_tit2 {
	font-size: calc(100vw * (11/375));
	font-weight: 500;
	line-height: 1.3em;
	color: rgba(255, 255, 255, 0.5);
}

.point_wrap .corp_num {
	font-size: calc(100vw * (18/375));
	font-weight: 600;
	line-height: 1.4em;
}

.point_wrap .point_corps {
	position: absolute;
	top: calc(100vw * (20/375));
	left: calc(100vw * (15/375));
	width: 100%;
	transform: translateX(100%);
	transition: 0.5s;
}

.point_wrap .point_co {
	transition: 0.5s;
}

.point_wrap .point_pop {
	display: none;
	position: absolute;
	top: calc(100vw * (320/375));
	left: calc(100vw * (40/375));
	z-index: 222;
	background-color: #FFF;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
	border-radius: calc(100vw * (8/375));
	width: calc(100vw * (280/375));
	/* display: flex; */
	flex-direction: column;
	padding: calc(100vw * (10/375)) calc(100vw * (15/375)) calc(100vw * (20/375));
}

.point_wrap .point_pop .x_btn_row img {
	display: block;
	margin-left: auto;
	width: calc(100vw * (16/375));
	margin-bottom: calc(100vw * (5/375));
}

.point_wrap.remit_inner .btn_remit {
	margin: calc(100vw * (60/375)) 0 calc(100vw * (30/375));
}

/* END point */

/* common_pw_modal */
.pw_modal,
.pw_modal * {
	will-change: transform;
	font-family: 'pretendard';
}
.pw_modal {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	z-index: 9999;
	transform: translateY(100%);
	transition: 0.5s;
}
.pw_modal .bg {
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 200vh;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
}
.pw_modal .pw_box {
	display: flex;
	flex-direction: column;
	background-color: var(--background-color);
	border-radius: calc(100vw * (25/375)) calc(100vw * (25/375)) 0 0 ;
}
.pw_modal .pw_close_btn{
	margin: calc(100vw * (20/375)) calc(100vw * (20/375)) calc(100vw * (57/375)) auto ;
	width: calc(100vw * (33/375));
}
.pw_modal .pw_title {
	font-size: calc(100vw * (18/375));
	text-align: center;
	font-weight: 400;
	margin-bottom: calc(100vw * (26/375));
	display:flex;
	align-items:center;
	justify-content: center;
	gap:calc(100vw * (10/375));
}
.pw_modal .pw_title:before{
	content:"";
	width:calc(100vw * (80/375));
	height:calc(100vw * (20/375));
	background-image:url('/image/sub/logo.svg');
	background-size:100% 100%;
	background-repeat:no-repeat;

}
.pw_modal .pw_num {
	display: flex;
	align-items: center;
	gap: calc(100vw * (14/375));
	justify-content: center;
	margin-bottom: calc(100vw * (100/375));
}
.pw_modal .pw_dot {
	width: calc(100vw * (8/375));
	height: calc(100vw * (8/375));
	border-radius: calc(100vw * (20/375));
	background-color: #D6D9E0;
}
.pw_modal .pw_dot.active {
	width: calc(100vw * (10/375));
	height: calc(100vw * (10/375));
	background-color: #59A8C8;
}
/* END common_pw_modal */

/* send pop */


.send_up {
	position: absolute;
	left: 0;
	right: 0;
	transform: translateY(0%);
	transition: 0.5s;
}
.send_up_box {
	background-color: #FFF;
	border-radius: calc(100vw * (30/375));
	padding: calc(100vw * (30/375)) calc(100vw * (20/375)) 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 calc(100vw * (12/375)) calc(100vw * (12/375));
}
.send_up .profile_pic {
	width: calc(100vw * (80/375));
	margin-bottom: calc(100vw * (40/375));
}
.send_up .profile_pic img {
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.send_up .send_id {
	display:flex;
	align-items:center;
	gap:calc(100vw * (4/375));
	margin-bottom: calc(100vw * (20/375));
	color:var(--gray-color2);
	font-size:calc(100vw * (14/375));
	font-weight:400;
}

/*.send_up .send_id_text {*/
/*	background-color: #F9F9F9;*/
/*	padding: calc(100vw * (10/375)) calc(100vw * (15/375));*/
/*	border-radius: 50px;*/
/*	font-size: calc(100vw * (16/375));*/
/*	font-weight: 600;*/
/*}*/
.send_up .send_text {
	text-align: center;
	font-size: calc(100vw * (36/375));
	font-weight: 500;
	line-height: normal;
	color:var(--main-color);
	line-height: 0.8;
}
.send_up .user_id {
	font-weight: 700;
	color: var(--main-color);
}
.send_up .send_point {
	font-weight: 600;
	color: var(--main-color);
	font-size:calc(100vw * (36/375));
	letter-spacing: calc(100vw * (-1.44/375));
}
.send_up .send_text .small_txt {
	font-size:calc(100vw * (18/375));
	font-weight:600;
}
.send_up .bg{
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 200vh;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}
.send_up .com_btn_group .com_btn {
	width: calc(100% - (100vw * (110/375)));
	height:calc(100vw * (58/375));
}
.send_up .com_btn_group .unable {
	width: calc(100vw * (100/375));
	height:calc(100vw * (58/375));
	background: transparent;
    color: var(--block-color);
    border: 1px solid var(--border-color);
}
#btn_layer_ok{
	flex: 2;
}
/* END send pop */


/* ok_pop */
.ok_pop .pop,
.card_pop .pop {
	width: 95%;
}
.pop_cash_img {
	width: calc(100vw * (70/375));
	height: calc(100vw * (70/375));
	margin: 0 auto;
	margin-top: calc(100vw * (25/375));
}
.pop_common_tit {
	font-size: calc(100vw * (22/375));
	font-weight: 600;
	color: #111;
	line-height: 1.3em;
	margin: calc(100vw * (20/375)) 0 calc(100vw * (5/375));
}
.pop_common_ment {
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	color: #111;
	line-height: 1.5em;
	margin-bottom: calc(100vw * (20/375));
}
.pop_common_ment.red {
	color: var(--red-color);
	margin-bottom: calc(100vw * (15/375));
}
.pop_common_btn_box {
	display: flex;
	padding: 0 calc(100vw * (25/375)) calc(100vw * (25/375));
}
.pop_common_btn_box button {
	width: 100%;
	border-radius: calc(100vw * (7/375));
	font-size: calc(100vw * (17/375));
	font-weight: 400;
	height: calc(100vw * (50/375));
}
.pop_common_btn_box button:first-child {
	flex: 1;
	margin-right: calc(100vw * (8/375));
}
.pop_common_btn_box button:last-child {
	flex: 2;
	margin-right: unset;
}
.pop_common_btn_box button.grey {
	background-color: #EAEAEA;
	color: #111;
}
.pop_common_btn_box button.black {
	background-color: #050513;
	color: #fff;
}
/* END ok_pop */

/* card_pop */
.pop_card_list {
	width: calc(100vw * (270/375));
	height: calc(100vw * (72/375));
	margin: 0 auto;
	margin-bottom: calc(100vw * (30/375));
}
/* END card_pop */
.common_page_nav {
	justify-content: center;
	margin-top: calc(100vw * (30/375));
	padding-bottom: calc(100vw * (30/375));
}
.common_page_nav .arw_btn {
	width: calc(100vw * (40/375));
	height: calc(100vw * (40/375));
	border-radius: 50%;
}
.common_page_nav .page_state {
	margin: 0 calc(100vw * (10/375));
	font-size: calc(100vw * (15/375));
	font-weight: 600;
	color: #999;
}
.common_page_nav .page_state .now {
	color: #000;
}
.common_no_alt_box {
	flex-direction: column;
	width: 100%;
	padding-top: calc(100vw * (100/375));
	justify-content: center;
	
}
.common_no_alt_box .img_icon {
	width: calc(100vw * (80/375));
	height: calc(100vw * (80/375));
	margin-bottom: calc(100vw * (20/375));
}
.common_no_alt_box .text {
	font-size: calc(100vw * (18/375));
	font-weight: 400;
	color: var(--block-color);
}
.list_wrap select {
	background-image: url(../image/sub/filter_under.png);
	background-position: center right;
	background-size: auto 100%;
	background-repeat:no-repeat;
	background-color : transparent;
}
.conv_modal * {
	font-family: 'pretendard';
}
.conv_modal .modal_x_btn {
	width: 100%;
	height:calc(100vw * (36/375));
	position: unset;
	z-index: 3;
	background-image:url('../image/sub/up_x_btn_renew.png');
	background-size: calc(100vw * (40/375)) calc(100vw * (5/375));
	background-position:center;
	background-repeat:no-repeat;
    margin-top: calc(100vw * (-25 / 375));
	display:block;
	img {
		display:none;
	}
}
.conv_modal_inner {
	transform: translateY(100%);
	transition: 0.5s;
	z-index:99999;
	display:flex;
	flex-direction:column;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width:100vw;
	height:100vh;
}
.conv_modal {
	margin-top:auto;
	border-radius: calc(100vw * (20/375)) calc(100vw * (20/375)) 0 0;
	background-color: #FFF;
	padding: calc(100vw * (20/375)) calc(100vw * (16/375)) calc(100vw * (25/375));
}
.conv_modal .modal_title {
	text-align: center;
	font-size: calc(100vw * (20/375));
	font-weight: 600;
	line-height: 1.4;
}
.conv_modal .modal_img {
	margin-top: calc(100vw * (20/375));
	display:flex;
	gap:calc(100vw * (9/375));
	justify-content:center;
}
.conv_modal .modal_img img {
	display: block;
	width: auto;
	max-height: calc(100vw * (23/375));
	margin: 0 auto;
}
.conv_modal .conv_box {
	width: 100%;
	border-radius: calc(100vw * (16/375));
	border: 2px solid #EEE;
	padding: calc(100vw * (24/375)) calc(100vw * (20/375)) calc(100vw * (28/375));
	background-color:var(--box-bg-color);
	border:0;
}
#barCode img,
.conv_bar_img img {
	width:100% !important;
	height:100% !important;
	object-fit:cover;
}
.conv_modal_bg {
	position:fixed;
	width:100vw;
	height:200vh;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.3);
	backdrop-filter:blur(3px);
	-webkit-backdrop-filter:blur(3px);
	display:none;
}
.barcode_box {
	margin: calc(100vw * (32/375)) 0 calc(100vw * (30/375));
	padding: calc(100vw * (24/375)) calc(100vw * (20/375));
}
.conv_modal .bar_title {
	display: flex;
	align-items: center;
	gap: calc(100vw * (7/375));
	font-size: calc(100vw * (16/375));
	font-weight: 500;
	margin-bottom: calc(100vw * (20/375));
	justify-content: space-between;
}
.conv_modal .bar_title img {
	width: calc(100vw * (24/375));
}
.conv_modal .bar_btm {
	margin-top: calc(100vw * (10/375));
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--block-color);
	font-size: calc(100vw * (15/375));
	font-weight: 600;
}
.conv_modal .bar_btm .timer {
	font-size: calc(100vw * (12/375));
	color: var(--red-color);
}
.conv_tit {
	color: var(--block-color);
	font-size: calc(100vw * (15/375));
	font-weight: 600;
	margin-bottom: calc(100vw * (10/375));
}
.conv_modal .total_box {
	padding: 0;
	overflow: hidden;
	background:transparent;
	border:1px solid var(--border-color);
	border-radius:calc(100vw * (8/375));
}
.conv_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(100vw * (20/375)) calc(100vw * (15/375)) calc(100vw * (7/375));
	font-size: 14px;
	font-weight: 400;
}
.conv_row:last-child {
	padding-bottom: calc(100vw * (20/375));
	background-color: var(--box-bg-color);
}
.conv_row:nth-child(2) {
	padding-bottom: calc(100vw * (15/375));
}
.conv_row .conv_left {
	color:var(--gray-color2);
}
.conv_total {
	font-size: calc(100vw * (16/375));
	font-weight: 600;
}
.conv_modal .com_btn {
	margin: calc(100vw * (24/375)) 0 calc(100vw * (20/375));
}

.push_wrap .row3 img {
	width: 100%;
}

.empty_list {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: calc(100vw * (10/375));
	flex:1;
	width: 100%;
	color: var(--block-color);
	font-size: calc(100vw * (16/375));
	font-weight: 500;
	height: 100%;
}

.empty_list img {
	width: calc(100vw * (80/375)) !important;
}

.dot_group {
	height: calc(100vw * (14/375));
	display: flex;
	gap: calc(100vw * (25/375));
	align-items: center;
	justify-content: center;
	margin-bottom: calc(100vw * (82/375));
}

.dot_group .dot {
	width: calc(100vw * (14/375));
	height: calc(100vw * (14/375));
	border-radius: 50%;
	background-color: transparent;
	transition: 0.5s;
	border:1px solid var(--border-color);
}

.dot_group .dot.active {
	width: calc(100vw * (14/375));
	height: calc(100vw * (14/375));
	background-color: var(--main-color);
	border-color:var(--main-color);
}

.dot_group .dot.ok {
	width: calc(100vw * (14/375));
	height: calc(100vw * (14/375));
	background-color: var(--main-color);
	border-color:var(--main-color);
}

.num_pad {
	/* position: fixed; */
	bottom: 0;
	left: 0;
	right: 0;
	/* margin-top: calc(100vw * (161/375)); */
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: calc(100vw * (17/375));
	column-gap: calc(100vw * (17/375));
	padding: calc(100vw * (28/375)) calc(100vw * (25/375));
	background: transparent;
    box-shadow: unset;
    border-radius: 0;
	justify-items : center;
}

.pad_A,
.pad_B,
.pad {
	width: 100%;
	height: calc(100vw * (64/375));
	border-radius: calc(100vw * (15/375));
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: calc(100vw * (25/375));
	line-height: normal;
	background: #FFF;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06);
}

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

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

.section5 .item_group .item .m_event {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100vw * (60/375));
	height: calc(100vw * (60/375));
	border-radius: 50%;
	overflow: hidden;
	background-color: #E6E6E8;
}

.section5 .item_group .item .m_event img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section5 .item_group .item .text_col {
	width: 70%;
}

.header_inner .profile_img {
	width: calc(100vw * (50/375));
	height: calc(100vw * (50/375));
	border-radius: 50%;
	overflow: hidden;
}

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

.header_inner .profile_text {
	margin-left: calc(100vw * (25/375));
	display:flex;
	flex-direction:column;
}

.section3 .s3_item {
	width: calc(100vw * (72/375));
	height: calc(100vw * (72/375));
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.section3 .item_group img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 2023.07.07. 수정 */
.event_wrap .s3_item {
	width: calc(100vw * (72/375));
	height: calc(100vw * (72/375));
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.event_wrap .e_group img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 2023.07.03. 수정 */
.point_wrap .point_select input {
	font-weight: 600;
	font-size: calc(100vw * (34/375));
	line-height: 1.2em;
	max-width:100%;
	width:100%;
	text-align:right;
}

.point_wrap .point_select input::placeholder {
	color: #DEDEDE;
	font-size: calc(100vw * (18/375));
}

.point_wrap .p_detail input {
	text-align: right;
	margin-bottom: calc(100vw * (4/375));
	margin-right: calc(100vw * (5/375));
	background-color: transparent;
	max-width:calc(100vw * (130/375));
	font-weight:inherit;
}

.point_wrap .p_detail input.bold {
	font-weight: 500;
}

.point_wrap .p_detail .d_row2 .d_right {
	font-weight: 600;
}
.point_wrap .detail_input {
	display: flex;
	align-items: center;
}

.point_wrap .detail_input input {
	color: #999;
	text-align: right;
	font-size: calc(100vw * (14/375));
	font-weight: 600;
	margin-right: calc(100vw * (3/375));
}

.point_wrap .detail_input input.total {
	background-color: transparent;
	margin-bottom: calc(100vw * (1/375));
}

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

.bar_tright .r_imgbox {
	width: calc(100vw * (34/375));
	height: calc(100vw * (34/375));
	border-radius: calc(100vw * (10/375));
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lang_xbtn {
	position: absolute;
	top:0;
	right:calc(100vw * (25/375));
	filter:invert(1);
	width: calc(100vw * (14/375));
}

/*mypage 라디오*/
.mypage_wrap .list2 .chk_row {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mypage_wrap .list2 label {
	font-size: calc(100vw * (18/375));
	font-weight: 500;
	color: var(--block-color);
}

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

.mypage_wrap .list2 input::before {
	content: '';
	width: calc(100vw * (46/375));
	height: calc(100vw * (20/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 * (21/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: var(--main-color);
}

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

.lang_wrap li {
	list-style : none;
}

.red_span {
	display: block;
	font-size : calc(100vw * (14/375));
	color: var(--red-color);
	margin-top : calc(100vw * (5/375));
}
.phone_txt {
	line-height:1.4;
	font-weight:400;
	font-size:calc(100vw * (13/375));
	padding-left: calc(100vw * (16/375));
}
.phone_txt::before{
	content: "*";
	display: block;
	position: absolute;
	top: calc(100vw * (3/375));
	left: calc(100vw * (5/375));
}


/* 23.11.23 수정 */

.c_charge_wrap {
	width: 100%;
	height: unset;
	min-height: calc(100vh - calc(100vw * (60/375)));
	display: flex;
	flex-direction: column;
}

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



.charge_btn {
	display: flex;
	align-items: flex-start;
	gap: calc(100vw * (16/375));
	padding: calc(100vw * (23/375)) calc(100vw * (16/375));
	min-height: calc(100vw * (96/375));
	border-radius: calc(100vw * (12/375));
	background-color: #fff;
	box-shadow: 0 6px 12px 0 rgba(129, 138, 142, 0.12);
}
.charge_btn.blind {
	position:relative;
	box-shadow: none;
	.charge_img,
	.charge_txt,
	.conv_how {
		opacity:0.3;
	}
	&:after{
		content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
/*        backdrop-filter: blur(calc(100vw * (1.1 / 375)));*/
        z-index: 100;
/*        background: rgb(114 114 114 / 15%);*/
        border-radius: inherit;
	}
}
.charge_btn.charge_btn2 {
	padding: calc(100vw * (36/375)) calc(100vw * (17/375));
}

.charge_btn.hot_item {
	background-color: var(--main-color);
	padding: calc(100vw * (20/375)) calc(100vw * (10/375)) calc(100vw * (10/375));
}

.charge_btn.hot_item .hot {
	display: block;
}

.charge_btn.hot_item .charge_type,
.charge_btn.hot_item .charge_text {
	color: #fff !important;
}

.charge_btn .charge_txt {
	display: flex;
	flex-direction: column;
}

.charge_img {
	min-width: calc(100vw * (48/375));
	min-height: calc(100vw * (48/375));
	max-width: calc(100vw * (48/375));
	max-height: calc(100vw * (48/375));
}

.charge_btn .hot {
	padding: calc(100vw * (4/375)) calc(100vw * (8/375));
	border-radius: calc(100vw * (48/375));
	color: #fff;
	font-size: calc(100vw * (10/375));
	font-weight: 700;
	background-color: #ffaf51;
	width: fit-content;
	display: none;
}

.charge_btn .charge_type {
	font-size: calc(100vw * (18/375));
	font-weight: 600;
	line-height: calc(100vw * (28/375));
	color: var(--block-color);
}

.charge_btn .charge_text {
	font-size: calc(100vw * (13/375));
	font-weight: 400;
	line-height: 1.6;
	color: var(--gray-color);
}
.conv_select_tit {
	color: var(--block-color);
	font-size: calc(100vw * (18/375));
	font-weight: 600;
}
.conv_select_group {
	display: flex;
	flex-direction: column;
	margin-top: calc(100vw * (20/375));
}

.conv_select {
	overflow: hidden;
	display: flex;
	align-items: center;
	padding: calc(100vw * (20/375)) calc(100vw * (10/375));
	background-color: #fff;
	border-radius: 0;
	box-shadow: unset;
	border-bottom:1px solid var(--border-color);
	gap:calc(100vw * (20/375));
}
.conv_select:after {
	content: "";
	width: calc(100vw * (20 / 375));
	height: calc(100vw * (20 / 375));
	background-image: url(../image/sub/finmo_list_view.png);
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	right: calc(100vw * (5 / 375));
	transform: translateY(-50%);
}

.conv_icon {
	width: calc(100vw * (60/375));
	display:flex;
}

.conv_name {
	color: var(--block-color);
	font-size: calc(100vw * (18/375));
	font-weight: 500;
}

.up_box .point_grid .p_num.flex_c {
	font-weight: 600;
	font-size: calc(100vw * (13/375));
	color: #a8a8a8;
}

.up_box .point_grid .p_num.active.flex_c {
	color: rgba(255, 255, 255, 0.5);
}

.up_box .point_grid .p_num.flex_c span {
	font-weight: 600;
	font-size: calc(100vw * (15/375));
	color: #454545;
}
.flex_c {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (3/375));
}

.up_box .point_grid .p_btn.active, .up_box .point_grid .p_num.active span {
/*	color: #fff !important;*/
}

.up_box .up_x_btn {
	flex-shrink: 0;
	z-index: 11111;
}
.u_tit span {
	color: var(--red-color);
	font-weight: 600;
}
.mc_line {
	width: 100vw;
	height: calc(100vw * (10/375));
	background-color: #f5f5f5;
	left: calc(100vw * (-20/375));
	margin-bottom: calc(100vw * (40/375));
}
.conv_logo_box {
	width: calc(100vw * (62/375));
	height: calc(100vw * (62/375));
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #eee;
	margin: calc(100vw * (10/375)) auto calc(100vw * (13/375));
	display: flex;
	align-items: center;
	justify-content: center;
}
.conv_logo_box img {
	width: calc(100vw * (70/375));
}

.conv_modal_title {
	color: var(--block-color);
	text-align: center;
	font-size: calc(100vw * (23/375));
	font-weight: 600;
	margin-bottom: calc(100vw * (20/375));
}
.conv_select .disable_bg {
	display:none;
}
.conv_select.disable .disable_bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(1px);
	z-index: 1111;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: calc(100vw * (24/375));
	font-weight: 700;
}

.conv_select.ing {
	padding: calc(100vw * (20/375)) calc(100vw * (10/375)) calc(100vw * (10/375));
	flex-direction: column;
	align-items: unset;

}

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

.pay_ing {
	padding: calc(100vw * (15/375));
	background-color: #f0f8fb;
	border-radius: calc(100vw * (10/375));
	color: var(--main-color);
	font-size: calc(100vw * (14/375));
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pay_ing span {
	font-size: calc(100vw * (12/375));
	font-weight: 500;
	color: #fff;
	padding: calc(100vw * (4/375)) calc(100vw * (9/375));
	border-radius: calc(100vw * (50/375));
	background-color: var(--main-color);
}

.ing_btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: calc(100vw * (8/375));
}

.mc_up {
	z-index: 11111;
}

.conv_wrap {
	min-height: calc(100vh - calc(100vw * (60/375)));
	display: flex;
	flex-direction: column;
}

.conv_detail_top {
	padding: calc(100vw * (60/375)) calc(100vw * (16/375)) calc(100vw * (40/375));
}

.conv_detail_title {
	font-size: calc(100vw * (20/375));
	font-weight: 500;
	line-height: calc(100vw * (30/375));
}

.conv_detail_num {
	display: flex;
	align-items: center;
	gap: calc(100vw * (9/375));
	margin-top: calc(100vw * (20/375));
}

.conv_num {
	padding: calc(100vw * (8/375)) calc(100vw * (24/375));
	background-color: var(--btn-unable-color);
	border-radius: calc(100vw * (8/375));
	font-size: calc(100vw * (18/375));
	font-weight: 600;
	color: var(--block-color);
}

.conv_num.active {
	background-color: var(--main-color);
	color:#fff;
}

.conv_detail_box {
	background-color: transparent;
	border-radius: 0;
	padding: 0;
	margin-bottom:calc(100vw * (50/375));
}
.conv_detail_box .conv_detail_box_1 {
	padding:calc(100vw * (30/375)) calc(100vw * (16/375));
	border-radius: calc(100vw * (20/375));
	background: #FFF;
	box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.12);
}
.conv_detail_box .conv_detail_box_2 {
	border-radius: calc(100vw * (8/375));
	background: var(--white, #FFF);
	margin: calc(100vw * (30/375)) calc(100vw * (16/375)) 0;
	padding: calc(100vw * (24/375)) calc(100vw * (20/375));
	display:flex;
	flex-direction:column;
	row-gap:calc(100vw * (20/375));
}
.conv_detail_box .com_btn {
	width: calc(100% - (100vw * (32 / 375)));
    margin: auto;
}

.conv_bar_title {
	color: var(--block-color);
	font-size: calc(100vw * (16/375));
	font-weight: 600;
	margin-bottom: calc(100vw * (10/375));
}

.conv_detail_barcode {
	padding: calc(100vw * (30/375)) calc(100vw * (22/375));
	border-radius: calc(100vw * (8/375));
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(100vw * (10/375));
	border: 0;
	font-size: calc(100vw * (15/375));
	font-weight: 500;
	color: var(--block-color);
	margin-bottom: calc(100vw * (30/375));
	background:var(--box-bg-color);
}

.conv_bar_numbox {
	text-align: center;
	background-color: var(--block-color);
	border-radius: calc(100vw * (8/375));
	padding: calc(100vw * (17/375));
	font-size: calc(100vw * (25/375));
	font-weight: 500;
	color: #fff;
	margin-bottom: 0;
}

.conv_detail_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: calc(100vw * (16/375));
	font-weight: 400;
	color: var(--block-color);
	padding: 0;
	border-top: 0;
}
.conv_detail_row .conv_detail_left {
	color:var(--gray-color2);
	width:calc(100vw * (110/375));
}
.conv_detail_row .conv_detail_right {
	width:calc(100vw * (185/375));
	text-align:right;
}
.conv_detail_row2 .d_row2_left{
	width:calc(100vw * (110/375));
	color: var(--gray-color2);
}
.conv_detail_row2 .d_row2_right{
	width:calc(100vw * (185/375));
	text-align:right;
}
.c_time {
	color: var(--red-color);
}

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

.conv_detail_row.flex_c {
	gap: calc(100vw * (20/375));
	border-bottom: 0;
}

.conv_detail_notice {
	color: var(--block-color);
	margin: calc(100vw * (40/375)) calc(100vw * (16/375)) 0;
	padding-top:0;
}
.conv_detail_notice p {
	font-size: calc(100vw * (18/375));
	font-weight: 600;
	margin-bottom:calc(100vw * (20/375));
}
.conv_detail_notice span {
    display: block;
    padding-left: calc(100vw * (20 / 375));
    font-size: calc(100vw * (16 / 375));
    word-break: keep-all;
    line-height: 1.4;
	margin-bottom: calc(100vw * (8 / 375));
}
.conv_detail_notice span:last-child {
	margin-bottom:0;
}
.conv_detail_notice span:before {
	content: "";
    width: calc(100vw * (3 / 375));
    height: calc(100vw * (3 / 375));
    background-color: var(--block-color);
    border-radius: 100%;
    position: absolute;
    left: calc(100vw * (8 / 375));
    top: calc(100vw * (8 / 375));
}

.hot_item {
	flex-direction: column;
}

.hot_item2 {
	width:100%;
	display: flex;
	align-items: center;
	gap: calc(100vw * (22/375));
}

.fx-col {
	flex-direction:column;
}

.conv_now {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background-color: #EFF6FF;
	border-radius: calc(100vw * (10/375));
	padding: calc(100vw * (12/375)) calc(100vw * (20/375));
	font-size: calc(100vw * (14/375));
	color: var(--main-color);
	margin-bottom:calc(100vw * (-26/375));
}

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

.cn_num {
	font-size: calc(100vw * (12/375));
	font-weight: 500;
	color: #fff;
	padding: calc(100vw * (4/375)) calc(100vw * (9/375));
	border-radius: calc(100vw * (50/375));
	background-color: var(--main-color);
}



.detail_up {
	position: fixed;
	top: 0;
	left: 0;
	transform: translateY(100%);
	transition: 0.5s;
	background-color: var(--background-color);
	height: 100vh;
	overflow: scroll;
}

.deposit_modal .full_inner.guide_wrap,
.atm_modal .full_inner.guide_wrap{
	padding-bottom:calc(100vw * (40/375));
}



.detail_up .up_x_btn {
	z-index: 9999;
	width: calc(100vw * (32 / 375));
	height: calc(100vw * (32 / 375));
    position: absolute;
    top: calc(100vw * (14 / 375));
    right: calc(100vw * (16 / 375));
    background: url('../image/sub/up_x_btn_popup.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	img{
		display:none;
	}
}

.conv_bar_img {
	max-height: calc(100vw * (50/375));
}

.detail_up .conv_wrap {
	max-width: 100vw;
}

.conv_detail_top {
	max-width: 100vw;
}

.conv_detail_num {
	overflow-x: scroll;
}

#barCode {
	max-height:calc(100vw * (50/375)) !important;
}


.com_btn .loading_ani .spinner {
	margin: calc(50% - 25px) auto;
    width: calc(100vw * (30 / 375));
    height: calc(100vw * (30 / 375));
    box-sizing: border-box;
    border: 3px solid var(--gray-color);
    border-top-color: var(--block-color);
    border-radius: 50%;
    animation: load-spin 1.5s ease-in-out infinite;
    margin-left: calc(100vw * (110 / 375));
}

.com_btn .loading_ani::after {
	position: relative;
	content: '입금대기중';
    position: absolute;
    top: 50%;
    left: calc(50% + (100vw * (20 / 375)));
    transform: translate(-50%, -50%);
    color: var(--gray-color);
    font-size: calc(100vw * (18 / 375));
	display:none;
}

@keyframes load-spin {
	100%	{transform: rotate(360deg);}
}

.com_btn .loading_ani {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}
.com_btn .loading_ani .loading_txt {
	display:flex;
	align-items:center;
	gap:calc(100vw * (10/375));
}
.com_btn .loading_ani .loading_txt dotlottie-player {
	width:calc(100vw * (30/375));
	height:calc(100vw * (30/375));

}
.com_btn .loading_ani .loading_txt span {
	color: var(--gray-color);
	font-size: calc(100vw * (18/375));
	font-weight: 600;
}



.com_slideup {
	z-index: 100000;
	max-height: 90vh;
	background-color: #FFF;
	border-radius: calc(100vw * (30/375));
	padding: calc(100vw * (30/375)) calc(100vw * (20/375)) 0;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	transition: 0.5s;
	margin: 0 calc(100vw * (12/375)) calc(100vw * (12/375));
}

.slideup_xbtn {
	z-index: 999999;
	width: calc(100vw * (14/375));
	position: absolute;
	top: calc(100vw * (31/375));
	right: calc(100vw * (22/375));
	width: 100%;
    height: calc(100vw * (36 / 375));
    background-image: url(../image/sub/up_x_btn_renew.png);
    background-size: calc(100vw * (40 / 375)) calc(100vw * (5 / 375));
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
	img {
		display:none;
	}
}

.com_slideup .slide_title {
	color: var(--block-color);
	font-size: calc(100vw * (18/375));
	font-weight: 600;
	line-height: 1.4;
}

.slide_infolist {
	margin: calc(100vw * (20/375)) 0;
}

.com_slideup .slide_list {
	color: var(--gray-color2);
	font-size: calc(100vw * (16/375));
	font-weight: 400;
	line-height: 1.4;
	padding-left: calc(100vw * (20/375));
	word-break: keep-all;
    overflow-wrap: anywhere;
	margin-bottom:calc(100vw * (5/375));
}

.com_slideup .slide_list:before{
	content: "";
    width: calc(100vw * (3 / 375));
    height: calc(100vw * (3 / 375));
    background-color: var(--gray-color2);
    border-radius: 100%;
    position: absolute;
    left: calc(100vw * (8 / 375));
    top: calc(100vw * (8 / 375));
}
.com_slideup .slide_list.bold {
	color: #111;
	font-weight: 600;
}

.com_slideup .slide_list.green {
	color: var(--main-color);
	margin-top: calc(100vw * (20/375));
	margin-bottom: calc(100vw * (30/375));
}
.com_slideup .slide_list.green:before{
	background-color:var(--main-color);
}
#STYLE_USD .p_num {
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
}
#STYLE_USD .p_num br {
	display:none;
}

#STYLE_USD .p_num span {
	font-size:calc(100vw * (14/375));
	font-weight: 400;
	margin-top:calc(100vw * (-10/375));
}



#STYLE_CNY .p_num {
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
}
#STYLE_CNY .p_num br {
	display:none;
}

#STYLE_CNY .p_num span {
	font-size:calc(100vw * (14/375));
	font-weight: 400;
	margin-top:calc(100vw * (-20/375));
}

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

.sign_group {
	display:flex;
	flex-direction: column;
	margin-bottom:calc(100vw * (20/375));
}
.sign_group .input_tit{
	color: var(--gray-color);
	text-indent: calc(100vw * (5/375));
}

.sign_group input {
	padding : calc(100vw * (14/375));
	border-radius: calc(100vw * (10/375));
	background-color: #fff;
	width:100%;
	margin-top: calc(100vw * (8/375));
	font-size:calc(100vw * (16/375));
	min-height: calc(100vw * (52/375));
}

.sign_group.certcode {
	display: none;
}

.password_modal {
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	background-color:var(--background-color);
	border-radius:calc(100vw * (25/375)) calc(100vw * (25/375)) 0 0 ;
	padding-top: calc(100vw * (20/375));
	height: 100vh;
	display:flex;
	flex-direction: column;
	transition:0.5s;
	transform:translateY(100%);
}

.password_modal .num_pad {
	margin-top : auto;
}

.password_modal .title {
	margin-top : calc(100vw * (40/375));
	text-align: center;
	font-size :calc(100vw * (20/375));
	font-weight:500;
	margin-bottom: calc(100vw * (40/375));
}

.password_modal .pw_xbtn{
	position:absolute;
	width: calc(100vw * (16/375));
	top: calc(100vw * (20/375));
	right: calc(100vw * (20/375));
}

.error_txt {
	margin-top:calc(100vw * (8/375));
	padding-left:calc(100vw * (6/375));
	font-size:calc(100vw * (14/375));
}


/* 충전 가이드 */

.p_guide_title {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: calc(100vw * (10/375));
}

.p_guide_title .g_logo2 {
	width: calc(100vw * (76/375));
	margin:calc(100vw * (36/375)) auto;
}

.p_guide_title .g_logo {
	width: calc(100vw * (268/375));
	margin:calc(100vw * (36/375)) auto;
}

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

.pg_txt {
	font-size: calc(100vw * (16/375));
	font-weight: 400;
	line-height: 140%;
	margin-bottom:calc(100vw * (10/375));
}

.pg_txt span {
	font-weight: 600;
}

.s1_arrow {
	display: inline-block;
	position: relative;
	top: 28px;
	margin-left: -10px;
	text-align: center;
	animation: arrow_down 1.5s infinite;
}

.scroll-arrow {
	width: calc(100vw * (14/375));
	height: calc(100vw * (14/375));
	border-right: 3px solid #454b57;
	border-bottom: 3px solid #454b57;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	animation: arrow-wave 1.5s infinite linear;
}

.scroll-arrow:nth-child(1) {
	animation-delay: 0;
}

.scroll-arrow:nth-child(2) {
	animation-delay: .3s;
}

@keyframes arrow-wave {
	0% {opacity: 0;}
	30% {opacity: 0.5;}
	60% {opacity: 0;}
	100% {opacity: 0;}
}

.guide_wrap .com_btn {
	margin: calc(100vw * (50/375)) calc(100vw * (25/375)) 0;
}

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

.g_section {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: calc(100vw * (15/375));
	margin-top: calc(100vw * (40/375));
}

.gs_num {
	width: calc(100vw * (38/375));
	height: calc(100vw * (38/375));
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
	padding: calc(100vw * (12/375));
	background-color: #ff8383;
	font-size: calc(100vw * (14/375));
	font-weight: 400;
}

.gs_num.pay_guide {
	background-color: var(--main-color);
	padding:calc(100vw * (10/375));
}

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

.gs_tit {
	font-size: calc(100vw * (16/375));
	font-weight: 400;
	color: #97979e;
	line-height:normal;
}

.gs_tit span {
	font-weight: 600;
}
.gs_img{
	margin: 0 calc(100vw * (-16 / 375));
}

/* END 충전 가이드 */

.conv_how {
	position: absolute;
	top: calc(100vw * (10/375));
	right: calc(100vw * (10/375));
	background-color:transparent;
	padding: calc(100vw * (6/375)) calc(100vw * (10/375));
	border-radius: calc(100vw * (20/375));
	font-size: calc(100vw * (12/375));
	z-index: 33;
	color:var(--block-color);
	border:1px solid var(--border-color);
}

.full_modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height:100vh;
	z-index: 999;
	transform: translateY(100%);
	transition: 0.5s;
}

.full_modal .bg {
	background-color: rgba(0, 0, 0, 0.5);
	width: 100vw;
	height: 200vh;
	position: absolute;
	top: -100vh;
	left: 0;
	display: none;
}

.full_inner {
	padding: calc(100vw * (50/375)) calc(100vw * (16/375)) calc(100vw * (40/375));
	background-color: #fff;
	height:100%;
	max-height: 100vh;
	overflow-y: scroll;
}
.full_inner.guide_wrap {
	padding-bottom:calc(100vw * (70/375));
}

.full_modal .up_x_btn {
	display: block;
	width: calc(100vw * (15/375));
	position: absolute;
	top: calc(100vw * (15/375));
	right: calc(100vw * (15/375));
	z-index: 111;
	width: calc(100vw * (32 / 375));
	height: calc(100vw * (32 / 375));
    position: absolute;
    top: calc(100vw * (14 / 375));
    right: calc(100vw * (16 / 375));
    background: url('../image/sub/up_x_btn_popup.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
    margin-top: 0;
	img {
		display:none;
	}
}

.p_guide_tab_group{
	display: flex;
    gap: calc(100vw * (24 / 375));
    align-items: center;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100vw;
    height: calc(100vw * (65 / 375));
    margin: 0 calc(100vw * (-16 / 375));
    padding: calc(100vw * (20 / 375)) calc(100vw * (24 / 375));
	.p_guide_tab {
		white-space:nowrap;
		line-height:calc(100vw * (24/375));
		font-size:calc(100vw * (21/375));
		color:var(--gray-color);
		font-weight:600;
		opacity:0.5;
	}
	.p_guide_tab.active{
		color:var(--main-color);
		border-bottom:0;
		opacity:1;
	}
}

.guide_img_box {
	margin-top:calc(100vw * (20/375));
	max-height:83vh;
	overflow:scroll;
	display:none;
}

.cu_guide,
.gs_atm_guide{
	display:block;
}

.detail_up {
	z-index: 50;
}

.conv_bar_title {
	display: flex;
	align-items:center;
	justify-content: space-between;
}
.conv_bar_title span {
	max-width:calc(100vw * (230/375));
}
.canclebtn_pointnow {
	font-size : calc(100vw * (12/375));
	color:#fff;
	border-radius: calc(100vw * (20/375));
	padding : calc(100vw * (4/375)) calc(100vw * (8/375));
	background-color: var(--red-color);
	max-width: calc(100vw * (100 / 375));
    text-align: center;
    line-height: 1.2;
}

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

/* Prepaid_phone */

.prepaid_wrap {
	background-color: var(--background-color);
	min-height: calc(100vh - calc(100vw * (60/375)));
}

.prepaid_top {
	padding: 0 calc(100vw * (25/375)) calc(100vw * (25/375));
	margin: calc(100vw * (35/375)) 0 0;
}

.pre_top_btn {
	display: flex;
	gap: calc(100vw * (24/375));
	font-size: calc(100vw * (18/375));
	font-weight: 600;
	line-height: calc(100vw * (24/375));
	color: rgba(70, 70, 70, 0.5);
}

.pre_btn.active {
	color: var(--main-color);
	border-bottom: 2px solid var(--main-color);
	padding-bottom: calc(100vw * (2/375));
}

.pre_box {
	margin-top: calc(100vw * (22/375));
	border-radius: calc(100vw * (20/375));
	overflow: hidden;
	border: 1px solid var(--main-color);
}

.pre_boxtop {
	padding: calc(100vw * (20/375));
	background-color: var(--main-color);
	color: #fff;
}

.pre_boxtit {
	font-size: calc(100vw * (18/375));
	font-weight: 600;
	margin-bottom: calc(100vw * (5/375));
}

.pre_inputbox {
	padding: calc(100vw * (20/375));
	background-color: #fff;
}

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

.pre_inputbox input {
	background-color: #f9f9f9;
	border-radius: calc(100vw * (5/375));
	width: calc(100vw * (79/375));
	text-align: center;
	padding: calc(100vw * (11/375)) 0;
}

.pre_inputtit {
	font-size: calc(100vw * (15/375));
	font-weight: 600;
}

.prepaid_bottom {
	border-radius: calc(100vw * (20/375)) calc(100vw * (20/375)) 0 0;
	background-color: #fff;
	padding: calc(100vw * (35/375)) calc(100vw * (25/375)) calc(100vw * (40/375));
}

.pre_cash {
	font-size: calc(100vw * (15/375));
	font-weight: 600;
}

.pre_cash_num {
	border-radius: calc(100vw * (5/375));
	background-color: #f9f9f9;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(100vw * (10/375)) calc(100vw * (15/375));
	margin-top: calc(100vw * (10/375));
	margin-bottom: calc(100vw * (40/375));
}

.pre_charge {
	padding: calc(100vw * (10/375)) calc(100vw * (18/375));
	background-color: #595a5b;
	color: #fff;
	border-radius: calc(100vw * (5/375));
}

.pre_num {
	font-size: calc(100vw * (15/375));
	font-weight: 500;
	display: flex;
	gap: calc(100vw * (3/375));
}

.prepaid_wrap .cash_select {
	background-color: #fff;
	color: #111;
	border: 1px solid #808080;
	border-radius: calc(100vw * (10/375));
	padding: calc(100vw * (14/375)) calc(100vw * (17/375));
	font-size: calc(100vw * (15/375));
	font-weight: 500;
	box-sizing: border-box;
	width: calc(100vw * (103/375));
}

.prepaid_wrap .cash_select.active {
	border: none;
	background-color: var(--main-color);
	color: #fff;
	font-weight: 500;
}

.prepaid_select {
	margin-top: calc(100vw * (10/375));
	display: flex;
	gap: calc(100vw * (8/375));
	flex-wrap: wrap;
	margin-bottom: calc(100vw * (10/375));
}


.prepaid_txt_sml {
	font-size: calc(100vw * (13/375));
	font-weight: 400;
	line-height: calc(100vw * (21/375));
	color: #909090;
	margin-bottom: calc(100vw * (30/375));
	padding-bottom: calc(100vw * (30/375));
	border-bottom: 1px solid #eee;
}

.pre_txt_sml {
	font-size: calc(100vw * (13/375));
	font-weight: 400;
	line-height: calc(100vw * (21/375));
	color: #909090;
}

.pre_txt_sml:nth-child(3) {
	padding-left: calc(100vw * (6/375));
}

.modal_image.unable {
	opacity:0.1;
}
/* END Prepaid_phone */

/* Prepaid result */

.pre_inputbox {
	display: flex;
	flex-direction: column;
}

.pre_chk_btn {
	background-color: #595A5B;
	border-radius: calc(100vw * (35/375));
	padding: calc(100vw * (10/375)) calc(100vw * (31/375));
	color: #fff;
	width: fit-content;
	margin: calc(100vw * (20/375)) auto 0;
}

.cs_number {
	text-align: center;
	margin-top: calc(100vw * (20/375));
	color: #909090;
	font-size: calc(100vw * (14/375));
	font-weight: 400;
}

.pre_detail_group {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (20/375));
	margin-top: calc(100vw * (32/375));
	padding-bottom: calc(100vw * (24/375));
	border-bottom: 1px solid #eee;
}

.pre_detail_row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.pre_row_tit {
	color: #a3a3a3;
	font-size: calc(100vw * (15/375));
	font-weight: 400;
}

.pre_row_right {
	font-size: calc(100vw * (15/375));
	max-width: calc(100vw * (210/375));
	text-align: right;
	word-break: keep-all;
}

.pre_row_right.fail{
	color: var(--red-color);
}

.pre_row_right.bold {
	font-weight: 600;
}

.prepaid_wrap select {
	background-image: url(../image/sub/filter_under.png);
	background-position: center right;
	background-size: auto 100%;
	background-repeat:no-repeat;
	background-color:transparent;
}

.prepaid_list {
	padding: calc(100vw * (10/375)) calc(100vw * (25/375)) calc(100vw * (20/375)); 
}

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

.pr_list {
	background-color: #fff;
	padding: calc(100vw * (20/375)) calc(100vw * (25/375)) calc(100vw * (25/375));
	border-radius: calc(100vw * (12/375));
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (8/375));
}

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

.pr_row.row1 .pr_cash {
	font-size: calc(100vw * (17/375));
	font-weight: 600;
}
.pr_row.row1 {
	font-size: calc(100vw * (15/375));
}

.pr_row.row2{
	font-size: calc(100vw * (13/375));
	font-weight: 400;
	color: #999;
}
.pr_row.row2 .pr_status{
	color: var(--main-color);
}
.pr_row.row2 .pr_status.fail{
	color: var(--red-color);
}

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

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

.prepaid_bottom_modal .bg {
	width: 100%;
	height: 200vh;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
}

.prepaid_bottom_modal .up_x_btn {
	width: calc(100vw * (14/375));
	top: calc(100vw * (20/375));
	right: calc(100vw * (20/375));
	position: absolute;
	z-index: 9999;
}

.pr_total span{
	font-weight: 600;
}
/* ENd Prepaid result */

/* etc */

.contact_wrap .contact_switch {
	display: flex;
    position: fixed;
    top: calc(100vw * (60 / 375));
    left: 0;
    z-index: 100;
    background-color: var(--background-color);
    width: 100%;
}

.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 var(--border-color);
	min-height: calc(100vw * (54/375));
}

.contact_wrap .contact_switch .switch.active {
	color: var(--block-color);
	font-weight: 600;
	border-bottom: 2px solid var(--block-color);
}

.etc_wrap {
	padding: 0;
	padding-top:calc(100vw * (130/375));
}

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

/* END etc */

/* 23.12.26 추가 */
.pre_box .pre_ok_box {
	border-radius: calc(100vw * (10/375));
	background: #F9F9F9;
	padding: calc(100vw * (20/375));
	margin-top: calc(100vw * (20/375));

	.tit {
		border-bottom: 1px solid #ddd;
		font-size: calc(100vw * (15/375));
		font-weight: 600;
		margin-bottom: calc(100vw * (10/375));
		padding-bottom: calc(100vw * (10/375));
	}
	table {
		width: 100%;

		th {
			font-size: calc(100vw * (13/375));
			font-weight: 400;
			text-align: left;
			padding-top: calc(100vw * (10/375));
		}
		td {
			font-size: calc(100vw * (15/375));
			font-weight: 600;
			text-align: right;
			padding-top: calc(100vw * (10/375));
		}
	}
}

.e_item.end_day .s3_item img {
	filter : brightness(0.5);
}

.e_item.end_day .s3_item::after {
	content:'종료';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#fff;
	width:fit-content;
	font-size: calc(100vw * (16/375));
	font-weight:600;
}

.e_item.end_day .right .ei_title,
.e_item.end_day .right .ei_tit {
	color:#999
}

.pre_chk_btn.unable {
	background-color:#d6d6d6;
}

/* kyc 인증 */

.com_btn.verify_btn {
	background-color: var(--block-color2);
	color: #fff;
	margin-top: calc(100vw * (12/375));
	width:100%;
}

.com_btn.verify_ing {
	background-color: #ff8383;
}

.kyc_wrap {
	padding: calc(100vw * (30/375)) calc(100vw * (25/375));
}
.kyc_section {
	margin-bottom: calc(100vw * (50/375))
}
.kyc_section:nth-last-of-type(1) {
	margin-bottom: calc(100vw * (0/375))
}

.kyc_title_group {
	display: flex;
	align-items: center;
}

.kyc_num {
	padding: calc(100vw * (5/375)) calc(100vw * (7/375));
	font-size: calc(100vw * (17/375));
	font-weight: 500;
	color: #fff;
	background-color: #3c414c;
	border-radius: calc(100vw * (5/375));
	font-weight: 500;
}

.kyc_title {
	padding: calc(100vw * (5/375)) calc(100vw * (16/375));
	background-color: #d6d9e0;
	color: #3c414c;
	font-size: calc(100vw * (16/375));
	font-weight: 400;
	margin-left: calc(100vw * (-4/375));
	border-radius: calc(100vw * (4/375));
}

.kyc_subtitle {
	margin: calc(100vw * (14/375)) 0;
	color: var(--block-color);
	font-size: calc(100vw * (20/375));
	font-weight: 600;
	letter-spacing: -0.05em;
}

.kyc_subtit {
	color: var(--gray-color);
	font-size: calc(100vw * (15/375));
	font-weight: 400;
	margin-bottom: calc(100vw * (40/375));
}

.kyc_img_box {
}

.kyc_wrap .com_btn {
	width:100%;
}

.kyc_img {
	margin: calc(100vw * (20/375)) auto calc(100vw * (20/375));
}
.kyc_img.img_id_card {
	width: calc(100vw * (208/375));
}
.kyc_img.img_selfie {
	width: calc(100vw * (166/375));
}
.kyc_img.img_passport {
	width: calc(100vw * (196/375));
}

.kyc_text{
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	color: var(--gray-color);
	line-height: normal;
	margin-top:calc(100vw * (6/375));
	position: relative;
	padding-left: calc(100vw * (16/375));
}
.kyc_text::before{
	content: "";
	display: inline-block;
	position: absolute;
	top: calc(100vw * (8/375));
	left: calc(100vw * (5/375));
	width: calc(100vw * (3/375));
	height: calc(100vw * (3/375));
	background: var(--gray-color);
	border-radius: calc(100vw * (6/375));
}
.kyc_text span{
	color: var(--main-color);
	font-weight: 600;
}

.kyc_ing {
	display: flex;
	align-items: center;
	margin-top: calc(100vw * (20/375));
}

.ing_label {
	padding: calc(100vw * (5/375)) calc(100vw * (10/375));
	background-color: transparent;
	border-radius: calc(100vw * (100/375));
	color: var(--main-color);
	font-size: calc(100vw * (12/375));
	margin-right: calc(100vw * (12/375));
	border:1px solid var(--main-color);
}

.ing_date {
	font-size: calc(100vw * (16/375));
	font-weight: 600;
	line-height: calc(100vw * (23/375));
	color: var(--block-color);
}

.ing_btn2 {
	color: var(--gray-color2);
	font-size: calc(100vw * (13/375));
	font-weight:400;
	display: flex;
	align-items: center;
	column-gap:calc(100vw * (7/375));
	margin-left: auto;
	img {
		width: calc(100vw * (17/375));
	}
}

.check_modal .check_modal_img {
	padding: calc(100vw * (30/375)) calc(100vw * (20/375)) calc(100vw * (10/375))
}
.check_modal .check_modal_txt {
	font-size: calc(100vw * (12/375));
	color: var(--gray-color2);
	text-align: center;
	font-weight:400;
	line-height: 1.5;
	letter-spacing:calc(100vw * (-0.24/375));
	margin-bottom: calc(100vw * (14/375));
}

/* END kyc 인증 */

.country_num_modal {
	transform: translateY(200%);
}

.country_num_modal .bg {
	height:300vh;
}

.country_num_list_group {
	display:flex;
	flex-direction:column;
	gap:calc(100vw*(10 / 375));
	padding-top:calc(100vw*(30 / 375));
}

.country_num_list {
	display:flex;
	padding:calc(100vw*(10 / 375)) calc(100vw*(20 / 375));
	align-items:center;
	font-size:calc(100vw*(16 / 375));
	font-weight:500;
	line-height:1.6em;
}
.list_r_arw {
	width:calc(100vw*(10 / 375));
	margin-left:auto;
}

.sml_red_txt {
	margin-top :calc(100vw*(6 / 375));
	font-size:calc(100vw*(14/ 375));
	color:#f00;
	opacity:1;
	width:100%;
	height:calc(100vw*(15/ 375));
}

.sml_red_txt.on {
	opacity:1;
}

.plus_have {
	padding: calc(100vw*(20 / 375));
	border-radius:calc(100vw*(12 / 375));
	background-color:var(--sub-color);
	color:#fff;
	display:flex;
	flex-direction:row;
	gap:calc(100vw*(6 / 375));
	justify-content: space-between;
    align-items: center;
	margin-top: calc(100vw * (80 / 375));
	.have_title {
		font-size:calc(100vw * (16/375));
	}
	span{
		font-size:calc(100vw*(27 / 375));
		font-weight:600;
		c {
			font-weight:400;
			margin-left:calc(100vw * (2/375));
		}
	}
}

.howto_box{
	padding:calc(100vw*(20/ 375)) calc(100vw*(20 / 375));
	background:#ebebf1;
	border-radius:calc(100vw*(10 / 375));
	margin-top:calc(100vw*(10 / 375));
	.howto_title{
		font-size:calc(100vw*(16 / 375));
		text-decoration:underline;
		font-weight:600;
		margin-bottom:calc(100vw*(8 / 375));
		padding-left: calc(100vw * (18 / 375));
	}
	.howto_title::before {
		content:'';
		width:calc(100vw*(14/ 375));
		height:calc(100vw*(14 / 375));
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		background-image:url(../image/sub/mark_icon.png);
		position:absolute;
		top:50%;
		right:0;
		left:0;
		transform:translateY(-50%);
	}
	.howto_txt {
		color:var(--gray-color2);
		font-size:calc(100vw*(14 / 375));
		line-height:1.5;
		word-break:keep-all;
	}
	.howto_txt span{
		font-weight:700;
	}
}

/* phone */

.phone_switch {
	display: flex;
	align-items: center;
	gap: calc(100vw*(24 / 375));
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	color: rgba(70, 70, 70, 0.5);
	margin-top: calc(100vw*(35 / 375));
	padding: 0 calc(100vw * (25/375));
}

.phone_switch .switch {
	line-height: 1.5em;
}

.phone_switch .switch.active {
	color: var(--main-color);
	border-bottom: 2px solid var(--main-color);
}

.phone_wrap {
	flex:1;
	background-color: #fff;
	display:flex;
	flex-direction:column;
}

.phone_slider {
	width: 100%;
	height: calc(100vw * (360/375));
}

.phone_slider .swiper-slide {
	width: 100%;
}
.phone-pagination {
	z-index: 2;
	width: 100%;
	position: absolute;
	bottom: calc(100vw * (10/375));
	display: flex;
	align-items: center;
	justify-content: center;
}
.phone-pagination .swiper-pagination-bullet-active {
	background-color: #454b57 !important;
}

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

.phone_brand {
	font-size: calc(100vw * (20/375));
	font-weight: 700;
	line-height: 1.5em;
	color: var(--main-color);
}

.phone_title {
	font-size: calc(100vw * (18/375));
	font-weight: 500;
	line-height: 1.5em;
	word-break: keep-all;
	margin-top: calc(100vw * (15/375));
}

.phone_sub {
	display: flex;
	font-size: calc(100vw * (14/375));
	gap: calc(100vw * (6/375));
	align-items: center;
	margin-top: calc(100vw * (20/375));
	.sub_line {
		width: 1px;
		height: calc(100vw * (12/375));
		background-color: #ddd;
	}
}

.sub_txt1 {
	color: var(--main-color);
	font-weight: 700;
}

.sub_txt2 {font-weight: 400;}
.sub_txt2 span { font-weight: 700;}

.phone_wrap .section_line {
	height: calc(100vw * (10/375));
	width: 100%;
	background-color: #f5f5f5;
	border-top: 1px solid #e2e2e2;
}
.phone_detail {
	padding: calc(100vw * (25/375));
	padding-bottom:calc(100vw * (80/375));
}

.phone_buy_top {
	padding: calc(100vw * (40/375)) calc(100vw * (25/375));
}
.phone_buy_info {
	display: flex;
	gap: calc(100vw * (10/375));
}

.phone_buy_img {
	min-width: calc(100vw * (140/375));
	max-width: calc(100vw * (140/375));
}

.phone_buy_type {
	font-size: calc(100vw * (14/375));
	color: var(--main-color);
	font-weight: 700;
	line-height: 1.5em;
}

.phone_buy_title {
	margin: calc(100vw * (8/375)) 0 calc(100vw * (15/375));
	font-size: calc(100vw * (20/375));
	color: #111;
	font-weight: 600;
	line-height: 1.3em;
}

.phone_buy_btn {
	display: flex;
	align-items: center;
	gap: calc(100vw * (5/375));
}
/* END phone */
.phone_but_button {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: calc(100vw * (10/375));
	color: #fff;
	font-size: calc(100vw * (15/375));
	font-weight: 700;
	background-color: var(--main-color);
	padding: calc(100vw * (11/375));
}

.phone_more {
	min-width: calc(100vw * (20/375));
	max-width: calc(100vw * (20/375));
}

.phone_more_pop {
	padding: calc(100vw * (20/375));
	border-radius: calc(100vw * (8/375));
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
	position: absolute;
	top: 80%;
	right: 0;
	width: calc(100vw * (280/375));
	z-index: 10;
	background-color: #fff;
	font-size: calc(100vw * (14/375));
	display: none;
	span {
		font-weight: 600;
		color: var(--block-color);
	}
}

.pop_xbtn {
	width: calc(100vw * (20/375));
	height: calc(100vw * (20/375));
	padding: calc(100vw * (4/375));
	position: absolute;
	top: calc(100vw * (5/375));
	right: calc(100vw * (5/375));
}

.phone_buy_top_box {
	padding: calc(100vw * (20/375));
	background-color: #f9f9f9;
	border-radius: calc(100vw * (8/375));
	display: flex;
	justify-content: space-between;
	font-size: calc(100vw * (14/375));
	margin-top: calc(100vw * (40/375));
	.box_left {
		color: #a8a8a8;
		font-weight: 500;
	}
	.box_right {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: calc(100vw * (10/375));
	}
}

.phone_buy_inner {
	padding: calc(100vw * (30/375)) calc(100vw * (25/375));
}

.phone_buy_subtitle {
	color: #595a5b;
	font-size: calc(100vw * (14/375));
	font-weight: 500;
}

.phone_buy_subtitle2 {
	color: var(--block-color);
	font-size: calc(100vw * (16/375));
	font-weight: 600;
	margin: calc(100vw * (40/375)) 0 calc(100vw * (12/375));
}

.phone_buy_select {
	width: 100%;
	height: calc(100vw * (59/375));
	font-size: calc(100vw * (17/375));
	font-weight: 500;
	padding: calc(100vw * (20/375));
	background-color: #f9f9f9;
	border-radius: calc(100vw * (8/375));
	margin-top: calc(100vw * (10/375));
	display: flex;
	align-items: center;
}

.phone_buy_select img {
	width: calc(100vw * (12/375));
	margin-left: auto;
}
.phone_buy_select .file_name {
	font-size: calc(100vw * (17/375));
	color: rgba(70, 70, 70, 0.5);
	max-width: calc(100vw * (195/375));
}
.phone_buy_select input {
	background-color: transparent;
	display: none;
}
.phone_buy_select label {
	width: calc(100vw * (86/375));
	padding: calc(100vw * (10/375));
	background-color: #595a5b;
	border-radius: calc(100vw * (5/375));
	color: #fff;
	font-size: calc(100vw * (14/375));
	margin-left: auto;
}

.phone_buy_deatil_box {
	background-color: #f9f9f9;
	padding: calc(100vw * (20/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (20/375));
	margin-top: calc(100vw * (30/375));
	border-radius: calc(100vw * (8/375));
	font-size: calc(100vw * (14/375));
	.phone_detail_row {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.detail_title {
		color: #777;
	}
	span {
		font-size: calc(100vw * (14/375));
		font-weight: 600;
	}
	p {
		display:flex;
		align-items:center;
		gap:calc(100vw * (6/375));
	}
}

.phone_buy_subtit {
	text-align: center;
	color: var(--gray-color2);
	font-weight: 500;
	font-size: calc(100vw * (13/375));
	line-height: 1.5em;
	max-width: calc(100vw * (240/375));
	margin: 0 auto;
	margin-top: calc(100vw * (20/375));
	span {
		font-weight: 600;
		line-height: 1.5em;
		color: var(--red-color);
	}
}

.phone_modal_list_group {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (20/375));
	margin-top: calc(100vw * (40/375));
	.phone_modal_list {
		font-size: calc(100vw * (16/375));
		font-weight: 500;
		padding-bottom: calc(100vw * (10/375));
		border-bottom: 1px solid #dfdfdf;
		line-height: 1.2em;
	}
	.active {
		font-weight: 700;
	}
}

.phone_buy_input {
	padding: calc(100vw * (16/375)) calc(100vw * (23/375));
	border-radius: calc(100vw * (8/375));
	background-color: #ebebf1;
	width: 100%;
	margin-top: calc(100vw * (10/375));
	font-size: calc(100vw * (16/375));
	font-weight: 500;
}

.phone_arim_box {
	padding: calc(100vw * (20/375));
	background-color: #fafafc;
	border: 1px solid #eee;
	border-radius: calc(100vw * (15/375));
	display: flex;
	flex-direction: column;
}

.phone_arim_box span {
	color: #454545;
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	line-height: 1.5em;
}

.phone_arim_tit {
	color: #454545;
	font-size: calc(100vw * (16/375));
	font-weight: 600;
	margin-bottom: calc(100vw * (10/375));
}

.phone_buy_subtxt {
	font-size: calc(100vw * (13/375));
	font-weight: 400;
	line-height: 1.5em;
	color: var(--gray-color2);
	margin: calc(100vw * (10/375)) 0 calc(100vw * (40/375));
}

.phone_buy_inner .com_btn {
	width: 100%;
}

.phone_list_group {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.phone_list_empty {
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	color:rgba(0,0,0,0.7);
	font-size:calc(100vw * (16/375));
}

.phone_list {
	padding: calc(100vw * (25/375)) calc(100vw * (25/375)) calc(100vw * (15/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (7/375));
}

.phone_list::before {
	content: '';
	width: 100vw;
	height: calc(100vw * (10/375));
	background-color: #f5f5f5;
	border-top: 1px solid #e2e2e2;
	position: absolute;
	top: 0;
	left: 0;
}

.phone_list:first-child::before {
	display: none;
}

.phone_list_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	.phone_date {
		font-size: calc(100vw * (15/375));
		font-weight: 500;
	}
	.phone_order_detail {
		font-size: calc(100vw * (12/375));
		font-weight: 400;
		color: #999;
		display: flex;
		gap: calc(100vw * (5/375));
		align-items: center;
	}

	.phone_order_detail img {
		width: calc(100vw * (5/375));
		opacity: 0.5;
	}
}

.phone_list_box {
	padding: calc(100vw * (20/375)) calc(100vw * (17/375)) calc(100vw * (17/375));
	border: 1px solid #808080;
	background-color: #fff;
	border-radius: calc(100vw * (12/375));
}

.phone_box_top {
	font-size: calc(100vw * (18/375));
	font-weight: 600;
	display: flex;
	align-items: center;
	color: rgba(70, 70, 70, 0.2);
	gap: calc(100vw * (5/375));
}

.phone_box_top .phone_now { color: var(--block-color);}
.phone_box_top .phone_delivery { color: var(--main-color);}

.phone_box_mid {
	display: flex;
	align-items: center;
	gap: calc(100vw * (20/375));
	margin: calc(100vw * (15/375)) 0;
}

.phone_box_mid .phone_thumb {
	max-width: calc(100vw * (55/375));
	min-width: calc(100vw * (55/375));
}

.phone_box_mid .phone_model {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (5/375));
	font-size: calc(100vw * (15/375));
	font-weight: 500;
	line-height: 1.3em;
}

.phone_box_bottom {
	display: flex;
	align-items: center;
	padding: calc(100vw * (7/375));
	width: 100%;
	color: #a8a8a8;
	font-weight: 400;
	border-radius: calc(100vw * (5/375));
	background-color: #f9f9f9;
	font-size: calc(100vw * (12/375));
	gap: calc(100vw * (5/375));
}

.phone_btn_group {
	display: flex;
	align-items: center;
	gap: calc(100vw * (8/375));
	margin-top: calc(100vw * (10/375));
}

.phone_btn {
	flex: 1;
	border: 1px solid #ccc;
	border-radius: 5;
	height: calc(100vw * (40/375));
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: calc(100vw * (5/375));
	font-size: calc(100vw * (16/375));
	font-weight: 500;
}

.phone_btn.request {
	border-color: #59A8C8;
	color: #59A8C8;
}

.phone_wrap .com_btn.fixed {
	width:unset;
	position:fixed;
	bottom:calc(100vw * (20/375));
	left:calc(100vw * (25/375));
	right:calc(100vw * (25/375));
	margin-bottom:0;
}
/* END Phone */

/* Subway */

.subway_wrap {
	flex:1;
	padding:0 calc(100vw * (16/375)) calc(100vw * (40/375));
}
.subway_top {
	background-image:url(../image/sub/subway_img.png);
	background-size: contain;
	background-repeat:no-repeat;
	background-position:right;
	height:calc(100vw * (152/375));
	margin-right:calc(100vw * (-16/375));
	padding-left:calc(100vw * (8/375));
}

.subway_top.conv_top_bg {
	background-image:url(../image/sub/conv_bg.png);
	background-size: calc(100vw * (200/375));
}
.subway_title {
	padding-top:calc(100vw * (41/375));
	display:flex;
	flex-direction:column;
	font-size:calc(100vw * (28/375));
	font-weight:600;
	line-height:1.4em;
	margin-bottom:calc(100vw * (6/375));
	max-width:calc(100vw * (175/375));
	span {
		color:var(--main-color);
	}
}
.sub_wrap.subway_wrap2 {
	gap:0;
}
.sub_wrap.subway_wrap2 .subway_title{
	padding-top:calc(100vw * (30/375));	
	max-width:calc(100vw * (145/375));
}
.sub_wrap.subway_wrap2 .subway_tit{
	max-width:calc(100vw * (145/375));
}

.subway_tit {
	font-size:calc(100vw * (16/375));
	line-height:1.4em;
	color:var(--gray-color2);
	font-weight:400;
	max-width:calc(100vw * (175/375));
}

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

.subway_list {
	height:calc(100vw * (86/375));
	padding:calc(100vw * (20/375)) calc(100vw * (20/375));
	background-color:#fff;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-radius:calc(100vw * (10/375));
	font-size:calc(100vw * (20/375));
	line-height:1.4em;
	font-weight:600;
	box-shadow: 2px 3px 8px -2px rgba(101, 113, 131, 0.15);
}

.subway_list span{
	display:flex;
	align-items:center;
	gap:calc(100vw * (20/375));
	max-width: calc(100vw * (375 / 375));
	img {
		width:calc(100vw * (60/375));
	}
}

.subway_arw {
	width:calc(100vw * (8/375));
}

.subway_pop {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
/*	backdrop-filter:blur(5px);*/
/*	-webkit-backdrop-filter:blur(5px);*/
	display:none;
	z-index:100;
}

.subway_pop_box {
	width:90%;
	padding:calc(100vw * (40/375)) calc(100vw * (20/375)) calc(100vw * (20/375));
	background-color:#fff;
	border-radius:calc(100vw * (12/375));
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	display:flex;
	flex-direction:column;
	align-items:center;
}

.subway_naver_logo{
	width:calc(100vw * (54/375));
}

.subway_pop_box span{
	margin: calc(100vw * (20/375)) 0;
	font-size:calc(100vw * (16/375));
	line-height:1.5em;
	font-weight:700;
}

.subway_btn_group {
	display:flex;
	gap:calc(100vw * (6/375));
	width:100%;
}

.subway_btn {
	flex:1;
	background-color:var(--main-color);
	border-radius:calc(100vw * (8/375));
	padding:calc(100vw * (14/375));
	color:#fff;
	font-size:calc(100vw * (16/375));
	font-weight:500;
	display:flex;
	align-items:center;
	justify-content:center;
	line-height:calc(100vw * (20/375));
}
.subway_btn.ok {
	flex:3;
}

.subway_btn.cancle {
	background-color:transparent;
	color:var(--block-color);
	border:1px solid var(--border-color);
}
/* END Subway */

/* APP Down */

.app_down_wrap {
	position: relative;
	min-height:100vh;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content: flex-end;
	overflow: hidden;
}
.bg-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image:url(../image/sub/app_down_bg2.png);
	background-size: cover;
	background-position: center;
}

.app_down_box{
	display: flex;
	padding: 0 calc(100vw * (16/375)) calc(100vw * (30/375));
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.app_down_logo {
	width: auto;
}

.app_down_title{
	font-size:calc(100vw * (18/375));
	font-weight:600;
	line-height:1.4em;
	margin:calc(100vw * (20/375)) calc(100vw * (60/375)) calc(100vw * (42/375));
	text-align: center;
}
.app_down_tit{
	font-size:calc(100vw * (16/375));
	font-weight:500;
	line-height:1.4em;
	color:#fff;
}

.app_down_btn_group {
	display:flex;
	width: 100%;
	flex-direction:column;
	gap:calc(100vw * (8/375));
}
.app_down_btn{
	display: flex;
	height: calc(100vw * (62/375));
	align-items: center;
	justify-content: center;
	font-size: calc(100vw * (20/375));
	font-weight: 600;
	gap: calc(100vw * (10/375));
	border-radius: calc(100vw * (10/375));
	background: #FFF;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.30);
}
.btn--android{
	color: #fff;
	background: #101010;
}
.app_down_btn img{
	height: calc(100vw * (24/375));
}

.blur-mask {
    position: absolute;
    top: 0;
    width: 100%;
    height: 70%;
    /* 아래로 갈수록 배경을 블러처리 */
    backdrop-filter: blur(6px); 
    /* 마스크로 위쪽은 블러를 제거(0), 아래쪽만 블러를 남김(1) */
    -webkit-mask-image: linear-gradient(to bottom, transparent 36%, black 70%);
    mask-image: linear-gradient(to bottom, transparent 36%, black 70%);
}
.bg-box::after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	/* 이미지 자체가 아래로 갈수록 흰색이 되도록 덮어씌움 */
	background: linear-gradient(to bottom, transparent 36%, #fff 70%);
}

/* END APP Down */

.card_history_group {
	flex: 1;
	display:flex;
	flex-direction:column;
	gap:calc(100vw*(10 / 375));
	margin-top:calc(100vw*(20 / 375));
	padding-bottom:calc(100vw*(20 / 375));
}

.card_history {
	padding:calc(100vw*(20 / 375)) calc(100vw*(20 / 375));
	border-radius:calc(100vw*(10 / 375));
	background:#fff;
	box-shadow: 0 1px 2px 0 rgba(129, 138, 142, 0.20);
}

.card_history_top {
	display:flex;
	align-items:center;
	justify-content:space-between;
	.history_date {
		font-size: calc(100vw*(15 / 375));
		font-weight:500;
		line-height:1.6em;
	}
	.history_time{
		color:var(--gray-color2);
		font-size:calc(100vw*(12 / 375));
		font-weight:400;
		line-height:1.6em;
	}
	.history_detail{
		display:flex;
		font-size:calc(100vw*(12 / 375));
		font-weight:400;
		line-height:1.6em;
	}
	.h_detail1{
		margin-right:calc(100vw*(7 / 375));
		padding-right:calc(100vw*(7 / 375));
		border-right:1px solid var(--border-color);
		color:var(--gray-color2);
	}
	.history_num{
		font-size:calc(100vw*(20 / 375));
		font-weight:500;
		color:var(--block-color);
		margin-top:calc(100vw*(4 / 375));
		text-align:right;
	}
	.history_num span{
	font-size:calc(100vw*(21 / 375));
	font-weight:600;
	margin-right:calc(100vw*(4 / 375));
	}
}

.card_history_txt {
	margin-top:calc(100vw*(4 / 375));
	color:var(--gray-color2);
	font-size:calc(100vw*(12 / 375));
/*	white-space:nowrap;*/ /* 1줄 말줄임일때만 사용 */ 
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:100%;
	line-height:1.4em;
	display: -webkit-box;
	-webkit-line-clamp: 2;  /* n줄 넘어가면 말줄임 */
	-webkit-box-orient: vertical;
}

/* 계좌정보 */

.vbank_inner {
	padding:calc(100vw * (30/375)) calc(100vw * (20/375)) calc(100vw * (20/375));
	display:flex;
	flex-direction:column;
	flex:1;
	.vbank_box {
		border:1.5px solid rgba(0,0,0,0.3);
		border-radius: calc(100vw * (12/375));
		margin-top:calc(100vw * (30/375));
		display:flex;
		flex-direction:column;
		gap:calc(100vw * (12/375));
		padding:calc(100vw * (20/375))
	}
	.vbank_row {
		display:flex;
		align-items:center;
		justify-content:space-between;
		font-size:calc(100vw * (16/375));
		font-weight:600;
	}
	.vbank_title {
		font-size:calc(100vw * (20/375));
		font-weight:600;
	}
}

.vbank_copy {
	background:var(--main-color);
	color:#fff;
	border-radius:calc(100vw*(50 / 375));
	font-size:calc(100vw*(12 / 375));
	padding:calc(100vw*(6 / 375)) calc(100vw*(12 / 375));
}

/* END 계좌정보 */

/* google_gift */

.google_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(100vw * (22/375)) calc(100vw * (20/375)) calc(100vw * (12/375));
	border-bottom: 1px solid #e0e0e6;
	.g_gift_title {
		font-size: calc(100vw * (15/375));
		font-weight: 600;
	}
	.g_list_filter {
		font-weight: 500;
		display: flex;
		align-items: center;
		gap: calc(100vw * (5/375));
		img {
			width: calc(100vw * (10/375));
			height: calc(100vw * (6/375));
		}
		select {
			background:transparent;
			color: #999;
			font-size: calc(100vw * (14/375));
			width:fit-content;
			padding:0;
		}
	}
}

.google_top::after {
	content: '';
	width: 100%;
	height: calc(100vw * (6/375));
	background-color: #ebebf1;
	position: absolute;
	bottom: calc(100vw * (-6/375));
	left: 0;
}

.google_item_group {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	margin-top: calc(100vw * (28/375));
	padding: 0 calc(100vw * (25/375)) calc(100vw * (20/375));
	row-gap: calc(100vw * (40/375));
	column-gap: calc(100vw * (17/375));
	justify-items: center;
	.google_item {
		display: flex;
		flex-direction: column;
	}
	.google_thumb {
		width: calc(100vw * (155/375));
		height: calc(100vw * (155/375));
		overflow:hidden;
/*		padding: calc(100vw * (35/375)) calc(100vw * (11/375));*/
		background-color: #ebebf1;
		border-radius: calc(100vw * (16/375));
	}
	.google_thumb .like_btn {
		width: calc(100vw * (28/375));
		height: calc(100vw * (28/375));
		position: absolute;
		bottom: calc(100vw * (7/375));
		right: calc(100vw * (7/375));
	}
	.google_item_title{
		font-size: calc(100vw * (15/375));
		line-height: 1.5em;
		margin-top: calc(100vw * (10/375));
	}
	.google_item_subtit{
		font-size: calc(100vw * (11/375));
		line-height: 1.5em;
		color: var(--main-color);
	}
	.google_item_discount{
		display: flex;
		align-items: center;
		gap: calc(100vw * (4/375));
		font-size: calc(100vw * (17/375));
		color: var(--block-color);
		font-weight: 600;
		line-height: 1.5em;
	}
	.google_item_discount .percent{
		color: var(--main-color);
	}
	.google_item_num{
		text-decoration: line-through;
		color: #999;
		line-height: 1.5em;
		font-size: calc(100vw * (13/375));
		font-weight: 500;
	}
}

.detail_thumb_area {
	background-color: #ebebf1;
	padding: calc(100vw * (60/375)) 0 calc(100vw * (100/375));
	display: flex;
	align-items: center;
	justify-content: center;
	img {
/*		box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.10);*/
		border-radius: calc(100vw * (10/375));
		overflow: hidden;
		width: calc(100vw * (300/375));
	}
}

.google_detail_box {
	padding: calc(100vw * (25/375));
	.google_detail_title {
		font-size: calc(100vw * (20/375));
		font-weight: 600;
	}
	.google_detail_tit {
		font-size: calc(100vw * (12/375));
		font-weight: 400;
		line-height: 1.5em;
		margin: calc(100vw * (2/375)) 0 calc(100vw * (14/375));
	}
	.google_detail_discount {
		display: flex;
		align-items: center;
		gap: calc(100vw * (4/375));
		font-size: calc(100vw * (23/375));
		font-weight: 700;
		color: var(--block-color);
	}
	.google_detail_discount .percent {
		color: var(--main-color);
	}
	.google_detail_num {
		text-decoration: line-through;
		color: #999;
		font-size: calc(100vw * (14/375));
		margin: calc(100vw * (6/375)) 0;
	}
	.google_detail_txt {
		font-size: calc(100vw * (13/375));
		color: #000;
		font-weight: 400;
		line-height: 1.5em;
	}
	.google_detail_txt span {
		font-weight: 600;
		padding-right: calc(100vw * (5/375));
		margin-right: calc(100vw * (5/375));
		border-right: 1px solid rgba(119, 119, 119, 0.2);
	}
	.google_num_btn {
		display: flex;
		align-items: center;
		font-size: calc(100vw * (14/375));
		color: #111;
		border: 1px solid rgba(200, 200, 206, 0.5);
		border-radius: calc(100vw * (4/375));
		background-color: #f1f1f7;
		width: fit-content;
		margin-top: calc(100vw * (25/375));
	}
	.google_num_btn input {
		width: calc(100vw * (40/375));
		text-align: center;
		background-color: transparent;
		font-size: calc(100vw * (14/375));
		font-weight: 500;
	}
	.google_num_btn button {
		font-size: calc(100vw * (20/375));
		font-weight: 500;
		color: #7e7e84;
		padding: calc(100vw * (4/375)) calc(100vw * (8/375));
	}
}

.google_switch_group {
	display: flex;
	align-items: baseline;
	border-bottom: 1px solid #e0e0e6;
	.google_switch {
		flex:1;
		padding: calc(100vw * (15/375));
		text-align: center;
		border-bottom: 2px solid transparent;
		font-size: calc(100vw * (16/375));
		font-weight: 500;
		line-height: 1.75em;
	}
	.google_switch.active {
		border-bottom: 2px solid var(--main-color);
	}
}

.google_detail_textbox {
	padding: calc(100vw * (30/375)) calc(100vw * (25/375));
	display: flex;
	flex-direction: column;
	.gd_text {
		display: flex;
		flex-direction: column;
		font-size: calc(100vw * (14/375));
		line-height: 1.5em;
	}

	.gd_text span {
		line-height: 1.5em;
		padding-left: calc(100vw * (8/375));
		text-indent: calc(100vw * (-8/375));
	}
	.gd_text a {
		text-decoration: underline;
		color: var(--main-color);
	}
	.gd_title {
		font-size: calc(100vw * (16/375));
		font-weight: 600;
		color: var(--block-color);
		margin-top: calc(100vw * (40/375));
		margin-bottom: calc(100vw * (20/375));
	}
	.gd_title:first-child {
		margin-top:calc(100vw * (10/375));
	}
	.gray {
		color: #333;
	}
	.red {
		color: #ff494c;
	}
}

.google_detail_textbox.textbox2 {
	display: none;
}

.google_gift_footer {
	background-color: #ebebf1;
	padding: calc(100vw * (50/375)) 0 calc(100vw * (120/375));
	text-align: center;
	font-size: calc(100vw * (12/375));
	font-weight: 400;
	line-height: 1.8em;
	color: #9f9f9f;
}

.google_fix_btn {
	display: flex;
	align-items: center;
	gap: calc(100vw * (7/375));
	padding: calc(100vw * (15/375)) calc(100vw * (25/375)) calc(100vw * (25/375));
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	.com_btn {
		flex:1;
		height: calc(100vw * (54/375));
	}
	.fix_like_btn {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: calc(100vw * (2/375));
		width: calc(100vw * (53/375));
		height: calc(100vw * (54/375));
		border: 1px solid rgba(126, 126, 132, 0.2);
		border-radius: calc(100vw * (11/375));
		color: #7e7e84;
		font-size: calc(100vw * (12/375));
		img {
			width: calc(100vw * (22/375));
		}
	}
}

/* END google_gift */

#barCode img,
.conv_bar_img img {
	width:100% !important;
	height:100% !important;
	object-fit:cover;
}


.sub_wrap {
    background-color: var(--background-color);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    color: var(--block-color);
	gap:calc(100vw * (5/375));
}

.sub_wrap.guide_bg {
	background-color:#f6f6f6;
}

.card_now_icon {
	width:calc(100vw * (200/375));
	margin: calc(100vw * (10/375)) auto;
}

.full_modal .view_detail_btn {
	width:calc(100vw * (80/375));
	height:calc(100vw * (80/375));
	position:fixed;
	bottom:calc(100vw * (40/375));
	right:calc(100vw * (24/375));
	box-shadow: 0 7.5px 15px -7.5px rgba(0, 0, 0, 0.12);
    border-radius: 100%;
    overflow: hidden;
}


.full_modal .view_detail_btn2 {
	width:calc(100vw * (80/375));
	height:calc(100vw * (80/375));
	position:fixed;
	bottom:calc(100vw * (40/375));
	right:calc(100vw * (24/375));
	box-shadow: 0 7.5px 15px -7.5px rgba(0, 0, 0, 0.12);
    border-radius: 100%;
    overflow: hidden;
}
/* ATM Withdraw */

.withdraw_warp {
	background-color:var(--background-color);
	padding:calc(100vw * (30/375)) calc(100vw * (16/375));
	min-height:calc(100vh - (100vw * (60/375)));
	flex:1;
	.withdraw_title {
		font-size:calc(100vw * (24/375));
		font-weight:600;
		line-height:1.4em;
	}
	.withdraw_subtitle{
		margin:calc(100vw * (30/375)) 0 calc(100vw * (10/375));
		font-size:calc(100vw * (16/375));
		font-weight:400;
	}
	.withdraw_input_row {
		display:flex;
		align-items:center;
		gap:calc(100vw * (6/375));
	}
	.withdraw_input_row input{
		padding:calc(100vw * (18/375)) calc(100vw * (15/375));
		border-radius:calc(100vw * (8/375));
		background-color:#fff;
		width:calc(100vw * (70/375));
		text-align:center;
		font-size:calc(100vw * (18/375));
		font-weight:600;
	}
	.withdraw_detail_box {
		background-color:#fff;
		padding:calc(100vw * (24/375)) calc(100vw * (20/375));
		border-radius:calc(100vw * (8/375));
		display:flex;
		flex-direction:column;
		gap:calc(100vw * (20/375));
	}
	.withdraw_detail_row {
		display:flex;
		align-items:center;
		justify-content:space-between;
		font-weight:500;
		font-size:calc(100vw * (16/375));
		.withdraw_detail_idx {
			color:var(--gray-color2);
			font-weight:400;
		}
	}
	.withdraw_detail_cost {
		font-weight:400;
	}
	.withdraw_detail_cost span{
		color:#000;
		font-weight:600;
		letter-spacing: calc(100vw * (-0.64/375));
	}
	.withdraw_cost_input {
		padding: calc(100vw * (15/375));
		border-radius:calc(100vw * (8/375));
		border:1px solid var(--main-color);
		background:#fff;
		margin-top:calc(100vw * (10/375));
		display:flex;
		align-items:center;
		justify-content:flex-end;
		gap:calc(100vw * (3/375));
		font-size:calc(100vw * (22/375));
		font-weight:300;
		color:#999;
		background: transparent;
		border:0;
		border-radius:0;
		padding:0;
		color: var(--block-color);
		font-weight:600;
		border-radius:0;
		height:calc(100vw * (62/375));
	}
	.withdraw_cost_input.on {
		border-bottom:2px solid var(--main-color);
	}
	.withdraw_cost_input input {
		flex:1;
		font-size:calc(100vw * (22/375));
		font-weight:600;
		text-align:left;
		max-width:unset;
		background-color:transparent;
		border-bottom: 1px solid var(--border-color);
		width:100%;
		height:100%;
	}
	.withdraw_cost_input input::placeholder {
		font-weight:400;
	}
	.withdraw_cost_input.on input {
		border-bottom:0;
	}
	.withdraw_cost_input span{
		display:none;
	}
	.withdraw_cost_input.on span{
		display:block;
	}
	.withdraw_btn_group {
		display:flex;
		align-items:center;
		gap:calc(100vw * (8/375));
		margin:calc(100vw * (10/375)) 0 ;
	}
	.withdraw_btn_group button {
		flex:1;
		height:calc(100vw * (46/375));
		border:1px solid #808080;
		border-radius:calc(100vw * (10/375));
		background: var(--box-bg-color);
        border: 0;
        color: var(--block-color);
	}
	.withdraw_subtext {
		color:var(--gray-color2);
		font-size:calc(100vw * (14/375));
		font-weight:400;
		line-height:1.6em;
		margin-bottom:calc(100vw* (40/375));
	}
}

.withdraw_modal {
	.com_modal_box {
		background:#fff;
		padding:calc(100vw * (30/375)) 0 0 ;
	}
	.withdraw_modal_title {
		font-size:calc(100vw * (24/375));
		font-weight:600;
		line-height:1.4em;
		padding:0 calc(100vw * (30/375));
	}
	.withdraw_modal_inner {
		background:#fff;
		border-radius:calc(100vw * (20/375)) calc(100vw * (20/375)) 0 0;
		background:#fff;
		padding:calc(100vw * (30/375)) calc(100vw * (25/375));
	}
	.withdraw_modal_info {
		border: 1px solid var(--border-color);
		border-radius: calc(100vw * (8 / 375));
		padding: calc(100vw * (24 / 375)) calc(100vw * (20 / 375));
		margin-bottom: calc(100vw * (30 / 375));
		display: flex;
		flex-direction: column;
		row-gap: calc(100vw * (20 / 375));
		.withdraw_modal_row {
			.withdraw_modal_idx {
				color:var(--gray-color2);
				max-width: calc(100vw * (110 / 375));
			}
			.withdraw_modal_text {
				font-size:calc(100vw * (16/375));
				max-width:calc(100vw * (160/375));
				text-align:right;
			}
		}
		.withdraw_modal_row:last-child {
			.withdraw_modal_idx {
				color:var(--block-color);
				font-weight:600;
			}
			.withdraw_modal_num {
				color:var(--block-color);
				font-weight:600;
				c {
					font-weight:400;
				}
			}
		}
	}
	.withdraw_modal_row {
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
	.withdraw_modal_idx {
		font-size:calc(100vw * (16/375));
		font-weight:500;
	}
	.withdraw_modal_text {
		font-size:calc(100vw * (14/375));
	}
	.withdraw_modal_num {
		font-size:calc(100vw * (16/375));
		font-weight:500;
		color:#999;
	}
	.withdraw_modal_num span{
		font-weight:700;
		color:var(--block-color);
		margin-right:calc(100vw * (3/375));
	}
	.withdraw_pin_box {
		display:flex;
		align-items:center;
		flex-direction:column;
		gap:calc(100vw * (9/375));
		padding:calc(100vw * (48/375)) 0;
		width:100%;
		background:var(--box-bg-color);
		border:0;
		border-radius:calc(100vw * (8/375));
		margin-top:calc(100vw * (10/375));
	}
	.withdraw_pin {
		font-size:calc(100vw * (36/375));
		font-weight:700;
		color:var(--block-color);
		letter-spacing:0.08em;
	}
	.withdraw_pin_time {
		display:flex;
		align-items:center;
		font-size:calc(100vw * (16/375));
		font-weight:500;
		color:var(--main-color);
	}
	.withdraw_pin_time span {
		color:var(--main-color);
		margin-left:calc(100vw * (3/375));
	}
	.withdraw_pin_time button {
		border-radius:calc(100vw * (30/375));
		background:#fff;
		border : 1px solid #808080;
		padding:calc(100vw * (6/375)) calc(100vw * (12/375));
		font-size:calc(100vw * (14/375));
		font-weight:600;
		margin-left:calc(100vw * (10/375));
	}
	.com_btn {
		margin-top:calc(100vw * (50/375));
	    background: var(--btn-unable-color);
	    color: var(--mian-color);
	}
	.com_btn.unable {
		background: var(--btn-unable-color);
		color: var(--gray-color);
	}
}

.withdraw_modal.on {
	transform:translateY(0%);
}

/* END ATM Withdraw */

/* ATM Withdraw list */

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

	.withdraw_total_num span{
		font-weight:700;
	}

	.withdraw_clean {
		display:flex;
		align-items:center;
		gap:calc(100vw * (5/375));
		font-size:calc(100vw * (13/375));
	}

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

	.withdraw_list {
		display:flex;
		flex-direction:column;
		border-radius:calc(100vw * (12/375));
		background:var(--gray-color);
	}
	
	.withdraw_list_cancle {
		padding:calc(100vw * (15/375));
		color:#fff;
		font-size:calc(100vw * (16/375));
		font-weight:600;
		display:none;
	}

	.withdraw_list_top {
		padding:calc(100vw * (24/375));
		background:#fff;
		border-radius:calc(100vw * (12/375));
	}

	.withdraw_date {
		display:flex;
		flex-direction:column;
		gap:calc(100vw * (4/375));
		max-width:calc(100vw * (180/375));
	}

	.withdraw_list_upper {
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
	}

	.withdraw_label {
		width:calc(100vw * (65/375));
		min-height:calc(100vw * (24/375));
		border-radius:calc(100vw * (40/375));
		font-size:calc(100vw * (13/375));
		font-weight:400;
		display:flex;
		align-items:center;
		justify-content:center;
		text-align:center;
		padding:calc(100vw * (4/375)) calc(100vw * (10/375));
	}

	.withdraw_list.wait .withdraw_label{
		color:#3b8dae;
		background:#EDFAFF;
	}
	.withdraw_list.ok .withdraw_label{
		color:#429E59;
		background:#E6FAEB;
		}
	.withdraw_list.end .withdraw_label{
		color:#4F4F4F;
		background:#F3F3F3;
		}
	.withdraw_list.cancle .withdraw_label{
		color:#CB341A;
		background:#F8EFEE;
	}

	.withdraw_list_upper {
		padding-bottom:calc(100vw * (10/375));
		margin-bottom:calc(100vw * (10/375));
		border-bottom:1px solid #eee;
	}

	.withdraw_list_under {
		display:flex;
		align-items:center;
		font-size:calc(100vw * (15/375));
		font-weight:300;
	}

	.withdraw_list_under span {
		color:var(--block-color);
		font-weight:600;
	}

	.withdraw_list_under p {
		color:var(--block-color);
		font-weight:400;
	}

	.withdraw_list.end .withdraw_list_cancle {
		display:block;
	}

	.withdraw_list_btn {
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		height:calc(100vw * (57/375));
		display:flex;
		align-items:center;
		justify-content:center;
		color:#fff;
		background:#59a8c8;
		font-size:calc(100vw * (18/375));
		font-weight:600;
		border-radius:calc(100vw * (10/375)) calc(100vw * (10/375)) 0 0;
	}

	.withdraw_list.empty {
		padding:calc(100vw * (130/375)) 0;
		color:var(--gray-color2);
		font-size:calc(100vw * (18/375));
		font-weight:400;
		flex:1;
		text-align:center;
		background:transparent;
	}

/* END ATM Withdraw list */

/* point_now_modal */

.finmo_modal {
/*	transform:translateY(0%);*/
	.com_modal_box {
		padding:calc(100vw*(25 / 375)) calc(100vw*(20 / 375)) 0;
	}
	.modal_title {
		margin-bottom:calc(100vw * (20/375));
		flex-shrink: 0;
	}
	.finmo_list_group {
		display:flex;
		flex-direction:column;
		gap:calc(100vw * (8/375));
		max-height:75vh;
		overflow-y: auto;
	}
	.finmo_list {
		display: flex;
		align-items: center;
		gap: calc(100vw * (10/375));
		padding: calc(100vw * (24/375)) calc(100vw * (16/375));
		border-radius: calc(100vw * (10/375));
		background: var(--item-bg-color);
	}
	.finmo_list::after{
		content:"";
		width:calc(100vw * (20/375));
		height:calc(100vw * (20/375));
		background-image:url('../image/sub/finmo_list_view.png');
		background-size:100% 100%;
		position:absolute;
		top:50%;
		right:calc(100vw * (5/375));
		transform:translateY(-50%);
	}
	.finmo_list:last-child {
		border-bottom:1px solid var(--border-color);
		margin-bottom:calc(100vw * (20/375));
	}
	.finmo_img {
		border-radius:calc(100vw * (30/375));
		display:flex;
		align-items:center;
		justify-content:center;
		overflow: hidden;
	}
	.finmo_img img {
		width:calc(100vw * (30/375));
	}
	.finmo_tit_group {
		display:flex;
		flex-direction:column;
		gap:calc(100vw * (6/375));
	}
	.finmo_title {
		font-size:calc(100vw * (15/375));
		font-weight:700;
		display:flex;
		align-items:center;
		gap:calc(100vw * (8/375));
	}
	.finmo_title span {
		font-weight:400;
	}
	.finmo_title .plus {
		padding:calc(100vw * (3/375)) calc(100vw * (4/375));
		font-size:calc(100vw * (14/375));
		font-weight:400;
		border-radius:calc(100vw * (3/375));
		background:#f6f6f6;
	}
	.finmo_title img {
		max-height:calc(100vw * (14/375))
	}
	.finmo_title img[data-src="../image/sub/finmo_img1.png"] {
		max-height:calc(100vw * (17/375))
	}
	.finmo_title img[data-src="../image/sub/finmo_img2.png"] {
		max-height:calc(100vw * (18/375))
	}
	.finmo_title img[data-src="../image/sub/finmo_img4.png"] {
		max-height:calc(100vw * (15/375))
	}
	.finmo_subtitle {
		font-size:calc(100vw * (11/375));
		color:var(--gray-color2);
	}
	.finmo_fee {
		text-align:right;
		color:var(--gray-color2);
	}
}

.finmo_modal.on {
	transform:translateY(0%);
}

.point_charge_modal {
	.finmo_list_group {
		display:flex;
		flex-direction:column;
		gap:calc(100vw * (8/375));
		margin:calc(100vw * (20/375)) 0;
		max-height:75vh;
		overflow:scroll;
	}
	.finmo_list {
		display:flex;
		align-items:center;
		gap:calc(100vw * (10/375));
		padding:calc(100vw * (12/375)) calc(100vw * (20/375));
		border:1px solid #efeff2;
		border-radius:calc(100vw * (12/375));
	}
	.finmo_img {
		width:calc(100vw * (56/375));
		height:calc(100vw * (56/375));
		border-radius:calc(100vw * (12/375));
		background-color:#f8f8f8;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.finmo_img img {
		width:calc(100vw * (30/375));
	}
	.finmo_tit_group {
		display:flex;
		flex-direction:column;
		gap:calc(100vw * (6/375));
	}
	.finmo_title {
		font-size:calc(100vw * (15/375));
		font-weight:700;
		display:flex;
		align-items:center;
		gap:calc(100vw * (8/375));
	}
	.finmo_title span {
		font-weight:400;
	}
	.finmo_title .plus {
		padding:calc(100vw * (3/375)) calc(100vw * (4/375));
		font-size:calc(100vw * (14/375));
		font-weight:400;
		border-radius:calc(100vw * (3/375));
		background:#f6f6f6;
	}
	.finmo_title img {
		max-height:calc(100vw * (18/375))
	}
	.finmo_subtitle {
		font-size:calc(100vw * (11/375));
		color:var(--gray-color2);
	}
	.finmo_fee {
		text-align:right;
		color:var(--gray-color2);
	}
}

.point_charge_modal.on {
	transform:translateY(0%);
}

.bank_transfer_modal.on {
	transform: translateY(0);
}
.bank_transfer_modal {
	.chosen {
		display: flex;
		align-items: center;
		font-weight: 500;
		font-size: calc(100vw * (18 / 375));
		color: var(--block-color);
		gap: calc(100vw * (6 / 375));
		height: calc(100vw * (62 / 375));
        border-bottom: calc(100vw * (1 / 375)) solid #DEE6E9;
		.chosen_icon {
			width: calc(100vw * (28 / 375));
			height: calc(100vw * (28 / 375));
		}
		.arrow {
			width: calc(100vw * (14 / 375));
			margin-left: auto;
		}
	}
	.input_box {
		display:flex;
		gap: calc(100vw * (10/375));
		margin-top: calc(100vw * (10/375));
		.bank_transfer_inp {
			border-bottom: calc(100vw * (2/375)) solid var(--main-color);
			font-size: calc(100vw * (18/375));
			height: calc(100vw * (62/375));
			font-weight:400;
			flex:1;
			max-width: unset;
			min-width: 0;
		}
		.bank_transfer_chk {
			border-radius: calc(100vw * (10/375));
			border: calc(100vw * (1/375)) solid var(--main-color);
			display: flex;
			height: calc(100vw * (62/375));
			min-width: calc(100vw * (90/375));
			padding: 0 calc(100vw * (12/375));
			justify-content: center;
			align-items: center;
			font-size: calc(100vw * (16/375));
			font-weight: 400;
			border-radius: calc(100vw * (10/375));
			background: #F7FAFB;
			color: var(--main-color);
		}
		.bank_transfer_chk.unable{
			border-color: #DEE6E9;
			background: #F7FAFB;
			color:#AEB8C7;
		}
	}
	
	.bank_transfer_point {
		display:flex;
		flex-direction:column;
		margin:calc(100vw * (40/375)) 0;
		gap:calc(100vw * (6/375));
		opacity:0;
		transition:0.3s;
		.bank_transfer_tit {
			color: var(--main-color);
			text-align: center;
			font-size: calc(100vw * (18/375));
			font-weight: 600;
		}
		.bank_transfer_tit.fail {
			color: #EE5250;
		}
		.bank_transfer_sub {
			font-size: calc(100vw * (16/375));
			font-weight: 400;
			line-height: 140%;
			text-align:center;
			span {
				color:var(--main-color);
			}
			span.fail_point {
				text-decoration: underline;
			}
		}
	}
	.com_btn {
		margin-bottom:0;
	}
}
/* END point_now_modal */

/* finmo */

.now_php_wrap {
	background:var(--background-color);
	.php_top {
		padding:calc(100vw*(20/375)) calc(100vw*(20/375)) calc(100vw*(22/375));
		display:flex;
		align-items:center;
		gap:calc(100vw*(12/375));
	}
	.php_flag {
		width:calc(100vw*(36/375));
		border-radius:calc(100vw*(7/375));
		overflow:hidden;
	}

	.php_flag img {
		width:100%;
		height:100%;
		object-fit:cover;
	}
	.php_text {
		display:flex;
		flex-direction:column;
		gap: calc(100vw*(6/375));
	}
	.php_nation {
		font-size:calc(100vw*(16/375));
		font-weight:600;
	}
	.php_txt {
		color:var(--gray-color2);
		font-size:calc(100vw*(16/375));
	}
	.php_bottom {
		flex:1;
		padding:calc(100vw*(30/375)) calc(100vw*(16/375)) calc(100vw*(20/375));
		display:flex;
		flex-direction:column;
		border-top: calc(100vw * (8/375)) solid var(--dvideColor);
	}
	.php_title {
		font-size:calc(100vw*(16/375));
		color:var(--block-color);
	}
	.php_box {
		background:transparent;
		width:100%;
		border-radius:0;
		display:flex;
		align-items:center;
		height:calc(100vw*(64/375));
		padding: 0 calc(100vw*(20/375));
		text-align:right;
		font-size:calc(100vw*(16/375));
		margin:0 0 calc(100vw*(12/375));
		box-shadow: unset;
		justify-content:flex-end;
		gap:calc(100vw*(5/375));
		border-bottom:1px solid var(--border-color);
	}
	.php_input {
		text-align:right;
		font-size:calc(100vw*(34/375));
		font-weight:600;
		color:var(--main-color);
		flex:1;
		display:flex;
		align-items:center;
		line-height:calc(100vw*(34/375));
		max-width:calc(100vw*(260/375));
		z-index:2;
		background:transparent;
	}
	.php_box.input_box::after {
		content:'Enter the amount';
		font-size:calc(100vw*(18/375));
		font-weight:400;
		color: var(--placeholder);
		position:absolute;
		top:50%;
		right:calc(100vw*(20/375));
		transform:translateY(-50%);
	}
	.php_box.input_box.on::after {
		display:none;
	}
	.php_box.input_box.on::before {
		content:'';
		width:100%;
		height:calc(100vw * (2/375));
		background:var(--main-color);
		position:absolute;
		bottom:0;
		left:0;
	}
	.php_method {
		margin:calc(100vw*(12/375)) 0 calc(100vw*(30/375));
		justify-content:space-between;
		padding: 0 calc(100vw * (12 / 375));
		background: #FFF;
		border-radius: calc(100vw*(10/375));
		border: 1px solid var(--border-color);
	}
	.php_subtitle {
		color:var(--gray-color2);
		font-size:calc(100vw*(16/375));
	}
	.error_text {
		margin-left:auto;
		margin-top:calc(100vw * (12/375));
		font-size:calc(100vw*(12/375));
		color:var(--red-color);
		opacity:0;
	}
	.php_btn_group {
		display:flex;
		align-items:center;
		gap:calc(100vw*(7/375));
		margin-bottom:calc(100vw*(20/375));
	}
	.php_btn {
		flex:1;
		background:var(--box-bg-color);
		color:var(--main-color);
		font-size:calc(100vw*(14/375));
		height:calc(100vw*(36/375));
		display:flex;
		font-weight:600;
		align-items:center;
		justify-content:center;
		border-radius:calc(100vw*(8/375));
	}
	.input_box .php_cost {
		display:none;
		font-size:calc(100vw*(12/375));
		color:var(--gray-color2);
		font-weight:400;
		margin-top:calc(100vw*(15/375));
	}

	.input_box.on .php_cost {
		display:block;
	}
	.fimmo_logo {
		width:100%;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.fimmo_logo img {
		width:calc(100vw * (188/375));
	}
}

.php_modal.on {
	transform:translateY(0%);
}

.php_modal {
	.com_modal_box {
		padding:calc(100vw*(25 / 375)) calc(100vw*(20 / 375)) 0;
	}
	.php_method_group {
		display:flex;
		flex-direction:column;
		max-height:55vh;
		overflow:scroll;
		gap: calc(100vw*(8 / 375));
	}
	.php_method_list {
		padding: 0 calc(100vw*(16/375));
/*		border: 1px solid var(--border-color);*/
		border-radius: calc(100vw*(10/375));
		display:flex;
		align-items:center;
		flex-direction: row-reverse;
		justify-content: space-between;
		overflow:hidden;
		gap:calc(100vw * (20/375));
		height: calc(100vw * (62/375));
		min-height: calc(100vw * (62/375));
		background: var(--item-bg-color);
	}
	.php_method_list:last-child {
		margin-bottom:calc(100vw * (20/375));
	}
	.php_method_list:before {
		content: "";
		width: calc(100vw * (24 / 375));
		height: calc(100vw * (24 / 375));
		background-image: url('../image/sub/chk_normal.svg');
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	.php_method_list.on{
		border: 1px solid var(--border-color);
	}
	.php_method_list.on:before {
		background-image: url('../image/sub/lang_chk.svg');
	}

	.php_method_list img{
		width:calc(100vw * (188/375));
/*		margin:0 auto;*/
	}

	.php_method_list.unable::after {
		content:'';
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.15);
		backdrop-filter:blur(1px);
		-webkit-backdrop-filter:blur(1px);
		color:#fff;
		font-size:calc(100vw*(16/375));
		font-weight:600;
		position:absolute;
		top:0;
		left:0;
	}
}

.com_btn_new {
	width:100%;
	height:calc(100vw*(62/375));
	border-radius:calc(100vw*(12/375));
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font-size:calc(100vw*(18/375));
	font-weight:600;
	background : var(--main-color);
	margin-top:auto;
	display:block;
	transition:0.3s;
}

.com_btn_new.fixed {
	position:fixed;
	bottom:0;
	left:0;
	border-radius:0;
}


.com_btn_new.unable {
	border : none !important;
    background: var(--btn-unable-color);
    color: var(--light-gray);
}

/* END finmo */


/* VND */

.vnd_wrap {
	background-color:#fff;
	flex:1;
}

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

.vnd_title {
	font-size: calc(100vw*(27/375));
	font-weight:700;
	line-height:1.25em;
}

.vnd_top {
	padding: calc(100vw*(20/375));
	border-radius:calc(100vw*(8/375));
	border: 1px solid rgba(180,192,211,0.2);
	background-color:rgba(142,155,176,0.08);
	margin-top:calc(100vw*(10/375));
}

.vnd_acc {
	display: flex;
	flex-direction:column;
	align-items:flex-start;
	gap: calc(100vw*(8/375));
	font-size : calc(100vw*(14/375));
	color:rgba(0,0,0,0.6);
	font-weight:500;
}

.vnd_acc span {
	line-height:calc(100vw*(27/375));
	width:100%;
	display:block;
	text-align:center;
	padding-top:calc(100vw*(8/375));
	border-top: 1px solid black;
}

.vnd_bank {
	padding:calc(100vw*(8/375)) calc(100vw*(14/375));
	font-size:calc(100vw*(12/375));
	color:#fff;
	background-color:#2b65f5;
	border-radius:calc(100vw*(10/375));
	min-width:calc(100vw*(70/375));
	min-height:calc(100vw*(28/375));
	margin: 0 auto;
	text-align:center;
}

.vnd_top .loading-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.15);
	filter:blur(5px);
	z-index:2;
}

.vnd_name {
	font-size:calc(100vw*(15/375));
	font-weight:500;
	margin-top:calc(100vw*(4/375));
	text-transform:uppercase;
	text-align:center;
}

.vnd_wrap .section_line {
	height:calc(100vw*(7/375));
	width:100%;
	background:#f6f6f6;
	border-top:1px solid #e9e9e9;
}

.vnd_subtitle {
	font-size:calc(100vw*(16/375));
	font-weight:600;
	color:#161616;
	display:flex;
	align-items:center;
}

.vnd_subtitle .subtitle_tag {
	display:none;
}

.vnd_subtitle.tag .subtitle_tag {
	display:block;
	color:#fff;
	font-size:calc(100vw*(10/375));
	padding:calc(100vw*(5/375)) calc(100vw*(8/375));
	border-radius:calc(100vw*(30/375));
	background-color:#fe5050;
	font-weight:600;
	margin-left:calc(100vw*(6/375));
}

.vnd_input_box {
	padding:calc(100vw*(20/375)) calc(100vw*(25/375));
	border:1.5px solid #111;
	border-radius:calc(100vw*(20/375));
	display:flex;
	flex-direction:column;
	gap:calc(100vw*(7/375));
	font-size:calc(100vw*(13/375));
	color:#777;
	line-height:1.75em;
	margin:calc(100vw*(15/375)) 0 0;
}

.vnd_txt {
	font-size:calc(100vw*(12/375));
	margin-top:calc(100vw*(4/375));
	color:#fe5050;
	margin-bottom:calc(100vw*(30/375));
}

.vnd_input_box.fail {
	border-color:#fe5050;
}

.vnd_input {
	font-size:calc(100vw*(25/375));
	font-weight:500;
	font-family:'pretendard';
}

.vnd_textarea_group {
	width:100%;
	min-height:calc(100vw*(80/375));
	max-height:calc(100vw*(80/375));
	border:1px solid #dadeef;
	border-radius:calc(100vw*(12/375));
	padding:calc(100vw*(20/375)) calc(100vw*(25/375));
	margin:calc(100vw*(15/375)) 0 calc(100vw*(35/375));
}

.vnd_text {
	width:100%;
	resize:none;
	font-size:calc(100vw*(16/375));
	color:#111;
	max-height:calc(100vw*(50/375));
	min-height:calc(100vw*(50/375));
}

.text_length {
	display:flex;
	font-size:calc(100vw*(12/375));
	color:rgba(0,0,0,0.3);
	position:absolute;
	bottom:calc(100vw*(15/375));
	right:calc(100vw*(20/375));
}

.alix_modal .com_modal_box {
	background-color:#f6f6f6;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:calc(100vw*(25/375)) calc(100vw*(20/375));
	max-height:100vh;
}

.alix_modal .vnd_okay {
	width:calc(100vw*(60/375));
	margin: 0 auto;
}

.alix_subtit {
	margin:calc(100vw*(20/375)) 0 calc(100vw*(15/375));
	font-size:calc(100vw*(15/375));
	color:rgba(22,22,22,0.5)
}

.alix_num {
	font-size:calc(100vw*(26/375));
	font-weight:400;
	display:flex;
	align-itmes:center;
	gap:calc(100vw*(4/375));
	line-height:calc(100vw*(23/375));
}

.alix_num span {
	font-size:calc(100vw*(30/375));
	font-weight:600;
	line-height:calc(100vw*(23/375));
}

.alix_box {
	width:100%;
	min-height:calc(100vw*(437/375));
	background:url(../image/sub/alix_bg.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	margin-top:calc(100vw*(30/375));
	padding:calc(100vw*(25/375)) calc(100vw*(20/375));
	display:flex;
	flex-direction:column;
	padding-bottom:calc(100vw*(60/375));
	margin-bottom:calc(100vw*(20/375));
}

.alix_subtitle {
	font-size:calc(100vw*(12/375));
	color:#c5c5c5;
	font-weight:400;
}

.alix_name{
	text-transform:uppercase;
	margin:calc(100vw*(15/375)) 0 calc(100vw*(10/375));
	font-size:calc(100vw*(18/375));
	font-weight:500;
}

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

.alix_bottom_row {
	display:flex;
	flex-direction:column;
	gap:calc(100vw*(8/375));
}

.alix_bottom_val {
	font-size:calc(100vw*(18/375));
	font-weight:500;
}

.alix_bottom_val span {
	font-weight:400;
	font-size:calc(100vw*(14/375));
}
/* END VND */



/* 회원가입 KYC인증 */
#camera_ready {
	display:flex;
	flex-direction:column;
	flex:1;
}

#camera_start video {
	display: block;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10;
}

#camera_start canvas {
	position: absolute;
	top: 35%;
	left: 50%;
	transform:translate(-50%,-50%);
	z-index:100;
	pointer-events: none; /* 캔버스는 클릭이 되지 않도록 설정 */
}

#camera_start .camera_button {
	position: absolute;
	bottom: 20vh;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px 20px;
	font-size: 16px;
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	border: none;
	border-radius: calc(100vw * (5/375));
	z-index:101;
}

#camera_start {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100vw;
	height:100vh;
	z-index:98;
}

.com_modal_up.check_modal{
	transform: translateY(0%);
	display:none;
	background-color:var(--background-color);
}

.com_modal_up.check_modal_imgchk{
	transform: translateY(0%);
	display:none;
	background-color:var(--background-color);
}

.com_modal_up.check_modal .modal_xbtn {
	width: calc(100vw * (32 / 375));
	height: calc(100vw * (32 / 375));
    position: absolute;
    top: calc(100vw * (14 / 375));
    right: calc(100vw * (16 / 375));
    background: url('../image/sub/up_x_btn_popup.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
    margin-top: 0;
}

.com_modal_up.check_modal_imgchk .modal_xbtn {
	width: calc(100vw * (32 / 375));
	height: calc(100vw * (32 / 375));
    position: absolute;
    top: calc(100vw * (14 / 375));
    right: calc(100vw * (16 / 375));
    background: url('../image/sub/up_x_btn_popup.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
    margin-top: 0;
}

.com_modal_up.check_modal_imgchk .com_modal_box {
	max-height: unset;
    height: 100dvh;
    border-radius: 0;
    padding: calc(100vw * (14 / 375)) calc(100vw * (16 / 375)) calc(100vw * (20 / 375));
    background-color: var(--background-color);
    position: absolute;
    top: 0;
    left: 0;
	width:100%;
	.check_modal_img {
		text-align:center;
	}
}
.check_modal_imgchk .check_modal_txt {
    font-size: calc(100vw * (12 / 375));
    color: var(--gray-color2);
    text-align: center;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: calc(100vw * (-0.24 / 375));
    margin-bottom: calc(100vw * (14 / 375));
}
.com_modal_up.check_modal .modal_title {
	line-height:2;
	color:var(--block-color);
}
.com_modal_up.check_modal_imgchk .modal_title {
	line-height:2;
	color:var(--block-color);
}
.com_modal_up.check_modal .com_modal_box {
	max-height:unset;
	height:100dvh;
	border-radius:0;
	padding:calc(100vw * (14/375)) calc(100vw * (16/375)) calc(100vw * (20/375));
	background-color:var(--background-color);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	.check_modal_img {
		text-align:center;
	}
}
.check_modal .modal_inner {
/*	max-height: calc(100vw * (400 / 375));*/
	max-height: calc(100% - (100vw * (142 / 375)));
    overflow-y: auto;
	margin:calc(100vw * (20 / 375)) 0;
}
.check_modal .modal_inner .info_modal_detail {
	padding: calc(100vw * (20/375)) 0;
}
.check_modal .modal_inner .info_modal_detail .input_group {
	display:flex;
	flex-direction:column;
	gap: calc(100vw * (30 / 375));
}
.check_modal .modal_inner .info_modal_detail .input_group .input_items {
	display:flex;
	flex-direction:column;
	gap: calc(100vw * (12 / 375));
}
.check_modal .modal_inner .info_modal_detail .input_group .input_items > span {
	font-size:calc(100vw * (14 / 375));
	color:var(--gray-color2);
}
.check_modal .modal_inner .info_modal_detail .input_group .select_box {
	display:flex;
	flex-wrap:wrap;
	gap:calc(100vw * (8 / 375));
	border-radius: calc(100vw * (8 / 375));
    font-weight: 400;
}

.check_modal .modal_inner .info_modal_detail .input_group .select_box label {
	width:calc((100% - (100vw * (8/375))) / 2);
}
.check_modal .modal_inner .info_modal_detail .input_group .select_box label input {
	display:none;
}

.check_modal .modal_inner .info_modal_detail .input_group .select_box label span {
	border:1px solid #D6D9E0;
	border-radius:calc(100vw * (8 / 375));
	width:100%;
	display:flex;
	align-items: center;
    justify-content: center;
    padding: 0 calc(100vw * (10 / 375));
	background-color:var(--background-color);
	color:var(--gray-color2);
	font-size:calc(100vw * (16 / 375));
	font-weight:600;
	height:calc(100vw * (50 / 375));
	box-sizing:border-box;
}
.check_modal .modal_inner .info_modal_detail .input_group .select_box label input:checked + span {
	border:2px solid var(--main-color);
	color:var(--main-color);
}
.check_modal .modal_inner .info_modal_detail .input_group .input_items input {
	border-radius: 0;
	background: var(--background-color);
	font-size: calc(100vw * (16 / 375));
	color: var(--block-color);
	font-weight:600;
	padding: 0;
	height: calc(100vw * (50/375));
	border-bottom:1px solid var(--border-color);
}

.check_modal .modal_inner .info_modal_detail .input_group .input_items input:focus {
	border-bottom:2px solid var(--main-color);
}
.check_modal .com_btn_group .com_btn.unable {
	border:0;
	background-color:var(--btn-unable-color);
}

/* END - 회원가입 KYC인증 */




/* 회원가입 내국인 외국인 */
.signup_wrap .type_row {
	display:flex;
	margin-top:calc(100vw * (10/375));
	gap:calc(100vw * (6/375));
}
.signup_wrap .type_row label {
	flex:1;
	border-radius: calc(100vw * (10/375));
	border: 1px solid var(--border-color);
	min-height: calc(100vw * (62/375));
	display:flex;
	align-items:center;
	justify-content:center;
	color: var(--gray-color);
	font-size: calc(100vw * (16/375));
	font-weight: 600;
	background: #FFF;
}
.signup_wrap .type_row label.on {
	border-color:var(--main-color);
	color:var(--main-color);
}

.signup_wrap .type_row label input {
	display:none;
}
.signup_wrap .recommend.none {
	display:none;
}
.signup_wrap .recommend.on {
	height:auto;
	opacity:1;
}

/* END - 회원가입 내국인 외국인 */



/*송금하기 내역*/

.gift-history-wrapper{
	margin-bottom: calc(100vw * (30/375));
}

.gift-history-list{
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (8/375));
}
.gift-history__item{
	display: flex;
	padding: calc(100vw * (15/375)) calc(100vw * (12/375));
	flex-direction: column;
	gap: calc(100vw * (8/375));
	border-radius: calc(100vw * (12/375));
	background: #FFF;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.04);
}
.item-header{
	color: var(--main-color);
	display: flex;
	align-items: center;
	gap: calc(100vw * (4/375));
	font-weight: 600;
	font-size: calc(100vw * (14/375));
}
.item-body{
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (8/375));
}
.item-body__row{
	display: flex;
	align-items: flex-start;
	gap: calc(100vw * (8/375));
	justify-content: space-between;
}
.item-body__id{
	font-size: calc(100vw * (16/375));
	font-weight: 500;
	color: var(--block-color);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.item-body__amount{
	flex-shrink: 0;
	font-size: calc(100vw * (16/375));
	font-weight: 600;
}

.item-body__sub{
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	color: var(--gray-color2);
}

/* PAY */

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

.pv_title {
    font-size: calc(100vw * (27/375));
    font-weight: 700;
    line-height: 1.25em;
    margin: calc(100vw * (20/375)) 0;
}

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

.pv_text {
    font-size: calc(100vw * (15/375));
    font-weight: 500;
    margin: calc(100vw * (44/375)) 0 calc(100vw * (14/375));
}
.pv_login_group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(100vw * (10/375));
    background-color: #fff;
    border: 2px solid rgba(157, 157, 157, 0.2);
    border-radius: calc(100vw * (8/375));
    padding: calc(100vw * (14/375));
}

.pv_btn {
    background-color: #3e3f40;
    border-radius: calc(100vw * (5/375));
    color: #fff;
    font-size: calc(100vw * (14/375));
    font-weight: 500;
    padding: calc(100vw * (5/375)) calc(100vw * (18/375));
}

.pv_txt {
    font-size: calc(100vw * (14/375));
    line-height: 1.4em;
    color: #848484;
    font-weight: 500;
    margin: calc(100vw * (10/375)) 0 calc(100vw * (30/375));
}

.pv_notice {
    background-color: #e4e4e4;
    border-radius: calc(100vw * (10/375));
    padding: calc(100vw * (28/375)) calc(100vw * (22/375));
}

.pv_notice_title {
    color: #262626;
    font-size: calc(100vw * (15/375));
    font-weight: 600;
}
.pv_notice_txt {
    color: #999;
    font-size: calc(100vw * (13/375));
    font-weight: 400;
    line-height: 1.6em;
    display: flex;
    flex-direction: column;
    gap: calc(100vw * (4/375));
    margin-top: calc(100vw * (15/375));
}
.pv_notice_txt span {
    padding-left: calc(100vw * (8/375));
    text-indent: calc(100vw * (-8/375));
}
.pv_button {
    width: 100%;
    padding: calc(100vw * (16/375));
    border-radius: calc(100vw * (6/375));
    font-size: calc(100vw * (16/375));
    color: #fff;
    font-weight: 600;
    background: linear-gradient(99deg, #2B66F6 0%, #1951D8 100%), #215BE6;
    margin-top: calc(100vw * (40/375));
}

.ps_input_group {
    display: flex;
    flex-direction: column;
    gap: calc(100vw * (12/375));
    margin-bottom: calc(100vw * (20/375));
}

.ps_input_group.sky_bg .ps_input {
    font-size: calc(100vw * (10/375));
    background-color: #e6ebf1;
    color: #111;
}

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

.ps_input {
    padding: calc(100vw * (16/375)) calc(100vw * (20/375));
    background-color: #fff;
    border-radius: calc(100vw * (8/375));
}

.ps_input_txt {
    text-align: center;
    font-size: calc(100vw * (12/375));
    color: #777;
    line-height: 1.6em;
    margin-top: calc(100vw * (10/375));
}

.ps_button_group {
    display: flex;
    align-items: center;
    gap: calc(100vw * (10/375));
	margin-top : auto;
}

.ps_button_group .pv_button { flex: 5; }
.ps_button_group .pv_button.unable { flex: 2; background: #b3b5b8; }

.pay_wrap .pay_title {
	font-size : calc(100vw * (24/375));
	font-weight:600;
	margin-bottom:calc(100vw * (24/375));
}

.pay_wrap .pay_subtitle {
	font-size : calc(100vw * (18/375));
	font-weight:400;
	margin-bottom:calc(100vw * (24/375));
}
/* END PAY */


/* 공지사항 */
/* overlay */
.lpPopup-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.55);
  display:flex;
  justify-content:center;
  align-items:center;
  padding:20px;
  z-index:9999;
  display:none;
}

/* popup box */
.lpPopup-wrap{
  width:100%;
  max-width:420px;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,0.25);
  animation:lpPopup-show .25s ease;
}

/* header */
.lpPopup-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 20px;
  font-size:17px;
  font-weight:600;
  border-bottom:1px solid #f2f2f2;
}

.lpPopup-close{
  font-size:22px;
  cursor:pointer;
  color:#888;
}

/* content */
.lpPopup-content{
  padding:22px 20px;
  text-align:center;
  line-height:2.5;
  color:#444;
  font-size:15px;
  font-family: 'Pretendard', sans-serif;
}

.lpPopup-content img{
  width:100%;
  border-radius:12px;
  margin-bottom:14px;
}

/* footer */
.lpPopup-footer{
  padding:16px 20px 20px 20px;
}

/* 오늘 하루 */
.lpPopup-today{
  display:flex;
  align-items:center;
  font-size:13px;
  color:#666;
  margin-bottom:12px;
}

.lpPopup-today input{
  margin-right:6px;
}

/* button */
.lpPopup-btn{
  width:100%;
  height:48px;
  border:none;
  border-radius:10px;
  background:#3b82f6;
  color:#fff;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
}

/* animation */
@keyframes lpPopup-show{
  from{ transform:translateY(30px); opacity:0; }
  to{ transform:translateY(0); opacity:1; }
}

/* END 공지사항 */




/* 추천인 */

/* 마이페이지 */
.my_recommend{
	margin-top: calc(100vw * (20/375));
}
.btn_request_recomm{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: calc(100vw * (62/375));
	padding: 0 calc(100vw * (16/375));
	border-radius: calc(100vw * (8/375));
	background: #fff;
	font-size: calc(100vw * (15 / 375));
	box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.12);
	font-weight: 500;
}
.btn_request_recomm::after{
	content:"";
	display: block;
	width:calc(100vw * (6/375));
	height:calc(100vw * (12/375));
	background-image: url('../image/common/g_link_renew.png');
    background-size: 100% 100%;
	background-repeat:no-repeat;
}
.btn_my_recomm{
	border: 1px solid var(--main-color);
	background: var(--box-bg-color);
}
/* //마이페이지 */



.recomm_body{
	display: flex;
	flex-direction: column;
	padding: 0 calc(100vw * (16 / 375));
	min-height: calc(100dvh - (100vw * (80 / 375)));
	margin-top: calc(100vw * (20 / 375));
}

.recomm_title{
	color: var(--block-color);
	font-size: calc(100vw * (24 / 375));
	font-weight: 600;
}

.recomm_regist_motive{
	margin-top: calc(100vw * (30 / 375));
}
.recomm_regist_motive label{
	display: block;
	color: var(--gray-color2);
	font-size: calc(100vw * (16 / 375));
	margin-bottom: calc(100vw * (10 / 375));
	text-indent: calc(100vw * (4 / 375));
}
.recomm_motive{
	width: 100%;
	height: calc(100vw * (130 / 375));
	padding: calc(100vw * (12 / 375));
	border-radius: calc(100vw * (8 / 375));
	background: #FFF;
	font-size: calc(100vw * (18 / 375));
}
.caution_global{
	margin-top: calc(100vw * (30 / 375));
}
.caution_title{
	color: var(--block-color);
	font-size: calc(100vw * (18 / 375));
	font-weight: 500;
	margin-bottom: calc(100vw * (20 / 375));
}
.caution_body li{
	padding-left: calc(100vw * (16 / 375));
	position: relative;
	font-size: calc(100vw * (16 / 375));
	color: var(--block-color);
	margin-bottom: calc(100vw * (12 / 375));
}
.caution_body li::before{
	content: "";
	display: block;
	position: absolute;
	top: calc(100vw * (6 / 375));
	left: calc(100vw * (5 / 375));
	width: calc(100vw * (3 / 375));
	height: calc(100vw * (3 / 375));
	border-radius: calc(100vw * (3 / 375));
	background: var(--block-color);
}
#btn_recomm_regist{
	margin-top: auto;
	margin-bottom: calc(100vw * (20 / 375));
}

.my_code_box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: calc(100vw * (8 / 375));
	background: var(--box-bg-color);
	border-radius: calc(100vw * (8 / 375));
	padding: 0 calc(100vw * (10 / 375)) 0 calc(100vw * (20 / 375));
	height: calc(100vw * (62 / 375));
	font-size: calc(100vw * (18 / 375));
	font-weight: 500;
	margin-bottom: calc(100vw * (10 / 375));
}
.my_code_box .btn_copy{
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100vw * (48 / 375));
	height: calc(100vw * (48 / 375));
}
.my_code_box .btn_copy img{
	width: calc(100vw * (30 / 375));
	height: calc(100vw * (30 / 375));
}
.recomm_link_list li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: calc(100vw * (18 / 375));
	font-weight: 500;
	height: calc(100vw * (66 / 375));
}

.recomm_link_list li::after{
	content:"";
	display: block;
	width:calc(100vw * (6/375));
	height:calc(100vw * (12/375));
	background-image: url('../image/common/g_link_renew.png');
    background-size: 100% 100%;
	background-repeat:no-repeat;
}
.recomm_link_list li:active{
	background-color: var(--box-bg-color);
}

/* End 추천인 */


/*공통 슬라이드 팝업*/
.slide_pop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	visibility: hidden;
	transition: visibility 0.3s;
}

.slide_pop.active {
	visibility: visible;
}

.sp_modal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.slide_pop.active .sp_modal {
	opacity: 1;
}

.sp_body {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	border-radius: calc(100vw * (20 / 375)) calc(100vw * (20 / 375)) 0 0;
	padding: calc(100vw * (40 / 375)) calc(100vw * (20 / 375)) calc(100vw * (30 / 375));
	box-sizing: border-box;

	transform: translateY(100%);
	transition: transform 0.3s ease-out;
}

.slide_pop.active .sp_body {
	transform: translateY(0);
}

.sp_title{
	font-size: calc(100vw * (20 / 375));
	font-weight: 600;
	text-align: center;
	margin-bottom: calc(100vw * (12 / 375));
	color: var(--main-color)
}
.sp_text{
	font-size: calc(100vw * (16 / 375));
	text-align: center;
	line-height: 1.6;
}

.sp_btn_group{
	margin-top: calc(100vw * (30 / 375));
}
.btn_sp{
	display: flex;
	width: 100%;
	height: calc(100vw * (58 / 375));
	font-size: calc(100vw * (18 / 375));
	justify-content: center;
	align-items: center;
	border-radius: calc(100vw * (10 / 375));
	background: var(--main-color);
	color: #fff;
}
/*//공통 슬라이드 팝업*/


/* 공통 바텀시트 */



.sp_modal_up {
    position: fixed;
    top: 0;   /* 전체 화면을 덮도록 수정 */
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    visibility: hidden; /* 평소엔 숨김 */
    transition: visibility 0.5s;
	z-index: 9999;
}

/* 활성화 상태 (on 클래스) */
.sp_modal_up.on {
    visibility: visible;
}



/* 배경 딤 처리 */
.sp_modal_up .bg {
	display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0;
	visibility: hidden;
    transition: opacity 0.3s ease;
	z-index: 1;
}

.sp_modal_up.on .bg {
	display: block !important;
    visibility: visible;
    opacity: 0.5;
}

/* 팝업 박스 */
.sp_modal_box {
    position: absolute;
    bottom: calc(100vw * (12/375));
    left: calc(100vw * (12/375));
    width: calc(100vw - (100vw * (24/375)));
    background: #FFFFFF;
    border-radius: calc(100vw * (30/375));
    padding: calc(100vw * (35/375)) calc(100vw * (20/375)) calc(100vw * (30/375));
    
    transform: translateY(100%);
    transition: transform 0.3s ease-out;
    z-index: 2;
	max-height: 85vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.sp_modal_up.on .sp_modal_box {
    transform: translateY(0);
}

.sp_modal_up .modal_xbtn {
    position: sticky;        
    top: calc(100vw * (-35 / 375));
    z-index: 10;
    background-color: #ffffff;
    
    flex-shrink: 0;
    width: 100%;
    height: calc(100vw * (36/375));
    background-image: url('../image/sub/up_x_btn_renew.png');
    background-size: calc(100vw * (40/375)) calc(100vw * (5/375));
    background-position: center;
    background-repeat: no-repeat;
    margin-top: calc(100vw * (-35 / 375));
    cursor: pointer;
}

.sp_modal_box .sp_modal_title {

	position: sticky;
    top: calc(100vw * (1 / 375)); 
    z-index: 10;
    background-color: #ffffff;
    padding-bottom: calc(100vw * (10/375));

	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	font-size: calc(100vw * (18/375));
	margin-bottom: calc(100vw * (10/375));
}
/* //공통 바텀시트 */



/* 리워즈 내역 */

.reward_wrap{
	
}
.reward_wrap .point_switch .switch.active{
	color: var(--reward-color);
}
.reward_wrap .plus_have{
	background-color: var(--reward-color);
}

/* //리워즈 내역 */


/* mypage history button */
.btn_view_history{
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--block-color);
	font-weight: 600;
	font-size: calc(100vw * (16/375));
	border-radius: calc(100vw * (20/375));
	border: 1px solid var(--border-color);
	background: var(--box-bg-color);
	padding: 0 calc(100vw * (20/375));
	height: calc(100vw * (62/375));
}


/* history page */

/* history page */

.history_wrapper{
	position: relative;
	height: calc(100vh - (100vw * (60 / 375)));
	display: flex;
    flex-direction: column;
}

.history_wallet {
	position: relative;
    width: calc(100vw * (343 / 375));
	margin: 0 auto;
    background: #FFFFFF;
    border-radius: calc(100vw * (12 / 375));
    padding: calc(100vw * (20 / 375)) calc(100vw * (16 / 375));
    box-shadow: 0 0 calc(100vw * (26 / 375)) 0 rgba(85, 108, 116, 0.12);
}

.hs-wallet_label {
    font-size: calc(100vw * (14 / 375));
    color: var(--gray-color2);
	font-size: calc(100vw * (13 / 375));
    margin-bottom: calc(100vw * (10 / 375));
}

.hs-wallet_amount {
    display: flex;
    align-items: baseline;
    gap: calc(100vw * (4 / 375));
    color: var(--block-color);
    font-weight: 500;
}

.hs-wallet_amount .unit {
    font-size: calc(100vw * (32 / 375));
}

.hs-wallet_amount .number {
    font-size: calc(100vw * (32 / 375));
    letter-spacing: -0.5px;
}

.hs-filter_wrapper {
    width: 100%;
    padding: 0 calc(100vw * (16 / 375));
	margin: calc(100vw * (26 / 375)) 0 calc(100vw * (16 / 375));
    box-sizing: border-box;
	flex-shrink: 0;
}

.hs-info_bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: calc(100vw * (15 / 375));
}

.hs-info_bar .count {
    font-size: calc(100vw * (14 / 375));
    color: #8E949E;
}

/* 전체 클릭 영역 버튼 스타일 */
.hs-filter_select_btn {
    display: flex;
    align-items: center;
    gap: calc(100vw * (10 / 375));
    font-size: calc(100vw * (14 / 375));
    color: var(--gray-color2);
}

.hs-divider {
    width: 1px;
    height: calc(100vw * (10 / 375));
    background: var(--border-color);
}

.hs-icon_filter {
    display: inline-block;
    width: calc(100vw * (18 / 375));
    height: calc(100vw * (18 / 375));
}

.hs-search_box {
    position: relative;
    width: 100%;
    height: calc(100vw * (62 / 375));
}

.hs-search_input {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw * (12 / 375));
    padding: 0 calc(100vw * (50 / 375)) 0 calc(100vw * (20 / 375));
    font-size: calc(100vw * (18 / 375));
	color: var(--block-color);
}

.hs-search-input::placeholder {
    color: var(--placeholder);
}

.hs-btn_search {
    position: absolute;
    right: calc(100vw * (0 / 375));
    top: 50%;
    transform: translateY(-50%);
    width: calc(100vw * (52 / 375));
    height: calc(100vw * (52 / 375));
    background: url('../image/icon_search.png') no-repeat center / contain;
    border: none;
    cursor: pointer;
}
.hs-summary_wrapper{
	padding: 0 calc(100vw * (16 / 375));
	flex-shrink: 0;
}
.hs-summary_wrapper.hs-row1 .hs-summary_item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
}
.hs-summary_box {
    display: flex;
    align-items: center;
    background: var(--box-bg-color);
    border-radius: calc(100vw * (12 / 375));
    padding: calc(100vw * (20 / 375)) calc(100vw * (14 / 375));
	gap: calc(100vw * (13 / 375));
}

.hs-summary_item {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.hs-amount-group{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.hs-income {
    align-items: flex-end;
    text-align: right;
}

.hs-expense {
    align-items: flex-end;
    text-align: right;
}

.hs-label {
    font-size: calc(100vw * (14 / 375));
    color: var(--gray-color2);
    margin-bottom: calc(100vw * (4 / 375));
}

.hs-amount {
    font-size: calc(100vw * (18 / 375));
    font-weight: 600;
	letter-spacing: -0.5px;
    margin-bottom: calc(100vw * (10 / 375));
}

.hs-income .hs-amount {
    color: var(--main-color);
}

.hs-expense .hs-amount {
    color: var(--block-color);
}

.hs-count {
    font-size: calc(100vw * (13 / 375));
    color: var(--gray-color2);
}

.hs-summary_divider {
    width: 1px;
    height: calc(100vw * (60 / 375));
    background: var(--border-color);
}
.hs-list-group{
	padding: 0 calc(100vw * (16 / 375));
	margin-top: calc(100vw * (30 / 375));
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: calc(100vw * (20 / 375));
	overflow-y: auto;
}

.hs-history_empty{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
    flex: 1;
    max-height: 60vh;
	padding: 0 calc(100vw * (20 / 375));
}
.hs-empty_title{
	font-size: calc(100vw * (20 / 375));
	color: var(--block-color);
	font-weight: 500;
	margin-top: calc(100vw * (20 / 375));
}
.hs-empty_desc{
	font-size: calc(100vw * (14 / 375));
	color: var(--gray-color2);
	margin-top: calc(100vw * (10 / 375));
}

.hs-history_item {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-bottom: 1px solid var(--border-color);
	padding-bottom: calc(100vw * (12 / 375));
	gap: calc(100vw * (6 / 375));
}

.hs-history_left {
    display: flex;
    gap: calc(100vw * (12 / 375));
}

.hs-history_icon {
    width: calc(100vw * (32 / 375));
    height: calc(100vw * (32 / 375));
    background: #D6D9E0;
    border-radius: calc(100vw * (8 / 375));
    display: flex;
    align-items: center;
    justify-content: center;
	flex-shrink: 0;
}

.hs-history_icon img {
    width: calc(100vw * (14 / 375));
	aspect-ratio: 30/51
}
.hs-history_info p:last-child{
	margin-bottom: 0;
}

.hs-history_title {
    font-size: calc(100vw * (16 / 375));
    font-weight: 600;
    color: var(--block-color);
	margin-bottom: calc(100vw * (8 / 375));
}

.hs-history_date,
.hs-history_type,
.hs-history_name,
.hs-history_email{
    font-size: calc(100vw * (13 / 375));
    color: var(--gray-color2);
	margin-bottom: calc(100vw * (6 / 375));
}
.hs-history_email{
	color: var(--block-color);
	display: block;
    width: 100%;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    overflow: visible;
}
.hs-history_email .btn-copy {
    display: inline-block;
    vertical-align: middle;
}

.hs-history_status {
    font-size: calc(100vw * (14 / 375));
    color: var(--block-color);
}

.hs-history_right {
    text-align: right;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
	flex-shrink: 0;
}

.hs-history_amount {
    font-size: calc(100vw * (16 / 375));
    font-weight: 600;
    color: var(--block-color);
	letter-spacing: -0.5px;
	margin-bottom: calc(100vw * (8 / 375));
}

.hs-history_amount.hs-plus{
    color: var(--main-color);
}
.hs-history_amount.hs-minus{
    color: var(--block-color);
}


/* 필터 그룹 레이아웃 */
.filter_group { 
	margin-bottom: calc(100vw * (20 / 375)); 
}
.filter_label { 
    font-size: calc(100vw * (16 / 375)); 
    color: var(--gray-color2); 
    margin-bottom: calc(100vw * (12 / 375)); 
}

/* 그리드 배치 */
.filter_grid { 
	display: grid; 
	gap: calc(100vw * (6 / 375)); 

}
.filter_grid.col_3 { 
	grid-template-columns: repeat(3, 1fr); 
}
.filter_grid.col_2 { 
	grid-template-columns: repeat(2, 1fr); 
}

/* 라디오 버튼 스타일링 */
.filter_grid label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vw * (48 / 375));
    border: 1px solid var(--border-color);
    border-radius: calc(100vw * (8 / 375));
    font-size: calc(100vw * (14 / 375));
    color: var(--block-color);
    background: #fff;
    cursor: pointer;
    transition: all 0.2s;
}

/* 선택된 상태 (checked) */
.filter_grid input:checked + label {
    background: var(--item-bg-color);
    color: var(--block-color);
    font-weight: 600;
}

/* 하단 버튼 영역 */
.filter_footer { 
    display: flex; 
    gap: calc(100vw * (10 / 375)); 
    margin-top: calc(100vw * (20 / 375)); 
}

.btn-popup-inner{
    height: calc(100vw * (58 / 375));
    border: 1px solid var(--border-color);
    border-radius: calc(100vw * (10 / 375));
    background: #fff;
	font-weight: 600;
    font-size: calc(100vw * (18 / 375));
	padding: 0 calc(100vw * (10 / 375));
}

.btn-popup-inner.is-active {
    background: var(--main-color);
    color: #fff;
	border: none;
}
.btn-popup-inner:disabled {
    background: var(--btn-unable-color);
    color: var(--gray-color);
	border: none;
}

.btn_reset{
	flex: 1;
}
.btn_apply{
	flex: 2;
}


.filter_period_setting {
    display: none;
	grid-column: span 3;
    align-items: center;
    justify-content: space-between;
    padding: 0 calc(100vw * (12 / 375));
    height: calc(100vw * (44 / 375));
    background-color: #F3FCFF;
    border: 1px solid #B0E8FF;
    border-radius: calc(100vw * (8 / 375));
    margin-top: calc(100vw * (10 / 375));
}
#manual:checked ~ .filter_period_setting {
    display: flex;
}

.date_input_box {
    position: relative;
    display: flex;
    align-items: center;
	justify-content: space-between;
    flex: 1;
}
.hidden_date_input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
    -webkit-appearance: none;
}
.hidden_date_input::-webkit-calendar-picker-indicator {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
}
.date_input_box input[type="date"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}


.date_text {
    font-size: calc(100vw * (14 / 375));
    color: var(--block-color);
    font-weight: 500;
}

.icon_cal {
    display: inline-block;
    width: calc(100vw * (20 / 375));
    height: calc(100vw * (20 / 375));
    background: url('/image/sub/icon_calendar.svg') no-repeat center / contain; 
}

.swung_dash {
    font-size: calc(100vw * (16 / 375));
    color: var(--block-color);
    margin: 0 calc(100vw * (10 / 375));
}
.history_tab_wrap{
	display: flex;
	align-items: center;
	padding: 0 calc(100vw * (16 / 375));
	width: 100%;
	height: calc(100vw * (52 / 375));
	top: calc(100vw * (60 / 375));
	z-index: 2;
	background: var(--background-color);
	position: fixed;
}

.hs-tab_item{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	border-bottom: calc(100vw * (1 / 375)) solid var(--border-color);
	font-size: calc(100vw * (17 / 375));
	font-weight: 600;
	color: var(--gray-color);
	padding: calc(100vw * (10 / 375));
}
.hs-tab_item.is-active{
	color: var(--block-color);
	border-bottom: calc(100vw * (2 / 375)) solid var(--block-color);
}


.history_tab_wrap + * {
    margin-top: calc(100vw * (80 / 375)) !important;
}



/* 공통 컬러 및 초기화 */
.res-modal_container { background: #fff; width: 100%; }
.res-plus_text { color: #007BFF !important; }
.res-minus_text { color: #333 !important; }

/* 헤더: 유저 정보 및 합계 */
.res-history_header {
    text-align: center;
    padding: calc(100vw * (10 / 375)) 0;
    border-bottom: 1px solid var(--block-color);
}

.res-user_name {
    font-size: calc(100vw * (22 / 375));
    font-weight: 600;
    color: var(--block-color);
    margin-bottom: calc(100vw * (8 / 375));
}

.res-user_email {
    font-size: calc(100vw * (14 / 375));
    color: var(--gray-color2);
    margin-bottom: calc(100vw * (20 / 375));
}



.res-summary_item {
    font-size: calc(100vw * (14 / 375));
	margin-bottom: calc(100vw * (8 / 375));
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.res-summary_item .label { 
	color: var(--gray-color2); 
	margin-right: 4px; 
}
.res-summary_item .value{
	margin-left: auto;
	font-weight: 600;
	letter-spacing: -0.5px;
}
.history_wrapper i{
	font-style: normal;
}
.res-summary_item .count { 
	color: var(--gray-color2); 
	margin-left: 4px; 
}

/* 리스트 아이템 스타일 */



.res-history_item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: calc(100vw * (20 / 375)) 0;
    border-bottom: 1px solid var(--border-color);
}

.res-history_item:last-child { border-bottom: none; }

.res-history_item .item_name {
    font-size: calc(100vw * (16 / 375));
    font-weight: 600;
    color: var(--block-color);
    margin-bottom: calc(100vw * (4 / 375));
}

.res-history_item .item_date {
    font-size: calc(100vw * (13 / 375));
    color: var(--gray-color2);
}

.res-history_item .item_amount {
    font-size: calc(100vw * (16 / 375));
    font-weight: 600;
	letter-spacing: -0.5px;
}



/* 공용팝업 시작 */


body.is-popup-open {
    overflow: hidden !important;
    touch-action: none; /* 터치 스크롤 방지 */
    -webkit-overflow-scrolling: none;
}
.sp-modal_up {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    visibility: hidden;
    transition: visibility 0.5s;
	z-index: 9999;
}

/* 활성화 상태 (on 클래스) */
.sp-modal_up.on {
    visibility: visible;
}



/* 배경 딤 처리 */
.sp-modal_up .bg-dim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0;
	visibility: hidden;
    transition: opacity 0.3s ease;
	z-index: 1;
}

.sp-modal_up.on .bg-dim {
    visibility: visible;
    opacity: 0.5;
}

/* 팝업 박스 */
.sp-modal_box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100vw - (100vw * (24 / 375)));
    background: #FFFFFF;
    border-radius: calc(100vw * (30/375));
    padding: calc(100vw * (35/375)) calc(100vw * (20/375)) calc(100vw * (20/375));
    box-sizing: border-box;
    
    transform: translateY(100%);
    transition: transform 0.3s ease-out;
    z-index: 2;
	max-height: 85vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
	margin: 0 calc(100vw * (12/375)) calc(100vw * (12/375));
}

.sp-modal_up.on .sp-modal_box {
    transform: translateY(0);
}

.sp-modal_up .modal_xbtn {
    position: sticky;        
    top: calc(100vw * (-35 / 375));
    z-index: 10;
    background-color: #ffffff;
    
    flex-shrink: 0;
    width: 100%;
    height: calc(100vw * (36/375));
    background-image: url('../image/sub/up_x_btn_renew.png');
    background-size: calc(100vw * (40/375)) calc(100vw * (5/375));
    background-position: center;
    background-repeat: no-repeat;
    margin-top: calc(100vw * (-35 / 375));
    cursor: pointer;
}

.sp-modal_box .sp-modal_title {

	position: sticky;
    top: calc(100vw * (1 / 375)); 
    z-index: 10;
    background-color: #ffffff;
    padding-bottom: calc(100vw * (10/375));

	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	font-size: calc(100vw * (18/375));
	margin-bottom: calc(100vw * (10/375));
}
/* //공통 바텀시트 */



.icon-shortcut-w{
	width: calc(100vw * (20/375));
	height: calc(100vw * (20/375));
	aspect-ratio: 1/1;
}


/*알림푸쉬*/
.push_wrapper {
    margin-top: calc(100vw * (21 / 375));
}
.push_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: calc(100vw * (30 / 375));
    padding-left: calc(100vw * (10 / 375));
}
.push_item.push_all {
    margin-bottom: calc(100vw * (36 / 375));
    padding-left: 0;
}
.push_wrapper .push_item .left {
    font-weight: 400;
    font-size: calc(100vw * (17 / 375));
}
.push_item.push_all .left {
    font-weight: 500;
    font-size: calc(100vw * (18 / 375));
}

/*//알림푸쉬*/


/*공용 모달*/

.com_modal_up .bg {
	width: 100vw;
	height: 200vh;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	bottom: 0;
	left: 0;
	display: none;
}
.com_modal_up {
	transform: translateY(100%);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999;
	transition: 0.2s ease-in-out;
	display: flex;
	flex-direction: column;
}
.com_modal_up .modal_xbtn {
	width: 100%;
	height:calc(100vw * (36/375));
	position: relative;
	top: auto;
	left: auto;
	flex-shrink: 0;
	z-index: 3;
	background-image:url('../image/sub/up_x_btn_renew.png');
	background-size: calc(100vw * (40/375)) calc(100vw * (5/375));
	background-position:center;
	background-repeat:no-repeat;
/*    margin-top: calc(100vw * (-25 / 375));*/
	img {
		display:none;
	}
}

.com_modal_up .modal_title {
	font-size: calc(100vw * (18/375));
	font-weight: 600;
	margin-bottom:calc(100vw * (20/375));
	flex-shrink: 0;
}
.com_modal_up .modal_desc {
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	margin-bottom:calc(100vw * (20/375));
}
.com_modal_up .com_modal_box {
	margin: auto calc(100vw*(12 / 375)) calc(100vw*(12 / 375));
	padding: 0 calc(100vw*(20 / 375)) calc(100vw*(20 / 375));
	background-color: #fff;
	border-radius: calc(100vw*(30 / 375));
	position: relative;
	display: flex;
	flex-direction: column;
	max-height: 80vh;
	overflow: hidden;
}
.com_modal_box .scroll_inner {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	flex: 1;
}

.mycard_wrap{
	display: flex;
	padding: calc(100vw*(30 / 375)) calc(100vw*(20 / 375));
	align-items: center;
	justify-content: space-between;
	gap: calc(100vw*(10 / 375));
	border-radius: calc(100vw*(20 / 375));
	background: #FFF;
	box-shadow: var(--box-shadow);
	min-height: calc(100vw*(112 / 375));
	margin: calc(100vw*(20 / 375)) calc(100vw*(16 / 375)) 0;
}
.card_balance_box .title{
	font-size: calc(100vw*(14 / 375));
	color: var(--block-color);
	margin-bottom: calc(100vw*(8 / 375));
}
.card_balance_box .balance{
	font-size: calc(100vw*(28 / 375));
	font-weight: 600;
	color: var(--block-color);
	margin-bottom: calc(100vw*(4 / 375));
}
.mycard_wrap .msg{
	font-size: calc(100vw*(20 / 375));
	font-weight: 500;
	color: var(--block-color);
}
.mycard_wrap .d-card{
	flex-shrink: 0;
}
.mycard_wrap .d-card img{
	width: calc(100vw*(45 / 375));
	transform: rotate(90deg);
}
.btn_charging{
	margin: 0 calc(100vw*(16 / 375));
}

.card_wrap .mc_pause {
	color:#ff4c4c;
}

.card_reissue_btn{
	margin: 0 calc(100vw*(16 / 375));
}


.diagram_wrap{
	margin-top: calc(100vw * (30/375));
}
.diagram_wrap .title{
	font-size: calc(100vw * (14/375));
	text-align: center;
	font-weight: 600;
	color: var(--gray-color2);
}
.card_now_icon {
	width: 100%;
	margin-top: calc(100vw * (10/375));
	aspect-ratio: 622/188
}
.up_box .com_btn{
	height: calc(100vw * (52/375));
}




.card_wrap .lost_img {
	font-size: calc(100vw * (16 / 375));
    font-weight: 400;
	width: 100vw;
	height: calc(100vw * (401 / 375));
	position: relative;
	background: url('/image/sub/bg_lost-card.png') top center no-repeat;
	background-size: calc(100vw * (375 / 375)) calc(100vw * (401 / 375));
	padding: calc(100vw * (48 / 375)) calc(100vw * (40 / 375));
}

.card_wrap .lost_img .d-card {
	width: calc(100vw * (190/375));
	margin: calc(100vw * (30/375)) auto 0;
/*	animation: a_ud 3s ease-in-out infinite alternate-reverse;*/
}
.select-box_global{
	margin-top: calc(100vw * (30/375));
}
.select-box_global .title{
	margin-bottom: calc(100vw * (8/375));
	color: var(--gray-color);
	font-size: calc(100vw * (16/375));
	font-weight: 400;
}
.card_exit_reason {
	padding:calc(100vw * (19/375)) calc(100vw * (21/375));
	border-radius:calc(100vw * (10/375));
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:calc(100vw * (18/375));
	color:var(--block-color);
	border:1px solid var(--border-color);
	font-weight:500;
}

.cd-hero-section{
	width: 100vw;
	height: calc(100vw * (445 / 375));
	position: relative;
	background: url('/image/sub/bg_card_guide.png') top center no-repeat;
	background-size: calc(100vw * (375 / 375)) calc(100vw * (445 / 375));
	padding: calc(100vw * (70 / 375)) calc(100vw * (40 / 375)) 0;
	overflow: hidden;
}
.title_wrap{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.title_wrap img{
	width: calc(100vw * (146 / 375));
}
.title_wrap .title{
	font-size: calc(100vw * (24 / 375));
	font-weight: 700;
	margin-top: calc(100vw * (20 / 375));
	text-align: center;
	line-height: 1.2;
}
.cd-hero-section .d-card{
	margin-top: calc(100vw * (126 / 375));
}
.cd-hero-section .d-card img{
	width: calc(100vw * (254 / 375));
	transform: rotate(90deg);
}

.accordion_global{
	margin: calc(100vw * (48/375)) calc(100vw * (16/375)) calc(100vw * (80/375));
}
.acc_item {
	background: #fff;
	border-radius: calc(100vw * (10/375));
	margin-bottom: calc(100vw * (10/375));
	overflow: hidden;
	box-shadow: 0 6px 12px 0 rgba(129, 138, 142, 0.12);
}
.acc_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(100vw * (30/375)) calc(100vw * (16/375));
}
.acc_title {
	font-size: calc(100vw * (18/375));
	font-weight: 600;
	color: var(--block-color);
}
.acc_icon {
	width: calc(100vw * (21/375));
	height: calc(100vw * (21/375));
	background-image: url('/image/sub/icon_arrow_down.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transition: transform 0.25s;
}
.acc_item.open .acc_icon {
	transform: rotate(180deg);
}
.acc_body {
	max-height: 0;
	overflow-y: auto;
	transition: max-height 0.3s ease;
}
.acc_item.open .acc_body {
	max-height: 600px;
}
.acc_body_inner {
	padding: 0 calc(100vw * (16/375)) calc(100vw * (20/375));
}
.cg_step { 
	margin-bottom: calc(100vw * (20/375)); 
}
.cg_step_title {
	font-size: calc(100vw * (16/375));
	font-weight: 600;
	margin-bottom: calc(100vw * (8/375));
	position: relative;
}
.cg_step_desc {
	font-size: calc(100vw * (16/375));
	line-height: 1.6;
	padding-left: calc(100vw * (16/375));
	position: relative;
}
.unordered{
	padding-left: calc(100vw * (16/375));
}
.unordered::before{
	content: "";
	display: block;
	width: calc(100vw * (3 / 375));
	height: calc(100vw * (3 / 375));
	background-color: var(--block-color);
	border-radius: 100%;
	position: absolute;
	left: calc(100vw * (4 / 375));
	top: calc(100vw * (6 / 375));
}
.cg_step_desc.unordered::before{
	top: calc(100vw * (11 / 375));
}

.google_login{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(100vw * (10 / 375));
	width: 100%;
	height: calc(100vw * (62 / 375));
	border-radius: calc(100vw * (20 / 375));
	background: #FFF;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.01);
	font-size: calc(100vw * (18 / 375));
	font-weight: 600;
	color: var(--block-color);
}
.reviewer{
	border-radius: calc(100vw * (20 / 375));
	font-size: calc(100vw * (18 / 375));
	font-weight: 600;
	color: var(--block-color);
	background: #FFF;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.01);
}

.bottom_wrap{
	margin: auto 0 0;
}
.remit_inner .input_row.remittance_balance_wrap{
	padding: 0;
	display: flex;
	background: unset;
	margin-top: calc(100vw * (20 / 375));
	max-width: 100%;
	height: auto;
	align-items: center;
	border-radius: 0;
	font-weight: 600;
	justify-content: flex-start;
	border: unset;
	gap: calc(100vw * (8 / 375));
}
.remit_inner .input_row.remittance_balance_wrap .label{
	color: var(--gray-color);
}
.remit_inner .remit2 .row1 span.sky{
	color: var(--block-color);
}

.remittance_total_wrap {
    display: flex;
    flex-direction: column;
    gap: calc(100vw * (8/375));
}
.remittance_total_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.remittance_total_top .label{
	font-size: calc(100vw * (15/375));
	color: var(--gray-color);
}
.remittance_total_top #btn_amount_reset{
	display: flex;
	align-items: center;
	gap: calc(100vw * (3/375));
	color: var(--block-color);
	font-size: calc(100vw * (15/375));
}

.bank_up .com_btn_group .com_btn#btn_remittance_amount{
	width: 100%;
}
#remittance_point_str_pop{
	display: flex;
	padding: calc(100vw * (8/375)) calc(100vw * (5/375));
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-bottom: 1px solid var(--border-color);
	font-size: calc(100vw * (24/375));
	color: var(--main-color);
	font-weight: 600;
}


.c_charge_header {
	width: 100vw;
	height: calc(100vw * (292 / 375));
	position: relative;
	background: url('/image/sub/bg_charge.png') top center no-repeat;
	background-size: calc(100vw * (375 / 375)) calc(100vw * (292 / 375));
	padding: calc(100vw * (48 / 375)) calc(100vw * (40 / 375));
}
.c_charge_header .page-big-title{
	width: calc(100vw * (200 / 375));
}

.common_wrap.c_charge_wrapper{
	overflow: visible;
}

.charge_notice.charge_notice--modify{
	margin: calc(100vw * (30 / 375)) calc(100vw * (16 / 375)) calc(100vw * (60 / 375));
}
.charge_notice--modify .row2{
	margin-top: calc(100vw * (10 / 375));
}

.com_modal_up .com_btn{
	height: calc(100vw * (52 / 375));
}

.up_box.amount_box {
	padding: 0 0 calc(100vw * (20 / 375));
}
.up_box.amount_box .u_title {
	padding: 0 calc(100vw * (20 / 375)) 0;
}
.up_box.amount_box .scroll_inner{
    padding: 0 calc(100vw * (20 / 375)) 0;
}
.up_box.amount_box .point_grid{
    
}

.contact_wrap--etc{
	background: var(--background-color);
	height: 100vh;
}
.contact_wrap--etc .contact_switch{
	flex-shrink: 0;
	position: unset;
}
.contact_wrap--etc .etc_content_box{
	padding-top: calc(100vw * (40 / 375));
	padding-bottom: calc(100vw * (80 / 375));
	flex-glow: 1;
	overflow-y: auto;
}
.contact_wrap--etc .etc_content_box p{
	line-height: 1.6;
}


/* guide */
.visible_wrap{
	overflow: visible;
}


.guide_wrapper{
	padding-bottom: calc(100vw * (80 / 375));
}
.guide_header{
	height: calc(100vw * (603 / 375));
	background: url('/image/sub/bg_guide_header.png') top left no-repeat;
	background-size: cover;
}
.title_wrapper{
	padding: calc(100vw * (56 / 375)) 0 0 calc(100vw * (40 / 375));
}
.title_wrapper .logo{
	width: calc(100vw * (132 / 375));
	margin-bottom: calc(100vw * (20 / 375));
}
.title_wrapper .title{
	font-size: calc(100vw * (36 / 375));
	font-weight: 700;
	line-height: 1.2;
}

.guide_section{
	border-top: calc(100vw * (8 / 375)) solid var(--dvideColor);
}
.guide_section--first {
    border-top: none;
}

.guide_section .title_group{
	margin-top: calc(100vw * (100 / 375));
}
.guide_section .title_group .title{
	font-size: calc(100vw * (32 / 375));
	font-weight: 600;
	margin-bottom: calc(100vw * (12 / 375));
	text-align: center;
}
.guide_section .title_group .desc{
	font-size: calc(100vw * (16 / 375));
	margin-bottom: calc(100vw * (12 / 375));
	text-align: center;
	padding: 0 calc(100vw * (16 / 375));
	line-height: 1.4;
}
.guide-swiper{
	padding-bottom: calc(100vw * (100 / 375)) !important;
}
.guide-swiper .step_img{
	width: calc(100vw * (260 / 375));
}
.guide-swiper .step_desc{
	font-size: calc(100vw * (14 / 375));
	font-weight: 600;
	text-align: center;
	padding: 0 calc(100vw * (40 / 375));
}
.guide-swiper .item{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
}

.guide-swiper .swiper-pagination{
	bottom: calc(100vw * (60 / 375)) !important;
}
.guide_static {
	display: flex;
	justify-content: center;
}
.guide_static .step_img{
	width: calc(100vw * (342 / 375));
}