@charset "utf-8";
body{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
p{margin:0;}
h1#logo{width:115px}
h1, .h1, h2, .h2, h3, .h3{margin:0}
.wrap{width:100%; overflow-x:hidden;}
/*common*/
.fc-red{color:red !important}
.fc-yellow{color:#ffda0c !important}
.fc-yellow02{color:#f8a903 !important}
.fc-skyblue{color:#0bb8fc !important}
.fc-blue{color:#369 !important}
.fc-blue02{color:#36c !important}
.fc-gray{color:#666 !important}
.fc-gray02{color:#999 !important}
.ta-r{text-align:right}
.ta-l{text-align:left}
.ta-c{text-align:center;}
.pd0{padding:0 !important}
.pd05{padding:0 5px}
.pd10{padding:10px}
.pd40{padding:40px}
.ptb10{padding:10px 0 !important}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.plr10{padding:0 10px !important}
.plr30{padding:0 30px !important}
.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb0{padding-bottom:0 !important;}
.pl10{padding-left:10px}
.bd-n{border:none}
.btn-2 a.btn{width:48%}
.mg0auto{margin:0 auto}
.mg0{margin:0 !important}
.mg10{margin:10px !important}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt30{margin-top:30px}
.mr5{margin-right:5px;}
.mr9{margin-right:9px;}
.mr10{margin-right:10px;}
.mt5{margin-top:5px}
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb02{margin-bottom:0.2em}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.fl-l{float:left;}
.fl-r{float:right}
.cl-b{clear:both;}
.cl-b:after{display:block; content:''; clear:both}
.w204{min-width:204px; max-width:204px}
.wFull{width:100% !important}
.bd1{border:1px solid #dedede; }
.bd-r{border-radius:0.5em;}
.bb1{border-bottom:1px solid #ddd;}
.bt1{border-top:1px solid #ddd;}
img.gold, img.pc {margin-bottom:0.2em}
a .btn-ltxt{font-size:1.033em}
.line-h12{line-height:1.2em;}
.line-h18{line-height:1.8em;}
.conArea.gray{background:#e6e6e6}
.conArea.gray02{background:#f7f7f7}
.db-inline{display:inline}
.tit.m-font{font-size:1.333em}
.h64{height:64px !important}
.txti1{text-indent:-1em}
.go_top{position:fixed; display:none; bottom: 5px; right:10px; z-index:100}
.itemshop_gnb.logout .user_info.top{display:none}
/*Title Bar*/
header menu.leftMenu a, header menu.rightMenu a{width:auto}
.title_bar{border:1px solid #c9c9c9; border-right:none; border-left:none;margin-top:0; margin-bottom: 20px;}
.title_bar p{background:#dfdfdf;color:#333; padding:8px 10px;margin:0;font-size:0.533em; border-top:1px solid #f6f6f6; font-weight:100;}
.title_bar p span{display:block; font-size:0.875em; float:right; }
.title_bar p span img{margin-bottom:0.2em; width:9px !important;height:14px;}
.tit_bar{padding:8px 10px; font-size:1.131em; font-weight:normal;color:#fff; background:#9ca2ae;}
.tit_bar.s-font{font-size:0.933em}
.tit_bar.gray02{background:#b0b0b0}
.tit_bar.gray03{background:#e6e6e6}
.tit_bar.yellow{background:#f8a800;}
.tit_bar.yellow img{margin-right:7px;}
.tit_bar.pink{background:#eb6d9a}
h3.tit_bar{background:#fff; color:#333}
h3.tit_bar.yellow{background:#f6c152;} 
h3.tit_bar.yellow p{color:#fff;}
h3.tit_bar p {color:#eb6d9a;}
h3.tit_bar p.s-font{font-weight:bold; font-size:0.875em}
h3.tit_bar p.fc-yellow{color:#f29e44;font-size:1.333em; padding:5px 0 0}
h3.tit_bar .mobile p.fc-yellow{color:#f29e44 !important;}
h3.tit_bar p span img{margin-right:5px;}
div.title p{border-top:1px solid #fff; padding:8px 10px; font-size:1.231em}
div.title.yellow{background:#fff8dc; border:1px solid #ffe4b5; border-right:none; border-left:none}
div.title.pink{background:#ffdcdc; border:1px solid #fdb5b5;border-right:none; border-left:none}

.txt{padding:15px 10px 12px;font-size:0.99em}
.txt.pb-n{padding-bottom:0}
.txt.s-font{font-size:0.823em}

/*list*/
.touchslider{width:100%; height:100%;}
.touchslider:after{display:block; content:''; clear:both;}
.touchslider-viewport{height:100% !important; padding-bottom:24%;overflow: hidden; }
.touchslider-viewport .touchslider-item{text-align:center;}
.touchslider-viewport div{width:100% !important; }
.nav-item{text-align:center; padding-top:5px;}
.touchslider-nav-item{display:inline-block; cursor: pointer; margin:0 2px;text-indent:-999em; width:8px; height:8px; background:url(../images/common/btn_slide.png) no-repeat;background-size:16px auto;}
.touchslider-nav-item-current{background-position:-8px 0}
.popup_img{padding:13px 0 0;margin:0 34px;overflow:hidden}
.popup_img .touchslider-viewport{padding-bottom:58%;}
.popup_img .touchslider-nav-item{display:inline-block;cursor: pointer; margin:0 2px;text-indent:-999em; width:10px; height:10px; background:url(../images/common/btn_slide02.png) 0px 0 no-repeat; background-size:21px;}
.popup_img .touchslider-nav-item-current{background-position:-11px 0}
.itemshop_gnb{position:relative;}

/*Button Style*/
.btnArea{text-align: center; padding: 2%; margin: 0 0 8%;}
.btnArea{border-top:none;}
.btnsArea {padding:10px 0 0}
.btnsArea ul{padding:0 10px;clear:both; height:auto; text-align:center;}
.btnsArea ul:after{display:block; content:''; clear:both}
.btnsArea ul li{width:49%; display:inline-block; }
.btnsArea ul li a.btn{width:100%; padding:4px 0}
.img-responsive {display:block; height:auto; width:100%;border:none; margin:0; padding:0;}

.btnArea .btn{width:100%;}

.btn{display:inline-block; font-size:1.023em; width:120px; text-align:center; background:#6880b9; border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px; padding:6px 0;}
.btn span{color:#fff; width:100%;}
.btn img{margin-bottom:.2em; margin-left:0px}
.btn.w80{width:80%}
.btn.l-font{font-size:1.133em}
.btn.pink {background:#eb6d9a}
.btn.gray{background:#dbdbdb;}
.btn.yellow{background:#f8a800;}
.btn.white{background:#fff; border:1px solid #dedede;}
.btn.white span{color:#333;}
.btn.top_white{background:#fff; border:1px solid #dedede;}
.btn.top_white span{color:#333;}
.btn.gray span{color: #9c9c9c;}
.btn.st03{padding:11px 0;border:1px solid #be9a0a;font-size:1.231em;color:#b08207;width:65%;background-color:#f2c744;background-image: -webkit-linear-gradient(bottom, #faf6ea, #ede8cb 20%, #ebdaa6 40%, #ebdaa6 60%, #faf6ea);background-image: -moz-linear-gradient(bottom, #faf6ea, #ede8cb 20%, #ebdaa6 40%, #ebdaa6 60%, #faf6ea);background-image: -o-linear-gradient(bottom, #faf6ea, #ede8cb 20%, #ebdaa6 40%, #ebdaa6 60%, #faf6ea);background-image: linear-gradient(to top, #faf6ea, #ede8cb 20%, #ebdaa6 40%, #ebdaa6 60%, #faf6ea);}
.btn.st03 img{margin:0 0 .1em;}
.btn.st04{border-radius:0;-moz-border-radius:0; -webkit-border-radius:0;background:#fafafa;width:90px;padding:13px 0;color:#333;border:1px solid #ccc;background-image: -webkit-linear-gradient(bottom, #f9f9f9, #fefefe);background-image: -moz-linear-gradient(bottom, #f9f9f9, #fefefe);background-image: -o-linear-gradient(bottom, #f9f9f9, #fefefe);background-image: linear-gradient(to top, #f9f9f9, #fefefe);}
.btn.st05{background:#bfbfbf;color:#fff; font-weight:bold; border-radius:0;-moz-border-radius:0; -webkit-border-radius:0;}
/*Tab Style*/
.tabLi.StA{padding:10px; }
.tabLi.StA ul{clear:both; width:100%;}
.tabLi.StA ul:after{display:block; content:''; clear:both;}
.tabLi.StA ul li{display:table; float:left; padding:0; height:32px;font-size:0.923em;background:#f7f7f7; width:50%; text-align:center;}
.tabLi.StA ul li a{display:table-cell; padding:6px 0;vertical-align:middle;border:1px solid #e6e1e1;  border-left:none;}
.tabLi.StA ul li.active{background:#fff;color:#f4565a}
.tabLi.StA ul li.active a{color:#f4565a; font-weight:bold;border-bottom:none; }
.tabLi.StA ul li.first a{border-left:1px solid #e6e1e1;}
.tabLi.StB{padding:0 10px;}
.tabLi.StB ul{clear:both; width:100%;}
.tabLi.StB ul:after{display:block; content:''; clear:both;}
.tabLi.StB ul li{float:left;display:table;height:38px; text-align:center;width:33%;line-height:1.2em; }
.tabLi.StB ul li.active{background:#6880b9;}
.tabLi.StB ul li.active a{color:#fff;}
.tabLi.StB ul li.last a{border-right:1px solid #e5e5e5}
.tabLi.StB ul li a{display:table-cell; padding:2px 24px;vertical-align: middle; border:1px solid #e5e5e5; border-right:none}
.tabLi.StB ul li a{height:40px; vertical-align:middle; font-size:0.923em; padding:2px 0}
.tabLi ul li a .style_ico {width:20px; height:21px; margin-left:-13px; background:url('../images/common/icon_style_quick.png') no-repeat; background-size:20px auto; display:inline-block; vertical-align:middle;}

/*List Style*/
.area .img .corver.point{border:none !important}
.area .img .corver.sell .border{background:url(../images/common/bg_corver09.png) no-repeat;background-size:cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index:2;  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/common/bg_corver01.png', sizingMethod='scale')";}
.area .img .corver .border{background:url(../images/common/bg_corver01.png) no-repeat;border:none;background-size:100%; width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index:2;  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/common/bg_corver01.png', sizingMethod='scale')";}
.area .img .corver.point .border{background:url(../images/common/bg_corver02.png) no-repeat;background-size: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index:2;/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/common/bg_corver02.png', sizingMethod='scale');*/ -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/common/bg_corver02.png', sizingMethod='scale')";
}
.area .img .corver.end .border{background:url(../images/common/bg_corver05.png) no-repeat;background-size:cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index:2;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/common/bg_corver05.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/common/bg_corver05.png', sizingMethod='scale')";
}
.area .img .corver.end.point .border{background:url(../images/common/bg_corver05.png) no-repeat;background-size:cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index:2;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/common/bg_corver05.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/common/bg_corver05.png', sizingMethod='scale')";
}
.area .img .corver.bg-y .border{background:url(../images/common/bg_corver03.png) no-repeat;background-size: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index:2;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/common/bg_corver03.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/common/bg_corver03.png', sizingMethod='scale')";
}
.area .img .corver.bg-r .border{background:url(../images/common/bg_corver04.png) no-repeat;background-size:66px auto;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index:2;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/common/bg_corver04.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/common/bg_corver04.png', sizingMethod='scale')";
}
.area .img input {position:absolute; left:0; top:-5px; z-index:3; width:20px;height:20px }

/*.img span{position:absolute; bottom:0; left:0px; width:30px; height:30px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px;border-top-right-radius:5px; z-index:1; text-indent:-999em; background:#393738 url(../images/common/ico_mb-temstyle.png) no-repeat;}
.img span.sell_txt{position:relative;background:transparent; z-index:10; top:40%; left:50%; margin-left:-60px; font-weight:bold; color:red;}
.area .img span.style{background-position:1px -1px}
.area .img span.markAward{background-position:-34px -1px}
.area .img span.dartThrow{background-position:-66px -1px}
.area .img span.frame{background-position:-97px -1px}
.area .img span.effect{background-position:-131px -1px}
.area .img span.dynamicFrame{background-position:0px -29px}
.area .img span.sound{background-position:-35px -29px}
.area .img span.bullsound{background-position:-35px -29px}
.area .img span.bull{background-position:-67px -29px}
.area .img span.award,
.area .img span.phoenixEye,
.area .img span.hatTrick,
.area .img span.ton80,
.area .img span.highTon,
.area .img span.lowTon,
.area .img span.threeInABed,
.area .img span.whiteHorse,
.area .img span.nineMark{background-position:-97px -29px}*/

.img span {
    background: #393738 url("../images/common/ico_b-temstyle.png") no-repeat scroll 0 0 / 200px auto;
    border-top-right-radius: 5px;
    bottom: 0;
    height: 22px;
    left: 0;
    position: absolute;
    text-indent: -999em;
    width: 23px;
    z-index: 1;
}
.img span.sell_txt {
    background: transparent none repeat scroll 0 0;
    color: red;
    font-weight: bold;
    left: 50%;
    margin-left: -60px;
    position: relative;
    top: 40%;
    z-index: 10;
}
.area .img span.style {
    background-position: 1px -1px;
}
.area .img span.markAward {
    background-position: -34px -1px;
}
.area .img span.dartThrow {
    background-position: -66px -1px;
}
.area .img span.frame {
    background-position: -97px -1px;
}
.area .img span.effect {
    background-position: -131px -1px;
}
.area .img span.dynamicFrame {
    background-position: 0 -29px;
}
.area .img span.sound {
    background-position: -35px -29px;
}
.area .img span.bullsound {
    background-position: -35px -29px;
}
.area .img span.bull {
    background-position: -67px -29px;
}
.area .img span.award, .area .img span.phoenixEye, .area .img span.hatTrick, .area .img span.ton80, .area .img span.highTon, .area .img span.lowTon, .area .img span.threeInABed, .area .img span.whiteHorse, .area .img span.nineMark {
    background-position: -97px -29px;
}
.area .img span.set {
    background-position: -130px -29px;
}
.area .img span.pstyle {
    background-position: 2px -52px;
}
.area .img span.mstyle {
    background-position: -20px -52px;
}
.area .img span.sstyle {
    background-position: -44px -52px;
}

.grade{margin-left:2px; }
.grade p{display:inline !important}
.grade .tit{font-size:0.857em; color:#666 !important; font-weight:normal !important;}
.grade .tit img{margin-right:2px; margin-bottom:0.2em}
.grade .star {margin-left:5px;}
.grade .star img{width:10px;margin-bottom:0.4em;}

.listSt01{padding: 0 2px; text-align: center;}
.listSt01 .area {width: 45%; margin: 0 2% 4%; display: inline-block;}
.listSt01 .area .img img{/* width:142px; */ width:100%; height:auto; border:1px solid #e0e0e0}
.listSt01 .area .img {margin: 0 0 6px;}
.listSt01 .area .txt {text-align:left;color:#333; padding:0;width:100%; white-space: nowrap;}
.listSt01 .area > a > .txt p.tit{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.listSt01 .area .txt p.temStyle,.listSt01 .area .txt p.temName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.listSt01 .area .txt p.temStyle{font-size: 0.88em; color: #8c8d8b;}
.listSt01 .area .txt p.style{display:none}
.listSt01 .area .txt p.price{float:left}
.listSt01 .area .txt img{margin-bottom:0.2em; margin-right:1px}
.listSt01 .area .txt span{margin-right:4px;}
.listSt01 .area .txt .gold_pc{margin-left:5px;letter-spacing:-1px;float:left; width:110px;line-height:1em; margin-top:3px;}
.listSt01 .area .txt .gold_pc.sale span.gold, .listSt01 .area .txt .gold_pc.sale span.pc{display:block;}
.listSt01 .area .txt span.gold span.off, .listSt01 .area .txt span.pc span.off{color:red;font-size:0.9em}

.listSt02 {padding: 0; text-align: center;}
.listSt02 .area {margin:0;padding:0 7.5px; display:inline-block;}
.listSt02 .area .img{position:relative}
.listSt02 .area .img .corver{width:61px; height:61px; overflow:hidden;position:relative; margin:0 auto }
.listSt02 .area .img .corver img{height:61px; position:absolute; top:0; left:50%; margin-left:-90% }
.listSt02 .area .txt{max-width:63px; white-space:nowrap; padding:0}
.listSt02 .area .txt p{font-size:0.615em;text-overflow:ellipsis;white-space: nowrap;overflow: hidden; }
.listSt02 .area .txt .tit{ font-weight:bold;}
.listSt02 .area .txt .price{color:#aaa; margin:0 auto; width:61px;}
.listSt02 .area .txt .gold_pc{font-size:0.692em;}
.listSt02 .area .txt .price span{margin-right:2px;}
.listSt02 .area .txt .price img{margin-bottom:.2em}
.listSt02 ul{border-bottom:2px solid #f7f7f7}
.listSt02 ul li{padding:12px 0 4px; border-bottom:1px solid #e5e5e5}

.listSt02.ranking .area{margin:0 10px; width:80px; text-align:center;}
.listSt02.ranking .area .img{margin-bottom:8px}
.listSt02.ranking .area .img .corver{width:66px; height:65px; margin:0 auto; overflow:hidden;position:relative; }
.listSt02.ranking .area .ico img{height:16px; margin-bottom:9px}
.listSt02.ranking .area .img img{height:63px;}
.listSt02.ranking .area .txt {max-width:84px;white-space: nowrap; padding:0}
.listSt02.ranking .area .txt p{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.listSt02.ranking .area .txt .temStyle{font-size:0.669em;color:#8c8d8b;}
.listSt02.ranking .area .txt .temName{font-size:0.823em}

.listSt02.text .area .txt{max-width:74px; margin:0 auto;}
.listSt02.text .area .left{float:left;width:80px}
.listSt02.text .area .right{float:left;font-size:0.923em; margin-left:2px; width:70%; text-align:left;}
.listSt02.text .area .right .text{overflow: hidden; height:54px; margin-bottom:10px; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3; /* 라인수 */   -webkit-box-orient: vertical; word-wrap:break-word; }
.listSt02.text .area .img .corver{width:65px; height:65px; margin:0 auto; overflow:hidden;position:relative;}
.listSt02.text .area .img img{height:65px;}
.listSt02.text .area .img .txt .price span{position:relative;}
.listSt02.text ul{border-bottom:none}
.listSt02.text li{border-bottom:none}
.listSt02.ranking > .btnArea{margin: 5px 0 8%;}

.listSt03 {padding: 0;}
.listSt03 .area {padding:0; margin: 0 2%; clear:both; /* background:url(../images/common/ico_btnst02.png) 96% center no-repeat; */ background-size:9px}
.listSt03 .area:after{display:block; content:""; clear:both}
.listSt03 .area .img .corver{width:61px; height:61px; overflow:hidden;position:relative;}
.listSt03 .area .img.user_photo .corver{width:50px; height:50px}
.listSt03 .area .img{display:inline-block; margin-right:10px;float:left}
.listSt03 .area .img img{height:61px;position:absolute; top:0; left:50%; margin-left:-90%}
.listSt03 .area .img.user_photo img{height:48px; margin-left:-60%}
.listSt03 .area .txt{width:63%;font-size:0.967em;float:left;height:60px; padding:0}
.listSt03 .area .txt br{display:none}
.listSt03 .area .txt .tit{color:#eb6d9a; font-size: 0.88em; display:table-cell; width:100%;}
.listSt03 .area .txt .tit02{display:table-row; width:100%;}
.listSt03 .area .txt .temName{font-size: 1.2em; color:#333; display:table-row; width:100%;}
.listSt03 .area .txt .temName span{display:block; color: #eb6d9a;}
/* .listSt03 .area .txt .temName span{display:inline-block;color:#fff; font-size:0.846em; background:#eb4983;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:0 0.5em;text-align:center; font-weight:normal; margin-left:4px} */

.listSt03.yellow .area .txt {max-width:63%; white-space:nowrap; padding:0}
.listSt03.yellow .area .txt .tit{color:#f8a903}
.listSt03.yellow .area .txt .temName{display:block; white-space: initial;}
.listSt03.blue .area .txt .tit{color:#3366cc}

.listSt03.ranking .num{float:left; margin-right:10px; width:40px;font-size:2.308em; letter-spacing: -0.070em; display:table; height:65px}
.listSt03.ranking .num p{color:#a2a2a2; display:table-cell;letter-spacing: -0.03em;vertical-align:middle;text-align:center; padding-top:0.3em}
.listSt03.ranking .num p b{color:#333; font-weight:normal}
.listSt03.ranking .area {background:none}
.listSt03.ranking .area .img .corver{width:65px; height:65px; overflow:hidden;position:relative;}
.listSt03.ranking .area .img img{height:65px;position:absolute; top:0; left:50%; margin-left:-90%}
.listSt03.ranking .area .txt {position:relative; width:58%; color:#666; font-size:0.923em; font-weight:normal;padding:0}
.listSt03.ranking .area .txt p{margin-top:1px}
.listSt03.ranking .area .txt .tit{color:#36c;font-size:1.077em; font-weight:bold}
.listSt03.ranking .area .txt .price img{margin:0 0 .2em 5px;}
.listSt03.ranking ul li{border-bottom:1px solid #dedede; padding:10px 0;}
.listSt03.ranking ul li.first{padding-top:0}

.listSt03.ranking .hotItem li{background:#f29e44 url(../images/common/bg_pattern01.png); border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; padding:12px 0; margin:0 10px 10px;}
.listSt03.ranking .hotItem .area{background:none}
.listSt03.ranking .hotItem .area .num img{width:32px; position:relative; top:-6px;}
.listSt03.ranking .hotItem .area .txt{width:55%; color:#fff; font-size:0.847em;line-height:1.37em}
.listSt03.ranking .hotItem .area .txt .tit{color:#6880b9; font-size:1.286em}
.listSt03.ranking .hotItem .area .txt .price img{margin:0 2px .2em 3px;}
.listSt03.ranking .hotItem.rare li{background:#f43237 url(../images/common/bg_pattern01.png); margin:15px 10px;}
.listSt03.ranking .hotItem.rare .txt {font-size:1.167em; width:70%; line-height:1.1em;}
.listSt03.ranking .hotItem.rare .txt .tit{color:#fff; font-size:1em; font-weight:normal;}
.listSt03.ranking .hotItem.rare .txt .text{font-size:0.714em}
.listSt03.present li{padding:0;}
.listSt03.present li.btn_none .area{background:#fff;}
.listSt03.present li.btn_none .area .txt a.btn{display:none}
.listSt03.present .area {background:url(../images/common/ico_btnst03.png) 96% center no-repeat;background-size:9px auto;padding:8px 10px}
.listSt03.present .area .txt{font-size:0.889em; height:auto; color:#666; font-weight:normal;}
.listSt03.present .area .txt .tit{color:#36c; font-size:1.187em; font-weight:bold;}
.present ul {border-top:1px solid #dedede; border-bottom:1px solid #f7f7f7;}
.present ul li{padding:8px 0; border-bottom:1px solid #dedede;}
.listSt03.ranking.num .area{position:relative}
.listSt03.ranking.num .area .txt{position:static}
.listSt03.ranking.num .area .txt a.btn{position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-999em; background:transparent;}
.listSt04 .area{padding:0 10px;clear:both;}
.listSt04 .area:after{display:block; content:""; clear:both}
.listSt04 .area .img img{width:142px; height:auto; border:1px solid #e0e0e0}
.listSt04 .area .img{position:relative; display:inline-block;margin-right:9px;float:left}
.listSt04 .area .img p.use{position:absolute; top:0;display:inline-block; background:#f8a800; padding:3px 5px; color:#fff; font-weight:bold; z-index:5}
.listSt04 .area .img div.end{position:absolute; top:0; left:0}
.listSt04 .area .txt{width:49%;font-size:1.077em;float:left;text-align:center; padding:0;}
.listSt04 .area .txt .tit{text-align:left;font-weight:bold;color:#3366cc;display:block; width:100%;vertical-align:middle;}
.listSt04 .area .txt .text{text-align:left; color:#666; font-size:0.827em;}
.listSt04 .area .txt .data{text-align:left; color:#666; font-size:0.857em; letter-spacing:-0.03em;}
.listSt04 .area .txt .price{text-align:left; color:#666; font-size:0.893em; letter-spacing:-0.03em;width:100%;}
.listSt04 .area .txt .price img{margin-bottom:0.2em}
.listSt04 .area .txt .price span{color:#f43237}
.listSt04 .area .txt .price span.gold,
.listSt04 .area .txt .price span.pc{color:#666}
.listSt04 .area .txt .price span img{margin-left:2px}
.listSt04 .area .btn{width:84%; margin:2px 0 0; padding:4px 0;}
.listSt04 .area .btn.font-s{font-size:0.857em}
.listSt04 ul li{padding:7px 0}
.listSt04 ul li.n_list {opacity:0.3;}
.listSt04 .btnsArea ul li{padding-bottom:10px;}

.listSt04 .stLi{text-align:left; margin-top:6px;}
.listSt04 .stLi span{display:inline-block; width:16px; height:16px; background:#3a3839 url(../images/common/ico_b-temstyle.png) no-repeat; background-size:133px auto; text-indent:-999em}
.listSt04 .stLi span.style{background-position:0px 1px}
.listSt04 .stLi span.markAward{background-position:-23px 1px}
.listSt04 .stLi span.dartThrow{background-position:-45px 0px}
.listSt04 .stLi span.frame{background-position:-66px 0px}
.listSt04 .stLi span.effect{background-position:-88px 1px}
.listSt04 .stLi span.dynamicFrame{background-position:0px -18px; width:18px;margin-right:3px;}
.listSt04 .stLi span.sound{background-position:-23px -18px; width:18px; margin-right:2px}
.listSt04 .stLi span.bullsound{background-position:-22px -18px; width:18px; margin-right:2px}
.listSt04 .stLi span.bull{background-position:-45px -18px}
.listSt04 .stLi span.award{background-position:-65px -18px}
.listSt04 .stLi span.sstyle{background-position:-30px -33px}
.listSt04 .stLi span.pstyle{background-position:1px -33px}
.listSt04 .stLi span.mstyle{background-position:-14px -33px}

/*ListSt Unit*/
.unit{padding: 0 5%;}
.unit.listSt01 > .btnArea .btn.white,.unit.listSt02 > .btnArea .btn.white{background:#fff; border:1px solid #3a3a3a;}
.unit.listSt01 > .btnArea .btn.white span,.unit.listSt02 > .btnArea .btn.white span{color:#3a3a3a;}
.unit.listSt03 > .area{margin: 0 2% 10px;}
.unit.ranking .area{margin: 0 auto; padding: 0; width: 32%; text-align: center;}
.unit.ranking .area .img .corver,.unit.listSt03 > .area .img .corver {width: 90px; height: 90px; margin: 0 auto; overflow: hidden; position: relative;}
.unit.ranking .area .img img,.unit.listSt03 > .area .img img {height: 90px;}
.unit.ranking .area .txt,.unit.listSt03 > .area .txt {max-width: 100%;}

/*Select Style*/
.selectBox{padding:0 10px}
.styled-select {position:relative; width:100%; height:40px; overflow:hidden;  border:1px solid #ccc; background:url(../images/common/bg_select.png)}
.styled-select span{position:absolute; right:0;}
.styled-select span img{width:30px;}
.styled-select select {background:url(../images/common/bg_select_btn.png) right no-repeat; background-size:28px auto;width:100%; padding:5px 3px 5px 5px; font-size:0.73em; font-weight:bold; line-height:1; border:0; border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;color:#333;height:100%; -webkit-appearance:none;}
.selectBtn{display:block;background:#fff; background-image: -webkit-linear-gradient(bottom, #f9f9f9, #fefefe);background-image: linear-gradient(to top, #f9f9f9, #fefefe);background-image: -o-linear-gradient(bottom, #f9f9f9, #fefefe);background-image: -moz-linear-gradient(bottom, #f9f9f9, #fefefe); padding:13px 0 10px;width:86px; text-align:center;font-size:1em; border:1px solid #ccc; font-weight:bold;line-height:1;color:#333;text-align:center;-webkit-appearance:none;}
.txtSelect td .styled-select{margin-left:5px}

/*User Info*/
.user_info{padding:13px 10px;clear:both}
.user_info:after{display:block; content:'';clear:both}
.user_info p.user_id{font-weight:bold; font-size:1.077em;margin-bottom:0.2em;}
.user_info.top p.user_id{font-size:1.285em; width:68%}
.user_info.top{position:relative; padding:18px 10px 12px; border-bottom:1px solid #f7f7f7;}
.user_info p.card_gold{font-size:0.923em; color:#333}
.user_info p.card_gold span{display:inline-block; width:25%;}
.user_info p.card_gold span.card_num{color:#9499a7; width:47%;font-size: 12px;}
.user_info.top p.card_gold span.card_num{width:68%;}
.user_info p.card_gold span img{margin:0 0.2em 0.26em;}
.user_info.top .ico{position:absolute;top:50%; right:12px; margin-top:-17px }
.user_info.top .ico img{width:35px;margin-right:6px}
.user_info.top .ico a span{position:absolute; display:inline-block; top:-7px; right:0; background:#e62828; color:#fff; font-size:0.977em; text-align:center; padding:0 1px; border-radius:10em;-moz-border-radius:10em;-webkit-border-radius:10em;width:16px; font-size:0.737em;}
.user_info .ico_user_info{display:none}
.user_info .user_info_bar p.gold{display:none}
.user_info.buy p.card_gold span{font-size:12px;}
.user_info.buy p.card_gold{width:100%}

/*radio*/
.radioBox .radio {width:55%; margin:0 auto}
.radioBox .radio > div{margin-bottom:3px}
.radioBox input[type=checkbox]:not(old),
.radioBox input[type=radio   ]:not(old){width:0; margin:0; padding:0;font-size:1em; opacity:0;}
.radioBox input[type=radio ]:not(old) + label > span {display:inline-block; width:14px; height:14px; margin-bottom:-3px; background:url(../images/common/ico_radiobtn.png) no-repeat;background-size:cover;}
.radioBox input[type=radio]:not(old):checked + label > span {background-position:0 -17px}

/*TextInput*/
.inputText{border:1px solid #ccc; padding:10px;height:18px}
.inputText input{border:none; }
/*tem_detail*/
.tem_detail .img{padding:15px 50px;position:relative}
.tem_detail .img img{width:100%}
/*cate table*/
.categoryArea table td.center{border-right:2px solid #fff; border-left:2px solid #fff; }
.categoryArea table .title{background:#ffe4b5; text-align:center; font-size:12px; padding:2px 0; border-bottom:5px solid #fff;}
.categoryArea table .content{position:relative; margin-bottom:10px}
.categoryArea table .content img{width:100%; height:55px}
.categoryArea table .content > a{display:block; width:100%; height:100%}
.categoryArea table .content a.more_btn{position:absolute; bottom:4px; right:5px}
.categoryArea table .content a.more_btn img{width:20px; height:20px;}
/*textList*/
.txtList li {margin-bottom:16px;text-indent:-24px; margin-left:30px;}
.txtList li span{padding:0 6px;margin-right:5px; border-radius:5em;-moz-border-radius:5em;-webkit-border-radius:5em;width:18px; text-align:center; background:#36c; color:#fff}
/*popup*/
.backgroundBlack{display:none;z-index:40; position:absolute;top:0;left:0;background-color:#000;width:100%;height:100%;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;}
.backgroundBlack.show{display:block;}

.jsList{position:relative;margin:0 auto;width:100%;height:132px;overflow:hidden;}
.jsList ul{width:99999px;position:absolute;top:0;left:0;overflow:visible;}
.jsList ul li{float:left;width:100%;}
.jsList ul ul{width:100%;}
.jsList ul li li{width:auto;}

.mPopup{position:absolute;top:-9999px;left:-9999px;-moz-border-radius:0.8em;-webkit-border-radius:0.8em;border-radius:0.8em;margin:0 0 0 -135px;width:296px;margin:0 0 0 -165px;z-index:100;}
.mPopup.show{top:40px;left:50%; margin-left:-150px}
.mPopup .hd{background-color:#9ca2ae;color:#fff;
-moz-border-radius-topleft:.6em;-webkit-border-top-left-radius:.6em;border-top-left-radius:.6em;-moz-border-radius-topright:.6em;-webkit-border-top-right-radius:.6em;border-top-right-radius:.6em;}
.mPopup .hd h2{font-size:1.2em; font-weight:normal;letter-spacing:0;text-align:center;padding:10px 32px 7px 6px;}
.mPopup .bd{background-color:#fff;padding:0 0 10px;
-moz-border-radius-bottomleft:.6em;-webkit-border-bottom-left-radius:.6em;border-bottom-left-radius:.6em;-moz-border-radius-bottomright:.6em;-webkit-border-bottom-right-radius:.6em;border-bottom-right-radius:.6em;}
.mPopup .iClose{position:absolute;top:5px;right:5px;}
.mPopup .bd .mButton2{margin:0 -5px -10px; background:#e2e0e0; border-top:1px solid #c0bfbf; -moz-border-radius-bottomleft:.6em;-webkit-border-bottom-left-radius:.6em;border-bottom-left-radius:.6em;-moz-border-radius-bottomright:.6em;-webkit-border-bottom-right-radius:.6em;border-bottom-right-radius:.6em;}
.mPopup .mButton2 .mBtn3t3{margin:0 3px;}
.mPopup .bd .list p.notice {border:none;}
.iClose a,.iDelete a{display:block;background:url(../images/common/btn_pop_close.png) no-repeat; text-indent:-9999px;font-size:0;line-height:0;width:25px;height:25px;background-size:25px 25px;}
.iDelete a{background-position:-145px -400px;width:14px;height:14px;}
.iIng{border:1px solid #108ee6;color:#fff;background-color:#0094fc;font-size:11px;margin:0 3px;padding:2px 7px 2px 6px;-moz-border-radius:.5em;-webkit-border-radius:.5em;border-radius:.5em;}
.mPopMod2.show{top:30%; margin-top:-100px;}
.bd .bd-b .top_img{padding:10px 20px 5px; text-align:center;}
.bd .bd-b .top_img img{width:225px;}
.bd .bd-b .top_img p{font-size:12px; margin-top:10px;font-weight:bold}
.bd .bd-b .set_style{padding:0 10px;}
.bd .bd-b .set_style .tem_name{font-size:1.077em; font-weight:bold}
.bd .bd-b .set_style .style_list{height:80px;overflow-y:auto; overflow-x:hidden; position:relative; }
.bd .bd-b .set_style .style_list ul{width:100%}
.bd .bd-b .set_style .style_list li{width:auto; float:left; width:100%;}
.bd .bd-b .set_style .style_list li p{margin-left:-4px;width:92%; display:inline-block;font-size:0.923em; color:#666}t
.bd .bd-b{border-bottom:1px solid #dedede; padding:10px 0}
.bd .bd-b .listSt02 .area{padding:0; width:100%;border:none; height:auto;}
.bd .bd-b .w50{display:inline-block; padding-left:10px; width:45%}
.bd .bd-b .w50 b {font-size:1.385em; font-family:'Arial' !important}
.btnArea.bd-n{padding:10px 20px 5px;}
.friend_select{border-bottom:1px solid #ddd}
.friend_select .fl-l.back{width:30px ;padding:26px 10px 26px 26px; background:#e9e9e9 url(../images/common/ico_btnst04.png) 5px center no-repeat;}
.friend_select .fl-l.cont{padding:5px 0}
.friend_select .fl-l.cont .area{background:none; display:table; }
.friend_select .fl-l.cont .area > p{font-weight:bold; font-size:1em; margin-bottom:3px;}
.friend_select .fl-l.cont .area .txt{width:auto; display:table-cell;vertical-align: middle}
/*random_capsule*/
.random_capsule{position:relative;overflow:hidden;}
.random_capsule .body{width:306px;margin-top:68px;z-index:10}
.random_capsule .over{position:absolute; top:0; width:100%; z-index:9}
.random_capsule .over .top{position:relative;top:0; width:174px; margin-left:8px}
.random_capsule .over .capsule{position:absolute;top:68px; left:50%; margin-left:-82px}
.random_capsule .over .capsule img{position:absolute; top:0; width:176px;}
.random_capsule .over .capsule img.img01{transform: rotate(0deg);}
.random_capsule .over .capsule img.img02{transform: rotate(0deg);}
.random_capsule .over .capsule img.img03{transform: rotate(0deg);}
.random_capsule .over .capsule img.img04{transform: rotate(0deg);}
.random_capsule .over .capsule img.img05{transform: rotate(0deg);}
.random_capsule .over .lever{position:relative; width:100%; height:100%;top:-7px; margin-left:4px; z-index:200;}
.random_capsule .over .lever .bg{position:absolute;top:0; left:50%;margin-left:-27px; width:57px}
.random_capsule .over .lever .over_coin{position:absolute;left:50%;width:64px;height:52px;margin-left:-32px;overflow:hidden;}
.random_capsule .over .lever .coin{position:absolute;left:50%;width:84px; margin-left:-43px;transform: rotate(0deg);}
.random_capsule .over .lever .over{position:absolute;left:50%;width:81px;top:-2px; margin-left:-40px}
.random_capsule .over .lever .lever_bar{position:absolute;left:50%; width:67px; top:37px; margin-left:-33px; z-index:200; transform: rotate(0deg);}
.random_capsule .win_capsule{position:absolute;top:170px; width:100%; z-index:0}
.random_capsule .win_capsule img{position:absolute; left:50%;top:0; width:57px; margin-left:-26px;}
.random_capsule .bottom{position:absolute; bottom:3px; left:50%; margin-left:-82px; width:169px; z-index:0}

.capsule_info{padding:10px;}
.capsule_info .area{border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; margin:0 0 10px;}
.capsule_info .area .probability{padding:5px}
.capsule_info .area .probability .list_tit{clear:both}
.capsule_info .area .probability .list_tit:after{display:block; content:''; clear:both}
.capsule_info .area .probability .list_tit .capsule{float:left; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; background:#fff; padding:4px;}
.capsule_info .area .probability .capsule img{width:40px}
.capsule_info .area .probability .list_tit .txt{float:left;}
.capsule_info .area .probability .list_tit .txt p.tit{font-weight:bold;font-size:1.186em;}
.capsule_info .area.active .item{display:block}
.capsule_info .area .item{display:none; padding: 6px; width:100%; margin-top:-1px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.capsule_info .area .item .listSt02 {height:auto; text-align:left}
.capsule_info .area .item .listSt02 .area{margin:0 4px; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
.capsule_info .area .item .listSt02 .area img{width:auto; }
.capsule_info .area .item .listSt02 .area .img .corver{width:55px; height:55px}
.capsule_info .area .item .listSt02 .area .img .corver img{height:54px}
.capsule_info .area.gold{border:1px solid #cfa62a;}
.capsule_info .area.gold .probability{background:#f9e99f url(../images/common/bg_pattern01.png);}
.capsule_info .area.gold .probability .list_tit{width:100%; background:url(../images/common/capsule/bg_capsule_info_gold02.png) 96% center no-repeat; background-size:13px; color:#715c2a}
.capsule_info .area.active.gold .probability .list_tit{width:100%; background:url(../images/common/capsule/bg_capsule_info_gold01.png) 96% center no-repeat;background-size:13px;}
.capsule_info .area.gold .probability .capsule{border:1px solid #cfa62a;}
.capsule_info .area.gold .item{border-top:1px dashed #cfa62a;}
.capsule_info .area.violet{border:1px solid #b4a0d5;}
.capsule_info .area.violet .probability{background:#e2d7f2 url(../images/common/bg_pattern01.png);}
.capsule_info .area.violet .probability .list_tit{width:100%; background:url(../images/common/capsule/bg_capsule_info_violet02.png) 96% center no-repeat; background-size:13px; color:#855add}
.capsule_info .area.active.violet .probability .list_tit{width:100%; background:url(../images/common/capsule/bg_capsule_info_violet01.png) 96% center no-repeat;background-size:13px;}
.capsule_info .area.violet .probability .capsule{border:1px solid #b4a0d5;}
.capsule_info .area.violet .item{border-top:1px dashed #b4a0d5;}
.capsule_info .area.pink{border:1px solid #db9dc8;}
.capsule_info .area.pink .probability{background:#f4d6eb url(../images/common/bg_pattern01.png);}
.capsule_info .area.pink .probability .list_tit{width:100%; background:url(../images/common/capsule/bg_capsule_info_pink02.png) 96% center no-repeat;background-size:13px;color:#d554ad}
.capsule_info .area.active.pink .probability .list_tit{width:100%; background:url(../images/common/capsule/bg_capsule_info_pink01.png) 96% center no-repeat;background-size:13px;}
.capsule_info .area.pink .probability .capsule{border:1px solid #db9dc8;}
.capsule_info .area.pink .item{border-top:1px dashed #db9dc8;}
.capsule_info .area.cobalt{border:1px solid #7bcbd5;}
.capsule_info .area.cobalt .probability{background:#d0ebf2 url(../images/common/bg_pattern01.png);}
.capsule_info .area.cobalt .probability .list_tit{width:100%; background:url(../images/common/capsule/bg_capsule_info_cobalt02.png) 96% center no-repeat;background-size:13px;color:#009ea8}
.capsule_info .area.active.cobalt .probability .list_tit{width:100%; background:url(../images/common/capsule/bg_capsule_info_cobalt01.png) 96% center no-repeat;background-size:13px;}
.capsule_info .area.cobalt .probability .capsule{border:1px solid #7bcbd5;}
.capsule_info .area.cobalt .item{border-top:1px dashed #7bcbd5;}

.area .img  .corver.no .border{background:url(../images/common/bg_corver08.png) no-repeat; background-size:cover;}
/*beginner sclide*/
.sliderBox{position:relative;}
.slideImg{background:url(../images/common/background.jpg); }
.slideImg .cover{position:absolute;z-index:999; top:0}
/*메인화면 제어*/
.main_pc{display:none}
.conArea.main.newItem{width:100%;}
.conArea.main.newItem .listSt02{white-space:nowrap; width:320px; overflow:hidden; margin:0 auto;}
.mPopup .conf.present_pop .bd-b.pd0 .listSt02.text{border-top:none}
.mPopup .conf.present_pop .bd-b.pd0 .listSt02.text:after{display:block; content:''; clear:both;}
.mPopup .conf.present_pop .bd-b.pd0 .listSt02.text .area{border-top:none; margin:0}
.mPopup .conf.present_pop .bd-b.pd0 .listSt02.text .area .img{margin-top:3px;}
.mPopup .conf.present_pop .bd-b.pd0 .listSt02.text .area .right{margin-left:10px; width:66%}
.mPopup .conf.present_pop .bd-b .present_list .area .text .item{width:100%; height:24px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; }
.mPopup .conf.present_pop .bd-b.pd0 .listSt02.text .area .right .btn{color:#fff; padding:2px 10px}
.mPopup.show .omakase .bd{font-size:12px;}
.mPopup .gold_pc_box .buyBox .cont .radioBox{margin:0 auto;}
.mPopup .bundle .top_img{padding:10px 0 !important}
.mPopup .bundle .top_img p{font-size:14px}
.mPopup .bundle .bd .bd-b .set_style {padding:10px; border-bottom:1px solid #dedede; border-top:1px solid #dedede}
.mPopup .bundle .bd .bd-b .set_style .style_list{height:auto;}
.mPopup .conf .bd .pd10 .w50.fc-pink{color:#eb6d9a}
.mPopup .conf .bd-b.pd0 .listSt02.text .area{padding:10px 10px 10px; margin-bottom:10px; border-bottom:1px solid #dedede}
.mPopup .bundle .top_img p{font-size:13px;}
.bd .bd-b .top_img .ico_info{font-size:12px; color:red; margin-top:10px}
.bd .bd-b .top_img .ico_info li img{width:15px}
.bd .bd-b .set_style .style_list li p span.ico img{width:14px; margin-top:-4px;}
.bd .bd-b .present_list .area{border-top:1px solid #ddd;}
.bd .bd-b .present_list .area .img .corver{width:80px; height:80px;}
.bd .bd-b .present_list .area .img .corver img {height:80px}
.bd .bd-b .present_list .area .img .corver .border{background-size:80px auto}
.bd .bd-b .present_list .area .text {height:70px}
.bd .bd-b .present_list .area .text .item{width:100%;font-weight:bold; }
.bd .bd-b .present_list .area .text .item span{color:#36c}
.bd .bd-b .present_list .area .text .txt{width:100%;max-width:100%; text-align:left;font-size:12px;margin:0;}
.bd .bd-b .present_list .area .text .txt span{display:block;font-size:10px; color:#999}
.bd .bd-b .present_list .area .text .txt span.date{display:block;font-size:10px; color:#999}
.bd .radioBox.present{padding:10px;}
.pageNum{width:100%; text-align:center;padding:10px}
.pageNum li{display:inline-block;}
.pageNum .btn_last img{margin-bottom:3px;}
.pageNum  a.num{color:#999; padding:0 3px;}
.pageNum  a.num.active{font-weight:bold; color:#333;}
.bd .bd-b .set_style{padding:5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.conArea.mb0 .cont_area .listSt03.yellow .area .txt .temName span{color: #f8a800;}
/* .conArea.mb0 .cont_area .listSt03.yellow .area .txt .temName span{background:#f8a800} */
.getItem ul{padding:0 10px}
.getItem ul:after{display:block; content:''; clear:both;}
.getItem li{width:48%; float:left; margin-bottom:10px; text-align:center;}
.getItem li img{width:100%;}
.getItem li p{color:#36c; font-weight:bold; margin-top:5px;}
.getItem .getItemLink{background:#fff; padding:10px; text-align:right;}
.getItem .getItemLink p a{color:#333;}
.bd .bd-b .set_style .style_list .listSt02.setItem li{float:none}
.itemshop_gnb .btnsArea ul li.last{display:none}
.get_item_list01 {padding:0 !important;}
.get_item_list01:after{display:block; content:''; clear:both;}
.get_item_list01 li {width:100%; padding:0 0 15px 0; float:left;}
.get_item_list01 li a {margin-left:12px; display:block; background:url(../images/common/ico_btnst02.png) 96% center no-repeat; background-size:9px auto;}
.get_item_list01 li a:after{display:block; content:''; clear:both;}
.get_item_list01 li a p {width:57px; height:57px; overflow:hidden; border-radius:5px; border:1px solid #999; float:left;}
.get_item_list01 li a p img {width:57px; height:57px;}
.get_item_list01 li a div {padding:0 0 0 12px; float:left; text-align:left;}
.get_item_list01 li a div strong {color:#3366cc; font-size:14px;}
.get_item_list01 li a div em {display:block;  font-weight:bold;}
.get_item_list01 li a div span {padding:0 4px; border-radius:3px; background:#3366cc; font-size:12px; color:#fff; display:inline-block;}
.btn_one_sty01 {position:relative; padding:15px 0 15px 40px; background: url('../images/common/ico_capsule.png') no-repeat 13px 14px; border-top:1px solid #d9d9d9; background-size:21px auto; display:block; color:#333; font-size:16px;}
.btn_one_sty01 span {position:absolute; top:17px; right:15px; width:9px; height:14px; background:url('../images/common/ico_btnst03.png') no-repeat; background-size:9px auto; display:inline-block;}
.btn_one_sty01.bg_none {padding-left:20px; background:none;}
.single_dual {
    font-size: 0.5em;
    letter-spacing:-0.5px;
    font-weight: bold;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    position:absolute; top:5px; left:0;
    width:100%;
    text-align:center;
    color:#fff;
}


/* 2020.5.19 */
.minibnr a { display: block; margin: 10px auto; text-align: center;}
.minibnr a span { font-size: 12px; color: #3366cc}

.listSt01.recommend .area{width: 96%; margin: 0 auto; border: none !important;}
.listSt01.recommend .area ul{}
.listSt01.recommend .area li{border-bottom: 1px solid #ededed; margin: 0 0 10px;}
.listSt01.recommend .area li:last-child{border-bottom: none; margin: 0;}
.listSt01.recommend .area .img{float: none; margin: 0 0 10px;}
.listSt01.recommend .area .img img{width: 100%;}

.listSt03.capsule {padding: 12px 19px 2px; border: 2px solid #ff7e7e; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: none; text-align: left;}
.listSt03.capsule .btnArea{margin: 10px 0 15px;}
.listSt03.capsule .btnArea a{margin: 10px 0 0;}

.conArea.box .title_bar p.btn_none{background:#ff7e7e;}

.conArea.main.category .listSt02{width:100%; white-space: normal;}
.conArea.main.category .listSt02 ul{border: none;}
.conArea.main.category .listSt02 li{width: 48%; float: left; margin: 2% 1%; padding: 0; border: none;}
.conArea.main.category .listSt02 li .Cat_img{float: left; width: 45%; height: 75px; overflow: hidden;}
.conArea.main.category .listSt02 li .Cat_img img{width: 100%;}
.conArea.main.category .listSt02 li .Cat_txt{float: left; width: 49%; margin: 0 3%;}
.conArea.main.category .listSt02 li .Cat_txt p{font-size: 1.4rem; font-weight: 700; text-align: left; position: relative; text-indent: 30px; margin: 0 0 6px; padding: 3px 0 0;}
.conArea.main.category .listSt02 li .Cat_txt p i{background: #393738 url(../images/common/ico_mb-temstyle.png) no-repeat scroll 0 0; border-radius: 5px; top: 0; width: 25px; height: 25px; left: 0; position: absolute; text-indent: -999em; z-index: 1;}
.conArea.main.category .listSt02 li .Cat_txt p i.style {background-position: -1px 0px;}
.conArea.main.category .listSt02 li .Cat_txt p i.markAward {background-position: -40px 0px;}
.conArea.main.category .listSt02 li .Cat_txt p i.bull {background-position: -77px -31px;}
.conArea.main.category .listSt02 li .Cat_txt p i.bullsound {background-position: -43px -33px;}
.conArea.main.category .listSt02 li .Cat_txt p i.effect {background-position: -150px 0px;}
.conArea.main.category .listSt02 li .Cat_txt p i.sound {background-position: -41px -31px;}
.conArea.main.category .listSt02 li .Cat_txt p i.award{background-position: -112px -31px;}
.conArea.main.category .listSt02 li .Cat_txt p i.set {background-position: -147px -30px;}
.conArea.main.category .listSt02 li .Cat_txt span{display: block; font-size: 1.2rem; font-weight: normal; text-align: left;}

.conArea.box.category .listSt02{width:100%; white-space: normal;}
.conArea.box.category .listSt02 ul{border: none;}
.conArea.box.category .listSt02 li{width: 90%; float: none; margin: 0 auto 20px; padding: 0; border: none;}
.conArea.box.category .listSt02 li:last-child{margin: 0 auto;}
.conArea.box.category .listSt02 li:after{display:block; content:''; clear:both;}
.conArea.box.category .listSt02 li .Cat_img{float: left; width: 45%;}
.conArea.box.category .listSt02 li .Cat_img img{width: 100%;}
.conArea.box.category .listSt02 li .Cat_txt{float: left; width: 49%; margin: 0 3%;}
.conArea.box.category .listSt02 li .Cat_txt p{font-size: 1.4rem; font-weight: 700; text-align: left; position: relative; text-indent: 0; margin: 0 0 6px; padding: 3px 0 0;}
.conArea.box.category .listSt02 li .Cat_txt p i{background: #393738 url(../images/common/ico_mb-temstyle.png) no-repeat scroll 0 0; border-radius: 5px; top: 0; width: 25px; height: 25px; left: 0; position: absolute; text-indent: -999em; z-index: 1;}
.conArea.box.category .listSt02 li .Cat_txt p i.style {background-position: -1px 0px;}
.conArea.box.category .listSt02 li .Cat_txt p i.markAward {background-position: -40px 0px;}
.conArea.box.category .listSt02 li .Cat_txt p i.bull {background-position: -77px -31px;}
.conArea.box.category .listSt02 li .Cat_txt p i.bullsound {background-position: -43px -33px;}
.conArea.box.category .listSt02 li .Cat_txt p i.effect {background-position: -150px 0px;}
.conArea.box.category .listSt02 li .Cat_txt p i.sound {background-position: -41px -31px;}
.conArea.box.category .listSt02 li .Cat_txt p i.award{background-position: -112px -31px;}
.conArea.box.category .listSt02 li .Cat_txt p i.set {background-position: -147px -30px;}
.conArea.box.category .listSt02 li .Cat_txt span{display: block; font-size: 1.2rem; font-weight: normal; text-align: left;}

/*PC*/
@media screen and (min-width: 769px){
.wrap{max-width:100%;overflow-y:hidden;}
.main_pc{display:block}
.main_mobile{display:none}
.content{width:970px;padding:50px 0 0; clear:both;min-height:680px;margin:0 auto 70px; position:relative;}
.content:after{display:block; content:''; clear:both;}
.gnb ul{width:970px; margin:0 auto}
.gnb ul li.logo{margin-right:120px}
.gnb li a span{padding:7px 45px 8px}
.page_nav{display:none}
.user_info{background:#e5e5e5;}
.wrapInner{left:0 !important}

/*BoxLayout*/
.primaryBox{float: left; display: block; width: 651px;}
.secondaryBox{float: right; display: block; width: 280px;}

/*main*/
.user_info.top{padding:0;}
.user_info.top img{margin-bottom:5px}
.user_info.top .ico{position:absolute;top:0; right:12px; margin-top:-17px }
.user_info .user_info_bar{width:970px; margin:0 auto; padding:8px 0 0}
.user_info .user_info_bar p{display:inline-block;}
.itemshop_gnb .btnsArea{position:relative;top:0; width:970px;margin:0 auto; padding:0; clear:both; }
.itemshop_gnb .btnsArea:after{display:block; content:''; clear:both;}
.itemshop_gnb .btnsArea ul{position:absolute; width:300px; right:0;top:-80px; padding: 0 10px 0 20px;}
.itemshop_gnb .btnsArea ul li a{text-align:right}
.itemshop_gnb.logout .btnsArea ul{top:-36px;}
.user_info.top .ico{position:relative; display:inline-block; margin-left:20px}
.user_info.top p.user_id{width:auto;font-size:1.213em;}
.user_info.top p.card_gold span.card_num{width:auto;font-size:1.154em; margin:0 10px;padding:0 13px; background:url(../images/common/bg_line.png) no-repeat; }
.mainBanner{width:651px; float:left; margin-bottom:15px; padding:0; border:none; background:#fff;}
.itemshop_gnb .btnsArea ul li a.btn{background:transparent; border:none; }
.itemshop_gnb .btnsArea ul li a.btn span{color:#fff; }
.user_info .ico_user_info{display:inline-block}
.user_info .user_info_bar p.gold{display:inline-block; color:#666; font-size:1.143em; margin-right:6px}
.user_info .user_info_bar p.gold span{color:#999; min-width:104px}
.user_info .user_info_bar p.gold span.txt{display:inline}
.user_info .user_info_bar p.gold span img{width:15px; margin-right:2px;}
.user_info.top .ico img{width:30px; margin-right:0;}
.user_info.top .ico a span{font-size:0.737em;padding:1px 1.5px;  top:-2px; right:-7px; width:16px;}
.conArea{float:left;width:650px; margin-bottom:30px}
.conArea.main.newItem{width:650px;overflow:hidden}
.conArea.box{float:right; width:280px; margin-left:39px; margin-bottom:25px}
.conArea.box.top_ranking{position:relative; top:-196px;}
.conArea.box .title_bar{border:none; margin-bottom:0}
.conArea.box .title_bar p{background:#7d7d7d url(../images/common/ico_btnst05.png) 94% center no-repeat; color:#fff;border-top-left-radius:10px;-webkit-border-top-left-radius:10px;border-top-right-radius:10px;border:none;padding:13px 16px 9px;}
.conArea.box .title_bar p span{color:#fff;text-indent:-999em; width:20px;}
.conArea.box .listSt01{padding:12px 19px 2px; border:1px solid #d9d9d9;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top:none; text-align:left}
.conArea.box .listSt01 .txt .style{display:inline-block;color:#f43237; font-weight:bold; margin-bottom:3px;}
.conArea.box .listSt01 .area{width:100%;padding:8px 0 14px; border-bottom:1px solid #ededed}
.conArea.box .listSt01 .area > a > .img{float:left}

.listSt01 .area .img img{width:136px; height:auto;}
.listSt01 .area .txt p.price{display:none}
.conArea.box .listSt01{clear:both;}
.conArea.box .listSt01:after{display:block; content:''; clear:both;}
.conArea.box .listSt01 .area > a > .txt{width:103px; padding-left:10px; float:right; margin-top:6px; font-weight:bold; color:#333; font-size:1.02em;}
.conArea.box .listSt01 .area > a > .txt p.tit{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.conArea.box .listSt01 .area .txt span{font-weight:normal; color:#999;}
.conArea.box .listSt01 .txt .txt .price{display:none}
.conArea.box .listSt01 .area{margin:0;clear:both;}
.conArea.box .listSt01 .area:after{display:block; content:''; clear:both;}
.listSt01 .area .txt .gold_pc{margin:0}
.listSt01 .area .txt span.gold span.off, .listSt01 .area .txt span.pc span.off{font-size:0.8em;}
.conArea .title_bar{border:1px solid #d9d9d9; margin:0 0 5px;}
.conArea .title_bar p{border-top:0;background:#e6e6e6; font-weight:bold; padding:10px 20px}
.conArea .title_bar p span{font-weight:normal;}
.conArea .listSt02{border:1px solid #d9d9d9; padding:22px 0 19px; border-radius:5px;}
.conArea.box .listSt02{border:1px solid #d9d9d9; padding:12px 18px 0; border-top-right-radius:0; border-top-left-radius:0;}
.conArea.box .listSt02 .area{position:relative; text-align:left;width:242px; margin:0; padding:8px 0 5px; border-bottom:1px solid #ededed}
.conArea.box .listSt02 .area .img{float:left;}
.conArea.box .listSt02 .area .ico{position:absolute; top:16px; left:84px}
.conArea.box .listSt02 .area .ico img{height:18px;}
.conArea.box .listSt02 .area .txt{position:absolute; top:42px; left:86px; max-width:172px}
.conArea.box .listSt02 .area .txt .temStyle{font-size:0.877em}
.conArea.box .listSt02 .area .txt .temName{font-size:0.983em;}
.conArea.box .listSt02 .area .img .corver{width:79px; height:77px}
.conArea.box .listSt02 .area .img .corver img{height:76px}
.conArea .listSt02 .area .img .corver{width:98px; height:98px}
.conArea .listSt02 .area .img .corver img{height:98px}

.conArea.mb0{width:310px}
.conArea.mb0.div02{float:right}
.conArea.mb0 .cont_area{border:1px solid #d9d9d9; padding:22px 20px 0; border-radius:5px;}
.conArea.mb0 .cont_area .listSt03 .area{background:#fff; padding:10px 0}
.conArea.mb0 .cont_area .listSt03 .area .img .corver{width:79px; height:78px}
.conArea.mb0 .cont_area .listSt03 .area .img img{height:78px; }
.conArea.mb0 .cont_area .listSt03 .area .txt .temName{line-height:1.2em;}
.conArea.mb0 .cont_area .listSt03 .area .txt .tit{height:22px;}
.conArea.mb0 .cont_area .listSt03 .area .txt br{display:block}
.conArea.mb0 .cont_area .btnArea{padding:14px 0}
.listSt03 .area .txt .temName span{font-size:0.896em; /* padding:0.1em 0.5em;*/ display:table; margin-left:0; margin-top:3px}

.conArea.main.newItem .listSt02{width:100%}
footer{margin-top:76px}
/**/
.go_top{display:none !important}

/*.area .img span.style{background-position:3px 2px}
.area .img span.markAward{background-position:-36px 1px}
.area .img span.dartThrow{background-position:-72px 1px}
.area .img span.frame{background-position:-107px 1px}
.area .img span.effect{background-position:-145px 1px}
.area .img span.dynamicFrame{background-position:2px -30px}
.area .img span.sound{background-position:-36px -30px}
.area .img span.bullsound{background-position:-36px -30px}
.area .img span.bull{background-position:-72px -30px}
.area .img span.award,
.area .img span.phoenixEye,
.area .img span.hatTrick,
.area .img span.ton80,
.area .img span.highTon,
.area .img span.lowTon,
.area .img span.threeInABed,
.area .img span.whiteHorse,
.area .img span.nineMark{background-position:-107px -30px}
.area .img span.set{background-position:-141px -30px}*/
.img span {
    background: #393738 url("../images/common/ico_mb-temstyle.png") no-repeat scroll 0 0;
    border-top-right-radius: 5px;
    bottom: 0;
    height: 30px;
    left: 0;
    position: absolute;
    text-indent: -999em;
    width: 30px;
    z-index: 1;
}
.area .img span.style {
    background-position: 3px 2px;
}
.area .img span.markAward {
    background-position: -36px 1px;
}
.area .img span.dartThrow {
    background-position: -72px 1px;
}
.area .img span.frame {
    background-position: -107px 1px;
}
.area .img span.effect {
    background-position: -145px 1px;
}
.area .img span.dynamicFrame {
    background-position: 2px -30px;
}
.area .img span.sound {
    background-position: -36px -30px;
}
.area .img span.bullsound {
    background-position: -36px -30px;
}
.area .img span.bull {
    background-position: -72px -30px;
}
.area .img span.pstyle {
    background-position: 1px -58px;
}
.area .img span.mstyle {
    background-position: -36px -58px;
}
.area .img span.sstyle {
    background-position: -74px -58px;
}

.area .img span.award, .area .img span.phoenixEye, .area .img span.hatTrick, .area .img span.ton80, .area .img span.highTon, .area .img span.lowTon, .area .img span.threeInABed, .area .img span.whiteHorse, .area .img span.nineMark {
    background-position: -107px -30px;
}
.area .img span.set {
    background-position: -141px -30px;
}
/*Tab Style*/
.tabLi.StA ul li{background:#f2f2f2;}
.tabLi.StA ul li a{color:#7a7a7a;font-size:18px; padding:12px 0;border:1px solid #d9d9d9;border-bottom:1px solid #999999;border-left:none;}
.tabLi.StA ul li.active{background:#fff;color:#f4565a}
.tabLi.StA ul li.active a{color:#f4565a; border:1px solid #999999; font-weight:bold;border-bottom:none; }
.tabLi.StA ul li.first.active a{border-left:1px solid #999999;}
.tabLi.StA ul li.first a{border-left:1px solid #d9d9d9;}
.tabLi.StB{padding:0 10px;}
.tabLi.StB ul{clear:both; width:100%;}
.tabLi.StB ul:after{display:block; content:''; clear:both;}
.tabLi.StB ul li{float:left;display:table;min-height:36px; text-align:center;width:33%;line-height:1.2em; }
.tabLi.StB ul li a{display:table-cell;padding:10px 0;}
.tabLi.StB ul li.active{background:#6880b9;}
.tabLi.StB ul li.active a{color:#fff;}
.tabLi.StB ul li.last a{border-right:1px solid #e5e5e5}
.tabLi.StB ul li a{display:table-cell; padding:2px 24px;vertical-align: middle; border:1px solid #e5e5e5; border-right:none}
.tabLi.StB ul li a{vertical-align:middle; font-size:0.923em; padding:2px 0}
.tabLi ul li a .style_ico {width:21px; height:23px; background:url('../images/common/icon_style_quick.png') no-repeat; background-size:21px auto; display:inline-block; vertical-align:middle;}
#mySetting .conArea.gray.mt5.cl-b{background:#dde2ea; float:none;border:1px solid #d1d4d8;width:908px; margin:50px auto 0}
.tab_content .conArea.gray.mt5.cl-b .selectBox.andBtn.cl-b{width:402px; margin:0 auto;}
.tab_content .conArea.gray.mt5.cl-b .selectBox{padding:13px 0}
.styled-select.w204{max-width:281px; border:1px solid #b8c1d0; }
.mPopMod2.conf{position:relative;left:50%;margin-left:-250px; width:500px;}
.mPopup .conf .bd-b.pd0 .listSt02.text{border-bottom:1px solid #dedede}
.mPopup .conf .bd-b.pd0 .listSt02.text .area{width:380px; margin:0 auto;clear:both; float:none; border:none}
.mPopup .conf.present_pop .bd-b.pd0 .listSt02.text .area{width:100%; padding:10px 30px 5px; border-top:1px solid #ddd}
.mPopup .conf.present_pop .bd-b.pd0 .listSt02.text .area .right .text{line-height:1.5em}
.mPopup .conf.present_pop .bd-b .present_list .area .img .corver{width:99px; height:99px}
.mPopup .conf.present_pop .bd-b .present_list .area .img .corver img{height:99px}
.mPopup .conf.present_pop .bd-b .present_list .area .img .corver .border{background-size:99px 99px;}
.mPopup .conf .bd-b.pd0 .listSt02.text .area:after{display:block; content:''; clear:both;}
.mPopup .conf .bd-b.pd0 .listSt02.text .area .right{margin-left:14px;width:67%}
.mPopup .conf.present_pop .bd-b.pd0 .listSt02.text .area .right .text{margin-bottom:0}
.mPopup .btnsArea a.btn{padding:10px 0}
.mPopup .conf.present_pop .listSt02.text .area .right .text{font-size:16px; height:5em;}
.mPopup .conf.present_pop .listSt02.text .area .left{width:100px}
.listSt03.ranking.num .area .txt a.btn{top:50%;margin-top:-20px; left:auto;width:120px; height:auto; text-indent:0; background:#6880b9;}
.styled-select select{font-size:1em}
.conArea.getItem{margin-top:5px;width:100%;}
.conArea.getItem .cont_area ul{padding:10px 0 10px;}
.conArea.getItem .cont_area li{width:299px;text-align:center;margin-left:15px;}
.conArea.getItem .cont_area li img{width:auto;}
.conArea.getItem .getItemLink{background:#fff;}
.conArea.getItem .getItemLink p{display:inline; margin-left:25px; }
.conArea.getItem .getItemLink p a{color:#333}
.area .img .corver.point .border{background:url(../images/common/bg_corver02_pc.png) no-repeat !important; background-size:cover !important;}
.area .img .corver.point.end .border{background:url(../images/common/bg_corver05.png) no-repeat !important; background-size:cover !important;}
.iClose a,.iDelete a{background:url(../images/common/btn_pop_close_pc.png) no-repeat; }
.touchslider-nav-item{background:url(../images/common/btn_slide_pc.png) no-repeat;}
.touchslider-nav-item-current{background-position:-8px 0 }
/*.img span.sell_txt{font-size:18px; margin-left:-36px; top:44%}*/
.popup_img .touchslider-nav-item{background: url(../images/common/btn_slide02_pc.png) 0px 0 no-repeat;}
.popup_img .touchslider-nav-item-current{background-position:-11px 0}
.popup_img{margin:0 50px;}
.listSt03.buyItem .area .img .corver .border{background: url(../images/common/bg_corver07.png) no-repeat;}
.bd .bd-b .present_list .area .text .txt span.date{display:inline-block}
.itemshop_gnb .btnsArea ul li{width:34%;}
.itemshop_gnb .btnsArea ul li a{text-align:left;}
.itemshop_gnb .btnsArea ul li.last{display:inline-block; width:28%;}
.itemshop_gnb .btnsArea ul li.last a{text-align:right}
.tabB_content .select_wrap .selectBox.mt10.pb10{padding-bottom:0 !important}
.get_item_list01 {padding:20px 0 0 0 !important; border:1px solid #d9d9d9; border-radius:5px;}
.get_item_list01:after{display:block; content:''; clear:both;}
.get_item_list01 li {width:33.3%; padding:0 0 15px 0; float:left;}
.get_item_list01 li a {margin:0 20px; display:block; background:none;}
.get_item_list01 li a:after{display:block; content:''; clear:both;}
.get_item_list01 li a p {width:75px; height:75px; overflow:hidden; border-radius:5px; border:1px solid #999; float:left;}
.get_item_list01 li a p img {width:75px; height:75px;}
.get_item_list01 li a div {padding:8px 0 0 12px; float:left; text-align:left;}
.get_item_list01 li a div strong {color:#3366cc; font-size:14px;}
.get_item_list01 li a div em {display:block;  font-weight:bold;}
.get_item_list01 li a div span {padding:0 4px; border-radius:3px; background:#3366cc; font-size:12px; color:#fff; display:inline-block;}
.get_item_list01 .img{display: inline-block; /* margin-right: 10px; */ float: left;}
.get_item_list01 .img .corver{width: 61px; height: 61px; overflow: hidden; position: relative;}
.get_item_list01 .img .corver img{width: 110px; height: auto; position: absolute; top: 0; left: 50%; margin-left: -88%;}

.btn_one_sty01 {border:1px solid #d9d9d9;}
.btn_one_sty01 span {right:47px;}
.single_dual {
    font-size: 0.8em;
    font-weight: bold;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    position:absolute; top:5px; left:0;
    width:100%;
    text-align:center;
    color:#fff;
}
}


.price_orgin_off {text-decoration:line-through; color:red !important; margin-right:0 !important; font-style:normal;}
.price_orgin_off em { font-style:normal; }
.price_sale_off { font-size:1em !important; font-style:normal; }