@charset "utf-8";

/*메인 공통*/
.content-wrap { padding-top: 110px; }
.content-wrap .main-content .top-title-area { padding: 0 10px 10px; border-bottom: 1px solid #dee3eb; }
.content-wrap .main-content .top-title-area:after { height: 0; display: block; content: ''; clear: both; }
.content-wrap .main-content .top-title-area h2 { font-size: 20px; font-weight: bold; color: #29354e; float: left; white-space: nowrap; }
.content-wrap .main-content .top-title-area .more-view-btn { float: right; font-size: 0.8rem; line-height: 28px; color: #999; }

/*메인*/
.content-wrap .main-content .basic-content .schedule .date-title { padding: 10px 20px 5px 20px; }
.content-wrap .main-content .basic-content .schedule .date-title:after { height: 0; display: block; clear: both; content: ''; }
.content-wrap .main-content .basic-content .schedule .date-title .date-select { float: left; }
.content-wrap .main-content .basic-content .schedule .date-title .date-select .el-date-arrow { width: 8px; margin: 18px 10px 0 10px; opacity: 0.2; }
.content-wrap .main-content .basic-content .schedule .date-title .date-select span.date { font-size: 20px; font-weight: 800; line-height: 48px; color: #29354e; }
.content-wrap .main-content .basic-content .schedule .date-title .date-select span.date { color: #29354e; line-height: 40px; font-size: 1.5rem; font-weight: 700; display: inline-block;}
.content-wrap .main-content .basic-content .schedule .date-title .date-select span.date .unit {font-weight: 400; font-size:1rem; display: inline-block; margin-left:3px;}

.content-wrap .main-content .basic-content .schedule .date-title .date-today-btn { float: right; border: none; background: none; font-size: 13px; outline: 0; margin-top: 12px; }
.content-wrap .main-content .basic-content .schedule .date-title .date-today-btn img { width: 15px; vertical-align: top; margin-top: 4px; margin-right: 5px; }

@media all and (max-width: 460px)
{
	.content-wrap .main-content .basic-content .schedule .date-title { height: auto; text-align: center; }
	.content-wrap .main-content .basic-content .schedule .date-title .date-select { float: none; display: block; }
	.content-wrap .main-content .basic-content .schedule .date-title .date-select .el-date-arrow { margin: 11px 15px 0 15px; }
	.content-wrap .main-content .basic-content .schedule .date-title .date-select span.date { line-height: 35px; font-size: 19px; }
	.content-wrap .main-content .basic-content .schedule .date-title .date-today-btn { float: none; display: inline-block; margin: 1px 0 8px; }
}

.content-wrap .main-content .basic-content .schedule .match-info .team-match { border-top: 1px solid #dee3eb; background: #fff; padding: 15px 10px; position: relative; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match:last-child { border-bottom: 1px solid #dee3eb; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .basic-info { display: block; text-align: center; margin-bottom: 5px; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .basic-info>div { display: inline-block; font-size: 13px; line-height: 20px; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .basic-info>div.finish-match { height: 20px; display: inline-block; line-height: 20px; color: #fff; margin-right: 5px; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .basic-info>div.finish-match .result { display: block; height: 100%; width: 100%; border-radius: 10px; text-align: center; padding: 0 10px; font-size: 11px; letter-spacing: -0.5px; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .basic-info>div.finish-match .plan { background: #0084ff; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .basic-info>div.finish-match .finish { background: #e81b3d; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .basic-info>div.league-info { margin-right: 3px; font-weight: 400; letter-spacing: -0.5px; white-space: nowrap; color: #0084ff; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .basic-info>div.match-time { color: #0084ff; }

.content-wrap .main-content .basic-content .schedule .match-info .team-match .team-info:after { display: block; clear: both; height: 0; content: ''; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .team-info .l-team { float: left; width: 50%; position: relative; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .team-info .l-team:after { content: 'VS'; position: absolute; font-size: 11px; font-weight: bold; color: #C7C7C7; width: 12px; height: 12px; line-height: 12px; right: -6px; top: 50%; margin-top: -6px; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .team-info .r-team { float: right; width: 50%; text-align: left; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .team-info .l-team a,
.content-wrap .main-content .basic-content .schedule .match-info .team-match .team-info .r-team a { display: block; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .team-info .l-team a:after,
.content-wrap .main-content .basic-content .schedule .match-info .team-match .team-info .r-team a:after { display: block; height: 0; clear: both; content: ''; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .team-info .team-logo { width: 45px; display: block; margin: 0 auto; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .team-info .team-name { line-height: 20px; font-size: 14px; font-weight: bold; width: 100%; display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .team-info .score { display: block; text-align: center; font-size: 18px; font-weight: bold; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .team-info .score.blue { color: #0084ff; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .team-info .score.red { color: #e81b3d; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .btn-wrap { width: 280px; height: 28px; margin: 15px auto 0; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .btn-wrap:after { display: block; height: 0; content: ''; clear: both; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .btn-wrap a { float: left; width: 50%; font-size: 12px; text-align: center; background: #f8f8f8; height: 100%; line-height: 25px; border: 1px solid #dcdcdc; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .btn-wrap a:nth-child(1) { border-right: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .btn-wrap a:nth-child(2) { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.content-wrap .main-content .basic-content .schedule .match-info .team-match .btn-wrap a.disabled { opacity: .5; color: #999; cursor: not-allowed; }




.match-info .info-box .btn-wrap a.highlight:before { position: absolute; content: ''; width: 14px; height: 12px; background: url("../../img/main/highlight_ico_b.svg"); background-size: 14px 12px; top: 13px; left: 25px; opacity: 0.8; }
.match-info .info-box .btn-wrap a.highlight:hover:before { position: absolute; content: ''; width: 14px; height: 12px; background: url("../../img/main/highlight_ico_blue.svg"); background-size: 14px 12px; top: 13px; left: 25px; opacity: 1; }
.match-info .info-box .btn-wrap a.detail-result:before { position: absolute; content: ''; width: 12px; height: 10px; background: url("../../img/main/detail_result_ico_b.svg"); background-size: 12px 10px; top: 15px; left: 22px; opacity: 0.8; }
.match-info .info-box .btn-wrap a.detail-result:hover:before { position: absolute; content: ''; width: 12px; height: 10px; background: url("../../img/main/detail_result_ico_blue.svg"); background-size: 12px 10px; top: 15px; left: 22px; opacity: 1; }
.match-info .info-box .btn-wrap.disabled a.highlight:hover:before { opacity: .2; background: url("../../img/main/highlight_ico_b.svg"); background-size: 14px 12px; top: 13px; left: 25px; }
.match-info .info-box .btn-wrap.disabled a.detail-result:hover:before { opacity: .2; background: url("../../img/main/detail_result_ico_b.svg"); background-size: 12px 10px; top: 15px; left: 22px; }




/* 순위 */
.content-wrap .main-content .rank { margin-top: 15px; }
.content-wrap .main-content .rank .filter-wrap { padding: 0 10px; background: #fff; }
.content-wrap .main-content .rank .filter-wrap:after { height: 0; display: block; content: ''; clear: both; }
.content-wrap .main-content .rank .filter-wrap .rank-type-select { float: left; }
.content-wrap .main-content .rank .filter-wrap .rank-type-select ul li { display: inline-block; margin-right: 5px; }
.content-wrap .main-content .rank .filter-wrap .rank-type-select ul li:last-child { margin-right: 0; }
.content-wrap .main-content .rank .filter-wrap .rank-type-select ul li a { font-size: 0.8rem; color: #666; display: block; padding: 8px 5px; letter-spacing:-0.055em; }
.content-wrap .main-content .rank .filter-wrap .rank-type-select ul li.select a { color: #0084ff; font-weight: bold; position: relative; }
.content-wrap .main-content .rank .filter-wrap .rank-type-select ul li.select a:after { content: ''; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 2px; background: #0084ff;}
.content-wrap .main-content .rank .filter-wrap .league-select { float: right; margin: 10px 0 0; }
.content-wrap .main-content .rank .filter-wrap .league-select .summary { font-size: 11px; color: #999; line-height: 14px; background: #EFEFEF; padding: 3px 8px; border-radius: 3px; margin-right: 5px; max-width: 190px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; }
.content-wrap .main-content .rank .filter-wrap .league-select .league-set-btn { width: 13px; height: 18px; border: none; background: none; vertical-align: top; }
.content-wrap .main-content .rank .filter-wrap .league-select .league-set-btn img { width: 100%; opacity: .5; vertical-align: top; margin-top: 3px; }

@media all and (min-width: 330px) and (max-width: 360px)
{
	.content-wrap .main-content .rank .filter-wrap .league-select .summary { width: 160px; }
}
@media all and (max-width: 329px)
{
	.content-wrap .main-content .rank .filter-wrap .league-select .summary { width: 130px; }
}

/* 셀렉트 커스텀 */
.selectbox { position: relative; border-style: none;  z-index: 1; display: inline-block; border: 1px solid #e5e5e5; height: 45px; width: 100%; border-radius: 3px; vertical-align: middle; transition: background .25s ease; }
.selectbox:hover { background: #f8f8f8; }
.selectbox:before { content: "";  position: absolute; top: 50%; margin-top: -3px; right: 8px; background: url(../../img/common/arrow_d_black.svg) no-repeat; width: 12px; height: 12px; opacity: 0.5; }
.selectbox label { position: absolute; top: 0; left: 0; color: #222;  z-index: -1;  /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */ font-size: 14px; line-height: 43px; text-align: left; width: 90%; padding-left: 10px; padding-right: 5px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.selectbox select { width: 100%; line-height: normal;  /* line-height 초기화 */ font-family: inherit; border: 0; opacity: 0;  /* 숨기기 */  filter:alpha(opacity=0);  /* IE8 숨기기 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */  -moz-appearance: none; appearance: none; margin-left: 0; height: 43px; cursor: pointer; }
.selectbox select option { font-size: 14px; }

.content-wrap .main-content .rank .filter-wrap .league-select .set-layer-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 98; display: none;}
.content-wrap .main-content .rank .filter-wrap .league-select .set-layer-wrap.on { display: block; }
.content-wrap .main-content .rank .filter-wrap .league-select .set-layer-wrap .set-layer { position: fixed; background: #fff; bottom: -100%; left: 0; right: 0; transition: bottom .5s ease; }
.content-wrap .main-content .rank .filter-wrap .league-select .set-layer-wrap.on .set-layer { bottom: 0; }
.content-wrap .main-content .rank .filter-wrap .league-select .set-layer-wrap .set-layer>div { padding: 15px; position: relative; }
.content-wrap .main-content .rank .filter-wrap .league-select .set-layer-wrap .set-layer>div .close-btn { position: absolute; top: -35px; left: 50%; margin-left: -9px;  width: 18px; height: 18px; background: none; border: none; opacity: 0.8; }
.content-wrap .main-content .rank .filter-wrap .league-select .set-layer-wrap .set-layer>div .selectbox { margin-bottom: 8px; }
.content-wrap .main-content .rank .filter-wrap .league-select .set-layer-wrap .set-layer>div .layer-title { font-size: 17px; font-weight: bold; margin-bottom: 10px; }
.content-wrap .main-content .rank .filter-wrap .league-select .set-layer-wrap .set-layer>div .btn-wrap:after { height: 0; display: block; content: ''; clear: both; }
.content-wrap .main-content .rank .filter-wrap .league-select .set-layer-wrap .set-layer>div .btn-wrap button { width: 48.5%; height: 45px; background: none; border-radius: 3px; line-height: 38px; }
.content-wrap .main-content .rank .filter-wrap .league-select .set-layer-wrap .set-layer>div .btn-wrap button.cancel-btn { border: 1px solid #0084ff; color: #0084ff; background: #fff; float: left; }
.content-wrap .main-content .rank .filter-wrap .league-select .set-layer-wrap .set-layer>div .btn-wrap button.confirm-btn { border: 1px solid #0084ff; color: #fff; background: #0084ff; float: right; }

/* 순위 */
.content-wrap .h-scroll-table { border-top: 1px solid #e5e5e5; }
.content-wrap .h-scroll-table:after { height: 0; content: ''; display: block; clear: both; }
.content-wrap .h-scroll-table .fix-area { width: 180px; background: #fff; border-right: 1px solid rgba(132,139,255,0.35); float: left; position: relative; }
.content-wrap .h-scroll-table .fix-area:after { width: 7px; height: 100%; position: absolute; content: ''; right: -8px; top: 0; z-index: 2;
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(1, rgba(0,0,0,0)));
	background: -moz-linear-gradient(left, #000000 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  #000000 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left,  #000000 0%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left,  #000000 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(left,  #000000 0%, rgba(0,0,0,0) 100%); opacity: 0.05; }
.content-wrap .h-scroll-table .fix-area .head { font-size: 0.8rem; height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #e5e5e5; background: #F2F3FF; font-weight: bold; }
.content-wrap .h-scroll-table .fix-area ul li { height: 50px; display: block; border-bottom: 1px solid #e5e5e5; }
.content-wrap .h-scroll-table .fix-area ul li a { display: block; height: 100%; padding: 0 10px; line-height: 49px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.content-wrap .h-scroll-table .fix-area ul li a:after { height: 0; content: ''; display: block; clear: both; }
.content-wrap .h-scroll-table .fix-area ul li a .numb {display: inline-block; width: 18px; text-align: center; font-size: 13px; font-weight: 500; color: #999;margin-right: 5px}
.content-wrap .h-scroll-table .fix-area ul li a .numb img {width:18px; margin-right:10px; vertical-align:middle;}
.content-wrap .h-scroll-table .fix-area ul li a .team-logo { width: 27px; display: inline-block; margin-right: 3px; vertical-align: top; }
.content-wrap .h-scroll-table .fix-area ul li a .team-logo img { width: 100%; height: auto; vertical-align: middle;}
.content-wrap .h-scroll-table .fix-area ul li a .team-name { display: inline-block; font-size: 0.8rem; font-weight: bold; }
.content-wrap .h-scroll-table .scroll-area { width: calc( 100% - 180px ); float: right; overflow-y: auto; cursor: pointer; position: relative; -ms-overflow-style: none; }
.content-wrap .h-scroll-table .scroll-area::-webkit-scrollbar { display:none; }
.content-wrap .h-scroll-table .scroll-area table { min-width: 100%; cursor: move; }
.content-wrap .h-scroll-table .scroll-area table thead tr th { font-size: 0.8rem; text-align: center; background: #f8f8f8; font-weight: bold; padding: 0 10px; white-space: nowrap; border-right: 1px solid #eee; vertical-align: middle; height: 40px; border-bottom: 1px solid #eee; min-width: 35px; }
.content-wrap .h-scroll-table .scroll-area table tbody tr td { font-size: 0.8rem; text-align: center; background: #fff; vertical-align: middle; height: 50px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 0 10px; }

/* 공지사항 */
.content-wrap .main-content .notice { margin-top: 15px; }
.content-wrap .main-content .notice .content-area { background: #fff; }
.content-wrap .main-content .notice .content-area ul li { border-bottom: 1px solid #eee; }
.content-wrap .main-content .notice .content-area ul li a { display: block; height: 100%; padding: 0 10px; }
.content-wrap .main-content .notice .content-area ul li a:after { height: 0; content: ''; display: block; clear: both; }
.content-wrap .main-content .notice .content-area ul li a .title-area { float: left; font-size: 0.8rem; width: calc(100% - 70px); white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; line-height: 45px; }
.content-wrap .main-content .notice .content-area ul li a .title-area img { width: 13px; margin-top: 17px; margin-right: 3px; }
.content-wrap .main-content .notice .content-area ul li a .date { float: right; font-size: 12px; color: #999; display: inline-block; width: 60px; line-height: 45px; }

/* 모션베이스볼 */
.content-wrap .main-content .motion-baseball { margin-top: 25px; }
.content-wrap .main-content .motion-baseball .content-area .card-list { padding: 10px; background: #fff; border-bottom: 1px solid #e5e5e5; }
.content-wrap .main-content .motion-baseball .content-area .card-list li { display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
.content-wrap .main-content .motion-baseball .content-area .card-list li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }
.content-wrap .main-content .motion-baseball .content-area .card-list li a { display: block; }
.content-wrap .main-content .motion-baseball .content-area .card-list li a:after { height: 0; content: ''; display: block; clear: both; }
.content-wrap .main-content .motion-baseball .content-area .card-list li a .thumbnail-img {float: left; position: relative; width: 140px; height: 0; padding-bottom: 90px; overflow: hidden; text-align: center; background: url(../../img/common/highlight_background.jpg) no-repeat center; background-size: cover;}
.content-wrap .main-content .motion-baseball .content-area .card-list li a .thumbnail-img > .video-logo-wrap  {position: absolute; top: 0; right: 0; padding: 0 7px; background: #fff; border-bottom-left-radius: 5px; height: 20px;}
.content-wrap .main-content .motion-baseball .content-area .card-list li a .thumbnail-img > .video-logo-wrap > img {width: 40px; height: 10px; position: relative; top: 5px;}
.content-wrap .main-content .motion-baseball .content-area .card-list li a .text-wrap {text-align: left; width: 100% ;height: 90px;background: linear-gradient(to top, rgba(0,0,0,0.5), transparent); padding:5px;}
.content-wrap .main-content .motion-baseball .content-area .card-list li a .text-wrap  > p[class^=team-name] {color: #fff; font-size: 12px; font-weight: 600;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.content-wrap .main-content .motion-baseball .content-area .card-list li a .text-wrap  > p.team-name01 {padding-top: 20px;}
.content-wrap .main-content .motion-baseball .content-area .card-list li a .text-wrap span.team-versus  {font-weight:600; color:#858585; }
.content-wrap .main-content .motion-baseball .content-area .card-list li a .text-wrap > .stadium-info { position:relative; background:rgba(0,0,0,0.5); display: inline-block; padding: 0 9px; border-radius: 20px; margin-top: 2px;  max-width: 100%; line-height: 20px;}
.content-wrap .main-content .motion-baseball .content-area .card-list li a .text-wrap > .stadium-info:after { content: ''; display: block; clear: both;}
.content-wrap .main-content .motion-baseball .content-area .card-list li a .text-wrap > .stadium-info > span  {color: #fff; font-size: 10px; float:left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block;}
.content-wrap .main-content .motion-baseball .content-area .card-list li a .text-wrap > .stadium-info .stadium-date { width: 53px;  }
.content-wrap .main-content .motion-baseball .content-area .card-list li a .text-wrap > .stadium-info .stadium-name { width: calc(100% - 53px); }
.content-wrap .main-content .motion-baseball .content-area .card-list li a .text-wrap > .stadium-info .stadium-name > img {width: 12px; height: 12px; position: relative; top: 4px;}

.content-wrap .main-content .motion-baseball .content-area .card-list li a .txt-area { width: calc(100% - 145px); float: right; }
.content-wrap .main-content .motion-baseball .content-area .card-list li a .txt-area .subject { font-size: 12px; color: #0084ff; display: block; margin-bottom: 2px; }
.content-wrap .main-content .motion-baseball .content-area .card-list li a .title { font-size: 0.8rem; line-height: 21px; display: block; -webkit-line-clamp: 2; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; font-weight: bold; max-height: 42px; }
.content-wrap .main-content .motion-baseball .content-area .card-list li a .detail { display: block; font-size: 0.8rem; font-weight: 600; color: #666; margin-top: 5px; }
.content-wrap .main-content .motion-baseball .content-area .card-list li a .detail .view { vertical-align: bottom; }
.content-wrap .main-content .motion-baseball .content-area .card-list li a .detail .view img { width: 8px; opacity: 0.5; margin: 3px 5px 0 15px; }

/* 뉴스 */
.content-wrap .main-content .community { margin-top: 15px; }
.content-wrap .main-content .community .top-title-area { border-bottom: none; }
.content-wrap .main-content .community .content-area .card-list { padding: 0 10px; }
.content-wrap .main-content .community .content-area .card-list:after { height: 0; content: ''; display: block; clear: both; }
.content-wrap .main-content .community .content-area .card-list li { display: block; margin-bottom: 13px; float: left; width: 48%; }
.content-wrap .main-content .community .content-area .card-list li:nth-child(2n) { float: right; }
.content-wrap .main-content .community .content-area .card-list li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }
.content-wrap .main-content .community .content-area .card-list li a { display: block; }
.content-wrap .main-content .community .content-area .card-list li a .img-area { width: 100%; height: 120px; position: relative; overflow: hidden; background: #1c2f4a; }
.content-wrap .main-content .community .content-area .card-list li a .img-area .mask { width: 100%; height: 100%; z-index: 2; position: absolute; background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(41, 50, 203, 0.101961) 100%); background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(41, 50, 203, 0.101961) 100%); background-image: -o-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(41, 50, 203, 0.101961) 100%); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(41, 50, 203, 0.101961) 100%); }
.content-wrap .main-content .community .content-area .card-list li a .img-area .thumbnail { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); width: 100%; height: 100%; z-index: 1; }
.content-wrap .main-content .community .content-area .card-list li a .img-area .thumbnail img { position: absolute; top: 0; left: 0; max-width: 100%; height: auto; -webkit-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); -ms-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); z-index: 1; transition: all 0.3s ease-out; }
.content-wrap .main-content .community .content-area .card-list li a .txt-area { width: 100%; padding: 10px; background: #fff; }
.content-wrap .main-content .community .content-area .card-list li a .title { font-size: 0.8rem; line-height: 20px; display: block; -webkit-line-clamp: 2; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; font-weight: bold; max-height: 42px; width: 100%; }
.content-wrap .main-content .community .content-area .card-list li a .detail { display: block; font-size: 0.7rem; color: #666; margin-top: 5px; }
.content-wrap .main-content .community .content-area .card-list li a .detail .view img { width: 8px; opacity: 0.5; margin: 5px 5px 0 15px; }
.content-wrap .main-content .community .content-area .more-view-btn { margin: 20px auto; width: 100px; display: block; font-size: 14px; background: none; border: 1px solid #999; height: 35px; border-radius: 20px; line-height: 33px; }

/*광고영역*/
.main-content .ad-banner { width: 100%; margin-top: 25px; }
.main-content .ad-banner a { display: block; width: 100%; }
.main-content .ad-banner a img { width: 100%; height: auto; }


/* 선수 랭킹 */
.content-wrap .main-content .player-rank .rank-list { position: relative; width: 100%; padding: 10px; background: #fff; border-bottom: 1px solid #dee3eb;}
.content-wrap .main-content .player-rank .rank-list .tab-menu { position: relative; width: 100%; border-bottom: 1px solid #222; }
.content-wrap .main-content .player-rank .rank-list .tab-menu .tab { float: left; width: 50%; cursor: pointer; color: #222; text-align: center; padding: 7px 0; font-size: 14px; font-weight: 500; font-size: 13px;}
.content-wrap .main-content .player-rank .rank-list .tab-menu .tab.tab-select { background: #222; color: #fff; }
.content-wrap .main-content .player-rank .rank-list .rank-wrap { position: relative; text-align: center; }
.content-wrap .main-content .player-rank .rank-list .rank-wrap .box { float: left; width: 33.33%; position: relative; }
.content-wrap .main-content .player-rank .rank-list .rank-wrap .box h2.tit { display: inline-block; font-size: 13px; font-weight: 600; position: relative; left: 10px; margin: 12px 0 17px;}
.content-wrap .main-content .player-rank .rank-list .rank-wrap .box h2.tit:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #222;}
.content-wrap .main-content .player-rank .rank-list .rank-wrap .box ul li { width: 100%; position: relative; padding: 10px 5px 10px 20px; border-bottom: 1px solid #dee3eb;}
.content-wrap .main-content .player-rank .rank-list .rank-wrap .box ul li:last-child { border-bottom: 0; }
.content-wrap .main-content .player-rank .rank-list .rank-wrap .box ul li .rank-ico { position: absolute; bottom: 32px; left: 0; width: 16px; }
.content-wrap .main-content .player-rank .rank-list .rank-wrap .box ul li .name { font-size: 13px; font-weight: 400; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.content-wrap .main-content .player-rank .rank-list .rank-wrap .box ul li .record { font-size: 13px; font-weight: 600; }
.content-wrap .main-content .player-rank .rank-list .rank-wrap .box ul li.top { padding-top: 0; }
.content-wrap .main-content .player-rank .rank-list .rank-wrap .box ul li.top .player-img { display: inline-block; width: 75px; height: 75px; overflow: hidden; border-radius: 50%; border: 4px solid #b0c3e5; margin-bottom: 5px;}
.content-wrap .main-content .player-rank .rank-list .rank-wrap .box ul li.top .player-img img { width: 100%; height: 100%; object-fit: cover; }


.content-wrap .main-content .player-rank .rank-list .weekly-date { font-size: 11px; color:#8d8d8d; text-align: right; margin: 5px 0; padding-top: 10px; border-top: 1px solid #dee3eb;}
.content-wrap .main-content .player-rank .rank-list .weekly-date img.calendar { width: 14px; position: relative; top: 2px;}
.content-wrap .main-content .player-rank .rank-list .none-data { line-height: 200px; text-align: center;}
.content-wrap .main-content .player-rank .rank-list .none-data p { font-size: 13px; color: #aaa;}