/* BASIC css start */
/* 사이드 메뉴 */




#scroll-right {display: none; position: absolute; z-index: 9;  top: 1000px; right:0px;  height: 100%; width: 168px;  padding: 20px; padding-top: 27px; padding-left: 25px !important;    padding-right: 15px !important; background: #fff; border-left:1px solid #e6e6e6; transition: right 0.3s ease;}
#scroll-right a{/*line-height: 23px;*/}

.side-menu .div-wrap{display: block; margin-bottom: 18px; }

.side-menu .div-wrap.table{display: table; border:1px solid #e5e5e5; border-bottom:0 !important; width: 159px;}
.side-menu .div-wrap.table li{width:80px; float:left; text-align:center;  padding: 7px 0; border-bottom: 1px solid #e5e5e5; }
.side-menu .div-wrap.table li:nth-child(odd){border-right: 1px solid #e5e5e5 !important; width: 78px;}
.side-menu .board-btn a{font-family: "Noto Sans KR", sans-serif !important;display: block;}

.side-menu .tit{color: #242424; font-size: 12px; font-weight: 900;padding-bottom: 8px; margin-left: 3px;  margin-bottom: 15px; border-bottom: solid 1px #e4e4e4;}
.side-menu .side-cs-center{width: 159px; margin-top:15px; display: inline-block; margin-bottom: 35px;}
.side-menu .side-cs-center .tel{font-weight: 900; font-size: 22px; color: #000; padding-bottom: 12px;}
.side-menu .side-cs-center .cont{line-height: 19px;}
.side-menu .side-cs-center .cont.mini{ line-height: 2;font-family: malgun Gothic; font-size: 11px; color: #000;}

.side-menu .side-cs-center .cont.mini em{
    letter-spacing: -1px;
    width: 33px;
    height: 16px;
    background: #f2f2f2;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    border-radius: 10px;}

#side-menu-wrap .right-btn{ width: 41px;  position: absolute; top: 340px; right: 207px;margin-top: -8px; cursor: pointer;/* border: solid 1px #e6e6e6;*/ background: #fff; display: inline-block;}
#side-menu-wrap .right-btn li{line-height: 0; float:left; font-size:0;}
#side-menu-wrap img.side_img{margin-bottom: 25px;}
#aside{ display: none;}
.side-menu .side-bank-info{}
.side-menu .side-bank-info .tit{margin-bottom: 10px !important;}
.side-menu .side-bank-info p.cont{font-family: malgun Gothic; font-size: 11px; color: #000; line-height: 2.2;}
.side-menu .side-bank-info p.cont b{margin-left:5px;}
.side-menu .side-bank-info p.cont em{letter-spacing: -1px;height: 17px;background: #f2f2f2; display: inline-block; text-align: center; line-height: 16px; border-radius: 10px; width: 54px;}

.containerr {

  position: relative; /* 포지션을 설정 */
}

.recent-list .tit{margin-top: 20px; display: inline-table; width: 94%;}
.recent-list .productrecent{}
.recent-list .productrecent ul{height: 75px; overflow: hidden;}
.recent-list .productrecent ul li{width: 76px; height: 76px; display: inline-block; vertical-align: top;overflow: hidden; margin-right: 6px; border-radius: 5px;}
.recent-list .productrecent ul li:nth-child(2n){}
.recent-list .productrecent ul li a{}
.recent-list .productrecent ul li a img{width: 100%;}
.recent-list .productrecent p{    
    padding: 4px 7px 7px;
    border-radius: 11px;
    display: inline-block;
    background: #fff;
    margin-top: 5px;}
.recent-list .productrecent p img{}
.recent-list .productrecent p.prev{float: left;}
.recent-list .productrecent p.next{float: right; padding-right: 8px; margin-right: 9px;}
.recent-list .productrecent p em{color:#bfbfbf; font-size:12px; margin-left: 5px;margin-right: 5px;}

img.side_img{ border-radius: 10px;}



#side-menu-wrap .right-btn li a {
    /* line-height: 23px; */
    display: table;
    position: relative;
}
#side-menu-wrap .right-btn li a:after {
    text-align: center;
    display: block;
    position: absolute;
    z-index: 200;
    top: 6px;
    left: -9px;
    padding: 0 10px;
    min-width: 66px;
    height: 28px;
    font-size: 13px;
    line-height: 28px;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #474747;
    background: #454545;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    -o-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -o-transition: all .0s .0s ease;
    -ms-transition: all .0s .0s ease;
    -moz-transition: all .0s .0s ease;
    -webkit-transition: all .0s .0s ease;
    transition: all .0s .0s ease;
}
#side-menu-wrap .right-btn li a:hover:after {
    opacity: 1;
    visibility: visible;
    -o-transition: all .2s .0s ease;
    -ms-transition: all .2s .0s ease;
    -moz-transition: all .2s .0s ease;
    -webkit-transition: all .2s .0s ease;
    transition: all .2s .0s ease;
}
#side-menu-wrap .right-btn li a._home:after {
    content: "홈";
}

#side-menu-wrap .right-btn li a._my:after {
    content: "마이페이지";
}

#side-menu-wrap .right-btn li a._wish:after {
    content: "찜리스트";
}

#side-menu-wrap .right-btn li a._review:after {
    content: "상품후기";
}
#side-menu-wrap .right-btn li a._naver:after {
    content: "네이버톡";
}
#side-menu-wrap .right-btn li a._kakao:after {
    content: "카카오톡";
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 70px;
  z-index: 99;
  font-size: 27px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
outline: none;
  background-color: #fff;
  color: #605f5f;
  cursor: pointer;
  padding: 11px 22px;
  border-radius: 50px;
}

#myBtn:hover {
  background-color: #eee;
}

/* BASIC css end */