@charset "UTF-8";

/******************************************************************************** 
** Common
********************************************************************************/

.pagination{margin-top: 2em;}
.bagic_t{
  border-top: 2px solid #212529;
  border-bottom: 1px solid #dee2e6;
}
.sub-banner{
height: 320px;
}

.img-notice {
  background: url(/images/client/main/notice_img.png);
  background-size: cover;
}
.img-faq {
  background: url(/images/client/main/faq_img.png);
  background-size: cover;
}
.img-qna {
  background: url(/images/client/main/qna_img.png);
  background-size: cover;
}

@media (max-width: 991.98px) { 
	header, .topGnb {min-height: 65px !important;}  
	.topGnb .navbar-nav {display:none;}
	.topGnb:before {display:none;}
}

@media (min-width: 768px) {
	.csWrap {
		min-height: calc(100vh - 548px);
	}
}

@media (max-width: 767.98px) { 
	.csWrap {
		min-height: calc(100vh - 560px);
	}

}

@media (max-width: 575.98px) {

}

/******************************************************************************** 
** Notice
********************************************************************************/
.bagic_t > :not(caption) > * > * {
	padding: 1rem .5rem;
}
.bagic_t th {text-align: center;}

.noticeNum {
	padding: 0.375rem 0.75rem;
	border-radius: 0.3125rem;
	background-color:var(--bs-secondary);
}
.table .ellipsis{
	position: relative;
	min-width: 200px;
}
.table .ellipsis span{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: absolute;
	left: 9px;
	right: 9px;
}
.table .ellipsis:before{
	content:'';
	display: inline-block;
}

.table img {
	width:100% !important;
	height:auto !important;
}
@media (max-width: 576px) {
	.bagic_t th:nth-child(3) {
		display: none;
	}
	.bagic_t th:nth-child(4) {
		display: none;
	}
	.bagic_t td:nth-child(3) {
		display: none;
	}
	.bagic_t td:nth-child(4) {
		display: none;
	}
	.bagic_t th:nth-child(1) {
		width: 20%;
	}
	.bagic_t th:nth-child(2) {
		width: 80%;
	}
}

.pre_title, .next_title{
    vertical-align: middle;
    font-weight: 300;
    color: #363c5a;
}
/* 이전글 다음글 */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("/css/client/components/fonts/glyphicons-halflings-regular.eot");
  src: url("/css/client/components/fonts/glyphicons-halflings-regular.eot") format("embedded-opentype"), url("/css/client/components/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("/css/client/components/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/css/client/components/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/css/cms/bootstrap_Hyper/assets/fonts/unicons.svg?34404611#unicons") format("svg");
  font-weight: normal;
  font-style: normal; 
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-chevron-up:before {
    content: "\e113";
}
.glyphicon-chevron-down:before {
    content: "\e114";
}



/******************************************************************************** 
** FAQ
********************************************************************************/ 

.faq {border-top: 2px solid #555;}

.faq .accordion-item{
	border:0;
}

.faq .accordion-button:focus {
    border-color:transparent;
    box-shadow:none;
} 

.faq .accordion-button:not(.collapsed) {
	color: var(--bs-primary);
	background-color: var(--bs-white);
}

.faq .group {
	border-bottom: 1px solid #ddd;
}
.faq .group .label {
	display: block;
	position: relative;
	padding: 2rem 5rem;
	font-weight: 500;
}
.faq .group  .label::before {
	position: absolute;
	left: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 2rem;
	height: 2rem;
	border-radius: 100%;
	background-color: #333;
	color: #fff;
	content: 'Q';
	text-align: center;
	line-height: 2rem;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.faq .accordion-button:not(.collapsed).label::before{
	background-color: var(--bs-primary);
}

.faq .accordion-body {
	border-bottom: 1px solid #ddd;
	padding: 3rem 5em!important;
}
.faq .accordion-body img {
	max-width: 100%;
}

@media (max-width: 576px) {
	.faq .accordion-body {
		padding: 1rem!important;
	}
	.faq .group .label {
		padding: 1rem;
	}
	.faq .group .label::before {
		display: none;
	}
}