@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com/
 */

.kboard-comments-default { background-color: #f9f9f9; }
.kboard-comments-default form { margin: 0; padding: 0; }
.kboard-comments-default hr { clear: both; margin: 0 !important; padding: 5px 0 0 0 !important; max-width: 100% !important; height: 0 !important; border: 0 !important; border-bottom: 1px dashed #d8d8d8 !important; background: none !important; background-color: transparent !important; }
.kboard-comments-default input[type=text],
.kboard-comments-default input[type=email],
.kboard-comments-default input[type=number],
.kboard-comments-default input[type=date],
.kboard-comments-default input[type=file],
.kboard-comments-default input[type=password] { display: inline; margin: 0; padding: 0 5px; width: 50%; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #eaeaea; background-color: white; color: #8a8a8a; vertical-align: top; box-sizing: border-box; text-indent: 0; }
.kboard-comments-default .kboard-comments-wrap { padding: 15px 15px 0 0; }
.kboard-comments-default .comments-header { padding: 0 0 0 15px; overflow: hidden; line-height: 1; }
.kboard-comments-default .comments-count { display: inline; color: #8a8a8a; font-size: 14px; }
.kboard-comments-default .comments-count .comments-total-count { color: #f05726; font-size: 14px; }
.kboard-comments-default .comments-sort { float: right; text-align: right; }
.kboard-comments-default .comments-sort select { display: inline; margin: 0; padding: 0; border: 0; width: auto; min-width: 0; max-width: none; height: auto; min-height: 0; color: #66666a; font-size: 14px; background: none; background-color: transparent; cursor: pointer; box-shadow: none; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
.kboard-comments-default .comments-list { padding: 0 0 0 15px; overflow: hidden; }
.kboard-comments-default .comments-list ul { margin: 0 !important; padding: 0 !important; list-style: none; border: 0; background: none; }
.kboard-comments-default .comments-list ul li { margin: 0 !important; padding: 15px 0 0 0 !important; list-style: none; border: 0; background: none; }
.kboard-comments-default .comments-list .comments-list-username { float: left; margin: 0; padding-right: 10px; width: auto; font-size: 14px; color: #3b3b3b; font-weight: bold; line-height: 24px; }
.kboard-comments-default .comments-list .comments-list-username a { color: #3b3b3b; }
.kboard-comments-default .comments-list .comments-list-username img.avatar { display: inline; margin: 0 3px 0 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }
.kboard-comments-default .comments-list .comments-list-create { float: left; margin: 0; padding-right: 10px; width: auto; font-size: 13px; color: gray; line-height: 24px; }
.kboard-comments-default .comments-list .comments-list-content { clear: both; padding: 10px 0; word-break: break-all; overflow: hidden; }
.kboard-comments-default .comments-list .comments-list-content iframe { max-width: 100%; }
.kboard-comments-default .comments-list .comments-list-content img { display: inline; margin: 0; vertical-align: middle; max-width: 100%; }
.kboard-comments-default .comments-list .comments-list-content p { margin: 0 0 0.75em; }
.kboard-comments-default .comments-list .comments-list-content p:last-child { margin: 0; }
.kboard-comments-default .comments-list .comments-list-content .aligncenter { display: block; margin-right: auto; margin-left: auto; }
.kboard-comments-default .comments-list .comments-list-content .alignright { float:right; }
.kboard-comments-default .comments-list .comments-list-content .alignleft { float: left; }
.kboard-comments-default .comments-list .comments-list-controller { clear: both; overflow: hidden; line-height: 1; }
.kboard-comments-default .comments-list .comments-list-controller .left { position: static; float: left; }
.kboard-comments-default .comments-list .comments-list-controller .right { position: static; float: right; text-align: right; }
.kboard-comments-default .comments-list .comments-list-controller .comments-button-action { margin: 0 0 5px 0; padding: 3px 4px; font-size: 13px; font-weight: normal; line-height: 12px; text-align: left; border: 1px solid #ededed; background: none; background-color: white; border-radius: 2px; letter-spacing: normal; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }
.kboard-comments-default .comments-list .comments-list-controller .comments-button-action span { position: static; display: inline; margin: 0; padding: 0; font-size: 12px; line-height: 12px; }
.kboard-comments-default .comments-list .comments-list-controller .comments-button-like { color: #ff5959; }
.kboard-comments-default .comments-list .comments-list-controller .comments-button-unlike { color: #3d62aa; }
.kboard-comments-default .comments-list .comments-list-controller .comments-button-delete { color: gray; }
.kboard-comments-default .comments-list .comments-list-controller .comments-button-edit { color: gray; }
.kboard-comments-default .comments-list .comments-list-controller .comments-button-reply { color: gray; }
.kboard-comments-default .comments-list .comments-list-controller .kboard-reply-active { }
.kboard-comments-default .comments-list .comments-reply-form { }
.kboard-comments-default .kboard-comments-form { padding: 15px 0 15px 15px; overflow: hidden; }
.kboard-comments-default .kboard-comments-form .comment-textarea { margin: 0; padding: 5px; width: 100%; min-width: 100%; max-width: 100%; height: 60px; min-height: 0; border: 1px solid #eaeaea; font-size: 14px; background-color: white; color: #8a8a8a; vertical-align: top; box-sizing: border-box; text-indent: 0; }
.kboard-comments-default .kboard-comments-form .comments-field-wrap { display: none; float: left; width: 50%; }
.kboard-comments-default .kboard-comments-form .comments-field { margin-bottom: 10px; line-height: 28px; font-size: 14px; }
.kboard-comments-default .kboard-comments-form .comments-field .comments-field-label { display: inline-block !important; margin: 0; padding: 0; width: 100px; font-size: 14px; color: #8a8a8a; vertical-align: top; }
.kboard-comments-default .kboard-comments-form .comments-field img { display: inline; margin: 0; padding: 0; width: auto; max-width: 100%; vertical-align: top; }
.kboard-comments-default .kboard-comments-form .comments-submit-button { display: none; float: right; }
.kboard-comments-default .kboard-comments-form .comments-submit-button input[type=submit] { margin: 0; padding: 10px 20px; width: auto; min-width: inherit; max-width: inherit; border: 0; background-color: black; color: white; font-weight: bold; cursor: pointer; text-align: center; vertical-align: top; }
.kboard-comments-default .kboard-comments-login { padding: 15px 0 15px 15px; text-align: center; font-size: 13px; overflow: hidden; }

@media screen and (max-width: 600px) {
	.kboard-comments-default input[type=text],
	.kboard-comments-default input[type=email],
	.kboard-comments-default input[type=number],
	.kboard-comments-default input[type=date],
	.kboard-comments-default input[type=password] { width: 100%; height: 28px; line-height: 28px; box-sizing: border-box; }
	.kboard-comments-default input[type=file] { width: 100%; height: auto; line-height: normal; box-sizing: border-box; }
	.kboard-comments-default .kboard-comments-form .comments-field { float: none; width: auto; }
	.kboard-comments-default .kboard-comments-form .comments-field .comments-field-label { display: block; margin: 0; }
	.kboard-comments-default .kboard-comments-form .comments-field-wrap { float: left; width: 100%; }
	.kboard-comments-default .kboard-comments-form .comments-submit-button { float: left; width: 100%; }
	.kboard-comments-default .kboard-comments-form .comments-submit-button input[type=submit] { padding: 10px 0; width: 100%; box-sizing: border-box; }
}


/* === KBoard 기본 댓글 스킨을 위한 “큰 아바타 + 깔끔 정렬” CSS === */

/* 댓글 아이템 박스 톤 */
.kboard-comments-default,
.kboard-comments-area {
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
  overflow: hidden;
  font-family: "Noto Sans KR","맑은 고딕",sans-serif;
  color: #333;
}

/* 상단 헤더 */
.kboard-comments-default .comments-header {
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:14px 18px 0 18px;
}
.kboard-comments-default .comments-count { font-weight:700; color:#222; }
.kboard-comments-default .comments-count .comments-total-count { color:#bfa14a; }
.kboard-comments-default .comments-sort select {
  height:34px; padding:0 10px; font-size:14px;
  border:1px solid #e5e5e5; border-radius:8px; background:#fff;
}
.kboard-comments-default .comments-header hr {
  width:100%; border:0; border-top:1px solid #f2f2f2; margin:12px 0 0;
}

/* 각 댓글 아이템 */
.kboard-comments-default .kboard-comments-item {
  padding:16px 18px; border-bottom:1px solid #f5f5f5;
}
.kboard-comments-default .kboard-comments-item:last-child { border-bottom:0; }

/* “이름 + 아바타 + 날짜” 라인을 가로 정렬 */
.kboard-comments-default .comments-list-username,
.kboard-comments-default .comments-list-create {
  display:inline-flex; align-items:center;
}

/* 아바타를 크게・왼쪽 배치 느낌 (기본 마크업을 유지) */
.kboard-comments-default .comments-list-username img.avatar {
  width:72px; height:72px; border-radius:50%;
  object-fit:cover; margin-right:12px; /* 닉네임 왼쪽에 크게 보이도록 */
  display:block;
}

/* 닉네임/날짜 가독성 */
.kboard-comments-default .comments-list-username { font-weight:700; color:#222; }
.kboard-comments-default .comments-list-create { color:#999; font-size:13px; margin-left:8px; }

/* 본문/이미지 */
.kboard-comments-default .comments-list-content { font-size:15px; color:#333; line-height:1.65; margin-top:6px; }
.kboard-comments-default .comments-list-content p { margin:0 0 .75em; }
.kboard-comments-default .comments-list-image1 img { max-width:100%; border-radius:6px; }

/* 액션 버튼 줄 */
.kboard-comments-default .comments-list-controller {
  display:flex; justify-content:space-between; gap:10px; margin-top:6px;
}
.kboard-comments-default .comments-button-action {
  font-size:13px; color:#555; padding:6px 10px;
  background:#f7f7f7; border:1px solid #eee; border-radius:6px;
  transition:background .2s, color .2s, border-color .2s;
  cursor:pointer;
}
.kboard-comments-default .comments-button-action:hover {
  background:#bfa14a; color:#fff; border-color:#bfa14a;
}

/* 대댓글 들여쓰기(기본 중첩 ul/li 구조를 존중) */
.kboard-comments-default .kboard-comments-list li ul {
  margin:8px 0 0 84px; /* 큰 아바타 폭 + 여백만큼 */
  padding:0; list-style:none;
}

/* 입력 폼 */
.kboard-comments-default .kboard-comments-form {
  border-top:1px solid #f2f2f2; background:#fafafa; padding:16px 18px;
}
.kboard-comments-default .comments-field.field-content { margin-bottom:12px; }
.kboard-comments-default .comment-textarea,
.kboard-comments-default textarea.wp-editor-area {
  width:100%; min-height:110px; padding:12px;
  border:1px solid #e5e5e5; border-radius:8px; font-size:14px; line-height:1.6; resize:vertical;
}
.kboard-comments-default .comments-submit-button { margin-top:14px; text-align:right; }
.kboard-comments-default .comments-submit-button input[type="submit"] {
  padding:10px 16px; border-radius:8px; border:1px solid #e5e5e5;
  background:#fff; color:#333; cursor:pointer;
  transition:background .2s, color .2s, border-color .2s, transform .05s;
}
.kboard-comments-default .comments-submit-button input[type="submit"]:hover {
  background:#bfa14a; color:#fff; border-color:#bfa14a;
}
.kboard-comments-default .comments-submit-button input[type="submit"]:active { transform:translateY(1px); }

/* 모바일 */
@media (max-width:600px){
  .kboard-comments-default .comments-list-username img.avatar { width:56px; height:56px; margin-right:10px; }
  .kboard-comments-default .kboard-comments-list li ul { margin-left:66px; }
}


/* 행 레이아웃 */
.kboard-comments-item .kboard-comment-row{
  display:flex;
  align-items:flex-start;
  gap:16px;
}

/* 왼쪽 큰 아바타 */
.kboard-comment-avatar .avatar{
  width:84px; height:84px; border-radius:50%; object-fit:cover; display:block;
}
@media (max-width:600px){
  .kboard-comment-avatar .avatar{ width:64px; height:64px; }
}

/* 오른쪽 본문 */
.kboard-comment-body{ flex:1; min-width:0; }

/* 닉네임/날짜 줄 */
.kboard-comment-head{
  display:flex; flex-wrap:wrap; gap:10px; align-items:baseline; margin-bottom:6px;
}
.comments-list-username{ font-weight:700; color:#222; }
.comments-list-create{ color:#999; font-size:13px; }

/* 내용 */
.comments-list-content{ font-size:15px; color:#333; line-height:1.65; margin-bottom:10px; }
.comments-list-image1 img{ max-width:100%; border-radius:6px; }

/* 컨트롤 */
.comments-list-controller{ display:flex; justify-content:space-between; gap:10px; margin-top:6px; }
.comments-button-action{
  font-size:13px; color:#555; padding:6px 10px;
  background:#f7f7f7; border:1px solid #eee; border-radius:6px;
  transition:background .2s, color .2s, border-color .2s; cursor:pointer;
}
.comments-button-action:hover{ background:#bfa14a; color:#fff; border-color:#bfa14a; }

/* 대댓글 들여쓰기 (중첩 ul) */
.kboard-comments-list li ul{ margin:8px 0 0 100px; padding:0; list-style:none; }
@media (max-width:600px){
  .kboard-comments-list li ul{ margin-left:72px; }
}