@charset "utf-8";

/* 인기검색어 */
#container{font-size:1rem;}
#popular {position:relative;font-weight:500;padding:15px 0 0;display:grid;gap:20px;}
#popular h2 {font-size:1.1rem;margin-bottom:10px;display:flex;align-items:center;height:2.25rem;font-weight:600;}
#popular .popular_inner {}
#popular .popular_inner ul {overflow:hidden;padding:0;display:flex;flex-wrap:wrap;list-style:auto;}
#popular .popular_year ul, #popular .popular_genre ul{overflow:hidden;padding:0;display:flex;flex-wrap:wrap;list-style:none;}
#popular .popular_inner ul li::marker{color:#ff0000;margin-right:5px;}
#popular .popular_inner span{}
#popular > div.popular_inner > ul > li > span:nth-child(1){color:red;}
#popular ul:after {display:block;visibility:hidden;clear:both;content:""}
#popular li {width:calc((100% - 4%) / 4);position:relative;display:grid;grid-template-columns:20px 1fr;gap:10px;grid-auto-rows:35px;margin:0 0.5%;align-items:center;}
#popular .popular_year li, #popular .popular_genre li{width:calc((100% - 10%) / 10);position:relative;display:inline-block;margin:0.5% 0.5% 10px;vertical-align:top;flex:none;}
#popular li a {}
#popular li:first-child {border-left:0}
#popular li a:hover {text-decoration:underline}

#sch_result{margin-top:20px;}
@media(min-width:768px) and (max-width:1023px){
#popular li{width:calc((100% - 3%) / 3);}
#popular .popular_year li, #popular .popular_genre li{width:calc((100% - 7%) / 7);}
}