@charset "utf-8";

.main_mypage a {color:#2c2c2c}
.main_mypage * {word-wrap:break-word; word-break:break-word;}
.main_mypage .blind {display:block; overflow:hidden; position:absolute; top:-1000em; left:0;}
.main_mypage .member_info {overflow:hidden; padding-bottom:4px; font-size:0.9em; border-bottom:1px solid #d6d6d6;}
.main_mypage .member_info span {float:left; padding-left:20px; background:url(/images/mypage/bg_l_p.png) no-repeat left top; color:#0491d3; line-height:2.14em;}
.main_mypage .member_info a {float:right; padding:0 14px 0 8px; background:#fbfbfb url(/images/mypage/bg_arr03.png) no-repeat right center; border:1px solid #e1e1e1; border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em; line-height:2em;}
.main_mypage .newscast {position:relative; overflow:hidden; height:2.571em; border-bottom:1px solid #d6d6d6;}
.main_mypage .newscast h4 {position:absolute; top:9px; left:0;}
.main_mypage .newscast li a {display:block; padding-left:26px; color:#2c2c2c; line-height:2.571em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_mypage .note_wrap {overflow:hidden;}
.main_mypage .note {position:relative; float:left; width:342px; margin-right:10px;}
.main_mypage .note dt {position:absolute; top:7px; *top:11px; left:0;}
.main_mypage .note dd {margin:6px 0; padding:5px 0 5px 26px; border-right:1px solid #e9e9e9;}
.main_mypage .note dd strong {font-weight:normal; color:#ff8400;}
.main_mypage .note02 {float:left; position:relative; width:332px; padding:11px 0;}
.main_mypage .note02 a {padding-left:26px;}
.main_mypage .note02 a img {position:absolute; top:7px; left:0;}
.main_mypage .myInfo {overflow:hidden; margin-bottom:7px; padding:9px; min-height:101px; background:#d61518; border:1px solid #c11316;}
.main_mypage .myInfo .left {position:relative; float:left; width:380px;}
.main_mypage .myInfo .left .photo {position:absolute; top:0; left:0;}
.main_mypage .myInfo .left ul {padding-left:107px; min-height:73px;}
.main_mypage .myInfo .left .txt01 {padding-top:4px; font-size:1.142em; font-weight:bold; color:#fff;}
.main_mypage .myInfo .left .txt01 a {color:#fff;}
.main_mypage .myInfo .left .txt01 img {vertical-align:bottom;}
.main_mypage .myInfo .left .txt02 {padding-top:5px; font-size:1.071em; color:#fff;}
.main_mypage .myInfo .left .txt02 a {color:#fff;}
.main_mypage .myInfo .left .rank {display:inline-block; padding-top:6px; color:#fff;}
.main_mypage .myInfo .left .rank strong {font-weight:normal; color:#fdee00;}
.main_mypage .myInfo .right {overflow:hidden; float:right; padding-top:1px; width:280px; background:#1e1e1e; border-top:1px solid #131313; border-left:1px solid #131313; border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;}
.main_mypage .myInfo .right ul {overflow:hidden; margin-left:-1px; background:#2c2c2c; border-top:1px solid #212121; border-left:1px solid #212121; border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;}
/*
.main_mypage .myInfo .right {overflow:hidden; float:right; padding-top:1px; width:280px; background:#464e56; border-top:1px solid #40474f; border-left:1px solid #40474f; border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;}
.main_mypage .myInfo .right ul {overflow:hidden; margin-left:-1px; background:#58626c; border-top:1px solid #525b65; border-left:1px solid #525b65; border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;}
*/
.main_mypage .myInfo .right li {float:left; width:50%;}
.main_mypage .myInfo .right li a{display:block; height:46px; padding-top:7px; border-left:1px solid #131313; color:#fff; text-align:center;}
.main_mypage .myInfo .right li a strong {font-family:Arial !important; color:#fa363a; font-size:1.571em;}
.main_mypage .myInfo .right li a strong em {padding-left:6px; font-size:14px; font-style:normal; font-weight:normal;}
.main_mypage .myInfo .right li a strong em.up {color:#ff7200;}
.main_mypage .myInfo .right li a strong em.down {color:#13baff;}
.main_mypage .myInfo .right li a strong em.no {color:#a9a9a9;}
.main_mypage .myInfo .right li a strong em span {display:inline; vertical-align:middle;}
.main_mypage .myInfo .right li + li a {padding-left:14px; text-align:left;}
.main_mypage .myInfo .right li + li a span {display:block; padding-bottom:2px;}
.main_mypage .myInfo .right li:first-child {width:100%;}
.main_mypage .myInfo .right li:first-child a {height:34px; padding-top:10px; border-bottom:1px solid #131313;}
.main_mypage .myInfo .right li:first-child a strong {font-size:2.142em;}

/* 20170719_머신로그인수정 */
.main_mypage .todayData .box,
.main_mypage .todayData a {display:block; font-weight:bold; margin-bottom:7px; padding:11px 9px 11px 34px; background:url(/images/mypage/bg_today.png) no-repeat left top; border:1px solid #c7c7c7;}
.main_mypage .todayData .box strong,
.main_mypage .todayData a strong {color:#ff7f01;}
.main_mypage .todayData .box { line-height:1.4; }

.main_mypage .info_score {overflow:hidden; margin-bottom:7px; border:1px solid #c7c7c7;}
.main_mypage .info_score li {float:left; width:50%; margin-left:-1px; padding:14px 0; text-align:center; border-left:1px solid #e9e9e9; font-family:Arial !important; font-size:0.928em; color:#b4b9bf;}
.main_mypage .info_score li:first-child {border-left:none;}
.main_mypage .info_score li span {padding-left:4px; font-size:1.230em; color:#666;}
.main_mypage .info_itemshop {overflow:hidden; margin-bottom:7px; background:#f0f3f4; border:1px solid #c7c7c7;}
.main_mypage .info_itemshop div.left,
.main_mypage .info_itemshop div.right {float:left;}
.main_mypage .info_itemshop div.left {padding:8px 15px 9px; width:311px;}
.main_mypage .info_itemshop div.left h4 {margin-bottom:6px; font-size:1.285em; font-weight:bold; color:#000;}
.main_mypage .info_itemshop div.left .gold {display:block; overflow:hidden; padding-left:54px; background:#f8fafb url(/images/mypage/bg_l_p.png) no-repeat 0 -60px; border:1px solid #ced4d6; height:39px; line-height:39px;}
.main_mypage .info_itemshop div.left .gold strong,
.main_mypage .info_itemshop div.left .gold span {float:left; font-family:Arial !important; font-size:1.428em; }
.main_mypage .info_itemshop div.left .gold strong {font-weight:normal; color:#908e8e}
.main_mypage .info_itemshop div.left .gold span {padding-left:7px; color:#d61518}
.main_mypage .info_itemshop div.left .item {overflow:hidden; padding-top:10px;}
.main_mypage .info_itemshop div.left .item .left {float:left;}
.main_mypage .info_itemshop div.left .item .right {float:right;}
.main_mypage .info_itemshop div.left .item dt {padding-bottom:6px; font-size:0.928em;}
.main_mypage .info_itemshop div.left .item dd.itemWrap {position:relative; overflow:hidden; margin-right:-12px; width:192px; height:84px;}
.main_mypage .info_itemshop div.left .item a {float:left; display:block; position:relative; width:84px !important; padding-right:12px;}
.main_mypage .info_itemshop div.left .item a .cover {position:absolute; top:0; left:0; width:84px; height:84px; background:url(/images/mypage/bg_l_p.png) no-repeat left -129px;}
.main_mypage .info_itemshop div.left .item a .expire{background:url(../images/main/expire_cover_web.png) no-repeat;}
.main_mypage .info_itemshop div.right {position:relative; width:340px; min-height:196px; border-left:1px solid #c7c7c7;}
.main_mypage .info_itemshop div.right .info01 {margin-top:70px; padding:11px 14px; border-top:1px solid #c7c7c7;}
.main_mypage .info_itemshop div.right .info01 h5 {position:relative; margin-bottom:10px; font-size:1.285em; font-weight:bold; color:#000;}
.main_mypage .info_itemshop div.right .info01 h5 a {position:absolute; top:0; right:0;}
.main_mypage .info_itemshop div.right .info01 li {padding:5px 20px 5px 0; background:url(/images/mypage/img_playNavi_off01.png) no-repeat right center; border-top:1px solid #e6e8e9;}
.main_mypage .info_itemshop div.right .info01 li:first-child {border-top:none;}
.main_mypage .info_itemshop div.right .info01 li.on {background:url(/images/mypage/img_playNavi_on01.png) no-repeat right center;}
.main_mypage .info_itemshop div.right .info02 {position:absolute; top:0; left:0; overflow:hidden; width:100%; height:70px;}
/*
.main_mypage .info_itemshop div.right .info02 a {float:left; width:50%; height:100%;}
.main_mypage .info_itemshop div.right .info02 a:first-child {margin-left:-1px; border-right:1px solid #c7c7c7}
*/
.main_mypage .info_itemshop div.right .info02 a strong {display:block; margin:8px 14px 6px; padding-left:22px; font-size:1.285em; color:#000;}
.main_mypage .info_itemshop div.right .info02 a.seq01 strong {background:url(/images/mypage/bg_l_p.png) no-repeat left -241px;}
.main_mypage .info_itemshop div.right .info02 a.seq02 strong {background:url(/images/mypage/bg_l_p.png) no-repeat left -289px;}
.main_mypage .info_itemshop div.right .info02 a span {display:block; margin:0 14px; line-height:1.3}
.main_mypage .info_versus {margin-bottom:7px; padding:8px 13px 15px; border:1px solid #c7c7c7;}
.main_mypage .info_versus h4 {margin-bottom:13px; font-size:1.285em; font-weight:bold; color:#000;}
.main_mypage .info_versus .left,
.main_mypage .info_versus .right {float:left; width:50%;}
.main_mypage .info_versus .btm {clear:both; border-top:1px solid #e9e9e9;}
.main_mypage .info_versus .left p,
.main_mypage .info_versus .left dl {float:left; width:40%; text-align:center;}
.main_mypage .info_versus .left p img {display:block; margin:0 auto -12px;}
.main_mypage .info_versus .left p .txt {display:inline-block; padding-left:19px; height:26px; background:url(/images/mypage/bg_l_p.png) no-repeat left -340px; font-size:0.857em; color:#fffefe;}
.main_mypage .info_versus .left p .txt span {display:inline-block; padding:4px 10px 0 0; height:22px; background:url(/images/mypage/bg_r_p.png) no-repeat right -58px;}
.main_mypage .info_versus .left dl dd {color:#9d9d9d;}
.main_mypage .info_versus .left dl dd strong {display:block; padding:3px 0 1px; font-family:Arial !important; font-size:2.857em; color:#d61518;}
.main_mypage .info_versus .right table th {width:75px; border-top:1px solid #e9e9e9; font-size:14px; text-align:left;}
.main_mypage .info_versus .right table td {border-top:1px solid #e9e9e9; height:30px; font-size:12px; text-align:left;}
.main_mypage .info_versus .right table tr:first-child th,
.main_mypage .info_versus .right table tr:first-child td {border-top:none;}
.main_mypage .info_versus .right table strong {font-size:1.5em; color:#fa363a;}
.main_mypage .info_versus .right table strong.blue {color:#a2a2a2;}
.main_mypage .info_versus .right table strong.gray {color:#999;}
.main_mypage .info_versus .btm p {padding-top:10px; color:#9d9d9d; line-height:1.4}
.main_mypage .info_versus .btm p span {color:#fa363a;}
.main_mypage .info_versus .btm dl {position:relative; overflow:hidden; padding:10px 0 15px;}
.main_mypage .info_versus .btm dt {float:left; font-size:0.928em; font-weight:bold;}
.main_mypage .info_versus .btm dd {float:right; padding-right:2px; color:#ff7f01;}
.main_mypage .info_versus .btm dd div {position:absolute; bottom:0; left:0; width:99.5%; height:11px; background:#e1e1e1; border:1px solid #d3d3d3; border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;}
.main_mypage .info_versus .btm dd div span {display:inline-block; position:absolute; top:-1px; left:-1px; height:13px;
-moz-border-radius-topleft:.2em;-webkit-border-top-left-radius:.2em;border-top-left-radius:.2em;-moz-border-radius-bottomleft:.2em;-webkit-border-bottom-left-radius:.2em;border-bottom-left-radius:.2em;}
.main_mypage .info_versus .btm dd div.seq01 span {border-right:1px solid #f79c25; background-color:#f95b00;
background-image:-webkit-gradient(linear, left top, left bottom, from(#ff9000), to(#f95b00));
background-image:-webkit-linear-gradient(#ff9000,#f95b00);
background-image:-moz-linear-gradient(#ff9000,#f95b00);
background-image:-ms-linear-gradient(#ff9000,#f95b00);
background-image:-o-linear-gradient(#ff9000,#f95b00);
background-image:linear-gradient(#ff9000,#f95b00)}
.main_mypage .info_versus .btm dd div.seq02 span {border-right:1px solid #2786e0; background-color:#0268c6;
background-image:-webkit-gradient(linear, left top, left bottom, from(#0276e3), to(#0268c6));
background-image:-webkit-linear-gradient(#0276e3,#0268c6);
background-image:-moz-linear-gradient(#0276e3,#0268c6);
background-image:-ms-linear-gradient(#0276e3,#0268c6);
background-image:-o-linear-gradient(#0276e3,#0268c6);
background-image:linear-gradient(#0276e3,#0268c6)}
.main_mypage .quickMenu {padding:10px 0; border:1px solid #c7c7c7;}
.main_mypage .quickMenu ul {overflow:hidden;}
.main_mypage .quickMenu li {float:left; width:25%; *margin-left:-1px; text-align:center;}
.main_mypage .quickMenu li a {display:block; padding:4px 0; border-left:1px solid #e9e9e9; color:#9d9d9d;}
.main_mypage .quickMenu li:first-child a {border-left:none;}
.main_mypage .quickMenu li a img {padding-right:8px; vertical-align:middle;}
.main_mypage .banner {margin-top:7px;}
.main_mypage .gameGuide {overflow:hidden; padding:9px 0;}
.main_mypage .gameGuide li {float:left; width:50%;}
.main_mypage .gameGuide li a {display:block; padding:0 34px 0 20px; background:url(/images/mypage/bg_arr.png) no-repeat right center; line-height:1.2}
.main_mypage .gameGuide li a img {float:left; margin-right:5px;}
.main_mypage .gameGuide li a strong {display:block; font-size:1.071em;}
.main_mypage .gameGuide li a span {display:block; font-size:0.928em; color:#72787b}
.main_mypage .gameGuide li:first-child {margin-left:-1px; border-right:1px solid #e9e9e9;}
.main_mypage .gameGuide li:first-child a {padding-left:0;}
.main_mypage .btn_bookmark {background:#f6f6f6; border:1px solid #d5d5d5; border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em; text-align:center;}
.main_mypage .btn_bookmark a {display:block; padding:7px 0 8px; font-size:1.285em; color:#000;}
.main_mypage .btn_bookmark a span {display:inline-block; min-height:23px; padding:0 0 0 30px; background:url(/images/mypage/bg_l_p.png) no-repeat left -395px; line-height:1.0; *line-height:23px;}
.main_mypage .rechargeCredit {margin-bottom:7px; padding:9px 9px 9px 40px; *padding:1px 9px 15px 40px; background:url(/images/mypage/bg_credit.png) no-repeat left top; border:1px solid #c7c7c7;}
.main_mypage .rechargeCredit p {display:inline;}
.main_mypage .rechargeCredit span {vertical-align:middle;}
.main_mypage .rechargeCredit strong {font-weight:normal; font-size:1.428em; color:#ff7f01; vertical-align:middle;}
.main_mypage .rechargeCredit em {padding:0 18px; font-style:normal; vertical-align:middle;}

/*���� ũ����*/
.chargeCredit .remain .txt01 {padding:12px 20px; background:#efefef; border:1px solid #e6e6e6; font-size:1.142em; -moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em;}
.chargeCredit .remain .txt01 span {color:#fb901c;}
.chargeCredit .remain .txt02 {padding-top:10px; font-size:0.857em; text-align:right; color:#797979; line-height:1.2;}
.chargeCredit .remain .txt02 span {color:#06acde;}
.chargeCredit h3 {padding:25px 0 5px;}
.chargeCredit .step_wrap {padding:35px 20px; border:1px solid #e6e6e6; -moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em;}
.chargeCredit .step_wrap ul {overflow:hidden; padding-left:20px;}
.chargeCredit .step_wrap ul li {float:left; padding-left:91px; background:url(/images/common/arrow_next.png) no-repeat 37px center;}
.chargeCredit .step_wrap ul li:first-child {padding-left:0; background:none;}
.chargeCredit .step_wrap ul li .inner {width:140px; border:1px solid #e0e0e0; text-align:center; -moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em;}
.chargeCredit .step_wrap ul li span {display:block; height:31px; line-height:31px; background:#efefef;}
.chargeCredit .step_wrap ul li .inner div {display:table; width:100%;}
.chargeCredit .step_wrap ul li strong {display:table-cell; height:56px; text-align:center; vertical-align:middle; font-size:1.142em; font-weight:bold; color:#06acde; line-height:1.4;}
.chargeCredit .step_wrap h4 {padding-top:40px; font-weight:bold; font-size:1.142em;}
.chargeCredit .step_wrap ol {overflow:hidden;}
.chargeCredit .step_wrap ol li {float:left; padding-top:20px;}
.chargeCredit .step_wrap ol li .arr {padding:0 4px;}

@media (max-width:768px){
.main_mypage .member_info span {background:url(/images/mypage/bg_l_m.png) no-repeat left top; background-size:300px auto;}
.main_mypage .member_info a {background:#fbfbfb url(/images/mypage/bg_arr_m03.png) no-repeat right center; background-size:10px auto;}
.main_mypage .newscast {border-bottom:none;}
.main_mypage .note {margin-right:0; width:100%; border-top:1px solid #d6d6d6;}
.main_mypage .note dd {border-right:none;}
.main_mypage .note02 {width:100%; border-top:1px solid #d6d6d6;}
.main_mypage .myInfo {box-shadow:0 0 2px #dbdbdb;}
.main_mypage .myInfo .left {width:auto;}
.main_mypage .myInfo .left .rank {margin-bottom:7px;}
.main_mypage .myInfo .right {width:100%;}
.main_mypage .myInfo .right ul {margin-left:0;}
.main_mypage .myInfo .right li {width:33.3%;}
.main_mypage .myInfo .right li a {padding-top:12px; height:93px; box-sizing:border-box; -moz-box-sizing:border-box;}
.main_mypage .myInfo .right li a strong {display:block; padding-top:5px; font-size:1.857em;}
.main_mypage .myInfo .right li a strong em {display:block; padding-left:0; padding-top:6px;}
.main_mypage .myInfo .right li + li a {padding-top:12px; padding-left:0; text-align:center;}
.main_mypage .myInfo .right li + li a span {display:block; padding-bottom:0;}
.main_mypage .myInfo .right li:first-child {width:33%;}
.main_mypage .myInfo .right li:first-child a {padding-top:12px; height:93px; border-left:none; border-bottom:none;}
.main_mypage .myInfo .right li:first-child a strong {font-size:1.857em;}

/* 20170719_머신로그인수정 */
.main_mypage .todayData .box,
.main_mypage .todayData a {padding:13px 9px 13px 34px; box-shadow:0 0 2px #dbdbdb; background:url(/images/mypage/bg_today_m.png) no-repeat left top; background-size:30px auto; line-height:1.4; }
.main_mypage .todayData .box span,
.main_mypage .todayData a span { display:block; }
.main_mypage .todayData .box { line-height:1.4; }

/* 20170726_머신로그인수정 */
.main_mypage.machine_login_box .todayData .box span { font-size:12px; }

.main_mypage .info_score {box-shadow:0 0 2px #dbdbdb;}
.main_mypage .info_score li {padding:6px; box-sizing:border-box; -moz-box-sizing:border-box;}
.main_mypage .info_score li span {display:block; padding-top:4px;}
.main_mypage .info_itemshop {overflow:visible; background:none; border:none;}
.main_mypage .info_itemshop div.left,
.main_mypage .info_itemshop div.right {float:none; margin-bottom:7px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; background:#f0f3f4; border:1px solid #c7c7c7; box-shadow:0 0 2px #dbdbdb;}
.main_mypage .info_itemshop div.right {min-height:0;}
.main_mypage .info_itemshop div.left {padding:8px 9px 9px;}
.main_mypage .info_itemshop div.left .gold {padding-left:48px; background:#f8fafb url(/images/mypage/bg_l_m.png) no-repeat 0 -60px; background-size:300px auto;}
.main_mypage .info_itemshop div.left .item a .cover {background:url(/images/mypage/bg_l_m.png) no-repeat left -334px; background-size:300px auto;}
.main_mypage .info_itemshop div.left .item a .expire{background:url(../images/main/expire_cover.png) no-repeat; background-size:84px auto;}
.main_mypage .info_itemshop div.left .item dd.itemWrap {width:180px; margin-right:-6px;}
.main_mypage .info_itemshop div.left .item a {padding-right:6px;}
.main_mypage .info_itemshop div.right .info01 {margin-top:0; padding:9px; border-top:none; border-bottom:1px solid #c7c7c7}
.main_mypage .info_itemshop div.right .info01 li {background:url(/images/mypage/img_playNavi_off02.png) no-repeat right center; background-size:20px auto;}
.main_mypage .info_itemshop div.right .info01 li.on {background:url(/images/mypage/img_playNavi_on02.png) no-repeat right center; background-size:20px auto;}
.main_mypage .info_itemshop div.right .info02 {position:static;}
.main_mypage .info_itemshop div.right .info02 a.seq01 strong {margin:10px 9px 6px; background:url(/images/mypage/bg_l_m.png) no-repeat left -129px; background-size:300px auto;}
.main_mypage .info_itemshop div.right .info02 a.seq02 strong {margin:10px 9px 6px; background:url(/images/mypage/bg_l_m.png) no-repeat left -177px; background-size:300px auto;}
.main_mypage .info_itemshop div.right .info02 a span {margin:0 9px;}
.main_mypage .info_versus {padding:9px; box-shadow:0 0 2px #dbdbdb;}
.main_mypage .info_versus .left,
.main_mypage .info_versus .right {float:none; width:100%;}
.main_mypage .info_versus .left {overflow:hidden;}
.main_mypage .info_versus .left p,
.main_mypage .info_versus .left dl {float:left; width:50%;}
.main_mypage .info_versus .left p .txt {background:url(/images/mypage/bg_l_m.png) no-repeat left -226px; background-size:300px auto;}
.main_mypage .info_versus .left p .txt span {background:url(/images/mypage/bg_r_m.png) no-repeat right -58px; background-size:100px auto;}
.main_mypage .info_versus .right {padding-top:7px;}
.main_mypage .info_versus .right table tr:first-child th,
.main_mypage .info_versus .right table tr:first-child td {border-top:1px solid #e9e9e9;}
.main_mypage .info_versus .btm p {padding:9px 0 3px}
.main_mypage .info_versus .btm dl {padding:6px 0 15px;}
.main_mypage .info_versus .btm dd div {width:100%; box-sizing:border-box; -moz-box-sizing:border-box; height:13px;}
.main_mypage .quickMenu {box-shadow:0 0 2px #dbdbdb;}
.main_mypage .quickMenu li a img {display:block; margin:0 auto 7px; padding:0;}
.main_mypage .gameGuide {margin-bottom:7px; padding:0;}
.main_mypage .gameGuide li {padding:9px 0; width:100%; border-bottom:1px solid #e9e9e9;}
.main_mypage .gameGuide li:first-child {border-right:none;}
.main_mypage .gameGuide li a {padding:0 20px 0 0; background:url(/images/mypage/bg_arr_m.png) no-repeat right center; background-size:11px auto}
.main_mypage .btn_bookmark {margin-bottom:10px; background:#0199e7; border:1px solid #007bb4;}
.main_mypage .btn_bookmark a {color:#fff;}
.main_mypage .btn_bookmark a span {background:url(/images/mypage/bg_l_m.png) no-repeat left -281px; background-size:300px auto; line-height:23px}
.main_mypage .rechargeCredit {background:url(/images/mypage/bg_credit_m.png) no-repeat left top; background-size:30px auto; box-shadow:0 0 2px #dbdbdb;}
.main_mypage .rechargeCredit p {display:block;}
.main_mypage .rechargeCredit strong {font-weight:normal; font-size:1.428em; color:#ff7f01; vertical-align:middle;}
.main_mypage .rechargeCredit em {display:none;}

/*���� ũ����*/
.chargeCredit .remain .txt01 {padding:12px 10px; line-height:1.3; font-size:1.071em;}
.chargeCredit .remain .txt02 {padding-top:7px; text-align:left;}
.chargeCredit h3 {padding:19px 0 5px;}
.chargeCredit .step_wrap {padding:10px;}
.chargeCredit .step_wrap ul {padding-left:0;}
.chargeCredit .step_wrap ul li {width:35.55%; padding-left:6.8%; box-sizing:border-box; -moz-box-sizing:border-box; background:url(/images/common/arrow_next.png) no-repeat 8% center; background-size:7px auto;}
.chargeCredit .step_wrap ul li:first-child {width:28.9%;}
.chargeCredit .step_wrap ul li .inner {width:100%; box-sizing:border-box; -moz-box-sizing:border-box;}
.chargeCredit .step_wrap ul li span {height:24px; line-height:24px; font-size:0.785em;}
.chargeCredit .step_wrap ul li strong {font-size:0.928em; height:43px; line-height:1.2;}
.chargeCredit .step_wrap h4 {display:none;}
.chargeCredit .step_wrap ol {display:none;}

/*test*/
}

/*---- Dart Mission ----*/

/*common*/
.dartMission .fl-l{float:left;}
.dartMission .fl-r{float:right;}
.dartMission .ta-l{text-align:left}
.dartMission .paging{font-weight:100;}
#subSection article .dartMission{margin:0 10px}
#subSection.mypage_top article .dartMission{margin:0 0 10px;}

/* DartMission*/
.dartMission{position:relative;margin-bottom:7px;clear:both; height:100%; padding:0; border:1px solid #c7c7c7;background:url('../images/mypage/bg_dartmission.png') 0 0 no-repeat;}
.dartMission:after{display:block; content:""; clear:both}
.dartMission h1{position:relative; top:0; left:0;}
.dartMission h1 img{width:100%;max-width:437px}
.dartMission .link {display:table;position:absolute; top:15px; right:8px; letter-spacing:0;}
.dartMission .link span{display:table-cell;vertical-align:middle;}
.dartMission .link img{background:#fff; margin-right:5px; padding:2px; border-radius:3px; border:1px solid #a5aaaf; }
.dartMission .cont{border-top:1px solid #e9e9e9; height:100%; background:#f6f6f6; margin-top:-10px; padding:30px 20px 0; }
.dartMission .cont:after{display:block; content:""; clear:both}
.dartMission .cont .area{position:relative;clear:both;}
.dartMission .cont .area:after{display:block; content:""; height:30px; clear:both}
.dartMission .cont .area .title{float:left; width:128px; padding-top:5px; color:#747474; font-size:18px; font-weight:bold}
.dartMission .cont .area .title img{position:absolute; top:6px; left:128px;}
.dartMission .cont .area .title p{line-height:1.2em; color:#747474}
.dartMission .cont .area .con_txt{border-left:1px solid #e0e0e0;float:left; width:76%}
.dartMission .cont .area .con_txt:after{display:block; content:""; clear:both;}
.dartMission .cont .area .con_txt ul{ min-height:30px; margin-left:2px; padding:0 0 8px 24px}
.dartMission .cont .area .con_txt li{ width:100%; border-bottom:1px solid #e0e0e0; padding:5px 0;text-overflow: ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:normal !important; display:block;}
.dartMission .cont .area .con_txt li:last-child{border:none}
.dartMission .cont .area .con_txt li span{display:block; float:left}
.dartMission .cont .area .con_txt li span.ms_tit{font-weight:bold;font-size:15px; margin-right:7px; line-height:1.5em}
.dartMission .cont .area .con_txt li span.ms_txt{max-width:420px;}
.dartMission .cont .area .con_txt.week_mission li span.ms_txt{max-width:342px; line-height:1.5em}
.dartMissionLine{border:1px solid #c7c7c7; background:url(../images/dartmission/bg_dartmission_s.png) 3px 6px no-repeat; padding:12px 40px 13px; margin-bottom:7px}

/* Mission Confirm */
.missionArea {position:relative;height:100%; margin-bottom:20px }
.missionArea .title {border-bottom: 1px solid #999; margin:0 5px}
.missionArea .title img{position:absolute; top:0; left:0;}
.missionArea .title h1{margin-left:86px; padding:20px 0 10px; font-size:20px; font-weight:bold;}
.missionArea .cont ul{margin:12px 0; background:url('http://stage.phoenixdart.com/images/dartmission/bg_line.png') 86px repeat-y; padding:0 27px;}
.missionArea .cont li{border:1px solid #e8e8e8; background:#fff; margin-bottom:7px; padding:10px 0;clear:both;}
.missionArea .cont li:after{display:block; content:""; clear:both}
.missionArea .cont li.clear{background:#f6f6f6; }
.missionArea .cont li.ing .txt{font-weight:bold;}
.missionArea .cont li.ing .star, .missionArea .cont li.ing .stamp{display:none}
.missionArea .cont li.yet{color:#b3b3b3;}
.missionArea .cont li.clear .txt, .missionArea .cont li.yet .txt{font-weight:100}
.missionArea .cont .tit{display:inline-block; float:left; padding:8px 10px; margin:4px 0; width:98px; text-align:center; }
.missionArea .cont .tit span{display:block;}
.missionArea .cont .tit .font-l{font-size:18px; margin-bottom:5px}
.missionArea .cont .tit .font-s{font-size:12px; font-weight:100;}
.missionArea .cont .tit .progress{display:none}
.missionArea .cont .con{padding-left:12px; border-left:1px solid #e5e5e5;display:inline-block;width:496px; min-height:57px;}
.missionArea .cont .con p {float:left}
.missionArea .cont .con p.txt{width:368px; padding:20px 0 14px; font-size:16px; line-height: 1.2em;}
.missionArea .cont .con p.txt span{display:block; }
.missionArea .cont .con p.txt span.first{margin-top:-8px}
.missionArea .cont .con p.txt span.now{font-weight:100; font-size:.94em; margin-top:3px}
.missionArea .cont .con p.star {padding:22px 0 20px; color:#666;}
.missionArea .cont .con p.star.clear{color:#fd5e02}
.missionArea .cont .con p.star img{margin-top:-10px; width:20px; height:20px;}
.missionArea .cont .con p.star span{font-size:16px; margin-left:4px;}
.missionArea .cont .con p.stamp{float:right; margin-right:14px; padding:3px 0; position:absolute; right:20px}
.missionArea .cont li.homeShop {text-align:center; padding:0 30px; }
.missionArea .cont li.homeShop .con {padding:22px 0 0; font-weight:100; border:none; width:100%; text-align:center;word-break:break-all;}
.missionArea .cont li.homeShop .con.none{color:#9c9c9c; }
.mc_pop_btn {text-align:center;height:100%;}
.mc_pop_btn a{display:inline-block;background:#06acde; border: 1px solid #02a0d0; border-radius:3px; margin-bottom:5px; padding:10px 26px; color:#fff; }
.mc_pop_btn:after{display:block; content:""; clear:both;}

/*Mission Clear list popup*/
.mc_list{height:540px !important;}
.right_pop .cont .msc_list h1{display:block; margin-top:30px; font-size:24px; font-weight:bold; border:none;float:left;}
.msc_list select{float:right; width:100px; height:32px; margin:22px 0 0; background:#fff url(../images/common/bg_select02.gif) no-repeat right top !important; }
.msc_list .con table{border-top:2px solid #585858}
.msc_list .con table th{background:#ebf6fc; padding:7px 0;}
.msc_list .con table th span{display:inline-block; width:100%; border-right:1px solid #c6ced3}
.msc_list .con table th img{width:20px; margin-left:4px;}
.msc_list .con table td{font-weight:100; text-align:center; vertical-align:middle;padding:10px 0; border-bottom:1px solid #e9e9e9}
.msc_list .con table td.lt{text-align:left; padding-left:15px; }
.msc_list .con .tableWrap{margin-bottom:20px; height:400px; overflow-y:auto; clear:both}
.msc_list .con .tableWrap:after{display:block; content:""; clear:both}
.msc_list .con .close {text-align:center; margin-bottom:10px;}
.msc_list .con .close a{display:inline-block; font-size:16px; font-weight:100; padding:5px 28px 4px 10px; color:#fff; background:url('http://stage.phoenixdart.com/images/dartmission/btn_close.gif') #464646 68px 5px no-repeat; }

/* trade list*/
.star_total{display:table; width:642px; margin-bottom:20px; background:#faf9f9; border:1px solid #dcdcde; padding:8px 10px; }
.star_total .fl-l{margin-top:8px;float: left;}
.star_total .fl-r{margin-top:6px;float: right;}
.star_total .fl-r img{margin-top:-12px;width:20px; height:20px; margin-right:4px;}
.star_total .font-s{font-size:15px;font-weight:100;}
.star_total .font-m{font-size:17px;font-weight:100;}
.star_total .font-l{font-size:1.875em; letter-spacing:-1px; font-weight:100}
.tb-style03 {width:664px}
.tb-style03 .top_box{display:block; height:100%; margin-bottom:10px; clear:both;}
.tb-style03 .top_box:after{display:block; content:""; clear:both;}
.tb-style03 .top_box .search_total{display:block;float:left; margin-top:15px;}
.tb-style03 .top_box .search_total span{color:#ff8400}
.tb-style03 .top_box .selectWrap {width:100px; margin:0; float:right; padding:2px 0; background:#fff url(../images/common/bg_select02.gif) no-repeat right top !important; }
.tb-style03 table thead th{background:#ebf6fc; font-size:1.2em; text-align:center; vertical-align:middle; padding:6px 0; border-top:2px solid #c3c3c3; border-right:1px solid #e9e9e9; border-bottom:1px solid #c3c3c3}
.tb-style03 table .last{border-right:none}
.tb-style03 table tbody td{text-align:center; font-weight:100; font-size:1em; padding:11px 5px; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.tb-style03 table tbody td.ta-l{text-align:left; padding-left:20px;line-height: 1.4em;}
.tb-style03 table .item{color:#0275ea}



/* trade item */
.item_list {width:664px;}
.item_list .item{width:320px; font-weight:100; margin-bottom:20px; float:left}
.item_list .item.right{float:right;}
.item_list .item .thum{width:100%;}
.item_list .item .txt{border:1px solid #e8e8e8; border-top:none; padding:5px 10px; background:#f7f7f7;}
.item_list .item .txt .title{border-bottom:1px solid #e8e8e8; padding:5px 0 10px; font-size:1em; width:100%; text-overflow: ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:block;}
.item_list .item .txt .cont{padding:5px 0 2px; clear:both; height:100%; }
.item_list .item .txt .cont:after{display:block; content:""; clear:both;}
.item_list .item .txt .cont .star{float:left; margin-top:8px}
.item_list .item .txt .cont .star span{font-size:1.875em; max-width:196px; text-overflow: ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:inline-block;}
.item_list .item .txt .cont .star img{margin-top:-22px; margin-left:4px}
.item_list .item .txt .cont a{float:right; margin-top:8px; background:#06acde; border:1px solid #02a0d0; color:#fff; padding:5px 12px; border-radius:5px; }
.item_list .item .txt .cont:after{display:block; content:""; clear:both}
.item_list .item .txt .cont a.gray{background:#939393; border:1px solid #848484}
.item_list:after{display:block; content:""; clear:both}

.right_pop.pop_st02 .cont{width:400px; height: auto !important; margin:-100px 0 0 -200px; text-align:center; padding:30px 10px; overflow:auto}
.right_pop.pop_st02 .cont p{font-size:1.1em; font-weight:100; line-height:1.5em; }
.right_pop.pop_st02 .cont .btn{margin-top:30px;font-weight:100}
.right_pop.pop_st02 .cont .btn a{display:inline-block; padding:4px 20px; margin-right:10px;  background:#06acde; border: 1px solid #02a0d0; border-radius:3px; color:#fff;}
.right_pop.pop_st02 .cont .btn a.btn_st02{background:#808080; border:1px solid #5d5d5d}
.right_pop.pop_st02 .cont .btn a.last{margin-right:0;}

@media (max-width:768px){
.dartMission{background-size:68%;overflow:hidden}
.dartMission h1{top:8px; left:-20px; padding-right:5%}
.dartMission .link {top:5px; right:8px;}
.dartMission .link img{background:#fff; padding:2px; border-radius:3px; border:1px solid #a5aaaf; }
.dartMission .cont{background:#fff; margin:2px 10px 0; padding:0 }
.dartMission .cont .area{margin-bottom:10px;}
.dartMission .cont .area:after{height:0}
.dartMission .cont .area .title{float:none;width:100%;padding-top:14px;}
.dartMission .cont .area .title img{display:none}
.dartMission .cont .area .title p{font-size:16px; color:#fff; display:inline; background:#b0b4b6; padding:1px 8px; border-radius:3px;font-weight:bold}
.dartMission .cont .area .con_txt{border-left:none; float:none; width:100%}
.dartMission .cont .area .con_txt ul{min-height:20px; margin-left:0; padding:10px 0 0}
.dartMission .cont .area .con_txt li{line-height:1.3em; }

/* Mission Confirm */
.missionArea{margin-bottom:4px;}
.missionArea .title {margin:0}
.missionArea .title img{display:none;}
.missionArea .title h1{margin-left:10px}
.missionArea .cont ul {padding:0 10px}
.missionArea .cont li{padding:2px 10px 0;}
.missionArea .cont .tit {border-right:none; width:100%; border-bottom:1px solid #e5e5e5; margin:0; padding:8px 0;text-align:left;}
.missionArea .cont .tit span {display:inline}
.missionArea .cont .tit .progress{display:inline-block; color:#ff0000}
.missionArea .cont .tit .font-s{font-weight:bold;}
.missionArea .cont .con {position:relative; width:100%; padding-left:0; border-left:none;}
.missionArea .cont .con p{float:none; font-size:12px;}
.missionArea .cont .con p.txt{width:80%; font-size:14px; line-height:1.4em; padding:10px 0; text-overflow:clip; -o-text-overflow:clip; overflow:visible; white-space:normal; }
.missionArea .cont .con p.txt span.now{font-size:13px; font-weight:100;}
.missionArea .cont .con p.star{padding:0; margin-bottom:10px;}
.missionArea .cont .con p.star img{width:20px;}
.missionArea .cont .con p.stamp{position:absolute; bottom:2%; right:-5px; margin:0 0 3px; }
.missionArea .cont li.homeShop .con {line-height:1.4em; padding:10px 0;}
.mc_pop_btn a {margin-bottom:20px}

/*Mission Clear list popup*/
.cont.mc_list{width:100% !important; height:96% !important;}
.cont .msc_list h1{margin-top:18px;}
.cont .msc_list .selectWrap {margin:26px 0 0;}

/* trade_list */
.star_total{display:block; width:90%; margin:10px auto 20px; padding:8px 2%;}
.star_total .font-l{font-size:1.500em;}
.star_total .fl-l{margin-top:6px}
.star_total:after{display:block; content:""; clear:both;}
.tb-style03{width:94%; margin:0 auto}
.tb-style03 .top_box .selectWrap{height:34px;}
.tb-style03 table tbody td.ta-l{padding-left:10px}

/* trade item */
.item_list{width:94%; margin:-10px auto 0;}
.item_list .item{width:100%; float:none; margin:0 auto 10px}
.item_list .item.right{float:none}
.item_list .item .txt .title{text-overflow:clip; overflow:visible; white-space:normal}
.item_list .item .txt .cont .star span{font-size:1.250em;}
.item_list .item .txt .cont .star img{margin-top: -15px; margin-left: 4px;}
.item_list .item .txt .cont a{margin-top:4px}
.right_pop.pop_st02 .cont{padding:30px 0; width:94% !important; height:auto !important; right:4%; margin:10px 0 0;}
}

/*Shop Darts Mission*/
.shop_dartMission .txt_box{border-radius:3px; background:#f7f7f7; padding:10px; margin:10px 0 30px; }
.shop_dartMission .txt_box p{color:#666; line-height:1.6em; font-size:13px;}
.shop_dartMission .txt_box p b{color:#000}
.shop_dartMission h3{font-size:18px;}
.shop_dartMission .dartMissin_info{text-align:center; font-weight:bold; margin-bottom:24px; padding:22px 0; font-size:18px; color:#999; border-top:1px solid #ededed; border-bottom:1px solid #ededed; }
.shop_dartMission table p{display:inline-block;}
.shop_dartMission table.st02{margin-bottom:20px;}
.shop_dartMission table.st02 th{text-align:center; border-right:none}
.shop_dartMission table.st02 th span{border-right:1px solid #d2dfe6;display:inline-block; width:100%;}
.shop_dartMission table.st02 td{text-align:center; padding:12px;}
.shop_dartMission table.st02 td.ta-l{text-align:left; padding-left:20px}
.shop_dartMission table.st02 td .fc-gray{color:#999}
.shop_dartMission .fc-orange{color:#ff9000}
.right_pop .cont.dartMission_popup{width:390px; margin-left:-195px; height:auto;  text-align:center;padding:30px 5px 5px;overflow-y: auto;}
.right_pop .cont.dartMission_popup p{margin-bottom:20px;}
.right_pop .cont.dartMission_popup .btnArea a{display:inline-block;text-align: center;border-radius: 4px; width: 60px !important; padding: 6px 0 5px 0; font-size: 0.85em; box-shadow: none; color:#fff;}
.right_pop .cont.dartMission_popup .btnArea a.btn_blue02{ border: 1px solid #00A3E2; background: #1FBCF8;}
.right_pop .cont.dartMission_popup .btnArea a.btn_gray02{ border: 1px solid #949494; background: #A8A8A8;}

/*Dart Mission Info*/
.dartMissionInfo h1{font-size:20px; font-weight:bold; margin-top:20px; padding-bottom:10px; padding-left:8px; border-bottom:1px solid #9d9d9d; }
.dartMissionInfo .cont{padding:16px 10px;}
.dartMissionInfo .cont p{font-size:14px;line-height: 1.4em;}
.dartMissionInfo .cont p.fc-o{color:#ff8a00}
.dartMissionInfo .cont .fc-b{color:#0093e7;border-bottom:1px solid #0093e7}
.dartMissionInfo table{margin-top:16px;text-align:center;}
.dartMissionInfo table th{background:#ededed; padding:8px 0 ;}
.dartMissionInfo table th span{display:inline-block; width:100%; border-right:1px solid #cecece;}
.dartMissionInfo table th.last span{border:none}
.dartMissionInfo table td{padding:8px 0; border-bottom:1px solid #ededed; color:#555353}
.dartMissionInfo table td.ta-l{padding-left:10px}
.dartMissionInfo table td span{display:inline;}
.mc_pop_btn.st02 a{background:url(../images/dartmission/bg_btnst03.png);border-radius:0}

@media (max-width:768px){
.shop_dartMission .txt_box{margin:10px 10px 15px;}
.shop_dartMission h3{font-size:16px}
.shop_dartMission .dartMissin_info{font-size:16px;}
.shop_dartMission .dartMissin_info{margin-bottom:14px;}
.shop_dartMission table p{display:block;margin:3px 0;}
.right_pop .cont.dartMission_popup{width:80%; margin-left:-40%; top:10%; left:50%;}
.dartMissionInfo table td span{display:block;}
.dartMissionInfo table td{font-size:13px;line-height:1.2em;}

.msc_list .con .tableWrap{height:326px}
}


.charge_pCoin { float:right; }
.charge_pCoin a { font-weight:normal; font-size:0.925em; color:#043f55; }
.my_pCoin { float:right !important; display:inline-block; margin-right:10px; padding-left:27px !important; color:#d61518; background:url('../images/main/icon_p_coin.png') left 8px no-repeat; }