.ing_board_coment_wrap{
	width:100%;
	margin-top:50px;
	padding:0;
	box-sizing:border-box;
	font-family:'Pretendard','Noto Sans KR',Arial,sans-serif;
	color:#222;
}

.ing_board_coment_wrap *{
	box-sizing:border-box;
}

.ing_board_coment_header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	margin-bottom:16px;
}

.ing_board_coment_title{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:18px;
	color:#1c2434;
}

.ing_board_coment_title strong{
	font-size:18px;
	font-weight:800;
	line-height:1;
}

.ing_board_coment_title_icon{
	position:relative;
	display:block;
	width:21px;
	height:18px;
	border:2px solid #263b6a;
	border-radius:6px;
}

.ing_board_coment_title_icon:after{
	content:"";
	position:absolute;
	left:3px;
	bottom:-5px;
	width:6px;
	height:6px;
	border-left:2px solid #263b6a;
	background:#fff;
	transform:skewY(-35deg);
}

.ing_board_coment_count{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:24px;
	height:24px;
	padding:0 7px;
	border-radius:12px;
	background:#edf2ff;
	font-size:12px;
	font-weight:800;
	color:#3459c7;
}

.ing_board_coment_message{
	width:100%;
	margin-bottom:12px;
	padding:12px 15px;
	border-radius:8px;
	font-size:13px;
	line-height:1.5;
}

.ing_board_coment_message_success{
	border:1px solid #bde4ce;
	background:#eefbf3;
	color:#177746;
}

.ing_board_coment_message_error{
	border:1px solid #f2c7c7;
	background:#fff3f3;
	color:#be3232;
}

.ing_board_coment_form{
	width:100%;
	margin:0;
	padding:0;
}

.ing_board_coment_write{
	display:flex;
	align-items:stretch;
	width:100%;
	gap:10px;
}

.ing_board_coment_textarea_box{
	position:relative;
	flex:1;
	min-width:0;
	height:108px;
}

.ing_board_coment_textarea{
	display:block;
	width:100%;
	height:108px;
	min-height:108px;
	margin:0;
	padding:17px 18px 32px;
	border:1px solid #dce1ea;
	border-radius:10px;
	outline:none;
	resize:none;
	background:#fff;
	font-family:inherit;
	font-size:14px;
	line-height:1.6;
	color:#222;
	transition:border-color 0.2s,box-shadow 0.2s;
}

.ing_board_coment_textarea::placeholder{
	color:#a2a9b4;
}

.ing_board_coment_textarea:hover{
	border-color:#bbc4d2;
}

.ing_board_coment_textarea:focus{
	border-color:#3459c7;
	box-shadow:0 0 0 3px rgba(52,89,199,0.08);
}

.ing_board_coment_text_count{
	position:absolute;
	right:14px;
	bottom:10px;
	display:flex;
	align-items:center;
	gap:3px;
	font-size:11px;
	color:#9ba3af;
	pointer-events:none;
}

.ing_board_coment_submit{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	flex:0 0 108px;
	width:108px;
	height:108px;
	margin:0;
	padding:0;
	border:0;
	border-radius:10px;
	outline:none;
	background:linear-gradient(135deg,#3459c7 0%,#243e91 100%);
	box-shadow:0 7px 16px rgba(36,62,145,0.18);
	font-family:inherit;
	color:#fff;
	cursor:pointer;
	transition:transform 0.2s,box-shadow 0.2s,opacity 0.2s;
}

.ing_board_coment_submit:hover{
	transform:translateY(-2px);
	box-shadow:0 10px 20px rgba(36,62,145,0.24);
}

.ing_board_coment_submit:active{
	transform:translateY(0);
}

.ing_board_coment_submit:disabled{
	opacity:0.55;
	cursor:default;
	transform:none;
	box-shadow:none;
}

.ing_board_coment_send_icon{
	position:relative;
	display:block;
	width:25px;
	height:25px;
	margin-bottom:7px;
	transform:rotate(-8deg);
}

.ing_board_coment_send_icon:before{
	content:"";
	position:absolute;
	top:2px;
	left:1px;
	width:0;
	height:0;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-left:24px solid #fff;
}

.ing_board_coment_send_icon:after{
	content:"";
	position:absolute;
	top:10px;
	left:3px;
	width:15px;
	height:2px;
	background:#3459c7;
	transform:rotate(-27deg);
	transform-origin:left center;
}

.ing_board_coment_submit_text{
	font-size:13px;
	font-weight:700;
}

.ing_board_coment_list{
	width:100%;
	margin-top:25px;
	border-top:1px solid #e6e9ef;
}

.ing_board_coment_item{
	display:flex;
	align-items:flex-start;
	width:100%;
	padding:22px 4px;
	border-bottom:1px solid #e9ecf1;
	scroll-margin-top:100px;
}

.ing_board_coment_item:target{
	animation:ing_board_coment_highlight 1.8s ease;
}

.ing_board_coment_item_new{
	animation:ing_board_coment_highlight 1.8s ease;
}

@keyframes ing_board_coment_highlight{
	0%{background:#edf2ff;}
	100%{background:transparent;}
}

.ing_board_coment_profile{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 42px;
	width:42px;
	height:42px;
	margin-right:14px;
	border-radius:50%;
	background:#f0f3f9;
}

.ing_board_coment_profile_icon{
	position:relative;
	display:block;
	width:18px;
	height:18px;
}

.ing_board_coment_profile_icon:before{
	content:"";
	position:absolute;
	top:0;
	left:6px;
	width:7px;
	height:7px;
	border-radius:50%;
	background:#71809d;
}

.ing_board_coment_profile_icon:after{
	content:"";
	position:absolute;
	left:2px;
	bottom:0;
	width:15px;
	height:8px;
	border-radius:8px 8px 4px 4px;
	background:#71809d;
}

.ing_board_coment_body{
	flex:1;
	min-width:0;
	padding-top:1px;
}

.ing_board_coment_info{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:7px;
	width:100%;
	margin-bottom:8px;
}

.ing_board_coment_writer{
	font-size:14px;
	font-weight:800;
	color:#263247;
}

.ing_board_coment_mine{
	display:inline-flex;
	align-items:center;
	height:20px;
	padding:0 7px;
	border-radius:10px;
	background:#edf2ff;
	font-size:10px;
	font-weight:700;
	color:#3459c7;
}

.ing_board_coment_date{
	margin-left:auto;
	font-size:12px;
	color:#9aa1ac;
}

.ing_board_coment_delete{
	margin:0;
	padding:0;
	border:0;
	background:none;
	font-family:inherit;
	font-size:11px;
	color:#a0a6b0;
	cursor:pointer;
}

.ing_board_coment_delete:hover{
	color:#d13b3b;
	text-decoration:underline;
}

.ing_board_coment_contents{
	width:100%;
	overflow-wrap:break-word;
	word-break:break-word;
	font-size:14px;
	font-weight:400;
	line-height:1.7;
	color:#454c59;
}

.ing_board_coment_empty{
	width:100%;
	padding:50px 20px;
	border-bottom:1px solid #e9ecf1;
	text-align:center;
	color:#858d99;
}

.ing_board_coment_empty_icon{
	position:relative;
	display:block;
	width:32px;
	height:27px;
	margin:0 auto 15px;
	border:2px solid #c3c9d3;
	border-radius:8px;
}

.ing_board_coment_empty_icon:after{
	content:"";
	position:absolute;
	left:5px;
	bottom:-7px;
	width:8px;
	height:8px;
	border-left:2px solid #c3c9d3;
	background:#fff;
	transform:skewY(-35deg);
}

.ing_board_coment_empty strong{
	display:block;
	margin-bottom:6px;
	font-size:14px;
	font-weight:700;
	color:#747d8a;
}

.ing_board_coment_empty p{
	margin:0;
	font-size:12px;
	color:#a2a9b3;
}

@media (max-width:768px){
	.ing_board_coment_wrap{
		margin-top:35px;
	}

	.ing_board_coment_header{
		margin-bottom:13px;
	}

	.ing_board_coment_title,
	.ing_board_coment_title strong{
		font-size:16px;
	}

	.ing_board_coment_write{
		gap:7px;
	}

	.ing_board_coment_textarea_box{
		height:96px;
	}

	.ing_board_coment_textarea{
		height:96px;
		min-height:96px;
		padding:14px 14px 30px;
		border-radius:8px;
		font-size:13px;
	}

	.ing_board_coment_submit{
		flex-basis:72px;
		width:72px;
		height:96px;
		border-radius:8px;
	}

	.ing_board_coment_send_icon{
		width:22px;
		height:22px;
		margin-bottom:5px;
	}

	.ing_board_coment_send_icon:before{
		border-top-width:9px;
		border-bottom-width:9px;
		border-left-width:21px;
	}

	.ing_board_coment_send_icon:after{
		top:9px;
		width:13px;
	}

	.ing_board_coment_submit_text{
		font-size:12px;
	}

	.ing_board_coment_list{
		margin-top:20px;
	}

	.ing_board_coment_item{
		padding:18px 0;
		scroll-margin-top:80px;
	}

	.ing_board_coment_profile{
		flex-basis:36px;
		width:36px;
		height:36px;
		margin-right:10px;
	}

	.ing_board_coment_profile_icon{
		transform:scale(0.88);
	}

	.ing_board_coment_info{
		margin-bottom:7px;
		gap:5px;
	}

	.ing_board_coment_writer{
		font-size:13px;
	}

	.ing_board_coment_date{
		font-size:11px;
	}

	.ing_board_coment_contents{
		font-size:13px;
		line-height:1.65;
	}

	.ing_board_coment_empty{
		padding:40px 15px;
	}
}