@charset "UTF-8";


/* 메인 상단 쿠팡 애니메이션  (2023-07-24 홍선기) */

.main_coupang_ani{
	width: 13rem;
	font-size: 1.7rem;
	position: absolute;
	bottom: 71%;
	left: 50%;
	transform: translateX(-50%);
	color: #ff3838;
	background: #fae7e7;
	padding: 1.5rem;
	border-radius: 99px;
	font-weight: 600;
}
.main_coupang_ani {
	font-weight: 600;
	background: linear-gradient(90deg, #f00 0%, #f00 49.26%, #fcc 23.72%, #f00 58.31%, #ff1717 100%) repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-font-smoothing: antialiased;
	-webkit-background-size: 50% 100%;
	-webkit-animation-name: moving-gradient;
	-webkit-animation-duration: 2.3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	display: inline-block;
	width: 300px;
	letter-spacing: -0.04em;
	pointer-events: none;
}
.main_coupang_ani:after {
	content:'';
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 30%;
	height: 20px;
	border: 1px solid #ff3838;
	border-radius: 99px;
}

/* 메인 상단 영역 수정  (2023-07-28 홍선기) */
.index_content .global_icon a:nth-of-type(1),
.index_content .global_icon a:nth-of-type(3),
.index_content .global_icon a:nth-of-type(4) {
	margin-top: 0;
	padding-top: 4rem;
	position: relative;
	z-index: 11;
}

/* 상단으로 가기 버튼  (2023-08-07 홍선기) */
.go_top_btn {
	display: none;
	position: fixed;
	bottom: 80px;
	right: 2.8rem;
	width: 8rem;
	height: 8rem;
	z-index: 12;
}

/* 구글 수수료 지원 (2023-08-11 홍선기) */
.index_content .google_cash_mo_pop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.75);
	z-index: 16;
}
.index_content .google_cash_mo_pop .modal {
	display: block;
}
.index_content .google_cash_mo_pop .modal.alert {
	overflow: unset;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-left: 0;
}
.index_content .google_cash_mo_pop .noTday {
	position: absolute;
	top: 105%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 0;
}
.index_content .google_cash_mo_pop .txtLay>.contLy {
	padding: 0;
}
.index_content .google_cash_mo_pop .modal .close {
	background: url("https://image.cultureland.co.kr/upload/web/etc/20230802_close_white.svg");
	width: 40px;
	height: 40px;
	top: unset;
	bottom: 104%;
	right: -5px;
	background-position: bottom;
	background-repeat-y: no-repeat;
}
.index_content .google_cash_mo_pop a {
	width: 100%;
	min-height: 180px;
	display: block;
}
.index_content .google_cash_mo_pop img {
	border-radius: 16px;
	position: absolute;
	top: 0;
	left: 0;
}

/* 메인 상단 구글 애니메이션 및 팝업  (2023-08-11 홍선기) */
.main_coupang_ani.google:after {
	width: 21%;
}

.index_content .global_icon a:nth-of-type(5),
.index_content .global_icon a:nth-of-type(6),
.index_content .global_icon a:nth-of-type(7) {
	margin-top: 0;
	padding-top: 2.5rem;
	position: relative;
	z-index: 11;
}
.index_content .google_cash_mo_pop a.close {
	min-height: unset;
}

/* 알림톡 랜딩 브릿지 페이지 (2023-10-10 홍선기) */
.landingbridge_content .landing_box {
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.landingbridge_content .landing_box h3 {
	color: #303030;
    font-size: 2.5rem;
    text-align: center;
}
.landingbridge_content .landing_box img {
	width: 54%;
    filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.2));
    margin: 3.1rem auto 6.1rem;
    display: inherit;
}
.landingbridge_content .landing_box a {
	background: #585858;
    filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.2));
    width: 100%;
    display: inline-block;
    min-height: 40px;
    border-radius: 99px;
    color: #fff;
    font-size: 2.5rem;
    font-weight: 600;
    text-align: center;
    line-height: 2.4;
}
.notification_Talk_Detail_content .culture_logo_icon {
	display: none;
}

/* 메인 캐시선물하기 (2023-12-13 홍선기) */
.cashGift_mo_pop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.75);
	z-index: 16;
	display: none;
}
.cashGift_mo_pop .modal {
	display: block;
	background: transparent;
}
.cashGift_mo_pop .modal.alert {
	overflow: unset;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-left: 0;
	position: relative;
}
.cashGift_mo_pop .noTday {
	position: absolute;
	top: 105%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 0;
}
.cashGift_mo_pop .txtLay>.contLy {
	padding: 0;
}
.cashGift_mo_pop .modal .close {
	background: url("https://image.cultureland.co.kr/upload/web/etc/20230802_close_white.svg");
	width: 40px;
	height: 40px;
	top: unset;
	bottom: 104%;
	right: -5px;
	background-position: bottom;
	background-repeat: no-repeat;
}
.cashGift_mo_pop a {
	width: 100%;
	min-height: 230px;
	display: block;
}
.cashGift_mo_pop img {
	border-radius: 16px;
}
.culture_checkbox.cashgift_pop input[type="checkbox"]{
	opacity: 0;
    width: 16px;
    margin-right: calc(1.85rem + 8px);
}
.culture_checkbox.cashgift_pop {
	height: 16px;
	display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin: 3.1rem auto 4.3rem;
    border-radius: 8px;
    color: #fff;
    position: fixed;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.culture_checkbox.cashgift_pop input[type="checkbox"] {
	margin-right: 6px;
}
.culture_checkbox.cashgift_pop span{
  display:inline-block;
  width:16px;
  height:16px;
  vertical-align:middle;
  background: url(https://image.cultureland.co.kr/upload/web/etc/20231025_culture_check.svg);
  margin-right: 6px;
}
.culture_checkbox.cashgift_pop input[type="checkbox"]:checked + span{
  background:url(https://image.cultureland.co.kr/upload/web/etc/20231025_culture_check_active.svg); 
}

/* 쿠팡 캐쉬적립 아이콘 추가 (2024-02-21 이예람) */
.global_icon a .icon.coupang {
	position: relative;
}
.inConts .icon.coupang:after {
	content: "";
	position: absolute; 
	top: -8px;
	right: -2.2rem;
	width: 2.6rem;
	height: 2.6rem;
	background: url(https://image.cultureland.co.kr/upload/web/etc/240221_cash.gif) no-repeat 0 0 / contain ;
}

/* 메인 상단 영역 수정  (2024-02-22 홍선기) */
.index_content .global_icon a:nth-of-type(1),
.index_content .global_icon a:nth-of-type(3),
.index_content .global_icon a:nth-of-type(4) {
	margin-top: 4rem;
	padding-top: 0;
	position: relative;
	z-index: 11;
}

/* 웹툰 추가 (2024-02-22 홍선기) */
.allmenu_webtoon {
	border-radius: 8px;
    background: #ececec;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    position: relative;
    padding: 14px 0 14px 21px;
    box-sizing: border-box;
    min-height: 70px;
}
.allmenu_webtoon p:nth-of-type(1) {
	color: #767676;
    font-size: 2.1rem;
    font-weight: 600;
    line-height: 1.4;
}
.allmenu_webtoon p:nth-of-type(2) {
	color: #303030;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.4;
    display: flex;
    align-items: center;
}
.allmenu_webtoon img {
	position: absolute;
    width: 95px;
    right: 21px;
    bottom: 0;
}

/* 메인 쿠폰거래소 특가 추가 (2024-03-21 홍선기) */
.global_icon a .icon.coupon_exchange {
	background-image: url(https://image.cultureland.co.kr/upload/web/etc/20240321_coupon_icon-4-2.png);
	width: 48px;
	padding-bottom: 0.5rem;
	position: relative;
}
.global_icon a .icon.coupon_exchange.ios {
	width: 48px;
}
.inConts .icon.coupon_exchange:after {
	content: "";
	position: absolute; 
	top: -12px;
	right: -2.5rem;
	width: 2.6rem;
	height: 2.6rem;
	background: url(https://image.cultureland.co.kr/upload/web/etc/240221_cash.gif) no-repeat 0 0 / contain ;
}

/* 메인 프라시아전기 사전예약 추가 (2024-03-22 홍선기) */
.global_icon a .icon.nexon {
	background-image: url(https://image.cultureland.co.kr/upload/web/etc/20240322_nexon_icon-1.png);
	width: 28px;
	position: relative;
}
.inConts .icon.nexon:after {
	content: "";
	position: absolute; 
	top: -12px;
	right: -2.5rem;
	width: 2.6rem;
	height: 2.6rem;
	background: url(https://image.cultureland.co.kr/upload/web/etc/240322_cash-10.gif) no-repeat 0 0 / contain ;
}

/* 메인 퀵메뉴 게임 교체 (2024-03-26 홍선기) */
.global_icon a .icon.game {
	background-image: url(https://image.cultureland.co.kr/upload/web/etc/20240326_game_icon-2.png);
	width: 32px;
	position: relative;
}
.inConts .icon.game:after {
	content: "";
	position: absolute; 
	top: -8px;
	right: -2.5rem;
	width: 2.6rem;
	height: 2.6rem;
	background: url(https://image.cultureland.co.kr/upload/web/etc/240322_cash-10.gif) no-repeat 0 0 / contain ;
}
.inConts .game_txt {
	font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
}

/* 메인 쿠폰거래소 상품추가 (2024-03-26 홍선기) */
.coupon_content {
	background: #fff;
    margin-bottom: 16px;
    width: calc(100% + 6rem);
    margin-left: -3rem;
    padding: 24px 20px;
    box-sizing: border-box;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.main_coupon_title {
	display: flex;
    justify-content: space-between;
    align-items: center;
    color: #303030;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}
.main_coupon_title a {
	color: #a6a6a6;
    font-size: 12px;
}
.coupon_swiper .product_info .brand {
	font-size: 10px;
	color: #a6a6a6;
	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
  	width: 100%;
}
.coupon_swiper .product_info .name {
	color: #303030;
	font-size: 11px;
	font-weight: 600;
	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
  	width: 100%;
}
.coupon_swiper .price_box {
	display: flex;
	align-items: center;
}
.coupon_swiper .price_box .sale_price {
	color: #303030;
	font-size: 1.7rem;
	font-weight: 700;
}
.coupon_swiper .price_box .precent {
	color: #ff3838;
	font-size: 1.7rem;
	font-weight: 700;
}
.coupon_swiper .cost_price {
	color: #a6a6a6;
	font-size: 10px;
	text-decoration: line-through;
}
.coupon_swiper .swiper-slide {
	box-shadow: none;
}
.coupon_swiper .ImgBox_1 {
	border-radius: 8px;
    overflow: hidden;
    border: 1px solid #ebebeb;
}
.coupon_swiper .ImgBox_1 img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.coupon_swiper .no_item {
	font-size: 1.85rem;
    color: #a6a6a6;
    margin-top: 4px;
}
.coupon_content .no_list .imgntxt {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 62px;
}
.coupon_content .no_list .imgntxt img {
	width: 80px;
}
.coupon_content .no_list .imgntxt p {
	margin-top: 1.85rem;
    color: #767676;
    font-size: 2.1rem;
}


/* 메인 다이소 홍보 추가 (2024-05-22 홍선기) */
#openBarcode {
	position: relative;
}
#openBarcode .ani_daiso {
	position: absolute;
    top: calc(100% + 6px);
    left: 50%;
    transform: translateX(-75%) scale(0);
    z-index: 12;
    padding: 4px 8px;
    background: #fff;
    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    animation: scaleUp .3s linear forwards;
    animation-delay: .5s;
}
#openBarcode .ani_daiso p {
	font-size: 1.85rem;
    line-height: 1.2;
    color: #303030;
    font-weight: 700;
}
#openBarcode .ani_daiso p span {
	color: #ff3838;
}
#openBarcode .ani_daiso:after {
	content: '';
    position: absolute;
    top: -6px;
    right: 18%;
    border-top: 0px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #fff;
}
.main_slide_loop {
	box-sizing: border-box;
}
.thumb_list > .main_ad_tit.daiso {
	padding: 0 0 3rem;
}
.main_slide_loop .barcode_box {
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    box-sizing: border-box;
}
.main_slide_loop .barcode_box .left {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.10);
    padding: 22px 0 17px;
    text-align: center;
    position: relative;
}
.main_slide_loop .barcode_box .left .daiso_logo {
	display: block;
    margin: 0 auto;
}
.main_slide_loop .barcode_box .left .ab_new {
	position: absolute;
    bottom: calc(100% - 10px);
    left: 50%;
    transform: translateX(-50%);
    padding: 2px 8px;
    background: #ff3838;
    border-radius: 99px;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
}
.main_slide_loop .barcode_box .left a {
	display: inline-block;
	color: #303030;
	font-size: 2.5rem;
	font-weight: 600;
	margin-top: 11px;
}
.main_slide_loop .barcode_box .right {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.10);
    padding: 18px 12px 17px;
    text-align: center;
}
.main_slide_loop .barcode_box .right a {
	display: inline-block;
	color: #303030;
	font-size: 2.5rem;
	font-weight: 600;
	margin-top: 7px;
}

/* 메인 여행 영역 추가 (2024-07-19 홍선기) */
.mw_travel_content {
	background: #fff;
    width: calc(100% + 6rem);
    margin-left: -3rem;
    padding: 22px 20px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0.5rem;
}
.mw_travel_content .top {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.mw_travel_content .top h4 {
	font-size: 3.1rem;
    color: #303030;
    font-weight: 600;
}
.mw_travel_content .top h4 span {
	color: #c82525;
}
.mw_travel_content .top a {
	color: #767676;
    font-size: 1.85rem;
}
.mw_travel_content .bottom {
	margin-top: 18px;
    border-radius: 12px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.10);
    padding: 12px 16px;
    display: flex;
}
.mw_travel_content .bottom img {
	margin-right: 8px;
}
.mw_travel_content .bottom p {
	color: #767676;
    font-size: 2.1rem;
}

/* 메인 전체메뉴 햄버거 버튼 추가 (2024-09-03 홍선기) */
.top_allmenu.main {
	position: unset;
	padding: 4px;
	width: auto;
	margin-top: 2px;
}
.inConts_main_top_state {
	padding: 0 1.85rem 0 3rem;
}
.top_event {
	margin-right: 8px;
}
.top_allmenu.main img {
	width: 24px;
	height: 24px;
}

/* 엔티스코 슬라이드 팝업 (2024-09-12 홍선기) */
.main_online_popup.login > div {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 30px 30px 0 0;
	transform: translateY(100%);
	animation: pop_slide_up .5s linear forwards;
	z-index: 16;
}
.main_slideup_pop .mpop_slidepop {
	margin: 24px 20px 0;
}
.main_slideup_pop .mpop_slidepop img {
	border-radius: 20px;
}
.main_online_popup.login ul {
	width: 90%;
}
.main_online_popup.login ul li {
	color: #504e4e;
}
.main_online_popup .close.w {
	text-align: right;
}
.main_online_popup input[type="checkbox"]{
	display:none;
}
.main_online_popup .checkbox_txt {
	font-size: 2.1rem;
	line-height: 1.4
}
.main_online_popup .checkbox_flex.all .checkbox_txt {
	font-size: 2.5rem;
    color: #767676;
    font-weight: 600;
}
.main_online_popup .culture_checkbox input[type="checkbox"]{
	opacity: 0;
    width: 16px;
    margin-right: calc(1.85rem + 8px);
}
.main_online_popup .culture_checkbox {
	position: relative;
	display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #303030;
    font-size: 2.5rem;
    gap: 8px;
}
.main_online_popup .culture_checkbox input[type="checkbox"] {
	margin-right: 0px;
}
.main_online_popup .culture_checkbox span.under {
	font-weight: 600;
	text-decoration: underline;
}
.main_online_popup .culture_checkbox span.check{
  display:inline-block;
  width:16px;
  height:16px;
  vertical-align:middle;
  background: url(https://image.cultureland.co.kr/upload/web/etc/20231025_culture_check.svg);
  margin-right: 8px;
  margin-top: 4px;
}
.main_online_popup .culture_checkbox .check_culture{
  display:inline-block;
  width:16px;
  height:16px;
  vertical-align:middle;
  background: url(https://image.cultureland.co.kr/upload/web/etc/20231025_culture_check.svg);
}
.main_online_popup .culture_checkbox input[type="checkbox"]:checked + span{
  background:url(https://image.cultureland.co.kr/upload/web/etc/20231025_culture_check_active.svg); 
}
.main_online_popup .checkbox_flex label {
	margin-right: 8px;
}
.main_online_popup .checkbox_flex span {
	font-weight: 600;	
}
.main_online_popup h3 {
	text-align: center;
    font-size: 3.1rem;
    color: #303030;
    font-weight: 600;
    margin-bottom: 16px;
}
.main_online_popup .check_oneline {
	display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.main_online_popup .check_oneline p {
	position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    line-height: 1;
    font-size: 2.5rem;
    padding: 10px 0 10px 10px;
}
.main_online_popup .check_oneline:nth-of-type(2) {
	margin: 12px 0;
}
.main_online_popup .checkbox_flex.all {
	display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}
.main_online_popup .checkbox_flex.all .culture_checkbox {
	padding: 0;
}
.main_online_popup .check_one_inner {
	padding-bottom: 22px;
	width: calc(100% - 17px);
    margin: 0 auto;
    border-bottom: 1px solid #ebebeb;
}
.main_online_popup ul {
	width: calc(100% - 40px);
    margin: 24px auto 20px;
    text-align: center;
}
.main_online_popup ul li {
	border-radius: 8px;
    padding: 11px 0;
}
.main_online_popup ul li:nth-of-type(1) {
	background: #ff3838;
    color: #fff;
    font-weight: 600;
    font-size: 2.5rem;
}
.main_online_popup ul li:nth-of-type(1)[disabled] {
	background: #a6a6a6;
	pointer-events: none;
}
.main_online_popup ul li:nth-of-type(2) {
    color: #a6a6a6;
    font-size: 2.1rem;
}

/* 산타의 연못 홍보 추가 (2024-11-04 홍선기) */
.list .ani_santa {
	position: absolute;
    bottom: calc(100% - 3px);
    left: calc(50% + -2px);
    transform: translateX(-50%);
    z-index: 12;
    padding: 5px 10px;
    background: #fff;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}
.list .ani_santa p {
	font-size: 1.85rem;
    line-height: 1.2;
    color: #ff3838;
    font-weight: 700;
}
.list .ani_santa:after {
	content: '';
    position: absolute;
    bottom: -5px;
    left: 52%;
    transform: translateX(-50%);
    border-top: 10px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 0px solid transparent;
}

/* 메인 생체인증 팝업 (2024-11-07 홍선기) */
.absol_biobanner {
	display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 12px 14px 12px 20px;
    background: #f2f5ff;
    position: relative;
}
.absol_biobanner .bio_icon {
	margin-right: 8px;
	width: 52px;
}
.absol_biobanner .fir {
	border-radius: 4px;
    font-size: 2.1rem;
    background: #fff;
    color: #4168f6;
    font-weight: 600;
    padding: 2px 7px;
    margin-right: 8px;
    line-height: 19.6px;
}
.absol_biobanner .sec {
	color: #303030;
    font-size: 2.1rem;
    font-weight: 500;
    margin-right: 13px;
}
.absol_biobanner .thr {
	color: #96aaed;
    font-size: 1.85rem;
    display: flex;
    align-items: center;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}
.absol_biobanner .thr span {
	margin-top: 1px;
}


/* 마케팅 수신동의 팝업 백그라운드 생성 (2024-11-12 홍선기) */
#dark_bg_main {
	position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    background-color: rgba(0, 0, 0, .4);
    z-index: 12;
}


/* 메인점신 팝업 (2024-12-23 홍선기) */
.nobio_banner {
	display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 12px 14px 12px 20px;
    background: #fff8dc;
    position: relative;
}
.nobio_banner .pocket_icon {
	margin-right: 8px;
	width: 28px;
}
.nobio_banner .fir {
	border-radius: 4px;
    font-size: 2.1rem;
    background: #fff;
    color: #e87400;
    font-weight: 600;
    padding: 2px 4px;
    margin-right: 4px;
    line-height: 19.6px;
    border: 1px solid #fcf0c1;
}
.nobio_banner .sec {
	color: #303030;
    font-size: 2.1rem;
    font-weight: 500;
    margin-right: 13px;
    display: flex;
    align-items: center;
    gap: 2px;
}
.nobio_banner .sec .noto {
	font-size: 15px;
    font-style: italic;
    font-family: 'Noto Sans';
    font-weight: 400;
    margin-right: 2px;
}
.nobio_banner .thr {
	color: #96aaed;
    font-size: 1.85rem;
    display: flex;
    align-items: center;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}
.nobio_banner .thr span {
	margin-top: 1px;
}


/* 환불페이지 (2025-02-03 홍선기) */
.allmenu_webtoon img {
	width: 112px;
}

/* 고객확인제도 재이행고객 정보 수정 (2025-04-17 정정원) */
.reengage_bottom_popup{
	position: relative;
}
.reengage_bottom_popup .reengage_bottom_slideup_pop {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 20px 20px 0 0;
    transform: translateY(100%);
    animation: sync_slide_up .5s linear forwards;
    padding: 35px 16px 16px 16px;
    text-align: center;
    z-index: 16;
}
.reengage_bottom_popup .reengage_bottom_slideup_pop img{
	position: absolute;
    top: -38%;
    left: 20%;
}
.reengage_bottom_popup .reengage_bottom_slideup_pop h4{
    font-size: 18px;
    color: #303030;
    font-weight: 600;
}
.reengage_bottom_popup .reengage_bottom_slideup_pop p{
	font-size: 16px;
    color: #303030;
}
.reengage_bottom_popup .reengage_bottom_slideup_pop p:nth-of-type(1) {
    margin-top: 2.5rem;
}
.reengage_bottom_popup .reengage_bottom_slideup_pop a.close{
	position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/assets/images/icon/pop_close.png);
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
}
.reengage_bottom_popup .reengage_bottom_slideup_pop .btnArea a{
	background: #ff3838;
    border-color: #ff3838;
    border-radius: 8px;
    line-height: 22.4px;
}

/* 고객확인제도 재이행고객  팝업 배경 블러 추가 (2025-05-21 정정원) */
#kyc_blur_dark_bg{
	position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    background-color: rgba(0, 0, 0, .4);
    z-index: 12;
    backdrop-filter: blur(2px);
}

/* 쿠폰거래소 브릿지 페이지 (2025-06-05 정정원)*/
#wrap.coupon_bridge{
	width: 100%;
	height: 100vh;
	background: #F3F3FF;
	overflow: scroll;
}
.coupon_bridge #container{
	overflow:hidden;
}
.coupon_bridge .visual{
	display: flex;
    align-items: center;
	width: 100%;
	min-height:200px;
    height: 27vh;
    background: center / cover url(https://image.cultureland.co.kr/upload/web/etc/coupon_visual_01.png) no-repeat;
}
.coupon_bridge .visual .title{
	padding-left: 32px;
	color: #fff;
}
.coupon_bridge .visual .title p:first-child{
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}
.coupon_bridge .visual .title h3{
	font-size: 28px;
    font-weight: 700;
    color: #fff;
    padding: 4px 0 14px;
}
.coupon_bridge .visual .title p:last-child{
	font-size: 13px;
    font-weight: 400;
    line-height: 19.5px;
}
/*discount_coupon*/
.coupon_bridge .bridge_box .discount_coupon{
	width: calc(100% + 20px);
    margin-left: -20px;
    padding-left: 20px;
    box-sizing: border-box;
}
.coupon_bridge .bridge_box .discount_coupon h4{
	color: #303030;
	font-size: 2.8rem;
	font-weight: 600;
	text-align:center;
	padding: 3rem 0 2rem;
}
.coupon_bridge .bridge_box .discount_coupon h4 img{
	width:16px;
	height:16px;
}
.coupon_bridge .bridge_box .discount_coupon .swiper-service .swiper-wrapper .swiper-slide{
    display: flex;
    padding: 12px;
    flex-direction: column;
    gap: 8px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 1px 10px 0px #E0E0F6;
    overflow: hidden;
    max-width: 125px;
}
.coupon_bridge .bridge_box .discount_coupon .product_item_box .img_box{
	aspect-ratio: 1 / 1;
}
.coupon_bridge .bridge_box .discount_coupon .product_item_box .product_info{
	display: flex;
    flex-direction: column;
    gap: 4px;
}
.coupon_bridge .bridge_box .discount_coupon .product_item_box .product_info .txt_01{
	color: #A6A6A6;
	font-size: 10px;
	line-height: 1.2;
}
.coupon_bridge .bridge_box .discount_coupon .product_item_box .product_info .txt_02{
	color: #303030;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 4px;
	text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
}
.coupon_bridge .bridge_box .discount_coupon .product_item_box .product_info .flex_center{
	display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0px;
}
.coupon_bridge .bridge_box .discount_coupon .product_item_box .product_info .txt_03{
	color: #303030;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.2;
}
.coupon_bridge .bridge_box .discount_coupon .product_item_box .product_info .txt_04{
	color: #FF3838;
	font-size: 9px;
	font-weight: 600;
	line-height: 1.2;
	margin-left: 3px;
}
.coupon_bridge .bridge_box .discount_coupon .product_item_box .product_info .txt_05{
	color: #A6A6A6;
	font-size: 8px;
	text-decoration-line: line-through;
	line-height: 1.2;
}
/*sale_coupon*/
.coupon_bridge .bridge_box .sale_coupon h4{
	padding: 4rem 0 2rem;
	color: #303030;
	font-size: 2.8rem;
	font-weight: 600;
	text-align:center;
}
.coupon_bridge .bridge_box .sale_coupon h4 img{
	width:16px;
	height:16px;
}
.coupon_bridge .bridge_box .sale_coupon .sale_coupon_cover{
	display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 12px;
}
.coupon_bridge .bridge_box .sale_coupon .sale_coupon_cover img{
    width: 48%;
    height: auto;
    object-fit: cover;
    box-shadow: 0 1px 10px 0 #E0E0F6;
    border-radius: 18px;
}
.coupon_bridge .coupon_bridge_btn{
	position: fixed; 
	bottom:99px; 
	z-index:1;
	left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px);
}
.coupon_bridge .coupon_bridge_btn a{
	display: flex;
    width: 100%;
    height: 44px;
    padding: 0 8px;
    border-radius: 99px;
    background: #FF5151;
    color: #fff;
    font-size: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}


/* 쿠폰거래소 브릿지 페이지 헤더 수정 (2025-07-17 홍선기)*/
.coupon_bridge .coupon_bridge_header {
	width: calc(100% + 8rem);
    margin-left: -4rem;
    background: #fff;
    height: 52px;
    padding: 8px 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.coupon_bridge .coupon_bridge_header .culture_logo img {
	width: 138px;
}


/* 개편 메인 팝업 수정 (2025-07-21 홍선기)*/
#dark_bg_main {
	z-index: 20;
}
.main_online_popup.login > div {
	padding-bottom: 20px;
	bottom: 62px;
	z-index: 20;
}
.reengage_bottom_popup .reengage_bottom_slideup_pop {
	bottom: 64px;
	z-index: 20;
	padding: 35px 16px 36px 16px;
}

/*쿠폰거래소 브릿지 페이지 (2025-07-23 정정원)*/
.coupon_bridge .bridge_box .discount_coupon .product_item_box .img_box{
	margin-bottom: 4px;
}


/* 메인 KYC 팝업 수정  (2025-09-02 홍선기) */
.reengage_bottom_popup .reengage_bottom_slideup_pop img {
	top: -34%;
	width: 220px;
}


/* 갤럭시 폴드 가로모드 및 패드 */
@media (min-width: 512px) and (max-width: 800px) {
	/* 메인 상단 구글 애니메이션 및 팝업  (2023-08-11 홍선기) */
	.index_content .google_cash_mo_pop .modal.alert {
		top: 40%;
	}
	.index_content .shop-area .top .character{
		width: 38%;
	    position: absolute;
	    bottom: -70%;
	}
	.coupon_bridge .bridge_box .sale_coupon .sale_coupon_cover img {
		width: 36%;
	}
}

@media (min-width: 320px) and (max-width: 375px) {
	/* 쿠폰거래소 브릿지 페이지 (2025-06-05 정정원)*/
	.coupon_bridge #container{
		min-height: calc(100vh - 10rem);
	}
}

/* 애니메이션 keyframes */
@keyframes scaleUp {
	0% {
		transform: translateX(-75%) scale(0);
	}
	100% {
		transform: translateX(-75%) scale(1);
	}
}
@keyframes pop_slide_up {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes pop_slide_up2 {
	0% {
		transform: translateY(0);
		opacity:0;
	}
	100% {
		transform: translateY(-50%);
		opacity:1;
	}
}
@keyframes pop_slide_up3 {
	0% {
		transform: translateY(26%) rotate(20deg);
		opacity:0;
	}
	100% {
		transform: translateY(-26%) rotate(-15deg);
		opacity:1;
	}
}
@keyframes boom_up {
	0% {
		transform: scale(1);
	}
	50%{
		transform: scale(1.18);
	}
	
	100% {
		transform: scale(1);
	}
}