html,body{margin:0;padding:0;height:100%;width:100%}#root{display:flex;justify-content:center;padding:2rem;box-sizing:border-box}.app-container{display:flex;flex-direction:column;width:100%;max-width:1440px;margin:0 auto;padding:0rem;gap:3rem}.title{position:relative;height:60px;display:flex;align-items:center;justify-content:center;padding:0 1rem}.logo{background-image:url(/main_logo.png);width:142px;height:142px;background-size:cover}.sideBar{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;gap:3.5rem}.cart{background-image:url(/shop.png);width:31px;height:31px;background-size:cover}.myInfo{background-image:url(/myInfo.png);width:31px;height:31px;background-size:cover}.menu{background-image:url(/menu.png);width:31px;height:31px;background-size:cover}.search-wrapper{display:flex;justify-content:center;padding:.5rem}.search-input{width:90%;padding:.6rem 1rem;border-radius:999px;border:2px solid #fcd34d;font-size:1rem;outline:none}.event-banner-list{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:0rem;padding:1rem 0}.event-banner-card{min-width:300px;flex-shrink:0}@font-face{font-family:DNFBitBitv2;src:url(/fonts/DNFBitBitv2.woff2) format("woff2")}.event-banner-card{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:0}.banner-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.banner-text{position:absolute;bottom:0;left:0;z-index:2;width:100%;padding:1rem;color:#fff;font-family:DNFBitBitv2,sans-serif;text-align:left;text-shadow:0px 4px 4px rgba(0,0,0,.8);background-color:transparent;margin:0}.banner-title{font-size:1.875rem;font-weight:700;margin:0}.banner-sub_title{font-size:.9375rem;margin:0}.product-list{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:0rem;width:100%;padding-bottom:1rem;text-align:left}.product-card{min-width:288px;flex-shrink:0}@font-face{font-family:DNFBitBitv2;src:url(/fonts/DNFBitBitv2.woff2) format("woff2")}.product-card{position:relative;min-width:288px;max-width:288px;height:446px;border:1px solid #ddd;border-radius:0;overflow:hidden;text-align:center;background-color:#fff}.top-box{position:relative;display:flex;justify-content:center;align-items:center;height:280px;background-color:#f9f9f9}.product-image{max-width:100%;max-height:100%;object-fit:contain}.product-heart{position:absolute;bottom:10px;right:10px;width:24px;height:24px}.bottom-box{display:flex;flex-direction:column;justify-content:space-between;height:160px;padding-top:1rem;box-sizing:border-box}.top-title{left:0;top:0;font-family:DNFBitBitv2,sans-serif;text-align:left}.product-categories{font-size:.9375rem;padding-left:.6rem;color:#000;margin:.5rem 0}.product-title{font-size:.9375rem;padding-left:.6rem;color:#999;margin:.5rem 0}.product-price{color:#000;font-family:DNFBitBitv2,sans-serif;font-weight:700;margin-bottom:1rem}.bottom-title{text-align:right;padding-right:1rem;margin-top:auto}.login-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.login-content{position:relative;width:550px;height:400px;background-color:#fff;padding:2rem;border-radius:10px;z-index:1001}.login-logo img{position:absolute;width:142px;height:142px;left:50%;transform:translate(-50%);top:53px}.login{position:absolute;top:183px;left:50%;transform:translate(-50%)}.password{position:absolute;top:237px;left:50%;transform:translate(-50%)}.login-text,.password-text{font-family:Noto Sans KR,sans-serif;font-size:10px;color:#a1a1a1;margin:0 0 0 1px}.login{text-align:left;box-sizing:border-box}input{box-sizing:border-box}.login-context,.password-context{border:1px solid #D2D2D2;width:450px;height:25px;border-radius:5px}.login-button{font-family:Noto Sans KR,sans-serif;width:450px;height:25px;background:#ffe180;border-radius:5px;font-size:10px;line-height:11px;text-align:center;border:none;cursor:pointer}.register-font{font-size:10px;color:#eec232}.login-area{position:absolute;top:280px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:0px}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#888;gap:0px}.check-login{font-family:Noto Sans KR,sans-serif;display:flex;align-items:center;font-size:10px;color:#a1a1a1}.find{font-family:Noto Sans KR,sans-serif;display:flex;gap:4px;font-size:10px;color:#a1a1a1}input[type=checkbox]{vertical-align:middle;width:11x;height:11px}.register-box{font-family:Noto Sans KR,sans-serif;display:flex;gap:4px;justify-content:center}.product-detail-container{max-width:1200px;margin:0 auto;padding:32px 16px;font-family:Noto Sans KR,sans-serif;background-color:#fff;color:#222}.product-name{font-weight:700;margin-bottom:10px}.product-detail-page .product-name{font-size:30px;margin-bottom:10px}.product-main-section{display:flex;flex-wrap:wrap;gap:32px;margin-top:10px}.product-image-gallery{flex:2;min-width:300px}.main-image{width:500px;height:350px;object-fit:cover;border-radius:12px;box-shadow:0 4px 10px #0000001a}.thumbnail-list{display:flex;gap:12px;margin-top:12px}.thumbnail{width:80px;height:80px;object-fit:cover;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:border .3s ease}.thumbnail:hover{border-color:#aaa}.thumbnail.active{border-color:#0078ff}.product-purchase-section{flex:1;min-width:250px;display:flex;flex-direction:column;justify-content:flex-start;gap:16px}.product-price{font-size:1.5rem;font-weight:700;color:#333}.add-to-cart-button{padding:14px;background-color:#0078ff;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s}.add-to-cart-button:hover{background-color:#005ecb}.product-description-section{margin-top:48px}.product-description-section h3{font-size:1.25rem;margin-bottom:12px}.product-description-section p{font-size:1rem;line-height:1.6;white-space:pre-line}.related-products-section{margin-top:48px}.related-products-section h3{font-size:1.25rem;margin-bottom:16px}.related-products-grid{display:flex;gap:20px;flex-wrap:wrap}.related-placeholder{width:180px;height:240px;background-color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#000;font-weight:700}.register-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.register-logo img{position:absolute;width:142px;height:142px;left:50%;transform:translate(-50%);top:13px}.register-name{position:absolute;left:50%;transform:translate(-50%);top:144px}.register-email{position:absolute;left:50%;transform:translate(-50%);top:198px}.register-password{position:absolute;left:50%;transform:translate(-50%);top:252px}.register-checkPassword{position:absolute;left:50%;transform:translate(-50%);top:306px}.register-area{position:absolute;left:50%;transform:translate(-50%);top:375px}.register-area-button{font-family:Noto Sans KR,sans-serif;width:450px;height:25px;background:#ffe180;border-radius:5px;font-size:10px;line-height:11px;text-align:center;border:none;cursor:pointer}.register-content{position:relative;width:550px;height:470px;background-color:#fff;padding:2rem;border-radius:10px;z-index:1001}.register-text{font-family:Noto Sans KR,sans-serif;font-size:10px;color:#a1a1a1;margin:0 0 0 1px}.register-context{border:1px solid #D2D2D2;width:450px;height:25px;border-radius:5px}@font-face{font-family:DNFBitBitv2;src:url(/fonts/DNFBitBitv2.woff2) format("woff2")}.profile-card{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 5px #0000001a;width:536px;height:120px;font-family:DNFBitBitv2,sans-serif;position:relative}.profile-image{background-image:url(/profile.png);width:102px;height:102px;background-size:cover;background-position:center;border-radius:50%;flex-shrink:0}.profile-info{flex-grow:1}.profile-name{font-size:15px;padding-left:16px;margin:0}.profile-intro{color:#999;font-size:9px;padding-left:16px;margin:2px 0 0}.profile-likes{background-color:#fff;border-radius:12px;padding:6px 12px;box-shadow:0 3px 6px #0000001a;display:flex;align-items:center;gap:4px}.heart{color:red}.like-count{font-weight:700;font-size:14px}