/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

/* ===== VDRs Hero ===== */ 
#top .avia-section:has(#vdrs-hero) { padding-top:0 !important; padding-bottom:0 !important; border:0 !important; }

/* Base */ 
#top #vdrs-hero{ width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); /* 컬러섹션 기본 패딩 보정치 */ margin-top:-50px; margin-bottom:-50px; position:relative; isolation:isolate; color:#fff; } 
#top #vdrs-hero .vdrs-inner{ max-width:1400px; margin:0 auto; padding:20px; display:grid; align-items:center; grid-template-columns:1fr 1fr; gap:5px; } 

/* Text */ 
#top #vdrs-hero .vdrs-title{ font-size:clamp(40px,3vw,44px); line-height:1.3; font-weight:500; margin:0 0 16px; color:#fff!important; } 
#top #vdrs-hero .vdrs-sub{ font-size:clamp(16px,1.2vw,20px); line-height:1.8; opacity:.95; margin:0 0 28px; color:#fff; } 
#top #vdrs-hero .vdrs-cta{ display:flex; flex-wrap:wrap; gap:14px } 
#top #vdrs-hero .vdrs-btn{ display:inline-flex; align-items:center; justify-content:center; padding:6px 24px; text-decoration:none; transition:.15s transform,.15s opacity,.2s background-color } 
#top #vdrs-hero .vdrs-btn--primary{ background:#0071c5; color:#fff; border:1px solid rgba(255,255,255,.15) } 
#top #vdrs-hero .vdrs-btn--secondary{ background:#fff; color:#0071c5; border:1px solid rgba(255,255,255,.45) } 
#top #vdrs-hero .vdrs-btn:hover{ transform:translateY(-1px); opacity:.95 } 

/* Art */ 
#top #vdrs-hero .vdrs-art{ position:relative; min-height:320px } 
#top #vdrs-hero .vdrs-art img{ display:block; position:relative; width:clamp(560px,46vw,900px); height:auto; margin-right:clamp(-140px,-6vw,-80px); filter:drop-shadow(0 16px 32px rgba(0,0,0,.18)); } 

/* ===== Breakpoints ===== */ 

/* Mobile ≤768px: 1열 + 이미지 하단 */ 
@media (max-width:768px){ 
	#top #vdrs-hero .vdrs-inner{ grid-template-columns:1fr; padding:44px 20px 28px } 
	#top #vdrs-hero .vdrs-cta{ gap:10px } 
	#top #vdrs-hero .vdrs-art{ margin-top:14px; min-height:0 } 
	#top #vdrs-hero .vdrs-art img{ margin:0 auto; width:min(92%,560px) } 
} 

/* Narrow tablet 769–911px: 잘림 방지 + 중앙 정렬 */ 
@media (min-width:769px) and (max-width:911px){ 
	#top #vdrs-hero .vdrs-inner{ grid-template-columns:minmax(310px,0.9fr) minmax(500px,1.1fr); padding-left:20px; padding-right:20px; gap:clamp(8px,2vw,20px); } 
	#top #vdrs-hero .vdrs-art{ display:flex; justify-content:center; align-items:center } 
	#top #vdrs-hero .vdrs-art img{ margin:0; transform:none; width:min(82vw,760px); max-width:100%; height:auto; } 
} 

/* Wide tablet 912–1189px: 중앙 정렬 + 적절한 확대 */ 
@media (min-width:912px) and (max-width:1189px){ 
	#top #vdrs-hero .vdrs-inner{ grid-template-columns:1fr 1fr; gap:6px; } 
	#top #vdrs-hero .vdrs-art{ display:flex; justify-content:center; align-items:center } 
	#top #vdrs-hero .vdrs-art img{ margin-right:0; width:min(100%,860px); max-width:86vw } } 

/* Desktop ≥1366px: 갭 최소화 + 이미지 살짝 축소(좌측 치우침 유지) */ 
@media (min-width:1366px){ 
	#top #vdrs-hero .vdrs-inner{ grid-template-columns:minmax(440px,0.9fr) minmax(640px,1.1fr); gap:clamp(0px,1vw,10px); padding-left:5px; padding-right:5px; } 
	#top #vdrs-hero .vdrs-art{ display:flex; justify-content:flex-start; align-items:center } 
	#top #vdrs-hero .vdrs-art img{ width:100%; margin-right:-60px; margin-left:-24px; max-width:none; } 
} 

/* Ultra-wide ≥1920px: 상한 조정 */ 
@media (min-width:1920px){ 
	#top #vdrs-hero .vdrs-art img{ width:clamp(1400px,58vw,1700px); margin-right:-40px; margin-left:-16px; } 
}




.html_header_transparency #top .avia-builder-el-0 .container {
    padding-top: 0;
}

/* List Contents */

.ico_input {
	min-height: 200px;
	padding:30px 30px 30px 160px;
}

.tokkyo_box3 {
	border-left: 1px solid #FFF; 
	padding-left: 30px;
	min-height: 310px;
	box-sizing: border-box;
}
.tokkyo_box3_w {
	border-left: 1px solid #000; 
	padding-left: 30px;
	min-height: 310px;
	box-sizing: border-box;
}

/* BR tag */

br.sp-only {
  display: inline;
}

@media (max-width: 769px) {
  br.sp-only {
    display: none;
  }
}

@media (max-width: 769px) {
.back-img {
    background-position: 20% 50%!important;
}
}

/* List Table */
#usecase-table table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #518ec8;
  text-align: left;

}

#usecase-table th, 
#usecase-table td {
  border: 1px solid #518ec8;
  padding: 20px;
  vertical-align: middle;
	font-size: 16px!important;
}

#usecase-table thead th {
  background-color: #f2f6fc;
  color: #144a96!important;
}

#usecase-table tbody td {
  background-color: #fff;
  font-weight: 400;
}

/* responsive */
@media (max-width: 768px) {
  #usecase-table table {
    font-size: 0.95em;
  }
  #usecase-table th, 
  #usecase-table td {
    padding: 14px 12px;
  }
}

/* LIST*/

/* ===== VDR Card: normalize & lock positions (HTML 변경 없음) ===== */

/* 카드 기본 레이아웃 + 임의 고정 높이 */
.vdr-card{
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:500px;          /* 데스크탑에서 카드 높이 통일 */
  background:#fff;
  transition:transform .2s ease, box-shadow .2s ease;
}

/* 본문 영역은 가변, 푸터는 바닥으로 */
.vdr-card-body{ flex:1 1 auto; }
.vdr-card-footer{ margin-top:auto; }

/* 헤더: 아이콘 칸 고정(프레임 96x96) */
.vdr-card-head{
  display:grid;
  grid-template-columns:96px 1fr; /* 아이콘 칸 고정, 우측은 가변 */
  align-items:center;
  column-gap:22px;
  margin-bottom:16px;
}

/* 아이콘: 동일 프레임 + 중앙수납 */
.vdr-card-icon{
  width:88px;                 /* 실제 아이콘 크기 */
  height:88px;
  display:block;
  margin:auto;                /* 프레임 중앙 배치 */
  object-fit:contain;         /* 원본 비율 유지 */
  padding:6px;                /* 필요 없으면 0으로 */
}

/* 타이틀 색상(폰트 사이즈는 테마 기본 사용) */
.vdr-card-head h4{ margin:0 0 6px; color:#2f5390 !important; }
.vdr-card-head h6{ margin:0; color:#2f5390 !important; font-weight:700; }

/* 본문 */
.vdr-card-lead{ color:#2f5390 !important; margin:20px 0 18px; }
.vdr-card-desc{ margin:0; line-height:1.6; }

/* 하단 구분선/링크 - 항상 같은 위치 */
.vdr-card-divider{ border-bottom:1px solid #2f5390 !important; margin:32px 0 18px; }
.vdr-card-link{
  color:#2f5390 !important; font-weight:600; text-decoration:none;
  display:inline-flex; align-items:flex-start; gap:8px; transition:opacity .2s ease;
}
.vdr-card-link:hover{ opacity:.7; }

/* ===== Responsive ===== */
@media (max-width:1024px){
  .vdr-card{ min-height:520px; }
}
@media (max-width:768px){
  .vdr-card{ min-height:auto; padding:20px; } /* 모바일은 자유 높이 */
  .vdr-card-head{ column-gap:16px; grid-template-columns:84px 1fr; }
  .vdr-card-icon{ width:76px; height:76px; padding:5px; }
}