/* 탑배너 */
.top_banner{background: #F7E0FD; height: 299px;;}
.top_banner .container{width: 100%; max-width: 1060px; 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; gap: 28px; width: 400px;;}
.top_banner .container .text_wrap h1{font: var(--title-title2-b); letter-spacing: var(--ls-title-title2-b);}
.top_banner .container .img_wrap img{width: 380px;}

/* 카테고리 */
.category{border-bottom: 1px solid var(--neutral-80, #E2E8EF);}
.category .container{padding: 32px 0; width: 100%; max-width: 1240px; display: flex; justify-content: center;}
.category .container ul{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px 32px; max-width: 816px;}
.category .container li{flex-basis: 0; flex-shrink: 0;}
.category .container a{display: flex; flex-direction: column; gap: 12px; font: var(--label-label3-b); align-items: center;}
.category .container img{width: 74px; height: 74px; border-radius: 16px; background: var(--neutral-20, #F8FAFC);}

.product .container{padding: 32px 0; display: flex; flex-direction: column; max-width: 1240px; width: 100%;}
.product section{display: flex; flex-direction: column; gap: 18px; padding: 34px 0;;}
.product section h2{padding: 0 92px; font: var(--title-title4-b); letter-spacing: var(--ls-title-title4-b); display: flex; justify-content: space-between; align-items: flex-end;}
.product section .swiper-outer{width: 100%; padding: 0 82px; display: flex; gap: 12px;}
.product section .swiper{width: 100%;}