/* ---------------------------------------------------------------
   leebh.net/wpa 원본 스타일. 아래 블록은 원본과 동일하게 유지한다.
   --------------------------------------------------------------- */
@font-face {
  font-family: 'GowunDodum-Regular';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunDodum-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
html{word-break: keep-all;line-height: 1.6;font-family: 'GowunDodum-Regular'; font-size: 16px;}
body, h1, p, a{background: #333; margin: 0}
h1, h2, #control, div, footer{font-weight: normal; font-size: 16px; color: white;}
header, section, footer{padding: 1rem; display: flex; flex-wrap: wrap; gap:4rem 2rem;}
.prj{width: 256px; display: block; position: relative;text-decoration: none;color:white;}
a:visited{color:#aaa}
a:active{color:red}
a:hover{color:yellow}
a:hover span{border-bottom: 3px solid yellow;}
a:hover img{filter:invert(100%);}

.thumbnail{width: 100%;}
p{padding-right:2rem;}
span{border-bottom: 1px solid #999;}
footer{padding-top:4rem;}
select{padding: 5px 10px;}
input[type="range"]{width:80px;}

/* ---------------------------------------------------------------
   원본에 없는 화면(제출 폼, 관리자)을 위한 추가분.
   색과 여백은 위 규칙을 그대로 따른다.
   --------------------------------------------------------------- */
body{color:white}
.prj a{color:white;text-decoration:none}
.prj a:visited{color:#aaa}
.prj a:hover{color:yellow}

/* 작품 카드 */
.desc{color:#aaa}
.feedback{border-left:3px solid yellow;padding-left:.7rem;margin-top:.7rem}
.feedback b{display:block;color:yellow;font-weight:normal}

/* 폼 */
.wide{width:640px;max-width:100%}
input, textarea, button{font:inherit;line-height:inherit}
input[type="number"], input[type="url"], input[type="password"], input[type="text"], textarea{width:100%;padding:5px 10px;background:#333;color:white;border:1px solid #999}
input[type="range"]{padding:0;border:0;background:none}
textarea{min-height:6rem;resize:vertical}
button{padding:5px 10px;background:#333;color:white;border:1px solid #999;cursor:pointer}
button:hover{color:yellow;border-color:yellow}
label{display:block;margin-bottom:1.5rem}
label small{display:block;color:#aaa}
.actions{display:flex;flex-wrap:wrap;gap:.5rem}
.danger{margin-left:auto;color:red;border-color:red}
.danger:hover{color:yellow;border-color:yellow}

/* 알림 */
.notice{width:100%;border:1px solid #999;padding:1rem}
.notice.error{border-color:red;color:red}
.notice p{padding-right:0}

/* 관리자 */
.tabs{width:100%;display:flex;flex-wrap:wrap;gap:1.5rem}
.tabs a{color:#aaa;text-decoration:none}
.tabs a.on span{border-bottom:3px solid yellow;color:white}
.review{width:100%;display:flex;flex-wrap:wrap;gap:2rem;padding-top:2rem;border-top:1px solid #555}
.review .shot{width:256px}
.review .info{width:640px;max-width:100%}
.badge{border-bottom:0;color:#aaa}
.badge.pending{color:yellow}
.badge.rejected{color:red}