/* 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; padding: 0; 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; text-align: center; padding: 12px 15px; font-size: 0;}
#header .header_top div { display: inline-block; vertical-align: middle; font-size: 12px;}

/* 메뉴 아이콘 (검정아이콘)*/
#header .header_top .menubtn { position: absolute!important; top: 50%!important; transform: translateY(-50%); left: 15px; width: 80px!important; height: 19px; background: url(https://saveheels.speedgabia.com/preorder/icon.png)no-repeat!important; background-size: contain!important; text-indent: -9999px;}
#header .header_top .logo a{ display: inline-block; width: 115px; height: 50px; line-height: 15px; background: url(https://saveheels.speedgabia.com/preorder/namuhanalogo_black.png)no-repeat!important; background-size: contain!important; text-indent: -9999px;}
#header .header_top .basket { position: absolute; top: 50%;  right: 15px; transform: translateY(-50%); width: 22px;  }
#header .header_top .basket a { display: block; width: 22px; height: 28px; background: url(//skin.makeshop.co.kr/skin/namuhana/m/icon/basketicon_black.png)no-repeat!important; background-size: contain!important;}
#header .header_top .basket a img { width: 22px;}
#header .header_top .basket a span { display: block; position: absolute; top: 15px; right: -8px; line-height: 12px; color: #fff; background: #000; width: 19px; height: 13px; border-radius: 10px; font-size: .6rem;     font-family: 'Lato', sans-serif; text-align: center;}

/* 메뉴 */
.mask{display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 101;}
#all_menu{ position: fixed; width: 87%; height: 100%; top: 0; left: -100%; 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}

.headerTop{ text-align: left; padding: 0 24px 28px}
.headerTop li{ display: inline-block; width: calc(100%/5 - 11px); margin-right: 8px;}
.headerTop li:last-child{margin-right: 0;}
.headerTop li a{color: #616161; font-family: 'Lato',"맑은 고딕",'Malgun Gothic', sans-serif;}
.searchBox{width: 80%; margin-left: 24px; border-bottom: 2px solid #181818;}
.searchBox form{float: left; width: 84%; margin-right: 4%;}
.searchBox form fieldset input{border: 0; width: 100%;}
.searchBox .btn_search{ float: right; padding-top: 3px;}

#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{ font-size: 1.2em; font-family: 'Lato',"맑은 고딕",'Malgun Gothic', sans-serif; color: #000;  display: inline-block; margin: 15px 0;}
#all_menu .all_menu_main .a_menu > ul > li .sub_menu{display:none; padding: 12px 16px 24px;}
#all_menu .all_menu_main .a_menu > ul > li .sub_menu::after{content: ''; display: table; clear: both}
#all_menu .all_menu_main .a_menu > ul > li .sub_menu li{ line-height: 16px; margin-bottom: 15px;}
#all_menu .all_menu_main .a_menu > ul > li .sub_menu li:last-of-type{margin-bottom: 0px;}
#all_menu .all_menu_main .a_menu > ul > li .sub_menu li a{color: #5c5c5c; font-size: .8rem; font-family: 'Lato',"맑은 고딕",'Malgun Gothic', sans-serif;}
#all_menu .all_menu_main .a_menu > ul > li .sub_menu li a:active{color:#000; font-weight:bold}
#all_menu .all_menu_main .a_menu .fa-angle-down:before{font-size: 13px; color: #232323;}
#all_menu .all_menu_main .a_menu .fa-angle-down{ width: 10px; height: 15px; display: inline-block; margin-left: 7px; transition: 0.3s;}
#all_menu .all_menu_main .a_menu .main_menu.oncol{-webkit-tap-highlight-color:rgba(0,0,0,0); outline:none;}
#all_menu .all_menu_main .a_menu .main_menu.oncol > a{}
#all_menu .all_menu_main .a_menu .fa-angle-down.active{
    -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     }

/* BASIC css end */