@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 { background:#FFF9EC; }
.imc__content { overflow:hidden; }
.jsScrollFadeInImg { opacity:0; transition:1.5s; }
.jsScrollFadeInImg.on { opacity:1; }

/* scrollFadeInSideImg :: S */
[class*='jsScrollFadeInSideImg'] { transition:1s; transform:translateX(-50px); opacity:0; }
[class*='jsScrollFadeInSideImg'].on { opacity:1; transform:translateX(0); }
[class*='jsScrollFadeInSideImg'][data-direction='right'] { transform:translateX(50px); }
[class*='jsScrollFadeInSideImg'][data-direction='right'].on { transform:translateX(0); }
/* scrollFadeInSideImg :: E */

/* sequential fadeIn :: S */
.jsSeqFadeIn { opacity:0; transform:translateY(30px); transition:opacity 1s, transform 1s; }
.jsSeqFadeIn.on { opacity:1; transform:translateY(0); }
/* sequential fadeIn :: E */
/* common :: E */

/* toggleVideoSound :: S */
.freedlex__videoWrap { position:relative; }
.freedlex__videoWrap video { width:100%; display:block; }
.freedlex__videoWrap .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%3Cpath d='M15.7293 2.625C15.4167 2.625 15.1041 2.71332 14.8143 2.90468L7.32612 7.90954H2.87287C1.76718 7.90954 0.875 8.77066 0.875 9.83788V18.1621C0.875 19.2293 1.76718 20.0905 2.87287 20.0905H7.32612L14.8143 25.0953C15.1041 25.2867 15.4243 25.375 15.7293 25.375C16.5758 25.375 17.3612 24.7273 17.3612 23.8073V4.1927C17.3612 3.27269 16.5758 2.625 15.7293 2.625Z' fill='white'/%3E%3C/svg%3E"); }
.freedlex__videoWrap .mainVideo__muteBtn.on { 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='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%3Cpath d='M15.7293 2.625C15.4167 2.625 15.1041 2.71332 14.8143 2.90468L7.32612 7.90954H2.87287C1.76718 7.90954 0.875 8.77066 0.875 9.83788V18.1621C0.875 19.2293 1.76718 20.0905 2.87287 20.0905H7.32612L14.8143 25.0953C15.1041 25.2867 15.4243 25.375 15.7293 25.375C16.5758 25.375 17.3612 24.7273 17.3612 23.8073V4.1927C17.3612 3.27269 16.5758 2.625 15.7293 2.625Z' fill='white'/%3E%3Cpath d='M21 11.375V17.5' stroke='white' stroke-width='1.52509' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.5 9.625V19.25' stroke='white' stroke-width='1.52509' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
/* toggleVideoSound :: E */

/* KV :: S */
.freedlex__kv { text-align:center; }
.freedlex__kvTitle { padding:calc(60 * var(--vw)) 0 calc(20 * var(--vw)); }
.freedlex__kvTitle h2 { font-family:'ITCGaramondStd', sans-serif; font-size:calc(90 * var(--vw)); font-weight:400; color:#000; letter-spacing:-0.01em; line-height:1.1; }
.freedlex__kvCopy { max-width:calc(1108 * var(--vw)); margin:0 auto; padding:0 calc(40 * var(--vw)); }
.freedlex__kvCopy p { font-size:calc(28 * var(--vw)); color:#151415; line-height:1.6; letter-spacing:-0.03em; }

.freedlex__products { padding:calc(80 * var(--vw)) 0 calc(110 * var(--vw)); }
.freedlex__productGroup { margin-bottom:calc(70 * var(--vw)); }
.freedlex__productGroup h3 {  font-size:calc(30 * var(--vw)); font-weight:700; letter-spacing: -4%; line-height: calc(40 * var(--vw)); color:#000; margin-bottom:calc(30 * var(--vw)); }
.freedlex__productItems { display:flex; justify-content:center; gap:calc(31 * var(--vw)); }
.freedlex__productItem { width:calc(275 * var(--vw)); text-align:center; }
.freedlex__productItem img { width:100%; height:calc(157 * var(--vw)); object-fit:cover; }
.freedlex__productItem span {font-family:'ITCGaramondStd', sans-serif; display:block; margin-top:calc(16 * var(--vw)); font-size:calc(36 * var(--vw));letter-spacing: -1%; color:#151415; }
.freedlex__kvLabel {font-size:calc(27 * var(--vw)); font-weight:800; color:#A91A1C; padding:calc(20 * var(--vw)) 0 calc(60 * var(--vw)); display: flex; justify-content: center; align-items: center;}
.freedlex__kvLabel .en { font-family:'Proxima Nova', sans-serif; font-size:calc(30 * var(--vw)); font-weight:700; }
/* KV :: E */

/* Street :: S */
.freedlex__streetImg { position:relative; }
.freedlex__streetImg > img {  width:100%; display:block; }
.freedlex__streetImg > video { position:absolute; top:50%; left:50%; width:calc(1613 *var(--vw)); height:calc(738 *var(--vw)); object-fit:cover; opacity:0; transform:translate(-50%, -50%) translateX(80px); transition:opacity 1.2s, transform 1.2s; }
.freedlex__streetImg > video.on { opacity:1; transform:translate(-50%, -50%) translateX(0); }
.freedlex__streetCopy { max-width:calc(1200 * var(--vw)); margin:0 auto; padding:calc(40 * var(--vw)) calc(40 * var(--vw)) calc(80 * var(--vw)); text-align:center; }
.freedlex__streetCopy p { font-size:calc(24 * var(--vw)); color:#000; line-height:calc(38 * var(--vw)); letter-spacing: -5%;}
.freedlex__streetCopy p span{ font-size:calc(30 * var(--vw)); font-weight: 900; display: block; margin-bottom: calc(20 * var(--vw));}
/* Street :: E */

/* Core Pack / Color Pack Section :: S */
.freedlex__section { padding:calc(80 * var(--vw)) 0; }
.freedlex__sectionHeader { text-align:center; margin-bottom:calc(60 * var(--vw)); }
.freedlex__sectionHeader h2 { font-family:'ITCGaramondStd', sans-serif; font-size:calc(60 * var(--vw)); font-weight:400; color:#000; letter-spacing:-0.01em; line-height:calc(68 * var(--vw)); }
.freedlex__sectionHeader p { font-size:calc(30 * var(--vw)); font-weight:900; color:#000; margin-top:calc(10 * var(--vw)); }

.freedlex__colorCard { position:relative; width:100%; height:calc(1024 * var(--vw)); overflow:hidden; }
.freedlex__colorCard:last-child { margin-bottom:0; }
.freedlex__colorBg { position:absolute; top:0; left:0; width:100%; height:100%; }
.freedlex__colorBg img { width:100%; height:100%; object-fit:cover; }

.freedlex__colorSwiper { position:absolute; top:calc(79 * var(--vw)); z-index:1; }
.freedlex__colorSwiper .swiper-wrapper { transition-timing-function:linear; }
.freedlex__colorSwiper .swiper-slide { width:calc(380 * var(--vw)); }
.freedlex__colorSwiper .swiper-slide img { width:100%; height:calc(570 * var(--vw)); object-fit:cover; }

.freedlex__colorText { position:absolute; z-index:2; text-align:center; width:calc(936 * var(--vw)); }
.freedlex__colorText h3 { display: flex; gap: calc(30 * var(--vw)); align-items: center; padding: 0 calc(48 * var(--vw)); font-family:'ITCGaramondStd', sans-serif; font-size:calc(60 * var(--vw)); font-weight:400; color:#fff; letter-spacing:-0.01em; line-height:calc(68 * var(--vw)); margin-bottom:calc(10 * var(--vw)); box-sizing: border-box; }
.freedlex__colorText h3 span { flex: none; flex-grow: 1; }
.freedlex__colorText h3:before { content: ''; width: 100%; height:calc(3 * var(--vw)); background-color: #fff; }
.freedlex__colorText .freedlex__colorSub { font-family: 'Noto Sans KR', sans-serif; font-size:calc(30 * var(--vw)); font-weight:900; color:#fff; margin-bottom:calc(18 * var(--vw)); }
.freedlex__colorText .freedlex__colorDesc { font-size:calc(24 * var(--vw)); color:#fff; line-height:calc(38 * var(--vw)); letter-spacing:-3%; }
.freedlex__colorText[data-direction='right'] { right:unset; left:calc(92 * var(--vw)); }

/* 스와이퍼 오른쪽, 텍스트 오른쪽 하단 */
.freedlex__colorCard--right .freedlex__colorSwiper { right:0; width:calc(1028 * var(--vw)); }
.freedlex__colorCard--right .freedlex__colorText { right:calc(92 * var(--vw)); bottom:calc(60 * var(--vw)); }

/* 스와이퍼 왼쪽, 텍스트 왼쪽 하단 */
.freedlex__colorCard--left .freedlex__colorSwiper { left:0; width:calc(1028 * var(--vw)); }
.freedlex__colorCard--left .freedlex__colorText { left:calc(92 * var(--vw)); bottom:calc(60 * var(--vw)); }
/* Core Pack / Color Pack Section :: E */

/* 3가지 장점 :: S */
.freedlex__features { display:flex; justify-content:center; gap:calc(20 * var(--vw)); padding:calc(100 * var(--vw)) calc(55 * var(--vw)); }
.freedlex__featureCard { width:calc(532 * var(--vw)); }
.freedlex__featureQuote { background:#fff; border: calc(1 * var(--vw)) solid #ADADAD; border-radius:calc(40 * var(--vw)) calc(40 * var(--vw)) 0 calc(40 * var(--vw)); text-align:center; padding:calc(10 * var(--vw)) calc(20 * var(--vw)); font-size:calc(22 * var(--vw)); color:#000; line-height:1.5; }
.freedlex__featureQuote p {width: calc(42 * var(--vw)); margin: 0 auto;}
.freedlex__featureBody { position:relative; margin-top:calc(30 * var(--vw)); }
.freedlex__featureImg { width:calc(532 * var(--vw)); height:calc(532 * var(--vw)); overflow:hidden; position:relative; z-index:2; }
.freedlex__featureImg img, .freedlex__featureImg video { width:100%; height:100%; object-fit:cover; }
.freedlex__featureInfo { background:#161616; padding:calc(34 * var(--vw)) calc(24 * var(--vw)) calc(43 * var(--vw)); border-radius: 0 0 calc(40 * var(--vw)) calc(40 * var(--vw)); }
.freedlex__featureTitle { padding: 0 calc(20 * var(--vw));font-size:calc(32 * var(--vw)); font-weight:900; color:#fff; margin-bottom:calc(12 * var(--vw)); letter-spacing: -5%; line-height:calc(48 * var(--vw)); }
.freedlex__featureTitle span{ font-size:calc(35 * var(--vw)); font-weight:900; color:#fff; margin-bottom:calc(12 * var(--vw)); letter-spacing: -5%; line-height:calc(48 * var(--vw)); }
.freedlex__featureDesc { font-size:calc(22 * var(--vw)); color:#fff; line-height:calc(35 * var(--vw)); letter-spacing:-6%; }
.freedlex__featureDesc b{font-weight: 800;}
/* 3가지 장점 :: E */

/* Age-Free :: S */
.freedlex__ageFree { padding: 0 calc(144 * var(--vw)) calc(100 * var(--vw)) calc(144 * var(--vw)); }
.freedlex__ageFreeImages { display:flex; align-items: center; gap:calc(20 * var(--vw)); margin-bottom:calc(40 * var(--vw)); }
.freedlex__ageFreeImgLg { flex:0 0 calc(832 * var(--vw)); height:calc(830 * var(--vw)); overflow:hidden; }
.freedlex__ageFreeImgLg img { width:100%; height:100%; object-fit:cover; }
.freedlex__ageFreeImgSm { display:flex; flex-direction:row; gap:calc(20 * var(--vw)); flex:1; }
.freedlex__ageFreeImgSm img { width:100%; height:calc(570 * var(--vw)); object-fit:cover; }
.freedlex__ageFreeText { text-align:center; max-width:calc(936 * var(--vw)); margin:0 auto; }
.freedlex__ageFreeText h2 { font-family:'ITCGaramondStd', sans-serif; font-size:calc(60 * var(--vw)); font-weight:400; color:#000; letter-spacing:-0.01em; line-height:calc(68 * var(--vw)); margin-bottom:calc(10 * var(--vw)); }
.freedlex__ageFreeText h2 + p { font-size:calc(30 * var(--vw));letter-spacing: -5%; line-height:calc(38 * var(--vw)); font-weight:900; color:#000; margin-bottom:calc(40 * var(--vw)); }
.freedlex__ageFreeDesc { font-size:calc(24 * var(--vw)); color:#000; line-height:calc(38 * var(--vw)); letter-spacing:-5%em; font-weight: 400; }
/* Age-Free :: E */

/* infiniteRollSwiper :: S */
.freedlex__roll { padding:calc(60 * var(--vw)) 0; overflow:hidden; }
.freedlex__roll .swiper-wrapper { align-items:center; transition-timing-function:linear; }
.freedlex__roll .swiper-slide { width:calc(380 * var(--vw)); }
.freedlex__roll .swiper-slide img { width:100%; display:block; }
/* infiniteRollSwiper :: E */

/* Launch Schedule :: S */
.freedlex__launch { padding:calc(60 * var(--vw)) calc(92 * var(--vw)) calc(100 * var(--vw)); text-align:center; }
.freedlex__launch > div{ width: calc(740 * var(--vw)) ;background-color: #fff; border-radius:calc(40 * var(--vw)); border: calc(1 * var(--vw)) solid #D5D5D5; margin: 0 auto calc(26 * var(--vw)); }
.freedlex__launch h2 { font-family:'ITCGaramondStd', sans-serif; font-size:calc(60 * var(--vw)); font-weight:400; color:#A91A1C; letter-spacing:-0.01em; margin:calc(54 * var(--vw)) 0 calc(14 * var(--vw)); }
.freedlex__launchInfo { font-size:calc(28 * var(--vw)); color:#000; line-height:1.8; font-weight:500; margin-bottom:calc(34 * var(--vw)); }
.freedlex__launchInfo .en { font-family:'ProximaNova', sans-serif;font-size:calc(30 * var(--vw)); }
.freedlex__calendar { display:flex; justify-content:center; gap:calc(12 * var(--vw)); margin-bottom:calc(43 * var(--vw)); }
.freedlex__calDay { width:calc(72 * var(--vw)); text-align:center; font-size:calc(24 * var(--vw)); color:#000; line-height:1.6; }
.freedlex__calDay span { display:block; }
.freedlex__calDay--active { width: calc(84 * var(--vw));background:#A91A1C; color:#fff; padding:calc(6 * var(--vw)) 0 calc(10 * var(--vw)); }
.freedlex__calDay--active span { color:#fff; font-weight: 800; }
.freedlex__calDayLabel { font-size:calc(26 * var(--vw)); font-weight: 400; }
.freedlex__calDayNum { font-size:calc(24 * var(--vw)); font-weight:400; margin:calc(4 * var(--vw)) 0; }
.freedlex__calDayNote { font-size:calc(15 * var(--vw)); line-height: 1.2; letter-spacing: -5%; }
.freedlex__calDayNote .en { font-size:calc(18 * var(--vw)); }
.freedlex__launchStores { width: calc(668 * var(--vw)); font-size:calc(18 * var(--vw)); letter-spacing: -6%; color:#666; line-height:calc(30 * var(--vw)); max-width:calc(1200 * var(--vw)); margin:0 auto; text-align:left; }
.freedlex__launchStores span{font-weight: 500; font-size:calc(22 * var(--vw)); }
/* Launch Schedule :: E */

/* Size :: S */
.freedlex__size { display:flex; align-items:center; gap:calc(40 * var(--vw)); padding:calc(60 * var(--vw)) calc(266 * var(--vw)) calc(160 * var(--vw)); }
.freedlex__sizeImg { flex:0 0 calc(832 * var(--vw)); }
.freedlex__sizeImg img { width:100%; display:block; }
.freedlex__sizeText { flex:none; text-align:center; width: calc(516 * var(--vw)); }
.freedlex__sizeText h2 { font-family:'ITCGaramondStd', sans-serif; font-size:calc(60 * var(--vw)); font-weight:400; color:#000; letter-spacing:-5%; line-height:calc(68 * var(--vw)); margin-bottom:calc(10 * var(--vw)); }
.freedlex__sizeText p { font-size:calc(24 * var(--vw)); color:#000; line-height:1.6; letter-spacing:-0.03em; margin-bottom:calc(30 * var(--vw)); }
.freedlex__sizeBtn { display:flex; align-items: center; justify-content: center; border-radius: calc(5 * var(--vw)); width: calc(130 * var(--vw)); height: calc(45 * var(--vw)); background:#151415; color:#fff; font-size:calc(15 * var(--vw)); text-decoration:none; margin: 0 auto;}
.freedlex__sizeBtn:hover { color: #fff;}
/* Size :: E */

/* NB Logo :: S */
.freedlex__logo { text-align:center; padding:calc(70 * var(--vw)) 0 calc(100 * var(--vw)); }
.freedlex__logo img { width:calc(67 * var(--vw)); }
/* NB Logo :: E */