@charset "utf-8";

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

.imc {
    --vw: 0.625px; /* 1920px 기준 */
    --font-kr: 'Noto Sans KR', sans-serif;
    --font-proxima: 'ProximaNova', sans-serif;
    --font-garamond: 'ITCGaramondStd', serif;
    --nkst-ink: #151415;
    --nkst-kv-ink: #1b1b1b;
    --nkst-badge: #eeebdf;
    --nkst-tilebg: #f5f5f5;
}
@media screen and (min-width: 1200px) {
    .imc { --vw: 0.052083333vw; }
}

.imc__content {background:#fff; color:var(--nkst-ink); font-family:var(--font-kr);}
.imc__content img {display:block; width:100%; height:auto;}
span.en{font-family: var(--font-proxima);}
/* KV :: S */
.nkst__kv {}
/* KV :: E */

/* 리드 :: S */
.nkst__lead {width:calc(800 * var(--vw)); margin:0 auto; padding-top:calc(60 * var(--vw)); text-align:center; color:var(--nkst-kv-ink);}
.nkst__leadSub {font-family:var(--font-garamond); font-size:calc(38 * var(--vw)); font-weight:400; line-height:1.1; letter-spacing:calc(-0.38 * var(--vw)); text-transform:uppercase;}
.nkst__leadTitle {margin-top:calc(8 * var(--vw)); font-family:var(--font-garamond); font-size:calc(90 * var(--vw)); font-weight:400; line-height:1.1; text-transform:uppercase;}
.nkst__leadText {margin-top:calc(20 * var(--vw)); font-size:calc(28 * var(--vw)); font-weight:400; line-height:calc(44 * var(--vw)); letter-spacing:calc(-1.4 * var(--vw)); color:var(--nkst-ink);}
/* 리드 :: E */

/* 인트로 :: S */
.nkst__intro {padding-top:calc(160 * var(--vw)); text-align:center;}
.nkst__introImg {width:calc(800 * var(--vw)); height:calc(1100 * var(--vw)); margin:0 auto; overflow:hidden;}
.nkst__introImg img {width:100%; height:100%; object-fit:cover;}
.nkst__introText {width:calc(800 * var(--vw)); margin: calc(40 * var(--vw)) auto calc(160 * var(--vw)); font-size:calc(26 * var(--vw)); font-weight:400; line-height:calc(44 * var(--vw)); letter-spacing:calc(-1.04 * var(--vw));}
.nkst__introText strong {font-weight:700;}
/* 인트로 :: E */

/* 섹션 헤더 :: S */
.nkst__section {padding:calc(170 * var(--vw)) 0;}
.nkst__section--01 {background:#eeebdf; --nkst-badge:#eeebdf;}
.nkst__section--02 {background:#dae8df; --nkst-badge:#dae8e1;}
.nkst__section--03 {background:#e0eaf0; --nkst-badge:#e0eaf0;}
.nkst__head {text-align:center;}
.nkst__headTitle {font-family:var(--font-proxima); font-size:calc(60 * var(--vw)); font-weight:700; line-height:calc(44 * var(--vw)); text-transform:uppercase;}
.nkst__headText {margin-top:calc(16 * var(--vw)); font-size:calc(24 * var(--vw)); font-weight:400; line-height:calc(44 * var(--vw)); letter-spacing:calc(-0.96 * var(--vw));}
/* 섹션 헤더 :: E */

/* 화보컷 :: S */
.nkst__cuts {position:relative; width:100%; height:calc(890 * var(--vw)); margin-top:calc(80 * var(--vw));}
.nkst__cut {position:absolute; overflow:hidden;}
.nkst__cut img {width:100%; height:100%; object-fit:cover;}
.nkst__cut--big {width:calc(670 * var(--vw)); height:calc(890 * var(--vw));}
.nkst__cut--big2 {width:calc(670 * var(--vw)); height:calc(890 * var(--vw));}
.nkst__cut--left,
.nkst__cut--mid,
.nkst__cut--right {width:calc(485 * var(--vw)); height:calc(660 * var(--vw));}

/* 섹션 01: 중앙 대형 + 좌우 소형 */
.nkst__cuts--01 .nkst__cut--big {left:calc(625 * var(--vw)); top:0;}
.nkst__cuts--01 .nkst__cut--left {left:calc(80 * var(--vw)); top:calc(125 * var(--vw));}
.nkst__cuts--01 .nkst__cut--right {left:calc(1345 * var(--vw)); top:calc(125 * var(--vw));}

/* 섹션 02: 좌측 대형 + 우측 소형 2 */
.nkst__cuts--02 .nkst__cut--big {left:calc(102 * var(--vw)); top:0;}
.nkst__cuts--02 .nkst__cut--mid {left:calc(830 * var(--vw)); top:calc(115 * var(--vw));}
.nkst__cuts--02 .nkst__cut--right {left:calc(1333 * var(--vw)); top:calc(115 * var(--vw));}

/* 섹션 03: 대형 2 */
.nkst__cuts--03 .nkst__cut--big {left:calc(280 * var(--vw)); top:0;}
.nkst__cuts--03 .nkst__cut--big2 {left:calc(970 * var(--vw)); top:0;}
/* 화보컷 :: E */

/* 상품 블록 :: S */
.nkst__prd {display:flex; align-items:flex-start; gap:calc(86 * var(--vw)); box-sizing:border-box; width:calc(1666 * var(--vw)); margin:calc(141 * var(--vw)) auto 0; padding:calc(80 * var(--vw)) 0 calc(80 * var(--vw)) calc(63 * var(--vw)); border:1px solid #000; border-radius:calc(30 * var(--vw)); background:#fff; overflow:hidden;}
.nkst__prd.reverse {flex-direction: row-reverse; padding:calc(80 * var(--vw)) calc(63 * var(--vw)) calc(80 * var(--vw)) 0;}
.nkst__prd + .nkst__prd {margin-top:calc(42 * var(--vw));}
.nkst__prdImgs {display:flex; gap:calc(19 * var(--vw));}
.nkst__prdImg {box-sizing:border-box; width:calc(441 * var(--vw)); height:calc(600 * var(--vw)); border:1px solid #000; background:#525252; overflow:hidden;}
.nkst__prdImg img {width:100%; height:100%; object-fit:cover;}

.nkst__prdInfo {width:calc(535 * var(--vw)); padding-top:calc(64 * var(--vw));}
.nkst__badge {display:inline-flex; margin-top:calc(5 * var(--vw)); align-items:center; justify-content:center; width:calc(91 * var(--vw)); height:calc(37 * var(--vw)); border:1px solid #000; border-radius:calc(200 * var(--vw)); background:var(--nkst-badge); font-family:var(--font-proxima); font-size:calc(22 * var(--vw)); font-weight:700; line-height:1; color:#000; text-transform:uppercase;}
.nkst__prdName {display:block; margin-top:calc(10 * var(--vw)); font-size:calc(38 * var(--vw)); font-weight:700; line-height:calc(50 * var(--vw)); color:#000; text-transform:uppercase;}
.nkst__prdName .en {font-size:calc(40 * var(--vw));}
.nkst__prdDesc {width: max-content; margin-top:calc(-2 * var(--vw)); font-size:calc(24 * var(--vw)); font-weight:400; line-height:calc(50 * var(--vw)); letter-spacing:calc(-0.48 * var(--vw)); color:#000;}
.nkst__prdDesc em {font-family:var(--font-proxima); font-size:calc(25 * var(--vw)); font-weight:400; font-style:normal;}

.nkst__colorList {display:flex; gap:calc(11.544 * var(--vw)); margin-top:calc(30 * var(--vw));}
.nkst__colorItem {display:flex; flex-direction:column; gap:calc(10.823 * var(--vw));}
.nkst__colorImg {display:block; width:calc(121.76 * var(--vw)); height:calc(121.76 * var(--vw)); border-radius:calc(4.97 * var(--vw)); background:var(--nkst-tilebg); overflow:hidden;}
.nkst__colorImg img {width:100%; height:100%; object-fit:cover;}
.nkst__colorName {display:flex; align-items:center; gap:calc(4.059 * var(--vw)); font-family:var(--font-proxima); font-size:calc(16 * var(--vw)); font-weight:700; line-height:calc(18.276 * var(--vw)); color:var(--nkst-ink); white-space:nowrap;}
.nkst__chip {width:calc(11.417 * var(--vw)); height:calc(11.417 * var(--vw)); border-radius:50%; flex-shrink:0;}
.nkst__chip--black {background:#000;}
.nkst__chip--lightPurple {background:#bf97ac;}
.nkst__chip--oatmeal01 {background:#d3ccbf;}
.nkst__chip--oatmeal02 {background:#e5e2d3;}
.nkst__chip--navy {background:#393b61;}
.nkst__chip--charcoal {background:#626262;}
.nkst__chip--darkGray {background:#747474;}
.nkst__chip--khaki {background:#636651;}
.nkst__chip--lightBlue {background:#a0b5d0;}
.nkst__chip--lavender {background:#cecad8;}

.nkst__btn {display:flex; align-items:center; justify-content:space-between; width:calc(534 * var(--vw)); height:calc(70 * var(--vw)); margin-top:calc(76 * var(--vw)); padding:0 calc(24 * var(--vw)) 0 calc(25 * var(--vw)); border-radius:calc(4.455 * var(--vw)); background:#000; font-size:calc(20 * var(--vw)); font-weight:500; line-height:1.5; letter-spacing:calc(-0.22 * var(--vw)); color:#fff; text-transform:uppercase;}
.nkst__btn:hover {color: #fff; font-weight: 500;}
.nkst__btnArrow {width:calc(22 * var(--vw)); height:calc(22 * var(--vw)); background:url("https://image.nbkorea.com/NBRB_PC/event/imc/NKSETUPLIST/ico_forward.png") no-repeat center/contain;}
/* 상품 블록 :: E */

/* 푸터 로고 :: S */
.nkst__footer {display:flex; align-items:center; justify-content:center; height:calc(346 * var(--vw));}
.nkst__footer img {width:calc(126 * var(--vw));}
/* 푸터 로고 :: E */