@charset "utf-8";
/* PC 테마 전체에서 재사용하는 공통 UI 스타일 */

/* 안내·중요 메시지 박스 */
.kb_message_box {
	box-sizing: border-box;
	width: 100%;
	margin: 30px 0;
	padding: 18px 20px;
	border: 1px solid #e5e5e5;
	background: #fafcfc;
	color: #555;
	font-size: 14px;
	line-height: 1.6;
}

/* 관심상품 목록과 마이페이지에 공통으로 적용하는 가로형 행 */
.kb-wish-heading,
.kb-wish-list.prd-card-list > .prd-card{
	display:grid;
	grid-template-columns:20px 60px minmax(120px,1fr) minmax(180px,1.5fr) 180px 72px;
	align-items:center;
	gap:16px;
	padding:18px 28px 18px 30px;
}
.kb-wish-heading{
	padding-top:12px;
	padding-bottom:12px;
	border:1px solid #e5e5e5;
	background:#f3f7f9;
	color:#666;
	font-size:14px;
	text-align:center;
}
.kb-wish-heading > span:first-child{
	grid-column:2 / 4;
}
.kb-wish-list.prd-card-list{
	display:grid;
	grid-template-columns:1fr;
	gap:10px;
}
.kb-wish-list.prd-card-list > .prd-card{
	min-height:92px;
	border:1px solid #e5e5e5;
}
.kb-wish-list .prd-card .border{
	display:none;
}
.kb-wish-list .prd-card .prd-card-pick,
.kb-wish-list .prd-card .kb-wish-check{
	position:static;
	display:block;
	grid-column:1;
	grid-row:1;
	width:16px;
	height:16px;
	margin:0;
	pointer-events:auto;
}
.kb-wish-list .prd-card .prd-product-img-wrap{
	grid-column:2;
	grid-row:1;
	width:60px;
}
.kb-wish-list .prd-card .prd-product-name{
	grid-column:3;
	grid-row:1;
	min-height:0;
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:400;
	line-height:1.5;
	text-align:left;
	overflow-wrap:anywhere;
}
.kb-wish-list .prd-card .wl_opt{
	grid-column:4;
	grid-row:1;
	min-width:0;
	height:auto;
	margin:0;
	padding:0;
	color:#65bec3;
	font-size:13px;
	line-height:1.5;
	white-space:normal;
	overflow:visible;
	overflow-wrap:anywhere;
	text-align:left;
}
.kb-wish-list .prd-card .prd-product-price{
	grid-column:5;
	grid-row:1;
	margin:0;
	padding:0;
	text-align:left;
}
.kb-wish-list .prd-card .prd-product-price .kb_price_main,
.kb-wish-list .prd-card .kb_price_sub{
	font-size:13px;
	font-weight:400;
	line-height:1.6;
	white-space:normal;
}
.kb-wish-list .prd-card .kb_price_sub{
	font-size:12px;
}
.kb-wish-list .prd-card .prd-product-act{
	position:static;
	grid-column:6;
	grid-row:1;
	display:flex;
	flex-direction:column;
	gap:6px;
	margin:0;
}
.kb-wish-list .prd-card .prd-act{
	width:72px;
	min-width:0;
	margin:0;
	padding:6px 4px;
	font-size:13px;
}
.kb-wish-list .prd-card .kb-wish-delete{
	position:absolute;
	top:6px;
	right:6px;
	width:22px;
	height:22px;
	padding:0;
	border:0;
	background:none;
	color:#666;
}
/* 최근 본 상품은 부가세 문구를 가격 아래 줄에 작게 표시한다. */
.kb-recent-list .prd-card .prd-product-name{
	margin-top:20px;
	min-height:44px;
}
.kb-recent-list .prd-card .prd-product-price{
	margin:26px 0 22px;
	padding:0 4px;
}
.kb-recent-list .prd-card .kb_price_main{
	font-size:19px;
}
.kb-recent-list .prd-card .kb_price_tax{
	display:block;
	margin-top:2px;
	font-size:13px;
	font-weight:400;
	white-space:nowrap;
}
/* 제품소개 목록의 상품 자체 찜 */
.prd-list-obj{
	position:relative;
}
.prd-list-obj .kb-product-bookmark{
	position:absolute;
	z-index:5;
	top:8px;
	right:8px;
	width:30px;
	height:34px;
	padding:0;
	border:0;
	background:none;
	color:#42bfe7;
	font-size:26px;
	cursor:pointer;
}
.prd-list-obj .kb-product-bookmark.is_on,
.prd-list-obj .kb-product-bookmark:hover{
	color:#42bfe7;
}
.kb-product-bookmark.is_on .fa-bookmark{
	font-weight:900;
}
/* 약관 등의 본문을 표시하는 공통 중앙 모달 */
.kb-modal[hidden]{
	display:none;
}
.kb-modal{
	position:fixed;
	inset:0;
	z-index:10000;
	display:flex;
	align-items:center;
	justify-content:center;
}
.kb-modal-dim{
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.45);
}
.kb-modal-panel{
	position:relative;
	width:680px;
	max-width:calc(100vw - 40px);
	max-height:80vh;
	display:flex;
	flex-direction:column;
	padding:24px;
	background:#fff;
	box-sizing:border-box;
}
.kb-modal-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding-bottom:16px;
	border-bottom:1px solid #ddd;
}
.kb-modal-head h2{
	margin:0;
	font-size:20px;
}
.kb-modal-close{
	border:0;
	background:none;
	font-size:26px;
	cursor:pointer;
}
.kb-modal-content{
	min-height:0;
	overflow-y:auto;
	padding-top:18px;
}
.kb-modal-content pre{
	margin:0;
	font-family:inherit;
	font-size:14px;
	font-weight:400;
	line-height:1.7;
	white-space:pre-wrap;
	overflow-wrap:anywhere;
}