@charset "UTF-8";	

	body {background: #f9f9f9;}
	.google-ad-box {margin: 0 18px; margin-top: 1rem !important; 
    border: 0.5px solid #F4F4F4;
    box-shadow: 0 0.3rem 2rem 0.3rem rgba(0, 0, 0, 0.03);
    border-radius: 18px;
    background-color: #FFF; overflow: hidden;}
	.swiper-container.test-slide { position:relative; width: 100%; overflow: hidden;}
	.test-slide .swiper-slide {transform: scale(0.8); /* 크기를 80%로 줄임 */transition: transform 0.3s ease-in-out;}
	.test-slide .swiper-slide-active {transform: scale(1); /* 활성화된 슬라이드는 원래 크기 유지 */}
	.test-slide .swiper-button-next, .test-slide .swiper-button-prev {color: #fff;  /* 버튼 색상 */}


		@media (min-width: 992px) {
			.card-chat-list {
				height: 100%;
			}
		}
		@media (min-width: 992px) {
			.navbar-vertical+.page-content {
				margin-left: calc(0px + 0rem);
			}
		}
		#padding-dummy {padding-bottom: 86px !important; margin: 0 !important;}
		div.scrollmenu { background-color: none; overflow: auto; white-space: nowrap; overflow-y: scroll; overflow-style: none; scrollbar-width: none;}
		div.scrollmenu a {display: inline-block;color: white;text-align: center;padding: 10px;text-decoration: none;color: #000000;}
		div.scrollmenu a:hover {background-color: #777;}
		div.scrollmenu2 {background-color: none;overflow: auto;white-space: nowrap;overflow-y: scroll;overflow-style: none;scrollbar-width: none;display: flex;justify-content: center;}
		.scrollmenu2 table {display: block;max-width: 550px;}
		div.scrollmenu2 a {display: inline-block;color: white;text-align: center;text-decoration: none;}
		span.time {display: none !important}
		.item-link strong.name {display: none !important}
		.text-align-center {text-align: center;}
		.justify-content-center {display: flex;justify-content: center;}
		.img-fluid-frame {max-width: 100%;height: 100%;width: 100%;aspect-ratio: 5 / 5;}
		.plyr__video-wrapper {aspect-ratio: 6 / 8;}
		a.tip.link {height: 35px;top: 50%;display: flex !important;align-items: center;}
		.bg-black-op1 {background-color: rgba(0, 0, 0, 1) !important}
		.main-banner {background-image: url(/img/share_logo.png);background-position: center center;background-size: cover;background-repeat: no-repeat;}
		.button-container {display: grid;grid-template-columns: 1fr 1fr;/* 두 개의 열 */gap: 10px;/* 버튼 사이의 간격 */margin: auto;}
		.flexbox-area {display: flex;align-items: center;justify-content: space-between;gap: 20px;/* 텍스트와 이미지 사이의 간격 조절 */}
		.flexbox-text {flex: 1;color: white;/* 텍스트 색상 설정 */font-size: 14px;}
		.flexbox-image {flex: 1;width: 40%;/* 이미지 크기 조절 */max-width: 300px;height: auto;}
		.btn-orange {color: #000000}
		.swiper-container-mainImg {width: 100%;height: auto;overflow: hidden;}
		.swiper-container-point {width: 100%;height: auto;overflow: hidden;}
		.swiper-container-leaflet {width: 100%;height: auto;overflow: hidden;}
		.swiper-container-photo {width: 100%;height: auto;overflow: hidden;}
		.swiper-container-photo .swiper-slide {width: 7em;}
		.swiper-btn-main {width: 100%;height: auto;}
		.swiper-container-jundan {width: 100%;height: auto;overflow: hidden;}
		.swiper-btn-main .swiper-slide {width: auto;}
		.swiper-pagination-bullet {background-color: #d2d2d2;opacity: 1;}
		.swiper-pagination-bullet-active {background-color: #007bff;opacity: 1;}
		.swiper-pagination-horizontal {margin: 10px}
		.ranking_slide {position: relative;}
		.leaflet-sldie {position: relative;}
		.photo-sldie {position: relative;}
		.jundan-sldie {position: relative;}
		.insta-sldie {position: relative;}
		.main-title-style {display: flex; justify-content: space-between; align-items: center;}
		.main-title-style h4 {display: flex; font-size: 18px;font-weight: 700; margin: 0; align-items: center;}
		.main-title-style h4 .sub-info {font-size: 14px; background-color: #3f8bf0; color: #fff; margin-left: 10px; font-weight: 600; line-height: 20px; padding: 5px 8px; border-radius: 20px;}
		.main-title-style span {display: block; font-size: 20px; padding-right: 5px; margin-bottom: 1px; line-height: 1;}
		.main-title-style .main-more {font-size: 13px;}
		.main-title-style.center {justify-content: center;}
		.swiper-button-next:after {color: #676a79;font-weight: 600;}
		.swiper-button-prev:after {color: #676a79;font-weight: 600;}
		.card-radius {overflow: hidden;border-radius: 5%;}
		.swiper-container-photo .card h5.txt-ellipsis img {display: none;}
		.txt-ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
		.line2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal; overflow: hidden;}
		.rounded-lg-box {background-color: #fff; border-radius: 15px; padding: 1.3rem  !important; overflow: hidden;}
        .rounded-lg-box2 {background-color: #fff; border-radius: 15px; padding:1.3rem  !important; overflow: hidden;}
		.btn-main-top {display: block; width: 90px; text-align: center;}
		.btn-main-top > .img-wrap {background-color: #f8f8f8; border-radius: 15px; padding: 1.6rem;}
		.btn-main-top > span {color: #000000; font-size: 12px; display: block;}
		.btn-main-top > img {width: 100%; position: relative;}
		.btn-main-top:hover > .img-wrap{background-color: #007aff;}
		.community .row {margin: 0; align-items: center;}
		.community_layout {margin: 0;}
		.community-style a {font-size: 15px; font-weight: 400 !important;}
		/* .main_banner_img .swiper-slide {width: 100% !important;} */
		.main_banner_img .card {display: block !important; position: relative;}
		.main_banner_img .card.h-100 {height: auto !important; border-radius: 20px;}
		.main_banner_img .card.h-100 a {display: block; position: relative;}
		.main_banner_img .card.h-100 a::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 1;background: linear-gradient(to top, #000, transparent); opacity: 0.6;}
		.main_banner_img .card.h-100 img {aspect-ratio: 3/4;}
		.main_banner_img .card .col-12.p-2 {position: absolute !important; bottom: 0; z-index: 10; text-align: center;padding-left: 1rem !important; padding-right: 1rem !important;}
		.main_banner_img .card .col-12.p-2 h5 {font-size: 18px !important;}
		.main_banner_img .card .col-12.p-2 h5, .main_banner_img .card .col-12.p-2 p {color: #fff; word-break: keep-all;}
		.kakao_bg {display: flex; justify-content: center; background-color: #fff; border-radius: 15px; overflow: hidden; margin-left: 18px; margin-right: 18px;}
		.poster_layout {position: relative; padding: 2rem 0 2.5rem; overflow: hidden;}
		.poster_layout::after {content: ''; display: block; background: #eaeaea ;border-radius: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1;}
		/* .poster_layout .swiper-pagination {bottom: -40px; margin: 0;} */
		.poster_layout .swiper-pagination .swiper-pagination-bullet {background-color: #fff;}
		.poster_layout .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #000; width: 20px; border-radius: 20px;}
		.main-title-style.type_center {flex-direction: column; align-items: center; justify-content: center;}
		.main-title-style.type_center h4{font-size: 20px; font-weight: 400;}
		.main-title-style.type_center .sub_txt {font-size: 16px; font-weight: 400;}
		/* .main-title-style.type_center .main-more {color: #fff;} */
		.shadow-xsm {box-shadow: 0 0.3rem 2rem 0.3rem rgba(0, 0, 0, 0.03);}
		/* .quick_btn_wrap {display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 20px;}
		.quick_btn_wrap .btn_item {display: flex; justify-content: center; align-items: center; flex-direction: column;}
		.quick_btn_wrap .btn_item i {display: block; background-repeat: no-repeat; background-size: contain;}
		.quick_btn_wrap .btn_item span {font-size: 13px; color: #222; margin-top: 0.7rem;} */

		/* 퀵버튼 탭 */
.quick_btn_wrap {display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 20px;}
.quick_btn_wrap .btn_item {display: flex; justify-content: center; align-items: center; flex-direction: column;}
.quick_btn_wrap .btn_item i {display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-size: 26px; background-color: #fff; border-radius: 10px; background-position: center center; box-shadow: 0 0.3rem 2rem 0.3rem rgba(0, 0, 0, 0.03);}
.quick_btn_wrap .btn_item i.type_1 {background-image: url('/assets/images/icon/main_quick_icon_cal.png');}
.quick_btn_wrap .btn_item i.type_2 {background-image: url('/assets/images/icon/main_quick_icon_view.png');}
.quick_btn_wrap .btn_item i.type_3 {background-image: url('/assets/images/icon/main_quick_icon_community.png');}
.quick_btn_wrap .btn_item i.type_4 {background-image: url('/assets/images/icon/main_quick_icon_money.png');}
.quick_btn_wrap .btn_item i.type_5 {background-image: url('/assets/images/icon/main_quick_icon_youtube.png');}
.quick_btn_wrap .btn_item i.type_6 {background-image: url('/assets/images/icon/main_quick_icon_instagram.png');}
.quick_btn_wrap .btn_item i.type_7 {background-image: url('/assets/images/icon/main_quick_icon_point.png');}
.quick_btn_wrap .btn_item i.type_8 {background-image: url('/assets/images/icon/main_quick_icon_location.png');}
.quick_btn_wrap .btn_item i.type_9 {background-image: url('/assets/images/icon/main_quick_icon_walk.png');}
.quick_btn_wrap .btn_item i.type_10 {background-image: url('/assets/images/icon/main_quick_icon_ai.png');}
.quick_btn_wrap .btn_item span {font-size: 13px; color: #222; margin-top: 0.7rem;}


		.hot-slide h5 {min-height: 45px; vertical-align: top;}
		.instagram-media {min-width: auto !important;}
		h5 {font-weight: 600 !important;}
		.swiper-slide .card {border: none;}
		.card-img-top {border-radius: 15px; overflow: hidden;}
		.main_banner_slide {}
		.main-banner-slide {width: 100%; position: relative; overflow: hidden;}
		.main-banner-slide .swiper-slide { display: flex; background: #fff; overflow: hidden; border-radius: 15px;}
		.main-banner-slide .swiper-slide .main_banner_box {width: 100%; padding-bottom: 25%; position: relative;}
		.main-banner-slide .swiper-pagination {display: inline-block; width: auto; background-color: rgba(0, 0, 0, 0.5); left: auto; right: 1.4rem; top: auto; bottom: 20px; color: #fff; font-size: 13px; font-weight: 400; padding: 0.3rem 1rem; border-radius: 15px;}
		.main_banner_box {}
		.main_banner_box.type_01 {color: #000; /*background-image: url(assets/images/icon/piggy_bank.png); background-repeat: no-repeat; background-size: 100px; background-position: right 15% center;*/}
		.main_banner_box.type_02 {color: #fff;  background-image: url('/img/icon/img_new_coin.png'); background-repeat: no-repeat; background-size: 100px; background-position: right 15% center;}
		.main_banner_box.type_03 {color: #fff;  background-image: url('/assets/images/icon/cashpang_main.png'); background-repeat: no-repeat; background-size: 180px; background-position: right 15% bottom 10%;}
		.main_banner_box.type_04 {color: #fff;  background-image: url('/assets/images/icon/beat_card.png'); background-repeat: no-repeat; background-size: 100px; background-position: right 15% center;}
		.main_banner_box span {display: inline-block; font-size: 16px; font-weight: 300; margin-bottom: 5px;}
		.main_banner_box strong {font-size: 20px; font-weight: 700;}
		.main_banner_box p{margin: 0; font-size: 18px; font-weight: 300; margin-bottom: 5px;}
		.btn_type_01 {display: inline-block; background-color: #fff; border-radius: 20px; width: fit-content; padding: 0.3rem 0.5rem; font-size: 14px; font-weight: 600;}
		.slide-text-wrap {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
		.slide-text-wrap h4 {font-size: 2rem; color: #fff; font-weight: 300; margin-bottom: 15px;}
		.event-slide {width: 100%;}
		.slide-text-wrap div {font-size: 2rem; line-height: 1.8; color: #fff; font-weight: 500; }
		.mission-slide a {display: flex; align-items: center; padding: 12px 10px 12px 15px; height: 85px; border-radius: 18px; overflow: hidden;}
		.mission-slide img {display: block; width: 50px; margin-right: 0.8rem;}
		.mission-slide .s-txt {font-size: 13px; color: #626262; font-weight: 300; display: block; margin-bottom: 5px;}
		.mission-slide .m-txt {font-size: 14px; font-weight: 700; color: #222;} 
		.mission-slide .l-txt {font-size: 16px; font-weight: 700; color: #222;} 
		.mission-slide .main-txt-wra {display: flex; align-items: flex-start; flex-direction: column;}
		.event-slide .swiper-slide > div {display: flex; align-items: center; padding: 12px 10px 12px 15px; height: 100px; border-radius: 18px; overflow: hidden; position: relative;}
		.event-slide .swiper-slide > div::before {content: ''; background: linear-gradient(180deg,rgba(146, 255, 195, 0) 0%, rgba(146, 255, 195, 0.3) 50%, rgba(146, 255, 195, 1) 100%); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; opacity: .3;}
		.event-slide img {display: block; width: 50px; margin-right: 1rem;}
		.event-slide .main-txt-wrap {display: flex; align-items: flex-start; flex-direction: column; position: relative; z-index: 10;}
		.event-slide .s-txt {font-size: 13px; color: #fff; font-weight: 300; display: block; }
		.event-slide .m-txt {font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 15px;}
		.event-slide .l-txt {font-size: 24px; font-weight: 700; color: #fff; margin-bottom: 15px;}

		.comm-layout-box {margin: 0 18px; border: 0.5px solid #F4F4F4; box-shadow: 0 0.3rem 2rem 0.3rem rgba(0, 0, 0, 0.03); border-radius: 18px; background-color: #FFF;}
		.comm-layout-box.no-bg{padding: 0; background-color: transparent; box-shadow: none; border: none;}
		.comm-layout-box.no-bg .comm-layout-cnt {padding: 0;}
		.comm-layout-title {padding: 18px 18px 15px;}
		.comm-layout-cnt {padding: 0 0 23px 0;}
		.comm-layout-cnt.pd-lr {padding: 0 20px;}
		.comm-layout-cnt.pd-lrb {padding: 0 20px 23px;}
		.comm-layout-cnt.pd-l .swiper-container{padding: 0 20px;}
		.search_keyword {display: flex; font-size: 0; flex-wrap: wrap;}
		.search_keyword a {display: block; padding: 5px 15px; border-radius: 18px; border: 1px solid #eaeaea; font-size: 15px; font-weight: 600; margin-right: 10px; margin-bottom: 10px;}
		.search_keyword a::before {content: '#'; font-weight: 600; font-size: 16px; color: #007aff; margin-right: 5px;}
		.download_box {position: relative; z-index: 10; width: 420px; min-height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; color: #fff;}
		.download_box h1 {color: #fff; font-weight: 600;}
		.download_box footer {padding-top: 10px !important;}
		.center-box {display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: start; align-items: flex-start; -webkit-align-items: flex-start;-webkit-box-flex: 1; flex: 1;}
		.center-cnt {display: flex; justify-content: center; flex-direction: column; height: 100%;}
		.only-pc{height: 100%;}
		.bottom-box {-webkit-box-flex: 0; flex: 0 0 auto;
		}
		@media (max-width: 993px) {
			.community_layout  .col-lg-6.best {margin-top: 1rem !important;}			
			.m-pd-2 {padding: 0 0.75rem;}
		}
		@media (min-width: 992px) {
			.community_layout {margin: 0; justify-content: space-between;}
			.community_layout  .col-lg-6 {width: calc(50% - 5px);}
			.quick_btn_wrap {display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 20px;}
			.only-pc {display: flex !important;}
			.event-slide .swiper-slide > div {justify-content: center;}
			.all_section_wrap > footer {display: none;}
		}
		/* 모바일 동영상 슬라이드 크기조절 */
		@media (max-width: 768px) {
			.no2 {display: none;}
			.stories-square.stories .story>.item-link>.item-preview,
			.stories-square.stories.carousel .story {width: 200px !important;}
			#video-stories-container {max-height: 200px !important;}
			.main-banner-slide .swiper-slide .main_banner_box {padding-bottom: 55%;}
		}
		@media (min-width: 768px) {
			body {background: #000;}
			.all_section_wrap { display: flex; justify-content: center; max-width: 1216px; width: 100%; margin: 0 auto;}
			.pc_web_layout {max-width: 690px; width: 100%;  height: 100%; overflow: overlay;   background: #fff;}
			.fixed-top {position: sticky !important;}
			#padding-dummy {padding-bottom: 30px !important;}
		}		
		
		/* 메인 포인트 */
.main-cash-wrap {position: relative; }
.main-cash-box {background-color: #3f8bf0;overflow: hidden; padding: 0 18px; border-radius: 18px;}
.main-cash-box .main-cash-btn {display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; padding: 1rem 6.3rem 1rem 0.3rem; color: #fff;}
.main-cash-box .main-cash-btn strong {font-size: 24px; font-weight: 700; letter-spacing: -1px;}
.main-cash-box .btn-mileage {background-color: #FDF1DE;}
.main-cash-box .btn-mileage i {width: 20px; height: 20px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('/assets/images/icon/main_btn_mg.png'); vertical-align: top; margin-right: 5px;}
.main-cash-box .btn-point i {width: 20px; height: 20px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('/assets/images/icon/main_btn_pt.png'); vertical-align: top; margin-right: 5px;}
.main-cash-refund {position: absolute; top: 50%; transform: translateY(-50%); right: 18px; background-color: #fff; border-radius: 30px; overflow: hidden;}
.main-cash-refund a{display: inline-block; padding: 10px 15px;}
.main-cash-refund a span {color: #3f8bf0; font-weight: 500;}
.main-cash-refund a span:last-child {position: relative; margin-left: 5px; padding-left: 6px;}
.main-cash-refund a span:last-child::after {content: ''; width: 2px; height: 10px; background-color: #3f8bf0; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

/* 메인 무한스크롤 카드 */
		.container > div > .card {margin: 10px 18px; border: 0.5px solid #F4F4F4; box-shadow: 0 0.3rem 2rem 0.3rem rgba(0, 0, 0, 0.03); border-radius: 18px; background-color: #FFF; overflow: hidden;}
		.container > div > .card .card-header {padding-left: 10px;}
		.container > div > .card .p-2 {padding: 1rem !important;}
		#main_content_paging > .card {margin: 10px 18px; border: 0.5px solid #F4F4F4; box-shadow: 0 0.3rem 2rem 0.3rem rgba(0, 0, 0, 0.03); border-radius: 18px; background-color: #FFF; overflow: hidden;}
		#main_content_paging > .card .card-header {padding-left: 10px;}
/* .modal-backdrop {display: none !important; opacity: 0 !important;} */