@charset "utf-8";



#fs_container_wrap {margin-top:99px;}

/* 비주얼 */
.fs_main_visual {position:relative;text-align:center;}
.fs_main_visual .mvis_slides .slide_item {display:flex;justify-content:center;height:871px;background:no-repeat center top;}
.fs_main_visual .mvis_slides .mvis_text {z-index:10;position:absolute;top:360px;right:0;left:0;margin:0 auto;}
.fs_main_visual .mvis_slides .mvis_text span {color:#fff;font-family:'GyeonggiBatang',sans-serif;font-size:5.5rem;font-weight:700;line-height:1.2;}
/* 비주얼 페이징 */
.fs_main_visual .slick-dots {display:none !important;}
.fs_main_visual .mvis_nav {z-index:10;position:absolute;top:260px;right:0;left:0;margin:0 auto;}
.fs_main_visual .mvis_nav li {display:inline-block;position:relative;margin:0 15px;padding-bottom:3px;color:#ccc;font-family:'GyeonggiBatang',sans-serif;font-size:2rem;cursor:pointer;}
.fs_main_visual .mvis_nav li.on {color:#fff;font-size:3rem;}
.fs_main_visual .mvis_nav li.on:before {content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:4px;background:#da0211;}
/* 비주얼 컨트롤 */
.fs_main_visual .mvis_ctrl {z-index:10;display:flex;justify-content:space-between;align-items:center;position:absolute;top:540px;right:0;left:0;width:161px;height:127px;margin:0 auto;background:url("/../images/fs/main/mvis_ctrl.png") no-repeat center center;}
.fs_main_visual .mvis_ctrl > button {display:block;width:27px;height:52px;background:no-repeat center center;font-size:0;}
.fs_main_visual .mvis_ctrl .mvis_prev {background-image:url("/../images/fs/main/mvis_prev.png");}
.fs_main_visual .mvis_ctrl .mvis_next {background-image:url("/../images/fs/main/mvis_next.png");}
.fs_main_visual .mvis_pager {display:flex;justify-content:center;height:50px;}
.fs_main_visual .mvis_pager > span {color:#ccc;line-height:1;font-family:'GyeonggiBatang',sans-serif;font-size:2rem;}
.fs_main_visual .mvis_pager .paging {align-self:flex-start;color:#fff;}
.fs_main_visual .mvis_pager .page {align-self:flex-end;position:relative;padding-left:8px;}
.fs_main_visual .mvis_pager .page:before {content:"";display:block;position:absolute;top:-15px;left:0;width:1px;height:25px;background:#da0211;transform:rotate(45deg);}

/* 콘텐츠 공통 */
.fs_main_contents h2.title {line-height:1;font-size:4rem;font-weight:800;}
.fs_main_contents h2.title span {display:block;margin-bottom:25px;color:#0b9901;font-size:2.2rem;}

/* 생산제품 */
.product {position:relative;margin:120px 0;}
.product .more_btn {z-index:10;display:block;position:absolute;top:50px;right:0;height:27px;padding-right:35px;background:url("/../images/fs/main/more.png") no-repeat right 1px center;line-height:27px;font-size:1.4rem;font-weight:600;}
.product .more_btn:is(:hover, :focus, :active) {filter: invert(26%) sepia(14%) saturate(2709%) hue-rotate(100deg) brightness(99%) contrast(85%);}
.product_slide {margin-top:45px;width:calc(100% - 140px);}
.product_slide .swiper-slide a {display:block;border:1px solid #fff;text-decoration:none;border-radius:20px;overflow:hidden;}
.product_slide .swiper-slide:hover a, .product_slide .swiper-slide:active a, .product_slide .swiper-slide:focus a {background:#f1f1f1;border:1px solid #ddd;}
.product_slide .img_area {overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:300px;background:#fff;}
.product_slide .img_area:before {content:"";display:block;position:absolute;right:20px;bottom:20px;width:102px;height:21px;background:url("/../images/fs/main/product_logo.png") no-repeat left top;}
.product_slide .img_area img {max-width:100%;}
.product_slide .text_area {display:block;text-align:center;margin:25px 5px;}
.product_slide .text_area span {display:block;}
.product_slide .text_area .tit {overflow:hidden;width:100%;font-size:1.8rem;font-weight:700;letter-spacing:-0.02em;text-overflow:ellipsis;white-space:nowrap;}
.product_slide .text_area .made {overflow:hidden;width:100%;margin-bottom:3px;color:#797979;letter-spacing:-0.02em;text-overflow:ellipsis;white-space:nowrap;}
.product_slide .text_area .per {display:flex;flex-wrap:wrap;justify-content:center;}
.product_slide .text_area .per > span {margin:2px;padding:1px 10px;border-radius:3px;background:#111;color:#fff;font-size:1.4rem;letter-spacing:-0.02em;}
.product_slide a:is(:hover, :focus, :active) .text_area .tit {color:#115f38;}
/* 생산제품 컨트롤 */
.product_ctrl {display:flex;justify-content:space-between;align-items:center;position:absolute;top:calc(50% + 60px);right:0;left:0;}
.product_ctrl button {z-index:1;display:block;position:absolute;top:0;bottom:0;width:50px;height:50px;margin:auto 0;border:1px solid #ddd;border-radius:100%;background:#fff no-repeat center center;box-shadow:0 0 10px rgba(0,0,0,0.13);font-size:0;transition:all 0.4s ease-in-out;}
.product_ctrl button.product_prev {left:-25px;background-image:url("/../images/fs/main/product_prev.png");}
.product_ctrl button.product_next {right:-25px;background-image:url("/../images/fs/main/product_next.png");}
.product_ctrl button:hover {background-color:#e7efeb;}

/* About */
.about {position:relative;padding:120px 0;background:url("/../images/fs/main/about_bg.jpg") no-repeat center top;background-size:cover;}
.about:before {content:"";display:block;position:absolute;right:0;bottom:0;width:257px;height:132px;background:url("/../images/fs/main/about_dy.png") no-repeat left top;}
.about .title {margin-bottom:35px;text-align:center;}
.about_list {display:flex;flex-flow:row wrap;justify-content:space-between;text-align:center;}
.about_list li {overflow:hidden;position:relative;width:calc(33.33% - 16.67px);border-radius:13px;background:no-repeat center center;}
.about_list li:nth-child(1) {background-image:url("/../images/fs/main/about_img1.jpg");}
.about_list li:nth-child(2) {background-image:url("/../images/fs/main/about_img2.jpg");}
.about_list li:nth-child(3) {background-image:url("/../images/fs/main/about_img3.jpg");}
.about_list li:before {z-index:10;opacity:0.1;display:block;position:absolute;right:0;bottom:-7px;left:0;margin:0 auto;color:#fff;line-height:1;font-size:4.5rem;font-style:italic;font-weight:600;text-align:center;}
.about_list li:nth-child(1):before {content:"Management";}
.about_list li:nth-child(2):before {content:"Certification Status";}
.about_list li:nth-child(3):before {content:"Notice";}
.about_list li a {display:block;position:relative;height:523px;padding-top:445px;border:4px solid transparent;border-radius:13px;transition:all 0.4s ease-in-out;}
.about_list li a:after {content:"";opacity:0;display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:9px;background:rgba(0,0,0,0.5);transition:all 0.4s ease-in-out;}
.about_list li a:is(:hover, :focus, :active) {padding-top:405px;border-color:#da0211;}
.about_list li a:is(:hover, :focus, :active):after {opacity:1;}
.about_list li a .inner {z-index:1;position:relative;}
.about_list li a .tit {display:block;color:#fff;font-size:2.5rem;font-weight:500;letter-spacing:-0.02em;}
.about_list li a .more {opacity:0;display:inline-block;margin-top:10px;padding-right:35px;background:url("/../images/fs/main/more_w.png") no-repeat right 1px center;color:#fff;line-height:27px;font-size:1.4rem;font-weight:600;transition:all 0.4s ease-in-out;}
.about_list li a:is(:hover, :focus, :active) .more {opacity:1;}

/* 오시는 길 */
.contact {padding:120px 0;background:url("/../images/fs/main/contact_bg.png") no-repeat right bottom;}
.contact > .wrap {display:flex;justify-content:space-between;}
.contact .map_area {overflow:hidden;flex-basis:50%;border:1px solid #ddd;border-radius:15px;}
.contact .map_area > iframe {width:100%;height:100%;min-height:440px;}
.contact .text_area {flex-basis:calc(50% - 45px);position:relative;padding:40px 0;}
.contact .inquire {position:absolute;top:86px;right:0;padding:8px 33px 8px 57px;border-radius:40px;background:#da0211 url("/../images/fs/main/inquire.png") no-repeat left 27px center;color:#fff;font-weight:600;letter-spacing:-0.02em;}
.contact .inquire:hover, .contact .inquire:active, .contact .inquire:focus {background-color:#222;border-radius:10px;}
.contact_list {margin-top:30px;border-top:1px solid #ddd;padding-top:20px;}
.contact_list li {display:flex;margin-top:10px;line-height:48px;font-size:1.8rem;letter-spacing:-0.02em;}
.contact_list li .icon {display:block;width:48px;height:48px;margin-right:13px;border:1px solid #ddd;border-radius:100%;background:#fff no-repeat center center;font-size:0;}
.contact_list li:nth-child(1) .icon {background-image:url("/../images/fs/main/contact_addr.png");}
.contact_list li:nth-child(2) .icon {background-image:url("/../images/fs/main/contact_tel.png");}
.contact_list li:nth-child(3) .icon {background-image:url("/../images/fs/main/contact_fax.png");}
.contact_list li:nth-child(4) .icon {background-image:url("/../images/fs/main/contact_mail.png");}

/* 주요 거래처 */
.client {padding:10px 0;border-top:1px solid #ddd;}
.client > .wrap {display:flex;justify-content:space-between;align-items:center;}
.client .tit {flex-basis:110px;margin-right:28px;font-size:1.8rem;font-weight:600;letter-spacing:-0.02em;}
.client_ctrl {flex-basis:60px;display:flex;justify-content:space-between;align-items:center;}
.client_ctrl button {display:block;width:10px;height:16px;background:no-repeat center center;font-size:0;}
.client_ctrl .client_prev {background-image:url("/../images/fs/main/client_prev.png");}
.client_ctrl .client_btn.play {background-image:url("/../images/fs/main/client_play.png");}
.client_ctrl .client_btn.stop {background-image:url("/../images/fs/main/client_stop.png");}
.client_ctrl .client_next {background-image:url("/../images/fs/main/client_next.png");}
.client_slide {flex-grow:1;width:calc(100% - 240px);}
.client_slide > ul {display:flex;align-items:center;vertical-align:middle;margin-left:70px;}

/* PC */
@media only screen and (max-width:1450px){
    /* 생산제품 컨트롤 */
    .product_ctrl button.product_prev {left:0;}
    .product_ctrl button.product_next {right:0;}
}
@media only screen and (max-width:1399px){
    /* 비주얼 */
    .fs_main_visual .mvis_slides .mvis_text {line-height:1.2;}
    .fs_main_visual .mvis_slides .mvis_text br {display:block;}
}
/* Tablet */
@media only screen and (max-width:1023px){
	#fs_container_wrap {margin-top:80px;}

    /* 비주얼 */
    .fs_main_visual .mvis_slides .slide_item {height:500px;background-size:cover;}
	.fs_main_visual .mvis_slides .mvis_text span {font-size:4.5rem;}
    .fs_main_visual .mvis_nav {top:100px;}
    .fs_main_visual .mvis_slides .mvis_text {top:200px;}
    .fs_main_visual .mvis_ctrl {top:350px;}

    /* 콘텐츠 공통 */
    .fs_main_contents h2.title {margin-bottom:20px;}
    .fs_main_contents h2.title span {margin-bottom:10px;}

    /* 생산제품 */
    .product {margin:10% 0;}
    .product .more_btn {top:30px;}
    .product_slide .img_area {height:200px;}
    .product_slide .img_area img {height:100%;}

    /* About */
    .about {padding:10% 0;}
    .about_list li a {height:300px;padding-top:200px;}
    .about_list li a:is(:hover, :focus, :active) {padding-top:200px;}
    .about_list li a .more {opacity:1;margin-top:0;}

    /* 오시는 길 */
    .contact {padding:10% 0;}
    .contact > .wrap {flex-direction:column;}
    .contact .map_area > iframe {min-height:300px;}
    .contact .text_area {padding-bottom:0;}
    .contact .inquire {top:70px;}
    .contact_list {margin-top:20px;padding-top:10px;}

    /* 주요 거래처 */
    .client .tit {flex-basis:80px;margin-right:15px;}
    .client_slide {width:calc(100% - 160px);}
    .client_slide > ul {display:flex;align-items:center;vertical-align:middle;margin-left:70px;}
}
/* Mobile */
@media only screen and (max-width:767px){
    /* 비주얼 */
    .fs_main_visual .mvis_slides .slide_item {height:340px;}
    .fs_main_visual .mvis_nav {top:50px;}
    .fs_main_visual .mvis_nav li.on {font-size:2.2rem;}
    .fs_main_visual .mvis_slides .mvis_text {top:100px;}
    .fs_main_visual .mvis_slides .mvis_text span {font-size:3rem;}
    .fs_main_visual .mvis_ctrl {top:200px;height:100px;background-size:contain;}
    .fs_main_visual .mvis_pager {height:40px;}

	/* 생산제품 */
	.product_slide {width:calc(100% - 135px);}
	.product_ctrl {top:calc(50% + 50px);}

    /* About */
    .about_list {flex-direction:column;}
    .about_list li {width:100%;margin-top:10px;background-size:cover;}
    .about_list li a {display:flex;justify-content:center;align-items:center;height:100px;padding-top:0;border:0;}
    .about_list li a:after {opacity:1;}
    .about_list li a:is(:hover, :focus, :active) {padding-top:0;}

    /* 주요 거래처 */
    .client .tit {margin-right:0;display:none;}
	.client_ctrl {display:none;}
    .client > .wrap {flex-wrap:wrap;justify-content:flex-start;}
    .client_slide {width:100%;margin-top:10px;}
    .client_slide > ul {margin-left:0;}
    .client_slide > ul li {display:flex;justify-content:center;}
}