@charset "UTF-8";

button {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;

    color: inherit;
    font: inherit;

    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
}

/* festa - common */

.festa-container {
    font-family:var(--font);
    width:100%;
}

.text-w {
	color:#fff;
}

.text-b {
	color:var(--color-txt);
}


.wish-btn {
    position:relative;
    display:flex;
    width:32px;
    height:32px;
    justify-content: center;
    cursor:pointer;
    transition:all 0.5s;
}

.wish-btn .icon {
    width:24px;
    height:24px;
    color:transparent;
    align-self:center;
    stroke: #ccc;
    stroke-width: 2;
}

.wish-btn span.wish-tooltip {
    display: none;
    position: absolute;
    bottom: 120%; /* 버튼 위쪽으로 표시 */
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.75);
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    pointer-events: none;
    z-index: 10;
}

/* .wish-btn .wish-tooltip.on {
    display:block;
    opacity:1;
    transform:translateY(0);
} */

.wish-btn.on .icon {
    color:var(--color-primary);
    stroke-width: 0;
}


/* tit */

.subtit {
    font-size:var(--font-mid);
    color:#625efb;
    text-align:center;
    margin-bottom:20px;
}

.tit {
	font-size:40px;
	font-weight:500;
	text-align:center;
}


/* modal */


.info-modal .modal {
	position:relative;
}

.info-modal .modal::before {
	content:"";
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:100;
}

.info-modal .modal-wrap {
	position:fixed;
	left:50%;
	top:50%;
	min-width:700px;
	min-height:300px;
	background:#fff;
	color:var(--color-txt);
	border-radius:var(--radius-mid);
	z-index:104;
	transform:translate(-50%, -50%);
}

.info-modal .modal-head {
	width:100%;
	display:flex;
	margin-bottom:20px;
	padding:20px 30px 0px;
}

.info-modal .modal-head .modal-tit {
	font-size:var(--font-mid);
}

.info-modal .modal-head .close-icon {
	width:24px;
	height:24px;
	color:var(--color-txt);
	margin-left:auto;
}

.info-modal .modal-head .close-icon svg {
	width:18px;
	height:18px;
}

.info-modal .modal-ctn {
	min-height:500px;
	max-height:600px;
	text-align:justify;
	padding:10px 30px 30px;
	overflow-y:auto;
}


.info-modal .modal-ctn::-webkit-scrollbar {
    width: 10px;
}

.info-modal .modal-ctn::-webkit-scrollbar-track {
	background: #fff;
}

.info-modal .modal-ctn::-webkit-scrollbar-thumb {
    background:var(--color-line);
    border-radius: 10px;
}



.info-modal .modal-ctn p.title {
	font-weight:700;
	padding:10px 0px 5px;
}

.info-modal .modal-ctn p.title:before {
	content:"▣";
	font-size:var(--font-small);
	margin-right:10px;
}

.info-modal .modal-ctn .txt {
	display:flex;
	font-size:var(--font-small);
	flex-direction:column;
	gap:10px;
	padding-bottom:10px;
}

.info-modal .modal-ctn .txt li:before {
	content:"-";
	display:inline-block;
	margin-right:10px;
}

.info-modal .modal-ctn .txt-2 {
	display:flex;
	font-size:var(--font-small);
	flex-direction:column;
	gap:10px;
	padding-bottom:10px;
}

.info-modal .modal-ctn .txt-2 .sub-txt {
	margin-left:10px;
}

.info-modal .modal-ctn .txt-2 .sub-txt li {
	margin: 5px 0px;
}

/* festa - top */

.module-top {
    width:100%;
}

.visual-area {
    max-width:1920px;
    height:880px;
    margin: 0 auto;
}


/* festa - nav */

.module-nav {
    position:static;
    width:100%;
    top:-60px;
    transition: all 0.3s;
}

.module-nav.fixed {
    position: fixed;
    width: 100%;
    min-width: 100%;
    top: 0px;
    background: rgba(255, 255, 255, 0.65);
    z-index: 100;
    transition: all 0.3s; 
    border-bottom:1px solid var(--color-line);
}

.module-tab {
    width:100%;
}


/* festa - nav // option1 */

.module-tab .week-wrap {
    width:100%;
    background:#272727;
}

.module-tab .week-wrap .week-list {
    display:flex;
    width:1200px;
    margin:0 auto;
}

.week-list li.week-item {
    width:calc(100% / 4);
    flex-shrink: 0;
    box-sizing:border-box;
    border-left:1px solid #555;
    border-right:1px solid #555;
}

.week-list li.week-item a {
    display: flex;
    width:calc(100% - 60px);
    padding:20px 30px;
    color:var(--color-mid-gray);
    cursor:pointer;
}

.week-list li.week-item a .item-subTxt {
    color:var(--color-mid-gray);
    font-size:var(--font-small);
    margin-bottom:5px;
    align-self:center;
}

.week-list li.week-item a .item-name {
    font-size:24px;
    margin-left:auto;
    align-self:center;
}

.week-list li.week-item.on {
    background:#fff;
}

.week-list li.week-item.on .item-subTxt {
    background:#fff;
    color:#625efb;
}

.week-list li.week-item.on .item-name {
    background:#fff;
    color:#625efb;
}

.sub-event-wrap {
    width:100%;
    background:#fff;
}

.sub-event-wrap .sub-event-track {
    position:relative;
    width:1200px;
    margin:0 auto;
    overflow: hidden;
}

.sub-event-wrap .sub-event-track:after {
    content:"";
    display: block;
    position:absolute;
    width:100px;
    height:100%;
    right:0px;
    top:0px;
    background:linear-gradient(to right, transparent, #fff);
    z-index:1;
} 

.sub-event-wrap .sub-event-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}


.sub-event-list .sub-event-item {
    flex: 0 0 auto;
    padding:25px 30px;
}

.sub-event-list .sub-event-item a {
    display:flex;
    min-width:100px;
    flex-wrap:nowrap;
    cursor:pointer;
    justify-content: center;
}

.sub-event-list .sub-event-item a svg {
    width:0px;
    height:0px;
    opacity: 0;
    transition: width .1s ease-in-out, opacity .6s ease-in-out;
    align-self:center;
}

.sub-event-list .sub-event-item a p {
    width:auto;
    font-size:var(--font-normal);
    color:var(--color-mid-gray);
    margin-left:0px;
}

.sub-event-list .sub-event-item.on a svg {
    width:12px;
    height:12px;
    color:#625efb;
    opacity:1;
    font-weight: 700;
}

.sub-event-list .sub-event-item.on a p {
    color:#625efb;
    font-weight:700;
    margin-left:5px;
}

.sub-event-arrow {
    position:relative;
    width:1200px;
    margin:0 auto;
}

.sub-event-arrow > a {
    position:absolute;
    display:flex;
    top:-50px;
    width:28px;
    height:28px;
    background:#fff;
    border-radius:50%;
    box-shadow:0px 0px 14px rgba(0,0,0,0.15);
    border:1px solid var(--color-line);
    justify-content: center;
    z-index:1;
    cursor:pointer;
}

.sub-event-arrow > a svg {
    width:10px;
    height:10px;
    align-self:center;
}

.sub-event-arrow .sub-event-prev {
    left:-16px;
}

.sub-event-arrow .sub-event-next {
    right:-16px;
}

.sub-event-arrow > a.slick-disabled {
    opacity:0;
}


/* festa - nav // option2 */

.main-event-wrap {
    background:#272727;
}

.main-event-list .main-event-item a p {
    width:auto;
    font-size:var(--font-mid);
    color:var(--color-mid-gray);
    margin-left:0px;  
}

.main-event-wrap .main-event-track {
    position:relative;
    width:1200px;
    margin:0 auto;
    overflow: hidden;
}

.main-event-wrap .main-event-track:after {
    content:"";
    display: block;
    position:absolute;
    width:100px;
    height:100%;
    right:0px;
    top:0px;
    background:linear-gradient(to right, transparent, #272727);
    z-index:1;
} 

.main-event-wrap .main-event-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}

.main-event-list .main-event-item {
    flex: 0 0 auto;
    padding:25px 20px;
    justify-content: center;
}

.main-event-list .main-event-item a {
    display:flex;
    min-width:80px;
    flex-wrap:nowrap;
    cursor:pointer;
}

.main-event-list .main-event-item a:before {
    content:"";
    display:block;
    width:1px;
    height:14px;
    background:#555;
    align-self:center;
    margin-right:40px;
}

.main-event-list .main-event-item:first-child a:before {
    display: none;
}

.main-event-list .main-event-item a svg {
    width:0px;
    height:0px;
    opacity: 0;
    transition: width .1s ease-in-out, opacity .6s ease-in-out;
    align-self:center;
}


.main-event-list .main-event-item.on a svg {
    width:16px;
    height:16px;
    color:#9B51E0;
    opacity:1;
    font-weight: 700;
}

.main-event-list .main-event-item.on a p {
    width:calc(100% - 17px);
    color:#9B51E0;
    font-weight:700;
    margin-left:5px;
}

.main-event-arrow {
    position:relative;
    width:1200px;
    margin:0 auto;
}

.main-event-arrow > a {
    position:absolute;
    display:flex;
    top:-50px;
    width:28px;
    height:28px;
    background:#fff;
    border-radius:50%;
    box-shadow:0px 0px 14px rgba(0,0,0,0.15);
    border:1px solid var(--color-line);
    justify-content: center;
    z-index:1;
    cursor:pointer;
}

.main-event-arrow > a svg {
    width:10px;
    height:10px;
    align-self:center;
}

.main-event-arrow .main-event-prev {
    left:-16px;
}

.main-event-arrow .main-event-next {
    right:-16px;
}

.main-event-arrow > a.slick-disabled {
    opacity:0;
}


/* festa - roulette */

.module-roulette {
	width:100%;
}

.roulette-area {
	width:1200px;
	margin:0 auto;
}

.roulette-wrap {
	width:100%;
	padding:100px 0px;
}

.roulette-wrap .roulette-head {
	color:#fff;
	margin:0px 0px 80px;
}

.roulette-wrap .roulette-head .tit {
	font-size:40px;
	font-weight:500;
	text-align:center;
}

.roulette-wrap .roulette-head .txt {
	font-size:var(--font-mid);
	margin:10px 0 0px;
	text-align:center;
}

.roulette-content {
	position:relative;
	width:100%;
	min-height:700px;
}

/* roulette 본체 */

.roulette-item {
	position: absolute;
	width:700px;
	height:700px;
	left:50%;
	transform:translateX(-50%);
/* 	left: 50%;
	top: 0px;
	position: absolute;
	z-index: 1;
	transform:translateX(-50%); */
}

.roulette-content .rouletter {
	position: relative;
	width:700px;
	height:700px;
/* 	width: 400px;
	height: 400px; */
}

.roulette-content .rouletter-bg {
/* 	position: absolute;
	left:50%;
	tansform:translateX(-50%); */
/* 	top: 37%;
	left: 37%;
	transform: translate(-50%, -50%); */
	width: 700px;
	height: 700px;
	border-radius: 350px;
	overflow: hidden;
}

.roulette-content .rouletter-wacu {
	width: 100%;
	height: 100%;
	background-size: 100%;
	transform-origin: center;
	transition-timing-function: ease-in-out;
	transition: 5s;
}

.roulette-content .rouletter-wacu img {
	width:700px;
	height:700px;
}

.roulette-content .rouletter-arrow {
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	width: 46px; /* 이미지 가로사이즈 */
	height: 72px; /* 이미지 세로사이즈 */
	background-size: 100%;
}

.roulette-content .rouletter-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 221px;
	height: 221px;
	border-radius: 80px;
	border-image: linear-gradient(to right, #fbfcb9be, #ffcdf3aa, #65d3ffaa);
	cursor:pointer;
}

/* roulette modal */

.roulette-info-wrap {
    color:#fff;
    margin:60px auto 0px;
    text-align:center;
}

.roulette-info-wrap a {
    width:100%;
    font-size:var(--font-mid);
    color:#dadada;
    text-align:center;
    cursor:pointer;
}


/* festa - coupon */

.module-random {
    background-repeat: no-repeat;
    background-position: top center;;
    background-size:1920px 100%;
}


.rc-area .wrap, .coupon-area .wrap {
    width:1200px;
    margin:0 auto;
}

/* festa - coupon // random coupon */

.rc-area {
    width:100%;
    padding:100px 0px;
}

.rc-area .wrap {
    width:1200px;
    margin:0 auto;
}

.rc-area .rc-tit {
    width:100%;
    padding:0px 0px 50px;
}

.rc-area .rc-tit .subTxt {
    width:100%;
    font-size:var(--font-mid);
    text-align:center;
}

.rc-area .rc-tit .tit {
    width:100%;
    font-size:48px;
    padding:20px 0px 0px;
    text-align:center;
}

.rc-area .rc-coupon-img {
    width:100%;
    min-height:200px;
    text-align:center;
}

.rc-area .rc-btn {
    display:block;
    width:300px;
    height:60px;
    color:#fff;
    background:var(--color-txt);
    font-size:var(--font-mid);
    border-radius: var(--radius-big);
    cursor:pointer;
    margin:40px auto 0px;
}


/* festa - coupon // coupon and information */

.module-coupon {
    width:100%;
    background:#333333;
}


.coupon-area {
    width:100%;
    padding:100px 0px;
}

.coupon-area .coupon-tit {
    color:#fff;
    font-size:40px;
    font-weight: 500;
    text-align:center;
    margin-bottom:40px;
}

.coupon-area .coupon-list {
    width:995px;
    display:grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(2, 1fr);
    margin:0 auto 60px;
    gap:30px;
}

.coupon-area .coupon-list .coupon-item {
    display:flex;
    background:url(/pc/images/festa/coupon_bg.svg) center center no-repeat;
    width:480px;
    height:120px;
}

.coupon-area .coupon-list .coupon-item .coupon-txt {
    display:flex;
    flex-direction: column;
    width:calc(60% - 40px);
    margin-left:40px;
    align-self:center;
}

.coupon-item .coupon-txt .name {
    font-size:var(--font-mid);
    font-weight: 700;
    color:#fff;
    margin-bottom:5px;
}

.coupon-item .coupon-txt .subTxt {
    font-size:var(--font-small);
    color:#fff;
}

.coupon-area .coupon-list .coupon-item .coupon-sale {
	position:relative;
    display:flex;
    width:calc(40% - 40px);
    justify-content: right;
    margin-right:40px;
    align-self:center;
    flex-wrap:wrap;
}

.coupon-item .coupon-sale .stamp {
	display:flex;
	position:absolute;
	width:80px;
	height:80px;
	top:50%;
	right:0px;
	transform:translateY(-50%);
	background:#fff;
	color:var(--color-txt);
	border-radius:100%;
	justify-content:center;
}
 

 .coupon-item .coupon-sale .stamp img {
 	max-width:32px;
 	align-self:center;
 }

.coupon-item .coupon-sale .sale-txt {
	width:100%;
	font-size:var(--font-small);
	color:#fff;
	text-align:right;
}

.coupon-item .coupon-sale .sale-num {
    font-size:40px;
    font-weight:700;
    color:#fff;
}

.coupon-item .coupon-sale .sale-unit {
    font-size: 24px;
    font-weight: 700;
    color:#fff;
    padding: 15px 0px 0px 5px;
    align-self:center;
}

.coupon-all-btn .coupon-all-download {
    display:flex;
    width:300px;
    height:60px;
    background:#fff;
    font-size:var(--font-mid);
    font-weight:500;
    border-radius: var(--radius-big);
    cursor:pointer;
    margin:40px auto 0px;
    justify-content:center;
}

.coupon-all-btn .coupon-all-download .txt {
	align-self:center;
	margin-right:10px;
}

.coupon-all-btn .coupon-all-download .icon {
	display:flex;
	width:18px;
	height:18px;
	align-self:center;
}


.coupon-all-btn .coupon-all-download svg {
    width:18px;
    height:18px;
}


/* festa - 출석체크 */


.module-chk {
	width:100%;
}

.check-area {
	width:100%;
	padding:100px 0px;
}

.check-wrap {
	width:1200px;
	margin: 0 auto;
}

.check-head {
	width:100%;
	color:#fff;
	margin-bottom:60px;
}

.check-head .check-tit {
	font-size:40px;
	font-weight:500;
	text-align:center;
}

.check-content {
	width:100%;
	padding:0px 0px 20px;
}

.check-stamp-list {
    display:flex;
    gap:50px;
    justify-content: center;
    margin-bottom:50px;
}

.check-stamp-list li {
    position:relative;
    display:flex;
    background:url(/pc/images/festa/stamp_bg.svg) center center no-repeat;
    width:180px;
    height:180px;
    justify-content: center;
    background-size:100%;
}

.check-stamp-list li.close {
    filter: grayscale(100%);
}

.check-stamp-list li.close::before {
    position:absolute;
    background:rgba(0,0,0,0.5);
    color:#fff;
    content:"발급완료";
    font-weight: 700;
    font-size:24px;
    width:180px;
    height:180px;
    line-height:180px;
    text-align:center;
    text-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    backdrop-filter: blur(1px);
}

.check-stamp-list li > div.check-stamp-txt {
    color:#b5c3fe;
    align-self:center;
}

.check-stamp-list li > div.check-stamp-txt p {
    font-size:var(--font-small);
}

.check-stamp-list li > div.check-stamp-txt h2 {
    font-size: 24px;
    font-weight: 900;
}

.divider-line {
	width:100%;
	height:1px;
	background:#222;
	margin-bottom:50px;
}

.check-count-wrap {
    display:flex;
    width:300px;
    height:300px;
    background:url(/pc/images/festa/check_num.png) center center no-repeat;
    background-size:300px;
    margin:0 auto 40px;
    justify-content: center;
}

.check-count-wrap .check-count-txt {
    color:#fff;
    align-self:center;
}

.check-count-wrap .check-count-txt p {
    font-size:var(--font-mid);
    margin-bottom:10px;
}

.check-count-wrap .check-count-txt h1 {
    font-size:70px;
}


.check-btn {
    display:block;
    width:300px;
    height:60px;
    color: #fff;
    background: #625efb;
    font-size:var(--font-mid);
    font-weight:500;
    border-radius: var(--radius-big);
    cursor:pointer;
    margin:40px auto 0px;
}

.check-info-wrap {
    color:#fff;
    margin:40px auto 0px;
}

.check-info-wrap a {
    width:100%;
    font-size:var(--font-mid);
    color:#dadada;
    text-align:center;
    cursor:pointer;
}

.check-info-wrap .check-modal {
	position:relative;
}

.check-info-wrap .check-modal::before {
	content:"";
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:10;
}

.check-info-wrap .check-modal-wrap {
	position:absolute;
	left:50%;
	top:50%;
	min-width:600px;
	min-height:300px;
	background:#fff;
	color:var(--color-txt);
	border-radius:var(--radius-mid);
	padding:30px;
	z-index:50;
	transform:translate(-50%, -50%);
}

.check-modal-wrap .check-modal-head {
	width:100%;
	display:flex;
	margin-bottom:30px;
}

.check-modal-wrap .check-modal-head .close-icon {
	width:28px;
	height:28px;
	color:var(--color-txt);
	margin-left:auto;
}

.check-modal-wrap .check-modal-head .close-icon svg {
	width:28px;
	height:28px;
}

.check-modal-ctn {
	text-align:justify;
}

/* festa - 구매인증 */


.module-purchase {
	width:100%;
}

.purchase-area {
	width:100%;
	padding:100px 0px;
}

.purchase-wrap {
	width:1200px;
	margin: 0 auto;
}

.purchase-head {
	width:100%;
	color:#fff;
	margin-bottom:60px;
}

.purchase-head .purchase-tit {
	text-align:center;
}

.purchase-head .purchase-tit .txt {
	font-size: var(--font-mid);
    margin: 10px 0 0px;
    text-align: center;
}

.purchase-content {
	display:flex;
	flex-direction:column;
}

.purchase-event {
	display:flex;
	gap:50px;
	justify-content:center;
	padding:0px 50px 50px;
}

.purchase-content .event-img {
	position:relative;
	background:rgba(0,0,0,0.2);
	width:250px;
	height:250px;
	border:2px solid #625efb;
	padding:50px;
	border-radius:100%;
	flex-shrink:0;
	justify-content:center;
	align-self:center;
}

.purchase-content .event-img img {
	position:absolute;
	max-width:130px;
	height:auto;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	align-self:center;
}

.purchase-content .event-img .benefit {
	display:flex;
	flex-direction:column;
	width:100px;
	height:100px;
	position:absolute;
	background: linear-gradient(to right, #ccc, #f0f0f0, #ccc);
	color:#272727;
	right:0px;
	bottom:5px;
	border-radius:100%;
	justify-content:center;
	box-shadow:0px 0px 20px rgba(0,0,0,0.12);
}

.purchase-content .event-img .benefit span {
	align-self:center;
}

.purchase-content .event-img .benefit b {
	font-weight:700;
	font-size:var(--font-mid);
	align-self:center;
}


.purchase-content .event-txt {
    width: calc(100% - 400px);
/*     background: #363636; */
    color:#fff;
/*     border-radius: var(--radius-big); */
	border-left:1px solid #333;
    padding: 50px;
}

.purchase-content .event-txt h1 {
	color:#8380ff;
	font-weight:500;
	font-size:28px;
	margin-bottom:30px;
}

.purchase-content .event-txt h1 b {
	color:#fff;
}

.purchase-content .event-txt p {
	font-size:var(--font-mid);
	line-heigt:20px;
}

.purchase-content .event-txt p:before {
	display:inline-block;
	content:"!";
	font-size:var(--font-small);
	font-weight:700;
	width:20px;
	height:20px;
	text-align:center;
	line-heigt:20px;
	border:2px solid #fff;
	border-radius:16px;
	margin-right:10px;
}

.purchase-content .event-txt ul {
	color:var(--color-line);
	margin-top:10px;
}

.purchase-content .event-txt ul li {
	padding:5px 0px;
}

.purchase-btn {
    display:block;
    width:300px;
    height:60px;
    color: #fff;
    background: #625efb;
    font-size:var(--font-mid);
    font-weight:500;
    border-radius: var(--radius-big);
    cursor:pointer;
    margin:0px auto 0px;
}

.purchase-info-wrap {
    color:#fff;
    margin:40px auto 0px;
}

.purchase-info-wrap a {
    width:100%;
    font-size:var(--font-mid);
    color:#dadada;
    text-align:center;
    cursor:pointer;
}


/* festa - reserve */


.module-reserve {
	width:100%;
}

.reserve-time-area {
	width:100%;
	padding:80px 0px;
}

.reserve-time-wrap {
	display:flex;
	flex-direction:column;
	width:100%;
	justify-content:center;
}

.reserve-time-wrap .reserve-time-txt {
	color:var(--color-txt);
	font-size: 28px;
    font-weight: 700;
	text-align:center;
}


.reserve-time-table {
	padding:10px 0px 20px;
}

.reserve-time-wrap .reserve-time {
	display:flex;
	justify-content:center;
}

.reserve-time-wrap .reserve-time > div {
	position:relative;
	font-size: 56px;
    font-weight: 900;
    color:#625efb;
	padding:5px 10px;
	margin:0 5px;
	align-self:center;
}

.reserve-time-wrap .reserve-time > div::after {
	position:absolute;
	font-size:var(--font-small);
    font-weight: normal;
	color:var(--color-darkgray);
	bottom:-8px;
	left:50%;
	transform:translateX(-50%);
}

.reserve-time .days::after {
	content:"DAYS";
} 

.reserve-time .hours::after {
	content:"HOURS";
} 

.reserve-time .minutes::after {
	content:"MINS";
} 

.reserve-time .seconds::after {
	content:"SECS";
} 


.reserve-time-wrap .reserve-time > p {
	padding:5px 10px;
	align-self:center;
}



.reserve-video-area {
	width:100%;
	padding:100px 0px 10px;
}

.reserve-video-wrap {
	width:1200px;
	margin:0 auto;
}

.reserve-video-item {
	width:90%;
	margin:0 auto;
} 

.reserve-area {
	width:100%;
	padding:100px 0px;
}

.reserve-wrap {
	width:1200px;
	margin:0 auto;
}


.reserve-head {
    color: #fff;
    margin: 0px 0px 80px;
}


.reserve-content {
	display:flex;
	flex-direction:column;
	width:100%;
	padding:0px 0px 20px;
	gap:30px;
}


.reserve-benefit-wrap {
	display:flex;
	gap:30px;
	flex-wrap:wrap;
	justify-content:center;
	counter-reset: benefit-num;
}

.reserve-benefit-wrap .reserve-benefit-item {
	background: #fff;
    width: calc(100% / 2 - 30px);
    min-height: 300px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 40px 30px;
    counter-increment: benefit-num;
    border-radius: var(--radius-mid);
}

.reserve-benefit-item .reserve-benefit-ctn {
	width:100%;
	padding:0px 0px 20px 0px;
}

.reserve-benefit-ctn .benefit-num {
	display:flex;
	min-width:80px;
	max-width:100px;
	background:#625efb;
    color:#fff;
	padding:5px 20px;
	border-radius:var(--radius-mid);
	justify-content:center;
    margin:0 auto;
}

.reserve-benefit-ctn .benefit-num::after {
	font-size:var(--font-normal);
	font-weight:700;
	color: #fff;
    content: counter(benefit-num);
    margin-left:8px;
}

.reserve-benefit-ctn .benefit-tit {
	font-size: 24px;
    font-weight: 700;
    text-align:center;
	margin:15px 0px;
}

.benefit-txt {
	display:flex;
	flex-direction:column;
	gap:10px;
    text-align:center;
}

.benefit-txt p {
	font-size:var(--font-small);
	color:var(--color-darkgray);
}

.benefit-txt p::before {
	content:"*";
	font-size:var(--font-small);
	color:var(--color-darkgray);
	margin-right:3px;
}

.benefit-txt p:empty {
	display:none;
}

.reserve-benefit-img {
	max-width:230px;
	display:flex;
	justify-content:center;
    margin:auto auto 0;
}

.reserve-benefit-img img {
	display:block;
	max-width:240px;
	min-width:150px;
	align-self:center;
	margin:0 auto;
}

.reserve-info-wrap {
    margin: 20px auto 0px;
    text-align: center;
}

.reserve-info-wrap a {
    font-size: var(--font-mid);
    color: #dadada;
    text-align: center;
    cursor: pointer;
}


.reserve-btn-wrap {
    color:#fff;
	display:flex;
	flex-direction:column;
	margin:50px auto 0px;
	gap:40px;
}

.reserve-tit {
	font-size:28px;
	font-weight:500;
	text-align:center;	
}

.reserve-btn-wrap .reserve-btn {
    width: 300px;
    height: 60px;
    background: #625efb;
    color: #fff;
    font-size: var(--font-mid);
    border-radius: var(--radius-big);
    cursor: pointer;
    margin: 0px auto;
}

.reserve-txt-area {
	width:100%;
	padding:100px 0px;
}

.reserve-txt-wrap {
    width:1200px;
    margin:0 auto;
}

.reserve-txt-wrap .reserve-countdown-date {
    width:100%;
    font-size:32px;
    color:#fff;
    text-align:center;
}

.reserve-txt-wrap .reserve-countdown-date b {
    font-weight: 900;
}

.reserve-txt-wrap .reserve-countdown-txt {
    font-size:32px;
    color:#fff;
    text-align:center;
}


/* festa - section */

.fe-area {
    width:100%;
    margin:0px auto 0px;
}

.fe-area .fe-head {
    display:flex;
    flex-direction:column;
    margin-top:40px;
}

.fe-area .fe-head .fe-banner {
    display: flex;
    width:100%;
    height:200px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow:hidden;
    background-size:1200px 180px;
}

.fe-area .fe-head .fe-banner .fe-banner-wrap {
    width:1200px;
    margin:0 auto;
    align-self:center;
    padding:40px;
}

.fe-banner .fe-banner-wrap .fc-banner-txt {
    font-size:var(--font-mid);
}

.fe-banner .fe-banner-wrap .fc-banner-tit {
    font-size:40px;
}

/* festa - section // category */

.fe-category {
    width:1200px;
    padding:60px 0px 40px;
    margin:0 auto;
}

/* category-tab */

.fe-category .fe-cate-tab {
    display:flex;
    justify-content: center;
    border:1px solid var(--color-line);
    margin-bottom:0px;
}

.fe-category .fe-cate-tab .spec-option {
    display: flex;
    width:calc(100% / 5);
    height:50px;
    justify-content: center;
    border-right:1px solid var(--color-line);
}

.fe-category .fe-cate-tab .spec-option a {
    position:relative;
    width:100%;
    height: 100%;
    color:var(--color-mid-gray);
    text-align:center;
    line-height: 50px;
    cursor: pointer;
}

.fe-category .fe-cate-tab .spec-option.on a {
    color:var(--color-txt);
    height:calc(100% - 2px);
    border-bottom:2px solid var(--color-txt);
}

.fe-category .fe-cate-tab .spec-option:last-child {
    border-right:none;
}


/* category-carousel */

.fe-cate-carousel {
    position:relative;
    display:flex;
    flex-direction: column;
}

.fe-cate-carousel .fe-cate-track {
    display: flex;
    gap:30px;
    justify-content: center;
}

.fe-cate-carousel .fe-cate-track .fe-cate-item {
    align-self:center;
}

.fe-cate-track .fe-cate-item a {
    display:flex;
    flex-direction: column;
    justify-content: center;
    cursor:pointer;
}

.fe-cate-track .fe-cate-item a .fe-cate-img {
    width:100px;
    height:100px;
    border-radius:var(--radius-mid);
    overflow:hidden;
    filter: grayscale(1) opacity(0.5);
}

.fe-cate-track .fe-cate-item.on a .fe-cate-img {
    border:2px solid var(--color-txt);
    filter:none;
}

.fe-cate-track .fe-cate-item a .fe-cate-txt {
    color:var(--color-darkgray);
    text-align:center;
    margin-top:10px;
}

.fe-cate-arrow {
    width:100%;
    position:relative;
}

.fe-cate-arrow > a {
    position:absolute;
    display:flex;
    top:-50px;
    width:28px;
    height:28px;
    background:#fff;
    border-radius:50%;
    box-shadow:0px 0px 14px rgba(0,0,0,0.15);
    border:1px solid var(--color-line);
    justify-content: center;
    z-index:1;
    cursor:pointer;
}

.fe-cate-arrow > a svg.icon {
    width: 10px;
    height: 10px;
    align-self: center;
}

/* festa - section // product */

.fe-content {
    width:1200px;
    margin:20px auto 100px;
}

.product-wrap {
    width:100%;
    position:relative;
}

.product-wrap .product-track {
    width:100%;
    display:flex;
    flex-wrap: wrap;
    gap:30px;
}

.product-wrap .product-track .product-item {
    width: calc(100% / 4 - 30px);
}

.product-track .product-item .product-thum {
    display:flex;
    width:278px;
    height:278px;
    background:#f1f1f1;
    border-radius: var(--radius-mid);
    overflow:hidden;
    justify-content: center;
}

.product-track .product-item .product-thum > img {
    display:block;
    align-self:center;
    width:100%;
}


.product-track .product-item .product-info {
    margin-top:20px;
    padding:0 10px;
}

.product-item .product-info .product-name {
    display: -webkit-box;
    height:52px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -box-orient: vertical;
    font-weight: 500;
    font-family: var(--font);
}

.product-item .product-info .product-code {
    display:block;
    color: var(--color-darkgray);
    font-family: var(--font);
    font-size: var(--font-small);
    margin:0px 0px 5px;
}

.product-price {
    position:relative;
    padding:0 10px;
    display:flex;
    flex-wrap: wrap;
}

.product-price .regular-price {
    display:flex;
    width:100%;
    color:var(--color-mid-gray);
    margin-bottom:5px;
    font-family: var(--font);
    text-decoration: line-through;
}

.product-price .regular-price > span {
    margin-left:2px;
}

.product-price .price-per {
    display: flex;
    width:50px;
    color:var(--color-secondary);
}

.product-price .price-per > b {
    font-size:var(--font-mid);
    font-family: var(--font);
    align-self: center;
}

.product-price .price-per > span {
    align-self: center;
    font-weight: 500;
    margin-left:2px;
}

.product-price .discount-price {
    width:calc(100% - 50px);
    display:flex;
}

.product-price .discount-price > p {
    font-size:var(--font-mid);
    font-weight: 900;
    font-family: var(--font);
    align-self: center;
}

.product-price .discount-price > span {
    align-self:center;
    margin-left:2px;
}

.fe-product-more {
    width:100%;
    margin:80px 0px 20px;
}

.fe-product-more .fe-more-btn {
    display:flex;
    min-width:300px;
    font-size:var(--font-normal);
    border:1px solid var(--color-txt);
    border-radius: var(--radius-big);
    padding:15px 20px;
    justify-content: center;
    margin:0 auto;
    cursor: pointer;
}

.fe-product-more .fe-more-btn span {
    margin-right:10px;
    align-self:center;
}

.fe-product-more .fe-more-btn svg {
    align-self:center;
}

.product-wish-btn {
    position:absolute;
    bottom:0px;
    right:0px;
}

/* festa - event banner // cc live */

.module-banner {
    padding:20px 0px 60px;
}

.banner-area {
    width:1200px;
    margin:0px auto 0px;
}

/* festa - event banner // evnet */

.banner-area .event-banner-section {
	position:relative;
    width:100%;
}

.event-banner-section .event-banner-tit {
    font-size:var(--font-big);
    text-align:center;
    font-weight: 700;
    margin:20px 0px 40px;
}

.banner-event {
    display:flex;
    flex-wrap: wrap;
    gap:40px;
}

.banner-item {
    position:relative;
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: var(--radius-mid);
    overflow:hidden;
}

.banner-item a {
    position:relative;
    display:block;
    width:100%;
    height:100%;
    cursor:pointer;
}

.banner-event .col-1 {
    width:100% !important;
    height:400px;
}

.banner-event .col-2 {
    width:calc(100% / 2 - 20px);
    height:300px;
}

.banner-item:before {
    position:absolute;
    content:"";
    display: block;
    width:100%;
    height:100%;
    background:linear-gradient(transparent, rgba(0,0,0,0.5));
    left:0px;
    bottom:0px;
}

.banner-item .banner-item-txt {
    position:absolute;
    width: calc(100% - 100px);
    bottom:0px;
    left:0px;
    color:#fff;
    padding:0px 50px 40px;
}

.banner-item .banner-item-txt .sub {
    font-size:var(--font-normal);
    margin-bottom:5px;
}

.banner-item .banner-item-txt .tit {
    font-size:var(--font-big);
    text-align:left;
}

.banner-cols1-arrow a {
	bottom: 200px;
}

.banner-cols2-arrow a {
	bottom: 125px;
}

/* festa - timeDeal */

.module-timeDeal {
    background:#f7f7f7;
}

.fe-timeDeal-area {
    width:1200px;
    margin:0 auto;
    padding:80px 0px;
}

.fe-timeDeal-area .fe-timeDeal-head {
    width:100%;
    margin:0px 0px 40px;
}

.fe-timeDeal-area .fe-timeDeal-head .fe-timeDeal-tit {
    font-size:40px;
    font-weight: 500;
    text-align:center;
    margin-bottom:40px;
}

.fe-timeDeal-tab {
    display: flex;
    gap:30px;
    justify-content: center;
}

.fe-timeDeal-tab a {
    background:#fff;
    min-width:180px;
    border-radius: var(--radius-big);
    padding:10px 20px;
    border:1px solid var(--color-line);
    text-align:center;
    cursor: pointer;
}

.fe-timeDeal-tab a.on {
    background:var(--color-txt);
    color:#fff;
}

.fe-timeDeal-tab a svg.icon {
    width:0px;
    height:0px;
    opacity: 0;
    transition: width .1s ease-in-out, opacity .6s ease-in-out;
    align-self:center;
}

.fe-timeDeal-tab a.on svg.icon {
    width:14px;
    height:14px;
    opacity:1;
    color:#fff;
}

.fe-timedeal-wrap {
    position:relative;
    width:100%;
}

.fe-timeDeal-content .fe-timedeal-track {
    width:100%;
    overflow:hidden;
}

.fe-timeDeal-content .fe-timedeal-product a {
    display: flex;
    width:100%;
    border-radius: var(--radius-mid);
    overflow: hidden;
}

.fe-timedeal-item .fe-timedeal-thum {
    width: 600px;
    height:320px;
    overflow: hidden;
    background-color: #efefef;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.fe-timedeal-item .fe-timedeal-product-wrap {
    background:#fff;
    width:calc(100% - 600px);
    display: flex;
    flex-direction: column;
    padding:40px;
}

.fe-timedeal-item .fe-timedeal-time {
    display:flex;
    flex-direction: row;
    padding:0px 0px 0px;
    margin-bottom:20px;
}

.fe-timedeal-item .fe-timedeal-time .t-img {
    display: flex;
    margin-right:15px;
    align-self:center;
    color:var(--color-primary);
}

.fe-timedeal-item .fe-timedeal-time .t-img > .icon {
    fill:var(--color-secondary);
    align-self: center;
}

.fe-timedeal-item .fe-timedeal-time .t-time {
    font-size: 24px;
    font-weight: 700;
    display:flex;
    align-self:center;
    margin-right:10px;
    font-family: var(--font);
    height: 48px;
}

.fe-timedeal-time .t-time li {
    align-self:center;
    display:flex;
}

.fe-timedeal-time .t-time li p.time-end {
    color:var(--color-dark);
    font-weight: 700;
}

.fe-timedeal-time .t-time li.t-time_day {
    margin-right:10px;
}

.fe-timedeal-time .t-time li.t-time_day span {
    align-self:flex-end;
    font-weight:500;
    font-size: var(--font-mid);
    margin:0 5px 2px 5px;
}

.fe-timedeal-time .t-time li.t-time_day:after {
    display:none;
}

.fe-timedeal-time .t-time li:after {
    content:":";
    font-size:var(--font-normal);
    margin:0 10px;
    align-self:center;
}

.fe-timedeal-time .t-time li:last-child::after {
    display:none;
}

.fe-timeDeal-content .fe-timedeal-time .t-img .icon {
    width:20px;
    height:20px;
}


.fe-timedeal-product-info {
    display: flex;
    flex-direction: column;
    margin-top:10px;
    gap:5px;
}

.fe-timedeal-product-info .t-product-name {
    font-size:var(--font-mid);
    font-weight: 500;
}

.fe-timedeal-product-info .t-product-code {
    color: var(--color-darkgray);
    font-weight: 500;
    font-size: var(--font-small);
}

.fe-timedeal-price-wrap {
    display: flex;
    margin-top:auto;
}

.fe-timedeal-price-wrap .t-txt {
    font-size: var(--font-mid);
    font-weight: 500;
    margin-right: 10px;
    align-self: center;
}

.fe-timedeal-price-wrap .fe-timedeal-price {
    display: flex;
    font-size: var(--font-big);
}

.fe-timedeal-price .discount-price,
.fe-timedeal-price .regular-price {
    display: flex;
}

.fe-timedeal-price .discount-price {
    color: var(--color-secondary);
    font-family: var(--font);
    font-weight: 800;
}

.fe-timedeal-price .discount-price > span {
    font-size: var(--font-mid);
    margin-left: 3px;
    align-self: center;
    font-weight: 500;
}

.fe-timedeal-price .regular-price {
    display: flex;
    color: var(--color-mid-gray);
    font-family: var(--font);
    font-size: var(--font-small);
    align-self: center;
    margin: 7px 0px 5px 10px;
}

.fe-timedeal-price .regular-price .price {
    font-weight: 500;
    text-decoration: line-through;
}

.fe-timedeal-price .regular-price > em {
    margin-left:1px;
    text-decoration: line-through;
}


.module-timeDeal .fe-timedeal-arrow .arrow-button {
    top: 150px;
    z-index:1 !important;
}

.fe-timedeal-pager {
    width: calc(100% - 20%);
    margin: 20px auto 0px;
    display: flex;
    flex-direction: row;
    justify-content: center; 
}

.fe-timedeal-pager .slick-dots {
    display:flex;
    position:static;
    margin:0 auto;
    justify-content: center;
}

.fe-timedeal-pager .slick-dots li {
    width:10px;
    height:10px;
    background:var(--color-line);
    border-radius: var(--radius-small);
    transition: width 0.3s;
    margin:0 2px;
}

.fe-timedeal-pager .slick-dots li.slick-active {
    width:20px;
    background:var(--color-dark);
}

.fe-timedeal-pager .slick-dots li button {
    width:10px;
    height:10px;
    margin:0 2px;
    cursor:pointer;
}

.fe-timedeal-pager .slick-dots li button:before {
    width:0px;
    height:0px;
    display: none;
}

.fe-timedeal-arrow > a {
    top: 255px;
}

/* festa - cols product event */

.modume-event-col2 {
    width:100%;
    padding:20px 0px 100px;
}

.fe-col2-area {
    width:1200px;
    margin:0 auto;
}

.fe-col2-section {
    position:relative;
    display:flex;
    width:100%;
    gap:30px;
    overflow:hidden;
    margin: 0 -15px;
}

.fe-col2-section .fe-col2 {
    width:calc(100% / 2 - 15px);
    margin: 0 15px;
}

.fe-col2-section .fe-col2 .fe-col2-head {
    margin-bottom:20px;
}

.fe-col2-head .fe-col2-img {
    width:100%;
    height:356px;
    overflow:hidden;
    border-radius: var(--radius-mid);
}

.fe-col2-head .fe-col2-img img {
    display: block;
    width:100%;
    height:100%;
}

.fe-col2-content {
    display:flex;
    flex-direction: column;
}

.fe-col2-content .col-product-item {
    display: flex;
    gap:30px;
    padding:20px 10px;
    border-bottom:1px solid #dadada;
}

.col-product-item .col-product-thum {
    width:174px;
    height:174px;
    border-radius: var(--radius-small);
    overflow: hidden;
}

.col-product-item .col-product-thum > img {
    display: block;
    width:100%;
    height:100%;
}

.col-product-item .col-product-info {
    position:relative;
    width:calc(100% - 204px);
    padding:10px 0px;
}

.col-product-item .col-product-info .col-product-name {
    font-size: var(--font-mid);
    font-weight: 500;
    margin-bottom:5px;
}

.col-product-item .col-product-info .col-product-code {
    color:var(--color-darkgray);
    font-size:var(--font-small);
}

.col-product-info .col-product-price {
    display: flex;
    flex-wrap: wrap;
    margin-top:auto;
}

.col-product-price > div {
    display: flex;
}

.col-regular-price {
    width:100%;
    color:var(--color-mid-gray);
    font-size: var(--font-small);
    text-decoration: line-through;
}

.col-discount {
    min-width:20px;
    color:var(--color-primary);
    font-size: var(--font-mid);
    font-weight: 500;
    margin-right:10px;
}

.col-discount span {
    font-size:var(--font-normal);
    font-weight: 300;
    align-self: center;
    margin-left:3px;
}

.col-price {
    font-size:var(--font-mid);
    font-weight: 700;
}

.col-price > span {
    font-size:var(--font-normal);
    margin-left:3px;
    font-weight: 500;
}

.col-product-more {
    width: clac(100% - 20px);
    margin-top:30px;
    padding:0px 10px;
}

.col-more-btn {
    display:block;
    font-size:var(--font-mid);
    border: 1px solid #dadada;
    border-radius: var(--radius-big);
    text-align:center;
    line-height:50px;
    cursor:pointer;
    padding:5px 30px;
    transition:all 0.4s;
}

.col-more-btn:hover {
    background:#f7f7f7;
    font-weight: 500;
}

.fe-col-arrow {
    position:relative;
    width:100%;
}

.fe-col-arrow > a {
    display:flex;
    width:32px;
    height:32px;
    position:absolute;
    top: -500px;
    justify-content: center;
    cursor:pointer;
}

.fe-col-arrow > a svg {
    color:var(--color-darkgray);
    width:24px;
    height:24px;
    align-self:center;
}

.fe-col-arrow .fe-col-prev {
    left:-50px;
}

.fe-col-arrow .fe-col-next {
    right:-50px;
}

.col-wish-btn {
    position:absolute;
    right:0px;
    bottom:0px;
}

/* festa - live */

.module-live {
    background:#f7f7f7;
    padding:20px 0px 100px;
}

.live-area {
    width:1200px;
    margin:0 auto;
}


.cc-live-section {
    width:100%;
}

.cc-live-head {
    display: flex;
    margin:80px 0px 40px;
}

.cc-live-head .cc-live-tit {
    width:30%;
    font-size:40px;
    font-weight: 500;
}

.cc-live-head .cc-live-tab {
    width:70%;
    display:flex;
    justify-content: flex-end;
    margin-left:auto;
}

.cc-live-tab li {
    padding:0px 5px;
    align-self: center;
}

.cc-live-tab li a {
    display:flex;
    background:#fff;
    border-radius: var(--radius-mid);
    border:1px solid var(--color-line);
    padding:5px 20px;
    justify-content: center;
    cursor:pointer;
}

.cc-live-tab li a svg {
    width:0px;
    height:0px;
    opacity: 0;
    transition: width .1s ease-in-out, opacity .6s ease-in-out;
    align-self:center;
}

.cc-live-tab li.on a {
    background:var(--color-txt);
    color:#fff;
}

.cc-live-tab li.on a svg {
    width:10px;
    height:10px;
    opacity: 1;
}

.cc-live-tab li.on a span {
    margin-left:10px;
}

.cc-live-section .cc-live-content {
    width:100%;
    height:500px;
    overflow:hidden;
    border-radius: var(--radius-mid);
}

.cc-live-content .cc-live-item {
    position:relative;
    display:none;
    width:100%;
    height:500px;
}

.cc-live-content .cc-live-item.active {
    display:block;
}

.cc-live-content .cc-live-item:before {
    position:absolute;
    content:"";
    display: block;
    width:100%;
    height:100%;
    background:linear-gradient(transparent, rgba(0,0,0,0.8));
    left:0px;
    bottom:0px;
}

.cc-live-content .cc-live-item .cc-live-txt {
    position:absolute;
    width: 100%;
    bottom:0px;
    left:0px;
    color:#fff;
    padding:0px 50px 80px;
    flex-wrap:wrap;
}

.cc-live-content .cc-live-item .cc-live-txt .sub {
    width:calc(100% - 20px);
    font-size:var(--font-normal);
    margin-bottom:5px;
    padding-right:20px;
}

.cc-live-content .cc-live-item .cc-live-txt .tit {
    width:calc(100% - 20px);
    font-size:var(--font-big);
    padding-right:20px;
    text-align:left;
}

.cc-live-txt .cc-live-alarm {
    display:flex;
    flex-wrap: wrap;
    position:absolute;
    right:130px;
    bottom:50px;
    min-width:460px;
    max-width:580px;
    height:60px;
    background:rgba(0,0,0,0.3);
    color:#fff;
    padding:0px 20px;
    border-radius: 32px;
    cursor:pointer;
}

.cc-live-alarm .cc-live-comment {
    display: flex;
    width:100px;
}

.cc-live-comment .cc-live-img {
    display: flex;
    color:#fff;
    align-self:center;
}

.cc-live-comment .cc-live-img .icon {
    width:18px;
    height:18px;
    align-self:center;
}

.cc-live-comment em {
    font-size:var(--font-small);
    align-self: center;
    margin-left:15px;
}

.cc-live-alarm .cc-live-time {
    width:calc(100% - 100px);
    display: flex;
    justify-content: flex-end;
}

.cc-live-alarm .cc-live-time > div {
    color:#fff;
    border-radius: 2px;
    font-size:28px;
    font-weight: 700;
    padding:0px 10px;
    align-self: center;
}

.cc-live-alarm .cc-live-time > p {
    font-size:var(--font-normal);
    color:var(--color-mid-gray);
    align-self:center;
    margin:0px 5px;
}


.cc-live-alarmBtn {
	display:flex;
	position:absolute;
	right:50px;
	bottom:50px;
	width:60px;
	height:60px;
	background:#fff;
	color:var(--color-primary);
	justify-content:center;
	border-radius:var(--radius-big);
	z-index:1;
	cursor:pointer;
}

.cc-live-alarmBtn svg {
	color:var(--color-primary);
	align-self:center;
	fill: transparent;
}


/* festa - store */

.module-store {
    width:100%;
}

.storeInfo-area {
    width:100%;
}

.store-banner {
    position:relative;
    width:100%;
    height:400px;
    background-position:center center;
    background-repeat: no-repeat;
    background-size:100%;
}

.store-banner::after {
    position:absolute;
    left:0;
    top:0;
    display: block;
    content:"";
    width:100%;
    height:400px;
    background:linear-gradient(180deg, transparent, rgba(0,0,0,0.5));
}

.store-banner .banner-wrap {
    display:flex;
    width:100%;
    height:100%;
}

.store-banner .banner-wrap .banner-item-txt {
    width:1200px;
    margin:0 auto 50px;
    position:relative;
    color:#fff;
    align-self:end;
    z-index:1;
}

.store-banner .banner-wrap .banner-item-txt .sub {
    width:80%;
    font-size:var(--font-normal);
    margin-bottom:10px;
}

.store-banner .banner-wrap .banner-item-txt .tit {
    width:80%;
    font-size:var(--font-big);
    font-weight: 700;
    text-align:left;
}

.store-banner .banner-wrap .banner-btn {
    display: flex;
    position:absolute;
    right:0px;
    bottom:0px;
    min-width:150px;
    background:#fff;
    color:var(--color-txt);
    padding:10px 30px;
    border-radius: var(--radius-big);
    justify-content: center;
    z-index:1;
    cursor: pointer;
}

.store-banner .banner-wrap .banner-btn .icon {
    width:24px;
    height:24px;
    align-self: center;
    margin-right:10px;
}


/* festa - payments */

.module-payments {
    width:100%;
    background:#f7f7f7;
    padding:100px 0px;
}

.payments-area {
    width:1200px;
    margin:0 auto;
}

.payments-area .payments-tit {
    font-size: 40px;
    font-weight: 500;
    text-align:center;
    margin-bottom:40px;
}

.payments-content {
    display:flex;
    flex-direction: column;
    gap:70px;
}

.payments-content .benefit-section {
    display: flex;
    flex-direction: column;
    gap:40px;
}

.benefit-section .benefit-head {
    display: flex;
    flex-direction: column;
    gap:10px;
}

.benefit-section .benefit-head p {
	display:none;
    color:var(--color-mid-gray);
    text-align:center;
}

.benefit-section .benefit-head h2 {
    font-size: var(--font-big);
    font-weight: 500;
    text-align:center;
}

.benefit-content {
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap:30px;
}

.benefit-content .benefit-item {
    display:flex;
    height:60px;
    background:#fff;
    border-radius: 8px;
}

.benefit-content .benefit-img {
	width:40px;
	height:40px;
	border-radius:8px;
	background-size: 60%;
	align-self:center;
	margin-left:20px;
}


.benefit-content .benefit-img.hy {
	background:url(/pc/images/festa/hy.png) center center no-repeat #000000;
	background-size: 33px;
}

.benefit-content .benefit-img.nh {
	background:url(/pc/images/festa/nh.png) center center no-repeat #fff;
	border:1px solid var(--color-line);
	background-size:19px;
}

.benefit-content .benefit-img.kb {
	background:url(/pc/images/festa/kb.png) center center no-repeat #fff;
	border:1px solid var(--color-line);
	background-size:28px;
}

.benefit-content .benefit-img.ss {
	background:url(/pc/images/festa/sam.png) center center no-repeat #2e5ce5;
	background-size:30px;
}

.benefit-content .benefit-img.payco {
	background:url(/pc/images/festa/payco.png) center center no-repeat #ff1f2e;
	background-size:30px;
}

.benefit-content .benefit-img.toss {
	background:url(/pc/images/festa/toss.png) center center no-repeat #1a5ae5;
	background-size:30px;
}

.benefit-content .benefit-img.woori {
	background:url(/pc/images/festa/woori.png) center center no-repeat #fff;
	border: 1px solid var(--color-line);
	background-size:30px;
}

.benefit-content .benefit-img.lotte {
	background:url(/pc/images/festa/lotte.png) center center no-repeat #fff;
	border: 1px solid var(--color-line);
	background-size:34px;
}

.benefit-content .benefit-img.hana {
	background:url(/pc/images/festa/hana.png) center center no-repeat #fff;
	border: 1px solid var(--color-line);
	background-size:30px;
}


.benefit-item .benefit-img img {
    display: block;
    height:auto;
}

.benefit-item .benefit-info {
    width: calc(100% - 40px);
    display: flex;
    padding:20px;
}

.benefit-item .benefit-info .subtit {
	color:var(--color-txt);
    font-size:16px;
    font-weight: 700;
    margin:0px 20px 0px 0px;
    align-self:center;
}

.benefit-item .benefit-info .txt {
    font-size:var(--font-small);
    color:var(--color-darkgray);
    align-self:center;
}

.benefit-item .benefit-info .hyperlink {
    display: flex;
    min-width:90px;
    font-size:var(--font-small);
    color:var(--color-mid-gray);
    margin-left:auto;
    cursor:pointer;
}

.benefit-info .hyperlink span {
    margin-right:10px;
    align-self:center;
}

.benefit-info .hyperlink .icon {
    width:12px;
    height:12px;
    align-self:center;
}