@charset "utf-8";

/* ============================================================
 * 라이팅스 책가방 본발매 PC
 * ============================================================ */
.imc {
    width: 100%;
    overflow-x: clip;
    background: #fff;
    color: #242424;
    --font-serif: 'ITCGaramondStd', serif;
    --g-sky: linear-gradient(90deg, #6998e3 0%, #d56da5 100%);
    --g-girl: linear-gradient(90deg, #ffc481 0%, #e25ca6 100%);
    --g-boy: linear-gradient(90deg, #85e3e3 0%, #8177dd 100%);
    --g-live: linear-gradient(100deg, #86a5d5 2.48%, #c870a0 128.76%);
}
.imc em, .imc i { font-style: normal; font-weight: inherit; }
.imc button { cursor: pointer; }
.imc .lb__sec { position: relative; }

/* 그라데이션 텍스트 */
.imc .lb__grad { background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.imc .lb__grad--sky { background-image: var(--g-sky); }
.imc .lb__grad--girl { background-image: var(--g-girl); }
.imc .lb__grad--boy { background-image: var(--g-boy); }

/* 공통 헤드 */
.imc .lb__head { display: flex; flex-direction: column; align-items: center; gap: calc(12 * var(--vw)); text-align: center; }
.imc .lb__eyebrow { font-weight: 700; font-size: calc(26 * var(--vw)); line-height: calc(38 * var(--vw)); letter-spacing: -0.02em; text-transform: uppercase; }
.imc .lb__eyebrow--sm { font-size: calc(20 * var(--vw)); line-height: calc(28 * var(--vw)); letter-spacing: 0; }
.imc .lb__title { font-weight: 900; font-size: calc(40 * var(--vw)); line-height: calc(56 * var(--vw)); letter-spacing: -0.05em; color: #242424; }
.imc .lb__title .lb__en { font-weight: 800; font-size: calc(44 * var(--vw)); letter-spacing: -0.045em; }
.imc .lb__copy { font-weight: 400; font-size: calc(24 * var(--vw)); line-height: calc(38 * var(--vw)); letter-spacing: -0.05em; color: #242424; }

/* 파스텔 오로라 배경: 상단(KV 카피~라인업), 하단(상품~화보) */
.imc .lb__bgTop { background: url('https://image.nbkorea.com/NBRB_PC/event/imc/NK2026LIGHTINGSBACKPACKMAIN/bg_top.png') no-repeat center calc(502 * var(--vw)) / 100% auto; }
.imc .lb__bgBottom { background: url('https://image.nbkorea.com/NBRB_PC/event/imc/NK2026LIGHTINGSBACKPACKMAIN/bg_bottom_over.png') no-repeat center calc(-8 * var(--vw)) / 100% auto; }

/* ===== 01. KV ===== */
.imc .lb__kv { padding-bottom: calc(160 * var(--vw)); }
.imc .lb__kvVisual { position: relative; overflow: hidden; background: #878787; }
.imc .lb__kvVisual > video { width: 100%; height: 100%; }
.imc .lb__kvCopy { display: flex; flex-direction: column; align-items: center; margin-top: calc(60 * var(--vw)); text-align: center; }
.imc .lb__kvSub { font-weight: 700; font-size: calc(35 * var(--vw)); line-height: calc(38.5 * var(--vw)); letter-spacing: -0.01em; text-transform: uppercase; }
.imc .lb__kvTitle { margin-top: calc(12 * var(--vw)); font-family: var(--font-serif); font-weight: 400; font-size: calc(90 * var(--vw)); line-height: calc(99 * var(--vw)); letter-spacing: -0.01em; color: #242424; }
.imc .lb__kvDesc { margin-top: calc(20 * var(--vw)); font-weight: 400; font-size: calc(28 * var(--vw)); line-height: calc(44 * var(--vw)); letter-spacing: -0.05em; color: #242424; }
.imc .lb__kvDescEn { font-size: calc(30 * var(--vw)); letter-spacing: 0; }
.imc .lb__kvDesc b { font-weight: 800; font-size: calc(30 * var(--vw)); letter-spacing: 0; }

/* ===== 02. 라인업 ===== */
.imc .lb__lineup { padding-bottom: calc(160 * var(--vw)); }
.imc .lb__lineupList { display: flex; justify-content: center; gap: calc(20 * var(--vw)); margin-top: calc(60 * var(--vw)); }
.imc .lb__lineupItem { display: flex; flex-direction: column; align-items: center; gap: calc(20 * var(--vw)); width: calc(438 * var(--vw)); }
.imc .lb__lineupImg { position: relative; width: 100%; height: calc(600 * var(--vw)); border: 2px solid; border-radius: calc(18.24 * var(--vw)); overflow: hidden; background: #3f3f3f; }
.imc .lb__lineupList--girl .lb__lineupImg { border-color: transparent; background: linear-gradient(#3f3f3f, #3f3f3f) padding-box, linear-gradient(143deg, #ffd4a2 0%, #fff 50%, #ee77b8 100%) border-box; }
.imc .lb__lineupList--boy .lb__lineupImg { border-color: transparent; background: linear-gradient(#3f3f3f, #3f3f3f) padding-box, linear-gradient(143deg, #A6F0F0 0%, #fff 50%, #928ADD 100%) border-box; }
.imc .lb__lineupImg img { position: absolute; top: 50%; left: 50%; width: calc(449 * var(--vw)); max-width: none; height: calc(669 * var(--vw)); object-fit: cover; transform: translate(-50%, -50%); }
.imc .lb__lineupName { font-weight: 700; font-size: calc(30 * var(--vw)); line-height: calc(33 * var(--vw)); letter-spacing: -0.02em; text-transform: uppercase; color: #242424; }
.imc .lb__lineupName em { font-size: calc(33 * var(--vw)); }

/* ===== 03. 런칭 라이브 ===== */
.imc .lb__live { padding: calc(140 * var(--vw)) 0 calc(160 * var(--vw)); background: #fff; }
.imc .lb__live .lb__head { gap: calc(10 * var(--vw)); }
.imc .lb__liveBox { display: flex; align-items: center; gap: calc(40 * var(--vw)); width: calc(1230 * var(--vw)); height: calc(540 * var(--vw)); margin: calc(60 * var(--vw)) auto 0; padding: calc(30 * var(--vw)); border-radius: calc(10 * var(--vw)); background: #f5f5f5; box-sizing: border-box; }
.imc .lb__liveImg { flex-shrink: 0; width: calc(700 * var(--vw)); height: calc(480 * var(--vw)); border-radius: calc(10 * var(--vw)); overflow: hidden; }
.imc .lb__liveImg img { width: 100%; height: 100%; object-fit: cover; }
.imc .lb__liveTxt { display: flex; flex-direction: column; align-items: flex-start; gap: calc(30 * var(--vw)); width: calc(430 * var(--vw)); }
.imc .lb__liveBadge { display: flex; align-items: center; gap: calc(9 * var(--vw)); width: calc(327 * var(--vw)); height: calc(45 * var(--vw)); border: 3px solid #86a5d5; border-radius: calc(50 * var(--vw)); background: #fff; box-sizing: border-box; }
.imc .lb__liveTag { display: flex; align-items: center; justify-content: center; gap: calc(6 * var(--vw)); width: calc(91 * var(--vw)); height: calc(41 * var(--vw)); margin-left: -3px; border-radius: calc(200 * var(--vw)); background: var(--g-sky); font-weight: 800; font-size: calc(20 * var(--vw)); line-height: 1; letter-spacing: -0.01em; text-transform: uppercase; color: #fff; }
.imc .lb__liveTag img { width: calc(16 * var(--vw)); height: calc(16 * var(--vw)); }
.imc .lb__liveDate { font-weight: 800; font-size: calc(19 * var(--vw)); line-height: 1.56; letter-spacing: -0.03em; white-space: nowrap; }
.imc .lb__liveDate em { font-weight: 700; font-size: calc(22 * var(--vw)); }
.imc .lb__liveTitleWrap { display: flex; flex-direction: column; gap: calc(16 * var(--vw)); }
.imc .lb__liveTitle { font-weight: 900; font-size: calc(33 * var(--vw)); line-height: normal; letter-spacing: -0.05em; white-space: nowrap; }
.imc .lb__liveTitle em { font-weight: 800; font-size: calc(40 * var(--vw)); letter-spacing: 0; }
.imc .lb__liveDesc { font-weight: 400; font-size: calc(18 * var(--vw)); line-height: calc(28 * var(--vw)); letter-spacing: -0.05em; }
.imc .lb__liveDesc em { font-size: calc(19 * var(--vw)); letter-spacing: -0.03em; }
.imc .lb__liveDesc b { font-weight: 700; }
.imc .lb__liveBtn { display: block; width: calc(140 * var(--vw)); height: calc(45 * var(--vw)); border-radius: calc(5 * var(--vw)); background: #242424; font-weight: 400; font-size: calc(15 * var(--vw)); line-height: calc(45 * var(--vw)); letter-spacing: -0.05em; text-align: center; color: #fff !important; }

.imc .lb__liveBenefit { display: flex; justify-content: center; gap: calc(20 * var(--vw)); margin-top: calc(60 * var(--vw)); }
.imc .lb__liveBenefitItem { display: flex; flex-direction: column; gap: calc(12 * var(--vw)); width: calc(292 * var(--vw)); }
.imc .lb__liveBenefitImg { position: relative; width: calc(292 * var(--vw)); height: calc(292 * var(--vw)); margin-bottom: calc(12 * var(--vw)); overflow: hidden; background: var(--g-live); }
.imc .lb__liveBenefitImg img { position: absolute; top: 50%; left: 50%; max-width: none; object-fit: cover; transform: translate(-50%, -50%); }
.imc .lb__liveBenefitImg--01 img { width: calc(180 * var(--vw)); height: calc(210 * var(--vw)); }
.imc .lb__liveBenefitImg--02 img { width: calc(230 * var(--vw)); height: calc(242 * var(--vw)); margin-top: calc(5 * var(--vw)); }
.imc .lb__liveBenefitImg--03 img { width: calc(274 * var(--vw)); height: calc(274 * var(--vw)); margin: calc(-5 * var(--vw)) 0 0 calc(-3 * var(--vw)); }
.imc .lb__liveBenefitImg--full { background: none; }
.imc .lb__liveBenefitImg--full img { width: 100%; height: 100%; }
.imc .lb__liveBenefitTit { font-weight: 700; font-size: calc(26 * var(--vw)); line-height: calc(34 * var(--vw)); letter-spacing: -0.05em; white-space: nowrap; }
.imc .lb__liveBenefitDesc { font-weight: 400; font-size: calc(18 * var(--vw)); line-height: calc(28 * var(--vw)); letter-spacing: -0.05em; }
.imc .lb__liveBenefitDesc em { font-size: calc(20 * var(--vw)); }

/* ===== 04. 키링 증정 이벤트 ===== */
.imc .lb__benefit { padding-bottom: calc(160 * var(--vw)); background: #fff; }
.imc .lb__benefit .lb__head { gap: calc(10 * var(--vw)); }
.imc .lb__benefitBox { display: flex; align-items: center; justify-content: center; gap: calc(60 * var(--vw)); width: fit-content; margin: calc(60 * var(--vw)) auto 0; padding: calc(60 * var(--vw)) calc(60 * var(--vw)) calc(60 * var(--vw)) calc(50 * var(--vw)); border-radius: calc(10 * var(--vw)); background: #f5f5f5; }
.imc .lb__keyring { display: flex; gap: calc(10 * var(--vw)); }
.imc .lb__keyringItem { position: relative; width: calc(300 * var(--vw)); height: calc(300 * var(--vw)); overflow: hidden; background: #fff; }
.imc .lb__keyringItem img { position: absolute; max-width: none; transform: translateY(-50%); }
.imc .lb__keyringItem--01 img { top: calc(50% - 16.5 * var(--vw)); left: calc(8 * var(--vw)); width: calc(303 * var(--vw)); }
.imc .lb__keyringItem--02 img { top: calc(50% - 14 * var(--vw)); left: calc(22 * var(--vw)); width: calc(266 * var(--vw)); }
.imc .lb__keyringItem span { position: absolute; top: calc(263 * var(--vw)); left: 0; width: 100%; font-weight: 700; font-size: calc(20 * var(--vw)); line-height: 1.09; letter-spacing: -0.02em; text-align: center; color: #000; opacity: 0.4; }
.imc .lb__benefitTxt { display: flex; flex-direction: column; gap: calc(25 * var(--vw)); }
.imc .lb__benefitEyebrow { font-weight: 700; font-size: calc(20 * var(--vw)); line-height: calc(28 * var(--vw)); color: #9a9a9a; }
.imc .lb__benefitTit { margin-top: calc(-15 * var(--vw)); padding-bottom: calc(25 * var(--vw)); border-bottom: 1px solid rgba(21, 21, 21, 0.5); width: calc(350 * var(--vw)); font-weight: 900; font-size: calc(34 * var(--vw)); line-height: 1.4; letter-spacing: -0.05em; white-space: nowrap; }
.imc .lb__benefitTit em { font-weight: 700; font-size: calc(38 * var(--vw)); }
.imc .lb__benefitDesc { font-weight: 400; font-size: calc(22 * var(--vw)); line-height: calc(32 * var(--vw)); letter-spacing: -0.05em; white-space: nowrap; }

/* ===== 05. CHOOSE YOUR SPOTLIGHT ===== */
.imc .lb__choose { padding-top: calc(140 * var(--vw)); }

/* 고정 네비게이터 */
.imc .lb__nav { position: sticky; top: 106px; z-index: 20; margin-top: calc(40 * var(--vw)); padding: calc(20 * var(--vw)) 0; background: transparent; transition: background-color 0.2s; }
.imc .lb__nav.is-stuck { background: rgba(255, 255, 255, 0.9); }
.imc .lb__navInner { display: flex; justify-content: center; gap: calc(12 * var(--vw)); }
.imc .lb__navBtn { display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(310 * var(--vw)); height: calc(80 * var(--vw)); padding: 0; border: 2px solid; border-radius: calc(200 * var(--vw)); background: #fff; font-weight: 700; font-size: calc(26 * var(--vw)); line-height: 1; letter-spacing: -0.02em; text-transform: uppercase; }
.imc .lb__navBtn span { background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.imc .lb__navBtn--girl { border-color: transparent; background: linear-gradient(#fff, #fff) padding-box, var(--g-girl) border-box; }
.imc .lb__navBtn--girl span { background-image: var(--g-girl); }
.imc .lb__navBtn--boy { border-color: transparent; background: linear-gradient(#fff, #fff) padding-box, var(--g-boy) border-box; }
.imc .lb__navBtn--boy span { background-image: var(--g-boy); }
.imc .lb__navBtn--girl.is-on { background: var(--g-girl) border-box; }
.imc .lb__navBtn--boy.is-on { background: var(--g-boy) border-box; }
.imc .lb__navBtn.is-on span { background: none; color: #fff; -webkit-text-fill-color: #fff; }
.imc .lb__navBtn--pick { border: 0; background: var(--g-sky); color: #fff; }
.imc .lb__navBtn--pick b { font-weight: 700; font-size: calc(24 * var(--vw)); letter-spacing: -0.02em; }
.imc .lb__navBtn--pick small { margin-top: calc(10 * var(--vw)); font-weight: 500; font-size: calc(15 * var(--vw)); line-height: 1; letter-spacing: -0.02em; opacity: 0.8; }

/* 여아/남아 */
.imc .lb__genderHead { display: flex; flex-direction: column; align-items: center; gap: calc(15 * var(--vw)); text-align: center; }
.imc .lb__gender--girl .lb__genderHead { padding-top: calc(40 * var(--vw)); }
.imc .lb__gender--boy .lb__genderHead { padding-top: calc(160 * var(--vw)); }
.imc .lb__genderTitle { font-family: var(--font-serif); font-weight: 400; font-size: calc(60 * var(--vw)); line-height: calc(60 * var(--vw)); letter-spacing: -0.01em; text-transform: capitalize; }
.imc .lb__genderCopy { font-weight: 400; font-size: calc(24 * var(--vw)); line-height: calc(38 * var(--vw)); letter-spacing: -0.05em; color: #242424; }
.imc .lb__genderCopy span { font-size: calc(26 * var(--vw)); letter-spacing: -0.02em; }

/* 상품 패널 가로 스크롤 */
/* 넘길 때 좌측 여백까지 패널이 보이도록 margin 대신 padding (overflow 는 padding 영역까지 노출) */
.imc .lb__prod.swiper-container { margin: calc(60 * var(--vw)) 0 0; padding: 0 0 calc(36 * var(--vw)) calc(175 * var(--vw)); }
.imc .lb__prod.swiper-container + .lb__prod.swiper-container { margin-top: calc(80 * var(--vw)); }
.imc .lb__prod .lb__panel { position: relative; width: calc(600 * var(--vw)); height: calc(740 * var(--vw)); overflow: hidden; background: #fff; }
.imc .lb__prod > .lb__prodBar { position: absolute; left: calc(175 * var(--vw)); bottom: 0; width: calc(1570 * var(--vw)); height: calc(6 * var(--vw)); border-radius: 0; background: #fff; }
.imc .lb__prodBar .swiper-scrollbar-drag { border-radius: 0; background: #c4c4c4; }
.imc .lb__panel .lb__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

/* 인트로 패널: 인물·배경 두 장을 시안 위치대로 겹침 */
.imc .lb__panel--intro::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: calc(495 * var(--vw)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.758%, #000 100%); opacity: 0.5; }
.imc .lb__prod--bling .lb__panel--intro::after,
.imc .lb__prod--twinkle .lb__panel--intro::after,
.imc .lb__prod--glossy .lb__panel--intro::after { height: calc(547 * var(--vw)); opacity: 0.6; }
.imc .lb__layer { position: absolute; max-width: none; object-fit: cover; transform: translate(-50%, -50%); }
/* 화보 1번(--b)과 2번(--a) 계속 전환, 1번부터 노출 */
.imc .lb__layer--b { animation: lbSwap 6s ease-in-out -3s infinite; }
.imc .lb__prod--aurora .lb__layer--a { top: calc(50% + 2.5 * var(--vw)); left: calc(50% - 14 * var(--vw)); width: calc(1184 * var(--vw)); height: calc(789 * var(--vw)); }
.imc .lb__prod--aurora .lb__layer--b { top: calc(50% - 29.5 * var(--vw)); left: calc(50% + 23 * var(--vw)); width: calc(1616 * var(--vw)); height: calc(1077 * var(--vw)); }
.imc .lb__prod--lighting .lb__layer--a { top: calc(50% - 54.5 * var(--vw)); left: calc(50% - 53 * var(--vw)); width: calc(878 * var(--vw)); height: calc(1317 * var(--vw)); }
.imc .lb__prod--lighting .lb__layer--b { top: calc(50% + 19.5 * var(--vw)); left: calc(50% - 4 * var(--vw)); width: calc(610 * var(--vw)); height: calc(915 * var(--vw)); }
.imc .lb__prod--bling .lb__layer--a { top: calc(50% - 58.5 * var(--vw)); left: calc(50% - 39 * var(--vw)); width: calc(678 * var(--vw)); height: calc(1017 * var(--vw)); }
.imc .lb__prod--bling .lb__layer--b { top: calc(50% + 156 * var(--vw)); left: calc(50% - 55.5 * var(--vw)); width: calc(949 * var(--vw)); height: calc(1424 * var(--vw)); }
.imc .lb__prod--twinkle .lb__layer--a { top: calc(50% - 24 * var(--vw)); left: calc(50% - 22 * var(--vw)); width: calc(644 * var(--vw)); height: calc(966 * var(--vw)); }
.imc .lb__prod--twinkle .lb__layer--b { top: 50%; left: 50%; width: calc(600 * var(--vw)); height: calc(900 * var(--vw)); }
.imc .lb__prod--glossy .lb__layer--a { top: calc(50% - 18 * var(--vw)); left: calc(50% - 20 * var(--vw)); width: calc(640 * var(--vw)); height: calc(960 * var(--vw)); }
.imc .lb__prod--glossy .lb__layer--b { top: calc(50% + 31.5 * var(--vw)); left: calc(50% + 21 * var(--vw)); width: calc(642 * var(--vw)); height: calc(963 * var(--vw)); }
.imc .lb__prod--galaxy .lb__layer--a { top: calc(50% - 41 * var(--vw)); left: calc(50% - 17 * var(--vw)); width: calc(728 * var(--vw)); height: calc(1092 * var(--vw)); }
.imc .lb__prod--galaxy .lb__layer--b { top: 50%; left: 50%; width: calc(600 * var(--vw)); height: calc(740 * var(--vw)); }
.imc .lb__prod--active .lb__layer--a { top: calc(50% - 17.5 * var(--vw)); left: calc(50% - 17 * var(--vw)); width: calc(634 * var(--vw)); height: calc(951 * var(--vw)); }
.imc .lb__prod--active .lb__layer--b { top: calc(50% + 162 * var(--vw)); left: calc(50% + 1.5 * var(--vw)); width: calc(1017 * var(--vw)); height: calc(1526 * var(--vw)); }
.imc .lb__panelIntro { position: absolute; left: calc(50 * var(--vw)); bottom: calc(46 * var(--vw)); z-index: 1; color: #fff; }
.imc .lb__panelEyebrow { font-weight: 700; font-size: calc(28 * var(--vw)); line-height: calc(28 * var(--vw)); letter-spacing: -0.01em; }
.imc .lb__panelName { margin-top: calc(7 * var(--vw)); font-weight: 800; font-size: calc(58 * var(--vw)); line-height: calc(71 * var(--vw)); letter-spacing: -0.01em; }
.imc .lb__panelNameKr { margin-top: calc(3 * var(--vw)); font-weight: 500; font-size: calc(32 * var(--vw)); line-height: calc(38 * var(--vw)); letter-spacing: -0.01em; }

/* 컬러 패널 */
.imc .lb__panel--dark::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: calc(420 * var(--vw)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 94.881%); opacity: 0.5; }
.imc .lb__panelBody { position: absolute; top: calc(63 * var(--vw)); left: calc(58 * var(--vw)); z-index: 1; display: flex; flex-direction: column; align-items: center; gap: calc(30 * var(--vw)); width: calc(484 * var(--vw)); text-align: center; color: #242424; }
.imc .lb__panel--dark .lb__panelBody { color: #fff; }
.imc .lb__panelTit { font-weight: 800; font-size: calc(38 * var(--vw)); line-height: calc(46 * var(--vw)); letter-spacing: -0.02em; text-transform: uppercase; }
.imc .lb__panelDesc { font-weight: 500; font-size: calc(26 * var(--vw)); line-height: calc(42 * var(--vw)); letter-spacing: -0.05em; }
.imc .lb__panelDesc em { font-size: calc(27 * var(--vw)); letter-spacing: 0; }
.imc .lb__color.swiper-container { width: calc(420 * var(--vw)); height: calc(420 * var(--vw)); border-radius: calc(15 * var(--vw)); background: #fff; }
.imc .lb__colorSlide { position: relative; height: 100%; overflow: hidden; }
.imc .lb__colorSlide img { position: absolute; max-width: none; }
.imc .lb__colorA { top: 0; left: calc(116 * var(--vw)); width: calc(325 * var(--vw)); height: calc(325 * var(--vw)); }
.imc .lb__colorB { top: calc(9 * var(--vw)); left: calc(-34 * var(--vw)); width: calc(361 * var(--vw)); /* height: calc(362 * var(--vw)); */ }
.imc .lb__prod--galaxy .lb__colorA { left: calc(118 * var(--vw)); }
.imc .lb__prod--galaxy .lb__colorB { left: calc(-32 * var(--vw)); }
.imc .lb__colorOne { top: calc(-7 * var(--vw)); left: calc(15 * var(--vw)); width: calc(390 * var(--vw)); height: calc(390 * var(--vw)); }
.imc .lb__prod--active .lb__colorOne { top: calc(-13 * var(--vw)); left: calc(10 * var(--vw)); width: calc(400 * var(--vw)); height: calc(400 * var(--vw)); }
.imc .lb__prod--glossy .lb__colorOne--b { top: calc(-2 * var(--vw)); left: calc(18 * var(--vw)); width: calc(383 * var(--vw)); height: calc(383 * var(--vw)); }
.imc .lb__colorDots { position: absolute; left: 0; bottom: calc(30 * var(--vw)) !important; z-index: 1; display: flex; justify-content: center; gap: calc(6 * var(--vw)); width: 100%; }
.imc .lb__colorDots .swiper-pagination-bullet { width: calc(18 * var(--vw)); height: calc(18 * var(--vw)); border: 1px solid #b5b5b5; background: #fff; opacity: 1; margin: 0 !important;}
.imc .lb__colorDots .swiper-pagination-bullet-active { background: #b5b5b5; }

/* 구성품 패널 */
.imc .lb__panel--set { color: #242424; }
.imc .lb__panel--set .lb__panelTit { position: absolute; top: calc(63 * var(--vw)); left: calc(58 * var(--vw)); z-index: 1; width: calc(484 * var(--vw)); text-align: center; }
.imc .lb__setProd { position: absolute; top: calc(83 * var(--vw)); left: calc(50% - 3.5 * var(--vw)); width: calc(619 * var(--vw)); max-width: none; transform: translateX(-50%); }
.imc .lb__prod--glossy .lb__setProd { top: calc(81 * var(--vw)); }
.imc .lb__prod--galaxy .lb__setProd,
.imc .lb__prod--active .lb__setProd { top: calc(74 * var(--vw)); left: calc(50% - 9.5 * var(--vw)); width: calc(639 * var(--vw)); }
.imc .lb__setItem { position: absolute; z-index: 1; width: calc(200 * var(--vw)); }
.imc .lb__setItem--keyring { top: calc(423 * var(--vw)); left: calc(31 * var(--vw)); }
.imc .lb__setItem--bag { top: calc(149 * var(--vw)); left: calc(370 * var(--vw)); }
.imc .lb__setItem--swap { top: calc(292 * var(--vw)); left: calc(370 * var(--vw)); }
.imc .lb__setItem span { display: block; font-weight: 500; font-size: calc(22 * var(--vw)); line-height: calc(42 * var(--vw)); letter-spacing: -0.05em; text-align: center; }
.imc .lb__setItem span em { font-size: calc(24 * var(--vw)); }
.imc .lb__setItem--swap span { margin-top: calc(8 * var(--vw)); }
.imc .lb__gender--boy .lb__setItem span { text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1.5px 1.5px #fff, -1.5px -1.5px #fff, 1.5px -1.5px #fff, -1.5px 1.5px #fff; }
/* 축구공 키링 ↔ 펼친 보조가방 교차 전환 */
.imc .lb__setItem .lb__swap { position: relative; display: block; margin: 0; width: calc(200 * var(--vw)); height: calc(200 * var(--vw)); }
.imc .lb__swap img { position: absolute; top: 0; left: 0; width: 100%; }
.imc .lb__swap img + img { animation: lbSwap 3s ease-in-out infinite; }
@keyframes lbSwap { 0%, 35% { opacity: 0; } 50%, 85% { opacity: 1; } 100% { opacity: 0; } }
/* 상품 이미지 > 구성품 뿅뿅 */
.imc .lb__setItem { opacity: 0; transform: scale(0); }
.imc .lb__panel--set.is-on .lb__setItem { animation: lbSetPopIn 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
/* 중간 키프레임 없이 곡선 overshoot 로 튕김 처리, 구간별 감속 끊김 방지 */
@keyframes lbSetPopIn { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } }
.imc .lb__panel--set.is-on .lb__setItem--bag,
.imc .lb__panel--set.is-on .lb__setItem--swap { animation-delay: 0.4s; }
.imc .lb__panel--set.is-on .lb__setItem--keyring { animation-delay: 0.7s; }

/* 구매 패널: 상품 연출컷 > 딤드 > 내용 나오기 */
.imc .lb__buyBg { position: absolute; top: 50%; left: 50%; width: calc(648 * var(--vw)); max-width: none; height: calc(966 * var(--vw)); object-fit: cover; transform: translate(-50%, -50%); }
.imc .lb__prod--galaxy .lb__buyBg,
.imc .lb__prod--active .lb__buyBg { top: calc(-97 * var(--vw)); width: calc(632 * var(--vw)); height: calc(942 * var(--vw)); transform: translateX(-50%); }
.imc .lb__panel--buy::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); opacity: 0; transition: opacity 1s ease-in-out 0.5s; }
.imc .lb__panelBuy { position: absolute; top: calc(63 * var(--vw)); left: calc(100 * var(--vw)); z-index: 1; width: calc(400 * var(--vw)); height: calc(602 * var(--vw)); text-align: center; color: #fff; opacity: 0; transform: translateY(calc(30 * var(--vw))); transition: opacity 0.9s ease-out 1.4s, transform 0.9s ease-out 1.4s; }
.imc .lb__panel--buy.is-on::after,
.imc .lb__panel--buy.is-on .lb__panelBuy { opacity: 1; }
.imc .lb__panel--buy.is-on .lb__panelBuy { transform: translateY(0); }
.imc .lb__buyName { display: inline-block; font-weight: 900; font-size: calc(40 * var(--vw)); line-height: calc(51 * var(--vw)); letter-spacing: -0.02em; }
.imc .lb__buyName em { font-size: calc(42 * var(--vw)); }
.imc .lb__panelBuy .lb__buyProd { position: absolute; top: calc(38 * var(--vw)); left: calc(40 * var(--vw)); width: calc(320 * var(--vw)); }
.imc .lb__gender--boy .lb__panelBuy .lb__buyProd { left: calc(45 * var(--vw)); width: calc(310 * var(--vw)); }
.imc .lb__buyInfo { position: absolute; top: calc(349 * var(--vw)); left: 0; width: 100%; font-weight: 500; font-size: calc(28 * var(--vw)); line-height: calc(46 * var(--vw)); letter-spacing: -0.05em; }
.imc .lb__buyInfo em { font-size: calc(30 * var(--vw)); letter-spacing: 0; }
.imc .lb__buyBtn { position: absolute; top: calc(522 * var(--vw)); left: 0; display: block; width: 100%; height: calc(80 * var(--vw)); border-radius: calc(5 * var(--vw)); font-weight: 700 !important; font-size: calc(24 * var(--vw)); line-height: calc(80 * var(--vw)); text-align: center; letter-spacing: -0.05em; color: #000 !important; }
.imc .lb__buyBtn em { font-size: calc(26 * var(--vw)); letter-spacing: 0; }
.imc .lb__buyBtn--girl { background: var(--g-girl); }
.imc .lb__buyBtn--boy { background: var(--g-boy); }
/* 구성품 2줄: 상품명·버튼 위치가 3줄형과 다름 */
.imc .lb__panelBuy--2line { top: calc(92 * var(--vw)); }
.imc .lb__panelBuy--2line .lb__buyBtn { top: calc(476 * var(--vw)); }
.imc .lb__prod--glossy .lb__panelBuy .lb__buyProd { top: calc(34 * var(--vw)); left: calc(38 * var(--vw)); width: calc(324 * var(--vw)); }
.imc .lb__prod--galaxy .lb__panelBuy .lb__buyProd { top: calc(40 * var(--vw)); }
.imc .lb__prod--active .lb__panelBuy .lb__buyProd { top: calc(30 * var(--vw)); left: calc(36 * var(--vw)); width: calc(328 * var(--vw)); }

/* 글로시 보조가방 패널 */
.imc .lb__prod .lb__panel--match { background: linear-gradient(128.36deg, #f2a592 3.9%, #c870a0 97.5%); color: #fff; text-align: center; }
.imc .lb__panel--match .lb__panelTit { position: absolute; top: calc(63 * var(--vw)); left: 0; width: 100%; }
.imc .lb__matchImg { position: absolute; top: calc(132 * var(--vw)); left: calc(70 * var(--vw)); width: calc(460 * var(--vw)); height: calc(292 * var(--vw)); border-radius: calc(10 * var(--vw)); overflow: hidden; background: #fff; }
.imc .lb__matchBag { position: absolute; top: 0; width: calc(290.647 * var(--vw)); max-width: none; }
.imc .lb__matchBag--01 { left: calc(-4.3 * var(--vw)); }
.imc .lb__matchBag--02 { left: calc(175.4 * var(--vw)); }
.imc .lb__matchDesc { position: absolute; top: calc(441 * var(--vw)); left: 0; width: 100%; font-weight: 500; font-size: calc(28 * var(--vw)); line-height: calc(46 * var(--vw)); letter-spacing: -0.05em; }
.imc .lb__matchBtn { position: absolute; top: calc(568 * var(--vw)); left: calc(100 * var(--vw)); display: block; width: calc(400 * var(--vw)); height: calc(80 * var(--vw)); border-radius: calc(5 * var(--vw)); background: #000; font-weight: 700; font-size: calc(24 * var(--vw)); line-height: calc(80 * var(--vw)); letter-spacing: -0.05em; color: #fff; }
.imc .lb__matchBtn em { font-size: calc(26 * var(--vw)); letter-spacing: 0; }

/* ===== 06. 화보 ===== */
.imc .lb__photo { display: flex; flex-direction: column; align-items: center; gap: calc(60 * var(--vw)); padding: calc(160 * var(--vw)) 0; }
.imc .lb__photoImg { position: relative; width: calc(1800 * var(--vw)); height: calc(1020 * var(--vw)); overflow: hidden; background: #878787; }
.imc .lb__photoImg .lb__photoCut { position: absolute; left: 0; top: 0; max-width: none; object-fit: cover; }
.imc .lb__photoImg .lb__photoCut--01 { animation: lbPhoto01 12s ease-in-out infinite; }
.imc .lb__photoImg .lb__photoCut--02 { animation: lbPhoto02 12s ease-in-out infinite; }
/* 화보 1번 > 2번 > 3번 계속 전환: 위 두 장이 차례로 사라지며 아래 장 노출 */
@keyframes lbPhoto01 { 0%, 28% { opacity: 1; } 33%, 95% { opacity: 0; } 100% { opacity: 1; } }
@keyframes lbPhoto02 { 0%, 61% { opacity: 1; } 66%, 100% { opacity: 0; } }
.imc .lb__photoTxt { display: flex; flex-direction: column; align-items: center; gap: calc(12 * var(--vw)); text-align: center; }
.imc .lb__photoTitle { font-family: var(--font-serif); font-weight: 400; font-size: calc(46 * var(--vw)); line-height: 1.1; letter-spacing: -0.01em; }
.imc .lb__photoCopy { font-weight: 400; font-size: calc(24 * var(--vw)); line-height: calc(38 * var(--vw)); letter-spacing: -0.05em; }
.imc .lb__photoCopy b { font-weight: 700; font-size: calc(27 * var(--vw)); letter-spacing: -0.02em; }
/* ===== 내가 직접 고를래요! 레이어팝업 ===== */
body.lb-popup-open { overflow: hidden; }
.imc .lbpop { display: none; position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; overflow-y: auto; background: #fff; color: #242424; }
.imc .lbpop.is-open { display: block; }
.imc .lbpop__close { position: fixed; top: calc(40 * var(--vw)); right: calc(40 * var(--vw)); z-index: 10; width: calc(60 * var(--vw)); height: calc(60 * var(--vw)); padding: 0; border: 0; background: none; }
.imc .lbpop__close::before,
.imc .lbpop__close::after { content: ''; position: absolute; top: 50%; left: 50%; width: calc(44 * var(--vw)); height: 3px; background: #242424; }
.imc .lbpop__close::before { transform: translate(-50%, -50%) rotate(45deg); }
.imc .lbpop__close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.imc .lbpop__content { display: flex; flex-direction: column; align-items: center; padding: calc(160 * var(--vw)) 0; }
.imc .lbpop__head { display: flex; flex-direction: column; align-items: center; gap: calc(15 * var(--vw)); width: calc(1010 * var(--vw)); text-align: center; }
.imc .lbpop__title { font-weight: 900; font-size: calc(62 * var(--vw)); line-height: 1.4; letter-spacing: -0.05em; }
.imc .lbpop__copy { font-weight: 400; font-size: calc(32 * var(--vw)); line-height: calc(52 * var(--vw)); letter-spacing: -0.05em; }
/* 스크롤 중 어디서든 여아/남아로 이동하도록 상단 고정 */
.imc .lbpop__btns { position: sticky; top: calc(20 * var(--vw)); z-index: 6; display: flex; justify-content: center; gap: calc(20 * var(--vw)); margin-top: calc(60 * var(--vw)); }
.imc .lbpop__btn { height: calc(80 * var(--vw)); padding: 0 calc(40 * var(--vw)); border-radius: calc(200 * var(--vw)); font-weight: 700; font-size: calc(32 * var(--vw)); line-height: calc(24 * var(--vw)); letter-spacing: -0.05em; text-transform: uppercase; color: #fff; }
.imc .lbpop__btn--girl { background: var(--g-girl); }
.imc .lbpop__btn--boy { background: var(--g-boy); }

/* 상품별 색상·친구 버튼 크기 */
.imc .lbpop__prod--aurora { --pc: #ec8199; --pg: linear-gradient(90deg, #ffc481 0%, #e25ca6 100%); --pclick: linear-gradient(90deg, #ffd4a2 0%, #ee77b8 100%); --po: #eb89ae; --bw: 110; --bh: 110; --iw: 110; }
.imc .lbpop__prod--bling { --pc: #90bad3; --pg: linear-gradient(90deg, #72cbd9 0%, #f386c2 100%); --pclick: linear-gradient(90deg, #72cbd9 0%, #f386c2 100%); --po: #60b8d0; --bw: 139.62; --bh: 139.62; --iw: 119.1; --rot: 15deg; }
.imc .lbpop__prod--twinkle { --pc: #e796b8; --pg: linear-gradient(153deg, #ffadad 42%, #b365d2 129%); --pclick: linear-gradient(120deg, #ffadad 2.48%, #b365d2 128.76%); --po: #c888d0; --bw: 120; --bh: 120; --iw: 120; }
.imc .lbpop__prod--glossy { --pc: #f1a68b; --pg: linear-gradient(156deg, #ffc068 48.62%, #c251f6 110.54%); --pclick: linear-gradient(120deg, #ffc068 2.48%, #c251f6 128.76%); --po: #c888d0; --bw: 120; --bh: 120; --iw: 125.1; }
.imc .lbpop__prod--lighting { --pc: #82b0df; --pg: linear-gradient(90deg, #85e3e3 0%, #8177dd 100%); --pclick: linear-gradient(90deg, #85e3e3 0%, #8177dd 100%); --po: #4883e3; --bw: 180.56; --bh: 180.56; --iw: 130; --rot: 34.15deg; --cx: -7; }
.imc .lbpop__prod--galaxy { --pc: #526aaa; --pg: linear-gradient(90deg, #97cdff 0%, #252972 100%); --pclick: linear-gradient(90deg, #97cdff 0%, #252972 100%); --po: #3038c0; --bw: 145; --bh: 120.9; --iw: 145; --cx: 6; }
.imc .lbpop__prod--active { --pc: #79a2bf; --pg: linear-gradient(90deg, #b6bfc4 0%, #1975b7 100%); --pclick: linear-gradient(90deg, #b6bfc4 0%, #1975b7 100%); --po: #1888d8; --bw: 120; --bh: 120; --iw: 120; --cx: 3.5; }

.imc .lbpop__prod { display: flex; flex-direction: column; align-items: center; gap: calc(100 * var(--vw)); margin-top: calc(160 * var(--vw)); }
.imc .lbpop__btns + .lbpop__prod { margin-top: calc(120 * var(--vw)); }
.imc .lbpop__sec { display: flex; flex-direction: column; align-items: center; gap: calc(40 * var(--vw)); width: calc(1508 * var(--vw)); text-align: center; }
.imc .lbpop__secHead { display: flex; flex-direction: column; align-items: center; gap: calc(12 * var(--vw)); }
.imc .lbpop__eyebrow { font-weight: 700; font-size: calc(34 * var(--vw)); line-height: calc(38 * var(--vw)); letter-spacing: -0.02em; text-transform: uppercase; color: var(--pc); }
.imc .lbpop__secTitle { font-weight: 900; font-size: calc(52 * var(--vw)); line-height: 1.4; letter-spacing: -0.05em; white-space: nowrap; }
.imc .lbpop__secTitle em { background-image: var(--pg); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-family: 'Noto Sans KR', sans-serif; }
.imc .lbpop__secTitle .lbpop__en { font-weight: 800; font-size: calc(56 * var(--vw)); }
.imc .lbpop__desc { width: calc(1010 * var(--vw)); font-weight: 400; font-size: calc(32 * var(--vw)); line-height: calc(52 * var(--vw)); letter-spacing: -0.05em; }
.imc .lbpop__secCopy { width: calc(1010 * var(--vw)); font-weight: 400; font-size: calc(32 * var(--vw)); line-height: calc(38 * var(--vw)); letter-spacing: -0.05em; }
.imc .lbpop__secCopy .lbpop__en,
.imc .lbpop__desc .lbpop__en { font-size: calc(34 * var(--vw)); }

.imc .lbpop__box { position: relative; display: block; width: calc(732 * var(--vw)); height: calc(913 * var(--vw)); border-radius: calc(30 * var(--vw)); overflow: hidden; }

/* 커튼: 닫힌 커튼(첫 프레임) 대기 → 클릭 시 커튼이 열리는 영상 1회 재생 */
.imc .lbpop__curtain { padding: 0; border: 0; background: #737373; cursor: pointer; }
.imc .lbpop__curtain:disabled { cursor: default; }
.imc .lbpop__curtain .lbpop__curtainVideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.imc .lbpop__curtainTxt { position: absolute; top: calc(355 * var(--vw)); left: 0; z-index: 5; display: block; width: 100%; font-weight: 700; font-size: calc(40.8 * var(--vw)); line-height: calc(62.4 * var(--vw)); letter-spacing: -0.05em; text-align: center; color: #fff; transition: opacity 0.4s; }
.imc .lbpop__click { display: block; width: fit-content; margin: 0 auto calc(32 * var(--vw)); font-weight: 700; font-size: calc(76.8 * var(--vw)); line-height: calc(45.6 * var(--vw)); letter-spacing: -0.02em; text-transform: uppercase; }
.imc .lbpop__curtain.is-open .lbpop__curtainTxt { opacity: 0; }

.imc .lbpop__bubbleClick,
.imc .lbpop__friendClick { animation: flpopStarPulse 1.6s ease-in-out infinite; }

@keyframes flpopStarPulse { 0%, 100% { transform: scale(1); opacity: 0.9; } 50% { transform: scale(1.12); opacity: 1; } }

/* 비눗방울: 둥둥 → 클릭 시 터짐 → 큰 가방(계속 둥둥) + 친구 버튼 뿅뿅뿅 → 친구 등장 */
.imc .lbpop__bubble { border: 4px solid transparent; background: linear-gradient(#fff, #fff) padding-box, var(--pclick) border-box; }
.imc .lbpop__bubbleBtn { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: pointer; }
.imc .lbpop__bubbleFloat { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; animation: lbFloat 2.4s ease-in-out infinite alternate; }
.imc .lbpop__bubbleImg { position: absolute; top: calc(107 * var(--vw)); left: calc(57 * var(--vw)); width: calc(610 * var(--vw)) !important; }
.imc .lbpop__bubbleClick { position: absolute; z-index: 1; display: block; width: calc(130 * var(--vw)); font-weight: 700; font-size: calc(42 * var(--vw)); letter-spacing: -0.02em; text-transform: uppercase; }
.imc .lbpop__bubbleClick > span { display: block; background-image: var(--pclick); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; text-align: center; }
.imc .lbpop__bubbleClick--01 { top: calc(168 * var(--vw)); left: calc(76 * var(--vw)); height: calc(57.4 * var(--vw)); line-height: calc(57.4 * var(--vw)); }
.imc .lbpop__bubbleClick--01 > span { transform: rotate(-9.16deg); }
.imc .lbpop__bubbleClick--02 { top: calc(631 * var(--vw)); left: calc(531 * var(--vw)); height: calc(62.7 * var(--vw)); line-height: calc(62.7 * var(--vw)); }
.imc .lbpop__bubbleClick--02 > span { transform: rotate(11.77deg); }
.imc .lbpop__bubble.is-pop .lbpop__bubbleBtn { animation: lbBubblePop 0.45s ease-out forwards; pointer-events: none; }

.imc .lbpop__bag { position: absolute; top: calc(var(--t) * var(--vw)); left: calc(var(--l) * var(--vw)); z-index: 1; display: block; width: calc(var(--w) * var(--vw)); opacity: 0; transform: scale(0.6); }
.imc .lbpop__bubble.is-pop .lbpop__bag { opacity: 1; transform: scale(1); transition: opacity 0.4s ease 0.25s, transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) 0.25s; }
.imc .lbpop__bubble.is-pop .lbpop__bag img { animation: lbFloat 2.4s ease-in-out 1s infinite alternate; }

.imc .lbpop__friendBtn { position: absolute; top: calc(var(--t) * var(--vw)); left: calc(var(--l) * var(--vw)); z-index: 3; width: calc(var(--bw) * var(--vw)); height: calc(var(--bh) * var(--vw)); padding: 0; border: 0; background: none; cursor: pointer; opacity: 0; transform: scale(0); pointer-events: none; }
.imc .lbpop__friendBtn img { position: absolute; top: 50%; left: 50%; width: calc(var(--iw) * var(--vw)); max-width: none; transform: translate(-50%, -50%) rotate(var(--rot, 0deg)); }
.imc .lbpop__friendClick { position: absolute; top: calc(var(--ct) * var(--vw)); left: 50%; width: calc(95 * var(--vw)); margin-left: calc((var(--cx, 0) - 47.5) * var(--vw)); font-weight: 700; font-size: calc(32 * var(--vw)); line-height: calc(38 * var(--vw)); letter-spacing: -0.02em; text-transform: uppercase; color: #fff; -webkit-text-stroke: calc(10 * var(--vw)) var(--po); paint-order: stroke fill; }
.imc .lbpop__bubble.is-pop .lbpop__friendBtn { pointer-events: auto; animation: lbPopIn 0.5s ease-out forwards; }
.imc .lbpop__bubble.is-pop .lbpop__friendBtn:nth-of-type(2) { animation-delay: 0.8s; }
.imc .lbpop__bubble.is-pop .lbpop__friendBtn:nth-of-type(3) { animation-delay: 1s; }
.imc .lbpop__bubble.is-pop .lbpop__friendBtn:nth-of-type(4) { animation-delay: 1.2s; }
.imc .lbpop__bubble.is-pop .lbpop__friendBtn.is-found { animation: lbPopOut 0.3s ease-in forwards; pointer-events: none; }

.imc .lbpop__friend { position: absolute; top: calc(var(--t) * var(--vw)); left: calc(var(--l) * var(--vw)); z-index: 4; width: calc(220 * var(--vw)) !important; opacity: 0; transform: scale(0); pointer-events: none; }
/* 축구공 키링 ↔ 신발주머니 교차 전환 */
.imc .lbpop__friend--swap { display: block; height: calc(220 * var(--vw)); }
.imc .lbpop__friend--swap img { position: absolute; top: 0; left: 0; }
.imc .lbpop__friend--swap img + img { animation: lbSwap 3s ease-in-out infinite; }
/* 등장(scale)은 transform, 둥둥(책가방과 동일 진폭·주기)은 translate 로 분리해 동시 적용 */
.imc .lbpop__friend.is-show { animation: lbPopIn 0.5s ease-out 0.15s forwards, lbFloatY 2.4s ease-in-out 0.15s infinite alternate; }
@keyframes lbFloatY { from { translate: 0 calc(-12 * var(--vw)); } to { translate: 0 calc(12 * var(--vw)); } }

@keyframes lbFloat { from { transform: translateY(calc(-12 * var(--vw))); } to { transform: translateY(calc(12 * var(--vw))); } }
@keyframes lbBubblePop { 0% { opacity: 1; transform: scale(1); } 60% { opacity: 0.8; transform: scale(1.12); } 100% { opacity: 0; transform: scale(1.3); } }
@keyframes lbPopIn { 0% { opacity: 0; transform: scale(0); } 60% { opacity: 1; transform: scale(1.15); } 100% { opacity: 1; transform: scale(1); } }
@keyframes lbPopOut { to { opacity: 0; transform: scale(0); } }

/* 07. 댓글 이벤트 안내·유의사항 (공통 imcComment.css 에서 이관) */
.imc .lb__cm { color: #151415;  letter-spacing: 0; text-align: left; }
.imc .lb__cm button { padding: 0; border: 0; background: none; font-family: inherit; }
.imc .lb__cm [hidden] { display: none !important; }
.imc .lb__cm .imcCm__title { font-size: calc(40 * var(--vw)); font-weight: 900; line-height: calc(56 * var(--vw)); letter-spacing: calc(-2 * var(--vw)); text-align: center; color: #151415; }
.imc .lb__cm .imcCm__event { padding: calc(120 * var(--vw)) calc(40 * var(--vw)) calc(19 * var(--vw)); text-align: center; }
.imc .lb__cm .imcCm__desc { margin-top: calc(30 * var(--vw)); font-size: calc(24 * var(--vw)); font-weight: 400; line-height: calc(38 * var(--vw)); letter-spacing: calc(-1.2 * var(--vw)); color: #151415; }
.imc .lb__cm .imcCm__desc strong { font-weight: 700; }
.imc .lb__cm .imcCm__desc em { font-size: calc(27 * var(--vw)); line-height: 0; }
.imc .lb__cm .imcCm__coupon { width: calc(516 * var(--vw)); margin: calc(59 * var(--vw)) auto 0; }
.imc .lb__cm .imcCm__coupon img { display: block; width: 100%; height: auto; }
.imc .lb__cm .imcCm__info { display: inline-block; margin-top: calc(60 * var(--vw)); text-align: left; vertical-align: top; }
.imc .lb__cm .imcCm__info > div { display: flex; }
.imc .lb__cm .imcCm__info dt { flex: none; width: calc(205 * var(--vw)); font-size: calc(24 * var(--vw)); font-weight: 700; line-height: calc(42 * var(--vw)); color: #1a2024; }
.imc .lb__cm .imcCm__info dd { font-size: calc(24 * var(--vw)); font-weight: 400; line-height: calc(42 * var(--vw)); color: #1a2024; }
.imc .lb__cm .imcCm__info dd em { font-size: calc(28 * var(--vw)); line-height: 0; }
.imc .lb__cm .imcCm__eventNoti { margin-top: calc(60 * var(--vw)); font-size: calc(16 * var(--vw)); line-height: calc(26 * var(--vw)); letter-spacing: calc(-0.8 * var(--vw)); color: #737273; white-space: pre; }
.imc .lb__cm .imcCm__noticeBtn { margin-top: calc(60 * var(--vw)); font-size: calc(16 * var(--vw)); font-weight: 700; line-height: calc(19 * var(--vw)); letter-spacing: calc(-0.8 * var(--vw)); color: #8e8f8f; text-decoration: underline; text-underline-offset: calc(3 * var(--vw)); }
.imc .lb__cm .imcCm__notice { padding: calc(120 * var(--vw)) calc(40 * var(--vw)); background: #f5f5f5; }
.imc .lb__cm .imcCm__noticeInner { width: calc(736 * var(--vw)); max-width: 100%; margin: 0 auto; }
.imc .lb__cm .imcCm__noticeTit { display: block; font-size: calc(19.5 * var(--vw)); font-weight: 700; line-height: calc(23 * var(--vw)); letter-spacing: calc(-0.975 * var(--vw)); color: #000; }
.imc .lb__cm .imcCm__noticeList { margin-top: calc(34 * var(--vw)); }
.imc .lb__cm .imcCm__noticeList li { position: relative; padding-left: calc(9 * var(--vw)); font-size: calc(18 * var(--vw)); line-height: calc(34 * var(--vw)); letter-spacing: calc(-0.9 * var(--vw)); color: #8e8f8f; }
.imc .lb__cm .imcCm__noticeList li::before { content: '-'; position: absolute; top: 0; left: 0; }