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

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

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

/**********************************************
    게시판 목록
***********************************************/
.board-basic-list .tb-row:hover {
  background-color: #efefef; }
.board-basic-list .responsetable {
  border-top: 2px solid #666; }
.board-basic-list .responsetable .tb-body .tb-cell {
  border-bottom: 1px dashed #ccc; }
.board-basic-list .responsetable .tb-body .tb-row:last-child .tb-cell {
  border: none; }

.bo-menu {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  float: right;
  margin: 0;
  padding: 0; }
.bo-menu li {
  display: block;
  line-height: 3em;
  float: left;
  border-left: 1px solid #ccc; }
.bo-menu li a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0 1em;
  font-size: 1.2em;
  text-align: center;
  line-height: 3.2em; }
.bo-menu li a :hover {
  background-color: #ccc; }

.list-subejct {
  text-align: left !important; }

.subject-link {
  line-height: 1.6em; }

.bo-info {
  float: right; }

.list-checkbox, .list-writer, .list-pop, .list-hit, .list-date, .list-num {
  text-align: center;
  padding: 0;
  min-width: 40px; }

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

.category-link {
  font-weight: 600;
  color: #666; }

.comment_count {
  font-weight: 600;
  color: #666; }

.button-container {
  position: relative; }

/**********************************************
    게시판 내용
***********************************************/
.view-contents {
  position: relative; }
.view-contents .view-info ul, .view-contents .view-links ul, .view-contents .view-files ul {
  list-style: none;
  margin: 0;
  padding: 0; }
.view-contents .view-info {
  padding: 5px;
  border-bottom: 1px solid #efefef;
  *zoom: 1; }
.view-contents .view-info:before, .view-contents .view-info:after {
  content: " ";
  display: table; }
.view-contents .view-info:after {
  clear: both; }

.view-contents-box {
  min-height: 200px;
  margin: 5em 0;
  line-height: 1.8em; }
.view-contents-box p {
  line-height: 1.8em; }

a.view-image img {
  width: 100%; }

a.sv_member img {
  vertical-align: middle; }

.view-info li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: .5em; }
.view-info li 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-links li {
  white-space: normal;
  word-break: break-all;
  word-spacing: normal; }

.view-content-wrap {
  margin: 1em 0;
  padding: 0 0 2em 0;
  border-bottom: 1px solid #ccc; }

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

#bo_v_sns {
  display: block;
  overflow: hidden;
  margin-bottom: 2em; }
#bo_v_sns li {
  float: left;
  display: block;
  padding: .2em; }
#bo_v_sns li a {
  display: block; }

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

/**********************************************
    게시판 글쓰기
***********************************************/
#autosave_wrapper {
  position: relative; }
#autosave_wrapper .columns {
  margin-bottom: 0 !important; }

#autosave_pop {
  display: none;
  z-index: 10;
  position: absolute;
  padding: 8px;
  width: 97.8%;
  height: auto !important;
  height: 180px;
  max-height: 180px;
  border: 1px solid #565656;
  background: #fff;
  overflow-y: scroll;
  box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06); }
#autosave_pop strong {
  position: absolute;
  font-size: 0;
  line-height: 0; }
#autosave_pop strong:before, #autosave_pop strong:after {
  content: " ";
  display: table; }
#autosave_pop strong:after {
  clear: both; }
#autosave_pop div {
  text-align: right; }
#autosave_pop button {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent; }
#autosave_pop ul {
  margin: 10px 0;
  padding: 0;
  border-top: 1px solid #efefef;
  list-style: none; }
#autosave_pop li {
  padding: 8px 5px;
  border-bottom: 1px solid #efefef;
  zoom: 1; }
#autosave_pop li:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""; }
#autosave_pop a {
  display: block;
  float: left; }
#autosave_pop span {
  display: block;
  float: right; }

html.no-overflowscrolling #autosave_pop {
  height: auto;
  max-height: 10000px !important; }

/* overflow 미지원 기기 대응 */
.autosave_close {
  cursor: pointer; }

.autosave_content {
  display: none; }

.tb-text {
  white-space: nowrap;
  text-align: center; }

.cke_sc_def {
  border: 10px solid #efefef;
  padding: 10px;
  overflow: hidden;
  background-color: #fff; }
.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; }

.wr_content {
  background-color: #fff; }

#smart_editor2 {
  min-width: 100% !important; }

.write-table {
  background-color: #fff; }
.write-table .button, .write-table [type='text'] {
  margin-bottom: 0; }
.write-table .tb-row:nth-child(even) {
  background-color: #fff; }
.write-table .tb-cell {
  border-bottom: 1px solid #efefef; }
.write-table .tb-text {
  display: none; }

/**********************************************
    게시판 댓글
***********************************************/
.comment-list .timeline-description:before, .comment-list .timeline-description:after {
  content: " ";
  display: table; }
.comment-list .timeline-description:after {
  clear: both; }
.comment-list .timeline-description .button-group {
  margin-bottom: 0; }

#bo_vc_w:before, #bo_vc_w:after {
  content: " ";
  display: table; }
#bo_vc_w:after {
  clear: both; }

.board-comments-wrap {
  padding: 1.5em 0; }
.board-comments-wrap article {
  margin: 1em 0 .5em 0; }

.comment-contents {
  padding: .25em;
  min-height: 100px;
  line-height: 1.8em; }

.comment-write-wrap {
  padding: 1em 0; }

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

.captcha_box {
  display: block;
  width: 10em;
  line-height: 2em;
  height: 2em; }

#captcha legend {
  display: none; }

.comment-info {
  color: #666;
  font-size: .95em; }

textarea.comment_textarea {
  min-height: 10em !important; }

.comment-box {
  padding: .5em;
  background-color: #ddd;
  border: 1px solid #ccc;
  border-radius: 6px; }
.comment-box:before, .comment-box:after {
  content: " ";
  display: table; }
.comment-box:after {
  clear: both; }
.comment-box input[type=checkbox] {
  position: relative;
  margin: 0;
  padding: 0;
  top: 3px; }
.comment-box label {
  text-align: right;
  padding-right: .5em; }
.comment-box #captcha button {
  margin: .5em auto; }

.comments-table {
  border-bottom: none !important; }

.secret-checkbox {
  padding: .75em 0; }

#btn_autosave {
  width: 100%;
  line-height: 1.76em; }

/**********************************************
    미디어쿼리
***********************************************/
/* Small only 639px 이하 */
/* Medium and up 640px */
@media screen and (min-width: 40em) {
  .write-table .tb-text {
    display: table-cell; } }
/* Medium only  640px 이상 ~ 1023px 이하 */
/* Large and up 1024px 이상 */
@media screen and (min-width: 64em) {
  #autosave_pop {
    right: 5px;
    top: 34px;
    width: 350px; }

  .comment-write-wrap {
    padding: 1em 0; }

  .comment-contents {
    padding: 1em; }

  a.view-image img {
    width: auto; } }
