@charset "euc-kr";
@import url(https://font.imbc.com/pretendard/pretendard.css);

.vodnotice { background: #000; font-family: 'pretend-regular'; font-size: 16px; line-height: 1.5; letter-spacing: -2.5%; }
.wrp { width: 1218px; margin: 0 auto; padding: 0 48px; }
table caption { position: absolute; left: -99999px; }
table th { font-weight: bold; }

.price-tab { padding: 16px 0; text-align: center; font-size: 0; }
.price-tab button { position: relative; display: inline-block; padding: 10px 15px; border: 1px solid #2e2e2e; background: transparent; color: #fff; font-family: 'pretend-bold'; font-size: 18px; line-height: 1; z-index: 1; }
.price-tab button.active { background: rgba(255, 255, 255, 0.2); border: 1px solid #fff; z-index: 2; }

.visual-wrp { position: relative; display: block; height: 512px; background: url("https://img.imbc.com/help/vodnotice/images2/bg-title-pc.png") no-repeat center bottom 20% / cover; }
.visual-wrp::before { content : ''; position: absolute; display: inline-block; width: 24%; height: 100%; background: linear-gradient(270deg, rgba(181, 158, 205, 0) 0%, #160626 100%); left: 0; top: 0; z-index: 3; }
.visual-wrp::after { content : ''; position: absolute; display: inline-block; width: 24%; height: 100%; background: linear-gradient(90deg, rgba(181, 158, 205, 0) 0%, #160626 100%); right: 0; top: 0; z-index: 3; }
.visual-wrp .visual-tit { position: relative; display: block; width: 100%; height: 100%; margin: 0 auto; z-index: 1; }
.visual-wrp .visual-tit::after { content: ''; position: absolute; display: inline-block; width: 100%; height: 64px; background: linear-gradient(180deg, rgba(181, 158, 205, 0) 0%, #160626 100%); bottom: 0; left: 0; z-index: 2; }
.visual-wrp .visual-tit img { display: block; width: 100%; height: 100%; object-fit: contain; }

.cont-wrp { background: radial-gradient(34.45% 40.91% at 4.92% 43.21%, rgba(156, 211, 199, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(42.29% 44.31% at 90.7% 29.97%, rgba(200, 181, 60, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(68.18% 50.83% at 55.99% 44.62%, rgba(177, 60, 200, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), #160626; }

.event-wrp { color: #fff; padding-top: 48px; padding-bottom: 48px; }
.event-tit { display: block; width: 100%; height: 108px; margin-bottom: 24px; }
.event-tit img { display: block; width: 100%; height: 100%; object-fit: contain; }
.event-flex-box { display: block; text-align: center; }
.event-flex-box .event-list { display: inline-block; }
.event-flex-box .event-list + .event-list { margin-left: 120px; }
.event-flex-box .img-wrp { display: inline-block; width: 120px; height: 120px; margin-bottom: 4px; }
.event-flex-box .img-wrp img { display: block; width: 100%; height: 100%; object-fit: contain; }
.event-flex-box .step strong { display: block; font-family: 'pretend-sbold'; line-height: 1.2; margin-bottom: 4px; }
.event-flex-box .step p { display: block; font-size: 12px; font-family: 'pretend-regular'; line-height: 1.4; opacity: .7; }

.combine-wrp, .one-wrp { display: none; }
.combine-wrp.active, .one-wrp.active { display: block; }
.combine-price { padding-top: 48px; padding-bottom: 40px; }

.price-table { width: 100%; color: #fff; text-align: left; }
.price-table table { width: 100%; table-layout: fixed; border-radius: 24px; overflow: hidden; }
.cont-wrp .table-wrp { position: relative; }
.cont-wrp .table-wrp::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 24px; padding: 1px; box-sizing: border-box; background: linear-gradient(270.8deg, #61CBCB 0%, #1A9D94 18.75%, #7F6FD9 80.23%); -webkit-mask: linear-gradient(270.8deg, #61CBCB 0%, #1A9D94 18.75%, #7F6FD9 80.23%); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; pointer-events: none; z-index: 2; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.cont-wrp .table-wrp { border: 1px solid #7F6FD9; border-radius: 24px; }
	.cont-wrp .table-wrp::before { display: none; }
}

.price-table table tbody { background: rgba(255, 255, 255, .27); }
.price-table table tr th, .price-table table tr td { vertical-align: middle; }
.price-table th { padding: 16px 24px; background: rgba(255, 255, 255, .1); }
.price-table tr { border-bottom: 1px solid rgba(255, 255, 255, .4); }
.price-table tr:last-child { border: 0; }
.price-table th strong, .price-table td strong { display: block; font-size: 20px; font-family: 'pretend-bold'; line-height: 1.2; }
.price-table tr td { padding: 16px 28px; }
.price-table tr td.desc { width: calc(100% - 400px); padding: 16px 24px; }
.price-table td strong * { line-height: 1.2; }
.price-table td strong .txt-pink { font-family: 'pretend-sbold'; color: rgba(255, 225, 223, 1); }

.price-table .pirce-tit { display: block; width: 100%; height: 49px; margin-bottom: 16px; }
.price-table .pirce-tit img { display: block; width: 100%; height: 100%; object-fit: contain; }
.price-table th span.badge { display: inline-block; font-family: 'pretend-medium'; font-size: 13px; line-height: 20px; background: rgba(200, 140, 255, 0.7); border-radius: 8px; padding: 2px 8px; overflow: hidden; margin: 0 0 8px 0; color: #fff; font-weight: normal; }
.price-table .btn-buy { display: flex; justify-content: center; align-items: center; width: 103px; height: 40px; background: #fff; color: #B500FF; border-radius: 12px; overflow: hidden; font-family: 'pretend-bold'; }

.month-price p, .limit-price p { margin-top: 10px; color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 1.2; font-family: 'pretend-regular'; font-weight: normal; }
.month-price .txt-wht { color: rgba(255, 255, 255, 1); line-height: 1.2; }
.month-price .txt-sm { display: block; margin-top: 4px; color: rgba(255, 255, 255, 0.6); font-size: 13px; line-height: 1.2; font-family: 'pretend-regular'; }

.limit-price { margin-top: 48px; }
.cont-wrp .limit-price .table-wrp::before { display: none; }
.limit-price table { background: rgba(0, 0, 0, 1); }
.limit-price th p { margin-top: 6px; font-weight: normal; }
.limit-price tr:first-child th p { margin-top: 12px; }
.limit-price tr:last-child th p { margin-top: 12px; }
.limit-price tr p + p { margin-top: 4px !important; line-height: 1; }

/* ¾È³»¹®±¸ Ãß°¡ */
.event-info { display: flex; background-color: #2c2c2c; height: 40px; align-items: center; justify-content: end; padding: 0 32px; box-sizing: border-box; margin-top: 12px; }
.event-info p { color:#fff; font-size: 13px; margin: 0 23px 0 0; letter-spacing :-0.055em; }
.event-info p:before { content: ''; display: inline-block; width: 2px; height: 2px; background-color: #fff; vertical-align: middle; margin-right: 5px; }

.notice-wrp h3, .cont-guide-wrp h3 { font-size: 24px; font-family: 'pretend-bold'; line-height: 1.2; color: #fff; margin-bottom: 32px; }

.notice-wrp { position: relative; padding: 48px 0; color: #9E9E9E; }
.notice-wrp table { text-align: left; width: 100%; }
.notice-wrp table tr { border-top: 1px solid #333336; }
.notice-wrp table th, .notice-wrp table td { padding: 32px 0; }
.notice-wrp table th { color: #7B7BFF; font-family: 'pretend-bold'; }
.notice-wrp table ul li { line-height: 1.5; }
.notice-wrp table ul li + li { margin-top: 12px; }
.notice-wrp table ul li::before { content: "-"; margin-right: 6px; }

.cont-guide-wrp { padding: 48px 0; color: #fff; }
.cont-guide-wrp .table-wrp { width: 100%; border: 1px solid #333336; border-radius: 8px; overflow: hidden; }
.cont-guide-wrp .table-wrp::before { display: none; }
.cont-guide-wrp table { width: 100%; text-align: center; font-family: 'pretend-light'; border-collapse: separate; border-spacing: 0; background: #222225; }
.cont-guide-wrp table th, .cont-guide-wrp table td { padding: 16px; vertical-align: middle; border-right: 1px solid #333336; border-bottom: 1px solid #333336; font-weight: normal; font-weight: normal; font-family: 'pretend-regular'; }
.cont-guide-wrp table thead th { font-family: 'pretend-bold'; }
.cont-guide-wrp table thead { background: #121214; color: #7B7BFF; }
.cont-guide-wrp table th:last-child, .cont-guide-wrp table td:last-child { border-right: 0; }
.cont-guide-wrp table tbody tr:last-child th, .cont-guide-wrp table tbody tr:last-child td, .cont-guide-wrp table th.no-btm { border-bottom: 0; }
.cont-guide-wrp table tbody tr:nth-child(2), .cont-guide-wrp table tbody tr:nth-child(3) { background: #28282C; }

/* ´Ü°Ç */
.one-price { padding-top: 40px; padding-bottom: 48px; }
.one-price table { background: rgba(255, 249, 77, 0.05); }
.one-price .txt-wrp { display: flex; align-items: flex-end; }
.one-price .txt-pink { position: relative; display: inline-block; font-weight: normal; font-family: 'pretend-light'; margin-left: 4px; font-size: 13px; line-height: 1; color: rgba(255, 225, 223, 1); top: -0.1em }
.one-price .price-table td p { margin-top: 11px; color: #fff; font-size: 13px; line-height: 1; font-weight: normal; font-family: 'pretend-regular'; }
.one-price .price-table td p.txt-gray { display: block; margin-top: 5px; font-size: 14px; line-height: 1.2; color: rgba(255, 255, 255, .7); font-weight: normal; font-family: 'pretend-regular'; }