/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}
#header {width:100%;z-index: 333;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	background: #fff;}
#header {position: sticky; top: 0;}
#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 #menu {float: left;}
#header #menu img{width:22px;}
#header .btn_search{float: left; margin-top: -2px; }
#header .btn_search img{width: 20px;}
#header .basketarea{float: left; margin-top: -4px; position: relative;}
#header .basketarea img{ width: 18px;}
#header .basketarea .user_basket_quantity{width: 17px; height: 17px; background: #007aff; border-radius: 50%; display: block; color: #fff; line-height: 17px; text-align: center; position: absolute; top: -1px; right: -10px; font-family: 'Heebo','Noto Sans KR', sans-serif;    font-size: 10px;}
#header #menu .fa {top:5px;}
#header .headerBottom {padding:10px 20px 7px 15px;}
#header .headerBottom h1 {font-size:2.333em;}
#header .headerBottom .headerBottomLeft {float:left;}
#header .headerBottom .headerBottomLeft h1 a img{width: 200px; height: auto; }
#header .headerBottom .headerBottomRight {float:right; }
#header .headerBottom .headerBottomRight a {margin-left:20px; color:#7d7d7d; }

#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 .btn_search {width:45px; height:42px; line-height:50px; background-color:#822023; position:absolute; top:0; right:0; color:#fff; text-align:center;}

/* 탭메뉴 */
#header .main_menu{border-top:1px solid #ededed; border-bottom: 1px solid #ededed;}
#header .main_menu ul{width:100%;
  padding:0;
  margin:0;
  display:flex;
  display:-webkit-flex;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  list-style:none;}
#header .main_menu ul li{ width:20%;
  padding:0;
  border-bottom:1px solid #ededed;

  border-left:1px solid #ededed;
  margin:0;
  display:flex;
  display:-webkit-flex;
  float:left;
  box-sizing: border-box;
  text-align: center;
  align-items: center;}
#header .main_menu ul li:nth-of-type(4n){border-right:none !important;}
#header .main_menu ul li a{ padding: 5px 0;width: 100%; display: block; font-size: 12px; font-family: 'Noto Sans KR','Lato', sans-serif; color: #333;}
#header .main_menu ul li a.active{ color: #000; font-weight: bold;}

/* 슬라이드메뉴 */
.all_menuBox { width: 80%; height: 100%; position: fixed; top: 0px; left: -81%; background-color: #fff; text-align: center; transition: All 0.4s ease; -webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; z-index: 101; 
    overflow-x: auto;}

.all_menuBox .header_logo{padding: 25px 18px;}
.all_menuBox .header_logo img{float: left;}
.all_menuBox .header_logo .close{    background-image: url(/design/mariand/13593/storeh/storeh/m/img/icon/m_closebtn.png);    background-repeat: no-repeat;
    background-position: center;    float: right;}
.page_cover.open { display: block;}

.page_cover { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.8); z-index: 4; display: none; z-index: 100;}

.headerTop{ text-align: left; padding: 0 18px 5px;}
.headerTop li{margin-right: 15px; display: inline-block; }
.headerTop li a:last-child{margin-right: 0;}
.headerTop li a{color: #000; font-family: 'Heebo','Noto Sans KR', sans-serif;}
.headerTop li a:last-child{margin-right: 0;}

.searchBox{    width: 88%;
    margin: 0 auto;
    border-bottom: 1px solid #e6e6e6;}
.searchBox form{float: left;    width: 93%;}
.searchBox form fieldset input{border: 0;    width: 95%;}
.searchBox .btn_search{float: left;    padding-top: 10px;}

.menu-container{ overflow-x: auto;}
.menu-container .menu-list .menu-submenu { padding: 18px;}
.menu-container .menu-list .menu-submenu li a { display:block;  padding: 7px 0; text-align: left; color: #999999;font-family: 'Noto Sans KR','Lato', sans-serif;}
.menu-container .menu-list .menu-submenu li a:active{color: #000;}
.menu-container .menu-list .menu-submenu li a:hover { color:#000;}
.menu-container .menu-list { padding: 42px 18px; display: block; overflow-y: auto; overflow-x: hidden;}
.menu-container .menu-list li.accordion-toggle, .menu-container .menu-list .menu-login,.menu_list_in { font-size: 14px; padding: 11px 0; text-transform: uppercase; text-align: left;}
.menu_list_in a, .menu-container .menu-list li.accordion-toggle a{color: #000;font-family: 'Noto Sans KR','Lato', sans-serif;}
.accordion-toggle, .accordion-content { cursor: pointer; font-size: 14px; position: relative; letter-spacing: 1px;}
.accordion-content { display: none;}

.accordion-toggle a:before, .accordion-toggle a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 11px;
    height: 1px;
    margin-top: -1px;
    background-color: #b3b3b3;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s ease-out;
}

.accordion-toggle a:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 1;
    z-index: 2;
}

.accordion-toggle.active-tab {
  transition: all 0.3s ease;
}
.accordion-toggle a.active:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    background: #b3b3b3 !important;
}

.accordion-toggle a.active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #b3b3b3 !important;
    opacity: 0;
}



.menu_lin_cust a:before, .menu_lin_cust a:after{content:none;}

.all_menuBox_info{text-align: left;border-top: 1px solid #f1f1f1;padding: 30px 18px 60px;}
.all_menuBox_info .tel{    font-family: 'Heebo','Noto Sans KR', sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 13px;}
.all_menuBox_info .tx{font-family:"맑은 고딕",'Malgun Gothic','Lato', sans-serif color: #000; line-height: 20px;}
.t_sns_box{text-align: left; padding: 26px 0 20px;}
.t_sns_box ul li{display: inline-block; margin-right: 16px;}
.t_sns_box ul li:last-child{margin-right: 0;}
.all_copy{color: #bfbfbf; font-family:"맑은 고딕",'Malgun Gothic','Lato', sans-serif; text-decoration: underline;}

/* //슬라이드메뉴 */

/* 최근 본 상품 */
#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;}
}
.board_list { padding: 42px 18px; display: block; overflow-y: auto; overflow-x: hidden; border-top:1px solid #f1f1f1; }
.board_list li { font-size: 14px; padding: 11px 0; text-transform: uppercase; text-align: left;}
.board_list li a{color: #000;font-family: 'Noto Sans KR','Lato', sans-serif;}

/* BASIC css end */