a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;color:var(--black);text-decoration:none;cursor:pointer}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:Pretendard-Regular;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}:root{--primary100:#3692ff;--primary200:#1967d6;--primary300:#1251aa;--gray900:#111827;--gray800:#1f2937;--gray700:#374151;--gray600:#4b5563;--gray500:#6b7280;--gray400:#9ca3af;--gray300:#d1d5db;--gray200:#e5e7eb;--gray100:#f3f4f6;--gray50:#f9fafb;--black:#000;--white:#fff;--milkWhite:#fcfcfc;--hawkesBlue:#cfe5ff;--pattensBlue:#e6f2ff;--clearBlue:#2f80ed;--lightGray:#dfdfdf;--iron:#d1d5db;--error:#f74747;--normal:400;--medium:500;--semiBold:600;--bold:700}*{font-family:Pretendard-Regular;box-sizing:border-box}html{font-size:62.5%}body{font-size:1rem}button{cursor:pointer}button:disabled{cursor:not-allow}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0;clip:rect(0 0 0 0)}header{position:-webkit-sticky;position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;height:7rem;padding:.8rem 200px;border-bottom:.1rem solid var(--lightGray);background-color:var(--white)}header .logo{width:15.3rem;min-width:15.3rem;height:5.1rem}header .logo-img{position:relative;display:block;width:100%;height:100%}header .logo-img.logo-mobile{display:none}header .login-area{display:flex;justify-content:space-between;align-items:center;width:100%;margin-left:4.7rem}header .login-area .content-link a{font-size:1.8rem;font-weight:var(--bold);line-height:2.6rem;color:var(--gray600)}header .login-area .content-link a+a{margin-left:3rem}header .login-area .content-link a.active{color:var(--primary100)}header .login-area .btn-profile{position:relative;width:4rem;height:4rem;border:0;background-color:transparent}header .login-area .btn-profile .btn-logout{position:absolute;bottom:-6rem;right:0;width:13.9rem;padding:1.6rem 0;border:.1rem solid var(--gray300);border-radius:.8rem;background-color:var(--white);font-size:1.6rem;line-height:1.9rem;color:var(--gray500)}header .link-login{display:flex;justify-content:center;align-items:center;width:12.8rem;height:4.8rem;border-radius:.8rem;background-color:var(--primary100);font-size:1.6rem;font-weight:var(--semiBold);line-height:2.6rem;color:var(--gray100)}header .link-login:hover{background-color:var(--primary200)}header .link-login:active{background-color:var(--primary300)}@media (max-width:1199px){header{padding:.8rem 2.4rem}header .login-area{margin-left:3.5rem}}@media (max-width:767px){header{padding:.8rem 1.6rem}header .logo{width:8.1rem;min-width:8.1rem;height:4rem}header .logo-img.logo-pc{display:none}header .logo-img.logo-mobile{display:block}header .login-area{margin-left:.8rem}header .login-area .content-link a{font-size:1.6rem}header .login-area .content-link a+a{margin-left:.8rem}}footer{background-color:var(--gray900)}footer .footer-wrap{display:flex;align-items:center;justify-content:space-between;max-width:112rem;margin:0 auto;padding:3.2rem 0 10.8rem}footer .footer-wrap>div{font-size:1.6rem;font-weight:var(--normal)}footer .footer-wrap .corp{color:var(--gray400)}footer .footer-wrap .links{display:flex;gap:0 3rem}footer .footer-wrap .links a{color:var(--gray200)}footer .footer-wrap .sns{display:flex;gap:0 2rem}footer .footer-wrap .sns a{position:relative;display:block;width:2rem;height:2rem}footer .footer-wrap .sns a img{display:block;width:100%;height:100%}@media (max-width:1199px){footer .footer-wrap{padding:3.2rem 10.4rem 10.8rem}footer .footer-wrap .sns{gap:0 1.2rem}}@media (max-width:767px){footer .footer-wrap{position:relative;padding:3.2rem 3.2rem 11rem}footer .footer-wrap .corp{position:absolute;bottom:3.2rem;left:3.2rem}}.product{width:100%}.product .img-wrap{position:relative;aspect-ratio:1/1;border-radius:1.6rem;overflow:hidden}.product .img-wrap img{display:block;width:100%;height:100%}.product .desc-wrap .product-name{margin-top:1.6rem;font-size:1.4rem;font-weight:var(--medium);line-height:2.4rem;color:var(--gray800)}.product .desc-wrap .product-price{margin-top:.6rem;font-size:1.6rem;font-weight:var(--bold);line-height:2.6rem;color:var(--gray800)}.product .desc-wrap .product-favorite{display:flex;align-items:center;margin-top:.6rem}.product .desc-wrap .product-favorite div{position:relative;display:block;width:1.6rem;height:1.6rem;margin-right:.4rem}.product .desc-wrap .product-favorite span{font-size:1.2rem;font-weight:var(--medium);line-height:1.8rem;color:var(--gray600)}.sort-area{position:relative;width:13rem;height:4.2rem;z-index:1}.sort-area .btn-sort{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 2rem;border:.1rem solid var(--gray200);border-radius:1.2rem;background-color:var(--white);font-size:1.6rem;line-height:4.2rem;color:var(--gray800);text-align:left}.sort-area .btn-sort:before{content:"";position:absolute;top:50%;right:2rem;width:2.4rem;height:2.4rem;background:url(/icons/ic_arrow_down.svg) no-repeat 50%/cover;transform:translateY(-50%);z-index:1}.sort-area .options{overflow:hidden;position:absolute;top:calc(100% + .8rem);left:0;width:13rem;border:.1rem solid var(--gray200);border-radius:1.2rem}.sort-area .options button{display:block;width:100%;border:0;background-color:var(--white);font-size:1.6rem;line-height:4.2rem;text-align:center;color:var(--gray800)}.sort-area .options button+button{border-top:.1rem solid var(--gray200)}@media (max-width:767px){.sort-area{width:4.2rem}.sort-area .btn-sort:before{left:50%;background-image:url(/icons/ic_sort.svg);transform:translate(-50%,-50%)}.sort-area .btn-sort .mo-hidden{display:none}.sort-area .options{left:auto;right:0}}.btn-primary{border:0;border-radius:.8rem;padding:.8rem 2.3rem;background-color:var(--primary100);font-size:1.6rem;font-weight:var(--semiBold);line-height:2.6rem}.btn-primary,.btn-primary a{color:var(--gray100)}.btn-primary:disabled{cursor:not-allowed;background-color:var(--gray400)}.btn-primary.hover{box-shadow:.2rem .2rem .1rem var(--black)}.pagination{display:flex;align-items:center;justify-content:center;gap:0 .4rem;margin:4.3rem 0 5.8rem}.pagination .btn-pagination{width:4rem;height:4rem;border-radius:50%;border:.1rem solid var(--gray200);background-color:var(--white);font-size:1.6rem;line-height:2.6rem;color:var(--gray500)}.pagination .btn-pagination.active{background-color:var(--clearBlue);color:var(--white)}.pagination .btn-pagination:not(.active):hover{opacity:.5}.pagination .btn-pagination.btn-next,.pagination .btn-pagination.btn-prev{background:url(/icons/ic_arrow_right.svg) no-repeat 50%/1.6rem 1.6rem}.pagination .btn-pagination.btn-next:disabled,.pagination .btn-pagination.btn-prev:disabled{cursor:not-allowed;background-image:url(/icons/ic_arrow_right_disable.svg)}.pagination .btn-pagination.btn-next{transform:rotate(180deg)}.form-input-wrap{display:flex;flex-direction:column;gap:1.6rem 0}.form-input-wrap label{font-size:1.8rem;font-weight:var(--bold);line-height:2.6rem;color:var(--gray800)}.form-input-wrap input:not([type=file]),.form-input-wrap textarea{border:0;border-radius:1.2rem;padding:1.6rem 2.4rem;background-color:var(--gray100);font-size:1.6rem;line-height:2.6rem;color:var(--gray800)}.form-input-wrap input:not([type=file])::placeholder,.form-input-wrap textarea::placeholder{color:var(--gray400)}.form-input-wrap input:not([type=file]):focus,.form-input-wrap textarea:focus{outline:.1rem solid var(--primary100)}.form-input-wrap textarea{height:28.2rem;resize:none}.form-input-wrap .upload-area{display:flex;gap:0 2.4rem}.form-input-wrap .upload-area .btn-upload-img,.form-input-wrap .upload-area .thumbnail{width:28.2rem;aspect-ratio:1/1;border-radius:1.2rem}.form-input-wrap .upload-area .btn-upload-img{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem 0;padding:0;border:0;font-size:1.6rem;line-height:2.6rem;color:var(--gray400)}.form-input-wrap .upload-area .btn-upload-img span{position:relative;width:4.8rem;height:4.8rem}.form-input-wrap .upload-area .thumbnail{overflow:hidden;position:relative;border:.1rem solid var(--gray50)}.form-input-wrap .upload-area .thumbnail img{width:100%;height:100%}.form-input-wrap .upload-area .thumbnail .btn-delete-thumbnail{position:absolute;top:1.4rem;right:1.3rem;width:2.2rem;height:2.4rem;border:0;background:url(/icons/ic_delete.svg) no-repeat 50%/cover}.form-input-wrap .error-msg{font-size:1.6rem;line-height:2.6rem;color:var(--error)}.form-input-wrap .tag-area{display:flex;gap:1.2rem;margin-top:1.4rem}.form-input-wrap .tag-area .tag{position:relative;padding:.5rem 4.2rem .5rem 1.6rem;border-radius:2.6rem;background-color:var(--gray100);font-size:1.6rem;line-height:2.6rem;color:var(--gray800)}.form-input-wrap .tag-area .tag .btn-delete-tag{position:absolute;top:.6rem;right:1.2rem;width:2.2rem;height:2.4rem;border:0;background:url(/icons/ic_delete.svg) no-repeat 50%/cover}@media (max-width:1199px){.form-input-wrap .upload-area{gap:0 1rem}.form-input-wrap .upload-area .btn-upload-img,.form-input-wrap .upload-area .thumbnail{width:16.8rem}}.page-detail{max-width:120rem;margin:2.4rem auto 0}.page-detail .product-detail-contents{position:relative;display:flex;gap:1.6rem;margin-bottom:4rem;padding-bottom:4rem;border-bottom:.1rem solid var(--gray200)}.page-detail .product-detail-contents .menu{position:absolute;right:0;top:0}.page-detail .product-detail-contents .img-wrap{flex-shrink:0;position:relative;width:48.6rem;height:48.6rem;border-radius:1.6rem;overflow:hidden}.page-detail .product-detail-contents .img-wrap img{width:100%;height:100%}.page-detail .product-detail-contents .desc-wrap{flex:1 1;display:flex;flex-direction:column;flex-wrap:wrap;overflow:hidden}.page-detail .product-detail-contents .desc-wrap .detail-name{width:100%;padding-right:30px;font-size:2.4rem;font-weight:var(--semiBold);line-height:3.2rem;color:var(--gray800);overflow:hidden;text-overflow:ellipsis}.page-detail .product-detail-contents .desc-wrap .detail-price{margin-bottom:2.4rem;padding:1.6rem 0;border-bottom:.1rem solid var(--gray200);font-size:4rem;font-weight:var(--semiBold);color:var(--gray800)}.page-detail .product-detail-contents .desc-wrap .detail-description-wrap .detail-description-title{margin-bottom:1.6rem;font-size:1.6rem;font-weight:var(--semiBold);line-height:2.6rem;color:var(--gray600)}.page-detail .product-detail-contents .desc-wrap .detail-description-wrap .detail-description{margin-bottom:2.4rem;font-size:1.6rem;line-height:2.6rem;color:var(--gray600)}.page-detail .product-detail-contents .desc-wrap .detail-tag-wrap .detail-tag-title{margin-bottom:1.6rem;font-size:1.6rem;font-weight:var(--semiBold);line-height:2.6rem;color:var(--gray600)}.page-detail .product-detail-contents .desc-wrap .detail-tag-wrap .detail-tags{display:flex;flex-wrap:wrap;gap:.8rem}.page-detail .product-detail-contents .desc-wrap .detail-tag-wrap .detail-tags .detail-tag{max-width:150px;overflow:hidden;text-overflow:ellipsis;padding:.5rem 1.6rem;border-radius:2.6rem;background-color:var(--gray100);font-size:1.6rem;line-height:2.6rem;color:var(--gray800)}.page-detail .product-detail-contents .desc-wrap .detail-footer{display:flex;margin:auto 0 0;padding-top:4rem;justify-content:space-between;align-items:center}.page-detail .product-detail-contents .desc-wrap .detail-footer .owner-wrap{display:flex;align-items:center;gap:0 1.6rem}.page-detail .product-detail-contents .desc-wrap .detail-footer .owner-wrap .owner-icon{position:relative;width:4rem;height:4rem}.page-detail .product-detail-contents .desc-wrap .detail-footer .owner-wrap .owner-desc .owner-name{margin-bottom:.2rem;font-size:1.4rem;font-weight:var(--medium);line-height:2.4rem;color:var(--gray600)}.page-detail .product-detail-contents .desc-wrap .detail-footer .owner-wrap .owner-desc .date-update{font-size:1.4rem;line-height:2.4rem;color:var(--gray400)}.page-detail .product-detail-contents .desc-wrap .detail-footer .btn-favorite{position:relative;display:flex;align-items:center;gap:0 .4rem;padding:.4rem 1.2rem .2rem;border-radius:3.5rem;border:.1rem solid var(--gray200);background-color:var(--white)}.page-detail .product-detail-contents .desc-wrap .detail-footer .btn-favorite:before{content:"";position:absolute;top:0;left:-2.4rem;width:.1rem;height:100%;background-color:var(--gray200)}.page-detail .product-detail-contents .desc-wrap .detail-footer .btn-favorite div{position:relative;width:3.2rem;height:3.2rem}.page-detail .product-detail-contents .desc-wrap .detail-footer .btn-favorite span{font-size:1.6rem;font-weight:var(--medium);line-height:2.6rem;color:var(--gray500)}.page-detail .article-inquiry-wrap form label,.page-detail .product-inquiry-wrap form label{display:block;margin-bottom:.9rem;font-size:1.6rem;font-weight:var(--semiBold);line-height:2.6rem;color:var(--gray900)}.page-detail .article-inquiry-wrap form textarea,.page-detail .product-inquiry-wrap form textarea{display:block;width:100%;height:10.4rem;margin-bottom:1.6rem;padding:1.6rem 2.4rem;border:0;border-radius:1.2rem;background-color:var(--gray100);font-size:1.6rem;line-height:2.6rem;color:var(--gray800);resize:none}.page-detail .article-inquiry-wrap form textarea::placeholder,.page-detail .product-inquiry-wrap form textarea::placeholder{color:var(--gray400)}.page-detail .article-inquiry-wrap form textarea:focus,.page-detail .product-inquiry-wrap form textarea:focus{outline:.1rem solid var(--primary100)}.page-detail .article-inquiry-wrap form .btn-add,.page-detail .product-inquiry-wrap form .btn-add{display:block;margin:0 0 0 auto}.page-detail .article-detail-contents{margin-bottom:3.2rem}.page-detail .article-detail-contents .desc-wrap{display:flex;flex-direction:column;gap:1.6rem;margin-bottom:2.4rem;padding-bottom:1.6rem;border-bottom:.1rem solid var(--gray200)}.page-detail .article-detail-contents .detail-title{font-size:2rem;font-weight:var(--bold);line-height:3.2rem;color:var(--gray800)}.page-detail .article-detail-contents .detail-writer-wrap{display:flex;align-items:center}.page-detail .article-detail-contents .detail-writer-wrap .writer-img{width:4rem;height:4rem;margin-right:1.6rem}.page-detail .article-detail-contents .detail-writer-wrap .writer-name{margin-right:.8rem;font-size:1.4rem;font-weight:var(--medium);line-height:2.4rem;color:var(--gray600)}.page-detail .article-detail-contents .detail-writer-wrap .update-date{margin-right:4.4rem;font-size:1.4rem;line-height:2.4rem;color:var(--gray400)}.page-detail .article-detail-contents .detail-writer-wrap .like-count{position:relative;display:flex;align-items:center;gap:0 .4rem;padding:.4rem 1.2rem .2rem;border-radius:3.5rem;border:.1rem solid var(--gray200);background-color:var(--white)}.page-detail .article-detail-contents .detail-writer-wrap .like-count:before{content:"";position:absolute;top:0;left:-2.4rem;width:.1rem;height:100%;background-color:var(--gray200)}.page-detail .article-detail-contents .detail-writer-wrap .like-count .icon-heart{width:3.2rem;height:3.2rem}.page-detail .article-detail-contents .detail-writer-wrap .like-count span{font-size:1.6rem;font-weight:var(--medium);line-height:2.6rem;color:var(--gray500)}.page-detail .article-detail-contents .detail-desc{font-size:1.8rem;line-height:2.6rem;color:var(--gray800)}.page-detail .end-point{height:.1rem}.page-detail .navigate-to-items{display:flex;align-items:center;gap:.8rem;width:-moz-fit-content;width:fit-content;margin:0 auto 4rem;padding:1.1rem 3.95rem;border-radius:4rem;background-color:var(--primary100);font-size:1.8rem;line-height:2.6rem;color:var(--white)}.page-detail .navigate-to-items:hover{outline:.1rem solid var(--black)}.page-detail .navigate-to-items span{position:relative;width:2.4rem;height:2.4rem}@media (max-width:1199px){.page-detail{max-width:69.6rem}.page-detail .product-detail-contents{padding-bottom:3.2rem}.page-detail .product-detail-contents .img-wrap{width:34rem;height:34rem}.page-detail .product-detail-contents .desc-wrap .detail-name{font-size:2rem}.page-detail .product-detail-contents .desc-wrap .detail-price{margin-bottom:1.6rem;padding-top:.8rem;font-size:3.2rem}.page-detail .product-detail-contents .desc-wrap .detail-description-wrap .detail-description-title,.page-detail .product-detail-contents .desc-wrap .detail-tag-wrap .detail-tag-title{margin-bottom:.8rem;font-size:1.4rem;line-height:2.4rem}.page-detail .product-detail-contents .desc-wrap .detail-footer .btn-favorite img{width:2.4rem;height:2.4rem}}@media (max-width:767px){.page-detail{max-width:34.4rem}.page-detail .product-detail-contents{flex-direction:column;margin-bottom:2.4rem;padding-bottom:2.4rem}.page-detail .product-detail-contents .desc-wrap .detail-name{font-size:1.6rem;line-height:2.6rem}.page-detail .product-detail-contents .desc-wrap .detail-price{font-size:2.4rem}.page-detail .product-inquiry-wrap form label{margin-bottom:1.6rem}.page-detail .product-inquiry-wrap form textarea{height:12.9rem;font-size:1.4rem;line-height:2.4rem}}.content-inquiry{position:relative;margin-top:2.4rem;padding-bottom:1.2rem;border-bottom:.1rem solid var(--gray200)}.content-inquiry:last-child{margin-bottom:6.4rem}.content-inquiry .menu{position:absolute;top:0;right:0}.content-inquiry .inquiry-comment p{margin-bottom:2.4rem;margin-right:2.8rem;font-size:1.4rem;line-height:2.4rem}.content-inquiry .inquiry-comment textarea{display:block;width:100%;height:8rem;margin-bottom:1.6rem;padding:1.6rem 2.4rem;border:0;border-radius:1.2rem;background-color:var(--gray100);font-size:1.4rem;line-height:2.4rem;color:var(--gray800);resize:none}.content-inquiry .inquiry-comment textarea:focus{border:.1rem solid var(--primary100)}.content-inquiry .inquiry-comment textarea::placeholder{color:var(--gray400)}.content-inquiry .inquiry-footer{display:flex;align-items:center;justify-content:space-between}.content-inquiry .inquiry-footer .user-area{display:flex;gap:.8rem}.content-inquiry .inquiry-footer .user-area .writer-icon{position:relative;width:3.2rem;height:3.2rem}.content-inquiry .inquiry-footer .user-area .writer-name{margin-bottom:.4rem;font-size:1.2rem;line-height:1.8rem;color:var(--gray600)}.content-inquiry .inquiry-footer .user-area .date-update{font-size:1.2rem;line-height:1.8rem;color:var(--gray400)}.content-inquiry .inquiry-footer .edit-area button{border:0;font-size:1.6rem;font-weight:var(--semiBold);line-height:2.6rem}.content-inquiry .inquiry-footer .edit-area .btn-cancel{background-color:var(--white);padding:1.4rem 2rem .7rem;color:var(--gray500)}.content-inquiry .inquiry-footer .edit-area .btn-edit{padding:.8rem 2.3rem;border-radius:.8rem;background-color:var(--primary100);color:var(--gray100)}.inquiry-empty{display:flex;flex-direction:column;align-items:center;justify-items:center;gap:.4rem;margin:2.4rem 0 4.8rem}.inquiry-empty div{position:relative;width:19.6rem;height:19.6rem}.inquiry-empty span{font-size:1.6rem;line-height:2.6rem;color:var(--gray400)}@media (max-width:1199px){.content-inquiry:last-child{margin-bottom:5.6rem}}@media (max-width:767px){.content-inquiry:last-child{margin-bottom:4rem}}.btn-open-menu{position:relative;width:2.4rem;height:2.4rem;padding:0;border:0;background-color:var(--white)}.btn-open-menu img{display:block;width:100%;height:100%}.menus{position:absolute;z-index:1;top:3.4rem;right:0;border-radius:.8rem;border:.1rem solid var(--iron);overflow:hidden}.menus button{width:max-content;height:4.6rem;padding:0 4.15rem;border:0;background-color:var(--white);font-size:1.6rem;line-height:2.6rem;color:var(--gray500)}.article{display:flex;flex-direction:column;justify-content:space-between;position:relative;margin-top:2.4rem;padding-bottom:2.4rem;background-color:var(--milkWhite);border-bottom:.1rem solid var(--gray200)}.article .medal-wrap{position:absolute;top:0;left:2.4rem;display:flex;align-items:center;justify-content:center;width:10.2rem;height:3rem;border-radius:0 0 1.6rem 1.6rem;background-color:var(--primary100);font-size:1.6rem;font-weight:var(--semiBold);line-height:2.6rem;color:var(--white)}.article .medal-wrap span{position:relative;display:inline-block;width:1.6rem;height:1.6rem;margin-right:.4rem}.article .content-wrap{display:flex;justify-content:space-between;gap:.8rem;margin-bottom:1.8rem}.article .content-wrap .title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;height:100%;font-size:2rem;font-weight:var(--semiBold);line-height:3.2rem;color:var(--gray800)}.article .content-wrap .img-wrap{flex-shrink:0;position:relative;width:7.2rem;height:7.2rem;border:.1rem solid var(--gray200);border-radius:.6rem;background-color:var(--white);overflow:hidden}.article .desc-wrap{display:flex;align-items:center;justify-content:space-between}.article .desc-wrap .user-wrap{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;line-height:2.4rem}.article .desc-wrap .user-profile{position:relative;width:2.4rem;height:2.4rem}.article .desc-wrap .nickname{color:var(--gray600)}.article .desc-wrap .like-count{display:flex;align-items:center;gap:.4rem;font-size:1.6rem;line-height:2.6rem;color:var(--gray500)}.article .desc-wrap .like-count span{position:relative;display:inline-block;width:2.4rem;height:2.4rem}.article .desc-wrap .date{font-size:1.4rem;line-height:2.4rem;color:var(--gray400)}.article.best{width:38.4rem;height:16.9rem;margin-top:0;padding:4.6rem 2.4rem .9rem;border-radius:.8rem;border-bottom:0;background-color:var(--gray50)}.article.best .desc-wrap .like-count{font-size:1.4rem;line-height:2.4rem}.article.best .desc-wrap .like-count span{width:1.6rem;height:1.6rem}@media (max-width:1199px){.article.best{width:34rem;height:19.8rem;padding-bottom:1.6rem}.article .content-wrap{gap:4rem}.article .content-wrap .title{font-size:1.8rem;line-height:2.6rem}}@media (max-width:767px){.article.best{width:34.3rem;height:19.8rem;padding-bottom:1.6rem}.article .content-wrap{gap:4rem}.article .content-wrap .title{font-size:1.8rem;line-height:2.6rem}}.modal{position:fixed;bottom:0;z-index:100;display:flex;align-items:center;justify-content:center}.modal,.modal-overlay{top:0;width:100%;height:100%}.modal-overlay{position:absolute;left:0;background-color:var(--black);opacity:.5}.modal-container{overflow:hidden;position:relative;z-index:1;max-width:100rem;width:80%;max-height:80%;height:100%;padding:4rem 2rem 2rem;border-radius:2rem;background-color:var(--white)}.modal-container .edit-product-form{overflow-y:scroll;display:flex;flex-direction:column;gap:2rem;height:100%}.modal-container .edit-product-form .button-wrap{display:flex;gap:1rem}.modal-container .edit-product-form .button-wrap button{flex:1 1;height:4rem;border:0;border-radius:5px;background-color:var(--gray400);font-size:1.8rem;font-weight:var(--bold);color:var(--white)}.modal-container .edit-product-form .button-wrap button[type=submit]{background-color:var(--primary200)}.modal-container .edit-product-form .button-wrap button:disabled{cursor:not-allowed;opacity:.7}.section-layout{display:flex;align-items:center;justify-content:center;height:72rem}.section-layout .section-wrap{display:flex;width:112rem;justify-content:center}.section-layout .section-content{overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:1.2rem;background-color:var(--milkWhite)}.section-layout .section-content .img-home{position:relative;max-width:74.6rem;width:100%;height:34rem}.section-layout .section-title{font-size:4rem;font-weight:var(--bold);line-height:5.6rem;color:var(--gray700)}.section-layout .section-title.mb-60{margin-bottom:6rem}.section-layout-bg{align-items:end;height:54rem;background-color:var(--hawkesBlue)}.section-layout-bg .section-content{display:flex;justify-content:space-between;width:100%;border-radius:0;background-color:transparent}.section-layout-bg .section-content-inner{margin-bottom:6rem}.section-layout-bg .section-content-inner .link-item{display:flex;align-items:center;justify-content:center;width:35.7rem;height:5.6rem;margin-top:3.2rem;border-radius:4rem;background-color:var(--primary100);font-size:2rem;font-weight:var(--semiBold);line-height:3.2rem;color:var(--gray50)}.section-layout-bg .section-content-inner .link-item:hover{background-color:var(--primary200)}.section-layout-bg .section-content-inner .link-item:active{background-color:var(--primary300)}.section-layout-card .section-content{overflow:hidden;display:flex;align-items:center;justify-content:center;width:98.8rem;border-radius:1.2rem;background-color:var(--milkWhite)}.section-layout-card .section-content .img-pc{position:relative;display:block;width:57.9rem;height:44.4rem}.section-layout-card .section-content .img-mobile,.section-layout-card .section-content .img-tablet{display:none}.section-layout-card .section-content-inner{display:flex;flex-grow:1;margin-left:6.4rem}.section-layout-card .section-content-inner>*{width:-moz-fit-content;width:fit-content}.section-layout-card .section-content .badge{margin-bottom:1.2rem;font-size:1.8rem;font-weight:var(--bold);line-height:2.6rem;color:var(--primary100)}.section-layout-card .section-content .section-desc{margin-top:2.4rem;font-size:2.4rem;font-weight:var(--medium);line-height:3.2rem;color:var(--gray700)}.section-layout-card:nth-child(odd) .section-content-inner{margin-left:1.4rem;text-align:right}@media (max-width:1199px){.section-layout{height:auto}.section-layout .section-wrap{width:100%}.section-layout:not(:nth-child(5)) .section-title br{display:none}.section-layout-bg .section-content{flex-direction:column}.section-layout-bg .section-content-inner{text-align:center}.section-layout-bg .section-content-inner .link-item{margin:2.4rem auto 0}.section-layout-bg.top .section-content-inner{margin-bottom:21.1rem;padding-top:8.4rem}.section-layout-bg.bottom .section-content-inner{margin-bottom:15.7rem;padding-top:20.1rem}.section-layout-card{margin:2.4rem 2.4rem 5.6rem}.section-layout-card .section-content{flex-direction:column;align-items:start;gap:2.4rem 0;width:69.6rem}.section-layout-card .section-content-inner{margin-left:0}.section-layout-card .section-content .img-pc{display:none}.section-layout-card .section-content .img-tablet{position:relative;width:100%;height:52.4rem;display:block}.section-layout-card .section-content .section-title{margin-top:1.6rem;font-size:3.2rem;line-height:4rem}.section-layout-card .section-content .section-desc{font-size:1.8rem;line-height:2.6rem}.section-layout-card:nth-child(odd) .section-content{flex-direction:column-reverse;align-items:end}}@media (max-width:767px){.section-layout-bg .section-content .img-home{max-width:44.8rem;width:100%;height:20.4rem}.section-layout-bg .section-content .img-home.bottom{height:19.8rem}.section-layout-bg .section-content-inner .link-item{width:24rem;height:4.8rem;margin-top:1.8rem;font-size:1.8rem;line-height:2.6rem}.section-layout-bg .section-content-inner .section-title{font-size:3.2rem;line-height:4.48rem}.section-layout-bg .section-content-inner .section-title br{display:block}.section-layout-bg.top{margin-bottom:5.2rem}.section-layout-bg.top .section-content-inner{margin-bottom:13.2rem;padding-top:4.8rem}.section-layout-bg.bottom .section-content-inner{margin-bottom:7.1rem;padding-top:12.1rem}.section-layout-card{margin:0 1.5rem 4rem}.section-layout-card .section-content{max-width:34.4rem;width:100%}.section-layout-card .section-content .img-tablet{display:none}.section-layout-card .section-content .img-mobile{position:relative;display:block;width:100%;height:25.9rem}.section-layout-card .section-content .badge{font-size:1.6rem}.section-layout-card .section-content .section-title{margin-top:.8rem;font-size:2.4rem;line-height:3.2rem}.section-layout-card .section-content .section-desc{margin-top:1.6rem;font-size:1.6rem}.section-layout-card:nth-child(4){margin-bottom:8.3rem}}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:6rem 0}.container .logo{position:relative;width:39.6rem;height:13.2rem}.container .logo img{display:block}.container form{display:flex;flex-direction:column;width:64rem;gap:2.4rem;margin-top:4rem}.container form .input-area{position:relative;display:flex;flex-direction:column}.container form .input-area label{margin-bottom:1.6rem;font-size:1.8rem;font-weight:var(--bold);line-height:2.6rem}.container form .input-area input{height:5.6rem;padding:1.5rem 2.4rem;border:0;border-radius:1.2rem;background-color:var(--gray100);font-size:1.6rem;line-height:2.6rem}.container form .input-area input::placeholder{color:var(--gray400)}.container form .input-area input:focus{outline-color:var(--primary100)}.container form .input-area input.pw[type=text]~.btn-toggle{background-image:url(/icons/ic_visibility_on.png)}.container form .input-area input.pw[type=password]~.btn-toggle{background-image:url(/icons/ic_visibility_off.png)}.container form .input-area input:not(.not-focused)[data-valid=false]{border:.1rem solid var(--error)}.container form .input-area input:not(.not-focused)[data-valid=false]~.msg-error{display:block}.container form .input-area .btn-toggle{position:absolute;top:5.8rem;right:2.4rem;width:2.4rem;height:2.4rem;padding:0;border:0;background-color:transparent;background-position:50%;background-size:cover;background-repeat:no-repeat}.container form .input-area .btn-toggle img{width:100%;height:100%}.container form .input-area .msg-error{margin:.8rem 0 0 1.6rem;font-size:1.4rem;font-weight:var(--semiBold);line-height:2.4rem;color:var(--error)}.container form .btn{height:5.6rem;padding:0;border:0;border-radius:4rem;background-color:var(--primary100);font-size:2rem;font-weight:var(--semiBold);color:var(--white)}.container form .btn:disabled{background-color:var(--gray400);cursor:not-allowed}.container form .sns-area{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 2.3rem;border-radius:.8rem;background-color:var(--pattensBlue)}.container form .sns-area span{font-size:1.6rem;font-weight:var(--medium);color:var(--gray800)}.container form .sns-area .sns-wrap{display:flex;gap:0 1.6rem}.container form .sns-area .sns-wrap .btn-sns{position:relative;display:block;width:4.2rem;height:4.2rem}.container form .sns-area .sns-wrap .btn-sns img{width:100%;height:100%}.container form .switch-area{font-size:1.4rem;font-weight:var(--medium);line-height:2.4rem;text-align:center}.container form .switch-area a{color:var(--primary100);text-decoration:underline}.container .res-message{margin-top:1.5rem;font-size:1.8rem;font-weight:var(--bold);color:var(--error)}@media (max-width:767px){.container .logo{width:19.8rem;height:6.6rem}.container form{gap:1.6rem;max-width:40rem;width:100%;padding:0 1.6rem}.container form .input-area label{margin-bottom:.8rem;font-size:1.4rem;line-height:2.4rem}.container form .sns-area{margin-top:.8rem}.container form .input-area .btn-toggle{top:5rem}}.page-items{margin-top:2.4rem}.page-items section{width:1200px;margin:0 auto}.page-items section+section{margin-top:4rem}.page-items section#section_favorite .products-title{margin-bottom:1.6rem;font-size:2rem;font-weight:var(--bold);line-height:3.2rem}.page-items section#section_all .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.4rem}.page-items section#section_all .top .products-title{font-size:2rem;font-weight:var(--bold);line-height:3.2rem}.page-items section#section_all .top .filter-area{display:flex;align-items:center;gap:0 1.2rem}.page-items section#section_all .top .filter-area .input-area{position:relative;width:32.5rem;height:4.2rem}.page-items section#section_all .top .filter-area .input-area div{position:absolute;top:.9rem;left:1.6rem;width:2.4rem;height:2.4rem;z-index:1}.page-items section#section_all .top .filter-area .input-area input{position:absolute;top:0;left:0;width:100%;height:100%;padding:.9rem 2.4rem .9rem 4.4rem;border:0;border-radius:1.2rem;background-color:var(--gray100);font-size:1.6rem}.page-items section#section_all .top .filter-area .input-area input::placeholder{color:var(--gray400)}.page-items section#section_all .top .filter-area .input-area input:focus{outline:.1rem solid var(--primary100)}.page-items section#section_all .no-result{margin-top:2.4rem;font-size:2.8rem;font-weight:var(--bold);text-align:center}.page-items section .products-wrap{display:grid;grid-gap:4rem 2.4rem;gap:4rem 2.4rem}.page-items section .products-wrap.favorite{grid-template-columns:repeat(4,1fr)}.page-items section .products-wrap.all{grid-template-columns:repeat(5,1fr)}.page-items section .products-wrap.all .product-item{min-width:22.1rem}@media (max-width:1199px){.page-items section{width:69.6rem}.page-items section#section_all .top .filter-area .input-area{width:24.2rem}.page-items section .products-wrap{gap:4rem 1.6rem}.page-items section .products-wrap.favorite{grid-template-columns:repeat(2,1fr)}.page-items section .products-wrap.all{grid-template-columns:repeat(3,1fr)}.page-items section .products-wrap.all .product-item{min-width:auto}}@media (max-width:767px){.page-items section{width:100%;max-width:34.3rem}.page-items section#section_all .top{display:block;position:relative}.page-items section#section_all .top .products-title{font-size:2rem;font-weight:var(--bold);line-height:3.2rem}.page-items section#section_all .top .filter-area{gap:0 1.4rem;margin-top:1.3rem}.page-items section#section_all .top .filter-area .input-area{position:relative;width:100%}.page-items section#section_all .top .filter-area .btn-register{position:absolute;top:-.5rem;right:0}.page-items section .products-wrap{gap:4rem .8rem}.page-items section .products-wrap.favorite{grid-template-columns:repeat(1,1fr)}.page-items section .products-wrap.all{grid-template-columns:repeat(2,1fr)}}.form-wrap{max-width:120rem;width:100%;margin:0 auto;padding:2.9rem 0 6.9rem}.form-wrap form{display:flex;flex-direction:column;gap:3.2rem 0}.form-wrap form .title-wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.4rem}.form-wrap form .title-wrap h2{font-size:2rem;font-weight:var(--bold);line-height:3.2rem}@media (max-width:1199px){.form-wrap{max-width:69.6rem}}@media (max-width:767px){.form-wrap{max-width:34.6rem}}.page-boards{margin-top:2.4rem}.page-boards section{position:relative;max-width:120rem;margin:0 auto}.page-boards section+section{margin-top:4rem}.page-boards section#section_all{margin-bottom:4rem}.page-boards section .article-title{margin-bottom:2.4rem;font-size:2rem;font-weight:var(--bold);line-height:2.4rem;color:var(--gray900)}.page-boards section .article-wrap{display:flex;flex-direction:column;gap:2.4rem}.page-boards section .article-wrap.best{flex-direction:row}.page-boards section .btn-register{position:absolute;top:-.5rem;right:0}.page-boards section .filter-area{display:flex;align-items:center;gap:0 1.6rem}.page-boards section .filter-area .input-area{position:relative;width:100%;height:4.2rem}.page-boards section .filter-area .input-area div{position:absolute;top:.9rem;left:1.6rem;width:2.4rem;height:2.4rem;z-index:1}.page-boards section .filter-area .input-area input{position:absolute;top:0;left:0;width:100%;height:100%;padding:.9rem 2.4rem .9rem 4.4rem;border:0;border-radius:1.2rem;background-color:var(--gray100);font-size:1.6rem}.page-boards section .filter-area .input-area input::placeholder{color:var(--gray400)}.page-boards section .filter-area .input-area input:focus{outline:.1rem solid var(--primary100)}.page-boards section .filter-area .sort-area{flex-shrink:0}.page-boards section .no-result{margin-top:2.4rem;font-size:2.8rem;font-weight:var(--bold);text-align:center}.page-boards section .end-point{height:.1rem}@media (max-width:1199px){.page-boards section{max-width:69.6rem}.page-boards section .article-wrap.best{gap:1.6rem}}@media (max-width:767px){.page-boards section{max-width:34.3rem}.page-boards section .article-title{margin-bottom:1.6rem;font-size:1.8rem;line-height:2.6rem}}