body {
   margin: 0;
   padding: 0;
   font-family: 'Nanum Gothic', 'Malgun Gothic', 'Dotum', 'AppleGothic', 'gulim', sans-serif;
   font-size: 13px;
   font-weight: normal;
   color: #6d6e71;
   background-color: #fff;
   line-height: 1.48;
   -webkit-text-size-adjust: none;
 }

 * {
   outline: 1px solid red !important;
 }

 .container {
   width: 100%;
   max-width: 898px;

   margin: 0 auto;
   padding: 0;
   opacity: 0;
   transform: translateY(15px);
   animation: fadeInAll 1s ease-out forwards;
   box-sizing: border-box;
   /* 이거 무조건! */
   padding: 0 24px;
   /* 양옆 24px 패딩! */
 }

 .container2 {
   max-width: 547px;
   margin: 0 auto;
   width: 100%;

 }

 @keyframes fadeInAll {
   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 h1 {
   text-align: center;
   font-size: clamp(8px, 6vw, 28px);
   letter-spacing: 0.1em;
   color: #222;
   margin: 46px 0 15px 0;
   white-space: nowrap;
 }

 @font-face {
   font-family: 'Nanum Gothic ExtraBold';
   src: url('/assets/fonts/NanumGothic-ExtraBold.ttf') format('truetype');
   font-weight: 800;
   font-style: normal;
 }


 .earth-bold {
   font-size: 1em;
   /* h1보다 30% 더 크게 */
   font-family: 'Nanum Gothic ExtraBold';
   font-weight: 800;
 }

 nav {
   text-align: center;
   margin-top: 0px;
   margin-bottom: 45px;
   white-space: nowrap;
 }

 nav a {
   margin: 0 2.5%;
   font-size: clamp(2px, 3.5vw, 14px);
   text-decoration: none;
   color: #666;
 }

 nav a.on,
 nav a:hover {
   font-weight: bold;
   color: #111;
 }

 section {
   margin-bottom: 40px;
 }

 .workshop-archive {
   margin-bottom: 48px;
 }

 .workshop-item {
   margin-bottom: 28px;
 }

 .workshop-title {
   font-weight: bold;
   color: #6d6e71;
   font-size: 14.1px;
   margin-bottom: 4px;
   line-height: 1.42;
 }

 .workshop-desc {
   color: #444;
   font-size: 13.1px;
   line-height: 1.64;
   word-break: keep-all;
 }

 .workshop-link {
   color: #0066cc;
   text-decoration: underline;
   word-break: break-all;
   margin-top: 4px;
   display: inline-block;
 }

 .contact {
   margin-top: 45px;
   font-size: 13px;
   color: #666;
 }

 .email a {
   color: #0073e6;
   text-decoration: none;
 }

 .email a:hover {
   text-decoration: underline;
 }


 /* 모바일 터치 잉크(파란 터치) 완전 OFF */
 /* 포커스(파란 테두리, 그림자) 완전 OFF */

  * {
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}


*:focus {
  outline: none !important;
  box-shadow: none !important;
}