@charset "utf-8";

body {
	font-size: 1.8rem;
}
.tabStyle>li>a:hover,
.tabStyle>li>a:focus,
.tabStyle li.active a {
	border-color: var(--main-color);
}
.boardHead {
	margin-bottom: 50px;
	background: #f7f7f7;
}

.boardSearchForm {
	border: 0;
	padding: 20px 30px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.boardSearchForm .rowTable .row .group.alone {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 0 24px;
	font-size: 1.8rem;
}

.boardSearchForm .rowTable .cellHeader {
	position: static;
	padding: 0 !important;
	width: 100px !important;
	display: none;
}

.boardSearchForm .rowTable .cellHeader:before {
	display: none;
}

.boardSearchForm .rowTable .cell {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0;
}

.boardSearchForm .rowTable .cell>.cellInDv {
	width: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
}

.boardSearchForm .rowTableTypeSearchBar .cellInDv+.cellInDv {
	margin: 0;
}

.boardSearchForm .rowTable .cell input.date {
	width: 160px;
	min-width: unset;
	font-size: 1.8rem;
	padding: 10px 24px 11px;
	line-height: 1em;

}

.searchOneItem.boardSearchForm {
	justify-content: space-between;
}

.searchOneItem.boardSearchForm:after {
	display: none;
}

.searchOneItem .boardListTxt {
	width: auto;
	font-size: 1.8rem;
	line-height: 1em;
	margin: 0;
}

.ui-datepicker-trigger {
	height: 50px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background: #757575;
	width: 50px;
	margin: 0;
}

button.ui-datepicker-trigger img {
	display: block;
	width: auto;
	height: auto;
}

.boardSearchForm .rowTable .cell .hyphen {
	color: #b5b5b5;
	margin: 0 16px;
	font-size: 1.8rem;
	line-height: 50px;
}

select.selectForm {
	width: auto !important;
	height: auto !important;
	font-size: 1.8rem;
	padding: 10px 24px 11px;
	max-width: unset !important;
}

input.textForm {
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 11px 15px 10px;
	font-size: 1.8rem;
	line-height: 1em;
	width: 200px !important;
	height: 100%;
	margin: 0;
}

.boardSearchForm .btnTypeM.btnIcoSearch {
	height: 100%;
}

.searchOneItem.boardSearchForm .rowTable {
	width: auto;
}

.searchOneItem.boardSearchForm .rowTable .row {
	border: 0;
}

.searchOneItem.boardSearchForm .rowTable .row .group.alone {
	width: auto;
}

.searchOneItem.boardSearchForm .rowTable .cell {
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: stretch;
}

.searchOneItem select.selectForm {
	width: 260px !important;
	height: auto;
	padding: 15px 24px;
	font-size: 1.8rem;
	line-height: 1em;
}

.form-search {
	display: block;
	width: 100%;
}

.boardSearchForm .rowTable {
	display: block;
}

.boardSearchForm .rowTable .row {
	display: block;
	width: 100%;
	height: auto;
}

.searchOneItem.boardSearchForm .rowTable .row .group.alone {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 0 16px;
}

.searchOneItem.boardSearchForm .rowTable .cellHeader {
	position: static;
	width: auto;
	padding: 0;
}



.boardTop {
	padding: 20px 30px;
	background: #f7f7f7;
	margin-bottom: 40px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.boardTop .boardInfo {
	font-size: 1.8rem;
	line-height: 1em;
}

.boardTop .boardInfo i {
	font-weight: bold;
	color: #e33333
}

.boardTop .boardSearch {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: stretch;
}

.boardTop .boardSearch input[type="text"] {
	font-size: 1.8rem;
	line-height: 1em;
	padding: 10px 20px 11px 19px;
	width: 400px;
	border: 1px solid #ddd;
}

.boardSearchForm .btnTypeM.btnIcoSearch,
.boardTop .boardSearch input[type="text"]+input[type="submit"],
.boardTop .boardSearch input[type="text"]+input[type="button"] {
	width: 60px;
	height: 50px;
	background-image: url(/humanframe/theme/museum_busan_2025/assets/img/content/icon_search.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	background-color: #000 !important;
	text-indent: -9999px;
	border: 0;
	margin: 0;
}

.boardTop .boardSearchBox {
	float: right;
}

.boardTop .boardSearchBox .boardSearch {
	float: left;
	margin-right: 0;
	margin-left: 10px;
}

.boardTop .boardSearchBox .boardSearch.datetime div {
	float: left;
	position: relative;
}

.boardTop .boardSearchBox .boardSearch.datetime div input {
	box-sizing: border-box;
	border-right: 1px solid #d3d6db;
	border-radius: 5px;
}

.boardTop .boardSearchBox .boardSearch.datetime>div+div {
	padding-left: 20px;
}

.boardTop .boardSearchBox .boardSearch.datetime>div+div:before {
	content: "~";
	position: absolute;
	left: 6px;
	line-height: 30px;
}

.boardSearchForm.snsSearch {
	flex-direction: column;
	align-items: flex-start;
	gap: 8px 0;
}

.boardSearchForm.snsSearch .rowTable {
	display: block;
	width: 100%;
}

.boardSearchForm.snsSearch .rowTable .row .group {
	width: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 0;
}

.boardSearchForm .rowTable .cell .srchKeyword .btnTypeM.btnIcoSearch {
	margin: 0;
}

.boardSearchForm .cellInDvSearchCell.srchKeyword {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
}

.boardSearchForm.snsSearch .rowTable .row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
}

.boardSearchForm.snsSearch .cellInDv {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 0 8px;
}

@media all and (max-width: 1120px) {
	input.textForm {
		width: 160px !important;
	}
}

@media all and (max-width: 1024px) {
	#contents>.tabStyle {
		/* display: none; */
	}
}

@media all and (max-width: 980px) {
	.boardSearchForm .rowTable .cell {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 16px 0;
	}

	input.textForm {
		width: 200px !important;
	}
}

@media all and (max-width: 768px) {
	.searchOneItem .boardListTxt {
		font-size: 1.5rem;
	}

	.boardSearchForm .rowTable .cell>.cellInDv {
		padding: 0;
		width: 100%;
	}

	.boardSearchForm .rowTable .cell {
		height: auto;
	}

	.boardSearchForm .rowTable .group>.cell {
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 8px 0;
	}

	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell.srchOption {
		width: auto;
	}

	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell+.cellInDvSearchCell {
		padding: 0;
		width: calc(100% - 100px);
	}

	.boardTop .boardInfo {
		font-size: 1.6rem;
	}

	.boardTop .boardSearch input[type="text"] {
		font-size: 1.6rem;
		width: 240px;
		padding: 6px 20px 4px 19px;
	}

	.boardTop .boardSearch input[type="text"]+input[type="submit"],
	.boardTop .boardSearch input[type="text"]+input[type="button"] {
		height: 36px;
		background-size: auto 16px;
	}

	select.selectForm,
	.boardSearchForm .rowTable .cell input.date,
	input.textForm {
		font-size: 1.6rem;
	}

	.ui-datepicker-trigger {
		width: 47px;
		height: 47px;
	}

	.boardSearchForm .rowTable .cell .hyphen {
		margin: 0 8px;
	}

	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell.srchOption select {
		width: 100px !important;
		max-width: unset;
	}
}

@media all and (max-width: 640px) {
	input.textForm {
		width: 140px !important;
	}
}

@media all and (max-width: 560px) {
	.boardTop {
		flex-direction: column;
		gap: 16px 0;
		align-items: flex-start;
	}

	#searchFrm,
	.boardTop .boardSearch {
		width: 100%;
	}

	.boardTop .boardSearch input[type="text"] {
		width: calc(100% - 60px);
	}
}

@media all and (max-width: 500px) {
	.boardSearchForm .rowTable .cell>.cellInDv {
		flex-wrap: wrap
	}

	.boardSearchForm .rowTable .cell input.date {
		width: calc(100% - 47px) !important;
		margin-bottom: 8px;
	}

	.boardSearchForm .rowTable .cell .hyphen {
		display: none;
	}

	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell+.cellInDvSearchCell {
		width: calc(100% - 80px);
	}
}

/*************도서발간 검색***********/
.boardSearchForm.book form {
	display: block;
	width: 100%;
}

.boardSearchForm.book .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell.srchOption select {
	min-width: 300px !important;
}

.boardSearchForm.book .rowTable .row .group.alone .cellInDvSearchCell.srchKeyword {
	width: calc(100% - 80px);
}

@media all and (max-width: 560px) {
	.boardSearchForm.book .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell.srchOption {
		width: 100%;
	}

	.boardSearchForm.book .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell.srchOption select {
		width: 100% !important;
	}

	.boardSearchForm.book input.textForm {
		width: calc(100% - 37px) !important;
	}
}

/* Button Size */
.button.small {
	height: 26px;
	padding: 0 12px;
	line-height: 26px;
	font-size: 12px;
}

.button.medium {
	height: auto;
	padding: 15px;
	line-height: 30px;
	font-size: 16px;
}

.en_button {
	position: relative;
	overflow: visible;
	display: -moz-inline-stack;
	display: inline-block;
	margin-bottom: 2px;
	/* margin:0 2px; */
	padding: 0;
	vertical-align: top;
	white-space: nowrap;
	text-decoration: none;
	border-radius: 5px;
	color: #fff;
	background-color: #4a4f5a;
	border: 1px solid #474a52;
	border-width: 0 1px 1px 0;
	font-family: 'Nanum Gothic', '나눔고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';
	cursor: pointer
}

.button.en_medium {
	height: 52px;
	padding: 5px 35px 0 35px;
	line-height: 40px;
	font-size: 13px;
	display: inline-block;
}

.button.large {
	height: 40px;
	padding: 0 15px;
	line-height: 40px;
	font-size: 14px;
}

/* Gallery 전시(Display) */
.boardExhGallery {
	width: 100%;
}

.boardExhGallery>ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
	flex-wrap: wrap;
	gap: 80px 119px;
}

.boardExhGallery>ul>li {
	display: flex;
	width: calc(33.3333% - 80px);
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 32px 0;
}

.boardExhGallery>ul>li>.egImg {
	display: block;
	width: 100%;
	aspect-ratio: 400 / 600;
	overflow: hidden;
	position: relative;
}

.boardView>.titleArea>.category,
.boardExhGallery>ul>li>.egImg>.category {
	display: block;
	position: absolute;
	width: auto;
	padding: 10px 12px 10px 13px;
	color: #fff;
	top: 0;
	left: 0;
	font-size: 1.8rem;
	line-height: 1em;
}

.boardView>.titleArea>.category {
	position: static;
	top: unset;
	left: unset;
}

.boardView>.titleArea>.category.pre,
.boardExhGallery>ul>li>.egImg>.category.pre {
	background: #83654b;
}

.boardView>.titleArea>.category.now,
.boardExhGallery>ul>li>.egImg>.category.now {
	background: #0338a0;
}

.boardView>.titleArea>.category.end,
.boardExhGallery>ul>li>.egImg>.category.end {
	background: #313131;
}

.boardExhGallery>ul>li>.egImg>img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.boardExhGallery>ul>li>.egCont {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 28px 0;
}

.boardExhGallery>ul>li>.egCont>.title {
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 2.4rem;
	line-height: 1.3em;
	font-weight: 600;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	position: relative;
	word-break: break-all;
}

.boardExhGallery>ul>li>.egCont>.cont {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 17px 0;
	width: 100%;
	font-size: 1.8rem;
	line-height: 1em;
}

.boardExhGallery .egCont dl.cont {
	overflow: hidden;
}

.boardExhGallery .egCont dl.cont>dt {
	font-weight: bold;
	color: #000;
}

.boardExhGallery .egCont dl.cont>dd {
	width: calc(100% - 62px);
}

.boardExhGallery .egCont p.title+dl.cont>dt {
	padding-right: 15px;
	margin-right: 15px;
	background: url(/resource/img/common/board/d_line.gif) no-repeat right 7px;
}

.boardExhGallery .egImg img {
	width: 100%;
	max-height: 100%;
}

@media all and (max-width: 1284px) {
	.boardExhGallery>ul {
		gap: 80px;
	}

	.boardExhGallery>ul>li {
		width: calc(33.3333% - 54px);
	}
}

@media all and (max-width: 1024px) {
	.boardExhGallery>ul {
		gap: 80px 40px;
	}

	.boardExhGallery>ul>li {
		width: calc(33.3333% - 27px);
	}
}

@media all and (max-width: 768px) {

	.boardExhGallery>ul>li {
		width: calc(50% - 20px);
	}

	.boardExhGallery>ul>li>.egCont>.title {
		font-size: 2rem;
	}

	.boardView>.titleArea>.category,
	.boardExhGallery>ul>li>.egImg>.category,
	.boardExhGallery>ul>li>.egCont>.cont {
		font-size: 1.6rem;
	}
}

@media all and (max-width: 540px) {
	.boardExhGallery>ul {
		gap: 40px 20px;
	}

	.boardExhGallery>ul>li {
		width: calc(50% - 10px);
	}
}

@media all and (max-width: 380px) {
	.boardExhGallery>ul {
		gap: 40px 0;
	}

	.boardExhGallery>ul>li {
		width: 100%;
	}

}

/* Board : List */
.boardList {
	width: 100%;
	margin-top: 10px;
	border: 0;
	border-spacing: 0;
	border-collapse: separate;
	border-top: 3px solid #61646c;
	font-size: 1.8rem;
	line-height: 1em;
}

.boardList caption {
	position: absolute;
	z-index: -10;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.boardList th,
.boardList td {
	padding: 25px 5px 23px;
	border-bottom: 1px solid #ddd;
}

.boardList thead th {
	background: url(/resource/img/common/board/line_th.gif) no-repeat 0 50% #f6f6f7;
	border-bottom: 1px solid #61646c;
}

.boardList thead th:first-child {
	background-image: none;
}

.boardList tbody td {
	text-align: center
}

.boardList tbody td.txt_list {
	text-align: left;
}

.boardList tbody td:nth-child(2) {
	text-align: left
}

.boardList tbody td.title {
	text-align: left
}

.boardList tr:hover td,
.boardList tr:focus td {
	background: #fafafb;
}

.boardList td .type-ico {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	text-indent: -999px;
	overflow: hidden;
}

.boardList td .type-ico:before {
	display: block;
	width: 100%;
	text-align: center;
	text-indent: 0;
	font-family: 'icon';
}

.boardList td .type-ico.s001:before {
	content: "\e990";
}

.boardList td .type-ico.s002:before {
	content: "\e98f";
}

/* Board : View */
.boardView {
	width: 100%;
	border: 0;
}

.boardView .titleArea {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 0 20px;
	padding: 29px 0 27px;
	width: 100%;
	border: 1px solid #ddd;
	background-color: #f7f7f7;
}

.boardView .titleArea .title {
	font-size: 2.6rem;
	line-height: 1em;
	font-weight: 600;
}

.boardView .titleArea .boardDate {
	margin-top: 15px;
	color: #666;
}

.boardView .titleArea .boardDate .view {
	padding-left: 30px;
	background: url(/resource/img/common/board/icon_view.png) no-repeat 8px 1px;
}

.boardView .infoArea {
	overflow: hidden;
	border-bottom: 1px solid #cccfd5;
}

.boardView .infoArea li {
	float: left;
	width: 50%;
	padding: 10px 0;
	border-bottom: 1px solid #cccfd5;
}

.boardView .infoArea li span {
	display: table-cell;
	margin-right: 15px;
	padding: 0 15px;
}

.boardView .infoArea li span:first-child {
	min-width: 50px;
	font-weight: bold;
	border-right: 1px solid #cccfd5;
	color: #333
}

.boardView .infoArea li.last {
	width: 100%;
}

.boardView .infoArea2 {
	overflow: hidden;
	border-bottom: 1px solid #cccfd5;
}

.boardView .infoArea2 li {
	padding: 10px 0;
	border-bottom: 1px solid #cccfd5;
}

.boardView .infoArea2 li span {
	display: table-cell;
	margin-right: 15px;
	padding: 0 15px;
}

.boardView .infoArea2 li span:first-child {
	min-width: 50px;
	font-weight: bold;
	border-right: 1px solid #cccfd5;
	color: #333
}

.boardView .articleArea {
	padding: 50px 0 40px 0;
}

.boardView .listArea li {
	border-top: 1px solid #cccfd5;
}

.boardView .listArea li a {
	display: table-cell;
	padding: 15px 15px 13px;
}

.boardView .listArea li span {
	display: table-cell;
	width: 100px;
	padding: 15px 15px 13px 20px;
	text-align: center;
	font-weight: bold;
	background: url(/resource/img/common/board/icon_link_list.png) no-repeat 5px -85px #f5f5f5;
}

.boardView .listArea li:first-child span {
	background-position: 5px 14px;
}

.btnArea.btnRt {
	margin: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-bottom: 50px;
}

.btnArea.btnRt>.btnTypeM.btnLineType1 {
	font-size: 1.8rem;
	line-height: 1em;
	padding: 20px 74px;
	background-color: var(--main-color) !important;
	color: #fff !important;
	font-weight: 500;
	border: 0 !important;
	height: auto;
}

/* Board : View */
.boardView2 {
	width: 100%;
	margin-top: 10px;
	border-top: 3px solid #61646c;
	border-bottom: 1px solid #61646c;
}

.boardView2 .titleArea {
	position: relative;
	padding: 20px;
	background: #f6f6f7;
	border-bottom: 1px solid #61646c;
}

.boardView2 .titleArea .title {
	font-size: 1.3em;
	font-weight: bold;
	color: #333
}

.boardView2 .titleArea .title+p {
	padding-top: 5px;
	font-size: 1.1em;
	font-weight: bold;
	color: #666
}

.viewInfo {
	padding: 10px 20px;
	border-top: 1px dashed #cccfd5;
}

.viewInfo li {
	padding: 5px 0 5px 6px;
}

.viewInfo li:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 0 3px 3px -6px;
	background: #6c6e72;
	vertical-align: middle
}


.boardView2 .articleArea {
	padding: 20px;
	;
}

.boardView2 .articleArea img {
	height: auto;
}

.boardTag {
	margin: 15px 20px 0;
}

.boardTag i {
	position: relative;
	padding: 5px 10px;
	border-radius: 5px;
	margin-right: 10px;
	color: #fff;
	font-weight: bold;
	background: #db3a0f;
}

.boardTag i:after {
	position: absolute;
	top: 50%;
	right: -10px;
	margin-top: -5px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin-right: 5px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 5px solid #db3a0f;
}

.exhContWrap {
	overflow: hidden;
}

.exhContWrap .egImg_view {
	display: block;
	width: 100%;
	padding-bottom: 50px;
}

.exhContWrap .egImg_view img {
	display: block;
	width: auto;
	margin: 0 auto;
}

.exhCont {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
	border-bottom: 1px solid #cfcfcf;

}

.exhCont.nth2 {
	border-top: 1px solid #000;
}

.exhCont dt {
	display: block;
	width: 230px;
	border-right: 1px solid #cfcfcf;
	font-size: 2rem;
	line-height: 1em;
	font-weight: 700;
	padding: 27px 0 27px 26px;
	background-color: #f7f7f7;
}

.exhCont dd {
	display: block;
	width: calc(100% - 230px);
	font-size: 1.8rem;
	line-height: 1.5em;
	padding: 29px 0 26px 28px;
}


@media all and (max-width: 768px) {
	.boardView .titleArea {
		flex-direction: column;
		gap: 10px 0;
		padding: 18px;
	}

	.boardView .titleArea .title {
		font-size: 2rem;
	}

	.exhCont dt {
		font-size: 1.8rem;
	}

	.exhCont dd {
		font-size: 1.6rem;
	}

	.btnArea.btnRt>.btnTypeM.btnLineType1 {
		font-size: 1.6rem;
	}
}

@media all and (max-width: 580px) {
	.exhCont {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.exhCont dt {
		border-right: 0;
		border-bottom: 1px solid #cfcfcf
	}

	.exhCont dt,
	.exhCont dd {
		width: 100%;
		padding: 18px 0 18px 26px;
	}
}

/* Gallery */
.boardGallery,
.boardGallery * {
	box-sizing: border-box;
}

.boardGallery {
	width: 100%;
	overflow: hidden;
	padding: 30px 0;
	margin-top: 10px;
	border-top: 3px solid #61646c;
	border-bottom: 1px solid #93969c;
}

.boardGallery>div {
	float: left;
	width: 23%;
	margin: 1%;
	padding: 10px 10px 15px;
	border: 1px solid #b7b8be;
}

.boardGallery>div:first-child {}

.boardGallery .gImg {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0px;
	padding-bottom: 68%;
}

.boardGallery .gImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	border: 1px solid #ddd;
}

.boardGallery .gCont {
	overflow: hidden;
}

.boardGallery .gCont .bTitle {
	margin: 8px 0;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* .boardGallery .gCont .bName {} */
.boardGallery .gCont .bDate {
	float: right;
	font-size: 12px;
}

.boardTextGallery {
	margin-top: 10px;
	border-top: 3px solid #61646c;
	border-bottom: 1px solid #93969c;
}

.boardTextGallery>ul>li {
	border-top: 1px dashed #bdbdbd;
}

.boardTextGallery>ul>li:after {
	content: "";
	display: block;
	clear: both;
}

.boardTextGallery>ul>li:first-child {
	border-top: none;
}

.boardTextGallery>ul>li:hover {
	background: #f9f9f9;
}

.boardTextGallery a {
	text-decoration: none;
}

.boardTextGallery>ul>li>a {
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 20px
}

.boardTextGallery .tgImg {
	overflow: hidden;
	float: left;
	/*max-width:220px; min-height:146px;*/
	margin-right: 20px;
}

.boardTextGallery .tgImg img {
	width: 100%;
	height: inherit;
}

.boardTextGallery .tgCont {
	box-sizing: border-box;
}

.boardTextGallery .tgCont .bTitle {
	margin-bottom: 5px;
	font-size: 2.6rem;
	font-weight: bold;
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.boardTextGallery .tgImg {
	width: 400px;
	height: 250px;
	float: inherit;
	display: block;
	overflow: hidden;
	flex: 0 0 auto;
}

.boardTextGallery .tgImg img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}

.boardTextGallery .tgCont {
	width: calc(100% - 400px);
	flex: 1;
}

.boardTextGallery .tgCont .sTitle {
	font-weight: bold;
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.boardTextGallery .tgCont span {
	display: inline-block;
	padding-left: 10px;
	margin-right: 10px;
	font-size: 12px;
	background: url(/resource/img/common/board/d_line.gif) no-repeat 0 4px;
}

.boardTextGallery .tgCont span.bName {
	padding: 0;
	font-weight: bold;
	background: none
}

.boardTextGallery .tgCont .tgTxt {
	margin: 10px 0 5px;
	font-size: 1.8rem;
}

.boardTextGallery .tgCont .tgTxt>.txtL:nth-child(1) {
	font-weight: 400;
	margin: 20px 0;
}

.boardTextGallery2 {
	margin-top: 10px;
	border-top: 3px solid #61646c;
	border-bottom: 1px solid #93969c;
}

.boardTextGallery2>div {
	padding: 20px;
	border-top: 1px dashed #bdbdbd
}

.boardTextGallery2>div:first-child {
	border-top: none;
}

.boardTextGallery2 p {
	overflow: hidden;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	color: #000;
}

.boardTextGallery2 p a {
	float: right;
	margin-left: 10px;
}

.boardTextGallery2 .gListBlock {
	overflow: hidden;
}

.boardTextGallery2 .gListBlock:after {
	content: "";
	display: block;
	clear: both;
}

.boardTextGallery2 .gListBlock:first-child {
	border-top: none;
}

.boardTextGallery2 .gListBlock .tgImg {
	overflow: hidden;
	float: left;
	max-width: 160px;
}

.boardTextGallery2 .gListBlock .tgImg img {
	width: 100%;
	height: inherit;
}

.boardTextGallery2 .gListBlock .tgCont {
	margin-left: 180px;
	box-sizing: border-box
}

.boardTextGallery2 .gListBlock .tgCont li {
	overflow: hidden;
	padding-bottom: 5px;
}

.boardTextGallery2 .gListBlock .tgCont li a {
	display: block;
	float: left;
	width: 65%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.boardTextGallery2 .gListBlock .tgCont li a:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 2px;
	margin: 0 3px 4px 0;
	background: #777;
}

.boardTextGallery2 .gListBlock .tgCont li span {
	float: right;
	font-size: 12px;
	color: #777
}

.boardTextGallery2 .gListBlock .tgCont li span i {
	padding-right: 12px;
	margin-right: 10px;
	background: url(/resource/img/common/board/d_line.gif) no-repeat right 3px;
}



@media all and (max-width: 1024px) {
	.boardTextGallery .tgImg {
		width: 250px;
		height: 150px;
	}

	.boardTextGallery .tgCont {
		width: calc(100% - 250px);
	}

	.boardTextGallery .tgCont .bTitle {
		font-size: 2.4rem;
	}
}

@media all and (max-width: 768px) {
	.boardTextGallery>ul>li>a {
		flex-direction: column;
		gap: 8px 0;
	}

	.boardTextGallery .tgCont {
		width: 100%;
	}

	.boardTextGallery .tgImg {
		width: 100%;
		height: auto;
		aspect-ratio: 400 / 250;
		margin: 0;
	}

	.boardTextGallery .tgCont .bTitle {
		font-size: 2rem;
	}

	.boardTextGallery .tgCont .tgTxt {
		font-size: 1.6rem;
	}

	.boardTextGallery .tgCont .tgTxt>.txtL:nth-child(1) {
		text-overflow: ellipsis;
		overflow: hidden;
		line-height: 1.5em;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		position: relative;
		word-break: break-all;
	}

	.boardTextGallery .tgCont .tgTxt>.txtL:nth-child(2) {
		word-break: keep-all;
	}
}

/************** msry Gallery ****************/
.msryGallery {
	display: block;
	width: 100%;
	margin: 0 auto;
	overflow: visible;
	position: relative;
}

.msryList {
	width: 100%;
	overflow: visible;
}

.msryItem {
	/* break-inside: avoid;
	-webkit-column-break-inside: avoid; */
	width: calc(25% - 30px);
	margin-bottom: 40px;
	height: auto;
	overflow: visible;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 30px 0;
}

.msryItem>.egImg {
	display: block;
	width: 100%;
	height: auto;
}

.msryItem>.egImg>a {
	display: block;
	width: 100%;
}

.msryItem>.egImg img {
	display: block;
	width: 100%;
	height: auto;
}

.msryItem .egCont {
	width: 100%;
	height: auto;
	overflow: visible;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 26px 0;
}

.msryItem .egCont .title {
	font-size: 2.4rem;
	line-height: 1.2em;
	font-weight: 600;
}

.msryItem .egCont .title,
.msryItem .egCont .cont {
	white-space: normal;
	overflow: visible;
}

.msryItem .egCont .cont {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
}

.msryItem .egCont .cont>dt {
	width: 40px;
	padding: 0;
	font-size: 1.8rem;
	line-height: 1.8em;
	font-weight: 700;
	color: #000;
	background: url(/resource/img/common/board/d_line.gif) no-repeat right top 4px;
	box-sizing: border-box;
	margin-right: 10px;
}

.msryItem .egCont .cont>dd {
	font-size: 1.8rem;
	line-height: 1.8em;
	word-break: break-all;
	width: calc(100% - 50px);
}

@media all and (max-width: 1024px) {
	.msryItem {
		width: calc(33.3333% - 18.6666px) !important;
	}
}

@media all and (max-width: 768px) {

	.msryItem .egCont .title {
		font-size: 2rem;
	}

	.msryItem .egCont .cont>dt,
	.msryItem .egCont .cont>dd {
		font-size: 1.6rem;
	}
}

@media all and (max-width: 580px) {
	.msryItem {
		width: calc(50% - 8px) !important;
		padding-bottom: 40px;
		gap: 16px 0;
	}

	.msryItem .egCont {
		gap: 18px 0;
	}
}

@media all and (max-width: 360px) {
	.msryItem {
		width: 100% !important;
	}
}

/**********스토리텔링 추가 스타일**********/
.msryItem .egCont .cont.sttl>dt {
	width: 70px;
}

.msryItem .egCont .cont.sttl>dd {
	width: calc(100% - 110px);
}

/*----------------------------프로그램안내---------------*/
.boardTextGallery3 {
	width: 100%;
	margin: 0;
	border: 0;
}

.boardTextGallery3 ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 80px 50px;
}

.boardTextGallery3 li {
	width: calc(33.3333% - 33.3333px);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	max-width: 446px;
	gap: 30px 0;
}

.boardTextGallery3 li:first-child {
	border-top: none;
}

.boardTextGallery3 .egImg {
	width: 100%;
	float: unset;
	aspect-ratio: 446 / 300;
	overflow: hidden;
}

.boardTextGallery3 .egImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.boardTextGallery3 .egCont {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}

.boardTextGallery3 .egCont .egCategory {
	color: #fff;
	background: var(--main-color);
	font-size: 1.8rem;
	line-height: 1em;
	font-weight: 500;
	padding: 9px 0;
	width: 88px;
	text-align: center;
	margin-bottom: 22px;
}

.boardTextGallery3 .egCont p.title {
	margin: 0 0 27px;
	font-size: 2.6rem;
	line-height: 1.2em;
	font-weight: 600;
	letter-spacing: -0.05em;
	transition: 0.4s;
	white-space: normal;
	display: block;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	position: relative;
	word-break: break-all;
}

.boardTextGallery3 li:hover .egCont p.title {
	text-decoration: underline;
	transition: 0.4s;
}

.boardTextGallery3 .egCont p.cont {
	display: block;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	position: relative;
	word-break: break-all;
}

.boardTextGallery3 .egCont dl {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	margin-bottom: 17px;
}

.boardTextGallery3 .egCont dl:last-child {
	margin-bottom: 0;
}

.boardTextGallery3 .egCont dt {
	width: 80px;
	padding: 0;
	font-size: 1.8rem;
	line-height: 1em;
	font-weight: 700;
	color: #000;
	background: url(/resource/img/common/board/d_line.gif) no-repeat right 8px;
	box-sizing: border-box;
}

.boardTextGallery3 .egCont dd {
	width: calc(100% - 80px);
	padding: 0 0 0 12px;
	box-sizing: border-box;
	font-size: 1.8rem;
	line-height: 1em;
	font-weight: 400;
}

@media all and (max-width: 1284px) {
	.boardTextGallery3 ul {
		gap: 60px 30px;
	}

	.boardTextGallery3 li {
		width: calc(33.3333% - 20px);
	}
}

@media all and (max-width: 768px) {
	.boardListTxt {
		font-size: 1.6rem;
	}

	.searchOneItem.boardSearchForm .rowTable .group {
		border: 0;
	}

	.searchOneItem.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch {
		width: auto;
	}

	.searchOneItem.boardSearchForm .rowTableTypeSearchBar .cellInDv {
		padding: 0;
	}

	.searchOneItem.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .srchKeyword .btnTypeM.btnIcoSearch {
		position: unset;
	}

	.searchOneItem select.selectForm {
		width: 180px !important;
		padding: 10px 24px;
		font-size: 1.6rem;
	}

	.searchOneItem.boardSearchForm .rowTable .cell .srchKeyword .btnTypeM.btnIcoSearch {
		height: 38px;
		background-size: auto 16px;
	}

	.boardTextGallery3 li {
		width: calc(50% - 20px);
	}

	.boardTextGallery3 .egCont .egCategory {
		font-size: 1.6rem;
		line-height: 1em;
		padding: 6px;
		width: 66px;
		margin-bottom: 16px;
	}

	.boardTextGallery3 .egCont p.title {
		font-size: 2rem;
	}

	.boardTextGallery3 .egCont dl {
		margin-bottom: 12px;
	}

	.boardTextGallery3 .egCont dt {
		font-size: 1.6rem;
		background: url(/resource/img/common/board/d_line.gif) no-repeat right 2px;
	}

	.boardTextGallery3 .egCont dd {
		font-size: 1.6rem;
	}

}

@media all and (max-width: 580px) {
	.searchOneItem.boardSearchForm {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 16px 0;
	}

	.searchOneItem.boardSearchForm .rowTable {
		width: 100%;
	}

	.searchOneItem.boardSearchForm .rowTable .row {
		width: 100%;
	}

	.searchOneItem.boardSearchForm .rowTable .row .group.alone {
		width: 100%;
	}

	.searchOneItem.boardSearchForm .rowTable .row .group.alone>form {
		width: 100%;
	}

	.searchOneItem.boardSearchForm .rowTable .cell {
		width: 100%;
	}

	.searchOneItem select.selectForm {
		width: calc(100% - 60px) !important;
	}
}

@media all and (max-width: 440px) {
	.boardTextGallery3 li {
		width: 100%;
		gap: 16px 0;
	}
}

/*----------------------------온라인놀이터(리스트 4개)---------------*/
.boardTextGallery3.list4 li {
	width: calc(25% - 22.5px);
}

.boardTextGallery3.list4 .egImg {
	aspect-ratio: 1;
}

@media all and (max-width: 1024px) {
	.boardTextGallery3.list4 li {
		width: calc(33.3333% - 20px);
	}
}

@media all and (max-width: 480px) {
	.boardTextGallery3.list4 li {
		width: calc(50% - 15px);
	}

}



.boardTextGallery4 {
	width: 100%;
	margin-top: 10px;
	border-top: 3px solid #61646c;
	border-bottom: 1px solid #93969c;
}

.boardTextGallery4 li {
	min-height: 180px;
	padding: 20px;
	border-top: 1px solid #bdbdbd;
	overflow: hidden;
}

.boardTextGallery4 li:first-child {
	border-top: none;
}

.boardTextGallery4 li:hover {
	/**background:#f9f9f9;**/
}

.boardTextGallery4 .egImg {
	float: left;
	width: 160px;
	margin-top: 5px;
}

.boardTextGallery4 .egImg img {
	max-width: 100%;
	border: 1px solid #ddd
}

.boardTextGallery4 .egCont {}

.boardTextGallery4 .egCont p.title {
	margin: 5px 0 10px;
	font-size: 16px;
	font-weight: bold;
	color: #FFBB00;
}

.boardTextGallery4 .egCont dl {
	overflow: hidden;
}

.boardTextGallery4 .egCont dt {
	float: left;
	padding: 3px 15px 3px 0;
	width: 20%;
	font-weight: bold;
	color: #000;
	background: url(/resource/img/common/board/d_line.gif) no-repeat right 8px;
	font-weight: bold;
	color: #000;
	box-sizing: border-box;
}

.boardTextGallery4 .egCont dd {
	padding: 3px 0 3px 40px;
	box-sizing: border-box;
}

.boardTextGallery4 .egCont dt:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 2px;
	margin: 0 3px 4px 0;
	background: #777;
}

.boardTextGallery4 .egCont dd:after {
	content: "";
	display: block;
	clear: both;
}


.boardTextGallery li {
	overflow: hidden;
}

.exhContWrap .exhCont.view {
	width: 100%;
}

.exhContWrap .exhCont.view dd {
	padding-bottom: 9px;
	line-height: 20px;
}

/* 파일첨부 */
.fileInfo {
	overflow: hidden;
	margin-top: 10px;
	padding: 8px;
	border: 3px solid #ccd4e4;
}

.fileInfo li {
	float: right
}

.fileInfo li:first-child {
	float: left;
	padding-top: 5px;
	word-break: break-all;
}

.fileList {
	width: 100%;
	margin-top: 10px;
	border-bottom: 1px solid #8e919a;
}

.fileList th,
.fileList td {
	height: 30px;
	padding: 9px 10px 8px;
	text-align: center;
}

.fileList td {
	border-top: 1px solid #d7d7d7;
}

.fileList tr:first-child td {
	border: none;
}

.fileList th {
	background: #6faf09;
	color: #fff;
}

.srcoll-table {
	/*clear:both;*/
}

/* Common */
.bs-board {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

.bs-board h4 {
	font-size: 1.2em;
	margin-bottom: 20px;
}

.bs-form-box {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 10px;
}

.bs-form-box dl {
	display: block;
	position: static;
	height: 100%;
}

.bs-form-box dt {
	padding: 15px 20px;
	box-sizing: border-box;
}

.bs-form-box dd {
	padding: 15px;
	box-sizing: border-box;
}

.bs-form-box dt {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 150px;
	color: #000;
}

.bs-form-box dd {
	margin-left: 150px;
	overflow: hidden;
}

.bs-form-box dd input,
.bs-form-box dd textarea,
.bs-form-box dd select {
	max-width: 100%;
	box-sizing: border-box;
}

.bs-form-box dd input[type="text"],
.bs-form-box dd input[type="number"],
.bs-form-box dd input[type="email"],
.bs-form-box dd input[type="password"],
.bs-form-box dd select,
.bs-form-box dd textarea {
	width: 100%;
}

.bs-form-box dd label {
	cursor: pointer;
}

.bs-form-box dd div {
	display: block;
	float: left;
	margin-right: 1.5em;
}

.bs-form-box dd legend {
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.bs-form-box fieldset {
	display: inline;
	position: static;
}

.bs-form-box .form-group {
	position: relative;
	clear: both;
	border-bottom: 1px solid #ddd;
}

.bs-form-box .form-group:after {
	content: "";
	display: block;
	position: relative;
	clear: both;
}

.bs-view dl.form-data-subject dt,
.bs-view dl.form-data-content dt {
	position: absolute !important;
	width: 1px;
	height: 1px;
	left: -999px;
}

.bs-view dl.form-data-subject dd,
.bs-view dl.form-data-content dd {
	margin: 0;
}

.bs-view dl.form-data-content dd {
	padding: 40px 10px;
}

.bs-view dl.form-data-content.form-type-B.form-str-base dd>img {
	display: block;
	margin: 0 auto;
}

.bs-view dl.form-data-subject p {
	float: left;
	margin-right: 15px;
	color: #666;
	display: none;
}

.bs-view dl.form-data-subject p.date-text strong {
	display: block;
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	top: -999px;
	left: -999px;
}

.bs-view dl.form-data-subject p.hit-text strong {
	display: block;
	float: left;
	width: 21px;
	height: 21px;
	margin-right: 8px;
	overflow: hidden;
	text-indent: -999px;
	background: url('../img/common/icon_view.png') no-repeat 50% 50%;
}

.bs-view dt {
	color: #000;
}

.bs-view dd {
	color: #555;
	position: relative;
}

.bs-view dd:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5.5px;
	width: 2px;
	height: 11px;
	background: #bbbdbf;
}

.bs-view dl.form-data-subject dd:before,
.bs-view dl.form-data-content dd:before {
	display: none;
}

.bs-view dl.form-data-subject dd {
	padding: 0
}

.bs-view dl.form-data-subject h5,
.boardView .form-group h4,
.boardView .form-data-subject {
	border: 1px solid #ddd;
	background: #f7f7f7;
	text-align: center;
	padding: 29px 15px 27px;
	gap: 0 20px;
	font-size: 2.6rem;
	color: #000
}

.boardView .form-data-info {
	border-bottom: 1px solid #ddd;
}

.boardView .form-data-content {
	margin: 50px 0
}

.btnArea.btnRt {
	margin-top: 50px
}

.boardView .form-data-content {
	background: #fff;
	border-bottom: 1px solid #ddd;
}

.boardView .form-data-content dd {
	padding: 0
}

.boardView .form-data-content dd>div>iframe {
	width: 80%;
	margin: 0 auto;
	height: 60vh;
	display: block;
}

@media all and (max-width: 768px) {

	.boardView .form-data-content dd>div>iframe {
		width: 100%;
	}
}

/**************************전시스케치 & 박물관 갤러리*************************/
.thumbListType1 {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
	gap: 60px 30px;
	flex-wrap: wrap;
	margin: 0 auto;
}

.thumbListType1>li {
	float: unset;
	width: calc(33.3333% - 20px);
	display: block;
	border: 1px solid #ddd;
}

.thumbListType1>li>a.item {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.thumbListType1>li .thumb {
	display: block;
	position: relative;
	aspect-ratio: 467 / 311;
	overflow: hidden;
}

.thumbListType1>li .thumb::after {
	display: block;
	content: '';
	width: 32px;
	height: 32px;
	/*background-image: url(/humanframe/theme/museum_busan_2025/assets/img/main/icon_main_sns_thumb_01.png);*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	position: absolute;
	bottom: 16px;
	right: 16px;
}

.thumbListType1>li .thumb.insta::after {
	background-image: url(/humanframe/theme/museum_busan_2025/assets/img/main/icon_main_sns_thumb_01.png);
}

.thumbListType1>li .thumb.fb::after {
	background-image: url(/humanframe/theme/museum_busan_2025/assets/img/main/icon_main_sns_thumb_02.png);
}

.thumbListType1>li .thumb.yt::after {
	background-image: url(/humanframe/theme/museum_busan_2025/assets/img/main/icon_main_sns_thumb_03.png);
}

.thumbListType1>li .thumb.nblog::after {
	background-image: url(/humanframe/theme/museum_busan_2025/assets/img/main/icon_main_sns_thumb_04.png);
}

.thumbListType1>li .thumb>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.thumbListType1>li .titBar {
	background: #fff;
	text-align: center;
	padding: 20px;
}

.thumbListType1>li .titBar .tit {
	height: auto;
}

.thumbListType1>li .titBar .txtR {
	display: none;
}

.thumbListType1>li .titBar .date {
	float: none;
	width: 100%;
	text-align: center;
}


@media all and (max-width: 768px) {
	.thumbListType1>li {
		width: calc(50% - 20px);
	}
}

@media all and (max-width: 440px) {
	.thumbListType1>li {
		width: 100%;
	}
}

/** Type Layout */
.bs-form-box dl {
	width: 50%;
	float: left;
}

.bs-form-box dl.form-data-subject,
.bs-form-box dl.form-type-B,
.bs-form-box dl.form-str-addss {
	width: 100%;
	clear: both;
}

.bs-form-box dl.form-str-integer input {
	text-align: right;
}

.bs-form-box dl.form-str-addss dd {
	padding-right: 100px;
}

.bs-form-box dl.form-str-addss dd button {
	position: absolute;
	right: 10px;
	top: 10px;
	height: 38px;
}

.bs-form-box dl.form-data-content textarea {
	height: 400px;
}


/* 텍스트 banner Gallery */
.bannerGallery,
.bannerGallery * {
	box-sizing: border-box;
}

.bannerGallery {
	width: 100%;
	overflow: hidden;
	padding: 30px 0;
	margin-top: 10px;
	border-top: 3px solid #61646c;
	border-bottom: 1px solid #93969c;
}

.bannerGallery>div {
	float: left;
	width: 48%;
	margin: 1%;
}

.bannerGallery .gImg {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0px;
	padding-bottom: 30%;
}

.bannerGallery .gImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	border: 1px solid #ddd;
}

.bannerGallery .gCont {
	overflow: hidden;
	margin-bottom: 4px;
}

.bannerGallery .gCont .bTitle {
	margin-top: 8px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.bannerGallery .gCont .bDate {
	padding-left: 15px;
	font-size: 12px;
}

.bannderWrap .bannerimg_view a {
	display: inline-block;
}

.bannderWrap .bannerimg_view {
	width: 95%;
	margin: 0 auto;
	display: table;
}

.bannerGallery .gImg img {
	transition: all 0.5s;
}

.bannerGallery .gImg img:hover {
	box-shadow: 0 5px 15px #acacac;
}

/*부산시장 24시*/
.calendarTitle {
	font-size: 1.8rem;
	text-align: center;
	line-height: 1em;
	display: block;
	width: 100%;
	background: #f7f7f7;
	padding: 27px 0;
	margin-bottom: 40px;
	color: #111;
}

.calendarTit {
	font-size: 2.0em;
	position: relative;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 25px;
}

.calendarTit .bx-prev {
	left: 0px;
	background: url(../img/common/ico_controls.png) no-repeat 0 0px;
}

.calendarTit .bx-next {
	right: 0px;
	background: url(../img/common/ico_controls.png) no-repeat -114px 0px;
}

.calendarTit .bx-prev,
.calendarTit .bx-next {
	position: absolute;
	top: 50%;
	margin-top: -13px;
	text-indent: -9999px;
	width: 45px;
	height: 35px;
}

.calendarTable {
	color: #c4c4c4;
	font-weight: bold;
	width: 100%;
	font-size: 16px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

.calendarTable th {
	color: #333;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
	background: #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.calendarTable td {
	color: #bdbdbd;
	text-align: left;
	padding: 5px;
	position: relative;
	height: 150px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
}

.calendarTable td a {
	display: inline-block;
	display: block;
}

.calendarTable td .cal_day {
	color: #333;
	padding: 10px 0 10px 11px;
	display: block;
}

.calendarTable td .cal_day.before {
	color: #aaa;
}

.calendarTable td .cal_top_add {
	font-size: 11px;
	color: #fff;
	background: #657199;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	letter-spacing: -1px;
	position: absolute;
	top: 15px;
	right: 5px;
	cursor: pointer;
	padding: 2px;
}

.calendarTable td .cal_mid {
	color: #333;
	padding: 0px 0 7px 0;
	font-size: 0.8em;
	overflow: hidden;
}

.calendarTable td .cal_bor_last {
	border-right: 0;
}

.cal-devide {
	padding: 0 3px;
}

.list-board-wrap {
	width: 100%;
	overflow-x: auto;
}

.list-board-wrap .edu-map iframe {
	width: 100%;
	height: 350px;
}

select.selectForm.selectDate {
	max-width: 100%;
	height: 2.857em;
	font-weight: bold;
	font-size: 0.5em;
	height: 2.5em;
	margin-top: 8px;
	max-width: unset;
}

.calendarTable {
	border-left: 1px solid #ddd;
	border-top: 2px solid #2f5883;
}

.calendarTable.center th.sun,
.calendarTable td a.sun {
	color: #e1494f;
}

.calendarTable.center th.sat,
.calendarTable td a.sat {
	color: #417ed1;
}

.calendarTableWrap .icoCircle {
	width: 7px;
	height: 7px;
	background: #2f5883;
	border-radius: 10px;
	display: inline-block;
	margin: 5px 5px 0 0;
	float: left;
}

.calendarTableWrap .cal_work {
	display: inline-block;
	float: left;
	width: 88px;
	text-overflow: ellipsis;
	overflow: hidden;
	/* white-space:nowrap; */
	word-wrap: break-word;
}

.calendarTableWrap .todayon {
	background: url(../img/common/bg_todayon.png) no-repeat 0px 5px;
}

.calendarTable td .cal_day.todayon {
	color: #fff;
}

.td_scrollX {
	overflow-x: auto;
	height: 115px;
}


/********* media query *********/

@media all and (max-width: 1280px) {
	.boardTop .boardInfo+.boardSearchBox {
		padding-top: 15px;
	}

}

@media all and (max-width: 790px) {
	.boardTop .boardSearch.datetime {
		margin-left: 0;
	}

	.bs-view dl.form-data-subject h5,
	.boardView .form-group h4,
	.boardView .form-data-subject {
		font-size: 2rem;
		padding: 15px
	}

	.bs-form-box .form-group {
		border-bottom: 0
	}

	.bs-form-box dl {
		width: 100%;
		float: none;
		position: relative;
		border-bottom: 1px solid #ddd
	}

	.bs-form-box dd {
		margin-left: 120px;
	}

	.bs-form-box dt {
		width: 120px;
	}
}

@media all and (max-width: 645px) {
	.boardTop .boardSearchBox {
		clear: both;
	}

	.boardTop .boardSearchBox .boardSearch input[type="text"],
	.boardTop .boardSearchBox .boardSearch.datetime input[type="text"] {
		width: 80px;
	}

}

@media all and (max-width: 430px) {
	.boardTop .boardSearchBox .boardSearch {
		clear: both;
		margin-left: 0;
	}

	.boardTop .boardSearchBox .boardSearch.datetime {
		float: right;
	}

	.boardTop .boardSearchBox .boardSearch input[type="text"] {
		width: 123px;
	}
}

@media all and (max-width: 1280px) {
	.boardTop .boardInfo+.boardSearchBox {
		padding-top: 15px;
	}
}

@media all and (max-width: 790px) {
	.boardTop .boardSearch.datetime {
		margin-left: 0;
	}
}

@media all and (max-width: 645px) {
	.boardTop .boardSearchBox {
		clear: both;
	}

	.boardTop .boardSearchBox .boardSearch input[type="text"],
	.boardTop .boardSearchBox .boardSearch.datetime input[type="text"] {
		width: 80px;
	}
}

@media all and (max-width: 430px) {
	.boardTop .boardSearchBox .boardSearch {
		clear: both;
		margin-left: 0;
	}

	.boardTop .boardSearchBox .boardSearch.datetime {
		float: right;
	}

	.boardTop .boardSearchBox .boardSearch input[type="text"] {
		width: 123px;
	}
}

/********** Contents Info Table ***********/

.InfoTable {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 40px 0;
	width: 100%;
	border-bottom: 1px solid #ddd;
	color: #121212;
	border-top: none;
}

.InfoTable:last-child {
	border-bottom: 0;
}

.InfoTable>dt {
	width: 303px;
	font-size: 2.6rem;
	font-weight: 600;
}

.InfoTable>dd {
	width: calc(100% - 303px);
	padding: 0 0 0 47px;
	border-left: 1px solid #ddd;
	font-size: 1.8rem;
	line-height: 1.4em;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-content: flex-start;
	gap: 0 32px;
	flex-wrap: wrap;
}

.InfoTable>dd>p {
	font-weight: 600;
}

.InfoTable>dd>p.exp {
	font-weight: 400;
}

.InfoTable li:before {
	display: none;
}

.museumItemList {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 16px 50px;
	margin-top: 20px;
	flex-wrap: wrap;
}

.museumItemList>li {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 0 16px;
	font-size: 1.8rem;
	line-height: 1em;
	padding: 0;
}

.museumItemList>li>.item {
	color: #fff;
	padding: 8px 14px 9px 14px;
	font-weight: 500;
	background: #1e3c73;
}

.museumItemList>li>.item.ask {
	color: #111;
	background: #eaeaea;
}

@media all and (max-width:768px) {
	.InfoTable {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 24px 0;
		border-bottom: 0;
	}

	.InfoTable>dt {
		font-size: 2rem;
		width: auto;
		border-bottom: 1px solid #ddd;
		padding-bottom: 8px;
	}

	.InfoTable>dd {
		padding: 16px 0 0;
		border-left: 0;
		width: 100%;
		font-size: 1.6rem;
	}

	.museumItemList {
		margin-top: 8px;
	}

	.museumItemList>li {
		font-size: 1.6rem;
	}

	.museumItemList {
		margin-top: 8px;
	}
}

/********** Contents h4 ***********/
.h4Bl {
	font-size: 3.4rem;
	line-height: 1em;
	margin: 70px 0 0.5em;
	font-weight: 600;
}

.h4Section {
	margin: 30px 0 0 0
}


@media all and (max-width:768px) {
	.h4Bl {
		font-size: 2.4rem;
	}
	.h4Section {
		margin: 20px 0 0 0;
	}
}

/********** Contents boxStyle ***********/
.boxStyle {
	font-size: 1.8rem;
	padding: 40px;
	background-color: #f7f7f7;
	border: 0;
}

@media all and (max-width:768px) {
	.boxStyle {
		font-size: 1.5rem;
		padding: 32px;
	}
}

.bsmuList li .bsmuBullet {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	line-height: 30px;
}

/********** Contents Tap Menu ***********/
.tabWrap {
	display: block;
	width: 100%;
	position: relative;
}

.tab_btn {
	display: block;
	position: absolute;
}

.board_content {
	display: none;
}

.board_content.active {
	display: block;
}

/********** Pagenation ***********/
.paginate {
	margin: 120px 0;
	font-size: 1.8rem;
	gap: 0 25px;
}

.paginate>a {
	background-size: auto;
	background-position: center !important;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	border: none;
}

.paginate>a.pgEnd,
.paginate>a.pgFirst {
	background-image: url(/humanframe/theme/museum_busan_2025/assets/img/content/icon_board_last.png);
}

.paginate>a.pgNext,
.paginate>a.pgPrev {
	background-image: url(/humanframe/theme/museum_busan_2025/assets/img/content/icon_board_one.png);
}

.paginate>a.pgEnd,
.paginate>a.pgNext {
	transform: rotate(180deg);
}

.paginate .number {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 -13px;
	gap: 0 1px;
	font-size: 1.8rem;
	line-height: 1em;
}

.paginate .number a,
.paginate .number strong {
	border: none;
	width: 45px;
	height: 45px;
	color: #111;
	border-radius: 0;
	font-weight: 400;
	letter-spacing: -0.05em;
}

.paginate .number strong {
	font-weight: 700;
	color: #fff;
}

@media all and (max-width: 768px) {

	body {
		font-size: 1.6rem;
	}

	.paginate {
		margin: 80px 0;
		gap: 0 20px;
	}

	.paginate>a {
		width: 16px;
		height: 16px;
		background-size: auto 16px;
	}

	.paginate .number {
		gap: 0 1px;
		font-size: 1.6rem;
		line-height: 1em;
	}

	.paginate .number a,
	.paginate .number strong {
		width: 32px;
		height: 32px;
	}
}

/************** Tab Menu ****************/


.tabStyle>li:nth-last-child(2),
.tabStyle>li:nth-last-child(2)+li {
	width: 50%;
}

.tabStyle>li:nth-last-child(3),
.tabStyle>li:nth-last-child(3)~li {
	width: 33.333%;
}

.tabStyle>lii:nth-last-child(4),
.tabStyle>li:nth-last-child(4)~li {
	width: 25%;
}



.tabStyle>li>a {
	height: auto;
	padding: 23px 0 21px;
	font-size: 2rem;
	line-height: 1em;
	font-weight: 600;
	border-bottom: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}

.tabStyle>li>a:hover,
.tabStyle>li>a:focus,
.tabStyle li.active a {
	background-color: var(--main-color);
	font-weight: 600;
}


.tabStyle>li.active:after {
	display: none;
}

@media all and (max-width: 1280px) {
	.tabStyle>li {
		width: 33.3333%;
	}

	.tabStyle>li:nth-last-child(3),
	.tabStyle>li:nth-last-child(3)~li {
		width: 33.3333%;
	}

	.tabStyle>lii:nth-last-child(4),
	.tabStyle>li:nth-last-child(4)~li {
		width: 33.3333%;
	}
}

@media all and (max-width: 1024px) {
	.tabStyle>li {
		width: 50%;
	}

	.tabStyle>li:nth-last-child(2),
	.tabStyle>li:nth-last-child(2)+li {
		width: 50%;
	}

	.tabStyle>li:nth-last-child(3),
	.tabStyle>li:nth-last-child(3)~li {
		width: 50%;
	}

	.tabStyle>lii:nth-last-child(4),
	.tabStyle>li:nth-last-child(4)~li {
		width: 50%;
	}

	.tabStyle>li>a {
		font-size: 1.6rem;
		padding: 15px;
	}
}

@media all and (max-width: 768px) {
	.tabStyle>li {
		width: 100%;
	}

	.tabStyle>li:nth-last-child(3),
	.tabStyle>li:nth-last-child(3)~li {
		width: 100%;
	}

	.tabStyle>lii:nth-last-child(4),
	.tabStyle>li:nth-last-child(4)~li {
		width: 100%;
	}
}


/*******중요소장품 상세******/
.egContRowWrap {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0 60px;
	width: 100%;
}

.egContRowWrap>div {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 40px 0 0 0;
}

.egContRowWrap>.exhContLeft {
	width: 400px;
	gap: 37px 0;
	border-top: 1px solid #000;
}

.egContRowWrap>.exhContRight {
	width: calc(100% - 460px);
	border-top: 1px solid #ddd;
}

.egContRowWrap>.exhContLeft>.exhCont {
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	border-bottom: 0;
	gap: 20px 0;
}

.egContRowWrap>.exhContLeft>.exhCont>.title {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1em;
}

.egContRowWrap>.exhContLeft>.exhCont>.cont {
	font-size: 1.8rem;
	line-height: 1em;
}

.egContRowWrap .exhCont {
	border-bottom: 0;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.egContRowWrap>.exhContRight>.exhCont>.cont {
	font-size: 1.8rem;
	line-height: 1.5em;
	white-space: pre-line;
	word-break: break-all;
}

@media all and (max-width: 1024px) {
	.egContRowWrap {
		gap: 0 30px;
	}

	.egContRowWrap>.exhContRight {
		width: calc(100% - 430px);
	}
}

@media all and (max-width: 768px) {
	.egContRowWrap {
		flex-direction: column;
		gap: 40px 0;
	}

	.egContRowWrap>.exhContLeft {
		width: 100%;
	}

	.egContRowWrap>.exhContRight {
		width: 100%;
	}

	.egContRowWrap>.exhContLeft>.exhCont>.title {
		font-size: 1.8rem;
	}

	.egContRowWrap>.exhContRight>.exhCont>.cont,
	.egContRowWrap>.exhContLeft>.exhCont>.cont {
		font-size: 1.6rem;
	}
}

@media all and (max-width: 580px) {}

.boardView .form-group {
	border-top: 0;
}


/******* 박물관 소식지 ******/
.downloadBoard {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.downloadBoard>ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	gap: 40px;
	flex-wrap: wrap;
}

.downloadBoard>ul>li {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 30px 0;
	width: calc(25% - 30px);
}

.downloadBoard>ul>li>.imgArea {
	display: block;
	width: 100%;
	aspect-ratio: 330 / 450;
	overflow: hidden;
}

.downloadBoard>ul>li>.imgArea>img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.downloadBoard>ul>li>.itemInfo {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 30px 0;
	width: 100%;
}

.downloadBoard>ul>li>.itemInfo>.title {
	font-size: 2.4rem;
	line-height: 1.4em;
	font-weight: 600;
}

.downloadBoard>ul>li>.itemInfo>.downloadBtnList {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
}

.downloadBoard>ul>li>.itemInfo>.downloadBtnList>li {
	display: block;
	width: calc(50% - 5px);
}

.downloadBoard>ul>li>.itemInfo>.downloadBtnList>li>a.btn_download {
	display: block;
	width: 100%;
	padding: 16px 0 16px 14px;
	border: 1px solid var(--main-color);
	color: var(--main-color);
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1em;
	background-image: url(/humanframe/theme/museum_busan_2025/assets/img/content/icon_download_nv.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: right 14px center;
}

.downloadBoard>ul>li>.itemInfo>.downloadBtnList>li>a.btn_download.ebook {
	background-image: url(/humanframe/theme/museum_busan_2025/assets/img/content/icon_ebook_nv.png);
}

@media all and (max-width: 1140px) {
	.downloadBoard>ul {
		gap: 60px 40px;
	}

	.downloadBoard>ul>li {
		width: calc(50% - 20px);
	}
}

@media all and (max-width: 768px) {
	.downloadBoard>ul>li>.itemInfo>.title {
		font-size: 2rem;
	}

	.downloadBoard>ul>li>.itemInfo>.downloadBtnList>li>a.btn_download {
		font-size: 1.6rem;
	}
}

@media all and (max-width: 480px) {
	.downloadBoard>ul>li {
		width: 100%;
	}
}

/******* 행사 달력 ******/

.calendar_wrap {
	margin-bottom: 80px;
}

.calendar_area {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
	justify-content: flex-start;
	gap: 0 40px;
	margin: 0 auto;
}

.eventinfo,
.calendar_bx {
	width: calc(50% - 20px);
	max-width: unset;
	border: 1px solid #ddd;
	padding: 40px;
}

.calendar_title {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	margin-bottom: 24px;
}

.calendar_title>.month {
	font-size: 1.5em;
	font-weight: 800;
}

.calendar_title>.button_bx {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.calendar_title>.button_bx>.before_month,
.calendar_title>.button_bx>.next_month {
	width: 46px;
	height: 46px;
	text-indent: -9999px;
	background-image: url(/humanframe/theme/museum_busan_2025/assets/img/content/icon_calendar_move.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
	border: 1px solid #ddd;
}

.calendar_title>.button_bx>.next_month {
	transform: rotate(180deg);
}

.calendar_title>.button_bx>.selectBx {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	gap: 0 10px;
}

.calendar_title>.button_bx>.selectBx>select {
	font-size: 1.8rem;
	line-height: 1em;
	padding: 13px 40px 13px 19px;
	border: 1px solid #ddd;
	border-radius: 0;
}

.calendar_title>.button_bx>.selectBx>.selectSearch {
	text-indent: -9999px;
	width: 46px;
	background-color: #000;
	background-image: url(/humanframe/theme/museum_busan_2025/assets/img/content/icon_search.png);
	background-size: auto 19px;
	background-repeat: no-repeat;
	background-position: center;
}

.calendar {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}

.calendar>.day,
.calendar>.date {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
	flex-wrap: wrap;
}

.calendar>.date>li.event>button {
	text-decoration: none !important;
}

.calendar>.date>li.event>button::after {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: var(--main-color);
	content: '';
	position: absolute;
	bottom: 13px;
	left: 50%;
	margin-left: -3px;
}

.calendar>.day {
	background: #f7f7f7;
}

.calendar>.date {
	border-bottom: 1px solid #ddd;
	background: transparent !important;
}

.calendar>.day>li,
.calendar>.date>li {
	display: flex;
	width: calc(100% / 7);
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: auto;
	font-weight: 700;
	font-size: 1.8rem;
	position: relative;
}

.calendar>.date>li.event {
	position: relative;
}

.calendar>.day>li {
	border: 0;
	font-size: 1.8rem;
	padding: 12px 0;
}

.calendar>.date>li::before {
	display: block;
	content: '';
	padding-bottom: 100%;
}

.calendar>.date>li.on {
	color: #fff;
	background: #7e7e7e;
}

.calendar>.date>li.next_date {
	background: none;
	color: #aaa !important;
}

.calendar>.date>li.hday {
	background: #f5f5f5;
}

.calendar>.date>li.hday::after {
	display: block;
	content: '휴관일';
	position: absolute;
	bottom: 13px;
	left: 50%;
	transform: translate(-50%, 0);
	font-size: 1.2rem;
	line-height: 1em;
	font-weight: 300;
	color: #666;
}

.calendar>.day>li {
	border: 1px solid #ddd;
	border-right: 0;
	border-top: 1px solid #000;
	border-bottom: 0;
}

.calendar>.day>li:first-child,
.calendar>.date>li:nth-child(7n + 1),
.calendar>.date>li:nth-child(7n + 1)>button {
	color: #d83737;
	border-left: 0;
}

.calendar>.day>li:last-child,
.calendar>.date>li:nth-child(7n),
.calendar>.date>li:nth-child(7n)>button {
	color: #2199d0;
	border-right: 0;
}

.calendar>.date>li {
	border: 1px solid #ddd;
	border-right: 0;
	border-bottom: 0;
}

.calendar>.date>li>button {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 1.8rem;
	line-height: 1em;
}

.calendar>.date>li.next_date>button {
	color: #aaa;
}

.calendar>.date>li.event>button {
	text-decoration: underline;
}

.calendar>.date>li.checked {
	border: 2px solid var(--main-color);
}

.eventinfo>.title {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 2.8rem;
	padding-bottom: 26px;
	border-bottom: 1px solid #000;
	margin-bottom: 4px;
}

.eventinfo>.title>.more_link {
	font-size: 0.667em;
	padding-right: 22px;
	background-image: url(/humanframe/theme/domoheon/assets/img/common/icon_arrow_viewmore.png);
	background-repeat: no-repeat;
	background-size: auto 12px;
	background-position: right center;
}

.eventcont {
	display: block;
	width: 100%;
}

.eventcont>li {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}

.eventcont>li>.type {
	width: 96px;
	padding: 6px 0;
	background-color: #7d7d7d;
	color: #fff;
	font-size: 1em;
	text-align: center;
	border-radius: 20px;
	margin-right: 30px;
}

.eventcont>li>.cont {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	font-weight: 500;
	width: 100%;
	padding: 24px 0;
	border-bottom: 1px solid #ddd;
}

.eventcont>li>.cont>a {
	padding-left: 24px;
	position: relative;
	font-size: 1.8rem;
	line-height: 1.2em;
	width: calc(100% - 200px);
}

.eventcont>li>.cont>a::before {
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #0338a0;
	position: absolute;
	top: 7.8px;
	left: 10px;
}

.eventcont>li>.cont:hover>a {
	text-decoration: underline;
}

.eventcont>li>.cont>.locate {
	color: #666;
	font-weight: 400;
	width: 200px;
	text-align: right;
}

@media all and (max-width:1284px) {
	.calendar_area {
		gap: 0 20px;
	}

	.eventinfo,
	.calendar_bx {
		padding: 20px;
		width: calc(50% - 10px);
	}

	.eventcont>li>.cont {
		flex-direction: column;
		justify-content: flex-start;
		gap: 4px 0;
	}

	.eventcont>li>.cont>a {
		width: 100%;
	}

	.eventcont>li>.cont>.locate {
		width: 100%;
		padding-left: 24px;
	}
}

@media all and (max-width:1024px) {
	.calendar_area {
		flex-direction: column;
		gap: 24px 0;
	}

	.eventinfo,
	.calendar_bx {
		padding: 40px;
		width: 100%;
	}
}

@media all and (max-width:768px) {

	.eventinfo,
	.calendar_bx {
		width: 100%;
		max-width: inherit;
	}

	.calendar_title>.month {
		font-size: 2.4em;

	}

	.calendar>.day,
	.calendar>.date {
		font-size: 1.6rem;
	}

	.eventinfo>.title {
		font-size: 2.2rem;
		padding-bottom: 18px;
	}

	.calendar>.day>li,
	.calendar>.date>li,
	.calendar>.date>li>button,
	.eventcont>li>.cont>a,
	.calendar_title>.button_bx>.selectBx>select {
		font-size: 1.6rem;
	}

	.eventcont>li>.cont>.locate {
		font-size: 1.4rem;
	}

	.calendar_title>.button_bx>.before_month,
	.calendar_title>.button_bx>.next_month {
		width: 44px;
		height: 44px;
	}

	.calendar_title>.button_bx>.selectBx>.selectSearch {
		width: 44px;
	}
}

@media all and (max-width:580px) {

	.eventinfo,
	.calendar_bx {
		padding: 20px;
	}

	.calendar>.date>li::before {
		padding-bottom: 120%;
	}

	.calendar>.date>li.event>button::after {
		bottom: 10px;
	}
}

@media all and (max-width:360px) {

	.calendar>.date>li::before {
		padding-bottom: 160%;
	}
}

/********** 조직 및 업무 ************/
.orgWrap {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 80px;
}

.orgChart {
	display: block;
	width: 100%;
	position: relative;
}

.orgChart>li,
#thirdLine>li,
#secondLine>li,
#firstLine>li {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 80px 0;
	position: relative;
}

#thirdLine,
#secondLine,
#firstLine {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	gap: 0 20px;
	width: 100%;
}

.node {
	display: block;
	position: relative;
}

.node::before,
.node::after {
	display: block;
	content: '';
	width: 1px;
	height: 40px;
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -0.5px;
	background: #ccc;
}

.node::before {
	bottom: unset;
	top: 100%;
}

.node.noChild::before {
	display: none;
}

.node>a {
	position: relative;
	padding: 16px;
	width: 260px;
	font-size: 1.8rem;
	font-weight: 500;
	border: 1px solid #000;
	display: block;
	line-height: 1em;
	text-align: center;
}

.node.museum>a {
	border: 1px solid var(--main-color);
	color: var(--main-color);
}

.node.active>a {
	border: 4px solid #000 !important;
}

.node#firstNode.active>a {
	border: 0 !important;
}

#firstLine>li:first-child>.node>a {
	width: 540px;
}

.node#firstNode::after {
	bottom: unset;
	top: 100%;
}

.node#firstNode>a {
	display: block;
	width: auto;
	font-size: 2rem;
	background: var(--main-color);
	color: #fff;
	padding: 24px 44px;
	font-weight: 500;
	border: 0;
}

#secondLine {
	margin-top: -40px;
}

#secondLine>li:nth-child(2) {
	padding-bottom: 135px;
	position: relative;
}

#thirdLine {
	position: absolute;
	bottom: 0;
	left: 0;
}

#thirdLine>li {
	gap: 40px 0;
}

#firstLine>li::after,
#firstLine>li::before,
#thirdLine>li::after,
#thirdLine>li::before {
	display: block;
	content: '';
	position: absolute;
	width: calc(50% + 20px);
	left: 50%;
	top: -40px;
	height: 1px;
	background: #ccc;
}

#firstLine>li::after,
#thirdLine>li::after {
	width: 50%;
	left: inherit;
	right: 50%;
}

#firstLine>li:last-child::before,
#firstLine>li:first-child::after,
#thirdLine>li:last-child::before,
#thirdLine>li:first-child::after {
	display: none
}

@media all and (max-width:1456px) {
	#thirdLine {
		left: 0;
		transform: translateX(50%);
	}
}

@media all and (max-width:1180px) {
	#firstLine>li:nth-child(1) {
		width: calc(50% - 13px);
	}

	#firstLine>li:nth-child(2),
	#firstLine>li:nth-child(3) {
		width: calc(25% - 13px);
	}

	#firstLine>li>.node {
		width: 100%;
	}

	#firstLine>li:first-child>.node>a,
	#firstLine>li>.node>a {
		width: 100%;
	}

	#secondLine>li {
		width: calc(50% - 10px);
	}

	#secondLine>li>.node,
	#secondLine>li>.node>a {
		width: 100%;
	}

	#thirdLine {
		width: calc(340% + 60px);
		transform: translateX(-20%);
	}

	#thirdLine>li {
		width: calc(25% - 13px);
	}

	#thirdLine>li>.node,
	#thirdLine>li>.node>a {
		width: 100%;
	}

	#fourthLine>li>.node,
	#fourthLine>li>.node>a {
		width: 100%;
	}
}

@media all and (max-width:768px) {

	.orgChart>li,
	#thirdLine>li,
	#secondLine>li,
	#firstLine>li {
		align-items: flex-start;
		gap: 40px 0;
	}

	#fourthLine,
	#thirdLine,
	#secondLine,
	#firstLine {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding-left: 60px;
		position: static;
		width: 100%;
		transform: unset;
	}

	#firstLine {
		gap: 40px 0;
	}

	#secondLine {
		margin: 0;
		gap: 20px 0;
	}

	#thirdLine {
		gap: 10px 0;
	}

	.node>a {
		font-size: 1.8rem;
		padding: 18px 16px;
	}

	.node#firstNode>a {
		padding: 22px 44px;
	}

	#firstLine>li {
		width: 100% !important;
		gap: 30px 0;
	}

	#thirdLine>li,
	#secondLine>li {
		width: 100%;
	}

	#secondLine>li {
		gap: 20px 0;
	}

	#secondLine>li:nth-child(2) {
		padding: 0;
	}

	#thirdLine>li {
		gap: 4px 0;
	}

	#fourthLine>li>.node,
	#fourthLine>li>.node>a,
	#thirdLine>li>.node,
	#thirdLine>li>.node>a,
	#secondLine>li>.node,
	#secondLine>li>.node>a,
	#firstLine>li:first-child>.node>a,
	#firstLine>li>.node>a {
		max-width: 260px;
	}

	.node::after,
	.node::before {
		display: none;
	}

	#secondLine>li:nth-child(2)::after,
	#firstLine>li:nth-child(1)::after,
	.orgChart::after {
		display: block;
		content: '';
		width: 1px;
		height: calc(100% - 62px - 28px);
		position: absolute;
		bottom: 28px;
		background: #ccc;
		left: 30px;
	}

	#firstLine>li:nth-child(1):after {
		height: 134px;
		bottom: unset;
		top: 56px;
	}

	#secondLine>li:nth-child(2)::after {
		height: 246px;
		bottom: unset;
		top: 56px;
	}

	#firstLine>li::after,
	#firstLine>li::before,
	#thirdLine>li::after,
	#thirdLine>li::before {
		width: 30px;
		left: -30px;
		top: 28px;
		height: 1px;
	}

	#fourthLine>li {
		position: relative;
	}

	#fourthLine>li::before,
	#secondLine>li::before {
		display: block;
		content: '';
		position: absolute;
		height: 1px;
		width: 30px;
		top: 28px;
		left: -30px;
		background: #ccc;
	}
}

@media all and (max-width:480px) {

	#fourthLine,
	#thirdLine,
	#secondLine,
	#firstLine {
		padding-left: 30px;
	}

	#secondLine>li:nth-child(2)::after,
	#firstLine>li:nth-child(1)::after,
	.orgChart::after {
		left: 15px;
	}

	#fourthLine>li::before,
	#secondLine>li::before,
	#firstLine>li::after,
	#firstLine>li::before,
	#thirdLine>li::after,
	#thirdLine>li::before {
		width: 15px;
		left: -15px;
	}

	#fourthLine>li>.node,
	#fourthLine>li>.node>a,
	#thirdLine>li>.node,
	#thirdLine>li>.node>a,
	#secondLine>li>.node,
	#secondLine>li>.node>a,
	#firstLine>li:first-child>.node>a,
	#firstLine>li>.node>a {
		max-width: 200px;
	}

}

#pageSatisfy {
	font-size: 1.8rem;
	line-height: 1em;
}

#pageSatisfy .manager h3 {
	width: 180px;
}

#pageSatisfy .manager dd+dt {
	margin-left: 0;
}

#replyNotice>.fsZoomIn2 {
	font-size: 1.8rem !important;
	line-height: 1.5em;
}

@media all and (max-width:768px) {
	#pageSatisfy {
		font-size: 1.6rem;
	}

	#replyNotice>.fsZoomIn2 {
		font-size: 1.6rem !important;
	}
}

.boxStyle.linkBx {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}

@media all and (max-width:768px) {
	.boxStyle.linkBx {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 16px 0;
	}

	.boxStyle.linkBx>a {
		align-self: flex-end;
	}
}

#pageSatisfy .manager dd {
	margin-right: 16px;
}

.content>.txtRight.fsZoomOut3 {
	font-size: 1.8rem !important;
}

.content>.txtRight>.button.white.small.icon.down.go {
	font-size: 1.8rem;
	height: auto;
	padding: 10px 18px;
	line-height: 1em;
}

@media all and (max-width:768px) {

	.content>.txtRight>.txtRight.fsZoomOut3,
	.content>.txtRight>.button.white.small.icon.down.go {
		font-size: 1.6rem;
	}
}