/* BASIC css start */
#aside, #content { position: relative;  float: left;  }
#aside{margin: 0 !important; position: sticky; top: 55px; padding-left:20px;  padding-bottom:60px;}

#aside {margin-right: 20px;width: 230px;z-index:100;}
#aside .aside_logo {overflow:hidden;margin-bottom:40px;padding-top: 10px;}
#aside .aside_logo h1 {display:inline-block;vertical-align:top;/*margin-top: -9px;*/}
#aside .aside_logo .aside_logo_right {float:right;}
#aside .aside_logo .searchArea {display:inline-block;width: 135px;margin-left:10px;vertical-align: top;}
#aside .aside_logo .search {display:inline-block; width:100%; border-bottom:1px solid #000; height:25px; box-sizing:border-box; position:relative }
#aside .aside_logo .search form, .search fieldset {display:inline-block; width:100%; height:100%}
#aside .aside_logo .search input { border:none; height:100%; width:calc(100% - 24px); background: transparent; float:left; font-size:12px;}
#aside .aside_logo .search .search_btn {display:inline-block; width:18px; height:18px; position:absolute; top:calc(50% - 9px); right:0;  }

#aside .aside_logo .menu_btn {display:inline-block; position:relative; width:23px; height:17px; vertical-align: top; margin-top: 9px;}
#aside .aside_logo .menu_btn span { display: block; width:100%; height: 2px; background:#000; position: absolute; left: 0px; transition: all 0.3s ease 0s;}
#aside .aside_logo .menu_btn .line01 {top:0}
#aside .aside_logo .menu_btn .line02 {top: 7px;}
#aside .aside_logo .menu_btn .line03 {top: 14px;}
#aside .aside_logo .menu_btn.open .line01 { top: 7px; transform: rotate(45deg); width: 23px !important; }
#aside .aside_logo .menu_btn.open .line02 { display: none; }
#aside .aside_logo .menu_btn.open .line03 { top: 7px; transform: rotate(135deg); width: 23px !important; }




#aside .lnb-menu {width: 300px;   background:#fff }
#aside .lnb-menu li { margin-bottom: 10px; word-wrap: break-word; }
#aside .lnb-menu li a { font-weight: bold; letter-spacing: -1px; }
#aside .lnb-menu li a:hover { color: #cc0000; }
#aside .lnb-info p { margin-bottom: 5px; font-size: 11px; }
#aside .lnb-info p a { font-size: 11px; }
#aside .lnb-info .phone { font-size: 14px; font-weight: bold; }

.mp_menu {margin-bottom: 20px;margin: 0 auto;text-align: left;  }    
.mp_menu a:hover {text-decoration:underline;}
.mp_menu h2 .item_pink{font-size: 14px;color: #d05d77;font-weight: 550;margin-bottom: 14px;}
.mp_menu h2 .item_olive{font-size: 14px;color: #B1BA70;font-weight: 550;margin-bottom: 14px;}
.mp_menu h2 .item_sale{font-size: 14px;color: #ed7b00;font-weight: 550;margin-bottom: 14px;}
.mp_menu h2 {font-size: 14px;color: #000;font-weight: 550;margin-bottom: 14px;}
.mp_menu h3 { margin-left:7px; font-size: 13px; color: #000; padding-bottom: 13px; font-weight:300}
.mp_menu h3:hover {font-weight:bold;}
.mp_menu h3 a {display:block}
.mp_menu dl dd {}
.mp_menu dl dd .sub_item {display:none; margin: 2px 0 0px;padding-bottom:20px; opacity: 0;visibility: hidden; transition: all 1s;  padding-left:20px}
.mp_menu dl dd .sub_item a {display:block; margin-bottom:10px;font-size:13px; font-weight: 300; }
.mp_menu dl dd .sub_item a:last-child {margin-bottom:0}
.mp_menu dl dd .sub_item a:hover {font-weight:800;}

.mp_menu dl dd.active h3  {font-weight:600}
.mp_menu dl dd.active .sub_item { display:block; opacity: 1;visibility: inherit;}

.mp_menu dl dd.on h3  {font-weight:800}
.mp_menu dl dd.on .sub_item {display:block; opacity: 1;visibility: inherit;}
.mp_menu dl dd.on .sub_item .on {font-weight:800;}

.shop_box {margin:30px 0 28px}



#content { width:calc(100% - 290px); float: right;}
#content .wrapper {width:100%; min-width:auto}
#aside.fix {top: 40px;}


.header_box.active .gnd_box, .header_box.active .menu_btn {display:none !important; }

#header {position:relative; }
#header .header_btm {display:none;}









@media screen and (max-width:1800px) {
    #product_wrap #aside {padding-left:15px;  }
} 




/* BASIC css end */