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

/* 탑배너 */
.top_banner{background: #DBEEFA; }
.top_banner .container{width: 100%; padding: 60px 24px 20px; display: flex;flex-direction: column; gap: 16px;}
.top_banner .container .text_wrap{display: flex; flex-direction: column;  align-items: center;}
.top_banner .container .text_wrap strong{font: var(--title-title6-b); letter-spacing: var(--ls-title-title6-b); text-align: center;}
.top_banner .container .text_wrap h1{font: var(--title-title4-b); letter-spacing: var(--ls-title-title4-b); text-align: center;}
.top_banner .container .text_wrap .sch_form{max-width: 400px; width: 100%;}
.top_banner .container .img_wrap{width: 190px; align-self: flex-end;}
.top_banner .container .img_wrap img{width: 100%;}

.top_banner .container .btn_estimation{margin-top: 20px;}

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

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

.select_filter{display: flex; padding: 16px 8px; 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: 34px 24px; display: flex; flex-direction: column; gap: 12px;}

/* 배너 */
.banner_wrap{ grid-column: 1 / 3;  position: relative; border-radius: 12px; overflow: hidden;margin: 66px 0 66px -8px; width: calc(100% + 16px);;}
@media(min-width:522px){
    .banner_wrap{grid-column: 1 / 4;}
}
@media(min-width:672px){
    .banner_wrap{grid-column: 1 / 5;}
}
.banner{width: 100%; display: flex; flex-direction: column; align-items: center;background: #DBEEFA; padding: 24px;}
.banner .banner_container{width: 100%; flex-direction: column; align-items: center; height: 100%; display: flex;  z-index: 1; gap: 8px;}
.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;}