/* BASIC css start */
#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 }

.fixWrap{position:fixed;top: 0px;z-index: 998;width: 80px;height: 100%;min-height: 1070px;overflow: hidden;background: #fff;border-right: #f1f1f1 1px solid;}
#menuFix {/* left:35px; */cursor:pointer;text-align: center; padding-top: 27px;}
#menuFix i { font-size:40px }
#menuFix span { font-size:16px; font-weight:bold; line-height:42px; vertical-align:top }

/* header */
#header {position:absolute;width:100%;z-index:100;min-width:1200px;background: none;}
#header .headerTop{ position:relative; width:100%; height:110px; text-align:center; z-index:10 }
#header .headerTop .tlogo{float: left; margin-left: 120px;  margin-top: 15px;}
#header .headerTop .tlogo a{    font-size: 50px; color: #000; font-weight: bold;position: fixed;}
#header .headerTop .tcart{background: #000;float: right;margin-top: 25px;margin-right: 102px;}
#header .headerTop .tcart a{color: #fff;text-align: center;align-items: center;justify-content: center;border-radius: 50%;position: fixed;width: 60px;height: 60px;position: fixed;background: #000;    transition: all 0.1s ease;}
#header .headerTop .tcart a:hover { background-image: none; background-color: #b95b23;  -webkit-animation: rotation 2s infinite linear; }
#header .headerTop .user_basket_quantity{    display: block;  font-size: 18px; padding-top: 8px;}


/* 좌측메뉴 */
#asideMenu { position:fixed; top:0; left:-500px; width:400px; height:100%; background:#fff; -webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.2); z-index:999 }
#asideMenu .inner { margin:0px 32px 0 80px; position:relative ;padding: 15px 0px 20px 40px; }
#asideMenu .inner h2{ margin-bottom: 30px;  display: block;  overflow: hidden;}
#asideMenu .inner h2 a{  font-size: 50px;  color: #000;  font-weight: bold; }

#asideMenu .searchArea {right:0;width: 250px;height:40px;background: #eeeeee;border-radius: 3px;}
#asideMenu .searchArea .search {position:relative;width: 234px;height:40px;}
#asideMenu .searchArea .search input {padding-left:10px;width: 205px;height:39px;line-height:40px;border:none;background: none;}
#asideMenu .searchArea .search a {position:absolute;top: 6px;right: -11px;width:30px;height:40px;font-size: 24px;}


#asideMenu .asideBtn  { position:relative; margin-bottom: 20px;}
#asideMenu .asideBtn a { display:inline-block;     margin-right: 10px;line-height: 20px;}




#asideMenu .asideCate { position:relative }
#asideMenu .asideCate .leftGnb{margin: 40px 0 30px;}
#asideMenu .asideCate .leftGnb li{    }
#asideMenu .asideCate .leftGnb li a{font-size: 22px; font-weight: 600;  line-height: 36px;}
#asideMenu .asideCate .leftGnb li a:hover{border-bottom:4px solid #dc6d2c; color:#b95b23; }
#asideMenu .asideCate .leftBoard { margin-top: 30px;}
#asideMenu .asideCate .leftBoard li{}
#asideMenu .asideCate .leftBoard li a{ font-size: 14px; line-height: 26px;}
#asideMenu .asideCate .leftBoard li a:hover{ color:#b95b23; }
/*
#asideMenu .asideCate ul { padding-top:5px }
#asideMenu .asideCate ul li { height:32px; line-height:32px }
#asideMenu .asideCate ul li a { font-size:14px }
*/

.closeWrap{    position: absolute;  top: 0;  left: 0; height: 100%;  min-height: 1070px;   border-right: #f1f1f1 1px solid;}
#menuFixCls { position:absolute; top:32px; left:-60px;  cursor:pointer;text-align: center; }
#menuFixCls i{font-size:36px; display: block;}
#menuFixCls span { font-size:16px; font-weight:bold; line-height:42px; vertical-align:top }


/* 우측 메뉴 */
#fxedMenu { margin-top:-124px; position:fixed; top:50%; right:50px; z-index:100 ; display:none;}
#fxedMenu .rightMenu { width:44px }
#fxedMenu .rightMenu li { position:relative }
#fxedMenu .rightMenu li a { display:block; margin-top:-1px; width:40px; height:40px; font-size:22px; color:#383838; text-align:center; line-height:40px;  }
#fxedMenu .rightMenu li a:hover{color:#b95b23;}
#fxedMenu .rightMenu li .tx { display:none; position:absolute; top:12px; right:43px; width:90px; text-align:right }
#fxedMenu .rightMenu li:hover .tx { display:block ; color:#b95b23;}
#fxedMenu .search { display:none;     position: absolute;  top: 0px;  right: 0px;  background-color: #e3e3e3;  width: 210px;  height: 44px;  z-index: 10;  border-radius: 100px; }
#fxedMenu .search input { width:140px; height:44px; border:none; background:none; padding-left:10px; font-size:13px; color:#000; }
#fxedMenu .search .btn_search {     position: absolute;  top: -9px;  left: 135px;  font-size: 20px;  color: #000; }
#fxedMenu .search .btn_searchClose { position:absolute; top:-9px; right:4px;  font-size:20px;}


/* BASIC css end */