/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2020-08-03
 | 파일설명 : 맥스 기능성페이지 개선 - 학습랭킹 CSS
 +----------------------------------------------------------------------+
 | 작업자 : 최진영
 +----------------------------------------------------------------------+
 | 수정이력
 | 20200811 rankTb .idTd > padding-left 수정 by 정현지 
 | 20200901 코드리뷰 개선(주석 정리, 코드 정리) by 최진영
 +----------------------------------------------------------------------+
*/

@charset "utf-8";

/* 타이틀 */
.titleBox {padding:0 0 24px 12px; box-sizing:border-box; border-bottom:2px solid #000;}
.titleBox:after {content:''; display:table; clear:both;}
.titleText {float:left; font-size:32px; font-family:'NotoSansKR-Bold', 'Malgun Gothic', 'dotum', 'sans-serif'; color:#010101; line-height:1;}

/* 검색일자(캘린더 박스) */
.calendarBox {position:relative; float:left; margin: -3px 0 0 10px;}
.calendarBox .dataText {width:150px; height:40px; padding:0 11px; box-sizing:border-box; border: 1px solid #acacac; border-radius:0; font-family:'Spoqa Han Sans', 'Malgun Gothic', 'dotum', 'sans-serif'; font-weight:500; font-size:16px;}
.calendarBox .dataText::placeholder {font-family:'Spoqa Han Sans', 'Malgun Gothic', 'dotum', 'sans-serif'; letter-spacing: -0.6px; font-weight:500; color:#2b2b2b; font-size:16px !important;}
.calendarBox .dataText:focus {border-radius:0;}
.calendarBtn {position:absolute; top:7px; right:11px;}

/* 테이블 레이아웃 */
.rankTb th, .rankTb td {height:70px; padding:0 5px; font-family:'NotoSansKR-Regular', 'Malgun Gothic', 'dotum', 'sans-serif'; font-weight:500; font-size:16px; border-bottom:1px solid #acacac; text-align:center;}
.rankTb th {background:#f9f9f9;}
.rankTb {width:100%; table-layout: fixed;}
.rankTb .idTd {padding-left:53px; text-align:left;}
.rankTb .idTd img {display:inline-block; width:46px; height:46px;}
.rankTb .idTd span {display:inline-block; margin:11px 0 0 17px; font-size:16px;}
.rankTb .crownImg {display:inline-block;}
.rankTb .crownText {display:inline-block; margin-top:-1px; font-family:'NotoSansKR-Black', 'Malgun Gothic', 'dotum', 'sans-serif'; line-height:1; font-size:16px; color:#FF0009; letter-spacing: -0.5px;}

/* 페이지네이션 */
.pagingBox {margin-top:40px; text-align:center;}
.pagination-wrap {display:inline-block;}
.pagination-wrap:after {content:''; display:table; clear:both;}
.pagination-wrap .pagination-wrap-prev, .pagination-wrap .pagination-wrap-next {width:40px; height:40px;}
.pagination-wrap > span, .pagination-wrap > a {margin-left:5px;}
.pagination-wrap > span:first-child {margin-left:0;}
.pagination-wrap span, .pagination-wrap a {float:left; width: 40px; height: 40px; padding:0; font-family:'NotoSansKR-Bold', 'Malgun Gothic', 'dotum', 'sans-serif'; line-height:38px; font-size:16px; text-align:center; color:#666666;}
.pagination-wrap span.on {width:38px; height:38px; margin-right:0; border:1px solid #e51234; color:#e51234; line-height:36px;}
.pagination-wrap-prev a{background:url('/smciImages/front/layout/arrowPrev.png') no-repeat; }
.pagination-wrap-next a{background:url('/smciImages/front/layout/arrowNext.png') no-repeat;}
.pagination-wrap-first a{background:url('/smciImages/front/layout/arrowFirst.png') no-repeat;}
.pagination-wrap-last a{background:url('/smciImages/front/layout/arrowLast.png') no-repeat;}