@charset "UTF-8";

button {background:none;}
img {max-width:100%;}
.cont_title {
	text-align: center;
	margin-bottom: 25px;
}

.board_top_wrap {
	font-size: 17px;
	margin-bottom: 10px;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.board_top_wrap .total_num {
	color: #ff0000;
	font-weight: bold;
}

.board_top_wrap .sort_area {
	margin-left: auto;
}

.board_top_wrap .sort_area label {
	margin-bottom: 0;
}

.board_top_wrap .sort_area select {
	height: 35px;
}

.form_block {
	display: flex;
	gap: 10px;
	align-items: center;
}

.none_mesg {background:#f4f5f6;padding:25px;text-align:center;width:100%;}

/* 입주기업 */
.company_list {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	max-width: 1280px;
	margin: 0 auto;
}

/* 카드 기본 */
.company_card {
	position: relative;
	width: calc((100% - 75px) / 4);
	border: 1px solid #ddd;
	background: #fff;
	overflow: hidden;
	padding: 10px 35px;
	border-radius: 10px;
}

.company_card:hover {}

.company_card .thumb {
	text-align: center;
	font-size: 0;
	color: #777;
	background: #fff;
	padding:0 ;
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
}

.company_card .thumb img {
	width: 100%;
	opacity: 0;
}

.company_card .name {
	text-align: center;
	font-weight: 600;
	font-size: 19px;
	letter-spacing: -1px;
	padding: 25px 8px;
	background: #fff;
}

.company_card .overlay {
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(34, 34, 34, 0.95);
	color: #fff;
	padding: 30px 20px 20px 20px;
	box-sizing: border-box;
	transition: bottom 0.4s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
}

.company_card .overlay.on {
	bottom: 0;
}

.company_card .overlay h3 {
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 25px;
}

.company_card .overlay strong {
	display: inline-block;
	border-bottom: 2px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.company_card .overlay p {
	font-size: 17px;
	line-height: 1.5;
	margin: 0;
	word-break: keep-all;
	margin-bottom:10px;
}

.company_card .overlay a {
	display: inline-block;
	padding: 12px 16px;
	font-size: 17px;
	background: #00A7AC;
	color: #fff;
	border-radius: 4px;
	font-weight: 600;
	text-decoration: none;
	transition: 0.2s;
}

.company_card .overlay a:hover {
	background: #fff;
	color: #018186;
}

/* 반응형 */
@media screen and (max-width: 1280px) {
	.company_card .overlay strong {
		display: none;
	}
}

@media screen and (max-width: 960px) {
	.company_card {
		flex: 0 0 auto;
		width: calc((100% - 10px) / 2);
		/* 2개 */
	}
	.company_card .overlay h3 {
		margin-bottom:10px;
	}
	.company_card .overlay p {font-size:15px;}
}

@media screen and (max-width: 480px) {
	.company_list {gap:10px;}
	.company_card {
		/* flex: 1 1 100%; */
		/* 1개 */
	}
	.company_card .overlay {padding:20px 10px 10px 10px;}
	.company_card .overlay a {padding:6px 10px;}
}

@media screen and (max-width: 375px) {
	.company_card {
		 flex: 1 1 100%; 
		 border:1px solid #aaa;
		/* 1개 */
	}
	.company_card .thumb img {height:115px;;}
	    .company_card .overlay {
        padding: 21px 30px 30px 30px;
    }
	    .company_card .overlay h3 {
        margin-bottom: 20px;
        font-size: 21px;
    }
}


/* 입주기업생산품 */

.gallery_list {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.gallery_list.top_list {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	margin-bottom: 30px;
}

.gallery_list.top_list .gallery_item {
	width: calc((100% - 40px) / 3);
	border: 1px solid #CDD1D5;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
	border-radius: 20px;
}

.gallery_list.top_list .gallery_item .gallery_body {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}

.gallery_list.top_list .gallery_item .gallery_body .gallery_title {
	width: 100%;
}

.gallery_list.top_list .gallery_item .gallery_body .gallery_date {
	margin-bottom: 0;
}

.gallery_list .gallery_item {
	width: calc((100% - 45px) / 4);
	border: 1px solid #CDD1D5;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px;
	border-radius: 10px;
}

.gallery_list .gallery_item a {
	display: block;
	background-size: cover;
	border-radius: 10px;
}

.gallery_list .gallery_item img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 10px;
	opacity: 0;
}

.gallery_list .gallery_item .gallery_body {
	padding: 5px 0 0 0;
	width: 100%;
	height: 100%;
	display: flex;
	text-align: center;
	flex-direction: column;
	justify-content: space-between;
}

.gallery_list .gallery_item .gallery_body .gallery_title {
	font-size: 18px;
	font-weight: 700;
	margin: 6px 0 10px;
	word-break: break-all;
	/* padding-bottom: 10px; */
}

.gallery_list .gallery_item .gallery_body .gallery_txt {
	font-size: 16px;
	color: #666;
	margin-bottom: 5px;
	border-top: 1px solid #CDD1D5;
	padding-top: 10px;
}

.gallery_list .gallery_item .gallery_body .gallery_txt dl {
	display: flex;
	align-items: center;
	gap: 0px;
}

.gallery_list .gallery_item .gallery_body .gallery_txt dl dt {
	font-weight: bold;
	white-space: nowrap;
}

.gallery_list .gallery_item .gallery_body .gallery_txt dl dd {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 0;
}

.gallery_list .gallery_item .gallery_body .gallery_txt dl dd::before {
	content: ":";
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

.gallery_list .gallery_item .gallery_body .gallery_date {
	font-size: 16px;
	color: #666;
	margin-bottom: 12px;
	border-top: 1px solid #CDD1D5;
	padding-top: 10px;
	display: flex;
	gap: 24px;
}

.gallery_list .gallery_item .gallery_body .gallery_btns {
	display: flex;
	justify-content: center;
	gap: 12px;
}

.gallery_list .gallery_item .gallery_body .gallery_btns a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1px solid #ccc;
	/* font-size: 13px; */
	padding: 6px 14px;
	text-decoration: none;
	color: #222;
	transition: all .2s;
	flex: 1 1 auto;
	justify-content: space-between;
}

.gallery_list .gallery_item .gallery_body .gallery_btns a:hover {
	border-color: #000;
	background: #000;
	color: #fff;
}

/* 아이콘 스타일 */
.gallery_list .gallery_item .gallery_body .gallery_btns a .xi-download,
.gallery_list .gallery_item .gallery_body .gallery_btns a .xi-search {
	font-size: 14px;
	vertical-align: middle;
	order: 2;
}

/* 반응형 */
@media screen and (max-width: 1200px) {
	.gallery_list.top_list {
		gap: 15px;
	}

	.gallery_list.top_list .gallery_item,
	.gallery_list .gallery_item,
	.gallery_list .gallery_item {
		width: calc((100% - 15px) / 2);
		/* 2개씩 */
		padding: 10px;
		border-radius: 10px;
	}

	.gallery_list {
		gap: 15px;
	}

}

@media screen and (max-width: 640px) {
	.gallery_list .gallery_item .gallery_body .gallery_btns {
		flex-direction: column;
		width: 100%;
		margin-top: 10px;
	}

	.gallery_list.top_list .gallery_item,
	.gallery_list .gallery_item,
	.gallery_list .gallery_item {
		border: 0;
		padding: 0;
	}

	.gallery_list .gallery_item .gallery_body .gallery_title {
		font-size: 15px;
		margin: 3px 0 6px 0;
	}

	.gallery_list .gallery_item .gallery_body .gallery_txt {
		font-size: 14px;
		/* color: #666; */
		margin-bottom: 5px;
		border: 0;
		padding: 10px;
		background: #f4f5f6;
	}

	.gallery_list .gallery_item .gallery_body .gallery_date {
		gap: 5px;
		flex-wrap: wrap;
	}

	.gallery_list.top_list .gallery_item .gallery_body {
		flex-direction: column;
	}
}

@media screen and (max-width: 320px) {
	.gallery_list.top_list {
		flex-wrap: wrap;
	}

	.gallery_list.top_list .gallery_item,
	.gallery_list .gallery_item {
		width: 100%;
		/* 1개씩 */
	}

	.gallery_list .gallery_item .gallery_body .gallery_btns {
		width: 100%;
	}
}


/* 입주기업 상세 */

/* 전체 레이아웃 */
.company_detail {
  overflow: visible; /* sticky 깨짐 방지 */
  font-size: 0; /* inline-block 간격 제거 */
 /*  display:flex;
  gap:30px;
  align-items:start; */
}

.company_detail .info {
  display: inline-block;
  vertical-align: top;
  width: 330px;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 20px;
  background: #fafafa;
  text-align: center;
  position: sticky;
  top: 0;
  font-size: 16px; /* 내용 글씨 초기화 */
}

.company_detail .content {
  display: inline-block;
  vertical-align: top;
  width:calc(100% - 370px);
 flex:1;
margin-left: 40px;
  font-size: 16px;
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 10px;
    min-height: 614px;
}

/* 좌측 박스 */
.company_detail .info .logo {
  width: 100%;
  height: 280px;
  /* background: #eee; */
  background-color:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  color: #777;
/* background-size:contain; */
background-position:center;
background-repeat:no-repeat;
}
.company_detail .info .logo img {max-width:100%;width:auto !important;}
.company_detail .info .ceo {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 8px;
}

.company_detail .info h2 {

  font-size: 23px;
  letter-spacing: -1px;
  font-weight: 600;
  color: #008080;
  margin-bottom: 12px;
}

.company_detail .info .addr {
  font-size: 17px;
  color: #444;
  line-height: 1.5;
  margin-bottom: 20px;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.company_detail .info .btn {
  display: block;
  margin-bottom: 10px;
  padding: 10px 0;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  border-radius: 4px;
  text-decoration: none;
  border:0;
}

.company_detail .info .btn.primary {
  background: #009688;
    border:1px solid #009688;
  color: #fff;
}

.company_detail .info .btn.secondary {
  background: #444;
    border:1px solid #444;
  color: #fff;
}

.company_detail .info .btn.primary:hover {
  color: #009688;
  background:#fff;
}

.company_detail .info .btn.secondary {
  background: #444;
  color: #fff;
}

/* 우측 내용 */
.company_detail .content section {
  margin-bottom: 10px;
  border:0;
  border-radius:0;
  padding:20px 10px;
}

.company_detail .content section + section {
  border-top:1px solid #ddd;
}

.company_detail .content h3 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.company_detail .content p {
  font-size: 17px;
  line-height: 1.6;
  margin: 0 0 10px;
  color: #333;
}

.company_detail .content ul {
  margin: 0;
  padding-left: 20px;
}

.company_detail .content ul li {
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 6px;
  list-style: circle;
}

/* slick 커스터마이즈 */
.product_list_wrap {
  position: relative; /* 화살표 기준 */
}

.company_detail .content ul.slick-dots {
  position: static;
  transform: none;
}

.company_detail .content ul.slick-dots li {
  padding: 0;
}

.company_detail .content ul.slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #bbb;
  font-size: 0;
  padding: 0;
}

.company_detail .content ul.slick-dots li.slick-active button {
  background: #009688;
}

/* slick arrows */
.company_detail .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background: none;
  border: 0;
  cursor: pointer;
}

.company_detail .slick-arrow.slick-prev {
  left: -30px; /* 살짝 바깥 */
}

.company_detail .slick-arrow.slick-next {
  right: -30px;
}


/* 생산품 카드 */

.product_view_wrap {
	border:1px solid #ccc;
	border-radius:10px;
	padding:32px;
}
.product_list_wrap {
	position: relative;
	padding:0 40px;
}

.product_list_wrap .control button {width:40px;height:40px;display:flex;justify-content: center;align-items: center;background-color:rgba(0,0,0,0.6);border-radius:50%;}
.product_list_wrap .control button:hover {background:#000;}
.product_list_wrap .control button.disabled {background:#ccc;}
.product_list_wrap .control button img {width:9px;height:12px;;}

.product_list_wrap .control .prev {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.product_list_wrap .control .next {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.product_list {
	width: 100%;
	display: block;
}
.product_list.flex {display:flex;gap:25px;}
.product_list.flex .product_card {
	width: calc((100% - 50px) / 3);
	margin:0;
}
.product_list .product_card {
	margin: 0 10px;
}

.slick-slide {
	outline: none;
}

.product_card {
	/* min-width: 180px; */
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #fafafa;
	text-align: center;
	overflow: hidden;
}

.product_card .thumb {
	width: 100%;
	/* 			height: 120px; */
	background: #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #777;
}
.product_card .thumb {background-size:cover;}
.product_card .thumb img {
	width: 100%;
	height:140px;
	/* opacity:0; */
}
.product_card.auto .thumb img {height:auto;}
.product_card .name {
	padding: 10px;
	height:75px;
	font-size: 17px;
	display:flex;
	align-items:center;
    justify-content: center;
}

/* 반응형 */
/* ======================== */
/* 반응형 추가               */
/* ======================== */

/* 태블릿 이하 (1024px) */
@media screen and (max-width: 1024px) {
	.company_detail {
		flex-direction: column;
		padding: 0 0;
	}

	.company_detail .info {
		flex: unset;
		width: 100%;
	}

	.company_detail .info .logo {
		height: 220px;
	}
	.company_detail .info .logo img {max-height:100%;}
	.product_card {
		flex: 1 1 calc(50% - 20px);
		/* 2열 */
	}

	.company_detail .content {
		width: 100%;
		margin-left: 0;
		margin-top: 25px;
	}
}

/* 모바일 이하 (768px) */
@media screen and (max-width: 768px) {
	body {
		/* padding: 20px; */
	}

	.company_detail .info h2 {
		font-size: 21px;
	}

	.company_detail .info .ceo {
		font-size: 16px;
	}

	.company_detail .info .addr {
		font-size: 15px;
	}

	.company_detail .info .btn {
		font-size: 14px;
		padding: 8px 0;
	}

	.company_detail .content h3 {
		font-size: 17px;
	}

	.company_detail .content p,
	.company_detail .content ul li {
		font-size: 15px;
	}

	.product_card {
		flex: 1 1 calc(50% - 10px);
		/* 모바일도 2열 */
	}
	.product_list_wrap {padding:0 10px}
	.company_detail .content {padding:0;border:0;}
}

/* 소형 모바일 이하 (480px) */
@media screen and (max-width: 480px) {
	.product_card {
		flex: 1 1 100%;
		/* 1열 */
	}

	.company_detail .info .logo {
		height: 180px;
	}
}

.slick-prev:before,
.slick-next:before {
	color: #333;
}