/* BASIC css start */
#body{top:-75px!important;}
#header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
}
#header > .inner{
    position:relative;
}

/*Çì´õ À̺¥Æ®¹è³Ê*/
.a1 {
     background-color: #000000;
     line-height:43px;
     text-align: center;
     font-weight:normal;
     letter-spacing:0.025em;
}
.a1 a {color:#C9B276; }



/*Çì´õ¸ÞÀÎ*/
#header .header-main{
    height:55px;
    line-height:55px;
}
#header .header-main .inner{
    position:relative;
    text-align:center;
}
#header .header-main .logo{
    display:inline-block;
    
}
#header .header-main .logo > a > img{
    width:180px;
    height:28px;
    display:inline-block;
    margin-top:-2px;
}
#header .header-main .logo > a{
    display:inline-block;
    font-size:0px;
    width:180px;
    height:28px;
    line-height:28px;
    vertical-align:middle;
    
}
#header .header-main .logo > a{
    position:relative;
    top:1px;left:1px;
    background:url('/design/saerashop/2021_renew/mo/hmainicon/logo_white_01.png')no-repeat center center;
    background-size:180px auto;
}
#header .header-main .logo > a > img{
    width:180px;
    height:28px;
    display:inline-block;
    margin-top:-2px;
}
#header .header-main .logo > a{
    display:inline-block;
    font-size:0px;
    width:180px;
    height:28px;
    line-height:28px;
    vertical-align:middle;
    
}
#header .header-main .logo > a{
    position:relative;
    top:1px;left:1px;
    background:url('/design/saerashop/2021_renew/mo/hmainicon/logo_white_01.png')no-repeat center center;
    background-size:180px auto;
}
#header .header-main .btn-wrap.left > a.btn-allmenu{
    background:url('/design/saerashop/2021_renew/mo/hmainicon/hmain_btn_01.png')no-repeat center center;
    background-size:25px auto;
}
#header .header-main .btn-wrap.right > a.btn-search{
    background:url('/design/saerashop/2021_renew/mo/hmainicon/hmain_btn_02_white.png')no-repeat center center;
    background-size:25px auto;
}
#header .header-main .btn-wrap.right > a.btn-my{
    background:url('/design/saerashop/2021_renew/mo/hmainicon/hmain_btn_03_white.png')no-repeat center center;
    background-size:25px auto;
}
#header .header-main .btn-wrap.right > a.btn-cart{
    background:url('/design/saerashop/2021_renew/mo/hmainicon/hmain_btn_04_white.png')no-repeat center center;
    background-size:25px auto;
}
#header .header-main .btn-wrap{
    position:absolute;
    top:14px;
    left:10px;
    height:28px;
    line-height:28px;
}
#header .header-main .btn-wrap.right{
    left:auto;
    right:10px;
}
#header .header-main .btn-wrap > a{
    display:inline-block;
    vertical-align:top;
    width:25px;
    height:28px;
    line-height:28px;
    font-size:0px;
}
#header .header-main .btn-wrap > a > img{
    width:35px;
    height:auto;
    vertical-align:top;
}
#header .header-main .btn-wrap.left > a{
    margin-right:5px;
}
#header .header-main .btn-wrap.left > a:last-child{
    margin-right:0px;
}
#header .header-main .btn-wrap.right > a{
    margin-left:5px;
}
#header .header-main .btn-wrap.right > a:last-child{
    margin-left:0px;
}
#header .header-main .btn-wrap.right > a.btn-search.close{
    background:url('/design/saerashop/2021_renew/mo/hmain_btn_02_close.png')no-repeat center center;
    background-size:25px auto;
}
#header .header-main .btn-wrap.right > a.btn-cart{
    position:relative;
}
#header .header-main .btn-wrap.right > a.btn-cart .num{
    position:absolute;
    top:3px;
    right:-3px;
    width:15px;
    height:15px;
    line-height:15px;
    text-align:center;
    font-size:10px;
    font-weight:bold;
    color:#000000;
    background:#ffffff;
    border-radius:7.5px;
}
<!--
#header .header-main .btn-wrap.right .kaka {
    width: 75px;
    line-height: 24px;
    background: #fee100;
    font-size: 10px;
    font-weight: 500;
    color: #000;
    display: block;
    text-align: center;
    position: absolute;
    top: 30px;
    right: 0px;
    border-radius: 28px;
    -moz-animation-duration: 0.8s;
    -webkit-animation-duration: 0.8s;
    /* animation-duration: 1s; */
    -moz-animation-name: textMove;
    -webkit-animation-name: textMove;
    /* animation-name: textMove; */
    -moz-animation-iteration-count: infinite;
    /* -webkit-animation-iteration-count: infinite; */
    animation-iteration-count: infinite;
    /* transition-timing-function: ease-in-out; */
}

@keyframes textMove {
    30% {
        top: 25px;
}}
-->
/*Çì´õ ¼­Ä¡*/
#header .h-search-wrap{
    display:none;
    background:;
    padding:0 15px;
    line-height:initial;
}
#header .h-search-wrap .search-box{
    position:relative;
}
#header .h-search-wrap .search-box fieldset{
    border: 0 none;
    padding: 0px;
    margin: 0px;
    line-height: initial;
}
#header .h-search-wrap .search-box input{
    width:100%;
    height:50px;
    line-height:50px;
    color:#333;
    font-size:14px;
    font-weight:300;
    letter-spacing:-0.35px;
    border:1px solid #434343;
    padding-right:50px;
}
#header .h-search-wrap .search-box .btn_search{
    position:absolute;
    top:50%;
    right:0;
    width:50px;
    height:50px;
    line-height:25px;
    margin-top:-25px;
    text-align:center;
    background:url('/design/saerashop/2021_renew/mo/btn_search.png')no-repeat center center;
    background-size:25px;
}

#header .h-search-wrap .tag-box{
    font-size:0px;
    margin:0 -2.5px;
    padding-top:17.5px;
    padding-bottom:22.5px;
}
#header .h-search-wrap .tag-box > li{
    display:inline-block;
    vertical-align:top;
    padding:2.5px 2.5px;
    box-sizing:border-box;
    line-height:initial;
}
#header .h-search-wrap .tag-box > li a{
    display:inline-block;
    height:35px;
    line-height:35px;
    padding:0 14px;
    font-size:14px;
    font-weight:300;
    letter-spacing:-0.25px;
    color:#000000;
    background:#ffffff;
    border-radius:17.5px;
}
/*Àüü¸Þ´º*/
#h-allmenu{
    position:fixed;
    top:0;
    left:-100%;
    width:80%;
    height:100%;
    min-height:100%;
    background:#ffffff;
    z-index:1004;
    transition:all 0.3s ease-in-out;
    overflow-y:scroll;
}
#h-allmenu.active{
    left:0;
}
#h-allmenu .login-wrap{
    position:relative;
    padding:0 25px;
    padding-top:35px;
    padding-bottom:25px;
    font-size:0px;
}
#h-allmenu .login-wrap .inner{
    position:relative;
}
#h-allmenu .login-wrap .btn{
    display:inline-block;
    height:30px;
    line-height:30px;
    text-align:center;
    background:#ffffff;
    border-radius:15px;
    font-size:13px;
    color:#000000;
    padding:0 10px;
    margin-right:5px;
}
#h-allmenu .login-wrap .username{
    line-height:30px;
    font-size:13px;
    color:#000000;
    display:inline-block;
    vertical-align:top;
    margin-right:15px;
}
#h-allmenu .login-wrap .btn-close{
    position:absolute;
    top:0;
    right:-10px;
    width:35px;
    height:35px;
    background:url('/design/saerashop/2021_renew/mo/btn_allmenu_close.png')no-repeat center center;
    background-size:cover;
}


#h-allmenu .login-wrap .btn:last-child{
    margin-right:0px;
}
#h-allmenu .login-wrap .btn.black{
    color:#000000;
    background:#ffffff;
}
#h-allmenu .category-wrap .tabs{
    background:#ffffff;
    font-size:0px;
    padding:0 25px;
    display: flex;
    justify-content: space-between;
}
#h-allmenu .category-wrap .tabs > li{
    display:inline-block;
    vertical-align:top;
    text-align:center;
    box-sizing:border-box;
}
#h-allmenu .category-wrap .tabs > li a{
    display:block;
    line-height:13px;
    height:13px;
    font-family:'futura', 'NanumbarumGothic',sans-serif;
    font-size:13px;
    color:#000000;
    padding:0 5px;
    box-sizing:border-box;
}
#h-allmenu .category-wrap .tabs > li a.active{
    background:url('/design/saerashop/2021_renew/mo/allmenu_tab_active_01.png')no-repeat center bottom;
    background-size:21px auto;
}

#h-allmenu .category-wrap .tab-con{
    display:none;
    padding:0 25px;
}
#h-allmenu .category-wrap .tab-con.active{
    display:block;
}
#h-allmenu .category-wrap .tab-con .tab-cate-wrap{
    padding-top:35px;
}
#h-allmenu .category-wrap .tab-con .tab-cate-wrap > li{
    padding-bottom:17px;
}
#h-allmenu .category-wrap .tab-con .tab-cate-wrap > li > a.cate{
    display:block;
    font-size:13px;
    color:#000000;
    line-height:13px;
    <!-- text-transform:uppercase; -->
}
#h-allmenu .category-wrap .tab-con .tab-cate-wrap > li.banner > a{
    display:block;
}
#h-allmenu .category-wrap .tab-con .tab-cate-wrap > li.banner > a > img{
    width:100%;
    vertical-align:top;
}
#h-allmenu .category-wrap .tab-con .tab-cate-wrap > li > a.best{
    color:#000000;
}
#h-allmenu .category-wrap .tab-con .tab-cate-wrap > li > a.new{
    color:#000000;
}
#h-allmenu .category-wrap .tab-con .tab-cate-wrap > li.dep{
    position:relative;
}
#h-allmenu .category-wrap .tab-con .tab-cate-wrap > li.dep > a.cate::before{
    content:'';
    position:absolute;
    top:0px;
    right:-5px;
    width:13px;
    height:13px;
    background:url('/design/saerashop/2021_renew/mo/allmenu_cate_more.png')no-repeat center center;
    background-size:cover;
    transition:all 0.3s ease-in-out;
}
#h-allmenu .category-wrap .tab-con .tab-cate-wrap > li.dep > a.cate.active::before{
    background:url('/design/saerashop/2021_renew/mo/allmenu_cate_more_active.png')no-repeat center center;
    background-size:cover;
}
#h-allmenu .category-wrap .tab-con .tab-cate-wrap > li.dep > .depth {
    display:none;
    padding-top:22px;
}
#h-allmenu .category-wrap .tab-con .tab-cate-wrap > li.dep > .depth > li{
    margin-bottom:21px;
}
#h-allmenu .category-wrap .tab-con .tab-cate-wrap > li.dep > .depth > li > a{
    display:block;
    font-size:12px;
    color:#000000;
    line-height:12px;
}

/*Äü¸Þ´º*/
.quick-menu-wrap{
    position:fixed;
    bottom:-200px;
    right:10px;
    z-index:9999;
}
.quick-menu-wrap li a{
    display:inline-block;
    width:35px;
}
.quick-menu-wrap li.sns a{
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
}
.quick-menu-wrap li.sns{
    margin-bottom:4px;
}
.quick-menu-wrap li.sns a > img{
    width:100%;
    vertical-align:middle;
}
.quick-menu-wrap li.controll{
    position:relative;
    background:#000000;
    border-radius:20px;
    padding:1px 0;
    margin-top:6px;
}
.quick-menu-wrap li.controll::after{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:30px;
    margin-top:-0.5px;
    margin-left:-15px;
    height:1px;
    background:#404040;
}
.quick-menu-wrap li.controll a{
    display:block;
    margin:12px 0;
    text-align:center;
}
#header .header-main .logo2 > a > img{
    width:180px;
    height:28px;
    display:inline-block;
    margin-top:-2px;
}
#header .header-main .logo2 > a{
    display:inline-block;
    font-size:0px;
    width:180px;
    height:28px;
    line-height:28px;
    vertical-align:middle;    
}
#header.active .header-main .logo2{
    position:relative;
    top:-55px;left:1px;
    background:url('/design/saerashop/2021_renew/mo/logo_black_01.png')no-repeat center center;
    background-size:180px 28px;
}
#header.active .header-main .btn-wrap.left > a.btn-allmenu{
    background:url('/design/saerashop/2021_renew/mo/hmain_btn_01.png')no-repeat center center;
    background-size:25px auto;
    transition:all 0.3s ease-in-out;
}
#header.active .header-main .btn-wrap.right > a.btn-search{
    background:url('/design/saerashop/2021_renew/mo/hmain_btn_02_black.png')no-repeat center center;
    background-size:25px auto;
    transition:all 0.3s ease-in-out;
}
#header.active .header-main .btn-wrap.right > a.btn-my{
    background:url('/design/saerashop/2021_renew/mo/hmain_btn_03_black.png')no-repeat center center;
    background-size:25px auto;
    transition:all 0.3s ease-in-out;
}
#header.active .header-main .btn-wrap.right > a.btn-cart{
    background:url('/design/saerashop/2021_renew/mo/hmain_btn_04_black.png')no-repeat center center;
    background-size:25px auto;
    transition:all 0.3s ease-in-out;
}
#header.active .header-main{
    background:#ffffff;
    opacity:0.8;
    z-index: 1999!important;
}
/* BASIC css end */