@charset "utf-8";

/* =========================
   공통
========================= */
/* 준비중 */
.img_ready {display:flex;justify-content:center;align-items:center;padding:10rem 5rem;background:var(--wm10);border-radius:2rem;}
.img_ready .left img {width:41.7rem;}
.img_ready .right {padding-left:2rem;}
.img_ready .right strong {line-height:1.2;font-size:4rem;color:var(--black);}
.img_ready .right strong em {color:var(--primary);}
.img_ready .right p {margin-top:2.5rem;line-height:1.5;font-size:1.8rem;}
	@media only screen and (max-width:767px){
		.img_ready {flex-direction:column;gap:4rem;text-align:center;}
		.img_ready .right strong em br {display:none;}
	}

/* =========================
   제품소개
========================= */
/* sub0101_비전메이트 */
.con_body:has(.intro) {padding-bottom:0;}
.hero {position:relative;height:100vh;}
.hero-visual {width:80vw;height:70vh;margin:0 auto;overflow:hidden;border-radius:2rem;}
.hero-visual img {width:100%;height:100%;object-fit:cover;}
.hero-text {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;pointer-events:none;}
.hero-text h4 {font-weight:800;font-size:8rem;}
.hero-text p {margin-top:2rem;font-weight:500;font-size:2.4rem;opacity:0.85;}
.intro_wrap {padding-top:13rem;}
.intro_wrap .heading {font-weight:500;font-size:17rem;line-height:1;color:#f2f2f2;margin-bottom:10rem;}
.intro_wrap .intro {display:grid;grid-template-columns:50% 40%;gap:10%;}
.intro_wrap .intro_txt strong {font-weight:700;font-size:4.2rem;color:var(--black);}
.intro_wrap .intro_txt strong span {color:var(--primary);}
.intro_wrap .intro_txt .desc {font-weight:300;font-size:1.8rem;color:var(--black);}
.intro_wrap .intro_txt .desc em {font-weight:600;}
.intro_wrap .intro_txt .desc_t {font-size:2rem;margin-bottom:8rem;}
.intro_wrap .intro_txt .desc_b {padding:8rem 0;position:relative;}
.intro_wrap .intro_txt .desc_b::after {position:absolute;top:0;left:-100vw;content:"";background:#f2f2f2;width:200vw;height:100%;z-index:-1;}
.intro_wrap .intro_img img {max-width:500px; border-radius:2rem;}
	@media only screen and (max-width:1499px){
		.intro_wrap .heading {font-size:15rem;}
		.intro_wrap .intro {grid-template-columns:55% 40%;gap:5%;}
		.intro_wrap .intro_txt .desc .br_none {display:none;}
	}
	@media only screen and (max-width:1199px){
		.intro_wrap .intro {grid-template-columns:55% 43%;gap:2%;}
	}
	@media only screen and (max-width:1023px){
		.intro_wrap .heading {font-size:13rem;}
		.intro_wrap .intro {display:flex;flex-direction:column;}
		.intro_wrap .intro_txt {order:2;margin-top:8rem;}
		.intro_wrap .intro_txt .desc_t {margin-bottom:6rem;}
		.intro_wrap .intro_txt .desc_b {padding:6rem 0;}
	}
	@media only screen and (max-width:767px){
		.hero-visual {width:80vw;height:70vh;margin:0 auto;overflow:hidden;border-radius:2rem;}
		.hero-text h4 {font-size:4rem;}
		.hero-text p {font-size:1.8rem;}
		.intro_wrap .heading {font-size:11rem;}
		.intro_wrap .intro_txt .desc_t {margin-bottom:5rem;}
		.intro_wrap .intro_txt .desc_b {padding:5rem 0;}
	}


/* =========================
   산업 애플리케이션
========================= */
/* sub0201~0206_공통 */
.side_section {padding-top:13rem;}
.side_section .side {display:grid;grid-template-columns:35% 60%;gap:5%;}
.side_section .side:not(:first-child) {margin-top:12rem;}
.side_section .side .side_tit h5 {color:var(--black);}
.application_box {padding:3rem;border:1px dashed #ddd;background:#f2f2f2;color:var(--primary2);}
.application_box .image_box:first-of-type {margin-top:2rem;}
.application_box .image_box:not(:first-of-type) {margin-top:3rem;}
	@media only screen and (max-width:1023px){
		.side_section {padding-top:8rem;}
		.side_section .side {grid-template-columns:35% 63%;gap:2%;}
		.side_section .side:not(:first-child) {margin-top:7rem;}
		.application_box {padding:2rem;}
		.application_box .image_box:not(:first-child) {margin-top:1.5rem;}
	}
	@media only screen and (max-width:767px){
		.side_section {padding-top:6rem;}
		.side_section .side {display:flex;flex-direction:column;}
	}

/* sub0207_검사항목 보기 */
.section-title {padding-top:13rem;}
.test_lists {display:flex;flex-wrap:wrap;}
.test_lists .item {flex:1 1;padding:2rem;}
.test_lists .item .item_con {padding:8rem 4rem;height:100%;text-align:center;border:1px solid #ddd;border-radius:2rem;background:#fff;}
.test_lists .item .item_con img {display:block;margin:auto;}
.test_lists .item .item_con em {display:block;margin-top:1rem;font-weight:700;font-size:2.8rem;color:var(--black);}
	@media only screen and (max-width:1199px){
		.test_lists .item .item_con {padding:6rem 4rem;}
	}
	@media only screen and (max-width:1023px){
		.section-title {padding-top:8rem;}
		.test_lists .item .item_con {padding:4rem;}
	}
	@media only screen and (max-width:767px){
		.section-title {padding-top:6rem;}
		.test_lists {flex-direction:column;}
		.test_lists .item {padding:1rem;}
		.test_lists .item .item_con {padding:3rem;}
	}

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