.kr-cycle{position:relative}.kr-cycle li{display:block;min-height:280px;padding:0;overflow:hidden;transition:background .4s}.kr-cycle li:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(119,9,29,.22),transparent 68%);opacity:0;pointer-events:none;transition:.4s}.kr-cycle li.is-active{background:rgba(27,8,13,.7)}.kr-cycle li.is-active:after{opacity:1}.kr-cycle li:before{z-index:3;transition:.35s}.kr-cycle li.is-active:before{width:10px;height:10px;top:-6px;left:-6px;background:#ff4159;box-shadow:0 0 20px #e01b3a}.kr-cycle li>button{position:relative;z-index:2;width:100%;height:100%;min-height:280px;display:grid;grid-template-columns:38px 1fr;gap:18px;padding:34px 26px;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.kr-cycle li>button>b{color:#df5366;font:11px KaelDisplay;transition:.3s}.kr-cycle li button small{transition:.3s}.kr-cycle li button h3{font-size:27px;transition:.35s}.kr-cycle li button p{max-width:230px;transition:.35s}.kr-cycle li button span{position:absolute;right:25px;bottom:25px;left:82px;color:#61585b;font-size:7px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;opacity:0;transition:.3s}.kr-cycle li button span i{position:absolute;right:0;bottom:-8px;left:0;height:1px;background:#4d2930;overflow:hidden}.kr-cycle li button span i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e22744,#ff6075);transform:scaleX(0);transform-origin:left}.kr-cycle li.is-active button span{opacity:1}.kr-cycle li.is-active button span i:after{animation:kr-cycle-progress 4.8s linear forwards}.kr-cycle li.is-active button>b{color:#ff6175}.kr-cycle li.is-active button h3{color:#fff;transform:translateX(4px)}.kr-cycle li:not(.is-active):hover{background:rgba(87,10,25,.12)}.kr-cycle li:not(.is-active):hover button h3{color:#e9dde0}.kr-cycle li button:focus-visible{outline:1px solid #ef3b55;outline-offset:-4px}@keyframes kr-cycle-progress{to{transform:scaleX(1)}}@media(max-width:800px){.kr-cycle li,.kr-cycle li>button{min-height:255px}.kr-cycle li>button{padding:30px 22px}.kr-cycle li button span{left:72px}}@media(max-width:520px){.kr-cycle{grid-template-columns:1fr}.kr-cycle li:nth-child(n+2){border-top:1px solid #ffffff24}.kr-cycle li,.kr-cycle li>button{min-height:225px}.kr-cycle li button p{max-width:none}.kr-cycle li button span{left:77px}}@media(prefers-reduced-motion:reduce){.kr-cycle li.is-active button span i:after{animation:none;transform:scaleX(1)}}