/* 공지사항 */
.boardList{
  margin: 70px auto;
}
.boardList .total{
  display:none;
}
.boardList table{
  width:100%;
  table-layout: fixed;
  font-size:18px;
}
.boardList thead{
  display:none;
}
.boardList .board{
  float:none;
  display:block;
  width:90%;
  text-align: left;
  margin-bottom:0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.boardList tbody tr{
  border-bottom: 1px solid #ebebeb;
}
.boardList tbody td{
  padding: 1.2rem 0.2rem 1.3rem;
}
.boardList tbody td:nth-of-type(1){
  color:#e61147;
  font-weight:700;
}
.boardList tbody td:nth-of-type(4){
  color:#999;
}
.boardList tbody td:nth-of-type(3),
.boardList tbody td:nth-of-type(5){
  display:none;
}
.pagination{
  text-align: center;
  margin: 70px 0 50px;
}
.pagination .active a{
  color:#e61147;
  font-weight:700;
  border-bottom:2px solid #e61147;
}
.pagination ul li{
  display:inline-block;
  margin:0 0.4rem;
}
.pagination ul li a{
  display:block;
  font-size:20px;
  color:#999;
  padding:0 0.05rem;
}
.pagination ul li a span{
  display:block;
  height:22px;
  line-height: 22px;
}
.pagination ul li .page_next{
  display:inline-block;
  background: url(../img/sub/next.png) no-repeat 0 0;
  width:12px;
  height:22px;
  margin: 0 -0.2rem 0 0.4rem;
}
.pagination ul li .page_last{
  display:inline-block;
  background: url(../img/sub/last.png) no-repeat 0 0;
  width:18px;
  height:22px;
  margin:0;
}
.pagination ul li .page_prev{
  display:inline-block;
  background: url(../img/sub/prev.png) no-repeat 0 0;
  width:12px;
  height:22px;
  margin: 0 0.4rem 0 -0.2rem;
}
.pagination ul li .page_first{
  display:inline-block;
  background: url(../img/sub/first.png) no-repeat 0 0;
  width:18px;
  height:22px;
  margin:0;
}
.pagination ul li .page_next span,
.pagination ul li .page_last span,
.pagination ul li .page_prev span,
.pagination ul li .page_first span{
  opacity:0;
  text-indent: -999em;
}
.boardList .btn{
  overflow: hidden;
  border-radius: 0;
}
.btn .write{
  width:80px;
  background-color:#e61147;
  float:right;
  text-align: center;
}
.btn .write a{
  color:#fff;
  padding: 0.4rem 0;
}
.board_search_wrap{
  text-align: center;
  margin-top:50px;
}
.board_search_wrap .board_sorting{
  width:10%;
  min-width:100px;
  height:44px;
  border:1px solid #d9d9d9;
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding-left:0.8rem;
  background: url(/design/default/img/sub/select_arrow.png) no-repeat 90% 50%;
  margin-bottom:2rem;
  border-radius:0.6rem;
}
.board_search_wrap .board_sorting.w-medium {width:180px;}
.board_search_wrap .board_sorting::-ms-expand{
  display:none;
}
.board_search_wrap .search_text{
  border:1px solid #d9d9d9;
  border-radius: 0;
  width:30%;
  height:40px;
  margin:0 0.2rem 0 0.1rem;
  outline: none;
  padding-left:0.8rem;
}
.board_search_wrap .search_btn{
  border:none;
  background-color:#e61147;
  color:#fff;
  width:8%;
  height:42px;
  letter-spacing: 0.05rem;
  cursor: pointer;
  min-width:90px;
}

/* 게시판 view */
.view-table{
  border-top:2px solid #ccc;
}
.view-table th{
  background-color:#f3f3f3;
  vertical-align: middle;
  font-weight: 500;
}
.boardList .view-table td:nth-of-type(1){
  color:#333;
  font-weight:400;
}
.boardList .view-table td{
  padding-left:0.8rem;
}
.pn_list{
  width:100%;
  border-bottom:1px solid #ebebeb;
}
.pn_list dt{
  width:15%;
  background-color:#f3f3f3;
  float:left;
  padding: 1.2rem 0.2rem 1.3rem;
  /* box-sizing: border-box; */
  text-align: center;
  font-weight:500;
}
.pn_list dd{
  width:85%;
  float:left;
  padding: 1.2rem 0.2rem 1.3rem 0.8rem;
  /* box-sizing: border-box; */
  vertical-align: middle;
}
.pn_list dd a{
  display: block;
  width:90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.btn_wrap{
  text-align: right;
  margin-top:50px;
  width:100%;
}
.btn_wrap a{
  display:inline-block;
  width:80px;
  text-align: center;
  background-color: #e61147;
  color:#fff;
  padding: 0.4rem 0;
  font-size: 1rem;
}
.btn_wrap a.list{
  background-color:#333;
}

/* 게시판 form */
.form-table{

}
.form-table form{
  display:table;
  table-layout: fixed;
  border-collapse: collapse;
  width:100%;
}
.form-table .display_tr{
  display:table-row;
  width:100%;
  border-top:1px solid #ebebeb;
}

.form-table .display_tr:nth-of-type(1){
  border-top: 2px solid #ccc;
}
.form-table .display_th{
  display:table-cell;
  width:15%;
  vertical-align: middle;
  text-align: center;
  background-color:#f3f3f3;
  padding: 1rem 0.2rem 1.1rem;
}
.form-table .display_th.blank{
  background-color:#fff;
}
.form-table .display_td{
  display:table-cell;
  width:85%;
  padding: 1rem 0.8rem 1.1rem;
}
.form-table .display_td input[type="text"]{
  width:100%;
  outline: none;
}
.form-table .btn_wrap{
  display:table-cell;
  width:100%;
}
.btn_wrap button{
  background-color:#e61147;
  color:#fff;
  border:none;
  width:80px;
  padding: 0.52rem 0;
  font-size: 1rem;
  font-weight: 500;
}

/* 포토갤러리 list */
.gallery_list{
  width:100%;
}
.gallery_list ul{

}
.gallery_list ul li{
  width:33.3333%;
  float:left;
  position:relative;
  overflow: hidden;
}
.gallery_list ul li a{
  display:block;
  color:#fff;
  width:100%;
  height:100%;
}
.gallery_list li a img{
  width:100%;
  height:100%;
  min-height:400px;
  object-fit: cover;
  object-position:center;
}
.gallery_list li a > span{
  position:absolute;
  bottom:0;
  left:0;
  display:block;
  width:100%;
  background-color:rgba(0,0,0,0.8);
  transform: translateY(100%);
  transition: all 0.3s linear;
  padding:0.8rem 0.9rem 0.7rem;
  /* box-sizing: border-box; */
}
.gallery_list li a:hover > span{
  transform: translateY(0%);
}
.gallery_list li a .thum_tit{
  width:calc(100% - 80px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top:0.6rem;
  display:inline-block;
}
.gallery_list li a .view_more{
  float:right;
  padding-top:1.6rem;
  background: url(../img/sub/view_more.png) no-repeat center 0;
  width:40px;
}

/* 포토갤러리 form */
.gallery_form,
.gallery_form table{
  width:100%;
  table-layout: fixed;
}
.boardList .gallery_form tbody td:nth-of-type(1){
  color:#333;
  font-weight:400;
}
.gallery_form table th{
  width:15%;
  vertical-align: middle;
  text-align: center;
  background-color:#f3f3f3;
  padding: 1rem 0.2rem 1.1rem;
  font-weight: 500;
}
.gallery_form table td{
  width:85%;
  padding: 1rem 0.8rem 1.1rem;
  vertical-align: middle;
}
.gallery_form table td input[type="text"]{
  width:90%;
  outline: none;
}
.gallery_form table.used tr:nth-of-type(2) td{
  padding: 0;
}
.gallery_form table.used{
  border-top: 2px solid #ccc;
}

/* 포토갤러리 view */
.gallery_view,
.gallery_view table{
  width:100%;
  border-top: 2px solid #ccc;
  table-layout: fixed;
}
.boardList .gallery_view tbody td:nth-of-type(1) {
  color: #333;
  font-weight: 400;
}
.gallery_view table tr{
  width:100%;
}
.gallery_view table th{
  width:15%;
  vertical-align: middle;
  text-align: center;
  background-color:#f3f3f3;
  font-weight: 500;
  padding: 1rem 0.8rem 1.1rem;

}
.gallery_view table tbody td{
  width:35%;
  padding: 1rem 0.8rem 1.1rem;
}
.boardList .gallery_view > tbody > tr{
  border:none;
}
.boardList .gallery_view > tbody > tr > td{
  padding:0;
}
.gal_content{
  text-align: center;
}

/* board ID : exhibitor */
/* kibex2021 > 참가업체 list */
.contents_form{background-color:#f5f5f5; width:100%; text-align:center; padding: 3rem 2rem; margin-bottom:5.5rem;}
.contents_form form *{vertical-align:middle; }
.contents_form input[type="text"]{background-color:#fff; border:1px solid #eaeaea; width:80%; margin-right:0.8rem; border-radius:0; padding:1.2rem 0.8rem; }
.contents_form button{background-color:#e61147; color:#fff; border:none; width: calc(20% - 2rem); padding:1.2rem 0.8rem;}
.contents_form button.show_all {margin-top: 1rem; }

.exhibitor_list {width: 100%;}
.exhibitor_list ul {display:flex; justify-content: space-between; flex-wrap: wrap;}
.exhibitor_list li {float:left; width: calc(98% / 3);margin: 0 0 1% 0; }
/* .exhibitor_list li:nth-child(3n) {margin-right:0} */
.exhibitor_list li .brand_logo { border: 1px solid #dfdfdf; padding: 2.6rem 1.8rem; vertical-align: middle; height: 12.5rem; text-align: center;}
.exhibitor_list li .brand_logo img{max-width: 60%; height: 100%; max-height:120px; object-fit: contain; transition:all 0.3s linear}
.exhibitor_list li .brand_name {text-align: center; font-weight: bold; border: 1px solid #dfdfdf; border-top: 0; padding: 1.2rem 1.4rem; transition: all 0.3s linear; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; width: 100%;}
.exhibitor_list li a:hover .brand_logo img {transform: scale(1.1);}
.exhibitor_list li a:hover .brand_name {background:#E61147; color:#fff;}

.tablist_wrap {margin-bottom:50px;}
.tablist_wrap .tab_list {display: flex;}
.tablist_wrap .tab_list .tab {width: calc(100% / 2); border:1px solid #e61147; text-align: center; box-sizing: border-box; padding: 15px;}
.tablist_wrap .tab_list .tab.on {background: #e61147; color: #fff;}

/* kibex2021 > 참가업체 view */
.exhibitor_view {}
.exhibitor_view h3 {font-size: 1.5rem; border-bottom: 4px solid #e61147; margin-bottom: 10px; padding: 0.625rem 1rem; }

.exhibitor_view .company_outline_area {display: flex; align-items: center;}
.exhibitor_view .company_outline_area .brand_logo{float:left; width: 48%; text-align:center; vertical-align: middle; border: 1px solid #ccc; height: 100%; height: 500px; margin-right:2%; }
.exhibitor_view .company_outline_area .brand_logo a{display: flex; justify-content: center; align-items: center; height: 100%;}
.exhibitor_view .company_outline_area .brand_logo img{vertical-align: middle; width: 50%; height: auto;}
.exhibitor_view .company_outline_area .company_infomation{float:left; width: 50%;}
.exhibitor_view .company_outline_area .company_infomation .brand_tit{}
.exhibitor_view .company_outline_area .company_infomation table {margin-top: 20px; }
.exhibitor_view .company_outline_area .company_infomation table th,
.exhibitor_view .company_outline_area .company_infomation table td {padding: 1.2rem 1rem; font-weight: 400; text-align: left; border-bottom: 1px solid #ccc;color:#333;}
.exhibitor_view .company_outline_area .company_infomation table th {width: 25%; background:#eee; text-align: left; }

.company_introduce_area, 
.product_introduce_area {padding: 30px 0;}

.company_introduce_area #bd_content, 
.product_introduce_area #bd_content  {
  padding: 30px 0; 
}

.product_introduce_area #bd_content {float:left; width: calc(98% / 3); margin-right: 1%; }
.product_introduce_area #bd_content:nth-of-type(3n) { margin-right: 0;}
.product_introduce_area #bd_content .img_wrap {display: flex; align-items: center; border: 1px solid #ccc; height: 260px; justify-content: center;}
.product_introduce_area #bd_content .img_wrap img { height: 100%; object-fit: contain;}
.product_introduce_area #bd_content .product_name {position: relative;font-size: 18px; padding: 1rem 0 1rem 1rem; font-weight: 600; }
.product_introduce_area #bd_content .product_name:before {position: absolute; top: 20%; left:0; width: 3px; height: 60%; background:#e61147; content: "";}
.product_introduce_area #bd_content .product_description {}










@media(max-width:640px){
  /* 참가업체 list */
  .contents_form{padding: 2rem 0.5rem; margin-bottom:5.5rem;}
  .contents_form form *{font-size: 0.875rem;}
  .contents_form input[type="text"]{width:70%; padding:0.8rem;}
  .contents_form button{width: calc(30% - 2rem); padding:0.8rem 0}

  .exhibitor_list li {float:left; width: calc(98% / 2);margin: 0 1% 1% 0; }
  .exhibitor_list li:nth-child(2n) {margin-right:0}
  .exhibitor_list li:nth-child(3n) {margin-right:1%}


  /* 참가업체 view */
  .exhibitor_view .company_outline_area {display: flex; align-items: center; flex-wrap: wrap;}
  .exhibitor_view .company_outline_area .brand_logo {float: none; width: 100%; height:auto; padding: 2rem 0; margin-right: 0; margin-bottom: 1rem;}
  .exhibitor_view .company_outline_area .company_infomation{float:none; width: 100%;}

  .product_introduce_area #bd_content {width: calc(98% / 2); margin-right: 1%; }
  .product_introduce_area #bd_content:nth-of-type(2n) { margin-right: 0;}
  .product_introduce_area #bd_content:nth-of-type(3n) { margin-right: 1%;}
  .product_introduce_area #bd_content .img_wrap {height: 160px;}
  .product_introduce_area #bd_content .product_name {font-size: inherit; }
}
@media(max-width:360px){
    /* 참가업체 list */
    .exhibitor_list li {float:none; width: 100% ;margin: 0 0 1.5rem 0; }
    .exhibitor_list li:nth-child(2n) {margin-right:0}
    .exhibitor_list li:nth-child(3n) {margin-right:0}

  /* 참가업체 view */
  .product_introduce_area #bd_content {float:none; width:100%; margin-right: 0%; }
  .product_introduce_area #bd_content:nth-of-type(2n) { margin-right: 0;}
  .product_introduce_area #bd_content:nth-of-type(3n) { margin-right: 0;}
  .product_introduce_area #bd_content .img_wrap {height: auto;}
}