@charset "utf-8";

/***********************/
/* 비주얼 영역 */
/***********************/
/* 이미지 */
.fs_main_visual {position:relative;height:calc(100vh - 10rem);}
.fs_main_visual .mvis_wrap {height:calc(100% - 10rem);margin:0 4.5rem;border-radius:2.4rem;}
.fs_main_visual .swiper-slide {position:relative;}
.fs_main_visual .swiper-slide .main_visual_img {height:100%;background:no-repeat center/cover;}
    @media only screen and (max-width:1023px){
        .fs_main_visual .mvis_wrap {margin:0 2rem;}
	}
    @media only screen and (max-width:767px){
        .fs_main_visual {height:60rem;}
	}

/* 텍스트 */
.main_visual_text {position:absolute;left:0;bottom:0;padding:8rem;}
.main_visual_text span {display:block;color:#eee;opacity:.9;}
.main_visual_text .sta {font-size:2rem;text-shadow:5px 5px 10px rgb(0, 0, 0, 0.3);}
.main_visual_text .stb {font-weight:700;font-size:6rem;color:#fff;opacity:1;margin:2rem 0 1.5rem;text-shadow:5px 5px 10px rgb(0, 0, 0, 0.3);}
.main_visual_text .stc {font-weight:300;font-size:2.2rem;text-shadow:5px 5px 10px rgb(0, 0, 0, 0.3);}
    @media only screen and (max-width:1023px){
		.main_visual_text {padding:6rem;}
	}
    @media only screen and (max-width:767px){
        .main_visual_text {padding:6rem 3rem;}
		.main_visual_text .sta {font-size:1.6rem;}
		.main_visual_text .stb {font-size:4rem;line-height:1;}
		.main_visual_text .stc {font-size:1.8rem;}
	}

/* 비주얼 컨트롤 */
.mvis_ctrl_box {display:flex;justify-content:space-between;align-items:center;gap:4rem;height:10rem;max-width:33rem;margin:0 auto;}
.mvis_ctrl_box button {transition:all .2s ease-in-out;}
.mvis_ctrl_box .mvis_pager {display:flex;gap:1rem;width:auto;font-weight:600;color:#000;}
.mvis_ctrl_box .mvis_arrow:is(:hover,:focus,:active) {filter:brightness(0) saturate(100%) invert(8%) sepia(99%) saturate(37%) hue-rotate(325deg) brightness(101%) contrast(83%);}
.mvis_ctrl_box .mvis_auto:is(:hover,:focus,:active) {filter:brightness(0) saturate(100%) invert(34%) sepia(86%) saturate(3531%) hue-rotate(198deg) brightness(92%) contrast(96%);}


/***********************/
/* 컨텐츠 영역 */
/***********************/
/* 레이아웃 */
.fs_main_contents {padding:8rem 0 10rem;}
.con_tit_wrap {text-align:center;}
.con_tit_wrap .con_tit_en {display:block;font-size:2.5rem;color:#0572e3;}
.con_tit_wrap .con_tit {font-weight:800;font-size:5.5rem;color:#000;margin-top:1rem;}
.con_wrap {margin:4.5rem 0 10rem;}
    @media only screen and (max-width:1023px){
		.con_tit_wrap .con_tit_en {font-size:2rem;}
		.con_tit_wrap .con_tit {font-size:4rem;}
	}
    @media only screen and (max-width:767px){
		.fs_main_contents {padding:6rem 0;}
        .con_tit_wrap .con_tit_en {font-size:1.8rem;}
		.con_tit_wrap .con_tit {font-size:3.5rem;}
        .con_wrap {margin:3rem 0 8rem;}
	}
/* 더보기 */
.more_btn {display:flex;align-items:center;gap:1.5rem;font-weight:500;font-size:2rem;}


/***********************/
/* 생산설비 */
/***********************/
.product_con {display:flex;justify-content:center;align-items:center;gap:4rem;}
.product_con li {position:relative;display:block;border-radius:2.4rem;overflow:hidden;}
.product_con li em {position:absolute;top:0;left:0;z-index:1;font-weight:700;font-size:3.5rem;color:#fff;padding:5rem 4rem;}
.product_con li img {max-width:100%;transition:all .4s ease-in-out;}
.product_con li:is(:hover,:focus,:active) img {transform:scale(1.1);}
    @media only screen and (max-width:1199px){
		
	}
    @media only screen and (max-width:1023px){
		.product_con li em {font-size:3rem;}
	}
    @media only screen and (max-width:767px){
		.product_con {gap:2rem;}
		.product_con li {width:100%;}
		.product_con li em {padding:3rem 2rem;font-size:2.3rem;}
	}

/***********************/
/* 인증서, 수상내역 */
/***********************/
/* 슬라이드 */
.certi_wrap {padding:11rem 0 2rem;background:url("../../images/fs/main/cert_bg.png") no-repeat left bottom -7rem #f6f6f6;background-size:100%;}
.certi_con {margin-bottom:0;}
.certi_con .certi_list {padding-bottom:3.5rem;}
.certi_con .certi_list li a {display:block;}
.certi_con .certi_list .certi_img {display:block;position:relative;aspect-ratio:4/3.5;margin-bottom:2.5rem;border-radius:2.4rem;border:1px solid #ddd;box-sizing:border-box;overflow:hidden;}
.certi_con .certi_list .certi_img img {width:100%;height:100%;object-fit:cover;object-position:center;}
.certi_con .certi_list .certi_tit {font-weight:600;font-size:2.5rem;letter-spacing:-0.08em;color:#2a2a2a;}
    @media only screen and (max-width:1023px){
        .certi_con .certi_list .certi_tit {font-size:2rem;}
	}
    @media only screen and (max-width:767px){
		.certi_wrap {padding:8rem 0 2rem;}
	}

/* 컨트롤 */
.certi_ctrl_box {display:flex;align-items:center;gap:4rem;height:10rem;}
.certi_ctrl_box .certi_prev {margin-right:2rem;}
.certi_ctrl_box .certi_pager {display:flex;gap:1rem;width:auto;font-weight:600;color:#000;}
.certi_ctrl_box .certi_next {margin-left:2rem;}
.certi_ctrl_box .more_btn {margin-left:auto;}
    @media only screen and (max-width:767px){
		.certi_ctrl_box {gap:2rem;}
		.certi_ctrl_box .certi_prev {margin-right:1rem;}
		.certi_ctrl_box .certi_next {margin-left:1rem;}
	}

/***********************/
/* 공지사항 */
/***********************/
.noti_wrap {display:flex;margin-top:10rem;padding:0 4rem;background:#eee;border-radius:2.4rem;height:10.4rem;}
.noti_wrap .con_tit_wrap {margin-right:4rem;display:flex;align-items:center;}
.noti_wrap .noti_con {width:100%;}
.noti_wrap .noti_con li {display:flex;align-items:center;}
.noti_wrap .noti_con a {display:flex;align-items:center;gap:2rem;width:100%;height:auto;}
.noti_wrap .noti_con a em {font-weight:600;font-size:2.5rem;letter-spacing:-0.08em;color:#2a2a2a;}
.noti_wrap .more_btn {margin-left:9rem;position:relative;}
.noti_wrap .more_btn::before {position:absolute;top:50%;left:-3rem;transform:translateY(-50%);content:"";width:1px;height:1.6rem;background:#606060;}
    @media only screen and (max-width:1023px){
        .noti_wrap .noti_con a em {font-size:2rem;}
	}
    @media only screen and (max-width:767px){
		.noti_wrap {margin-top:4rem;height:8rem;padding:0 2rem;}
		.noti_wrap .con_tit_wrap {margin-right:2rem;}
		.noti_wrap .noti_con a em {font-size:1.8rem;}
		.noti_wrap .noti_con a span {font-size:1.4rem;}
		.noti_wrap .more_btn {margin-left:2rem;}
		.noti_wrap .more_btn::before {display:none;}
		.noti_wrap .more_btn span {display:none;}
	}

/***********************/
/* 회사정보 */
/***********************/
.info_wrap {display:flex;gap:4rem;margin-top:4rem;}
.info_wrap .info_right {display:flex;flex-direction:column;gap:4rem;width:49rem;}
.info_left {display:flex;align-items:stretch;width:calc(100% - 49rem);}
    @media only screen and (max-width:1023px){
		.info_wrap {gap:3rem;margin-top:3rem;}
		.info_wrap .info_right {width:40rem;gap:3rem;}
		.info_left {width:calc(100% - 40rem);}
	}
	@media only screen and (max-width:767px){
		.info_wrap {flex-wrap:wrap;gap:2rem;}
		.info_left {width:100%;height:20rem;}
		.info_wrap .info_right {width:100%;gap:2rem;}
	}

/* About us */
.about_wrap {position:relative;width:100%;}
.about_wrap > div {height:100%;transition:all .4s ease-in-out;border-radius:2.4rem;}
.about_wrap > div.flip_card {background:url("../../images/fs/main/about_bg.png") no-repeat center/cover;}
.about_wrap > div.flip_cont {opacity:0;position:absolute;top:0;left:0;z-index:1;transform:rotateY(-180deg);width:100%;}
.about_wrap > div .inner {padding:5rem 4rem;}
.about_wrap > div .inner em {font-weight:700;font-size:3.5rem;color:#fff;}
.about_wrap > div .inner p {margin-top:2.5rem;font-size:2.2rem;text-wrap:balance;}
.about_wrap > div.flip_cont .inner {height:100%;display:flex;flex-direction:column;justify-content:space-between;}
.about_wrap > div.flip_cont .inner em {color:#2a2a2a;}
.about_wrap > div.flip_cont .inner a {margin-left:auto;}
    @media only screen and (max-width:767px){
		.about_wrap > div .inner {padding:3rem 2rem;}
		.about_wrap > div .inner em {font-size:2.5rem;}
		.about_wrap > div .inner p {margin-top:1.5rem;font-size:1.6rem;}
	}

/* About us - 오버효과 */
.about_wrap:is(:hover,:focus,:active) .flip_card, .about_wrap:has(a:hover,a:focus,a:active) .flip_card {transform:rotateY(180deg);opacity:0;}
.about_wrap:is(:hover,:focus,:active) .flip_cont, .about_wrap:has(a:hover,a:focus,a:active) .flip_cont {transform:rotateY(0);opacity:1;box-shadow: 0 2px 40px 2px rgba(5,114,227,0.3);}

/* 공장 레이아웃 */
.layout_wrap .layout_btn {height:100%;display:flex;flex-direction:column;justify-content:center;background:#0572e3;border-radius:2.4rem;padding:4rem;}
.layout_wrap .layout_btn em span {display:inline-block;background:#fff;padding:0 1.5rem;line-height:5rem;border-radius:2.5rem;font-weight:700;color:#0572e3;}
.layout_wrap .layout_btn .inner {margin-top:1.5rem;display:flex;justify-content:space-between;align-items:flex-end;}
.layout_wrap .layout_btn .inner h3 {font-size:3rem;color:#fff;}

/* 공장 레이아웃 - 팝업 */
#layout_popup {display:none;position:fixed;top:0;left:0;z-index:10;background:rgba(0,0,0,.8);width:100%;height:100vh;}
#layout_popup .img_box {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;padding:2rem;background:#fff;border-radius:.5rem;}
#layout_popup .img_box img {max-width:100%;}
#layout_popup .close_btn {position:absolute;top:-50px;right:-20px;}
    @media only screen and (max-width:1023px){
		.layout_wrap .layout_btn .inner h3 {font-size:2.5rem;}
		#layout_popup .img_box {width:90%;}
	}
    @media only screen and (max-width:767px){
		.layout_wrap .layout_btn {width:100%;padding:3rem 2rem;}
		#layout_popup .close_btn {right:-15px;}
	}

/* 문의, 근무시간 */
.contact_wrap {height:100%;display:flex;justify-content:space-between;align-items:flex-end;border-radius:2.4rem;padding:4rem;border:1px solid #ddd;}
.contact_wrap .tel {display:flex;align-items:center;gap:1.5rem;font-size:3rem;color:#2a2a2a;margin-bottom:1rem;}
.contact_wrap .tel em {color:#0572e3;}
.contact_wrap .time {font-size:2rem;}

	@media only screen and (max-width:1199px){

	}
	@media only screen and (max-width:1023px){
		.contact_wrap .tel {font-size:2.5rem;flex-wrap:wrap;}
		.contact_wrap .tel span {width:100%;}
		.contact_wrap .time {font-size:1.8rem;}
	}
	@media only screen and (max-width:767px){
		.contact_wrap {padding:3rem 2rem;}
	}


/**********************************************/
/* 영문 */
/**********************************************/
/***********************/
/* 컨텐츠 영역 */
/***********************/
/* 레이아웃 */
:lang(en) .con_tit_wrap .con_tit {font-size:5rem;letter-spacing:-0.03em;}
	@media only screen and (max-width:1023px){
		:lang(en) .con_tit_wrap .con_tit {font-size:3.5rem;}
	}
	@media only screen and (max-width:767px){
		:lang(en) .con_tit_wrap .con_tit {font-size:3rem;}
	}

/***********************/
/* 회사정보 */
/***********************/
:lang(en) .info_wrap .info_right {width:60rem;}
:lang(en) .info_left {width:calc(100% - 60rem);}
@media only screen and (max-width:1023px){
	:lang(en) .info_wrap .info_right {width:40rem;gap:3rem;}
	:lang(en) .info_left {width:calc(100% - 40rem);}
}
@media only screen and (max-width:767px){
	:lang(en) .info_left {width:100%;height:20rem;}
	:lang(en) .info_wrap .info_right {width:100%;gap:2rem;}
}