/* BASIC css start */
#hdWrap { height: 150px; }
#header { position: relative; width: 100%; height: 145px; margin-left: auto; margin-right: auto; background: #fff; }
  

 .top {position: relative; width: 100%; margin: 0 auto; height: 145px; border-top: 4px #105fde solid; 
        border-bottom: 1px #eee solid; }
 .top-search {position: relative; margin: 0 auto; width: 995px; display: flex; align-items: center; justify-content: space-between;}
 
  /* utility bar */
  .top-bar { position: relative; margin: 0 auto; width: 100%; height: 40px; background: #f4f8fe;}
  .top-menu {position: relative; margin: 0 auto; width: 995px; top: 13px; display: flex; align-items: center; justify-content: space-between; }

  .bulk-inquiry { display: flex; align-items: center; gap: 6px; font-size: 13px; white-space: nowrap;}
  .bulk-inquiry .label { font-weight: 500; color: #000;}
  .bulk-inquiry .phone { font-weight: 700; color: #0e5fdc;}
  .util-links { display: flex; align-items: center; gap: 12px;}
  .util-item { display: flex; align-items: center; gap: 12px;}
  .util-item a { font-weight: 600; color: #333; font-size: 13px; text-decoration: none; white-space: nowrap;}
  .util-item a:hover { color: #105fde;}
  .divider { width: 1px; height: 10px; background: #d9d9d9; }
 
  
  /* logo */
  .logo { width: 144px; height: 38px; display: flex; align-items: center; margin-right: 36px;}
  .logo a { display: block; line-height: 0; }
  .logo img { width: 144px; height: 38px; display: block; }

  /* search bar area */
  .search-area { width: 100%; height: 100px; display: flex; align-items: center; justify-content: space-between;}
  .search-box { display: flex; align-items: center; }
  .search-box fieldset { border:none; margin: 0; padding: 0; min-width: 0; display: flex; align-items: center;}
  .search-input-wrap { background: #fff; border: 2px solid #105fde; border-radius: 200px 0 0 200px;
    height: 40px; width: 480px; display: flex; align-items: center; padding: 0 20px;}
  .search-input-wrap input { border: none; outline: none; width: 100%; font-size: 13px; font-weight: 500; color: #333;}
  .search-input-wrap input::placeholder { color: #888; font-weight: 500; font-size: 13px;}
  .search-btn_top {height: 44px; width: 63px; border-radius: 0 200px 200px 0; overflow: hidden; border: none; cursor: pointer; padding: 0; display: inline-block;}
  .search-btn_top a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-decoration: none; }
  .search-btn_top img {display: block; width: 63px; height: 44px;}

  .shop-icons { display: flex; align-items: center; gap: 30px;}
  .shop-icon-item { display: flex; flex-direction: column; align-items: center; gap: 5px; cursor: pointer; text-decoration: none; }
  .shop-icon-item img { width: 25px; height: 25px; display: block; }
  .shop-icon-item span { font-weight: 600; font-size: 13px; color: #000; white-space: nowrap; }
  .shop-icon-item:hover img { opacity: 0.75; }
  .shop-icon-item:hover span { color: #105fde; }

/* BASIC css end */