/* K플러그 미리보기 v1.2.0 */
.kpv-open-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;min-width:160px;padding:0 22px;border:1px solid #111;background:#fff;color:#111;font-family:inherit;font-size:15.5px;font-weight:700;line-height:1;border-radius:0;cursor:pointer;transition:background .2s,color .2s}
.kpv-open-btn:hover{background:#111;color:#fff}
.kpv-open-btn svg{width:16px;height:16px}

.kpv{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.85);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.kpv.is-open{opacity:1;visibility:visible}
html.kpv-lock,html.kpv-lock body{overflow:hidden!important}
.kpv-box{position:absolute;top:36px;bottom:36px;left:56px;right:56px;display:flex;flex-direction:column;background:#fff;border:0;box-shadow:0 20px 60px rgba(0,0,0,.4);transform:translateY(12px);transition:transform .3s}
.kpv.is-open .kpv-box{transform:none}
.kpv-bar{position:relative;flex:none;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 22px;border-bottom:1px solid #e5e7eb;font-family:inherit}
.kpv-name{font-size:15px;font-weight:700;color:#111;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34%}
.kpv-name em{font-style:normal;font-weight:500;color:#888;margin-left:6px;font-size:13px}
.kpv-tabs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex}
.kpv-tabs button{height:32px;min-width:96px;padding:0 32px;border:1px solid #d6d7da;background:#fff;color:#555;font-family:inherit;font-size:13px;font-weight:600;line-height:1;border-radius:0;cursor:pointer;margin:0}
.kpv-tabs button+button{border-left:0}
.kpv-tabs button.is-on{background:#111;border-color:#111;color:#fff}
.kpv-util{display:flex;align-items:center;gap:4px}
.kpv-new{font-size:13px;color:#555!important;text-decoration:none!important;padding:8px 10px}
.kpv-new:hover{color:#111!important}
.kpv-x{position:relative;width:44px;height:44px;border:0;background:none;cursor:pointer;border-radius:0}
.kpv-x::before,.kpv-x::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:1.5px;background:#111;transform:translate(-50%,-50%) rotate(45deg)}
.kpv-x::after{transform:translate(-50%,-50%) rotate(-45deg)}
.kpv-stage{position:relative;flex:1;min-height:0;display:flex;justify-content:center;background:#fff}
.kpv-frame{display:block;width:100%;height:100%;border:0;background:#fff;transition:width .35s ease}
.kpv.is-mo .kpv-frame{width:390px;max-width:100%;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}
.kpv-load{position:absolute;left:50%;top:40%;transform:translateX(-50%);font-size:13px;color:#999;pointer-events:none}
.kpv.is-loaded .kpv-load{display:none}

@media(max-width:768px){
	.kpv-box{top:10px;bottom:10px;left:10px;right:10px}
	.kpv-bar{height:50px;padding-left:14px}
	.kpv-name{max-width:40%;font-size:14px}
	.kpv-name em,.kpv-tabs,.kpv-new{display:none}
	.kpv-open-btn{min-width:0;flex:1}
}

/* 대표 이미지: 누르면 미리보기, 마우스 올리면 테두리만 진하게 */
.kpv-thumb{cursor:pointer;transition:border-color .2s}
.kpv-thumb:hover,.kpv-thumb:focus-visible{border-color:#777!important;outline:none}

/* 업데이트 내역 */
.kpv-log{list-style:none!important;margin:0!important;padding:0!important}
.kpv-log li{display:grid;grid-template-columns:84px 96px minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 2px;border-bottom:1px solid #e4e4e4;margin:0!important;font-size:14.5px;line-height:1.6}
.kpv-log li::before{display:none!important}
.kpv-log b{font-weight:700;color:#111}
.kpv-log time{font-size:13px;color:#888}
.kpv-log span{color:#444}
.kpv-log li:first-child b::after{content:"최신";display:inline-block;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700;color:#fff;background:#111;vertical-align:1px}
.kpv-log li.is-more{display:none}
.kpv-log.is-open li.is-more{display:grid}
.kpv-log-more{margin-top:12px;height:38px;padding:0 18px;border:1px solid #d6d7da;background:#fff;color:#444;font-family:inherit;font-size:13.5px;cursor:pointer;border-radius:0}
.kpv-log-more:hover{border-color:#111;color:#111}
@media(max-width:768px){.kpv-log li{grid-template-columns:auto 1fr;gap:2px 10px}.kpv-log span{grid-column:1/-1}}

.kpv-ver{font-weight:700;color:#111}.kpv-ver-d{font-size:12.5px;color:#888;margin-left:4px}

/* 상품별 최근 질문 */
.kpv-qna{list-style:none!important;margin:0!important;padding:0!important}
.kpv-qna li{display:grid;grid-template-columns:76px minmax(0,1fr) 84px;gap:12px;align-items:center;padding:12px 2px;border-bottom:1px solid #e4e4e4;margin:0!important;font-size:14.5px;line-height:1.5}
.kpv-qna li::before{display:none!important}
.kpv-qna li.is-empty{display:block;color:#888;font-size:14px;padding:18px 2px}
.kpv-qna a{color:#222!important;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpv-qna a:hover{text-decoration:underline!important}
.kpv-qna time{font-size:13px;color:#888;text-align:right}
.kpv-st{font-style:normal;display:inline-flex;align-items:center;justify-content:center;height:24px;font-size:12px;font-weight:700;border:1px solid #c9c9c9;color:#777}
.kpv-st.is-done{background:#111;border-color:#111;color:#fff}
.kpv-lock{display:inline-block;width:11px;height:12px;margin-right:6px;vertical-align:-1px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4'%3E%3Crect x='5' y='11' width='14' height='10'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4'%3E%3Crect x='5' y='11' width='14' height='10'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat;color:#999}
.kpv-qna-btns{display:flex;gap:6px;justify-content:flex-end;margin-top:14px}
.kpv-qbtn{display:inline-flex;align-items:center;height:38px;padding:0 18px;border:1px solid #d6d7da;background:#fff;color:#444!important;font-size:13.5px;text-decoration:none!important}
.kpv-qbtn:hover{border-color:#111;color:#111!important}
.kpv-qbtn.is-pri{background:#111;border-color:#111;color:#fff!important}
.kpv-qbtn.is-pri:hover{opacity:.88}
@media(max-width:768px){.kpv-qna li{grid-template-columns:68px minmax(0,1fr);row-gap:2px}.kpv-qna time{grid-column:2;text-align:left;font-size:12px}.kpv-qna-btns{justify-content:stretch}.kpv-qbtn{flex:1;justify-content:center}}