@charset "utf-8";
/* ============================================================
   안동지역상생청년포럼 메인 전용 스타일 (2026-10-26)
   - index.html.php 에서만 로드합니다. (스킨 방식 메인. piece 방식은 각 piece 폴더 안에 style 이 따로 있습니다)
   - 시안 : 안동포럼_기본_포토샵/00.index.psd (1920×4420), 00.index_640픽셀_모바일.psd (640×4820)
   - 선택자는 전부 .adf-main 아래로 한정합니다.
   - 콘텐츠 최대 폭 1600 (x160~1760, 시안은 1604 이지만 사용자 요청으로 1600). 섹션 배경은 화면 전체.
   - 반응형은 px 고정 + 구간별 값. 640 이하는 모바일 시안 값, 480 이하는 0.75배.
   ============================================================ */

/* 본문 시작 위치 = 고정 헤더 높이 (기존 new_index_custom.css 는 960 이하에서 헤더 높이의 2배를 쓰므로 여기서 다시 지정) */
#mainContent.main-basic-body{padding-top:120px;}
@media (max-width:960px){ #mainContent.main-basic-body{padding-top:137px;} }
@media (max-width:640px){ #mainContent.main-basic-body{padding-top:var(--header-height);} }
/* 투명 헤더 : 비주얼이 헤더 뒤까지 올라갑니다 */
.wrapper.adf-clear #mainContent.main-basic-body{padding-top:0;}
@media (max-width:960px){ .wrapper.adf-clear #mainContent.main-basic-body{padding-top:0;}}
@media (max-width:640px){ .wrapper.adf-clear #mainContent.main-basic-body{padding-top:0;} }

/* 기존 custom_new.css 가 전체 요소(*)에 Noto Sans KR 을 걸어 두어 메인 안에서는 Pretendard 로 되돌립니다 */
.adf-main,
.adf-main *{font-family:var(--adf-font);}
.adf-main{--adf-main-max:1600px;--adf-bg:#f5f7fa;--adf-line:#e6e8ea;color:#222;overflow:hidden;}
.adf-main h2,
.adf-main h3,
.adf-main p,
.adf-main ul,
.adf-main li{margin:0;padding:0;list-style:none;}
.adf-main a{color:inherit;text-decoration:none;}
.adf-main button{padding:0;border:0;background:none;cursor:pointer;}
.adf-main img{max-width:100%;vertical-align:top;}
.adf-main em,
.adf-main i{font-style:normal;}
.adf-main .adf-inner{width:100%;max-width:var(--adf-main-max);margin:0 auto;}
.adf-main .swiper-slide{height:auto;}

/* ===== 공통 : 섹션 제목(가운데, 밑에 연보라 띠) / 제목 옆 원형 버튼 / 슬라이드 좌우 흰 원 화살표 ===== */
.adf-main .adf-sec-head{position:relative;display:flex;align-items:center;justify-content:center;height:57px;}
.adf-main .adf-sec-tit{position:relative;z-index:0;font-size:44px;font-weight:700;line-height:1;color:var(--adf-point);letter-spacing:-.025em;}
/* 시안 : 제목 글자 아래 150×10 보라 15% 띠 (글자보다 좌우 3px 넓게, 글자 아래쪽에 걸침) */
.adf-main .adf-sec-tit::after{content:'';position:absolute;left:-3px;right:-3px;bottom:-2px;z-index:-1;height:10px;background-color:var(--adf-point);opacity:.15;}
.adf-main .adf-ctrl{position:absolute;right:0;top:0;display:flex;column-gap:3px;}
.adf-main .adf-ctrl-btn{position:relative;display:block;width:57px;height:57px;border:1px solid #000;border-radius:50%;background-color:#fff;transition:background-color .2s,border-color .2s;}
.adf-main .adf-ctrl-btn::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;-webkit-mask:url("../../../image/main/adf-main-ctl-arr.png") no-repeat center / 16px 13px;mask:url("../../../image/main/adf-main-ctl-arr.png") no-repeat center / 16px 13px;transition:background-color .2s;}
/* 아이콘 원본(adf-main-ctl-arr.png)이 왼쪽 화살표라 다음 버튼만 뒤집습니다 */
.adf-main .adf-ctrl-next::before{transform:scaleX(-1);}
.adf-main .adf-ctrl-more{border-color:#000;background-color:#000;}
.adf-main .adf-ctrl-more::before{background-color:#fff;-webkit-mask-image:url("../../../image/main/adf-main-more2.png");mask-image:url("../../../image/main/adf-main-more2.png");-webkit-mask-size:22px 22px;mask-size:22px 22px;}
.adf-main .adf-ctrl-btn:hover{border-color:var(--adf-point);background-color:var(--adf-point);}
.adf-main .adf-ctrl-btn:hover::before{background-color:#fff;}
.adf-main .adf-arrow{position:absolute;top:50%;z-index:5;width:53px;height:53px;margin-top:-27px;border:1px solid #e6e6e6;border-radius:50%;background-color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.08);transition:background-color .2s,border-color .2s;}
.adf-main .adf-arrow::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#333;-webkit-mask:url("../../../image/main/adf-main-arr-r.png") no-repeat center / 9px 16px;mask:url("../../../image/main/adf-main-arr-r.png") no-repeat center / 9px 16px;transition:background-color .2s;}
.adf-main .adf-arrow-prev::before{-webkit-mask-image:url("../../../image/main/adf-main-arr-l.png");mask-image:url("../../../image/main/adf-main-arr-l.png");}
.adf-main .adf-arrow:hover{border-color:var(--adf-point);background-color:var(--adf-point);}
.adf-main .adf-arrow:hover::before{background-color:#fff;}
.adf-main .swiper-button-disabled{opacity:.35;cursor:default;}

/* ============================================================
   1. 비주얼 (시안 y0~980. 기본 헤더에서는 헤더(120) 아래 860 만 보입니다 → 글자·버튼은 아래쪽 기준으로 놓았습니다)
   글 : 제목 ExtraBold 56/60 #20b9f7 (y382) · 주제 Medium 22 (y515) · 날짜 SemiBold 32 (y556) · 버튼 263×71 (y621, 보라)
   점 페이저 (182,730) · 01 ─ 03 ‹ ∥ › (y778) · 좌우 큰 화살표 91 (y504) · 우하단 화살표 2개 (1556/1662, 769) · Scroll (960, 852)
   ============================================================ */
.adf-main .adf-visual{position:relative;height:860px;background-color:#222;}
.wrapper.adf-clear .adf-main .adf-visual{height:980px;}
.adf-main .adf-vis{position:relative;height:100%;}
.adf-main .adf-vis .adf-vis-swiper{position:absolute;left:0;top:0;width:100%;height:100%;}
.adf-main .adf-vis .adf-vis-slide{position:relative;overflow:hidden;}
.adf-main .adf-vis .adf-vis-slide picture{display:block;height:100%;}
.adf-main .adf-vis .adf-vis-slide img{display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center;}
/* 사진 위 검정 50% + 위쪽 그라데이션 30% (시안). 2026-10-26 사용자 요청 : 등록하는 사진에 이미 어둡게 처리가 되어 있어 꺼 두었습니다. 원본(밝은) 사진을 쓰면 아래 두 줄과 모바일(≤640) 쪽 한 줄의 주석을 풀어 주세요.
.adf-main .adf-vis .adf-vis-slide::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0,0,0,.3) 0, rgba(0,0,0,0) 360px), rgba(0,0,0,.5);pointer-events:none;} */
/* 글 : 컨테이너(1600) 안쪽 여백 30 (x190, 사용자 기준), 버튼 아래선이 비주얼 아래에서 288px */
.adf-main .adf-vis .adf-vis-txt{position:absolute;left:0;right:0;bottom:0;z-index:2;height:100%;max-width:var(--adf-main-max);margin:0 auto;pointer-events:none;}
.adf-main .adf-vis .adf-vis-txt-in{position:absolute;left:30px;bottom:288px;pointer-events:auto;}
.adf-main .adf-vis .adf-vis-tit{font-size:56px;font-weight:800;line-height:60px;color:#20b9f7;letter-spacing:-.05em;}
.adf-main .adf-vis .adf-vis-sub{margin-top:6px;font-size:22px;font-weight:500;line-height:40px;color:#fff;letter-spacing:-.05em;}
.adf-main .adf-vis .adf-vis-date{margin-top:-2px;font-size:32px;font-weight:600;line-height:60px;color:#fff;letter-spacing:-.05em;}
.adf-main .adf-vis .adf-vis-btn{display:inline-flex;align-items:center;height:71px;margin-top:19px;padding:0 40px 0 27px;border-radius:10px;background-color:var(--adf-point);font-size:22px;font-weight:700;line-height:1;color:#fff;letter-spacing:-.05em;transition:background-color .2s;}
.adf-main .adf-vis .adf-vis-btn-ico{flex:none;width:26px;height:28px;margin-right:13px;background:url("../../../image/main/adf-visual-btn-ico.png") no-repeat center / 26px 28px;}
.adf-main .adf-vis .adf-vis-btn-arr{flex:none;width:24px;height:10px;margin-left:18px;background:url("../../../image/main/adf-visual-btn-arr.png") no-repeat center / 24px 10px;transition:transform .3s;}
/* PDF 02-1 : 버튼 오버 → 화살표가 오른쪽으로 */
.adf-main .adf-vis .adf-vis-btn:hover{background-color:#6a59b8;}
.adf-main .adf-vis .adf-vis-btn:hover .adf-vis-btn-arr{transform:translateX(8px);}
/* PDF 02-1 : 제목 → 주제 → 날짜 → 버튼이 차례로 떠오릅니다 (참고 hans.terrasoft.co.kr) */
.adf-main .adf-vis .adf-vis-txt-in > *{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease;}
.adf-main .adf-vis .swiper-slide-active .adf-vis-txt-in > *{opacity:1;transform:translateY(0);}
.adf-main .adf-vis .swiper-slide-active .adf-vis-sub{transition-delay:.25s;}
.adf-main .adf-vis .swiper-slide-active .adf-vis-date{transition-delay:.5s;}
.adf-main .adf-vis .swiper-slide-active .adf-vis-btn{transition-delay:.75s;}

/* 하단 UI : 점 페이저 + 페이지 번호 세트 (컨테이너 안 왼쪽 24px) */
.adf-main .adf-vis .adf-vis-ui{position:absolute;left:0;right:0;bottom:0;z-index:3;height:100%;max-width:var(--adf-main-max);margin:0 auto;pointer-events:none;}
.adf-main .adf-vis .adf-vis-ui > *{pointer-events:auto;}
.adf-main .adf-vis .adf-vis-pager{position:absolute;left:30px;bottom:234px;display:flex;align-items:center;column-gap:2px;width:auto;height:16px;}
.adf-main .adf-vis .adf-vis-pager .swiper-pagination-bullet{flex:none;width:16px;height:16px;margin:0;border-radius:8px;background-color:#fff;opacity:1;transition:width .3s,background-color .3s;}
.adf-main .adf-vis .adf-vis-pager .swiper-pagination-bullet-active{width:31px;background-color:var(--adf-point);}
.adf-main .adf-vis .adf-vis-ctl{position:absolute;left:30px;bottom:187px;display:flex;align-items:center;height:16px;}
.adf-main .adf-vis .adf-vis-num{font-size:20px;font-weight:700;line-height:1;color:#fff;letter-spacing:-.05em;}
.adf-main .adf-vis .adf-vis-bar{position:relative;width:150px;height:3px;margin:0 17px 0 17px;background-color:rgba(255,255,255,.4);}
.adf-main .adf-vis .adf-vis-bar i{position:absolute;left:0;top:0;height:100%;width:0;background-color:#fff;transition:width .2s linear;}
.adf-main .adf-vis .adf-vis-ctl .adf-vis-tot{margin-right:30px;letter-spacing:-.025em;}
.adf-main .adf-vis .adf-vis-cbtn{position:relative;flex:none;width:19px;height:16px;background-color:#fff;-webkit-mask:no-repeat center / 19px 15px;mask:no-repeat center / 19px 15px;transition:opacity .2s;}
.adf-main .adf-vis .adf-vis-cbtn:hover{opacity:.7;}
.adf-main .adf-vis .adf-vis-cprev{-webkit-mask-image:url("../../../image/main/adf-visual-ctl-prev.png");mask-image:url("../../../image/main/adf-visual-ctl-prev.png");}
.adf-main .adf-vis .adf-vis-cnext{-webkit-mask-image:url("../../../image/main/adf-visual-ctl-next.png");mask-image:url("../../../image/main/adf-visual-ctl-next.png");}
.adf-main .adf-vis .adf-vis-cpause{width:9px;margin:0 17px;-webkit-mask-image:url("../../../image/main/adf-visual-ctl-pause.png");mask-image:url("../../../image/main/adf-visual-ctl-pause.png");-webkit-mask-size:9px 15px;mask-size:9px 15px;}
/* 멈춘 상태 : 재생(▶) 모양 */
.adf-main .adf-vis .adf-vis-cpause.is-paused{width:11px;-webkit-mask:none;mask:none;background:none;}
.adf-main .adf-vis .adf-vis-cpause.is-paused::before{content:'';position:absolute;left:1px;top:1px;width:0;height:0;border-style:solid;border-width:7px 0 7px 10px;border-color:transparent transparent transparent #fff;}

/* 좌우 큰 화살표 (보라 원 91) */
.adf-main .adf-vis .adf-vis-arrow{position:absolute;bottom:384px;z-index:3;width:91px;height:92px;border-radius:50%;background-color:var(--adf-point);transition:background-color .2s,opacity .2s;}
.adf-main .adf-vis .adf-vis-arrow::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;-webkit-mask:no-repeat center / 50px 20px;mask:no-repeat center / 50px 20px;}
.adf-main .adf-vis .adf-vis-arrow-l{left:19px;}
.adf-main .adf-vis .adf-vis-arrow-l::before{-webkit-mask-image:url("../../../image/main/adf-visual-arr-l.png");mask-image:url("../../../image/main/adf-visual-arr-l.png");-webkit-mask-size:47px 18px;mask-size:47px 18px;}
.adf-main .adf-vis .adf-vis-arrow-r{right:20px;}
.adf-main .adf-vis .adf-vis-arrow-r::before{-webkit-mask-image:url("../../../image/main/adf-visual-arr-r.png");mask-image:url("../../../image/main/adf-visual-arr-r.png");}
.adf-main .adf-vis .adf-vis-arrow:hover{background-color:#6a59b8;}
/* 우하단 화살표 2개 : 왼쪽은 흰 테두리, 오른쪽은 보라 */
.adf-main .adf-vis .adf-vis-nav{position:absolute;right:30px;bottom:119px;display:flex;column-gap:15px;}
.adf-main .adf-vis .adf-vis-nav .adf-vis-arrow{position:relative;left:auto;right:auto;bottom:auto;}
.adf-main .adf-vis .adf-vis-nav .adf-vis-arrow-l{background-color:transparent;border:2px solid #fff;}
.adf-main .adf-vis .adf-vis-nav .adf-vis-arrow-l:hover{background-color:rgba(255,255,255,.15);}
/* Scroll */
.adf-main .adf-vis .adf-vis-scroll{position:absolute;left:50%;bottom:0;z-index:3;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%);pointer-events:none;}
.adf-main .adf-vis .adf-vis-scroll span{font-size:16px;font-weight:600;line-height:1;color:#fff;}
.adf-main .adf-vis .adf-vis-scroll i{display:block;width:1px;height:102px;margin-top:13px;background-color:rgba(255,255,255,.2);}

/* ============================================================
   2. 최신글 (시안 y980~1820, 배경 #f5f7fa)
   좌 : 탭 게시판 773 (x158) + 바로가기 2×2 (383×113) / 우 : 팝업존 772 (x989)
   ============================================================ */
.adf-main .adf-sec-news{padding:78px 0 74px;background-color:var(--adf-bg);}
.adf-main .adf-sec-news .adf-inner{display:grid;grid-template-columns:minmax(0,773px) minmax(0,772px);column-gap:55px;align-items:start;}

/* ----- 탭 게시판 ----- */
.adf-main .adf-board{position:relative;}
.adf-main .adf-board-head{position:relative;z-index:2;display:flex;align-items:flex-end;height:79px;padding:0 0 0 23px;border-radius:20px 20px 0 0;background-color:var(--adf-point);}
.adf-main .adf-board-tabs{display:flex;align-items:flex-end;height:100%;}
.adf-main .adf-board-tab{position:relative;display:flex;align-items:center;justify-content:center;width:136px;height:61px;border-radius:14px 14px 0 0;font-size:20px;font-weight:600;line-height:1;color:#fff;transition:color .2s;}
.adf-main .adf-board-tab span{position:relative;top:1px;}   /* 시안 글자 중심 y1108 (탭 중심 1106.5) */
.adf-main .adf-board-tab:hover{color:#e8e3ff;}
/* 현재 탭 : 흰 박스 143×61, 글자 ExtraBold 검정 */
.adf-main .adf-board-tab.is-on{width:143px;background-color:#fff;font-weight:800;color:#000;}
/* 흰 탭이 아닌 탭 사이 세로선 */
.adf-main .adf-board-tab:not(.is-on) + .adf-board-tab:not(.is-on)::before{content:'';position:absolute;left:-1px;top:16px;width:1px;height:18px;background-color:rgba(255,255,255,.6);}
.adf-main .adf-board-more{position:absolute;right:34px;top:33px;width:23px;height:23px;background-color:#fff;-webkit-mask:url("../../../image/main/adf-main-more.png") no-repeat center / 23px 23px;mask:url("../../../image/main/adf-main-more.png") no-repeat center / 23px 23px;transition:transform .3s;}
.adf-main .adf-board-more:hover{transform:rotate(90deg);}
.adf-main .adf-board-body{position:relative;z-index:1;height:381px;margin-top:-13px;border:1px solid var(--adf-line);border-radius:0 0 20px 20px;background-color:#fff;overflow:hidden;}
.adf-main .adf-board-panel{display:none;height:100%;}
.adf-main .adf-board-panel.is-on{display:block;}
/* 목록 : 2열 (열 사이 1px 세로선), 한 열에 2건 (점선으로 구분) → PC 4건 */
.adf-main .adf-board-list{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:57px;height:100%;padding:39px 0 0 20px;}
.adf-main .adf-board-list::before{content:'';position:absolute;left:385px;top:41px;width:1px;height:308px;background-color:#ddd;}
.adf-main .adf-board-item{position:relative;}
.adf-main .adf-board-item:nth-child(n + 5){display:none;}
.adf-main .adf-board-item a{position:relative;display:block;height:176px;}
/* 시안 dotline : 첫 줄 글 아래 (날짜 아래 19px, 다음 글 위 21px = 칸 위에서 155px), 폭 333. 왼쪽 칸은 라벨보다 2px 오른쪽, 오른쪽 칸은 13px 왼쪽에서 시작 */
.adf-main .adf-board-item:nth-child(-n + 2) a::after{content:'';position:absolute;left:2px;top:155px;width:333px;height:0;border-top:1px dotted #d4d4d4;}
.adf-main .adf-board-item:nth-child(2) a::after{left:-13px;}
.adf-main .adf-board-cate{display:inline-flex;align-items:center;justify-content:center;min-width:84px;height:36px;padding:0 12px;border-radius:8px;background-color:rgba(123,106,199,.12);font-size:18px;font-weight:700;line-height:1;color:var(--adf-point);letter-spacing:0;}
/* 게시판별 라벨 색 : 공지사항 보라(기본) / 언론보도 파랑 / 공고·입찰 분홍. 게시판 id 가 다르면 아래 선택자 이름을 맞춰 주세요 */
.adf-main .adf-board-cate.adf-cate-news{background-color:#f0f6ff;color:#336bd8;}
.adf-main .adf-board-cate.adf-cate-announce{background-color:#fff0f6;color:#ef3282;}
.adf-main .adf-board-tit{display:-webkit-box;height:60px;margin:15px 0 0 6px;padding-right:20px;overflow:hidden;font-size:22px;font-weight:600;line-height:30px;color:#333;letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .2s;}
.adf-main .adf-board-item a:hover .adf-board-tit{color:var(--adf-point);}
.adf-main .adf-board-date{display:block;margin:12px 0 0 6px;font-size:16px;font-weight:500;line-height:1;color:#888;}
.adf-main .adf-board-empty{padding:80px 0;font-size:16px;color:#888;text-align:center;}

/* ----- 바로가기 2×2 ----- */
.adf-main .adf-ql{display:grid;grid-template-columns:383px 383px;gap:7px;margin-top:8px;}
.adf-main .adf-ql-item{position:relative;display:flex;align-items:center;min-width:0;height:113px;padding-left:119px;border:1px solid var(--adf-line);border-radius:16px;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.03);transition:border-color .2s,box-shadow .2s;}
.adf-main .adf-ql-ico{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:136px;height:100%;}
.adf-main .adf-ql-txt{display:flex;flex-direction:column;row-gap:12px;min-width:0;padding-right:70px;overflow:hidden;}
.adf-main .adf-ql-txt strong{font-size:24px;font-weight:700;line-height:1;color:#333;letter-spacing:0;white-space:nowrap;}
.adf-main .adf-ql-txt em{overflow:hidden;font-size:16px;font-weight:400;line-height:1;color:#747474;letter-spacing:-.05em;white-space:nowrap;text-overflow:ellipsis;}
.adf-main .adf-ql-go{position:absolute;right:25px;top:49px;display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;background-color:rgba(123,106,199,.5);font-size:13px;font-weight:800;line-height:1;color:#fff;letter-spacing:.05em;transition:background-color .2s;}
.adf-main .adf-ql-item:hover{border-color:var(--adf-point);box-shadow:0 6px 14px rgba(123,106,199,.15);}
.adf-main .adf-ql-item:hover .adf-ql-go{background-color:var(--adf-point);}

/* ----- 팝업존 ----- */
.adf-main .adf-popup{position:relative;}
.adf-main .adf-popup-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;height:77px;}   /* 탭(79) 밑면 = 테두리 선(2px) 밑면. 탭 왼쪽 끝 = 선 왼쪽 끝 */
.adf-main .adf-popup-tab{display:flex;align-items:center;justify-content:center;width:168px;height:79px;border-radius:20px 20px 0 0;background-color:var(--adf-point);font-size:28px;font-weight:700;line-height:1;color:#fff;}
.adf-main .adf-popup-ctl{display:flex;column-gap:3px;margin-top:4px;}
.adf-main .adf-popup-ctl .adf-ctrl-btn{border-color:var(--adf-point);background-color:#fff;}
.adf-main .adf-popup-ctl .adf-ctrl-btn::before{background-color:var(--adf-point);}
.adf-main .adf-popup-ctl .adf-ctrl-next{background-color:var(--adf-point);}
.adf-main .adf-popup-ctl .adf-ctrl-next::before{background-color:#fff;}
.adf-main .adf-popup-ctl .adf-ctrl-btn:hover{background-color:#6a59b8;border-color:#6a59b8;}
.adf-main .adf-popup-ctl .adf-ctrl-btn:hover::before{background-color:#fff;}
.adf-main .adf-popup-box{position:relative;z-index:1;}
.adf-main .adf-popup-swiper{aspect-ratio:772 / 614;border:2px solid var(--adf-point);border-radius:0 20px 20px 20px;background-color:#fffbeb;overflow:hidden;}
.adf-main .adf-popup-item{display:block;height:100%;}
.adf-main .adf-popup-item picture{display:block;height:100%;}
.adf-main .adf-popup-item img{display:block;width:100%;max-width:none;height:100%;object-fit:cover;}
.adf-main .adf-popup-box .adf-arrow{width:57px;height:57px;margin-top:-28px;border-color:var(--adf-point);box-shadow:none;}
.adf-main .adf-popup-box .adf-arrow-prev{left:-28px;}
.adf-main .adf-popup-box .adf-arrow-next{right:-28px;}
/* 하단 바 : ‹ 01 / 03 › ∥ (158×42, 박스 아래선에 24px 걸침) */
.adf-main .adf-popup-bar{position:absolute;left:50%;bottom:-18px;z-index:5;display:flex;align-items:center;justify-content:center;width:158px;height:42px;margin-left:-79px;border-radius:21px;background-color:#43328f;}
.adf-main .adf-popup-btn{position:relative;flex:none;width:20px;height:42px;}
.adf-main .adf-popup-btn::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;-webkit-mask:no-repeat center / 8px 13px;mask:no-repeat center / 8px 13px;}
.adf-main .adf-popup-prev::before{-webkit-mask-image:url("../../../image/main/adf-main-bar-prev.png");mask-image:url("../../../image/main/adf-main-bar-prev.png");}
.adf-main .adf-popup-next::before{-webkit-mask-image:url("../../../image/main/adf-main-bar-next.png");mask-image:url("../../../image/main/adf-main-bar-next.png");}
.adf-main .adf-popup-pause{margin-left:-1px;}
.adf-main .adf-popup-pause::before{-webkit-mask-image:url("../../../image/main/adf-main-bar-pause.png");mask-image:url("../../../image/main/adf-main-bar-pause.png");-webkit-mask-size:8px 12px;mask-size:8px 12px;}
.adf-main .adf-popup-pause.is-paused::before{-webkit-mask-image:none;mask-image:none;left:7px;top:15px;width:0;height:0;background:none;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent #fff;}
.adf-main .adf-popup-page{display:flex;align-items:center;margin:0 4px;font-size:17px;line-height:1;white-space:nowrap;}
.adf-main .adf-popup-num{font-weight:700;color:#7ad6fc;letter-spacing:.025em;}
.adf-main .adf-popup-page i{margin:0 6px;font-size:13px;font-weight:500;color:#fff;}
.adf-main .adf-popup-total{font-weight:500;color:#fff;}
.adf-main .adf-popup-empty{display:flex;align-items:center;justify-content:center;aspect-ratio:772 / 614;border:2px solid var(--adf-point);border-radius:20px;background-color:#fff;font-size:16px;color:#888;}

/* ============================================================
   3. 프로그램 (시안 y1820~2480, 흰 배경)
   제목 y1922 · 박스 (158,1994) 1603×383 · 카드 369×248 ×4 (간격 25, 안쪽 여백 26) · 카드 제목 Bold 26 #222 + 띠
   ============================================================ */
.adf-main .adf-sec-program{padding:93px 0 103px;background-color:#fff;}
.adf-main .adf-program-box{position:relative;margin-top:24px;padding:25px 25px 52px;border:1px solid var(--adf-line);border-radius:20px;background-color:#fff;}
.adf-main .adf-program-swiper{overflow:hidden;}
.adf-main .adf-program-item{display:block;}
.adf-main .adf-program-img{display:block;aspect-ratio:369 / 248;border-radius:14px;background-color:#e4e4e4;overflow:hidden;}
.adf-main .adf-program-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.adf-main .adf-program-item:hover .adf-program-img img{transform:scale(1.06);}
.adf-main .adf-program-tit{display:block;margin-top:32px;text-align:center;}
.adf-main .adf-program-tit span{position:relative;z-index:0;display:inline-block;max-width:100%;overflow:hidden;font-size:26px;font-weight:700;line-height:1;color:#222;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}   /* 시안은 한 줄. 길면 말줄임 */
/* 시안 : 카드 제목 글자 아래 10px 보라 15% 띠 (글자보다 좌우 10px 넓게) */
.adf-main .adf-program-tit span::after{content:'';position:absolute;left:-10px;right:-10px;bottom:1px;z-index:-1;height:10px;background-color:#d9f2fc;}   /* 2026-10-26 사용자 요청 : 카드 제목 밑줄 색 #d9f2fc */
.adf-main .adf-program-box .adf-arrow{margin-top:-27px;}
.adf-main .adf-program-box .adf-arrow-prev{left:-24px;}
.adf-main .adf-program-box .adf-arrow-next{right:-24px;}
/* PDF / 시안 PC : 프로그램은 슬라이드가 아니라 최신글 4개를 나란히 (제목 옆 버튼 · 양옆 화살표 없음). 960 이하에서만 슬라이드 */
@media (min-width:961px){
    .adf-main .adf-program .adf-ctrl{display:none;}
    .adf-main .adf-program-box .adf-arrow{display:none;}
    .adf-main .adf-program-swiper{overflow:visible;}
    .adf-main .adf-program-swiper .swiper-wrapper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;transform:none;}
    .adf-main .adf-program-item{width:auto;}
    .adf-main .adf-program-item:nth-child(n + 5){display:none;}
}

/* ============================================================
   4. 활동사진 (시안 y2480~3150, 배경 #f1eefe)
   제목 y2567 · 카드 383 (사진 256 + 글 140) ×4 간격 23 · 좌우 흰 원 53
   ============================================================ */
.adf-main .adf-sec-sketch{padding:73px 0 96px;background-color:#f1eefe;}
.adf-main .adf-sketch-box{position:relative;margin-top:46px;}   /* 카드 4개 : 1600 안에 383 ×4 + 간격 23 (시안 1601 에서 1px 줄어듦) */
.adf-main .adf-sketch-swiper{overflow:hidden;}
.adf-main .adf-sketch-item{display:flex;flex-direction:column;border-radius:14px;background-color:#fff;overflow:hidden;}
.adf-main .adf-sketch-img{display:block;aspect-ratio:383 / 256;background-color:#e4e4e4;overflow:hidden;}
.adf-main .adf-sketch-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.adf-main .adf-sketch-item:hover .adf-sketch-img img{transform:scale(1.06);}
.adf-main .adf-sketch-txt{display:flex;flex-direction:column;height:140px;padding:23px 25px 0;}
.adf-main .adf-sketch-tit{display:-webkit-box;height:56px;overflow:hidden;font-size:20px;font-weight:500;line-height:28px;color:#000;letter-spacing:-.025em;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .2s;}
.adf-main .adf-sketch-item:hover .adf-sketch-tit{color:var(--adf-point);}
.adf-main .adf-sketch-date{margin-top:16px;font-size:16px;font-weight:400;line-height:1;color:#3c3c3c;}
.adf-main .adf-sketch-box .adf-arrow{top:198px;margin-top:-27px;}
.adf-main .adf-sketch-box .adf-arrow-prev{left:-26px;}
.adf-main .adf-sketch-box .adf-arrow-next{right:-29px;}

/* ============================================================
   5. 영상 (시안 y3150~3930, 흰 배경)
   제목 "영상 →" (161,3242) · 우측 SNS 버튼 63 · 목록 659×117 ×4 (간격 13) · 플레이어 900×506 (x860)
   ============================================================ */
.adf-main .adf-sec-video{padding:78px 0 85px;background-color:#fff;}
.adf-main .adf-video-head{display:flex;align-items:center;justify-content:space-between;height:63px;}
.adf-main .adf-video-tit{display:flex;align-items:center;padding-left:3px;}
.adf-main .adf-video-tit .adf-sec-tit::after{content:none;}
.adf-main .adf-video-more{display:block;width:34px;height:29px;margin:6px 0 0 20px;background-color:var(--adf-point);-webkit-mask:url("../../../image/main/adf-main-video-arr.png") no-repeat center / 34px 29px;mask:url("../../../image/main/adf-main-video-arr.png") no-repeat center / 34px 29px;transition:transform .3s;}
/* 오버 : 부산대 때와 같이 한 번 출렁입니다 */
.adf-main .adf-video-more:hover{animation:adfJelly .5s ease 1;}
@keyframes adfJelly{25%{transform:scale(.9,1.1);}50%{transform:scale(1.1,.9);}75%{transform:scale(.95,1.05);}}
.adf-main .adf-video-sns{display:flex;column-gap:13px;}
.adf-main .adf-video-sns-btn{position:relative;display:flex;align-items:center;justify-content:center;width:63px;height:63px;border-radius:10px;overflow:hidden;transition:opacity .2s;}
.adf-main .adf-video-sns-btn:hover{opacity:.85;}
.adf-main .adf-sns-yt{transition:border-color .2s;}
.adf-main .adf-sns-yt:hover{opacity:1;border-color:var(--adf-point);}   /* 유튜브 버튼 : 테두리 보라 */
.adf-main .adf-sns-yt{width:153px;border:1px solid #e4e4e4;background-color:#fff;justify-content:flex-start;padding-left:7px;column-gap:15px;}
.adf-main .adf-sns-yt i{display:block;width:49px;height:49px;border-radius:8px;background:#ed2023;position:relative;}
/* 유튜브 로고 : 흰 둥근 사각 26×18 + 빨간 삼각형 */
.adf-main .adf-sns-yt i::before{content:'';position:absolute;left:50%;top:50%;width:26px;height:18px;margin:-9px 0 0 -13px;border-radius:6px;background-color:#fff;}
.adf-main .adf-sns-yt i::after{content:'';position:absolute;left:50%;top:50%;width:0;height:0;margin:-4px 0 0 -3px;border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent #ed2023;}
.adf-main .adf-sns-yt span{font-size:20px;font-weight:500;line-height:1;color:#000;}
.adf-main .adf-sns-insta{background:url("../../../image/main/adf-video-sns-insta.png") no-repeat center / 63px 63px;}
.adf-main .adf-sns-fb{background:url("../../../image/main/adf-video-sns-fb.png") no-repeat center / 63px 63px;}
.adf-main .adf-sns-blog{display:none;background-color:#2db400;font-size:30px;font-weight:800;color:#fff;}   /* 블로그는 모바일 시안에만 있음 */
.adf-main .adf-video-wrap{display:grid;grid-template-columns:minmax(0,659px) minmax(0,900px);column-gap:41px;margin-top:47px;}
.adf-main .adf-video-list{display:flex;flex-direction:column;row-gap:13px;}
.adf-main .adf-video-item{display:flex;align-items:center;height:117px;border:1px solid #e4e4e4;border-radius:10px;background-color:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s;}
/* 시안에는 선택 표시가 없습니다. 오버만 보라 테두리 */
.adf-main .adf-video-item:hover{border-color:var(--adf-point);box-shadow:0 4px 12px rgba(123,106,199,.15);}
.adf-main .adf-video-thumb{flex:none;width:205px;height:115px;background-color:#222;overflow:hidden;}
.adf-main .adf-video-thumb img{display:block;width:100%;height:100%;object-fit:cover;}
.adf-main .adf-video-item .adf-video-tit{display:-webkit-box;max-height:60px;padding:0 20px 0 24px;overflow:hidden;font-size:22px;font-weight:600;line-height:30px;color:#333;letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.adf-main .adf-video-player{position:relative;aspect-ratio:900 / 506;border-radius:10px;background-color:#222;overflow:hidden;}
.adf-main .adf-video-cover,
.adf-main .adf-video-cover img{display:block;width:100%;height:100%;object-fit:cover;}
.adf-main .adf-video-cover{position:absolute;left:0;top:0;}
.adf-main .adf-video-cap{position:absolute;left:29px;top:36px;z-index:2;max-width:calc(100% - 60px);overflow:hidden;font-size:20px;font-weight:800;line-height:1.2;color:#fff;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 2px 2px rgba(0,0,0,.5);}
.adf-main .adf-video-play{position:absolute;left:50%;top:50%;z-index:2;width:106px;height:106px;margin:-53px 0 0 -53px;border-radius:50%;background-color:rgba(255,255,255,.92);transition:background-color .4s ease;}
.adf-main .adf-video-play::before{content:'';position:absolute;left:50%;top:50%;width:0;height:0;margin:-15px 0 0 -11px;border-style:solid;border-width:15px 0 15px 28px;border-color:transparent transparent transparent var(--adf-point);transition:border-color .4s ease;}
/* 플레이 버튼 오버 : 빨간 바탕 + 흰 삼각형 (크기 변화 없음, 부산대 때와 같음) */
.adf-main .adf-video-play:hover{background-color:#f42525;}
.adf-main .adf-video-play:hover::before{border-left-color:#fff;}
/* 우하단 유튜브 : 빨간 원 63 + 흰 유튜브 로고(둥근 사각 36×25, 안의 삼각형은 원 색) */
.adf-main .adf-video-yt{position:absolute;right:32px;bottom:39px;z-index:2;width:63px;height:63px;border-radius:50%;color:#ed2023;background-color:currentColor;transition:color .4s ease;}
.adf-main .adf-video-yt::before{content:'';position:absolute;left:50%;top:50%;width:36px;height:25px;margin:-12px 0 0 -18px;border-radius:8px;background-color:#fff;}
.adf-main .adf-video-yt::after{content:'';position:absolute;left:50%;top:50%;width:0;height:0;margin:-6px 0 0 -4px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor;}
/* 우하단 유튜브 : 오버하면 보라 */
.adf-main .adf-video-yt:hover{color:var(--adf-point);}
.adf-main .adf-video-frame{position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;display:none;}
.adf-main .adf-video-frame iframe{display:block;width:100%;height:100%;border:0;}
.adf-main .adf-video-player.is-playing .adf-video-frame{display:block;}
.adf-main .adf-video-player.is-playing .adf-video-cover,
.adf-main .adf-video-player.is-playing .adf-video-cap,
.adf-main .adf-video-player.is-playing .adf-video-play,
.adf-main .adf-video-player.is-playing .adf-video-yt{display:none;}
.adf-main .adf-video-empty{padding:60px 0;font-size:16px;color:#888;text-align:center;}

/* ============================================================
   6. 관련기관 배너 (시안 y3930~4140, 배경 #f5f7fa, 위 1px 선)
   박스 383×143 (흰색) 3개 가운데, 간격 67 · 로고 260×80 고정 · 좌우 원 47 (x158 / x1714)
   ============================================================ */
.adf-main .adf-sec-partner{padding:33px 0 34px;border-top:1px solid #e8e8e8;background-color:var(--adf-bg);}
.adf-main .adf-partner{position:relative;padding:0 163px;}   /* PDF 02-6 : 박스 380×140, 로고 260×80. 박스 3개 + 간격 67 ×2 = 1274 를 가운데에 */
.adf-main .adf-partner-swiper{overflow:hidden;}
.adf-main .adf-partner-item{display:flex;align-items:center;justify-content:center;height:140px;border:1px solid var(--adf-line);border-radius:16px;background-color:#fff;transition:border-color .2s,box-shadow .2s;}
.adf-main .adf-partner-item img{display:block;width:260px;height:80px;object-fit:contain;}
.adf-main .adf-partner-item:hover{border-color:var(--adf-point);box-shadow:0 4px 12px rgba(123,106,199,.15);}
.adf-main .adf-partner .adf-arrow{width:47px;height:47px;margin-top:-24px;}
.adf-main .adf-partner .adf-arrow::before{-webkit-mask-size:7px 12px;mask-size:7px 12px;}
.adf-main .adf-partner .adf-arrow-prev{left:0;}
.adf-main .adf-partner .adf-arrow-next{right:0;}

/* ============================================================
   반응형 (시안에 없는 중간 구간은 값만 줄입니다. 640 이하 = 모바일 시안, 480 이하 = 0.75배)
   ============================================================ */
@media (max-width:1680px){
    .adf-main .adf-partner{padding:0 94px;}
    .adf-main .adf-inner{padding:0 20px;}
    .adf-main .adf-vis .adf-vis-txt-in,
    .adf-main .adf-vis .adf-vis-pager,
    .adf-main .adf-vis .adf-vis-ctl{left:44px;}
    .adf-main .adf-vis .adf-vis-nav{right:29px;}
    .adf-main .adf-sec-news .adf-inner{grid-template-columns:minmax(0,773px) minmax(0,772px);column-gap:40px;}
    .adf-main .adf-ql{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
    .adf-main .adf-program-box .adf-arrow-prev{left:-14px;}
    .adf-main .adf-program-box .adf-arrow-next{right:-14px;}
    .adf-main .adf-sketch-box .adf-arrow-prev{left:-14px;}
    .adf-main .adf-sketch-box .adf-arrow-next{right:-14px;}
    .adf-main .adf-video-wrap{grid-template-columns:minmax(0,659px) minmax(0,900px);column-gap:30px;}
}
@media (max-width:1600px){
    .adf-main .adf-vis > .adf-vis-arrow{display:none;}   /* 좌우 여백이 좁아지면 글과 겹치므로 우하단 화살표만 */
}
@media (max-width:1280px){
    .adf-main .adf-visual{height:720px;}
    .wrapper.adf-clear .adf-main .adf-visual{height:840px;}
    .adf-main .adf-vis .adf-vis-txt-in{bottom:230px;}
    .adf-main .adf-vis .adf-vis-tit{font-size:46px;line-height:50px;}
    .adf-main .adf-vis .adf-vis-sub{font-size:19px;line-height:32px;}
    .adf-main .adf-vis .adf-vis-date{font-size:27px;line-height:48px;}
    .adf-main .adf-vis .adf-vis-btn{height:60px;font-size:19px;}
    .adf-main .adf-vis .adf-vis-pager{bottom:184px;}
    .adf-main .adf-vis .adf-vis-ctl{bottom:150px;}
    .adf-main .adf-vis .adf-vis-nav{bottom:100px;}
    .adf-main .adf-vis .adf-vis-nav .adf-vis-arrow{width:72px;height:72px;}
    .adf-main .adf-vis .adf-vis-nav .adf-vis-arrow::before{-webkit-mask-size:40px 16px;mask-size:40px 16px;}
    .adf-main .adf-vis .adf-vis-nav .adf-vis-arrow-l::before{-webkit-mask-size:37px 14px;mask-size:37px 14px;}
    /* 최신글 : 세로 배치 */
    .adf-main .adf-sec-news .adf-inner{grid-template-columns:minmax(0,1fr);row-gap:50px;}
    .adf-main .adf-popup-box .adf-arrow-prev{left:-14px;}
    .adf-main .adf-popup-box .adf-arrow-next{right:-14px;}
    .adf-main .adf-board-list::before{left:50%;}
    .adf-main .adf-board-list{column-gap:40px;}
    .adf-main .adf-board-item a{padding-right:10px;}
    /* 영상 : 목록 2열 + 아래 플레이어 */
    .adf-main .adf-video-wrap{grid-template-columns:minmax(0,1fr);row-gap:30px;}
    .adf-main .adf-video-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
    .adf-main .adf-video-list{order:2;}
    .adf-main .adf-video-player{order:1;}
    .adf-main .adf-video-item .adf-video-tit{font-size:19px;line-height:28px;}
    .adf-main .adf-partner{padding:0 60px;}
}
@media (max-width:960px){
    .wrapper.adf-clear .adf-main .adf-visual{height:857px;}   /* 투명 헤더 : 720 + 태블릿 헤더 137 */
    .adf-main .adf-sec-tit{font-size:36px;}
    .adf-main .adf-ctrl-btn{width:47px;height:47px;}
    .adf-main .adf-sec-head{height:47px;}
    .adf-main .adf-program-swiper,
    .adf-main .adf-sketch-swiper{margin:0;}
    .adf-main .adf-ql-txt strong{font-size:20px;}
    .adf-main .adf-ql-item{height:100px;padding-left:100px;}
    .adf-main .adf-ql-ico{width:110px;}
    .adf-main .adf-ql-ico img{transform:scale(.85);}
    .adf-main .adf-board-list{display:block;padding:0 20px;}
    .adf-main .adf-board-list::before{content:none;}
    .adf-main .adf-board-body{height:auto;}
    .adf-main .adf-board-item{padding:0;}
    .adf-main .adf-board-item a{height:auto;padding:18px 0;border-bottom:1px dotted #d4d4d4;}
    .adf-main .adf-board-item:nth-child(-n + 2) a::after{content:none;}
    .adf-main .adf-board-item:nth-child(n + 5){display:block;}
    .adf-main .adf-board-item:last-child a{border-bottom:0;}
    .adf-main .adf-board-tit{height:auto;margin-top:12px;-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;display:block;font-size:20px;}
    .adf-main .adf-video-item .adf-video-tit{font-size:17px;line-height:26px;}
    .adf-main .adf-video-thumb{width:170px;}
}

/* --- 모바일(≤640) : 모바일 시안(640) 값. 좌우 여백 14 --- */
@media (max-width:640px){
    .adf-main .adf-inner{padding:0 14px;}
    .adf-main .adf-sec-tit{font-size:36px;letter-spacing:-.025em;}
    .adf-main .adf-sec-tit::after{left:-3px;right:-3px;bottom:-3px;height:10px;}
    .adf-main .adf-ctrl{column-gap:3px;}
    .adf-main .adf-ctrl-btn{width:47px;height:47px;}
    .adf-main .adf-ctrl-more::before{-webkit-mask-size:16px 16px;mask-size:16px 16px;}
    .adf-main .adf-arrow{width:37px;height:37px;margin-top:-19px;}
    .adf-main .adf-arrow::before{-webkit-mask-size:6px 11px;mask-size:6px 11px;}

    /* 비주얼 : 671 (헤더 80 아래 591). 글 왼쪽 34, 버튼 아래선이 비주얼 아래에서 220 */
    .adf-main .adf-visual{height:591px;}
    .wrapper.adf-clear .adf-main .adf-visual{height:671px;}
    /* 딤 꺼 둠 (위 PC 주석 참고) .adf-main .adf-vis .adf-vis-slide::after{background:linear-gradient(to bottom, rgba(0,0,0,.3) 0, rgba(0,0,0,0) 300px), rgba(0,0,0,.5);} */
    .adf-main .adf-vis .adf-vis-txt-in{left:34px;bottom:220px;}
    .adf-main .adf-vis .adf-vis-tit{font-size:36px;line-height:40px;}
    .adf-main .adf-vis .adf-vis-sub{margin-top:9px;font-size:14px;line-height:24px;}
    .adf-main .adf-vis .adf-vis-date{margin-top:0;font-size:18px;line-height:30px;}
    .adf-main .adf-vis .adf-vis-btn{height:49px;margin-top:9px;padding:0 19px 0 21px;border-radius:8px;font-size:16px;}
    .adf-main .adf-vis .adf-vis-btn-ico{width:18px;height:19px;margin-right:10px;background-image:url("../../../image/main/adf-visual-btn-ico-m.png");background-size:18px 19px;}
    .adf-main .adf-vis .adf-vis-btn-arr{width:16px;height:7px;margin-left:10px;background-image:url("../../../image/main/adf-visual-btn-arr-m.png");background-size:16px 7px;}
    .adf-main .adf-vis .adf-vis-pager{left:33px;bottom:179px;column-gap:4px;height:15px;}
    .adf-main .adf-vis .adf-vis-pager .swiper-pagination-bullet{width:13px;height:13px;}
    .adf-main .adf-vis .adf-vis-pager .swiper-pagination-bullet-active{width:27px;height:15px;}
    .adf-main .adf-vis .adf-vis-ctl{left:35px;bottom:150px;height:13px;}
    .adf-main .adf-vis .adf-vis-num{font-size:16px;}
    .adf-main .adf-vis .adf-vis-bar{width:75px;margin:0 14px;}
    .adf-main .adf-vis .adf-vis-ctl .adf-vis-tot{margin-right:24px;}
    .adf-main .adf-vis .adf-vis-cbtn{width:15px;height:12px;-webkit-mask-size:15px 12px;mask-size:15px 12px;}
    .adf-main .adf-vis .adf-vis-cpause{width:8px;margin:0 13px;-webkit-mask-size:8px 12px;mask-size:8px 12px;}
    .adf-main .adf-vis .adf-vis-cpause.is-paused{width:9px;}
    .adf-main .adf-vis .adf-vis-cpause.is-paused::before{left:0;top:0;border-width:6px 0 6px 9px;}
    .adf-main .adf-vis .adf-vis-nav{right:30px;bottom:107px;column-gap:9px;}
    .adf-main .adf-vis .adf-vis-nav .adf-vis-arrow{width:67px;height:67px;}
    .adf-main .adf-vis .adf-vis-nav .adf-vis-arrow::before{-webkit-mask-size:39px 18px;mask-size:39px 18px;}
    .adf-main .adf-vis .adf-vis-nav .adf-vis-arrow-l::before{-webkit-mask-size:35px 14px;mask-size:35px 14px;}
    .adf-main .adf-vis .adf-vis-scroll span{font-size:14px;}
    .adf-main .adf-vis .adf-vis-scroll i{margin-top:11px;background-color:rgba(255,255,255,.3);}

    /* 최신글 : 탭바 612×69 (y708) · 목록 381 (세로 스크롤) · 바로가기 2×2 302×90 · 팝업존 613×489 */
    .adf-main .adf-sec-news{padding:38px 0 84px;}
    .adf-main .adf-sec-news .adf-inner{row-gap:48px;}
    .adf-main .adf-board-head{height:69px;padding-left:15px;border-radius:16px 16px 0 0;}
    .adf-main .adf-board-tab{width:94px;height:53px;border-radius:12px 12px 0 0;font-size:18px;}
    .adf-main .adf-board-tab span{top:1px;}
    .adf-main .adf-board-tab.is-on{width:102px;}
    .adf-main .adf-board-tab:not(.is-on) + .adf-board-tab:not(.is-on)::before{top:17px;}
    .adf-main .adf-board-more{right:22px;top:23px;}
    .adf-main .adf-board-body{height:381px;margin-top:-3px;border-radius:0 0 16px 16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c9c9c9 #f0f0f0;}
    .adf-main .adf-board-body::-webkit-scrollbar{width:17px;}
    .adf-main .adf-board-body::-webkit-scrollbar-thumb{border:5px solid #fff;border-radius:9px;background-color:#c9c9c9;}
    .adf-main .adf-board-body::-webkit-scrollbar-track{background-color:#fff;}
    .adf-main .adf-board-list{padding:0 16px;}
    .adf-main .adf-board-item a{padding:13px 0 14px;}
    .adf-main .adf-board-cate{min-width:73px;height:31px;padding:0 10px;font-size:14px;}
    .adf-main .adf-board-tit{margin-top:13px;font-size:18px;line-height:24px;}
    .adf-main .adf-board-date{margin-top:9px;font-size:14px;}
    .adf-main .adf-ql{gap:7px;margin-top:26px;}
    .adf-main .adf-ql-item{height:90px;padding-left:95px;border-radius:14px;}
    .adf-main .adf-ql-ico{width:95px;padding-left:4px;}
    .adf-main .adf-ql-ico img{transform:scale(.8);}
    .adf-main .adf-ql-txt{row-gap:10px;padding-right:50px;}
    .adf-main .adf-ql-txt strong{font-size:18px;}
    .adf-main .adf-ql-txt em{font-size:13px;}
    .adf-main .adf-ql-go{right:12px;top:40px;width:32px;height:32px;font-size:11px;}
    .adf-main .adf-popup-head{height:61px;}
    .adf-main .adf-popup-tab{width:135px;height:63px;border-radius:16px 16px 0 0;font-size:22px;}
    .adf-main .adf-popup-ctl{margin-top:3px;column-gap:2px;}
    .adf-main .adf-popup-ctl .adf-ctrl-btn{width:46px;height:46px;}
    .adf-main .adf-popup-ctl .adf-ctrl-btn::before{-webkit-mask-size:13px 11px;mask-size:13px 11px;}
    .adf-main .adf-popup-swiper{aspect-ratio:613 / 489;border-radius:0 16px 16px 16px;}
    .adf-main .adf-popup-box .adf-arrow{width:43px;height:43px;margin-top:-22px;}
    .adf-main .adf-popup-box .adf-arrow::before{-webkit-mask-size:7px 13px;mask-size:7px 13px;}
    .adf-main .adf-popup-box .adf-arrow-prev{left:-10px;}
    .adf-main .adf-popup-box .adf-arrow-next{right:-10px;}
    .adf-main .adf-popup-bar{width:125px;height:33px;margin-left:-63px;bottom:-12px;border-radius:17px;}
    .adf-main .adf-popup-btn{width:16px;height:33px;}
    .adf-main .adf-popup-btn::before{-webkit-mask-size:6px 10px;mask-size:6px 10px;}
    .adf-main .adf-popup-pause::before{-webkit-mask-size:7px 9px;mask-size:7px 9px;}
    .adf-main .adf-popup-pause.is-paused::before{left:5px;top:12px;border-width:5px 0 5px 7px;}
    .adf-main .adf-popup-page{font-size:13px;}
    .adf-main .adf-popup-page i{margin:0 4px;font-size:10px;}

    /* 프로그램 : 제목 y2125 · 박스 612×293 · 카드 287×193 2개 (간격 9, 안쪽 14) · 제목 Bold 20 */
    .adf-main .adf-sec-program{padding:69px 0 69px;}
    .adf-main .adf-program-box{margin-top:20px;padding:15px 14px 40px;border-radius:16px;}
    .adf-main .adf-program-img{border-radius:10px;}
    .adf-main .adf-program-tit{margin-top:25px;}
    .adf-main .adf-program-tit span{font-size:20px;}
    .adf-main .adf-program-tit span::after{left:-8px;right:-8px;height:8px;bottom:0;}
    .adf-main .adf-program-box .adf-arrow{top:50%;}
    .adf-main .adf-program-box .adf-arrow-prev{left:5px;}
    .adf-main .adf-program-box .adf-arrow-next{right:5px;}

    /* 활동사진 : 제목 y2615 · 카드 303 (사진 203 + 글 112) 2개 간격 8 · 좌우 원 37 */
    .adf-main .adf-sec-sketch{padding:64px 0 59px;}
    .adf-main .adf-sketch-box{margin-top:28px;}
    .adf-main .adf-sketch-item{border-radius:10px;}
    .adf-main .adf-sketch-txt{height:112px;padding:18px 20px 0;}
    .adf-main .adf-sketch-tit{height:44px;font-size:16px;line-height:22px;}
    .adf-main .adf-sketch-date{margin-top:12px;font-size:14px;}
    .adf-main .adf-sketch-box .adf-arrow{top:157px;margin-top:-19px;}
    .adf-main .adf-sketch-box .adf-arrow-prev{left:-9px;}
    .adf-main .adf-sketch-box .adf-arrow-next{right:-13px;}

    /* 영상 : 제목 y3148 · SNS 49 ×4 (간격 12) · 플레이어 610×342 → 목록 613×109 (썸네일 191) */
    .adf-main .adf-sec-video{padding:78px 0 71px;}
    .adf-main .adf-video-head{height:49px;}
    .adf-main .adf-video-tit{padding-left:1px;}
    .adf-main .adf-video-more{width:27px;height:23px;margin:5px 0 0 15px;-webkit-mask-size:27px 23px;mask-size:27px 23px;}
    .adf-main .adf-video-sns{column-gap:12px;}
    .adf-main .adf-video-sns-btn{width:49px;height:49px;border-radius:8px;}
    .adf-main .adf-sns-yt{width:49px;padding:0;border:0;background-color:#ed2023;justify-content:center;}
    .adf-main .adf-sns-yt i{width:100%;height:100%;border-radius:0;background:none;}
    .adf-main .adf-sns-yt i::before{left:50%;top:50%;width:26px;height:18px;margin:-9px 0 0 -13px;}
    .adf-main .adf-sns-yt i::after{margin:-4px 0 0 -3px;border-width:4px 0 4px 7px;}
    .adf-main .adf-sns-yt span{display:none;}
    .adf-main .adf-sns-insta{background-size:49px 49px;}
    .adf-main .adf-sns-fb{background-size:49px 49px;}
    .adf-main .adf-sns-blog{display:flex;font-size:24px;}
    .adf-main .adf-video-wrap{row-gap:28px;margin-top:24px;}
    .adf-main .adf-video-list{display:flex;row-gap:13px;}
    .adf-main .adf-video-item{height:109px;border-radius:8px;}
    .adf-main .adf-video-thumb{width:191px;height:107px;border-radius:8px;overflow:hidden;}   /* 모바일 시안 : 썸네일 네 모서리 둥글게 */
    .adf-main .adf-video-item .adf-video-tit{max-height:56px;padding:0 15px 0 23px;font-size:18px;font-weight:500;line-height:28px;}
    .adf-main .adf-video-player{aspect-ratio:610 / 342;border-radius:10px;}
    .adf-main .adf-video-cap{left:20px;top:22px;font-size:16px;}
    .adf-main .adf-video-play{width:73px;height:73px;margin:-37px 0 0 -37px;}
    .adf-main .adf-video-play::before{margin:-10px 0 0 -8px;border-width:10px 0 10px 19px;}
    .adf-main .adf-video-yt{right:29px;bottom:29px;width:44px;height:44px;}
    .adf-main .adf-video-yt::before{width:26px;height:18px;margin:-9px 0 0 -13px;border-radius:6px;}
    .adf-main .adf-video-yt::after{margin:-4px 0 0 -3px;border-width:4px 0 4px 7px;}

    /* 배너 : 배경 150 · 박스 287×93 2개 (간격 7) · 로고 174×54 · 좌우 원 40 (x9 / x591) */
    .adf-main .adf-sec-partner{padding:28px 0 29px;}
    .adf-main .adf-partner{padding:0 15px;}
    .adf-main .adf-partner-item{height:93px;border-radius:12px;}
    .adf-main .adf-partner-item img{width:174px;height:54px;}
    .adf-main .adf-partner .adf-arrow{width:40px;height:40px;margin-top:-20px;}
    .adf-main .adf-partner .adf-arrow::before{-webkit-mask-size:6px 10px;mask-size:6px 10px;}
    .adf-main .adf-partner .adf-arrow-prev{left:-5px;}
    .adf-main .adf-partner .adf-arrow-next{right:-5px;}
}

/* --- ≤480 : 시안의 0.75배 --- */
@media (max-width:480px){
    .adf-main .adf-inner{padding:0 12px;}
    .adf-main .adf-sec-tit{font-size:27px;}
    .adf-main .adf-sec-tit::after{height:8px;bottom:-2px;}
    .adf-main .adf-ctrl-btn{width:36px;height:36px;}
    .adf-main .adf-ctrl-btn::before{-webkit-mask-size:12px 10px;mask-size:12px 10px;}
    .adf-main .adf-ctrl-more::before{-webkit-mask-size:12px 12px;mask-size:12px 12px;}
    .adf-main .adf-sec-head{height:36px;}
    .adf-main .adf-arrow{width:30px;height:30px;margin-top:-15px;}

    .adf-main .adf-visual{height:460px;}
    .wrapper.adf-clear .adf-main .adf-visual{height:520px;}
    .adf-main .adf-vis .adf-vis-txt-in{left:25px;bottom:165px;}
    .adf-main .adf-vis .adf-vis-tit{font-size:27px;line-height:30px;}
    .adf-main .adf-vis .adf-vis-sub{margin-top:7px;font-size:12px;line-height:18px;}
    .adf-main .adf-vis .adf-vis-date{font-size:14px;line-height:24px;}
    .adf-main .adf-vis .adf-vis-btn{height:38px;margin-top:7px;padding:0 15px 0 16px;border-radius:6px;font-size:12px;}
    .adf-main .adf-vis .adf-vis-btn-ico{width:14px;height:15px;margin-right:8px;background-size:14px 15px;}
    .adf-main .adf-vis .adf-vis-btn-arr{width:12px;height:5px;margin-left:8px;background-size:12px 5px;}
    .adf-main .adf-vis .adf-vis-pager{left:25px;bottom:134px;height:11px;}
    .adf-main .adf-vis .adf-vis-pager .swiper-pagination-bullet{width:10px;height:10px;}
    .adf-main .adf-vis .adf-vis-pager .swiper-pagination-bullet-active{width:20px;height:11px;}
    .adf-main .adf-vis .adf-vis-ctl{left:26px;bottom:112px;height:10px;}
    .adf-main .adf-vis .adf-vis-num{font-size:12px;}
    .adf-main .adf-vis .adf-vis-bar{width:56px;margin:0 10px;}
    .adf-main .adf-vis .adf-vis-ctl .adf-vis-tot{margin-right:18px;}
    .adf-main .adf-vis .adf-vis-cbtn{width:11px;height:9px;-webkit-mask-size:11px 9px;mask-size:11px 9px;}
    .adf-main .adf-vis .adf-vis-cpause{width:6px;margin:0 10px;-webkit-mask-size:6px 9px;mask-size:6px 9px;}
    .adf-main .adf-vis .adf-vis-cpause.is-paused{width:7px;}
    .adf-main .adf-vis .adf-vis-cpause.is-paused::before{border-width:5px 0 5px 7px;}
    .adf-main .adf-vis .adf-vis-nav{right:22px;bottom:80px;column-gap:7px;}
    .adf-main .adf-vis .adf-vis-nav .adf-vis-arrow{width:50px;height:50px;}
    .adf-main .adf-vis .adf-vis-nav .adf-vis-arrow::before{-webkit-mask-size:29px 13px;mask-size:29px 13px;}
    .adf-main .adf-vis .adf-vis-nav .adf-vis-arrow-l::before{-webkit-mask-size:26px 10px;mask-size:26px 10px;}
    .adf-main .adf-vis .adf-vis-scroll span{font-size:11px;}
    .adf-main .adf-vis .adf-vis-scroll i{height:76px;margin-top:8px;}

    .adf-main .adf-sec-news{padding:28px 0 63px;}
    .adf-main .adf-sec-news .adf-inner{row-gap:46px;}
    .adf-main .adf-board-head{height:52px;padding-left:11px;border-radius:12px 12px 0 0;}
    .adf-main .adf-board-tab{width:72px;height:40px;border-radius:9px 9px 0 0;font-size:14px;}
    .adf-main .adf-board-tab span{top:1px;}
    .adf-main .adf-board-tab.is-on{width:77px;}
    .adf-main .adf-board-tab:not(.is-on) + .adf-board-tab:not(.is-on)::before{top:13px;height:14px;}
    .adf-main .adf-board-more{right:17px;top:17px;width:17px;height:17px;-webkit-mask-size:17px 17px;mask-size:17px 17px;}
    .adf-main .adf-board-body{height:286px;border-radius:0 0 12px 12px;}
    .adf-main .adf-board-list{padding:0 12px;}
    .adf-main .adf-board-item a{padding:12px 0 15px;}
    .adf-main .adf-board-cate{min-width:55px;height:24px;padding:0 8px;border-radius:6px;font-size:11px;}
    .adf-main .adf-board-tit{margin-top:10px;font-size:14px;line-height:18px;}
    .adf-main .adf-board-date{margin-top:8px;font-size:11px;}
    .adf-main .adf-ql{gap:5px;margin-top:15px;}
    .adf-main .adf-ql-item{height:68px;padding-left:71px;border-radius:10px;}
    .adf-main .adf-ql-ico{width:71px;padding-left:3px;}
    .adf-main .adf-ql-ico img{transform:scale(.6);}
    .adf-main .adf-ql-txt{row-gap:7px;padding-right:38px;}
    .adf-main .adf-ql-txt strong{font-size:14px;}
    .adf-main .adf-ql-txt em{font-size:10px;}
    .adf-main .adf-ql-go{right:9px;top:30px;width:24px;height:24px;font-size:8px;}
    .adf-main .adf-popup-head{height:45px;}
    .adf-main .adf-popup-tab{width:101px;height:47px;border-radius:12px 12px 0 0;font-size:17px;}
    .adf-main .adf-popup-ctl .adf-ctrl-btn{width:35px;height:35px;}
    .adf-main .adf-popup-ctl .adf-ctrl-btn::before{-webkit-mask-size:10px 8px;mask-size:10px 8px;}
    .adf-main .adf-popup-swiper{border-radius:0 12px 12px 12px;}
    .adf-main .adf-popup-box .adf-arrow{width:32px;height:32px;margin-top:-16px;}
    .adf-main .adf-popup-box .adf-arrow::before{-webkit-mask-size:5px 10px;mask-size:5px 10px;}
    .adf-main .adf-popup-bar{width:94px;height:25px;margin-left:-47px;bottom:-9px;border-radius:13px;}
    .adf-main .adf-popup-btn{width:12px;height:25px;}
    .adf-main .adf-popup-btn::before{-webkit-mask-size:5px 8px;mask-size:5px 8px;}
    .adf-main .adf-popup-pause::before{-webkit-mask-size:5px 7px;mask-size:5px 7px;}
    .adf-main .adf-popup-pause.is-paused::before{left:4px;top:9px;border-width:4px 0 4px 5px;}
    .adf-main .adf-popup-page{font-size:10px;}
    .adf-main .adf-popup-page i{margin:0 3px;font-size:8px;}

    .adf-main .adf-sec-program{padding:57px 0 52px;}
    .adf-main .adf-program-box{margin-top:20px;padding:11px 11px 30px;border-radius:12px;}
    .adf-main .adf-program-img{border-radius:8px;}
    .adf-main .adf-program-tit{margin-top:19px;}
    .adf-main .adf-program-tit span{font-size:15px;}
    .adf-main .adf-program-tit span::after{left:-6px;right:-6px;height:6px;}
    .adf-main .adf-program-box .adf-arrow-prev{left:3px;}
    .adf-main .adf-program-box .adf-arrow-next{right:3px;}

    .adf-main .adf-sec-sketch{padding:52px 0 44px;}
    .adf-main .adf-sketch-box{margin-top:28px;}
    .adf-main .adf-sketch-item{border-radius:8px;}
    .adf-main .adf-sketch-txt{height:84px;padding:13px 15px 0;}
    .adf-main .adf-sketch-tit{height:34px;font-size:12px;line-height:17px;}
    .adf-main .adf-sketch-date{margin-top:9px;font-size:11px;}
    .adf-main .adf-sketch-box .adf-arrow{top:118px;margin-top:-15px;}
    .adf-main .adf-sketch-box .adf-arrow-prev{left:-7px;}
    .adf-main .adf-sketch-box .adf-arrow-next{right:-10px;}

    .adf-main .adf-sec-video{padding:64px 0 53px;}
    .adf-main .adf-video-head{height:37px;}
    .adf-main .adf-video-more{width:20px;height:17px;margin:4px 0 0 11px;-webkit-mask-size:20px 17px;mask-size:20px 17px;}
    .adf-main .adf-video-sns{column-gap:9px;}
    .adf-main .adf-video-sns-btn{width:37px;height:37px;border-radius:6px;}
    .adf-main .adf-sns-yt{width:37px;}
    .adf-main .adf-sns-yt i::before{width:19px;height:13px;margin:-7px 0 0 -10px;border-radius:4px;}
    .adf-main .adf-sns-yt i::after{margin:-3px 0 0 -2px;border-width:3px 0 3px 5px;}
    .adf-main .adf-sns-insta{background-size:37px 37px;}
    .adf-main .adf-sns-fb{background-size:37px 37px;}
    .adf-main .adf-sns-blog{font-size:18px;}
    .adf-main .adf-video-wrap{row-gap:21px;margin-top:25px;}
    .adf-main .adf-video-list{row-gap:10px;}
    .adf-main .adf-video-item{height:82px;border-radius:6px;}
    .adf-main .adf-video-thumb{width:143px;height:80px;border-radius:6px;}
    .adf-main .adf-video-item .adf-video-tit{max-height:42px;padding:0 11px 0 17px;font-size:13px;line-height:21px;}
    .adf-main .adf-video-cap{left:15px;top:16px;font-size:12px;}
    .adf-main .adf-video-play{width:55px;height:55px;margin:-28px 0 0 -28px;}
    .adf-main .adf-video-play::before{margin:-8px 0 0 -6px;border-width:8px 0 8px 14px;}
    .adf-main .adf-video-yt{right:22px;bottom:22px;width:33px;height:33px;}
    .adf-main .adf-video-yt::before{width:19px;height:13px;margin:-7px 0 0 -10px;border-radius:4px;}
    .adf-main .adf-video-yt::after{margin:-3px 0 0 -2px;border-width:3px 0 3px 5px;}

    .adf-main .adf-sec-partner{padding:21px 0 22px;}
    .adf-main .adf-partner{padding:0 11px;}
    .adf-main .adf-partner-item{height:70px;border-radius:9px;}
    .adf-main .adf-partner-item img{width:130px;height:40px;}
    .adf-main .adf-partner .adf-arrow{width:30px;height:30px;margin-top:-15px;}
    .adf-main .adf-partner .adf-arrow::before{-webkit-mask-size:5px 8px;mask-size:5px 8px;}
    .adf-main .adf-partner .adf-arrow-prev{left:-4px;}
    .adf-main .adf-partner .adf-arrow-next{right:-4px;}
}