/* BASIC css start */ /* header 배너 */ #top_banner. {transition: transform 0.5s ease, opacity 0.5s ease;} #top_banner.hide {display:none;transform: translateY(-100%);opacity: 0;transition: transform 0.5s ease, opacity 0.5s ease;} #top_banner.top-banner {height:35px;line-height:35px;background-color:#625850;text-align:center;overflow: hidden;} #top_banner.top-banner a {color:#fff;font-size:14px;font-weight:500;} #top_banner.top-banner a strong {font-weight:normal;} #top_banner .close_btn {position: absolute;right: 32px;top: 12px;z-index: 90;cursor: pointer;} #header { position:relative; width:100%;min-width:1200px; background:#fff; } #header.fix { margin-top:-115px; position:fixed; top:0; left:0; right:0; z-index:100 } #headerTopArea { height:114px;} #headerTopArea .hd-top { margin:0 auto; max-width:1364px;width:100%; } #headerTopArea .hd-top .gnb-box {position:relative;height:35px } #headerTopArea .hd-top .gnb-box .lang_menu {position: absolute;top: 12px;left: 0;z-index: 100;} #headerTopArea .hd-top .gnb-box .lang_menu .select-box {height: 20px;cursor: pointer;} #headerTopArea .hd-top .gnb-box .lang_menu .select-box > img {width:12px;margin-right: 2px;} #headerTopArea .hd-top .gnb-box .lang_menu .select-box span {font-size:11px;} #headerTopArea .hd-top .gnb-box .lang_menu .select-box span img {width: 9px;margin-top: 3px;margin-left: 2px;} #headerTopArea .hd-top .gnb-box .lang_menu .select-box.active span img {transform: rotate(180deg);} #headerTopArea .hd-top .gnb-box .lang_menu .option-list {display:none;text-align: center;} #headerTopArea .hd-top .gnb-box .lang_menu .option-list .option-item {margin-left:3px;} #headerTopArea .hd-top .gnb-box .lang_menu .option-list .option-item a {font-size:11px;} #headerTopArea .hd-top .gnb-box .rt-menu { float:right } #headerTopArea .hd-top .gnb-box .rt-menu .rt { float:left } #headerTopArea .hd-top .gnb-box .rt-menu .rt li { padding-left:15px; float:left } #headerTopArea .hd-top .gnb-box .rt-menu .rt li a { display:block; line-height:35px;color: #111111;font-weight: 500; } #dggHide { left:550px !important } #headerTopArea .hd-top .gnb-logo { position:relative; max-width:1364px;width:100%; height:79px;} #headerTopArea .hd-top .gnb-logo .okdgg-box { padding-top:43px; float:left } #headerTopArea .hd-top .gnb-logo .okdgg-box dt { float:left; font-size:11px; color:#959595; line-height:17px } #headerTopArea .hd-top .gnb-logo .okdgg-box dd { float:left; font-size:0 } #headerTopArea .hd-top .gnb-logo .okdgg-box dd a { display:inline-block; margin-left:10px; width:21px; height:17px; text-indent:-9999em; background:url(/design/zoom/phps/common/sp_okdgg.gif) 0 0 no-repeat } #headerTopArea .hd-top .gnb-logo .okdgg-box dd a.usa { background-position:0 0 } #headerTopArea .hd-top .gnb-logo .okdgg-box dd a.jp { background-position:0 -17px } #headerTopArea .hd-top .gnb-logo .okdgg-box dd a.cn { background-position:0 -34px } #headerTopArea .hd-top .gnb-logo .tlogo { margin-left:-83px; position:absolute; top:1px; left:50% } #headerTopArea .hd-top .gnb-logo .rt-menu { padding-top:16px; position:relative; float:right } #headerTopArea .hd-top .gnb-logo .rt-menu > ul {display:flex;align-items: center;} #headerTopArea .hd-top .gnb-logo .rt-menu li { padding-right:16px; position:relative; float:left;} #headerTopArea .hd-top .gnb-logo .rt-menu li:last-child {padding-right:0;} #headerTopArea .hd-top .gnb-logo .rt-menu li:nth-child(2) a img, #headerTopArea .hd-top .gnb-logo .rt-menu li:nth-child(3) a img {margin-top:2px;} #headerTopArea .hd-top .gnb-logo .rt-menu li.first { border-left:none } #headerTopArea .hd-top .gnb-logo .rt-menu li a img {vertical-align: middle;} #headerTopArea .hd-top .gnb-logo .rt-menu li span.ic { display:inline-block; margin-top:6px; width:19px; height:19px; text-indent:-9999em; background:url(/design/zoom/phps/common/sp_hd_rt.png) 0 0 no-repeat } #headerTopArea .hd-top .gnb-logo .rt-menu li span.ic-login { background-position:0 0 } #headerTopArea .hd-top .gnb-logo .rt-menu li span.ic-cart { background-position:0 -19px } #headerTopArea .hd-top .gnb-logo .rt-menu li span.ic-sch { background-position:0 -38px } #headerTopArea .hd-top .gnb-logo .rt-menu li span.ic-logout { background-position:0 -57px } #headerTopArea .hd-top .gnb-logo .rt-menu li span.num {position: absolute;top: 2px;right: 10px;background: #111;color: #fff;border-radius: 40px;width: 14px;height: 14px;line-height: 15px;text-align: center;font-size: 10px;font-weight: 500;box-sizing: border-box;} #headerTopArea .hd-top .gnb-logo .rt-menu .box-search input {width: 164px;height: 30px; margin-right: 16px;border: 1px solid #ddd;padding: 0 10px;color: #858585;box-sizing: border-box;} /* 실시간 검색어 순위 */ #headerTopArea .hd-top .sgk {position: absolute;right: 21%;top: 19%;width: 160px;} .suggestKeywordsDisp {position: relative;width: 160px; height: 32px; overflow: hidden;} .suggestKeywordsDisp .b-toggle {content: ''; display: inline-block;width: 12px; height: 22px;position: absolute; top: 4px; right: 20px;background: url(/design/zoom/renewal/img/ic_drop_arrow.svg) center no-repeat;background-size: 12px auto;cursor: pointer;} .suggestKeywordsDisp .mk_keyword {position: absolute;} .suggestKeywordsDisp li a {font-size: 13px;font-weight:400; line-height: 32px; color: #111; transition: color .2s;} .suggestKeywordsDisp li a .mk_keywords_txt {margin-left:5px;} .suggestKeywordsDisp a strong {color: #111;} .suggest-keywords-container {display: none;position: absolute;top: 100%;left: -15px;width: 160px;background-color: #fff;border: 1px solid #e5e5e5;text-align: left;z-index: 10010;} .mk_new_ranking {position: relative;border : 0px ! important;margin: 0 auto;width:160px !important;padding:20px 16px !important; box-sizing:border-box;} body .mk_new_ranking .mk_keyword_wrap .mk_keywords li a {width:130px;} .mk_new_ranking .mk_keyword_wrap .mk_keywords li.mk_txt_date {display:none;} .mk_new_ranking .mk_title_wrap {margin-bottom:5px;} .mk_new_ranking .mk_title_wrap .mk_h3 {font-family: tt-commons-pro, Pretendard, baskerville-display-pt, sans-serif !important;} .mk_keywords_num {display:none;} .mk_txt_date {display:none;} .suggest-keywords-container .w-inner {} .suggest-keywords-container h4 {padding: 8px 12px; border-bottom: 1px solid #e7e7e7;font-size: 13px; font-weight: 600; color: #111;} .suggest-keywords-container .mk_keywords span {margin-left:4px;font-size: 13px;font-weight: 400;font-family: tt-commons-pro, Pretendard, baskerville-display-pt, sans-serif;} .suggest-keywords-container .mk_keywords li a {display: block; padding: 0 2px; font-size: 13px; line-height: 20px; color: #111; transition: color .2s ! important;} .suggest-keywords-container .mk_keywords a strong {font-size:13px;color: #111;font-weight: 500;font-family: tt-commons-pro, Pretendard, baskerville-display-pt, sans-serif;} #headerCateArea {position: relative;height:44px;} #headerCateArea .hd-cate {position: relative; margin:0 auto; max-width:1364px;width:100%; } #headerCateArea .hd-cate > ul {width: 1260px;height: 52px;margin-left:60px;} #headerCateArea .hd-cate > ul > li { position:relative; float:left } #headerCateArea .hd-cate > ul > li > a { display:block; padding:0 12px; height:52px; font-size:14px; line-height:52px } #headerCateArea .hd-cate > ul > li:hover > a {color:#858585;} #headerCateArea .hd-cate > ul > li.first > a {color:#946745;} #headerCateArea .hd-cate > ul > li.red > a {color:#B30000;} #headerCateArea .hd-cate > ul > li > .depth { display:none; margin-left:-51px; padding:15px 0 5px 15px; position:absolute; top:52px; left:50%; width:90px; border:1px solid #ddd; border-top:1px solid #e5e5e5; background:#fff; z-index:200 } #headerCateArea .hd-cate > ul > li > .depth li { padding-bottom:10px } #headerCateArea .hd-cate > ul > li > .depth li a { display:block; color:#111; } #headerCateArea .hd-cate > ul > li > .depth li a:hover {color:#858585;} #headerCateArea .box-all-cate { display:none; position:absolute; top:52px; left:0; right:0; width:1364px;height: 660px;border:1px solid #111; background:#fff; z-index:499; } #headerCateArea .box-all-cate .inner { padding:56px; *zoom:1 } #headerCateArea .box-all-cate .inner .cate ul {display:flex;} #headerCateArea .box-all-cate .inner .cate ul li {margin-right:24px;} #headerCateArea .box-all-cate .inner .cate ul li a {font-size: 13px;font-weight: 600;} #headerCateArea .box-all-cate .inner .cate ul li:first-child a {color:#946745;} #headerCateArea .box-all-cate .inner .cate .last { width:90px } /* new */ #headerCateArea .box-all-cate .inner .cate_wrap {height: 500px;overflow: auto;padding-top:26px;} #headerCateArea .box-all-cate .inner .cate {position:relative; border-bottom:1px solid #ddd;padding-bottom:25px; *zoom:1 } #headerCateArea .box-all-cate .inner .cate:after, #headerCateArea .box-all-cate .inner .cate2:after { display:block; clear:both; content:'' } #headerCateArea .box-all-cate .inner .cate2 {display:flex;margin-bottom: 26px;} #headerCateArea .box-all-cate .inner .cate2 > a {display:inline-block;min-width: 140px;font-size:13px;font-weight: 600;} #headerCateArea .box-all-cate .inner .cate2 .cate2Wrap ul {display:flex;} #headerCateArea .box-all-cate .inner .cate2 .cate2Wrap ul li a {padding-right: 24px;font-size:12px;font-weight: 500;color:#858585;} #headerNavArea { height:44px; border-bottom:1px solid #ddd } #headerNavArea .hd-nav { margin:0 auto; position:relative; width:1364px; *zoom:1 } #allCateArea { position:absolute; top:0; left:0 } #allCateArea .btn-all-cate {position:relative;width: 52px;height: 52px;background:#fff; cursor:pointer } #allCateArea .btn-all-cate .trans-line { position:relative; width:18px; height:10px;left: 50%;top: 50%;transform: translate(-50%, -50%); } #allCateArea .btn-all-cate .line-top, #allCateArea .btn-all-cate .line-bottom {position: absolute; display:block; height:2px;width:22px; border-radius:0px; background:#000;} #allCateArea .btn-all-cate .line-top {top:0; -webkit-transform-origin:18px -2px; transform-origin: 16px -3px;} #allCateArea .btn-all-cate .line-bottom {bottom:0; -webkit-transform-origin:18px 4px;transform-origin:18px 4px;} #allCateArea .btn-all-cate.is-open { background:#111; } #allCateArea .btn-all-cate.is-open .trans-line {} #allCateArea .btn-all-cate.is-open .line-top {background: #fff;-webkit-animation: line-top-out 600ms linear normal;animation: line-top-out 600ms linear normal;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;} #allCateArea .btn-all-cate.is-open .line-bottom {background: #fff;-webkit-animation: line-bot-out 600ms linear normal;animation: line-bot-out 600ms linear normal;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;} #allCateArea .btn-all-cate.is-closed .line-top {-webkit-animation: line-top-in 600ms linear normal;animation: line-top-in 600ms linear normal;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;} #allCateArea .btn-all-cate.is-closed .line-bottom {-webkit-animation: line-bot-in 600ms linear normal;animation: line-bot-in 600ms linear normal;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;} @-webkit-keyframes line-top-in { 0% {left: -5px;bot: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} 20% {left: -5px;bot: 0;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);} 80% {left: 0;bot: 0;-webkit-transform: rotate(15deg);transform: rotate(15deg);} 100% {left: 0;bot: 1px;-webkit-transform: rotate(0deg);transform: rotate(0deg);} } @keyframes line-top-in { 0% {left: -5px;bot: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} 20% {left: -5px;bot: 0;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);} 80% {left: 0;bot: 0;-webkit-transform: rotate(15deg);transform: rotate(15deg);} 100% {left: 0;bot: 1px;-webkit-transform: rotate(0deg);transform: rotate(0deg);} } @-webkit-keyframes line-top-out { 0% {left: 0;top: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);} 20% {left: 0;top: 0;-webkit-transform: rotate(15deg);transform: rotate(15deg);} 80% {left: -5px;top: 0;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);} 100% {left: -5px;top: 1px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} } @keyframes line-top-out { 0% {left: 0;top: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);} 20% {left: 0;top: 0;-webkit-transform: rotate(15deg);transform: rotate(15deg);} 80% {left: -5px;top: 0;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);} 100% {left: -5px;top: 1px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} } @-webkit-keyframes line-bot-in { 0% {left: -5px;-webkit-transform: rotate(45deg);transform: rotate(45deg);} 20% {left: -5px;bot: 0;-webkit-transform: rotate(60deg);transform: rotate(60deg);} 80% {left: 0;bot: 0;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);} 100% {left: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);} } @keyframes line-bot-in { 0% {left: -5px;-webkit-transform: rotate(45deg);transform: rotate(45deg);} 20% {left: -5px;bot: 0;-webkit-transform: rotate(60deg);transform: rotate(60deg);} 80% {left: 0;bot: 0;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);} 100% {left: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);} } @-webkit-keyframes line-bot-out { 0% {left: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);} 20% {left: 0;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);} 80% {left: -5px;-webkit-transform: rotate(60deg);transform: rotate(60deg);} 100% {left: -5px;-webkit-transform: rotate(45deg);transform: rotate(45deg);} } @keyframes line-bot-out { 0% {left: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);} 20% {left: 0;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);} 80% {left: -5px;-webkit-transform: rotate(60deg);transform: rotate(60deg);} 100% {left: -5px;-webkit-transform: rotate(45deg);transform: rotate(45deg);} } #headerNavArea .hd-nav .navArea { margin-left:45px; position:relative; width:1155px; height:44px; overflow:hidden } #headerNavArea .hd-nav .navArea li { float:left } #headerNavArea .hd-nav .navArea li a { display:block; padding:0 31px; height:44px; font-size:13px; line-height:44px } #headerNavArea .hd-nav .navArea li a.t1 { color:#898989 } #headerNavArea .hd-nav .navArea li a.t1r { color:#FF2C2C } #headerNavArea .hd-nav .navArea li a.t2 { padding:0 20px 0 25px; color:#0068b7 } #headerNavArea .hd-nav .navArea li a.t3 { padding:0 20px 0 25px; color:#006600} /* 우측 고정메뉴 */ #fixRightMenu { position:fixed; top:0; right:-230px; width:220px; height:100%; border-left:1px solid #ddd; background:#fff; z-index:200 } #fixRightMenu .inner { padding:32px 24px } #fixRightMenu .quickM {} #fixRightMenu .quickM h2 {font-size: 14px;line-height: 24px;font-weight: 500;color: #111;margin-bottom: 10px;} #fixRightMenu .quickM ul { *zoom:1 } #fixRightMenu .quickM ul:after { display:block; clear:both; content:"" } #fixRightMenu .quickM li { float:left; width:82px; height:34px;margin-right:3px; margin-bottom: 3px;border:1px solid #c5c5c5 } #fixRightMenu .quickM li:nth-child(2n) {margin-right:0;} #fixRightMenu .quickM li a { display:block; text-align: center;color:#111; line-height:34px;font-weight: 400;} #fixRightMenu .quickM li.last { width:175px; text-align:center; background:url(/design/zoom/phps/common/ico_right_shop.gif) 32px 5px no-repeat } #fixRightMenu .fixed_logo {margin-bottom:40px;text-align: center;} #fixRightMenu .fixed_logo img {max-width:138px;} #fixRightMenu h3 { padding:3vw 0 0.530vw; font-size:14px; font-weight:500 } #fixRightMenu .box-reivew { width:177px; height:247px; overflow:hidden } #fixRightMenu .box-reivew .bx-viewport { height:247px !important } #fixRightMenu .box-reivew .bx-viewport li { width:177px !important } #fixRightMenu .box-reivew .list { position:relative; width:177px; height:247px } #fixRightMenu .box-reivew .list .mask { display:none; position:absolute; top:0; left:0; width:177px; height:247px; background:rgba(0,0,0,0.5); z-index:10 } #fixRightMenu .box-reivew .list .info { display:none; position:absolute; bottom:10px; left:15px; right:15px; color:#fff; z-index:20 } #fixRightMenu .box-reivew .list .info .score { display:block } #fixRightMenu .box-reivew .list .info .name { display:block; padding-top:10px; line-height:18px } #fixRightMenu .box-reivew .list .info .subname { display:block; padding-top:10px; line-height:18px } #fixRightMenu .box-reivew .list a:hover .mask, #fixRightMenu .box-reivew .list a:hover .info { display:block } #fixRightMenu .box-reivew .bx-pager { padding-top:15px; text-align:center } #fixRightMenu .box-reivew .bx-pager .bx-pager-item { display:inline-block; margin:0 2px } #fixRightMenu .box-reivew .bx-pager .bx-pager-item a { display:block; width:15px; height:3px; text-indent:-9999em; background:#ddd } #fixRightMenu .box-reivew .bx-pager .bx-pager-item a.active { width:30px; background:#000 } #fixRightMenu .today-view {position: relative;} #fixRightMenu .today-view h3 {} #fixRightMenu .today-view h3 a {font-size: 14px;font-weight: 500;} #fixRightMenu .box-today {position:relative;width: 172px;overflow:hidden } #fixRightMenu .box-today .todaySlider .swiper-slide {width: 84px !important;margin-right: 4px;} #fixRightMenu .today-view .swiper-scrollbar {background: #ddd;height: 1px;top: auto;bottom: -20px;} #fixRightMenu .today-view .swiper-scrollbar-drag {background: #000;} #fixRightMenu .box-today .bx-viewport { height:117px !important } #fixRightMenu .box-today .bx-viewport li { width:84px !important } #fixRightMenu .box-today img { width:84px; height:117px } #fixRightMenu .box-today .bx-controls-direction { position:absolute; top:0; left:0; right:0 } #fixRightMenu .box-today .bx-controls-direction a { position:absolute; top:40px; width:20px; height:20px; text-indent:-9999em; background:url(/design/zoom/phps/common/sp_today_arr.gif) 0 0 no-repeat } #fixRightMenu .box-today .bx-controls-direction a.bx-prev {display:none; left:0; background-position:0 0 } #fixRightMenu .box-today .bx-controls-direction a.bx-next {display:none; right:0; background-position:0 -20px } #fixRightMenu .cs-center h3 {padding: 4.7vw 0 0.530vw;} #fixRightMenu .cs-center .tel { font-size:16px; font-weight:400 } #fixRightMenu .cs-center ul { padding-top:5px } #fixRightMenu .cs-center li { line-height:16px;color: #858585; } #fixRightMenu .cs-center .insta {margin-top:12px;font-size: 12px;line-height: 18px;color: #111;font-weight: 500;} #fixRightMenu #btRightFix {text-indent:-9999em; background:#fff url(/design/zoom/renewal/img/sidemenu_ic01.png) 0 0 no-repeat;background-position: center;} #fixRightMenu #btRightFix.right-open {background:#fff url(/design/zoom/renewal/img/ic_pop_cancel.svg) 0 0 no-repeat;background-position: center;background-size: 16px auto;} #fixRightMenu .fixedMnWrp ul li {position: relative;width:48px; height:48px;cursor:pointer;background-color:#fff;border: 1px solid #e5e5e5;} #fixRightMenu .fixedMnWrp ul li a {display:block;width:48px; height:48px;cursor:pointer;} #fixRightMenu .fixedMnWrp ul li.sideMenu02 {background:#fff url(/design/zoom/renewal/img/sidemenu_ic02.png) 0 0 no-repeat;background-position: center;border-top: 0;} #fixRightMenu .fixedMnWrp ul li.sideMenu03 {background:#fff url(/design/zoom/renewal/img/sidemenu_ic03.png) 0 0 no-repeat;background-position: center;border-top: 0;} #fixRightMenu .fixedMnWrp ul li.sideMenu04 {background:#fff url(/design/zoom/renewal/img/sidemenu_ic04.png?v2) 0 0 no-repeat;background-position: center;border-top: 0;} #fixRightMenu .fixedMnWrp ul li.sideMenu05 {background:#fff url(/design/zoom/renewal/img/sidemenu_ic05.png) 0 0 no-repeat;background-position: center;border-top: 0;} #fixRightMenu .fixedMnWrp ul li.sideMenu06 {background:#fff url(/design/zoom/renewal/img/sidemenu_ic06.png) 0 0 no-repeat;background-position: center;border-top: 0;} #fixRightMenu .fixedMnWrp ul li.sideMenu07 {background:#fff url(/design/zoom/renewal/img/sidemenu_ic07.png) 0 0 no-repeat;background-position: center;border-top: 0;} #fixRightMenu .fixedMnWrp ul li.sideMenu02::after {content: "장바구니";} #fixRightMenu .fixedMnWrp ul li.sideMenu03::after {content: "고객센터";} #fixRightMenu .fixedMnWrp ul li.sideMenu04::after {content: "관심상품";} #fixRightMenu .fixedMnWrp ul li.sideMenu05::after {content: "오늘본상품";} #fixRightMenu .fixedMnWrp ul li.sideMenu06::after {content: "즐겨찾기";} #fixRightMenu .fixedMnWrp ul li.sideMenu07::after {content: "매장안내";} #fixRightMenu .fixedMnWrp ul li::before {content:"";display:block;width: 0;height: 0;border-top: 6px solid transparent;border-left: 6px solid #000;border-right: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;top: 19px;opacity: 0;transition: all .3s;} #fixRightMenu .fixedMnWrp ul li:hover::before {opacity:1;transition: all .3s;} #fixRightMenu .fixedMnWrp ul li::after {display: block;width:81px; position: absolute;left: -80px;top: 12px;padding: 6px 0 4px;text-align:center; color: #fff;background-color: #000;border-radius: 6px;font-weight: 500;opacity: 0;transition: all .3s;} #fixRightMenu .fixedMnWrp ul li:hover::after {opacity:1;transition: all .3s;} #fixRightMenu .fixedMnWrp ul li.right-close:hover::before, #fixRightMenu .fixedMnWrp ul li.right-open:hover::before, #fixRightMenu .fixedMnWrp ul li.sideBtn:hover::before {opacity:0;} #fixRightMenu .fixedMnWrp { position:absolute; top:40%; left:-50px; transform:translateY(-50%); } #fixRightMenu .fixedMnWrp li.sideBtn {border-top: 0;} #fixRightMenu .fixedMnWrp li.sideBtn a { display:block; width:48px; height:48px; text-indent:-9999em; background: #fff url(/design/zoom/renewal/img/sidemenu_ic_top.png) 0 0 no-repeat;background-position: center;} #fixRightMenu .fixedMnWrp li.sideBtn a.bt-top {} #fixRightMenu .fixedMnWrp li.sideBtn a.bt-bottom {background:#fff url(/design/zoom/renewal/img/sidemenu_ic_down.png) 0 0 no-repeat;background-position: center;} .right-buy { display:none; position:absolute; bottom:165px; left:-114px; width:104px; height:48px;line-height: 48px;background-color:#000;color:#fff;cursor:pointer;font-size:13px;text-align: center;z-index: 999;} .right-buy img {margin-top: 16px;margin-right: 10px;} .bottomFixedBtnWrap{ position:fixed; bottom:50px; right:16px; z-index:200; } .bottomFixedBtnWrap a{ display:block; margin-bottom:5px; } /* BASIC css end */