@charset "utf-8";
/* HN_CONTENT 20261014 : 순창문화원 컨텐츠 페이지 공용 디자인 (옛 HTML 속성 무력화 · 다크모드는 .hn-sub 변수로) */
.hn-ctt{--c-c:var(--hn-c,#1f6db6);--c-ink:var(--hn-ink,#1a1f26);--c-tx:var(--hn-tx,#3a4350);--c-mu:var(--hn-mu,#6b7480);
  --c-ln:var(--hn-ln,#e3e8ee);--c-bg:var(--hn-bg,#fff);--c-bg2:var(--hn-bg2,#f5f7fa);--c-on:var(--hn-on,#eef5fc);
  position:static !important;width:auto !important;margin:0;padding:0;float:none;background:none !important;
  color:var(--c-tx);font-size:1.0625em;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.hn-ctt *{box-sizing:border-box}
.hn-ctt>header{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hn-ctt #ctt_con{margin:0;padding:0;background:none}
.hn-ctt img{max-width:100%;height:auto}
.hn-ctt a{color:var(--c-c)}
.hn-ctt p{margin:0 0 1em}
.hn-ctt .HStyle0{color:inherit !important;font-family:inherit !important;font-size:inherit !important;line-height:inherit !important}

/* 소제목 */
.hn-ctt #ctt_con>h3,.hn-ctt #ctt_con>h4,.hn-ctt .reborn h6,.hn-ctt .policy_title{position:relative;margin:2.2em 0 .9em;padding:0 0 0 14px;border:0;background:none;
  color:var(--c-ink);font-size:1.2em;font-weight:800;line-height:1.4;letter-spacing:-.02em}
.hn-ctt #ctt_con>h3:first-child,.hn-ctt #ctt_con>h4:first-child,.hn-ctt #ctt_con>.reborn:first-child h6,.hn-ctt #ctt_con>.policy_title:first-child{margin-top:0}
.hn-ctt #ctt_con>h3::before,.hn-ctt #ctt_con>h4::before,.hn-ctt .reborn h6::before,.hn-ctt .policy_title::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:4px;border-radius:2px;background:var(--c-c)}
.hn-ctt .reborn{margin:0;padding:0;background:none;border:0}

/* 목록 */
.hn-ctt ul.career,.hn-ctt ul.hn-list{margin:0 0 1.6em;padding:0;list-style:none;border-top:1px solid var(--c-ln)}
.hn-ctt ul.career li,.hn-ctt ul.hn-list li{position:relative;margin:0;padding:.7em 0 .7em 1.3em;border-bottom:1px solid var(--c-ln);background:none;list-style:none}
.hn-ctt ul.career li::before,.hn-ctt ul.hn-list li::before{content:"";position:absolute;left:3px;top:1.32em;width:6px;height:6px;border-radius:50%;background:var(--c-c)}
.hn-ctt ol{margin:0 0 1.6em;padding-left:1.5em}
.hn-ctt ol li{margin:.4em 0;padding-left:.2em}

/* 표 */
.hn-ctt table{width:100% !important;margin:0 0 1.6em !important;border-collapse:collapse !important;border-spacing:0 !important;border-top:2px solid var(--c-ink) !important;background:none !important}
.hn-ctt td,.hn-ctt th{height:auto !important;padding:.8em 1em !important;border:0 !important;border-bottom:1px solid var(--c-ln) !important;background:none !important;
  color:var(--c-tx) !important;font-size:.9375em !important;line-height:1.65 !important;text-align:left !important;vertical-align:middle !important}
.hn-ctt td+td,.hn-ctt th+th,.hn-ctt th+td,.hn-ctt td+th{border-left:1px solid var(--c-ln) !important}
.hn-ctt table tr:first-child>td,.hn-ctt th{background:var(--c-bg2) !important;color:var(--c-ink) !important;font-weight:700 !important;text-align:center !important}
.hn-ctt td *,.hn-ctt th *{color:inherit !important;font-size:inherit !important;font-family:inherit !important;line-height:inherit !important;background:none !important;text-align:inherit !important}
.hn-ctt td p,.hn-ctt th p{margin:0 !important;padding:0 !important;text-indent:0 !important}
.hn-ctt.ctt_CulturalHeritage1 tr:not(:first-child)>td:first-child{width:22%;color:var(--c-ink) !important;font-weight:700 !important;white-space:nowrap}

/* 임원 및 회원 (이미지) */
.hn-ctt.ctt_organization #ctt_con img{display:block;margin:0 auto;border-radius:12px;background:#fff}

/* 인사말 */
.hn-greet{display:grid;grid-template-columns:260px minmax(0,1fr);gap:52px;align-items:start}
.hn-greet__photo{position:sticky;top:120px;margin:0}
.hn-greet__photo img{display:block;width:100%;border-radius:14px;box-shadow:0 14px 34px rgba(15,30,50,.16)}
.hn-greet__photo figcaption{margin-top:14px;color:var(--c-mu);font-size:.875em;text-align:center}
.hn-greet__photo figcaption b{color:var(--c-ink)}
.hn-greet__lead{margin:0 0 .5em !important;color:var(--c-ink);font-size:1.65em;font-weight:800;line-height:1.45;letter-spacing:-.03em}
.hn-greet__sub{margin:0 0 1.6em !important;padding-bottom:1.4em;border-bottom:1px solid var(--c-ln);color:var(--c-c);font-size:1.0625em;font-weight:700;line-height:1.6}
.hn-greet__body p{margin:0 0 1.1em}
.hn-greet__sign{margin-top:2.4em !important;color:var(--c-mu);text-align:right}
.hn-greet__sign b{margin-left:6px;color:var(--c-ink);font-size:1.25em}

/* 찾아오시는길 */
.hn-loc__info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 24px}
.hn-loc__info>div{padding:18px 22px;border:1px solid var(--c-ln);border-radius:12px;background:var(--c-bg2)}
.hn-loc__info>div.is-wide{grid-column:1/-1}
.hn-loc__info dt{margin:0 0 4px;color:var(--c-mu);font-size:.8125em;font-weight:700}
.hn-loc__info dd{margin:0;color:var(--c-ink);font-size:1.0625em;font-weight:700}
.hn-loc__info dd a{color:inherit;text-decoration:none}
.hn-loc__map{margin:0 0 36px;border:1px solid var(--c-ln);border-radius:12px;overflow:hidden;background:#fff}
.hn-loc__map .root_daum_roughmap{width:100% !important}
.hn-loc__ways{display:grid;grid-template-columns:1fr 2fr;gap:16px}
.hn-loc__way{padding:22px 24px;border:1px solid var(--c-ln);border-radius:12px;background:var(--c-bg)}
.hn-loc__way h4{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--c-ink);font-size:1.0625em;font-weight:800}
.hn-loc__way h4 i{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--c-on);color:var(--c-c)}
.hn-loc__way p{margin:0}
.hn-loc__way dl{margin:0}
.hn-loc__way dt{margin:14px 0 2px;color:var(--c-ink);font-weight:700}
.hn-loc__way dt:first-child{margin-top:0}
.hn-loc__way dd{margin:0;color:var(--c-tx)}
.hn-badge{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:4px;background:var(--c-on);color:var(--c-c);font-size:.8125em;font-weight:700}

.hn-ctt__admin{margin:24px 0 0 !important;text-align:right;font-size:.8125em}
.hn-ctt__admin a{color:var(--c-mu)}

@media (max-width:768px){
  .hn-ctt table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .hn-ctt td,.hn-ctt th{min-width:90px}
  .hn-greet{grid-template-columns:1fr;gap:24px}
  .hn-greet__photo{position:static;max-width:220px;margin:0 auto}
  .hn-greet__lead{font-size:1.4em}
  .hn-loc__info,.hn-loc__ways{grid-template-columns:1fr}
}