.gallery-wrapper{flex-direction:column}.mp3-materials{margin:0 auto;max-width:1200px;padding:48px 24px 0}.mp3-materials-breadcrumb{display:flex;font-size:var(--font-size-16)}.mp3-materials-breadcrumb li+li:before{color:var(--grey-color);content:"|";padding:8px}.mp3-materials-breadcrumb li a{color:var(--dark-blue-color);text-decoration:none}.mp3-materials-breadcrumb li a:hover{text-decoration:underline}.mp3-materials-title{font-size:32px;font-weight:var(--font-bold);margin-bottom:24px;margin-top:24px}.mp3-materials-list{display:flex;flex-direction:column;gap:24px}.mp3-materials-card{background-color:var(--white-color);border-radius:8px}.mp3-materials-card-checkbox{border-bottom:1px solid var(--grey-color);border-top-left-radius:8px;border-top-right-radius:8px;padding:20px 16px}.mp3-materials-card-checkbox.checked{background-color:var(--primary-color-200)}.mp3-materials-card-group{display:flex;gap:24px;padding:16px}.mp3-materials-card-content{width:100%}.mp3-materials-card-content-title{font-size:var(--font-size-32);font-weight:var(--font-bold)}.mp3-materials-card-content-time{color:var(--black-color-1);font-size:var(--font-size-16);font-weight:var(--font-regular);padding:10px 0}.mp3-materials-card-content-price{font-size:var(--font-size-20);font-weight:var(--font-regular);margin-bottom:15px}.mp3-materials-card-content-show-more{background-color:transparent;border:none;color:var(--dark-blue-color);cursor:pointer;font-size:var(--font-size-16);font-weight:var(--font-regular);outline:none}.mp3-materials-card-content-explain{display:none;flex-direction:column;font-size:var(--font-size-16);gap:15px;margin-bottom:15px;margin-top:15px}.mp3-materials-card-content-explain p{font-weight:var(--font-semibold)}.mp3-materials-card-content-explain span{font-weight:var(--font-regular)}.custom-audio{align-items:center;background-color:var(--black-color);border-radius:8px;color:#fff;display:flex;gap:12px;height:50px;margin-top:15px;padding:10px 16px;width:100%}.custom-audio-btn{align-items:center;background-color:transparent;border:none;color:var(--white-color);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.audio-pause-btn{display:none;font-size:28px}.custom-audio-progress-wrapper{border-left:1px solid var(--grey-color-6);border-right:1px solid var(--grey-color-6);padding:0 16px;width:100%}.custom-audio-progress{background:#bdbdbd;border-radius:4px;cursor:pointer;height:20px;outline:none;overflow:hidden;position:relative;width:100%}.custom-audio-progress-played{background:#fff;border-radius:4px;height:100%;left:0;position:absolute;width:0;z-index:1}.custom-audio-progress-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#bdbdbd;border-radius:4px;cursor:pointer;height:20px;outline:none;width:100%}.custom-audio-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;height:100%;width:0}.custom-audio-time{font-size:var(--font-size-14);white-space:nowrap}.mp3-materials-card-content-intro{font-size:var(--font-size-16);font-weight:var(--font-regular);margin-top:10px}.container-fixed{bottom:0;left:0;position:fixed;width:100%;z-index:1}.mp3-materials-cart{box-shadow:0 0 12px 0 rgba(0,0,0,.059);margin:0 auto;max-width:1152px}.mp3-materials-cart-group{align-items:center;display:flex;justify-content:space-between;padding:16px 20px}.mp3-materials-cart-section{display:flex;gap:32px}.mp3-materials-cart-count{font-size:var(--font-size-16);font-weight:var(--font-regular)}.mp3-materials-cart-total{align-items:center;display:flex;font-weight:var(--font-regular);gap:8px}.mp3-materials-cart-total p{font-size:var(--font-size-16)}.mp3-materials-cart-total span{color:var(--dark-blue-color);font-size:var(--font-size-20)}.btn-primary{width:143px}.mp3-cart-bar{background:#fff;border-radius:8px 8px 0 0;bottom:0;box-shadow:0 -3px 14px 0 rgba(0,0,0,.102);margin:30px auto 0;position:sticky;width:100%;z-index:100}.mp3-cart-bar,.mp3-cart-summary{display:flex;flex-direction:column}.mp3-cart-summary{gap:12px;padding:16px 20px}.mp3-cart-count{font-size:var(--font-size-16)}.mp3-cart-pay{gap:24px}.mp3-cart-pay,.mp3-cart-total{align-items:center;display:flex}.mp3-cart-total{flex:1;font-size:var(--font-size-16);gap:8px}.btn-pay{flex:1;max-width:160px}.mp3-cart-total-amount{color:var(--dark-blue-color);font-size:var(--font-size-20)}.mp3-card-check-row{align-items:center;border-bottom:1px solid var(--grey-color);display:flex;padding:16px}.mp3-materials-card.checked .mp3-materials-card-checkbox{background:var(--primary-color-200)}@media (max-width:1007px){.mp3-materials-breadcrumb{font-size:var(--font-size-14)}.mp3-materials-title{font-size:var(--font-size-24)}.mp3-materials-card-checkbox{padding:16px}}@media (width >= 48rem){.mp3-card-main{align-items:flex-start;flex-direction:row}.mp3-card-title{font-size:var(--font-size-32)}.mp3-card-desc-content{font-size:var(--font-size-20)}.mp3-cart-summary{align-items:center;flex-direction:row;justify-content:space-between}.mp3-cart-pay{flex:1;gap:32px;justify-content:end}.mp3-cart-count{flex:1}.mp3-cart-total{flex:none}}@media (max-width:480px){.mp3-materials-list{margin-bottom:150px}.mp3-materials-card-group{align-items:center;flex-direction:column}.mp3-materials-cart-group{align-items:flex-start;flex-direction:column;gap:10px}.mp3-materials-cart-section{justify-content:space-between;width:100%}}