/* 원본 워드프레스 테마(Jupiter)·게시판 플러그인이 모든 페이지에 깔던 기본 규칙 중 첫 화면에 영향을 주던 것만 옮겼다.
   첫 화면 CSS(home.css)가 이 위에서 짜여 있어, 빠지면 원형 아이콘·점 버튼 크기와 여백이 달라진다. home.css 보다 먼저 읽는다. */
*, *::before, *::after { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
body { position: relative; overflow-x: hidden; }
a { color: #777; text-decoration: none; }
p, ul, ol, table, blockquote, pre, dl, fieldset { margin-bottom: 20px; }
ol, ul { margin-bottom: 1em; list-style: none; }
ul { margin-left: 1.5em; }
ul li { margin-left: .85em; }
ol { margin-left: 2.35em; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 .8em; font-weight: 400; line-height: 1.3em; text-transform: none; }
h5, h6 { margin-bottom: 8px; }
h1 { font-size: 36px; margin-bottom: 16px; }
h2 { font-size: 30px; margin-bottom: 14px; }
h3 { font-size: 28px; margin-bottom: 10px; }
h4 { font-size: 24px; margin-bottom: 9px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }
strong { font-weight: 700; }
ul ul { margin-bottom: 0; }
a, p { overflow-wrap: break-word; }
img { max-width: 100%; height: auto; border: 0; vertical-align: middle; }
/* 원본은 테마 틀(여백 100px)을 -100px 로 끌어올려 붙였는데, 폭 768px 이하에선 틀 여백이 60px 로 줄어 첫 화면이 40px 위로 올라가 있었다 */
@media (max-width: 768px) { .all { margin-top: -40px; } }
/* '제휴 문의' 등 Contact Us 칸의 버튼 3개가 이 테마 규칙(.button)을 그대로 받고 있었다 */
.button {
  font-size: 13px; text-transform: uppercase; vertical-align: top; letter-spacing: 1px; display: inline-block;
  border: none !important; outline: 0 !important; color: #fff !important; line-height: 13px !important; padding: 12px 15px !important;
  transition: .15s ease-in-out; perspective: 1000px;
}
button, input, select, textarea { margin: 0; vertical-align: middle; font-size: 100%; }
table { border-spacing: 0; border-collapse: collapse; }