header {
		width: 100%;
		height: 55px;
		background-color: #fff;
		position: fixed;
		z-index: 99997;
	}
	
	/* Swiper °øÅë Ä¿½ºÅÒ */
	.swiper-pagination-bullet{background:#ddd;opacity:1;width:7px;height:7px;border-radius:4px;transition:all .25s;}
	.swiper-pagination-bullet-active{background:#c8373a;width:22px;border-radius:4px;}

	/* ¦¡¦¡ ¸ÞÀÎ ¹è³Ê ¦¡¦¡ */
	.banner-outer{overflow:hidden;width:100%;padding-top:55px;}
	.banner-slide{aspect-ratio:1024/1366;width:100%;}
	
	/* ¦¡¦¡ »óÇ° ³×ºñ ¦¡¦¡ */
	.nav-wrap{overflow-x:auto;white-space:nowrap;border-bottom:1px solid #eee;scrollbar-width:none;}
	.nav-wrap::-webkit-scrollbar{display:none;}
	.nav-item{display:inline-block;padding:13px 15px;font-size:14px;color:#777;cursor:pointer;border-bottom:2.5px solid transparent;transition:all .2s;}
	.nav-item.on{color:#111;font-weight:700;border-bottom-color:#111;}
	
	/* ¦¡¦¡ »óÇ° Çà (peek) ¦¡¦¡ */
	.prod-section{/*padding-bottom:20px;*/}
	.prod-row{overflow:hidden;width:100%;margin-bottom:10px;}
	.prod-row:last-of-type{margin-bottom:0;}
	.prod-row{overflow:hidden;}
	.prod-row .swiper{overflow:visible;}  /* peek º¸ÀÌ°Ô */
	.prod-slide.last{margin-right:24px;}
	.prod-slide{display:flex;gap:10px;padding-left:24px;flex-shrink:0;min-width:calc(100% - 78px);width:calc(100% - 78px);}
	
	.prod-card{flex:none;width:100%;overflow:hidden;cursor:pointer;}
	.prod-img-box{aspect-ratio:748/530;display:flex;align-items:center;justify-content:center;position:relative;}
	.prod-img-box img:first-child{border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.5);}
	.prod-badge{position:absolute;top:0;left:0;width:24%;}
	.prod-info{padding:15px;text-align:center;}
	.prod-info h3{font-size:16px;font-weight:700;margin-bottom:3px;}
	.prod-info p{font-size:14px;color:#999;}
	
	/* ¦¡¦¡ Æ®·»µå ¦¡¦¡ */
	.trend-sec{padding-bottom:10px;}
	.trend-head{text-align:center;padding:22px 0 16px;}
	.trend-head h2{font-size:15px;font-weight:800;letter-spacing:3px;}
	.trend-head .uline{width:100px;height:1.5px;background:#222;margin:10px auto 0;}
	.cat-wrap{overflow-x:auto;white-space:nowrap;padding:0 14px 14px;scrollbar-width:none;}
	.cat-wrap::-webkit-scrollbar{display:none;}
	.cat-btn{display:inline-block;padding:8px 18px;border-radius:22px;font-size:13px;margin-right:8px;cursor:pointer;border:1.5px solid #ddd;color:#666;transition:all .2s;font-weight:500;}
	.cat-btn.on{background:#ff5a5f;border-color:#ff5a5f;color:#fff;font-weight:700;}
	.cat-btn:active{opacity:.85;}
	.trend-outer{position:relative;}
	.trend-outer .swiper-pagination{position:relative;margin-top:14px;}
	.trend-outer .swiper-pagination-bullet-active{background:#ff5a5f;}
	.trend-slide{padding:0 14px;}
	.trend-card-img{width:100%;aspect-ratio:4/3;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:70px;position:relative;margin-bottom:12px;}
	.trend-photo-label{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.88);border-radius:20px;padding:4px 12px;font-size:10px;font-weight:700;color:#c8373a;letter-spacing:.5px;}
	.trend-caption{text-align:center;}
	.trend-caption strong{display:block;font-size:15px;font-weight:700;margin-bottom:4px;}
	.trend-caption span{font-size:12px;color:#888;}
	
	/* ¦¡¦¡ QUALITY ¦¡¦¡ */
	.quality{background:#8c8c8c;padding:40px 20px;margin-top:20px;}
	.quality h2{font-size:13px;font-weight:700;text-align:center;line-height:1.6;margin-bottom:8px;color:#fff;}
	.quality-desc{font-size:12px;color:#888;text-align:center;line-height:1.7;color:#fff;}
	.q-grid{display:grid;grid-template-columns: repeat(4, 1fr);gap:5px;padding:20px 0;}
	.q-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;}
	.q-item img{width:75px;height:75px;display:flex;align-items:center;justify-content:center;}
	
	/* ¦¡¦¡ ¸®ºä ¦¡¦¡ */
	.review-sec{padding:26px 0 30px;background-color:#ebebeb;}
	.review-sec h2{font-size:15px;font-weight:700;text-align:center;margin-bottom:4px;}
	.review-sub{font-size:11px;color:#bbb;text-align:center;margin-bottom:18px;}
	
	.review-outer{overflow:hidden;width:100%;margin-top:20px;}
	.review-slide{min-width:75vw;width:75vw;height:75vw;margin:0 7px;flex-shrink:0;}
	.review-slide:first-child{margin-left:14px;}
	.review-slide:last-child{margin-right:14px;}  /* ¸¶Áö¸· ¿©¹é µ¿ÀÏ */
	
	.r-card{background:#fff;border:1px solid #efefef;padding:20px;width:100%;height:100%;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(0,0,0,.04);overflow:hidden;text-align:center;}
	.r-quote{margin-bottom:20px;}
	.r-quote img{width: 50px;}
	.r-text{font-size:12px;color:#555;line-height:1.65;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
	.r-stars{color:#f0a500;font-size:13px;margin:5px 0;letter-spacing:1px;}
	.r-user{display:flex;align-items:center;gap:9px;margin-top:auto;}
	.r-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#e8e8e8;flex-shrink:0;}
	.r-avatar img{width:100%;height:100%;object-fit:cover;}
	.r-name{font-size:12px;font-weight:600;}
	.review-footer{font-size:11px;color:#222;text-align:center;margin-top:14px;}
	
	.review-more-wrap{
		display:flex;
		flex-direction:column;
		align-items:flex-start;   /* ¿ÞÂÊ Á¤·Ä */
		justify-content:center;   /* À§¾Æ·¡ Áß¾Ó */
		height:100%;
		text-decoration:none;
	}
	
	.review-more-wrap .txt{
		font-size:14px;
		font-weight:700;
		color:#111;
		line-height:1;
		text-align:left;
	}
	
	.review-arrow{
		width:30px;
		height:auto;
		margin-top:10px;
		color:#111;
		transition:transform .2s ease;
		transform:translateX(6px);
	}
		
	
	.review-more-slide {
	    width: 50px !important;
	    flex-shrink: 0;
	    height: 75vw;    	
	}
	
	/* ÆäÀÌÁö µé¾î¿À¸é ÇÏ´Ü¿¡ Æ˾÷ */
	.popup-overlay {
      display: none;  /* óÀ½ºÎÅÍ º¸ÀÌ°Ô */
      position: fixed;
      top: 0; left: 0;
      width: 100%; 
      height: 100%;
      background: rgba(0,0,0,0.4);
      z-index: 9999;
      justify-content: center;
      align-items: flex-end; /* ÇÏ´Ü Á¤·Ä */
    }

    /* Æ˾÷ ¹Ú½º */
    .popup-box {
    	
      background: #fff;
      border-radius: 16px 16px 0 0;
      width: 100%;
      max-width: 480px;
      text-align: center;
      box-shadow: 0 -4px 10px rgba(0,0,0,0.2);
      animation: slideUp 0.3s ease-out; /* ¡ç Ãß°¡ */
      
    }

    /* ½½¶óÀ̵å ÄÁÅ×ÀÌ³Ê */
    .popup-slider {
      display: flex;
      transition: transform 0.5s ease-in-out;
      width: 100%; /* ½½¶óÀÌµå °³¼ö¸¸Å­ ´Ã¸®±â */
    }

    /* °³º° ½½¶óÀ̵å */
    .popup-slide {
      min-width: 100%;
      box-sizing: border-box;
      padding: 20px;
      margin-top: 15px;
    }

    .popup-slide img {
      max-width: 80px;
      margin-bottom: 10px;
    }

    .popup-slide h2 {
      font-size: 1.2rem;
      margin-bottom: 8px;
    }

    .popup-slide p {
      font-size: 0.95rem;
      margin-bottom: 15px;
      color: #444;
    }

    /* ¹öÆ° */
    .popup-buttons {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      padding : 15px;
      background-color: #f5f5f5;
    }
    	    
    
    .btn-today { color: #333; }
    .btn-close { color: #333; }

    /* ¾Ö´Ï¸ÞÀÌ¼Ç */
    @keyframes slideUp {
      from { transform: translateY(100%); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }

    /* ÀεðÄÉÀÌÅÍ (Á¡) */
    .indicator {
      display: flex;
      justify-content: center;
      gap: 6px;
      margin: 10px 0;
    }
    
    .dot {
      width: 8px; height: 8px;
      border-radius: 50%;
      background: #bbb;
    }
    
    .dot.active {
      background: #333;
    }