@charset "utf-8";

#fs_container_wrap {}

/* 비주얼 */
.fs_main_visual {position:relative;width:100%;height:100%;}
.fs_main_visual .slides01 {display:inline-block;width:100%;height:100%;}
.fs_main_visual .slides01 > li {display:table;width:100%;}
.fs_main_visual .slides01 > li .main_visual_text {position:relative;display:table-cell;vertical-align:middle;padding:0 160px 0 400px;color:#fff;}
.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list {position:relative;padding-bottom:60px;word-break: keep-all;}
.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list:after {content:'';position:absolute;left:0;bottom:0;width:80px;height:3px;background:#fff;animation-delay:.4s;animation-duration:1s;}
.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list p {opacity:0;}
.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list div {opacity:0;}
.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list .sta {font-weight:800;color:#6eb9ff;font-size:20px;animation-duration:1s;}
.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list .stb {margin-top:20px;font-size:60px;line-height:76px;font-weight:400;animation-delay:.6s;animation-duration:1s;}
.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list .stb span {font-weight:900;}
.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list .stc {margin-top:30px;font-size:20px;font-weight:500;line-height:30px;animation-delay:.6s;animation-duration:1s;}
.fs_main_visual .slides01 > li .main_visual_text .mtxt_box a.btn_more {opacity:0;animation-delay:1.4s;animation-duration:1s;position:relative;display:inline-block;margin-top:60px;padding:0 100px 0 30px;height:55px;line-height:55px;border:2px solid #fff;border-radius:50px;transition:all .4s;-webkit-transition:all .4s;}
.fs_main_visual .slides01 > li .main_visual_text .mtxt_box a.btn_more:hover {background:rgba(0,0,0,.5);}
.fs_main_visual .slides01 > li .main_visual_text .mtxt_box a.btn_more:after {content:'';position:absolute;right:35px;top:0;bottom:0;margin:auto;background:url(/images/fs/layout/btn_more.png) no-repeat center;width:27px;height:7px;transition:all .4s;-webkit-transition:all .4s;}
.fs_main_visual .slides01 > li .main_visual_text .mtxt_box a.btn_more:hover:after {right:30px;}

/* 배경 백그라운드*/
#section1 .fs_main_visual .slides01 > li {background:url(/images/fs/main/mvis01.jpg) no-repeat center;height:100%;background-size: cover !important;}
#section2 .fs_main_visual .slides01 > li {background:url(/images/fs/main/mvis02.jpg) no-repeat center;height:100%;background-size: cover !important;}
#section2 .fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list .stc {}
#section2 .fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list .stc span {display:inline-grid;place-items:center;margin-right:5px;height:44px;padding:0 25px;background: #346ed4;font-size:18px;font-weight:400;border-radius: 10px 10px 0 10px;}
#section3 .fs_main_visual .slides01 > li {background:url(/images/fs/main/mvis03.jpg) no-repeat center;height:100%;background-size: cover !important;}
#section3 .fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list .stb span {display: block;}
#section4 .fs_main_visual .slides01 > li {background:url(/images/fs/main/mvis04.jpg) no-repeat center;height:100%;background-size: cover !important;}
#section4 .fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list .stb span {display: block;}
#section4 .fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list .stc {font-weight: 400;}

/*스크롤다운 애니메이션*/
#fp-nav {}
.scroll-downs {position:absolute;bottom:40px;left:0;right:0;margin:auto;width:54px;height:auto;padding-top:50px;}
.scroll-downs span {position: absolute;top:0;left:0;right:0;margin:auto;transform: rotate(90deg);color:#fff;font-size:12px;font-weight:300;opacity:.5;}
.mousey {position:relative;margin:auto;width:3px;padding:3px 8px;height:30px;border:1px solid #fff;border-radius:20px;box-sizing: content-box;}
/*.mousey:before {content:'';position:absolute;left:0;right:0;top:-20px;margin:auto;width:1px;height:20px;background:#fff;z-index: -1;}*/
	.scroller {
		width:2px;height:8px;border-radius:50px;background-color:#fff;
		animation-name:scroll;
		animation-duration:2.2s;
		animation-timing-function:cubic-bezier(.15,.41,.69,.94);
		animation-iteration-count:infinite;
	}
	@keyframes scroll {
		0% {opacity:0;}
		10% {transform:translateY(0);opacity: 1;}
		100% {transform:translateY(15px);opacity:0;}
	}


/* 컨텐츠 */
/*#section3 .fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list p {opacity:1;}*/
/*#section3 .fs_main_visual .slides01 > li .main_visual_text .mtxt_box {position:relative;margin-top:-300px;margin-right:300px;}*/
/*#section3 .fs_main_visual .slides01 > li .main_visual_text .mtxt_box a.btn_more {position:absolute;right:0;bottom:60px;}*/

#section3 .certf_box {position:relative;margin-top:30px;opacity:0;animation-delay:2s;animation-duration:1s;}
#section3 .certf_box .c_list {position:absolute;left:0;top:0;width:80%;}
#section3 .certf_box .c_list .imgbox {position:relative;display:inline-block;height:300px;padding:10px 0;text-align: center;}
#section3 .certf_box .c_list .imgbox img {max-height:100%;box-shadow:5px 10px 10px rgba(0,0,0,.3);aspect-ratio:3/4;max-width:220px;}
#section3 .certf_box .c_list button.slick-arrow {position:absolute;left:0;bottom:-50px;width:50px;height:50px;font-size:0;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.0);border-radius:50px;transition:all .4s;-webkit-transition:all .4s;}
#section3 .certf_box .c_list button.slick-arrow:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:5px;height:11px;background:url(/images/fs/layout/ico_arrow.png) no-repeat center;transition:all .4s;-webkit-transition:all .4s;}
#section3 .certf_box .c_list button.slick-arrow:hover {background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,1);}
#section3 .certf_box .c_list button.slick-arrow:hover:after {opacity: 1;}
#section3 .certf_box .c_list button.slick-next {left:60px;transform:rotate(180deg);}


	/* 반응형 */
	@media only screen and (max-width:1299px){
		.fs_main_visual .slides01 > li .main_visual_text {padding-left:30px;}
		.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list .stb {margin-top:10px;line-height:normal;}
		.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list .stc {margin-top:10px;}
		.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list {padding-bottom: 30px;}
		.fs_main_visual .slides01 > li .main_visual_text .mtxt_box a.btn_more {padding:0 80px 0 30px;}
		.fs_main_visual .slides01 > li .main_visual_text .mtxt_box a.btn_more:after {right:30px;}
		.fs_main_visual .slides01 > li .main_visual_text .mtxt_box a.btn_more:hover:after {right:25px;}

		#section3 .fs_main_visual .slides01 > li .main_visual_text .mtxt_box {margin-right:0;}
		#section3 .fs_main_visual .slides01 > li .main_visual_text .mtxt_box a.btn_more {position:relative;bottom:0;margin-top:30px;}
		#section3 .certf_box {}
		#section3 .certf_box .c_list .imgbox {height:250px;}
	}
	@media only screen and (max-width:1199px){
		.fs_main_visual .slides01 > li .main_visual_text {text-align:center;padding:0 30px;}
		.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list:after {right:0;margin:auto;}
		.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list .stb {font-size:50px;}

		#section3 .certf_box .c_list {right:0;margin:auto;width:90%;}
		#section3 .certf_box .c_list button.slick-arrow {margin:auto;}
		#section3 .certf_box .c_list button.slick-prev {right:60px;left:0;}
		#section3 .certf_box .c_list button.slick-next {right:0;left:60px;}
	}
	@media only screen and (max-width:767px){
		.scroll-downs {display:none;}

		.fs_main_visual .slides01 > li .main_visual_text {padding:0 15px;}
		.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list p {opacity:1;animation-duration:1s !important;}
		.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list .stb {font-size:40px;}
		.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list .stc {font-size:16px;line-height:26px;word-break: keep-all;}
		.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list .stc br {display:none;}
		.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list div.stc {display: flex;justify-content:center;flex-wrap: wrap;gap:10px;}
		.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list div.stc span {flex-basis: 40%;}
		#section2 .fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list .stc span {height:auto;padding:10px;}
		.fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list:after {}
		.fs_main_visual .slides01 > li .main_visual_text .mtxt_box a.btn_more {opacity:1;}

		#section3 .certf_box .c_list .imgbox img {margin:auto;text-align:center;}
		#section3 .fs_main_visual .slides01 > li .main_visual_text .mtxt_box a.btn_more {height:45px;line-height:45px;}
	}
	@media only screen and (max-width:560px){
		#section5 .fs_main_visual .slides01 > li .main_visual_text .mtxt_box .mtxt_list {margin-bottom:40px;}
		#section5 .fs_main_visual .slides01 > li .main_visual_text .mtxt_box a.btn_more {margin:10px 0 0 0;width:200px;}
	}
