@charset "utf-8";

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

.imc { --vw: 0.625px; } /* 1920px 기준 */
@media screen and (min-width: 1200px) {
    .imc { --vw: 0.052083333vw; }
}
.font--deco{
    font-family: 'ITCGaramondStd';
    letter-spacing: -0.01em;
}

/* common :: S */
.imc__content {position:relative; background:#090909; color:#fff;}
.imc__sec {position:relative; width:100%;}
.imc__sec img,
.imc__sec video {display:block; width:100%; height:auto;}

.imc__roll {position:relative; width:100%; overflow:hidden;}
.imc__roll .swiper-wrapper {align-items:center; transition-timing-function:linear;}
.imc__roll .swiper-slide {width:auto;}
.imc__roll .swiper-slide img {display:block; height:calc(487 * var(--vw)); width:auto;}
/* common :: E */

/* 00. KV (메인 비주얼) :: S */
.imc__secKv {position:relative;}
.imc__secKv__visual {width:100%;}
.imc__secKv__text {padding:calc(60 * var(--vw)) calc(263 * var(--vw)) calc(0 * var(--vw)); text-align:center;}
.imc__secKv__text img {width: auto; margin: 0 auto;}
.imc__secKv__sub {font-size:calc(28 * var(--vw)); letter-spacing:0.02em; margin-bottom:calc(12 * var(--vw));}
.imc__secKv__title {font-size:calc(72 * var(--vw)); font-weight:700; line-height:1.2; margin-bottom:calc(20 * var(--vw));}
.imc__secKv__copy {font-size:calc(28 * var(--vw)); line-height:calc(44 * var(--vw)); color:#fff;}
.imc__secKv__copy .font--en {font-size:calc(30 * var(--vw));}
/* 00. KV :: E */

/* 01. 서브 메인 (Frame 11) :: S */
.imc__secSub {padding:calc(120 * var(--vw)) calc(55 * var(--vw)) calc(95 * var(--vw));}
.imc__secSub__image {position:relative; width:100%;}
.imc__secSub__image img {width:auto; height:auto; margin: 0 auto;}
.imc__secSub__vTitle {transform: rotate(180deg); position:absolute; top:calc(341 * var(--vw)); right:calc(54 * var(--vw)); writing-mode:vertical-rl; text-orientation:mixed; font-size:calc(40 * var(--vw)); letter-spacing:0.1em; font-weight:700; line-height:1;}
.imc__secSub__copy {margin-top:calc(30 * var(--vw)); padding:0 calc(305 * var(--vw)); font-size:calc(24 * var(--vw)); line-height:calc(38 * var(--vw)); text-align:center; letter-spacing: -0.05em;}
.imc__secSub__copy .font--en {font-size:calc(26 * var(--vw));}
/* 01. 서브 메인 :: E */

/* 02~04. 정보 섹션 공통 (Frame 15/16/17) :: S */
.imc__secInfo {padding:calc(120 * var(--vw)) 0 calc(120 * var(--vw)); background-size: cover; background-repeat: no-repeat; background-position: top center;}
.imc__secInfo.imc__sec01 {background-image: url("https://image.nbkorea.com/NBRB_PC/event/imc/NK740REBRANDING/imc__sec01_bg.jpg");}
.imc__secInfo.imc__sec02 {background-image: url("https://image.nbkorea.com/NBRB_PC/event/imc/NK740REBRANDING/imc__sec02_bg.jpg");}
.imc__secInfo.imc__sec03 {background-image: url("https://image.nbkorea.com/NBRB_PC/event/imc/NK740REBRANDING/imc__sec03_bg.jpg");}
.imc__secInfo.imc__sec04 {background-image: url("https://image.nbkorea.com/NBRB_PC/event/imc/NK740REBRANDING/imc__sec04_bg.jpg");}
.imc__secInfo .imc__info__top {display:flex; align-items:center; justify-content:space-between; padding:0 calc(264 * var(--vw)); gap:calc(40 * var(--vw));}
/*.imc__secInfo--reverse .imc__info__top {flex-direction:row-reverse;}*/
.imc__secInfo .imc__info__media {flex:0 0 calc(712 * var(--vw)); overflow:hidden;}
.imc__secInfo .imc__info__media video {width:100%; height:calc(949 * var(--vw)); object-fit:cover;}
.imc__secInfo.imc__sec01 .imc__info__media video { transform: scale(1.3); transform-origin: right calc(740 * var(--vw));}
.imc__secInfo .imc__info__textBox {flex:0 0 calc(640 * var(--vw));}
.imc__secInfo .imc__info__title {margin-bottom:calc(12 * var(--vw));}
.imc__secInfo .imc__info__title img{width: auto; margin: 0 auto;}
.imc__secInfo .imc__info__bottom {margin-top:calc(41 * var(--vw)); padding:0 calc(268 * var(--vw));}
.imc__secInfo .imc__info__copy {font-size:calc(24 * var(--vw)); line-height:calc(38 * var(--vw)); text-align: center; letter-spacing: -0.05em;}
.imc__secInfo .imc__info__copy .font--en {font-size:calc(26 * var(--vw));}
.imc__secInfo .imc__info__grid {display:flex; justify-content:space-between; gap:calc(40 * var(--vw));}
.imc__secInfo .imc__info__grid li {flex:1; overflow:hidden;}
.imc__secInfo .imc__info__grid li img {width:100%; height:calc(487 * var(--vw)); object-fit:cover;}
.imc__secInfo .imc__info__bottomCopy {margin-top:calc(40 * var(--vw)); text-align:center; font-size:calc(24 * var(--vw)); line-height:calc(38 * var(--vw)); letter-spacing: -0.05em;}
/* 02~04. 정보 섹션 공통 :: E */

/* 05. Frame 38 (블록 2개 - 영상 + 세로 타이틀 + 흘러가기) :: S */
.imc__sec04 {padding:calc(120 * var(--vw)) calc(150 * var(--vw));}
.imc__sec04__block {display:flex; align-items:flex-start; gap:calc(40 * var(--vw));}
.imc__sec04__block:nth-child(2) {flex-direction:row-reverse; align-items: flex-end; margin-top:calc(-320 * var(--vw)); margin-bottom:calc(60 * var(--vw));}
.imc__sec04__block .imc__info__media {flex:0 0 calc(700 * var(--vw));}
.imc__sec04__block .imc__info__media video {width:100%; height:calc(933 * var(--vw)); object-fit:cover;}
.imc__sec04__vTitle {writing-mode:vertical-rl; text-orientation:mixed; font-size:calc(40 * var(--vw)); font-weight:700; letter-spacing: -0.01em; line-height:1; padding-bottom:calc(140 * var(--vw));}
.imc__sec04__vTitle.rotate {transform: rotate(180deg); padding-bottom: calc(129 * var(--vw));}
.imc__sec04__block .imc__roll {flex:1;}
.imc__sec04__block .imc__roll .swiper-slide img {height:calc(487 * var(--vw));}
.imc__sec04__copy {margin-top:calc(60 * var(--vw)); text-align:center; font-size:calc(24 * var(--vw)); line-height:calc(38 * var(--vw)); letter-spacing: -0.05em;}
.imc__sec04__copy .font--en {font-size:calc(26 * var(--vw));}
/* 05. Frame 38 :: E */

/* 06. NB Logo (푸터) :: S */
.imc__secFooterLogo {padding:calc(100 * var(--vw)) 0; text-align:center;}
.imc__secFooterLogo img {width:calc(170 * var(--vw)); height:auto; margin:0 auto;}
/* 06. NB Logo :: E */