#wrap{background : #F4FFFB;}
.sub-title-box{display: flex;justify-content: center;align-items: center; width : 100%;height : 622px;position : relative;}
.sub-title-bg{width : 100%;height : 100%;position : absolute;left : 0;top : 0;overflow: hidden;}
.sub-title-bg > img{width : 100%;height : 100%;object-fit: cover;object-position: right bottom;animation : sub-title-bg 4s both}
@keyframes sub-title-bg {
    0%{transform: scale(1.2);}
}
.sub-title-inner{display: flex;flex-direction: column;align-items: center; gap : 39px; position :relative;}
.sub-title-logo{animation : sub-title-logo 2s both}
@keyframes sub-title-logo {
    0%{transform: translateY(-100px);opacity: 0;}
}
.sub-title-desc{font-size: 20px;letter-spacing: -0.013em;}
.sub-menu-box{display: flex;justify-content: center; position : absolute;left : 0;bottom : 0;width : 100%;height:83px;background: rgba(255,255,255,0.5);animation : sub-menu-box 1s both .5s}
@keyframes sub-menu-box {
    0%{opacity: 0;}
}
.sub-menu-box > ul{display: flex; width : 100%;max-width: 1100px;}
.sub-menu-box > ul > li{width : 25%;letter-spacing: -0.055em;font-family: Noto Sans KR;transition : background .3s, color .3s;}
.sub-menu-box > ul > li.on{background : rgba(32, 58, 49,.7);color : #fff;}
.sub-menu-box > ul > li:hover{background : rgba(32, 58, 49,.7);color : #fff;}
.sub-menu-box > ul > li > a{display: flex;justify-content: center;align-items: center; width : 100%;height : 100%;font-size: 20px;}

.sub-content-box{margin : 0 auto;}
.main-content{background: #F4FFFB}
.sub-content-title{display: flex;flex-direction: column;align-items: center;gap : 35px;font-size: 60px;letter-spacing: -0.055em;margin-bottom: 40px;font-weight: 400;}
.sub-content-title > span{width : 1px;height : 57px;background : #000}

.sub-content-img{margin : 0 auto;width : 100%;max-width: 1920px;margin : 0 auto;}

.spot-title{font-size : 60px;color : #1e362e; font-weight : 700;letter-spacing : -0.055em;margin-bottom: 30px;text-align : center;}
.spot-desc{font-size : 30px;letter-spacing : -0.033em;font-weight : 300;line-height : 1em;color : #919191;text-align : center; margin-bottom: 150px}

/* 모바일 */
@media(max-width: 749px){
    .sub-title-box{height: 83.2vw;position : relative;overflow : visible}
    .sub-title-bg > img{object-position: center;}
    .sub-title-inner{gap: 5.2vw;}
    .sub-title-logo {width: 37.73vw;}
    .sub-title-desc{font-size: 3.2vw;letter-spacing: -0.013em;text-align: center;padding: 0 4vw;}
    .sub-menu-box{height: 11.07vw;overflow-x : scroll;white-space : nowrap;z-index : 100;}
    .sub-menu-box > ul{max-width: 100%;}
	.sub-menu-box > ul > li{min-width : 23%;}
    .sub-menu-box > ul > li > a{font-size: 2.9vw;line-height: 1.3;}
    .sub-content-box{padding-top: 0;}
    .sub-content-title{gap: 4.67vw;font-size: 8vw;margin-bottom: 5.33vw;}
    .sub-content-title > span{width: 0.13vw;height: 7.6vw;}
    .sub-content-img{padding: 0;}

	.spot-title{font-size : 8vw;}
	.spot-desc{font-size : 5vw;}
}



.main-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 9.6907vh 11.0938vw 0;
    overflow: hidden;
}
.notice-box{
	width : 100%;
	border-top : 1px solid #101010;
}
.notice-box > li{
	display : flex;
	align-items : center;
	height : 10.3093vh;
	font-size : 0.9375vw;
	font-weight : 500;
	border-bottom : 1px solid #E3E3E3;
	cursor : pointer;
	background : #fff;
}
.notice-box > li .notice-sub-title{
	width : 8.4375vw;
	text-align : center;
	color : #5C674D;
}
.notice-box > li .notice-title{
	width : 59.5313vw;
	padding-left : 1.5625vw;
	color : #262626;
}
.notice-box > li .notice-day{
	width : 4.6875vw;
	text-align : center;
	color : #262626;
}
.notice-box > li .notice-icon{
	text-align : center;
	transition : 1s;
	margin-left: 30px;
}
.notice-box > li .notice-icon.active{
	transform : rotate(180deg);
	transition : 1s;
}
.notice-box > li.notice-faq-a{
	display : none;
	width : 100%;
	height : auto;
	padding : 5.6701vh 9.9479vw;
	background : #f9f9f9;
	cursor : default;
}
.notice-box > li.notice-faq-a .notice-faq-list > li{
	color : #666;
	letter-spacing : -0.04em;
	line-height : 2.6804vh;
	font-weight : 800;
	font-size : 0.9375vw;
}
.notice-box > li.notice-faq-a .notice-faq-list > li:not(:last-child){
	margin-bottom : 3.0928vh;
}
.notice-box > li.notice-faq-a .notice-faq-list > li span{
	display : block;
	width : 100%;
	font-weight : normal;
}
.notice-search-box{
	display : flex;
	width : 15.5729vw;
	margin-bottom : 3.4021vh;
	border-bottom : 1px solid #5C674D;
	margin-left : auto;
}
.notice-search-box input{
	width : 100%;
	border : none;
	padding-bottom : 1.0309vh;
	outline : none;
	background : transparent;
}
.notice-search-box input[type="text"]::placeholder{
	color : #999;
	font-size : 0.8333vw;
}
.notice-search-box button{
	width : 1.0552vw;
	border : none;
	background : none;
}
.notice-search-box button img{
	display : block;
	width : 100%;
	padding-bottom : 1.0309vh;
}
@media (max-width : 991px){
	.main-content {
		padding: 4.6907vh 0 8vh;
	}
	.notice-box{
		width : 100%;
		border-top : 1px solid #101010;
	}
	.notice-box > li{
		display : flex;
		height : 13.0667vw;
		font-size : 13px;
	}
	.notice-box > li .notice-sub-title{
		width : 23.2vw;
	}
	.notice-box > li .notice-title{
		width : 51.0667vw;
		padding-left : 2.2667vw;
	}
	.notice-box > li .notice-day{
		width : 25.7333vw;
	}
	.notice-box > li .notice-icon{
		/* display : none; */
	}
	.notice-box > li.notice-faq-q.faq .notice-sub-title{
		width : 19.8667vw;
	}
	.notice-box > li.notice-faq-q.faq .notice-title{
		width : 52.6667vw;
	}
	.notice-box > li.notice-faq-q.faq .notice-day{
		width : 16.1333vw;
		font-size: 12px;
	}
	.notice-box > li.notice-faq-q.faq .notice-icon{
	}
	.notice-box > li.notice-faq-q.faq .notice-icon img{
		width : 1.5347vw;
	}
	.notice-box > li.notice-faq-a{
		display : none;
		width : 100%;
		height : auto;
		padding : 7.3333vw;
		background : #FCF9F2;
		cursor : default;
	}
	.notice-box > li.notice-faq-a .notice-faq-list > li{
		line-height : 3.4667vw;
		font-size : 2.4vw;
	}
	.notice-box > li.notice-faq-a .notice-faq-list > li:not(:last-child){
		
		margin-bottom : 5.3333vw;
	}
	.notice-box > li.notice-faq-a .notice-faq-list > li span{
		display : block;
		width : 100%;
		font-weight : normal;
	}
	.notice-search-box{
		display : flex;
		width : 39.8667vw;
		margin-bottom : 4.5333vw;
		margin-right : 0;
	}
	.notice-search-box input{
		width : 100%;
		border : none;
		padding-bottom : 1.3333vw;
		outline : none;
	}
	.notice-search-box input[type="text"]::placeholder{
		font-size : 2.1333vw;
	}
	.notice-search-box button{
		width : 2.7013vw;
		border : none;
		background : none;
	}
	.notice-search-box button img{
		display : block;
		width : 100%;
		padding-bottom : 1.3333vw;
	}
}

.notice-content{
	border-top : 1px solid #707070;
	width : 100%;
}
.notice-content .notice-content-title{
	padding : 3.6082vh 0 3.8144vh 1.1458vw;
	letter-spacing : -0.02em;
	border-bottom : 1px solid #E3E3E3;
}
.notice-content .notice-content-title h3{
	font-weight : 500;
	font-size : 1.2500vw;
	color : #262626;
	margin-bottom : 0.6186vh;
}
.notice-content .notice-content-title p{
	font-size : 0.9375vw;
	color : #999999;
}
.notice-content .notice-content-main{
	padding : 3.6082vh 0 20.2062vh 1.1458vw;
	border-bottom : 1px solid #E3E3E3;
	font-size : 0.9375vw;
}
.notice-content .notice-content-down{
	padding : 20px 0 20px 1.1458vw;
	border-bottom : 1px solid #E3E3E3;
	font-size : 0.9375vw;
}
.notice-content .notice-content-btn{
}
.notice-content .notice-content-btn > a{
	width : 100%;
	display : flex;
	align-items : center;
	padding : 2.5773vh 1.1458vw;
	border-bottom : 1px solid #E3E3E3;
}
.notice-content .notice-content-btn > a > img{
	width : 0.625vw;
	margin-right : 0.6823vw;
}
.notice-content .notice-content-btn > a > span{
	margin-right : 2.2917vw;
	color : #999999;
}
.notice-content button{
	display : block;
	width : 13.5417vw;
	height : 6.5979vh;
	border : 1px solid #5C674D;
	border-radius : 0;
	background : none;
	font-size : 1.0417vw;
	font-family : Montserrat;
	letter-spacing : -0.02em;
	color : #5C674D;
	margin : 5.1546vh auto;
	cursor : pointer;
}

@media (max-width : 991px){
	.notice-content{
	border-top : 1px solid #707070;
	width : 100%;
	}
	.notice-content .notice-content-title{
		padding : 4.6667vw 0 4.9333vw 7.3333vw;
		letter-spacing : -0.02em;
		border-bottom : 1px solid #E3E3E3;
	}
	.notice-content .notice-content-title h3{
		font-size : 3.2vw;
		margin-bottom : 0.8vw;
	}
	.notice-content .notice-content-title p{
		font-size : 2.4000vw;
	}
	.notice-content .notice-content-main{
		padding : 4.6667vw 7.3333vw 22.1333vw 7.3333vw;
		font-size : 2.4vw;
	}
	.notice-content .notice-content-btn > a{
		width : 100%;
		display : flex;
		align-items : center;
		padding : 3.2vw 3.4667vw;
		border-bottom : 1px solid #E3E3E3;
	}
	.notice-content .notice-content-btn > a > img{
		width : 1.6vw;
		margin-right : 1.7467vw;
	}
	.notice-content .notice-content-btn > a > span{
		margin-right : 2.2917vw;
		color : #999999;
		font-size : 2.1333vw;
	}
	.notice-content button{
		width : 34.6667vw;
		height : 8.5333vw;
		font-size : 2.6667vw;
		margin : 8.8vw auto;
	}
}



.sub-pagination{
	display : flex;
	justify-content : center;
	gap : 0.3646vw;
	width : 100%;
	/* height : 1.5625vw; */
	margin-top : 2.4479vw;
}
.sub-pagination li{
	display : flex;
	justify-content : center;
	align-items : center;
	width : 1.5625vw;
	height : 1.5625vw;
	background : none;
	font-size : 0.8333vw;
	color : #000;
	cursor : pointer;
}
.sub-pagination li.current{
	background : #000;
	color : #fff;
}
.sub-pagination li.next,
.sub-pagination li.prev{
	width : 0.2344vw;
	padding : 0 1.0052vw;
}
.sub-pagination li.next img,
.sub-pagination li.prev img{
	/* width : 100%; */
	width : 0.2344vw;
}

@media (max-width : 991px){
	.garden-intro-box{
	display : block;
	width : 100%;
	}
	.garden-intro-box > .garden-box{
		width : 100%;
		text-align : center;
		margin-bottom : 13.0667vw;
	}
	.garden-intro-box > .garden-box > .garden-img{
		width : 100%;
		height : 61.7333vw;
		margin-bottom : 7.8667vw;
		overflow : hidden;
		cursor : pointer;
	}
	.garden-intro-box > .garden-box > h3{
		font-size : 6.9333vw;
		line-height :9.2vw;
	}
	.garden-intro-box > .garden-box > p{
		font-size : 3.0667vw;
		line-height : 4.5333vw;
		margin-bottom : 6.2667vw;
	}

	.garden-intro-box > .garden-box > button{
		font-size : 2.2667vw;
		line-height : 2.6667vw;
	}

	.sub-pagination{
	display : flex;
	justify-content : center;
	gap : 0.3646vw;
	width : 100%;
	/* height : 1.5625vw; */
	margin-top : 2.4479vw;
	}
	.sub-pagination li{
		width : 5.1053vw;
		height : 5.1053vw;
		font-size : 2.8vw;
	}
	.sub-pagination li.current{
		background : #000;
		color : #fff;
	}
	.sub-pagination li.next,
	.sub-pagination li.prev{
		width : 0.7653vw;
		padding : 0 2.1333vw;
	}
	.sub-pagination li.next img,
	.sub-pagination li.prev img{
		/* width : 100%; */
		width : 0.7653vw;
	}

}

/* subpage title*/

.sub-page-small-title{
	display : flex;
	justify-content : center;
	align-content : start;
	flex-wrap : wrap;
	font-size : 2.8125vw;
	font-weight : 300;
	color : #101010;
	letter-spacing : -0.06em;
	width : 100%;
	padding : 30px 0 35px;
}
.sub-page-small-title p{
	width : 100%;
	text-align : center;
	font-size : 1.0417vw;
	font-family : Montserrat;
	font-weight : normal;
	text-transform: uppercase;
	color : #B7B7B7;
	letter-spacing : 0.1em;
}
@media (max-width : 991px){
	.sub-page-small-title{
		font-size : 7.2000vw;
		letter-spacing : -0.06em;
	}
	.sub-page-small-title p{
		font-size : 2.6667vw;
		letter-spacing : 0.1em;
	}
}






.facility-intro-box{
	width : 100%;
}
.facility-box{
	display : flex;
	width : 100%;
	margin-bottom : 3.0928vh;
}
.facility-box .facility-img{
	width : 22.5521vw;
	height : 13.0729vw;
	/* background : url('../images/sub/facility-ready.png?v=1') no-repeat;
	background-position : center;
	background-size : cover; */
	overflow: hidden;
	background: #fff;
}
.facility-box .facility-img > img{
	display : block;
	width : 100%;height : 100%;object-fit : cover;object-position : center;
}
.facility-box .facility-content{
	display : flex;
	flex-wrap : wrap;
	align-items : center;
	align-content : center;
	padding-left : 2.0834vw;
	width : 40.6771vw;
	margin-left : 1.1458vw;
	border-top : 1px solid #CCCCCC;
	border-bottom : 1px solid #CCCCCC;
	background: #fff;
}
.facility-box .facility-content span{
	display : block;
	width : 100%;
	font-family : Abigail;
	font-size : 1.1458vw;
	letter-spacing : 0.06em;
	line-height : 3.0928vh;
	color : #444444;
}
.facility-box .facility-content h3{
	width : 100%;
	font-size : 1.5625vw;
	font-weight : 500;
	padding-bottom : 1.5464vh;
	line-height : 4.5361vh;
	letter-spacing : -0.02em;
	color : #444444;
}
.facility-box .facility-content p{
	padding-bottom : 1.9588vh;
	font-size : 0.7292vw;
	line-height : 2.0619vh;
	letter-spacing : -0.02em;
	color : #666666;
}
.facility-box .facility-btn-box{
	display : flex;
	align-items : center;
	justify-content : center;
	width : 14.7917vw;
	border-top : 1px solid #CCCCCC;
	border-bottom : 1px solid #CCCCCC;
	background: #fff;
}
.facility-box .facility-btn-box button{
	display : flex;
	gap : 0.4792vw;
	justify-content : center;
	align-items : center;
	width : 10.4167vw;
	height : 6.5979vh;
	border : 1px solid rgba(92,103,77,0.28);
	border-radius : 0;
	font-family : Montserrat;
	font-size : 0.9375vw;
	letter-spacing : -0.02em;
	color : #5C674D;
	background : none;
	cursor : pointer;
	transition : 0.5s;
}
.facility-box .facility-btn-box button > div{
	background : url('../images/sub/moreview-arrow1.png')no-repeat;
	background-position : center;
	background-size : contain;
	width : 0.3646vw;
	height : 0.6250vw;
}
.facility-box .facility-btn-box button:hover{
	background : #5C674D;
	border-color : #5C674D;
	color : #fff;
	transition : 0.5s;
}
.facility-box .facility-btn-box button:hover > div{
	background : url('../images/sub/moreview-arrow2.png')no-repeat;
	background-size : contain;
}
@media (max-width : 991px){
	.facility-intro-box{
		width : 100%;
	}
	.facility-box{
		display : flex;
		flex-wrap : wrap;
		width : 100%;
		margin-bottom : 9.7333vw;
	}
	.facility-box .facility-img{
		width : 100%;
		height : 47.0667vw;
		background : url('../images/sub/facility-ready.png?v=1') no-repeat;
		background-position : center;
		background-size : cover;
	}
	.facility-box .facility-img > img{
		display : block;
		width : 100%;
		height : 100%;
	}
	.facility-box .facility-content{
		flex-wrap : wrap;
		padding-left : 0vw;
		width : 100%;
		margin-left : 0;
		border-top : none;
		border-bottom : none;
		padding : 0 3vw;
	}
	.facility-box .facility-content span{
		margin-top :4.5333vw;
		font-size : 2.9333vw;
		line-height : 4vw;
	}
	.facility-box .facility-content h3{
		font-size : 4vw;
		padding-bottom : 2vw;
		line-height : 5.8667vw;
	}
	.facility-box .facility-content p{
		padding-bottom : 3.3333vw;
		font-size : 1.8667vw;
		line-height : 2.6667vw;
	}
	.facility-box .facility-btn-box{
		display : flex;
		align-items : center;
		justify-content : start;
		width : 100%;
		/* padding-bottom : 4.8vw; */
		border-top : none ;
		border-bottom : 1px solid #CCCCCC;
		padding : 0 3vw 4.8vw;
	}
	.facility-box .facility-btn-box button{
		display : flex;
		gap : 1.4933vw;
		width : 26.6667vw;
		height : 8.5333vw;
		font-size : 2.4vw;
	}
	.facility-box .facility-btn-box button > div{
		width : 0.7493vw;
		height : 1.5vw;
	}
}


.place-main-content {
	letter-spacing: -1px;
}

.sub-content-box .title {
	font-size: 50px;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
}

.sub-modal-season .cont {
	text-align: center;
	width: 982px;
	text-align: center;
	margin: auto;
}
.sub-modal-season .cont.addr p {
	text-align: left;
	margin-top: 20px;
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 10px;
	color: #111;
}
.sub-modal-season .cont.addr {
	text-align: left;
	font-size: 20px;
	color: #777;
}
.sub-modal-season .cont #map {
	width: 982px;
	height: 400px;
}
.sub-modal-season .cont iframe {
	width: 982px;
	height: 558px;
}

.sub-modal-season{
	width : 100%;
	padding : 4.6907vh 0;
	overflow : hidden;
}

.sub-modal-season h5 {
	font-size: 34px;
	text-align: center;
	margin-bottom: 30px;
	font-weight: 400;
}

.sub-modal-season .sub-modal-main{
}

.sub-modal-season .sub-modal-main .season-modal-con h4{
	display : flex;
	flex-wrap : wrap;
	align-items : center;
	align-content : center;
	width : 100%;
	border-top : 1px solid #5C674D;
	border-bottom : 1px solid #E3E3E3;
	padding-left : 1.1458vw;
	height : 14.3299vh;
	font-size : 1.25vw;
	letter-spacing : -0.02em;
	font-weight : 500;
	margin-bottom : 6.1856vh;
}
.sub-modal-season .sub-modal-main .season-modal-con h4 span{
	width : 100%;
	font-size : 0.9375vw;
	color : #999999;
}
.sub-modal-season .sub-modal-main .season-modal-con .flower-detail{
	font-size : 0.9375vw;
	letter-spacing : -0.04em;
	color : #888888;
	line-height : 4.1237vh;
	margin-bottom : 7.6289vh;
}
.sub-modal-season .sub-modal-main .season-modal-con .flower-duck{
	font-size : 0.7292vw;
	color : #888888;
	line-height : 2.4742vh;
	padding-bottom : 8.4536vh;
	border-bottom : 1px solid #E3E3E3;
	margin-bottom : 5.2577vh;
	letter-spacing : -0.04em;
}
.sub-modal-season button{
	display : block;
	width : 13.5417vw;
	height : 6.5979vh;
	font-size : 1.0417vw;
	letter-spacing : -0.02em;
	color : #5C674D;
	font-family : Montserrat;
	margin : 0 auto;
	background : none;
	border : 1px solid #5C674D;
	border-radius : 0;
	cursor : pointer;
}

@media (max-width : 991px){
	.sub-modal-season{
		flex-wrap : wrap;
		width : 100%;
		padding : 9.6vw 0;
		overflow : hidden;
	}
	.sub-modal-season .sub-modal-main{
		width : 100%;
	}
	.sub-modal-season .sub-modal-main .season-modal-con{
		width : 100%;
	}

	.sub-modal-season .cont {
		width: 100%;
	}

	.place-main-content .title {
		font-size: 30px;
	}
	.sub-modal-season h5 {
		font-size: 24px;
	}
	.sub-modal-season .cont.addr p {
		font-size: 20px;
	}
	.sub-modal-season .cont.addr {
		font-size: 15px;
	}
	.sub-modal-season .cont #map {
		width: 100%;
		height: 250px;
	}
	.sub-modal-season .cont iframe {
		width: 100%;
		height: 250px;
	}

	.sub-modal-season .sub-modal-main .season-modal-con h4{
		border-bottom : none;
		padding : 4.6667vw 0 9.7333vw 2.9333vw;
		height : auto;
		font-size : 3.2000vw;
		margin-bottom : 0;
	}
	.sub-modal-season .sub-modal-main .season-modal-con h4 span{
		font-size : 2.4000vw;
	}
	.sub-modal-season .sub-modal-main .season-modal-con .flower-detail{
		font-size : 2.9333vw;
		line-height : 6.6667vw;
		margin-bottom :13.0667vw;
		padding : 0 7.3333vw;
	}
	.sub-modal-season .sub-modal-main .season-modal-con .flower-duck{
		font-size : 2.4vw;
		color : #888888;
		line-height : 3.7333vw;
		padding-bottom : 16.6667vw !important;
		border-bottom : 1px solid #E3E3E3;
		margin-bottom : 6.8vw;
		padding : 0 7.3333vw;
	}
	.sub-modal-season button{
		width : 34.6667vw;
		height : 8.5333vw;
		font-size : 2.6667vw;
		margin : 0 auto;
		background : none;
		border : 1px solid #5C674D;
		border-radius : 0;
		cursor : pointer;
	}
}
/* season slide */

	.flower-img{
		display : flex;
		justify-content: center;
		width : 100%;
	}
	.flower-img .flower-p{
		display : flex;
		justify-content : start;
		padding-left : 4.5833vw;
		padding-top : 6.5979vh;
		width : 32.6563vw;
	}
	.flower-img .flower-p ul{
		width : 100%;
	}
	.flower-img .flower-p ul li{
	line-height : 4.1237vh;
	font-size : 0.9375vw;
	letter-spacing : -0.04em;
	}
	.flower-img .flower-p ul:first-child{
		width : 3.2813vw;
		margin-right : 0.3646vw;
	}
	.flower-img .flower-p ul:first-child li{
		display : flex;
		width : 100%;
		text-align : justify;
		font-weight : 700;
		
	}
	.flower-slide{
		width : 982px;
		}
    .flower-img .swiper{
		width : 100%;
		position: relative;
    }

    .flower-img .swiper-slide {
	  width : 100%;
      text-align: center;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .flower-img .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .flower-img .swiper-main {
      height: 60vh;
      width: 100%;
	  overflow : hidden;
    }
	.flower-img .swiper-main .swiper-slide{
		overflow : hidden;
	
	}

    .flower-img .swiper-thum {
	  width : 100%;
      height: 14.4330vh;
      box-sizing: border-box;
      padding: 0.4688vw 0;
	  margin-bottom : 4.5361vh;
	  overflow: hidden;
    }

    .flower-img .swiper-thum .swiper-slide {
      width: 25%;
      height: 14.4330vh;
      opacity: 0.4;
    }

    .flower-img .swiper-thum .swiper-slide-thumb-active {
      opacity: 1;
    }

    .flower-img .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
@media (max-width : 991px){
	.flower-img{
		display : flex;
		flex-wrap : wrap;
		width : 100%;
	}
	.flower-img .flower-p{
		display : flex;
		justify-content : start;
		padding : 0 7.3333vw;
		/* padding-left : 4.5833vw;
		padding-top : 6.5979vh; */
		width : 100%;
		margin-bottom : 9.8667vw;
	}
	.flower-img .flower-p ul{
		width : 100%;
	}
	.flower-img .flower-p ul li{
	line-height : 6.6667vw;
	font-size : 2.9333vw;
	letter-spacing : -0.04em;
	}
	.flower-img .flower-p ul:first-child{
		width : 10.5333vw;
		margin-right : 0.3646vw;
	}
	.flower-img .flower-p ul:first-child li{
		display : flex;
		width : 100%;
		text-align : justify;
		font-weight : 700;
		
	}

	.flower-slide{
		width : 100%;	
		}
    .flower-img .swiper{
		width : 100%;
    }

    .flower-img .swiper-slide {
	  width : 100%;
      text-align: center;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .flower-img .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .flower-img .swiper-main {
      height: 67.0667vw;
      width: 100%;
	  overflow : hidden;
	  margin-bottom : 8px;
    }
	.flower-img .swiper-main .swiper-slide{
		overflow : hidden;
	
	}

    .flower-img .swiper-thum {
	  width : 100%;
      height: 16.1333vw;
      box-sizing: border-box;
      padding: 0;
	  margin-bottom : 13.4667vw;
    }

    .flower-img .swiper-thum .swiper-slide {
      width: 25%;
      height: 16.1333vw;
    }


    .flower-img .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }	
}



.volunteer-content {
	margin-top: 50px;
	text-align: left;
	width: 100%;
}
.volunteer-content h3 {
	font-size: 36px;
	font-weight: 500;
	color: #444444;
}
.volunteer-content p {
	font-size: 20px;
	font-weight: 400;
	color: #101010;
	margin-top: 20px;
}
.volunteer-content img {
	margin-top: 20px;
}
.volunteer-content table {
	width: 100%;
	border-top : 2px solid #9f9f9f;
	text-align: center;
	color: #101010;
	font-size: 18px;
	margin-top: 20px;
	background : #fff;
}
.volunteer-content table th {
	background: #FAFAFA;
	height: 70px;
}
.volunteer-content table tr th:first-child {
	border-right : 1px solid #efefef;
	width: 30%;
}
.volunteer-content table td {
	height: 70px;
	border-bottom : 1px solid #efefef;
}
.volunteer-content table tr td:first-child {
	border-right : 1px solid #efefef;
}


@media (max-width : 991px){
	.volunteer-content {
		margin-top: 30px;
	}
	.volunteer-content h3 {
		font-size: 24px;
	}
	.volunteer-content p {
		font-size: 14px;
		margin-top: 10px;
	}
	.volunteer-content table {
		font-size: 15px;
		margin-top: 20px;
	}
	.volunteer-content table th {
		height: 50px;
	}
}



.recruit-content {
	margin-top: 50px;
	text-align: left;
	width: 100%;
}
.recruit-content h3 {
	font-size: 36px;
	font-weight: 500;
	color: #444444;
}
.recruit-content p {
	font-size: 20px;
	font-weight: 400;
	color: #101010;
	margin-top: 20px;
}
.recruit-content table {
	width: 100%;
	border-top : 2px solid #9f9f9f;
	text-align: center;
	color: #101010;
	font-size: 18px;
	margin-top: 20px;
	background : #fff;
}
.recruit-content table th {
	background: #FAFAFA;
	height: 70px;
}
.recruit-content table th.r-line {
	border-right : 1px solid #efefef;
}
.recruit-content table tr th:first-child {
	border-right : 1px solid #efefef;
	width: 25%;
}
.recruit-content table tr th:nth-child(2) {
	width: 25%;
}
.recruit-content table td {
	height: 70px;
	border-bottom : 1px solid #efefef;
}
.recruit-content table td.r-line {
	border-right : 1px solid #efefef;
}
.recruit-content table tr td:first-child {
	border-right : 1px solid #efefef;
}

@media (max-width : 991px){
	.recruit-content {
		margin-top: 30px;
	}
	.recruit-content h3 {
		font-size: 24px;
	}
	.recruit-content p {
		font-size: 14px;
		margin-top: 10px;
	}
	.recruit-content table {
		font-size: 12px;
		margin-top: 20px;
	}
	.recruit-content table th {
		height: 50px;
	}
}