@charset "utf-8";



html { scroll-behavior: smooth; }



/*reset css*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td, select, input, textarea {margin:0; padding:0; border:0;  }

body, input, textarea, select, td{ margin:0; padding:0; font-family:'맑은고딕',malgun gothic,'돋움',dotum,'굴림',gulim,arial,verdana,helvetica,sans-serif; font-size:12px; font-weight:normal; line-height:16px;  letter-spacing:0; word-break:break-all; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

table { table-layout:fixed; width:100%; border-spacing:0; border:0; }

em,address,var { font-style:normal; }

dl,ul,ol { list-style:none; }

input,select,img { vertical-align:top; }

img,fieldset { border:0; }

button { overflow:hidden; border:0; cursor:pointer; }

legend,caption { visibility:hidden; overflow:hidden; height:0; font-size:0; line-height:0; }

a {display:block;color:#626262; text-decoration:none; cursor:pointer; }

a:hover,a:active,a:focus { text-decoration:underline; }

input[type="image"],input[type="text"],input[type="submit"],input[type="password"] { -webkit-appearance:none; -webkit-border-radius:0; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }

blockquote,q { quotes:none; }

blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }

/* float:left clearing */

.clearfix{ display:block; }

.clearfix:after { content:"."; clear:both; visibility:hidden; display:block; height:0; font-size:0; line-height:0; }

html[xmlns].clearfix { display:block; }

.blind{position:absolute;top:0;left:-3000px;visibility:hidden;overflow:hidden;line-height: 0.1%;font-size: 0.1%;width:0.1%;height:0.1%;}





#wrapper { position:relative; width:100%;background-color: #050402; }



.menu_open{position:fixed;left:0;top:50%;width:25px;height:119px;margin-top:-60px;background:url("https://file.valofe.com/Valofe_file/web/icarus/ko/landing/pcbang/images/menu_open.png") no-repeat 0 0;display:none;cursor:pointer;z-index:15;text-indent:-9999em; }



#nav{position:fixed;left:0;/* left:-250px;*/ top:0;width:208px; height:100%; text-align:center;z-index:10 ;}

#nav .inner{position:relative;left:0; height:100%; background:url("https://file.valofe.com/Valofe_file/web/icarus/ko/landing/pcbang/images/nav_bg.png") repeat-y 0 0;}

#nav .inner .nav_tit { position:relative; height:60px; overflow:hidden; }

#nav .inner .nav_tit.active img{ margin-top:-60px; }

#nav .inner .nav01_area { position:relative;}

#nav .inner .nav01_area .nav01 { position:relative; }

#nav .inner .nav01_area .nav01 li { position:relative;  height:55px;  overflow:hidden; float:left;}

#nav .inner .nav01_area .nav01 li.active img{margin-top:-55px;}

#nav .inner .nav01_area .nav01 li:hover img{margin-top:-55px;}



#nav .inner .nav02_area { position:relative;}

#nav .inner .nav02_area .nav02 { position:relative; }

#nav .inner .nav02_area .nav02 li { position:relative;  height:58px;  overflow:hidden; float:left; cursor:pointer; }

#nav .inner .nav02_area .nav02 li.active img{margin-top:-58px;}

#nav .inner .nav02_area .nav02 li:hover img{margin-top:-58px;}



#visual_wrap {position:relative;width:100%;min-width:1200px;height:984px; background:url("https://file.valofe.com/Valofe_file/web/icarus/ko/landing/pcbang/images/visual02.jpg") no-repeat center top;}

#visual_wrap #visual{position:relative;width:1200px; margin:0 auto;}

#visual_wrap #visual .ev_top {position: relative; }

#visual_wrap #visual .ev_top h1{position:absolute; width:195px; height:85px;left:-90px;top:0;display:block;  }



#visual_wrap #visual .ev_top .sub_btn {position:absolute;right:0px;top:25px;}

#visual_wrap #visual .ev_top .sub_btn * {vertical-align:middle;}

#visual_wrap #visual .ev_top .sub_btn span {padding:0 20px 0 10px; letter-spacing:-1px;color:#fff;display:inline-block;float:left;vertical-align:top; font-weight:bold;  }

#visual_wrap #visual .ev_top .sub_btn label {color:#fff;cursor:pointer; }

#visual_wrap #visual .ev_top .sub_btn input {position:relative;cursor:pointer; margin:3px 0 0 5px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {

#visual_wrap #visual .ev_top .sub_btn input {position:relative;cursor:pointer; margin:3px 0 0 5px;}

}

#visual_wrap #visual .ev_top .sub_btn span.today {background:none;  margin-top:-2px;}

#visual_wrap #visual .ev_top .sub_btn span.home {margin:-10px 0 0 0; padding:0;}

#visual_wrap #visual .ev_top .sub_btn span a {color:#fff; text-decoration:none;}



#intro_wrap {position:relative;  width:100%; min-width:1200px; background:url("https://file.valofe.com/Valofe_file/web/icarus/ko/landing/pcbang/images/con02_00.jpg") no-repeat center top; height:612px;}

#event01_wrap {position:relative;  width:100%; min-width:1200px; background:url("https://file.valofe.com/Valofe_file/web/icarus/ko/landing/pcbang/images/con02_01.jpg") no-repeat center top; height:486px;}

#event02_wrap {position:relative;  width:100%; min-width:1200px; background:url("https://file.valofe.com/Valofe_file/web/icarus/ko/landing/pcbang/images/con02_02.jpg") no-repeat center top; height:1288px;}

#event03_wrap {position:relative;  width:100%; min-width:1200px; background:url("https://file.valofe.com/Valofe_file/web/icarus/ko/landing/pcbang/images/con02_03.jpg") no-repeat center top; height:715px;}

#event04_wrap {position:relative;  width:100%; min-width:1200px; background:url("https://file.valofe.com/Valofe_file/web/icarus/ko/landing/pcbang/images/con02_04.jpg") no-repeat center top; height:904px;}

#event05_wrap {position:relative;  width:100%; min-width:1200px; background:url("https://file.valofe.com/Valofe_file/web/icarus/ko/landing/pcbang/images/con02_05.jpg") no-repeat center top; height:712px;}

#event06_wrap {position:relative;  width:100%; min-width:1200px; background:url("https://file.valofe.com/Valofe_file/web/icarus/ko/landing/pcbang/images/con02_06.jpg") no-repeat center top; height:860px;}

#event07_wrap {position:relative;  width:100%; min-width:1200px; background:url("https://file.valofe.com/Valofe_file/web/icarus/ko/landing/pcbang/images/con02_07.jpg") no-repeat center top; height:754px;}





#visual_wrap .game_link { position:absolute; left:0; top:827px; width:100%; height:87px; }

#visual_wrap .game_link li {width:357px; height:100%;   float:left;}

#visual_wrap .game_link li a {display:block; width:100%; height:100%; text-indent:-9999em; }

#visual_wrap .game_link li.link01 { margin:0 0 0 55px; } 

#visual_wrap .game_link li.link02 { margin:0 15px 0 17px; } 

#visual_wrap .game_link li.link03 {}



#event05 { position:relative; width:1200px; margin:0 auto; height:100%; }

#event05 .link01 { position:absolute; left:656px; top:550px; width:407px; height:59px; text-indent:-9999em; }



#event06 { position:relative; width:1200px; margin:0 auto; height:100%; }

#event06 .link01 { position:absolute; left:516px; top:535px; width:407px; height:59px; text-indent:-9999em; }



#event07 { position:relative; width:1200px; margin:0 auto; height:100%; }

#event07 .link01 { position:absolute; left:58px; top:565px; width:522px; height:59px; text-indent:-9999em; }

#event07 .link02 { position:absolute; left:597px; top:565px; width:522px; height:59px; text-indent:-9999em; }



/* scroll animation */

.scroll-ani { opacity:0; transform:translateY(60px); transition:opacity 0.8s ease-out, transform 0.8s ease-out; pointer-events:none; }

.scroll-ani.on { opacity:1; transform:translateY(0); pointer-events:auto; }