@charset "utf-8";
body{
	font-size:1.8rem;
}

.header-menu_area > li > a{
	position: relative;
}

.header-menu_area > li > a::after{
    display: block;
    content: '';
    width: 0;
    height: 2px;
    background: #000;
    position: absolute;
    bottom: -8px;
    left: 0;
    transition:0.2s;
}
.header-menu_area > li:hover > a::after{
    width: 100%;
    transition:0.2s;
}
.header-menu_area > li.active > a::after{
	display:block;
	content:'';
	width:100%;
	height:2px;
	background:#000;
	position: absolute;
	bottom:-8px;
	left:0;
}
#sideNav{
	display:none;
}
.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.itemOne{
	justify-content:flex-end;
}
.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;
}
.exhCont dd p{
	word-break:break-all;
}


@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: 80px;
    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 10px;
    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% - 90px);
}

@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: 60px 30px;
}
.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%;
	padding:20px;
}
.boardTextGallery3 .egCont .egCategory{
    color: #fff;
    background: #de4f1d;
    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: 1.25em;
    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%;
	overflow:hidden;
    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:1.2em;
    }
    .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);
    border: 1px solid #ddd;
    gap:0;
}
.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(25% - 22.5px);
	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; */
    aspect-ratio: 1;
	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: 40px 0 0.5em;
    font-weight: 600;
}

.h4Section{margin:40px 0 0 0}


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

/********** Contents boxStyle ***********/
.boxStyle{
	font-size:1.8rem;
	padding:50px;
	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;
	background: var(--main-color);
}

@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;
	}
}