html.tlk-qna-board body {
  background: #f7f8fb;
}

html.tlk-qna-board #layout_body {
  padding-bottom: 80px;
}

html.tlk-qna-board #boardlayout {
  --qna-ink: #161822;
  --qna-muted: #737887;
  --qna-line: #e5e8ef;
  --qna-blue: #4f46e5;
  --qna-blue-dark: #3730a3;
  --qna-soft: #f2f3ff;
  max-width: 1240px;
  margin: 0 auto;
  padding: 42px 24px 0;
  box-sizing: border-box;
}

html.tlk-qna-board #boardlayout .subpage_wrap {
  display: block;
  width: 100%;
}

html.tlk-qna-board #boardlayout .subpage_lnb,
html.tlk-qna-board #boardlayout #subAllButton,
html.tlk-qna-board #bbslist > img {
  display: none !important;
}

html.tlk-qna-board #boardlayout .subpage_container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.tlk-qna-board #boardlayout .title_container {
  position: relative;
  overflow: hidden;
  min-height: 208px;
  margin: 0 0 18px;
  padding: 40px 44px;
  border: 1px solid #e7e8ff;
  border-radius: 24px;
  background:
    radial-gradient(circle at 88% 18%, rgba(129, 140, 248, .24), transparent 33%),
    linear-gradient(135deg, #ffffff 0%, #f7f7ff 58%, #eef0ff 100%);
  box-sizing: border-box;
}

html.tlk-qna-board #boardlayout .title_container::after {
  content: '?';
  position: absolute;
  right: 42px;
  top: 18px;
  color: rgba(79, 70, 229, .08);
  font-size: 176px;
  font-weight: 900;
  line-height: 1;
  pointer-events: none;
}

html.tlk-qna-board .tlk-qna-kicker {
  margin-bottom: 10px;
  color: var(--qna-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
}

html.tlk-qna-board #boardlayout .title_container h2 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--qna-ink);
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: -.04em;
}

html.tlk-qna-board .tlk-qna-lead {
  position: relative;
  z-index: 1;
  margin: 14px 0 0;
  color: #5f6472;
  font-size: 15px;
  line-height: 1.65;
}

html.tlk-qna-board .tlk-qna-quick {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 9px;
  margin-top: 24px;
}

html.tlk-qna-board .tlk-qna-quick a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid #d9dce6;
  border-radius: 10px;
  background: rgba(255, 255, 255, .86);
  color: #343846;
  font-size: 13px;
  font-weight: 750;
  text-decoration: none;
  box-sizing: border-box;
}

html.tlk-qna-board .tlk-qna-quick a.primary {
  border-color: var(--qna-blue);
  background: var(--qna-blue);
  color: #fff;
  box-shadow: 0 9px 20px rgba(79, 70, 229, .18);
}

html.tlk-qna-board .tlk-qna-tabs {
  display: flex;
  gap: 6px;
  margin-bottom: 18px;
  padding: 6px;
  border: 1px solid var(--qna-line);
  border-radius: 14px;
  background: #fff;
}

html.tlk-qna-board .tlk-qna-tabs a {
  flex: 1 1 0;
  padding: 12px 10px;
  border-radius: 9px;
  color: #6a6f7d;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

html.tlk-qna-board .tlk-qna-tabs a.active {
  background: var(--qna-soft);
  color: var(--qna-blue-dark);
}

html.tlk-qna-board #bbslist {
  padding: 24px;
  border: 1px solid var(--qna-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(24, 29, 45, .055);
  box-sizing: border-box;
}

html.tlk-qna-board #boardsearch .bbs_top_wrap {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 10px;
  margin: 0 0 17px;
  padding: 0;
}

html.tlk-qna-board #boardsearch .bbs_top_wrap > li {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}

html.tlk-qna-board #boardsearch select,
html.tlk-qna-board #boardsearch input[type='text'] {
  width: 100% !important;
  height: 46px !important;
  padding: 0 14px !important;
  border: 1px solid #dfe2e9 !important;
  border-radius: 10px !important;
  background: #fafbfc !important;
  color: #252936 !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
  outline: none !important;
}

html.tlk-qna-board #boardsearch select:focus,
html.tlk-qna-board #boardsearch input[type='text']:focus {
  border-color: #8b85ef !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, .1) !important;
}

html.tlk-qna-board #boardsearch .searchform {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 84px auto;
  gap: 8px;
}

html.tlk-qna-board #boardsearch .btn_resp {
  min-width: 84px;
  height: 46px !important;
  margin: 0 !important;
  border: 1px solid var(--qna-blue) !important;
  border-radius: 10px !important;
  background: var(--qna-blue) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

html.tlk-qna-board #boardsearch .btn_resp.hide {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  border-color: #dfe2e9 !important;
  background: #fff !important;
  color: #686e7c !important;
}

html.tlk-qna-board #bbslist .article_info {
  display: block !important;
  margin: 0 0 10px;
  color: #8a8f9c;
  font-size: 12px;
}

html.tlk-qna-board #bbslist .res_table {
  border: 0 !important;
}

html.tlk-qna-board #bbslist .res_table > ul {
  display: grid !important;
  grid-template-columns: 54px 86px 108px minmax(0, 1fr) 104px 90px 52px;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

html.tlk-qna-board #bbslist .res_table > ul > li {
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 10px !important;
  float: none !important;
  order: initial !important;
  border: 0 !important;
  box-sizing: border-box;
}

html.tlk-qna-board #bbslist .res_table > ul.thead {
  min-height: 46px;
  margin-bottom: 8px;
  border: 0 !important;
  border-radius: 10px;
  background: #f5f6f9;
  color: #707685;
  font-size: 12px;
  font-weight: 750;
}

html.tlk-qna-board #bbslist .res_table > ul.tbody {
  min-height: 92px;
  margin-bottom: 9px;
  border: 1px solid #eceef3 !important;
  border-radius: 13px;
  background: #fff;
  color: #555b69;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

html.tlk-qna-board #bbslist .res_table > ul.tbody:hover {
  z-index: 1;
  border-color: #cbc8f4 !important;
  box-shadow: 0 9px 24px rgba(24, 29, 45, .075);
  transform: translateY(-1px);
}

html.tlk-qna-board #bbslist .res_table > ul.tbody > li:nth-child(1),
html.tlk-qna-board #bbslist .res_table > ul.tbody > li:nth-child(7) {
  color: #9a9eaa;
  font-size: 12px;
  text-align: center;
}

html.tlk-qna-board #bbslist .reply_title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

html.tlk-qna-board #bbslist .tlk-qna-done .reply_title {
  background: #ecfdf3;
  color: #16834b;
}

html.tlk-qna-board #bbslist .tlk-qna-waiting .reply_title {
  background: #fff5e7;
  color: #b45f06;
}

html.tlk-qna-board #bbslist .reply_title .gray {
  color: inherit !important;
}

html.tlk-qna-board #bbslist .cat {
  color: #635bd6;
  font-size: 12px;
  font-weight: 750;
}

html.tlk-qna-board #bbslist .board_goods_list {
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

html.tlk-qna-board #bbslist .board_goods_list .pic,
html.tlk-qna-board #bbslist .board_goods_list .pic img {
  width: 58px !important;
  height: 58px !important;
  border-radius: 10px;
}

html.tlk-qna-board #bbslist .board_goods_list .pic img {
  border: 1px solid #eceef3;
  object-fit: contain;
  background: #fff;
}

html.tlk-qna-board #bbslist .board_goods_list .name {
  overflow: hidden;
  margin-bottom: 5px;
  color: #858a97;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.tlk-qna-board #bbslist .board_goods_list .name a {
  color: inherit;
}

html.tlk-qna-board #bbslist .board_goods_list .title {
  color: #202431;
  font-size: 14px;
  font-weight: 760;
  line-height: 1.4;
}

html.tlk-qna-board #bbslist .board_goods_list .cont {
  margin-top: 4px;
  color: #9a9eaa;
  font-size: 11px;
}

html.tlk-qna-board #bbslist .paging_navigation,
html.tlk-qna-board #bbslist .paging_navigation a,
html.tlk-qna-board #bbslist .paging_navigation strong {
  border-radius: 8px !important;
}

html.tlk-qna-board #bbslist button {
  border-radius: 10px !important;
}

@media (max-width: 900px) {
  html.tlk-qna-board #boardlayout {
    padding: 24px 16px 0;
  }

  html.tlk-qna-board #boardlayout .title_container {
    min-height: 0;
    padding: 30px 26px;
    border-radius: 18px;
  }

  html.tlk-qna-board #boardlayout .title_container::after {
    right: 18px;
    font-size: 132px;
  }

  html.tlk-qna-board #bbslist {
    padding: 18px;
    border-radius: 16px;
  }

  html.tlk-qna-board #bbslist .res_table > ul.thead {
    display: none !important;
  }

  html.tlk-qna-board #bbslist .res_table > ul.tbody {
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
      'status category date'
      'subject subject subject'
      'writer writer hit';
    gap: 8px 10px;
    padding: 15px !important;
  }

  html.tlk-qna-board #bbslist .res_table > ul.tbody > li {
    padding: 0 !important;
  }

  html.tlk-qna-board #bbslist .res_table > ul.tbody > li:nth-child(1) { display: none !important; }
  html.tlk-qna-board #bbslist .res_table > ul.tbody > li:nth-child(2) { grid-area: status; }
  html.tlk-qna-board #bbslist .res_table > ul.tbody > li:nth-child(3) { grid-area: category; }
  html.tlk-qna-board #bbslist .res_table > ul.tbody > li:nth-child(4) { grid-area: subject; }
  html.tlk-qna-board #bbslist .res_table > ul.tbody > li:nth-child(5) { grid-area: writer; color: #8c919e; font-size: 11px; }
  html.tlk-qna-board #bbslist .res_table > ul.tbody > li:nth-child(6) { grid-area: date; color: #9da1ac; font-size: 11px; text-align: right; }
  html.tlk-qna-board #bbslist .res_table > ul.tbody > li:nth-child(7) { grid-area: hit; text-align: right; }
}

@media (max-width: 640px) {
  html.tlk-qna-board #boardlayout {
    padding: 16px 12px 0;
  }

  html.tlk-qna-board #boardlayout .title_container {
    padding: 26px 20px;
  }

  html.tlk-qna-board .tlk-qna-lead {
    max-width: 82%;
    font-size: 13px;
  }

  html.tlk-qna-board .tlk-qna-quick {
    flex-direction: column;
    width: 100%;
  }

  html.tlk-qna-board .tlk-qna-quick a {
    width: 100%;
  }

  html.tlk-qna-board .tlk-qna-tabs {
    overflow-x: auto;
    justify-content: flex-start;
  }

  html.tlk-qna-board .tlk-qna-tabs a {
    flex: 0 0 auto;
    min-width: 96px;
  }

  html.tlk-qna-board #bbslist {
    padding: 14px;
  }

  html.tlk-qna-board #boardsearch .bbs_top_wrap {
    grid-template-columns: 1fr;
  }

  html.tlk-qna-board #boardsearch .searchform {
    grid-template-columns: minmax(0, 1fr) 74px;
  }

  html.tlk-qna-board #boardsearch .btn_resp.hide {
    display: none !important;
  }

  html.tlk-qna-board #bbslist .board_goods_list {
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 10px;
  }

  html.tlk-qna-board #bbslist .board_goods_list .pic,
  html.tlk-qna-board #bbslist .board_goods_list .pic img {
    width: 46px !important;
    height: 46px !important;
  }
}

/* Product Q&A write form */
html.tlk-qna-board.tlk-qna-write body {
  background: transparent;
}

html.tlk-qna-board.tlk-qna-write #layout_body {
  padding-bottom: 16px;
}

html.tlk-qna-board.tlk-qna-write #boardlayout {
  max-width: 1040px;
  padding: 10px 12px 22px;
}

html.tlk-qna-board.tlk-qna-write #bbsview {
  overflow: hidden;
  border: 1px solid #e5e8ef;
  border-radius: 13px;
  background: #fff;
  box-shadow: none;
}

html.tlk-qna-board.tlk-qna-write #writeform {
  padding: 14px;
  box-sizing: border-box;
}

html.tlk-qna-board.tlk-qna-write #tlkqForm {
  margin: 0 0 12px;
  padding: 14px 16px;
  border: 1px solid #e0e2ff;
  border-radius: 10px;
  background: #f7f8ff;
}

html.tlk-qna-board.tlk-qna-write .tlkq-h {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}

html.tlk-qna-board.tlk-qna-write .tlkq-h h3 {
  margin: 0;
  color: #161822;
  font-size: 18px;
  font-weight: 850;
  letter-spacing: -.03em;
}

html.tlk-qna-board.tlk-qna-write .tlkq-badge {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  padding: 0 8px;
  border-radius: 999px;
  background: #e7e8ff;
  color: #4338ca;
  font-size: 10.5px;
  font-weight: 750;
}

html.tlk-qna-board.tlk-qna-write .tlkq-hint {
  width: 100%;
  margin: 4px 0 0;
  color: #656a78;
  font-size: 11.5px;
  line-height: 1.45;
}

html.tlk-qna-board.tlk-qna-write #boardDetailTable {
  width: 100% !important;
  margin: 0 0 10px;
  border: 1px solid #e6e9f0;
  border-collapse: separate !important;
  border-spacing: 0;
  border-radius: 9px;
  overflow: hidden;
}

html.tlk-qna-board.tlk-qna-write #boardDetailTable th,
html.tlk-qna-board.tlk-qna-write #boardDetailTable td {
  border: 0 !important;
  border-bottom: 1px solid #edf0f4 !important;
  vertical-align: middle;
  box-sizing: border-box;
}

html.tlk-qna-board.tlk-qna-write #boardDetailTable tr:last-child th,
html.tlk-qna-board.tlk-qna-write #boardDetailTable tr:last-child td {
  border-bottom: 0 !important;
}

html.tlk-qna-board.tlk-qna-write #boardDetailTable th {
  width: 128px;
  min-width: 128px;
  padding: 8px !important;
  background: #f8f9fb !important;
  color: #343846;
  font-size: 11.5px;
  font-weight: 750;
  text-align: left;
}

html.tlk-qna-board.tlk-qna-write #boardDetailTable th p {
  margin: 0 !important;
  display: inline-block;
  width: max-content !important;
  height: auto !important;
  line-height: 1.2;
  white-space: nowrap;
  word-break: keep-all;
}

html.tlk-qna-board.tlk-qna-write #boardDetailTable td {
  padding: 6px 10px !important;
  background: #fff;
}

html.tlk-qna-board.tlk-qna-write #addcategory,
html.tlk-qna-board.tlk-qna-write #tlkqCompany,
html.tlk-qna-board.tlk-qna-write #name,
html.tlk-qna-board.tlk-qna-write #pw,
html.tlk-qna-board.tlk-qna-write #tel1,
html.tlk-qna-board.tlk-qna-write #email,
html.tlk-qna-board.tlk-qna-write #subject,
html.tlk-qna-board.tlk-qna-write #captcha_code {
  height: 38px !important;
  padding: 0 11px !important;
  border: 1px solid #dfe3eb !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #242733 !important;
  font-size: 12.5px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html.tlk-qna-board.tlk-qna-write #addcategory,
html.tlk-qna-board.tlk-qna-write #tlkqCompany,
html.tlk-qna-board.tlk-qna-write #subject {
  width: 100% !important;
  max-width: none !important;
}

html.tlk-qna-board.tlk-qna-write #name,
html.tlk-qna-board.tlk-qna-write #pw {
  width: min(100%, 380px) !important;
}

html.tlk-qna-board.tlk-qna-write #tel1,
html.tlk-qna-board.tlk-qna-write #email {
  width: min(100%, 300px) !important;
}

html.tlk-qna-board.tlk-qna-write #addcategory:focus,
html.tlk-qna-board.tlk-qna-write input[type='text']:focus,
html.tlk-qna-board.tlk-qna-write input[type='password']:focus,
html.tlk-qna-board.tlk-qna-write textarea:focus {
  border-color: #7770ec !important;
  outline: 3px solid rgba(79, 70, 229, .11) !important;
}

html.tlk-qna-board.tlk-qna-write .form_multi_row2 {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr) auto;
  align-items: center;
  gap: 5px 8px;
  margin: 0 !important;
}

html.tlk-qna-board.tlk-qna-write .form_multi_row2 > li {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

html.tlk-qna-board.tlk-qna-write input[type='checkbox'] {
  width: 14px;
  height: 14px;
  margin: 0 5px 0 0;
  accent-color: #4f46e5;
  vertical-align: -3px;
}

html.tlk-qna-board.tlk-qna-write #contents {
  display: block;
  width: 100% !important;
  height: 190px !important;
  min-height: 190px !important;
  margin: 0 0 10px !important;
  padding: 12px !important;
  border: 1px solid #dfe3eb !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #242733 !important;
  font: 12.5px/1.55 inherit !important;
  resize: vertical;
  box-sizing: border-box !important;
}

html.tlk-qna-board.tlk-qna-write #board_captcha,
html.tlk-qna-board.tlk-qna-write .L.Pb20 {
  width: 100% !important;
  margin: 7px 0 0 !important;
  border: 1px solid #e6e9f0 !important;
  border-radius: 9px !important;
  background: #fbfcfe !important;
  box-sizing: border-box !important;
}

html.tlk-qna-board.tlk-qna-write .file_add_table {
  display: block !important;
  width: 100% !important;
  margin: 4px 0 8px !important;
  border: 0 !important;
  background: transparent !important;
}

html.tlk-qna-board.tlk-qna-write .file_add_table > tbody {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
}

html.tlk-qna-board.tlk-qna-write .file_add_table > tbody > tr {
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
}

html.tlk-qna-board.tlk-qna-write .file_add_table th,
html.tlk-qna-board.tlk-qna-write .file_add_table td {
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #6b7080;
  font-size: 11.5px;
}

html.tlk-qna-board.tlk-qna-write .file_add_table th {
  padding-right: 6px !important;
}

html.tlk-qna-board.tlk-qna-write #filelistlay > th {
  display: none !important;
}

html.tlk-qna-board.tlk-qna-write #BoardFileTable {
  width: auto !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html.tlk-qna-board.tlk-qna-write #BoardFileTable td,
html.tlk-qna-board.tlk-qna-write #BoardFileTable .pdt5 {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html.tlk-qna-board.tlk-qna-write .file_add_table .select_img {
  height: 34px !important;
  padding: 0 28px 0 10px !important;
  border: 1px solid #dfe3eb !important;
  border-radius: 7px !important;
  background-color: #fff !important;
  color: #555a69 !important;
  font-size: 11.5px !important;
}

html.tlk-qna-board.tlk-qna-write .captcha_code_container {
  display: grid !important;
  grid-template-columns: 136px 158px 30px;
  align-items: center;
  gap: 7px;
  width: 100% !important;
  margin: 7px 0 0 !important;
  padding: 9px !important;
  border: 1px solid #e6e9f0 !important;
  border-radius: 9px !important;
  background: #fbfcfe !important;
  box-sizing: border-box !important;
}

html.tlk-qna-board.tlk-qna-write #board_captcha {
  display: flex;
  align-items: center;
  width: 136px !important;
  height: 36px;
  margin: 0 !important;
  padding: 3px !important;
  border: 1px solid #dfe3eb !important;
  border-radius: 7px !important;
  background: #fff !important;
}

html.tlk-qna-board.tlk-qna-write #board_captcha img {
  display: block;
  width: 100% !important;
  height: 30px !important;
  object-fit: contain;
}

html.tlk-qna-board.tlk-qna-write #captcha_code {
  width: 158px !important;
}

html.tlk-qna-board.tlk-qna-write #captcha_code_refresh {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 !important;
  border: 1px solid #dfe3eb;
  border-radius: 7px;
  background-color: #fff;
}

html.tlk-qna-board.tlk-qna-write #BoardFileTable th,
html.tlk-qna-board.tlk-qna-write #BoardFileTable td,
html.tlk-qna-board.tlk-qna-write #board_captcha th,
html.tlk-qna-board.tlk-qna-write #board_captcha td {
  padding: 7px 9px !important;
  border-color: #edf0f4 !important;
  background: transparent !important;
}

html.tlk-qna-board.tlk-qna-write .btnUploader,
html.tlk-qna-board.tlk-qna-write .board_detail_btns2 .btn_resp {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 78px;
  width: auto !important;
  height: 36px !important;
  padding: 0 13px !important;
  border: 1px solid #d9dde7 !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #343846 !important;
  font-size: 11.5px !important;
  font-weight: 750 !important;
  box-sizing: border-box !important;
}

html.tlk-qna-board.tlk-qna-write .board_detail_btns2 {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: end;
  gap: 7px;
  margin-top: 10px;
  text-align: right;
}

html.tlk-qna-board.tlk-qna-write .board_detail_btns2 > .L.Pb20 {
  grid-column: 1 / -1;
  padding: 10px !important;
  text-align: left;
}

html.tlk-qna-board.tlk-qna-write .board_detail_btns2 .cs_policy_textarea {
  display: block;
  width: 100% !important;
  height: 76px !important;
  margin: 7px 0 0 !important;
  padding: 9px !important;
  border: 1px solid #dfe3eb !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #686d7b !important;
  font: 10.5px/1.45 inherit !important;
  box-sizing: border-box !important;
}

html.tlk-qna-board.tlk-qna-write .board_detail_btns2 > .L.Pb20 > label {
  display: flex !important;
  float: none !important;
  align-items: center;
  width: fit-content;
  margin-top: 7px;
  padding: 0 !important;
  color: #3f4350 !important;
  font-size: 11.5px;
}

html.tlk-qna-board.tlk-qna-write .board_detail_btns2 .data_save_btn {
  grid-column: 2;
  min-width: 82px;
  border-color: #4f46e5 !important;
  background: #4f46e5 !important;
  color: #fff !important;
  box-shadow: none;
}

html.tlk-qna-board.tlk-qna-write .board_detail_btns2 > button:last-child {
  grid-column: 3;
}

@media (max-width: 720px) {
  html.tlk-qna-board.tlk-qna-write #boardlayout {
    padding: 5px 0 14px;
  }

  html.tlk-qna-board.tlk-qna-write #bbsview {
    border-radius: 10px;
    box-shadow: none;
  }

  html.tlk-qna-board.tlk-qna-write #writeform {
    padding: 10px;
  }

  html.tlk-qna-board.tlk-qna-write #tlkqForm {
    padding: 12px;
  }

  html.tlk-qna-board.tlk-qna-write #boardDetailTable,
  html.tlk-qna-board.tlk-qna-write #boardDetailTable tbody,
  html.tlk-qna-board.tlk-qna-write #boardDetailTable tr,
  html.tlk-qna-board.tlk-qna-write #boardDetailTable th,
  html.tlk-qna-board.tlk-qna-write #boardDetailTable td {
    display: block !important;
    width: 100% !important;
  }

  html.tlk-qna-board.tlk-qna-write #boardDetailTable tr {
    border-bottom: 1px solid #edf0f4;
  }

  html.tlk-qna-board.tlk-qna-write #boardDetailTable tr:last-child {
    border-bottom: 0;
  }

  html.tlk-qna-board.tlk-qna-write #boardDetailTable th,
  html.tlk-qna-board.tlk-qna-write #boardDetailTable td {
    border-bottom: 0 !important;
  }

  html.tlk-qna-board.tlk-qna-write #boardDetailTable th {
    padding: 8px 10px 3px !important;
    background: #fff !important;
  }

  html.tlk-qna-board.tlk-qna-write #boardDetailTable td {
    padding: 3px 10px 8px !important;
  }

  html.tlk-qna-board.tlk-qna-write .form_multi_row2 {
    grid-template-columns: 1fr;
  }

  html.tlk-qna-board.tlk-qna-write #name,
  html.tlk-qna-board.tlk-qna-write #pw,
  html.tlk-qna-board.tlk-qna-write #tel1,
  html.tlk-qna-board.tlk-qna-write #email {
    width: 100% !important;
    max-width: none !important;
  }

  html.tlk-qna-board.tlk-qna-write #contents {
    height: 180px !important;
    min-height: 180px !important;
  }

  html.tlk-qna-board.tlk-qna-write .board_detail_btns2 {
    grid-template-columns: 1fr 1fr;
  }

  html.tlk-qna-board.tlk-qna-write .board_detail_btns2 > .L.Pb20 {
    grid-column: 1 / -1;
  }

  html.tlk-qna-board.tlk-qna-write .board_detail_btns2 .data_save_btn {
    grid-column: 1;
  }

  html.tlk-qna-board.tlk-qna-write .board_detail_btns2 > button:last-child {
    grid-column: 2;
  }

  html.tlk-qna-board.tlk-qna-write .captcha_code_container {
    grid-template-columns: 1fr 34px;
  }

  html.tlk-qna-board.tlk-qna-write #board_captcha {
    grid-column: 1 / -1;
    width: 100% !important;
  }

  html.tlk-qna-board.tlk-qna-write #captcha_code {
    width: 100% !important;
  }

  html.tlk-qna-board.tlk-qna-write .board_detail_btns2 .btn_resp {
    width: 100%;
  }
}

/* Product-detail iframe: keep the compact list, add only light visual polish. */
html.tlk-qna-board.tlk-qna-embedded,
html.tlk-qna-board.tlk-qna-embedded body {
  background: transparent;
}

html.tlk-qna-board.tlk-qna-embedded #layout_body {
  padding-bottom: 24px;
}

html.tlk-qna-board.tlk-qna-embedded #boardlayout {
  max-width: none;
  margin: 0;
  padding: 6px 2px 0;
}

html.tlk-qna-board.tlk-qna-embedded #bbslist {
  padding: 14px 2px 6px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html.tlk-qna-board.tlk-qna-embedded #boardsearch .bbs_top_wrap {
  grid-template-columns: 142px minmax(0, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}

html.tlk-qna-board.tlk-qna-embedded #boardsearch select,
html.tlk-qna-board.tlk-qna-embedded #boardsearch input[type='text'],
html.tlk-qna-board.tlk-qna-embedded #boardsearch .btn_resp {
  height: 42px !important;
  border-radius: 9px !important;
}

html.tlk-qna-board.tlk-qna-embedded #boardsearch select,
html.tlk-qna-board.tlk-qna-embedded #boardsearch input[type='text'] {
  background: #fff !important;
}

html.tlk-qna-board.tlk-qna-embedded #bbslist .res_table > ul.thead {
  min-height: 42px;
  margin-bottom: 7px;
  border-radius: 11px;
  background: #f7f8fb;
}

html.tlk-qna-board.tlk-qna-embedded #bbslist .res_table > ul.tbody {
  min-height: 84px;
  margin-bottom: 8px;
  border-color: #e7eaf1 !important;
  border-radius: 14px;
  background: #fcfdff;
}

html.tlk-qna-board.tlk-qna-embedded #bbslist .res_table > ul.tbody:hover {
  border-color: #c9c6f4 !important;
  box-shadow: 0 7px 19px rgba(30, 34, 52, .065);
}

html.tlk-qna-board.tlk-qna-embedded #bbslist .board_goods_list .title {
  color: #1f2330;
  font-size: 13px;
}

html.tlk-qna-board.tlk-qna-embedded #goods_boad_write_btn {
  min-width: 116px;
  height: 42px !important;
  border: 1px solid var(--qna-blue) !important;
  border-radius: 10px !important;
  background: var(--qna-blue) !important;
  color: #fff !important;
  font-weight: 750 !important;
  box-shadow: 0 7px 16px rgba(79, 70, 229, .14);
}

@media (max-width: 640px) {
  html.tlk-qna-board.tlk-qna-embedded #boardlayout {
    padding: 4px 0 0;
  }

  html.tlk-qna-board.tlk-qna-embedded #bbslist {
    padding: 10px 0 4px;
  }

  html.tlk-qna-board.tlk-qna-embedded #boardsearch .bbs_top_wrap {
    grid-template-columns: 1fr;
  }

  html.tlk-qna-board.tlk-qna-embedded #bbslist .res_table > ul.tbody {
    min-height: 0;
    padding: 14px !important;
  }

  html.tlk-qna-board.tlk-qna-embedded #goods_boad_write_btn {
    width: 100%;
  }
}