/* BASIC css start */
body{min-width:1480px; max-width: 1903px; margin: 0 auto;}
#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 }

/* header */
#header { width:100%; max-width: 1903px; z-index:1001;}
#header .headerTop { width:100%; *zoom:1 }
#header .headerTop.header-scroll{position: fixed; top:0; max-width: 1903px; background: #ffffff; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; opacity: 0.9;}
#header .headerTop.header-scroll .headerTopinner{padding: 20px 50px;}
#header .headerTop .headerTopinner{ position: relative; padding: 35px 100px;}
#header .headerTop .headerTopinner.hovback{background: #fff;}
#header .headerTop:after { display:block; clear:both; content:''; }

/* 카테고리 */
#header .headerGnb { position: absolute; top: 50%; left: 150px; transform: translateY(-50%); }
#header .headerGnb ul { *zoom:1 }
#header .headerGnb ul:after { display:block; clear:both; content:'' }
#header .headerGnb ul li { position:relative; float:left; padding: 0 45px 0 0; }
#header .headerGnb ul.depth1 > li:last-of-type{padding-right:0}
#header .headerGnb ul.depth1 > li > a { display:block; color:#000; font-size:16px; white-space:nowrap; font-family: 'Lato',"맑은 고딕",'Malgun Gothic', sans-serif;}
#header .headerGnb ul.depth1 > li > a.depopen{ opacity: 0.8;}

/* 로고 (검정로고)*/
#wrap #header .headerTop .headerTopinner .tlogo a{background: url(https://saveheels.speedgabia.com/preorder/namuhanalogo_white.png) no-repeat;}
#header .headerTop .headerTopinner .tlogo { width: 160px; margin: 0 auto;}
#header .headerTop .headerTopinner .tlogo a{ display: block; width: 160px; height: 90px; background: url(https://saveheels.speedgabia.com/preorder/namuhanalogo_black.png) no-repeat; background-size: contain; text-indent: -9999px;}
#wrap #header .headerTop.header-scroll .headerTopinner .tlogo a{background: url(https://saveheels.speedgabia.com/preorder/namuhanalogo_black.png) no-repeat;}
/* 계정 */
#header .headerTop .headerTopinner .tnbRight{ position: absolute; top: 50%; right: 150px; transform: translateY(-50%);}
#header .headerTop .headerTopinner .tnbRight ul li{float: left; margin: 0 0 0 22px;}
#header .headerTop .headerTopinner .tnbRight ul li a{ font-size: 14px; font-weight: 300; font-family: 'Lato',"맑은 고딕",'Malgun Gothic', sans-serif;}

/* 슬라이드 메뉴 */
.slideMenu{ display:none; position: absolute; width: 100%; padding: 40px 0; border-top: 1px solid #c8c8c8; background: #fff;}
.slideMenu .slideIn{ width: 1330px; margin: 0 auto; ;}
.slideMenu .slideIn .slide_list1{display:flex; float: left; width: 383px; height: 386px; align-content:flex-start; flex-direction:column; flex-wrap:wrap; overflow:auto}
.slideMenu .slideIn .slide_list1 li{width: 186px; margin: 0 10px 23px 0;}
.slideMenu .slideIn .slide_list1 li:nth-of-type(3){height: 247px;}
.slideMenu .slideIn .slide_list1 li a{ color: #000; font-size: 15px; font-family: 'Noto Sans', 'NanumBarunGothic', sans-serif; line-height: 16px;}
.slideMenu .slideIn .collecBox{ float: left;}
.slideMenu .slideIn .collecBox p{ margin: 0 25px 20px; color: #000; font-size: 15px; font-family: 'Noto Sans', 'NanumBarunGothic', sans-serif;}
.slideMenu .slideIn .collecBox img{ width: 288px; margin: 0 0 0 25px; cursor: pointer;}

.catamenu img{width:120px;padding-left:3px;}
/* BASIC css end */