/* BASIC css start */
/* 좌측 사이드 배너 include_banner.html; 2015-12-29; 전용 차장 */
div#side_ban {
    width: 110px;
    margin: 0;
    padding: 0;
}
#side_ban p {
    display: block;
    width: 110px;
    height: 56px;
    color: #fff;
    font-family: 'noto_M', sans-serif;
    letter-spacing: -0.04em;
    font-size: 14px;
    text-align: center;
}
#side_ban .sky {
    background: #1089d5;
}
#side_ban .black {
    background: #333;
}
#side_ban .gray {
    background: #6a6a6a;
}
#side_ban .pay {
    width: 108px;
    background: #eff2f9;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
} /* 현금영수증 발급&조회 */
#side_ban .tax {
    width: 108px;
    background: #fff;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
} /* 세금계산서 요청 */
#side_ban .account {
    width: 108px;
    background: #fddfdf;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
} /* 입금자를 찾습니다 */
#side_ban .b2b {
    display: inline-block;
    vertical-align: top;
    width: 108px;
    height: 110px;
    background: #f3f3f3 url(/design/kiditem01/bmit_skin/images/today_b2b.png) no-repeat center 15px;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
} /* 대량구매 B2B도매 상담신청 */
#side_ban .b2b a {
    padding-top: 48px;
    height: 62px;
} /* 대량구매 B2B도매 상담신청 */
#side_ban p a span {
    display: block;
    vertical-align: top;
}
#side_ban p a span.box56 {
    height: 56px;
    line-height: 56px;
}
#side_ban p a span.box18 {
    height: 18px;
    line-height: 18px;
}
#side_ban p a span.box18_top {
    padding-top: 10px;
    height: 18px;
    line-height: 18px;
}
#side_ban p a span.box_tsky {
    color: #a2dbfe;
}
#side_ban p a span.tblack {
    color: #333;
    font-family: 'noto_B', sans-serif;
}
#side_ban p a span.tred {
    color: #ff3623;
    font-family: 'noto_B', sans-serif;
    font-size: 11px;
    letter-spacing: -0.06em;
}
#side_ban p a span.tblue {
    color: #1089d5;
    font-family: 'noto_B', sans-serif;
}
#side_ban p a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}
/* 우측 퀵메뉴;2018-07-27;  */
.sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 186px;
    height: 100%;
    z-index: 11111;
}
.sidebar > .sidebar_content {
    position:relative;
    overflow:hidden;
    border-left:1px solid #ccc;
    width: 145px;
    height: 100%;
    background: #fff;
    padding: 46px 20px;
}
/* 퀵메뉴 메뉴 */
.sidebar_content ul.menu {
    display: inline-block;
    vertical-align: top;
    width: 145px;
}
.sidebar_content ul.menu li {
    position: relative;
    margin-bottom: -1px;
    width: 143px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #d2d2d2;
    font-family: 'noto_M', sans-serif;
    letter-spacing: -0.05em;
    font-size: 13px;
    text-align: center;
    background: #fff;
}
.sidebar_content ul.menu li.b2b {
    height: 45px;
    line-height: 17px;
}
.sidebar_content ul.menu li.b2b a {
    padding-top: 6px;
    height: 39px;
}
.sidebar_content ul.menu li:hover {
    position: relative;
    z-index: 30;
    border: 1px solid #284a94;
}
.sidebar_content ul.menu li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
}
.sidebar_content ul.menu li a:hover {
    background: #284a94;
    color: #fff;
}
/* 퀵메뉴 메뉴 sns */
.sidebar_content ul.sns {
    display: inline-block;
    vertical-align: top;
    width: 145px;
}
.sidebar_content ul.sns li {
    width: 145px;
    height: 60px;
    line-height: 17px;
    font-family: 'noto_M', sans-serif;
    letter-spacing: -0.05em;
    font-size: 13px;
    text-align: left;
}
.sidebar_content ul.sns li a {
    display: block;
    padding: 6px 0 0 65px;
    width: 80px;
    height: 39px;
    color: #000;
}
.sidebar_content ul.sns li.blog a {
    color: #fff;
}
.sidebar_content ul.sns li.blog {
    background: #02c73d url(/design/kiditem01/bmit_skin/images/quick_blog.png) no-repeat 15px 10px;
}
.sidebar_content ul.sns li.band {
    background: #f1f1f1 url(/design/kiditem01/bmit_skin/images/quick_band.png) no-repeat 11px 16px;
}
.sidebar_content ul.sns li.kakao {
    background: #f9e000 url(/design/kiditem01/bmit_skin/images/quick_kakao.png) no-repeat 14px 9px;
}
/* 최근 본 상품 */
#MainLayer {
    width: 145px;
}
#MainLayer div.today_cont {
    width: 145px;
    padding: 30px 0 0 0;
}
#MainLayer .today_cont p.today_head {
    width: 100%;
    height: 33px;
    line-height: 33px;
    font-family: dotum;
    letter-spacing: -0.06em;
    font-size: 14px;
    border-bottom: 2px solid #111;
}
#MainLayer .today_cont p.today_head a {
    color: #111;
}
#MainLayer .today_cont span.amount {
    text-align: center;
    padding-left: 8px;
}
#MainLayer .today_cont span.amount b {
    color: #1089d5;
}
#MainLayer .today_cont ul {
    margin: 0 auto;
    width: 92px
}
#MainLayer .today_cont ul li.img {
    display: inline-block;
    margin-top: 10px;
    width: 90px;
    height: 90px;
    border: 1px solid #fff;
}
#MainLayer .today_cont ul li.img:hover {
    border: 1px solid #284a94;
}
#MainLayer .today_cont ul li.no_img {
    margin: 10px 0;
    font-size: 11px;
    text-align: center;
    letter-spacing: -1px
}
#MainLayer .today_cont p.no_img {
    padding: 20px 0;
    text-align: center
}
#MainLayer ul.btns {
    width: 145px;
    margin-top: 10px;
}
#MainLayer ul.btns li {
    float: left;
    width: 71px;
    height: 26px;
    border: 1px solid #e5e5e5;
}
#MainLayer ul.btns li.btn_down {
    border-left: none;
}
#MainLayer ul.btns li a {
    display: block;
    width: 100%;
    height: 100%;
}
#MainLayer ul.btns li.btn_up a {
    background: url(/design/kiditem01/bmit_skin/images/qgoods_top.png) no-repeat 26px 8px
}
#MainLayer ul.btns li.btn_down a {
    background: url(/design/kiditem01/bmit_skin/images/qgoods_down.png) no-repeat 26px 8px
}
/* 열고닫기 및 top 버튼 */
.sidebar_btn {
    position: absolute;
    top: 302px;
    right: 185px;
    width: 66px;
    height: 111px;
    text-align: center;
    cursor:pointer
}
.sidebar_btn > p {
    display:block;
    width: 64px;
    height: 54px;
}
.sidebar_btn > p a {
    display: block;
    width:100%;
    height: 100%;
}
.sidebar_btn .arrow_btn {
    background: #fff url(/design/kiditem01/bmit_skin/images/quick_arrowR.png) no-repeat 26px 15px;
    border: 1px solid #ccc;
    border-right: 1px solid #fff;
}
.sidebar_btn .arrow_btnL {
    background: #284a94 url(/design/kiditem01/bmit_skin/images/quick_arrowL.png) no-repeat 26px 15px;
    border: 1px solid #284a94;
}
.sidebar_btn .arrow_btnR {
    background: #fff url(/design/kiditem01/bmit_skin/images/quick_arrowR.png) no-repeat 26px 15px;
    border: 1px solid #ccc;
    border-right: 1px solid #fff;
}
.sidebar_btn .top_btn {
    background: #fff url(/design/kiditem01/bmit_skin/images/quick_top.png) no-repeat 18px 19px;
    border: 1px solid #ccc;
    border-top: none;
}
#tocplusWindow {
    left: 1200px;
}

/* 오늘본상품 
#MainLayer { position: absolute; z-index: 999; left: 50%; top: 754px; margin: 0 0 0 585px; width: 110px; }

/* 오늘본상품 - 스크롤 내릴시 상단고정 
#MainLayer.scroll {
    position: fixed; top: 210px; width: 110px;
    _position: absolute;
    _top: expression(eval(document.body.scrollTop)+10); /* 제일우측의 숫자는 높이를 top으로부터 지정하기 위한 정수 값; */
    /*
}

#MainLayer div.today_cont               { width: 108px; padding: 15px 0 14px 0; background: #fff; border: 1px solid #e5e5e5; }
#MainLayer .today_cont p.today_head      { height: 22px; line-height: 22px; color: #333; font-family: 'noto_B', sans-serif; text-align: center; letter-spacing: -0.06em; font-size: 14px; }
#MainLayer .today_cont p.today_head a { color: #333; }

#MainLayer .today_cont p.amount         { text-align: center; color: #333; font-size: 14px; }
#MainLayer .today_cont p.amount b           { color: #1089d5; }

#MainLayer .today_cont p.btn_up a       { display: block; margin: 11px 0 0 16px; width: 75px; height: 28px; background: url(/design/kiditem01/bmit_skin/images/today_quick.png) no-repeat 0 0 }
#MainLayer .today_cont p.btn_down a     { display: block; margin: 5px 0 0 16px; width: 75px; height: 28px; background: url(/design/kiditem01/bmit_skin/images/today_quick.png) no-repeat 0 -50px }
#MainLayer .today_cont p.no_img         { padding: 20px 0; text-align: center }
#MainLayer .today_cont ul               { margin: 0 auto; width: 75px }
#MainLayer .today_cont ul li.img        { display: inline-block; margin-top: 5px; width: 67px; height: 67px; padding: 3px; border: 1px solid #e5e5e5; background: #fff }
#MainLayer .today_cont ul li.no_img     { margin: 10px 0; font-size: 11px; text-align: center; letter-spacing: -1px }

#MainLayer p.top a                      { display: block; width: 110px; height: 30px; background: url(/design/kiditem01/bmit_skin/images/today_quick.png) no-repeat 0 -100px }

#MainLayer p.blog { margin-top: 20px; }
#MainLayer p.blog a                     { display: block; width: 110px; height: 48px; background: url(/design/kiditem01/bmit_skin/images/today_quick.png) no-repeat 0 -150px } 
    #MainLayer .blog a span             { display: none }
#MainLayer p.band a                     { display: block; width: 110px; height: 48px; background: url(/design/kiditem01/bmit_skin/images/today_quick.png) no-repeat 0 -200px } 
    #MainLayer .band a span             { display: none }
#MainLayer p.kakao a                    { display: block; width: 110px; height: 48px; background: url(/design/kiditem01/bmit_skin/images/today_quick.png) no-repeat 0 -250px } 
    #MainLayer .kakao a span            { display: none }
    */

/* BASIC css end */