@charset "utf-8";

.skip_snb_menu {display:none;}

#fs_container_wrap {}

/* 비주얼 */
.fs_main_visual {background:#000;position: relative;}
.fs_main_visual .mvisual {position:relative;height: 100vh;overflow:hidden;}
.fs_main_visual .mvisual .swiper-slide .bg {position:absolute;left:0;top:0;width: 100%;height:100%;display: flex;align-items: center;justify-content: center;background:#000;transition:all 3s;-webkit-transition:all 3s;}
.fs_main_visual .mvisual .swiper-slide.swiper-slide-active .bg {transform:scale(1.05);}
.fs_main_visual .mvisual .swiper-slide .mvis_txt {position: absolute;left:0;top:23%;padding-left:20rem;padding-right:6rem;line-height: 1.1;}
.fs_main_visual .mvisual .swiper-slide .mvis_txt .sta {position:relative;font-family: "Sen", sans-serif;font-size:4.6em;color:#fff;font-weight:600;}
.fs_main_visual .mvisual .swiper-slide .mvis_txt .sta:after {content:'';position:absolute;left:-20rem;top:0;bottom:0;margin:auto;width:180px;height:1px;background:#fff;}
.fs_main_visual .mvisual .swiper-slide .mvis_txt .stb {padding-top:2rem;font-size:1.5em;color:#fff;font-weight:500;}
/* 컨트롤 */
.fs_main_visual .mvis_ctrl {position:absolute;right:0;bottom:0;z-index: 1;width:48rem;height:11rem;background:#083b4f;border-radius:10px 0 0 0;padding:0 6rem;display:flex;align-items: center;justify-content: center;}
.fs_main_visual .mvis_ctrl .slide_play {cursor:pointer;width:14px;height:12px;font-size:0;background:url("/images/fs2/common/play.png") no-repeat bottom center;filter:brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(7500%) hue-rotate(293deg) brightness(109%) contrast(104%);transition:all .3s;-webkit-transition:all .3s;opacity:.5;}
.fs_main_visual .mvis_ctrl .slide_play.on {background-position-y:top;opacity:1;}
.fs_main_visual .mvis_ctrl .slide_play:is( :hover, :focus, :active) {opacity:1;}
.fs_main_visual .mvis_ctrl .custom-pagination {display: flex;align-items:center;justify-content:center;color:#fff;font-family: "Sen", sans-serif;font-size:1.4rem;padding:0 3rem;}
.fs_main_visual .mvis_ctrl .custom-pagination .progress__bar {position:relative;width:80%;max-width:170px;height:3px;margin:0 20px;background:rgba(255,255,255,.3);}
.fs_main_visual .mvis_ctrl .custom-pagination .progress__fill {position:absolute;inset:0;display:block;height: 100%;background:#fff;}
.fs_main_visual .mvis_ctrl .mvis_navi {position:absolute;width: 100%;max-width:30rem;}
.fs_main_visual .mvis_ctrl .mvis_navi .arrow {display: inline-block;width:11px;height:11px;position: absolute;top:0;bottom:0;margin:auto;cursor:pointer;}
.fs_main_visual .mvis_ctrl .mvis_navi .arrow:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("/images/fs2/layout/arrow-next.png") no-repeat center;width: 100%;height: 100%;opacity:.5;transition:all .3s;-webkit-transition:all .3s;}
.fs_main_visual .mvis_ctrl .mvis_navi .arrow:is(:hover, :focus, :active):after {opacity:1;}
.fs_main_visual .mvis_ctrl .mvis_navi .arrow.swiper-prev {left:12px;}
.fs_main_visual .mvis_ctrl .mvis_navi .arrow.swiper-prev:after {transform:rotate(180deg);}
.fs_main_visual .mvis_ctrl .mvis_navi .arrow.swiper-next {right:0;}

/* 마우스 */
.mousy {position: absolute;left:6rem;bottom:6rem;display:inline-block;background:url("/images/fs2/main/mousy.png") no-repeat center;width:19px;height:44px;z-index: 1;transition:all .3s;-webkit-transition:all .3s;animation:mousy 1.6s ease infinite;}
	@keyframes mousy {
		0% {opacity: .3;}
		100% {bottom:5rem;opacity: 1;}
	}

	@media only screen and (max-width:1199px){
		.fs_main_visual .mvisual .swiper-slide .mvis_txt {padding-right:3rem;}

		.mousy {left:3rem;}
	}
	@media only screen and (max-width:1023px){
		.fs_main_visual .mvisual .swiper-slide .mvis_txt {padding:0 1.5rem;text-align: center;}
		.fs_main_visual .mvisual .swiper-slide .mvis_txt .sta:after {display:none;}
	}
	@media only screen and (max-width:767px){
		.fs_main_visual .mvisual .swiper-slide .mvis_txt {top:40%;}
		.fs_main_visual .mvisual .swiper-slide .mvis_txt .sta {font-size:3.6em;}
		.fs_main_visual .mvis_ctrl {width:100%;max-width: unset;border-radius:10px 10px 0 0;height:6rem;padding:0 3rem;}
		.fs_main_visual .mvis_ctrl .custom-pagination {max-width:30rem;}
		.fs_main_visual .mvis_ctrl .mvis_navi .arrow.swiper-prev {left:22px;}
		.fs_main_visual .mvis_ctrl .mvis_navi .arrow.swiper-next {right:10px;}

		.mousy {bottom:10rem;left:0;right:0;margin:auto;}
		@keyframes mousy {
			0% {opacity: .3;}
			100% {bottom:8rem;opacity: 1;}
		}
	}
	@media only screen and (max-width:560px){
		.fs_main_visual .mvisual .swiper-slide .mvis_txt .sta {font-size:3em;}
	}


/* 컨텐츠 시작 */
.fs_main_contents {}
.con_box {}

[class^="cont0"] {margin-top:120px;overflow:hidden;}
.comm_padding {padding:120px 0;}
.mwrp {max-width:1480px;margin:auto;}
.tit_box .m-stit {position:relative;padding-top:11px;margin-bottom:40px;font-size:1.8rem;font-weight:800;font-family: "Sen", sans-serif;color:#222;}
.tit_box .m-stit:before {content:'';position:absolute;left:0;top:0;width:25px;height:1px;background:#222;}
.tit_box .m-tit strong {display:block;color:#000;font-size:3.25em;font-weight:900;margin-bottom:30px;}
.tit_box .m-tit p {font-size:1.25em;}

.btn_more {padding:0 20px;max-width:170px;line-height: 50px;border-radius:10px;font-weight:600;display:flex;align-items: center;justify-content:space-between;color:#000;background:#87ceeb;}
.btn_more:is(:hover, :focus, :active) {color:#fff;background:#062531;}
.btn_more:is(:hover, :focus, :active) img {filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(117deg) brightness(104%) contrast(102%);}
	@media only screen and (max-width:1479px){
		.mwrp {padding:0 3rem;}
	}
	@media only screen and (max-width:1199px){
		.comm_padding {padding:100px 0;}
	}
	@media only screen and (max-width:1023px){
		.tit_box {text-align: center;}
		.tit_box .m-tit strong {font-size:2.8em;margin-bottom:15px;}
		.tit_box .m-tit p {font-size:1.15em;}
		.tit_box .m-stit:before {right:0;margin:auto;}
	}
	@media only screen and (max-width:767px){
		.mwrp {padding:0 1.5rem;}
		.comm_padding {padding:80px 0;}

		.tit_box .m-tit strong {font-size:2.4em;}
	}

/* 제품소개 */
.cont01 {position:relative;margin-top:0;padding-bottom:0;}
.cont01:after {content:'';position:absolute;right:-3%;top:0;background:url("/images/fs2/main/cont1_bg.png") no-repeat right bottom;width:100rem;height:auto;aspect-ratio:1260/422;z-index: -1;opacity: .5;background-size:cover;}
.cont01 .swiper {margin-left:11%;}
.cont01 .product_slide {}
.cont01 .product_slide .swiper-slide {/*opacity: .4;*/transition:all .3s;-webkit-transition:all .3s;}
.cont01 .product_slide .swiper-slide a {position:relative;display:block;width: 100%;height:auto;aspect-ratio: 358/240;border:1px solid #ddd;border-radius:10px;overflow:hidden;}
.cont01 .product_slide .swiper-slide.swiper-slide-active,
.cont01 .product_slide .swiper-slide:is(:hover, :focus, :active) {opacity: 1;}
.cont01 .product_slide .swiper-slide .imgbox {padding:5px;width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
.cont01 .product_slide .swiper-slide .imgbox img {max-height:100%;width:auto;}
.cont01 .product_slide .swiper-slide .txtbox {position:absolute;bottom:-100px;left:0;padding:20px;background:#f5f5f5;width:100%;opacity:0;visibility:hidden;transition:all .3s;-webkit-transition:all .3s;}
.cont01 .product_slide .swiper-slide:is(:hover, :focus, :active) .txtbox {opacity:1;visibility: visible;bottom:0;}
.cont01 .product_slide .swiper-slide .txtbox .pname {color:#000;font-weight:bold;font-size:1.2em;}
/* 컨트롤 */
.cont01 .pslide_ctrl {margin:80px 0 60px;max-width:32rem;position: relative;display:flex;align-items: center;justify-content: center;}
.cont01 .pslide_ctrl .slide_play {cursor:pointer;width:14px;height:12px;font-size:0;background:url("/images/fs2/common/play.png") no-repeat bottom center;filter:brightness(0) saturate(100%) invert(13%) sepia(0%) saturate(143%) hue-rotate(99deg) brightness(99%) contrast(100%);}
.cont01 .pslide_ctrl .slide_play.on {background-position-y:top;opacity:1;}
.cont01 .pslide_ctrl .slide_play:is( :hover, :focus, :active) {opacity:1;}
.cont01 .pslide_ctrl .pcustom-pagination {display: flex;align-items:center;justify-content:center;color:#555;font-family: "Sen", sans-serif;font-size:1.4rem;padding:0 3rem;font-weight:bold;}
.cont01 .pslide_ctrl .pcustom-pagination .progress__bar {position:relative;width:80%;max-width:170px;height:3px;margin:0 20px;background:rgba(0,0,0,.25);}
.cont01 .pslide_ctrl .pcustom-pagination .progress__fill {position:absolute;inset:0;display:block;height: 100%;background:#000;}
.cont01 .pslide_ctrl .pslide_navi {position:absolute;width: 100%;max-width:30rem;}
.cont01 .pslide_ctrl .pslide_navi .arrow {display: inline-block;width:11px;height:11px;position: absolute;top:0;bottom:0;margin:auto;cursor:pointer;}
.cont01 .pslide_ctrl .pslide_navi .arrow:after {
	content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("/images/fs2/layout/arrow-next.png") no-repeat center;width: 100%;height: 100%;opacity:.5;transition:all .3s;-webkit-transition:all .3s;
	filter:brightness(0) saturate(100%) invert(13%) sepia(0%) saturate(143%) hue-rotate(99deg) brightness(99%) contrast(100%);}
.cont01 .pslide_ctrl .pslide_navi .arrow:is(:hover, :focus, :active):after {opacity:1;}
.cont01 .pslide_ctrl .pslide_navi .arrow.pswiper-prev {left:12px;}
.cont01 .pslide_ctrl .pslide_navi .arrow.pswiper-prev:after {transform:rotate(180deg);}
.cont01 .pslide_ctrl .pslide_navi .arrow.pswiper-next {right:0;}
	@media only screen and (max-width:1799px){
		.cont01 .swiper {margin:0 3rem;overflow:visible;}
	}
	@media only screen and (max-width:1479px){
		.cont01 .swiper {overflow:hidden;}
	}
	@media only screen and (max-width:1199px){
		.cont01:after {right:-10%;}
		.cont01 .product_slide .swiper-slide .txtbox .pname {font-size:1.2em;}
	}
	@media only screen and (max-width:1023px){
		.cont01:after {width:60rem;}
		.cont01 .swiper {margin:0 1.5em;}
		.cont01 .product_slide .swiper-slide .txtbox {text-align: center;bottom:0;visibility: visible;opacity: 1;padding:15px;}
		.cont01 .pslide_ctrl {margin:60px 0 30px;}
	}
	@media only screen and (max-width:767px){
		.cont01 .pslide_ctrl {margin:60px auto 30px;}
		.cont01 .product_slide .swiper-slide a {width: 99%;margin:auto;}

	}


/* 주요거래처 */
.cont04 {background:#f5f5f5;}
.cont04 .m-stit:before {right:0;margin:auto;}
.cont04 .clients_list {display:flex;flex-wrap:wrap;gap:20px;}
.cont04 .clients_list li {width:calc((100% - 80px)/5);background:#fff;border-radius:10px;border:1px solid #ddd;text-align: center;height:106px;overflow:hidden;}
.cont04 .clients_list li a {display:block;width: 100%;height:100%;display:flex;align-items: center;justify-content: center;}
.cont04 .clients_list li img {width:auto;max-width:90%;max-height: 90%;}
.cont04 .btn_more {margin:auto;}
	@media only screen and (max-width:1023px){
		.cont04 .clients_list {gap:10px;}
		.cont04 .clients_list li {width:calc((100% - 20px)/3);}
	}
	@media only screen and (max-width:767px){
		.cont04 .clients_list li {height:80px;padding:10px 0;}
		.cont04 .clients_list li img {max-width:80%;margin:10px;}
	}
	@media only screen and (max-width:560px){
		.cont04 .clients_list li {width:calc((100% - 10px)/2);}
		.cont04 .clients_list li:nth-of-type(n+9) {display: none;}
	}

/* 문의하기 */
.cont05 {position:relative;background:#000;overflow: hidden;margin-top:0;}
.cont05:before {content:'';position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:100%;height:100%;background: url("/images/fs2/main/cont5_bg.png") no-repeat center;opacity:.3;}
.cont05 .mwrp {position: relative;z-index: 1;}
.cont05 .title {max-width:50%;color:#fff;font-size:2.25em;font-weight:bold;text-wrap:balance;line-height: 1.4;}
	@media only screen and (max-width:1023px){
		.cont05 .title {max-width:100%;text-align: center;font-size:2em;}
		.cont05 .btn_more {margin:30px auto 0;}
	}