@charset "utf-8";

/*========================================================================
상단 영역
========================================================================*/
/* 상단 */
#header .header-main { display:flex; justify-content:space-between; align-items:center; padding:50px 0 42px; }
#header .header-left { display:flex; align-items:center; gap:clamp(62px, 4.4444vw, 80px); }

/* 로고 */
#header h1.top-logo { display:inline-block; padding:0; }
#header h1.top-logo a { display:block; line-height:1; }

/* 즐겨찾기 */
.shop-link { }

/* 검색 */
#header .top_search { width:184px; float:none; position:absolute; top:30px; left:auto; right:0; background:#ffffff; border:1px solid #e4e4e4; z-index:110; }/* 총너비 */
#header .top_search .top_text_cont { position:relative; width:100%; height:40px; text-align:left; }
#header .top_search .top_text_cont::before { content:""; position:absolute; top:0; right:0; width:39px; height:100%; background:url("../../_dbook/img/common/top_btn_search.png") no-repeat 50%; }
#header .top_search .top_text_cont input.top_srarch_text { display:inline-block; vertical-align:top; width:calc(100% - 39px); height:100%; padding:0 0 0 5px; margin:0; color:#000; border:0; background:none; box-sizing:border-box; }
#header .top_search .top_text_cont .btn_top_srarch { width:39px; 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 .recent_box li a { width:54%; }

/* 전체 메뉴 버튼 */
#header .gnb_all { display:inline-block; position:relative; margin-right:clamp(29px, 2.0556vw, 37px); padding:8px 0; vertical-align:top; text-align:left; cursor:pointer; }
#header .gnb_all .btn_all_menu_open { display:block; width:18px; padding:11px 0; font-size:0; box-sizing:border-box; }
#header .gnb_all .btn_all_menu_open > span { display:inline-block; position:absolute; top:50%; left:0; width:18px; height:16px;transform:translate(0,-50%); }
#header .gnb_all .btn_all_menu_open > span::before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-top:2px solid #000; border-bottom:2px solid #000; box-sizing:border-box; }
#header .gnb_all .btn_all_menu_open > span::after { content:""; position:absolute; top:50%; left:0; margin-top:-1px; width:100%; height:2px; border-top:2px solid #000; }
/* 전체 메뉴 닫기 버튼 */
#header .btn_all_menu_close { position:absolute; top:-1px; left:auto; right:0; font-size:0; background-color:#3e3d3c; }

/* 전체 카테고리 */
#header .gnb_allmenu { top:100%; z-index:110; }
#header .gnb_allmenu_box .all_menu_cont > a { padding:15px 13px 14px; background:#ebebeb; }
#header .gnb_allmenu_box .all_depth1 { padding:10px 0 0; }
#header .gnb_allmenu_box .all_depth1 li a { padding-left:10px; }

/* 카테고리 */
#category { display:inline-block; vertical-align:top; width:100%; }
#category .cate-main { display:inline-block; vertical-align:top; }
#category .cate-main > ul { display:inline-block; vertical-align:top; }
#category .cate-main > ul > li { display:inline-block; vertical-align:top; position:relative; margin:0 clamp(16px, 1.1111vw, 20px); }
#category .cate-main > ul > li:first-child { margin-left:0; }
#category .cate-main > ul > li > a { display:block; width:100%; padding:11px 0; color:#2C1E0B; font-size:16px; font-weight:500; line-height:1; }
#category .cate-main > ul > li a:hover,
#category .cate-main > ul > li a.active { background:none; }
/* 추가 카테고리 */
#category .cate-main .extra-menu > li > a { color:#979797; font-weight:400; }

/* 하위 카테고리 */
#category .cate-main .sub_depth1 { position:absolute; top:100%; margin-left:-10px; padding:15px 0; border-radius:5px; }
#category .cate-main .sub_depth1 a { display:block; padding:3px 0; font-size:15px; }
#category .cate-main > ul > li ul { min-width:160px; padding:15px 0; border:1px solid #ebebeb; background:rgba(255,255,255,0.94); border-radius:5px; text-align:left; white-space:nowrap; box-sizing:border-box; z-index:2; }
#category .cate-main > ul > li ul li { padding:0 15px; }

/* 회원메뉴 */
#header .top-account > ul { display:flex; gap:clamp(31px, 2.2222vw, 40px); }
#header .top-account > ul > li { width:24px; height:24px; position:relative; }
#header .top-account > ul > li > a { display:block; width:100%; height:100%; }
#header .top-account > ul > li > a span:not(.count) { font-size:0; }
#header .top-account > ul > li.login > a { background:url("../img/top_login_icon.png") no-repeat 50%; background-size:auto 24px; }
#header .top-account > ul > li.logout > a { background:url("../img/top_logout_icon.png") no-repeat 50%; background-size:auto 24px; }
#header .top-account > ul > li.mypage > a { background:url("../img/top_mypage_icon.png") no-repeat 50%; background-size:auto 24px; } 
#header .top-account > ul > li.basket > a { background:url("../img/top_cart_icon.png") no-repeat 50%; background-size:auto 24px; }
#header .top-account > ul > li.basket > a .count { display:none; } 
#header .top-account > ul > li.search > a { background:url("../img/top_search_icon.png") no-repeat 50%; background-size:auto 24px; }
#header .top-account > ul > li .mypage-sub { display:none; position:absolute; top:100%; left:0; min-width:100%; padding:5px; background:#fff; white-space:nowrap; z-index:111; }

@media all and (max-width:1400px) {
	#category .cate-main > ul > li > a { font-size:14px; }
}