@charset "utf-8";


/* Header */
.header.layer-mo {width: 100%; padding: 60px 20px 40px; box-sizing: border-box; margin: 0; font-family: "Pretendard",sans-serif; color: #212529;}
.header.layer-mo .top{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: space-between;}
.header.layer-mo .top .logo{ width: auto; height: 44px;}
.header.layer-mo .top .search-box{width: 90%; position: relative; margin-top: 50px;}
.header.layer-mo .top .search-box .header-search{width: 100%; height: 100%; border-radius: 5px; font-size: 14px; padding: 10px; border: 1px solid #868e96;}
.header.layer-mo .top .search-box .search-icon{position: absolute; right: 10px; top: 8px; width: 25px; }
.header.layer-mo .top .search-box .keyword-box{position: absolute; top: 40px; left: 0; width: 100%; z-index: 1000; background-color: white; padding: 10px;}
.header.layer-mo .top .search-box .keyword-box .keyword-title{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 10px 0 20px;}
.header.layer-mo .top .search-box .keyword-box .keyword-title span{font-size: 13px; font-weight: bold;}
.header.layer-mo .top .search-box .keyword-box .keyword-list{width:100%; height: 172px;border: 1px solid #f1f3f5; display: flex; flex-wrap: wrap; flex-direction: column; padding: 10px 20px; border-radius: 10px;}
.header.layer-mo .top .search-box .keyword-box .keyword-list .keyword{width: 50%; height: 30px; display: flex; flex-wrap: wrap; align-items: flex-end; padding-bottom: 8px;}
.header.layer-mo .top .search-box .keyword-box .keyword-list .keyword .keyword-rank{font-size: 13px; font-weight: bold; margin-right: 8px; display: inline-block; width: 14px;}
.header.layer-mo .top .search-box .keyword-box .keyword-list .keyword .keyword-rank.top3{font-size: 14px; color: #b00020;}
.header.layer-mo .top .search-box .keyword-box .keyword-list .keyword .keyword-text{font-size: 12px; max-width: 80px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}



/******* 반응형 ******/
/* 모바일 공통 */
@media (min-width: 320px) and (max-width: 1024px) {
}



/* 테블릿 */
@media (max-width: 1024px) {

}


@media (max-width: 768px) {
}

/* 모바일 */
@media (max-width: 575px) {
    .layer-pc{display: none;}
    .layer-mo{display: block;}
}