/******************************* 공통 ****************************/
.table .vert-align-top {vertical-align:top;}
.table.type1 thead th {background:var(--table); color:#000; font-size:18px; font-weight:600; padding:20px;}
.table.type1 thead th+th {border-left:1px solid var(--border1);}
.table.type1 tbody th, .table.type1 tbody td {padding:20px; font-size:18px; text-align:center; color:#000; border-right:1px solid var(--border1); border-top:1px solid var(--border1);}
.table.type1 table {border:1px solid var(--border1);}
.table.type1 .mob_tit {display:none;}
.table.type1 ul li {position:relative; padding-left:10px; text-align:left;}
.table.type1 ul li+li {margin-top:5px;}
.table.type1 ul li:before {content:""; display:block; position:absolute; width:5px; height:5px; background:var(--border1); border-radius:50%; top:11px; left:0;}

.table.type3 table {width:100%;}
.table.type3 table tr+tr {border-top:1px solid var(--border1);}
.table.type3 thead th {background:var(--base1); color:#fff; padding:10px 15px;}
.table.type3 thead th+th {border-left:1px solid #fff;}
.table.type3 tbody th,.table.type3 tbody td {text-align:center; padding:10px 15px; border-left:1px solid var(--border1); border-right:0;}
.table.type3 tbody th {border-left:0;}
.table.type3 tbody tr.no_th td:first-child {border-left:0;}
.table.type3 tbody small {display:block; color:#666; margin-top:5px;}
/******************************* 생산품 종합안내 ****************************/
.products .products_bx {display:flex; gap:80px;}
.products .products_bx+.products_bx {margin-top:80px; padding-top:80px; border-top:1px dashed var(--border1);}
.products .products_bx .left {width:310px;}
.products .products_bx .left .inner {position:sticky; top:100px;}
.products .products_bx .left .img {width:100%; border-radius:10px; overflow:hidden; }
.products .products_bx .left .img img {aspect-ratio:310/210; object-fit:cover; width:100%;}
.products .products_bx .right {width:calc(100% - 390px);}
.products .products_bx .prod_tit { margin-top:20px;}
.products .products_bx .prod_tit h3 {font-size:24px; color:#000; position:relative; padding-top:12px;}
.products .products_bx .prod_tit h3:before {content:""; display:block; width:25px; height:3px; background:var(--base3); position:absolute; top:0; left:0;}
.products .products_bx .prod_tit p {color:#000; font-weight:600; font-size:16px; border:1px solid var(--border1); padding:10px 20px; border-radius:2rem; margin-top:20px;}

.products .products_bx .prod_tit p img {width:20px; margin-right:10px;}
.products .products_bx .price_bx.bomnal_bori {display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.products .products_bx .price_bx {display:grid; grid-template-columns:repeat(2,1fr); border:1px solid var(--border1); padding:50px; border-radius:20px; background:#F3F6F9;
color:#000; gap:30px; row-gap:40px;}
.products .products_bx .price_bx.bomnal_cafe {display:block;}
.products .products_bx .price_bx.bomnal_cafe .menu_list {display:grid; grid-template-columns:repeat(2,1fr); gap:30px;}

.products .products_bx .price_bx .img {border:1px solid var(--border1); aspect-ratio:6.25/5; overflow:hidden; display:flex; align-items:center; justify-content:center; background:#fff;}
.products .products_bx .price_bx .img img {width:100%;}

.products .products_bx .price_bx dl {display:grid; grid-template-columns:150px auto; font-size:18px; align-items:center; gap:40px;}
.products .products_bx .price_bx.bomnal_bori dl {display:block; font-size:18px; margin-top:20px;}
.products .products_bx .price_bx dl dt {font-weight:700; text-align:center; color:var(--base1);}
.products .products_bx .price_bx dl dt small {display:block; font-size:75%;}
.products .products_bx .price_bx dl dd {text-align:center; font-size:17px;}
.products .products_bx .price_bx dl.double dd p {display:grid; grid-template-columns:70px auto; font-size:16px;}
.products .products_bx .price_bx.bomnal_bori dl.double dd p {display:flex; justify-content:center; font-size:16px;}
.products .products_bx .price_bx dl.double dd p+p {margin-top:5px;}
.products .products_bx .price_bx dl dd span.separ {margin-right:10px; font-weight:600;}
.products .products_bx .right .info {padding-top:10px;}
.products .products_bx .right .prepare {margin-top:30px; text-align:center; font-weight:600; background:#F3F6F9; border:1px solid var(--border1); padding:50px; border-radius:20px; font-size:18px;}
.products .products_bx .right .prepare img {width:50px; margin-right:20px;}
.products .products_bx .right .menu_photo {display:flex; align-items:center; border:1px solid var(--border1); border-radius:20px; margin-bottom:20px; padding:30px; gap:40px;}
.products .products_bx .right .menu_photo li img {width:100%;}
.products .products_bx .right .menu_photo.banga li img {aspect-ratio:1/1; object-fit:contain;}
.products .products_bx .right .menu_photo.bomnal_cafe li img {aspect-ratio:1/0.7; object-fit:cover;}
.products .products_bx .right .menu_photo.balhyochan {gap:20px;}
.products .products_bx .right .menu_photo.ogam {gap:20px;}
.products .products_bx .right .part+.part {margin-top:50px;}
.products .products_bx .right .part>p {font-size:20px; font-weight:700; color:var(--base3); border-bottom:1px solid var(--border1); padding:0 20px 10px; margin-bottom:30px;}
.products .products_bx .price_bx.table_exist {grid-template-columns:1fr;}

/* ******* 태블릿 이하(~1249) ******** */
@media screen and (max-width: 1249px) {  
.products .products_bx .price_bx {grid-template-columns:1fr;}
.products .products_bx .price_bx.bomnal_cafe .menu_list {grid-template-columns:1fr;}
}

/* ******* 태블릿 이하(~991) ******** */
@media screen and (max-width: 991px) { 
.products .products_bx {display:flex; flex-direction: column; gap:30px;}
.products .products_bx .left {width:100%;} 
.products .products_bx .prod_tit h3 {font-size:22px;} 
.products .products_bx .prod_tit p {display:inline-block;}
.products .products_bx .price_bx {padding:30px; grid-template-columns:1fr 1fr;}
.products .products_bx .price_bx.bomnal_cafe .menu_list {grid-template-columns:1fr 1fr;}
.products .products_bx .price_bx dl {font-size:16px; grid-template-columns:130px auto;}
.products .products_bx .price_bx dl dd {font-size:16px;}
.products .products_bx .right {width:100%;}
.products .products_bx+.products_bx {margin-top:50px; padding-top:50px;}

}

/* ******* 모바일 이하(~767) ******** */
@media screen and (max-width: 767px) { 
.table.type3 thead th {padding:8px 10px;}
.table.type3 tbody th, .table.type3 tbody td {padding:8px 10px;}

.products .products_bx .prod_tit p img {width:15px;}
.products .products_bx .price_bx {grid-template-columns:1fr;}
.products .products_bx .price_bx.bomnal_cafe .menu_list {grid-template-columns:1fr;}
.products .products_bx .right .part>p {margin-bottom:20px;}
.products .products_bx .right .part+.part {margin-top:40px;}
.products .products_bx .price_bx {row-gap:20px;}

.products .products_bx .price_bx.bomnal_bori {grid-template-columns:1fr 1fr;}
.products .products_bx .price_bx.bomnal_bori dl {font-size:16px;}
.products .products_bx .right .menu_photo {display:grid; grid-template-columns:1fr 1fr;}
.products .products_bx .right .menu_photo {gap:10px;}
.products .products_bx .right .menu_photo li img {}



}

/* ******* 모바일 이하(~500) ******** */
@media screen and (max-width: 500px) { 
.table.type3 thead th {font-size:15px;}
.table.type3 tbody th, .table.type3 tbody td {font-size:15px;} 
.products .products_bx+.products_bx {margin-top:40px; padding-top:50px;}
.products .products_bx .prod_tit h3 {font-size:20px;}  
.products .products_bx .prod_tit {display:block;}
.products .products_bx .prod_tit p {margin-top:15px; display:inline-block; font-size:15px;}
.products .products_bx .price_bx {padding:30px 20px;}
.products .products_bx .price_bx dl {gap:10px;}
.products .products_bx .price_bx.bomnal_bori dl {margin-top:10px;}
.products .products_bx .price_bx dl.double {grid-template-columns:1fr;}
.products .products_bx .price_bx dl.double dd p {grid-template-columns:1fr 1fr;}

.products .products_bx .right .menu_photo.balhyochan {gap:10px;}
}


/* =========================
   봄날카페 메뉴판 스타일 수정
========================= */
/*.products .products_bx .price_bx.bomnal_cafe {
	display:block;
	padding:40px 35px;
	background:#fff;
	border:0;
	border-radius:0;
}*/

.products .products_bx .price_bx.bomnal_cafe .cafe_cols {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:60px;
}

.products .products_bx .price_bx.bomnal_cafe .part {
	margin:0;
}

.products .products_bx .price_bx.bomnal_cafe .menu_head {
	display:grid;
	grid-template-columns:1fr 180px;
	align-items:end;
	column-gap:20px;
	padding-bottom:10px;
	border-bottom:2px solid var(--base1);
	margin-bottom:18px;
}

.products .products_bx .price_bx.bomnal_cafe .part_tit {
	margin:0;
	padding:0;
	border:0;
	font-size:20px;
	font-weight:700;
	line-height:1.2;
	color:var(--base1);
}

.products .products_bx .price_bx.bomnal_cafe .temp_head {
	display:grid;
	grid-template-columns:1fr 1fr;
	text-align:center;
	font-size:16px;
	font-weight:800;
	color:var(--base1);
	letter-spacing:0.02em;
}

.products .products_bx .price_bx.bomnal_cafe .menu_list {
	display:block;
}

.products .products_bx .price_bx.bomnal_cafe dl.double,
.products .products_bx .price_bx.bomnal_cafe dl.single {
	display:grid;
	grid-template-columns:1fr 180px;
	gap:20px;
	align-items:start;
	margin:0;
	padding:8px 0;
}

.products .products_bx .price_bx.bomnal_cafe dl+dl {
	margin-top:2px;
}

.products .products_bx .price_bx.bomnal_cafe dl dt {
	text-align:left;
	font-size:16px;
	color:#111;
	line-height:1.4;
	word-break:keep-all;
	position:relative;
	padding-left:14px;
}

.products .products_bx .price_bx.bomnal_cafe dl dt::before {
	content:"·";
	position:absolute;
	left:0;
	top:0;
	font-weight:700;
}

.products .products_bx .price_bx.bomnal_cafe dl dt small {
	display:inline;
	font-size:0.8em;
	font-weight:500;
	color:#666;
	margin-left:3px;
}

.products .products_bx .price_bx.bomnal_cafe dl dd {
	text-align:left;
	font-size:20px;
}

.products .products_bx .price_bx.bomnal_cafe dl.double dd {
	display:grid;
	grid-template-columns:1fr 1fr;
}

.products .products_bx .price_bx.bomnal_cafe dl.single dd {
	display:grid;
	grid-template-columns:1fr;
}

.products .products_bx .price_bx.bomnal_cafe dl dd p {
	margin:0;
	text-align:center;
	grid-template-columns:auto;
}
.products .products_bx .price_bx.bomnal_cafe dl dd p+p{margin-top:0;}


.products .products_bx .price_bx.bomnal_cafe dl dd .price {
	display:inline-block;
	font-size:16px;
	color:#111;
}

.products .products_bx .price_bx.bomnal_cafe .option_box {
	margin-top:35px;
	max-width:300px;
	padding:12px 16px;
	border:2px solid var(--base1);
	border-radius:24px;
}

.products .products_bx .price_bx.bomnal_cafe .option_box ul {
	margin:0;
	padding:0;
	list-style:none;
}

.products .products_bx .price_bx.bomnal_cafe .option_box li {
	position:relative;
	padding-left:16px;
	font-size:16px;
	font-weight:500;
	line-height:1.7;
	color:var(--base1);
	word-break:keep-all;
}

.products .products_bx .price_bx.bomnal_cafe .option_box li::before {
	content:"·";
	position:absolute;
	left:0;
	top:0;
}

.products .products_bx .price_bx.bomnal_cafe .option_box li strong {
	font-weight:700;
	margin-left:6px;
}

/* 태블릿 */
@media screen and (max-width: 1249px) {
	.products .products_bx .price_bx.bomnal_cafe .cafe_cols {
		grid-template-columns:1fr;
		gap:50px;
	}
}

/* 모바일 */
@media screen and (max-width: 767px) {
	.products .products_bx .price_bx.bomnal_cafe {
	}

	.products .products_bx .price_bx.bomnal_cafe .menu_head {
		grid-template-columns:1fr 120px;
		column-gap:10px;
	}

	.products .products_bx .price_bx.bomnal_cafe .part_tit {
	font-size:18px;
	}

	.products .products_bx .price_bx.bomnal_cafe .temp_head {
		font-size:16px;
	}

	.products .products_bx .price_bx.bomnal_cafe dl.double,
	.products .products_bx .price_bx.bomnal_cafe dl.single {
		grid-template-columns:1fr 120px;
		
	}

	.products .products_bx .price_bx.bomnal_cafe dl dt {
		
	}

	.products .products_bx .price_bx.bomnal_cafe dl dd .price {
		
	}

	.products .products_bx .price_bx.bomnal_cafe .option_box {
		max-width:100%;
		margin-top: 16px;
	}

	.products .products_bx .price_bx.bomnal_cafe .option_box li {
		
	}
}
