@charset "utf-8";
/* 선택적으로: 내용관리에서도 active 표시가 보이도록 최소 스타일(사이트에 이미 있으면 생략 가능) */
.kk-pill-nav { display:flex; gap:.5rem; flex-wrap:wrap; padding:0; margin:12px 0; list-style:none; }
.kk-item > a { display:inline-block; padding:.5rem .9rem; border-radius:999px; text-decoration:none; }
.kk-item.active > a { font-weight:700; box-shadow:0 0 0 2px var(--kk-primary, #222) inset; }
.kk-item.has-sub { position:relative; }
.kk-item.has-sub .kk-sub { position:absolute; left:0; top:calc(100% + 6px); background:#fff; border:1px solid #e5e5e5; border-radius:10px; padding:.5rem; min-width:220px; display:none; z-index:10; }
.kk-item.has-sub.active .kk-sub,
.kk-item.has-sub:hover .kk-sub { display:block; }
.kk-sub-a { display:block; padding:.45rem .65rem; border-radius:8px; text-decoration:none; white-space:nowrap; }
.kk-sub-a.active { font-weight:600; }
@media (max-width: 820px){
  .kk-item.has-sub .kk-sub { position:static; display:block; border:none; padding:.25rem 0 0; background:transparent; }
}

.kk-item.has-sub.active .kk-sub, .kk-item.has-sub:hover .kk-sub {display:none;}

#ctt {max-width: 1300px; margin: 0 auto;}
#ctt h1 {text-align: center; font-size: 26px; margin: 30px auto;}

#ctt_con img {width:100%;}