@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 *,
.imc *::before,
.imc *::after {
    box-sizing: border-box;
}

/* reset */
.imc img,
.imc video {
    display: block;
    width: 100%;
    max-width: 100%;
    vertical-align: top;
}
.imc video {
    outline: none;
    border: 0;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
.md_wrap.imc_event {display: none}
.md_wrap.on{display: block;}


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

.jsInfiniteRollSwiper .swiper-wrapper {
    transition-timing-function: linear !important;
}
.jsInfiniteRollSwiper .swiper-slide {
    width: calc(280 * var(--vw));
}

.imc_footer {
    background: #F1EBDE;
}

.product_imgurl01 {
    position: absolute;
    width:calc(502 * var(--vw));
    height:calc(724 * var(--vw));
    top: 24.5%;
    left: 21%;
    cursor: pointer;
    z-index: 11;
}
.product_texturl01 {
    position: absolute;
    width: calc(456 * var(--vw));
    height: calc(86 * var(--vw));
    top: 82%;
    left: 22%;
    cursor: pointer;
    z-index: 11;
}

.product_imgurl02 {
    position: absolute;
    width:calc(502 * var(--vw));
    height:calc(724 * var(--vw));
    top: 24.5%;
    left: 54%;
    cursor: pointer;
    z-index: 11;

}
.product_texturl02 {
    position: absolute;
    width: calc(466 * var(--vw));
    height: calc(86 * var(--vw));
    top: 82%;
    left: 54%;
    cursor: pointer;
    z-index: 11;
}

.badge {
    width: calc(175 * var(--vw)) !important;
    position: absolute;
    top:65%;
    z-index: 10;
}
.imc__section03 .badge {
    width: calc(175 * var(--vw)) !important;
    position: absolute;
    top:68%;
    z-index: 10;
}

.Slidebadge01_position {
    left:42%;
}
.Slidebadge02_position {
    left:75%;
}

.imc__section01 {
    background: #F1EBDE;
}

.imc__section02 {
    background: #F1EBDE;
    position: relative;
    padding-top: calc(50 * var(--vw));
}
.imc__section03{
    position: relative;

    background: #D8D8D8;
}
.imc__section04 {
    background: #F1EBDE;
    position: relative;
    padding-top: calc(50 * var(--vw));
}


.section_slide01, .section_slide02 {
    position: absolute;
    top: 16.5%;
}
.imc__section03 .section_slide01, .imc__section03 .section_slide02 {
    position: absolute;
    top: 18.5%;
}

.section_slide01 {
    left: 21%;
}
.section_slide02 {
    left: 54%;
}