@charset "utf-8";

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

/* 공통 */
[class*="imc__section"] {
    position:relative;
}
[class*="imc__section"] .section__imgWrap {
    padding-top:calc(160 * var(--vw));
    width: calc(720 * var(--vw));
    height: calc(960 * var(--vw));
    position:absolute;
    top:160px;
}
[class*="imc__section"] .section__imgWrap.right {
    right:calc(170 * var(--vw));
}
[class*="imc__section"] .section__imgWrap.left {
    left:calc(170 * var(--vw));
}

/* videoBlurMotion :: S */
.imc__videoMask {
    position: relative;
}

.videoMask__blur {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: 0.5s;
    backdrop-filter: blur(0px);
}
/* videoBlurMotion :: E */

/* toggleVideoSound :: S */
.imc__videoMask .mainVideo__muteBtn {
    position: absolute;
    z-index: 2;
    bottom: calc(31 * var(--vw));
    right: calc(24 * var(--vw));
    width: calc(28 * var(--vw));
    height: calc(28 * var(--vw));
    background-size: calc(28 * var(--vw));
    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 4.09702C15.7293 4.09702 15.8361 4.09702 15.8361 4.1927V23.8147C15.8361 23.9103 15.737 23.9103 15.7293 23.9103C15.7293 23.9103 15.7065 23.9103 15.676 23.8883L8.18779 18.8834L7.79889 18.6184H2.86524C2.60597 18.6184 2.39246 18.4124 2.39246 18.1621V9.83788C2.39246 9.58763 2.60597 9.38155 2.86524 9.38155H7.79889L8.18779 9.11659L15.676 4.11174C15.676 4.11174 15.7217 4.08966 15.7293 4.08966M15.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");
}

.imc__videoMask .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 4.09702C15.7293 4.09702 15.8361 4.09702 15.8361 4.1927V23.8147C15.8361 23.9103 15.737 23.9103 15.7293 23.9103C15.7293 23.9103 15.7065 23.9103 15.676 23.8883L8.18779 18.8834L7.79889 18.6184H2.86524C2.60597 18.6184 2.39246 18.4124 2.39246 18.1621V9.83788C2.39246 9.58763 2.60597 9.38155 2.86524 9.38155H7.79889L8.18779 9.11659L15.676 4.11174C15.676 4.11174 15.7217 4.08966 15.7293 4.08966M15.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 */

/* hideGnbOnMainVideo :: S */
.wrap .header {
    transition: 0.3s;
    display: none;
}

.wrap .header.on {
    position: absolute;
    top: -110px;
}

.container.npb {
    padding-top: 0;
    position: absolute;
    width: 100%;
    z-index: 60;
}
/* #topLayerBanner {position:absolute; top: -100%; } 상단 팝업 배너도 hide 처리 */
/* hideGnbOnMainVideo :: E */

/* section01 */
.imc__section--01 {
    margin-top:calc(40 * var(--vw));
}

/* section03 */
.imc__section--03 {
    position:relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.imc__section--03 .section__videoWrap {
    position:absolute;
    top: calc(288 * var(--vw));
    display: flex;
    gap: calc(30 * var(--vw));
}
.imc__section--03 .section__videoWrap video{
    display: block;
    width:calc(420 * var(--vw));
    height: calc(490 * var(--vw));
}