@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.exp-title-br{
	display : none;
}

.swiper-paination-current, .swiper-pagination-total {
	
	font-family: 'SUIT-Regular';
	font-weight : 100;
}

.swiper0401BtnWrapper {
	display: grid;
    grid-template-columns: 4fr 1fr 4fr;
    align-items: flex-start;
    justify-items: center;
}

.swiper0401-button-next, .swiper0401-button-prev, .swiper0402-button-next, .swiper0402-button-prev{
	color : #25e663 !important;
}

.searchCopy {
	padding-top: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.sender {
	width: 150px;
	height: 40px;
	border-radius: 10px;
}

a.sendSearchBtn {
	border-radius: 5px;
	background-color: black;
	color: white;
	padding: 5px;
}

.swiper-03-pagination {
	bottom: 10px;
	top: 10px;
	left: 10px;
	width: 100%;
}

.tempBtnWrap {
	display: none;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.tempBtn {
	width: 40px;
	height: 40px;
	margin: 10px;
	font-size: 20px;
	text-align: center;
	align-items: center;
	cursor: pointer;
}

.swiper.slide-02-swiper.tinyBtnWrap {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	top: 5px;
}

.swiper.slide-02-swiper.tinyBtnWrap>.tinyBtn {
	display: none; /* 천이백에서 다시 flex로 설정할 것.*/
	width: 50px;
	max-width: 75px;
	height: 40px;
	color: #ff008a;
	font-size: 30px;
	border-radius: 10px;
}

.swiper-02-pagination .swiper-pagination-bullet,.swiper-03-pagination .swiper-pagination-bullet
	{
	width: 10px;
	height: 10px;
	background: transparent;
	border: 1px solid #FF008A;
	opacity: 1;
}

.swiper-03-pagination .swiper-pagination-bullet {
	border: 1px solid #3187d6;
}

.swiper-02-pagination .swiper-pagination-bullet-active,.swiper-03-pagination .swiper-pagination-bullet-active
	{
	width: 15px;
	transition: all ease 0.3s;
	border-radius: 5px;
	background: #FF008A;
	border: 1px solid transparent;
}

.swiper-03-pagination .swiper-pagination-bullet-active {
	background: #3187d6;
}

/* section first */
.mainYtbPagination {
	align-items: center;
	justify-content: center;
	display: flex;
	height: 50px;
	gap: 7px;
}

.footer-content {
	zoom: 120%;
}

/* --------공통-------- */
.title {
	font-size: 40px;
}

.sgh_place, .sgh_year{
	font-size : 20px;
}


.section.first div.content-wrap>div .board div.list-head .tab a.main_info_tab.active,.section.second .content-wrap>div.service>div>p
	{
	font-size: 22px;
}

.section.first .content-wrap>div .board .list-head .more,.slide-02>.list-head>a>span,
.section.second .content-wrap>div.service>div>p,
.section.second .content-wrap>div.event>.right>.exp-list .title-wrap .title span,
.section.third .content-wrap .youtube-wrap .title-wrap .title span,.section.third .content-wrap .story-wrap .title-wrap .title span
	{
	font-size: 22px;
	font-family: "Noto Sans KR Medium", sans-serif;
}



.section.second .content-wrap>div.service>a {
	font-size: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.section.second .content-wrap>div.service>div {
	font-size: 18px;
}
.section.second > .content-wrap > .service > .titleWrap {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
	
}


.section.third .content-wrap .story-wrap .story-card-wrap .story-card .context-wrap .des
	{
	font-size: 14px;
}

/* ---- 체험신청 카드 ----  */
.swiper-04-swiper>.swiper-wrapper>.swiper-slide {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
}

.swiper-04-swiper>.swiper-wrapper>.swiper-slide>.card {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


.badge-wrap {
	margin-bottom: 5px;
}

.swiper-pagination-04 {
	
}



/* --- 사이드 메뉴 열기 버튼 ---- */
.menu-box {
	/* 전체 박스 크기 */
	width: 28px;
	height: 22px;
	/* 세 줄을 세로 방향으로 정렬 */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
}

/* 가로줄 스타일 */
.menu-box>.line:nth-child(1),.menu-box>.line:nth-child(3) {
	height: 3px;
	background-color: #000;
	width: 70%
}

.menu-box>.line:nth-child(2) {
	/* 줄의 높이와 색상 */
	height: 3px;
	background-color: #000;
	/* 줄의 너비는 박스에 맞춰 100% */
	width: 70%;
}

/* ---- 사이드 메뉴 닫기 버튼 ---- */
.sideBurgerBtn {
	/* 버튼 기본 스타일 제거 */
	background: none;
	border: none;
	cursor: pointer;
	/* X자를 표시할 공간 지정 */
	position: relative;
	width: 25px;
	height: 25px;
	padding: 0; /* 기본 여백 제거 */
}

/* 가상 요소를 이용해 X자 만들기 */
.sideBurgerBtn::before,.sideBurgerBtn::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px; /* 선 두께 */
	background-color: #878383; /* 선 색상 */
	transform-origin: center;
}

/* 첫 번째 선: 45도 회전 */
.sideBurgerBtn::before {
	transform: translateY(-50%) rotate(45deg);
}

/* 두 번째 선: -45도 회전 */
.sideBurgerBtn::after {
	transform: translateY(-50%) rotate(-45deg);
}

/* 전체를 감싸는 .swiper-wrapper 가로너비 조정 */
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(- -swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box
}

.onePage-wrapper {
	min-width: auto;
}

/* 상단 gnb 영역 */
.stickyGnb {
	position: sticky;
	z-index: 50;
}

/* 좌측 메인페이지 버튼 상단으로 조정 */
.swiper-pagination-bullets {
	transition: all 0.5s ease-in-out;
}

/* --------1페이지-------- */

/* 동영상 버튼 색상 */
.videoBtn {
	color: #ff008a !important;
	padding: 10px;
	border-radius: 10px;
}
.swiper-button-prev.videoBtn{
	left: var(--swiper-navigation-sides-offset, 550px);
    right: auto;
    top: var(--swiper-navigation-top-offset, 92%);
}

.swiper-button-next.videoBtn{
	right: var(--swiper-navigation-sides-offset, 550px);
    left: auto;
    top: var(--swiper-navigation-top-offset, 92%);
    
}

.swiper-button-prev.videoBtn:after, .swiper-button-next.videoBtn:after{
	font-size : 30px;
}

/* 순차 이미지 표시되는 부분 */
.slide-01 {
	transition: all 0.5s ease-in-out;
	heigt: 20vh;
}

/* 메인페이지 front/index.do */
@media ( max-width : 1200px) {
	/* 헤더GNB */
	.user-menu {
		display: none;
	}

	/* ----- 1페이지 ----- */
	/* 첫번째 섹션 - 배너 + 탭메뉴 */
	.section.first>.content-wrap:nth-child(1)>div:nth-child(1) {
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 120vw
	}
	/* 배너 */
	.slide-01 {
		max-width: 600px;
		max-height: 300px;
	}

	/* 동영상 표시 부분(더보기버튼)*/
	.videoBtn {
		display: none !important;
	}

	/* 페이지네이션 작은 버튼 보이기 */
	.swiper.slide-02-swiper.tinyBtnWrap>.tinyBtn {
		display: flex;
	}

	/* 서울한옥포털 - 공지사항, 보도자료, 심의서식 */
	.section.first .board {
		width: 120vw;
		margin-top: -5vh;
	}

	/* -------- 2페이지 -------- */

	.section.second{
		transform : scale(0.8);
	}

	/* 2페이지 콘텐트 랩 */
	.section.second .content-wrap {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	/* 2페이지 주요서비스 링크 박스를 감싸는 div */
	.section.second .content-wrap>div.service>div:nth-last-child(1) {
		display: flex;
	}
	.section.second .content-wrap>div.service>div {
		font-size: 16px;
	}

	/* 2페이지 콘텐트 랩 두번째 */
	.section.second .content-wrap>div.event {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}

	/* ---- 동영상 페이지네이션 부분 ---- */
	.swiper.slide-02-swiper.swiper-coverflow.swiper-3d.swiper-initialized.swiper-horizontal.swiper-watch-progress
		{
		width: 90vw;
	}

	/* ---- 3페이지 ---- */
	.section.third .content-wrap {
		gap: 30px;
		width: 120vw;
	}
	.section.third {
		height: auto;
		padding-bottom: 115px;
	}
}

.hamburger-menu {
	display: none;
}

@media ( max-width : 1400px) {
	.section.second{
		transform : scale(0.8);
	}
	
	.mobileSearch {
		position: fixed;
		inset: 0; /* top:0; right:0; bottom:0; left:0; */
		background: rgba(0, 0, 0, 0.5); /* 반투명 검정 오버레이 */
		z-index: 1000;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 16px;
		display: none;
	}
	.search_area {
		width: 100%;
		max-width: 400px; /* 검색창 최대 너비 */
		background: #fff;
		border-radius: 8px;
		overflow: hidden;
	}
	.search_box {
		display: flex;
		border-bottom: 1px solid #eee;
	}
	.search_box .input_box {
		flex: 1;
	}
	/* .search_box input[type="text"] {
		width: 100%;
		padding: 10px 12px;
		font-size: 16px;
		border: none;
		outline: none;
	} */
	.search_box .btn_search {
		flex: 0 0 70px;
		text-align: center;
		line-height: 1.4;
		background: #007bff;
		color: #fff;
		font-size: 16px;
		text-decoration: none;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.search_pop {
		padding: 12px;
	}
	.search_pop .title {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 8px;
	}
	.search_pop .search_list_ul {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}
	.search_pop .search_list_ul li {
		list-style: none;
	}
	.search_pop .search_list_ul li a {
		display: inline-block;
		padding: 6px 10px;
		background: #f0f0f0;
		border-radius: 4px;
		font-size: 14px;
		color: #333;
		text-decoration: none;
	}
	.section {
		margin-top: 110px;
	}

	/* gnv.main_wrap, user-menu 숨김 */
	.gnv.main_wrap {
		display: none !important;
	}
	.user-menu {
		display: none;
	}
	.top-wrap .top .logo {
		width: 85px;
		height: 57px;
	}

	/* 햄버거 버튼 표시 (기존 스타일과 최대한 조화를 이루도록 최소한의 수정) */
	.hamburger-menu {
		display: block;
		position: fixed; /* or absolute */
		top: 75px;
		right: 15px;
		z-index: 2000;
		background: transparent;
		border: none;
		cursor: pointer;
	}
	.stickyGnb>.top-wrap>.top {
		justify-content: flex-start;
		margin: 0px 20px;
		width: 95vw;
	}

	/* 모바일 메뉴 영역 (원래 gnb 메뉴와 비슷한 스타일 적용) */
	.mobile-menu {
		display: block;
		position: fixed;
		top: 0;
		right: -250px; /* 기본적으로 화면 밖에 위치 */
		width: 250px;
		height: 100%;
		background: #fff;
		overflow-y: auto;
		transition: right 0.3s ease;
		z-index: 1500;
		/* 기존 gnb 메뉴의 폰트, 색상 등과 비슷하게 설정 (필요에 따라 조정) */
		font-family: inherit;
		font-size: 16px;
		color: #333;
	}

	/* 모바일 메뉴 열림 상태 */
	.mobile-menu.open {
		right: 0;
	}

	/* 모바일 메뉴 내부 스타일 (기존 gnb 메뉴 스타일을 최대한 반영) */
	.mobile-nav {
		padding: 20px;
	}
	.mobile-nav .nav-item {
		margin-bottom: 15px;
	}
	.mobile-nav .nav-item>a {
		display: block;
		text-decoration: none;
		color: inherit;
		padding: 10px 0;
	}
	.mobile-nav .nav-item-sub {
		padding-left: 15px;
	}
	.mobile-nav .nav-item-sub a {
		display: block;
		padding: 8px 0;
		text-decoration: none;
		color: inherit;
		font-size: 0.9em;
	}

	/* 2페이지 */
	.section.second .content-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.section.second .content-wrap>div.service {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		width: 120vw;
	}
	.section.second .content-wrap>div.service>div:nth-last-child(1) {
		width: 75%;
	}
	.section.first .content-wrap>div .slide-01 {
		width: 45%;
	}
	.section.second .content-wrap>div.service>a.icon-wrap {
		width: 20vw;
	}
	.section.second .content-wrap>div.service>div {
		display: flex;
		gap: 15px;
		border-right: none;
	}
	.section.second .content-wrap>div.event {
		display: flex;
	}
	.section.second .content-wrap>div.service>div:nth-child(1) {
		border-right: 1px solid #ccc;
		padding-bottom: 5px;
	}
	.section.second .content-wrap>div.service>div>p>br {
		/* display: none; */
	}
	.section.second .content-wrap>div.service>div>a.icon-wrap {
		width: 30%;
	}
	.section.second .content-wrap>div.service .icon-wrap img {
		width: 80px;
		height: 80px;
	}

	/* 오늘의행사, 체험신청 감싸는 .right */
	.section.second .content-wrap>div.event>.right {
		width: 120vw;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	/* 오늘의 행사 부분 */
	.section.second .content-wrap>div.event>.right>.event-wrap>.top {
		width: 120vw;
	}
	.section.second .content-wrap>div.event>.right>.event-wrap>.bottom {
		padding: 15px 3px;;
		display: flex;
		flex-direction: row;
	}
	.section.second .content-wrap>div.event>.right>.event-wrap>.bottom .today-event>div
		{
		text-align: center;
		width: 150px;
	}
	/* 체험신청 확대 부분 */
	.section.second .content-wrap>div.event {
		justify-content: center;
	}
	.section.second .content-wrap>div.event>.left {
		display: none;
	}

	/* 체험 신청 부분 */
	.section.second .content-wrap>div.event>.right>.exp-list .title-wrap {
		width: 120vw;
		border-bottom : 1px solid;
	}
	.section.second .content-wrap>div.event>.right>.exp-list {
		width: 120vw;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
	}

	/* 체험 신청 리스트 */
	.section.second .content-wrap>div.event>.right>.exp-list .card-wrap {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		margin-left: 0px;
	}

	/* ---- gnb z-index 조정 ----- */
	.stickyGnb {
		z-index: 10;
	}
}

/* ---- 1400 끝 ---- */

/* 태블릿 화면일 경우 전체 페이지네이션 버튼 숨기고 비활성화 하기, 스크롤바 표시하기 */
@media ( max-width : 900px) {
	.section {
		height: 100%;
		margin-top: 0px;
	}
	.section.first {
		margin-top: 0px;
	}
	.section.first .content-wrap{
		gap : 50px;
	}
	
	.section.first .content-wrap>div .slide-01 {
		width: 100%;
	}
	.section.first .content-wrap > div .board .list-head .tab{
		gap : 15px;
	}
	
	.exp-title-br{
		display : block;
	}
	
	.calBtn{
		font-size : 20px;
	}
	
	
	.testDragArea {
		display: block;
		position: absolute; /* 부모 기준으로 고정 위치 지정 */
		top: 10px; /* 현재 위치에 맞게 조정 */
		width: 120vw;
		height: 300px; /* 높이를 변경해도 다른 요소들은 영향을 받지 않음 */
		background-color: #0080002b;
		pointer-events: auto;
	}
	.section.first>.content-wrap:nth-child(1)>div:nth-child(1) {
		flex-direction: column;
		margin-top: 50px;
	}
	.section.second .content-wrap {
		margin-top: 100px;
	}
	
	.section.first .content-wrap > div .board .title{
		margin-top : 70px;
	}
	
	/* 아이콘박스 너비 조정 */
	.section.second .content-wrap>div.service>div:nth-last-child(1){
		width : 100%;
	}

	/* 아이콘 모음 줄 바꾸기 */
	.section.second .content-wrap>div.service>div:nth-last-child(1) {
		flex-wrap: wrap;
	}
	.section.second .content-wrap > div.service .icon-wrap{
		width : 25vw;
		border-left : none;
	}
	
	.section.second .content-wrap>div.event>.right>.exp-list .card-wrap {
		padding-bottom: 0px;
	}

	/* 전체3분할 */
	.swiper-pagination00 {
		display: none;
	}
	
	
	
	.hamburger-menu {
		display: flex;
		position: absolute;
		top: 75px;
		right: 25px;
		z-index: 2000;
		background: transparent;
		border: none;
		cursor: pointer;
		justify-content: flex-end;
		width: fit-content;
	}
	.swiper-wrapper {
		flex-direction: column;
	}
	.youtube-cp-wrap .swiper-wrapper {
		flex-direction: row;
	}
	.slide-01>.swiper>.swiper-wrapper {
		flex-direction: row;
	}
	.onePage-wrapper {
		min-width: 100% !important;
		width: 100% !important;
		height: auto !important;
		overflow: visible !important;
		position: static !important;
	}
	.onePage {
		overflow-y: auto !important;
		height: auto !important;
		transform: none !important;
		transition: none !important;
		position: static !important;
	}
	.swiper-slide {
		display: block;
		width: 100%;
		float: none !important;
		position: relative !important;
		transition: none !important;
	}
	.section.first>.slide-02 {
		margin-bottom: 500px !important;
	}
	.swiper-slide>.section.first {
		height: 100% !important;
	}

	/* 기존 추천 동영상 스와이퍼 숨기고 대체 div 박스 표시 */
	.section.first .content-wrap>div.slide-02 {
		width: 120vw;
	}
	.swiper.slide-02-swiper.swiper-coverflow.swiper-3d.swiper-initialized.swiper-horizontal.swiper-watch-progress
		{
		width: 100%;
		margin-top: 25px;
	}
	
	.section.third .content-wrap .youtube-wrap .title-wrap:first-child{
		margin-top : 50px;
	}
	.videoControlBtn {
		width: 40px;
		height: 300px;
		border: 1px solid black;
		border-radius: 5px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 5px;
		margin: 0px 10px;
		cursor: pointer;
	}
	.videoWrap {
		display: flex;
		flex-direction: row;
		justify-content: center;
		width: 120vw;
		position: relative;
	}
	.videoBox>div {
		width: 20%;
	}



	/* videoBox 영역 !!! */
	.videoBox {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		width: 554px; /* iframe width */
		height: 309px; /* iframe height */
	}
	/* videoBox 내부의 각 슬라이드 (div) */
	.videoBox>div {
		display: none;
	}
	/* 현재 보이는 영상 */
	.videoBox>div.currentShowVideo {
		display: block;
	}
	.ninePixelBtn {
		border: 1px solid black;
		width: 50px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		border-radius: 10px;
		background-color: #dddead45;
	}

	/* 페이지 도트 영역 */
	.pageDots {
		text-align: center;
		margin-top: 10px;
	}
	.pageDots span {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: gray;
		margin: 0 5px;
		cursor: pointer;
	}
	.pageDots span.active {
		background: #3394ff;
	}
	.section.second .content-wrap>div.event>.right>.exp-list {
		width: 120vw;
	}

	/* 공지사항, 보도자료, 심의서식*/
	.section.first>.content-wrap>div>.board {
		width: 120vw;
	}

	/* 동영상 표시 부분 row로 설정*/
	.slide-02-swiper>.swiper-wrapper {
		flex-direction: row;
		align-items: center;
		width: 100%;
	}

	/* ------ 2페이지 ------ */
	.section.first .content-wrap>div.slide-02 .swiper-slide {
		width: 70%;
		display: flex;
		justify-content: center;
	}
	.section.second .content-wrap>div.service {
		flex-direction: column;
	}
	.section.second .content-wrap>div.service>div:nth-child(1) {
		display: flex;
		flex-direction: row;
		margin-bottom: 20px;
		padidng-bottom: 10px;
		border-bottom: 1px solid #ccc;
		border-right: none;
		border-bottom: 1px solid #ccc
	}
	.section.second .content-wrap>div.service>div>p>br {
		display: none;
	}

	/* ---- 2페이지 행사 목록 두개로 줄이기 ---- */
	#bottom>.event-warp:nth-last-child(1) {
		display: none;
	}

	/* ---------------- 3페이지 ---------------- */

	/* ------------ 제목 ------------- */
	.section.third .content-wrap .youtube-wrap .title-wrap .title,.section.third .content-wrap .story-wrap .title-wrap .title
		{
		flex-direction: column;
		align-items: flex-start;
		margin-top: 50px;
	}
	.section.third .content-wrap .youtube-wrap .title-wrap .more {
		margin-top: 75px;
	}
	.section.third .content-wrap .youtube-wrap .youtube-cp-wrap .swiper-wrapper .youtube-cp .thumbnail img,.story-card.swiper-slide .thumbnail img,.section.third .content-wrap .youtube-wrap .youtube-cp-wrap .swiper-wrapper .youtube-cp 
	.thumbnail,.story-card.swiper-slide .thumbnail {
		width: 55vw;
		height: 200px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		background-color: #f8f8f8;
	}
.section.third .content-wrap .youtube-wrap .youtube-cp-wrap .swiper-wrapper .youtube-cp .thumbnail img,.story-card.swiper-slide .thumbnail img,.section.third .content-wrap .youtube-wrap .youtube-cp-wrap .swiper-wrapper .youtube-cp 
.thumbnail,.story-card.swiper-slide .thumbnail img{
	 max-width: 100%;
	 max-height: 100%;
	 display: block;
}
	
	.story-card-swiper .swiper-wrapper {
		height: 680px;
	}

	/* --- 서울 공공한옥 부분 --- */
	.section.third .content-wrap .youtube-wrap .youtube-cp-wrap {
		width: 120vw;
	}
	.section.third .content-wrap .youtube-wrap .youtube-cp-wrap .swiper-wrapper .youtube-cp
		{
		height: 275px !important;
	}

	/* --- 서울 우수한옥 부분 --- */
	.section.third .content-wrap .story-wrap,.section.third .content-wrap .youtube-wrap
		{
		width: 120vw;
		margin-top: 25px;
	}
}

/* ---------- 달력 관련 반응형 ---------- */
/* 기본 상태: 모든 a.date 표시 (예: 9개) */
.day-wrap a.date {
	display: inline-block;
}

/* 화면 너비 900px 이상 1200px 미만: 앞쪽 첫번째와 마지막 a.date 숨김 (7개 표시) */
@media ( max-width : 1200px) {
}

/* 화면 너비 600px 이상 900px 미만: 앞쪽 2개, 뒤쪽 2개 숨김 (5개 표시) */
@media ( max-width : 900px) {
	.day-wrap a.date:first-of-type,.day-wrap a.date:last-of-type {
		display: none;
	}
}

@media ( max-width : 900px) {
	.day-wrap a.date:nth-of-type(1),.day-wrap a.date:nth-last-of-type(1) {
		display: none !important;
	}
	.section.second .content-wrap>div.event>.right>.event-wrap>.top .day-wrap
		{
		gap: 20px;
		display: flex;
	}
}

/* 화면 너비 650px 미만: 모든 a.date 숨기고, 가운데 3개 (예: 4번째, 5번째, 6번째)만 표시 */
@media ( max-width : 670px) {
	.day-wrap a.date:nth-of-type(2),.day-wrap a.date:nth-last-of-type(2) {
		display: none !important;
	}
	.section.second .content-wrap>div.event>.right>.event-wrap>.top {
		grid-template-columns: 2fr 3fr 1fr;
	}
}

.right>.event-wrap>.top>.day-wrap {
	display: flex;
}

.section.second>.content-wrap>.event>.right>.event-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

/* ----- 달력 끝 ----- */

/* ---- 모바일 전용 ---- */
@media ( max-width : 500px) {
	
	/* ----- 공통 ----- */
	.onePage-wrapper .swiper .swiper-slide {
		overflow: inherit;
	}
	/* ---- section 1 ----*/
	/* --- 이미지 표시 부분 ---*/
	.section.first .content-wrap>div .slide-01 {
		margin-top: 1vh;
		width: 120vw;
	}
	
	/* 배너 버튼 위치 조정 */
	.section.first .content-wrap > div .slide-01 .slide-btn-wrap{
		bottom : 45px; 
	}

	/*---- 글자 크기 조정 ---- */
	.section.first div.content-wrap>div . board div.list-head .tab a.main_info_tab.active,.icon-wrap>span,.section.second .content-wrap>div.service>div>p,.section.first .content-wrap>div .board .list-wrap .item,.section.first div.content-wrap>div .board div.list-head .tab a.main_info_tab,.icon-wrap span
		{
		font-size: 20px;
		font-family: "Noto Sans KR Medium", sans-serif;
	}

	/* ---- section 2 ----*/
	/* --- 주요서비스 로고 부분 section 1과 겹치지 않게 하기 --- */
	.section.second {
		margin: -200px 0px;
	}
	
	.section.second .content-wrap > div.event > .right > .exp-list .title-wrap .title span{
		padding-top : 24px;
	}

	/* ---- 주요서비스 세로정렬 ---- */
	.section.second .content-wrap>div.service>div:nth-child(1) {
		flex-direction: column;
		align-items: center;
	}

	/* ---- 주요서비스 가로 패딩 없애기 ---- */
	.section.second .content-wrap>div.service>div {
		padding: 0px 5px;
	}

	/* ---- 달력 정렬 ---- */
	.section.second .content-wrap>div.event>.right>.event-wrap>.top .date {
		display: flex;
		flex-direction: row;
	}
	.section.second .content-wrap>div.event>.right>.event-wrap>.top .date .month
		{
		font-size: 25px;
	}
	/* 이벤트 목록 폰트 조정 */
	#contents .main_area .menu_area .monthly_menu .calendar_wrap .calendar_contents .event_list_ul li{
		font-size : 15px;
	}

	/* ---- 날짜 가로 너비 조정 ---- */
	.section.second .content-wrap>div.event>.right>.event-wrap>.top .day-wrap
		{
		gap: 5px;
	}
	#bottom>.event-warp:nth-last-child(2) {
		display: none;
	}

	/* --- 체험신청 부분 ---- */
	.section.second .content-wrap>div.event>.right>.exp-list .title-wrap .title
		{
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
	.section.second .content-wrap>div.event>.right>.exp-list .title-wrap {
		padding: 50px 0px 20px 0px;
		border-bottom: 1.5px solid #000;
	}
	
	.section.second .content-wrap > div.event > .right > .exp-list .card-wrap .title > span{
		font-size : 11px;
	}

	/* ------ section 3 ------ */
	
	
	#footer .footer_contents{
		margin : 0 auto;
	}
	
}

/* --- section3 세로로 정렬 --- */
@media ( max-width : 900px) {
	.section.third .content-wrap {
		display: flex;
		flex-direction: column;
	}
}

/* ---- 노트북 화면일 경우 ---- */
@media (max-width: 1540px) and (max-height: 700px) {
  .section.first {
    transform: scale(0.75);
    margin-top: 100px;
  }

  .section.second {
    transform: scale(0.6);
    margin-top: -5px;
  }
  .section.third {
    transform: scale(0.75);
    margin-top: 5px;
  }
  
  #footer{
  	transform: scale(0.6);
  }
  
  
  #footer .footer_contents{
  	margin : -105px auto;
  }
}

/* --- 노트북이어도 가로비 900px 이면 크기 정상으로 돌아옴 */

@media (max-width: 900px){

  .section.second {
    transform: scale(0.8);
    margin-top : -280px;
    
  }
  .section.third {

    transform: scale(1);
  }
  
  .thirdSwiperSlide{
  	margin-top : 70px;
  }
  
  #footer{
  	transform: scale(1);
  }
  
  #footer .footer_contents{
  	margin : 200px auto;
  }
}