@charset "utf-8";
/* =========================================================================
   도시탐탐(DSEE) - Figma 디자인 토큰 & 공통 레이아웃 (default.css 이후 로드) */
:root{
  --c-yellow:#EFFF00; --c-black:#121212; --c-bg:#f5f5f5; --c-white:#FFFFFF;
  --c-line:#CCCCCC; --c-row-alt:rgba(0,0,0,.06);
  --c-text:#222222; --c-text-sub:#555555; --c-border-2:#767676;
  --radius-bar:10px; --radius-pill:333px;
  --container:1640px; --gutter:30px;
  --min_container:1465px;
  --font-en:"Orbitron", sans-serif;
  --font-ko:"NanumSquare","Noto Sans KR","Malgun Gothic",sans-serif;
}
html{font-size:16px;}
body * {    word-break: keep-all;}
body{font-family:var(--font-ko);color:var(--c-text);background:var(--c-white);-webkit-text-size-adjust:100%;}
a{color:inherit;}
/* gnuboard 기본 레이아웃 무력화 (풀폭, 사이드바 제거) */
#wrapper{width:100%;max-width:none;margin:0;padding:0;}
#container_wr{width:100%;max-width:none;margin:0;padding:0;background:var(--c-bg);border:0;}
#container{width:100% !important;max-width:none;margin:0;padding:0;float:none;}
#container:after{content:"";display:block;clear:both;}
#aside{display:none !important;}
#container_title{display:none;}
hr{display:none;}
.dst-inner{width:100%;max-width:var(--container);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter);box-sizing:border-box;}
/* ===== 헤더 ===== */
#hd{background:var(--c-white);border:0;     }
/* 고정 헤더: left:0/right:0 + margin auto 로 본문(.dst-section 등)과 동일하게 콘텐츠 영역 기준 중앙정렬
   (기존 width:100%+left:50%+translateX 는 스크롤바 폭만큼 우측이 밀려 우측 패딩이 깨졌음) */
.dst-header-wrap{position:fixed;left:0;right:0;top:30px;z-index:2;max-width:var(--container);margin:0 auto;box-sizing:border-box; z-index:6}
.dst-header{display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 50px;background:var(--c-black);border-radius:var(--radius-bar);box-sizing:border-box;}
.dst-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.dst-logo img{display:block;height:30px;width:auto;}
.dst-logo-mark{font-family:var(--font-en);font-weight:900;font-size:26px;line-height:1;color:var(--c-white);letter-spacing:1px;}
.dst-logo .dst-logo-tx{color:var(--c-white);font-weight:800;font-size:20px;letter-spacing:.5px;}
.dst-gnb{display:flex;align-items:center;gap:80px;list-style:none;margin:0;padding:0;}
.dst-gnb a{font-family:var(--font-ko);font-weight:700;font-size:18px;color:#EBEBEB;text-decoration:none;white-space:nowrap;transition:color .15s;}
.dst-gnb a:hover,.dst-gnb a.on{color:var(--c-yellow);}
.dst-burger{display:none;background:none;border:0;color:var(--c-white);font-size:24px;cursor:pointer;line-height:1;}
.dst-gnb-mo-bg{display:none;}
/* ===== 서브 히어로 ===== */
.dst-subhero{background:var(--c-yellow);width:100%;}
.dst-subhero-inner{max-width:var(--container);margin:0 auto;padding:240px var(--gutter) 70px;box-sizing:border-box;position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.dst-subhero-head{display:flex;flex-direction:column;}
.dst-subhero-label{font-family:var(--font-en);font-size:20px;letter-spacing:1px;color:var(--c-black);margin:0 0 0px;}
.dst-subhero-titlewrap{display:flex;align-items:flex-end;gap:22px;}
.dst-subhero-title{font-family:var(--font-en);font-weight:500;text-transform:uppercase;font-size:clamp(40px,6vw,80px);line-height:1;color:var(--c-black);margin:0;}
.dst-subhero-count{display:inline-flex;align-items:center;justify-content:center;width:clamp(58px,7vw,106px);height:clamp(58px,7vw,106px);background:var(--c-black);border-radius:50%;font-family:var(--font-en);font-weight:600;font-size:clamp(22px,3vw,41px);letter-spacing:2px;color:var(--c-yellow);}
.dst-search{display:flex;align-items:stretch;height:47px;max-width:400px;width:100%;}
.dst-search input[type=text]{flex:1;min-width:0;border:1px solid var(--c-black);border-right:0;background:var(--c-yellow);padding:0 15px;font-family:var(--font-ko);font-size:14px;color:var(--c-black);letter-spacing:.7px;}
.dst-search input::placeholder{color:var(--c-black);opacity:.4;}
.dst-search button{width:57px;border:1px solid var(--c-black);background:var(--c-black);color:var(--c-white);cursor:pointer;font-size:16px;}
/* ===== 페이지네이션 ===== */
.pg_wrap{clear:both;text-align:center;margin:50px 0;}
.pg{display:inline-flex;gap:9px;align-items:center;}
.pg_page,.pg_current,.pg_start,.pg_prev,.pg_next,.pg_end{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:35px;padding:0 6px;box-sizing:border-box;border:1px solid var(--c-border-2);background:var(--c-white);font-family:var(--font-ko);font-size:17px;color:var(--c-black);text-decoration:none;letter-spacing:.85px;}
.pg_current{background:var(--c-black);border-color:var(--c-black);color:var(--c-white);font-weight:700;}
.pg_page:hover,.pg_start:hover,.pg_prev:hover,.pg_next:hover,.pg_end:hover{background:var(--c-black);border-color:var(--c-black);color:var(--c-white);}
/* ===== 푸터 ===== */
#ft{background:var(--c-black);border:0;margin:0;}
.dst-footer{background:var(--c-black);color:var(--c-white);padding:40px 0px;}
.dst-footer-inner{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);box-sizing:border-box;}
.dst-footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:18px;}
.dst-footer-logo{display:flex;align-items:center;gap:10px;}
.dst-footer-logo img{height:28px;width:auto;}
.dst-footer-logo .dst-logo-mark{font-size:22px;}
.dst-footer-logo .dst-logo-tx{color:var(--c-white);font-weight:800;font-size:18px;}
.dst-footer-policy{font-family:var(--font-ko);font-size:17px;color:var(--c-white);}
.dst-footer-policy a{color:var(--c-white);text-decoration:none;margin:0 6px;}
.dst-footer-policy a:hover{text-decoration:underline;}
.dst-footer-line{display:block;height:1px;background:rgba(255,255,255,.35);border:0;margin:0 0 20px;}
.dst-footer-info{font-family:var(--font-ko);font-size:17px;line-height:1.9;color:var(--c-white); text-align:left; font-weight:300}
.dst-footer-info b{font-weight:700;margin-right:8px;}
.dst-footer-info .sep{display:inline-block;width:20px;}
.dst-footer-mail{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:var(--c-white);color:var(--c-black);border-radius:var(--radius-pill);padding:10px 20px;font-weight:700;font-size:16px;text-decoration:none;}
/* ===== 반응형 ===== */
@media (max-width:1680px){
.dst-header-wrap {padding:0 var(--gutter);}
}

@media (max-width:1279px){ :root{--gutter:24px;} }
@media (max-width:768px){
  :root{--gutter:20px;}
  .dst-header{height:60px;padding:0 18px;}
  .dst-burger{display:inline-block;}
  .dst-gnb{position:fixed;top:0;right:-78%;width:78%;max-width:320px;height:100%;z-index:1001;flex-direction:column;align-items:flex-start;gap:0;background:var(--c-black);padding:80px 28px 28px;transition:right .25s ease;}
  .dst-gnb li {width:100%}
  .dst-gnb a{font-size:20px;width:100%;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12); display:block; width:100%}
  .dst-gnb.open{right:0;}
  .dst-gnb-mo-bg.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;}
  .dst-subhero-inner{padding:148px var(--gutter) 36px;flex-direction:column;align-items:flex-start;}
  .dst-subhero-titlewrap{gap:14px;}
  .dst-search{max-width:100%;}
  .dst-footer-top{flex-direction:column;align-items:flex-start;}
  .dst-subhero-label {font-size:16px;}
  .dst-subhero-title {font-size:30px}
  .dst-subhero-count {font-size:18px;width:40px;height:40px;}
}

/* =========================================================================
   메인 페이지 (index)
   ========================================================================= */
.dst-hero{background:var(--c-black);}
.dst-hero-photo{position:relative;height:clamp(420px,40vw,780px);background:#161616 center/cover no-repeat;background-image:url(../img/hero_img.png);}
.dst-hero-mark{position:absolute;left:var(--gutter);top:44%;transform:translateY(-50%);font-family:var(--font-en);font-weight:900;font-size:clamp(86px,15vw,300px);line-height:.78;color:var(--c-yellow);letter-spacing:-2px;margin:0;}
.dst-hero-labels{position:absolute;left:0;right:0;bottom:22px;}
.dst-hero-labels-inner{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);box-sizing:border-box;display:flex;justify-content:space-between;}
.dst-hero-labels span{font-family:var(--font-ko);font-weight:700;font-size:clamp(13px,1.1vw,17px);color:var(--c-yellow);text-transform:uppercase;}
.dst-hero-band{background:var(--c-yellow);position:relative;}
.dst-hero-band-inner{max-width:var(--container);margin:0 auto;padding:125px var(--gutter) 80PX;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.dst-hero-desc{max-width:425px;font-family:var(--font-en);font-size:18px;line-height:1.7;color:var(--c-black);margin:0;}
.dst-hero-right{display:flex;flex-direction:column;align-items:flex-end;text-align:right;margin-left:auto;}
.dst-hero-eyebrow{font-family:var(--font-en);font-size:24px;letter-spacing:.5px;color:var(--c-black);text-transform:capitalize;margin:0 0 6px;}
.dst-hero-title{font-family:var(--font-en);font-weight:400;text-transform:uppercase;font-size:clamp(40px,6vw,120px);line-height:1;color:var(--c-black);margin:0;}
.dst-hero-arrow{position:absolute;right:var(--gutter);top:-44px;width:clamp(64px,7vw,88px);height:clamp(64px,7vw,88px);border-radius:50%;background:var(--c-black);color:var(--c-yellow);display:flex;align-items:center;justify-content:center;font-size:26px;text-decoration:none;z-index:3;}

.dst-section{max-width:var(--container);margin:0 auto;padding:150px var(--gutter) 80px;box-sizing:border-box;background:var(--c-bg);}
.dst-section-head{font-family:var(--font-en);font-weight:700;font-size:30px;letter-spacing:1px;color:var(--c-black);text-transform:uppercase;margin:0 0 28px;}

.dst-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.dst-card{display:flex;flex-direction:column;text-decoration:none;color:var(--c-black);position:relative;     border-top: 1px solid #A8A8A8;}
.dst-card-thumb{position:relative;width:100%;/*aspect-ratio:365/480;background:#d9d9d9;*/overflow:hidden;display:block;}
.dst-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
/*.dst-card:hover .dst-card-thumb img{transform:scale(1.04);}*/
.dst-card-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#8a8a8a;font-size:14px;font-family:var(--font-en);}
.dst-card-badge{position:absolute;top:75px ;left:130px;z-index:1;display:inline-flex;align-items:center;gap:4px;background:var(--c-yellow);color:var(--c-black);font-family:var(--font-en);font-weight:700;font-size:13px;line-height:1;text-transform:uppercase;padding:10px 15px;border-radius:var(--radius-pill);}
.dst-card-badge.done{}
.dst-card-tit{font-family:var(--font-ko);font-weight:700;font-size:18px;line-height:1.4;margin:16px 0 4px;}
.dst-card-sub{font-family:var(--font-ko);font-size:14px;color:var(--c-text-sub);}
.dst-empty{grid-column:1/-1;text-align:center;padding:60px 0;color:#888;font-family:var(--font-ko);}

/* ===== 카드 마우스오버 상세 오버레이 ===== */
.dst-card-ov{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;gap:12px;padding:30px 28px; margin:45px 70px 10px; box-sizing:border-box;background:rgba(18,18,18,1);color:#fff;text-align:left;opacity:0;visibility:hidden;transition:opacity .28s ease, visibility .28s ease;pointer-events:none;overflow:hidden;}
.dst-card:hover .dst-card-ov,.dst-card:focus-within .dst-card-ov{opacity:1;visibility:visible;}
/* 오버레이 내부 배지: 절대위치 해제, 좌상단 정렬 */
.dst-card-ov .dst-card-ov-badge{position:static;top:auto;left:auto;align-self:flex-start;margin:0 0 6px;font-size:16px;}
.dst-card-ov-block{display:flex;flex-direction:column;gap:6px;}
.dst-card-ov-label{font-family:var(--font-ko);font-size:17px;color:#fff; line-height: 155%;}
.dst-card-ov-date,.dst-card-ov-time{font-family:var(--font-ko);font-weight:700;font-size:clamp(18px,1.25vw,26px);line-height: 140%;color:#fff;display:block;}
.dst-card-ov-line{width:54px;height:1px;background:#fff;margin:4px 0;}
.dst-card-ov-desc{font-family:var(--font-ko);font-size:18px;font-weight: 700;line-height: 140%;color:#fff;word-break:keep-all;}
.dst-card-ov-tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;padding-top:8px;}
.dst-card-ov-tag{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-pill);padding:7px 16px;font-family:var(--font-ko);font-size:17px;color:#fff;white-space:nowrap; font-weight: 700;}
.dst-card-ov-tag.white-tag{color:rgba(18, 18, 18, 1); background: #fff;}

.dst-viewmore{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:80px;margin-top:44px;background:var(--c-black);color:var(--c-yellow);font-family:var(--font-en);font-weight:800;font-size:30px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;}
.dst-viewmore:hover{opacity:.92;}

@media (max-width:1100px){
  .dst-cards{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:680px){
  .dst-cards{grid-template-columns:1fr;}
  .dst-hero-band-inner{flex-direction:column;align-items:flex-start;}
  .dst-hero-right{align-items:flex-start;text-align:left;}
  .dst-viewmore{height:64px;font-size:16px;}
}

/* =========================================================================
   Competition 게시판 (gallery 스킨) - 가로형 포스터 카드
   ========================================================================= */
.dst-comp-body{ max-width:var(--container);margin:100px auto 0px;padding:25px var(--gutter) 90px;box-sizing:border-box;background:var(--c-bg); border-top:2px solid rgba(18, 18, 18, 1);}
.dst-comp-tools{display:flex;justify-content:flex-end;gap:8px;margin-bottom:24px;}
.dst-comp-tools a{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 18px;background:var(--c-black);color:var(--c-white);font-family:var(--font-ko);font-weight:700;font-size:14px;text-decoration:none;border-radius:var(--radius-pill);}
.dst-complist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:54px 60px;}
.dst-compcard{display:flex;gap:26px;}
.dst-compcard-thumb{flex:0 0 42%;max-width:266px;aspect-ratio:266/376;overflow:hidden;display:block;position:relative;}
.dst-compcard-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
/*.dst-compcard:hover .dst-compcard-thumb img{transform:scale(1.04);}*/
.dst-compcard-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#8a8a8a;font-family:var(--font-en);font-size:14px;}
.dst-compcard-info{flex:1;min-width:0;display:flex;flex-direction:column;padding-top:6px;}
.dst-compcard .dst-card-badge{position:static;align-self:flex-start;margin-bottom:18px;}
.dst-compcard-tit{font-family:var(--font-ko);font-weight:700;font-size:clamp(18px,1.55vw,30px);line-height:1.45;color:var(--c-black);text-decoration:none;display:block; word-break: keep-all;}
/*.dst-compcard-tit:hover{text-decoration:underline;}*/
.dst-compcard-meta{margin:auto 0 0;padding:18px 0 0;display:flex;flex-direction:column;gap:9px;}
.dst-compcard-meta > div{display:flex;gap:18px;align-items:baseline;}
.dst-compcard-meta dt{flex:0 0 64px;font-family:var(--font-ko);font-size:16px;color:var(--c-text);margin:0;}
.dst-compcard-meta dd{font-family:var(--font-ko);font-weight:700;font-size:16px;color:var(--c-black);margin:0;letter-spacing:.3px;}
.dst-comp-empty{text-align:center;padding:80px 0;color:#888;font-family:var(--font-ko);}
.dst-comp-tools{flex-wrap:wrap;align-items:center;}
.dst-compcard{position:relative;}
/* 리스트 카드 그리드 라인 정렬 (메인 .dst-cards 와 동일 규칙, 2칸 기준)
   - 가로선: 각 카드 상단 border-top
   - 세로선: 칸 사이(좌측 칸 카드) ::after, 60px 컬럼 갭의 중앙(-30px) */
.dst-complist > .dst-compcard{border-top:1px solid #A8A8A8;padding-top:25px;}
.dst-complist > .dst-compcard:not(:nth-child(2n))::after{content:'';position:absolute;top:25px;right:-30px;width:1px;height:100%;background:#A8A8A8;pointer-events:none;}

.dst-complist > .dst-compcard:nth-child(1), .dst-complist > .dst-compcard:nth-child(2) {border-top:0px solid #A8A8A8; padding-top:0px;}

@media (max-width:900px){
  /* 1칸으로 떨어지면 세로 구분선 제거 */
  .dst-complist > .dst-compcard::after{content:none;}
}
/* 모바일: 공모(갤러리) 리스트 도구 버튼 축소
   (.dst-comp-admin 은 list.skin.php 인라인 style(40px) 보다 우선하도록 .dst-comp-tools 로 스코프) */
@media (max-width:680px){
  .dst-comp-tools{flex-wrap:wrap;gap:6px;}
  .dst-comp-tools a,.dst-comp-tools .dst-comp-admin{height:32px;padding:0 11px;font-size:12px;gap:5px;}
  .dst-comp-tools a i,.dst-comp-tools .dst-comp-admin i{font-size:12px;}
}

/* 게시물 보기 - 공모 메타 */
.dst-vmeta{border-top:2px solid var(--c-black);border-bottom:1px solid var(--c-line);}
.dst-vmeta * {word-break: keep-all;}
.dst-vmeta div{display:flex;border-bottom:1px solid rgba(145, 145, 145, 1);}

.dst-vmeta dt{flex:0 0 120px;padding:10px 10px;margin:0;font-family:var(--font-ko);font-weight:400;font-size:18px;color:var(--c-black);}
.dst-vmeta dd{flex:1;padding:10px 0px;margin:0;font-family:var(--font-ko);font-size:18px;font-weight:700;color:var(--c-text);}

/* 게시물 작성 - 공모 추가필드 */
.dst-wfields{margin:10px 0;padding:18px 20px;border:1px solid var(--c-line);background:#fafafa;}
.dst-wfields h3{margin:0 0 14px;font-family:var(--font-ko);font-weight:800;font-size:16px;color:var(--c-black);}
.dst-wfields .dst-wrow{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap;}
.dst-wfields .dst-wrow:last-child{margin-bottom:0;}
.dst-wfields label{flex:0 0 110px;font-family:var(--font-ko);font-weight:700;font-size:14px;color:var(--c-text);}
.dst-wfields input[type=text],.dst-wfields input[type=date]{height:42px;border:1px solid var(--c-line);padding:0 12px;font-family:var(--font-ko);font-size:14px;box-sizing:border-box;}
.dst-wfields .dst-wrange{display:flex;align-items:center;gap:10px;}

@media (max-width:900px){
  .dst-complist{grid-template-columns:1fr;gap:40px;}
   .dst-complist > .dst-compcard:nth-child(2) {border-top:1px solid #A8A8A8; padding-top:25px;}
}
@media (max-width:760px){
    .dst-compcard-meta dd {font-size:14px}
    .dst-compcard-meta dt {font-size:14px}
    .dst-compcard .dst-card-badge {font-size:12px}
}    

@media (max-width:560px){
  /* 갤러리 리스트 카드: 스샷처럼 가로형(썸네일 좌 / 정보 우) 유지 + 글자 축소 */
  .dst-compcard{flex-direction:row;gap:14px;}
  .dst-compcard-thumb{flex:0 0 40%;max-width:170px;}
  .dst-compcard-info{padding-top:0;}
  .dst-compcard .dst-card-badge{margin-bottom:10px;font-size:11px;padding:5px 11px;}
  .dst-compcard-tit{font-size:15px;line-height:1.4;}
  .dst-compcard-meta{padding-top:12px;gap:6px;}
  .dst-compcard-meta > div{gap:10px;}
  .dst-compcard-meta dt{flex:0 0 52px;font-size:12px;}
  .dst-compcard-meta dd{font-size:12px;}
  .dst-vmeta dt{flex-basis:110px;}
  .dst-wfields label{flex-basis:auto;}
}

/* =========================================================================
   Notice 게시판 (basic 스킨) - 테이블
   ========================================================================= */
.dst-notice-body{max-width:var(--container);margin:0 auto;padding:60px var(--gutter) 90px;box-sizing:border-box;background:var(--c-bg);}
.dst-notice-tools{display:flex;justify-content:flex-end;margin-bottom:18px;}
.dst-notice-tools a{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 18px;background:var(--c-black);color:var(--c-white);font-family:var(--font-ko);font-weight:700;font-size:14px;text-decoration:none;border-radius:var(--radius-pill); margin-left:5px}
.dst-ntable{width:100%;border-collapse:collapse;table-layout:fixed;}
.dst-ntable thead th{background:var(--c-black);color:var(--c-white);font-family:var(--font-ko);font-weight:400;font-size:18px;text-transform:uppercase;padding:15px 12px;text-align:center;letter-spacing:.5px;}
.dst-ntable tbody td{border-bottom:1px solid var(--c-line);padding:17px 14px;font-family:var(--font-ko);font-size:17px;color:var(--c-text);text-align:center;vertical-align:middle;}
.dst-ntable td.dst-n-tit{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dst-ntable td.dst-n-tit a{color:var(--c-text);text-decoration:none;}
.dst-ntable td.dst-n-tit a:hover{text-decoration:underline;}
.dst-ntable td.dst-n-no{width:130px;}
.dst-ntable td.dst-n-writer{width:180px;color:var(--c-text-sub);}
.dst-ntable td.dst-n-date{width:200px;color:var(--c-text-sub);}
.dst-ntable tr.dst-n-notice td{background:var(--c-row-alt);font-weight:700;color:var(--c-black);}
.dst-ntable tbody tr:last-child td{border-bottom:2px solid var(--c-black);}
.dst-ntable tbody tr:hover td{background:rgba(0,0,0,.03);}
.dst-n-noticebadge{display:inline-flex;align-items:center;justify-content:center;background:var(--c-yellow);color:var(--c-black);font-family:var(--font-en);font-weight:500;font-size:15px;padding:5px 16px;border-radius:var(--radius-pill);}
.dst-n-new{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--c-black);color:var(--c-yellow);font-family:var(--font-ko);font-weight:800;font-size:14px;border-radius:50%;margin-left:8px;vertical-align:middle;}
.dst-n-empty{padding:80px 0;color:#888;font-family:var(--font-ko);}
.dst-n-tit_mo  {display:none !important}

@media (max-width:680px){
  .dst-notice-body{padding-top:30px;padding-bottom:50px;}
  .dst-notice-tools{flex-wrap:wrap;gap:6px;justify-content:flex-start;}
  /* .dst-notice-admin 은 list.skin.php 인라인 style(40px) 보다 우선하도록 .dst-notice-tools 로 스코프 */
  .dst-notice-tools a,.dst-notice-tools .dst-notice-admin{height:32px;padding:0 11px;font-size:12px;gap:5px;margin:0;}
  .dst-notice-tools a i,.dst-notice-tools .dst-notice-admin i{font-size:12px;}
  /* 페이지네이션 축소 */
  .pg{gap:5px;}
  .pg_page,.pg_current,.pg_start,.pg_prev,.pg_next,.pg_end{min-width:30px;height:30px;font-size:14px;padding:0 5px;}
  .dst-ntable,.dst-ntable tbody,.dst-ntable tr,.dst-ntable td{display:block;width:auto;}
  .dst-ntable thead{position:absolute;left:-9999px;}
  .dst-ntable tbody tr{position:relative;padding:14px 40px 14px 4px;border-bottom:1px solid var(--c-line);}
  /* 모바일 카드에서는 셀별 회색 배경 제거 (스택 시 깨져 보임) */
  .dst-ntable tbody td,.dst-ntable tr.dst-n-notice td{border:0;padding:1px 0;text-align:left;background:none;}
  /* 번호/뱃지 + 제목(.dst-n-tit_mo) + N 을 한 줄로 — 인라인 흐름으로 폭을 채움(쏠림 방지) */
  .dst-ntable td.dst-n-no{display:block;font-size:12px;color:#999;line-height:1.5;margin:0;padding:0; width:100%}
  .dst-ntable td.dst-n-no .dst-n-noticebadge{vertical-align:middle;margin:0 6px 2px 0;}
  .dst-ntable td.dst-n-no .dst-n-tit_mo{display:inline !important;font-size:15px;font-weight:700;color:var(--c-black);line-height:1.45;}
  .dst-ntable td.dst-n-no .dst-n-tit_mo a{display:inline !important;white-space:normal;font-size:15px;margin:0;}
  .dst-ntable td.dst-n-no .dst-n-new{vertical-align:middle;}
  .dst-ntable td.dst-n-no .dst-n-num{display:none;}   /* 모바일에서 번호 숨김 */
  .dst-ntable td.dst-n-tit{display:none;}   /* PC 전용 제목 칸은 모바일에서 숨김 */
  .dst-ntable td.dst-n-date{display:block;font-size:12px;color:#888;margin-top:6px;}
  /* 체크박스는 카드 우측 상단 고정 */
  .dst-ntable td.dst-n-chk{position:absolute;top:12px;right:2px;width:auto;padding:0;text-align:right;}
  .dst-n-noticebadge{font-size:12px;padding:5px 15px; margin-bottom:5px; display:inline-block }
  .dst-n-new{width:20px;height:20px;font-size:11px; line-height: 20px; margin-left:5px;}
  .dst-ntable tbody tr:last-child td{border-bottom:0;}
  .dst-n-writer {display:none !important}
  .dst-n-tit_mo  {display:inline-block !important}
  .dst-n-tit_pc  {display:none !important}
  span.dst-n-tit.dst-n-tit_mo a{font-size:15px !important;font-weight:700;margin:3px 0;white-space:normal;padding-right:0px;line-height:1.45; display:inline-block }
}

/* =========================================================================
   About 소개 페이지
   ========================================================================= */
.dst-about-body{max-width:var(--container);margin:0 auto;padding:70px var(--gutter) 100px;box-sizing:border-box;background:var(--c-bg);}
.dst-about-lead{font-family:var(--font-ko);font-weight:800;font-size:clamp(24px,3vw,40px);line-height:1.5;color:var(--c-black);margin:0 0 30px;}
.dst-about-lead .hl{background:linear-gradient(transparent 58%, var(--c-yellow) 58%);}
.dst-about-text{font-family:var(--font-ko);font-size:17px;line-height:1.95;color:var(--c-text);max-width:920px;}
.dst-about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:54px;}
.dst-about-card{background:var(--c-white);border:1px solid #e0e0e0;padding:32px 28px;}
.dst-about-card .num{font-family:var(--font-en);font-weight:700;font-size:16px;color:var(--c-yellow);-webkit-text-stroke:.5px #121212;}
.dst-about-card h3{font-family:var(--font-en);font-weight:700;font-size:18px;color:var(--c-black);margin:10px 0 12px;text-transform:uppercase;}
.dst-about-card p{font-family:var(--font-ko);font-size:15px;line-height:1.75;color:var(--c-text-sub);margin:0;}
@media (max-width:760px){ .dst-about-grid{grid-template-columns:1fr;} }

/* =========================================================================
   메인 페이지 Figma 정합 보정 (override)
   ========================================================================= */
/* (1) 메인 헤더: 연회색 바 + 히어로 위 오버레이 */
.dst-index #hd{position:absolute;top:0;left:0;width:100%;z-index:50;background:transparent;}
.dst-index .dst-header{background:#EBEBEB;}
.dst-index .dst-logo-mark,
.dst-index .dst-logo-tx{color:var(--c-black);}
.dst-index .dst-gnb a{color:var(--c-black);}
.dst-index .dst-gnb a:hover{color:#000;}
.dst-index .dst-burger{color:var(--c-black);}

/* (2) 히어로 텍스트 위치 */
.dst-hero-mark{top:60%;transform:translateY(-50%);font-size:clamp(78px,13vw,230px);letter-spacing:-1px;}
.dst-hero-labels{bottom:36px;}

/* (3) 화살표 에셋 - 사진/노란띠 경계 우측 */
.dst-hero-band{overflow:visible;}
.dst-hero-arrow{top:44px;transform:translateY(-50%);right:var(--gutter);width:clamp(92px,9vw,150px);height:clamp(92px,9vw,150px);background:none;font-size:0;}
.dst-hero-arrow img{width:100%;height:100%;display:block;}

/* (4) VIEW MORE - 노란 바 */
.dst-viewmore{background:var(--c-yellow);color:var(--c-black);justify-content:space-between;padding:0 40px;height:clamp(72px,5vw,97px);margin-top:100px;}
.dst-viewmore:hover{opacity:1;background:#f2f200;}

/* (5) 푸터 위 연락처 pill */
.dst-contact{background:var(--c-bg);padding:24px 0 36px;}
.dst-contact-inner{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);box-sizing:border-box;display:flex;justify-content:flex-end;align-items:center;gap:10px;}
.dst-contact-pill{position:relative;display:inline-flex;align-items:center;gap:12px;background:var(--c-white);color:var(--c-black);border-radius:var(--radius-pill);padding:11px 24px;font-family:var(--font-ko);font-weight:700;font-size:17px;text-decoration:none;box-shadow:0 2px 12px rgba(0,0,0,.07);cursor:pointer;}
.dst-contact-pill i{font-size:13px;color:#555;}
/* 이메일 복사 피드백 토스트 */
.dst-copy-toast{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(4px);background:var(--c-black,#121212);color:#fff;font-size:13px;font-weight:600;padding:5px 11px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .18s, transform .18s, visibility .18s;pointer-events:none;}
.dst-copy-toast:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--c-black,#121212);}
.dst-contact-pill.is-copied .dst-copy-toast{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.dst-contact-ico{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--c-black);color:var(--c-white);text-decoration:none;font-size:16px;}




@media (max-width:1230px){
   .dst-hero-band-inner {flex-direction: column-reverse;     align-items: flex-start;}
.dst-hero-right {align-items: flex-start; text-align: left; }
}    

@media (max-width:768px){
  .dst-index .dst-gnb a{color:#EBEBEB;}
  .dst-index .dst-burger{color:var(--c-black);}
  .dst-hero-labels-inner{gap:19%}
  .dst-hero-arrow {top:25px; right:10px}
}

@media (max-width:480px){
  .dst-hero-labels-inner{flex-wrap:wrap;}
  .dst-hero-labels span{font-size:13px;}
}

/* =========================================================================
   메인 히어로 - 이미지(svg) 마크업 정합 (logo.svg / main_txt.svg / arrow.svg)
   ========================================================================= */
/* DSEE 워드마크 (main_txt.svg) - 좌측, 사진 세로 중앙 */
.dst-hero-mark{position:absolute;left:var(--gutter);top:50%;transform:translateY(-50%);margin:0;line-height:0;max-width:var(--container);margin:0 auto;}

.dst-hero-mark img{display:block;width:clamp(260px,40vw,800px);height:auto;}
/* 화살표 (arrow.svg) - 사진/노란띠 경계 우측 */
.dst-hero-arrow{display:block;line-height:0;}
.dst-hero-arrow img{display:block;width:100%;height:100%;}
/* 헤더 로고 (logo.svg) */
.dst-header .dst-logo img{display:block;height:30px;width:auto;}
@media (max-width:768px){ .dst-header .dst-logo img{height:24px;} }

/* =========================================================================
   메인 히어로 정렬 보정 2
   ========================================================================= */
/* (1) eyebrow를 ON RECORD 우측 라인에 맞춰 우측 정렬 */
.dst-hero-right{align-items:flex-end;text-align:right; }
.dst-hero-eyebrow{width:100%;text-align:right;}
/* (2) DSEE 워드마크 좌측을 헤더 바 좌측(콘텐츠 좌측 edge)과 동일하게 */
.dst-hero-mark{left:max(var(--gutter), 49% - (var(--container) - var(--gutter) * 2) / 2);}

/* =========================================================================
   메인 타이포 정밀 정합 (Figma 실측값)
   ========================================================================= */
/* ON RECORD : Orbitron Medium 120 / eyebrow Orbitron Regular 24 (lh1.3) */
.dst-hero-eyebrow{font-family:var(--font-en);font-weight:400;font-size:clamp(13px,1.85vw,24px);line-height:1.3;letter-spacing:normal;text-transform:uppercase;margin:0 0 4px;}
.dst-hero-title{font-family:var(--font-en);font-weight:500;font-size:clamp(45px,9vw,120px);line-height:1;letter-spacing:normal;text-transform:uppercase; margin-right:-9px}
/* 설명 : 18 / lh1.5, 강조부 Bold */
.dst-hero-desc{font-size:18px;line-height:1.5;font-weight:400;}
.dst-hero-desc b,.dst-hero-desc strong{font-weight:700;}
/* OUR COMPETITION : OUR=Regular / COMPETITION=ExtraBold, 30 (lh1.3) */
.dst-section-head{font-family:var(--font-en);font-weight:400;font-size:clamp(22px,2.4vw,30px);line-height:1.3;letter-spacing:normal;text-transform:uppercase;}
.dst-section-head b,.dst-section-head strong{font-weight:800;}
/* VIEW MORE : Orbitron ExtraBold 30 (lh1.3) */
.dst-viewmore{font-family:var(--font-en);font-weight:800;font-size:clamp(20px,2.2vw,30px);line-height:1.3;letter-spacing:normal;}
/* open / under review / winners : NanumSquare Bold 17 */
.dst-hero-labels span{font-family:var(--font-ko);font-weight:700;font-size:clamp(14px,1.2vw,17px);line-height:1.3;text-transform:uppercase;}
/* 카드 : 제목 NanumSquare Bold 20 / 배지 Orbitron Bold 16 */
.dst-card-tit{font-family:var(--font-ko);font-weight:700;font-size:20px;line-height:1.4; word-break: keep-all;}
.dst-card-badge{font-size:14px;font-weight:700;}

/* =========================================================================
   OUR COMPETITION 카드 - Figma 정합 (포스터 365x517 + 하단중앙 제목)
   ========================================================================= */
.dst-cards{grid-template-columns:repeat(3,1fr);gap:50px 40px;}
/* 이미지 영역: 항상 배경(플레이스홀더) 표시, 디자인 비율 365:517 */
.dst-card-thumb{position:relative;width:100%;/*aspect-ratio:365/517;background:#D9D9D9;*/overflow:hidden;display:block; padding:45px 70px 10px}
.dst-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.dst-card-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#D9D9D9;color:#9a9a9a;font-family:var(--font-en);font-size:14px;letter-spacing:1px;}
/* 제목: 하단 중앙, NanumSquare Bold 20 */
.dst-card-tit{text-align:center;font-family:var(--font-ko);font-weight:700;font-size:20px;line-height:1.4;color:var(--c-black);margin:10px 0px 0px;white-space:normal;}
/* 공고기관 보조줄: 디자인에 없으므로 숨김 */
.dst-card-sub{display:none;}
/* 세로 구분선: 행 마지막 카드 제외 ::after (가로선은 .dst-card border-top으로 처리) */
.dst-cards > .dst-card:not(:nth-child(3n))::after{content:'';position:absolute;top:25px;right:-20px;width:1px;height:100%;background:#A8A8A8;pointer-events:none;}

/* (헤더 패딩은 .dst-header-wrap 의 padding:0 var(--gutter) 로 통일 — 별도 1680 override 불필요) */

@media (max-width:1100px){
  .dst-cards{grid-template-columns:repeat(2,1fr);}
  .dst-cards > .dst-card::after{content:none;}
  .dst-cards > .dst-card:nth-child(odd)::after{content:'';position:absolute;top:0;right:-20px;width:1px;height:100%;background:#A8A8A8;pointer-events:none;}
}


@media (max-width:768px){
  .dst-vmeta dt {font-size:14px;}
  .dst-vmeta dd {font-size:14px;}
  .dst-footer-policy  {font-size:14px;}
  .dst-footer-info {font-size: 12px;}
  .dst-card-tit {font-size:16px}
  .dst-hero-title {margin-right:-4px}
}

@media (max-width:680px){
  .dst-cards{grid-template-columns:1fr;}
  .dst-cards > .dst-card::after{content:none;}
  .dst-hero-desc {font-size:16px}
  .dst-card-thumb {padding:35px 20px 10px}
  .dst-card-ov {display:none}
  .dst-viewmore img {height:35px}
  
}

/* index 스크롤 시 헤더 색/로고 부드럽게 전환 */
.dst-header{transition:background-color .35s ease;}
.dst-logo-mark,.dst-logo .dst-logo-tx,.dst-gnb a,.dst-burger{transition:color .35s ease;}
.dst-logo-swap{position:relative;display:inline-block;height:30px;}
.dst-logo-swap img{display:block;height:30px;width:auto;transition:opacity .35s ease;}
.dst-logo-swap .dst-logo-white{position:absolute;left:0;top:0;}
/* 기본(스크롤 상태, .dst-index 없음): 흰색 로고 */
.dst-logo-swap .dst-logo-dark{opacity:0;}
.dst-logo-swap .dst-logo-white{opacity:1;}
/* index 최상단(.dst-index): 어두운 로고 */
.dst-index .dst-logo-swap .dst-logo-dark{opacity:1;}
.dst-index .dst-logo-swap .dst-logo-white{opacity:0;}

/* ===== 스크롤 리빌 모션 (통일감) ===== */
/* 글자/블록: 아래에서 위로 부드럽게 */
.dst-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-d,0s);will-change:opacity,transform;}
.dst-reveal.is-in{opacity:1;transform:none;}
/* 이미지: 아래에서 위로 떠오르며 살짝 확대 (clip-path 미사용 - SVG/img 호환) */
.dst-reveal-img{opacity:0;transform:translateY(22px) scale(.97);transition:opacity .9s ease,transform .9s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-d,0s);will-change:opacity,transform;}
.dst-reveal-img.is-in{opacity:1;transform:none;}
/* 접근성: 모션 최소화 설정 시 애니메이션 제거 */
@media (prefers-reduced-motion:reduce){
  .dst-reveal,.dst-reveal-img{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important;}
}