@charset "utf-8";

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

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

/* common :: S */
.imc-nkvintagepigment .imc__content {width:100%; margin:0 auto;}
.imc-nkvintagepigment .imc__section {position:relative; font-size:0;}
.imc-nkvintagepigment .imc__section img,
.imc-nkvintagepigment .imc__section video {display:block; width:100%; height:auto;}
/* common :: E */

/* section 3 :: 상품 6개 링크 :: S */
.imc-nkvintagepigment .imc__section03{position:relative;}
.imc-nkvintagepigment .imc__section03 .imc__link {position:absolute; display:block; width:calc(316 * var(--vw));height:calc(371 * var(--vw));}
/* TODO: 피그마 좌표 기준으로 link01~06 위치/크기 지정 */
.imc-nkvintagepigment .imc__section03 .link01 {top:0; left:calc(466 * var(--vw)); }
.imc-nkvintagepigment .imc__section03 .link02 {top:0; left:calc(802 * var(--vw)); }
.imc-nkvintagepigment .imc__section03 .link03 {top:0; left:calc(1138 * var(--vw));}
.imc-nkvintagepigment .imc__section03 .link04 {top:calc(411 * var(--vw)); left:calc(466 * var(--vw));}
.imc-nkvintagepigment .imc__section03 .link05 {top:calc(411 * var(--vw)); left:calc(802 * var(--vw));}
.imc-nkvintagepigment .imc__section03 .link06 {top:calc(411 * var(--vw)); left:calc(1138 * var(--vw));}
/* section 3 :: 상품 6개 링크 :: E */

/* section 5 :: 영상 :: S */
.imc-nkvintagepigment .imc__section05 {position: relative;}
.imc-nkvintagepigment .imc__section05 video { position: absolute; top: calc(154 * var(--vw)); left: 50%; transform: translateX(-50%); width:calc(1810 * var(--vw));}

/* section 5 :: 영상 :: E */