@charset "utf-8";

.skip_snb_menu {display:none;}

#fs_container_wrap {}

/* 비주얼 */
.fs_main_visual {position:relative;z-index:1;}
.fs_main_visual .swiper {width:100%;height:100vh;}
.fs_main_visual .swiper .swiper-slide {position:relative;display:flex;align-items:center;height:100vh;background:url("./../../images/fs/main/logo_pat.png") repeat center center #000;background-size: 150px 150px;}
.fs_main_visual .swiper .swiper-slide > img {width:100vw;height:100%;object-fit: cover;transform: scale(1.2);transition: 5s;}
.fs_main_visual .swiper .swiper-slide:after {content:"";position: absolute;left:0;top:0;z-index:1;width: 100%;height: 100%;
	background-image: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.3) 0%,
		rgba(0, 0, 0, 0.3) 1%,
		rgba(0, 0, 0, 0) 100%
	);
}
.fs_main_visual .swiper .swiper-slide .main_visual_text {position:absolute;left:50%;top:50%;z-index:2;width:clamp(0px,95%,140rem);transform: translate(-50%,-50%);}
.fs_main_visual .swiper .swiper-slide .main_visual_text span {display:block;color:#fff;line-height:1.4;}
.fs_main_visual .swiper .swiper-slide .main_visual_text span.sta {opacity: 0;font-family: 'GongGothic', sans-serif;font-weight: 300;font-size:3rem;transform: translateY(150%);transition: 2s;}
.fs_main_visual .swiper .swiper-slide .main_visual_text span.stb {opacity: 0;font-family: 'GongGothic', sans-serif;font-weight: 400;font-size:6rem;margin-top:1.5rem;transform: translateY(100%);transition: 2s;transition-delay: 0.5s;}
.fs_main_visual .swiper .swiper-slide.swiper-slide-active > img {transform: scale(1);}
.fs_main_visual .swiper .swiper-slide.swiper-slide-active span.sta {opacity:1;transform: translateY(0);}
.fs_main_visual .swiper .swiper-slide.swiper-slide-active span.stb {opacity:1;transform: translateY(0);}
	/* 컨트롤 */
	.fs_main_visual .mvis_controll_box {position:absolute;bottom:21rem;left:50%;transform:translateX(-50%);z-index:1;width:clamp(0px,95%,140rem);display:flex;align-items:center;}
	.fs_main_visual .mvis_controll_box .play_box {display: flex;flex-wrap:wrap;column-gap:1rem;}
	.fs_main_visual .mvis_controll_box .play_box a {display:inline-flex;align-items: center;justify-content: center;color:#fff;text-decoration: none;}
	.fs_main_visual .mvis_controll_box .play_box .swiper-pagination {position:static;width:auto;color:#fff;}
	.fs_main_visual .mvis_controll_box .play_box .swiper-pagination .swiper-pagination-current {font-weight: 700;}
	.fs_main_visual .mvis_controll_box .play_box .swiper-pagination .swiper-pagination-total {font-weight: 400;}
	.fs_main_visual .mvis_controll_box .play_box .bt {display: flex;align-items: center;width: 100%;gap:1rem;}
	.fs_main_visual .mvis_controll_box .play_box .bt .progressbar {position: relative;width: 24.7rem;height: 1px;background: rgba(255, 255, 255, 0.3);overflow: hidden;display: inline-block;vertical-align: middle;}
	.fs_main_visual .mvis_controll_box .play_box .bt .progressbar .bar {width: 0;height: 100%;background: #fff;animation: progressBar 5s linear infinite;}
	@keyframes progressBar {
		0% { width: 0; }
		100% { width: 100%; }
	}
	.fs_main_visual .mvis_controll_box .play_box .prev0 {margin-right:-1px;width: 4rem;height: 4rem;border-radius: 100%;border:1px solid #fff;}
	.fs_main_visual .mvis_controll_box .play_box .prev0 img {}
	.fs_main_visual .mvis_controll_box .play_box .playStopButton0 {}
	.fs_main_visual .mvis_controll_box .play_box .playStopButton0.play {}
	.fs_main_visual .mvis_controll_box .play_box .playStopButton0.stop {}
	.fs_main_visual .mvis_controll_box .play_box .next0 {margin-left:-1px;width: 4rem;height: 4rem;border-radius: 100%;border:1px solid #fff;}
	.fs_main_visual .mvis_controll_box .play_box .next0 img {}
	@media only screen and (max-width:1023px){
		.fs_main_visual .swiper {height:70vh;}
		.fs_main_visual .swiper .swiper-slide {height:70vh;}
		.fs_main_visual .swiper .swiper-slide .main_visual_text span.sta img {width: 51.8rem;}

		.fs_main_visual .mvis_controll_box {bottom:5rem;}
	}
	@media only screen and (max-width:767px){
		.fs_main_visual .swiper {height:50vh;}
		.fs_main_visual .swiper .swiper-slide {height:50vh;}
		.fs_main_visual .swiper .swiper-slide .main_visual_text span.sta img {width: 51.8rem;}
	}


/* 컨텐츠 시작 */
.fs_main_contents {padding:7.5rem 0 11rem 0;}
.fs_main_contents:after {content:"";display: block;clear: both;}
/* 공통 */
.con_tit {position:relative;display:inline-block;margin-bottom:3rem;padding-right:1.8rem;font-size:2.8rem;color:#333;font-family: 'GongGothic', sans-serif;font-weight: 400;}
.con_tit em {color:#ea562b;font-family: 'GongGothic', sans-serif;font-weight: 400;}
.con_tit:after {content:"";display:block;position:absolute;right:0;bottom:0;width: 1rem;aspect-ratio: 1/1;background: #e43935;border-radius: 100%;}

[class^="con_box"] .mvis_controll_box {position: absolute;right:2.5rem;top:0;z-index: 1;}
[class^="con_box"] .mvis_controll_box .play_box {}
[class^="con_box"] .mvis_controll_box .play_box a {display:inline-grid;place-items:center;width: 3.1rem;height: 3.1rem;border-radius: 5px;border:1px solid #e7e7e7;text-decoration: none;transition: 0.4s;}
[class^="con_box"] .mvis_controll_box .play_box a:is(:hover,:focus,:active) {border:1px solid #333;}
[class^="con_box"] .mvis_controll_box .play_box .prev1 {}
[class^="con_box"] .mvis_controll_box .play_box .playStopButton {}
[class^="con_box"] .mvis_controll_box .play_box .playStopButton.play {background:url("./../../images/fs/main/btn_stop.png") no-repeat center center;}
[class^="con_box"] .mvis_controll_box .play_box .playStopButton.stop {background:url("./../../images/fs/main/btn_play.png") no-repeat center center;}
[class^="con_box"] .mvis_controll_box .play_box .next1 {}
[class^="con_box"] .mvis_controll_box .play_box .more {position: relative;}
	@media only screen and (max-width:1023px){
		[class^="con_box"] .mvis_controll_box {right:0;}
	}

.more1 {opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center;position: absolute;right: -2rem;bottom: -2rem;z-index:2;width:8.9rem;height:8.9rem;font-size:0;background: #fff;border-radius: 20px;transition: 0.6s;transform: translate(50%,50%);}
.more1:before {content:"";display:block;position: absolute;right: 1.9rem;top:-2.6rem;width:3.4rem;height:2.7rem;background:url("./../../images/fs/main/more_bg1.png") no-repeat center center;}
.more1:after {content:"";display:block;position: absolute;left: -3.3rem;top:4.4rem;width:3.4rem;height:2.7rem;background:url("./../../images/fs/main/more_bg1.png") no-repeat center center;}
.more1 img {width: 5rem;transform:translate(-0.5rem,-0.5rem);filter: brightness(0) saturate(100%) invert(73%) sepia(9%) saturate(1825%) hue-rotate(115deg) brightness(91%) contrast(89%);transition: 0.6s;}

/* 공지사항 */
.con_box1 {position: relative;float: left;width: 50%;padding-right: 2.5rem;}
.con_box1 .main_notice_box_wrap {position:relative;height: 180px;border-top:1px solid #e7e7e7;}
.con_box1 .main_notice_box_wrap .swiper-slide {}
.con_box1 .main_notice_box_wrap .swiper-slide a {position:relative;z-index:0;display: flex;justify-content: space-between;padding:2rem;border-bottom:1px solid #e7e7e7;text-decoration: none;}
.con_box1 .main_notice_box_wrap .swiper-slide a:after {content:"";position:absolute;left:0;bottom:0;z-index:-1;width: 0;height: 100%;background: #f0f0f0;transition: 0.4s;}
.con_box1 .main_notice_box_wrap .swiper-slide a:is(:hover,:focus,:active):after {width: 100%;}
.con_box1 .main_notice_box_wrap .swiper-slide a > span {font-size:1.8rem;font-weight:600;color:#333;}
.con_box1 .main_notice_box_wrap .swiper-slide a .ellipsis1 {width: 80%;}
.con_box1 .main_notice_box_wrap .swiper-slide a .new {color:#e43935;}
.con_box1 .main_notice_box_wrap .swiper-slide a .date {color:#616161;font-weight:300;}
.con_box1 .main_notice_box_wrap .swiper-slide span {}
.con_box1 .link {display: flex;gap:1.5rem;margin-top:2rem;}
.con_box1 .link li {flex-grow: 1;}
.con_box1 .link li a {position:relative;padding:2rem;color:#333;display: flex;align-items:center;justify-content: center;gap:2rem;font-size:1.8rem;border-radius: 10px;background: #ea562b;font-weight:600;}
/*.con_box1 .link li a {position:relative;padding:2rem;color:#333;display: flex;align-items:center;justify-content: center;gap:2rem;font-size:1.8rem;border-radius: 10px;background: #ffd655;font-weight:600;}*/
.con_box1 .link li a:after {content:"";position: absolute;left:0;top:0;width:100%;height:100%;border:0 solid #333;border-radius: 10px;transition: 0.2s;}
.con_box1 .link li:nth-child(1) a {color:#fff;}
.con_box1 .link li:nth-child(2) a {background: #b1e7ee;}
/*.con_box1 .link li:nth-child(3) a {background: #e43935;}*/
.con_box1 .link li:nth-child(3) a {background: #ffda00;}
/*.con_box1 .link li:last-child a {color:#fff;}*/
.con_box1 .link li a span {display:grid;place-items:center;width: 7.2rem;aspect-ratio: 1/1;background: #fff;border-radius: 100%;transition: 0.4s;}
.con_box1 .link li a:is(:hover,:focus,:active):after {border:4px solid #333;}
.con_box1 .link li a:is(:hover,:focus,:active) span {transform: scale(1.1,1.1);}
	@media only screen and (max-width:1023px){
		.con_box1 {float: none;width: 100%;padding-right: 0;}
	}
	@media only screen and (max-width:767px){
		.con_box1 .link {flex-direction: column;}
	}

/* 행사소식 */
.con_box2 {position: relative;float: left;width: 50%;padding-left: 2.5rem;}
.con_box2 .main_events_box_wrap {}
.con_box2 .main_events_box_wrap .swiper-slide {}
.con_box2 .main_events_box_wrap .swiper-slide a {display: flex;gap:3rem;text-decoration: none;}
.con_box2 .main_events_box_wrap .swiper-slide a .img {flex-shrink:0;position:relative;display:flex;overflow:hidden;width: 34rem;height: 31rem;border-radius: 20px;background:#333;transition: 0.4s;}
.con_box2 .main_events_box_wrap .swiper-slide a .img img {position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);transition: 0.4s;}
.con_box2 .main_events_box_wrap .swiper-slide a .img .more {display:block;position: absolute;right:-8rem;bottom:-8rem;z-index: 1;width:8rem;aspect-ratio:1/1;background:url("./../../images/fs/main/more_bg.png") no-repeat left -2px top -2px;transition: 0.4s;}
.con_box2 .main_events_box_wrap .swiper-slide a .img .more span {display:inline-grid;place-items:center;position: absolute;right:0;bottom:0;width:5.1rem;aspect-ratio:1/1;background: #333;border-radius: 100%;color:#fff;}
.con_box2 .main_events_box_wrap .swiper-slide a .text_box {display: flex;flex-direction: column;}
.con_box2 .main_events_box_wrap .swiper-slide a .text_box .tit {display: block;font-size:2.4rem;color:#333;font-weight:700;border-bottom:1px solid #e7e7e7;margin-bottom:2rem;padding-bottom:2rem;}
.con_box2 .main_events_box_wrap .swiper-slide a .text_box .sp1 {display: block;font-size:1.8rem;color:#616161;}
.con_box2 .main_events_box_wrap .swiper-slide a .text_box .sp1 + .sp1 {margin-top:2rem;}
.con_box2 .main_events_box_wrap .swiper-slide a .text_box .sp1 strong {color:#333;}
.con_box2 .main_events_box_wrap .swiper-slide a .text_box .sp1 strong img {width: 2rem;}
.con_box2 .main_events_box_wrap .swiper-slide a .text_box .more {height: 6rem;background: #ea562b;margin-top:auto;display: inline-grid;place-items: center;color:#fff;border-radius: 1rem;transition: 0.4s;}
.con_box2 .main_events_box_wrap .swiper-slide a:is(:hover,:focus,:active) .img {border-radius: 20px 20px 0 20px;}
.con_box2 .main_events_box_wrap .swiper-slide a:is(:hover,:focus,:active) .img img {transform: translate(-50%,-50%) scale(1.2,1.2);opacity: 0.5;}
.con_box2 .main_events_box_wrap .swiper-slide a:is(:hover,:focus,:active) .img .more {right:0;bottom:0;}
.con_box2 .main_events_box_wrap .swiper-slide a:is(:hover,:focus,:active) .text_box .more {background: #333;}
	@media only screen and (max-width:1199px){
		.con_box2 .main_events_box_wrap .swiper-slide a .img {width: 24rem;height: 31rem;}
	}
	@media only screen and (max-width:1023px){
		.con_box2 {float: none;width: 100%;padding-left: 0;margin-top:6rem;}
		.con_box2 .main_events_box_wrap .swiper-slide a .img {margin-left:1px;width: 50%;height: auto;aspect-ratio: 1/1;}
		.con_box2 .main_events_box_wrap .swiper-slide a .img img {width: 100%;}
		.con_box2 .main_events_box_wrap .swiper-slide a .img .more {background:url("./../../images/fs/main/more_bg.png") no-repeat left -12px top -12px;}
		.con_box2 .main_events_box_wrap .swiper-slide a .text_box {width: 50%;}
	}
	@media only screen and (max-width:479px){
		.con_box2 .main_events_box_wrap .swiper-slide a {flex-direction: column;}
		.con_box2 .main_events_box_wrap .swiper-slide a .img {width: 100%;}
		.con_box2 .main_events_box_wrap .swiper-slide a .text_box {width: 100%;}
		.con_box2 .main_events_box_wrap .swiper-slide a .text_box .more {margin-top:2rem;}
	}