@charset "utf-8";

/* 인기검색어 */
#popular {padding:0 35px 0 20px}
#popular:after {display:block;visibility:hidden;clear:both;content:""} 
#popular h3 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#popular .ppl_op_btn{position:absolute;top:0;right:0;line-height:60px;width:30px;text-align:center;color:#fff;border:0;background:none}

.ppl_ul li a{display:block;color:#fff;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;width:100%}
.ppl_al_view {display:none;background:#120f1b;width:100%;z-index:99;padding:10px 20px} 
.ppl_al_view a{color:#cec8e2;line-height:30px;}
.ppl_al_view a:hover{color:#fff}

@media (max-width: 969px){
    #popular{position:relative;padding-left:100px;width:300px}
    .ppl_al_view{width:100%;padding:0}
    #popular h2 {color:#fff;position:absolute;top:0;left:20px;line-height:30px;font-size:0.92em;color:#4a5ba9}
    .ppl_ul{width:100px;height:30px;color:#fff}
    #popular .bx-viewport {height:auto !important}
    #popular .ppl_op_btn{right:10px;line-height:30px;}
    .ppl_ul li a{line-height:30px}
    #popular:hover {background:#120f1b;}
    #popular:hover .ppl_al_view {display:block}

}

@media (min-width: 970px){
    .ppl_al_view {position:absolute;left:0} 
    #popular{position:absolute;top:0;right:50px}
    #popular {width:150px;padding-left:20px}
    #popular h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
    #popular:hover {background:#120f1b;}
    #popular:hover .ppl_al_view {display:block}
    .ppl_ul li a{line-height:60px}
}