﻿@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;font-size:1em;}
ol, ul {list-style:none;}

html {width:100%;}
body {width:100%;overflow-y:scroll;*overflow-y:hidden;font:12px/1.335 "malgun gothic","나눔고딕","NanumGothic","돋움","dotum","Segoe WP","Helvetica","sans serif";}
input, button {font:1em "malgun gothic","나눔고딕","NanumGothic","돋움","dotum","Segoe WP","Helvetica","sans serif";color:#666666;}
button {position:relative;display:-moz-inline-stack;display:inline-block;text-decoration:none !important;white-space:nowrap;vertical-align:top;overflow:visible;cursor:pointer;_cursor:hand;}
table {border-collapse:collapse;border-spacing:0;}
caption {visibility:hidden;position:absolute;width:0;height:0;overflow:hidden;font-size:1px;}

/* float clear */
.floatClear {*zoom:1;}
.floatClear:after {content:"";clear:both;display:block;}
/* skip navigation */
.skipNav {height:1px;width:1px;margin:0 -1px -1px 0;}
	.skipNav a {display:block;height:1px;width:1px;padding:0;overflow:hidden;font-size:0;line-height:0;}
	.skipNav a:hover, .skipNav a:active, .skipNav a:focus {position:absolute;top:0;left:80px;height:auto;width:auto;margin:0;padding:5px 20px;font-size:12px;line-height:1;background-color:#ffffff;color:#000000;z-index:100000;}


body {color:#777777;background:#ffffff url(http://s.nexon.com/S2/p3/main/bg_body1.gif) repeat-y 0 0;}
a {color:#777777;text-decoration:none;}
a:hover {color:#777777;text-decoration:none;}
.wrapper {width:1106px;padding:0 0 0 80px;margin:0 auto;}

.header {width:990px;padding:0 58px;}
	.header h1 {float:left;width:600px;height:51px;padding-top:29px;}
	.navi {position:fixed;_position:absolute !important;top:0;left:0;_left:0 !important;width:80px;height:700px;background:url(http://s.nexon.com/S2/p3/main/bt_navi.jpg) no-repeat -200px top;}
	.navi li {width:80px;height:81px;font-size:0.1em;line-height:0;background-color:#000000;}
	.navi a {display:block;width:80px;height:81px;background:url(http://s.nexon.com/S2/p3/main/bt_navi.jpg) no-repeat 0 0;}
	.navi a.naviGame {background-position:0 0;}
	.navi a.naviMobile {background-position:0 -100px;}
	.navi a.naviEvent {background-position:0 -200px;}
	.navi .current a.naviGame {background:#3478c6 url(http://s.nexon.com/S2/p3/main/bt_navi.png) no-repeat 0 0;}
	* html .navi .current a.naviGame {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.nexon.com/S2/p3/main/bt_navi.png', sizingMethod='crop');}
	.navi .current a.naviMobile {background-position:-100px -100px;}
	.navi .current a.naviEvent {background-position:-100px -200px;}
	.navi span {position:absolute;z-index:-1;visibility:hidden;font-size:10em;line-height:1.335;}
	ul.gNavi {float:right;padding:31px 4px 0 0;*width:420px;}
	li.gNavi {float:left;height:20px;color:#777777;padding:0 7px 0 3px;background:url(http://s.nexon.com/S2/p3/event/bg_bar.gif) no-repeat right 40%;}
	li.gNavi a {padding:0 2px 0 7px;color:#777777;font-weight:bold;}
	li.gNavi a:hover {text-decoration:underline;}
	li.gNaviMore {position:relative;z-index:100;padding:0;background-image:none;}
	li.gNavi a.gNaviMore {padding:0 9px 0 7px;background:url(http://s.nexon.com/S2/p3/event/bul_more_down.gif) no-repeat right center;}
	li.current a.gNaviMore {background:url(http://s.nexon.com/S2/p3/main/bul_more_up.gif) no-repeat right center;}
		.gNaviSub {display:none;position:absolute;top:18px;right:-5px;width:74px;height:187px;padding-top:1px;}
		.current .gNaviSub {display:block;}
		.gNaviSub li {margin-top:-1px;background-color:#ffffff;}
		.gNaviSub li a {display:block;width:72px;height:23px;padding:7px 0 0 0;color:#999999;text-align:center;border:1px solid #999999;font-weight:normal;background-color:#ffffff;}
		.gNaviSub a:hover {color:#f26522;}


#contents {clear:both;overflow:hidden;width:990px;margin-left:58px;}
.hidden {position:absolute;z-index:-1;visibility:hidden;}
.eventNavi {width:989px;height:50px;background:#919baa url(http://s.nexon.com/S2/p3/event/bg_evnavi.gif) repeat-x left top;border-right:1px solid #868f9d;}
.eventNavi li {float:left;width:140px;height:50px;}
.eventNavi li a span {position:absolute;z-index:-1;visibility:hidden;}
.eventNavi li a {position:relative;display:block;width:140px;height:50px;background:url(http://s.nexon.com/S2/p3/event/tab_evnavi.gif) no-repeat left top;}
.eventNavi li.evNavi1 a {background-position:left top;}
.eventNavi li.evNavi1 a:hover {background-position:left -50px;}
.eventNavi li.evNavi1 a.current {background-position:left -100px;}
.eventNavi li.evNavi2 a {background-position:-140px top;}
.eventNavi li.evNavi2 a:hover {background-position:-140px -50px;}
.eventNavi li.evNavi2 a.current {background-position:-140px -100px;}
.eventNavi li.evNavi3 a {background-position:-280px top;}
.eventNavi li.evNavi3 a:hover {background-position:-280px -50px;}
.eventNavi li.evNavi3 a.current {background-position:-280px -100px;}
.evTitle {clear:both;float:left;padding:29px 0 10px;}
.evTitle img {vertical-align:top;}
.evCate {clear:both;float:left;padding:29px 0 14px 3px;}
.evCate li {float:left;height:12px;}
.evCate li a span {position:absolute;z-index:-1;visibility:hidden;}
.evCate li a {position:relative;display:block;height:12px;background:url(http://s.nexon.com/S2/p3/event/tab_evcate.gif) no-repeat left top;}
.evCate li.evCate1 a {width:34px;background-position:left top;}
.evCate li.evCate1 a.current {background-position:left -12px;}
.evCate li.evCate2 a {width:45px;background-position:-35px top;}
.evCate li.evCate2 a.current {background-position:-35px -12px;}
.evCate li.evCate3 a {width:52px;background-position:-80px top;}
.evCate li.evCate3 a.current {background-position:-80px -12px;}
.evCate li.evCate4 a {width:67px;background-position:-131px top;}
.evCate li.evCate4 a.current {background-position:-131px -12px;}
.winnerBt {float:right;margin-top:22px;}
.evCateLayer {position:relative;float:right;margin-top:25px;z-index:10;}
.evCateLayer p a {display:block;width:112px;height:19px;padding:1px 0 0 7px;border:1px solid #cecece;}
.evCateLayer2 p a {width:103px;}
.evCateLayer p a span.closeList, .evCateLayer p a span.openList {position:absolute;right:0;top:0;display:block;width:24px;height:22px;background:url(http://s.nexon.com/S2/p3/event/bt_layercontrol.gif) no-repeat left -22px;}
.evCateLayer p a span.openList {background-position:left top;}
.evCateLayer p a span span {position:absolute;z-index:-1;visibility:hidden;}
.evCateLayer ul {position:absolute;top:23px;left:0px;width:121px;padding:6px 0 3px;background-color:#f0f0f0;}
.evCateLayer2 ul {width:112px;}
.evCateLayer ul li {padding-bottom:10px;}
.evCateLayer ul li a {display:block;padding-left:8px;}
.evCateLayer ul li a:hover {text-decoration:underline !important;}
.evCnts {clear:both;width:1005px;margin-left:-15px;overflow:hidden;border-top:2px solid #454545;}
.evCnts .evErrorMsg {margin:140px 0 79px 15px;padding-top:56px;color:#555555;text-align:center;background:url(http://s.nexon.com/S2/p3/event/ico_exmark.gif) no-repeat center top;}
.evCntsList {}
.evCntsList li {position:relative;float:left;width:320px;height:225px;margin:20px 0 0 15px;display:inline;}
.evCntsList li a {display:block;*cursor:pointer;}
.evCntsList li a:hover .evTit , .evCntsList li a:hover .evTxt {text-decoration:underline;}
.evCntsList li span {display:block;}
.evCntsList li .icon {position:absolute;top:0;right:0;}
.evCntsList li .border {position:absolute;top:0;left:0;}
.evCntsList li .img {display:block;position:relative;overflow:hidden;width:320px;height:150px;}
.evCntsList li .evTit {padding:12px 0 4px;}
.evCntsList li a .evTit {font-weight:bold;color:#555555;cursor:pointer;}
.evCntsList li a .evTxt {padding-bottom:5px;color:#777777;cursor:pointer;}
.evCntsList li a .evTit, .evCntsList li a .evTxt {overflow:hidden;width:320px;white-space:nowrap; word-break:break-all; text-overflow:ellipsis;}
.evCntsList li a .evDate {color:#888888;font-size:11px;font-family:Tahoma;cursor:pointer;}
.evCntsList li .evDate img {vertical-align:middle;margin:0 0 2px -1px;}
.evCntsList li .evDate span {display:inline-block;padding-right:6px;}
.evNoticeList {width:990px;margin-left:15px;}
.evNoticeList th {padding:7px 0 10px;background-color:#f8f8f8;border-bottom:1px solid #ebebeb;font-weight:normal;color:#999999;}
.evNoticeList th.tit {text-align:left;padding-left:318px;}
.evNoticeList td {padding:7px 0 10px;border-bottom:1px solid #ebebeb;}
.evNoticeList td.tit a {display:inline-block;width:850px;overflow:hidden;white-space:nowrap; word-break:break-all; text-overflow:ellipsis;}
.evNoticeList .date {width:97px;text-align:center;}
.pagerSec {text-align:center;margin:37px 0 0 15px;color:#d9d9d9;font-size:0.8em;}
.pagerSec img {vertical-align:middle;}
.pagerSec a {display:inline-block;padding:0 6px;font-size:1.2em;}
.pagerSec strong {color:#e1493a;}
.evView {margin-left:15px;}
.evView dl.postInfo {overflow:hidden;width:990px;background-color:#f8f8f8;border-bottom:1px solid #ebebeb;}
.evView dl.postInfo dt, .evView dl.postInfo dd {float:left;height:28px;padding-top:7px;}
.evView dl.postInfo dt.vTitle {visibility:hidden;position:absolute;z-index:-1;}
.evView dl.postInfo dd.vTitle {width:967px;padding-left:23px;font-weight:bold;border-bottom:1px solid #ebebeb;overflow:hidden;white-space:nowrap; word-break:break-all; text-overflow:ellipsis;}
.evView dl.postInfo dt.vDate {clear:both;width:48px;padding-left:23px;}
.evView dl.postInfo dd.vDate {padding-right:32px;}
.evView dl.postInfo dt.vHit {width:48px;}
.evView .evPost {clear:both;width:966px;padding:36px 0 49px 24px;border-bottom:1px solid #454545;}
.evView .vBt {text-align:right;padding-top:8px;}
.evView .vBt img {vertical-align:top;}
.evView dl.postList {clear:both;overflow:hidden;width:990px;margin-top:26px;border-bottom:1px solid #ebebeb;}
.evView dl.postList dt, .evView dl.postList dd {float:left;height:27px;padding-top:8px;border-top:1px solid #ebebeb;}
.evView dl.postList dt {clear:both;width:104px;padding-left:24px;}
.evView dl.postList dd {width:862px;}
.evView dl.postList dt.prevPost {background:url(http://s.nexon.com/S2/p3/event/bul_arr_or2.gif) no-repeat 66px 16px;}
.evView dl.postList dt.nextPost {background:url(http://s.nexon.com/S2/p3/event/bul_arr_or.gif) no-repeat 66px 15px;}
.evView dl.postList dd a {float:left;width:760px;overflow:hidden;white-space:nowrap; word-break:break-all; text-overflow:ellipsis;}
.evView dl.postList dd .date {float:right;padding-right:22px;}

/* footer */
/*.footer {clear:both;width:990px;padding:0px 58px;margin-top:17px;}*/

.footer {
    width: 100%;
    height: 52px;
    margin-top: 17px;
    padding-top: 36px;
    border-top: 1px solid #ebebeb;
    position: relative;
    display: inline-block;
    text-align: center;
    z-index: -1;
    box-sizing: initial;
}

.footer p {
    font-size: 11px;
    color: #888;
    text-align: center;
    font-family: "malgun gothic";
}

.footer .snsInfo {height:47px;text-align:right;}
	.footer .snsInfo span {display:inline-block;padding:6px 4px 0 0;vertical-align:top;font-size:0.95em;letter-spacing:-1px;}
.footerSrv {position:relative;height:35px;background-color:#f1f1f1;}
	.footerSrv .notice {width:770px;overflow:hidden;}
	.footerSrv .notice dt {float:left;width:50px;padding:10px;}
	.footerSrv .notice dt a {display:block;width:50px;height:17px;background:url(http://s.nexon.com/S2/p3/event/set_footer.gif) no-repeat 0px 0px;}
	.footerSrv .notice dt a span {visibility:hidden;position:absolute;z-index:-1;}
	.footerSrv .notice dd {float:left;width:700px;padding:9px 0px 0px;overflow:hidden;}
	.footerSrv .notice dd a {color:#777777;}
	.footerSrv .notice dd a:hover {color:#555555;text-decoration:underline;}
	.footerSrv .totalSrv {position:absolute;top:9px;right:10px;height:15px;background:url(http://s.nexon.com/S2/p3/event/set_footer.gif) no-repeat right -293px;}
	.footerSrv .totalSrv a {display:block;padding-right:7px;font-size:0.95em;letter-spacing:-1px;}
	.footerSrv .totalSrv a:hover {color:#555555;text-decoration:underline;}
	.footerSrv .gameTime {position:absolute;top:9px;right:110px;height:15px;background:url(http://s.nexon.com/S2/p3/event/set_footer.gif) no-repeat right -293px;}
	.footerSrv .gameTime a {display:block;padding-right:7px;font-size:0.95em;letter-spacing:-1px;}
	.footerSrv .gameTime a:hover {color:#555555;text-decoration:underline;}
.footer .deco {position:relative;width:990px;padding:15px 0px 80px;}
	.footer .deco .logo {position:absolute;left:1px;top:23px;width:78px;height:72px;}
	.footer .deco .logo a {display:block;width:78px;height:72px;background:url(http://s.nexon.com/S2/p3/main/logo_footer.png) no-repeat 0 0;}
	* html .footer .deco .logo a {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.nexon.com/S2/p3/main/logo_footer.png', sizingMethod='crop');}
	.footer .nav {height:15px;padding:5px 0px 0px 130px;}
	.footer .nav li {float:left;height:15px;padding:0 10px;background:url(http://s.nexon.com/S2/p3/event/bg_bar.gif) no-repeat right 5px;}
	.footer .nav li a {color:#666666;font-size:0.95em;font-weight:bold;letter-spacing:-1px;}
	.footer .nav li a:hover {color:#f26522;text-decoration:underline;}
	.footer .nav li.privacy a {color:#f26522;}
	.footer .nav li.pcroom {background-image:none;}
	.footer div.company {position:absolute;top:19px;right:0px;}
	.footer div.company h3 a {display:block;width:113px;height:20px;padding:2px 0px 0px 8px;color:#777777;background:#ffffff url(http://s.nexon.com/S2/p3/event/set_footer.gif) no-repeat right -150px;}
	.footer div.company h3.up a {background-position:right -200px;}
	.footer div.company ul {position:absolute;left:0px;top:23px;width:121px;padding-bottom:9px;background-color:#f0f0f0;}
	.footer div.company li {height:18px;padding:7px 0px 0px 9px;}
	.footer div.company li a {color:#777777;}
	.footer div.company li a:hover {text-decoration:underline;}
	.footer .deco address {display:block;padding:11px 0 0 140px;font-size:11px;font-style:normal;line-height:1.4;color:#777777;line-height:1.4;}
	.footer .deco address span {padding-right:8px;}
	.footer .deco address a.bizinfo {color:#777777;text-decoration:underline;}
	.footer .deco .copyright {display:block;padding:2px 0 0 140px;}
	.footer .deco .copyright a {width:271px;height:15px;color:#777777;font-size:11px;}
	.footer .deco .logo a span {visibility:hidden;position:absolute;z-index:-1;}