.container div { float: none; display: block; } .container span { float: none; display: inline; } .container ul { float: none; display: block; list-style: none; vertical-align: baseline; } .container li { float: none; display: list-item; vertical-align: baseline; } .container dl, .container dt, .container dd { float: none; display: block; } /* dice s */ #imarbleBoardWrap { background: #1d336b url("//static.inven.co.kr/image_2011/imart/imarble/bg_01.png?v=1") no-repeat center; } #imarbleBoard { position: relative; padding: 46px 0 103px; } #imarbleBoard .img_title { position: relative; height: 206px; background: url("//static.inven.co.kr/image_2011/imart/imarble/title_01.png") no-repeat center; margin-bottom: 5px; } #imarbleBoard .img_title .date { position:absolute; top:26px; right:109px; width: 304px; height: 17px; background: url("//static.inven.co.kr/image_2011/imart/imarble/date_01.png") no-repeat center; } #imarbleBoard .img_title .beta { position:absolute; top:69px; right:42px; width: 48px; height: 20px; background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_beta_pc.png") no-repeat center; } #imarbleBoard .img_info { width: 1201px; height: 200px; background: url("//static.inven.co.kr/image_2011/imart/imarble/info_01.png?v=1") no-repeat left top; margin-bottom: 83px; } #imarbleBoard .gameBoard { position: relative; width: 1170px; height: 693px; background: url("//static.inven.co.kr/image_2011/imart/imarble/bg_02.png") no-repeat left top; } #imarbleBoard .gameBoard .map { position: absolute; width: 164px; height: 132px; } #imarbleBoard .gameBoard .map0 { top: -39px; left: 11px; height: 182px; } #imarbleBoard .gameBoard .map1 { top: 11px; left: 175px; z-index: 5; } #imarbleBoard .gameBoard .map2 { top: 11px; left: 339px; z-index: 5; } #imarbleBoard .gameBoard .map3 { top: 11px; left: 503px; z-index: 5; } #imarbleBoard .gameBoard .map4 { top: 11px; left: 667px; z-index: 5; } #imarbleBoard .gameBoard .map5 { top: 11px; left: 831px; z-index: 5; } #imarbleBoard .gameBoard .map6 { top: 11px; left: 995px; z-index: 5; } #imarbleBoard .gameBoard .map7 { top: 143px; left: 995px; z-index: 6; } #imarbleBoard .gameBoard .map8 { top: 275px; left: 995px; z-index: 7; } #imarbleBoard .gameBoard .map9 { top: 407px; left: 995px; z-index: 8; } #imarbleBoard .gameBoard .map10 { top: 539px; left: 995px; z-index: 9; } #imarbleBoard .gameBoard .map11 { top: 539px; left: 831px; z-index: 9; } #imarbleBoard .gameBoard .map12 { top: 539px; left: 667px; z-index: 9; } #imarbleBoard .gameBoard .map13 { top: 539px; left: 503px; z-index: 9; } #imarbleBoard .gameBoard .map14 { top: 539px; left: 339px; z-index: 9; } #imarbleBoard .gameBoard .map15 { top: 539px; left: 175px; z-index: 9; } #imarbleBoard .gameBoard .map16 { top: 539px; left: 11px; z-index: 9; } #imarbleBoard .gameBoard .map17 { top: 407px; left: 11px; z-index: 8; } #imarbleBoard .gameBoard .map18 { top: 275px; left: 11px; z-index: 7; } #imarbleBoard .gameBoard .map19 { top: 143px; left: 11px; z-index: 6; } #imarbleBoard .gameBoard .map:after { position: absolute; bottom: -11px; left: 0; width: 164px; height: 11px; content: ''; } #imarbleBoard .gameBoard .map.start { background: #ffcc33 url("//static.inven.co.kr/image_2011/imart/imarble/map_start.png") no-repeat left top; } #imarbleBoard .gameBoard .map.inni, #imarbleBoard .gameBoard .map.inni:after { background-color: #1c75bf; } #imarbleBoard .gameBoard .map.veni, #imarbleBoard .gameBoard .map.veni:after { background-color: #24b935; } #imarbleBoard .gameBoard .map.jeni, #imarbleBoard .gameBoard .map.jeni:after { background-color: #c5672a; } #imarbleBoard .gameBoard .map.exp, #imarbleBoard .gameBoard .map.exp:after { background-color: #bf61c6; } #imarbleBoard .gameBoard .map.inni { background-image: url("//static.inven.co.kr/image_2011/imart/imarble/map_inni.png"); } #imarbleBoard .gameBoard .map.veni { background-image: url("//static.inven.co.kr/image_2011/imart/imarble/map_veni.png"); } #imarbleBoard .gameBoard .map.jeni { background-image: url("//static.inven.co.kr/image_2011/imart/imarble/map_jeni.png"); } #imarbleBoard .gameBoard .map.exp { background-image: url("//static.inven.co.kr/image_2011/imart/imarble/map_exp.png"); } #imarbleBoard .gameBoard .map .icon { position: absolute; top: 0; left: 0; width: 164px; height: 82px; } #imarbleBoard .gameBoard .map .text { position: absolute; bottom: 0; left: 0; width: 164px; height: 38px; text-align: center; } #imarbleBoard .gameBoard .map .text .texticon { display: inline-block; width: 31px; height: 17px; vertical-align: middle; } #imarbleBoard .gameBoard .map .text .numbericon { display: inline-block; width: 10px; height: 15px; vertical-align: middle; } #imarbleBoard .current { position: absolute; z-index: 10; width: 95px; height: 137px; } #imarbleBoard .current.char1 { width: 95px; height: 137px; background: url("//static.inven.co.kr/image_2011/imart/imarble/char_1.png") no-repeat left top; } #imarbleBoard .current .comment { display: none; position: absolute; top: -7px; right: -23px; width: 33px; height: 33px; line-height: 36px; background-color: red; color: #fff; text-align: center; border-radius: 18px; font-size: 2em; font-weight: bold; } #imarbleBoard .current .comment:before { content: ''; position: absolute; bottom: 3px; left: 0; width: 10px; height: 10px; background-color: red; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); transform: skew(-20deg); } #imarbleBoard .rollingDice { position: absolute; top: 705px; left: 175px; width: 409px; height: 385px; background: url("//static.inven.co.kr/image_2011/imart/imarble/bg_05.png?v=3") no-repeat 0 12px; } #imarbleBoard .rollingDice.rolling { background: url("//static.inven.co.kr/image_2011/imart/imarble/bg_rolling_dice_pc.gif") no-repeat center; } #imarbleBoard .rollingDice img { position: relative; top: 50%; left: 50%; transform: translate(-49%, -54%); } #imarbleBoard .info { position: absolute; top: 705px; left: 584px; width: 411px; height: 385px; } #imarbleBoard .info .info1 { position: absolute; top: 112px; left: 19px; width: 372px; height: 50px; background: url("//static.inven.co.kr/image_2011/imart/imarble/info_02.png") no-repeat left top; } #imarbleBoard .info .info2 { position: absolute; top: 171px; left: 19px; width: 372px; height: 50px; background: url("//static.inven.co.kr/image_2011/imart/imarble/info_03.png") no-repeat left top; } #imarbleBoard .info .info1 span, #imarbleBoard .info .info2 span { position: absolute; top: 17px; right: 33px; font-size: 1.5em; color: #fff; font-weight: bold; } #imarbleBoard .info .bttn1 { position: absolute; top: 241px; left: 25px; width: 177px; height: 52px; background: url("//static.inven.co.kr/image_2011/imart/imarble/bttn_01.png") no-repeat left top; text-indent: -10000px; } #imarbleBoard .info .bttn2 { position: absolute; top: 241px; left: 209px; width: 177px; height: 52px; background: url("//static.inven.co.kr/image_2011/imart/imarble/bttn_02.png") no-repeat left top; text-indent: -10000px; } #imarbleBoardWrap #poplog { display:none; } #imarbleBoardWrap #poplog .pop { position:fixed;top:50%;left:50%;z-index: 1001;width:690px;padding:16px;background:#e2e2e2;box-sizing:border-box;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} #imarbleBoardWrap #poplog .pop .row { margin-bottom:12px;} #imarbleBoardWrap #poplog .pop .row .name { float:left;width:75px;height:38px;color:#232323;font-size:15px;font-weight:bold;line-height:38px;} #imarbleBoardWrap #poplog .pop .row .input { float:right;width:583px;height:38px;padding:0 10px;background:#fff;border:0;line-height:38px;box-sizing:border-box;outline:0;} #imarbleBoardWrap #poplog .pop .row.textarea .name { float:none;width:100%;} #imarbleBoardWrap #poplog .pop .row.textarea .textarea { width:100%;height:143px;padding:10px;background:#fff;border:0;box-sizing:border-box;outline:0;resize:none;} #imarbleBoardWrap #poplog .pop .row .name { text-align:center;} #imarbleBoardWrap #poplog .pop .row .list { width:100%;height:300px;padding:5px;background:#fff;border:0;box-sizing:border-box;overflow:hidden;overflow-y:auto;} #imarbleBoardWrap #poplog .pop .row .list .item { padding:5px;} #imarbleBoardWrap #poplog .pop .row .list .item .date { color:#2F66BA;} #imarbleBoardWrap #poplog .pop .row .list .item .diff { color:#ff4865;} #imarbleBoardWrap #poplog .pop .totalReward { width:100%;background:#bbb;box-sizing:border-box;padding: 3px 5px; font-size: 15px;} #imarbleBoardWrap #poplog .pop .submit { display:block;width:102px;height:38px;margin:30px auto 0;background:#8b8b8b;color:#fff;font-size:14px;font-weight:bold;text-align:center;line-height:38px;} #imarbleBoardWrap #poplog .pop-background { position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;} #imarbleBoardWrap #popreward { display:none; } #imarbleBoardWrap #popreward .pop { position:fixed;top:50%;left:50%;min-width:405px;padding:34px;background:#fff;box-sizing:border-box;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:110;} #imarbleBoardWrap #popreward .pop .titleInfo { width: 100%; height: 24px; padding-bottom: 16px; border-bottom: 1px solid #d5e5fc; background: url('//static.inven.co.kr/image_2011/imart/imarble/reward_pop01.png?v=1') no-repeat center top; text-indent: -10000px; } #imarbleBoardWrap #popreward .pop .rewards { padding: 10px 0; text-align: center; } #imarbleBoardWrap #popreward .pop .rewards .reward { position: relative; display: inline-block; width: 120px; height: 145px; } #imarbleBoardWrap #popreward .pop .rewards .reward .fc { position: absolute; top: 0; left: 50%; width: 35px; height: 20px; transform: translateX(-50%); background: url("//static.inven.co.kr/image_2011/imart/imarble/reward_list01.png") no-repeat left top; } #imarbleBoardWrap #popreward .pop .rewards .reward .fc.fc2 { width: 74px; background: url("//static.inven.co.kr/image_2011/imart/imarble/reward_list02.png") no-repeat left top; } #imarbleBoardWrap #popreward .pop .rewards .reward .fc.fc3 { width: 74px; background: url("//static.inven.co.kr/image_2011/imart/imarble/reward_list03.png") no-repeat left top; } #imarbleBoardWrap #popreward .pop .rewards .reward .fc.fc4 { width: 77px; background: url("//static.inven.co.kr/image_2011/imart/imarble/reward_list04.png") no-repeat left top; } #imarbleBoardWrap #popreward .pop .rewards .reward .img { position: absolute; top: 0; left: 0; width: 120px; height: 145px; background-repeat: no-repeat; background-position: center bottom; } #imarbleBoardWrap #popreward .pop .rewards .reward .img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } #imarbleBoardWrap #popreward .pop .rewards .reward .icon { position: absolute; top: 0; left: 0; width: 120px; height: 80px; background-repeat: no-repeat; background-position: center bottom; } #imarbleBoardWrap #popreward .pop .rewards .reward .text { position: absolute; bottom: 0; left: 0; width: 120px; height: 50px; text-align: center; } #imarbleBoardWrap #popreward .pop .rewards .reward .text .texticon { display: inline-block; width: 31px; height: 17px; vertical-align: middle; } #imarbleBoardWrap #popreward .pop .rewards .reward .text .numbericon { display: inline-block; width: 10px; height: 15px; vertical-align: middle; } #imarbleBoardWrap #popreward .pop .info { text-align: center; } #imarbleBoardWrap #popreward .pop-background { position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100;} /* dice e */ /* rank s */ #rankWrap { background: #fefefe url("//static.inven.co.kr/image_2011/imart/imarble/bg_text01.png") no-repeat center 40px; } #rankWrap > div { padding: 200px 0 40px; text-align: center; } #rankWrap dl { display: inline-block; width: 280px; height: 221px; margin: 0 42px; border: 3px solid #d5e5fc; box-sizing: border-box; } #rankWrap dl dt { width: 100%; height: 44px; border-bottom: 3px solid #d5e5fc; box-sizing: border-box; text-indent: -10000px; } #rankWrap dl.order1 dt { background: #f4f9ff url("//static.inven.co.kr/image_2011/imart/imarble/rank_title_01.png?v=1") no-repeat center; } #rankWrap dl.order2 dt { background: #f4f9ff url("//static.inven.co.kr/image_2011/imart/imarble/rank_title_02.png?v=1") no-repeat center; } #rankWrap dl.order3 dt { background: #f4f9ff url("//static.inven.co.kr/image_2011/imart/imarble/rank_title_03.png?v=1") no-repeat center; } #rankWrap dl > div { margin: 12px 29px 7px; } #rankWrap dl dd { overflow: hidden; height: 24px; line-height: 26px; } #rankWrap dl dd.r1 { background: url("//static.inven.co.kr/image_2011/imart/imarble/rank_order01.png") no-repeat left center; color: #2b60ba; } #rankWrap dl dd.r2 { background: url("//static.inven.co.kr/image_2011/imart/imarble/rank_order02.png") no-repeat left center; } #rankWrap dl dd.r3 { background: url("//static.inven.co.kr/image_2011/imart/imarble/rank_order03.png") no-repeat left center; } #rankWrap dl dd.r4 { background: url("//static.inven.co.kr/image_2011/imart/imarble/rank_order04.png") no-repeat left center; } #rankWrap dl dd.r5 { background: url("//static.inven.co.kr/image_2011/imart/imarble/rank_order05.png") no-repeat left center; } #rankWrap dl dd:nth-child(6) { background: url("//static.inven.co.kr/image_2011/imart/imarble/rank_order_me.png") no-repeat left center; color: #ec9110; margin-top: 8px; } #rankWrap dl dd span { font-size: 12pt; } #rankWrap dl dd span.nick { float: left; padding-left: 40px; } #rankWrap dl dd span.num { float: right; } /* rank e */ /* older rank s */ #olderRankPopup { display: none; } #olderRankWrap { } #olderRankWrap .full_layout { position:fixed;top:50%;left:50%;min-width:405px;box-sizing:border-box;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:110; padding: 200px 0 40px; text-align: center; background: #fefefe url("//static.inven.co.kr/image_2011/imart/imarble/bg_text01.png") no-repeat center 40px; } #olderRankWrap .pop-background { position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100;} #olderRankWrap .olderDate { position: absolute; top: 40px; left: 50px; font-size: 19px; font-weight: bold; } #olderRankWrap .olderClose { position: absolute; top: 40px; right: 50px; font-size: 19px; font-weight: bold; } #olderRankWrap dl { display: inline-block; width: 280px; height: 221px; margin: 0 42px; border: 3px solid #d5e5fc; box-sizing: border-box; } #olderRankWrap dl dt { width: 100%; height: 44px; border-bottom: 3px solid #d5e5fc; box-sizing: border-box; text-indent: -10000px; } #olderRankWrap dl.order1 dt { background: #f4f9ff url("//static.inven.co.kr/image_2011/imart/imarble/rank_title_01.png?v=1") no-repeat center; } #olderRankWrap dl.order2 dt { background: #f4f9ff url("//static.inven.co.kr/image_2011/imart/imarble/rank_title_02.png?v=1") no-repeat center; } #olderRankWrap dl.order3 dt { background: #f4f9ff url("//static.inven.co.kr/image_2011/imart/imarble/rank_title_03.png?v=1") no-repeat center; } #olderRankWrap dl > div { margin: 12px 29px 7px; } #olderRankWrap dl dd { overflow: hidden; height: 24px; line-height: 26px; } #olderRankWrap dl dd.r1 { background: url("//static.inven.co.kr/image_2011/imart/imarble/rank_order01.png") no-repeat left center; color: #2b60ba; } #olderRankWrap dl dd.r2 { background: url("//static.inven.co.kr/image_2011/imart/imarble/rank_order02.png") no-repeat left center; } #olderRankWrap dl dd.r3 { background: url("//static.inven.co.kr/image_2011/imart/imarble/rank_order03.png") no-repeat left center; } #olderRankWrap dl dd.r4 { background: url("//static.inven.co.kr/image_2011/imart/imarble/rank_order04.png") no-repeat left center; } #olderRankWrap dl dd.r5 { background: url("//static.inven.co.kr/image_2011/imart/imarble/rank_order05.png") no-repeat left center; } #olderRankWrap dl dd:nth-child(6) { background: url("//static.inven.co.kr/image_2011/imart/imarble/rank_order_me.png") no-repeat left center; color: #ec9110; margin-top: 8px; } #olderRankWrap dl dd span { font-size: 12pt; } #olderRankWrap dl dd span.nick { float: left; padding-left: 40px; } #olderRankWrap dl dd span.num { float: right; } /* older rank e */ /* reward s */ #rewardWrap { background-color: #e0eaf7; } #rewardWrap > div { padding: 40px 0 50px; } #rewardWrap .w { padding: 50px; border: 3px solid #f4f9ff; background: #eaf1fa url("//static.inven.co.kr/image_2011/imart/imarble/bg_text02.png") no-repeat 50px; box-sizing: border-box; text-align: right; overflow:hidden; } #rewardWrap dl { position: relative; display: inline-block; width: 162px; height: 195px; margin: 0 10px; border: 3px solid #d5e5fc; box-sizing: border-box; vertical-align: top; } #rewardWrap dl.complate::after { content: ''; position: absolute; top: 0; left: 0; width:100%; height: 100%; background: rgba(0,0,0,.55) url("//static.inven.co.kr/image_2011/imart/imarble/reward_complate.png") no-repeat center; } #rewardWrap dl dt { width: 100%; height: 44px; border-bottom: 3px solid #d5e5fc; box-sizing: border-box; text-indent: -10000px; direction: rtl; } #rewardWrap dl.list1 dt { background: #f4f9ff url("//static.inven.co.kr/image_2011/imart/imarble/reward_list01.png") no-repeat center; } #rewardWrap dl.list2 dt { background: #f4f9ff url("//static.inven.co.kr/image_2011/imart/imarble/reward_list02.png") no-repeat center; } #rewardWrap dl.list3 dt { background: #f4f9ff url("//static.inven.co.kr/image_2011/imart/imarble/reward_list03.png") no-repeat center; } #rewardWrap dl.list4 { border: 3px solid #ec9110; } #rewardWrap dl.list4 dt { border-bottom: 3px solid #ec9110; } #rewardWrap dl.list4 dt { background: #fbcf62 url("//static.inven.co.kr/image_2011/imart/imarble/reward_list04.png") no-repeat center; } #rewardWrap dl dd { position: relative; height: 145px; background: #fff; } #rewardWrap dl dd .img { position: absolute; top: 0; left: 0; width: 156px; height: 145px; background-repeat: no-repeat; background-position: center bottom; } #rewardWrap dl dd .img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } #rewardWrap dl dd .icon { position: absolute; top: 0; left: 0; width: 156px; height: 80px; background-repeat: no-repeat; background-position: center bottom; } #rewardWrap dl dd .text { position: absolute; bottom: 0; left: 0; width: 156px; height: 50px; text-align: center; } #rewardWrap dl dd .text .texticon { display: inline-block; width: 31px; height: 17px; vertical-align: middle; } #rewardWrap dl dd .text .numbericon { display: inline-block; width: 10px; height: 15px; vertical-align: middle; } /* reward e */ /* info s */ #infoWrap { background: #0f3960; } #infoWrap > div { padding: 80px 0; } #infoWrap h4 { float: none; display: block; padding-bottom: 24px; font-size: 21px; font-weight: bold; font-family: Noto Sans KR; color: #fff; } #infoWrap p { font-size: 18px; font-weight: bold; font-family: Noto Sans KR; } #infoWrap .p1 { margin-bottom: 18px; } #infoWrap p.p2 { margin-bottom: 11px; color: #a3c5eb; } #infoWrap p.p3 { margin-bottom: 11px; color: #648db9; } #infoWrap .olderRanking { padding: 0 5px; color: #0f3961; background-color: #fbcf62; } /* info e */ /* common s */ .icon.inni { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_inni.png") no-repeat center bottom; } .icon.veni { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_veni.png") no-repeat center bottom; } .icon.jeni { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_jeni.png") no-repeat center bottom; } .icon.exp { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_exp.png") no-repeat center bottom; } .texticon.inni { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_inni_text.png") no-repeat left top; } .texticon.veni { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_veni_text.png") no-repeat left top; } .texticon.jeni { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_jeni_text.png") no-repeat left top; } .texticon.exp { width: 47px !important; background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_exp_text.png") no-repeat left top; } .numbericon.n0 { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_0_text.png") no-repeat left top; } .numbericon.n1 { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_1_text.png") no-repeat left top; } .numbericon.n2 { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_2_text.png") no-repeat left top; } .numbericon.n3 { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_3_text.png") no-repeat left top; } .numbericon.n4 { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_4_text.png") no-repeat left top; } .numbericon.n5 { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_5_text.png") no-repeat left top; } .numbericon.n6 { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_6_text.png") no-repeat left top; } .numbericon.n7 { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_7_text.png") no-repeat left top; } .numbericon.n8 { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_8_text.png") no-repeat left top; } .numbericon.n9 { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_9_text.png") no-repeat left top; } /* common e */