@charset "UTF-8";
/* s : event */
/* 체험 클래스 */
.class-event-banner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 100%;
	min-height: 170px;
	padding: 20px;
	border-radius: 4px;
}
@media (min-width: 891px) {
	.class-event-banner {
		padding-left: 60px;
	}
}
.class-event-banner .badge-md {
	border-color: transparent;
}
.class-event-banner .badge-md .text {
	color: #fff;
}
.class-event-banner .class-tit {
	height: 17px;
	margin-top: 9px;
}
.class-event-banner .btext {
	margin-top: 12px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: rgba(255, 255, 255, 0.7);
}
.class-event-banner .btext .mo-block {
	font-size: inherit;
}
.class-event-banner.type-burger {
	background: url("../images/event/img_class_banner_burger.svg") right bottom no-repeat;
	background-size: 335px 170px;
	background-color: #D63731;
}
.class-event-banner.type-burger .badge-lotteria {
	background-color: rgba(255, 255, 255, 0.16);
}
.class-event-banner.type-burger .class-tit {
	height: 16px;
}
.class-event-banner.type-donut {
	background: url("../images/event/img_class_banner_donut.svg") right bottom no-repeat;
	background-size: 335px 170px;
	background-color: #1FB46D;
}
.class-event-banner.type-donut .badge-krispy {
	background-color: rgba(255, 255, 255, 0.1);
}
.class-event-banner.type-coffee {
	background: url("../images/event/img_class_banner_coffee.svg") right bottom no-repeat;
	background-size: 335px 170px;
	background-color: #DCD6CA;
}
.class-event-banner.type-coffee .badge-angelinus {
	background-color: rgba(49, 39, 30, 0.16);
}
.class-event-banner.type-coffee .btext {
	color: rgba(49, 39, 30, 0.7);
}
@media (min-width: 891px) {
	.class-event-banner.type-burger, .class-event-banner.type-donut, .class-event-banner.type-coffee {
		background-position: right 60px bottom;
	}
}
.class-event-banner ~ .board-detail-wrap {
	margin-top: 30px;
}

/* 체험 등록 - 매장정보와 리스트 간격 */
.store-info-list + .dot-text {
	margin-top: 12px;
}

/* 매장 정보 */
.event-store-info {
	padding-bottom: 20px;
	/* 매장 지도 - 임시 */
}
.event-store-info > [class^=badge-] {
	margin-bottom: 8px;
}
.event-store-info .cont-tit {
	margin-bottom: 11px;
}
.event-store-info .address-copy-wrap {
	margin-bottom: 16px;
}
.event-store-info .store-addr-wrap {
	margin-bottom: 16px;
	font-size: 0;
	height: 16px;
	display: flex;
	align-items: center;
}
.event-store-info .store-addr-wrap .btn-addr-copy text {
	margin-left: 3px;
	color: #999;
	font-weight: 500;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	line-height: 16px;
}
.event-store-info .store-info-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.event-store-info .store-info-addr {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	padding-right: 11px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	line-height: 16px;
}
.event-store-info .store-info-addr:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 8px;
	margin-top: -4px;
	background-color: #C2C7CC;
}
.event-store-info .store-map-area {
	width: 100vw;
	height: 220px;
	background-color: #999;
	margin-bottom: 30px;
	margin-left: -20px;
}
@media (min-width: 891px) {
	.event-store-info .store-map-area {
		width: 100%;
		height: 250px;
		margin-left: auto;
	}
}
.event-store-info .swiper-store-info {
	margin-top: 30px;
}
.event-store-info .tab-wrap {
	margin-bottom: 10px;
}

.cont-box .cont-inner .event-detail-wrap {
	/* 룰렛 */
	/* 출석체크 */
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap {
	position: relative;
	background: url("../images/event/bg_roulette.png") top center no-repeat #00A5B9;
	background-size: 1110px auto;
	text-align: center;
	padding: 30px 20px;
	/* #2719 룰렛이미지 변경 */
	/*background: url("../images/event/bg_roulette02.png") top center no-repeat;*/
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-event-tit img {
	width: 700px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-event-tit.sm_tit img {
	width: 460px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box {
	position: relative;
	margin: 49px auto 20px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .pin {
	z-index: 2;
	position: absolute;
	top: -25px;
	left: 50%;
	width: 32px;
	height: 42px;
	margin-left: -16px;
	background: url("../images/event/img_roulette_pin.svg") 0 0 no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette {
	z-index: 1;
	position: relative;
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-3 {
	background: url("../images/event/img_roulette_3.png") center center no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-3 .roulette-list .roulette-item:nth-child(3) ~ .roulette-item {
	display: none;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-4 {
	background: url("../images/event/img_roulette_4.png") center center no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-4 .roulette-list .roulette-item:nth-child(4) ~ .roulette-item {
	display: none;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-5 {
	background: url("../images/event/img_roulette_5.png") center center no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-5 .roulette-list .roulette-item:nth-child(5) ~ .roulette-item {
	display: none;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-6 {
	background: url("../images/event/img_roulette_6.png") center center no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-6 .roulette-list .roulette-item:nth-child(6) ~ .roulette-item {
	display: none;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-6 .roulette-list .roulette-item {
	padding-top: 22px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-6 .roulette-list .roulette-item .roulette-tit {
	margin-bottom: 4px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-6 .roulette-list .roulette-item .thumb-box .ico-mile-h88, .cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-6 .roulette-list .roulette-item .thumb-box .thumb-img {
	width: 34px;
	height: 34px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-7 {
	background: url("../images/event/img_roulette_7.png") center center no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-7 .roulette-list .roulette-item:nth-child(7) ~ .roulette-item {
	display: none;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-7 .roulette-list .roulette-item {
	padding-top: 22px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-7 .roulette-list .roulette-item .roulette-tit {
	margin-bottom: 4px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-7 .roulette-list .roulette-item .thumb-box .ico-mile-h88, .cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-7 .roulette-list .roulette-item .thumb-box .thumb-img {
	width: 34px;
	height: 34px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-8 {
	background: url("../images/event/img_roulette_8.png") center center no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-8 .roulette-list .roulette-item:nth-child(8) ~ .roulette-item {
	display: none;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-8 .roulette-list .roulette-item {
	padding-top: 22px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-8 .roulette-list .roulette-item .roulette-tit {
	margin-bottom: 4px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-8 .roulette-list .roulette-item .thumb-box .ico-mile-h88, .cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-8 .roulette-list .roulette-item .thumb-box .thumb-img {
	width: 34px;
	height: 34px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-9 {
	background: url("../images/event/img_roulette_9.png") center center no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-9 .roulette-list .roulette-item:nth-child(9) ~ .roulette-item {
	display: none;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-9 .roulette-list .roulette-item {
	padding-top: 22px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-9 .roulette-list .roulette-item .roulette-tit {
	margin-bottom: 4px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-9 .roulette-list .roulette-item .thumb-box .ico-mile-h88, .cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-9 .roulette-list .roulette-item .thumb-box .thumb-img {
	width: 34px;
	height: 34px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-10 {
	background: url("../images/event/img_roulette_10.png") center center no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-10 .roulette-list .roulette-item:nth-child(10) ~ .roulette-item {
	display: none;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-10 .roulette-list .roulette-item {
	padding-top: 22px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-10 .roulette-list .roulette-item .roulette-tit {
	margin-bottom: 4px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-10 .roulette-list .roulette-item .thumb-box .ico-mile-h88, .cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-10 .roulette-list .roulette-item .thumb-box .thumb-img {
	width: 34px;
	height: 34px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item {
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	width: var(--width);
	margin: 0 auto;
	padding-top: 27px;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item:nth-child(1) {
	-moz-transform: rotate(calc(var(--deg) * 0));
	-webkit-transform: rotate(calc(var(--deg) * 0));
	transform: rotate(calc(var(--deg) * 0));
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item:nth-child(2) {
	-moz-transform: rotate(calc(var(--deg) * 1));
	-webkit-transform: rotate(calc(var(--deg) * 1));
	transform: rotate(calc(var(--deg) * 1));
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item:nth-child(3) {
	-moz-transform: rotate(calc(var(--deg) * 2));
	-webkit-transform: rotate(calc(var(--deg) * 2));
	transform: rotate(calc(var(--deg) * 2));
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item:nth-child(4) {
	-moz-transform: rotate(calc(var(--deg) * 3));
	-webkit-transform: rotate(calc(var(--deg) * 3));
	transform: rotate(calc(var(--deg) * 3));
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item:nth-child(5) {
	-moz-transform: rotate(calc(var(--deg) * 4));
	-webkit-transform: rotate(calc(var(--deg) * 4));
	transform: rotate(calc(var(--deg) * 4));
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item:nth-child(6) {
	-moz-transform: rotate(calc(var(--deg) * 5));
	-webkit-transform: rotate(calc(var(--deg) * 5));
	transform: rotate(calc(var(--deg) * 5));
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item:nth-child(7) {
	-moz-transform: rotate(calc(var(--deg) * 6));
	-webkit-transform: rotate(calc(var(--deg) * 6));
	transform: rotate(calc(var(--deg) * 6));
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item:nth-child(8) {
	-moz-transform: rotate(calc(var(--deg) * 7));
	-webkit-transform: rotate(calc(var(--deg) * 7));
	transform: rotate(calc(var(--deg) * 7));
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item:nth-child(9) {
	-moz-transform: rotate(calc(var(--deg) * 8));
	-webkit-transform: rotate(calc(var(--deg) * 8));
	transform: rotate(calc(var(--deg) * 8));
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item:nth-child(10) {
	-moz-transform: rotate(calc(var(--deg) * 9));
	-webkit-transform: rotate(calc(var(--deg) * 9));
	transform: rotate(calc(var(--deg) * 9));
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item .category-name {
	font-size: 10px;
	line-height: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #FD9C00;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item .roulette-tit {
	font-size: 20px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	font-weight: 500;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 32px;
	line-height: 16px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	margin-top: 1px;
	margin-bottom: 6px;
	word-break: keep-all;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item .thumb-box {
	position: relative;
	margin: 0 auto;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item .thumb-box .thumb-img {
	display: inline-block;
	width: 40px;
	height: 40px;
	vertical-align: top;
	background: url("../images/common/comm_thumb_no_data_coupon.svg") center no-repeat;
	background-size: contain;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item .thumb-box .bang-img {
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 42px;
	height: 40px;
	margin-top: 14px;
	vertical-align: top;
	background: url("../images/event/img_attendance_bang.svg") 0 0 no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item .thumb-box .bang-img .text {
	color: #fff;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette:not(.reset) {
	-moz-transition: transform 4.5s cubic-bezier(0, 0.4, 0.44, 1.04);
	-webkit-transition: transform 4.5s cubic-bezier(0, 0.4, 0.44, 1.04);
	transition: transform 4.5s cubic-bezier(0, 0.4, 0.44, 1.04);
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 600px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .btn-event-start {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 76px;
	height: 76px;
	padding-right: 2px;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url("../images/event/img_roulette_start.svg") 0 0 no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .btn-event-start .text {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #fff;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .btn-event-start[disabled] {
	opacity: 1;
	background: url("../images/event/img_roulette_end.svg") 0 0 no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .period-date-box {
	position: relative;
	max-width: 480px;
	margin: 60px auto 0;
	padding: 30px 10px 22px;
	background: #008EA8;
	border: 2px dashed #FDCD00;
	border-radius: 10px;
	/* #2719 이미지변경으로인한 추가 */
	/*margin-top: 735px;
	border: 4px solid #d8e026;
	background: #fff;*/
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .period-date-box .period-tit {
	overflow: hidden;
	position: absolute;
	top: -19px;
	left: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: 0 10px 0 42px;
	width: 140px;
	height: 38px;
	margin-left: -70px;
	border-radius: 10px;
	background: #FDCD02;
	/* #2719 이미지변경으로인한 추가 */
	/*background: #d8e026;
	padding: 0 10px 0 28px;*/
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .period-date-box .period-tit .text {
	display: block;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 500;
	/* #2719 이미지변경으로인한 추가 */
	/*color:#154095;
	font-weight: 700;*/
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .period-date-box .period-tit:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 14px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("../images/event/img_character_eye.svg") 0 0 no-repeat;
	background-size: cover;
	/*display: none;*/	/* #2719 이미지변경으로인한 추가 */
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .period-date-box .period-date {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #fff;
	/* #2719 이미지변경으로인한 추가 */
	/*color: #154095;*/
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .btext {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	color: #fff;
	font-weight: 600;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .btext span {
	font-size: inherit;
	font-weight: inherit;
}
.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap ~ .cont-sm-wrap {
	margin-top: 30px;
}
@media (min-width: 891px) {
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap {
		padding: 50px 20px;
		/*padding: 95px 55px;*/	/* #2719 */
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box {
		width: 600px;
		height: 600px;
		margin-top: 63px;
		/*margin-top: 100px;*/	/* #2719 */
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-6 .roulette-list .roulette-item {
		padding-top: 46px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-6 .roulette-list .roulette-item .roulette-tit {
		margin-bottom: 8px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-6 .roulette-list .roulette-item .thumb-box .ico-mile-h88, .cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-6 .roulette-list .roulette-item .thumb-box .thumb-img {
		width: 68px;
		height: 68px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-6 .roulette-list .roulette-item .thumb-box .bang-img {
		margin-top: 18px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-7 .roulette-list .roulette-item {
		padding-top: 46px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-7 .roulette-list .roulette-item .roulette-tit {
		margin-bottom: 8px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-7 .roulette-list .roulette-item .thumb-box .ico-mile-h88, .cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-7 .roulette-list .roulette-item .thumb-box .thumb-img {
		width: 68px;
		height: 68px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-7 .roulette-list .roulette-item .thumb-box .bang-img {
		margin-top: 18px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-8 .roulette-list .roulette-item {
		padding-top: 46px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-8 .roulette-list .roulette-item .roulette-tit {
		margin-bottom: 8px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-8 .roulette-list .roulette-item .thumb-box .ico-mile-h88, .cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-8 .roulette-list .roulette-item .thumb-box .thumb-img {
		width: 68px;
		height: 68px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-8 .roulette-list .roulette-item .thumb-box .bang-img {
		margin-top: 18px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-9 .roulette-list .roulette-item {
		padding-top: 46px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-9 .roulette-list .roulette-item .roulette-tit {
		margin-bottom: 8px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-9 .roulette-list .roulette-item .thumb-box .ico-mile-h88, .cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-9 .roulette-list .roulette-item .thumb-box .thumb-img {
		width: 68px;
		height: 68px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-9 .roulette-list .roulette-item .thumb-box .bang-img {
		margin-top: 18px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-10 .roulette-list .roulette-item {
		padding-top: 46px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-10 .roulette-list .roulette-item .roulette-tit {
		margin-bottom: 8px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-10 .roulette-list .roulette-item .thumb-box .ico-mile-h88, .cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-10 .roulette-list .roulette-item .thumb-box .thumb-img {
		width: 68px;
		height: 68px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette.total-10 .roulette-list .roulette-item .thumb-box .bang-img {
		margin-top: 18px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette:before {
		width: 600px;
		height: 600px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list {
		width: 600px;
		height: 600px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item {
		padding-top: 46px;
		height: 300px;
		transform-origin: var(--bdWidth) 300px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item .category-name {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -0.025em;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item .roulette-tit {
		margin-top: 3px;
		margin-bottom: 14px;
		font-size: 20px;
		line-height: 22px;
		letter-spacing: -0.025em;
		display: block;
		display: -webkit-box;
		overflow: hidden;
		max-height: 44px;
		line-height: 22px;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		white-space: normal;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item .thumb-box .thumb-img {
		width: 88px;
		height: 88px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item .thumb-box .bang-img {
		width: 78px;
		height: 76px;
		margin-top: 48px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item .thumb-box .bang-img .text {
		font-size: 26px;
		line-height: 34px;
		letter-spacing: -0.025em;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .pin {
		top: -40px;
		width: 57px;
		height: 75px;
		margin-left: -29px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .btn-event-start {
		width: 152px;
		height: 152px;
		padding-right: 5px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .btn-event-start .text {
		font-size: 30px;
		line-height: 34px;
	}
}
@media (max-width: 890px) {
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box {
		width: 300px;
		height: 300px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette:before {
		width: 300px;
		height: 300px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list {
		width: 300px;
		height: 300px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item {
		height: 150px;
		transform-origin: var(--bdWidth) 150px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-box .roulette .roulette-list .roulette-item .ico-mile-h88 {
		width: 40px;
		height: 40px;
	}
	/* #2719 이미지변경으로 추가 */
	/*.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap{background: url(../images/event/bg_roulette02_mo.png) top center no-repeat;background-size: cover;padding-top: 103px}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .period-date-box{margin-top: 162%;}*/
}
@media (max-width: 640px) {
	/* #2719 이미지변경으로 추가 */
	/*.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap{padding-top: 67px}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .period-date-box{margin-top: 177%}*/
}
@media (max-width: 440px) {
	/* #2719 이미지변경으로 추가 */
	/*.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap{background: url(../images/event/bg_roulette03_mo.png) top center no-repeat;background-size: cover;padding-top: 58px}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .period-date-box{margin-top: 186%;}*/
}
@media (max-width: 340px) {
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap {
		padding-right: 0;
		padding-left: 0;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-event-tit, .cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .btext {
		padding-right: 20px;
		padding-left: 20px;
	}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .period-date-box {
		margin-right: 20px;
		margin-left: 20px;
	}
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap {
	background: url("../images/event/img_attendance_bg2.png") top center no-repeat;
	background-size: 1110px auto;
	padding-bottom: 30px;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-tit {
	margin-bottom: 31px;
	text-align: center;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-pattern-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-pattern-wrap .pattern {
	display: block;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-rewards-box {
	padding: 0 0 30px;
	border-radius: 10px;
	width:100%;
	max-width:712px;
	margin: auto;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-rewards-box .event-pattern-wrap {
	margin-bottom: 20px;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-rewards-box .event-pattern-wrap .pattern {
	width: 14px;
	height: 20px;
	background: url("../images/event/img_rewards_pattern.svg") 0 0 no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-rewards-box .editor-wrap {
	max-width: 712px;
	margin: 0 auto;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box {
	position: relative;
	margin-top: 40px;
	background: #fff;
	border-radius: 10px;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-pattern-wrap {
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	margin-bottom: 20px;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-pattern-wrap .pattern {
	width: 16px;
	height: 31px;
	background: url("../images/event/img_calendar_pattern_blue.svg") 0 0 no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	border-radius: 10px 10px 0 0;
	padding: 30px 20px 16px;
	background-color: #f7574a;
	border-bottom: 2px solid #f7574a;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-header .right-box {
	margin-left: auto;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-header .text-month {
	color: #fff;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-header .text-month .num {
	display: inline-block;
	margin-right: 4px;
	vertical-align: top;
	font-size: 30px;
	letter-spacing: -0.025em;
	line-height: 34px;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-header .text-month .text {
	display: inline-block;
	margin-top: 12px;
	vertical-align: top;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-header .text-attendance .num {
	display: inline-block;
	margin-left: 8px;
	margin-right: 2px;
	vertical-align: top;
	color: #FDCD00;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -0.025em;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-header .text-attendance .text {
	display: inline-block;
	margin-top: 7px;
	vertical-align: top;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body {
	padding: 20px 20px 30px;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-day-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-day-list .day-item {
	font-weight: 500;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-day-list .day-item.sunday {
	padding-left: 12px;
	color: #EF3D2E;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-day-list .day-item.saturday {
	padding-right: 12px;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list {
	padding-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list .date-item {
	position: relative;
	width: 42px;
	margin-left: calc(14.2857142857% - 36px);
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list .date-item .data-num {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 36px;
	height: 36px;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list .date-item .data-num.today {
	font-weight: 600;
	color: #00A5B9;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list .date-item .data-num.today:before {
	position: absolute;
	bottom: -6px;
	left: 50%;
	content: "";
	width: 22px;
	height: 13px;
	margin-left: -11px;
	background: url("../images/event/img_attendance_today.svg") 0 0 no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list .date-item .stamp {
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	background: url("../images/event/img_attendance_stamp.svg") 0 0 no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list .date-item .stamp.type-coupon {
	background: url("../images/event/img_attendance_stamp_coupon.svg") 0 0 no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list .date-item .stamp.type-mile {
	background: url("../images/event/img_attendance_stamp_mile.svg") 0 0 no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list .date-item .stamp.add {
	-moz-animation: opacityActive 0.13s ease-out forwards;
	-webkit-animation: opacityActive 0.13s ease-out forwards;
	animation: opacityActive 0.13s ease-out forwards;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list .date-item:nth-child(7) ~ .date-item {
	margin-top: 11px;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list .date-item:nth-child(7n-6) {
	margin-left: 0;
	color: #EF3D2E;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-btn-wrap {
	position: relative;
	margin-top: 10px;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-btn-wrap:before, .cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-btn-wrap:after {
	z-index: 2;
	content: "";
	position: absolute;
	top: -25px;
	display: block;
	width: 16px;
	height: 45px;
	background: url("../images/event/img_attendance_btn_pattern.svg") 0 0 no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-btn-wrap:before {
	left: 20px;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-btn-wrap:after {
	right: 20px;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-btn-wrap .btn-attendance {
	z-index: 1;
	position: relative;
	display: block;
	width: 100%;
	height: 65px;
	background: url("../images/event/img_attendance_btn_bg.svg") 0 0 no-repeat;
	background-size: cover;
	text-align: center;
	overflow: hidden;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-btn-wrap .btn-attendance:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 40px;
	height: 70px;
	background: url("../images/event/img_attendance_btn_bg_right.svg") 0 0 no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-btn-wrap .btn-attendance .btn-text-img {
	display: inline-block;
	width: 147px;
	height: 29px;
	margin-bottom: 5px;
	background: url("../images/event/img_attendance_btn_text_on.png") 0 0 no-repeat;
	background-size: auto 29px;
	vertical-align: top;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-btn-wrap .btn-attendance:disabled {
	opacity: 1;
	background-image: url("../images/event/img_attendance_btn_bg_off.svg");
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-btn-wrap .btn-attendance:disabled:after {
	background-image: url("../images/event/img_attendance_btn_bg_right_off.svg");
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-btn-wrap .btn-attendance:disabled .btn-text-img {
	background-image: url("../images/event/img_attendance_btn_text_off.png");
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap ~ .cont-sm-wrap {
	margin-top: 30px;
}
.cont-box .cont-inner .event-detail-wrap .check-guide-list {
	margin-top: 20px;
}
.cont-box .cont-inner .event-detail-wrap .check-guide-list .guide-item .guide-step {
	color: #00A5B9;
	font-weight: 500;
}
.cont-box .cont-inner .event-detail-wrap .check-guide-list .guide-item .btext {
	margin-top: 6px;
	word-break: keep-all;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-banner {
	overflow: hidden;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	min-height: 140px;
	margin-top: 30px;
	padding: 20px 135px 20px 30px;
	background-color: rgba(0, 165, 185, 0.1);
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-banner:before {
	position: absolute;
	bottom: 0;
	right: 0;
	content: "";
	display: block;
	width: 180px;
	height: 140px;
	background: url("../images/event/img_attendance_banner.svg") 0 0 no-repeat;
	background-size: cover;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-banner .btext {
	position: relative;
	z-index: 1;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	color: #000;
	font-weight: 600;
	word-break: keep-all;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-banner .btext span {
	font-size: inherit;
	font-weight: inherit;
	word-break: inherit;
}
.cont-box .cont-inner .event-detail-wrap .attendance-event-banner .btn-more-view {
	margin-top: 10px;
}
.cont-box .cont-inner .event-detail-wrap .cont-sm-wrap .gray-box .btext-tit-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.cont-box .cont-inner .event-detail-wrap .cont-sm-wrap .gray-box .btext-tit-wrap .btext-tit {
	font-weight: 500;
}
.cont-box .cont-inner .event-detail-wrap .cont-sm-wrap .gray-box .btext {
	word-break: keep-all;
}
.cont-box .cont-inner .event-detail-wrap .cont-sm-wrap .gray-box ~ .editor-wrap {
	margin-top: 20px;
}
.cont-box .cont-inner .event-detail-wrap .cont-sm-wrap .gray-box ~ .btext-tit {
	margin-top: 30px;
}

/*엔젤리너스 10월감사 이벤트 룰렛*/
.roulette-btn-area{text-align: center;}
.fc-brown{color:#4f3a28}

/* #3436 이벤트기간 수정*/
.roulette_ev_img_area{position: relative;display: inline-block;}

/* 출석체크 변경 */
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap{background-color: #bae8f8}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-rewards-box{background: #fff;}
.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-header{background-color:#00a5b9 ;border-color: #00a5b9}

/*룰렛이벤트 */
.target_title{color:#00a5b9;font-size:18px;font-weight: 600;}
.ev_rl_date_info_top{color:#d19a40!important;}
.invite_code_area{width:540px;margin: auto;margin-top: 30px;display: flex;justify-content: space-between}
.invite_code_btn{width:150px;height:60px;background-image: linear-gradient(to right,#f9de77 , #ce973a);font-size:18px;line-height: 60px;color:#000;font-weight: 500;border-radius: 5px}
.invite_code_area .ui-input{height:60px;width:69%;text-align: center;font-size: 18px}
.invite_code_area .ui-input::placeholder{font-size: 18px}

/*#8114*/
.rs_staff_cert{width:500px;margin:0 auto;text-align: center;}
.rs_staff_cert .img_mile{width:200px;margin-right: -34px;}
.rs_staff_cert .txt{font-size:18px;font-weight: 500;margin: 30px 0 40px;color:#000;line-height: 1.4;}
.rs_staff_cert .txt span{font-size:18px;font-weight: 600;color:#000}
.rs_staff_cert .gray-box{text-align: left;margin-top: 40px;line-height:1.2}

@media (min-width: 891px) {
	.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap {padding-top: 160px;}
	.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-tit {margin-bottom: 47px;}
	.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-tit img {width: auto;}
	.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-rewards-box .event-pattern-wrap {padding: 0 10px;margin-bottom: 17px;}
	.cont-box .cont-inner .event-detail-wrap .check-guide-list {display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-justify-content: space-between;-webkit-box-align: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
	.cont-box .cont-inner .event-detail-wrap .check-guide-list .guide-item {width: 160px;padding: 0 10px;text-align: center;}
	.cont-box .cont-inner .event-detail-wrap .check-guide-list .guide-item [class^=ico-check-step-] {margin-bottom: 20px;}
	/*엔젤리너스 10월감사 이벤트 룰렛*/
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap.ag_thk_event{padding:105px 0 75px;}
	.roulette-btn-area a.ag_btn{display:inline-block;width: 520px;margin: 55px auto;}
	.roulette-btn-area a.ag_btn img{width: 100%;}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap.ag_thk_event .roulette-box{margin-top: 100px;}
}
@media (max-width: 890px) {
	.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap {padding: 53px 20px 30px;background: url("../images/event/img_attendance_bg_mo.png") top center no-repeat #00A5B9;background-size: cover;background-position: center top;}
	.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-tit img {max-width: 100%;}
	.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-rewards-box .event-pattern-wrap .pattern:nth-child(8) ~ .pattern {display: none;}
	.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-btn-wrap .btn-attendance:after{height: 60px}
	.cont-box .cont-inner .event-detail-wrap .check-guide-list .guide-item {display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-justify-content: center;-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-moz-box-orient: vertical;-moz-box-direction: reverse;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;position: relative;min-height: 100px;padding-left: 120px;}
	.cont-box .cont-inner .event-detail-wrap .check-guide-list .guide-item [class^=ico-check-step-] {position: absolute;top: 0;left: 0;}
	.cont-box .cont-inner .event-detail-wrap .check-guide-list .guide-item ~ .guide-item {margin-top: 20px;}
	.cont-box .cont-inner .event-detail-wrap .attendance-event-banner {margin-left: -20px;margin-right: -20px;}
	.cont-box .cont-inner .event-detail-wrap {margin: -30px -20px 0;}
	.cont-box .cont-inner .event-detail-wrap .cont-sm-wrap {padding: 0 20px;}
	.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .cont-sm-wrap {padding: 0;}
	/*엔젤리너스 10월감사 이벤트 룰렛*/
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap.ag_thk_event .roulette-event-tit img{width: 77.4%;}
	.roulette-btn-area a.ag_btn{display:inline-block;width: 74%;margin: 8% auto;}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap.ag_thk_event .btext{font-size: 27px;}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap.ag_thk_event .roulette-box{margin: 16% auto 20%;}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap .roulette-event-tit.sm_tit img {width: 77.4%;}
	/* #3436 이벤트기간 수정*/
	.ev_rl_date_info{position:absolute; font-size: 16px;bottom:4%;left:0;transform: translateX(0);width: 100%;text-align: center;}
	.ev_rl_date_info .ev_date{font-size: 16px;}
}
@media (max-width: 640px) {
	.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list .date-item{width:39px}
	/*엔젤리너스 10월감사 이벤트 룰렛*/
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap.ag_thk_event{padding-top: 10.7%;}
	.roulette-btn-area a.ag_btn{width:87%}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap.ag_thk_event .roulette-box{margin: 28% auto 6%;}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap.ag_thk_event .btext{font-size: 18px;}
}
@media (max-width: 560px) {
	/* 출석체크 변경 */
	.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-btn-wrap .btn-attendance{border-radius: 9px}
	/*룰렛이벤트 */
	.invite_code_area{width:67%;}
	.invite_code_btn{margin-left: 10px}
	/*8114*/
	.rs_staff_cert{width: 100%;}
}
@media (max-width: 495px) {
	.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list .date-item{width:36px}
	.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .attendance-tit img{max-width: 80%;}
}
@media (max-width: 412px) {
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap.ag_thk_event{padding-top: 8%;}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap.ag_thk_event{background-size: 100%;}
	.cont-box .cont-inner .event-detail-wrap .roulette-event-wrap.ag_thk_event .btext{font-size:15px}
}
@media (max-width: 375px) {
	/*룰렛이벤트 */
	.invite_code_btn{width:100px;font-size: 14px;height:44px;line-height: 44px}
	.invite_code_area .ui-input{height:44px;font-size: 14px}
	.invite_code_area .ui-input::placeholder{font-size: 14px}
}
@media (max-width: 350px) {
	.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list .date-item{width:32px}
}
@media (max-width: 320px) {
	.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list .date-item {width: 28px;margin-left: calc(14.2857142857% - 28px);}
	.cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list .date-item .data-num, .cont-box .cont-inner .event-detail-wrap .attendance-event-wrap .event-calendar-box .event-calendar-body .calendar-date-list .date-item .stamp {font-size: 16px;line-height: 22px;letter-spacing: -0.025em;width: 28px;height: 28px;}
	/*룰렛이벤트 */
	.invite_code_btn{width:80px}
}
@media (max-width: 270px) {
	/*8114*/
	.rs_staff_cert .txt  br{display: none;}
}
/* e : event */