@charset "utf-8";











.main_container {
	background: var(--background-color);
	min-height: 100vh;
	padding-bottom: calc(100vw * (50/375));
	transition:0.1s;
	position:relative;
}
.main_container::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: calc(100vw * (563/375));
	background: var(--bg-gradient);
}


.main_inner {
	padding: 0 calc(100vw * (16/375));
}

.section_title .title {
	font-family: 'Pretendard', sans-serif;
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	line-height: 1.25em;
	padding-left:calc(100vw * (8/375));
}

/* Section1 */
.section1 {
	padding-top: calc(100vw * (25/375));
	padding-bottom: calc(100vw * (10/375));
}

.section1 .main_top {
	padding-left: calc(100vw * (0/375));
	padding-top: calc(100vw * (60/375));
}

.section1 .main_top .slick-track {
	display:flex;
}

.section1 .main_top .swiper-slide {
	display: flex;
	width: calc(100vw * (343/375));
	justify-content: center;
	margin-right: calc(100vw*(16 / 375));
	height: auto;
}

.section1 .main_top .slide_inner {
	min-width: calc(100vw * (281/375));
	min-height: calc(100vw * (345/375));
	background-color: #FFF;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
	border-radius: calc(100vw * (16/375));
	z-index: 2;
	margin-bottom: calc(100vw * (23/375));
	display:flex;
	flex-direction:column;
	padding:calc(100vw * (20/375));
}

.section1 .main_top .slider_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: calc(100vw * (35/375));
}

.section1 .main_top .slider_top .QR_btn {
	padding: calc(100vw * (8/375));
	border: 1px solid #EEEEEE;
	box-shadow: 0px 10px 14px rgba(0, 0, 0, 0.03);
	border-radius: calc(100vw * (8/375));
	width: calc(100vw * (36/375));
	height: calc(100vw * (36/375));
	box-sizing: border-box;
}

.section1 .main_top .slider_top .wallet_btn {
	padding: calc(100vw * (4/375)) calc(100vw * (10/375));
	font-weight: 500;
	font-size: calc(100vw * (12/375));
	background: #58A8C8;
	border-radius: calc(100vw * (6/375));
	color: #FFF;
	line-height: 1.2em;
}

.section1 .main_top .slider_mid {
	margin-top: calc(100vw * (21/375));
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (4/375));
	padding-bottom: calc(100vw * (60/375));
	border-bottom: 1px solid #F5F5F5;
	filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.01));
}

.section1 .main_top .slider_mid .mid_cash {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 700;
	font-size: calc(100vw * (28/375));
	line-height: 1.2em;
	margin-top: calc(100vw * (4/375));
}

.section1 .main_top .slider_mid .mid_cash img {
	width: calc(100vw * (6/375));
	height: calc(100vw * (10/375));
	margin-right: calc(100vw * (5/375));
}

.section1 .main_top .slider_mid .mid_text {
	font-weight: 500;
	font-size: calc(100vw * (13/375));
	line-height: 1.35em;
	color: #242424;
}

.section1 .main_top .slider_mid .mid_trans {
	width: calc(100vw * (80/375));
	height: calc(100vw * (24/375));
	display: inline;
	font-weight: 400;
	font-size: calc(100vw * (12/375));
	line-height: 1.3em;
	color: #999999;
	padding: calc(100vw * (3/375)) 0;
	text-align: center;
	background: #F9F9F9;
	border-radius: calc(100vw * (20/375));
	margin-top: 2px;
}

.section1 .main_top .slider_btm {
	color: #58A8C8;
	font-weight: 400;
	font-size: calc(100vw * (12/375));
	line-height: 1.35em;
	margin-top: calc(100vw * (20/375));
}

.section1 .main_top .slider_btm .btm_point {
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	line-height: 1.5em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: calc(100vw * (6/375));
}

.section1 .main_top .slider_btm .btm_point img {
	width: calc(100vw * (6/375));
	height: calc(100vw * (10/375));
	margin-right: calc(100vw * (5/375));
}

.section1 .swiper-swiper-slide {
	width: calc(100vw * (275/375)) !important;
}

.section1 .slide_out {
	width: fit-content;
	background-color: var(--main-color);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
	border-radius: 0 calc(100vw * (18/375)) calc(100vw * (18/375)) 0;
	display: flex;
	flex-direction: column;
	transform: translateX(calc(100vw * (-63/375)));
	margin: calc(100vw * (2/375)) 0 calc(100vw * (26/375)) 0;
/*	transition: 0.5s;*/
	margin-left:calc(100vw * (-14/375))
}

.section1 .row {
	font-size: calc(100vw * (13/375));
	font-weight: 600;
	line-height: 1.2em;
	text-align: center;
	display: flex;
	flex-direction: column;
	color: #FFF;
	justify-content: center;
	align-items: center;
	gap: calc(100vw * (10/375));
	flex: 1;
	margin: 0 calc(100vw * (10/375)) 0 auto;
	margin-left: calc(100vw*(24 / 375));
}

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

.section1 .row1,
.section1 .row2 {
	border-bottom: 0;
	max-width:calc(100vw * (46/375));
	word-break:keep-all;
	position:relative;
	overflow-wrap:anywhere;
	text-transform: capitalize;
}
.section1 .row1 {
	gap:calc(100vw * (14/375));
}
.section1 .row1:after {
	content:"";
	width:calc(100vw * (25/375));
	height:calc(100vw * (1/375));
	opacity: 0.2;
	background: var(--white, #FFF);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.01);
	position:absolute;
	bottom:0;
	right:calc(100vw * (10/375));
}
.section1 .slide2 .row1:after{
	display:none;
}
.section1 .row.row2 img{
	width:calc(100vw * (28/375));
}

.section1 .main_top .slide2 .slide_inner {
	background-color: transparent;
	background-image: url(../image/main/slide_bg.png);
	background-size: cover;
	color: #FFF;
}

.section1 .main_top .slide2 .slider_mid .mid_text {
	color: #FFF;
	opacity: 0.5;
}

.section1 .main_top .slide2 .slider_mid .mid_trans {
	opacity: 0
}

.section1 .main_top .slide2 .slider_mid {
	border-bottom: 1px solid #f5f5f523;
	filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.01));
}

.section1 .slide2 .btm_text {
	color: #FFFFFF;
	opacity: 0.4;
}

.section1 .slide2 .slider_btm .btm_point {
	font-weight: 600;
	font-size: calc(100vw * (15/375));
	line-height: 1.3em;
	color: #FFF;
}

.section1 .main_top .slide2 .slider_mid {
	padding-bottom: calc(100vw * (53/375));
}

.section1 .slide2 .row1,
.section1 .slide2 .row2 {
	border: none;
}

.section1 .slide2 .row2 {
	display: flex;
	gap: calc(100vw * (25/375));
	margin-top: calc(100vw * (13/375));
}

.section1 .main_top .slider2 .slider_btm {
	margin-bottom: calc(100vw * (25/375));
}

.section1 .slide2 .row2 .col1-1 {
	font-weight: 400;
	font-size: calc(100vw * (12/375));
	line-height: 1.2em;
	color: #FFFFFF;
	opacity: 0.4;
}

.section1 .slide2 .row2 .col1-2 {
	font-weight: 600;
	font-size: calc(100vw * (15/375));
	line-height: 1.35em;
	color: #FFFFFF;
}

.section1 .slide2 .row2 .col1 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.section1 .swiper-slide-active {
	margin-right: calc(100vw * (13/375)) !important;
}


.section1 .swiper-pagination {
	/* border: 1px solid red; */
	position: absolute;
	top: calc(100vw * (25/375)) !important;
	bottom: auto !important;
	text-align: left;
	padding-left: calc(100vw * (20/375));
	display: flex;
	gap: calc(100vw * (65/375));
}

.section1 .swiper-pagination-bullet span {
	display: inline-block;
	width: calc(100vw * (90/375));
	font-weight: 700;
	font-size: calc(100vw * (18/375));
	line-height: 1.3em;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: calc(100vw * (4/375));
}

.section1 .swiper-pagination-bullet {
	border-radius: unset;
	width: calc(100vw * (33/375));
	height: 1px;
	background-color: transparent;
}

.section1 .swiper-pagination-bullet-active {
	background-color: #58A8C8;
	border-radius: 2px;
	height: calc(100vw * (2/375));
}

.section1 .swiper-slide-active .hide_text {
	display: none;
}

.section1 .swiper-pagination-bullet-active span {
	color: #58A8C8;
}

.section1 .hide_text {
	width: calc(100vw * (127/375));
	position: absolute;
	rotate: 90deg;
	color: #FFFFFF;
	opacity: 0.5;
	left: calc((100vw * (46/375)) * -1);
	bottom: calc(100vw * (78/375));
	z-index: 3;
	display: flex;
	align-items: center;
	gap: calc(100vw * (12/375));
	font-size: calc(100vw * (13/375));
	font-weight: 400;
}

.section1 .hide_text img {
	width: calc(100vw * (15/375));
	rotate: 90deg;
}

.section1 .slide2 .slide_out {
	background-color: #6A7389;
	overflow: hidden;
}

.section1 .slide2 .slide_out .bg {
	position: absolute;
	top: 0;
	left: 0;
	scale: 3;
	height: 95px;
}

.section1 .slide2 .slide_out .text {
	z-index: 3;
}

.section1 .slide2 .slide_out .row1,
.section1 .slide2 .slide_out .row2 {
	gap: calc(100vw * (10/375));
}

.section1 .slide2 .slide_out .row1 {
	background-color: #3D4864;
}

/* END Section1 */

/* Section2 */
.section2 {
	padding-bottom: calc(100vw * (67/375));
}

.section2 .row1 {
	display:flex;
	gap: calc(100vw*(9 / 375));
}

.section2 .row1 .item {
	font-family: 'Pretendard', sans-serif;
	display: flex;
	flex-direction: row;
	gap: calc(100vw * (6/375));
	justify-content: center;
	align-items: center;
	background-color: #fff;
	flex:1;
	min-height: calc(100vw * (96/375));
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.01);
	border-radius: calc(100vw * (20/375));
	color: var(--block-color);
	font-size: calc(100vw * (18/375));
	line-height: 1.5em;
	font-weight: 500;
	padding:0 calc(100vw * (16/375));
	text-align:left;
}

.section2 .row1 .item img {
	width: calc(100vw * (24/375));
}

.section2 .row2 {
	background-color: #FAFAFC;
	box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.03);
	border-radius: calc(100vw * (20/375));
	min-height: calc(100vw * (74/375));
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: calc(100vw * (11/375));
	padding:calc(100vw * (15/375));
}

.section2 .row2 .blue {
	font-family: 'Pretendard', sans-serif;
	font-weight: 600;
	font-size: calc(100vw * (17/375));
	line-height: 1.2em;
	text-align: center;
	color: var(--main-color);
}

.section2 .row2 .sub {
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
	font-size: calc(100vw * (14/375));
	line-height: 1.2em;
	color: var(--gray-color);
	opacity: 1;
	margin-top:calc(100vw * (6/375));
}

.section2 .row3 {
	background-color: #FAFAFC;
	box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.03);
	border-radius: calc(100vw * (20/375));
	height: calc(100vw * (74/375));
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: calc(100vw * (11/375));
}
.section2 .row3 button {
	display:flex;
	align-items:center;
	gap: calc(100vw * (8/375));
}

.section2 .row3 .img {
	width:calc(100vw * (65/375));
}

.section2 .row3 .blue {
	font-family: 'Pretendard', sans-serif;
	font-weight: 600;
	font-size: calc(100vw * (17/375));
	line-height: 1.2em;
	text-align: center;
	color: #58A8C8;
}

/* ENB Section2 */

/* Section3 */
.section3 {
	padding-bottom: calc(100vw * (67/375));
}

.section3 .section_title {
	font-family: 'Pretendard', sans-serif;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

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

.section3 .section_title .title_btn a {
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
	font-size: calc(100vw * (13/375));
}

.section3 .section_title img {
	width: calc(100vw * (6/375));
	height: calc(100vw * (10/375));
}

.section3 .item_group {
	display: flex;
	flex-direction: column;
	margin-top: calc(100vw * (13/375));
}

.section3 .item_group img {
	width: calc(100vw * (72/375));
}

.section3 .item_group .item {
	display: flex;
	gap: calc(100vw * (16/375));
	padding: calc(100vw * (20/375)) 0;
	border-bottom: 1px solid rgba(161, 167, 176, 0.25);
}

.section3 .item_group .text_col {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: calc(100vw * (3/375));
}

.section3 .item_group .text_col .row {
	font-family: 'Pretendard', sans-serif;
	font-weight: 600;
	font-size: calc(100vw * (14/375));
	line-height: 1.2em;
	color: #464646;
}

.section3 .item_group .text_col .row2 {
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
}

.section3 .item_group .text_col .row3 span{
	color:#1881E2;
	margin-right:calc(100vw * (4/375));
}

/* END Section3 */

/* Section4 */
.section4 {
	padding-bottom: calc(100vw * (67/375));
}

.section4 .s4_slider {
	margin-top: calc(100vw * (13/375));
}

.section4 .s4_slider {
	display:grid;
	grid-template-columns: repeat(2,1fr);
	gap:calc(100vw * (9/375));
}

.section4 .service {
	width: calc(100vw * (130/375));
	min-height: calc(100vw * (155/375));
	background-color: #FFF;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.01);
	border-radius: calc(100vw * (16/375));
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: calc(100vw * (16/375));
	width:100%;
}

.section4 .service img {
	width: calc(100vw * (44/375));
}

.section4 .text_title {
	font-family: 'Pretendard', sans-serif;
	font-weight: 600;
	font-size: calc(100vw * (18/375));
	line-height: normal;
	color: var(--block-color);
	margin-top: calc(100vw * (10/375));
}

.section4 .text_box {
	font-family: 'Pretendard', sans-serif;
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	line-height: 1.4;
	margin-top: calc(100vw * (4/375));
	color:var(--gray-color);
	word-break: keep-all;
	overflow-wrap: anywhere;
}

/* End Section4 */

/* Section5 */
.section5 {
	padding-bottom: calc(100vw * (67/375));
	margin-top : calc(100vw * (60/375));
}

.section5 .item_group {
	margin-top: calc(100vw * (13/375));
	display: flex;
	flex-direction: column;
}

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

.section5 .item_group .item img {
	width: calc(100vw * (60/375));
}

.section5 .item_group .item .text_col {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.section5 .item_group .item .text_col .right {
	width: calc(100vw * (6/375));
	height: calc(100vw * (10/375));
}

.section5 .item_group .item .text_col .row1 {
	font-family: 'Pretendard', sans-serif;
	font-weight: 600;
	font-size: calc(100vw * (17/375));
	line-height: 1.2em;
	color: #464646;
}

.section5 .item_group .item .text_col .row2 {
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
	font-size: (100vw * (14/375));
	line-height: 1.2em;
	color: #464646;
}

.section5 .item_group .item .text_col .left {
	display: flex;
	flex-direction: column;
	gap: calc(100vw * (8/375));
}

/* End Section5 */

/* Section6 */
.section6 .s6_slider {
	margin-top: calc(100vw * (13/375));
	overflow: visible;
}

.section6 .family {
	width: calc(100vw * (140/375));
	height: calc(100vw * (176/375));
	border-radius: calc(100vw * (12/375));
	padding: calc(100vw * (20/375)) calc(100vw * (16/375));
}

.section6 .family1 {
	background-image: url(../image/main/s6_1.png);
	background-size: cover;
}

.section6 .family2 {
	background-image: url(../image/main/s6_2.png);
	background-size: cover;
}

.section6 .family3 {
	background-image: url(../image/main/s6_3.png);
	background-size: cover;
}

.section6 .family4 {
	background-image: url(../image/main/s6_4.png);
	background-size: cover;
}

.section6 .row1 {
	font-family: 'Pretendard', sans-serif;
	font-weight: 700;
	font-size: calc(100vw * (17/375));
	line-height: 1.2em;
	color: #FFFFFF;
}

/* End Section6 */


/* 2023. 06. 07. 수정 */

.section1 .slide2 .mid_text_group {
	display: flex;
	align-items: flex-end;
	gap: calc(100vw * (5/375));
}

.section1 .slide2 span {
	font-size: calc(100vw * (15/375));
}

.section3 .section_title {
	align-items: flex-end;
}

/* END 2023. 06. 07. 수정 */

/* 2023. 06. 09. 수정 */

.section1 .main_top .slide2.swiper-slide-next .slide_inner {
	padding-left: calc(100vw * (30/375));
}

.section1 .row3 {
	font-family: 'Pretendard', sans-serif;
	max-width:calc(100vw * (45/375));
	word-break:keep-all;
}

/* END 2023. 06. 09. 수정 */

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

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

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

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

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

.header_inner .profile_text {
	margin-left: calc(100vw * (15/375));
}

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

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

/* END 2023. 06. 29. 수정 */



.section1 .slick-dots {
	display: flex;
	color: rgba(70, 70, 70, 0.7);
	position: absolute;
	top: 0;
	width: unset;
	left: calc(100vw*(24 / 375));
	justify-content: space-between;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
	font-weight: 600;
	font-size: calc(100vw*(24 / 375));
	gap: calc(100vw * (20 / 375));
}

.section1 .slick-dots li a {
	color: var(--gray-color);
	font-weight: 700;
	text-transform: capitalize;
}

.section1 .slick-dots .slick-active a {
	color: var(--main-color);
	background-color: transparent;
}

.section1 .slick-dots .slick-active a::after {
	content: '';
	width: calc(100vw * (33/375));
	height: calc(100vw * (2/375));
	background-color: #58A8C8;
	position: absolute;
	bottom: calc(100vw * (-4/375));
	left: 0;
}

.section1 .hide_text {
	left: calc(100vw * (-43/375));
}


.section1 .slick-dots > li {
	flex:unset;
}

.section1 .slick-dots a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: calc(100vw * (9/375)) 0;
	border-radius: 0;
}

.section1 .slick-dots .slick-active a::after {
	display: none;
}

.section1 .main_top .slide3 .slide_inner {
	min-width: calc(100vw * (275/375));
}

.section1 .main_top .slide3 .slide_inner {
	max-width: calc(100vw * (275/375));
	overflow: hidden;
	display: flex;
	flex-direction: column;
	color: #242424;

	.slide3_title {
		font-family: 'pretendard' !important;
		font-size: calc(100vw * (22/375));
		font-weight: 700;
		line-height: calc(100vw * (27/375));
		margin-bottom: calc(100vw * (9/375));
	}

	.slide3_txt {
		font-family: 'pretendard' !important;
		font-size: calc(100vw * (14/375));
		font-weight: 500;
		line-height: calc(100vw * (21/375));
	}

	.slide3_btn_group {
		display: flex;
		gap: calc(100vw * (6/375));
		align-items: center;
		margin-top: auto;

		.com_btn {
			margin: 0;
			padding: calc(100vw * (16/375)) calc(100vw * (34/375));
			font-size: calc(100vw * (14/375));
			height: unset;
		}

		.use_btn {
			font-family: 'pretendard' !important;
			padding: calc(100vw * (16/375)) calc(100vw * (11/375));
			border-radius: calc(100vw * (10/375));
			background-color: #dfdfdf;
			font-size: calc(100vw * (14/375));
			font-weight: 500;
			color: #242424;
		}
	}
}

.com_modal_up {
	transform: translateY(100%);
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 99999;
	transition: 0.5s ease-in-out;

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

	.cash_slideup {
		margin-top:auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		background-color: #fff;
		border-radius: calc(100vw * (20/375)) calc(100vw * (20/375)) 0 0;
		padding: calc(100vw * (40/375)) calc(100vw * (25/375));
	}

	.img_conv {
		width: calc(100vw * (62/375));
		height: calc(100vw * (62/375));
		border-radius: 50%;
		overflow: hidden;
		border:1px solid rgba(0,0,0,0.1);
		margin-bottom: calc(100vw * (14/375));
		display:flex;
		align-items:center;
		justify-content:center;
		margin-top:calc(100vw * (25/375));
	}

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

	.bar_box {
		display: flex;
		flex-direction: column;
		border-radius: calc(100vw * (16/375));
		border: 0;
		width: 100%;
		padding: calc(100vw * (24/375)) calc(100vw * (22/375)) calc(100vw * (28/375));
		margin-top: calc(100vw * (25/375));
		background:var(--box-bg-color);
	}

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

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

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

	.time_num {
		color: #e34630;
	}

	.bar_txt {
		margin-top: calc(100vw * (32/375));
		font-size: calc(100vw * (18/375));
		font-weight: 500;
		margin-bottom: calc(100vw * (40/375));
	}

	.modal_x_btn {
		position: absolute;
		width: calc(100vw * (13/375));
		top: calc(100vw * (13/375));
		right: calc(100vw * (13/375));
		width: 100%;
		height:calc(100vw * (36/375));
		position: unset;
		z-index: 3;
		background-image:url('../image/sub/up_x_btn_renew.png');
		background-size: calc(100vw * (40/375)) calc(100vw * (5/375));
		background-position:center;
		background-repeat:no-repeat;
		margin-top: calc(100vw * (-40 / 375));
		img {
			display:none;
		}
	}
	.conv_ok_img {
		margin-top:calc(100vw * (30/375));
	}
	.conv_ok_txt {
		text-align: center;
		font-size: calc(100vw * (15/375));
		line-height: calc(100vw * (28/375));
		font-weight: 400;
		span.sky {
			color:var(--main-color);
		}
	}

	.conv_ok_title {
		font-size: calc(100vw * (30/375));
		font-weight: 600;
		line-height: calc(100vw * (32/375));
		margin-bottom: calc(100vw * (10/375));
		margin-top: calc(100vw * (35/375));
	}

	.conv_ok_link {
		padding: calc(100vw * (6 / 375)) calc(100vw * (26 / 375));
        font-weight: 600;
        font-size: calc(100vw * (18 / 375));
        height: calc(100vw * (62 / 375));
        line-height: unset;
        border-radius: calc(100vw * (10 / 375));
        border: 0;
        margin-top: calc(100vw * (20 / 375));
        width: 100%;
        text-align: center;
        background: var(--btn-unable-color);
        display: flex;
        align-items: center;
        justify-content: center;
	}
}

.cash_slideup .cash_name_row img {
	width: calc(100vw * (24/375));
}

.rolling_img {
	margin-top: calc(100vw * (35/375));
	width: calc(100vw * (888/375));
	transform: translateX(calc(100vw * (-33/375)));
	animation: conv_roll 15s infinite linear;
}

@keyframes conv_roll {
	0% {
		transform: translateX(calc(100vw * (-33/375)));
	}

	100% {
		transform: translateX(calc(100vw * (-470/375)));
	}
}

.section2 .item2::after {
	content: '';
	width: calc(100vw * (16/375));
	height: calc(100vw * (16/375));
	position: absolute;
	top: 20%;
	right: 36%;
	background-image: url(../image/main/s2_arw.png);
	background-position: center;
	background-size: contain;
	animation: s2_ani 1s linear infinite;
	display:none;
}

@keyframes s2_ani {
	0% {
		transform: translateY(calc(100vw * (-5/375)));
		opacity: 0;
	}

	50% {
		transform: translateY(calc(100vw * (0/375)));
		opacity: 1;
	}

	100% {
		transform: translateY(calc(100vw * (5/375)));
		opacity: 0;
	}
}

.section1 .slide2 .slide_out .row1 {
	background-color: transparent;
}

.com_btn .loading_ani {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
}

.com_btn {
	overflow: hidden;
}

.com_btn .loading_ani .spinner {
	margin: calc(50% - 25px) auto;
	width: calc(100vw * (55/375));
	height: calc(100vw * (55/375));
	box-sizing: border-box;
	border: 3px solid rgba(255, 255, 255, 0.3);
	border-top-color: white;
	border-radius: 50%;
	animation: load-spin 1.5s ease-in-out infinite;
}

.com_btn .loading_ani::after {
	position: relative;
	content: '입금대기';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: calc(100vw * (12/375));
}

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

/* 24.02.27 수정 */

.section1 .row img {
	width: calc(100vw*(24 / 375));
}

.section1 .main_top .QR_btn {
	z-index: 2;
	padding: calc(100vw*(10 / 375));
	border: 1px solid var(--border-color);
	box-shadow: 0px 10px 14px rgba(0, 0, 0, 0.03);
	border-radius: calc(100vw*(10 / 375));
	width: calc(100vw*(52 / 375));
	height: calc(100vw*(52 / 375));
	box-sizing: border-box;
	position: absolute;
	top: calc(100vw*(15 / 375));
	right: calc(100vw*(15 / 375));
}

.mv_slide1_txt {
	color: var(--block-color);
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	margin-top: calc(100vw * (60/375));
	display:flex;
	align-items:center;
	img {
		width: calc(100vw * (6/375));
		height: calc(100vw * (10/375));
		margin-left: calc(100vw * (8/375));
	}
}

.mv_slide1_num {
	color: var(--block-color);
	font-family: inherit;
	font-size: calc(100vw * (36/375));
	font-weight: 600;
	letter-spacing: unset;
	display: flex;
	align-items: center;
	margin-top: calc(100vw * (7/375));
	gap:calc(100vw * (4 / 375));
	span {
		font-size: calc(100vw * (36/375));
		margin-bottom:0;
		letter-spacing: calc(100vw * (-1.44 / 375));
	}
}

.mv_slide1_sml {
	color: #999;
	font-family: inherit;
	font-size: calc(100vw * (12/375));
	font-weight: 500;
	margin-top: calc(100vw * (5/375));
	display: flex;
	align-items: center;
	gap: calc(100vw * (4/375));
	padding-bottom: calc(100vw * (28/375));
	border-bottom: 1px solid var(--border-color);
}

.mv_slide1_plus {
	padding: 0;
	border-radius: calc(100vw * (7/375));
	background-color: unset;
	color: var(--sub-color);
	font-size: calc(100vw * (14/375));
	font-weight: 400;
	font-family: inherit;
	width: fit-content;
	margin-top: calc(100vw * (15/375));
	display:flex;
	align-items:center;
	gap: calc(100vw * (7/375));
	img {
		width: calc(100vw * (4.5/375));
		height:calc(100vw * (9/375));
	}
}

.mv_slide1_pnum {
	color: var(--sub-color);
	font-family: inherit;
	font-size: calc(100vw * (24/375));
	font-weight: 600;
	display: flex;
	align-items: center;
	margin-top: calc(100vw * (10/375));
	img {
		width: calc(100vw * (6/375));
		height: calc(100vw * (10/375));
		margin-left: calc(100vw * (16/375));
	}
}

.mv_slide1_charge {
	border-radius: calc(100vw * (8/375));
	padding: calc(100vw * (17.5/375)) calc(100vw * (20/375));
	background-color: var(--block-color2);
	color: #fff;
	text-align: center;
	font-size: calc(100vw * (18/375));
	font-weight: 700;
	margin-top: auto;
}

.section1 .main_top .slide2 .slide_inner {
	background-image: unset;
	background-color: #3c414d;
}

.mv_slide2_txt {
	color: rgba(255, 255, 255, 0.5);
	font-family: inherit;
	font-weight: 600;
	font-size: calc(100vw * (14/375));
	margin-top: calc(100vw * (35/375));
}

.mv_slide2_num {
	font-size: calc(100vw * (36/375));
	font-weight: 600;
	font-family: inherit;
	margin-top: calc(100vw * (7/375));
	display:flex;
	align-items:center;
	gap: calc(100vw * (4/375));
	span {
		font-size: calc(100vw * (36/375)) !important;
		letter-spacing: calc(100vw * (-1.44/375));
	}
}

.mv_slide2_sml {
	color: rgba(255, 255, 255, 0.5);
	font-weight: 400;
	font-size: calc(100vw * (12/375));
	margin-top: calc(100vw * (52/375));
}

.mv_slide2_card {
	font-size: calc(100vw * (15/375));
	font-weight: 600;
	font-family: inherit;
	margin-top: calc(100vw * (5/375));
}

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

.mv_slide2_charge {
	padding: calc(100vw * (15/375));
	border-radius: calc(100vw * (8/375));
	text-align: center;
	background-color: #5a5f6b;
	color: #fff;
	font-weight: 700;
	font-size: calc(100vw * (15/375));
	margin-top: auto;
}

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

.slide2 .out_bg {
	width: 100%;
/*	height: calc(100vw * (175/375));*/
	height: calc(50% + (100vw * (13 / 375)));
	position: absolute;
	top: 0;
	right: 0;
}

.slide2 .out_bg img {
	width: 100%;
	height: 100%;
	filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.20));
}

.section1 .main_top .slide3 .slide_inner {
	max-width: calc(100vw * (281/375));
	min-width: calc(100vw * (281/375));
}

.section1 .slide3 .slide_out {
	background-color: #339c5e;
}

.mv_slide3_txt {
	color: #349C5F;
	font-size: calc(100vw * (12/375));
	font-weight: 600;
	line-height: 2.25;
	margin: 0 calc(100vw * (20/375));
}
.mv_slide3_title {
	color: #242424;
	font-size: calc(100vw * (22/375));
	font-weight: 700;
	line-height: 1.22;
	margin: calc(100vw * (4/375)) 0 calc(100vw * (9/375));
	margin: 0 calc(100vw * (20/375));
}
.mv_slide3_tit {
	color: var(--gray-color);
	font-size: calc(100vw * (14/375));
	font-weight: 500;
	line-height: 1.5;
	margin: calc(100vw * (9/375)) calc(100vw * (54/375)) 0 calc(100vw * (20/375));
}
.mv_slide3_img .dim_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display:none;
}

.mv_slide3_img .dim_bg img {
	width: 100%;
	height: 100%;
}

.mv_slide3_img .conv_slide {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin-top: calc(100vw * (35/375));
	animation: convslide 20s linear infinite;
}

@keyframes convslide {
	0%      {transform: translateX(calc(100vw * (-12/375)));}
	100%    {transform: translateX(calc(100vw * (-569/375)));}
}

.mv_slide3_img .conv_slide img {
	width: calc(100vw * (557/375));
	height: calc(100vw * (69/375));
	max-width: unset;
}
.mv_slide3_img .conv_full_img {
	display:flex;
	flex-wrap:wrap;
	gap:calc(100vw * (6/375));
	margin:calc(100vw * (30/375)) 0 calc(100vw * (35/375)) calc(100vw * (20/375));
	img {
		box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.04);
		border-radius:calc(100vw * (50/375));
	}
	.conv_img1 {
		width:calc(100vw * (78/375));
	}
	.conv_img2 {
		width:calc(100vw * (132/375));
	}
	.conv_img3 {
		width:calc(100vw * (62/375));
	}
	.conv_img4 {
		width:calc(100vw * (82/375));
	}
}
.mv_slide3_pay {
	margin: 0 calc(100vw * (20/375));
	border-radius: calc(100vw * (8/375));
	padding: calc(100vw * (15/375));
	text-align: center;
	background-color: rgba(51, 156, 94, 0.14);
	font-size: calc(100vw * (18/375));
	font-weight: 600;
	color: #339c5e;
	font-weight: 600;
	margin-top: auto;
}

.section1 .main_top .slide3 .slide_inner {
	padding: calc(100vw * (20/375)) 0;
}


/*slide4*/

.mv_slide4_img {
	width:calc(100vw * (60/375));
	margin-top:calc(100vw * (10/375));
}

.mv_slide4_num {
	font-size: calc(100vw * (15/375));
	font-weight: 700;
	font-family: inherit;
	margin-top: calc(100vw*(30 / 375));
	display:flex;
	align-items: flex-end;
	line-height:1.2em;
	padding-bottom: calc(100vw*(35 / 375));
	border-bottom: 1px solid #eee;
	span{
		font-size:calc(100vw*(29 / 375));
	}
	img {
		width: calc(100vw*(6 / 375));
		height: calc(100vw*(10 / 375));
		margin-left: calc(100vw*(8 / 375));
		margin-bottom:calc(100vw*(8 / 375));
	}
}

.section1 .slide4 .slide_out {
	background-color:#F08200;
}

.mv_slide4_charge {
	background: rgba(240, 130, 0, 0.14);
	border-radius: calc(100vw*(8 / 375));
	padding: calc(100vw*(15 / 375)) calc(100vw*(20 / 375));
	color: #F08200;
	text-align: center;
	font-size: calc(100vw * (15/375));
	font-weight: 700;
	margin-top: auto;
}

.mv_slide4_sml {
	color: #242424;
	opacity:0.4;
	font-weight: 700;
	font-size: calc(100vw * (12/375));
	margin-top: calc(100vw*(25 / 375));
}

.section7 {
	padding: calc(100vw*(90 / 375)) calc(100vw*(24 / 375)) calc(100vw*(90 / 375));
}

.footer_logo {
	display: flex;
	align-items: center;
	margin-bottom: calc(100vw * (36/375));
	.more_info{
		width:calc(100vw * (35/375));
		margin-left:auto;
		transition:0.5s;
		transform-origin:center center;
		img {
			opacity: 1;
		}
	}
	.more_info.on {
		transform: rotate(180deg);
	}
}
.footer_logo img.collaboration{
	height: calc(100vw * (20/375));
}
.footer_etc {
	display: flex;
	align-items: center;
	gap: calc(100vw * (15/375));
	color: var(--block-color);
	font-weight: 400;
	font-size: calc(100vw * (16 / 375));
}
.footer_etc .etc_link {
	display: flex;
    gap: calc(100vw * (15 / 375));
	font-size: calc(100vw * (16 / 375));
    align-items: center;
	text-transform: capitalize;
}
.footer_etc .etc_link:after {
	content:"";
    width: 1px;
    height: calc(100vw * (15 / 375));
    background: var(--border-color);
}
.footer_etc .etc_link:last-child:after {
	display:none;
}
.footer_etc .etc_link:first-child {
	font-weight: 600;
}


span.etc_line {
	width:1px;
	height:calc(100vw * (14/375));
	background-color:#999;
}

.footer_info {
	display: flex;
	gap: 0;
	flex-wrap: wrap;
	margin: calc(100vw * (20/375)) 0 0;
	color: var(--gray-color);
	font-size: calc(100vw * (14/375));
	font-weight:400;
}
.footer_info span {
	line-height:1.4;
}

.info_bold {
	color:#e2e2e2;
	text-decoration : underline;
}

.footer_copy {
	color: rgba(70,70,70,0.5);
	font-size: calc(100vw * (12/375));
	font-weight: 500;
	text-decoration:underline;
	display:none;
}
.conv_sel_notice{
	margin : calc(100vw * (30/375)) 0;
	color:#999;
	font-size:calc(100vw * (13/375));
	font-weight:500;
	line-height:1.6em;
	text-align:center;
}
.conv_sel_notice span{
	color:#e34630;
	font-weight:600;
}

.conv_selec .com_modal_box.conv_sel {
	background-color:#fff;
}

.main_top{
	opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
}

.main_top.slick-initialized{
	visibility: visible;
    opacity: 1;    
}


.section1 .slick-slide.slick-current .slide_out,
.section1 .slick-slide.slick-active .slide_out {
   transform: translateX(calc(100vw * (0/375)));
	transition: 0.5s 0.5s;
}

.section1 .slick-center.slick-current .slide_out {
	transition: 0.3s 0.5s;
}

.section2 .item1 span {
	display:flex;
}

.section2 .item1 span::before {
	content:'';
	width:calc(100vw * (15/375));
	height:calc(100vw * (15/375));
	background-image:url(../image/sub/sale.svg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	display:block;
}

.qrpay_modal {
	z-index:99 !important;
}



.qrpay_modal .qrpay_title {
	font-size: calc(100vw * (15/375));
	color:var(--block-color);
	font-weight: 600;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-top:0;
}

.qrpay_title:first-child {
	border: none;
}

.qrpay_modal .qrpay_title img {
	width:calc(100vw * (11/375));
}

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

.qrpay_select {
	overflow:hidden;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:calc(100vw * (7/375));
	
	border-radius:calc(100vw * (8/375));
	height:calc(100vw * (84/375));
	font-size:calc(100vw * (14/375));
	font-weight: 500;
	-webkit-tap-highlight-color: transparent; 
    transition: background 0.1s ease;
}
.qrpay_select:active{
	background: var(--item-bg-color);
	transform: scale(0.98);
}
.qrpay_select .qrpay_select_inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc(100vw * (7 / 375));
}
.qrpay_select.on {
	background: var(--item-bg-color);
}
/**/
/*.qrpay_grid.qrgrid3 .qrpay_select{*/
/*	animation: qrpay 0.75s linear infinite alternate;*/
/*}*/
/**/
/*@keyframes qrpay {*/
/*	0%		{border : 2px solid #FFEED8;}*/
/*	100%	{border : 2px solid #FF9B19;}*/
/*}*/

.qrpay_select.unable span {
	color:#888;
}

.qrpay_select.unable img {
	filter:grayscale(100%);
	opacity:0.4;
}

.qrpay_select.on::after {
	content:'';
	width:calc(100vw * (12/375));
	height:calc(100vw * (8/375));
	background-image:url(../image/main/qrpay_chk.png);
	background-size:cover;
	position:absolute;
	top:calc(100vw * (10/375));
	right:calc(100vw * (8/375));
	display:none;
}

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

.qrgrid2 .qrpay_select img {
	width:calc(100vw * (64/375));
}
.qrgrid3 .qrpay_select img {
	width:calc(100vw * (36/375));
}

.qrpay_grid {
	padding-bottom:calc(100vw * (30/375));
}
.qrpay_grid:nth-last-of-type(1) {
	padding-bottom:calc(100vw * (10/375));
}

.qrgrid2 .qrpay_select {
	height:calc(100vw * (60/375));
}



/* 배너 스와이퍼 */
.shortcut-banner-wrapper {
    padding: 0 calc(100vw * (16 / 375));
	margin-top: calc(100vw * (12 / 375));
}

.sb-header {
    font-size: calc(100vw * (21 / 375));
    padding-left: calc(100vw * (8 / 375));
	font-weight: 600;
}

.sb-swiper {
}
.sb-item-box{
    display: flex;
	justify-content: space-between;
    align-items: center;
    padding: calc(100vw * (20 / 375)) calc(100vw * (20 / 375));
	min-height: calc(100vw * (92 / 375));
    box-sizing: border-box;
	background: #E1EAF7;
	border-radius: calc(100vw * (16 / 375));
	gap: calc(100vw * (8 / 375));
}
.sb-item-box.sb-item-box--02{
	background: #FCF4C6;
}


.sb-item-tit {
    font-size: calc(100vw * (14 / 375));
    color: var(--gray-color);
    margin-bottom: calc(100vw * (6 / 375));
}

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

.sb-img-box{
	flex-shrink: 0;
}
.sb-img-box img {
	max-width: calc(100vw * (52 / 375));
    max-height: calc(100vw * (52 / 375));
    display: block;
}

.sb-pagination {
    display: flex;
    justify-content: center;
    gap: calc(100vw * (8 / 375));
    margin-top: calc(100vw * (18 / 375));
}

.sb-pagination .swiper-pagination-bullet {
    width: calc(100vw * (8 / 375));
    height: calc(100vw * (8 / 375));
    background-color: var(--gray-color);
    opacity: 1;
    margin: 0 !important;
}

.sb-pagination .swiper-pagination-bullet-active {
    background-color: var(--main-color);
    width: calc(100vw * (8 / 375));
}


/* 쇼핑몰 */
.shop-container {
	margin: calc(100vw * (20 / 375)) 0 calc(100vw * (50 / 375));
	padding: 0 calc(100vw * (16 / 375));
}

.shop-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
    margin-bottom: calc(100vw * (12 / 375));
}
.btn-shop-view{
	display: flex;
	align-items: center;
	gap: calc(100vw * (4 / 375));
	font-size: calc(100vw * (15 / 375));
	font-weight: 400;
	color: var(--gray-color);
}
.btn-shop-view img{
	width: calc(100vw * (20 / 375));
}

.shop-item {
    display: flex;
    align-items: center;
	justify-content: space-between;
    gap: calc(100vw * (16 / 375));
    margin-bottom: calc(100vw * (10 / 375));
	padding: calc(100vw * (6 / 375));
    background-color: #fff;
    border-radius: calc(100vw * (20 / 375));
	box-shadow: 0 0 8px 0 rgba(165, 186, 195, 0.28);
}

.shop-item:last-child {
    margin-bottom: 0;
}

.shop-img-box {
    width: calc(100vw * (80 / 375));
    height: calc(100vw * (80 / 375));
    flex-shrink: 0;
	border-radius: calc(100vw * (14 / 375));
	overflow: hidden;
}

.shop-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: calc(100vw * (4 / 375));
}

.shop-info {
    flex: 1;
	min-width: 0;
}

.shop-title {
    font-size: calc(100vw * (15 / 375));
    color: var(--block-color);
	font-weight: 600;
    margin-bottom: calc(100vw * (8 / 375));
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 가격 영역 */
.shop-price-area {
    display: flex;
    align-items: center;
    gap: calc(100vw * (6 / 375));
}

.original-price {
    font-size: calc(100vw * (15 / 375));
    color: var(--light-gray);
    text-decoration: line-through;
}

.discount-rate {
    font-size: calc(100vw * (15 / 375));
    color: var(--red-color);
    font-weight: 600;
}

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

.header_inner{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	align-items: center;
	padding-top: calc(100vw * (0 / 375));
	height: calc(100vw * (60 / 375));
	background: #C5DDE7;
}
.info_bottom{
	display: none !important;
}



/* 탭 디자인 */
.wallet-app {
	margin-top: calc(100vw * (60 / 375));
}
.wallet-app .swiper-slide {
	width: calc(100vw - (100vw * (32 / 375))); 
	box-sizing: border-box;
}
.wallet-tabs {
	display: flex;
	padding: 0 calc(100vw * (24 / 375)) calc(100vw * (10 / 375));
	gap: calc(100vw * (20 / 375));
}
.wallet-tabs__item {
	padding: calc(100vw * (10 / 375)) calc(100vw * (6 / 375));
	font-size: calc(100vw * (17 / 375)); 
	font-weight: 700; 
	color: var(--gray-color);
	cursor: pointer; 
	border-bottom: calc(100vw * (2 / 375)) solid transparent;
	transition: all 0.3s ease;
}
.wallet-tabs__item--active {
	color: var(--block-color);
	border-bottom-color: var(--block-color);
}

.wallet-card {
	background: #fff;
	border-radius: calc(100vw * (20 / 375));
	padding: calc(100vw * (20 / 375));
	margin-bottom: calc(100vw * (10 / 375));
	position: relative;
}

.wallet-card--qr {
	display: flex; 
	justify-content: space-between; 
	align-items: center;
	border-radius: calc(100vw * (20 / 375));
	height: calc(100vw * (64/ 375));
	background: rgba(255, 255, 255, 0.60);
	box-shadow: 0 calc(100vw * (4 / 375)) calc(100vw * (8 / 375)) 0 rgba(192, 211, 219, 0.20);
	padding: 0 calc(100vw * (16 / 375));
}
.wallet-card--balance{
	display: flex;
	flex-direction: column;
	height: calc(100vw * (160 / 375));
	border-radius: calc(100vw * (20 / 375));
	background: var(--white, #FFF);
	box-shadow: 0 calc(100vw * (6 / 375)) calc(100vw * (12 / 375)) 0 #C0D3DB;
	margin-bottom: calc(100vw * (15 / 375));
}

.wallet-card__content{
	display: flex; 
	justify-content: flex-start; 
	align-items: center;
}
.wallet-card__title {
	font-size: calc(100vw * (17 / 375));
	font-weight: 600; 
	margin-left: calc(100vw * (8 / 375)); 
}
.wallet-card__label { 
	color: var(--block-color); 
	font-size: calc(100vw * (14 / 375)); 
	margin-bottom: calc(100vw * (8 / 375)); 
}
.wallet-card__amount { 
	font-size: calc(100vw * (28 / 375)); 
	font-weight: 700; 
	letter-spacing: -1px;
}


.wallet-card__actions { 
	display: flex; 
	gap: calc(100vw * (6 / 375)); 
	margin-top: auto;
}
.wallet-btn {
	flex: 1; 
	border-radius: calc(100vw * (10 / 375));
	background: #EAF2F6; 
	font-weight: 700; 
	font-size: calc(100vw * (15 / 375));
	height: calc(100vw * (48 / 375));
	color: var(--block-color); 
	cursor: pointer;
}
.wallet-card--bn {
	display: flex; 
	justify-content: space-between; 
	align-items: center;
	border-radius: calc(100vw * (20 / 375));
	height: calc(100vw * (64/ 375));
	background: rgba(255, 255, 255, 0.60);
	box-shadow: 0 calc(100vw * (4 / 375)) calc(100vw * (8 / 375)) 0 rgba(192, 211, 219, 0.20);
	padding: 0 calc(100vw * (16 / 375));
	background: #81A9E4;
	color: #fff;
}

.wallet-card__icon img.chips{
	width: calc(100vw * (33 / 375)); 
}

.wallet-card--empty {
	height: calc(100vw * (160 / 375)); 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	color: #aaa;
}
.wallet-card__img{
	position: absolute;
	top: calc(100vw * (32 / 375)); 
	right: calc(100vw * (32 / 375)); 
	transform: rotate(90deg);
	width: calc(100vw * (46 / 375)); 
	aspect-ratio: 351/213;
}
.wallet-card--balance.no-card .wallet-card__img{
	border-radius: 3px;
	border: 1px dashed var(--placeholder);
}
.wallet-card--balance.no-card .wallet-card__img img{
	display: none;
}


.wallet-card--balance.no-card .wallet-card__amount{
	color: var(--placeholder);
	font-weight: 500;
	margin-top: calc(100vw * (14 / 375)); 
}
.wallet-card--balance.no-card .wallet-card__label{
	display: none;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide{
	padding-bottom: calc(100vw * (10 / 375)); 
}



.banner-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: calc(100vw * (80 / 375));
	padding: calc(100vw * (15 / 375)) calc(100vw * (36 / 375));
	overflow: hidden;
	box-sizing: border-box;
}

.banner-box__text {
	z-index: 2;
}

.banner-box__btn {
	font-size: calc(100vw * (13 / 375));
	color: #FFF;
	margin: calc(100vw * (8 / 375)) 0 0 0;
	padding: calc(100vw * (6 / 375)) calc(100vw * (15 / 375));
	font-weight: 500;
	background: var(--main-color);
	border-radius: calc(100vw * (20 / 375));
}

.banner-box__title {
	font-size: calc(100vw * (18 / 375));
	color: #222;
	line-height: 1.4;
	margin: 0;
	font-weight: 700;
	word-break: keep-all;
}

.banner-box__img-wrap {
	width: calc(100vw * (63 / 375));
	flex-shrink: 0;
}





.com_modal_up.qrpay_modal .com_modal_box {
	margin: auto calc(100vw*(12 / 375)) calc(100vw*(80 / 375));
}



/* 이벤트 팝업 오버레이 */
.popup-overlay {
	position: fixed;
	top: 0; 
	left: 0;
	width: 100%; 
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	z-index: 1000;

	opacity: 0;
	visibility: hidden;
	transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); /* 부드러운 가속도 */
}

.popup-overlay.active {
  opacity: 1;
  visibility: visible;
}

.popup-content {
	background: #fff;
	align-self: stretch;
	margin: 0 calc(100vw * (12/375)) calc(100vw * (12/375));
	padding: calc(100vw * (30/375)) calc(100vw * (20/375)) calc(100vw * (20/375));
	transform: translateY(100%);
	transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
	border-radius: calc(100vw * (30/375));
	background: radial-gradient(62.41% 62.41% at 50% 37.59%, #5982FF 0%, #0003BB 100%);
}

.popup-overlay.active .popup-content {
  transform: translateY(0);
}

@keyframes bubble {
	0%, 100% { 
		transform: translateY(0); 
	}
	50% { 
		transform: translateY(-12px); 
	}
}

.popup-image-area{
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup-image-area img{
	animation: bubble 3s ease-in-out infinite;
	height: calc(100vw * (212/375));
}

.popup-overlay .title { 
	font-size: calc(100vw * (22/375)); 
	font-weight: 600; 
	margin-bottom: 10px; 
	color: #FFF;
}
.popup-overlay .desc { 
	font-size: calc(100vw * (15/375)); 
	color: #FFF;
	margin-bottom: calc(100vw * (10/375)); 
	line-height: 1.4;
}
.btn-popup-overlay { 
	width: 100%; 
	padding: calc(100vw * (18/375)) 0;
	background: #fff; 
	border: 1px solid var(--border-color); 
	border-radius: calc(100vw * (10/375)); 
	font-weight: 600;
	font-size: calc(100vw * (18/375));
}