/* BASIC css start */
#header {z-index:100;width:100%;background: rgba(255,255,255,1) }
#header .headerBtm{ position:relative;;}
#header.headerFix .headerBtm{ position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,1);z-index:90; }

#header .hd_bnWrap {font-size: 0; position:relative; background-color:#2c2c2c;}
#header .hd_bn {max-width:1440px; height:50px; margin:0 auto; position: relative; overflow:hidden;}
#header .hd_bn a {color:#fff;line-height:50px; }
#header .hd_bn .btn_bancls {position:absolute; right: 0; top: 15px;font-size:20px;color:#fff;}


#header .headerGnb {margin:0 auto;max-width:1440px;;height:115px;position:relative;}
#header .headerGnb .logoArea { float:left; }
#header .headerGnb .logoArea .logo a { }

/* 카테고리 */
#header .headerGnb .cateWrap {float:left;padding-left:30px;}
#header .headerGnb .cateWrap a:hover { color:#8c8c8c; }
#header .headerGnb .cateWrap .tmenu {display: inline-block; padding:0 15px;}
#header .headerGnb .cateWrap .tmenu > a { font-size:20px;font-weight:700; line-height:55px; padding-bottom:50px; }
#header .headerGnb .cateWrap .tmenu a:hover {color:#5e01c7;}
#header .headerGnb .cateWrap .tmenu .depth2 { 
    position: absolute;top:115px;left:0;right:0;z-index: 97;overflow:hidden;
    width: 100%; height:290px;  background: #fff; text-align:left;max-height:0;padding:0;
    -webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#header .headerGnb .cateWrap .tmenu .depth2.selected {
    z-index:99;max-height:300px;padding:25px 0;
    -webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
	-ms-transition:all 0.1s ease;
	transition:all 0.1s ease;
}
#header .headerGnb .cateWrap .tmenu .depth2 .depth2-inner {width:1130px;padding:0 150px;margin:0 auto;}
#header .headerGnb .cateWrap .tmenu .depth2 li a {font-size: 16px; line-height: 30px; font-weight:bold;}
#header .headerGnb .cateWrap .tmenu .depth2 ul {float:left;position:relative;}
#header .headerGnb .cateWrap .tmenu .depth2 .depth2-inner .menu-banner {float:right;}
#header .headerGnb .cateWrap .tmenu .depth2 .depth2-inner .menu-banner .move-btn {width:75px;float:right;margin-top:10px;line-height:40px;font-size:30px;background:url('/design/bizent/asset/icon/barrow.png') right bottom no-repeat;}

#header .headerGnb .cateWrap .tmenu .depth2 .depth2-inner.artist-menu ul {float:inherit;}
#header .headerGnb .cateWrap .tmenu .depth2 .depth2-inner.artist-menu .menu-banner {position:absolute;top:0;right:0;}

#header .headerGnb .cateWrap .tmenu.artist_menu .depth2 .depth2-inner.artist-menu ul {
    display: flex;
    flex-direction: column;
    height: 150px;
    flex-wrap: wrap;
    align-content: flex-start;
}
#header .headerGnb .cateWrap .tmenu.artist_menu .depth2 .depth2-inner.artist-menu ul li { width:150px; }

#header .headerGnb .loginArea { float:right; }
#header .headerGnb .loginArea li { position:relative; float:left; padding:0 0 0 20px;line-height:22px; }
#header .headerGnb .loginArea li:first-child {padding:0;}
#header .headerGnb .loginArea li a { font-size:28px;}
#header .headerGnb .loginArea li a .user_basket_quantity {position:absolute; top:-4px;right:-6px;background:#8300ff;border-radius:50%; color:#fff;width:18px;height:18px;line-height:18px;font-size:13px;text-align:center;}
#header .headerGnb .loginArea li a:hover { color:#8c8c8c; }
#header .headerGnb li a.searchOpen { cursor:pointer }
#header .headerGnb .search { display:none; position:absolute; top:28px; right:45px; width:220px; height:44px;padding-right:30px; background-color: #fff; border-bottom:2px solid #2e2e2e;  z-index:10; }
#header .headerGnb .search input { width: 160px; height:30px; margin: 10px 0 0 0; border:none; font-size:14px; }
#header .headerGnb .search .btnSch { position:absolute; top:12px; right:30px; color:#2e2e2e; font-size:24px }
#header .headerGnb .search .searchClose { position:absolute; top:0; right:0; line-height:55px; font-size:28px; background-color:#fff; }

#header .login_menu {text-align:right;line-height:40px;}
#header .login_menu a {margin-left:15px;color:#000;font-weight:500;}

/* 우측 퀵메뉴 */
.quickMenu {position:fixed;right:25px;bottom:45px;z-index:200;display:none;}
.quickMenu .sns li { display:block; margin:0 0 10px; }
.quickMenu .sns li a { font-size:18px; width:36px; height:36px; border-radius:50%; background-color:#f2f2f2; display: block; line-height:36px; text-align:center;}
.quickMenu .sns li a:hover { background-color:#e9e9e9;}
.quickMenu .topBtn { display:block; background:transparent; text-align:center;border-radius:50%; }
.quickMenu .topBtn i { vertical-align:top; line-height:34px;color:#2c2c2c; font-size:26px }
.quickMenu .topBtn:hover {background:#e0e0e0;border-radius:50%;-webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.bline {background: #000;
    display: inline-block;
    width: 3px;
    height: 15px;
    position: relative;
    top: 4px;
    margin: 0 5px;
}

.menuBtn, .searchBtn {display:none;}
#header .headerGnb .menuBtn > a > i, #header .headerGnb .searchBtn > a > i {font-size:2.5em;}


#msideBar {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(94, 1, 199, 0.9);z-index: 101;padding:3vw;overflow-y:scroll;-ms-overflow-style: none;/* IE and Edge */ scrollbar-width: none;/* Firefox */ }
#msideBar::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}

#msideBar * {color:#fff;font-size:20px;}
#msideBar .user_basket_quantity {position:absolute; top:-14px;right:-6px;color:#8300ff;border-radius:50%; background:#fff;width:18px;height:18px;line-height:18px;font-size:13px;text-align:center;}
#msideBar .mmWrap {text-align:right;line-height:8vw;}
#msideBar .mmWrap a {margin-left:5px;font-size:16px;position:relative;}
#msideBar .mmWrap i {font-size:30px;}
#msideBar .mmWrap .sideClose {float:left;margin:0;}
#msideBar .mcateWrap .smenu {line-height:12.5vw;border-bottom:1px solid #fff;padding: 0 3vw;}
#msideBar .mcateWrap .smenu .sdepth2 {
    padding:0;line-height:6vw;height:0;overflow:hidden;padding:0 3vw;
    -webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
#msideBar .mcateWrap .smenu .sdepth2.selected {height:auto;padding-bottom:5vw;}
#msideBar .mcateWrap .smenu a:hover {font-weight:600;}
#msideBar .mbbanner {margin-top:3vw;}
#msideBar .mbbanner img {width:100%;max-width:100%;margin-bottom:10px;}
#msideBar .mbbanner p {font-size:16px;line-height:1.5;}
#msideBar .mblogo {margin-top:5vw;text-align:center;}
#msideBar .mblogo img {width:100px;}


@media (max-width: 1470px) {
    #header .hd_bn,
    #header .headerGnb {padding:0 15px;}
    #header .hd_bn .btn_bancls {right:15px;}
}
@media (max-width: 900px) {
    .login_menu, .cateWrap, .loginArea {
        display:none;
    }

    #header .hd_bn {width:100%;padding:0 3vw;box-sizing:border-box;height:40px;}
    #header .hd_bn a {line-height:40px;}
    #header .hd_bn .btn_bancls {right:3vw;top:10px;}
    #header .headerGnb {height:14vw;display:flex;justify-content:center;align-items: center;border-bottom: 0;}
    .menuBtn, .searchBtn {display:block;flex:0 0 12.5vw;text-align: center;}
    #header .headerGnb .logoArea { float:unset;text-align: center;flex:auto;}

    #header .headerGnb .search { top:14vw; left:0;right:0; width:100%; height:44px;}
    #header .headerGnb .search form {width:90%;position:relative;text-align:center;}
    #header .headerGnb .search input { width: 80%; height:35px; margin:4px 0; border:0; border-bottom:2px solid #2e2e2e; font-size:16px; text-align:left;}
    #header .headerGnb .search .searchClose { top:8px; right:5px; line-height:1; }  
}

@media (max-width: 480px) {
    #header .headerGnb .logoArea .logo a img { height:35px; }
    #msideBar .mmWrap a {font-size:14px;margin-left:3px;}
    #msideBar * {font-size:16px;}

}
/* BASIC css end */