.pills{background:#e9e8f3;padding-top:96px;padding-bottom:105px;overflow:hidden}.pills .section-index{border-color:#bfc0d2;color:#424257}.pills-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);align-items:stretch;gap:clamp(36px,5vw,90px);margin-top:62px}.pills-copy{display:flex;flex-direction:column;align-items:flex-start;padding:55px 0 25px}.pills-kicker{font-size:11px;font-weight:800;letter-spacing:.15em;color:#6057b9}.pills h2{font-family:"Noto Sans KR",sans-serif;font-size:clamp(56px,6.4vw,104px);font-weight:800;letter-spacing:-.09em;line-height:1.22;margin:37px 0 25px;word-break:keep-all}.pills h2 em{font-style:normal;color:#7774d8}.pills-copy>p{max-width:475px;font-size:17px;line-height:1.9;letter-spacing:-.04em;word-break:keep-all;margin:0 0 45px;color:#424456}.pills-shuffle{border:1px solid #313149;border-radius:999px;background:#17192c;color:white;padding:17px 22px;display:inline-flex;align-items:center;gap:38px;font-size:14px;font-weight:800;transition:transform .25s,background .25s,box-shadow .25s}.pills-shuffle span{font-size:20px;color:#ff9eb1}.pills-shuffle:hover{background:#5556b2;transform:translateY(-4px);box-shadow:0 15px 30px #4b4dab40}.pills-copy>small{font-size:11px;color:#747588;line-height:1.6;margin-top:auto;padding-top:36px}.pills-stage{position:relative;min-height:640px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 45% 30%,#ecebff,#b9b9e1 58%,#989cca 100%);box-shadow:inset 0 0 0 1px #ffffff88,0 32px 60px #47477923;isolation:isolate}.pills-stage:before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(#fff8 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(circle at center,transparent 35%,black 100%)}.pills-stage:after{content:"";position:absolute;inset:0;z-index:3;border:1px solid #ffffff99;border-radius:22px;pointer-events:none}.pills-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;cursor:pointer}.pills-stage-top,.pills-stage-bottom{position:absolute;left:26px;right:26px;z-index:4;color:#37354f;font-size:10px;font-weight:800;letter-spacing:.13em;pointer-events:none}.pills-stage-top{top:27px}.pills-stage-bottom{bottom:26px;display:flex;justify-content:space-between;gap:10px}.pills-stage-bottom span{color:#5753a4}.pills-fallback{position:absolute;inset:0;z-index:1}.pills-stage.has-webgl .pills-fallback{display:none}.pills-fallback i{position:absolute;display:block;width:56px;height:160px;border-radius:40px;background:linear-gradient(180deg,#ff718a 0 50%,#f1f2ff 50%);box-shadow:inset -9px -4px 12px #25305a44,18px 20px 20px #585b8f44;transform:rotate(-38deg)}.pills-fallback i:nth-child(1){left:22%;top:21%}.pills-fallback i:nth-child(2){left:58%;top:12%;transform:rotate(36deg);background:linear-gradient(180deg,#93a8ff 0 50%,#e4e6ff 50%)}.pills-fallback i:nth-child(3){left:35%;top:50%;transform:rotate(24deg);background:linear-gradient(180deg,#b6ef96 0 50%,#faf0ca 50%)}.pills-fallback i:nth-child(4){left:71%;top:52%;transform:rotate(-20deg);background:linear-gradient(180deg,#ffc77a 0 50%,#ff879f 50%)}.pills-fallback i:nth-child(5){left:8%;top:60%;transform:rotate(42deg);background:linear-gradient(180deg,#85dacf 0 50%,#fff 50%)}
@media(max-width:900px){.pills-layout{grid-template-columns:1fr;gap:35px}.pills-copy{padding:15px 0 0}.pills-copy>small{margin-top:0}.pills-stage{min-height:600px}.pills h2{font-size:clamp(60px,9vw,92px)}}@media(max-width:700px){.pills{padding-top:76px;padding-bottom:80px}.pills-layout{margin-top:44px;gap:35px}.pills-kicker{font-size:9px}.pills h2{font-size:clamp(52px,12vw,74px);margin:25px 0}.pills-copy>p{font-size:14px;line-height:1.8;margin-bottom:27px}.pills-shuffle{font-size:12px;padding:14px 18px}.pills-copy>small{font-size:10px;padding-top:25px}.pills-stage{min-height:520px;border-radius:16px}.pills-stage-top,.pills-stage-bottom{left:18px;right:18px;font-size:8px}.pills-stage-bottom{bottom:18px}}