body{margin:0}.banner{display:flex;justify-content:center;padding:0 40rem;position:sticky;top:0;background-color:var(--white)}.banner-content{max-width:120rem;width:100%;height:7rem;display:flex;justify-content:space-between;align-items:center}.logo-content{display:flex;align-items:center;justify-content:space-around;gap:.9rem}.logo-text{width:10.3rem}.logo{width:4rem}.logo img,.logo-text img{max-width:100%;height:auto}.login{width:12.8rem;height:4.8rem;display:flex;justify-content:center;align-items:center;flex-shrink:0;font-size:1.6rem;background:var(--blue);border-radius:.8rem;color:var(--white);text-decoration:none}.login:hover{background-color:var(--hover-button)}.header-container{display:flex;flex-direction:column;justify-content:end;align-items:center;width:100%;height:54rem;background-color:#cfe5ff}.header-content{display:flex;align-items:center;gap:.7rem}.header-image{width:74.6rem;height:34rem}.header-text{display:flex;flex-direction:column;justify-content:center;width:35.7rem;height:26rem}.header-title{font-size:4rem;font-weight:7rem;line-height:140%;color:var(--gray700)}.header-title span{display:block}.explore-button{display:flex;justify-content:center;align-items:center;width:35.7rem;height:5.6rem;background-color:var(--blue);color:var(--white);border-radius:4rem;font-size:2rem;font-weight:60rem;text-decoration:none}.explore-button:hover{background-color:var(--hover-button)}.body-container{width:100%;display:flex;flex-direction:column}.content-section{display:flex;justify-content:center;align-items:center;width:100%;height:72rem}.content-card{display:flex;align-items:center;justify-content:space-around;width:98.8rem}.content-section:nth-of-type(2) .content-card{flex-direction:row-reverse}.content-section:nth-of-type(2) .content-card .content-text{text-align:right}.content-text{display:flex;flex-direction:column;gap:2.6rem}.content-card img{width:57.9rem;height:44.4rem}.content-label{font-size:1.8rem;font-weight:70rem;color:var(--blue);margin:0}.content-title{font-size:4rem;font-weight:70rem;color:var(--gray700);margin:0}.content-title span{display:block}.content-description{font-size:2.4rem;font-weight:50rem;color:var(--gray700);margin:0}.content-footer{display:flex;flex-direction:column;justify-content:end;align-items:center;width:100%;height:54rem;background-color:var(--background)}.content-footer-content{display:flex;align-items:center}.content-footer-img{width:74.6rem;height:39.7rem}.content-footer-text{width:29.5rem;height:17.2rem;font-size:4rem;font-weight:70rem;color:var(--gray700)}.home-footer{display:flex;flex-direction:column;align-items:center;background-color:var(--gray900);color:#676767;width:100%;height:16rem;font-size:1.6rem}.footer-content{display:flex;justify-content:space-between;align-items:center;padding:3.2rem 0;width:112rem;height:2rem}.footer-privacy{display:flex;justify-content:space-between;gap:3rem}.footer-menu{text-decoration:none;color:#cfcfcf}.sns-link{display:flex;gap:1.2rem}.footer-menu,.sns-link a,.logo,.login,.explore-button{cursor:pointer}@media (max-width: 1920px){.banner{padding-left:200px;padding-right:200px}}@media (max-width: 1199px){.banner{padding:0}.banner-content{max-width:69.6rem}.header-container{width:100%;height:77.1rem}.header-content{flex-direction:column;gap:11rem}.header-text{width:53rem}.header-title span{display:inline}.explore-button-container{display:flex;justify-content:center}.body-container{width:100%;gap:5.4rem;margin-top:2.4rem;margin-bottom:5.4rem}.content-section{gap:5.2rem;height:90rem}.content-card{flex-direction:column;align-items:flex-start;gap:2.4rem;width:67.6rem;height:70.8rem}.content-section:nth-of-type(2) .content-card{flex-direction:column;align-items:flex-end}.content-card img{width:67.6rem;height:52rem}.content-title span{display:inline}.content-footer{height:92.7rem}.content-footer-content{flex-direction:column;gap:10rem}.content-footer-text{text-align:center}.home-footer{width:100%}.footer-content{width:53.6rem}@media (max-width: 767px){html,body{width:100%;overflow-x:hidden}html{font-size:5px}.banner{padding-right:16px}.logo{display:none}.header-title{display:flex;flex-direction:column;align-items:center}.header-title span{display:block}.footer-content{position:relative}.copyright{display:block;position:absolute;left:0;top:50px}.footer-privacy{width:130px}.sns-link img{width:10px}}}.body-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.body-login{margin-top:20rem;display:flex;flex-direction:column;justify-content:center;gap:2.4rem;width:64rem;height:61.8rem}.body-signup{margin-top:40rem;display:flex;flex-direction:column;justify-content:center;gap:2.4rem;width:64rem;height:100%;overflow:auto}.auth-banner{display:flex;align-items:center;justify-content:center;gap:2.2rem;width:39.6rem;height:13.2rem;margin:0 12.2rem 4rem}.auth-banner-link{display:flex;align-items:center;justify-content:space-around;width:39.6rem;height:13.2rem}.auth-form{display:flex;flex-direction:column;gap:2.4rem}label{font-size:1.8rem;font-weight:700}.error{border:2px solid var(--error)}input{width:64rem;height:5.6rem;background-color:var(--gray100);border:2px solid var(--gray100);border-radius:1.2rem;font-size:1.6rem;font-weight:40rem;padding:1.6rem 2.4rem}.email-error,.pw-error,.pwconfirm-error,.nickname-error{display:none;font-size:1.4rem;font-weight:600;color:var(--error);margin-left:1.6rem}.input-box{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:1.6rem}.pw-content{position:relative;display:flex;align-items:center}.button-eye{position:absolute;right:1.6rem;border:none;cursor:pointer}.button-submit{width:64rem;height:5.6rem;background-color:var(--blue);color:var(--white);font-size:2rem;font-weight:60rem;border:none;border-radius:4rem;cursor:pointer}.button-submit:disabled{background-color:var(--gray400)}.auth-footer{display:flex;flex-direction:column;align-items:center;gap:2.4rem;padding-bottom:10rem}.social-login{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 2.3rem;background-color:var(--skyblue);width:64rem;height:7.4rem;border-radius:.8rem}.social-login span{font-size:1.6rem;font-weight:500}.social-media ul{display:flex;gap:1.6rem}.sign_up{font-size:1.4rem;font-weight:500}.sign_up a{color:var(--blue)}@media (max-width: 767px){.auth-banner{margin:0}.auth-banner a{width:19.8rem;height:6.6rem}.auth-logo{width:5.1rem;height:5.1rem}.auth-logo-title{width:13.3rem;height:4.5rem}.body-login,.body-signup,input,.button-submit,.social-login{max-width:40rem;width:100%}.auth-main,.auth-footer{margin-left:1.6rem;margin-right:1.6rem}}.item-card-container{display:flex;flex-direction:column;align-items:flex-start;gap:16px;cursor:pointer}.best-item-list.item-image{width:100%;height:28.2rem;flex-shrink:0;object-fit:cover;border-radius:1.6rem}.all-item-list.item-image{width:100%;height:22.8rem;flex-shrink:0;object-fit:cover;border-radius:1.6rem}.item-card-description{display:flex;flex-direction:column;justify-content:center;align-items:start}.item-name{font-size:1.4rem;font-weight:500}.item-price{font-size:1.6rem;font-weight:700}.item-heart-content{display:flex;gap:.4rem}.item-heart-count{font-size:1.2rem;font-weight:500}@media (max-width: 768px){.best-item-list.item-image{height:34.8rem}.all-item-list.item-image{height:22.4rem}}@media (max-width: 426px){.all-item-list.item-image{height:17.6rem}}.best-item-list{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem;flex-shrink:0}.all-item-list{display:grid;grid-template-columns:repeat(5,1fr);gap:2.4rem;flex-shrink:0}@media (max-width: 768px){.best-item-list{grid-template-columns:repeat(2,1fr)}.all-item-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 426px){.best-item-list{grid-template-columns:repeat(1,1fr)}.all-item-list{grid-template-columns:repeat(2,1fr)}}.pagination{margin-top:43px;margin-bottom:58px;display:inline-flex;align-items:flex-start;justify-content:center;gap:4px}.page-button{width:40px;height:40px;border-radius:50%;border:1px solid #e5e7eb;color:var(--gray500)}.page-button:hover,.page-button.active{background-color:var(--blue);color:var(--white)}.all-item{display:flex;flex-direction:column;gap:2.4rem}.all-item-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.all-item-header-right{display:flex;gap:1.2rem;align-items:center}.item-search{order:2;width:32rem;height:4.2rem}.item-add-item{order:3;width:13.3rem;height:4.8rem;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--blue);border-radius:.8rem;color:var(--white);font-size:1.5rem;font-weight:400}.item-add-item:hover{background-color:var(--hover-button)}.dropdown{order:4}@media (max-width: 768px){.item-search{width:24.2rem}}@media (max-width: 426px){.all-item-header{display:flex;flex-wrap:wrap;gap:1rem}.all-item-title{order:1;width:calc(50% - 5px)}.item-add-item{order:2}.item-search{order:3;margin-top:4px;width:28.8rem}.dropdown{order:4;margin-top:4px}.all-item-header-right{display:contents}}.dropdown{position:relative}.dropdown-toggle{display:flex;justify-content:center;align-items:center;width:13rem;height:4.2rem;gap:10px;flex-shrink:0;cursor:pointer;font-size:16px;border-radius:12px;border:1px solid var(--Cool-Gray-200, #e5e7eb)}.dropdown-menu{position:absolute;top:100%;left:0;width:13rem;padding:.5rem 0;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a;z-index:3}.dropdown-mobile-icon{display:none;width:2.4rem;height:2.4rem}.dropdown-item{padding:1rem;text-align:center;font-size:16px;cursor:pointer}.dropdown-item:hover{background-color:#f3f4f6}@media (max-width: 426px){.dropdown-label,.arrow-icon{display:none}.dropdown-toggle{display:flex;width:42px;height:42px;padding:9px;flex-direction:column;align-items:flex-start;gap:10px;flex-shrink:0}.dropdown-mobile-icon{display:inline}.dropdown-menu{left:-200%}}.item-banner{display:flex;justify-content:center;padding:0 40rem;position:sticky;top:0;background-color:var(--white)}.item-banner-content{max-width:120rem;width:100%;height:7rem;display:flex;justify-content:space-between;align-items:center}.item-banner-left{display:flex;align-items:center;gap:3rem}.item-logo-content{display:flex;align-items:center;justify-content:space-around;gap:.9rem}.item-logo-text{width:10.3rem}.item-logo{width:4rem}.item-logo img,.item-logo-text img{max-width:100%;height:auto}.item-nav-content ul{display:flex;gap:3rem}.item-nav-content li{flex-shrink:0}.item-nav-content a{font-size:1.8rem;font-weight:700;color:var(--gray600)}.item-login{width:12.8rem;height:4.8rem;display:flex;justify-content:center;align-items:center;flex-shrink:0;font-size:1.6rem;background:var(--blue);border-radius:.8rem;color:var(--white);text-decoration:none}.item-login:hover{background-color:var(--hover-button)}@media (max-width: 1920px){.item-banner{padding-left:20px;padding-right:20px}.item-nav-content ul{gap:2rem}}@media (max-width: 768px){.item-banner-left{gap:1rem}.item-logo{display:none}.item-logo-text{width:10.3rem;height:3.5rem}.item-nav-content ul{gap:1rem}.item-nav-content a{font-size:1.6rem}.item-login{width:7.8rem;height:3.4rem;font-size:1rem}}.item-main{margin:0 auto;max-width:1200px;display:flex;flex-direction:column;gap:4rem}@media (max-width: 1279px){.item-main{margin-right:2.4rem;margin-left:2.4rem}}*{box-sizing:border-box;font-family:Pretendard,sans-serif}:root{--gray900: #111827;--gray800: #1f2947;--gray700: #374151;--gray600: #4b5563;--gray500: #6b7280;--gray400: #9ca3af;--gray200: #e5e7eb;--gray100: #f3f4f6;--gray50: #f9fafb;--blue: #3692ff;--hover-button: #1967d6;--white: #ffffff;--background: #cfe5ff;--skyblue: #e6f2ff;--error: #f74747}html{font-size:10px}button{background-color:transparent;border:none;cursor:pointer;padding:0}ul{list-style-type:none;padding:0;margin:0}a{text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0}._wrapper_1kekj_1{display:flex;gap:2.4rem}._uploadBox_1kekj_6{width:28.2rem;height:28.2rem;background-color:var(--gray100);border-radius:1.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;flex-shrink:0}._textContainer_1kekj_23{display:inline-flex;flex-direction:column;align-items:center}._plus_1kekj_29{font-size:5rem;font-weight:100;color:var(--gray400)}._text_1kekj_23{font-size:1rem;color:var(--gray400);font-weight:400}._imagePreviewBox_1kekj_41{width:28.2rem;height:28.2rem;border-radius:1.2rem;overflow:hidden;position:relative;flex-shrink:0}._previewImg_1kekj_51{width:100%;height:100%;object-fit:cover;display:block}._deleteButton_1kekj_58{position:absolute;top:8px;right:15px;width:20px;height:20px}@media (max-width: 768px){._uploadBox_1kekj_6,._imagePreviewBox_1kekj_41{width:16.8rem;height:16.8rem}}._container_exafd_1{margin-top:2.4rem;margin-bottom:6.9rem;width:120rem;height:100%;margin-inline:auto;display:flex;flex-direction:column;gap:3.2rem}._addContainer_exafd_15{width:100%;display:flex;justify-content:space-between;align-items:center}._addTitle_exafd_22{font-size:2rem;font-weight:700;line-height:3.2rem}._addBtn_exafd_28{display:flex;height:42px;padding:1.2rem 2.3rem;justify-content:center;align-items:center;gap:1rem;border-radius:.8rem;background:var(--blue);font-size:1.6rem;font-weight:400;color:var(--white)}._addBtn_exafd_28:hover{background:var(--hover-button)}._addBtn_exafd_28:disabled{background:var(--gray400);font-size:1.6rem;font-weight:400;color:var(--gray100);cursor:not-allowed}._contentContainer_exafd_58{display:flex;flex-direction:column;gap:1.6rem}._title_exafd_64{font-size:1.8rem;font-weight:700}._input_exafd_69{width:100%;height:5.6rem;border-radius:1.2rem}._input_exafd_69::placeholder{font-size:1.6rem;color:var(--gray400)}._inputDescription_exafd_81{resize:none;width:100%;height:28.2rem;border-radius:1.2rem;border:none;background-color:var(--gray100);font-size:1.6rem;line-height:2.4rem;padding:1.5rem 2.3rem}._inputDescription_exafd_81::placeholder{font-size:1.6rem;color:var(--gray400)}._tagList_exafd_100{display:flex;gap:1.2rem}._tag_exafd_100{width:11rem;height:3.6rem;border-radius:2.6rem;position:relative;background-color:var(--gray100);display:flex;justify-content:center;align-items:center;gap:.8rem;font-size:1.6rem;font-weight:400}._deleteBtn_exafd_124{width:2rem;height:2rem}._deleteImg_exafd_129{width:100%;height:100%}@media (max-width: 768px){._container_exafd_1{width:69.6rem}}@media (max-width: 426px){._container_exafd_1{width:34.4rem}}