#bbs_container UL.bbsGalleryZone {
	border:0;
	margin-top:2rem;
	align-items: stretch;
}
#bbs_container UL.bbsGalleryZone > li {
	position: relative;
	width:calc(100% / 4 - 4rem);

	padding:0;
	margin:3rem 2rem 1rem;

	display: block;

}
#bbs_container UL.bbsGalleryZone > LI.record_blank {
	padding: 10rem 0;
    font-size: 2.4rem;
    font-weight: 400;
    color: #ccc;
    width: 100% !important;
    text-align: center;
}
#bbs_container UL.bbsGalleryZone .coverpic {
    display: block;
	width:100%;
	border:1px solid #aaa;
	padding:1.5rem;
	padding-bottom:2rem;
    border-radius: 10px;
    border-color: #bbb;
}
#bbs_container UL.bbsGalleryZone .coverpic > img {
	width:100%;
}
#bbs_container UL.bbsGalleryZone .pic img {
	width:100%;
	height:100%;
	object-fit:cover;

}
#bbs_container UL.bbsGalleryZone .bbsGalleryCont {
	text-align:center;
	letter-spacing:-1px;
	padding:1.5rem 0;
}
#bbs_container UL.bbsGalleryZone .btn {
    width: auto;
    margin: 1rem auto;
	display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;	
}
#bbs_container UL.bbsGalleryZone .bbsGalleryTitle {
	overflow: unset;
	word-wrap: unset;
    white-space: normal;
	text-align:center;
}


/********************* Mobile *********************/
@media all and (max-width:1199px) {
	#bbs_container UL.bbsGalleryZone > li {
		width:calc(100% / 4 - 4rem);
		margin:3rem 2rem 1rem;
	}
}
/********************* Mobile *********************/
@media all and (max-width:991px) {
	#bbs_container UL.bbsGalleryZone > li {
		width:calc(100% / 3 - 4rem);
	}
}


/********************* Mobile *********************/
@media all and (max-width:767px) {
	#bbs_container UL.bbsGalleryZone > li {
		width:calc(100% / 2 - 4rem);
	}
}

/********************* Mobile *********************/
@media all and (max-width:575px) {
	#bbs_container UL.bbsGalleryZone > li {
		width:calc(100% - 4rem);
	}
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
	line-height:1.4;
}

.bbsWrite_FldArea TEXTAREA ,
.bbsWrite_FldArea INPUT[type='datetime-local'],
.bbsWrite_FldArea INPUT[type='text'] {
    vertical-align: middle;
    border: 1px solid #ccc;
    padding: .5em 1em;
	height:4.5rem;
}





/* 열람 */




	#expItemView {
		width: 100%;
		display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start;
	}
	#expItemView .exp_cover {
		width:45rem;
	}
	#expItemView .exp_cover > img {
		width:100%;
		border:1px solid #bbb;
		padding:10px;
		background:#fff;
	}
	#expItemView .exp_infor {
		width:calc(100% - 45rem);
		padding-left:7.5rem;
	}

	#expItemView .exp_infor > .fac_title {
		padding:0 1rem 1.5rem;
		border-bottom:1px solid #ddd;
	}
	#expItemView .exp_infor > .fac_title h3 {

	}
	#expItemView .exp_infor > .fac_title h3.arrow_bar::before {
		width: 1rem;
		height: 2.5rem;
		border-radius: 0.5rem;
		margin-right: 1.2rem;
		top: -0.2rem;
	}
	#expItemView .exp_infor > .fac_subject {
		padding:2rem 1rem 0;
		font-size:1.9rem;
		font-weight:600;
	}


	#expItemView .exp_infor .exp_detail {
		margin-top:2rem;
		padding-top:2rem;
	}
	#expItemView .exp_infor .exp_detail  hr.sideline {
		border:0;
		border-top:1px solid #ccc;
		margin:20px 0;
	}
	#expItemView .area_ul > li {
		padding:3px 5px;
		position: relative;
	}
	#expItemView .area_ul span.tit {
		display:inline-block;
		position: relative;
		border-radius: 5px;
		padding:5px 10px;
		margin-right:20px;
		min-width:100px;
		text-align:center;
		border:1px solid #ddd;
		background:#eee;
	}

	#expItemView .area_ul span.cont {
		display:inline-block;
		position: relative;
		border-radius: 5px;
		padding:2px 10px;
		margin-left:-120px;
		padding-left:120px;


	}
	#expItemView .area_ul +  .area_ul {
		border-top:1px dashed #aaa;
		margin-top:3rem;
		padding-top:3rem;
	}
	#expItemView hr {
		margin:3.5rem 0;
		border-style:dashed;
		border-color:#aaa;
	}

	.exp_content {
		border:0;
		border-top:1px solid #aaa;
		margin:50px 0;
		padding:50px 0;
	}
	.exp_content img {
		max-width:100%;
	}


	/********************* Mobile *********************/
	@media all and (max-width:1199px) {
		#expItemView .exp_cover {
			width:50rem;
		}
		#expItemView .exp_infor {
			width:calc(100% - 50rem);
			padding-left:5rem;

		}
	}
	/********************* Mobile *********************/
	@media all and (max-width:991px) {
		#expItemView .exp_cover {
			width:40rem;
		}
		#expItemView .exp_infor {
			width:calc(100% - 40rem);
		}
	}


	/********************* Mobile *********************/
	@media all and (max-width:767px) {

		#expItemView {
			display:block;
			font-size:10pt;
		}
		#expItemView .exp_cover ,
		#expItemView .exp_infor {
			width:100%;
		}

		#expItemView .area_ul span.tit {
			padding:5px;
			margin-right:10px;
			min-width:80px;
		}

		#expItemView .exp_infor {
			padding:10px 15px;
			background:#fff;
			border:0;
			margin-top:5rem;

		}


		div.fac_title > h3 + small {
			font-size:10pt;
			padding:2px 10px;
		}



	}
	/********************* Mobile / Tablet *********************/
	@media all and (max-width:1023px) {

		#expItemView > tbody > tr:first-child > td:last-child { padding-left:25px; }


	}

#expItemView .area_ul::after {
	content:'';
	clear:both;
	display:block;
}
#expItemView .area_ul.area_price > li {
	width:50%;
	float:left;
}

#expItemView .area_message {
	margin-top:5px;
	border:1px solid #aaa;
	border-radius: 10px;
	padding:1.5rem 2rem;;
	background:#fffff2;
}
#expItemView .area_ticket {
	margin-top:5px;
	border:1px solid #aaa;
	border-radius: 10px;
	padding:10px 0;
	background:#fffff2;
}
#expItemView .area_ticket > li {
	padding:1rem 2rem;
	position: relative;
	border-bottom:1px dashed #ccc;
}
#expItemView .area_ticket > li:last-child {
	border-bottom:0;
}


#expItemView .area_ticket button.btn {
	display:inline-block;
	border-radius: 0.5rem;
	font-size:1.4rem;
}


/********************* Mobile *********************/
@media all and (max-width:767px) {

	#expItemView .area_ticket button.ticketing {
		display: block;
		position: relative;
		right:auto;
		width: 100%;
		margin-top:10px;
		height:40px;
	}
}
#expItemView .area_btns {
	margin-top:3rem;
	width:100%;
	display: flex;
	justify-content: flex-end;
}
#expItemView .area_btns .btn {

	width:30%;
	height:6rem;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius:0.5rem;
	margin-left:1rem;

}
/********************* Mobile *********************/
@media all and (max-width:767px) {

	#expItemView .area_btns {
		justify-content: space-around;
	}
	#expItemView .area_btns .btn {
		width:45%;
	}
}

#expItemView .edgebox {
	padding: 2.5rem 3.5rem;
}
#expItemView .join_agree {
	padding:3rem 0 0;
	text-align:center;
}
#expItemView .join_agree > P {
	padding-bottom:2rem;
	padding-right:2rem;
	display:inline-block;
}

#expItemView .area_btns #Interpark_agree {
	width:90%;
	max-width:35rem;
	height:6rem;
}

/********************* Mobile *********************/
@media all and (max-width:767px) {

	#expItemView .join_agree_btns {
		text-align:center;
		padding-top:1rem;
	}
	#expItemView .join_agree > P {
		display: block;
	}
}



.exp_adminarea {
	display: flex;
	justify-content: flex-end;
	margin-top:3rem;
	padding:2rem 2rem;

	border: 2px solid #7652D1;
	border-radius: 1rem;
	background: #ffc;
}
.exp_adminarea > span {
	display: flex;
	align-items: center;
	margin:0 0.5rem;
}
/********************* Mobile *********************/
@media all and (max-width:767px) {
	.exp_adminarea {
		width:95%;
		margin:2rem auto;
		flex-direction: column;
		align-items: center;
	}
	.exp_adminarea > span.bar {
		display:none;
	}
	.exp_adminarea > span {
		display: flex;
		align-items: center;
		margin:0 0.5rem;
	}
}