@charset "utf-8";



.pw_modal,
.pw_modal * {
    will-change: transform;
}

.daterangepicker {
		z-index:99999 !important;
}

textarea::placeholder,
input::placeholder {
    color: #A1A1A1;
}

.com_btn {
    text-align: center;
    background: #00A3E4;
    border-radius: calc(100vw * (18/375));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(100vw * (18/375));
    color: #FFF;
    margin-top: auto;
    padding: calc(100vw * (19/375)) 0;
    width: calc(100vw * (325/375));
    height: calc(100vw * (52/375));
    font-weight: 700;
}

.com_btn.unable {
    background: #E3E8E9;
    color: #C2C2C2;
}

.com_btn.gray {
    background-color: #E3E8E9;
    color: #000;
}

.com_btn_group {
    display: flex;
    gap: calc(100vw * (8/375));
    .com_btn {
        flex: 5;
    }
    .gray {
        flex: 3;
    }
}

.com_notice {
    display: flex;
    flex-direction: column;
    gap:calc(100vw * (12/375));
    .notice_title {
        font-size: calc(100vw * (16/375));
        font-weight: 700;
        color: #171717;
    }
    .notice_group {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (6/375));
    }
    .notice_group li {
        padding-left: calc(100vw * (22/375));
        font-size: calc(100vw * (15/375));
        color: #767676;
    }
    .notice_group li::before {
        content: '';
        width: calc(100vw * (4 / 375));
        height: calc(100vw * (4 / 375));
        border-radius: 50%;
        background-color: #767676;
        position: absolute;
        top: calc(100vw * (7 / 375));
        left: calc(100vw * (7 / 375));
    }
    .notice_link {
        font-size: calc(100vw * (13/375));
        color: #0093ce;
    }
}
.com_notice.warning {
    .notice_group li::before {
        background-color: #e00000;
    }
    .notice_group li {
        color: #e00000;
    }
}

.sub_wrap {
    padding-top: calc(100vw * (60/375));
    flex: 1;
    display: flex;
    flex-direction: column;
}

.com_modal_up {
    transform: translateY(100%);
    position: fixed;
    width: 100vw;
    height: 100vh;
    bottom: 0;
    left: 0;
    z-index: 9999;
    transition: 0.5s ease-in-out;
    display: flex;
    flex-direction: column;
	will-change: transform;
    .bg {
        display: none;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        width: 100vw;
        height: 200vh;
    }
    .com_modal_box {
        margin-top: auto;
        padding: 0 calc(100vw * (20/375)) calc(100vw * (25/375));
        background-color: #fff;
        border-radius: calc(100vw * (20/375)) calc(100vw * (20/375)) 0 0;
        max-height: 95vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .modal_title {
        font-size: calc(100vw * (13/375));
        font-weight: 700;
        margin-right: auto;
    }

    .modal_tit {
        font-size: calc(100vw * (12/375));
        color: #999;
        margin-top: calc(100vw * (8/375));
    }
    .modal_xbtn {
        width: calc(100vw * (48/375));
		padding:calc(100vw * (10/375));
        position: absolute;
        top: calc(100vw * (15/375));
        right: calc(100vw * (15/375));
        z-index: 3;
    }
    .modal_close {
        display: flex;
        justify-content: center;
    }
}

.com_modal_fade {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100vw;
    height: 100vh;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    .modal_fade_box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100vw * (300/375));
        background-color: #fff;
        border-radius: calc(100vw * (16/375));
        padding: calc(100vw * (30/375)) calc(100vw * (15/375));
        display: flex;
        flex-direction: column;
        align-self: center;
    }
	.com_btn {
		width:100%;
	}
}

.plus_input_box {
    padding: 0 calc(100vw * (20/375));
    height: calc(100vw * (58/375));
    border-radius: calc(100vw * (12/375));
    border: 1px solid #d8d9dd;
    width: 100%;
    text-align: right;
    margin: calc(100vw * (10/375)) 0 calc(100vw * (7/375));
    font-size: calc(100vw * (18/375));
    display: flex;
    align-items: center;
    justify-content: center;
}
.plus_input_box.on::before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #4f7ae5;
    position: absolute;
    bottom: 0;
    left: 0;
}
.plus_input {
    width: 100%;
    text-align: right;
}

/* splash */
.splash_wrap {
    width: 100vw;
    height: 100vh;
    background-image: url(../image/sub/splash.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 calc(100vw * (25/375));
    display: flex;
    flex-direction: column;
}
/* END splash */




/* signup */
.sub_wrap.signup2 {
	.signup_inner {
		padding: calc(100vw * (50/375)) calc(100vw * (12/375)) calc(100vw * (120/375));
	}
	.com_btn {
		position:fixed;
		bottom:calc(100vw * (50/375));
		left:50%;
		transform:translateX(-50%);
		width:calc(100% - (100vw * (24/375)));
	}
}
.signup_inner {
    padding: calc(100vw * (50/375)) calc(100vw * (12/375)) calc(100vw * (30/375));
    flex: 1;
    display: flex;
    flex-direction: column;
    .com_btn {
        width: 100%;
    }
    .signup_img {
        margin:calc(100vw * (30/375)) calc(100vw * (75/375)) 0;
    }
    .google_btn {
        width: 100%;
        border-radius: calc(100vw * (18/375));
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(100vw * (8/375));
        height: calc(100vw * (64/375));
        font-size: calc(100vw * (16/375));
        font-weight: 700;
        margin-top: calc(100vw * (20/375));
        border: 1px solid #e4e4e4;
    }
    .google_btn img {
        width: calc(100vw * (20/375));
    }
	.google_signup_btn {
		margin-top:calc(100vw * (6/375));
	}
	.google_signup_btn img {
		 width: calc(100vw * (23/375));
	}
    .signup_chk {
        display: flex;
        align-items: center;
        gap: calc(100vw * (10/375));
        font-size: calc(100vw * (14/375));
        margin-top: auto;
		label {
			display: flex;
		    column-gap: calc(100vw * (10 / 375));
		    align-items: center;
		}
    }
    .signup_chk span {
        color: #0093ce;
        text-decoration: underline;
    }
    .signup_chk input {
        appearance: none;
    }
    .signup_chk input::after {
        content: '';
        display: block;
        width: calc(100vw * (15/375));
        height: calc(100vw * (15/375));
        background-image: url(../image/sub/chk_off.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .signup_chk input:checked::after {
        content: '';
        display: block;
        width: calc(100vw * (15/375));
        height: calc(100vw * (15/375));
        background-image: url(../image/sub/chk_on.png);
    }
    .signup_btn {
        text-align: center;
        font-size: calc(100vw * (13/375));
        margin-top: calc(100vw * (30/375));
    }
    .signup_btn span {
        color: #0093ce;
        text-decoration: underline;
    }
    .signup_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
    }
    .signup_subtitle {
        font-size: calc(100vw * (12/375));
        color: #767676;
        margin-top: calc(100vw * (6/375));
    }
    .signup_lang_group {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (6/375));
        margin-top: calc(100vw * (40/375));
    }
    .signup_lang {
        height: calc(100vw * (65/375));
        border-radius: calc(100vw * (18/375));
        padding: 0 calc(100vw * (20/375));
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #fff;
        border: 1px solid #e4e4e4;
        font-size: calc(100vw * (16/375));
    }
    .signup_lang_chk {
        width: calc(100vw * (20/375));
        height: calc(100vw * (20/375));
    }
    .signup_lang_chk::after {
        content: '';
        width: calc(100vw * (20/375));
        height: calc(100vw * (20/375));
        border: 1.5px solid #e4e4e4;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .signup_lang_chk.on::after {
        border-color: #00A3E4;
    }
    .signup_lang_chk.on::before {
        content: '';
        width: calc(100vw * (12/375));
        height: calc(100vw * (12/375));
        border-radius: 50%;
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        right: calc(100vw * (23/375));
        background-color: #00A3E4;
    }
    .signup_select {
        display: flex;
        align-items: center;
        gap: calc(100vw * (6/375));
        border-radius: calc(100vw * (50/375));
        background-color: #f3fcff;
        border: 1px solid #b0e8ff;
        padding: calc(100vw * (12/375));
        font-size: calc(100vw * (12/375));
        margin-top: auto;
        opacity: 0;
        transition: 0.3s ease-in-out;
    }
	.sign_lang_point {
		position: fixed;
		bottom: calc(100vw * (110 / 375));
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% - (100vw * (24 / 375)));
		z-index: 100;
		display:none;
		opacity:1;
	}
    .signup_select.on {
        display:flex;
        transition: 0.3s ease-in-out;
    }
    .signup_okay_group {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (35/375));
        padding: calc(100vw * (30/375)) calc(100vw * (16/375));
        border-radius: calc(100vw * (20/375));
        background-color: #fff;
        margin: calc(100vw * (40/375)) 0;
    }
    .signup_okay_item {
        display: flex;
        align-items: center;
        gap: calc(100vw * (12/375));
    }
    .signup_okay_img {
        width: calc(100vw * (50/375));
    }
    .signup_okay_title {
        font-size: calc(100vw * (14/375));
        font-weight: 700;
    }
    .signup_okay_tit {
        color: #767676;
        font-weight: 400;
        font-size: calc(100vw * (12/375));
    }
}

.signup_wrap2 {
    .signup_inner {
        flex: 1;
    }
    .signup_title,
    .signup_subtitle {
        text-align: center;
    }
    .signup_img2 {
        width: calc(100vw * (174/375));
        margin:20vh auto calc(100vw * (40/375));
    }
	.signup_img5-2 {
		width: calc(100vw * (311/375));
        margin: calc(100vw * (20/375)) auto calc(100vw * (40/375));
	}
    .sub_header {
        background-color: transparent;
    }
	.signup_input {
		display:flex;
		gap:calc(100vw * (8/375));
		justify-content:center;
		margin:calc(100vw * (40/375)) 0 calc(100vw * (20/375));
		input {
			border-radius: calc(100vw * (30/375));
			border: calc(100vw * (1/375)) solid #E4E4E4;
			background: #FFF;
			max-width:calc(100vw * (92/375));
			height:calc(100vw * (92/375));
			text-align:center;
			font-size:calc(100vw * (36/375));
			font-weight:500;
		}
	}
	.signup_input.oneinput {
		input {
			width:100%;
			max-width:unset;
			font-size:calc(100vw * (18/375));
			height:auto;
			padding:calc(100vw * (8/375));
			border-radius:calc(100vw * (10/375));
		}
	}
}

.signup_modal {
    .com_modal_box{
        padding: 0 calc(100vw * (12/375)) calc(100vw * (30/375));
        max-height: 95vh;
    }
    .com_btn_group {
        margin-top: calc(100vw * (20/375));
    }
    .modal_text_box {
        max-height: 70vh;
        overflow: scroll;
        margin: calc(100vw * (10/375)) 0;
    }
}

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

/* END signup */




/* language */

.lang_wrap {
    display: flex;
    flex-direction: column;
    padding: calc(100vw * (50/375)) calc(100vw * (12/375)) calc(100vw * (40/375));
    .lang_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
        margin-bottom: calc(100vw * (6/375));
    }
	.lang_subtit {
		color: var(--textGrey, #767676);
		font-size: calc(100vw * (12 / 375));
		font-weight: 400;
		margin-bottom: calc(100vw * (38 / 375));
	}
    .lang_list {
        display: flex;
        flex-direction: column;
/*        max-height: calc(100vw * (588/375));*/
        overflow: scroll;
		row-gap:calc(100vw * (6 / 375));
    }
    .lang_list li {
        min-height: calc(100vw * (60/375));
        display: flex;
        align-items: center;
        font-size: calc(100vw * (18/375));
		justify-content: space-between;
		border-radius: calc(100vw * (18 / 375));
		border: 1px solid var(--lineColor, #E4E4E4);
		background: var(--white, #FFF);
		padding: 0 calc(100vw * (20 / 375));
    }
	.lang_list li:after{
		content:"";
		width:calc(100vw * (20 / 375));
		height:calc(100vw * (20 / 375));
		background-image:url('../image/sub/lang_select.png');
		background-size:100% 100%;
	}
	.lang_list li.select:after{
		background-image:url('../image/sub/lang_select_on.png');
	}
    .com_btn{
        margin-top: calc(100vw * (30/375));
    }
}

/* END language */



/* login */

.login_wrap {
    padding: calc(100vw * (120/375)) calc(100vw * (12/375)) calc(100vw * (30/375));
    .com_btn {
        width: 100%;
        margin-top: 0;
    }
    .google_btn {
        width: 100%;
        border-radius: calc(100vw * (18/375));
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(100vw * (8/375));
        height: calc(100vw * (64/375));
        font-size: calc(100vw * (16/375));
        font-weight: 700;
        margin-top: auto;
        border: 1px solid #e4e4e4;
    }
    .google_btn img {
        width: calc(100vw * (20/375));
    }
    .or_line {
        font-size: calc(100vw * (12/375));
        color: #767676;
        display: flex;
        align-items: center;
        gap: calc(100vw * (16/375));
        margin: calc(100vw * (12/375)) 0;
    }
    .or_line::before,
    .or_line::after {
        content: '';
        height: 1px;
        flex: 1;
        background-color: #e4e4e4;
    }
}

.sns_login_btn {
	margin-bottom: calc(100vw * (6 / 375));
}
.login_btn_area {
	display: flex;
    flex-direction: column;
	margin-top: auto;
}
.login-id-pw-box {
	display: none;
    flex-direction: column;
	row-gap:calc(100vw * (8 / 375));
	.login-id-pw-input {
		border-radius: calc(100vw * (18 / 375));
		border: calc(100vw * (1 / 375)) solid var(--lineColor, #E4E4E4);
		background: var(--white, #FFF);
		padding: calc(100vw * (12 / 375)) calc(100vw * (20 / 375));
		display:flex;
		min-height: calc(100vw * (69 / 375));
		input {
			background-color: transparent;
			color: #202020;
			font-size: calc(100vw * (16 / 375));
		}
		input::placeholder {
			color:#A1A1A1;
		}
	}
	.login-id-input {
		flex-direction:column;
		justify-content: center;
		row-gap: calc(100vw * (4 / 375));
		span {
			color: #a1a1a1;
			font-size: calc(100vw * (11 / 375));
			position: absolute;
			top: calc(100vw * (12 / 375));
			display:none;
		}
	}
	.login-id-input.on{
		justify-content: flex-end;
		span{
			display:block;
		}
	}
	.login-pw-input {
		align-items: center;
		justify-content: space-between;
		position:relative;
		.pw-flex {
			width: calc(100% - calc(100vw * (36 / 375)));
			display: flex;
			flex-direction: column;
			row-gap: calc(100vw * (4 / 375));
			position:unset;
			span {
				color: #a1a1a1;
				font-size: calc(100vw * (11 / 375));
				position: absolute;
				top: calc(100vw * (12 / 375));
				display:none;
			}
		}
		.icon {
			width: calc(100vw * (26 / 375));
			height: calc(100vw * (26 / 375));
			background-size:cover;
			background-image: url('../image/sub/login-pw-icon.png');
		}
	}
	.login-pw-input.on{
		.pw-flex {
			margin-top:calc(100vw * (20 / 375));
			span{
				display:block;
			}
		}
	}
}
.login-btn {
	width: 100%;
	border-radius: calc(100vw * (18 / 375));
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(100vw * (8 / 375));
	height: calc(100vw * (64 / 375));
	font-size: calc(100vw * (16 / 375));
	font-weight: 700;
	margin-top: auto;
	border: 1px solid #e4e4e4;
	color: #202020;
}

/* END login */



/* mypage */

.mypage_inner {
    padding: calc(100vw * (20/375)) calc(100vw * (12/375)) calc(100vw * (70 / 375));
    .mypage_profile {
        background-color: #fff;
        padding: calc(100vw * (10/375)) calc(100vw * (16/375));
        display: flex;
        align-items: center;
        border-radius: calc(100vw * (18/375));
    }
    .mypage_account {
        display: flex;
        flex-direction: column;
    }
    .mypage_nick {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
        max-width: calc(100vw * (175/375));
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mypage_mail {
        font-size: calc(100vw * (14/375));
        color: #767676;
        font-weight: 400;
        max-width: calc(100vw * (175/375));
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mypage_qr {
        padding: calc(100vw * (9/375)) calc(100vw * (8/375));
        border-radius: calc(100vw * (8/375));
        font-size: calc(100vw * (14/375));
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: calc(100vw * (11/375));
        margin-left: auto;
        background-color: #f2f6f5;
        img {
            width: calc(100vw * (20/375));
            height: calc(100vw * (20/375));
        }
    }
    .mypage_cash {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: calc(100vw * (12/375)) 0 calc(100vw * (20/375));
        background-color: #00A3E4;
        border-radius: calc(100vw * (18/375));
        padding: calc(100vw * (16/375)) calc(100vw * (8/375)) calc(100vw * (12/375));
        box-shadow: 0px 16px 30px -15px rgba(51, 179, 213, 0.70);
    }
    .my_cash_tit {
        font-size: calc(100vw * (15/375));
    }
    .my_cash_num {
        font-size: calc(100vw * (24/375));
        font-weight: 500;
        color: #fff;
        width: 100%;
        line-height: calc(100vw * (30/375));
    }
    .my_cash_num span {
        font-size: calc(100vw * (42/375));
        font-weight: 600;
        margin-right: calc(100vw * (4/375));
    }
    .my_cash_top {
        width: 100%;
        padding: 0 calc(100vw * (8/375));
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (12/375));
    }
    .my_cash_title {
        font-size: calc(100vw * (12/375));
        color: #fff;
    }
    .my_cash_btn_group {
        display: flex;
        gap: calc(100vw * (4/375));
        width: 100%;
        margin-top: calc(100vw * (24/375));
    }
    .my_cash_btn {
        color: #fff;
        padding: 0 calc(100vw * (20/375));
        height: calc(100vw * (44/375));
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: calc(100vw * (14/375));
        font-weight: 700;
        gap: calc(100vw * (20/375));
        background-color: #13B1F0;
        border-radius: calc(100vw * (14/375));
    }
    .mypage_list {
        display: flex;
        align-items: center;
        border-top: 1px solid #d8d9dd;
        margin: calc(100vw * (15/375)) calc(100vw * (20/375)) 0;
    }
    .my_list {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(100vw * (4/375));
        padding: calc(100vw * (20/375)) 0;
        font-size: calc(100vw * (13/375));
        color: #767676;
        span {
            color: #171718;
            font-weight: 700;
        }
    }
    .my_list_line {
        width: 1px;
        height: calc(100vw * (16/375));
        background-color: #d8d9dd;
    }
    .mypage_plus_title {
        font-size: calc(100vw * (15/375));
        color: #464646;
        margin: calc(100vw * (30/375)) calc(100vw * (20/375)) 0;
    }
    .mypage_plus_point {
        background-color: #f7f8fc;
        border-radius: calc(100vw * (12/375));
        display: flex;
        margin: calc(100vw * (6/375)) calc(100vw * (20/375)) calc(100vw * (30/375));
        padding: calc(100vw * (15/375));
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mypage_plus_num {
        display: flex;
        align-items: center;
        gap: calc(100vw * (4/375));
        font-size: calc(100vw * (24/375));
        color: #4f7ae5;
        span {
            font-weight: 900;
        }
    }
    .mypage_plus_btn {
        padding: 0 calc(100vw * (10/375));
        height: calc(100vw * (42/375));
        border-radius: calc(100vw * (12/375));
        color: #fff;
        background-color: #4f7ae5;
        font-size: calc(100vw * (13/375));
        font-weight: 700;
    }
    .mypage_link_box {
        padding: calc(100vw * (30/375)) 0 0;
    }
    .mypage_link_title {
        font-size: calc(100vw * (14/375));
        font-weight: 700;
    }
    .mypage_link_list {
        display: flex;
        flex-direction: column;
        margin-top: calc(100vw * (12/375));
    }
    .mypage_link {
        display: flex;
        align-items: center;
        font-size: calc(100vw * (15/375));
        span {
            font-size: calc(100vw * (14/375));
            font-weight: 500;
        }
    }
    .mypage_list_text {
        margin-right: auto;
    }
    .mypage_list_arw {
        margin-left: calc(100vw * (15/375));
    }
    .mypage_btn {
        display: flex;
        align-items: center;
        padding: calc(100vw * (24/375)) 0;
        border-bottom: 1px solid #e4e4e4;
        span {
            font-size: calc(100vw * (14/375));
            margin-right: auto;
        }
    }
    .mypage_toggle {
        width: calc(100vw * (36/375));
        height: calc(100vw * (22/375));
        border-radius: calc(100vw * (35/375));
        background-color: #ECEEF3;
        padding: calc(100vw * (2/375));
        transition: 0.5s;
    }
    .ball {
        width: calc(100vw * (18/375));
        height: calc(100vw * (18/375));
        border-radius: 50%;
        background-color: #fff;
        left: 0;
        transition: 0.5s;
    }
    .mypage_toggle.on {
        background-color: #00A3E4;
    }
    .mypage_toggle.on .ball {
        left: calc(100vw * (14/375));
    }
    .mypage_chkbox {
        display: none;
    }
    .mypage_mid_btn_box {
        padding: calc(100vw * (30/375)) calc(100vw * (20/375));
        font-size: calc(100vw * (15/375));
    }
    .mypage_mid_btn_group {
        margin-top: calc(100vw * (6/375));
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mypage_mid_btn {
        padding: calc(100vw * (15/375));
        width: calc(100vw * (107/375));
        height: calc(100vw * (86/375));
        border-radius: calc(100vw * (8/375));
        background-color: #f7f8fc;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }
    .withdrawal_btn {
        display: flex;
        align-items: center;
        font-size: calc(100vw * (14 / 375));
        font-weight: 400;
        margin-top: calc(100vw * (30 / 375));
        gap: calc(100vw * (18 / 375));
        border-radius: calc(100vw * (4 / 375));
        border: 1px solid var(--textLightGrey, #C2C2C2);
        padding: calc(100vw * (16 / 375));
    }
    .my_link_group {
        display: flex;
        align-items: center;
        gap: calc(100vw * (6/375));
		flex-wrap:wrap;
    }
    .my_link_group .my_link {
        padding: calc(100vw * (16/375)) calc(100vw * (12/375)) calc(100vw * (8/375));
        border-radius: calc(100vw * (18/375));
        background-color: #fff;
        height: calc(100vw * (100/375));
        flex: unset;
        font-size: calc(100vw * (14/375));
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (7/375));
		text-align:left;
		width: calc((100% - (100vw * (6 / 375))) / 2);
		font-weight:700;
		line-height:1.2;
    }

    .my_link_group .my_link img {
        width: calc(100vw * (26/375));
    }
	.my_link_group .my_link#btn_tether_remittance img,
	.my_link_group .my_link#btn_tether_wallet img,
	.my_link_group .my_link#btn_overseas_remittance img,
	.my_link_group .my_link#btn_remittance img{
		width:calc(100vw * (36/375));
	}
}

/* 25.06.10 mypage add code */

.change_card_modal .modal_title{
    margin-top: calc(100vw * (10 / 375));
}
.change_card_modal .com_notice {
    margin-top: calc(100vw * (16 / 375));
}
.change_card_modal .set_card_pin {
    margin-top: calc(100vw * (30 / 375));
    display: flex;
    padding: calc(100vw * (50 / 375)) 0px;
    flex-direction: column;
    align-items: center;
    gap: calc(100vw * (12 / 375));
    border-top: calc(100vw * (1 / 375)) solid #E4E4E4;
    border-bottom: calc(100vw * (1 / 375)) solid  #E4E4E4;
    background: #F3F3F3;
}
.change_card_modal .set_card_pin .title {
    font-size: calc(100vw * (13 / 375));
    font-weight: 700;
    text-align: center;
}
.change_card_modal .set_card_pin .num {
    font-size: calc(100vw * (40 / 375));
    font-weight: 700;
    text-align: center;
}
.change_card_modal .card_num {
    margin: calc(100vw * (20 / 375)) 0 calc(100vw * (40 / 375));
    font-size: calc(100vw * (16 / 375));
    font-weight: 400;
    text-align: center;
}

.change_card_modal2 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.change_card_modal2.on {
    transform: translateY(0);
}
.change_card_modal2 .com_modal_box {
	display:flex;
	flex-direction:column;
    height: 100vh;
    max-height: 100vh;
    background-color: #f3f3f3;
    border-radius: 0;
}
.change_card_modal2 .close {
    width: calc(100vw * (13 / 375));
    height: calc(100vw * (12.5 / 375));
    background: unset;
    color: unset;
    position: absolute;
    top: calc(100vw * (17.5 / 375));
    right: calc(100vw * (17.5 / 375));
    z-index: 1;
}
.change_card_modal2 .contents {
    margin-top: calc(100vw * (174 / 375));
}
.change_card_modal2 .contents .title {
    font-size: calc(100vw * (18 / 375));
    font-weight: 700;
    text-align: center;
}
.change_card_modal2 .contents .sub_tit {
    font-size: calc(100vw * (12 / 375));
    color: #767676;
    font-weight: 400;
    text-align: center;
    margin-top: calc(100vw * (6 / 375));
}
.change_card_modal2 .contents .num_box {
    margin-top: calc(100vw * (24 / 375));
}
.change_card_modal2 .contents .num_box .verify_input_group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(100vw * (6 / 375));
}
.change_card_modal2 .contents .num_box .num_box_item {
    width: calc(100vw * (53 / 375));
    height: calc(100vw * (58 / 375));
    border-radius: calc(100vw * (8 / 375));
    background-color: transparent;
    border: calc(100vw * (1 / 375)) solid var(--lineColor, #E4E4E4);
    text-align: center;
    font-size: calc(100vw * (24 / 375));
    font-weight: 700;
    letter-spacing: calc(100vw * (-1.2 / 375));
}
.change_card_modal2 .contents .num_box .verify_input_box.on .num_box_item {
    border: calc(100vw * (2 / 375)) solid #00A3E4;
    background:  #FFF;
    box-shadow: 0px calc(100vw * (4 / 375)) calc(100vw * (12 / 375)) 0px rgba(0, 0, 0, 0.12);
}
.change_card_modal2 .contents .poin_txt {
    margin-top: calc(100vw * (24 / 375));
    font-size: calc(100vw * (12.5 / 375));
    color: #767676;
    font-weight: 400;
    text-align: center;
}
.change_card_modal2 .num_pad {
    margin-top: calc(100vw * (64 / 375));
    padding: calc(100vw * (10 / 375)) calc(100vw * (13 / 375));
}
.change_card_modal2 .modal_xbtn{
	width:calc(100vw * (28 / 375));
	padding:0;
}
.change_card_modal3 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.change_card_modal3.on {
    transform: translateY(0);
}
.change_card_modal3 .com_modal_box {
    padding: calc(100vw * (12 / 375));
    padding-top: calc(100vw * (27.5 / 375));
    background-color: #f3f3f3;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    width: calc(100vw * (280 / 375));
    border-radius: calc(100vw * (30 / 375));
}
.change_card_modal3 .title {
    margin-top: calc(100vw * (1.5 / 375));
    font-size: calc(100vw * (18 / 375));
    font-weight: 700;
    text-align: center;
}
.change_card_modal3 .com_btn {
    width: 100%;
    margin-top: calc(100vw * (50 / 375));
}
/* END 25.06.10 mypage add code */

/* END mypage */



/* myqr */

.myqr_wrap {
    .qr_inner {
        flex: 1;
		display:flex;
		flex-direction:column;
		padding: calc(100vw * (6/375)) calc(100vw * (12/375)) calc(100vw * (30/375))
    }
    .myqr_box {
        background-color: #fff;
        border-radius: calc(100vw * (20/375));
        padding: calc(100vw * (40/375)) calc(100vw * (17/375)) calc(100vw * (16/375));
        display: flex;
        flex-direction: column;
        margin: calc(100vw * (6/375)) calc(100vw * (18/375)) calc(100vw * (24/375));
    }
    .myqr_logo {
/*        width: calc(100vw * (100/375));*/
/*        margin: 0 auto calc(100vw * (46/375));*/
        width: calc(100vw * (60/375));
        margin: 0 auto calc(100vw * (16/375));
    }
    .myqr_canvas {
        padding: calc(100vw * (15/375));
        max-width: calc(100vw * (198/375));
        min-width: calc(100vw * (198/375));
        max-height: calc(100vw * (198/375));
        min-height: calc(100vw * (198/375));
        margin: 0 auto calc(100vw * (40/375));
    }
    .myqr_account {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (4/375));
        font-size: calc(100vw * (12/375));
        font-weight: 500;
        padding: calc(100vw * (16/375));
        border-radius: calc(100vw * (12/375));
        background-color: #e9f9ff;
    }
    .myqr_type {
        padding: 0 calc(100vw * (5/375));
        border-radius: calc(100vw * (4/375));
        background-color: #00A3E4;
        height: calc(100vw * (21/375));
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: calc(100vw * (11/375));
        font-weight: 700;
    }
    .myqr_row1 {
        display: flex;
        align-items: center;
        gap: calc(100vw * (4/375));
        font-weight: 700;
        font-size: calc(100vw * (14/375));
    }
    .myqr_row2 {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
    }
    .myqr_big_txt {
        font-size: calc(100vw * (14/375));
        text-align: center;
        font-weight: 700;
    }
    .myqr_mid_txt {
        font-weight: 400;
        color: #777;
        font-size: calc(100vw * (12/375));
        text-align: center;
        margin-top: calc(100vw * (4/375));
    }
	canvas {
		position:relative;
		top:unset;
		left:unset;
		transform:unset;
		z-index:unset;
	}
	.com_btn {
		width:100%;
		margin: auto 0 0;
	}
}

/* END myqr */



/* pluspoint */

.pluspoint_inner {
    padding: calc(100vw * (25/375)) calc(100vw * (20/375)) calc(100vw * (30/375));
    .plus_top_box {
        padding: calc(100vw * (20/375));
        border-radius: calc(100vw * (12/375));
        display: flex;
        flex-direction: column;
        background-color: #4f7ae5;
        color: #fff;
    }
    .plus_box_title {
        font-size: calc(100vw * (15/375));
        font-weight: 600;
    }
    .plus_box_cost {
        font-size: calc(100vw * (36/375));
        font-weight: 800;
        margin: calc(100vw * (3/375)) 0 calc(100vw * (20/375));
    }
    .plus_box_btn {
        background-color: #3b64ca;
        color: #fff;
        font-size: calc(100vw * (13/375));
        font-weight: 700;
        border-radius: calc(100vw * (12/375));
        height: calc(100vw * (48/375));
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .plus_sub_box {
        background-color: #f7f8fc;
        border-radius: calc(100vw * (10/375));
        padding: calc(100vw * (15/375));
        margin: calc(100vw * (10/375)) 0 calc(100vw * (30/375));
        padding-left: calc(100vw * (35/375));
    }
    .plus_sub_title {
        font-size: calc(100vw * (13/375));
        font-weight: 400;
    }

    .plus_sub_title::before {
        content: '';
        width: calc(100vw * (14/375));
        height: calc(100vw * (14/375));
        background-image: url(../image/sub/plus_icon.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        left: calc(100vw * (-20/375));
        top: 50%;
        transform: translateY(-50%);
    }

    .plus_sub_txt {
        font-size: calc(100vw * (13/375));
        color: #767676;
    }

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

    .input_point {
        color: #767676;
        font-size: calc(100vw * (13/375));
    }
    .input_point span {
        font-weight: 700;
        color: #4f7ae5;
    }
    .plus_input_box {
        padding: 0 calc(100vw * (20/375));
        height: calc(100vw * (58/375));
        border-radius: calc(100vw * (12/375));
        border: 1px solid #d8d9dd;
        width: 100%;
        text-align: right;
        margin: calc(100vw * (10/375)) 0 calc(100vw * (7/375));
        font-size: calc(100vw * (18/375));
        display: flex;
        align-items: center;
        justify-content: center;
    }
	.error {
		display:flex;
		align-items:center;
		justify-content:flex-end;
		gap:calc(100vw * (4/375));
		margin-bottom:calc(100vw * (10/375));
		color:#e34630;
		text-align:right;
		font-size:calc(100vw * (12/375));
		display: none;
	}     
    .plus_input_box.on::before {
        content: '';
        width: calc(100vw * (335/375));
        height: 2px;
        background-color: #4f7ae5;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .plus_input {
        width: 100%;
        text-align: right;
    }
    .plus_fee_box {
        padding: calc(100vw * (24/375)) calc(100vw * (15/375));
        border-radius: calc(100vw * (12/375));
        background-color: #f7f8fc;
    }
    .fee_row_top {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (14/375));
        margin-bottom: calc(100vw * (14/375));
        padding-bottom: calc(100vw * (14/375));
        border-bottom: 1px solid #d8d9dd;
    }
    .fee_row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: calc(100vw * (13/375));
        color: #767676;
    }
    .fee_right {
        font-size: calc(100vw * (14/375));
        font-weight: 700;
        text-align: right;
        color: #171718;
    }
    .fee_row_bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .com_btn {
        width: 100%;
        margin-top: calc(100vw * (40/375));
    }
}

/* END pluspoint */

/* Withdrawal */

.withdrawal_inner {
    padding: calc(100vw * (50/375)) calc(100vw * (12/375)) calc(100vw * (30/375));
    flex: 1;
    display: flex;
    flex-direction: column;
    .withdrawal_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
        line-height: 1.4em;
        color: #171717;
		display: flex;
        justify-content: space-between;
		img {
			width:calc(100vw * (73/375));
			margin-right:calc(100vw *(19/375));
		}
    }
    .withdrawal_box {
        padding: calc(100vw * (20/375)) calc(100vw * (16/375));
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (14/375));
        background-color: #fff;
        border-radius: calc(100vw * (18/375));
        margin: calc(100vw * (20/375)) 0;
    }
    .withdrawal_row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: calc(100vw * (12/375));
        color: #202020;
    }
    .withdrawal_row_right {
        color: #767676;
        display: flex;
        align-items: center;
        gap: calc(100vw * (4/375));
    }
    .withdrawal_row_right span {
        font-size: calc(100vw * (15/375));
        font-weight: 700;
        color: #171717;
    }
    .withdrawal_chk {
        display: flex;
        align-items: center;
        gap: calc(100vw * (10/375));
        padding: calc(100vw * (20/375)) calc(100vw * (12/375));
        margin-top: calc(100vw * (40/375));
        background-color: #f3fcff;
        border: 1px solid #b0e8ff;
        border-radius: calc(100vw * (18/375));
        line-height: calc(100vw * (15/375));
    }
    .withdrawal_chk input {
        appearance: none;
    }

    .withdrawal_chk input::before {
        content: '';
        width: calc(100vw * (15/375));
        height: calc(100vw * (15/375));
        background-image: url(../image/sub/chk_off.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
    }
    .withdrawal_chk input:checked::before {
        background-image: url(../image/sub/chk_on.png);
    }
    .withdrawal_tit {
        font-size: calc(100vw * (16/375));
        font-weight: 500;
        color: #292929;
    }
    .withdrawal_reason {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 calc(100vw * (15/375));
        height: calc(100vw * (58/375));
        border: 1px solid #d8d9dd;
        border-radius: calc(100vw * (8/375));
        font-size: calc(100vw * (18/375));
        margin-top: calc(100vw * (12/375));
    }
    .com_btn {
        width: 100%;
        margin-top: auto;
    }
}

.withdrawal_modal {
    transition: 0s;
    .com_modal_box {
        max-height: unset;
        height: 100vh;
        border-radius: 0;
        background-color: #f3f3f3;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .com_btn {
        width: 100%;
        margin-top: auto;
    }
    .point_okay_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
    }
    p {
        text-align: center;
        max-width: calc(100vw * (190/375));
        line-height: 1.33em;
        margin-top: calc(100vw * (10/375));
    }
    span {
        color: #00A3E4;
        font-weight: 700;
    }
    dotlottie-player {
        margin-top: 25vh;
    }
}

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

/* END Withdrawal */



/* remit 송금하기 */

.remit_inner {
    padding: calc(100vw * (25/375)) calc(100vw * (20/375)) calc(100vw * (30/375));
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    .remit_input {
        width: 100%;
        border: 1px solid #d8d9dd;
        border-radius: calc(100vw * (8/375));
        padding: 0 calc(100vw * (15/375));
        height: calc(100vw * (58/375));
        display: flex;
        align-items: center;
        margin-top: calc(100vw * (8/375));
        gap: calc(100vw * (8/375));
    }
    .remit_input svg {
        margin-left: auto;
    }
    .remit_input input {
        width: 100%;
        font-size: calc(100vw * (18/375));
    }
    .remit_input.on::after {
        content: '';
        width: 100%;
        height: 2px;
        background-color: #4f7ae5;
        position: absolute;
        bottom: -1px;
        left: 0;
    }
    
    .remit_input span {
        font-size: calc(100vw * (18/375));
        color: #a1a4a9;
		min-width:calc(100vw * (220/375));
    }
    
    .remit_input span.on {
        color: #242424;
        font-weight: 700;
    }
    .com_btn {
        margin-top: auto;
        width: 100%;
    }
    .remit_title {
        text-align: left;
        width: 100%;
    }
}

.bank_modal .com_modal_box {
    .bank_grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding: calc(100vw * (24/375)) calc(100vw * (6/375));
        row-gap: calc(100vw * (20/375));
        column-gap: calc(100vw * (18/375));
    }
    .bank_select {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(100vw * (10/375));
        font-size: calc(100vw * (13/375));
    }
    .bank_select .bank_logo {
        width: calc(100vw * (28/375));
    }
}
.bank_modal.on {
    transform: translateY(0%);
}

.remit_modal {
    .bank_info {
        display: flex;
        color: #767676;
        font-size: calc(100vw * (13/375));
        gap: calc(100vw * (4/375));
    }
    .bank_buget {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: calc(100vw * (20/375)) calc(100vw * (15/375));
        border-radius: calc(100vw * (8/375));
        background-color: #f7f8fc;
        font-size: calc(100vw * (14/375));
        color: #242424;
        font-weight: 700;
        margin: calc(100vw * (10/375)) 0;
    }
    .buget_num::after {
        content: '원';
        color: #767676;
        font-size: calc(100vw * (13/375));
        font-weight: 400;
        margin-left: calc(100vw * (4/375));
    }
    .remit_input {
        width: 100%;
        border: 1px solid #d8d9dd;
        border-radius: calc(100vw*(8 / 375));
        padding: 0 calc(100vw*(15 / 375));
        height: calc(100vw*(58 / 375));
        display: flex;
        align-items: center;
        margin-top: calc(100vw*(8 / 375));
        gap: calc(100vw*(8 / 375));
    }
    .remit_input.on::after {
        content: '';
        width: 100%;
        height: 2px;
        background-color: #4f7ae5;
        position: absolute;
        bottom: -1px;
        left: 0;
    }
    .remit_input input::placeholder {
        font-weight: 400;
        line-height: calc(100vw*(28 / 375));
    }
    .remit_input input {
        text-align: right;
        width: 100%;
        font-size: calc(100vw*(28 / 375));
        font-weight: 700;
        color: #4f7ae5;
    }

    .gift_val_btn_group {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: calc(100vw * (10/375)) 0;
    }
    .gift_val_btn {
        width: calc(100vw * (78/375));
        height: calc(100vw * (36/375));
        border-radius: calc(100vw * (12/375));
        background-color: #f7f8fc;
        font-size: calc(100vw * (13/375));
        font-weight: 700;
        color: #2b66f6;
    }
    .gift_modal_txt {
        font-size: calc(100vw * (12/375));
        color: #767676;
    }
    .com_btn {
        width: 100%;
    }
	.error {
		display:flex;
		align-items:center;
		justify-content:flex-end;
		gap:calc(100vw * (4/375));
		margin-bottom:calc(100vw * (10/375));
		color:#e34630;
		text-align:right;
		font-size:calc(100vw * (12/375));
		display: none;
	}
}

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

.remit_okay_modal {
    .com_modal_box {
        display: flex;
        flex-direction: column;
    }
    .okay_bank {
        font-size: calc(100vw * (13/375));
        color: #767676;
        text-align: center;
    }
    .okay_check {
        font-size: calc(100vw * (20/375));
        text-align: center;
    }
    .okay_chk_box {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (14/375));
        padding: calc(100vw * (24/375)) calc(100vw * (15/375));
        border-radius: calc(100vw * (12/375));
        border: 1px solid #d8d9dd;
        background-color: #f7f8fc;
        margin: calc(100vw * (70/375)) 0 calc(100vw * (30/375));
    }
    .okay_chk_row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: calc(100vw * (13/375));
        color: #767676;
    }
    .okay_chk_row span {
        font-weight: 700;
        font-size: calc(100vw * (15/375));
        color: #171717;
    }
    .okay_chk_row.row2 span,
    .okay_chk_row.row2 {
        color: #4f7ae5;
    }
}

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

.remit_fade {
    .modal_fade_box {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .fade_title {
        font-size: calc(100vw * (19/375));
        font-weight: 700;
        margin: calc(100vw * (28/375)) 0 calc(100vw * (10/375));
    }
    .fade_txt {
        font-size: calc(100vw * (15/375));
        text-align: center;
    }
    .fade_txt p {
        font-weight: 700;
        color: #4f7ae5;
    }
    .com_btn {
        width: 100%;
    }
}

/* END remit 송금하기 */



/* point_list */

.point_list_wrap {
    .point_list_filter {
        display: flex;
        align-items: center;
        padding: calc(100vw * (6/375)) calc(100vw * (12/375));
        border-radius: calc(100vw * (8/375));
        background-color: #fff;
        font-size: calc(100vw * (12/375));
    }
    .filter_total {
        color: #171717;
        min-width: calc(100vw * (80/375));
        max-height: calc(100vw * (80/375));
    }
    .filter_sort {
        color: #767676;
        line-height: calc(100vw * (10/375));
        margin-right: calc(100vw * (10/375));
        padding-right: calc(100vw * (10/375));
        border-right: 1px solid #c2c2c2;
    }
    .filter_date {
        color: #767676;
    }
    .filter_icon {
        margin-left: auto;
    }
}

.detail_modal {
    .detail_type {
        display: flex;
        align-items: center;
        gap: calc(100vw * (3/375));
        font-size: calc(100vw * (12/375));
        justify-content: flex-end;
        margin-top: calc(100vw * (20/375));
    }
    .detail_mark {
        width: calc(100vw * (16/375));
        height: calc(100vw * (16/375));
        background-image: url(../image/sub/detail_okay.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .ing {color: #4f7ae5;}
    .ing .detail_mark {background-image: url(../image/sub/detail_wait.svg);}
    .cancle {color: #e34630;}
    .cancle .detail_mark {background-image: url(../image/sub/detail_cancle.svg);}
    .detail_row {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .detail_modal_bottom {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (12/375));
        margin-top: calc(100vw * (26/375));
        padding-top: calc(100vw * (26/375));
        border-top: 1px solid #d8d9dd;
    }
    .detail_payment {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 calc(100vw * (10/375));
        border-radius: calc(100vw * (8/375));
        background-color: #f7f8fc;
        height: calc(100vw * (58/375));
        margin: calc(100vw * (30/375)) 0 calc(100vw * (40/375));
    }
}

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

.filter_modal {
    .filter_title {
        font-size: calc(100vw * (12/375));
        margin-bottom: calc(100vw * (12/375));
        margin-top: calc(100vw * (20/375));
    }
    .filter_grid {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: calc(100vw * (7/375));
        margin-bottom: calc(100vw * (20/375));
    }
    .filter_btn {
        flex: 1;
        border-radius: calc(100vw * (8/375));
        height: calc(100vw * (42/375));
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        font-size: calc(100vw * (12/375));
        border: 1px solid #E4E4E4;
    }
    .filter_grid.grid3 {
        display: flex;
    }
    .filter_btn.on {
        border: 2px solid #00A3E4;
        background-color: #F3FCFF;
        font-weight: 700;
        box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
    }
    .filter_date {
        width: 100%;
        padding: calc(100vw * (12/375));
        border-radius: calc(100vw * (8/375));
        border: 1px solid #b0e8ff;
        background-color: #f3fcff;
        font-size: calc(100vw * (13/375));
        text-align: center;
        display: none;
    }
    .com_btn {
        width: 100%;
    }
}

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

/* END point_list */




/* gift */
.gift_wrap .sub_header {
    background-color: #fff;
}
.gift_inner {
    padding: calc(100vw * (50/375)) calc(100vw * (12/375)) calc(100vw * (20/375));
    .g_title {
        font-size: calc(100vw * (18/375));
        line-height: 1.4em;
        color: #202020;
        font-weight: 700;
    }
    .g_title::after {
        content: '';
        width: calc(100vw * (64/375));
        height: calc(100vw * (53/375));
        background-image: url(../image/sub/gift_img.png);
        background-size: contain;
        background-position: center;
        position: absolute;
        top: 50%;
        right: 0%;
        transform: translateY(-50%);
    }
    .gift_btn_group {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (10/375));
        margin-top: calc(100vw * (45/375));
    }
    .gift_btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: calc(100vw * (40/375));
        padding: calc(100vw * (20/375));
        height: calc(100vw * (120/375));
        border-radius: calc(100vw * (18/375));
        background-color: #fff;
        border: 1px solid #e4e4e4;
		text-align:left;
    }
    .gift_btn_title {
        font-weight: 700;
        margin-bottom: calc(100vw * (2/375));
    }
    .gift_btn_txt {
        font-size: calc(100vw * (13/375));
        color: #767676;
    }
    .gift_btn_icon {
        min-width: calc(100vw * (32/375));
    }
}

.gift_set_wrap {
	display: flex;
	flex-direction: column;
    flex: 1;
    padding: calc(100vw * (50/375)) calc(100vw * (12/375)) 0;
    .gift_set_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
    }
    .gift_set_find {
        display: flex;
        align-items: center;
        padding: 0 calc(100vw * (20/375));
        display: flex;
        align-items: center;
        background-color: #fff !important;
        height: calc(100vw * (64/375));
        border-radius: calc(100vw * (18/375));
        border: 1px solid #e4e4e4;
        margin-top: calc(100vw * (40/375));
		position:relative;
    }
    .gift_set_find button {
        width: calc(100vw * (34/375));
        height: calc(100vw * (34/375));
        display: flex;
        align-items: center;
        justify-content: center;
		svg {
			display:block !important;
		}
    }
    .gift_set_find input {
        flex: 1;
    }
    .card_input_box {
		position:unset;
        background-color: #fff;
        border-radius: calc(100vw * (18/375));
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1;
    }
	.card_input_box.on{
		margin-top: calc(100vw * (20 / 375));
	}
    .card_input_title {
		position:absolute;
		top: calc(100vw * (12 / 375));
		left: calc(100vw * (20 / 375));
        font-size: calc(100vw * (11/375));
        color: #a1a1a1;
		display:none;
    }
    .card_input_box.on .card_input_title {
        display:block;
    }
    .card_input {
        background-color: transparent;
		font-size: calc(100vw * (16/375));
		line-height: calc(100vw * (22/375));
    }
	.card_input_box.on .card_input::placeholder {
		display:none;
		font-size:0;
	}
    .gift_fee {
        font-size: calc(100vw * (13/375));
        color: #767676;
        margin-top: calc(100vw * (18/375));
        text-align: right;
		margin-bottom: calc(100vw * (18/375));
    }
}

.gift_user_modal {
    .gift_user_chk {
        display: flex;
        align-items: center;
        gap: calc(100vw * (13/375));
        padding: calc(100vw * (20/375)) calc(100vw * (16/375));
        border-radius: calc(100vw * (12/375));
        border: 1px solid #e4e4e4;
        margin-top: calc(100vw * (16/375));
    }
    .user_icon {
        width: calc(100vw * (38/375));
    }
    .user_mail {
        font-size: calc(100vw * (16/375));
        font-weight: 700;
    }
    .user_num {
        font-size: calc(100vw * (12/375));
        color: #767676;
    }
    .gift_no_user {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(100vw * (16/375));
        margin-top: calc(100vw * (16/375));
        font-size: calc(100vw * (12/375));
        color: #767676;
    }
    .xicon {
        width: calc(100vw * (52/375));
        height: calc(100vw * (52/375));
        background-color: #e3e8e9;
        border-radius: calc(100vw * (5/375));
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.gift_modal {
    z-index: 99;
	transform:translateX(-100%);
	transition:0s;
    .com_modal_box {
        max-height: unset;
        height: 100vh;
        display: flex;
        flex-direction: column;
        background-color: #f3f3f3;
        border-radius: 0;
        padding: calc(100vw * (80/375)) calc(100vw * (12/375)) calc(100vw * (10/375));
    }
    .gift_cash {
        display: flex;
        align-items: center;
        gap: calc(100vw * (6/375));
        font-size: calc(100vw * (16/375));
        color: #767676;
    }
    .gift_cash p {
        color: #c2c2c2;
    }
    .gift_cash span {
        color: #202020;
        font-weight: 700;
    }
    .gift_user {
        display: flex;
        align-items: center;
        gap: calc(100vw * (8/375));
        font-size: calc(100vw * (13/375));
        color: #767676;
        margin-top: calc(100vw * (7/375));
        padding-bottom: calc(100vw * (20/375));
    }
    .gift_user svg {
        margin-left: calc(100vw * (8/375));
    }
    .gift_user img {
        width: calc(100vw * (20/375));
    }
    .gift_user_txt {
        font-size: calc(100vw * (13/375));
        font-weight: 700;
        padding-top: calc(100vw * (12/375));
        border-top: 1px solid #e4e4e4;
    }
    .gift_modal_input {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: calc(100vw * (6/375));
        color: #c2c2c2;
        font-size: calc(100vw * (36/375));
    }
    .gift_modal_input input {
        background-color: transparent;
        color: #202020;
        flex: 1;
        font-weight: 700;
        text-align: right;
        max-width: calc(100vw * (278/375));
    }
    .gift_val {
        margin-top: calc(100vw * (2/375));
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: calc(100vw * (4/375));
        color: #c2c2c2;
        font-size: calc(100vw * (12/375));
    }
    .gift_val span {
        color: #202020;
        font-weight: 700;
    }
	.gift_val_percent {
		color: var(--textGrey, #767676);
		font-size: calc(100vw * (12 / 375));
		font-weight: 400;
		display: flex;
		justify-content: flex-end;
		margin-top: calc(100vw * (4 / 375));
	}
    .gift_btn_group {
        display: flex;
        align-items: center;
        gap: calc(100vw * (6/375));
        margin-top: auto;
    }
    .gift_btn {
        flex: 1;
        border-radius: calc(100vw * (12/375));
        background-color: #e3e8e9;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(100vw * (14/375));
        font-weight: 400;
        height: calc(100vw * (36/375));
    }
    .com_btn {
        margin-top: calc(100vw * (10/375));
        width: 100%;
    }
}
.gift_modal.on {
transform: translateX(0);
}

.gift_okay_modal {
    transition: 0s;
    .com_modal_box {
        max-height: unset;
        height: 100vh;
        border-radius: 0;
        background-color: #f3f3f3;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .com_btn {
        width: 100%;
        margin-top: auto;
    }
    span {
        color: #00A3E4;
    }
    dotlottie-player {
        margin-top: 20vh;
    }
    .gift_okay_txt {
        text-align: center;
        font-size: calc(100vw * (18/375));
    }
    .gift_okay_box {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (10/375));
        padding: calc(100vw * (20/375));
        border-radius: calc(100vw * (18/375));
        background-color: #fff;
        width: 100%;
        margin-top: auto;
    }
    .gift_okay_row {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (6/375));
    }
    .gift_okay_tit {
        font-size: calc(100vw * (12/375));
        color: #767676;
    }
    .gift_okay_text {
        font-size: calc(100vw * (13/375));
        color: #202020;
    }
    .com_btn {
        margin-top: calc(100vw * (20/375));
    }

    .gift_okay_text span{
        color: #767676;
    }
}

.gift_user_modal.on,
.gift_okay_modal.on,
.gift_modal.on {
    transform: translate(0%);
}

/* END gift */




/* gift_set */

/* END gift_set */




/* giftshop */

.giftshop_top {
    padding: calc(100vw * (30/375)) calc(100vw * (20/375));
    height: calc(100vw * (623/375));
    display: flex;
    flex-direction: column;
    background-image: url(../image/sub/giftshop_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    .com_btn {
        margin-top: auto;
    }
}

.giftshop_bottom {
    padding: calc(100vw * (40/375)) calc(100vw * (20/375)) calc(100vw * (70/375));
    .cscall {
        display: flex;
        align-items: center;
        gap: calc(100vw * (8/375));
        font-size: calc(100vw * (13/375));
        margin-top: calc(100vw * (65/375));
    }

    .cscall a {
        display: flex;
        align-items: center;
        gap: calc(100vw * (3/375));
        font-size: calc(100vw * (16/375));
        font-weight: 700;
    }
}

/* END giftshop */




/* Card */

.card_wrap {
    background-color: #fff;
    .sub_header {
        background-color: #fff;
    }
    .card_switch_group {
        display: flex;
        padding: 0 calc(100vw * (12/375));
        border-bottom: 1px solid #e4e4e4;
        margin-top: calc(100vw * (10/375));
    }
    .card_switch {
        flex: 1;
        text-align: center;
        font-size: calc(100vw * (14/375));
        color: #a1a1a1;
        padding: calc(100vw * (12/375)) 0 ;
    }
    .card_switch.on {
        font-weight: 700;
        border-bottom: 2px solid #202020;
        color: #202020;
    }
    .com_btn {
        width: 100%;
    }
}

.card_wrap .card_inner {
    background-color: var(--bgcolor);
    flex: 1;
}

/* Card - Regist */

.card_wrap .card_regist_inner {
    display: flex;
    flex-direction: column;
    background-color: var(--bgcolor);
    padding: calc(100vw * (30/375)) calc(100vw * (12/375));
    .card_regist_img {
        width: calc(100vw * (135/375));
        margin: calc(100vw * (90/375)) auto 0;
    }
    .card_regist_img img {
        filter: drop-shadow(1.5px 1.5px 1px rgba(0, 0, 0, 0.30));
    }
    .card_regist_text {
        margin-top: calc(100vw * (70 / 375));
        font-size: calc(100vw * (18/375));
        font-weight: 700;
        text-align: center;
    }
    .card_regist_txt {
        color: #767676;
        font-size: calc(100vw * (12/375));
        text-align: center;
        margin-top: calc(100vw * (6/375));
		margin-bottom:calc(100vw * (30/375));
    }
    .card_regist_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
    }
    .card_regist_title.center {
        text-align: center;
    }
    .card_regist_subtitle {
        margin-top: calc(100vw * (20/375));
        font-size: calc(100vw * (14/375));
        font-weight: 700;
    }
    .card_input_group {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (6/375));
        margin-top: calc(100vw * (12/375));
    }
    .card_input_box {
        padding: calc(100vw * (12/375)) calc(100vw * (20/375));
        background-color: #fff;
        border-radius: calc(100vw * (18/375));
        min-height: calc(100vw * (65/375));
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .card_input_box.focus {
        border: 1.5px solid #202020;
    }
    .card_input_title {
        font-size: calc(100vw * (16/375));
        color: #a1a1a1;
    }
    .card_input_box.on .card_input_title {
        font-size: calc(100vw * (11/375));
    }
    .card_input {
        font-size: calc(100vw * (16/375));
        background-color: transparent;
        margin-top: calc(100vw * (4/375));
        display: none;
        line-height: calc(100vw * (22/375));
    }
    textarea.card_input {
        resize: none;
        height: calc(100vw * (22/375));
        min-height: calc(100vw * (22/375));
        line-height: calc(100vw * (22/375));
    }
    .card_input_box.on .card_input {
        display: block;
    }
    .card_regist_subtit {
        font-size: calc(100vw * (12/375));
        color: #767676;
        text-align: center;
        margin: calc(100vw * (30/375)) auto calc(100vw * (24/375));
        max-width: calc(100vw * (250/375));
    }
	.card_regist_infobox {
		display: flex;
	    flex-direction: column;
		gap: calc(100vw * (6/375));
		margin-bottom:calc(100vw * (30/375));
		.title {
			font-size: calc(100vw * (13/375));
			font-weight: 700;
		}
		.card_regist_inp {
			border-radius: calc(100vw * (18/375));
			border: calc(100vw * (1/375)) solid #E4E4E4;
			background: #FFF;
			min-height:calc(100vw * (64/375));
			padding:0 calc(100vw * (20/375));
			position:relative;
			display:flex;
			align-items:center;
			.placeholder {
				position:absolute;
				top:50%;
				left:calc(100vw * (20/375));
				transform:translateY(-50%);
				font-size: calc(100vw * (16/375));
				font-weight: 400;
				transition:0.35s;
			}
			.msg_inp {
				width:100%;
				background:transparent;
				font-size: calc(100vw * (16 / 375));
				font-weight: 400;
			}
			.select_code {
				font-size: calc(100vw * (16 / 375));
				font-weight: 400;
			}
		}
		.country_select:after {
			content:"";
			width:calc(100vw * (12/375));
			height:calc(100vw * (12/375));
			background:url('../image/sub/country_point.png');
			background-size:100%;
			position:absolute;
			top:50%;
			right: calc(100vw * (20/375));
			transform:translateY(-50%);
		}
		.card_regist_inp.on {
			.placeholder {
				top:calc(100vw * (12/375));
				transition:0.35s;
				color: #A1A1A1;
				font-size: 11px;
				font-weight: 400;
			}
			.msg_inp {
				margin-top: calc(100vw * (12 / 375));
			}
			.select_code {
				margin-top: calc(100vw * (12 / 375));
			}
		}
	}
}
.card_country_modal{
	.card_country_box {
		display:flex;
		flex-direction:column;
		max-height: calc(100vw * (400 / 375));
        overflow: auto;
		.card_country_list {
			min-height:calc(100vw * (62/375));
			display:flex;
			padding:0 calc(100vw * (12/375));
			justify-content: space-between;
			align-items: center;
			border-bottom: calc(100vw * (1/375)) solid #E4E4E4;
			font-size:calc(100vw * (16/375));
		}
		.card_country_list.on {
			font-weight:700;
		}
		.card_country_list.on:after {
			content:"";
			width:calc(100vw * (13/375));
			height:calc(100vw * (13/375));
			background:url('../image/sub/country_select.png');
			background-size:100% 100%;
		}
	}
}
.card_country_modal.on{
	transform:translate(0);
}
.modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 101;
}
.modal-content {
    background: #f3f3f3;
    padding: calc(100vw * (20/375)) calc(100vw * (12/375));
    border-radius: calc(100vw * (18/375));
    width: 90%;
    display: flex;
    flex-direction: column;
    gap: calc(100vw * (6/375));
    align-items: center;
    .modal_btn_group {
        width: 100%;
        margin-top: calc(100vw * (14/375));
    }
    select, input {
        padding: calc(100vw * (12/375)) calc(100vw * (20/375));
        border-radius: calc(100vw * (18/375));
        background-color: #fff;
        width: 100%;
        min-height: calc(100vw * (60/375));
        font-size: calc(100vw * (16/375));
        line-height: calc(100vw * (22/375));
    }
    select:disabled {
        background-color: #fff;
        color: #9f9f9f;
    }
}
.card_info_box {
    display: flex;
    flex-direction: column;
    gap: calc(100vw * (10/375));
    padding: calc(100vw * (20/375));
    border-radius: calc(100vw * (18/375));
    background-color: #fff;
}
.card_info_row {
    display: flex;
    flex-direction: column;
    gap: calc(100vw * (6/375));
}
.card_info_idx {
    color: #767676;
    font-size: calc(100vw * (12/375));
    font-weight: 400;
}
.card_info_text {
    font-size: calc(100vw * (13/375));
    font-weight: 400;
}
.card_info_text span {
    color: #767676;
}

/* Card - Nocard */

.card_wrap .nocard {
    padding: calc(100vw * (30/375)) calc(100vw * (12/375));
    background-color: var(--bgcolor);
    .nocard_img {
        width: calc(100vw * (186/375));
        margin: 0 auto;
    }
    .nocard_btn {
        padding: 0 calc(100vw * (20/375));
        border-radius: calc(100vw * (18/375));
        background-color: #00A3E4;
        color: #fff;
        font-size: calc(100vw * (14/375));
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        height: calc(100vw * (44/375));
        width: fit-content;
        margin: calc(100vw * (28/375)) auto calc(100vw * (40/375));
    }
}

/* Card - Delivery */

.card_wrap .delivery {
    padding: calc(100vw * (50/375)) calc(100vw * (12/375)) calc(100vw * (20/375));
    .delivery_img {
        width: calc(100vw * (134/375));
        margin: 0 auto;
    }
    .delivery_img img {
        filter: drop-shadow(1.5px 1.5px 1px rgba(0, 0, 0, 0.30));
    }
    .delivery_title {
        text-align: center;
        font-size: calc(100vw * (18/375));
        font-weight: 700;
        margin-top: calc(100vw * (50/375));
    }
    .delivery_tit {
        text-align: center;
        font-size: calc(100vw * (13/375));
        color: #767676;
        margin: calc(100vw * (6/375)) 0 calc(100vw * (64/375));
    }
}

/* Card - Mycard */

.card_wrap .mycard {
    padding: calc(100vw * (40/375)) 0 0;
    .mycard_top {
        display: flex;
        align-items: center;
        gap: calc(100vw * (30/375));
        padding-right: calc(100vw * (12/375));
    }
    .mycard_img {
        width: calc(100vw * (130/375));
    }
    .mycard_img img {
        filter: drop-shadow(1.5px 1.5px 1px rgba(0, 0, 0, 0.30));
    }
    .mycard_info {
        flex: 1;
    }
    .mycard_title {
        font-size: calc(100vw * (16/375));
        color: #00A3E4;
        font-weight: 700;
        margin-bottom: calc(100vw * (20/375));
        padding-bottom: calc(100vw * (10/375));
        border-bottom: 1px solid #e4e4e4;
    }
    .mycard_text_group {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (24/375));
    }
    .mycard_text_row {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (6/375));
    }
    .mycard_text_box {
        display: flex;
        align-items: center;
        gap: calc(100vw * (14/375));
    }
    .mycard_idx {
        font-size: calc(100vw * (12/375));
        color: #767676;
    }
    .mycard_txt {
        font-size: calc(100vw * (16/375));
    }
    .mycard_bottom {
        padding: calc(100vw * (50/375)) calc(100vw * (12/375)) calc(100vw * (20/375));
    }
    .mycard_bottom_box {
        padding: calc(100vw * (20/375));
        display: flex;
        flex-direction: column;
        background-color: #fff;
        border-radius: calc(100vw * (18/375));
    }
    .mycard_balance {
        display: flex;
        align-items: center;
        margin-bottom: calc(100vw * (20/375));
        padding-bottom: calc(100vw * (24/375));
        border-bottom: 1px solid #e4e4e4;
    }
    .balance_col {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (8/375));
    }
    .col1 {
        align-items: flex-start;
    }
    .col2 {
        align-items: flex-end;
    }
    .balance_idx {
        color: #767676;
        font-size: calc(100vw * (12/375));
    }
    .balance_val {
        font-size: calc(100vw * (13/375));
    }
    .balance_val span {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
        line-height: calc(100vw * (13/375));
        margin-right: calc(100vw * (2/375));
    }
    .balance_arw {
        width: calc(100vw * (26/375));
    }
    .balance_title {
        font-size: calc(100vw * (12/375));
        font-weight: 700;
    }
    .balance_tit {
        font-size: calc(100vw * (13/375));
        margin-top: calc(100vw * (6/375));
    }
    .lost_notice {
        color: #e00000;
        font-size: calc(100vw * (18/375));
        font-weight: 700;
        text-align: center;
    }
    .lost_date {
        font-size: calc(100vw * (13/375));
        color: #767676;
        text-align: center;
        margin-top: calc(100vw * (2/375));
    }
    .lost_btn {
        width: 100%;
        background-color: #fff;
        border-radius: calc(100vw * (18/375));
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(100vw * (8/375));
        font-size: calc(100vw * (12/375));
        padding: calc(100vw * (12/375));
        margin-top: calc(100vw * (20/375));
    }
    .lost_btn img {
        width: calc(100vw * (26/375));
    }
}

.topup_modal {
	.modal_title {
		span {
			font-size: calc(100vw * (13 / 375));
			font-weight: 400;
		}
	}
    .topup_grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: calc(100vw * (6/375));
        margin-top: calc(100vw * (16/375));
    }
    .topup_val {
        display: flex;
        align-items: center;
        justify-content: center;
		flex-direction:column;
        border-radius: calc(100vw * (8/375));
        border: 1px solid #e4e4e4;
        height: calc(100vw * (66/375));
		text-align: center;
		row-gap: calc(100vw * (4 / 375));
		user-select: none;
    }
	.topup_val span {
		font-size:calc(100vw * (12/375));
		font-weight:700;
	}
	.topup_val span.php {
		display: flex;
		column-gap: calc(100vw * (4 / 375));
	}
	.topup_val span.php span.charge {
		color: var(--textGrey, #767676);
		font-size: calc(100vw * (12 / 375));
		font-weight: 400;
		letter-spacing: pxcalc(100vw * (-0.6 / 375));
	}
	.topup_val span.php span.word {
		color: var(--textLightGrey, #C2C2C2);
		font-size: calc(100vw * (12 / 375));
		font-weight: 400;
	}
    .topup_val.on {
        border: 2px solid #00A3E4;
        background-color: #f3fcff;
        font-weight: 700;
        box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
    }
    .topup_modal_txt {
        padding: calc(100vw * (12/375));
        border-radius: calc(100vw * (18/375));
        background-color: #f3fcff;
        border: 1px solid #b0e8ff;
        color: #767676;
        font-size: calc(100vw * (12/375));
        margin: calc(100vw * (12/375)) 0 calc(100vw * (20/375));
    }
}

.topup_result_modal {
    .com_modal_box {
        padding: 0 calc(100vw * (12/375)) calc(100vw * (30/375));
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 0;
        height: 100vh;
        background-color: #f3f3f3;
        max-height: unset;
    }
    .com_btn {
        width: 100%;
    }
    .modal_okay_img {
        width: calc(100vw * (80/375));
        margin-top: 30vh;
    }
    .modal_okay_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
        margin: calc(100vw * (24/375)) 0 calc(100vw * (10/375));
    }
    .modal_okay_txt {
        font-size: calc(100vw * (15/375));
        max-width: calc(100vw * (230/375));
        text-align: center;
    }
    .modal_okay_txt span {
        color: #00A3E4;
    }

}

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

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


/* Card - Card lost */

.card_lost_inner {
    flex: 1;
    background-color: #f3f3f3;
    padding: calc(100vw * (70/375)) calc(100vw * (12/375)) calc(100vw * (20/375));
    .card_lost_title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: calc(100vw * (18/375));
        font-weight: 700;
    }
    .card_lost_title img {
        width: calc(100vw * (48/375));
        margin-right: calc(100vw * (22/375));
    }
    .card_lost_info {
        padding: calc(100vw * (20/375)) calc(100vw * (16/375));
        border-radius: calc(100vw * (18/375));
        background-color: #fff;
        display: flex;
        align-items: center;
        gap: calc(100vw * (20/375));
        margin: calc(100vw * (30/375)) 0 calc(100vw * (20/375));
    }
    .card_lost_img {
        width: calc(100vw * (54/375));
    }
    .card_lost_img img {
        filter: drop-shadow(0 0 3px rgba(0,0,0,0.12));
    }
    .card_lost_tit {
        font-size: calc(100vw * (14/375));
        font-weight: 700;
    }
    .card_lost_num {
        font-size: calc(100vw * (12/375));
        color: #767676;
    }
    .card_lost_btn_group {
        display: flex;
        align-items: center;
        gap: calc(100vw * (6/375));
    }
    .card_lost_btn {
        background-color: #fff;
        border-radius: calc(100vw * (18/375));
        padding: calc(100vw * (20/375)) calc(100vw * (12/375)) 0;
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (4/375));
        font-size: calc(100vw * (14/375));
        height: calc(100vw * (100/375));
        flex: 1;
		font-weight:700;
		text-align:left;
		line-height:1.2
    }
    .card_lost_btn img {
        width: calc(100vw * (26/375));
    }
    .card_lost_btn span {
        max-width: calc(100vw * (60/375));
    }
    .lost_pause {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(100vw * (2/375));
        text-align: center;
        margin: calc(100vw * (30/375)) 0;
    }
    .pause_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
        color:#e00000;
    }
    .pause_date {
        color: #767676;
        font-size: calc(100vw * (13/375));
    }
}

.lost_pop {
    padding: calc(100vw * (12/375)) calc(100vw * (20/375));
    background-color: #fff;
    border-radius: calc(100vw * (18/375));
    border: 2px solid #00A3E4;
    background-color: #f3fcff;
    position: fixed;
    bottom: calc(100vw * (20/375));
    left: calc(100vw * (12/375));
    right: calc(100vw * (20/375));
    text-align: center;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
    display: none;
    .lost_pop_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
    }
    .lost_pop_txt {
        margin-top: calc(100vw * (4/375));
        font-size: calc(100vw * (12/375));
        color: #767676;
    }
}

.report_modal{
    .report_modal_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
        text-align: center;
        max-width: calc(100vw * (290/375));
        margin: calc(100vw * (80/375)) auto calc(100vw * (6/375));
    }
    .report_modal_tit {
        font-size: calc(100vw * (12/375));
        color: #767676;
        text-align: center;
        width: 100%;
        margin-bottom: calc(100vw * (80/375));
    }
}
.report_modal.on{
    transform: translateY(0%);
}

.report_okay_modal {
    .com_modal_box {
        background-color: #f3f3f3;
        height: 100vh;
        max-height: unset;
        border-radius: 0;
    }
    .okay_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
        text-align: center;
        margin-top: 10vh;
    }
    .okay_modal_img {
        width: calc(100vw * (134/375));
        margin: calc(100vw * (30/375)) auto;
    }
    .okay_modal_img img {
        filter: drop-shadow(1.5px 1.5px 1px rgba(0, 0, 0, 0.30))
    }
    .okay_tit {
        color: #767676;
        font-size: calc(100vw * (12/375));
        text-align: center;
    }
    .com_btn {
        width: 100%;
    }
}
.report_okay_modal.on {
    transform: translateY(0%);
}

/* Card - list */

.card_list_inner {
    background-color: #f3f3f3;
    flex: 1;
    display: flex;
    flex-direction: column;
    .card_list_top {
        padding: calc(100vw * (30/375)) calc(100vw * (12/375)) calc(100vw * (24/375));
    }
    .card_list_tit {
        font-size: calc(100vw * (12/375));
    }
    .card_list_num {
        color: #c2c2c2;
        font-size: calc(100vw * (32/375));
        line-height: 1em;
        margin: calc(100vw * (8/375)) 0 calc(100vw * (12/375));
    }
    .card_list_num span {
        font-weight: 700;
        color: #202020;
        margin-right: calc(100vw * (4/375));
        letter-spacing: -0.04em;
    }
    .card_list_date {
        color: #767676;
        font-size: calc(100vw * (12/375));
    }
    .card_list_line {
        width: 100%;
        height: calc(100vw * (8/375));
        background-color: #e4e4e4;
    }
    .card_list_bottom {
        padding: calc(100vw * (12/375));
		flex:1;
		display:flex;
		flex-direction:column;
    }
    .card_list_filter {
        background-color: #fff;
        padding: calc(100vw * (6/375)) calc(100vw * (12/375));
        border-radius: calc(100vw * (8/375));
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(100vw * (14/375));
        color: #767676;
    }
    .card_list_group {
        margin-top: calc(100vw * (12/375));
        display: flex;
        flex-direction: column;
		flex:1;
    }
	.empty_list {
		display: flex;
        flex-direction: column;
		flex:1;
		align-items:center;
		justify-content:center;
		gap:calc(100vw * (6/375));
		font-size:calc(100vw * (12/375));
	}
    .card_list {
        padding: calc(100vw * (20/375)) 0;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #E5E7ED;
        padding-left: calc(100vw * (12/375));
    }
    .card_list_left {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (5/375));
		max-width:calc(100vw * (250/375));
    }
	.card_list_idx {
		font-weight:700;
	}
    .card_list_idx::before {
        content: '';
        width: calc(100vw * (5/375));
        height: calc(100vw * (5/375));
        background-color: #202020;
        position: absolute;
        top: calc(100vw * (7/375));
        left: calc(100vw * (-12/375));
        border-radius: 50%;
    }
    .card_list_val {
        color: #c2c2c2;
    }
    .card_list_val span {
        color: #202020;
        font-weight: 700;
        margin-right: calc(100vw * (3/375));
    }
	.card_list.cancel {
        color: #c2c2c2 !important;
        .card_list_date {
            color: #c2c2c2;
        }
        .card_list_idx::before {
            background-color: #c2c2c2;
        } 
        .cancel_mark {
            color: #e00000;
            margin-left: calc(100vw * (4/375));
        }
        .card_list_idx {
            font-weight: 400;
        }
        .card_list_val span {
            color: #c2c2c2;
        }
    }
	
	.card_list.pending {
        color: #c2c2c2 !important;
        .card_list_date {
            color: #c2c2c2;
        }
        .card_list_idx::before {
            background-color: #c2c2c2;
        } 
        .pending_mark {
            color: #ef7000;
            margin-left: calc(100vw * (4/375));
        }
        .card_list_idx {
            font-weight: 400;
        }
        .card_list_val span {
            color: #c2c2c2;
        }
    }
}

.card_list_modal {
    .com_modal_box {
        padding: 0 calc(100vw * (12/375)) calc(100vw * (30/375));
    }
    .list_modal_row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        font-size: calc(100vw * (12/375));
		.list_modal_right {
			max-width: calc(100vw * (220/375));
			span {
				width:100%;
				text-align:right;
				display:block;
			}
		}
    }
    .list_modal_row.status .list_modal_right{
        font-weight: 700;
    }

    .list_modal_row.status .type1 {
        color: #00A3E4;
    }
    .list_modal_row.status .type2 {
        color: #e00000;
    }
    .list_modal_row.status .type3 {
        color: #767676;
    }
    
    .list_modal_right .gray {
        font-weight: 400;
        color: #767676;
        margin-left: calc(100vw * (3/375));
    }
    .list_modal_top .list_modal_right {
        font-weight: 700;
		display:flex;
		align-items:center;
    }

    .list_modal_top,
    .list_modal_mid,
    .list_modal_bottom {
        padding: calc(100vw * (20/375)) 0;
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (12/375));
    }
    .list_modal_mid {
        border-top: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
    }
    .list_modal_bottom {
        color: #00A3E4;
        font-weight: 700;
    }
	.list_modal_bottom .list_modal_row {
		align-items:center;
	}
	.list_modal_bottom .list_modal_right {
		display:flex;
		align-items:center;
	}
    .list_modal_bottom .list_modal_right .val {
        font-size: calc(100vw * (18/375));
    }
	.list_modal_bottom .list_modal_right .gray {
		margin-top: calc(100vw * (5 / 375));
	}
    .com_btn {
        width: 100%;
    }
}

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

/* END Card */




/* foreign */

/* END foreign */




/* contact */

.contact_wrap {
    flex: 1;
    padding: calc(100vw * (10/375)) calc(100vw * (12/375)) calc(100vw * (90/375));
    flex-direction: column;
	display:flex;
	.empty_list {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(100vw * (12/375));
        flex-direction: column;
        flex: 1;
    }
    .arim_empty_img {
        width: calc(100vw * (90/375));
        height: calc(100vw * (90/375));
        border-radius: 50%;
        background-color: #f7f8fc;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .contact_switch_group {
        display: flex;
        align-items: center;
    }
    .contact_switch {
        flex: 1;
        border-bottom: 1px solid #d8d9dd;
        color: #a1a4a9;
        padding: calc(100vw * (12/375));
        text-align: center;
    }
    .contact_switch.on {
        border-bottom: 2px solid #171718;
        color: #171718;
    }
    .contact_regist {
        padding-top: calc(100vw * (30/375));
    }
    .contact_account {
        padding: calc(100vw * (20/375)) calc(100vw * (15/375));
        border-radius: calc(100vw * (18/375));
        background-color: #e4e4e4;
        border: 1px solid #e4e4e4;
        margin: calc(100vw * (10/375)) 0 0;
    }
    .contact_input_box {
        padding: calc(100vw * (20/375)) calc(100vw * (20/375));
        border-radius: calc(100vw * (18/375));
        margin: calc(100vw * (10/375)) 0 calc(100vw * (12/375));
        border: 1px solid #d8d9dd;
        width: 100%;
		background-color:#fff;
		position:relative;
		font-size: calc(100vw * (16 / 375));
    }
	.contact_input_box.on {
		padding: calc(100vw * (30/375)) calc(100vw * (20/375)) calc(100vw * (10/375));
	}
	.contact_input_box.focus {
		border-color:#202020;
	}
	.contact_input_txt {
		font-size: calc(100vw * (11 / 375));
		position:absolute;
		top: calc(100vw * (12 / 375));
		left: calc(100vw * (20 / 375));
		display:none;
		color: #A1A1A1;
	}
	.contact_input_box.on .contact_input_txt {
		display:block;
	}
	.contact_input {
		width:100%;
	}
	.contact_input_box.on .contact_input::placeholder {
		font-size:0;
		display:none;
	}
    .contact_textarea_box {
        padding: calc(100vw * (20 / 375));
        border: 1px solid #d8d9dd;
        border-radius: calc(100vw * (18/375));
        width: 100%;
        height: calc(100vw * (200/375));
		background-color:#fff;
		font-size: calc(100vw * (16 / 375));
    }
	.contact_textarea_box.on {
		padding: calc(100vw * (30 / 375)) calc(100vw * (20/375)) calc(100vw * (20/375));
	}
	.contact_textarea_box.focus {
		border-color:#202020;
	}
	.contact_textarea_txt {
		font-size: calc(100vw * (11 / 375));
		position:absolute;
		top: calc(100vw * (12 / 375));
		left: calc(100vw * (20 / 375));
		display:none;
		color:#a1a1a1;
	}
	.contact_textarea_box.on .contact_textarea_txt {
		display:block;
	}
	.contact_textarea_box.on .contact_textarea::placeholder {
		font-size:0;
		display:none;
	}
	.contact_textarea{
		width:100%;
		height:100%;
	}
    .text_limit {
        text-align: right;
        margin: calc(100vw * (6/375)) 0 calc(100vw * (30/375));
        font-size: calc(100vw * (13/375));
        color: #767676;
    }
    .com_btn {
        width: 100%;
    }
    .contact_notice {
        display: flex;
        align-items: center;
        gap: calc(100vw*(8 / 375));
        width: 100%;
        padding: calc(100vw*(10 / 375)) calc(100vw*(13 / 375));
        background-color: #f7f8fc;
        border-radius: calc(100vw*(50 / 375));
        font-size: calc(100vw*(13 / 375));
    }
    .contact_list_group {
		flex: 1;
        display: flex;
        flex-direction: column;
        gap: calc(100vw*(10 / 375));
        margin-top: calc(100vw*(20 / 375));
    }
    .contact_list {
        width: 100%;
        border-radius: calc(100vw*(18 / 375));
        padding: calc(100vw*(20 / 375));
        border: 1px solid #e4e4e4;
        display: flex;
        gap: calc(100vw*(10 / 375));
        align-items: center;
        background-color: #fff;
    }
    .contact_text {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    .contact_type {
        font-size: calc(100vw*(12 / 375));
        font-weight: 400;
        color: #00A3E4;
    }
    .contact_type.not {
        color: #767676;
    }
    .contact_title {
        margin: calc(100vw*(20 / 375)) 0;
/*        max-width: 100%;*/
        max-width: calc(100vw * (292 / 375));
        font-weight: 700;
        font-size: calc(100vw*(18/ 375));
		-webkit-line-clamp:2; 
	    -webkit-box-orient:vertical; 
	    overflow:hidden; 
	    text-overflow:ellipsis;
		display: -webkit-box;
    }
    .contact_date {
        font-size: calc(100vw*(12/375));
        color: #767676;
    }
    .contact_view_date span {
        color: #00A3E4;
    }
    .contact_view_inner {
        padding-top: calc(100vw*(30/375));
    }
    .contact_view_title {
        font-size: calc(100vw*(18/375));
        font-weight: 700;
		word-wrap: break-word;
    }
    .contact_view_date {
        font-size: calc(100vw*(13/375));
        color: #767676;
        margin: calc(100vw*(12/375)) 0 calc(100vw*(20/375));
    }
    .contact_view_title_row {
        border-bottom: 1px solid #d8d9dd;
    }
    .contact_question {
        padding: calc(100vw*(20/375)) 0;
        line-height: 1.8em;
		word-wrap: break-word;
    }
    .answer_mark {
        color: #00A3E4;
        font-size: calc(100vw*(14/375));
        font-weight: 700;
        margin-bottom: calc(100vw*(10/375));
    }
    .contact_answer {
        padding: calc(100vw*(20/375)) calc(100vw*(12/375));
        border-radius: calc(100vw*(18/375));
        background-color: #fff;
        line-height: 1.8em;
		word-break: break-word;
    }
    .contact_ans_link {
        color: #4f7ae5;
        display: block;
        margin-top: calc(100vw*(20/375));
    }
    .card_input_group {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (6/375));
        margin-top: calc(100vw * (12/375));
    }
    .card_input_box {
        padding: calc(100vw * (12/375)) calc(100vw * (20/375));
        background-color: #fff;
        border-radius: calc(100vw * (18/375));
        min-height: calc(100vw * (65/375));
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .card_input_box.focus {
        border: 1.5px solid #202020;
    }
    .card_input_title {
        font-size: calc(100vw * (16/375));
        color: #a1a1a1;
    }
    .card_input_box.on .card_input_title {
        font-size: calc(100vw * (11/375));
    }
    .card_input {
        font-size: calc(100vw * (16/375));
        background-color: transparent;
        margin-top: calc(100vw * (4/375));
        display: none;
        line-height: calc(100vw * (22/375));
    }
    textarea.card_input {
        resize: none;
        height: calc(100vw * (280/375));
        min-height: calc(100vw * (280/375));
        line-height: calc(100vw * (22/375));
    }
    .card_input_box.on .card_input {
        display: block;
    }
    .card_regist_subtit {
        font-size: calc(100vw * (12/375));
        color: #767676;
        text-align: center;
        margin: calc(100vw * (30/375)) auto calc(100vw * (24/375));
        max-width: calc(100vw * (250/375));
    }
}

.contact_modal {
    transform: translate(0%,0%);
    z-index: 99;
    .com_modal_box {
        background-color: #f3f3f3;
        max-height: unset;
        border-radius: 0;
        padding: calc(100vw * (110/375)) calc(100vw * (12/375)) calc(100vw * (10/375));
        height: 100vh;
        display: flex;
        flex-direction: column;
    }
    .contact_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
    }
    .contact_type_group {
        margin-top: calc(100vw * (20/375));
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (10/375));
        margin-bottom: calc(100vw * (20/375));
    }
    .contact_type {
        border: 1px solid #d8d9dd;
        border-radius: calc(100vw * (8/375));
        height: calc(100vw * (62/375));
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .contact_type.on {
        background-color: #fff;
        border-color: #00A3E4;
    }

    .contact_type.on span::before {
        content: '';
        width: calc(100vw * (24/375));
        height: calc(100vw * (24/375));
        position: absolute;
        left: calc(100vw * (-30/375));
        background-image: url(../image/sub/contact_chk.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .faq_link {
        margin: calc(100vw * (30/375)) auto 0;
        text-align: center;
        display: block;
        border-bottom: 1px solid rgba(118, 118, 118, 1);
        width: fit-content;
    }
    .faq_link span {
        color: #767676;
    }
    .com_btn {
        width: 100%;
        margin-top: unset;
    }
}

.contact_modal.off {
    transform: translate(-100%, 0%);
}

.contact_wrap {
    transform: translate(0%, 0%);
    transition: 0.5s ease-in-out;
}

.contact_wrap.off {
    transform: translate(100%, 0%);
}

/* END contact */




/* ECT */

/* END ECT */




/* arim */

.arim_wrap {
    padding: calc(100vw * (16/375)) calc(100vw * (12/375));
    flex: 1;
    display: flex;
    flex-direction: column;
    .arim_notice {
        display: flex;
        align-items: center;
        gap: calc(100vw * (8/375));
        width: 100%;
        padding: calc(100vw * (12/375));
        background-color: #f3fcff !important;
        border: 1px solid #b0e8ff;
        border-radius: calc(100vw * (50/375));
        font-size: calc(100vw * (13/375));
		svg {
			display:block !important;
		}
    }
    .arim_list_group {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (20/375));
        padding: calc(100vw * (20/375)) 0;
    }
    .arim_list {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (6/375));
    }
    .arim_top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 calc(100vw * (12/375));
    }
    .arim_xbtn {
        padding: calc(100vw * (10/375));
    }
    .arim_type {
        font-size: calc(100vw * (12/375));
        color: #00A3E4;
        font-weight: 700;
    }
    .arim_title {
        padding: calc(100vw * (20/375));
        background-color: #fff;
        border-radius: calc(100vw * (18/375));
        margin-top: calc(100vw * (6/375));
    }
    .arim_date {
        font-size: calc(100vw * (12/375));
        color: #767676;
    }
    .empty_list {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(100vw * (12/375));
        flex-direction: column;
        flex: 1;
    }
    .arim_empty_img {
        width: calc(100vw * (90/375));
        height: calc(100vw * (90/375));
        border-radius: 50%;
        background-color: #e3e8e9;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* END arim */

/* Notice */

.notice_wrap {
	flex:1;
    flex-direction: column;
	display:flex;
    padding: calc(100vw * (10/375)) calc(100vw * (20/375)) 0;
	.empty_list {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(100vw * (12/375));
        flex-direction: column;
        flex: 1;
    }
    .arim_empty_img {
        width: calc(100vw * (90/375));
        height: calc(100vw * (90/375));
        border-radius: 50%;
        background-color: #f7f8fc;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .notice_list_group {
		flex:1;
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (20/375));
    }
    .notice_list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: calc(100vw * (15/375));
        padding-bottom: calc(100vw * (20/375));
        border-bottom: 1px solid #d8d9dd;
    }
    .notice_title_side {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (4/375));
    }
    .notice_date {
        font-size: calc(100vw * (12/375));
        color: #767676;
    }

    .notice_title {
        max-width: calc(100vw * (310/375));
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;  /* 2줄 넘어가면 말줄임 */
        -webkit-box-orient: vertical;
    }

    .notice_view_title {
        font-size: calc(100vw * (18/375));
        color: #1e2236;
        font-weight: 700;
    }
    .notice_view_date {
        font-size: calc(100vw * (12/375));
        color: #888;
        margin-top: calc(100vw * (12/375)) ;
    }
    .notice_view_text {
        padding: calc(100vw * (20 / 375)) 0;
        margin: calc(100vw * (20 / 375)) calc(100vw * (20 / 375)) 0;
        width: 100%;
        left: calc(100vw * (-20/375));
        line-height: 1.45em;
        font-size: calc(100vw * (14/375));
        min-height: 50vh;
		word-wrap: break-word;
		border-top: 1px solid #d8d9dd;
    }
    .com_btn {
        width: 100%;
    }
}

/* END Notice */


/* event */



/* END event */

.event_wrap {
    padding: calc(100vw * (10/375)) calc(100vw * (12/375)) calc(100vw * (80/375));
    display: flex;
    flex-direction: column;
    flex: 1;
    .event_top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: calc(100vw * (10/375)) calc(100vw * (16/375));
        font-size: calc(100vw * (16/375));
        color: #fff;
        font-weight: 600;
        background-color: #906d8a;
        border-radius: calc(100vw * (18/375));
    }
    .event_icon {
        width: calc(100vw * (42/375));
    }
    .event_list {
		flex:1;
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (8/375));
        align-items: center;
        margin-top: calc(100vw * (10/375));
    }
    .mission_check {
        width: 100%;
        padding: calc(100vw * (20/375));
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (12/375));
        border-radius: calc(100vw * (18/375));
        background-color: #fff;
        margin-top: calc(100vw * (0/375));
        box-shadow: 0px 14px 12px -12px rgba(0, 0, 0, 0.12);
    }
    .check_title_row {
        display: flex;
        align-items: center;
        gap: calc(100vw * (12/375));
    }
    .check_title_row img {
        width: calc(100vw * (42/375));
    }
    .chk_title_box {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (2/375));
    }
    .chk_subtitle {
        font-size: calc(100vw * (12/375));
        color: #767676;
        font-weight: 400;
    }
    .chk_title {
        font-size: calc(100vw * (16/375));
        font-weight: 700;
    }
    .mission_check_btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(100vw * (10/375));
        font-size: calc(100vw * (12/375));
        font-weight: 700;
        border-radius: calc(100vw * (8/375));
        background-color: #f2f6f5;
        padding: calc(100vw * (10/375)) calc(100vw * (12/375));
    }
    .mission_roulette {
        width: 100%;
        border-radius: calc(100vw * (18/375));
        background-color: #fff;
        overflow: hidden;
        margin-top: calc(100vw * (0/375));
        box-shadow: 0px 14px 12px -12px rgba(0, 0, 0, 0.12);
    }
    .roulette_title {
        font-size: calc(100vw * (22/375));
        font-weight: 700;
    }
    .roulette_txt {
        font-size: calc(100vw * (14/375));
        font-weight: 400;
        margin: calc(100vw * (6/375)) 0 calc(100vw * (12/375));
    }
    .roulette_btn {
        font-size: calc(100vw * (12/375));
        font-weight: 700;
        padding: calc(100vw * (10/375)) calc(100vw * (12/375));
        border-radius: calc(100vw * (8/375));
        background-color: #f2f6f5;
        width: fit-content;
    }
    .roulette_txt_box {
        max-width: calc(100vw * (145/375));
    }
    .mission_thumb {
        min-width: calc(100vw * (42/375));
        max-width: calc(100vw * (42/375));
    }
    .mission_text {
        display: flex;
        flex-direction: column;
    }
    .mission_subtitle {
        color: #767676;
        font-size: calc(100vw * (12/375));
        font-weight: 400;
    }
    .mission_title {
        font-size: calc(100vw * (16/375));
        font-weight: 700;
        margin-top: calc(100vw * (2/375));
    }
    .mission_btn {
        padding: calc(100vw * (3/375)) calc(100vw * (8/375));
        border-radius: calc(100vw * (50/375));
        color: #FFF;
        font-size: calc(100vw * (12/375));
        font-weight: 700;
        background-color: #00A3E4;
        width: fit-content;
        margin-top: calc(100vw * (12/375));
    }
    .special_mission {
        width: 100%;
/*        flex: 1;*/
        display: flex;
        gap: calc(100vw * (12/375));
        background-color: #fff;
        border-radius: calc(100vw * (18/375));
        padding: calc(100vw * (20/375));
        box-shadow: 0px 14px 12px -12px rgba(0, 0, 0, 0.12);
        position: relative;
    }
    .special_mission_row {
        width: 100%;
    }
}


/* FAQ */

.faq_wrap {
	flex: 1;
    flex-direction: column;
	display:flex;
	.empty_list {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(100vw * (12/375));
        flex-direction: column;
        flex: 1;
    }
    .arim_empty_img {
        width: calc(100vw * (90/375));
        height: calc(100vw * (90/375));
        border-radius: 50%;
        background-color: #f7f8fc;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .faq_switch_group {
        padding: 0 calc(100vw * (20/375));
        display: flex;
        align-items: center;
        gap: calc(100vw * (30/375));
        border-bottom: 1px solid #d8d9dd;
        max-width: 100vw;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .faq_switch {
        font-size: calc(100vw * (18/375));
        color: #a1a4a9;
        border-bottom: 2px solid transparent;
        padding-bottom: calc(100vw * (14/375));
        white-space: nowrap;
    }
    .faq_switch.on {
        color: #171718;
        border-color: #171718;
    }
    .faq_list_group {
		flex: 1;
        padding-top: calc(100vw * (10/375));
        display: flex;
        flex-direction: column;
    }
	.faq_list {
		margin: 0 calc(100vw * (20/375));
        border-bottom: 1px solid #d8d9dd;
	}
    .faq_title {
        display: flex;
        align-items: center;
        padding: calc(100vw * (30/375)) 0;
    }
    .faq_title span {
        flex: 1;
        max-width: calc(100vw * (310 / 375));
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .faq_arw {
        width: calc(100vw * (24/375));
        height: calc(100vw * (24/375));
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.5s ease-in-out;
    }
    .faq_ans {
        display: none;
        padding: calc(100vw * (30/375)) 0;
    }
    .faq_link {
        color: #4f7ae5;
        display: block;
        margin-top: calc(100vw * (20/375));
    }
    .faq_list.on .faq_arw {
        rotate: -180deg;
    }
}

/* END FAQ */




/* common_pw_modal */

/* END common_pw_modal */




/* Point_now */

.now_box {
    padding: calc(100vw * (10/375)) calc(100vw * (12/375)) calc(100vw * (20/375));
    flex: 1;
	.now_banner {
		img {
			width:100%;
		}
	}
    .now_item_group {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (8/375));
        margin-top: calc(100vw * (12/375));
    }
    .now_item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: calc(100vw * (20/375));
        border-radius: calc(100vw * (18/375));
        background-color: #fff;
        box-shadow: 0px 18px 12px -16px rgba(0, 0, 0, 0.06);
    }
    .item_icon {
        width: calc(100vw * (94/375));
    }
    .now_arw {
        width: calc(100vw * (32/375));
    }
    .item_tit {
        margin-top: calc(100vw * (6/375));
        font-size: calc(100vw * (12/375));
        color: #767676;
    }
    .fee_btn {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: calc(100vw * (8/375));
        color: #767676;
        font-size: calc(100vw * (13/375));
        margin-top: calc(100vw * (18/375));
    }
}

.now_modal {
    .now_modal_grid {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: calc(100vw * (8/375));
    }
    .now_modal_btn {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: calc(100vw * (10/375));
        height: calc(100vw * (66/375));
        background-color: #f7f8fc;
        font-size: calc(100vw * (14/375));
    }
    .now_modal_btn.on {
        background-color: #4f7ae5;
        color: #fff;
    }
    .now_modal_txt {
        font-size: calc(100vw * (13/375));
        text-align: center;
        color: #767676;
        margin: calc(100vw * (20/375)) 0 calc(100vw * (30/375));
    }
    .now_modal_txt span {
        color: #4f7ae5;
    }
    .fee_txt_group {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (10/375));
        font-size: calc(100vw * (12/375));
        color: #767676;
        line-height: 1.4em;
        margin-top: calc(100vw * (16/375));
    }
    .com_btn {
        width: 100%;
        margin-top: calc(100vw * (20/375));
    }
}

.modal_btn_group {
    display: flex;
    gap: calc(100vw * (6/375));
    .com_btn {
        flex: 5;
    }
    .com_btn:first-child {
        flex: 3;
    }
}

.okay_modal.on,
.now_modal.on {
    transform: translateY(0%);
}

.now_wrap {
    background-color: #fff;
    .sub_header {
        background-color: #fff;
    }
    .now_top_box {
        padding: calc(100vw * (20/375)) calc(100vw * (12/375)) calc(100vw * (30/375));
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (9/375));
        font-size: calc(100vw * (12/375));
        color: #767676;
    }
    .now_top_logo {
        width: calc(100vw * (126/375));
    }
    .now_bottom_box {
        padding: calc(100vw * (24/375)) calc(100vw * (12/375)) calc(100vw * (30/375));
        background-color: var(--bgcolor);
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    .now_bottom_title {
        font-size: calc(100vw * (14/375));
        font-weight: 700;
        color: #202020;
    }
    .now_bottom_txt {
        font-size: calc(100vw * (12/375));
        color: #767676;
        margin-top: calc(100vw * (2/375));
    }
    .now_bottom_input_group {
        display: flex;
        align-items: flex-end;
        padding: calc(100vw * (20/375));
        border-radius: calc(100vw * (12/375));
        background-color: #fff;
        gap: calc(100vw * (4/375));
        box-shadow: 0px 18px 12px -16px rgba(0, 0, 0, 0.06);
        margin-top: calc(100vw * (12/375));
    }
    .now_bottom_input_txt {
        font-size: calc(100vw * (16/375));
        color: #767676;
        bottom: calc(100vw * (2/375));
    }
    .now_bottom_input_group input {
        flex: 1;
        text-align: right;
        font-size: calc(100vw * (22/375));
        font-weight: 700;
        color: #202020;
    }
    .now_bottom_btn_group {
        display: flex;
        align-items: center;
        gap: calc(100vw * (6/375));
        margin-top: calc(100vw * (12/375));
    }
    .now_bottom_btn {
        flex: 1;
        border-radius: calc(100vw * (12/375));
        background-color: #E3E8E9;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(100vw * (14/375));
        height: calc(100vw * (50/375));
		flex-direction: column;
    }
	.now_bottom_btn b {
        font-size: calc(100vw * (11 / 375));
        font-weight: 400;
        letter-spacing: calc(100vw * (-0.44 / 375));
    }
    .now_bottom_box .com_btn {
        margin-top: auto;
        width: 100%;
    }
}

.point_okay_modal {
    transition: 0s;
    .com_modal_box {
        max-height: unset;
        height: 100vh;
        border-radius: 0;
        background-color: #f3f3f3;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .com_btn {
        width: 100%;
        margin-top: auto;
    }
    .point_okay_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
    }
    p {
        text-align: center;
        max-width: calc(100vw * (190/375));
        line-height: 1.33em;
        margin-top: calc(100vw * (10/375));
    }
    span {
        color: #00A3E4;
        font-weight: 700;
    }
    dotlottie-player {
        margin-top: 25vh;
    }
}
.point_okay_modal.on {
    transform: translateY(0%);
}


/* END Point_now */




/* voucher */

/* END voucher */


/* KYC */

.kyc_inner {
    padding: calc(100vw * (30/375)) calc(100vw * (12/375));
    flex: 1;
    display: flex;
    flex-direction: column;
    .com_btn {
        width: 100%;
    }
    .kyc_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
    }
    .kyc_subtitle {
        font-size: calc(100vw * (14/375));
        font-weight: 700;
        margin: calc(100vw * (20/375)) 0 calc(100vw * (8/375));
    }
    .kyc_txt {
        font-size: calc(100vw * (14/375));
        color: #767676;
    }
    .kyc_img_box {
        margin: calc(100vw * (70/375)) auto 0;
        width: calc(100vw * (284/375));
        height: calc(100vw * (284/375));
		display:flex;
		justify-content: center;
        align-items: center;
    }
    .com_btn_group {
        margin-top: auto;
    }
}
.kyc_inner2 {
	gap:calc(100vw * (20/375));
    .com_btn_group {
        margin-top: auto;
    }
    .kyc_info_group {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (12/375));
        margin-bottom: calc(100vw * (60/375));
    }
    .kyc_info_row {
        display: flex;
        align-items: center;
        gap: calc(100vw * (6/375));
        width: 100%;
    }
    .kyc_info_box {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (4/375));
        flex: 1;
    }
    .kyc_info_title {
        font-size: 12px;
        font-weight: 700;
    }
    .kyc_info {
        width: 100%;
        border-radius: calc(100vw * (6/375));
        border: 1px solid #e4e4e4;
        background-color: #fff;
        padding: calc(100vw * (8/375));
    }
    .kyc_info_box svg {
        position: absolute;
        top: 60%;
        right: calc(100vw * (8/375));
    }
	.kyc_info_bar {
		width:100vw;
		height: calc(100vw * (8/375));
		background:#e4e4e4;
		margin: calc(100vw * (8/375)) calc(100vw * (-12/375));
	}
	.kyc_info_row.referral_code {
		.kyc_info {
			padding: calc(100vw * (16/375)) calc(100vw * (12/375));
			font-size: calc(100vw * (16/375));
			font-weight: 700;
			text-align:center;
		}
	}
}

.kyc_okay_modal {
    transition: 0s;
    .com_modal_box {
        max-height: unset;
        height: 100vh;
        border-radius: 0;
        background-color: #f3f3f3;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .com_btn {
        width: 100%;
        margin-top: auto;
    }
    .point_okay_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
    }
    p {
        text-align: center;
        max-width: calc(100vw * (190/375));
        line-height: 1.33em;
        margin-top: calc(100vw * (10/375));
    }
    span {
        color: #00A3E4;
        font-weight: 700;
    }
    dotlottie-player {
        margin-top: 25vh;
    }
}

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


/* END KYC */



/* item */

/* END item */




/* ETC */
.etc_wrap {
    padding: calc(100vw * (150/375)) calc(100vw * (12/375)) 0;
}
.etc_view_wrap {
	.sub_header {
		border-bottom:1px solid #000;
	}
	.sub_header .name {
		left:50%;
		transform:translate(-50%,-50%);
	}
	.etc_wrap {
		padding: calc(100vw * (20/375)) calc(100vw * (12/375));
	}
}
.etc_wrap * {
    font-size: calc(100vw * (12/375));
    font-weight: 400;
}
.etc_switch {
    display: flex;
    align-items: center;
    margin-top: calc(100vw * (60/375));
	position: fixed;
	top:0;
	left:0;
	z-index:10;
	background-color: #f3f3f3;
	padding:0 calc(100vw * (12 / 375));
	border-bottom:1px solid #e4e4e4;
	overflow:scroll;
	width:100%;
    .switch {
		min-width:fit-content;
        text-align: center;
        padding: calc(100vw * (11/375)) calc(100vw * (16/375));
        border-bottom: 2px solid transparent;
        color: #999;
		line-height:2;
    }
    .active {
        color: #121212;
        border-bottom: 2px solid #121212;
    }
}

/* END Etc */




/* guide */

.guide_wrap {
    .sub_header {
        background-color: #fff;
    }
    .guide_switch_group {
        display: flex;
        background-color: #fff;
        gap: calc(100vw * (20/375));
        font-size: calc(100vw * (14/375));
        color: #a1a1a1;
        flex-wrap: nowrap;
        overflow: scroll;
        padding: 0 calc(100vw * (12/375));
    }
    .guide_switch {
        height: calc(100vw * (50/375));
        min-width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 2px solid transparent;
    }
    .guide_switch.on {
        border-color: #202020;
        font-weight: 700;
        color: #202020;
    }
    .guide_inner {
        padding: calc(100vw * (60/375)) calc(100vw * (12/375));
    }
    .guide_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
        text-transform: capitalize;
    }
    .guide_subtitle {
        font-size: calc(100vw * (14/375));
        color: #767676;
        margin: calc(100vw * (6/375)) 0 calc(100vw * (40/375));
    }
    .guide_tit {
        font-size: calc(100vw * (16/375));
        font-weight: 700;
    }
    .guide_list_group.disc {
        list-style: disc;
    }
    .guide_list_group {
        font-size: calc(100vw * (14/375));
        color: #767676;
        list-style: decimal;
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (6/375));
        padding-left: calc(100vw * (16/375));
        margin-top: calc(100vw * (12/375));
    }
    .guide_img {
        overflow: hidden;
        margin: 0 auto;
    }
    .section_line {
        height: calc(100vw * (8/375));
        width: 100vw;
        margin-left: calc(100vw * (-12/375));
        background-color: #e4e4e4;
    }
    .img1-2 {
        border-radius: calc(100vw * (20/375));
        width: calc(100vw * (286/375));
        box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.12);
    }
    .img1-5 {
        width: calc(100vw * (240/375));
        margin: calc(100vw * (30/375)) auto;
    }
    .img2-4 {
        width: calc(100vw * (283/375));
        margin: calc(100vw * (30/375)) auto;
    }
    .img2-5 {
        margin-top: calc(100vw * (30/375));
        border-radius: calc(100vw * (20/375));
        box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.12);
		background-color:#fff;
		word-break: keep-all;
		overflow-wrap: anywhere;
    }
	.guide2-5-box {
		padding:calc(100vw * (20 / 375)) calc(100vw * (12 / 375));
	}
	.guide2-5-box.guide2-5-gray {
		background-color:rgba(249, 249, 249, 1);
	}
	.guide2-5-title {
		font-size: calc(100vw * (16 / 375));
		font-weight: 700;
	}
	.guide2-5-charge {
		margin-top:calc(100vw * (6 / 375));
		display:flex;
		gap: calc(100vw * (2 / 375));
		font-size: calc(100vw * (13 / 375));
		.num {
			font-weight:700;
		}
		.word {
			font-weight:400;
		}
	}
	.guide2-5-periods1 {
		color: var(--textGrey, #767676);
		font-size: calc(100vw * (13 / 375));
		font-weight: 400;
	}
	.guide2-5-periods2 {
		font-size: calc(100vw * (13 / 375));
		font-weight: 700;
		margin-top: calc(100vw * (2 / 375));
	}
	.guide2-5-category {
		color: var(--textGrey, #767676);
		font-size: calc(100vw * (13 / 375));
		font-weight: 400;
	}
	.guide2-5-table {
		display:flex;
		flex-direction:column;
		row-gap: calc(100vw * (12 / 375));
		margin-top: calc(100vw * (12 / 375));
		dl {
			display:flex;
			justify-content: space-between;
			dt {
				font-size: calc(100vw * (13 / 375));
				font-weight: 400;
			}
			dd {
				display:flex;
				column-gap: calc(100vw * (2 / 375));
				font-size: calc(100vw * (13 / 375));
				.num {
					font-weight:700;
					max-width: calc(100vw * (100 / 375));
                    text-align: right;
				}
				.word {
					font-weight:400;
				}
			}
		}
	}
    .img4-5 {
        margin-top: calc(100vw * (30/375));
        border-radius: calc(100vw * (20/375));
        box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.12);
        width: calc(100vw * (287/375));
    }
	.card_switch_group {
        display: flex;
        padding: 0 calc(100vw * (12/375));
        border-bottom: 1px solid #e4e4e4;
        padding-top: calc(100vw * (10/375));
		background:#fff;
    }
    .card_switch {
        flex: 1;
        text-align: center;
        font-size: calc(100vw * (14/375));
        color: #a1a1a1;
        padding: calc(100vw * (12/375)) 0 ;
    }
    .card_switch.on {
        font-weight: 700;
        border-bottom: 2px solid #202020;
        color: #202020;
    }
}

/* END guide */




/* card_guide */

/* END card_guide */


/* Toast */
.toast-container {
	position: fixed;
	bottom: 5%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10001;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 100%;
	pointer-events: none; /* 클릭 방지 */
}

.toast {
	background-color: rgba(33, 33, 33, 0.95);
	color: #fff;
	padding: 12px 18px;
	margin: 6px 0;
	border-radius: 8px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	font-size: 1rem;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.4s ease, transform 0.4s ease;
	max-width: 90%;
	word-break: break-word;
	pointer-events: auto;
}

.toast.show {
	opacity: 1;
	transform: translateY(0);
}

.toast.success { background-color: #2ecc71; }
.toast.error   { background-color: #e74c3c; }
.toast.info    { background-color: #3498db; }
.toast.warning { background-color: #f39c12; }
/* End Toast*/

form {
	display:flex;
	flex-direction:column;
	flex:1;
}

#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:-1
}

#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: 5px;
	z-index:101;
}

#camera_start {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100vw;
	height:100vh;
	z-index:99;
}

/* App Pay */

span.pending,
span.approved,
span.rejected {
    font-size: calc(100vw * (13/375));
    font-weight: 700;
    padding: calc(100vw * (4/375));
    border-radius: calc(100vw * (5/375));
    color: #fff !important;
    width: fit-content;
}

span.pending {background-color: #ef7000;}
span.approved {background-color: #00A3E4;}
span.rejected {background-color: #c2c2c2;}

.pay_inner {
	display:flex;
	flex-direction:column;
    padding: calc(100vw * (16/375)) calc(100vw * (12/375));
    flex: 1;
    .point_list_filter {
        display: flex;
        align-items: center;
        padding: calc(100vw * (6/375)) calc(100vw * (12/375));
        border-radius: calc(100vw * (8/375));
        background-color: #fff;
        font-size: calc(100vw * (12/375));
    }
    .filter_total {
        color: #171717;
        min-width: calc(100vw * (80/375));
        max-height: calc(100vw * (80/375));
    }
    .filter_sort {
        color: #767676;
        line-height: calc(100vw * (10/375));
        margin-right: calc(100vw * (10/375));
        padding-right: calc(100vw * (10/375));
        border-right: 1px solid #c2c2c2;
    }
    .filter_date {
        color: #767676;
    }
    .filter_icon {
        margin-left: auto;
    }
    .pay_manage_group {
		flex:1;
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (6/375));
        margin-top: calc(100vw * (12/375));
    }
    .pay_manage {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (12/375));
        padding: calc(100vw * (20/375));
        border-radius: calc(100vw * (18/375));
        border: 1px solid #e4e4e4;
        background-color: #fff;
    }
    .manage_row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: calc(100vw * (12/375));
    }
    .manage_detail.val {
        color: #767676;
    }
    .manage_detail.val span {
        font-size: calc(100vw * (14/375));
        font-weight: 700;
        margin-right: calc(100vw * (3/375));
        color: #202020;
    }
    .com_btn_group {
        margin-top: calc(100vw * (8/375));
    }
    .com_btn {
        height: calc(100vw * (42/375));
    }
}

.okay_pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(2px);
    z-index: 10001;
    .okay_pop_box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-color: #fff;
        border-radius: calc(100vw * (30/375));
        width: calc(100vw * (280/375));
        padding: calc(100vw * (50/375)) calc(100vw * (12/375)) calc(100vw * (12/375));
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .okay_pop_txt {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
        text-align: center;
    }
    .com_btn {
        width: 100%;
    }
}

.empty_list {
	display: flex;
	flex-direction: column;
	flex:1;
	align-items:center;
	justify-content:center;
	gap:calc(100vw * (6/375));
	font-size:calc(100vw * (12/375));
}
/* END App Pay */

/* Verify */

.verify_wrap {
    flex: 1;
    padding: calc(100vw * (50/375)) calc(100vw * (12/375)) calc(100vw * (30/375));
    display: flex;
    flex-direction: column;
    .verify_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
    }
    .verify_txt {
        font-size: calc(100vw * (12/375));
        color: #767676;
        margin: calc(100vw * (6/375)) 0 calc(100vw * (40/375));
        max-width: calc(100vw * (260/375));
    }
    .verify_btn {
        display: flex;
        align-items: center;
        padding: 0 calc(100vw * (20/375));
        gap: calc(100vw * (10/375));
        border-radius: calc(100vw * (18/375));
        border: 1px solid #e4e4e4;
        background-color: #fff;
        height: calc(100vw * (65/375));
        font-size: calc(100vw * (16/375));
    }
    .verify_btn img {
        width: calc(100vw * (24/375));
    }
    .verify_btn .chk_mark {
        width: calc(100vw * (20/375));
        height: calc(100vw * (20/375));
        margin-left: auto;
    }
    .verify_btn.on .chk_mark::after {
        content: '';
        display: block;
        width: calc(100vw * (14/375));
        height: calc(100vw * (14/375));
        background-color: #00A3E4;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .verify_btn.on .chk_mark::before {
        content: '';
        display: block;
        width: calc(100vw * (20/375));
        height: calc(100vw * (20/375));
        border-radius: 50%;
        border: 1.5px solid #00A3E4;
    }
    .verify_btn .chk_mark::before {
        content: '';
        display: block;
        width: calc(100vw * (20/375));
        height: calc(100vw * (20/375));
        border-radius: 50%;
        border: 1.5px solid #e4e4e4;
    }
    .com_btn {
        width: 100%;
        margin-top: auto;
    }
    .verify_input_group {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(100vw * (6/375));
    }
    .verify_input_box {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        background-color: transparent;
        border-radius: calc(100vw * (8/375));
        border: 1px solid #e4e4e4;
        height: calc(100vw * (58/375));
    }
    .verify_input_box.on {
        background-color: #fff;
        border-color: #00A3E4;
        box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
    }
    .verify_input {
        max-width: calc(100vw * (53/375));
        max-height: 100%;
        background-color: transparent;
        font-size: calc(100vw * (24/375));
        text-align: center;
        font-weight: 700;
    }
    .verify_msg {
        margin: calc(100vw * (12/375)) 0;
    }
    .verify_msg p{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(100vw * (7/375));
        font-size: calc(100vw * (12/375));
    }
    .okay_msg {
        color: #68c55c;
    }
    .fail_msg {
        color: #e00000;
    }
    .timer {
        font-size: calc(100vw * (12/375));
    }
    .timer span {
        font-weight: 700;
        color: #0093ce;
    }
}

.email_verify_modal {
    .com_modal_box {
        border-radius: 0;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        padding: 0;
        background-color: #f3f3f3;
    }
    .modal_xbtn {
        top: calc(100vw * (5/375));
        right: calc(100vw * (5/375));
    }
}
.email_verify_modal.on {
    transform: translateY(0%);
}

.verify_wrap2 {
    flex: 1;
    padding: calc(100vw * (50/375)) calc(100vw * (12/375)) calc(100vw * (30/375));
    display: flex;
    flex-direction: column;
	word-break: keep-all;
    overflow-wrap: anywhere;
    .verify_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
		display:flex;
		align-itmes:center;
		gap:calc(100vw * (10/375));
		img {
			width:calc(100vw * (23/375));
		}
    }
    .verify_txt {
        font-size: calc(100vw * (12/375));
		font-weight:400;
        color: var(--gray-color);
        margin: calc(100vw * (6/375)) 0 calc(100vw * (30/375));
        max-width: calc(100vw * (260/375));
    }
	.verify_btn {
		display:flex;
		flex-direction:column;
		gap:calc(100vw * (13/375));
		border-radius: calc(100vw * (18/375));
		border: calc(100vw * (1/375)) solid #E4E4E4;
		background: #E5E5E5;
		padding:calc(100vw * (12/375));
	}
	.mail_info {
		display:flex;
		gap:calc(100vw * (6/375));
		align-items: flex-start;
		img {
			width:calc(100vw * (24/375));
			margin-top: calc(100vw * (2 / 375));
		}
		span {
			font-size: calc(100vw * (16/375));
			font-weight: 700;
			max-width:calc(100% - (100vw * (30/375)));
		}
	}
	.com_btn2 {
		border-radius: calc(100vw * (10/375));
		border: calc(100vw * (1/375)) solid var(--main-color);
		background: #FFF;
		color: var(--main-color);
		font-size: calc(100vw * (18/375));
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		min-height:calc(100vw * (52/375));
	}
	.com_btn2.unable {
		background: #E3E8E9;
		border:0;
		color: #C2C2C2;
	}
	.send_mail {
		width:100%;
	}
	.verify_code {
		margin-top:calc(100vw * (30/375));
		display:none;
		.verify_code_inner {
			display:flex;
			flex-direction:column;
		}
	}
	.chk_line {
		display:flex;
		gap:calc(100vw * (12/375));
		.verify_input {
			width:calc(100vw * (250/375));
			border-bottom:calc(100vw * (2/375)) solid #e4e4e4;
			font-size: calc(100vw * (18/375));
			font-weight: 600;
			background:transparent;
		}
		.verify_input::placeholder {
			color: #A1A1A1;
		}
	}
	.chk_line.on {
		.verify_input {
			border-color:var(--main-color);
		}
	}
	.btn_verify {
		width:calc(100% - (100vw * (262/375)));
	}
	.chk_massage_ok{
		display:none;
		.chk_ok {
			display:flex;
			gap:calc(100vw * (4/375));
			align-items:center;
			justify-content: center;
			margin-top:calc(100vw * (12/375));
			img {
				width:calc(100vw * (16/375));
			}
			span {
				color: #68C55C;
				font-size: calc(100vw * (12/375));
				font-weight: 400;
			}
		}
		.chk_ok.on{
			display:flex;
		}
	}
	.chk_massage_fail{
		display:none;
		.chk_fail {
			display:flex;
			gap:calc(100vw * (4/375));
			align-items:center;
			justify-content: center;
			margin-top:calc(100vw * (12/375));
			img {
				width:calc(100vw * (16/375));
			}
			span {
				color: #E00000;
				font-size: calc(100vw * (12/375));
				font-weight: 400;
			}
		}
		.chk_fail.on {
			display:flex;
		}
	}
	.next_btn{
		width:100%;
	}
}
/* END Verify */



/* Point Pay*/
.sub_header .name img {
    width: calc(100vw * (21 / 375));
    margin-right: calc(100vw * (6 / 375));
}

.sub_right .coin_home_btn.home_pay {
    display: none;
}
.point_pay_box {
    padding: calc(100vw * (6 / 375)) calc(100vw * (12 / 375)) calc(100vw * (30 / 375));
    flex: 1;
    display: flex;
    flex-direction: column;
}
.point_pay_box .my_cash {
    box-shadow: 0px 16px 30px -15px rgba(51, 179, 213, 0.70);
    border-radius: calc(100vw * (12 / 375));
    z-index: 1;
    background-image: url('../image/sub/my_cash_bg.png');
    background-size: cover;
    background-position: center;
    height: calc(100vw * (170 / 375));
}
.point_pay_box .my_cash > img {
    max-width: 100%;
}
.point_pay_box .my_cash .my_cash_txt {
    padding: calc(100vw * (24 / 375)) calc(100vw * (20 / 375));
    color: #fff;
}
.point_pay_box .my_cash .my_cash_txt .title {
    font-size:calc(100vw * (15 / 375));
    font-weight: 400;
}
.point_pay_box .my_cash .my_cash_txt .cash {
    display: flex;
    align-items: center;
    column-gap: calc(100vw * (6 / 375));
    margin-top: calc(100vw * (27.5 / 375));
}
.point_pay_box .my_cash .my_cash_txt .cash .num {
    font-size:calc(100vw * (36 / 375));
    font-weight: 700;
    letter-spacing: calc(100vw * (-1.08 / 375));
}
.point_pay_box .my_cash .my_cash_txt .cash .php {
    font-size:calc(100vw * (14 / 375));
    font-weight: 400;
    margin-top: calc(100vw * (12 / 375));
}
.point_pay_box .recipient {
    margin-top: calc(100vw * (24 / 375));
}
.point_pay_box .recipient .title {
    font-size: calc(100vw * (14 / 375));
    font-weight: 700;
}
.point_pay_box .user_mail {
    margin-top: calc(100vw * (10 / 375));
    font-size:calc(100vw * (16 / 375));
    font-weight: 400;
    border-radius: calc(100vw * (12 / 375));
    background: #E9E9E9;
    padding: calc(100vw * (12 / 375)) calc(100vw * (20 / 375));
    min-height: calc(100vw * (52 / 375));
    display: flex;
    align-items: center;
}
.point_pay_box .user_mail .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.point_pay_box .amount_sent {
    margin-top: calc(100vw * (24 / 375));
}
.point_pay_box .amount_sent .title {
    font-size: calc(100vw * (14 / 375));
    font-weight: 700;
}
.point_pay_box .amount_sent .view_point {
    margin-top: calc(100vw * (10 / 375));
    border-radius: calc(100vw * (12 / 375));
    border: calc(100vw * (1 / 375)) solid #E4E4E4;
    background: #FFF;
    padding: calc(100vw * (12 / 375)) calc(100vw * (20 / 375));
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: calc(100vw * (4 / 375));
}
.point_pay_box .amount_sent .view_point .num {
    font-size: calc(100vw * (28 / 375));
    font-weight: 700;
    letter-spacing: calc(100vw * (-0.84 / 375));
    width: 100%;
    text-align: right;
}
.point_pay_box .amount_sent .view_point .php {
    font-size: calc(100vw * (12 / 375));
    font-weight: 400;
    color: #767676;
    margin-top: calc(100vw * (12 / 375));
}
.point_pay_box .amount_sent .gift_btn_group{
    display: flex;
    flex-wrap: wrap;
    gap: calc(100vw * (6 / 375));
    margin-top: calc(100vw * (12 / 375));
}
.point_pay_box .amount_sent .gift_btn_group .gift_btn{
    width: calc((100% - calc(100vw * (12 / 375))) / 3);
    height: calc(100vw * (40 / 375));
    background-color: #E3E8E9;
    border-radius: calc(100vw * (12 / 375));
    display: flex;
    align-items: center;
    justify-content: center;
}
.point_pay_box .amount_sent .amount_point_txt{
    margin: calc(100vw * (20 / 375)) 0;
    font-size: calc(100vw * (12 / 375));
    font-weight: 400;
    color: #767676;
    text-align: center;
}
.point_pay_box .com_btn {
    width: 100%;
}
.pay_modal {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
}
.pay_modal.on {
    transform: translate(0%);
	z-index:9999;
}
.pay_modal .com_modal_box {
    max-height: unset;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #f3f3f3;
    border-radius: 0;
    padding: calc(100vw * (116 / 375)) calc(100vw * (12 / 375)) calc(100vw * (30 / 375));
}

.pay_modal .com_modal_box .cash_remittance {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: calc(100vw * (14 / 375));
}
.pay_modal .com_modal_box .cash_remittance > img {
    width: calc(100vw * (76 / 375));
    aspect-ratio: 1;
}
.pay_modal .com_modal_box .cash_remittance .title {
    font-size: calc(100vw * (18 / 375));
    font-weight: 400;
    text-align: center;
}
.pay_modal .com_modal_box .cash_remittance.completed .title {
    color: #00A3E4;
}
.pay_modal .com_modal_box .cash_remittance.failed .title {
    color: #E00000;
}
.pay_modal .com_modal_box .pay_modal_contents {
    margin-top: calc(100vw * (30 / 375));
    display: flex;
    padding: calc(100vw * (36 / 375)) calc(100vw * (30 / 375));
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc(100vw * (20 / 375));
    border-radius: calc(100vw * (18 / 375));
    border: calc(100vw * (1 / 375)) solid #E4E4E4;
    background: #FFF;
    box-shadow: 0px calc(100vw * (14 / 375)) calc(100vw * (12 / 375)) calc(100vw * (-12 / 375)) rgba(0, 0, 0, 0.12);
}
.pay_modal .com_modal_box .pay_modal_contents li {
    width: 100%;
    border-top: calc(100vw * (1 / 375)) dashed #E4E4E4;
    padding-top: calc(100vw * (20 / 375));
}
.pay_modal .com_modal_box .pay_modal_contents li:first-child {
    border-top: 0;
    padding-top: 0;
}
.pay_modal .com_modal_box .pay_modal_contents li .tit {
    font-size: calc(100vw * (12 / 375));
    color: #767676;
    font-weight: 400;
}
.pay_modal .com_modal_box .pay_modal_contents li .detail {
    font-size: calc(100vw * (22 / 375));
    font-weight: 400;
    display: flex;
    column-gap: calc(100vw * (4 / 375));
    margin-top: calc(100vw * (4 / 375));
}
.pay_modal .com_modal_box .pay_modal_contents li .detail .num {
    font-weight: 700;
    letter-spacing: calc(100vw * (-0.66 / 375));
}
/* END Point Pay*/


/* ********************event******************** */
/* event - ticket */
.sub_wrap.event_ticket_wrap .sub_header{
    background-color: #fff;
}
.event_ticket {
    background-color: #fff;
    .buy_lottery {
        position: relative;
        transform: none;
        overflow: visible;
        .bg {
            width: calc(100vw * (375 / 375));
            height: calc(100vw * (721 / 375));
            flex-shrink: 0;
            background-image: url(../image/sub/buy_lottery_bg.png);
            background-size: cover;
            background-repeat: no-repeat;
            position: absolute;
            top: 0;
            left: 0;
            
        }
        .top_area {
            padding-top: calc(100vw * (40 / 375));
            margin: 0 calc(100vw * (30 / 375)) calc(100vw * (16 / 375));
            .title {
                font-size: calc(100vw * (40 / 375));
                font-weight: 800;
                line-height: 1.15;
            }
            .sub_tit {
                font-size: calc(100vw * (18 / 375));
                font-weight: 800;
                line-height: 2;
                position: relative;
                z-index: 1;
                width: calc(100vw * (165 / 375));
                text-align: center;
                margin-left: calc(100vw * (4 / 375));
            }
            .sub_tit::before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
                width: calc(100vw * (174 / 375));
                height: calc(100vw * (14 / 375));
                background: #AEE3FF;
                flex-shrink: 0;
                z-index: -1;
            }
            .cont_txt {
                font-size: calc(100vw * (16 / 375));
            }
        }
        .cont_img {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: calc(100vw * (36 / 375));
        }
        .cont_txt {
            margin-top: calc(100vw * (12 / 375));
            font-size: calc(100vw * (16 / 375));
            font-weight: 700;
        }
        .cont_box {
            display: flex;
            padding: calc(100vw * (20 / 375));
            flex-direction: column;
            align-items: flex-start;
            gap: calc(100vw * (16 / 375));
            border-radius: calc(100vw * (18 / 375));
            border: 1px solid #E4E4E4;
            background: #FFF;
            margin:0 calc(100vw * (12 / 375)) calc(100vw * (90 / 375));
            li {
                display: flex;
                flex-direction: column;
                gap: calc(100vw * (6 / 375));
                .tit {
                    font-size: calc(100vw * (14 / 375));
                    font-weight: 400;
                    color: #00A3E4;
                }
                .txt {
                    font-size: calc(100vw * (14 / 375));
                    font-weight: 700;

                }
            }
        }
        .cont_box.fixed {
            margin-bottom: calc(100vw * (132 / 375));
        }
        .buy_lottery_btn {
            border-radius: calc(100vw * (24 / 375)) calc(100vw * (24 / 375)) 0 0;
            width: 100%;
            height: calc(100vw * (72 / 375));
            display: flex;
            gap: calc(100vw * (10 / 375));
            font-size: calc(100vw * (18 / 375));
            font-weight: 700;
            text-transform: capitalize;
			position: fixed;
			bottom: 0;
			left: 0;
        }
        .event_doube_btn.fixed{
            position: fixed;
            bottom: calc(100vw * (20 / 375));
            z-index: 999999;
            margin-bottom: 0;
        }
        .btn_fixed_area {
            position: absolute;
            bottom: calc(100vw * (36 / 375));
        }
    }
}
.event_ticket.refer {
    background-color: unset;
    .buy_lottery {
        padding: 0;
    }
    .sec1 {
        background-color: #D6F3FF;
        margin: 0;
        padding-bottom: calc(100vw * (30 / 375));
        .title {
            font-weight: 700;
            text-align: center;
        }
        .refer_txt {
            font-weight: 400;
            width: calc(100vw * (251 / 375));
            text-align: center;
            margin-left: auto;
            margin-right: auto;
        }
        .refer_top_img {
            width: calc(100vw * (320 / 375));
            height: calc(100vw * (287 / 375));
            margin: calc(100vw * (28 / 375)) auto 0;
        }
        .sns_btn_area {
            margin: calc(100vw * (-21.2 / 375)) calc(100vw * (12 / 375)) 0;
            display: flex;
            flex-direction: column;
            gap: calc(100vw * (12 / 375));
            .com_btn {
                width: 100%;
                padding: 0 calc(100vw * (20 / 375));
                height: calc(100vw * (60 / 375));
                border-radius: calc(100vw * (18 / 375));
            }
            .com_btn.btn_tel {
                background: #29AAEC;
                box-shadow: 0px 8px 12px 0px rgba(144, 185, 201, 0.50);
            }
            .com_btn.btn_line {
                background: #3ACE01;
                box-shadow: 0px 8px 12px 0px rgba(153, 202, 134, 0.50);
            }
        }
        .cont_box {
            margin: calc(100vw * (40 / 375)) calc(100vw * (12 / 375)) 0;
        }
    }
    .sec2 {
        padding: calc(100vw * (50 / 375)) 0;
        background-color: #fff;
        .icon_area {
            margin: calc(100vw * (60 / 375)) calc(100vw * (42 / 375)) 0;
            img {
                max-width: 100%;
            }
        }
        .icon_txt {
            margin-top: calc(100vw * (14 / 375));
            font-size: calc(100vw * (14 / 375));
            font-weight: 700;
            text-align: center;
        }
    }
    .sec_pre {
        margin-top: calc(100vw * (8 / 375));
        padding-top: calc(100vw * (30 / 375));
        background-color: #fff;
        padding-bottom: calc(100vw * (66 / 375));
    }
}
.com_notice.refer_notice {
    margin:0 calc(100vw * (12 / 375));
    .notice_group {
        li {
            color: #202020;
            font-size: calc(100vw * (14 / 375));
            counter-increment: list-num;
            padding-left: calc(100vw * (20 / 375));
            font-weight: 400;
        }
        li:before {
            content:counter(list-num)".";
            width: calc(100vw * (14 / 375));
            height: auto;
            background-color: unset;
            border-radius: 0;
            top: 0;
        }
    }
}
/* END event - ticket */

/* event - roulette */
.event_roulette_wrap {
    background-color: #fff;
    padding-bottom: calc(100vw * (64 /375));
}
.event_roulette_area {
    display: flex;
    flex-direction: column;
    .roulette_area {
        padding: calc(100vw * (37 / 375)) 0 calc(100vw * (56 / 375));
        display: flex;
        flex-direction: column;
        background: linear-gradient(180deg, #FFD6DA 46.63%, #FFF 100%);
        .title {
            font-size: calc(100vw * (20 / 375));
            font-weight: 700;
            text-align: center;
        }
        .chall_txt { 
            margin: calc(100vw * (6 / 375)) calc(100vw * (52 / 375)) calc(100vw * (8 / 375));
			img {
				width: 100%;
			}
        }
        .sub_tit {
            background-color: #ff959F;
            border-radius: calc(100vw * (100 / 375));
            width: calc(100vw * (300 / 375));
            padding: calc(100vw * (10 / 375)) calc(100vw * (16 / 375));
            display: inline-flex;
            font-size: calc(100vw * (13 / 375));
            color: #fff;
            font-weight: 700;
            margin: 0 auto;
        }
        .roulette_contents {
            margin: calc(100vw * (40 / 375)) auto 0;
        }
    }
    .section_notice {
        background-color: #fff;
    }
}
.pop_roulette{
    .pop {
        top:auto;
        bottom: 0;
        transform: translateX(-50%);
        width: 100%;
        max-width: 100%;
        border-radius: 0;
        padding: calc(100vw * (20 / 375)) calc(100vw * (12 / 375));
        background-color: transparent;
        .plain {
            width: 100%;
            height: calc(100vw * (60 / 375));
            border-radius: calc(100vw * (18 / 375));
            background: linear-gradient(180deg, #FFD900 0%, #CC8B00 100%);
            box-shadow: 0px calc(100vw * (4 / 375)) calc(100vw * (4 / 375)) 0px rgba(83, 57, 0, 0.70);
            color:#202020;
            font-size: calc(100vw * (20 / 375));
            font-weight: 700;
            margin: 0;
        }
        .pop_lottie {
            margin: 0 auto;
        }
        .pop_lottie path {
            fill-opacity: 0 !important;
        }
    }
}
.pop_roulette.pop_ok {
    .title {
        font-size: calc(100vw * (36 / 375));
        color: #fff;
        font-weight: 800;
        font-family: "Manrope", sans-serif !important;
    }
    .sub_tit {
        font-size: calc(100vw * (66 / 375));
        font-weight: 700;
        letter-spacing: calc(100vw * (-4.62 / 375));
        color: #fff;
        font-family: "Manrope", sans-serif !important;
    }
    .pop_img_area {
        position: relative;
        .lottie_size {
            height: calc(100vw * (230 / 375));
            overflow: hidden;
            position: relative;
        }
        .pop_lottie {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }
        .pop_coin_img {
            position: absolute;
            opacity: 0;
        }
        .pop_coin_img.on{
            transform: translateY(0);
            opacity: 1;
        }
        .pop_coin_img1 {
            top: calc(100vw * (42 / 375));
            left: calc(100vw * (22 / 375));
            width: calc(100vw * (40 / 375));
            height: calc(100vw * (30 / 375));
            transform: translateY(calc(100vw * (-50 / 375)));
        }
        .pop_coin_img1.on {
            transition: 0.15s;
        }
        .pop_coin_img2 {
            top: calc(100vw * (64 / 375));
            right: calc(100vw * (-12 / 375));
            width: calc(100vw * (80 / 375));
            height: calc(100vw * (103 / 375));
            transform: translateY(calc(100vw * (-60 / 375)));
        }
        .pop_coin_img2.on {
            transition: 0.3s;
        }
        .pop_coin_img3 {
            top: calc(100vw * (147 / 375));
            left: calc(100vw * (-12 / 375));
            width: calc(100vw * (50 / 375));
            height: calc(100vw * (67 / 375));
            transform: translateY(calc(100vw * (-100 / 375)));
        }
        .pop_coin_img3.on {
            transition: 0.45s;
        }
    }
}
.pop_roulette.pop_no {
    .title {
        font-size: calc(100vw * (40 / 375));
        color: #fff;
        font-weight: 700;
        font-family: "Manrope", sans-serif !important;
        line-height: 1;
    }
    .sub_tit {
        font-size: calc(100vw * (20 / 375));
        font-weight: 400;
        color: #fff;
        font-family: "Manrope", sans-serif !important;
        margin-bottom: calc(100vw * (-20 / 375));
    }
    .pop_img_area {
        margin-top: calc(100vw * (-15 / 375));
    }
}

.rouletter {
	position: relative;
	width: calc(100vw * (315 / 375));
	height: calc(100vw * (329 / 375));
}
.rouletter-bg {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100vw * (315 / 375));
	height: calc(100vw * (315 / 375));
	border-radius: 350px;
	overflow: hidden;
}
.rouletter-wacu {
	width: 100%;
	height: 100%;
	background: #f5f5f2
	url("../image/sub/event_roulette_circle.png")
	no-repeat;
	background-size: 100%;
	transform-origin: center;
	transition-timing-function: ease-in-out;
	transition: 2s;
}
.rouletter-arrow {
	position: absolute;
	top: 0;
	left: 50%;
	transform:translateX(-50%);
	width: calc(100vw * (36/375));
	height: calc(100vw * (51/375));
	background-image : url(../image/sub/event_roulette_pin.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.rouletter-btn {
	position: absolute;
	top: calc(50% + calc(100vw * (7 / 375)));
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100vw * (87/375));
	height: calc(100vw * (87/375));
	background-image: url(../image/sub/event_roulette_start.png);
	background-repeat: no-repeat;
	background-size: contain;
	filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.25));
}

.hidden-input {
	display: none;
}

.pop_roulette {
	.modal {
		background-color: rgba(0, 0, 0, 0.7);
	}
}

/* END event - roulette */




/* event - attendance */
.event_attendance {
    .attendance_sec {
        margin: calc(100vw * (10 / 375)) calc(100vw * (12 / 375)) 0;
        .rewards {
            display: flex;
            flex-direction: column;
            align-items: center;
            border-radius: calc(100vw * (16 / 375));
            background: linear-gradient(180deg, #F8F0E5 0%, #E5D8C0 57.69%);
            height: calc(100vw * (240 / 375));
            overflow: hidden;
            position: relative;
            .bottom_bar{
                background-color: #B5CBE9;
                width: 100%;
                height: calc(100vw * (67 / 375));
                position: absolute;
                bottom: 0;
                left: 0;
            }
            .title {
                margin-top: calc(100vw * (38 / 375));
                font-size: calc(100vw * (20 / 375));
                font-weight: 700;
                line-height: 1.2;
                text-align: center;
            }
            .sub_tit {
                font-size: calc(100vw * (12 / 375));
                text-align: center;
                margin-top: calc(100vw * (6 / 375));
            }
            .img {
                margin-top: calc(100vw * (31 / 375));
                width: calc(100vw * (145 / 375));
            }
        }
        .contents {
            margin-top: calc(100vw * (20 / 375));
            position: relative;
        }
        /* .contents::before {
            content: "";
            width: calc(100vw * (302 / 375));
            height: calc(100vw * (71 / 375));
            position: absolute;
            top: calc(100vw * (-40 / 375));
            left: 50%;
            transform: translateX(-50%);
            background: url(../image/sub/event_attend_line.png) no-repeat;
            background-size: cover;
            z-index: 1;
        } */
        .confirm_btn {
            margin-top: calc(100vw * (20 / 375));
            .com_btn {
                width: 100%;
            }
        }
        .calendar-header .month_area{
            width: calc(100vw * (190 / 375));
            display: flex;
        }
        .calendar-header .month_area span {
            margin: auto;
        }
        .calendar-header button {
            background:transparent;
            padding: 0;
            border-radius: 0;
            width: calc(100vw * (32 / 375));
            height: calc(100vw * (32 / 375));
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
    .content_sec {
        margin: calc(100vw * (50 / 375)) calc(100vw * (12 / 375)) 0;
        .txt_box {
            display: flex;
            flex-direction: column;
            gap: calc(100vw * (8 / 375));
            li {
                background-color: #f3f3f3;
                display: flex;
                gap: calc(100vw * (16 / 375));
                padding: calc(100vw * (20 / 375));
                border-radius: calc(100vw * (18 / 375));
                align-items: center;
                .icon {
                    width: calc(100vw * (50 / 375));
                    height: calc(100vw * (50 / 375));
                }
                .detail {
                    width: calc(100% - calc(100vw (56 / 375)));
                    font-size: calc(100vw * (14 / 375));
                    font-weight: 400;
                }
            }
        }
    }
}
.pop_attendance {
	.modal{
		background-color: rgba(0, 0, 0, 0.7);
	}
    .pop {
        background-color: transparent;
        padding: 0;
        .align-c {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
    }

    .icon {
        width: calc(100vw * (200 / 375));
        height: calc(100vw * (200 / 375));
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(100vw * (50 / 375));
        font-weight: 700;
    }
    .title {
        font-size: calc(100vw * (30 / 375));
        font-weight: 700;
        color: #fff;
        margin: calc(100vw * (21 / 375)) 0 calc(100vw * (14 / 375));
    }
    .sub_tit {
        font-size: calc(100vw * (14 / 375));
        font-weight: 400;
        color: #fff;
    }
}
.pop_attendance.pop_ok {
    .icon {
        background-image: url(../image/sub/attend_complete.png);
    }
}
.pop_attendance.pop_ok7 {
    .icon {
        background-image: url(../image/sub/attend_complete7.png);
    }
}

/* 스타일 동일, 그대로 유지 */
#calendar-container {
    margin: 0 auto;
    background: white;
    border-radius: calc(100vw * (27 / 375));
    box-shadow: 0 calc(100vw * (4 / 375)) calc(100vw * (10 / 375)) rgba(0,0,0,0.12);
    overflow: hidden;
    width: 100%;
}
.calendar-header {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #ACCBF5 0%, #85B0E9 100%);
    height: calc(100vw * (44 / 375));
    color: #fff;
    font-size: calc(100vw * (16 / 375));
    font-weight: 700;
}
.calendar-header button {
    background: #007bff;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
}
.calendar-header button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}
#attendance-calendar {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    display: flex;
    flex-direction: column;
}
#attendance-calendar th, #attendance-calendar td {
    position: relative;
    width: calc(100vw * (42 / 375));
    height: calc(100vw * (42 / 375));
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(100vw * (12 / 375));
    color: #767676;
    font-weight: 700;
}
#attendance-calendar thead {
    border-bottom: 1px solid #e4e4e4;
}
#attendance-calendar tr {
    display: flex;
    gap: calc(100vw * (4 / 375));
    padding-left: calc(100vw * (16.5 / 375));
}
#attendance-calendar tbody {
    margin: calc(100vw * (20 / 375)) 0 calc(100vw * (30 / 375));
    display: flex;
    flex-wrap: wrap;
    gap: calc(100vw * (12 / 375));
}
#attendance-calendar tbody td[data-day] {
    border-radius: 100%;
    background: #F1F1F1;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.12) inset;
}
#attendance-calendar tbody td:not([data-day]){
	background: transparent;
    box-shadow: unset;
}
/* td.clickable {
    background-color: #ffeaa7;
    border: 2px solid #fdcb6e;
    cursor: pointer;
    font-weight: bold;
}
td.clickable::after {
    content: "🎯";
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 12px;
} */
td.checked {
    background: url(../image/sub/event_check_bg.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
td.checked::after {
    content: "✔";
    color: green;
    font-size: 14px;
    position: absolute;
    top: 5px;
    right: 5px;
    display: none;
}
/* 7일마다 별표찍힐때는 checked7 클래스 추가 시키면 됩니다. */
td.bonus {
    background: url(../image/sub/event_check7_bg.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    font-size: 0 !important;
    text-indent: -999px !important;
}
/* END - 7일마다 별표찍힐때는 checked7 클래스 추가 시키면 됩니다. */
/* td.today {
    position: relative;
    box-shadow: inset 0 0 0 2px #74b9ff;
    border-radius: 6px;
} */
td.disabled {
    opacity: 0.4 !important;
}

#attendance-calendar td.sunday {
    color: #FFCCCC;
}
#attendance-calendar td.saturday {
    color: #CCE5FF;
}
/* END - event - attendance */


/* event - double */
.event_double {
    .buy_lottery {
		padding-bottom: calc(100vw * (50 / 375));
        .bg{
            background-image: url(../image/sub/event_double_bg.png);
            height: calc(100vw * (909 / 375));
        }
        .top_area {
            margin-bottom: calc(100vw * (56 / 375));
            .title {
                text-align: center;
                line-height: 1;
            }
            .cont_txt {
                text-align: center;
                width: calc(100vw * (250 / 375));
                margin: calc(100vw * (12 / 375)) auto 0;
                font-weight: 400;
            }
        }
        .cont_img {
            margin: 0 auto;
            margin-bottom: calc(100vw * (45 / 375));
            width: calc(100vw * (274 / 375));
        }
        .the_joy {
            .tit {
                font-size: calc(100vw * (24 / 375));
                font-weight: 700;
                text-align: center;
				text-transform: capitalize;
            }
            .the_joy_box {
                display: flex;
                flex-direction: column;
                gap: calc(100vw * (8 / 375));
                margin-top: calc(100vw * (18 / 375));
                li {
                    display: flex;
                    background-color: #fff;
                    padding: calc(100vw * (20 /375));
                    margin: 0 calc(100vw * (12 / 375));
                    border-radius: calc(100vw * (18 / 375));
                    gap: calc(100vw * (16 / 375));
                    .icon {
                        width: calc(100vw * (50 / 375));
                        height: calc(100vw * (50 / 375));
                    }
                    .detail {
                        width: calc(100% - calc(100vw * (56 / 375)));
                        display: flex;
                        flex-direction: column;
                        gap: calc(100vw * (6 / 375));
                        font-size: calc(100vw * 14 / 375);
                        .txt {
                            font-weight: 400;
                        }
                        .php {
                            font-weight: 700;
                            color: #ef7000;
                        }
                    }
                }
            }
        }
        .cont_box {
            margin-top: calc(100vw * (50 / 375));
        }
        .event_doube_btn {
            margin: 0 calc(100vw * (12 / 375)) 0;
            width: calc(100% - calc(100vw * (24 / 375)));
        }
    }
    .double_bar {
/*        background-color: #e4e4e4;*/
/*        height: calc(100vw * (8 / 375));*/
    }
    .sec_pre {
        background-color: #fff;
        padding: calc(100vw * (30 / 375)) 0 calc(100vw * (50 / 375));
    }
    .sec_pre .notice_group li:before{
        content: '';
        width: calc(100vw * (4 / 375));
        height: calc(100vw * (4 / 375));
        border-radius: 50%;
        background-color: #202020;
        position: absolute;
        top: calc(100vw * (8 / 375));
        left: calc(100vw * (6 / 375));
    }
}
.event_double.refer .buy_lottery .top_area {
    margin-bottom: 0;
}
/* END - event - double */

/* vip - double */
.vip_double {
    .buy_lottery {
        padding-bottom: calc(100vw * (90 / 375));
        .bg {
            background-image: url('../image/sub/double_signup_bg.png');
            height: calc(100vw * (676 / 375));
        }
        .bg::before {
            content: "";
            width: calc(100vw * (54 / 375));
            height: calc(100vw * (51 / 375));
            background-image: url('../image/sub/vip_double_bg_item1.png');
            background-size: cover;
            background-repeat: no-repeat;
            position: absolute;
            top: calc(100vw * (-10 / 375));
            right: calc(100vw * (14 / 375));
        }
        .bg::after {
            content: "";
            width: calc(100vw * (92 / 375));
            height: calc(100vw * (97 / 375));
            background-image: url('../image/sub/vip_double_bg_item2.png');
            background-size: cover;
            background-repeat: no-repeat;
            position: absolute;
            top: calc(100vw * (48 / 375));
            left: calc(100vw * (-24 / 375));
        }
        .cont_img {
/*            margin-bottom: calc(100vw * (60 / 375));*/
            width: calc(100vw * (212 / 375));
            height: calc(100vw * (112 / 375));
            img {
                width: 100%;
                position: absolute;
                right: calc(100vw * (-22 / 375));
            }
            .amount {
                position: absolute;
                top: calc(100vw * (25 / 375));
                left: 50%;
				transform: translateX(-50%);
                font-family: "Serif";
                font-size: calc(100vw * (60 / 375));
                font-style: italic;
                font-weight: 900;
                text-transform: uppercase;
                letter-spacing: calc(100vw * (-3 / 375));
            }
        }
        .top_area {
            margin-bottom: calc(100vw * (25 / 375));
            padding-top: calc(100vw * (60 / 375));
            .title {
                font-size: calc(100vw * (20 / 375));
                color: #fff;
                line-height: 1.2;
            }
            .cont_txt {
                color: #fcf741;
                font-size: calc(100vw * (50 / 375));
                font-weight: 800;
                margin-top: 0;
                width: auto;
                text-transform: uppercase;
				line-height: 1;
				margin-top: calc(100vw * (20 / 375));
            }
			.amount {
				color: var(--white, #FFF);
				text-align: center;
				text-shadow: calc(100vw * (2 / 375)) calc(100vw * (2 / 375)) 0px rgba(0, 0, 0, 0.25);
				font-size: calc(100vw * (60 / 375));
				font-weight: 800;
				text-transform: uppercase;
				line-height: 1;
				span.cash {
					letter-spacing: calc(100vw * (-3 / 375));
				}
			}
        }
        .detail_txt {
            padding-top: calc(100vw * (30 / 375));
            margin: 0 calc(100vw * (12 / 375));
            .title {
                font-size: calc(100vw * (18 / 375));
                font-weight: 700;
                text-transform: capitalize;
                margin-bottom: calc(100vw * (8 / 375));
            }
            .detail {
                font-size: calc(100vw * (14 / 375));
                font-weight: 400;
                color: #767676;
            }
        }
        .sec_pre {
            padding-top: calc(100vw * (40 / 375));
        }
        .item_box_area {
            margin: 0 calc(100vw * (12 / 375));
            .item_box {
                display: flex;
                flex-direction: column;
                gap: calc(100vw * (50 / 375));
                li {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    gap: calc(100vw * (20 / 375));
                    .icon {
                        width: calc(100vw * (280 / 375));
                        height: calc(100vw * (280 / 375));
                    }
                    .txt {
                        display: flex;
                        flex-direction: column;
                        gap: calc(100vw * (12 / 375));
                        .title {
                            font-size: calc(100vw * (16 / 375));
                            font-weight: 700;
                            text-align: center;
                            text-transform: capitalize;

                        }
                        .detail {
                            font-size: calc(100vw * (14 / 375));
                            font-weight: 400;
                            text-align: center;
                        }
                    }
                }
            }
        }
    }
}
/* END - vip - double */


/* vip - charge */
.vip_charge {
    .buy_lottery {
        .bg {
            background-image: url(../image/sub/vip_charge_bg.png);
            height: calc(100vw * (830 / 375));
        }
        .top_area {
            margin-bottom: calc(100vw * (30 / 375));
            .title {
                font-size: calc(100vw * (30 / 375));
                font-weight: 700;
                line-height: calc(100vw * (32 / 375));
                span {
                    color: #7689FF;
                }
            }
            .cont_txt {
                font-size: calc(100vw * (16 / 375));
                font-weight: 400;
                width: 100%;
            }
        }
        .cont_img {
            width: calc(100vw * (345 / 375));
            margin-bottom: calc(100vw * (39 / 375));
        }
        .event_doube_btn {
            margin-bottom: calc(100vw * (30 / 375));
        }
        .cont_box {
            margin-top: 0;
        }
        .ways {
            margin: calc(100vw * (50 / 375)) calc(100vw * (12 / 375)) calc(100vw * (95 / 375));
            .title {
                font-size: calc(100vw * (18 / 375));
                font-weight: 700;
                text-transform: capitalize;
                margin-bottom: calc(100vw * (50 / 375));
            }
            .img {

            }
            .item_box {
                margin-top: calc(100vw * (30 / 375));
                display: flex;
                flex-direction: column;
                gap: calc(100vw * (20 / 375));
                li {
                    display: flex;
                    align-items: center;
                    gap: calc(100vw * (20 / 375));
                    .icon {
                        width: calc(100vw * (100 / 375));
                        border-radius: calc(100vw * (12 / 375));
                        background: #FFF;
                        box-shadow: 0px calc(100vw * (6 / 375)) calc(100vw * (20 / 375)) 0px rgba(0, 0, 0, 0.12);
                    }
                    .txt {
                        width: calc(100% - calc(100vw * (70 / 375)));
                        font-size: calc(100vw * (14 / 375));
                        font-weight: 400;
                    }
                }
            }
        }
    }
}
/* END - vip - charge */


/* vip - store */
.vip_store {
    .buy_lottery {
        background-color: #fff;
        .bg {
            background-image: url(../image/sub/vip_store_bg.png);
            height: calc(100vw * (708 / 375));
        }
        .top_area {
            background-color: unset;
            .title {
                font-size: calc(100vw * (30 / 375));
                line-height: calc(100vw * (32 / 375));
                font-weight: 700;
            }
            .refer_top_img {
                margin: 0;
                width: 100%;
                height: auto;
                margin-top: calc(100vw * (-42 / 375));
            }
        }
        .sec2 {
            padding: calc(100vw * (30 / 375)) 0 calc(100vw * (115 / 375));
            .store_tit {
                font-size: calc(100vw * (18 / 375));
                font-weight: 700;
                margin: 0 calc(100vw * (12 / 375));
            }
            .store_img {
                width: calc(100vw * (286 / 375));
                border-radius: 20px;
                box-shadow: 0px calc(100vw * (6 / 375)) calc(100vw * (20 / 375)) 0px rgba(0, 0, 0, 0.12);
                margin: calc(100vw * (50 / 375)) auto calc(100vw * (30 / 375));
            }
        }
    }
}
.event_double.refer.vip_store .buy_lottery .top_area { 
    padding-bottom: calc(100vw * (50 / 375));
}
/* END - vip - store */
/* ********************END event******************** */



/* sponsored_ads */
.sponserd_ads {
    .top_banner {
        margin: calc(100vw * (10 / 375)) calc(100vw * (12 / 375)) 0;
        .banner_area {
            background-color: #202020;
            display: flex;
            justify-content: space-between;
            padding: calc(100vw * (11 / 375)) calc(100vw * (14 / 375)) calc(100vw * (11 / 375)) calc(100vw * (16 / 375));
            border-radius: calc(100vw * (18 / 375));
            .txt {
                font-size: calc(100vw * (16 / 375));
                font-weight: 700;
                color: #fff;
                text-transform: capitalize;
            }
            .img {
                width: calc(100vw * (69 / 375));
            }
        }
    }
    .item_list {
        margin: calc(100vw * (12 / 375)) calc(100vw * (12 / 375));
        .item_box {
            display: flex;
            flex-direction: column;
            gap: calc(100vw * (8 / 375));
            li {
                background: #fff;
                border-radius: calc(100vw * (18 / 375));
                padding: calc(100vw * (20 / 375));
                display: flex;
                gap: calc(100vw * (12 / 375));
                .icon {
                    width: calc(100vw * (42 / 375));
                }
                .detail {
                    width: calc(100% - calc(100vw * (54 / 375)));
                    display: flex;
                    flex-direction: column;
                    .category {
                        font-size: calc(100vw * (12 / 375));
                        font-weight: 400;
                        color: #767676;
                    }
                    .subject {
                        font-size: calc(100vw * (14 / 375));
                        font-weight: 700;
                    }
                    .click {
                        margin-top: calc(100vw * (8 / 375));
                        .click_btn {
                            font-size: calc(100vw * (12 / 375));
                            border-radius: 100px;
                            background: linear-gradient(90deg, #02FDC7 0%, #0F0 125.58%);
                            padding: calc(100vw * (3 / 375)) calc(100vw * (6 / 375)) calc(100vw * (3 / 375)) calc(100vw * (3 / 375));
                            display: flex;
                            gap: calc(100vw * (6 / 375));
                            align-items: center;
                        }
                        .click_btn:before {
                            content:"";
                            width: calc(100vw * (16 / 375));
                            height: calc(100vw * (16 / 375));
                            background-image: url('../image/sub/event_check_bg.png');
                            background-size:cover;
                            background-repeat: no-repeat;
                        }
                    }
                }
            }
        }
    }
}
/* END - sponsored_ads */



/* shop payment */
.shop_wrap {
    padding: calc(100vw * (30 / 375)) calc(100vw * (12 / 375)) calc(100vw * (80 / 375));
    .title {
        font-size: calc(100vw * (18 / 375));
        font-weight: 700;
        text-transform: capitalize;
    }
    .box_area {
        display: flex;
        padding: calc(100vw * (20 / 375)) calc(100vw * (16 / 375));
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: calc(100vw * (12 / 375));
        border-radius: calc(100vw * (18 / 375));
        background: var(--white, #FFF);
        margin-top: calc(100vw * (20 / 375));
        .main {
            border-radius: calc(100vw * (12 / 375));
            background: var(--bgColor, #F3F3F3);
            padding: calc(100vw * (12 / 375));
            font-size: calc(100vw * (14 / 375));
            font-weight: 700;
            width: 100%;
            text-align: center;
			height: calc(100vw * (43 / 375));
        }
        .sub_ul {
            display: flex;
            flex-direction: column;
            row-gap: calc(100vw * (6 / 375));
            li {
                text-align: center;
                font-size: calc(100vw * (12 / 375));
                font-weight: 400;
				height : calc(100vw * (16 / 375));
            }
            li.non {
                text-transform: uppercase;
            }
        }
    }
    .sub_tit {
        font-size: calc(100vw * (14 / 375));
        font-weight: 700;
    }
    .amount {
        margin-top: calc(100vw * (24 / 375));
        .view_point {
            margin-top: calc(100vw * (10 / 375));
            border-radius: calc(100vw * (12 / 375));
            border: calc(100vw * (1 / 375)) solid #E4E4E4;
            background: #FFF;
            padding: calc(100vw * (12 / 375)) calc(100vw * (20 / 375));
            display: flex;
            align-items: center;
            justify-content: flex-end;
            column-gap: calc(100vw * (4 / 375));
            .num {
                font-size: calc(100vw * (28 / 375));
                font-weight: 700;
                letter-spacing: calc(100vw * (-0.84 / 375));
                width: 100%;
                text-align: right;
            }
            .php {
                font-size: calc(100vw * (12 / 375));
                font-weight: 400;
                color: #767676;
                margin-top: calc(100vw * (12 / 375));
            }
        }
		.view_point.fail {
			border: 1px solid var(--warningColor, #E00000);
		}
        .point {
            color: var(--warningColor, #E00000);
            font-size: calc(100vw * (12 / 375));
            font-weight: 400;
            margin-top: calc(100vw * (8 / 375));
        }
    }
    .message {
        margin-top: calc(100vw * (24 / 375));
        .sub_tit {
            display: flex;
            gap: calc(100vw * (6 / 375));
            .required {
                display: flex;
                padding: calc(100vw * (2 / 375)) calc(100vw * (6 / 375));
                justify-content: center;
                align-items: center;
                gap: calc(100vw * (10 / 375));
                border-radius: calc(100vw * (100 / 375));
                background: var(--warningColor, #E00000);
                color: var(--white, #FFF);
                font-size: calc(100vw * (11 / 375));
                font-weight: 700;
            }
        }
        .text_msg {
            margin-top: calc(100vw * (10 / 375));
            textarea {
                width: 100%;
                height: 100%;
                resize: none;
                display: flex;
                height: calc(100vw * (160 / 375));
                min-height: calc(100vw * (64 / 375));
                padding: calc(100vw * (12 / 375)) calc(100vw * (20 / 375));
                flex-direction: column;
                align-items: flex-start;
                gap: calc(100vw * (4 / 375));
                border-radius: calc(100vw * (12 / 375));
                border: calc(100vw * (1 / 375)) solid var(--mktBlack, #202020);
                background: var(--white, #FFF);
            }
        }
    }
    .pay_btn {
        margin-top: calc(100vw * (20 / 375));
        width: 100%;
    }
}


.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 - shop payment */





/* USDT */
.usdt_wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: calc(100vw * (30 / 375)) calc(100vw * (12 / 375)) calc(100vw * (80 / 375));
    .section_line {
        height: calc(100vw*(7/ 375));
        width: 100%;
        background-color: #f6f6f6;
        border-top: 1px solid #e9e9e9;
        margin-top: calc(100vw*(40/ 375));
    }
    .usdt_qr_txt {
        font-size: calc(100vw * (16 / 375));
        span {
            color: #0093ce;
            font-weight: 700;
        }
    }
    .guide_wrap {
        margin-bottom: calc(100vw * (20 / 375));
    }
    .guide_list_group {
        color: #e00000;
        font-size: calc(100vw * (12 / 375));
        font-weight: 400;
    }
    .guide_wrap.add_usdt_guide {
        .guide_list_group {
            color: #767676;
        }
    }
    .com_btn {
        width: 100%;
        margin-top: calc(100vw * (20 / 375));
    }
}
.usdt_top {
    background-color: #fff;
    padding: calc(100vw * (30 / 375)) calc(100vw * (20 / 375));
    border-radius: calc(100vw * (20 / 375));
    display: flex;
    flex-direction: column;
    gap: calc(100vw * (14 / 375));
    align-items: center;
    text-align: center;
}
.usdt_add_inner {
    margin-top: calc(100vw * (20 / 375));
}
.usdt_qr {
    min-width: calc(100vw*(84/ 375));
    max-width: calc(100vw*(84/ 375));
    max-height: calc(100vw*(84/ 375));
    min-height: calc(100vw*(84/ 375));
    margin: 0 auto;
	position:unset;
}

.usdt_qr canvas {
    min-width: calc(100vw*(84/ 375));
    max-width: calc(100vw*(84/ 375));
    max-height: calc(100vw*(84/ 375));
    min-height: calc(100vw*(84/ 375));
	position: unset;
    transform: unset;
}

.usdt_bottom {
    flex: 1;
    margin-top: calc(100vw * (30 / 375));
}

.usdt_bottom_top_group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: calc(100vw*(16/ 375));
    font-weight: 600;
    margin-bottom: calc(100vw*(20/ 375));
}
.trc_label {
    padding: calc(100vw*(8/ 375)) calc(100vw*(26/ 375));
    font-size: calc(100vw*(16/ 375));
    font-weight: 500;
    border-radius: calc(100vw*(8/ 375));
    background-color: #006ee9;
    line-height: 1.3em;
	color:#fff;
}

.usdt_bottom_title {
    font-size: calc(100vw * (14 / 375));
    font-weight: 700;
    margin-bottom: calc(100vw * (10 / 375));
}

.usdt_bottom_copy_group {
    margin-bottom: calc(100vw * (24 / 375));
    display: flex;
    gap: calc(100vw * (20 / 375));
    background-color: #E9E9E9;
    border-radius: calc(100vw * (12 / 375));
    padding: calc(100vw * (12 / 375)) calc(100vw * (20 / 375));
    align-items: center;
    justify-content: space-between;
    font-size: calc(100vw*(16/ 375));
}
.usdt_bottom_copy_group span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;  /* 2줄 넘어가면 말줄임 */
    -webkit-box-orient: vertical;
    display: block;
    word-break: break-all;
    width: calc(100% - (100vw *(80 / 375)));
    word-break: break-all;
    font-size: calc(100vw * (16 / 375));
}
.usdt_bottom_copy_group.your_address {
    .notranslate {
        color: #767676;
    }
}
.usdt_wrap .usdt_bottom_copy_group .com_btn {
    width: calc(100vw * (60 / 375));
    border-radius: calc(100vw * (4 / 375));
    height: calc(100vw * (36 / 375));
    margin-top:0;
}



.usdt_bottom_copy_group button.unable {
    background-color: #3e3f40;
}

.usdt_bottom_txt {
    font-size: calc(100vw*(13/375));
    font-weight: 500;
    color: #f41111;
    margin-bottom: calc(100vw*(32/ 375));
}

.usdt_bottom_txt span {
    font-weight: 700;
}


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

.usdt_add_title img {
    width: calc(100vw*(66/ 375));
    margin-right: calc(100vw * (13 / 375));
}

.usdt_add_box {
    padding: calc(100vw*(12/ 375)) calc(100vw*(20/ 375)); 
    background-color: #fff;
    border: 1px solid #202020;
    border-radius: calc(100vw*(18/ 375));
    word-break: break-all;
    margin: calc(100vw*(40/ 375)) 0;
    min-height: calc(100vw * (64 / 375));
}
.usdt_add_box textarea {
    font-size:calc(100vw * (20/375));
    font-weight: 400;
    line-height: 1.6;
    width: 100%;
}

.usdt_notice {
    margin-top: auto;
    border-radius: calc(100vw*(30/ 375)) calc(100vw*(30/ 375)) 0 0;
    background-color: #f6f6f6;
    padding: calc(100vw*(60/ 375)) calc(100vw*(25/ 375));
}

.usdt_notice_title{
    font-size: calc(100vw*(16/ 375));
    font-weight: 600;
    margin-bottom: calc(100vw*(17/ 375));
}
.usdt_notice_txt{
    font-size: calc(100vw*(14/ 375));
    font-weight: 400;
    color: #777;
    line-height: calc(100vw*(24/ 375));
    text-indent: calc(100vw*(-8/ 375));
    padding-left: calc(100vw*(8/ 375));
}

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

.usdt_modal .usdt_modal_input {
	padding: calc(100vw*(16/ 375)) calc(100vw*(20/ 375));
	border-radius:calc(100vw*(8/ 375));
	margin-top:calc(100vw*(30/ 375));
    height: calc(100vw * (65 / 375));
    border: 1px solid #E4E4E4;
    display: flex;
    align-items: center;
    font-size : calc(100vw*(16/ 375));
	font-weight: 400;
}
.usdt_modal .usdt_input_title {
    position: absolute;
    top: calc(100vw * (12 / 375));
    left: calc(100vw * (20 / 375));
    font-size: calc(100vw * (11 / 375));
    color: #a1a1a1;
    display: none;
}

.usdt_modal .usdt_modal_input input {
	width:100%;
}
.usdt_modal .usdt_modal_input.on input {
    transform: translateY(calc(100vw / 10 / 375));
}

.usdt_modal .usdt_modal_input.on .usdt_input_title {
    display: block;
}

.usdt_modal .usdt_modal_input.on .usdt_input {
    transform: translateY(calc(100vw * (10 / 375)));
}
.usdt_modal .usdt_modal_input.on .usdt_input::placeholder {
    font-size: 0;
}
.usdt_modal .modal_xbtn {
    width: 100%;
    position: unset;
    padding: 0;
    margin-bottom: calc(100vw * (10 / 375));
	display:flex;
	justify-content:center;
    svg {
        margin: 0 auto;
    }
}
.usdt_modal .guide_wrap {
    margin-top: calc(100vw * (24 / 375));
    margin-bottom: calc(100vw * (34 / 375));
    .guide_tit {
        font-size: calc(100vw * (14 / 375));
    }
    .guide_list_group {
        font-size: calc(100vw * (12 / 375));
        color: #e00000;
    }
}

.usdt_modal_txt {
	margin : calc(100vw*(10/ 375)) 0 calc(100vw*(60/ 375));
	color:#f41111;
	font-size:calc(100vw*(14/ 375));
	line-height:1.4em;
	font-weight:500;
}

.usdt_modal_input .loading {
	position:absolute;
	width:200%;
	height:100%;
	background-color:#0036a391;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	animation: load_input 1s infinite linear alternate;
	z-index:5;
}

@keyframes load_input {
	0%   {opacity:0.5;}	
	100% {opacity:1;}
}

.usdt_modal.on {
    transform: translateY(0);
}
/* END - USDT */



/* USDT withdrawal */

.withdraw_bg {
	background:#f6f6f6;
}

.withdraw_wrap {
	padding : calc(100vw*(30/375)) calc(100vw*(12/375)) calc(100vw*(40/375));
	line-height:1;
	.withdraw_top_box {
		padding:calc(100vw*(20/375));
		display:flex;
		flex-direction:column;
		color:#fff;
		background:var(--main-color);
		border-radius:calc(100vw*(12/375));
	}
	.withdraw_title {
		font-size:calc(100vw*(15/375));
		font-weight:600;
	}
	.withdraw_mail {
		color:#b2c8ff;
		font-size:calc(100vw*(13/375));
		margin: calc(100vw*(3/375)) 0 calc(100vw*(15/375));
	}
	.withdraw_cost {
		font-size:calc(100vw*(12/375));
		margin-bottom:calc(100vw*(20/375));
		padding-bottom:calc(100vw*(20/375));
		border-bottom: 1px solid #58b8de;
	}
	.withdraw_cost span {
		font-size:calc(100vw*(36/375));
		font-weight:900;
		margin-right:calc(100vw*(6/375));
	}
	.withdraw_link {
		font-size:calc(100vw*(13/375));
		display:flex;
		align-items:center;
		gap:calc(100vw*(8/375));
	}

	.withdraw_guide_box {
		background:#fff;
		padding:calc(100vw*(15/375));
		padding-left:calc(100vw*(33/375));
		display:flex;
		flex-direction:column;
		gap:calc(100vw*(8/375));
		border-radius:calc(100vw*(10/375));
		margin-top:calc(100vw*(10/375));
	}

	.withdraw_guide_title::before {
		content:'';
		width:calc(100vw*(14/375));
		height:calc(100vw*(14/375));
		position:absolute;
		top:50%;
		left:calc(100vw*(-20/375));
		transform:translateY(-50%);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		background-image: url('../image/sub/guideline.svg');
	}
	.withdraw_guide_title {
		font-size:calc(100vw*(15/375));
	}
	.withdraw_guide_txt {
		font-size:calc(100vw*(13/375));
		color:#888;
		line-height:1.5;
	}

	.withdraw_tit {
		font-size:calc(100vw*(14/375));
		font-weight:700;
		margin:calc(100vw*(30/375)) 0 calc(100vw*(10/375));
	}
	.trc20 {
		width:100%;
		height:auto;
		padding:calc(100vw*(16/375)) calc(100vw*(20/375));
		color:var(--main-color);
		border:1px solid #d9d9d9;
		border-radius:calc(100vw*(12/375));
		line-height:calc(100vw*(18/375));
		-ms-overflow-style:none;
		font-size: calc(100vw * (16 / 375));
	}

	.trc20::-webkit-scrollbar {
		display:none;
	}
	.withdraw_input_group {
		display:flex;
		align-items:flex-end;
		gap:calc(100vw*(4/375));
		justify-content:flex-end;
		font-size:calc(100vw*(12/375));
		color:#888;
		background:#fff;
		padding:calc(100vw*(12/375)) calc(100vw*(20/375));
		border-radius:calc(100vw*(12/375));
		border: 1px solid #d9d9d9;
		span {
			margin-bottom:calc(100vw*(6/375));
		}
	}
	.withdraw_input {
		font-size:calc(100vw*(28/375));
		font-weight:900;
		color:var(--main-color);
		text-align:right;
		max-width:calc(100vw*(260/375));
		line-height:1.3em;
	}
	.withdraw_subtxt {
		margin:calc(100vw*(6/375)) 0 calc(100vw*(30/375));
		font-size:calc(100vw*(13/375));
		color:var(--gray-color);
	}
	.withdraw_detail_box {
		display:flex;
		flex-direction:column;
		align-items:center;
		gap:calc(100vw*(14/375));
		padding:calc(100vw*(24/375)) calc(100vw*(15/375));
		border-radius:calc(100vw*(12/375));
		border:1px solid #d9d9d9;
		background:#fafafa;
	}
	.withdarw_detail_row {
		width:100%;
		display:flex;
		align-items:center;
		justify-content:space-between;
		color:#767676;
		font-size:calc(100vw*(14/375));
		span {
			color:#171718;
			font-weight:700;
			margin-right:calc(100vw*(3/375));
		}
	}
	.withdraw_btn_group	{
		display:flex;
		align-items:center;
		justify-content:space-between;
		margin-top:calc(100vw*(30/375));
		gap:calc(100vw * (7/375));
	}
	.withdraw_btn {
		flex:1;
		height:calc(100vw*(52/375));
		display:flex;
		align-items:center;
		justify-content:center;
		color:#fff;
		background:var(--main-color);
		border-radius:calc(100vw*(18/375));
		font-size:calc(100vw*(15/375));
		font-weight:500;
	}
	.withdraw_btn.unable {
		background:#eaeaee;
		color:#000;
	}

	.withdraw_wallet_box {
		display: flex;
		align-items: stretch;
		width: 100%;
		position: relative;
	}

	.withdraw_wallet_box .trc20 {
		flex: 1;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.edit_btn {
		background-color: var(--main-color);
		color: #fff;
		border: none;
		padding: 0 calc(100vw*(16/375));
		font-size: calc(100vw*(14/375));
		border-top-right-radius: calc(100vw*(12/375));
		border-bottom-right-radius: calc(100vw*(12/375));
		font-weight:700;
		cursor: pointer;
		white-space: nowrap;
	}

	.edit_btn:hover {
		background-color: #1951d8;
	}
	.withdraw_point {
		color: #FE5050;
        font-size: calc(100vw * (13 / 375));
        font-weight: 400;
        margin-top: calc(100vw * (12 / 375));
        padding-left: calc(100vw * (18 / 375));
        position: relative;
        line-height: normal;
	}
	.withdraw_point:before {
		content: "";
        width: calc(100vw * (14 / 375));
        height: calc(100vw * (20 / 375));
        background-image: url(../image/sub/withdraw_point.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
	}
}
.withdraw_list_bg {
	background:#f6f6f6;
}
.withdraw_list_wrap {
	flex:1;
	padding:calc(100vw*(18/375)) calc(100vw*(20/375));
	display:flex;
	flex-direction:column;
	.withdraw_list_total {
		font-size:calc(100vw*(14/375));
		display:flex;
		gap:calc(100vw*(5/375));
		span {
			font-weight:700;
		}
	}
	.withdraw_list_group {
		display:flex;
		flex-direction:column;
		gap:calc(100vw*(10/375));
		margin-top:calc(100vw*(12/375));
		flex:1;
	}
	.withdraw_list {
		background:#fff;
		border-radius:calc(100vw*(12/375));
		padding:calc(100vw*(20/375));
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:calc(100vw*(10/375));
		box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
	}
	.withdraw_list_txt {
		padding-left:calc(100vw*(10/375));
		display:flex;
		flex-direction:column;
		gap:calc(100vw*(8/375));
	}
	.withdraw_list_title {
		font-size:calc(100vw*(15/375));
		font-weight:600;
	}
	.withdraw_list_title::before {
		content:'';
		width:calc(100vw*(8/375));
		height:calc(100vw*(8/375));
		border-radius:50%;
		position:absolute;
		top:calc(100vw*(6/375));
		left:calc(100vw*(-16/375));
		background:#d8d8d8;
	}
	.ing .withdraw_list_title {
		color:#2b66f6;
	}
	.ing .withdraw_list_title::before {
		background:#2b66f6;
	}
	.ing .withdraw_list_cost span {
		color:#2b66f6;
	}
	.withdraw_list_date {
		color:#888;
		font-size:calc(100vw*(12/375));
	}
	.withdraw_list_cost {
		color:#888;
		font-size:calc(100vw*(12/375));
	}
	.withdraw_list_cost span {
		font-size:calc(100vw*(21/375));
		font-weight:700;
		color:#000;
		margin-right:calc(100vw*(3/375));
	}
	.withdraw_nodata {
		flex:1;
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:calc(100vw*(14/375));
	}
}

.withdraw_list_modal {
	.com_modal_box{
		padding-left:calc(100vw*(20/375));
		padding-right:calc(100vw*(20/375));
		padding-top:calc(100vw * (25/375));
	}
	.withdraw_list_modal_box {
		margin-top:calc(100vw*(12/375));
		padding: calc(100vw*(20/375)) calc(100vw*(20/375)) calc(100vw*(40/375));
		border-radius: calc(100vw*(20/375)) calc(100vw*(20/375)) 0 0;
		overflow:hidden;
		background-image:url("../image/sub/modal_bg.png");
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
	}
	.withdraw_modal_cost {
		display:flex;
		align-items:flex-end;
		justify-content:space-between;
		padding-bottom:calc(100vw*(12/375));
		margin-bottom:calc(100vw*(12/375));
		border-bottom:1px solid #d8d8d8;
	}
	.withdraw_modal_title {
		font-size:calc(100vw*(13/375));
		padding-left:calc(100vw*(18/375));
	}
	.withdraw_modal_title::before {
		content:'';
		width:calc(100vw*(8/375));
		height:calc(100vw*(8/375));
		border-radius:50%;
		background:#d8d8d8;
		position:absolute;
		top:calc(100vw*(3/375));
		left:0;
	}
	.ing .withdraw_modal_title::before {
		background:#2B66F6;
	}
	.withdraw_modal_usdt {
		font-size:calc(100vw*(12/375));
		color:#888;
	}
	.withdraw_modal_usdt span {
		color:#000;
		font-size:calc(100vw*(21/375));
		font-weight:700;
		margin-right:calc(100vw*(3/375));
	}
	.ing .withdraw_modal_usdt span {
		color:#2B66F6;
	}
	.withdraw_modal_row {
		display:flex;
		gap:calc(100vw*(14/375));
		align-items:flex-start;
		margin-bottom:calc(100vw*(12/375));
	}

	.modal_row_left {
		max-width:calc(100vw*(70/375));
		min-width:calc(100vw*(70/375));
		font-size:calc(100vw*(13/375));
		line-height:1.6em;
	}
	.modal_row_right {
		font-size:calc(100vw*(13/375));
		line-height:calc(100vw*(17/375));
		word-break:break-all;
	}
	.modal_row_copy {
		font-size:calc(100vw*(13/375));
		line-height:1.6em;
		word-break:break-all;
		color:#2b66f6;
		text-decoration-line: underline;
	}
	.modal_row_copy button {
		padding:calc(100vw*(4/375));
		border-radius:calc(100vw*(2/375));
		background:#dee7ff;
		margin-left:calc(100vw*(4/375));
	}
	.modal_btn {
		background:linear-gradient(90deg, #758DEA 0%, #2E5FB7 100%);
		width:100%;
		height:calc(100vw*(60/375));
		border-radius:calc(100vw*(12/375));
		color:#fff;
		margin-top:calc(100vw*(40/375));
	}
	.modal_link {
		padding:calc(100vw*(2/375));
		border-radius:calc(100vw*(2/375));
		background:#dee7ff;
		margin-left:calc(100vw*(4/375));
	}
}

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

.com_ok_pop {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.3);
	z-index:101;
	display:none;
	.com_ok_popbox {
		width:calc(100vw*(335/375));
		padding:calc(100vw*(50/375)) calc(100vw*(17/375)) calc(100vw*(35/375));
		background:#F6F8FA;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		border-radius:calc(100vw*(20/375));
	}
	.com_ok_title {
		font-size:calc(100vw*(17/375));
		font-weight:700;
		color:#262626;
		text-align:center;
		line-height:1.4em;
	}
	.com_ok_txt {
		font-size:calc(100vw*(15/375));
		text-align:center;
		margin-top:calc(100vw*(12/375));
		text-align:center;
		line-height:1.5em;
	}
	.com_ok_txt span {
		font-weight:700;
		color:#2b66f6;
	}
	.com_ok_btn {
		width:100%;
		height:calc(100vw*(60/375));
		color:#fff;
		font-weight:700;
		font-size:calc(100vw*(14/375));
		text-align:center;
		background:linear-gradient(90deg, #758DEA 0%, #2E5FB7 100%);
		border-radius:calc(100vw*(12/375));
		display:flex;
		align-items:center;
		justify-content:center;
		margin-top:calc(100vw*(40/375));
	}
	.ok_gif {
		width:calc(100vw*(104/375));
		margin:0 auto calc(100vw*(7/375));
	}
}
/* END - USDT withdrawal */



/* 250910 - 충전 수정 */
.finmo_list_group {
	display:flex;
	flex-direction:column;
	gap:calc(100vw * (8/375));
	margin-top:calc(100vw * (10/375));
	overflow:scroll;
}
.finmo_list {
	display:flex;
	align-items:center;
	gap:calc(100vw * (10/375));
	padding:calc(100vw * (12/375)) calc(100vw * (10/375));
	background-color:#fff;
	border-radius:calc(100vw * (12/375));
}
/*.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_img {
	border-radius:calc(100vw * (4/375));
	display:flex;
	align-items:center;
	justify-content:center;
	padding:calc(100vw * (13/375));
	width: calc(100vw * (56 / 375));
    height: calc(100vw * (56 / 375));
}
.finmo_img img {
	width:calc(100vw * (30/375));
}
.finmo_tit_group {
	display:flex;
	flex-direction:column;
	gap:calc(100vw * (6/375));
	max-width: calc(100% - (100vw * (66 / 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 * (12/375));
	color:var(--gray-color2);
	letter-spacing: calc(100vw * (-0.24/375));
}
.finmo_subtitle.weight {
	font-weight: 700;
	color:#cc0000;
}
.finmo_fee {
	text-align:right;
	color:var(--gray-color2);
}



.now_php_wrap {
	background:var(--background-color);
	.php_top {
		padding:calc(100vw*(20/375)) calc(100vw*(20/375)) calc(100vw*(30/375));
		display:flex;
		align-items:center;
		gap:calc(100vw*(12/375));
	}
	.php_flag {
		width:calc(100vw*(62/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*(13/375));
	}
	.php_bottom {
		flex:1;
		background:#fff;
		padding:calc(100vw*(30/375)) calc(100vw*(16/375)) calc(100vw*(80/375));
		display:flex;
		flex-direction:column;
		border-radius: calc(100vw * (20/375)) calc(100vw * (20/375)) 0 0;
	}
	.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*(70/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:900;
		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*(16/375));
		font-weight:400;
		color:#c7c7c7;
		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 * (5 / 375));
	}
	.php_subtitle {
		color:var(--gray-color2);
		font-size:calc(100vw*(14/375));
		margin-top:calc(100vw*(5/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;
		flex-wrap:wrap;
		gap:calc(100vw*(7/375));
		margin-bottom:calc(100vw*(20/375));
	}
	.php_btn {
/*		flex:1 1 45%;*/
		flex:1;
		background:var(--box-bg-color);
		color:var(--main-color);
		font-size:calc(100vw*(14/375));
		min-height:calc(100vw*(36/375));
		display:flex;
		font-weight:600;
		align-items:center;
		justify-content:center;
		border-radius:calc(100vw*(8/375));
		flex-direction: column;
        padding: calc(100vw * (10 / 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:0 calc(100vw*(20 / 375)) 0;
	}
	.php_method_group {
		display:flex;
		flex-direction:column;
		margin-top:calc(100vw*(15/375));
		max-height:55vh;
		overflow:scroll;
	}
	.php_method_list {
		padding:0 calc(100vw*(12/375));
		border-bottom:1px solid var(--border-color);
		max-height:calc(100vw*(90/375));
		min-height:calc(100vw*(90/375));
		display:flex;
		align-items:center;
		overflow:hidden;
		gap:calc(100vw * (20/375));
	}
	.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.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	.php_method_list.on:before {
		background-image: url(../image/sub/lang_chk.png);
	}

	.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:700;
	background : var(--main-color);
	margin-top:auto;
	display:block;
	transition:0.3s;
}
/**/
/*.com_btn_new.fixed {*/
/*	position:fixed;*/
/*	bottom:calc(100vw * (80/375));*/
/*	left:50%;*/
/*	transform:translateX(-50%);*/
/*	border-radius:0;*/
/*	width:calc(100% - (100vw * (32/375)));*/
/*}*/


.com_btn_new.unable {
	border : none !important;
    background: #b3b5b8;
    color: #fff;
}
/* 250910 - 충전 수정 */




/* 250930 - 로그인 css 수정*/
.login_input_info{
	display:flex;
	flex-direction:column;
	gap:calc(100vw * (6/375));
	margin-top:auto;
}
.login_input {
	border-radius: calc(100vw * (18/375));
	border: 1px solid #E4E4E4;
	background: #FFF;
	min-height: calc(100vw * (64/375));
	padding: calc(100vw * (12/375)) calc(100vw * (20/375));
	position:relative;
	display: flex;
    align-items: center;
}
.login_input .placeholder{
	position:absolute;
	color: #A1A1A1;
	font-family: Manrope;
	font-size: calc(100vw * (16/375));
	font-weight: 400;
	z-index:10;
	top:calc(100vw * (20/375));
	left:calc(100vw * (20/375));
	transition:0.3s ease-in-out;
}
.login_input.on .placeholder {
	top:calc(100vw * (7/375));
	font-size:calc(100vw * (11/375));
	transition:0.3s ease-in-out;
}
.login_input input {
	width:100%;
	font-size:calc(100vw * (16/375));
	font-weight:400;
	font-family: Manrope;
}
.login_input.on input {
	margin-top:calc(100vw * (15/375));s
}
.signup_info {
	.signup_input_info {
		display:flex;
		flex-direction:column;
		gap: calc(100vw * (30/375));
	}
	.signup_bar {
		background: #E4E4E4;
		width:100vw;
		height:calc(100vw * (8/375));
		margin:0 calc(100vw * (-12/375));
		display:none;
	}
	.signup_verify {
		display:none;
	}
	.send_email_chk {
		display:none
	}
	.send_email_chk span {
		text-align: center;
		font-size: calc(100vw * (12/375));
		font-weight: 400;
		width:100%;
		display:flex;
		gap:calc(100vw * (4/375));
		align-items:center;
		justify-content:center;
		margin-top:calc(100vw * (18/375));
	}
	.send_email_chk span:before {
		content:"";
		width:calc(100vw * (16/375));
		height:calc(100vw * (16/375));
		background-size:100% 100%;
	}
	.send_email_chk.chk_ok span {
		color: #68C55C;
	}
	.send_email_chk.chk_ok span:before{
		background-image:url('../image/sub/signup_chk_ok.png');
	}
	.send_email_chk.chk_no span {
		color: #E00000;
	}
	.send_email_chk.chk_no span:before{
		background-image:url('../image/sub/signup_chk_no.png');
	}
}
.signup_input {
	display:flex;
	flex-wrap:wrap;
	.placeholder {
		font-size: calc(100vw * (14/375));
		font-weight: 400;
		width:100%;
	}
	.signup_box {
		display:flex;
		gap:calc(100vw * (6/375));
		width:100%;
	}
	.msg_inp {
		background:transparent;
		border-bottom: calc(100vw * (2/375)) solid #e4e4e4;
		height:calc(100vw * (50/375));
		width:100%;
		font-size:calc(100vw * (18/375));
		font-weight:600;
	}
	.msg_inp::placeholder {
		color: #A1A1A1;
	}
	.send_btn {
		min-width:calc(100vw * (95/375));
		font-size:calc(100vw * (16/375));
		border:calc(100vw * (1/375)) solid var(--main-color);
		display:flex;
		align-items:center;
		justify-content:center;
		background-color:#fff;
		color:var(--main-color);
		border-radius:calc(100vw * (10/375));
	}
	.send_btn.unable {
		background: #E3E8E9;
		border-color:#E3E8E9;
		color: #C2C2C2;
	}
	.send_email_point {
		color: #E00000;
		font-size: calc(100vw * (13/375));
		font-weight: 400;
		line-height: 140%;
		margin-top:calc(100vw * (6/375));
	}
}
.signup_input.on {
	.msg_inp {
		border-bottom:calc(100vw * (2/375)) solid var(--main-color);
	}
}
/* END 250930 - 로그인 css 수정*/




/* 250926 - usdt_page 추가 */
.point_usdt {
	background:#fff;
}
.usdt_result_modal {
	.modal_title {
		font-size:calc(100vw * (14/375));
		font-weight:700;
	}
	.usdt_bottom_copy_group {
		background: #F5F5F5;
		margin:calc(100vw * (10/375)) 0 calc(100vw * (8/375));
		position:relative;
		border-radius:calc(100vw * (12/375));
		overflow:hidden;
/*		padding-bottom: calc(100vw * (40/375));*/
		padding:calc(100vw*(18/ 375)) calc(100vw*(15/ 375));
		
	}
	.usdt_bottom_copy_group button {
		position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        font-size: calc(100vw * (20 / 375));
        width: calc(100vw * (46 / 375));
		border-radius:0;
		padding:0;
		display:flex;
		align-items:center;
		justify-content:center;
		background-color: #00A3E4;
	    color: #fff;
		img {
			width:calc(100vw * (30/375));
		}
	}
	.usdt_bottom_copy_group .timeline {
		position: absolute;
		right: calc(100vw * (66 / 375));
		bottom: calc(100vw * (11 / 375));
		color: #2B66F6;
		text-align: right;
		font-size: calc(100vw * (14/375));
		font-weight: 400;
		line-height: normal;
		width: calc(100vw * (245 / 375));
	}
	.usdt_timeline {
		display:flex;
		flex-wrap:wrap;
		font-size:calc(100vw * (14/375));
		color: #00A3E4;
		font-weight: 400;
		gap:calc(100vw * (5/375));
		margin-top: calc(100vw * (4 / 375));
		.title{
			text-transform:capitalize;
			width:100%;
		}
		.time {
			font-size:calc(100vw * (16/375));
			color:#FE5050;
			padding-left: calc(100vw * (25 / 375));
		}
		.time:before {
			content: "";
            width: calc(100vw * (20 / 375));
            height: calc(100vw * (20 / 375));
            background-image: url(../image/sub/usdt_point.png);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
		}
		.point {
			font-size: calc(100vw * (16 / 375));
			font-weight: 700;
			color: #FE5050;
			text-align: center;
			.blink {
				animation: blink 0.5s linear infinite alternate;
			}
		}
	}
	.select_address {
		border-radius: calc(100vw * (12/375));
		background: #F5F5F5;
		min-height:calc(100vw * (60/375));
		margin:calc(100vw * (12/375)) 0 calc(100vw * (20/375));
		color: #1E2236;
		font-family: Roboto;
		font-size: calc(100vw * (20/375));
		font-weight: 400;
		line-height: normal;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.modal_usdt_point {
		font-size: calc(100vw * (14/375));
		font-weight: 700;
		margin-top:calc(100vw * (8/375));
		padding-left:calc(100vw * (22/375));
		position:relative;
		line-height:normal;
	}
	.modal_usdt_point:before {
		content:"";
		width:calc(100vw * (16/375));
		height:calc(100vw * (16/375));
		background-image:url('../image/sub/usdt_point_b.png');
		background-size:100% 100%;
		background-repeat:no-repeat;
		position:absolute;
		top:0;
		left:0;
	}
	.usdt_bottom_copy_group span {
		width:calc(100vw * (245/375));
	}
	.usdt_box {
		min-height:calc(100vw * (50/375));
		padding:calc(100vw * (10/375));
		color: #00A3E4;
		font-size: calc(100vw * (18/375));
		font-weight: 500;
		border-radius: calc(100vw * (12/375));
		border: 1px solid #DEE6E9;
		background: #EFF4F6;
		margin-top:calc(100vw * (10/375));
		display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
		line-height:normal;
	}
	.com_btn {
		margin:calc(100vw * (30/375)) 0 0;
	}
}

@keyframes blink{
	0% {color: #dad5d5;}
	100% {color: #FE5050;}
}

.usdt_select_modal {
	.modal_title {
		font-size:calc(100vw * (14/375));
		font-weight:700;
	}
	.modal_usdt_btn {
		margin-top:calc(100vw * (12/375));
		display:flex;
		flex-direction:column;
		gap:calc(100vw * (7/375));
		button {
			flex:1;
			display: flex;
			min-height: calc(100vw* (60/375));
			justify-content: center;
			align-items: center;
			align-self: stretch;
			border-radius: calc(100vw * (12/375));
			border: 1px solid #D8D8D8;
			color: #1E2236;
			text-align: center;
			font-size: calc(100vw * (15/375));
			font-weight: 400;
		}
		button.on{
			border: 2px solid #00A3E4;
			color:#00A3E4;
			font-weight:700;
		}
	}
	.modal_usdt_point {
		color: #FE5050;
		font-size: calc(100vw * (14/375));
		font-weight: 700;
		margin-top:calc(100vw * (8/375));
		padding-left:calc(100vw * (22/375));
		position:relative;
		line-height:normal;
	}
	.modal_usdt_point:before {
		content:"";
		width:calc(100vw * (16/375));
		height:calc(100vw * (16/375));
		background-image:url('../image/sub/usdt_point.png');
		background-size:100% 100%;
		background-repeat:no-repeat;
		position:absolute;
		top:0;
		left:0;
	}
}
.point_modal{
	.modal_xbtn{
		position: unset;
        width: 100%;
        height: calc(100vw * (10 / 375));
        padding: calc(100vw * (12 / 375)) 0 calc(100vw * (18 / 375));
        background-image: url(../image/sub/up_x_bar.png);
        background-repeat: no-repeat;
        background-size: calc(100vw * (40 / 375));
        background-position: center;
		img {
			display:none;
		}
	}
	.com_btn {
		margin:calc(100vw * (30/375)) 0 0;
	}

}
.com_modal_up .point_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(100vw * (8/375));
    margin-top: calc(100vw * (26/375));
	.p_num {
		width: calc(100vw * (106 / 375));
		min-height: calc(100vw * (60 / 375));
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 700;
		font-size: calc(100vw * (14 / 375));
		background: #fff;
		border: 1px solid #D8D8D8;
		border-radius: calc(100vw * (10 / 375));
	}
	.p_num.on {
		border: 2px solid #00A3E4;
		color: #00A3E4;
		font-weight: 700;
	}
}


.usdt_wrap .sub_header {
	display:flex;
	align-items:center;
}
.usdt_wrap .sub_header .modal_xbtn {
	width:calc(100vw * (30/375));
	margin-left:auto;
}
.usdt_wrap .sub_header .modal_xbtn img {
	width:100%;
}
.usdt_area {
/*	margin:0 calc(100vw * (20/375));*/
	padding: calc(100vw * (30/375)) 0 calc(100vw * (20/375));
	.usdt_point_box {
		padding:calc(100vw * (15/375));
		border-radius: calc(100vw * (10/375));
		border: 1px solid #D8D8D8;
		box-shadow: 0 calc(100vw * (10/375)) calc(100vw * (20/375)) 0 rgba(0, 0, 0, 0.01);
		margin-top:calc(100vw * (12/375));
		display:flex;
		flex-direction:column;
		gap:calc(100vw * (10/375));
	}
	.modal_usdt_point {
		margin-top:0;
	}
	.point_item {
		display:flex;
		flex-direction:column;
		gap:calc(100vw * (8/375));
	}
	.usdt_guide {
		display:flex;
		flex-direction:column;
		gap:calc(100vw * (10/375));
		li {
			color:#888;
			padding-left:calc(100vw * (40/375));
			font-size: calc(100vw * (13/375));
			font-weight:400;
			line-height:1.5;
			position:relative;
		}
		li:before{
			content:"";
			background-color:#888;
			width:calc(100vw * (3/375));
			height:calc(100vw * (3/375));
			position:absolute;
			top: calc(100vw * (7 / 375));
			left: calc(100vw * (30 / 375));
			border-radius:100%;
		}
	}
	.com_btn{
		position:fixed;
		bottom:calc(100vw * (30/375));
		left:50%;
		transform:translateX(-50%);
		width:calc(100% - (100vw * (24/375)));
		min-height: calc(100vw * (52 / 375));
        border-radius: calc(100vw * (18 / 375));
	}
}
/* END 250926 - usdt_page 추가 */





/* 25-10-14 해외입금 */

.foreign_remit_wrap {
    background-color: #fff;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: calc(100vw * (30/375)) calc(100vw * (12/375)) calc(100vw * (40/375));
	.foreign_top {
		display:flex;
		align-items:center;
		margin-bottom:calc(100vw * (10/375));
	}
    .foreign_title {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
    }
    .foreign_type {
        margin-left: auto;
        display: flex;
        align-items: center;
        gap: calc(100vw * (6/375));
    }
    .type_usd {
        display: flex;
        align-items: center;
        gap: calc(100vw * (6/375));
        padding: calc(100vw * (8/375)) calc(100vw * (11/375));
        background-color: #3e3f40;
        border-radius: calc(100vw * (5/375));
        color: #fff;
        img {
            width: calc(100vw * (18/375));
        }
    }
    .type_fee {
        padding: calc(100vw * (4/375)) calc(100vw * (8/375));
        border-radius: calc(100vw * (6/375));
        color: #fff;
        background-color: var(--main-color);
        font-size: calc(100vw * (16/375));
    }
    .foreign_input_group {
        display: flex;
        align-items: center;
        justify-content: space-between;
		flex-direction:column;
        background-color: #EFF4F6;
        width: 100%;
        padding: calc(100vw * (20/375));
        border-radius: calc(100vw * (8/375));
        font-size: calc(100vw * (22/375));
		gap:calc(100vw * (12/375));
		.charge_usd {
			color: var(--main-color);
			letter-spacing: calc(100vw * (-0.8/375));
			font-size:calc(100vw * (20/375));
			margin-top: calc(100vw * (10 / 375));
		}
        input {
            background-color: transparent;
            font-size: calc(100vw * (34/375));
            font-weight: 400;
            color: var(--main-color);
            width: calc(100vw * (295/375));
			text-align: right;
			letter-spacing: calc(100vw * (-1.36/375));
			padding: 0 calc(100vw * (1/375));
        }
		input::placeholder {
			color: var(--main-color);
		}
        #file {
            display: none;
        }
        .file_txt {
            font-size: calc(100vw * (16/375));
            width:100%;
        }
        label {
            font-size: calc(100vw * (16/375));
			font-weight:700;
            color: var(--main-color);
            background-color: #fff;
            border-radius: calc(100vw * (8/375));
            padding: 0 calc(100vw * (12/375));
            width: 100%;
            text-align: center;
			border: calc(100vw * (1/375)) solid #D7E6EC;
			min-height:calc(100vw * (52/375));
			display:flex;
			align-items:center;
			justify-content:center;
        }
    }
	.foreign_input_group.charge_input {
		gap:calc(100vw * (8/375));
		flex-direction:row;
		background:transparent;
		border-bottom: 2px solid var(--main-color);
		border-radius:0;
		padding: 0 calc(100vw * (5/375));
		min-height:calc(100vw * (70/375));
	}
    .foreign_notice {
        display: flex;
        align-items: flex-start;
        gap: calc(100vw * (6/375));
        margin: calc(100vw * (8/375)) 0 calc(100vw * (32/375));
        color: var(--gray-color);
        font-size: calc(100vw * (13/375));
        font-weight: 400;
        img {
            width: calc(100vw * (12/375));
			margin-top:calc(100vw * (2/375));
        }
        span {
            font-weight: 700;
        }
        p {
            margin-top: calc(100vw * (-2/375));
			width:calc(100% - (100vw * (18/375)));
        }
		&.bottom_notice {
			margin-bottom:calc(100vw * (24/375));
		}
    }
    .section_line {
        width: 100vw;
        height: calc(100vw * (8/375));
        background-color: #f6f6f6;
        margin-left: calc(100vw * (-12/375));
    }
    
    .foreign_subtit {
        font-size: calc(100vw * (18/375));
        font-weight: 700;
        margin-top: calc(100vw * (50/375));
        margin-bottom: calc(100vw * (20/375));
    }
	
	.foreign_copy_box {
		display:flex;
		flex-direction:column;
		gap:calc(100vw * (30/375));
	}
    .foreign_copy_group {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * (10/375));
    }
    .copy_title {
        font-size: calc(100vw * (14/375));
        font-weight: 700;
        display: flex;
        gap: calc(100vw * (3/375));
        align-items: center;
        span {
            font-size: calc(100vw * (12/375));
            font-weight: 400;
        }
    }
    .copy_box {
        min-height: calc(100vw * (57/375));
        background-color: #F5F5F5;
        border-radius: calc(100vw * (12/375));
        display: flex;
        font-size: calc(100vw * (18/375));
        font-weight: 400;
		overflow:hidden;
		span {
			width:calc(100% - (100vw *(46/375)));
			padding:calc(100vw * (12/375)) calc(100vw * (20/375));
			display: flex;
            align-items: center;
		}
    }
    .copy_box button {
        width: calc(100vw * (46/375));
		background:var(--main-color);
		display:flex;
		align-items:center;
		justify-content:center;
		img {
			width: calc(100vw * (30/375));
		}
    }
	.com_btn {
		width:100%;
	}
}

.okay_modal {
	transform:translateY(0%);
	display:none;
    .modal_xbtn {
        position: unset;
        width: 100%;
        height: calc(100vw * (10 / 375));
        padding: calc(100vw * (12 / 375)) 0 calc(100vw * (18 / 375));
        background-image: url(../image/sub/up_x_bar.png);
        background-repeat: no-repeat;
        background-size: calc(100vw * (40 / 375));
        background-position: center;
		display:none;
    }
	.com_modal_box{
		display:flex;
		flex-direction:column;
		align-items:center;
		height:100%;
		max-height: unset;
        border-radius: 0;
        background: #F3F3F3;
		padding: 0 calc(100vw * (12/375)) calc(100vw * (30/375));
	}
	.modal_okay_img {
		width:calc(100vw * (80/375));
		margin-top: auto;
	}
	.modal_okay_txt1 {
		font-size:calc(100vw * (18/375));
		font-weight:700;
		margin-top : calc(100vw * (24/375));
	}
	.modal_okay_txt2 {
		font-size:calc(100vw * (22/375));
		font-weight:700;
	}
	.modal_okay_txt3 {
		font-size:calc(100vw * (15/375));
		font-weight:400;
		line-height:2;
		margin:calc(100vw * (10/375)) 0;
		text-align:center;
	}
	.modal_okay_txt4 {
		font-size:calc(100vw * (13/375));
		font-weight:400;
		color:var(--gray-color);
		text-align:center;
		line-height:calc(100vw * (20/375));
	}
	.modal_okay_box {
		margin-top:auto;
		background:#fff;
		border-radius:calc(100vw * (18/375));
		display:flex;
		flex-direction:column;
		width:100%;
		padding:calc(100vw * (20/375));
		gap:calc(100vw * (6/375));
		.modal_okaybox_tit {
			color:var(--gray-color);
			font-size:calc(100vw * (12/375));
			font-weight:400;
		}
		.modal_okaybox_txt {
			font-size:calc(100vw * (13/375));
			font-weight:400;
		}
	}
	.com_btn {
		width:100%;
	}
} 
/*END 해외입금 */


/* 이벤트 */
.mainevent_wrap {
	.sub_header {
		background:#fff;
	}
	.top_banner {
		height:calc(100vw * (543/375));
		background-image:url('../image/sub/qrpay_guide_bannerbg.png');
		background-size:100% 100%;
		background-color:#fff;
		padding-top:calc(100vw * (85/375));
		.txt_box {
			text-align: center;
			font-size: calc(100vw * (30/375));
			font-weight: 700;
			line-height: 1.2;
			padding:0 calc(100vw * (30/375));
		}
		.img_box {
			width:100%;
		}
	}
	.main_conents {
		padding:0 calc(100vw * (12/375)) calc(100vw * (150/375));
		background-color:#fff;
		.qr_payment {
			.title {
				width:calc(100vw * (103/375));
				margin:0 auto;
			}
			.sub_tit {
				text-align: center;
				font-size: calc(100vw * (18/375));
				font-weight: 700;
				margin-top: calc(100vw * (20/375));
			}
			.img_payment {
				padding:0 calc(100vw * (18/375));
				width:100%;
				margin-top:calc(100vw * (30/375));
			}
		}
		.qr_payment_stepbox {
			display:flex;
			flex-direction:column;
			gap:calc(100vw * (30/375));
			margin:calc(100vw * (30/375)) calc(100vw * (18/375)) 0;
			counter-reset : numbering;
			.qr_payment_stepitem {
				display:flex;
				flex-direction:column;
				gap:calc(100vw * (80/375));
				.title {
					display:flex;
					gap: calc(100vw * (10/375));
					.num {
						font-size: calc(100vw * (18/375));
						font-weight: 700;
						display:flex;
						gap:calc(100vw * (4/375));
						width:calc(100vw * (73/375));
						&:after {
							counter-increment : numbering;
							content : counter(numbering);
							width: calc(100vw * (24/375));
							height: calc(100vw * (24/375));
							background-color:#202020;
							border-radius:100%;
							color:#fff;
							display:flex;
							align-items:center;
							justify-content:center;
							font-size: calc(100vw * (18/375));
							font-weight:600;
						}
					}
					.txt {
						width:calc(100% - (100vw * (73/375)));
						font-size: calc(100vw * (18/375));
						font-weight: 400;
					}
				}
				.image_item {
					margin: 0 auto;
					width:100%;
				}
			}
			.item01 {
				.image_item {
					width:calc(100vw * (247/375));
				}
			}
		}
	}
	.com_btn {
		position:fixed;
		left:50%;
		bottom: calc(100vw * (30/375));
		transform:translateX(-50%);
		width:calc(100% - (100vw * (24/375)));
	}
}
.event_api {
	.top_banner {
		background:#fff;
		padding:0 0 calc(100vw * (68/375)) 0;
		height:auto;
		border-bottom: calc(100vw * (8/375)) solid #e4e4e4;
		.txt_box {
			background: #CAE7EB;
			padding:calc(100vw * (75/375)) 0 calc(100vw * (305/375));
			.sub {
				font-size: calc(100vw * (18/375));
				font-weight: 700;
				margin-top:calc(100vw * (4/375));
			}
		}
		.img_box {
			width:calc(100vw * (270/375));
			margin: calc(100vw * (-265/375)) calc(100vw * (40/375)) 0 auto;
		}
		.com_notice {
			margin: calc(100vw * (68/375)) calc(100vw * (12/375)) 0;
			.notice_title {
				text-transform: capitalize;
			}
		}
	}
	.main_conents {
		padding:calc(100vw * (60/375)) calc(100vw * (12/375)) calc(100vw * (110/375));
		.qr_form {
			text-align: center;
			.title {
				font-size: calc(100vw * (18/375));
				font-weight: 700;
			}
			.subtit {
				font-size: calc(100vw * (16/375));
				font-weight: 400;
				margin-top:calc(100vw * (12/375));
			}
			.qr_formbox {
				display:flex;
				flex-direction:column;
				gap:calc(100vw * (12/375));
				margin-top:calc(100vw * (30/375));
				padding:0 calc(100vw * (18/375));
				.table_line {
					width:100%;
					height:calc(100vw * (60/375));
					border:calc(100vw * (1/375)) solid #000;
					border-radius:calc(100vw * (12/375));
					.placeholder {
						position:absolute;
						top:50%;
						left: calc(100vw * (20/375));
						transform:translateY(-50%);
						font-size:calc(100vw * (18/375));
						font-weight:500;
						transition:0.35s ease-out;
					}
					input {
						background:transparent;
						width:100%;
						height:100%;
						padding:0 calc(100vw * (20/375));
						font-size: calc(100vw * (18/375));
						font-weight:700;
						transition:0.35s ease-out;
					}
				}
				.table_line.readonly {
					background:#efefef;
				}
				.table_line.on:not(.readonly) {
					.placeholder {
						top: calc(100vw * (10/375));
						transition:0.35s ease-out;
						font-size: calc(100vw * (12/375));
					}
					input {
						padding-top: calc(100vw * (15 / 375));
						transition:0.35s ease-out;
					}
				}
			}
		}
		.com_btn {
			position:unset;
			transform:none;
			left:0;
			bottom:0;
			width:100%;
			margin-top:calc(100vw * (50/375));
		}
		.point {
			color: #E00000;
			font-size: calc(100vw * (12/375));
			font-weight: 400;
			margin-top:calc(100vw * (30/375));
			padding-left: calc(100vw * (20 / 375));
			position:relative;
			text-align:left;
			&::before {
				content: '';
				width: calc(100vw * (2 / 375));
                height: calc(100vw * (2 / 375));
                border-radius: 50%;
                background-color: #e00000;
                position: absolute;
                top: calc(100vw * (7 / 375));
                left: calc(100vw * (9 / 375));
			}
		}
	}
}
/* END - 이벤트 */




/* 주소지 증빙서류 제출안내 */
.address_guide_inner {
	padding: calc(100vw * (30/375)) calc(100vw * (12/375)) calc(100vw * (100/375));
}
.address_guide_title {
	font-size: calc(100vw * (18/375));
	font-weight: 700;
}
.address_guide_container {
	margin-top: calc(100vw * (20/375));
	padding: calc(100vw * (16/375));
	background:#fff;
	border-radius:calc(100vw * (20/375));
	display:flex;
	flex-direction:column;
}
.address_guide_point {
	font-size: calc(100vw * (16/375));
	font-weight: 400;
	color:#fff;
	padding: calc(100vw * (10/375));
	border-radius: calc(100vw * (8/375));
	background: #E00000;
	margin-bottom: calc(100vw * (30/375));
	span {
		font-weight:700;
	}
}
.address_guide_contitle {
	font-size: calc(100vw * (14/375));
	font-weight:400;
	span {
		font-weight:700;
	}
}
.address_guide_noticebox {
	margin-top: calc(100vw * (12/375));
	padding: calc(100vw * (10/375));
	border-radius: calc(100vw * (8/375));
	border: calc(100vw * (1/375)) solid #E4E4E4;
	background: #FFF;
	box-shadow: 0 0 calc(100vw * (8/375)) 0 rgba(0, 0, 0, 0.08);
	ul {
		display:flex;
		flex-direction:column;
		gap: calc(100vw * (10/375));
		li {
			padding-left: calc(100vw * (22/375));
			font-size:calc(100vw * (14/375));
			font-weight:400;
			position: relative;
		}
		li:before {
			content: '';
			width: calc(100vw * (4 / 375));
			height: calc(100vw * (4 / 375));
			border-radius: 50%;
			background-color: #202020;
			position: absolute;
			top: calc(100vw * (8 / 375));
			left: calc(100vw * (7 / 375));
		}
	}
}
.address_guide_email {
	display:flex;
	gap: calc(100vw * (5/375));
	font-size: calc(100vw * (16/375));
	justify-content: center;
	margin: calc(100vw * (26/375)) 0;
	.img {
		width: calc(100vw * (20/375));
		height: calc(100vw * (20/375));
		display:flex;
	}
	.category {
		font-weight: 400;
	}
	.detail {
		color: var(--main-color);
		font-weight: 700;
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: none;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
		text-underline-position: from-font;
	}
}
.address_guide_email_point {
	color: #E00000;
	text-align: center;
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	max-width: calc(100vw * (260/375));
	margin: 0 auto;
}
.address_guide_bar {
	margin:calc(100vw * (30/375)) auto;
	width:100%;
	height:calc(100vw * (1/375));
	background-image:url('../image/sub/address_guide_bar.png');
	background-size: 100%;
}
.address_guide_box {
	display:flex;
	flex-direction:column;
	gap: calc(100vw * (30/375));
	.address_guide_boxlist {
		display:flex;
		flex-direction:column;
		gap: calc(100vw * (8/375));
	}
	.address_guide_contitle {
		color:var(--gray-color);
		span {
			color:#202020;
		}
	}
	.address_guide_boximg {
		width:100%;
		display:flex;
	}
}
.address_guide_btnarea {
	background: linear-gradient(180deg, rgba(243, 243, 243, 0.00) 0%, #F3F3F3 13.82%);
	padding: calc(100vw * (12/375));
	display:flex;
	gap: calc(100vw * (6/375));
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	.notconfirmed {
		flex:2;
	}
	.gray {
		flex:1;
	}
}
/* END - 주소지 증빙서류 제출안내 */








/* 페이 송금 시작*/

.pay-remittance-wrap{
	background: #fff;
	box-sizing: border-box
}

.pay-container{
/*	padding: calc(100vw * (20/375)) calc(100vw * (16/375)) 0;*/
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - calc(100vw * (60 / 375)));
}
.section-wrap{
	padding: calc(100vw * (20/375)) calc(100vw * (16/375)) 0;
	flex: 1;
}

.section-divider{
	background: #F5F5F5;
	height: 8px;
}
.pay-container.btn-fixed{
	margin-bottom: calc(100vw * (100 / 375));
}
.pay-container.btn-fixed .pay-cta-box{
	position: fixed;
}

.pay-title-box{
	font-size: calc(100vw * (24 / 375));
	margin-bottom: calc(100vw * (20/375));
	font-weight: 600;
}
.pay-title--tween{
	display: flex;
	justify-content: space-between;
    flex-direction: row;
	align-items: center;
}
.btn-recipient-favorite{
	display: flex;
	font-size: calc(100vw * (16/375));
	font-weight: 500;
	border-radius: 8px;
	border: 1px solid var(--color-bk);
	align-items: center;
	background: #FFF;
	padding: 0 calc(100vw * (10/375));
	height: calc(100vw * (30/375));
}

.info-group{
	margin-bottom: calc(100vw * (20 / 375));
}
.info-group .value-display:not(:first-of-type){
	margin-top: calc(100vw * (6 / 375));
}
.info-group .pay-field:not(:first-of-type){
	margin-top: calc(100vw * (6 / 375));
}

.row-group {
	display: flex;
	flex-direction: row;
	gap: calc(100vw * (6 / 375)); /* 좌우 입력창 사이 간격 */
}
.row-group .info-group{
	flex: 1;
	min-width: 0;

}

.pay-label{
	display: block;
	font-size: calc(100vw * (16 / 375));
	margin-bottom: calc(100vw * (12 / 375));
	color: var(--gray-color);
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.label-note{
	color: var(--main-color);
	padding-left: calc(100vw * (4 / 375));
}
.value-display{
	display: flex;
	align-items: center;
	font-size: calc(100vw * (18 / 375));
	font-weight: 600;
/*	min-height: calc(100vw * (48 / 375));*/
/*	border-radius: 18px;*/
/*	background: #F6F6F6;*/
/*	padding: 0 calc(100vw * (12 / 375));*/
}
.value-display .value-inner{
	flex: 1; 
	min-width: 0; 

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pay-cta-box{
	flex-shrink: 0;
	position: sticky;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	padding: calc(100vw * (30 / 375)) 0 calc(100vw * (20 / 375));
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 20.54%);
}
.pay-cta-box .com_btn{
	margin: 0 auto;
	height: calc(100vw * (62/375));
	width: calc(100vw * (343/375));
}

.pay-value{
	display: flex;
	align-items: center;
	font-size: calc(100vw * (18 / 375));
	font-weight: 600;
	height: calc(100vw * (62 / 375));
	border-bottom: 1px solid #DEE6E9;
}
.pay-value.is-focus{
	border-bottom: 2px solid var(--main-color);
}
.btn-delete {
	width: calc(100vw * (30 / 375));
	height: calc(100vw * (30 / 375));
	margin-left: calc(100vw * (8 / 375));
	background: url('../image/sub/icon_input_delete.svg') no-repeat center; /* 삭제 아이콘 경로 */
	background-size: contain;
	border: none;
	cursor: pointer;
	flex-shrink: 0; /* 버튼 크기가 줄어들지 않게 고정 */
}
.pay-field{
	padding: 0 calc(100vw * (12 / 375));
	border-radius: calc(100vw * (12 / 375));
	border: 1px solid #DEE6E9;
	position: relative;
}
.pay-field .value-input{
	width: 100%;
    min-height: calc(100vw * (48 / 375));
	font-size: calc(100vw * (18 / 375));
	font-weight: 600;
}
.pay-field textarea{
	padding: calc(100vw * (10 / 375)) 0 0;
	height: calc(100vw * (48 / 375)); /* 초기 높이 고정 */
}
.pay-field.is-active {
    border-color: var(--main-color); 
}
.pay-amount{
	font-size: calc(100vw * (28 / 375));
	flex: 1;
}
.pay-amount .value-input{
	text-align: right;
}
.pay-amount .value-input::placeholder{
	font-size: calc(100vw * (18 / 375));
	text-align: left;
}
.pay-value .unit {
    display: none;
	font-size: calc(100vw * (28 / 375));
    color: #767676;
    margin-left: 8px;
	font-weight: 400;
}
.pay-value.active .unit {
    display: inline-block;
}
.info-group.value-box{
	margin-bottom: 0;
}
.pay-amount.is-focus{
	border-bottom: 2px solid var(--main-color);
}
.info-group > .active{
	border-bottom: 2px solid var(--main-color);
}
.value-input{
	width: 100%;
	height: 100%;
}
.pay-title-box_strong{
	color: var(--main-color);
}
.pay-alert{
	display: none;
	margin-top: calc(100vw * (12 / 375));
	font-size: calc(100vw * (15 / 375));
	color: #E00000;
	align-items: center;
}
.pay-alert.active{
	display: flex;
}
.pay-alert img{
	margin-right: 5px;
}

.pay-exchange-rate{
	
}
.pay-amount-info{
	margin-top: calc(100vw * (20 / 375));
}
.pay-amount-info li{
	font-size: calc(100vw * (16 / 375));
	color: var(--main-color);
	position: relative;
	padding-left: calc(100vw * (15 / 375));
	margin-bottom: calc(100vw * (6 / 375));
}

.pay-balance{
	display: flex;
	font-size: calc(100vw * (14 / 375));
	align-items: center;
	gap: calc(100vw * (8 / 375));
}
.pay-amount-info li::before{
	content: "•";
    position: absolute;
    left: 0;
    color: var(--main-color);
    font-weight: 500;
}
.pay-balance-value{
	font-weight: 600;
	letter-spacing: calc(100vw * (-0.5 / 375));
}
.pay-balance-value .unit{
	margin-left: calc(100vw * (4 / 375));
	color: #767676;
	font-weight: 400;
}
.pay-balance-label{
	color: var(--gray-color);
}


.select-list {
    display: flex;
    flex-direction: column;
    gap: calc(100vw * (6 / 375));
}

.select-item {
    display: flex;
    align-items: center;
	border: 2px solid transparent;
    padding: calc(100vw * (12 / 375)) calc(100vw * (20 / 375));
    border-radius: calc(100vw * (18 / 375));
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: #fff;
	min-height: calc(100vw * (72 / 375));
}

.select-item input {
    display: none;
}

.check-icon {
    width: calc(100vw * (18 / 375));
    height: calc(100vw * (18 / 375));
    margin-right: calc(100vw * (12 / 375));
    background: url('../image/sub/icon_option_check_unable.svg') no-repeat center;
    background-size: contain;
}

.item-text {
    font-size: calc(100vw * (18 / 375));
	font-weight: 500;
}

.select-item.active {
    border-color: var(--main-color);
    background-color: #fff;
}

.select-item.active .item-text {
    color: var(--main-color);
}

.select-item.active .check-icon {
    background-image: url('../image/sub/icon_check_option.svg');
    opacity: 1;
}


/* 정보 확인 카드 */
.confirm-card {
    border-radius: calc(100vw * (18 / 375));
    padding: calc(100vw * (20 / 375));
    background: #fff;
	border: 1px solid #CCD3D7;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12);
}
.confirm-list li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    font-size: calc(100vw * (16 / 375));
}
.confirm-list .label { 
	color: #767676; 
    font-size: calc(100vw * (18 / 375));
}
.confirm-list .val { 
	font-weight: 500; 
	font-size: calc(100vw * (18 / 375));
}

.view-purpose-box{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.btn-view-purpose{
	padding: calc(100vw * (10 / 375)) calc(100vw * (12 / 375));
	border-radius: calc(100vw * (10 / 375));
	background: #EDF1F6;
}

.pay-sub-title{
	font-size: calc(100vw * (16 / 375));
	margin-bottom: calc(100vw * (12 / 375));
	color: #767676;
}
/* 서명란 */
.signature-area { 
	margin-top: calc(100vw * (20 / 375));
}
.sig-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.sig-title{
	font-size: calc(100vw * (16 / 375));
	color: #767676;
}
.btn-sig-clear {
    color: var(--main-color);
    background: none;
    border: none;
    font-size: 14px;
	display: flex;
	align-items: center;
	gap: calc(100vw * (6 / 375));
}
.sig-canvas-box {
    border-radius: calc(100vw * (12 / 375));
    overflow: hidden;
    height: 200px;
	border-radius: calc(100vw * (8 / 375));
	border: 1px solid var(--main-color);
	background: #EFF4F6;
}
canvas {
    width: 100%;
    height: 100%;
    touch-action: none; /* 모바일 스크롤 방지 */
}


.purpose_modal.on {
	transform: translateY(0);
}
.purpose_modal .modal_title{
	font-size: calc(100vw * (18/375));
}
.modal-content-wrap{
	margin-top: calc(100vw * (20/375));
}



.purpose_modal .text-scroll-box {
    max-height: 70vh;
	min-height: 30vh;
    overflow-y: auto;
    padding-right: 5px;
    -webkit-overflow-scrolling: touch;
}

.purpose_modal .text-scroll-box::-webkit-scrollbar {
    width: 4px;
}
.purpose_modal .text-scroll-box::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
}


.result-page-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 9999;
    display: flex;
    flex-direction: column;
}

/* 중앙 콘텐츠 영역 */
.result-page-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 calc(100vw * (16/375));
    text-align: center;
}

.result-page-title {
    font-size: calc(100vw * (22/375));
    font-weight: 700;
    color: #111;
    margin-top: calc(100vw * (4/375));
    margin-bottom: 0;
}

.result-page-desc {
    font-size: calc(100vw * (15/375));
    color: #666;
    margin-top: calc(100vw * (12/375));
    line-height: 1.5;
    word-break: keep-all;
}

.result-page-highlight {
    font-weight: 700;
    color: #222;
}

.result-page-footer {
    padding: calc(100vw * (20/375)) calc(100vw * (16/375)) calc(100vw * (20/375));
}

.btn-result-home {
    width: 100%;
    height: calc(100vw * (52/375));
    background-color: #00A9E0;
    color: #ffffff;
    border: none;
    border-radius: calc(100vw * (12/375));
    font-size: calc(100vw * (16/375));
    font-weight: 600;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.btn-result-home:active {
    opacity: 0.8;
}


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



/* 1. 컨테이너: 닫힐 때 visibility를 지연시킴 */
.new-modal-container {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* [수정] 0.4초 동안은 숨기지 말고 기다려라(지연) */
    visibility: hidden;
    transition: visibility 0.4s; 
}

/* 2. 활성화 상태: 즉시 보이게 설정 */
.new-modal-container.is-active {
    visibility: visible;
    transition: none; /* 열릴 때는 지연 없이 즉시 노출 */
}

/* 3. 배경: 투명도 조절 */
.new-modal-container .modal-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.4s ease;
}
.new-modal-container.is-active .modal-overlay {
    opacity: 1;
}

/* 4. 시트(팝업박스): 슬라이드 애니메이션 */
.new-modal-container .modal-sheet {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: calc(100vw * (24/375)) calc(100vw * (24/375)) 0 0;
    padding: 0 calc(100vw * (20/375)) calc(100vw * (40/375));
    z-index: 10;
    
    /* 초기 상태: 아래로 100% 밀어둠 */
    transform: translate3d(0, 100%, 0);
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: transform;
}

/* 활성화 시 위로 상승 */
.new-modal-container.is-active .modal-sheet {
    transform: translate3d(0, 0, 0);
}


.modal-title{
	font-size: calc(100vw * (18/375));
	font-weight: 600;
}
.modal-body {
    display: block !important;
    max-height: calc(70vh - 80px) !important; /* 헤더 높이만큼 제외 */
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
	margin-top: calc(100vw * (18/375));
	font-size: calc(100vw * (16/375));
}


.pay-recieve-info{
	margin-top: calc(100vw * (30/375));
}

.user-data-wrap .pay-label{
	margin-bottom: calc(100vw * (4/375));
}

.amount-wrap .pay-title-box{
	margin-bottom: calc(100vw * (4/375));
}

.transaction-summary {
    display: flex;
    flex-direction: column;
    gap: calc(100vw * (12 / 375));
    border-radius: calc(100vw * (12 / 375));
    padding: calc(100vw * (20 / 375));
    background: #F6F6F6;
    margin-top: calc(100vw * (12 / 375));
}

.summary-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: calc(100vw * (10 / 375));
}

.summary-label {
    font-size: calc(100vw * (14 / 375));
    font-weight: 400;
    color: var(--gray-color);
    flex-shrink: 0;
}

.summary-value {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end; 
    font-size: calc(100vw * (15 / 375));
    text-align: right;
    line-height: 1.4;
    color: #333;
}

.summary-value .unit {
    color: var(--gray-color);
    margin-left: calc(100vw * (2 / 375));
}

.amount-wrap .info-group{
	margin-bottom: 0;
}


/*alipay favorite*/

.favorite-item-group{
	display: flex;
	gap: calc(100vw * (12/375));
	flex-direction: column;
}
.favorite-item-group > li{
	display: block;
}
.favorite-item{
	display: flex;
	width: 100%;
	padding: calc(100vw * (15/375)) calc(100vw * (12/375));
	flex-direction: column;
	gap: calc(100vw * (4/375));
	border-radius: calc(100vw * (12/375));
	border: calc(100vw * (1/375)) solid #DEE6E9;
}
.favorite-id-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: calc(100vw * (18/375));
	font-weight: 500;
}
.favorite-location{
	display: flex;
	align-items: center;
	gap: calc(100vw * (2/375));
}
.favorite-location > img{
	width: calc(100vw * (18/375));
}
.location-area{
	display: flex;
	padding: calc(100vw * (4/375)) calc(100vw * (8/375));
	justify-content: center;
	align-items: center;
	gap: calc(100vw * (10/375));
	border-radius: calc(100vw * (4/375));
	background: #F6F6F6;
	font-size: calc(100vw * (14/375));
}
.favorite-detail{
	font-size: calc(100vw * (14/375));
	color: var(--gray-color);
	text-align: left;
}
.favorite-item {
    transition: background-color 0.1s ease;
}

.favorite-item:active {
    background-color: #EDF1F6;
/*	transform: scale(0.98);*/
/*    box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);*/
}



/*alipay favorite end*/



/* 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_bg.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:calc(100vw * (170/375));
}

.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: 90%;
    /* 아래로 갈수록 배경을 블러처리 */
    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: 85%;
	/* 이미지 자체가 아래로 갈수록 흰색이 되도록 덮어씌움 */
	background: linear-gradient(to bottom, transparent 36%, #fff 70%);
}

/* END APP Down */


.referral_verify_msg{
	text-align: center;
	font-size: calc(100vw * (18 / 375));
	font-weight: 600;
	color: #00A3E4;
	padding: 0 0 calc(100vw * (20 / 375));
	min-height: calc(100vw * (46 / 375));
}
.referral_verify_msg span{
	display: none;
}
.referral_verify_msg.is-active span{
	display: inline-block;
}

.mb-80{
	margin-bottom: calc(100vw * (80 / 375)); 
}
/* 목록 전체 박스 */
.suggest-list {
	position: absolute;
	width: 100%;
	left: 0;
	top: calc(100vw * (48 / 375));
	border: 1px solid #ddd;
	background: #fff;
	z-index: 999;
	max-height: calc(100vw * (200 / 375));
	overflow-y: auto;
	border-radius: calc(100vw * (12 / 375));
}

/* 각 항목 */
.suggest-list li {
    padding: calc(100vw * (16 / 375)) calc(100vw * (10 / 375));
	font-size: calc(100vw * (16 / 375));
    cursor: pointer;
}

/* 마우스를 올렸을 때 색상 */
.suggest-list li:hover {
    background-color: #f0f0f0;
    color: #171718;
}






.point_grid.is-extended .p_num{
	flex-direction: column;
	letter-spacing: calc(100vw * (-0.7 / 375));
	gap: calc(100vw * (2 / 375));
}
.point_grid.is-extended .expend-data{
	color: var(--gray-color);
	font-size: calc(100vw * (14 / 375));
	font-weight: 500;
}






/* 260205 통장송금 시작*/

/* 기본 레이아웃 및 폰트 설정 */



.remit_inner--modify {
	margin-top: calc(100vw * (30 / 375));
	padding: 0 calc(100vw * (16 / 375));
	align-items: stretch;
}
.remit_inner--modify.is-top {
	margin-top: calc(100vw * (76 / 375));
}

/* 입력 그룹 공통 */


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

.group_title {
    font-size: calc(100vw * (16 / 375));
    font-weight: 700;
    color: var(--color-bk);
}

.input_row {
	width: 100%;
    min-height: calc(100vw * (62 / 375));
    border-radius: calc(100vw * (12 / 375));
    padding: 0 calc(100vw * (15 / 375));
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: calc(100vw * (16 / 375));
	font-weight: 500;
    background: #fff;
	box-sizing: border-box;
	gap: calc(100vw * (6 / 375));
}
.input_row > * {
    min-width: 0; /* 아무리 내용이 길어도 부모를 뚫고 나가지 않게 함 */
}
.input_row input{
	flex: 1;
}
.input_row--modify{
	flex-direction: column;
	align-items: stretch;
	height: auto;
	padding: calc(100vw * (20 / 375));
	gap: calc(100vw * (20 / 375));
}
.input_row--modify > div{
	display: flex;
	justify-content: space-between;
}
.input_row--modify > div:nth-last-child(1){
	border-top: 1px solid var(--border-color);
	padding-top: calc(100vw * (20 / 375));
}
.input_row.is-disabled{
	border-radius: calc(100vw * (8 / 375));
	border: 1px solid var(--border-color);
	background: var(--box-bg-color);
}

.remit_inner--modify .dropdown_bank{
	flex: 1;
}
.remit_inner--modify .dropdown_national{
	flex: 1;
}
.remit_inner--modify .dropdown_purpose{
	flex: 1;
}
.remit_inner--modify .dropdown_currency{
	flex: 1;
	display: flex;
	align-items: center;
}
.remit_inner--modify .dropdown_currency .arrow{
	width: calc(100vw * (14 / 375));
}
.remit_inner--modify .dropdown_method{
	flex: 1;
	display: flex;
	align-items: center;
}
.remit_inner--modify .dropdown_method .arrow{
	width: calc(100vw * (14 / 375));
}
.remit_inner--modify .chosen{
	display: flex;
    align-items: center;
    font-weight: 500;
    font-size: calc(100vw * (16 / 375));
    color: var(--color-bk);
    gap: calc(100vw * (5 / 375));
}
.remit_inner--modify .dropdown_national .chosen{
    gap: calc(100vw * (12 / 375));
	padding-right: calc(100vw * (28 / 375));
}
.remit_inner--modify .dropdown_currency .chosen{
    gap: calc(100vw * (12 / 375));
	padding-right: calc(100vw * (28 / 375));
}
.remit_inner--modify .dropdown_bank .chosen{
    gap: calc(100vw * (12 / 375));
	padding-right: calc(100vw * (28 / 375));
	color: var(--placeholder);
}
.remit_inner--modify .dropdown_bank .chosen.selected{
	color: var(--block-color);
}
.remit_inner--modify .chosen .arrow {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
    width: calc(100vw * (14 / 375));
    margin-left: calc(100vw * (6 / 375));
}
.remit_inner--modify .chosen .flag {
    width: calc(100vw * (26 / 375));
	height: auto;
	border-radius: 50%;
	overflow: hidden;
}

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


.remittance_chk_btn {
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid #2196F3;
    color: var(--main-color);
    border-radius: 8px;
    font-weight: bold;
    margin-top: 10px;
}


.sky { 
	color: var(--main-color); 
	font-weight: bold;

}

.dropdown_point {
    position: relative;
    width: 100%;
	display: flex;
    align-items: center;
	justify-content: space-between;
    font-weight: 500;
    font-size: calc(100vw * (16 / 375));
    gap: calc(100vw * (5 / 375));
}

.dropdown_point input {
    cursor: pointer;
    background: #fff;
}
.dropdown_point .arrow{
    width: calc(100vw * (14 / 375));
    margin-left: calc(100vw * (6 / 375));
}


.group_end-wrap{
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (4 / 375));
	font-size: calc(100vw * (14 / 375));
}
.group_end {
	color: #737981;
	padding-left: calc(100vw * (6 / 375));
}

.remit_bar{
	height: calc(100vw * (8 / 375));
	background: #E4E4E4;
}




.charge_notice {
    font-size: calc(100vw * (16 / 375));
    color: var(--gray-color);
}
.charge_notice__item span{
	padding-left: calc(100vw * (12 / 375));
	display: block;
	margin-bottom: calc(100vw * (12 / 375));
}
.charge_notice__item span::after{
	display: block;
	content: "·";
	position: absolute;
	top: calc(100vw * (0 / 375));
	left: calc(100vw * (0 / 375));
}
.charge_notice a{
	color: var(--main-color);
}
.n_span { 
	font-weight: bold; 
	color: #333; 
	display: block; 
	margin-bottom: 10px; 
}


.btn_remit {
    width: 100%;
    height: calc(100vw * (60 / 375));
    border: none;
    border-radius: calc(100vw * (12 / 375));
    background: #E3E8E9;
    color: #C2C2C2;
    font-size: calc(100vw * (16 / 375));
    font-weight: bold;
    margin-top: calc(100vw * (20 / 375));
    margin-bottom: calc(100vw * (30 / 375));
    cursor: not-allowed;
}

.btn_remit.active {
    background: var(--main-color);
    color: #fff;
    cursor: pointer;
}

/* ------------------------------------------------ */
/* 팝업 스타일 (은행/금액 선택) - 기본 숨김 처리 */
/* ------------------------------------------------ */


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

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

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

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

.up_box .u_title {
	font-weight: 500;
	font-size: calc(100vw * (18/375));
	position: relative;
}

.up_box .u_title .up_x_btn {
	display: block;
	width: 100%;
	height:calc(100vw * (36/375));
	background-image: url(../image/common/modal_close_btn.svg);
    background-size: calc(100vw * (375 / 375)) calc(100vw * (36 / 375));
    background-position: center;
    background-repeat: no-repeat;
    img {
		display:none;
	}
}

.remit_wrap .up_box{
	padding-top: 0;
}

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


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

.up_box .point_grid .p_num {
	width: calc(100vw * (106/375));
	height: calc(100vw * (66/375));
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Pretendard';
	font-weight: 600;
	font-size: calc(100vw * (15/375));
	color: var(--block-color);
	background: #EFF4F6;
	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:var(--main-color);
	color:#fff;
}

.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;
}

.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: 400;
	font-size: calc(100vw * (13/375));
	align-items: center;
	justify-content: flex-start;
	gap: calc(100vw * (7/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: 60vh;
    overflow: auto;
}


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

.point_grid.is-expend .p_num{
	flex-direction: column;
}
.point_grid.is-expend .expend-data{
	font-size: calc(100vw * (14/375));
	color: var(--gray-color);
	font-weight: 400;
}

.up_box .point_grid.card_num .p_num.active .expend-data,
.bank_up.point .up_box .point_grid .p_num.active .expend-data {
	color:#fff;
}




.remit_wrap .com_btn {
	width: 100%;
	height: calc(100vw * (55/375));
	border: none;
	border-radius: calc(100vw * (12/375));
	margin-top: calc(100vw * (20/375));
	font-weight: bold;
}

.remit_wrap .com_btn.unable { 
	background: #E3E8E9; 
	color: #C2C2C2; 
}


.remit_wrap .remittance_chk_btn{
	border: 1px solid var(--main-color);
}
.input_group.remit2 .input_row.row1{
	background: #E3E8E9;
}


.input_row--modify .row{
	color: var(--gray-color);
}
.input_row--modify .row:nth-last-child(1){
	font-weight: 600;
	color: var(--color-bk);
}
.input_row--modify .row:nth-last-child(1) .sub-value{
	color: var(--color-bk);
}


.amonut-group{
	display: flex;
    flex-direction: column;
    text-align: right;
}
.sub-value {
    font-size: calc(100vw * (14/375));
    color: var(--gray-color); 
    margin-top: calc(100vw * (2/375));
}
.sub-value em{
	font-style: normal;
}




/*송금하기 내역*/

.gift-history-wrapper{
	margin-top: auto;
	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 * (18/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: 600;
	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);
}


.up_box .select-list{
	margin-top: calc(100vw * (26/375));
    max-height: 60vh;
    overflow: auto;
}

.dropdown_purpose {
    position: relative;
    width: 100%;
	display: flex;
    align-items: center;
	justify-content: space-between;
    font-size: calc(100vw * (16 / 375));
    gap: calc(100vw * (5 / 375));
}

.dropdown_purpose input {
    cursor: pointer;
    background: #fff;
}
.dropdown_purpose .arrow{
    width: calc(100vw * (14 / 375));
    margin-left: calc(100vw * (6 / 375));
}

.bank_up.purpose .select-item.active,
.bank_up.currency .select-item.active,
.bank_up.method .select-item.active{
	border: 0;
}
.bank_up.purpose .select-item,
.bank_up.currency .select-item,
.bank_up.method .select-item{
	min-height: calc(100vw * (62 / 375));
	padding: calc(100vw * (12 / 375)) 0;
	border-radius: 0;
}

.bank_up.bank.bank_row .up_box .point_grid{
	grid-template-columns: repeat(1, 1fr);
	row-gap: calc(100vw * (6 / 375));
}
.bank_up.bank_row .p_bank{
    flex-direction: row;
	text-align: left;
	min-height: calc(100vw * (62 / 375));
	font-weight: 500;
	font-size: calc(100vw * (17 / 375));
	gap: calc(100vw * (15 / 375));
}

.bank_up.bank_row .p_bank.active{
    color: var(--main-color);
}

.input_row:has(textarea) {
	box-sizing: border-box;
}
.input_row textarea {
	width: 100%;
	padding: 0;
	resize: none;
	font-family: inherit;
	font-size: calc(100vw * (16 / 375));
	outline: none;
}



/* 글로벌 현금 이체용 독립 팝업 스타일 */
.bank_up.remit_pop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 1000;
	transform: none;
	display: none;
}

.bank_up.remit_pop .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: block !important;
	opacity: 0;
	transition: opacity 0.4s ease;
}

.bank_up.remit_pop.on .bg {
	opacity: 1;
}

.bank_up.remit_pop.off .bg {
	opacity: 0;
}

.bank_up.remit_pop .up_box {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px 20px 0 0;
	max-height: 80vh;
	overflow-y: auto;
	transform: translateY(100%);
	transition: transform 0.4s ease;
}

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

.bank_up.remit_pop.off .up_box {
	transform: translateY(100%);
}



.p_national{
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	gap: calc(100vw * (6 / 375));
}
.p_national img{
	width: calc(100vw * (40 / 375));
	height: auto;
	border-radius: 50%;
	overflow: hidden;
}


.bank_up.currency .p_bank {
	font-size: calc(100vw * (16 / 375));
	font-weight: 500;
	gap: calc(100vw * (11 / 375));
}
.bank_up.currency .p_bank img{
	width: calc(100vw * (26 / 375));
	height: auto;
	border-radius: 50%;
	overflow: hidden;
}


.bank_up.remit_pop.national .p_national.disabled{
	opacity: 0.3;
    pointer-events: none;
    cursor: not-allowed;
}
.bank_up.remit_pop.national .p_national.disabled img{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}


.flex_start{
	justify-content: flex-start;
}

.fake_input {
    display: flex;
    align-items: center;
    cursor: pointer;
	flex: 1;
	color: var(--block-color);
	gap: calc(100vw * (4 / 375));
}
.fake_input strong {
    font-weight: 700;
}
.fake_input.placeholder {
    color: var(--placeholder);
}



.bank_up.point .up_box {
    display: flex;
    flex-direction: column;
    max-height: 85vh;
}
.bank_up.point .u_title {
    flex-shrink: 0;
}
.point_grid.is-expend {
    flex: 1;
    max-height: 60vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px 0;
}

.bank_up.point .com_btn {
    flex-shrink: 0;
}

.remit_guide{
	font-size: calc(100vw * (13 / 375));
	color: var(--alert-color);
	font-weight: 500;
	line-height: 1.4;
	margin-top: calc(100vw * (8 / 375));
}