@charset "utf-8";

.hd_sch_wr {  }

.hd_sch_wr h1, .hd_sch_wr h2, .hd_sch_wr h3, .hd_sch_wr a {
    font-size: 12px;
    line-height: 1.3;
    color: #111;
}

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

/* 두번째 영역 */
.hd_sch_wr .menu-cont { display: flex; max-width: 720px; min-width:640px; height: 36px; margin: 0 auto 12px auto; padding-inline: 20px; }

/* 검색창 */
.searchBtn .search_wrap { position: relative; }
.searchBtn .search_wrap .MS_search_word { width: 230px; height: 36px; line-height: 36px; padding: 0 50px 0 25px; border-radius: 36px; border: 0; font-size: 14px; color: #000; background: #f5f5f5; }
.searchBtn .search_wrap a { position:absolute; top: 0; right: 0; width: 36px; }
.searchBtn .search_wrap a img { width: 95%; padding: 14%; }

.hd_sch_wr .ranking_slide { padding-right: 15px; }
.hd_sch_wr .ranking_slide #mk_new_ranking_1 { transform: translateY(3px); }

/* 검색창 */
#hd_search { 
	/*
	position: fixed;  
	left:50%; 
	top: 126px;
	*/
    position:absolute;
    left:210px;
    top:90px;
    display:none;	
	z-index: 101; 
	width: 700px; 
	background: #fafafa; 
	padding: 35px; 
	border: 1px solid #e8e8e8; 
	box-sizing: border-box; 
	transform: translateX(0px); 
}
#hd_search.show { display: flex; }
#hd_search h1 { padding-bottom: 15px; font-size: 16px; font-weight:500; color:#000; letter-spacing: -1px; }
#hd_search h1 span { color: #eb5e3e; }

#hd_search .searchClose { position: absolute; top: 20px; right: 20px; width: 22px; height: 22px; cursor: pointer; }
#hd_search .searchClose:before,
#hd_search .searchClose:after { content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 1.5px; background: #000; }
#hd_search .searchClose:before { transform: translate(-50%, -50%) rotate(-45deg); }
#hd_search .searchClose:after { transform: translate(-50%, -50%) rotate(45deg); }

#hd_search .ranking_keyword { width: 44%; margin: 0 35px; padding: 0 35px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; }
#hd_search .recmd_keyword { width: 25%; }

/* 실시간 상품 검색 순위 */
#mk_new_ranking_1 {position:relative; padding:0  !important; width:100% !important; border:0 !important; margin:0 auto;}
#mk_new_ranking_1 .mk_title_wrap .mk_h3 {display:none; font-weight:bold; font-size:13px; color:#000; margin:0; padding:0; letter-spacing: -1px; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords { display: block; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li {position:relative; padding:0 !important; line-height: 30px; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(1) { grid-area: 1 / 1; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(2) { grid-area: 2 / 1; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(3) { grid-area: 3 / 1; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(4) { grid-area: 4 / 1; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(5) { grid-area: 5 / 1; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(6) { grid-area: 1 / 2; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(7) { grid-area: 2 / 2; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(8) { grid-area: 3 / 2; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(9) { grid-area: 4 / 2; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(10) { grid-area: 5 / 2; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:last-child { position: absolute; top: -38px; right: 0; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li a {display:inline-block; width:auto !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight: 400; color:#575757 !important; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_keywords_num {display: inline-block; width: 16px; margin-right:2px; color:#eb5e3e !important;}
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_keywords_txt { display: inline-block; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_keywords_txt:hover { text-decoration: underline; text-underline-offset: 3px; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_new {position:absolute; right:0; top:10px !important; width:20px; height:7px; background: url(img/ico_txt_new.svg) no-repeat;}
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_up,
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_down {position:absolute; right:0; top:11px; width:9px; height:10px;}
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_up {background: url(img/ico_ranking_up.svg) no-repeat;}
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_down {background: url(img/ico_ranking_down.svg) no-repeat;}
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_line {position:absolute; right:3px; top:0 !important; line-height: 30px; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li.mk_txt_date {text-align:right; color:#a9a9a9; padding-right:0; font-size:12px;letter-spacing: -1px;}

/* 추천 검색어 */
#mk_new_ranking_2 {position:relative; padding:0  !important; width:100% !important; border:0 !important; margin:0 auto;}
#mk_new_ranking_2 .mk_title_wrap .mk_h3 {display:none; font-weight:bold; font-size:13px; color:#000; margin:0; padding:0; letter-spacing: -1px;}
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li {position:relative; display: block; padding: 0 !important; }
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li a {display:block; width:auto !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight: 400; color:#575757; line-height: 30px; }
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li .mk_keywords_num {display:none; margin-right:8px; color:#999;}
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li .mk_keywords_txt:hover { text-decoration: underline; text-underline-offset: 3px; }
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_new {position:absolute; right:0; top:12px; width:20px; height:7px; background: url(img/ico_txt_new.svg) no-repeat;}
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_up,
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_down {position:absolute; right:0; top:11px; width:9px; height:10px;}
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_up {background: url(img/ico_ranking_up.svg) no-repeat;}
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_down {background: url(img/ico_ranking_down.svg) no-repeat;}
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li .mk_line {position:absolute; right:3px; top:10px;}
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li .mk_ {position:absolute; right:3px; top:0 !important; line-height: 30px; font-size:12px; color:#eb5e3e; }
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li.mk_txt_date {text-align:right; color:#a9a9a9; padding-right:0; font-size:12px;}

/* 최근 검색어 */
#hd_search .search_sub { width: 25%; display: block; vertical-align: top; box-sizing:border-box; }
#hd_search .search_sub>h2 { padding-bottom: 15px; font-size: 16px; font-weight: 500; position:relative; line-height: 20px; letter-spacing: -1px; }
#hd_search .search_sub>h2 span { color: #eb5e3e; }
#hd_search .search_sub>h2 #clear-button { font-size: 12px; font-weight: 400; color: #a6a6a6; position: absolute; right: 0; top: 0; line-height: 20px; cursor:pointer; }
#hd_search .search_sub .search-inner { padding-bottom: 6px; }
#hd_search .search_sub .search-inner .txt { color: #565656; font-size:13px; }
#hd_search .search_sub #keyword-list {  }
#hd_search .search_sub #keyword-list li {display: block; color: #565656; font-size: 13px; line-height:30px;}
#hd_search .search_sub #keyword-list li span { display: inline-block; }
#hd_search .search_sub #keyword-list li span a { font-size:14px; color:#333; }
#hd_search .search_sub #keyword-list li span a:hover { text-decoration: underline; text-underline-offset: 3px; }
#hd_search .search_sub #keyword-list li button {position: relative; background: none; border: none; width: 17px; height: 17px; padding:0; font-size:0; text-indent:0; color:#a5a5a5;}
#hd_search .search_sub #keyword-list li button:after,
#hd_search .search_sub #keyword-list li button:before { content: ""; width: 10px; height: 1px; position: absolute; top: 46%; right: 0; background: #a5a5a5; transition: 0.4s; }
#hd_search .search_sub #keyword-list li button:after { transform: rotate(45deg); }
#hd_search .search_sub #keyword-list li button:before { transform: rotate(135deg); }

/* 실시간 검색어 슬라이드 */
.ranking_slide #mk_new_ranking_1 {  }
.ranking_slide #mk_new_ranking_1 .mk_keyword_wrap { overflow: hidden; width: 140px; height: 30px !important; }
.ranking_slide #mk_new_ranking_1 .mk_keywords { position: relative; list-style: none; margin: 0; padding: 0; overflow: hidden; }
.ranking_slide #mk_new_ranking_1 .mk_keywords li { position: relative; line-height: 30px; text-align: left; }
.ranking_slide #mk_new_ranking_1 .mk_keywords li a { pointer-events: none; }
.ranking_slide #mk_new_ranking_1 .mk_keyword_wrap .mk_keywords { display: block; }
.ranking_slide #mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li.mk_txt_date { display: none; }



.ani5 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.hd_search.active { top: 101px !important; }