.profes_wrap img, .historyWrap img {
	max-width: 100%;
	height: auto;
}

/*------------------------------------------------------------------------------------------------------
운영안내
---------------------------------------------------------------------------------------------------------*/
.management_wrap dt::before {
	content:"\f192";
	font-family: "Font Awesome 5 Free"; font-weight: 900; color: #ff4f2e; margin-right: 7px;
}

/*------------------------------------------------------------------------------------------------------
오시는길
---------------------------------------------------------------------------------------------------------*/
/*.lo_title h3 {background: url(../intro/images/est_title_bg.gif) center bottom no-repeat;}*/
.lo_title li::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free"; color: #ccc; font-weight: 900; margin-right: 7px;
}
.location_wrap h4::before, .shuttle_wrap h3::before {
    content: "\f207";
    font-family: "Font Awesome 5 Free"; margin-right: 7px;
}

/*------------------------------------------------------------------------------------------------------
셔틀버스안내
---------------------------------------------------------------------------------------------------------*/
/*.shuttle_wrap li span {width: 50px; margin-right: 15px; padding: 5px 0; text-align: center;}*/
.shuttle_wrap i {top: 22px;}
.shuttle_wrap table {font-size: initial;}

	/*-----------------------
	탭
	-----------------------*/
/* 탭 전체 스타일 */
.tabs {width: 100%;margin: 0 auto;}

/* 탭 스타일 */
.tab_item {
  width: calc(100%/2); height: 50px;
  background-color: #f8f8f8; border-bottom: 3px solid #333;
  line-height: 50px; text-align: center;
  float: left; display: block; text-align: center;
  font-size: 15px; color: #333333; font-weight: bold;
  transition: all 0.2s ease;
  cursor:pointer;
}
.tab_item:hover {
  opacity: 0.75;
}

/* 라디오 버튼 UI삭제*/
input[name="tab_item"] {
  display: none;
}

/* 탭 컨텐츠 스타일 */
.tab_content {
  display: none;
  padding: 40px 0;
  clear: both;
  overflow: hidden;
}


/* 선택 된 탭 콘텐츠를 표시 */
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#tb2023:checked ~ #tb2023_content,
#design:checked ~ #design_content,
#desi:checked ~ #desi_content {
  display: block;
}

/* 선택된 탭 스타일 */
.tabs input:checked + .tab_item {
  background-color: #333333;
  color: #fff;
}

/*------------------------------------------------------------------------------------------------------
지하철안내
---------------------------------------------------------------------------------------------------------*/
.subway_line {display: inline-block; width: 170px; height: 170px; line-height: 170px; margin-left: auto; margin-right: auto;}
.subway_line2 {display: inline-block; width: 150px; height: 150px; line-height: 150px; margin-left: auto; margin-right: auto;}
/*.subway_line::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0px;
	border-top: 10px solid #ffd200;
	width: 100%;
	z-index: -1;
	opacity: 0.6;
}*/
.subway_wrap div div {width: 100px; height: 100px; line-height: 20px; border-radius:100px; border-width: 3px; text-align: center;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.subway_wrap div div {
			width: 100%; height: auto; padding:10px 0;
			border-radius:30px; border:3px solid #f47b20;
		}
	}
.bg-shuttle {
	background-color: #f47b20;
	color: #fff;
}
	/*-----------------------
	영문
	-----------------------*/
.subway_en div div {width: 130px; height: 130px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.subway_en div div {
			width: 100%; height: auto;
		}
	}

/*------------------------------------------------------------------------------------------------------
주차장안내
---------------------------------------------------------------------------------------------------------*/
.parking_text i {margin:-60px auto 20px; border:5px solid #fff;}

/*------------------------------------------------------------------------------------------------------
축제장배치도
---------------------------------------------------------------------------------------------------------*/
.floor-plan-container {
	width: 100%;
	/* max-width: 900px; PC에서의 최대 너비 */
	margin: 20px auto;
	border: 1px solid #ddd;
	overflow: hidden; /* 자식 요소가 넘쳐도 페이지 스크롤 방지 */
}

.floor-plan-scroll-wrapper {
	/* 기본적으로 PC에서는 스크롤 숨김 (아래 미디어 쿼리에서 모바일만 스크롤 활성화) */
	overflow-x: hidden;
	overflow-y: hidden;
}

.floor-plan-inner {
	position: relative;
	/* PC에서는 100% (부모 컨테이너에 맞춰 반응형) */
	width: 100%;
	height: auto;
}

.floor-plan-inner img {
	width: 100%; /* 부모(floor-plan-inner)에 맞춰 100% 채움 */
	height: auto; /* 이미지 비율 유지 */
	display: block;
}

.space-button {
	position: absolute;
	background-color: rgba(0, 123, 255, 0.7);
	color: white;
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	padding: 5px 10px;
	font-size: 0.9rem;
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
	white-space: nowrap;
	z-index: 10;
}
.space-button:hover {
	background-color: rgba(0, 123, 255, 0.9);
	transform: scale(1.05);
	box-shadow: 0 0 15px rgba(0, 123, 255, 0.6);
}

/* 각 공간 버튼 위치 (이전과 동일하게 유지) */
/* 이 위치 값들은 floor-plan-inner의 기준에 따라 달라집니다. */
/* PC에서는 900px을 max-width로 사용하고, 모바일에서는 900px을 width로 사용합니다. */
/* 따라서 이 위치들은 두 환경 모두에서 동일하게 적용되어야 합니다. */
#space1 { top: 84%; left: 16.5%; } /* 환영마당 */
#space2 { top: 74%; left: 34%; } /* 문화마당 */
#space3 { top: 84%; left: 53%; } /* 농경마당 */
#space4 { top: 68%; left: 50%; } /* 동화마당 */
#space5 { top: 48%; left: 85%; } /* 체험마당 */


/* 애니메이션 효과 */
.space-button.pulsing {
	animation: pulse 1.8s infinite;
}

@keyframes pulse {
	0% { box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7); }
	70% { box-shadow: 0 0 0 15px rgba(0, 123, 255, 0); }
	100% { box-shadow: 0 0 0 0 rgba(0, 123, 255, 0); }
}

/* --- 핵심 변경사항: 미디어 쿼리를 이용한 PC/모바일 분리 --- */

/* 모바일 환경 (최대 768px 너비) */
@media (max-width: 768px) {
	.floor-plan-scroll-wrapper {
		overflow-x: scroll; /* 모바일에서만 가로 스크롤 활성화 */
	}

	.floor-plan-inner {
		/* 모바일에서 이미지가 너무 작아지지 않도록 최소 너비 강제 */
		/* 이 값이 PC에서 보고 싶은 이미지의 고정 너비와 같아야 합니다. */
		width: 900px; /* 이 너비를 기준으로 버튼 위치가 고정됩니다. */
	}

	.space-button {
		padding: 3px 6px; /* 모바일에서 버튼 패딩 줄이기 */
		font-size: 0.7rem; /* 모바일에서 폰트 사이즈 줄이기 */
	}
}

/* PC 환경 (최소 769px 너비) */
@media (min-width: 769px) {
	.floor-plan-scroll-wrapper {
		overflow-x: hidden; /* PC에서는 가로 스크롤 비활성화 */
	}
	/* .floor-plan-inner는 기본값 (width: 100%)을 따르므로 별도 설정 불필요 */
}


/* 웹킷 기반 브라우저(크롬, 사파리 등)에서 스크롤바 숨기기 (선택 사항)
.floor-plan-scroll-wrapper::-webkit-scrollbar {
	display: none;
}
.floor-plan-scroll-wrapper {
	-ms-overflow-style: none; /* IE and Edge
	scrollbar-width: none; /* Firefox
} */

/*------------------------------------------------------------------------------------------------------
공연안내
---------------------------------------------------------------------------------------------------------*/
.perfo_wrap th, .perfo_wrap td {width: 16.8%; padding:5px 3px; text-align:center; border-right:1px solid #dee2e6; border-bottom:1px solid #dee2e6; white-space: pre-line;}/*width:18.8%; box-sizing:border-box;*/
.perfo_wrap th:first-child, .perfo_wrap td:first-child {
	width:6%; vertical-align:middle;
	color:#000; font-weight:400;
}
.perfo_wrap th:first-child {color: inherit;}
.perfo_wrap th:nth-child(2), .perfo_wrap td:nth-child(2) {width:10%;}
.perfo_wrap td {vertical-align:text-top; vertical-align: middle;}

.perfo_wrap dl {margin:0; padding:0; list-style:none;}
.perfo_wrap dt {
	margin:0; padding:0 0 0 15px; position:relative;
	color:#73995c; font-weight:400;
}
.perfo_wrap dt i {position:absolute; left:0; top:5px; color:#f2cb66;}
.perfo_wrap dd {margin:0; padding:0 0 0 15px;}

.perfo_time th:first-child, .perfo_time th:nth-child(2), .perfo_time td:first-child, .perfo_time td:nth-child(2) {font-weight: bold;}
.perfo_ground th:nth-child(2), .perfo_ground td:nth-child(2) {width:16.8%;}

.perfo_sch thead {border-top: 2px solid #333; border-bottom: 2px solid #333;}
.border_b_2 {border-bottom: 2px solid #999;}

.info_no {width: 50px; height: 50px; line-height: 50px; text-align: center; vertical-align: middle;}
.bottom-20 {bottom:20px;}
.end-20 {right:20px;}

	/*-----------------------
	마당별 캐러샐 버튼
	-----------------------*/
.carousel-indicators {position: relative; margin: 0; background-color: #efefef; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);}
.carousel-indicators [data-bs-target] {
	text-indent: inherit; width: auto; height: auto; padding: .2rem; background-color: #333;
	color: #fff; font-weight: bold;
}

/*------------------------------------------------------------------------------------------------------
축제일정표
---------------------------------------------------------------------------------------------------------*/
/*.schedule_wrap thead {background-color:#f2cb66;}*/

.schedule_wrap th, .schedule_wrap td {width:18.8%; padding:5px 0; text-align:center; border-right:1px solid #dee2e6; border-bottom:1px solid #dee2e6;}/* box-sizing:border-box;*/
.schedule_wrap th:first-child, .schedule_wrap td:first-child {
	width:6%; vertical-align:middle;
	color:#000; font-weight:400;
}
.schedule_wrap th:first-child {color: inherit;}
.schedule_wrap td {padding-left: .5rem; padding-right: .5rem; text-align:left; vertical-align:text-top;}

.schedule_wrap dl {margin:0; padding:0; list-style:none;}
.schedule_wrap dt {
	margin:0; padding:0 0 0 15px; position:relative;
	color:#73995c;
}
.schedule_wrap dt i {position:absolute; left:0; top:5px; color:#f2cb66;}
.schedule_wrap dd {margin:0; padding:0 0 0 15px;}

/*------------------------------------------------------------------------------------------------------
체험 프로그램 (구.마당별 프로그램)
---------------------------------------------------------------------------------------------------------*/
.profes_bottom {font-size: 18px; font-weight: 500;}
.profes_wrap > .schedule_wrap td {
	width: auto!important; padding-left: 1rem; padding-right: 1rem;
	font-size: inherit;
}
.profes_wrap > .schedule_wrap td, .profes_wrap > .schedule_wrap td ul {vertical-align: middle; display: table-cell;}
.profes_wrap > .schedule_wrap dt {padding-left: 17px; position: relative; vertical-align: middle!important;}
.profes_wrap > .schedule_wrap dt i {position: absolute; left: 0; top: 5px!important;}
.profes_wrap > .schedule_wrap dd {vertical-align: middle!important;}

.profes_wrap > h3 {
	border-top:2px solid #00b087; border-bottom:2px solid #00b087;
	/*color: #333;*/
}

/*.profes_wrap > p {font-family: 'Noto Serif KR', serif;}*/
.profes_wrap h4::before {
	content:"\f001";
	font-family: "Font Awesome 5 Free"; font-weight: 900; color: #ff4f2e; margin-right: 7px;
}
.profes_wrap h4::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0px;
	border-top: 10px solid #ffd200;
	width: 100%;
	z-index: -1;
	opacity: 0.6;
}
.fes_title::before {
	content:"\f192";
	font-family: "Font Awesome 5 Free"; font-weight: 900; color: #ffd200; margin-right: 7px;
}
.profes_table td {text-align: center;}

. h-328 {height: 328px;}

/*------------------------------------------------------------------------------------------------------
축제발자취
---------------------------------------------------------------------------------------------------------*/
.historyWrap .container {width: 100%!important;}

/*------------------------------------------------------------------------------------------------------
지난행사보기
---------------------------------------------------------------------------------------------------------*/
.post_wrap h4::before {content: inherit;}
.post_wrap h4 i {color: #dcdcdc;}
.post_ad img {width: 250px;}

/*------------------------------------------------------------------------------------------------------
이천관광
---------------------------------------------------------------------------------------------------------*/
.title_icon::before {
    content: "\f192";
    font-family: "Font Awesome 5 Free"; margin-right: 7px;
}

	/*-----------------------
	숙박안내
	-----------------------*/
.tour_link::before {
	content:"\f0c1";
	font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 7px;
}





/*------------------------------------------------------------------------------------------------------
ㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣ
                              삭제예정 스타일
ㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣ
---------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------
2020이벤트페이지-2019
---------------------------------------------------------------------------------------------------------*/
.event2020_wrap {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
}
.event2020_wrap > div {height:100%;}

	/*-----------------------------------
	이벤트 목록(레프트) 레이아웃
	-----------------------------------*/
.event2020_list {box-sizing:border-box; width:250px; padding:15px 15px; background-color:#73995c;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.event2020_list {display:none;}
	}
.event2020_list > ul {margin:0; padding:0; list-style:none;}
.event2020_list > ul > li {margin:0; padding:10px 0; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.event2020_list > ul > li > a {
	box-sizing:border-box; display:block; padding:0 0 0 25px; text-align:left; position:relative; text-decoration:none;
	font-size:16px; color:#fff; font-weight:500;
}
.event2020_list > ul > li > a:hover {color:#ffff99;}
.event2020_list > ul > li > a > i {position:absolute; left:0; top:5px;}

	/*-----------------------------------
	이벤트 내용 레이아웃
	-----------------------------------*/
.event2020_con {width:980px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.event2020_con {width:98%; margin-left:auto; margin-right:auto;}
	}

	/*-----------------------------------
	탭버튼
	-----------------------------------*/
.foto_tab {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	margin:0 0 25px 0;
}
.foto_tab > a {
	min-width:120px; margin:0 5px; padding:8px 0; border:1px solid #ccc;
	color:#000; font-weight:350;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.foto_tab > a {margin-bottom:5px;}
	}
.foto_tab > a:hover {
	background-color:#333; border:1px solid #333; text-decoration:none;
	color:#fff;
}

	/*-----------------------------------
	공통-개요 페이지
	-----------------------------------*/
.event_intro_wrap {}
.event_intro_container {}
.event_intro_container > section {}
.event_intro_container > section > h3 {
	text-align:left;
	color:#000; font-weight:350;
}
.event_intro_container > section > h3 > i {
	margin-right:10px;
	color:#f2cb66;
}
.event_intro_container > section > ul {margin-left:40px; padding:0;}
.event_intro_container > section > ul > li {margin:0; padding:0; text-align:left; line-height:34px;}
.event_intro_container > section > ul > li > strong {color:#000;}

.event_intro_container > section > ul > li > ul {margin-left:40px; padding:0;}
.event_intro_container > section > table {width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.event_intro_container > section > table th, .event_intro_container > section > table td {
	padding:8px 3px;
	border-bottom:1px solid #ccc; border-right:1px solid #ccc;
	text-align:center; line-height:24px;
}
.event_intro_container > section > table th {background-color:#f4f4f4;}

.event_intro_container > section > ul > li > i.fa-youtube {
	margin-left:3px;
	font-size:18px; color:#fe0000;
}

table.lookup_table td {padding:8px 5px!important;}
table.lookup_table td.lookup_td_left {text-align:left!important;}
table.lookup_table td.lookup_td_title {background-color:#f4f4f4;}
	/*-----------------------------------
	쌀축제 사진이벤트
	-----------------------------------*/
.event_intro_container > section > ul.foto_input_text {margin-left:40px; padding:0; list-style:none;}
.event_intro_container > section > ul.foto_input_text > li {
	margin:0; padding:0; text-align:left; line-height:34px;
	font-style:italic;
}
.event_intro_container > section > ul.foto_input_text > li > i {
	margin-right:10px;
	color:#ea3a3a;
}

	/*-----------------------------------
	거북놀이 경품이벤트
	-----------------------------------*/

	/*-----------------------------------
	드라이브 쌀 사전예약 이벤트
	-----------------------------------*/

	/*-----------------------------------
	워킹스루 인삼 사전예약 이벤트
	-----------------------------------*/