@charset "utf-8";
.mainContent{
	display:block;
	width:100%;
	/* background-image:url(/humanframe/theme/parksbusan/assets/img/main/bgMainBottom.png); */
	background-repeat:no-repeat;
	background-size:auto;
	background-position:right bottom;
}
.section01{
	position: relative;
}
.mainVisualWrap{
	display:block;
	width:100vw;
	height:100vh;
	overflow:hidden;
	position: relative;
}
.mainVideoArea{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position:relative;
}
.mainVideoArea > video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.mainVideoArea > .videoShadow{
    display: flex;
    width: 100%;
    height: 100%;
	position:absolute;
	top:0;
	left:0;
    /* background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 20%); */
    background:rgba(0,0,0,0.1);
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.mainVideoArea > .videoShadow > .txtBx{
	display:block;
	width:100%;
	max-width:1440px;
	font-family:'MaruBuri';
	font-weight:800;
	color:#fff;
}
.mainVideoArea > .videoShadow > .txtBx > .smTxt{
	font-size:4.6rem;
	line-height:1em;
	margin-bottom:30px;
	font-weight:400;
}
.mainVideoArea > .videoShadow > .txtBx > .bigTxt{
	font-size:7.2rem;
	line-height:1em;
}

.mainVisual{
    display: block;
    position: relative;
    z-index: 1;
}
.mainVisual > .txtArea{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:50%;
    transform:translate(-50%, 0);
    max-width: 1440px;
    z-index: 2;
    margin-top: -80px;
}
.mainVisual > .txtArea > .mainTitle{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-family:'HSBombaram21';
    color:#fff; 
}
.mainVisual > .txtArea > .mainTitle > .overflowtxtBx{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width:100%;
	overflow: hidden;
	margin-bottom:25px;
}
.mainVisual > .txtArea > .mainTitle > .overflowtxtBx:nth-child(2){
	margin-bottom:46px;
	gap:0 16px;
}
.mainVisual > .txtArea > .mainTitle > .overflowtxtBx > .smTxt{
	display: block;
	font-size:4.2rem;
	line-height:1em;
}
.mainVisual > .txtArea > .mainTitle > .overflowtxtBx > .bigTxt{
	display: block;
	font-size:5rem;
	line-height:1em;
}
.mainVisual > .txtArea > .mainTitle > .lctnTxt{
	padding-left:32px;
	padding-top:2px;
	position:relative;
	font-family:'KOHIBaeum';
	font-size:2rem;	
	line-height:1em;
	background-image:url(/humanframe/theme/parksbusan/assets/img/main/iconLocation.png);
	background-repeat:no-repeat;
	background-size:auto;
	background-position:left top;
	opacity: 0.85;
}
.mainPagePause{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    color: #fff;
	transform: translate(-720px, 80px);
	gap:0 20px;
}
.swiper-pagination-bullets.swiper-pagination-horizontal{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	gap: 0 12px;
}
.swiper-pagination-bullet{
	width:9px;
	height:9px;
	background:#fff;
	opacity: 1;
	margin:0 !important;
}
.swiper-pagination-bullet-active{
	background:#fff;
	opacity: 1;
	position:relative;
	margin:0 6px !important;
}
.swiper-pagination-bullet-active::after{
    display: block;
    content: '';
    border: 1px solid #fff;
    width: 21px;
    height: 21px;
    position: absolute;
    top: -6px;
    left: -6px;
    /* border-radius: 12.5px; */
}
.mainVisualBtnPause{
	display: block;
	width:9px;
	height: 13px;
	text-indent: -9999px;
	background:url(/humanframe/theme/parksbusan/assets/img/main/mainVisualSliderStop.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
}
.mainVisualBtnPause.on{
	background:url(/humanframe/theme/parksbusan/assets/img/main/mainVisualSliderPlay.png);
}
.main-slide-button{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 108px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 1;
}
.visual-prev,
.visual-next{
	width:93px;
	height:93px;
	border-radius: 47px;
	background-color:rgba(0,0,0,0.25);
	background-image: url(/humanframe/theme/parksbusan/assets/img/main/mainVisualSliderArrow.png);
	background-position: center;
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.visual-prev{
	transform: rotate(180deg);
}
.mouseScroll{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding:6px 0 6px 28px;
	font-weight: 400;
	font-size:1.4rem;
	line-height:1em;
	position: absolute;
	bottom:38px;
	left:50%;
	transform: translate(-50%, 0);
	background-image: url(/humanframe/theme/parksbusan/assets/img/main/iconScrollDown.png);
	background-position: left center;
	background-size: auto;
	background-repeat: no-repeat;
	color:#fff;
	z-index: 1;

}
.section02{
    padding: 76px 0 116px;
}
.quickLinkWrap{
    display: block;
    width: 100%;
    /* max-width: 1440px; */
    max-width:1282px;
    margin: 0 auto;
}
.quickLinkList{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width:100%;
}
.quickLinkList > li{
	opacity: 0;
	transform: translateY(50px);
}
.quickLinkList > li > a{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 30px 0;
}

.quickLinkList > li > a > img{ 
	transition: all 0.6s;
}

.quickLinkList > li > a:hover > img,
.quickLinkList > li > a:focus > img{ 
	 transform: rotateY(360deg);
}


.quickLinkList > li > a > span{
	font-size:1.8rem;
	font-weight:800;
}
.section03{
	padding-bottom:92px;
}
.boardEbentWrap{
    display: flex;
    width: 100%;
    /* max-width: 1440px; */
    max-width:1282px;
    margin: 0 auto;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 0 30px;
}
.mainBoardPrevWrap{
    /* width: calc(100% - 580px - 30px); */
    width: calc(100% - 50px - 30px);
	position: relative;
	opacity: 0;
	transform:translateX(-50px);
}
.mainBoardPrevWrap .boardTabWrap .tabWrap{
	width:100%;
	margin:0;
}
.mainBoardPrevWrap .tabBtnList{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width:100%;
	margin-bottom:32px;
}
.boardTabBtn {
	display:block;
	position: relative;
	font-family:'HSBombaram21';
	font-family:'MaruBuri';
	font-weight:700;
	line-height:1em;
	font-size:3rem;
	padding-right:23px;
	margin-right:19px;
	color:#555;
}
.boardTabBtn.active{
	color:var(--main-color);
}
.boardTabBtn::after{
	display: block;
	content:'';
	width:6px;
	height:6px;
	background:#555;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-3px;
	border-radius: 3px;
}
.boardTabBtn:nth-last-child(1)::after{
	display: none;
}
.board_content{
	display: none;
}
.board_content.active{
	display:block;
	position: relative;
}
.board_prev{
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}
.board_prev > li{
	border-bottom:1px solid #dbdbdb;
	display:block;
	width:100%;
}
.board_prev > li:first-child{
	border-top:2px solid #000;
	padding-top:10px;
}
.board_prev > li > a{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
    padding: 23px 25px 24px 20px;
}
.board_prev > li > a > .title{
	font-size:1.8rem;
	line-height:1em;
	color:#222;
	white-space:normal;   
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	word-break:break-all;
	flex:1 1 0;
}

.board_prev > li > a:hover > .title,
.board_prev > li > a:focus > .title{ 
	text-decoration:underline; 
}


.board_prev > li > a > .date{
	font-size:1.6rem;
	line-height:1em;
	color:#666;
}

.board_viewmore{
    display: block;
    position: absolute;
    top: -56px;
	right: 0;
	font-size:1.6rem;
	line-height: 1em;
	padding-right:22px;
	font-weight: 400;
}
.mainEventWrap{
	width:580px;
	overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	flex-wrap: wrap;
	opacity: 0;
    transform: translateX(50px);

}
.mainEventWrap > .mainH3{
	font-family:'HSBombaram21';
	font-family:'MaruBuri';
	font-size:2.8rem;
	line-height:1em;
	padding-bottom:25px;
}
.mainEventWrap > .controls_bx{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
	padding-bottom: 25px;
	gap:0 23px;
}
.progress_ctr_bx{
	width:80px;
	height:12px;
	padding:0 15px;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content:center;
	align-items: center;
}
.event-slide-button{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
	align-items: center;
	gap:0 13px;
}
.swiper-button-next:after, .swiper-button-prev:after{
	display: none;
}
.swiper-button-next,
.swiper-button-prev{
    position: static;
    width: 9px;
    height: 17px;
	margin: 0;
	background-image: url(/humanframe/theme/parksbusan/assets/img/main/iconEvemtSlideArrow.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
}
.swiper-button-prev{
	transform: rotate(180deg);
}
.EventSlideBtnPause{
	text-indent: -9999px;
	width:7px;
	height:11px;
	margin:0;
	background-image: url(/humanframe/theme/parksbusan/assets/img/main/iconSmallSlideStop.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
}
.EventSlideBtnPause.on{
	background-image: url(/humanframe/theme/parksbusan/assets/img/main/iconSmallSlidePlay.png);
}
.event_progress.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background:#000;
}
.mainEventWrap .event_progress{
    width: 100%;
	height: 2px;
	position: relative;
}
.event_pagenation{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    bottom: inherit;
}
.event_pagenation > .curr{
    position: absolute;
    top: -4px;
    left: 0;
    font-size: 1.6rem;
    line-height: 1em;
    font-weight: 800;
}
.event_pagenation > .all{
    position: absolute;
    top: -4px;
	right:0;
    font-size: 1.6rem;
    line-height: 1em;
    font-weight: 800;
}
.mainEventSlide .mainEvent > a > img{
	display: block;
	width:100%;
/* 	aspect-ratio: 580 / 285; */
    aspect-ratio: 405 / 285;
    object-fit: cover;
    object-position: left top;

}
.section04{
	padding-bottom:162px;
}
.section04 > .mainH2{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 4.5rem;
    line-height: 1em;
    margin-bottom: 52px;
    font-family:'HSBombaram21';
    font-family:'MaruBuri';
    gap:0 12px;
}
.section04 > .mainH2 > span{
    padding-top: 28px;
    position:relative;
}
.Iconleaf::after{
	display:block;
	content:'';
	position:absolute;
	width:47px;
	height:28px;
	top:0;
	right:-11px;
	background-image:url(/humanframe/theme/parksbusan/assets/img/main/itemTitleLeaf.png);
	background-size:auto;
	background-position:center;
	background-repeat:no-repeat;
}
.grTxt{
	color:var(--main-color);
}
.boardTabWrap{
    display: block;
    width: 100%;
    max-width: 1282px;
	margin: 0 auto;
}
.section04 .boardTabWrap > .tabWrap{
    display: block;
    width: 100%;
    margin: 0 auto;
}
.section04 .tabBtnList{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	width: 100%;
	gap:0 44px;
    overflow-X: scroll;
    line-height: 1.2em;
    padding-bottom: 13px;
    margin-bottom: 72px;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.section04 .tabBtnList::-webkit-scrollbar{
	display:none;
}

.parkTab{
    display: block;
	font-family:'KOHIBaeum';
	font-size: 2rem;
	color:#555;
	white-space: nowrap;
	position: relative;
	opacity: 0;
	transform: translateY(-40px);
}
.parkTab:hover,
.parkTab:focus{ 
	color:var(--main-color);	 
}
.parkTab.active{
	color:var(--main-color);
}
.parkTab::after{
	display:block;
	content:'';
	height:14px;
	background:#e3e530;
	position:absolute;
	bottom:-8px;
	left:-13px;
    z-index: -1;
	visibility: hidden;
	opacity: 0;
	width:0;
	transition: 0.2s;
}
.parkTab.active::after{
	width:calc(100% + 19px);
	visibility: visible;
	opacity: 1;
}
.busanParkSlide .swiper-wrapper .busanPark{
	opacity: 0;
	transform: translateY(50px);
	width: 300px;
}
.busanPark > a{
    display: block;
	width: 100%;
	/* border-radius: 20px; */
	position: relative;
	transform: translateZ(0);    
}
.busanPark > a::before { 
	content: ''; 
	position: absolute; 
	top: 8px; 
	left: 8px;
	right: 8px;
	bottom: 8px;
	background: rgba(0,0,0,0.15);
	/* border-radius: 20px; */
	z-index: -1;
	filter: blur(15px);
	opacity: 0.8;
}
.busanPark > a > .imgBx{
	display: block;
	width:100%;
	overflow: hidden;
    /* border-radius: 20px 20px 0 0; */
    /* aspect-ratio: 335 / 240; */
	aspect-ratio:401 / 412;
}
.busanPark > a > .imgBx > img{
    display: block;
	width: 100%;
	height:100%;
	object-fit: cover;
	object-position: center;
	transition:0.3s ease-in;
}
.busanPark > a:hover > .imgBx > img{
	transform: scale(1.1);
	transition:0.3s ease-in;
}
.busanPark > a > .title{
    background: rgba(255, 255, 255, 0.72);
    /* text-align: center; */
	text-align: left;
    padding: 30px 0 35px 0;
    font-size: 2.2rem;
	font-weight: 800;
    /* border-radius: 0 0 20px 20px; */
	padding-left: 10px;
}
.swiper-button-next.park-next,
.swiper-button-prev.park-prev{
	background-image: url(/humanframe/theme/parksbusan/assets/img/main/iconParkSlideArrow.png);
	position: absolute;
	right:-45px;
    top: 50%;
    width: 33px;
    height: 58px;
	transform: translate(100%, -50%);
	z-index: 1;
}
.swiper-button-prev.park-prev{
	right:inherit;
	left:-45px;
    transform: translate(-100%, -50%) rotate(180deg);
}
.section05{
	padding-bottom:123px;
}
.section05 > .mainH2{
    max-width: 1282px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
	justify-content: center;
	position: relative;
    align-items: center;
	padding-bottom: 46px;
}
.section05 > .mainH2 > .grTxt{
	font-family:'HSBombaram21'; 
	font-family:'MaruBuri'; 
	font-size:4.5rem;
	line-height:1em;
	text-align: center;
	color: #000;
}
.section05 > .mainH2 > a{
	font-size:1.6rem;
	line-height:1em;
	position:relative;
	padding-right:22px;
	font-weight: 400;
	position: absolute;
	right: 0;
}
.board_viewmore::after,
.board_viewmore::before,
.section05 > .mainH2 > a::after,
.section05 > .mainH2 > a::before{
	display: block;
	width:11px;
	height:2px;
	content:'';
	background:#222;
	position:absolute;
	top:50%;
	transform: translate(0, -50%);
	right: 0;
}
.board_viewmore::after,
.section05 > .mainH2 > a::after{
	transform: translate(0, -50%) rotate(90deg);
	right: 0;	
}
.galleryWrap{
	display: block;
	width:100%;
	/* max-width:1440px; */
	max-width:1282px;
	margin:0 auto;
	overflow: hidden;
}
.galleryScrollbx{
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.galleryScrollbx::-webkit-scrollbar{
	display:none;
}
.galleryList{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	width:100%;
	gap:0 30px;
	min-width:1250px;
}
.galleryList > li{
    width: 33.3%;
	opacity: 0;
	transform: translateY(50px);
}
.galleryList > li > a{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    overflow: hidden;
    /* border-radius: 20px; */
}
.galleryList > li > a > .imgBx{
	width:100%;
	aspect-ratio:400 / 580;
	overflow: hidden;
}
.galleryList > li > a > .imgBx > img{
	display: block;
	width:100%;
	height:100%;
	transition: 0.3s ease-in;
	object-fit: cover;
	object-position: center;
}
.galleryList > li > a:hover > .imgBx > img{
	transform: scale(1.1);
	transition: 0.3s ease-in;
}
.galleryList > li > a > .txtArea{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
	align-items: center;
	width:100%;
    gap: 20px 0;
    padding: 30px;
	background: rgba(255, 255, 255, 0.72);
}	
.galleryList > li > a > .txtArea > .title{
    width: 100%;
    text-align: center;
    height: 2.4em;
    font-weight: 800;
    line-height: 1.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    position: relative;
	word-break: break-all;
	overflow: hidden;
	font-size:2.2rem;
}
.galleryList > li > a > .txtArea > .date{
	color:#666;
	font-size:1.6rem;
	font-weight:400;
	line-height:1em;
	white-space:normal;   
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	word-break:break-all;
}

@media screen and (max-width: 1630px){
	.swiper-button-next.park-next{
		right:-12px;
	}
	.swiper-button-prev.park-prev{
		left:-12px;
	}
}
@media screen and (max-width: 1560px){
	
	.mainVideoArea > .videoShadow > .txtBx{
		padding:0 60px;
	}
	.mainVisual > .txtArea{
		max-width: inherit;
		padding:0 60px 0 160px;
	}
	.mainPagePause{
		left: 60px;
		transform: translate(90px, 80px);
	}
	.section02{
		padding: 76px 60px 116px;
	}
	.galleryWrap,
	.section05 > .mainH2,
	.section04 .boardTabWrap,
	.boardEbentWrap{
		padding:0 60px;
		max-width:inherit;
	}
	.section05 > .mainH2{
		padding:0 60px 46px;
	}
	.mainContWrap{
		max-width:inherit;
		padding:0 60px;
	}
	.swiper-button-next.park-next{
		right:-12px;
	}
	.swiper-button-prev.park-prev{
		left:-12px;
	}

}
@media screen and (max-width: 1520px){
	
}
@media screen and (max-width: 1430px){
}
@media screen and (max-width: 1406px){
}
@media screen and (max-width: 1388px){
}
@media screen and (max-width: 1370px){
}
@media screen and (max-width: 1284px){
	.mainVideoArea > .videoShadow > .txtBx{
		padding: 0 32px;
	}
	.mainVisual > .txtArea{
		padding:0 32px 0 100px;
	}
	.main-slide-button{
		width: calc(100% - 64px);
	}
	.mainPagePause {
		transform: translate(40px, 80px);
	}
	.visual-prev,
	.visual-next{
		width:60px;
		height:60px;
		background-size: auto 30%;
	}
	.section02{
		padding: 76px 32px 116px;
	}
	.galleryWrap,
	.section04 .boardTabWrap,
	.boardEbentWrap{
		padding:0 32px;
	}
	
	.section05 > .mainH2{
		padding:0 32px 46px 32px;
	}
	.swiper-button-next.park-next,
	.swiper-button-prev.park-prev{
		width:16px;
		height:27px;
		background-size: auto 100%;
	}
}
@media screen and (max-width: 1240px){
}
@media screen and (max-width: 1233px){
	.section04 .tabBtnList{
		justify-content: flex-start;

	}
}
@media screen and (max-width: 1180px){
}
@media screen and (max-width: 1120px){
	.mainVisualWrap{
		height:auto;
	}
	.main-slide-button{
		display:none;
	}
	.mainPagePause {
	    transform: translate(0px, 80px);
	}
	.mainVideoArea > .videoShadow > .txtBx{
		margin-top:-30px;
	}
	.mainVisual > .txtArea {
		margin-top:-30px;
		padding:0 55px;
	}
	.mainVideoArea > .videoShadow > .txtBx > .smTxt{
		font-size:3.2rem;
		margin-bottom:16px;
	}
	.mainVideoArea > .videoShadow > .txtBx > .bigTxt{
		font-size:4rem;
	}
	.mainVisual > .txtArea > .mainTitle > .overflowtxtBx{
		margin-bottom:16px;
	}
	.mainVisual > .txtArea > .mainTitle > .overflowtxtBx:nth-child(2){
		margin-bottom:32px;
	}
	.mainVisual > .txtArea > .mainTitle > .overflowtxtBx > .smTxt{
		font-size: 3.2rem;
	}
	.mainVisual > .txtArea > .mainTitle > .overflowtxtBx > .bigTxt{
		font-size: 4rem;
	}
	.mainVisual > .txtArea > .mainTitle > .lctnTxt{
		font-size:1.8rem;
		line-height:1.4em;
	}
	.section02{
		padding:45px 32px;
	}
	.boardEbentWrap{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 45px 0;
	}
	.mainEventWrap,
	.mainBoardPrevWrap{
		width:100%;
	}
	.boardTabBtn{
		font-size:2.4rem;
		padding-right:11px;
		margin-right:5px;
	}
	.board_prev > li:first-child{
		padding-top:0;
	}
	.board_prev > li > a{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 20px 12px 13px 12px;
		gap: 16px 0;
	}
	
	.board_prev > li > a > .title{
		flex:inherit;
		font-size:1.6rem;
		width: 100%;
		text-align: left;
		line-height:1em;
	}


	.board_prev > li > a > .date{
		font-size:1.4rem;
	}
	.section05 > .mainH2 > a,
	.board_viewmore{
		text-indent: -9999px;
		line-height:20px;
		padding-right:20px;
	}
	.board_viewmore::after,
	.board_viewmore::before,
	.section05 > .mainH2 > a::after,
	.section05 > .mainH2 > a::before{
		width:20px;
		height:4px;
	}
	
	.mainEventWrap > .mainH3{
		font-size: 2.4rem;
	}
	.mainEvent > a{
		display:block;
		width:100%;
	}
	.mainEventSlide .mainEvent > a > img{
		display: block;
		width:100%;
    	aspect-ratio: 580 / 285;
	}
	.mainEventSlide {
		width:100%;
	}
	.section04 > .mainH2{
		font-size:3rem;
		gap:0 7px;
		margin-bottom:34px;
	}
	.Iconleaf::after{
		width:33px;
		background-size: 100% auto;
		right: -6px;
		top: 2px;
	}
	.section04 .tabBtnList{
		justify-content: center;
		gap:0 26px;
		margin-bottom:32px;
	}
	.parkTab{
		font-size: 1.6rem;
	}
	.section05 {
		padding-bottom: 60px;
	}
	.section05 > .mainH2 > .grTxt{
		font-size:3rem;
	}
}
@media screen and (max-width: 1024px){
    
    /*hover 삭제*/
	.mainLink > li:focus,
	.mainLink > li:hover{
		border:0;
	    box-shadow:0;
	}
	.mainLink > li:focus > a,
	.mainLink > li:hover > a{
		color:#222;
		font-weight:800;
	}   
	.mainSubLinkList > li > a:focus::after,
	.mainSubLinkList > li > a:hover::after{
		background-color:#333;
	}
	.board_item > a:focus > .item_title,
	.board_item > a:hover > .item_title{
	    text-decoration: none;
	}
	.bottom_link:focus > .viewmore,
	.bottom_link:hover > .viewmore{
		background-color:#111;
	}
	.mainSubLinkList > li > a:focus,
	.mainSubLinkList > li > a:hover{
	    box-shadow: none;
	}
	.mainLinkList > .txtLinkList > li > a:focus,
	.mainLinkList > .txtLinkList > li > a:hover{
		color:#222;
	    background-image: url(/humanframe/theme/officehome/assets/img/common/slider_controller_bk.png);
	    background-color:#fff;
	}
	.mainLinkList > .logoLinkList > li > a:focus,
	.mainLinkList > .logoLinkList > li > a:hover{
		border: 1px solid #fff;
		box-shadow:unset;
	}
    
    
}
@media screen and (max-width: 970px){
	
	.mainSubLink{
    	padding: 17px 26px 27px 21px;
	}
	.mainSubLink > .title{
	    font-size: 2rem;
	    padding: 10px 0 21px;
	    background-size: 30px auto;
	    background-position: bottom 21px right;
	    margin-bottom: 23px;
	}
	.mainSubLinkList{
	    flex-direction: column;
	    justify-content: flex-start;
	    align-items: flex-start;
	}
	.mainSubLinkList > li:first-child,
	.mainSubLinkList > li{
    	width: 100%;
		margin-bottom:16px;
	}
	.mainSubLinkList > li > a{
		padding:35px 0px 35px 27px
	}
	.mainSubLinkList > li > a > .title{
		font-size:1.8rem;
		margin-bottom:0;
	}
	.bottom_link > .subtitle,
	.mainSubLinkList > li > a > .subtitle{
		display:none;
	}
	.mainSubLinkList > li > a::after{
	    width: 32px;
	    height: 32px;
	    background-size: auto 13px;
	    margin-top: -16px;
	    right: 22px;
	}
	.mainSubLinkList > li > a::before{
		right:77px;
	}
    .mainBottomLinkWrap > div > .title{
    	font-size:2rem;
    }
    .mainLinkList > .txtLinkList > li > a{
    	font-size:1.6rem;
    }
    .mainLinkList > .logoLinkList > li > a{
    	padding:8px 20px;
    }
}
@media screen and (max-width: 952px){
	.section04 .tabBtnList{
		justify-content: flex-start;
	}
}

@media screen and (max-width: 768px){
	.mainVisualWrap{
		height:100vh;
	}
	.mainVideoArea > .videoShadow > .txtBx{
		text-align:center;
	}
	.mainVisualSlide.swiper{
		height:100%;
	}
	.mainVisual > img{
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.main-slide-button{
		display:none;
	}
	.mainVisual > .txtArea {
		margin-top: 0;
		padding: 150px 20px 0;
		justify-content: flex-start;
	}
	.mainVisual > .txtArea > .mainTitle > .overflowtxtBx{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap:12px 0;
	}
	.mainVideoArea > .videoShadow > .txtBx > .smTxt{
		font-size:2rem;
		margin-bottom:12px;
	}
	.mainVideoArea > .videoShadow > .txtBx > .bigTxt{
		font-size:4rem;
	}
	.mainVisual > .txtArea > .mainTitle > .overflowtxtBx > .smTxt{
		font-size: 2rem;
	}
	.mainVisual > .txtArea > .mainTitle > .overflowtxtBx > .bigTxt{
		white-space: pre-line;
		line-height:1.2em;
		font-size:3rem;
	}
	.mainVisual > .txtArea > .mainTitle > .lctnTxt{
		font-size: 1.5rem;
		background-size: auto 16px;
		padding-left: 23px;
	}
	.mainPagePause{
		transform: translate(0);
		top: 370px;
		left: 20px;
	}
	.section02 {
		padding: 45px 20px;
	}
	.quickLinkList{
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 40px;
	
	}
	.quickLinkList > li{
		display:block;
		max-width: calc(25% - 30px);
	}
	.quickLinkList > li > a{
		gap:27px 0;
	}
	

	.quickLinkList > li > a > span{
		text-align: center;
		font-size:1.6rem;
		line-height:1.2em;
	}
	.galleryWrap,
	.boardEbentWrap{
		padding:0 20px;
	}
	/* .section04 .boardTabWrap{
		padding:0 0 0 20px;
	} */
	.section05 > .mainH2 {
		padding: 0 20px 36px;
	}
	.galleryList{
	    min-width: inherit;
	    flex-wrap: wrap;
	    gap: 30px;
    }
	.galleryList > li{
    	width: calc(50% - 15px);
    }
	.swiper-button-prev.park-prev{
		left:-12px;
	}
}

@media screen and (max-width: 480px){
	.mainLinkList > .logoLinkList > li,
	.mainLinkList > .txtLinkList > li{
	width:100%;
	}
}
@media screen and (max-width: 400px){
	.mainDataList{
		flex-wrap:wrap;
	}
	.mainDataList > li {
    	width: 100%;
    	max-width:inherit;
    	padding-bottom: 16px;
	}
	.mainDataList > li:nth-child(2) {
	    margin: 20px 0;
	}
	.mainDataList > li > .thumb{
    	margin-bottom: 12px;
	}
	.mainDataList > li > .thumb > img{
	    aspect-ratio: 264 / 130;
    }
    .mainDataList .item_title{
    	margin-bottom:8px;
    	height:auto;
    }
}
@media screen and (max-width: 380px){
	.mainLink > li{
		width:calc(50% - 4px);
		margin-bottom:8px;
	}
	.mainLink > li > a{
		font-size:1.5rem;
    	letter-spacing: -0.05em;
	}
	.bottom_link > .title{
		white-space:pre-line;
	}
}
@media screen and (max-width: 360px){
	.board_viewmore{
		width:18px;
		height:18px;
    	top: 2px;
	}
}
@media screen and (max-width: 347px){
	.mainPagePause{
		top:390px;
	}
}
@media screen and (max-width: 320px){
	body{
		font-size:1.4rem;
	}
	.bottom_link{
    	background-size: auto 50px;
	}
	.mainPagePause{
		top:430px;
	}
}
@media screen and (max-width: 280px){
	.mainLink > li:nth-child(4) > a,
	.mainLink > li > a{
		padding:21px 0 21px 35px;
		background-position:left 8px center;
	}
	.bottom_link {
    background-size: auto 50px;
    background-position: right 16px top 79%;
}
	
}