@charset "euc-kr";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; vertical-align:baseline;}
img, fieldset {border:none;}
table {border-collapse:collapse; border-spacing:0;}
caption, th {text-align:left; font-weight:normal;}
table, td, th {vertical-align:middle;}
ol, ul, li {list-style-image:none; list-style-position:outside; list-style-type:none;}
em, address {font-style:normal;}
img {-ms-interpolation-mode:bicubic;}
button { zoom: 1; cursor: pointer; }
textarea { overflow: auto; }
::-moz-selection{ background: #fff; color:#00113e; text-shadow: none; }
::selection { background:#fff; color:#00113e; text-shadow: none; }
body, th, td, h1, h2, h3, h4, h5, h6, input, textarea {font:normal 12px µ¸¿ò, ±¼¸², '¸¼Àº °íµñ', NanumGothic, verdana, sans-serif; color:#000;}
.wrap div, .wrap fieldset, .wrap p, .wrap h1, .wrap h2, .wrap h3, .wrap h4, .wrap h5, .wrap h6, .wrap ul, .wrap ol, .wrap li, .wrap dl, .wrap dt, .wrap dd, .wrap article, .wrap aside, .wrap details, .wrap figcaption, .wrap figure, .wrap footer, .wrap header, .wrap hgroup, .wrap menu, .wrap nav, .wrap section { zoom: 1; }
body, textarea, .scroll {scrollbar-face-color:#EBEBEB; scrollbar-highlight-color:#EBEBEB; scrollbar-3dlight-color:#D2D2D2; scrollbar-darkshadow-color:#fff; scrollbar-shadow-color:#d2d2d2; scrollbar-arrow-color:#6B6B6B; scrollbar-track-color:#fff;}
body {color:#989795; line-height:1.2;}
a {color:#494949; text-decoration:none;}
a:link { -webkit-tap-highlight-color: #494949 ; }
a:visited {}
a:hover {text-decoration:underline;}
a:active {}


.wrap .hidden { display: none !important; }
.wrap hr { display: none; }
.wrap a span,.wrap button span,.wrap button b { position: absolute; top: -9999px; }
.wrap .min-width { width: 980px; height: 0; margin: 0 auto; display: block; zoom: 1; float: left; position: relative; overflow: hidden; font-size: 0; line-height: 0; }


html,body { margin:0; padding:0; background: #fff; }
.wrap { width: 100%; min-width: 980px; position: relative; z-index:2; overflow: hidden; background: #fff repeat-x url(../img/bg.jpg); }
.container { width: 100%; position: relative; z-index: 1; overflow: hidden; }
.bg_left { width: 1024px; height: 5000px; margin-left: -1513px; display: block; zoom: 1; position: absolute; left: 50%; top: 0; z-index: -1; background: no-repeat url('../img/bg_left.jpg') right top; }
.bg_right { width: 1024px; height: 5000px; margin-left: 490px; *margin-left: 489px; _margin-left:490px; display: block; zoom: 1; position: absolute; left: 50%; top: 0; z-index: -1; background: no-repeat url('../img/bg_right.jpg'); }


.contents { width: 980px; margin:0 auto; position:relative; z-index:2; zoom:1; }
.header h1 { position: absolute; top: -9999px; }

.header { height: 295px; position: relative; z-index: 3; background: no-repeat url('../img/bg_header.jpg'); }

.btn_login { width: 71px; height: 23px; display: block; zoom: 1; border: 0; position: absolute; top: 258px; left: 808px; overflow: hidden; text-indent: -9999px; }
.btn_logout { width: 71px; height: 23px; display: block; zoom: 1; border: 0; position: absolute; top: 258px; left: 808px; overflow: hidden; background: no-repeat url(../img/btn_logout.jpg); text-indent: -9999px; }
.welcome { height: 23px; position: absolute; top: 260px; right: 183px; z-index: 5; overflow: hidden; text-align: right; letter-spacing: -0.5px; white-space: nowrap; color: #000; font: normal 11px/23px dotum, µ¸¿ò; }
.ie .welcome { letter-spacing: -1px; }

.btn_launcher { width: 71px; height: 23px; display: block; zoom: 1; border: 0; position: absolute; top: 258px; right: 21px; overflow: hidden; text-indent: -9999px; }
.btn_home { width: 71px; height: 23px; display: none; zoom: 1; border: 0; position: absolute; top: 258px; left: 0; overflow: hidden; text-indent: -9999px; }
.btn_notice { width: 105px; height: 23px; display: block; zoom: 1; border: 0; position: absolute; top: 367px; left: 737px; overflow: hidden; text-indent: -9999px; }
.btn_guide { width: 105px; height: 23px; display: block; zoom: 1; border: 0; position: absolute; top: 367px; left: 854px; overflow: hidden; text-indent: -9999px; }

.sns_link { width: 110px; height: 22px; position: absolute; top: 414px; left: 860px; }
.sns_link li { width: 22px; height: 22px; margin-right: 4px; float: left; }
.sns_link li a { width: 22px; height: 22px; display: block; zoom: 1; overflow: hidden; text-indent: -9999px; }

.event1 { height: 633px; padding-top: 280px; position: relative; z-index: 2; overflow: hidden; background: no-repeat url('../img/bg_event1.jpg'); clear: both; }
.event1 .title { display: none; }
.btn_medal { width: 180px; height: 29px; display: block; zoom: 1; border: 0; position: absolute; top: 169px; left: 779px; overflow: hidden; text-indent: -9999px; }
.btn_myplayer { width: 180px; height: 29px; display: block; zoom: 1; border: 0; position: absolute; top: 210px; left: 779px; overflow: hidden; text-indent: -9999px; }
.event1 .medal { height: 49px; padding-left: 31px; position: absolute; top: 166px; right: 295px; background: no-repeat url('../img/n/star.png'); }
.event1 .medal img { margin-right: -3px; }
.event1 .vs { height: 633px; position: relative; background: no-repeat url('../img/bg_event1_vs.jpg'); }
.event1 .vs ol { width: 338px; height: 328px; position: absolute; top: 93px; }
.event1 .vs ol.east { left: 50px; }
.event1 .vs ol.west { left: 596px; }
.event1 .vs ol li { width: 61px; height: 68px; position: absolute; }
.event1 .vs ol li.a { top: 156px; left: 138px; }
.event1 .vs ol li.b { top: 260px; left: 138px; }
.event1 .vs ol li.c { top: 129px; left: 277px; }
.event1 .vs ol li.d { top: 75px; left: 201px; }
.event1 .vs ol li.e { top: 129px; left: 0; }
.event1 .vs ol li.f { top: 75px; left: 76px; }
.event1 .vs ol li.g { top: 31px; left: 0; }
.event1 .vs ol li.h { top: 0; left: 138px; }
.event1 .vs ol li.i { top: 31px; left: 277px; }
.event1 .vs ol li.j { top: 236px; left: 0; }
.event1 .vs ol li span { display: none; }
.event1 .vs ol li b { width: 61px; height: 68px; display: block; zoom: 1; position: absolute; top: 0; left: 0; background-image: url('../img/players.jpg'); background-repeat: no-repeat; }

.event1 .vs ol li b.p0 { background-position: 81px 68px; }
.event1 .vs ol li b.p1 { background-position: 0 0; }
.event1 .vs ol li b.p2 { background-position: -80px 0; }
.event1 .vs ol li b.p3 { background-position: -160px 0; }
.event1 .vs ol li b.p4 { background-position: -240px 0; }
.event1 .vs ol li b.p5 { background-position: -320px 0; }
.event1 .vs ol li b.p6 { background-position: -400px 0; }
.event1 .vs ol li b.p7 { background-position: -480px 0; }
.event1 .vs ol li b.p8 { background-position: -560px 0; }

.event1 .vs ol li b.p9 { background-position: 0 -90px; }
.event1 .vs ol li b.p10 { background-position: -80px -90px; }
.event1 .vs ol li b.p11 { background-position: -160px -90px; }
.event1 .vs ol li b.p12 { background-position: -240px -90px; }
.event1 .vs ol li b.p13 { background-position: -320px -90px; }
.event1 .vs ol li b.p14 { background-position: -400px -90px; }
.event1 .vs ol li b.p15 { background-position: -480px -90px; }
.event1 .vs ol li b.p16 { background-position: -560px -90px; }

.event1 .vs ol li b.p17 { background-position: 0 -180px; }
.event1 .vs ol li b.p18 { background-position: -80px -180px; }
.event1 .vs ol li b.p19 { background-position: -160px -180px; }
.event1 .vs ol li b.p20 { background-position: -240px -180px; }
.event1 .vs ol li b.p21 { background-position: -320px -180px; }
.event1 .vs ol li b.p22 { background-position: -400px -180px; }
.event1 .vs ol li b.p23 { background-position: -480px -180px; }
.event1 .vs ol li b.p24 { background-position: -560px -180px; }

.event1 .vs ol li b.p25 { background-position: 0 -270px; }
.event1 .vs ol li b.p26 { background-position: -80px -270px; }
.event1 .vs ol li b.p27 { background-position: -160px -270px; }
.event1 .vs ol li b.p28 { background-position: -240px -270px; }
.event1 .vs ol li b.p29 { background-position: -320px -270px; }
.event1 .vs ol li b.p30 { background-position: -400px -270px; }
.event1 .vs ol li b.p31 { background-position: -480px -270px; }
.event1 .vs ol li b.p32 { background-position: -560px -270px; }

.event1 .vs ol li b.p33 { background-position: 0 -360px; }
.event1 .vs ol li b.p34 { background-position: -80px -360px; }
.event1 .vs ol li b.p35 { background-position: -160px -360px; }
.event1 .vs ol li b.p36 { background-position: -240px -360px; }
.event1 .vs ol li b.p37 { background-position: -320px -360px; }
.event1 .vs ol li b.p38 { background-position: -400px -360px; }
.event1 .vs ol li b.p39 { background-position: -480px -360px; }
.event1 .vs ol li b.p40 { background-position: -560px -360px; }

.event1 .vs ol li b.p41 { background-position: 0 -450px; }
.event1 .vs ol li b.p42 { background-position: -80px -450px; }
.event1 .vs ol li b.p43 { background-position: -160px -450px; }
.event1 .vs ol li b.p44 { background-position: -240px -450px; }
.event1 .vs ol li b.p45 { background-position: -320px -450px; }
.event1 .vs ol li b.p46 { background-position: -400px -450px; }
.event1 .vs ol li b.p47 { background-position: -480px -450px; }
.event1 .vs ol li b.p48 { background-position: -560px -450px; }

.event1 .vs ol li b.p49 { background-position: 0 -540px; }
.event1 .vs ol li b.p50 { background-position: -80px -540px; }
.event1 .vs ol li b.p51 { background-position: -160px -540px; }
.event1 .vs ol li b.p52 { background-position: -240px -540px; }
.event1 .vs ol li b.p53 { background-position: -320px -540px; }
.event1 .vs ol li b.p54 { background-position: -400px -540px; }
.event1 .vs ol li b.p55 { background-position: -480px -540px; }
.event1 .vs ol li b.p56 { background-position: -560px -540px; }

.event1 .vs ol li b.p57 { background-position: 0 -630px; }
.event1 .vs ol li b.p58 { background-position: -80px -630px; }
.event1 .vs ol li b.p59 { background-position: -160px -630px; }
.event1 .vs ol li b.p60 { background-position: -240px -630px; }
.event1 .vs ol li b.p61 { background-position: -320px -630px; }
.event1 .vs ol li b.p62 { background-position: -400px -630px; }
.event1 .vs ol li b.p63 { background-position: -480px -630px; }
.event1 .vs ol li b.p64 { background-position: -560px -630px; }

.event1 .vs ol li b.p65 { background-position: 0 -720px; }
.event1 .vs ol li b.p66 { background-position: -80px -720px; }
.event1 .vs ol li b.p67 { background-position: -160px -720px; }
.event1 .vs ol li b.p68 { background-position: -240px -720px; }
.event1 .vs ol li b.p69 { background-position: -320px -720px; }
.event1 .vs ol li b.p70 { background-position: -400px -720px; }
.event1 .vs ol li b.p71 { background-position: -480px -720px; }
.event1 .vs ol li b.p72 { background-position: -560px -720px; }

.event1 .vs ol li b.p73 { background-position: 0 -810px; }
.event1 .vs ol li b.p74 { background-position: -80px -810px; }
.event1 .vs ol li b.p75 { background-position: -160px -810px; }
.event1 .vs ol li b.p76 { background-position: -240px -810px; }
.event1 .vs ol li b.p77 { background-position: -320px -810px; }
.event1 .vs ol li b.p78 { background-position: -400px -810px; }
.event1 .vs ol li b.p79 { background-position: -480px -810px; }
.event1 .vs ol li b.p80 { background-position: -560px -810px; }

.event1 .item a { width: 143px; height: 37px; display: block; zoom: 1; position: absolute; top: 553px; overflow: hidden; text-indent: -9999px; }
.event1 .item .a a { left: 301px; }
.event1 .item .b a { left: 535px; }
.event1 .item .c a { left: 773px; }
.event1 .item a.enabled { background: no-repeat url('../img/btn_item1.jpg'); }
.event1 .item a.completed { background: no-repeat url('../img/btn_item1_completed.jpg'); }
.event1 a.btn_save{ width: 109px; height: 37px; display: none; zoom: 1; position: absolute; top: 251px; left: 436px; overflow: hidden; text-indent: -9999px; }

.event2 { height: 623px; padding-top: 167px; position: relative; z-index: 1; overflow: hidden; background: no-repeat url('../img/bg_event2.jpg'); clear: both; }
.event2 .title { display: none; }
.event2 .coin { height: 49px; padding-left: 31px; position: absolute; top: 53px; right: 90px; background: no-repeat url('../img/n/star.png'); }
.event2 .coin img { margin-right: -3px; }
.event2 .tab2 a.btn_item1 { width: 103px; height: 27px; display: block; zoom: 1; position: absolute; top: 221px; left: 858px; overflow: hidden; text-indent: -9999px; }
.event2 .tab2 a.btn_item2 { width: 103px; height: 27px; display: block; zoom: 1; position: absolute; top: 468px; left: 858px; overflow: hidden; text-indent: -9999px; }
.event2 .tab2 a.enabled { background: no-repeat url('../img/btn_item2.jpg'); }
.event2 .tab2 a.completed { background: no-repeat url('../img/btn_item2_completed.jpg'); }
.event2 ul.tab { width: 943px; height: 53px; position: absolute; top: 167px; left: 20px; z-index: 3; }
.event2 ul.tab li { width: 470px; height: 53px; float: left; }
.event2 ul.tab a { width: 470px; height: 53px; display: block; zoom: 1; overflow: hidden; text-indent: -9999px; }
.event2 .tab1 { height: 623px; position: relative; z-index: 2; background: no-repeat url('../img/bg_event2_1.jpg'); }
.event2 .tab1 .game { width: 500px; height: 400px; position: absolute; top: 188px; left: 26px; }
.event2 .tab2 { height: 623px; position: relative; z-index: 2; background: no-repeat url('../img/bg_event2_2.jpg'); }
.event2 .tab2 .total { position: absolute; top: 254px; right: 7px; }
.event2 .tab2 .total span { display: none; }
.event2 .tab2 .total b { display: block; zoom: 1; color: #252a33; font: bold 14px/25px dotum, µ¸¿ò; text-decoration: underline; letter-spacing: -1px; }
.event2 .tab2 .quiz { width: 501px; height: 245px; position: absolute; top: 260px; left: 21px; }
.event2 .tab2 .quiz h4.q { width: 360px; height: 49px; position: absolute; top: 16px; left: 120px; color: #252a33; font: bold 14px/24px dotum, µ¸¿ò; letter-spacing: -1px; }
.event2 .tab2 .quiz ul.a { width: 505px; height: 168px; position: absolute; top: 77px; left: 0; }
.event2 .tab2 .quiz ul.a li { width: 250px; height: 80px; padding-top: 88px; margin-right: 1px; float: left; background: no-repeat url('../img/check.gif') center 50px; color: #252a33; font: bold 14px/24px dotum, µ¸¿ò; text-align: center; cursor: pointer; }
.event2 .tab2 .quiz ul.a li.on { background: no-repeat url('../img/check_on.gif') center 37px; }
.event2 .tab2 .quiz ul.a li input { position: absolute; top: -9999px; }
.event2 .tab2 .quiz a.btn_submit { width: 141px; height: 35px; display: block; zoom: 1; position: absolute; top: 263px; left: 181px; overflow: hidden; text-indent: -9999px; }


.table {  margin: 0 auto; margin-bottom: 15px; border: 1px #c1bfbc solid; border-top: 0; border-left: 0; }
.table th, .table td { padding: 8px 15px; border: 1px #c1bfbc solid; border-right: 0; border-bottom: 0; text-align: center; color: #000; font: bold 12px/14px dotum, µ¸¿ò; }
.table thead th { background-color: #2d2f33; color: #fff; border-left: 1px #242629 solid; }
.table th.w { padding-left: 60px; background: no-repeat url('../img/ico_west.gif') 25px 8px; text-align: left; }
.table th.e { padding-left: 60px; background: no-repeat url('../img/ico_east.gif') 25px 8px; text-align: left; }
.btn_select { width: 48px; height: 0; margin-left: 4px; padding-top: 17px; display: -moz-inlin-stack; display: inline-block; zoom: 1; *display: inline; overflow: hidden; background: no-repeat url('../img/btn_select.gif'); color: #2d2f33; font-size: 0; line-height: 0; vertical-align: middle; }
.btn_confirm { width: 72px; height: 27px; margin: 0 auto; display: block; zoom: 1; overflow: hidden; background: no-repeat url('../img/btn_confirm.gif'); color: #2d2f33; font-size: 0; line-height: 0; vertical-align: middle; }
.btn_player { width: 72px; height: 27px; display: block; zoom: 1; overflow: hidden; background: no-repeat url('../img/btn_player.gif'); text-indent: -9999px; }
.p_ { margin: 0 auto; text-align: center; }
.p_ div { text-align: center; }
.p_ a, .p_ b { height: 14px; padding: 0 3px; display: -moz-inlin-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;; }
.p_ .num { height: 14px; display: -moz-inlin-stack; display: inline-block; zoom: 1; *display: inline; }
.p_ .num a { color: #999; font: normal 12px/14px dotum, µ¸¿ò; }
.p_ .num b { color: #333; font: bold 12px/14px dotum, µ¸¿ò; }

#guide { width: 716px; height: 339px; display: none; zoom: 1;  position: absolute; top: 392px; left: 244px;  z-index: 9; background: no-repeat url('../img/bg_guide.gif'); cursor: pointer; }
#notice { width: 716px; height: 339px; display: none; zoom: 1; position: absolute; top: 392px; left: 244px;  z-index: 9; background: no-repeat url('../img/bg_notice.gif'); cursor: pointer; }
#myplayer { width: 230px; padding: 30px 20px; display: block; zoom: 1; border: 5px #2c2c2c solid; position: absolute; top: 536px; right: 20px; z-index: 9; overflow: hidden; background: #f1efeb; }
#myplayer .pagination { margin-top: -3px; }
#myplayer div { display: inine; text-align: center; }
#myplayer b { padding: 0 3px; }
#myplayer a { padding: 0 3px; }
#myplayer .p_ a, #myplayer .p_ b { height: 14px; padding: 0 3px; display: -moz-inlin-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;; }
#myplayer a.btn_prev { width: 14px; height: 0; padding: 0; padding-top: 14px; display: -moz-inlin-stack; display: inline-block; zoom: 1; *display: inline; overflow: hidden; background: no-repeat url('../img/btn_prev.gif') 5px 2px; color: #f1efeb; font-size: 0; line-height: 0; vertical-align: middle; }
#myplayer a.btn_next { width: 14px; height: 0; padding: 0; padding-top: 14px; display: -moz-inlin-stack; display: inline-block; zoom: 1; *display: inline; overflow: hidden; background: no-repeat url('../img/btn_next.gif') 5px 2px; color: #f1efeb; font-size: 0; line-height: 0; vertical-align: middle; }
#myplayer span.close { width: 23px; height: 23px; display: block; zoom: 1; position: absolute; top: 4px; right: 14px; background: no-repeat url('../img/x.gif') 6px 6px; cursor: pointer; }
#medal { width: 390px; height: 300px; display: block; zoom: 1; border: 5px #2c2c2c solid; position: absolute; top: 495px; right: 20px;  z-index: 9; background: #f1efeb; }
#medal span.close { width: 23px; height: 23px; display: block; zoom: 1; position: absolute; top: 4px; right: 14px; background: no-repeat url('../img/x.gif') 6px 6px; cursor: pointer; }
#medal ul { width: 370px; height: 173px; position: absolute; top: 32px; left: 22px; }
#medal li { width: 183px; height: 173px; float: left; position: relative; background: no-repeat url('../img/bg_medal.jpg'); }
#medal li.on { background: no-repeat url('../img/bg_medal.jpg') -183px 0; }
#medal li span { width: 75px; height: 45px; display: none; zoom: 1; position: absolute; top: 87px; left: 45px; color: #6c3200; font: bold 12px/15px dotum, µ¸¿ò; text-align: center; letter-spacing: -1px; }
#medal li.on span { display: block; }
#medal a.btn_player { position: absolute; top: 222px; left: 158px; }
#medal a.disabled { opacity: .5; filter: Alpha(opacity=50); }
#medal .pagination { position: absolute; top: 261px; left: 143px; }
#medal .pagination a.btn_prev { width: 52px; height: 23px; display: block; zoom: 1; float: left; overflow: hidden; text-indent: -9999px; background: no-repeat url('../img/prevnext.gif') 10px 5px; }
#medal .pagination a.btn_next { width: 52px; height: 23px; display: block; zoom: 1; float: left; overflow: hidden; text-indent: -9999px; background: no-repeat url('../img/prevnext.gif') -42px 5px; }
#player { width: 230px; padding: 30px 20px; display: block; zoom: 1;  border: 5px #2c2c2c solid; position: absolute; top: 636px; left: 351px; z-index: 9; overflow: hidden; background: #f1efeb; }
#player .table { margin-bottom: 0; }
#player span.close { width: 23px; height: 23px; display: block; zoom: 1; position: absolute; top: 4px; right: 14px; background: no-repeat url('../img/x.gif') 6px 6px; cursor: pointer; }


.footer { height: 209px; margin: 0 auto; position: relative; z-index: 3; background: no-repeat url('../img/bg_footer.jpg'); }
.footer p { width: 531px; height: 31px; position: absolute; top: 42px; left: 218px; background: no-repeat url('../img/bg_footer2.jpg'); }
.footer p a { display: block; zoom: 1; position: absolute; overflow: hidden; text-indent: -9999px; }
.footer p a span { position: absolute; top: -9999px; }
.footer .copy { position: absolute; top: -9999px; }
.neowizgames { width: 89px; height: 20px; top: 11px; left: 0; }
.wisecat { width: 58px; height: 31px; top: 0px; left: 99px; }
.eventqna { width: 63px; height: 20px; top: 12px; left: 461px; }
.pmangevent { width: 70px; height: 20px; top: 12px; left: 531px; background: no-repeat url('../img/bg_footer2.jpg') -531px -12px; }


/*** UI Å×½ºÆ® ***/
.ui-control { width: 120px; padding: 2px; border: 1px #999 solid; margin-left: -630px; position: fixed; _position: absolute; top: 200px; left: 50%; z-index: 10; overflow: hidden; background-color: #ccc; }
.ui-control h2 { padding: 5px 0 5px 10px; border-top: 1px #b3b3b3 solid;  border-bottom: 1px #ccc solid; background-color: #333; color: #fff; font: bold 14px/1.2 dotum, µ¸¿ò; }
.ui-control h3 { padding: 3px 0 3px 10px; border-top: 1px #ccc solid; border-bottom: 1px #d9d9d9 solid; background-color: #f7f7f7; color: #000; font: bold 13px/1.3 dotum, µ¸¿ò; }
.ui-control hr { display: none; }
.ui-control ul { border-top: 1px #f2f2f2 solid; }
.ui-control li { padding: 2px 0 2px 10px; border-bottom: 1px #e5e5e5 solid; background-color: #fff; color: #999; font: normal 11px/1.5 dotum, µ¸¿ò; letter-spacing: -0.5px; }
.ie .ui-control li { letter-spacing: -1px; }