@charset "utf-8";
/* ============================================================
   안동지역상생청년포럼 추가 스타일 (2026-10-26~)
   - 기존 css(style.css / custom.css / custom_new.css / new_custom.css)는 수정하지 않고 이 파일에서만 추가·보정합니다.
   - 부산대자율상권조합 때 쓰던 custom_20261007.css 는 head.html.php 에서 로드를 끊고, 이 파일이 그 자리를 대신합니다.
     (헤더는 01.안동포럼-작업사항정리.pdf 01-1 대로 부산대 이전의 기본 레이아웃(1단)으로 되돌리고 시안 스타일만 입혔습니다)
   - 시안 : 안동포럼_기본_포토샵/00.index.psd(1920), 00.index_640픽셀_모바일.psd(640), 01.sub_레이아웃.psd, 01.sub_레이아웃_모바일.psd
   - 선택자는 작업 범위(.site-header / .footer / #mainContent ...)로 한정합니다.
   - 반응형은 px 고정 + 구간별 값. 모바일은 640 시안 값, ≤480 은 0.75배.
   ============================================================ */

:root{
    --adf-point:#7b6ac7;      /* 포인트(보라) : 섹션 제목, 버튼, 모바일 하단 바, 아래 메뉴 색의 기본값 */
    /* ----- 메뉴 색 (PDF 01-1 ~ 01-5 : 항목별로 따로 바꿀 수 있게 변수로 분리. 값만 바꾸면 됩니다) ----- */
    --adf-menu-act:var(--adf-point);     /* 1차 메뉴 현재 위치 : 글자 + 점 + 4px 라인 */
    --adf-menu-hover:var(--adf-point);   /* 1차 메뉴 오버 : 점 + 1px 라인 (+ [E] 글자색) */
    --adf-sub-act:var(--adf-point);      /* 드롭다운 서브메뉴 현재 위치 글자색. 검정으로 바꾸려면 #000 */
    --adf-sub-hover:#7b6ac7;             /* 드롭다운 서브메뉴 오버 글자색 + 밑줄 (오렌지-1). 파란색으로 바꾸려면 이 값만 수정 */
    --adf-side-act:var(--adf-point);     /* 좌측 메뉴 현재 위치 : 글자 + 화살표 + 굵은 바 */
    --adf-side-hover:var(--adf-point);   /* 좌측 메뉴 오버 : 글자 + 밑줄 */
    --adf-sns-hover:var(--adf-point);    /* 헤더 SNS 오버 글자색 */
    --adf-clear-act:#c0ff00;             /* 투명 헤더일 때 1차 메뉴 현재 위치 색 (타입2 시안) */
    --adf-clear-hover:#c0ff00;           /* 투명 헤더일 때 1차 메뉴 오버 색 */
    --adf-font:'Pretendard','Nanum Gothic','돋음','굴림';
    --adf-max:1600px;         /* 콘텐츠 최대 너비 (시안 x160~1760) */
    --adf-gutter:20px;

    /* 기존 new_custom.css 가 쓰는 헤더 변수. 시안 헤더는 1단 120px, SNS 줄 없음.
       (new_custom.css 는 960/640 구간에서 이 값을 다시 바꾸므로 아래 미디어쿼리에서 같이 지정합니다) */
    --header-height:120px;
    --header-sns-height:0px;
    --header-padding-top:0px;

    /* 부산대 때 만든 페이지(page/forum01 등, custom_20261007.css 의 변수)가 깨지지 않게 같은 이름을 유지 */
    --bsd-font:var(--adf-font);
    --bsd-point:var(--adf-point);
}

/* ============================================================
   헤더 (00.index.psd Header 그룹, 1920 기준)
   높이 120. 로고 (32,30) 201×60 / 메뉴 가운데, 글자 24 SemiBold / 우측 SNS 아이콘 25 + 글자 14 / 햄버거 30×20 (우측 여백 30)
   ============================================================ */
/* 기존 custom_new.css 가 전체 요소(*)에 Noto Sans KR 을 걸어 두어 상속이 안 되므로 헤더 안 텍스트에는 서체를 직접 지정 */
.site-header .menu-box .menu-list .menu-item > a > span,
.site-header .menu-box .submenu-list .submenu-item > a > span,
.site-header .sns-buttons .sns-item,
.site-header .adf-m-apply{font-family:var(--adf-font);}

.site-header{background-color:#fff;}
.site-header .header-inner{height:var(--header-height);align-items:center;}
.site-header .header-wrapper{position:relative;height:var(--header-height);align-items:center;padding:0 30px 0 32px;}

/* 로고 : 2배 원본 400×118 (image/common/adf-logo.png) 을 height 60 으로 표시합니다.
   흰 로고(adf-logo-white.png)는 투명 헤더(.adf-clear)와 모바일 전체메뉴가 열렸을 때 보입니다. */
.site-header .header-logo{margin:0;padding-left:0;align-items:center;line-height:0;}   /* 기존 css/custom.css 가 970 이하에서 padding-left:30px 을 주어 로고가 튀므로 0 으로 */
.site-header .header-logo a{display:block;line-height:0;}
.site-header .header-logo a img{width:auto;height:60px;}

/* --- 메뉴 : 기존 방식(메뉴 박스가 헤더 전체 폭에 absolute, 가운데 정렬) 그대로 두고 값만 시안에 맞췄습니다 --- */
.site-header .menu-box .menu-nav{height:var(--header-height);align-items:flex-start;}
.site-header .menu-box .menu-list .menu-item > a{position:relative;height:var(--header-height);align-items:center;padding:0 34px;}
.site-header .menu-box .menu-list .menu-item > a > span{position:relative;display:inline-block;height:auto;font-size:24px;font-weight:600;line-height:1;color:#000;letter-spacing:0;transition:color .2s;}
/* 기존 css 의 현재 메뉴 밑줄(70px)은 쓰지 않습니다 */
.site-header .menu-box .menu-list .menu-item.active > a > span::after{content:none;}

/* ----- 1차 메뉴 현재 위치(active) / 마우스 오버 표시 (PDF 01-2) -----
   네 가지를 모두 만들어 두었습니다. 쓰지 않을 것은 해당 블록을 통째로 주석 처리해 주세요.
   [A] 현재 메뉴 점     : 글자 오른쪽 위 8px 원  (시안 ACT쩜 : 글자 끝 +1px, 글자 위 10px)
   [B] 현재 메뉴 4px 라인: 글자 바로 아래 8px 자리, 글자 폭만큼  (시안 ACT-스타일 84×4)
   [C] 오버 점          : [A] 와 같은 자리. 오버하면 작은 점이 커지면서 천천히 나타납니다
   [D] 오버 1px 라인     : [B] 와 같은 자리. 가운데에서 좌우로 펼쳐집니다 (시안 호버라인 84×1)
   점은 span::before 하나를 같이 쓰고(active 는 항상, hover 는 애니메이션), 라인은 a::before(4px) / a::after(1px) 를 씁니다. */
/* 점 (공통 모양) */
/*.site-header .menu-box .menu-list .menu-item > a > span::before{content:'';position:absolute;left:calc(100% + 1px);top:-11px;right:auto;width:8px;height:8px;border-radius:50%;background-color:var(--adf-menu-hover);transform:scale(0);transition:transform .5s ease;}*/
.site-header .menu-box .menu-list .menu-item > a > span::before{content:'';position:absolute;left:calc(100% + 1px);top:-11px;right:auto;width:8px;height:8px;border-radius:50%;background-color:#ffffff;transform:scale(0);transition:transform .5s ease;}
/* [A] 현재 메뉴 점 */
/*.site-header .menu-box .menu-list .menu-item.active > a > span::before{background-color:var(--adf-menu-act);transform:scale(1);}*/
/* [A-글자색] 현재 메뉴 글자색 */
.site-header .menu-box .menu-list .menu-item.active > a > span{color:var(--adf-menu-act);}
/* [B] 현재 메뉴 4px 라인 */
.site-header .menu-box .menu-list .menu-item > a::before{content:'';position:absolute;left:34px;right:34px;top:calc(50% + 18px);height:4px;background-color:var(--adf-menu-act);opacity:0;transition:opacity .2s;}
.site-header .menu-box .menu-list .menu-item.active > a::before{opacity:1;}
/* [C] 오버 점 : 커지면서 천천히 나타납니다 */
.site-header .menu-box .menu-list .menu-item:hover > a > span::before{transform:scale(1);}
/* [D] 오버 1px 라인 : 가운데에서 좌우로 */
/*.site-header .menu-box .menu-list .menu-item > a::after{content:'';position:absolute;left:34px;right:34px;top:calc(50% + 18px);height:1px;background-color:var(--adf-menu-hover);transform:scaleX(0);transform-origin:center;transition:transform .4s ease;}*/
/*.site-header .menu-box .menu-list .menu-item:hover > a::after{transform:scaleX(1);}*/
/* [E] 오버 글자색 - 시안에 없어 꺼 두었습니다. 쓰려면 주석을 풀어 주세요.
.site-header .menu-box .menu-list .menu-item:hover > a > span{color:var(--adf-menu-hover);}
*/

/* ----- 드롭다운 서브메뉴 (PDF 01-1) : 레이아웃은 기존 그대로, 현재 위치 = 보라(--adf-sub-act), 오버 = 오렌지(--adf-hover) + 글자 아래 선이 왼쪽에서 오른쪽으로 ----- */
.site-header .menu-box .submenu-list::before{background-color:var(--adf-point);}   /* 펼침 때 메뉴 위에 그어지는 2px 선 */
.site-header .menu-box .submenu-list .submenu-item > a > span{position:relative;display:inline-block;font-size:18px;font-weight:500;line-height:1.2;color:#222;letter-spacing:-.025em;transition:color .3s;}
.site-header .menu-box .submenu-list .submenu-item > a > span::after{content:'';position:absolute;left:0;bottom:-4px;width:100%;height:1px;background-color:var(--adf-sub-hover);transform:scaleX(0);transform-origin:left center;transition:transform .3s ease;}
.site-header .menu-box .submenu-list .submenu-item > a:hover > span{color:var(--adf-sub-hover);}
.site-header .menu-box .submenu-list .submenu-item > a:hover > span::after{transform:scaleX(1);}
.site-header .menu-box .submenu-list .submenu-item.active > a > span{color:var(--adf-sub-act);font-weight:700;}
/* 현재 위치 서브메뉴에 오버했을 때도 오버 색을 쓰려면 아래 줄을 지워 주세요 */
.site-header .menu-box .submenu-list .submenu-item.active > a:hover > span{color:var(--adf-sub-act);}

/* --- 우측 : SNS(페이스북 · 인스타그램 · 유튜브) + 모바일 참가신청 버튼 --- */
.site-header .adf-header-util{position:relative;z-index:3;display:flex;align-items:center;column-gap:14px;margin-left:auto;margin-right:50px;}   /* 햄버거 30 + 간격 20 */
.site-header .sns-buttons{position:relative;z-index:3;width:auto;height:auto;padding:0;column-gap:16px;}
.site-header .sns-buttons .sns-item{column-gap:4px;font-size:14px;font-weight:500;line-height:1;color:#000;letter-spacing:-.05em;white-space:nowrap;transition:color .2s;}
.site-header .sns-buttons .sns-item img{display:block;width:25px;height:25px;}
.site-header .sns-buttons .sns-item.adf-sns-youtube img{height:18px;}
/* PDF 01-3 : SNS 오버 글자색 */
.site-header .sns-buttons .sns-item:hover{color:var(--adf-sns-hover);text-decoration:none;}
/* 모바일 전용 참가신청 버튼 (640 시안) - PC 에서는 숨김 */
.site-header .adf-m-apply{display:none;}

/* --- 햄버거(전체메뉴) : 메뉴줄 우측 고정, 30×20 막대 3개 (시안 =전체메뉴) --- */
.site-header .menu-box .top-bar{position:absolute;top:0;right:30px;z-index:3;display:flex;align-items:center;height:var(--header-height);margin:0;padding:0;}
.site-header .menu-box .top-bar .top-bar-list{margin:0;}
.site-header .menu-box .top-bar .top-bar-btn{height:auto;}
.site-header .menu-box .top-bar .top-bar-btn .sitemap-button{width:30px;height:30px;overflow:visible;}
.site-header .menu-box .top-bar .top-bar-btn .sitemap-button .bar-group{width:30px;height:20px;}
.site-header .menu-box .top-bar .top-bar-btn .sitemap-button .bar-group .bar{width:100%;height:2px;background-color:#000;transform-origin:center;transition:width .3s ease-out,transform .3s ease-out,opacity .2s,background-color .2s;}
/* PDF 01-3 : 오버하면 가운데 막대가 짧아졌다가 돌아옵니다 */
.site-header .menu-box .top-bar .top-bar-btn .sitemap-button:hover .bar-group .bar{background-color:#000;}
.site-header .menu-box .top-bar .top-bar-btn .sitemap-button:hover .bar-group .bar:nth-of-type(2){width:60%;}
/* 사이트맵 열림 : X 모양 (30×20 안에서 가운데 기준으로 회전) */
body.sitemap-open .site-header .menu-box .top-bar .top-bar-btn .sitemap-button .bar-group .bar:nth-of-type(1){width:100%;transform:translateY(9px) rotate(45deg);}
body.sitemap-open .site-header .menu-box .top-bar .top-bar-btn .sitemap-button .bar-group .bar:nth-of-type(2){opacity:0;transform:none;}
body.sitemap-open .site-header .menu-box .top-bar .top-bar-btn .sitemap-button .bar-group .bar:nth-of-type(3){width:100%;transform:translateY(-9px) rotate(-45deg);}

/* --- 1600 미만 : 메뉴 간격을 줄여 로고 · SNS 와 겹치지 않게 (시안에 없는 구간, 값만 조정) --- */
/* 1600 이하 : 메뉴가 로고 · SNS 와 겹치지 않도록 글자 · 간격을 단계별로 줄입니다 (메뉴 6개 기준으로 확인) */
@media (max-width:1600px){
    .site-header .menu-box{padding-right:0;justify-content:center;}   /* 기존 css 가 이 구간에서 메뉴를 오른쪽으로 보내는 것을 되돌림 */
    .site-header .menu-box .menu-list .menu-item > a{padding:0 14px;}
    .site-header .menu-box .menu-list .menu-item > a > span{font-size:22px;}
    .site-header .menu-box .menu-list .menu-item > a::before,
    .site-header .menu-box .menu-list .menu-item > a::after{left:14px;right:14px;}
}
@media (max-width:1360px){
    .site-header .header-wrapper{padding:0 20px;}
    .site-header .menu-box .menu-list .menu-item > a{padding:0 10px;}
    .site-header .menu-box .menu-list .menu-item > a > span{font-size:20px;}
    .site-header .menu-box .menu-list .menu-item > a::before,
    .site-header .menu-box .menu-list .menu-item > a::after{left:10px;right:10px;}
    .site-header .menu-box .top-bar{right:20px;}
    .site-header .adf-header-util{margin-right:44px;}
    .site-header .sns-buttons .sns-item{font-size:0;column-gap:0;}   /* 아이콘만 */
}
@media (max-width:1200px){
    /* 로고(왼쪽 270) 와 SNS·햄버거(오른쪽 190) 사이에서 가운데 정렬 */
    .site-header .menu-box{padding:0 190px 0 270px;}
    .site-header .menu-box .menu-list .menu-item > a{padding:0 8px;}
    .site-header .menu-box .menu-list .menu-item > a > span{font-size:17px;}
    .site-header .menu-box .menu-list .menu-item > a::before,
    .site-header .menu-box .menu-list .menu-item > a::after{left:8px;right:8px;}
}

/* --- 태블릿(≤960) : 기존 css 대로 로고줄(80) + 그 아래 메뉴줄. 시안에 없는 구간이라 기존 동작을 그대로 두고 값만 맞췄습니다 --- */
@media (max-width:960px){
    :root{--header-height:80px;}
    .site-header .header-inner{height:auto;align-items:stretch;}
    .site-header .header-wrapper{padding:0 15px;}
    .site-header .header-logo a img{height:42px;}
    .site-header .adf-header-util{margin-right:0;}
    .site-header .menu-box{position:relative;width:100%;padding:0 62px 0 15px;border-top:1px solid #eee;}
    .site-header .menu-box .menu-nav{height:56px;}
    .site-header .menu-box .menu-list{width:100%;justify-content:space-between;}
    .site-header .menu-box .menu-list .menu-item > a{height:56px;padding:0 4px;}
    .site-header .menu-box .menu-list .menu-item > a > span{font-size:20px;}
    .site-header .menu-box .menu-list .menu-item > a > span::before{top:-8px;width:6px;height:6px;}
    .site-header .menu-box .menu-list .menu-item > a::before,
    .site-header .menu-box .menu-list .menu-item > a::after{left:4px;right:4px;top:calc(50% + 15px);}
    .site-header .menu-box .menu-list .menu-item > a::before{height:3px;}
    /* 펼침 메뉴 : 칸이 좁아 글이 겹치므로 줄바꿈 허용 + 칸 사이 간격 */
    .site-header .menu-box .menu-list{column-gap:14px;}
    .site-header .menu-box .menu-list .menu-item{flex:1 1 auto;min-width:0;}
    .site-header .menu-box .submenu-list{padding:18px 0 24px;row-gap:12px;}
    .site-header .menu-box .submenu-list .submenu-item{text-align:center;}
    .site-header .menu-box .submenu-list .submenu-item > a > span{font-size:15px;line-height:1.3;white-space:normal;word-break:keep-all;}
    .site-header .menu-box .top-bar{right:15px;height:56px;}
}

/* --- 모바일(≤640) : 모바일 시안(640) 값 그대로 ---
   헤더 80. 로고 (15,19) 140×42 / 참가신청 버튼 (478,19) 93×41 테두리 둥근 사각 / 햄버거 (585,27) 40×26 */
@media (max-width:640px){
    :root{--header-height:80px;}
    .site-header .header-wrapper{height:var(--header-height);padding:0 15px;}
    .site-header .header-logo{margin:0;}
    .site-header .header-logo a img{height:42px;}
    .site-header .adf-header-util{margin-right:55px;column-gap:0;}   /* 햄버거 40 + 간격 14 */
    .site-header .adf-header-util .sns-buttons{display:none;}
    .site-header .adf-m-apply{display:inline-flex;align-items:center;justify-content:center;width:93px;height:41px;border:1px solid #221e1f;border-radius:21px;background:#fff;font-size:16px;font-weight:600;line-height:1;color:#221e1f;letter-spacing:0;white-space:nowrap;}

    /* 메뉴줄은 숨기고 그 안의 햄버거만 상단줄 오른쪽에 올립니다 (기존 css : 640 이하에서 .menu-button 사용) */
    .site-header .menu-box{display:block;position:absolute;top:0;right:15px;width:auto;padding:0;border-top:0;background:none;}
    .site-header .menu-box .menu-nav{display:none;}
    .site-header .menu-box .top-bar{position:static;height:var(--header-height);}
    .site-header .menu-box .top-bar .top-bar-btn .menu-button{width:40px;height:var(--header-height);overflow:visible;}
    .site-header .menu-box .top-bar .top-bar-btn .menu-button .bar-group{width:40px;height:26px;}
    .site-header .menu-box .top-bar .top-bar-btn .menu-button .bar-group .bar{height:4px;background-color:#000;transform-origin:center;}
    /* 전체메뉴 열림(X) : 막대 길이 42 를 가운데 기준으로 45° */
    body.menuOpen .site-header .menu-box .top-bar .top-bar-btn .menu-button .bar-group .bar{background-color:#fff;}
    body.menuOpen .site-header .menu-box .top-bar .top-bar-btn .menu-button .bar-group .bar:nth-of-type(1){width:42px;transform:translate(-1px,11px) rotate(45deg);}
    body.menuOpen .site-header .menu-box .top-bar .top-bar-btn .menu-button .bar-group .bar:nth-of-type(3){width:42px;transform:translate(-1px,-11px) rotate(-45deg);}
}

/* --- ≤480 : 시안의 0.75배 --- */
@media (max-width:480px){
    :root{--header-height:60px;}
    .site-header .header-wrapper{padding:0 12px;}
    .site-header .header-logo a img{height:32px;}
    .site-header .adf-header-util{margin-right:42px;}
    .site-header .adf-m-apply{width:70px;height:31px;border-radius:16px;font-size:12px;}
    .site-header .menu-box{right:12px;}
    .site-header .menu-box .top-bar .top-bar-btn .menu-button{width:30px;}
    .site-header .menu-box .top-bar .top-bar-btn .menu-button .bar-group{width:30px;height:20px;}
    .site-header .menu-box .top-bar .top-bar-btn .menu-button .bar-group .bar{height:3px;}
    body.menuOpen .site-header .menu-box .top-bar .top-bar-btn .menu-button .bar-group .bar:nth-of-type(1){width:34px;transform:translate(-2px,8.5px) rotate(45deg);}
    body.menuOpen .site-header .menu-box .top-bar .top-bar-btn .menu-button .bar-group .bar:nth-of-type(3){width:34px;transform:translate(-2px,-8.5px) rotate(-45deg);}
}
@media (max-width:360px){
    .site-header .header-logo a img{height:28px;}
}

/* ============================================================
   투명 헤더 (타입2-투명버전_포토샵, PDF 01-4)
   켜는 방법 : head.html.php 맨 위 $adf_header_clear = true;  →  .wrapper 에 adf-clear 클래스가 붙습니다.
   (CSS 만으로 쓰려면 <div class="wrapper"> 를 <div class="wrapper adf-clear"> 로 바꿔도 됩니다)
   - 헤더 배경 없음 + 아래 1px 흰 선(10%) / 로고 흰색 / 메뉴·SNS·햄버거 흰색 / 현재 메뉴 색 #c0ff00
   - 드롭다운이 열리면(.site-header.menuOpen) 흰 배경 + 기본 색으로 돌아갑니다
   - 본문 시작 위치 : 메인 비주얼 · 서브 비주얼이 헤더 뒤까지 올라갑니다 (아래 "메인" "서브" 항목에서 같이 처리)
   ============================================================ */
.wrapper.adf-clear .site-header{background-color:transparent;}
/* 스크롤을 내리면 흰 본문 위에서도 보이도록 검정 반투명 배경. 기존 js 가 스크롤 때 헤더에 붙이는 header-fix 클래스를 씁니다. 맨 위에서는 시안대로 투명.
   항상 깔고 싶으면 아래 선택자에서 .header-fix 를 지워 주세요. 진하기는 rgba 의 .6 */
.wrapper.adf-clear .site-header{transition:background-color .3s;}
.wrapper.adf-clear .site-header.header-fix{background-color:rgba(0,0,0,.6);}
.wrapper.adf-clear .site-header::after{content:'';position:absolute;left:0;top:calc(var(--header-height) - 1px);bottom:auto;z-index:1;width:100%;height:1px;background-color:rgba(255,255,255,.15);pointer-events:none;}   /* 시안 y119 (헤더 맨 아래 1px). 기존 css 가 ::after 에 top 을 주므로 top 으로 지정 */
.wrapper.adf-clear .site-header .menu-box{background-color:transparent;}
.wrapper.adf-clear .site-header .header-logo a img.logo-drk{display:none;}
.wrapper.adf-clear .site-header .header-logo a img.logo-wht{display:block;}
.wrapper.adf-clear .site-header .menu-box .menu-list .menu-item > a > span,
.wrapper.adf-clear .site-header .sns-buttons .sns-item{color:#fff;}
.wrapper.adf-clear .site-header .menu-box .menu-list .menu-item.active > a > span{color:var(--adf-clear-act);}
.wrapper.adf-clear .site-header .menu-box .menu-list .menu-item > a > span::before,
.wrapper.adf-clear .site-header .menu-box .menu-list .menu-item > a::after{background-color:var(--adf-clear-hover);}
.wrapper.adf-clear .site-header .menu-box .menu-list .menu-item.active > a > span::before,
.wrapper.adf-clear .site-header .menu-box .menu-list .menu-item > a::before{background-color:var(--adf-clear-act);}
.wrapper.adf-clear .site-header .sns-buttons .sns-item:hover{color:var(--adf-clear-hover);}
.wrapper.adf-clear .site-header .menu-box .top-bar .top-bar-btn .sitemap-button .bar-group .bar,
.wrapper.adf-clear .site-header .menu-box .top-bar .top-bar-btn .sitemap-button:hover .bar-group .bar{background-color:#fff;}
/* 드롭다운 열림 : 흰 배경으로 */
.wrapper.adf-clear .site-header.menuOpen{background-color:#fff;}
.wrapper.adf-clear .site-header.menuOpen::after{content:none;}
.wrapper.adf-clear .site-header.menuOpen .menu-box{background-color:#fff;}
.wrapper.adf-clear .site-header.menuOpen .header-logo a img.logo-drk{display:block;}
.wrapper.adf-clear .site-header.menuOpen .header-logo a img.logo-wht{display:none;}
.wrapper.adf-clear .site-header.menuOpen .menu-box .menu-list .menu-item > a > span,
.wrapper.adf-clear .site-header.menuOpen .sns-buttons .sns-item{color:#000;}
.wrapper.adf-clear .site-header.menuOpen .menu-box .menu-list .menu-item.active > a > span{color:var(--adf-menu-act);}
.wrapper.adf-clear .site-header.menuOpen .menu-box .menu-list .menu-item > a > span::before,
.wrapper.adf-clear .site-header.menuOpen .menu-box .menu-list .menu-item > a::after{background-color:var(--adf-menu-hover);}
.wrapper.adf-clear .site-header.menuOpen .menu-box .menu-list .menu-item.active > a > span::before,
.wrapper.adf-clear .site-header.menuOpen .menu-box .menu-list .menu-item > a::before{background-color:var(--adf-menu-act);}
.wrapper.adf-clear .site-header.menuOpen .menu-box .top-bar .top-bar-btn .sitemap-button .bar-group .bar{background-color:#000;}
@media (max-width:960px){
    /* 태블릿(로고줄 80 + 메뉴줄 57)도 PC 와 같이 투명. 두 줄 사이 선과 맨 아래 선은 흰색 15%, 펼치면 흰 배경 */
    .wrapper.adf-clear .site-header::after{top:auto;bottom:0;}
    .wrapper.adf-clear .site-header .menu-box{border-top-color:rgba(255,255,255,.15);}
    .wrapper.adf-clear .site-header.menuOpen .menu-box{border-top-color:#eee;}
}
@media (max-width:640px){
    /* 모바일 투명 (타입2 모바일 시안 : 흰 바탕 없음, 로고 흰색, 참가신청 버튼 흰 테두리) */
    .wrapper.adf-clear .site-header{background-color:transparent;}
    .wrapper.adf-clear .site-header .header-logo a img.logo-drk{display:none;}
    .wrapper.adf-clear .site-header .header-logo a img.logo-wht{display:block;}
    .wrapper.adf-clear .site-header .adf-m-apply{border-color:#fff;background:transparent;color:#fff;}
    .wrapper.adf-clear .site-header .menu-box .top-bar .top-bar-btn .menu-button .bar-group .bar{background-color:#fff;}
}

/* ============================================================
   푸터 (01.sub_레이아웃.psd FOOTER-기본, 1920 기준. 푸터 위 = 0)
   배경 #272a2e, 높이 280, 컨테이너 1600 (x160~1760)
   [링크줄] 글자 y31 (Bold 16, 첫 항목 #c0b2ff) · 점 7px · 아래 1px 선 y76 (#7a7b7d)
   [정보줄] y105 (Medium 16 #fff, 자간 -0.025em, 사이 1px 세로선 14px) · 저작권 y137 (14px #8c8e9b 70%)
   [우측]   관련 홈페이지 박스 (1560,96) 200×43 #3f4156 · 그 아래 28px 에 design by (161×9, 오른쪽 끝 1740)
   ============================================================ */
.footer{min-height:280px;padding:0;background-color:#272a2e;}
.footer .container{max-width:calc(var(--adf-max) + var(--adf-gutter) * 2);padding:0 var(--adf-gutter);}
.footer .footer-top .footer-link-list .footer-link-item a,
.footer .footer-info-content address span,
.footer .footer-info-content .copyright-box,
.footer .family-site dt a,
.footer .family-site ul li a{font-family:var(--adf-font);}

/* 링크줄 */
.footer .footer-top{border-bottom:0;}
.footer .footer-top .container{position:relative;height:76px;align-items:flex-start;}
.footer .footer-top .container::after{content:'';position:absolute;left:var(--adf-gutter);right:var(--adf-gutter);bottom:0;height:1px;background-color:#7a7b7d;}
.footer .footer-top .left-box{height:76px;padding-top:0;}
.footer .footer-top .footer-link-list .footer-link-item a{font-size:16px;font-weight:700;line-height:1;color:#fff;letter-spacing:0;transition:color .2s;}
.footer .footer-top .footer-link-list .footer-link-item:first-child a{color:#c0b2ff;}
.footer .footer-top .footer-link-list .footer-link-item a:hover{color:#c0b2ff;}
.footer .footer-top .footer-link-list .footer-link-item:nth-of-type( n +2):before{content:'';width:7px;height:7px;margin:0 16px;border-radius:50%;background-color:#fff;font-size:0;}
/* SNS 는 모바일 시안에만 있음 */
.footer .footer-top .right-box{display:none;}

/* 정보줄 · 저작권 */
.footer .footer-bottom{padding-top:28px;}
.footer .footer-bottom .left-box{flex:1;min-width:0;}
.footer .footer-info-content{margin-top:0;}
.footer .footer-info-content address{margin:0 0 14px;line-height:1;}
.footer .footer-info-content address span{display:inline-block;margin:0;font-size:16px;font-weight:500;line-height:20px;color:#fff;letter-spacing:-.025em;white-space:nowrap;}
.footer .footer-info-content address .adf-sep::before{content:'';display:inline-block;width:1px;height:14px;margin:0 15px 0 14px;background-color:#55585d;vertical-align:-2px;}
.footer .footer-info-content address .adf-br-m{display:none;}
.footer .footer-info-content .copyright-box{display:block;font-size:14px;font-weight:500;line-height:1;color:rgba(140,142,155,.7);letter-spacing:0;}
.footer .footer-info-content .copyright-box .design-sign{display:none;}   /* PC 는 우측 박스 아래에 있는 것을 씁니다 */
.footer .footer_direct_btn_area{padding-top:6px;}

/* 관련 홈페이지 (eb_contents family_site 스킨) + design by */
.footer .footer-bottom .right-box{flex:none;width:200px;margin:-8px 0 0 30px;}   /* 박스 위 = 선 아래 20px (정보줄 글자보다 8px 위) */
.footer .family-site{width:200px;margin:0;}
.footer .family-site dt a{position:relative;display:block;height:43px;padding:0 40px 0 19px;background-color:#3f4156;font-size:16px;font-weight:700;line-height:43px;color:#fff;letter-spacing:0;}
.footer .family-site dt a:hover,
.footer .family-site dt a.active{color:#fff;}
.footer .family-site dt i{display:none;}
.footer .family-site dt a::after{content:'';position:absolute;right:14px;top:16px;width:17px;height:11px;background:url("../../../image/common/adf-footer-arrow.png") no-repeat center / 17px 11px;transition:transform .3s;}
.footer .family-site dt a.active::after{transform:rotate(180deg);}
.footer .family-site dd ul{background-color:#3f4156;border:0;}
.footer .family-site ul li{border-bottom:1px solid #55585d;}
.footer .family-site ul li a{padding:10px 19px;font-size:15px;color:#ddd;}
.footer .family-site ul li a:hover{color:#fff;}
.footer .footer-bottom .right-box > .design-sign{display:block;width:161px;height:9px;margin:46px 20px 0 auto;}

/* 맨 위로 버튼 : PC 는 시안에 없어 기존 그대로 */

/* 모바일 하단 고정 바 - PC 에서는 숨김 */
.adf-quick{display:none;}

/* --- 태블릿 이하(≤1280) : 기존 css 가 링크줄을 가운데 정렬 + left-box 밑줄로 바꾸므로 선을 그쪽에 맞췄습니다 --- */
@media (max-width:1280px){
    .footer .footer-top .container{height:auto;padding:0 var(--adf-gutter);}
    .footer .footer-top .container::after{content:none;}
    .footer .footer-top .left-box{width:100%;height:76px;border-bottom:1px solid #7a7b7d;}
    .footer .footer-bottom{flex-direction:column;align-items:center;}
    .footer .footer-bottom .left-box{width:100%;}
    .footer .footer-info-content address{text-align:center;line-height:30px;}
    .footer .footer-info-content address span{line-height:30px;}
    .footer .footer-info-content .copyright-box{text-align:center;}
    .footer .footer_direct_btn_area{text-align:center;}
    .footer .footer-bottom .right-box{width:200px;margin:24px 0 0;}
    .footer .footer-bottom .right-box > .design-sign{margin:28px auto 0;}
}
@media (max-width:960px){
    /* 기존 css 가 960 이하에서 right-box 를 숨깁니다 (관련 홈페이지는 PC 전용). design by 는 모바일 시안대로 저작권 아래에 */
    .footer .footer-info-content .copyright-box{display:flex;flex-direction:column;align-items:center;row-gap:30px;}
    .footer .footer-info-content .copyright-box .design-sign{display:block;width:161px;height:9px;margin:0;}
}

/* --- 모바일(≤640) : 모바일 시안(640) 값. 푸터 위 = 0
   링크줄 y30 (가운데) · 선 y76 (15~625) · SNS 5개 39×38 y98 (간격 7) · 정보 4줄 y181~ (16px, 줄간 30) · 저작권 y312 · design by 209×11 y371 · 높이 460
   맨 위로 : 50px 흰 원 (575,395), 하단 고정 바 80px 보라 --- */
@media (max-width:640px){
    .footer{padding:0 0 80px;}   /* 하단 고정 바 높이만큼 */
    .footer .container,
    .footer .footer-top .container{padding:0 15px;}
    .footer .footer-top .left-box{height:76px;justify-content:center;border-bottom:1px solid #7a7b7d;}
    .footer .footer-top .footer-link-list .footer-link-item.mobile-hidden{display:flex;}
    .footer .footer-top .footer-link-list .footer-link-item a{font-size:16px;}
    .footer .footer-top .footer-link-list .footer-link-item:nth-of-type( n +2):before{content:'';width:7px;height:7px;margin:0 16px;}

    .footer .footer-top .right-box{display:block;width:100%;padding:22px 0 0;}
    .footer .footer-top .footer-sns-list{position:static;width:auto;justify-content:center;column-gap:7px;}
    .footer .footer-top .footer-sns-list .footer-sns-item a{width:39px;height:38px;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:39px 38px;}
    .footer .footer-top .footer-sns-list .footer-sns-item a::before{content:none;}
    .footer .footer-top .footer-sns-list .footer-sns-item.facebook a{background-image:url("../../../image/common/adf-sns-m-facebook.png");}
    .footer .footer-top .footer-sns-list .footer-sns-item.blog a{background-image:url("../../../image/common/adf-sns-m-blog.png");}
    .footer .footer-top .footer-sns-list .footer-sns-item.youtube a{background-image:url("../../../image/common/adf-sns-m-youtube.png");}
    .footer .footer-top .footer-sns-list .footer-sns-item.kakao a{background-image:url("../../../image/common/adf-sns-m-kakao.png");}
    .footer .footer-top .footer-sns-list .footer-sns-item.instagram a{background-image:url("../../../image/common/adf-sns-m-instagram.png");}
    .footer .footer-top .footer-sns-list .footer-sns-item a:hover{background-color:transparent;opacity:.8;}

    .footer .footer-bottom{padding-top:38px;}
    .footer .footer-info-content address{margin-bottom:18px;text-align:center;line-height:30px;}
    .footer .footer-info-content address span{font-size:16px;line-height:30px;}
    .footer .footer-info-content address .adf-br-m{display:inline;}
    .footer .footer-info-content address .adf-sep::before{content:none;}
    .footer .footer-info-content address .adf-sep-m::before{content:'';width:1px;height:14px;margin:0 12px 0 10px;background-color:#55585d;}
    .footer .footer-info-content .copyright-box{row-gap:43px;font-size:16px;font-weight:400;}
    .footer .footer-info-content .copyright-box .design-sign{width:209px;height:11px;}
    .footer .footer_direct_btn_area{display:none;}

    /* 맨 위로 버튼 : 하단 고정 바 위 15px. js/ui.js 가 bottom 을 계속 바꾸므로 !important 로 고정 */
    .fix-button{right:15px;bottom:95px !important;}
    .fix-button.is-top .top-button{opacity:0 !important;pointer-events:none;}
    .fix-button .top-button{width:50px;height:50px;background:url("../../../image/common/adf-top-m.png") no-repeat center / 50px 50px;}
    .fix-button .top-button::before{content:none;}

    .adf-quick{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:100;height:80px;background-color:var(--adf-point);}
    .adf-quick .adf-quick-item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:15px;}
    .adf-quick .adf-quick-item img{display:block;width:auto;height:28px;}
    .adf-quick .adf-quick-item span{margin-top:9px;font-family:var(--adf-font);font-size:15px;font-weight:500;line-height:1;color:#fff;letter-spacing:0;}
    .adf-quick .adf-quick-item + .adf-quick-item::before{content:'';position:absolute;left:0;top:20px;width:1px;height:40px;background-color:rgba(255,255,255,.2);}
}

/* --- ≤480 : 시안의 0.75배 --- */
@media (max-width:480px){
    .footer{padding:0 0 60px;}
    .footer .container,
    .footer .footer-top .container{padding:0 12px;}
    .footer .footer-top .left-box{height:57px;}
    .footer .footer-top .footer-link-list .footer-link-item a{font-size:13px;}
    .footer .footer-top .footer-link-list .footer-link-item:nth-of-type( n +2):before{width:5px;height:5px;margin:0 12px;}
    .footer .footer-top .right-box{padding:16px 0 0;}
    .footer .footer-top .footer-sns-list{column-gap:5px;}
    .footer .footer-top .footer-sns-list .footer-sns-item a{width:30px;height:29px;background-size:30px 29px;}
    .footer .footer-bottom{padding-top:28px;}
    .footer .footer-info-content address{margin-bottom:14px;line-height:23px;}
    .footer .footer-info-content address span{font-size:13px;line-height:23px;}
    .footer .footer-info-content address .adf-sep-m::before{height:11px;margin:0 9px 0 7px;}
    .footer .footer-info-content .copyright-box{row-gap:32px;font-size:13px;}
    .footer .footer-info-content .copyright-box .design-sign{width:162px;height:9px;}

    .fix-button{right:12px;bottom:71px !important;}
    .fix-button .top-button{width:38px;height:38px;background-size:38px 38px;}

    .adf-quick{height:60px;}
    .adf-quick .adf-quick-item{padding-top:11px;}
    .adf-quick .adf-quick-item img{height:21px;}
    .adf-quick .adf-quick-item span{margin-top:7px;font-size:12px;}
    .adf-quick .adf-quick-item + .adf-quick-item::before{top:15px;height:30px;}
}

/* ============================================================
   서브 공통 (01.sub_레이아웃.psd, 1920 기준)
   [비주얼] 헤더 아래 y120~480 (360). 사진 + 검정 50%. 가운데 작은 글자(Medium 18, 흰색 60%) y263 / 큰 글자(SemiBold 42) y302
   [본문]   비주얼 아래 48px. 컨테이너 1600 (안쪽 여백 30) 안에 사이드 280 (x190) + 간격 60 + 본문 1200 (x530~1730)
   [사이드] 제목 박스 283×133 보라 + 로고 워터마크 15% / 메뉴 항목 60px, 글자 SemiBold 18 #212121, 구분선 #f1f1f1, 현재 = ExtraBold 보라 + 화살표 10×15 + 연보라 바 50×8
   [제목]   Bold 42 #333 (y540) / 경로 y604 : 홈 14×15 › 글자 Medium 15 #333
   부산대 때 만든 페이지(.bsd-sub / .bsd-sub-head)도 같은 규칙을 쓰도록 선택자를 같이 적어 두었습니다.
   ============================================================ */
/* ----- 서브 비주얼 (.page-title : head.html.php) ----- */
.wrapper .page-title{margin-top:var(--header-height);}
.wrapper .page-title .page-title-image{height:360px;}
.wrapper .page-title .page-title-image::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);}
.wrapper .page-title-caption{bottom:50%;transform:translateY(50%);z-index:1;}
.wrapper .page-title-caption .container{max-width:none;padding:0 20px;}
.wrapper .page-title-caption h3{margin:0 0 21px;font-family:var(--adf-font);font-size:18px;font-weight:500;line-height:1;color:rgba(255,255,255,.6);letter-spacing:-.025em;text-align:center;}
.wrapper .page-title-caption h2{margin:0;font-family:var(--adf-font);font-size:42px;font-weight:600;line-height:1;color:#fff;letter-spacing:-.01em;text-align:center;}

/* ----- 서브 레이아웃 ----- */
#mainContent.kfem-basic-body,
#mainContent.sub-basic-body{padding:48px 0 0;}
#mainContent.kfem-basic-body .container,
#mainContent.sub-basic-body .container{max-width:1600px;padding:0 30px;}   /* 사용자 기준 : 1600 안쪽 30 여백 → 사이드 280 + 60 + 본문 1200 = 1540 */
#mainContent .wrap .sub-content-box{justify-content:flex-start;align-items:flex-start;padding:0;}

/* ----- 좌측 사이드 메뉴 (280px) ----- */
#mainContent .wrap.side-style aside{flex:none;width:280px;margin-right:60px;}
#mainContent .wrap.side-style aside .h_60px{display:none;}
#mainContent .wrap .side-content{width:280px;border:0;border-radius:20px;background-color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.08);overflow:hidden;}
#mainContent .wrap .side-content .header-box{position:relative;justify-content:flex-start;align-items:flex-start;width:auto;height:133px;margin:0;padding:57px 0 0 31px;border-radius:0;background:var(--adf-point);box-shadow:none;overflow:hidden;}   /* background 축약 : 기존 css 의 배경 이미지(분홍 그라데이션)를 지웁니다 */
/* 로고 워터마크 (시안 로고 130×108, 흰색 15%). 이미지는 알파 마스크로 쓰므로 색은 background-color */
#mainContent .wrap .side-content .header-box::after{content:'';position:absolute;left:155px;top:32px;width:130px;height:108px;background-color:#fff;opacity:.15;-webkit-mask:url("../../../image/sub/adf-side-logo.png") no-repeat 0 0 / 130px 108px;mask:url("../../../image/sub/adf-side-logo.png") no-repeat 0 0 / 130px 108px;}
#mainContent .wrap .side-content .header-box > h2{position:relative;z-index:1;margin:0;font-family:var(--adf-font);font-size:32px;font-weight:700;line-height:1;color:#fff;letter-spacing:-.025em;}
#mainContent .wrap .side-content .menu-list{row-gap:0;margin:0;padding:0 31px 18px 32px;}
#mainContent .wrap .side-content .menu-item{border:0;}
#mainContent .wrap .side-content .menu-item + .menu-item{border-top:1px solid #f1f1f1;}
#mainContent .wrap .side-content .menu-item > a,
#mainContent .wrap .side-content .menu-item:last-of-type > a{position:relative;height:60px;padding:0;border:0;border-radius:0;background:none;font-family:var(--adf-font);font-size:18px;font-weight:600;line-height:1;color:#212121;letter-spacing:-.025em;transition:color .3s;}
#mainContent .wrap .side-content .menu-item > a > span{position:relative;display:inline-block;}
#mainContent .wrap .side-content .menu-item > a::after{content:none;}
#mainContent .wrap .side-content .menu-item > a:hover{background:none;}
/* 현재 위치 : 글자 ExtraBold 보라 + 오른쪽 화살표 */
#mainContent .wrap .side-content .menu-item.active > a{background:none;font-weight:700;color:var(--adf-side-act);}
#mainContent .wrap .side-content .menu-item.active > a::after{content:'';display:block;flex:none;width:10px;height:15px;border:0;background:var(--adf-side-act);-webkit-mask:url("../../../image/sub/adf-side-arr.png") no-repeat center / 10px 15px;mask:url("../../../image/sub/adf-side-arr.png") no-repeat center / 10px 15px;transform:none;}
/* ----- 사이드 메뉴 현재 위치 / 오버 효과 (PDF 01-5) : 쓰지 않을 것은 블록째 주석 처리 -----
   [A] 현재 위치 굵은 보라 바 : 글자 아래 50×8, 12% (시안 언더라인-오버애니메이션 레이어 값)
   [B] 오버 글자색 : 보라
   [C] 오버 언더라인 : 글자 아래 2px 선이 왼쪽에서 오른쪽으로 (글자를 <span> 으로 감싼 메뉴에서 동작)
   [D] 오버 굵은 바 : [A] 와 같은 바가 오버 때도 왼쪽에서 오른쪽으로 (선택) */
/* [A] */
#mainContent .wrap .side-content .menu-item > a::before{content:'';position:absolute;left:0;top:35px;width:70px;height:8px;background-color:var(--adf-side-act);opacity:0;transform:scaleX(0);transform-origin:left center;transition:transform .3s ease,opacity .3s;}
#mainContent .wrap .side-content .menu-item.active > a::before{opacity:.12;transform:scaleX(1);}
/* [B] */
#mainContent .wrap .side-content .menu-item > a:hover{color:var(--adf-side-hover);}
/* [C] */
#mainContent .wrap .side-content .menu-item > a > span::after{content:'';position:absolute;left:0;bottom:-6px;width:100%;height:2px;background-color:var(--adf-side-hover);transform:scaleX(0);transform-origin:left center;transition:transform .3s ease;}
#mainContent .wrap .side-content .menu-item > a:hover > span::after{transform:scaleX(1);}
#mainContent .wrap .side-content .menu-item.active > a > span::after{content:none;}   /* 현재 위치에는 [A] 바만 */
/* [D] 오버 굵은 바 - 기본은 꺼 둠. 쓰려면 주석을 풀어 주세요.
#mainContent .wrap .side-content .menu-item > a:hover::before{opacity:.12;transform:scaleX(1);}
*/
/* 3차 메뉴 (게시판 분류 등) : 현재 2차 메뉴 아래에만 펼쳐집니다 (부산대 때 방식 유지) */
#mainContent .wrap .side-content .submenu-list{display:none;margin:0;padding:2px 0 14px;border:0;border-radius:0;background:none;list-style:none;}
#mainContent .wrap .side-content .menu-item.active .submenu-list{display:block;}
#mainContent .wrap .side-content .submenu-item{border:0;}
#mainContent .wrap .side-content .submenu-item > a,
#mainContent .wrap .side-content .submenu-item:nth-of-type(n + 2) > a{display:flex;align-items:center;width:auto;height:34px;padding:0;border:0;font-family:var(--adf-font);font-size:16px;font-weight:500;line-height:1;color:#555;letter-spacing:-.025em;}
#mainContent .wrap .side-content .submenu-item > a::before{content:'';flex:none;display:block;width:9px;height:9px;margin:-6px 10px 0 2px;border-left:1px dotted #999;border-bottom:1px dotted #999;background:none;}
#mainContent .wrap .side-content .submenu-item > a:hover{color:var(--adf-side-hover);text-decoration:none;}
#mainContent .wrap .side-content .submenu-item.active > a{font-weight:700;color:#111;}

/* ----- 페이지 제목 + 경로 (페이지 파일에서 .adf-sub / .adf-sub-head 로 사용) ----- */
#mainContent .wrap .adf-sub,
#mainContent .wrap .bsd-sub{flex:1;min-width:0;max-width:1200px;padding:0 0 120px;font-family:var(--adf-font);}
#mainContent .wrap .adf-sub img,
#mainContent .wrap .bsd-sub img{max-width:100%;}
#mainContent .wrap .adf-sub-head,
#mainContent .wrap .bsd-sub-head{padding:8px 0 41px;}
#mainContent .wrap .adf-sub-tit,
#mainContent .wrap .bsd-sub-tit{margin:0;font-family:var(--adf-font);font-size:42px;font-weight:700;line-height:1;color:#333;letter-spacing:0;}
#mainContent .wrap .adf-sub-path,
#mainContent .wrap .bsd-sub-path{display:flex;align-items:center;margin:26px 0 0;padding:0;list-style:none;}
#mainContent .wrap .adf-sub-path li,
#mainContent .wrap .bsd-sub-path li{display:flex;align-items:center;font-family:var(--adf-font);font-size:15px;font-weight:500;line-height:16px;color:#333;letter-spacing:-.025em;white-space:nowrap;}
#mainContent .wrap .adf-sub-path li + li::before,
#mainContent .wrap .bsd-sub-path li + li::before{content:'';width:5px;height:8px;margin:0 9px 0 10px;background-color:#333;-webkit-mask:url("../../../image/sub/adf-path-arr.png") no-repeat center / 5px 8px;mask:url("../../../image/sub/adf-path-arr.png") no-repeat center / 5px 8px;}
#mainContent .wrap .adf-sub-path .adf-sub-home,
#mainContent .wrap .bsd-sub-path .bsd-sub-home{width:14px;height:15px;overflow:hidden;background-color:#333;font-size:0;-webkit-mask:url("../../../image/sub/adf-path-home.png") no-repeat center / 14px 15px;mask:url("../../../image/sub/adf-path-home.png") no-repeat center / 14px 15px;}
#mainContent .wrap .adf-sub-path .adf-sub-home a,
#mainContent .wrap .bsd-sub-path .bsd-sub-home a{display:block;width:14px;height:15px;}

/* 아직 시안 작업 전인 서브(기존 .content-box / 게시판 .terra-wrap)도 사이드 옆 남은 폭(최대 1200)을 쓰게 합니다 */
#mainContent .wrap.side-style .content-box,
#mainContent .wrap.side-style .terra-wrap{flex:1;min-width:0;max-width:1200px;}
#mainContent .wrap.side-style .content-box img,
#mainContent .wrap.side-style .terra-wrap img{max-width:100%;}
/* 2026-10-22 게시판 글쓰기 "임시저장된 글" 목록 창 위치 (부산대 때 수정분 유지) */
.board-write{position:relative;}

/* 기존 css(custom_new.css)가 1280 이하에서 사이드 메뉴를 숨기므로 자리도 같이 없애고 본문 1200 을 가운데에 */
@media (max-width:1280px){
    #mainContent .wrap.side-style aside{display:none;}
    #mainContent.kfem-basic-body .container,
    #mainContent.sub-basic-body .container{max-width:1240px;}
}

/* 태블릿 이하 : 헤더 = 로고줄 80 + 메뉴줄 57 → 비주얼을 그 아래로 */
@media (max-width:960px){
    .wrapper .page-title{margin-top:137px;}
    .wrapper .page-title .page-title-image{height:300px;}
    .wrapper .page-title-caption h3{font-size:16px;margin-bottom:19px;}
    .wrapper .page-title-caption h2{font-size:38px;}
}

/* 모바일(≤640) : 모바일 시안(640) 값. 비주얼 80~360 (280), 제목 Bold 32 (y411), 경로 y468 (홈 12×12, 글자 13), 본문 폭 610 */
@media (max-width:640px){
    .wrapper .page-title{margin-top:var(--header-height);}
    .wrapper .page-title .page-title-image{height:280px;}
    .wrapper .page-title-caption .container{padding:0 15px;}
    .wrapper .page-title-caption h3{font-size:16px;margin-bottom:19px;}
    .wrapper .page-title-caption h2{font-size:38px;}
    #mainContent.kfem-basic-body,
    #mainContent.sub-basic-body{padding-top:48px;}
    #mainContent.kfem-basic-body .container,
    #mainContent.sub-basic-body .container{padding:0 15px;}
    #mainContent .wrap .adf-sub,
    #mainContent .wrap .bsd-sub{padding-bottom:80px;}
    #mainContent .wrap .adf-sub-head,
    #mainContent .wrap .bsd-sub-head{padding:0 0 40px;}
    #mainContent .wrap .adf-sub-tit,
    #mainContent .wrap .bsd-sub-tit{font-size:32px;}
    #mainContent .wrap .adf-sub-path,
    #mainContent .wrap .bsd-sub-path{margin-top:28px;}
    #mainContent .wrap .adf-sub-path li,
    #mainContent .wrap .bsd-sub-path li{font-size:13px;line-height:14px;}
    #mainContent .wrap .adf-sub-path li + li::before,
    #mainContent .wrap .bsd-sub-path li + li::before{width:4px;height:7px;margin:0 7px 0 8px;-webkit-mask-image:url("../../../image/sub/adf-path-arr-m.png");mask-image:url("../../../image/sub/adf-path-arr-m.png");-webkit-mask-size:4px 7px;mask-size:4px 7px;}
    #mainContent .wrap .adf-sub-path .adf-sub-home,
    #mainContent .wrap .bsd-sub-path .bsd-sub-home,
    #mainContent .wrap .adf-sub-path .adf-sub-home a,
    #mainContent .wrap .bsd-sub-path .bsd-sub-home a{width:12px;height:12px;}
    #mainContent .wrap .adf-sub-path .adf-sub-home,
    #mainContent .wrap .bsd-sub-path .bsd-sub-home{-webkit-mask-image:url("../../../image/sub/adf-path-home-m.png");mask-image:url("../../../image/sub/adf-path-home-m.png");-webkit-mask-size:12px 12px;mask-size:12px 12px;}
}

/* ≤480 : 시안의 0.75배 */
@media (max-width:480px){
    .wrapper .page-title .page-title-image{height:210px;}
    .wrapper .page-title-caption h3{font-size:12px;margin-bottom:14px;}
    .wrapper .page-title-caption h2{font-size:28px;}
    #mainContent.kfem-basic-body,
    #mainContent.sub-basic-body{padding-top:36px;}
    #mainContent.kfem-basic-body .container,
    #mainContent.sub-basic-body .container{padding:0 12px;}
    #mainContent .wrap .adf-sub,
    #mainContent .wrap .bsd-sub{padding-bottom:60px;}
    #mainContent .wrap .adf-sub-head,
    #mainContent .wrap .bsd-sub-head{padding-bottom:30px;}
    #mainContent .wrap .adf-sub-tit,
    #mainContent .wrap .bsd-sub-tit{font-size:24px;}
    #mainContent .wrap .adf-sub-path,
    #mainContent .wrap .bsd-sub-path{margin-top:21px;}
    #mainContent .wrap .adf-sub-path li,
    #mainContent .wrap .bsd-sub-path li{font-size:12px;}
}

/* 투명 헤더 : 서브 비주얼이 헤더 뒤까지 올라갑니다 (시안 타입2 : 비주얼 0~480) */
.wrapper.adf-clear .page-title{margin-top:0;}
.wrapper.adf-clear .page-title .page-title-image{height:480px;}
.wrapper.adf-clear .page-title-caption{bottom:calc(50% - 60px);}   /* 글자는 기본 버전과 같은 위치(헤더 아래 영역의 가운데) */
@media (max-width:960px){
    .wrapper.adf-clear .page-title{margin-top:0;}
    .wrapper.adf-clear .page-title .page-title-image{height:437px;}   /* 300 + 헤더 137 */
    .wrapper.adf-clear .page-title-caption{bottom:calc(50% - 68px);}
}
@media (max-width:640px){
    .wrapper.adf-clear .page-title{margin-top:0;}
    .wrapper.adf-clear .page-title .page-title-image{height:360px;}
    .wrapper.adf-clear .page-title-caption{bottom:calc(50% - 40px);}
}
@media (max-width:480px){
    .wrapper.adf-clear .page-title .page-title-image{height:270px;}
    .wrapper.adf-clear .page-title-caption{bottom:calc(50% - 30px);}
}