@charset "utf-8";

#hd .hd_sch_wr ul {
    position:relative;
}

#hd .hd_sch_wr .schTermBox_flex {display:flex;}

#hd .hd_sch_wr .schTermBox {
    position:absolute;
    left:180px;
    top:50px;
    display:none;
}

#hd .hd_sch_wr .schTermBox .searches_box {
    position:relative;
    width: 320px;
    background: #fff;
    padding: 25px 25px 0;
    border: 1px solid #e0e2e5;
    border-right: 0;
    z-index: 9999;
}

#hd .hd_sch_wr .schTermBox .searches_box .search-list li {
    padding:0;
    margin-bottom: 14px;
}

#hd .hd_sch_wr .schTermBox .searches_box .search-list a {
    align-items: start;
    margin-bottom: 14px;
    color:#333;
    font-size:14px;
	font-weight:bold;
}

#hd .hd_sch_wr .schTermBox .searches_box .search-list button {
    position: absolute;
    right: 0;
    background:none;
    border: none;
}

#hd .hd_sch_wr .schTermBox .searches_box .search-list button img {
    transform: rotate(-3deg);
    width: 10px;
}

#hd .hd_sch_wr .schTermBox .searches_box h1 {
    font-size:15px;
    font-weight:700;
}

#hd .hd_sch_wr .schTermBox .searches_box #clear-button {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 14px;
    color: rgba(153, 153, 153, 0.8);
    cursor: pointer;
    font-weight: 600;
}

#hd .hd_sch_wr .schTermBox .searches_box .search-inner {
    padding-top:20px;
}

#hd .hd_sch_wr .schTermBox .cls {
    width: 100%;
    text-align: right;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #e0e2e5;
    border-top:0;
    line-height:14px;
	position:relative;
    z-index: 9999;
}

#hd .hd_sch_wr .schTermBox .cls span {
    cursor: pointer;
}

#hd .keyword_box {
    width: 220px;
    background: #fff;
    padding: 25px 25px 0;
    border: 1px solid #e0e2e5;
    z-index: 9999;
}

#hd .keyword_box .cont strong {
    font-size:15px;
    font-weight:700;
}

#hd .keyword_box .real_new_ranking {
	position: relative;
	padding:0;
	width:auto;
	border:none;
	margin: 0 auto;
}

#hd .keyword_box .real_new_ranking .real_title_wrap .real_h3 {
	display:none;
	font-weight: bold;
	font-size: 13px;
	color: #000;
	margin: 0;
	padding: 0;
}

#hd .keyword_box .real_new_ranking .real_keyword_wrap .real_keywords li {
	position: relative;
	padding:0;
	margin-bottom:14px;
}

#hd .keyword_box .real_new_ranking .real_keyword_wrap .real_keywords li a {
	display: block;
	margin-left:0;
	width:auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:14px;
	color: #333;
	font-weight:bold;
}
		
#hd .keyword_box .real_new_ranking .real_keyword_wrap .real_keywords li .real_keywords_num {
	margin-right: 10px;
	color: #999;
}

#hd .keyword_box .real_new_ranking .real_keyword_wrap .real_keywords li .real_ico_ranking_new {
	position: absolute;
	right: 0;
	top: 6px;
	width: 20px;
	height: 7px;
	background: url(img/ico_txt_new_2.svg) no-repeat;
}

#hd .keyword_box .real_new_ranking .real_keyword_wrap .real_keywords li .real_ico_ranking_up,
#hd .keyword_box .real_new_ranking .real_keyword_wrap .real_keywords li .real_ico_ranking_down {
	position: absolute;
	right: 0;
	top: 6px;
	width: 9px;
	height: 10px;
}

#hd .keyword_box .real_new_ranking .real_keyword_wrap .real_keywords li .real_ico_ranking_up {
	background: url(img/ico_ranking_up.svg) no-repeat;
}

#hd .keyword_box .real_new_ranking .real_keyword_wrap .real_keywords li .real_ico_ranking_down {
	background: url(img/ico_ranking_down.svg) no-repeat;
}

#hd .keyword_box .cont ul {
   margin-top:20px;
}

#hd .keyword_box .cont ul li {
    padding:0;
    font-weight: 500;
    margin-bottom: 10px;
    color:#c1c1c1;
}

#hd .keyword_box .cont ul li:nth-child(9),
#hd .keyword_box .cont ul li:nth-child(10) {
    margin-bottom:0;
}

#hd .keyword_box .cont ul li a {
    font-size:13px;
    display:inline-block;
    color: #222;
    margin-left: 6px;
}




		
/* 검색 입력창 포커스 시 테두리(아웃라인) 완전 제거 */
#sch_stx:focus {
    outline: none !important;
    border-color: transparent !important;   /* 기존 border 색도 유지하고 싶으면 삭제 */
    box-shadow: none !important;
}


/* yeahnet dark mode */
body.dark #hd .hd_sch_wr .schTermBox .searches_box, body.dark #hd .keyword_box, body.dark #hd .hd_sch_wr .schTermBox .cls {background:#222;border: 1px solid #474747;}
body.dark #hd .hd_sch_wr .schTermBox .searches_box {border-right: 0;}
body.dark #hd .hd_sch_wr .schTermBox .cls {border-top: 0;}

body.dark #hd .hd_sch_wr .schTermBox .searches_box .search-list a {color:#eee}
body.dark #hd .keyword_box .real_new_ranking .real_keyword_wrap .real_keywords li a {color:#CCC}