* { box-sizing:border-box; }

.wrap.event.pc {  }
.wrap.event.pc #secEventLeft { width:288px; height:calc(100vh - 104px); margin-top:44px; gap:12px; }
.wrap.event.pc #secEventContent { width:calc(100% - 288px); margin-top:44px; padding-left:74px; }
.wrap.event.pc .containerV2 { width:1400px; margin:0 auto; }

.wrap.event.pc #secEventLeft .searchArea { background-color:#F1F3F5; border-radius:12px; overflow:hidden; padding:0px 12px; }
.wrap.event.pc #secEventLeft .searchArea > .inputArea { width:calc(100% - 24px); }
.wrap.event.pc #secEventLeft .searchArea > .inputArea input { height:48px; padding:12px 0px; }
.wrap.event.pc #secEventLeft .searchArea > .iconArea { width:24px; }
.wrap.event.pc #secEventLeft .searchArea > .iconArea > i { font-size:24px; }
.wrap.event.pc #secEventLeft .categoryArea > .item { gap:8px; padding:14px 12px; font-size:15px; }
.wrap.event.pc #secEventLeft .categoryArea > .item input[type=checkbox] { display:none; }
.wrap.event.pc #secEventLeft .categoryArea > .item .checkLabel { display:flex; width:20px; height:20px; border:1px solid #CED4DA; border-radius:3px; cursor:pointer; }
.wrap.event.pc #secEventLeft .categoryArea > .item .checkLabel i { display:none; }
.wrap.event.pc #secEventLeft .categoryArea > .item .checkLabel + label { cursor:pointer; }
.wrap.event.pc #secEventLeft .categoryArea > .item input[type=checkbox]:checked + label { background-color:#BB2649; border:1px solid #BB2649; }
.wrap.event.pc #secEventLeft .categoryArea > .item input[type=checkbox]:checked + label i { display:block; color:#fff; }

.wrap.event.pc #secEventContent > .eventMenuArea { gap:5px; }
.wrap.event.pc #secEventContent > .eventMenuArea > .item { position:relative; background-color:#F8F9FA; border-radius:10px; }
.wrap.event.pc #secEventContent > .eventMenuArea > .item .pick { display:none; position:absolute; right:6px; top:-10px; padding-top:3px; box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.10); }
.wrap.event.pc #secEventContent > .eventMenuArea > .item.count .pick { display:block; background-color:#BB2649; color:#fff; font-size:13px; width:22px; height:22px; border-radius:11px; }
.wrap.event.pc #secEventContent > .eventMenuArea > .item.on { background-color:#BB2649; color:#fff; }
.wrap.event.pc #secEventContent > .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 #secEventContent > .eventMenuArea > .item:not(.on):hover { background-color:#F1F3F5; }
.wrap.event.pc #secEventContent > .eventMenuArea > .item a { padding:12px 20px; font-size:16px; }
.wrap.event.pc #secEventContent > .eventMain { margin-top:36px; }
.wrap.event.pc #secEventContent > .eventMain .emTitle { font-size:18px; }
.wrap.event.pc #secEventContent > .eventMain .emTitle span { font-size:28px; }
.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 .middleItmes { gap:10px; }
.wrap.event.pc #secEventContent > .eventDetailList .subBox { border:1px solid #DEE2E6; border-radius:30px; gap:10px; padding:30px;  }
.wrap.event.pc #secEventContent > .eventDetailList .subBox .subTitle { font-size:20px; font-weight:bold; color:#212529; margin-bottom:6px; }
.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; }
.wrap.event.pc #secEventContent > .eventDetailList .subBox .sCon { width:calc(100% - 24px); }
.wrap.event.pc #secEventContent > .eventDetailList .subBox .subItem { width:20%; 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 { 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; }


.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 { height:50px; }
.wrap.event.mob .eventMenuArea > div.menuOff.active { display:flex; }
.wrap.event.mob .eventMenuArea > div.menuOff .swiper-wrapper { padding-left:8px; }
.wrap.event.mob .eventMenuArea > div.menuOff .menuSwiper { width:calc(100% - 50px); overflow-x:hidden; }
.wrap.event.mob .eventMenuArea > div.menuOff .menuSwiper .swiper-slide { width:auto; position:relative; height:50px; }
.wrap.event.mob .eventMenuArea > div.menuOff .menuSwiper .swiper-slide a { font-size:14px; height:50px; line-height:50px; }
.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 { width:50px; height:50px; background-color:#BB2649; color:#fff; font-size:16px;  }
.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; }
.wrap.event.mob .eventMenuArea > div.menuOn #totalEventList .item a { padding:15px 0px; color:#495057; font-size:14px; }
.wrap.event.mob .hashArea { height:50px; border-bottom:1px solid #DEE2E6; }
.wrap.event.mob .hashArea > .txt { width:50px; color:#212529; font-size:13px; }
.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; }
.wrap.event.mob .hashArea > .hashSwiper .swiper-slide .xx { display:none; }
.wrap.event.mob .hashArea > .hashSwiper .swiper-slide.on .txt { font-weight:bold; }
.wrap.event.mob .hashArea > .hashSwiper .swiper-slide.on .xx { display:block; color:#BB2649; margin-left:2px; }
.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:24px; color:#212529; }
.wrap.event.mob .eventInfo .tekDate { font-size:16px; color:#212529; }
.wrap.event.mob .eventDetailList { margin-bottom:70px; }
.wrap.event.mob .eventDetailList .middleTitle { color:#212529; background-color:#F7F4F4; padding:12px 16px; font-size:18px; }
.wrap.event.mob .eventDetailList .middleItmes { padding:4% 3%; gap:4vw; 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:18px; color:#212529; }
.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.eventResCheck { background-color:#F7F4F4; }
.wrap.eventResCheck .containerV2 { max-width:600px; margin:0 auto; }
.wrap.eventResCheck .ercContent { padding:3vw 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; padding: }
.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:2%; 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:3%; }
.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 .totalPrice { background-color:#EEE4E4; padding:3%; margin-bottom:44px; 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 textarea { padding:4% 3%; border-radius:12px; background-color:#fff; height:100px; }

.wrap.eventResCheck .ercContent .ll .chkPrivacy { gap:8px; margin-top:12px; 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; }
.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;
}

@media screen and (max-width: 740px) {
    .wrap.eventResCheck .containerV2 { width:auto; padding:0; }
    .wrap.eventResCheck .ercContent .ll { width:100%; }


}