@charset "utf-8";

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

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

/* ===================== */
/* 썸머런 기획전 (NB2024-10862) */
/* ===================== */

.summerrun {overflow:hidden;}
.summerrun img {width:100%; display:block;}

/* Section 01 : Main KV :: S */
.summerrun__kv {display:flex; width:100%; height:calc(1108 * var(--vw));}
.summerrun__kv .summerrun__kvItem {width:50%; height:100%; overflow:hidden; background:#f2f2f2;}
.summerrun__kv .summerrun__kvItem img {width:100%; height:100%; object-fit:cover;}
.summerrun__kvInfo {display:flex; flex-direction:column; align-items:center; padding:calc(60 * var(--vw)) 0 calc(160 * var(--vw));}
.summerrun__kvInfo .summerrun__kvTitle {font-family:'ITCGaramondStd', serif; font-size:calc(90 * var(--vw)); font-weight:400; color:#151415; text-align:center; line-height:calc(99 * var(--vw));}
.summerrun__kvInfo .summerrun__kvCopy {font-family:'Noto Sans KR', sans-serif; font-size:calc(28 * var(--vw)); font-weight:400; color:#151415; text-align:center; line-height:calc(44 * var(--vw)); margin-top:calc(20 * var(--vw)); letter-spacing: -0.05em;}
.summerrun__kvInfo .summerrun__kvCopy .en {font-family:'Proxima Nova', sans-serif; font-size:calc(30 * var(--vw));letter-spacing: 0;}
/* Section 01 : Main KV :: E */

/* Section 02 : Shoes List :: S */
.summerrun__shoesList {display:flex; justify-content:center; gap:calc(30 * var(--vw)); padding-bottom:calc(143 * var(--vw));}
.summerrun__shoesList .summerrun__shoesItem {text-align:center;}
.summerrun__shoesList .summerrun__shoesItem img {width:calc(396 * var(--vw)); height:calc(202 * var(--vw)); object-fit:contain;}
.summerrun__shoesList .summerrun__shoesItem p {font-family:'ITCGaramondStd', serif; font-size:calc(36 * var(--vw)); font-weight:400; color:#151415; line-height:calc(43 * var(--vw)); margin-top:calc(16 * var(--vw)); letter-spacing: -0.01em;}
/* Section 02 : Shoes List :: E */

/* Section BG :: S */
.summerrun__bgSection {background:#f0f4f5; padding:calc(120 * var(--vw)) 0 0;}
.summerrun__bgImgSection {background-image:url("https://image.nbkorea.com/NBRB_PC/event/imc/NBpubSummerrun/bgImg.png"); background-position: top center; background-size: 100%; background-repeat: no-repeat;}
/* Section BG :: E */

/* Section 03+04 : singleSwiper + Single Image (가로 배치) :: S */
.summerrun__swiperRow {display:flex; justify-content:space-between; padding:0 calc(55 * var(--vw));}
.summerrun__swiperRow .summerrun__swiperLeft {width:calc(804 * var(--vw)); flex-shrink:0;}
.summerrun__singleSwiper {width:100%; position:relative; overflow:hidden;}
.summerrun__singleSwiper .swiper-pagination-bullets {display:flex; justify-content:center; position:absolute; bottom:calc(30 * var(--vw)); z-index:1;}
.summerrun__singleSwiper .swiper-pagination-bullet {width:calc(16 * var(--vw)); height:calc(16 * var(--vw)); margin:0 calc(5 * var(--vw))!important; border-radius:50%; background:#fff; opacity:0.3;}
.summerrun__singleSwiper .swiper-pagination-bullet-active {opacity:1;}
.summerrun__swiperRow .summerrun__swiperRight {display:flex; flex-direction:column; justify-content:center; align-items:center;}
.summerrun__swiperRight .summerrun__swiperText {font-family:'ITCGaramondStd', serif; font-style:italic; font-size:calc(30 * var(--vw)); font-weight:400; color:#3791cd; line-height:calc(33 * var(--vw)); margin-bottom:calc(50 * var(--vw));}
.summerrun__swiperRight .summerrun__singleImgWrap {width:calc(896 * var(--vw)); overflow:hidden; background:#cecece;}
.summerrun__swiperRight .summerrun__singleImgText {font-family:'ITCGaramondStd', serif; font-style:italic; font-size:calc(30 * var(--vw)); font-weight:400; color:#3791cd; line-height:calc(33 * var(--vw)); margin-top:calc(50 * var(--vw));}
/* Section 03+04 : singleSwiper + Single Image :: E */

/* Section 05 : Triple Image :: S */
.summerrun__tripleImg {display:flex; justify-content:center; margin-top:calc(80 * var(--vw)); padding:0 calc(55 * var(--vw));}
.summerrun__tripleImg .summerrun__tripleImgItem {flex:1; overflow:hidden; background:#f5f5f5;}
.summerrun__tripleImg .summerrun__tripleImgItem img {width:100%; height:calc(870 * var(--vw)); object-fit:cover;}
/* Section 05 : Triple Image :: E */

/* Section 06 : Text Block :: S */
.summerrun__textBlock {text-align:center; padding:calc(40 * var(--vw)) 0 calc(150 * var(--vw));}
.summerrun__textBlock .summerrun__textLarge {font-family:'ITCGaramondStd', serif; font-size:calc(52 * var(--vw)); font-weight:400; color:#3791cd; line-height:calc(57 * var(--vw));}
.summerrun__textBlock .summerrun__textSmall {font-family:'Noto Sans KR', sans-serif; font-size:calc(24 * var(--vw)); font-weight:400; color:#3791cd; line-height:calc(38 * var(--vw)); margin-top:calc(12 * var(--vw)); letter-spacing: -0.05em;}
.summerrun__textBlock .summerrun__textSmall.blue-dark {color:#2573a7;}
.summerrun__textBlock .summerrun__textLarge.blue-dark {color:#2573a7;}
/* Section 06 : Text Block :: E */

/* Section 07 : Fade in :: S */
.summerrun__fadeIn {display:flex; justify-content:center; gap:0; width:calc(1440 * var(--vw)); margin:0 auto;}
.summerrun__fadeIn .summerrun__fadeInItem {width:calc(720 * var(--vw)); height:calc(900 * var(--vw)); overflow:hidden; background:#f5f5f5;}
.summerrun__fadeIn .summerrun__fadeInItem img {width:100%; height:100%; object-fit:cover;}
.jsScrollFadeInImg {opacity:0; transition:1.5s;}
.jsScrollFadeInImg.on {opacity:1;}
/* Section 07 : Fade in :: E */

/* Section 08 : Product Compare :: S */
.summerrun__compare {display:flex; justify-content:center; gap:calc(70 * var(--vw)); padding:calc(120 * var(--vw)) 0;}
.summerrun__compareItem {width:calc(471 * var(--vw)); display: flex; flex-direction: column; justify-content: center;}
.summerrun__compareItem .summerrun__compareName {font-family:'ITCGaramondStd', serif; font-size:calc(78 * var(--vw)); font-weight:400; color:#151415; line-height: 1; letter-spacing: -0.01em; text-align: center;}
.summerrun__compareItem .summerrun__compareDesc {font-family:'Noto Sans KR', sans-serif; font-size:calc(28 * var(--vw)); font-weight:700; color:#737b82; line-height:calc(44 * var(--vw));letter-spacing: -0.05em; margin-bottom:calc(23 * var(--vw));text-align: center; }
.summerrun__compareItem .summerrun__compareShoes {width:100%; height:calc(240 * var(--vw)); object-fit:contain; margin-bottom:calc(24 * var(--vw));}
.summerrun__compareItem .summerrun__techSpec {width:calc(400 * var(--vw)); margin: 0 auto;}
.summerrun__techRow {display:flex; align-items:center; gap:calc(20 * var(--vw)); margin-bottom:calc(16 * var(--vw));}
.summerrun__techRow .summerrun__techLabel {font-family:'Noto Sans KR', sans-serif; font-size:calc(20 * var(--vw)); font-weight:700; color:#151415; line-height:1; white-space:nowrap;}
.summerrun__techRange {display:flex; gap:calc(6 * var(--vw)); }
.summerrun__techRange span {width:calc(60 * var(--vw)); height:calc(20 * var(--vw)); border: calc(2 * var(--vw)) solid #151415;border-radius: 4rem;}
.summerrun__techRange span.active {background:#151415;}
.summerrun__techLine {width:calc(400 * var(--vw)); height:2px; background:#979797; margin:calc(24 * var(--vw)) 0;}
.summerrun__techDetail {font-family:'Proxima Nova', sans-serif; font-size:calc(18 * var(--vw)); font-weight:700; color:#151415; line-height: 1; }
.summerrun__techDetail li {margin-bottom:calc(16 * var(--vw)); display: flex;}
.summerrun__techDetail li * {flex: none;}
.summerrun__techDetail p.grey {display: inline; color: #A1A1A1; flex: none; margin-left: calc(5 * var(--vw));}
.summerrun__techDetail .ko {font-size:calc(16 * var(--vw)); font-family: 'Noto Sans KR', sans-serif; }
/* Section 08 : Product Compare :: E */

/* Section 09 : Hero Image :: S */
.summerrun__heroImg {width:100%; overflow:hidden;}
/* Section 09 : Hero Image :: E */

/* Section 10 : infiniteRollSwiper :: S */
.summerrun__roll {margin:calc(40 * var(--vw)) 0 calc(42 * var(--vw)) ;}
.summerrun__roll .swiper-wrapper {align-items:center; transition-timing-function:linear;}
.summerrun__roll .swiper-slide {width:calc(796 * var(--vw));}
.summerrun__roll .swiper-slide img {width:100%; height:calc(596 * var(--vw)); object-fit:cover; background:#f5f5f5;}
.summerrun__roll .swiper-slide.small {width:calc(398 * var(--vw));}
/* Section 10 : infiniteRollSwiper :: E */

/* Section 11 : Bottom Copy :: S */
.summerrun__bottomCopy {text-align:center; padding-bottom:calc(160 * var(--vw));}
.summerrun__bottomCopy .summerrun__textLarge {font-family:'ITCGaramondStd', serif; font-size:calc(52 * var(--vw)); font-weight:400; color:#2573a7; line-height:calc(57 * var(--vw));}
.summerrun__bottomCopy .summerrun__textSmall {font-family:'Noto Sans KR', sans-serif;letter-spacing: -0.05em; font-size:calc(24 * var(--vw)); font-weight:400; color:#357cab; line-height:calc(38 * var(--vw)); margin-top:calc(12 * var(--vw));}
.summerrun__bottomCopy .summerrun__textSmall .en {font-family:'Proxima Nova', sans-serif; letter-spacing: 0; font-size:calc(26 * var(--vw)); }
/* Section 11 : Bottom Copy :: E */

/* Section 12 : Bottom Full Image :: S */
.summerrun__bottomImg {width:calc(1440 * var(--vw)); margin:0 auto; overflow:hidden; background:#f5f5f5;}
/* Section 12 : Bottom Full Image :: E */

/* Section 13 : NB Logo :: S */
.summerrun__logo {display:flex; justify-content:center; align-items:center; height:calc(332 * var(--vw)); background:#fff;}
.summerrun__logo img {width:calc(114 * var(--vw)); height:auto;}
/* Section 13 : NB Logo :: E */