@charset "UTF-8";

/*!
Tstation-mobile
Tstation Platform System Team
2.1.3
*/

.superweek-offline .store-sort-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
	margin-top: 20px;
	padding: 0 20px;
	background: #fff;
	border-bottom: 1px solid #d9dbdc;
}

.superweek-offline .store-sort-info .sort-count {
	font-size: 12px;
	line-height: 35px;
}

.superweek-offline .store-sort-info .sort-count strong {
	font-weight: 500;
	color: #fe6a2b;
}
.superweek-offline .store-sort-info .btn-sort {
	position: relative;
	padding: 0 8px;
	background-color: #fff;
	font-size: 14px;
	line-height: 35px;
}

.superweek-offline .store-sort-info .btn-sort::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ff6c00;
}

.superweek-offline .store-sort-info .btn-sort.active::before {
	margin-top: -1.5px;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.superweek-offline .sort-result .store-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	padding: 13px 20px;
}

.superweek-offline .sort-result .store-list .store-wrap {
	border: 1px solid #d9dbdc;
	border-radius: 4px;
	background-color: #fff;
	margin-bottom: 12px;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	order: 1;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.superweek-offline .sort-result .store-wrap.on-map {
	width: calc(100% - 40px);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 1px solid #d9dbdc;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 4px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.superweek-offline .sort-result .store-wrap.on-map .store-info {
	position: relative;
	padding: 14px 12px 24px;
	background-color: rgba(242, 242, 247, 0.5);
}

.superweek-offline .sort-result .store-wrap .store-info {
	position: relative;
	padding: 14px 12px 24px;
	background-color: #f2f2f7;
}

.superweek-offline .sort-result .franchisee strong {
	display: block;
	margin-right: 10px;
	font-size: 16px;
	font-weight: normal;
}

.superweek-offline .sort-result .star-wrap {
	font-size: 11px;
}

.superweek-offline .sort-result .star-wrap > * {
	display: inline-block;
	vertical-align: middle;
}

.superweek-offline .sort-result .distance {
	margin-top: 8px;
}

.superweek-offline .sort-result .distance .info {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.superweek-offline .sort-result .distance .km {
	position: relative;
	margin-right: 4px;
	padding-right: 4px;
	font-size: 12px;
}

.superweek-offline .sort-result .distance .km::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 2px;
	width: 1px;
	height: 16px;
	background-color: #333;
}

.superweek-offline .sort-result .distance .open {
	font-size: 12px;
}

.superweek-offline .sort-result .distance .address {
	font-size: 12px;
	margin-top: 6px;
}

.superweek-offline .sort-result .store-footer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 8px 13px;
	border-top: 1px solid #f2f2f7;
}

.superweek-offline .sort-result .connect-wrap button {
	background-color: transparent;
	margin-right: 4px;
	padding: 4px;
	border-radius: 4px;
}

.superweek-offline .sort-result .connect-wrap button:hover {
	background: rgba(0, 0, 0, 0.05);
}

.superweek-offline .sort-result .store-maps {
	position: relative;
	overflow: hidden;
}

.superweek-offline .sort-result .store-maps .mark-info-wrap {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 8px 0 16px;
	border-bottom-left-radius: 8px;
	background: rgba(255, 255, 255, 0.8);
	line-height: 40px;
	z-index: 2;
}

.superweek-offline .sort-result .store-maps .mark-tstation {
	margin-right: 8px;
}

.superweek-offline .sort-result .store-maps .mark-tstation::before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 21px;
	margin-right: 4px;
	background: url("../images/event/20210316/marker_tstation.png") left top no-repeat;
	background-size: 15px 21px;
	vertical-align: middle;
}

.superweek-offline .sort-result .store-maps .mark-hankook::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 21px;
	margin-right: 4px;
	background: url("../images/event/20210316/marker_hk.png") left top no-repeat;
	background-size: 16px 21px;
	vertical-align: middle;
}

.superweek-offline .sort-result .store-maps .mark-info-wrap > span {
	font-size: 12px;
}

.superweek-offline .sort-result .store-maps .empty-msg-on-map {
	width: 100%;
	height: 32px;
	line-height: 32px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	color: #fff;
	background: rgba(42, 49, 56, 0.6);
	font-size: 0;
}

.superweek-offline .sort-result .store-maps .empty-msg-on-map > p {
	line-height: 32px;
	font-size: 14px;
}

.superweek-offline .sort-result .map-wrap > img {
	width: 100%;
}

.superweek-offline .sort-result .store-maps .store-wrap.disable {
	opacity: 1;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	order: 2;
	pointer-events: none;
}

.superweek-offline .sort-result .store-maps .store-wrap.disable .store-info,
.superweek-offline .sort-result .store-maps .store-wrap.disable .store-footer {
	opacity: 0.5;
}

.superweek-offline .sort-result .store-list .store-wrap.disable {
	opacity: .5;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	order: 2;
	pointer-events: none;
}

.superweek-offline .sort-result .store-list .store-wrap.on-map.disable {
	opacity: 1;
}

.superweek-offline .store-wrap.disable .store-info .smartstore {
	background-color: #8d8f90;
}

.superweek-offline .store-wrap.disable .benefit-wrap .benefit.smart-pickup,
.superweek-offline .store-wrap.disable .benefit-wrap .benefit.great-store {
	background-color: #989a9b;
}

.superweek-offline .store-wrap.disable .star-wrap::before {
	color: #8f8f8f;
}

.superweek-offline .car-confirm .description-copy {
	background-color: #f2f2f7;
	line-height: 46px;
	font-size: 14px;
	text-align: center;
	color: #5b6068;
}

.superweek-offline .car-confirm .txt-info {
	margin-top: 40px;
	font-size: 18px;
}

.superweek-offline .car-confirm .searching-car-view {
	border-bottom: 0;
}

.superweek-offline .car-confirm .button-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 10px;
	padding: 20px;
	border-top: 1px solid #f2f2f7;
}

.superweek-offline .car-confirm .button-wrap button {
	width: 49%;
}

.superweek-offline .map-confirm .description-copy {
	background-color: #f2f2f7;
	line-height: 46px;
	font-size: 14px;
	text-align: center;
	color: #5b6068;
}

.superweek-offline .map-confirm .txt-info {
	margin-top: 40px;
	font-size: 18px;
}

.superweek-offline .map-confirm .button-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 20px;
	padding: 20px;
	border-top: 1px solid #f2f2f7;
}

.superweek-offline .map-confirm .button-wrap button {
	width: 49%;
}

.superweek-offline .map-confirm .store-info-wrap {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin: 18px 20px;
}

.superweek-offline .map-confirm .store-info-wrap .thumb-img {
	position: relative;
	display: block;
	width: 120px;
	height: 120px;
	padding: 0;
	overflow: hidden;
	margin-right: 10px;
	border-radius: 8px;
	background-color: #E9E9E9;
	background-size: contain;
	background-position: bottom;
}

.superweek-offline .map-confirm .store-info-wrap .thumb-img:before {
	padding-top: 100%;
}

.superweek-offline .map-confirm .thumb-img img {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
}

.superweek-offline .map-confirm .thumb-img .btn-item.btn-neutral.btn-ol {
	position: absolute;
	border: 0;
	background-color: rgba(255, 255, 255, 0.6);
	left: 5px;
	bottom: 5px;
}

.superweek-offline .map-confirm .store-wrap .store-info {
	position: relative;
	padding: 12px 12px 30px;
}

.superweek-offline .map-confirm .store-info .franchisee {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 3px;
}

.superweek-offline .store-info::before {
	content: "";
	display: inline-block;
	position: absolute;
	right: 16px;
	top: 18px;
	background-image: url("../images/event/20210316/spr_company_logo.png");
	background-size: 86px 63px;
	background-repeat: no-repeat;
	width: 0;
	height: 0;
}

.superweek-offline .store-info.tstation::before {
	width: 86px;
	height: 20px;
	background-position: 0 -23px;
}

.superweek-offline .store-info.hankook::before {
	width: 86px;
	height: 20px;
	background-position: 0 0;
}

.superweek-offline .store-info.thetireshop::before {
	width: 86px;
	height: 20px;
	background-position: 0 -44px;
}

.superweek-offline .store-info .franchisee::before {
	content: "";
	display: inline-block;
	margin-right: 4px;
	font-size: 14px;
	color: #fe6a2b;
}

.superweek-offline .store-info.allmyt-store .franchisee {
	position: relative;
}

.superweek-offline .store-info.allmyt-store .franchisee::after {
	content: "all my T";
	display: block;
	position: absolute;
	top: 0;
	left: 72px; 
	width: 68px;
	height: 20px;
	background-image: url(../images/event/20210728/iocn_storelist_allmyt.png);
	background-size: 68px 15px;
	background-position: left 50%;
	background-repeat: no-repeat;
	color: transparent;
	line-height: 20px;
	font-size: 0;
}

.superweek-offline .store-info.tstation .franchisee::before {
	content: "티스테이션";
}

.superweek-offline .store-info.hankook .franchisee::before {
	content: "일반대리점";
}

.superweek-offline .store-info.thetireshop .franchisee::before {
	content: "더 타이어샵";
}

.superweek-offline .map-confirm .franchisee strong {
	margin-right: 10px;
	font-size: 16px;
	font-weight: normal;
}

.superweek-offline .map-confirm .opentime {
	display: block;
	margin-top: 3px;
	font-size: 12px;
}

.superweek-offline .map-confirm .distance {
	margin-top: 15px;
}

.superweek-offline .map-confirm .distance .info {
	display: block;
	font-size: 14px;
}

.superweek-offline .map-confirm .distance .info em {
	display: inline-block;
	margin-left: 5px;
	color: #fe6a2b;
}

.superweek-offline .map-confirm .distance .open {
	font-size: 12px;
}

.superweek-offline .map-confirm .distance .address {
	font-size: 12px;
	margin-top: 7px;
}

.superweek-offline .map-confirm .map-wrap {
	position: relative;
	margin: 0 20px;
}

.superweek-offline .map-confirm .map-wrap .address {
	font-size: 12px;
}

.superweek-offline .map-confirm .map-wrap .map {
	margin-top: 10px;
}

.superweek-offline .mycar-tire-info {
	position: relative;
	display: block;
	height: auto;
	margin: 4px 20px 0;
	font-size: 16px;
	border-radius: 4px;
	background-color: #f2f2f7;
}

.superweek-offline .mycar-tire-info .mycar-tire-info-detail {
	position: relative;
	width: auto;
	height: auto;
	padding: 16px 0 8px;
	margin: 0 10px;
	border-top: 1px solid #fff;
}

.superweek-offline .mycar-tire-info .mycar-tire-info-detail .btn-search {
	border-radius: 4px;
	font-size: 14px;
}

.superweek-offline .mycar-tire-info .mycar-tire-info-detail .mycar-tire-info-item {
	display: block;
	width: 100%;
	padding: 0 8px;
	margin-bottom: 12px;
	white-space: nowrap;
}

.superweek-offline .mycar-tire-info .pattern-name li:nth-child(odd) .mycar-tire-info-item {
	margin-bottom: 4px;
}

.superweek-offline .mycar-tire-info .mycar-tire-info-detail.coupon-price-info .mycar-tire-info-item {
	padding: 0;
}

.superweek-offline .mycar-tire-info .mycar-tire-info-detail .mycar-tire-info-item {
	font-size: 16px;
}

.superweek-offline .mycar-tire-info .mycar-tire-info-detail .mycar-tire-info-item > span {
	margin-right: 4px;
}

.superweek-offline .mycar-tire-info .mycar-tire-info-detail .mycar-tire-info-item img {
	display: inline-block;
	position: relative;
	top: -2px;
	height: auto;
}

.superweek-offline .mycar-tire-info .mycar-tire-info-item .badge {
	display: inline-block;
	margin-left: 2px;
	vertical-align: 2px;
}

.superweek-offline .coupon-price-info .item {
	float: left;
	width: 50%;
}

.superweek-offline .coupon-price-info .button-wrap {
	clear: both;
	width: 100%;
}

.superweek-offline .coupon-price-info .item .price-wrap {
	line-height: 28px;
	letter-spacing: -.5px;
}

.superweek-offline .coupon-price-info .item .benefit-price {
	line-height: 28px;
	letter-spacing: -.5px;
	text-align: right;
}

.superweek-offline .mycar-tire-info .mycar-tire-info-category {
	display: block;
	width: 100%;
	height: auto;
	font-size: 16px;
	text-align: center;
	padding: 0 16px;
}

.superweek-offline .mycar-tire-info .mycar-tire-info-category .label {
	display: block;
	width: 100%;
	height: auto;
	line-height: 40px;
	font-weight: 500;
	font-size: 16px;
}

.superweek-offline .hero-section .keyvisual {
	max-width: 375px;
	font-size: 0;
	margin: auto;
}

.superweek-offline .hero-section .keyvisual img {
	width: 100%;
}

.superweek-offline .contents-section .headcopy {
	margin: 16px 20px 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 44px;
	text-align: center;
}

.superweek-offline .country-wrap {
	padding: 20px 0;
	background-color: #f9f9fa;
}

.superweek-offline .store-search-checked {
	padding-top: 8px;
	margin-top: 20px;
	border-top: 1px solid #fff;
}

.superweek-offline .noti-wrap {
	position: relative;
	margin-top: 4px;
	padding: 12px 0 0 2px;
	border-top: 1px solid #d9dbdc;
}

.superweek-offline .noti-wrap .subcopy {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 12px;
}

.superweek-offline .noti-wrap .noti {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 8px;
	color: #5b6068;
}

.superweek-offline .noti-wrap .noti::before {
	content: "\00B7";
	display: inline-block;
	margin-right: 2px;
	color: #2a3138;
}

.superweek-offline .noti-wrap strong {
	display: inline-block;
	margin-right: 2px;
	color: #2a3138;
}

.superweek-offline .noti-wrap .line-icons {
	margin-right: 4px;
}

.offline-reservation .offline-calendar .month {
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.offline-reservation .offline-calendar .date-inner {
	padding: 0 8px;
	border-top: 1px solid #d9dbdc;
	border-bottom: 1px solid #d9dbdc;
	background-color: #f9f9fa;
}

.offline-reservation .offline-calendar .date-inner .swiper-slide {
	width: 40px;
}

.offline-reservation .offline-calendar .date-inner .swiper-slide {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	height: 75px;
	text-align: center;
}

.offline-reservation .offline-calendar .date-inner .swiper-slide .date-week {
	font-size: 12px;
	color: #5b6068;
}

.offline-reservation .offline-calendar .date-inner .swiper-slide .date-num {
	padding-bottom: 10px;
	font-size: 14px;
	color: #2a3138;
}

.offline-reservation .offline-calendar .date-inner .date-list .today {
	background-color: #fff;
}

.offline-reservation .offline-calendar .date-inner .date-list .today::before {
	content: "오늘";
	display: block;
	font-size: 11px;
	color: #fe6a2b;
	font-weight: 500;
}

.offline-reservation .offline-calendar .date-inner .date-list li.date-disable {
	pointer-events: none;
}

.offline-reservation .offline-calendar .date-inner .date-list .date-disable .date-num {
	color: #c0c6ce;
}

.offline-reservation .offline-calendar .date-inner .date-list .on {
	background-color: #fe6a2b;
	color: #fff;
}

.offline-reservation .offline-calendar .date-inner .date-list .on::before {
	content: "장착일";
	display: block;
	font-size: 11px;
	color: #fff;
}

.offline-reservation .offline-calendar .date-inner .date-list .on .date-week {
	color: #fff;
}

.offline-reservation .offline-calendar .date-inner .date-list .on .date-num {
	color: #fff;
}

.offline-reservation .offline-calendar .timecheck-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 15px 20px 0;
}

.offline-reservation .offline-calendar .offline-calendar-button button {
	display: block;
	margin: auto;
}

.offline-reservation .offline-calendar .timecheck-wrap .time-item {
	overflow: hidden;
	display: block;
	position: relative;
	width: 23.5%;
	margin-bottom: 5px;
	cursor: default;
}

.offline-reservation .offline-calendar .timecheck-wrap .time-item input {
	width: 0;
	height: 0;
	position: absolute;
	top: -100px;
}

.offline-reservation .offline-calendar .timecheck-wrap .time-item .label-txt {
	display: block;
	border: 1px solid #2a3138;
	border-radius: 4px;
	font-size: 12px;
	color: #2a3138;
	line-height: 33px;
	text-align: center;
}

.offline-reservation .offline-calendar .timecheck-wrap .time-item input[type="radio"]:disabled ~ .label-txt {
	border: 1px solid #d9dbdc;
	font-size: 12px;
	color: #c0c6ce;
}

.offline-reservation .offline-calendar .timecheck-wrap .time-item input[type="radio"]:checked ~ .label-txt {
	border: 1px solid #fe6a2b;
	background-color: #fe6a2b;
	color: #fff;
}

.offline-reservation .offline-calendar .reserve-foot {
	margin: 0 20px;
	padding-bottom: 20px;
	text-align: right;
	border-bottom: 1px solid #d9dbdc;
}

.offline-reservation .offline-calendar .reserve-foot .active-reserve {
	font-size: 12px;
}

.offline-reservation .offline-calendar .reserve-foot .disabled-reserve {
	font-size: 12px;
	margin-left: 12px;
}

.offline-reservation .offline-calendar .reserve-foot .active-reserve::after,
.offline-reservation .offline-calendar .reserve-foot .disabled-reserve::after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 8px;
	margin-left: 4px;
	border: 1px solid #2a3138;
	border-radius: 2px;
}

.offline-reservation .offline-calendar .reserve-foot .disabled-reserve::after {
	border: 1px solid #d9dbdc;
}

.offline-reservation {
	overflow: hidden;
}

.offline-reservation .headcopy {
	padding: 12px 20px 0;
	border-bottom: 1px solid #d9dbdc;
	background-color: #f9f9fa;
	font-size: 16px;
	line-height: 40px;
	font-weight: 600;
}

.offline-reservation .reservation-noti {
	overflow: hidden;
	margin: 20px;
}

.offline-reservation .reservation-noti p {
	position: relative;
	padding-left: 4px;
	font-size: 12px;
	margin: 4px;
}

.offline-reservation .reservation-noti p::before {
	content: "\00B7";
	position: absolute;
	left: -4px;
	top: 0;
	display: inline-block;
	margin-right: 2px;
	color: #2a3138;
}

.offline-reservation .reservation-noti .noti-wrap {
	padding: 12px 16px;
	background-color: #f9f9fa;
	border-radius: 4px;
}

.offline-reservation .reservation-noti p strong {
	font-weight: 400;
}

.offline-reservation .basic-reservation .info-wrap {
	overflow: hidden;
	padding: 0 20px;
}

.offline-reservation .basic-reservation .info-wrap .subcopy {
	margin-top: 20px;
	font-size: 14px;
	font-weight: 600;
}

.offline-reservation .basic-reservation .info-wrap .subcopy::before {
	content: "\00B7";
	display: inline-block;
	margin-right: 2px;
	color: #2a3138;
}

.offline-reservation .tile-wrap::after {
	content: "";
	display: block;
	clear: both;
}

.offline-reservation .tile-wrap .half-tile {
	float: left;
	width: 50%;
}

.offline-reservation .tile-wrap .cell > div {
	line-height: 40px;
}

.offline-reservation .tile-wrap .half-cell > div {
	float: left;
	position: relative;
	width: 50%;
	line-height: 40px;
	white-space: nowrap;
}

.offline-reservation .tile-wrap .half-cell::before {
	content: "";
	display: block;
	clear: both;
}

.offline-reservation .tile-wrap .half-cell > div:first-child::after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 1px;
	top: 50%;
	width: 1px;
	height: 15px;
	margin-top: -7px;
	background-color: #000;
}

.offline-reservation .tile-wrap .half-cell > div:last-child {
	padding-left: 8px;
}

.offline-reservation .tile-wrap .half-cell > div:first-child {
    padding-left: 0px;
}

.offline-reservation .tile-wrap .tile-group:nth-child(2) > div {
	margin-left: 6px;
}

.offline-reservation .tile-wrap .tile-group {
	margin-top: 6px;
}

.offline-reservation .tile-wrap .tile-group .rowheader {
	margin-bottom: 2px;
	font-size: 12px;
}

.offline-reservation .tile-wrap .tile-group .cell {
	padding: 0 10px;
	background-color: #f2f2f7;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	font-size: 12px;
}

.offline-reservation .tile-wrap .tile-group .cell img {
	height: 26px;
}

.offline-reservation .info-wrap.store-info {
	margin-bottom: 40px;
}

.offline-reservation .customer-info .info-wrap {
	overflow: hidden;
	padding: 0 20px;
	margin: 8px 0 40px;
}

.offline-reservation .customer-info .info-wrap label {
	margin: 12px 0 2px;
}

.offline-reservation .offline-calendar .schedule-confirm {
	margin: 0 20px 40px;
	padding-top: 8px;
}

.offline-reservation .customer-request .info-wrap {
	overflow: hidden;
	padding: 0 20px;
	margin: 8px 0 40px;
}

.offline-reservation .customer-request .info-wrap label {
	position: relative;
	padding-left: 4px;
	font-size: 12px;
	margin: 4px 0 16px;
	line-height: 16px;
}

.offline-reservation .customer-request .info-wrap label::after {
	content: "\00B7";
	position: absolute;
	left: -4px;
	top: 0;
	display: inline-block;
	margin-right: 2px;
	color: #2a3138;
}

.offline-reservation .offline-calendar .calendar-wrap {
	overflow: hidden;
	display: none;
}

.offline-reservation .offline-calendar .calendar-wrap.hide {
	display: block;
}

.offline-reservation .calendar-wrap.hide + .schedule-confirm button .label-txt:nth-child(1),
.offline-reservation .calendar-wrap + .schedule-confirm button .label-txt:nth-child(2) {
	displaY: inline-block;
}

.offline-reservation .calendar-wrap + .schedule-confirm button .label-txt:nth-child(1),
.offline-reservation .calendar-wrap.hide + .schedule-confirm button .label-txt:nth-child(2) {
	display: none;
}

.offline-reservation .offline-reserv-confirm {
	margin: 0 20px;
}

.superweek2103 .mycar-tire-info {
	position: relative;
	display: block;
	height: auto;
	margin: 0 20px 12px;
	font-size: 16px;
	border-radius: 4px;
	background-color: #f2f2f7;
}

.superweek2103 .mycar-tire-info .mycar-tire-info-detail {
	position: relative;
	width: 100%;
	height: auto;
	padding: 16px 10px 8px;
}

.superweek2103 .mycar-tire-info .mycar-tire-info-detail .mycar-tire-info-item {
	overflow: hidden;
	display: block;
	width: 100%;
	padding: 0 4px;
	margin-bottom: 12px;
	white-space: nowrap;
}

.superweek2103 .mycar-tire-info .mycar-tire-info-detail .mycar-tire-info-item > * {
	font-size: 16px;
}

.superweek2103 .mycar-tire-info .mycar-tire-info-detail .mycar-tire-info-item > span {
	margin-right: 8px;
}

.superweek2103 .mycar-tire-info .mycar-tire-info-detail .mycar-tire-info-item img {
	display: inline-block;
	position: relative;
	top: -2px;
	height: auto;
}

.superweek2103 .mycar-tire-info .mycar-tire-info-item .badge {
	display: inline-block;
	margin-left: 2px;
	vertical-align: 2px;
}

.superweek2103 .mycar-tire-info .mycar-tire-info-category {
	display: block;
	width: 100%;
	height: auto;
	font-size: 16px;
	text-align: center;
	padding: 0 16px;
}

.superweek2103 .mycar-tire-info .mycar-tire-info-category .label {
	display: block;
	width: 100%;
	height: auto;
	line-height: 40px;
	border-bottom: 1px solid #ffffff;
	font-weight: 500;
	font-size: 16px;
}

.superweek2103 .contents-section .section-headcopy {
	padding-top: 30px;
	margin-bottom: 16px;
	font-size: 21px;
	text-align: center;
	line-height: 43px;
}

.superweek2103 .contents-section .section-headcopy::after {
	content: "";
	display: block;
	width: 25px;
	height: 1px;
	margin: auto;
	background-color: #ffa200;
}

.superweek2103 .section-subcopy {
	margin: 35px 0 8px;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	font-weight: 500;
	word-break: keep-all;
}

.superweek2103 .section-subcopy .label-num {
	display: block;
	width: 75px;
	margin: 0 auto 12px;
	padding: 0 6px;
	border-radius: 20px;
	background: #fe6a2b;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	line-height: 23px;
}

.superweek2103 .contents-section.event-mytire .section-headcopy {
	margin-top: 55px;
	padding-top: 36px;
	background: url("../images/event/20210316/icon_moretire_prime.png") 50% top no-repeat;
	background-size: 37px auto;
}

.superweek2103 .event-target::after {
	content: "";
	display: block;
	height: 6px;
	clear: both;
	background: #eceeef;
}

.superweek2103 .event-target .items-wrap {
	overflow: hidden;
	padding: 24px 13px;
}

.superweek2103 .event-target .items-wrap::after {
	content: "";
	display: block;
}

.superweek2103 .event-target .items-wrap .items {
	float: left;
	width: 33.3333%;
	text-align: center;
}

.superweek2103 .event-target .items .image {
	overflow: hidden;
	width: 80px;
	height: 80px;
	margin: auto;
	background-color: #f2f2f7;
	border-radius: 40px;
	background-repeat: no-repeat;
}

.superweek2103 .event-target .items .image.event1 {
	background-image: url(../images/event/20210316/icon_benefit01.png);
	background-size: 45px 40px;
	background-position: 50% 50%;
}

.superweek2103 .event-target .items .image.event2 {
	background-image: url(../images/event/20210316/icon_benefit02.png);
	background-size: 34px 62px;
	background-position: 50% 20px;
}

.superweek2103 .event-target .items .image.event3 {
	background-image: url(../images/event/20210316/icon_benefit03.png);
	background-size: 59px 69px;
	background-position: 50% 15px;
}

.superweek2103 .event-target .items .title {
	display: block;
	font-weight: 600;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	color: #fe6a2b;
}

.superweek2103 .event-target .items .copy {
	padding: 4px 8px 0;
	font-size: 12px;
}

.superweek2103 .event-gallery .tire-gallery-swiper {
	padding: 20px;
	background-color: #f9f9fa;
}

.superweek2103 .card.card-brand-tireinfo .card-inner .description-area .model {
	height: 22px;
}

.superweek2103 .card.card-brand-tireinfo .card-inner .description-area .model img {
	width: auto;
	height: 22px;
}

.superweek2103 .card.card-brand-tireinfo .card-inner .description-area .size {
	margin-top: 8px;
	color: rgb(91, 96, 104);
	display: -webkit-box;
	word-break: break-all;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 30px;
	overflow: hidden;
}

.superweek2103 .card.card-brand-tireinfo .card-inner .description-area .more-link {
	display: block;
	text-align: right;
}

.superweek2103 .event-coupon .section-subcopy {
	margin: 0;
	padding: 35px 0px 8px;
	background-color: #fff;
}

.superweek2103 .event-coupon .section-subcopy .subcopy {
	display: block;
	margin: 0;
	padding: 4px 0 8px;
	font-size: 14px;
	font-weight: 400;
}

.superweek2103 .event-coupon .section-subcopy .noti {
	padding-bottom: 20px;
}

.superweek2103 .event-coupon .coupon-wrap {
	overflow: hidden;
	background-color: #f2f2f7;
}

.superweek2103 .event-coupon .coupon-wrap .coupon-copy {
	margin: 0 16px;
	padding: 20px 0 8px;
	font-size: 16px;
}

.superweek2103 .event-coupon .coupon-items {
	overflow: hidden;
	position: relative;
	margin: 0 16px;
	padding: 18px 26px;
	border-radius: 4px;
	background-color: #fff;
}

.superweek2103 .event-coupon .coupon-items.small-benefit .coupon-label::after {
	background-color: #cbb58f;
}

.superweek2103 .event-coupon .coupon-items .coupon-label {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	padding: 4px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	z-index: 1;
}

.superweek2103 .event-coupon .coupon-items .coupon-label::after {
	content: "";
	display: block;
	position: absolute;
	left: -64px;
	top: -64px;
	width: 128px;
	height: 128px;
	background-color: #f6871f;
	z-index: -1;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: 0 8px 8px rgba(0, 0, 0, 0.4);
}

.superweek2103 .event-coupon .coupon-items .image {
	margin: 0 16px 12px;
}

.superweek2103 .event-coupon .coupon-items .button-wrap {
	margin: 0 32px;
}

.superweek2103 .event-coupon .btn-item {
	position: relative;
}

.superweek2103 .event-coupon .btn-item .line-icons {
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.superweek2103 .event-coupon .coupon.downloaded .before {
	display: none;
}

.superweek2103 .event-coupon .coupon.downloaded .after {
	display: inline-block;
}

.superweek2103 .event-coupon .coupon .before {
	display: inline-block;
}

.superweek2103 .event-coupon .coupon .after {
	display: none;
}

.superweek2103 .lagal-check-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin: 4px 16px 0;
}

.superweek2103 .lagal-check-group .legal-button {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	padding: 0 12px;
	background-color: transparent;
	font-size: 12px;
	color: #fe6a2b;
	text-decoration: underline;
	line-height: 32px;
	text-align: right;
}

.superweek2103 .event-mytire .mytire-wrap {
	padding: 20px 16px;
	background-color: #f2f2f7;
}

.superweek2103 .mytire-wrap .noti {
	font-size: 14px;
	letter-spacing: -.5px;
	line-height: 36px;
	white-space: nowrap;
}

.superweek2103 .mytire-wrap .carnumber-lookup {
	padding: 16px 16px 20px;
	border-radius: 4px;
	background-color: #fff;
}

.superweek2103 .mytire-wrap .carnumber-lookup label {
	font-size: 14px;
	font-weight: 500;
}

.superweek2103 .mytire-wrap .carnumber-lookup .input-box {
	background-color: #f9f9fa;
}

.superweek2103 .event-mytire .mytire-result-wrap {
	padding: 20px 16px;
	background-color: #f2f2f7;
}

.superweek2103 .mytire-result-wrap .carnumber-lookup {
	padding: 16px 16px 0;
	border-radius: 4px;
	background-color: #fff;
}

.superweek2103 .mytire-result-wrap .carnumber-lookup .tire-info:first-child {
	margin-bottom: 8px;
}

.superweek2103 .mytire-result-wrap .tire-info .size {
	margin-top: 4px;
}

.superweek2103 .mytire-result-wrap .tire-info .label {
	display: inline-block;
	width: 36px;
	margin-right: 12px;
}

.superweek2103 .mytire-result-wrap .tire-info .icon-tire {
	height: 18px;
	background: url(../images/event/20210316/icon-tire.png) left 50% no-repeat;
	background-size: 18px auto;
	vertical-align: middle;
}

.superweek2103 .mytire-result-wrap .tire-info .label-txt {
	border-radius: 10px;
	background-color: #a0a6af;
	font-size: 11px;
	color: #fff;
	text-align: center;
}

.superweek2103 .mytire-result-wrap .re-mytire-button {
	margin-top: 16px;
	padding: 4px 0;
	border-top: 1px solid #d9dbdc;
}

.superweek2103 .mytire-result-wrap .re-mytire-button button {
	border: non;
}

.superweek2103 .mytire-result-wrap .reservation-button {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 16px;
}

.superweek2103 .mytire-result-wrap .reservation-button button {
	width: 49%;
}

.superweek2103 .store-confirm-button {
	margin: 40px 20px;
}

.superweek2103 .store-confirm-button .noti {
	position: relative;
	margin-top: 12px;
	padding-left: 8px;
	font-size: 12px;
	color: #5b6068;
}

.superweek2103 .store-confirm-button .noti::before {
	content: "\00B7";
	position: absolute;
	left: 0;
	display: inline-block;
	margin-right: 2px;
	color: #2a3138;
}

.superweek2103 .bg-underline {
	position: relative;
	display: inline-block;
}

.superweek2103 .bg-underline::before {
	content: "";
	position: absolute;
	left: 2px;
	bottom: 0px;
	width: 100%;
	height: 4px;
	background-color: rgba(254, 160, 43, 0.7);
}

.superweek2103 .contents-section.event-review {
	position: relative;
	overflow: hidden;
	padding: 0 16px 40px;
}

.superweek2103 .contents-section.event-sns {
	position: relative;
	overflow: hidden;
	padding: 0 16px 40px;
}

.superweek2103 .event-review strong.label-txt,
.superweek2103 .event-sns strong.label-txt {
	margin-top: 24px;
}

.superweek2103 .separat {
	position: relative;
}

.superweek2103 .separat-weight::before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 8px;
	width: 100%;
	height: 6px;
	background-color: #eceeef;
}

.superweek2103 .event-review .separat::before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: -20px;
	width: 100%;
	height: 1px;
	background-color: #ffa200;
}

.superweek2103 .event-gate-info {
	overflow: hidden;
	margin-top: 12px;
}

.superweek2103 .event-gate-info li {
	margin-top: 8px;
}

.superweek2103 .event-gate-info li.gate-half {
	position: relative;
	padding-left: 78px;
}

.superweek2103 .event-gate-info li.gate-half strong {
	position: absolute;
	left: 0;
}

.superweek2103 .event-join-info {
	overflow: hidden;
}

.superweek2103 .event-join-info li {
	position: relative;
	margin-top: 12px;
	padding-left: 12px;
	font-size: 12px;
}

.superweek2103 .event-join-info li .mark {
	position: absolute;
	left: 0;
	top: 0;
}

.superweek2103 .event-benefit-info {
	overflow: hidden;
	margin-top: 20px;
}

.superweek2103 .event-benefit-info li {
	overflow: hidden;
	float: left;
	width: 108px;
	margin: 0 6px 10px 0;
}

.superweek2103 .event-benefit-info li img {
	width: 100%;
}

.superweek2103 .event-legal-info {
	overflow: hidden;
}

.superweek2103 .event-legal-info li {
	position: relative;
	margin-top: 4px;
	padding-left: 12px;
	font-size: 12px;
	color: #5b6068;
}

.superweek2103 .event-legal-info li::before {
	content: '\002A';
	position: absolute;
	left: 2px;
	top: 6px;
	line-height: 100%;
}

.superweek2103 .tire-select-list {
	overflow: hidden;
	position: relative;
}

.superweek2103 .tire-select-list::before {
	content: "";
	display: block;
	width: 100%;
	height: 10px;
	background-color: #f2f2f7;
}

.superweek2103 .tire-select-list .tire-count-button {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin: 0 16px;
}

.superweek2103 .tire-select-list .tire-count-button button {
	width: 100%;
	margin-right: 8px;
}

.superweek2103 .tire-select-list .tire-count-button button.active {
	border-color: #fe6a2b;
}

.superweek2103 .event-card-list {
	position: relative;
	margin: 20px 16px 0;
}

.superweek2103 .event-card-list.front-wheel,
.superweek2103 .event-card-list.rear-wheel {
	margin-top: 20px;
	padding-top: 20px;
}

.superweek2103 .event-card-list.front-wheel::before {
	content: "전륜";
	display: inline-block;
	position: absolute;
	left: 50%;
	top: -8px;
	padding: 0 8px 0 42px;
	background-color: #fff;
	background-image: url(../images/event/20210316/spr_icon_wheel.png);
	background-size: 27px auto;
	background-repeat: no-repeat;
	background-position: 8px 3px;
	line-height: 16px;
	z-index: 1;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.superweek2103 .event-card-list.front-wheel::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	width: 100%;
	height: 1px;
	background-color: #d9dbdc;
}

.superweek2103 .event-card-list.rear-wheel::before {
	content: "후륜";
	display: inline-block;
	position: absolute;
	left: 50%;
	top: -8px;
	padding: 0 8px 0 42px;
	background-color: #fff;
	background-image: url(../images/event/20210316/spr_icon_wheel.png);
	background-size: 27px auto;
	background-repeat: no-repeat;
	background-position: 8px bottom;
	line-height: 16px;
	z-index: 1;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.superweek2103 .event-card-list.rear-wheel::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	width: 100%;
	height: 1px;
	background-color: #d9dbdc;
}

.superweek2103 .event-card-list .card {
	margin-bottom: 12px;
	background-color: #f2f2f7;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}

.superweek2103 .price-wrap {
	text-align: right;
}

.superweek2103 .card .product-area {
	padding: 24px 16px 12px 130px;/* 0901 */
}

.superweek2103 .card .product-area .thumb-wrap {
	width: 130px;/* 0901 */
	top: 29px;/* 0901 */
	-webkit-transform: none;
	transform: none;
}

.superweek2103 .card .product-area .shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 84px;
	background-color: transparent;
	box-shadow: 0 30px 40px 0px #fff inset;
}

.superweek2103 .card .product-area .shadow.brands-logo {
	background-position: 40px 0;
}

.superweek2103 .card .product-area .thumb-wrap .thumb-holder {
	width: 70px;/* 0901 */
	margin: auto;/* 0901 */
	height: auto;
}

.superweek2103 .card .product-area .thumb-wrap .thumb-holder.thumb-scaled img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.superweek2103 .card .product-area .brands-logo {
	width: 130px;/* 0901 */
	top: 0;/* 0901 */
	background-color: transparent;
	z-index: 1;
}

/* 0901 // */
.superweek2103 .card .product-area .brands-logo.hk {
	width: 130px;
	height: 35px;
	background-image: url(../images/event/20210728/loho_hk.png);
	background-size: 83.5px auto;
}
/* // 0901 */

.superweek2103 .card .product-area .discount-badge {
	position: absolute;
	top: 32px;
	left: 22px;
	width: 96px;
	z-index: 1;
	display: inline-block;
	border-radius: 12px;
	background-color: #ffa200;
	color: #fff;
	font-size: 10px;
	line-height: 24px;
	text-align: center;
	font-style: italic;
}

.superweek2103 .card .product-area .basic-price {
	text-align: right;
}

.superweek2103 .card .product-area .description-area {
	min-height: 148px;
}

.superweek2103 .card .product-area .description-area .model {
	height: 30px;
}

.superweek2103 .card .product-area .description-area .model img {
	width: auto;
	height: 100%;
}

.superweek2103 .card .product-area .description-area > p.description {
	overflow: hidden;
	font-size: 11px;
	color: #5b6068;
	display: -webkit-box;
	word-break: break-all;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 30px;
}

.superweek2103 .card .product-area .price-wrap {
	position: absolute;
	top: 78px;
	right: 0;
}

.superweek2103 .card .product-area .price-wrap .benefit-price {
	margin-top: 4px;
}

.superweek2103 .card .radio-item {
	width: 100%;
}

.superweek2103 .card .radio-item .icon-holder {
	top: 6px;
	left: auto;
	right: 6px;
}

.superweek2103 .tire-sizeup-noti .trigger {
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 36px;
	text-align: center;
}

.superweek2103 .tire-sizeup-noti .trigger .line-icons {
	top: -2px;
	margin-right: 4px;
}

.superweek2103 .tire-sizeup-noti .info {
	display: none;
}

.superweek2103 .accordian-wrap .chev-up::before {
	content: "\e915";
}

.superweek2103 .accordian-wrap.active .chev-up::before {
	content: "\e918";
}

.superweek2103 .accordian-wrap.active .info {
	display: block;
}

.superweek2103 .accordian-wrap.active .info img {
	width: 100%;
}

.superweek2103 .accordian-wrap.active .info .noti {
	padding: 16px 0;
}

.superweek2103 .subcopy {
	margin: 24px 0 8px;
	font-size: 16px;
	text-align: center;
}

.offline-reservation .reservation-complete .complete-word {
	overflow: hidden;
	padding: 35px 0 40px;
	text-align: center;
}

.offline-reservation .reservation-complete .complete-word .calendar-check {
	display: block;
	width: 61px;
	height: 61px;
	margin: 0 auto 12px;
	border-radius: 61px;
	background: #fff;
}

.offline-reservation .reservation-complete .complete-word .calendar-check::before {
	width: 30px;
	height: 30px;
}

.offline-reservation .reservation-complete .noti {
	position: relative;
	border-radius: 4px;
	border: 1px solid #fe6a2b;
	margin: 18px 20px;
	padding: 10px 12px 12px 32px;
}

.offline-reservation .reservation-complete .noti .line-icons {
	position: absolute;
	left: 6px;
	top: 8px;
}

.offline-reservation .store-reservation-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	padding: 13px 20px;
}

.offline-reservation .store-reservation-list .card {
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}

.offline-reservation .store-reservation-list .store-info {
	position: relative;
	padding: 14px 12px 10px;
	background-color: #f2f2f7;
}

.offline-reservation .store-reservation-list .store-info > div.name {
	margin-bottom: 16px;
}

.offline-reservation .store-reservation-list .store-info > div {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.offline-reservation .store-reservation-list .store-info > div strong {
	width: 97px;
}

.offline-reservation .store-reservation-list .store-info > div em {
	display: block;
}

.offline-reservation .store-reservation-list .store-more {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 8px 13px;
	border-top: 1px solid #f2f2f7;
	text-align: center;
}

.offline-reservation .store-reservation-list .store-more a {
	display: block;
}

.offline-reservation .store-reservation-select {
	padding: 16px 20px 0;
}

.superweek2103 .dim-bg {
	background-color: rgba(0, 0, 0, 0.8);
}

.superweek2103 .coupon-down-popup {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
}

.superweek2103 .coupon-down-popup.on {
	display: block;
}

.superweek2103 .coupon-down-popup .contents-section {
	position: relative;
	top: 50%;
	margin: 0 20px;
	padding: 25px 30px;
	background: #fff;
	text-align: center;
	border-radius: 4px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.superweek2103 .coupon-down-popup .contents-section span {
	display: block;
	font-size: 16px;
}

.superweek2103 .coupon-down-popup .contents-section em {
	display: block;
	margin: 12px 0 24px;
	font-size: 21px;
}

.superweek2103 .coupon-down-popup .contents-section p {
	margin: 0 0 28px;
	font-size: 14px;
}

.superweek2103 .coupon-down-popup .contents-section button {
	width: 50%;
}

.superweek2103 .event-lock,
.superweek2103 .event-soldout,
.superweek2103 .event-close {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: auto;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	z-index: 5;
}

.superweek2103 .event-lock.on,
.superweek2103 .event-soldout.on,
.superweek2103 .event-close.on {
	display: block;
}

.superweek2103 .event-lock p,
.superweek2103 .event-soldout p,
.superweek2103 .event-close p {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 260px;
	margin: auto;
	z-index: 6;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 16px;
}

.superweek2103 .event-lock .line-icons,
.superweek2103 .event-soldout .line-icons,
.superweek2103 .event-close .close-icons {
	display: block;
	margin: 0 auto 4px;
}

.superweek2103 .event-close .close-icons {
		width: 37px;
		height: 30px;
		margin: 0 auto 12px;
		background-image: url(../images/event/20210316/icon_close.svg);
		background-size: 37px 30px;
		background-position: center top;
}

.superweek2103 .tire-select-list .subcopy {
	margin: 12px 0;
}

.superweek2103 .tire-select-list .tire-select-noti {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin: 30px 16px 12px;
	padding: 16px 14px 12px;
	background-color: #f2f2f7;
	border-radius: 4px;
	font-size: 12px;
}

.superweek2103 .tire-select-list .tire-select-noti .noti {
	margin-left: 14px;
}

.modal-item.toggle-control-popup .modal-pannel .modal-header .toggle-control-close {
    background: transparent;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.modal-item.toggle-control-popup .modal-pannel .modal-action {
	z-index: 10;
}

.superweek2103 .card.card-brand-tireinfo .infobadge {
	position: absolute;
	left: -1px; 
	top: -1px;
	padding-left: 10px;
	z-index: 1;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 28px;
}

.superweek2103 .card.card-brand-tireinfo .infobadge::after {
	content: "";
    display: inline-block;
    width: 45px;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    z-index: -1;
    border-right: 8px solid transparent;
    left: 0;
    position: absolute;
}

.superweek2103 .card.card-brand-tireinfo .infobadge.sedan::after {
	border-top: 28px solid #2a3138;
}

.superweek2103 .card.card-brand-tireinfo .infobadge.suv::after {
	border-top: 28px solid #5b6068;
}

/* 2021-05-11 start */
.event-ventusreward-detail {position:relative;max-width:750px;margin:0 auto;}
.event-ventusreward-detail img {display: block; width:100%; font-size: 0;}
.event-ventusreward-detail .link-section .link-container {position:absolute;top:0;width:1px;height:1px}
.event-ventusreward-detail .link-section .link-container a {display:block;width:100%;height:100%; /*background-color: rgba(255, 0, 0, .2);*/}
.event-ventusreward-detail .link-section .link-container a.link-more {font-size:0;overflow:hidden}                             
.event-ventusreward-popup .form-control label {color: #5b6068;}
.event-ventusreward-popup .division-line {position: relative; padding-right: 16px !important; }
.event-ventusreward-popup .division-line::after {content:""; position: absolute; right:4px; top: 50%; display: block; width: 8px; height: 1px; background-color: #5b6068;}
.event-ventusreward-detail .cta-button-section {position: fixed; left:0; right:0; bottom: 0; max-width: 750px; margin: 0px auto; padding:12px 20px 20px;  text-align: center; border-top: 1px solid #d9dbdc;  background-color: #f2f2f7; cursor: pointer; z-index: 3;}
.event-ventusreward-detail .cta-button-section .button-wrap  {display: flex; justify-content: space-between; margin-top: 8px;}
.event-ventusreward-detail .cta-button-section .button-wrap .btn-item {width: 49%; background-color: #363746; }


/* 2021-06-22 all my t event */
.event-allmyt-detail .img-map {
    position: relative;
}

.ak-wrap {
    position: relative;
    height: 182px;
}

.ak-wrap .circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 125px;
    height: 125px;
    border-radius: 125px;
    position: absolute;
    top: 50%;
    text-align: center;
    transition: transform 0.5s ease;
    animation: balloons 4s ease-in-out infinite;
    transform-origin: bottom center;
    transform: translate(-50%, -50%);
    padding-top: 12px;
}

.ak-wrap .circle > * {
    color: #fff;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -1px;
}

.ak-wrap .circle:hover {
    z-index: 2;
}

.ak-wrap .circle.amt-gift {
    background-color: #ffb82b;
    left: 20%;
}

.ak-wrap .circle.amt-service {
    background-color: rgba(179, 149, 98, 0.7);
    left: 50%;
    z-index: 1;
}

.ak-wrap .circle.amt-info {
    background-color: #ffb82b;
    left: 80%;
}

.ak-wrap .circle.amt-gift .amt-icon,
.ak-wrap .circle.amt-service .amt-icon,
.ak-wrap .circle.amt-info .amt-icon {
    display: block;
    height: 30px;
    background-position: left 50%;
    background-repeat: no-repeat;
}

.ak-wrap .circle.amt-gift .amt-icon {
    width: 25px;
    background-image: url(../images/event/20210602/icon_event1.svg);
    background-size: 25px auto;
}

.ak-wrap .circle.amt-service .amt-icon {
    width: 33px;
    background-image: url(../images/event/20210602/icon_event2.svg);
    background-size: 33px auto;
}

.ak-wrap .circle.amt-info .amt-icon {
    width: 24px;
    background-image: url(../images/event/20210602/icon_event3.svg);
    background-size: 24px auto;
}

.event-allmyt-detail {
    max-width: 750px;
    margin: auto;
    position: relative;
}

.event-allmyt-detail .roulette-section .headcopy {
    position: relative;
    line-height: 25px;
    letter-spacing: -1px;
}

.event-allmyt-detail .roulette-section .headcopy .benefit-pagination {
    position: absolute;
    width: auto;
    font-size: 12px;
    left: unset;
    bottom: -8px;
    top: unset;
    right: 20px;
}

.event-allmyt-detail .roulette-section {
    position: relative;
}

.event-allmyt-detail .video-section {
    overflow: hidden;
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    border-radius: 8px;
}

.event-allmyt-detail #player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.event-allmyt-detail .event-section .rotation-group {
    overflow: hidden;
    position: relative;
    text-align: center;
    padding-top: 110%;
}

.event-allmyt-detail .event-section .rotation-group .rotation-panel {
    position: absolute;
    top: 7%;
    left: 3%;
    width: 94%;
    z-index: 3;
}

.event-allmyt-detail .event-section .rotation-group .rotation-dimmed {
    display: block;
    position: absolute;
    top: 5.2%;
    left: 0;
    width: 100%;
    z-index: 10;
}

.event-allmyt-detail .event-section .rotation-group .rotation-dimmed.active {
    display: none;
}

.event-allmyt-detail .event-section .rotation-group .rotation-panel > img {
    display: block;
    width: 100%;
}

.event-allmyt-detail .event-section .rotation-group .rotation-point {
    position: absolute;
    top: 5.2%;
    left: 3%;
    width: 94%;
    z-index: 4;
}

.event-allmyt-detail .event-section .rotation-group .back-board {
    position: absolute;
    top: 11.4%;
    width: 94%;
    left: 50%;
    transform: translate(-50%);
    z-index: 2;
}

.amt-info-swiper-section .amt-info-swiper {
    margin: 0;
}

.amt-info-swiper-section .amt-info-swiper .smart-item {
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #d9dbdc;
}

.amt-info-swiper-section .pagination-wrap {
    position: relative;
    width: 100%;
    height: 32px;
}

.amt-info-swiper-section .pagination-wrap .swiper-pagination {
    width: 100%;
}

.amt-info-swiper-section .pagination-wrap .swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px;
    background-color: #d9dbdc;
}

.amt-info-swiper-section .pagination-wrap .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #2a3138;
}

.amt-info-swiper-section .button-wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 20px;
}

.amt-info-swiper-section .button-wrap .btn-item {
    width: 49%;
}

.amt-info-swiper-section .swiper-wrapper .swiper-slide {
    width: 315px;
}

.allmyt-round {
    border: 6px solid #f2f2f7;
    border-radius: 20px;
    margin: 8px;
    padding: 10px;
    background-color: #f9f9fa;
}

.event-allmyt-detail .roulette-section .label-num {
    display: block;
    width: 75px;
    margin: 0 auto 12px;
    padding: 0 6px;
    border-radius: 20px;
    background: #fe6a2b;
    font-size: 12px;
    color: #fff;
    line-height: 23px;
}

.event-allmyt-detail .roulette-section .label-num.kakaogoods {
    background-color: #f99e00;
}

.event-allmyt-detail .event-wid-wrap {
    margin: 0 auto 18px;
    padding: 16px;
    background-color: #fff;
    border-radius: 4px;
}

.event-allmyt-detail .event-gate-info {
    overflow: hidden;
    font-size: 12px;
    letter-spacing: -.5px;
}

.event-allmyt-detail .event-gate-info > li {
    margin-bottom: 12px;
}

.event-allmyt-detail .event-gate-info > li:last-child {
    margin-bottom: 0;
}

.event-allmyt-detail .event-gate-info li .mark-list li {
    padding-left: 12px;
}

.event-allmyt-detail .event-gate-info li.gate-half {
    display: flex;
}

.event-allmyt-detail .event-gate-info li.gate-half .gate-header {
    flex: none;
    padding-right: 4px;
}

.event-allmyt-detail .event-join-info {
    overflow: hidden;
}

.event-allmyt-detail .event-join-info li {
    position: relative;
}

.event-allmyt-detail .event-join-info li .mark {
    position: absolute;
    left: 0;
    top: 0;
}

.event-allmyt-detail .event-join-info li.dotted {
    padding-left: 12px;
}

.event-allmyt-detail .event-join-info li.dotted::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 12px;
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background-color: #000;
}

.event-allmyt-detail .event-benefit-info {
    overflow: hidden;
    margin: 20px 8px;
    display: flex;
    justify-content: center;
}

.event-allmyt-detail .event-benefit-info li {
    flex: 1;
}

.event-allmyt-detail .event-benefit-info li img {
    width: 100%;
}

.event-allmyt-detail .js-rotation-event {
    overflow: hidden;
    position: absolute;
    left: 33%;
    display: block;
    top: 35.5%;
    width: 34%;
    z-index: 9;
    background-color: transparent;
}

.event-allmyt-detail .lagal-check-group {
    display: flex;
    height: 32px;
    align-items: center;
    justify-content: center;
}

.event-allmyt-detail .lagal-check-group .legal-button {
    display: inline-block;
    padding: 0 6px;
    border: 1px solid #d9dbdc;
    font-size: 11px;
    color: #a0a6af;
    line-height: 20px;
    border-radius: 2px;
}

.kakaogoods-wrap {
    position: relative;
}

.kakaogoods-wrap .goods-list {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 1;
}

.kakaogoods-wrap .goods-list .item {
    flex: 1;
    height: 49px;
    background-color: #f99e00;
    border-radius: 25px;
    text-align: center;
}

.kakaogoods-wrap .goods-list .item strong {
    display: block;
    font-size: 12px;
    color: #fff;
    margin-top: 4px;
}

.kakaogoods-wrap .goods-list .item span {
    display: block;
    font-size: 11px;
    color: #fff;
    letter-spacing: -1px;
}

.kakaogoods-wrap {
    position: relative;
}

.kakaogoods-wrap .visual-list {
    position: relative;
    padding-bottom: 188px;
    width: 310px;
    margin: auto;
}

.kakaogoods-wrap .visual-list .item {
    background-repeat: no-repeat;
    position: absolute;
}

.kakaogoods-wrap .visual-list .item.goods1 {
    bottom: 9px;
    left: 35px;
    width: 118px;
    height: 117px;
    background-image: url(../images/event/20210602/default/goods1.png);
    background-size: 118px 117px;
}

.kakaogoods-wrap .visual-list .item.goods2 {
    bottom: 0;
    left: 50%;
    width: 97px;
    height: 87px;
    margin-left: -48px;
    background-image: url(../images/event/20210602/default/goods2.png);
    background-size: 97px 87px;
}

.kakaogoods-wrap .visual-list .item.goods3 {
    bottom: 5px;
    right: 36px;
    width: 95px;
    height: 152px;
    background-image: url(../images/event/20210602/default/goods3.png);
    background-size: 95px 152px;
}

.kakaogoods-wrap .visual-list .goods1.soldout {
    bottom: 9px;
    left: 37px;
    width: 117px;
    height: 117px;
    background-image: url(../images/event/20210602/soldout/goods1.png);
    background-size: 117px 117px;
}

.kakaogoods-wrap .visual-list .goods2.soldout {
    bottom: 0;
    left: 50%;
    width: 96px;
    height: 87px;
    margin-left: -48px;
    background-image: url(../images/event/20210602/soldout/goods2.png);
    background-size: 96px 87px;
}

.kakaogoods-wrap .visual-list .goods3.soldout {
    bottom: 5px;
    right: 36px;
    width: 94px;
    height: 151px;
    background-image: url(../images/event/20210602/soldout/goods3.png);
    background-size: 94px 151px;
}

.event-allmyt-detail .kakaogoods-noti-head {
    display: inline-block;
    padding: 0 8px;
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    background-color: #fe6a2b;
    border-radius: 10px;
}

.event-allmyt-detail .kakaogoods-noti-list {
    margin-top: 8px;
}

.event-allmyt-detail .kakaogoods-noti-list li {
    position: relative;
    margin-bottom: 4px;
    padding-left: 12px;
    font-size: 10px;
    line-height: 14px;
}

.event-allmyt-detail .kakaogoods-noti-list li::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 6px;
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background-color: #000;
}

.event-allmyt-detail .button-wrap {
    display: flex;
    justify-content: space-around;
}

.event-allmyt-detail .button-wrap button {
    width: 48%;
    padding: 0;
}

.img-kakaogift-wrap img {
    width: 100%;
}

.roulette-section .event-benefit-info .btn-item {
    width: 100%;
    padding: 0;
}

.roulette-section.kakao-oil-section {
    margin: 8px;
    padding: 16px;
    border-radius: 4px;
}

.event-allmyt-detail .noti-oil-wrap {
    text-align: left;
}

.event-allmyt-detail .noti-oil-wrap p {
    position: relative;
    display: inline-block;
    line-height: 25px;
    margin-left: 39px;
    padding: 0 8px;
    border-radius: 13px;
    letter-spacing: -1px;
}

.event-allmyt-detail .noti-oil-wrap p::before {
    content: "";
    position: absolute;
    left: -31px;
    top: -1px;
    display: inline-block;
    width: 28px;
    height: 25px;
    margin-right: 4px;
    background: url(../images/event/20210602/icon_noti.png);
    background-size: 28px 25px;
}


.winner-goods-panner {
    text-align: center;
}

.winner-goods-panner .thumb {
    overflow: hidden;
    width: 150px;
    height: 120px;
    margin:0 auto 8px;
    border-radius: 4px;
}

.winner-goods-panner .thumb img {
    width:100%;
    display:block;
}

/* 8월Summer Splash 프로모션 0811 // */
.agust-summer-event {
    max-width: 750px;
    margin: auto;
}

.agust-summer-event .agust-summer-kv {
    position: relative;
    background: url("../images/event/20210810/bg_kv.png") center top no-repeat;
    background-size: 100% auto;
}

.agust-summer-event .agust-summer-swiper {
    padding-top: 61.4%;
    padding-bottom: 7.7%;
    z-index: 1;
}

.agust-summer-event .cta-link-wrap h4 {
    background: url("../images/event/20210810/bg_event3_handel.png") center top no-repeat;
    background-size: 215px auto;
    height: 2 7px;
    line-height: 100%;
    margin-top: 28px;
    padding-top: 8px;
    font-weight: 500;
}

.agust-summer-event .cta-link-wrap .event-benefit-info {
    padding: 24px 8px 0;
    display: flex;
    justify-content: center;
    background: white;
    background: linear-gradient(0deg, white 0%, rgba(242, 242, 247, 0.7) 100%);
}

.agust-summer-event .cta-link-wrap .event-benefit-info li {
    flex: 1;
}

.agust-summer-event .cta-link-wrap .event-benefit-info li .btn-item {
    padding: 0;
}

.agust-summer-event .cta-link-wrap .event-benefit-info li .tire-visual {
    padding: 0px 6.2%;
}

.agust-summer-event .cta-link-wrap .event-benefit-info li img {
    width: 100%;
}

.agust-summer-event .benefit-info-wrap {
    margin-top: 4px;
}

.agust-summer-event .benefit-info-wrap .benefit-info-list {
    margin: 0 20px;
}

.agust-summer-event .benefit-info-wrap .benefit-info-list li {
    display: flex;
    margin-top: 16px;
    align-items: baseline;
}

.agust-summer-event .benefit-info-wrap .benefit-info-list li strong {
    flex: none;
    width: 70px;
    margin-right: 12px;
    background-color: #00b3ff;
    line-height: 24px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
}

.agust-summer-event .benefit-info-wrap .benefit-info-list li p {
    letter-spacing: -.5px;
}

/* // 8월Summer Splash 프로모션 0811 */

.hkt-lottery-panner {
    padding:32px 0 44px;
	-ms-user-select: none; 
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.hkt-lottery-panner .scratchpad {
    width:271px;
    height:112px;
}

.hkt-lottery-panner .hero {
    text-align:center;
}

.hkt-lottery-panner .hero h4 {
    margin:16px 0 24px;
    font-size:21px;
    letter-spacing:-1px;
    line-height:100%;
}

.hkt-lottery-panner .hkt-lottery-content {
    overflow:hidden;
    position:relative;
    width:270px;
    height:111px;
    margin:20px auto 12px;
    border-radius:6px;
    border: 1px solid #ddd;
    border-collapse: collapse;
    box-sizing: content-box;
}

.hkt-lottery-panner .hkt-lottery-content.active-dim::before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1;
    background:url("../images/event/20210728/bg_scratch_inner.png") left top no-repeat;
    background-size:270px auto;
}

.hkt-lottery-panner .hkt-lottery-content.active-dim.scratch-off::before {
	background-image: url("../images/event/20210728/bg_scratch_inner_after.png");
}

.hkt-lottery-panner .hkt-lottery-copy {
    text-align:center;
    font-size:14px;
}

.hkt-lottery-panner .hkt-lottery-info {
	/* 0901 //*/
	height: 19px;
    text-align:center;
	font-size: 0;
	/* // 0901 */
}

.hkt-lottery-panner .hkt-lottery-info p {
    margin-top:32px;
    text-align:center;
    font-size:12px;
}

.hkt-lottery-panner .btn-popup-close {
    position:absolute;
    right:5px;
    top:5px;
}

.event-spw07 .event2-section {
    padding:8px;
}

.event-spw07 .timedeal-wrap {
    position:relative;
    padding-top:72px;
    background-color:#ffe7b2;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    background-image:url("../images/event/20210728/bg_timedeal_icon.png") ;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:12px 12px ;
}

.event-spw07 .timedeal-clock-wrap {
    overflow:hidden;
    position:relative;
    margin-bottom:-34%;
    background:url("../images/event/20210728/bg_play.png") left top no-repeat;
    background-size:100% auto;
}

.event-spw07 .timedeal-clock-wrap .timedeal-clock {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:100%;
    height:100%;
    border-radius:250px;
}

.event-spw07 .timedeal-clock-wrap .timedeal-clock .clock-pagination {
    position: relative;
    width:100%;
    height:100%;
    margin:auto;
}

.event-spw07 .clock-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fe6a2b;
	z-index: 1;
}

.event-spw07 .timedeal-clock-wrap .visual-clock,
.event-spw07 .timedeal-clock-wrap .timedeal-clock .clock-pagination::after,
.event-spw07 .timedeal-clock-wrap .timedeal-clock .clock-pagination::before,
.event-spw07 .clock-pagination .swiper-pagination-bullet {
    position:absolute;
    width:6px;
    height:12px;
    border-radius:3px;
    background-color:#fff;
    top:7.5px;
    left:50%;
    transform:rotate(0deg) translate(-50%, -50%);
}

.event-spw07 .clock-pagination .swiper-pagination-bullet:nth-child(1) {
    transform:rotate(270deg) translate(-50%, -50%);
    left:21%;
    top:48%;
}

.event-spw07 .clock-pagination .swiper-pagination-bullet:nth-child(2) {
    transform:rotate(330deg) translate(-50%, -50%);
    left:34%;
    top:23.5%;
}

.event-spw07 .clock-pagination .swiper-pagination-bullet:nth-child(3) {
    transform:rotate(90deg) translate(-50%, -50%);
    left:unset;
    right:21%;
    top:49.5%;
}

.event-spw07 .clock-pagination .swiper-pagination-bullet:nth-child(4) {
    transform:rotate(30deg) translate(-50%, -50%);
    left:unset;
    right:33%;
    top:24%;
}

.event-spw07 .clock-pagination .swiper-pagination-bullet:nth-child(5) {
    transform:rotate(90deg) translate(-50%, -50%);
    left:unset;
    right:21%;
    top:49.5%;
}

.event-spw07 .clock-pagination .swiper-pagination-bullet:nth-child(6) {
    transform:rotate(90deg) translate(-50%, -50%);
    left:unset;
    right:21%;
    top:49.5%;
}

.event-spw07 .timedeal-clock-wrap .timedeal-clock .clock-pagination::after,
.event-spw07 .timedeal-clock-wrap .timedeal-clock .clock-pagination::before {
    content:"";
}

.event-spw07 .timedeal-clock-wrap .timedeal-clock .clock-pagination::after {
    transform:rotate(300deg) translate(-50%, -50%);
    left:25%;
    top:33%;
}

.event-spw07 .timedeal-clock-wrap .timedeal-clock .clock-pagination::before {
    transform:rotate(60deg) translate(-50%, -50%);
    left:unset;
    right:24%;
    top:34%;
}

.event-spw07 .timedeal-clock-wrap .visual-clock.arrow-12 {
    transform:rotate(0deg) translate(-50%, -50%);
    left:50%;
    top:19%;
}

.event-spw07 .timedeal-clock-wrap .visual-clock.arrow-4 {
    transform:rotate(120deg) translate(-50%, -50%);
    left:unset;
    right:24%;
    top:unset;
    bottom:34%;
}

.event-spw07 .timedeal-clock-wrap .visual-clock.arrow-8 {
    transform:rotate(240deg) translate(-50%, -50%);
    left:24%;
    top:unset;
    bottom:35%;
}

.event-spw07 .timedeal-swiper .swiper-slide {
    position:relative;
    text-align:center;
}

.event-spw07 .timedeal-wrap h3 {
    position:absolute;
    left:0;
    top:18px;
    width:100%;
    text-align:center;
    font-size:21px;
    z-index:1;
}

.event-spw07 .timedeal-wrap h3 .headcopy {
    margin-top:8px;
    line-height:120%;
}

.event-spw07 .timedeal-wrap h3 .headcopy strong {
    font-weight:900;
    color:#fe6a2b;
    letter-spacing:-1px;
}

.event-spw07 .timedeal-wrap h3 .subcopy {
    display:inline-block;
    padding:0 18px;
    line-height:22px;
    font-size:14px;
    background-color:rgba(255, 120, 0, .7);
    border-radius:11px;
    color:#fff;
}

.event-spw07 .timedeal-info {
    margin:16px 12px 0;
    padding:4px 12px 12px;
    background-color:rgba(255, 255, 255, .5);
    z-index:1;
    font-size:12px;
    border-radius:4px;
}

.event-spw07 .timedeal-info li {
    margin-top:4px;
    line-height:140%;
}

.event-spw07 .timedeal-info li p {
    color:#5b6068;
    letter-spacing:-.5px;
    line-height:145%;
}

.event-spw07 .timedeal-info li strong {
    display:block;
    margin:8px 0 4px;
    color:#2a3138;
    white-space:nowrap;
    padding-right:2px;
}

.event-spw07 span.nowrap {
    white-space:nowrap;
}

.event-spw07 .timedeal-benefits {
    background-color:#ffe5ae;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    padding-bottom:12px;
}

.event-spw07 .timedeal-benefits h5 {
    background-color:#fe6a2b;
    line-height:36px;
    text-align:center;
    color:#fff;
    font-size:16px;
}

.event-spw07 .timedeal-benefits .benefits-list {
    margin:12px;
}

.event-spw07 .timedeal-benefits .benefits-list li {
    float:left;
    width:50%;
    margin-bottom:10px;
}

.event-spw07 .timedeal-benefits .benefits-list li:nth-child(2n-1) .benefit {
    margin-right:4px}

.event-spw07 .timedeal-benefits .benefits-list li:nth-child(2n) .benefit {
    margin-left:4px}

.event-spw07 .timedeal-benefits .benefits-list li:nth-child(3),
.event-spw07 .timedeal-benefits .benefits-list li:nth-child(4) {
    margin-bottom:0;
}

.event-spw07 .timedeal-benefits .benefits-list .benefit {
    overflow:hidden;
    position:relative;
    border-radius:8px;
    background-color:transparent;
}

.event-spw07 .timedeal-benefits .benefits-list .info {
    padding:0 4px 4px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    background-color:#fff;
}

.event-spw07 .timedeal-benefits .benefits-list .info .copy {
	position: relative;
    font-size: 12px;
    line-height: 16px;
    height: 40px;
    padding: 4px;
}

.event-spw07 .timedeal-benefits .benefits-list .info .count {
    position: absolute;
	right: 0;
	top: 4px;
}

.event-spw07 .timedeal-benefits .benefits-list .info button {
    font-size:inherit;
}

.event-spw07 .timedeal-benefits .benefits-list .info button .label-txt {
    font-size:12px;
}

.event-spw07 .timedeal-benefits .benefits-list .info button strong {
    display:inline-block;
    font-size:14px;
    padding-left:4px;
}

.event-spw07 .benefits-list .benefit .dimmed  {
    display:none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(255, 255, 255, .8);
    z-index:1;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    font-size:20px;
}

.event-spw07 .benefits-list .benefit.dim-active .dimmed {
    display:flex;
}

.event-spw07 .benefits-list .benefit .dimmed .copy {
    padding-top:32px;
    background:url("../images/event/20210728/icon_timeclock.png") center top no-repeat;
    background-size:30px auto;
}

.event-spw07 .benefits-list .benefit .dimmed .btn-dimmed-close {
    position:absolute;
    background-color:transparent;
    right:0;
    top:0;
}

.event-spw07 .benefits-list .benefit .winner {
    display:none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, .8);
    z-index:1;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    font-size:20px;
}

.event-spw07 .benefits-list .benefit.winner-active .winner {
    display:flex}

.event-spw07 .benefits-list .benefit .soldout {
    display:none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, .8);
    z-index:1;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    font-size:20px;
}

.event-spw07 .benefits-list .benefit.soldout-active .soldout {
    display:flex;
}

.event-spw07 .timedeal-benefits .lagal-check-group {
    margin:0 12px;
	text-align: center;
}


.winner-goods-panner .thumb {
    overflow:hidden;
    width:150px;
    margin:0 auto 8px;
    border-radius:4px;
}

.winner-goods-panner .thumb img {
    width:100%;
    display:block;
}

.event-spw07 .cta-link-wrap h4 {
    background:url("../images/event/20210728/bg_event3_handel.png") center bottom no-repeat;
    background-size:215px auto;
    height:27px;
    line-height:100%;
    margin-top:28px;
    padding-top:8px;
}

.event-spw07 .cta-link-wrap .benefit-tire-wrap {
    background:rgb(255,255,255);
    background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,231,240,1) 100%);
}

.event-spw07 .cta-link-wrap .event-benefit-info {
    padding:24px 8px 0;
    display:flex;
    justify-content:center;
}

.event-spw07 .cta-link-wrap .event-benefit-info li {
    flex:1;
}

.event-spw07 .cta-link-wrap .event-benefit-info li .btn-item {
    padding:0;
}

.event-spw07 .cta-link-wrap .event-benefit-info li img {
    width:100%;
}

.event-spw07 .event3-section {
    padding-top:40px;
}

.event-spw07 .event3-section h3 {
    font-size:21px;
    text-align:center;
}

.event-spw07 .event3-section h3 .headcopy {
    margin-top:16px;
    text-align:center;
}

.event-spw07 .event3-section .event-scratch {
    position:relative;
    width:210px;
    margin:8px auto;
    height:86.5px;
}

.event-spw07 .event3-section .event-scratch img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

.event-spw07 .event3-section .scratch-button {
    text-align:center;
}

.event-spw07 .event3-section .event-scratch-wrap .copy {
    margin-top:20px;
    color:#2a3138;
    text-align:center;
    font-weight:bold;
}

.event-spw07 .event-mytire {
    padding:20px 16px 0;
}

.event-spw07 .event-mytire .noti {
    font-size:16px;
    letter-spacing:-.5px;
    line-height:36px;
    white-space:nowrap;
    text-align:center;
}

.event-spw07 .event-mytire .carnumber-lookup {
    padding:16px 16px 20px;
    border-radius:4px;
    background-color:#f2f2f7;
}

.event-spw07 .event-mytire .carnumber-lookup label {
    font-size:14px;
    font-weight:500;
}

.event-spw07 .event-mytire .carnumber-lookup .input-box {
    background-color:#f9f9fa;
}

.event-spw07 .mytire-result-wrap {
    padding:20px 16px 0;
    background-color:#fff;
}

.event-spw07 .mytire-result-wrap .carnumber-lookup {
    padding: 16px 16px 12px;
    border-radius:4px;
    background-color:#f2f2f7;
}

.event-spw07 .mytire-result-wrap .carnumber-lookup .tire-info:first-child {
    margin-bottom:8px;
}

.event-spw07 .mytire-result-wrap .tire-info .size {
    margin-top:4px;
}

.event-spw07 .mytire-result-wrap .tire-info .label {
    display:inline-block;
    width:36px;
    margin-right:12px;
}

.event-spw07 .mytire-result-wrap .tire-info .icon-tire {
    height:18px;
    background:url(../images/event/20210728/icon-tire.png) 50% 50% no-repeat;
    background-size:18px auto;
    vertical-align:middle;
}

.event-spw07 .mytire-result-wrap .tire-info .label-txt {
    border-radius:10px;
    background-color:#a0a6af;
    font-size:11px;
    color:#fff;
    text-align:center;
}

.event-spw07 .mytire-result-wrap .re-mytire-button {
    margin-top:8px;
    padding:4px 0;
}

.event-spw07 .mytire-result-wrap .re-mytire-button button {
    border:none;
}

.event-spw07 .mytire-result-wrap .reservation-button {
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    margin-top:16px;
}

.event-spw07 .mytire-result-wrap .reservation-button button {
    width:49%;
}

.event-spw07 .store-confirm-button {
    margin:20px;
}

.event-spw07 .store-confirm-button .noti {
    position:relative;
    margin-top:12px;
    padding-left:8px;
    font-size:12px;
    color:#5b6068;
}

.event-spw07 .store-confirm-button .noti::before {
    content:"\00B7";
    position:absolute;
    left:0;
    display:inline-block;
    margin-right:2px;
    color:#2a3138;
}

.event-spw07 .hero-section {
    position:relative;
}

.event-spw07 .ak-wrap {
    position:absolute;
    left:20px;
    right:20px;
    top:76%;
    display:flex;
    align-items:center;
    height:auto;
}

.event-spw07 .ak-wrap .event-case {
    padding:20px 0;
    text-align:center;
    flex:1;
    border:1px solid #eee;
    border-radius:4px;
    background-color:rgba(255, 255, 255, 0.7);/* 091001 */
    -webkit-backdrop-filter:blur(2px);
     backdrop-filter:blur(2px);
    // box-shadow:0 3px 3px 0px #ddd;
}

.event-spw07 .ak-wrap .event-case .info-copy {
    display:inline-block;
    margin-top:4px}

.event-spw07 .ak-wrap strong {
    display:block;
}

.event-spw07 .event-reiview {
    padding:32px 0;
    background-color:#f6f1e8;
}

.event-spw07 .event-reiview h3 {
    text-align:center;
}

.event-spw07 .event-reiview h3 strong {
    font-weight:bold;
}

.event-spw07 .event-reiview h3 .headcopy {
    margin:16px 0;
}

.event-spw07 .event-reiview .reiview-benefit-list {
    margin-top:20px;
    padding:0 16px;
}

/* 090801 // */
.event-spw07 .event-reiview .reiview-benefit-list li {
	position: relative;
    overflow:hidden;
	height: 185px;
    padding:20px;
    background-color:#fff;
    box-shadow:0 3px 3px 0px #ddd;
    margin-bottom:8px;
}

.event-spw07 .event-reiview .reiview-benefit-list .card-review {
    display:flex;
    justify-content:space-between;
}

.event-spw07 .event-reiview .reiview-benefit-list .card-review .copy {
    font-size:16px;
}

.event-spw07 .event-reiview .reiview-benefit-list .card-review .benfint-sort {
    padding-bottom:4px;
    font-size:11px;
	font-weight: bold;
    color:#2a3138;
}

.event-spw07 .event-reiview .reiview-benefit-list .card-review strong {
    display:block;
    font-weight:bold;
}

.event-spw07 .event-reiview .reiview-benefit-list .card-review em {
    display:block;
    color:#2a3138;
}

.event-spw07 .event-reiview .reiview-benefit-list .card-review .thumb {
    width:102px;
	right: 20px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
/* // 090801 */

.event-spw07 .event-reiview .reiview-benefit-list .card-review.event1 .copy {
    color:#5bd601;
}

.event-spw07 .event-reiview .reiview-benefit-list .card-review.event2 .copy {
    color:#fe6a2b;
}

.event-spw07 .event-reiview .reiview-benefit-list .card-review.event3 .copy {
    color:#257fbd;
}
/* 8085 END */

.event-spw07 .benefit-tire-wrap .event-benefit-case {
    padding: 20px 10px 0;
}

.event-spw07 .benefit-tire-wrap .event-benefit-case .tire-benefit {
    display: flex;
    align-items: center;
    line-height: 24px;   
    letter-spacing: -1px;
    justify-content: space-between;
}

.event-spw07 .benefit-tire-wrap .event-benefit-case .tire-benefit p:first-child {
    position: relative;
    margin-right: 26px;
    padding: 0 10px;
    background-color: #fff;
    border-radius: 24px;
    line-height: 24px;
    letter-spacing: -.5px;
    white-space: nowrap;
}

.event-spw07 .benefit-tire-wrap .event-benefit-case .tire-benefit p {
    white-space: nowrap;
}

.event-spw07 .benefit-tire-wrap .event-benefit-case .tire-benefit .icon-arrow {
    position: absolute;
    top: 50%;
    right: -22px;
    flex: none;
    width: 0px;
    height: 0px;
    margin: -5px 4px 0;
    border-top: 6px solid transparent;
    border-left: 10px solid #fe6a2b;
    border-right: none;
    border-bottom: 6px solid transparent;
}

/* 090801 // */
.event-spw07 .joinbenefit {
	white-space: nowrap;
	letter-spacing: -.5px;
}

.event-spw07 .event-reiview .reiview-benefit-list .card-review button {
    margin-top: 20px;
}
/* // 090801 */

/* 211104 카앤피플 프로모션// */
.event-carn-details {position:relative;max-width:750px;margin:0 auto;}
.event-carn-details .carn-bg {background-color: #f2f2f7;}
.event-carn-details .carwash-info {padding: 0 12.5%;}
.event-carn-details .carwash-info button.btn-item.btn-neutral.btn-inv {height: 28px;line-height: 26px;padding: 0 16px;background-color: #2ed0ff;}
.event-carn-details .carwash-info button.btn-item.btn-neutral.btn-inv .label-txt {font-size: 14px; font-weight: 500;}
.event-carn-details .mycar-benefit-winter {padding: 0 5.4% 5%;}
.event-carn-details .carn-cta-group {display: flex; padding: 5.5% 4.6% 8%;}
.event-carn-details .carn-cta-group > a {display: block; flex: 1; margin:0 .8%; background-color: #2ed0ff; color: #fff; border-radius: 8px; padding: 5.4% 0;}
.event-carn-details .carn-cta-group > a > span {display: block; margin: auto; text-align: center;}
.event-carn-details .carn-cta-group .line-icons.coupon-sale { margin: 4px auto; font-size: 18px;}
.event-carn-details .carn-cta-group .line-icons.coupon-sale::before {padding-right: 42%;}
.event-carn-details .lagal-check-group {padding: 5% 5.4% 1%}
.carn-info-popup-button button {width: 68%;}
.carn-info-popup-button .label-txt {font-weight: bold;}
/* //211104 카앤피플 프로모션 */

/* //211104 카앤피플 프로모션 */
/* 프로스펙스 프로모션 START 20220124  */
/* line 3707, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .subscription-section .section-headline {
    letter-spacing: -1px;
}

/* line 3711, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .subscription-section .section-headline.underline {
    border-bottom: 1px solid #d9dbdc;
}

/* line 3715, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .subscription-list-section .rowgroup {
    margin-top: 8px;
    padding: 16px 16px 24px 16px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #d9dbdc;
}

/* line 3723, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .subscription-list-section .rowgroup .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 4px 0;
}

/* line 3730, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .form-control.form-control-inline.inline-md label {
    font-size: 14px;
}

/* line 3734, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .noti-section .section-headline {
    line-height: 49px;
}

/* line 3738, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .noti-section .explan-list .bul-icon {
    position: relative;
    padding-left: 8px;
}

/* line 3743, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .noti-section .explan-list .bul-icon::before {
    content: '\b7\a0';
    position: absolute;
    left: 0px;
}

/* line 3749, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .noti-rowgroup .explan-list .bul-icon {
    position: relative;
    padding-left: 8px;
}

/* line 3754, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .noti-rowgroup .explan-list .bul-icon::before {
    content: '\b7\a0';
    position: absolute;
    left: 0px;
}

/* line 3760, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .flex-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* line 3766, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .flex-list .flex-1 {
    flex: 1;
}

/* line 3770, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .flex-list .flex-2 {
    flex: 2;
}

/* line 3774, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .flex-list .flex-3 {
    flex: 3;
}

/* line 3778, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .flex-list .auto-flex {
    flex: auto;
}

/* line 3782, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .input-group.phone-number .flex-3 {
    position: relative;
    padding-left: 18px;
}

/* line 3787, src/project/mobile/assets/styles/event.scss */
.gift-prospecs-page .input-group.phone-number .flex-3::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    display: block;
    font-size: 0;
    width: 10px;
    height: 1px;
    background-color: #a0a6af;
}

/* 프로스펙스 프로모션 END 20220124 // */
/* 네이버페이 제휴 프로모션 Toolip START 20220209 // */
/* line 3802, src/project/mobile/assets/styles/event.scss */
.event-naverpay-tooltip-trigger {
    position: relative;
}

/* 20220419 // */
/* line 4361, src/project/mobile/assets/styles/event.scss */
.event-naverpay-tooltip-container {
    display: none;
    position: absolute;
    bottom: -16px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
}

/* line 4370, src/project/mobile/assets/styles/event.scss */
.event-naverpay-tooltip-container .event-naverpay-tooltip {
    position: relative;
    width: auto;
    padding: 3px 8px;
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(4px);
}

/* line 4380, src/project/mobile/assets/styles/event.scss */
.event-naverpay-tooltip-container .event-naverpay-tooltip .arrow {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    border-bottom-color: rgba(255, 255, 255, 0.5);
    border-width: 4px;
}

/* // 20220419 */

/* line 3837, src/project/mobile/assets/styles/event.scss */
.event-naverpay-tooltip-container .event-naverpay-tooltip .arrow::after,
.event-naverpay-tooltip-container .event-naverpay-tooltip .arrow::before {
    content: "";
    position: absolute;
    display: block;
}

/* line 3844, src/project/mobile/assets/styles/event.scss */
.event-naverpay-tooltip-container .event-naverpay-tooltip .arrow::after {
    bottom: -2px;
    right: -5px;
    width: 6px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    transform: rotate(45deg);
}

/* line 3853, src/project/mobile/assets/styles/event.scss */
.event-naverpay-tooltip-container .event-naverpay-tooltip .arrow::before {
    bottom: -2px;
    left: -5px;
    width: 6px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    transform: rotate(-45deg);
}

/* line 3862, src/project/mobile/assets/styles/event.scss */
.event-naverpay-tooltip-container .event-naverpay-tooltip .tooltip-body p {
    font-size: 11px;
    color: #00cd3c;
    line-height: 16px;
}

/* // 네이버페이 제휴 프로모션 Toolip END 20220209 */

/* 프로스펙스 프로모션 END 20220124 // */
/* line 3801, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-sort-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    margin-top: 20px;
    padding: 0 20px;
    background: #fff;
    border-bottom: 1px solid #d9dbdc;
}

/* line 3815, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-sort-info .sort-count {
    font-size: 12px;
    line-height: 35px;
}

/* line 3820, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-sort-info .sort-count strong {
    font-weight: 500;
    color: #fe6a2b;
}

/* line 3825, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-sort-info .btn-sort {
    position: relative;
    padding: 0 8px;
    background-color: #fff;
    font-size: 14px;
    line-height: 35px;
}

/* line 3833, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-sort-info .btn-sort::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ff6c00;
}

/* line 3844, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-sort-info .btn-sort.active::before {
    margin-top: -1.5px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

/* line 3850, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 13px 20px;
    background-color: #f9f9fa;
}

/* line 3862, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-list .store-wrap {
    border: 1px solid #d9dbdc;
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 12px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

/* line 3873, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-wrap.on-map {
    width: calc(100% - 40px);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid #d9dbdc;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

/* line 3886, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-wrap.on-map .store-info {
    position: relative;
    padding: 16px 12px 16px;
}

/* line 3891, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-wrap .store-info {
    position: relative;
    padding: 16px 12px 16px;
    background-color: #fff;
}

/* line 3897, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .franchisee strong {
    display: block;
    margin-right: 10px;
    font-size: 16px;
    font-weight: normal;
}

/* line 3904, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .star-wrap {
    font-size: 11px;
}

/* line 3908, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .star-wrap > * {
    display: inline-block;
    vertical-align: middle;
}

/* line 3913, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .distance {
    margin-top: 4px;
}

/* line 3917, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .distance .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    line-height: 16px;
}

/* line 3924, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .distance .km {
    position: relative;
    margin-right: 4px;
    padding-right: 4px;
    font-size: 12px;
}

/* line 3931, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .distance .km::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 2px;
    width: 1px;
    height: 16px;
    background-color: #333;
}

/* line 3942, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .distance .open {
    font-size: 12px;
}

/* line 3946, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .distance .address {
    font-size: 12px;
    margin-top: 12px;
}

/* line 3951, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    padding: 8px 13px;
    border-top: 1px solid #d9dbdc;
}

/* line 3966, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .connect-wrap button {
    background-color: transparent;
    margin-right: 4px;
    padding: 4px;
    border-radius: 4px;
}

/* line 3973, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .connect-wrap button:hover {
    background: rgba(0, 0, 0, 0.05);
}

/* line 3977, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-maps {
    position: relative;
    overflow: hidden;
}

/* line 3982, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-maps .mark-info-wrap {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 8px 0 16px;
    border-bottom-left-radius: 8px;
    background: rgba(255, 255, 255, 0.8);
    line-height: 40px;
    z-index: 2;
}

/* line 3993, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-maps .mark-tstation {
    margin-right: 8px;
}

/* line 3997, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-maps .mark-tstation::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 21px;
    margin-right: 4px;
    background: url("../images/event/20210316/marker_tstation.png") left top no-repeat;
    background-size: 15px 21px;
    vertical-align: middle;
}

/* line 4008, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-maps .mark-hankook::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 21px;
    margin-right: 4px;
    background: url("../images/event/20210316/marker_hk.png") left top no-repeat;
    background-size: 16px 21px;
    vertical-align: middle;
}

/* line 4019, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-maps .mark-info-wrap > span {
    font-size: 12px;
}

/* line 4023, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-maps .empty-msg-on-map {
    width: 100%;
    height: 32px;
    line-height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    background: rgba(42, 49, 56, 0.6);
    font-size: 0;
}

/* line 4036, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-maps .empty-msg-on-map > p {
    line-height: 32px;
    font-size: 14px;
}

/* line 4041, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .map-wrap > img {
    width: 100%;
}

/* line 4045, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-maps .store-wrap.disable {
    opacity: 1;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
    pointer-events: none;
}

/* line 4053, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-maps .store-wrap.disable .store-info,
.offline-store-search .sort-result .store-maps .store-wrap.disable .store-footer {
    opacity: 0.5;
}

/* line 4058, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-list .store-wrap.disable {
    opacity: .5;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
    pointer-events: none;
}

/* line 4066, src/project/mobile/assets/styles/event.scss */
.offline-store-search .sort-result .store-list .store-wrap.on-map.disable {
    opacity: 1;
}

/* line 4070, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-wrap.disable .store-info .smartstore {
    background-color: #8d8f90;
}

/* line 4074, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-wrap.disable .benefit-wrap .benefit.smart-pickup,
.offline-store-search .store-wrap.disable .benefit-wrap .benefit.great-store {
    background-color: #989a9b;
}

/* line 4079, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-wrap.disable .star-wrap::before {
    color: #8f8f8f;
}

/* line 4083, src/project/mobile/assets/styles/event.scss */
.offline-store-search .car-confirm .description-copy {
    background-color: #f2f2f7;
    line-height: 46px;
    font-size: 14px;
    text-align: center;
    color: #5b6068;
}

/* line 4091, src/project/mobile/assets/styles/event.scss */
.offline-store-search .car-confirm .txt-info {
    margin-top: 40px;
    font-size: 18px;
}

/* line 4096, src/project/mobile/assets/styles/event.scss */
.offline-store-search .car-confirm .searching-car-view {
    border-bottom: 0;
}

/* line 4100, src/project/mobile/assets/styles/event.scss */
.offline-store-search .car-confirm .button-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 10px;
    padding: 20px;
    border-top: 1px solid #f2f2f7;
}

/* line 4112, src/project/mobile/assets/styles/event.scss */
.offline-store-search .car-confirm .button-wrap button {
    width: 49%;
}

/* line 4116, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .description-copy {
    background-color: #f2f2f7;
    line-height: 46px;
    font-size: 14px;
    text-align: center;
    color: #5b6068;
}

/* line 4124, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .txt-info {
    margin-top: 40px;
    font-size: 18px;
}

/* line 4129, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .button-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 20px;
    padding: 20px;
    border-top: 1px solid #f2f2f7;
}

/* line 4141, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .button-wrap button {
    width: 49%;
}

/* line 4145, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .store-info-wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 18px 20px;
}

/* line 4153, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .store-info-wrap .thumb-img {
    position: relative;
    display: block;
    width: 120px;
    height: 120px;
    padding: 0;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 8px;
    background-color: #E9E9E9;
    background-size: contain;
    background-position: bottom;
}

/* line 4167, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .store-info-wrap .thumb-img:before {
    padding-top: 100%;
}

/* line 4171, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .thumb-img img {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
}

/* line 4184, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .thumb-img .btn-item.btn-neutral.btn-ol {
    position: absolute;
    border: 0;
    background-color: rgba(255, 255, 255, 0.6);
    left: 5px;
    bottom: 5px;
}

/* line 4192, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .store-wrap .store-info {
    position: relative;
    padding: 12px 12px 30px;
}

/* line 4197, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .store-info .franchisee {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 3px;
}

/* line 4207, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-info + .store-footer::before {
    content: "";
    display: inline-block;
    background-image: url("../images/event/20210316/spr_company_logo.png");
    background-size: 86px 63px;
    background-repeat: no-repeat;
    width: 0;
    height: 0;
}

/* line 4217, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-info.tstation + .store-footer::before {
    width: 86px;
    height: 17px;
    background-position: 0 -23px;
}

/* line 4223, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-info.hankook + .store-footer::before {
    width: 86px;
    height: 20px;
    background-position: 0 0;
}

/* line 4229, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-info.thetireshop + .store-footer::before {
    width: 86px;
    height: 20px;
    background-position: 0 -44px;
}

/* line 4235, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-info .franchisee + .store-footer::before {
    content: "";
    display: inline-block;
    margin-right: 4px;
    font-size: 14px;
}

/* line 4242, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-info.allmyt-store .franchisee {
    position: relative;
}

/* line 4246, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-info.allmyt-store + .store-footer::after {
    content: "all my T";
    display: block;
    position: absolute;
    top: 50%;
    left: 102px;
    width: 92px;
    height: 22px;
    margin-top: -11px;
    background-image: url(../images/event/20210728/iocn_storelist_allmyt.png);
    background-size: 92px auto;
    background-position: left 50%;
    background-repeat: no-repeat;
    color: transparent;
    line-height: 22px;
    font-size: 0;
}

/* line 4263, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .franchisee strong {
    margin-right: 10px;
    font-size: 16px;
    font-weight: normal;
}

/* line 4269, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .opentime {
    display: block;
    margin-top: 3px;
    font-size: 12px;
}

/* line 4275, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .distance {
    margin-top: 15px;
}

/* line 4279, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .distance .info {
    display: block;
    font-size: 14px;
}

/* line 4284, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .distance .info em {
    display: inline-block;
    margin-left: 5px;
    color: #fe6a2b;
}

/* line 4290, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .distance .open {
    font-size: 12px;
}

/* line 4294, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .distance .address {
    font-size: 12px;
    margin-top: 7px;
}

/* line 4299, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .map-wrap {
    position: relative;
    margin: 0 20px;
}

/* line 4304, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .map-wrap .address {
    font-size: 12px;
}

/* line 4308, src/project/mobile/assets/styles/event.scss */
.offline-store-search .map-confirm .map-wrap .map {
    margin-top: 10px;
}

/* line 4312, src/project/mobile/assets/styles/event.scss */
.offline-store-search .country-wrap {
    padding: 20px 0;
    background-color: #f9f9fa;
}

/* line 4317, src/project/mobile/assets/styles/event.scss */
.offline-store-search .store-search-checked {
    padding-top: 8px;
    margin-top: 20px;
    border-top: 4px solid #fff;
}

/* line 4323, src/project/mobile/assets/styles/event.scss */
.offline-store-search .noti-wrap {
    position: relative;
    margin-top: 4px;
    padding: 12px 0 0 2px;
    border-top: 1px solid #d9dbdc;
}

/* line 4330, src/project/mobile/assets/styles/event.scss */
.offline-store-search .noti-wrap .subcopy {
    font-size: 14px;
    margin-bottom: 12px;
}

/* line 4335, src/project/mobile/assets/styles/event.scss */
.offline-store-search .noti-wrap .noti {
    margin-bottom: 8px;
}

/* line 4339, src/project/mobile/assets/styles/event.scss */
.offline-store-search .noti-wrap .noti::before {
    content: "\00B7";
    display: inline-block;
    margin-right: 2px;
    color: #2a3138;
}

/* line 4346, src/project/mobile/assets/styles/event.scss */
.offline-store-search .noti-wrap strong {
    display: inline-block;
    margin-right: 2px;
    color: #2a3138;
}

/* line 4352, src/project/mobile/assets/styles/event.scss */
.offline-store-search .noti-wrap .line-icons {
    margin-right: 4px;
}

/* allmyt draw 프로모션 // */
/* line 4424, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup {
    position: relative;
    max-width: 750px;
    width: 100%;
    font-size: 0;
    margin: auto;
}

/* line 4432, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .hero-section {
    position: relative;
}

/* line 4436, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .img-map-link {
    display: block;
    position: absolute;
    z-index: 1;
    border-radius: 4px;
}

/* line 4443, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .img-map-link.link-1 {
    left: 5%;
    top: 83.2%;
    width: 43.8%;
    height: 12.5%;
}

/* line 4450, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .img-map-link.link-2 {
    left: 51.5%;
    top: 83.2%;
    width: 43.3%;
    height: 12.5%;
}

/* line 4457, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .hero-play-area {
    overflow: hidden;
    position: absolute;
    left: 5%;
    top: 53.2%;
    width: 90%;
    height: 22.4%;
    border-radius: 6px;
}

/* line 4467, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .play-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
}

/* line 4476, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .play-wrap iframe,
.event-draw-cheerup .play-wrap object,
.event-draw-cheerup .play-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* line 4486, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .play-wrap .ytp-show-cards-title {
    display: none;
}

/* line 4490, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .event-content-section {
    padding: 50px 0 0;
}

/* line 4494, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .event-wid-wrap {
    margin: 0 auto;
    padding: 16px 20px 18px;
    border-radius: 4px;
}

/* line 4500, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .event-gate-info {
    overflow: hidden;
    font-size: 12px;
    letter-spacing: -.5px;
}

/* line 4506, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .event-gate-info > li {
    margin-bottom: 10px;
}

/* line 4510, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .event-gate-info > li:last-child {
    margin-bottom: 0;
}

/* line 4514, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .event-gate-info li .mark-list li {
    padding-left: 12px;
}

/* line 4518, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .event-gate-info li.gate-half {
    display: flex;
}

/* line 4522, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .event-gate-info li.gate-half .gate-header {
    flex: none;
    width: 80px;
    margin-right: 4px;
}

/* line 4528, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .event-gate-info li.gate-half .gate-header .txt-label {
    display: inline-block;
    height: 30px;
    background-color: #000;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 12px;
}

/* line 4539, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .event-join-info {
    overflow: hidden;
    padding-top: 5px;
}

/* line 4544, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .event-join-info li {
    position: relative;
}

/* line 4548, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .event-join-info li.mark-item {
    padding-left: 12px;
}

/* line 4552, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .event-join-info li .mark {
    position: absolute;
    left: 0;
    top: 0;
}

/* line 4558, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .event-join-info li.dotted {
    padding-left: 12px;
}

/* line 4562, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .event-join-info li.dotted::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 9px;
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background-color: #000;
}

/* line 4574, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .grid-line {
    position: relative;
    padding-top: 28px;
}

/* line 4579, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .grid-line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    display: block;
    width: 100%;
    border-top: 1px solid #e5e5e9;
    border-bottom: 1px solid #fff;
    height: 0;
}

/* line 4591, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .button-wrap-half {
    display: flex;
}

/* line 4595, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .button-wrap-half button {
    flex: 1;
}

/* line 4603, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .draw-content .pill-primary {
    display: inline-block;
    padding: 8px 14px;
    background-color: #fe6a2b;
    border-radius: 25px;
    color: #fff;
    line-height: 100%;
}

/* line 4612, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .draw-content .draw-info-swiper {
    padding: 16px 0 32px;
}

/* line 4620, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .draw-content .draw-info-swiper .swiper-slide {
    overflow: hidden;
    width: 192px;
    border: 1px solid #ebebec;
    border-radius: 8px;
    box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, 0.2);
    box-shadow: 0 6px 8px 1px rgba(0, 0, 0, 0.1);
}

/* line 4633, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .draw-content .draw-info-swiper .swiper-slide-shadow-right {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

/* line 4637, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .draw-content .draw-info-swiper .swiper-slide-shadow-left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

/* line 4641, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .draw-content .draw-info-swiper .swiper-slide.drawend-active::before {
    content: "응모마감";
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    z-index: 1;
    font-size: 24px;
    color: #fff;
}

/* line 4658, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .draw-content .draw-info-swiper .swiper-slide.prepare-active {
    opacity: .5;
}

/* line 4662, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .draw-content .draw-info-swiper .swiper-slide.drawstart-active {
    border: 2px solid #ff7f4c;
}

/* line 4670, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .attendance-list {
    display: flex;
    justify-content: center;
    padding-bottom: 12px;
}

/* line 4676, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .attendance-list .item {
    position: relative;
    width: 60px;
    margin: 0 5px;
}

/* line 4682, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .attendance-list .item::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 63%;
    width: 10px;
    height: 2px;
    background-color: #d9dbdc;
}

/* line 4693, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .attendance-list .item:last-child::after {
    display: none;
}

/* 20220324 // */
/* line 4698, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .attendance-list .item .date {
    display: block;
    text-align: center;
    white-space: nowrap;
}

/* // 20220324 */
/* line 4705, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .attendance-list .item .visual {
    display: block;
    position: relative;
    margin-top: 6px;
    text-align: center;
}

/* line 4712, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .item.apply .visual::before {
    content: "응모완료";
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
    color: #24fff2;
    font-size: 12px;
    font-weight: bold;
    line-height: 54px;
}

/* line 4729, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .item.apply .visual::after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 6px;
    height: 9px;
    border: solid #24fff2;
    border-width: 0 4px 4px 0;
    margin-top: 4px;
    margin-left: -4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
}

/* line 4748, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .item.pass .visual::before {
    content: "응모안함";
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    z-index: 1;
    background-color: rgba(213, 213, 216, 0.8);
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 54px;
}

/* line 4765, src/project/mobile/assets/styles/event.scss */
.event-draw-cheerup .item.pass .visual::after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 64%;
    display: block;
    width: 14px;
    height: 4px;
    background-color: #ffffff;
    margin-top: 2px;
    margin-left: -7px;
    z-index: 2;
}

/* // allmyt draw 프로모션 */
/* 20220506 // */
/* line 4786, src/project/mobile/assets/styles/event.scss */
.event-vvs-new {
    position: relative;
    max-width: 750px;
    width: 100%;
    font-size: 0;
    margin: auto;
}

/* line 4794, src/project/mobile/assets/styles/event.scss */
.event-vvs-new .hero-section {
    position: relative;
}

/* line 4798, src/project/mobile/assets/styles/event.scss */
.event-vvs-new .img-map-link {
    display: block;
    position: absolute;
    z-index: 1;
    background-color: transparent;
}

/* 20220512 // */
/* line 3808, src/project/mobile/assets/styles/event.scss */
.event-vvs-new .img-map-link.link-1 {
    left: 3.8%;
    top: 71.6%;
    width: 92.8%;
    height: 11.8%;
    border-radius: 8px;
}

/* line 3816, src/project/mobile/assets/styles/event.scss */
.event-vvs-new .img-map-link.link-2 {
    left: 3.8%;
    top: 84.2%;
    width: 92.8%;
    height: 11.8%;
    border-radius: 8px;
}

/* line 3824, src/project/mobile/assets/styles/event.scss */
.event-vvs-new .img-map-link.link-3 {
    left: 5%;
    top: 64.1%;
    width: 44%;
    height: 19.3%;
    border-radius: 12px;
}

/* line 3832, src/project/mobile/assets/styles/event.scss */
.event-vvs-new .img-map-link.link-4 {
    left: 51%;
    top: 64.1%;
    width: 44%;
    height: 19.3%;
    border-radius: 12px;
}

/* line 3840, src/project/mobile/assets/styles/event.scss */
.event-vvs-new .hero-play-area {
    overflow: hidden;
    position: absolute;
    left: 3.5%;
    top: 30%;
    width: 93%;
    border-radius: 8px;
}

/* // 20220512 */
/* line 4846, src/project/mobile/assets/styles/event.scss */
.event-vvs-new .play-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
}

/* line 4855, src/project/mobile/assets/styles/event.scss */
.event-vvs-new .play-wrap iframe,
.event-vvs-new .play-wrap object,
.event-vvs-new .play-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* line 4865, src/project/mobile/assets/styles/event.scss */
.event-vvs-new .play-wrap .ytp-show-cards-title {
    display: none;
}

/* line 4869, src/project/mobile/assets/styles/event.scss */
.event-vvs-new .event-vvs-hero {
    position: relative;
}

/* line 4873, src/project/mobile/assets/styles/event.scss */
.event-vvs-new .event-vvs-content {
    position: relative;
}

/* line 4881, src/project/mobile/assets/styles/event.scss */
.vvsevent-pr-details img {
    width: 100%;
}

/* line 4885, src/project/mobile/assets/styles/event.scss */
.event-vvs-new .fixed-button-wrap {
    display: flex;
    padding: 0 4% 16px;
}

/* line 4890, src/project/mobile/assets/styles/event.scss */
.event-vvs-new .fixed-button-wrap .btn-item {
    margin: 0 1%;
    flex: 1;
    background-color: #000;
}

/* line 4896, src/project/mobile/assets/styles/event.scss */
.event-vvs-new .fixed-button-wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -72px;
    padding: 16px 4% 16px;
    -webkit-transition: bottom .5s;
    transition: bottom .5s;
    z-index: 1100;
    background-color: #fff;
    box-shadow: 1px 2px 3px 3px rgba(0, 0, 0, 0.2);
}

/* line 4909, src/project/mobile/assets/styles/event.scss */
.event-vvs-new .fixed-button-wrap.footer-fixed {
    bottom: 0;
}

.offline-reservation .store-reservation-list .store-more a {
    flex: 1;
}

/* //20220506 */
/* 20220511 // */
/* line 3928, src/project/mobile/assets/styles/event.scss */
.event-familysale {
    position: relative;
    max-width: 750px;
    width: 100%;
    font-size: 0;
    margin: auto;
}

/* line 3929, src/project/mobile/assets/styles/event.scss */
.event-familysale .hero-section {
    position: relative;
}

/* line 3930, src/project/mobile/assets/styles/event.scss */
.event-familysale .img-map-link {
    display: block;
    position: absolute;
    z-index: 1;
}

/* line 3931, src/project/mobile/assets/styles/event.scss */
.event-familysale .img-map-link.link-1 {
    left: 5%;
    top: 75%;
    width: 90%;
    height: 10.1%;
    border-radius: 44px;
}

/* line 3932, src/project/mobile/assets/styles/event.scss */
.event-familysale .img-map-link.link-2 {
    left: 5%;
    top: 86%;
    width: 90%;
    height: 10.1%;
    border-radius: 44px;
}

/* line 3933, src/project/mobile/assets/styles/event.scss */
.event-familysale .store-confirm-button {
    margin: 20px 20px;
}

/* line 3934, src/project/mobile/assets/styles/event.scss */
.event-familysale .store-confirm-button .button-half-wrap {
    display: flex;
}

/* line 3935, src/project/mobile/assets/styles/event.scss */
.event-familysale .store-confirm-button .button-half-wrap button {
    flex: 1;
    margin-bottom: 10px;
}

/* line 3936, src/project/mobile/assets/styles/event.scss */
.event-familysale .store-confirm-button .button-half-wrap button:last-child {
    margin-left: 4px;
}

/* line 3937, src/project/mobile/assets/styles/event.scss */
.event-familysale .event-coupon {
    overflow: hidden;
    position: relative;
    background-color: #d9edec;
}

/* line 3938, src/project/mobile/assets/styles/event.scss */
.event-familysale .event-coupon::before {
    content: "";
    position: absolute;
    top: -6.5%;
    display: block;
    width: 27%;
    height: 12.5%;
    background-color: #289a93;
    border-radius: 100%;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
}

/* line 3939, src/project/mobile/assets/styles/event.scss */
.event-familysale .event-coupon::after {
    content: "Event 1";
    position: absolute;
    top: 1%;
    display: block;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 46px;
    line-height: 100%;
}

/* line 3940, src/project/mobile/assets/styles/event.scss */
.event-familysale .coupon-area::before {
    content: "";
    position: absolute;
    left: 5%;
    right: 5%;
    top: 0;
    display: block;
    height: 3%;
    background-color: #289a93;
    border-radius: 8px;
}

/* line 3941, src/project/mobile/assets/styles/event.scss */
.event-familysale .event-coupon .coupon-area {
    overflow: hidden;
    margin: 3% 5% 0;
    border-radius: 8px;
    box-shadow: 0px 4px 8px #a3a3a3;
}

/* line 3942, src/project/mobile/assets/styles/event.scss */
.event-familysale .event-coupon .coupon-area .coupon-wrap {
    overflow: hidden;
    position: relative;
    background-color: #fff;
}

/* line 3943, src/project/mobile/assets/styles/event.scss */
.event-familysale .event-coupon .coupon-area .button-wrap {
    margin: 12px 10%;
}

/* line 3944, src/project/mobile/assets/styles/event.scss */
.event-familysale .event-coupon .lagal-check-group {
    display: flex;
    padding: 4px 16px 4px 8px;
    background-color: #5b6068;
    justify-content: space-between;
    align-items: center;
}

/* line 3945, src/project/mobile/assets/styles/event.scss */
.event-familysale .event-coupon .img-coupon.sales-50 {
    margin-top: 8%;
}

/* line 3946, src/project/mobile/assets/styles/event.scss */
.event-familysale .event-coupon .lagal-check-group .label-txt {
    color: #fff;
}

/* 20220512 // */
/* line 3949, src/project/mobile/assets/styles/event.scss */
.event-familysale .event-coupon .coupon-dim {
    overflow: hidden;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

/* // 20220512 */

/* line 3948, src/project/mobile/assets/styles/event.scss */
.event-familysale .event-coupon .coupon-dim img {
    width: 100%;
}

/* line 3949, src/project/mobile/assets/styles/event.scss */
.event-familysale .event-coupon .coupon-dim.active {
    display: block;
}

/* line 3950, src/project/mobile/assets/styles/event.scss */
.event-familysale .event-gallery .tire-gallery-swiper {
    padding: 4% 5% 5%;
    background-color: #f9f9fa;
}

/* line 3951, src/project/mobile/assets/styles/event.scss */
.event-familysale .event-gallery .card.card-brand-tireinfo {
    width: 142px;
}

/* line 3952, src/project/mobile/assets/styles/event.scss */
.event-familysale .event-gallery .card a {
    display: block;
}

/* // 20220511 */
/* 라우펜 프로모션 20220627 // */
/* line 3959, src/project/mobile/assets/styles/event.scss */
.event-laufenn .hero-cta-area {
    position: relative;
}

/* line 3963, src/project/mobile/assets/styles/event.scss */
.event-laufenn .hero-cta-area .link-more {
    position: absolute;
    left: 4%;
    right: 4%;
    bottom: 0;
    height: 23%;
    border-radius: 4px;
}

/* line 3972, src/project/mobile/assets/styles/event.scss */
.event-content-section.event-content1 {
    position: relative;
    padding-bottom: 5%;
    background: url("../images/event/20220627/event_content1_middle.png") left top;
    background-repeat: repeat-y;
    background-size: contain;
}

/* line 3980, src/project/mobile/assets/styles/event.scss */
.event-content-section.event-content1::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 5%;
    background: url("../images/event/20220627/event_content1_footer.png") left top no-repeat;
    background-size: cover;
}

/* line 3991, src/project/mobile/assets/styles/event.scss */
.event-laufenn .event-content-section {
    position: relative;
}

/* line 3995, src/project/mobile/assets/styles/event.scss */
.event-laufenn .hero-play-area {
    overflow: hidden;
    width: 90%;
    margin: 5% auto 10%;
    border-radius: 8px;
}

/* line 4002, src/project/mobile/assets/styles/event.scss */
.event-laufenn .play-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
}

/* line 4011, src/project/mobile/assets/styles/event.scss */
.event-laufenn .play-wrap iframe,
.event-laufenn .play-wrap object,
.event-laufenn .play-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* line 4021, src/project/mobile/assets/styles/event.scss */
.event-laufenn .play-wrap .ytp-show-cards-title {
    display: none;
}

/* line 4025, src/project/mobile/assets/styles/event.scss */
.event-laufenn .event-content-section.event-content1 h3 {
    padding-top: 8px;
}

/* line 4029, src/project/mobile/assets/styles/event.scss */
.event-laufenn .event-laufenn-swiper {
    overflow: hidden;
    position: relative;
    padding-top: 55px;
    width: 320px;
    width: auto;
}

/* line 4037, src/project/mobile/assets/styles/event.scss */
.event-laufenn .event-laufenn-swiper .swiper-pagination {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 102px;
    height: 55px;
    padding-top: 16px;
    border-bottom: 1px solid #4b2885;
    line-height: 100%;
}

/* line 4049, src/project/mobile/assets/styles/event.scss */
.event-laufenn .event-laufenn-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #4b2885;
}

/* line 4053, src/project/mobile/assets/styles/event.scss */
.event-laufenn .event-laufenn-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background-color: #d9dbdc;
    display: inline-block;
    font-family: 'LineIcons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    vertical-align: middle;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* line 4073, src/project/mobile/assets/styles/event.scss */
.event-laufenn .event-laufenn-swiper .swiper-pagination .swiper-pagination-bullet::before {
    content: "\e90f";
    display: inline-block;
    width: inherit;
    height: inherit;
    line-height: inherit;
    vertical-align: middle;
    font-size: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

/* line 4087, src/project/mobile/assets/styles/event.scss */
.event-laufenn .event-laufenn-swiper {
    width: 320px;
    overflow: hidden;
}

/* line 4092, src/project/mobile/assets/styles/event.scss */
.event-laufenn .event-laufenn-swiper .swiper-wrapper {
    margin: auto;
}

/* line 4096, src/project/mobile/assets/styles/event.scss */
.event-laufenn .event-laufenn-swiper .swiper-slide {
    width: 320px;
    padding: 16px 12px 0;
}

/* line 4101, src/project/mobile/assets/styles/event.scss */
.event-laufenn .quize-contents {
    position: relative;
}

/* line 4105, src/project/mobile/assets/styles/event.scss */
.event-laufenn .quize-button-area {
    display: flex;
    justify-content: space-between;
    height: 180px;
    padding: 20px 2px 0;
}

/* line 4112, src/project/mobile/assets/styles/event.scss */
.event-laufenn .event-laufenn-swiper .quiz-button {
    width: 142px;
    height: 142px;
    box-shadow: inset 0 1px 10px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    border-radius: 6px;
}

/* line 4120, src/project/mobile/assets/styles/event.scss */
.event-laufenn .event-laufenn-swiper .answer-button {
    background: url("../images/event/20220627/icon_answer.png") 50% 50% no-repeat;
    background-size: 56px 56px;
}

/* line 4125, src/project/mobile/assets/styles/event.scss */
.event-laufenn .event-laufenn-swiper .reply-button {
    background: url("../images/event/20220627/icon_reply.png") 50% 50% no-repeat;
    background-size: 58px 54px;
}

/* line 4130, src/project/mobile/assets/styles/event.scss */
.event-laufenn .txt-raufenn {
    color: #4b2885;
}

/* line 4134, src/project/mobile/assets/styles/event.scss */
.event-laufenn .quize-result {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 16px;
    height: 180px;
    font-size: 22px;
    line-height: 33px;
    z-index: 1;
    background-color: #fff;
}

/* line 4147, src/project/mobile/assets/styles/event.scss */
.event-laufenn .quize-result.active {
    display: block;
}

/* line 4151, src/project/mobile/assets/styles/event.scss */
.event-laufenn .quize-result button {
    position: relative;
    width: 164px;
    margin-top: 16px;
}

/* line 4157, src/project/mobile/assets/styles/event.scss */
.event-laufenn .quize-result button .line-icons {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

/* line 4164, src/project/mobile/assets/styles/event.scss */
.event-laufenn .quize-answer-area button .line-icons {
    background-color: #fff;
    border-radius: 50%;
    color: #000;
}

/* line 4170, src/project/mobile/assets/styles/event.scss */
.event-laufenn .laufenn-event-join {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 56px;
    height: 180px;
    font-size: 22px;
    font-weight: 500;
    z-index: 1;
    background-color: #fff;
    color: #4b2885;
}

/* line 4184, src/project/mobile/assets/styles/event.scss */
.event-laufenn .laufenn-event-join.active {
    display: block;
}

/* line 4188, src/project/mobile/assets/styles/event.scss */
.event-laufenn .event-content3 {
    position: relative;
}

/* line 4192, src/project/mobile/assets/styles/event.scss */
.event-laufenn .event-content3 .laufenn-review-more {
    position: absolute;
    left: 7%;
    right: 7%;
    bottom: 9%;
    height: 9%;
    border-radius: 4px;
}

/* line 4201, src/project/mobile/assets/styles/event.scss */
.event-laufenn .fixed-button-wrap {
    display: flex;
    padding: 0 4% 16px;
}

/* line 4206, src/project/mobile/assets/styles/event.scss */
.event-laufenn .fixed-button-wrap .btn-item {
    margin: 0 1%;
    flex: 1;
    background-color: #000;
}

/* line 4212, src/project/mobile/assets/styles/event.scss */
.event-laufenn .fixed-button-wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -72px;
    padding: 16px 4% 16px;
    -webkit-transition: bottom .5s;
    transition: bottom .5s;
    z-index: 900;
    background-color: #fff;
    box-shadow: 1px 2px 3px 3px rgba(0, 0, 0, 0.2);
}

/* line 4225, src/project/mobile/assets/styles/event.scss */
.event-laufenn .fixed-button-wrap.footer-fixed {
    bottom: 0;
}

/* line 4229, src/project/mobile/assets/styles/event.scss */
.event-laufenn .lagal-check-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* // 20220627 */

/* // 20220627 */
/* line 4237, src/project/mobile/assets/styles/event.scss */
.event-hpx-content {
    position: relative;
}

/* line 4241, src/project/mobile/assets/styles/event.scss */
.event-hpx-content .img-map-link {
    position: absolute;
}

/* 20220720 // */
/* line 4246, src/project/mobile/assets/styles/event.scss */
.event-hpx-content .img-map-link.link-1 {
    left: 5%;
    top: 88.5%;
    width: 90%;
    height: 5%;
}

/* line 4253, src/project/mobile/assets/styles/event.scss */
.event-hpx-content .img-map-link.link-2 {
    left: 10%;
    top: 15%;
    width: 28%;
    height: 3%;
}

/* line 4260, src/project/mobile/assets/styles/event.scss */
.event-hpx-content .img-map-link.link-3 {
    left: 55%;
    top: 74%;
    width: 36%;
    height: 4.2%;
}

/* line 4267, src/project/mobile/assets/styles/event.scss */
.event-hpx-new .fixed-button-wrap {
    display: flex;
    padding: 0 4% 16px;
}

/* line 4272, src/project/mobile/assets/styles/event.scss */
.event-hpx-new .fixed-button-wrap .btn-item {
    margin: 0 1%;
    flex: 1;
    background-color: #000;
}

/* line 4278, src/project/mobile/assets/styles/event.scss */
.event-hpx-new .fixed-button-wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -72px;
    padding: 16px 4% 16px;
    -webkit-transition: bottom .5s;
    transition: bottom .5s;
    z-index: 900;
    background-color: #fff;
    box-shadow: 1px 2px 3px 3px rgba(0, 0, 0, 0.2);
}

/* line 4291, src/project/mobile/assets/styles/event.scss */
.event-hpx-new .fixed-button-wrap.footer-fixed {
    bottom: 0;
}

/* line 4295, src/project/mobile/assets/styles/event.scss */
.hpx-gift-panner .btn-popup-close {
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
}

/* //20220720 */

/* 20220725 // */
/* line 4305, src/project/mobile/assets/styles/event.scss */
.freeday-event-content {
    position: relative;
}

/* line 4309, src/project/mobile/assets/styles/event.scss */
.freeday-event-content .img-map-link {
    position: absolute;
}

/* 20220728// */
/* line 4313, src/project/mobile/assets/styles/event.scss */
.freeday-event-content .img-map-link.link-1 {
    left: 36.5%;
    top: 43.1%;
    width: 54.5%;
    height: 1.75%;
}

/* line 4320, src/project/mobile/assets/styles/event.scss */
.freeday-event-content .img-map-link.link-2 {
    left: 5%;
    top: 72.4%;
    width: 90%;
    height: 2.5%;
}

/* //20220728 */

/* // 20220725 */

/* 20220824// */
/* line 4330, src/project/mobile/assets/styles/event.scss */
.icon-confirm-finish::before {
    content: "";
    display: block;
    width: 100px;
    height: 70px;
    margin: 16px auto;
    background-image: url(../images/event/20220818/icon_confirm.png);
    background-size: 70px auto;
    background-repeat: no-repeat;
    background-position: right top;
}
/* //20220824 */
/* 20220829// */
.event-thankyou {
    position: relative;
    max-width: 750px;
    width: 100%;
    font-size: 0;
    margin: auto;
}

.event-thankyou .hero-section,
.event-thankyou .contents-section.event2 {
    position: relative;
}

.event-thankyou .img-map-link {
    position: absolute;
}

/* 20220830// */
.event-thankyou .img-map-link.link-event2 {
    left: 5%;
    bottom: 5.4%;
    width: 90%;
    height: 7.4%;
    border-radius: 25px;
}
/* //20220830 */

.event-thankyou .thankyou-gallery-swiper .tire-gallery-swiper {
    padding: 4% 5% 5%;
     background-color: #f9f9fa;
}


/* 20220830// */
.event-thankyou .thankyou-gallery-swiper .card.card-brand-tireinfo img,
.event-thankyou .thankyou-gallery-swiper .card.card-brand-tireinfo {
    width: 142px;
    margin-left: -1px;
}

.event-thankyou .thankyou-gallery-swiper .card a {
    display: block;
}

.event-thankyou .thankyou-gallery-swiper .swiper-slide {
    display: flex;
     width: 142px;
     flex-direction: column;
     align-self: flex-end;
}
/* //20220830 */

.event-thankyou .store-confirm-button {
    margin: 20px 20px;
}

.event-thankyou .store-confirm-button .button-half-wrap {
    display: flex;
}

/* 20220830// */
.event-thankyou .store-confirm-button .button-half-wrap button {
    flex: 1;
    margin-bottom: 15px;
    white-space: nowrap;
}
/* //20220830 */

.event-thankyou .store-confirm-button .button-half-wrap button:last-child {
    margin-left: 4px;
}

.event-thankyou .tire-gallery-tab .swiper-slide {
    width: 80px ;
}

.event-thankyou .tire-gallery-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.event-thankyou .tire-gallery-tabs .tab {
    width: 32.3%;
    margin-bottom: 4px;
}

.event-thankyou .tire-gallery-tabs .tab button {
    width: 100%;
     height: 30px;
    border: 1px solid #c0c6ce;
    background-color: #c0c6ce;
    border-radius: 4px;
}

/* 20220830// */
.event-thankyou .tire-gallery-tabs .tab button.active {
    border: 1px solid #d9dbdc;
    background-color: #fff;
}
/* //20220830 */

.event-thankyou .tire-gallery-tabs .tab button.tab-ventus {
    background-image: url(../images/event/20220818/card/tab_vts_off.png);
    background-size: 58px 8px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.event-thankyou .tire-gallery-tabs .tab button.tab-dynapro {
    background-image: url(../images/event/20220818/card/tab_dnp_off.png);
    background-size: 70px 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.event-thankyou .tire-gallery-tabs .tab button.tab-kinergy {
    background-image: url(../images/event/20220818/card/tab_kng_off.png);
    background-size: 58px 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.event-thankyou .tire-gallery-tabs .tab button.tab-laufenn {
    background-image: url(../images/event/20220818/card/tab_laf_off.png);
    background-size: 69px 7px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.event-thankyou .tire-gallery-tabs .tab button.tab-ion {
    background-image: url(../images/event/20220818/card/tab_ion_off.png);
    background-size: 35px 14px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.event-thankyou .tire-gallery-tabs .tab button.active.tab-ventus {
    background-image: url(../images/event/20220818/card/tab_vts_on.png);
}

.event-thankyou .tire-gallery-tabs .tab button.active.tab-dynapro {
    background-image: url(../images/event/20220818/card/tab_dnp_on.png);
}

.event-thankyou .tire-gallery-tabs .tab button.active.tab-kinergy {
    background-image: url(../images/event/20220818/card/tab_kng_on.png);
}

.event-thankyou .tire-gallery-tabs .tab button.active.tab-laufenn {
    background-image: url(../images/event/20220818/card/tab_laf_on.png);
}

.event-thankyou .tire-gallery-tabs .tab button.active.tab-ion {
    background-image: url(../images/event/20220818/card/tab_ion_on.png);
}

.event-thankyou .hero-player-section {
    overflow: hidden;
     display: block;
     position: relative;
     padding-bottom: 56.5%;
     padding-top: 0;
     height: 0;
     background-color: black;
 }
 
.event-thankyou .hero-player-section .player-img {
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     background: url(../images/event/20220818/bg_player.png) left top;
     background-size: contain;
     background-repeat: repeat;
}

.event-thankyou .hero-player-section .player-wrap {
    pointer-events: none;
 }
 
.event-thankyou .hero-player-section .play-link1 {
    position: absolute;
     bottom: 10%;
     left: 8.5%;
     z-index: 2;
     display: block;
      width: 38%;
     height: 20%;
     border: 1px solid red;
}

.event-thankyou .hero-player-section .play-link2 {
    position: absolute;
     bottom: 10%;
     right: 8.5%;
     z-index: 2;
     display: block;
      width: 38%;
     height: 20%;
     border: 1px solid red;
}

.event-thankyou .contents-section .sub-headcopy {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #000;
    color: #fff;
    line-height: 32px;
    font-size: 15px;
}

.event-thankyou .store-confirm-button .noti {
    position: relative;
    margin-top: 12px;
    padding-left: 8px;
    font-size: 12px;
    color: #5b6068;
}

.event-thankyou .store-confirm-button .noti::before {
    content: "\00B7";
    position: absolute;
    left: 0;
    display: inline-block;
    margin-right: 2px;
    color: #2a3138;
}

.event-thankyou .check-item .label-txt {
    white-space: nowrap;
    font-size: 11px;
    letter-spacing: -.5px;
}

.event-thankyou .btn-thankyou-xs {
    height: 20px;
    line-height: 16px;
    padding: 0 6px;
    letter-spacing: -.5px;
}

.event-thankyou .lagal-check-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.event-thankyou .legal-check-wrap {
    white-space: nowrap;
}

.event-thankyou .legal-check-wrap .popup-full {
    line-height: 32px;
}

.event-thankyou .check-item .labelling {
    padding-left: 30px;
    padding-right: 0;
}
/* //20220829 */

/* 20220830// */
.contents-section.tire-gallery {
    background-color: #f2f2f7;
}
/* //20220830 */

.thankyou-gallery-swiper.ion-gallery .swiper-slide a {
    position: relative;
}

.thankyou-gallery-swiper.ion-gallery .swiper-slide .ion-commng {
	display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/event/20220818/card/ion_commin.png);
    background-size: 100% auto;
    background-position: 50% 50%;
}

/* line 5050, src/project/mobile/assets/styles/event.scss */
.superweek-offline .sort-result .franchisee strong {
    position: relative;
}

/* line 5054, src/project/mobile/assets/styles/event.scss */
.store-info .ev-store::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -8px;
    display: inline-block;
    width: 81px;
    height: 20px;
    background-image: url(../images/event/20220915/label_ev_store.png);
    background-size: 81px 20px;
}

/* 20220915// */
/* line 4629, src/project/mobile/assets/styles/event.scss */
.tire-gallery .sub-headcopy {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #000;
    color: #fff;
    line-height: 32px;
    font-size: 15px;
}

/* line 4640, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-wrap .tire-gallery-swiper {
    padding: 4% 5% 5%;
    background-color: #f9f9fa;
}

/* line 4645, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-wrap .card.card-brand-tireinfo img,
.tire-gallery .tire-gallery-wrap .card.card-brand-tireinfo {
    width: 142px;
    margin-left: -1px;
}

/* line 4651, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-wrap .card a {
    display: block;
}

/* line 4655, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-wrap .swiper-slide {
    display: flex;
    width: 142px;
    flex-direction: column;
    align-self: flex-end;
}

/* line 4663, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tab .swiper-slide {
    width: 80px;
}

/* line 4667, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* line 4673, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab {
    width: 32.3%;
    margin-bottom: 4px;
}

/* line 4678, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button {
    width: 100%;
    height: 30px;
    border: 1px solid #c0c6ce;
    background-color: #c0c6ce;
    border-radius: 4px;
}

/* line 4686, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.active {
    border: 1px solid #d9dbdc;
    background-color: #fff;
}

/* line 4691, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.tab-ventus {
    background-image: url(../images/event/20220818/card/tab_vts_off.png);
    background-size: 58px 8px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* line 4698, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.tab-dynapro {
    background-image: url(../images/event/20220818/card/tab_dnp_off.png);
    background-size: 70px 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* line 4705, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.tab-kinergy {
    background-image: url(../images/event/20220818/card/tab_kng_off.png);
    background-size: 58px 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* line 4712, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.tab-laufenn {
    background-image: url(../images/event/20220818/card/tab_laf_off.png);
    background-size: 69px 7px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* line 4719, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.tab-ion {
    background-image: url(../images/event/20220818/card/tab_ion_off.png);
    background-size: 35px 14px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* line 4726, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.active.tab-ventus {
    background-image: url(../images/event/20220818/card/tab_vts_on.png);
}

/* line 4730, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.active.tab-dynapro {
    background-image: url(../images/event/20220818/card/tab_dnp_on.png);
}

/* line 4734, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.active.tab-kinergy {
    background-image: url(../images/event/20220818/card/tab_kng_on.png);
}

/* line 4738, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.active.tab-laufenn {
    background-image: url(../images/event/20220818/card/tab_laf_on.png);
}

/* line 4742, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.active.tab-ion {
    background-image: url(../images/event/20220818/card/tab_ion_on.png);
}

/* line 4746, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap {
    margin: 20px 20px;
}

/* line 4750, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .button-half-wrap {
    display: flex;
}

/* line 4754, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .button-half-wrap button {
    flex: 1;
    margin-bottom: 15px;
    white-space: nowrap;
}

/* line 4760, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .button-half-wrap button:last-child {
    margin-left: 4px;
}

/* line 4764, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .noti {
    position: relative;
    margin-top: 12px;
    padding-left: 8px;
    font-size: 12px;
    color: #5b6068;
}

/* line 4772, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .noti::before {
    content: "\00B7";
    position: absolute;
    left: 0;
    display: inline-block;
    margin-right: 2px;
    color: #2a3138;
}

/* line 4781, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .check-item .label-txt {
    white-space: nowrap;
    font-size: 11px;
    letter-spacing: -.5px;
}

/* line 4787, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .btn-xs {
    height: 20px;
    line-height: 16px;
    padding: 0 6px;
    letter-spacing: -.5px;
}

/* line 4794, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .lagal-check-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* line 4800, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .legal-check-wrap {
    white-space: nowrap;
}

/* line 4804, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .legal-check-wrap .popup-full {
    line-height: 32px;
}

/* line 4808, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .check-item .labelling {
    padding-left: 30px;
    padding-right: 0;
}

/* line 4813, src/project/mobile/assets/styles/event.scss */
.modal-item[data-ref='ion-gallery'] .modal-pannel .modal-header {
    background-color: transparent;
    box-shadow: none;
}

/* line 4818, src/project/mobile/assets/styles/event.scss */
.modal-item[data-ref='ion-gallery'] .modal-pannel .modal-header h3 {
    font-size: 0;
    text-indent: -9999px;
}

/* line 4823, src/project/mobile/assets/styles/event.scss */
.modal-item[data-ref='ion-event'] .txt-italic {
    font-style: italic;
}

/* line 4827, src/project/mobile/assets/styles/event.scss */
.modal-item[data-ref='ion-event'] .img-content img {
    width: 100%;
    font-size: 0;
}

/* line 4832, src/project/mobile/assets/styles/event.scss */
.modal-item[data-ref='ion-event'] .setion-headcopy {
    text-align: center;
    line-height: 150%;
}

/* line 4833, src/project/mobile/assets/styles/event.scss */
.modal-item[data-ref='ion-event'] .setion-headcopy strong {
    display: block;
}

/* line 4835, src/project/mobile/assets/styles/event.scss */
.event-ionnew .contents-section.event1 {
    position: relative;
    margin: 0 10px 20px;
}

/* line 4840, src/project/mobile/assets/styles/event.scss */
.event-ionnew .contents-section.event2 {
    position: relative;
    margin: 0 10px 20px;
}

/* line 4845, src/project/mobile/assets/styles/event.scss */
.event-ionnew .contents-section.event3 {
    position: relative;
    margin: 0 10px;
}

/* line 4850, src/project/mobile/assets/styles/event.scss */
.event-ionnew .contents-section .img-map-link {
    display: block;
    position: absolute;
}

/* line 4855, src/project/mobile/assets/styles/event.scss */
.event-ionnew .contents-section.event1 .link-event1 {
    left: 23%;
    bottom: 3%;
    right: 23%;
    height: 11%;
}

/* line 4862, src/project/mobile/assets/styles/event.scss */
.event-ionnew .contents-section.event2 .link-event2 {
    left: 23%;
    bottom: 3%;
    right: 23%;
    height: 11%;
}

/* line 4869, src/project/mobile/assets/styles/event.scss */
.event-ionnew .contents-section.event3 .link-event3 {
    left: 23%;
    bottom: 3%;
    right: 23%;
    height: 11%;
}

/* line 4876, src/project/mobile/assets/styles/event.scss */
.ion-event-contents .store-cta-wrap {
    margin: 0 10px;
}

/* line 4880, src/project/mobile/assets/styles/event.scss */
.loader-before {
    position: relative;
}

/* line 4884, src/project/mobile/assets/styles/event.scss */
.loader-before::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    margin: -12px;
    height: 24px;
    width: 24px;
    border: 3px solid #fe6a2b;
    border-right-color: #fff;
    border-top-color: #fff;
    border-radius: 100%;
    animation: spin 800ms infinite linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

/* line 4907, src/project/mobile/assets/styles/event.scss */
.check-item.ion-check-wrap {
    display: inline-block;
    width: auto;
    min-width: 30px;
    height: auto;
    min-height: 30px;
    line-height: 100%;
    font-size: 0;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    vertical-align: middle;
    cursor: default;
    border-radius: 30px;
    background-color: #fff;
}

/* line 4924, src/project/mobile/assets/styles/event.scss */
.check-item.ion-check-wrap .icon-holder {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 30px;
    background-color: #fff;
}

/* line 4937, src/project/mobile/assets/styles/event.scss */
.check-item.ion-check-wrap .line-icons,
.check-item.ion-check-wrap .icon-holder::before {
    width: 30px;
    height: 30px;
    border: 0;
}

/* line 4944, src/project/mobile/assets/styles/event.scss */
.check-item.ion-check-wrap input[type="checkbox"]:checked ~ .labelling .icon-holder span:after,
.check-item.ion-check-wrap input[type="checkbox"]:checked ~ .icon-holder span:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/event/20220915/icon_checked_on.png);
    background-size: 30px 30px;
}

/* line 4955, src/project/mobile/assets/styles/event.scss */
.ion-gift-join-section .rowgroup {
    padding: 4px 10px;
}

/* line 4959, src/project/mobile/assets/styles/event.scss */
.ion-gift-join-section .rowheader {
    padding-left: 15px;
}

/* line 4963, src/project/mobile/assets/styles/event.scss */
.ion-gift-join-section .rowheader .row-header-copy {
    color: #27aaa5;
    font-weight: bold;
}

/* line 4968, src/project/mobile/assets/styles/event.scss */
.ion-gift-join-section .rowgroup .row {
    display: flex;
    height: 80px;
    background-color: #f2f2f7;
    border-radius: 8px;
    align-items: center;
    padding: 15px 60px 15px 15px;
}

/* line 4977, src/project/mobile/assets/styles/event.scss */
.ion-gift-join-section .rowgroup .row.opt1 {
    background-image: url(../images/event/20220915/icon1.png);
    background-size: 40px 40px;
    background-position: 96% 50%;
    background-repeat: no-repeat;
}

/* line 4984, src/project/mobile/assets/styles/event.scss */
.ion-gift-join-section .rowgroup .row.opt2 {
    background-image: url(../images/event/20220915/icon2.png);
    background-size: 40px 40px;
    background-position: 96% 50%;
    background-repeat: no-repeat;
}

/* line 4991, src/project/mobile/assets/styles/event.scss */
.ion-gift-join-section .rowgroup .row.opt3 {
    background-image: url(../images/event/20220915/icon3.png);
    background-size: 40px 40px;
    background-position: 96% 50%;
    background-repeat: no-repeat;
}

/* line 4998, src/project/mobile/assets/styles/event.scss */
.ion-gift-join-section .rowgroup .row.opt4 {
    background-image: url(../images/event/20220915/icon4.png);
    background-size: 40px 40px;
    background-position: 96% 50%;
    background-repeat: no-repeat;
}

/* line 5005, src/project/mobile/assets/styles/event.scss */
.ion-gallery-section .txt-italic {
    font-style: italic;
}

/* line 5009, src/project/mobile/assets/styles/event.scss */
.ion-gallery-section {
    position: relative;
}

/* line 5013, src/project/mobile/assets/styles/event.scss */
.ion-gallery-section .setion-headcopy {
    text-align: center;
    line-height: 150%;
}

/* line 5018, src/project/mobile/assets/styles/event.scss */
.ion-gallery-section .setion-headcopy strong {
    display: block;
}

/* line 5022, src/project/mobile/assets/styles/event.scss */
.ion-carinfo-gallery .swiper-slide {
    width: auto;
    height: 125px;
}

/* line 5027, src/project/mobile/assets/styles/event.scss */
.ion-carinfo-gallery .swiper-slide .carinfon {
    display: block;
    width: auto;
    padding: 0 6px;
    height: 100%;
}

/* line 5034, src/project/mobile/assets/styles/event.scss */
.ion-carinfo-gallery .swiper-slide .carinfon img {
    width: auto;
    height: 100%;
}

/* line 5039, src/project/mobile/assets/styles/event.scss */
.modal-item[data-ref='ion-event'] .event2 .setion-subcopy,
.ion-gallery-section .setion-subcopy {
    width: 160px;
    height: 25px;
    margin: auto;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 25px;
}

/* line 5050, src/project/mobile/assets/styles/event.scss */
.superweek-offline .sort-result .franchisee strong {
    position: relative;
}

/* line 5054, src/project/mobile/assets/styles/event.scss */
.store-info .ev-store::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -8px;
    display: inline-block;
    width: 81px;
    height: 20px;
    background-image: url(../images/event/20220915/label_ev_store.png);
    background-size: 81px 20px;
}

/* //20220915 */  

/* 20220922// */
/* line 4628, src/project/mobile/assets/styles/event.scss */
.tire-gallery .sub-headcopy {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #000;
    color: #fff;
    line-height: 32px;
    font-size: 15px;
}

/* line 4639, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-wrap .tire-gallery-swiper {
    padding: 4% 5% 5%;
    background-color: #f9f9fa;
}

/* line 4644, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-wrap .card.card-brand-tireinfo img,
.tire-gallery .tire-gallery-wrap .card.card-brand-tireinfo {
    width: 142px;
    margin-left: -1px;
}

/* line 4650, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-wrap .card a {
    display: block;
}

/* line 4654, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-wrap .swiper-slide {
    display: flex;
    width: 142px;
    flex-direction: column;
    align-self: flex-end;
}

/* line 4662, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tab .swiper-slide {
    width: 80px;
}

/* line 4666, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* line 4672, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab {
    width: 32.3%;
    margin-bottom: 4px;
}

/* line 4677, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button {
    width: 100%;
    height: 30px;
    border: 1px solid #c0c6ce;
    background-color: #c0c6ce;
    border-radius: 4px;
}

/* line 4685, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.active {
    border: 1px solid #d9dbdc;
    background-color: #fff;
}

/* line 4690, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.tab-ventus {
    background-image: url(../images/event/20220818/card/tab_vts_off.png);
    background-size: 58px 8px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* line 4697, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.tab-dynapro {
    background-image: url(../images/event/20220818/card/tab_dnp_off.png);
    background-size: 70px 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* line 4704, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.tab-kinergy {
    background-image: url(../images/event/20220818/card/tab_kng_off.png);
    background-size: 58px 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* line 4711, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.tab-laufenn {
    background-image: url(../images/event/20220818/card/tab_laf_off.png);
    background-size: 69px 7px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* line 4718, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.tab-ion {
    background-image: url(../images/event/20220818/card/tab_ion_off.png);
    background-size: 35px 14px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* line 4725, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.active.tab-ventus {
    background-image: url(../images/event/20220818/card/tab_vts_on.png);
}

/* line 4729, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.active.tab-dynapro {
    background-image: url(../images/event/20220818/card/tab_dnp_on.png);
}

/* line 4733, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.active.tab-kinergy {
    background-image: url(../images/event/20220818/card/tab_kng_on.png);
}

/* line 4737, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.active.tab-laufenn {
    background-image: url(../images/event/20220818/card/tab_laf_on.png);
}

/* line 4741, src/project/mobile/assets/styles/event.scss */
.tire-gallery .tire-gallery-tabs .tab button.active.tab-ion {
    background-image: url(../images/event/20220818/card/tab_ion_on.png);
}

/* line 4745, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap {
    margin: 20px 20px;
}

/* line 4749, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .button-half-wrap {
    display: flex;
}

/* line 4753, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .button-half-wrap button {
    flex: 1;
    margin-bottom: 15px;
    white-space: nowrap;
}

/* line 4759, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .button-half-wrap button:last-child {
    margin-left: 4px;
}

/* line 4763, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .noti {
    position: relative;
    margin-top: 12px;
    padding-left: 8px;
    font-size: 12px;
    color: #5b6068;
}

/* line 4771, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .noti::before {
    content: "\00B7";
    position: absolute;
    left: 0;
    display: inline-block;
    margin-right: 2px;
    color: #2a3138;
}

/* line 4780, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .check-item .label-txt {
    white-space: nowrap;
    font-size: 11px;
    letter-spacing: -.5px;
}

/* line 4786, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .btn-xs {
    height: 20px;
    line-height: 16px;
    padding: 0 6px;
    letter-spacing: -.5px;
}

/* line 4793, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .lagal-check-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* line 4799, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .legal-check-wrap {
    white-space: nowrap;
}

/* line 4803, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .legal-check-wrap .popup-full {
    line-height: 32px;
}

/* line 4807, src/project/mobile/assets/styles/event.scss */
.store-cta-wrap .check-item .labelling {
    padding-left: 30px;
    padding-right: 0;
}

/* line 4812, src/project/mobile/assets/styles/event.scss */
.modal-item[data-ref='ion-gallery'] .modal-pannel .modal-header {
    background-color: transparent;
    box-shadow: none;
}

/* line 4817, src/project/mobile/assets/styles/event.scss */
.modal-item[data-ref='ion-gallery'] .modal-pannel .modal-header h3 {
    font-size: 0;
    text-indent: -9999px;
}

/* line 4822, src/project/mobile/assets/styles/event.scss */
.modal-item[data-ref='ion-event'] .txt-italic {
    font-style: italic;
}

/* line 4826, src/project/mobile/assets/styles/event.scss */
.modal-item[data-ref='ion-event'] .img-content img {
    width: 100%;
    font-size: 0;
}

/* line 4831, src/project/mobile/assets/styles/event.scss */
.modal-item[data-ref='ion-event'] .setion-headcopy {
    text-align: center;
    line-height: 200%;
}

/* line 4832, src/project/mobile/assets/styles/event.scss */
.modal-item[data-ref='ion-event'] .setion-headcopy strong {
    display: block;
}

/* line 4834, src/project/mobile/assets/styles/event.scss */
.event-ionnew .contents-section.event1 {
    position: relative;
    margin: 0 10px 20px;
}

/* line 4839, src/project/mobile/assets/styles/event.scss */
.event-ionnew .contents-section.event2 {
    position: relative;
    margin: 0 10px 20px;
}

/* line 4844, src/project/mobile/assets/styles/event.scss */
.event-ionnew .contents-section.event3 {
    position: relative;
    margin: 0 10px;
}

/* line 4849, src/project/mobile/assets/styles/event.scss */
.event-ionnew .contents-section .img-map-link {
    display: block;
    position: absolute;
}

/* line 4854, src/project/mobile/assets/styles/event.scss */
.event-ionnew .contents-section.event1 .link-event1 {
    left: 23%;
    bottom: 4%;
    right: 23%;
    height: 11%;
}

/* line 4861, src/project/mobile/assets/styles/event.scss */
.event-ionnew .contents-section.event2 .link-event2 {
    left: 23%;
    bottom: 5.5%;
    right: 23%;
    height: 11%;
}

/* line 4868, src/project/mobile/assets/styles/event.scss */
.event-ionnew .contents-section.event3 .link-event3 {
    left: 23%;
    bottom: 5.5%;
    right: 23%;
    height: 11%;
}

/* line 4875, src/project/mobile/assets/styles/event.scss */
.ion-event-contents .store-cta-wrap {
    margin: 0 10px;
}

/* line 4879, src/project/mobile/assets/styles/event.scss */
.loader-before {
    position: relative;
}

/* line 4883, src/project/mobile/assets/styles/event.scss */
.loader-before::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    margin: -12px;
    height: 24px;
    width: 24px;
    border: 3px solid #fe6a2b;
    border-right-color: #fff;
    border-top-color: #fff;
    border-radius: 100%;
    animation: spin 800ms infinite linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

/* line 4906, src/project/mobile/assets/styles/event.scss */
.check-item.ion-check-wrap {
    display: inline-block;
    width: auto;
    min-width: 30px;
    height: auto;
    min-height: 30px;
    line-height: 100%;
    font-size: 0;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    vertical-align: middle;
    cursor: default;
    border-radius: 30px;
    background-color: #fff;
}

/* line 4923, src/project/mobile/assets/styles/event.scss */
.check-item.ion-check-wrap .icon-holder {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 30px;
    background-color: #fff;
}

/* line 4936, src/project/mobile/assets/styles/event.scss */
.check-item.ion-check-wrap .line-icons,
.check-item.ion-check-wrap .icon-holder::before {
    width: 30px;
    height: 30px;
    border: 0;
}

/* line 4943, src/project/mobile/assets/styles/event.scss */
.check-item.ion-check-wrap input[type="checkbox"]:checked ~ .labelling .icon-holder span:after,
.check-item.ion-check-wrap input[type="checkbox"]:checked ~ .icon-holder span:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/event/20220915/icon_checked_on.png);
    background-size: 30px 30px;
}

/* line 4954, src/project/mobile/assets/styles/event.scss */
.ion-gift-join-section .rowgroup {
    padding: 4px 10px;
}

/* line 4958, src/project/mobile/assets/styles/event.scss */
.ion-gift-join-section .rowheader {
    padding-left: 15px;
}

/* line 4962, src/project/mobile/assets/styles/event.scss */
.ion-gift-join-section .rowheader .row-header-copy {
    color: #27aaa5;
    font-weight: bold;
}

/* line 4967, src/project/mobile/assets/styles/event.scss */
.ion-gift-join-section .rowgroup .row {
    display: flex;
    height: 80px;
    background-color: #f2f2f7;
    border-radius: 8px;
    align-items: center;
    padding: 15px 60px 15px 15px;
}

/* line 4976, src/project/mobile/assets/styles/event.scss */
.ion-gift-join-section .rowgroup .row.opt1 {
    background-image: url(../images/event/20220915/icon1.png);
    background-size: 40px 40px;
    background-position: 96% 50%;
    background-repeat: no-repeat;
}

/* line 4983, src/project/mobile/assets/styles/event.scss */
.ion-gift-join-section .rowgroup .row.opt2 {
    background-image: url(../images/event/20220915/icon2.png);
    background-size: 40px 40px;
    background-position: 96% 50%;
    background-repeat: no-repeat;
}

/* line 4990, src/project/mobile/assets/styles/event.scss */
.ion-gift-join-section .rowgroup .row.opt3 {
    background-image: url(../images/event/20220915/icon3.png);
    background-size: 40px 40px;
    background-position: 96% 50%;
    background-repeat: no-repeat;
}

/* line 4997, src/project/mobile/assets/styles/event.scss */
.ion-gift-join-section .rowgroup .row.opt4 {
    background-image: url(../images/event/20220915/icon4.png);
    background-size: 40px 40px;
    background-position: 96% 50%;
    background-repeat: no-repeat;
}

/* line 5004, src/project/mobile/assets/styles/event.scss */
.ion-gallery-section .txt-italic {
    font-style: italic;
}

/* line 5008, src/project/mobile/assets/styles/event.scss */
.ion-gallery-section {
    position: relative;
}

/* line 5012, src/project/mobile/assets/styles/event.scss */
.ion-gallery-section .setion-headcopy {
    text-align: center;
    line-height: 150%;
}

/* line 5017, src/project/mobile/assets/styles/event.scss */
.ion-gallery-section .setion-headcopy strong {
    display: block;
}

/* line 5021, src/project/mobile/assets/styles/event.scss */
.ion-carinfo-gallery .swiper-slide {
    width: auto;
    height: 125px;
}

/* line 5026, src/project/mobile/assets/styles/event.scss */
.ion-carinfo-gallery .swiper-slide .carinfon {
    display: block;
    width: auto;
    padding: 0 6px;
    height: 100%;
}

/* line 5033, src/project/mobile/assets/styles/event.scss */
.ion-carinfo-gallery .swiper-slide .carinfon img {
    width: auto;
    height: 100%;
}

/* line 5038, src/project/mobile/assets/styles/event.scss */
.modal-item[data-ref='ion-event'] .event2 .setion-subcopy,
.ion-gallery-section .setion-subcopy {
    width: 160px;
    height: 25px;
    margin: auto;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 25px;
}

/* line 5049, src/project/mobile/assets/styles/event.scss */
.superweek-offline .sort-result .franchisee strong {
    position: relative;
}

/* line 5053, src/project/mobile/assets/styles/event.scss */
.store-info .ev-store::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -8px;
    display: inline-block;
    width: 81px;
    height: 20px;
    background-image: url(../images/event/20220915/label_ev_store.png);
    background-size: 81px 20px;
}

/* line 5065, src/project/mobile/assets/styles/event.scss */
.event-ionnew .fixed-button-wrap {
    padding: 20px;
}

/* line 5069, src/project/mobile/assets/styles/event.scss */
.event-ionnew .fixed-button-wrap .btn-item {
    background-color: #000;
    border-radius: 8px;
    color: #24fff2;
}

/* line 5075, src/project/mobile/assets/styles/event.scss */
.event-ionnew .fixed-button-wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -72px;
    padding: 16px 10px 16px;
    -webkit-transition: bottom .5s;
    transition: bottom .5s;
    z-index: 900;
    background-color: #fff;
    box-shadow: 1px 2px 3px 3px rgba(0, 0, 0, 0.2);
}

/* line 5088, src/project/mobile/assets/styles/event.scss */
.event-ionnew .fixed-button-wrap.footer-fixed {
    bottom: 0;
}

/* line 5092, src/project/mobile/assets/styles/event.scss */
.event-ionnew .lagal-check-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* line 5098, src/project/mobile/assets/styles/event.scss */
.modal-item[data-ref='ion-event'] .lagal-check-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* line 5103, src/project/mobile/assets/styles/event.scss */
.modal-item[data-ref='ion-event'] .setion-headcopy em {
    color: #27aaa5;
}

/* //20220922 */

/* 20230216 start */
.event-price-stability.detail-popup {
    padding-bottom: 60px;
}

.event-price-stability section {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.event-price-stability section > img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.event-price-stability section > a {
    font-size: 0;
    display: block;
    position: absolute;
    width: 72.53%;
    height: 4.217%;
}

.event-price-stability section > a.btn-see-more-event1 { left: 13.73%; top: 42.36%; }
.event-price-stability section > a.btn-see-more-event2 { left: 13.73%; top: 90.72%; }

.event-price-stability .blind {
    font-size: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.event-price-stability section .header {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.event-price-stability section .header > img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.event-tire-lineup .lineup-brand-title {
    margin-top: 24px;
}

.event-tire-lineup .swiper-slide {
    display: flex;
    width: 140px;
    flex-direction: column;
    align-items: flex-start;
    align-self: flex-end;
}

.event-tire-lineup .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0,0,0,0.12);
}

.event-tire-lineup .swiper-slide img.brand-title { box-shadow: none; }

.event-tire-lineup .swiper-slide strong {
    display: inline-block;
    width: 52px;
    min-width: 0;
    background: #2a3138;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 20px;
    border-radius: 2px;
    margin-bottom: 6px;
}

.event-tire-lineup button[class*="btn-slideto"] {
    width: 100px;
    height: 28px;
    line-height: 26px;
    border-radius: 14px;
    margin: 0 3px;
    padding: 0;
}

.event-tire-lineup button[class*="btn-slideto"].dummy { pointer-events: none !important; }

.event-tire-lineup button[class*="btn-slideto"] > img {
    width: auto;
    height: 12px;
    vertical-align: middle;
    margin: 0 !important;
}

.event-tire-lineup button[class*="btn-slideto"] > .label-txt {
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

/* 20230216 end */

/* 20230503 start */
.event-family-day .section-wrap {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 0 12px 40px;
    background: #2bc4db;
}

.event-family-day .section-wrap > section {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.event-family-day .event-gift-swiper {
    padding: 8px 20px;
}

.event-family-day .event-gift-swiper .swiper-wrapper {
    align-items: stretch;
}

.event-family-day .event-gift-swiper .swiper-slide {
    width: 132px;
    height: auto;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border-radius: 8px;
    gap: 8px;
    background: #F2F2F7;
    padding: 8px 0 12px;
}




.event-family-day .event-gift-swiper .swiper-slide .trunk {
    flex: 1 0 auto;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 8px;
    position: relative;
}

.event-family-day .event-gift-swiper .swiper-slide .trunk:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../images/event/20230503/coleman_logo.png');
    background-size: 54px auto;
    background-repeat: no-repeat;
    background-position: 5px 0;
}

.event-family-day .event-gift-swiper .swiper-slide .trunk img {
    flex: none;
    display: block;
    width: 100%;
    height: auto;
}

.event-family-day .event-gift-swiper .swiper-slide.soldout .trunk img {
    filter: grayscale(1);
    opacity: 0.3;
}

.event-family-day .event-gift-swiper .swiper-slide .footer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-family-day .event-gift-swiper .swiper-slide .footer .current-status {
    display: inline-block;
    background: #fff;
    padding: 0 12px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 24px;
}

.event-family-day .event-gift-swiper .swiper-slide .footer .current-status em {
    font-weight: 700;
    font-style: normal;
}

.event-family-day .btn-see-more-event1-tire {
    position: absolute;
    width: 49.287%;
    height: 6.8817%;
    top: 59.032%;
    left: 24.216%;
}

.event-family-day .btn-see-more-event1-detail {
    position: absolute;
    width: 49.287%;
    height: 6.8817%;
    top: 87.526%;
    left: 24.216%;
}

/* 20230503 update#4 start */
.event-family-day .btn-see-more-event2-tire {
    position: absolute;
    width: 49.287%;
    height: 6.142%;
    top: 54.702%;
    left: 24.643%;
}
/* 20230503 update#4 end */

.family-day-gift-page .gift-select-section {
    width: 100%;
    height: auto;
    padding: 24px 20px;
}

.family-day-gift-page .gift-select-radio-wrap {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px 8px;
}

.family-day-gift-page .gift-select-radio-wrap .col {
    flex: 0 0 calc((100% - 16px) / 3);
    height: auto;
    -webkit-tap-highlight-color: transparent;
}

.family-day-gift-page .gift-select-radio-wrap div.col {
    align-self: stretch;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
}

.family-day-gift-page .gift-select-radio-wrap div.col span {
    display: inline-block;
    width: auto;
    text-align: left;
}

.family-day-gift-page .gift-select-radio-wrap label input {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
}

.family-day-gift-page .gift-select-radio-wrap label .labelling {
    width: 100%;
    height: 100%;
    background: #F2F2F7;
    padding: 8px 0 12px;
    position: relative;
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border-radius: 8px;
    gap: 8px;
}

.family-day-gift-page .gift-select-radio-wrap label:active input:not(:disabled) .labelling,
.family-day-gift-page .gift-select-radio-wrap label input:checked ~ .labelling {
    border-color: #fe6a2b;
    background: #fff;
}

.family-day-gift-page .gift-select-radio-wrap label .labelling:before {
    content: '';
    display: block;
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    left: 6px;
    background: #fff;
    border: 1px solid #D9DBDC;
}

.family-day-gift-page .gift-select-radio-wrap label input:disabled ~ .labelling:before {
    display: none;
}

.family-day-gift-page .gift-select-radio-wrap label .labelling:after {
    content: '';
    display: block;
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 10px;
    left: 10px;
    background: #fe6a2b;
    transform: translateZ(0) scale(0);
    transition: all 0.3s;
}

.family-day-gift-page .gift-select-radio-wrap label input:checked ~ .labelling:after {
    transform: translateZ(0) scale(1);
}

.family-day-gift-page .gift-select-radio-wrap label .labelling .trunk {
    flex: 1 0 auto;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 8px;
    position: relative;
}

.family-day-gift-page .gift-select-radio-wrap label input:disabled ~ .labelling .trunk:after {
    content: '신청이\A마감되었습니다';
    white-space: pre-wrap;
    display: inline-block;
    width :100%;
    height: auto;
    line-height: 140%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 12px;
    font-weight: 500;
}

.family-day-gift-page .gift-select-radio-wrap label .labelling .trunk img {
    flex: none;
    display: block;
    width: 100%;
    height: auto;
}

.family-day-gift-page .gift-select-radio-wrap label input:disabled ~ .labelling .trunk img {
    filter: grayscale(1);
    opacity: 0.2;
}

.family-day-gift-page .gift-select-radio-wrap label .labelling .footer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.family-day-gift-page .gift-select-radio-wrap label .labelling .footer .current-status {
    display: inline-block;
    background: #fff;
    padding: 0 12px;
    border-radius: 12px;
    font-size: 11px;
    line-height: 24px;
}

.family-day-gift-page .gift-select-radio-wrap label input:checked ~ .labelling .footer .current-status { background: #F2F2F7; }

.family-day-gift-page .gift-select-radio-wrap label .labelling .footer .current-status em {
    font-weight: 700;
    font-style: normal;
}

.family-day-gift-page .subscription-section {
    width: 100%;
    height: auto;
    position: relative;
    padding: 24px 20px;
}

.family-day-gift-page .subscription-section .section-headline {
    letter-spacing: -1px;
}

.family-day-gift-page .subscription-section .section-headline.underline {
    border-bottom: 1px solid #d9dbdc;
}

.family-day-gift-page .subscription-list-section .rowgroup {
    margin-top: 8px;
    padding: 16px 16px 24px 16px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #d9dbdc;
}

.family-day-gift-page .subscription-list-section .rowgroup .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 4px 0;
}

.family-day-gift-page .form-control.form-control-inline.inline-md label {
    font-size: 14px;
}

.family-day-gift-page .noti-section .section-headline {
    line-height: 49px;
}

.family-day-gift-page .noti-section .explan-list .bul-icon {
    position: relative;
    padding-left: 8px;
}

.family-day-gift-page .noti-section .explan-list .bul-icon::before {
    content: '\b7\a0';
    position: absolute;
    left: 0px;
}

.family-day-gift-page .noti-rowgroup .explan-list .bul-icon {
    position: relative;
    padding-left: 8px;
}

.family-day-gift-page .noti-rowgroup .explan-list .bul-icon::before {
    content: '\b7\a0';
    position: absolute;
    left: 0px;
}

.family-day-gift-page .input-group.separated {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}

.family-day-gift-page .input-group.separated input {
    flex: 1 0 1;
    min-width: 0;
    max-width: 60px;
    width: auto;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.family-day-gift-page .input-group.phone-number .flex-4 {
    position: relative;
    padding-left: 18px;
}

.family-day-gift-page .input-group.phone-number .flex-4::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    display: block;
    font-size: 0;
    width: 10px;
    height: 1px;
    background-color: #a0a6af;
}

.family-day-gift-page .input-group .search-address-btn {
    width: 100%;
    height: auto;
    min-height: 40px;
    display: block;
    padding: 8px 16px;
    padding-right: 28px;
    font-size: 14px;
    line-height: 22px;
    color: #2a3138;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    text-align: left;
    background: initial;
}

.family-day-gift-page .input-group .search-address-btn.readonly {
    background-color: #f9f9fa;
    padding: 8px 16px;
}

.family-day-gift-page .input-group .search-address-btn:active { border-color: #fe6a2b; }

.family-day-gift-page .input-group .search-address-btn:empty:before {
    content: '배송주소를 등록해 주세요';
    color: #a0a6af;
}

.family-day-gift-page .input-group .search-address-btn:after {
    content: "\e92e";
    font-family: 'LineIcons';
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    position: absolute;
    bottom: 9px;
    right: 8px;
}

.family-day-gift-page .input-group .search-address-btn.readonly:after { display: none; }

.family-day-gift-page .reg-info {
    width: 100%;
    height: auto;
    background-color: #f9f9fa;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.family-day-gift-page .reg-info .img-wrap {
    width: auto;
    height: auto;
    position: relative;
}

.family-day-gift-page .reg-info .img-wrap:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../images/event/20230503/coleman_logo.png');
    background-size: 60px auto;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.family-day-gift-page .reg-info img {
    display: block;
    width: 180px;
}
/* 20230503 update#2 start */
.family-day-gift-page .gift-terms-section table tr th,
.family-day-gift-page .gift-terms-section table tr td {
    border: 1px solid #e6e6e6;
    padding: 4px;
    font-size: 11px;
    line-height: 125%;
    text-align: center;
}

.family-day-gift-page .gift-terms-section table tr th {
    white-space: nowrap;
    background: #f2f2f2;
}

.family-day-gift-page .gift-terms-section table tr td { color: #5b6068; }

.family-day-gift-page .gift-terms-section table tr td.txt-left { text-align: left; }
/* 20230503 update#2 end */
/* 20230503 end */

/* 20230615 start */
.event-ion-evo-launching section {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.event-ion-evo-launching section > img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.event-ion-evo-launching .event-tire-swiper {
    background: #f2f2f7;
    padding: 12px 16px 16px;
}

.event-ion-evo-launching .event-tire-swiper:not(.size-21inch) .swiper-wrapper {
    justify-content: center;
}

.event-ion-evo-launching .event-tire-swiper:not(.size-21inch) .swiper-wrapper .swiper-slide {
    margin-left: 6px;
    margin-right: 6px;
}

.event-ion-evo-launching .event-tire-swiper .swiper-slide {
    width: calc(100% / 2.2);
    height: auto;
    font-size: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    
}
/* 20230615 end */

/* 20230705 start */
.event-h750 .hero-section {
    width: 100%;
    height: auto;
    position: relative;
}

/* 20230705 update#2 start */
.event-h750 .hero-section .kv-effect {
    width: 100%;
    height: auto;
    position: relative;
}

.event-h750 .hero-section .bg-dummy {
    width: 100%;
    height: auto;
    visibility: hidden;
}

.event-h750 .hero-section .bg-layer {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.event-h750 .hero-section .bg-layer .weather-caption {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.event-h750 .hero-section .object-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.event-h750 .hero-section .object-layer .hero-tire {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 0.4s 1s linear;
}

.event-h750 .hero-section .object-layer .hero-tire.on {
    opacity: 1;
    z-index: 1;
    transition: opacity 0.5s linear;
}

.event-h750 .hero-section .hero-title {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
/* 20230705 update#2 end */


.event-gift-page .gift-select-section {
    width: 100%;
    height: auto;
    padding: 24px 20px;
}

.event-gift-page .gift-select-radio-wrap {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px 8px;
}

.event-gift-page .gift-select-radio-wrap .col {
    flex: 0 0 calc((100% - 16px) / 3);
    height: auto;
    -webkit-tap-highlight-color: transparent;
}

.event-gift-page .gift-select-radio-wrap div.col {
    align-self: stretch;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
}

.event-gift-page .gift-select-radio-wrap div.col span {
    display: inline-block;
    width: auto;
    text-align: left;
}

.event-gift-page .gift-select-radio-wrap label input {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
}

.event-gift-page .gift-select-radio-wrap label .labelling {
    width: 100%;
    height: 100%;
    background: #F2F2F7;
    padding: 8px 0 12px;
    position: relative;
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border-radius: 8px;
    gap: 8px;
}

.event-gift-page .gift-select-radio-wrap label:active input:not(:disabled) .labelling,
.event-gift-page .gift-select-radio-wrap label input:checked ~ .labelling {
    border-color: #fe6a2b;
    background: #fff;
}

.event-gift-page .gift-select-radio-wrap label .labelling:before {
    content: '';
    display: block;
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    left: 6px;
    background: #fff;
    border: 1px solid #D9DBDC;
}

.event-gift-page .gift-select-radio-wrap label input:disabled ~ .labelling:before {
    display: none;
}

.event-gift-page .gift-select-radio-wrap label .labelling:after {
    content: '';
    display: block;
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 10px;
    left: 10px;
    background: #fe6a2b;
    transform: translateZ(0) scale(0);
    transition: all 0.3s;
}

.event-gift-page .gift-select-radio-wrap label input:checked ~ .labelling:after {
    transform: translateZ(0) scale(1);
}

.event-gift-page .gift-select-radio-wrap label .labelling .trunk {
    flex: 1 0 auto;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 8px;
    position: relative;
}

.event-gift-page .gift-select-radio-wrap label input:disabled ~ .labelling .trunk:after {
    content: '신청이\A마감되었습니다';
    white-space: pre-wrap;
    display: inline-block;
    width :100%;
    height: auto;
    line-height: 140%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 12px;
    font-weight: 500;
}

.event-gift-page .gift-select-radio-wrap label .labelling .trunk img {
    flex: none;
    display: block;
    width: 100%;
    height: auto;
}

.event-gift-page .gift-select-radio-wrap label input:disabled ~ .labelling .trunk img {
    filter: grayscale(1);
    opacity: 0.2;
}

.event-gift-page .gift-select-radio-wrap label .labelling .footer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-gift-page .gift-select-radio-wrap label .labelling .footer .current-status {
    display: inline-block;
    background: #fff;
    padding: 0 12px;
    border-radius: 12px;
    font-size: 11px;
    line-height: 24px;
}

.event-gift-page .gift-select-radio-wrap label input:checked ~ .labelling .footer .current-status { background: #F2F2F7; }

.event-gift-page .gift-select-radio-wrap label .labelling .footer .current-status em {
    font-weight: 700;
    font-style: normal;
}

.event-gift-page .subscription-section {
    width: 100%;
    height: auto;
    position: relative;
    padding: 24px 20px;
}

.event-gift-page .subscription-section .section-headline {
    letter-spacing: -1px;
}

.event-gift-page .subscription-section .section-headline.underline {
    border-bottom: 1px solid #d9dbdc;
}

.event-gift-page .subscription-list-section .rowgroup {
    margin-top: 8px;
    padding: 16px 16px 24px 16px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #d9dbdc;
}

.event-gift-page .subscription-list-section .rowgroup .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 4px 0;
}

.event-gift-page .form-control.form-control-inline.inline-md label {
    font-size: 14px;
}

.event-gift-page .noti-section .section-headline {
    line-height: 49px;
}

.event-gift-page .noti-section .explan-list .bul-icon {
    position: relative;
    padding-left: 8px;
}

.event-gift-page .noti-section .explan-list .bul-icon::before {
    content: '\b7\a0';
    position: absolute;
    left: 0px;
}

.event-gift-page .noti-rowgroup .explan-list .bul-icon {
    position: relative;
    padding-left: 8px;
}

.event-gift-page .noti-rowgroup .explan-list .bul-icon::before {
    content: '\b7\a0';
    position: absolute;
    left: 0px;
}

.event-gift-page .input-group.separated {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}

.event-gift-page .input-group.separated input {
    flex: 1 0 1;
    min-width: 0;
    max-width: 60px;
    width: auto;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.event-gift-page .input-group.phone-number .flex-4 {
    position: relative;
    padding-left: 18px;
}

.event-gift-page .input-group.phone-number .flex-4::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    display: block;
    font-size: 0;
    width: 10px;
    height: 1px;
    background-color: #a0a6af;
}

.event-gift-page .input-group .search-address-btn {
    width: 100%;
    height: auto;
    min-height: 40px;
    display: block;
    padding: 8px 16px;
    padding-right: 28px;
    font-size: 14px;
    line-height: 22px;
    color: #2a3138;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    text-align: left;
    background: initial;
}

.event-gift-page .input-group .search-address-btn.readonly {
    background-color: #f9f9fa;
    padding: 8px 16px;
}

.event-gift-page .input-group .search-address-btn:active { border-color: #fe6a2b; }

.event-gift-page .input-group .search-address-btn:empty:before {
    content: '배송주소를 등록해 주세요';
    color: #a0a6af;
}

.event-gift-page .input-group .search-address-btn:after {
    content: "\e92e";
    font-family: 'LineIcons';
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    position: absolute;
    bottom: 9px;
    right: 8px;
}

.event-gift-page .input-group .search-address-btn.readonly:after { display: none; }

.event-gift-page .reg-info {
    width: 100%;
    height: auto;
    background-color: #f9f9fa;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-gift-page .reg-info .img-wrap {
    width: auto;
    height: auto;
    position: relative;
}

.event-gift-page .reg-info .img-wrap:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../images/event/20230503/coleman_logo.png');
    background-size: 60px auto;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.event-gift-page .reg-info img {
    display: block;
    width: 180px;
}
/* 20230503 update#2 start */
.event-gift-page .gift-terms-section table tr th,
.event-gift-page .gift-terms-section table tr td {
    border: 1px solid #e6e6e6;
    padding: 4px;
    font-size: 11px;
    line-height: 125%;
    text-align: center;
}

.event-gift-page .gift-terms-section table tr th {
    white-space: nowrap;
    background: #f2f2f2;
}

.event-gift-page .gift-terms-section table tr td { color: #5b6068; }

.event-gift-page .gift-terms-section table tr td.txt-left { text-align: left; }
/* 20230705 end */

/* 20230712 start */
.event-hk-festa .tire-gift-swiper {
    padding: 0 16px;
}

.event-hk-festa .tire-gift-swiper .swiper-control .btn-item {
    width: 88px;
}

.event-hk-festa .tire-gift-swiper .swiper-control .btn-item.on {
    background: #000;
    border-color: transparent;
    color: #fff;
}

.event-hk-festa .tire-gift-swiper .swiper-slide:nth-of-type(1) { width: auto; }
.event-hk-festa .tire-gift-swiper .swiper-slide:nth-of-type(2) { width: auto; }
.event-hk-festa .tire-gift-swiper .swiper-slide:nth-of-type(3) { width: auto; }

.event-hk-festa .gift-matching {
    width: 100%;
    height: auto;
    position: relative;
}


.event-hk-festa .gift-matching img {
    opacity: 0;
    transition: all 0.3s;
}
.event-hk-festa .gift-matching img.on { opacity: 1; }

.event-hk-festa .gift-matching img:nth-of-type(1) { position: relative; }
.event-hk-festa .gift-matching img:nth-of-type(2) { position: absolute; top: 0; left: 0; }
.event-hk-festa .gift-matching img:nth-of-type(3) { position: absolute; top: 0; left: 0; }
/* 20230712 end */