/*
 * ----------------------------------------------
 * ----------------------------------------------
 *
 * 무단 도용 금지
 *
 * ----------------------------------------------
 * ----------------------------------------------
 *
 * Copyright 2020-2024 best10.kr
 *
 */
@charset "utf-8";


@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}


hr {display:none}
a {text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}


html body{word-break:keep-all;background:#111;color:#F3F8FF;font-size:1em;margin:0;padding:0;font-family:'S-CoreDream-4Regular',sans-serif}a{text-decoration:none}.sound_only{display:inline-block!important;position:absolute;top:0;left:0;margin:0!important;padding:0!important;font-size:0;line-height:0;border:0!important;overflow:hidden!important}

h4{color:#8ab4f8;}
.mg-5{margin:0 5px;}

/* 링크 스타일 초기화 */
a {
    text-decoration: none;
    color: inherit; /* 부모 요소의 글자색을 상속받음 */
}

/* category 클래스에 hover 스타일 추가 */
.category:hover {
    color: #8ab4f8; /* 마우스를 올렸을 때 색상 변경 */
    text-decoration: none; /* 밑줄 방지 */
}

	/* 데스크톱 광고 (기본적으로 숨겨져 있음) */
.coupang-ad-desktop {
    display: none;
}

/* 모바일 광고 (기본적으로 보임) */
.coupang-ad-mobile {
    display: block;
}

/* 모바일 화면(1000px 미만)일 때 광고를 하단에 고정 */
@media (max-width: 999px) {
    .coupang-ad-mobile {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 5px 0;
        background: #111; /* 배경색을 추가해 콘텐츠와 분리 */
        z-index: 1000; /* 다른 콘텐츠 위로 오도록 설정 */
    }
}

/* 데스크톱 화면(1000px 이상)일 때 광고 위치 지정 */
@media (min-width: 1000px) {
    .coupang-ad-desktop {
         display: block;
        
        /* sticky 속성을 적용하여 스크롤에 따라 부모 영역 안에서 고정되게 합니다. */
        position: sticky;
		top: 0;
        padding: 20px 0 20px 20px;
    }

    .coupang-ad-mobile {
        display: none;
    }
}


.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}
.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}
.nav_btn {color: #bdc1c6;}.nav_btn:hover{color:#F3F8FF;}
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.bg1{background:#090909}.bg2{background:#0a0a0a}
.category{text-decoration: none;}
.menu{color:#F3F8FF;display:inline-block;}
.cursor{cursor:pointer;}
.geniefile{background:#34A2F0;}.ggulfile{background:#3e2224;} .allplz{background:#19b8d0;}.filegosu{background:#5035a1;}.filebogo{background:#3d8eee}.filejo{background:#294163}.filemaru{background:#c62a2a}.filesun{background:#f83600}.filecast{background:#21b2e3}.applefile{background:#fe5d5d}.todisk{background:#ff5a00}.filemong{background:#b14747}.ssadafile{background:#EF544D}.yesfile{background:#dc1c28}.smartfile{background:#0394CD}.oottx{background-image:linear-gradient(150deg,#e25b29 0%,#ffcb15 100%)}.filestar{background:#e61c68}.container{position:relative;max-width:1650px;padding:0 2%;margin:0 auto}.inner{padding:30px 0;max-width:1340px}.header{text-align:left;padding:15px 0;border-bottom:1px solid #3c4043}.logo{cursor:pointer;display:flex;align-items:center;}.logo > img{height:65px;}.logo > div {padding:5px 0 0 5px;}.logo > div > div:nth-child(1) {color:#bdc1c6;font-size:.95em;margin-left:1px;}.logo > div > div:nth-child(2) {font-family:'S-CoreDream-5Medium';font-size:1.4em;color:#d3d8dd;}.logo > div > div:nth-child(2) > span {font-weight:bold;color:#F33;}.time{position:absolute;bottom:35%;right:3%;font-size:.9em;color:#8ab4f8}.tail{font-family:'S-CoreDream-3Light';font-size:.9em;line-height:140%;text-align:center;padding:30px 15px;margin:50px auto}.footer{font-size:.9em;text-align:center;padding:20px 0;border-top:1px solid #3c4043}.copy > span{color:#8ab4f8}.rbox{width:100%;max-width:480px;padding:0;border-radius:5px;margin:15px auto;font-size:1em;cursor:pointer;padding-bottom:1px}.rbox > div:nth-child(1){display:-ms-grid;display:grid;-ms-grid-columns:.4fr 15px 1fr 15px 10px;grid-template-columns:.4fr 1fr 10px;grid-gap:15px;padding:15px 10px;border-radius:5px 5px 0 0}.rbox > div:nth-child(1) > div:nth-child(1){position:relative;background:#fff;width:100%;height:0;padding-bottom:100%;border-radius:50%;overflow:hidden}
.rbox > div:nth-child(1) > div:nth-child(1) > img{width:88%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rbox > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;justify-content:center;font-size:1.4em;font-weight:600;margin-top:-5px;color:#FFF}.rbox > div:nth-child(1) > div:nth-child(2) > span{font-size:.8em;font-weight:500;color:#ff0;line-height:180%}.rbox > div:nth-child(1) > div:nth-child(3){display:flex;flex-direction:column;justify-content:center;font-size:1.4em;font-weight:600;margin-top:-5px;color:#FFF}.rbox > div:nth-child(2){font-family:'S-CoreDream-3Light';padding:3%;line-height:190%;font-size:.95em;height:0;padding-bottom:50%;overflow:hidden}.rbox > div:nth-child(3){padding:10px;height:auto}.rbox > div:nth-child(3) > span{display:inline-block;color:#FFA;padding:2px;font-size:.95em}.rbox:hover > .rbox_info{background:#000}.rbox:hover > .rbox_tag{background:#000}.rbox > div:nth-child(2) > b{color:#F88}
.rank-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 25px 1fr 25px 1fr;grid-template-columns:1fr 1fr 1fr;grid-gap:25px;-ms-flex-line-pack:center;align-content:center;width:100%;margin:0 auto;font-family:'S-CoreDream-4Regular'}.vst {color:#222;text-align:right;font-size:.9em;} .vst > a {color:#222;}
@media (max-width: 1500px){.rank-grid{-ms-grid-columns:1fr 20px 1fr;grid-template-columns:1fr 1fr;grid-gap:20px}}
@media (max-width: 720px){.logo > img{height:55px;}.logo > div {font-size:.9em;}.rank-grid{grid:none}}
.ads-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 25px 250px;grid-template-columns:1fr 250px;grid-gap:25px}
.nav{position:sticky;top:20px;word-spacing: -2.5px;}.side{position:relative;border-left:1px solid #3c4043}
.ads{font-family:'S-CoreDream-4Regular';display:block;max-width:1100px;margin:0 auto;font-size:1em;padding:25px 0 10px 25px;position:sticky;top:-40px;}
.ads > .ads_box{margin:22px auto;border:1px solid #000; width:100%;line-height:1.5;border-radius:3px;cursor:pointer;overflow:hidden}.ads > .ads_box:hover{background:#010101}
.ads > .ads_box:hover > div > div:nth-child(1) > img{width:110%;-webkit-transition:.5s;transition:.5s}.ads > .ads_box > div{padding:5px}
.ads > .ads_box > div > div:nth-child(1){position:relative;width:100%;padding-top:90%;border-radius:3px;background:#000;overflow:hidden}
.ads > .ads_box > div > div:nth-child(1) > img{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transition:.3s;transition:.3s}
.ads > .ads_box > div > div:nth-child(2){padding:0 5px;height:160px}.ads > .ads_box > div > div:nth-child(2) > span:nth-child(1){display:block;color:#9FF;font-size:1em;height:40px;line-height:40px}
.ads > .ads_box > div > div:nth-child(2) > span:nth-child(2){display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#F77;font-size:.95em;height:30px;line-height:30px;overflow:hidden}.ads > .ads_box > div > div:nth-child(2) > span:nth-child(3){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-family:'S-CoreDream-3Light';font-size:.9em;overflow:hidden}.ads > .ads_box > div > div:nth-child(3){padding:5px;overflow:hidden;font-size:.82em}.ads > .ads_box > div > div:nth-child(3) > span{display:inline-block;color:#F77}.ad-mark{position:absolute;top:30px;right:2px;font-size:.6em;background:#171717;padding:2px 5px;border-radius:2px}.newspick > .ads > .ads_box{margin-bottom:40px}
.newspick > .ads > .ads_box > div > div:nth-child(1){padding-top:56%}.newspick > .ads > .ads_box > div > div:nth-child(2) > span:nth-child(1){display:none}.newspick > .ads > .ads_box > div > div:nth-child(2) > span:nth-child(2){display:none}.newspick > .ads > .ads_box > div > div:nth-child(2){padding:10px 2px;height:auto}
.page-grid{display:-ms-grid;display:grid;-ms-grid-columns:130px 25px 1fr;grid-template-columns:130px 1fr;grid-gap:25px;max-width:1650px;padding:0 2%;margin:0 auto}
.page-grid > div:nth-child(1){padding:25px 10px;border-right:1px solid #3c4043;line-height:2.2}
.page-grid > div:nth-child(1) > div:nth-child(1) > h4{color:#6f6f6f}.page-grid > div:nth-child(1) > div:nth-child(1) > div{color:#bdc1c6}.page-grid > div:nth-child(1) > div:nth-child(1) > div:hover{color:#F3F8FF;cursor:pointer}


.data_tit{color:#fa9d28;margin:45px 0 25px 5px}
.updated{color:#777;text-align:right;padding:1%;line-height:1.2;max-width:850px;font-size:88%;}

.data_info{font-size:.9em;color:#d1d1d1;margin-left:5px;margin-bottom:20px;line-height:1.5;}.data_info > b{color:#deab6a !important;font-weight:500;}


.cate_tit{color:#d1d1d1;}

#data{background:#0c0c0c;font-size:14px;padding:23px 3%;margin-bottom:23px;border-radius:10px;cursor:pointer;line-height:23px;max-width:750px}
#data:hover{background:#151515}#data:hover .menu{color:#8ab4f8;}#data > div{max-width:660px}#data > div:nth-child(1){color:#bdc1c6}#data > div:nth-child(2){font-size:20px;line-height:30px;color:#8ab4f8}#data > div:nth-child(2):hover{text-decoration:underline}#data > div:nth-child(3){color:#bdc1c6}#data > div:nth-child(4){color:#8ab4f8}

#data2{background:#0c0c0c;font-size:14px;padding:23px 3%;margin-bottom:23px;border-radius:5px;cursor:pointer;line-height:23px;max-width:850px;display:-ms-grid;display:grid;-ms-grid-columns:120px 20px 1fr;grid-template-columns:120px 1fr;grid-gap:20px}
#data2:hover{background:#151515}#data2 > div:nth-child(2){display:grid;max-width:650px}#data2 > div:nth-child(2) > div:nth-child(3) > b{color:#c2a511}#data2 > div:nth-child(2) > div:nth-child(1){display:none;color:#bdc1c6}#data2 > div:nth-child(2) > div:nth-child(2){font-size:20px;line-height:25px;color:#8ab4f8}#data2 > div:nth-child(2) > div:nth-child(2):hover{text-decoration:underline}#data2 > div:nth-child(2) > div:nth-child(3){color:#bdc1c6}#data2 > div:nth-child(2) > div:nth-child(4){color:#8ab4f8}#data2 > div:nth-child(1){position:relative;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:100%;height:0;padding-bottom:100%;border-radius:5px;overflow:hidden}#data2 > div:nth-child(1) > img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popular {color:#f77 !important;}
@media (max-width: 1200px){::-webkit-scrollbar {display: none !important;}.page-grid{display:block;padding:0;margin:0;}.mt50{margin-top:0;}.page-grid > div:nth-child(1){border:none;padding:0;border-bottom:1px solid #3c4043;background:#101010;}.nav{white-space:nowrap;overflow:auto;}.nav div, h4, a > div  {display:inline-block;margin:10px 1%;}.nav h4 {padding-left:1%;} .ads-grid{padding:0 2%;}}
@media (max-width: 1000px){.ads-grid{display:block}.ads{font-size:1.05em;display:-ms-grid;display:grid;-ms-grid-columns:1fr 15px 1fr 15px 1fr;grid-template-columns:1fr 1fr 1fr;grid-gap:15px;padding:50px 0}.side{border-left:none;border-top:1px solid #3c4043}}
@media (max-width: 580px){html body{font-size:.95em}.logo > div {font-size:.8em;padding-top:3px;}#data2{grid:none}.data_tit{margin:30px 0 20px}#data2 > div:nth-child(1){}.rbox > div:nth-child(2){font-family:'S-CoreDream-4Regular'}.logo > img{height:50px}.time{display:none}.header{padding:7px 0}.ads{font-size:1em;display:-ms-grid;display:grid;-ms-grid-columns:1fr 9px 1fr;grid-template-columns:1fr 1fr;grid-gap:9px}.newspick > .ads > .ads_box{margin-bottom:0}}
@media (max-width: 350px){.logo > img{height:40px}.ads{display:block;font-size:.9em}}





