/* BASIC css start */
.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}
#header {width:100%;}
#header .top-pt-01 {position:fixed; top:0; left:0; right:0; z-index:100;}
#header .top-pt-02 {position:fixed; top:0; left:0; right:0; z-index:100;}
#header .headerTop {min-width:275px; text-align:center; padding-right:45px; background-color:#3e4347;}
#header .headerTop a {width:25%; height: 36px; line-height: 36px; background-color:#3e4347; color:#fff; display:inline-block; border-left:1px solid #373737; margin-left:-1px;}
#header .headerTop a .fa {vertical-align:top; position: relative; top:12px;}
#header #menu {width:45px; background-color:#ab3e41; position:absolute; right:0;}
#header #menu .fa {top:5px;}
#header .headerBottom { padding:0 20px; margin-bottom: 20px; text-transform:uppercase; }
#header .navbar-header-fix { position:fixed; top:0; left:0; right:0; z-index:1005; }
#header .headerBottom .headerBottomLeft { margin-top: 20px; }
#header .headerBottom .headerBottomLeft .bi { font-size:17px; font-weight:bold; border:2px solid #000; color:#000; padding:5px 15px 5px 18px; letter-spacing:3px; display:inline-block; font-family: 'Poppins', sans-serif; transition-duration:.4s; -webkit-transition-duration:.4s; -moz-transition-duration:.4s; -o-transition-duration:.4s; } 
#header .headerBottom .headerBottomLeftno { display:none; }
#header .headerBottom .headerBottomRight {float:right; margin-top: 20px;}
#header .headerBottom .headerBottomRight a {margin-left:17px; color:#7d7d7d;}
#header .headerBottom .headerBottomRight a .fa-bookmark-o {color:#f1494d;}
#header .headerBottom .headerBottomRight .cart {position:relative;}
#header .headerBottom .headerBottomRight .cart sup {width:12px; height:12px; background-color:#f1191f; color:#fff; border-radius:6px; position:absolute; top:-12px; right:-5px; text-align: center; line-height: 12px;}
#header .search {height:42px; position:relative; left:0; right:0; background-color:#ab3e41; padding-right:45px; text-align:center; display:none; z-index:10;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width:90%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width:45px; height:42px; line-height:50px; background-color:#822023; position:absolute; top:0; right:0; color:#fff; text-align:center;}

#header .headerBottom .headerBottomLogo { display:none; }
#header .headerBottom .headerBottomRight
/* 카테고리 */
aside {  }
aside .loginmenu { font-size:10px; text-align:center; margin:10px auto 20px; }
aside .loginmenu a { margin:0 15px; }
aside .loginmenu a.cart { font-size:12px; }
aside .loginmenu a.mypage { }
@media all and (max-width:450px) {
aside .loginmenu a { margin:0 10px; }
}
@media all and (max-width:400px) {
aside .loginmenu a { margin:0 6px; }
}


aside .asideTop { text-align:center;  display:table; table-layout:fixed; width:100%; margin:10px auto 0; font-size:0; }
aside .asideTop a {width:33.33%; height:45px; line-height:45px; display:inline-block; border-bottom:1px solid #c3c3c3; color:#666; font-weight:bold; font-size:11px; }
aside .asideTop a .fa {margin-top:10px;}
aside .asideTop a.act { color:#000; border-bottom:1px solid #000;}
aside nav li { border-bottom:1px solid #ccc; position:relative; }
aside nav li a {display: block; height: 35px; line-height:35px; padding:0 0 0 20px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:10px; }
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px;}
aside nav li > ul { background-color:#f4f4f4; display:none; border-top:1px solid #6e6e6e; }
aside nav li > ul > li { border-bottom:0px none; border-top:1px solid #ccc; }
aside nav li > ul > li:first-child { border-top:0px none;}
aside nav li > ul > li a { padding:0 40px 0 30px; margin: 0; }
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a { padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;}
aside .asideBottom { padding:20px 0; font-size:10px; line-height:18px; }
aside .asideBottom .call { display:inline-block; vertical-align:top; margin:0 40px 0 0; }
aside .asideBottom .bank { display:inline-block; vertical-align:top; }
aside .asideBottom .tel {color:#000; font-size:12px; font-weight:bold;}
aside .asideBottom .fa-stack {color:#000; margin-top: -5px;}
aside .asideBottom h3 { font-size:11px; font-weight:bold; margin:20px 0 10px; }
aside .asideBottom .copyright { margin:30px 0 0; font-size:9px; }
aside .navCommunity {display:none;}
aside .navMypage {display:none;}

aside .search { height:42px; position:relative; left:0; right:0; background-color:#e9e9e9; padding-right:35px; text-align:center; margin:12px 30px 20px 0; }
aside .search .searchBox {width:100%;}
aside .search .searchBox input {width:90%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
aside .search .btn_search {width:45px; height:42px; line-height:50px; background-color:#e9e9e9; position:absolute; top:0; right:0; color:#000; text-align:center;}
/* //카테고리 */

/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //최근 본 상품 */

@media screen and (min-width:768px) {
    #header #menu {width:85px;}
    #header .headerTop {padding-right:85px;}
    #header .search {padding-right:85px;}
    #header .search .searchBox input {width:95%;}
    #header .search .btn_search {width:85px;}
}


.toggle-button {
    position: absolute;
    top: 14px;
    right: 15px;
    padding: 3px;
    margin: 8px 5px 8px 0;
    height: 20px;
    width: 30px;
    cursor: pointer;
    z-index: 1004;
}

.toggle-active {
    position:fixed;
    top: 14px;
    right: 15px;
}

.bar {
    background-color: #000;
    display: block;
    width: 100%;
    height: 3px;
    border: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}
.bar + .bar {
    margin-top: 6px;
}
.middle {
    top: 11px;
}
.bottom {
    top: 22px;
}
.toggle-button:hover {
    opacity: .7;
}
.toggle-active .bar {
    background-color: #000;
}
.toggle-active .top {
    -webkit-transform: translateY(6px) translateX(0) rotate(45deg);
}
.toggle-active .middle {
   opacity: 0;
}
.toggle-active .bottom {
    -webkit-transform: translateY(-12px) translateX(0) rotate(-45deg);
}

.overlay {
    position: fixed;
    background-color:rgba(255,255,255,0.95);
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
    overflow-y:auto; -webkit-overflow-scrolling: touch;
    z-index:1001;
    padding:0 30px; 
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    text-transform:uppercase;
}
.nav-active {
    opacity: 1;
    visibility: visible;
    height: 100%;

}

/* BASIC css end */