@charset "utf-8";

/* ----------------------------------------------
 * HanbitSoft Infra Development Team
 * GE 가을 마블 이벤트 Stylesheet
 * Author - moran67@hanbitsoft.co.kr 20191024
------------------------------------------------- */

/* 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, figure, figcaption {margin:0;padding:0;font-size:100%;}
img, fieldset, button {border:0;}
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body, input, button, textarea, select, table, kbd {line-height:1.2;font-family:'돋움', dotum, Helvetica, sans-serif;font-size:12px;color:#fff;}
ol, ul {list-style:none;}
a {text-decoration:none;color:#fff;}
a:hover, a:focus, a:active {text-decoration:underline;color:#0000ff;}
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
-------------------------------------------------------------- */
.irPm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px;}
.irWa {display:block;overflow:hidden;position:relative;width:100%;height:100%;z-index:-1;}
.blind {overflow:hidden;position:absolute;top:0;left:-1000%;width:1px;height:1px;font-size:0;line-height:0;}
.show {display:block;}
.hide {display:none;}
.fL {float:left;}
.fR {float:right;}
.clearFix {zoom:1;}
.clearFix:after {content:'';display:block;clear:both;}

/* Styles
-------------------------------------------------------------- */
body {background:#000;}
#wrap {overflow:hidden;position:relative;background:url(../images/bg.jpg) 50% 0 no-repeat;width:100%;min-width:1200px;max-width:2000px;height:2282px;margin:0 auto;}
.inner_wrap {position:relative;width:1100px;height:100%;margin:0 auto;}

/* 로그인 영역 */
#playInfo {position:absolute;top:708px;left:0;width:100%;}
#playInfo button {background:transparent;}
#playInfo #login {background:url(../images/login_before.png) no-repeat;width:872px;height:144px;margin:0 auto;}
#playInfo #login #loginBtn {position:absolute;top:78px;left:557px;width:197px;height:34px;}
#playInfo #logined {background:url(../images/login_after.png);width:872px;height:144px;margin:0 auto;}
#playInfo #logined dl {position:relative;font-size:14px;font-weight:bold;color:#a17c61;}
#playInfo #logined dd {position:absolute;text-align:center;}
#join_cnt {top:29px;left:175px;width:262px;height:32px;line-height:32px;}
#finish_cnt {top:29px;left:578px;width:262px;height:32px;line-height:32px;}
#playInfo #logined #server_fd {display:block;position:absolute;top:79px;left:175px;width:262px;height:32px;line-height:32px;font-size:16px;text-align:center;}
#playInfo #logined #fd_change {position:absolute;top:78px;left:443px;width:197px;height:34px;}
#playInfo #logined #fd_reward {position:absolute;top:78px;left:644px;width:197px;height:34px;}

/* 주사위 판 */
#game_area {position:absolute;top:561px;left:0;width:100%;}
.space {position:absolute;cursor:pointer;text-indent:-9999px;}
.x-axis {width:100px;height:98px;}
.y-axis {width:98px;height:100px;}
/* #game_area .space.lucky {height:44px;padding-top:53px;text-indent:0;text-align:center;font-weight:bold;color:#faf3bc;} */
.space:hover {background:url(../images/sp_space_txt.png) no-repeat 0 0;}
.space0,.space10,.space19,.space29 {opacity:0;filter:alpha(opacity=0);}
.space0 {width:130px;height:130px;top:0;left:-30px;}
.space1 {top:30px;left:100px;}
.space2 {top:30px;left:200px;}
.space3 {top:30px;left:300px;}
.space4 {top:30px;left:400px;}
.space5 {top:30px;left:500px;}
.space6 {top:30px;left:600px;}
.space7 {top:30px;left:700px;}
.space8 {top:30px;left:800px;}
.space9 {top:30px;left:900px;}
.space10 {width:130px;height:130px;top:0;left:1000px;}
.space11 {top:130px;left:1002px;}
.space11 .count {display:block;position:absolute;top:50px;left:17px;width:62px;height:22px;line-height:22px;text-indent:0;color:#fff;font-size:14px;text-align:center;}
.space12 {top:230px;left:1002px;}
.space13 {top:330px;left:1002px;}
.space14 {top:430px;left:1002px;}
.space15 {top:530px;left:1002px;}
.space16 {top:630px;left:1002px;}
.space17 {top:730px;left:1002px;}
.space18 {top:830px;left:1002px;}
.space19 {top:930px;left:1000px;width:130px;height:130px;}
.space20 {top:932px;left:900px;}
.space21 {top:932px;left:800px;}
.space22 {top:932px;left:700px;}
.space23 {top:932px;left:600px;}
.space24 {top:932px;left:500px;}
.space25 {top:932px;left:400px;}
.space26 {top:932px;left:300px;}
.space27 {top:932px;left:200px;}
.space28 {top:932px;left:100px;}
.space29 {top:930px;left:-30px;width:130px;height:130px;}
.space30 {top:830px;left:0;}
.space30 .count {display:block;position:absolute;top:50px;left:18px;width:64px;height:22px;line-height:22px;text-indent:0;color:#fff;font-size:14px;text-align:center;}
.space31 {top:730px;left:0;}
.space32 {top:630px;left:0;}
.space33 {top:530px;left:0;}
.space34 {top:430px;left:0;}
.space35 {top:330px;left:0;}
.space36 {top:230px;left:0;}
.space37 {top:130px;left:0;}

.space1:hover {background-position:0 0;}
.space2:hover {background-position:-101px 0;}
.space3:hover {background-position:-202px 0;}
.space4:hover {background-position:-303px 0;}
.space5:hover {background-position:-404px 0;}
.space6:hover {background-position:-505px 0;}
.space7:hover {background-position:-606px 0;}
.space8:hover {background-position:-707px 0;}
.space9:hover {background-position:-808px 0;}
#game_area .space.space11:hover {background:transparent;}
.space12:hover {background-position:0 -99px;}
.space13:hover {background-position:-99px -99px;}
.space14:hover {background-position:-198px -99px;}
.space15:hover {background-position:-297px -99px;}
.space16:hover {background-position:-396px -99px;}
.space17:hover {background-position:-495px -99px;}
.space18:hover {background-position:-594px -99px;}
.space20:hover {background-position:-808px -200px;}
.space21:hover {background-position:-707px -200px;}
.space22:hover {background-position:-606px -200px;}
.space23:hover {background-position:-505px -200px;}
.space24:hover {background-position:-404px -200px;}
.space25:hover {background-position:-303px -200px;}
.space26:hover {background-position:-202px -200px;}
.space27:hover {background-position:-101px -200px;}
.space28:hover {background-position:0 -200px;}
#game_area .space.space30:hover {background:transparent;}
.space31:hover {background-position:0 -299px;}
.space32:hover {background-position:-99px -299px;}
.space33:hover {background-position:-198px -299px;}
.space34:hover {background-position:-297px -299px;}
.space35:hover {background-position:-396px -299px;}
.space36:hover {background-position:-495px -299px;}
.space37:hover {background-position:-594px -299px;}

#piece {position:absolute;top:9px;left:0;}
#poket {position:absolute;top:0;left:0;z-index:10;}
#dice_wrap {position:absolute;top:299px;left:406px;width:286px;height:288px;}
#dice_wrap #btn_start {position:absolute;top:0;left:0;background:url(../images/sp_btn.png) 0 0 no-repeat;width:100%;height:100%;}
#dice_wrap #btn_start:hover {background-position:-360px 0;}
#result_dimmed {display:none;position:absolute;top:130px;left:101px;background:url(../images/dimmed.png) 0 0 no-repeat;width:900px;height:800px;}
#dice_wrap #result_img {display:none;position:absolute;top:15px;left:-55px;background:url(../images/sp_dice.png) 0 0 no-repeat;width:394px;height:394px;}
#dice_wrap #result_img.result0 {background-position:0 -399px;}/*도*/
#dice_wrap #result_img.result1 {background-position:0 -798px;}/*개*/
#dice_wrap #result_img.result2 {background-position:0 -1197px;}/*걸*/
#dice_wrap #result_img.result3 {background-position:0 -1596px;}/*윷*/
#dice_wrap #result_img.result4 {background-position:0 -1995px;}/*모*/
#dice_wrap #result_img.result5 {background-position:0 -2394px;}/*백도*/

#text_area {position:absolute;top:661px;right:0;left:0;width:900px;height:106px;margin:0 auto;font-size:24px;color:#fff;text-align:center;}
#text_area .v_align {display:none;width:1px;height:100%;}
#text_area span {display:inline-block;vertical-align:middle;line-height:34px;font-size:24px;font-family:'맑은 고딕', 'Malgun Gothic','돋움', dotum, Helvetica, sans-serif;}
#text_area span span:first-child {color:#df0000;}
#text_area span span {color:#fff;}

#result_pop_wrap {display:none;position:absolute;top:691px;left:101px;width:900px;height:800px;}
#result_pop_wrap #dim {position:absolute;background:url(../images/dimmed.png) 0 0 no-repeat;width:900px;height:800px;}
#result_pop_wrap .pop_inner {position:absolute;width:100%;height:100%;line-height:34px;text-align:center;font-size:22px;color:#fff;font-family:'맑은 고딕', 'Malgun Gothic','돋움', dotum, Helvetica, sans-serif;}
#result_pop_wrap .pop_inner:before {content:'';display:inline-block;vertical-align:middle;width:1px;height:100%;margin-right:0;}
#result_pop_wrap #lucky, #result_pop_wrap #finish, #result_pop_wrap #user {display:none;vertical-align:middle;}
#result_pop_wrap #lucky li, #result_pop_wrap #finish li, #result_pop_wrap #user li {display:none;}
.btn_pop_close button {display:block;background:url(../images/btn_confirm.jpg) no-repeat;width:227px;height:60px;border:none;margin:40px auto;}

/* #lucky-zone-detail {position:absolute;top:860px;left:219px;width:241px;padding-top:5px;}
#lucky-zone-detail span {overflow:hidden;position:absolute;top:-17px;right:52px;width:17px;height:17px;line-height:999px;vertical-align:top;cursor:pointer;}
#lucky-zone-detail p {display:none;overflow:hidden;position:relative;width:241px;height:170px;line-height:999px;vertical-align:top;background:url(../images/lucky_zone.png) 0 0 no-repeat;} */

/*팝업*/
#popup_wrap {position:relative;background:url(../images/pop_bg.jpg) no-repeat 0 0;width:657px;height:894px;font-family:'맑은 고딕', 'Malgun Gothic','돋움', dotum, Helvetica, sans-serif;}
#popup_wrap .table_area {position:relative;text-align:center;}
#popup_wrap .table_area .table_border {width:557px;margin:0 auto;border-bottom:2px solid #7f7f7f;}
#popup_wrap .table_area table {margin:0 auto;}
#popup_wrap .table_area table thead tr th {height:70px;background:#caa56d;color:#fff;font-size:15px;font-weight:bold;}
#popup_wrap .table_area table tr td {height:50px;color:#555;font-size:14px;}
#popup_wrap .page_number_wrap {padding-bottom:35px;}
#popup_wrap .page_number {float:left;margin-top:26px;margin-left:50px;font-size:15px;color:#555;font-weight:bold;letter-spacing:-1px;}
#popup_wrap .page_number .currnet_num {color:#caa56d;}
#popup_wrap .paging {float:right;margin-top:20px;margin-right:50px;font-size:11px;text-align:center;}
#popup_wrap .paging a {display:inline-block;vertical-align:top;width:23px;height:23px;line-height:22px;font-size:13px;font-weight:bold;color:#555;text-decoration:none;border:1px solid #8d8c8b;}
#popup_wrap .paging a.dir {width:25px;height:25px;font-size:0;border:0;}
#popup_wrap .paging a.dir:hover {border:0;}
#popup_wrap .paging strong {display:inline-block;vertical-align:top;width:23px;height:23px;line-height:23px;border:1px solid #caa56d;}
#popup_wrap .paging a:hover,.paging strong {background:#caa56d;border:1px solid #caa56d;font-weight:bold;color:#fff;}
#popup_wrap .nolist {padding:210px 0;font-size:16px;color:#000;font-weight:bold;text-align:center;}
#popup_wrap .pop_ok_btn_area {text-align:center;}
#popup_wrap .pop_ok_btn_area button {background:url(../images/pop_ok.png) 0 0 no-repeat;width:131px;height:63px;}
.tab_area ul li {float:left;width:278px;}
.tab_area ul li a {display:block;overflow:hidden;width:278px;height:70px;}
.btn_tab1 {background:url(../images/pop_item.jpg) 0 69px no-repeat;width:657px;height:80px;padding-top:69px;}
.btn_tab2 {background:url(../images/pop_point.jpg) 0 69px no-repeat;width:657px;height:80px;padding-top:69px;}
.point_wrap {width:558px;margin:0 auto;}
.point_date {float:left;width:278px;height:40px;margin-left:1px;background:#caa56d;}
.point_date span {display:inline-block;width:139px;line-height:40px;text-align:center;font-weight:bold;font-size:15px;}
.date_point_list {position:relative;padding-top:40px;padding-bottom:19px;color:#555;}
.date_point_list li {width:278px;height:40px;font-size:13px;}
.date_point_list li.even {background:#f0f0f0;}
.date_point_list li.last_line {border-bottom:2px solid #7f7f7f;}
.date_point_list li span {display:inline-block;vertical-align:middle;width:136px;line-height:40px;text-align:center;}
.posi_right {position:absolute;right:0;}
.pr_16 {top:40px;}
.pr_17 {top:80px;}
.pr_18 {top:120px;}
.pr_19 {top:160px;}
.pr_20 {top:200px;}
.pr_21 {top:240px;}
.pr_22 {top:280px;}
.pr_23 {top:320px;}
.pr_24 {top:360px;}
.pr_25 {top:400px;}
.pr_26 {top:440px;}
.pr_27 {top:480px;}
.pr_28 {top:520px;}
.pr_29 {top:560px;}