:root{--gray50: #f9fafb;--gray100: #f3f4f6;--gray200: #e5e7eb;--gray400: #9ca3af;--gray500: #6b7280;--gray600: #4b5563;--gray700: #374151;--gray800: #1f2937;--gray900: #111827;--blue100: #3692ff;--blue200: #1967d6;--blue300: #1251aa;--red: #f74747}*{box-sizing:border-box}h1,h2,h3,h4,html,body,div,span,p,a,ol,ul,li,header,footer,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{font-family:Pretendard,sans-serif;font-size:62.5%}a{color:inherit;text-decoration:none}button{cursor:pointer}body{overflow-x:hidden}ol,ul{list-style:none}.Header{display:flex;justify-content:space-between;align-items:center;padding:0 200px;border-bottom:1px solid #dfdfdf;height:70px}.Header .logo-mobile{display:none}.Header .logo{height:51px}.Header .header-left{display:flex;align-items:center;gap:32px}.Header .header-left .link-section a{font-size:18px;font-weight:700;padding:21px 15px;color:var(--gray600)}.Header .login-button{font-size:16px;font-weight:600;color:var(--gray100);background-color:var(--blue100);padding:12px 23px;border-radius:8px;border:none}.Header .login-button:hover{background-color:var(--blue200);color:#fff;cursor:pointer;transition:all .3s ease;transform:translateY(2px);box-shadow:0 4px 12px #0000001a}.Header .header-left .link-section .active{color:var(--blue100)}@media (max-width: 1199px){.Header{padding:0 24px}.Header .header-left{gap:20px}}@media (max-width: 767px){.Header{padding:0 16px}.Header .logo{display:none}.Header .logo-mobile{display:block}.Header .header-left{gap:4px}.Header img{height:40px}.Header .header-left .link-section a{font-size:16px;padding:25px 4px}}.top-banner{background-color:#cfe5ff;display:flex;justify-content:center;align-items:flex-end;height:540px}.top-banner .content{display:flex;justify-content:center;align-items:center;gap:7px}.top-banner .text-section{display:flex;flex-direction:column;gap:32px;color:var(--blue700);font-size:40px;font-weight:700;line-height:56px;white-space:nowrap;margin-bottom:100px}.top-banner .text-section button{display:flex;justify-content:center;align-items:center;height:56px;padding:16px 124px;border-radius:40px;border:none;background-color:var(--blue100);font-size:20px;font-weight:600;line-height:32px;color:var(--gray50)}.top-banner .text-section button:hover{background-color:var(--blue200);color:#fff;cursor:pointer;transition:all .3s ease;transform:translateY(2px);box-shadow:0 4px 12px #0000001a}.top-banner .image-section img{width:746px;height:340px}@media (max-width: 1199px){.top-banner{height:771px}.top-banner .content{flex-direction:column;gap:121px}.top-banner .text-section{gap:24px;align-items:center}.top-banner .text-section br{display:none}}@media (max-width: 767px){.top-banner{height:540px}.top-banner .content{flex-direction:column;gap:32px}.top-banner .text-section{gap:18px;font-size:32px;line-height:44.8px}.top-banner .text-section button{padding:12px 71px}.top-banner .text-section p{text-align:center}.top-banner .text-section br{display:inline}.top-banner .image-section img{width:448px;height:204px}}.main-content{margin:138px auto;display:flex;width:988px;justify-content:center;align-items:center;gap:64px;border-radius:12px;background-color:#fcfcfc}.main-content .image-section img{width:588px;height:444px}.main-content .text-section{display:flex;gap:12px}.main-content .category{font-size:18px;font-weight:700;line-height:26px;color:var(--blue100)}.main-content .content{display:flex;flex-direction:column;gap:24px}.main-content .header-text{font-size:40px;font-weight:700;color:var(--gray700);line-height:56px;letter-spacing:.8px}.main-content .main-text{font-size:24px;font-weight:500;color:var(--gray700);line-height:32px}@media (max-width: 1199px){.main-content{margin:24px auto;width:696px;flex-direction:column;align-items:flex-start;gap:24px}.main-content .image-section img{width:696px;height:525px}.main-content .text-section{gap:16px}.main-content .header-text br{display:none}.main-content.right{flex-direction:column-reverse;align-items:flex-end}.main-content.right .text-section{align-items:flex-end}.main-content.right .content{text-align:end}.main-content .header-text{font-size:32px}.main-content .main-text{font-size:18px}}@media (max-width: 767px){.main-content{width:344px}.main-content .image-section img{width:344px;height:259px}.main-content .text-section{gap:8px}.main-content .category{font-size:16px}.main-content .header-text{font-size:24px}.main-content .main-text{font-size:16px;line-height:26px}}.bottom-banner{margin-top:138px;background-color:#cfe5ff;display:flex;justify-content:center;align-items:flex-end;height:540px}.bottom-banner .content{display:flex;justify-content:center;align-items:center;gap:69px}.bottom-banner .text-section{color:var(--blue700);font-size:40px;font-weight:700;line-height:56px;white-space:nowrap;margin-bottom:60px}.bottom-banner .image-section img{width:746px;height:397px}@media (max-width: 1199px){.bottom-banner{height:927px}.bottom-banner .content{flex-direction:column;gap:157px}.bottom-banner .text-section{text-align:center}}@media (max-width: 767px){.bottom-banner{height:540px}.bottom-banner .content{gap:71px}.bottom-banner .text-section{font-size:32px;line-height:44.8px}.bottom-banner .image-section img{width:375px;height:198px}}.footer{background-color:var(--gray900);padding:32px 400px;margin:0 auto;display:flex;justify-content:space-between;height:160px}.footer .left-side{color:var(--gray400);font-size:16px;font-weight:400}.footer .center{color:var(--gray200);font-size:16px;font-weight:400;display:flex;justify-content:space-between;gap:30px}.footer .social-links{display:flex;gap:12px}@media (max-width: 1199px){.footer{padding:32px 104px}}@media (max-width: 767px){.footer{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:10px;padding:32px}.footer .left-side{grid-column:1 / -1;grid-row:2;align-self:end}.footer .center{grid-column:1}.footer .right-side{grid-column:2;justify-self:end}}.main-contents{display:flex;flex-direction:column}.sign-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.sign-page .page-header{display:flex;justify-content:center;padding-bottom:4rem;max-width:64rem}.sign-page .logo{width:40rem}.sign-page .page-main{width:64rem}.sign-page .form-container,.sign-page .email-container,.sign-page .nickname-container,.sign-page .password-container,.sign-page .password-check-container{display:flex;flex-direction:column}.sign-page .form-container{gap:2.4rem}.sign-page .form-container label{font-size:1.8rem;font-weight:700;line-height:2.6rem}.sign-page .form-container input{height:5.6rem;border:none;border-radius:12px;background-color:var(--gray100);padding:1.6rem 2.4rem}.sign-page .form-container input::placeholder{font-size:16px;font-weight:400;line-height:26px;color:var(--gray400)}.sign-page .email-container,.sign-page .nickname-container,.sign-page .password-container,.sign-page .password-check-container{gap:1.6rem}.sign-page .email-input input,.sign-page .nickname-input input{width:100%}.sign-page .password-input{position:relative}.sign-page .password-input input{width:100%;padding-right:4.8rem}.sign-page .form-container .warning{border:1px solid var(--red)}.sign-page .error-message{display:inline-block;margin-left:16px;margin-top:8px;font-size:14px;font-weight:600;line-height:24px;color:var(--red)}.sign-page .visibility{position:absolute;right:2.4rem;top:1.6rem;width:2.4rem;height:2.4rem;border:none;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='btn_visibility_off_24px'%3e%3cpath%20id='Vector'%20d='M15.7731%2012.9729L14.6501%2011.8499C14.8206%2010.9601%2014.5866%2010.2012%2013.9481%209.57296C13.3097%208.94476%2012.5437%208.70374%2011.6501%208.84989L10.527%207.72684C10.7591%207.61914%2010.9978%207.54157%2011.2433%207.49414C11.4889%207.44671%2011.7411%207.42299%2012.0001%207.42299C13.1347%207.42299%2014.0978%207.81882%2014.8895%208.61049C15.6811%209.40216%2016.077%2010.3653%2016.077%2011.4999C16.077%2011.7589%2016.0549%2012.0111%2016.0106%2012.2566C15.9664%2012.5021%2015.8872%2012.7409%2015.7731%2012.9729ZM18.9539%2016.0845L17.8501%2015.0499C18.4834%2014.5666%2019.0501%2014.0291%2019.5501%2013.4374C20.0501%2012.8457%2020.4667%2012.1999%2020.8001%2011.4999C19.9667%209.81656%2018.7626%208.47906%2017.1876%207.48739C15.6126%206.49572%2013.8834%205.99989%2012.0001%205.99989C11.5167%205.99989%2011.0459%206.03322%2010.5876%206.09989C10.1292%206.16656%209.66674%206.26656%209.20007%206.39989L8.03472%205.23454C8.67061%204.98326%209.319%204.798%209.9799%204.67877C10.6408%204.55953%2011.3142%204.49991%2012.0001%204.49991C14.1488%204.49991%2016.1225%205.05825%2017.9212%206.17491C19.7199%207.29158%2021.1032%208.80247%2022.0712%2010.7076C22.1379%2010.8345%2022.1863%2010.9624%2022.2164%2011.0912C22.2465%2011.2201%2022.2616%2011.3563%2022.2616%2011.4999C22.2616%2011.6435%2022.2491%2011.7797%2022.2241%2011.9085C22.1991%2012.0374%2022.1532%2012.1653%2022.0866%2012.2922C21.7327%2013.0448%2021.2885%2013.7396%2020.7539%2014.3768C20.2193%2015.014%2019.6193%2015.5832%2018.9539%2016.0845ZM12.0001%2018.4999C9.89496%2018.4999%207.96548%2017.9374%206.21165%2016.8124C4.4578%2015.6874%203.06357%2014.2056%202.02895%2012.3672C1.94562%2012.2403%201.88472%2012.1025%201.84627%2011.9537C1.80781%2011.805%201.78857%2011.6537%201.78857%2011.4999C1.78857%2011.346%201.80524%2011.1973%201.83857%2011.0537C1.87191%2010.9102%201.93024%2010.7698%202.01357%2010.6326C2.38537%209.95311%202.80653%209.30599%203.27705%208.69124C3.74757%208.07649%204.28859%207.52553%204.90012%207.03837L2.64242%204.76526C2.50396%204.61655%202.43569%204.43995%202.43762%204.23546C2.43954%204.03098%202.51293%203.85631%202.6578%203.71144C2.80267%203.56657%202.97831%203.49414%203.18472%203.49414C3.39112%203.49414%203.56676%203.56657%203.71162%203.71144L20.2885%2020.2883C20.427%2020.4268%2020.5004%2020.5983%2020.5087%2020.8027C20.517%2021.0072%2020.4436%2021.187%2020.2885%2021.3422C20.1437%2021.487%2019.968%2021.5595%2019.7616%2021.5595C19.5552%2021.5595%2019.3796%2021.487%2019.2347%2021.3422L15.7155%2017.8537C15.1257%2018.0819%2014.5196%2018.2467%2013.8972%2018.3479C13.2748%2018.4492%2012.6424%2018.4999%2012.0001%2018.4999ZM5.95395%208.09216C5.36805%208.54473%204.84144%209.0566%204.37412%209.62777C3.90681%2010.1989%203.51546%2010.823%203.20007%2011.4999C4.03341%2013.1832%205.23757%2014.5207%206.81257%2015.5124C8.38757%2016.5041%2010.1167%2016.9999%2012.0001%2016.9999C12.4296%2016.9999%2012.8523%2016.971%2013.2684%2016.9133C13.6844%2016.8557%2014.0975%2016.7666%2014.5078%2016.646L13.2424%2015.3499C13.0398%2015.4383%2012.8376%2015.4982%2012.6356%2015.5297C12.4337%2015.5611%2012.2219%2015.5768%2012.0001%2015.5768C10.8655%2015.5768%209.90234%2015.181%209.11067%2014.3893C8.31901%2013.5976%207.92317%2012.6345%207.92317%2011.4999C7.92317%2011.2781%207.94048%2011.0662%207.9751%2010.8643C8.00972%2010.6624%208.06805%2010.4601%208.1501%2010.2576L5.95395%208.09216Z'%20fill='%234B5563'/%3e%3c/g%3e%3c/svg%3e");background-size:cover;background-color:transparent}.sign-page .visible{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='btn_visibility_on_24px'%3e%3cpath%20id='Vector'%20d='M12.0021%2015.5769C13.1352%2015.5769%2014.0976%2015.1803%2014.8892%2014.3871C15.6809%2013.5939%2016.0767%2012.6308%2016.0767%2011.4977C16.0767%2010.3646%2015.6802%209.40224%2014.887%208.61058C14.0938%207.81891%2013.1307%207.42308%2011.9976%207.42308C10.8645%207.42308%209.9021%207.81966%209.11044%208.61282C8.31877%209.40601%207.92294%2010.3692%207.92294%2011.5023C7.92294%2012.6353%208.31952%2013.5977%209.11269%2014.3894C9.90587%2015.181%2010.869%2015.5769%2012.0021%2015.5769ZM11.9998%2014.2C11.2498%2014.2%2010.6123%2013.9375%2010.0873%2013.4125C9.56234%2012.8875%209.29984%2012.25%209.29984%2011.5C9.29984%2010.75%209.56234%2010.1125%2010.0873%209.58748C10.6123%209.06248%2011.2498%208.79998%2011.9998%208.79998C12.7498%208.79998%2013.3873%209.06248%2013.9123%209.58748C14.4373%2010.1125%2014.6998%2010.75%2014.6998%2011.5C14.6998%2012.25%2014.4373%2012.8875%2013.9123%2013.4125C13.3873%2013.9375%2012.7498%2014.2%2011.9998%2014.2ZM11.9998%2018.5C9.89472%2018.5%207.96941%2017.9384%206.22391%2016.8153C4.47839%2015.6923%203.08513%2014.2147%202.04411%2012.3827C1.96078%2012.2391%201.89988%2012.0944%201.86141%2011.9485C1.82294%2011.8027%201.80371%2011.653%201.80371%2011.4995C1.80371%2011.346%201.82294%2011.1965%201.86141%2011.051C1.89988%2010.9054%201.96078%2010.7609%202.04411%2010.6173C3.08513%208.78525%204.47839%207.30769%206.22391%206.18463C7.96941%205.06154%209.89472%204.5%2011.9998%204.5C14.105%204.5%2016.0303%205.06154%2017.7758%206.18463C19.5213%207.30769%2020.9145%208.78525%2021.9556%2010.6173C22.0389%2010.7609%2022.0998%2010.9056%2022.1383%2011.0514C22.1767%2011.1973%2022.196%2011.347%2022.196%2011.5005C22.196%2011.654%2022.1767%2011.8035%2022.1383%2011.949C22.0998%2012.0945%2022.0389%2012.2391%2021.9556%2012.3827C20.9145%2014.2147%2019.5213%2015.6923%2017.7758%2016.8153C16.0303%2017.9384%2014.105%2018.5%2011.9998%2018.5ZM11.9998%2017C13.8832%2017%2015.6123%2016.5041%2017.1873%2015.5125C18.7623%2014.5208%2019.9665%2013.1833%2020.7998%2011.5C19.9665%209.81664%2018.7623%208.47914%2017.1873%207.48748C15.6123%206.49581%2013.8832%205.99998%2011.9998%205.99998C10.1165%205.99998%208.38734%206.49581%206.81234%207.48748C5.23734%208.47914%204.03317%209.81664%203.19984%2011.5C4.03317%2013.1833%205.23734%2014.5208%206.81234%2015.5125C8.38734%2016.5041%2010.1165%2017%2011.9998%2017Z'%20fill='%234B5563'/%3e%3c/g%3e%3c/svg%3e")}.sign-page .submit-button{height:5.6rem;border:none;border-radius:40px;background-color:var(--blue100);color:var(--gray100);font-size:2rem;font-weight:600;line-height:3.2rem}.sign-page .submit-button:disabled{background-color:var(--gray400)}.sign-page .social-login{background-color:#e6f2ff;display:flex;justify-content:space-between;align-items:center;padding:1.6rem 2.3rem;margin-top:2.4rem;font-size:1.6rem;font-weight:500;line-height:2.6rem;border-radius:8px}.sign-page .social-list{display:flex;gap:1.6rem}.sign-page .social-list a{display:flex}.sign-page .social-list img{width:4.2rem}.sign-page .ask-section{display:flex;justify-content:center;margin-top:2.4rem;font-size:1.4rem;font-weight:500;line-height:2.4rem;gap:.4rem}.sign-page .ask-section a{color:#3692ff;text-decoration:underline}@media screen and (max-width: 767px){.sign-page .logo,.sign-page .page-main{width:calc(100vw - 32px);max-width:400px;margin:0 auto}}.BestItems{max-width:1200px;width:100%;margin:24px auto 40px;display:flex;flex-direction:column;gap:16px}.BestItems .title{font-size:20px;font-weight:700;color:var(--gray900)}.BestItems .item-list.best-four{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.BestItems .item-list.best-two{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.BestItems .item-list.best-one{display:grid;grid-template-columns:1fr;gap:10px}@media (max-width: 1199px){.BestItems{margin:24px 0 40px;padding:0 24px}}@media (max-width: 767px){.BestItems{margin:17px 0 24px;padding:16px}}.Item{display:flex;flex-direction:column;gap:16px;transition:transform .2s ease}.Item:hover{transform:scale(1.03)}.item-skeleton{display:flex;flex-direction:column;gap:16px;border-radius:16px}.skeleton-image{width:100%;aspect-ratio:1/1;background-color:#e0e0e0;border-radius:8px}.text-section{display:flex;flex-direction:column;gap:6px}.skeleton-text{width:100%;height:14px;background-color:#e0e0e0;border-radius:4px;margin:2px 0}.skeleton-text.name{width:70%;height:20px}.skeleton-text.price{width:50%;height:22px}.skeleton-text.favorite{width:15%;height:14px}.image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden}.image-skeleton{position:absolute;width:100%;height:100%;background:#e0e0e0;animation:pulse 1.2s infinite ease-in-out;border-radius:16px}.item-img.hidden{display:none}.item-img.visible{display:block;width:100%;border-radius:16px;aspect-ratio:1 / 1;object-fit:cover}@keyframes pulse{0%{background-color:#e0e0e0}50%{background-color:#f0f0f0}to{background-color:#e0e0e0}}.Item .text-section{display:flex;flex-direction:column;gap:6px}.Item .item-name{font-size:14px;font-weight:500;line-height:24px;color:var(--gray800)}.Item .item-price{font-size:16px;font-weight:700;line-height:26px;color:var(--gray800)}.Item .favorite{display:flex;gap:4px}.Item .favorite-count{font-size:12px;font-weight:500;line-height:18px;color:var(--gray600)}.Pagination{display:flex;justify-content:center;align-items:center;gap:4px;margin:40px 0 50px}.Pagination button{width:40px;height:40px;border-radius:40px;border:1px solid var(--gray200);background-color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;color:var(--gray500)}.Pagination button:disabled{opacity:.5;cursor:not-allowed}.Pagination .active{background-color:#2f80ed;color:var(--gray100)}.AllItems{max-width:1200px;width:100%;margin:0 auto 40px;display:flex;flex-direction:column;gap:24px}.AllItems .top-section{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.AllItems .top-section .title{font-size:20px;font-weight:700;color:var(--gray900);flex:1;white-space:nowrap;order:1}.AllItems .search-container{position:relative;order:2}.AllItems .search-input{background-color:var(--gray100);border-radius:12px;padding-left:44px;width:325px;height:45px;border:none;font-size:16px}.AllItems .search-input::placeholder{font-size:16px;font-weight:400;color:var(--gray400);line-height:26px}.AllItems .search-input:focus{outline:none;border:2px solid var(--blue100)}.AllItems .search-container>img{position:absolute;top:50%;transform:translateY(-50%);left:16px}.AllItems .register{font-size:16px;font-weight:600;color:var(--gray100);padding:12px 23px;background-color:var(--blue100);border-radius:8px;border:none;white-space:nowrap;order:3}.AllItems .register:hover{background-color:var(--blue200);color:#fff;cursor:pointer;transition:all .3s ease;transform:translateY(2px);box-shadow:0 4px 12px #0000001a}.AllItems .orderby{padding:12px 20px;background-color:#fff;border-radius:12px;border:1px solid var(--gray200);font-size:16px;font-weight:400;color:var(--gray800);order:4;width:130px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;position:relative}.AllItems .orderby-icon{width:24px;height:24px;background-image:url("data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.2151%2015.4653C12.8975%2015.7654%2012.4008%2015.7654%2012.0832%2015.4653L6.3047%2010.006C5.76275%209.49404%206.1251%208.58286%206.87066%208.58286L18.4276%208.58286C19.1732%208.58286%2019.5355%209.49404%2018.9936%2010.006L13.2151%2015.4653Z'%20fill='%231F2937'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:cover;background-position:center;border:none;background-color:#fff}.AllItems .orderby-dropdown{position:absolute;background:#fff;border:1px solid var(--gray200);border-radius:12px;z-index:1;left:0;bottom:-92px}.AllItems .orderby-dropdown div{width:130px;height:42px;font-size:16px;font-weight:400;color:var(--gray800);display:flex;justify-content:center;align-items:center}.AllItems .orderby-dropdown .first-option{border-bottom:1px solid var(--gray200)}.AllItems .items-container{display:grid;grid-template-columns:repeat(5,221px);gap:40px 24px}@media (max-width: 1199px){.AllItems{margin:0 0 40px;padding:0 24px}.AllItems .items-container{grid-template-columns:repeat(3,calc((100% - 32px) / 3));gap:40px 16px}.AllItems .search-input{width:272px}}@media (max-width: 767px){.AllItems{padding:16px}.AllItems .title{min-width:calc(100% - 200px)}.AllItems .search-container{order:3;display:flex;flex:1}.AllItems .search-input{flex:1;width:100%}.AllItems .register{order:2}.AllItems .items-container{grid-template-columns:repeat(2,calc((100% - 8px)/2));gap:32px 8px}.AllItems .orderby{display:inline-block;padding:9px;border:1px solid var(--gray200);border-radius:12px;order:4;width:42px;height:42px;position:relative;cursor:pointer}.AllItems .orderby p{display:none}.AllItems .orderby-icon{width:24px;height:24px;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15%206.5V17.5M15%2017.5L11.5%2014M15%2017.5L18.5%2014'%20stroke='%231F2937'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M7.90002%2015.5L9.50002%2015.5'%20stroke='%231F2937'%20stroke-width='1.8'%20stroke-linecap='round'/%3e%3cpath%20d='M5%207.5H10'%20stroke='%231F2937'%20stroke-width='1.8'%20stroke-linecap='round'/%3e%3cpath%20d='M6.30005%2011.5L9.50005%2011.5'%20stroke='%231F2937'%20stroke-width='1.8'%20stroke-linecap='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:cover;background-position:center;border:none;background-color:#fff}.orderby-dropdown{left:-90px;bottom:-90px}}.product-info{display:flex;width:1200px;gap:24px;margin:24px auto 40px;padding-bottom:40px;border-bottom:1px solid var(--gray200)}.product-info .image-section{width:486px;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden}.product-info .image-section img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.product-info .text-section{display:flex;flex:1;flex-direction:column;gap:62px}.product-info .item-info{display:flex;flex-direction:column;gap:24px;flex:1}.product-info .item-header,.product-info .item-description,.product-info .item-tags{display:flex;flex-direction:column;gap:16px}.product-info .item-header{padding-bottom:16px;border-bottom:1px solid var(--gray200)}.product-info .item-name{font-size:24px;font-weight:600;line-height:32px;color:var(--gray800)}.product-info .item-price{font-size:40px;font-weight:600;color:var(--gray800)}.product-info h3{font-size:16px;font-weight:600;line-height:26px;color:var(--gray600)}.product-info .item-description p{font-size:16px;font-weight:400;line-height:26px;color:var(--gray600)}.product-info .tag-list{display:flex;flex-wrap:wrap;gap:8px}.product-info .tag{display:flex;justify-content:center;align-items:center;padding:6px 16px;background-color:var(--gray100);border-radius:26px;height:36px;font-size:16px;font-weight:400;line-height:26px;color:var(--gray800)}.product-info .user-info{display:flex;gap:16px;align-items:center}.product-info .user-image{width:40px;aspect-ratio:1 / 1}.product-info .user-image img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.product-info .user-text{flex:1}.product-info .user-name{font-size:14px;font-weight:500;line-height:24px;color:var(--gray600)}.product-info .date{font-size:14px;font-weight:400;line-height:24px;color:var(--gray400)}.product-info .favorite-section{height:40px;border-radius:35px;border:1px solid var(--gray200);background-color:#fff;display:flex;align-items:center;gap:4px;font-size:16px;font-weight:500;line-height:26px;color:var(--gray500);padding:4px 12px}.product-info .favorite-section button{background-color:#fff;border:none;width:32px;height:32px;display:flex;justify-content:center;align-items:center}.skeleton{background-color:#e2e2e2;border-radius:4px;animation:pulse 1.5s infinite ease-in-out}.product-info .skeleton.image{width:100%;border-radius:16px;aspect-ratio:1/1}.product-info .skeleton.text{height:20px;margin:8px 0}.product-info .skeleton.tag{width:100px;height:36px;margin-right:8px;display:inline-block}@media (max-width: 1199px){.product-info{width:inherit;margin:24px;padding-bottom:32px;gap:16px}.product-info .image-section{width:340px}.product-info .image-section img{border-radius:20px}.product-info .text-section{gap:40px}.product-info .item-info{gap:16px}.product-info .item-header,.product-info .item-description,.product-info .item-tags{gap:8px}.product-info .item-name{font-size:20px}.product-info .item-price{font-size:32px}.product-info h3{font-size:14px;line-height:24px}.product-info .favorite-section{height:32px}.product-info .favorite-section img,.product-info .favorite-section button{width:24px;height:24px}}@media (max-width: 767px){.product-info{flex-direction:column;width:inherit;margin:16px;padding-bottom:24px;gap:16px}.product-info .image-section{width:100%}.product-info .item-name{font-size:16px}.product-info .item-price{font-size:24px}}.comment-section{display:flex;flex-direction:column;gap:24px;width:1200px;margin:0 auto}.comment-section .make-comment{display:flex;flex-direction:column;gap:9px}.comment-section .comment-label{font-size:16px;font-weight:600;line-height:26px;color:var(--gray900)}.comment-section .comment-input{height:104px;resize:none;padding:16px 24px;border-radius:12px;border:none;background-color:var(--gray100)}.comment-section .comment-input::placeholder{font-size:16px;font-weight:400;line-height:26px;color:var(--gray400)}.comment-section .comment-edit{height:80px;width:1200px;resize:none;padding:16px 24px;border-radius:12px;border:none;background-color:var(--gray100)}.comment-section .register-button,.comment-section .cancel,.comment-section .edit{padding:10px 23px;background-color:var(--blue100);color:var(--gray100);border:none;border-radius:8px;font-size:16px;font-weight:600;line-height:26px;margin-bottom:12px}.comment-section .register-button{margin:7px 0 0 auto}.comment-section .register-button:disabled{background-color:var(--gray400);cursor:not-allowed}.comment-section .register-button:not(:disabled):hover{background-color:var(--blue200);color:#fff;cursor:pointer;transition:all .3s ease;transform:translateY(2px);box-shadow:0 4px 12px #0000001a}.comment-section .comment-list{display:flex;flex-direction:column;gap:24px;margin-bottom:64px}.comment-section .comment{display:flex;flex-direction:column;gap:24px;border-bottom:1px solid var(--gray200)}.comment-section .comment-detail{display:flex;justify-content:space-between;align-items:center}.comment-section .content{font-size:14px;font-weight:400;line-height:24px}.comment-section .option{position:relative}.comment-section .option-button{display:flex;justify-content:center;align-items:center;padding:5px 0;width:24px;height:24px;background-color:#fff;border:none}.comment-section .user-info{display:flex;gap:8px;align-items:center;margin-bottom:12px}.comment-section .user-image{width:32px;aspect-ratio:1 / 1}.comment-section .user-image img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.comment-section .user-text{flex:1}.comment-section .user-name{font-size:12px;font-weight:400;line-height:18px;color:var(--gray600)}.comment-section .date{font-size:12px;font-weight:400;line-height:18px;color:var(--gray400)}.comment-section .orderby-dropdown{position:absolute;background:#fff;border:1px solid #d1d5db;border-radius:8px;z-index:1;left:-106px;bottom:-100px}.comment-section .orderby-dropdown div{width:130px;height:46px;font-size:16px;font-weight:400;color:var(--gray500);display:flex;justify-content:center;align-items:center;cursor:pointer}.comment-section .edit-buttons{display:flex;align-items:center;justify-content:center;gap:4px}.comment-section .cancel{padding:14px 20px 7px;background-color:#fff;color:var(--gray500)}.no-comments{width:1200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:400;line-height:26px;color:var(--gray400);margin-bottom:48px}.comment-section .skeleton{background-color:#e2e2e2;border-radius:4px;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.comment-section .skeleton.avatar{width:32px;height:32px;border-radius:50%}.comment-section .skeleton.text{height:18px;margin-bottom:8px;border-radius:4px}@media (max-width: 1199px){.comment-section{gap:40px;width:inherit;margin:0 24px}.comment-section .comment-list{margin-bottom:56px}.no-comments{width:inherit}}@media (max-width: 767px){.comment-section{margin:0 16px}.comment-section .comment-list{margin-bottom:40px}.comment-section .orderby-dropdown{left:-78px;bottom:-100px}.comment-section .orderby-dropdown div{width:102px;height:45px;font-size:14px}}.goback-button{display:flex;height:48px;padding:12px 64px;justify-content:center;align-items:center;gap:8px;border-radius:40px;background-color:var(--blue100);border:none;color:var(--gray100);text-align:center;font-size:18px;font-weight:600;line-height:26px;margin:0 auto 42px}.goback-button:hover{background-color:var(--blue200);color:#fff;cursor:pointer;transition:all .3s ease;transform:translateY(2px);box-shadow:0 4px 12px #0000001a}.add-item{display:flex;flex-direction:column;margin:24px auto 69px;max-width:1200px;gap:24px}.add-item .register{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:700}.add-item .register button{padding:12px 23px;background-color:var(--blue100);color:var(--gray100);border:none;border-radius:8px;font-size:16px;font-weight:600}.add-item .register button:disabled{background-color:var(--gray400);cursor:not-allowed}.add-item .register button:not(:disabled):hover{background-color:var(--blue200);color:#fff;cursor:pointer;transition:all .3s ease;transform:translateY(2px);box-shadow:0 4px 12px #0000001a}.add-item .info-section{display:flex;flex-direction:column;gap:32px;font-size:18px;font-weight:700;line-height:26px}.add-item .info-section.size-down{gap:24px}.add-item .image-section,.add-item .name-section,.add-item .description-section,.add-item .price-section,.add-item .tag-section{display:flex;flex-direction:column;gap:16px}.add-item .upload-section{display:flex;gap:24px}.add-item .upload-button{width:282px;height:282px;display:flex;align-items:center;justify-content:center;border-radius:12px;background-color:var(--gray200);cursor:pointer}.add-item .image-upload{display:flex;flex-direction:column;align-items:center;gap:12px}.add-item .image-upload span{font-size:16px;font-weight:400;line-height:26px;color:var(--gray400)}.add-item .image-uploaded{width:282px;height:282px;border-radius:12px;overflow:hidden;position:relative}.add-item .image-uploaded img{width:100%;height:100%}.add-item .image-uploaded .delete-button{position:absolute;top:12px;right:12px}.add-item .name-input,.add-item .description-input,.add-item .price-input,.add-item .tag-input{height:56px;padding:16px 24px;border-radius:12px;border:none;background-color:var(--gray100);font-size:16px;font-weight:400;line-height:26px}.add-item .description-input{height:282px;resize:none;letter-spacing:-.7px}.add-item .show-tag{display:flex;flex-direction:column;gap:14px}.add-item .tag-list ul{display:flex;flex-wrap:wrap;gap:12px}.add-item .tag-list li{display:flex;justify-content:center;align-items:center;gap:10px;padding:6px 12px;background-color:var(--gray100);border-radius:26px;height:36px;font-size:16px;font-weight:400}.add-item .delete-button{background-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='24'%20viewBox='0%200%2022%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='11'%20cy='12'%20r='10'%20fill='%239CA3AF'/%3e%3cpath%20d='M7.08032%208L15.0803%2016'%20stroke='%23F9FAFB'%20stroke-width='1.8'%20stroke-linecap='round'/%3e%3cpath%20d='M15%208L7%2016'%20stroke='%23F9FAFB'%20stroke-width='1.8'%20stroke-linecap='round'/%3e%3c/svg%3e");width:20px;height:20px;border:none;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:transparent}.add-item .error-message{color:var(--red);font-size:16px;font-weight:400}.add-item .hidden{display:none}@media (max-width: 1248px){.add-item{margin:24px 24px 69px}}@media (max-width: 1199px){.add-item{margin:16px 24px}.add-item .info-section{gap:24px}.add-item .upload-section{gap:10px}.add-item .upload-button,.add-item .image-uploaded{width:168px;height:168px}}@media (max-width: 767px){.add-item{margin:24px 16px}}