@charset "utf-8";

@import url("./fonts.css");
@import url("./header.css");
@import url("./footer.css");
@import url("./add.css");
@import url("./table.css");

/*default*/
* {
    font-family: Pretendard;
    letter-spacing: -0.01em;
    text-decoration: unset !important;
}
body, h1, h2, h3, h4, h5, h6, p{
    margin:0;
    padding:0;
} 
ul, li, dl, dt, dd{
    margin:0;
    padding:0;
    list-style: none;
}
i, em{font-style: normal;}

.blind, .sr-only {position:absolute; width:1px;height: 1px; margin: -1px; color: transparent; clip:rect(0,0,0,0); overflow:hidden;}

.inner {
	max-width: 1280px;
	margin: 0 auto;
}
@media (max-width: 1300px) {
	.inner {
		padding: 0 1rem;
	}
}


#wrap {
	width: 100%;
    overflow-x: hidden;
}


.tab-list {
    display: block!important;
    width: 100%;
    white-space: nowrap; 
    overflow-x: auto;
    /* overflow-y: hidden; */
    padding: 10px 0;
    margin: 0;
    list-style: none;
    
    
    -webkit-overflow-scrolling: touch; 
}

.tab-list li {
    display: inline-block;
    padding: 10px 0;
    /* margin-right: 10px;
    background-color: #f1f3f5;
    border-radius: 20px;
    font-size: 14px; */
}

.board-list{
	margin-top: 24px;
	padding-top : 20px;
	border-top : 3px solid #2d2d2d;
}

.form-controls input, .form-controls select{padding: 0.65rem 0.75rem!important}

/*챗봇*/

#quick-side{ 
	position: fixed; 
	right: 2%; 
	bottom:0%; 
	z-index: 99; 
	display: flex; 
	flex-direction: column; 
	align-items: center; 
	gap: 1rem; 
	transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.quick-menu{
	width: 5.6rem; 
	font-size: 14px; 
	font-weight: 600;
	color: #1D1D1D; 
	background-color: #fff; 
	border-radius: 0.6rem; 
	text-align: center; 
	overflow: hidden;
	
	box-shadow: 2px 2px 4px 0px #00000014;
	border: 1px solid #E4E4E4;
}
.quick-menu .quick-title{
	font-weight: 700; 
	position: relative;
    position: relative;
    width: 100%;
    border: unset;
    background: #B99EDF;
    
    line-height: 120%;
    padding: 16px 0px;
}
.quick-menu .quick-title::before{
    content: "";
    display: inline-block;
    width: 2.5rem;
    height: 2.0rem;
    background: url("../../images/common/ico_arrow_forward.svg") no-repeat center center / contain;
    background-size: 9px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%) rotate(90deg);
    filter: invert(0%) sepia(69%) saturate(48%) hue-rotate(177deg) brightness(112%) contrast(77%);
}


.quick-menu .quick-title[aria-expanded=false]::before{
    content: "";
    display: inline-block;
    width: 2.5rem;
    height: 2.0rem;
    background: url("../../images/common/ico_arrow_forward.svg") no-repeat center center / contain;
    background-size: 9px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%) rotate(-90deg);
    filter: invert(0%) sepia(69%) saturate(48%) hue-rotate(177deg) brightness(112%) contrast(77%);
}

.quick-list { max-height: 0; }   
.quick-list >ul{display: none; padding:0 0.8rem;}
.quick-list.active {max-height: 50rem;transition: max-height 0.3s ease;}
.quick-list.active > ul{display: block;}

.quick-list .quick-item{
	padding:1rem 0; 
	position: relative;
}
.quick-list .quick-item > a{
	display: inline-flex; 
	width: 100%;
	
    flex-direction: column;
    align-items: center;
    gap: 8px;
	transition: background-color 0.3s;
	
    line-height: 120%;
	font-size: 14px;
	font-weight: 600;
	color: #1D1D1D;
}
.quick-list .quick-item > img {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.quick-list .quick-item:not(:last-child):after{
    content:"";
    display: inline-block;
    width: 100%;
    height: 1px;
	border: 1px dashed #C6C6C6;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    bottom: 0;
    
}


/*불릿*/
.bull-main-tit {
	display: block;
	position: relative;
	font-weight: 700;
	font-size: clamp(1.5rem, 4vw, 2rem);
	line-height: 120%;
	color: #1D1D1D;
	padding-left: 22px;
}
.bull-main-tit:before {
	content:'';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 24px;
	background: url("../../images/common/bull-main-tit.png") center center no-repeat;
}

.bull-sub-tit {
	display: block;
	position: relative;
	font-weight: 700;
	font-size: 22px;
	line-height: 150%;
	color: #1D1D1D;
	padding-left: 16px;
}
.bull-sub-tit:before {
	content:'';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 5px;
	background: url("../../images/common/bull-sub-tit.png") center center no-repeat;
}

.bull-txt {
	display: block;
	position: relative;
	font-weight: 400;
	font-size: 18px;
	line-height: 150%;
	color: #1D1D1D;
	padding-left: 11px;
	margin-left: 16px;
}
.bull-txt:before {
	position: absolute;
	content:'';
	width: 5px;
	height: 5px;
	background: #3D189B;
	border-radius: 1px;
	left: 0;
	top: 14px;
	transform: translateY(-50%);
}

.bull-point {
	color: #3D189B;
	font-weight: 700;
}

.basic-btn {
	display: flex;
    justify-content: center;
    align-items: center;
	color: #fff;
	background: #3D189B;
	border: unset;
	border-radius: 0.6rem;
	font-size: 1rem;
	padding: 10px 16px;
	width: fit-content;
	min-width: 60px;
}
.icon.ico-search-wh {
    display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../../images/common/icon-search-wh.png") no-repeat center center / contain;
	margin-left: 4px;
}

.go-list-btn {
	display: flex;
    justify-content: center;
    align-items: center;
	color: #1D1D1D;
	background: #fff;
	border: 1px solid #2D2D2D;
	border-radius: 0.6rem;
	font-size: 1rem;
	padding: 10px 16px;
	width: fit-content;
	min-width: 60px;
}



/*복지시설 모달*/
#modalFclt .modal-body > .top {
	display: flex;
	gap: 4px;
	margin-bottom: 24px;
}

#modalFclt .modal-body > .top .label {
	padding: 0 8px;
	font-size: 16px;
	font-weight: 400;
	border-radius: 4px;
	background: #EFE7F7;
	color: #3D189B;
}

#modalFclt .modal-body .info span {
	display: inline-block;
	color: #1D1D1D;
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	position: relative;
}
#modalFclt .modal-body .info .label {
	font-weight: 700;
	width: 110px;
	margin-right: 4px;
	padding-left: 12px;
}
#modalFclt .modal-body .info .label:before {
	content: '';
	width: 4px;
	height: 4px;
	display: block;
	background: #3D189B;
	border-radius: 1px 0 0 1px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
#modalFclt .modal-body .info .label:after {
	content: '';
	width: 4px;
	height: 4px;
	display: block;
	background: #8858C9;
	border-radius: 0 1px 1px 0;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
}

#modalFclt .modal-body .info .value {
	padding-left: 10px;
	max-width: 550px;
}

#modalFclt .modal-body .info .value:before {
	content: '';
	width: 1px;
	height: 12px;
	display: block;
	background: #E4E4E4;
	position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}



#modalFclt .modal-footer {
    border-top: unset;
    padding-top: unset;
}

#modalFclt .go-btn {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 150%;
	display: flex;
	justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 1rem;
    background: #3D189B;
    border-radius: 0.8rem;
	
}

@media (min-width: 991px) {
	#modalSearch .search_box select {
		max-width: 180px;
	}
}
@media (max-width: 991px) {
	#modalSearch .search_box select,
	#modalSearch .search_box input,
	#modalSearch .search_box button {
		width: 100%;
	}
}



/*콘텐츠*/

.fr-view .dot-disc{
	position:relative;
	/* display:inline-block; */
	padding-left: 10px;
}
.fr-view .dot-disc:before{
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	display: block;
	background: #1d1d1d;
	position: absolute;
    left: 0;
    top: 8px;
    /* transform: translateY(-50%); */
}

.fr-view .dot-hyp{
	position:relative;
	padding-left: 10px;
}
.fr-view .dot-hyp:before{
	content: '';
	width: 4px;
	height: 1px;
	display: block;
	background: #555;
	position: absolute;
    left: 0;
    top: 8px;
}


.table > thead {
    vertical-align: middle;
}

#content {
    word-break: auto-phrase;
}