/* board.css */
.mgl8{margin-left: 8px !important;}


/* select box */
.select {
	width: 93px; height: 43px;
}
.select .selectbox > button {
	padding: 12px;
	border-radius: 8px;
	border: 1px solid #D8D8D8;
}
.select .selectbox > button:has(+ .show) {
	border-radius: 8px 8px 0 0;
}
.select .selectbox > button:after {
	min-width: 16px;
	width: 16px; height: 16px;
	background-image: url(../images/board/ico_select_down.svg);
}
.select .selectbox > button:has(+ .show):after {
    transform: rotate(180deg);
}
.select .selectbox .option {
	border-radius: 8px;
	bottom: 1px; left: 0;
	border-radius: 0 0 8px 8px;
	overflow: hidden;
	border: 1px solid #D8D8D8;
	background: #fff;
}
.select .selectbox .option ul > li.active button {
	background: #F8F8F8;
}
.select .selectbox .option ul > li button:hover,
.select .selectbox .option ul > li button:focus-visible {
	color: #1d1d1d;
	text-decoration: underline;
	text-underline-offset: 3px;
	outline-offset: -0.4rem;
}
.select.scroll .scroll {
	right: 8px;
}
/* select box */


.label_hidden {
	position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    white-space: nowrap;
}


/* ** 게시판 일반 목록 ** */

/* output -> c_forms.css */
.datepicker-wrap {
	transform: translateY(-43px);
	border-radius: 0px;
	border-top-left-radius: var(--krds-rd-8);
	border-top-right-radius: var(--krds-rd-8);
	box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.12);
}
.datepicker-wrap.right{
	left: auto;
	right: 0;
}
.datepicker-wrap:focus {
	outline: none;
}
.datepicker-wrap .datepicker-head {
padding: 0 24px;
background-color: #F8F8F8;
}
.datepicker-wrap .datepicker-head .btn-cal-move {
background: url(../images/board/ico_cal_move.svg) no-repeat center;
}
.datepicker-wrap .datepicker-head .datepicker-switch-wrap {
padding: 0 8px;
gap: 8px;
}
.datepicker-wrap .datepicker-head .datepicker-switch-wrap .btn-cal-switch {
border-radius: 8px;
border: 1px solid var(--krds-gray-30);
background: var(--krds-white);
}
.datepicker-wrap .datepicker-head .datepicker-switch-wrap .btn-cal-switch::after {
background: url(../images/board/ico_cal_dropdown.svg) no-repeat center;
background-size: contain;
}
.datepicker-wrap .datepicker-head .datepicker-switch-wrap .btn-cal-switch:hover,
.datepicker-wrap .datepicker-head .datepicker-switch-wrap .btn-cal-switch:focus-visible{
background-color: #CEEBEB;
border:none;
}
.datepicker-wrap .datepicker-head .datepicker-switch-wrap .btn-cal-switch:active {
border: 1px solid #075D5D;
background-color: #fff;
}
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th{
line-height: 40px;
text-align: center;
}
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td{
	height: 48px;
}
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th.old,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th.new,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.old,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.new {
color: #717171 ;
opacity: 0.3;
}
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th.period .btn-set-date,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.period .btn-set-date {
background-color: var(--krds-gray-10);
}
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th.period.start > .btn-set-date, .datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th.period.end > .btn-set-date,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.period.start > .btn-set-date,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.period.end > .btn-set-date {
background-color: #075D5D;
}
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.period.start.end > .btn-set-date {
background-color: transparent;
color: var(--krds-gray-90);
border: solid 1px #075D5D;
}
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th.period.start > .btn-set-date,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.period.start > .btn-set-date {
border-top-left-radius: var(--krds-btn-rd-lg);
border-bottom-left-radius: var(--krds-btn-rd-lg);
}
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th.period.end > .btn-set-date,
.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td.period.end > .btn-set-date {
border-top-right-radius: var(--krds-btn-rd-lg);
border-bottom-right-radius: var(--krds-btn-rd-lg);
}
.datepicker-wrap .datepicker-body .sel .btn {
background-color: transparent;
border-color: transparent;
color: #1d1d1d;
}
.datepicker-wrap .datepicker-body .sel .btn.active {
background-color: #075D5D;
border-color:#075D5D;
color: var(--krds-white);
}
.datepicker-wrap .datepicker-body .sel .btn.sm{
font-weight: 400;
}
.datepicker-wrap .datepicker-btn-wrap {
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: row;
gap: 0.8rem;
margin: 0 calc(var(--krds-spacer-3) * -1);
padding: var(--krds-spacer-4);
border: 1px solid var(--krds-gray-40);
background-color: var(--krds-white);
width: calc(100% + 2.55rem);
transform: translateX(-1px);
border-bottom-left-radius: var(--krds-rd-8);
border-bottom-right-radius: var(--krds-rd-8);
}
.datepicker-wrap .datepicker-body .datepicker-conts::-webkit-scrollbar{
	display: none;
}
/* ** p_common.css ** */

/* ** pagination ** */
.pagination {
gap: 8px;
margin-top: 40px;
}
.paging > .pagination {
	margin-top: 0;
}
.pagination > .pagination {
	margin-top: 0;
}
.pagination .page-navi {
min-width: 62px;
}
.pagination .page-navi span{
color: #1d1d1d;
}
.pagination .page-navi.prev::before{
	width: 20px;
	height: 20px;
}
.pagination .page-navi.prev::before {
background-image: url(../images/board/ico_page_prev.svg);
background-size: 16px 16px;
background-position: center center;
transform: translateY(-1px);
}
.pagination .page-navi.next::after {
background-image: url(../images/board/ico_page_next.svg);
background-size: 16px 16px;
background-position: center center;
transform: translateY(-1px);
}
.pagination .page-links .page-link {
color: #1d1d1d;
min-width: 4rem;
height: 4rem;
font-size: 17px;
}
.pagination .page-links .page-link.link-dot {
background-image: url(../images/board/ico_page_dot.svg);
background-size: 16px;
background-position: center;
}
.pagination .page-links .page-link.active {
border-radius: 8px;
background: #016A6A;
}
.pagination .page-navi:hover,
.pagination .page-links .page-link:hover,
.pagination .page-navi:focus-visible,
.pagination .page-links .page-link:focus-visible{
	background-color: #EDF8F8;
	color: #1d1d1d;
}
@media (min-width: 1023px) {
}
@media screen and (max-width: 767px){
	.pagination.m-page{
		margin-top: 24px;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.pagination.m-page .page-navi.prev {
		order: 1;
	}
	.pagination.m-page .page-navi.next {
		order: 2;
	}
	.pagination.m-page .page-links {
		order: 3;
		width: 100%;
	}
	.pagination .page-navi.prev::before {
	transform: translateY(0px);
	}
	.pagination .page-navi.next::after {
	transform: translateY(0px);
	}
}
/* ** search_box ** */
div.search_box {
	border-radius:12px;
	background-color:#F0F0F0;
}
div.search_box .search_form{
	padding: 16px 24px;
}
div.search_box .search_form .search_inr{
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 656px;
}
div.search_box .search_form .search_inr.type_one{
	width: auto;
	justify-content: center;
}
div.search_box .search_form .search_inr + .search_inr{
	margin-top: 8px;
}
div.search_box .search_form .search_inr .search_title{
	margin-right: 49px;
	position: relative;
	width: 59px;
}
div.search_box .search_form .search_inr.type_one .search_title{
	width: auto;
}
div.search_box .search_form .search_inr .search_title::before{
	content: '';
	position: absolute;
	width: 1px;
	height: 10px;
	background-color: #8E8E8E;
	top: 50%;
	right: -24px;
	transform: translateY(-50%);
}
div.search_box .search_form .search_inr .search_title .tit{
	color: #1d1d1d;
	font-size: 17px;
	font-weight: 700;
}
div.search_box .search_form .search_inr .search_cont{
	height: 43px;
}
/* search_box input*/
div.search_box input[type=text] {
	display:inline-block;
	vertical-align:middle;
	height:43px;
	padding: 12px 16px;
	border:1px solid #D8D8D8;
	border-radius:8px;
	background-color:#fff;
	font-size: 15px;
	line-height:1.5;
	font-weight: 400;
	line-height: 150%;
}

/* search_box.period */
div.search_box:has(.search_form.period) {
	display: flex;
	justify-content: center;
	align-items: center;
}
div.search_box .search_form.period {
	width: 100%;
	max-width: 704px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
div.search_box .search_form.period div.keyword {
	width: calc(100% - 332px);
}
div.search_box .search_form.period div.keyword input[type=text] {
	width: 100%;
}
div.search_box .search_form.period .board-top-select {
	display: inline-flex;
	min-width: 93px;
	height: 43px;
	padding: 12px;
	align-items: center;
	gap: 10px;
	border-radius: 8px;
	border: 1px solid #D8D8D8;
	background: #FFF;
	color: #1D1D1D;
	font-size: 15px;
	font-weight: 400;
	line-height: 100%;
	background-image: url(../images/board/ico_select_down.svg);
	background-repeat: no-repeat;
	background-position: center right 12px;
}

@media screen and (max-width: 1024px) {
	div.search_box .search_form.period div.keyword {
		width: calc(100% - 208px);
	}
}

@media screen and (max-width: 767px) {

	div.search_box .search_form.period div.keyword {
		width: calc(100% - 101px);
	}
	div.search_box .search_form.period .board-top-select.m_select_full {
		width: 100%;
	}
}

/* search_box newsletter */
@media screen and (max-width: 767px) {
	div.search_box .search_form.period.letter_new {}
	div.search_box .search_form.period.letter_new .board-top-select {
		min-width: initial;
	}
	div.search_box .search_form.period.letter_new #sel_year {
		width: calc(50% - 4px);
	}
	div.search_box .search_form.period.letter_new #sel_month {
		width: calc(50% - 4px);
	}
	div.search_box .search_form.period.letter_new #sel_week {
		width: calc(100% - 51px);
	}
}

/* search_box period */
div.search_form.period p.tit {
	display: inline-flex;
	align-items: center;
	color: #1d1d1d;
	width: 83px;
	min-width: 83px;
	font-size: 17px;
	font-weight: 700;
	line-height: 150%; /* 25.5px */
	padding-right: 24px;
	margin-right: 16px;
	position: relative;
}
div.search_form.period p.tit:after {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	background: #8E8E8E;
}
div.search_form.period div.period {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
	position: relative;
}
div.search_form.period div.period div.calendar_box {
	max-width: 140px;
	position: relative;
}
div.search_form.period div.period div.calendar_box .calendar {
	max-width: 100%;
	box-sizing: border-box;
	padding-right: 43px;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%; /* 22.5px */
	padding: 12px;
	background-image: url(../images/board/calendar_icon.svg);
	background-repeat: no-repeat;
	background-position: center right 12px;
	background-size: 19px;
	cursor: pointer;
}
div.search_form.period div.period div.calendar_box .calendar::placeholder {
	color: #717171;
}
div.search_form.period div.period .calendar_pop {
	top: 48px;
}
div.search_form.period div.period .calendar_pop.start {
	left: 106px;
}
div.search_form.period div.period .calendar_pop.end {
	left: 270px;
}
div.search_form.period div.period .calendar_pop .fc-theme-standard th {
	background: initial;
	padding: 0;
}
div.search_form.period div.period .calendar_pop .fc-theme-standard th:before {
	display: none;
}
div.search_form.period div.period .calendar_pop .fc-theme-standard th .fc-scrollgrid-sync-inner {
	padding: 0;
}

div.search_form.period div.period:has(.calendar_pop.start) .calendar_box:nth-of-type(1) input {
	outline: 2px solid #075D5D;
}
div.search_form.period div.period:has(.calendar_pop.end) .calendar_box:nth-of-type(2) input {
	outline: 2px solid #075D5D;
}

@media screen and (max-width: 767px) {
	div.search_form.period div.period .calendar_pop {
		width: 360px;
		max-width: 100%;
	}
	div.search_form.period div.period .calendar_pop.start {
		left: 0;
	}
	div.search_form.period div.period .calendar_pop.end {
		left: initial;
		right: 0;
	}
	div.search_form.period div.period .calendar_pop .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
		width: 100%;
		max-width: 320px;
	}
	div.search_form.period div.period .calendar_pop .fc .fc-button-primary {
		flex: 1 0 auto;
	}
	div.search_form.period div.period .calendar_pop .fc .fc-customYear-button {
		width: auto;
	}
	div.search_form.period div.period .calendar_pop .fc .fc-customMonth-button {
		width: auto;
	}
}

/* 추천확인번호 */
div.search_form.period.checkNumber p.tit {
	min-width: 112px;
	width: 112px;
}

@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 767px) {
	div.search_form.period p.tit {
		display: none;
	}
	div.search_form.period div.period div.calendar_box {
		max-width: 50%;
		width: 100%;
	}
	div.search_form.period div.period div.calendar_box .calendar {
		width: 100%;
	}
}

/* search_box keyword */
div.search_box div.search_form div.keyword {
	display:inline-block;
	vertical-align:middle;
	position: relative;
	padding-right: 43px;
}
div.search_box div.search_form div.keyword input[type=text] {
	width: 281px;
	border-radius: 8px 0px 0px 8px;
	border: 1px solid #D8D8D8;
	border-right: none;
	background: #FFF;
	padding: 12px 16px;
}
div.search_box div.search_form div.keyword input[type=text]::placeholder{
	color: #717171;
	font-size: 15px;
	font-weight: 400;
}
div.search_box div.search_form div.keyword button[type=submit]{
	background-color:#0B9B9B;
	border: none;
	border-radius: 0px 8px 8px 0px;
	width: 43px;
	height: 43px;
	overflow: hidden;
	padding: 10px;
	position: absolute;
	right: 0;
}
div.search_box div.search_form div.keyword button[type=button]{
	background-color:#0B9B9B;
	border: none;
	border-radius: 0px 8px 8px 0px;
	width: 43px;
	height: 43px;
	overflow: hidden;
	padding: 10px;
	position: absolute;
	right: 0;
}
div.search_box div.search_form div.keyword button[type=submit] > span{
	display:inline-block;
	text-indent: -9999px;
}
div.search_box div.search_form div.keyword button[type=button] > span{
	display:inline-block;
	text-indent: -9999px;
}
div.search_box div.search_form div.keyword button[type=submit]>i{
	display:inline-block;
	width: 21px;
	height: 21px;
	background-image: url(../images/board/search_icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
div.search_box div.search_form div.keyword button[type=button]>i{
	display:inline-block;
	width: 21px;
	height: 21px;
	background-image: url(../images/board/search_icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
div.search_box div.search_form div.keyword button[type=submit]>i::before {
	display: none;
}
div.search_box div.search_form div.keyword button[type=button]>i::before {
	display: none;
}
div.search_box div.search_form div.keyword button.btn_submit{
	background-color:#0B9B9B;
	border-radius: 0px 8px 8px 0px;
	width: 43px;
	height: 43px;
	overflow: hidden;
	padding: 10px;
	position: absolute;
	right: 0;
}
div.search_box div.search_form div.keyword button.btn_submit > span{
	display:inline-block;
	text-indent: -9999px;
}
div.search_box div.search_form div.keyword button.btn_submit>i{
	display:inline-block;
	width: 21px;
	height: 21px;
	background-image: url(../images/board/search_icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
div.search_box div.search_form div.keyword button.btn_submit>i::before {
	display: none;
}
/* search_box go list */
div.search_box div.search_form a{
	display: flex;
	justify-content: center;
	align-items: center;
}
div.search_box div.search_form a.go_list{
	border-radius: 8px;
	border: 1px solid #097C7C;
	background: #FFF;
	padding: 0 16px;
	height: 43px;
}
div.search_box div.search_form a.go_list>span{
	display:inline-block;
	font-weight: 400;
	font-size: 15px;
	color: #097C7C;
	transition: all 0.3s;
}
div.search_box div.search_form a.go_list>i{
	display:inline-block;
	width: 19px;
	height: 19px;
	background-image: url(../images/board/list_icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
div.search_box div.search_form a.go_list>i::before{
	display: none;
}
div.search_box div.search_form a.go_list>i+span,
div.search_box div.search_form a.go_list>span+i{margin-left:8px;}

div.search_box div.search_form a.go_list:hover span,
div.search_box div.search_form a.go_list:focus-visible span{
	text-decoration: underline;
	text-underline-offset: 3px;
}
div.search_box div.search_form a.go_list:active{
	background-color: #CEEBEB;
	border: 1px solid #043E3E;
	text-decoration: none;
}
/* search_box search submit */
div.search_box .btn-search{
	width: 43px;
	height: 43px;
	border-radius: 8px;
	background: #0B9B9B;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-indent: -9999px;
	overflow: hidden;
}
div.search_box .btn-search i{
	width: 21px;
	height: 21px;
	background-image: url(../images/board/search_icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
@media screen and (max-width: 1024px) {
	div.search_box .search_form .search_inr{
		width: 100%;
	}
	div.search_box div.search_form a.go_list{
		display: none;
	}
	div.search_box div.search_form div.keyword{
		width: calc(100% - 209px);
	}
	div.search_box div.search_form div.keyword input[type=text]{
		width: 100%;
	}
}
@media screen and (max-width: 767px){
	div.search_box .search_form .search_inr{
		justify-content: center;
		width: 100%;
	}
	div.search_box:not(.type_textView) .search_form .search_inr .search_title{
		display: none;
	}
	div.search_box div.search_form a.go_list{
		display: none;
	}
	div.search_box div.search_form.period div.period{
		width: 100%;
	}
	div.search_box div.search_form div.keyword{
		width: calc(100% - 101px);
	}
	div.search_box div.search_form div.keyword input[type=text]{
		width: 100%;
	}
}
input[type=text],
.select .selectbox > button,
div.search_box div.search_form div.keyword button[type=submit],
div.search_box div.search_form a.go_list{
	outline-width: 2px;
	outline-offset: -1px;
	outline-color: #075D5D;
}


/* datepicker */
/* 날짜선택 */
.datepicker-input {
position: relative;
z-index: 1;
}
.datepicker-input .form-control {
	padding-left: 12px;
	padding-right: 32px;
	background-image: none;
	border: 1px solid #D8D8D8;
	width: 140px;
	height: 43px;
	border-radius: 8px;
	background-color: #fff;
	font-size: 15px;
}
.datepicker-input .form-btn-datepicker {
	position: absolute;
	top: 50%;
	right: 0;
	padding: 0;
	transform: translateY(-50%);
	background: url(../images/board/calendar_icon.svg) no-repeat center;
	background-size: 19px;
}
.datepicker-input .form-control::placeholder{
	color: #717171;
	font-size: 15px;
	font-weight: 400;
}
.form-group-inr{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
span.datepicker-sep {
	display:inline-block;
	vertical-align:middle;
	width: 26px;
	text-align: center;
	color:#1D1D1D;
	font-size:15px;
	font-weight: 400;
	line-height: 150%;
}
@media screen and (max-width: 767px){
	.form-group-inr{
		justify-content: center;
		width: 100%;
	}
	.datepicker-conts{
		width: 50%;
	}
	.datepicker-input .form-control{
		width: 100%;
	}
}
/* datepicker */

/* board_top */
div.board_top {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 16px;
}
div.board_top::before,
div.board_top::after {
	display: none;
}

div.board_top div.list_info {
	display: flex;
	align-items: flex-end;
	gap: 8px;
}

div.board_top div.list_info p {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	position: relative;
}
div.board_top div.list_info p + p {
	padding-left: 8px;
}
div.board_top div.list_info p + p::before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	background: #c6c6c6;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

div.board_top div.list_info span {
	color: #1d1d1d;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%; /* 24px */
}

div.board_top div.list_info b {
	font-weight: 500;
	color: #075D5D;
}

div.board_top div.list_info i {
	display: inline-block;
	width: 20px;
	height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
div.board_top div.list_info i::before {
	display: none;
}
div.board_top div.list_info i.ri-file-list-2-line {
	background-image: url(../images/board/board_count_01.svg);
}
div.board_top div.list_info i.ri-bookmark-2-line {
	background-image: url(../images/board/board_count_02.svg);
}

@media screen and (max-width: 767px) {
	div.board_top {
		flex-direction: column;
		gap: 16px;
	}
	div.board_top div.list_info {
		flex-direction: column;
		align-items: flex-start;
	}
	div.board_top div.list_info p + p {
		padding-left: 0;
	}
	div.board_top div.list_info p + p::before {
		display: none;
	}
}

div.tabs_wrap+ul.sort_option {
	margin: 0 0 20px 0;
	position: relative;
	z-index: 2;
}

ul.sort_option {
	display: flex;
	gap: 8px;
	align-items: center;
	z-index: 1;
}

ul.sort_option>li>a {
	display: inline-flex;
	height: 32px;
	padding: 0px 12px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 8px;
	border: 1px solid #D8D8D8;
	background: #FFF;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%; /* 22.5px */
}

ul.sort_option>li>a.active {
	position: relative;
	background: #075D5D;
	border: 1px solid #075D5D;
	color: #fff;
}
ul.sort_option>li>a.active::before {
	content: '';
	width: 16px;
	height: 16px;
	background-image: url(../images/board/ico_check.svg );
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-right: 4px;
}

ul.sort_option>li.active >a {
	color: #fff;
	border-color:#424242;
	background-color:#424242;
}

ul.sort_option>li.category {
	width: 200px;
	/* margin-right: 15px; */
	position: relative;
}

ul.sort_option>li.category>button.control {
	display:inline-block;
	vertical-align:middle;
	position:relative;
	z-index:4;
	text-align:left;
	background:#fff url(/images/np_new/bg_select_arrow.png)no-repeat right 7px center;
	display: flex;
	width: 100%;
	height: 32px;
	padding: 0 12px;
	padding-right:34px;
	justify-content: space-between;
	align-items: center;
	white-space: nowrap;
	border-radius: 8px;
	border: 1px solid #D8D8D8;
	color: #1D1D1D;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%; /* 22.5px */

}
ul.sort_option>li.category>button.control:focus-visible {
	outline-offset: -0.4rem;
}
ul.sort_option>li.category.active>button.control{
	border-bottom:none;
	border-radius:8px 8px 0 0;
}

ul.sort_option>li.category>div {
	visibility: hidden;
	width: 100%;
	max-height: 0;
	position: absolute;
	top:32px;
	left: 0;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #BDBDBD;
	border-top: none;
	border-radius:0 0 8px 8px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

ul.sort_option>li.category>div ul li {
	border-top: 1px solid #eee;
}

ul.sort_option>li.category>div ul li a {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	font-size: 14px;
}
ul.sort_option>li.category>div ul li:last-child a{border-radius:0 0 4px 4px;}
ul.sort_option>li.category>div ul li a:hover, ul.sort_option>li.category>div ul li a:focus{background-color: #DAE9FB;}
ul.sort_option>li.category>div ul li a:hover, ul.sort_option>li.category>div ul li a:focus-visible {outline-offset: -0.4rem;}
ul.sort_option>li.category.active>div {	visibility: visible;max-height: 300px;	z-index: 3;}

@media screen and (max-width: 767px) {
	ul.sort_option>li.category {
		margin-right: 42px;
	}
}

@media screen and (max-width: 425px) {
	ul.sort_option>li.category>button.control {
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: initial;
	}
}

@media screen and (max-width: 375px) {
	ul.sort_option {
		flex-wrap: wrap;
	}
	ul.sort_option>li.category {
		width: 100%;
		margin-right: 0;
	}
}

/* ** board support ** */
.board_support {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 32px;
	margin-bottom: 16px;
}
.board_count,
.board_sort {
	display: inline-flex;
}
.board_count > li{
	font-weight: 400;
	padding-left: 22px;
	position: relative;
}
.board_count > li:after{
	content: '';
	position: absolute;
	top: 50%; left: 0;
	transform: translateY(calc(-50% - 1px));
	width: 20px;
	height: 20px;
	background-image: url(../images/board/board_count_01.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.board_count > li:last-child:after{
	transform: translateY(calc(-50% - 2px));
	width: 16px;
	height: 16px;
	background-image: url(../images/board/board_count_02.svg);
}
.board_count > li + li {
	margin-left: 17px;
	position: relative;
}
.board_count > li + li::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%; left: -8px;
	transform: translateY(-50%);
	width: 1px; height: 10px;
	background-color: #C6C6C6;
}
.board_count li > span:not(.all_num){
	color: #075D5D;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.board_count{
		flex-direction: column;
		gap: 4px;
	}
	.board_count > li + li{
		margin-left: 0;
	}
	.board_count > li + li::before{
		display: none;
	}
}
/* ** board support ** */


/* ** board list ** */
.board_list {
	table-layout: fixed;
	width: 100%;
}
.board_list th {
	vertical-align: middle;
	padding: 16px 8px;
	background: #F8F8F8;
	text-align: center;
	font-size: 17px;
	line-height: 150%;
	font-weight: 700;
	color: #1D1D1D;
	position: relative;
}
.board_list th:before{
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	border-top:solid 1px #D8D8D8;
	border-bottom:solid 1px #D8D8D8;
}
.board_list th:first-child {
	border-radius: 8px 0 0 8px;
}
.board_list th:first-child:before{
	border-radius: 8px 0 0 8px;
	border-left:solid 1px #D8D8D8;
}
.board_list thead tr:has(th:last-child.mobile) th:nth-last-child(2) {
	border-radius: 0 8px 8px 0;
}
.board_list thead tr:has(th:last-child.mobile) th:nth-last-child(2)::before {
	border-radius: 0 8px 8px 0;
	border-right:solid 1px #D8D8D8;
}
.board_lis.type_link thead tr:has(th:last-child.mobile) th:nth-last-child(2) {
	border-radius: 0;
}
.board_list.type_link thead tr:has(th:last-child.mobile) th:nth-last-child(2)::before {
	border-radius: 0;
	border-right: none;
}
.board_list th:last-child {
	border-radius: 0 8px 8px 0;
}
.board_list th:last-child:before{
	border-radius: 0 8px 8px 0;
	border-right:solid 1px #D8D8D8;
}
.board_list td {
	vertical-align: middle;
	padding: 16px 8px;
	border-bottom: 1px solid #D8D8D8;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.board_list td span {
	color: #1d1d1d;
	max-width: 100%;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	font-size: 17px;
	font-weight: 400;
	line-height: 150%;
	vertical-align: middle;
}
.board_list td .text2Line {
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: initial;
}
.board_list td.td_linkBtn {
	text-overflow: initial;

}
/* board notice */
.board_list td.notice > span {
	width: 50px;
	box-sizing: border-box;
	position: relative;
	display: inline-flex;
	padding: 0 4px;
	gap: 4px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background: #043E3E;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%; /* 22.5px */

}
.board_list td.notice > span::before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/sub/icon_notice.svg);
}
/* board subject */
.board_list td.subject {
	text-align: left;
}
.board_list td.subject > a {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: initial;
	font-weight: 700;
	text-align: left;
}
.board_list td.subject > span {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: initial;
	font-weight: 700;
	text-align: left;
}
.board_list td.subject .tableInfoBox {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
}
.board_list td.subject .tableInfoBox dl {
	display: inline-flex;
	align-items: center;
	padding-right: 8px;
	position: relative;
}
.board_list td.subject .tableInfoBox dl::after {
	content: '';
	display: block;
	width: 2px;
	height: 12px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background-color: #D8D8D8;
}
/* .board_list td.subject .tableInfoBox dl:last-child {
	padding-right: 0;
}
.board_list td.subject .tableInfoBox dl:last-child::after {
	display: none;
} */
.board_list td.subject .tableInfoBox dl dt {
	position: relative;
}
.board_list td.subject .tableInfoBox dl dt:after {
	content: ":";
	margin-left: 8px;
}
.board_list td.subject .tableInfoBox dl dd {
	margin-left: 8px;
}
.board_list td.subject > a > span{
	font-weight: 700;
}
.board_list tr:not(.board_null):hover,
.board_list tr:not(.board_null):focus-visible{
	background: #EDF8F8;
}
.board_list tr:hover td.subject span,
.board_list tr:focus-visible td.subject span{
	color: #1C1C1C;
	text-decoration: underline;
	text-underline-offset: 3px;
}
/* board notice */
.board_list tr.notice td.num{
	padding: 16px 0;
}
.board_list tr.notice td.num span {
	display: inline-flex;
	align-items: center;
	justify-content: end;
	width: 54px; height: 24px;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	border-radius: 4px;
	padding-right: 4px;
	background: #043E3E url(../images/board/ico_notice.svg);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 24px;
}
/* board file */
.board_list td.file .fileCon{
	display: block;
	width: 20px; height: 20px;
	margin: 0 auto;
	background-image: url(../images/board/ico_file.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-size: 0;
	overflow: hidden;
	text-indent: -9999px;
}
.board_list td.file .fileCon.pdf{
	background-image: url(../images/board/ico_file_pdf.svg);
}
.board_list td.file .fileCon.hwp{
	background-image: url(../images/board/ico_file_hwp.svg);
}
.board_list td.file .fileCon.word{
	background-image: url(../images/board/ico_file_word.svg);
}
.board_list td.file .fileCon.xls{
	background-image: url(../images/board/ico_file_xls.svg);
}
.board_list td.file .fileCon.pptx{
	background-image: url(../images/board/ico_file_pptx.svg);
}
.board_list td.file .fileCon.zip{
	background-image: url(../images/board/ico_file_zip.svg);
}
.board_list td.cd_subject span {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: initial;
}
.board_list td span.text2Line {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: initial;
}
.board_list td.attached-files .img {
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.board_list td.attached-files .img img {
	min-width: initial;
}
.board_list td.attached-files > a img {
	max-width: 100%;
}
.board_list td.attached-files > a:nth-child(n+2) {
	display: none;
}

.repCateg span.repCategNm01 {
	display: inline-flex;
	padding: 0px 4px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background: #E9F0FF;
	color: #2768FF;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%; /* 22.5px */
}
.repCateg span.repCategNm02 {
	display: inline-flex;
	padding: 0px 4px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background: #FEECF0;
	color: #EB003B;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%; /* 22.5px */
}
.board_list table {
	table-layout: fixed;
	width: 100%;
}
.board_list td.file .fileCon{
	display: block;
	width: 20px; height: 20px;
	margin: 0 auto;
	background-image: url(../images/board/ico_file.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.board_list td.file .fileCon.pdf{
	background-image: url(../images/board/ico_file_pdf.svg);
}
.board_list td.file .fileCon.hwp{
	background-image: url(../images/board/ico_file_hwp.svg);
}
.board_list td.file .fileCon.word{
	background-image: url(../images/board/ico_file_word.svg);
}
.board_list td.file .fileCon.xls{
	background-image: url(../images/board/ico_file_xls.svg);
}
.board_list td.file .fileCon.pptx{
	background-image: url(../images/board/ico_file_pptx.svg);
}
.board_list td.file .fileCon.zip{
	background-image: url(../images/board/ico_file_zip.svg);
}
.board_list colgroup .mobile,
.board_list thead th.mobile,
.board_list tbody td.mobile {
	display: none;
}
@media screen and (max-width: 1024px) {
	/* .board_list {
		display: block;
	} */
	.board_list colgroup {
		display: none;
	}
	.board_list thead {
		display: none;
	}
	.board_list tbody {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		border-top: 2px solid #075D5D ;
	}
	.board_list tbody tr {
		display: inline-flex;
		flex-wrap: wrap;
		gap: 4px;
		width: 100%;
		padding: 16px 0;
		border-bottom: 1px solid #D8D8D8;
	}
	.board_list tbody td {
		position: relative;
		display: inline-flex;
		padding: 0;
		border: 0;
	}
	.board_list tbody td span {
		font-size: 15px;
	}
	.board_list tr:not(.notice) td.num{
		display: none;
		order: 1;
	}
	.board_list tr.notice td.num{
		padding: 0;
		margin-right: 4px;
	}
	.board_list tr.notice td.num + td.subject {
		width: calc(100% - 66px);
		padding-top: 2px;
	}
	.board_list td.subject {
		width: 100%;
		order: 2;
		font-size: 24px;
		font-weight: 700;
		color: #1D1D1D;
	}
	.board_list td.writer {
		order: 3;
		width: 100%;
		margin-top: 4px;
	}
	.board_list td.file {
		order: 4;
	}
	.board_list td.file:not(:has(.fileCon)) {
		display: none;
	}
	.board_list td.file .fileCon {
		width: 18px; height: 18px;
	}
	.board_list td.date {
		order: 5;
		width: 100%;
	}
	.board_list td.view{
		display: none;
	}
	.board_list tbody tr td.cmpNm,
	.board_list tbody tr td.rptCmpNm,
	.board_list tbody tr td.rptDate {
		width: 100%;
		padding-left: 96px;
	}
	.board_list tbody tr td.cmpNm::before,
	.board_list tbody tr td.rptCmpNm::before,
	.board_list tbody tr td.rptDate::before {
		left: 88px;
	}
	.board_list tbody tr td.repCateg {

		width: 100%;
		padding-left: 0;
		margin-bottom: 4px;
	}
	.board_list tbody tr td.repCateg::before {
		display: none;
	}
	.board_list tbody tr td.repCateg::after {
		display: none;
	}
	.board_list tbody td:not(.subject, .num){
		padding-left: 69px;
		position: relative;
	}
	.board_list tbody td:not(.subject , .num)::after{
		content: 'tit';
		position: absolute;
		top: 50%; left: 0;
		transform: translateY(-50%);
		color: #1d1d1d;
		font-size: 15px;
		font-weight: 400;
		line-height: 150%;
	}
	.board_list tbody td.writer::after{
		content: '담당부서';
	}
	.board_list tbody td.file::after{
		content: '첨부';
	}
	.board_list tbody td.date::after{
		content: '등록일';
	}
	.board_list tbody td.view::after{
		content: '조회';
	}
	.board_list tbody td.cmpNm::after{
		content: '기업명';
	}
	.board_list tbody td.rptCmpNm::after{
		content: '피신고 기업명';
	}
	.board_list tbody td.rptDate::after{
		content: '신고일자';
	}

	.board_list tbody td:not(.subject, .num)::before{
		content: '';
		position: absolute;
		top: 50%; left: 60px;
		transform: translateY(-50%);
		display: block;
		width: 1px; height: 10px;
		background-color: #C6C6C6;
	}

	.board_list tbody td {
		display: none;
	}
	.board_list tbody td.mobile {
		display: block;
		padding-left: 0;
		width: 100%;
	}
	.board_list tbody td.mobile::before,
	.board_list tbody td.mobile::after {
		display: none;
	}
	.board_list tbody td.mobile a {
		display: flex;
		flex-direction: column;
		text-align: left;
	}
	.board_list tbody td.mobile a.link {
		display: inline-flex;
		flex-direction: row;
		text-align: center;
	}
	.board_list tbody td.mobile .subject {
		display: flex;
		align-items: center;
	}
	.board_list tbody td.mobile .subject > span,
	.board_list tbody td.mobile .subject > strong {
		color: #1d1d1d;
		font-size: 17px;
		font-weight: 700;
		line-height: 150%; /* 25.5px */
		text-align: left;
		display: inline-block;
		width: 100%;
		max-width: 100%;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		white-space: initial;

	}
	.board_list tbody td.mobile .info {
		margin-top: 8px;
	}
	.board_list tbody td.mobile .info > ul {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}
	.board_list tbody td.mobile .info > ul li {
		display: flex;
		align-items: center;
		gap: 8px;
	}
	.board_list tbody td.mobile .info > ul li .tit {
		position: relative;
		padding-right: 8px;
		min-width: 60px;
		text-align: left;
	}
	.board_list tbody td.mobile .info > ul li .tit:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: 1px;
		height: 8px;
		background: #c6c6c6;
	}
	.board_list tbody td.mobile .info > ul li.attach-file span img + img,
	.board_list tbody td.mobile .info > ul li.attached-files span img + img{
		display: none;
	}

	.board_list tbody td.mobile .info > ul li.attached-files .attach-file + .attach-file {
		display: none;
	}
	.board_list tbody td.mobile .info > ul li.attached-files span img {
		vertical-align: text-top;
	}
}

/* ** board list - photo ** */
.img_list > ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px 24px;
	position: relative;
}
.img_list>ul>li{
	margin-bottom: 32px;
	position: relative;
}
.img_list>ul>li:before{
	content: '';
	display: block;
	position: absolute;
	bottom: -32px; left: 0;
	width: calc(100% + 24px);
	height: 1px;
	border-top:solid 1px #D8D8D8;
}
.img_list>ul>li:nth-child(3n):before{
	width: 100%;
}
.img_list>ul>li>.inbox .imgbox {
	background: #F8F8F8;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	padding-bottom: 56.08%;
	border: 1px solid #d8d8d8;
	box-sizing: border-box;
}
.img_list>ul>li>.inbox .imgbox::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 206px;
	height: 41px;
	background-image: url(../images/board/img_nodata_photo.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.img_list>ul>li>.inbox .imgbox .img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	/* background-size: cover; */
	background-size: 100% 100%;
}
.img_list>ul>li>.inbox .txtbox {
	margin-top: 12px;
}
.img_list>ul>li>.inbox .txtbox .title {
	color:#555;
	font-weight: 700;
	font-size: 17px;
	width: 100%;
	word-break: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}
.img_list>ul>li>.inbox .txtbox .sub_info{
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.img_list>ul>li>.inbox .txtbox .sub_info span  {
	color: #1d1d1d;
	font-size: 15px;
	font-weight: 400;
}
.img_list:not(.product)>ul>li>.inbox:hover .txtbox .title,
.img_list:not(.product)>ul>li>.inbox:focus-visible .txtbox .title{
	text-decoration: underline;
	text-underline-offset: 3px;
	color: #075D5D;
}
.img_list:not(.product)>ul>li>.inbox:hover .imgbox .img,
.img_list:not(.product)>ul>li>.inbox:focus-visible .imgbox .img{
	transition: all 0.5s;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}
@media screen and (max-width: 1024px) {
	.img_list>ul {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 24px;
	}
	.img_list>ul>li:nth-child(3n):before{
		width: calc(100% + 24px);
	}
	.img_list>ul>li:nth-child(2n):before{
		width: 100%;
	}
}
@media screen and (max-width:767px) {
	.img_list>ul {
		grid-template-columns: 1fr;
	}
	.img_list>ul>li{
		margin-bottom: 24px;
	}
	.img_list>ul>li:before,
	.img_list>ul>li:nth-child(3n):before{
		width: 100%;
		bottom: -24px;
	}
}
/* ** board list - card ** */
.img_list>ul>li>.inbox .imgbox.card{
	padding-bottom: 74.5%;
}
.img_list:not(.product)>ul>li>.inbox:hover .imgbox.card .img,
.img_list:not(.product)>ul>li>.inbox:focus-visible .imgbox.card .img{
	transition: all 0.5s;
}
/* ** board list - popup ** */
.img_list.popup > ul{
	gap: 48px 24px;
}
.img_list.popup > ul > li{
	margin: 0;
}
.img_list.popup > ul >  li:before{
	display: none;
}
.img_list.popup > ul > li > .inbox .imgbox {
	background: #F8F8F8;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	padding-bottom: 100%;
	border: 1px solid #D8D8D8;
	border-bottom: none;
	border-radius: 12px 12px 0px 0px;
}
.img_list.popup > ul > li > .inbox .txtbox{
	border-radius: 0px 0px 12px 12px;
	background: #F8F8F8;
	margin-top: 0px;
	padding: 16px;
	border: 1px solid #D8D8D8;
}
.img_list.popup > ul > li > .inbox .txtbox div{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.img_list.popup > ul > li > .inbox .txtbox .title{
	color: #1d1d1d;
	font-size: 17px;
	font-weight: 700;
}
.img_list.popup > ul > li > .inbox .txtbox .sub_info,
.img_list.tyoe_02 > ul > li > .inbox .txtbox .sub_info{
	margin-top: 0px;
}
.img_list.popup > ul > li > .inbox .txtbox .sub_info span.link,
.img_list.tyoe_02 > ul > li > .inbox .txtbox .sub_info span.link{
	width: 20px;
	height: 20px;
	background-image: url(../images/board/ico_link_black.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
}
.img_list.popup>ul>li>.inbox:hover .txtbox,
.img_list.popup>ul>li>.inbox:focus-visible .txtbox,
.img_list.tyoe_02>ul>li>.inbox:hover .txtbox > div,
.img_list.tyoe_02>ul>li>.inbox:focus-visible .txtbox > div {
	background-color: #075D5D;
	border-color: #075D5D;
}
.img_list.popup>ul>li>.inbox:hover .txtbox .title,
.img_list.popup>ul>li>.inbox:focus-visible .txtbox .title,
.img_list.tyoe_02>ul>li>.inbox:hover .txtbox .title,
.img_list.tyoe_02>ul>li>.inbox:focus-visible .txtbox .title  {
	color: #fff;
	text-decoration: none;
}
.img_list.popup>ul>li>.inbox:hover .txtbox .sub_info span.link,
.img_list.popup>ul>li>.inbox:focus-visible .txtbox .sub_info span.link ,
.img_list.tyoe_02>ul>li>.inbox:hover .txtbox .sub_info span.link,
.img_list.tyoe_02>ul>li>.inbox:focus-visible .txtbox .sub_info span.link  {
	background-image: url(../images/board/ico_link.svg);
}
@media screen and (max-width: 1024px) {
	.img_list.popup > ul {
		gap: 48px 32px;
	}
}
@media screen and (max-width: 767px) {
	.img_list.popup > ul {
		gap: 32px;
	}
}
/* ** board list - 소식지 ** */
.img_list.tyoe_02>ul>li>.inbox .imgbox {
	padding-bottom: 133.11%;
}
.img_list.tyoe_02 > ul > li > .inbox .txtbox > div{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 8px;
	background: #EDF8F8;
	padding: 10px 16px;
	gap: 4px;
}
.img_list.tyoe_02 > ul > li > .inbox .txtbox .sub_info span.link{
	width: 16px;
	height: 16px;
}

/* ** board null ** */
.board_list tbody tr.board_null{
	padding: 0;
}
.board_list tbody tr.board_null td{
	width: 100%;
}
.tbl-wrap .tbl.data tbody tr.board_null td > span,
.board_list tbody tr.board_null td > span {
	font-size: 17px;
	color: #1D1D1D;
	font-weight: 400;
	line-height: 150%;
	padding-left: 24px;
	position: relative;
}
.tbl-wrap .tbl.data tbody tr.board_null td > span::before,
.board_list tbody tr.board_null td > span::before{
	content: '';
	display: block;
	position: absolute;
	top: 50%; left: 0;
	transform: translateY(-50%);
	width: 16px; height: 16px;
	background-image: url(../images/board/ico_nodata.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.board_list tr.board_null td,
.tbl-wrap .tbl.data tbody tr.board_null td{
	padding: 60px 16px;
}
.img_list .nodata{
	border-top: solid 2px #075D5D;
	border-bottom: solid 1px #D8D8D8;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 16px;
}
.img_list .nodata li{
	margin: 0;
	border: none;
}
.img_list .nodata li:before{
	display: none;
}
.img_list .nodata span {
	letter-spacing: -0.7px;
	padding-left: 28px;
	position: relative;
}
.img_list .nodata li span::before{
	content: '';
	display: block;
	position: absolute;
	top: 50%; left: 0;
	transform: translateY(-50%);
	width: 24px; height: 24px;
	background-image: url(../images/board/ico_nodata.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
@media screen and (max-width: 1024px) {
	.board_list tbody tr.board_null td{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.board_list tbody tr.board_null td:before,
	.board_list tbody tr.board_null td:after{
		display: none;
	}
}
/* ** board null ** */


/* ** board read ** */
.board_read .title {
	padding-bottom: 40px;
	border-bottom: 2px solid #075D5D;
}
.board_read .title .tit {
	max-width: 100%;
	font-size: 25px;
	font-weight: 700;
	color: #1D1D1D;
	text-overflow: ellipsis;
	word-break: break-word;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-height: 150%;
	-webkit-line-clamp: 2;
}
.board_read .info {
	display: flex;
	align-items: center;
	gap: 33px;
	margin-top: 16px;
}
.board_read .info > span {
	display: inline-flex;
	gap: 8px;
	position: relative;
}
.board_read .info > span > span{
	font-size: 17px;
	color: #717171;
	font-weight: 400;
	line-height: 150%;
}
.board_read .info > span > span:last-child{
	color: #1D1D1D;
	position: relative;
}
.board_read .info > span > span + span::before {
	content: '';
	display: block;
	position: absolute;
	right: -16px; top: 3px;
	width: 1px; height: 16px;
	background-color: #D8D8D8;
}
.board_read .info > span:last-child > span + span::before {
	display: none;
}
.board_read .detail {
	word-break: break-all;
	min-height: 300px;
	padding: 40px 20px;
	color: #1D1D1D;
	font-weight: 400;
	font-size: 16px;
}
.board_read .detail > * {
	max-width: 100%;
}
.board_read .detail .imgbox{
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 53.19%;
	margin: 40px 0;
}
.board_read .detail .imgbox .img{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

@media screen and (max-width: 1024px){
	.board_read .title {
		padding-bottom: 32px;
		border-bottom: 2px solid #075D5D;
	}
	.board_read .detail {
		padding: 32px 0;
	}
}
@media screen and (max-width: 767px){
	.board_read .title{
		padding-bottom: 24px;
	}
	.board_read .info{
		flex-wrap: wrap;
		row-gap: 8px;
	}
	.board_read .detail {
		padding: 24px 0;
	}
}


/* ** board attach ** */
.board_read .attach {
	background: #F8F8F8;
	margin: 40px 0 ;
	padding: 24px;
	border-radius: 12px;
}
.board_read .attach .attact-tit{
	padding-bottom: 24px;
	border-bottom: 1px solid #C6C6C6;
	display: flex;
	align-items: center;
	gap: 4px;
}
.board_read .attach .attact-tit span.ico_file{
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/board/ico_attach_file.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.board_read .attach .attact-tit span.tit{
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 700;
}
/* 첨부 파일 목록 */
.file_list ul{
	margin-top: 24px;
}
.file_list ul li {
	overflow: hidden;
}
.file_list ul li + li{
	margin-top: 8px;
}
.file_list ul li div.info {
	float: left;
	position: relative;
	width: calc(100% - 108px);
	margin: 0;
}
.file_list ul li div.info:hover,
.file_list ul li div.info:focus{
	text-decoration: underline;
	text-underline-offset: 3px;
}
.file_list li:has(.link > .type_down + .type_link) div.info{
	width: calc(100% - 216px);
}
.file_list div.info span.file_icon {
	position: absolute;
	top: 5px;
	left: 0;
	display: inline-block;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.file_list div.info span.file_icon.pdf{
	background-image: url(../images/board/ico_file_pdf.svg);
}
.file_list div.info span.file_icon.hwp{
	background-image: url(../images/board/ico_file_hwp.svg);
}
.file_list div.info span.file_icon.word{
	background-image: url(../images/board/ico_file_word.svg);
}
.file_list div.info span.file_icon.ppt{
	background-image: url(../images/board/ico_file_pptx.svg);
}
.file_list div.info span.file_icon.xlsx{
	background-image: url(../images/board/ico_file_xls.svg);
}
.file_list div.info span.file_icon.zip{
	background-image: url(../images/board/ico_file_zip.svg);
}
.file_list div.info span.file_icon.jpg{
	background-image: url(../images/board/ico_file.svg);
}
.file_list div.info span.file_icon.otherfile{
	background-image: url(../images/board/ico_file.svg);
}
.file_list div.info span.name {
	display: inline-block;
	max-width:100%;
	font-size: 16px;
	color: #1D1D1D;
	word-break: keep-all;
	word-wrap:break-word;
	line-height: 31px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding-left: 24px;
	padding-right: 84px;
	position: relative;
}
.file_list div.info span.name em {
	padding-left: 4px;
	color: #717171;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.file_list div.link {
	float: right;
	font-size: 0;
}
.file_list .btn + .btn{
	margin-left:8px;
}
.file_list .link .btn{
	gap: 4px;
	text-align: center;
	border-radius: 8px;
	border: 1px solid #097C7C;
	color: #097C7C;
	background: #fff;
	width: 96px;
	height: 31px;
	font-size: 15px;
	font-weight: 400;
	padding: 0px 12px;

}
.file_list .link .btn:hover,
.file_list .link .btn:focus{
	background-color: #097C7C;
	color: #fff;
}
.file_list .link .btn:after {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width: 16px;
	min-width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.file_list .link .btn.type_link:after{
	background-image: url(../images/board/ico_view.svg);
}
.file_list .link .btn.type_down:after{
	background-image: url(../images/board/ico_download.svg);
}
.file_list .link .btn.type_link:hover:after,
.file_list .link .btn.type_link:focus:after{
	background-image: url(../images/board/ico_view_white.svg);
}
.file_list .link .btn.type_down:hover:after,
.file_list .link .btn.type_down:focus:after{
	background-image: url(../images/board/ico_download_white.svg);
}
.file_list .link ul li div.info span.name em{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	display: inline-block;
}
.file_list .link .btn.type_gotolink{
	background-color: #097C7C;
	color: #fff;
	width: auto;
}
.file_list .link .btn.type_gotolink:after{
	background-image: url(../images/board/ico_gotolink.svg);
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 767px) {
	.board_read .attach{
		padding: 16px;
		margin-bottom: 32px;
		margin-top: 24px;
	}
	.board_read .attach .attact-tit{
		margin-bottom: 16px;
		padding-bottom: 16px;
	}
	.file_list ul li{
		display: flex;
		flex-direction: column;
		row-gap: 16px;
	}
	.file_list ul li + li{
		margin-top: 16px;
	}
	.file_list ul li div.info,
	.file_list li:has(.link > .type_down + .type_link) div.info {
		width: 100%;
	}
}
/* ** board attach ** */

/* ** board read photo ** */
.board_read.photo .detail {
	word-break: break-all;
	min-height: 300px;
	padding: 0 20px;
}
.board_read.photo .attach{
	margin-top: 32px;
}
.contents_box{
	width: calc(100% - 72px);
	margin: 40px  auto;
}
.bx-wrapper {
	position: relative;
    margin-bottom: 0;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    background: #fff;
}
.bx-wrapper img {
    max-width: 100%;
    display: block
}
.bxslider {
    margin: 0;
    padding: 0;
    -webkit-perspective: 1000;
}
.bx-viewport{
	-webkit-transform: translateZ(0);
	width: calc(100% - 112px);
	/* width: 100%; */
	margin: 0 auto;
}
.bx-viewport ul li{
	border-radius: 12px;
	overflow: hidden;
	height: 100%;
}
.bx-viewport ul li img{
	border-radius: 12px;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}
.bx-viewport ul li img:not([src]){
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-image: url(../images/component/board/bg_photo_nodata.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.bx-wrapper .bx-controls{
    position: absolute;
    top: 50%;
    width: calc(100% + 112px);
    transform: translateY(-50%) translateX(-56px);
}
.bx-wrapper .bx-controls .bx-controls-direction{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bx-wrapper .bx-controls .bx-controls-direction a{
	width: 40px;
	height: 40px;
	border-radius: 40px;
	border: 1px solid #E4E4E4;
	background: #FFF;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
}
.bx-wrapper .bx-controls .bx-controls-direction a.bx-prev{
	background-image: url(../images/board/ico_photo_prev.svg);
}
.bx-wrapper .bx-controls .bx-controls-direction a.bx-next{
	background-image: url(../images/board/ico_photo_next.svg);
}
.bx-wrapper .bx-controls .bx-controls-direction a:hover,
.bx-wrapper .bx-controls .bx-controls-direction a:focus-visible{
	background-color: #CEEBEB;
	border: none;
}
.bx-wrapper .bx-controls .bx-controls-direction a:active{
	background-color: #075D5D;
}
.bx-wrapper .bx-controls .bx-controls-direction a:active.bx-prev{
	background-image: url(../images/board/ico_photo_prev_active.svg);
}
.bx-wrapper .bx-controls .bx-controls-direction a:active.bx-next{
	background-image: url(../images/board/ico_photo_next_active.svg);
}
.hidden{
	display: none;
}
#card_slide_wrap .bx-viewport {
	height: auto !important;
}
#card_slide_wrap .bx-viewport ul {
	height: auto;
}
#card_slide_wrap .bx-viewport ul li {
	height: auto;
	border: 1px solid #c6c6c6;
}
#card_slide_wrap .bx-viewport ul li .card_img_box {
	position: relative;
	height: 0;
	padding-bottom: 55%;
}
#card_slide_wrap .bx-viewport ul li .card_img_box img {
	object-fit: contain;
	/* object-fit: fill; */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#card_slide_pager{
	margin-top: 16px;
	padding: 0 51px;
}
#card_slide_pager .bx-viewport{
	width: 100%;
}
#card_slide_pager .bx-wrapper .bx-controls{
	display: none;
}
#card_slide_pager ul li{
	height: 129px;
	overflow: visible;
	padding: 5px;
	box-sizing: border-box;
}
#card_slide_pager ul li a{
	width: 100%;
	height: 100%;
	display: block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-sizing: border-box;
	border-radius: 12px;
	border: 1px solid #c6c6c6;
}
#card_slide_pager ul li a:focus-visible {
	outline-offset: 0.2em;
}
#card_slide_pager ul li a.active {
	box-sizing: border-box;
	border: 3px solid #3cafaf;
}
.swiper-indicator{
	margin-top: 24px;
	justify-content: center;
	cursor: default;
}
.swiper-indicator:not(:has(.swiper-pagination-bullet:nth-child(2))) {
	display: none;
}
.swiper-indicator .swiper-pagination:not(.swiper-pagination-fraction){
	border: 1px solid #D8D8D8;
	padding: 16px;
}
.swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
	background: #8E8E8E;
	cursor: default;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #075D5D;
}
@media screen and (max-width: 1024px) {
	.contents_box{
		width: calc(100% - 72px);
		margin: 32px auto;
	}
	/* #card_slide_wrap .bx-viewport ul li {
		height: 394px;
	} */
	#card_slide_pager ul li{
		height: 90px;
	}
}
@media screen and (max-width: 767px) {
	.board_read.photo .detail{
		padding: 0px;
	}
	.board_read.photo .attach{
		margin-top: 24px ;
	}
	/* #card_slide_wrap .bx-viewport ul li {
		height: 174px;
	} */
	#card_slide_pager{
		margin-top: 8px;
	}
	#card_slide_pager ul li{
		height: 84px;
	}
	.contents_box{
		width: calc(100% - 96px);
		margin: 24px auto;
	}
	.bx-wrapper .bx-controls{
		width: calc(100% + 96px);
		transform: translateY(-50%) translateX(-48px);
	}
}

/* ** board read photo ** */

/* ** board read video ** */
.detail.type_video{
	padding: 0 20px;
}
.video_con{
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
	margin-top: 40px;
	border-radius: 12px;
	overflow: hidden;
}
.video_con > div{
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/board/bg_video.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.detail.type_video .btn_caption{
	width: 100%;
	margin: 40px 0;
	background-color: #F0F0F0;
	padding: 8px 12px;
	border-radius: 12px;
	border: solid 1px #D8D8D8;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
}
.detail.type_video .btn_caption .txt{
	color: #1D1D1D;
	font-size: 15px;
	font-weight: 400;
}
.detail.type_video .btn_caption .ico{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(../images/board/ico_arrow_down.svg);
}
.detail.type_video .btn_caption.active{
	border-radius: 12px 12px 0px 0px;
	margin-bottom: 0;
}
.detail.type_video .btn_caption.active .ico{
	transform: rotate(180deg);
}
.detail.type_video  .caption_text{
	border:solid 1px red;
	height: 300px;
	border-radius: 0px 0px 12px 12px;
	border: 1px solid #D8D8D8;
	border-top: none;
	background: #FFF;
	padding: 24px;
	padding-right: 14px;
	display: none;
	margin-bottom: 40px;
}
.detail.type_video  .caption_text .scroll_box{
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	padding-right: 8px;
}
.detail.type_video  .caption_text .scroll_box::-webkit-scrollbar{
	width: 2px;
}
.detail.type_video  .caption_text .scroll_box::-webkit-scrollbar-thumb {
    background-color: #1C1C1C;
}
.detail.type_video  .caption_text .scroll_box::-webkit-scrollbar-track {
    background-color: #D4D4D4;
}
.detail.type_video  .caption_text.active{
	display: block;
}
@media screen and (max-width: 1024px) {
	.detail.type_video{
		padding: 0;
	}
	.video_con{
		margin-top: 32px;
	}
	.detail.type_video .btn_caption{
		margin: 32px 0;
	}
	.board_read .detail.type_video + .attach{
		margin-top: 32px;
	}
}
@media screen and (max-width: 767px) {
	.video_con{
		margin-top: 24px;
	}
	.detail.type_video .btn_caption{
		margin: 24px 0;
	}
	.board_read .detail.type_video + .attach{
		margin-top: 24px;
	}
}

/* ** board read video ** */



/* ** tbl pager ** */
.tbl-pager {
	table-layout: fixed;
	border-collapse: separate;
	width: 100%;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	overflow: hidden;
}
.tbl-pager tr{
	display: flex;
}
.tbl-pager th{
	padding: 16px 24px;
	height: 100%;
	vertical-align: middle;
}
.tbl-pager th span {
	font-size: 17px;
	font-weight: 700;
	line-height: 150%;
	display: inline-block;
	vertical-align: middle;
	color: #1D1D1D;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 24px;
	padding-left: 56px;
}
.tbl-pager .prev th span {
	background-image: url(../images/board/ico_pager_arrowUp.svg);
}
.tbl-pager .next th span {
	background-image: url(../images/board/ico_pager_arrowDown.svg);
}
.tbl-pager .prev.nodata th span {
	background-image: url(../images/board/ico_pager_Nodata_arrowDown.svg);
}
.tbl-pager .next.nodata th span {
	background-image: url(../images/board/ico_pager_Nodata_arrowUp.svg);
}
.tbl-pager td {
	position: relative;
	overflow: hidden;
	padding: 16px 0px;
	padding-right: 16px;
	width: 100%;
}
.tbl-pager td span {
	overflow: hidden;
	color: #1d1d1d;
	font-size: 17px ;
	font-weight: 400;
	line-height: 150%;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}
.tbl-pager tr td a {
	display: inline-flex;
	align-items: center;
	width: 100%;
}
.tbl-pager tr+tr th,
.tbl-pager tr+tr td {
	border-top: 1px solid #D8D8D8;
}
.tbl-pager tr:not(.nodata):hover,
.tbl-pager tr:not(.nodata):focus-visible{
	background-color: #F8F8F8;
}
.tbl-pager tr:not(.nodata):hover td > a > span,
.tbl-pager tr:not(.nodata):focus-visible td > a > span{
	text-decoration: underline;
	text-underline-offset: 3px;
}
.tbl-pager .next.nodata th span,
.tbl-pager .next.nodata td span,
.tbl-pager .prev.nodata th span,
.tbl-pager .prev.nodata td span{
	color: #8E8E8E;
}
@media screen and (max-width:767px) {
	.tbl-pager th {
		padding: 16px 16px;
	}
	.tbl-pager th span{
		padding-left: 32px;
		background-size: 20px;
	}

}
/* ** tbl pager ** */

/* ** 링크형 게시판 ** */
.tab-conts-wrap.type_board_link .tab-conts.active {
	gap: 0;
	margin-top: 0;
}
.tab-conts-wrap.type_board_link .tab-conts.active .board_support {
	margin-top: 0;
}
.board_list.type_link th:before{
	border-top: solid 1px #097C7C;
}
.board_list.type_link th:last-child:before {
    border-radius: 0;
    border-right: none;
}
.board_list.type_link th:first-child::before {
	border-radius: 0;
    border-left: none;
}
.board_list.type_link td.cont p{
	word-break: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #1d1d1d;
	font-size: 17px;
}
.board_list.type_link td .a_item{
	padding: 4px 12px;
	border-radius: 8px;
	background: #075D5D;
	border: 1px solid #075D5D;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	display: inline-flex;
	align-items: center;
	margin: 0 auto;
	line-height: 150%;
}

.board_list.type_link td .a_item span{
	display: inline-block;
	margin-left: 4px;
	width: 16px;
	height: 16px;
	background-image: url(../images/board/ico_link.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.board_list.type_link td .a_item span.ico_down{
	background-image: url(../images/board/ico_download.svg);
}
.board_list.type_link td .a_item.down{
	border: 1px solid #075D5D;
	background-color: #fff;
	color: #075D5D;

}
.board_list.type_link td.department:has(a.a_item) span:not(.ico_down){
	display: none;
}
.link_table_mgb{
	margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
	.board_list.type_link tbody td{
		padding-left: 106px;
		width: calc(100% - 96px);
		-webkit-line-clamp: 1;
	}
	.board_list.type_link tbody td::before{
		left: 98px;
	}
	.board_list.type_link td.cont{
		order: 1;
	}
	.board_list.type_link td.task{
		order: 2;
	}
	.board_list.type_link td.date{
		order: 3;
	}
	.board_list.type_link td.department{
		order: 4;
	}
	.board_list.type_link td.item_link{
		order: 5;
	}
	.board_list.type_link tbody td.task::after{
		content: '공개일정';
	}
	.board_list.type_link tbody td.date::after{
		content: '공개주기(시기)';
	}
	.board_list.type_link tbody td.department::after{
		content: '담당부서';
	}
	.board_list.type_link tbody td.cont::before,
	.board_list.type_link tbody td.cont::after,
	.board_list.type_link tbody td.item_link::before,
	.board_list.type_link tbody td.item_link::after{
		display: none;
	}
	.board_list.type_link tbody td.cont{
		padding-left: 0;
		width: 100% ;
	}
	.board_list.type_link tbody td.cont p{
		color: #1d1d1d;
		font-size: 17px;
		font-weight: 700;
		-webkit-line-clamp: 1;
	}
	.board_list.type_link tbody tr{
		position: relative;
	}
	.board_list.type_link tbody td.item_link{
		position: absolute;
		right: 0;
		bottom: 16px ;
		display: flex;
		justify-content: flex-end;
	}
	.board_list.type_link td .a_item{
		margin: 0;
	}
	.board_list.type_link td.department:has(a.a_item) span{
		display: block;
	}

	.board_list.type_link td.department:has(a.a_item) a.a_item{
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.board_list.type_link:has(.item_link a.a_item) td.department a.a_item{
		bottom: 35px;
		transform: translateX(calc(100% - 6px));
	}
	.board_list.type_link td.department:has(a.a_item) span:not(.ico_down){
		display: block;
	}

}
@media screen and (max-width: 767px) {
	.link_table_mgb{
		margin-bottom: 24px;
	}
}
/* ** 링크형 게시판 ** */


/* ** 배너형 게시판 ** */
.bannerList ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 48px 24px;
}
.bannerList ul li{
	border:solid 1px #d8d8d8;
	border-radius: 12px;
	overflow: hidden;
	background-color: #F8F8F8;
}
.bannerList ul li .imgBox{
	width: 100%;
	padding-bottom: 23.65%;
	position: relative;
	background-color: #fff;
	overflow: hidden;
}
.bannerList ul li .imgBox .img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bannerList ul li .imgBox img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	object-fit: contain;
	width: 100%;
	height: 100%;
}
/* .bannerList ul li:nth-child(1) .imgBox .img{
	background-image: url(../images/board/banner/img_banner_01.png);
}
.bannerList ul li:nth-child(2) .imgBox .img{
	background-image: url(../images/board/banner/img_banner_02.png);
}
.bannerList ul li:nth-child(3) .imgBox .img{
	background-image: url(../images/board/banner/img_banner_03.png);
}
.bannerList ul li:nth-child(4) .imgBox .img{
	background-image: url(../images/board/banner/img_banner_04.png);
}
.bannerList ul li:nth-child(5) .imgBox .img{
	background-image: url(../images/board/banner/img_banner_05.png);
}
.bannerList ul li:nth-child(6) .imgBox .img{
	background-image: url(../images/board/banner/img_banner_06.png);
}
.bannerList ul li:nth-child(7) .imgBox .img{
	background-image: url(../images/board/banner/img_banner_07.png);
}
.bannerList ul li:nth-child(8) .imgBox .img{
	background-image: url(../images/board/banner/img_banner_08.png);
}
.bannerList ul li:nth-child(9) .imgBox .img{
	background-image: url(../images/board/banner/img_banner_09.png);
}
.bannerList ul li:nth-child(10) .imgBox .img{
	background-image: url(../images/board/banner/img_banner_10.png);
}
.bannerList ul li:nth-child(11) .imgBox .img{
	background-image: url(../images/board/banner/img_banner_11.png);
}
.bannerList ul li:nth-child(12) .imgBox .img{
	background-image: url(../images/board/banner/img_banner_12.png);
} */
.bannerList ul li .link_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #F8F8F8;
	padding: 16px;
	border-top: solid 1px #d8d8d8;
}
.bannerList ul li .link_box .tit{
	color: #1d1d1d;
	font-size: 15px;
	font-weight: 700;
	line-height: 150%;
}
.bannerList ul li .link_box .ico{
	width: 20px;
	height: 20px;
	background-image: url(../images/board/ico_link_black.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bannerList ul li:hover,
.bannerList ul li:hover .link_box{
	background-color: #075D5D;
	transition: all 0.5s ease;
	border-color: #d8d8d8;
}
.bannerList ul li:hover .link_box .tit{
	color: #fff;
	transition: all 0.5s ease;
}
.bannerList ul li:hover .link_box .ico{
	transition: all 0.5s ease;
	background-image: url(../images/board/ico_link.svg);
}
@media screen and (max-width:1024px) {
	.bannerList ul{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width:767px) {
	.bannerList ul{
		grid-template-columns: 1fr;
		gap: 24px;
	}
}

/* ** 배너형 게시판 ** */

/* ** table 게시판 ** */
.board.type_table{
	margin-top: 32px;
}
.board.type_table td p.txt_line{
	word-break: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #1d1d1d;
	font-size: 17px;
}
.board.type_table td p{
	color: #1d1d1d;
}
.board.type_table td p.txt_line.txt_twoline{
	-webkit-line-clamp: 2;
}
.board.type_table td p.txt_line.txt_threeline{
	-webkit-line-clamp: 3;
}
div.search_box.search_table .search_form .search_inr{
	width: 100%;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
}
div.search_box.search_table .search_form .search_inr .div_inr{
	display: flex;
	align-items: center;
	gap: 8px;
}
div.search_box.search_table .search_form .search_inr .div_inr + .div_inr{
	margin-left: 8px;
}
div.search_box.search_table .search_form .search_inr .search_title{
	width: auto;
}
div.search_box.search_table .search_form .search_inr button[type=submit],
div.search_box.search_table .search_form .search_inr button[type=button]{
	background-color:#0B9B9B;
	border-radius: 8px 8px;
	width: 43px;
	height: 43px;
	overflow: hidden;
	padding: 10px;
	display: flex;
}
div.search_box.search_table .search_form .search_inr button[type=button] > span,
div.search_box.search_table .search_form .search_inr button[type=submit] > span{
	display:inline-block;
	text-indent: -9999px;
}
div.search_box.search_table .search_form .search_inr button[type=button] >i,
div.search_box.search_table .search_form .search_inr button[type=submit] >i{
	display:inline-block;
	width: 21px;
	height: 21px;
	background-image: url(../images/board/search_icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
div.search_box.search_table .search_form .search_inr button[type=button] >i::before,
div.search_box.search_table .search_form .search_inr button[type=submit] >i::before {
	display: none;
}
div.search_box.search_table .select{
	width: 217px;
}
.select .selectbox > button:after{
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
}
.select .selectbox > button:has(+ .show):after{
	transform: translateY(-50%) rotate(180deg);
}
div.search_box.search_table .select .selectbox > button,
div.search_box.search_facilityReservation .select .selectbox > button{
	padding: 0 32px 0 12px;
	line-height: 43px;
	font-size: 15px;
}
div.search_box.search_table .select button,
div.search_box.search_facilityReservation .select button{
	text-overflow: ellipsis;
	word-break: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.select .selectbox .option ul > li button,
div.search_box.search_facilityReservation .select .selectbox .option ul > li button{
	text-overflow: ellipsis;
	word-break: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	font-size: 16px;
}
div.search_box.search_table input[name=searchname]{
	width: 144px;
	padding: 12px 16px;
}
div.search_box.search_table input[name=searchwork]{
	width: 210px;
	padding: 12px 16px;
}
@media screen and (max-width: 1024px) {
	div.search_box.search_table .go_list {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	div.search_box.search_table .search_form .search_inr {
		flex-direction: column;
		gap: 8px;
	}
	div.search_box.search_table .search_form .search_inr .div_inr{
		display: flex;
		align-items: center;
		width: 100%;
	}
	div.search_box.search_table .select{
		width: 100%;
	}
	div.search_box.search_table .search_form .search_inr .div_inr + .div_inr{
		margin-left: 0;
	}
	div.search_box.search_table input[name=searchname]{
		width: 40%;
	}
	div.search_box.search_table input[name=searchwork]{
		width: calc(60% - 43px);
	}
}
/* ** table 게시판 ** */


/* ** 우문현답 게시판 ** */
.search_form.period.in_check{
	padding: 16px 52px;
}
div.search_box .search_form.in_check .search_inr,
div.search_box .search_form.in_check .check_list_con{
	width: 100%;
}
.search_form.period.search_check{
	border-bottom: solid 1px #D8D8D8;
	padding-bottom: 8px;
}
div.search_box div.search_form div.check_list_con .check_list:first-child{
	margin-bottom: 8px;
}
div.search_box div.search_form div.check_list_con ul li {
	display: inline-block;
}
.search_form.period .check_list::after {
	display:block; clear:both; content:"";
}
.search_form.period .check_list ul {
	margin-bottom: 0;
	float:left;
	display: inline-block;
	width: calc(100% - 108px);
}
.search_form.period .check_list ul::after {
	display:block;
	clear:both;
	content:"";
}
.search_form.period .check_list_title {
	display: inline-block;
	width: 84px;
	float:left;
	margin-right: 24px;
}
.search_form.period .check_list_title > span {
	display: block ;
	color: #043E3E;
	font-size: 17px;
	font-weight: 700;
	position: relative;
}
.search_form.period .check_list_title > span::before{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #8E8E8E;
	width: 1px;
	height: 10px;
}
.check_list_con .check_list input[type=checkbox] + label {
	display: inline-block;
	height: 31px;
	line-height: 23px;
	position: relative;
	cursor: pointer;
	font-weight: 400;
	font-size: 15px;
	color: #1D1D1D;
	box-sizing: border-box;
	border: 1px solid #C6C6C6;
	padding: 4px 10px;
	padding-left: 32px;
	border-radius: 62px;
	min-width: 100px;
	text-align:center;
	background-color: #fff;
}
/* .check_list_con .check_list input[type=checkbox]:focus + label {
	outline: #097C7C;
	background-color: #097C7C;
	border: 1px solid #097C7C;
	color: #fff;
} */
.check_list_con .check_list input[type=checkbox] + label::before {
	content: "";
	box-sizing: border-box;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	background-image: url(../images/board/ico_check_black.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
/* .check_list_con .check_list input[type=checkbox]:focus + label::before {
	background-image: url(../images/board/ico_check_white.svg);
} */
.check_list_con .check_list input[type=checkbox]:checked + label::before {
	background-image: url(../images/board/ico_check_white.svg);
}

.check_list_con .check_list input[type=checkbox]:checked + label {
	background-color: #097C7C;
	border: 1px solid #097C7C;
	color: #fff;
}
.check_list_con .check_list ul li {
	display: inline-block;
	margin-bottom: 8px;
}

.current_count{
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	gap: 16px;
}
.current_count > .info {
	width: 80%;
	height: 81px;
	padding: 8px 24px;
	border: 1px solid #075D5D;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.current_count > .sg_btn {
	width: 20%;
}
.current_count > .sg_btn a {
	font-size: 19px;
	font-weight:700;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 81px;
	background-color: #075D5D;
	border-radius: 8px;
	border: 1px solid #075D5D;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
}
.current_count > .sg_btn a .ico{
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/board/ico_sg_btn.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.current_count > .sg_btn a:hover,
.current_count > .sg_btn a:focus-visible{
	background-color: #043E3E;
}
.current_count > .sg_btn a:active{
	background-color: #021F1F;
}
.current_count .info > .info_item {
	width: 140px;
	position: relative;
	float:left;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	border-radius: 12px;
	padding: 8px;
}
.current_count .info > .info_item:last-child{
	margin-right: 0;
}
.current_count .info > .info_item:hover,
.current_count .info > .info_item:focus-visible{
	background-color: #EDF8F8;
}
.current_count > .info.cmpltInfo .info_item:hover {
	display:block;
	box-sizing:border-box;
}
.current_count .info > .info_item > span{
	display: inline-block;
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.current_count .info > .info_item > span.ri-write-line {
	background-image: url(../images/board/ico_ri_write_line.svg);
}
.current_count .info > .info_item > span.ri-review-line{
	background-image: url(../images/board/ico_ri_review_line.svg);
}
.current_count .info > .info_item > span.ri-inprogres-line{
	background-image: url(../images/board/ico_ri_inprogres_line.svg);
}
.current_count .info > .info_item > span.ri-completed-line{
	background-image: url(../images/board/ico_ri_completed_line.svg);
}
.current_count .info > .info_item .info_item_text{
	display: flex;
	flex-direction: column;
	margin-left: 8px;
}
.current_count .info > .info_item .info_item_text span{
	color: #1D1D1D;
	font-size: 15px;
	font-weight: 400;
}
.current_count .info > .info_item .info_item_text span:last-child,
.current_count .info > .info_item .info_item_text span b{
	font-size: 17px;
	font-weight: 700;
}
div.search_box div.search_form div.keyword.type_searchlist{
	width: calc(100% - 332px);
}
div.search_box div.search_form div.keyword.type_searchlist  input[type=text]{
	width: 100%;
}
.current_count .info > .info_item.active {
	position: relative;
}
.current_count .info > .info_item.active:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #075d5d;
}
.current_count.noSearch {
	flex-direction: column;
	gap: 0;
}
.current_count.noSearch .eventNmDiv {
	border-radius: 8px 8px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #075d5d;
	color: #fff;
	padding: 16px;
}
.current_count.noSearch .info {
	border-radius: 0 0 8px 8px;
}

.current_count.noSearch .eventNmDiv > span {
	font-size: 24px;
}
.current_count.noSearch .info > .info_item:hover,
.current_count.noSearch .info > .info_item:focus-visible {
	background-color: unset;
	cursor: default;
}

@media screen and (max-width: 1024px) {
	.search_form.period.in_check{
		padding-left: 24px;
		padding-right: 24px;
	}
	.search_form.period.in_check .go_list{
		display: none;
	}
	div.search_box div.search_form.in_check div.keyword{
		width: calc(100% - 201px);
	}
	div.search_box div.search_form.in_check div.keyword input[type=text]{
		width: 100%;
	}
	.current_count > .info{
		height: 137px;
	}
	.current_count .info > .info_item{
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	.current_count .info > .info_item .info_item_text{
		margin-left: 0;
		margin-top: 8px ;
	}
	.current_count > .sg_btn a {
		height: 137px;
	}
}
@media screen and (max-width: 767px) {
	div.search_box.type_check{
		padding: 0;
	}
	div.search_box div.search_form.in_check div.keyword{
		width: calc(100% - 93px);
	}
	.search_form.period.in_check {
        padding-left: 16px;
        padding-right: 16px;
    }
	div.search_box .search_form.in_check .check_list_con{
		min-width: 262px;
		margin: 0 auto;
	}
	.search_form.period .check_list_title{
		width: 30px;
	}
	.search_form.period .check_list_title span::before{
		display: none;
	}
	.search_form.period .check_list ul{
		width: auto;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 4px;
	}
	.check_list_con .check_list ul li{
		margin-bottom: 0;
	}
	div.search_box div.search_form div.check_list_con .check_list{
		display: flex;
		justify-content: center;
	}
	.current_count{
		flex-direction: column;
		gap: 8px;
	}
	.current_count > .info{
		width: 100%;
	}
	.current_count .info > .info_item{
		margin-right: 0;
	}
	.current_count > .sg_btn{
		width: 100%;
	}
	.current_count > .sg_btn a{
		height: 53px;
	}
	.current_count.noSearch {
		gap: 0;
	}
	.current_count.noSearch .eventNmDiv > span {
		font-size: 19px;
	}
}
@media screen and (max-width: 541px){
	.search_form.period .check_list ul{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 430px){
	.current_count > .info{
		display: flex;
		flex-wrap: wrap;
		height: auto;
		/* align-items: center; */
		justify-content: center;
		/* flex-direction: column; */
	}
	.current_count > .info a{
		/* border:solid 1px black; */
		/* padding: 0px; */
	}
	.current_count .info > .info_item{
		width: auto;
	}
}
/* ** 우문현답 게시판 ** */

/* ** 우문현답 게시판  - 상세목록 ** */
.search-list{
	gap: 16px;
}
.search-list.type1 .li{
	border-color: #d8d8d8;
	padding: 0;
}
.search-list.type1 a{
	width: 100%;
}
.search-list.type1 .in{
	padding: 32px;
}
.krds-badge{
	font-size: 17px;
	border-radius: 4px;
}
.krds-badge.inprogress{
	background: #EBF3FF;
	color: #003A88;
}
.krds-badge.underreview{
	background: #FDF2F3;
	color: #D50136;
}
.krds-badge.completed{
	background: #E3F4F4;
	color: #043E3E;
}
.search-list .li .in{
	gap: 16px;
	width: 100%;
}
.search-list .card-body .c-text{
	padding: 0;
}
.search-list .card-body .c-text .c-tit .span{
	color: #1d1d1d;
	font-size: 19px;
	font-weight: 700;
}
.search-list .card-body .c-text .c-tit::after{
	display: none ;
}
.search-list .card-info p{
	display: inline-flex;
	gap: 8px;
	width: 25%;
}
.search-list .card-info p.info-tit {
	width: 100%;
}
.search-list .card-info p.c-tit{
	display: inline-flex;
	gap: 8px;
	width: 100%;
}
.search-list .card-info .inr > p {
	margin-left: 25px;
}
.search-list .card-info p span{
	display: inline-block;
	color: #075d5d;
	font-size: 17px;
	font-weight: 700;
}
.search-list .card-info p span.txt{
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 400;
	max-width: calc(100% - 66px);
}
.search-list .card-info p.info-category span.txt{
	color: #D50136;
}
.search-list .card-info p.info-category span.txt{
	color: #D50136;
}
.search-list .card-info p.info-category span.txt.underreview{
	color: #D50136;
}
.search-list .card-info p.info-category span.txt.inprogress{
	color: #003A88;
}
.search-list .card-info p.info-category span.txt.completed{
	color: #043E3E;
}
.search-list .card-info .inr{
	display: flex;
	/* gap: 25px; */
	margin-top: 4px;
	justify-content: space-between;
	max-width: 100%;
	width: calc(100% + 50px);
	margin: 0 -25px;
}
.search-list .card-info p + p{
	position: relative;
}
.search-list .card-info p + p::before{
	content: '';
	position: absolute;
	left: -12px;
	top: 5px;
	/* transform: translateY(-50%); */
	width: 1px;
	height: 16px;
	background-color: #D8D8D8;
}
.search-list .card-body .c-text:hover {
	text-decoration: none;
}
.search-list.type1 a:hover,
.search-list.type1 a:focus-visible{
	background-color: #F8F8F8;
}
.search-list.type1 a:hover .c-text,
.search-list.type1 a:focus-visible .c-text {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.search-list.type1 a:hover .c-text .c-tit .span,
.search-list.type1 a:focus-visible .c-text .c-tit .span {
	color: #043E3E;
}
.search-list .card-info .info-tit:not(:has(span.txt)){
	display: none ;
}
.search-list.type1 .li.nodata{
	padding: 60px 16px;
	display: flex;
	justify-content: center;
	text-align: center;
}
.search-list.type1 .li.nodata span{
	padding-left: 20px;
	background-image: url(../images/board/ico_nodata.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px;
}
.search-list + .btn_box {
	margin-top: 16px;
}
.search-list + .btn_box .go_list {
	display: inline-flex;
	height: 43px;
	padding: 0px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 8px;
	border: 1px solid #097C7C;
	background: #FFF;
	color: #097C7C;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%; /* 22.5px */

}
.search-list + .btn_box .go_list:hover,
.search-list + .btn_box .go_list:focus {
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	.search-list .card-info .inr{
		flex-direction: column;
		gap: 4px;
		margin: auto;
		width: 100%;
	}
	.search-list .card-info p {
		margin-left: 0;
		width: 100%;
	}
	.search-list .card-info p + p::before{
		display: none;
	}
	.search-list .card-info .inr > p {
		margin-left: 0;
	}
	.search-list .card-info p span.txt {
		max-width: initial;
	}
	.search-list.type1 .in{
		padding: 16px;
	}
	.search-list .card-body .c-text .c-tit .span {
		font-size: 17px;
		-webkit-line-clamp: 2;
	}
}

/* ** 우문현답 게시판  - 상세목록 ** */

/* ** 우문현답 게시판  - 댓글 ** */
.comment_area {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #D8D8D8;
}
.comment_area .input_text {}
.comment_area .input_text p {
	margin-bottom: 16px;
}
.comment_area .input_text span {
	color: #1D1D1D;
	font-size: 19px;
	font-weight: 700;
}
.comment_area .input_text .comment_sum:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 24px;
	background-image: url(../images/board/ico_comment.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
}
.comment_area .input_text .num_count {float: right; padding-right:4px;}
.comment_area .input_text .input_box {}
.comment_area .input_text .input_box textarea {
	/* float:left;
	width: calc(100% - 146px);
	box-sizing:border-box;
	height:100px;
	outline: none;
	padding: 16px;
	resize:none;
	overflow: visible;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	border:solid 1px #717171; */
}
.comment_area .input_text .input_box .user_comment:has(textarea){
	float:left;
	width: calc(100% - 146px);
	box-sizing:border-box;
	height:100px;
	outline: none;
	padding: 16px 8px 16px 16px;
	resize:none;
	overflow: visible;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	border:solid 1px #717171;
}
.comment_area .input_text .input_box .btn_add {
	float:left;
	width:146px;
	height:100px;
	background-color:#075D5D;
	color:#fff;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	border: 1px solid #075D5D;
	box-sizing: border-box;
}
.comment_area .input_text .input_box .btn_add .ico{
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/board/ico_write.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	vertical-align: middle;
}
.comment_area .input_text .input_box .btn_add:hover,
.comment_area .input_text .input_box .btn_add:focus-visible{
	background-color: #043E3E;
}
.comment_area .input_text .input_box .btn_add:active{
	background-color: #021F1F;
}
.comment_area .comment_notice{
	display: flex;
	justify-content: space-between;
	padding-top: 4px;
	width: 100%;
}
.comment_area .comment_notice .notice{
	color: #1d1d1d;
	font-size: 15px;
	font-weight: 400;
}
.comment_area .comment_notice .num_count{
	font-size: 15px;
	font-weight: 400;
	color: #1d1d1d;
}
.comment_area .comment_notice .num_count i{
	color: #075D5D;
}
.comment_area .option {
	display: flex;
	margin-top: 32px;
}
.comment_area .comment_list .comment_box {
	margin-top: 8px;
	padding:16px;
	display:block;
	background-color: #F8F8F8;
	border-radius: 12px;
	position:relative;
}
.comment_area .comment_list .comment_box .comment_info{
	display: flex;
	justify-content: flex-start;
	align-items: center ;
}
.comment_area .comment_list .comment_box .comment_info .btn_inr a{
	height: 24px;
	padding: 0px 10px;
	border-radius: 4px;
}
.comment_area .comment_list .comment_box .comment_info .btn_inr a > span{
	line-height: 24px;
}
.comment_area .comment_list .comment_box .comment_info .btn_edit{
	background-color: #555;
}
.comment_area .comment_list .comment_box .comment_info .btn_edit > span{
	color: #fff;
}
.comment_area .comment_list .comment_box .comment_info .btn_delete,
.comment_area .comment_list .comment_box .comment_info .btn_edit_complete{
	border: 1px solid #555;
	background: #fff;
}
.comment_area .comment_list .comment_box .comment_info .btn_delete > span,
.comment_area .comment_list .comment_box .comment_info .btn_edit_complete > span{
	color: #1d1d1d;
}
.comment_area .comment_list .user_name{
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 700;
}
.comment_area .comment_list .user_name:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 26px;
	background-image: url(../images/board/ico_user.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
}
.comment_area .comment_list .date {
	vertical-align: middle;
	color: #1d1d1d;
	font-size: 15px;
	font-weight: 400;
	padding-left: 4px;
}
.comment_area .comment_list .user_comment {
	margin-top: 8px;
}
.comment_area .comment_list .user_comment p{
	color: #1d1d1d;
	font-size: 15px;
	font-weight: 400;
}
.comment_area .comment_list .comment_box.no{
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.comment_area .comment_list .comment_box.no span{
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 400;
	padding-left: 24px;
	background-image: url(../images/board/ico_nodata.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px;
}
.comment_area .comment_list .user_comment:has(textarea){
	padding: 16px 8px 16px 16px;
	border-radius: 8px;
	border: solid 1px #717171;
	background-color: #fff;
}
.comment_area .comment_list .user_comment textarea,
.comment_area .input_text .input_box .user_comment textarea{
    width: 100%;
    height: 69px;
    box-sizing: border-box;
    outline: none;
    resize: none;
    overflow: visible;
	padding-right: 8px;
	border:none;
}
.comment_area .comment_list .user_comment:has(textarea:focus),
.comment_area .input_text .input_box .user_comment:has(textarea:focus){
	border: 2px solid #075D5D;
}
.comment_area .comment_list .user_comment textarea:focus::placeholder,
.comment_area .input_text .input_box .user_comment textarea:focus::placeholder{
	color: #1D1D1D;
}
.comment_area .comment_list .user_comment textarea::-webkit-scrollbar,
.comment_area .input_text .input_box .user_comment textarea::-webkit-scrollbar{
    width: 1px;
}
.comment_area .comment_list .user_comment textarea::-webkit-scrollbar-thumb,
.comment_area .input_text .input_box .user_comment textarea::-webkit-scrollbar-thumb {
    background-color: #000;
}
.comment_area .comment_list .user_comment textarea::-webkit-scrollbar-track,
.comment_area .input_text .input_box .user_comment textarea::-webkit-scrollbar-track {
    background-color: #fff;
}
.comment_box .comment_btn {
	position: absolute;
	top: 16px;
	right: 16px;
	display: flex;
	gap: 4px;
}
.comment_box .comment_btn .fix_btn {
	display: flex;
	height: 24px;
	padding: 0px 10px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 4px;
	background: #555;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%; /* 22.5px */
}
.comment_box .comment_btn .del_btn {
	display: flex;
	height: 24px;
	padding: 0px 10px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 4px;
	border: 1px solid #555;
	background: #FFF;
	color: #555;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%; /* 22.5px */
}
.comment_box .input_box[id*=editTextArea] {
	display: flex;
	margin-top: 8px;
}
.comment_box .input_box[id*=editTextArea] textarea {
	display: flex;
	width: 100%;
	padding: 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 8px;
	border: 1px solid #717171;
	background:#FFF;
}
.comment_box .input_box[id*=editTextArea] .btn_add {
	position: absolute;
	top: 16px;
	right: 16px;
	display: flex;
	height: 24px;
	padding: 0px 10px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 4px;
	border: 1px solid #555;
	background: #FFF;
	color: #555;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%; /* 22.5px */
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 767px) {
	.comment_area .input_text .input_box .user_comment:has(textarea){
		width: 100%;
		border-radius: 12px 12px 0px 0px;
	}
	.comment_area .input_text .input_box .btn_add{
		border-radius: 0px 0px 12px 12px;
		width: 100%;
		padding: 16px;
		height: auto;
	}
	.comment_area .comment_notice{
		flex-direction: column;
		gap: 4px;
	}
}



/* 문자인증 */

/* 우문현답 문자인증 */
body:has(#manager_form){
	padding: 32px;
}
body:has(#header .gnb){
	padding: 0;
}
#manager_form .form_wrap.sglist {
}
#manager_form .form_wrap.sglist .section,
.facility_reservation.step3 .section {
	border:solid 1px #C6C6C6;
	background-color: #fff;
	border-radius: 16px;
	padding: 24px;
}
#manager_form .form_wrap.sglist .title_txt,
.facility_reservation.step3 .section .title_txt{
	color: #1D1D1D;
	font-size: 25px;
	font-weight: 700;
	padding-left: 36px;
	position: relative;
}
#manager_form .form_wrap.sglist .title_txt::before,
.facility_reservation.step3 .section .title_txt::before{
	content: '';
	position: absolute;
	left: 4px ;
	top: 4px;
	width: 24px;
	height: 24px;
	background-image: url(../images/component/board/ico_formwrap.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#manager_form .form_wrap.sglist .section .con .row,
.facility_reservation.step3 .section .con .row {
	margin-top: 24px;
	border-radius: 12px;
	border: 1px solid #D8D8D8;
	background: #F8F8F8;
	padding: 16px;
}
#manager_form .form_wrap.sglist .section .con .row li+li,
.facility_reservation.step3 .section .con .row li+li {
	margin-top: 8px;
}
#manager_form .form_wrap.sglist .section .con .row li .title,
.facility_reservation.step3 .section .con .row li .title {
	display:inline-block;
	width: 115px;
	word-break: keep-all;
	color: #717171;
	font-size: 17px;
	font-weight: 400;
	align-content: center;
}
#manager_form .form_wrap.sglist .section .con .row li .text,
.facility_reservation.step3 .section .con .row li .text {
	display:inline-block;
	width: calc(100% - 115px);
	vertical-align: middle;
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 400;
	padding-left: 8px;
}
#manager_form .form_wrap.sglist .section .con .row li .priv_blue_under,
.facility_reservation.step3 .section .con .row li .priv_blue_under{
	color: #075D5D;
	font-size: 24px;
	font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 6px;
}
#manager_form .form_wrap.sglist .section .con .agree_wrap,
.facility_reservation.step3 .section .con .agree_wrap{
	margin-top: 24px;
}
#manager_form .form_wrap.sglist .section .con .agree_wrap p,
.facility_reservation.step3 .section .con .agree_wrap p{
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 400;
}
#manager_form .form_wrap.sglist .section .con .agree_wrap div,
.facility_reservation.step3 .section .con .agree_wrap > div{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 16px;
	border-radius: 12px;
	background: #EDF8F8;
	margin-top: 16px;
}
#manager_form .form_wrap.sglist .section .con .agree_wrap div strong,
.facility_reservation.step3 .section .con .agree_wrap > div strong{
	font-size: 19px;
}
#manager_form .form_wrap.sglist .section .con .agree_wrap ul,
.facility_reservation.step3 .section .con .agree_wrap ul{
	display: flex;
	gap: 16px;
}
#manager_form .form_wrap.sglist .section .con .agree_wrap ul li,
.facility_reservation.step3 .section .con .agree_wrap ul li{
	display: flex;
	align-items: center;
	gap: 8px;
}
/* 라디오 */
ul li label{
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 400;
	display: flex;
	align-items: center;
	gap: 8px;
}
input[type=radio]{
	display: none;
}
.radio_box{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #717171;
	background-color: #fff;
	position: relative;
}
input[type=radio]:checked + .radio_box{
	border-color: #075D5D;
}
input[type=radio]:checked + .radio_box::before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #075D5D;
}
/* 라디오 */

#manager_form .form_wrap.sglist .type_manager.sglist{
	padding: 24px;
	border-radius: 16px;
	border: 1px solid #C6C6C6;
	background:#FFF;
	margin-top: 40px;
	overflow: hidden;
}
#manager_form .form_wrap.sglist .type_manager.sglist  .title_txt{
	margin-bottom: 24px;
}
#manager_form .form_wrap.sglist .type_manager.sglist .box {
	float: left;
	width: calc(50% - 12px);
}
#manager_form .form_wrap.sglist .type_manager.sglist .box:nth-child(2){
	margin-right: 24px;
}
#manager_form .form_wrap.sglist .type_manager.sglist .label_box {
	margin-bottom: 12px;
}
#manager_form .form_wrap.sglist .type_manager.sglist .label_box label{
	font-weight: 400;
	font-size: 17px;
}
#manager_form .form_wrap.sglist .type_manager.sglist .input_box input[type="text"],
.facility_reservation.step3 .input_box input[type="text"]{
	outline: 0;
	padding: 0 16px;
	border-radius: 8px;
	border: 1px solid #717171;
	width: 100%;
	height: 56px;
}
#manager_form .form_wrap.sglist .type_manager.sglist .input_box input[type="text"]::placeholder,
.facility_reservation.step3 .input_box input[type="text"]::placeholder{
	color: #8E8E8E;
	font-size: 19px;
	font-weight: 400;
}
#manager_form .form_wrap.sglist .type_manager.sglist .phone_box{
	display: flex;
	gap: 4px;
	align-items: center;
}
#manager_form .form_wrap.sglist .type_manager.sglist .phone_box > *{
	width: 33%;
	height: 56px;
	border-radius: 8px;
	border:1px solid #717171;
	padding: 0 16px;
}
#manager_form .form_wrap.sglist .type_manager.sglist .ex {
	margin-top: 12px;
	display: inline-block;
	color: #1d1d1d;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%;
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box{
	width: 100%;
	margin-top: 8px;
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .image {
	display: block;
	margin-bottom:0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .image .inr{
	display: flex;
	align-items: center;
	gap: 4px;
	width: calc(50% - 12px);
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .image .inr:first-child{
	margin-right: 24px;
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .image .catpcha_img,
.facility_reservation.step3 .catpcha .catpcha_img{
	display: inline-block;
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .image .catpcha_img img,
.facility_reservation.step3 .catpcha .catpcha_img img {
	width:100%;
	height: 56px;
	max-width: 154px;
	border:solid 1px #1D1D1D;
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .image .catpcha_sound,
.facility_reservation.step3 .catpcha .catpcha_sound {
	vertical-align: bottom;
	margin-left: 0;
	width: 56px;
	height: 56px;
	border-radius: 8px;
	border: 1px solid #075D5D;
	background: #fff;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../images/component/board/ico_sound.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 48px 48px;
}
.catpcha_sound:focus-visible,
.catpcha #refresh:focus-visible,
#manager_form #refresh:focus-visible{
	outline: 2px solid #075D5D;
	outline-offset: 0px;
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .image #refresh,
.facility_reservation.step3 .catpcha #refresh {
	height: 56px;
	line-height: 1;
	text-align: center;
	padding: 0 16px;
	border-radius: 8px;
	border: 1px solid #075D5D;
	background: #fff;
	display: inline-block;
	line-height: 56px;
	color: #075D5D;
	font-size: 19px;
	font-weight: 400;
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .image #refresh:after,
.facility_reservation.step3 .catpcha #refresh:after{
	display:none;
}
#manager_form .form_wrap.sglist .type_manager.sglist .input_box input[type="text"].form_catpchad{
	width: 100%;
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .an_box {float:left;}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .smscode {
	display: block;
	text-align: center;
	margin-top: 24px;
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .smscode .send_Number{
	width: 200px;
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: #075D5D;
	margin: auto;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .smscode .send_Number:hover,
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .smscode .send_Number:focus-visible{
	background-color: #043E3E;
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .smscode .send_Number:active{
	background-color: #021F1F;
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .checkAuth {
	padding: 16px;
	border-radius: 12px;
	border: 1px solid #D8D8D8;
	background: #F8F8F8;
	margin-top: 40px;
	text-align: center;
}
#manager_form .form_wrap.sglist .type_manager.sglist .checkAuth .label_box {
	margin-bottom: 16px;
}
#manager_form .form_wrap.sglist .type_manager.sglist .checkAuth .label_box label{
	color: #1D1D1D;
	font-size: 19px;
	font-weight: 700;
}
#manager_form .form_wrap.sglist .type_manager.sglist .checkAuth .smscodeinput{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
#manager_form .form_wrap.sglist .type_manager.sglist .checkAuth .smscodeinput input[type="text"]{
	width: 200px;
	height: 56px;
	padding: 0px 16px;
	border-radius: 8px;
	border: 1px solid #717171;
	background: #fff;
}
#manager_form .form_wrap.sglist .type_manager.sglist .checkAuth .smscodeinput .btn-inr{
	display: inline-flex;
}
#manager_form div.form_wrap a.btn_STYLE {
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	width:82px;
	height: 56px;
	line-height: 56px;
	background-color:#075D5D;
	border-radius: 8px;
	color: #fff;
	font-size: 19px;
	font-weight: 400;
}
#manager_form div.form_wrap a.btn_S_RE {
	border: 1px solid #075D5D;
	background: #fff;
	color: #075D5D;
	margin-left: 8px;
}
#manager_form .form_wrap.sglist .type_manager.sglist .checkAuth .smscodeinput .btn:hover{
	background-color: transparent;
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .checkAuth .ex {
	margin-top:16px;
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 400;
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .checkAuth .ex .blue {
	color: #06F;
}
#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .checkAuth .ex .red {
	color: #E4022D ;
}
#manager_form .form_wrap.sglist .type_manager.sglist .input_box input[type="text"]:focus{
	outline: 2px solid #075D5D !important;
}
#manager_form .form_wrap.sglist .type_manager.sglist .select .selectbox > button{
	border:none;
}
@media screen and (max-width: 767px) {
	body:has(#manager_form) {
		padding: 16px;
	}
	#manager_form .form_wrap.sglist .section .con .agree_wrap div{
		flex-direction: column;
		gap: 10px;
		align-items: flex-start;
	}
	#manager_form .form_wrap.sglist .type_manager.sglist .box{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	#manager_form .form_wrap.sglist .type_manager.sglist .box + .box{
		margin-top: 24px;
	}
	#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .image{
		flex-direction: column;
		gap: 8px;
	}
	#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .image .inr{
		width: 100%;
	}
	#manager_form .form_wrap.sglist .type_manager.sglist .catpcha_box .image .inr:first-child{
		margin-right: 0;
	}
	#manager_form .form_wrap.sglist .type_manager.sglist .checkAuth .smscodeinput{
		flex-direction: column;
	}
}
/* ** 우문현답 게시판  - 댓글 ** */


/* ** 통합예약 게시판 ** */
.search_box.search_facilityReservation{
	margin-top: 16px;
}
div.search_box.search_facilityReservation .select{
	width: 280px;
}
div.search_box.search_facilityReservation .search_form .search_inr .div_inr{
	display: flex;
    align-items: center;
}
div.search_box.search_facilityReservation .search_form .search_inr .div_inr + .div_inr{
	margin-left: 8px;
	gap: 8px;
}
div.search_box.search_facilityReservation .search_form .search_inr .div_inr + .div_inr .select{
	width: 145px;
}
div.search_box.search_facilityReservation .search_form .search_inr .div_inr > button {
	background-color:#0B9B9B;
	border-radius: 8px 8px;
	width: 43px;
	height: 43px;
	overflow: hidden;
	padding: 10px;
	display: flex;
}
div.search_box.search_facilityReservation .search_form .search_inr .div_inr > button.btnLink {
	color: #fff;
	padding: 10px 7px;
}
div.search_box.search_facilityReservation .search_form .search_inr .div_inr >  button > span{
	display:inline-block;
	text-indent: -9999px;
}
div.search_box.search_facilityReservation .search_form .search_inr .div_inr >  button >i{
	display:inline-block;
	width: 21px;
	height: 21px;
	background-image: url(../images/board/search_icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.facility_reservation.step3 input[type="text"]{
	height: 50px !important ;
	border: 1px solid #C6C6C6 !important;
}
.facility_reservation.step3 input[type="text"]:focus-visible{
	outline: 2px solid #075D5D	;
}
.facility_reservation.step3 .input_wrap .input_inr input{
    width: 33%;
}
.facility_reservation.step3 .catpcha input[type="text"]{
    width: 244px;
}
.facility_reservation.step3 .input_wrap .input_inr input[name="participantCount"]{
    width: 100px;
}
/* 조회 */
div.facility_reservation.stepView div.search_box div.search_form div.keyword input[type=text]{
	padding: 12px;
    border: 1px solid #D8D8D8;
    border-radius: 8px;
    width: 223px;
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 767px) {
	div.search_box.search_facilityReservation .search_form {
		width: 100%;
	}
	div.search_box.search_facilityReservation .search_form .search_inr.type_one{
		width: 100%;
		/* flex-direction: column; */
		gap: 8px;
	}
	div.search_box.search_facilityReservation .search_form .search_inr .search_title{
		display: block;
		margin-right: 0;
	}
	div.search_box.search_facilityReservation .search_form .search_inr .search_title::before{
		display: none;
	}
	div.search_box.search_facilityReservation .search_form .search_inr .div_inr{
		max-width: calc(100% - 51px);
	}
	/* div.search_box.search_facilityReservation .search_form .search_inr .div_inr:first-child{
		flex-direction: column;
		align-items: center;
		gap: 16px;
	} */
	/* div.search_box.search_facilityReservation .select{
		width: 100%;
	} */
	div.search_box.search_facilityReservation .search_form .search_inr .div_inr + .div_inr{
		margin-left: 0;
	}
	div.search_box.search_facilityReservation .search_form .search_inr .div_inr + .div_inr .select{
		width: calc(100% - 43px);
	}
}
/* ** 통합예약 게시판 ** */

/* ** 중기부 소식지 게시판 ** */
.search_box.newsletter{
	margin-top: 40px;
}
.search_box.newsletter .div_inr{
	display: flex;
	align-items: center;
	gap: 8px;
}
.search_box.newsletter .select{
	width: 99px;
}
@media screen and (max-width: 1027px) {

}
@media screen and (max-width: 768px) {
/* ** 중기부 소식지 게시판 ** */
.search_box.newsletter{
	margin-top: 24px;
}
div.search_box.newsletter .search_form .search_inr.type_one{
	flex-direction: column;
	gap: 16px;
}
div.search_box.newsletter .search_form .search_inr.type_one .search_title{
	display: block;
	margin-right: 0;
}
div.search_box.newsletter .search_form .search_inr.type_one .search_title::before{
	display: none;
}
.search_box.newsletter .div_inr{
	display: flex;
	align-items: center;
	gap: 8px;
}
.search_box.newsletter .div_inr{
	width: 100%;
	justify-content: center;
	flex-wrap: wrap;
}
.search_box.newsletter .select[data-group = "yearGroup"]{
	width: 30%;
	min-width: 99px;
}
.search_box.newsletter .select:not([data-group = "yearGroup"]){
	width: 20%;
	min-width: 80px;
}
}

/* checkBox */
.check_wrap label{
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 400;
	font-size: 17px;
}
.check_wrap input[type="checkbox"]{
	display: none;
}
.check_wrap .check_box{
	width: 20px;
	height: 20px;
	border-radius: 4px;
	border: 1px solid #C6C6C6;
	background: #FFF;
	display: flex;
}
.check_wrap input[type="checkbox"]:checked + .check_box {
	border:none;
	background-color: #075D5D;
	background-image: url(../images/board/ico_check.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px 12px;
}


/* ** button ** */
.datepicker-wrap .btn{
	font-size: 15px;
}
.btn.primary {
background-color: #075D5D;
border: 1px solid #075D5D;
color: #fff;
}
.btn.primary:hover {
background-color: #043E3E;
border-color: #043E3E;
}
.btn.primary:active {
background-color: #021F1F;
border-color: #021F1F;
}
.btn.primary[disabled] {
background-color: #D8D8D8;
border-color: #D8D8D8;
color: #717171;
}
.btn.tertiary {
background-color: #fff;
border: 1px solid #075D5D;
color: #000B17;
}
.btn.tertiary:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.btn.tertiary:active {
background-color: #CEEBEB;
}
.btn.tertiary:focus {
outline-offset: -0.4rem;
outline: 2px solid #CEEBEB;
}
.btn.tertiary[disabled] {
background-color: #D8D8D8;
border-color: #C6C6C6;
color: #717171;
}
.btn_inr {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
}
.btn_inr button,
.btn_inr a{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	height: 32px;
	padding: 0px 12px;
	border:solid 1px #D8D8D8;
	border-radius: 8px;
}
.btn_inr button > span,
.btn_inr a > span{
	font-size: 15px;
	font-weight: 400;
	line-height: 32px;
}
.btn_inr a.check{
	background-color: #075D5D;
	border-color: #075D5D;
	padding: 0px 12px 0px 8px;
}
.btn_inr a.check > span{
	color: #fff;
}
.btn_inr button.green{
	background-color: #075D5D;
	border-color: #075D5D;
	padding: 0px 8px 0px 8px;
}
.btn_inr button.green > span{
	color: #fff;
}
.btn_inr a > span.ico_check{
	width: 12px;
	height: 12px;
	background-image: url(../images/board/ico_check.svg );
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-right: 4px;
	display: none;
}
.btn_inr button:hover,
.btn_inr button:focus-visible,
.btn_inr button:active,
.btn_inr a:hover,
.btn_inr a:focus-visible,
.btn_inr a:active{
	background-color: #F8F8F8;
	cursor: pointer;
}
.btn_inr button.green:hover,
.btn_inr button.green:focus-visible,
.btn_inr button.check:hover,
.btn_inr button.check:focus-visible,
.btn_inr a.check:hover,
.btn_inr a.check:focus-visible{
	background-color: #043E3E;
}
.btn_inr button.green:active,
.btn_inr button.check:active{
	background-color: #021F1F;
}
.btn_inr button.check span.ico_check,
.btn_inr a.check span.ico_check{
	display: inline-block;
}
.btn_group{
	margin-top: 40px;
}
.btn_group .btn_group_inr{
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn_group .btn_group_inr.gap{
	gap: 8px;
}
.btn_group .btn_group_inr a.green{
	display: flex;
	padding: 6px 16px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: #075D5D;
}
.btn_group .btn_group_inr a.green span{
	color: #fff;
	font-size: 17px;
}
.btn_group .btn_group_inr a.green.lg{
	padding: 16px 24px 16px 20px;
}
.btn_group .btn_group_inr a.green.lg span{
	font-size: 19px;
	font-weight: 700;
}
.btn_group .btn_group_inr a.green:hover,
.btn_group .btn_group_inr a.green:focus-visible{
	background-color: #043E3E;
}
.btn_group .btn_group_inr a.green:active{
	background-color: #021F1F;
}
.btn-reservation{
	padding: 16px 24px 16px 20px;
}
.btn_group .btn_group_inr a.green.reservation span{
	font-size: 19px;
	font-weight: 700;
}
.btn_group .btn_group_inr a.btn-reservation span.ico{
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	background-image: url(../images/board/ico_reservation.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.btn_group_inr.justify-sb{
	justify-content: space-between;
}
.btn_group .step a{
	border: none;
	height: 61px;
	line-height: 61px;
	width: 186px;
}
.btn_group .step a span.ico{
	display: inline-block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.btn_group .step a span {
	font-size: 19px;
	line-height: 100%;
}
.btn-prev-step{
	background: #097C7C;
}
.btn-next-step{
	background: #043E3E;
}
.btn-prev-step span.ico{
	background-image: url(../images/sub/sub99/ico_prev.svg);
}
.btn-next-step span.ico{
	background-image: url(../images/sub/sub99/ico_next.svg);
}
.btn-prev-step:hover,
.btn-prev-step:focus-visible{
	background-color: #097C7C;
	color: #fff;
}
.btn-next-step:hover,
.btn-next-step:focus-visible{
	background-color: #043E3E;
	color: #fff;
}
.btn_group .step a:active{
	background-color: #021F1F;
}
.btn_group .step a:focus span,
.btn_group .step a:active span{
	color: #fff;
}
.btns_reservation button{
	display: flex;
	padding: 0px 12px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
}
.btns_reservation .btn-ico[class*=ico-]{
	width: 50px;
	height: 32px;
}
.btns_reservation button span{
	font-size: 15px;
}
.btns_reservation .btn-ico-plus{
	background: #E4F2FF;
}
.btns_reservation .btn-ico-plus span{
	color: #0057D9;
}
.btns_reservation .btn-ico-minus{
	background: #FEE;
}
.btns_reservation .btn-ico-minus span{
	color: #E4022D;
}
.btns_reservation .btn-ico-plus:focus{
	outline: 1px solid #0057D9;
	outline-offset: 0;
}
.btns_reservation .btn-ico-minus:focus{
	outline: 1px solid #E4022D;
	outline-offset: 0;
}
.btn_check{
	background-color: #075D5D;
	display: flex;
	height: 50px;
	padding: 0px 16px;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-radius: 8px;
}
.btn_check:hover,
.btn_check:focus-visible{
	background-color: #043E3E;
}
.btn_check:active{
	background-color: #021F1F;
}
.btn-back .ico,
.btn-cancel .ico{
	width: 24px;
	height: 24px;
	display: inline-block;
	margin-right: 4px;
}
.btn_group .btn_group_inr a.green.btn-back{
	background-color: #097C7C;
}
.btn_group .btn_group_inr a.green.btn-back:hover,
.btn_group .btn_group_inr a.green.btn-back:focus-visible{
	background-color: #075D5D;
}
.btn_group .btn_group_inr a.green.btn-back:active{
	background-color: #043E3E;
}
.btn-back .ico{
	background-image: url(../images/board/ico_back.svg);
}
.btn-cancel .ico{
	background-image: url(../images/board/ico_cancel.svg);
}
@media screen and (max-width: 767px) {
	.btn_group .step a{
		width: auto;
	}
}
/* ** button ** */

/* ** 캘린더 게시판 ** */
/* ** 캘린더 게시판 ** */


/* ** 캘린더 상세내용 ** */
.fc .fc-toolbar-title{
	color: #1D1D1D;
	font-size: 25px;
	font-weight: 700;
}
.fc .fc-button-primary{
	background-color: transparent;
	border: none;
}
.fc .fc-button-primary:hover,
.fc .fc-button-primary:active,
.fc .fc-button-primary:focus{
	background-color: #fff;
}
.calView .fc .fc-button:hover,
.calView .fc .fc-button:focus-visible {
	background-color: #fff;
}
.calView .fc .fc-button .fc-icon {
	background-repeat: no-repeat;
	background-position: center;
}
.calView .fc .fc-button {
	background-color: #fff;
	border: 0;
	outline: none;
}
.calView .fc .fc-button .fc-icon-chevron-left {
	background-image: url(../images/board/ico_arrow_left.svg);
}
.calView .fc .fc-button:hover .fc-icon-chevron-left,
.calView .fc .fc-button:focus-visible .fc-icon-chevron-left {
	background-image: url(../images/board/ico_arrow_left.svg);
}
.calView .fc .fc-button .fc-icon-chevron-right {
	background-image: url(../images/board/ico_arrow_right.svg);
}
.calView .fc .fc-button:hover .fc-icon-chevron-right,
.calView .fc .fc-button:focus-visible .fc-icon-chevron-right {
	background-image: url(../images/board/ico_arrow_right.svg);
}
.calView .fc .fc-button .fc-icon::before {
	display: none;
}
.calDetailView .txt{
	color: #1d1d1d;
	font-size: 17px;
	font-weight: 400;
	text-align: right;
}
.cal_detailList{
	margin-top: 16px;
	width: 100%;
	height: 450px;
	position: relative;
}
.cal_detailList.guide{
	margin-bottom: 41px;
}
.cal_detailList .titBox{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 12px 12px 0px 0px;
	background: #075D5D;
	height: 42px;
}
.cal_detailList .titBox .tit_date{
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	position: relative;
}
.cal_detailList .titBox .tit_date::before{
	content: '';
	position: absolute;
	left: -8px;
	top: 50%;
	transform: translateY(-50%) translateX(-100%);
	width: 19px;
	height: 19px;
	background-image: url(../images/component/board/ico_arrow_cal.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.cal_detailList .cal_detailList_inr{
	border:solid 1px #D8D8D8;
	height: calc(100% - 42px);
	border-radius: 0px 0px 12px 12px;
}
.cal_detailList .detailList,
.cal_detailList .detailList_reservation{
	width: calc(100% - 12px);
	height: calc(100% - 24px);
	transform: translateY(12px);
	padding: 0px 12px 0px 24px;
	overflow-y: auto;
}
.cal_detailList .detailList::-webkit-scrollbar,
.cal_detailList .detailList_reservation::-webkit-scrollbar {
    width: 2px;
}
.cal_detailList .detailList::-webkit-scrollbar-thumb,
.cal_detailList .detailList_reservation::-webkit-scrollbar-thumb {
    background-color: #1C1C1C;
}
.cal_detailList .detailList::-webkit-scrollbar-track,
.cal_detailList .detailList_reservation::-webkit-scrollbar-track {
    background-color: #D4D4D4;
}
.cal_detailList .detailList li{
	padding: 16px 0px;
	border-bottom: 1px solid #D8D8D8;
	display: flex;
	align-items: center;
}
.cal_detailList .detailList li:first-child{
	padding-top: 4px;
}
.cal_detailList .detailList li .cal_time{
	display: inline-block;
	width: 54px;
	color: #1d1d1d;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -0.5px;
	margin-right: 33px;
	position: relative;
}
.cal_detailList .detailList li .cal_time::before{
	content: '';
	position: absolute;
	right: -16px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background-color: #D8D8D8;
}
.cal_detailList .detailList li .cal_cont{
	display: inline-block;
	width: calc(100% - 87px);
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.cal_detailList .detailList .noEvent,
.table_calReservation tbody .noEvent p,
.cal_detailList .detailList_reservation .noEvent{
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 400;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-left: 24px;
	background-image: url(../images/board/ico_no_event.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px;
}
.cal_detailList .detailList_reservation .noEvent{
	width: 100%;
	text-align: center;
	background-image: none;
}
.cal_detailList .detailList_reservation .noEvent .ico{
	background-image: url(../images/board/ico_no_event.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right: 4px;
	transform: translateY(1px);
}
.cal_detailList .detailList_reservation:has(li) .noEvent{
	display: none;
}
.fc .fc-scrollgrid{
	width: 100%;
	height: 337px;
	border:solid 1px #D8D8D8;
	border-radius: 12px;
	overflow: hidden;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{
	min-height: 0;
}
/* ** 캘린더 상세내용 ** */
.calendar_wrap{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 24px;
	padding-bottom: 40px;
}
.calendar_wrap.facility_reservation{
	border-bottom:solid 1px #D8D8D8;
}
.calendar_wrap > div{
	flex: 1;
}
/* calendar : headerToolbar */
.fc-direction-ltr .fc-button-group{
	display: flex;
	align-items: center;
	gap: 8px;
}
.fc-direction-ltr .fc-button-group > .fc-button{
	border-radius: 0px !important;
}
.fc-direction-ltr .fc-button-group > .fc-button.fc-prev-button,
.fc-direction-ltr .fc-button-group > .fc-button.fc-next-button{
	padding: 0px;
}
.fc .fc-button-primary.fc-customSpacer-button,
.fc .fc-button-primary.fc-newButton-button{
	width: 118px;
	height: 40px;
	background-color: #fff;
	padding: 0;
	position: relative;
	border: none;
}
.fc-customSpacer-button .select,
.fc-newButton-button .select{
	width: 100%;
	height: 100%;
	padding: 8px 8px 8px 16px;
	z-index: 1;
}
.fc-customSpacer-button .select span,
.fc-newButton-button .select span{
	display: inline-block;
	line-height: 150%;
	padding-top: 2px;
}
.fc-customSpacer-button .select .selectbox > button:after,
.fc-newButton-button .select .selectbox > button:after{
	background-image: url(../images/component/board/ico_arrow_down.svg);
}
.fc-customSpacer-button .select .selectbox > button:has(+ .show):after,
.fc-newButton-button .select .selectbox > button:has(+ .show):after{
	transform: rotate(180deg) translateY(50%);
}
.calView:has(.select .selectbox .option.show) .fc-view-harness.fc-view-harness-passive,
.calView:has(.select .selectbox .option.show) .fc-view-harness.fc-view-harness-passive{
	pointer-events : none;
	z-index: 0 !important;
}
.calView .select .selectbox{
	z-index: 1 !important;
}
.fc .fc-toolbar.fc-header-toolbar{
	margin-bottom: 16px;
}
.calView .select .selectbox .optionWrap{
	max-height: 266px;
}
.fc-theme-standard td.fc-day-sat,
.fc-theme-standard td.fc-day-sun{
	background-color: #F8F8F8;
	pointer-events: none;
}
.calView .fc td.fc-day-sun .fc-daygrid-day-number{
	color: #EA0000;
}
.calView .fc td.fc-day-sat .fc-daygrid-day-number{
	color: #0076CC;
}
/* calendar : headerToolbar */

/* calendar : 요일 */
.fc-theme-standard th .fc-scrollgrid-sync-inner{
	border-right: solid 1px #D8D8D8;
	background-color: #e4e4e4;
	padding: 8px 16px;
}
.fc-theme-standard th:last-child .fc-scrollgrid-sync-inner{
	border-right: none;
}
.fc .fc-col-header-cell-cushion{
	padding: 0;
	color: #1D1D1D;
	font-size: 15px;
	font-weight: 500;
}
/* calendar : 요일 */

/* calendar : 날짜 */
.calView .fc .fc-daygrid-day {
	overflow: hidden;
}
.calView .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
	background-color: #FFF8E9;
}
.calView .fc .fc-daygrid-day .fc-daygrid-day-frame {
	box-sizing: border-box;
	height: 67px;
	border:none;
	padding: 4px 8px 8px 8px;
}
.calView .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame{
	/* 오늘 날짜 색상 */
}
.calView .fc .fc-daygrid-day.on .fc-daygrid-day-frame {
	background-color: #9DD7D7;
}
.calView .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top:after {
	content: '오늘';
	display: inline-block;
	color: #1D1D1D;
	font-size: 12px;
	font-weight: 400;
	line-height: 200%;
	margin-left: 4px;
}
.calView .fc .fc-daygrid-day:not(.on) .fc-daygrid-day-frame:hover{
	background-color: #EDF8F8;
}
.calView .fc .fc-daygrid-day-top {
	flex-direction: initial;
}
.calView .fc .fc-daygrid-day-number {
	display: inline-block;
	padding: 0px;
	line-height: 23px;
}
.calView .fc .fc-daygrid-day-events {
	margin-top: 8px;
	margin-bottom: 0px;
	height: 24px;
}
.calView  .fc .fc-daygrid-day-frame {
	cursor: pointer;
}
.calView .fc .fc-event-count {
	position: absolute;
	background-color: #FFEDC2;
	font-size: 15px;
	color: #1D1D1D;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	bottom: 8px;
	right: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}
a.fc-event ,
.fc-event-status,
.calView .fc .fc-daygrid-event-harness .koHolidays::before {
	display: none;
}
.fc-theme-standard th:last-child,
.fc-theme-standard td:last-child{
	border-right: none;
}
.fc-theme-standard tr:last-child td{
	border-bottom: none;
}
.tbl-wrap .tbl.data.table_cal tbody td .txt_date{
	color: #075D5D;
	font-size: 17px;
	font-weight: 700;
}
.tbl-wrap .tbl.data.table_cal tbody td:nth-child(2) p{
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	width: 100%;
}
.tbl-wrap .tbl.data.table_cal tbody td p{
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	width: 100%;
}
.tbl-wrap .tbl.data tbody td.no_event{
	padding: 60px 16px;
}
.tbl-wrap .tbl.data tbody td.no_event span{
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 400;
	padding-left: 24px;
	background-image: url(../images/board/ico_no_event.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px;
}

@media screen and (max-width: 767px) {
	.calView .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top:after {
	}
}
@media screen and (max-width: 424px) {
	.calView .fc .fc-daygrid-day .fc-daygrid-day-top:after {
		font-size: 10px;
	}
	.calView .fc .fc-daygrid-day .fc-daygrid-day-frame {
		padding: 4px;
	}
}

/* 통합예약 */
.tbl-wrap .tbl.data.table_calReservation{
	margin-top: 20px;
}
.tbl-wrap .tbl.data.table_calReservation tbody td.noEvent{
	padding: 60px 16px;
	position: relative;
}
.detailList_reservation >  li + li{
	margin-top: 24px;
}
.detailList_reservation li .date_picker{
	color: #1d1d1d;
	font-size: 17px;
	font-weight: 700;
}
.detailList_reservation li .time_picker{
	margin-top: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.detailList_reservation li .time_picker .select{
	width: 131px;
	height: 50px;
}
.detailList_reservation li .time_picker span.txt{
	color: #1D1D1D;
	line-height: 50px;
}
.detailList_reservation li .time_picker .btns_reservation{
	display: flex;
	gap: 4px;
}
.detailList_reservation li .time_picker select {
	display: flex;
	height: 50px;
	padding: 12px;
	padding-right: 36px;
	justify-content: space-between;
	align-items: center;
	flex: 1 0 0;
	border-radius: 8px;
	border: 1px solid #C6C6C6;
	background: #FFF;
	background-image: url(../images/board/ico_select_down.svg);
	background-position: center right 12px;
	background-repeat: no-repeat;

}
/* calendarGuide  */
.calendarGuide{
	order: 2;
	margin-top: 16px;
}
.calendarGuide ul{
	display: flex;
	gap: 8px;
	align-items: center;
}
.calendarGuide ul li{
	font-size: 15px;
	color: #1d1d1d;
	padding-left: 28px;
	position: relative;
}
.calendarGuide ul li::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	border-radius: 50%;
}
.calendarGuide ul li.selected::before{
	background-color: #9DD7D7;
}
.calendarGuide ul li.unavailable::before{
	border-radius: 12px;
	border: 1px solid #D8D8D8;
	background: #F8F8F8;
}
@media screen and (max-width: 1024px) {
	.calendarGuide{
		display: none;
	}
	.calendar_wrap{
		flex-direction: column;
		gap: 8px;
	}
	.calendar_wrap > div{
		width: 100%;
	}
	.cal_detailList{
		height: 337px;
	}
	.fc-daygrid-body{
		width: 100%;
	}
	/* 통합검색 */
	.calendar_wrap.facility_reservation{
		gap: 24px;
	}
	.calDetailView > .txt{
		margin-top: 14px;
	}
}
@media screen and (max-width: 767px) {
	/* .fc .fc-toolbar{
		flex-direction: column;
	} */
	.fc .fc-toolbar-title{
		margin-bottom: 16px;
	}
}



/* sub05 */
.search_box.type_year-selector .select{
	width: 99px;
}
.search_box.type_year-selector .select .selectbox{
	z-index: 0 !important;
}
.search_box.type_year-selector .select .selectbox .optionWrap{
	max-height: 266px;
}
.search_box.type_year-selector .div_inr{
	display: flex;
	align-items: center;
	gap: 8px;
}
@media screen and (max-width: 424px) {
	div.search_box.type_year-selector .search_form .search_inr{
		flex-direction: column;
		gap: 16px;
	}
	div.search_box.type_year-selector .search_form .search_inr .search_title{
		margin-right: 0;
	}
	div.search_box.type_year-selector .search_form .search_inr .search_title::before{
		display: none;
	}
}

/* 설문조사 */
.survey_wrap .survey_inr{
	border-radius: 12px;
	border: 1px solid #E4E4E4;
	background: #F8F8F8;
	padding: 24px;
	margin-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.survey_wrap .survey_inr.c_blue{
	background: #EDF8F8;
	border-color: #9DD7D7;
}
.survey_wrap .survey_inr .tit{
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 700;
	line-height: 150%;
}
.survey_wrap .survey_inr.required .tit span.required_txt{
	color: #F00;
}
.survey_wrap .survey_inr .tit span.ex{
	color: #1d1d1d;
	font-size: 17px;
	font-weight: 400;
	display: block;
	margin-top: 8px;
}
.survey_wrap .survey_inr .chk-area{
	gap: 16px 32px;
	flex-wrap: wrap;
}
.form-check input[type=radio] ~ label, .form-check input[type=checkbox] ~ label{
	font-weight: 400;
}
.survey_wrap .survey_inr .chk-area.in_img{
	gap: 24px;
}
.survey_wrap .survey_inr .chk-area.in_img .form-check label{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.survey_wrap .survey_inr .chk-area.in_img .imgBox{
	width: 280px;
	height: 158px;
	border: 1px solid #D8D8D8;
	position: relative;
	margin-top: 8px;
}
.survey_wrap .survey_inr .chk-area.in_img .imgBox div{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.survey_wrap .survey_inr .chk-area.in_img .imgBox div.img01{
	background-image: url(../images/board/survey/img_cmsView01.png);
}
.survey_wrap .survey_inr .chk-area.in_img .imgBox div.img02{
	background-image: url(../images/board/survey/img_cmsView02.png);
}
.survey_wrap .survey_inr .chk-area.in_img .imgBox div.img03{
	background-image: url(../images/board/survey/img_cmsView03.png);
}
.survey_wrap .survey_inr .input-area .text-input{
	width: 100%;
	height: 50px;
	border: 1px solid #D8D8D8;
	background: #FFF;
	border-radius: 8px;
	padding: 12px 16px;
}
.survey_wrap .survey_inr .textarea-area{
	padding: 12px 16px;
	padding-right: 8px;
	border-radius: 8px;
	border: 1px solid #C6C6C6;
	background: #FFF;
}
.survey_wrap .survey_inr .textarea-area .textarea{
	width: 100%;
	height: 216px;
	border: none;
	background: none;
	padding: 0;
	padding-right: 6px;
}
.survey_wrap .survey_inr .textarea-area .textarea:focus{
	outline: none;
}
.survey_wrap .survey_inr .textarea-area .textarea::-webkit-scrollbar {
    width: 2px;
}
.survey_wrap .survey_inr .textarea-area .textarea::-webkit-scrollbar-thumb {
    background-color: #1C1C1C;
}
.survey_wrap .survey_inr .textarea-area .textarea ::-webkit-scrollbar-track {
    background-color: #D4D4D4;
}
.survey_wrap_btn{
	margin-top: 40px;
	display: flex;
	justify-content: center;
}
.survey_wrap_btn .survey_submit{
	width: 186px;
	height: 61px;
	border-radius: 8px;
	background: #043E3E;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}
.survey_wrap_btn .survey_submit span.ico{
	width: 24px;
	height: 24px;
	background-image: url(../images/board/ico_surveySubmit.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.survey_wrap .survey_inr.off .tit{
	color: #8E8E8E;
}
.survey_wrap .survey_inr.off .tit span.ex{
	color: #8E8E8E;
}
.survey_wrap .survey_inr.off{
	pointer-events: none;
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 767px) {
}


/* 캘린더 */

.input_date_group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
}

.input_datebox {
	position: relative;
}


.calendar_pop {
	z-index: 10;
	position: absolute;
	top: 43px;
	left: 0;
	border-radius: 12px;
	border: 1px solid #C6C6C6;
	background: #FFF;
	box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.12);
	width: 360px;
	max-width: 360px;
	overflow: hidden;
}

.calendar_pop .fc {
}
.calendar_pop .fc .fc-toolbar.fc-header-toolbar {
	padding: 10px 8px;
	margin-bottom: 0;
	background-color: #F8F8F8;
}
.calendar_pop .fc .fc-custonprev-button {
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
	background-image: url(../images/search/ico_month_prev_16_black.svg);
	border: 0;
}
.calendar_pop .fc .fc-custonNext-button {
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
	background-image: url(../images/search/ico_month_next_16_black.svg);
	border: 0;
}
.calendar_pop .fc-theme-standard td,
.calendar_pop .fc-theme-standard th {
	border: 0;
}
.calendar_pop .fc .fc-button-group {
	gap: 8px;
}
.calendar_pop .fc .fc-customYear-button {
	display: flex;
	width: 112px;
	height: 40px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 2px;
	flex-shrink: 0;
	background-color: #fff;
	border-radius: 8px !important;
	border: 1px solid #D8D8D8;
	color: #1d1d1d;
}
.calendar_pop .fc .fc-customMonth-button {
	display: flex;
	width: 112px;
	height: 40px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 2px;
	flex: 1 0 0;
	background-color: #fff;
	border-radius: 8px !important;
	border: 1px solid #D8D8D8;
	color: #1d1d1d;
}

.calendar_pop .fc .dateList {
	position: absolute;
	top: 50px;
	z-index: 5;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	border-radius: 8px;
	box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.12);
}
.calendar_pop .fc #yearList {
	left: 0;
	width: 112px;
}
.calendar_pop .fc #monthList {
	right: 0;
	width: 112px;
}
.calendar_pop .fc .fc-daygrid-day-frame {
	padding: 4px 0;
}
.calendar_pop .fc .dateList-in {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	padding: 4px;
}

.calendar_pop .fc .dateList-list {
	width: 100%;
	overflow: auto;
	max-height: 240px;
}
.calendar_pop .fc .dateList-list::-webkit-scrollbar {
	width: 2px;
}
.calendar_pop .fc .dateList-list::-webkit-scrollbar-thumb {
	background: #D8D8D8;
}
.calendar_pop .fc .dateList-list > li button {
	width: 100%;
}
.calendar_pop .fc .dateList-list > li button:hover,
.calendar_pop .fc .dateList-list > li button:focus {
	background-color: #F0F0F0;
	text-decoration: underline;
}
.calendar_pop .fc .fc-view-harness {
	padding: 8px;
}
.calendar_pop .fc .fc-scrollgrid  {
	border: 0;
}
.calendar_pop .fc .fc-daygrid-day-number {
	width: 100%;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	cursor: pointer;
}
.calendar_pop .fc .fc-daygrid-day.fc-day-today {
	background-color: initial;
}
.calendar_pop .fc .fc-day-today .fc-daygrid-day-number {
	border: 1px solid #075D5D;
	background-color: #fff;
	border-radius: 8px;
}
.calendar_pop .fc .fc-col-header-cell .fc-col-header-cell-cushion {
	width: 100%;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.calendar_pop .fc .fc-daygrid-body-natural .fc-daygrid-day-events {
	display: none;
}

.calendar_pop .calendar_footer {
	padding: 16px;
	border-top: 1px solid #E4E4E4;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}
.calendar_pop .fc .fc-day-today .fc-daygrid-day-number {
	border: 1px solid #075D5D;
	background-color: #fff;
	border-radius: 8px;
}
.calendar_pop .fc .selectedStartDay .fc-daygrid-day-number {
	background-color: #075D5D; /* Color for start date */
	border-radius: 8px 0 0 8px;
	color: #fff;
	border: 0
}
.calendar_pop .fc .selectedEndDay .fc-daygrid-day-number {
	background-color: #075D5D; /* Color for end date */
	border-radius: 0 8px 8px 0;
	color: #fff;
	border: 0
}
.calendar_pop .fc .selectedBetweenDay .fc-daygrid-day-number {
	background-color: #F0F0F0; /* Color for in-between dates */
	border-radius: 0;
	border: 0;
}

.calendar_pop .calendar-cancel {
	display: flex;
	height: 40px;
	padding: 0px 12px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 4px;
	border: 1px solid #075D5D;
	background:#FFF;
}
.calendar_pop .calendar-cancel:hover,
.calendar_pop .calendar-cancel:focus {
	text-decoration: underline;
	text-underline-position: under;
}

.calendar_pop .calendar-submit {
	display: flex;
	height: 40px;
	padding: 0px 12px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 4px;
	background: #075D5D;
	color: #fff;

}
.calendar_pop .calendar-submit:hover,
.calendar_pop .calendar-submit:focus {
	text-decoration: underline;
	text-underline-position: under;
}

/* mobile */
@media screen and (max-width: 768px) {
	.calendar_pop {
		width: 100vw;
	}
}

tbody tr td {
	vertical-align: middle;
	text-align: center;
}

a.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	border-color: #075D5D;
}

a.btn.link-download {
	width: 96px;
	height: 31px;
}

a.btn.type_link {
	background-color: #075D5D;
}

a.btn.type_down {
	color: #075D5D;
}

a.btn {
	padding: 0;
	font-size: 14.5px;
	font-weight: 400;
	line-height: 14.5px;
	text-align: center;
}

.btn-server {
	display: inline-block;
	width: 16px;
	height: 17px;
	margin-top: auto;
	margin-bottom: auto;
}

.btn-server.ico-down {
	background-image: url(../images/board/ico_download.svg);
}

.btn-server.ico-look {
	background-image: url(../images/board/ico_view.svg);
}

.paging {
	color: #1d1d1d;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
	gap: 8px;
}
.paging .page-links {
	display: flex;
	align-items: center;
	gap: 8px;
}

.paging .page-link {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 8px;
}

.paging .page-link.active {
	background-color: #075D5D;
	color: #FFFFFF;
}

.paging .page-navi {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 17px;
}

.paging .prev:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../images/board/ico_page_prev.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.paging .next:after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../images/board/ico_page_next.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* search_box */
.search_box {
	margin: 0 !important;
}
.search_box:not(:has(.selectbox)) select {
	display: inline-flex;
	min-width: 93px;
	height: 43px;
	padding: 12px;
	align-items: center;
	gap: 10px;
	border-radius: 8px;
	border: 1px solid #D8D8D8;
	background: #FFF;
	color: #1D1D1D;
	font-size: 15px;
	font-weight: 400;
	line-height: 100%;
	background-image: url(../images/board/ico_select_down.svg);
	background-repeat: no-repeat;
	background-position: center right 12px;
}
.search_box:has(.search_box_con) .search_form.period {
	padding: 0;
	gap: 0;
}
.search_box .search_box_con {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	gap: 8px;
	position: relative;
	padding: 16px 24px;
}
.search_box .search_box_con + .search_box_con {
	border-top: 1px solid #D8D8D8;
}

.search_box .search_form {}
.search_box .search_form.center {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
}
.search_box .search_form.period.tp02 {
	max-width: initial;
}
.search_box .search_form.period.tp02 .board-top-select {
	min-width: 140px;
}
.search_box .search_form.period.tp03 {

}
.search_box .search_form.stat-search {}
.search_box .search_form.stat-search .search_option p.tit {
	width: auto;
	min-width: auto;
	padding-right: 0;
	margin-right: 0;
	white-space: nowrap;
}
.search_box .search_form.stat-search .search_option p.tit:after {
	display: none;
}
.search_box .search_form.stat-search .dateSelect {
	display: flex;
	align-items: center;
	gap: 8px;
}
.search_box .search_form.stat-search .search_option select {
	min-width: 130px;
}
.search_box .search_form .search_option {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 8px;
	position: relative;
}

.search_box .search_form .search_option .keyword.tp02 {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-right: 0;
}
.search_box .search_form .search_option .keyword.tp02 input[type=text] {
	border-radius: 8px;
	border: 1px solid #d8d8d8;
}
.search_box .search_form .search_option .keyword.tp02 button[type=submit] {
	border-radius: 8px;
	position: relative;
	right: initial;
	min-width: 43px;
}
.search_box .search_form .search_option .keyword.tp02 button.btn_submit {
	border-radius: 8px;
	position: relative;
	right: initial;
	min-width: 43px;
}
.search_box .search_form .search_option .keyword.tp03 {
	width: 100%;
}
.search_box .search_form .search_option .keyword.tp04 {
	width: auto;
	padding-right: 0;
}
.search_box .search_form .search_option .keyword.tp04 button[type=button] {
	position: relative;
	right: initial;
	border-radius: 8px;
}
.search_box .search_form .search_option:has(.check_list) {
	align-items: flex-start;
}
.search_box .search_form .search_option:has(.check_list) p.tit {
	top: 3px;
}
.search_box .search_form .search_option .check_list > ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	float: initial;
	gap: 8px 4px;
}
.search_box .search_form .search_option .check_list > ul > li {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
.search_box .search_form.period.tp03 .search_option:has(.keyword.tp02) {
		flex-wrap: nowrap;
	}
	.search_box .search_form.stat-search .search_option p.tit {
		display: flex;
		width: 100%;
	}
	.search_box .search_form.stat-search .search_option:has(.keyword.tp02) select {
		width: calc((100% - 77px)/2);
	}
	.search_box .search_form.stat-search .search_option:has(.keyword.tp02) .keyword.tp02 {
		width: auto;
		display: inline-flex;
	}
	.search_box .search_form .search_option:has(.keyword.tp02) {
		flex-wrap: wrap;
	}
	.search_box .search_form .search_option:has(.keyword.tp02) select {
		width: 100%;
	}
	.search_box .search_form .search_option:has(.keyword.tp02) .keyword.tp02 {
		width: 100%;
	}
	.search_box .search_form .search_option:has(.keyword.tp04) select {
		min-width: initial;
		width: 100%;
	}
	.search_box .search_form .search_option:has(.check_list) p.tit {
		width: 30px;
		min-width: 30px;
		display: inline-flex;
		padding-right: 0;
		margin-right: 24px;
	}
	.search_box .search_form .search_option:has(.check_list) p.tit:after {
		display: none;
	}
	form[name=siteSgstnVo] div.search_box div.search_option:has(select.board-top-select, div.keyword) {
		flex-direction: column;
	}
	form[name=siteSgstnVo] div.search_box .search_form.period select.board-top-select,
	form[name=siteSgstnVo] div.search_box div.search_form div.keyword {
		width: 100%;
	}
}

@media screen and (max-width: 435px) {
	.search_box .search_form.stat-search .search_option:has(.keyword.tp02) select:nth-of-type(1) {
		width: calc(100% - 18px);
	}
	.search_box .search_form.stat-search .search_option:has(.keyword.tp02) select:nth-of-type(2) {
		width: calc(100% - 51px);
	}
}

/* board_top */
.board_top {
	margin-top: 32px;
}

/* board_list */
.board_list colgroup .mobile,
.board_list thead th.mobile,
.board_list tbody td.mobile {
	display: none;
}

@media screen and (max-width: 1024px) {
	.board_list colgroup .web,
	.board_list thead th.web,
	.board_list tbody td.web {
		display: none;
	}

	.board_list tbody td.mobile {
		display: table-cell;
	}
}

/* board_list - type_link */
.board_list.type_link tbody td .a_item {
	flex-direction: row;
}

@media screen and (max-width: 1024px) {
	.board_list.type_link tbody td.mobile {
		width: 100%;
	}
	.board_list.type_link tbody td.mobile .subject {
		display: inline-flex;
		align-items: center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.board_list.type_link tbody td.mobile.file_list {
		display: flex;
		justify-content: space-between;
		gap: 16px;
		padding-left: 0;
	}
	.board_list.type_link tbody td.mobile.file_list > .link {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}
}

/* board_view */
.board_view {}
.board_view h4 {
	font-size: 25px;
	font-weight: 700;
	line-height: 150%; /* 37.5px */
	margin-bottom: 16px;
}
.board_view table {
	display: flex;
	width: 100%;
}
.board_view table caption {}
.board_view table tbody {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.board_view table tbody tr.web {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.board_view table tbody tr.web th {
	display: inline-flex;
	align-items: center;
	position: relative;
	color: #717171;
	font-size: 17px;
	font-weight: 400;
	line-height: 150%; /* 25.5px */
}
.board_view table tbody tr.web th:after {
	content: ":";
	display: inline-block;
	margin-left: 4px;
}
.board_view table tbody tr.web td {
	display: inline-flex;
	align-items: center;
	text-align: left;
	color:#1D1D1D;
	font-size: 17px;
	font-weight: 400;
	line-height: 150%; /* 25.5px */
}
.board_view table tbody tr.web td + th {
	padding-left: 16px;
	position: relative;
}
.board_view table tbody tr.web td + th::before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 16px;
	background: #D8D8D8;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.board_view table tbody tr.mobile {
	display: none;
}

.board_view table tbody tr:has(.contents_box) th {
	display: none;
}
.board_view table tbody tr:has(.contents_box) td.contents_box {
	display: block;
	width: 100%;
	margin-top: 40px;
	padding: 40px 0;
	border-top: 2px solid #075D5D;
	text-align: left;
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 400;
	line-height: 150%; /* 25.5px */
}
/* .board_view table tbody tr:has(.contents_box) td.contents_box .view_contents .txt-area {
	min-height: 400px;
} */
.board_view table tbody tr td.contents_box table {
	display: table;
}
.board_view table tbody tr td.contents_box table tbody {
	display: table-row-group;
}
.board_view table tbody tr:has(.file_list) {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 24px;
	gap: 24px;
	border-radius: 12px;
	background: #F8F8F8;
	margin-bottom: 40px;
}
.board_view table tbody tr:has(.file_list):not(:has(.file_list > ul > li)){
	display: none;
}
.board_view table tbody tr:has(.file_list) th {
	display: flex;
	width: 100%;
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 700;
	line-height: 150%; /* 25.5px */
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(../images/board/ico_attach_file.svg);
	padding-bottom: 24px;
	border-bottom: 1px solid #C6C6C6;
}
.board_view table tbody tr:has(.file_list) td.file_list {
	display: flex;
	width: 100%;
}
.board_view table tbody tr:has(.file_list) td.file_list > ul {
	width: 100%;
	margin-top: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.board_view table tbody tr:has(.file_list) td.file_list > ul > li {
	width: 100%;
	display: flex;
	gap: 16px;
	align-items: center;
}
.board_view table tbody tr:has(.file_list) td.file_list .info {
	display: inline-flex;
	justify-content: flex-start;
	gap: 5px;
	overflow: hidden;
}
.board_view table tbody tr:has(.file_list) td.file_list .info span.name {
	padding-right: 0;
}
.board_view table tbody tr:has(.file_list) td.file_list .info span.name:has(em) {
	padding-right: 84px;
}
.board_view table tbody tr:has(.file_list) td.file_list .link {
	display: inline-flex;
	gap: 8px;
}
.board_view table tbody tr:has(.file_list) td.file_list .link .btn {}
.board_view table tbody tr:has(.file_list) td.file_list .link .btn + .btn {
	margin-left: 0;
}
.board_view table tbody tr:has(.file_list) td.file_list .link .btn.type_link {}
.board_view table tbody tr:has(.file_list) td.file_list .link .btn.type_down {}

.board_view .btn_box {
	display: none;
}
.board_view .prev_next_view {
	display: flex;
	flex-direction: column;
	width: 100%;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}
.board_view .prev_next_view:not(:has(a)) {
	display: none;
}
.board_view .prev_next_view > li {
	display: flex;
	width: 100%;
}
.board_view .prev_next_view > li:not(:has(a)) {
	display: none;
}
.board_view .prev_next_view > li + li {
	border-top: 1px solid #D8D8D8;
}
.board_view .prev_next_view > li > a {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	color: #1d1d1d;
	text-overflow: ellipsis;
	font-size: 17px;
	font-weight: 400;
	line-height: 150%; /* 25.5px */
	padding: 16px 24px;
}
.board_view .prev_next_view > li > a > span {
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 700;
	line-height: 150%; /* 25.5px */
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 56px;
	margin-right: 24px;
}
.board_view .prev_next_view .prev {}
.board_view .prev_next_view .prev span {
	background-image: url(../images/board/ico_pager_arrowUp.svg);
}
.board_view .prev_next_view .next {}
.board_view .prev_next_view .next span {
	background-image: url(../images/board/ico_pager_arrowDown.svg);
}

.board_view .btn_box:has(.go_list) {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}
.board_view .btn_box:has(.go_list) .go_list {
	display: inline-flex;
	padding: 6px 16px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 8px;
	background: #075D5D;
	color: #fff;
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 767px) {
	.board_view table tbody tr.web {
		display: none;
	}
	.board_view table tbody tr.mobile {
		display: flex;
		flex-wrap: wrap;
		/* gap: 16px; */
	}
	.board_view table tbody tr.mobile th {
		display: inline-flex;
		align-items: center;
		position: relative;
		color: #717171;
		font-size: 17px;
		font-weight: 400;
		line-height: 150%; /* 25.5px */
		flex: 1 0 70px;
	}
	.board_view table tbody tr.mobile th:after {
		content: ":";
		display: inline-block;
		margin-left: 4px;
	}
	.board_view table tbody tr.mobile td {
		display: inline-flex;
		align-items: center;
		text-align: left;
		color:#1D1D1D;
		font-size: 17px;
		font-weight: 400;
		line-height: 150%; /* 25.5px */
		flex: 1 0 calc(100% - 70px);
	}

	.board_view table tbody tr:has(.contents_box) td.contents_box {
		margin-top: 24px;
		padding: 24px 0;
	}
	/* .board_view table tbody tr:has(.contents_box) td.contents_box .view_contents .txt-area {
		min-height: 360px;
	} */
	.board_view table tbody tr:has(.contents_box) td.contents_box table tr td {
		width: auto !important;
		max-width: 100%;
	}
	.board_view table tbody tr:has(.file_list) {
		padding: 16px;
		gap: 16px;
		margin-bottom: 32px;
	}
	.board_view table tbody tr:has(.file_list) th {
		padding-bottom: 16px;
	}
	.board_view table tbody tr:has(.file_list) td.file_list > ul > li {
		align-items: flex-start;
	}

	.board_view .prev_next_view > li > a {
		padding: 8px;
	}
	.board_view .prev_next_view > li > a > span {
		padding-left: 30px;
		margin-right: 8px;
	}
}

/* board_view - video */
.video_view {}
.video_view .share {}
.video_view .share .sns {
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center;
}
.video_view .share .sns + .sns {
	margin-left: 8px;
}
.video_view .share .sns.fb {
	background-image: url(../images/board/ico_facebook_link.svg);
}
.video_view .share .sns.tw {
	background-image: url(../images/board/ico_twitter_link.svg);
}
.video_view .share .sns > span {
	position:absolute;
	width:1px;
	height:1px;
	clip:rect(1px 1px 1px 1px);
	clip:rect(1px, 1px, 1px, 1px);
	clip-path:polygon(0px 0px, 0px 0px, 0px 0px);
	-webkit-clip-path:polygon(0px 0px, 0px 0px, 0px 0px);
	overflow:hidden !important;
}
.video_view .down > a {
	position: relative;
	display: flex;
	padding: 4px 12px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 8px;
	border: 1px solid #097C7C;
	background: #FFF;
	color: #097C7C;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%; /* 22.5px */
}
.video_view .down > a:after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/board/ico_videoView_down.svg);
}
.video_view .contents_box .video_wrap {
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	height: 0;
	padding-bottom: 56%;
}
.video_view .contents_box .video_wrap > iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.video_view .contents_box #caption_btn {
	display: flex;
	padding: 8px 12px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 12px 12px 0 0;
	border: 1px solid #D8D8D8;
	background: #F0F0F0;
	width: 100%;
	margin-top: 40px;
}
.video_view .contents_box #caption_btn > span {
	position: relative;
	display: inline-flex;
	align-items: center;
	line-height: 100%;
	font-size: 15px;
	font-weight: 400;
	gap: 4px;
}
.video_view .contents_box #caption_btn > span:after {
	content: '';
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/board/ico_video_arrow_up.svg);
}
.video_view .contents_box #caption_btn:not(.active) > span:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.video_view .contents_box .caption_text {
	width: 100%;
	border: 1px solid #d8d8d8;
	border-top: 0;
	padding: 24px;
	padding-right: 8px;
}
.video_view .contents_box .caption_text > p {
	max-height: 300px;
	overflow-y: auto;
	color: #1d1d1d;
	font-size: 17px;
	font-weight: 400;
	line-height: 150%; /* 25.5px */
}
.video_view .contents_box .caption_text > p::-webkit-scrollbar {
	width: 2px;
}
.video_view .contents_box .caption_text > p::-webkit-scrollbar-thumb {
	background-color: #555;
	border-left: 14px solid #fff;
}
.video_view .contents_box .caption_text > p::-webkit-scrollbar-track {
	background-color: #C6C6C6;
	border-left: 14px solid #fff
}
/* board_list - gallery */
.type_gallery {
	overflow: hidden;
}
.type_gallery > ul {
	margin: 0 -12px;
width: calc(100% + 24px);
	display: flex;
	flex-wrap: wrap;
}
.type_gallery > ul > li {
	width: calc(100%/3);
	padding: 0 12px;
	border-bottom: 1px solid #D8D8D8;
}
.type_gallery > ul > li > a {
	display: flex;
	flex-direction: column;
	padding: 16px 0;
	gap: 12px;

}
.type_gallery > ul > li > a:hover .text .title,
.type_gallery > ul > li > a:focus .text .title {
	text-decoration: underline;
	text-underline-offset: 3px;
	color: #075D5D;

}
.type_gallery .photo {
	width: 100%;
	height: 0;
	padding-bottom: 55.5%;
	border-radius: 12px;
	border: 1px solid #D8D8D8;
	overflow: hidden;
	position: relative;
}
.type_gallery .photo .bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #f8f8f8;
	background-size: cover;
}
.type_gallery .text {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.type_gallery .text .title {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	color: #555;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 17px;
	font-weight: 700;
	line-height: 150%; /* 25.5px */
}
.type_gallery .text .date {
	color: #555;
	font-size: 15px;
	font-weight: 400;
	line-height: 150%; /* 22.5px */
}

.type_gallery .nodata{
	border-top: solid 2px #075D5D;
	border-bottom: solid 1px #D8D8D8;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 16px;
}
.type_gallery .nodata li{
	margin: 0;
	border: none;
	width: 100%;
	text-align: center;
}
.type_gallery .nodata span {
	letter-spacing: -0.7px;
	padding-left: 24px;
	position: relative;
}
.type_gallery .nodata li span::before{
	content: '';
	display: block;
	position: absolute;
	top: 50%; left: 0;
	transform: translateY(-50%);
	width: 16px; height: 16px;
	background-image: url(../images/board/ico_nodata.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.type_gallery.magazine .photo.news {
	padding-bottom: 132.5%;
}

.type_gallery.magazine .photo .hover {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.type_gallery.magazine .photo .hover .hoverCon {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 8px;
}
.type_gallery.magazine .photo .hover .hoverCon .con {
	display: inline-flex;
	width: 72px;
	height: 72px;
	padding: 3px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 40px;
	background-color: #0B9B9B;
	background-position: center;
	background-repeat: no-repeat;
}

.type_gallery.magazine .photo .hover .hoverCon .con.download {
	background-image: url(../images/board/ico_jingum_img_down.svg);
}
.type_gallery.magazine .photo .hover .hoverCon .con.link {
	background-image: url(../images/board/ico_jingum_img_link.svg);
}
.type_gallery.magazine .photo .hover .hoverCon .conText {
	color: #FFF;
	text-align: center;
	font-size: 19px;
	font-weight: 700;
	line-height: 150%; /* 28.5px */
}
.type_gallery.magazine .text {
	display: flex;
	padding: 10px 16px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 8px;
	background: #EDF8F8;
}
.type_gallery.magazine .text .title {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	color: #1d1d1d;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
	font-weight: 700;
	line-height: 150%; /* 25.5px */
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: center right;
}

.type_gallery.magazine .text .title.link {
	background-image: url(../images/board/ico_jinjum_link.svg);
}
.type_gallery.magazine .text .title.download {
	background-image: url(../images/board/ico_jinjum_down.svg);
}
.type_gallery.magazine > ul > li > a:hover .hover,
.type_gallery.magazine > ul > li > a:focus .hover {
	display: flex;
}
.type_gallery.magazine > ul > li > a:hover .text > span,
.type_gallery.magazine > ul > li > a:focus .text > span {
	color: #fff;
}
.type_gallery.magazine > ul > li > a:hover .text .title.link,
.type_gallery.magazine > ul > li > a:focus .text .title.link {
	background-image: url(../images/board/ico_jinjum_link_hover.svg);
}
.type_gallery.magazine > ul > li > a:hover .text .title.download,
.type_gallery.magazine > ul > li > a:focus .text .title.download {
	background-image: url(../images/board/ico_jinjum_down_hover.svg);
}
@media screen and (max-width : 1023px) {
	.type_gallery > ul > li {
		width: calc(100%/2);
	}
}

@media screen and (max-width : 767px) {
	.type_gallery > ul > li {
		width: 100%;
	}
	.type_gallery.magazine > ul {
		margin: 0 -8px;
		gap: 12px 0;
	}
	.type_gallery.magazine > ul > li {
		width: calc(100%/2);
		border-bottom: none;
		padding: 0 8px;
	}
	.type_gallery.magazine .text .title {
		font-size: 13px;
		text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: initial;
	}
}

/* 게시판 글쓰기 버튼 숨김처리 */
.btn-area:has(a[href="#write"]) {
	display: none;
}
/* //게시판 글쓰기 버튼 숨김처리 */

/* more_list */
.more_list {
	position: relative;
}
.more_list .subtit_l {
	margin-bottom: 16px;
}
.more_list .more {
	position: absolute;
	top: 0;
	right: 0;
}

/* 블로그형 */
div.company_product_detail {}
div.company_product_detail div.top_box {
	display: flex;
	min-width: 296px;
	padding: 32px;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 12px;
	background: #F8F8F8;
}
div.company_product_detail div.top_box div.bg {
	width: calc(50% - 12px);
	margin: unset;
	border-radius: 12px;
	background-color: #fff;
	overflow: hidden;
}
div.company_product_detail div.top_box div.bg span {
}
div.company_product_detail div.top_box div.text {
	width: calc(50% - 12px);
}
div.company_product_detail div.top_box div.text h4 {
	color: #1D1D1D;
	font-size: 21px;
	font-weight: 700;
	line-height: 150%; /* 31.5px */
	padding-bottom: 24px;
	box-sizing: border-box;
}
div.company_product_detail div.top_box div.text ul {
	border-top: 2px solid #075D5D;
	padding: 16px 0 0;
}
div.company_product_detail div.top_box div.text ul li {
	padding: 8px 0;
	border: unset;
}
div.company_product_detail div.top_box div.text ul li span.name {
	width: 68px;
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 400;
	line-height: 150%; /* 25.5px */
	padding: 0;
	border-right: 0;;
}
div.company_product_detail div.top_box div.text ul li span.data {
	position: relative;
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 400;
	line-height: 150%; /* 25.5px */
	padding: 0;
	padding-left: 8px;
}
div.company_product_detail div.top_box div.text ul li span.data::before {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 1px;
	height: 10px;
	background-color: #C6C6C6;
}
div.company_product_detail div.bottom_box {
	border: unset;
	border-bottom: 1px solid #D8D8D8;
	margin-top: 40px;
}
div.company_product_detail div.bottom_box div.product_contents {
	padding: unset;
	padding: 0 20px;
	min-height: 300px;
}
div.company_product_detail div.btn_box {
	margin-top: 40px;
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}
div.company_product_detail div.btn_box a.btn_view {
	display: inline-flex;
	padding: 6px 16px;
	justify-content: center;
	align-items: center;
}
div.company_product_detail div.btn_box a.btn_view.list {
	border-radius: 8px;
	background: #075D5D;
	/* border-right: 1px solid #075d5d; */
	color: #fff;
}
div.company_product_detail div.btn_box a.btn_view.edit {
	border-radius: 8px;
	border: 1px solid #097C7C;
	background-color: #fff;
	color: #097c7c;
}
div.company_product_detail div.btn_box a.btn_view.delete {
	border-radius: 8px;
	border: 1px solid #1D1D1D;
	background-color: #fff;
	color: #1d1d1d;
}

@media screen and (max-width: 1024px) {
	div.company_product_detail div.btn_box {
		justify-content: center;
	}
}
@media screen and (max-width: 767px) {
	div.company_product_detail div.top_box {
		flex-direction: column;
		padding: 24px;
	}
	div.company_product_detail div.top_box div.bg {
		width: 100%;
		position: relative;
		display: block;
		height: 0;
		padding-bottom: 102%;
	}
	div.company_product_detail div.top_box div.text {
		width: 100%;
	}
	div.company_product_detail div.top_box div.bg span {
		display: flex;
		overflow: hidden;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
}