#contents .container{width: 100%; max-width: 1240px;}

/* 탑배너 */
.top_banner{background: #DBEEFA; height: 290px;;}
.top_banner .container{min-width: 997px; height: 100%; padding: 0 80px 0 100px; display: flex; justify-content: space-between; align-items: center;}
.top_banner .container .text_wrap{display: flex; flex-direction: column; width: 400px;; align-items: flex-start;}
.top_banner .container .text_wrap strong{font: var(--title-title4-b); letter-spacing: var(--ls-title-title4-b);}
.top_banner .container .text_wrap h1{font: var(--title-title2-b); letter-spacing: var(--ls-title-title2-b);}
.top_banner .container .btn_estimation{margin-top: 20px;}
.top_banner .container .img_wrap img{width: 380px;}

/* 탭 */
.tab_wrap{border-bottom: 1px solid var(--neutral-80, #E2E8EF);}
.tab_wrap .container{padding: 32px 82px 0;}
.tab_wrap ._tab{padding: 0;}

/* 필터 */
.filter_wrap .container{padding: 32px 82px; display: flex; flex-direction: column; gap: 8px;}
.filter_wrap .filter_list{display: flex; flex-wrap: wrap; gap: 8px;}

.select_filter{display: flex; padding: 16px 24px; border-radius: 12px; background: var(--neutral-40, #F0F4F8); align-items: center; gap: 8px; justify-content: space-between;}
.select_filter .select_list{display: flex; flex-wrap: wrap; gap: 8px;}
.select_filter .select_list ._button{background: var(--brand-600, #6633EC);}

/* 상품영역 */
.product .container{padding: 66px 82px; display: flex; flex-direction: column; gap: 66px;}
.product .goods_list{display: grid; grid-template-columns: repeat(4, 1fr); gap: 68px 20px;}

/* 배너 */
.banner_wrap{ grid-column: 1 / 5; height: 84px; position: relative; border-radius: 12px; overflow: hidden; }
.banner{width: 100%; height: 84px; display: flex; flex-direction: column; align-items: center;background: #DBEEFA;}
.banner .banner_container{width: 100%; max-width: 1076px; height: 100%; padding: 0 32px; display: flex; flex-direction: row; align-items: center; justify-content: space-between;  z-index: 1;}
.banner .text_wrap{display: flex; align-items: center; gap: 12px;}
.banner .illust{width: 80px;}
.banner .text{display: flex; flex-direction: column; flex-grow: 1;}
.banner .text p{font: var(--body-body2-r); letter-spacing: var(--ls-body-body2-r);}
.banner .text strong{font: var(--title-title6-b); letter-spacing: var(--ls-title-title6-b);}
.banner.floating {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000;}