@charset "utf-8"; 
/* @import url("/css/mobile_v2/inc_graph.css?v=20231027"); */
/************************************************************************
 * 파일명 : myfavorites.legacy.css
 * 설명 : 에누리 모바일웹 > 나의 관심 상품 > 기존 버전
 * 작성자 : 신왕섭 
 * 작성일 : 2024.2.13
************************************************************************/

/* var */
:root{
    --url-best-sprite : url("//img.enuri.info/images/mobile_v2/bestmall_sprite.png"); /* 홈메인 베스트 Sprite */
    --size-best-sprite : 300px;
}

#wrap { width:100%; overflow:hidden; min-width:320px; } 

.border-box,
.border-box * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 

/* -----------------------------------------------------------
 @m_subscribe 리스트
----------------------------------------------------------- */
/* .subscribe_list {  }  */
.subscribe_list > ul {min-height: 1px; background-color: #fff;}
.subscribe_list .list_item { position:relative; width: 100%; background-color: #fff; border-top:1px solid #eee;} 
.subscribe_list .list_item:first-child{border-top:0}
.subscribe_list .drop_target { padding:60px; background-color: #ddd; text-align: center; } 
.subscribe_list .drop_target:after { content:"여기로 이동"; font-size: 22px; color:#333; } 

/* 상품이미지 */
.subscribe_list .item_body { position:relative; display: flex; padding:16px 16px 14px; letter-spacing:-.3px} 
.subscribe_list .item_body > div { flex:0 0 auto; } 
.subscribe_list .item_body .info__img { width:110px; } 
.subscribe_list .item_body .info__img .img__wrap { position:relative; width:100%; padding-top:100%; border-radius: 4px; overflow: hidden; } 
.subscribe_list .item_body .info__img .img__wrap a { display: block; } 
.subscribe_list .item_body .info__img .img__wrap img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit: contain; } 
.subscribe_list .item_body .info__img .img__wrap:before { content:""; display: block; position:absolute; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,.02); border:1px solid rgba(0,0,0,.03);box-sizing:border-box; pointer-events: none; z-index: 4; } 
.subscribe_list .item_body .info__tx { width:calc(100% - 110px); padding-left:12px; } 
.subscribe_list .info__tx--link{display:block;}
.subscribe_list .info__tx--name{line-height:20px;font-size:14px;color:#222;max-height:40px;display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.subscribe_list .info__tx--subinfo{height:20px}
.subscribe_list .info__tx--subinfo ul { display: flex; overflow: hidden; } 
.subscribe_list .info__tx--subinfo ul li { position:relative; flex:0 0 auto; font-size: 12px; color:#888; line-height: 16px; margin-top:4px; } 
.subscribe_list .info__tx--subinfo ul li + li { margin-left:6px; padding-left:6px; } 
.subscribe_list .info__tx--subinfo ul li + li:before { content:""; width: 1px; height:10px; background-color: #ddd; position:absolute; top:50%; left:0; margin-top:-5px; } 
.subscribe_list .info__tx--subinfo ul li.tx_review .comm__sprite { display: inline-block; vertical-align: -3px; width: 16px; height: 16px; background-position: -75px -454px; } 
.subscribe_list .info__tx--subinfo ul li.tx_review em { color:#444; margin-right: 4px; } 
.subscribe_list .info__tx--price{line-height:22px;margin-top:4px;font-size:12px;color:#000}
.subscribe_list .info__tx--price > em{font-size:16px;font-weight:bold;}
.subscribe_list .info__tx--price > em.price--text{font-size:14px;}
.subscribe_list .info__tx--discount{color:#fa5a5a;margin-left:6px}
.subscribe_list .info__tx--discount > em{font-size:13px;font-weight:bold}
.subscribe_list .info__tx--discount:before{content:""; display: inline-block; border-left:4px solid transparent; border-right: 4px solid transparent; vertical-align: 1px; border-top: 6px solid;} 
.subscribe_list .info__tx--discount.increase{color:#aaa}
.subscribe_list .info__tx--discount.increase:before{border-bottom: 6px solid;border-top:0}
.subscribe_list .info__btn--graph{font-size:13px;color:#666;line-height:18px;height:28px;border:0;}
.subscribe_list .info__btn--graph:after{content: "";display: inline-block;width: 12px;height: 12px;background-image: var(--url-comm-sprite);background-repeat: no-repeat;background-size: var(--size-comm-sprite);background-position: -343px -183px;margin-left: 4px;transition: all .4s;vertical-align:0}
.subscribe_list .info__btn--graph.expand:after{transform:rotate(180deg);transform-origin:center center}
.subscribe_list .info_foot{text-align:right}
.subscribe_list .info__btn--alarm{font-size:11px;line-height:16px;color:#222;padding:3px 7px;border:1px solid rgba(0,0,0,.6);border-radius:2px;margin-top:2px}
.subscribe_list .info__btn--alarm.on:before{content:"";display:inline-block;width: 9px;height: 5px;transform: rotate(-45deg);border-left: 1px solid #222;border-bottom: 1px solid #222;vertical-align: 3px;margin-right:4px}
.subscribe_list .info__btn--alarm.on:after{content:" 완료"}
.subscribe_list .item_option{padding:0 16px 8px}
.subscribe_list .item_option__btn{display:flex;flex-wrap:nowrap;justify-content: space-between;background-color:#f8f8f8;line-height:16px;padding:8px;font-size:11px;width:100%}
.subscribe_list .item_option--rank{width:26px;height:16px;line-height:14px;color:#3588f3;border:1px solid #3588f3;text-align:center;background-color:#fff}
.subscribe_list .item_option--condition{margin-left:8px;flex:none;color:#666;text-align:left}
.subscribe_list .item_option--price{margin-left:8px;flex:auto;color:#222;text-align:left}
.subscribe_list .item_option--price em{font-weight:bold;font-size:13px}
.subscribe_list .item_option--another{flex:none;margin-left:15px;color:#3588f3;width:88px;text-align:right}
.subscribe_list .item_option--another:after{content:"";display: inline-block;width: 10px;height: 10px;background-image: var(--url-comm-sprite);background-repeat: no-repeat;background-size: var(--size-comm-sprite);background-position: -341px -21px;margin-left: 4px;vertical-align:-1px}

/* 썸네일 > 최저가 하락 태그 */
.subscribe_list .item_body .badge_pricedropped{position:absolute;top:16px;left:0;z-index:1}
.badge_pricedropped:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:0 4px 4px 0;background-color:#1a70dd;z-index:1;    transform: skew(-10deg);transform-origin: top right;}
.badge_pricedropped__inner{position: relative;display:block;z-index:2;color:#fff;line-height:20px;padding:2px 10px;font-size:16px;}
.badge_pricedropped__inner em {font-weight:bold}
.badge_pricedropped__inner:before{content:"";display:inline-block;width:16px;height:16px;background:var(--url-comm-sprite) no-repeat -180px -275px / var(--size-comm-sprite);vertical-align:-2px;margin-right:2px}
.mode--edit .badge_pricedropped{display:none}

.pgraph__head{margin-top:-10px}
.pgraph__tab{border-bottom:1px solid #eee;padding:0 16px;}
.pgraph__list{display:flex;}
.pgraph__item{flex:0 auto;line-height:16px;padding:12px 8px;color:#999;}
.pgraph__item a{display:block;font-size:13px;color:inherit;position: relative;}
.pgraph__list .pgraph__item:first-child{padding-left:0}
.pgraph__list .pgraph__item.is--on{color:#222}
.pgraph__list .pgraph__item.is--on a:after{content:"";position:absolute;left:0;right:0;bottom:-13px;border-bottom:1px solid #222;z-index:1}
.pgraph__btn--cate{line-height:20px;padding:4px 0;font-size:11px;color:#888;}
.pgraph__btn--cate em{color:#222;}
.pgraph__btn--cate:after{content:"";display: inline-block;width: 12px;height: 12px;background-image: var(--url-comm-sprite);background-repeat: no-repeat;background-size: var(--size-comm-sprite);background-position: -343px -183px;margin-left: 4px;vertical-align: 0;transform:rotate(-90deg);transform-origin:center center;}

.subscribe_list .item_bottom { display: none;  background-color: #fff; } 
.subscribe_list .pgraph__body { margin-top:12px; padding:0 16px 8px}  
.subscribe_list .pgraph__body .info_chart { position:relative; width:100%; padding-top:31.712%; } 
.subscribe_list .pgraph__body .info_chart .chart_area { position:absolute; top:0; left:0; width:100%; height:100%; } 

/* 큰 차트 내 디자인 - 큰차트 삭제하게되면 삭제 */
.subscribe_list .pgraph__body .info_chart .tx_zzimData { position:relative; color : #3588f3; } 
.subscribe_list .pgraph__body .info_chart .tx_zzimData .data_symbol { vertical-align: -4px; margin-right: 2px; } 
.subscribe_list .pgraph__body .info_chart .tx_zzimData .data_name { } 
.subscribe_list .pgraph__body .info_chart .tx_zzimData .data_name:before { content:""; display: inline-block; vertical-align: -4px; margin-right: 3px; width: 16px; height: 16px; background: url("//img.enuri.info/images/mobile_v2/icon_zzim_symbol.svg"); } 
.subscribe_list .pgraph__body .info_chart .chart_tooltip_style { position:relative; padding:8px; background-color:#f8f8f8; border:1px solid #3588f3; border-radius:2px; } 

/* ---------------------------------------------------------
 @레이어__최저가,재입고,출시 알림
--------------------------------------------------------- */
.com__layer_type2.layer__alarm_lowestPrice .lay_body .layer_inner_text .add_noti,
.com__layer_type2.layer__alarm_restock .lay_body .layer_inner_text .add_noti,
.com__layer_type2.layer__alarm_release .lay_body .layer_inner_text .add_noti { position:relative; padding-left:22px; font-size: 12px; color:#999; margin-top: 6px; } 
.com__layer_type2.layer__alarm_lowestPrice .lay_body .layer_inner_text .add_noti:before,
.com__layer_type2.layer__alarm_restock .lay_body .layer_inner_text .add_noti:before,
.com__layer_type2.layer__alarm_release .lay_body .layer_inner_text .add_noti:before { content:""; display: block; width: 20px; height: 20px; background-image: url("//img.enuri.info/images/mobile_v2/common_sprite.png"); background-repeat: no-repeat; background-size: 360px; background-position: -155px -325px; position:absolute; top:0; left:0; } 

/* ----------------------------------------------------------- 
가격구독 탭 
----------------------------------------------------------- */
.my-favorits{padding-top:57px}

.subscribe-tab{height:44px;border-bottom:1px solid #ddd;background-color:#fff;letter-spacing:-.3px}
.subscribe-tab__list{display:flex;}
.subscribe-tab__item{line-height:20px;flex:1}
.subscribe-tab__item > a{position:relative;display:block;text-align:center;font-size:14px;color:#999;padding:12px 0;letter-spacing:-.5px}
.subscribe-tab__item > a:after{content:"";position:absolute;left:0;right:0;bottom:-1px;border-bottom:2px solid #ddd;transition:.3s all ease;transform:scale(0,1);transform-origin:center center}
.subscribe-tab__item.is--on > a{font-weight:bold;color:#3588f3}
.subscribe-tab__item.is--on > a:after{transform:scale(1,1);border-color:#3588f3}

.subscribe-cont{margin-top:5px;background-color:#fff;min-height:calc(100vh - 190px)}
/* 구독상품 없을때 */
.subscribe-cont__unsubscribed{letter-spacing:-1px}
.nodata-banner{background-color:#eef6fe;padding:30px;text-align:center}
.nodata-banner h3{line-height:25px;font-size:18px;font-weight:bold;color:#3588f3}
.nodata__tx--sub{line-height:18px;font-size:13px;color:#333}
.nodata__banner{margin-top:14px;}
.nodata__banner img{width:100%;max-width:320px;}

.nodata__head{position: relative;}
.nodata__head h3{padding:16px;font-size:16px;line-height:22px;color:#222;font-weight:bold;text-align:left}
.nodata__btn--all{line-height:22px;font-size:12px;color:#666;}
.nodata__btn--all:after{content:"";display:inline-block;width:12px;height:12px;background-image:var(--url-comm-sprite);background-size:var(--size-comm-sprite);background-repeat:no-repeat;background-position:-326px -401px;opacity:.5;vertical-align:-1px}
.nodata__head .nodata__btn--all{position:absolute;top:16px;right:16px}

/* 구독상품 */
.subscribe-cate{background-color:#fbfbfb;border-bottom:1px solid #ddd;letter-spacing:-.5px;margin-top:-5px}
.subscribe-cate__list{padding: 0 16px;display:flex;flex-wrap:nowrap;overflow-x:scroll;height:44px}
.subscribe-cate__item{line-height:18px;color:#444;margin-left:16px;position: relative;flex:none;font-size:13px;}
.subscribe-cate__item a{padding:14px 0 12px;display:block;white-space:nowrap}
.subscribe-cate__item:nth-of-type(1){margin-left:0}
.subscribe-cate__item:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:2px solid #3588f3;transition:.3s all ease;transform:scale(0,1);transform:center center}
.subscribe-cate__item.is--on:after{transform:scale(1,1)}
.subscribe-cont__list{border-top:5px solid #f4f4f4}

.subscribe_top{padding:16px 16px 0;height:46px}
.subscribe_top button[class^=subscribe__btn]{line-height:20px;padding:4px 12px;border:1px solid #ddd;font-size:13px;color:#333;border-radius:4px;background-color:#fff;box-sizing:border-box}
.subscribe_top button.subscribe__btn--edit{float:right}
.subscribe_top button.subscribe__btn--sort{position:relative;display:inline-block;line-height:20px;padding:4px 8px 4px 20px;border:1px solid rgba(255,255,255,0);font-size:13px;color:#333;border-radius:4px;appearance:none;background-color:#fff;box-sizing:border-box}
.subscribe_top button.subscribe__btn--sort:before{content:"";width: 16px;height: 16px;background-image: var(--url-comm-sprite);background-repeat: no-repeat;background-size: var(--size-comm-sprite);background-position:0 -502px;position: absolute;top:50%;margin-top:-8px;left:0}

.subscribe_edit{display:none;text-align:left}
.mode--edit .subscribe_edit{display:block;text-align:right}
.mode--edit .subscribe_sort{display:none}
.mode--edit .btn__zzim{display:none}
.mode--edit .subscribe_list .info__tx--name{padding-right:30px}
.mode--edit .subscribe_list .info__tx--link{pointer-events:none;}
.mode--edit .subscribe_list .subscribe__checkbox,
.mode--edit .subscribe_list .subscribe__btn--delete{display:block}

.subscribe_list .subscribe__checkbox{display:none;position:absolute;top:16px;left:16px;width:20px;height:20px;background-image:var(--url-comm-sprite);background-size:var(--size-comm-sprite);background-position:-305px -350px;z-index:10}
.subscribe_list .subscribe__checkbox input{visibility:hidden;}
.subscribe_list .subscribe__checkbox.is--checked{background-position:-330px -350px}
.subscribe_list .subscribe__btn--delete{display:none;position:absolute;top:16px;right:16px;width:20px;height:20px;background-image:var(--url-comm-sprite);background-size:var(--size-comm-sprite);background-position:-120px -235px;text-indent:-9999em;z-index:10}

/* 최근 본 상품 */
.recent-nodata{padding:20px 0;line-height:22px;font-size:14px;color:#999;text-align:center;background-color:#fff;font-weight:bold}
.recent-nodata i{width:75px;height:75px;display:block;margin:0 auto 8px;background-image:var(--url-comm-sprite);background-size:var(--size-comm-sprite);background-position:0 -55px}
.tab-recent .nodata-cont{border-top:5px solid #f4f4f4}
.recent__tx--count{display:inline-block;line-height:22px;padding:4px 0;color:#222;font-size:14px;font-weight:bold}
.recent__tx--count em{color:#3588f3}
.tab-recent .info__tx--name{padding-right:30px}
.subscribe_list .btn__zzim{position: absolute;top:16px;right:16px;width: 24px;height: 24px;text-indent: -9999em;z-index: 1;font-size: 0;}

/* 브랜드스토어 */
.subscribe-cont__nodata{text-align:center;padding-bottom:20px}
.brandstore-nodata{padding:20px 0 12px;line-height:22px;font-size:14px;color:#999;text-align:center;background-color:#fff;font-weight:bold}
.brandstore-nodata i{width:75px;height:75px;display:block;margin:0 auto 8px;background-image:var(--url-comm-sprite);background-size:var(--size-comm-sprite);background-position:0 -55px}
.brandstore__btn--move{display:inline-block;padding:6px 12px;font-size:12px;color:#222;border:1px solid #ddd;background-color:#f6f6f6;border-radius:4px;letter-spacing:-.5px}
.tab-brandstore .subscribe_sort{height:30px;}
.subscribe_list.type--brandstore .item_body .info__img{width:48px}
.subscribe_list.type--brandstore .item_body .info__img .img__wrap{border-radius: 50%;}
.subscribe_list.type--brandstore .item_body .info__tx{width:calc(100% - 60px)}
.subscribe_list.type--brandstore .info__tx--name{line-height:19px;overflow:hidden;font-size:15px;color:#222;font-weight:bold}
.subscribe_list.type--brandstore .info__tx--sub{line-height:16px;overflow:hidden;font-size:13px;color:#555;margin-top:4px;height:16px;white-space: nowrap;text-overflow:ellipsis;}
.subscribe_list.type--brandstore .info__tx--location{line-height:16px;overflow:hidden;font-size:12px;color:#999;margin-top:8px;white-space: nowrap;text-overflow:ellipsis;}

/* PlaceHolder */
.subscribe_list.mode--loader{position:relative;z-index:100}
.subscribe_list.mode--loader > ul{position:absolute;padding-top:46px;top:5px;left:0;right:0;z-index:10}
.subscribe_list.mode--loader > ul > li:before{content:"";background:rgba(255,255,255,.8);width:20px;position:absolute;top:0;left:0;bottom:0;box-shadow:0 0 30px rgba(255,255,255,1);animation:subscribeLoader 1.2s linear 0s infinite;z-index:10;}
.subscribe_list.mode--loader li{padding:16px 16px 14px;display:flex;border-top: 1px solid #eee;}
.subscribe_list.mode--loader li:first-child{border-top:0}
.subscribe_list.mode--loader [class^=loader]{background-color:rgba(0,0,0,.03)}
.subscribe_list.mode--loader .loader-obj1{width:110px;height:110px;flex:none}
.subscribe_list.mode--loader .loader-obj2{height:40px;width:80%;max-width:200px}
.subscribe_list.mode--loader .loader-obj3{margin-top:8px;max-width:200px;height:24px;}
.subscribe_list.mode--loader .loader-obj4{margin-top:8px;width:60%;max-width:200px;height:30px}
.subscribe_list.mode--loader .obj__group{width:100%;margin-left:12px;position:relative;display:flex;flex-direction:column}
@keyframes subscribeLoader {
    0% { left:0;opacity:.7}
    100% { left:100%;opacity:0} 
}

/* 쇼핑베스트 - 상품리스트 개선 */
.shop-best__list{padding:0 16px 16px;text-align:left}
.shop-best__list ul{display:flex;flex-wrap:wrap;gap:24px 12px;position: relative;}
.shop-best__item{width:calc(50% - 6px);position: relative;}
.shop-best__link{width:100%;position: relative;display:block}
.shop-best__thumb{height:0;padding-top:100%;position: relative;border-radius:4px;overflow:hidden}
.shop-best__thumb img{width:100%;height:100%;position: absolute;top:0;left:0;z-index:1}
.shop-best__thumb:before{content:"";position: absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;border:1px solid #eee;background-color:rgba(0, 0, 0, 0.02);z-index:2}
.shop-best__thumb .badge_pricedropped{z-index:1;position:absolute;top:0;left:0;height:24px;overflow:hidden;z-index:3}
.shop-best__thumb .badge_pricedropped:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:0 4px 4px 0;background-color:#1a70dd;z-index:1;    transform: skew(-10deg);transform-origin: top right;}
.shop-best__thumb .badge_pricedropped__inner{position: relative;display:block;z-index:2;color:#fff;line-height:20px;padding:2px 10px;font-size:16px;}
.shop-best__thumb .badge_pricedropped__inner em {font-weight:bold}
.shop-best__thumb .badge_pricedropped__inner:before{content:"";display:inline-block;width:16px;height:16px;background:var(--comm-sprite2) no-repeat -56px -24px / var(--mobile--sprite-size);vertical-align:-2px;margin-right:2px}
.shop-best__tag--rank{width:24px;height:24px;border-radius:4px;line-height:24px;position: absolute;top:5px;left:5px;z-index:4;text-align:center;color:#fff;font-size:12px;font-weight:600}
.shop-best__list .shop-best__item:nth-child(-n+4) .shop-best__tag--rank{background:rgba(103, 85, 255, 0.9)}
.shop-best__list .shop-best__item:nth-child(n+4) .shop-best__tag--rank{background:rgba(0,0,0,0.7);}
.shop-best__info{padding:8px 0;display:flex;gap:8px 0;flex-direction: column;} 
.shop-best__name{height:36px;line-height:18px;font-size:14px;color:#444;overflow:hidden;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all;}
.shop-best__name > div{display:inline}
.shop-best__tx--shop{font-weight:bold;color:#222;}
.shop-best__price{display:flex;flex-direction: column;gap:2px 0;line-height:22px;font-size:14px;color:#222}
.shop-best__price em{font-size:16px;font-weight:bold}
.shop-best__price b{font-weight:bold;font-size:13px}
.shop-best__tx--wowprice{color:#1a70dd}
.shop-best__etc{display:flex;height:16px;align-items:center;flex-wrap:nowrap;gap:0 17px}
.shop-best__etc i{font-style:normal}
.shop-best__etc > div{line-height:16px;font-size:12px;color:#666;flex:none;white-space: nowrap;position: relative;display:flex;align-items:center;gap:0 4px}
.shop-best__etc > div:not(:first-child):before{content:"";top:2px;left:-8px;height:11px;border-left:1px solid #d9d9d9;position:absolute;}
.shop-best__etc .shop-best__rating--star em{font-weight:700;color:#444;font-size:15px}
.shop-best__etc .shop-best__rating--star:before{content:"\2605";color:#FFA112;}
.shop-best__etc .tx--count{color:#888}
.shop-best__etc .ico-rocket{width:48px;height:12px;background: var(--url-best-sprite) no-repeat -150px -180px / var(--size-best-sprite);text-indent:-9999em}
.shop-best__etc .ico-quick{width:62px;height:16px;background: var(--url-best-sprite) no-repeat -210px -180px / var(--size-best-sprite);text-indent:-9999em}
.shop-best__trend{height:20px;box-sizing:border-box;padding:2px 0}
.shop-best__btn--trend{vertical-align:top;height:16px;line-height:16px;display:flex;font-size:13px;color:#444;align-items:center;gap:0 4px}
.shop-best__btn--trend:before{content:"";display:inline-block;width:16px;height:16px;background:var(--comm-sprite2) no-repeat -80px -24px / var(--mobile--sprite-size)}
.shop-best__btn--trend:after{content:"";display:inline-block;width:12px;height:12px;background:var(--comm-sprite2) no-repeat -156px -328px / var(--mobile--sprite-size)}

/* --------------------------------------------------------------------
		구매옵션 > 바텀시트
        LP.CSS에서 가져옴
-------------------------------------------------------------------- */
/* 공통-시트 기본값 */
.eff_bottomSheet {position:fixed; bottom:0; left:0; width:100%; transition:all .5s; z-index: 150; overflow:hidden; transform:translateY(100%); background-color: #fff; border-radius: 16px 16px 0 0; letter-spacing: -1px;}
.eff_bottomSheet * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.eff_bottomSheet.active {transform: translate(0)!important;}
.eff_bottomSheet .bs_head {display:block; height:52px;padding:0 20px;text-align: center; border-bottom:1px solid #eee;}
.eff_bottomSheet .bs_head:after {content:"";display:table;clear:both;}
.eff_bottomSheet .bs_head_tit {display:block;padding:12px 0 10px;font-size:16px;color:#000;letter-spacing:-.6px;line-height:30px;}
.eff_bottomSheet .bs_head_close {position:absolute;top:16px;right:16px;width:20px;height:20px;font-size:0;text-indent:-9999px;background:url("//img.enuri.info/images/mobile_v2/common_sprite.png") -120px -235px no-repeat;background-size:360px;}
.eff_bottomSheet .bs_cont {height:100%; max-height:calc(80vh - 52px); -webkit-overflow-scrolling:touch; overflow: auto;}
.eff_bottomSheet .bs_colName {background: #f9f9f9;padding: 7px 44px 7px 16px; line-height: 18px;display: flex; justify-content: space-between; position: sticky; top: 0; left: 0; z-index: 1; border-bottom:1px solid #eee; }
.eff_bottomSheet .bs_colName span {flex: 0 0 auto; width: 33.333333%; color: #888888; font-size: 12px; }
.eff_bottomSheet .bs_colName span.colName_opt {max-width:110px; text-align: left; padding-left:20px; }
.eff_bottomSheet .bs_colName span.colName_pricePer { text-align: center; }
.eff_bottomSheet .bs_colName span.colName_lowest_price { max-width:100px; text-align: right;}
.eff_bottomSheet .bs_colList {height:100%; min-height: 275px; overflow: auto;}
.eff_bottomSheet .bs_colList ul {padding:0 12px 20px;}
.eff_bottomSheet .bs_colList ul li {position: relative; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #eee; height:51px;}
.eff_bottomSheet .bs_colList ul li a {position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: calc(100% - 28px); padding: 8px 0;}
.eff_bottomSheet .bs_colList ul li a > span {flex:0 0 auto; width:33.333333%; padding:0 4px;}
.eff_bottomSheet .bs_colList ul li a > span.tx_name { max-width:110px; position: relative; font-size: 11px; color: #222; line-height: 16px; }
.eff_bottomSheet .bs_colList ul li a > span.tx_name .label_rank { display:inline-block; font-size: 10px; color:#01c0c7; min-width: 24px; text-align: center; line-height: 14px; letter-spacing: 0; background-color: #f8fffc; border:1px solid #9de5e8; border-radius: 1px; margin-left:4px; }
.eff_bottomSheet .bs_colList ul li a > span.tx_name.label_fixed .label_rank { position: absolute; bottom: 0; right: 0;}
.eff_bottomSheet .bs_colList ul li a > span.tx_name.label_fixed .label_rank:after { content: "..."; display:block; width: 12px; position: absolute; right: calc(100% + 1px); top: 0; padding: 0 2px; font-size: 13px; background-color: #fff; color: #ddd; line-height: 16px;}
.eff_bottomSheet .bs_colList ul li a > span.tx_pricePer { font-size: 11px; color:#888; text-align: center;}
.eff_bottomSheet .bs_colList ul li a > span.tx_pricePer.bs_lowest_pricePer {color: #3588f3;}
.eff_bottomSheet .bs_colList ul li a > span.tx_price { max-width: 100px; font-size: 12px; font-weight: 500; text-align: right; color:#000;}
.eff_bottomSheet .bs_colList ul li a > span.tx_price em {display: inline-block; vertical-align: -1px; font-size: 13px;}
.eff_bottomSheet .bs_colList ul li a > span.tx_price.bs_lowest_price {color: #3588f3;}
.eff_bottomSheet .bs_colList ul li .btn__zzim { width:28px; height:100%; }
.eff_bottomSheet .bs_colList ul li .btn__zzim:after { width:20px; height:20px; margin-left:auto; margin-right:0; }
.eff_bottomSheet.sheet__autoHeight {height:auto; max-height: 80vh;}