@charset "utf-8";

/* 인기검색어 */
#hot-list-container {position: relative;}
#hot-list-container .search_hot_list {position: relative;width: 200px;height: 42px;overflow: hidden;margin-left: 40px;text-align: left;padding: 0;border-top: 0;cursor: pointer;}
#hot-list-container .search_hot_list ul li {display: block;font-size: 14px;line-height: 42px;}
#hot-list-container .search_hot_list .swiper-wrapper {width: calc(100% - 20px);}
#hot-list-container .search_hot_list .num {font-family: "Outfit", sans-serif; font-weight: 600;font-size: 16px;}
#hot-list-container .hot-list-box span{font-family:'Pretendard';font-weight:700;font-size: 16px;}
#hot-list-container .search_hot_list .rank-up{color: var(--main-color);font-size:12px;}
#hot-list-container .hot-list-arrow {position: absolute;top: 50%;right: 0;transform: translateY(-50%);transition: all 0.3s;}
#hot-list-container .hot-list-arrow.on {transform: translateY(-50%) rotate(-180deg);transition: all 0.3s;}
#hot-list-container .all-list-box {display: none;z-index: 200;position: absolute;left: 25px;min-width: 210px;padding: 15px;background: #fff;border-radius: 17px;box-shadow: 0 1px 8px 0 rgba(132, 132, 132, 0.2);text-align: left;}
#hot-list-container .all-list-box h4 {font-size: 14px;color: #000;}
#hot-list-container .all-list-box ul {margin-top: 15px;}
#hot-list-container .all-list-box ul li > a:last-child {margin-bottom: 0;}
#hot-list-container .all-list-box ul li > a{display: block;width: 100%;height:100%;padding:5px;margin-bottom: 10px;font-size: 14px;color: #666;border-radius: 5px;background: transparent;transition:all .3s;}
#hot-list-container .all-list-box ul li .num {font-family: "Outfit", sans-serif; font-weight: 600;font-size: 14px;margin-right: 5px;color: #222;}
#hot-list-container .all-list-box ul li > a:hover{background: #f8f8f8;}