/* BASIC css start */
#header {z-index:100; position:relative; background: #fff; width:100%; min-width:1400px; }

#header.headerFix .headerGnb { position:fixed; top:0; left:0; right:0; }

#header .headerTop {width:100%; margin:0 auto; height:30px; background:#111;}
#header .headerTop .menu{width:90%; margin:0 auto; display:flex; justify-content:space-between;}
#header .headerTop .menu .menuLeft{display:flex; justify-content:flex-start;}
#header .headerTop .menu .menuLeft li{margin:0 20px 0 0;}
#header .headerTop .menu .menuLeft li a{font-size:12px; height:30px; line-height:30px; letter-spacing:-1px; color:#fff; display:flex; align-items:center; text-align:center;}
#header .headerTop .menu .menuLeft li:nth-child(2){background:url('/design/ansell/ansell/line2.png') no-repeat left; padding-left:20px;}
#header .headerTop .menu .menuLeft li:last-child{background:url('/design/ansell/ansell/line2.png') no-repeat left; padding-left:20px;}
#header .headerTop .menu .menuLeft li a img{width:15px; margin-right:5px; margin-top:-1px;}

#header .headerTop .menu .menuRight {display:flex; justify-content:flex-end;}
#header .headerTop .menu .menuRight li {margin:0 20px 0 0;}
#header .headerTop .menu .menuRight li a { font-size:12px; height:30px; line-height:30px; letter-spacing:-1px; color:#fff; display:flex; align-items:center; text-align:center;}
#header .headerTop .menu .menuRight li a .user_basket_quantity {border-radius:50%; background:#32a6a2; width:16px; height:16px; display:inline-block; margin-left:6px; line-height:16px; font-size:11px;}


/* 카테고리 */
#header .headerGnb{width:100%; min-width:1200px; background:rgba(0,0,0,0.8);}
#header .headerGnb .cateWrap {width:90%; display:flex; justify-content:space-between; align-items:center; padding:0; margin:0 auto;}

#header .headerGnb .cateWrap .logo{background:#fff; padding:15px 5px; text-align:center; border-radius:0 0 16px 16px;}
#header .headerGnb .cateWrap .logo a img{width:80%;}

#header .headerGnb .cateWrap .tmenu{position:relative;}
#header .headerGnb .cateWrap .tmenu > a {display:flex; align-items:center; font-size:14px; color:#fff; height:78px;}
#header .headerGnb .cateWrap .tmenu > a:hover{color:#00a991;}

#header .headerGnb .cateWrap .tmenu .depth2 { display:none; position:absolute; background:rgba(250,250,250,0.9); top:78px; left:50%; width:150px; transform: translate(-50%,0); z-index: 97;}
#header .headerGnb .cateWrap .tmenu .depth2 li {border-bottom:1px solid #fff;}
#header .headerGnb .cateWrap .tmenu .depth2 li:last-child{border:none;}
#header .headerGnb .cateWrap .tmenu .depth2 li a {font-size: 12px; line-height:45px; display:block; padding:0 10px;}
#header .headerGnb .cateWrap .tmenu .depth2 li a:hover { color:#00a991; background:#f5f5f5;}


/* 검색창 */
#header .headerGnb .srchArea {margin-right:30px;}
#header .headerGnb .search {position:relative;}
#header .headerGnb .search fieldset { width:100%; text-align:center; }
#header .headerGnb .search input { width:250px; height:30px; line-height:30px; border:none; background:#f9f9f9; font-size:13px; color:#000; border-radius:20px; padding: 0 15px; }
#header .headerGnb .search .btn_search { font-size:20px; line-height:30px; color:#00a991; position:absolute; top:0; right:15px; text-align:center;}

/* 위로가기 버튼 */
.topBtn { display:none; position:fixed;bottom: 20px;right:23px; z-index:200; width:48px; height:48px; border:1px solid #2e2e2e; background-color:#fff; text-align:center; }
.topBtn i { vertical-align:top; margin-top:10px;color:#2e2e2e; font-size:28px }
.topBtn:hover {background-color:#ececec; color:#000; border:1px solid #2e2e2e;}

@media screen and (max-width:1400px) {

}


/* BASIC css end */