@charset "utf-8";

/*! title */
.title-32 { font-size: 32px; font-weight: 500; line-height: 120%; letter-spacing: -0.64px; }
.title-24 { font-size: 24px; font-weight: 500; line-height: 120%; letter-spacing: -0.48px; }
.title-20 { font-size: 20px; font-weight: 500; line-height: 120%; letter-spacing: -0.4px; }
.text-chip { display: inline-block; font-size: 14px; font-weight: 300; color: var(--white); line-height: 120%; letter-spacing: -0.28px; padding: 6px 10px 2px; border: 1px solid var(--white); border-radius: 25px; }


/* main_visual */
.main-visual { width: 100%; height: 607px; padding: 86px 20px 48px; background: url(../../image/landing/PL1121/bg_main_visual.png) no-repeat center top; background-size: cover; }
.main-visual .title { width: 245px; height: 96px; background: url(../../image/landing/PL1121/img_main_visual_title.png) no-repeat center top; background-size: contain; text-indent: -9999px; overflow: hidden; margin: 0 auto 227px; }
.main-visual .text { font-size: 20px; font-weight: 400; color: var(--white); line-height: 130%; letter-spacing: -0.8px; }
.main-visual ul { width: 230px; margin: 0 auto; }
.main-visual ul li { display: flex; align-items: center; }
.main-visual ul li span { display: block; font-size: 16px; font-weight: 300; color: var(--white); line-height: 130%; letter-spacing: -0.32px; }
.main-visual ul li span:first-of-type { width: 65px; text-align: left; }
.main-visual ul li span:last-of-type::before { content: ''; display: inline-block; width: 1px; height: 16px; background: rgba(255, 255, 255, 0.30); margin: 0 10px; }
/* section 03 */
.section03 { background: url(../../image/landing/PL1121/bg_section_03.png) no-repeat center bottom, var(--gray-400); background-size: 360px; }
.section03 .text { margin-bottom: 190px; }
.section03 .text span { display: inline-block; position: relative; z-index: 1; }
.section03 .text span::before { content: ''; display: block; position: absolute; left: 0; bottom: 2px; width: 100%; height: 8px; background: rgba(246, 177, 0, 0.40); z-index: -1; }
/* section 04 */
.section04 { background: #FFF9EA; }
.section04 .title-32 b { color: #f6b100; }
.section04 ul li { position: relative; width: 100%; padding: 12px 16px; background: #20150c; border-radius: 12px; }
.section04 ul li::after { content: ''; display: block; position: absolute; right: 10px; top: -17px; width: 130px; height: 44px; z-index: 5; }
.section04 ul li:nth-of-type(1)::after { background: url(../../image/landing/PL1121/img_badge_05.png) no-repeat right center; background-size: contain; }
.section04 ul li:nth-of-type(2)::after { background: url(../../image/landing/PL1121/img_badge_04.png) no-repeat right center; background-size: contain; }
.section04 ul li:nth-of-type(3)::after { background: url(../../image/landing/PL1121/img_badge_03.png) no-repeat right center; background-size: contain; }
.section04 ul li:nth-of-type(4)::after { background: url(../../image/landing/PL1121/img_badge_01.png) no-repeat right center; background-size: contain; }
.section04 ul li .numb { display: inline-block; font-size: 14px; font-weight: 500; padding: 4px 8px 1px; background: #f6b100; border-radius: 4px; }
.section04 ul li p { color: #bfbfbf; }
/* section 05 */
.section05 { background: url(../../image/landing/PL1121/bg_calendar_box.png) no-repeat center top; background-size: 480px; }
.section05 .day-info-text { position: relative; padding-left: 22px; }
.section05 .day-info-text .numb { position: absolute; left: 0; top: 2px; width: 16px; height: 16px; font-size: 12px; font-weight: 700; color: var(--white); line-height: 16px; text-align: center; background: #20150c; border-radius: 50%; }
.section05 .day-info-box { width: 100%; text-align: center; }
.section05 .day-info-box > span { position: relative; display: block; width: 100%; font-size: 12px; color: var(--white); padding: 10px; background: #20150c; border-radius: 8px 8px 0 0; }
.section05 .day-info-box > span::before,
.section05 .day-info-box > span::after { content: ''; display: block ; position: absolute; top: -12px; width: 12px; height: 24px; background: #20150c; border: 1px solid var(--white); border-radius: 12px; z-index: 5; }
.section05 .day-info-box > span::before { left: 40px; }
.section05 .day-info-box > span::after { right: 40px; }
.section05 .day-info-box ul { display: flex; width: 100%; padding: 10px 0; background: var(--gray-400); border-radius: 0 0 8px 8px; }
.section05 .day-info-box ul li { width: 33.33%; padding: 20px 0 16px; }
.section05 .day-info-box ul li:nth-of-type(2) { min-width: 120 px; }
.section05 .day-info-box ul li + li { border-left: 1px solid rgba(32, 21, 12, 0.09); }
.section05 .day-info-box ul li strong { display: inline-block; position: relative; font-size: 20px; font-weight: 500; color: #20150c; line-height: 120%; letter-spacing: -0.4px; }
.section05 .day-info-box ul li:nth-of-type(2) strong::before { content: ''; display: block ; position: absolute; left: -15px; top: -17px; width: 17px; height: 24px; background: url(../../image/landing/PL1121/img_point_star.png) no-repeat center center; background-size: contain; }
.section05 .day-info-box ul li p { position: relative; color: #20150c; }
.section05 .day-info-box ul li p::after { content: ''; display: block ; position: absolute; left: 50%; bottom: -7px; transform: translateX(-50%); width: 94px; height: 9px; background: url(../../image/landing/PL1121/img_point_underscore.svg) no-repeat center center; background-size: contain; }
/* section 06 */
.section06 { background: #20150c; }
.section06 .cashback-info-box { display: flex; flex-wrap: wrap; justify-content: space-between; }
.section06 .cashback-info-box > * { position: relative; }
.section06 .cashback-info-box .half { width: calc(50% - 8px); padding: 12px 0 10px; background: rgba(255, 255, 255, 0.30); }
.section06 .cashback-info-box .half:first-of-type::after { content: 'X'; display: block; position: absolute; top: 50%; right: -14px; transform: translateY(-50%); font-size: 18px; font-weight: 500; color: #625b54; line-height: 120%; letter-spacing: -0.36px; }
.section06 .cashback-info-box .half span,
.section06 .cashback-info-box .half strong { color: #f6b100; }
.section06 .cashback-info-box .bubble-text { position: absolute; top: -28px; right: -5px; background: #ffd66c; padding: 8px; border-radius: 4px; z-index: 5; }
.section06 .cashback-info-box .bubble-text::before { content: ''; display: block; position: absolute; right: 10px; bottom: -3px; transform: rotate(45deg); width: 8px; height: 8px; border-radius: 1px; background: #ffd66c; }
.section06 .cashback-info-box .total { width: 100%; padding: 8px; background: #ffd66c; margin-top: 8px; }
/* section 07 */
.section07 { background: linear-gradient(122deg, #fff9ea 0%, #fff9ea 56.11%, #fbe2a6 99.26%); }
.section07 .text-chip { color: var(--gray-900); border: 1px solid var(--gray-900); }
.section07 .title-24 b { color: #f6b100; }
.section07 .img-box { position: relative; width: 210px; margin: 0 auto; z-index: 1; }
.section07 .img-box::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 277px; height: 125px; background: url(../../image/landing/PL1121/img_benefit_blur.png); z-index: -1; }
/* section 08 */
.section08 ul li { position: relative; padding-left: 24px; }
.section08 ul li:first-of-type { padding-bottom: 50px; }
.section08 ul li:first-of-type::after { content: ''; display: block; position: absolute; left: 9px; top: 28px; width: 1px; height: calc(100% - 36px); background: #222; }
.section08 ul li .numb { position: absolute; left: 0; top: 2px; width: 18px; height: 18px; font-size: 12px; font-weight: 800; line-height: 18px; text-align: center; background: #f6b100; border-radius: 50%; }
/* 플로팅 버튼 */
.btn-fix-box .btn { background: #f6b100; }
.btn-fix-box .btn:disabled, .btn-fix-box .btn.disabled { background: var(--gray-500); color: var(--gray-700); cursor:not-allowed; }