/* Board Pagination */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin:40px 0px 0px;
}

.pagination a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 1px;
  width:37px;
  height:37px;
  text-align:center;
  font-size:1.6rem;
  font-weight:400;
  background-repeat:no-repeat;
  background-position:center;
  color:#5c5c5c;
  background-color:#fff;
  border:1px solid #dfdfdf;
  -webkit-transition:all ease-out .15s;
  transition:all ease-out .15s;
}

.pagination a:not(.current) {
  cursor:pointer;
}

.pagination .current {
  color:#fff;
  border-color: #f8b62b;
  background-color: #f8b62b;
}

.pagination__prev {
  background-image: url('/child/img/bbs/pagination_prev.png');
}

.pagination__next {
  background-image: url('/child/img/bbs/pagination_next.png');
}

@media (max-width:1200px) {
  .pagination a {
    width:32px;
    height:32px;
    font-size:1.4rem;
  }
}
@media (max-width:992px) {
  .pagination {
    margin:28px 0px 0px;
  }
}
@media (max-width:768px) {
  .pagination {
    margin:20px 0px 0px;
  }

  .pagination a {
    width:28px;
    height:28px;
    font-size:1.2rem;
  }
}
@media (max-width:500px) {
  .pagination a {
    width:26px;
    height:26px;
    font-size:1rem;
  }
}


/* Board Search */
.search {
  padding:20px 10px;
  margin-top:40px;
  border-top:1px solid #c6c6c6;
  border-bottom:1px solid #c6c6c6;
}

.search .search-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.search .search-select {
  max-width:160px;
  width:100%;
  height:44px;
  margin-right:8px;
}

.search .search-select .select {
  width:100%;
  height:100%;
  font-size:1.6rem;
  color:#8a8a8a;
  border:1px solid #dfdfdf;
  padding:0px 15px;
  border-radius:0px;
  background-size:14px auto;
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-image: url('/child/img/bbs/select_icon.png');
}

.search .search-input {
  max-width:280px;
  width:100%;
  height:44px;
  border:1px solid #dfdfdf;
  padding-right:44px;
  position:relative;
  overflow: hidden;
}

.search .search-input input {
  width:100%;
  height:100%;
  font-size:1.6rem;
  border:0px;
}

.search .search-input .button {
  position: absolute;
  top:0;
  right:0;
  width:44px;
  height:100%;
  border-radius:0px;
  background:#f8b62b url('/child/img/bbs/search_icon.png') no-repeat center / auto 16px;
}

@media (max-width:1200px) {
  .search .search-select .select {
    font-size:1.4rem;
  }

  .search .search-input input {
    font-size:1.4rem;
  }
}
@media (max-width:992px) {
  .search {
    padding:12px 10px;
    margin-top:28px;
  }

  .search .search-select {
    height:38px;
  }

  .search .search-input {
    height:38px;
  }
}
@media (max-width:768px) {
  .search {
    padding:10px;
    margin-top:20px;
  }

  .search .search-select {
    height:34px;
  }

  .search .search-select .select {
    font-size:1.3rem;
  }

  .search .search-input {
    height:34px;
  }

  .search .search-input .button {
    width:34px;
  }

  .search .search-input input {
    font-size:1.3rem;
  }
}
@media (max-width:500px) {

}


/* Board Agree */
.agree {
  padding-bottom:40px;
}

.agree-tit {
  font-size:2rem;
  font-weight:600;
  color:#222222;
  margin-bottom:20px;
}

.agree-box {
  width: 100%;
  margin-bottom:10px;
}

.agree-box .agree-textarea {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px;
  width: 100%;
  height: 120px;
  font-size: 1.4rem;
  font-weight: 300;
  line-height:1.7;
  color: #404040;
  resize: none;
  border: 1px solid #d7d7d7;
}

.agree-btn {
  position: relative;
  margin-top: 14px;
}

.agree-btn * {
  font-size:1.6rem;
  color:#222;
}

.agree-btn label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.agree-btn input {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  opacity:0;
  visibility: hidden;
}

.agree-btn i {
  display: inline-block;
  vertical-align: middle;
  width:14px;
  height:14px;
  background-size: auto 14px;
  background-repeat: no-repeat;
  background-image: url('/child/img/bbs/check_off.png');
  margin-right:6px;
}

.agree-btn input[type="checkbox"]:checked ~ i {
  background-image: url('/child/img/bbs/check_on.png');
}

@media (max-width:1200px) {
  .agree-tit {
    font-size:1.8rem;
  }

  .agree-box .agree-textarea {
    font-size:1.3rem;
  }

  .agree-btn * {
    font-size:1.4rem;
  }
}
@media (max-width:992px) {
  .agree-tit {
    margin-bottom:12px;
  }

  .agree-box .agree-textarea {
    padding:12px;
  }

  .agree-btn {
    margin-top:10px;
  }
}
@media (max-width:768px) {
  .agree-tit {
    font-size:1.6rem;
    margin-bottom:10px;
  }

  .agree-btn {
    margin-top:6px;
  }

  .agree-btn i {
    background-size:auto 12px;
  }
}
@media (max-width:500px) {

}


/* Board Form */
.form-essential {
  font-size:1.8rem;
  font-weight:500;
  line-height:1;
  color:#000;
  text-align: right;
  margin-bottom:16px;
}

.form-essential span {
  font-weight:700;
  color:#f42c2c;
}

.form-table {
  display:table;
  table-layout: fixed;
  border-collapse: collapse;
  width:100%;
  border-top:2px solid #000;
}

.form-table .row {
  display: table-row;
  border-bottom:1px solid #f0f0f0;
}

.form-table .th,
.form-table .td {
  display:table-cell;
  vertical-align: middle;
}

.form-table .th {
  width:240px;
  font-size:2rem;
  font-weight:500;
  color:#000;
  padding:20px 40px;
  border-right:1px solid #f0f0f0;
}

.form-table .td {
  height:72px;
  padding:12px 20px;
}

.form-table .essential {
  font-weight:700;
  color:#f42c2c;
}

.form-table input,
.form-table select {
  max-width:980px;
  width:100%;
  height:48px;
  padding:0px 20px;
  font-size:1.8rem;
  border:1px solid #c6c6c6;
  border-radius:0px;
}

.form-table textarea {
  resize: none;
  max-width:980px;
  width:100%;
  height:160px;
  padding:20px;
  font-size:1.8rem;
  border:1px solid #c6c6c6;
  border-radius:0px;
}

.form-table .din {
  justify-content: space-between;
  align-items: center;
}

.form-table .radio-list {
  display: flex;
  align-items: center;
  margin:0px -60px;
}

.form-table .radio-list li {
  padding:0px 60px;
}

.form-table .radio-list * {
  font-size:1.8rem;
  font-weight:500;
  line-height:1;
  color:#000;
}

.form-table .radio-list label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.form-table .radio-list input {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  opacity:0;
  visibility: hidden;
}

.form-table .radio-list i {
  display: inline-block;
  vertical-align: middle;
  width:14px;
  height:14px;
  background-size: auto 14px;
  background-repeat: no-repeat;
  background-image: url('/child/img/bbs/check_off.png');
  margin-right:6px;
}

.form-table .radio-list input[type="radio"]:checked ~ i {
  background-image: url('/child/img/bbs/check_on.png');
}

.form-table .file-wrap p {
  font-size:1.6rem;
  color:#999999;
}

.form-table .file-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.form-table .file-box input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
  border:0px;
}

.form-table .file-box .file-btn {
  font-size:1.8rem;
  font-weight:500;
  color:#fff;
  width:170px;
  height:48px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  background-color: #000000;
}

.form-table .file-label {
  font-size:1.6rem;
  color:#535353;
  padding:0px 20px;
}

.form-btn {
  display: flex;
  justify-content: center;
  margin-top:80px;
}

.form-btn .button {
  justify-content: center;
  max-width:240px;
  width:100%;
  height:56px;
  font-size:1.8rem;
  font-weight:500;
}

@media (max-width:1200px) {
  .form-essential {
    font-size:1.6rem;
  }

  .form-table .th {
    font-size:1.8rem;
  }

  .form-table input, .form-table select {
    font-size:1.6rem;
  }

  .form-table textarea {
    font-size:1.6rem;
  }

  .form-table .radio-list {
    margin:0px -40px;
  }

  .form-table .radio-list li {
    padding:0px 40px;
  }

  .form-table .radio-list * {
    font-size:1.6rem;
  }

  .form-table .file-box .file-btn {
    font-size:1.6rem;
  }

  .form-table .file-label {
    font-size:1.4rem;
  }

  .form-btn .button {
    max-width:200px;
    height:48px;
    font-size:1.6rem;
  }
}
@media (max-width:992px) {
  .form-essential {
    margin-bottom:12px;
  }

  .form-table .row {
    display:flex;
    flex-wrap: wrap;
  }

  .form-table .th {
    width:100%;
    padding:12px 10px;
    border-bottom:1px solid #f0f0f0;
  }

  .form-table .td {
    width:100%;
    height:auto;
    padding:12px 10px;
  }

  .form-table input, .form-table select {
    height:42px;
  }

  .form-table .radio-list {
    padding:6px 0px;
    margin:0px -20px;
  }

  .form-table .radio-list li {
    padding:0px 20px;
  }

  .form-btn {
    margin-top:60px;
  }
}
@media (max-width:768px) {
  .form-essential {
    font-size:1.3rem;
  }

  .form-table .th {
    font-size:1.4rem;
  }

  .form-table input, .form-table select {
    font-size:1.3rem;
    padding:0px 12px;
  }

  .form-table textarea {
    font-size:1.3rem;
    padding:12px;
  }

  .form-table .radio-list {
    margin:0px -12px;
  }

  .form-table .radio-list li {
    padding:0px 12px;
  }

  .form-table .radio-list * {
    font-size:1.3rem;
  }

  .form-table .file-box {
    flex-wrap:wrap;
  }

  .form-table .file-box .file-btn {
    display: block;
    width:100%;
    height:38px;
    line-height:38px;
    font-size:1.3rem;
  }

  .form-table .file-label {
    width:100%;
    padding:12px 0px;
    font-size:1.2rem;
  }

  .form-btn {
    margin-top:40px;
  }

  .form-btn .button {
    max-width:160px;
    height:40px;
    font-size:1.3rem;
  }
}
@media (max-width:500px) {

}


/* Board List */
.bbs-list .bbs-list--btns {
  display: flex;
  justify-content: flex-end;
  margin-bottom:40px;
}

.bbs-list .bbs-list--btns .button {
  justify-content: center;
  max-width:160px;
  width:100%;
  height:44px;
  font-size: 1.8rem;
  border-radius:0px;
}

.bbs-list .table {
  width:100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-top:2px solid #f8b62b;
  background-color: #fff;
}

.bbs-list .table tr {
  border-bottom:1px solid #c6c6c6;
}

.bbs-list .table th,
.bbs-list .table td {
  font-size:1.8rem;
  height:64px;
  padding:10px;
  color:#121212;
}

.bbs-list .table th {
  font-weight:500;
}

.bbs-list .table tr.top-pin {
  background-color: #f1f1f1;
}

.bbs-list .table tr.top-pin th,
.bbs-list .table tr.top-pin td {
  font-weight:500;
}

.bbs-list .table-txt--subject div {
  display: flex;
  align-items: center;
}

.bbs-list .table-txt--subject span {
  display: inline-block;
  vertical-align: middle;
  max-width:800px;
}

.bbs-list .table-txt--subject .lock .icon {
  display:inline-block;
  vertical-align: middle;
  width:16px;
  height:20px;
  background:url('/child/img/bbs/loock_icon.png') no-repeat center;
  margin-left:10px;
}

.bbs-list .table td.txt-complete {
  font-weight:600;
  color:#121212;
}

.bbs-list .table td.txt-wait {
  color:#7f7f7f;
}

@media (max-width:1200px) {
  .bbs-list .bbs-list--btns .button {
    height:40px;
    font-size: 1.6rem;
  }

  .bbs-list .table th,
  .bbs-list .table td {
    font-size:1.6rem;
    height:58px;
  }
}
@media (max-width:992px) {
  .bbs-list .table thead  {
    display: none;
  }

  .bbs-list .table tr {
    display:flex;
    flex-wrap:wrap;
    padding:4px 10px;
  }

  .bbs-list .table th,
  .bbs-list .table td {
    height:auto;
    padding:6px 10px;
    position:relative;
  }

  .bbs-list .table td::before{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);
    display: block;
    width: 1px;
    height: 8px;
    background-color: #ccc;
  }

  .bbs-list .table td:nth-child(1)::before,
  .bbs-list .table td:nth-child(2)::before {
    display:none;
  }

  .bbs-list .table td:nth-child(1) {
    order:2;
  }

  .bbs-list .table td:nth-child(2) {
    order:1;
    width:100%;
  }

  .bbs-list .table td:nth-child(3) {
    order:3;
  }

  .bbs-list .table td:nth-child(4) {
    order:4;
  }

  .bbs-list .table-txt--subject .lock .icon {
    width: 12px;
    height:16px;
    background-size:auto 12px;
    margin-left:6px;
  }

  .bbs-list .bbs-list--btns {
    margin-bottom:28px;
  }
}
@media (max-width:768px) {
  .bbs-list .bbs-list--btns {
    margin-bottom:20px;
  }

  .bbs-list .table tr {
    padding:4px 6px;
  }

  .bbs-list .table th,
  .bbs-list .table td {
    padding:4px 6px;
  }

  .bbs-list .table th,
  .bbs-list .table td {
    font-size:1.3rem;
  }

  .bbs-list .bbs-list--btns .button {
    max-width:120px;
    height:38px;
    font-size:1.3rem;
  }
}
@media (max-width:500px) {

}


/* Board Gallery */
.bbs-gallery .gallery-list {
  display: flex;
  flex-wrap:wrap;
  margin:-20px -10px;
}

.bbs-gallery .gallery-list li {
  flex:0 0 25%;
  max-width:25%;
  padding:20px 10px;
}

.bbs-gallery .gallery-list .thumb {
  position: relative;
  width:100%;
  height:0;
  padding-top: calc(305/305*100%);
  overflow: hidden;
}

.bbs-gallery .gallery-list .thumb_img {
  position: absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width:100%;
  height:100%;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bbs-gallery .gallery-list .con {
  padding-top:20px;
}

.bbs-gallery .gallery-list .tit {
  font-size:2rem;
  font-weight:600;
  color:#191919;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom:12px;
}

.bbs-gallery .gallery-list .data {
  font-size:1.6rem;
  color:#a0a0a0;
}

@media (max-width:1200px) {
  .bbs-gallery .gallery-list .tit {
    font-size:1.8rem;
  }

  .bbs-gallery .gallery-list .data {
    font-size:1.4rem;
  }
}
@media (max-width:992px) {
  .bbs-gallery .gallery-list {
    margin:-12px -6px;
  }

  .bbs-gallery .gallery-list li {
    padding:12px 6px;
  }

  .bbs-gallery .gallery-list .con {
    padding-top:12px;
  }

  .bbs-gallery .gallery-list .tit {
    margin-bottom:10px;
  }
}
@media (max-width:768px) {
  .bbs-gallery .gallery-list {
    margin:-6px -4px;
  }

  .bbs-gallery .gallery-list li {
    padding:6px 4px;
  }

  .bbs-gallery .gallery-list .con {
    padding-top:10px;
  }

  .bbs-gallery .gallery-list .tit {
    font-size:1.4rem;
    margin-bottom:6px;
  }

  .bbs-gallery .gallery-list .data {
    font-size:1.2rem;
  }
}
@media (max-width:500px) {
  .bbs-gallery .gallery-list li {
    flex:0 0 50%;
    max-width:50%;
  }
}


/* Board View */
.bbs-view .bbs-view--table {
  width:100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-top:2px solid #000000;
}

.bbs-view .bbs-view--table tr {
  border-bottom: 1px solid #ababab;
}

.bbs-view .bbs-view--table th {
  text-align: left;
  position:relative;
  padding:30px 150px 30px 20px;
}

.bbs-view .bbs-view--table th span.tit-subject {
  font-size:2.4rem;
  font-weight:600;
  color:#292929;
}

.bbs-view .bbs-view--table th span.tit-data {
  position: absolute;
  top:50%;
  right:0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size:1.8rem;
  font-weight:400;
  color:#858585;
}

.bbs-view .bbs-view--table .bbs-view--basic {
  padding:40px;
}

.bbs-view .bbs-view--table .bbs-view--basic dd {
  display: flex;
}

.bbs-view .bbs-view--table .bbs-view--basic span {
  display: block;
  font-size:2rem;
  line-height:1.6;
  color:#222;
}

.bbs-view .bbs-view--table .bbs-view--basic span.basic-info--tit {
  font-weight:600;
  margin-right:4px;
}

.bbs-view .bbs-view--table .bbs-view--file {
  padding:20px 40px;
}

.bbs-view .bbs-view--table .bbs-view--file .file-wrap {
  display: flex;
  align-items: center;
}

.bbs-view .bbs-view--table .bbs-view--file span {
  display:block;
  font-size: 2rem;
  color:#222;
}

.bbs-view .bbs-view--table .bbs-view--file span.file-wrap--tit {
  font-weight:600;
  margin-right:4px;
}

.bbs-view .bbs-view--table .bbs-view--file a {
  text-decoration:underline;
  text-decoration-thickness: 1px;
  text-underline-position: under;
}

.bbs-view .bbs-view--table .bbs-view--content {
  /* height:800px; */
  vertical-align: top;
  padding:40px;
}

.bbs-view .bbs-view--table .bbs-view--content p {
  font-size:1.8rem;
  line-height:1.6;
  color:#000;
}

.bbs-view .bbs-view--btns {
  display: flex;
  justify-content: center;
  margin-top:40px;
}

.bbs-view .bbs-view--btns .button {
  justify-content: center;
  max-width:240px;
  width:100%;
  height:56px;
  font-size:1.8rem;
}

.bbs-view .bbs-view--answer {
  margin-top:40px;
}

.bbs-view .bbs-view--answer .answer-wrap {
  padding:40px 20px;
  border:1px solid #c3c3c3;
}

.bbs-view .bbs-view--answer .answer-wrap--tit {
  position: relative;
  padding-right:250px;
}

.bbs-view .bbs-view--answer .tit-subject {
  font-size:2rem;
  color:#000;
}

.bbs-view .bbs-view--answer .tit-data {
  position: absolute;
  top:50%;
  right:0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size:2rem;
  color:#7e7e7e;
}

.bbs-view .bbs-view--answer .answer-wrap--textarea {
  margin-top:10px;
  padding-top:20px;
  border-top:1px solid #c3c3c3;
}

.bbs-view .bbs-view--answer .answer-wrap--textarea p {
  font-size:1.8rem;
  line-height:1.4;
  color:#000;
}

@media (max-width:1200px) {
  .bbs-view .bbs-view--table th span.tit-subject {
    font-size:2rem;
  }

  .bbs-view .bbs-view--table th span.tit-data {
    font-size:1.6rem;
  }

  .bbs-view .bbs-view--table .bbs-view--basic span {
    font-size:1.8rem;
  }

  .bbs-view .bbs-view--table .bbs-view--file span {
    font-size:1.8rem;
  }

  .bbs-view .bbs-view--table .bbs-view--content {
    height:540px;
  }

  .bbs-view .bbs-view--table .bbs-view--content p {
    font-size:1.6rem;
  }

  .bbs-view .bbs-view--answer .tit-subject {
    font-size:1.8rem;
  }

  .bbs-view .bbs-view--answer .tit-data {
    font-size:1.8rem;
    color:#7e7e7e;
  }

  .bbs-view .bbs-view--answer .answer-wrap--textarea p {
    font-size:1.6rem;
  }

  .bbs-view .bbs-view--btns .button {
    max-width:180px;
    height:48px;
    font-size:1.6rem;
  }
}
@media (max-width:992px) {
  .bbs-view .bbs-view--table th {
    padding:22px 100px 22px 12px;
  }

  .bbs-view .bbs-view--table .bbs-view--basic {
    padding:28px;
  }

  .bbs-view .bbs-view--table .bbs-view--file {
    padding:16px 28px;
  }

  .bbs-view .bbs-view--table .bbs-view--content {
    padding:28px;
  }

  .bbs-view .bbs-view--answer {
    margin-top:28px;
  }

  .bbs-view .bbs-view--answer .answer-wrap {
    padding:28px 16px;
  }

  .bbs-view .bbs-view--answer .answer-wrap--tit {
    padding-right:200px;
  }

  .bbs-view .bbs-view--answer .answer-wrap--textarea {
    margin-top:6px;
    padding-top:16px;
  }

  .bbs-view .bbs-view--btns {
    margin-top:28px;
  }

  .bbs-view .bbs-view--btns .button {
    height:44px;
  }
}
@media (max-width:768px) {
  .bbs-view .bbs-view--table th {
    padding:16px 80px 16px 10px;
  }

  .bbs-view .bbs-view--table th span.tit-subject {
    font-size:1.6rem;
  }

  .bbs-view .bbs-view--table th span.tit-data {
    font-size:1.4rem;
  }

  .bbs-view .bbs-view--table .bbs-view--basic {
    padding:24px;
  }

  .bbs-view .bbs-view--table .bbs-view--basic span {
    font-size:1.6rem;
  }

  .bbs-view .bbs-view--table .bbs-view--basic span.basic-info--tit {
    margin-right:2px;
  }

  .bbs-view .bbs-view--table .bbs-view--file {
    padding:12px 24px;
  }

  .bbs-view .bbs-view--table .bbs-view--file span {
    font-size:1.6rem;
  }

  .bbs-view .bbs-view--table .bbs-view--file span.file-wrap--tit {
    margin-right:2px;
  }

  .bbs-view .bbs-view--table .bbs-view--content {
    padding:24px;
  }

  .bbs-view .bbs-view--table .bbs-view--content p {
    font-size:1.4rem;
  }

  .bbs-view .bbs-view--answer {
    margin-top:20px;
  }

  .bbs-view .bbs-view--answer .answer-wrap {
    padding:24px 10px;
  }

  .bbs-view .bbs-view--answer .answer-wrap--tit {
    padding-right:160px;
  }

  .bbs-view .bbs-view--answer .answer-wrap--textarea {
    margin-top:6px;
    padding-top:10px;
  }

  .bbs-view .bbs-view--answer .tit-subject {
    font-size:1.6rem;
  }

  .bbs-view .bbs-view--answer .tit-data {
    font-size:1.6rem;
  }

  .bbs-view .bbs-view--answer .answer-wrap--textarea p {
    font-size:1.4rem;
  }

  .bbs-view .bbs-view--btns {
    margin-top:20px;
  }

  .bbs-view .bbs-view--btns .button {
    max-width:140px;
    height:40px;
    font-size:1.4rem;
  }
}
@media (max-width:500px) {
  .bbs-view .bbs-view--table th {
    padding:16px 10px;
  }

  .bbs-view .bbs-view--table th span.tit-subject {
    display:block;
  }

  .bbs-view .bbs-view--table th span.tit-data {
    display: block;
    position: relative;
    -webkit-transform:none;
    transform:none;
    top:unset;
    right:unset;
    margin-top: 4px;
  }

  .bbs-view .bbs-view--table .bbs-view--basic {
    padding:20px;
  }

  .bbs-view .bbs-view--table .bbs-view--file {
    padding:12px 20px;
  }

  .bbs-view .bbs-view--table .bbs-view--content {
    padding:20px;
  }

  .bbs-view .bbs-view--answer .answer-wrap {
    padding:20px 10px;
  }

  .bbs-view .bbs-view--answer .answer-wrap--tit {
    padding:0px;
  }

  .bbs-view .bbs-view--answer .answer-wrap--tit span {
    display: block;
  }

  .bbs-view .bbs-view--answer .tit-data {
    position: relative;
    -webkit-transform:none;
    transform:none;
    top:unset;
    right:unset;
    margin-top:4px;
  }
}

/* Board Modal */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999999;
  padding:15px;
  visibility: hidden;
  display: none;
}

.modal-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin:10px auto;
  width: auto;
  height: 100%;
  min-height: calc(100% - 20px);
  max-height: calc(100% - 20px);
}

.modal-inner {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  max-width: 680px;
  width: 100%;
  max-height: none;
  background: #ffffff;
  padding:80px 60px;
}

.modal-inner .modal-close {
  display: block;
  position:absolute;
  top:40px;
  right:40px;
  width:28px;
  height:28px;
  background:url('/child/img/bbs/modal_close.png') no-repeat center;
  cursor: pointer;
}

.modal-inner .modal-head {
  text-align: center;
  padding-bottom:20px;
  border-bottom:1px solid #000;
}

.modal-inner .modal-head p {
  font-size:2.4rem;
  font-weight:600;
  color:#121212;
}

.modal-inner .modal-body {
  display: flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin:40px 0px;
}

.modal-inner .modal-body p.modal-body__tit {
  font-size:1.8rem;
  font-weight:500;
  color:#5b5b5b;
  text-align: center;
  padding-bottom:20px;
}

.modal-inner .modal-body input {
  max-width:410px;
  width:100%;
  height:42px;
  padding:0px 15px;
}

.modal-inner .moda-btns {
  text-align:center;
}

.modal-inner .moda-btns .button {
  justify-content: center;
  max-width:240px;
  width:100%;
  height:56px;
  font-size:1.8rem;
  font-weight:500;
}

.modal.open {
  display:block;
  visibility: visible;
}

@media (max-width:1200px) {
  .modal-inner .modal-head p {
    font-size:2rem;
  }

  .modal-inner .modal-body p.modal-body__tit {
    font-size:1.6rem;
  }

  .modal-inner .modal-body input {
    font-size:1.6rem;
  }

  .modal-inner .moda-btns .button {
    max-width:200px;
    height:48px;
    font-size:1.6rem;
  }
}
@media (max-width:992px) {
  .modal-inner {
    padding:60px 40px;
  }

  .modal-inner .modal-close {
    top:28px;
    right:28px;
    width:24px;
    height:24px;
    background-size:auto 24px;
  }

  .modal-inner .modal-head {
    padding-bottom:12px;
  }

  .modal-inner .modal-body {
    margin:28px 0px;
  }

  .modal-inner .modal-body p.modal-body__tit {
    padding-bottom:12px;
  }
}
@media (max-width:768px) {
  .modal-inner {
    padding:40px 28px;
  }

  .modal-inner .modal-close {
    top:24px;
    right:24px;
    width:20px;
    height:20px;
    background-size:auto 20px;
  }

  .modal-inner .modal-body {
    margin:24px 0px;
  }

  .modal-inner .modal-body p.modal-body__tit {
    font-size:1.3rem;
    padding-bottom:10px;
  }

  .modal-inner .modal-body input {
    max-width:320px;
    height: 38px;
    font-size:1.3rem;
  }

  .modal-inner .moda-btns .button {
    max-width:140px;
    height:42px;
    font-size:1.3rem;
  }
}
@media (max-width:500px) {
  .modal-inner {
    padding:28px 20px;
  }

  .modal-inner .modal-close {
    top:20px;
    right:20px;
    width:16px;
    height:16px;
    background-size:auto 16px;
  }
}