/* BASIC css start */
.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}

.header{position:fixed;width:100%;height:60px;z-index:10000;}
.header_re{position:fixed;width:100%;height:60px;z-index:10000;top:0px;background-color:rgba(255,255,255,0.8);display:none}

#header .searchBox {width:100%;}
#header .searchBox 
#header .searchBox input {width:90%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
#header .btn_search {width:45px; height:42px; line-height:50px; background-color:#822023; position:absolute; top:0; right:0; color:#fff; text-align:center;}

.header .headerBottomRight {position:fixed;top:15px;right:5%;}
.header .headerBottomRight a {margin-left:10px; color:#000;}


.header_re .headerBottomRight_re{position:fixed;top:15px;right:5%;}
.header_re .headerBottomRight_re a {margin-left:10px; color:#000;}
.headerBottomRight_re > a > i{color:#fff}

#search {cursor:pointer;color:#666;cursor: pointer;}
.search {position:fixed;left:0px;top:60px;background-color:rgba(255,255,255,0.8); text-align:center; display:none; z-index:100;width:100%;padding-bottom:5px;cursor: pointer;}
.searchBox {width:81%;margin:30px auto}
.searchBox:after{content: '';display:block;clear:both}
.search .searchBox form fieldset input {width:100%;  margin: 6px 0 0 6px; padding-left: 5px; line-height:15px;height:25px;}

.search .btn_search {width:20%;line-height:30px;position:absolute; top:4px; right:0px; color:#888; text-align:center;}
#close > div.searchBox > form{width:80%;float:left}
.searchBox #keyword{height:30px;width:100%}
#close > div.searchBox{position:relative}
#close > div.searchBox > a{float:right;width:10%}
.search .searchBox form fieldset input{outline:none;!impotrtant}
#close > div.searchBox > a > span{font-size:14px;color:#5a8a69}
#close > div.searchBox > form{display:inline-block}

/*햄버거 메뉴버튼*/

#close > div.my > ul > li > a:before{display:block;content:"";position:absolute;top:46px;width:1px;height:10px;background:#e2e2e2}
#close > div.my > ul > li:nth-child(1) > a:before{display:block;content:"";position:absolute;top:30px;width:0px;height:10px;background:#e2e2e2}

 
#close{width:100%;height:100%;top:0px;left:0px;margin-left:-100%;background-color:#fff;margin-top:-10px;margin-top:-45px;z-index:1001;position:fixed;top:45px;overflow-y:auto }

.header #open {position: fixed;display: block;top:16px;left:5%;float: left;cursor:pointer;width: 30px;height: 30px;z-index:10000;}
.header_re #open_re{position: fixed;display: block;top:16px;left:5%;float: left;cursor:pointer;width: 30px;height: 30px;z-index:10000;}     

.header #open span{position: absolute;display: block;top: 15px;left:19%;transition: .5s; width:20px;height: 1px;background-color: #000;}
.header #open span:before{content: '';position: absolute;top: -6px;left: 0;width: 100%;height: 1px;background-color: #000;transition: .5s;}
.header #open span:after{content: '';position: absolute;top: 6px;left: 0;width: 100%;height: 1px;background-color: #000;transition: .5s;}

.header_re #open_re span{position: absolute;display: block;top: 15px;left:19%;transition: .5s; width:20px;height: 1px;background-color: #000;}
.header_re #open_re span:before{content: '';position: absolute;top: -6px;left: 0;width: 100%;height: 1px;background-color: #000;transition: .5s;}
.header_re #open_re span:after{content: '';position: absolute;top: 6px;left: 0;width: 100%;height: 1px;background-color: #000;transition: .5s;}
   
   
   .close_x{position:relative;right:0px;width:25px;height:25px;float:right;cursor:pointer;padding:5px;display:none}
   
   

/*장바구니*/
.my {width:100%;float:right}

.my .basket{height:35px;}
.my .basket li {float:left;line-height:30px;box-sizing:border-box;text-align:center;}
.my .basket li a {color:#000;padding: 0 10px}
#quan{display:inline-block;position:absolute;top:6px;right:7px;font-size:10px;}

   
  
/*햄버거 메뉴리스트*/  

.accordion {background-color: #fff;color: #000; cursor: pointer; padding: 13px 0; width: 100%; border: none; text-align: left; outline: none; font-size: 25px;transition: 0.4s;font-family: 'Noto Serif', serif;}
.accordion span{ font-size: 12px;}

.active, .accordion:hover { background-color: #fff;}

.panel { padding: 0 20px; display: none;}

.panel a{font-family: 'Noto Serif', serif;padding-right:40px;!important}   
.sidebar{width:75%;margin:0 auto;padding:50px 0;position:relative}


 .sidebar_search{height:30px;padding:10px 0;position:relative;}
 .sidebar_search > form{width:100%;float:left}  
 .sidebar_search #keyword{width:100%;height:30px}  
 .sidebar_search > a{position:absolute;top:10px;right:0;height:30px;width:30px;}
 

  
.sidebar_search > a > span{font-size:18px;padding:5px 3px;}
  
 

  
  .sidebar_gnb{margin:0 auto; padding:10px 0px;border-bottom:1px solid #e2e2e2;}
  .sidebar_gnb li{padding:7px 0;font-size:15px;}
  .sidebar_gnb li a{padding:5px 20px 5px 0;color:#000}
  .sidebar_sns{font-size:25px;margin-top:10px;padding-bottom:10px;border-bottom:1px solid #e2e2e2;}

  .sidebar_sns a{color:#000;margin-right:8px}


/*로고이미지*/
.logo{display:block;width:130px;height:30px;margin:20px auto 0}
.logo_re{display:block;width:130px;height:30px;margin:20px auto 0}
.logo a{display:block;width:100%}
.logo a img{width:100%}
.logo_re a{display:block;width:130px;height:30px;}
.logo_re a img{width:100%}


/*세일 배너*/
.sale_b{margin: 0 auto; }
.sale_b img {padding:0;}




 
 
    
    

#close > div.sns > a:nth-child(2){padding:0 8px 0 8px;color:#000}



@media all and (min-width:320px) and (max-width:420px) { 

.my .basket li a{padding:0 5px;font-size:10px;}

} 
.mypage{margin-top:23px}

.mypage li{padding:5px 0;color:#000;font-size:12px;}



/* BASIC css end */