/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*crocoblock 에서 리스팅 표시 전에 숨김처리 하는 부분*/
body:not(.elementor-editor-active) .hide-listing {
    /*visibility: hidden;*/
    display: none; /* display: none; 사용 시, 요소가 완전히 제거되어 레이아웃에 영향을 줄 수 있음 => 참고로 기록해둠*/
    /*position: absolute;*/ /* 요소를 화면에서 보이지 않게 하지만, 공간은 차지 않도록 함 ==> 참고로 기록해둠*/
    height: 0;
}

/*******************************************/
/*ai-blog 에서 제목에 대한 스타일을 지정하는 부분*/
/*******************************************/
/*간격*/
#lusas_content h2:first-of-type {padding-top: 10px;}
#lusas_content :not(td) h2{padding-top: 150px; padding-bottom: 80px;}
#lusas_content :not(td) h3{padding-top: 100px; padding-bottom: 40px;}
#lusas_content :not(td) h4{padding-top: 40px; padding-bottom: 20px;}
#lusas_content :not(td) h5, li {padding-bottom: 20px;} /*목록표시가 필요할 때*/
#lusas_content :not(td) li p {padding-bottom: 0px; padding-left: 0px;} /*목록표시가 필요할 때*/
#lusas_content :not(td) p {padding-bottom: 20px;}
/* figure 뒤에 따라오는 p 태그에만 여백 추가 */
#lusas_content figure + p {padding-top: 80px;}
#lusas_content :not(td) hr {margin-top: 80px; margin-bottom: 80px;}
#lusas_content :not(td) img {margin-top: 100px; margin-bottom: 100px;}
#lusas_content :not(td) b, #lusas_content :not(td) strong {margin-top: 80px; margin-bottom: 40px;}
/*#lusas_content figcaption {margin-bottom: 100px;}*/
#lusas_content table {margin-bottom: 100px; /* 하단 여백 20px */}
/*폰트크기, h4 색깔은 검붉은색*/
#lusas_content h2{font-size: 35px; color: #222; font-weight: bold !important; }
#lusas_content h3{font-size: 28px; color: #222; font-weight: bold !important;}
#lusas_content h4{font-size: 20px; color: #780822; font-weight: bold !important;font-style: italic; line-height: 2.0; /* 줄 높이 조정 */}
#lusas_content h5, li, li p{font-size: 18px; line-height: 1.8; /* 목록 줄 높이 조정 */}
#lusas_content p {font-size: 18px; line-height: 1.8; /* 줄 높이 조정 */}
/*들여쓰기*/
#lusas_content h4{padding-left: 10px;}
#lusas_content h5,li{padding-left: 10px;}
#lusas_content p {padding-left: 10px;}
/* h2 앞에 아이콘 표시 */
#lusas_content h2::before {
    font-family: "Font Awesome 5 Free"; /* 또는 현재 사용하는 버전 */
    font-weight: 400; /* regular = 400, solid = 900 */
    line-height: 80px;
    content: "\f2d1"; /* window-minimize 아이콘 */
    /*color: #6EC1E4;*/
    color:#BB2649;
    display: block;      /* 줄바꿈 효과 */
}
/* h5 앞에 목록용 점(불릿) 표시 */
#lusas_content h5::before {
    content: "•";           /* 앞에 찍힐 점 문자 */
    display: inline-block;
    margin-right: 0.4em;    /* 글자와 점 사이 간격 */
    font-size: 1.2em;       /* 점 크기 (원하면 조정) */
    line-height: 1;         
}
/*이미지*/
#lusas_content img {
    display: block;
    border-radius: 5px; /* 이미지 모서리를 부드럽게 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 이미지에 그림자 효과 추가 */
    /*이미지 좌우 여백을 추가하여 중앙 정렬*/
    margin-left: 10px; /* 좌 여백 20px */
    margin-right: 10px; /* 우 여백 10px */
    max-width: calc(100% - 100px); /* 이미지가 컨테이너를 넘지 않도록 설정 */
}
#lusas_content .wcj-img-row {
    display: flex;
    justify-content: center; /* 가로 방향 중앙 정렬 */
    gap: 10px; /* 이미지 간의 간격 */
    margin-top: 100px; /* 위 여백 */
    margin-bottom: 100px; /* 아래 여백 */
}
/* td 안의 모든 img는 스타일 제거 */
#lusas_content td img,
#lusas_content .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow img {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    display: inline-block !important;
    text-align: center;
}
#lusas_content td b,#lusas_content td strong {
    margin: 0 !important;
    max-width: 100% !important;
    display: inline-block !important;
    text-align: center;
}
/*이미지 캡션*/
#lusas_content figcaption {
    text-align: left;
    font-size: 12px;
    color: grey;
    margin-top: -90px;
    margin-left: 20px; /* 좌 여백 20px */
}
#lusas_content td figcaption {
    text-align: left;
    font-size: 12px;
    color: grey;
    margin-top: 0px;
    margin-left: 20px; /* 좌 여백 20px */
}
/*테이블. td 배경색 투명*/
#lusas_content table,
#lusas_content th,
#lusas_content td {
    border: none;
    padding: 8px;
    background-color: transparent; /* 배경색 투명 */
}
#lusas_video {
    white-space: pre-line; /* 연속된 공백은 하나로, 줄바꿈은 유지 */
}
/*******************************************/
/*FAQ 아코디언 스타일.. TAB 내에 TEMPLATE 로 삽입된 경우에만 WIDGET 스타일이 제대로 적용되지 않아 아래에서 강제함*/
/*******************************************/
/* ✅ 기본 아코디언 헤더 */
.jet-tabs__content .eael-adv-accordion .eael-accordion-header {
  background-color: #ffffff !important; /* 기본 배경 */
  color: #222 !important;               /* 기본 글자색 */
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* ✅ hover 시 (글자 + 아이콘) */
.jet-tabs__content .eael-adv-accordion .eael-accordion-header:hover {
  background-color: #f9f9f9 !important;
  color: #BB2649 !important;
}
.jet-tabs__content .eael-adv-accordion .eael-accordion-header:hover .eael-accordion-tab-title {
  color: #BB2649 !important;
}
.jet-tabs__content .eael-adv-accordion .eael-accordion-header:hover .fa-accordion-icon svg {
  fill: #BB2649 !important;
  color: #BB2649 !important;
}

/* ✅ 활성(Active) 상태의 제목 + 아이콘도 동일하게 #BB2649 */
.jet-tabs__content .eael-adv-accordion .eael-accordion-header.active {
  background-color: #f9f9f9 !important; /* active 상태 배경 */
  color: #BB2649 !important;
}
.jet-tabs__content .eael-adv-accordion .eael-accordion-header.active .eael-accordion-tab-title {
  color: #BB2649 !important;
}
.jet-tabs__content .eael-adv-accordion .eael-accordion-header.active .fa-accordion-icon svg {
  fill: #BB2649 !important;
  color: #BB2649 !important;
}

/* ✅ 아코디언 펼쳐진 내용 배경 */
.jet-tabs__content .eael-adv-accordion .eael-accordion-content {
  background-color: #F1F1F1 !important;
  color: #222 !important;
  padding: 15px;
  transition: background-color 0.3s ease;
}

/* ✅ 아이콘 항상 보이도록 */
.jet-tabs__content .eael-adv-accordion .fa-accordion-icon {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: fill 0.3s ease, color 0.3s ease;
}

/* ✅ 열린/닫힌 아이콘 크기統一 */
.jet-tabs__content .eael-adv-accordion .eael-advanced-accordion-icon-opened svg,
.jet-tabs__content .eael-adv-accordion .eael-advanced-accordion-icon-closed svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

/*******************************************/
/*LUSAS 본사 홈페이지 테이블을 긁어올 때 사용하는 클래스 스타일 지정 부분*/
/*******************************************/
    #lusas_content table.lusas-table {
        border-collapse: collapse;
        width: auto;
    }
    #lusas_content table.lusas-table td, 
    #lusas_content table.lusas-table th {
        border: 1px solid #ccc; /* 회색 선 */
        padding: 4px;
    }
    /* 2,3,4번째 컬럼 중앙 정렬 */
    #lusas_content table.lusas-table td:nth-child(2),
    #lusas_content table.lusas-table td:nth-child(3),
    #lusas_content table.lusas-table td:nth-child(4) {
        text-align: center;
        vertical-align: middle;
    }

/*******************************************/
/*공통 스타일
/*******************************************/
.entry-content a {
  color: blue !important;
}
.entry-content a:hover {
  color: pink !important;
}
.entry-content a:visited {
  color: gray !important;
}

/*******************************************/
/*jet-popup 에서 팝업 표시 시, 팝업 배경을 어둡게 처리하는 부분*/
/*******************************************/
.jet-popup h1.elementor-heading-title.elementor-size-default {
    font-size: 22px !important;
    color: black;
    font-weight: bold;
    margin-bottom: 25px;
}

.jet-popup h3 {
    font-size: 20px; /* 제목 크기 조정 */
    /*line-height: 1.5; /* 줄 높이 조정 */
    padding-top: 10px; /* 앞 단락 사이에 간격 추가 */
    padding-bottom: 10px;
    background-color: #f3e6f7; /* 옅은 보라색 */
    font-weight: bold;
    /*margin-top: 10px; /* 기존보다 여백 정돈 */
    /*margin-bottom: 10px; /* 제목과 본문 사이에 간격 추가 */
    border-radius: 5px; /* 부드러운 모서리 */    
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 그림자 효과 */
    /*text-align: center; /* 제목을 중앙 정렬 */
    color: #8D21AA; /* 제목 색상 */
    /*border-left: 5px solid #8D21AA; /* 왼쪽에 보라색 선 추가 */
    padding-left: 10px; /* 왼쪽 여백 추가 */
    padding-right: 10px; /* 오른쪽 여백 추가 */
    /*font-family: 'Arial', sans-serif; /* 글꼴 변경 */
    text-transform: uppercase; /* 제목을 대문자로 변환 */
    letter-spacing: 1px; /* 글자 간격 조정 */
    transition: background-color 0.3s ease; /* 배경색 전환 효과 */
}
.jet-popup h3:hover {
	background-color: #e0c6f0; /* 마우스 오버 시 배경색 변경 */
}	
.jet-popup p, #lusas_pop p{
	font-size: 16px; /* 본문 글자 크기 조정 */
	padding-left: 20px;
	padding-right: 20px;
	line-height: 1.6; /* 줄 높이 조정 */
	color: #555555; /* 본문 색상 - dark grey */
	margin-bottom: 20px; /* 본문과 다음 요소 사이에 간격 추가 */
}

/*--------------------------------------------------------------
# KAVA 테마에서 사용하는 Forms 관련 스타일
--------------------------------------------------------------*/
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
	display: inline-block;
	max-width: 100%;
	padding: 12px 20px;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	text-transform: uppercase;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-decoration: none;
	border: none;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn {
	text-decoration: none;
	display: inline-block;
	max-width: 100%;
	padding: 12px 20px;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	text-transform: uppercase;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-decoration: none;
	border: none;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn.invert-button {
	border: 1px solid #fff;
	background: none;
}

.posts-list .btn-icon:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 35px;
	font-size: 2.1875rem;
	content: '\f178';
}

.btn-text-icon {
	font-size: 14px;
	font-size: 0.875rem;
	text-transform: uppercase;
	font-weight: 500;
}

.btn-text-icon:after {
	-webkit-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	transform: translateY(-1px);
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 12px;
	font-size: 0.75rem;
	content: '\f061';
	margin-left: 6px;
}

.mfp-close:hover {
	background: none;
}

input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='number'],
input[type='tel'],
input[type='range'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='datetime'],
input[type='datetime-local'],
select,
textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 12px;
	border: 1px solid #ebeced;
	background-color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='range']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='week']:focus,
input[type='time']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
select:focus,
textarea:focus {
	outline: none;
	-webkit-box-shadow: 0 5px 32px rgba(103, 122, 141, 0.17);
	box-shadow: 0 5px 32px rgba(103, 122, 141, 0.17);
}

button:focus,
input[type='submit']:focus,
input[type='reset']:focus {
	outline: none;
}

input[type='submit'],
input[type='reset'] {
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 600;
}

select {
	border: 1px solid #ebeced;
}

textarea {
	min-height: 150px;
	resize: vertical;
	overflow: auto;
}

::-moz-placeholder {
	opacity: 1;
}

:-moz-placeholder {
	opacity: 1;
}

.search-form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.search-form label {
	width: 100%;
}

.search-form__field[type='search'] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.search-form__submit.btn {
	padding: 11px;
	margin-left: 10px;
	font-size: 13px;
	font-size: 0.8125rem;
}

.post-password-form label {
	display: inline-block;
}