body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{background-color:var(--color-background-white);padding:15px 0;z-index:1}.header__content{box-sizing:border-box;max-width:1920px;padding:0 16px}@media screen and (min-width:744px){.header__content{padding:0 24px}}.header__content__navigation__group{align-items:center;display:flex;gap:8px}@media screen and (min-width:744px){.header__content__navigation__group{gap:35px}}@media screen and (min-width:1200px){.header__content__navigation__group{gap:47px}}.header__content__navigation__group ul{align-items:center;color:var(--color-secondary-600);display:flex;font-size:var(--font-size-xs);font-weight:700;gap:8px}@media screen and (min-width:744px){.header__content__navigation__group ul{font-size:var(--font-size-sm);gap:30px}}.header__content__link--active{color:var(--color-primary-100)}.header__content__user{align-items:center;display:flex}.header__content__user__icon{vertical-align:middle;width:40px}.btn{align-items:center;background-color:var(--color-primary-100);color:var(--color-secondary-100);cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:background-color .2s}.btn-register{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);height:42px;padding:8px 23px}.btn-return{border-radius:var(--border-radius-xl);font-size:var(--font-size-sm);height:48px;padding:11px 40px}.btn-cancel{background:#0000;color:var(--color-secondary-500)}.btn-cancel,.btn-small{font-size:var(--font-size-xs);height:48px}.btn-small{border-radius:var(--border-radius-sm);min-width:106px}.btn-large{border-radius:var(--border-radius-xl);font-size:var(--font-size-sm);height:48px;width:240px}.btn a{color:var(--color-secondary-100);text-decoration:none}.btn:disabled{background-color:var(--color-secondary-400)}.btn:not(.btn-cancel):not(:disabled):hover{background-color:var(--color-primary-200)}footer{background-color:#111827;height:160px;padding:32px 32px 30px}@media screen and (min-width:768px){.footer{padding:32px 104px 104px 108px}}.footer__content{align-items:flex-start;display:flex;justify-content:space-between;margin:0 auto;max-width:311px}@media screen and (min-width:768px){.footer__content{max-width:536px}}@media screen and (min-width:1200px){.footer__content{max-width:1120px}}.footer__content__menu{display:flex;flex-direction:column-reverse;flex-wrap:wrap;font-size:var(--font-size-xs);gap:60px;justify-content:space-between}@media screen and (min-width:768px){.footer__content__menu{flex-direction:row}}@media screen and (min-width:1200px){.footer__content__menu{gap:366.5px}}.footer__content__copyright{color:#9ca3af}.footer__content__link a{color:#e5e7eb;text-decoration:none}.footer__content__link{display:flex;gap:30px}.footer__content__sns{display:flex;gap:12px}*{box-sizing:border-box;margin:0;padding:0}button{border:none}ul{list-style:none}a{color:inherit;text-decoration:none}:root{--color-background-white:#fff;--color-background-blue:#cfe5ff;--color-background-light-blue:#e6f2ff;--color-background-bright-blue:#2f80ed;--color-primary-100:#3692ff;--color-primary-200:#1967d6;--color-primary-300:#1251aa;--color-secondary-50:#f9fafb;--color-secondary-100:#f3f4f6;--color-secondary-200:#e5e7eb;--color-secondary-400:#9ca3af;--color-secondary-500:#6b7280;--color-secondary-600:#4b5563;--color-secondary-700:#374151;--color-secondary-800:#1f2937;--color-secondary-900:#111827;--color-error:#f74747;--font-size-xxxs:12px;--font-size-xxs:14px;--font-size-xs:16px;--font-size-sm:18px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:40px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:35px;--border-radius-xl:40px}body{font-family:Pretendard Variable}a{cursor:pointer}input{background-color:var(--color-secondary-100);border:none;border-radius:12px;color:var(--color-secondary-800);font-family:Pretendard Variable;height:56px;padding:16px 20px}input,input::placeholder{font-size:var(--font-size-xs)}input::placeholder{color:var(--color-secondary-400)}input.success{outline:1px solid var(--color-primary-100)}input.error{outline:1px solid var(--color-error)}input{outline:none}label{color:var(--color-secondary-800);font-size:var(--font-size-sm);font-weight:700}.msg{color:var(--color-error);display:none;font-size:var(--font-size-xxs);font-weight:600;padding-left:16px}.msg.error{display:block}.items__container{padding:17px 16px 35px}@media screen and (min-width:744px){.items__container{padding:24px 24px 72px}}.items__container__inner{align-items:center;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:346px}@media screen and (min-width:744px){.items__container__inner{gap:40px;max-width:696px}}@media screen and (min-width:1200px){.items__container__inner{gap:40px;max-width:1200px}}.items__container__title{color:var(--color-secondary-900);flex-grow:1;font-size:var(--font-size-lg);font-weight:700}.items__container__registerBtn{order:1}.items__container__search__input{order:2}@media screen and (min-width:744px){.items__container__search__input{order:1}}.items__container__dropdown{order:3}.items__container__best__list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr;grid-template-rows:1fr}@media screen and (min-width:744px){.items__container__best__list{gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}}@media screen and (min-width:1200px){.items__container__best__list{gap:10px;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}}.items__container__best__header{margin-bottom:16px;min-width:344px}@media screen and (min-width:744px){.items__container__best__header{min-width:696px}}@media screen and (min-width:1200px){.items__container__best__header{min-width:1200px}}.items__container__all__header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px;min-width:344px}@media screen and (min-width:744px){.items__container__all__header{gap:12px;min-width:696px}}@media screen and (min-width:1200px){.items__container__all__header{min-width:1200px}}.items__container__all__list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}@media screen and (min-width:744px){.items__container__all__list{gap:16px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}}@media screen and (min-width:1200px){.items__container__all__list{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr)}}.card__image{aspect-ratio:1/1;border-radius:16px;margin-bottom:16px;width:100%}.card__info{display:flex;flex-direction:column;gap:6px}.card__info__title{color:var(--color-secondary-800);font-size:var(--font-size-xxs);font-weight:500}.card__info__price{color:var(--color-secondary-800);font-size:var(--font-size-xs);font-weight:700}.card__icon__group{align-items:center;display:flex;gap:4px}.heart__icon{height:16px;width:16px}.heart__icon__count{color:var(--color-secondary-600);font-size:var(--font-size-xxxs);font-weight:500}.search__input__container{position:relative}.search__input{height:42px;padding:16px 16px 16px 44px;width:288px}@media screen and (min-width:744px){.search__input{width:242px}}.search__icon{left:16px;position:absolute;top:50%;transform:translateY(-50%)}.pagination__container{display:flex;gap:4px;justify-content:center;margin-top:40px}.pagination__button{align-items:center;background-color:var(--color-background-white);border:1px solid var(--color-secondary-200);border-radius:40px;color:var(--color-secondary-500);display:flex;font-size:var(--font-size-xs);font-weight:600;height:40px;justify-content:center;width:40px}.pagination__button[aria-current=page]{background-color:var(--color-background-bright-blue);color:var(--color-secondary-50)}.items__container__pagination__button{align-items:center;background-color:var(--color-background-white);border:1px solid var(--color-secondary-200);border-radius:40px;color:var(--color-secondary-500);display:flex;font-size:var(--font-size-xs);font-weight:600;height:40px;justify-content:center;width:40px}.dropdown__container{position:relative}.dropdown__button{align-items:center;background-color:var(--color-background-white);border:1px solid var(--color-secondary-200);border-radius:12px;color:var(--color-secondary-800);display:flex;font-size:var(--font-size-xs);font-weight:400;height:42px;justify-content:center;padding:12px 20px;width:42px}@media screen and (min-width:744px){.dropdown__button{justify-content:space-between;width:130px}}.dropdown__button__icon{display:none}@media screen and (min-width:744px){.dropdown__button__icon{display:block}}.dropdown__text{display:none}@media screen and (min-width:744px){.dropdown__text{display:block}.dropdown__sort__icon{display:none}}.dropdown__list{background-color:var(--color-background-white);border:1px solid var(--color-secondary-200);border-radius:12px;height:84px;margin-top:4px;position:absolute;right:0;width:130px}.dropdown__list>li{align-items:center;display:flex;height:42px;justify-content:center}.dropdown__list>li:nth-child(2n-1){border-bottom:1px solid var(--color-secondary-200)}.register__container{padding:24px 14px 72px}@media screen and (min-width:744px){.register__container{padding:16px 24px 78px}}@media screen and (min-width:1200px){.register__container{padding:24px 0 59px}}.register__container__inner{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:24px;margin:0 auto;max-width:346px}@media screen and (min-width:744px){.register__container__inner{max-width:696px}}@media screen and (min-width:1200px){.register__container__inner{max-width:1200px}}.register__header{align-items:center;display:flex;justify-content:space-between;width:100%}.register__header__title{font-size:20px;font-weight:700}.register__form__container{display:flex;flex-direction:column;gap:32px;width:100%}.register__form__group{display:flex;flex-direction:column;gap:16px}.form__label{color:var(--color-secondary-800);font-size:var(--font-size-sm);font-weight:700}.input__container{width:100%}.input__wrapper{position:relative}.input{background-color:var(--color-secondary-100);border:none;border-radius:12px;color:var(--color-secondary-800);font-family:Pretendard Variable;outline:none;padding:16px 20px;width:100%}.input,.input::placeholder{font-size:var(--font-size-xs)}.input::placeholder{color:var(--color-secondary-400)}.input__message--error{color:var(--color-error);margin-top:16px}.input__password__icon{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.textarea{height:282px;resize:none}.image__uploader{display:flex;flex-direction:column}.image__uploader__card{display:flex;gap:24px}.image__uploader__message--error{color:var(--color-error);margin-top:16px}.add__card{align-items:center;aspect-ratio:1/1;background-color:var(--color-secondary-100);border-radius:12px;display:flex;flex-direction:column;gap:12px;justify-content:center;max-width:282px;width:100%}.add__card__text{color:var(--color-secondary-400)}.preview__card{align-items:center;aspect-ratio:1/1;background-color:var(--color-secondary-100);background-position:50%;background-size:cover;border-radius:12px;display:flex;flex-direction:column;gap:12px;justify-content:center;max-width:282px;position:relative;width:100%}.preview__card__icon{position:absolute;right:12px;top:12px}.tag{align-items:center;background-color:var(--color-secondary-100);border-radius:26px;display:inline-flex;gap:8px;height:36px;justify-content:center;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;white-space:nowrap}.taginput{align-items:flex-start;display:flex;flex-direction:column;gap:14px;width:100%}.taginput__textfield{align-self:stretch;width:100%}.taginput__tag{width:auto}.taginput__list{display:flex;gap:12px}.detail__container{padding:16px 16px 65px}@media screen and (min-width:744px){.detail__container{padding:24px 24px 243px}}@media screen and (min-width:1200px){.detail__container{padding:24px 0 222px}}.detail__container__inner{display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:346px;width:100%}@media screen and (min-width:744px){.detail__container__inner{max-width:696px}}@media screen and (min-width:1200px){.detail__container__inner{max-width:1200px}}.detail__content{border-bottom:1px solid var(--color-secondary-200);display:flex;flex:1 1;flex-direction:column;gap:24px;justify-content:flex-start;padding-bottom:40px}@media screen and (min-width:744px){.detail__content{display:flex;flex-direction:row}}.detail__image{border-radius:6%;height:340px;width:340px}@media screen and (min-width:1200px){.detail__image{height:486px;width:486px}}.detail__info__group{display:flex;flex:1 1;flex-direction:column;gap:40px;justify-content:space-between}.detail__info{display:flex;flex-direction:column;gap:24px}.detail__summary{border-bottom:1px solid var(--color-secondary-200);display:flex;justify-content:space-between;padding-bottom:16px}.detail__title__group{display:flex;flex-direction:column;gap:16px}.detail__title{font-size:var(--font-size-xl);font-weight:600}.detail__subtitle{font-size:var(--font-size-xs);font-weight:600}.detail__price{font-size:var(--font-size-3xl);font-weight:600}.detail__description__group{display:flex;flex-direction:column;gap:16px}.detail__description{font-weight:400}.detail__tag__group{display:flex;flex-direction:column;gap:16px}.detail__tagList{display:flex;gap:8px}.detail__profile__group{display:flex;justify-content:space-between}.detail__profile__content{align-items:center;display:flex;gap:16px}.detail__profile__info{display:flex;flex-direction:column;gap:6px}.detail__profile__name{font-size:var(--font-size-xxs);font-weight:500}.detail__profile__date{color:var(--color-secondary-400);font-size:var(--font-size-xxs);font-weight:400}.detail__profile__button{border-left:1px solid var(--color-secondary-200);padding-left:24px}.detail__comment__group{display:flex;flex-direction:column;gap:64px}.detail__comment{display:flex;flex-direction:column;gap:24px}.detail__input__group{display:flex;flex-direction:column;gap:16px}.detail__input{display:flex;flex-direction:column;gap:9px}.detail__textarea{height:129px}@media screen and (min-width:744px){.detail__textarea{height:104px}}.detail__comment__content{display:flex;flex-direction:column;gap:24px}.detail__register__btn{align-self:flex-end}.detail__comment__list{display:flex;flex-direction:column;gap:24px}.detail__comment__empty{align-items:center;color:var(--color-secondary-400);display:flex;flex-direction:column;font-size:var(--font-size-xs);font-weight:400}.detail__return__btn{align-self:center}.heart__btn{align-items:center;background-color:initial;border:1px solid var(--color-secondary-200);color:var(--color-secondary-100);display:flex;font-weight:500;gap:4px;justify-content:center;padding:8px 12px;text-decoration:none;transition:background-color .2s}.heart__btn-small{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);height:48px}.heart__btn-large{border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);height:48px}.heart__btn__text{color:var(--color-secondary-500)}.heart__btn:not(:disabled):hover{background-color:var(--color-secondary-50)}.dropdown__list__more{min-height:92px;width:139px}.dropdown__list__more>li{color:var(--color-secondary-500);height:46px}.comment{border-bottom:1px solid var(--color-secondary-200);display:flex;flex-direction:column;gap:24px;padding-bottom:12px}.comment__content{align-items:center;display:flex;justify-content:space-between}.comment__profile__group{align-items:flex-start;gap:8px}.comment__image{border-radius:50%;height:32px;object-fit:cover;width:32px}.comment__profile__group{align-items:center;display:flex;justify-content:space-between}.comment__profile__info{display:flex;gap:8px}.comment__profile{display:flex;flex-direction:column;gap:4px}.comment__profile__name{color:var(--color-secondary-600);font-size:var(--font-size-xxxs);font-weight:400}.comment__profile__time{color:var(--color-secondary-400);font-size:var(--font-size-xxxs);font-weight:400}.comment__profile__action{align-items:center;display:flex;gap:4px;margin-bottom:12px}header{background-color:#fff;box-shadow:0 2px 4px 0 #00000026;padding:9.5px 0;position:sticky;top:0}.header__content{align-items:center;color:#fff;display:flex;justify-content:space-between;margin:0 auto;max-width:1520px;padding:0 24px}@media screen and (min-width:1200px){.header__content{padding:0 200px}}.header__content__logo{vertical-align:middle;width:103px}@media screen and (min-width:768px){.header__content__logo{width:153px}}.banner{background-color:var(--color-background-blue)}.banner__content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1110px;padding-top:48px}@media screen and (min-width:768px){.banner__content{padding-top:84px}}@media screen and (min-width:1200px){.banner__content{align-items:flex-end;flex-direction:row;justify-content:space-between;padding-top:200px}}.banner__content__text{align-items:center;display:flex;flex-direction:column;margin-bottom:132px;text-align:center}@media screen and (min-width:768px){.banner__content__text{margin-bottom:211px}}@media screen and (min-width:1200px){.banner__content__text{align-items:flex-start;margin-bottom:100px;text-align:left}}.banner__content__text__title{color:var(--color-secondary-700);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:18px}@media screen and (min-width:768px){.banner__content__text__title{font-size:var(--font-size-3xl);margin-bottom:24px}}.banner__content__img{max-width:746px;width:120%}.feature{padding:52px 16px 43px}@media screen and (min-width:768px){.feature{padding:24px 24px 4px}}@media screen and (min-width:1200px){.feature{padding:138px 0 0}}.feature__content{border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:24px;margin:0 auto 40px;max-width:988px}@media screen and (min-width:768px){.feature__content{margin-bottom:52px}}@media screen and (min-width:1200px){.feature__content{align-items:center;background-color:#fcfcfc;flex-direction:row;gap:64px;margin:0 auto 276px}}.feature__content__img{width:100%}@media screen and (min-width:1200px){.feature__content__img{max-width:579px}}.feature__content__text{display:flex;flex-direction:column;flex-grow:1}.feature__content__text__point{color:var(--color-primary-100);font-size:var(--font-size-xs);font-weight:700}@media screen and (min-width:768px){.feature__content__text__point{font-size:var(--font-size-sm)}}.feature__content__text__title{color:var(--color-secondary-700);font-size:var(--font-size-xl);font-weight:700;margin-bottom:16px;margin-top:8px}@media screen and (min-width:768px){.feature__content__text__title{font-size:var(--font-size-2xl);margin-bottom:24px;margin-top:16px}}@media screen and (min-width:1200px){.feature__content__text__title{font-size:var(--font-size-3xl);margin-top:12px}}.feature__content__text__title br{content:" ";display:inline-block}.feature__content__text__subtitle{color:var(--color-secondary-700);font-size:var(--font-size-sm);font-weight:500}@media screen and (min-width:1200px){.feature__content__text__subtitle{font-size:var(--font-size-xl)}}.feature__content__reverse{flex-direction:column-reverse}@media screen and (min-width:1200px){.feature__content__reverse{flex-direction:row}}.search-text{text-align:right}.promotion__banner{background-color:var(--color-background-blue)}.promotion__banner__content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1110px;padding-top:121px}@media screen and (min-width:768px){.promotion__banner__content{padding-top:217px}}@media screen and (min-width:1200px){.promotion__banner__content{align-items:flex-end;flex-direction:row;justify-content:space-between;padding-top:143px}}.promotion__banner__content__title{color:var(--color-secondary-700);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:131px;text-align:center}@media screen and (min-width:768px){.promotion__banner__content__title{font-size:var(--font-size-3xl)}}@media screen and (min-width:1200px){.promotion__banner__content__title{margin-bottom:172.5px;text-align:left}}.promotion__banner__content__img{max-width:746px;width:100%}@media screen and (min-width:768px){.banner__content br{content:" ";display:inline-block}}@media screen and (min-width:1200px){.banner__content br,.feature__content__text__title br{display:block}}.form__container{align-items:center;display:flex;justify-content:center;padding:16px}@media screen and (min-width:1200px){.form__container{padding:0}}.form__container__content{display:flex;flex-direction:column;flex-grow:1;max-width:400px;width:100%}@media screen and (min-width:768px){.form__container__content{max-width:640px}}.form__container__content a{display:block;text-align:center}.form__container__logo{margin-bottom:20px}.form_container__group{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.form__container__input{flex-grow:1;width:100%}.form__container__input__wrap{position:relative}.form__container__input__wrap img{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.form__container button{margin-bottom:24px;width:100%}.form__container__banner{align-items:center;background-color:var(--color-background-light-blue);border-radius:8px;color:var(--color-secondary-800);display:flex;font-size:var(--font-size-sm);font-weight:500;justify-content:space-between;margin-bottom:24px;padding:16px 23px}.form__container__banner__icon{display:flex;gap:16px}.form__container__signup{color:var(--color-secondary-800);display:flex;font-size:var(--font-size-xxs);font-weight:500;gap:4px;justify-content:center}.form__container__signup a{color:var(--color-primary-100)}.signup__container{margin:60px auto}.login__container{min-height:100dvh}
/*# sourceMappingURL=main.f6e22241.css.map*/