/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 18 2026 | 06:28:21 */
/* =========== 
  기본 세팅
 =========== */
    * {
      box-sizing: border-box;
      font-family: 'Noto Sans KR';
    }

    ol,
    ul,
    dl,
    dd,
    dt {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    a {
      display: inline-block;
      color: inherit;
      text-decoration: none;
    }

    :root {
      --main-color: #f18975;
    --main-bg-color: rgba(241,137,117,.3);
    --sub-color01: #f18975;
      --sub-color02: #f4f1e94a;
      --gray-color01: #f3f3f3;
      --one-layout: 1200px;
      --one-layout-lg: 1680px;
      --white-color: #f2f2f2;
      --one-txt-color: #232323;
      --one-txt-gray: #555;
      --one-hd1: 48px;
      --one-hd2: 40px;
      --one-hd3: 32px;
      --one-p-tit: 24px;
      --one-body: 18px;
      --one-caption: 15px;
      --one-lh-lg: 1.3;
      --one-lh-r: 1.6;
      /* 레이아웃 여백 */
      --one-space-xl: 120px;
      --one-space-lg: 100px;
      --one-space-r: 80px;
      --one-space-s: 48px;
      --one-space-safe: 16px;
      /* 요소 내 gap */
      --one-gap-xl: 32px;
      --one-gap-lg: 24px;
      --one-gap-r: 16px;
      --one-gap-sm: 8px;
    }

    /* =========== 
  유틸리티 / 텍스트 공통
 =========== */

    .mo_v {
      display: none;
    }

    .mo_v_i {
      display: none;
    }

    .flx-row {
      display: flex;
      flex-direction: row;
    }

    .flx-col {
      display: flex;
      flex-direction: column;
    }

    .txt-wrap {
      color: var(--one-txt-color);
      font-size: var(--one-body);
      line-height: var(--one-lh-r);
      font-weight: 400;
      word-break: keep-all;
      letter-spacing: -0.02em;
    }

    .txt-lf {
      text-align: left;
    }

    .txt-rg {
      text-align: right;
    }

    .txt-ct {
      text-align: center;
    }

    .txt-wrap a {
      color: inherit;
    }

    .m-color {
      color: var(--main-color);
    }

    .sb-color {
      color: var(--sub-color01);
    }

    .sb02-color {
      color: var(--sub-color02);
    }

    .w-color {
      color: var(--white-color);
    }

    .txt-gray {
      color: var(--one-txt-gray)
    }

    .txt-wrap .hd1 {
      font-size: var(--one-hd1);
      line-height: var(--one-lh-lg);
      font-weight: 700;
    }

    .txt-wrap .hd2 {
      font-size: var(--one-hd2);
      line-height: var(--one-lh-lg);
      font-weight: 600;
    }

    .txt-wrap .hd3 {
      font-size: var(--one-hd3);
      line-height: var(--one-lh-r);
      font-weight: 500;
    }

    .txt-wrap .p-tit {
      font-size: var(--one-p-tit);
      line-height: var(--one-lh-r);
      font-weight: 500;
    }

    .txt-wrap .body-txt {
      font-size: var(--one-body);
      line-height: var(--one-lh-r);
      font-weight: 500;
    }

    .txt-wrap .cp-txt {
      font-size: var(--one-caption);
      line-height: var(--one-lh-r);
      font-weight: 400;
    }

    .txt-underline {
      text-decoration: underline;
      text-underline-offset: 0.2em;
    }

    .bg-cover {
      background: no-repeat center / cover;
    }

    .bg-contain {
      background: no-repeat center / 100% auto;
    }

    .pdt-0 {
      padding-top: 0 !important;
    }

    .pdb-0 {
      padding-bottom: 0 !important;
    }

    .mgt-0 {
      margin-top: 0 !important;
    }

    .mgb-0 {
      margin-bottom: 0 !important;
    }

    .idx-lb {
      display: inline-flex;
      width: 2em;
      height: 2em;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      background: var(--main-color);
      font-weight: bold;
      text-align: center;
      text-indent: 0.04em;
      font-size: 1.5em;
      line-height: 1;
      padding-bottom: 0.1em;
    }

    /* =========== 
  레이아웃 공통
 =========== */

    section {
      position: relative;
      padding-left: var(--one-space-safe);
      padding-right: var(--one-space-safe);
      overflow: hidden;
    }

    p,
    h2,
    h3 {
      padding: 0;
      margin: 0;
    }

    .con-inner {
      position: relative;
      margin: 0 auto;
      max-width: var(--one-layout);
      padding: var(--one-space-xl) 0;
    }

    .ft-b {
      font-weight: 700 !important;
    }

    .ft-sb {
      font-weight: 600 !important;
    }

    .ft-md {
      font-weight: 500 !important;
    }

    .ft-r {
      font-weight: 400 !important;
    }

    /* =========== 
  컨텐츠 공통
 =========== */

    /* =========== 
 컨텐츠 시작 
 =========== */

    /* 공통 */
    .con-hd-wrap {
      padding-bottom: var(--one-space-s);
    }

    .con-list-dot li {
      position: relative;
      padding-left: var(--one-gap-r);
      padding-bottom: 4px;
    }

    .con-list-dot li.con-list-sub {
      font-weight: 700;
      padding-left: 0;
    }

    .con-list-dot li::before {
      position: absolute;
      content: '';
      clear: both;
      width: 3px;
      height: 3px;
      border-radius: 50%;
      background-color: var(--one-txt-color);
      left: 2px;
      top: 0.78em;
    }

    .con-list-dot li.space::before,
    .con-list-dot li.con-list-sub::before {
      display: none;
    }

    .con-list-dash li {
      position: relative;
      padding-left: var(--one-gap-r);
      padding-bottom: 4px;
    }

    .con-list-dash li.no-dash {
      padding-left: 4px;
    }

    .con-list-dash li.no-dash::before {
      display: none;
    }

    .con-list-dash li.con-list-sub {
      font-weight: 700;
      padding-left: 0;
    }

    .con-list-dash li::before {
      position: absolute;
      content: '';
      clear: both;
      width: 5px;
      height: 1px;
      border-radius: 50%;
      background-color: var(--one-txt-color);
      left: 5px;
      top: 0.78em;
    }

    .con-list-dot li.space {
      max-height: 16px;
    }

    .con-list-dash li.space::before,
    .con-list-dash li.con-list-sub::before {
      display: none;
    }

    .subject-desc {
      display: flex;
      flex-wrap: wrap;
      gap: var(--one-gap-r);
      justify-content: center;
      align-items: center;
      margin: 0 auto;
    }

    .subject-desc li {
      width: 20%;
      color: #efefef;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 16px 10px;
      text-align: center;
      border-radius: 10em;
    }

    .subject-desc li:nth-child(odd) {
      background: var(--main-color);
    }

    .subject-desc li:nth-child(2n) {
      background: var(--sub-color01);
    }

    .subject-desc li.last {
      width: 48%;
      background: var(--main-color);
    }

    .gradient-desc-lg {
      gap: var(--one-gap-xl);
      max-width: 900px;
      margin: 0 auto;
    }

    .gradient-desc-lg li {
      padding: var(--one-gap-xl);
      border-left: 8px solid var(--main-color);
      background: #f9f9f9;
    }

    .gradient-desc-r {
      gap: var(--one-gap-r);
      max-width: 1024px;
      margin: 0 auto;
    }

    .gradient-desc-r li {
      padding: var(--one-gap-r) var(--one-gap-lg);
      border-left: 8px solid var(--main-color);
      background: linear-gradient(90deg, var(--gray-color01) 75%, transparent);
    }

    /*.doc-bg {*/
    /*  background-image: url('./img/bg.jpg');*/
    /*}*/

    .txt-space {
      display: inline-block;
      width: 1.1em;
    }

    .map-sub {
      margin-bottom: 0;
    }

    .map-fatch {
      position: relative;
    }

    .map-fatch .root_daum_roughmap .cont {
      display: none;
    }

    .map-fatch .root_daum_roughmap .wrap_controllers {
      display: none;
    }

    .map-fatch .root_daum_roughmap .wrap_map {
      position: relative;
      border-bottom: 1px solid #d3d3d3;
    }


 /* 섹션별 */

    /* =========== 
  FAQ 섹션
 =========== */

    /* faq */
    /* 탭 버튼 컨테이너 (공통 레이아웃 구조 활용) */
    .faq-tab-group {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: var(--one-gap-r);
      margin-bottom: var(--one-space-s);
    }

    /* 탭 버튼 스타일 */
    .faq-tab-btn {
      padding: 14px 36px;
      border: 1px solid var(--one-txt-color);
      border-radius: 50px;
      background-color: var(--gray-color01);
      color: var(--one-txt-color);
      font-size: var(--one-body);
      cursor: pointer;
      white-space: nowrap;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      box-shadow: none !important;
    }

    /* 활성화 상태 (메인 컬러 매핑) */
    .faq-tab-btn.is-active {
      background-color: var(--sub-color01);
      color: var(--white-color);
      font-weight: 700;
      box-shadow: none !important;
    }

    .faq-tab-btn:hover {
      box-shadow: none !important;
    }

    /* 호버 상태 (서브 컬러 매핑) */
    .faq-tab-btn:hover:not(.is-active) {
      background-color: var(--main-color);
      color: var(--white-color);
    }

    /* 패널 제어 및 페이드인 */
    .faq-panel {
      display: none;
      word-wrap: break-word;
    }

    .faq-panel.is-active {
      display: block;
      animation: faqFadeIn 0.4s ease;
    }

    /* 아코디언 아이템 세팅 */
    .faq-accordion-item {
      border: 1px solid var(--gray-color01);
      margin-bottom: var(--one-gap-sm);
      border-radius: 1rem;
    }

    .faq-accordion-item.is-open {}

    /* 질문 트리거 버튼 */
    .faq-trigger-btn {
      width: 100%;
      padding: var(--one-gap-lg) var(--one-space-s);
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: none;
      border: none;
      cursor: pointer;
      word-break: break-all;
    }

    .faq-trigger-btn .q-txt {
      flex: auto;
    }

    /* Q 아이콘 (공통 메인 컬러 적용) */
    .faq-trigger-btn::before {
      content: 'Q.';
      color: var(--sub-color01);
      font-size: var(--one-p-tit);
      margin-right: var(--one-gap-r);
      font-weight: 700;
    }

    /* 💡 CSS로 구현한 오리지널 v 꺽쇠 아이콘 */
    .faq-icon-caret {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      position: relative;
      transition: transform 0.3s ease;
      margin-left: var(--one-gap-r);
    }

    .faq-icon-caret::before {
      content: '';
      display: block;
      width: 8px;
      height: 8px;
      border-right: 2px solid var(--sub-color01);
      border-bottom: 2px solid var(--sub-color01);
      transform: rotate(45deg);
      transition: transform 0.3s ease;
    }

    /* 활성화(열림) 상태 시 회전 제어 */
    .faq-accordion-item.is-open .faq-icon-caret {
      transform: rotate(180deg);
    }

    /* 답변 패널 슬라이딩 구조 */
    .faq-body-panel {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out;
      background-color: #fafafa;
      border-radius: 0 0 6px 6px;
    }

    .faq-body-content {
      padding: var(--one-gap-lg) var(--one-space-s);
      background: #f9f9f9;
    }

    /* A 아이콘 (공통 메인 핑크 컬러 적용) */
    .faq-body-content::before {
      content: 'A.';
      color: var(--main-color);
      font-size: var(--one-p-tit);
      margin-right: var(--one-gap-r);
      font-weight: 700;
    }

    .faq-tab-btn {
      background-color: #fff;
      -webkit-box-shadow: none;
      box-shadow: none;
    }

  /* =========== 
  애니메이션
 =========== */

    @keyframes faqFadeIn {
      from {
        opacity: 0;
        transform: translateY(5px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* =========== 
  반응형: 태블릿
 =========== */

    /* 워드프레스 기존 테마 max-width 따라감 */
    @media all and (max-width: 1024px) {
      :root {
        --one-hd1: 46px;
        --one-hd2: 38px;
        --one-hd3: 30px;
        --one-p-tit: 20px;
        --one-body: 16px;
        --one-caption: 13px;
        --one-space-xl: 100px;
        --one-space-lg: 80px;
        --one-space-r: 54px;
        --one-gap-xl: 24px;
        --one-gap-lg: 16px;
      }

      .mo_v,
      .mo-v {
        display: block !important;
      }

      .pc-v {
        display: none !important;
      }

      .mo_v_i {
        display: inline-block !important;
      }

      .one-container {
        padding-top: 70px;
      }

      .help-txt {
        font-size: 13px;
        color: var(--gray-color01);
        padding-top: var(--one-gap-sm);
      }

      .con-hd-wrap {
        /*     padding-bottom: var(--one-space-s); */
      }

      /* faq */
      .faq-tab-btn {
        padding: 12px 28px;
      }
    }

    /* =========== 
  반응형: 모바일
 =========== */

    /* 워드프레스 기존 테마 max-width 따라감 */
    @media all and (max-width: 767px) {
      .mo_v {
        display: block;
      }

      .pc_v {
        display: none;
      }

      .mo_v_i {
        display: inline-block;
      }

      :root {
        --one-hd1: 8.2vw;
        --one-hd2: 7vw;
        --one-layout: 100%;
        --one-layout-lg: 100%;
        --one-hd3: 6vw;
        --one-p-tit: 5vw;
        --one-body: 3.7vw;
        --one-caption: 2.7vw;
        --one-lh-lg: 1.3;
        --one-lh-r: 1.6;
        --one-space-xl: 15vw;
        --one-space-lg: 12.5vw;
        --one-space-r: 11vw;
        --one-space-s: 9.3vw;
        --one-gap-xl: 4.7vw;
        --one-gap-lg: 3.7vw;
        --one-gap-r: 3.2vw;
        --one-gap-sm: 2.5vw;
      }

      .con-inner {
        padding: var(--one-space-r) 0;
      }

      .flx-row {
        flex-direction: column;
      }

      .con-list-dash li::before {
        width: 4px;
        height: 1px;
      }

      .con-list-dash li {
        position: relative;
        padding-left: 16px;
      }

      .con-list-dash li.no-dash {
        padding-left: 5px;
      }

      .con-list-dot li {
        padding-left: var(--one-gap-lg);
      }

      .con-list-dot li.space {
        max-height: 12px;
      }

      .con-list-dot li::before {
        top: 0.7em;
      }

      /* faq */
      /* 모바일 가로 스크롤 레이아웃 핏 보정 */
      .faq-tab-group {
        justify-content: center;
        padding-bottom: 8px;
        margin-bottom: var(--one-gap-xl);
      }

      .faq-tab-group::-webkit-scrollbar {
        display: none;
      }

      .faq-tab-btn {
        width: 80%;
	 	margin: 0;
      }

      .hash-tag {
        gap: 2vw;
      }

      .hash-tag li {
        padding: 1.5vw var(--one-gap-r);
      }

      /* 모바일 가독성을 고려한 본문 여백 제어 */

      .faq-trigger-btn::before,
      .faq-body-content::before {
        font-size: var(--one-body);
        margin-right: var(--one-gap-sm);
      }
    }