/* 메인 찾아오시는 길 + SNS : 90%/1100 + flex 60:40, 지도·썸네일 높이 맞춤 */
.noticeWrap {
	position: relative;
	width: 90%;
	max-width: 1100px;
	margin: 0 auto 80px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	box-sizing: border-box;
}

.noticeWrap .noticeWrap_left,
.noticeWrap .noticeWrap_right {
	float: none !important;
	box-sizing: border-box;
	margin-bottom: 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.noticeWrap .noticeWrap_left {
	flex: 0 0 60%;
	width: 60%;
	max-width: 60%;
	text-align: right;
	background: url(/images/new/notice_bg.jpg);
}

.noticeWrap .noticeWrap_right {
	flex: 0 0 40%;
	width: 40%;
	max-width: 40%;
	padding-left: 35px;
	background: url(/images/new/notice_bg1.jpg);
}

.noticeWrap .noticeWrap_left .notice {
	width: 100% !important;
	max-width: 100%;
	float: none !important;
	height: 100% !important;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	text-align: left;
	position: relative;
	box-sizing: border-box;
	min-height: 0;
}

.noticeWrap .noticeWrap_left .notice ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 16px;
	margin: 0;
	padding: 0;
	list-style: none;
	flex: 0 0 auto;
	min-height: 40px;
	box-sizing: border-box;
}

.noticeWrap .noticeWrap_left .notice ul li {
	display: inline-block;
	vertical-align: middle;
}

.noticeWrap .noticeWrap_right .noticetitle1 {
	flex: 0 0 auto;
	margin: 0;
	min-height: 40px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

/* SNS 2x2 정사각 = 높이 기준 */
.noticeWrap .noticeWrap_right #instagram {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
	flex: 0 0 auto;
	aspect-ratio: 1 / 1;
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 1px;
	overflow: hidden;
	margin-top: 10px;
}

.noticeWrap .noticeWrap_right .instagram_item {
	float: none !important;
	width: 100% !important;
	height: 100%;
	padding: 0 !important;
	margin: 0;
	min-height: 0;
	box-sizing: border-box;
}

.noticeWrap .noticeWrap_right .instagram_item > a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 0 !important;
	box-sizing: border-box;
}

/* 지도 영역: 왼쪽 컬럼이 SNS 컬럼 높이에 맞춰 늘어나고, 그 남은 공간을 채움 */
.noticeWrap .noticeWrap_left .notice .map-frame {
	flex: 1 1 auto;
	position: relative;
	width: 100%;
	min-height: 0;
	margin-top: 10px;
}

.noticeWrap .noticeWrap_left .notice .map-frame iframe {
	position: absolute;
	inset: 0;
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	border: 0;
}

@media all and (max-width: 1100px) {
	.noticeWrap .noticeWrap_right {
		padding-left: 24px;
	}
	.noticeWrap .noticetitle1 {
		font-size: 22px;
	}
}

@media all and (max-width: 900px) {
	.noticeWrap {
		width: 90%;
		max-width: 1100px;
		margin: 0 auto 50px;
	}
	.noticeWrap .noticeWrap_left,
	.noticeWrap .noticeWrap_right {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
	}
	.noticeWrap .noticeWrap_left {
		margin-bottom: 24px;
	}
	.noticeWrap .noticeWrap_right {
		padding-left: 0;
		margin-top: 100px;
	}
	.noticeWrap .noticeWrap_left .notice {
		height: auto !important;
	}
	.noticeWrap .noticeWrap_left .notice .map-frame {
		flex: none;
		aspect-ratio: 700 / 385;
		min-height: 200px;
	}
	.noticeWrap .noticeWrap_right #instagram {
		max-width: 520px;
	}
}

@media all and (max-width: 560px) {
	.noticeWrap {
		width: 92%;
		margin: 0 auto 40px;
	}
	.noticeWrap .noticetitle1 {
		font-size: 20px;
	}
}