/* BASIC css start */
.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}

.fa-2x{color:#111;}

#header {width:100%; background:#fff; overflow-x:hidden;}

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

#header .headerTop .htop{text-align:center; display:flex; justify-content:space-between; align-items:center; width:84%; margin:5px auto;}
#header .headerTop .htop div{width:38%; background:#fff; border-radius:0 0 10px 10px;}
#header .headerTop .htop div a#logo{display:inline-block; padding:10px 0;}
#header .headerTop .htop div a#logo img{width:80%;}
#header .headerTop .htop ul{display:flex;  justify-content:space-between; align-items:center; width:17%;}
#header .headerTop .htop ul.menuBtn{width:17%;}
#header .headerTop .htop ul.menuBtn .btn_search{font-size:0.94em;}

#header .headerTop .htop ul li{position:relative;}
#header .headerTop .htop ul li a.cart sup {width:12px; height:12px; background-color:#f1191f; color:#fff; border-radius:6px; position:absolute; top:0px; right:-5px; text-align: center; line-height: 12px;}

#header .headerTop .cate_wrap{width:100%; overflow-x:auto; border-bottom:1px solid #e7e7e7;}
#header .headerTop .cate_wrap ul{display:flex; width:600px; padding:0 0 5px 0;}
#header .headerTop .cate_wrap ul li a{display:block; padding:10px 15px;}

#header .search {position:relative; text-align:center;  z-index:10; width:100%; margin:0 auto; padding:15px 0; background:#111;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width:96%; height:35px; background:#f9f9f9; border:none; padding: 0 15px; border-radius:20px 20px 20px 20px;}
#header .search .btn_search {width:35px; height:35px; line-height:35px; position:absolute; top:17px; right:4%; text-align:center;}
#header .search .btn_search .fa-2x{color:#00a991; }


#header .top-pt-01 .htop {position:fixed; top:0; left:0; right:0; z-index:100; background:#fff; width:100% !important; margin:0 !important; flex-direction:row-reverse;}
#header .top-pt-01 .htop .basket_mpage{display:none;}
#header .top-pt-01 .htop div a#logo img{width:70%;}
#header .top-pt-01 .htop ul.menuBtn .btn_search{display:none;}

#header .top-pt-02 {position:fixed; top:0; left:0; right:0; z-index:100; background:#fff; width:100% !important; margin:0 !important; justify-content:space-evenly !important;}
#header .top-pt-02 div a#logo img{width:70%;}

/* 카테고리 */
aside {position:fixed; width:100%; height:100%; top:60px; left:0; bottom:0; background:#111; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; display:none;}

aside .asideLog{display:flex; background:#333; padding:12px 0 6px 0;}
aside .asideLog li{width:20%; text-align:center;}
aside .asideLog li a{color:#fff; font-size:10px; line-height:1.6;}
aside .asideLog li a .fa{color:#fff;}
aside .asideLog li a.cart{position:relative;}
aside .asideLog li a.cart sup {width:12px; height:12px; background:#f1191f; color:#fff; border-radius:6px; position:absolute; top:0px; right:23px; text-align: center; line-height: 12px;}

aside .asideTop {text-align:center; display:flex; padding:0; background:#fff;}
aside .asideTop a{display:block; width:50%; text-align:center; padding:10px 0; font-size:10px;}
aside .asideTop a.act {color:#fff; background:#111;}
aside .asideTop a.act .fa{color:#fff;}

aside nav .navTitle{background:#111; color:#fff; text-align:center; width:100%; line-height:3; }
aside nav li {border-bottom:1px solid #ccc; position:relative; background:#fff;}
aside nav li a {display: block; height: 40px; line-height:40px; padding:0 0 0 20px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px;}

aside nav li > ul {background-color:#f4f4f4; display:none; border-top:1px solid #6e6e6e;}
aside nav li > ul > li {border-bottom:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0 40px 0 30px; margin: 0;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;}

aside .asideBottom{color:#fff; width:92%; margin:0 auto;}
aside .asideBottom .companyInfo{padding:20px 0; line-height:1.8;}
aside .asideBottom .companyInfo span{margin-right:2px; font-weight:600;}
aside .asideBottom .companyInfo a{color:#fff;}

aside .asideBottom .license{padding:0 0 100px 0; line-height:1.4;}

aside .navCommunity {display:none;}
aside .navMypage {display:none;}
/* //카테고리 */

/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //최근 본 상품 */

/* BASIC css end */