@charset "utf-8";
/*  Reset CSS  */
html{scroll-behavior: smooth;min-width:1200px;}

*, body, div, ul, li { margin:0;  padding:0;}
ol,ul { list-style: none; }
a { outline:0; text-decoration:none; color:#555; }
img { border:0;}

/* CSS RESET 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
    font-weight:400;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
}

h1{font-style:normal;font-weight:700;}
html{font-size: 16px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block;
    -webkit-font-smoothing: antialiased;
}

ul, li{
    list-style:none;
}

a{
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
    text-decoration:none;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

img{
    object-fit: cover;
    vertical-align:top;
}
.skip-navi, .skip{position: absolute;left: -9999px;width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden;visibility: hidden;}
.hidden{position:absolute;width:1px;height:1px;top:-1px;left:-1px;text-indent:-9999px;}
.clearfix{clear:both;}
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
input[type="text"]{box-sizing:border-box; width:100%; height:35px; border:1px solid #322c35; padding:10px 16px; background:#100e1a; color:#fff;}
input[type="password"]{margin-top:10px; box-sizing:border-box;  width:100%; height:35px; padding:10px 16px; border:1px solid #322c35; background:#100e1a; color:#fff;}
input[type="email"]{box-sizing:border-box; width:100%; height:35px; border:1px solid #322c35; padding:10px 16px; background:#100e1a; color:#fff;}
input[type="password"]{margin-top:10px; box-sizing:border-box;  width:100%; height:35px; padding:10px 16px; border:1px solid #322c35; background:#100e1a; color:#fff;}
select{box-sizing:border-box; width:100%; height:35px; padding:0 16px; border:1px solid #322c35; background:#100e1a; color:#fff;}


@keyframes twink {
   0% {opacity:1;}
    50% {opacity:0.5;}
   100% {opacity:1;}
}
@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 0; }
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 0;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 0;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 0;}
}


.stars {
    position:absolute;
    top:-13vh;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    display:block;
    z-index:-1;
}

.stars {
    background: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec1/star1-min.png) no-repeat center top;
    z-index:0;
    -moz-animation:move-twink-back 2000s linear infinite, twink 3s linear infinite alternate-reverse;
    -ms-animation:move-twink-back 2000s linear infinite, twink 3s linear infinite alternate-reverse;
    -o-animation:move-twink-back 2000s linear infinite, twink 3s linear infinite alternate-reverse;
    -webkit-animation:move-twink-back 2000s linear infinite, twink 3s linear infinite alternate-reverse;
    animation:move-twink-back 2000s linear infinite, twink 3s linear infinite alternate-reverse;
}


#wrapper{width:100%;overflow:hidden;position:relative;margin:0;padding:0;}
.row-w{width:100%; max-width: 950px; margin:0 auto;}
/* 푸터 */
footer{display:block; background-color: #0e243a; color:#cfcfcf;}
footer .alert{ padding:1.5rem 0 ; text-align:center;}
footer .alert p{ display: inline-block; text-align: left; font-size:0.825rem}
footer .alert p img { float: left;}
footer .alert p:nth-child(2) { display: inline-block;  padding-left: 1.5rem;}
footer .copyright{background-color: #1d1e22; text-align: center; padding:1.5rem 0  1.0rem ;}
::-webkit-input-placeholder,::-moz-placeholder, -ms-placeholder, ::placeholder{color:#534c56;}
footer .copyright img {height: 0.825rem;}


/* 섹션 */
/********/
section{position:relative;width:100%;height:100vh; overflow:hidden;}

#sec1{background:url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec1/bg1-min.jpg) 0 0 no-repeat; background-size: 100% 100%;}
#sec2{background:#17224a url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/sec2-bg-min.jpg) 0 0 no-repeat; background-size: 100% 100%; padding-bottom: 10vh;}
#sec3{background: #17224a;}


/* 로고 위치 */
header{z-index:9000; position:fixed; width:100%; height: 80px;}
.top-logo{position:absolute; left: 32px; top:32px;}
.top-logo{width:16vh;}
.top-logo img{width: 100%;}
.go-home{display:inline-block; position:absolute; right: 32px; top: 32px; width:198px; height:47px; text-indent: -9999vw;}
.go-home{background:url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sprite-min.png) 0 0 no-repeat; transition:none;}
.go-home:hover{background:url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sprite-min.png) 0 -47px no-repeat; }

.label-chk{position:absolute; display:inline-block; right: 16px; top:86px; width:198px; height: 16px;}

.label-chk {
    color: #fff;
    font-size: 0.875em;
    position: fixed;
    right: 32px;
    top: 7em;
    z-index: 100;
    border-radius: 1.875em;
    border: 2px solid #D89A88;
    padding: 0.5em 2em;
    background: rgba(0,0,0,0.5);
    width: 198px;
    text-align: left;
    display: block;
    line-height: 2;
    font-size: 14px;
    height: 47px;
    box-sizing: border-box;
}
input#dontShow {
    display: inline-block;
    outline: none;
    vertical-align: text-bottom;
    border-radius: 0;
    border: none;
    text-align:left;
    width: 1.25em;
    height: 1.25em;
    background-color: transparent;
    background-image: url(https://file.valofe.com/Valofe_file/web/at/global/images/landing/latam/event1/chk-min.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.label-chk:after {
    content:'오늘 하루 안보기';
    color: #fca849;
    position:absolute;
    padding-left:1rem;
    width: 110px;
    display:inline-block;
}
input#dontShow:checked{border-radius: 0; border: none; outline:none;
    background-image: url(https://file.valofe.com/Valofe_file/web/at/global/images/landing/latam/event1/chk-on-min.png);
    background-color:transparent;
    background-position: left bottom;
    background-size: auto 100%;
}
input#dontShow:checked:after{content:'';display:none;}

/* sec1*/
#sec1 img{position:absolute;}

#mt1{left:0; bottom:0; z-index:1; width: 25vw;}
#mt2{right:0; bottom:0;  z-index:1; width: 18vw;}

#land{left:0; bottom:-1vw; width:100%; z-index:2}


#cloud1{z-index:0; /*left:5%;*/ top:50%; width:30vw; animation : cloud-moving1 36s ease-out infinite; opacity:0 }
#cloud2{z-index:0; /*right:5%; */top:4vw;  width:24vw; animation : cloud-moving2 36s 1s ease-out infinite; opacity:0}

@keyframes cloud-moving1{
    0%{left:-30vw; opacity:0; }
    50%{ opacity:0.5;}
    100%{left:25%;  opacity:0;}
}
@keyframes cloud-moving2{
    0%{right:-15vw; opacity:0; }
    50%{  opacity:0.5;}
    100%{right:25%;  opacity:0;}
}
#wrapper-moon{position:relative; display: block; width:50vw; height: 50vw; margin: 0 auto; text-align:center;}
#moon1{position:absolute; display:inline-block; width: 100%; left:0; top:0; z-index:0;}
#moon2{position:absolute; display:inline-block; width: 100%; left:0; top:0; z-index:1;}

#moon1{z-index:0; animation: fade-in-out 4s 1s ease-in-out infinite;}
#moon2{z-index:1}

@keyframes fade-in-out {
    0%{ opacity: 0; transform: scale(0.9);}
    50%{ opacity: 1; transform: scale(1);}
    85%{ opacity: 0; }
    100%{ opacity: 0; transform: scale(0.9);}
}

#number1 {position:absolute; z-indeX:3; left:50%; height: 7vw; margin-left:-6.4vw; margin-top: 12vw; opacity: 0}
#number2 { position:absolute; z-index:3; left:50%; height: 7vw; margin-left:-3.2vw; margin-top: 12vw; opacity: 0}
#number3 {position:absolute; z-index:3; left:50%; height: 7vw; margin-left:0; margin-top: 12vw; opacity: 0}
#number4 {position:absolute; z-index:3; left:50%; height: 7vw; margin-left:3.2vw; margin-top: 12vw; opacity: 0}

#number1.on{animation: num1 0.75s 0s linear forwards;}
#number2.on{animation: num2 0.75s 0.2s linear forwards;}
#number3.on{animation: num3 0.75s 0.3s  linear forwards;}
#number4.on{animation: num4 0.75s 0.4s linear forwards;}

@keyframes num1{
    0%{margin-left: -4.4vw; margin-top: 11vw; opacity:0}
    100%{margin-left: -6.4vw; margin-top: 12vw;opacity:1}
}

@keyframes num2{
    0%{margin-left: -1.2vw; margin-top: 11vw; opacity:0}
    100%{margin-left: -3.2vw; margin-top: 12vw;opacity:1}
}

@keyframes num3{
    0%{margin-left: 2vw; margin-top: 11vw; opacity:0}
    100%{margin-left: 0vw; margin-top: 12vw;opacity:1}
}
@keyframes num4{
    0%{margin-left: 5.2vw; margin-top: 11vw; opacity:0}
    100%{margin-left: 3.2vw; margin-top: 12vw;opacity:1}
}

#tit{z-index:3; left:50%; top:19.5vw; width:75%; margin-left:-35.75%; opacity:0}
#subtit1{z-index:3; left:50%; top:26vw; width:55%; margin-left:-25.75%; opacity:0}
#subtit2{z-index:3; left:50%; top:31vw; width:50%; margin-left:-25%; opacity:0}

#tit.on{animation: tit1 1s 0.75s ease-out forwards;}
#subtit1.on{animation: tit2 1.25s 2s ease-in-out forwards;}
#subtit2.on{animation: tit3 1.35s 2.25s ease-in-out forwards;}

@keyframes tit1{
    0%{ top: 23vw;opacity:0}
    100%{ top: 19.5vw; opacity:1}
}

@keyframes tit2{
    0%{ top: 28vw;opacity:0}
    100%{ top: 26vw; opacity:1}
}


@keyframes tit3{
    0%{ top: 33vw;opacity:0}
    100%{ top: 31vw; opacity:1}
}



#rabbit{
    z-index:11;
    position: absolute;
    display: inline-block;
    width:25vw;
    height:30vw;
    left:50%;
    margin-left:2vw;
    bottom: -0.5vw;
    background-image: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec1/rabbit1-min.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    animation: jeolgu 3s linear infinite alternate-reverse;
}
@keyframes jeolgu{
   0% { background-image: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec1/rabbit1-min.png); }
   40% { background-image: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec1/rabbit1-min.png); }

    50%{ background-image: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec1/rabbit2-min.png); }
    100%{ background-image: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec1/rabbit2-min.png); }

}
/* SEC2 */
/* TITLE */
.wrapper-tit{position: absolute; text-align:center; width:100%; height: auto; z-index: 100}
#sec2_tit{ width: 52%;  min-height: 19vh; margin: 8vh auto 3vh;}

#sec2_subtit{width:auto;  min-height: 10vh;}


/* 집 */
.wrapper-house{position:relative;width: 100%; height: 100%;}
#wall{z-index: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 38.7vh;
}
#house{z-index:1;
    position:absolute;
    width: auto;
    bottom: 0;
    left: 50%;
    margin-left: -70vh;
    height: 64vh;
}
#door1, #door2{
    z-index: 0;
    position: absolute;
    width: 30vh;
    height: 29vh;
    margin-top: 58vh;
    left: 50%;
    display: inline-block;
    overflow: hidden;
}
#door1{margin-left: -32.5vh;}
#door2{margin-left: 3.5vh; }

#door1 .door-left{position: absolute; height: 29vh;}
#door1 .door-right{position: absolute;height: 29vh;margin-left: 11.5vh;}

#spi_left{position: absolute; width:100%; opacity:0}
#spi_right{position: absolute; width:100%; opacity:0}


#door2 .door-left{position: absolute; height: 29vh;}
#door2 .door-right{position: absolute;height: 29vh;margin-left: 11.5vh;}



#tree{z-index:50; position: absolute;right: 0; top: 7vh;}
#npc{z-index:100; display:inline-block; position:absolute; width: 45vh; height: 45vh;
    bottom:0 ; left: 50%; margin-left: 150px;
    background:url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/npc-off-min.png) center bottom no-repeat ;
    background-size: contain;
}

#npc:hover, #npc:focus{
    background:url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/npc-on-min.png) center bottom no-repeat ;
    background-size: contain;
}

.npc-on{
    animation: bgChg 3s ease-in-out infinite;
}
@keyframes bgChg {
    0%{background: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/npc-off-min.png) center bottom no-repeat ; background-size: contain; }
    50%{background: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/npc-on-min.png) center bottom no-repeat ; background-size: contain; }
    100%{background: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/npc-off-min.png) center bottom no-repeat ; background-size: contain; }
}
#spi_left.on{ opacity: 1; transition: 1s; transition-delay: 1.25s;}
#spi_right.on{ opacity: 1; transition: 1s; transition-delay: 1.25s;}
#door1.on .door-left{ transform: translateX(-11.5vh); transition: 1s ; transition-delay: 0.75s;}
#door1.on .door-right{ transform: translateX(11.5vh);  transition: 1s; transition-delay: 0.75s;}
#door2.on .door-left{ transform: translateX(-11.5vh);  transition: 1s; transition-delay: 0.75s;}
#door2.on .door-right{transform: translateX(11.5vh); transition: 1s; transition-delay: 0.75s;}

.wind_right1{display:inline-block;position:absolute; left:50% ; margin-left: -60vh; bottom: 27vh ;width: 15vh; height:25vh;
    background: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/light-l-off-min.png) center top no-repeat; background-size: 100%;
    animation:lightBlink1 5s ease-in-out infinite;
}
.wind_right2{display:inline-block;position:absolute; left:50% ; margin-left: 43vh;  bottom: 25vh ; width: 15vh; height:25vh;
    background: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/light-r-off-min.png) center top no-repeat; background-size: 100%;
    animation: lightBlink2 5.5s ease-in-out infinite;
}

@keyframes  lightBlink2{
    0% {

    }
    50%{
        background: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/light-l-on-min.png) center top no-repeat; background-size: 100%;
    }
    0% {
        background: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/light-l-off-min.png) center top no-repeat; background-size: 100%;
    }
}

@keyframes lightBlink1 {
    0% {
        background: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/light-l-off-min.png) center top no-repeat; background-size: 100%;
    }
    50%{
        background: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/light-l-on-min.png) center top no-repeat; background-size: 100%;
    }
    0% {
        background: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/light-l-off-min.png) center top no-repeat; background-size: 100%;
    }
}

@keyframes lightBlink2 {
    0% {
        background: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/light-r-off-min.png) center top no-repeat; background-size: 100%;
    }
    50%{
        background: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/light-r-on-min.png) center top no-repeat; background-size: 100%;
    }
    0% {
        background: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/light-r-off-min.png) center top no-repeat; background-size: 100%;
    }
}

/* SEC3 */
#sec3_tit{ width: 63%; min-height: 12vh; margin: 4vh auto 3vh;}
.wrapper-sec3{position:relative; display: inline-block; box-sizing: border-box;
    width: 60%; height: calc( 65vh + 3rem); margin:23vh 20% 0; padding: 1.5rem 0; text-align: center;
    background: rgba(29,42,93,0.8); border: 2px solid #FFC7A9; z-index: 10;
}

#blue_board{margin:0 auto; z-index:-1; height:26vh;}
#chr{position:absolute; z-index:0; width: 58vh; left: -20vh; top: 15px;}
.wrapper-lists {position:relative; margin: 4vh 0 0; z-index:10}
#item_list1{float:left; z-index:100; width: 39vh; max-height: 392px; margin-left: 8%; }
#item_list2{float:right; z-index:100; width: 39vh;max-height: 392px;  margin-right: 8%; }

.wrapper-cusion{position: absolute; display: inline-block; display: none;  left: 50%; ;width:45vh; margin-left: -47%; bottom: 0;z-index: 0;}
.wrapper-songpyun{position:absolute;
    z-index: 0;
    display: inline-block;
    bottom: 0;
    left: 50%;
    margin-left: 50vh;
    width: 50vh;
}
#cusion{width: 100%; position: absolute; bottom: 0;}
#light1{position: absolute; display:inline-block;
    top: -32vh;
    left: 50%;
    margin-left: -15vh;
    width: 10vh;
    height: 10vh;
    transform: rotate(8deg);
}
#songpyun{width: 100%; position: absolute; bottom: 0; }
#light2{position:absolute; display:inline-block; top: 50%; left: 50%; margin-left: 0;
    width: 8vh;
    height: 8vh;
    margin-top: -22vh;
    transform: rotate(56deg);}

.leaves{ position:relative; margin-top:-100vh; width:100%; height: 100%; z-index:0;}
#leaf0_0{position: absolute; left: -1%; top: /*10*/-20vh; z-index:1000; transform: rotate(50deg); width: 15vh;}
#leaf0_1{position: absolute; left: 6%; top: /*35*/-20vh; z-index:1000; transform: rotate(40deg); width: 10vh;}
#leaf0_2{position: absolute; left: 10%; top: /*40*/-20vh; z-index:1000; transform: rotate(30deg); width: 8vh;}
#leaf0_3{position: absolute; left: 8%; top: /*45*/-20vh; z-index:1000; transform: rotate(60deg); width: 7vh;}
#leaf0_4{position: absolute; left: 8%; top: /*50*/-20vh; z-index:1000; transform: rotate(75deg); width: 7vh;}
#leaf0_5{position: absolute; left: 10%; top: /*54*/-20vh; z-index:1000; transform: rotate(70deg); width: 16vh;}

/* 캐릭터 상세 깃털 애니메이션  */


.leaf-down-1 {
    animation: leaf-down 6s infinite linear,   leaf-fade 6s infinite linear;
}

.leaf-down-2 {
    animation: leaf-down-1 6s infinite linear,   leaf-fade 6s infinite linear;

}

.leaf-down-3 {
    animation: leaf-down 6s infinite linear,  leaf-fade 6s infinite linear;
}

.leaf-down-4 {
    animation: leaf-down-1 6s infinite linear,  leaf-fade 6s infinite linear;
}



@keyframes leaf-fade {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    75% {
        opacity: 0.4;
    }
    100% {
        opacity: 0;
    }
}

@keyframes leaf-down {
    0% {top:0; transform: translateX(-1.5%); }
    50% {top: 50vh; transform: translateX(2%) rotate(120deg);}
    100% {top: 100vh; transform:  translateX(-1.5%) rotate(270deg);}
}

@keyframes leaf-down-1 {
    0% {top:0; transform: translateX(-1.5%); }
    50% {top: 60vh; transform: translateX(1%) rotate(140deg); }
    100% {top: 130vh; transform: translateX(-1.5%) rotate(360deg);}
}

#leaf1{position: absolute; left: -1%; top: -10vh; }
#leaf2{position: absolute; left: -1%; top: 0; width: 33vh; }
#leaf3{position: absolute; right: -1%; top: 0; width: 30vh; }

@media screen and (max-width:1920px ) and (min-height: 1080px) {
    #item_list1{ margin-left: 13%; }
    #item_list2{ margin-right: 13%; }

    #moon1, #moon2{top: -2vw;}
    #number1, #number2, #number3, #number4 {margin-top: 10vw;}
    #tit{top:17.5vw}
    #subtit1 {top: 23vw;}
    #subtit2 {top: 29vw;}
    #rabbit{margin-left: 9vw;}
}


/* 이벤트 */
.item-event .title{position:absolute; left: 20.208333%; top: 7.549020%; width:37.1875%}
.item-event .title img{width:100%;}
.item-event .caption {position:absolute; width: 60%; left:6.5625%; bottom: 7.549020%; text-align:center; }
.item-event .caption ul {display:inline-block;width:100%;}
.item-event .caption li {position:relative;width:32%; margin-left:0.5%; margin-right:0.5%; float:left; }
.item-event .caption ul li img{width: 100%;}
.item-event .caption li a{position:absolute; display:inline-block; width: 55%; height: 14.326648%; bottom: 10.6017%; left:22.5%; background-image:url(http://file.valofe.com/Valofe_file/web/icarus/ko/event/rabini_09/images/btn-more-min.png); background-position: center top; background-repeat: no-repeat; background-size: cover; transition: none;}
.item-event .caption li a:hover{background-position: center bottom; background-repeat: no-repeat; background-size: cover; transiton:none;}

/* 업데이트 */
.item-update .title{position:absolute; right: 17.1875%; top: 24.313725%; width:37.1875%}
.item-update .title img{width:100%;}
.item-update .caption {position:absolute; width: 89.114583%; left:5.442709%; bottom: 7.137255%; text-align:center; }
.item-update .caption .image-wrap{position:relative; width:100%;height:100%;}
.item-update .caption .image-wrap a{position:absolute; width:15.078901%; height: 51.367781%; bottom: 22.492401%;transition: all 0.5s ease-in;}
.item-update .caption .image-wrap a:hover{transition: all 0.5s ease-in}
.item-update .caption .image-wrap a:after{ content:'';  display:block; width:100%;height:100%; background:url(http://file.valofe.com/Valofe_file/web/icarus/ko/event/rabini_09/images/bg-img-hover-min.png) center no-repeat; background-size:0; }
.item-update .caption .image-wrap a:hover:after{ content:'';  display:block; width:100%;height:100%; background:url(http://file.valofe.com/Valofe_file/web/icarus/ko/event/rabini_09/images/bg-img-hover-min.png) center no-repeat; background-size:cover;}
.item-update .caption .image-wrap a.img1{left:10.227936888%;}
.item-update .caption .image-wrap a.img2{left:26.35885447%;}
.item-update .caption .image-wrap a.img3{left:42.43132671%;}
.item-update .caption .image-wrap a.img4{left:58.5622443%;}
.item-update .caption .image-wrap a.img5{left:74.69316189%;}

/* 슬라이드 < > navi 사이즈 및 위치 */
.owl-carousel .owl-dots{ position: absolute; bottom: 32px; margin-left: -41px;left: 50%; width: 82px; text-align: center; }
.owl-carousel button.owl-dot{outline:none; display:inline-block;background:url(http://file.valofe.com/Valofe_file/web/icarus/ko/event/rabini_09/images/dot-off.png) center no-repeat; border-radius:50%; width:25px; height:25px; margin-right:8px;margin-left:8px;}
.owl-carousel button.owl-dot.active{background:url(http://file.valofe.com/Valofe_file/web/icarus/ko/event/rabini_09/images/dot-on.png) center no-repeat; border-radius:50%; width:25px; height:25px;}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next{display:inline-block; position:absolute; top: 50%; margin-top: -5vw; width: 10vw; height: 10vw; outline:none ;}
.owl-carousel .owl-nav button.owl-prev.disabled,
.owl-carousel .owl-nav button.owl-next.disabled{display:none;}
.owl-carousel .owl-nav button.owl-prev{left:32px;background: url(http://file.valofe.com/Valofe_file/web/icarus/ko/event/rabini_09/images/btn-slide-event-min.png) left top no-repeat; transition:none; background-size:10vw;}
.owl-carousel .owl-nav button.owl-next{right:32px;background: url(http://file.valofe.com/Valofe_file/web/icarus/ko/event/rabini_09/images/btn-slide-update-min.png) left top no-repeat; transition:none; background-size:10vw;}
.owl-carousel .owl-nav button.owl-prev:hover{left:32px;background:url(http://file.valofe.com/Valofe_file/web/icarus/ko/event/rabini_09/images/btn-slide-event-min.png) left bottom no-repeat; background-size:10vw;}
.owl-carousel .owl-nav button.owl-next:hover{right:32px;background:url(http://file.valofe.com/Valofe_file/web/icarus/ko/event/rabini_09/images/btn-slide-update-min.png) left bottom no-repeat; background-size:10vw;}
.owl-carousel .owl-nav button.owl-prev [aria-label="Previous"], .owl-carousel .owl-nav button.owl-next [aria-label="Next"]{display:none;}

/* 팝업 */
.layer-wrap{
    z-index:9997 !important;
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}
.layer-wrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em;
}
.pop-layer {
    position:relative;
    z-index: 9999 !important;
    box-sizing:border-box;
    display: inline-block;
    vertical-align: middle;
    width: 70vh;
    height: 53vh;
    border:1px solid #3c2861;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    background:#1d0635 url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/2020/rabini_09/images/sec2/popup-min.png) center 7vh no-repeat; background-size: contain;
}
.pop-container{padding:2rem; position:relative;}
.pop-container .skip{position:absolute;left:-9999px; width:1px; height:1px;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.pop-container .frame{z-index:9999;position:relative;overflow:hidden;margin:0;width:100%;height:100%;}

/* 애니메이션 */
.pop-container .frame h1{  height: 49px; color:#a2a2a2; font-size:1.45rem; font-weight: normal; background:none;text-align:center;padding:0; color:#deadf4; display:inline-block; margin:0 auto}
.pop-layer  .btn-x {
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(https://file.valofe.com/Valofe_file/web/icarus/ko/event/anni/images/btn-x.png) no-repeat center;
    z-index:9999;
    display:inline-block;
    cursor:pointer;
}

.pop-container .alert {width:100%;}
.pop-container .alert div{margin:0 auto;text-align:center;min-height:60px;}
.pop-container .alert h5{box-sizing:border-box; width:100%;
    -moz-box-shadow:    inset 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
    box-shadow:         inset 0 0 10px rgba(0,0,0,0.5);
    margin-bottom: 34px; padding-top: 10px; padding-bottom: 10px;font-size: 24px; font-weight: bold; color:#282828; background: #dece;
}
.pop-container .alert img{width:100%;}
.pop-container .alert .alert-text{display:block; box-sizing: border-box;width:100%;text-indent:34px; margin-top:-10px; line-height:1.2;text-align:left;font-size:22px;font-size:1.375rem;color:#a2a2a2;word-break:keep-all;}
.pop-container .alert .alert-text.text1{line-height:1.7;color:#fff;font-size:1rem; text-indent: 0px; padding-left: 34px;}
.pop-container .alert .alert-text.text1 .color-mint{line-height:1.7;color:#fff;font-size:1rem;color:#22ffce;}
.pop-container .btn-wrap{margin-top:48px;}
.btn-wrap a.btn-alert{box-sizing:border-box;display:inline-block;min-width:189px;min-height:50px;line-height:50px;font-size:18px;text-align:center;color:#fff;background:#3c2861;text-decoration:none;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;
    border:1px solid #1c0534;
    -webkit-animation:aninone;-moz-animation:aninone;animation:aninone;}
.btn-wrap a.btn-alert:hover{box-sizing:border-box;display:inline-block;min-width:189px;min-height:50px;line-height:50px;font-size:18px;text-align:center;color:#fff;background:#8150dc;text-decoration:none;
    -webkit-animation: colorChange .5s ease-in-out infinite alternate;
    -moz-animation: colorChange .5s ease-in-out infinite alternate;
    animation: colorChange .5s ease-in-out infinite alternate;
    text-decoration:none;
    border:1px solid #8150dc;
}

@-webkit-keyframes colorChange {
    from {
        background:#3c2861;border:1px solid #1c0534;
    }
    to {
        background:#8150dc;border:1px solid #8150dc;
    }
}


.btn-wrap a.btn-alert + a.btn-alert{margin-left:5px;}

.shadow{display:none; opacity:1; z-index:-1 !important; width:100%; height:100%; position:fixed; padding-bottom:0px;top:0; left:0;background-size:cover;background:rgba(0,0,0,0.80);}