@charset "utf-8";

/*========================================================================
검색 레이어
========================================================================*/
#header .header-wrap.on { position:relative; background:#fff; z-index:201; }
#header .search-layer { display:none; position:absolute; top:100%; left:0; width:100%; height:289px; background:#fff; box-sizing:border-box; z-index:201; } 
#header .search-layer .search-close-btn { position:absolute; top:0; right:var(--layout-pad, 50px); width:24px; height:24px; padding:15px; font-size:0; background:url("../img/common/layer_close_btn.png") no-repeat 50%; cursor:pointer; }

/* 헤더 고정 시 */
#header.fixed .search-layer { position:fixed; top:0; }

/* 검색 박스 */
#header .search-layer .search-box { width:724px; padding:75px 0 0; margin:0 auto; }
#header .search-layer h3 { margin:0 0 44px; color:#1E1E1E; font-size:28px; font-weight:600; line-height:1; }
#header .search-layer .top-search { position:relative; width:100%; }

/* 검색 창 */
#header .top_search { position:absolute; top:0; left:0; right:auto; width:100%; border:0; }
#header .top_search .top_text_cont { position:relative; width:100%; height:28px; padding:0 0 12px; text-align:left; background:none; border:0; border-bottom:2px solid #1E1E1E; }
#header .top_search .top_text_cont::before { content:""; position:absolute; top:0; right:0; width:28px; height:28px; background:url("../img/common/layer_search_btn.png") no-repeat 50%; }
#header .top_search .top_text_cont input.top_srarch_text { display:inline-block; vertical-align:top; width:calc(100% - 28px); height:100%; padding:0; margin:0; color:var(--basic-color); font-size:20px; border:0; background:none; box-sizing:border-box; }
#header .top_search .top_text_cont input.top_srarch_text::placeholder { color:#9E9E9E; font-weight:300; }
#header .top_search .top_text_cont .btn_top_srarch { width:28px; height:100%; position:absolute; top:0; right:0; border-left:0; opacity:0; }

/* 최근 검색어 영역 */
#header .top_search .search_cont { display:block; margin:0; font-size:0; border-top:1px solid #cccccc; background:#ffffff; }
#header .top_search .search_cont .recent_box { width:100%; }
#header .top_search .search_cont .recom_box + .recent_box { width:calc(100% - 154px); }
#header .top_search .recent_box li a { width:calc(100% - 100px); }

/* 딤 */
body:has(.header-wrap.on) #layerDim { background:rgba(65, 65, 65, 0.55); }