@charset "utf-8";

.imc { --vw: 0.125vw; --vw-400: 0.25vw; }

/* article02 :: S */
.imc__nkChristmasWrap .nkChristmas__article02{
    position: relative;
}
.imc__nkChristmasWrap .nkChristmas__article02 .article02__btn{
    position: absolute;
    bottom: calc(637 * var(--vw));
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: calc(368 * var(--vw));
    height: calc(95 * var(--vw));
}
/* article02 :: E */

/* article03 :: S */
.imc__nkChristmasWrap .nkChristmas__article03{
    position: relative;
}
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap{
    position: absolute;
    top: calc(466 * var(--vw));
    left: 50%;
    transform: translateX(-50%);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: calc(19 * var(--vw));
}
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap [class^="article03__item--"]{
    display: block;
    width: calc(330 * var(--vw));
    height: calc(330 * var(--vw));
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    perspective: 1300px;
    transform-style: preserve-3d;
}

.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap [class^="article03__item--"]:focus ,
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap [class^="article03__item--"]:hover {
    z-index: 10;
}
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap [class^="article03__item--"]:focus .door,
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap [class^="article03__item--"]:hover .door {
    transform: rotate3d(0, 1, 0, -110deg);
}

.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap .door{
    width: 100%;
    height: 100%;
    transform-origin: left center;
    background-size: 100% 100%;
    position: relative;
    /*backface-visibility: hidden;*/
    transform-style: preserve-3d;
    transition: all 0.5s;
}
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap .door:before {
    background: #193f35;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap .article03__item--01 {
    background-image: url('https://image.nbkorea.com/NBRB_Mobile/event/imc/NKCHRISTMAS/ac/01.png');
}
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap .article03__item--02{
    background-image: url('https://image.nbkorea.com/NBRB_Mobile/event/imc/NKCHRISTMAS/ac/02.png');
}
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap .article03__item--03{
    background-image: url('https://image.nbkorea.com/NBRB_Mobile/event/imc/NKCHRISTMAS/ac/03.png');
}
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap .article03__item--04{
    background-image: url('https://image.nbkorea.com/NBRB_Mobile/event/imc/NKCHRISTMAS/ac/04.png');
}
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap .article03__item--05{
    background-image: url('https://image.nbkorea.com/NBRB_Mobile/event/imc/NKCHRISTMAS/ac/05.png');
}
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap .article03__item--06{
    background-image: url('https://image.nbkorea.com/NBRB_Mobile/event/imc/NKCHRISTMAS/ac/06.png');
}

.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap .article03__item--01 .door{
    background-image: url('https://image.nbkorea.com/NBRB_Mobile/event/imc/NKCHRISTMAS/ac/01_door.png');
}
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap .article03__item--02 .door{
    background-image: url('https://image.nbkorea.com/NBRB_Mobile/event/imc/NKCHRISTMAS/ac/02_door.png');
}
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap .article03__item--03 .door{
    background-image: url('https://image.nbkorea.com/NBRB_Mobile/event/imc/NKCHRISTMAS/ac/03_door.png');
}
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap .article03__item--04 .door{
    background-image: url('https://image.nbkorea.com/NBRB_Mobile/event/imc/NKCHRISTMAS/ac/04_door.png');
}
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap .article03__item--05 .door{
    background-image: url('https://image.nbkorea.com/NBRB_Mobile/event/imc/NKCHRISTMAS/ac/05_door.png');
}
.imc__nkChristmasWrap .nkChristmas__article03 .article03__wrap .article03__item--06 .door{
    background-image: url('https://image.nbkorea.com/NBRB_Mobile/event/imc/NKCHRISTMAS/ac/06_door.png');
}
/* article03 :: E */

/* article04 :: S */
.imc__nkChristmasWrap .nkChristmas__article04{
    position: relative;
}
.imc__nkChristmasWrap .nkChristmas__article04 [class^="article04__btn--"]{
    position: absolute;
    display: block;
}
.imc__nkChristmasWrap .nkChristmas__article04 .article04__btn--01{
    width: calc(620 * var(--vw));
    height: calc(755 * var(--vw));
    top: calc(187 * var(--vw));
    left: 50%;
    transform: translateX(-50%);
}
.imc__nkChristmasWrap .nkChristmas__article04 .article04__btn--02{
    width: calc(375 * var(--vw));
    height: calc(510 * var(--vw));
    top: calc(1277 * var(--vw));
    left: calc(20 * var(--vw));
}
.imc__nkChristmasWrap .nkChristmas__article04 .article04__btn--03{
    width: calc(375 * var(--vw));
    height: calc(510 * var(--vw));
    top: calc(1277 * var(--vw));
    right: calc(20 * var(--vw));
}
.imc__nkChristmasWrap .nkChristmas__article04 .article04__btn--04{
    width: calc(620 * var(--vw));
    height: calc(753 * var(--vw));
    bottom: calc(693 * var(--vw));
    left: 50%;
    transform: translateX(-50%);
}
.imc__nkChristmasWrap .nkChristmas__article04 .article04__btn--05{
    width: calc(375 * var(--vw));
    height: calc(511 * var(--vw));
    bottom: calc(103 * var(--vw));
    left: calc(20 * var(--vw));
}
.imc__nkChristmasWrap .nkChristmas__article04 .article04__btn--06{
    width: calc(375 * var(--vw));
    height: calc(511 * var(--vw));
    bottom: calc(103 * var(--vw));
    right: calc(20 * var(--vw));
}
/* article04 :: E */

/* article05 :: S */
.imc__nkChristmasWrap .nkChristmas__article05{
    position: relative;
}
.imc__nkChristmasWrap .nkChristmas__article05 [class^="article05__btn--"]{
    position: absolute;
    display: block;
}
.imc__nkChristmasWrap .nkChristmas__article05 .article05__btn--01{
    width: calc(618 * var(--vw));
    height: calc(755 * var(--vw));
    top: calc(134 * var(--vw));
    left: 50%;
    transform: translateX(-50%);
}
.imc__nkChristmasWrap .nkChristmas__article05 .article05__btn--02{
    width: calc(375 * var(--vw));
    height: calc(510 * var(--vw));
    top: calc(1224 * var(--vw));
    left: calc(20 * var(--vw));
}
.imc__nkChristmasWrap .nkChristmas__article05 .article05__btn--03{
    width: calc(375 * var(--vw));
    height: calc(510 * var(--vw));
    top: calc(1224 * var(--vw));
    right: calc(20 * var(--vw));
}
.imc__nkChristmasWrap .nkChristmas__article05 .article05__btn--04{
    width: calc(616 * var(--vw));
    height: calc(754 * var(--vw));
    bottom: calc(687 * var(--vw));
    left: 50%;
    transform: translateX(-50%);
}
.imc__nkChristmasWrap .nkChristmas__article05 .article05__btn--05{
    width: calc(375 * var(--vw));
    height: calc(511 * var(--vw));
    bottom: calc(96 * var(--vw));
    left: calc(20 * var(--vw));
}
.imc__nkChristmasWrap .nkChristmas__article05 .article05__btn--06{
    width: calc(375 * var(--vw));
    height: calc(511 * var(--vw));
    bottom: calc(96 * var(--vw));
    right: calc(20 * var(--vw));
}
/* article05 :: E */

/* article06 :: S */
.imc__nkChristmasWrap .nkChristmas__article06{
    position: relative;
}
.imc__nkChristmasWrap .nkChristmas__article06 [class^="article06__btn--"]{
    position: absolute;
    display: block;
}

.imc__nkChristmasWrap .nkChristmas__article06 .article06__btn--01{
    width: 100%;
    height: calc(602 * var(--vw));
    top: calc(140 * var(--vw));
    left: 0;
}
.imc__nkChristmasWrap .nkChristmas__article06 .article06__btn--02{
    width: calc(620 * var(--vw));
    height: calc(753 * var(--vw));
    top: calc(1085 * var(--vw));
    left: 50%;
    transform: translateX(-50%);
}
.imc__nkChristmasWrap .nkChristmas__article06 .article06__btn--03{
    width: calc(375 * var(--vw));
    height: calc(511 * var(--vw));
    bottom: calc(96 * var(--vw));
    left: calc(20 * var(--vw));
}
.imc__nkChristmasWrap .nkChristmas__article06 .article06__btn--04{
    width: calc(375 * var(--vw));
    height: calc(511 * var(--vw));
    bottom: calc(96 * var(--vw));
    right: calc(20 * var(--vw));
}
/* article06 :: E */

/* article07 :: S */
.imc__nkChristmasWrap .nkChristmas__article07{
    position: relative;
}
.imc__nkChristmasWrap .nkChristmas__article07 [class^="article07__btn--"]{
    position: absolute;
    display: block;
}
.imc__nkChristmasWrap .nkChristmas__article07 .article07__btn--01{
    width: 100%;
    height: calc(602 * var(--vw));
    top: calc(140 * var(--vw));
    left: 0;
}
.imc__nkChristmasWrap .nkChristmas__article07 .article07__btn--02{
    width: calc(375 * var(--vw));
    height: calc(510 * var(--vw));
    top: calc(1084 * var(--vw));
    left: calc(20 * var(--vw));
}
.imc__nkChristmasWrap .nkChristmas__article07 .article07__btn--03{
    width: calc(375 * var(--vw));
    height: calc(510 * var(--vw));
    top: calc(1084 * var(--vw));
    right: calc(20 * var(--vw));
}
.imc__nkChristmasWrap .nkChristmas__article07 .article07__btn--04{
    width: calc(616 * var(--vw));
    height: calc(754 * var(--vw));
    bottom: calc(932 * var(--vw));
    left: 50%;
    transform: translateX(-50%);
}
.imc__nkChristmasWrap .nkChristmas__article07 .article07__btn--05{
    width: calc(375 * var(--vw));
    height: calc(511 * var(--vw));
    bottom: calc(343 * var(--vw));
    left: calc(20 * var(--vw));
}
.imc__nkChristmasWrap .nkChristmas__article07 .article07__btn--06{
    width: calc(375 * var(--vw));
    height: calc(511 * var(--vw));
    bottom: calc(343 * var(--vw));
    right: calc(20 * var(--vw));
}
/* article07 :: E */

/* snomfall :: S */
.imc .snow_wrap .snow_div {
    position: fixed;
    top: -10%;
    z-index: 9999;
    color: #fff;
    text-shadow : 0 0 5px rgba(0, 0, 0, 0.25);
    animation: snow_shake 3s ease-in-out infinite;
    user-select: none;
}
.imc .snow_wrap .snow_div p { animation: snow_fall 10s linear infinite; }

.imc .snow_wrap .snow_div:nth-of-type(0) { left: 0%; animation-delay: 0s; }
.imc .snow_wrap .snow_div:nth-of-type(0) p { animation-delay: 0s; }
.imc .snow_wrap .snow_div:nth-of-type(1) { left: 10%; animation-delay: 1s; }
.imc .snow_wrap .snow_div:nth-of-type(1) p { animation-delay: 1s; }
.imc .snow_wrap .snow_div:nth-of-type(2) { left: 20%; animation-delay: 0.5s; }
.imc .snow_wrap .snow_div:nth-of-type(2) p { animation-delay: 6s; }
.imc .snow_wrap .snow_div:nth-of-type(3) { left: 30%; animation-delay: 2s; }
.imc .snow_wrap .snow_div:nth-of-type(3) p { animation-delay: 4s; }
.imc .snow_wrap .snow_div:nth-of-type(4) { left: 40%; animation-delay: 2s; }
.imc .snow_wrap .snow_div:nth-of-type(4) p { animation-delay: 2s; }
.imc .snow_wrap .snow_div:nth-of-type(5) { left: 50%; animation-delay: 3s; }
.imc .snow_wrap .snow_div:nth-of-type(5) p { animation-delay: 8s; }
.imc .snow_wrap .snow_div:nth-of-type(6) { left: 60%; animation-delay: 2s; }
.imc .snow_wrap .snow_div:nth-of-type(6) p { animation-delay: 6s; }
.imc .snow_wrap .snow_div:nth-of-type(7) { left: 70%; animation-delay: 1s; }
.imc .snow_wrap .snow_div:nth-of-type(7) p { animation-delay: 2.5s; }
.imc .snow_wrap .snow_div:nth-of-type(8) { left: 80%; animation-delay: 0s; }
.imc .snow_wrap .snow_div:nth-of-type(8) p { animation-delay: 1s; }
.imc .snow_wrap .snow_div:nth-of-type(9) { left: 90%; animation-delay: 1.5s; }
.imc .snow_wrap .snow_div:nth-of-type(9) p { animation-delay: 3s; }
.imc .snow_wrap .snow_div:nth-of-type(10) { left: 25%; animation-delay: 0.5s; }
.imc .snow_wrap .snow_div:nth-of-type(10) p { animation-delay: 2s; }
.imc .snow_wrap .snow_div:nth-of-type(11) { left: 65%; animation-delay: 2.5s; }
.imc .snow_wrap .snow_div:nth-of-type(11) p { animation-delay: 4s; }
.imc .snow_wrap .snow_div:nth-of-type(12) { left: 85%; animation-delay: 2s; }
.imc .snow_wrap .snow_div:nth-of-type(12) p { animation-delay: 7.5s; }
.imc .snow_wrap .snow_div:nth-of-type(13) { left: 5%; animation-delay: 0s; }
.imc .snow_wrap .snow_div:nth-of-type(13) p { animation-delay: 2.5s; }
.imc .snow_wrap .snow_div:nth-of-type(14) { left: 45%; animation-delay: 1.5s; }
.imc .snow_wrap .snow_div:nth-of-type(14) p { animation-delay: 3.5s; }
.imc .snow_wrap .snow_div:nth-of-type(15) { left: 75%; animation-delay: 1s; }
.imc .snow_wrap .snow_div:nth-of-type(15) p { animation-delay: 2s; }
.imc .snow_wrap .snow_div:nth-of-type(16) { left: 35%; animation-delay: 2.5s; }
.imc .snow_wrap .snow_div:nth-of-type(16) p { animation-delay: 4.5s; }
.imc .snow_wrap .snow_div:nth-of-type(17) { left: 15%; animation-delay: 1s; }
.imc .snow_wrap .snow_div:nth-of-type(17) p { animation-delay: 3s; }
.imc .snow_wrap .snow_div:nth-of-type(18) { left: 95%; animation-delay: 0s; }
.imc .snow_wrap .snow_div:nth-of-type(18) p { animation-delay: 2s; }

@keyframes snow_shake {
    0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(80px);
    }
    100% {
        transform: translateX(0px);
    }
}

@keyframes snow_fall {
    0% {
        transform: translateY(0vh);
    }
    100% {
        transform: translateY(110vh);
    }
}

/* snomfall :: E */