@charset "UTF-8";
/* =======================================================================================
공통
======================================================================================= */
.dash {
  border: 1px dashed var(--gray-20);
  margin: 2rem 0;
}

.info-box hr {
  border: 1px dashed #b5d2f1;
}

/* =======================================================================================
01.의료개혁 
======================================================================================= */
.s01-01-img2 {
  position: relative;
  border: 0;
}
.s01-01-img2::after {
  content: "";
  display: block;
  width: 25.4rem;
  height: 26.8rem;
  background: url(../img/contents/01_01_img2.png) 0 0/contain no-repeat;
  position: absolute;
  right: 6%;
  top: -2rem;
}

.s01-02-diagram {
  background: var(--gray-5);
  border-radius: var(--radius-medium);
  padding: 1.6rem;
  width: 100%;
  margin-bottom: 0.8rem;
  font-size: var(--font-size-small);
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  justify-content: center;
}
.s01-02-diagram span {
  display: inline-block;
  text-align: center;
  background: var(--gray-0);
  border-radius: 3rem;
  border: 1px solid var(--gray-20);
  padding: 0.8rem 1.2rem;
}
.s01-02-diagram i.primary {
  color: var(--primary-50);
}
.s01-02-diagram span.primary {
  color: var(--primary-50);
  border: 1px solid var(--primary-50);
  background: var(--primary-5);
}

.s01-05-accordion .aco-cont .box {
  background: var(--gray-0);
  padding: 3rem;
}
.s01-05-accordion .box-title {
  display: block;
  margin-bottom: 1.2rem;
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
.s01-05-accordion .box-title::before {
  display: block;
  font-family: var(--icon);
  font-weight: normal;
  font-size: 2.4rem;
}
.s01-05-accordion .before {
  position: relative;
}
.s01-05-accordion .before::before {
  content: "\f00a";
  font-size: 2.8rem;
  font-family: var(--icon);
  color: var(--gray-40);
  position: absolute;
  left: 100%;
  top: 50%;
  translate: 0 -50%;
  transform: translateX(0.6rem);
}
.s01-05-accordion .before .box-title::before {
  content: "\eca1";
  color: var(--point-50);
}
.s01-05-accordion .after {
  border: 1px solid var(--primary-50);
}
.s01-05-accordion .after .box-title {
  color: var(--primary-60);
}
.s01-05-accordion .after .box-title::before {
  content: "\eb80";
  color: var(--primary-50);
}

/* =======================================================================================
02.의료개혁특위
======================================================================================= */
/* =======================================================================================
03.자료실 04.Q&A
======================================================================================= */
.sns-link-wrap {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}
.sns-link-wrap [class*=sns-] {
  border-radius: 50%;
  width: 3.8rem;
  height: 3.8rem;
  min-width: 3.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gray-20);
  transition: 0.25s;
}
.sns-link-wrap [class*=sns-] i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  mask: 50% 50%/cover no-repeat;
}
.sns-link-wrap [class*=sns-]:hover {
  background-color: var(--gray-10);
}
.sns-link-wrap .sns-gov i {
  background: url("../img/board/sns_ico_gov.svg") 50% 50%/cover no-repeat;
}
.sns-link-wrap .sns-youtube i {
  mask-image: url("../img/board/sns_ico_youtube.svg");
  background-color: var(--youtube);
}
.sns-link-wrap .sns-blog i {
  mask-image: url("../img/board/sns_ico_blog.svg");
  background-color: var(--blog);
}
.sns-link-wrap .sns-twitter i {
  mask-image: url("../img/board/sns_ico_twitter.svg");
  background-color: var(--twitter);
}
.sns-link-wrap .sns-facebook i {
  mask-image: url("../img/board/sns_ico_facebook.svg");
  background-color: var(--facebook);
}
.sns-link-wrap .sns-instagram i {
  mask-image: url("../img/board/sns_ico_instagram.svg");
  background-color: var(--instagram);
}

/* =======================================================================================
05.사이트맵 및 통합검색
======================================================================================= */
.total-search-top-box {
  margin-bottom: 6.4rem;
  position: relative;
}
.total-search-top-box .sch-form-wrap {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding: 5.6rem 0;
}
.total-search-top-box::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: var(--secondary-5);
  z-index: 0;
}
.total-search-top-box .sch-input {
  position: relative;
}
.total-search-top-box .sch-input .form-control {
  width: 100%;
  height: 8rem;
  border-radius: 1.2rem;
  font-size: 2.5rem;
  font-weight: bold;
  padding: 0 7.2rem 0 2.4rem;
}
.total-search-top-box .sch-input .ico-sch {
  position: absolute;
  right: 1rem;
  top: 50%;
  translate: 0 -50%;
}
.total-search-top-box .sch-input .ico-sch::after {
  width: 4rem;
  height: 4rem;
}
.total-search-top-box .sch-etc .ico-sch1::before {
  width: 2.4rem;
  height: 2.4rem;
}
.total-search-top-box .sch-etc .sch-detail {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: 0.3s ease;
}
.total-search-top-box .sch-etc .sch-detail .row-line {
  border: 0;
}
.total-search-top-box .sch-etc .sch-detail .row-line > li {
  border: 0;
  padding: 0;
}
.total-search-top-box .sch-etc .sch-detail .label {
  width: 12%;
  min-width: 10rem;
}
.total-search-top-box .sch-etc .sch-detail .btns {
  margin: 0;
  justify-content: space-between;
}
.total-search-top-box .sch-etc .sch-detail .btn.sm {
  height: 4.8rem;
}
.total-search-top-box .sch-etc .sch-detail .btn.sm.active {
  background: var(--primary-50);
  border-color: var(--primary-50);
  color: var(--gray-0);
}
.total-search-top-box .sch-etc .sch-detail .btn.sm.active:hover {
  background: var(--primary-60);
}
.total-search-top-box .sch-etc .search-btn.md {
  min-width: 14rem;
}
.total-search-top-box .sch-etc .btn-close {
  position: absolute;
  left: 50%;
  top: 100%;
  translate: -50% 0;
  background: var(--secondary-5);
  padding: 0.8rem 3rem 1.2rem;
  border-radius: 0 0 1rem 1rem;
  border: 0;
  height: auto;
}
.total-search-top-box .sch-etc .btn-close::after {
  rotate: 180deg;
  width: 2rem;
  height: 2rem;
}
.total-search-top-box .sch-etc.active .ico-sch1 {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: 0.3s ease;
  position: absolute;
}
.total-search-top-box .sch-etc.active .sch-detail {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.total-search-cont .tabs .tab {
  width: 100%;
}
.total-search-cont .tabs .tab > li {
  flex: 1 1 0;
  min-width: 0;
}
.total-search-cont .tabs .tab > li ~ li {
  margin-left: -1px;
}
.total-search-cont .tabs .tab > li.active .btn-tab {
  background: var(--primary-70);
  border-color: var(--primary-70);
  color: var(--gray-0);
}
.total-search-cont .tabs .tab .btn-tab {
  height: 5.8rem;
  border: 1px solid var(--primary-10);
}
.total-search-cont .tab-conts-wrap .tab-conts {
  display: none;
  flex-direction: column;
}
.total-search-cont .tab-conts-wrap .tab-conts.active {
  display: flex;
}
.total-search-cont .tab-conts-wrap .tab-conts .btn-more {
  margin-top: 2rem;
}

.search-list-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}
.search-list-top .sch-info {
  font-size: 2.1rem;
  font-weight: 700;
}
.search-list-top .sch-info .keyword {
  color: var(--primary-60);
}
.search-list-top .sch-sort {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
.search-list-top .sch-sort .sort-select {
  border: 0;
}
.search-list-top .sch-sort .li2 {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.search-list-top .sch-sort .w-sort-btn {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.search-list-top .sch-sort .w-sort-btn .active {
  text-decoration: underline;
}

.total-search-list {
  border-top: 2px solid var(--gray-80);
}
.total-search-list.no-list .li {
  padding: 7.2rem 0;
}
.total-search-list.no-list .tit {
  font-size: 1.9rem;
  font-weight: 700;
  text-align: center;
}
.total-search-list.no-list .list-dot {
  margin: 0 auto;
}
.total-search-list .li {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  border-bottom: 1px solid var(--gray-30);
  padding: 2.8rem 0;
}
.total-search-list .info-body a {
  display: block;
}
.total-search-list .info-body a:hover {
  text-decoration: underline;
}
.total-search-list .info-body .tit {
  font-size: 1.9rem;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.total-search-list .info-body .tit:has(.sns-link-wrap) {
  gap: 2rem;
}
.total-search-list .info-body .tit ~ .txt {
  margin-top: 2.4rem;
}
.total-search-list .info-body .keyword {
  background: var(--primary-5);
  color: var(--primary-60);
  font-weight: bold;
  padding: 0 0.3rem;
}
.total-search-list .info-btm {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.total-search-list .info-btm .i-cate {
  display: flex;
  border-bottom: 1px solid var(--gray-90);
}
.total-search-list .info-btm .i-cate .span ~ .span::before {
  content: "\ea6e";
  font-family: var(--icon);
  padding: 0 0.3rem;
}
.total-search-list .info-btm .btn-area {
  display: flex;
  gap: 2rem;
}
.total-search-list .info-btm .btn-area .btn-txt {
  height: 3.2rem;
}

.sitemap_area {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(3, 1fr);
}
.sitemap_area > li > a {
  height: 6.6rem;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--primary-60);
  color: var(--primary-60);
  font-size: 2.1rem;
  font-weight: bold;
}
.sitemap_area > li .submenu > ul > li > a {
  display: block;
  padding: 1.6rem 3rem;
  border-bottom: 1px solid var(--gray-30);
  font-weight: bold;
  font-size: 1.9rem;
  position: relative;
}
.sitemap_area > li .submenu > ul > li > a:has(+ div)::before {
  content: "";
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  background: url(../img/layout/head_gnb_ico_arr.svg) no-repeat center/contain;
  position: absolute;
  right: 2rem;
  top: 50%;
  translate: 0 -50%;
  display: none;
}
.sitemap_area > li .submenu > ul > li > div:has(.lnb-detail) {
  border-bottom: 1px solid var(--gray-30);
  background: var(--gray-5);
  padding: 2rem 3rem;
}
.sitemap_area > li .submenu .lnb-detail > li > a {
  display: block;
  padding-left: 2rem;
  position: relative;
}
.sitemap_area > li .submenu .lnb-detail > li > a::before {
  content: "";
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: var(--gray-40);
  position: absolute;
  left: 0;
  top: 1rem;
}

.banner-list {
  border-top: 1px dashed var(--gray-30);
}
.banner-list li {
  display: flex;
  gap: 2.4rem;
  align-items: center;
  padding: 2rem 0;
  border-bottom: 1px dashed var(--gray-30);
}
.banner-list li img {
  width: 22.4rem;
  height: 7rem;
  border: 1px solid var(--gray-30);
  border-radius: 0.8rem;
  object-fit: cover;
}
.banner-list li .btn {
  margin-left: auto;
}

/* =======================================================================================
반응형
======================================================================================= */
@media (max-width: 1024.98px) {
  .s01-01-img2 {
    padding-top: 30rem;
  }
  .s01-01-img2::after {
    right: 50%;
    transform: translateX(50%);
  }
  .s01-05-accordion .before::before {
    left: 50%;
    top: 100%;
    translate: 0;
    transform: translateX(-50%) rotate(90deg);
  }
  .banner-list li {
    flex-direction: column;
  }
  .banner-list li strong {
    text-align: center;
  }
  .banner-list li .btn {
    margin-left: inherit;
  }
  .sitemap_area {
    grid-template-columns: 1fr;
  }
  .cont-qna-box .btn-all {
    right: 2rem;
    top: 2rem;
  }
  .cont-qna-box.accordion details .aco-cont {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .search-list-top {
    flex-direction: column;
    gap: 1rem;
  }
  .total-search-list .info-btm {
    flex-direction: column;
    gap: 1rem;
  }
}/*# sourceMappingURL=contents.css.map */