/* who307 250915 */
.fnb__container { padding: 3.2rem 2rem 12.5rem 2rem; background-color: var(--secondary-grey); } 
.fnb-info__title { font-size: 1.6rem; font-weight: 700; display: inline-flex; gap: .5rem; align-items: center; } 
.fnb-info__arrow { background-image: url(//cdn.malltail.com/goods_img/contents/index/fnb_arrow_M.svg); width:1.6rem; height:1.6rem; background-size: contain; } 
.fnb-info__title--active .fnb-info__arrow { transform: scaleY(-1); } 
.fnb-info__title--active ~ .fnb-info__box { display: block; } 
.fnb-info__box { display: none; margin-top: 1rem; color: #888; font-size: 12px; font-weight: 500; padding-bottom: 1.6rem; } 
.fnb-info__separator { color: #ccc; padding: 0 2px; } 
.fnb-shortcut { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1.7rem; margin-top: 1rem; } 
.fnb-shortcut__item { font-size: 1.2rem; font-weight: 500; color: #888; position: relative; } 
.fnb-shortcut__item:not(:last-of-type)::after { content: ""; width: 1px; height: 8px; background-color: #ccc; position: absolute; right: -.8rem; top: 50%; transform: translateY(-50%); } 
.fnb-center { margin-top: 1rem; } 
.fnb-center__title { font-size: 1.6rem; font-weight: 500; } 
.fnb-center__grid { display: grid; grid-template-columns: 13.6rem 12rem; justify-content: space-between; margin-top: 1rem; } 
.fnb-center__workday { display: flex; gap: 0 .5rem; flex-wrap: wrap; width: 13.6rem; color: #888; font-size: 1.3rem; } 
.fnb-center__buttons { display: flex; flex-direction: column; gap: .4rem; } 
.fnb-center__button { width: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #E0E0E0; border-radius: .8rem; height: 2.8rem; padding: 0 1.6rem; font-size: 1.2rem; background-color: #fff; } 

.fnb-sns { margin-top: 3.3rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .8rem; } 
.fnb-sns__list { display: flex; gap: .8rem; } 
.fnb-sns__app { display: flex; gap: .8rem; align-items: center; } 
.fnb-sns__button { width: 3.6rem; height: 3.6rem; border-radius: 100%; border: 1px solid #E0E0E0; display: flex; align-items: center; justify-content: center; background-color: #fff; } 


.bottom-nav { position: fixed; bottom:0; left:0; width: 100%; z-index: 998; transition: bottom .35s; } 
.bottom-nav__container { box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.05); border-radius: 1.6rem 1.6rem 0 0; padding: 1rem 2.8rem 2.5rem; display: flex; align-items: center; justify-content: space-around; background-color: #fff; } 
.bottom-nav__item { display: flex; flex-direction: column; gap: .4rem; width: 4.8rem; height: 4.8rem; align-items: center; justify-content: center; } 
.bottom-nav__name { font-size: 1rem; font-weight: 600; color: #999; } 
.nav-shipping-icon { width:2.4rem; height:2.4rem; background-image: url(//cdn.malltail.com/goods_img/contents/index/nav_shipping_icon_D.svg); background-size: contain; background-repeat: no-repeat; background-position: center; } 
.nav-buying-icon { width:2.4rem; height:2.4rem; background-image: url(//cdn.malltail.com/goods_img/contents/index/nav_buying_icon_D.svg); background-size: contain; background-repeat: no-repeat; background-position: center; } 
.nav-home-icon { width:2.4rem; height:2.4rem; background-image: url(//cdn.malltail.com/goods_img/contents/index/nav_home_icon_D.svg); background-size: contain; background-repeat: no-repeat; background-position: center; } 
.nav-search-icon { width:2.4rem; height:2.4rem; background-image: url(//cdn.malltail.com/goods_img/contents/index/nav_search_icon_D.svg); background-size: contain; background-repeat: no-repeat; background-position: center; } 
.nav-mypage-icon { width:2.4rem; height:2.4rem; background-image: url(//cdn.malltail.com/goods_img/contents/index/nav_mypage_icon_D.svg); background-size: contain; background-repeat: no-repeat; background-position: center; } 

.bottom-nav__item--active .nav-shipping-icon { background-image: url(//cdn.malltail.com/goods_img/contents/index/nav_shipping_icon_active_D.svg); } 
.bottom-nav__item--active .nav-buying-icon { background-image: url(//cdn.malltail.com/goods_img/contents/index/nav_buying_icon_active_D.svg) } 
.bottom-nav__item--active .nav-home-icon { background-image: url(//cdn.malltail.com/goods_img/contents/index/nav_home_icon_active_D.svg); } 
.bottom-nav__item--active .nav-search-icon { background-image: url(//cdn.malltail.com/goods_img/contents/index/nav_search_icon_active_D.svg); } 
.bottom-nav__item--active .nav-mypage-icon { background-image: url(//cdn.malltail.com/goods_img/contents/index/nav_mypage_icon_active_D.svg); } 

.realtime-layer { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; background-color: #00000040; display: none; justify-content: center; align-items: flex-end; } 
.realtime-layer--show { display: flex; } 
.realtime-layer__container { display: flex; padding: 3.2rem 2rem; flex-direction: column; gap: 2.4rem; background-color: var(--secondary-grey); border-radius: 2.4rem 2.4rem 0 0; flex: 1 0 0; line-height: 1.4; position: relative; } 
.realtime-layer__icon { width: 4rem; height: 4rem; background-image: url(//cdn.malltail.com/goods_img/contents/index/realtime_rank_icon_lg_M.svg); background-size: contain; background-repeat: no-repeat; position: absolute; top: -2rem; left: 2rem; z-index: 1; } 
.realtime-layer__close { display:none; width: 3.2rem; height: 3.2rem; background-image: url(//cdn.malltail.com/goods_img/contents/index/layer_close_D.svg); background-size: contain; background-repeat: no-repeat; position: absolute; top: 2.8rem; right: 2rem; z-index: 1; } 

.realtime-layer__header .form-field__input { border: none; outline: none; padding-right: 6.8rem; font-weight: 400; } 
.realtime-layer__header .form-field__search-del { right: 3.4rem; } 
.realtime-layer__header .form-field__search { right:.2rem; } 
.realtime-layer__body { overflow: auto; max-height: calc(100vh - 36rem); display: flex; flex-direction: column; gap: 2.4rem; } 

.recent-search__title-box { display: flex; align-items: center; justify-content: space-between; height: 4.8rem; } 
.recent-search__title { font-size: 2.2rem; color: var(--primary-red); font-weight: 700; line-height: 1.25; } 
.recent-search__delete-all { color: #999; font-size: 1.2rem; font-weight: 500; } 
.recent-search__empty { text-align: center; display: none; } 
.recent-search__empty-title { font-size: 1.8rem; font-weight: 600; } 
.recent-search__empty-desc { margin-top: .8rem; color: #888; padding-bottom: .9rem; } 

.recent-search__list { display: flex; flex-wrap: wrap; gap: .4rem; } 
.recent-search__item { border-radius: 99px; padding: 0 1.2rem; border: 1px solid #eee; background-color: #fff; height: 2.9rem; display: inline-flex; align-items: center; gap: .2rem; font-size: 1.2rem; font-weight: 500; color: #333; line-height: 1; } 
.recent-search__delete { width: 1.6rem; height: 1.7rem; background-image: url(https://cdn.malltail.com/goods_img/contents/index/search_keyword_del_M.svg); background-repeat: no-repeat; } 

.search-keyword { position: relative; } 
.search-keyword__tabs { display: flex; align-items: center; gap: 1.3rem 1.6rem; flex-wrap: wrap; height: 4.8rem; } 
.search-keyword__tab { font-size: 2.2rem; color: #999; font-weight: 700; line-height: 1.25; position: relative; } 
.search-keyword__tab:last-of-type::after { content: ""; width: 1px; height: 2rem; background-color: #ccc; position: absolute; left: -.8rem; top: 50%; transform: translateY(-50%); } 
.search-keyword__tab--active { color: var(--primary-red); } 
.search-keyword__date { color: #999; font-size: 1.2rem; font-weight: 500; text-align: right; } 
.search-keyword__content[data-section="realtime"] { display: none; } 
.search-keyword__list { padding: .4rem 1.6rem; margin-top: .8rem; border-radius: 1.6rem; background-color: #fff; } 
.search-keyword__item { padding: 1.6rem 0 1.6rem .8rem; display: flex; align-items: flex-start; gap: 1.6rem; } 
.search-keyword__item:not(:last-of-type) { border-bottom: 1px solid #eee; } 
.search-keyword__num { font-weight: 700; color: var(--primary-red); } 
.search-keyword__subject { font-size: 1.6rem; font-weight: 500; line-height: 1.5; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-break: break-word; -webkit-line-clamp: 2; } 

.realtime-layer--main .realtime-layer__container { padding-top:2rem; } 
.realtime-layer--main .realtime-layer__close { display: block; } 
.realtime-layer--main .realtime-layer__header { display: none; } 
.realtime-layer--main .search-keyword__date { position: absolute; top: 1.6rem; left: 13.2rem; } 
.realtime-layer--main .recent-search { display: none; } 
.realtime-layer--main .search-keyword__tab[data-tab-name='popular'] { display:none; } 
.realtime-layer--main .search-keyword__tab[data-tab-name='realtime'] { color: var(--primary-red); } 
.realtime-layer--main .search-keyword__content[data-section="popular"] { display:none!important; } 
.realtime-layer--main .search-keyword__content[data-section="realtime"] { display: block!important; } 
.realtime-layer--main .search-keyword__list { margin-top:.3rem; } 

@media (width <= 360px ) 
 {
 .realtime-layer--main .search-keyword__date { display: none; } 
 }
/* who307 250915 */