@charset "UTF-8";
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/****************************** QA ******************************/
.mobile-wrinfo {
  margin: .5em 0;
  padding: 0; }

.qna [type=checkbox] {
  position: relative;
  top: 3px;
  margin-bottom: 0; }

.search-wrap [type=text] {
  margin-bottom: 0; }

.qna-table .tb-cell, .relation .tb-cell {
  text-align: center;
  white-space: nowrap; }

.qna-table .wr-subject {
  text-align: left;
  white-space: normal; }

.reply-ok {
  color: #666; }

.reply-wait {
  color: #666; }

.cke_sc_def {
  border: 10px solid #efefef;
  padding: 10px;
  background-color: #fff; }
.cke_sc_def:before, .cke_sc_def:after {
  content: " ";
  display: table; }
.cke_sc_def:after {
  clear: both; }
.cke_sc_def dt {
  color: #666;
  padding: 5px 0 5px 10px; }
.cke_sc_def dt:after {
  content: ' : \00a0'; }
.cke_sc_def dt, .cke_sc_def dd {
  float: left; }
.cke_sc_def .dd {
  padding: 5px 10px 5px 0; }

/* qna  view */
.view-contents {
  position: relative; }
.view-contents .view-info {
  padding: 5px;
  overflow: hidden;
  border-bottom: 1px solid #efefef; }

.view-contents-box {
  min-height: 100px;
  margin: 2em 0 0 0; }
.view-contents-box img {
  max-width: 855px; }

.view-links li {
  white-space: normal;
  word-break: break-all;
  word-spacing: normal; }

.view-info {
  background-color: #efefef; }
.view-info h2 {
  font-size: 1.4rem;
  margin: 0;
  padding: .5em;
  border-bottom: 1px dotted #ccc; }
.view-info ul {
  display: block;
  margin: 0;
  padding: 0; }
.view-info li {
  float: left;
  display: block;
  padding: .5em; }
.view-info li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0"; }

.view-button {
  margin: 1em 0; }

.view-files {
  padding: 1em 1em .1em;
  background-color: #efefef;
  line-height: 2em; }

.view-links {
  padding: 10px;
  background-color: #efefef;
  line-height: 2em; }

.view-content-wrap {
  padding: 0 0 2em 0; }

.view-sign {
  padding: 10px;
  background-color: #efefef;
  line-height: 2em; }

#bo_v_sns {
  display: block;
  margin-bottom: 2em; }
#bo_v_sns:before, #bo_v_sns:after {
  content: " ";
  display: table; }
#bo_v_sns:after {
  clear: both; }
#bo_v_sns li {
  float: left;
  display: block;
  padding: .2em; }
#bo_v_sns li a {
  display: block; }

.board-actions {
  text-align: center;
  padding: 3em; }

.list-subejct img {
  vertical-align: middle; }

.wr_content {
  padding: .5em;
  line-height: 1em;
  height: 150px;
  width: 100%; }

.reply-contents {
  background-color: #efefef;
  border-radius: 8px;
  padding: 1em;
  padding: 1em;
  margin: 1em auto; }

.reply {
  padding: .75em 1em;
  background-color: #efefef;
  position: relative; }
.reply .sub-title {
  margin: 0 0 1em 0;
  padding: .75em 0;
  border-bottom: 1px dotted #ccc; }
.reply #ans_datetime {
  text-align: right;
  color: #52c493; }

/* qawrite */
.write-table .tb-body .tb-row .tb-cell:first-child {
  white-space: nowrap; }

.reply.answer .write-table, .reply.answer .tb-row, .reply.answer .tb-body, .reply.answer .tb-cell {
  background-color: transparent; }

/* Medium and up 640px */
@media screen and (min-width: 40em) {
  .reply {
    padding: .75em 2em; } }
/* Medium only  640px 이상 ~ 1023px 이하 */
/* Large and up 1024px 이상 */
