* {
	box-sizing: border-box;
}

.eventDeadline {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 7px;
}

.eventDeadlineMeta {
	display: flex;
	min-width: 0;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.eventDeadlinePeriod {
	min-width: 0;
	overflow: hidden;
	color: #868E96;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.eventDeadlineLabel {
	flex-shrink: 0;
	color: #7A515B;
	font-weight: 700;
}

.eventDeadline.urgent .eventDeadlineLabel {
	color: #BB2649;
}

.eventDeadlineTrack {
	display: block;
	width: 100%;
	height: 6px;
	overflow: hidden;
	background-color: #E9ECEF;
	border-radius: 999px;
}

.eventDeadlineTrack>span {
	display: block;
	height: 100%;
	background-color: #B9959E;
	border-radius: inherit;
	transition: width .25s ease;
}

.eventDeadline.urgent .eventDeadlineTrack>span {
	background-color: #BB2649;
}

.wrap.event.pc {}

.wrap.event.pc #secEventLeft {
	width: 288px;
	height: calc(100vh - 240px);
	margin-top:44px;
	gap: 20px;
	position: fixed;
}

.wrap.event.pc #secEventContent {
	width: calc(100% - 288px);
	margin-top: 44px;
	padding-left: 74px;
	position: relative;
	left:288px;
}

.wrap.event.pc .containerV2 {
	width: 1400px;
	margin: 0 auto;
}

.wrap.event.pc #secEventLeft .searchArea {
	background-color: #F1F3F5;
	border-radius: 12px;
	overflow: hidden;
	padding: 7px 15px;
}

.wrap.event.pc #secEventLeft .searchArea>.inputArea {
	width: calc(100% - 24px);
}

.wrap.event.pc #secEventLeft .searchArea>.inputArea input {
	height: 48px;
	padding: 12px 0px;
	font-size: 15px;
}

.wrap.event.pc #secEventLeft .searchArea>.iconArea {
	width: 24px;
}

.wrap.event.pc #secEventLeft .searchArea>.iconArea>i {
	font-size: 24px;
}

.wrap.event.pc #secEventLeft>.eventMenuArea {
	gap: 5px;
	overflow-y:scroll;
}

.wrap.event.pc #secEventLeft>.eventMenuArea>.item {
    width:96%;
	position: relative;
	border-radius: 10px;
	color: #495057;
	font-weight: 400;
}

.wrap.event.pc #secEventLeft>.eventMenuArea>.item .pick {
	display: none;
	position: absolute;
	right: 14px;
	top: 12px;
	padding-top: 3px;
	box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.10);
}

.wrap.event.pc #secEventLeft>.eventMenuArea>.item.count .pick {
	display: block;
	background-color: #BB2649;
	color: #fff;
	font-size: 13px;
	width: 22px;
	height: 22px;
	border-radius: 11px;
}

.wrap.event.pc #secEventLeft>.eventMenuArea>.item.on {
	background-color: #BB2649;
	color: #fff;
}

.wrap.event.pc #secEventLeft>.eventMenuArea>.item.on .eventDeadlinePeriod,
.wrap.event.pc #secEventLeft>.eventMenuArea>.item.on .eventDeadlineLabel {
	color: #fff;
}

.wrap.event.pc #secEventLeft>.eventMenuArea>.item.on .eventDeadlineTrack {
	background-color: rgba(255, 255, 255, .28);
}

.wrap.event.pc #secEventLeft>.eventMenuArea>.item.on .eventDeadlineTrack>span {
	background-color: #fff;
}

.wrap.event.pc #secEventLeft>.eventMenuArea>.item.on.count .pick {
	display: block;
	background-color: #ffffff;
	color: #BB2649;
	font-size: 13px;
	width: 22px;
	height: 22px;
	border-radius: 11px;
}

.wrap.event.pc #secEventLeft>.eventMenuArea>.item:not(.on):hover {
	background-color: #F1F3F5;
}

.wrap.event.pc #secEventLeft>.eventMenuArea>.item a {
	display: block;
	padding: 12px 15px;
	font-size: 15px;
}

.wrap.event.pc #secEventLeft>.eventMenuArea>.item.count a {
	padding-right: 48px;
}

.wrap.event.pc #secEventLeft .eventMenuTitle {
	display: -webkit-box;
	overflow: hidden;
	line-height: 21px;
	word-break: keep-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.wrap.event.pc #secEventLeft .eventDeadlineMenu {
	margin-top: 7px;
	gap: 5px;
}

.wrap.event.pc #secEventLeft .eventDeadlineMenu .eventDeadlineMeta {
	gap: 8px;
	font-size: 11px;
}

.wrap.event.pc #secEventLeft .eventDeadlineMenu .eventDeadlineTrack {
	height: 3px;
}

.wrap.event.pc #secEventContent .categoryArea {
	margin-bottom:20px;
}

.wrap.event.pc #secEventContent .categoryArea>.filter {
	margin-right:16px;
}

.wrap.event.pc #secEventContent .categoryArea>.filter i {
	font-size:16px;
}

.wrap.event.pc #secEventContent .categoryArea>.filter .txt {
	font-size:16px;
	font-weight:600;
	line-height:16px;
	margin-left:4px;
	color: #212529;
}

.wrap.event.pc #secEventContent .categoryArea>.item {
	gap: 8px;
	font-size: 15px;
	margin-right: 8px;
	padding: 10px;
}

.wrap.event.pc #secEventContent .categoryArea>.item.active {
    background-color: #F8F9FA;
    border-radius: 10px;
}

.wrap.event.pc #secEventContent .categoryArea>.item input[type=checkbox] {
	display: none;
}

.wrap.event.pc #secEventContent .categoryArea>.item .checkLabel {
	display: flex;
	width: 20px;
	height: 20px;
	border: 1px solid #CED4DA;
	border-radius: 3px;
	cursor: pointer;
}

.wrap.event.pc #secEventContent .categoryArea>.item .checkLabel i {
	display: none;
}

.wrap.event.pc #secEventContent .categoryArea>.item .checkLabel+label {
	cursor: pointer;
	font-size: 15px;
    font-weight: 500;
    color: #495057;
}

.wrap.event.pc #secEventContent .categoryArea>.item input[type=checkbox]:checked+label {
	background-color: #BB2649;
	border: 1px solid #BB2649;
}

.wrap.event.pc #secEventContent .categoryArea>.item input[type=checkbox]:checked+label i {
	display: block;
	color: #fff;
}

.wrap.event.pc #secEventContent>.eventMain .emTitle {
	font-size: 18px;
}

.wrap.event.pc #secEventContent>.eventMain .emTitle span {
	font-size: 28px;
	margin-right: 8px;
}

.wrap.event.pc #secEventContent .eventDeadlineDetail,
.wrap.event.pc #secEventContent .eventGroupHeader .eventDeadlineDetail {
	max-width: 520px;
	margin-top: 12px;
}

.wrap.event.pc #secEventContent .eventDeadlineDetail .eventDeadlineMeta,
.wrap.event.pc #secEventContent .eventGroupHeader .eventDeadlineDetail .eventDeadlineMeta {
	font-size: 16px;
}

.wrap.event.pc #secEventContent .eventDeadlineDetail .eventDeadlineLabel,
.wrap.event.pc #secEventContent .eventGroupHeader .eventDeadlineDetail .eventDeadlineLabel {
	font-size: 18px;
}

.wrap.event.pc #secEventContent .eventDeadlineDetail .eventDeadlineTrack,
.wrap.event.pc #secEventContent .eventGroupHeader .eventDeadlineDetail .eventDeadlineTrack {
	height: 7px;
}

.wrap.event.pc #secEventContent>.eventMain .emImg {
	margin-top: 20px;
	border-radius: 30px;
	overflow: hidden;
}

.wrap.event.pc #secEventContent>.eventDetailList {
	margin: 40px 0px 80px 0px;
	gap: 24px;
}

.wrap.event.pc #secEventContent>.eventDetailList .middleTitle {
	font-size: 24px;
	font-weight: bold;
	margin-top: 8px;
}

.wrap.event.pc #secEventContent>.eventDetailList .eventGroupHeader {
	margin-top: 40px;
	padding-top: 24px;
	border-top: 2px solid #212529;
}

.wrap.event.pc #secEventContent>.eventDetailList .eventGroupHeader:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.wrap.event.pc #secEventContent>.eventDetailList .eventGroupHeader .emTitle {
	font-size: 18px;
}

.wrap.event.pc #secEventContent>.eventDetailList .eventGroupHeader .emTitle span {
	font-size: 28px;
	margin-right: 8px;
}

.wrap.event.pc #secEventContent>.eventDetailList .eventGroupHeader .eventGroupImg {
	margin-top: 20px;
	border-radius: 30px;
	overflow: hidden;
}

.wrap.event.pc #secEventContent>.eventDetailList .eventGroupHeader .eventGroupImg img {
	width: 100%;
	display: block;
}

.wrap.event.pc #secEventContent>.eventDetailList .middleItmes {
	gap: 10px;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox {
	border: 1px solid #DEE2E6;
	border-radius: 30px;
	gap: 10px;
	padding: 25px;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .subTitle {
	font-size: 20px;
	font-weight: bold;
	color: #212529;
	margin-bottom: 6px;
	align-items: center;
	gap: 6px;
	white-space: pre-line;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .subTitle .subTag{
    display: flex;
    align-items: center;
    height: 17px;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
	color: #fff;
	border-radius: 4px;
	padding: 5px;
	gap: 4px;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .subTitle .subTag.subPick{
    background-color: #BB2649;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .subTitle .subTag.subMust{
    background-color: #00B2FF;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .subTitle .subTag.subNew{
    background-color: #FFC300;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .subTitle .subTag.subHit{
    background-color: #000000;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .subContent {
	font-size: 16px;
	color: #868E96;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .sIcon {
	border: 1px solid #DEE2E6;
	width: 24px;
	height: 24px;
	border-radius: 4px;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .sIcon i {
	color: #868E96;

    /* 회전의 중심축을 우측 하단으로 설정 */
    transform-origin: bottom right;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .sIcon.hasSubInfo {
	border-color: #DEE2E6;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .sIcon.hasSubInfo i {
	color: #868E96;
}
.wrap.event.pc #secEventContent>.eventDetailList .subBox .sIcon.hasSubInfo:hover i {
    animation: gentle-shake 1s ease-in-out infinite;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .sIcon:disabled {
	border-color: #DEE2E6;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .sIcon:disabled i {
	color: #DEE2E6;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .sCon {
	width: calc(100% - 24px);
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .subItem {
	width: 100%;
	background-color: #F8F9FA;
	padding: 15px;
	border-radius: 12px;
	margin-top: 24px;
	cursor: pointer;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .subItem:hover {
	background-color: #F1F3F5;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .subItem .subItemCon {
	gap: 8px;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .subItem .subItemCon .ppp {
	margin-top: auto;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .subItem .tedSubTitle {
	color: #495057;
	font-size: 15px;
	font-weight: bold;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .subItem .tedOriPrice {
	color: #C4C4C4;
	font-size: 14px;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .subItem .tedPrdPrice {
	color: #212529;
	font-size: 20px;
	font-weight: bold;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .subItem .plus {
	margin-left: auto;
	width: 20px;
	height: 20px;
	background-color: #DEE2E6;
	color: #fff;
	font-size: 10px;
	border-radius: 4px;
}

.wrap.event.pc #secEventContent>.eventDetailList .subBox .subItem.on .plus {
	background-color: #BB2649;
	color: #fff;
}

.wrap.event.pc>.eventPcBottomFixed {
	position: fixed;
	bottom: 0px;
	width: 100%;
	background-color: #F7F4F4;
}

.wrap.event.pc>.eventPcBottomFixed .containerV2 {
	height: 70px;
}

.wrap.event.pc>.eventPcBottomFixed .containerV2 .ll {
	gap: 6px;
}

.wrap.event.pc>.eventPcBottomFixed .containerV2 .ll img {
	width: 14px;
	height: 14px;
}

.wrap.event.pc>.eventPcBottomFixed .containerV2 .ll .txt {
	color: #212529;
	font-size: 16px;
}

.wrap.event.pc>.eventPcBottomFixed .containerV2 .ll .txt span {
	font-weight: bold;
}

.wrap.event.pc>.eventPcBottomFixed .containerV2 .rr {
	margin-left: auto;
}

.wrap.event.pc>.eventPcBottomFixed .containerV2 .rr>div {
	gap: 20px;
}

.wrap.event.pc>.eventPcBottomFixed .containerV2 .rr .txt1 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 4px;
	color: #495057;
}

.wrap.event.pc>.eventPcBottomFixed .containerV2 .rr .txt2 {
	font-size: 28px;
	font-weight: bold;
	color: #212529;
}

.wrap.event.pc>.eventPcBottomFixed .containerV2 .rr .reloadBtn {
	color: #212529;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background-color: #fff;
	cursor: pointer;
}

.wrap.event.pc>.eventPcBottomFixed .containerV2 .rr .resBtn {
	background-color: #BB2649;
	color: #fff;
	border-radius: 12px;
	height: 42px;
	padding: 0px 20px;
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
}

#eventTemplateModal {
	width: 1080px;
}

#eventTemplateModal .sgModalContents {
	padding: 24px;
}

#eventTemplateModal .bbox {
	background-color: #F7F4F4;
	width: 500px;
	padding: 24px;
	border-radius: 24px;
}

#eventTemplateModal .bbox .title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
}

#eventTemplateModal .bbox1 {
	gap: 8px;
}

#eventTemplateModal .bbox1 .list {
	height: 400px;
	gap: 8px;
	overflow-y: scroll;
	padding-right: 4px;
}

#eventTemplateModal .bbox1 .list::-webkit-scrollbar {
	width: 6px;
}

#eventTemplateModal .bbox1 .list::-webkit-scrollbar-thumb {
	background-color: #B9959E;
	border-radius: 8px;
	background-clip: padding-box;
	border: 2px solid transparent;
}

#eventTemplateModal .bbox1 .list::-webkit-scrollbar-track {
	background-color: #EEEEEE;
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px #EEEEEE;
}

#eventTemplateModal .bbox1 .list .item {
	background-color: #fff;
	padding: 15px 12px;
	border-radius: 12px;
	padding: 20px;
}

#eventTemplateModal .bbox1 .list .item .t1 {
	font-size: 15px;
	font-weight: bold;
	color: #495057;
	margin-bottom: 6px;
}

#eventTemplateModal .bbox1 .list .item .t1 .icon {
	margin-left: auto;
	width: 20px;
	height: 20px;
	color: #868E96;
	background-color: #DEE2E6;
	border-radius: 4px;
	cursor: pointer;
}

#eventTemplateModal .bbox1 .list .item .t2 {
	font-size: 12px;
	color: #C4C4C4;
}

#eventTemplateModal .bbox1 .list .item .t3 {
	font-size: 20px;
	color: #212529;
	font-weight: bold;
}

#eventTemplateModal .bbox1 .total {
	background-color: #EEE4E4;
	padding: 24px 12px;
	border-radius: 12px;
}

#eventTemplateModal .bbox1 .totalPriceTxt {
	color: #495057;
	font-size: 18px;
}

#eventTemplateModal .bbox1 .totalPrice {
	font-size: 24px;
	color: #BB2649;
	font-weight: bold;
}

#eventTemplateModal .bbox2 {
	gap: 8px;
}

#eventTemplateModal .bbox2 .inputArea {
	gap: 10px;
}

#eventTemplateModal .bbox2 .inputGroup1 .inputLabel {
	width: 100%;
}

#eventTemplateModal .bbox2 .inputGroup2 {
	gap: 10px;
}

#eventTemplateModal .bbox2 .inputGroup2 .inputLabel {
	width: 50%;
}

#eventTemplateModal .bbox2 .inputLabel.date input {
	width: calc(100% - 24px);
}

#eventTemplateModal .bbox2 .inputLabel.date i {
	font-size: 20px;
	color: #1F1F1F;
}

#eventTemplateModal .bbox2 .inputLabel.time select {
	width: calc(100% - 24px);
}

#eventTemplateModal .bbox2 .inputLabel.time i {
	font-size: 20px;
	color: #1F1F1F;
}

#eventTemplateModal .bbox2 .inputLabel.sns select {
	width: calc(100% - 24px);
}

#eventTemplateModal .bbox2 .inputLabel.sns i {
	font-size: 20px;
	color: #1F1F1F;
}

#eventTemplateModal .bbox2 .inputLabel {
	background-color: #fff;
	border-radius: 12px;
	border: 1px solid #fff;
}

#eventTemplateModal .inputLabel:focus-within {
	border: 1px solid #DFDFDF !important;
}

#eventTemplateModal .bbox2 .inputLabel input {
	padding: 16px;
	width: 100%;
	font-size: 15px;
}

#eventTemplateModal .bbox2 .inputLabel select {
	padding: 16px;
	width: 100%;
	font-size: 15px;
}

#eventTemplateModal .bbox2 .inputLabel textarea {
	padding: 16px;
	width: 100%;
	font-size: 15px;
	height: 150px;
}

#eventTemplateModal .bbox2 .chkPrivacy {
	gap: 8px;
	margin-top: 12px;
	font-size: 15px;
}

#eventTemplateModal .bbox2 .chkPrivacy input[type=checkbox] {
	display: none;
}

#eventTemplateModal .bbox2 .chkPrivacy .checkLabel {
	display: flex;
	width: 20px;
	height: 20px;
	border: 1px solid #CED4DA;
	border-radius: 3px;
	cursor: pointer;
}

#eventTemplateModal .bbox2 .chkPrivacy .checkLabel i {
	display: none;
}

#eventTemplateModal .bbox2 .chkPrivacy .checkLabel+label {
	cursor: pointer;
	color: #212529;
}

#eventTemplateModal .bbox2 .chkPrivacy input[type=checkbox]:checked+label {
	background-color: #BB2649;
	border: 1px solid #BB2649;
}

#eventTemplateModal .bbox2 .chkPrivacy input[type=checkbox]:checked+label i {
	display: block;
	color: #fff;
}

#eventTemplateModal .bbox2 .chkPrivacy .infoTxt {
	cursor: pointer;
}

#eventTemplateModal .bbox2 .resInputSubmit {
	margin-top: 32px;
}

#eventTemplateModal .bbox2 .resInputSubmit input[type=submit] {
	width: 100%;
	padding: 20px;
	background-color: #BB2649;
	color: #fff;
	border-radius: 12px;
}

#privacyTemplateModal .sgModalContents h2 {
	font-size: 18px;
	margin-top: 20px;
	color: #333;
}

#privacyTemplateModal .sgModalContents p,
#privacyTemplateModal .sgModalContents ul {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
}

#privacyTemplateModal .sgModalContents ul {
	padding-left: 20px;
}

#privacyTemplateModal .sgModalContents ul li {
	list-style: disc;
}


#eventDetailModal {
	max-width: 946px;
	width: 100%;
	margin: 0 16px;
	padding: 40px;
	border-radius: 30px;
}
#eventDetailModal .sgModalTitle {
	align-items: flex-start;
	gap: 12px;
	padding: 0;
	padding-bottom: 24px;
	margin-bottom: 24px;
}
#eventDetailModal .eventDetailModalHeader {
	gap: 28px;
}
#eventDetailModal .eventDetailModalHeading {
	gap: 4px;
}
#eventDetailModal .eventDetailModalHeading i {
	font-size: 16px;
	color: #868E96;;
	padding: 4px;
	border-radius: 5px;
	border: 1px solid #DEE2E6;
}

#eventDetailModal .eventDetailModalHeading .eventDetailModalTitle {
	color: #202020;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -0.48px;
}

#eventDetailModal .eventDetailModalInfo {
	color: #868E96;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px; /* 160% */
	letter-spacing: -0.3px;
	word-break: keep-all;
	white-space: pre-line;
}



#eventDetailModal .sgModalContents {
	padding: 0;
}
#eventDetailModal .eventDetailComparison {

}
#eventDetailModal .eventDetailComparisonText{}
#eventDetailModal .eventDetailComparisonText .eventDetailComparisonTitle {
	color: #202020;
	font-size: 20px;
	font-weight: 500;
	line-height: 20px; /* 100% */
	letter-spacing: -0.4px;
	margin-bottom: 16px;
}
#eventDetailModal .eventDetailComparisonText .eventDetailComparisonDate {
	color: #868E96;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.3px;
}
#eventDetailModal .eventDetailComparisonText .eventDetailComparisonDate.eventDetailComparisonDateBefore {
	margin-bottom: 8px;
}
#eventDetailModal .eventDetailComparisonImages {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
#eventDetailModal .eventDetailComparisonImages .eventDetailComparisonImage{
	position: relative;
	width: 300px;
	height: 180px;
	background-color: #E9ECEF;
	border-radius: 10px;
	overflow: hidden;
	z-index: 0;
}

#eventDetailModal .eventDetailComparisonImages .eventDetailComparisonImage::after{
	content: 'COMING SOON';
	position: absolute;
	top: 50%;
	color: #ADB5BD;
	transform: translateY(-50%);
	z-index: -1;
	font-size: 18px;
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 16px; /* 100% */
	letter-spacing: -0.32px;
}
#eventDetailModal .eventDetailComparisonImages span {
	color: #FFF;
	font-size: 14px;
	font-weight: 100;
	line-height: 1;
	position: absolute;
	top: 15px;
	left: 15px;
}

#eventDetailModal .eventDetailComparisonImages span.commingSoon {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 16px;
	font-weight: 500;
}

#eventDetailModal .eventDetailComparisonImages .eventDetailComparisonImage img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}




.wrap.event.mob {}

.wrap.event.mob .topSearch {
	border-top: 1px solid #DEE2E6;
	border-bottom: 1px solid #DEE2E6;
	padding: 0px 16px;
	height: 66px;
	width: 100%;
}

.wrap.event.mob .topSearch .searchArea {
	background-color: #F1F3F5;
	border-radius: 12px;
	overflow: hidden;
	padding: 0px 12px;
	width: 100%;
}

.wrap.event.mob .topSearch .searchArea>.inputArea {
	width: calc(100% - 24px);
}

.wrap.event.mob .topSearch .searchArea>.inputArea input {
	padding: 14px 0px;
}

.wrap.event.mob .topSearch .searchArea>.iconArea {
	width: 24px;
}

.wrap.event.mob .topSearch .searchArea>.iconArea>i {
	font-size: 24px;
}

.wrap.event.mob .eventMenuArea {
	border-bottom: 1px solid #DEE2E6;
}

.wrap.event.mob .eventMenuArea>div {
	display: none;
}

.wrap.event.mob .eventMenuArea>div.menuOff {
	position: relative;
	min-height: 50px;
}

.wrap.event.mob .eventMenuArea>div.menuOff.active {
	display: block;
}

.wrap.event.mob .eventMenuArea>div.menuOff .menuOffList {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 3px;
	padding: 4px;
}

.wrap.event.mob .eventMenuArea>div.menuOff .item {
	position: relative;
}

.wrap.event.mob .eventMenuArea>div.menuOff .menuOffList .item:nth-child(n+10) {
	display: none;
}

.wrap.event.mob .eventMenuArea>div.menuOff .menuOffList.expanded .item:nth-child(n+10) {
	display: block;
}

.wrap.event.mob .eventMenuArea>div.menuOff .item a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	gap: 3px;
	font-size: 11px;
	line-height: 13px;
	padding: 4px 3px;
	background-color: #F8F9FA;
	border: 1px solid #E9ECEF;
	border-radius: 4px;
}

.wrap.event.mob .eventMenuArea>div.menuOff .item.on a {
	background-color: #FCEEF1;
	border-color: #BB2649;
}

.wrap.event.mob .eventMenuArea>div.menuOff .eventMenuTitle {
	display: block;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wrap.event.mob .eventMenuArea>div.menuOff .eventMenuDday {
	display: none;
}

.wrap.event.mob .eventMenuDday {
	flex-shrink: 0;
	padding: 4px 6px;
	color: #7A515B;
	background-color: #F3EAEC;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}

.wrap.event.mob .eventMenuDday.urgent {
	color: #fff;
	background-color: #BB2649;
}

.wrap.event.mob .eventMenuArea .item.on {
	color: #BB2649;
	font-weight: bold;
}

.wrap.event.mob .eventMenuArea .item .pick {
	display: none;
	position: absolute;
	right: -12px;
	top: 4px;
	padding-top: 3px;
	box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.10);
}

.wrap.event.mob .eventMenuArea .item.count .pick {
	display: block;
	background-color: #BB2649;
	color: #fff;
	font-size: 11px;
	width: 18px;
	height: 18px;
	border-radius: 11px;
}

.wrap.event.mob .eventMenuArea .item.on .count .pick {
	display: block;
	background-color: #ffffff;
	color: #BB2649;
}

.wrap.event.mob .eventMenuArea>div.menuOff .more {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 14px;
	margin: 4px 6px;
	border-radius: 8px;
	background-color: rgba(222, 226, 230, 0.5);
	color: #868e96;
	font-size: 14px;
	cursor: pointer;
}

.wrap.event.mob .eventMenuArea>div.menuOn.active {
	display: block;
}

.wrap.event.mob .eventMenuArea>div.menuOn {}

.wrap.event.mob .eventMenuArea>div.menuOn #title {
	height: 50px;
	background-color: #F8F9FA;
}

.wrap.event.mob .eventMenuArea>div.menuOn #title .txt {
	padding: 15px 16px;
	font-size: 15px;
	color: #212529;
	width: calc(100% - 50px);
}

.wrap.event.mob .eventMenuArea>div.menuOn #title .close {
	width: 50px;
	height: 50px;
	background-color: #BB2649;
	color: #fff;
	font-size: 16px;
}

.wrap.event.mob .eventMenuArea>div.menuOn #totalEventList {
	padding: 0px 16px;
	height: calc(100vh - 181px);
	overflow-y: scroll;
	padding-bottom: 100px;
}

.wrap.event.mob .eventMenuArea>div.menuOn #totalEventList .item.on a {
	color: #BB2649;
	font-weight: bold;
}
.wrap.event.mob .eventMenuArea>div.menuOn #totalEventList .item a {
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding: 15px 0px;
	color: #495057;
	font-size: 14px;
	border-bottom: 1px solid #F1F3F5;
}

.wrap.event.mob .eventMenuArea>div.menuOn #totalEventList .eventMenuTitle {
	line-height: 20px;
	word-break: keep-all;
}

.wrap.event.mob .eventMenuArea>div.menuOn #totalEventList .eventDeadlineMenu {
	gap: 5px;
}

.wrap.event.mob .eventMenuArea>div.menuOn #totalEventList .eventDeadlineMeta {
	font-size: 12px;
}

.wrap.event.mob .eventMenuArea>div.menuOn #totalEventList .eventDeadlineTrack {
	height: 4px;
}

.wrap.event.mob .hashArea {
	height: 50px;
	border-bottom: 1px solid #DEE2E6;
}

.wrap.event.mob .hashArea>.txt {
	width: 50px;
	color: #212529;
	font-size: 13px;
	font-weight: 600;
}

.wrap.event.mob .hashArea>.hashSwiper {
	width: calc(100% - 50px);
	overflow: hidden;
}

.wrap.event.mob .hashArea>.hashSwiper .swiper-wrapper {
	align-items: center;
}

.wrap.event.mob .hashArea>.hashSwiper .swiper-slide {
	width: auto;
	color: #495057;
	font-size: 13px;
    font-weight: 500;
}

.wrap.event.mob .hashArea>.hashSwiper .swiper-slide .xx {
	display: none;
	color: #000;
}

.wrap.event.mob .hashArea>.hashSwiper .swiper-slide.on .txt {
	color: #BB2649;
}

.wrap.event.mob .hashArea>.hashSwiper .swiper-slide.on .xx {
	display: flex;
	color: #BB2649;
	margin-left:4px;
	margin-bottom:2px;
	font-size:10px;
	align-self: self-end;
}

.wrap.event.mob .hashArea>.hashSwiper .swiper-slide.on .xx i{
	font-weight: 600;
}

.wrap.event.mob .eventInfo {
	padding: 12px 16px 28px 16px;
	gap: 10px;
	border-bottom: 1px solid #DEE2E6;
	letter-spacing: -0.5px;
}

.wrap.event.mob .eventInfo .tekName {
	font-size: 22px;
	color: #212529;
}

.wrap.event.mob .eventInfo .tekDate {
	font-size: 16px;
	color: #212529;
}

.wrap.event.mob .eventInfo .eventDeadlineDetail {
	width: 100%;
	margin-top: 2px;
	gap: 8px;
}

.wrap.event.mob .eventInfo .eventDeadlineMeta {
	font-size: 14px;
}

.wrap.event.mob .eventInfo .eventDeadlineLabel {
	font-size: 16px;
}

.wrap.event.mob .eventInfo .eventDeadlineTrack {
	height: 6px;
}

.wrap.event.mob .eventDetailList {
	margin-bottom: 70px;
}
.wrap.event.mob .eventDetailList .subBox .divFlex {gap:8px !important}
.wrap.event.mob .eventDetailList .middleTitle {
	color: #212529;
	background-color: #EEE4E4;
	padding: 12px 16px;
	font-size: 18px;
}

.wrap.event.mob .eventDetailList .eventGroupHeader {
	padding: 16px;
	margin-top: 24px;
	border-top: 6px solid #F5F5F5;
}

.wrap.event.mob .eventDetailList .eventGroupHeader:first-child {
	margin-top: 0;
	border-top: 0;
}

.wrap.event.mob .eventDetailList .eventGroupHeader .emTitle {
	font-size: 14px;
}

.wrap.event.mob .eventDetailList .eventGroupHeader .emTitle span {
	font-size: 20px;
	margin-right: 8px;
}

.wrap.event.mob .eventDetailList .eventGroupHeader .eventDeadlineDetail {
	margin-top: 10px;
}

.wrap.event.mob .eventDetailList .eventGroupHeader .eventDeadlineMeta {
	font-size: 13px;
}

.wrap.event.mob .eventDetailList .eventGroupHeader .eventGroupImg {
	margin-top: 12px;
	border-radius: 16px;
	overflow: hidden;
}

.wrap.event.mob .eventDetailList .eventGroupHeader .eventGroupImg img {
	width: 100%;
	display: block;
}

.wrap.event.mob .eventDetailList .middleItmes {
	padding: 4% 16px;
	gap: 6vw;
	border-bottom: 1px solid #DEE2E6;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox {
	background-color: #fff;
	gap: 8px;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox .subTitle {
	font-size: 16px;
	color: #212529;
	flex-direction: column;
	gap: 6px;
	align-items: flex-start;
	white-space: pre-line;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox .subTitle .subTitleRow {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	width: 100%;
	min-width: 0;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox .subTitle .subTitleText {
	line-height: 24px;
	flex: 1;
	word-break: keep-all;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox .subTitle .sIcon {
	border: 1px solid #DEE2E6;
	width: 24px;
	height: 24px;
	border-radius: 4px;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox .subTitle .sIcon i {
	color: #868E96;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox .subTitle .sIcon.hasSubInfo {
	border-color: #DEE2E6;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox .subTitle .sIcon.hasSubInfo i {
	color: #868E96;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox .subTitle .sIcon:disabled {
	border-color: #DEE2E6;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox .subTitle .sIcon:disabled i {
	color: #DEE2E6;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox .subTitle .subTag{
	    display: flex;
	    align-items: center;
	    flex-wrap: wrap;
	    min-height: 17px;
	    justify-content: flex-start;
	    font-size: 10px;
	    font-weight: bold;
	    line-height: 10px;
		color: #fff;
		gap: 4px;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox .subTitle .subTag > span {
	border-radius: 4px;
	padding: 5px;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox .subTitle .subTag .subPick{
    background-color: #BB2649;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox .subTitle .subTag .subMust{
    background-color: #00B2FF;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox .subTitle .subTag .subNew{
    background-color: #FFC300;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox .subTitle .subTag .subHit{
    background-color: #000000;
}

.wrap.event.mob .eventDetailList .middleItmes .subBox .subContent {
	font-size: 14px;
	color: #868E96;
}

.wrap.event.mob .eventDetailList .subBox .subItem {
	background-color: #F1F3F5;
	border-radius: 12px;
	padding: 9px 14px;
	gap: 2vw;
}

.wrap.event.mob .eventDetailList .subBox .subItem .plus {
	background-color: #DEE2E6;
	color: #fff;
	font-size: 11px;
	padding: 4px;
	border-radius: 4px;
	width: 20px;
	height: 20px;
}

.wrap.event.mob .eventDetailList .subBox .subItem.on .plus {
	background-color: #BB2649;
	color: #fff;
}

.wrap.event.mob .eventDetailList .subBox .subItem .tedSubTitle {
	color: #495057;
	font-size: 14px;
	font-weight: bold;
}

.wrap.event.mob .eventDetailList .subBox .subItem .ppp {
	margin-left: auto;
}

.wrap.event.mob .eventDetailList .subBox .subItem .ppp .tedOriPrice {
	color: #C4C4C4;
	font-size: 12px;
}

.wrap.event.mob .eventDetailList .subBox .subItem .ppp .tedPrdPrice {
	color: #212529;
	font-size: 18px;
}

.wrap.event.mob>.eventMobBottomFixed {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 50px;
}

.wrap.event.mob>.eventMobBottomFixed .reloadBtn {
	width: 80px;
	height: 50px;
	background-color: #fff;
	font-size: 16px;
	color: #717171;
}

.wrap.event.mob>.eventMobBottomFixed a {
	color: #fff;
	font-size: 16px;
	width: 100%;
	background-color: #BB2649;
	height: 50px;
}

.wrap.event.mob>.scrollTopBtn {
	position: fixed;
	right: 16px;
	bottom: 66px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #BB2649;
	color: #fff;
	font-size: 18px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	z-index: 30;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s;
}

.wrap.event.mob>.scrollTopBtn.show {
	opacity: 1;
	pointer-events: auto;
}

.wrap.eventResCheck {
	background-color: #F7F4F4;
}

.wrap.eventResCheck .containerV2 {
	max-width: 600px;
	margin: 0 auto;
}

.wrap.eventResCheck .ercContent {
	padding: 3vw 3vw 0vw 3vw;
}

.wrap.eventResCheck .ercContent .ercTitle {
	font-size: clamp(24px, 1.88vw, 36px);
	line-height: 140%;
}

.wrap.eventResCheck .ercContent .ercTitle span {
	color: #BB2649;
}

.wrap.eventResCheck .ercContent .ll {
	margin-top: 44px;
}

.wrap.eventResCheck .ercContent .ll .step1Txt {
	font-size: 18px;
	color: #212529;
	margin-bottom: 16px;
}

.wrap.eventResCheck .ercContent .ll .resDatepicker {
	margin-bottom: 44px;
}

.wrap.eventResCheck .ercContent .ll .resDatepicker .ui-datepicker-inline {
	width: 100%;
	border-radius: 24px;
	padding: 12px;
	border: 1px solid #fff;
}

.wrap.eventResCheck .ercContent .ll .resDatepicker .ui-datepicker-calendar tbody td {
	border: 0px !important;
	font-size: 14px;
	height: 50px;
}

.wrap.eventResCheck .ercContent .ll .resDatepicker .ui-datepicker-calendar tbody td a {
	padding: 1em .5em;
	border-radius: 12px;
}

.wrap.eventResCheck .ercContent .ll .resDatepicker .ui-datepicker-calendar .ui-state-active {
	background-color: #bb2649 !important;
	border-radius: 12px !important;
	color: #fff !important;
}

.wrap.eventResCheck .ercContent .ll .timepicker {
	flex-wrap: wrap;
	gap: 2%;
	margin-bottom: 44px;
}

.wrap.eventResCheck .ercContent .ll .timepicker .item {
	margin-bottom: 2%;
	padding: 12px;
	width: 23.5%;
	background-color: #fff;
	border-radius: 8px;
}

.wrap.eventResCheck .ercContent .ll .timepicker .item.on {
	background-color: #bb2649;
	color: #fff;
}

.wrap.eventResCheck .ercContent .ll .resList {
	gap: 8px;
	margin-bottom: 8px;
}

.wrap.eventResCheck .ercContent .ll .resList .item {
	background-color: #fff;
	border-radius: 12px;
	padding: 12px 15px;
}

.wrap.eventResCheck .ercContent .ll .resList .item .info {}

.wrap.eventResCheck .ercContent .ll .resList .item .info .t1 {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 8px;
}

.wrap.eventResCheck .ercContent .ll .resList .item .info .t2 {
	font-size: 12px;
	color: #c4c4c4;
}

.wrap.eventResCheck .ercContent .ll .resList .item .info .t3 {
	font-size: 18px;
	color: #212529;
}

.wrap.eventResCheck .ercContent .ll .resList .item .close {
	margin-left: auto;
	background-color: #DEE2E6;
	color: #868E96;
	width: 20px;
	height: 20px;
	border-radius: 4px;
}

.wrap.eventResCheck .ercContent .ll .totalPriceWrap {
    margin-bottom: 44px;
}
.wrap.eventResCheck .ercContent .ll .totalPriceWrap .totalPriceInfo {
    margin-top: 8px;
    justify-content: right;
    font-size: 12px;
}

.wrap.eventResCheck .ercContent .ll .totalPrice {
	background-color: #EEE4E4;
	padding: 16px;
	border-radius: 12px;
}

.wrap.eventResCheck .ercContent .ll .totalPrice .txt {
	font-size: 14px;
	color: #495057;
}

.wrap.eventResCheck .ercContent .ll .totalPrice .price {
	font-size: 20px;
	color: #BB2649;
	margin-left: auto;
}

.wrap.eventResCheck .ercContent .ll .inputArea {}

.wrap.eventResCheck .ercContent .ll .inputArea .inputGroup input[type=text] {
	padding: 4% 3%;
	border-radius: 12px;
	background-color: #fff;
}

.wrap.eventResCheck .ercContent .ll .inputArea .inputGroup input[type=number] {
	padding: 4% 3%;
	border-radius: 12px;
	background-color: #fff;
}

.wrap.eventResCheck .ercContent .ll .inputArea .inputGroup .inputArea.sns {
	position: relative;
	display: flex;
	align-items: center;
	background-color: #fff;
	padding: 4% 3%;
	border-radius: 12px;
}

.wrap.eventResCheck .ercContent .ll .inputArea .inputGroup .inputArea.sns select.inputForm {
	padding-right: 2rem;
}

.wrap.eventResCheck .ercContent .ll .inputArea .inputGroup .inputArea.sns i.ph-caret-down {
	position: absolute;
	right: 0.75rem;
	pointer-events: none;
}

.inputGroup .inputArea input.inputForm,
.wrap.eventResCheck .ercContent .ll .inputArea .inputGroup textarea{border:none !important}

.wrap.eventResCheck .ercContent .ll .inputArea .inputGroup textarea {
	padding: 4% 3%;
	border-radius: 12px;
	background-color: #fff;
	height: 100px;
}

.wrap.eventResCheck .ercContent .ll .chkPrivacy {
	gap: 8px;
	padding: 8px 0px 50px 0px;
	font-size: 15px;
}

.wrap.eventResCheck .ercContent .ll .chkPrivacy input[type=checkbox] {
	display: none;
}

.wrap.eventResCheck .ercContent .ll .chkPrivacy .checkLabel {
	display: flex;
	width: 20px;
	height: 20px;
	border: 1px solid #CED4DA;
	border-radius: 3px;
	cursor: pointer;
}

.wrap.eventResCheck .ercContent .ll .chkPrivacy .checkLabel i {
	display: none;
}

.wrap.eventResCheck .ercContent .ll .chkPrivacy .checkLabel+label {
	cursor: pointer;
	color: #212529;
}

.wrap.eventResCheck .ercContent .ll .chkPrivacy input[type=checkbox]:checked+label {
	background-color: #BB2649;
	border: 1px solid #BB2649;
}

.wrap.eventResCheck .ercContent .ll .chkPrivacy input[type=checkbox]:checked+label i {
	display: block;
	color: #fff;
}

.wrap.eventResCheck .ercContent .ll .chkPrivacy .infoTxt {
	cursor: pointer;
	font-size: 14px;
}

.wrap.eventResCheck .submitArea {
	width: 100%;
}

.wrap.eventResCheck .submitArea .back {
	width: 30%;
	padding: 20px;
	font-size: 16px;
	background-color: #343A40;
	color: #fff;
}

.wrap.eventResCheck .submitArea .resEvent {
	width: 70%;
	padding: 20px;
	font-size: 16px;
	background-color: #BB2649;
	color: #fff;
}

.wrap.event.mob .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui {
	border: 0px !important;
}

.wrap.event.pc .ui-state-active,
.wrap.event.pc .ui-widget-content .ui-state-active,
.wrap.event.pc .ui-widget-header .ui-state-active,
.wrap.event.pc a.ui-button:active,
.wrap.event.pc .ui-button:active,
.wrap.event.pc .ui-button.ui-state-active:hover {
	border: 1px solid #003eff !important;
	background: var(--gradient1);
	font-weight: normal;
	color: #212529 !important;
}

.emptyArea {
    width: 100%;
    height: 40vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F8F9FA;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 30px;
}

/* 이벤트 필터 */
.eFilter {
	display: inline-flex;
	align-items: center;
	padding: 5px;
	border-radius: 4px;
	color: #495057;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.2px;
	white-space: nowrap;
}

.eFilter .emoji {
	font-size: 11px;
	line-height: 1;
}

.eFilter-fire { background-color: #F8E9ED; }
.eFilter-pick { background-color: #FFF0E4; }
.eFilter-star { background-color: #F8FAE2; }
.eFilter-vip { background-color: #E8F8E5; }
.eFilter-blueHeart { background-color: #E5F4FE; }
.eFilter-purpleHeart { background-color: #F3EEFC; }
.eFilter-kakaoYellow { background-color: #FFF6D6; }


@media screen and (max-width: 740px) {
	.wrap.eventResCheck .containerV2 {
		width: auto;
		padding: 0;
	}
	.wrap.eventResCheck .ercContent {
	    padding-left: 16px;
	    padding-right: 16px;
	}

	.wrap.eventResCheck .ercContent .ll {
		width: 100%;
	}

	    .emptyArea {
	        font-size: 13px;
	        border-radius: 0;
	    }

		#eventDetailModal {
			width: calc(100% - 32px);
			max-width: none;
			margin: 0;
			padding: 24px 16px;
		}

	#eventDetailModal .eventDetailComparison {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	#eventDetailModal .eventDetailComparisonImages {
		width: 100%;
		flex-direction: column;
	}

	#eventDetailModal .eventDetailComparisonImages > i {
		transform: rotate(90deg);
	}

	#eventDetailModal .eventDetailComparisonImages .eventDetailComparisonImage {
		width: 100%;
		max-width: 100%;
		height: auto;
		aspect-ratio: 5 / 3;
	}

}



@keyframes gentle-shake {
  0%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-8deg); /* 왼쪽으로 살짝 들림 */
  }
  75% {
    transform: rotate(8deg);  /* 반대쪽으로 아주 미세하게 */
  }
}