SunsetDNWeb/commission.html at master · SunsetDN/SunsetDNWeb · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>

<html class="scroll-smooth" data-theme="day" lang="ko"><head><meta charset="utf-8"/><meta content="width=device-width, initial-scale=1.0" name="viewport"/><meta content="낮밤사이 크루에게 커미션/외주 작업을 디스코드로 문의할 수 있습니다." name="description"/><link href="https://sunsetdn.parin.asia/commission.html" rel="canonical"/><meta content="#fff8df" media="(prefers-color-scheme: light)" name="theme-color"/><meta content="#062b55" media="(prefers-color-scheme: dark)" name="theme-color"/><link href="favicon.ico" rel="icon" sizes="any"/><link href="icon.png" rel="apple-touch-icon"/><link href="site.webmanifest" rel="manifest"/><title>커미션 · 외주 신청 - 낮밤사이 (sunsetdn)</title><meta content="website" property="og:type"/><meta content="낮밤사이 (SUNSETDN)" property="og:site_name"/><meta content="커미션 · 외주 신청 - 낮밤사이 (sunsetdn)" property="og:title"/><meta content="낮밤사이 크루에게 커미션/외주 작업을 디스코드로 문의할 수 있습니다." property="og:description"/><meta content="https://sunsetdn.parin.asia/commission.html" property="og:url"/><meta content="https://sunsetdn.parin.asia/img/logo.webp" property="og:image"/><meta content="ko_KR" property="og:locale"/><meta content="summary_large_image" name="twitter:card"/><meta content="커미션 · 외주 신청 - 낮밤사이 (sunsetdn)" name="twitter:title"/><meta content="낮밤사이 크루에게 커미션/외주 작업을 디스코드로 문의할 수 있습니다." name="twitter:description"/><meta content="https://sunsetdn.parin.asia/img/logo.webp" name="twitter:image"/><script>(function(){try{var root=document.documentElement;var saved=localStorage.getItem("sunsetdn-theme");var night;if(saved==="night"||saved==="day"){night=saved==="night";}else{var prefersDark=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches;var hour=new Date().getHours();night=prefersDark||hour<7||hour>=19;root.dataset.themeAuto="true";}root.classList.toggle("dark",night);root.dataset.theme=night?"night":"day";}catch(error){}})();</script><script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*.html"},{"not":{"selector_matches":"[target=_blank]"}}]},"eagerness":"moderate"}]}</script><link href="https://fonts.googleapis.com" rel="preconnect"/><link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&amp;family=Noto+Sans+KR:wght@400;500;600;700;900&amp;display=swap" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" rel="stylesheet"/>
  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/><style>@layer base { html, body { margin: 0; padding: 0; font-family: 'Noto Sans KR', 'Inter', sans-serif; } body { overscroll-behavior: none; } main > :first-child { margin-top: 0 !important; } main > :last-child { margin-bottom: 0 !important; } } ::-webkit-scrollbar { display: none; }</style><link href="css/tailwind.css" rel="stylesheet"/><link href="css/brand.css" rel="stylesheet"/><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"낮밤사이 (SUNSETDN)","alternateName":"낮밤사이","url":"https://sunsetdn.parin.asia","logo":"https://sunsetdn.parin.asia/img/logo.webp"}</script></head><body class="bg-background font-body-md text-body-md text-on-surface antialiased flex flex-col min-h-screen selection:bg-primary-container selection:text-on-primary-container"><header class="site-header fixed top-0 inset-x-0 z-50 bg-surface/85 backdrop-blur-xl shadow-[0_1px_8px_rgba(0,0,0,0.04)]"><div class="site-header__inner h-16 max-w-7xl mx-auto px-margin lg:px-margin-lg flex items-center justify-between gap-space-md"><div class="flex items-center gap-space-sm"><a class="site-brand flex items-center gap-space-sm focus:outline-none" data-path="about" href="index.html"><img alt="낮밤사이 브랜드 로고" class="brand-logo h-8 w-8 object-contain" src="img/logo.webp"/><span class="flex flex-col"><span class="font-label-lg text-label-lg text-on-surface tracking-tight leading-none font-bold">낮밤사이</span><span class="font-label-sm text-label-sm text-on-surface-variant font-normal leading-none mt-space-xs">SUNSETDN</span></span></a><span class="site-brand__tag hidden sm:inline-flex items-center px-space-xs py-0.5 rounded-full bg-secondary-container text-on-secondary-container font-label-sm text-label-sm ml-space-xs">OFFICIAL</span></div><nav class="site-nav hidden md:flex items-center gap-space-md lg:gap-space-lg" data-active-classes="text-primary font-bold"><a class="font-label-lg text-label-lg text-on-surface-variant hover:text-on-surface transition-colors py-1" data-path="about" href="index.html">소개</a><a class="font-label-lg text-label-lg text-on-surface-variant hover:text-on-surface transition-colors py-1" data-path="members" href="members.html">팀원</a><a class="font-label-lg text-label-lg text-on-surface-variant hover:text-on-surface transition-colors py-1" data-path="tech" href="tech.html">직군 소개</a><a aria-current="page" class="transition-colors py-1 text-primary font-bold" data-path="commission" href="commission.html">커미션 신청</a></nav><div class="site-header__actions flex items-center gap-space-sm"><button class="search-trigger" data-search-open type="button" aria-label="빠른 검색 열기"><span class="material-symbols-outlined" aria-hidden="true">search</span><span class="search-trigger__label">검색</span><kbd class="search-trigger__key" data-search-hotkey aria-hidden="true">Ctrl K</kbd></button><button aria-label="밤 모드로 전환" aria-pressed="false" class="theme-toggle" data-theme-toggle title="밤 모드로 전환" type="button"><span aria-hidden="true" class="theme-toggle__sun">☀</span><span aria-hidden="true" class="theme-toggle__track"><span class="theme-toggle__thumb"></span></span><span aria-hidden="true" class="theme-toggle__moon">☾</span><span class="sr-only" data-theme-label>현재 낮 모드</span></button><button aria-expanded="false" aria-label="메뉴 열기" class="site-menu md:hidden flex items-center justify-center w-9 h-9 rounded-lg bg-surface-container-low text-on-surface-variant hover:bg-surface-container hover:text-on-surface focus:outline-none transition-colors" onclick="const d = document.getElementById('mobile-drawer'); const isOpen = d.classList.toggle('hidden'); this.setAttribute('aria-expanded', !isOpen);" type="button"><span class="material-symbols-outlined text-[20px]">menu</span></button></div></div><div class="hidden md:hidden bg-surface-container-low shadow-[0_8px_24px_-4px_rgba(15,23,42,0.08)] px-margin py-space-md" id="mobile-drawer"><nav class="flex flex-col gap-space-xs" data-active-classes="bg-primary-container text-on-primary-container font-bold"><a class="px-space-md py-space-sm rounded-lg text-on-surface-variant hover:bg-surface-container hover:text-on-surface font-label-lg text-label-lg transition-colors" data-path="about" href="index.html">소개</a><a class="px-space-md py-space-sm rounded-lg text-on-surface-variant hover:bg-surface-container hover:text-on-surface font-label-lg text-label-lg transition-colors" data-path="members" href="members.html">팀원</a><a class="px-space-md py-space-sm rounded-lg text-on-surface-variant hover:bg-surface-container hover:text-on-surface font-label-lg text-label-lg transition-colors" data-path="tech" href="tech.html">직군 소개</a><a aria-current="page" class="px-space-md py-space-sm rounded-lg transition-colors bg-primary-container text-on-primary-container font-bold" data-path="commission" href="commission.html">커미션 신청</a></nav></div></header><main class="site-main w-full pt-16 flex-1 bg-background"><div class="flex flex-col w-full">
<section class="w-full px-margin lg:px-margin-lg py-space-xl" id="commission">
    <div class="max-w-7xl mx-auto flex flex-col gap-space-lg">
      <div>
        <div class="inline-flex items-center gap-space-xs text-primary font-label-md text-label-md uppercase tracking-wider">
          <span>COMMISSION</span>
        </div>
        <h1 class="font-headline-lg text-headline-lg-mobile md:text-headline-lg text-on-surface">커미션 · 외주 신청</h1>
        <p class="font-body-md text-body-md text-on-surface-variant mt-1 max-w-2xl">낮밤사이 크루가 참여하는 외주 작업은 디스코드로만 접수합니다.</p>
      </div>
      <div class="commission-cta w-full p-space-xl rounded-2xl shadow-sm flex flex-col sm:flex-row items-center justify-between gap-space-lg text-center sm:text-left">
        <div class="flex flex-col sm:flex-row items-center gap-space-md">
          <div class="w-14 h-14 rounded-full bg-surface flex items-center justify-center text-primary shrink-0">
            <span class="material-symbols-outlined text-[28px]" aria-hidden="true">forum</span>
          </div>
          <div>
            <h2 class="font-headline-md text-headline-md text-on-surface">디스코드로 문의해 주세요</h2>
            <p class="mt-space-xs font-body-sm text-body-sm text-on-surface-variant">서버에 참여하신 뒤 안내에 따라 문의 내용을 남겨 주세요.</p>
          </div>
        </div>
        <a class="brand-button brand-button--primary shrink-0" href="https://discord.gg/SP8HY7WsqT" rel="noopener noreferrer" target="_blank">
          <span class="material-symbols-outlined" aria-hidden="true">forum</span>
          <span>디스코드 참여하기</span>
        </a>
      </div>
      <div>
        <h2 class="font-headline-md text-headline-md text-on-surface mb-space-md">가능한 작업 분야</h2>
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-gutter">
          <div class="reveal-on-scroll p-space-lg rounded-xl bg-surface-container-low shadow-sm flex flex-col gap-space-md">
  <div class="w-12 h-12 rounded-lg bg-surface flex items-center justify-center text-primary shadow-sm shrink-0">
    <span class="material-symbols-outlined text-[26px]">graphic_eq</span>
  </div>
  <h3 class="font-headline-md text-headline-md text-on-surface">믹싱</h3>
  <p class="font-body-sm text-body-sm text-on-surface-variant leading-relaxed">보컬 및 음원 믹싱·마스터링 작업입니다.</p>
</div>
<div class="reveal-on-scroll p-space-lg rounded-xl bg-surface-container-low shadow-sm flex flex-col gap-space-md">
  <div class="w-12 h-12 rounded-lg bg-surface flex items-center justify-center text-primary shadow-sm shrink-0">
    <span class="material-symbols-outlined text-[26px]">palette</span>
  </div>
  <h3 class="font-headline-md text-headline-md text-on-surface">일러스트</h3>
  <p class="font-body-sm text-body-sm text-on-surface-variant leading-relaxed">캐릭터, 썸네일 등 일러스트 작업입니다.</p>
</div>
<div class="reveal-on-scroll p-space-lg rounded-xl bg-surface-container-low shadow-sm flex flex-col gap-space-md">
  <div class="w-12 h-12 rounded-lg bg-surface flex items-center justify-center text-primary shadow-sm shrink-0">
    <span class="material-symbols-outlined text-[26px]">code</span>
  </div>
  <h3 class="font-headline-md text-headline-md text-on-surface">개발 · 기획</h3>
  <p class="font-body-sm text-body-sm text-on-surface-variant leading-relaxed">웹/도구 개발과 콘텐츠 기획입니다.</p>
</div>
<div class="reveal-on-scroll p-space-lg rounded-xl bg-surface-container-low shadow-sm flex flex-col gap-space-md">
  <div class="w-12 h-12 rounded-lg bg-surface flex items-center justify-center text-primary shadow-sm shrink-0">
    <span class="material-symbols-outlined text-[26px]">movie_edit</span>
  </div>
  <h3 class="font-headline-md text-headline-md text-on-surface">편집</h3>
  <p class="font-body-sm text-body-sm text-on-surface-variant leading-relaxed">영상 편집과 컷 구성 작업입니다.</p>
</div>
        </div>
      </div>
    </div>
  </section>
</div></main><footer class="site-footer w-full bg-surface-container-low text-on-surface-variant"><div class="max-w-7xl mx-auto px-margin lg:px-margin-lg py-space-xl"><div class="flex flex-col gap-space-lg"><div class="flex items-center gap-space-sm"><img alt="" aria-hidden="true" class="site-footer__logo" src="img/logo.webp"/><span class="font-headline-md text-headline-md font-bold text-on-surface tracking-tight">낮밤사이</span><span class="font-label-sm text-label-sm text-on-surface-variant">SUNSETDN</span></div><div class="site-footer__bottom pt-space-md font-label-sm text-label-sm text-on-surface-variant"><p>© 2026 낮밤사이 (sunsetdn). All rights reserved.</p></div></div></div></footer>
<div class="scroll-progress" aria-hidden="true"></div>
<dialog class="cmdk" data-search-dialog aria-label="빠른 검색">
  <div class="cmdk__field">
    <span class="material-symbols-outlined" aria-hidden="true">search</span>
    <input class="cmdk__input" data-search-input type="text" autocomplete="off" spellcheck="false" placeholder="멤버 · 직군 · 페이지 검색 (초성 가능)" aria-label="검색어" aria-controls="cmdk-results" aria-expanded="true" role="combobox"/>
  </div>
  <ul class="cmdk__results" data-search-results id="cmdk-results" role="listbox" aria-label="검색 결과"></ul>
  <p class="cmdk__empty" data-search-empty hidden>일치하는 항목이 없습니다.</p>
  <div class="cmdk__footer"><span><kbd>↑</kbd><kbd>↓</kbd> 이동</span><span><kbd>Enter</kbd> 열기</span><span><kbd>Esc</kbd> 닫기</span></div>
</dialog>
<dialog class="lightbox" data-lightbox aria-label="이미지 크게 보기">
  <button class="lightbox__close" data-lightbox-close type="button" aria-label="닫기"><span class="material-symbols-outlined" aria-hidden="true">close</span></button>
  <figure class="lightbox__figure">
    <img alt="" data-lightbox-image src=""/>
    <figcaption data-lightbox-caption></figcaption>
  </figure>
</dialog>
<div class="toast-region" data-toast-region role="status" aria-live="polite"></div>
<script type="application/json" data-search-index>[{"type":"페이지","name":"소개","hint":"index.html","url":"index.html","icon":"description"},{"type":"페이지","name":"팀원","hint":"members.html","url":"members.html","icon":"description"},{"type":"페이지","name":"직군 소개","hint":"tech.html","url":"tech.html","icon":"description"},{"type":"페이지","name":"커미션 신청","hint":"commission.html","url":"commission.html","icon":"description"},{"type":"팀원","name":"힘내","hint":"사장 · 총관리자","url":"members.html#member-himnae","icon":"person","color":"#991835"},{"type":"팀원","name":"베리","hint":"블루베리 — 편집장 · 편집 · 멤버","url":"members.html#member-bery","icon":"person","color":"#0055FF"},{"type":"팀원","name":"소유","hint":"매니저 · 멤버","url":"members.html#member-soyu","icon":"person","color":"#FAFAF8"},{"type":"팀원","name":"이노","hint":"멤버","url":"members.html#member-ino","icon":"person","color":"#FFFFFF"},{"type":"팀원","name":"자연현상","hint":"현상 — 기획장 · 기획 · 매니저 · 멤버","url":"members.html#member-jayeonhyeonsang","icon":"person","color":"#DEDEDE"},{"type":"팀원","name":"곰재","hint":"멤버","url":"members.html#member-gomjae","icon":"person","color":"#000000"},{"type":"팀원","name":"이람","hint":"경칠이람 — 멤버 · 편집","url":"members.html#member-guengchlieram","icon":"person","color":"#9B687C"},{"type":"팀원","name":"모카나리아","hint":"모카 — 멤버","url":"members.html#member-mokanaria","icon":"person","color":null},{"type":"팀원","name":"샛노란","hint":"노란 — 멤버","url":"members.html#member-satnoran","icon":"person","color":"#FFD972"},{"type":"팀원","name":"서아진","hint":"아진 — 멤버","url":"members.html#member-seoeajin","icon":"person","color":"#ECC2ED"},{"type":"팀원","name":"피리","hint":"멤버 · 컨텐츠 보조","url":"members.html#member-piri","icon":"person","color":"#311133"},{"type":"팀원","name":"인영","hint":"인 영 / 길우영 / 길인영 — 멤버","url":"members.html#member-inyoung","icon":"person","color":"#92BB95"},{"type":"기술직","name":"쥬쥬","hint":"믹싱","url":"members.html#tech-juju","icon":"engineering","color":"#667AFF"},{"type":"기술직","name":"반즈","hint":"BANZ — 일러레","url":"members.html#tech-banz","icon":"engineering","color":"#BDCCD6"},{"type":"기술직","name":"파린","hint":"개발(프로그래밍 등) · 기획","url":"members.html#tech-parin","icon":"engineering","color":"#E0F7FA"},{"type":"기술직","name":"엔","hint":"N — 일러스트","url":"members.html#tech-n","icon":"engineering","color":"#A8968D"},{"type":"기술직","name":"cloud","hint":"편집","url":"members.html#tech-cloud","icon":"engineering","color":"#000DFF"},{"type":"기술직","name":"올리바","hint":"편집자","url":"members.html#tech-oliva","icon":"engineering","color":"#A01313"},{"type":"직군","name":"사장","hint":"사장 역할의 팀원 보기","url":"members.html?role=%EC%82%AC%EC%9E%A5","icon":"workspace_premium"},{"type":"직군","name":"총관리자","hint":"총관리자 역할의 팀원 보기","url":"members.html?role=%EC%B4%9D%EA%B4%80%EB%A6%AC%EC%9E%90","icon":"workspace_premium"},{"type":"직군","name":"편집장","hint":"편집장 역할의 팀원 보기","url":"members.html?role=%ED%8E%B8%EC%A7%91%EC%9E%A5","icon":"workspace_premium"},{"type":"직군","name":"편집","hint":"편집 역할의 팀원 보기","url":"members.html?role=%ED%8E%B8%EC%A7%91","icon":"workspace_premium"},{"type":"직군","name":"멤버","hint":"멤버 역할의 팀원 보기","url":"members.html?role=%EB%A9%A4%EB%B2%84","icon":"workspace_premium"},{"type":"직군","name":"매니저","hint":"매니저 역할의 팀원 보기","url":"members.html?role=%EB%A7%A4%EB%8B%88%EC%A0%80","icon":"workspace_premium"},{"type":"직군","name":"기획장","hint":"기획장 역할의 팀원 보기","url":"members.html?role=%EA%B8%B0%ED%9A%8D%EC%9E%A5","icon":"workspace_premium"},{"type":"직군","name":"기획","hint":"기획 역할의 팀원 보기","url":"members.html?role=%EA%B8%B0%ED%9A%8D","icon":"workspace_premium"},{"type":"직군","name":"컨텐츠 보조","hint":"컨텐츠 보조 역할의 팀원 보기","url":"members.html?role=%EC%BB%A8%ED%85%90%EC%B8%A0%20%EB%B3%B4%EC%A1%B0","icon":"workspace_premium"}]</script>
<script defer src="js/app.js"></script>

<script>(function(){var root=document.documentElement;var controls=document.querySelectorAll("[data-theme-toggle]");function sync(){var night=root.classList.contains("dark");root.dataset.theme=night?"night":"day";controls.forEach(function(button){button.setAttribute("aria-pressed",String(night));button.setAttribute("aria-label",night?"낮 모드로 전환":"밤 모드로 전환");button.title=night?"낮 모드로 전환":"밤 모드로 전환";var label=button.querySelector("[data-theme-label]");if(label)label.textContent=night?"현재 밤 모드":"현재 낮 모드";});}function applyTheme(night){root.classList.toggle("dark",night);try{localStorage.setItem("sunsetdn-theme",night?"night":"day");}catch(error){}sync();}controls.forEach(function(button){button.addEventListener("click",function(event){var night=!root.classList.contains("dark");var reduceMotion=window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;if(!reduceMotion&&document.startViewTransition){var rect=button.getBoundingClientRect();var x=event.clientX||rect.left+rect.width/2;var y=event.clientY||rect.top+rect.height/2;var endRadius=Math.hypot(Math.max(x,innerWidth-x),Math.max(y,innerHeight-y));root.classList.add("theme-changing");var transition=document.startViewTransition(function(){applyTheme(night);});transition.ready.then(function(){root.animate({clipPath:["circle(0px at "+x+"px "+y+"px)","circle("+endRadius+"px at "+x+"px "+y+"px)"]},{duration:500,easing:"ease-in-out",pseudoElement:"::view-transition-new(root)"});});transition.finished.finally(function(){root.classList.remove("theme-changing");});}else{root.classList.add("theme-changing");applyTheme(night);window.setTimeout(function(){root.classList.remove("theme-changing");},350);}});});sync();})();</script>
</body></html>