/*
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:*/


/* ========================================
  About - Company - Profile
======================================== */
#company-profile-table{
  width: 100%;
  border-collapse: collapse;
  margin: 30px 0;
  font-size: 15px;
}

#company-profile-table th,
#company-profile-table td{
  border: 1px solid #e7f3f2;
  padding: 12px 16px;
  vertical-align: top;
  background-color: #fff;
}

#company-profile-table th{
  width: 200px;
  background-color: #ebf9f8;
  font-weight: normal;
  color: #333;
  text-align: left;
}

#company-profile-table td{
  color: #222;
  line-height: 1.6;
}

#company-profile-table td li{
  margin-bottom: 6px;
}

#company-profile-table td ul{
  padding-left: 5px;
  margin: 0;
}

/* td:first-child 스타일 무시 */
#company-profile-table td:first-child{
  all: unset;
  padding: 12px 16px;
  color: #222;
}

@media (max-width: 768px){
  #company-profile-table tbody{
    background-color: #fff;
  }

  #company-profile-table th,
  #company-profile-table td{
    display: block;
    width: 100%;
  }

  #company-profile-table tr{
    display: block;
    margin-bottom: 20px;
  }

  #company-profile-table th{
    background-color: #ddf2f1;
    color: #333;
  }
}

/* POST TITLE */
.section-title{
  font-weight: bold;
  color: #333;
  font-size: 24px;
  border-left: 5px solid #12498c !important;
  padding-left: 10px;
  margin-bottom: 30px;
}

/* recently news title */
h3.av-magazine-title.entry-title{
  font-size: 16px !important;
}


/* Main Notice */
#top .fullsize .template-blog .post .entry-content-wrapper { max-width: 800px;}
span.fallback-post-type-icon.avia-svg-icon.avia-font-svg_entypo-fontello { display: none;}
h2.post-title.entry-title, h2.post-title.entry-title a{ line-height:1 !important;font-size: 16px!important;}
h2.post-title.entry-title a:hover{ opacity: 0.75;}


#top #wrap_all #mtg-future-cta .avia-button {
	margin-bottom:0px;
	font-weight: bold;
}

@media (max-width:767px){
	#top #wrap_all #mtg-future-cta .avia-button {

	margin-bottom:20px;

	}}

.product-bottom-image {
	margin: 0;
	padding: 0;
	line-height: 0;
}

.product-bottom-image img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border-radius:0 0 28px 28px;
}

.result-boxes {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: clamp(5px, 2.5vw, 40px);

	width: 100%;
	margin: clamp(10px, 2vw, 20px) 0;
}

.result-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;

	width: 100%;
	min-width: 0;
	height: clamp(100px, 12vw, 200px);

	padding:
		clamp(10px, 2vw, 30px)
		clamp(3px, 1.2vw, 20px);

	border-radius: clamp(5px, 0.6vw, 9px);
	background: #426fa8;
	text-align: center;
}

/* 모든 문구 줄바꿈 방지 */

.result-box__title,
.result-box__value,
.result-box__text {
	white-space: nowrap;
}

/* 제목 */

.result-box__title {
	font-size: clamp(8px, 1.2vw, 20px);
}

/* 가운데 수치 */

.result-box__value {
	font-size: clamp(15px, 2vw, 30px);

}

/* 하단 문구 */

.result-box__text {
	font-size: clamp(8px, 1.05vw, 18px);

}

/* 퍼센트 기호 */

.result-box__value small {
	font-size: 55%;
}

/* 400px 이하 초소형 모바일 */

@media only screen and (max-width: 400px) {
	.result-boxes {
		gap: 6px;
	}

	.result-box {
		height: 90px;
		padding: 10px 2px;
	}

	.result-box__title {
		font-size: 5px;
	}

	.result-box__value {
		font-size: 10px;
	}

	.result-box__text {
		font-size: 6px;
	}
}

/*Custom Post Grid*/

#top #wrap_all #custom-post-layout .slide-entry .slide-entry-title {
  font-size: 15px;
  font-weight: 400;
	line-height: 1.6em;
	color:#333;
  margin: 15px 0;
}

#custom-post-layout .slide-entry .slide-image {
	width: 100%;
	overflow: hidden;
	position: relative;
}

#custom-post-layout .slide-entry .slide-image img {
	display: block;
	width: 100%;
	height: auto !important;
	object-fit: unset;
}
#custom-post-layout small {color: #aaa; font-size: 66%;}

#custom-post-layout small.news-title-middle {color: #666; font-size: 80%;}

/* 모바일 대응 */
@media screen and (max-width: 767px) {
  #top #wrap_all #custom-post-layout .slide-entry .slide-entry-title {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
}


@media only screen and (max-width: 479px) {
    .responsive #top #wrap_all .avia-content-slider-odd .slide-entry {
        margin-top: 20px;
    }
}




/* ========================================
   MAIN RELEASE GRID
======================================== */

#top #custom-post-grid .slide-entry-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;

	margin: 0 -12px;
}

#top #custom-post-grid .slide-entry {
	display: flex;
	flex-direction: column;

	float: none !important;
	clear: none !important;

	width: calc(25% - 24px) !important;
	height: auto;
	margin: 0 12px 36px !important;
	padding: 0;

	box-sizing: border-box;
	overflow: hidden;

	transition:
		transform 0.3s ease,
		box-shadow 0.3s ease;
}

#top #custom-post-grid .slide-entry:hover {
	background: #fff;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
	transform: translateY(-5px);
}

/* 이미지 */

#top #custom-post-grid .slide-image {
	position: relative;

	width: 100%;
	padding-top: 59.29%;
	overflow: hidden;

	background: #eee;
}

#top #custom-post-grid .slide-image img {
	position: absolute;
	inset: 0;

	width: 100% !important;
	height: 100% !important;

	object-fit: cover;
}

/* 텍스트 */

#top #custom-post-grid .slide-content,
#top #custom-post-grid .entry-footer {
	padding: 10px;
}

#top #custom-post-grid .slide-entry-title {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;

	margin: 0 0 10px;

	font-size: 0.9rem !important;
	font-weight: normal;
	line-height: 1.4;
}

#top #custom-post-grid .slide-entry-excerpt {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;

	margin-bottom: 20px;

	color: #555;
	font-size: 0.95rem;
	line-height: 1.5;
}

#top #custom-post-grid .read-more-link {
	display: inline-block;

	color: #0276b2;
	font-size: 0.9rem;
	font-weight: 700;
}

/* 태블릿 */

@media only screen and (max-width: 768px) {
	#top #custom-post-grid .slide-entry {
		width: calc(50% - 24px) !important;
		margin-bottom: 24px !important;
	}
}

/* 모바일 */

@media only screen and (max-width: 480px) {
	#top #custom-post-grid .slide-entry-wrap {
		display: block;
		margin: 0;
	}

	#top #custom-post-grid .slide-entry {
		width: 100% !important;
		margin: 0 0 24px !important;
	}
}

/* ==================================================
   NEWS ARCHIVE GRID
   PC 4열 / 태블릿 2열 / 모바일 1열
================================================== */

/* 게시물 전체 그리드 */
#top.archive #wrap_all .avia-content-slider-inner {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 56px 24px;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  transform: none !important;
}

/* Enfold의 3개 단위 묶음 해제 */
#top.archive #wrap_all .slide-entry-wrap {
  display: contents !important;
}

/* 개별 카드 */
#top.archive #wrap_all .slide-entry {
  float: none !important;
  clear: none !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    background-color 0.3s ease;
}

#top.archive #wrap_all .slide-entry:hover {
  background-color: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
}

/* 이미지 영역 */
#top.archive #wrap_all .slide-entry .slide-image {
  position: relative;
  display: block;
  width: 100% !important;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #eee;
}

/* 이미지 */
#top.archive #wrap_all .slide-entry .slide-image img {
  position: absolute !important;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Enfold 이미지 오버레이 제거 */
#top.archive #wrap_all .slide-entry .image-overlay {
  display: none !important;
}

/* 텍스트 영역 */
#top.archive #wrap_all .slide-entry .slide-content {
  padding: 18px 4px 4px !important;
}

/* 제목 기본 */
#top.archive #wrap_all .slide-entry-title {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 20px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* 제목 링크 */
#top.archive #wrap_all .slide-entry-title > a {
  color: #333 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  text-decoration: none !important;
}

/* 두 번째 제목 */
#top.archive #wrap_all .slide-entry-title small.news-title-middle {
  display: inline;
  color: #555 !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  font-weight: 400 !important;
}

/* 세 번째 설명 제목 */
#top.archive #wrap_all .slide-entry-title small:not(.news-title-middle) {
  display: inline;
  color: #aaa !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  font-weight: 400 !important;
}

/* 구분선 제거 */
#top.archive #wrap_all .av-vertical-delimiter {
  display: none !important;
}

/* 날짜 */
#top.archive #wrap_all .slide-meta {
  margin-top: 18px !important;
  padding: 0 !important;
  color: #999 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

#top.archive #wrap_all .slide-meta time {
  color: inherit !important;
  font-size: inherit !important;
}

/* 비어 있는 본문 영역 제거 */
#top.archive #wrap_all .slide-entry-excerpt:empty {
  display: none !important;
}

/* 태블릿: 2열 */
@media only screen and (max-width: 989px) {
  #top.archive #wrap_all .avia-content-slider-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px 24px;
  }
}

/* 모바일: 1열 */
@media only screen and (max-width: 767px) {
  #top.archive #wrap_all .avia-content-slider-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 42px;
  }

  #top.archive #wrap_all .slide-entry-title {
    font-size: 19px !important;
  }

  #top.archive #wrap_all .slide-entry-title small.news-title-middle {
    font-size: 15px !important;
  }

  #top.archive #wrap_all .slide-entry-title small:not(.news-title-middle) {
    font-size: 14px !important;
  }
}


/* ==================================================
   CATEGORY ARCHIVE HERO
================================================== */

/* Enfold 기본 아카이브 제목 영역 제거 */
#top.archive.category .title_container {
  display: none !important;
}

/* 자동 카테고리 헤더 */
#top.archive.category .mtg-archive-hero {
  display: flex;
  align-items: center;
  width: 100%;
  height: 320px;
  min-height: 320px;
  margin: 0;
  box-sizing: border-box;
  background: #e7f5fb;
}

/* 카테고리 헤더와 기사 사이 정리 */
#top.archive.category .mtg-archive-hero {
  margin-bottom: 0;
}

/* Enfold 기본 구분선 제거 */
#top.archive.category #main > .container_wrap_first {
  border-top: 0 !important;
}



/* 1320px 내부 정렬 */
#top.archive.category .mtg-archive-hero__inner {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

/* CATEGORY 영문 */
#top.archive.category .mtg-archive-hero__label {
  margin: 0 0 12px;
  color: #4aa9d8;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.16em;
}

/* 카테고리명 */
#top.archive.category .mtg-archive-hero__title {
  margin: 0;
  padding: 0;
  color: #0d2a50;
  font-size: clamp(38px, 4vw, 62px);
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 0.02em;
}

/* 태블릿 */
@media only screen and (max-width: 989px) {
  #top.archive.category .mtg-archive-hero {
    height: 260px;
    min-height: 260px;
  }
}

/* 모바일 */
@media only screen and (max-width: 767px) {
	  #top.archive.category #main > .container_wrap_first .content {
    padding-top: 0 !important;
  }
	
  #top.archive.category .mtg-archive-hero {
    height: 220px;
    min-height: 220px;
    margin-bottom: 48px;
    padding: 0 20px;
  }

  #top.archive.category .mtg-archive-hero__label {
    margin-bottom: 10px;
    font-size: 12px;
  }

  #top.archive.category .mtg-archive-hero__title {
    font-size: 34px;
  }
}