/* BASIC css start */ /* mall_bottom.html */ div#footer { margin: 0; } #footer div#lnb_index { margin: 0 auto } #footer div#lnb { margin: 0 auto } #footer div.lnb { width: 100%; min-width: 1120px; height: 39px; background: #f3f3f3; border-top: 2px solid #aaa; border-bottom: 1px solid #ddd; } #footer .lnb ul { margin: 0 auto; width: 1120px; height: 39px; } #footer .lnb ul li { float: left; margin: 0 35px 0 0; font-family: 'noto_M', sans-serif; font-weight: bold; letter-spacing: -0.02em; height: 39px; line-height: 39px; text-align: center; font-size: 13px; } #footer .lnb li a { display: block; height: 39px; color: #333; } #footer .lnb li.pr a { color: #2850a7; } #footer .lnb li.top { float: right; margin: 0; width: 98px; height: 39px; background: url(/design/kiditem01/bmit_skin/images/foot_top.png) no-repeat center center; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } #footer .lnb li.top a { width: 98px; } /* 회사소개 */ #footer div.lnb:after { display: block; clear: both; content: '' } /* float 해제 ; */ #footer div.copyright { width: 100%; background: #fff; padding: 40px 0 0 0; } /* 하단 장바구니 높이를 위한 하단 패딩 설정 */ #footer div.copy_info { margin: 0 auto; width: 1120px; } #footer div.copy_info > div { float: left; } #footer div.copy_info > div.logo { width: 190px; } #footer div.copy_info > div.cp_info { width: 580px; } #footer div.copy_info > div.cp_pg { float: right; width: 330px; } #footer div.copy_info .logo { margin: 0 0 0 0; width: 152px; height: 56px; background: url(/design/kiditem01/bmit_skin/images/foot_logo.png) no-repeat 0 0 } /* 로고 */ #footer div.copy_info > div.cp_info h4 { color: #111; font-weight: bold; height: 37px; } #footer div.copy_info > div.cp_info h4 > span { display: inline-block; vertical-align: top; height: 32px; line-height: 32px; } #footer div.copy_info > div.cp_info p { color: #111; line-height: 23px; font-size: 12px; } #footer div.copy_info > div.cp_info p span { padding-right: 12px; } #footer div.copy_info > div.cp_info p.copyright_c { margin-top: 12px; } #footer div.copy_info > div.cp_pg h4 { color: #111; font-weight: bold; height: 32px; } #footer div.copy_info > div.cp_pg h4 > span { display: inline-block; vertical-align: top; height: 32px; line-height: 32px; } #footer div.copy_info > div.cp_pg p { color: #111; line-height: 24px; font-size: 12px; } #footer div.copy_info > div.cp_pg p.cp_btns { margin-top: 6px; } #footer .copyright div.bans_wrap { width: 100%; margin-top: 40px;padding: 40px 0 80px 0; background: #f5f5f5; display: inline-block; vertical-align: top; } /* 하단 장바구니 높이를 위한 하단 패딩 설정 */ #footer .copyright ul.banners { margin: 0 auto; width: 1120px } #footer .copyright .banners li { float: left; margin: 0 50px 0 0; height: 29px; background: url(/design/kiditem01/bmit_skin/images/footer_collect.png) no-repeat 0 -240px } #footer .copyright .banners li a { display: block; height: 29px } #footer .copyright .banners li span { display: none } #footer .copyright .banners li.ban1 { margin: 0 50px; width: 123px; background-position: 0 -240px } #footer .copyright .banners li.ban2 { width: 83px; background-position: -150px -240px } #footer .copyright .banners li.ban3 { width: 122px; background-position: -300px -240px } #footer .copyright .banners li.ban4 { width: 111px; background-position: -450px -240px } #footer .copyright .banners li.ban5 { width: 94px; background-position: -600px -240px } #footer .copyright .banners li.ban6 { width: 96px; background-position: -750px -240px } #footer div.copyright:after { display: block; clear: both; content: '' } /* float 해제; */ /* 하단 장바구니 */ #layAccount { position: fixed; z-index: 999999; left: 0; bottom: 0; width: 100%; _position:absolute; _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight-(0)); } #layAccount div.lay_wrap { height: 38px; border-bottom: 3px solid #2850a7; } #layAccount .lay_wrap ul { width: 1120px; height: 38px; margin: 0 auto } #layAccount .lay_wrap ul li.lnb2 { float: right; width: 186px; height: 38px; background: url(/design/kiditem01/bmit_skin/images/footcart_collect.png) no-repeat 0 -300px; cursor: pointer } /* OPEN */ #layAccount .lay_wrap ul li.lnb3 { float: right; width: 186px; height: 38px; background: url(/design/kiditem01/bmit_skin/images/footcart_collect.png) no-repeat 0 -400px; cursor: pointer } /* CLOSE */ #layAccount div.lay_wrap:after { display: block; clear: both; content: '' } /* float 해제; */ #layAccount div.cont { width: 1118px; height: 210px; margin: 0 auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } #layAccount ul.goods_wrap { float: left; margin: 19px 0 0 20px; width: 848px; height: 172px; border: 1px solid #ddd; } #layAccount li.btn_l, #layAccount li.btn_r { float: left; width: 20px; height: 172px } #layAccount li.btn_r { float: right } #layAccount li.btn_l a { display: block; width: 20px; height: 172px; background: url(/design/kiditem01/bmit_skin/images/footcart_collect.png) no-repeat -20px -15px } #layAccount li.btn_r a { display: block; width: 20px; height: 172px; background: url(/design/kiditem01/bmit_skin/images/footcart_collect.png) no-repeat -730px -15px } #layAccount li.goods { float: left; width: 788px; height: 172px } #layAccount div.goods_area { position: relative; margin: 11px 0 0 5px; width: 798px; overflow: hidden } #layAccount div.goods_area2 { margin: 11px 0 0 5px; width: 798px; text-align: center; padding: 64px 0 0 0 } /* 하단장바구니 상품 없을시... */ #layAccount ul.goods_list { float: left; position: relative; left: 0 } #layAccount .goods_list > li { float: left; margin: 0 5px; width: 104px } #layAccount .goods_list > li > a { display: block; width: 100px; height: 100px; border: 1px solid #ddd; padding: 1px } #layAccount .goods_list > li > a > img { width: 100px; height: 100px } #layAccount .goods_list li ul { float: left; width: 104px } #layAccount .goods_list li ul li { font-size: 11px } #layAccount .goods_list li ul li.price { float: left } #layAccount .goods_list li ul li.amount { float: right; margin: 0 3px 0 0 } #layAccount .goods_list li ul li.option { float: left; font-size: 11px; width: 90px; height: 13px; overflow: hidden } #layAccount .goods_list li ul li.delete { float: right; margin: 1px 3px 0 0; width: 10px } #layAccount .goods_list li ul li.delete img { vertical-align: top } #layAccount ul.info { float: right; margin: 25px 20px 0 0; width: 200px; background: url(/design/kiditem01/bmit_skin/images/footcart_collect.png) no-repeat -870px -25px } #layAccount .info li { padding: 7px 10px 0 0; height: 20px; text-align: right } #layAccount .info li.lnb4 { font-weight: bold; color: #e00 } #layAccount ul.order { float: right; margin: 15px 20px 0 0; width: 200px } #layAccount .order li { float: left; width: 96px; height: 45px } #layAccount .order li.lnb1 { width: 104px } #layAccount div.cont:after { display: block; clear: both; content: '' } /* float 해제; */ /* 좌측 사이드 배너 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; } /* BASIC css end */