@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:0;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.pageNotice {color:#fff;font-size:16px;background:#2d2d38;border-radius:6px;padding:18px 22px;display:flex;align-items:start;line-height:1.5;margin-bottom:30px;}
.pageNotice i {margin-right:9px;color:#ff0000;font-size:22px;}

.rankTab {margin-bottom:24px;}
.rankTab .rankTabBtn {font-size:24px;font-weight:700;color:#9f9f9f;text-decoration:underline;display:inline-block;margin-right:12px;background:transparent;}
.rankTab .rankTabBtn.on {color:#ff0000;}

.slideTabWrap {position:relative;padding:0 24px;margin-bottom:16px;}
.slideTabWrap .swiper-button-next {width:auto;right:2px;color:#000;}
.slideTabWrap .swiper-button-prev {width:auto;left:2px;color: #000;}
.slideTabWrap .swiper-button-next:after,
.slideTabWrap .swiper-button-prev:after {font-size:18px;}
.slideTabWrap .slideTab .swiper-slide {width:auto;}
.slideTabWrap .slideTabBtn {font-size:14px;height:32px;line-height:32px;padding:0 14px;border:1px solid #2d2d38;border-radius:100px;background-color:#fff;display:flex;align-items:center;}
.slideTabWrap .slideTabBtn.on {color:#fff;background-color: #ff0000;border-color:#ff0000;}
.slideTabWrap .slideTabBtn.on:before {content:'';width:9px;height:12px;background:url(/img/slide_tab_btn_on.png) no-repeat center/contain;margin-right:6px;}

.rankSearch {display:flex;align-items:center;width: 300px;position:relative;max-width:100%;margin-bottom:32px;}
.rankSearch:after {content:'';width:18px;height:18px;display:inline-block;position:absolute;right:12px;background:url(/img/search_icon.png) no-repeat center/contain;top:50%;transform:translateY(-50%);}
.rankSearch .searchInput {width:100%;padding:0 40px 0 15px;height:34px;border:1px solid #2d2d38;background:#FFF;border-radius: 100px;}

.rankTable table {width:100%;text-align:center;border-collapse:collapse;}
.rankTable thead th {background-color: #2d2d38;color:#fff;font-size:14px;height:48px;}
.rankTable tbody td {font-size:14px;border-bottom:1px solid #37373d;height: 48px;white-space: nowrap;}
/* .rankTable tbody td:nth-child(1) {width:15%;}
.rankTable tbody td:nth-child(2) {width:55%;}
.rankTable tbody td:nth-child(3) {width:30%;} */
.rankTable tbody .total {color:#ff0000;}
.rankTable tbody .total strong {color:#000;font-weight:500;}
@media all and (max-width:1024px){
    .rankContainer {padding:0 16px 24px;}
    .pageNotice { font-size: 13px;padding: 12px 12px;margin-bottom: 24px;}
    .pageNotice i {margin-right:6px;font-size:20px;}

    .rankTab {margin-bottom:20px;;}
    .rankTab .rankTabBtn {font-size:20px;margin-right:8px;}

    .slideTabWrap {margin-bottom:24px;}
    .slideTabWrap .swiper-button-next:after,
    .slideTabWrap .swiper-button-prev:after {font-size:14px;}
    
    .rankSearch {width:100%;}

    .rankTable thead th {font-size:13px;}
    .rankTable tbody td {font-size:13px;}
    /* .rankTable tbody td:nth-child(1) {width:15%;}
    .rankTable tbody td:nth-child(2) {width:40%;}
    .rankTable tbody td:nth-child(3) {width:45%;} */
}

@media all and (max-width:520px){
}