/* evnet background color */
.bg-50d378{background-color: #4cc860;}
.bg-50d378 .wrap-btn-fixed{background-color: #fff;}
/* evnet 약관동의 */
.event-info-box { background-color: #f7f7f7; border-radius: 12px; padding: 18px 24px; margin: 16px 0 17px; width: calc(100% - 40px);}
.event-info-box dt { font-size: 16px; line-height: 24px; color: #000; font-weight: 700;}
.event-info-box dd { margin-top: 13px; gap: 12px; display: flex; flex-direction: column;}
.event-info-box .form-checkbox::after { content: ''; display: inline-block; background: rgba(0, 0, 0, 0.5); -webkit-mask: url(/inc/naver/img/icon/ic-Arrow-right2.svg) no-repeat center; -webkit-mask-size: 6px auto; width: 20px; height: 20px; margin-left: auto; position: absolute; right: 0; z-index: 0;}
.event-info-box .form-checkbox { display: flex; align-items: center; position: relative;}
[class^="wrap-btn"] [class^="btn-"].bg-careful { font-weight: 400; background-color: #ffe300; color: #1e1e23;}
[class^="wrap-btn"] [class^="btn-"] { width: 100%; border-radius: 8px; text-align: center;}
.btn-xlg { height: 72px; line-height: 72px; font-size: 20px;}
.event-info-box .form-checkbox { display: flex; align-items: center; position: relative;}
.form-checkbox [type="checkbox"] { position: absolute; opacity: 0; width: 24px; height: 24px;}
.form-checkbox [type="checkbox"]+label { position: relative; cursor: pointer; padding: 0 0 0 36px; display: flex; align-items: center; font-size: 16px; line-height: 18px; color: var(--color-1e); width: calc(100% - 20px);}
.form-checkbox [type="checkbox"]+label::before { content: ''; width: 30px; height: 30px; display: inline-block; border-radius: 50%; background: url(/inc/naver/img/icon/ic-Default.svg) no-repeat center; background-size: 22px auto; border: none; position: absolute; top: 50%; left: 0; transform: translateY(-15px);}
.form-checkbox [type="checkbox"]:checked+label::before { background: url(/inc/naver/img/icon/ic-Checked.svg) no-repeat center; background-size: 22px auto;}
.form-checkbox [type="checkbox"]:checked+label { /* color: var(--color-09); */}

/* event  content*/
.event-wrap{display: flex; flex-direction: column; align-items: center; max-width: 680px; margin: 0 auto; }
.event-content{ display: flex; flex-direction: column; align-items: center;}
.event-content .event-list { padding: 20px; display: flex; flex-direction: column; gap: 20px;}
.event-content .event-list ul li { width: 50%; display: flex; justify-content: flex-start; flex-direction: column;  align-items: center; height: 50%; box-sizing: border-box; flex-wrap: wrap; align-content: center; position: relative;}
.event-item{position: relative}
.event-item .select-form{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap}
.event-content .event-list ul li button{ height: 87%; width: 100%; overflow: hidden;}
.event-content .event-list ul li .count{ color: #e40414; position: absolute; bottom: 0; left: 0; font-size: 16px; height: 13%; width: 100%; display: flex; align-items: center; justify-content: center;}

.event-item .select-form li.on button::after { content: ''; width: 14%; height: 9%; background-color: #e40414; -webkit-mask: url(/inc/naver/img/icon/ic-Check.svg) no-repeat center; -webkit-mask-size: 63%; position: absolute; top: auto; bottom: 0; left: 50%; transform: translateX(-50%);}
.event-item .select-form li.on button::before { border: 2px #e40414 solid; background-color: #fff;}
.event-item .select-form li button::before { content: ''; width: 14%; height: 9%; background-color: #ececec; border: 2px #a2a59b solid; border-radius: 100%; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}

/* EVENT 유의사항 */
.event-footer .list-bar li {position: relative; color: #767678; padding-left: 10px; font-size: 15px; line-height: 20px;}
.event-footer .list-info.accordion{background-color: #fff;}
.event-footer .list-info.accordion dd > ul{display: flex;      flex-direction: column; gap: 8px;}
.event-footer .list-info.accordion > ul li+li{margin-top: 0;}
.event-footer .list-info.accordion .list-bar > li::before{top: 11px;}
.event-footer .list-bar li>[class^="list-bull"] li::before {top: 6px; background: #929292; width: 2px; height: 2px;}
.table-area table {width: 100%; border-spacing: 0; border-collapse: separate; border-bottom: 1px solid #dcdcdc; margin: 8px 0;}
.table-area td {border-left: none !important; border-bottom: none !important;}
.table-area th {border-left: none !important; border-bottom: none !important; background-color: #f1f1f1;}
.table-area tr th:last-child,
.table-area tr td:last-child {border-right: none !important;}
.table-area td {text-align: center;}
.table-area th, .table-area td {padding: 4px; font-size: 12px; line-height: 14px; border: var(--line-dc);color: #434343;}


@media screen and (max-width:330px){ .event-content .event-list ul li .count{font-size: 14px}}
@media screen and (max-width:310px){ .event-content .event-list ul li .count{font-size: 12px}}