/* BASIC css start */
/*====================================================================*/
/******************************* header *******************************/
/*====================================================================*/

header{position:relative; width:100%; min-width:1260px; text-align:left; z-index:999;}

/* 로고 */
header .logoLine{padding:50px;}
header h1{display:inline-block;}
header h1 a{display:block; padding:20px; font-size:24px; line-height:1; letter-spacing:4px; font-family:'Quicksand', 'Nunito', 'Noto Sans KR', sans-serif; font-weight:300; color:#8a857e;}
header h1 a b{font-weight:400;}
header h1 span{display:block; padding:0 20px; font-size:11px; color:#cecece; letter-spacing:0.3px; line-height:18px;}
header h1 span br{display:none;}

/* 카테고리 */
#cate{border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; background:#fff; min-width:1260px;}
#cate.fixed{position:fixed; top:0; left:360px; width:calc(100% - 360px);}
#cate > ul{font-size:0; line-height:0; letter-spacing:0; text-align:left; padding-left:60px; height:44px;}
#cate > ul > li{display:inline-block; vertical-align:middle; font-size:12px; line-height:20px; letter-spacing:1px; margin:0 10px; position:relative;}
#cate > ul > li:before{content:""; display:inline-block; width:88%; height:2px; background:#d0bdb0; z-index:1; position:absolute; top:-1px; left:50%; transform:translateX(-50%); opacity:0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}

#cate > ul > li:hover:before{opacity:1;}

#cate > ul > li:first-child{margin-left:0;}
#cate > ul > li > a{display:block; text-transform:uppercase; padding:12px;}
#cate > ul > li.on:before{opacity:1;}
#cate > ul > li.on a{color:#454545;}

#cate > ul > li .sub-category{visibility:hidden;opacity:0;position:absolute; top:44px; left: calc(50% - 70px) !important; width:140px; background:#fff; padding:10px 13px 13px; border:1px solid #f3f3f3; box-sizing:border-box; z-index:1001; border-radius:0 0 5px 5px; text-align:center;}
#cate > ul > li .sub-category li a{color:#848484; font-size:12px; line-height:22px;}
#cate > ul > li .sub-category li.over a{color:#454545;}
#cate > ul > li:hover .sub-category{opacity:1; visibility:visible;}



/* BASIC css end */