/* 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;}
#menuFix {/* left:35px; */cursor:pointer;text-align: center; padding-top: 25px;}
#menuFix i { font-size:40px; color:#000; }
#menuFix.main i { font-size:40px; color:#fff; }
#menuFix span { font-size:16px; font-weight:bold; line-height:42px; vertical-align:top }

/* header */
#header .top-banner {
    display:none;
    background:#f5f2e4;
}
#header .top-banner a {
    display:inline-block;
    width:100%;
    font-family: 'Nanum Myeongjo', sans-serif;
    color:#2b2b2b;
    font-size:17px;
    font-weight:600;
    line-height:40px;
    text-align:center;
}

#header {position:fixed;width:100%;z-index:100;min-width:1200px;background: none;}
#header .headerTop{ position:relative; width:100%; height:95px; text-align:center; z-index:10; background:rgba(255, 255, 255, 0.65); }
#header.main .headerTop { background:transparent; }

#header .headerTop .tlogo{ padding-top: 10px;}
/*#header .headerTop .tlogo a{    font-size: 50px; color: #fff; font-weight: bold;  margin-left:-94px;}*/

#header .headerTop .tlogo a {
    
    display:inline-block;
    width:180px;
    height:87px;
    background:url("/design/vivnluv/13032/tem167/vivnluv_logo_black.png") no-repeat center center;
    background-size:180px auto;
    color:transparent;
    font-family: 'meno-banner-condensed', serif;
    font-weight:bold;
    font-size:44px;
    line-height:34px;
    letter-spacing:8px;
    text-align:center;
}
#header.main .headerTop .tlogo a {
    background:url("/design/vivnluv/13032/tem167/vivnluv_logo_white.png") no-repeat center center;
    background-size:180px auto;
}

#header .headerTop .tlogo img{ max-width:180px;}

#header .headerTop .tmypage{float: right;margin-top: 0px; margin-right: 145px;}
#header .headerTop .tmypage a{color: #000;text-align: center; align-items: center;justify-content: center; position: fixed; top:25px; width: 60px;height: 60px; font-size:40px; padding-top: 3px;}
#header.main .headerTop .tmypage a{color: #fff;}

#header .headerTop .tcart{float: right;margin-top: 0px;margin-right: 102px;}
#header .headerTop .tcart a{color: #000;text-align: center; align-items: center;justify-content: center; position: fixed; top:25px; width: 60px;height: 60px; font-size:40px;}
#header.main .headerTop .tcart a{color: #fff;}
/*#header .headerTop .tcart a:hover { background-image: none; -webkit-animation: rotation 2s infinite linear; }*/

#header .headerTop .tcart .user_basket_quantity{    display: block;
    font-size: 10px;
    background: #000;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    color: #fff;
    position: fixed;
    top: 25px;
    right: 50px;
}

#header.main .headerTop .tcart .user_basket_quantity{color:#000; background-color:#fff;}

#header .headerTop .searchArea {right:0; top:25px; width: 250px;height:40px; border-bottom: 2px solid #000000; float:right; margin-right:140px; position: fixed;}
#header .headerTop .searchArea .search {position:relative;width: 234px;height:40px;}
#header .headerTop .searchArea .search input {padding-left:10px;width: 205px;height:39px;line-height:40px;border:none;background: none;}
#header .headerTop .searchArea .search a {position:absolute;top: 6px;right: -11px;width:30px;height:40px;font-size: 24px;}
#header .headerTop .searchArea .search a i.xi-search {color:#000000;}

#header.main .headerTop .searchArea {right:0; top:25px; width: 250px;height:40px; border-bottom: 2px solid #ffffff; float:right; margin-right:140px; position: fixed;}
#header.main .headerTop .searchArea .search a i.xi-search {color:#fff;}


/* 좌측메뉴 */
#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; 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 #000000; }

#asideMenu .asideCate .leftGnb li.has-depth {
    background:url("/design/vivnluv/mobile/new/gnb_toggle_off.png") no-repeat;
    background-size:23px auto;
    background-position-x:250px;
    background-position-y:top;
}
#asideMenu .asideCate .leftGnb li.has-depth.toggle {
    color:#222222;
    background:url("/design/vivnluv/mobile/new/gnb_toggle_on.png") no-repeat;
    background-size:22px auto;
    background-position-x:250px;
    background-position-y:top;
}

#asideMenu .asideCate .leftGnb > li > ul { display:none; padding-bottom:30px; padding-left: 20px;}
#asideMenu .asideCate .leftGnb > li > ul > li {}
#asideMenu .asideCate .leftGnb > li > ul > li > a {display:inline-block;    font-family: 'Nanum Gothic', sans-serif;    color:#222222;    font-size:17px;    line-height:40px;}


#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{  }
/*
#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: relative; top: 0; left: 0; height: 100%; min-height: 120px; border-right: #f1f1f1 1px solid; }
#menuFixCls { position:absolute; top:32px; left:0px;  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 {  position:fixed; bottom:10%; right:50px; z-index:100 ; display:none;}
#fxedMenu .rightMenu { width:180px }
#fxedMenu .rightMenu li { position:relative }
#fxedMenu .rightMenu li a {display: block;
    margin-top: -1px;
    width: 100%;
    height: 40px;
    /* font-size: 22px; */
    color: #383838;
    text-align: left;
    padding: 0px 0px 0px 25px;
    line-height: 20px;
    border: 1px solid #c9c8c8;
    border-radius: 10px;
    background-color:#fff;    
}
#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 */