@charset "utf-8";

/*!
 * 테라 검투사 개편 이벤트 Stylesheet
 * http://tera.nexon.com
 * Create: 16.10.26 Update: 16.10.27
 * pooh224@nexon.co.kr
 */

/* CSS Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; font-size:100%;}
img, fieldset, button{border:0;}
article, aside, figcaption, figure, video, audio, footer, header, hgroup, menu, nav, section{display:block;}
body, input, button, textarea, select, table{line-height:1.2; font-family:'나눔고딕', 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', '돋움', dotum, Helvetica, sans-serif; font-size:14px; color:#555;}
ol, ul{list-style:none;}
a{text-decoration:none; color:#555; transition:color 0.3s ease; -moz-transition:color 0.3s ease; -o-transition:color 0.3s ease; -webkit-transition:color 0.3s ease;}
a:hover, a:focus, a:active{text-decoration:underline; color:#555;}
img{vertical-align:middle;}
button, label{cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}
table{border-collapse:collapse; border-spacing:0;}
caption, legend{width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; visibility:hidden;}

/* Reserved Class
-------------------------------------------------------------- */
.blind{width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}
.show{display:block;}
.hide{display:none;}
.fL{float:left;}
.fR{float:right;}
.clearFix{zoom:1;}
.clearFix:after{clear:both; display:block; content:'';}
.sprSet{background:url(http://s.nx.com/s2/game/tera/event/161027_glad_ev/spr_set.png) no-repeat; text-indent:-9999px; display:block;}

/* Styles
-------------------------------------------------------------- */
body{background:#000;}
#wrap{max-width:1920px; min-width:1200px; margin:0 auto; position:relative;}
.innerWrap{width:1200px; margin:0 auto; position:relative;}

#header .logo{position:absolute; left:47px; top:23px; z-index:100;}
#header .logo a{width:219px; height:100px; background-position:-353px 0;}
#header .aside{position:absolute; right:35px; top:31px; z-index:100;}
#header .aside .list li{float:left;}
#header .aside .list a{height:62px;}
#header .aside .list a.btnStart{width:152px; background-position:0 -12px;}
#header .aside .list a.btnHome{width:50px; background-position:-152px -12px;}
#header .aside .list a.btnFacebook{width:48px; background-position:-202px -12px;}
#header .aside .list a.btnTwitter{width:48px; background-position:-250px -12px;}
#header .aside .list a.btnStart:hover{background-position:0 -89px;}
#header .aside .list a.btnHome:hover{background-position:-152px -89px;}
#header .aside .list a.btnFacebook:hover{background-position:-202px -89px;}
#header .aside .list a.btnTwitter:hover{background-position:-250px -89px;}

#section0{height:860px;}
#section0 .bgWrap{width:100%; height:860px; position:absolute; left:0; top:0; z-index:10;}
#section0 .bgWrap1{background:url(http://s.nx.com/s2/game/tera/event/161027_glad_ev/bg_section0_off.jpg) 50% 0 no-repeat;}
#section0 .bgWrap2{background:url(http://s.nx.com/s2/game/tera/event/161027_glad_ev/bg_section0_on.jpg) 50% 0 no-repeat; opacity:0; filter:alpha(opacity=0);}
#section1{height:955px; background:url(http://s.nx.com/s2/game/tera/event/161027_glad_ev/bg_section1.jpg) 50% 0 no-repeat;}
#section2{height:708px; background:url(http://s.nx.com/s2/game/tera/event/161027_glad_ev/bg_section2_1031.jpg) 50% 0 no-repeat;}
#section3{height:1207px; background:url(http://s.nx.com/s2/game/tera/event/161027_glad_ev/bg_section3.jpg) 50% 0 no-repeat;}

#section0 .tit{position:absolute; left:312px; top:553px; z-index:20;}
#section0 .tit .txt{width:575px; height:267px; position:absolute; left:0; top:0;}
#section0 .tit .txt1{background-position:0 -201px;}
#section0 .tit .txt2{background-position:0 -491px; opacity:0; filter:alpha(opacity=0);}
#section0 .light{width:797px; height:0; background:url(http://s.nx.com/s2/game/tera/event/161027_glad_ev/bg_light.png) no-repeat; position:absolute; left:236px; top:510px; z-index:30;}
#section0 .btnMedia{width:120px; height:120px; background:none; text-indent:-9999px; position:absolute; left:540px; top:360px; z-index:50; outline:none;}
#section0 .lightSky{width:100%; height:702px; background:url(http://s.nx.com/s2/game/tera/event/161027_glad_ev/bg_lightsky.png) 50% 0 no-repeat; position:absolute; left:0; top:0; z-index:40; opacity:0; filter:alpha(opacity=0);}

#section1 .tabNav{margin:0 0 60px 0; padding:93px 0 0 76px;}
#section1 .tabNav li{float:left;}
#section1 .tabNav a{width:262px; height:66px;}
#section1 .tabNav .tab1 a{background-position:0 -865px;}
#section1 .tabNav .tab2 a{background-position:-262px -865px;}
#section1 .tabNav .tab3 a{background-position:-524px -865px;}
#section1 .tabNav .tab4 a{background-position:-786px -865px;}
#section1 .tabNav .tab1 a.on{background-position:0 -931px;}
#section1 .tabNav .tab2 a.on{background-position:-262px -931px;}
#section1 .tabNav .tab3 a.on{background-position:-524px -931px;}
#section1 .tabNav .tab4 a.on{background-position:-786px -931px;}
#section1 .tabFrame{position:relative;}
#section1 .tabFrame .frame{width:1200px; height:720px; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); transition:opacity 0.6s ease; -moz-transition:opacity 0.6s ease; -o-transition:opacity 0.6s ease; -webkit-transition:opacity 0.6s ease;}
#section1 .tabFrame .frame.on{opacity:1; filter:alpha(opacity=100);}
#section1 .tabFrame #tab1{background:url(http://s.nx.com/s2/game/tera/event/161027_glad_ev/img_section1_tab1.jpg) no-repeat;}
#section1 .tabFrame #tab2{background:url(http://s.nx.com/s2/game/tera/event/161027_glad_ev/img_section1_tab2.jpg) no-repeat;}
#section1 .tabFrame #tab3{background:url(http://s.nx.com/s2/game/tera/event/161027_glad_ev/img_section1_tab3.jpg) no-repeat;}
#section1 .tabFrame #tab4{background:url(http://s.nx.com/s2/game/tera/event/161027_glad_ev/img_section1_tab4.jpg) no-repeat;}

#section2 .commonLayer{position:absolute;}
#section2 .commonLayer .btnClose{right:140px;}
#section2 #layerItem1{width:360px; height:541px; background:url(http://s.nx.com/s2/game/tera/event/161027_glad_ev/img_layer_item1.png) no-repeat; left:420px; top:141px;}
#section2 #layerItem2{width:360px; height:502px; background:url(http://s.nx.com/s2/game/tera/event/161027_glad_ev/img_layer_item2.png) no-repeat; left:420px; top:181px;}
#section2 .btnItem{width:68px; height:68px; text-indent:-9999px; position:absolute; left:947px;}
#section2 .btnItem1{top:382px;}
#section2 .btnItem2{top:511px;}

#section3 .btnStr{width:242px; height:48px; text-indent:-9999px; position:absolute; left:485px; top:747px;}
#section3 .btnNotice{width:145px; height:37px; text-indent:-9999px; position:absolute; left:471px; top:945px;}

.nav{position:fixed; right:140px; top:50%; margin:-58px 0 0 0; z-index:800;}
.nav li{margin:0 0 9px 0;}
.nav li.menu2{margin-bottom:28px;}
.nav li a{width:137px; height:26px; background:url(http://s.nx.com/s2/game/tera/event/161027_glad_ev/spr_set.png) -951px -568px no-repeat; text-indent:-9999px; position:relative; display:block;}
.nav li.menu1 a{background-position:0 -1080px;}
.nav li.menu2 a{background-position:0 -1115px;}
.nav li.menu1 a.on{background-position:-168px -1080px;}
.nav li.menu2 a.on{background-position:-168px -1115px;}
.nav li.menu3 a{width:26px; height:26px; background-position:-111px -1170px;}
.nav li.menu3{padding-left:111px;}

.layerMedia{width:1104px; height:693px; position:absolute; left:48px; top:100px; z-index:3000; display:none;}
.layerMedia .inner{width:1102px; height:620px; border:1px solid #fff; border:1px solid rgba(255,255,255,0.23); background:#000; position:static !important; margin:0 !important;}
.layerMedia .btnClose{margin:0 -10px 0 0;}
.layerMedia .btnClose button{width:51px; height:71px; background-position:-1068px 0; float:right; outline:none;}

iframe[name="google_conversion_frame"]{width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}
.commonLayer{position:fixed; left:50%; top:50%; z-index:1000; display:none;}
.commonLayer .btnClose{width:65px; height:65px; background:none; text-indent:-9999px; display:block; outline:none; position:absolute; right:0; top:0;}
.commonLayerHover{cursor:pointer;}
.commonLayerHover img{display:none; position:absolute;}
.overlay{width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); position:fixed; left:0; top:0; z-index:900; display:none;}
.overlay2{}
.overlayTop{width:100%; height:100%; background:#000; position:fixed; left:0; top:0; z-index:9999999999;}
.overlayStart{width:100%; height:100%; background:#fff; position:fixed; left:0; top:0; z-index:999999999; opacity:0; filter:alpha(opacity=0);}