@charset "utf-8";

/*
* vw 단위 사용법
* 80px => calc(80 * var(--vw));
*/

.imc { --vw: 0.625px; } /* 1920px 기준 */
@media screen and (min-width: 1200px) {
    .imc { --vw: 0.052083333vw; }
}

/* hideGnbOnMainVideo :: S (템플릿 공통 - KV 상단 GNB 처리) */
.wrap .header {transition:0.3s; display: none;}
.wrap .header.on {position:absolute; top: -110px;}
.container.npb {padding-top:0; position:absolute; width:100%; z-index: 60;}
/* hideGnbOnMainVideo :: E */

/* videoBlurMotion / toggleVideoSound :: S (KV 영상 전달 시 사용) */
.imc__videoMask {position:relative;}
.videoMask__blur{position:absolute; top:0; width:100%; height:100%; z-index:1; transition:0.5s; backdrop-filter: blur(0px);}
.imc__videoMask .mainVideo__muteBtn{position:absolute; z-index:2; bottom:calc(32 * var(--vw)); left:calc(32 * var(--vw)); width:calc(28 * var(--vw)); height:calc(28 * var(--vw)); background-size:calc(28 * var(--vw)); background-repeat:no-repeat; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M26.9078 11.3637L20.8074 17.4641' stroke='white' stroke-width='1.52509' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.9078 17.4641L20.8074 11.3637' stroke='white' stroke-width='1.52509' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.7306 24.6463C15.5552 24.6463 15.3951 24.5948 15.2426 24.4991L7.55612 19.3618H2.85885C2.18019 19.3618 1.62354 18.8245 1.62354 18.1695V9.84522C1.62354 9.18281 2.18019 8.65288 2.85885 8.65288H7.55612L15.2426 3.51555C15.3951 3.41251 15.5552 3.36835 15.7306 3.36835C16.15 3.36835 16.5923 3.68483 16.5923 4.20004V23.822C16.5923 24.3372 16.1424 24.6537 15.7306 24.6537V24.6463Z' fill='white'/%3E%3C/svg%3E");}
/* videoBlurMotion / toggleVideoSound :: E */


/* ===== NK990 RESTOCK :: 공통 ===== */
.nk990 { background:#f0f0f0; overflow:hidden; }
.nk990 * { box-sizing:border-box; }
.nk990 img { display:block; width:100%; height:100%; object-fit:cover; }
.nk990 .num { font-family:'ProximaNova', sans-serif; }

/* ===== 01. KV ===== */
.nk990__kv { display:flex; width:100%; height:calc(960 * var(--vw)); }
.nk990__kvImg { height:100%; overflow:hidden; }
.nk990__kvImg--left { width:calc(864 * var(--vw)); background:#9c9c9c; }
.nk990__kvImg--right { flex:1; background:#525252; }
.nk990__kv .imc__videoMask,
.nk990__kv .imc__videoMask video { width:100%; height:100%; }

/* ===== 02. Intro (타이틀 + 카피) ===== */
.nk990__intro { padding:calc(60 * var(--vw)) calc(20 * var(--vw)) calc(160 * var(--vw)); text-align:center; }
.nk990__title { font-family:'ITCGaramondStd', serif; font-weight:400; font-size:calc(90 * var(--vw)); line-height:1.1; letter-spacing:calc(-0.9 * var(--vw)); color:#151415; }
.nk990__introCopy { margin-top:calc(20 * var(--vw)); font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:calc(28 * var(--vw)); line-height:calc(44 * var(--vw)); letter-spacing:calc(-1.4 * var(--vw)); color:#151415; }
.nk990__introCopy p { margin:0; }
.nk990__introCopy p + p { margin-top:calc(44 * var(--vw)); }
.nk990__introCopy .num { font-size:calc(30 * var(--vw)); }

/* ===== 03. Shoes List (RESTOCK) ===== */
.nk990__shoes { padding-bottom:calc(160 * var(--vw)); text-align:center; }
.nk990__shoesTit { font-family:'ProximaNova', sans-serif; font-weight:800; font-size:calc(34 * var(--vw)); line-height:1.2; color:#673922; }
.nk990__shoesList { display:flex; justify-content:center; gap:calc(30 * var(--vw)); margin-top:calc(60 * var(--vw)); }
.nk990__shoesList li { display:flex; flex-direction:column; align-items:center; }
.nk990__shoesThumb { display:block; width:calc(277 * var(--vw)); height:calc(140 * var(--vw)); }
.nk990__shoesThumb img { object-fit:contain; }
.nk990__shoesName { margin-top:calc(16 * var(--vw)); font-family:'ITCGaramondStd', serif; font-weight:400; font-size:calc(36 * var(--vw)); line-height:1.2; letter-spacing:calc(-0.36 * var(--vw)); color:#40322b; }

/* ===== 04-05. Hero (이미지 + 카피) ===== */
.nk990__hero { padding-bottom:calc(160 * var(--vw)); }
.nk990__heroImgs { display:flex; justify-content:center; gap:calc(20 * var(--vw)); }
.nk990__hero--single .nk990__heroImg { width:calc(808 * var(--vw)); height:calc(864 * var(--vw)); background:#939393; }
.nk990__hero--double .nk990__heroImg { width:calc(712 * var(--vw)); height:calc(996 * var(--vw)); background:#939393; }
.nk990__heroText { width:calc(1200 * var(--vw)); margin:calc(40 * var(--vw)) auto 0; text-align:center; font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:calc(24 * var(--vw)); line-height:calc(38 * var(--vw)); letter-spacing:calc(-1.2 * var(--vw)); color:#000; }
.nk990__heroText p { margin:0; }
.nk990__heroText .num { font-size:calc(26 * var(--vw)); }

/* ===== 06. Feature (The Legacy of Comfort) ===== */
/*.nk990__feature { padding-bottom:calc(160 * var(--vw)); }*/
.nk990__featureHead { text-align:center; margin-bottom:calc(60 * var(--vw)); }
.nk990__featureHeadTit { font-family:'ITCGaramondStd', serif; font-weight:400; font-size:calc(54 * var(--vw)); line-height:1.2; letter-spacing:calc(-0.54 * var(--vw)); color:#000; }
.nk990__featureHeadDesc { margin-top:calc(20 * var(--vw)); font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:calc(24 * var(--vw)); line-height:calc(36 * var(--vw)); letter-spacing:calc(-1.2 * var(--vw)); color:#000; }
.nk990__featureHeadDesc .num { font-size:calc(26 * var(--vw)); }

.nk990__featureList { display:flex; flex-direction:column; gap:calc(80 * var(--vw)); }
.nk990__featureRow { display:flex; justify-content:center; gap:calc(60 * var(--vw)); }
.nk990__featureVideo { width:calc(700 * var(--vw)); height:calc(700 * var(--vw)); overflow:hidden; }
.nk990__featureVideo video { width:100%; height:100%; object-fit:cover; }
.nk990__featureCard { width:calc(598 * var(--vw)); height:calc(700 * var(--vw)); background:#e5e5e5; padding-top:calc(36 * var(--vw)); }
.nk990__featureTit { margin:0 calc(36 * var(--vw)); font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:calc(28 * var(--vw)); line-height:calc(38 * var(--vw)); letter-spacing:calc(-0.84 * var(--vw)); color:rgba(0,0,0,0.6); }
.nk990__featureProd { width:calc(538 * var(--vw)); height:calc(385 * var(--vw)); margin:calc(20 * var(--vw)) auto 0;}
.nk990__featureProd img { object-fit:contain; }
.nk990__featureDesc { margin:calc(20 * var(--vw)) calc(36 * var(--vw)) 0; font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:calc(24 * var(--vw)); line-height:calc(38 * var(--vw)); letter-spacing:calc(-1.2 * var(--vw)); color:#000; }
.nk990__featureDesc p { margin:0; text-align: center;}

/* ===== 07. NB Logo (하단) ===== */
.nk990__logo { padding:calc(140 * var(--vw)) 0; text-align:center; }
.nk990__logo img { display:inline-block; width:calc(169 * var(--vw)); height:auto; object-fit:contain; }