@charset "utf-8";

/* 내용관리 */

#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.ctt_admin {position: fixed;top: 100px;right: 0;}


/* ============================================================
   내용관리(content.php) 페이지 — 원본 andong 테마에서 누락분 이식
   적용 범위: content.php 의 basic 스킨 (다른 영역 영향 없음)
   ============================================================ */

/* 사업지원절차 (co_id=support) */
.sub-support .bar { width: 0px; height: 2px; background: #000; margin-bottom: 80px; transition: 0.5s; margin-top: 80px; }
.sub-support.on .bar, .sub-support .on .bar { width: 100%; }
#sub_page.sub-support h5 { transition-delay: 0.3s; }
.sub-support dl { margin-top: 40px; padding-left: 20px; }
.sub-support dl dt { position: relative; color: var(--point); font-weight: bold; margin-top: 30px; transform: translateX(-50px); transition: 0.5s; opacity: 0; }
.sub-support dl dt::before { position: absolute; content: ''; top: 50%; left: -20px; transform: translateY(-50%); display: block; width: 10px; height: 2px; background: var(--point); }
.sub-support dl dd { color: #888; margin-top: 10px; font-size: 16px; transform: translateX(-50px); transition: 0.5s; opacity: 0; }
.sub-support dl dd ul { gap: 35px; padding-top: 10px; flex-wrap: wrap; display: flex; }
.sub-support dl dd ul li { gap: 20px; text-align: center; align-items: center; display: flex; flex-direction: column; }
.sub-support dl dd ul li+li .cir::before { content: ''; position: absolute; top: 50%; left: -50px; transform: translateY(-50%); font-size: 30px; color: #000; background: url(../../../img/content/support_cir_arrow.png) no-repeat; width: 16px; height: 23px; }
.sub-support dl dd ul li .cir { position: relative; padding: 20px 60px 30px; min-width: 220px; height: 150px; border-radius: 10px; flex-direction: column; justify-content: space-between; gap: 10px; margin: 0 20px; background-color: #f7f9f8; box-shadow: rgba(0, 102, 103, 0.1) 6px 2px 16px 0px, rgba(0, 102, 134, 0.1) 2px 5px 16px 0px; display: flex; align-items: center; }
.sub-support dl dd ul li .cir img { max-width: fit-content; margin: 0 auto; }
.sub-support dl dd ul li .cir::after { display: block; position: absolute; top: 0; left: 10px; width: 28px; height: 46px; padding-top: 7px; background: url(../../../img/content/ico_mark.png) no-repeat; color: #fff; font-size: 15px; }
.sub-support dl dd ul li:nth-child(1) .cir::after { content: "1"; }
.sub-support dl dd ul li:nth-child(2) .cir::after { content: "2"; }
.sub-support dl dd ul li:nth-child(3) .cir::after { content: "3"; }
.sub-support dl dd ul li:nth-child(4) .cir::after { content: "4"; }
.sub-support dl dd ul li:nth-child(5) .cir::after { content: "5"; }
.sub-support dl dd ul li span { color: #004e8f; font-weight: 700; }
.sub-support dl dd ul li em { font-size: 14px; }
.sub-support.on dl dt, .sub-support.on dl dd, .sub-support .on dl dt, .sub-support .on dl dd { opacity: 1; transform: translateY(0); }
.sub-support dl dt:nth-child(1), .sub-support dl dd:nth-child(2) { transition-delay: 0.4s; }
.sub-support dl dt:nth-child(3), .sub-support dl dd:nth-child(4) { transition-delay: 0.5s; }
.sub-support dl dt:nth-child(5), .sub-support dl dd:nth-child(6) { transition-delay: 0.6s; }
.sub-support dl dt:nth-child(7), .sub-support dl dd:nth-child(8) { transition-delay: 0.7s; }
.sub-support dl dt:nth-child(9), .sub-support dl dd:nth-child(10) { transition-delay: 0.8s; }
.sub-support dl dt:nth-child(11), .sub-support dl dd:nth-child(12) { transition-delay: 0.9s; }
.sub-support .btn-box { margin-top: 40px; opacity: 0; transition: 0.5s; transition-delay: 1s; transform: translateX(-50px); }
.sub-support.on .btn-box, .sub-support .on .btn-box { opacity: 1; transform: translateY(0); }
.sub-support .btn-box a { padding: 15px 30px; background: var(--point); color: #fff; border-radius: 30px; }

/* 반응형 — 사업지원절차 5단계 카드 */
@media screen and (max-width: 1100px) {
    .sub-support dl dd ul { gap: 60px 20px; justify-content: center; }
    .sub-support dl dd ul li+li .cir::before { display: none; }
}
@media screen and (max-width: 600px) {
    .sub-support dl dd ul li .cir { min-width: 200px; padding: 20px 30px 30px; }
}


/* 시설안내 (co_id=facilityinfo)
   - 안동국제컨벤션센터 박스(.cont-eff-right dl) 및 관람안내(.dl-custom-01) dt/dd 표시
     글로벌 dl dt/dd { opacity:0 } 룰의 활성화 트리거 부재 보정 */
.ctt_facilityinfo .cont-eff-right dt,
.ctt_facilityinfo .cont-eff-right dd,
.ctt_facilityinfo .dl-custom-01 dt,
.ctt_facilityinfo .dl-custom-01 dd { opacity: 1; transform: none; }
.ctt_facilityinfo .dl-custom-01 dt,
.ctt_facilityinfo .dl-custom-01 dd { margin-top: 0; }
.ctt_facilityinfo .dl-custom-01 dt.h6_title { display: flex; align-items: center; }

/* 시설안내 — 안동국제컨벤션센터 dt/dd 쌍별 한 행 정렬 (3쌍 = 3행)
   글로벌 dl 룰로 dd가 다음 줄로 밀리는 문제를 grid 2열로 강제 */
.ctt_facilityinfo .content-area-01 .cont-eff-right {
    padding-left: 0;
    display: grid;
    grid-template-columns: 80px 1fr;
    align-items: center;
}
.ctt_facilityinfo .content-area-01 .cont-eff-right dt,
.ctt_facilityinfo .content-area-01 .cont-eff-right dd {
    width: auto;
    margin: 0;
}

.ctt_facilityinfo .content-area-01 .cont-eff-right dd {
   font-size: 20px;
}

/* 시설안내 — 관람료 표 보더 강조
   - 세로 구분선 전체 2px solid #000
   - 안동시민/안동시민 외 그룹 사이 가로 구분선 2px solid #000 */
.ctt_facilityinfo .dl-custom-01 table thead th + th,
.ctt_facilityinfo .dl-custom-01 table td {
    border-left: 2px solid #000;
}
.ctt_facilityinfo .dl-custom-01 table tbody tr:nth-child(4) > * {
    border-top: 2px solid #000;
}

/* 시설안내 — 관람안내: 관람정보 ul (가로 2분할, 위/아래 보더, 가운데 구분선) */
.ctt_facilityinfo .dl-custom-01 dd > ul.flex-wrap {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
.ctt_facilityinfo .dl-custom-01 dd > ul.flex-wrap li {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 20px 30px;
    list-style: none;
}
.ctt_facilityinfo .dl-custom-01 dd > ul.flex-wrap li + li { border-left: 2px solid #000; }
.ctt_facilityinfo .dl-custom-01 dd > ul.flex-wrap li span { color: #000; font-weight: 600; min-width: 70px; }
.ctt_facilityinfo .dl-custom-01 dd > ul.flex-wrap li em { color: #666; font-style: normal; }

/* 시설안내 — 관람안내: 관람료 면제대상 ol (원형 번호 + 가로 구분선) */
.ctt_facilityinfo .dl-custom-01 dd > ol {
    counter-reset: item;
    border-top: 2px solid #000;
    padding-left: 0;
    list-style: none;
}
.ctt_facilityinfo .dl-custom-01 dd > ol li {
    counter-increment: item;
    position: relative;
    padding: 18px 20px 18px 55px;
    border-bottom: 1px solid #ddd;
    color: #666;
    list-style: none;
}
.ctt_facilityinfo .dl-custom-01 dd > ol li::before {
    content: counter(item);
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    background: #333;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

/* 오시는길 (co_id=map) — 안동국제컨벤션센터/교통 dl dt/dd 표시
   글로벌 dl dt/dd { opacity:0 } 룰의 활성화 트리거가 없어 영구히 가려지는 문제 보정 */
.ctt_map .addr-wrap dl dt,
.ctt_map .addr-wrap dl dd { opacity: 1; transform: none; }