@charset "utf-8";

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

.imc { --vw: 0.625px; } /* 1920px 기준 */
@media screen and (min-width: 1200px) {
    .imc { --vw: 0.052083333vw; }
}
.imc__content{
    background-color: #F7F7F0;
    overflow-x: hidden;
}

/* scrollFadeInMotion :: S */
.jsScrollFadeInImg {opacity: 0; transition:1.5s;}
.jsScrollFadeInImg.on {opacity: 1; }
/* scrollFadeInMotion :: E */

.imc__main{position:relative; width: calc(1108 * var(--vw)); margin: 0 auto; padding-top:calc(60 * var(--vw));}
.imc__main .jsScrollFadeInWrap {overflow: hidden;}
.imc__main .jsScrollFadeInWrap + img{margin-top: calc(20 * var(--vw));}
.imc__main .jsScrollFadeInWrap .jsScrollFadeInImg.imc__parallax01 {transform: translateY(100%); transition:0.8s;}
.imc__main .jsScrollFadeInWrap .jsScrollFadeInImg.imc__parallax01.on {transform: translateY(0%);}

.imc__prod{width: calc(882 * var(--vw)); margin: 0 auto; padding-top:calc(120 * var(--vw));}
.imc__prod .imc__parallax02{width: calc(414 * var(--vw)); margin: 0 auto;}
.imc__prod .imc__parallax02 + img{margin-top: calc(30 * var(--vw));}

.imc__sec01 {width: calc(1840 * var(--vw)); margin: 0 auto; padding-top:calc(160 * var(--vw));}
.imc__sec01 img + img{padding-top:calc(80 * var(--vw));}
.imc__sec01 .imc__parallax03{width: calc(644 * var(--vw)); margin: 0 auto; padding-top:calc(80 * var(--vw));}

.imc__sec02{padding-top:calc(160 * var(--vw));}
.imc__sec02 > div{ display: flex; align-items: center; justify-content: center; flex-direction: row; gap: calc(70 * var(--vw));}
.imc__sec02 > div + div{ margin-top: calc(80 * var(--vw));}
.imc__sec02 img{width:calc(840 * var(--vw));}
.imc__sec02 .imc__parallax04,.imc__sec02 .imc__parallax05{width:calc(646 * var(--vw));}
.imc__sec02 .imc__parallax04.on,.imc__sec02 .imc__parallax05.on{transform: translateX(0%);}
.imc__sec02 .imc__parallax04{transform: translateX(100%);}
.imc__sec02 .imc__parallax05{transform: translateX(-100%);}

.imc__sec03 .imc__roll{margin-top:calc(110 * var(--vw));}
.imc__sec03 .imc__roll .swiper-wrapper{align-items: center; transition-timing-function: linear}
.imc__sec03 .imc__roll .swiper-slide {width:calc(303 * var(--vw));}
.imc__sec03 .imc__parallax06 {width:calc(662 * var(--vw)); margin: calc(80 * var(--vw)) auto calc(160 * var(--vw));}

.imc__sec04 > img{width: calc(1810 * var(--vw)); margin: 0 auto;}
.imc__sec04 .imc__sec04-sec{margin-top: calc(202 * var(--vw));display: flex; align-items: center; justify-content: center; flex-direction: row; gap: calc(40 * var(--vw));}
.imc__sec04 .imc__sec04-sec img{width: calc(625 * var(--vw));}
.imc__sec04 .imc__sec04-sec .imc__parallax07{width: calc(514 * var(--vw));}

.imc__sec05{
    max-width: calc(1810 * var(--vw));
    margin: calc(206 * var(--vw)) auto 0;
    background-image: url("https://image.nbkorea.com/NBRB_PC/event/imc/NK2026TREKKY/sec05_bg.png");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.imc__sec05{ margin-bottom: calc(97 * var(--vw));}
.imc__sec05 > img{ padding-top: calc(100 * var(--vw));}
.imc__sec05 > img:last-child{ padding-top: calc(40 * var(--vw));}
.imc__sec05 .imc__sec05-sec{ position: relative; margin: calc(40 * var(--vw)) auto 0; width: calc(780 * var(--vw)); height: calc(549 * var(--vw)); }
.imc__sec05 .imc__sec05-sec > img{width: calc(594 * var(--vw)); position: absolute;}
.imc__sec05 .imc__sec05-sec > img:first-child{top: 0; left: 0;}
.imc__sec05 .imc__sec05-sec > img:nth-child(2){top: calc(176 * var(--vw)); right: 0;}
.imc__sec05 .imc__sec05-sec > img:last-child{top: calc(354 * var(--vw)); left: calc(29 * var(--vw));}