.container-fluid.ads-top {
  background-color: #f5f5f5;
  padding: 20px 0;
  margin-bottom: 0;
  text-align: center;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #eee;
  overflow: hidden;
}
.container-fluid.ads-top .ad-placeholder {
  color: #bbb;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
}
.container-fluid.ads-top .adsbygoogle {
  display: block;
  margin: 0 auto;
  width: 100%;
  background: transparent;
}
.container-fluid.ads-top .adsbygoogle[data-ad-status=unfilled] {
  display: none !important;
}

.container.detail-news-page {
  margin-top: 30px;
}
.container.detail-news-page .section-header-wrap {
  margin-bottom: 40px;
  padding-bottom: 25px;
  position: relative;
  text-align: left;
}
.container.detail-news-page .section-header-wrap::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 12px;
  right: 12px;
  height: 3px;
  background: #000;
}
.container.detail-news-page .section-header-wrap .breadcrumb-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 14px;
  color: #555;
}
.container.detail-news-page .section-header-wrap .breadcrumb-wrap .home-icon {
  display: flex;
  align-items: center;
}
.container.detail-news-page .section-header-wrap .breadcrumb-wrap .home-icon img {
  width: 14px;
  height: 14px;
}
.container.detail-news-page .section-header-wrap .breadcrumb-wrap .sep {
  margin: 0 12px;
  color: #DDD;
  font-size: 18px;
}
.container.detail-news-page .section-header-wrap .breadcrumb-wrap a {
  color: #666;
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
}
.container.detail-news-page .section-header-wrap .breadcrumb-wrap a:hover {
  color: #666;
}
.container.detail-news-page .section-header-wrap .article-title {
  margin-bottom: 25px;
  text-align: left;
  color: #000;
  font-family: Pretendard;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
  letter-spacing: -2.1px;
}
.container.detail-news-page .section-header-wrap .article-meta {
  color: #999;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.3px;
  text-align: left;
}
.container.detail-news-page .section-header-wrap .article-meta span {
  margin-right: 5px;
}
.container.detail-news-page .main-content-wrap .content-left {
  padding-right: 40px;
}
.container.detail-news-page .main-content-wrap .content-left .article-inner {
  display: flex;
  gap: 40px;
}
.container.detail-news-page .main-content-wrap .content-left .sticky-tools {
  width: 80px;
  flex-shrink: 0;
}
.container.detail-news-page .main-content-wrap .content-left .sticky-tools .tool-btn-group {
  position: sticky;
  top: 100px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  border: 1px solid #eee;
  border-radius: 80px;
  padding: 30px 0 30px 0;
  align-items: center;
}
.container.detail-news-page .main-content-wrap .content-left .sticky-tools .btn-tool {
  background: none;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.container.detail-news-page .main-content-wrap .content-left .sticky-tools .btn-tool .label {
  margin-bottom: 0;
  color: #111;
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 14px;
  letter-spacing: -0.7px;
}
.container.detail-news-page .main-content-wrap .content-left .sticky-tools .btn-tool.font-size span:first-child {
  display: block;
  margin-bottom: 20px;
  color: #000;
  font-family: Pretendard;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.52px;
}
.container.detail-news-page .main-content-wrap .content-left .sticky-tools .btn-tool.print span:first-child {
  display: block;
  margin-bottom: 10px;
}
.container.detail-news-page .main-content-wrap .content-left .article-body {
  flex-grow: 1;
  width: calc(100% - 120px);
}
.container.detail-news-page .main-content-wrap .content-left .article-body .article-image {
  margin-bottom: 30px;
  width: 100%;
  text-align: center;
}
.container.detail-news-page .main-content-wrap .content-left .article-body .article-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 10px;
}
.container.detail-news-page .main-content-wrap .content-left .article-body .article-image figcaption {
  color: #666;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.28px;
  text-align: left;
}
.container.detail-news-page .main-content-wrap .content-left .article-body .article-text {
  margin-bottom: 40px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}
.container.detail-news-page .main-content-wrap .content-left .article-body .article-text p {
  margin-bottom: 24px;
  word-break: keep-all;
  text-align: justify;
  color: #111;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.5px;
}
.container.detail-news-page .font-size-box {
  display: none;
  position: absolute;
  z-index: 10;
  padding: 16px;
  width: 256px;
  background: #fff;
  border: 1px solid #ddd;
  left: 0;
  top: 210px;
  border-radius: 8px;
  right: auto;
}
.container.detail-news-page .font-size-box .top {
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
}
.container.detail-news-page .font-size-box .top h2 {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.container.detail-news-page .font-size-box .top .btn-share-close {
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_521_359)'%3E%3Cpath d='M8.88173 8.00246L13.8557 3.02846C13.954 2.91367 14.0054 2.76603 13.9996 2.61502C13.9937 2.46402 13.9311 2.32077 13.8243 2.21392C13.7174 2.10706 13.5742 2.04446 13.4232 2.03863C13.2722 2.0328 13.1245 2.08416 13.0097 2.18246L8.03573 7.15646L3.06173 2.17646C2.94874 2.06347 2.79551 2 2.63573 2C2.47595 2 2.32271 2.06347 2.20973 2.17646C2.09674 2.28944 2.03327 2.44267 2.03327 2.60246C2.03327 2.76224 2.09674 2.91547 2.20973 3.02846L7.18973 8.00246L2.20973 12.9765C2.14692 13.0302 2.0959 13.0964 2.05989 13.1709C2.02388 13.2453 2.00364 13.3264 2.00045 13.409C1.99726 13.4917 2.01118 13.5741 2.04134 13.651C2.07151 13.728 2.11726 13.798 2.17574 13.8564C2.23421 13.9149 2.30414 13.9607 2.38113 13.9908C2.45813 14.021 2.54053 14.0349 2.62316 14.0317C2.70579 14.0285 2.78687 14.0083 2.86131 13.9723C2.93575 13.9363 3.00194 13.8853 3.05573 13.8225L8.03573 8.84845L13.0097 13.8225C13.1245 13.9208 13.2722 13.9721 13.4232 13.9663C13.5742 13.9604 13.7174 13.8979 13.8243 13.791C13.9311 13.6841 13.9937 13.5409 13.9996 13.3899C14.0054 13.2389 13.954 13.0912 13.8557 12.9765L8.88173 8.00246Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_521_359'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;
  cursor: pointer;
}
.container.detail-news-page .font-size-box p {
  font-size: 13px;
  line-height: 22px;
  color: #666;
  font-weight: 500;
  margin: 18px 0 24px;
}
.container.detail-news-page .font-size-box ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
.container.detail-news-page .font-size-box ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  color: #000;
  border: 1px solid #eee;
  border-radius: 50%;
  cursor: pointer;
}
.container.detail-news-page .font-size-box ul li.active {
  background: #e2e2e2 !important;
  border: 1px solid #cecece !important;
}
.container.detail-news-page .font-size-box ul li.font-xm {
  font-size: 14px;
}
.container.detail-news-page .font-size-box ul li.font-sm {
  font-size: 16px;
}
.container.detail-news-page .font-size-box ul li.font-md {
  font-size: 18px;
}
.container.detail-news-page .font-size-box ul li.font-lg {
  font-size: 20px;
}
.container.detail-news-page .font-size-box ul li.font-xl {
  font-size: 22px;
}

/*# sourceMappingURL=detail_news.css.map */
