a {text-decoration:none;}

.xhidden {display:none;}

.copy {}
.copy > span:nth-child(1) {color:#f27755;font-weight:bold;}
.copy > span:nth-child(2) {color:#d7f9f6;font-weight:bold;}

.footer {line-height:160%;}

.color-aff {color:#aff;}
.color-eee {color:#eee;}

.w400 {max-width:400px;margin-bottom:5px;overflow:hidden;}
.w500 {max-width:500px;margin-bottom:5px;overflow:hidden;}
.w600 {max-width:600px;margin-bottom:5px;overflow:hidden;}
.w700 {max-width:700px;margin-bottom:5px;overflow:hidden;}
.w800 {max-width:800px;margin-bottom:5px;overflow:hidden;}
.w900 {max-width:900px;margin-bottom:5px;overflow:hidden;}
.w1000 {max-width:1000px;margin-bottom:5px;overflow:hidden;}

.bg_1 {background:#111827;}
.tail {background:#001;padding-bottom:18px;}

#more {display:none;}
#yt {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.5%;
}
#yt iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#cont_title {font-size:1.4em;font-weight:700;display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow:hidden;}

.container {max-width:1400px;}


.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: 90%;
		margin:0 auto;
		font-family: 'NotoSans', sans-serif;
		counter-reset:list-number;
		}

.rbox {counter-increment:rank;background:#303846;color:#fff;padding:0;border-radius:5px;margin:15px 0;font-size:1em;border-bottom:5px solid #111827;cursor:pointer;border-radius:20px;}

.rbox2 {background:#111827;padding:0;border-radius:5px;margin:15px 0;font-size:1em;border-bottom:5px solid #111827;}


.rbox_top {
		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;
		background:#111827;
		border-radius:10px;
		}


.rbox_top_logo {position:relative;background:#fff;width:100%;height:0;padding-bottom:100%;border-radius:50%;overflow:hidden;}
.rbox_top_logo img {width:88%;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.rbox_top_logo2 {position:relative;background:#000;width:100%;height:0;padding-bottom:100%;border-radius:50%;overflow:hidden;}
.rbox_top_logo2 img {position:absolute;height:100%;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit:cover;}

.rbox_top_logo3 {position:relative;background:#303846;width:100%;height:0;padding-bottom:100%;border-radius:50%;overflow:hidden;}
.rbox_top_logo3 img {position:absolute;width:50%;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.rbox_top_title {display:flex;flex-direction:column;justify-content:center;font-size:1.4em;font-weight:600;margin-top:-5px;color:#FFF;}
.rbox_top_title_rank {font-size:.8em;font-weight:400;color:#fffc00;}
.rbox_top_title_rank:before{content:counter(rank)"위";} 
.rbox_top_title_rank2 {font-size:.8em;font-weight:400;color:#fffc00;}

.rbox_sub_info {display:none;text-align:center;font-size:.88em;color:#FFF;padding:5px;line-height:160%;}

.rbox_info {font-family: 'NotoSans', sans-serif; padding:3%;line-height:220%;font-size:1em;height:0;padding-bottom:55%;overflow:hidden;}
.rbox_info2 {height:0;padding-bottom:58%;overflow:hidden;}

.rbox_tag {padding:7px;height:auto;}
.tag {float:left;background:#111827;color:#fffc00;font-weight:550;padding:7px 10px;margin:3px;border-radius:5px;font-size:.9em;}

.deco {padding:2px 5px 3px;background:#111827;border-radius:3px;}

.search-link-box {margin:20px 5px;}
.search-link {font-size:1.1em;display: inline-block;color:#e37755;font-weight:bold;padding:7px 15px;border:2px solid #e37755;border-radius:3px;cursor:pointer;}
.search-link:hover {background:#e37755;color:#1f2937;}
.search-link-info {font-size:.95em;margin:7px;color:#dcdcdc;}


  #toc-content {
    display: none;
  }
  #toc-toggle {
    cursor: pointer;
    background:#111827;
	color: #D1D5DB;
	width:98%;
	border-radius:5px;
	text-align:center;
	margin:40px auto 0;
	padding:12px;
  }

@media (max-width: 1200px){
		.rank-grid {
			-ms-grid-columns: 1fr 20px 1fr;
			grid-template-columns: 1fr 1fr;
			grid-gap: 20px;
		}
}

@media (max-width: 700px){
		#cont_title {font-size:18px;}
		.rank-grid {grid:none;}
		.rbox_info {line-height:180%;}
		.rbox_top_title {margin-top:0;}
		.search-link-info {display:inline-block;}

}
.cate-title {font-size:20px;color:#fff;font-weight:500;padding-bottom:7px;margin-bottom:25px;border-bottom:1px solid #586078;margin-top:-30px;}