@charset "utf-8";

/* 내용관리 */
#ctt {background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.fnb-com{padding-bottom:var(--gap-sub);}
.fnb-com .fnb-sec:not(:last-child){margin-bottom:50px;}
.fnb-page-top{width:100%;margin-bottom:50px;font-size:var(--font16);line-height:1.6;}

.fnb-com .fnb-sec h4{margin-bottom:20px;font-size:var(--font20);font-weight: 700;}
.fnb-com .fnb-sec p{line-height:1.6;font-size: var(--font16);margin-bottom:20px;}
.fnb-com .fnb-sec .gry-txt{color:var(--gray-8);}
.fnb-com .fnb-sub-sec{margin-top:16px;font-size:var(--font16);}
.fnb-com .fnb-sec li{display:flex;align-items:stretch;line-height:1.6;font-size:var(--font16)}
.fnb-com .fnb-sec li::before{content:'·';display:inline-block;margin-right:5px;}

.fnb-com .fnb-lst li:not(:last-child){margin-bottom:10px;}
.fnb-com .fnb-lst li{gap:6px;align-items: stretch;}
.fnb-com .fnb-lst li .num{display:flex;width:calc(var(--font15) + 3px);height:calc(var(--font15) + 3px);line-height:1;align-items: center;justify-content: center;border-radius: 50%;background:var(--main);color:#fff;font-size:13px;font-weight:600;}
.fnb-com .fnb-lst li .num ~ p,
.fnb-com .fnb-lst li .num ~ .withlst{width:calc(100% - var(--font15) - 3px - 6px);}
.fnb-com .fnb-lst li .dot ~ p,
.fnb-com .fnb-lst li .dot ~ .withlst{width:calc(100% - 10px);}
.fnb-com .fnb-lst .dot{position:relative;top:8px;width:4px;height:4px;border-radius: 50%;background:var(--gray-d0d);}
.fnb-com .fnb-lst .fnb-sub-sec li:not(:last-child){margin-bottom:5px;}
#container_title {
  text-align: center;
  font-size: 45px;
  margin: 0 auto;
  font-weight: 700;
}
body{background:var(--bk);}
#container_title{color:#fff;margin-bottom:50px;}
#container:not(:has(.mainpage)){margin:var(--gap-lg) 0;}
#ctt{padding:80px 100px;border-radius: 5px;}


@media screen and (max-width:1024px){
  #container:not(:has(.mainpage)) {margin: calc(var(--gap-lg) + 70px) 0 var(--gap-lg);}
}


@media screen and (max-width:768px){
  .fnb-page-top{margin-bottom:30px;}
  .fnb-com .fnb-sec:not(:last-child){margin-bottom:20px;}
  .fnb-com .fnb-lst li .num{font-size:10px;}
  .fnb-com .fnb-lst .dot{width:3px;height:3px;}
  #ctt{padding:30px;}
  #container:not(:has(.mainpage)) {margin: calc(var(--gap-lg) + 70px) 0 var(--gap-lg);}
  #container_title{font-size:30px;}
}

/* =========================================================
   개인정보 처리방침(privacy) 문서 스타일 보강
   - 기존 사이트 스타일 영향 최소화 (#ctt.ctt_privacy 범위로 제한)
   2026-02-27 yik
========================================================= */

#ctt.ctt_privacy .fnb-sec p { margin-bottom: 14px; }
#ctt.ctt_privacy .fnb-sec ul { margin: 10px 0 18px; padding-left: 0; }

/* 기본 li flex 해제: 긴 문장/줄바꿈이 자연스럽게 보이게 */
#ctt.ctt_privacy .fnb-sec li{
  display:block;           /* 기존 flex -> block */
  align-items: initial;
  line-height: 1.7;
  margin-bottom: 8px;
}

/* 기본 점(·) 스타일을 '개인정보 처리방침'에서는 더 얌전하게 */
#ctt.ctt_privacy .fnb-sec li::before{
  content: "•";
  margin-right: 8px;
}

/* 항/호(①②, 1.2., ※) 같은 문장용 클래스 */
#ctt.ctt_privacy .pp-para{ margin: 10px 0 14px; }
#ctt.ctt_privacy .pp-para .mark{
  display:inline-block;
  min-width: 22px;
  font-weight:700;
}

/* ※ 주석 문구 */
#ctt.ctt_privacy .pp-note{
  margin-top: 10px;
  color: var(--gray-8);
  font-size: var(--font15);
}

/* “항목: / 수집목적:” 같은 키-값 형태 */
#ctt.ctt_privacy .pp-kv{
  margin: 10px 0 18px;
}
#ctt.ctt_privacy .pp-kv li::before{
  content: "·";
}
#ctt.ctt_privacy .pp-kv .k{
  font-weight: 700;
  display:inline-block;
  min-width: 72px;
}

/* 부칙은 살짝 구분감 */
#ctt.ctt_privacy .fnb-sec.pp-addendum{
  padding-top: 10px;
  border-top: 1px solid var(--gray-e5, #e5e5e5);
}