/* BASIC css start */
#header {position: relative; width: 100%; top: 0; left: 0; padding: 8px 0; border-bottom: none; background: transparent; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; z-index: 100;}
#header.header-scroll{position: fixed; background: #ffffff; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; opacity: 0.9;}
#header .header_top { position: relative; z-index: 30; padding: 12px 20px; font-size: 0;}
#header .header_top div { display: inline-block; vertical-align: middle; font-size: 12px;}

/* 메뉴 아이콘 (검정아이콘)*/
#header .header_top .menubtn { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 23px; height: 19px; background: url(//skin.makeshop.co.kr/skin/mypage/m/icon/menu_black.png)no-repeat; background-size: contain; text-indent: -9999px;}
#header .header_top .logo a{ display: inline-block; width: 115px; height: 30px; line-height: 15px; background: url(/design/linetech/10587/es_php/m/common/logo_black.png)no-repeat; background-size: contain; text-indent: -9999px;}

/* 메뉴 */
.mask{display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 101;}
#header #all_menu{ display:none; position: fixed; width: 100%; height: auto; left: 0; margin-top: 8px; z-index: 1001; overflow-y: auto;}
.all_menu_main{ width: 100%; height: 100%; background-color: #fff;}
.all_menu_main .header_logo{padding: 35px 24px 28px}

.headerBottom{ padding: 20px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.headerBottom:after{content: ''; display: block; clear: both}

.headerBottom .headerRight{float: right;}
.headerBottom .headerRight li{ position: relative; display: inline-block; margin-right: 17px; vertical-align: middle;}
.headerBottom .headerRight li:last-child{margin-right: 0;}
.headerBottom .headerRight li a{color: #616161; font-family: 'Lato',"맑은 고딕",'Malgun Gothic', sans-serif;}
.headerBottom .headerRight li a img{position: relative; width: 22px;}
.headerBottom .headerRight li a .user_basket_quantity{position: absolute; right: -8px; bottom: 0; display: block; width: 19px; height: 13px; line-height: 13px; color: #fff; font-size: 10px; border-radius: 8px; background: #000; text-align: center;}

#all_menu{ display:none; position: fixed; width: 100%; height: auto; top: 0; left: 0; z-index: 1001; overflow-y: auto;}
#all_menu .all_menu_main .all_menu_top{ position: relative; padding: 21px 20px;}
#all_menu .all_menu_main .all_menu_top .searchBox{position: absolute; top: 19px; right: 63px;}
#all_menu .all_menu_main .all_menu_top .searchBox a{font-size:0}
#all_menu .all_menu_main .all_menu_top .searchBox img{ width: 25px;}
#all_menu .all_menu_main .all_menu_top .closebtn{ position: absolute; top: 19px; right: 20px; font-size: 0;}
#all_menu .all_menu_main .all_menu_top .closebtn img{ width: 22px;}
#all_menu .all_menu_main .a_menu{padding: 26px 24px; background: #fff;}
#all_menu .all_menu_main .a_menu > ul{}
#all_menu .all_menu_main .a_menu > ul > li{position: relative;}
#all_menu .all_menu_main .a_menu > ul > li > a{ display: inline-block; font-size: .9rem; font-family: 'Lato',"맑은 고딕",'Malgun Gothic', sans-serif; font-weight: 700; color: #000;  margin: 8px 0;}
#all_menu .all_menu_main .a_menu > ul > li > a.redtab{color:#ff0000;}
#all_menu .all_menu_main .a_menu > ul > li .depth2{
    display:none;
    padding-left:15px;
}

#all_menu .all_menu_main .a_menu > ul > li .depth2 li{
    padding-top:10px;
}


/* BASIC css end */