@charset "utf-8";
@import url(http://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
/* reset style [start] */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0} 
body,input,textarea,select,button,table{font-family:'Noto Sans Korean', Malgun Gothic, Dotum, sans-serif;font-weight:300;}
img,fieldset{border:0;vertical-align: top;}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
html {min-width:1280px;-webkit-text-size-adjust:none;background-color:#000}
.blind, legend{position:absolute;left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;text-indent:-10000px} /* 숨김 */
button{border:0;cursor:pointer;*overflow:visible;vertical-align:top;background:transparent}
.inner{position:relative;width:100%;max-width:1920px;margin:0 auto;height:100%;}

/* common */
body {background-color: #000;}
#wrapper{position:relative;width:100%;}
#header h1 a, #header .util a, .btn, #header .nav li a, #header .nav li span, .section1 li button {display:block;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2018/0809_revive_s7/spr_btn.png") no-repeat;text-indent:-9999px;overflow:hidden}
#header{position: absolute;top:0;width:100%;height:100px;z-index: 11;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0809_revive_s7/bg_header_ptn.png') repeat-x;}
#header .inner {position: relative;width: 100%;max-width:1920px;z-index: 5;margin:0 auto;}
#header h1 {position:absolute;left:40px;top:32px;z-index:9}
#header h1 a{width:252px;height:38px}
#header .util{position:absolute;right:20px;top:38px;padding-left:162px}
#header .util ul{overflow:hidden}
#header .util li{float:left;}
#header .util li a{width:150px;height:25px;margin:0  10px}
#header .util .btn_home a{background-position:-180px -50px}
#header .util .btn_home a:hover{background-position:-180px -75px}
#header .util .btn_pw a{width: 122px;background-position:-357px -50px}
#header .util .btn_pw a:hover{background-position:-357px -75px}
#header .util .btn_hide{position:absolute;left:0;top:0;width:154px;height:25px;background-position:0 -50px;}
#header .util .btn_hide:hover{background-position:0 -75px}
#header .nav {position: relative;z-index: 10;width: 838px;margin:0 auto;padding-top:36px;overflow: hidden;}
#header .nav li {float: left;padding:0 25px;border-left:1px solid #262626;}
#header .nav li a{width: 128px;height: 28px;}
#header .nav .n1{border:none;}
#header .nav .n1 a{width: 106px;background-position: -21px -226px}
#header .nav .n1 a:hover{background-position: -21px -254px}
#header .nav .n2 a{width: 156px;background-position: -212px -226px}
#header .nav .n2 a:hover  {background-position: -212px -254px}
#header .nav .n3 a{width: 138px;background-position: -452px -226px}
#header .nav .n3 a:hover {background-position: -452px -254px}
#header .nav .n4 a{width: 182px;background-position: -674px -226px}
#header .nav .n4 a:hover, #header .nav .active a  {background-position: -674px -254px}
#container{position:relative;width:100%;max-width:1920px;margin:0 auto;overflow: hidden;}
#footer{position: relative; width:100%;height:100px;background:#000 url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0809_revive_s7/copyright.png') no-repeat 50% 50%;z-index:20}

.quick {position: absolute;top:260px;right:2%;z-index: 15;}
.quick a {display:block;width: 114px;height: 80px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0809_revive_s7/quick.png') no-repeat;text-indent:-9999px;overflow:hidden}
.quick li .q0 {height: 79px;}
.quick li .q0:hover {background-position:-114px 0}
.quick li .q1 {height: 81px;background-position:0 -79px}
.quick li .q1:hover, .quick li.active .q1 {background-position:-114px -79px}
.quick li .q2 {background-position:0 -160px}
.quick li .q2:hover, .quick li.active .q2 {background-position:-114px -160px}
.quick li .q3 {background-position:0 -240px}
.quick li .q3:hover, .quick li.active .q3 {background-position:-114px -240px}
.quick li .q4 {background-position:0 -320px}
.quick li .q4:hover, .quick li.active .q4 {background-position:-114px -320px}
.quick li .q5 {background-position:0 -400px}
.quick li .q5:hover, .quick li.active .q5 {background-position:-114px -400px}
.quick li .q6 {background-position:0 -480px}
.quick li .q6:hover, .quick li.active .q6 {background-position:-114px -480px}
.quick .btn_top {height: 55px;background-position: 0 -560px;}
.sticky #header{position: fixed;}
.sticky .quick{position: fixed;}
.screen {position:fixed;left:0;top:0;width:100%;height:0;background-color:#000;z-index:100000;opacity:0}

.section {position: relative;width: 100%;text-align: center}
.t1, .t2, .t3, .t4, .t5{position: relative;z-index: 2;transform:rotate(0.01deg)} 

/* section0 */
.section0 {height: 1141px;text-align:center;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0809_revive_s7/bg0.jpg') no-repeat center top;}
.section0 .t1 {padding: 320px 0 12px}
.section0 .t3 {padding:26px 0 30px}
.section0 .t4{animation: bounce 1.5s ease infinite;}
.section0 .bg {position: absolute;left:0;top:0;width: 100%;height: 1141px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0809_revive_s7/bg0_1.jpg') no-repeat center top;animation: flash ease-out 3.5s infinite;animation-delay: 1.6s;opacity: 0;}

#particles {width:100%; height:1500px; position: absolute;left:0;top:0;z-index:1;}
.p1{position: absolute;width:12px;height:18px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0809_revive_s7/p1.png');background-size: 100% 100%;}
.p2{position:absolute;width:4px;height:9px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0809_revive_s7/p2.png');background-size: 100% 100%;}
.p2_2{position:absolute;width:4px;height:9px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0809_revive_s7/p2.png');background-size: 100% 100%;}
.p3{position:absolute;width:5px;height:7px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0809_revive_s7/p3.png');background-size: 100% 100%;}


/* animation */
@keyframes flash {
  0% {opacity:0}
  20% {opacity:0}
  22% {opacity:0.4}
  24% {opacity:0}
  26% {opacity:0.7}
  28% {opacity:0}
  30% {opacity:0.5}
  32% {opacity:0}
  34% {opacity:1}
  36% {opacity:0}
  100% {opacity:0}
}

@keyframes bounce {
  50% {
    transform: translateY(-9px) rotate(0.01deg);
  }
  100% {
    transform: translateY(0) rotate(0.01deg);
  }
}

/* section1 */
.section1 {height: 959px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0809_revive_s7/bg1.jpg') no-repeat center top;z-index: 10;}
.section1 .t1 {padding: 90px 0 7px}
.section1 .t3 {padding: 33px 0 0}
.section1 .btn_preview {width: 242px;height: 56px;z-index: 20;background-position: 0 -327px;margin:38px auto 0}
.section1 .btn_preview:hover {background-position: 0 -383px;}

/* section2 */
.section2 {height: 1010px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0809_revive_s7/bg2.jpg') no-repeat center top;z-index: 10;}
.section2 .t1 {padding: 90px 0 20px}
.section2 .t2 {padding: 0 0 15px 0}

/* section3 */
.section3 {height: 736px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0809_revive_s7/bg3.jpg') no-repeat center top;z-index: 10;}
.section3 .t1 {padding: 90px 0 10px}
.section3 .t2 {padding: 0 0 25px 0}

/* section4 */
.section4 {height: 986px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0809_revive_s7/bg4.jpg') no-repeat center top;z-index: 10;}
.section4 .t1 {padding: 90px 0 7px}

/* section5 */
.section5 {height: 634px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0809_revive_s7/bg5.jpg') no-repeat center top;z-index: 10;}
.section5 .t1 {padding: 90px 0 0px}
.section5 .t2 {padding: 0 0 25px}


/* ~w1420~ */
@media all and (max-width:1420px){
  #header h1 {left:5px;}
	#header .util {right:5px;padding-left:140px;}
	#header .nav {width: 670px;min-width: 640px;margin-left:260px;}
	#header .nav li {padding:0 6px;}
}
/* ~w1199~ */
@media all and (max-width:1199px){
	.sticky #header .util {top:65px}
}