@charset "utf-8";

#fs_container_wrap {}

/* 비주얼 */
.fs_main_visual {position:relative;display:block;overflow:hidden;max-width:100%;height:90rem;}
.fs_main_visual .slides01 {position:relative;}
.fs_main_visual .slides01 .mvis {position:relative;z-index:10;height:90rem;animation-duration: 1s;animation-delay: 0.2s;-webkit-animation-duration: 1s;-webkit-animation-delay: 0.2s;}
.fs_main_visual .slides01 .mvis .main_visual_text {display:block;height:30rem;background:url(./../../images/fs/main/mvis_txtbg.png) no-repeat center;opacity: 0;transform: translateX(20px);transition: opacity 0.8s ease, transform 0.8s ease;will-change: opacity, transform;}
.fs_main_visual .slides01 .mvis .main_visual_text.fade-in {opacity: 1;transform: translateX(0);}
.fs_main_visual .slides01 .mvis .main_visual_text .txtbox {padding-top:8.5rem;max-width:140rem;margin:auto;}
.fs_main_visual .slides01 .mvis .main_visual_text .txtbox .sta {line-height:1.1;font-size:8.2rem;color:#2f3240;font-weight:800;}
.fs_main_visual .slides01 .mvis .main_visual_text .txtbox .sta strong {color:#12887a;}
.fs_main_visual .slides01 .mvis .main_visual_text .txtbox .sta span {font-size:4.1rem;}
.fs_main_visual .slides01 .mvis .main_visual_text .txtbox .stb {display:block;font-size:4rem;font-weight:200;color:#2f3240;}
.fs_main_visual .slides01 .mvis .mvis_imgbox {display:block;width:100%;height:60rem;}
/* .fs_main_visual .slides01 .mvis.mvis01 .mvis_imgbox {background:url(./../../images/fs/main/mvis01.jpg) no-repeat center}
.fs_main_visual .slides01 .mvis.mvis02 .mvis_imgbox {background:url(./../../images/fs/main/mvis02.jpg) no-repeat center} */
.fs_main_visual .slides01 .slick-dots {position:absolute;top:0;right:0;left:0;max-width:140rem;margin:auto;}

	/* 메인비주얼 컨트롤 - 좌/우 */
	.fs_main_visual .mvis_controll_box {position:absolute;z-index:50;width:100%;max-width:140rem;height:60rem;left:0;right:0;margin:auto;bottom:0;z-index:50;}
	.fs_main_visual .mvis_controll_box > a {position:absolute;left:0;height:100px;width:9.5rem;top:0;bottom:0;margin:auto;background:none;font-size:0;cursor:pointer;}
	.fs_main_visual .mvis_controll_box > a a {display:block;width:100%;height:100%;}
	.fs_main_visual .mvis_controll_box > a:before {content:'';position:absolute;left:0;right:0;margin:auto;top:0;width:4px;height:6rem;background:#fff;transform:rotate(45deg);transition:0.4s;}
	.fs_main_visual .mvis_controll_box > a:after {content:'';position:absolute;left:0;right:0;margin:auto;bottom:0;width:4px;height:6rem;background:#fff;transform:rotate(-45deg);transition:0.4s;}
	.fs_main_visual .mvis_controll_box > a:hover:before,
	.fs_main_visual .mvis_controll_box > a:hover:after {background:#12887a;}
	.fs_main_visual .mvis_controll_box > a.mvis_next {left:unset;right:0;}
	.fs_main_visual .mvis_controll_box > a.mvis_next:before {transform:rotate(-45deg);}
	.fs_main_visual .mvis_controll_box > a.mvis_next:after {transform:rotate(45deg);}

	/* 메인비주얼 컨트롤 - active */
	.fs_main_visual .bx-controls {display:flex;position:absolute;left:0;right:0;top:24rem;margin:auto;max-width:140rem;}
	.fs_main_visual .bx-controls .bx-pager {display:flex;align-items:center;}
	.fs_main_visual .bx-controls .bx-pager .bx-pager-item {margin:0 1px;width:36px;height:2px;font-size:0;}
	.fs_main_visual .bx-controls .bx-pager .bx-pager-item a {display:block;height:100%;background:#2f3240;opacity:.2;transition:0.4s;}
	.fs_main_visual .bx-controls .bx-pager .bx-pager-item a.active {background:#12887a;opacity:1;}
	.fs_main_visual .bx-controls .bx-controls-auto {display:inline-block;margin-left:10px}
	.fs_main_visual .bx-controls .bx-controls-auto .bx-controls-auto-item {font-size:0;}
	.fs_main_visual .bx-controls .bx-controls-auto .bx-controls-auto-item a {display:block;width:24px;height:24px;}
	.fs_main_visual .bx-controls .bx-controls-auto .bx-controls-auto-item a.active {}
	.fs_main_visual .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-start {background:url(./../../images/fs/main/mvis_start.png) no-repeat center;}
	.fs_main_visual .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop {background:url(./../../images/fs/main/mvis_stop.png) no-repeat center;}

	/* 반응형 */
	@media only screen and (max-width:1399px){
		.conbox {padding:0 30px;}
		/* 메인비주얼 */
		.fs_main_visual .slides01 .mvis .main_visual_text .txtbox {padding-left:3rem;}
		.fs_main_visual .bx-controls {left:30px;}
	}
	@media only screen and (max-width:1023px){
		/* 메인비주얼 */
		.fs_main_visual {height:auto;}
		.fs_main_visual .slides01 .mvis .main_visual_text .txtbox .sta {font-size:6rem;}
		.fs_main_visual .slides01 .mvis .main_visual_text .txtbox .sta em {font-size:inherit;}
		.fs_main_visual .slides01 .mvis .main_visual_text .txtbox .stb {margin-top:10px;font-size:3.2rem;line-height:normal;}
		.fs_main_visual .mvis_controll_box > a:before {top:5px;}
		.fs_main_visual .mvis_controll_box > a:after {bottom:5px;}
	}
	@media only screen and (max-width:767px){
		.fs_main_visual .slides01 .mvis {height:auto;}
		.fs_main_visual .slides01 .mvis .main_visual_text .txtbox {padding-top:7.5rem;}
		.fs_main_visual .slides01 .mvis .main_visual_text .txtbox .sta {font-size:4.6rem;}
		.fs_main_visual .slides01 .mvis .main_visual_text .txtbox .sta .stit {display:block;}
		.fs_main_visual .slides01 .mvis .main_visual_text .txtbox .stb {font-size:2.8rem;}
		.fs_main_visual .mvis_controll_box > a:before {top:10px;}
		.fs_main_visual .mvis_controll_box > a:after {bottom:10px;}

	}

	/* 컨텐츠 시작 */
.fs_main_contents {}
.conbox {max-width:140rem;margin:auto;word-break: keep-all;}

/* Product info */
.mcon1 {margin-top:6rem;padding-bottom:28rem;background:url(./../../images/fs/main/mcon1_bg.jpg) no-repeat center bottom;}
.mcon1 .conbox {display:flex;flex-wrap:wrap;}
.mcon1 .titbox {width:45%;margin-top:5rem;}
.mcon1 .titbox .mtitle {font-size:6rem;color:#2f3240;font-weight:900;line-height:normal;}
.mcon1 .titbox .m_stit {margin-top:3.5rem;font-size:2rem;color:#2f3240;font-weight:500;line-height:1.5;}
.mcon1 .imgbox {width:55%;height:auto;}
.mcon1 .imgbox .sliderbox {display:block;width:100%;height:auto;padding:1rem 5rem 6rem 3rem }
.mcon1 .imgbox .sliderbox .swiper-wrapper {height:auto;aspect-ratio:4/3;}
.mcon1 .imgbox .sliderbox .swiper-wrapper .swiper-slide {border-radius:3rem 6rem 3rem 6rem;box-shadow:10px 20px 25px rgba(47,50,64,.2);overflow:hidden;}
.mcon1 .imgbox .sliderbox .swiper-wrapper .swiper-slide img {width: 100%;}
.mcon1 .imgbox .sliderbox .swiper-wrapper .swiper-slide .p_info {position:absolute;left:0;bottom:0;background:#2f3240;padding:2rem 4rem;width:100%;font-size:1.9rem;color:#fff;font-weight:500;}
.mcon1 .imgbox .sliderbox .swiper-wrapper .swiper-slide .p_info .num {position:relative;display:inline-block;color:#12887a;font-weight:bold;padding-right:2rem;}
.mcon1 .imgbox .sliderbox .swiper-wrapper .swiper-slide .p_info .num:after {content:'';position:absolute;right:10px;top:0;bottom:0;margin:auto;background:#616a75;width:1px;height:14px;}
.btn_more {display:block;text-align:left;margin-top:6rem;padding:2rem 3rem;width:20rem;box-shadow:10px 10px 30px rgba(47,50,64,.1);background:url(./../../images/fs/main/btn_more.png) no-repeat center right 30px;transition:0.4s;}
.btn_more:hover {background-position:center right 25px;}
.btn_more span {font-size:13px;font-weight:900;color:#2f3240;}
	/*컨트롤*/
	.mcon1 .swiper-button-next, .mcon1 .swiper-button-prev {top:calc(50% - 40px);width:50px;height:50px;background:#fff;border-radius:100px;border:1px solid #dee3ed;opacity:.8;transition:0.4s;}
	.mcon1 .swiper-button-next:hover, .mcon1 .swiper-button-prev:hover {opacity:1;}
	.mcon1 .swiper-button-next {right:25px;}
	.mcon1 .swiper-button-prev:after {content:'';position:absolute;width:100%;height:100%;background:url(./../../images/fs/main/ico_prev.png) no-repeat center;}
	.mcon1 .swiper-button-next:after {content:'';position:absolute;width:100%;height:100%;background:url(./../../images/fs/main/ico_next.png) no-repeat center;}
	.mcon1 .swiper-horizontal>.swiper-scrollbar, .mcon1 .swiper-scrollbar.swiper-scrollbar-horizontal {height:4px;left:0;right:0;bottom:10px;width:calc(100% - 80px);margin:auto;background:#c5c5c5;}
	.mcon1 .swiper-scrollbar-drag {top:-8px;height:19px;background:#12887a;}

.mcon2 .wrpbox {display:flex;text-align:center;flex-wrap:wrap;align-items:center;background:url(./../../images/fs/main/mcon2_bg00.jpg) no-repeat center;background-size: cover;}
.mcon2 .wrpbox > div {width:25%;display:flex;align-items:center;justify-content: center;height:90rem;}
.mcon2 .wrpbox > div .tcellbox {position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid;width: 100%;height: 100%;}
.mcon2 .wrpbox > div .tcellbox:after {content:"";opacity:0;display:block;position:absolute;left:50%;top:50%;z-index:-1;width:50%;height:50%;background:url(./../../images/fs/main/mcon2_bg01.jpg) no-repeat center / cover;transition: 0.4s;transform: translate(-50%,-50%);}
.mcon2 .wrpbox > div .tcellbox .title {color:#fff;font-size:4.5rem;font-weight:800;line-height: 1;}
.mcon2 .wrpbox > div .tcellbox .title span {font-size:1.6rem;display: block;font-weight:400;margin-bottom:2rem;}
.mcon2 .wrpbox > div .tcellbox .sinfo {opacity:0;margin-top:3rem;font-size:0;font-weight:500;color:#a9acaf;line-height:1.5;transition:0.4s;}
.mcon2 .wrpbox > div {}
.mcon2 .wrpbox > div .tcellbox:hover:after {opacity:1;background-image:url(./../../images/fs/main/mcon2_bg01.jpg);width:100%;height:100%;}
.mcon2 .wrpbox > div .tcellbox:hover .sinfo {opacity:1;font-size:1.8rem;}
.mcon2 .wrpbox > div:nth-child(2) .tcellbox:after {background-image:url(./../../images/fs/main/mcon2_bg02.jpg);}
.mcon2 .wrpbox > div:nth-child(2) .tcellbox:hover:after {background-image:url(./../../images/fs/main/mcon2_bg02.jpg);}
.mcon2 .wrpbox > div:nth-child(3) .tcellbox:after {background-image:url(./../../images/fs/main/mcon2_bg03.jpg);}
.mcon2 .wrpbox > div:nth-child(3) .tcellbox:hover:after {background-image:url(./../../images/fs/main/mcon2_bg03.jpg);}
.mcon2 .wrpbox > div:nth-child(4) .tcellbox:after {background-image:url(./../../images/fs/main/mcon2_bg04.jpg);}
.mcon2 .wrpbox > div:nth-child(4) .tcellbox:hover:after {background-image:url(./../../images/fs/main/mcon2_bg04.jpg);}
.mcon2 .btn_more {opacity:0;position:relative;display:inline-block;margin:-7rem auto 0;border:1px solid #a9acaf;background:none;text-align:left;transition:0.4s;}
.mcon2 .btn_more:after {content:'';position:absolute;right:30px;top:0;bottom:0;margin:auto;width:23px;height:2px;background:#a9acaf;transition:0.4s;}
.mcon2 .btn_more span {color:#a9acaf;}
.mcon2 .wrpbox .box .tcellbox:hover .btn_more {opacity:1;margin:7rem auto 0;}
.mcon2 .wrpbox .box .tcellbox:hover .btn_more:after {background:#fff;transform:rotate(180deg);}
.mcon2 .wrpbox .box .tcellbox:hover .btn_more span {color:#fff;}

.mcon3 {position:relative;padding-bottom:55rem;background:url(./../../images/fs/main/mcon3_bg01.jpg) no-repeat center bottom;}
.mcon3 .mapbox {width:100%;height:45rem;}
.mcon3 .mapbox iframe {width:100%;height:45rem;}
.mcon3 .infobox {position:absolute;top:14rem;left:0;right:0;max-width:140rem;margin:auto;z-index:1;color:#fff;}
.mcon3 .infobox .box {padding:10rem 8rem;width:100%;max-width:63.8rem;background:#12887a;box-shadow:10px 20px 25px rgba(47,50,64,.15);border-radius:30px 60px 30px 60px;}
.mcon3 .infobox .box .txtbox .i_tit {font-size:42px;font-weight:800;line-height:normal;}
.mcon3 .infobox .box1 .txtbox .c_list {margin-top:30px;}
.mcon3 .infobox .box1 .txtbox .c_list > li {display:flex;margin-bottom:2rem;font-size:1.8rem;}
.mcon3 .infobox .box1 .txtbox .c_list > li .stit {position:relative;display:inline-block;min-width:14rem;font-weight:bold;padding-left:3.3rem;}
.mcon3 .infobox .box1 .txtbox .c_list > li .stit:after {content:'';position:absolute;left:0;top:0;background:url(./../../images/fs/main/mcon3_ico01.png) no-repeat center;width:25px;height:25px;background-size:contain;}
.mcon3 .infobox .box1 .txtbox .c_list > li:nth-child(2) .stit:after {background:url(./../../images/fs/main/mcon3_ico02.png) no-repeat center;}
.mcon3 .infobox .box1 .txtbox .c_list > li:nth-child(3) .stit:after {background:url(./../../images/fs/main/mcon3_ico03.png) no-repeat center;}
.mcon3 .infobox .box2 {position:absolute;left:35%;top:60%;background:#fff;color:#2f3240;max-width:55.5rem;padding:8rem;}
.mcon3 .infobox .box2 .txtbox .i_tit {position:relative;line-height:1.3;padding-top:7rem;color:#2f3240;font-size:4.2rem;font-weight: 700;}
.mcon3 .infobox .box2 .txtbox .i_tit:after {content:'';position:absolute;left:0;top:0;background:url(./../../images/fs/main/mcon3_ico00.png) no-repeat center;width:65px;height:52px;}
.mcon3 .infobox .box2 .txtbox .i_tit span {display:block;font-size:2.1rem;font-weight: 600;}
.mcon3 .infobox .box2 .txtbox p {margin-top:15px;font-size:1.8rem;color:#767676;font-weight:400;}
.mcon3 .infobox .box2 .btn_more {margin-top:50px;}
.mcon3 .infobox .box2 .btn_more span {font-size:16px;font-weight:700;}
	/* 반응형 */
	@media only screen and (max-width:1399px){
		/* Product Info */
		.mcon1 .imgbox .sliderbox {}
	}
	@media only screen and (max-width:1199px){

	}
	@media only screen and (max-width:1023px){
		/* Product Info */
		.mcon1 {padding-bottom:120px;}
		.mcon1 .conbox {display:block;}
		.mcon1 .titbox {text-align: center;width:100%;}
		.mcon1 .titbox .m_stit br {display: none;}
		.mcon1 .btn_more {margin:6rem auto 0;}
		.mcon1 .imgbox {width:80%;margin:6rem auto 0;}

		.mcon2 .wrpbox {display:block;}
		.mcon2 .wrpbox > div {width:100%;background-size:cover;height:auto;}
		.mcon2 .wrpbox .leftbox,
		.mcon2 .wrpbox .rightbox {background-size:cover;}
		.mcon2 .wrpbox > div .tcellbox {padding:5rem 2rem;}
		.mcon2 .btn_more {margin:-9rem auto 0;}

		.mcon3 {padding-bottom:0;}
		.mcon3 .infobox {position:unset;display:flex;flex-wrap:wrap;border-bottom:1px solid #eee;}
		.mcon3 .infobox .box {display:flex;justify-content:center;align-items:center;width:50%;border-radius:0;padding:6rem 2rem;box-shadow:none;text-align:center;}
		.mcon3 .infobox .box .txtbox .i_tit {display:inline-block;position:relative;}
		.mcon3 .infobox .box .txtbox .i_tit:before {content:'';position:absolute;left:0;right:0;bottom:0;width:100%;height:2px;background:#fff;}
		.mcon3 .infobox .box1 .txtbox .c_list > li {text-align:left;margin-bottom:10px;font-size:16px;}
		.mcon3 .infobox .box2 {position:unset;}
		.mcon3 .infobox .box2 .txtbox .i_tit {padding-top:0;}
		.mcon3 .infobox .box2 .txtbox .i_tit:before {background:#2f3240;}
		.mcon3 .infobox .box2 .txtbox .i_tit:after {display:none;}
		.mcon3 .infobox .box2 .txtbox p {margin-top:30px;font-size:16px;}
		.mcon3 .infobox .box2 .btn_more {margin:40px auto 0;}

	}
	@media only screen and (max-width:767px){
		.conbox {padding:0 15px;}
		.mcon1 .imgbox {width:90%;}
		.mcon1 .imgbox .sliderbox {padding:10px 0 50px 0;overflow:visible;}
		.mcon1 .swiper-scrollbar-drag {top:-3px;height:9px;}
		.mcon1 .swiper-button-prev {left:-25px;}
		.mcon1 .swiper-button-next {right:-25px;}
		.mcon1 .swiper-horizontal>.swiper-scrollbar, .mcon1 .swiper-scrollbar.swiper-scrollbar-horizontal {width:90%;}

		.mcon3 {}
		.mcon3 .infobox {display:block;}
		.mcon3 .infobox .box {width:100% !important;max-width:unset;padding:40px 20px;}
		.mcon3 .infobox .box .txtbox .i_tit {padding:0;font-weight:900;}
	}
	@media only screen and (max-width:560px){
		.mcon1 .imgbox {width:100%;}
		.mcon1 .swiper-horizontal>.swiper-scrollbar, .mcon1 .swiper-scrollbar.swiper-scrollbar-horizontal {}

		.mcon2 .wrpbox > div .tcellbox .sinfo br {display:none;}

		.mcon3 .infobox .box1 .txtbox .c_list > li {display:block;text-align: center;}
		.mcon3 .infobox .box1 .txtbox .c_list > li .stit {padding-left:0;}
		.mcon3 .infobox .box1 .txtbox .c_list > li .stit:after {display:none;}
	}