@charset "utf-8";

body {
  background-color: #fff;
}
main {
  padding: 0;
  height: auto;
  display: block;
}

section {
  width: 100%;
}

section > * {
  margin-bottom: 3rem;
}

.order-head {
  width: 100%;
  height: 500px;
  background: #2c4da9;
  background-position: top;
  background-size: auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.order-head .display-3 {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}
@media (max-width: 768px) {
	.order-head .container{
		flex-direction: column;
	}

	.order-head .display-3 {
		transform: scale(0.8);
	}
}

.order-block-1 {
  border-radius: 12px;
}



.banner-bg {
	width:100%;
}
.banner-bg .container {
	display:flex;
	justify-content:center;
	align-items:center;
}
#id__main_container {
  padding: 3rem;
}

#id__main_container .h2 {
  margin-bottom: 2rem;
}

.ql-editor {
  height: auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.order-block-2 > * {
  width: 100%;
  text-align: center;
  margin-bottom: 3rem;
}

.order-block-2 > * > * {
  margin-bottom: 1rem;
}

.order-block-2 .progress-bg {
  /*	background-color: var(--bs-gray-300);*/
  /* background-color: var(--bs-light); */
  background-color: #e9eeff;;
  
	padding: 100px 1rem;
}

.order-block-2 .progress-wrapper {
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.order-block-2 .progress {
  width: 80%;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100px;
}
@media (max-width:768px) {
	.order-block-2 .progress {
		height:30px;
	}
	.order-block-2 .progress-wrapper {
		height: 200px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}



}
.order-block-2 .progress .progress-bar {
  background: #7096ff;
  background: linear-gradient(
    275deg,
    var(--bs-primary) 0%,
    rgba(6, 10, 18, 1) 100%
  );
  transition: width 1s ease-out;
}

.order-block-2 .ready-to-sell-wrapper {
  margin: 0;
  padding: 5rem 5rem 8rem;
}

.order-block-2 .ready-to-sell {
  height: 100px;
  margin: 0;
}

.order-block-3 {
  margin: 0;
}

#article-tables {
  height: auto;
  background-color: #ffffff;
  padding: 3rem;
}


/*********************************************************/



#article-tables .table-body-wrap {
	height: 500px;
	overflow-y: auto;
	flex-grow:1;
	scrollbar-width: thin;
}

#article-tables .table {
	width: 100%; 
	table-layout: fixed;
}

#article-tables .table tr>* {
	font-size: 1rem;
	text-align: center;
	line-height: 250%;
	width: 33.3%;
}
#article-tables .thead {
	display:flex;
	flex-wrap:nowrap;
	width:100%;
	 background-color: var(--bs-gray-100);
	 height:100px;
}
#article-tables .thead > * {
	flex-grow:1;
	display:flex;
	justify-content: center;
	align-items:center;
	height:100%;
	font-size:1.5rem;
	font-weight: 800;
}
#article-tables .table tbody * {
	font-family: 'Pretendard Variable';
	font-weight: 500;
}
#article-tables .table tbody td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 50px;
	background-color: #fff;
}
/* 테이블 설정 끝 */




/*후기 페이드 캐러셀*/
#article-tables .carousel-inner {
  height: 100%;
}

#article-tables .carousel-item {
  transition: all 1s ease-in-out;
  width: 100% !important;
}

#reviewCarousel {
  display: flex;
  flex-direction: column;
}

#reviewCarousel .review-card {
  margin: auto;
  margin-bottom: 1rem;
  flex: 0 1 100%;
  height: 200px;
  border:1px solid var(--bs-primary);
}

.review-card .card-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 768px) {
  #article-tables .review-card {
    flex: 1 1 100%;
  }
}

#article-tables .review-card .card-body * {
  align-content: center;
}
#article-tables .review-card .card-body .col-6 {
	
}
#article-tables .review-card .card-body,
.review-card .card-body > * {
  max-height: 100% !important;
}
.doc-thumb {
  width: 100%;
  max-width: 160px;
  border-radius: 4px;
  cursor: pointer;
  transition: transform 0.3s ease;
  height: 100%;
  object-fit: cover;
}

.doc-thumb:hover {
  transform: scale(1.05);
}

.lightbox-caption {
  text-align: center;
}

.lb-close {
  display: block !important;
  opacity: 1 !important;
  z-index: 9999;
}

#article-tables .table-head {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 3rem;
}

#article-tables .table-head .badge {
  font-size: 1rem;
  margin-right: 1rem;
}

#article-tables .table-head img {
  height: 100%;
  margin-left: auto;
}

@media (max-width: 768px) {
  i {
    margin: 0 !important;
  }

  section {
    padding: 0;
  }

  .order-head {
    width: 100%;
    /* height: 250px; */
    height: max-content;
    background: #2c4da9;
    background-position: center;
    background-size: 120%;
    background-attachment: fixed;
    margin: 0 !important;
  }

  .order-block-1 {
    border-radius: 0 !important;
  }

  #id__main_container {
    padding: 3rem 0;
  }

  #id__main_container .h2 {
    margin: 0;
  }

  #id__main_container .ql-editor {
    padding: 0 !important;
  }

  .article .order-block-2 .progress-wrapper {
    height: 300px;
  }

  #article-intro {
  }

  #article-tables {
    padding: 2rem 0;
  }

  #article-tables thead {
    display: table-header-group;
  }

  #article-tables tr {
    height: auto !important;
  }

  #article-tables tr td {
    height: auto !important;
  }

  #article-tables .table-head button,
  .table-head a {
    font-size: 1rem;
  }

  #article-tables .table-head img {
    display: none;
  }

  #article-tables .table * {
    font-size: 1.2rem !important;
  }

  .order-block-2 .ready-to-sell-wrapper {
    padding: 2rem;
  }

  #reviewCarousel .table-head button span,
  #reviewCarousel .table-head a span {
    display: none;
  }
}

/*********최근 등록 매각 정보 **********/
#article-tables .table-head {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 3rem;
  margin-bottom: 2rem;
}

#article-tables .table-head .badge {
  font-size: 1rem;
  margin-right: 1rem;
}

#article-tables .table-head img {
  height: 100%;
  margin-left: auto;
}

#article-tables .table {
  overflow: hidden;
  table-layout: fixed;
}

#article-tables tbody {
  /*	max-height: 300px; overflow-y:auto; width: 100%; display: block;*/
}

#article-tables tbody tr {
  display: table-row;
  width: 100% !important;
  cursor:default;
}

#article-tables tbody tr td {
  width: auto !important;
  display: table-cell;
}


#article-tables .table td, 
#article-tables .table td>* {
  font-size: 1.5rem;
  text-align: center;
  align-content: center;
  height: 3rem;
}

#article-tables .table td {
  background-color: transparent;
}

#article-tables .review-card {
  margin: auto;
  margin-bottom: 1rem;
  flex: 0 1 calc(50% - 0.5rem);
  height: 200px;
}

/* ************************************************************ */
.infinite-carousel .review-card {
	/* flex: 0 0 540px; */
	width: 540px;
	margin-right: 20px;
	position: relative;
	border-radius: 10px;
	transition: box-shadow 0.3s ease-in-out;
	border: 1px solid var(--bs-primary);
	height: 200px;
}

.review-card .card:hover {
	box-shadow: 0 4px 15px rgba(var(--bs-primary-rgb), 0.5);
}

.review-card .card-img {
	width: 100%;
	height: auto;
	border-radius: 10px 10px 0 0;
}

.review-card .card-text {
	width: 100%;
	white-space: pre-line;
	font-family: 'Pretendard Variable';
	font-weight:500;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.review-card .card-body {
	padding: 10px;
	height: 100%;
	width: 100%;
	margin: 0;
}
@media(max-width:768px) {
	.review-card{
		width:300px !important;
		height:200px;;
	}
	.review-card .card-body {
	}
	.review-card a:has(.doc-thumb) {
		flex: 1 1 100px;
		order:1 !important;
	}
	.review-card .card-body .col-md-6:nth-child(1) {
		order:2;
		flex: 1 1 auto;
		display:flex;
		flex-direction: column;
		justify-content: center;
	}
}
.infinite-carousel .card-body a>img {
	object-fit: contain;
}

a:has(.doc-thumb) {
	display: flex;
	align-content: center;
	border-radius: 9px;
	overflow: hidden;
	height: 100%;
	border: 1px solid var(--bs-gray-300);
	justify-content:center;
}

.doc-thumb {
	width: 100%;
	cursor: pointer;
	transition: transform 0.3s ease;
	height: auto;
	object-fit: contain;
	max-height: 100%;
}

/* ************************************************************ */

/*후기 페이드 캐러셀*/
#article-tables .carousel-item {
  transition: all 1s ease-in-out;
  width: 100% !important;
}

.review-card .card-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 768px) {
  #article-tables .review-card {
    flex: 1 1 100%;
  }
}

.lightbox-caption {
  text-align: center;
}

.lb-close {
  display: block !important;
  opacity: 1 !important;
  z-index: 9999;
}


/* 다른 셀마클 매입 채권 더보기 배너 */
.banner-other {
	background: #7e7ef7;
	background: linear-gradient(90deg, rgba(126, 126, 247, 1) 0%, rgba(173, 236, 255, 1) 52%, rgba(172, 255, 163, 1) 100%);
	height: 100px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
}

.banner-other img {
	height:90%;
	width:auto;
	position:absolute;
	right:20%;
	top:-30px;
}

/* 프로그래스 background */
.progress-bg-img {
	width:100%;
	height:auto;
	max-width: 800px;
}

/* 채권 등록 프로세스 */
.proccess-img-wrapper {
	display:flex;
	gap:3rem;
	align-items: center;
	margin-left:auto;;
	margin-right:auto;;
}
.proccess-img-wrapper img {
	width:150px;
}
@media (max-width:768px) {
	
	.proccess-img-wrapper img {
		width:75px;
	}
	.banner-other img {
	height:auto;
	width:100px;
	position:absolute;
	left:30px;
	right:auto;
	top:-15px;
}

}