@font-face{font-family:"Pretendard";font-weight:800;font-display:swap;src:url("//fco.vod.nexoncdn.co.kr/fonts/Pretendard-ExtraBold.woff2") format("woff2"),url("//fco.vod.nexoncdn.co.kr/fonts/Pretendard-ExtraBold.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:600;font-display:swap;src:url("//fco.vod.nexoncdn.co.kr/fonts/Pretendard-SemiBold.woff2") format("woff2"),url("//fco.vod.nexoncdn.co.kr/fonts/Pretendard-SemiBold.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:400;font-display:swap;src:url("//fco.vod.nexoncdn.co.kr/fonts/Pretendard-Regular.woff2") format("woff2"),url("//fco.vod.nexoncdn.co.kr/fonts/Pretendard-Regular.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:300;font-display:swap;src:url("//fco.vod.nexoncdn.co.kr/fonts/Pretendard-Light.woff2") format("woff2"),url("//fco.vod.nexoncdn.co.kr/fonts/Pretendard-Light.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:200;font-display:swap;src:url("//fco.vod.nexoncdn.co.kr/fonts/Pretendard-ExtraLight.woff2") format("woff2"),url("//fco.vod.nexoncdn.co.kr/fonts/Pretendard-ExtraLight.woff") format("woff")}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,textarea,input,select,button,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body,h1,h2,h3,h4,h5,h6,th,td,input,select,textarea,button{font-family:"Pretendard","돋움",Helvetica,"Apple SD Gothic Neo",sans-serif;font-size:14px;color:#404040;line-height:1;letter-spacing:-1px}ol,ul,dl,menu{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}fieldset,img{border:0 none}table{border-collapse:collapse;border-spacing:0}input,select,textarea,button{font-size:100%;vertical-align:middle}textarea{resize:none}button{display:inline-block;cursor:pointer;background-color:rgba(0,0,0,0)}button,input[type=button],input[type=submit],input[type=reset],input[type=file]{border-radius:0;appearance:button}input[type=image],input[type=text],input[type=submit],input[type=password],input[type=search]{border-radius:0;appearance:none}input:checked[type=checkbox]{appearance:checkbox;background-color:rgba(0,0,0,0)}input[type=search]::-webkit-search-cancel-button{appearance:none}a{display:inline-block;color:#404040;text-decoration:none}a:hover,a:active,a:focus{text-decoration:none}input:focus,textarea:focus,select:focus,option:focus,button:focus{outline:none !important}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}b,strong,span{display:inline-block;font-family:"Pretendard","돋움",Helvetica,"Apple SD Gothic Neo",sans-serif;font-size:14px;color:#404040;line-height:1;letter-spacing:-1px}audio{display:none}html{overflow-y:scroll}html,body{width:100%;max-width:2560px;min-width:1280px;margin:0 auto;background-color:#f6f6f6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.liveStore #wrapper #information ul,.liveStore #wrapper #information .inner,.liveStore #wrapper #middle section.product-order .list dd.quantity .number,.liveStore #wrapper #middle section.product-order .list dd,.liveStore #wrapper #middle section.list-product .product,.liveStore #wrapper #middle section.list-product .inner,.liveStore #wrapper #middle section.product-information .cover,#information ul,#information .inner,#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .per,#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph,#middle section.mypage .inner .playmembership-arc,#middle section.mypage .inner .list-tab-member ul,#middle section.mypage .inner .playmembership-desc,#middle section.mypage .inner .playmembership-period,#middle section.mypage .inner .membership-reward .graph,#middle section.mypage .inner .membership-reward,#middle section.mypage .inner .membership-grade,#middle section.mypage .inner .list-table .payment-table tbody tr td.quantity .number,#middle section.mypage .inner .list-total .payment-table tbody tr td.quantity .number,#middle section.mypage .inner .sort .select .delete,#middle section.mypage .inner .storage-history ul>li dl dd .button,#middle section.mypage .inner .storage-history ul>li,#middle section.mypage .inner .list-history ul>li,#middle section.mypage .inner .list-date .calendar,#middle section.mypage .inner .list-date .specify,#middle section.mypage .inner .list-date,#middle section.mypage .inner .property dl,#middle section.mypage .inner .property,#middle section.product-order .list dd.quantity .number,#middle section.product-order .list dd,#middle section.product-information .cover,#middle section.list-product .inner,#middle section.list-sort .hash,#middle section.list-sort fieldset,#middle section.list-sort .inner,#middle section.main-banner .page,#middle section.main-banner .list,#navigation .inner>ul,#share .button,#aside .inner .scroll-box .link,#header .inner .gnb,#middle section.list-product .chain-goods .advice,#middle section.list-product .chain-goods,#middle section.mypage .inner .membership-product>li>.wrap>a,#middle section.list-product .product>li>.wrap>a,#middle section.list-product .chain-goods .list .product>li>.wrap>a,#middle section.mypage .inner .membership-product,#middle section.list-product .product,#middle section.list-product .chain-goods .list .product,.layer-popup.membership-last-reward .content .middle .reward-list,#middle section.mypage .inner .membership-reward .reward-list{display:block}.liveStore #wrapper #information ul:after,.liveStore #wrapper #information .inner:after,.liveStore #wrapper #middle section.product-order .list dd.quantity .number:after,.liveStore #wrapper #middle section.product-order .list dd:after,.liveStore #wrapper #middle section.list-product .product:after,.liveStore #wrapper #middle section.list-product .inner:after,.liveStore #wrapper #middle section.product-information .cover:after,#information ul:after,#information .inner:after,#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .per:after,#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph:after,#middle section.mypage .inner .playmembership-arc:after,#middle section.mypage .inner .list-tab-member ul:after,#middle section.mypage .inner .playmembership-desc:after,#middle section.mypage .inner .playmembership-period:after,#middle section.mypage .inner .membership-reward .graph:after,#middle section.mypage .inner .membership-reward:after,#middle section.mypage .inner .membership-grade:after,#middle section.mypage .inner .list-table .payment-table tbody tr td.quantity .number:after,#middle section.mypage .inner .list-total .payment-table tbody tr td.quantity .number:after,#middle section.mypage .inner .sort .select .delete:after,#middle section.mypage .inner .storage-history ul>li dl dd .button:after,#middle section.mypage .inner .storage-history ul>li:after,#middle section.mypage .inner .list-history ul>li:after,#middle section.mypage .inner .list-date .calendar:after,#middle section.mypage .inner .list-date .specify:after,#middle section.mypage .inner .list-date:after,#middle section.mypage .inner .property dl:after,#middle section.mypage .inner .property:after,#middle section.product-order .list dd.quantity .number:after,#middle section.product-order .list dd:after,#middle section.product-information .cover:after,#middle section.list-product .inner:after,#middle section.list-sort .hash:after,#middle section.list-sort fieldset:after,#middle section.list-sort .inner:after,#middle section.main-banner .page:after,#middle section.main-banner .list:after,#navigation .inner>ul:after,#share .button:after,#aside .inner .scroll-box .link:after,#header .inner .gnb:after,#middle section.list-product .chain-goods .advice:after,#middle section.list-product .chain-goods:after,#middle section.mypage .inner .membership-product>li>.wrap>a:after,#middle section.list-product .product>li>.wrap>a:after,#middle section.list-product .chain-goods .list .product>li>.wrap>a:after,#middle section.mypage .inner .membership-product:after,#middle section.list-product .product:after,#middle section.list-product .chain-goods .list .product:after,.layer-popup.membership-last-reward .content .middle .reward-list:after,#middle section.mypage .inner .membership-reward .reward-list:after{content:"";clear:both;visibility:hidden;display:block}.liveStore #wrapper #middle section.product-order .list dt,#middle section.product-order .list dt,#middle section.list-sort fieldset legend,#header .inner .gnb button span{position:absolute;left:-9999px;top:-9999px;overflow:hidden;display:block;width:0;height:0;font-size:0;line-height:0}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .coupon-list li button strong,.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .bt-coupon strong,.liveStore #wrapper #middle section.product-order .list dd.coupon .coupon-list li button strong,.liveStore #wrapper #middle section.product-order .list dd.coupon .bt-coupon strong,#middle section.mypage .inner .list-history ul>li dl dt a,#middle section.mypage .inner .list-history ul>li dl dt p,#middle section.product-order .list dd.coupon .coupon-list li button strong,#middle section.product-order .list dd.coupon .bt-coupon strong,#aside .inner .scroll-box .asset li p,#aside .inner .scroll-box .nickname,#middle section.payment .payment-table tbody tr td.coupon-payment .coupon-list li button strong,#middle section.payment .payment-table tbody tr td.coupon-payment .bt-coupon strong,#middle section.payment .friend .select .item li a,#middle section.list-sort .select .item li a,#navigation .inner>.select .item li a,#middle section.payment .friend .select .button,#middle section.list-sort .select .button,#navigation .inner>.select .button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.layer-popup.birthday-product .content .middle .product .item .price.fc:before,#middle section.birthday-list .product .item .price.fc:before,#aside .inner .scroll-box .asset li.fc h4:before,#middle section.mypage .inner .membership-product>li .price.fc:before,#middle section.list-product .product>li .price.fc:before,#middle section.list-product .chain-goods .list .product>li .price.fc:before{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/ico_asset_fc_s.png") no-repeat;background-size:16px 16px}.layer-popup.birthday-product .content .middle .product .item .price.mc:before,#middle section.birthday-list .product .item .price.mc:before,#aside .inner .scroll-box .asset li.mc h4:before,#middle section.mypage .inner .membership-product>li .price.mc:before,#middle section.list-product .product>li .price.mc:before,#middle section.list-product .chain-goods .list .product>li .price.mc:before{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/ico_asset_mc_s.png") no-repeat;background-size:16px 16px}.layer-popup.birthday-product .content .middle .product .item .price.fc.mc:before,#middle section.birthday-list .product .item .price.fc.mc:before,#middle section.mypage .inner .membership-product>li .price.fc.mc:before,#middle section.list-product .product>li .price.fc.mc:before{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/ico_asset_fcmc_s.png") no-repeat;background-size:28px 16px}.layer-popup.birthday-product .content .middle .product .item .price.mp:before,#middle section.birthday-list .product .item .price.mp:before,#aside .inner .scroll-box .asset li.mp h4:before,#middle section.mypage .inner .membership-product>li .price.mp:before,#middle section.list-product .product>li .price.mp:before,#middle section.list-product .chain-goods .list .product>li .price.mp:before{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/ico_asset_mp_s.png") no-repeat;background-size:16px 16px}.layer-popup.birthday-product .content .middle .product .item .price.cash:before,#middle section.birthday-list .product .item .price.cash:before,#aside .inner .scroll-box .asset li.cash h4:before,#middle section.mypage .inner .membership-product>li .price.cash:before,#middle section.list-product .product>li .price.cash:before,#middle section.list-product .chain-goods .list .product>li .price.cash:before{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/ico_asset_cash_s.png") no-repeat;background-size:16px 16px}.layer-popup.birthday-product .content .middle .product .item .price.ec:before,#middle section.birthday-list .product .item .price.ec:before,#aside .inner .scroll-box .asset li.ec h4:before,#middle section.mypage .inner .membership-product>li .price.ec:before,#middle section.list-product .product>li .price.ec:before,#middle section.list-product .chain-goods .list .product>li .price.ec:before{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/ico_asset_ec_s.png") no-repeat;background-size:16px 16px}.liveStore #wrapper #middle section.product-information .price.fc:before,#middle section.product-information .price.fc:before{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/ico_asset_fc_b.png") no-repeat;background-size:32px 32px}.liveStore #wrapper #middle section.product-information .price.mc:before,#middle section.product-information .price.mc:before{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/ico_asset_mc_b.png") no-repeat;background-size:32px 32px}.liveStore #wrapper #middle section.product-information .price.fc.mc:before,#middle section.product-information .price.fc.mc:before{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/ico_asset_fcmc_b.png") no-repeat;background-size:56px 32px}.liveStore #wrapper #middle section.product-information .price.mp:before,#middle section.product-information .price.mp:before{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/ico_asset_mp_b.png") no-repeat;background-size:32px 32px}.liveStore #wrapper #middle section.product-information .price.cash:before,#middle section.product-information .price.cash:before{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/ico_asset_cash_b.png") no-repeat;background-size:32px 32px}.liveStore #wrapper #middle section.product-information .price.ec:before,#middle section.product-information .price.ec:before{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/ico_asset_ec_b.png") no-repeat;background-size:32px 32px}#middle section.mypage .inner .membership-product>li .tag .membership.new,#middle section.list-product .product>li .tag .membership.new{width:22px;height:22px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_s_01_01.png") left top no-repeat}#middle section.mypage .inner .membership-product>li .tag .membership.bronze,#middle section.list-product .product>li .tag .membership.bronze{width:22px;height:22px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_s_01_02.png") left top no-repeat}#middle section.mypage .inner .membership-product>li .tag .membership.silver,#middle section.list-product .product>li .tag .membership.silver{width:22px;height:22px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_s_01_03.png") left top no-repeat}#middle section.mypage .inner .membership-product>li .tag .membership.gold,#middle section.list-product .product>li .tag .membership.gold{width:22px;height:22px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_s_01_04.png") left top no-repeat}#middle section.mypage .inner .membership-product>li .tag .membership.platinum,#middle section.list-product .product>li .tag .membership.platinum{width:22px;height:22px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_s_01_05.png") left top no-repeat}#middle section.mypage .inner .membership-product>li .tag .membership.dia,#middle section.list-product .product>li .tag .membership.dia{width:22px;height:22px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_s_01_06.png") left top no-repeat}#middle section.mypage .inner .membership-product>li .tag .membership.vip,#middle section.list-product .product>li .tag .membership.vip{width:22px;height:22px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_s_01_07.png") left top no-repeat}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .icon.new,#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .icon.new{width:64px;height:56px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_m_02_01.png") left top no-repeat}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .icon.bronze,#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .icon.bronze{width:64px;height:56px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_m_02_02.png") left top no-repeat}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .icon.silver,#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .icon.silver{width:64px;height:56px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_m_02_03.png") left top no-repeat}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .icon.gold,#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .icon.gold{width:64px;height:56px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_m_02_04.png") left top no-repeat}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .icon.platinum,#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .icon.platinum{width:64px;height:56px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_m_02_05.png") left top no-repeat}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .icon.dia,#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .icon.dia{width:64px;height:56px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_m_02_06.png") left top no-repeat}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .icon.vip,#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .icon.vip{width:64px;height:56px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_m_02_07.png") left top no-repeat}#middle section.main-banner .page li,#middle section.mypage .inner .detail.membership-product>li .bt-detail,#middle section.list-product .detail.product>li .bt-detail,#middle section.list-product .chain-goods .list .detail.product>li .bt-detail{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/transparent.png") repeat}#loader,html,body{background-color:#e8e8e8}#middle section.payment{background-color:#fff}#middle section.payment .friend .select,#middle section.list-sort .select,#navigation .inner>.select{position:relative;line-height:0}#middle section.payment .friend .select .button,#middle section.list-sort .select .button,#navigation .inner>.select .button{box-sizing:border-box;position:relative;width:100%;padding:8px 32px 8px 16px !important;font-size:16px;line-height:16px;color:#141414;border:1px solid #888;border-radius:2px;background-color:#f4f4f4}#middle section.payment .friend .select .button:after,#middle section.list-sort .select .button:after,#navigation .inner>.select .button:after{content:"";position:absolute;right:16px;top:14px;display:block;width:8px;height:4px;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_sort_select.png") left top no-repeat}#middle section.payment .friend .active.select .button,#middle section.list-sort .active.select .button,#navigation .inner>.active.select .button{border-radius:2px 2px 0 0}#middle section.payment .friend .active.select .button:after,#middle section.list-sort .active.select .button:after,#navigation .inner>.active.select .button:after{background-position:-8px 0}#middle section.payment .friend .select .item,#middle section.list-sort .select .item,#navigation .inner>.select .item{z-index:20;position:absolute;left:0;top:44px;display:none;box-sizing:border-box;width:100%;padding:0 16px}#middle section.payment .friend .select .item li a,#middle section.list-sort .select .item li a,#navigation .inner>.select .item li a{box-sizing:border-box;width:100%;padding:8px 16px;font-size:16px;line-height:16px;color:#141414;border-left:1px solid #888;border-right:1px solid #888;background-color:#f4f4f4}#middle section.payment .friend .select .item li:first-child a,#middle section.list-sort .select .item li:first-child a,#navigation .inner>.select .item li:first-child a{border-top:1px solid #888}#middle section.payment .friend .select .item li:last-child a,#middle section.list-sort .select .item li:last-child a,#navigation .inner>.select .item li:last-child a{border-bottom:1px solid #888;border-radius:0 0 2px 2px}#middle section.payment .friend .active.select .item,#middle section.list-sort .active.select .item,#navigation .inner>.active.select .item{display:block}#middle section.payment .payment-table{width:100%;table-layout:fixed;border-top:2px solid #3c404a;border-bottom:2px solid #3c404a}#middle section.payment .payment-table thead tr th{padding:16px;font-size:16px;line-height:20px;color:#000;text-align:left;border-bottom:1px solid #969696;vertical-align:middle;background-color:#e8e8e8}#middle section.payment .payment-table thead tr th.thumb{padding:16px 32px;text-align:center}#middle section.payment .payment-table thead tr th.thumb img{width:100%}#middle section.payment .payment-table thead tr th.name{padding:16px 32px 16px 0}#middle section.payment .payment-table thead tr th.name img{width:100%}#middle section.payment .payment-table tbody tr td{padding:16px;font-size:16px;line-height:24px;color:#666;text-align:left;vertical-align:middle;border-bottom:1px solid #969696}#middle section.payment .payment-table tbody tr td.thumb{padding:16px 32px;text-align:center;background-color:#e8e8e8}#middle section.payment .payment-table tbody tr td.thumb img{width:100%}#middle section.payment .payment-table tbody tr td.name{padding:16px 32px 16px 0;background-color:#e8e8e8}#middle section.payment .payment-table tbody tr td.name img{width:100%}#middle section.payment .payment-table tbody tr td.quantity,#middle section.payment .payment-table tbody tr td.total-payment{text-align:right;font-size:20px;line-height:24px;color:#666}#middle section.payment .payment-table tbody tr td.residual-payment{text-align:right;font-size:20px;line-height:24px;color:#787878}#middle section.payment .payment-table tbody tr td.residual-payment .bt-charge{margin-left:8px;font-size:20px;line-height:24px;color:#f86400;vertical-align:top;text-decoration:underline}#middle section.payment .payment-table tbody tr td.quantity{font-size:16px;line-height:24px;color:#666;text-align:left;border-bottom:2px solid #3c404a}#middle section.payment .payment-table tbody tr td.quantity .number{display:inline-block;width:80px}#middle section.payment .payment-table tbody tr td.quantity .number span{display:block;font-size:14px;line-height:22px;color:#444;text-align:center;border:1px solid #cecece;border-bottom:1px solid #cecece}#middle section.payment .payment-table tbody tr td.quantity:nth-child(2){text-align:right}#middle section.payment .payment-table tbody tr td.coupon-payment{text-align:right}#middle section.payment .payment-table tbody tr td.coupon-payment .bt-coupon{box-sizing:border-box;width:100%;height:50px;padding:8px 32px 8px 8px;font-size:14px;line-height:14px;color:#787878;text-align:left;border:1px solid #cecece;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_coupon.png") right top no-repeat}#middle section.payment .payment-table tbody tr td.coupon-payment .bt-coupon.active{border:1px solid #626262;background-position:right -48px}#middle section.payment .payment-table tbody tr td.coupon-payment .bt-coupon strong{width:100%;padding:0 0 2px 0;font-size:16px;line-height:16px;color:#787878}#middle section.payment .payment-table tbody tr td.coupon-payment.impossible .bt-coupon{color:#cc3030}#middle section.payment .payment-table tbody tr td.coupon-payment .coupon-list{overflow:hidden;display:none;overflow-y:auto;width:100%;max-height:200px;background-color:#fff}#middle section.payment .payment-table tbody tr td.coupon-payment .coupon-list li button{box-sizing:border-box;width:100%;height:50px;padding:8px;font-size:14px;line-height:14px;color:#787878;text-align:left;border:1px solid #cecece;border-top:none}#middle section.payment .payment-table tbody tr td.coupon-payment .coupon-list li button strong{width:100%;padding:0 0 2px 0;font-size:16px;line-height:16px;color:#787878}#middle section.payment .payment-table tbody tr td.coupon-payment .bt-my-coupon{box-sizing:border-box;width:100%;height:52px;margin-top:8px;padding:8px;font-size:16px;line-height:32px;color:#000;text-align:center;background-color:#a2dcfe}#middle section.payment .payment-table tbody tr td.coupon-payment .bt-my-coupon:after{content:"";display:inline-block;width:4px;height:8px;margin-left:8px;vertical-align:1px;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_arrow.png") left top no-repeat}.layer-popup.membership-last-reward .content .middle .reward-list,#middle section.mypage .inner .membership-reward .reward-list{border:1px solid #787878}.layer-popup.membership-last-reward .content .middle .reward-list li,#middle section.mypage .inner .membership-reward .reward-list li{border-bottom:1px solid #787878}.layer-popup.membership-last-reward .content .middle .reward-list li:last-child,#middle section.mypage .inner .membership-reward .reward-list li:last-child{border-bottom:none}.layer-popup.membership-last-reward .content .middle .reward-list li .grade,#middle section.mypage .inner .membership-reward .reward-list li .grade{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:center;justify-content:center;box-sizing:border-box;flex-basis:100px;width:100px;min-width:100px;height:128px;background-color:#fff}.layer-popup.membership-last-reward .content .middle .reward-list li .grade p,#middle section.mypage .inner .membership-reward .reward-list li .grade p{width:68px;font-size:12px;line-height:14px;color:#282e36}.layer-popup.membership-last-reward .content .middle .reward-list li .grade p:nth-child(1),#middle section.mypage .inner .membership-reward .reward-list li .grade p:nth-child(1){margin:0 0 6px 0;font-weight:bold;font-size:16px;line-height:16px;color:#000}.layer-popup.membership-last-reward .content .middle .reward-list li .grade p:nth-child(1).new,#middle section.mypage .inner .membership-reward .reward-list li .grade p:nth-child(1).new{color:#5ca696}.layer-popup.membership-last-reward .content .middle .reward-list li .grade p:nth-child(1).bronze,#middle section.mypage .inner .membership-reward .reward-list li .grade p:nth-child(1).bronze{color:#a46a2a}.layer-popup.membership-last-reward .content .middle .reward-list li .grade p:nth-child(1).silver,#middle section.mypage .inner .membership-reward .reward-list li .grade p:nth-child(1).silver{color:#88949a}.layer-popup.membership-last-reward .content .middle .reward-list li .grade p:nth-child(1).gold,#middle section.mypage .inner .membership-reward .reward-list li .grade p:nth-child(1).gold{color:#d6aa4e}.layer-popup.membership-last-reward .content .middle .reward-list li .grade p:nth-child(1).platinum,#middle section.mypage .inner .membership-reward .reward-list li .grade p:nth-child(1).platinum{color:#a86ec8}.layer-popup.membership-last-reward .content .middle .reward-list li .grade p:nth-child(1).dia,#middle section.mypage .inner .membership-reward .reward-list li .grade p:nth-child(1).dia{color:#24a0ea}.layer-popup.membership-last-reward .content .middle .reward-list li .grade p:nth-child(1).vip,#middle section.mypage .inner .membership-reward .reward-list li .grade p:nth-child(1).vip{color:#e6642c}.layer-popup.membership-last-reward .content .middle .reward-list li .grade p:nth-child(1).vvip,#middle section.mypage .inner .membership-reward .reward-list li .grade p:nth-child(1).vvip{color:#e4304a}.layer-popup.membership-last-reward .content .middle .reward-list li .grade:after,#middle section.mypage .inner .membership-reward .reward-list li .grade:after{content:"";z-index:4;position:absolute;right:-16px;top:50%;display:block;width:0;height:0;margin-top:-8px;border:8px solid #fff;border-top-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}.layer-popup.membership-last-reward .content .middle .reward-list li .item,#middle section.mypage .inner .membership-reward .reward-list li .item{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:center;justify-content:center;box-sizing:border-box;flex-grow:1;height:128px;font-size:0;line-height:0;text-align:center;background-color:#d6d6d6}.layer-popup.membership-last-reward .content .middle .reward-list li .item .icon,#middle section.mypage .inner .membership-reward .reward-list li .item .icon{display:inline-block;margin:0 2px;line-height:0;background-color:#e6e6e6}.layer-popup.membership-last-reward .content .middle .reward-list li .item .icon img,#middle section.mypage .inner .membership-reward .reward-list li .item .icon img{width:64px;height:64px}.layer-popup.membership-last-reward .content .middle .reward-list li .item p,#middle section.mypage .inner .membership-reward .reward-list li .item p{box-sizing:border-box;width:100%;font-size:12px;line-height:14px;color:#282e36}.layer-popup.membership-last-reward .content .middle .reward-list li .item p strong,#middle section.mypage .inner .membership-reward .reward-list li .item p strong{font-weight:bold;font-size:12px;line-height:14px;color:#282e36}.layer-popup.membership-last-reward .content .middle .reward-list li .item p.text,#middle section.mypage .inner .membership-reward .reward-list li .item p.text{position:relative;display:inline-block;width:80%;margin:12px 10% 0 10% !important;padding:8px 16px;font-weight:bold;font-size:14px;line-height:14px;color:#9a9a9a;background-color:#6c6c76}.layer-popup.membership-last-reward .content .middle .reward-list li .item.none p,#middle section.mypage .inner .membership-reward .reward-list li .item.none p{height:auto;margin-top:0;font-size:20px;line-height:20px;color:#282e36}.layer-popup.membership-last-reward .content .middle .reward-list li button,#middle section.mypage .inner .membership-reward .reward-list li button{position:relative;overflow:hidden;display:flex;width:100%;text-align:center;cursor:default}.layer-popup.membership-last-reward .content .middle .reward-list li button.active,#middle section.mypage .inner .membership-reward .reward-list li button.active{cursor:pointer}.layer-popup.membership-last-reward .content .middle .reward-list li button.active .text,#middle section.mypage .inner .membership-reward .reward-list li button.active .text{font-size:14px;line-height:14px;color:#20242a;background-color:#07f468}.layer-popup.membership-last-reward .content .middle .reward-list li button.now:before,#middle section.mypage .inner .membership-reward .reward-list li button.now:before{content:"현재등급";z-index:4;position:absolute;left:2px;top:2px;display:block;width:24px;font-size:12px;line-height:14px;color:#fff}.layer-popup.membership-last-reward .content .middle .reward-list li button.now:after,#middle section.mypage .inner .membership-reward .reward-list li button.now:after{content:"";z-index:2;position:absolute;left:-74px;top:-74px;transform:rotate(-45deg);display:block;width:120px;height:120px;background-color:#6294e4}.layer-popup.membership-last-reward .content .middle .reward-list li button.now .grade,#middle section.mypage .inner .membership-reward .reward-list li button.now .grade{border:4px solid #6294e4;border-right:none;background-color:#a2bce4}.layer-popup.membership-last-reward .content .middle .reward-list li button.now .grade p:nth-child(1),#middle section.mypage .inner .membership-reward .reward-list li button.now .grade p:nth-child(1){font-size:16px;line-height:16px;color:#fff}.layer-popup.membership-last-reward .content .middle .reward-list li button.now .grade:after,#middle section.mypage .inner .membership-reward .reward-list li button.now .grade:after{border:8px solid #a2bce4;border-top-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}.layer-popup.membership-last-reward .content .middle .reward-list li button.now .item,#middle section.mypage .inner .membership-reward .reward-list li button.now .item{border:4px solid #6294e4;border-left:none;background-color:#8ca8d4}.layer-popup.membership-last-reward .content .middle .reward-list li button.now .item.none p,#middle section.mypage .inner .membership-reward .reward-list li button.now .item.none p{font-size:20px;line-height:138px;color:#282e36}.layer-popup.membership-last-reward .content .middle .reward-list li button.complete .text:after,#middle section.mypage .inner .membership-reward .reward-list li button.complete .text:after{content:"지급 완료";z-index:4;position:absolute;left:0;top:0;box-sizing:border-box;width:100%;padding:8px 16px;font-weight:bold;font-size:14px;line-height:14px;color:#7e96bc;text-align:center;background-color:#4668a0}#middle section.mypage .inner .membership-product,#middle section.list-product .product,#middle section.list-product .chain-goods .list .product{box-sizing:border-box;width:100%;padding-left:16px}#middle section.mypage .inner .membership-product>li,#middle section.list-product .product>li,#middle section.list-product .chain-goods .list .product>li{box-sizing:border-box;width:100%;padding:0 16px 16px 0}#middle section.mypage .inner .membership-product>li>.wrap,#middle section.list-product .product>li>.wrap,#middle section.list-product .chain-goods .list .product>li>.wrap{position:relative;width:100%;height:400px;background-color:#fff}#middle section.mypage .inner .membership-product>li>.wrap>a,#middle section.list-product .product>li>.wrap>a,#middle section.list-product .chain-goods .list .product>li>.wrap>a{position:relative;display:block;height:336px}#middle section.mypage .inner .membership-product>li.motion .wrap:before,#middle section.list-product .product>li.motion .wrap:before,#middle section.list-product .chain-goods .list .product>li.motion .wrap:before{content:"";z-index:1;position:absolute;left:0;top:0;opacity:.6;display:block;width:100%;height:400px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/back_motion.gif") left top no-repeat;background-size:100% 400px}#middle section.mypage .inner .membership-product>li .like,#middle section.list-product .product>li .like,#middle section.list-product .chain-goods .list .product>li .like{z-index:8;position:absolute;left:8px;top:8px;padding-left:20px;font-size:14px;line-height:14px;color:#c84a4c;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico_like.png") left top no-repeat;background-size:16px 14px}#middle section.mypage .inner .membership-product>li .selection,#middle section.list-product .product>li .selection,#middle section.list-product .chain-goods .list .product>li .selection{z-index:2;position:absolute;right:0;top:0;width:50px;height:80px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/ico_selection.png") 0 0 no-repeat;background-size:750px 80px}#middle section.mypage .inner .membership-product>li .selection.best_1,#middle section.list-product .product>li .selection.best_1,#middle section.list-product .chain-goods .list .product>li .selection.best_1{background-position:-3px 0}#middle section.mypage .inner .membership-product>li .selection.best_2,#middle section.list-product .product>li .selection.best_2,#middle section.list-product .chain-goods .list .product>li .selection.best_2{background-position:-72px 0}#middle section.mypage .inner .membership-product>li .selection.best_3,#middle section.list-product .product>li .selection.best_3,#middle section.list-product .chain-goods .list .product>li .selection.best_3{background-position:-137px 0}#middle section.mypage .inner .membership-product>li .selection.best_4,#middle section.list-product .product>li .selection.best_4,#middle section.list-product .chain-goods .list .product>li .selection.best_4{background-position:-205px 0}#middle section.mypage .inner .membership-product>li .selection.best_5,#middle section.list-product .product>li .selection.best_5,#middle section.list-product .chain-goods .list .product>li .selection.best_5{background-position:-269px 0}#middle section.mypage .inner .membership-product>li .selection.best_6,#middle section.list-product .product>li .selection.best_6,#middle section.list-product .chain-goods .list .product>li .selection.best_6{background-position:-327px 0}#middle section.mypage .inner .membership-product>li .selection.best_7,#middle section.list-product .product>li .selection.best_7,#middle section.list-product .chain-goods .list .product>li .selection.best_7{background-position:-388px 0}#middle section.mypage .inner .membership-product>li .selection.best_8,#middle section.list-product .product>li .selection.best_8,#middle section.list-product .chain-goods .list .product>li .selection.best_8{background-position:-446px 0}#middle section.mypage .inner .membership-product>li .selection.best_9,#middle section.list-product .product>li .selection.best_9,#middle section.list-product .chain-goods .list .product>li .selection.best_9{background-position:-505px 0}#middle section.mypage .inner .membership-product>li .selection.best_10,#middle section.list-product .product>li .selection.best_10,#middle section.list-product .chain-goods .list .product>li .selection.best_10{background-position:-564px 0}#middle section.mypage .inner .membership-product>li .selection.best_11,#middle section.list-product .product>li .selection.best_11,#middle section.list-product .chain-goods .list .product>li .selection.best_11{background-position:-630px 0}#middle section.mypage .inner .membership-product>li .selection.mdpick,#middle section.list-product .product>li .selection.mdpick,#middle section.list-product .chain-goods .list .product>li .selection.mdpick{background-position:-700px 0}#middle section.mypage .inner .membership-product>li .thumb,#middle section.list-product .product>li .thumb,#middle section.list-product .chain-goods .list .product>li .thumb{z-index:2;position:absolute;left:0;top:32px;box-sizing:border-box;width:100%;line-height:0;text-align:center}#middle section.mypage .inner .membership-product>li .thumb img,#middle section.list-product .product>li .thumb img,#middle section.list-product .chain-goods .list .product>li .thumb img{width:120px}#middle section.mypage .inner .membership-product>li .tag,#middle section.list-product .product>li .tag,#middle section.list-product .chain-goods .list .product>li .tag{z-index:2;position:absolute;left:0;top:232px;box-sizing:border-box;width:100%;padding:0 16px;font-size:0;line-height:0;text-align:center}#middle section.mypage .inner .membership-product>li .tag .membership,#middle section.list-product .product>li .tag .membership,#middle section.list-product .chain-goods .list .product>li .tag .membership{display:inline-block;width:22px;height:22px;margin:0 2px;vertical-align:top}#middle section.mypage .inner .membership-product>li .tag .membership.new,#middle section.list-product .product>li .tag .membership.new{background-size:22px 22px}#middle section.mypage .inner .membership-product>li .tag .membership.bronze,#middle section.list-product .product>li .tag .membership.bronze{background-size:22px 22px}#middle section.mypage .inner .membership-product>li .tag .membership.silver,#middle section.list-product .product>li .tag .membership.silver{background-size:22px 22px}#middle section.mypage .inner .membership-product>li .tag .membership.gold,#middle section.list-product .product>li .tag .membership.gold{background-size:22px 22px}#middle section.mypage .inner .membership-product>li .tag .membership.platinum,#middle section.list-product .product>li .tag .membership.platinum{background-size:22px 22px}#middle section.mypage .inner .membership-product>li .tag .membership.dia,#middle section.list-product .product>li .tag .membership.dia{background-size:22px 22px}#middle section.mypage .inner .membership-product>li .tag .membership.vip,#middle section.list-product .product>li .tag .membership.vip{background-size:22px 22px}#middle section.mypage .inner .membership-product>li .tag .state,#middle section.list-product .product>li .tag .state,#middle section.list-product .chain-goods .list .product>li .tag .state{display:inline-block;margin:2px;padding:4px 12px;font-size:12px;line-height:12px;color:#fff;vertical-align:top;border-radius:4px}#middle section.mypage .inner .membership-product>li .tag .state.sale,#middle section.list-product .product>li .tag .state.sale{background-color:#1864b4}#middle section.mypage .inner .membership-product>li .tag .state.new,#middle section.list-product .product>li .tag .state.new{background-color:#159c7e}#middle section.mypage .inner .membership-product>li .tag .state.remain,#middle section.list-product .product>li .tag .state.remain{background-color:#c94b4d}#middle section.mypage .inner .membership-product>li .tag .state.chain,#middle section.list-product .product>li .tag .state.chain{background-color:#e917a6}#middle section.mypage .inner .membership-product>li .tag .state.limit,#middle section.list-product .product>li .tag .state.limit{color:#fff;background-color:#4f0da1}#middle section.mypage .inner .membership-product>li .tag .state.limit strong,#middle section.list-product .product>li .tag .state.limit strong{font-size:12px;line-height:12px;color:#f6ff00;vertical-align:top}#middle section.mypage .inner .membership-product>li .text,#middle section.list-product .product>li .text,#middle section.list-product .chain-goods .list .product>li .text{z-index:2;position:absolute;left:0;top:260px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;max-height:40px;padding:0 16px;font-size:16px;line-height:20px;color:#000;text-align:center}#middle section.mypage .inner .membership-product>li .date,#middle section.list-product .product>li .date,#middle section.list-product .chain-goods .list .product>li .date{z-index:2;position:absolute;left:0;top:306px;box-sizing:border-box;width:100%;padding:0 16px;font-size:14px;line-height:14px;color:#666;text-align:center}#middle section.mypage .inner .membership-product>li .date.limit,#middle section.list-product .product>li .date.limit,#middle section.list-product .chain-goods .list .product>li .date.limit{font-size:14px;line-height:14px;color:#c6282c}#middle section.mypage .inner .membership-product>li .date.limit strong,#middle section.list-product .product>li .date.limit strong,#middle section.list-product .chain-goods .list .product>li .date.limit strong{font-weight:bold;font-size:14px;line-height:14px;color:#c6282c}#middle section.mypage .inner .membership-product>li .price,#middle section.list-product .product>li .price,#middle section.list-product .chain-goods .list .product>li .price{z-index:8;position:absolute;left:0;bottom:0;box-sizing:border-box;width:100%;height:64px;padding:0 40px 0 8px;font-size:0;line-height:0;text-align:center}#middle section.mypage .inner .membership-product>li .price.fc,#middle section.list-product .product>li .price.fc,#middle section.list-product .chain-goods .list .product>li .price.fc{background-color:#9edca8}#middle section.mypage .inner .membership-product>li .price.mc,#middle section.list-product .product>li .price.mc,#middle section.list-product .chain-goods .list .product>li .price.mc{background-color:#8cc8dc}#middle section.mypage .inner .membership-product>li .price.fc.mc,#middle section.list-product .product>li .price.fc.mc{background-color:#9edca8 !important}#middle section.mypage .inner .membership-product>li .price.mp,#middle section.list-product .product>li .price.mp,#middle section.list-product .chain-goods .list .product>li .price.mp{background-color:#f0c098}#middle section.mypage .inner .membership-product>li .price.cash,#middle section.list-product .product>li .price.cash,#middle section.list-product .chain-goods .list .product>li .price.cash{background-color:#f4b6b6}#middle section.mypage .inner .membership-product>li .price.ec,#middle section.list-product .product>li .price.ec,#middle section.list-product .chain-goods .list .product>li .price.ec{background-color:#9ac6c6}#middle section.mypage .inner .membership-product>li .price:before,#middle section.list-product .product>li .price:before,#middle section.list-product .chain-goods .list .product>li .price:before{content:"";display:inline-block;width:20px;height:20px;margin:22px 4px 22px 0;vertical-align:top;background-size:20px 20px !important}#middle section.mypage .inner .membership-product>li .price.fc.mc:before,#middle section.list-product .product>li .price.fc.mc:before{width:36px;background-size:36px 20px !important}#middle section.mypage .inner .membership-product>li .price strong,#middle section.list-product .product>li .price strong,#middle section.list-product .chain-goods .list .product>li .price strong{padding:24px 0 22px 0;font-size:18px;line-height:18px;color:#222}#middle section.mypage .inner .membership-product>li .price strong .sale,#middle section.list-product .product>li .price strong .sale,#middle section.list-product .chain-goods .list .product>li .price strong .sale{display:inline-block;margin-right:4px;font-size:16px;line-height:18px;color:#646464;text-decoration:line-through;vertical-align:top}#middle section.mypage .inner .membership-product>li .price strong .sale:after,#middle section.list-product .product>li .price strong .sale:after,#middle section.list-product .chain-goods .list .product>li .price strong .sale:after{content:"";display:inline-block;width:14px;height:18px;margin-left:4px;vertical-align:top;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_sale.png") left 4px no-repeat}#middle section.mypage .inner .membership-product>li .price .bt-like,#middle section.list-product .product>li .price .bt-like,#middle section.list-product .chain-goods .list .product>li .price .bt-like{z-index:4;position:absolute;right:8px;top:16px;width:32px;height:32px;background:url("//ssl.nexon.com/s2/game/fo4/shop/btn_like.png") 0 0 no-repeat;background-size:64px 32px}#middle section.mypage .inner .membership-product>li .price .bt-like.active,#middle section.list-product .product>li .price .bt-like.active{background-position:-32px 0}#middle section.mypage .inner .membership-product>li.none,#middle section.list-product .product>li.none,#middle section.list-product .chain-goods .list .product>li.none{width:100% !important}#middle section.mypage .inner .membership-product>li.none p,#middle section.list-product .product>li.none p,#middle section.list-product .chain-goods .list .product>li.none p{font-size:20px;line-height:200px;color:#000;text-align:center}#middle section.mypage .inner .membership-product>li.fc-purchase .wrap,#middle section.list-product .product>li.fc-purchase .wrap,#middle section.list-product .chain-goods .list .product>li.fc-purchase .wrap{background-color:#d6d6d6}#middle section.mypage .inner .membership-product>li.fc-purchase .wrap .text,#middle section.list-product .product>li.fc-purchase .wrap .text{top:232px}#middle section.mypage .inner .membership-product>li.fc-purchase .wrap .price,#middle section.list-product .product>li.fc-purchase .wrap .price{padding:0 8px}#middle section.mypage .inner .membership-product>li.fc-purchase .wrap .bt-buy,#middle section.list-product .product>li.fc-purchase .wrap .bt-buy{z-index:8;position:absolute;left:0;top:274px;width:100%;height:62px;font-size:18px;line-height:62px;color:#fff;text-align:center;background-color:#2a385a}#middle section.mypage .inner .membership-product>li.fc-purchase .wrap .bt-buy:after,#middle section.list-product .product>li.fc-purchase .wrap .bt-buy:after{content:"";display:inline-block;width:6px;height:10px;margin:26px 0 26px 16px;vertical-align:top;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_over.png") left top no-repeat}#middle section.mypage .inner .membership-product>li.off_01 .thumb::after,#middle section.list-product .product>li.off_01 .thumb::after,#middle section.list-product .chain-goods .list .product>li.off_01 .thumb::after{content:"구매 횟수 제한";z-index:12;position:absolute;left:50%;top:50%;box-sizing:border-box;display:block;width:176px;height:36px;margin-left:-88px;margin-top:-18px;padding-left:22px;font-size:16px;line-height:34px;color:#fff;text-align:center;border:1px solid rgba(60,88,116,.8);box-shadow:0 2px 4px rgba(0,0,0,.2);background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_product_off.png") 32px 8px no-repeat rgba(4,24,40,.8)}#middle section.mypage .inner .membership-product>li.off_01 .over .bt-buy,#middle section.list-product .product>li.off_01 .over .bt-buy{color:#9e9e9e;background-color:#c8c8c8}#middle section.mypage .inner .membership-product>li.off_01 .over .bt-buy::after,#middle section.list-product .product>li.off_01 .over .bt-buy::after{display:none}#middle section.mypage .inner .membership-product>li.off_01 .over .bt-buy strong,#middle section.list-product .product>li.off_01 .over .bt-buy strong{color:#9e9e9e}#middle section.mypage .inner .membership-product>li.off_01 .over .bt-buy span,#middle section.list-product .product>li.off_01 .over .bt-buy span{color:#9e9e9e}#middle section.mypage .inner .membership-product>li.off_02 .thumb::after,#middle section.list-product .product>li.off_02 .thumb::after,#middle section.list-product .chain-goods .list .product>li.off_02 .thumb::after{content:"멤버십 등급 미달";z-index:12;position:absolute;left:50%;top:50%;box-sizing:border-box;display:block;width:176px;height:36px;margin-left:-88px;margin-top:-18px;padding-left:22px;font-size:16px;line-height:34px;color:#fff;text-align:center;border:1px solid rgba(60,88,116,.8);box-shadow:0 2px 4px rgba(0,0,0,.2);background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_product_off.png") 26px 8px no-repeat rgba(4,24,40,.8)}#middle section.mypage .inner .membership-product>li.off_02 .over .bt-buy,#middle section.list-product .product>li.off_02 .over .bt-buy{color:#9e9e9e;background-color:#c8c8c8}#middle section.mypage .inner .membership-product>li.off_02 .over .bt-buy::after,#middle section.list-product .product>li.off_02 .over .bt-buy::after{display:none}#middle section.mypage .inner .membership-product>li.off_02 .over .bt-buy strong,#middle section.list-product .product>li.off_02 .over .bt-buy strong{color:#9e9e9e}#middle section.mypage .inner .membership-product>li.off_02 .over .bt-buy span,#middle section.list-product .product>li.off_02 .over .bt-buy span{color:#9e9e9e}#middle section.mypage .inner .membership-product>li.limit .thumb::before,#middle section.list-product .product>li.limit .thumb::before,#middle section.list-product .chain-goods .list .product>li.limit .thumb::before{content:"구매 횟수 제한";z-index:12;position:absolute;left:50%;top:50%;box-sizing:border-box;display:block;width:176px;height:36px;margin-left:-88px;margin-top:-38px;padding-left:22px;font-size:16px;line-height:34px;color:#fff;text-align:center;border:1px solid rgba(60,88,116,.8);box-shadow:0 2px 4px rgba(0,0,0,.2);background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_product_off.png") 32px 8px no-repeat rgba(4,24,40,.8)}#middle section.mypage .inner .membership-product>li.limit .thumb::after,#middle section.list-product .product>li.limit .thumb::after,#middle section.list-product .chain-goods .list .product>li.limit .thumb::after{content:"멤버십 등급 미달";z-index:12;position:absolute;left:50%;top:50%;box-sizing:border-box;display:block;width:176px;height:36px;margin-left:-88px;margin-top:0;padding-left:22px;font-size:16px;line-height:34px;color:#fff;text-align:center;border:1px solid rgba(60,88,116,.8);box-shadow:0 2px 4px rgba(0,0,0,.2);background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_product_off.png") 26px 8px no-repeat rgba(4,24,40,.8)}#middle section.mypage .inner .detail.membership-product,#middle section.list-product .detail.product,#middle section.list-product .chain-goods .list .detail.product{padding:16px 16px 0 16px}#middle section.mypage .inner .detail.membership-product>li,#middle section.list-product .detail.product>li,#middle section.list-product .chain-goods .list .detail.product>li{position:relative;float:none !important;width:100% !important;min-height:132px;margin-bottom:16px;padding:16px;background-color:#d6d6d6}#middle section.mypage .inner .detail.membership-product>li .thumb,#middle section.list-product .detail.product>li .thumb,#middle section.list-product .chain-goods .list .detail.product>li .thumb{z-index:4;position:absolute;left:16px;top:16px;width:auto}#middle section.mypage .inner .detail.membership-product>li .thumb img,#middle section.list-product .detail.product>li .thumb img,#middle section.list-product .chain-goods .list .detail.product>li .thumb img{width:auto;height:96px}#middle section.mypage .inner .detail.membership-product>li .plus,#middle section.list-product .detail.product>li .plus,#middle section.list-product .chain-goods .list .detail.product>li .plus{z-index:4;position:absolute;left:8px;top:8px;border:1px solid #bebebe;width:40px;font-size:16px;line-height:24px;color:#1a2026;letter-spacing:-2px;text-align:center;background-color:#fff}#middle section.mypage .inner .detail.membership-product>li .plus strong,#middle section.list-product .detail.product>li .plus strong,#middle section.list-product .chain-goods .list .detail.product>li .plus strong{font-weight:bold;font-size:16px;line-height:24px;color:#1a2026;letter-spacing:-2px}#middle section.mypage .inner .detail.membership-product>li .text,#middle section.list-product .detail.product>li .text,#middle section.list-product .chain-goods .list .detail.product>li .text{position:static;left:auto;top:auto;display:block;height:auto;max-height:none;padding:0 0 0 76px;font-size:14px;line-height:18px;color:#666;-webkit-line-clamp:inherit;text-align:left}#middle section.mypage .inner .detail.membership-product>li .text strong,#middle section.list-product .detail.product>li .text strong,#middle section.list-product .chain-goods .list .detail.product>li .text strong{display:block;padding-bottom:8px;font-size:16px;line-height:20px;color:#1a2026}#middle section.mypage .inner .detail.membership-product>li .bt-detail,#middle section.list-product .detail.product>li .bt-detail,#middle section.list-product .chain-goods .list .detail.product>li .bt-detail{width:128px;margin-top:8px;font-size:16px;line-height:40px;color:#20242a;border:1px solid #404040}#middle section.mypage .inner .detail.membership-product>li .detail,#middle section.list-product .detail.product>li .detail,#middle section.list-product .chain-goods .list .detail.product>li .detail{z-index:8;position:absolute;left:0;top:0;box-sizing:border-box;display:none;overflow:hidden;width:100%;height:100%;padding:16px;background-color:#fff}#middle section.mypage .inner .detail.membership-product>li .detail.hidden,#middle section.list-product .detail.product>li .detail.hidden{display:block;opacity:0}#middle section.mypage .inner .detail.membership-product>li .detail.active,#middle section.list-product .detail.product>li .detail.active{display:block}#middle section.mypage .inner .detail.membership-product>li .detail .bt-close,#middle section.list-product .detail.product>li .detail .bt-close{position:absolute;right:16px;top:16px;display:block;width:32px;height:32px;text-indent:-9999px;background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/bt_hash_delete.png") 8px 8px no-repeat #fff;background-size:16px 16px}#middle section.mypage .inner .detail.membership-product>li .detail dl dt,#middle section.list-product .detail.product>li .detail dl dt,#middle section.list-product .chain-goods .list .detail.product>li .detail dl dt{position:relative;padding-right:42px;font-size:16px;line-height:16px;color:#1a2026}#middle section.mypage .inner .detail.membership-product>li .detail dl dt strong,#middle section.list-product .detail.product>li .detail dl dt strong,#middle section.list-product .chain-goods .list .detail.product>li .detail dl dt strong{display:block;padding:8px 0;font-size:14px;line-height:18px;color:#1a2026}#middle section.mypage .inner .detail.membership-product>li .detail dl dd,#middle section.list-product .detail.product>li .detail dl dd,#middle section.list-product .chain-goods .list .detail.product>li .detail dl dd{padding-bottom:4px;font-size:14px;line-height:14px;color:#666}#middle section.mypage .inner .detail.membership-product>li .detail dl dd:last-child,#middle section.list-product .detail.product>li .detail dl dd:last-child{padding-bottom:0}#middle section.mypage .inner .detail.membership-product>li .detail .scrollbar,#middle section.list-product .detail.product>li .detail .scrollbar{position:absolute;right:4px;top:0;box-sizing:border-box;width:8px;height:100%;padding:16px 0}#middle section.mypage .inner .detail.membership-product>li .detail .scrollbar .handle .mousearea,#middle section.list-product .detail.product>li .detail .scrollbar .handle .mousearea{height:100%;width:8px;background-color:#d6d6d6}#middle section.mypage .inner .detail.membership-product>li:last-child,#middle section.list-product .detail.product>li:last-child,#middle section.list-product .chain-goods .list .detail.product>li:last-child{margin-bottom:0}#middle section.list-product .chain-goods{box-sizing:border-box;width:100%;padding:0 0 16px 16px}#middle section.list-product .chain-goods .advice{position:relative;margin-right:16px;border-top:1px solid #868686;border-bottom:1px solid #868686;background-color:#f2f2f2}#middle section.list-product .chain-goods .advice .step{position:relative;font-size:16px;line-height:32px;color:#fff;text-align:center;background-color:#868686}#middle section.list-product .chain-goods .advice .text{box-sizing:border-box;padding:8px;font-size:0;line-height:0}#middle section.list-product .chain-goods .advice .text span{font-weight:500;font-size:16px;line-height:20px;color:#3c4046;vertical-align:top}#middle section.list-product .chain-goods .advice .text .state{display:inline-block;margin:0 8px 0 0;padding:4px 12px;font-weight:normal;font-size:12px;line-height:12px;color:#fff;border-radius:4px}#middle section.list-product .chain-goods .advice .text .state.sale{background-color:#1864b4}#middle section.list-product .chain-goods .advice .text .state.new{background-color:#149c7e}#middle section.list-product .chain-goods .advice .text .state.remain{background-color:#c84a4c}#middle section.list-product .chain-goods .advice .text .state.chain{background-color:#ea18a6}#middle section.list-product .chain-goods .advice .text strong{display:block;padding-top:8px;font-size:14px;line-height:14px;color:#1864b4}#middle section.list-product .chain-goods .advice .impossible{padding:0 8px 8px 8px}#middle section.list-product .chain-goods .advice .impossible strong{display:inline-block;margin:0 4px 0 0;padding:10px 8px 10px 8px;font-size:12px;line-height:12px;color:#b41818;border:1px solid gray;border-radius:2px;background-color:#fff}#middle section.list-product .chain-goods .list{position:relative;height:400px;padding-right:16px}#middle section.list-product .chain-goods .list .product{overflow:hidden;width:auto;padding-left:0;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8}#middle section.list-product .chain-goods .list .product>li{position:relative;float:left;padding:0}#middle section.list-product .chain-goods .list .product>li:before{content:"";z-index:10;position:absolute;left:0;top:0;display:block;width:1px;height:400px;background:url("//ssl.nexon.com/s2/game/fo4/shop/bg_chaingoods_box.png") left top no-repeat}#middle section.list-product .chain-goods .list .product>li:nth-child(5n+1):before{display:none}#middle section.list-product .chain-goods .list .product>li:after{content:"";z-index:4;position:absolute;right:-30px;top:172px;display:block;width:50px;height:56px;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_chaingoods_arrow.png") 0 0 no-repeat;background-size:100px 56px}#middle section.list-product .chain-goods .list .product>li.last:after{display:none}#middle section.list-product .chain-goods .list .product>li.current{background-color:#fff}#middle section.list-product .chain-goods .list .product>li .step{z-index:8;position:absolute;right:8px;top:8px;width:96px;padding:6px 0;font-size:16px;line-height:20px;color:#000;text-align:center;border:2px solid #dadada;border-radius:32px}#middle section.list-product .chain-goods .list .product>li .step:after{content:"";display:none;width:20px;height:20px;margin-left:6px;vertical-align:top;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_chaingoods_step.png") 0 0 no-repeat;background-size:40px 20px}#middle section.list-product .chain-goods .list .product>li.complete .step:after{background-position:-20px 0}#middle section.list-product .chain-goods .list .product>li .thumb{top:64px}#middle section.list-product .chain-goods .list .product>li .thumb img{width:100px}#middle section.list-product .chain-goods .list .product>li .detail .information{margin:16px 16px 32px 16px}#middle section.list-product .chain-goods .list .product>li.lock .step:after{display:inline-block;background-position:0 0}#middle section.list-product .chain-goods .list .product>li.complete:after{background-position:-50px 0}#middle section.list-product .chain-goods .list .product>li.complete .step:after{display:inline-block;background-position:-20px 0}html,body{overflow:visible;max-width:none;min-width:320px}::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder{font-size:16px;line-height:16px;color:#787878}#wrapper{position:relative;overflow:hidden;min-width:320px;margin:0 auto;padding-top:48px;box-shadow:0 0 32px rgba(0,0,0,.4)}#loader{z-index:1024;position:fixed;left:0;top:0;width:100%;height:100%}#header{z-index:512;position:fixed;left:0;top:0;width:100%;min-width:320px;box-shadow:0 0 32px rgba(0,0,0,.8);background-color:#30312f}#header.payment{box-shadow:none}#header .inner{position:relative;min-height:48px}#header .inner .fo4{position:absolute;left:0;top:0}#header .inner .fo4 a{width:60px;height:48px;text-indent:-9999px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/logo.png") 19px center no-repeat;background-size:auto 18px}#header .inner .shop{position:absolute;left:60px;top:0}#header .inner .shop a{width:117px;height:48px;text-indent:-9999px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/logo.png") -43px center no-repeat;background-size:auto 18px}#header .inner .gnb{position:absolute;right:0;top:0}#header .inner .gnb button{float:left;position:relative;overflow:hidden;width:48px;height:48px}#header .inner .gnb button span{text-indent:-9999px}#header .inner .gnb .bt-user-information{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/bt_user_information.png") left top no-repeat;background-size:48px 48px}#header .inner .gnb .bt-user-cart{border-right:1px solid #2a2e32;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/bt_user_cart.png") left top no-repeat;background-size:48px 48px}#header .inner .gnb .bt-user-cart .alarm{position:absolute;left:4px;top:8px;display:inline-block;width:16px;height:16px;font-size:8px;line-height:16px;color:#fff;text-align:center;border-radius:16px;background-color:#cc3030}#header .inner .gnb .bt-user-goods{background-color:#3e3f3c}#header .inner .gnb .bt-user-goods span{position:absolute;left:0;top:0;width:24px;height:20px;padding:14px 12px;transition-timing-function:ease;transition-duration:.4s;transition-delay:0s;transform:rotate(0deg)}#header .inner .gnb .bt-user-goods span:before,#header .inner .gnb .bt-user-goods span:after{content:"";display:block;width:24px;height:4px}#header .inner .gnb .bt-user-goods span:before{border-top:4px solid #c6ccd0;border-bottom:4px solid #c6ccd0}#header .inner .gnb .bt-user-goods span:after{border-bottom:4px solid #c6ccd0}#header .inner .gnb .bt-user-goods.active span{transform:rotate(90deg)}#header .inner .gnb .bt-user-goods.active span:before{border-top:4px solid #07f468;border-bottom:4px solid #07f468}#header .inner .gnb .bt-user-goods.active span:after{border-bottom:4px solid #07f468}#header .inner .title{font-size:20px;line-height:48px;color:#fff;text-align:center}#header .inner .bt-back,#header .inner .bt-home{position:absolute;top:0;width:48px;height:48px;text-indent:-9999px}#header .inner .bt-back{left:0;background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/bt_back.png") left top no-repeat;background-size:48px 48px}#header .inner .bt-home{right:0;background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/bt_home.png") left top no-repeat;background-size:48px 48px}#header .inner .notice-banner{padding-top:48px}#header .inner .notice-banner p{box-sizing:border-box;width:100%;margin:0 auto;font-size:0;line-height:0;background-color:#c84a4e}#header .inner .notice-banner p.none{padding:16px}#header .inner .notice-banner p.none>span{display:block;max-height:36px;font-size:16px;line-height:18px;color:#bef00e;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#header .inner .notice-banner p a{display:block;padding:16px}#header .inner .notice-banner p a>span{display:block;max-height:36px;font-size:16px;line-height:18px;color:#bef00e;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#header .inner .notice-banner p a>strong{position:relative;display:block;width:68px;margin:8px auto 0 auto;font-size:12px;line-height:12px;color:#fff}#header .inner .notice-banner p a>strong:before{content:"";display:block;width:100%;height:1px;position:absolute;left:0;bottom:-4px;background-color:#fff}#header .inner .notice-banner p a>strong span{margin-left:4px;font-size:10px;line-height:12px;color:#fff;vertical-align:top}#aside{z-index:510;position:fixed;left:0;top:0;box-sizing:border-box;overflow:hidden;width:100%;min-width:320px;height:100%;padding-top:48px}#aside .inner{z-index:8;position:absolute;top:0;box-sizing:border-box;width:272px;height:100%;padding-top:48px;transition-timing-function:ease;transition-duration:.4s;transition-delay:0s;background-color:#30312f}#aside .inner .scroll-box{background-color:#1c1d1b}#aside .inner .scroll-box .nickname{width:240px;margin:0 auto;padding-top:16px;font-weight:100;font-size:20px;line-height:20px;color:#fff}#aside .inner .scroll-box .nickname strong{display:block;padding-bottom:4px;font-weight:100;font-size:14px;line-height:14px;color:#fff}#aside .inner .scroll-box .nickname a{font-weight:100;font-size:20px;line-height:20px;color:#fff}#aside .inner .scroll-box .nickname .coupon{position:absolute;top:10px;right:16px;width:100px;height:40px;border:5px solid #333;border-radius:10px;text-align:center;font-size:16px;font-weight:600;line-height:40px}#aside .inner .scroll-box .nickname .coupon strong{display:inline-block;font-weight:600;line-height:40px;font-size:16px;color:#ddd;margin-left:5px}#aside .inner .scroll-box .nickname .coupon.active{border:5px solid #07f468}#aside .inner .scroll-box .nickname .coupon.active strong{color:#07f468}#aside .inner .scroll-box .regular-sale{width:240px;margin:0 auto;padding:8px 0 16px 0;border-bottom:2px solid #44484e}#aside .inner .scroll-box .regular-sale .bt-topclass{width:156px;font-size:12px;line-height:32px;color:#141414;text-align:center;border-radius:2px;background-color:#d4dae4}#aside .inner .scroll-box .asset{box-sizing:border-box;width:240px;margin:0 auto}#aside .inner .scroll-box .asset li{position:relative;width:100%;padding:16px 0;border-bottom:2px solid #44484e}#aside .inner .scroll-box .asset li.fc *{color:#07f468}#aside .inner .scroll-box .asset li.mc *{color:#4eb2d8}#aside .inner .scroll-box .asset li.mp *{color:#fe9a46}#aside .inner .scroll-box .asset li.cash *{color:#fe5858}#aside .inner .scroll-box .asset li.ec *{color:#9ac6c6}#aside .inner .scroll-box .asset li h4{font-size:16px;line-height:16px;color:inherit}#aside .inner .scroll-box .asset li h4:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:top}#aside .inner .scroll-box .asset li p{margin-top:8px;font-size:16px;line-height:16px;color:inherit}#aside .inner .scroll-box .asset li.fc p{padding-right:78px}#aside .inner .scroll-box .asset li.fc a{position:absolute;right:0;top:16px;width:78px;font-size:12px;line-height:40px;color:#141414;text-align:center;border-radius:2px;background-color:#07f468}#aside .inner .scroll-box .asset li.cash p{padding-right:78px}#aside .inner .scroll-box .asset li.cash a{position:absolute;right:0;top:16px;width:78px;font-size:12px;line-height:40px;color:#141414;text-align:center;border-radius:2px;background-color:#da8686}#aside .inner .scroll-box .asset li:last-child{border-bottom:none}#aside .inner .scroll-box .link{padding:16px;background-color:#30312f}#aside .inner .scroll-box .link a{float:left;width:116px;margin:0 8px 8px 0;padding:16px 0;font-size:14px;line-height:14px;color:#21242a;text-align:center;border-radius:2px;background-color:#fff}#aside .inner .scroll-box .link a:nth-child(even){margin-right:0}#aside .inner .scroll-box .link a.bt-fo4-app{width:240px;margin:0}#aside .dimmed{z-index:4;left:0;top:0;opacity:0;display:block;width:100%;height:100%;transition-timing-function:ease;transition-duration:.4s;transition-delay:0s;background-color:rgba(0,0,0,.4)}#aside.hidden{left:100%;transition-timing-function:ease;transition-duration:0s;transition-delay:.4s}#aside.hidden .inner{right:-272px}#aside.hidden .dimmed{opacity:0}#aside.active{left:0;transition-timing-function:ease;transition-duration:0s;transition-delay:0s}#aside.active .inner{right:0}#aside.active .dimmed{opacity:1}#share{z-index:1024;position:fixed;left:0;top:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.8)}#share .inner{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);box-sizing:border-box;width:100%;min-width:320px;max-width:640px;padding:0 16px}#share .title{font-size:28px;line-height:64px;color:#fff;text-align:center;background-color:#3c4248}#share .bt-close{position:absolute;right:32px;top:16px;width:32px;height:32px;text-indent:-9999px;background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/bt_share_close.png") left top no-repeat;background-size:32px 32px}#share .button{padding:64px 16px;text-align:center;background-color:#fff}#share .button button{display:inline-block;margin:0 16px}#share .button button .icon{display:block;width:112px;height:112px}#share .button button .name{display:block;width:112px;padding-top:8px;font-size:16px;line-height:20px;color:#000}#share .button button.bt-kakaotalk .icon{background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/bt_kakaotalk.png") left top no-repeat;background-size:112px 112px}#share .button button.bt-facebook .icon{background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/bt_facebook.png") left top no-repeat;background-size:112px 112px}@media screen and (max-width: 374px){#share .button button{margin:0 8px}#share .button button .icon{width:96px;height:96px}#share .button button .name{width:96px}#share .button button.bt-kakaotalk .icon{background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/bt_kakaotalk.png") left top no-repeat;background-size:96px 96px}#share .button button.bt-facebook .icon{background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/bt_facebook.png") left top no-repeat;background-size:96px 96px}}#navigation .inner>ul{overflow:hidden;display:flex;flex-wrap:wrap;width:100%;background-color:#171719}#navigation .inner>ul li{flex-basis:35%;box-shadow:0 2px 0 rgba(0,0,0,.2)}#navigation .inner>ul li a{position:relative;display:block;padding:16px 0;font-size:16px;line-height:16px;color:#fff;letter-spacing:-1px;text-align:center}#navigation .inner>ul li a:after{content:"";position:absolute;right:-1px;top:16px;display:block;width:2px;height:16px;background-color:#686c72}#navigation .inner>ul li:nth-child(2){flex-basis:30%}#navigation .inner>ul li:last-child a:after{display:none}#navigation .inner>ul li.active a{color:#07f468}#navigation .inner>ul.menu-04 li,#navigation .inner>ul.menu-05 li,#navigation .inner>ul.menu-06 li,#navigation .inner>ul.menu-07 li,#navigation .inner>ul.menu-08 li{flex-basis:50%}#navigation .inner>.select{box-sizing:border-box;margin:8px}#navigation .inner>.select .button{text-align:left !important}#navigation .inner>.select .item{top:38px;padding:0}#middle section.birthday-banner{margin:16px;line-height:0}#middle section.birthday-banner .inner{box-sizing:border-box;width:100%;height:64px;margin:0 auto;background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/banner_birthday_2020.png") center top no-repeat #5e1ec0;background-size:auto 100%}#middle section.birthday-banner p a{display:block;font-size:16px;line-height:64px;color:#fff;text-align:center}#middle section.birthday-banner p a strong{position:relative;margin-left:8px;font-size:12px;line-height:64px;color:#b4ff14;vertical-align:top}#middle section.birthday-banner p a strong:before{content:"";display:block;width:100%;height:1px;position:absolute;left:0;bottom:22px;background-color:#b4ff14}#middle section.birthday-banner p a span{margin-left:4px;font-size:10px;line-height:64px;color:#b4ff14;vertical-align:top}#middle section.birthday-list .inner{margin-bottom:32px;padding:0 16px}#middle section.birthday-list .reward{box-sizing:border-box;width:100%;padding-bottom:32px;font-size:0;line-height:0;text-align:center;background-color:rgba(255,255,255,.6)}#middle section.birthday-list .reward h6{height:100px;text-indent:-9999px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/tit_birthday_01.png") center top no-repeat #0a3522;background-size:auto 100%}#middle section.birthday-list .reward p{padding:16px 0;font-size:16px;line-height:16px;color:#000}#middle section.birthday-list .reward .item{position:relative;display:inline-block;box-sizing:border-box;width:240px;height:302px;margin-top:32px;padding:16px;box-shadow:4px 4px 8px rgba(0,0,0,.2);background-color:#fff}#middle section.birthday-list .reward .item img{height:160px}#middle section.birthday-list .reward .item p{padding-top:16px;font-weight:bold}#middle section.birthday-list .reward .item .bt-reward{position:absolute;left:16px;bottom:16px;display:block;width:208px;font-size:18px;line-height:62px;color:#000;background-color:#eade28}#middle section.birthday-list .reward .item .bt-reward.complete{cursor:default;background-color:#aeaeae}#middle section.birthday-list .product{box-sizing:border-box;width:100%;margin:16px auto 0 auto;padding-bottom:32px;font-size:0;line-height:0;text-align:center;background-color:rgba(255,255,255,.6)}#middle section.birthday-list .product h6{height:122px;text-indent:-9999px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/tit_birthday_02.png") center top no-repeat #0a3522;background-size:auto 100%}#middle section.birthday-list .product p{padding:16px 0;font-size:16px;line-height:16px;color:#000}#middle section.birthday-list .product .item{position:relative;display:block;box-sizing:border-box;width:240px;height:358px;margin:32px auto 0 auto;padding:16px;box-shadow:4px 4px 8px rgba(0,0,0,.2);background-color:#fff}#middle section.birthday-list .product .item img{height:160px}#middle section.birthday-list .product .item .price{font-weight:bold;font-size:20px;line-height:20px;color:#444;border-top:1px solid #acacac}#middle section.birthday-list .product .item .price:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:0}#middle section.birthday-list .product .item .price.fc.mc:before{width:28px}#middle section.birthday-list .product .item .bt-buy{position:absolute;left:16px;bottom:16px;display:block;width:208px;font-size:18px;line-height:62px;color:#000;background-color:#07f468}#middle section.birthday-list .product .item .bt-buy.complete{cursor:default;color:#b8b8b8;background-color:#8a8a8a}#middle section.main-banner{position:relative;overflow:hidden;width:100%;line-height:0}#middle section.main-banner .inner{position:relative;overflow:hidden;min-width:320px;max-width:640px;margin:0 auto;box-shadow:0 0 32px rgba(0,0,0,.8)}#middle section.main-banner .list{position:relative}#middle section.main-banner .list li{float:left}#middle section.main-banner .list li a{display:block}#middle section.main-banner .list li a img{width:100%}#middle section.main-banner .page{z-index:8;position:absolute;right:24px;bottom:24px}#middle section.main-banner .page li{float:left;width:16px;height:10px;margin:0 2px;line-height:0;cursor:pointer;text-indent:-9999px;transition-timing-function:ease;transition-duration:.2s;transition-delay:0s;border-radius:2px;background-color:rgba(255,255,255,.4)}#middle section.main-banner .page li.active{width:32px;background-color:#07f468}#middle section.main-banner .navigation{display:none}#middle section.list-tab{padding:16px}#middle section.list-tab .advice{padding-bottom:16px;font-size:16px;line-height:20px;color:#1864b4;text-align:center}#middle section.list-tab ul{display:flex;flex-wrap:wrap}#middle section.list-tab ul li{position:relative;flex-grow:0;flex-basis:50%;box-sizing:border-box;height:34px;border:1px solid #868686;background-color:#e8e8e8}#middle section.list-tab ul li:nth-child(2){margin-left:-1px}#middle section.list-tab ul li:nth-child(3){margin-top:-1px}#middle section.list-tab ul li:nth-child(4){margin-left:-1px;margin-top:-1px}#middle section.list-tab ul li:nth-child(5){margin-top:-1px}#middle section.list-tab ul li:nth-child(6){margin-left:-1px;margin-top:-1px}#middle section.list-tab ul li a{z-index:4;position:absolute;left:0;top:0;width:100%;font-size:16px;line-height:32px;color:#868686;text-align:center}#middle section.list-tab ul li a .alarm{display:inline-block;width:16px;height:16px;margin-left:4px;font-size:8px;line-height:16px;color:#fff;vertical-align:2px;text-align:center;border-radius:16px;background-color:#cc3030}#middle section.list-tab ul li.active a{z-index:8;left:-1px;top:-1px;font-size:16px;line-height:32px;color:#000;border:1px solid #000;background-color:#07f468}#middle section.list-tab ul li.active a:after{content:"";position:absolute;right:8px;top:14px;display:block;width:8px;height:4px;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_sort_select.png") left top no-repeat}@media screen and (min-width: 672px){#middle section.list-tab ul li{flex-basis:20%;flex-grow:1;margin:0 0 0 -1px !important}#middle section.list-tab ul li:nth-child(1){margin:0 !important}}#middle section.list-sort .inner{position:relative}#middle section.list-sort fieldset{position:relative}#middle section.list-sort fieldset>p{min-height:18px;padding:16px 16px 0 16px;font-weight:500;font-size:18px;line-height:22px;color:#5e5e5e}#middle section.list-sort .title{margin:16px;font-size:16px;line-height:38px;color:#141414;border-bottom:1px solid #141414}#middle section.list-sort .select{box-sizing:border-box;margin:8px 50px 30px 16px;position:relative}#middle section.list-sort .select .button{text-align:left !important}#middle section.list-sort .select .item{top:38px;padding:0}#middle section.list-sort .select .item .disable{pointer-events:none}#middle section.list-sort .select .item .disable a{pointer-events:none;background:#efefef;color:#999}#middle section.list-sort .select .alertTxt{position:absolute;top:30px;left:0;width:100%;font-size:15px;line-height:39px;color:#b41818;text-align:center}#middle section.list-sort .select .tooltip{z-index:24;position:absolute;right:-34px;top:4px;display:inline-block;width:26px;height:26px;text-align:center;vertical-align:top;cursor:pointer}#middle section.list-sort .select .tooltip strong{display:block;width:26px;height:26px;font-size:22px;line-height:26px;color:#fff;border-radius:2px;background-color:#767676}#middle section.list-sort .select .tooltip p{z-index:24;position:absolute;right:0;top:38px;display:none;min-width:200px;margin:0;padding:16px;font-size:12px;line-height:16px;color:#888;box-shadow:4px 4px 4px rgba(0,0,0,.2);border:1px solid #000;background-color:#fff}#middle section.list-sort .select .tooltip p:before{content:"";right:4px;top:-8px;position:absolute;display:block;width:16px;height:8px;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_asset_tooltip.png") left top no-repeat}#middle section.list-sort .select .tooltip.active p{display:block}#middle section.list-sort.fc .select{margin-top:16px}#middle section.list-sort .hash{box-sizing:border-box;width:100%;padding:0 16px}#middle section.list-sort .hash a{float:left;margin:0 16px 8px 0;font-size:14px;line-height:18px;color:#141414}#middle section.list-sort .hash a:before{content:"";display:inline-block;width:18px;height:18px;margin:0 4px 0 0;vertical-align:top;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_hash.png") 0 0 no-repeat}#middle section.list-sort .hash a.active:before{background-position:-18px 0}#middle section.list-sort .hash>p{min-height:18px;padding:10px 0;font-weight:500;font-size:18px;line-height:18px;color:#5e5e5e}#middle section.list-product{padding-top:32px;padding-bottom:32px}#middle section.list-product .inner{position:relative}#middle section.list-product .impossible{overflow:hidden;padding:16px 16px 0 16px}#middle section.list-product .impossible strong{display:inline-block;margin:0 2px 4px 2px;padding:10px 8px 10px 8px;font-size:12px;line-height:12px;color:#b41818;border:1px solid gray;border-radius:2px;background-color:#fff}@media screen and (min-width: 536px){#middle section.list-product .inner>.product>li{float:left;width:50%}}@media screen and (min-width: 1072px){#middle section.list-product .inner>.product>li{float:left;width:25%}}#middle section.list-product .more{padding:0 16px}#middle section.list-product .more button{display:block;width:100%;font-size:20px;line-height:52px;color:#000;text-align:center;background-color:#07f468}#middle section.list-product .more button span{display:inline-block;font-size:20px;line-height:52px;color:#2264c8}#middle section.list-product .topclass-advice{box-sizing:border-box;width:100%;margin:16px 0;padding:0 16px}#middle section.list-product .topclass-advice dt{font-weight:500;font-size:16px;line-height:24px;color:#444}#middle section.list-product .topclass-advice dd{margin-bottom:16px;padding-left:16px;font-size:14px;line-height:20px;color:#787878}#middle section.list-product .topclass-advice dd.detail{padding:16px;background-color:#d6d6d6}#middle section.product-information{background-color:#fff}#middle section.product-information .cover{box-sizing:border-box;position:relative;display:table;width:100%;padding:16px}#middle section.product-information .cover .wrap{display:table-row}#middle section.product-information .cover .thumb{box-sizing:border-box;display:table-cell;width:184px;padding:0 32px;line-height:0}#middle section.product-information .cover .thumb img{height:192px}#middle section.product-information .cover .hash{display:table-cell;vertical-align:middle}#middle section.product-information .cover .hash span{margin:0 0 4px 0;padding:12px 16px;font-size:14px;line-height:14px;color:#666;border-radius:4px;background-color:#eee}#middle section.product-information .cover .hash .limit{padding-bottom:16px;font-size:14px;line-height:14px;color:#d41010}#middle section.product-information .cover .limit{display:table-cell;vertical-align:middle;font-size:0;line-height:0}#middle section.product-information .cover .limit strong{display:inline-block;margin-bottom:4px;font-size:18px;line-height:26px;color:#d41010;vertical-align:top}#middle section.product-information .cover .limit>.tag{display:inline-block;margin-right:4px;margin-bottom:4px;padding:0 8px;font-size:14px;line-height:26px;color:#fff;border-radius:32px;vertical-align:top;text-align:center}#middle section.product-information .cover .limit>.tag.new{background-color:#149c7e}#middle section.product-information .cover .limit>.tag.bronze{background-color:#b6823e}#middle section.product-information .cover .limit>.tag.silver{background-color:#a8a8a8}#middle section.product-information .cover .limit>.tag.gold{background-color:#d0b800}#middle section.product-information .cover .limit>.tag.platinum{background-color:#9064cc}#middle section.product-information .cover .limit>.tag.dia{background-color:#54a8d6}#middle section.product-information .cover .limit>.tag.vip{background-color:#e6642c}#middle section.product-information .cover .limit>.tag.sale{background-color:#1864b4}#middle section.product-information .cover .limit>.tag.chainGoods{background-color:#ea18a6}#middle section.product-information .cover .limit>.tag.date{background-color:#b41818}#middle section.product-information .cover .limit>.tag.limit{color:#fff;background-color:#4e109e}#middle section.product-information .cover .limit>.tag.limit strong{margin-bottom:0;font-size:14px;line-height:26px;color:#f6ff00;vertical-align:top}@media screen and (max-width: 374px){#middle section.product-information .cover .thumb{width:120px;padding:0 16px}}#middle section.product-information .text{position:relative;padding:0 16px}#middle section.product-information .text .wrap{border-top:1px solid #000}#middle section.product-information .text .wrap dt{padding:16px 60px 8px 0;font-size:20px;line-height:20px;color:#000}#middle section.product-information .text .wrap dd{padding:0 60px 16px 0;font-size:16px;line-height:16px;color:#666}#middle section.product-information .text .wrap dd.like{padding:0 0 16px 0}#middle section.product-information .text .wrap dd.like .bt-like{box-sizing:border-box;width:100%;font-size:0;line-height:0;color:#c84a4e;border:1px solid #50585e}#middle section.product-information .text .wrap dd.like .bt-like strong{display:inline-block;box-sizing:border-box;width:50%;height:30px;font-size:14px;line-height:30px;color:#c84a4c;text-align:center;vertical-align:top}#middle section.product-information .text .wrap dd.like .bt-like span{display:inline-block;box-sizing:border-box;width:50%;height:30px;vertical-align:top;background-color:#50585e}#middle section.product-information .text .wrap dd.like .bt-like span:before{content:"";display:inline-block;width:16px;height:14px;margin:8px 4px 8px 0;vertical-align:top;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_detail_like.png") 0 0 no-repeat;background-size:32px 14px}#middle section.product-information .text .wrap dd.like .bt-like span:after{content:"좋아요";display:inline-block;font-size:14px;line-height:30px;color:#fff;vertical-align:top}#middle section.product-information .text .wrap dd.like .bt-like.active{cursor:default;border:1px solid #c84a4c}#middle section.product-information .text .wrap dd.like .bt-like.active span{background-color:#c84a4c}#middle section.product-information .text .wrap dd.like .bt-like.active span:before{background-position:-16px 0}#middle section.product-information .text .wrap dd.like .bt-like.active span:after{content:"좋아함"}#middle section.product-information .text .bt-share{position:absolute;right:16px;top:13px;width:56px;height:52px;text-indent:-9999px;background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/bt_share.png") 50% 50% no-repeat #50565c;background-size:28px 24px}#middle section.product-information .price{padding:0 16px 16px 16px;font-weight:400;font-size:32px;line-height:32px;color:#444;letter-spacing:-2px}#middle section.product-information .price:before{content:"";display:inline-block;width:32px;height:32px;margin-right:8px;vertical-align:top}#middle section.product-information .price.fc.mc:before{width:56px}#middle section.product-order{z-index:508;position:fixed;left:50%;bottom:0;width:100%;min-width:320px;box-shadow:0 -16px 32px rgba(0,0,0,.2);transform:translateX(-50%) translateY(0%);background-color:#fff}#middle section.product-order .inner{position:relative;padding:8px}#middle section.product-order .bt-order{z-index:4;position:absolute;left:50%;top:-32px;width:84px;height:32px;text-indent:-9999px;border-radius:8px 8px 0 0;transform:translateX(-50%) translateY(0%);background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/ico_arrow_top.png") 32px 10px no-repeat #fff;background-size:20px 12px}#middle section.product-order .bt-order.active{background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/ico_arrow_bottom.png") 32px 10px no-repeat #fff;background-size:20px 12px}#middle section.product-order .list{display:none;margin-bottom:8px}#middle section.product-order .list.active{display:block}#middle section.product-order .list dd{padding:8px;border-left:1px solid #9a9a9a;border-right:1px solid #9a9a9a;border-bottom:1px solid #aeaeae;background-color:#e8e8e8}#middle section.product-order .list dd:nth-child(2){border-top:1px solid #9a9a9a}#middle section.product-order .list dd strong{float:left;font-size:16px;line-height:32px;color:#666}#middle section.product-order .list dd .number{float:right}#middle section.product-order .list dd .number *{display:inline-block;font-size:inherit;color:inherit}#middle section.product-order .list dd.quantity{background-color:#fff}#middle section.product-order .list dd.quantity .number{margin-top:6px}#middle section.product-order .list dd.quantity .number button{float:left;width:22px;height:22px;border:1px solid #cecece;text-indent:-9999px;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_quantity.png") left top no-repeat}#middle section.product-order .list dd.quantity .number button:hover{border:1px solid #aaa !important;background-color:#f8f8f8}#middle section.product-order .list dd.quantity .number span{display:inline-block;width:32px;font-size:12px;line-height:20px;color:#444;text-align:center;border-top:1px solid #cecece;border-bottom:1px solid #cecece}#middle section.product-order .list dd.quantity .number .bt-minus{border-right:1px solid #f0f0f0;background-position:0 0}#middle section.product-order .list dd.quantity .number .bt-plus{border-left:1px solid #f0f0f0;background-position:-20px 0}#middle section.product-order .list dd.coupon{background-color:#fff}#middle section.product-order .list dd.coupon .bt-coupon{box-sizing:border-box;width:100%;height:50px;padding:8px 32px 8px 8px;font-size:14px;line-height:14px;color:#787878;text-align:left;border:1px solid #cecece;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_coupon.png") right top no-repeat}#middle section.product-order .list dd.coupon .bt-coupon.active{border:1px solid #626262;background-position:right -48px}#middle section.product-order .list dd.coupon .bt-coupon strong{width:100%;padding:0 0 2px 0;font-size:16px;line-height:16px;color:#787878}#middle section.product-order .list dd.coupon.impossible .bt-coupon{color:#cc3030}#middle section.product-order .list dd.coupon .coupon-list{overflow:hidden;display:none;overflow-y:auto;width:100%;max-height:200px;background-color:#fff}#middle section.product-order .list dd.coupon .coupon-list li button{box-sizing:border-box;width:100%;height:50px;padding:8px;font-size:14px;line-height:14px;color:#787878;text-align:left;border:1px solid #cecece;border-top:none}#middle section.product-order .list dd.coupon .coupon-list li button strong{width:100%;padding:0 0 2px 0;font-size:16px;line-height:16px;color:#787878}#middle section.product-order .list dd.coupon .bt-my-coupon{box-sizing:border-box;width:100%;height:52px;margin-top:8px;padding:8px;font-size:16px;line-height:32px;color:#000;text-align:center;background-color:#a2dcfe}#middle section.product-order .list dd.coupon .bt-my-coupon:after{content:"";display:inline-block;width:4px;height:8px;margin-left:8px;vertical-align:1px;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_arrow.png") left top no-repeat}#middle section.product-order .list dd.amount .number{font-size:16px;line-height:32px;color:#444}#middle section.product-order .list dd.residual .number{font-size:16px;line-height:32px;color:#666}#middle section.product-order .button{display:table;width:100%}#middle section.product-order .button ul{display:table-row;width:100%}#middle section.product-order .button ul li{display:table-cell;width:52px}#middle section.product-order .button ul li:nth-child(1),#middle section.product-order .button ul li:nth-child(2){width:auto}#middle section.product-order .button ul li a{display:block;font-size:20px;line-height:52px;color:#20242a;text-align:center}#middle section.product-order .button ul li .bt-buy{height:52px;margin-right:8px;background-color:#07f468}#middle section.product-order .button ul li .bt-buy span{font-size:20px;line-height:52px;color:#5e8410;letter-spacing:0;vertical-align:top}#middle section.product-order .button ul li .bt-buy strong{font-size:20px;line-height:52px;color:#365200;letter-spacing:0;vertical-align:top}#middle section.product-order .button ul li .bt-buy.off{color:#9e9e9e;background-color:#c8c8c8}#middle section.product-order .button ul li .bt-buy.off strong{color:#9e9e9e}#middle section.product-order .button ul li .bt-buy.off span{color:#9e9e9e}#middle section.product-order .button ul li .bt-gift{margin-right:8px;background-color:#8ca8d2}#middle section.product-order .button ul li .bt-basket{text-indent:-9999px;background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/bt_basket.png") 50% 50% no-repeat #50565c;background-size:26px 24px}#middle section.product-order .button ul li .bt-basket.off{background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/bt_basket.png") 50% 50% no-repeat #c8c8c8;background-size:26px 24px}#middle section.product-order .button ul.one li:nth-child(2){width:54px}#middle section.payment{padding:16px}#middle section.payment .friend{padding-bottom:32px}#middle section.payment .friend .select{box-sizing:border-box;width:100%}#middle section.payment .friend .select .button{text-align:left;background-color:#fff}#middle section.payment .friend .select .item{top:36px;padding:0}#middle section.payment .friend .select .item li a{background-color:#fff}#middle section.payment .friend textarea{width:100%;height:98px;margin-top:4px;box-sizing:border-box;position:relative;width:100%;padding:8px 16px;font-size:16px;line-height:16px;color:#141414;border:1px solid #888;background-color:#fff}#middle section.payment .friend .selection-advice{margin-top:7px;font-size:16px;line-height:16px;color:#2a68c8}#middle section.payment .title{padding-bottom:16px;font-size:18px;line-height:18px;color:#787878}#middle section.payment .product-thumb{width:128px}#middle section.payment .product-name{width:auto}#middle section.payment .confirm{padding:32px 16px;text-align:center}#middle section.payment .confirm label.checkbox{display:inline-block;cursor:pointer}#middle section.payment .confirm label.checkbox input[type=checkbox]{display:none}#middle section.payment .confirm label.checkbox p{font-size:20px;line-height:24px;color:#444}#middle section.payment .confirm label.checkbox p:before{content:"";display:inline-block;width:24px;height:24px;margin-right:8px;vertical-align:top;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_checkbox.png") left top no-repeat}#middle section.payment .confirm label.checkbox.on p:before{background-position:0 -48px}#middle section.payment .confirm .advice{padding-top:16px;font-size:18px;line-height:22px;color:#2a68c8}#middle section.payment .button{padding:0 16px 16px 16px;text-align:center}#middle section.payment .button a{display:inline-block;width:48%;margin:0 2px;height:50px;font-size:18px;line-height:50px;color:#20242a;text-align:center}#middle section.payment .button .bt-payment{background-color:#07f468}#middle section.payment .button .bt-cancel{background-color:#ccc}#middle section.payment .complete{padding:32px 16px 16px 16px;font-size:18px;line-height:22px;color:#2a68c8;text-align:center}#middle section.payment .complete strong{display:block;font-size:16px;line-height:20px;color:#444}#middle section.payment .complete a{display:block;width:96%;margin:0 auto;height:50px;font-size:18px;line-height:50px;color:#20242a;text-align:center}#middle section.payment .complete .bt-confirm{background-color:#a2bce4}#middle section.payment .complete .bt-main{background-color:#07f468}#middle section.mypage .inner .list-tab{padding:24px 12px 0 12px}#middle section.mypage .inner .list-tab ul{display:flex;flex-wrap:nowrap;justify-content:space-between}#middle section.mypage .inner .list-tab ul li{position:relative;box-sizing:border-box;height:36px;border:none;border-bottom:1px solid #868686;background-color:#e8e8e8}#middle section.mypage .inner .list-tab ul li:nth-child(2){margin-left:-1px}#middle section.mypage .inner .list-tab ul li:nth-child(3){margin-top:0px;margin-left:-1px}#middle section.mypage .inner .list-tab ul li a{z-index:4;position:absolute;left:0;top:0;width:100%;font-size:14px;line-height:36px;color:#868686;text-align:center}#middle section.mypage .inner .list-tab ul li a .alarm{display:inline-block;width:16px;height:16px;margin-left:4px;font-size:8px;line-height:16px;color:#fff;vertical-align:2px;text-align:center;border-radius:16px;background-color:#cc3030}#middle section.mypage .inner .list-tab ul li.active{border:1px solid #000;border-bottom:none;z-index:1}#middle section.mypage .inner .list-tab ul li.active a{z-index:8;left:-1px;top:-1px;font-size:14px;line-height:36px;color:#000;background-color:rgba(0,0,0,0);border:none}#middle section.mypage .inner .list-tab ul li.active a:after{display:none}@media screen and (min-width: 672px){#middle section.mypage .inner .list-tab ul li{flex:0 0 33.33%;margin:0 !important}#middle section.mypage .inner .list-tab ul li:nth-child(1){margin:0 !important}}#middle section.mypage .inner .property{padding:0 16px 16px 16px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:flex-start}#middle section.mypage .inner .property .available{box-sizing:border-box;flex:1 1 auto;align-self:auto;display:block;padding-right:4px}#middle section.mypage .inner .property .available dl dt{background-color:#a2bce4}#middle section.mypage .inner .property .expiring{box-sizing:border-box;flex:1 1 auto;align-self:auto;display:block;padding-left:4px}#middle section.mypage .inner .property .expiring dl dt{background-color:#d6a4a4}#middle section.mypage .inner .property dl{width:100%;border:1px solid #787878}#middle section.mypage .inner .property dl dt{padding:8px;font-size:16px;line-height:20px;color:#000;text-align:center;word-break:break-all}#middle section.mypage .inner .property dl dd{padding:16px;font-size:20px;line-height:24px;color:#444;text-align:center;word-break:break-all;background-color:#fff}#middle section.mypage .inner .property dl dd span{display:block;font-size:12px;line-height:16px;color:#666}#middle section.mypage .inner .list-sort .select{margin:8px 16px 16px 16px}#middle section.mypage .inner .list-title{padding:16px;font-size:20px;line-height:20px;color:#444}#middle section.mypage .inner .storage-title{padding:16px;font-size:14px;line-height:14px;color:#1864b4}#middle section.mypage .inner .list-date{position:relative;padding:0 16px 16px 16px}#middle section.mypage .inner .list-date .specify{display:flex;box-sizing:border-box;width:100%;border:1px solid #787878;border-radius:2px}#middle section.mypage .inner .list-date .specify button{flex:1;font-size:14px;line-height:30px;color:#787878;text-align:center;border-right:1px solid #787878;background-color:#fff}#middle section.mypage .inner .list-date .specify button:last-child{border-right:none}#middle section.mypage .inner .list-date .specify button.active{color:#fff;background-color:#787878}#middle section.mypage .inner .list-date .calendar{position:relative;width:100%}#middle section.mypage .inner .list-date .calendar input[type=text]{width:100%;height:48px;font-size:16px;line-height:48px;color:#787878;text-align:center;background-color:#f4f4f4}#middle section.mypage .inner .list-history{padding:0 16px}#middle section.mypage .inner .list-history ul{border-top:2px solid #3c404a}#middle section.mypage .inner .list-history ul>li{box-sizing:border-box;width:100%;padding:16px 0 8px 0;border-bottom:1px solid #969696;background-color:#fff}#middle section.mypage .inner .list-history ul>li dl dt{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:flex-start;border-bottom:1px solid #ccc}#middle section.mypage .inner .list-history ul>li dl dt a,#middle section.mypage .inner .list-history ul>li dl dt p{flex:1 1 auto;align-self:auto;display:block;padding:0 0 16px 16px;font-size:16px;line-height:16px;color:#000}#middle section.mypage .inner .list-history ul>li dl dt a{font-size:16px;line-height:16px;color:#1864b4;text-decoration:underline}#middle section.mypage .inner .list-history ul>li dl dt .date{flex:0 1 auto;align-self:auto;display:block;padding:0 16px 16px 16px;font-size:14px;line-height:16px;color:#787878}#middle section.mypage .inner .list-history ul>li dl dd{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:flex-start;padding:0 16px 12px 16px}#middle section.mypage .inner .list-history ul>li dl dd.plus{padding-top:16px;font-size:20px;line-height:20px;color:#000}#middle section.mypage .inner .list-history ul>li dl dd.minus{padding-top:16px;font-size:20px;line-height:20px;color:#cc3030}#middle section.mypage .inner .list-history ul>li dl dd p{flex:0 1 auto;align-self:auto;display:block;text-align:left;position:relative;padding:0 17px 0 16px;font-size:14px;line-height:14px;color:#787878}#middle section.mypage .inner .list-history ul>li dl dd p:first-child{padding-left:0}#middle section.mypage .inner .list-history ul>li dl dd p:last-child{padding-right:0}#middle section.mypage .inner .list-history ul>li dl dd p:after{content:"";position:absolute;right:0;top:0;display:block;width:1px;height:100%;background-color:#ccc}#middle section.mypage .inner .list-history ul>li dl dd p:last-child:after{display:none}#middle section.mypage .inner .list-history ul>li dl dd p strong{font-size:14px;line-height:14px;color:#404040}#middle section.mypage .inner .list-history ul>li.none{display:block;padding:16px;font-size:16px;line-height:16px;color:#000;text-align:center}#middle section.mypage .inner .list-history .more{padding:16px 0 32px 0}#middle section.mypage .inner .list-history .more button{display:block;width:100%;font-size:20px;line-height:52px;color:#000;text-align:center;background-color:#07f468}#middle section.mypage .inner .list-history .more button span{display:inline-block;font-size:20px;line-height:52px;color:#2264c8}#middle section.mypage .inner .storage-history{padding:0 16px;padding-top:26px}#middle section.mypage .inner .storage-history ul{border-top:2px solid #3c404a}#middle section.mypage .inner .storage-history ul>li{box-sizing:border-box;display:table;width:100%;padding:16px 0;border-bottom:1px solid #969696;background-color:#fff}#middle section.mypage .inner .storage-history ul>li dl{display:table-row}#middle section.mypage .inner .storage-history ul>li dl dt{display:table-cell;width:96px;text-align:center;vertical-align:middle}#middle section.mypage .inner .storage-history ul>li dl dt p{width:62px;margin:0 auto;border-radius:62px}#middle section.mypage .inner .storage-history ul>li dl dt p.web{font-size:16px;line-height:62px;color:#cc3030;border:1px solid #cc3030}#middle section.mypage .inner .storage-history ul>li dl dt p.game{font-size:16px;line-height:62px;color:#18b090;border:1px solid #18b090}#middle section.mypage .inner .storage-history ul>li dl dd{display:table-cell;vertical-align:middle}#middle section.mypage .inner .storage-history ul>li dl dd p:nth-child(1){padding:0 8px 4px 0;font-size:14px;line-height:14px;color:#000}#middle section.mypage .inner .storage-history ul>li dl dd p:nth-child(1) span{display:inline-block;font-size:14px;line-height:14px;color:#000}#middle section.mypage .inner .storage-history ul>li dl dd p:nth-child(1) span:first-child:after{content:"";display:inline-block;width:1px;height:10px;margin:2px 8px;vertical-align:top;background-color:#444}#middle section.mypage .inner .storage-history ul>li dl dd p:nth-child(2){padding:4px 8px 0 0;font-size:16px;line-height:16px;color:#000}#middle section.mypage .inner .storage-history ul>li dl dd p a{font-size:16px;line-height:16px;color:#1864b4;text-decoration:underline}#middle section.mypage .inner .storage-history ul>li dl dd .button{padding:16px 8px 0 0;text-align:left}#middle section.mypage .inner .storage-history ul>li dl dd .button .bt-fix{display:inline-block;width:212px;height:34px;margin-right:4px;font-size:16px;line-height:32px;color:#000;box-shadow:2px 2px 0px rgba(184,184,184,.4);text-align:center;border:1px solid #5e5e5e;border-radius:2px;background-color:#07f468}#middle section.mypage .inner .storage-history ul>li dl dd .button .draw{display:block;width:212px;height:34px;padding:0;font-size:16px;line-height:34px;color:#6e6e6e;text-align:center;border-radius:2px;background-color:#e0e0e0}#middle section.mypage .inner .storage-history ul>li.none{display:block;padding:16px;font-size:16px;line-height:16px;color:#000;text-align:center}#middle section.mypage .inner .storage-history .more{padding:16px 0 32px 0}#middle section.mypage .inner .storage-history .more button{display:block;width:100%;font-size:20px;line-height:52px;color:#000;text-align:center;background-color:#07f468}#middle section.mypage .inner .storage-history .more button span{display:inline-block;font-size:20px;line-height:52px;color:#2264c8}#middle section.mypage .inner .sort{position:relative;height:32px;padding:16px}#middle section.mypage .inner .sort .select{position:relative}#middle section.mypage .inner .sort .select label.checkbox{display:inline-block;cursor:pointer}#middle section.mypage .inner .sort .select label.checkbox input[type=checkbox]{display:none}#middle section.mypage .inner .sort .select label.checkbox p{font-size:16px;line-height:32px;color:#444}#middle section.mypage .inner .sort .select label.checkbox p:before{content:"";display:inline-block;width:24px;height:24px;margin:4px 8px 4px 0;vertical-align:top;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_checkbox.png") 0 -24px no-repeat #fff}#middle section.mypage .inner .sort .select label.checkbox.on p:before{background-position:0 -48px}#middle section.mypage .inner .sort .select .delete{position:absolute;right:0;top:0;display:inline-block}#middle section.mypage .inner .sort .select .delete button{display:inline-block;width:128px;margin-left:8px;font-size:14px;line-height:30px;color:#444;text-align:center;border:1px solid #141414;background-color:#fff}#middle section.mypage .inner .list-table,#middle section.mypage .inner .list-total{padding:0 16px}#middle section.mypage .inner .list-table .payment-table,#middle section.mypage .inner .list-total .payment-table{width:100%;margin-bottom:8px;border-top:2px solid #3c404a;border-bottom:2px solid #3c404a;background-color:#fff}#middle section.mypage .inner .list-table .payment-table caption,#middle section.mypage .inner .list-total .payment-table caption{padding-bottom:16px;font-size:18px;line-height:18px;color:#484848;text-align:left}#middle section.mypage .inner .list-table .payment-table tbody tr td,#middle section.mypage .inner .list-total .payment-table tbody tr td{padding:16px;font-size:16px;line-height:16px;color:#787878;vertical-align:middle;text-align:left;border-bottom:1px solid #969696}#middle section.mypage .inner .list-table .payment-table tbody tr td.none,#middle section.mypage .inner .list-total .payment-table tbody tr td.none{padding:32px;font-size:24px;line-height:28px;color:#000;text-align:center}#middle section.mypage .inner .list-table .payment-table tbody tr td.select label.checkbox,#middle section.mypage .inner .list-total .payment-table tbody tr td.select label.checkbox{display:inline-block;width:24px;height:24px;cursor:pointer}#middle section.mypage .inner .list-table .payment-table tbody tr td.select label.checkbox input[type=checkbox],#middle section.mypage .inner .list-total .payment-table tbody tr td.select label.checkbox input[type=checkbox]{display:none}#middle section.mypage .inner .list-table .payment-table tbody tr td.select label.checkbox:before,#middle section.mypage .inner .list-total .payment-table tbody tr td.select label.checkbox:before{content:"";display:inline-block;width:24px;height:24px;vertical-align:top;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_checkbox.png") 0 -24px no-repeat #fff}#middle section.mypage .inner .list-table .payment-table tbody tr td.select label.checkbox.on:before,#middle section.mypage .inner .list-total .payment-table tbody tr td.select label.checkbox.on:before{background-position:0 -48px}#middle section.mypage .inner .list-table .payment-table tbody tr td.thumb,#middle section.mypage .inner .list-total .payment-table tbody tr td.thumb{padding-left:0}#middle section.mypage .inner .list-table .payment-table tbody tr td.thumb img,#middle section.mypage .inner .list-total .payment-table tbody tr td.thumb img{height:64px}#middle section.mypage .inner .list-table .payment-table tbody tr td.name,#middle section.mypage .inner .list-total .payment-table tbody tr td.name{padding-left:0;font-size:18px;line-height:22px;color:#000}#middle section.mypage .inner .list-table .payment-table tbody tr td.name strong,#middle section.mypage .inner .list-total .payment-table tbody tr td.name strong{display:block;padding-bottom:8px;font-size:18px;line-height:18px;color:#000;font-weight:600}#middle section.mypage .inner .list-table .payment-table tbody tr td.name span,#middle section.mypage .inner .list-total .payment-table tbody tr td.name span{display:block;font-size:14px;line-height:14px;color:#787878}#middle section.mypage .inner .list-table .payment-table tbody tr td.name span.period,#middle section.mypage .inner .list-total .payment-table tbody tr td.name span.period{font-size:14px;line-height:14px;color:#d03232}#middle section.mypage .inner .list-table .payment-table tbody tr td.name a,#middle section.mypage .inner .list-total .payment-table tbody tr td.name a{font-size:18px;line-height:22px;color:#1864b4;text-decoration:underline}#middle section.mypage .inner .list-table .payment-table tbody tr td.coupon,#middle section.mypage .inner .list-total .payment-table tbody tr td.coupon{padding-left:16px}#middle section.mypage .inner .list-table .payment-table tbody tr td.quantity,#middle section.mypage .inner .list-total .payment-table tbody tr td.quantity{font-size:18px;line-height:22px;color:#000;text-align:right}#middle section.mypage .inner .list-table .payment-table tbody tr td.quantity .number,#middle section.mypage .inner .list-total .payment-table tbody tr td.quantity .number{display:inline-block;width:80px;vertical-align:bottom}#middle section.mypage .inner .list-table .payment-table tbody tr td.quantity .number button,#middle section.mypage .inner .list-total .payment-table tbody tr td.quantity .number button{float:left;width:24px;height:24px;border:1px solid #cecece;text-indent:-9999px;background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/ico_quantity.png") 0 0 no-repeat}#middle section.mypage .inner .list-table .payment-table tbody tr td.quantity .number button:hover,#middle section.mypage .inner .list-total .payment-table tbody tr td.quantity .number button:hover{border:1px solid #aaa !important;background-color:#f8f8f8}#middle section.mypage .inner .list-table .payment-table tbody tr td.quantity .number span,#middle section.mypage .inner .list-total .payment-table tbody tr td.quantity .number span{display:inline-block;width:32px;font-size:14px;line-height:22px;color:#444;text-align:center;border-top:1px solid #cecece;border-bottom:1px solid #cecece}#middle section.mypage .inner .list-table .payment-table tbody tr td.quantity .number .bt-minus,#middle section.mypage .inner .list-total .payment-table tbody tr td.quantity .number .bt-minus{border-right:1px solid #f0f0f0;background-position:0 0}#middle section.mypage .inner .list-table .payment-table tbody tr td.quantity .number .bt-plus,#middle section.mypage .inner .list-total .payment-table tbody tr td.quantity .number .bt-plus{border-left:1px solid #f0f0f0;background-position:-22px 0}#middle section.mypage .inner .list-table .payment-table tbody tr td.amount,#middle section.mypage .inner .list-total .payment-table tbody tr td.amount{font-size:18px;line-height:22px;color:#000;text-align:right}#middle section.mypage .inner .list-table .payment-table tbody tr td.all-amount,#middle section.mypage .inner .list-total .payment-table tbody tr td.all-amount{font-size:18px;line-height:22px;color:#649200;text-align:right}#middle section.mypage .inner .list-table .payment-table tbody tr td.remain-amount,#middle section.mypage .inner .list-total .payment-table tbody tr td.remain-amount{font-size:16px;line-height:16px;color:#787878;text-align:right}#middle section.mypage .inner .list-table .payment-table tbody tr td.remain-amount a,#middle section.mypage .inner .list-total .payment-table tbody tr td.remain-amount a{margin-left:8px;font-size:16px;line-height:32px;color:#f86400;text-align:center;border-radius:4px;text-decoration:underline}#middle section.mypage .inner .list-table .payment-table tbody tr:last-child td,#middle section.mypage .inner .list-total .payment-table tbody tr:last-child td{border-bottom:none}#middle section.mypage .inner .list-table .more,#middle section.mypage .inner .list-total .more{padding:40px 0 32px 0}#middle section.mypage .inner .list-table .more button,#middle section.mypage .inner .list-total .more button{display:block;width:100%;font-size:20px;line-height:52px;color:#000;text-align:center;background-color:#07f468}#middle section.mypage .inner .list-table .more button span,#middle section.mypage .inner .list-total .more button span{display:inline-block;font-size:20px;line-height:52px;color:#2264c8}#middle section.mypage .inner .list-table .coupon-item,#middle section.mypage .inner .list-total .coupon-item{width:100%;margin-bottom:8px;border-top:2px solid #3c404a;border-bottom:2px solid #3c404a;background-color:#fff;box-sizing:border-box}#middle section.mypage .inner .list-table .coupon-item .coupon-info,#middle section.mypage .inner .list-total .coupon-item .coupon-info{display:flex;flex-wrap:nowrap;padding:20px 0;padding-right:20px}#middle section.mypage .inner .list-table .coupon-item .coupon-info .thumb,#middle section.mypage .inner .list-total .coupon-item .coupon-info .thumb{width:96px;box-sizing:border-box;padding:16px;display:flex;justify-content:center;align-items:center}#middle section.mypage .inner .list-table .coupon-item .coupon-info .thumb img,#middle section.mypage .inner .list-total .coupon-item .coupon-info .thumb img{width:64px}#middle section.mypage .inner .list-table .coupon-item .coupon-info .txt,#middle section.mypage .inner .list-total .coupon-item .coupon-info .txt{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}#middle section.mypage .inner .list-table .coupon-item .coupon-info .txt .name,#middle section.mypage .inner .list-total .coupon-item .coupon-info .txt .name{width:100%;line-height:1.3;font-size:16px;color:#000;font-weight:600}#middle section.mypage .inner .list-table .coupon-item .coupon-info .txt .desc,#middle section.mypage .inner .list-total .coupon-item .coupon-info .txt .desc{width:100%;line-height:1.3;font-size:12px;color:#000;margin-top:10px}#middle section.mypage .inner .list-table .coupon-item .coupon-limit,#middle section.mypage .inner .list-total .coupon-item .coupon-limit{padding:13px 0;border-top:1px solid #999;text-align:center}#middle section.mypage .inner .list-table .coupon-item .coupon-limit p,#middle section.mypage .inner .list-total .coupon-item .coupon-limit p{font-size:14px;color:#777;line-height:1.5}#middle section.mypage .inner .list-table .coupon-item.empty,#middle section.mypage .inner .list-total .coupon-item.empty{padding:32px;font-size:24px;line-height:28px;color:#000;text-align:center}#middle section.mypage .inner .advice{padding:16px;font-size:16px;line-height:20px;color:#787878;text-align:center}#middle section.mypage .inner .list-total{padding:16px;background-color:#fff}#middle section.mypage .inner .button{padding:16px;text-align:center}#middle section.mypage .inner .button a{display:inline-block;width:48%;margin:0 2px;height:50px;font-size:18px;line-height:50px;color:#20242a;text-align:center}#middle section.mypage .inner .button .bt-payment{background-color:#a2bce4}#middle section.mypage .inner .button .bt-payment-all{background-color:#07f468}#middle section.mypage .inner .membership-check{margin:16px;text-align:center}#middle section.mypage .inner .membership-check p:nth-child(1){margin-bottom:8px;padding-bottom:8px;font-size:20px;line-height:24px;color:#4472bc;border-bottom:2px solid #4472bc}#middle section.mypage .inner .membership-check p:nth-child(2){font-size:14px;line-height:18px;color:#444}#middle section.mypage .inner .membership-check p:nth-child(2) strong{font-weight:bold;font-size:14px;line-height:18px;color:#444}#middle section.mypage .inner .membership-grade{display:flex;margin:0 16px;border:1px solid #787878}#middle section.mypage .inner .membership-grade dt{flex:0 0 auto;box-sizing:border-box;width:108px;height:108px;background-color:#3d4349}#middle section.mypage .inner .membership-grade dt .grade{width:108px;height:108px}#middle section.mypage .inner .membership-grade dt .grade.new{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_m_01_01.png") center center no-repeat;background-size:82px 82px}#middle section.mypage .inner .membership-grade dt .grade.bronze{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_m_01_02.png") center center no-repeat;background-size:82px 82px}#middle section.mypage .inner .membership-grade dt .grade.silver{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_m_01_03.png") center center no-repeat;background-size:82px 82px}#middle section.mypage .inner .membership-grade dt .grade.gold{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_m_01_04.png") center center no-repeat;background-size:82px 82px}#middle section.mypage .inner .membership-grade dt .grade.platinum{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_m_01_05.png") center center no-repeat;background-size:82px 82px}#middle section.mypage .inner .membership-grade dt .grade.dia{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_m_01_06.png") center center no-repeat;background-size:82px 82px}#middle section.mypage .inner .membership-grade dt .grade.vip{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_m_01_07.png") center center no-repeat;background-size:82px 82px}#middle section.mypage .inner .membership-grade dt .grade.vvip{background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/ico_membership_m_01_08.png") center center no-repeat;background-size:82px 82px}#middle section.mypage .inner .membership-grade dd{flex:1 1 auto;box-sizing:border-box;height:108px;padding:16px;background-color:#fff}#middle section.mypage .inner .membership-grade dd .accumulate span{display:block;margin:0 0 4px 0;font-size:10px;line-height:10px;color:#000}#middle section.mypage .inner .membership-grade dd .accumulate strong{display:block;font-weight:bold;font-size:16px;line-height:16px;color:#000}#middle section.mypage .inner .membership-grade dd .grade{margin-top:16px}#middle section.mypage .inner .membership-grade dd .grade span{display:block;margin:0 0 4px 0;font-size:10px;line-height:10px;color:#000}#middle section.mypage .inner .membership-grade dd .grade strong{display:block;font-weight:bold;font-size:16px;line-height:16px;color:#000}#middle section.mypage .inner .membership-grade dd .grade strong.new{color:#5ca696}#middle section.mypage .inner .membership-grade dd .grade strong.bronze{color:#a46a2a}#middle section.mypage .inner .membership-grade dd .grade strong.silver{color:#88949a}#middle section.mypage .inner .membership-grade dd .grade strong.gold{color:#d6aa4e}#middle section.mypage .inner .membership-grade dd .grade strong.platinum{color:#a86ec8}#middle section.mypage .inner .membership-grade dd .grade strong.dia{color:#24a0ea}#middle section.mypage .inner .membership-grade dd .grade strong.vip{color:#e6642c}#middle section.mypage .inner .membership-grade dd .grade strong.vvip{color:#e4304a}#middle section.mypage .inner .membership-schedule{overflow:hidden;display:flex;margin:8px 16px;padding:16px;border:1px solid #787878;background-color:#fff}#middle section.mypage .inner .membership-schedule span{position:relative;flex:1 1 auto;display:block;padding-right:28px;font-size:12px;line-height:20px;color:#9a9a9a}#middle section.mypage .inner .membership-schedule span:after{content:"";position:absolute;right:0;top:-16px;display:block;width:20px;height:72px;background:url("//ssl.nexon.com/s2/game/fo4/shop/bg_membership_line.png") left top no-repeat;background-size:20px 72px}#middle section.mypage .inner .membership-schedule strong{flex:0 0 auto;width:80px;display:block;font-size:18px;line-height:20px;color:#5e5e5e;text-align:center}#middle section.mypage .inner .membership-schedule strong em{display:inline-block;font-size:18px;line-height:20px;color:#aeaeae}#middle section.mypage .inner .membership-reward{position:relative}#middle section.mypage .inner .membership-reward .achieve{margin:0 16px;font-size:14px;line-height:14px;color:#282e36}#middle section.mypage .inner .membership-reward .achieve strong{font-weight:bold;font-size:14px;line-height:14px;color:#cc4e4e}#middle section.mypage .inner .membership-reward .graph{display:flex;margin:8px 16px 0 16px}#middle section.mypage .inner .membership-reward .graph li{flex:0 1 auto;width:16%;padding:8px 0;font-size:12px;line-height:12px;color:#fff;text-align:center;border-left:2px solid #fff;background-color:#c8c8c8}#middle section.mypage .inner .membership-reward .graph li:first-child{border-left:none}#middle section.mypage .inner .membership-reward .graph li:nth-child(5),#middle section.mypage .inner .membership-reward .graph li:nth-child(6){width:18%}#middle section.mypage .inner .membership-reward .graph li.achieve{margin:0;background-color:#6294e4}#middle section.mypage .inner .membership-reward .reward-list{margin:16px}#middle section.mypage .inner .membership-reward .advis{margin:16px;font-size:16px;line-height:20px;color:#787878}#middle section.mypage .inner .membership-reward .advis a{font-size:16px;line-height:20px;color:#6294e4;text-decoration:underline}#middle section.mypage .inner .membership-button{padding:16px 16px 12px 16px}#middle section.mypage .inner .membership-button button{display:block;width:100%;margin-bottom:4px;text-align:center}#middle section.mypage .inner .membership-button .bt-membership-bp-random,#middle section.mypage .inner .membership-button .bt-membership-product{display:block;width:100%;margin-bottom:4px;text-align:center;font-size:20px;line-height:52px;color:#000;background-color:#07f468}#middle section.mypage .inner .membership-button .bt-last-reward{font-size:20px;line-height:52px;color:#000;background-color:#07f468}#middle section.mypage .inner .membership-button .bt-reward-list{font-size:20px;line-height:52px;color:#000;background-color:#07f468}#middle section.mypage .inner .membership-button .bt-grade-period{font-size:20px;line-height:52px;color:#e8e8e8;background-color:#6c6c76}#middle section.mypage .inner .membership-button .bt-grade-notice{font-size:20px;line-height:52px;color:#e8e8e8;background-color:#6c6c76}#middle section.mypage .inner .membership-advis{padding:16px;font-size:16px;line-height:20px;color:#282828;background-color:#d2d2d2}#middle section.mypage .inner .membership-advis strong{display:block;margin-bottom:4px;font-weight:bold;font-size:16px;line-height:20px;color:#282828}#middle section.mypage .inner .playmembership-period{margin:0 16px 25px 16px;position:relative;background:#3d4349;height:60px;line-height:60px;padding:0 10px;box-sizing:border-box}#middle section.mypage .inner .playmembership-period .schedule{text-align:center}#middle section.mypage .inner .playmembership-period .schedule span{display:inline-block;font-size:16px;line-height:60px;color:#fff;font-weight:200}#middle section.mypage .inner .playmembership-period .schedule strong{display:inline-block;font-size:16px;line-height:60px;color:#fff;font-weight:600}#middle section.mypage .inner .playmembership-period .schedule button{vertical-align:top;margin-top:14px;width:32px;height:32px;font-size:24px;line-height:32px;color:#444;text-align:center;background-color:#fff;text-indent:-9999px;border:1px solid #888;border-radius:2px;position:relative}#middle section.mypage .inner .playmembership-period .schedule button.bt-prev{margin-right:10px;position:absolute;top:0;left:10px}#middle section.mypage .inner .playmembership-period .schedule button.bt-prev:after{position:absolute;top:8px;left:10px;content:"";width:0;height:0;border-style:solid;border-width:7.5px 8px 7.5px 0;border-color:rgba(0,0,0,0) #caccce rgba(0,0,0,0) rgba(0,0,0,0)}#middle section.mypage .inner .playmembership-period .schedule button.bt-prev.active:after{border-color:rgba(0,0,0,0) #3d4349 rgba(0,0,0,0) rgba(0,0,0,0)}#middle section.mypage .inner .playmembership-period .schedule button.bt-next{margin-left:10px;position:absolute;top:0;right:10px}#middle section.mypage .inner .playmembership-period .schedule button.bt-next:after{position:absolute;top:8px;left:12px;content:"";width:0;height:0;border-style:solid;border-width:7.5px 0 7.5px 8px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #caccce}#middle section.mypage .inner .playmembership-period .schedule button.bt-next.active:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #3d4349}#middle section.mypage .inner .playmembership-desc{position:relative}#middle section.mypage .inner .playmembership-desc p{padding:5px 0 20px 0;text-align:center}#middle section.mypage .inner .playmembership-desc p span{display:block;font-weight:700;margin-bottom:10px;color:#3d4349;font-size:22px}#middle section.mypage .inner .playmembership-desc>.btn-area{margin-bottom:40px;overflow:hidden;text-align:center}#middle section.mypage .inner .playmembership-desc>.btn-area>div{display:inline-block}#middle section.mypage .inner .playmembership-desc>.btn-area .bt-reward-calendar{text-align:center;vertical-align:top;width:115px;padding:8px 0;font-size:14px;line-height:14px;color:#fff;border:1px solid #787878;box-shadow:0 2px 4px rgba(0,0,0,.2);background-color:#40546c}#middle section.mypage .inner .playmembership-desc>.btn-area .bt-reward-list{text-align:center;vertical-align:top;width:115px;padding:8px 0;font-size:14px;line-height:14px;color:#fff;border:1px solid #787878;box-shadow:0 2px 4px rgba(0,0,0,.2);background-color:#40546c}#middle section.mypage .inner .playmembership-desc>.btn-area .bt-reward-history{text-align:center;vertical-align:top;width:115px;padding:8px 0;font-size:14px;line-height:14px;color:#fff;border:1px solid #787878;box-shadow:0 2px 4px rgba(0,0,0,.2);background-color:#40546c}#middle section.mypage .inner .playmembership-desc>.btn-area .bt-last-reward{text-align:center;vertical-align:top;width:160px;padding:8px 0;font-size:14px;line-height:14px;color:#fff;border:1px solid #787878;box-shadow:0 2px 4px rgba(0,0,0,.2);background-color:#282e36}#middle section.mypage .inner .list-tab-member{padding:0 0 25px 0;margin:0 16px 0 16px}#middle section.mypage .inner .list-tab-member .inner{position:relative;height:45px;width:100%}#middle section.mypage .inner .list-tab-member .inner:after{content:"";z-index:2;position:absolute;left:0;bottom:0;display:block;visibility:visible;width:100%;height:1px;background-color:#000205}#middle section.mypage .inner .list-tab-member ul{z-index:4;position:absolute;left:0;top:0;width:100%}#middle section.mypage .inner .list-tab-member ul li{float:left}#middle section.mypage .inner .list-tab-member ul li.tab2{width:50%}#middle section.mypage .inner .list-tab-member ul li a{box-sizing:border-box;position:relative;display:block;height:45px;padding:10px 0 10px 0;font-size:15px;line-height:23px;color:#8f8f8f;text-align:center;border-bottom:1px solid #000205}#middle section.mypage .inner .list-tab-member ul li.active a{font-weight:500;color:#000204;border:1px solid #000205;border-bottom:1px solid #e8e8e8}#middle section.mypage .inner .list-tab-member ul li.active a:after{display:none}#middle section.mypage .inner .playmembership-arc{margin:0 16px 7px 16px;position:relative}#middle section.mypage .inner .playmembership-arc>.btn-area{margin-bottom:20px;overflow:hidden}#middle section.mypage .inner .playmembership-arc>.btn-area>div{float:right}#middle section.mypage .inner .playmembership-arc>.btn-area .bt-reward-calendar{text-align:center;vertical-align:top;width:115px;padding:8px 0;font-size:14px;line-height:14px;color:#fff;border:1px solid #787878;box-shadow:0 2px 4px rgba(0,0,0,.2);background-color:#40546c}#middle section.mypage .inner .playmembership-arc>.btn-area .bt-reward-list{text-align:center;vertical-align:top;width:115px;padding:8px 0;font-size:14px;line-height:14px;color:#fff;border:1px solid #787878;box-shadow:0 2px 4px rgba(0,0,0,.2);background-color:#40546c}#middle section.mypage .inner .playmembership-arc>.btn-area .bt-reward-history{text-align:center;vertical-align:top;width:115px;padding:8px 0;font-size:14px;line-height:14px;color:#fff;border:1px solid #787878;box-shadow:0 2px 4px rgba(0,0,0,.2);background-color:#40546c}#middle section.mypage .inner .playmembership-arc>.btn-area .bt-last-reward{text-align:center;vertical-align:top;width:160px;padding:8px 0;font-size:14px;line-height:14px;color:#fff;border:1px solid #787878;box-shadow:0 2px 4px rgba(0,0,0,.2);background-color:#282e36}#middle section.mypage .inner .playmembership-arc .each-arc{border:1px solid #777;box-sizing:border-box;position:relative;margin-bottom:50px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_info{height:80px;border-bottom:1px solid #777;overflow:hidden}#middle section.mypage .inner .playmembership-arc .each-arc .arc_info .tit{width:100%;background-color:#a2c0f1;position:relative;height:80px;box-sizing:border-box}#middle section.mypage .inner .playmembership-arc .each-arc .arc_info .tit h5{font-size:22px;line-height:80px;color:#000;font-weight:700;text-align:center}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph{background-color:#f1f1f1;position:relative;min-height:500px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .empty_all{position:absolute;top:0;left:0;width:100%;z-index:20;height:100%;min-height:500px;background:#f1f1f1 url("//ssl.nexon.com/s2/game/fo4/shop/playmm/empty_m.png") center center no-repeat;background-size:239.5px auto}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .empty_all .hidden{display:none}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .loading{position:absolute;top:0;left:0;width:100%;z-index:30;height:100%;min-height:500px;background:#f1f1f1 url("//ssl.nexon.com/s2/game/fo4/shop/playmm/loading.png") center center no-repeat;background-size:129px auto}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .loading .hidden{display:none}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-per{float:left;position:relative;padding:0 30px;box-sizing:border-box;width:100%;padding-bottom:30px;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-per>.tit{text-align:left;font-size:17px;color:#000;font-weight:700;line-height:1.5;padding-top:30px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-per>.val{position:absolute;top:22px;right:30px;font-size:38px;color:#2d6cce;font-weight:300}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-per>.val.minus{color:#2d6cce}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-per>.val.plus{color:#e35674}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-per.nbb{border-bottom:none}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-per.nbr{border-right:none}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-info{float:left;position:relative;padding:0 33px;box-sizing:border-box;width:100%;height:auto;padding-bottom:30px;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-info>.tit{text-align:left;font-size:17px;color:#000;font-weight:700;line-height:1.2;padding-top:29px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-info>.desc{font-size:11px;color:#737373;line-height:1.5;font-weight:300;padding-top:5px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-info>.val{position:absolute;top:34px;right:33px;font-size:28px;color:#2d6cce;font-weight:300}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-info.nbb{border-bottom:none}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-info.nbr{border-right:none}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph{float:left;position:relative;padding:0 23px;box-sizing:border-box;width:100%;padding-bottom:30px;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph>.tit{text-align:center;font-size:17px;color:#000;font-weight:700;line-height:30px;padding-top:25px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph>.tit span{color:#737373;font-size:18px;font-weight:300}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph>.sub_tit{padding-bottom:20px;display:block;text-align:center;font-size:14px;color:#000;line-height:22px;font-weight:300}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph>.sub_tit div{display:inline-block}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph>.sub_tit span{color:#000;font-size:14px;font-weight:300}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph.nbb{border-bottom:none}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph.nbr{border-right:none}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .g_wrap{position:relative;width:100%;height:36px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .g_wrap .empty{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;width:200px;height:36px;color:#000;font-size:15px;text-align:center;line-height:36px;border-radius:3px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .per{width:100%;position:absolute;top:0;left:0;z-index:1;height:36px;border-radius:36px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .per span.l{position:absolute;border-radius:36px 0 0 36px;top:0;left:0;width:0%;text-align:center;height:36px;line-height:36px;color:#fff;font-size:15px;min-width:36px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .per span.r{position:absolute;border-radius:0 36px 36px 0;top:0;right:0;width:0%;height:36px;line-height:36px;color:#fff;font-size:15px;text-align:center;min-width:36px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .per span.l:hover .tip,#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .per span.r:hover .tip{display:block}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .per .tip{position:absolute;bottom:40px;left:50%;height:auto;z-index:200;line-height:42px;box-sizing:border-box;background:#fff;box-shadow:0px 0px 50px 2px rgba(0,0,0,.2);word-break:break-all;font-size:12px;white-space:nowrap;color:#151432;padding:8px 15px;transform:translateX(-50%);border:1px solid #000;display:none}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .per .tip:before{content:"";left:50%;bottom:-8px;position:absolute;display:block;width:16px;height:8px;transform:translateX(-50%) translateY(0%) rotate(180deg);background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_asset_tooltip.png") left top no-repeat}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .per .tip span{display:block;text-align:center;line-height:16px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .per .tip span.tit{font-size:13px;color:#888}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .per .tip span.val{font-size:13px;color:#000}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .visual{width:100%;height:36px;background:#dcdcdc;border-radius:36px;position:relative;overflow:hidden}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .visual span.l{position:absolute;top:0;left:0;width:0%;text-align:center;height:36px;line-height:36px;color:#fff;font-size:15px;background:#020024;background:linear-gradient(90deg, rgb(97, 148, 228) 0%, rgb(42, 105, 204) 100%)}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .grade-graph .visual span.r{position:absolute;top:0;right:0;width:0%;height:36px;line-height:36px;color:#fff;font-size:15px;background:rgba(220,220,220,.1);text-align:center}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .arc_box{width:100%;box-sizing:border-box;float:left;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .arc_box .cate{width:245px;margin:0 auto;overflow:hidden;text-align:center;padding:20px 0 30px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .arc_box .cate ul li{display:inline-block;margin-right:5px;margin-bottom:15px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .arc_box .cate ul li .c{vertical-align:top;width:20px;height:17px;display:inline-block;border-radius:2px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .arc_box .cate ul li .t{vertical-align:top;display:inline-block;font-size:12px;color:#6a6a6a;margin-top:2px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .arc_box.nbb{border-bottom:none}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .arc_box.nbr{border-right:none}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .arc_box>.tit{text-align:center;font-size:17px;color:#000;font-weight:700;line-height:60px;margin-top:10px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .arc_box>.tit span{color:#737373;font-size:18px;font-weight:300}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .arc_box .graph{height:290px;position:relative}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .arc_box .graph .empty{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;width:200px;height:50px;background:rgba(169,169,169,.8);color:#000;font-size:18px;text-align:center;line-height:50px;border-radius:3px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .arc_box .graph ._tooltop{position:absolute;top:0;left:0;height:42px;z-index:200;line-height:42px;box-sizing:border-box;background:#fff;box-shadow:0px 0px 50px 2px rgba(0,0,0,.2);word-break:break-all;font-size:12px;white-space:nowrap;color:#151432;padding:4px 15px;transform:translateX(-50%);border:1px solid #000}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .arc_box .graph ._tooltop:before{content:"";left:50%;top:40px;position:absolute;display:block;width:16px;height:8px;transform:translateX(-50%) translateY(0%) rotate(180deg);background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_asset_tooltip.png") left top no-repeat}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .arc_box .graph ._tooltop span{display:block;text-align:center;line-height:16px}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .arc_box .graph ._tooltop span.tit{font-size:13px;color:#888}#middle section.mypage .inner .playmembership-arc .each-arc .arc_graph .arc_box .graph ._tooltop span.val{font-size:13px;color:#000}#middle section.mypage .inner .playmembership-arc .each-arc.join-arc .arc_info{background-color:#dde6f5}#middle section.mypage .inner .playmembership-arc .each-arc.join-arc .arc_info .tit{background-color:#a2c0f1}#middle section.mypage .inner .playmembership-arc .each-arc.play-arc .arc_info{background-color:#fadddd}#middle section.mypage .inner .playmembership-arc .each-arc.play-arc .arc_info .tit{background-color:#f1a7a7}#middle section.mypage .inner .playmembership-arc .each-arc.trade-arc{margin-bottom:0}#middle section.mypage .inner .playmembership-arc .each-arc.trade-arc .arc_info{background-color:#ebf2de}#middle section.mypage .inner .playmembership-arc .each-arc.trade-arc .arc_info .tit{background-color:#bfdd83}#middle section.mypage .inner .playmembership-arc .each-arc.trade-arc .cate{overflow:hidden;text-align:left !important;padding:20px 0 30px;width:230px;margin:0 auto}#middle section.mypage .inner .playmembership-arc .each-arc.trade-arc .cate li{margin-bottom:15px}#middle section.mypage .inner .playmembership-arc .advis{margin-top:16px;font-size:16px;line-height:16px;color:#787878}#middle section.mypage .inner .playmembership-arc .advis a{font-size:16px;line-height:16px;color:#6294e4;text-decoration:underline}#middle section.mypage .inner .playmembership-reward{margin:16px 16px 12px 16px}#middle section.mypage .inner .playmembership-reward .each-reward{margin-top:30px}#middle section.mypage .inner .playmembership-reward .each-reward .hash span{font-size:12px;line-height:20px;color:#2572ec;font-weight:400;font-style:italic}#middle section.mypage .inner .playmembership-reward .each-reward .reward_info{margin-top:10px;border:1px solid #7f7f7f;overflow:hidden;background-color:#dde6f5}#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .tit{float:left;width:90px;background-color:#a2c0f1;height:70px;text-align:center;position:relative}#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .tit h5{font-size:16px;line-height:70px;color:#000}#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .tit:after{position:absolute;top:32px;right:-4px;z-index:1;content:"";width:0;height:0;border-style:solid;border-width:3px 0 3px 4px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #a2c0f1}#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade{float:left;font-size:20px;float:left;width:calc(100% - 90px);box-sizing:border-box;padding-left:75px;box-sizing:border-box;padding-top:14px;position:relative;height:70px}#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .point strong{font-size:19px;line-height:1.5;color:#000;font-weight:700}#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .point span{font-size:19px;line-height:1.5;color:#888;font-weight:300}#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .next{font-size:11px;line-height:1.2;color:#777;font-weight:400}#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .icon{z-index:8;position:absolute;left:9px;top:0;width:70px !important;height:70px !important}#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .icon.new{background-size:46px 44px;background-position:12px 12px}#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .icon.bronze{background-size:46px 44px;background-position:12px 12px}#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .icon.silver{background-size:46px 44px;background-position:12px 12px}#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .icon.gold{background-size:46px 44px;background-position:12px 12px}#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .icon.platinum{background-size:46px 44px;background-position:12px 12px}#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .icon.dia{background-size:46px 44px;background-position:12px 12px}#middle section.mypage .inner .playmembership-reward .each-reward .reward_info .grade .icon.vip{background-size:46px 44px;background-position:12px 12px}#middle section.mypage .inner .playmembership-reward .each-reward.join-reward .reward_info{background-color:#dde6f5}#middle section.mypage .inner .playmembership-reward .each-reward.join-reward .reward_info .tit{background-color:#a2c0f1}#middle section.mypage .inner .playmembership-reward .each-reward.join-reward .reward_info .tit:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #a2c0f1}#middle section.mypage .inner .playmembership-reward .each-reward.play-reward .reward_info{background-color:#fadddd}#middle section.mypage .inner .playmembership-reward .each-reward.play-reward .reward_info .tit{background-color:#f1a7a7}#middle section.mypage .inner .playmembership-reward .each-reward.play-reward .reward_info .tit:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #f1a7a7}#middle section.mypage .inner .playmembership-reward .each-reward.trade-reward .reward_info{background-color:#ebf2de}#middle section.mypage .inner .playmembership-reward .each-reward.trade-reward .reward_info .tit{background-color:#bfdd83}#middle section.mypage .inner .playmembership-reward .each-reward.trade-reward .reward_info .tit:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #bfdd83}#middle section.mypage .inner .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item{position:relative;overflow:hidden;border:1px solid #7f7f7f;margin-top:-1px;background-color:#fff;min-height:80px;padding-left:75px;box-sizing:border-box}#middle section.mypage .inner .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item .tit{width:75px;text-align:center;font-size:16px;line-height:1.2;color:#000;position:absolute;top:50%;left:0;transform:translateY(-50%)}#middle section.mypage .inner .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item.new .tit{color:#5ca696}#middle section.mypage .inner .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item.bronze .tit{color:#a46a2a}#middle section.mypage .inner .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item.silver .tit{color:#88949a}#middle section.mypage .inner .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item.gold .tit{color:#d6aa4e}#middle section.mypage .inner .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item.platinum .tit{color:#683686}#middle section.mypage .inner .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item.dia .tit{color:#42889e}#middle section.mypage .inner .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item.vip .tit{color:#e6642c}#middle section.mypage .inner .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item .tooltip{width:calc(100% - 120px);display:flex;align-items:center;min-height:80px;padding:20px 0;box-sizing:border-box}#middle section.mypage .inner .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item .tooltip p{font-size:13px;line-height:1.2;color:#777}#middle section.mypage .inner .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item .btn-area{position:absolute;top:50%;right:16px;transform:translateY(-50%)}#middle section.mypage .inner .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item .btn-area button{border:2px solid #767676;text-align:center;font-size:12px;width:70px;box-sizing:border-box;height:30px;background:#07f468;border-color:#07f468;color:#fff}#middle section.mypage .inner .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item .btn-area button.disable{background:#8f8f8f;border-color:#8f8f8f;color:rgba(255,255,255,.3)}#middle section.mypage .inner .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item .btn-area button.complete{background:rgba(0,0,0,0);border-color:#767676;color:#58585e}#middle section.mypage .inner .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item .btn-area button.done{background:#8f8f8f;border-color:#8f8f8f;color:rgba(255,255,255,.3)}#middle section.mypage .inner .playmembership-button-arc{margin:0 16px 0 16px;padding:5px 0 16px 0;overflow:hidden}#middle section.mypage .inner .playmembership-button-arc a,#middle section.mypage .inner .playmembership-button-arc button{border:2px solid #767676;text-align:center;font-size:15px;width:calc(50% - 2px);box-sizing:border-box;line-height:50px;height:50px;margin-top:4px;background:#07f468;border-color:#07f468;color:#000}#middle section.mypage .inner .playmembership-button-arc a.bt-data-guide,#middle section.mypage .inner .playmembership-button-arc button.bt-data-guide{margin-left:0;width:100%}#middle section.mypage .inner .playmembership-button{margin:0 16px 0 16px;padding:5px 0 16px 0;border-bottom:1px solid #c5c5c5;overflow:hidden}#middle section.mypage .inner .playmembership-button a,#middle section.mypage .inner .playmembership-button button{border:2px solid #767676;text-align:center;font-size:15px;width:calc(50% - 2px);box-sizing:border-box;line-height:50px;height:50px;margin-top:4px;background:#07f468;border-color:#07f468;color:#000;float:left}#middle section.mypage .inner .playmembership-button a:nth-child(2n),#middle section.mypage .inner .playmembership-button button:nth-child(2n){margin-left:4px}#middle section.mypage .inner .playmembership-button a.bt-data-guide,#middle section.mypage .inner .playmembership-button button.bt-data-guide{margin-left:0;width:100%}#middle section.mypage .inner .playmembership-period-button{margin:0 16px 0 16px;padding:16px 0 16px 0;overflow:hidden}#middle section.mypage .inner .playmembership-period-button a,#middle section.mypage .inner .playmembership-period-button button{border:2px solid #767676;text-align:center;font-size:15px;width:calc(50% - 2px);box-sizing:border-box;line-height:50px;height:50px;margin-top:4px;background:#60c0f7;border-color:#60c0f7;color:#000;float:left}#middle section.mypage .inner .playmembership-period-button a:nth-child(2n),#middle section.mypage .inner .playmembership-period-button button:nth-child(2n){margin-left:4px}#middle section.mypage .inner .playmembership-period-button a:nth-child(3),#middle section.mypage .inner .playmembership-period-button button:nth-child(3){margin-left:0;width:100%}#middle section.mypage .inner .coupon-wrap{margin:16px}#middle section.mypage .inner .coupon-wrap>.empty{line-height:376px;color:#444;font-size:17px;text-align:center}#middle section.mypage .inner .coupon-wrap .get-coupon{padding:30px 15px;background:#f4f4f4;text-align:center;border-top:1px solid #3d4349;border-bottom:1px solid #3d4349}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-title{font-size:24px;text-align:center;line-height:1.2;color:#14171b}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-desc{font-size:12px;text-align:center;line-height:1.5;color:#555;margin-bottom:9px}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-advice{display:inline-block;line-height:45px;padding:0 34px;background-color:#cb3030;font-size:12px;color:#fff;text-align:center;border-radius:45px}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-advice span{font-size:12px;color:#fff}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list{width:100%;margin:0 auto;margin-top:30px}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap{gap:10px;position:relative;display:flex;justify-content:space-between;width:100%;flex-wrap:nowrap}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap{width:calc(50% - 5px);box-sizing:border-box;background-color:#fff;display:flex;flex-wrap:wrap;align-items:center;padding-top:30px}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap>.name{display:flex;justify-content:center;align-items:center;margin-top:30px;margin-bottom:30px;flex-direction:column;padding:0 10px;align-self:self-start;width:100%}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap>.name .txt{font-size:14px;line-height:1.5;color:#444}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap>.name .txt span{font-size:14px;line-height:1.5;color:#444}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap>.name .txt span:last-child{display:block}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap>.name .txt em{display:block;width:25px;height:25px;margin:10px auto;background-color:#000;color:#fff;line-height:25px;text-align:center;font-weight:600;font-size:17px;border-radius:25px}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap>.name .tooltip{display:none;text-align:center;margin-top:8px;position:relative;width:calc(100% - 40px)}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap>.name .tooltip .pointer{display:inline-block;width:21px;background-color:#6d6d76;height:21px;color:#fff;font-size:14px;line-height:21px;border-radius:2px;cursor:pointer}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap>.name .tooltip .desc{display:none;position:absolute;bottom:25px;left:50%;transform:translateX(-50%);padding:20px;border:1px solid #333;background-color:#fff;z-index:1;width:100%;font-size:14px;line-height:1.2;color:#444}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap>.name .tooltip .pointer:hover+.desc{display:block}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap>.btn-area{width:100%;margin:0 auto;box-sizing:border-box;align-self:flex-end}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap>.btn-area .btn-get{width:100%;height:55px;background-color:#07f468;color:#000;font-size:18px;text-align:center}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap>.btn-area .btn-get.disable{background-color:#a3a3a3;color:#c4c4c4;pointer-events:none}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap .coupon-item{width:100%;box-sizing:border-box;background-color:#fff;align-self:self-end}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap .coupon-item+.coupon-item{margin-top:20px}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap .coupon-item .thumb{margin:0 auto;width:120px;height:120px;background-color:#fff;position:relative;box-shadow:0 0 1px #000}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap .coupon-item .thumb img{width:120px}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.select-item .coupon-list-wrap .select-item-wrap .coupon-item .thumb .count{position:absolute;top:-15px;right:-15px;width:38px;height:38px;border-radius:38px;border:1px solid #1a1f26;text-align:center;line-height:38px;font-size:18px;font-weight:900;color:#1a1f26;background-color:#fff}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap{gap:7px;position:relative;display:flex;justify-content:center;width:100%;flex-wrap:wrap}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap>.btn-area{width:100%;margin:0 auto;box-sizing:border-box;align-self:flex-end;margin-top:20px}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap>.btn-area .btn-get{width:200px;height:55px;background-color:#07f468;color:#000;font-size:18px;text-align:center}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap>.btn-area .btn-get.disable{background-color:#a3a3a3;color:#c4c4c4;pointer-events:none}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap .wrap-item{width:calc(50% - 3.5px);box-sizing:border-box;background-color:#fff;display:flex;flex-wrap:wrap;align-items:center;padding-top:30px}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap .wrap-item>.name{display:flex;justify-content:center;align-items:center;margin-top:30px;margin-bottom:30px;flex-direction:column;padding:0 10px;align-self:self-start;width:100%}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap .wrap-item>.name .txt{font-size:14px;line-height:1.5;color:#444}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap .wrap-item>.name .txt span{font-size:14px;line-height:1.5;color:#444}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap .wrap-item>.name .txt span:last-child{display:block}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap .wrap-item>.name .txt em{display:block;width:25px;height:25px;margin:10px auto;background-color:#000;color:#fff;line-height:25px;text-align:center;font-weight:600;font-size:17px;border-radius:25px}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap .wrap-item>.name .tooltip{display:none;text-align:center;margin-top:8px;position:relative;width:calc(100% - 40px)}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap .wrap-item>.name .tooltip .pointer{display:inline-block;width:21px;background-color:#6d6d76;height:21px;color:#fff;font-size:14px;line-height:21px;border-radius:2px;cursor:pointer}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap .wrap-item>.name .tooltip .desc{display:none;position:absolute;bottom:25px;left:50%;transform:translateX(-50%);padding:20px;border:1px solid #333;background-color:#fff;z-index:1;width:100%;font-size:14px;line-height:1.2;color:#444}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap .wrap-item>.name .tooltip .pointer:hover+.desc{display:block}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap .wrap-item .coupon-item{width:100%;box-sizing:border-box;background-color:#fff;align-self:self-end}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap .wrap-item .coupon-item+.coupon-item{margin-top:20px}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap .wrap-item .coupon-item .thumb{margin:0 auto;width:120px;height:120px;background-color:#fff;position:relative;box-shadow:0 0 1px #000}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap .wrap-item .coupon-item .thumb img{width:120px}#middle section.mypage .inner .coupon-wrap .get-coupon .coupon-list.wrap-item .coupon-list-wrap .wrap-item .coupon-item .thumb .count{position:absolute;top:-15px;right:-15px;width:38px;height:38px;border-radius:38px;border:1px solid #1a1f26;text-align:center;line-height:38px;font-size:18px;font-weight:900;color:#1a1f26;background-color:#fff}#information{background-color:#d2d2d2}#information .inner{position:relative;padding:16px}#information ul{display:block}#information ul li{display:block;width:100%;margin-bottom:4px}#information ul li a{position:relative;display:block;padding:8px 16px;font-size:14px;line-height:14px;color:#000;text-align:center;border:1px solid #6a6a6a;border-radius:2px;background-color:#fff}#information ul li a:after{content:"";position:absolute;right:16px;top:8px;display:inline-block;width:6px;height:14px;margin-left:4px;vertical-align:top;background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/ico_arrow_right.png") left 2px no-repeat;background-size:6px 10px}#information p{padding:12px 0 0 0;font-size:14px;line-height:18px;color:#787878;text-align:center}#information p a{margin-top:4px;color:#1864b4;text-decoration:underline}footer{background:#c0c5cf}body.main footer{background:#000}footer .footer_wrap{text-align:center}footer .footer_wrap h2.logo{padding:8px 0 5px}footer .footer_wrap .aside_link ul li{display:inline-block;margin-right:5px;padding-right:5px;position:relative}footer .footer_wrap .aside_link ul li.privacy a{text-decoration:underline}footer .footer_wrap .aside_link ul li a{font-size:12px;color:#3f434a}footer .footer_wrap .aside_link ul li:after{position:absolute;top:4px;right:-2px;border-left:1px solid #6c707c;content:"";height:11px}footer .footer_wrap .aside_link ul li:last-child{margin-right:0;padding-right:0}footer .footer_wrap .aside_link ul li:last-child a{border:none}footer .footer_wrap .aside_link ul li:last-child:after{display:none}footer .footer_wrap .tit{font-size:12px;color:#3f434a}footer .footer_wrap .copy{position:relative;padding:9px 0 15px}footer .footer_wrap .copy .btn_copy{position:absolute;bottom:20px;left:50%;width:120px;margin-left:-60px;height:10px}footer .footer_wrap_2023{background:#000 !important}footer .footer_wrap_2023 .bottom{padding:30px 0}footer .footer_wrap_2023 .bottom .logo{display:flex;justify-content:center;margin:0 0 18px 0}footer .footer_wrap_2023 .bottom .logo a{width:225px;height:33px;text-indent:-9999px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/img_logo2.png");background-size:contain;display:block}footer .footer_wrap_2023 .bottom .aside_link{margin:0 0 30px 0}footer .footer_wrap_2023 .bottom .aside_link ul{display:flex;justify-content:center;column-gap:14px}footer .footer_wrap_2023 .bottom .aside_link ul li{position:relative;padding:0 15px 0 0}footer .footer_wrap_2023 .bottom .aside_link ul li a{font-size:12px;color:#fff}footer .footer_wrap_2023 .bottom .aside_link ul li:after{width:1px;height:11px;background:rgba(255,255,255,.3);position:absolute;right:0;top:4px;content:""}footer .footer_wrap_2023 .bottom .aside_link ul li:last-child{padding-right:0}footer .footer_wrap_2023 .bottom .aside_link ul li:last-child:after{display:none}footer .footer_wrap_2023 .bottom .tit{font-size:12px;color:#656565;text-align:center}.layer-popup{overflow-y:auto;z-index:1020;position:fixed;left:0;top:0;display:none;width:100%;height:100%}.layer-popup.visible{display:block;opacity:0}.layer-popup .content{transform:translateX(-50%) translateY(-50%);z-index:512;position:absolute;left:50%;top:50%;min-width:320px;width:80%;text-align:center;box-shadow:4px 8px 32px rgba(0,0,0,.8)}.layer-popup .content .header{position:relative;background-color:#dcdcdc}.layer-popup .content .header .title{padding:22px 40px;font-size:16px;line-height:20px;color:#000}.layer-popup .content .header .bt-close{z-index:128;position:absolute;right:22px;top:22px;width:18px;height:18px;text-indent:-9999px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/bt_layer_popup_close.png") left top no-repeat}.layer-popup .content .middle{padding:28px 0;color:#444;background-color:#e6e6e6}.layer-popup .content .middle .product{padding-bottom:28px;font-size:18px;line-height:22px;color:inherit}.layer-popup .content .middle .product strong{display:block;margin-top:8px;font-size:18px;line-height:18px;color:#c84a4c}.layer-popup .content .middle .text{margin:0 16px 28px 16px;font-size:16px;line-height:24px;color:inherit}.layer-popup .content .middle .button a{width:112px;height:50px;margin:0 2px;font-size:16px;line-height:50px;color:#20242a}.layer-popup .content .middle .button .bt-shopping,.layer-popup .content .middle .button .bt-confirm{background-color:#07f468}.layer-popup .content .middle .button .bt-basket{background-color:#8ca8d2}.layer-popup .content .middle .button .bt-cancel{background-color:#ccc}.layer-popup .content .middle .benefit{margin:0 28px 16px 28px;padding-bottom:16px;font-size:14px;line-height:18px;color:inherit;text-align:center;border-bottom:1px solid #787878}.layer-popup .content .middle .benefit:last-child{margin:0 28px 0 28px;padding-bottom:0;border-bottom:none}.layer-popup .content .middle .benefit strong{display:block;margin-bottom:8px;font-weight:500;font-size:16px;line-height:20px;color:inherit}.layer-popup .content .middle .benefit span{display:block;margin-bottom:4px;font-weight:500;font-size:14px;line-height:18px;color:inherit}.layer-popup .dimmed{z-index:510;position:fixed;left:0;top:0;width:100%;height:100%;cursor:url("//ssl.nexon.com/s2/game/fo4/shop/bt_dimmed.png"),pointer;background-color:rgba(0,0,0,.8)}.layer-popup .background{z-index:510;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8)}.layer-popup.membership-bp-random .content,.layer-popup.membership-key .content{position:absolute;top:32px;margin-bottom:32px;transform:translateX(-50%) translateY(0%)}.layer-popup.payment .content .middle .loader{position:relative;width:64px;height:64px;margin:0 auto}.layer-popup.payment .content .middle .loader .point{position:absolute;width:8px;height:8px;border-radius:8px;background-color:#b8b8b8;animation-name:paymentAnimation;animation-duration:1.4s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.layer-popup.payment .content .middle .loader .point._01{left:28px;top:0;animation-delay:0s}.layer-popup.payment .content .middle .loader .point._02{left:48px;top:8px;animation-delay:.2s}.layer-popup.payment .content .middle .loader .point._03{left:56px;top:28px;animation-delay:.4s}.layer-popup.payment .content .middle .loader .point._04{left:48px;top:48px;animation-delay:.6s}.layer-popup.payment .content .middle .loader .point._05{left:28px;top:56px;animation-delay:.8s}.layer-popup.payment .content .middle .loader .point._06{left:8px;top:48px;animation-delay:1s}.layer-popup.payment .content .middle .loader .point._07{left:0;top:28px;animation-delay:1.2s}.layer-popup.payment .content .middle .loader .point._08{left:8px;top:8px;animation-delay:1.4s}@keyframes paymentAnimation{0%{background-color:#b8b8b8}50%{background-color:#484848}100%{background-color:#b8b8b8}}.layer-popup.payment .content .middle .text{padding-top:28px;padding-bottom:0}.layer-popup.membership-grade-notice .content{position:absolute;top:32px;max-width:640px;transform:translateX(-50%) translateY(0%)}.layer-popup.membership-grade-notice .content .middle{margin-bottom:64px}.layer-popup.membership-grade-notice .content .middle .text{font-size:14px;line-height:18px;color:inherit;text-align:left;line-height:2}.layer-popup.membership-grade-notice .content .middle .text span{line-height:1.5;margin-left:10px;display:block}.layer-popup.membership-grade-period .content{position:absolute;top:32px;max-width:640px;transform:translateX(-50%) translateY(0%)}.layer-popup.membership-grade-period .content .middle{margin-bottom:64px}.layer-popup.membership-grade-period .content .middle .period img{width:100%}.layer-popup.membership-grade-period._2002renewal .content{top:32px;width:90%;max-width:1020px;transform:translateX(-50%) translateY(0%)}.layer-popup.membership-grade-period._2002renewal .content .middle{margin:0;padding:90% 0 0 0;background:url("//ssl.nexon.com/s2/game/fo4/shop/2002renewal/table_20221101.png") left bottom no-repeat #fff;background-size:contain}.layer-popup.membership-grade-period._2002renewal .content .middle .period{display:none}.layer-popup.playus-arc-guide .content{position:absolute;top:32px;max-width:640px;transform:translateX(-50%) translateY(0%)}.layer-popup.playus-arc-guide .content .middle{height:auto;box-sizing:border-box;padding:20px 10px;text-align:left}.layer-popup.playus-arc-guide .content .middle table{table-layout:fixed;background:#fff;width:100%}.layer-popup.playus-arc-guide .content .middle table td,.layer-popup.playus-arc-guide .content .middle table th{padding:3px;border:1px solid #ddd;font-size:10px;line-height:1.2;text-align:center}.layer-popup.playus-arc-guide .content .middle table th{background-color:#eee}.layer-popup.playus-arc-guide .content .middle p{font-size:10px;line-height:1.5;margin-bottom:2px;position:relative;padding-left:10px}.layer-popup.playus-arc-guide .content .middle p:after{position:absolute;top:0;left:0;content:"-"}.layer-popup.playus-arc-guide .content .middle h5{padding:10px;font-size:11px;font-weight:600}.layer-popup.playus-arc-guide .content .middle ul{padding:0 10px 10px}.layer-popup.playus-arc-guide .content .middle ul li{font-size:10px;line-height:1.5;margin-bottom:2px;position:relative;padding-left:10px}.layer-popup.playus-arc-guide .content .middle ul li:after{position:absolute;top:0;left:0;content:"-"}.layer-popup.membership-reward-list{z-index:2020}.layer-popup.membership-reward-list .content{position:absolute;top:32px;transform:translateX(-50%) translateY(0%)}.layer-popup.membership-reward-list .content .middle{margin-bottom:0;padding:16px;text-align:left}.layer-popup.membership-reward-list .content .middle .advis{margin-bottom:16px;font-size:14px;line-height:14px;color:#282828}.layer-popup.membership-reward-list .content .middle .advis:first-child{margin-bottom:8px}.layer-popup.membership-reward-list .content .middle .list-table ul{border-top:2px solid #141414}.layer-popup.membership-reward-list .content .middle .list-table ul li{position:relative;padding:16px 8px;border-bottom:1px solid #b8b8b8}.layer-popup.membership-reward-list .content .middle .list-table ul li:last-child{border-bottom:none}.layer-popup.membership-reward-list .content .middle .list-table ul li p{padding-right:64px;font-size:12px;line-height:16px;color:#787878}.layer-popup.membership-reward-list .content .middle .list-table ul li p strong{font-size:12px;line-height:16px;color:#000}.layer-popup.membership-reward-list .content .middle .list-table ul li p.date{position:absolute;right:8px;bottom:16px;padding-right:0;font-size:12px;line-height:16px;color:#787878}.layer-popup.membership-reward-list .content .middle .more button{display:block;width:100%;font-size:20px;line-height:52px;color:#000;text-align:center;background-color:#07f468}.layer-popup.membership-reward-list .content .middle .more button span{display:inline-block;font-size:20px;line-height:52px;color:#2264c8}.layer-popup.membership-last-reward .content{position:absolute;top:32px;transform:translateX(-50%) translateY(0%)}.layer-popup.membership-last-reward .content .middle{margin-bottom:64px;padding:0}.layer-popup.membership-last-reward .content .middle .advis{margin-bottom:16px;padding:0 16px;font-size:14px;line-height:14px;color:#282828;text-align:left}.layer-popup.membership-last-reward .content .middle .advis:first-child{margin-bottom:8px;padding-top:16px}.layer-popup.membership-last-reward .content .middle .reward-list li button.now:before{content:"최종등급"}.layer-popup.playus-membership-last-reward .content{position:absolute;top:32px;transform:translateX(-50%) translateY(0%)}.layer-popup.playus-membership-last-reward .content .middle{margin-bottom:64px;padding:0}.layer-popup.playus-membership-last-reward .content .middle .advis{margin-bottom:16px;padding:0 16px;font-size:14px;line-height:14px;color:#282828;text-align:left}.layer-popup.playus-membership-last-reward .content .middle .advis:first-child{margin-bottom:8px;padding-top:16px}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward{text-align:left;margin:0 16px 12px 16px}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward{padding-top:16px;padding-bottom:16px}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .hash span{font-size:12px;line-height:20px;color:#2572ec;font-weight:400;font-style:italic}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info{margin-top:10px;border:1px solid #7f7f7f;overflow:hidden;background-color:#dde6f5}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .tit{float:left;width:90px;background-color:#a2c0f1;height:70px;text-align:center;position:relative}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .tit h5{font-size:16px;line-height:70px;color:#000}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .tit:after{position:absolute;top:32px;right:-4px;z-index:1;content:"";width:0;height:0;border-style:solid;border-width:3px 0 3px 4px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #a2c0f1}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade{float:left;font-size:20px;float:left;width:calc(100% - 90px);box-sizing:border-box;padding-left:75px;box-sizing:border-box;padding-top:14px;position:relative;height:70px}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .point strong{font-size:19px;line-height:1.5;color:#000;font-weight:700}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .point span{font-size:19px;line-height:1.5;color:#888;font-weight:300}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .next{font-size:11px;line-height:1.2;color:#777;font-weight:400}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .icon{z-index:8;position:absolute;left:9px;top:0;width:70px !important;height:70px !important}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .icon.new{background-size:46px 44px;background-position:12px 12px}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .icon.bronze{background-size:46px 44px;background-position:12px 12px}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .icon.silver{background-size:46px 44px;background-position:12px 12px}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .icon.gold{background-size:46px 44px;background-position:12px 12px}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .icon.platinum{background-size:46px 44px;background-position:12px 12px}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .icon.dia{background-size:46px 44px;background-position:12px 12px}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_info .grade .icon.vip{background-size:46px 44px;background-position:12px 12px}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward.join-reward .reward_info{background-color:#dde6f5}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward.join-reward .reward_info .tit{background-color:#a2c0f1}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward.join-reward .reward_info .tit:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #a2c0f1}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward.play-reward .reward_info{background-color:#fadddd}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward.play-reward .reward_info .tit{background-color:#f1a7a7}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward.play-reward .reward_info .tit:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #f1a7a7}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward.trade-reward .reward_info{background-color:#ebf2de}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward.trade-reward .reward_info .tit{background-color:#bfdd83}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward.trade-reward .reward_info .tit:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #bfdd83}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item{position:relative;overflow:hidden;border:1px solid #7f7f7f;margin-top:-1px;background-color:#fff;min-height:80px;padding-left:75px;box-sizing:border-box}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item .tit{width:75px;text-align:center;font-size:16px;line-height:1.2;color:#000;position:absolute;top:50%;left:0;transform:translateY(-50%)}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item.new .tit{color:#5ca696}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item.bronze .tit{color:#a46a2a}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item.silver .tit{color:#88949a}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item.gold .tit{color:#d6aa4e}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item.platinum .tit{color:#683686}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item.dia .tit{color:#42889e}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item.vip .tit{color:#e6642c}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item .tooltip{width:calc(100% - 120px);display:flex;align-items:center;min-height:80px;padding:20px 0;box-sizing:border-box}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item .tooltip p{font-size:13px;line-height:1.2;color:#777}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item .btn-area{position:absolute;top:50%;right:16px;transform:translateY(-50%)}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item .btn-area button{border:2px solid #767676;text-align:center;font-size:12px;width:70px;box-sizing:border-box;height:30px;background:#07f468;border-color:#07f468;color:#fff}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item .btn-area button.disable{background:#8f8f8f;border-color:#8f8f8f;color:rgba(255,255,255,.3)}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item .btn-area button.complete{background:rgba(0,0,0,0);border-color:#767676;color:#58585e}.layer-popup.playus-membership-last-reward .content .middle .playmembership-reward .each-reward .reward_graph .grade-graph .each-grade-reward .grade-item .btn-area button.done{background:#8f8f8f;border-color:#8f8f8f;color:rgba(255,255,255,.3)}.layer-popup.membership-reward{z-index:1080}.layer-popup.membership-reward .content .middle{padding:28px 16px}.layer-popup.membership-reward .content .middle .mp{margin-bottom:16px;text-align:center}.layer-popup.membership-reward .content .middle .mp .icon img{width:100px;height:100px}.layer-popup.membership-reward .content .middle .mp p{margin-top:8px;font-weight:bold;font-size:20px;line-height:20px;color:#282e36}.layer-popup.membership-reward .content .middle .advis{margin-bottom:8px;font-size:14px;line-height:14px;color:#787878;text-align:left}.layer-popup.membership-reward .content .middle .advis strong{font-size:14px;line-height:14px;color:#cc3030}.layer-popup.membership-reward .content .middle .button{overflow:hidden;padding:8px 0 0 0;font-size:0;line-height:0;text-align:center}.layer-popup.membership-reward .content .middle .button a{display:inline-block;width:48%;height:auto;margin:0 1%;font-size:20px;line-height:52px;color:#20242a;text-align:center;vertical-align:top}.layer-popup.membership-reward .content .middle .button .bt-confirm{color:#fff;background-color:#6c6c76}.layer-popup.membership-reward .content .middle .button .bt-reward-list{background-color:#07f468}.layer-popup.playus-membership-reward{z-index:1080}.layer-popup.playus-membership-reward .content{position:absolute;top:32px;transform:translateX(-50%) translateY(0%)}.layer-popup.playus-membership-reward .content .middle{padding:28px 16px}.layer-popup.playus-membership-reward .content .middle .items{overflow:hidden;margin-bottom:16px;text-align:center}.layer-popup.playus-membership-reward .content .middle .items .thumb{width:150px;height:150px;text-align:center;position:relative;margin:0 auto;max-width:100%}.layer-popup.playus-membership-reward .content .middle .items .thumb img{width:150px;position:absolute;top:50%;transform:translateY(-50%);left:0;max-width:100%}.layer-popup.playus-membership-reward .content .middle .items p{margin-top:8px;font-weight:bold;font-size:13px;line-height:20px;color:#282e36;height:50px}.layer-popup.playus-membership-reward .content .middle .items .item{width:50%;float:left;border:1px solid #d3d3d3;padding:10px 0;box-sizing:border-box}.layer-popup.playus-membership-reward .content .middle .items .item:nth-child(2n){margin-left:-1px}.layer-popup.playus-membership-reward .content .middle .items .item:nth-child(n+3){margin-top:-1px}.layer-popup.playus-membership-reward .content .middle .items .item:only-child{width:100%;float:none}.layer-popup.playus-membership-reward .content .middle .advis{margin-bottom:8px;font-size:14px;line-height:14px;color:#787878;text-align:left}.layer-popup.playus-membership-reward .content .middle .advis strong{font-size:14px;line-height:14px;color:#cc3030}.layer-popup.playus-membership-reward .content .middle .button{overflow:hidden;padding:8px 0 0 0;text-align:center;font-size:0}.layer-popup.playus-membership-reward .content .middle .button a{display:block;float:left;width:48%;height:auto;margin:0;font-size:20px;line-height:52px;color:#20242a;text-align:center}.layer-popup.playus-membership-reward .content .middle .button .bt-confirm{float:left;color:#fff;background-color:#6c6c76}.layer-popup.playus-membership-reward .content .middle .button .bt-reward-list{float:right;background-color:#07f468}.layer-popup.birthday-reward .content .header{height:60px;background:#30312f}.layer-popup.birthday-reward .content .header .title{position:absolute;left:0;top:2px;padding:0;font-size:0;line-height:0;color:#000}.layer-popup.birthday-reward .content .header .title a{width:160px;height:56px;text-indent:-9999px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/popup_logo.png") 15px center no-repeat;background-size:auto 18px}.layer-popup.birthday-reward .content .header .bt-close{right:0;top:0;width:60px;height:60px;text-indent:-9999px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/bt_recommend_close.png") 16px 16px no-repeat #30312f}.layer-popup.birthday-reward .content .middle .reward{box-sizing:border-box;padding:0 16px;font-size:0;line-height:0;text-align:center}.layer-popup.birthday-reward .content .middle .reward h6{font-weight:bold;font-size:20px;line-height:20px;color:#000}.layer-popup.birthday-reward .content .middle .reward p{padding-top:8px;font-size:14px;line-height:14px;color:#000}.layer-popup.birthday-reward .content .middle .reward .item{position:relative;display:block;box-sizing:border-box;margin-top:8px;padding:8px;box-shadow:4px 4px 8px rgba(0,0,0,.2);background-color:#fff}.layer-popup.birthday-reward .content .middle .reward .item img{height:100px}.layer-popup.birthday-reward .content .middle .reward .item p{padding-top:8px;font-weight:bold}.layer-popup.birthday-reward .content .middle .reward .advice{padding-top:16px;font-size:12px;line-height:16px;color:#5a5a5a}.layer-popup.birthday-reward .content .middle .reward .button{padding-top:16px}.layer-popup.birthday-reward .content .middle .reward .button a{width:256px}.layer-popup.birthday-product .content .header{height:60px;background:#30312f}.layer-popup.birthday-product .content .header .title{position:absolute;left:0;top:2px;padding:0;font-size:0;line-height:0;color:#000}.layer-popup.birthday-product .content .header .title a{width:160px;height:56px;text-indent:-9999px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/popup_logo.png") 15px center no-repeat;background-size:auto 18px}.layer-popup.birthday-product .content .header .bt-close{right:0;top:0;width:60px;height:60px;text-indent:-9999px;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/ico/bt_recommend_close.png") 16px 16px no-repeat #30312f}.layer-popup.birthday-product .content .middle .product{box-sizing:border-box;padding:0 16px;font-size:0;line-height:0;text-align:center}.layer-popup.birthday-product .content .middle .product h6{font-weight:bold;font-size:20px;line-height:20px;color:#000}.layer-popup.birthday-product .content .middle .product p{padding-top:8px;font-size:14px;line-height:14px;color:#000}.layer-popup.birthday-product .content .middle .product .item{position:relative;display:block;box-sizing:border-box;margin-top:8px;padding:8px;box-shadow:4px 4px 8px rgba(0,0,0,.2);background-color:#fff}.layer-popup.birthday-product .content .middle .product .item img{height:100px}.layer-popup.birthday-product .content .middle .product .item p{padding-top:8px;font-size:16px;line-height:16px;color:#000}.layer-popup.birthday-product .content .middle .product .item p strong{font-size:16px;line-height:16px;color:#d41010}.layer-popup.birthday-product .content .middle .product .item .price{margin-top:8px;padding-top:8px;font-weight:bold;font-size:20px;line-height:20px;color:#444;border-top:1px solid #acacac}.layer-popup.birthday-product .content .middle .product .item .price:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:0}.layer-popup.birthday-product .content .middle .product .item .price.fc.mc:before{width:28px}.layer-popup.birthday-product .content .middle .product .button{padding-top:16px}.layer-popup.birthday-product .content .middle .product .button a{width:128px}#wrapper.inspection{padding:0;background:url("https://ssl.nexon.com/s2/game/fc/online/shop/mobile/bg_inspection.png") center top no-repeat #000;background-size:contain}#wrapper.inspection .container{position:relative;width:100%}#wrapper.inspection .container h1{display:none}#wrapper.inspection .container .text{width:100%;padding:75% 0 48% 0;text-align:center}#wrapper.inspection .container .text strong{display:block;padding-bottom:2vw;font-size:5.8vw;line-height:1;color:#fff;font-weight:300}#wrapper.inspection .container .text span{display:block;font-size:4vw;line-height:1;color:#fff;font-weight:500}html.app #wrapper{padding-top:0}html.app #middle section.list-product .product.detail{padding:16px 16px 128px 16px}.liveStore{background-color:#fff}.liveStore body{background-color:#fff}.liveStore #wrapper{padding:10px}.liveStore #wrapper #middle{background-color:#f4f4f4}.liveStore #wrapper #middle section.product-information{background-color:#f4f4f4}.liveStore #wrapper #middle section.product-information .cover{box-sizing:border-box;position:relative;display:flex;width:100%;padding:40px 40px 0}.liveStore #wrapper #middle section.product-information .cover>.wrap{display:flex;width:100%;border-bottom:4px solid #4e4e4e;padding-bottom:40px}.liveStore #wrapper #middle section.product-information .cover>.wrap .thumb{box-sizing:border-box;display:flex;width:180px;padding:0;line-height:0;justify-content:center;align-items:center}.liveStore #wrapper #middle section.product-information .cover>.wrap .thumb img{height:214px}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc{display:flex;width:calc(100% - 180px);box-sizing:border-box;padding:0 40px;flex-direction:column;justify-content:center}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit{display:block;vertical-align:middle;font-size:0;line-height:0;margin-bottom:5px}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit strong{display:inline-block;margin-bottom:8px;font-size:20px;line-height:40px;color:#d41010;vertical-align:top}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit>.tag{display:inline-block;margin-right:4px;margin-bottom:4px;padding:0 8px;font-size:14px;line-height:26px;color:#fff;border-radius:32px;vertical-align:top;text-align:center}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit>.tag.new{background-color:#149c7e}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit>.tag.bronze{background-color:#b6823e}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit>.tag.silver{background-color:#a8a8a8}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit>.tag.gold{background-color:#d0b800}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit>.tag.platinum{background-color:#9064cc}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit>.tag.dia{background-color:#54a8d6}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit>.tag.vip{background-color:#e6642c}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit>.tag.sale{background-color:#1864b4}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit>.tag.chainGoods{background-color:#ea18a6}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit>.tag.date{background-color:#b41818}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit>.tag.limit{color:#fff;background-color:#4e109e}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit>.tag.limit strong{margin-bottom:0;font-size:14px;line-height:26px;color:#f6ff00;vertical-align:top}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .text{position:relative;padding:0}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .text .wrap{border-top:none}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .text .wrap dt{padding:0 0 8px 0;font-size:27px;line-height:32px;color:#000}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .text .wrap dd{padding:0 0 0 0;font-size:18px;line-height:32px;color:#666}.liveStore #wrapper #middle section.product-information .price{padding:26px 40px 0;font-weight:400;font-size:38px;line-height:40px;color:#444;letter-spacing:-2px;position:relative;text-align:right}.liveStore #wrapper #middle section.product-information .price:before{position:absolute;top:26px;left:40px;content:"";display:inline-block;width:80px;height:40px;margin-right:16px;vertical-align:top}.liveStore #wrapper #middle section.product-information .price.fc:before{background-size:auto 40px}.liveStore #wrapper #middle section.product-information .price.mc:before{background-size:auto 40px}.liveStore #wrapper #middle section.product-information .price.fc.mc:before{width:80px;background-size:auto 40px}.liveStore #wrapper #middle section.product-information .price.mp:before{background-size:auto 40px}.liveStore #wrapper #middle section.product-information .price.cash:before{background-size:auto 40px}.liveStore #wrapper #middle section.product-information .price.ec:before{background-size:auto 40px}.liveStore #wrapper #middle section.product-information .price .priceWrap{padding-bottom:26px;border-bottom:4px solid #4e4e4e}.liveStore #wrapper #middle section.product-information .price .discount span{font-size:34px;line-height:44px;color:#adadad;position:relative;margin-right:30px}.liveStore #wrapper #middle section.product-information .price .discount span:before{position:absolute;content:"";top:50%;left:0;width:calc(100% + 10px);background-color:#ee4c4c;height:3px;transform:translateY(-50%)}.liveStore #wrapper #middle section.product-information .price .discount span:after{position:absolute;content:"";top:50%;left:calc(100% + 10px);width:0px;height:0px;border-style:solid;border-width:7px 0 7px 12px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #ee4c4c;transform:rotate(0deg);transform:translateY(-50%)}.liveStore #wrapper #middle section.product-information .price .discount strong{font-size:38px;line-height:44px;color:#3b3b3b;font-weight:700}.liveStore #wrapper #middle section.product-information .price .mileage span{font-size:24px;line-height:32px;color:#666}.liveStore #wrapper #middle section.product-information .price .mileage strong{font-size:24px;line-height:32px;color:#ca620d;font-weight:600}.liveStore #wrapper #middle section.list-product{padding-bottom:40px}.liveStore #wrapper #middle section.list-product .inner{position:relative}.liveStore #wrapper #middle section.list-product .impossible{text-align:center;overflow:hidden;padding:0 0 30px 0}.liveStore #wrapper #middle section.list-product .impossible strong{display:inline-block;margin:0 2px 4px 2px;padding:6.5px 16px 6.5px 16px;font-size:14px;line-height:20px;color:#b41818;font-weight:600;border:1px solid #7f7f7f;border-radius:2px;background-color:#fff}.liveStore #wrapper #middle section.list-product .product{box-sizing:border-box;width:100%;padding-left:64px}.liveStore #wrapper #middle section.list-product .product.detail{padding:0 40px 0 40px}.liveStore #wrapper #middle section.list-product .product.detail>li{position:relative;float:none !important;width:100% !important;min-height:258px;margin-bottom:20px;padding:46px 40px;background-color:#fff;border:1px solid #bababa;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.liveStore #wrapper #middle section.list-product .product.detail>li .thumb{z-index:4;position:absolute;left:40px;top:46px;width:auto}.liveStore #wrapper #middle section.list-product .product.detail>li .thumb img{width:auto;height:166px}.liveStore #wrapper #middle section.list-product .product.detail>li .plus{z-index:4;position:absolute;left:8px;top:8px;border:1px solid #383b40;width:60px;font-size:24px;line-height:28px;color:#1a1f26;letter-spacing:-2px;text-align:center;background-color:#fff}.liveStore #wrapper #middle section.list-product .product.detail>li .plus strong{font-weight:bold;font-size:24px;line-height:28px;color:#1a1f26;letter-spacing:-2px}.liveStore #wrapper #middle section.list-product .product.detail>li .text{position:static;left:auto;top:auto;display:block;height:auto;max-height:none;padding:0 0 0 144px;font-size:16px;line-height:20px;color:#a9a9a9;-webkit-line-clamp:inherit;text-align:left}.liveStore #wrapper #middle section.list-product .product.detail>li .text strong{display:block;padding-bottom:30px;font-size:21px;line-height:26px;color:#1a1f26;font-weight:600}.liveStore #wrapper #middle section.list-product .product.detail>li:last-child{margin-bottom:0}.liveStore #wrapper #middle section.list-product .advice{text-align:center;box-sizing:border-box;width:100%;margin:0;padding:0;padding-bottom:10px}.liveStore #wrapper #middle section.list-product .advice dt{font-weight:500;font-size:16px;line-height:20px;color:#3b3b3b}.liveStore #wrapper #middle section.product-order{z-index:508;position:fixed;left:50%;bottom:0;width:100%;min-width:640px;box-shadow:0 -16px 32px rgba(0,0,0,.2);transform:translateX(-50%) translateY(0%);background-color:#fff}.liveStore #wrapper #middle section.product-order .inner{position:relative;padding:20px}.liveStore #wrapper #middle section.product-order .list{display:none;margin-bottom:16px}.liveStore #wrapper #middle section.product-order .list.active{display:block}.liveStore #wrapper #middle section.product-order .list dd{padding:18px 40px;border-left:1px solid #a0a0a0;border-right:1px solid #a0a0a0;border-bottom:none;background-color:#b3b4b4}.liveStore #wrapper #middle section.product-order .list dd:nth-child(2){border-top:1px solid #a0a0a0}.liveStore #wrapper #middle section.product-order .list dd strong{float:left;font-size:22px;line-height:50px;color:#666;font-weight:600}.liveStore #wrapper #middle section.product-order .list dd .number{float:right}.liveStore #wrapper #middle section.product-order .list dd .number *{display:inline-block;font-size:inherit;color:inherit}.liveStore #wrapper #middle section.product-order .list dd.quantity{background-color:#fff}.liveStore #wrapper #middle section.product-order .list dd.quantity .number{margin-top:0}.liveStore #wrapper #middle section.product-order .list dd.quantity .number button{float:left;width:44px;height:44px;border:2px solid #b3b4b4;text-indent:-9999px;position:relative;background:none}.liveStore #wrapper #middle section.product-order .list dd.quantity .number span{display:inline-block;width:64px;font-size:24px;line-height:40px;color:#444;text-align:center;border-top:2px solid #b3b4b4;border-bottom:2px solid #b3b4b4}.liveStore #wrapper #middle section.product-order .list dd.quantity .number .bt-minus:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:12px;height:3px;background-color:#666;content:""}.liveStore #wrapper #middle section.product-order .list dd.quantity .number .bt-plus{float:right}.liveStore #wrapper #middle section.product-order .list dd.quantity .number .bt-plus:before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-90deg);width:12px;height:3px;background-color:#666;content:""}.liveStore #wrapper #middle section.product-order .list dd.quantity .number .bt-plus:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:12px;height:3px;background-color:#666;content:""}.liveStore #wrapper #middle section.product-order .list dd.coupon{background-color:#fff;padding:0px 40px 18px}.liveStore #wrapper #middle section.product-order .list dd.coupon .bt-coupon{box-sizing:border-box;width:100%;height:72px;padding:16px 64px 16px 16px;font-size:24px;line-height:28px;color:#666;text-align:left;border:2px solid #cecece;background:#fff;position:relative}.liveStore #wrapper #middle section.product-order .list dd.coupon .bt-coupon:after{position:absolute;top:30px;right:20px;content:"";z-index:1;pointer-events:none;width:0px;height:0px;border-style:solid;border-width:9px 9px 0 9px;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);transform:rotate(0deg)}.liveStore #wrapper #middle section.product-order .list dd.coupon .bt-coupon.active{border:2px solid #b3b4b4;background-position:right -54px}.liveStore #wrapper #middle section.product-order .list dd.coupon .bt-coupon.active:after{position:absolute;top:30px;right:20px;content:"";z-index:1;pointer-events:none;width:0px;height:0px;border-style:solid;border-width:0 9px 9px 9px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0);transform:rotate(0deg)}.liveStore #wrapper #middle section.product-order .list dd.coupon .bt-coupon strong{width:100%;padding:0 0 2px 0;font-size:9px;line-height:10px;color:#666}.liveStore #wrapper #middle section.product-order .list dd.coupon.impossible .bt-coupon{color:#cc3030}.liveStore #wrapper #middle section.product-order .list dd.coupon .coupon-list{overflow:hidden;display:none;overflow-y:auto;width:100%;max-height:400px;background-color:#fff}.liveStore #wrapper #middle section.product-order .list dd.coupon .coupon-list li button{box-sizing:border-box;width:100%;height:100px;padding:16px;font-size:18px;line-height:20px;color:#666;text-align:left;border:2px solid #cecece;border-top:none}.liveStore #wrapper #middle section.product-order .list dd.coupon .coupon-list li button strong{width:100%;padding:0 0 4px 0;font-size:24px;line-height:28px;color:#666;font-weight:600}.liveStore #wrapper #middle section.product-order .list dd.coupon .bt-my-coupon{box-sizing:border-box;width:100%;height:104px;margin-top:16px;padding:16px;font-size:32px;line-height:64px;color:#000;text-align:center;background-color:#a2dcfe}.liveStore #wrapper #middle section.product-order .list dd.coupon .bt-my-coupon:after{content:"";display:inline-block;width:8px;height:16px;margin-left:16px;vertical-align:2px;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_arrow.png") left top no-repeat}.liveStore #wrapper #middle section.product-order .list dd.amount{background-color:#e8e8e8;border-top:2px solid #999;padding:18px 40px 0;font-size:22px;line-height:56px;color:#b8680b}.liveStore #wrapper #middle section.product-order .list dd.amount .number{font-size:30px;line-height:56px;color:#2d2d2d;font-weight:600}.liveStore #wrapper #middle section.product-order .list dd.amount .amountWrap{border-bottom:2px solid #999;overflow:hidden;padding-bottom:18px}.liveStore #wrapper #middle section.product-order .list dd.mileage{padding:10px 40px 0;background-color:#e8e8e8;font-size:22px;line-height:50px;color:#b8680b}.liveStore #wrapper #middle section.product-order .list dd.mileage .number{font-size:30px;line-height:50px;color:#b8680b}.liveStore #wrapper #middle section.product-order .list dd.mileage strong{font-size:22px;line-height:50px;color:#b8680b}.liveStore #wrapper #middle section.product-order .list dd.residual{padding:0 40px 40px;background-color:#e8e8e8;border-bottom:1px solid #999;font-size:22px;line-height:50px;color:#b8680b}.liveStore #wrapper #middle section.product-order .list dd.residual .number{font-size:30px;line-height:50px;color:#666}.liveStore #wrapper #middle section.product-order .button{display:flex;width:100%}.liveStore #wrapper #middle section.product-order .button ul{display:block;width:100%}.liveStore #wrapper #middle section.product-order .button ul li{display:block;width:70px}.liveStore #wrapper #middle section.product-order .button ul li:nth-child(1),.liveStore #wrapper #middle section.product-order .button ul li:nth-child(2){width:auto}.liveStore #wrapper #middle section.product-order .button ul li a{display:block;font-size:26px;line-height:70px;color:#21242a;text-align:center}.liveStore #wrapper #middle section.product-order .button ul li .bt-buy{height:70px;margin-right:0;background-color:#07f468;font-weight:600}.liveStore #wrapper #middle section.product-order .button ul li .bt-buy span{font-size:26px;line-height:70px;color:#21242a;letter-spacing:0;vertical-align:top}.liveStore #wrapper #middle section.product-order .button ul li .bt-buy strong{font-size:26px;line-height:70px;color:#21242a;letter-spacing:0;vertical-align:top}.liveStore #wrapper #middle section.product-order .button ul li .bt-buy.off{color:#9e9e9e;background-color:#c8c8c8}.liveStore #wrapper #middle section.product-order .button ul li .bt-buy.off strong{color:#9e9e9e}.liveStore #wrapper #middle section.product-order .button ul li .bt-buy.off span{color:#9e9e9e}.liveStore #wrapper #middle section.product-order .button ul.one li:nth-child(2){width:108px}.liveStore #wrapper #middle section.payment{padding:40px;background-color:#f4f4f4}.liveStore #wrapper #middle section.payment .payment-table{width:100%;table-layout:fixed;border-top:none;border-bottom:2px solid #3c404a;background-color:#f4f4f4}.liveStore #wrapper #middle section.payment .payment-table colgroup col:first-child{width:160px}.liveStore #wrapper #middle section.payment .payment-table tr.used-coupon td{border-top:1px solid #999}.liveStore #wrapper #middle section.payment .payment-table tr.used-coupon td:nth-child(2){padding-bottom:14px;padding-top:14px;vertical-align:middle;text-align:right;font-size:24px;line-height:30px;color:#666}.liveStore #wrapper #middle section.payment .payment-table tr.used-coupon td:nth-child(2) span{font-size:18px;line-height:30px;color:#666}.liveStore #wrapper #middle section.payment .payment-table tr.total td{border-top:4px solid #4e4e4e;border-bottom:1px solid #999}.liveStore #wrapper #middle section.payment .payment-table tr.total td:nth-child(1){font-size:22px;line-height:80px;color:#666}.liveStore #wrapper #middle section.payment .payment-table tr.total td:nth-child(2){text-align:right;font-size:30px;line-height:80px;color:#2d2d2d;font-weight:600}.liveStore #wrapper #middle section.payment .payment-table tr.total td:nth-child(2) .bt-charge{margin-left:16px;font-size:30px;line-height:80px;color:#2d2d2d;vertical-align:top;text-decoration:underline}.liveStore #wrapper #middle section.payment .payment-table tr.mileage{font-weight:600}.liveStore #wrapper #middle section.payment .payment-table tr.mileage td{padding-top:20px;border:none}.liveStore #wrapper #middle section.payment .payment-table tr.mileage td:nth-child(1){font-size:22px;line-height:48px;color:#b8680b}.liveStore #wrapper #middle section.payment .payment-table tr.mileage td:nth-child(2){text-align:right;font-size:30px;line-height:48px;color:#b8680b}.liveStore #wrapper #middle section.payment .payment-table tr.mileage td:nth-child(2) .bt-charge{margin-left:16px;font-size:30px;line-height:48px;color:#b8680b;vertical-align:top;text-decoration:underline}.liveStore #wrapper #middle section.payment .payment-table tr.mileage+.residual td{padding-top:0}.liveStore #wrapper #middle section.payment .payment-table tr.residual td{padding-top:20px;padding-bottom:20px;border-top:none}.liveStore #wrapper #middle section.payment .payment-table tr.residual td:nth-child(1){font-size:22px;line-height:48px;color:#666}.liveStore #wrapper #middle section.payment .payment-table tr.residual td:nth-child(2){text-align:right;font-size:30px;line-height:48px;color:#666;font-weight:600}.liveStore #wrapper #middle section.payment .payment-table tr.residual td:nth-child(2) .bt-charge{margin-left:16px;font-size:30px;line-height:48px;color:#666;vertical-align:top;text-decoration:underline}.liveStore #wrapper #middle section.payment .payment-table tbody tr td{padding:0;font-size:22px;line-height:54px;color:#666;text-align:left;vertical-align:middle;border-bottom:4px solid #4e4e4e}.liveStore #wrapper #middle section.payment .payment-table tbody tr td .thumb-all{display:flex;justify-content:center;align-items:center;padding-bottom:30px}.liveStore #wrapper #middle section.payment .payment-table tbody tr td .thumb{padding:0 20px 0;text-align:center;background-color:#f4f4f4;line-height:0}.liveStore #wrapper #middle section.payment .payment-table tbody tr td .thumb img{width:auto;height:146px}.liveStore #wrapper #middle section.payment .payment-table tbody tr td .name{font-size:25px;line-height:32px;color:#000;padding:0;background-color:#f4f4f4;text-align:center}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.quantity,.liveStore #wrapper #middle section.payment .payment-table tbody tr td.total-payment{text-align:right;font-size:40px;line-height:48px;color:#666}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.residual-payment{text-align:right;font-size:40px;line-height:48px;color:#787878}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.residual-payment .bt-charge{margin-left:16px;font-size:40px;line-height:48px;color:#f86400;vertical-align:top;text-decoration:underline}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.quantity{padding:14px 0;font-size:22px;line-height:54px;color:#666;text-align:left;border-bottom:none}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.quantity .number{display:inline-block;width:114px;background-color:#fff}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.quantity .number span{display:block;font-size:26px;line-height:50px;color:#444;text-align:center;border:2px solid #cecece;border-bottom:2px solid #cecece}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.quantity:nth-child(2){text-align:right}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment{text-align:right;padding-bottom:14px}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .bt-coupon{box-sizing:border-box;width:100%;height:76px;padding:16px 64px 16px 16px;font-size:24px;line-height:28px;color:#666;text-align:left;border:2px solid #b3b4b4;background:#fff url("//ssl.nexon.com/s2/game/fo4/shop/ico_coupon.png") right -12px no-repeat;background-size:48px auto}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .bt-coupon.active{border:1px solid #626262;background-position:right -108px}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .bt-coupon strong{width:100%;padding:0 0 4px 0;font-size:24px;line-height:28px;color:#666}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment.impossible .bt-coupon{color:#cc3030}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .coupon-list{overflow:hidden;display:none;overflow-y:auto;width:100%;max-height:400px;background-color:#fff}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .coupon-list li button{box-sizing:border-box;width:100%;height:100px;padding:16px;font-size:24px;line-height:28px;color:#666;text-align:left;border:1px solid #cecece;border-top:none}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .coupon-list li button strong{width:100%;padding:0 0 4px 0;font-size:24px;line-height:28px;color:#666}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .bt-my-coupon{box-sizing:border-box;width:100%;height:104px;margin-top:16px;padding:16px;font-size:32px;line-height:64px;color:#000;text-align:center;background-color:#a2dcfe}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .bt-my-coupon:after{content:"";display:inline-block;width:8px;height:16px;margin-left:16px;vertical-align:1px;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_arrow.png") left top no-repeat}.liveStore #wrapper #middle section.payment .confirm{padding:64px 32px;text-align:center}.liveStore #wrapper #middle section.payment .confirm label.checkbox{display:inline-block;cursor:pointer}.liveStore #wrapper #middle section.payment .confirm label.checkbox input[type=checkbox]{display:none}.liveStore #wrapper #middle section.payment .confirm label.checkbox p{font-size:26px;line-height:40px;color:#444;font-weight:600}.liveStore #wrapper #middle section.payment .confirm label.checkbox p:before{content:"";display:inline-block;width:40px;height:40px;margin-right:16px;vertical-align:top;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_checkbox.png") left -40px no-repeat;background-size:40px auto}.liveStore #wrapper #middle section.payment .confirm label.checkbox.on p:before{background-position:0 -80px}.liveStore #wrapper #middle section.payment .confirm .advice{padding-top:16px;font-size:24px;line-height:28px;color:#7c7c7c;font-weight:500}.liveStore #wrapper #middle section.payment .confirm .advice.cash{color:#2a67c8}.liveStore #wrapper #middle section.payment .button{padding:0;text-align:center}.liveStore #wrapper #middle section.payment .button a{display:inline-block;width:48%;margin:0 2px;height:70px;font-size:26px;line-height:70px;color:#20242a;text-align:center}.liveStore #wrapper #middle section.payment .button .bt-payment{background-color:#07f468}.liveStore #wrapper #middle section.payment .button .bt-cancel{background-color:#ccc}.liveStore #wrapper #middle section.payment .complete{padding:54px 0 0 0;font-size:26px;line-height:30px;color:#2a67c8;font-weight:600;text-align:center}.liveStore #wrapper #middle section.payment .complete strong{display:block;font-size:24px;line-height:28px;color:#7c7c7c;font-weight:600}.liveStore #wrapper #middle section.payment .complete span{display:block;font-size:22px;line-height:40px;color:#999;font-weight:500}.liveStore #wrapper #middle section.payment .complete a{display:block;width:300px;margin:0 auto;height:70px;font-size:26px;line-height:70px;color:#21242a;text-align:center}.liveStore #wrapper #middle section.payment .complete .bt-confirm{background-color:#07f468}.liveStore #wrapper #information{background-color:#e7e7e7;padding-bottom:130px}.liveStore #wrapper #information .inner{position:relative;padding:30px 40px}.liveStore #wrapper #information ul{display:block}.liveStore #wrapper #information ul li{display:block;width:100%;margin-bottom:16px}.liveStore #wrapper #information ul li a{position:relative;display:block;padding:12px 32px;padding-left:30px;font-size:24px;line-height:28px;color:#000;text-align:left;border:1px solid #6a6a6a;border-radius:2px;background-color:#fff}.liveStore #wrapper #information ul li a:after{content:"";position:absolute;right:32px;top:16px;display:inline-block;width:12px;height:28px;margin-left:8px;vertical-align:top;background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/ico_arrow_right.png") left 4px no-repeat;background-size:12px 20px}.liveStore #wrapper #information p{padding:24px 0 0 0;font-size:21px;line-height:28px;color:#777;text-align:center}.liveStore #wrapper #information p a{font-size:21px;line-height:28px;color:#2660bf;margin-top:8px;text-decoration:underline}@media screen and (max-width: 500px){.liveStore{background-color:#fff}.liveStore body{background-color:#fff}.liveStore #wrapper{padding:5px}.liveStore #wrapper #middle{background-color:#f4f4f4}.liveStore #wrapper #middle section.product-information{background-color:#f4f4f4}.liveStore #wrapper #middle section.product-information .cover{box-sizing:border-box;position:relative;display:flex;width:100%;padding:20px 20px 0}.liveStore #wrapper #middle section.product-information .cover>.wrap{display:flex;width:100%;border-bottom:2px solid #4e4e4e;padding-bottom:20px}.liveStore #wrapper #middle section.product-information .cover>.wrap .thumb{box-sizing:border-box;display:flex;width:90px;padding:0;line-height:0;justify-content:center;align-items:center}.liveStore #wrapper #middle section.product-information .cover>.wrap .thumb img{height:107px}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc{display:flex;width:calc(100% - 90px);box-sizing:border-box;padding:0 20px;flex-direction:column;justify-content:center}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit{display:block;vertical-align:middle;font-size:0;line-height:0;margin-bottom:5px}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .limit strong{display:inline-block;margin-bottom:4px;font-size:14px;line-height:20px;color:#d41010;vertical-align:top}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .text{position:relative;padding:0}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .text .wrap{border-top:none}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .text .wrap dt{padding:0 0 4px 0;font-size:18px;line-height:22px;color:#000}.liveStore #wrapper #middle section.product-information .cover>.wrap .desc .text .wrap dd{padding:0 0 0 0;font-size:13px;line-height:16px;color:#666}}@media screen and (max-width: 500px)and (max-width: 374px){.liveStore #wrapper #middle section.product-information .cover .thumb{width:90px;padding:0}}@media screen and (max-width: 500px){.liveStore #wrapper #middle section.product-information .price{padding:13px 20px 0;font-weight:400;font-size:19px;line-height:20px;color:#444;letter-spacing:-2px;position:relative;text-align:right}.liveStore #wrapper #middle section.product-information .price:before{position:absolute;top:13px;left:20px;content:"";display:inline-block;width:40px;height:20px;margin-right:8px;vertical-align:top}.liveStore #wrapper #middle section.product-information .price.fc:before{background-size:auto 20px}.liveStore #wrapper #middle section.product-information .price.mc:before{background-size:auto 20px}.liveStore #wrapper #middle section.product-information .price.fc.mc:before{width:40px;background-size:auto 20px}.liveStore #wrapper #middle section.product-information .price.mp:before{background-size:auto 20px}.liveStore #wrapper #middle section.product-information .price.cash:before{background-size:auto 20px}.liveStore #wrapper #middle section.product-information .price.ec:before{background-size:auto 20px}.liveStore #wrapper #middle section.product-information .price .priceWrap{padding-bottom:13px;border-bottom:2px solid #4e4e4e}.liveStore #wrapper #middle section.product-information .price .discount span{font-size:19px;line-height:22px;color:#adadad;position:relative;margin-right:15px}.liveStore #wrapper #middle section.product-information .price .discount span:before{position:absolute;content:"";top:50%;left:0;width:calc(100% + 5px);background-color:#ee4c4c;height:1.5px;transform:translateY(-50%)}.liveStore #wrapper #middle section.product-information .price .discount span:after{position:absolute;content:"";top:50%;left:calc(100% + 5px);width:0px;height:0px;border-style:solid;border-width:3.5px 0 3.5px 6px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #ee4c4c;transform:rotate(0deg);transform:translateY(-50%)}.liveStore #wrapper #middle section.product-information .price .discount strong{font-size:22px;line-height:24px;color:#3b3b3b}.liveStore #wrapper #middle section.product-information .price .mileage{margin-top:5px}.liveStore #wrapper #middle section.product-information .price .mileage span{font-size:15px;line-height:18px;color:#666}.liveStore #wrapper #middle section.product-information .price .mileage strong{font-size:15px;line-height:18px;color:#ca620d}.liveStore #wrapper #middle section.list-product{padding-top:20px;padding-bottom:20px}.liveStore #wrapper #middle section.list-product .inner{position:relative}.liveStore #wrapper #middle section.list-product .impossible{text-align:center;overflow:hidden;padding:0 0 20px 0}.liveStore #wrapper #middle section.list-product .impossible strong{display:inline-block;margin:0 1px 2px 1px;padding:5px 8px 5px 8px;font-size:13px;line-height:15px;color:#b41818;border:1px solid #7f7f7f;border-radius:2px;background-color:#fff}.liveStore #wrapper #middle section.list-product .product{box-sizing:border-box;width:100%;padding-left:16px}.liveStore #wrapper #middle section.list-product .product.detail{padding:0 20px 0 20px}.liveStore #wrapper #middle section.list-product .product.detail>li{position:relative;float:none !important;width:100% !important;min-height:155px;margin-bottom:10px;padding:36px 20px;background-color:#fff;border:1px solid #bababa;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.liveStore #wrapper #middle section.list-product .product.detail>li .thumb{z-index:4;position:absolute;left:20px;top:36px;width:auto}.liveStore #wrapper #middle section.list-product .product.detail>li .thumb img{width:auto;height:83px}.liveStore #wrapper #middle section.list-product .product.detail>li .plus{z-index:4;position:absolute;left:4px;top:4px;border:1px solid #383b40;width:42px;font-size:16px;line-height:26px;color:#1a1f26;letter-spacing:-2px;text-align:center;background-color:#fff}.liveStore #wrapper #middle section.list-product .product.detail>li .plus strong{font-weight:bold;font-size:16px;line-height:26px;color:#1a1f26;letter-spacing:-2px}.liveStore #wrapper #middle section.list-product .product.detail>li .text{position:static;left:auto;top:auto;display:block;height:auto;max-height:none;padding:0 0 0 72px;font-size:13px;line-height:16px;color:#a9a9a9;-webkit-line-clamp:inherit;text-align:left}.liveStore #wrapper #middle section.list-product .product.detail>li .text strong{display:block;padding-bottom:15px;font-size:15px;line-height:20px;color:#1a1f26}.liveStore #wrapper #middle section.list-product .product.detail>li:last-child{margin-bottom:0}.liveStore #wrapper #middle section.list-product .advice{text-align:center;box-sizing:border-box;width:100%;margin:0;padding:0;padding-bottom:8px}.liveStore #wrapper #middle section.list-product .advice dt{font-weight:500;font-size:13px;line-height:18px;color:#3b3b3b}.liveStore #wrapper #middle section.product-order{z-index:508;position:fixed;left:50%;bottom:0;width:100%;min-width:320px;box-shadow:0 -16px 32px rgba(0,0,0,.2);transform:translateX(-50%) translateY(0%);background-color:#fff}.liveStore #wrapper #middle section.product-order .inner{position:relative;padding:10px}.liveStore #wrapper #middle section.product-order .bt-order{z-index:4;position:absolute;left:50%;top:-32px;width:84px;height:32px;text-indent:-9999px;border-radius:8px 8px 0 0;transform:translateX(-50%) translateY(0%);background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/ico_arrow_top.png") 32px 10px no-repeat #fff;background-size:20px 12px}.liveStore #wrapper #middle section.product-order .bt-order.active{background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/ico_arrow_bottom.png") 32px 10px no-repeat #fff;background-size:20px 12px}.liveStore #wrapper #middle section.product-order .list{display:none;margin-bottom:8px}.liveStore #wrapper #middle section.product-order .list.active{display:block}.liveStore #wrapper #middle section.product-order .list dd{padding:9px 20px;border-left:1px solid #a0a0a0;border-right:1px solid #a0a0a0;border-bottom:none;background-color:#b3b4b4}.liveStore #wrapper #middle section.product-order .list dd:nth-child(2){border-top:1px solid #a0a0a0}.liveStore #wrapper #middle section.product-order .list dd strong{float:left;font-size:16px;line-height:32px;color:#666}.liveStore #wrapper #middle section.product-order .list dd .number{float:right}.liveStore #wrapper #middle section.product-order .list dd .number *{display:inline-block;font-size:inherit;color:inherit}.liveStore #wrapper #middle section.product-order .list dd.quantity{background-color:#fff;padding:18px 20px}.liveStore #wrapper #middle section.product-order .list dd.quantity .number{margin-top:0}.liveStore #wrapper #middle section.product-order .list dd.quantity .number button{float:left;width:32px;height:32px;border:1px solid #b3b4b4;text-indent:-9999px;background:none}.liveStore #wrapper #middle section.product-order .list dd.quantity .number span{display:inline-block;width:47px;font-size:18px;line-height:32px;color:#444;text-align:center;border-top:1px solid #b3b4b4;border-bottom:1px solid #b3b4b4;height:32px;box-sizing:border-box}.liveStore #wrapper #middle section.product-order .list dd.quantity .number .bt-minus{border-right:1px solid #b3b4b4}.liveStore #wrapper #middle section.product-order .list dd.quantity .number .bt-plus{border-left:1px solid #b3b4b4;float:right}.liveStore #wrapper #middle section.product-order .list dd.coupon{background-color:#fff;padding:0px 20px 20px}.liveStore #wrapper #middle section.product-order .list dd.coupon .bt-coupon{box-sizing:border-box;width:100%;height:50px;padding:8px 32px 8px 8px;font-size:15px;line-height:34px;color:#666;text-align:left;border:1px solid #b3b4b4;background:none}.liveStore #wrapper #middle section.product-order .list dd.coupon .bt-coupon:after{position:absolute;top:23px;right:20px;content:"";z-index:1;pointer-events:none;width:0px;height:0px;border-style:solid;border-width:6px 6px 0 6px;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);transform:rotate(0deg)}.liveStore #wrapper #middle section.product-order .list dd.coupon .bt-coupon.active{border:1px solid #b3b4b4}.liveStore #wrapper #middle section.product-order .list dd.coupon .bt-coupon.active:after{position:absolute;top:23px;right:20px;content:"";z-index:1;pointer-events:none;width:0px;height:0px;border-style:solid;border-width:0 6px 6px 6px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0);transform:rotate(0deg)}.liveStore #wrapper #middle section.product-order .list dd.coupon .bt-coupon strong{width:100%;padding:0 0 2px 0;font-size:15px;line-height:50px;color:#666}.liveStore #wrapper #middle section.product-order .list dd.coupon.impossible .bt-coupon{color:#cc3030}.liveStore #wrapper #middle section.product-order .list dd.coupon .coupon-list{overflow:hidden;display:none;overflow-y:auto;width:100%;max-height:200px;background-color:#fff}.liveStore #wrapper #middle section.product-order .list dd.coupon .coupon-list li button{box-sizing:border-box;width:100%;height:auto;padding:8px;font-size:15px;line-height:20px;color:#666;text-align:left;border:1px solid #cecece;border-top:none}.liveStore #wrapper #middle section.product-order .list dd.coupon .coupon-list li button strong{width:100%;padding:0 0 2px 0;font-size:15px;line-height:20px;color:#666;font-weight:600}.liveStore #wrapper #middle section.product-order .list dd.coupon .bt-my-coupon{box-sizing:border-box;width:100%;height:52px;margin-top:8px;padding:8px;font-size:16px;line-height:32px;color:#000;text-align:center;background-color:#a2dcfe}.liveStore #wrapper #middle section.product-order .list dd.coupon .bt-my-coupon:after{content:"";display:inline-block;width:4px;height:8px;margin-left:8px;vertical-align:1px;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_arrow.png") left top no-repeat}.liveStore #wrapper #middle section.product-order .list dd.amount{background-color:#e8e8e8;border-top:1px solid #999;padding:9px 20px 0;font-size:16px;line-height:76px;color:#666}.liveStore #wrapper #middle section.product-order .list dd.amount strong{font-size:16px;line-height:76px;color:#666}.liveStore #wrapper #middle section.product-order .list dd.amount .number{font-size:20px;line-height:76px;color:#2d2d2d}.liveStore #wrapper #middle section.product-order .list dd.amount .amountWrap{border-bottom:1px solid #999;overflow:hidden;padding-bottom:9px}.liveStore #wrapper #middle section.product-order .list dd.mileage{padding:9px 20px 0;background-color:#e8e8e8;font-size:16px;line-height:35px;color:#b8680b}.liveStore #wrapper #middle section.product-order .list dd.mileage strong{font-size:16px;line-height:35px;color:#b8680b}.liveStore #wrapper #middle section.product-order .list dd.mileage .number{font-size:16px;line-height:35px;color:#b8680b}.liveStore #wrapper #middle section.product-order .list dd.residual{padding:0 20px 20px;background-color:#e8e8e8;border-bottom:1px solid #999;font-size:16px;line-height:35px;color:#666}.liveStore #wrapper #middle section.product-order .list dd.residual strong{font-size:16px;line-height:35px;color:#666}.liveStore #wrapper #middle section.product-order .list dd.residual .number{font-size:16px;line-height:35px;color:#666}.liveStore #wrapper #middle section.product-order .button{display:flex;width:100%}.liveStore #wrapper #middle section.product-order .button ul{display:block;width:100%}.liveStore #wrapper #middle section.product-order .button ul li{display:block;width:35px}.liveStore #wrapper #middle section.product-order .button ul li:nth-child(1),.liveStore #wrapper #middle section.product-order .button ul li:nth-child(2){width:auto}.liveStore #wrapper #middle section.product-order .button ul li a{display:block;font-size:20px;line-height:50px;color:#21242a;text-align:center}.liveStore #wrapper #middle section.product-order .button ul li .bt-buy{height:50px;margin-right:0;background-color:#07f468}.liveStore #wrapper #middle section.product-order .button ul li .bt-buy span{font-size:20px;line-height:50px;color:#21242a;letter-spacing:0;vertical-align:top}.liveStore #wrapper #middle section.product-order .button ul li .bt-buy strong{font-size:20px;line-height:50px;color:#21242a;letter-spacing:0;vertical-align:top}.liveStore #wrapper #middle section.product-order .button ul li .bt-buy.off{color:#9e9e9e;background-color:#c8c8c8}.liveStore #wrapper #middle section.product-order .button ul li .bt-buy.off strong{color:#9e9e9e}.liveStore #wrapper #middle section.product-order .button ul li .bt-buy.off span{color:#9e9e9e}.liveStore #wrapper #middle section.product-order .button ul li .bt-gift{margin-right:8px;background-color:#8ca8d2}.liveStore #wrapper #middle section.product-order .button ul li .bt-basket{text-indent:-9999px;background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/bt_basket.png") 50% 50% no-repeat #50565c;background-size:26px 24px}.liveStore #wrapper #middle section.product-order .button ul li .bt-basket.off{background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/bt_basket.png") 50% 50% no-repeat #c8c8c8;background-size:26px 24px}.liveStore #wrapper #middle section.product-order .button ul.one li:nth-child(2){width:54px}.liveStore #wrapper #middle section.payment{padding:20px;background-color:#f4f4f4}.liveStore #wrapper #middle section.payment .payment-table{width:100%;table-layout:fixed;border-top:none;border-bottom:2px solid #3c404a;background-color:#f4f4f4}.liveStore #wrapper #middle section.payment .payment-table colgroup col:first-child{width:130px}.liveStore #wrapper #middle section.payment .payment-table tr.used-coupon td{border-top:1px solid #999}.liveStore #wrapper #middle section.payment .payment-table tr.used-coupon td:nth-child(2){padding-bottom:7px;padding-top:7px;vertical-align:middle;text-align:right;font-size:12px;line-height:15px;color:#666}.liveStore #wrapper #middle section.payment .payment-table tr.used-coupon td:nth-child(2) span{font-size:10px;line-height:15px;color:#666}.liveStore #wrapper #middle section.payment .payment-table tr.total td{border-bottom:1px solid #999}.liveStore #wrapper #middle section.payment .payment-table tr.total td:nth-child(1){font-size:16px;line-height:74px;color:#666}.liveStore #wrapper #middle section.payment .payment-table tr.total td:nth-child(2){text-align:right;font-size:20px;line-height:74px;color:#2d2d2d;font-weight:600}.liveStore #wrapper #middle section.payment .payment-table tr.mileage{font-weight:600}.liveStore #wrapper #middle section.payment .payment-table tr.mileage td{padding-top:10px;border:none}.liveStore #wrapper #middle section.payment .payment-table tr.mileage td:nth-child(1){font-size:16px;line-height:34px;color:#b8680b}.liveStore #wrapper #middle section.payment .payment-table tr.mileage td:nth-child(2){text-align:right;font-size:16px;line-height:34px;color:#b8680b}.liveStore #wrapper #middle section.payment .payment-table tr.residual td{padding-bottom:10px;border-top:none}.liveStore #wrapper #middle section.payment .payment-table tr.residual td:nth-child(1){font-size:16px;line-height:34px;color:#666}.liveStore #wrapper #middle section.payment .payment-table tr.residual td:nth-child(2){text-align:right;font-size:16px;line-height:34px;color:#666;font-weight:600}.liveStore #wrapper #middle section.payment .payment-table tbody tr td{padding:0;font-size:11px;line-height:27px;color:#666;text-align:left;vertical-align:middle;border-bottom:2px solid #4e4e4e}.liveStore #wrapper #middle section.payment .payment-table tbody tr td .thumb-all{display:flex;justify-content:center;align-items:center;padding-bottom:20px}.liveStore #wrapper #middle section.payment .payment-table tbody tr td .thumb{padding:0 10px 0;text-align:center;background-color:#f4f4f4;line-height:0}.liveStore #wrapper #middle section.payment .payment-table tbody tr td .thumb img{width:auto;height:110px}.liveStore #wrapper #middle section.payment .payment-table tbody tr td .name{font-size:18px;line-height:22px;color:#666;padding:0;background-color:#f4f4f4;text-align:center}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.quantity,.liveStore #wrapper #middle section.payment .payment-table tbody tr td.total-payment{text-align:right;font-size:20px;line-height:24px;color:#666}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.residual-payment{text-align:right;font-size:20px;line-height:24px;color:#787878}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.residual-payment .bt-charge{margin-left:8px;font-size:20px;line-height:24px;color:#f86400;vertical-align:top;text-decoration:underline}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.quantity{padding:20px 0 20px;font-size:16px;line-height:32px;color:#666;text-align:left;border-bottom:none}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.quantity .number{display:inline-block;width:47px;background-color:#fff}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.quantity .number span{display:block;font-size:18px;line-height:32px;color:#444;text-align:center;border:1px solid #cecece;border-bottom:1px solid #cecece}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.quantity:nth-child(2){text-align:right}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment{text-align:right;padding-bottom:20px}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .bt-coupon{box-sizing:border-box;width:100%;height:55px;padding:8px 32px 8px 8px;font-size:15px;line-height:39px;color:#666;text-align:left;border:1px solid #b3b4b4;background:none;position:relative;background-color:#fff}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .bt-coupon:after{position:absolute;top:23px;right:20px;content:"";z-index:1;pointer-events:none;width:0px;height:0px;border-style:solid;border-width:6px 6px 0 6px;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);transform:rotate(0deg)}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .bt-coupon.active{border:1px solid #626262}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .bt-coupon.active:after{position:absolute;top:23px;right:20px;content:"";z-index:1;pointer-events:none;width:0px;height:0px;border-style:solid;border-width:0 6px 6px 6px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0);transform:rotate(0deg)}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .bt-coupon strong{width:100%;padding:0 0 2px 0;font-size:12px;line-height:14px;color:#666}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment.impossible .bt-coupon{color:#cc3030}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .coupon-list{overflow:hidden;display:none;overflow-y:auto;width:100%;max-height:200px;background-color:#fff}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .coupon-list li button{box-sizing:border-box;width:100%;height:50px;padding:8px;font-size:12px;line-height:14px;color:#666;text-align:left;border:1px solid #cecece;border-top:none}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .coupon-list li button strong{width:100%;padding:0 0 2px 0;font-size:12px;line-height:14px;color:#666}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .bt-my-coupon{box-sizing:border-box;width:100%;height:52px;margin-top:8px;padding:8px;font-size:16px;line-height:32px;color:#000;text-align:center;background-color:#a2dcfe}.liveStore #wrapper #middle section.payment .payment-table tbody tr td.coupon-payment .bt-my-coupon:after{content:"";display:inline-block;width:4px;height:8px;margin-left:8px;vertical-align:1px;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_arrow.png") left top no-repeat}.liveStore #wrapper #middle section.payment .confirm{padding:32px 16px;text-align:center}.liveStore #wrapper #middle section.payment .confirm label.checkbox{display:inline-block;cursor:pointer}.liveStore #wrapper #middle section.payment .confirm label.checkbox input[type=checkbox]{display:none}.liveStore #wrapper #middle section.payment .confirm label.checkbox p{font-size:20px;line-height:24px;color:#444}.liveStore #wrapper #middle section.payment .confirm label.checkbox p:before{content:"";display:block;width:36px;height:36px;margin-right:8px;vertical-align:top;background:url("//ssl.nexon.com/s2/game/fo4/shop/ico_checkbox.png") left -36px no-repeat;background-size:36px auto;margin:0 auto;margin-bottom:20px}.liveStore #wrapper #middle section.payment .confirm label.checkbox.on p:before{background-position:0 -72px}.liveStore #wrapper #middle section.payment .confirm .advice{padding-top:8px;font-size:15px;line-height:19px;color:#7c7c7c}.liveStore #wrapper #middle section.payment .button{padding:0;text-align:center}.liveStore #wrapper #middle section.payment .button a{display:inline-block;width:48%;margin:0 2px;height:60px;font-size:20px;line-height:60px;color:#20242a;text-align:center}.liveStore #wrapper #middle section.payment .button .bt-payment{background-color:#07f468}.liveStore #wrapper #middle section.payment .button .bt-cancel{background-color:#ccc}.liveStore #wrapper #middle section.payment .complete{padding:27px 0 0 0;font-size:20px;line-height:24px;color:#2a67c8;text-align:center}.liveStore #wrapper #middle section.payment .complete strong{display:block;font-size:15px;line-height:19px;color:#7c7c7c;font-weight:500}.liveStore #wrapper #middle section.payment .complete span{display:block;font-size:14px;line-height:20px;color:#999}.liveStore #wrapper #middle section.payment .complete a{display:block;width:150px;margin:0 auto;height:60px;font-size:20px;line-height:60px;color:#21242a;text-align:center}.liveStore #wrapper #middle section.payment .complete .bt-confirm{background-color:#07f468}.liveStore #wrapper #information{background-color:#e7e7e7;padding-bottom:65px}.liveStore #wrapper #information .inner{position:relative;padding:15px 20px}.liveStore #wrapper #information ul{display:block}.liveStore #wrapper #information ul li{display:block;width:100%;margin-bottom:8px}.liveStore #wrapper #information ul li a{position:relative;display:block;padding:6px 16px;padding-left:15px;font-size:12px;line-height:14px;color:#000;text-align:left;border:1px solid #6a6a6a;border-radius:2px;background-color:#fff}.liveStore #wrapper #information ul li a:after{content:"";position:absolute;right:16px;top:8px;display:inline-block;width:6px;height:14px;margin-left:4px;vertical-align:top;background:url("//ssl.nexon.com/s2/game/fo4/shop/mobile/ico_arrow_right.png") left 2px no-repeat;background-size:6px 10px}.liveStore #wrapper #information p{padding:12px 0 0 0;font-size:11px;line-height:14px;color:#777;text-align:center}.liveStore #wrapper #information p a{font-size:11px;line-height:14px;color:#2660bf;margin-top:4px;text-decoration:underline}}.layer-popup.loading{z-index:20000;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8)}@keyframes blink{50%{opacity:0}}.layer-popup.loading .content{box-shadow:none !important;background:rgba(0,0,0,0) !important;transform:scale(0.5) translateX(-50%) translateY(-50%);transform-origin:0 0}.layer-popup.loading .content ul{width:128px;margin:0 auto 48px auto}.layer-popup.loading .content ul li{float:left;width:24px;height:24px;margin:0 4px;box-shadow:0 0 32px #000;background-color:#fff}.layer-popup.loading .content ul li:nth-child(1){animation:blink 1s linear 0s infinite}.layer-popup.loading .content ul li:nth-child(2){animation:blink 1s linear .1s infinite}.layer-popup.loading .content ul li:nth-child(3){animation:blink 1s linear .2s infinite}.layer-popup.loading .content ul li:nth-child(4){animation:blink 1s linear .3s infinite}.layer-popup.loading .content p:nth-child(2){margin-bottom:16px;font-size:48px;line-height:48px;font-weight:bold;color:#fff;text-align:center;text-shadow:0 0 32px #000}.layer-popup.loading .content p:nth-child(3){font-size:32px;line-height:32px;color:#fff;text-align:center;text-shadow:0 0 32px #000}