.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; }
.full_layout { max-width: 640px; margin: 0 auto; }
.clearfix::after {
	display: block;
	content: '';
	clear: both;
}

/* dice s */
#imarbleBoardWrap { background-color: #1d336b; }

#imarbleBoard { position: relative; padding: 30px 0 103px; background: url("//static.inven.co.kr/image_2011/imart/imarble/bg_mobile_01.jpg") no-repeat center top; background-size:contain; }
#imarbleBoard .title { position: relative; width:100%; height: 0; padding-bottom: 100%; }
#imarbleBoard .title .img_title { position: absolute; top:0; left:50%; display: block; width: 100%; height: auto; transform: translateX(-50%); }
#imarbleBoard .title .img_date { position: absolute; top:54%; left:50%; display: block; width: 48.283%; height: auto; transform: translateX(-50%); }
#imarbleBoard .title .img_beta { position: absolute; top:11%; left:89%; display: block; width: 10.626%; height: auto; transform: translateX(-50%); }
#imarbleBoard .title .img_info { position: absolute; top:58%; left:50%; display: block; width: 94%; max-width: 600px; height: auto; transform: translateX(-50%); }

#imarbleBoard .gameBoard { position: relative; width: 100%; height: 0; margin-top: 25px; padding-bottom: 136.5%; background: url("//static.inven.co.kr/image_2011/imart/imarble/bg_mobile_02.png?v=1") no-repeat center; background-size: contain; }
#imarbleBoard .gameBoard .map { position: absolute; width: calc((100% - ((1.71% + 9px) * 2)) / 5); height: 0; padding-bottom: 19.1%; }
#imarbleBoard .gameBoard .map0 { top: -1.33%; left: calc(1.71% + 9px); padding-bottom: 22.6%; z-index: 5; }
#imarbleBoard .gameBoard .map1 { top: 1.25%; left: calc((1.71% + 9px) + ((100% - ((1.71% + 9px) * 2)) / 5)); z-index: 5; }
#imarbleBoard .gameBoard .map2 { top: 1.25%; left: calc((1.71% + 9px) + (((100% - ((1.71% + 9px) * 2)) / 5) * 2)); z-index: 5; }
#imarbleBoard .gameBoard .map3 { top: 1.25%; left: calc((1.71% + 9px) + (((100% - ((1.71% + 9px) * 2)) / 5) * 3)); z-index: 5; }
#imarbleBoard .gameBoard .map4 { top: 1.25%; left: calc((1.71% + 9px) + (((100% - ((1.71% + 9px) * 2)) / 5) * 4)); z-index: 5; }
#imarbleBoard .gameBoard .map5 { top: 15.17%; left: calc((1.71% + 9px) + (((100% - ((1.71% + 9px) * 2)) / 5) * 4)); z-index: 6; }
#imarbleBoard .gameBoard .map6 { top: 28.87%; left: calc((1.71% + 9px) + (((100% - ((1.71% + 9px) * 2)) / 5) * 4)); z-index: 7; }
#imarbleBoard .gameBoard .map7 { top: 42.58%; left: calc((1.71% + 9px) + (((100% - ((1.71% + 9px) * 2)) / 5) * 4)); z-index: 8; }
#imarbleBoard .gameBoard .map8 { top: 56.28%; left: calc((1.71% + 9px) + (((100% - ((1.71% + 9px) * 2)) / 5) * 4)); z-index: 9; }
#imarbleBoard .gameBoard .map9 { top: 69.99%; left: calc((1.71% + 9px) + (((100% - ((1.71% + 9px) * 2)) / 5) * 4)); z-index: 10; }
#imarbleBoard .gameBoard .map10 { top: 83.69%; left: calc((1.71% + 9px) + (((100% - ((1.71% + 9px) * 2)) / 5) * 4)); z-index: 11; }
#imarbleBoard .gameBoard .map11 { top: 83.69%; left: calc((1.71% + 9px) + (((100% - ((1.71% + 9px) * 2)) / 5) * 3)); z-index: 11; }
#imarbleBoard .gameBoard .map12 { top: 83.69%; left: calc((1.71% + 9px) + (((100% - ((1.71% + 9px) * 2)) / 5) * 2)); z-index: 11; }
#imarbleBoard .gameBoard .map13 { top: 83.69%; left: calc((1.71% + 9px) + ((100% - ((1.71% + 9px) * 2)) / 5)); z-index: 11; }
#imarbleBoard .gameBoard .map14 { top: 83.69%; left: calc(1.71% + 9px); z-index: 11; }
#imarbleBoard .gameBoard .map15 { top: 69.99%; left: calc(1.71% + 9px); z-index: 10; }
#imarbleBoard .gameBoard .map16 { top: 56.28%; left: calc(1.71% + 9px); z-index: 9; }
#imarbleBoard .gameBoard .map17 { top: 42.58%; left: calc(1.71% + 9px); z-index: 8; }
#imarbleBoard .gameBoard .map18 { top: 28.87%; left: calc(1.71% + 9px); z-index: 7; }
#imarbleBoard .gameBoard .map19 { top: 15.17%; left: calc(1.71% + 9px); z-index: 6; }

#imarbleBoard .gameBoard .map:after { position: absolute; bottom: -8.3%; left: 0; width: 100%; height: 0; padding-bottom: 8.6%; content: ''; }

#imarbleBoard .gameBoard .map.start { background: #ffcc33 url("//static.inven.co.kr/image_2011/imart/imarble/map_start_mobile.png") no-repeat left top; background-size: contain; }
#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: 100%; height: 60%; }
#imarbleBoard .gameBoard .map .text { position: absolute; bottom: 0; left: 0; width: 100%; height: 34%; text-align: center; }
#imarbleBoard .gameBoard .map .text .texticon { display: inline-block; vertical-align: middle; }
#imarbleBoard .gameBoard .map .text .numbericon { display: inline-block; vertical-align: middle; }

#imarbleBoard .current { position: absolute; z-index: 20; width: 95px; height: 137px; }
#imarbleBoard .current.char1 { width: 14.845%; height: 15.683%; background: url("//static.inven.co.kr/image_2011/imart/imarble/char_1.png") no-repeat left top; background-size: contain; }
#imarbleBoard .current .comment { display: none; position: absolute; top: -11%; right: -15.8%; width: 42.12%; height: 28.47%; color: #fff; text-align: center; font-size: 2.8vmin; font-weight: bold; vertical-align: middle; }
#imarbleBoard .current .comment::after { content: '\f075'; position: absolute; top: -19%; left: 0; width: 100%; height: 100%; color: red; font-family: FontAwesome; z-index: -1; font-size: 1.5em; }

#imarbleBoard .rollingDice { position: absolute; top: 53.4%; left: 21.9%; width: 56.2%; height: 0; padding-bottom: 91.9%; }
#imarbleBoard .rollingDice.rolling { background: url("//static.inven.co.kr/image_2011/imart/imarble/bg_rolling_dice_mobile.gif") no-repeat center; background-size: 100%; }
#imarbleBoard .rollingDice img { position: relative; top: 50%; left: 50%; width: 55%; transform: translate(-49%, 79%); }

#imarbleBoard .info { width: 100%; height: 0; position: relative; margin-bottom: 13px; padding-bottom: 18.75%; }
#imarbleBoard .info .info1 { position: absolute; top: 9.67%; left: 3.126%; width: 50%; height: 41.67%; background: #02162e; border: 4px solid #3eb5ff; border-bottom: 1px solid #3eb5ff; box-sizing: border-box; }
#imarbleBoard .info .info2 { position: absolute; top: 51.84%; left: 3.126%; width: 50%; height: 41.67%; background: #02162e; border: 4px solid #3eb5ff; border-top: 1px solid #3eb5ff; box-sizing: border-box; }
#imarbleBoard .info .info1::before,
#imarbleBoard .info .info2::before { position: absolute; top: 0; left: 0; width: 40.387%; height: 100%; content:''; }
#imarbleBoard .info .info1::before { background: #103965 url("//static.inven.co.kr/image_2011/imart/imarble/info_mobile_02.png?v=3") no-repeat center; background-size: cover; }
#imarbleBoard .info .info2::before { background: #103965 url("//static.inven.co.kr/image_2011/imart/imarble/info_mobile_03.png?v=3") no-repeat center; background-size: cover; }
#imarbleBoard .info .info1 span,
#imarbleBoard .info .info2 span { position: absolute; top: 50%; right: 2%; width: 55.2%; text-align: right; font-size: 14px; color: #fff; font-weight: bold; transform:  translateY(-50%); }
#imarbleBoard .info .bttn1 { position: absolute; top: 0; right: 24.463%; width: 20.939%; height: 103.34%; background: url("//static.inven.co.kr/image_2011/imart/imarble/bttn_mobile_01.png") no-repeat left top; text-indent: -10000px; background-size: contain; }
#imarbleBoard .info .bttn2 { position: absolute; top: 0; right: 2.97%; width: 20.939%; height: 103.34%; background: url("//static.inven.co.kr/image_2011/imart/imarble/bttn_mobile_02.png") no-repeat left top; text-indent: -10000px; background-size: contain; }
@media screen and (min-width:500px) and (max-width:640px) {
	#imarbleBoard .info .info1 span,
	#imarbleBoard .info .info2 span { font-size: 11px; }
}
@media screen and (max-width:500px) {
	#imarbleBoard .info .info1 span,
	#imarbleBoard .info .info2 span { font-size: 10px; }
}
#imarbleBoardWrap #poplog { display:none; }
#imarbleBoardWrap #poplog .pop { position:fixed;top:50%;left:50%;width:90%;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%);z-index:110;}
#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:100;}

#imarbleBoardWrap #popreward { display:none; }
#imarbleBoardWrap #popreward .pop { position:fixed;top:50%;left:50%;width:80%;max-width:405px;max-height:300px;padding:20px;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: 0; padding-bottom: 14.45%; 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; background-size: 90%; }
#imarbleBoardWrap #popreward .pop .rewards { padding: 10px 0; text-align: center; }
#imarbleBoardWrap #popreward .pop .rewards .reward { position: relative; display: inline-block; width: 50%; height:0; padding-bottom: 45%; }
#imarbleBoardWrap #popreward .pop .rewards .reward .fc { position: absolute; top: 0; left: 50%; width: 29.17%; height: 16.8%; transform: translateX(-50%); background: url("//static.inven.co.kr/image_2011/imart/imarble/reward_list01.png") no-repeat left top; background-size: 200%; }
#imarbleBoardWrap #popreward .pop .rewards .reward .fc.fc2 { width: 61.67%; background: url("//static.inven.co.kr/image_2011/imart/imarble/reward_list02.png") no-repeat left top; background-size: 124%; }
#imarbleBoardWrap #popreward .pop .rewards .reward .fc.fc3 { width: 61.67%; background: url("//static.inven.co.kr/image_2011/imart/imarble/reward_list03.png") no-repeat left top; background-size: 124%; }
#imarbleBoardWrap #popreward .pop .rewards .reward .fc.fc4 { width: 64.17%; background: url("//static.inven.co.kr/image_2011/imart/imarble/reward_list04.png") no-repeat left top; background-size: 124%; }
#imarbleBoardWrap #popreward .pop .rewards .reward .img { position: absolute; top: 0; left: 0; width: 43.343%; height:0; padding-bottom: 52.372%; 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: 100%; height:0; padding-bottom: 66.67%; background-repeat: no-repeat; background-position: center bottom; }
#imarbleBoardWrap #popreward .pop .rewards .reward .text { position: absolute; bottom: 0; left: 0; width: 100%; height:0; padding-bottom: 20.67%; text-align: center; }
#imarbleBoardWrap #popreward .pop .rewards .reward .text .texticon { display: inline-block; height: 0; padding-bottom: 14.17%; vertical-align: middle; }
#imarbleBoardWrap #popreward .pop .rewards .reward .text .numbericon { display: inline-block; vertical-align: middle; }
#imarbleBoardWrap #popreward .pop .rewards .reward .text .numbericon.n0 { height: 0; padding-bottom: 12.5%;  }
#imarbleBoardWrap #popreward .pop .rewards .reward .text .numbericon.n1 { height: 0; padding-bottom: 11.67%; }
#imarbleBoardWrap #popreward .pop .rewards .reward .text .numbericon.n2 { height: 0; padding-bottom: 11.67%; }
#imarbleBoardWrap #popreward .pop .rewards .reward .text .numbericon.n3 { height: 0; padding-bottom: 12.5%; }
#imarbleBoardWrap #popreward .pop .rewards .reward .text .numbericon.n4 { height: 0; padding-bottom: 11.67%; }
#imarbleBoardWrap #popreward .pop .rewards .reward .text .numbericon.n5 { height: 0; padding-bottom: 12.5%; }
#imarbleBoardWrap #popreward .pop .rewards .reward .text .numbericon.n6 { height: 0; padding-bottom: 12.5%; }
#imarbleBoardWrap #popreward .pop .rewards .reward .text .numbericon.n7 { height: 0; padding-bottom: 11.67%; }
#imarbleBoardWrap #popreward .pop .rewards .reward .text .numbericon.n8 { height: 0; padding-bottom: 12.5%; }
#imarbleBoardWrap #popreward .pop .rewards .reward .text .numbericon.n9 { height: 0; padding-bottom: 12.5%; }
#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 { position: relative; background: #fefefe; }
#rankWrap .wrap { overflow: auto; 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; background-size: 74%; }
#rankWrap > div > div { width: 640px; }
#rankWrap dl { display: inline-block; width: 203px; height: 221px; margin: 0 2px 7px; 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 12px 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; }
@media screen and (max-width:640px) {
	#rankWrap .arrow_left { position: absolute; top: 62%; left: 1%; width: 45px; height: 45px; background: url("//static.inven.co.kr/image_2011/imart/imarble/arrow_scroll.png") no-repeat left top; background-size: cover; opacity : 0.9; cursor: pointer; }
	#rankWrap .arrow_right { position: absolute; top: 62%; right: 1%; width: 45px; height: 45px; background: url("//static.inven.co.kr/image_2011/imart/imarble/arrow_scroll.png") no-repeat left top; background-size: cover; opacity : 0.9; cursor: pointer; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	#rankWrap > div > div { width: 685px; text-align: left; padding-left: 55px; }
}
/* rank e */

/* older rank s */
#olderRankPopup { display: none; }
#olderRankWrap { position: relative; }
#olderRankWrap .full_layout { position:fixed;top:50%;left:50%;width:80%;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 .date { position: fixed; top: 24%; left: 50%; width: 80%; height: 15%; z-index: 200; max-width: 640px; transform: translate(-50%,0); }
#olderRankWrap .date .olderDate { position: absolute; top: 25px; left: 25px; font-size: 19px; font-weight: bold; }
#olderRankWrap .date .olderClose { position: absolute; top: 25px; right: 25px; font-size: 19px; font-weight: bold; }

#olderRankWrap .wrap { overflow: auto; padding: 130px 0 40px; text-align: center; background: #fefefe url("//static.inven.co.kr/image_2011/imart/imarble/bg_text01.png") no-repeat center 40px; background-size: 44%; }
#olderRankWrap .wrapHorizontal { width: 640px; }
#olderRankWrap dl { display: inline-block; width: 203px; height: 221px; margin: 0 2px 7px; 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 12px 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; }
@media screen and (max-width:640px) {
	#olderRankWrap .arrow_left { position: fixed; top: 62%; left: 1%; width: 45px; height: 45px; background: url("//static.inven.co.kr/image_2011/imart/imarble/arrow_scroll.png") no-repeat left top; background-size: cover; opacity : 0.9; cursor: pointer;z-index:120; }
	#olderRankWrap .arrow_right { position: fixed; top: 62%; right: 1%; width: 45px; height: 45px; background: url("//static.inven.co.kr/image_2011/imart/imarble/arrow_scroll.png") no-repeat left top; background-size: cover; opacity : 0.9; cursor: pointer; -webkit-transform: rotate(180deg); transform: rotate(180deg);z-index:120; }
	#olderRankWrap .wrapHorizontal { width: 685px; text-align: left; padding-left: 55px; }
}
/* older rank e */

/* reward s */
#rewardWrap { background-color: #e0eaf7; }
#rewardWrap > div { padding: 40px 0 50px; }
#rewardWrap .w { padding: 21.563% 27px 27px; border: 3px solid #f4f9ff; background: #eaf1fa url("//static.inven.co.kr/image_2011/imart/imarble/bg_text02_mobile.png") no-repeat 27px 27px; background-size: 88%; box-sizing: border-box; text-align: center; }
#rewardWrap dl { position: relative; display: inline-block; width: calc(25% -  8px); height: 0; padding-bottom: 32.587%; margin: 0 2px 7px; border: 3px solid #d5e5fc; box-sizing: border-box; background-color: #fff; }
#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; background-size: 65%; }
#rewardWrap dl dt { width: 100%; height: 0; padding-bottom: 31.3%; border-bottom: 3px solid #d5e5fc; box-sizing: border-box; text-indent: -10000px; }
#rewardWrap dl.list1 dt { background: #f4f9ff url("//static.inven.co.kr/image_2011/imart/imarble/reward_list01.png") no-repeat center; background-size: 53.5%; }
#rewardWrap dl.list2 dt { background: #f4f9ff url("//static.inven.co.kr/image_2011/imart/imarble/reward_list02.png") no-repeat center; background-size: 53.5%; }
#rewardWrap dl.list3 dt { background: #f4f9ff url("//static.inven.co.kr/image_2011/imart/imarble/reward_list03.png") no-repeat center; background-size: 53.5%; }
#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; background-size: 53.5%; }
#rewardWrap dl dd { position: relative; height: 0; padding-bottom: 110.69%; background: #fff; }
#rewardWrap dl dd .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; 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: 100%; height: 55.18%; background-repeat: no-repeat; background-position: center bottom; }
#rewardWrap dl dd .text { position: absolute; bottom: 9%; left: 0; width: 100%; height: 28.66%; text-align: center; }
#rewardWrap dl dd .text .texticon { display: inline-block; vertical-align: middle; }
#rewardWrap dl dd .text .numbericon { display: inline-block; vertical-align: middle; }
@media screen and (max-width:640px) {
	#rewardWrap .w { margin: 0 10px; padding-top: 25%; }
}
/* reward e */

/* info s */
#infoWrap { background: #103d67; }
#infoWrap > div { padding: 30px 0 40px; background: url("//static.inven.co.kr/image_2011/imart/imarble/bg_mobile_03.png") no-repeat bottom right; }
#infoWrap h4 { float: none; display: block; padding-bottom: 24px; font-size: 3vmin; font-weight: bold; font-family: Noto Sans KR; color: #fff; }
#infoWrap p { font-size: 2.1vmin; 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; }
@media screen and (max-width:640px) {
	#infoWrap > div { padding: 30px 20px 40px; }
}
/* info e */

/* common s */
.icon.inni { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_inni.png") no-repeat center bottom;  background-size: 40%; }
.icon.veni { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_veni.png") no-repeat center bottom; background-size: 40%; }
.icon.jeni { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_jeni.png") no-repeat center bottom; background-size: 40%; }
.icon.exp { background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_exp.png") no-repeat center bottom; background-size: 40%; }

.texticon.inni { width: 25%; height: 40.93%; background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_inni_text.png") no-repeat left top; background-size: cover; }
.texticon.veni { width: 25%; height: 40.93%; background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_veni_text.png") no-repeat left top; background-size: cover; }
.texticon.jeni{ width: 25.83%; height: 40.93%; background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_jeni_text.png") no-repeat left top; background-size: cover; }
.texticon.exp{ width: 38.33%; height: 40.93%; background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_exp_text.png") no-repeat left top; background-size: cover; }
.numbericon.n0 { width: 8.34%; height: 36.12%; background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_0_text.png") no-repeat left top; background-size: cover; }
.numbericon.n1 { width: 6.67%; height: 33.7%; background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_1_text.png") no-repeat left top; background-size: cover; }
.numbericon.n2 { width: 8.34%; height: 33.7%; background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_2_text.png") no-repeat left top; background-size: cover; }
.numbericon.n3 { width: 8.34%; height: 36.12%; background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_3_text.png") no-repeat left top; background-size: cover; }
.numbericon.n4 { width: 9.17%; height: 33.7%; background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_4_text.png") no-repeat left top; background-size: cover; }
.numbericon.n5 { width: 8.34%; height: 36.12%; background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_5_text.png") no-repeat left top; background-size: cover; }
.numbericon.n6 { width: 8.34%; height: 36.12%; background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_6_text.png") no-repeat left top; background-size: cover; }
.numbericon.n7 { width: 8.34%; height: 33.7%; background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_7_text.png") no-repeat left top; background-size: cover; }
.numbericon.n8 { width: 8.34%; height: 36.12%; background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_8_text.png") no-repeat left top; background-size: cover; }
.numbericon.n9 { width: 8.34%; height: 36.12%; background: url("//static.inven.co.kr/image_2011/imart/imarble/icon_9_text.png") no-repeat left top; background-size: cover; }
/* common e */

