@charset "utf-8";

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

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

.jsMotionTestArticle[class*="imc__con"]{border-bottom: 1px solid #fff;}

/* smoothTabMotion :: S */
.tabBar__Container{background:#000; display: flex; justify-content: space-between; position:sticky; top:106px; z-index: 11; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.tabBar__Container .tabBar__title {width:25%; height:104px; box-sizing: border-box; color:#fff; font-size: 28px; font-weight: 800; display: flex; transition:0.5s; justify-content: center; align-items: center; border-right: 1px solid #fff;}
.tabBar__Container .tabBar__title:last-child{border-right: none;}
.tabBar__Container .tabBar__title:hover{color:#fff;}
.tabBar__Container .tabBar__title.on {color:#fff;}
/* smoothTabMotion :: E */

/* infiniteRollSwiper :: S */
.imc__roll{}
.imc__roll .swiper-wrapper{align-items: center; transition-timing-function: linear}
.imc__roll .swiper-slide {width: auto;}
/* infiniteRollSwiper :: E */

.imc__con--wrapper {display: flex; justify-content: space-between; background-color: #000;}
.imc__con--wrapper .con--inner--left {width: calc(723 * var(--vw)); margin-left: calc(58 * var(--vw)); margin-top: calc(150 * var(--vw));}
.imc__con--wrapper .con--inner--left .imc__singleSwiper{width: 100%;}
.imc__con--wrapper .con--inner--left > img{width: 100%;}

.imc__con--wrapper .con--inner--right{margin-top: calc(150 * var(--vw));}
.imc__con--wrapper .con--inner--right > div{display: flex; justify-content: flex-end; }
.imc__con--wrapper .con--inner--right > div > div{width: calc(492 * var(--vw)); margin-right: calc(30 * var(--vw)); }
.imc__con--wrapper .con--inner--right > div > div:last-child{margin-right: 0; }


/* singleSwiper :: S */
.imc__con--wrapper .imc__singleSwiper{/*width:calc(640 * var(--vw));*/ margin:0 auto;}
.imc__con--wrapper .imc__singleSwiper .swiper-pagination-bullets {display: flex; justify-content: center; position:absolute; bottom:calc(30 * var(--vw)); z-index: 1;}
.imc__con--wrapper .imc__singleSwiper .swiper-pagination-bullet {width:calc(16 * var(--vw)); height:calc(16 * var(--vw)); margin:0 calc(5 * var(--vw)); border-radius: 50%; background:#fff; opacity: 0.3;}
.imc__con--wrapper .imc__singleSwiper .swiper-pagination-bullet-active {opacity: 1;}

/* singleSwiper :: E */