@charset "utf-8";

/* 회원가입 이메일 자동완성 */
.autocomplete-suggestions { 
	border: 1px solid #ccc; 
	max-height: 150px; 
	overflow-y: auto; 
	position: relative; 
/* 	position: absolute;  */
	background-color: white; 
	z-index: 1000; 
	width: calc(100% - 22px); 
} 


.breadcrumb-item + .breadcrumb-item::before {
	content: '·' !important;
}

.breadcrumb-item {
	color: rgba(255, 255, 255, 0.60);
}

.camera3d_p {
color: #727272;
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
}

.about-title h3.mini_line_tit {
	color: #222;
font-family: Pretendard;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 24px */
letter-spacing: -0.24px;
}

/*===================================================*/
.result_wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
}


/* .result_tit.about-title {
	width: 140px;
} */

.result_con_box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	background: #f5f7fa;
}

.result_con_text{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
	border: 1px solid #f5f7fa;
	padding: 24px;
	background-color: #fff;
	border-radius: 0 0 12px 12px;
}

.result_con_text>h2{ 
	color: #222;
	text-align: center;
	/* Headline 1/Medium - 20 */
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 26px */
	letter-spacing: 0.2px;	
}
.result_con_text>p{
	color: #666;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */	
	word-break: keep-all;
}
.result_con_text>span{
	color: #666;
	text-align: right;
	font-family: Pretendard;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 18px */
	align-self: flex-end;
}

.result_con:nth-child(1) iframe,
.result_con:nth-child(3) iframe,
.result_con:nth-child(1) img,
.result_con:nth-child(3) img {
	position: static;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 20px 0;
	padding-left: 20px;
	padding-right: 12px;
  }

  .result_con:nth-child(2) iframe,
  .result_con:nth-child(4) iframe,
  .result_con:nth-child(2) img,
  .result_con:nth-child(4) img {
	position: static;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 20px 0;
	padding-right: 20px;
	padding-left: 12px;
  }  

.result_con_box .result_con {
	width: calc(100%/2);
	position: relative;
	aspect-ratio: 16/9;
}

.result_con_box .result_con img {
	width: 100%;
	height: 100%;
	max-width: 100%;
}

.result_tit  .section-title-underline::after {
	width: 100%;
} 

.result_wrapper.column_wrap {
	flex-direction: column;
	gap: 40px;
	align-items: center;
}

.result_wrapper.column_wrap .result_con_box {
	width: 100%;
}

/*==========================================================*/

body .breadcrumb > .active,
body .breadcrumb > .active a {
	color: #fff !important;
}

body .breadcrumb li a {
	color: rgba(255, 255, 255, 0.60);
}


.result_con_box.ai_result .result_con img {
	height: auto;
}

.result_txt_box {
	border-radius: 4px;
border: 1px solid var(--GREY-, #E6E6E6);
padding: 24px;
border-top: 0;
}

.result_txt_box h4 {
	color: #222;

/* Headline 1/Medium - 20 */
font-family: Pretendard;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 26px */
letter-spacing: 0.2px;
}

.result_txt_box p { 
	color: #727272;
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 400;
margin-top: 10px;
line-height: 150%; /* 21px */
}


body .breadcrumb-area {
	    min-height: 400px;
}

.video_wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap; /* 반응형 대응 */
  }
  
  .video_wrap .video_box {
	width: 50%;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .video_wrap .video_box video {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 꽉 채우기 */
	display: block;
  }

@media (min-width: 1200px) {
    body .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }


}

@media all and (max-width: 996px) {
		.result_wrapper.column_wrap .result_con_box .result_con {
		width: 100%;
	}
		.result_con_box .result_con {
		width: 100%;
	}
	
}

@media all and (max-width: 768px) {



	.result_con_box {
		width: 100%;
	}
	.result_wrapper {
		gap: 10px;
	}

	
}

.result_sec_desc{
	color: #666;
	text-align: center;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	margin-top: 24px;
	margin-bottom: clamp(60px, 6vw, 120px);
}

.tit_sec_custom{
	margin-top: clamp(60px, 6vw, 120px);
}

.noaspect{aspect-ratio: unset !important;}


/*기술 보유 현황 테이블*/
/* ========== 기본 ========== */
.patent_table { width:100%; max-width:1200px; margin:clamp(80px,7vw,140px) auto; padding:0 clamp(24px,3vw,80px); font-family:Pretendard,system-ui,-apple-system,Segoe UI,Roboto,sans-serif; color:#0C0C0C; box-sizing:border-box; }
.patent_table h2 { margin:0; line-height:40px; border-bottom:2px solid #100674; color:var(--Pri,#100674); font-size:24px; font-weight:700; letter-spacing:-0.24px; }

.patent_table table { width:100%; border-collapse:collapse; table-layout:fixed; }
.patent_table td { box-sizing:border-box; padding:clamp(14px,1.2vw,18px); vertical-align:middle; font-size:clamp(15px,0.95vw,17px); line-height:1.5; border-bottom:1px solid #DDE3EF; }

/* 컬럼별 */
.patent_table td.title { color:#666; font-size:16px; font-weight:400; line-height:150%; padding:12px 24px; }
.patent_table td.nation { width:180px; text-align:center; background:#100674; color:#fff; font-size:16px; font-weight:400; line-height:150%; }
.patent_table td.date { width:180px; text-align:center; background:#100674; color:#fff; font-weight:500; }

/* 데스크톱 라인 정리 */
.patent_table .title { border-bottom:1px solid #100674; }
.patent_table .nation { border-right:1px solid #fff; border-bottom:1px solid #fff; }
.patent_table .date { border-bottom:1px solid #fff; }

/* ========== 반응형 ========== */
/* 태블릿: 좌우 여백/글자 살짝 키움 */
@media (max-width: 1024px) {
  .patent_table { padding:0 clamp(20px,4vw,48px); }
  .patent_table td.title { padding:12px 18px; }
}

/* 모바일: 행을 '블록 카드'로 변환 (제목 → 국가/연도 배지 2열) */
@media (max-width: 768px) {
  .patent_table table { table-layout:auto; }
  .patent_table tr { display:block; padding:12px 0; border-bottom:1px solid #E2E7F1; margin-bottom:10px; }
  .patent_table td { display:block; width:100%; border:none; padding:0; }

  /* 제목 영역 */
  .patent_table td.title { background:#fff; color:#0C0C0C; padding:0 0 10px 0; font-size:clamp(15px,3.8vw,17px); line-height:1.55; border:none; }

  /* 배지(국가/연도) 행 */
  .patent_table td.nation,
  .patent_table td.date { display:inline-flex; align-items:center; justify-content:center; width:49.5%; min-height:44px; margin:0 0 6px 0; background:#0B3E82; color:#fff; font-size:15px; line-height:1.4; border-radius:6px; }

  /* 배지 사이 얇은 간격 */
  .patent_table td.nation { margin-right:1%; border:none; }
  .patent_table td.date { border:none; }

  /* 데스크톱 전용 라인 제거 */
  .patent_table .title,
  .patent_table .nation,
  .patent_table .date { border:none; }
}

/* 초소형 기기: 배지를 세로 스택 */
@media (max-width: 420px) {
  .patent_table td.nation,
  .patent_table td.date { width:100%; margin-right:0; }
}



/*3D AI Solution card*/
.ie_wrap{width:100vw;box-sizing:border-box;font-family:Pretendard,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0C0C0C;padding-bottom:6.25vw;padding-right:15px;padding-left:15px;}
.ie_inner{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;}
.ie_grid{display:flex;align-items:stretch;gap:4.17vw;}
.ie_title_box{width:6.25vw;display:flex;align-items:flex-start;justify-content:flex-start;}

.ie_title{color:#222;font-family:Pretendard;font-size:clamp(18px,1.25vw,24px);font-style:normal;font-weight:700;line-height:1;letter-spacing:-0.01em;}
.ie_title::after{content:"";display:block;width:4.58vw;height:0.1vw;background:#100674;margin-top:0.63vw;border-radius:0.05vw;}

.ie_wrap h3{color:#222;text-align:left;font-family:Pretendard;font-size:clamp(16px,1.04vw,20px);font-style:normal;font-weight:500;line-height:1.3;letter-spacing:0.01em;}
.ie_wrap p{color:#666;font-family:Pretendard;font-size:clamp(14px,0.83vw,16px);font-style:normal;font-weight:400;line-height:1.5;}

.ie_cards{flex:1 1 auto;display:flex;gap:1.25vw;align-items:stretch;}
.ie_card{flex:1 1 0;display:flex;flex-direction:column;border:0.05vw solid #E6EAF2;overflow:hidden;background:#fff;box-shadow:0 0.1vw 0.52vw rgba(0,0,0,0.04);}
.ie_thumb{width:100%;aspect-ratio:500/280;background:#F4F6FA;overflow:hidden;}
.ie_thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.ie_desc{padding:1.25vw;display:flex;flex-direction:column;gap:0.42vw;}
.ie_tit{margin:0;font-size:clamp(16px,0.94vw,18px);font-weight:700;line-height:1.5;}
.ie_txt{margin:0;font-size:clamp(14px,0.78vw,15px);line-height:1.7;color:#404553;}

.line_box{display:flex;justify-content:center;padding:6.25vw 0;}
.sec_line{width:100%;max-width:62.5vw;border-bottom:0.05vw solid #0000000D;}

.ie_two_card{display:flex;background:#f5f7fa;}
.ie_two_card div{flex:1 1 50%;padding:1.04vw;display:flex;align-items:center;}
.ie_two_card video{width:100%;height:auto;aspect-ratio:16/9;display:block;}



/* 20251015 추가 */
.result_con_pyo {
	width: 100%;
}

.result_con_pyo table {
	width: 100%;
	
}

.pyo_blue_head {
	background: #F5F7FA;
}

.result_con_pyo table tr td {
	height: 40px;
	padding: 0 10px;
	text-align: center;
	color: #222;

/* Label 1/Normal - Medium */
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 14px */
letter-spacing: 0.07px;

border-right: 0.5px solid rgba(0, 0, 0, 0.10);
border-bottom: 0.5px solid rgba(0, 0, 0, 0.10);
}

.result_con_pyo table tr td:last-child {
	border-right: none;
}

.result_con_pyo table tr:last-child td {
	border-bottom: none;
}

.result_con.pyo {
	border: 0.5px solid rgba(0, 0, 0, 0.10);
border-radius: 4px;
}

.result_con_box.gap_custom {
	gap: 24px;
}

.result_con_box.gap_custom .result_con{
	width: calc(50% - 12px);
}

/* -----------------------------
   [상세 스펙 섹션 전용 스타일]
----------------------------- */
.spec_section {
	padding-top: clamp(60px, 6vw, 120px);
	padding-bottom: clamp(60px, 6vw, 120px);
  }
  
  .spec_section .inner {
	width: min(1200px, 92%);
	margin: 0 auto;
  }

  .spec_title {display: flex; justify-content: center;}
  
  .spec_title p{
	display: inline-block;
	font-family: Pretendard;
	font-weight: 700;
	font-size: clamp(20px, 2vw, 28px);
	text-align: center;
	margin-bottom: clamp(32px, 4vw, 64px);
	position: relative;
	color: #222;
    font-family: Pretendard;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.24px;
  }
  .spec_title p::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #05367b;
	margin: 12px auto 0;
	border-radius: 3px;
  }
  
  /* 카드 격자 */
  .spec_grid {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: center;
  }
  
  /* 각 스펙 카드 */
  .spec_card {
	background: #fff;
	overflow: hidden;
	width: calc(50% - 12px);
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(0,0,0,0.05);
  }
  
  .spec_img {
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.1);
  }
  .spec_img img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
  }
  
  /* 표 */
  .spec_table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
  }
  .spec_table td {
	font-family: Pretendard;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	padding: 10px 16px;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	vertical-align: middle;
	text-align: center;
  }

  .bg_lightblue {
	background: #f5f7fa;
  }
	

  .spec_table .spec_head {
	font-weight: 600;
	background: #f5f7fa;
	width: 45%;
	text-align: center;
  }
  
  /* 반응형 */
  @media (max-width: 1024px) {
	.spec_card { width: 100%; }
  }
  