/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*CUSTOM*/
* {color: inherit; line-height: 1.5;}
body {color: #111; background-color: #fff !important;}
a, a:visited, a:active {color: inherit;}
/* 프리텐다드 */
@font-face {
  font-family: "Pretendard Variable";
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  src: url("/press/font/PretendardVariable.ttf") format("truetype-variations");
}

/*CUSTOM*/
*:not(.ab-icon) {
  font-family: "Pretendard Variable", "Roboto", sans-serif !important;
}

.CS-header .e-con-inner {
  border-bottom: 2px solid #000;
}

.header-active > div {
  border-bottom: 1px solid #ccc;
}
.header-active .e-con-inner {
  border-bottom: none !important;
}

.menu-wrap {
  padding-right: 150px !important;
}

.mo-lang {
  display: flex;
  align-items: center;
  position: absolute !important;
  top: 39px;
  right: 0;
  width: 60px !important;
}
.mo-lang > div {
  display: flex;
  gap: 5px;
}
.mo-lang a {
  display: block;
  
  flex-shrink: 0;
}
.mo-lang a img {
  width: 24px;
  border: 1px solid #ebebeb;
}

.CS-footer {
  border-top: 1px solid #ccc;
}

.main-title {margin-bottom: 0 !important;}
.main-title h2 {
  font-size: 30px; 
}

.elementor-post__title:hover {
  text-decoration: underline;
}

/* 메인 대형 아티클 */
.big-acrticle {}
.big-acrticle .elementor-post__title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.big-acrticle .elementor-post__excerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  word-break: break-all;
}

/* 메인 리스트 아티클 */
#my-posts-list .elementor-post__title {
  margin-bottom: 5px !important;
}
#my-posts-list .elementor-post__title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  line-height: 1.3;
}
#my-posts-list .elementor-post__excerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-break: break-all;
}

/* 메인 세로형 아티클 */
.article-col .elementor-post__title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.article-col .elementor-post__excerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  word-break: break-all;
}

/* 메인 카드 */
.card-list .elementor-post {
  border: 1px solid #ccc;
}
.card-list .elementor-post__title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.card-list .elementor-posts .elementor-post__card .elementor-post__text {
  margin-top: 0;
  padding: 30px;
}
.card-list .elementor-post__excerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  word-break: break-all;
}
.card-list .elementor-post__meta-data {
  background: #f9f9f9;
  border: none !important;
}
.card-list .elementor-post-date {
  color: #666;
  font-size: 13px !important;
  display: flex;
  align-items: center;  
  line-height: 1;
  /* font-family: "Roboto" !important; */
}
.card-list .elementor-post-date::before {
  content: "";
  width: 15px;
  aspect-ratio: 1 / 1;
  background: url(/press/images/clock.svg) no-repeat 50% 50%;
  background-size: 100%;
  margin-right: 4px;
  opacity: 0.7;
}

/* 아티클썸네일 */
.elementor-post__thumbnail img {
    object-fit: cover;
}

#ct-flag img {
  border: 1px solid #ebebeb;
}

/* 인기글 리스트 */
.e-con.e-flex > .e-con-inner {
  position: relative;
}
.ct-fix-box {
  position: sticky !important;
  top: 180px !important; /* 헤더와 만날 최종 높이로 설정 */
  height: fit-content !important;
  will-change: transform, margin-top;
}
.popular_list .elementor-grid {
  border-top: 2px solid #000;
}
.popular_list .elementor-grid {
  counter-reset: wpp-counter;
  grid-row-gap: 0;
}
.popular_list article {
  display: flex;
  align-items: center;
  gap: 0 10px;
  border-bottom: 1px solid #dcdcdc;
  padding: 12px 0 !important;
}
.popular_list article:before {
  counter-increment: wpp-counter;
  content: counter(wpp-counter);
  font-weight: bold;
  margin-right: 10px;
  font-size: 1.5rem;
  font-family: "Roboto";
}
.popular_list .elementor-post__title a {
  font-size: 1rem;
  font-weight: 500 !important;
}

#page {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background: #fff;
}
.sub-title {
  padding-bottom: 2rem !important;
  margin-bottom: 2rem !important;
  border-bottom: 1px solid #dcdcdc;
}
.sub-title h2 {
  font-weight: 700 !important;
  margin-top: 10px;
}

.detail-title h1 {
  font-weight: 700 !important;
  font-size: 37px !important;
  margin-bottom: 5px;
}

.detail-info {
  padding-inline-end: var(--padding-inline-end);
  padding-inline-start: var(--padding-inline-start);
}

.detail-info span {
  font-size: 15px !important;
  color: #777;
}
.detail-info li:first-child::after {
  content: "";
  display: block;
  width: 1px !important;
  height: 12px !important;
  color: #ccc;
  margin: 0 5px;
}
.detail-info li:first-child span {
  color: #333;
  text-decoration: underline;
  font-weight: 500;
  text-underline-offset: 3px;
}

.detail-con p {
  line-height: 1.7 !important;
}

.detail-author {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}
.elementor-author-box img {
  border: 1px solid #000000 !important;
}
.detail-author .elementor-author-box__bio, 
.detail-author .elementor-author-box__bio p {
  margin: 8px 0 0 0;
  font-size: 15px; color: #666;
}
.detail-author .elementor-author-box__name {
  font-weight: 600 !important;
}

.cate-post h3 a {
  font-weight: 700 !important;
  word-break: break-all;
}

.about-wrap h2 {
  font-weight: 700 !important;
  font-size: 33px !important;
}

.tit-h4 {
  font-weight: 700 !important;
}

.elementor-menu-toggle svg {
  display: none !important;
}
.elementor-menu-toggle {
  background: url(/press/images/ic-menu.svg) no-repeat 50% 50%;
  background-size: 100%;
  width: 24px;
  aspect-ratio: 1 / 1;
}

.site-footer {
  margin-top: 2rem;
}

.box p {
  background-color: #f4f4f4;
  padding: 2rem;
  text-align: center;
}


@media (max-width: 1024px) {
  html {
      margin-top: 0 !important;
  }
  #wpadminbar {position: relative;}
  .menu-wrap {
    padding-right: 80px !important;
  }
  .mo-lang {
    top: 33px;
  }  
  /* #mo-flag {
    position: absolute;
    top: 13px;
    right: 40px;
  }
  #mo-flag .gt_float_switcher {
    box-shadow: unset;
    border-radius: 5px;
    background: #f3f3f3;
  }
  #mo-flag .gt_float_switcher .gt-selected {background: transparent;}
  #mo-flag .gt_float_switcher .gt-selected .gt-current-lang,
  #mo-flag .gt_float_switcher .gt_options a {
    font-size: 15px;
    padding: 7px;
  }
  #mo-flag .gt_float_switcher .gt-selected .gt-current-lang img,
  #mo-flag .gt_float_switcher .gt_options a img {
    width: 25px;
  }

  .elementor-menu-toggle svg {display: none;}
  .elementor-menu-toggle {
    background:url(/press/images/menu.svg) no-repeat 50% 50% !important;
    background-size: 100% !important;
    height: 1.5em;
    width: 1.5em;
  } */

  .ct-fix-box {display: none;}  
}
@media (max-width: 767px) {
  html {
      margin-top: 0 !important;
  }
  #wpadminbar {position: relative;}
  #my-posts-list .elementor-post {
    display: flex;
    flex-direction: column;
  }

  #my-posts-list .elementor-post__thumbnail__link {
    width: 100% !important;
    margin-bottom: 15px;
  }

  .menu-wrap {
    padding-right: 0 !important;
  }

  .mo-lang {
    top: 22px;
    right: 45px;
  } 
  .mo-lang a img {width: 28px;} 
}