@charset "utf-8";

.skip_snb_menu {display:none;}

#fs_container_wrap {}

/* 비주얼 */
.fs_main_visual {position:relative;display:block;width:100%;height:100vh;text-align: center;}
.fs_main_visual .mvisual .mvis .bg {position:absolute;left:0;top:0;width:100%;height:100%;/* background:url("/images/fs/main/mvisual01.png") no-repeat right 20% center; */background-size:cover;}
.fs_main_visual .mvisual .mvis02 .bg {/* background:url("/images/fs/main/mvisual02.png") no-repeat right 20% center; */background-size:cover;}
.fs_main_visual .mvisual .mvis .flexbox {position:relative;width:100%;height:100vh;display:flex;align-items: center;}
.fs_main_visual .mvisual .mvis .mvis_txt {position: relative;width:100%;max-width:1400px;margin:auto;text-align:left;}
.fs_main_visual .mvisual .mvis .mvis_txt .sta {font-size:3em;color:#fff;font-weight:lighter;text-shadow: 0 5px 10px rgba(47, 78, 50, 0.15);}
.fs_main_visual .mvisual .mvis .mvis_txt .sta .cr_baige {color:#ffeab6;}
.fs_main_visual .mvisual .mvis .mvis_txt .stb {display:inline-block;padding:7px 20px;color:#fff;background:#b3a486;margin-top:50px;font-size:1.1em;font-weight:500;}
.fs_main_visual .mvisual .mvis .mvis_txt .stb em {display:inline-block;color:#505043;font-family:inherit;}
.fs_main_visual .dots {position: absolute;left:0;right:0;bottom:23%;width:100%;max-width:1400px;margin:auto;text-align: left;}
.fs_main_visual .dots .slick-dots {display:flex;gap:7px;}
.fs_main_visual .dots .slick-dots li {display:inline-block;width:10px;height:10px;border:1px solid #fff;border-radius:20px;}
.fs_main_visual .dots .slick-dots li.slick-active {background:#fff;}
.fs_main_visual .dots .slick-dots li button {display:block;width:100%;height:100%;background:none;font-size:0;}

/* 컨텐츠 시작 */
.fs_main_contents {margin-top:120px;}
.con_box {}

	/* 반응형 */
	@media only screen and (max-width:1399px){
		.fs_main_visual .mvisual .mvis .mvis_txt,
		.fs_main_visual .dots {padding:0 30px;}
	}
	@media only screen and (max-width:1299px){
		.fs_main_visual .mvisual .mvis .mvis_txt .sta {font-size:3em;}
	}
	@media only screen and (max-width:1023px){
		.fs_main_visual .mvisual .mvis .bg {background-position:right 10% center;}
		.fs_main_visual .mvisual .mvis .bg:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);}
		.fs_main_visual .mvisual .mvis .mvis_txt .sta {font-size:2.6em;font-weight:400;}
		.fs_main_visual .mvisual .mvis .mvis_txt .stb {font-size:1em;margin-top:30px;}
	}
	@media only screen and (max-width:767px){
		.fs_main_visual .mvisual .mvis .mvis_txt {max-width: 767px;padding:0 15px;text-align: center;}
		.fs_main_visual .mvisual .mvis .mvis_txt .sta {font-size:2em;line-height: 1.5em;}
		.fs_main_visual .mvisual .mvis .mvis_txt .sta br {display: none;}
		.fs_main_visual .dots .slick-dots {justify-content: center;}
	}
	@media only screen and (max-width:560px){
		.fs_main_visual .mvisual .mvis .mvis_txt .sta {font-size:1.8em;}
		.fs_main_visual .dots {bottom:10%;}
	}
/* -------------------- 연구개발 R&D */
.mcon1 {position:relative;text-align: center;}
.mcon1 .title {position:relative;display:flex;justify-content:center;align-items:center;width:211px;height:auto;aspect-ratio: 1/1;background:#2da7ed;border-radius:50%;color:#fff;margin:auto;}
.mcon1 .title span {font-size:1.8em;font-weight: lighter;line-height: 1.4em;}
.mcon1 .title span strong {display:block;font-weight:bold;font-size:1.5em;}
.mcon1 .title .bg {position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;margin:auto;background:#2da7ed;opacity: .6;border-radius: 50%;width:110%;height:auto;aspect-ratio: 1/1;z-index: -1;}
.mcon1 .title .bg:after {content:'';position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;margin:auto;background:#2da7ed;opacity: .3;border-radius: 50%;width:115%;height:auto;aspect-ratio: 1/1;z-index: -1;}
.mcon1 .flexbox {position:relative;display: flex;flex-wrap:wrap;align-items: flex-start;}
.mcon1 .flexbox:before {content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;width:1px;height:100%;background:#2da7ed;}
.mcon1 .flexbox:after {content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;width:16px;height:16px;background:#2da7ed;border-radius:50px;}
.mcon1 .flexbox .w50 {width:50%;text-align: left;display:flex;}
.mcon1 .flexbox .w50.r01 {padding-right:40px;}
.mcon1 .flexbox .w50.r02 {flex-direction:row-reverse;margin-top:200px;}
.mcon1 .flexbox .w50 .imgbox {position:relative;}
.mcon1 .flexbox .w50 .imgbox:after {content:'';position:absolute;top:-40px;right:-30px;background:#f7f9fb;border-radius:0 30px 30px 0;width:110%;height:100%;z-index: -1;}
.mcon1 .flexbox .w50.r02 .imgbox:after {border-radius:30px 0 0 30px;top:unset;right:unset;bottom:-40px;left:-30px;width:580px;}
.mcon1 .flexbox .w50 .imgbox span {overflow:hidden;display:block;width:540px;height:auto;aspect-ratio:45/37;border-radius:0 30px 30px 0; box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.1);}
.mcon1 .flexbox .w50.r02 .imgbox span {border-radius:30px 0 0 30px; }
.mcon1 .flexbox .w50 .imgbox span img {max-width:100%;}
.mcon1 .flexbox .w50 .txtbox {width:calc(100% - 540px);padding:55px 20px 0 55px;}
.mcon1 .flexbox .w50 .txtbox .stit {font-weight:600;color:#666;margin-bottom:10px;font-size:1.1em;}
.mcon1 .flexbox .w50 .txtbox .tit {color:#111;font-size:1.8em;font-weight:900;}
.mcon1 .flexbox .w50 .txtbox .txt {margin-top:20px;padding-right:10px;}
.mcon1 .txtbox .btn_more {position:relative;display:inline-block;margin-top:40px;width:50px;height:auto;aspect-ratio:1/1;border-radius:50%;border:1px solid #ddd;}
.mcon1 .txtbox .btn_more:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background: url("/images/fs/main/btn_more.png") no-repeat center;width:9px;height:16px;transition:all .4s;-webkit-transition:all .4s;}
.mcon1 .txtbox .btn_more:hover {background:#2da7ed;border-color:#2da7ed;}
.mcon1 .txtbox .btn_more:hover:after {filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(103%) contrast(102%);}
.mcon1 .rnd_txt {position:relative;padding:50px 0 100px;}
.mcon1 .rnd_txt:before {content:'';position:absolute;left:0;right:0;bottom:0;width:1px;height:50px;background:#ddd;margin:auto;}
.mcon1 .rnd_txt:after {content:'';position:absolute;left:0;right:0;bottom:50px;width:16px;height:16px;background:#ddd;margin:auto;border-radius:50%;}
.mcon1 .rnd_txt .stxt {font-size:1.25em;color:#555;}
.mcon1 .rnd_txt .point {font-size:1.87em;color:#111;font-weight:800;line-height:1.5em;}
	/* 반응형 */
	@media only screen and (max-width:1699px){
		.mcon1 .flexbox {padding-top:100px;}
		.mcon1 .flexbox:before, .mcon1 .flexbox:after {}
		.mcon1 .flexbox .w50 {flex-wrap:wrap;justify-content: space-between;}
		.mcon1 .flexbox .w50.r01 {padding:0;}
		.mcon1 .flexbox .w50.r02 {margin-top:60px;}
		.mcon1 .flexbox .w50 .txtbox {padding-right:30px;width:100%;max-width:540px;}
		.mcon1 .flexbox .w50.r02 .txtbox {padding-left:0;}
	}
	@media only screen and (max-width:1299px){
		.mcon1 .title {position:relative;display:inline-block;width:auto;aspect-ratio: unset;border-radius:50px;padding:20px 40px;}
		.mcon1 .title:after {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:auto;background: rgba(45, 167, 237, 0.3);width:105%;height:115%;border-radius:100px;z-index: -1;}
		.mcon1 .title span strong {font-size:1.3em;display:inline-block;}
		.mcon1 .title .bg {display:none;}
		.mcon1 .flexbox {flex-direction: column;}
		.mcon1 .flexbox:before, .mcon1 .flexbox:after {display:none;}
		.mcon1 .flexbox .w50 {width:100%;align-items: center;}
		.mcon1 .flexbox .w50 .txtbox {max-width:unset;width:calc(100% - 540px);}
		.mcon1 .flexbox .w50.r02 .txtbox {padding-left:80px;}
		.mcon1 .rnd_txt {padding:50px 30px 100px;}
	}
	@media only screen and (max-width:1023px){
		.mcon1 .flexbox {padding-top:60px;}
		.mcon1 .flexbox .w50 {}
		.mcon1 .flexbox .w50 .imgbox {width:100%;max-width:767px;display:flex;align-items: center;justify-content: center;}
		.mcon1 .flexbox .w50 .imgbox:after {display: none;}
		.mcon1 .flexbox .w50 .imgbox span {width:100%;aspect-ratio:16/9;box-shadow:none;}
		.mcon1 .flexbox .w50 .imgbox span img {width:100%;max-width:unset;}
		.mcon1 .flexbox .w50 .txtbox, .mcon1 .flexbox .w50.r02 .txtbox {padding:30px 40px;width:100%;max-width:767px;}
		.mcon1 .flexbox .w50.r02 {padding-top:20px;}
	}
	@media only screen and (max-width:767px){
		.mcon1 .txtbox .btn_more {width:45px;margin-top:20px;}
		.mcon1 .flexbox .w50 .txtbox, .mcon1 .flexbox .w50.r02 .txtbox {padding:20px 30px;}
		.mcon1 .flexbox .w50 .txtbox .tit {font-size:1.5em;}
		.mcon1 .flexbox .w50 .txtbox .txt {margin-top:10px;}
	}


/* 회사소개 */
.mcon2 {background:url("/images/fs/main/mcon2_bg.png") no-repeat center;background-size: cover;padding:5% 0;}
.mcon2 .about_list {display:flex;flex-wrap:wrap;gap:50px;align-items: center;justify-content: center;}
.mcon2 .about_list li {position:relative;padding:30px;background:#fff;border-radius:15px;min-width:270px;min-height:180px;box-shadow: 6px 6px 0 0 rgba(177, 127, 74, 0.1);overflow:hidden;}
.mcon2 .about_list li:after {content:'';position:absolute;left:0;bottom:0;width:100%;height:5px;background:#b17f4a;}
.mcon2 .about_list li .stit {color:#111;font-size:1.125em;font-weight:bold;}
.mcon2 .about_list li .imgbox {margin-top:35px;text-align: right;}
.mcon2 .about_list li .btn_more {position:relative;margin-top:10px;font-size:.95em;color:#b17f4a;line-height:30px;display:flex;align-items:center;}
.mcon2 .about_list li .btn_more:hover {text-decoration: none;color:#3B2A19;}
.mcon2 .about_list li .btn_more span {display:inline-block;width:30px;height:30px;border-radius:50px;position:relative;background:#b17f4a;margin-left:5px;transition:all .4s;-webkit-transition:all .4s;}
.mcon2 .about_list li .btn_more span:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("/images/fs/main/btn_more2.png") no-repeat center;width:4px;height:100%;}
.mcon2 .about_list li .btn_more:hover span {background:#3B2A19;}

	/* 반응형 */
	@media only screen and (max-width:1023px){
		.mcon2 {padding:10% 0;}
		.mcon2 .about_list {gap:10px;}
		.mcon2 .about_list li {width:calc(33% - 10px);padding-bottom:60px;min-width:unset;}
		.mcon2 .about_list li .imgbox {position:absolute;bottom:20px;right:20px;margin-top:0;opacity: .5;}
	}
	@media only screen and (max-width:767px){
		.mcon2 .about_list {margin:auto;}
		.mcon2 .about_list li {width:100%;}
	}
	@media only screen and (max-width:560px){
	}

/* 제품리스트 */
.mcon3 {position:relative;padding:240px 0 150px;}
.mcon3 .bg {position: absolute;bottom:0;left:0;background:url("/images/fs/main/mcon3_bg.png") no-repeat center;width:600px;height:auto;aspect-ratio:627/980;background-size:contain;}
.mcon3 .product_wrp {position:relative;}
.mcon3 .product_wrp .p_slide {margin-left:25%;padding-left:90px;}
.mcon3 .product_wrp .p_slide .slick-slide {margin:0 20px;}
.mcon3 .product_wrp .p_slide .p_item a {display: block;width:100%;height:100%;}
.mcon3 .product_wrp .p_slide .p_item .imgbox {display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:auto;aspect-ratio:1/1;position:relative;border-radius:30px;border:1px solid #eee;}
.mcon3 .product_wrp .p_slide .p_item .imgbox .kword_list {display:flex;gap:5px;flex-wrap:wrap;position:absolute;left:20px;top:20px;}
.mcon3 .product_wrp .p_slide .p_item .imgbox .kword_list .keyword {display:inline-block;font-size:.9em;color:#666;border:1px solid #aaa;border-radius:50px;padding:0 25px;line-height:30px;}
.mcon3 .product_wrp .p_slide .p_item .imgbox .kword_list .keyword.new {color:#ff5400;border-color:#ff5400;}
.mcon3 .product_wrp .p_slide .p_item .imgbox img {min-width:100%;height:auto;}
.mcon3 .product_wrp .p_slide .p_item .p_info {margin-top:30px;}
.mcon3 .product_wrp .p_slide .p_item .p_info a.p-name {color:#666;font-weight:500;margin-bottom:20px;}
.mcon3 .product_wrp .p_slide .p_item .p_info .tag {font-size:.9em;color:#999;display:flex;flex-wrap:wrap;padding-right:10px;}
.mcon3 .product_wrp .p_slide .p_item .p_info .tag li.capacity {display:block;width:100%;margin-top:15px;font-size:13px;}
.mcon3 .product_wrp .p_slide .p_item .p_info .price {margin-top:30px;color:#000;font-weight:bold;}
.mcon3 .product_wrp .slick-arrow {display:inline-block;font-size:0;width:50px;height:auto;aspect-ratio: 1/1;position:absolute;top:calc(50% - 100px);margin:auto;background:none;}
.mcon3 .product_wrp .slick-arrow:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("/images/fs/main/mcon3_arrow_prev.png") no-repeat center;opacity: .3;transition:all .4s;-webkit-transition:all .4s;background-size:contain;}
.mcon3 .product_wrp .slick-arrow:hover:after {opacity: 1;}
.mcon3 .product_wrp .slick-arrow.slick-prev {left:0;}
.mcon3 .product_wrp .slick-arrow.slick-next {right:-90px;}
.mcon3 .product_wrp .slick-arrow.slick-next:after {transform:rotate(180deg);}

/* 반응형 */
@media only screen and (max-width:1599px){
	.mcon3 {padding:200px 0;}
	.mcon3 .bg {width:500px;}
	.mcon3 .product_wrp .p_slide {padding:0 60px;}
	.mcon3 .product_wrp .slick-arrow.slick-next {right:0;}
}
@media only screen and (max-width:1299px){
	.mcon3 {padding:100px 0;}
	.mcon3 .bg {display: none;}
	.mcon3 .product_wrp .p_slide {padding:50px 0 0;margin-left:0;}
	.mcon3 .product_wrp .p_slide .slick-slide {margin:0 10px;}
	.mcon3 .product_wrp .slick-arrow {top:0;width:35px;}
	.mcon3 .product_wrp .slick-arrow.slick-prev {left:unset;right:80px}
	.mcon3 .product_wrp .slick-arrow.slick-next {right:10px;}
}
@media only screen and (max-width:767px){
	.mcon3 .product_wrp .p_slide {padding-top:40px;}
	.mcon3 .product_wrp .slick-arrow {width:30px;}
	.mcon3 .product_wrp .slick-arrow.slick-prev {right:60px;}

	.mcon3 .product_wrp .p_slide .p_item .p_info a.p-name {margin-bottom:10px;}
	.mcon3 .product_wrp .p_slide .p_item .p_info .tag li.capacity {margin-top:10px;}
	.mcon3 .product_wrp .p_slide .p_item .p_info .price {margin-top:20px;}
}
@media only screen and (max-width:560px){
	.mcon3 .product_wrp .p_slide .slick-slide {margin:0;}
}