킬리 보라 40L
여행과 일상 모두를 위한 데일리 배낭
- 얼리버드 혜택 ₩89,000 → ₩76,000
- 보조가방 포함
- 기내 반입 가능
킬리 보라 50L 확장형
장거리 여행에 특화된 대용량 배낭
- ₩129,000 → ₩112,000
- 보조가방 + 힙색 포함
- 트래킹 / 장기 여행 최적화
킬리 보라 데이팩
가볍고 실용적인 하루용 배낭
- ₩59,000 → ₩51,000
- 노트북 수납 가능
- 친환경 리사이클 원단
<style>
/* === KILI Funding UI (전역 스타일, 상품 상세에서만 로드됨) === */
.kili-sticky{position:sticky;top:0;z-index:9999;background:#0f172a;color:#fff}
.kili-sticky__in{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between}
.kili-cta{background:#22c55e;padding:8px 14px;border-radius:999px;color:#052e16;font-weight:700;text-decoration:none}
@media (max-width:640px){.kili-sticky__in{flex-wrap:wrap;gap:8px}.kili-cta{width:100%;text-align:center}}
.kili-card{border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#fff}
.kili-stat{display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}
.kili-stat div{display:flex;flex-direction:column}
.kili-bar{height:12px;background:#f3f4f6;border-radius:999px;overflow:hidden}
.kili-bar span{display:block;height:100%;width:0;transition:width .8s ease; background:linear-gradient(90deg,#22c55e,#84cc16)}
.kili-goal{display:block;margin-top:8px;color:#64748b}
.kili-rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.kili-reward{border:1px solid #e5e7eb;border-radius:20px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:8px}
.kili-reward h4{margin:0;font-weight:800}
.kili-rbottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.kili-rbtn{background:#0ea5e9;color:#041014;text-decoration:none;padding:8px 12px;border-radius:10px;font-weight:700}
@media(max-width:900px){.kili-rewards{grid-template-columns:1fr}}
</style>
<script>
(function(){
// 현재 페이지에 펀딩 마커가 없으면 아무 것도 하지 않음 (다른 상품에는 영향 X)
const root = document.querySelector('#kili-funding');
if(!root) return;
// ====== 데이터 읽기 ======
const END = new Date(root.dataset.end).getTime();
const GOAL = +root.dataset.goal||0;
const CURR = +root.dataset.current||0;
const BACK = +root.dataset.backers||0;
const CTA = root.dataset.ctaHref || location.href;
const fmtKRW = n => new Intl.NumberFormat('ko-KR').format(n)+'원';
const mountProgress = root.querySelector('.kili-progress-mount');
const mountRewards = root.querySelector('.kili-rewards-mount');
// ====== 상단 고정 D-DAY 바 ======
const sticky = document.createElement('div');
sticky.className = 'kili-sticky';
sticky.innerHTML = `
<div class="kili-sticky__in">
<strong>펀딩 종료까지</strong>
<span id="kili-dday">--일 --:--:--</span>
<a class="kili-cta" href="${CTA}">리워드 보기</a>
</div>`;
document.body.prepend(sticky);
const updateDday = ()=>{
const now = Date.now(), diff = END - now, lbl = document.getElementById('kili-dday');
if(diff<=0){ lbl.textContent='펀딩 종료'; return; }
const d = Math.floor(diff/86400000);
const h = Math.floor(diff%86400000/3600000).toString().padStart(2,'0');
const m = Math.floor(diff%3600000/60000).toString().padStart(2,'0');
const s = Math.floor(diff%60000/1000).toString().padStart(2,'0');
lbl.textContent = `${d}일 ${h}:${m}:${s}`;
};
updateDday(); setInterval(updateDday, 1000);
// ====== 진행바 + 통계 카드 ======
const pct = Math.min(100, Math.round((CURR/GOAL)*100 || 0));
mountProgress.innerHTML = `
<div class="kili-card">
<div class="kili-stat">
<div><b id="kili-curr">0</b><span>모금액</span></div>
<div><b id="kili-pct">${pct}%</b><span>달성률</span></div>
<div><b id="kili-back">0</b><span>서포터</span></div>
</div>
<div class="kili-bar"><span id="kili-bar"></span></div>
<small class="kili-goal">목표: <span id="kili-goal">${fmtKRW(GOAL)}</span></small>
</div>`;
const animateNum=(el,to,dur=800)=>{
const st=performance.now(), from=0;
const step=t=>{const p=Math.min(1,(t-st)/dur); el.textContent = (Math.round(from+(to-from)*p)).toLocaleString('ko-KR') + (el.id==='kili-curr'?'원':''); if(p<1) requestAnimationFrame(step)};
requestAnimationFrame(step);
};
animateNum(document.getElementById('kili-curr'), CURR);
animateNum(document.getElementById('kili-back'), BACK);
requestAnimationFrame(()=>{ document.getElementById('kili-bar').style.width = pct+'%'; });
// ====== 리워드 카드 UI (선택 사항) ======
if(mountRewards){
const items = Array.from(mountRewards.querySelectorAll('.kili-reward'));
if(items.length){
const grid = document.createElement('section'); grid.className='kili-rewards';
items.forEach(it=>{
const name = it.dataset.name || it.querySelector('h4')?.textContent?.trim() || '리워드';
const price= +it.dataset.price || 0;
const list = it.querySelector('ul')?.innerHTML || '';
const el = document.createElement('article'); el.className='kili-reward';
el.innerHTML = `
<h4>${name}</h4>
<ul>${list}</ul>
<div class="kili-rbottom"><b>₩${price.toLocaleString('ko-KR')}</b>
<a class="kili-rbtn" href="${CTA}">선택하기</a>
</div>`;
grid.appendChild(el);
});
mountRewards.replaceWith(grid);
}
}
// ====== 마감 처리 ======
if(Date.now() > END){
const cta = sticky.querySelector('.kili-cta');
if(cta){ cta.textContent='마감'; cta.removeAttribute('href'); cta.style.pointerEvents='none'; cta.style.opacity='.6'; }
}
})();
</script>
교환 및 반품정보
교환 및 반품이 가능한 경우
1. 상품을 공급 받으신 날로부터 7일이내 단, 배낭 외 상품의 경우 포장을 개봉하였거나 포장이 훼손되어 상품가치가 상실된 경우에는 교환/반품이 불가능합니다.
2. 공급 받으신 상품 및 용역의 내용이 표시.광고 내용과 다르거나 다르게 이행된 경우에는 공급받은 날로부터 3개월 이내, 그사실을 알게 된 날로부터 30일이내 가능합니다.
교환 및 반품이 불가능한 경우
1. 고객님의 책임 있는 사유로 상품등이 멸실 또는 훼손된 경우.
단, 상품의 내용을 확인하기 위하여 포장 등을 훼손한 경우는 제외
2. 포장을 개봉하였거나 포장이 훼손되어 상품가치가 상실된 경우 (반품/교환은 제조사 기준에 따릅니다.)
3. 고객님의 사용 또는 일부 소비에 의하여 상품의 가치가 현저히 감소한 경우
4. 시간의 경과에 의하여 재판매가 곤란할 정도로 상품등의 가치가 현저히 감소한 경우
5. 복제가 가능한 상품등의 포장을 훼손한 경우
6. 제품의 TAG이 훼손 및 제거되었을 경우 교환/환불이 불가합니다.
7. 제품 시착 및 착용 후 고객님의 책임 있는 사유로 인하여 가치가 훼손되어 재판매가 불가한 경우 교환/환불이 불가합니다. ( 수선 / 오염 / 냄새 / 향수 등 )
8. 제품과 함께 동봉된 부속품 분실 시 교환/환불이 불가합니다.
(자세한 내용은 대표전화 및 카카오톡 채널'킬리아웃피터스'를 통해 상담바랍니다.)
※ 고객님의 마음이 바뀌어 교환, 반품을 하실 경우 상품반송 비용은 고객님께서 부담하셔야 합니다.
(색상 교환, 사이즈 교환 등)
환불정보
1. 환불시 반품 확인여부를 확인한 후 영업일 3일 이내에 결제 금액을 환불해 드립니다.
2. 신용카드로 결제하신 경우는 신용카드 승인을 취소하여 결제 대금이 청구되지 않게 합니다.
(단, 신용카드 결제일자에 맞추어 대금이 청구 될수 있으면 이경우 익월 신용카드 대금청구시 카드사에서 환급처리 됩니다.)
<style>
/* === KILI Funding UI (전역 스타일, 상품 상세에서만 로드됨) === */
.kili-sticky{position:sticky;top:0;z-index:9999;background:#0f172a;color:#fff}
.kili-sticky__in{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between}
.kili-cta{background:#22c55e;padding:8px 14px;border-radius:999px;color:#052e16;font-weight:700;text-decoration:none}
@media (max-width:640px){.kili-sticky__in{flex-wrap:wrap;gap:8px}.kili-cta{width:100%;text-align:center}}
.kili-card{border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#fff}
.kili-stat{display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}
.kili-stat div{display:flex;flex-direction:column}
.kili-bar{height:12px;background:#f3f4f6;border-radius:999px;overflow:hidden}
.kili-bar span{display:block;height:100%;width:0;transition:width .8s ease; background:linear-gradient(90deg,#22c55e,#84cc16)}
.kili-goal{display:block;margin-top:8px;color:#64748b}
.kili-rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.kili-reward{border:1px solid #e5e7eb;border-radius:20px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:8px}
.kili-reward h4{margin:0;font-weight:800}
.kili-rbottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.kili-rbtn{background:#0ea5e9;color:#041014;text-decoration:none;padding:8px 12px;border-radius:10px;font-weight:700}
@media(max-width:900px){.kili-rewards{grid-template-columns:1fr}}
</style>
<script>
(function(){
// 현재 페이지에 펀딩 마커가 없으면 아무 것도 하지 않음 (다른 상품에는 영향 X)
const root = document.querySelector('#kili-funding');
if(!root) return;
// ====== 데이터 읽기 ======
const END = new Date(root.dataset.end).getTime();
const GOAL = +root.dataset.goal||0;
const CURR = +root.dataset.current||0;
const BACK = +root.dataset.backers||0;
const CTA = root.dataset.ctaHref || location.href;
const fmtKRW = n => new Intl.NumberFormat('ko-KR').format(n)+'원';
const mountProgress = root.querySelector('.kili-progress-mount');
const mountRewards = root.querySelector('.kili-rewards-mount');
// ====== 상단 고정 D-DAY 바 ======
const sticky = document.createElement('div');
sticky.className = 'kili-sticky';
sticky.innerHTML = `
<div class="kili-sticky__in">
<strong>펀딩 종료까지</strong>
<span id="kili-dday">--일 --:--:--</span>
<a class="kili-cta" href="${CTA}">리워드 보기</a>
</div>`;
document.body.prepend(sticky);
const updateDday = ()=>{
const now = Date.now(), diff = END - now, lbl = document.getElementById('kili-dday');
if(diff<=0){ lbl.textContent='펀딩 종료'; return; }
const d = Math.floor(diff/86400000);
const h = Math.floor(diff%86400000/3600000).toString().padStart(2,'0');
const m = Math.floor(diff%3600000/60000).toString().padStart(2,'0');
const s = Math.floor(diff%60000/1000).toString().padStart(2,'0');
lbl.textContent = `${d}일 ${h}:${m}:${s}`;
};
updateDday(); setInterval(updateDday, 1000);
// ====== 진행바 + 통계 카드 ======
const pct = Math.min(100, Math.round((CURR/GOAL)*100 || 0));
mountProgress.innerHTML = `
<div class="kili-card">
<div class="kili-stat">
<div><b id="kili-curr">0</b><span>모금액</span></div>
<div><b id="kili-pct">${pct}%</b><span>달성률</span></div>
<div><b id="kili-back">0</b><span>서포터</span></div>
</div>
<div class="kili-bar"><span id="kili-bar"></span></div>
<small class="kili-goal">목표: <span id="kili-goal">${fmtKRW(GOAL)}</span></small>
</div>`;
const animateNum=(el,to,dur=800)=>{
const st=performance.now(), from=0;
const step=t=>{const p=Math.min(1,(t-st)/dur); el.textContent = (Math.round(from+(to-from)*p)).toLocaleString('ko-KR') + (el.id==='kili-curr'?'원':''); if(p<1) requestAnimationFrame(step)};
requestAnimationFrame(step);
};
animateNum(document.getElementById('kili-curr'), CURR);
animateNum(document.getElementById('kili-back'), BACK);
requestAnimationFrame(()=>{ document.getElementById('kili-bar').style.width = pct+'%'; });
// ====== 리워드 카드 UI (선택 사항) ======
if(mountRewards){
const items = Array.from(mountRewards.querySelectorAll('.kili-reward'));
if(items.length){
const grid = document.createElement('section'); grid.className='kili-rewards';
items.forEach(it=>{
const name = it.dataset.name || it.querySelector('h4')?.textContent?.trim() || '리워드';
const price= +it.dataset.price || 0;
const list = it.querySelector('ul')?.innerHTML || '';
const el = document.createElement('article'); el.className='kili-reward';
el.innerHTML = `
<h4>${name}</h4>
<ul>${list}</ul>
<div class="kili-rbottom"><b>₩${price.toLocaleString('ko-KR')}</b>
<a class="kili-rbtn" href="${CTA}">선택하기</a>
</div>`;
grid.appendChild(el);
});
mountRewards.replaceWith(grid);
}
}
// ====== 마감 처리 ======
if(Date.now() > END){
const cta = sticky.querySelector('.kili-cta');
if(cta){ cta.textContent='마감'; cta.removeAttribute('href'); cta.style.pointerEvents='none'; cta.style.opacity='.6'; }
}
})();
</script>
교환 및 반품정보
교환 및 반품이 가능한 경우
1. 상품을 공급 받으신 날로부터 7일이내 단, 배낭 외 상품의 경우 포장을 개봉하였거나 포장이 훼손되어 상품가치가 상실된 경우에는 교환/반품이 불가능합니다.
2. 공급 받으신 상품 및 용역의 내용이 표시.광고 내용과 다르거나 다르게 이행된 경우에는 공급받은 날로부터 3개월 이내, 그사실을 알게 된 날로부터 30일이내 가능합니다.
교환 및 반품이 불가능한 경우
1. 고객님의 책임 있는 사유로 상품등이 멸실 또는 훼손된 경우.
단, 상품의 내용을 확인하기 위하여 포장 등을 훼손한 경우는 제외
2. 포장을 개봉하였거나 포장이 훼손되어 상품가치가 상실된 경우 (반품/교환은 제조사 기준에 따릅니다.)
3. 고객님의 사용 또는 일부 소비에 의하여 상품의 가치가 현저히 감소한 경우
4. 시간의 경과에 의하여 재판매가 곤란할 정도로 상품등의 가치가 현저히 감소한 경우
5. 복제가 가능한 상품등의 포장을 훼손한 경우
6. 제품의 TAG이 훼손 및 제거되었을 경우 교환/환불이 불가합니다.
7. 제품 시착 및 착용 후 고객님의 책임 있는 사유로 인하여 가치가 훼손되어 재판매가 불가한 경우 교환/환불이 불가합니다. ( 수선 / 오염 / 냄새 / 향수 등 )
8. 제품과 함께 동봉된 부속품 분실 시 교환/환불이 불가합니다.
(자세한 내용은 대표전화 및 카카오톡 채널'킬리아웃피터스'를 통해 상담바랍니다.)
※ 고객님의 마음이 바뀌어 교환, 반품을 하실 경우 상품반송 비용은 고객님께서 부담하셔야 합니다.
(색상 교환, 사이즈 교환 등)
환불정보
1. 환불시 반품 확인여부를 확인한 후 영업일 3일 이내에 결제 금액을 환불해 드립니다.
2. 신용카드로 결제하신 경우는 신용카드 승인을 취소하여 결제 대금이 청구되지 않게 합니다.
(단, 신용카드 결제일자에 맞추어 대금이 청구 될수 있으면 이경우 익월 신용카드 대금청구시 카드사에서 환급처리 됩니다.)
