@charset "utf-8";
.header{
	color:#222;
}
.menu_btn,
.menu_btn::after,
.menu_btn::before{
	background:#222;
}
.header_wrap::after{
	display:none;
}
#header.on .header_wrap::after{
	display:block;
 	background:#dbdbdb;
}
#contents .content{
	overflow: visible;
}
#container {
    padding: 150px 0 50px;
    width: 100%;
}

@media screen and (max-width: 1120px) {
	#container {
		padding: 130px 0 30px;
	}
}
@media screen and (max-width: 768px) {
	.header{
		color:#fff;
	}
	.menu_btn,
	.menu_btn::after,
	.menu_btn::before{
		background:#fff;
	}
	#container{
		padding-top: 300px;
	}
	.subContainerBx{
		display: flex;
		flex-direction: column-reverse;
		
	}
}
/*---------------------------Search Style*/

.boardHead{
	margin:0 auto 40px;
    background: transparent;
}
.boardSearchForm{
	border:0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:flex-start;
}

.boardSearchForm.searchSpaceB > #searchFrm{
	width:100%;
}
.boardSearchForm > .rowTable{
	display:block;
	width:100%;
}
.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;
	border-top:0;
}
.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 .rowTable .cell > .cellInDv.cellInDvSearch{
	justify-content:flex-end;
	flex: 1 1 0;
}
.boardSearchForm .rowTableTypeSearchBar .cellInDv + .cellInDv{
	margin:0;
}
.boardSearchForm .rowTable .cell input.date{
    width: 160px;
    min-width: unset;
    font-size: 1.6rem;
    padding: 12px 24px 12px;
    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: 3.2em !important;
    font-size: 1.6rem;
	line-height:1em;
	padding: 10px 24px 11px;
	max-width:unset !important;
	border-right:0;
}
.calendarWrap select.selectForm{
	border-right: 1px solid #ccc;
}
input.textForm{
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 11px 15px 10px;
    font-size: 1.6rem;
    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;
	border-top:none;
}
.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;
}
.boardSearchForm .rowTable .row.faqsearch{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap:wrap;
    width: 100%;
    gap:0 4px
}
.boardSearchForm .rowTable .row.faqsearch .group{
    width: auto;
}
.boardSearchForm .rowTable .row.faqsearch .group.fwWrap{
    display: block;
    width: 100%;
    padding: 28px;
    align-self: center;
    margin: 0 0 30px;
    background: #f3faf4;
    border-radius: 0;
    border: 0;
}
.boardSearchForm .rowTable .row.faqsearch .group > .cellInDv.cellInDvSearch{
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	align-items:stretch;
}
.boardSearchForm .rowTable .row.faqsearch .group select.selectForm{
	border-right:1px solid #ccc;
}
.boardSearchForm .rowTable .row.faqsearch .group .cell.widthfull{
    max-width: 550px;
    margin: 0 auto;
}
.boardSearchForm .rowTable .row.faqsearch .group .cell.widthfull select.selectForm{
	width:100% !important;
    background-image: url(/humanframe/theme/parksbusan/assets/img/common/iconSelectArrow.png);
    background-position: right 16px center;
}
.boardSearchForm .rowTable .row.faqsearch .group.alone select.selectForm{
	border-right:0;
}
@media screen and (max-width: 1284px) {
	.boardHead{
		margin:80px auto 40px;
	}
}

@media screen and (max-width: 1120px) {
	.boardHead{
		margin:40px auto 40px;
	}
}
@media screen and (max-width: 500px) {
	select.selectForm{
		border-right:1px solid #ccc;
	}
}
/*---------------------------Search Style*/


/*---------------------------Content Style*/
.boxType1{
    padding: 62px 0 24px;
    position: relative;
    font-size: 2rem;
	line-height: 1.5em;
	margin-bottom:30px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-content: flex-start;
	width:100%;
	gap:20px 0;
	flex-wrap: wrap;
}
.boxType1::after,
.boxType1::before{
	display:block;
	content:'';
	width:101px;
	height:62px;
	background:url(/humanframe/theme/parksbusan/assets/img/content/boxType01Item.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
	position: absolute;
	top:20px;
	left:-66px;
	z-index: 0;
}
.boxType1::after{
	transform: rotate(180deg);
	top:inherit;
	bottom:0;
	left:inherit;
	right:0;
}
.boxType1 > .content{
	padding:0 !important;
	position: relative;
	z-index: 1;
}
.boxType1 > .title{
	font-size:2.6rem;
	font-weight:700;
	line-height:1em;
	margin-bottom:17px;
	z-index: 1;
}

.boxType2{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
	align-items: stretch;
	margin-bottom:100px;
}
.boxType2 > .title{
    width: 300px;
    border-bottom: 1px solid #dbdbdb;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
	z-index: 1;
	text-align: center;
}
.boxType2 > .title::after{
	display: block;
	content:'';
	width:100%;
	height:4px;
	position:absolute;
	top:-2px;
	background:var(--main-color);
	left:0;
}
.boxType2 > .title > span{
    font-size: 2.6rem;
    line-height: 1em;
    font-weight: 800;
    position: relative;
	z-index: 1;
}
.boxType2 > .title > span::before{
	display: block;
	content: '';
	width:39px;
	height:39px;
	background:#d1ebd4;
	border-radius: 20px;
	z-index: -1;
	position: absolute;
	top:-20px;
	left:-18px;
}
.boxType2 > .content{
    border-top: 1px solid #000;
    border-bottom: 1px solid #e0e0e0;
	padding: 60px 0 !important;
	flex: 1 1 0;
}

.boxType3{
	display: block;
	width:100%;
	border-top: 1px solid #000;
	border-bottom:1px solid #e0e0e0;
	position:relative;
	padding:28px 30px;
	margin-bottom:30px;
}
.boxType3::before{
	display: block;
	content:'';
	background:var(--main-color);
	width:300px;
	height:4px;
	top:-2px;
	left:0;
	position: absolute;
}
.boxType3 > .content{
	padding:0 !important;
}

.contentDepth03{
	display: block;
	width:100%;
	margin-bottom:40px;
}
.contentDepth03 > .tabList{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
	text-align: center;
	flex-wrap: wrap;
}
.contentDepth03 > .tabList > li{
	display: block;
	border:1px solid #cfcfcf;
	border-left: 0;
}
.contentDepth03 > .tabList > li:first-child{
	border-left:1px solid #cfcfcf;
}
.contentDepth03 > .tabList > li > a{
	color:#000;
	padding:22px 0;
	width:100%;
	font-weight:500;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.contentDepth03 > .tabList > li.active{
	border-color:var(--main-color);
}
.contentDepth03 > .tabList > li.active > a{
	background:var(--main-color);
	color: #fff;
}

.contentDepth04{
    display: block;
    width: 100%;
    margin: -40px auto 40px;
	border-bottom: 1px solid #000;
}
.contentDepth04Btn{
	display: none;
}
.contentDepth04 > .tabList{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
	align-items: stretch;
	width:100%;
}
.contentDepth04 > .tabList > li{
	display: block;
	width:auto;
}
.contentDepth04 > .tabList > li > a{
    display: block;
    width: auto;
	padding: 26px 25px;
	position: relative;
	font-weight:500;
}
.contentDepth04 > .tabList > li.active > a{
	font-weight:800;
}
.contentDepth04 > .tabList > li > a::after{
	display: block;
	content:'';
	width:1px;
	height:15px;
	background:#dddddd;
	position: absolute;
	right:0;
	top:50%;
	margin-top:-7.5px;
}
.contentDepth04 > .tabList > li:last-child > a::after{
	display: none;
}
.contentDepth04 > .tabList > li.active > a::before{
	display: block;
	content:'';
	width:15px;
	height:7px;
	background-image: url(/humanframe/theme/parksbusan/assets/img/content/depth04Item.png);
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	bottom:0;
	left:50%;
	margin-left:-7.5px;
}

.h4Bl{
    font-size: 4rem;
    line-height: 1em;
    margin: 0 0 30px 0;
	font-weight: 800;
}
.h5Bl{
    font-size: 2.5rem;
    color: var(--main-color);
    font-weight: 800;
    line-height: 1em;
    margin: 0 0 28px 0;
}
.flexRowBx{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
}
.listStyle{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
	gap: 14px 0;
	width:100%;
}
.listStyle > li{
    padding: 0 0 0 14px;
	position: relative;
	font-size: 1.8rem;
	line-height:1.55556em;
}
.listStyle > dt::before,
.listStyle > li::before{
	content: "";
    display: block;
    width: 7px;
    height: 4px;
    margin: 0;
    background: #000;
    position: absolute;
    left: 0;
    top: 12px;
}
.listStyle > li ul{
    margin: 0 !important;
	padding: 18px 0 !important;
	color:#222 !important;
}
.listStyle > li ul li{
	padding-left: 14px !important;
	position: relative;
}
.listStyle > li ul li::before{
	content:'';
	display: block !important;
	width:3px !important;
	height: 2px !important;
	background:#a9a9a9 !important;;
	margin:0 !important;
	position: absolute;
	top:12px;
	left:0;
}

.imgList03,
.imgList02,
.imgList01{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
	gap: 0 30px;
	flex-wrap: wrap;
	margin-bottom:30px;
	overflow:hidden;
}
.imgList02{
    gap: 0 47px;
}

.imgList03{
	flex-wrap: nowrap;
}
.imgList03 > li,
.imgList02 > li,
.imgList01 > li{
    display: block;
    width: calc(33.3333% - 20px);
    overflow: hidden;
	position: relative;
}
.imgList02 > li{
	width: calc(50% - 23.5px);
}
.imgList03 > li{
	width:auto;
}
.imgList02 > li > .imgBx,
.imgList01 > li > .imgBx{
    display: block;
    width: 100%;
	position: relative;
    aspect-ratio: 460 / 339;
}
.imgList02 > li > .imgBx{
    aspect-ratio: 696 / 382;
}
.imgList02 > li > .imgBx > img,
.imgList01 > li > .imgBx > img{
	display: block;
	width:100%;
	height:100%;
	object-fit: cover;
}
.imgList03 > li > .txtBx,
.imgList02 > li > .txtBx,
.imgList01 > li > .txtBx{
    display: block;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    bottom: 0;
	left: 0;
	padding:16px 0;
	font-size: 1.8rem;
	line-height:1em;
}
.titleExpTxt{
	font-size:2rem;
	font-weight: 500;
	line-height:1.5em;
	color:#222;
}
.expTxt{
	font-size:1.8rem;
	font-weight: 500;
	line-height:1.5em;
	color:#222;
}
.detailTxt{
	font-size: 1.6rem;
	font-weight:500;
	line-height: 1.5em;
	color:#666;
}

.txtImgList01{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
	gap: 30px;
	flex-wrap: wrap;
	margin-bottom:30px;
	overflow:hidden;
}

.txtImgList01 > li{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	width:calc(50% - 15px);
}
.txtImgList01 > li > .imgBx{
	aspect-ratio : 750 / 360;
	overflow:hidden;
}
.txtImgList01 > li > .imgBx > img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
.txtImgList01 > li > .txtBx{
	background:#f7f7f7;
	padding:30px 30px 33px 30px;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	gap:9px 0;
	width:100%;
	flex: 1 1 0;
	font-size:1.8rem;
	line-height:1em;
}
.txtImgList01 > li > .txtBx > .title{
	font-weight:800;
}
.txtImgList01 > li > .txtBx > .content{
	padding:0 !important;
	font-weight:500;
}
/*공원안내*/
.parkInfoBx{
    padding-bottom: 30px;
    border-bottom: 1px solid #dbdbdb;
	margin-bottom: 52px;
}
.parkInfo{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 1240px;
    margin: -100px auto 0;
    background: #fff;
    position: relative;
    z-index: 1;
	padding: 41px 47px;
}
.parkInfoList{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
	gap: 0 13px;
}
.parkInfoBx.row{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    padding-bottom: 50px;
    gap: 0 30px;
}
.parkInfoBx.row .parkImgBx{
	width:50%;
}
.parkInfoBx.row .parkImgBx > img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.parkInfoBx.row .parkInfo{
	width:calc(50% - 30px);
    padding: 46px 25px;
    flex-direction: column;
    margin: 0;
    justify-content: flex-start;
}
.parkInfoBx.row .parkInfo > .parkInfoLeft,
.parkInfoBx.row .parkInfo > .parkInfoRight,
.parkInfoBx.row .parkInfo > .parkInfoList{
	width:100%;
}
.parkInfoBx.row .parkInfo > .parkInfoList{    
	flex: 1 1 0;
	align-items: flex-end;
	padding-top:24px;
}
.parkInfoBx.row .parkInfo > .parkInfoLeft{
	margin-bottom:40px;
}
.parkInfoBx.row .parkInfo > .parkInfoRight{
	padding:0;
}

.parkInfoBx.row .parkInfo > .parkInfoLeft > .h4Bl{
	margin-bottom:20px;
}
.parkInfoBx.row .parkInfo > .parkInfoLeft > .expTxt{
	color:#555;
}
.parkInfoBx.row.noImg .parkInfo{
    width: 100%;
	flex-direction: row;
	justify-content: space-between;
	max-width:inherit;
}
.parkInfoBx.row.noImg.parkProgInfoBx .parkInfo{
	padding-bottom:0;
}
.parkInfoBx.row.noImg .parkInfo > .parkInfoLeft{
	width: 338px;
	margin-right:30px;
}
.parkInfoBx.row.noImg .parkInfo > .parkInfoRight{
	width: auto;
	flex:1 1 0;
}
.parkInfoBx.row.noImg .parkInfo > .parkInfoList{
	width:auto;
	flex:unset;
}
.parkInfoBx.row.noImg.parkProgInfoBx .parkInfo > .parkInfoLeft{
    width: auto;
    margin-right: 120px;
}
.btnParkInfo{
    background-color: #4db059;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1em;
    padding: 11px 16px 12px 41px;
    border: 1px solid #33983f;
	display: block;
	background-size: auto;
	background-position: left 10px center;
	background-repeat: no-repeat;
	white-space: nowrap;
}
.btnParkInfo.leftIcon{
	padding:11px 41px 12px 16px;
	background-position: right 10px center;
}
.btnParkInfo.home{
	background-image: url(/humanframe/theme/parksbusan/assets/img/content/iconContWeb.png);
}
.btnParkInfo.map{
	background-image: url(/humanframe/theme/parksbusan/assets/img/content/iconContMap.png);
}
.btnParkInfo.apply{
	background-image: url(/humanframe/theme/parksbusan/assets/img/content/iconContApp.png);
}
.btnParkInfo.download{
	background-image: url(/humanframe/theme/parksbusan/assets/img/content/iconContDownload.png);
}
.parkInfoRight{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
	align-items: stretch;
	gap:7px 0;
	padding-top:13px;
	width:40%;
}
.parkInfoDl{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
	align-items: flex-start;
	gap:0 20px;
}
.parkInfoDl > dt{
    padding-left: 32px;
	width: 124px;
	font-size: 1.8rem;
	line-height:1.5em;
	font-weight: 900;
	position: relative;
	background-size: auto;
	background-position: left center;
	background-repeat: no-repeat;
}
.parkInfoDl > dt.year{
	background-image: url(/humanframe/theme/parksbusan/assets/img/content/iconContYear.png);
}
.parkInfoDl > dt.area{
	background-image: url(/humanframe/theme/parksbusan/assets/img/content/iconContArea.png);
}
.parkInfoDl > dt.location{
	background-image: url(/humanframe/theme/parksbusan/assets/img/content/iconContLocation.png);
}
.parkInfoDl > dt.parkWork{
	background-image: url(/humanframe/theme/parksbusan/assets/img/content/iconContparkWork.png);
}
.parkInfoDl > dt.call{
	background-image: url(/humanframe/theme/parksbusan/assets/img/content/iconContCall.png);
}
.parkInfoDl > dt.period{
	background-image: url(/humanframe/theme/parksbusan/assets/img/content/iconContDate.png);
}
.parkInfoDl > dt.target{
	background-image: url(/humanframe/theme/parksbusan/assets/img/content/iconContPeople.png);
}
.parkInfoDl > dt.way{
	background-image: url(/humanframe/theme/parksbusan/assets/img/content/iconContWay.png);
}
.parkInfoDl > dt.effect{
	background-image: url(/humanframe/theme/parksbusan/assets/img/content/iconContEffect.png);
}
.parkInfoDl > dt::after{
    display: block;
    content: '';
    width: 1px;
    height: 13px;
    background: #d5d5d5;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6.5px;
}
.parkInfoDl > dd{
	flex: 1 1 0;
	font-weight: 500;
	line-height:1.5em;
}
.h6Bl{
	font-size: 1.8rem;
	line-height:1em;
	font-weight:900;
	margin-bottom:30px;
}
.h6Bl.icon-detail{
	padding-left:31px;
	background-image: url(/humanframe/theme/parksbusan/assets/img/content/iconContTitleDetail.png);
	background-size: auto 1em;
	background-position:left top;
	background-repeat: no-repeat;
}
.h6Bl > span{
	font-weight: 500;
	padding-left:21px;
	margin-left:27px;
	position: relative;
}
.h6Bl > span::before{
	display: block;
	content:'';
	width:1px;
	height:13px;
	background:#c5c5c5;
	position: absolute;
	top:7px;
	left:0;
}
.parkDetailList{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    flex-wrap: wrap;
	gap: 30px;
}
.parkDetailList > li{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    background: #f7f7f7;
    padding: 37px 40px;
	width: calc(33.3333% - 20px);
	font-size: 1.8rem;
	line-height:1em;
	gap:0 27px;
}
.parkDetailList.item4 > li{
	width:calc(25% - 22.5px);
	padding:37px 29px;
}
.parkDetailList > li > .title{
	color:var(--main-color);
	font-weight:800;
	padding-right:28px;
	position: relative;
}
.parkDetailList.item4 > li > .title{
	padding-right:23px;
}
.parkDetailList > li > .title::after{
	display: block;
	content:'';
	width:1px;
	height:13px;
	background:#c5c5c5;
	position: absolute;
	right:0;
	top:50%;
	margin-top:-6.5px;
}
.parkDetailList > li > .detail{
	flex:1 1 0;
	font-weight: 500;
}
.parkMakeInfo{
	display: block;
	width:100%;
}
.parkMakeInfo > ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
	width: 100%;
	gap:0 30px;
}
.parkMakeInfo > ul > li{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 38px 20px;
    background: #f7f7f7;
    gap: 12px 0;
	width: calc(33.3333% - 20px);
	text-align: center;
}
.parkMakeInfo > ul > li > .title{
    color: var(--main-color);
    font-weight: 800;
}
.parkMakeInfo > ul > li > .txt{
	font-weight: 500;
}
/*----------------------사이트맵*/
.siteMapBx .h5Bl{
	margin-bottom:20px;
}
.siteMapBx .boxType3{
    border-bottom: 0;
    border-top: 1px solid #ddd;
    margin-bottom: 96px;
}
.siteMapBx .boxType3::before{
	height:2px;
	top:-1px;
	width:248px;
}
.siteMapBx .depth2{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
	flex-wrap: wrap;
	overflow:hidden;
	
}
.siteMapBx .boxType3 > .depth2:nth-child(2){
	border-top:1px solid #ddd;
	padding-top:40px;
	margin-top:40px;
}
.siteMapBx .depth2 > li{
	width:20%;
	display: block;
	padding-top:40px;
}
.siteMapBx .depth2 > li:nth-child(n + 6){
	margin-top:40px;
}
.siteMapBx .depth2 > li:nth-child(6){
	position:relative;
}
.siteMapBx .depth2 > li:nth-child(6)::before{
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100vw;
	height:1px;
	background:#ddd;
	
}
.siteMapBx .depth2 > li > a{
	display: inline-block;
	font-weight: 800;
	line-height:1em;
}
.siteMapBx .depth2 > li > .depth3{
	margin-top:24px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap:12px 0;
}
.siteMapBx .depth2 > li > .depth3 > li{
	padding-left:24px;
	position: relative;
}
.siteMapBx .depth2 > li > .depth3 > li::before{
	display: block;
	content: '-';
	position: absolute;
	top:50%;
	left:0;
	width:24px;
	height:auto;
	line-height:1em;
	text-align: center;
	margin-top:-9px;
}
.siteMapBx .depth2 > li > .depth3 > li > a{
	display: block;
	line-height:1em;
}

.siteMapBx a[target='_blank']{
	padding-right:32px;
	position: relative;
}
.siteMapBx a[target='_blank']:after{
	display: block;
	content:'';
	width:20px;
	height:17px;
	margin:0;
	position: absolute;
	background-image: url(/humanframe/theme/parksbusan/assets/img/common/iconJumpBk.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	vertical-align: unset;
	left:inherit;
	bottom:inherit;
	top:0;
	right:0;
}
/*------------------------------주요공원안내*/
.mainParkList{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    flex-wrap: wrap;
	gap: 56px 30px;
}
.mainParkList > li{
	width: calc(25% - 22.5px);
	border:1px solid #dbdbdb;

}
.mainParkList > li > .imgBx{
	display: block;
	width:100%;
	aspect-ratio:338 / 220;
	overflow: hidden;
}
.mainParkList > li > .imgBx > img{
	display: block;
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
}
.mainParkList > li > .txtBx{
	padding: 30px;
}
.mainParkList > li > .txtBx > .parkTitle{
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1em;
    display: block;
	margin-bottom: 12px;
}
.mainParkList > li > .txtBx > .parkInfoDl{
	margin-bottom:24px;
	gap:0 12px;
}
.mainParkList > li > .txtBx > .parkInfoDl > dt{
	width:100px;
	padding-left:24px;
}
.mainParkList > li > .txtBx > .btnParkInfo{
	width:auto;
	display:inline-block;
}
.pb-58{
	padding-bottom:58px !important;
}
.mb-58{
	margin-bottom:58px !important;
}
.mb-40{
	margin-bottom:40px !important;
}
.mb-24{
	margin-bottom:24px !important;
}
.mb-20{
	margin-bottom:20px !important;
}
.color-555{
	color:#555 !important;
}
.font-bold{
	font-weight:800 !important;
}
.color-mainColor{
	color:var(--main-color);
}
.bdB1sddd{
	border-bottom: 1px solid #ddd;
}


/*---------------공원 예약*/
.tableWrap{
    display: block;
    width: 100%;
    overflow: hidden;
    position:relative;
}
.tableBx{
    display: block;
    width: 100%;
    overflow: auto;
}
.tableBx table{
    width: 100%;
    border-top: 2px solid #000;
    border-collapse: collapse;
}
.tableBx table tbody tr th,
.tableBx table thead tr th{
    padding: 18px 0;
    background: #f7f5f8;
    border: 1px solid #ddd;
}
.tableBx table tbody tr th{
	border-top:0;
}
.tableBx table tbody tr td{
    padding: 18px 25px;
    border: 1px solid #ddd;
    text-align:center;
    border-top:0;
    font-weight:500;
}
.tableBx table tbody tr th:first-child,
.tableBx table thead tr th:first-child,
.tableBx table tbody tr td:first-child{
	border-left:0;
}

.tableBx table thead tr th:last-child,
.tableBx table tbody tr td:last-child{
	border-right:0;
}
.progListWrap{
	display:block;
	width:100%;
}
.progListWrap > ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    flex-wrap: wrap;
    gap: 56px 30px;
}
.progListWrap > ul > li{
    display: block;
    width: calc(50% - 15px);
}
.progListWrap > ul > li > .progTitle{
    display: block;
    background: #f7f5f8;
    text-align: center;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
    font-weight: 800;
}
.progListWrap > ul > li > .progInfo{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 28px 16px 0;
    gap: 0 28px;
}
.progListWrap > ul > li > .progInfo > .imgBx{
    display: block;
    width: 200px;
    aspect-ratio: 200 / 150;
    overflow: hidden;
    }
.progListWrap > ul > li > .progInfo > .imgBx > img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.progListWrap > ul > li > .progInfo > .progInfoBx {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex:1 1 0;
    padding: 10px 0;
}
.progListWrap > ul > li > .progInfo > .progInfoBx > .classTitle{
	font-weight:800;
    margin-bottom: 12px;
    line-height: 1em;
}
.progListWrap > ul > li > .progInfo > .progInfoBx > .progInfoList{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px 0;
    font-weight: 500;
}
.progListWrap > ul > li > .progInfo > .progInfoBx > .progInfoList > li{
    line-height: 1.5em;
    padding-left: 13px;
    position:relative;
}
.progListWrap > ul > li > .progInfo > .progInfoBx > .progInfoList > li::before{
	display:block;
	content:'';
	width:3px;
	height:2px;
	background:#a9a9a9;
	position:absolute;
	top:12.5px;
	left:0;
}
.programResWrap{
	display:block;
	width:100%;
}
.programResList{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px 0;
}
.programResList > li{
    padding: 38px 40px;
    width: 100%;
    border: 1px solid #ccc;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0 40px;
}
.programResList > li > .imgBx{
    display: block;
    width:100%;
    max-width: 338px;
    aspect-ratio: 338 / 220;
    overflow: hidden;
}
.programResList > li > .imgBx > img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.programResInfoWrap{
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 1 0;
}
.programResInfoWrap > .programResInfo > .title{
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1em;
    margin-bottom: 20px;
}
@media screen and (max-width: 1400px){
	.parkInfo{
		margin:0 auto;
	}
}

@media screen and (max-width: 1324px){
	.mainParkList > li > .txtBx > .parkInfoDl{
		flex-direction: column;
	}
	.mainParkList > li > .txtBx > .parkInfoDl > dd{
		padding-left:24px;
	}
}

@media screen and (max-width: 1284px){
	
	.boxType1{
		padding:48px 42px 38px;
	}
	.boxType1::after,
	.boxType1::before{
		width:71px;
		height:42px;
		top:0;
		left:-15px;
	}
	.boxType1::after{
		top: inherit;
		left: inherit;
		bottom: 10px;
		right: -15px;
	}
	.parkInfoBx.row .parkInfo{
		padding: 25px 0 0;
	}
	
}
@media screen and (max-width: 1120px) {
	.contentDepth03 > .tabList > li:nth-child(5n + 1){
		border-left:0;
	}
	.contentDepth03 > .tabList > li:nth-child(3n + 1){
		border-left:1px solid #cfcfcf;
	}
	.contentDepth03 > .tabList > li:nth-child(n + 4){
		border-top:0;
	}
	.parkInfo{
		padding:24px;
	}
	.parkDetailList > li{
		width: calc(50% - 15px);
		padding: 30px 20px;
	}
	.siteMapBx .boxType3{
		margin-bottom:40px;
	}
	.siteMapBx.respBx .depth2{
		flex-direction: column;
		align-items: flex-start;
		gap: 28px 0;
	}
	.siteMapBx .boxType3 > .depth2:nth-child(2){
		border-top:0;
		padding-top:0;
		margin-top:20px;
	}
	.siteMapBx.respBx .depth2 > li{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		width:100%;
	}
	.siteMapBx.respBx .depth2 > li > a{
		width:220px;
	}
	.siteMapBx.respBx .depth2 > li > .depth3{
		margin: 0;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		flex: 1 1 0;
		flex-wrap: wrap;
		width:100%;
	}
	.siteMapBx.respBx .depth2 > li > .depth3 > li{
		width:25%;
	}
	.siteMapBx .depth2 > li:nth-child(6)::before{
		display:none;
	}
	.mainParkList > li{
		width: calc(33.3333% - 20px);
	}
	.mainParkList > li > .txtBx{
		padding:16px;
	}
	.mainParkList > li > .txtBx > .parkInfoDl{
		flex-direction: row;
	}
	.mainParkList > li > .txtBx > .parkInfoDl > dd{
		padding:0;
	}
	.parkDetailList.item4 > li{
		width:calc(50% - 15px);
	}
	.parkInfoBx.row.noImg .parkInfo{
		flex-wrap: wrap;
	}
	.parkInfoBx.row.noImg .parkInfo > .parkInfoLeft{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
}
@media screen and (max-width: 990px) {
	.siteMapBx.respBx .depth2 > li{
		flex-direction: column;
	}
	.siteMapBx.respBx .depth2 > li > .depth3{
		margin-top:16px;
	}
	.siteMapBx.respBx .depth2 > li > .depth3 > li{
		width:auto;
		margin-right:24px;
	}
}

@media screen and (max-width: 960px) {
	.progListWrap > ul > li > .progInfo{
	    flex-direction: column;
	    align-items: center;
    }
    .progListWrap > ul > li > .progInfo > .progInfoBx > .progInfoList,
    .progListWrap > ul > li > .progInfo > .progInfoBx{
    	align-items: center;
	}
}


@media screen and (max-width: 876px) {
	.mainParkList > li > .txtBx > .parkInfoDl{
		flex-direction: column;
	}
	.mainParkList > li > .txtBx > .parkInfoDl > dd{
		padding-left:24px;
	}

}
@media screen and (max-width: 860px) {
	.parkInfo{
		flex-direction: column;
		justify-content: flex-start;
		gap: 24px 0;
		width: 95%;
		margin: -60px auto 0;
	}
	.parkInfo .parkInfoLeft,
	.parkInfo .parkInfoRight{
		width:100%;
	}
	.parkInfoBx.row.noImg .parkInfo{
		gap:0;
	}
}
@media screen and (max-width: 768px) {
	.boxType1{
		font-size:1.7rem;
		padding: 32px 24px 32px;
	}
	.boxType1::after,
	.boxType1::before{
		height: 30px;
		width: 53px;
	}
	.boxType1::before{
		left:0;
	}
	.boxType1::after{
		right:0;
	}
	.boxType2{
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		margin-bottom:30px;
	}
	.boxType2 > .title{
		padding: 32px 0 24px;
		width: 100%;
	}
	.boxType2 > .title > span{
		font-size: 2rem;
	}
	.boxType2 > .title > span::before{
		width: 24px;
		height: 24px;
		top: -10px;
		left: -9px;
	}
	.boxType2 > .content{
		padding: 28px 16px !important;
		font-size: 1.5rem;
		line-height: 1.4em;
	}
	.boxType3{
		padding:8px 16px;
	}
	.boxType3::before{
		width:40%;
	}
	.boxType3 > .content{
		font-size:1.5rem;
	}
	.contentDepth03 > .tabList > li > a{
		font-size:1.5rem;
		padding:16px 0 15px;
	}
	.contentDepth04{
		border-bottom:0;
		position: relative;
	}
	.contentDepth04Btn{
		display: block;
		width: 100%;
		text-align: left;
		padding: 13px 11px;
		font-size: 1.5rem;
		font-weight: 500;
		position: relative;
		border-bottom:1px solid #000;
	}
	.contentDepth04Btn::after{
		display: block;
		content:'';
		position: absolute;
		width:11px;
		height:7px;
		background-image: url(/humanframe/theme/parksbusan/assets/img/content/depth04Item.png);
		background-repeat: no-repeat;
		background-size: auto;
		background-position: center;
		top:50%;
		right:11px;
		margin-top:-3.5px;
		transform: rotate(180deg);
		transition: 0.3s ease-in;
	}
	.contentDepth04Btn.on::after{
		transform: rotate(360deg);
		transition: 0.3s ease-in;
	}
	.contentDepth04 > .tabList{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px 0;
		padding: 0 24px;
		border: 1px solid #000;
		position: absolute;
		background: #fff;
		z-index: 2;
		top: calc(100% - 1px);
		visibility: hidden;
		opacity: 0;
		height:0;
		transition: 0.3s ease-in;
	}
	.contentDepth04 > .tabList.on{
		visibility: visible;
		padding: 24px;
		opacity: 1;
		height:auto;
		transition: 0.3s ease-in;
	}
	.contentDepth04 > .tabList > li > a{
		font-size: 1.5rem;
		line-height: 1em;
		padding:0;
	}
	.contentDepth04 > .tabList > li > a::after,
	.contentDepth04 > .tabList > li.active > a::before{
		display: none;
	}
	.h4Bl{
		font-size:2.2rem;
		margin:0 0 15px 0;
	}
	.h5Bl{
		font-size: 1.8rem;
		margin:0 0 14px 0;
	}
	
	.flexRowBx{
		flex-direction:column;
		justify-content:flex-start;
	}
	.tableTxt{
		align-self:flex-end;
	}
	.listStyle > li{
		font-size:1.5rem;
	}
	.listStyle > dt::before, .listStyle > li::before{
		top:9.25px;
	}
	.listStyle > li ul{
		padding:8px 0 !important;
	}
	.imgList02, .imgList01{
		gap:20px 0;
	}
	.imgList02 > li, .imgList01 > li{
		width:100%;
	}
	.imgList02 > li > .txtBx, .imgList01 > li > .txtBx{
		font-size:1.5rem;
		line-height:1.4em;
		white-space: normal;
		padding:8px 16px;
	}
	.txtImgList01 > li{
		width:100%;
	}
	.txtImgList01 > li > .txtBx{
		font-size:1.5rem;
	}
	.titleExpTxt{
		font-size:1.7rem;
	}
	.expTxt{
		font-size:1.5rem;
	}
	.detailTxt{
		font-size: 1.3rem;
	}
	.parkInfoBx {
		padding-bottom: 16px;
		margin-bottom: 32px;
	}
	.btnParkInfo{
		font-size:1.3rem;
	}
	.parkInfoRight{
		gap: 2px 0;
	}
	.parkInfoDl > dd,
	.parkInfoDl > dt{
		font-size:1.5rem;
	}
	.parkInfoDl > dt{
		width:110px;
	}
	.parkInfoBx.row{
		flex-direction: column;
		align-items: flex-start;
		padding-bottom: 32px;
	}
	.parkInfoBx.row .parkImgBx{
		width:100%;
	}
	.parkInfoBx.row .parkInfo{
		width: 100%;
		gap: 0;
	}
	.parkInfoBx.row .parkInfo > .parkInfoLeft {
		margin-bottom: 20px;
	}
	.parkInfoBx.row .parkInfo > .parkInfoLeft > .h4Bl {
		margin-bottom: 10px;
	}
	.parkDetailList{
		margin-bottom:30px;
		gap:16px 0;
	}
	.parkDetailList > li{
		width:100%;
		font-size:1.5rem;
		padding: 16px 20px;
	}
	.parkDetailList.item4 > li{
		width:100%;
		padding: 16px;
	}
	.parkMakeInfo > ul{
		gap:0 16px;
	}
	.parkMakeInfo > ul > li{
		font-size: 1.5rem;
		width:calc(33.3333% - 10px);
		padding: 24px 16px;
	}
	.siteMapBx .depth2 > li{
		padding-top:20px;
	}
	.siteMapBx .depth2 > li:nth-child(n + 6){
		margin-top:0px;
		border-top:0;
	}
	.siteMapBx .depth2 > li > a,
	.siteMapBx .depth2 > li > .depth3 > li > a{
		font-size: 1.5rem;
	}
	.siteMapBx .boxType3::before{
		width:20%;
		min-width:100px;
	}
	.mainParkList > li{
		width:calc(50% - 15px);
	}
	.mainParkList > li > .txtBx > .parkTitle{
		font-size:2rem
	}
	.mainParkList > li > .txtBx > .parkInfoDl {
		flex-direction: row;
	}
	.mainParkList > li > .txtBx > .parkInfoDl > dd {
		padding: 0;
	}
	.mainParkList > li > .txtBx > .parkInfoDl > dt {
		width: auto;
		padding-right: 16px;
	}
	.parkInfoBx.row.noImg .parkInfo > .parkInfoList{
		width:100%;
	}
	.progListWrap > ul{
	    flex-direction: column;
	    justify-content: flex-start;
	}
	.progListWrap > ul > li{
		width:100%;
	}
	.progListWrap > ul > li > .progInfo{
    	flex-direction: row;
    	align-items:flex-start;
    }
    .progListWrap > ul > li > .progInfo > .progInfoBx > .progInfoList,
	.progListWrap > ul > li > .progInfo > .progInfoBx{
    	align-items:flex-start;
    }
    .programResInfoWrap > .programResInfo > .title{
    	font-size:1.8rem;
    	line-height:1.5em;
    }
    .programResInfo .parkInfoDl{
	    flex-direction: column;
	    justify-content: flex-start;
	    gap: 4px 0;
    }
	.h6Bl > span{
		display: block;
		padding-left: 16px;
		margin-left:0;
		margin-top:8px;
	}
	.h6Bl > span::before{
		top:3px;
	}
	.pb-58{
		padding-bottom:32px !important;
	}
	.mb-58{
		margin-bottom:32px !important;
	}
	.mb-40{
		margin-bottom:24px !important;
	}
	.mb-24{
		margin-bottom:10px !important;
	}
}
@media screen and (max-width: 680px) {
	.siteMapBx .depth2{
		gap:16px 24px;
	}
	.siteMapBx .depth2 > li{
		width:auto;
	}
}
@media screen and (max-width: 580px) {
	.contentDepth03 > .tabList > li:nth-child(3n + 1){
		border-left:0;
	}
	
	.contentDepth03 > .tabList > li:nth-child(2n + 1){
		border-left:1px solid #cfcfcf;
	}
	.contentDepth03 > .tabList > li:nth-child(n + 3){
		border-top:0;
	}
	.parkInfo{
		margin:0 auto;
		width:100%;
		padding:24px 0;
	}
	.parkMakeInfo > ul{
		flex-direction: column;
		align-items: flex-start;
		gap: 16px 0;
	}
	.parkMakeInfo > ul > li{
		width: 100%;
		align-items: flex-start;
		gap: 4px 0;
	}
	.programResList > li{
	
	    flex-direction: column;
	    align-items: center;
	}
	.programResInfoWrap{
    	width: 100%;
	    align-items: center;
	    gap: 24px 0;
    }
    .programResInfoWrap > .programResInfo > .title{
    	text-align:center;
    }
    .programResInfo{
    	width:100%;
    }
    .programResInfo .parkInfoDl{
    	align-items: center;
    }
    .programResInfo .parkInfoDl > dt{
    	width: auto;
    	margin-left:-20px;
    }
    .programResInfo .parkInfoDl > dt::after{
    	display:none;
    }
    .programResInfo .parkInfoDl > dd{
    	text-align:center;
    }
}

@media screen and (max-width: 516px) {
	.mainParkList{
		gap:24px 0;
	}
	.mainParkList > li{
		width:100%;
	}
}
@media screen and (max-width: 480px) {
	.imgList03{
		flex-wrap: wrap;
		gap:16px 0;
	}
	.imgList03 > li{
		width:100%;
	}
	.imgList03 > li > .igmBx{
		width:100%;
	}
	.progListWrap > ul > li > .progInfo{
	    flex-direction: column;
	    align-items: center;
    }
    .progListWrap > ul > li > .progInfo > .progInfoBx > .progInfoList,
    .progListWrap > ul > li > .progInfo > .progInfoBx{
    	align-items: center;
    	text-align:center;
	}
}

@media screen and (max-width: 340px) {
	.contentDepth03 > .tabList > li:nth-child(n + 2),
	.contentDepth03 > .tabList > li:nth-child(3n + 1),
	.contentDepth03 > .tabList > li{
		border-left:1px solid #cfcfcf;
	}
	.contentDepth03 > .tabList > li:nth-child(n + 2){
		border-top:0;
	}
}








/*---------------------------Content Style*/


.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:51px;
	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 .rowTable .cell .btnTypeM.btnIcoSearch{width:50px;}
.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;
	}
	.programResList > li{
	    padding: 24px 26px;
	    gap: 0 20px;
	}
}

/* @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-end;
		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%;
		justify-content:flex-end;
	}
	.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;
	}
	.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:110px !important;
		max-width:unset;
	}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .srchKeyword .btnTypeM.btnIcoSearch{
		height:51px;
	}
}
@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;
		gap:4px 0;
	}
	.boardSearchForm .rowTable .cell input.date{
		width:calc(100% - 47px) !important;
		margin-bottom:8px;
		padding:11px 24px 10px;
	}
	.boardSearchForm .rowTable .cell .hyphen{
		display:none;
	}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell + .cellInDvSearchCell{
		width:calc(100% - 110px);
	}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch.gosiMS .cellInDvSearchCell + .cellInDvSearchCell{
		width:100%;
	    display: flex;
	    align-items: stretch;
	    flex-direction: row;
	    justify-content: flex-start;
	}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch.gosiMS .srchKeyword .btnTypeM.btnIcoSearch{
		height:100%;
	}
	.boardSearchForm .rowTable .cell > .cellInDv.cellInDvSearch.gosiMS{
	flex-wrap:wrap;}
	.boardSearchForm .rowTable .cell > .cellInDv.cellInDvSearch.gosiMS > .cellInDvSearchCell.srchOption{
	width:50%;}
	
	.boardSearchForm .rowTable .cell > .cellInDv.cellInDvSearch.gosiMS > .cellInDvSearchCell.srchOption .selectForm{
		width:100% !important;
		min-width:inherit !important;
	}
}



/********** Pagenation ***********/
.paginate{
    margin: 60px 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/parksbusan/assets/img/content/icon_board_last.png);
}
.paginate > a.pgNext,
.paginate > a.pgPrev{
	background-image: url(/humanframe/theme/parksbusan/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: #55555a;
}

@media all and (max-width: 768px) {
		
	body{
		font-size:1.6rem;
	}
	.paginate {
	    margin: 20px 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;
		display:inline-block;
		/*width:32px; */
	}
	.paginate .number a,
	.paginate .number strong{
	    width: 32px;
	    height: 32px;
		line-height:32px;
		display:inline-block; 
	}
}


/********** Pagenation ***********/



/* form */
/* input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], textarea, select
{ font-family:'Nanum Gothic', '나눔고딕','Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], textarea { border:1px solid #d3d6db; border-radius:5px; vertical-align:middle; }
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"] { height:auto; padding:9px 5px ;}
input[type="file"] { display:inline-block; height:23px; padding:5px; border:1px solid #cccfd5; border-radius:5px; vertical-align:middle; background:#fff}
input[type="radio"], input[type="checkbox"] { margin:5px;}
input[type="radio"]:first-child, input[type="checkbox"]:first-child { margin-left:0;}
input[type="radio"] + label, input[type="checkbox"] + label { margin-right:15px;}
textarea { padding:10px;}
select { display:inline-block; height:35px; border:1px solid #cccfd5; border-radius:5px; vertical-align:middle;}
.select_w {width: 12%; min-width: 80px;} */

/* Button Size */
.button.small { height: 26px; /*padding:0 12px;*/ line-height: 26px; font-size: 12px;}
.button.medium { height: 35px; /*padding: 0 15px;*/ line-height:35px; font-size:13px;}
.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%; border-top:3px solid #61646c; border-bottom:1px solid #93969c;}
.boardExhGallery li { min-height:242px; padding:20px; border-top:1px solid #bdbdbd; overflow: hidden;}
.boardExhGallery li:first-child { border-top:none;}
.boardExhGallery li:hover { background:#f9f9f9;}
.boardExhGallery .egImg { float:left; width:160px; }
.boardExhGallery .egImg img { max-width:100%; border:1px solid #ddd}
.boardExhGallery .egCont { margin-left:180px;}
.boardExhGallery .egCont p.title { margin:5px 0 10px; font-size:16px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.boardExhGallery .egCont dl.cont { overflow:hidden;}
.boardExhGallery .egCont p.title + dl.cont,
.boardExhGallery .egCont dl.cont:first-child { padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ddd;}
.boardExhGallery .egCont dl.cont > dt { font-weight:bold; color:#000;}
.boardExhGallery .egCont dl.cont > dt:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777;}
.boardExhGallery .egCont p.title + dl.cont > dt { float:left; padding-right:15px; margin-right:15px; background:url(/resource/img/common/board/d_line.gif) no-repeat right 7px;  }
.boardExhGallery .egCont dl.cont > dt,
.boardExhGallery .egCont dl.cont > dd { padding:3px 0;}
.boardExhGallery .egCont dl.cont + dl.cont > dd {padding:0 9px;}
.boardExhGallery .egImg img { width:100%; }

/* Board : List */
.boardTop { overflow:hidden; text-align:right;}
.boardTop:after { content:""; display:block; clear:both;}
.boardTop .boardInfo { float:left; padding-top:15px;}
.boardTop .boardInfo i { font-weight:bold; color:#e33333}
.boardTop .boardSearch { float:right; margin-bottom:10px;}
.boardTop .boardSearch input[type="text"] { border-radius:5px; height:35px; box-sizing:border-box;}
/*.boardTop .boardSearch input[type="text"] + input[type="submit"],
.boardTop .boardSearch input[type="text"] + input[type="button"] { border-radius:0 5px 5px 0 ; border-right:none; margin-left:-5px;}*/

.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; }
.boardList { width: 100%; margin-top:10px; border:0; border-spacing:0; border-collapse:separate; border-top:3px solid #61646c;}
.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:nth-child(4){
	text-align:left;
	padding-left:20px;
}
.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%; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #61646c;}
.boardView .titleArea { position:relative; padding:20px; background:#f6f6f7; border-bottom:1px solid #61646c;}
.boardView .titleArea .title { font-size:1.3em; font-weight:bold; color:#333}
.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:20px; /* border-bottom:1px solid #61646c; */}
.boardView .listArea li { border-top:1px solid #cccfd5; }
/*
.boardView .listArea li:first-child { 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;}

/* 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 { width:230px; height:250px; float:left; margin-right:1.5em;overflow: hidden; margin-bottom: 20px; }
.exhContWrap .egImg_view img { width:100%; float:left; }
.exhContWrap .exhCont { width:100%; }
.exhCont { display:table; border:1px solid #525947; border-bottom:0; }
.exhCont dt { border-right:1px solid #525947; display:table-cell; width:100px; background:#647D39; padding:12px 8px; font-weight:bold; color:#fff; }
.exhCont dd {  display:table-cell; width:300px; padding:5px 8px; }
.exhCont:last-child dt, .exhCont:last-child dd { border-bottom:1px solid #525947; }
.exhContWrap .exhContText { float:left; width:70%; }

/* 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 { _margin-left:0;}
.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;
	padding:20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.boardTextGallery .tgImg { 
	overflow:hidden; 
	max-width:300px;
	min-height:180px;
	margin-right:40px;
}
.boardTextGallery .tgImg img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.boardTextGallery .tgCont { 
    box-sizing: border-box;
    display: flex;
    width: calc(100% - 300px);
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
	padding:10px 0
}
.boardTextGallery .tgCont .bTitle { 
	margin-bottom:5px; 
	font-size:2.2rem;; 
	font-weight:bold; 
	color:#000; 
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow:hidden;
	width:100%;
}
.boardTextGallery .tgCont .bTitle.notice{
    padding-left: 80px;
    position: relative;
}
.boardTextGallery .tgCont .bTitle.notice::before{
	display:inline-block;
	width:60px;
	padding:8px 0;
	text-align:center;
	content:'공지';
	position:absolute;
	left:0;
	top:0;
	font-weight:600;
	color:#fff;
	background:var(--main-color);
    font-size: 0.7em;
    line-height: 1em;
	
}
.boardTextGallery .tgCont .sTitle { 
	font-weight:bold;
	color:#000;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.boardTextGallery .tgCont .txtL{
	white-space:normal;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	line-height:2.8rem;
	
}
.boardTextGallery .tgCont .txtL.writer{ 
	margin-top:15px;	 
}

.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;
	width:100%;
}

.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; _line-height:23px;}
.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;}

.boardTextGallery3 { width:100%; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c;}
.boardTextGallery3 li { min-height:180px; padding:20px; border-top:1px solid #bdbdbd; overflow: hidden;}
.boardTextGallery3 li:first-child { border-top:none;}
.boardTextGallery3 li:hover { background:#f9f9f9;}
.boardTextGallery3 .egImg { float:left; width:160px;}
.boardTextGallery3 .egImg img { max-width:100%; border:1px solid #ddd}
.boardTextGallery3 .egCont { margin-left:180px;}
.boardTextGallery3 .egCont p.title { margin:5px 0 10px; font-size:16px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.boardTextGallery3 .egCont dl { overflow:hidden;}
.boardTextGallery3 .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;}
.boardTextGallery3 .egCont dd { padding:3px 0 3px 22%; box-sizing:border-box;}
.boardTextGallery3 .egCont dt:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777;}
.boardTextGallery3 .egCont dd:after { content:""; display:block; clear:both;}

.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 .tgImg { width:300px; height:180px; float:left; }
.boardTextGallery .tgImg img { width:100%; height:100%; }
.boardTextGallery li { overflow:hidden; }
.exhCont p { font-weight:bold; }
.exhContWrap .exhCont.view { width:100%; }
.exhContWrap .exhCont.view dd { padding-bottom:9px; line-height:20px; }

/* 보건환경 life */
.boardTextGalleryseWrap {border-top:2px solid #4c6fad; padding:20px 0; border-bottom:1px solid #ddd;}
.boardTextGalleryseWrap ul li {padding: 20px 0 70px 0; border-bottom:1px solid #ddd; position:relative;}
.boardTextGalleryseWrap ul li:last-child {border-bottom:0;}
.boardTextGalleryseWrap ul li .item {display:block; width:100%; height:100%;}
.boardTextGalleryseWrap ul li .item:after {content:""; clear:both; display:block;}
.boardTextGalleryseWrap ul li .item .tgImg {float:left; width:260px; max-height:220px; overflow:hidden;}
.boardTextGalleryseWrap ul li .item .tgImg img {width:100%; max-height:180px;}
.boardTextGalleryseWrap ul li .item .tgCont {float: left; width: calc(100% - 320px); height:100%; padding-left:20px; position: relative;}
.boardTextGalleryseWrap ul li.noImg .item .tgCont {width:100%; padding-left:0;}
.boardTextGalleryseWrap ul li .item .tgCont .bTitle {font-size:18px; font-weight:bold; line-height:1.2; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; margin-bottom:10px;}
.boardTextGalleryseWrap ul li .item .tgCont .tgTxt {line-height:1.5;}
.boardTextGalleryseWrap ul li .item .tgCont .tgTxt .writer { font-size:16px; margin-bottom:15px; color:#666;}
.boardTextGalleryseWrap ul li .item .tgCont .tgTxt .writer span {font-weight:bold;}
.boardTextGalleryseWrap ul li .item .tgCont .tgTxt .writer span:after {content:""; display:inline-block; width:1px; height:14px; margin:0 15px; background:#999; vertical-align: middle;}
.boardTextGalleryseWrap ul li .inkBtn {position:absolute; right:20px; bottom: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;*/ }

/*유물검색*/
.boardTop .boardSearchBox .datearea { float:left; }
.boardTextGallery3 { width:100%; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c;}
.boardTextGallery3 li { min-height:180px; padding:20px; border-top:1px solid #bdbdbd; overflow: hidden;}
.boardTextGallery3 li:first-child { border-top:none;}
.boardTextGallery3 li:hover { background:#f9f9f9;}
.boardTextGallery3 .egImg { float:left; width:160px;}
.boardTextGallery3 .egImg img { max-width:100%; border:1px solid #ddd}
.boardTextGallery3 .egCont { margin-left:180px;}
.boardTextGallery3 .egCont p.title { margin:5px 0 10px; font-size:16px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.boardTextGallery3 .egCont dl { overflow:hidden;}
.boardTextGallery3 .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;}
.boardTextGallery3 .egCont dd { padding:3px 0 3px 22%; box-sizing:border-box;}
.boardTextGallery3 .egCont dt:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777;}
.boardTextGallery3 .egCont dd:after { content:""; display:block; clear:both;}
.boardTop .boardSearchBox select { padding:5px 25px 5px 5px; }
.boardTextGallery3 .egImg img { width: 100%; height: 100%; }

/* 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; border-top: 3px solid #61646c; }
.bs-form-box dl			{ display: block; position: static; height: 100%; border-bottom-style: solid; border-bottom-width: 0px;}
.bs-form-box dt			{ padding: 10px 20px; box-sizing: border-box; }
.bs-form-box dd			{ padding: 10px; box-sizing: border-box; min-height: 40px; }

.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-style: solid; border-bottom-width: 1px; }
.bs-form-box .form-group:after	{ content: ""; display: block; position: relative; clear: both; }

.bs-view dt			{  }
.bs-view dl.form-data-subject,
.bs-view dl.form-data-content			{ border-bottom-width: 1px; border-bottom-color: #61646c; }
.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-subject			{ background: #f6f6f7; padding-bottom: 10px; }
.bs-view dl.form-data-subject h5		{ font-size: 110%; clear: both; margin: 10px 0; }
.bs-view dl.form-data-subject p			{ float: left; margin-right: 15px; color: #666666; }
.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 .form-group		{ border-bottom-color: #cccfd5; }
.bs-view dl					{ border-bottom-color: #cccfd5; }
.bs-view dt:after			{ content: ""; display: block; position: absolute; right: 0; top: 10px; bottom: 10px; width: 1px; border-right: 1px solid #cccfd5; }
.bs-view dt					{ color: #333333; font-weight: bold; }
.bs-view dd					{ color: #555; min-height: 40px; }

/** 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; }







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


.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: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    margin-bottom:24px;
    color:var(--main-color);
}
.calendar_title > .month{
    font-size:1.5em;
    font-weight: 800;
    white-space: nowrap;
}
.calendar_title > .button_bx{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.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{ 
		display:block;  
	}
    .calendar_title > .month{
        font-size:1.5em;
        
    }
	.calendar_title > .button_bx{ 
		margin-top:10px; 
	}
    .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%;
	}
}






/*전시관 미리보기*/
.conL .flexslider .flex-direction-nav { position:relative; }
.conL .flexslider .flex-direction-nav .flex-prev, .conL .flexslider .flex-direction-nav .flex-next { position:absolute; z-index:5; top:50%; width:23px; height:42px; overflow:hidden; background:url('../../assets/img/main/sp_ico_slider.png') no-repeat 0 0; text-indent:-9999px; }
.conL .flexslider .flex-direction-nav .flex-prev { left:5px; top:200px; }
.conL .flexslider .flex-direction-nav .flex-next { right:5px; top:200px; background-position:-40px 0; }

/* 소장품검색 */
.tobox_button1 { position:relative; display:block; height: 22px; overflow:hidden; padding:0.3em 2.2em 0.4em 2.2em; margin-bottom:5px; border-radius:8px; background:#fff; border:1px solid #bdc3d9; font-size: 16px; font-weight: bold; color:#333; font-family:'Nanum Gothic', '나눔고딕','Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
.tobox_button2 { overflow:hidden; padding:0.4em 1em 0.4em 1em;  border-radius:5px; background:#828fb7; font-size: 17px; color:#fff; font-family:'Nanum Gothic', '나눔고딕','Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
.tobox_button3 { overflow:hidden; padding:0.4em 1em 0.4em 1em; margin-bottom:2px; border-radius:5px; background:#77a1bd; font-size: 17px; color:#fff; font-family:'Nanum Gothic', '나눔고딕','Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
.tobox_button4 { overflow:hidden; padding:0.4em 1em 0.4em 1em; margin-bottom:2px; border-radius:5px; background:#81aeb6; font-size: 17px; color:#fff; font-family:'Nanum Gothic', '나눔고딕','Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
.tobox01{position:relative; overflow:hidden;}
.tobox01 .area01{text-align:left; margin:0em 0.3em 0em 0em; }
.tobox02{width:100%; position:relative; overflow:hidden; border:1px solid #eee; border-width:0 0 1px 0; padding:0.5em 0em 0.5em 0em;}
.tobox03{width:100%; position:relative; overflow:hidden; padding:0.5em 0em 0.5em 0em;}
.area01{text-align:left; float:left; margin:0.3em 0em 0em 0em;}
.area02{text-align:left; float:left;  width:90%; }
.text02{text-align:left; float:left; padding:0.5em 0em 0.2em 2em; width:120px;}
.toFac {border: 2px solid #eee; background: url(/resource/img/tour/sub/sub16043_img07.gif) repeat-x; margin: 0em 0em 1em 0em;}
.toFac_bg {border: 3px solid #fff; padding: 0em 1em 0em 2em;}

/* 차량등록사업소 만족도 추가 | 2018-01-10 | 조승현 */
.tableWriteForm .scoreForm:after {content:""; clear:both; display:block;}
.tableWriteForm .scoreForm span {display: block; float:left;}
.tableWriteForm .scoreForm span input[type="radio"] {vertical-align: middle;}
.tableWriteForm .scoreForm span img {height: 15px;}
.boardView .scoreView img {height: 20px;}

@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: 760px) {
	.bs-form-box dl { position: relative; width: 100%; float: none; clear: both; border-bottom-width: 1px; }
	.bs-form-box dt {  }
	.bs-form-box .form-group	{ border-bottom-width: 0px; }
}

@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; }
	.bannerGallery > div { width:98%; }
}

@media all and (max-width:640px) {
	.boardTop .boardInfo { float:none; padding-top:0;}
	.boardTop .boardSearch { float:none; margin:10px 0;}

	/* Board : View */
	.boardView .infoArea2 { overflow:hidden; border-bottom:1px solid #cccfd5;}
	.boardView .infoArea2 li { /* float:left; width:50%; */ padding:10px 0; border-bottom:1px solid #cccfd5;}
	.boardView .infoArea2 li span { display:block; /* float:left; */ margin-right:15px; padding:0 15px;}
	.boardView .infoArea2 li span:first-child { min-width:100%; padding-bottom:5px; /* font-weight:bold; */ border-right:none}

	/* Banner */
	.bannerList .bannerBlock { float:none; width:100%; margin:0 0 10px 0;}

	/* Gallery */
	.boardGallery > div { width:100%; margin:1% 0; }

	.boardTextGallery li a { overflow:hidden; display:block; padding:20px; }
	.boardTextGallery > ul > li > a{padding:10px;}
	.boardTextGallery .tgImg { float:none; max-width:100%; height:auto; margin-left:0px; display:none; }
	.boardTextGallery .tgCont { float:none; width:100%; padding-left:0px; margin:0;}
	.boardTextGallery .tgCont .bTitle{font-size:1.8rem;}
	.boardTextGallery .tgCont .txtL:first-of-type{margin-bottom:10px;}
	.boardTextGallery .tgCont .txtL.writer{display:block; margin-top:0}
	.boardTextGallery2 .gListBlock .tgImg { overflow:hidden; float:none; max-width:100%; }
	.boardTextGallery2 .gListBlock .tgImg img { width:100%; height:inherit;}
	
	.boardTextGallery2 .gListBlock .tgCont { margin:20px 0 0 0; }
	.boardTextGallery2 .gListBlock .tgCont li a { width:100%; }
	.boardTextGallery2 .gListBlock .tgCont li span { float:none; padding-left:8px;}

	.boardTextGallery3 .egImg { float:none; }
	.boardTextGallery3 .egCont { margin:10px 0 0 0;}
	.boardTextGallery3 .egCont dt { float:none; width:100%; background:none; }
	.boardTextGallery3 .egCont dd { padding:3px 0 3px 10px; }
}

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

/* 조직도 */
.groupListWrap {text-align:center;}
.groupListWrap .titSection {position:relative; padding-bottom:34px;}
.groupListWrap .titSection:after {display:block; content:""; position:absolute; bottom:0; left:50%; width:4px; height:34px; margin-left:-2px; background-color:#4C750C;}
.groupListWrap .tit {display:inline-block; padding:16px 50px; font-weight:bold; font-size:171%; color:#fff; background-color:#4C750C; border-radius:3px; -webkit-border-radius:3px;}
.groupListWrap .groupChart {padding:10px 20px 20px; border:1px solid #ccc; background-color:#eff4fa; border-radius:3px; -webkit-border-radius:3px;}
.groupChart .groupChartList {overflow:hidden; margin-left:-10px;}
.groupChart .groupChartList:after {content:''; display:block; clear:both;}
.groupChart .groupChartList li {float:left;}
.groupChartList .item {margin:10px 0 0 10px; border-radius:3px; -webkit-border-radius:3px;}
.groupChartList .item span {display:table; width:100%; min-height:42px; border:1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#fff; }
.groupChartList .item a {display:table-cell; width:100%; font-weight:bold; font-size:114%; color:#666; text-align:center; background-color:#fff; vertical-align:middle;}
.groupChartList .item a:hover,
.groupChartList .item a:focus,
.groupChartList li.on .item a {color:#fff; background-color:#4C750C;}

.groupChartList.itemW20 li {width:20%;}
.groupChartList.itemW25 li {width:25%;}

/* slider */
.mcon_banner .bx-wrapper .bx-viewport { left:0;border:0;box-shadow:none;margin:0;padding:0;}
.mcon_banner .bx-wrapper ul > li {min-height:200px;height:auto;}
.mcon_banner .bx-wrapper ul > li img{width:100% !important;height:auto;}
.mcon_banner .play_box { display:none !important;}
/*
.mcon_banner .bx-wrapper .bx-controls {position:absolute;width:100%;height:32px;bottom:0;background:rgba(0,0,0,0.5);}
.mcon_banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {}*/

/*홍보브로슈어*/
.shortCut { padding-right:27px !important; }
.button.small.default.shortCut::after { background-position:left 5px !important; }

/*아동학대예방교육 신청하기*/
.boardView .form-group.askWrap {overflow:hidden;}
.boardView .form-group.askWrap .form-data-info dt {width:240px; float:left; position:inherit; padding:25px 0 0 10px;}
.boardView .form-group.askWrap .form-data-info dd {display:table-cell; width:68%; float:left; padding:22px 0 0 10px;}


@media only screen and (max-width:767px) {
	.boardView .articleArea {padding:4px}
	.egImg_view {margin-bottom:5.5em}
	.exhContWrap .exhContText {width:100%;}
	.boardTextGalleryseWrap ul li {padding: 20px 0 30px;}
	.boardTextGalleryseWrap ul li .item .tgImg {width:100%;}
	.boardTextGalleryseWrap ul li .item .tgImg img {max-height:none;}
	.boardTextGalleryseWrap ul li .item .tgCont {width:100%; padding-left:0; padding-top:10px;}
	.boardTextGalleryseWrap ul li .item .tgCont .tgTxt {display:none;}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.boardView .articleArea {padding:4px}
	.egImg_view {margin-bottom:5.5em}
	.exhContWrap .exhContText {width:100%;}
}

@media all and (max-width:1023px) { /* mobile & tablet ver */
	/* 조직도 */
	.groupChart .groupChartList li {width:25%;}
}

@media all and (max-width:800px) {
	/*포토갤러리 view*/
	.photoView dd { height:400px !important; margin:1.5em 0 1.5em !important;}

	/*아동학대예방교육 신청하기*/
	.boardView .form-group.askWrap .form-data-info dt {padding: 12px 0;}
	.boardView .form-group.askWrap .form-data-info dd {width:50%; padding: 10px 0 10px 20px;}
}

@media all and (max-width:655px) {
	/*아동학대예방교육 신청하기*/
	.boardView .form-group.askWrap .form-data-info dd {width:40%;}
}

@media all and (max-width:530px) {
	/*아동학대예방교육 신청하기*/
	.boardView .form-group.askWrap .form-data-info dd {padding-left:0; width:100%;}

}

/*보건환경life 뉴스레터 START*/
.boardView.newsletter * {box-sizing: border-box;}
.boardView.newsletter {font-family: "NanumSquare";}
.boardView.newsletter .form-data-content-letter dd {background: #fff;}
.boardView.newsletter .letterHeader {width: 100%; overflow:hidden;}
.boardView.newsletter .letterHeader img {width: 100%;}
.boardView.newsletter .letterContent {display: flex; flex-wrap: wrap;}
.boardView.newsletter .letterContent:after {content:""; clear:both; display:block;}
.boardView.newsletter .letterContent .letterItem {float:left; width: calc(100%/ 3); padding:40px 20px 0;}
.boardView.newsletter .letterContent .letterItem .letterContTit {display: flex; align-items: flex-end; line-height: 1.5; font-size: 1.2em; margin-bottom:15px;  color: #ffffff; }
.boardView.newsletter .letterContent .letterItem .letterContTit span.title {background-color: #1f4e79; padding-left: 3%;}
.boardView.newsletter .letterContent .letterItem .letterContTit span:first-child {width: max-content; flex-shrink: 0; padding-right: 8px; box-sizing: border-box;}
.boardView.newsletter .letterContent .letterItem .letterContTit span.assets {display: inline-block; width: 100%; height: 3px; margin-bottom: 0px; background-color: #1f4e79;}
.boardView.newsletter .letterContent .letterItem:nth-child(even) .letterContTit span.assets {background-color: #385724;}
.boardView.newsletter .letterContent .letterItem:nth-child(even) .letterContTit span.title {background-color: #385724; padding-left: 3%;}

.boardView.newsletter .letterContent .letterItem .letterContImg {width:100%; max-width:100%; height:140px; overflow:hidden; background:#f9f9f9; margin-bottom:10px;}
.boardView.newsletter .letterContent .letterItem .letterContImg > a {position: relative; display:block; height:100%; z-index: 1;}
.boardView.newsletter .letterContent .letterItem .letterContImg>a::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0px 0 20px 10px rgb(255 255 255 / 80%);}
.boardView.newsletter .letterContent .letterItem .letterContImg img {position: relative; z-index: -1; width: 100%; height: 100%; object-fit: cover;}
.boardView.newsletter .letterContent .letterItem .letterContImg img.row {height:100%; width: auto; max-width: none;}
.boardView.newsletter .letterContent .letterItem .letterContTxt {font-size: 1.2em; overflow:hidden; text-overflow: ellipsis; word-break: break-word; 
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.boardView.newsletter .letterFooter:after {content:""; clear:both; display:block;}
.boardView.newsletter .letterFooter > a {display:table; width: 48%; margin-right:2%; float:left; height: 80px; text-decoration: none; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: right center; padding:0 30px;}
.boardView.newsletter .letterFooter > a:last-child {margin-right: 0;}
.boardView.newsletter .letterFooter > a span {color:#fff; display:table-cell;vertical-align: middle; font-size: 1.2em;}
.boardView.newsletter .letterFooter > a span:before {content:""; display:inline-block; vertical-align: middle; margin-right: 20px; background-repeat: no-repeat; background-size: cover; background-position: center center}
.boardView.newsletter .letterFooter > a:hover, .boardView.newsletter .letterFooter > a:focus {text-decoration: none;}
.boardView.newsletter .letterFooter .letterNewsLink {background-color:#213d70; background-image:url(/humanframe/theme/officehome/assets/img/content/letter_news_link_bg.jpg); margin-bottom: 15px;}
.boardView.newsletter .letterFooter .letterPrevLink {background-color:#297c15; background-image:url(/humanframe/theme/officehome/assets/img/content/letter_prev_link_bg.jpg);}
.boardView.newsletter .letterFooter .letterNewsLink span:before {width: 42px; height: 40px; background-image:url(/humanframe/theme/officehome/assets/img/content/letter_news_link_icon.png);}
.boardView.newsletter .letterFooter .letterPrevLink span:before {width: 48px; height: 39px; background-image:url(/humanframe/theme/officehome/assets/img/content/letter_prev_link_icon.png);}
.boardView .form-data-content dd {line-height: 1.8;}

@media all and (min-width: 1024px) {
	.boardView.newsletter .letterContent .letterItem {border-bottom: 1px solid #ddd; padding-bottom: 20px;}
	.boardView.newsletter .letterContent .letterItem:nth-child(n+4) {border-bottom: 0;}
}

@media all and (max-width: 1023px) {
	.boardView.newsletter .letterContent {padding-bottom:30px;}
	.boardView.newsletter .letterContent .letterItem {width: 50%;}
	.boardView.newsletter .letterFooter > a {width: 100%; margin-right: 0;}
}

@media all and (min-width: 641px) {
	/* .boardView.newsletter .letterContent .letterItem .letterContImg img.row {height:100%; width: auto; max-width: none;} */
}

@media all and (max-width: 640px) { /* mobile ver */
	.boardView.newsletter .letterHeader img {width: 180%; max-width:none;}
	.boardView.newsletter .letterContent .letterItem {width: 100%; padding: 20px 0 0;}
	.boardView.newsletter .letterContent .letterItem .letterContImg {max-width:none;}
}
/*보건환경life 뉴스레터 END*/

/*20230913 아이프레임 스타일 추가*/
.ifrm_vx iframe{
	width:100% !important;
	border:3px solid #f0f1f5 !important;
	height:600px !important;
}

/* 20240509 낙동강 에코센터 추가 */
/* 에코센터 - 이용안내 */
.ecoUseText {width: 100%; padding: 30px; margin-top: 40px; box-sizing: border-box; background-color: #f9f9f9;}
.ecoUseText h4.h4Bl {padding-left: 35px; position: relative; box-sizing: border-box; margin-top: 0;}
.ecoUseText h4.h4Bl::before {content: ''; position: absolute; top: 0; left: 0; background: url('/humanframe/theme/officehome/assets/img/content/eco/warningIcon.png') no-repeat; width: 25px; height: 25px; background-size: 100%;}
.ecoUseText .h4Section {margin-bottom: 0;}

.useList {width: 100%; display: flex; justify-content: space-between;}
.useList li {width: 48%; padding: 25px 10px 25px 125px; box-sizing: border-box; border: 1px solid #dedede; border-top: 2px solid #4c750c;}
.useList li:first-child {background: url('/humanframe/theme/officehome/assets/img/content/eco/fac1.png') no-repeat; background-size: 54px; background-position: left 35px center;}
.useList li:nth-child(2) {background: url('/humanframe/theme/officehome/assets/img/content/eco/fac2.png') no-repeat; background-size: 49px; background-position: left 40px center;}

/* 에코센터 - 전시관안내 */
.floorTab {width: 100%; display: flex; margin-bottom: 40px;}
.floorTab li {width: 33.333%; border-bottom: 1px solid #cccccc; text-align: center; position: relative; background-color: #f6f6f7;}
.floorTab li::before {content: ''; position: absolute; top: 50%; right: -1px; margin-top: -15px; width: 1px; height: 30px; background-color: #dedede; z-index: 99;}
.floorTab li:last-child:before {display: none;}
.floorTab li.active {background-color: #fff; border-top: 2px solid #4c750c; border-bottom: none; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.floorTab li.active::before {display: none;}
.floorTab li button {display: block; width: 100%; height: 100%; border: none; padding: 21px 0; font-size: 21px; word-break: keep-all; font-weight: 700; color: #333333; letter-spacing: -0.02em;}

.floorContent>div {display: none;}
.floorContent>div.active {display: block;}

/* 1층 */
.firstFloor {width: 100%; margin: 80px 0; display: flex; justify-content: flex-end; position: relative;}
.firstFloor img {position: absolute; top: -45px; left: 0; width: 69%;}
.firstFloor .text {width: 85%; height: 294px; background-color: #f7f7f7; padding: 43px 30px 43px 57.5%; box-sizing: border-box;}
.firstFloor .text .tit {word-break: keep-all; line-height: 150%; font-weight: 700; color: #333333; font-size: 20px; padding: 15px 0; border-top: 2px solid #333333; border-bottom: 1px solid #bababa; box-sizing: border-box; margin-bottom: 15px;}
.firstFloor .text .txt {word-break: keep-all; font-size: 15px; color: #333333;}

/* 2층 */
.secondFloor, .eduFloor {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.secondFloor li {width: 49%; margin-bottom: 35px; display: flex; flex-direction: column; justify-content: space-between;}
.secondFloor li img,
.eduFloor li img  {display: block; width: 100%; object-fit: cover;}
.secondFloor li .text {width: 100%; height: 100%; padding: 25px; box-sizing: border-box; position: relative; background-color: #f7f7f7;}
.secondFloor li .text .tit {font-weight: 700; font-size: 20px; line-height: 150%; color: #333333; padding-bottom: 13px; margin-bottom: 13px; border-bottom: 1px solid #d6d6d6; box-sizing: border-box; word-break: keep-all; letter-spacing: -0.02em;}
.secondFloor li .text .tit .mo {display: none;}
.secondFloor li .text .txt {font-size: 15px; color: #333333; word-break: keep-all; letter-spacing: -0.04em;}
.secondFloor li .text .zone {display: block; position: absolute; right: 30px; top: -34px; width: 68px; height: 68px; border-radius: 50%; text-align: center; line-height: 68px; color: #fff; font-weight: 700; font-size: 16px; background-color: #ff8828; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.15);}

/* 교육,편의시설 */
.eduFloor li {width: 49%; margin-bottom: 35px;}
.eduFloor li .text {width: 100%; font-weight: 700; font-size: 20px; color: #333333; text-align: center; letter-spacing: -0.02em; padding: 20px 0; background-color: #f7f7f7;}

@media screen and (max-width: 1200px) {
	.useList li {padding-left: 100px;}
	.useList li:first-child {background-size: 48px; background-position: left 25px center;}
	.useList li:nth-child(2) {background-size: 43px; background-position: left 30px center;}

	.secondFloor li .text .tit .mo {display: inline-block;}
}

@media screen and (max-width: 1025px) {
	.firstFloor {margin: 40px 0;}
	.firstFloor img {position: static; width: 60%; object-fit: cover;}
	.firstFloor .text {padding: 20px; height: auto;}
}

@media screen and (max-width: 680px) {
	.ecoUseText  {padding: 20px;}
	.useList {flex-wrap: wrap;}
	.useList li {width: 100%; padding-left: 80px;}
	.useList li:first-child {background-size: 35px; margin-bottom: 15px;}
	.useList li:nth-child(2) {background-size: 30px; background-position: left 25px center;}

	.floorTab li button {padding: 17px 0; font-size: 19px;}
	.firstFloor .text {padding: 15px;}
	.firstFloor .text .tit {padding: 10px 0; font-size: 17px; margin-bottom: 10px;}
	.firstFloor .text .txt {font-size: 14px;}

	.secondFloor li .text {padding: 15px;}
	.secondFloor li .text .tit {font-size: 17px; padding-bottom: 10px; margin-bottom: 10px;}
	.secondFloor li .text .zone {right: 10px; top: -32px; width: 50px; height: 50px; line-height: 50px; font-size: 14px;}
}

@media screen and (max-width: 480px) {
	.floorTab {margin-bottom: 25px;}
	.floorTab li button {font-size: 17px;}
	.firstFloor {flex-wrap: wrap; margin: 25px 0;}
	.firstFloor .text .tit {border-top: none; padding-top: 0;}
	.firstFloor img, .firstFloor .text {width: 100%;}

	.secondFloor li, .eduFloor li {width: 100%; margin-bottom: 15px;}
	.eduFloor li .text {font-size: 16px; padding: 15px 0;}
}

.boardListTxt{font-size:15px;}
.boardView .form-data-content{background:none;}
.boardView .form-data-subject{font-size:1.5em;}
@media (max-width: 768px){ 
	
	.boardView .form-data-subject{font-size:1.2em;} 
}
.parkboardArea{
	overflow:hidden;
}
.parkboardWrap{
	overflow-X:auto;
}
.parkboardArea > .parkboardWrap > .boardList{
	min-width:580px;
}
/**************************전시스케치 & 박물관 갤러리*************************/
.thumbListType1{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    gap: 60px 30px;
	flex-wrap: wrap;
	margin:0 auto;
	border-top:2px solid #000;
	padding-top:30px;
}
.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; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:1.15em;}
.thumbListType1 > li .titBar .txtR{display:none;}
.thumbListType1 > li .titBar .date{float:none; width:100%; text-align:center;}


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



/*-----------------자주묻는질문*/
#faqaWrap .faqaMenu.faqa > ul{
	
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    background: #e8e8e8;
}
.faqArea > li{
	border-bottom:1px solid #cfcfcf;
}
#faqaWrap .faqaMenu.faqa > ul > li > a{
    padding: 30px 40px 27px;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	background:#fff;
}
#faqaWrap .faqaMenu.faqa > ul > li.active > a{
	background:#fff;
}
.faqArea .icoA,
.faqArea .icoQ{
    display: block;
    background: none;
    color: #000;
    text-indent: 0;
    font-size: 3rem;
    line-height: 1em;
    font-weight: 800;
    height: auto;
    width: auto;
    margin-right: 35px;
}
.faqArea .txt{
    width: calc(100% - 30px - 35px);
    float: inherit;
    font-size: 1.8rem;
    font-weight: 800;
	transition:0.3s;
}
#faqaWrap .faqaMenu.faqa > ul > li .btnMenuDropDown{ 
    top: 32px;
    right: 40px;
    width:20px;
    height:20px;
    transform:rotate(135deg);
    transition: 0.3s;
}
#faqaWrap .faqaMenu.faqa > ul > li .btnMenuDropDown::after{
	display:block;
	width:100%;
	height:4px;
	content:'';
	background:#000;
	position:absolute;
	top:0%;
	left:0;
	margin-top:0;
}
#faqaWrap .faqaMenu.faqa > ul > li .btnMenuDropDown::before{
	display:block;
	width:4px;
	height:100%;
	content:'';
	background:#000;
	position:absolute;
	left:inherit;
	right:0;
	top:0;
	margin:0;
}

#faqaWrap .faqaMenu.faqa > ul > li .btnMenuDropDown:hover,
#faqaWrap .faqaMenu.faqa > ul > li.active .btnMenuDropDown{
	transform:rotate(675deg);
    transition: 0.3s;
}
#faqaWrap .faqaMenu.faqa > ul > li .btnMenuDropDown:hover:before,
#faqaWrap .faqaMenu > ul > li .btnMenuDropDown:focus:before{
	width:4px;
	height:100%;
	margin:0;
}
#faqaWrap .faqaMenu.faqa > ul > li.active > .btnMenuDropDown:before{
    margin: 0;
    width: 4px;
    height: 100%;	
}
.faqArea > li:hover{
	background:inherit;
}
.faqArea > li:hover > a > .txt{
	text-decoration:underline;
	transition:0.3s;
}
#faqaWrap .faqaMenu.faqa > ul > li:hover > a,
#faqaWrap .faqaMenu > ul > li > a:focus {
	border-color:inherit;
	color:inherit;
}
#faqaWrap .faqaMenu.faqa > ul > li > ul{
	background-color:#f4f4f4;
    padding: 40px 41px 35px;
    border:1px solid #dbdbdb;
    border-bottom:0;
}
#faqaWrap .faqaMenu.faqa > ul > li > ul > li{
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.faqArea .faqTxt .txt{
    font-size: 1.25em;
    line-height: 1.5em;
    padding-top: 10px;
	word-break: break-all;
}
.faqArea .faqTxt .txt > .se-contents{
	overflow-x:scroll;
}

#faqaWrap .faqaMenu.faqa > ul > li > ul > li > .txt > div > p > span{
	font-family:'NotoSans' !important;
	font-size: 1.8rem !important;
	font-weight:500 !important;
}

@media all and (max-width:800px){
	#faqaWrap .faqaMenu.faqa > ul > li > a{
    	padding: 16px 24px;
	}
	.faqArea .icoA,
	.faqArea .icoQ{
	    font-size: 32px;
	    margin-right: 24px;
	}
	#faqaWrap .faqaMenu.faqa > ul > li .btnMenuDropDown{
	    width: 20px;
	    height: 20px;
	    right: 20px;
	    top: 16px;
	}
	#faqaWrap .faqaMenu.faqa > ul > li.active .btnMenuDropDown {
	    transform: rotate(675deg) translate(-8px, 8px);
	    transition: 0.3s;
	}
	#faqaWrap .faqaMenu.faqa > ul > li > ul{
	    padding: 16px 24px 24px;
	}
	.faqArea .faqTxt .txt{
		font-size:16px;
	}
}


@media all and (max-width:768px){
	.faqArea .icoA,
	.faqArea .icoQ{
	    font-size: 2.4rem;
	    margin-right: 16px;
	}
	.faqArea .faqTxt .txt{
    	font-size: 1.7rem;
    	padding-top:0;
	}
	
	#faqaWrap .faqaMenu.faqa > ul > li > ul > li > .txt > div > p > span{
		font-size: 1.5rem !important;
	}
}


/*부산의 공원 > 공고*/
#contents > .boxStyle {
	font-size:1.8rem;
}
#contents > .boxStyle > a.button.color.icon.jump.small.mt10{
    padding: 12px 52px 12px 16px !important;
    margin: 0;
    height: auto;
    line-height: 1em;
    font-size: 1.6rem;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    width: auto;
}
#contents > .boxStyle > a.button.color.icon.jump.small.mt10::after{
    background: none;
    background-position: center;
    background-image: url(/humanframe/theme/parksbusan/assets/img/common/iconJumpWh.png);
    background-repeat: no-repeat;
    background-size: auto;
    right: 16px;
    width: 20px;
    height: 17px;
    margin-top: -8.5px;
}


/*상세페이지*/
.boardView .form-data-info{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
    table-layout: inherit;
    height: inherit;
}
.boardView .form-data-info dt, .boardView .form-group .form-data-info dd{
	display:block;
	padding:16px 0 16px 10px;
}
.boardView .form-data-info dt{
	width:140px !important;
	position:static;
}

.boardView .form-data-info dd{
	flex: 1 1 0;
}
@media all and (max-width:768px){
	.boardView .form-data-info dt{
		width:120px !important;
	}
	.boardView .form-group{
		flex-wrap: wrap;
	}
	.boardView .form-data-info{
	    width: 50%;
	}
	.boardView .form-data-info dt,
	.boardView .form-group .form-data-info dd {
    	padding: 8px 0 8px 10px;
	}
}
@media all and (max-width:480px){
	.boardView .form-data-info{
	    width: 100%;
	}
}
/*프로그램 예약*/
.reserveBoard{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    flex-wrap: wrap;
    gap: 60px 35px;
}
.reserveItem{
    display: block;
    width: calc(25% - 26.25px);
    border: 1px solid #dbdbdb;
}
.reserveItem > a > .imgBx{
    display: block;
    width: 100%;
    aspect-ratio: 430 / 322;
    overflow: hidden;
}
.reserveItem > a > .imgBx > img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position:center;
}
.reserveItem > a > .txtBx{
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.reserveItem > a > .txtBx > .title{
    font-size: 2.4rem;
    line-height: 1em;
    font-weight: 800;
	white-space:normal;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	margin-bottom:16px;
}
.reserveItem > a > .txtBx > .date{
    font-size: 1.6rem;
    line-height: 1em;
    width: 100%;
    display: block;
    font-weight: 500;
    color: #858585;
	white-space:normal;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}
.reserveItem > a > .txtBx > .date:last-child{
	margin-top:8px;
}
@media all and (max-width:1100px){
	.reserveBoard{
		gap:35px;
	}
	.reserveItem{
    	width: calc(33.33333% - 24px);
	}
	.reserveItem > a > .txtBx {
    	padding: 16px;
    }
}
@media all and (max-width:768px){
	.reserveBoard{
		gap:30px 20px;
	}
	.reserveItem{
		width:calc(50% - 10px);
	}
	.reserveItem > a > .txtBx > .title{
		font-size:1.8rem;
		margin-bottom:16px;
	}
	.reserveItem > a > .txtBx > .date{
		font-size:1.4rem;
	}
}
@media all and (max-width:440px){
	.reserveItem{
		width:100%;
	}
}


/*서브레이아웃 New*/
.header.newLayout{
	color:#fff;
}
.newLayout .menu_btn, .newLayout .menu_btn::after, .newLayout .menu_btn::before{
	background:#fff;
}
#container.subNew{
	padding:0 0 50px;
}
.subNew .breadCrumbBg{
    aspect-ratio: 1920 / 395;
    min-height:300px;
}
.subNew .breadCrumbBg > img{
	height:100%;
}
.subNew #sideNav{
	max-width:inherit;
	border-bottom:1px solid #dbdbdb;
}
.subNew .sideNavMenu{
	max-width:1440px;
	margin:0 auto
}
.subLayoutNew .sideNavMenu > ul > li > a{
	padding-top:20px;
}
#sideNav .sideNavMenu > ul > li a[target='_blank']:after{
	top:24px;
}
.subLayoutNew > .subContainer > .subContainerBx{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    width: 100%;
}
.subLayoutNew .titPage{
	margin-bottom:30px;
}
.subLayoutNew .lineMap{
	justify-content:center;
}

@media all and (max-width:768px){
	.subNew .breadCrumbBg{
    	position: relative;
	}
	.subLayoutNew > .subContainer > .subContainerBx{
		flex-direction:column;
	}
	
}
.boardView .form-group{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	width:100%;
}