@charset "UTF-8";
/* NO CSS*/
/*font */
/* color */
.board {
  overflow: hidden;
}
.board__info {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.board__info-current {
  display: flex;
  align-items: center;
  flex: 1 0 auto;
}
.board__info-current span {
  font-size: 1.6rem;
  font-weight: 400;
  padding-right: 1.2rem;
  border-right: 1px solid #DDD;
  margin-right: 1.2rem;
  line-height: 1;
}
.board__info-current span strong {
  font-weight: 700;
  color: #333;
  margin-left: 0.5rem;
}
.board__info-current span:last-of-type {
  border-right: none;
}

.board__info-search {
  display: flex;
  height: 4.8rem;
  margin-left: auto;
  font-size: 1.6rem;
  margin-bottom: 2rem;
  align-items: center;
  justify-content: center;
}
.board__info-search .select {
  min-width: 11.8rem;
  margin-right: 0.8rem;
  height:100%;
  width: auto;
  background-color: #FFF;
}
.board__info-search .select select {
  width: 100%;
  height: 100%;
  padding: 0 1.5rem;
  padding-right: 5rem;
  position: relative;
  border: 1px solid #c6cad0;
  border-radius: 0.5rem;
  font-size: 1.6rem;
}
.board__info-search input {
  width: 25.9rem;
  height: 100%;
  padding: 0.5rem 1.5rem;
  margin: 0;
  border: 1px solid #c6cad0;
  border-radius: 0.5rem;
  font-size: 1.6rem;
}
.board__info-search input.t2 {
  width: 44rem;
}
.board__info-search button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 100%;
  background: #393939;
  text-align: center;
  border-radius: 0.5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: #203A91;
}
.board__info-search button span {
  display: block;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
}
.board__info-search button span i {
  display: block;
}
.board__info-search .btn {
  margin: 0;
  margin-left: 1rem;
}
.board__info-search.datepicker-wrap .input {
  height: 4.8rem;
  border-radius: 0.05rem;
  border:none;
  overflow: hidden;
}
.board__info-search.datepicker-wrap .input input {
  border-color: #c6cad0
}

.board__contents {
  border-top: 2px solid #333;
  /*border-bottom: 1px solid #DEDEDE;*/
  color: #595959;
}
.board__table .m-visible {
  display: none;
}
.board__table.table-wrapper {
  margin-bottom: -1px;
}
.board__table .table-container {
  border-top: none;
  border-bottom: none;
}
.board__table table th,
.board__table table td {
  text-align: center;
  border-left: none !important;
  border-right: none !important;
  color: #333;
}
.board__table table thead th {
  font-weight: 700;
  color: #1A1A1A;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.board__table table tbody td {
  padding: 1.5rem 1rem !important;
}
.board__table table .ri-save-3-fill {
  font-size: 2rem;
}
.board__table table .hide {
  display: none;
}
.board__table table .notice {
  display: inline-block;
  padding-left: 0;
  color: #2B2B2B;
  position: relative;
  font-weight: 500;
  white-space: nowrap;
}
.board__table table .notice::before {
  display: block;
  font-family: "remixicon";
  content: "\f2a1";
  color: #2B2B2B;
  font-size: 1.8rem;
  font-weight: 400;
  position: relative;
  top: auto;
  left: auto;
}
.board__table table .title {
  display: inline-flex;
  position: relative;
  align-items: center;
  max-width: 100%;
  flex-direction: row-reverse;
}
.board__table table .title > span {
  flex-grow: 1;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.board__table table .title > span i {
  color: #DC6235;
  font-size: 1.6rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  line-height: 1;
}
.board__table table .title:hover {
  text-decoration: underline;
  text-underline-position: under;
}
.board__table table .secret {
  flex-shrink: 0;
  font-size: 1.8rem;
  color: #DC6235;
  padding-right: 0.8rem;
}
.board__table table .new {
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  color: #fff;
  font-size: 8px;
  font-weight: 700;
  background: #D92A3C;
  border-radius: 50%;
  text-align: center;
  margin-left: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board__table table .state {
  font-size: 1.8rem;
  font-weight: 500;
  width: 100%;
  max-width: 7.8rem;
  height: 3.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 0.3rem;
  font-size: 1.6rem;
  margin: auto !important;
  background: #3F4350;
  padding: 0.5rem 1rem;
  white-space: nowrap;
}
.board__table table .state[title=접수완료], .board__table table .state[title=답변완료], .board__table table .state[title=공고중], .board__table table .state[title=기고문], .board__table table .state[title=질문하기], .board__table table .state[title=답변대기] {
  background: #4572BB;
}
.board__table table .state[title=평가완료] {
  background: #3F4350;
}
.board__table table .state[title=독성소식], .board__table table .state[title=제안하기], .board__table table .state[title=완료] {
  background: #203A91;
}
.board__table table .state[title=기타] {
  background: #2E7E84;
}
.board__table table .request {
  width: 13rem;
  height: 4.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  color: #fff;
  margin: auto;
  max-width: 100%;
  font-size: 1.7rem;
  font-weight: 400;
  padding: 0 1rem;
  text-align: center;
}
.board__table table .request[onclick=""] {
  cursor: pointer;
}
.board__table table .request--wait {
  background: #E16C40;
}
.board__table table .request--ing {
  border: 1px solid #f99237;
  background: transparent;
  color: #F99237;
}
.board__table table .request--ing:hover {
  background: #203A91;
  color: #fff;
}
.board__table table .request--end {
  background: #222;
}
.board__table table .request--off {
  background: #999;
}
.board__table table .request--cancel {
  border: 1px solid #f99237;
  background: transparent;
  color: #F99237;
}
.board__table table .request--cancel:hover {
  background: #203A91;
  color: #fff;
}
.board__table table .request--give {
  border: 1px solid #f99237;
  background: transparent;
  color: #F99237;
}
.board__table table .request--give:hover {
  background: #203A91;
  color: #fff;
}
.board__gallery {
  display: flex;
  margin: -2.5rem;
  flex-wrap: wrap;
  padding: 5rem 0;
  position: relative;
}
.board__gallery.nodata {
  justify-content: center;
}
.board__gallery--align4 .board__gallery-item {
  width: 25%;
}
.board__gallery--align3 .board__gallery-item {
  width: 33.3333%;
}
.board__gallery-item {
  padding: 2.5rem;
}
.board__gallery-item.active .board__gallery-item-img img {
  opacity: 0.4;
}
.board__gallery-item.active .board__gallery-item-link {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.board__gallery-item-info:hover .board__gallery-item-img img {
  opacity: 0.4;
}
.board__gallery-item-info:hover .board__gallery-item-img::before {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.board__gallery-item-info:hover .board__gallery-item-link {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.board__gallery-item-info:hover .board__gallery-item-text {

}
.board__gallery-item-info:hover .board__gallery-item-text-title {
}
.board__gallery-item-img {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  border: 1px solid #c6cad0;
  background: #000;
  overflow: hidden;
}
.board__gallery-item-img img {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.25s;
  max-width: none;
}
.board__gallery-item-img::before {
  display: flex;
  content: "\ea11\a  자세히보기";
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  transform: translateY(10%);
  transition: 0.25s 0.1s;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  white-space: pre;
  font-family: "SUIT", "remixicon", sans-serif;
  text-align: center;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.35;
}
.board__gallery-item-text {
  display: block;
  margin-top: 1.5rem;
}
.board__gallery-item-text-title {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 2rem;
  color: #2B2B2B;
}
.board__gallery-item-text-info {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.75rem;
  font-size: 1.7rem;
}
.board__gallery-item-text-info > span {
  margin-right: 2.8rem;
}
.board__gallery-item-text-info strong {
  color: #AAA;
  margin-right: 0.5rem;
  font-weight: 500;
}
.board__gallery-item-link {
  width: 100%;
  height: 4.8rem;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  transform: translateY(100%);
  transition: 0.25s 0.1s;
  background: rgba(34, 43, 70, 0.9);
}
.board__gallery-item-link a {
  display: flex;
  flex: 1;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #fff;
  padding: 0 2rem;
}
.board__gallery-item-link a + .board__gallery-item-link a {
  border-left: 1px solid #2D4057;
}
.board__gallery-item-link a i + span {
  margin-left: 0.5rem;
}
.board__gallery-item-link-download:hover {
  background: #203A91;
  border-color: #203A91;
}
.board__gallery-item-link-download:hover i {
  animation: bounce 0.35s ease-in-out infinite alternate;
}
.board__gallery-item-link-view:hover {
  background: #203A91;
  border-color: #203A91;
}
.board__gallery-item-link-view:hover i {
  animation: go 0.35s ease-in-out infinite alternate;
}
.board__gallery-catalog .board__gallery-item-img {
  padding-bottom: 136.0748%;
}
.board__gallery-catalog .board__gallery-item-img::before {
  display: none;
}
.board__gallery-catalog .board__gallery-item-info:hover .board__gallery-item-img img {
  opacity: 1;
}
.board__gallery-certification .board__gallery-item-img {
  padding-bottom: 141.0526%;
}
.board__gallery-certification .board__gallery-item-text-title {
  text-align: center;
}
.board__thumbnail-item {
  display: flex;
  padding: 3.2rem 0;
  align-items: center;
  border-bottom: 1px solid #DDD;
}
.board__thumbnail-item:hover .board__thumbnail-item-img img {
  opacity: 0.5;
}
.board__thumbnail-item:hover .board__thumbnail-item-text::after {
  background: #1E9A6B;
  color: #fff;
}
.board__thumbnail-item-img {
  width: 42rem;
  position: relative;
  border-radius: 2rem;
  overflow: hidden;
}
.board__thumbnail-item-img-bgGray::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: gray;
  position: absolute;
  top: 0;
  left: 0;
}
.board__thumbnail-item-img-bgGray img {
  opacity: 0.9;
}
.board__thumbnail-item-img span {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 54.7619%;
  position: relative;
  border-radius: 2rem;
}
.board__thumbnail-item-img span img {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: none;
  transition: 0.25s;
}
.board__thumbnail-item-text {
  width: calc(100% - 42rem);
  padding-left: 4.7rem;
  position: relative;
  color: #333;
}
.board__thumbnail-item-text > * + * {
  margin-top: 2rem;
}
.board__thumbnail-item-text-title {
  color: inherit;
  font-size: 2.4rem;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}
.board__thumbnail-item-text-cate li {
  display: flex;
}
.board__thumbnail-item-text-cate li + li {
  margin-top: 0.5rem;
}
.board__thumbnail-item-text-cate li strong {
  width: 10.9rem;
  font-weight: 700;
}
.board__thumbnail-item-text-cate li span {
  width: calc(100% - 10.9rem);
  color: #818181;
}
.board__thumbnail-item-text-info {
  display: flex;
}
.board__thumbnail-item-text-info li {
  margin-right: 1.8rem;
  display: flex;
  align-items: center;
}
.board__thumbnail-item-text-info li strong {
  position: relative;
  padding-left: 2.2rem;
}
.board__thumbnail-item-text-info li strong::before {
  display: block;
  font-family: "remixicon";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  line-height: 1;
}
.board__thumbnail-item-text-info li span {
  color: #818181;
  margin-left: 0.7rem;
}
.board__thumbnail-item-text-info-date strong::before {
  content: "\eb28";
}
.board__thumbnail-item-text-info-hit strong::before {
  content: "\ecb4";
}
.board__thumbnail-item-text-root {
  color: #06714B;
  font-size: 2rem;
  font-weight: 500;
}
.board__thumbnail-item-text-desc {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  white-space: normal;
  height: 9.4rem;
  color: #818181;
}
.board__qna-question {
  display: flex;
  padding: 0 3.2rem;
  align-items: center;
  height: 9.4rem;
  position: relative;
  border-bottom: 1px solid #DEDEDE;
}
.board__qna-question.arrow::after {
  display: block;
  font-family: "remixicon";
  content: "\ea4e";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  right: 3.2rem;
  color: #aaa;
  font-size: 2.4rem;
  font-weight: 400;
  transition: 0.25s;
}
.board__qna-question.active {
  color: #203A91;
  background: #F2F7F9;
}
.board__qna-question.active::after {
  transform: translateY(-50%) rotate(180deg);
  color: #203A91;
}
.board__qna-question.active + ul {
  background: #F2F7F9;
}
.board__qna-question i {
  width: 4.4rem;
  color: #203A91;
  font-size: 2.4rem;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}
.board__qna-question span {
  width: calc(100% - 4.4rem);
  padding-right: 4rem;
  font-weight: 700;
}
.board__qna-answer {
  padding: 3.2rem;
  display: none;
}
.board__qna-answer li {
  padding-left: 4.4rem;
  line-height: 1.4444444444;
}
.board__paging {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 4rem;
}
.board__paging a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin: 0;
  color: #777;
  margin-left: -1px;
  font-size: 1.5rem;
  border-radius: 0.5rem;
}
.board__paging a i {
  flex: 1;
  font-size: 1.8rem;
}
.board__paging-first, .board__paging-prev, .board__paging-next, .board__paging-last {
  border: 1px solid #ddd !important;
  margin-left: 0.5rem !important;
}
.board__paging-first i:last-of-type, .board__paging-last i:last-of-type {
  margin-left: -2.75rem;
}
.board__paging-prev {
  margin-right: 1rem !important;
}
.board__paging-next {
  margin-left: 1rem !important;
}
.board__paging-current {
  font-weight: 700;
  color: #fff !important;
  background: #203A91;
}
.board__view .viewbox {
  background: #E6E6E6;
  height: 60rem;
  margin-bottom: 4rem;
}
.board__view-title {
  position: relative;
  border-top: 2px solid #555;
}
.board__view-title-topic {
  display: flex;
  padding: 3rem 2rem;
  color: #333;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-bottom: 1px solid #E1E1E1;
  flex-wrap: wrap;
}
.board__view-title-topic-label {
  display: inline-flex;
  min-width: 6.4rem;
  padding: 0 1rem;
  height: 3.1rem;
  margin-right: 1.6rem;
  background: #3F4350;
  border-radius: 0.3rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  align-items: center;
  justify-content: center;
}
.board__view-title-topic-label[title=진행중], .board__view-title-topic-label[title=독성소식], .board__view-title-topic-label[title=공고중] {
  background: #203A91;
}
.board__view-title-topic-label[title=접수완료] {
  background: #4572BB;
}
.board__view-title-topic-label[title=평가완료] {
  background: #3F4350;
}
.board__view-title-topic-label[title=예정] {
  background: #2E7E84;
}
.board__view-title-topic small {
  display:block;
  font-weight:400;
  width:100%;
}
.board__view-title-list {
  padding: 2rem;
  background: #F7F7F7;
  border-bottom: 1px solid #c6cad0;
}
.board__view-title-list ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -1rem;
}
.board__view-title-list ul li {
  padding: 0 1rem;
  display: flex;
  align-items: center;
  color: #555;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.25;
}
.board__view-title-list ul li span {
  position: relative;
  padding: 0 1.1rem;
  letter-spacing: -0.03em;
  color: #999;
}
.board__view-title-list ul li span::before, .board__view-title-list ul li span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #c6cad0;
}
.board__view-title-list ul li span::before {
  width: 0.3rem;
  height: 0.3rem;
  left: 0;
}
.board__view-title-list ul li span::after {
  width: 1px;
  height: 1.2rem;
  right: 0;
}
.board__view-title-list ul li strong {
  padding-left: 1rem;
}
.board__view-info ol, .board__view-info li {
  list-style: decimal;
  list-style-position: inside;
}
.board__view-info {
  padding: 7.2rem 0;
  line-height: 1.5;
}
.board__view-info-inner {
  padding: 4rem;
  background: rgba(221, 221, 221, 0.21);
}
/* 썸네일 상세 */
.board__view-info-thumb {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom:3rem;
}
.board__view-info-thumb.reverse {
  flex-direction: row-reverse;
}
.board__view-info-thumb .thumb_wrap {
  width:400px;
  background-color:#323A45;
}
.board__view-info-thumb .thumb_wrap figure span {
  width: 100%;
  position: relative;
  display:block;
  height:300px;
}
.board__view-info-thumb .thumb_wrap figure span img {
  height:100%;
  width:100%;
}

.board__view-info-thumb .thumb_wrap .slider-nav-thumbnails span {
  width: 100%;
  position: relative;
  padding-bottom:100%;
  display:block;
}
.board__view-info-thumb .thumb_wrap .slider-nav-thumbnails span img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.board__view-info-thumb .table-info-wrap {
  width:calc(100% - 450px);

}
.board__view-info-thumb.reverse .table-info-wrap{

}
@media (max-width: 1026px) {
  .board__view-info-thumb:not(.reverse) {
    flex-direction: column-reverse;
  }
  .board__view-info-thumb.reverse{
    flex-direction: column-reverse;
  }

  .board__view-info-thumb .thumb_wrap {
    width:100%;
  }
  .board__view-info-thumb .thumb_wrap .slick-slider {
  max-width:600px;
    margin:30px auto 0 auto;
    padding:0 30px 0 30px;
  }
  .board__view-info-thumb .table-info-wrap {
    width:100%;
    margin-top:20px;
  }
}

.board__view-info .thumb_wrap .slider-nav-thumbnails {

  margin-top:0;
  padding:10px 50px;
}
.board__view-info .thumb_wrap .slider-nav-thumbnails  .slick-prev:before,
.board__view-info .thumb_wrap .slider-nav-thumbnails  .slick-next:before {
  color:#fff;
  font-size:25px;
}
.board__view-info .thumb_wrap .slider-nav-thumbnails  .slick-prev {
  left:0;
}
.board__view-info .thumb_wrap .slider-nav-thumbnails  .slick-next {
  right:0;
}
.slider-nav-thumbnails .slick-slide{
  opacity: 0.5;
}
.slider-nav-thumbnails .slick-slide.slick-active {
  opacity: 1;
}
.slider-nav-thumbnails .slick-slide.slick-current.slick-active img {
  background:transparent;
}


.board__view .btn-area {
  margin: 2.8rem 0;
}
.board__view-navigation {
  border-top: 1px solid #c6cad0;
  border-bottom: 1px solid #c6cad0;
  margin-top: 2.5rem;
}
.board__view-navigation > a {
  display: flex;
  height: 6rem;
  color: #333;
  font-size: 1.8rem;
  font-weight: 400;
  align-items: center;
}
.board__view-navigation > a strong {
  position: relative;
  width: 15rem;
  height: 100%;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F7F7F7;
}
.board__view-navigation > a strong i {
  margin-right: 0.8rem;
  color: #4D4D4D;
}
.board__view-navigation > a span {
  width: calc(100% - 15rem);
  padding: 0 2.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board__view-navigation-prev {
  border-bottom: 1px solid #c6cad0;
}
.board__view-keyword {
  display: flex;
  border-bottom: 1px solid #c6cad0;
}
.board__view-keyword strong {
  position: relative;
  width: 15rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F7F7F7;
}
.board__view-keyword strong i {
  margin-right: 0.8rem;
  color: #4D4D4D;
}
.board__view-keyword div {
  display: flex;
  align-items: center;
  width: calc(100% - 15rem);
  padding: 1.4rem 2.4rem;
  overflow: hidden;
  flex-wrap: wrap;
  margin-bottom: -0.8rem;
}
.board__view-keyword div span {
  padding: 1rem 1.7rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  background: #6E7385;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
  white-space: nowrap;
}
.board__view-file {
  display: flex;
  border-bottom: 1px solid #c6cad0;
  border-top: 1px solid #c6cad0;
}
.board__view-file > strong {
  position: relative;
  width: 15rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F7F7F7;
}
.board__view-file > strong i {
  margin-right: 0.8rem;
  color: #4D4D4D;
}
.board__view-file div {
  display: flex;
  width: calc(100% - 15rem);
  padding: 3.2rem 2.4rem;
  overflow: hidden;
  flex-direction: column;
}
.board__view-file div a {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 3.6rem;
}
.board__view-file div a + a {
  margin-top: 0.8rem;
}
.board__view-file div a::before {
  display: block;
  font-family: "remixicon";
  content: "\ec5a";
  width: 2.4rem;
  height: 2.4rem;
  background: #1A1A1A;
  text-align: center;
  line-height: 2.4rem;
  color: #fff;
  font-size: 1.4rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.board__view-file div a:hover strong {
  text-decoration: underline;
}
.board__view-file div a strong {
  font-size: 1.6rem;
  color: #1A1A1A;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  font-weight: 400;
}
.board__view-file div a span {
  flex-shrink: 0;
  color: #AAAAAA;
  font-size: 1.4rem;
  margin-left: 0.7rem;
}
.board__view .sympathy {
  display: flex;
  width: 20rem;
  height: 10rem;
  background: #D16328;
  border-radius: 1rem;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  display: flex;
  color: #fff;
  font-weight: 600;
  flex-direction: column;
  margin: 3.5rem auto 0;
}
.board__view .sympathy-blue {
  background: #3F8BD8;
}
.board__view .sympathy-count {
  display: flex;
  align-items: center;
  font-size: 2rem;
}
.board__view .sympathy-count i {
  line-height: 1;
  margin-right: 0.6rem;
}
.board__view .sympathy strong {
  font-size: 1.8rem;
  margin-top: 1rem;
}
.board__view .sympathy.empty.active i::before {
  content: "\ee0a";
}
.board__view-reply {
  margin: 3.8rem 0 2.5rem;
}
.board__view-reply-title {
  display: block;
  color: #333;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.board__view-reply-title span {
  color: #178EE0;
}
.board__view-reply-write {
  display: flex;
}
.board__view-reply-write-area {
  flex-grow: 1;
  border: 1px solid #E1E1E1;
  border-right: none;
  height: 12rem;
  padding-bottom: 4rem;
  position: relative;
}
.board__view-reply-write-area textarea {
  width: 100%;
  height: 100%;
  padding: 1.6rem 1.8rem;
  font-size: 1.6rem;
  outline: none;
  border: none;
  resize: none;
}
.board__view-reply-write-area-count {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  height: 4rem;
  align-items: center;
  padding: 0 1.8rem;
  font-size: 1.3rem;
  color: #AAA;
}
.board__view-reply-write-area-count strong {
  font-weight: 400;
  color: #555;
}
.board__view-reply-write-submit {
  flex-shrink: 0;
  width: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #203A91;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  border-radius: 0 2rem 2rem 0;
}
.board__view-reply-write-submit i {
  margin-right: 0.6rem;
}
.board__view-reply-list-empty {
  text-align: center;
  font-size: 1.6rem;
  padding: 4rem 0;
  color: #999;
  margin-bottom: -2.5rem;
}
.board__view-reply-list > ul > li.active .board__view-reply-item-info-opener {
  text-decoration: underline;
}
.board__view-reply-list > ul > li.active .board__view-reply-reply {
  display: block;
}
.board__view-reply-item {
  display: flex;
  justify-content: space-between;
  padding: 3.2rem 0;
  border-bottom: 1px solid #DDD;
}
.board__view-reply-item-info {
  font-size: 1.6rem;
}
.board__view-reply-item-info-title {
  display: flex;
  align-items: center;
}
.board__view-reply-item-info-title-name {
  color: #333;
  font-weight: 700;
}
.board__view-reply-item-info-title-date {
  margin-left: 0.7rem;
  color: #999;
}
.board__view-reply-item-info-desc {
  margin-top: 1.6rem;
}
.board__view-reply-item-info-opener {
  color: #555;
  font-size: 1.5rem;
  margin-top: 0.75rem;
  display: inline-block;
}
.board__view-reply-item-info-opener-count {
  font-weight: 700;
  margin-left: 0.25rem;
}
.board__view-reply-item-edit {
  display: flex;
  align-items: center;
  margin-left: 2rem;
}
.board__view-reply-item-edit a + a {
  margin-left: 0.6rem;
}
.board__view-reply-reply {
  display: none;
  background: #F7F7F7;
  padding: 2rem 6rem 0;
  border: 1px solid #c6cad0;
  align-items: center;
  flex-direction: column;
  margin-top: -1px;
  margin-bottom: -1px;
}
.board__view-reply-reply-write {
  border: 1px solid #CFCFCF;
  background: #fff;
  border-radius: 0.3rem;
  overflow: hidden;
  height: 4.8rem;
  font-size: 1.6rem;
  position: relative;
  width: 100%;
  line-height: calc(4.8rem - 2px);
  margin-top: -1px;
}
.board__view-reply-reply-write input,
.board__view-reply-reply-write a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 2.5rem;
  border: none;
  color: #999;
  margin: 0;
  border-radius: 0;
}
.board__view-reply-reply-write button {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
}
.board__view-reply-reply-closer {
  display: flex;
  height: 6.6rem;
  align-items: center;
  justify-content: center;
  color: #555;
}
.board__view-reply-reply-closer:hover {
  color: #203A91;
}
.board__view-reply-reply-closer i {
  margin-left: 0.6rem;
}
.board__view-thumb {
  padding: 4rem 6rem;
  border-bottom: 1px solid #c6cad0;
  display: flex;
  align-items: center;
  background: #F7F7F7;
}
.board__view-thumb-img {
  width: 42rem;
  position: relative;
  border-radius: 2rem;
  overflow: hidden;
}
.board__view-thumb-img span {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 54.7619%;
  position: relative;
  border-radius: 2rem;
}
.board__view-thumb-img span img {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: none;
  transition: 0.25s;
}
.board__view-thumb-text {
  width: calc(100% - 42rem);
  padding-left: 4.7rem;
  position: relative;
  color: #333;
}
.board__view-thumb-text > * + * {
  margin-top: 2.5rem;
}
.board__view-thumb-text-title {
  display: block;
  color: #203A91;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: -0.05em;
}
.board__view-thumb-text-cate li {
  display: flex;
}
.board__view-thumb-text-cate li + li {
  margin-top: 0.5rem;
}
.board__view-thumb-text-cate li strong {
  width: 10.9rem;
  font-weight: 700;
}
.board__view-thumb-text-cate li span {
  width: calc(100% - 10.9rem);
  color: #818181;
}
.board__view-response {
  margin-top: 4rem;
}
.board__view-response-title {
  background: #818592;
  padding: 2rem 6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.board__view-response-title > strong {
  position: relative;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
}
.board__view-response-title > strong::before {
  display: block;
  font-family: "remixicon";
  content: "\ef43";
  font-size: 1.8rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  left: -2.4rem;
}
.board__view-response-title ul {
  display: flex;
  align-items: center;
}
.board__view-response-title ul li {
  display: flex;
  margin-right: 1.4rem;
  align-items: center;
}
.board__view-response-title ul li:last-of-type {
  margin-right: 0;
}
.board__view-response-title ul li strong {
  font-weight: 700;
  color: #fff;
}
.board__view-response-title ul li span {
  font-weight: 500;
  color: #C1C1C1;
  margin-left: 0.5rem;
}
.board__view-response-info {
  padding: 4rem 6rem;
  border-bottom: 1px solid #aaa;
  line-height: 1.5555555556;
}
.board__view__img {
  width: 53%;
}
.board__view__img .swiper-slide {
  width: 100%;
  height: 0;
  padding-bottom: 78%;
  position: relative;
  overflow: hidden;
}
.board__view__img .swiper-slide img {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  -o-object-fit: cover;
  object-fit: cover;
}
.board__view__img .swiper-pagination {
  bottom: 1.5rem;
}
.board__view__img .swiper-button-next, .board__view__img .swiper-button-prev {
  width: 5rem;
  height: 5rem;
  background: #AAA;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board__view__img .swiper-button-next::after, .board__view__img .swiper-button-prev::after {
  display: block;
  font-family: "remixicon";
  color: #fff;
  font-size: 2.4rem;
  font-weight: 400;
}
.board__view__img .swiper-button-next {
  right: 0;
}
.board__view__img .swiper-button-next::after {
  content: "\ea6e";
}
.board__view__img .swiper-button-prev {
  left: 0;
}
.board__view__img .swiper-button-prev::after {
  content: "\ea64";
}
.board__view__img-list {
  margin-top: 15px;
}
.board__view__img-list .swiper-slide {
  padding-bottom: 17.639%;
  position: relative;
}
.board__view__img-list .swiper-slide::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid #203A91;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  box-sizing: border-box;
}
.board__view__img-list .swiper-slide-thumb-active::after {
  opacity: 1;
  visibility: visible;
}
.board__view .board__paging {
  margin-bottom: 5.6rem;
}

.cardnews-slider-wrap {position:relative; width:100%; max-width:800px; margin:0 auto;}
.cardnews-slider-wrap .slick-slide {float: left;  background-position:center center; background-repeat:no-repeat; background-size:cover;}
/* 화살표 */
.slick-prev,
.slick-next
{
  font-size: 0;
  line-height: 0;

  position: absolute;
  top: 50%;

  display: block;

  width: 60px;
  height: 60px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:before,
.slick-next:before
{
  font-family: remixicon!important;
  font-size: 60px;
  line-height: 1;
  color: #000;
}

.slick-prev
{
  left: -65px;
}
.slick-prev:before
{
  content: "\ea64";
}
.slick-next
{
  right: -65px;
}
.slick-next:before
{
  content: "\ea6e";
}


.cardnews-slider-wrap .slick-navigation{ font-size:20px; display:inline-block; vertical-align:middle; position: absolute;  bottom:20px; right:20px; z-index: 1; }
.cardnews-slider-wrap .slick-navigation button i { font-size:20px;vertical-align:top; position:relative; }
.cardnews-slider-wrap .slick-navigation a{transition:all 0.3s; position:relative; display:block !important}
.cardnews-slider-wrap .slick-navigation .slick_prev:hover {transform:translateX(-5px)}
.cardnews-slider-wrap .slick-navigation .slick_next:hover {transform:translateX(5px)}
.cardnews-slider-wrap .slick-navigation a i{color:#fff; font-size:18px}
.cardnews-slider-wrap .slick-navigation button, .cardnews-slider-wrap .slick-navigation .slick-dots, .cardnews-slider-wrap .slick-navigation ul li {display:inline-block;color:#fff;}
.cardnews-slider-wrap .slick-navigation ul li	 {margin:2px 7px}
.cardnews-slider-wrap .slick-navigation ul li button { position:relative;}

/* dot */
.cardnews-slider-wrap  .slick-navi-dot {
  vertical-align: middle;
  margin-top: -12px;
  display: inline-block;
}
.cardnews-slider-wrap .slick-dots {display:inline-block; vertical-align:middle; margin:-1px -8px 0 7px}
.cardnews-slider-wrap .slick-dots li{position:relative; display:inline-block; margin-right:20px; transition:all 0.8s}
.cardnews-slider-wrap .slick-dots li:after{position:absolute; content:""; width:0; height:2px; background-color:#fff; left:35px; top:17px;}
.cardnews-slider-wrap .slick-dots li.slick-active{margin-right:120px}
.cardnews-slider-wrap .slick-dots li.slick-active:after{animation:loading_bar 4s both; animation-delay:0.2s}
.cardnews-slider-wrap .slick-dots li button{position:relative; display:inline-block; padding-left:11px;color:#fff; font-weight:900; font-size:18px; }
.cardnews-slider-wrap .slick-dots li button:before{position:absolute; content:"0"; left:0; top:0}
.cardnews-slider-wrap .slick-dots li.slick-active button{color:#4d32ef;}

.slider-nav-thumbnails {
  margin-top: 10px;
}
.slider-nav-thumbnails .slick-slide {
  cursor: pointer;
  outline: none;
}
.slider-nav-thumbnails .slick-slide.slick-current.slick-active {
  opacity: 1;
}
.slider-nav-thumbnails .slick-slide img {
  padding: 5px;
  background: transparent;;
}
.slider-nav-thumbnails .slick-slide.slick-current.slick-active img {
  background: #000;
}
.slider-nav-thumbnails img {
  width: 95px;
  margin: 0 5px;
}
.slider-nav-thumbnails .slick-slide:first-child img {
  margin-left: 0;
}
.slider-nav-thumbnails .slick-slide:last-child img {
  margin-right: 0;
}



.board .media_cont {
  width: 960px;
  margin: auto;
  padding-bottom: 49%;
  position: relative;
  overflow: hidden;
  max-width: 100%;
}
.board .media_cont iframe {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
  -o-object-fit: cover;
  object-fit: cover;
}



/* 자주묻는 질문 */
ul.faq-board-list {
  border-top: 2px solid #595959;
}
ul.faq-board-list > li {
  border-bottom:1px solid  #e5e5e5;
}
ul.faq-board-list > li .button {
  display: block;
  padding: 2.5rem 2rem 2.5rem 8.5rem;
  width: 100%;
  text-align: left;
  cursor: pointer;
  border: 1px solid transparent;
  background: #fff;
   position: relative;
  font-size:1.8rem;
}
ul.faq-board-list > li .button .num {
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 50%;
  position: absolute;
  left: 2.7rem;
  top: 50%;
  background: #484e66;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 2.2rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(0, -50%);
}
ul.faq-board-list > li .button::after {
  content: "\ea4e";
  font-family: remixicon!important;
  display: block;
  position: absolute;
  top: 50%;
  right: 2rem;
  font-size: 3rem;
  transform: translateY(-50%);
  transition: all 0.25s ease;
}
ul.faq-board-list > li .button b {
  padding-right:4rem;
  font-weight:400;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
ul.faq-board-list > li .content {
  display: none;
  padding:2rem 4rem;
  background-color: #f4f5f9
}
ul.faq-board-list > li.on .num {
  background-color:#203A91;
}
ul.faq-board-list > li.on .button {
  background-color: #f4f5f9;

}
ul.faq-board-list > li.on .button b{
  font-weight:600;
}
ul.faq-board-list > li.on .content {
  display: block;
}
ul.faq-board-list > li.on .button::after {
  transform: translateY(-50%) rotate(180deg);
}




@media screen and (max-width: 768px) {
  ul.faq-board-list > li .button {
    padding: 2rem 2rem 2rem 8.5rem;
    font-size:1.6rem;
  }

}




@media (max-width: 1026px) {
  .board__gallery {
    padding: 1.5rem 0;
    margin: -0.75rem;
  }
  .board__gallery-item {
    padding: 0.75rem;
  }
  .board__thumbnail-item-img {
    width: 36rem;
  }
  .board__thumbnail-item-text {
    width: calc(100% - 36rem);
    padding-left: 4rem;
  }
  .board__view-thumb {
    padding: 4rem;
    align-items: flex-start;
  }
  .board__view-thumb-img {
    width: 36rem;
  }
  .board__view-thumb-text {
    width: calc(100% - 36rem);
  }
  .board__view-reply-reply {
    padding: 2rem 4rem 0;
  }
  .board__view-response-info {
    padding: 3rem 3.4rem;
  }
}
@media (max-width: 768px) {
  .board__info {
    flex-direction: column;
    align-items: flex-start;
  }
  .board__info-current + .board__info-search {
    margin-top: 1.6rem;
  }
  .board__info-search {
    width: 100%;
  }

  .board__info-search .btn {
    width: 100%;
    margin-left: 0;
    margin-top: 1rem;
  }
  .board__info-search .select {
    flex-shrink: 0;
    min-width: 10rem;
  }
  .board__info-search input {
    width: calc(100% - 10rem);
  }
  .board__info-search button {
    width: 10rem;
  }
  .board__paging-first i:last-of-type, .board__paging-last i:last-of-type {
    margin-left: -2.85rem;
  }
  .board__table .table-container {
    overflow: auto;
  }
  .board__table .table-container table {
    table-layout: initial;
    width: auto;
    min-width: 100%;
  }
  .board__table .table-container table tr th, .board__table .table-container table tr td {
    white-space: nowrap;
  }
  .board__table .table-container table colgroup col.col1 {
    width: 60px !important;
  }
  .board__table .table-container table colgroup col.col2 {
    width: 100% !important;
  }
  .board__table .table-container table colgroup col.col3 {
    width: 60px !important;
  }
  .board__table .table-container table .notice {
    padding-left: 0;
    line-height: 1.15;
  }
  .board__table .table-container table .notice::before {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }
  .board__table .table-container table .title {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 40rem;
  }
  .board__table .table-container table .new {
    margin-left: 0;
  }
  .board__table .table-container table .new + span {
    padding-left: 1rem;
    width: calc(100% - 1.8rem);
  }
  .board__table .table-container table .secret {
    margin-top: 0.5rem;
    width: 1.8rem;
  }
  .board__table .table-container table .secret + .m-visible {
    width: calc(100% - 1.8rem);
    padding-left: 1rem;
  }
  .board__table .table-container table .sort {
    display: none !important;
  }
  .board__table .m-hidden {
    display: none;
  }
  .board__table .m-visible {
    display: flex;
    width: 100%;
    margin-top: 0.5rem;
  }
  .board__table .m-visible2 {
    display: none;
  }
  .board__table .m-visible div {
    padding-left: 2.4rem;
    position: relative;
    color: #aaa;
    font-size: 1.6rem;
  }
  .board__table .m-visible div::before {
    display: block;
    font-family: "remixicon";
    color: #aaa;
    font-size: 1.6rem;
    font-weight: 400;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    line-height: 1;
    transform: translateY(-50%);
  }
  .board__table .m-visible div + * {
    margin-left: 1.4rem;
  }
  .board__table .m-visible__name::before {
    content: "\f25f";
  }
  .board__table .m-visible__date::before {
    content: "\eb27";
  }
  .board__table .m-visible__hit::before {
    content: "\ecb5";
  }
  .board__table .m-visible__secret::before {
    content: "\eecc";
  }
  .board__table .m-visible__prefer::before {
    content: "\edfc";
  }
  .board__table .m-visible__recommend::before {
    content: "\f206";
  }
  .board__qna-question {
    min-height: 7.2rem;
  }
  .board__qna-answer {
    padding: 1.5rem 3.2rem;
  }
  .board__qna-answer li {
    padding-left: 0;
  }
  .board__view-title-topic {
    justify-content: flex-start;
    align-items: stretch;
    text-align: left;
  }
  .board__view-title-topic-label {
    height: auto;
  }
  .board__view-title-list ul {
    flex-direction: column;
    align-items: flex-start;
  }
  .board__view-title-list ul.biz-category {
    flex-direction: initial;
  }
  .board__view-info {
    padding: 4rem 0;
  }
  .board__view-reply-reply {
    padding: 2rem 3rem 0;
  }
  .board__view-reply-item {
    padding: 3rem 0;
  }
  .board__view-response-title ul {
    flex-direction: column;
    align-items: flex-start;
  }
  .board__view-response-title ul li + li {
    margin-top: 0.5rem;
  }
}
@media (max-width: 587px) {
  .board__gallery--align3 .board__gallery-item, .board__gallery--align4 .board__gallery-item {
    width: 50%;
  }
  .board__thumbnail-item {
    flex-direction: column;
  }
  .board__thumbnail-item-text {
    width: 100%;
    padding-left: 0;
    margin-top: 2rem;
  }
  .board__thumbnail-item-img {
    width: 100%;
  }
  .board__thumbnail-item-text::after {
    display: none;
  }
  .board__view-keyword {
    flex-direction: column;
  }
  .board__view-keyword strong {
    width: 100%;
    padding: 2rem 0;
  }
  .board__view-keyword div {
    width: 100%;
    padding: 1.5rem;
  }
  .board__view-file {
    flex-direction: column;
  }
  .board__view-file > strong {
    width: 100%;
    padding: 2rem 0;
  }
  .board__view-file div {
    width: 100%;
    padding: 1.5rem;
  }
  .board__view-thumb {
    flex-direction: column;
    padding: 3rem 2rem;
  }
  .board__view-thumb-img {
    width: 100%;
  }
  .board__view-thumb-text {
    width: 100%;
    padding-left: 0;
    margin-top: 3rem;
  }
}
@media (max-width: 487px) {
  .board__table table tr {
    padding-right: 0;
  }
  .board__table table .request {
    position: relative;
    top: auto;
    height: 6rem;
    right: auto;
    width: 100%;
    margin-top: 2rem;
  }
  .board__table .m-hidden2 {
    display: none;
  }
  .board__table .m-visible2 {
    display: flex;
  }
}
.commentbox {
  font-family: "Pretendard", sans-serif;
}
.commentbox .editor {
  font-size: 1.6rem;
}

#detail .table-container {
  border:0px;
}
#detail .table-container table tr th {
  background:none
}
#detail .table-container table tr th,
#detail .table-container table tr td {
  border:0px;
}
#detail .table-container table .select {
  height: 4.8rem;
  width:100%;
  margin-right:0;
}
#detail .table-container table input,
#detail .table-container table textarea {
  border: 1px solid #c6cad0;
}
#detail .table-container table input:disabled  {
  background-color:#e6e7ed;
}

#detail {
  margin-bottom:2.0rem;
}
.srch-btn-wrapper {
  margin: 0 0 2rem auto !important;
}
.tag-list {
  display: flex;
  align-content: center;
}
.tag-list li {
  list-style: none;
  padding: 1rem 2rem;
  background-color: #ecedef;
  display: flex;
  margin: 0 1rem;
  font-size: 1.6rem;
  border-radius: 1.6rem;
  line-height: 1;
}
.paper.board__view-info {
  padding:0 0 2rem;
}
.paper .table-wrapper--type2 .table-container {
  border-top:0;
}
.board__paging .active a {
  font-weight: 700;
  color: #fff !important;
  background: #203A91;
}
.plani-board-lists .board--current {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2rem;
}
.plani-board-lists .board--current .board__info-search {
  display: inline-flex;
  margin-left: auto;
  margin-bottom: 0;
  justify-content: flex-end;
}
.plani-board-lists .board--current .board__info-search .select {
  margin-right: 0;
}
.swal-button.btn-blue:not([disabled]):hover {
  background: #203A91;
}
.swal-button.btn-black:not([disabled]):hover {
  background:  #323A45;
}
.swal-button.btn-blue:hover {
  background: #203A91;
  opacity: 0.8;
  box-shadow: 0 7px 5px 0 rgb(0 0 0 / 15%);
}
.swal-button.btn-black:hover {
  background:#323A45;
  opacity: 0.8;
  box-shadow: 0 7px 5px 0 rgb(0 0 0 / 15%);
}




/**** 통합검색 ****/
.tabarea.category-type {  flex-wrap: wrap;}
.tabarea.category-type > div {  }
.tabarea.category-type > div.detail-search-category { width:100%;}
.detail_search_wrap {}
.keyword_box {overflow:hidden; width:100%;}
.cate_box { width:calc(100% / 3);}
.cate_box h6 {padding:1rem 2rem; font-size:2rem; margin:0; background:#484e66; font-weight:normal; text-align:center; color:#fff;}
.cate_box >  ul {overflow-y:scroll; height:189px; padding:1rem; font-size:1.6rem;
  background:#fff; border:1px solid #dedede; border-right:none;  color:#333; line-height:2.1;}
.cate_box .category-checks li {cursor:pointer; padding:0 1rem;}
.cate_box .category-checks li button { text-align:left;}
.cate_box .category-checks li:hover {background:#ededed; color:#000;}
.cate_box .category-checks li.on {background:#203A91; color:#fff;}
.list02 h6 { margin:0; border-right:1px solid #777; border-left:1px solid #777 }
#detail.tabarea.category-type .srch-btn-wrapper {
  margin:0 !important;
  padding-top:0;

}


@media all and (max-width:768px) {

  .tabarea.category-type > div {
    padding:3rem;
  }
}