@charset "utf-8";

/* 인기검색어 */
.mong-keyword {
	position:relative; 
	margin-top:2px;
	overflow:hidden;
}
.mong-keyword li a {
    font-size: 15px;
	font-weight: 600;
}
.mong-keyword .pp-last {
	width:2.0rem;
}
.mong-keyword .pp-next,
.mong-keyword .pp-prev {
}
.mong-keyword .pp-next {
	border-left:0;
}

:root {
 --button-icon-img:  url(./img/sp_main_dba1af.png);
 --button-icon-next-position: -128px -345px;
 --button-icon-prev-position: -86px -345px;
 --button-icon-next-hover-position: -128px -345px;
 --button-icon-prev-hover-position: -86px -345px;
 --button-icon-background-size: 457px 434px;
}
[data-theme=dark] {
 --button-icon-img:  url(./img/sp_dark_main_41bac0.png);
 --button-icon-next-position: -152px 0;
 --button-icon-prev-position: -44px -99px;
 --button-icon-next-hover-position: -86px -99px;
 --button-icon-prev-hover-position: -152px -42px;
 --button-icon-background-size: 209px 177px;
}
.mong-keyword .ico_next {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: var(--button-icon-next-position);
    background-repeat: no-repeat;
    vertical-align: top;
    background-image: var(--button-icon-img);
    -webkit-background-size: var(--button-icon-background-size);
    background-size:  var(--button-icon-background-size);
    background-repeat: no-repeat;
}
.mong-keyword .ico_next:hover {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: var(--button-icon-next-hover-position);
    background-repeat: no-repeat;
    vertical-align: top;
    background-image: var(--button-icon-img);
    -webkit-background-size: var(--button-icon-background-size);
    background-size:  var(--button-icon-background-size);
    background-repeat: no-repeat;
}
.mong-keyword .ico_prev {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: var(--button-icon-prev-position);
    background-repeat: no-repeat;
    vertical-align: top;
    background-image: var(--button-icon-img);
    -webkit-background-size: var(--button-icon-background-size);
    background-size: var(--button-icon-background-size);
    background-repeat: no-repeat;
}
.mong-keyword .ico_prev:hover {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: var(--button-icon-prev-hover-position);
    background-repeat: no-repeat;
    vertical-align: top;
    background-image: var(--button-icon-img);
    -webkit-background-size: var(--button-icon-background-size);
    background-size: var(--button-icon-background-size);
    background-repeat: no-repeat;
}