@charset "utf-8";

.skip_snb_menu {display:none;}

#fs_container_wrap {}

/* 비주얼 */
.fs_main_visual {position:relative;display:block;width:100%;height:560px;}
.fs_main_visual .mvis_slide {display:block;}
.fs_main_visual .mvis_slide .mvis {position:relative;width:100%;height:560px;}
.fs_main_visual .mvis_slide .mvis .bg {position:absolute;left:0;top:0;width:100%;height:100%;/* background:url("/images/fs/main/mvisual01.png") no-repeat center;background-size:cover; */}
.fs_main_visual .mvis_slide .mvis02 .bg {/* background:url("/images/fs/main/mvisual02.png") no-repeat center;background-size:cover; */}
.fs_main_visual .mvis_slide .mvis .mvis_txt {display:block;top:45%;transform:translateY(-50%);position:relative;color:#fff;text-align: center;padding:0 30px;}
.fs_main_visual .mvis_slide .mvis .mvis_txt p.sta {position:relative;font-size:2em;color:#fff;padding-bottom:43px;font-wteight:bold;}
.fs_main_visual .mvis_slide .mvis .mvis_txt p.sta:after {content:'';position:absolute;left:0;right:0;bottom:0;width:60px;height:4px;background:#fff;margin:auto;}
.fs_main_visual .mvis_slide .mvis .mvis_txt p.sta strong {font-size:1.5em;}
.fs_main_visual .mvis_slide .mvis .mvis_txt .stb {display:block;font-size:1.3em;text-align: center;}
.fs_main_visual .mvis_slide .mvis .mvis_txt .stb img {display:inline-block;max-width:100%;}
/* 컨트롤 */
.fs_main_visual .arrow {position:absolute;top:0;bottom:0;margin:auto;width:60px;height:60px;background:rgba(255,255,255,.2);border-radius:50px;cursor:pointer;}
.fs_main_visual .arrow:hover {background:rgba(255,255,255,8);}
.fs_main_visual .arrow:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background: url("/images/fs/main/marrow_next.png") no-repeat center;width:13px;height:24px;transition:all .4s;-webkit-transition:all .4s;}
.fs_main_visual .arrow:hover:after {filter:brightness(0) saturate(100%) invert(11%) sepia(0%) saturate(284%) hue-rotate(157deg) brightness(102%) contrast(93%);}
.fs_main_visual .arrow.prev:after {transform:rotate(180deg);}
.fs_main_visual .arrow.prev {left:60px;}
.fs_main_visual .arrow.next {right:60px;}
.fs_main_visual .dots {position:absolute;left:0;right:0;margin:auto;top:80%;text-align:center;}
.fs_main_visual .dots ul {text-align:center;display:flex;justify-content: center;align-items:center;}
.fs_main_visual .dots ul li {position:relative;padding:0 20px;}
.fs_main_visual .dots ul li:after {content:'';position:absolute;top:0;bottom:0;left:36px;margin:auto;background:#a81f24;width:0;height:1px;transition:all .4s;-webkit-transition:all .4s;}
.fs_main_visual .dots ul li button {position:absolute;left:0;right:20px;top:0;bottom:0;display:inline-block;width:10px;height:10px;border-radius:10px;border:1px solid #fff;font-size:0;background:none;margin:auto;padding:0;}
.fs_main_visual .dots ul li.slick-active {padding-right:80px;}
.fs_main_visual .dots ul li.slick-active button {right:unset;width:16px;height:16px;border-color:#a81f24;}
.fs_main_visual .dots ul li.slick-active button:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:#a81f24;border-radius:20px;width:5px;height:5px;}
.fs_main_visual .dots ul li.slick-active:after {width:40px;}
.fs_main_visual .scroll {position:absolute;left:0;right:0;bottom:30px;margin:auto;text-align: center;display:none;}
.fs_main_visual .scroll span {position:relative;display:inline-block;width:23px;height:32px;border-radius:20px;border:2px solid rgba(255, 255, 255, 0.6);}
.fs_main_visual .scroll span:after {content:'';position:absolute;left:0;right:0;margin:auto;top:5px;background:#fff;width:3px;height:6px;border-radius:10px;animation:mousy 1.2s infinite;}
	@keyframes mousy {
		from {opacity:1;}
		to {opacity: 0;top:60%;}
	}

	/* 반응형 */
	@media only screen and (max-width:1399px){
		.fs_main_visual .mvis_slide .mvis .mvis_txt {padding:0 50px;}
		.fs_main_visual .arrow {width:50px;height:50px;}
		.fs_main_visual .arrow.prev {left:30px;}
		.fs_main_visual .arrow.next {right:30px;}
	}
	@media only screen and (max-width:1023px){
		.fs_main_visual .mvis_slide .mvis .mvis_txt p.sta strong {font-size:1.1em;}
		.fs_main_visual .mvis_slide .mvis .mvis_txt .stb {font-size:1.1em;}

	}
	@media only screen and (max-width:767px){
		.fs_main_visual .mvis_slide .mvis .mvis_txt {padding:0 15px;}
		.fs_main_visual .mvis_slide .mvis .mvis_txt p.sta {padding:60px 0 30px;line-height:1.3em;}
		.fs_main_visual .dots {top:25%;}
		.fs_main_visual .arrow {top:unset;bottom:7%;width:40px;height:40px;}
		.fs_main_visual .arrow:after {height:16px;background-size: contain;}
		.fs_main_visual .arrow.prev {left:-50px;right:0;}
		.fs_main_visual .arrow.next {right:0;left:50px;}
	}
	@media only screen and (max-width:560px){
		.fs_main_visual .mvis_slide .mvis .mvis_txt p.sta {font-size:1.7em;line-height:1.2em;}
		.fs_main_visual .dots {top:18%;}
	}


/* -------------------- 공통 --------------------*/

.fs_main_contents {}
.con_box {}

.titbox .stit {color:#111;font-size:1.9em;margin-top:10px;}

/* mcont01 SAMYANG HIGH TECH */
.mcont01 {position:relative;padding-top:150px;}
.mcont01:after {content:'';position:absolute;left:-90px;top:-80px;width:400px;height:auto;aspect-ratio:400/603;background:url("/images/fs/main/m1_bg.png") no-repeat top left;opacity: .05;z-index: -1;}
.mcont01 .titbox .tit img {max-width:260px;width:100%;}
.mcont01 .about_list {display:flex;flex-wrap:wrap;}
.mcont01 .about_list > li {width:25%;padding:0 40px;}
.mcont01 .about_list > li span.num {display:inline-block;position:relative;padding-top:13px;font-weight:900;color:#a81f24;}
.mcont01 .about_list > li span.num:after {content:'';position:absolute;left:0;top:0;width:100%;height:3px;background:#a81f24;}
.mcont01 .about_list > li:nth-child(2) span.num {color:#1d95d4;}
.mcont01 .about_list > li:nth-child(2) span.num:after {background:#1d95d4;}
.mcont01 .about_list > li:nth-child(3) span.num {color:#e56c16;}
.mcont01 .about_list > li:nth-child(3) span.num:after {background:#e56c16;}
.mcont01 .about_list > li:nth-child(4) span.num {color:#339c4c;}
.mcont01 .about_list > li:nth-child(4) span.num:after {background:#339c4c;}
.mcont01 .about_list > li .area_tit {margin:20px 0 30px;color:#111;font-weight:bold;font-size:1.9em;}
.mcont01 .about_list > li .txt {max-width:240px;}
.mcont01 .imgbox {position:relative;width:100%;padding:4% 0;margin-left:10%;display:flex;align-items: center;}
.mcont01 .imgbox:before {content:'';position:absolute;left:70px;top:0;width:1px;height:55px;background:#fff;z-index: 1;}
.mcont01 .imgbox:after {content:'';position:absolute;left:68px;top:50px;width:5px;height:5px;border-radius:10px;background:#fff;z-index: 1;}
.mcont01 .imgbox .bg {position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url("/images/fs/main/mcon01_bg.jpg") no-repeat center;background-size:cover;}
.mcont01 .imgbox .bg:after {content:'';position:absolute;left:0;top:0;width:70%;height:100%;clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);background: rgba(168, 31, 36, 0.8);}
.mcont01 .imgbox .txtbox {position:relative;z-index: 1;padding-left:70px;}
.mcont01 .imgbox .txtbox .box_tit {margin-top:20px;font-size:2.5em;color:#fff;font-weight:800;}
.mcont01 .imgbox .txtbox .more_btn {display:inline-block;padding:0 25px;margin-top:90px;line-height:35px;text-align:center;color:#a81f24;background:#fff;border-radius:50px;font-size:.85em;font-weight:600;}
	/* 반응형 */
	@media only screen and (max-width:1399px){
		.mcont01 .imgbox {margin-left:5%;}
		.mcont01 .imgbox .bg:after {width:50%;}
	}
	@media only screen and (max-width:1199px){
		.mcont01 .imgbox {margin-left:0;}
	}
	@media only screen and (max-width:1023px){
		.mcont01 .about_list > li {width:50%;margin-bottom:40px;padding:0 10px;}
		.mcont01 .about_list > li .area_tit {margin:10px 0 15px;}
		.mcont01 .imgbox {}
		.mcont01 .imgbox:before {left:30px;}
		.mcont01 .imgbox:after {left:28px;}
		.mcont01 .imgbox .bg:after {width:60%;}
		.mcont01 .imgbox .txtbox {padding-left:30px;}
	}
	@media only screen and (max-width:767px){
		.titbox .stit {font-size:1.5em;}

		.mcont01 {padding-top:100px;}
		.mcont01:after {width:320px;background-size: cover;}
		.mcont01 .titbox {padding:0 15px;}
		.mcont01 .titbox .tit img {max-width:280px;}
		.mcont01 .about_list {margin-top:40px;}
		.mcont01 .about_list > li {width:100%;margin-bottom:0;padding:25px 15px;}
		.mcont01 .about_list > li .area_tit {font-size:1.5em;}
		.mcont01 .about_list > li .txt {max-width:unset;}
		.mcont01 .about_list > li:nth-child(2n) {background:#f6f9fa;padding:25px 15px;}
		.mcont01 .imgbox:before,
		.mcont01 .imgbox:after {display: none;}
		.mcont01 .imgbox .txtbox .box_tit {font-size:1.5em;max-width:320px;}
		.mcont01 .imgbox .txtbox img {max-width:80px;margin-top:10px;}
		.mcont01 .imgbox .txtbox .more_btn {margin:40px 0 10px;}
		.mcont01 .imgbox .bg:after {width:70%;}
	}
	@media only screen and (max-width:560px){
		.mcont01 .imgbox .bg:after {width:90%;}
	}


/* CUSTOMER SERVICE */
.mcont02 {background:#f6f9fa;padding:150px 0 0;}
.mcont02 .service_list ul > li {display:flex;flex-wrap:wrap;align-items: stretch;}
.mcont02 .service_list ul > li .w50 {width:50%;}
.mcont02 .service_list ul > li:nth-child(2n) {flex-direction: row-reverse;text-align: right;}
.mcont02 .service_list ul > li .imgbox {background:url("/images/fs/main/mcon02_img1.jpg") no-repeat center;background-size: cover;min-height:340px;height:auto;aspect-ratio:3/1.1;position:relative;z-index:2;}
.mcont02 .service_list ul > li:nth-child(2) .imgbox {background:url("/images/fs/main/mcon02_img2.jpg") no-repeat center;background-size: cover;}
.mcont02 .service_list ul > li:nth-child(3) .imgbox {background:url("/images/fs/main/mcon02_img3.jpg") no-repeat center;background-size: cover;}
.mcont02 .service_list ul > li:nth-child(4) .imgbox {background:url("/images/fs/main/mcon02_img4.jpg") no-repeat center;background-size: cover;}
.mcont02 .service_list ul > li .txtbox {position:relative;padding:40px;overflow:hidden;z-index:1;background:#f6f9fa;}
.mcont02 .service_list ul > li .txtbox:after {content:'';position:absolute;right:60px;bottom:-70%;background:url("/images/fs/main/m4_bg.png") no-repeat top center;width:610px;height:auto;aspect-ratio:61/40;z-index:-1;opacity: .1;}
.mcont02 .service_list ul > li:nth-child(2n) .txtbox:after {right:unset;left:60px;}
.mcont02 .service_list ul > li .txtbox .box_tit {position:relative;padding-top:19px;color:#111;font-size:2em;font-weight:bold;}
.mcont02 .service_list ul > li .txtbox .box_tit:before {content:'';position:absolute;left:0;top:0;width:30px;height:4px;background:#a81f24;}
.mcont02 .service_list ul > li:nth-child(2n) .txtbox .box_tit:before {left:unset;right:0;}
.mcont02 .service_list ul > li .txtbox a.more_btn {position:relative;display:inline-block;font-size:.9em;font-weight:500;margin-top:30px;}
.mcont02 .service_list ul > li .txtbox a.more_btn:before {content:'';position:absolute;left:0;bottom:0;background:#222;width:0;height:1px;transition:all .4s;-webkit-transition:all .4s;}
.mcont02 .service_list ul > li .txtbox a.more_btn:hover {color:#222;}
.mcont02 .service_list ul > li .txtbox a.more_btn:hover:before {width:100%;}
.mcont02 .service_list ul > li .txtbox .icon {position:absolute;left:40px;bottom:40px;display:inline-block;width:75px;height:auto;aspect-ratio: 1/1;background:#a81f24;border-radius:50px;}
.mcont02 .service_list ul > li:nth-child(2n) .txtbox .icon {left:unset;right:40px;}

	@media only screen and (max-width:1199px){
		.mcont02 .service_list ul > li .imgbox {min-height:320px;}
		.mcont02 .service_list ul > li .txtbox:after {bottom:-40%;right:30px;width:400px;background-size:cover;}
		.mcont02 .service_list ul > li:nth-child(2n) .txtbox:after {left:30px;}
	}
	@media only screen and (max-width:1023px){
		.mcont02 {padding:120px 0 0;margin-top:0;}
		.mcont02 .service_list ul > li {flex-direction: column;}
		.mcont02 .service_list ul > li .w50 {width:100%;}
		.mcont02 .service_list ul > li .imgbox {aspect-ratio:2.5/1;min-height:unset;}
		.mcont02 .service_list ul > li .txtbox .icon {position:unset;margin-top:40px;}
		.mcont02 .service_list ul > li:nth-child(2n) {text-align: left;}
		.mcont02 .service_list ul > li:nth-child(2n) .txtbox .box_tit:before {right:unset;left:0;}
		.mcont02 .service_list ul > li:nth-child(2n) .txtbox:after {left:unset;right:30px;}
	}
	@media only screen and (max-width:767px){
		.mcont02 {padding:100px 0 0;}
		.mcont02 .service_list {margin-top:60px;}
		.mcont02 .service_list ul > li .txtbox {padding:30px 15px;}
		.mcont02 .service_list ul > li .txtbox .icon {width:50px;}
		.mcont02 .service_list ul > li .txtbox .icon img {max-width:100%;}
		.mcont02 .service_list ul > li .txtbox a.more_btn {margin-top:15px;}
		.mcont02 .service_list ul > li .txtbox:after {right:0 !important;bottom:-40%;width:300px;}
		.mcont02 .service_list ul > li .txtbox .box_tit {font-size:1.8em;}
	}