@charset "utf-8";

/*********** 공통 ***********/
.skip_snb_menu {display:none;}
.con_box {padding:14.5rem 0;}
	@media only screen and (max-width:1199px){
		.con_box {padding:12.5rem 0;}
	}
	@media only screen and (max-width:1023px){
		.con_box {padding:11rem 0;}
	}
	@media only screen and (max-width:767px){
		.con_box {padding:10rem 0;}
	}

/* 컨텐츠 타이틀 */
.con_box .tit_wrap {justify-content:space-between;align-items:flex-end;margin-bottom:6rem;}
.con_box .tit span {display:block;}
.con_box .tit span.eng_tit {font-family:var(--eng_font);font-weight:700;font-size:2.4rem;line-height:1;margin-bottom:.5rem;}
.con_box .tit span.kor_tit {font-size:6rem;font-weight:400;line-height:1.3;color:#111;}
.con_box .tit span.kor_tit strong {font-weight:900;}
	@media only screen and (max-width:1023px){
		.con_box .tit_wrap {margin-bottom:5rem;}
	}
	@media only screen and (max-width:767px){
		.con_box .tit_wrap {margin-bottom:4rem;}
	}

/* 자세히 보기 */
.con_box .more_btn {justify-content:center;width:30rem;height:6rem;background:#fff;border:1px solid #ddd;border-radius:3rem;color:#222;position:relative;z-index:1;overflow:hidden;}
.con_box .more_btn:is(:hover,:focus,:active) {color:#fff;}
.con_box .more_btn::after {content:"";position:absolute;left:0;top:0;z-index:-1;width:0;height:100%;background:var(--main_color);transition:all .4s;}
.con_box .more_btn:is(:hover,:focus,:active)::after {width:100%;}
.con_box .more_btn span {font-weight:700;font-size:2.2rem;}
.con_box .more_btn i {font-size:3.2rem;}
	@media only screen and (max-width:1299px){
		.con_box .more_btn {justify-content:center;width:25rem;}
	}


/*********** 비주얼 영역 ***********/
.mvis_wrap {position:relative;overflow:hidden;}
.mvis_wrap .swiper-slide {height:calc(100vh - 18rem);background:no-repeat center/cover;}
.mvis_text {height:calc(100% - 5rem);display:flex;justify-content:center;flex-direction:column;color:#fff;}
	@media only screen and (max-width:767px){
		.mvis_wrap .swiper-slide {height:calc(100vh - 8rem);}
	}

/* 비주얼 텍스트 - type1(우측 정렬) */
.mvis_text.type1 {text-align:right;}
.mvis_text.type1 .sta {font-weight:700;font-size:6.5rem;line-height:1.45;text-wrap:balance;}
.mvis_text.type1 .stb {font-weight:300;font-size:2.2rem;margin-top:5rem;}
	@media only screen and (max-width:767px){
		.mvis_text.type1 {text-align:center;}
		.mvis_text.type1 br {display:none;}
		.mvis_text.type1 .sta {font-size:6rem;line-height:1.2;text-wrap:balance;}
		.mvis_text.type1 .stb {font-size:2rem;margin-top:4rem;text-wrap:balance;}
	}

/* 비주얼 텍스트 - type2(중앙 정렬) */
.mvis_text.type2 {text-align:center;}
.mvis_text.type2 .sta {width:clamp(0px,98%,1200px);font-family:var(--eng_font);font-style:italic;font-weight:900;font-size:7rem;line-height:1;padding-bottom:5.5rem;margin:0 auto 5rem;border-bottom:1px solid #fff;}
.mvis_text.type2 .sta span {font-family:inherit;}
.mvis_text.type2 .stb {font-weight:500;font-size:2.6rem;margin-bottom:1.5rem;}
.mvis_text.type2 .stc {font-weight:300;font-size:1.6rem;line-height:1.6;}
	@media only screen and (max-width:767px){
		.mvis_text.type2 .sta {font-size:6.5rem;padding-bottom:4.5rem;margin:0 auto 4rem;}
		.mvis_text.type2 .stb {font-size:2.4rem;}
	}

/* 컨트롤 */
.mvis_ctrl_box {position:absolute;bottom:4rem;left:50%;transform:translateX(-50%);z-index:10;line-height:0;}
.mvis_ctrl_box .swiper-pagination-bullet {width:1rem;height:1rem;background:#fff;opacity:1;}
.mvis_ctrl_box .swiper-pagination-bullet-active {width:3rem;background:var(--main_color);border-radius:.5rem;}

/* 비주얼 하단(인트로) */
.intro_wrap {height:10rem;display:flex;justify-content:space-between;align-items:center;gap:4rem;}
.intro_wrap em {font-family:var(--eng_font);font-style:italic;font-weight:900;font-size:6rem;line-height:1;color:var(--main_color);white-space:nowrap;position:relative;}
.intro_wrap em::after {width:1.4rem;height:2rem;content:"";background:url("../../images/fs/main/intro_after.png") no-repeat center/cover;position:absolute;top:0;right:-1.4rem;}
.intro_wrap p {font-weight:300;text-wrap:balance;text-align:right;}
	@media only screen and (max-width:767px){
		.intro_wrap {display:none;}
	}


/*********** con1_제품 ***********/
.con1 {background:#f7f7f7;}
.products_item a {display:block;background:no-repeat right top #fff;border-radius:2rem;padding:6rem 1rem 1rem;transition:all 0s;}
.products_item .prod_txt {padding:0 4rem;}
.products_item .prod_txt .prod_tit {font-weight:600;font-size:3rem;color:#111;min-height:14rem;text-wrap:balance;}
.products_item .prod_txt .prod_info {font-size:2rem;min-height:12rem;margin-bottom:3rem;}
.products_item .prod_img {width:100%;height:42rem;border-radius:1.5rem;overflow:hidden;}
.products_item .prod_img img {width:100%;height:100%;object-fit:cover;object-position:center;}
.cursor {position:relative;}
	@media only screen and (max-width:1499px){
		.products_item a {padding:4rem 1rem 1rem;}
		.products_item .prod_txt .prod_tit {max-width:30rem;}
		.products_item .prod_txt .prod_info {font-size:1.8rem;}
	}
	@media only screen and (max-width:1199px){
		.products_item .prod_txt .prod_info {min-height:11rem;}
	}
	@media only screen and (max-width:1023px){
		.products_item .prod_txt .prod_info {min-height:10rem;}

	}
	@media only screen and (max-width:767px){
		.con1 .tit_wrap {flex-direction:column;align-items:center;gap:3rem;text-align:center;}
		.products_item .prod_txt .prod_tit {font-size:3rem;}
	}

/* 호버효과 */
.products_item a:is(:hover,:focus,:active) {background:url("../../images/fs/main/products_item_ov.png") no-repeat right top var(--main_color);position:relative;}
.products_item a:is(:hover,:focus,:active)::after {display:flex;justify-content:center;align-items:center;font-family:"remixicon";font-size:3.2rem;color:#fff;content: "\ea70";width:5rem;height:5rem;background:var(--main_color);border-radius:50%;position:absolute;top:0;right:0;}
.products_item a:is(:hover,:focus,:active) .prod_txt .prod_tit {color:#fff;}
.products_item a:is(:hover,:focus,:active) .prod_txt .prod_info {color:rgba(255,255,255,0.6);}


/*********** con2_납품처 ***********/
.con2 {background:url("../../images/fs/main/con02_bg.png") no-repeat right bottom/cover;}
.partner_list {display:grid;grid-template-columns:repeat(5,1fr);gap:2.5rem;}
.partner_list li {height:10rem;display:flex;justify-content:center;align-items:center;background:#fff;border:1px solid #ddd;border-radius:2rem;}
	@media only screen and (max-width:1299px){
		.partner_list li img {max-width:80%;max-height:80%;}
	}
	@media only screen and (max-width:1199px){
		.con2 .tit_wrap {flex-direction:column;align-items:center;gap:3rem;text-align:center;}
	}
	@media only screen and (max-width:1023px){
		.partner_list {grid-template-columns:repeat(3,1fr);gap:1.5rem;}
	}
	@media only screen and (max-width:767px){
		.partner_list {grid-template-columns:repeat(2,1fr);gap:1.5rem;}
	}


/*********** con3_기술 및 인증 ***********/
.con3 {position:relative;}
.con3::after {position:absolute;bottom:0;left:0;content:"";width:clamp(0px,98%,1710px);height:33rem;border-radius:0 5rem 5rem 0;background:url("../../images/fs/main/con03_bg.png") no-repeat top right -5rem var(--main_color);}
.con3 .con_wrap {position:relative;}
.cert_box {margin:0 10rem;}
.cert_box a {display:flex;flex-direction:column;align-items:center;gap:2rem;}
.cert_box .cert_img {width:100%;border:1px solid #ddd;overflow:hidden;aspect-ratio:1/1.5;}
.cert_box .cert_img:has(img.no-img) {padding:1rem;background:#fff;}
.cert_box .cert_img img {width:100%;height:100%;object-fit:cover;}
.cert_box .cert_img img.no-img {object-fit:contain;}
.cert_box .cert_tit {font-weight:600;font-size:2rem;color:#fff;text-align:center;}
.cert_ctrl_box .cert_ctrl {display:flex;justify-content:center;align-items:center;width:5rem;height:5rem;background:#000;border-radius:50%;font-size:3rem;color:#fff;position:absolute;top:50%;transform:translateY(-50%);z-index:1;}
.cert_ctrl_box .cert_ctrl.cert_prev {left:7.5rem;}
.cert_ctrl_box .cert_ctrl.cert_next {right:7.5rem;}
	@media only screen and (max-width:1599px){
		.con3::after {height:28.5rem;}
		.cert_box {margin:0 8rem;}
		.cert_ctrl_box .cert_ctrl.cert_prev {left:5.5rem;}
		.cert_ctrl_box .cert_ctrl.cert_next {right:5.5rem;}
	}
	@media only screen and (max-width:1199px){
		.cert_box {margin:0 4rem;}
		.cert_ctrl_box .cert_ctrl.cert_prev {left:1.5rem;}
		.cert_ctrl_box .cert_ctrl.cert_next {right:1.5rem;}
	}
	@media only screen and (max-width:575px){
		.con3 .tit_wrap {flex-direction:column;align-items:center;gap:3rem;text-align:center;}
	}


/*********** con4_온라인 문의 ***********/
.con4 {padding-bottom:0;}
.inquiry_box {display:grid;grid-template-columns:4fr 1fr 3fr;}
.inquiry_box .left {grid-area:1/1/2/2;}
.inquiry_box .inquiry_list {display:flex;flex-direction:column;gap:2.8rem;}
.inquiry_box .inquiry_list li {display:flex;gap:2.8rem;}
.inquiry_box .inquiry_list li > * {flex:1 1 0;}
.inquiry_box .inquiry_list li .error {border-color:var(--main_color);}
.inquiry_box .inquiry_list li .error::-ms-input-placeholder {color:var(--main_color);}
.inquiry_box .inquiry_list li .error::-webkit-input-placeholder {color:var(--main_color);}
.inquiry_box .inquiry_list li .error::-moz-placeholder {color:var(--main_color);}
.inquiry_box .inquiry_list .inquiry_item {height:5rem;display:flex;align-items:center;gap:0;background:#fff;border:1px solid #ddd;border-radius:1rem;overflow:hidden;}
.inquiry_box .file_box .btn_upload {flex:none;height:100%;}
.inquiry_box .file_box .file_btn {width:16rem;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#ddd;}
.inquiry_box .file_box #fileUpload, .inquiry_box .upload_list #attachFile {display:none;}
.inquiry_box .upload_list label {display:block;cursor:pointer;padding:0 2rem;}
.inquiry_box .captchaWord {height:5rem;display:flex;align-items:center;background:#fff;border:1px solid #ddd;border-radius:1rem;overflow:hidden;}
.inquiry_box .captchaWord img {width:16rem;height:100%;}
.inquiry_box .captchaWord #captchaWord {border:none;width:100%;}
.inquiry_box .btn_wrap {justify-content:space-between;align-items:flex-start;}
.inquiry_box .btn_wrap .privacy_modal {margin-left:1.5rem;font-size:1.5rem;color:#fff;padding:.5rem 1rem;border-radius:.5rem;background:var(--main_color);}
.inquiry_box .right {grid-area:1/3/2/4;border-radius:2rem;background:url("../../images/fs/main/con04_bg.png") no-repeat right bottom/cover;}
	@media only screen and (max-width:1399px){
		.inquiry_box {grid-template-columns:4fr 0.5fr 3fr;}
	}
	@media only screen and (max-width:1199px){
		.inquiry_box {grid-template-columns:4fr 2.8rem 3fr;}
	}
	@media only screen and (max-width:1023px){
		.inquiry_box {display:block;}
		.inquiry_box .inquiry_list, .inquiry_box .inquiry_list li {gap:1.4rem;}
		.inquiry_box .right {display:none;}
	}
	@media only screen and (max-width:575px){
		.inquiry_box .inquiry_list li {flex-wrap:wrap;}
		.inquiry_box .btn_wrap {flex-direction:column;align-items:center;gap:1.4rem;}
	}