@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0; line-height:1.4em; font-family:'Noto Sans KR', 'Malgun Gothic', 'Open Sans', '나눔 고딕', 'Nanum Gothic', '돋움', 'dotum'; word-wrap:break-word; -webkit-text-size-adjust:none;}
ol, ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%;}
form, fieldset { border:0; }
address, caption, em { font-weight:normal; font-style:normal; }
img { border:0; margin:0; padding:0; max-width:100%;}
a { text-decoration:none; color:#333;}
a:link, a:visited, a:hover, a:active { text-decoration:none !important; }
u,i{text-decoration: none;}

/* 부트스트랩 기본 예제 S */
html {
  position: relative;
}




body>.container {
  padding: 60px 15px 0;
}

.container .text-muted {
  margin: 20px 0;
}


code {
  font-size: 80%;
}

/* 부트스트랩 기본 예제 E */


.swal2-popup {
  font-size: 1.5rem !important;
}

span.error {
  color: red;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.btn-file {
  font-size: 11px;
  font-weight: normal;
  line-height: 30px;
  height: 30px;
}

.btn-file:before {
  content: attr(data-content);
  display: inline-block;
  width: 170px;
  height: 30px;
  vertical-align: bottom;
  font-size: 12px;
  padding: 0 5px;
  border: 1px #c0c0c0 solid;
  background: #eaeaea;
  color: #666;
  overflow: hidden;
}

.btn-file:after {
  content: "파일검색";
  display: inline-block;
  padding: 0 14px;
  height: 30px;
  vertical-align: bottom;
  font-size: 12px;
  margin-left: 1px;
  border: 1px #ccc solid;
  cursor: pointer;
}

.file-down:before {
  font-family: 'Font Awesome 5 Pro';
  content: '\f56d';
  display: inline-block;
  margin-right: 5px;
  font-size: 14px;
  vertical-align: middle;
}

.board-content {
  min-height: 300px;
}

.board-hot {
  color: rgb(241, 13, 13);
  -webkit-animation-name: hot-animat;
  /* Chrome, Safari, Opera */
  -webkit-animation-duration: 4s;
  /* Chrome, Safari, Opera */
  -webkit-animation-iteration-count: infinite;
  /* Chrome, Safari, Opera */
  animation-name: hot-animat;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

@-webkit-keyframes hot-animat {
  0% {
    color: rgb(241, 13, 13);
  }

  25% {
    color: rgb(176, 12, 12);
  }

  50% {
    color: rgb(249, 54, 54);
  }

  75% {
    color: rgb(156, 37, 37);
  }

  100% {
    color: rgb(251, 126, 126);
  }
}

@keyframes hot-animat {
  0% {
    color: rgb(241, 13, 13);
  }

  25% {
    color: rgb(176, 12, 12);
  }

  50% {
    color: rgb(249, 54, 54);
  }

  75% {
    color: rgb(156, 37, 37);
  }

  100% {
    color: rgb(251, 126, 126);
  }
}

.btn-warp {
  display: inline-block;
}

.btn-warp li {
  float: left;
  margin-right: 10px;
}

.comment-warp {
  background-color: #f0f1f3;
  padding: 10px;
}

.comment-warp ul li {
  margin-bottom: 35px;
}

.comment-warp ul li:last-child {
  margin-bottom: 0;
}

.comment-warp ul li dd {
  padding: 10px;
  background-color: #FFF;
  margin: 10px;
  border-radius: 5px;
  border: 1px #CCC solid;
}

.comment-input {
  margin: 5px 0;
}

.comment-input ul li {
  padding: 5px;
  height: 100px;
}

.comment-input ul li:first-child {
  width: 90%;
  float: left;
}

.comment-input ul li button {
  width: 100%;
  height: 100%;
}

.comment-input ul li:last-child {
  width: 10%;
  float: left;
}

.layer-popup {
  position: absolute;
  z-index: 9;
}


/* ck-editor */
.ck-editor__editable { height: 400px; }
.ck-content { font-size: 14px; }
.ck-source-editing-area { height: 400px; }