/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2017-11-30
 | 파일설명 : 학습 랭킹 페이지
 +----------------------------------------------------------------------+
 | 작업자 : bsh
 +----------------------------------------------------------------------+
 | 수정이력
 | 20180405 프로필 개선 1_3차 by 박소율
 +----------------------------------------------------------------------+
*/
@charset "utf-8";

.mgTop_0{margin-top: 0}

/* 학습랭킹 */
.studyRanking{position:relative;width:738px;height:258px;background:url('/images/front/community/bg_studyRanking_1.png') no-repeat 0 0;}
.studyRanking ul li{position:relative;float:left;width:240px;height:261px;margin-left:9px;}
.studyRanking ul li:first-child{margin-left:0px;}
.studyRanking .medal{position:absolute;top:0;left:24px;z-index:1}
.studyRanking .photo{display:block;padding-top:39px;text-align:center; position: relative; }
.studyRanking .photo span{display:inline-block;border:1px solid #cccccc;}
.studyRanking .name{display:block;text-align:center;margin-top:18px;color:#444444;font-size:14px;} /* 201804005 margin-top 수정 by 박소율 */
*:first-child + HTML .studyRanking .name strong{position:relative;top:-2px;}
.studyRanking .name .level{margin-right:5px;vertical-align:middle;}
.studyRanking .exp{margin-top:18px;padding-right:20px;display:block;text-align:right;color:#444444;font-size:14px;font-weight:bold;} /* 201804005 margin-top 수정 by 박소율 */
.studyRanking .word{margin-top:14px;padding-right:20px;display:block;text-align:right;color:#444444;font-size:14px;font-weight:bold;}

.rankTable td{padding:5px;color:#444444;height:55px;}
.rankTable td.medal img{position:relative;top:-7px;}

.rankTable .user{position: relative;}
.rankTable .user .userLevelArea{overflow: hidden;  display: inline-block;}
.rankTable .user .photo{width: 49px;height: 49px;} /* 20180321 border 제거 by 박소율, 20180405 width,height 값 수정 by 박소율 */
.rankTable .user strong{color:#444;display: inline-block;position: absolute;left: 70px;top: 16px;}
.rankTable .user .userLevelBoder{position: absolute;left: -4px;top: -6px;width: 59px;height: 59px;} /* 20180405 width, height, top값 수정 by 박소율 */
.rankTable .user .userLevelBoder img{width: 100%;}

.rankTotalPage .name{position:relative;}
.rankTotalPage .levelNum{position:absolute;top:1px;left:0px;color:#fff;font-size:11px;width:40px;text-align:center;} /* 20180406 left값 수정 by 박소율 */
.rankTotalPage .levelNum.masterLevelClass{color: #3d3d3d;  font-family: verdana;  font-weight: bold;margin-left: 15px; top:5px;} /* 20180321 마스터레벨 추가  by 박소율, 20180409 top값 수정 */


.rankTotalPage .levelNumListPosi{position:relative;}
.rankTotalPage .levelNumList{position:absolute;top:23px;left:36px;color:#fff;font-size:11px;width:32px;text-align:center;}
.rankTotalPage .levelNumList.materClass{color: #3d3d3d;  font-family: verdana;  font-weight: bold;margin-left: 5px; } /* 20180321 마스터레벨 추가  by 박소율 */

.rankTotalPage .totalRankLv{position:relative;width:42px;height:20px;display:inline-block;margin-right:5px;} /* 20180406 width 수정 by 박소율 */

/* 20180321  프로필 레벨 체계 개선 START by 박소율 */
.rankTotalPage .masterLevelClass{position: absolute;left: -17px;top: 0;}
.rankTotalPage .masterEmblemImg{margin-top: 2px; margin-right: 3px;}
.rankTotalPage .masterEmblemImg.mgTop_0{margin-top: 0px;}
.rankTotalPage .levelID{display: inline-block; position: relative; top: 2px;} /* */
.rankTotalPage .levelID.masterID{position: relative; top: -2px;  left: -4px;} /* 마스터 레벨 ID제어 */

.rankTotalPage .levelArea {overflow: hidden; width : 88px; margin: 0 auto;} /**/
.rankTotalPage .levelArea img{border-radius: 48px}
.rankTotalPage .levelArea img{ width: 100%;}

.rankTotalPage .levelBoder{position: absolute;left: 62px;top: 23px;width: 115px;} /* 테두리영역 */
.rankTotalPage .levelBoder img{width: 100%;} /* 테두리영역 */

/* 20180321  프로필 레벨 체계 개선 END by 박소율 */

.searchBox input[type="text"].rankTotalSearch{width:130px;height:18px;}

/* 사파리&크롬 */
@media screen and (-webkit-min-device-pixel-ratio:0){
.rankTotalPage .levelNumList{top:24px;}
.rankTotalPage .levelNum{top:2px;}
.rankTotalPage .levelID.masterID {top: 0px; }
.rankTotalPage .levelNum.masterLevelClass {top : 6px}
}

.dataType1 td .noData {
    word-break:break-all;
}