@charset "utf-8";
/* 초기화 */
    /* ───────────────────────────────────────────
       event1 — CSS variables & reset
    ─────────────────────────────────────────── */
    :root {
      --event1-yellow:  #f4cd70;
	  --event1-green:   #65e181;
      --event1-blue:    #7ac7f5;
      --event1-skyblue: #d9eefd;
      --event1-white:   #FFFFFF;
      --event1-dark:    #222222;
      --event1-coral:   #F07070;
      --event1-max:     980px;
    }

@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
	font-weight: 100;
	font-display: swap;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
	font-weight: 200;
	font-display: swap;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
	font-weight: 300;
	font-display: swap;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-display: swap;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
	font-weight: 900;
	font-display: swap;
}
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Paperozi", "Segoe UI", "Malgun Gothic", sans-serif;
      background: var(--event1-yellow);
      color: var(--event1-dark);
      -webkit-font-smoothing: antialiased;
    }

    /* ───────────────────────────────────────────
       event1 — section wrappers (full-width bg)
    ─────────────────────────────────────────── */
    .event1-section {
      width: 100%;
      position: relative;
      overflow: hidden;
	  padding:80px 0;
    }
	.eventimg{max-width:680px; width:100%;}
    .event1-section--yellow  { background: var(--event1-yellow);  padding:0 !important;}
    .event1-section--green   { background-color: var(--event1-green);  background-image: url('/event/img/event-sec2-bg1.png');background-position:center top; background-repeat:no-repeat; background-size:auto; }
    .event1-section--blue    { background-color: var(--event1-blue);   background-image: url('/event/img/event-sec3-bg1.png');background-position:center top; background-repeat:no-repeat; background-size:auto; }
    .event1-section--skyblue { background: var(--event1-skyblue);}

    /* Inner content max-width container */
    .event1-inner {
      max-width: var(--event1-max);
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    }

.event1-inner>img{width:80%; max-width:590px;}

	.event-hero>img{width:auto; max-width:680px; height:100%;}
    /* ───────────────────────────────────────────
       event1 — image placeholder card
    ─────────────────────────────────────────── */
    .event1-img-card {
      background: var(--event1-white);
      width: 90%;
      max-width: 680px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 6px 32px rgba(0,0,0,.10);
      overflow: hidden;
    }
    .event1-img-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .event1-img-card--placeholder {
      font-family: 'Paperlogy', sans-serif;
      font-size: clamp(18px, 4vw, 28px);
      font-weight: 600;
      color: var(--event1-green);
      letter-spacing: .04em;
    }

    /* ───────────────────────────────────────────
       event1 — deco elements (clouds, tooth)
    ─────────────────────────────────────────── */
    .event1-deco {
      position: absolute;
      pointer-events: none;
      user-select: none;
    }

    .event1-deco--cloud-r { right: calc(50% - 420px); bottom:8%; z-index:11;  }
    .event1-deco--tooth   { left: calc(50% - 420px); bottom: 15%; }

.title-tag {display: flex;
    gap: 8px;
    padding-top: 2em;    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;}
 .title-tag span{   font-size: clamp(15px, 3.2vw, 22px);
    font-weight: 900;
    color: #fff;
    line-height: 1.5;
    text-align: center;    text-shadow: 0 0 1px #106f26, 0 0 1px #28833d;  }

    /* ───────────────────────────────────────────
       event1 — contest overview card
    ─────────────────────────────────────────── */
    .event1-overview-card {
      background: var(--event1-white);
      border-radius: 20px;
      padding: clamp(20px, 4vw, 36px) clamp(14px, 4vw, 36px);

      max-width: 680px;
	  width:90%;
      margin: 15px auto 0;
	 border: 2px solid #222222;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
    }
    .event1-overview-title {
      font-size: clamp(18px, 4vw, 24px);
      font-weight: 800;
      text-align: center;
      margin-bottom: 18px;
      color: var(--event1-dark);
      letter-spacing: .02em;
    }
    .event1-table {
      width: 100%;
      border-collapse: collapse;
    }
    .event1-table tr + tr td { border-top: 1px solid #f0f0f0; }
    .event1-table td {
      padding: 9px 0;
      font-size: clamp(11.5px, 2.8vw, 16px);
      vertical-align: top;
	      word-break: keep-all;
      line-height: 1.55;
	  font-weight:600;
    }
	.event1-table td span{font-size:1em; color:var(--event1-coral); line-height:inherit; font-weight:700;}
    .event1-table .event1-tag {
      display: inline-block;
      background: var(--event1-dark);
      color: var(--event1-white);
      border-radius: 20px;
      padding: 3px 2px;
      font-size: clamp(11px, 2.2vw, 14px);
      font-weight: 600;
      white-space: nowrap;
      margin-right: 5px;
      margin-bottom: 2px;
	  width:86px; text-align:center;
    }
    .event1-organizer {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
	  width:88px;
    }
	.event1-organizer img{width:100%;}
    .event1-organizer-badge {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      background: #e8f5e8;
      border-radius: 20px;
      padding: 4px 12px;
      font-size: clamp(12px, 2.5vw, 14px);
      font-weight: 600;
      color: var(--event1-green);
    }
    .event1-organizer-badge span { font-size: 16px; }

    /* ───────────────────────────────────────────
       event1 — notice box
    ─────────────────────────────────────────── */
    .event1-notice {
      background: #f68481;
      border-radius: 12px;
      padding: 14px 16px;
      margin-top: 16px;
    }
    .event1-notice-title {
      font-size: clamp(12px, 2.5vw, 15px);
      font-weight: 600;
      color:#fff;
      margin-bottom: 8px;
    }
    .event1-notice ul {
      list-style: none;
      padding: 0;
    }
    .event1-notice ul li {
      font-size: clamp(12px, 2.2vw, 14px);
	  word-break:keep-all;
font-weight:500;
      color: #fff;
      padding-left: 16px;
      position: relative;
      line-height: 1.6;
      margin-bottom: 4px;
    }
    .event1-notice ul li::before {
      content: '●';
      position: absolute;
      left: 0;
      font-size: 7px;
      top: 5px;
      color: #fff;
    }

    /* ───────────────────────────────────────────
       event1 — CTA button
    ─────────────────────────────────────────── */
    .event1-cta-wrap {
      text-align: center;
      margin-top: 20px;
    }
    .event1-cta-btn {
      display: inline-block;
      background: var(--event1-dark);
      color: var(--event1-white);
      font-family: 'Paperlogy', sans-serif;
      font-size: clamp(14px, 3vw, 17px);
      font-weight: 700;
      padding: 14px 40px;
      border-radius: 50px;
      border: none;
      cursor: pointer;
      letter-spacing: .04em;
      text-decoration: none;
      transition: transform .18s, box-shadow .18s;
      box-shadow: 0 4px 14px rgba(0,0,0,.18);
    }
    .event1-cta-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(0,0,0,.22);
    }

    /* ───────────────────────────────────────────
       event1 — bottom bar with two buttons
    ─────────────────────────────────────────── */
    .event1-footer-bar {
      background: var(--event1-dark);
      padding: 16px;
      position: sticky;
      bottom: 0;
      z-index: 100;
    }
    .event1-footer-inner {
      max-width: var(--event1-max);
      margin: 0 auto;
      display: flex;
      gap: 12px;
    }
    .event1-footer-btn {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      background: var(--event1-dark);
      border: 2px solid rgba(255,255,255,.25);
      color: var(--event1-white);
      font-family: 'Paperlogy', sans-serif;
      font-size: clamp(13px, 3vw, 16px);
      font-weight: 600;
      padding: 13px 10px;
      border-radius: 50px;
      cursor: pointer;
      letter-spacing: .03em;
      transition: background .18s, border-color .18s;
      text-decoration: none;
    }
    .event1-footer-btn:hover {
      background: #333;
      border-color: rgba(255,255,255,.5);
    }
    .event1-footer-btn .btn-icon { font-size: 16px; }

    /* ───────────────────────────────────────────
       event1 — section spacing tweaks mobile
    ─────────────────────────────────────────── */
    /* ───────────────────────────────────────────
       event1 — participation guide (section 3)
    ─────────────────────────────────────────── */
    .event1-guide-header {
      text-align: center;
      margin-bottom: 32px;
	  width:90%;
    }
    .event1-guide-mascots {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      margin-bottom: 10px;
      flex-wrap: wrap;
    }
    .event1-guide-mascot {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2px;
    }
    .event1-guide-mascot .mascot-label {
      background: var(--event1-white);
      border-radius: 20px;
      padding: 2px 10px;
      font-size: clamp(10px, 2vw, 12px);
      font-weight: 700;
      color: var(--event1-blue);
      box-shadow: 0 2px 6px rgba(0,0,0,.10);
    }
    .event1-guide-mascot .mascot-icon {
      font-size: clamp(36px, 8vw, 60px);
    }
    .event1-guide-title {
      font-size: clamp(28px, 7vw, 52px);
      font-weight: 800;
      color: var(--event1-white);
      letter-spacing: .02em;
      text-shadow: 0 2px 8px rgba(0,0,0,.12);
    }
    .event1-guide-subtitle {
      font-size: clamp(13px, 3vw, 17px);
      color: var(--event1-dark);
      margin-top: 10px;
      font-weight: 600;
      opacity: .85;
    }

    /* step cards */
    .event1-steps {
      display: flex;
      flex-direction: column;
      gap: 10px;
      max-width: 680px;
	  width:90%;
      margin: 0 auto;
    }
    .event1-step-card {
      background: var(--event1-white);
      border-radius: 20px;
      padding: clamp(16px, 3vw, 20px) clamp(16px, 3vw, 30px);

      display: flex;
      align-items: flex-start;
      gap: 4%;
      position: relative;
      overflow: hidden;
	  border: 2px solid #222222;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
    }
    .event1-step-badge {
      flex-shrink: 0;
      width: clamp(44px, 9vw, 58px);
      height: clamp(44px, 9vw, 58px);
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: var(--event1-white);
      font-weight: 800;
      line-height: 1.1;
    }
    .event1-step-badge .badge-step {
      font-size: clamp(8px, 1.6vw, 10px);
      letter-spacing: .2em;
    }
    .event1-step-badge .badge-num {
      font-size: clamp(14px, 3vw, 20px);
    }
    .event1-step-badge--green  { background: #1cb15c; }
    .event1-step-badge--yellow { background: #fdb713; }
    .event1-step-badge--coral  { background: var(--event1-coral); }
    .event1-step-badge--blue   { background: #1985d7; }

    .event1-step-body { flex: 1; min-width: 0; }
    .event1-step-title {
      font-size: clamp(16px, 3.5vw, 22px);
      font-weight: 800;
    }
    .event1-step-title--green  { color: #1cb15c; }
    .event1-step-title--yellow { color: #fdb713; }
    .event1-step-title--coral  { color: var(--event1-coral); }
    .event1-step-title--blue   { color: #1985d7; }

    .event1-step-date {

      font-size: clamp(13px, 2.5vw, 16px);
      font-weight: 800;
      color: var(--event1-dark);
      margin-bottom: 8px;
	  line-height: 1.5;
    }
    .event1-step-desc {
    font-size: clamp(12px, 2.4vw, 14px);
    color: #222;
    line-height: 1.45;
    font-weight: 600;
    }
    .event1-step-img {
      flex-shrink: 0;
      width: clamp(60px, 13vw, 100px);
      height: clamp(60px, 13vw, 100px);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: clamp(22px, 5vw, 36px);
      align-self: center;
    }
    .event1-step-img--green  { background: #C8EAD0; }
    .event1-step-img--yellow { background: #FDE9A0; }
    .event1-step-img--coral  { background: #FBCECE; }
    .event1-step-img--blue   { background: #C8DCFA; }

    /* ───────────────────────────────────────────
       event1 — award section (section 4)
    ─────────────────────────────────────────── */
    .event1-award-header {
      text-align: center;
      margin-bottom: 36px;
    }
    .event1-award-title {
      font-size: clamp(30px, 8vw, 56px);
      font-weight: 800;
      color: var(--event1-dark);
      letter-spacing: .02em;
      margin-bottom: 14px;
      text-shadow: 3px 3px 0 rgba(255,255,255,.7), -1px -1px 0 rgba(0,0,0,.06);
    }
    .event1-award-desc {
      font-size: clamp(12.5px, 3.2vw, 21px);
      font-weight: 800;
      color: var(--event1-dark);
      line-height: 1.48;
	  text-align:center;    word-break: keep-all;
    }
    .event1-award-desc .highlight { color: var(--event1-coral); font-weight: 800; }
    .event1-award-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
      max-width: 680px;
	  width:90%;
      margin: 0 auto;
	  margin-top:2em;
    }
    @media (max-width: 680px) {
      .event1-award-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	  .event-hero{height:100vh;}
	  .event1-section--green {
        background-size: 110%;
        background-position: center 20%;}
	 .event1-section--blue{background-size:100%; background-position: center top;}
	 .event1-section--form {    background-position: -55px 60px;    background-size: 114%;}
    }
    .event1-award-card {
      background: var(--event1-white);
      border-radius: 20px;
      padding: 10px 3px;
      text-align: center;
      box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.75);
      display: flex;
      flex-direction: column;
      align-items: center;

    }
    .event1-prize-badge {
      position: relative;
      background: var(--event1-skyblue);
      border: 2.5px solid #8DD8EE;
      border-radius: 10px;
      padding: 6px 16px;
      font-size: clamp(14px, 3.2vw, 18px);
      font-weight: 800;
      color: var(--event1-dark);
      box-shadow: inset 0 0 0 3px rgba(255,255,255,.65);
    }
    .event1-prize-badge::before,
    .event1-prize-badge::after {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 10px; height: 10px;
      background: var(--event1-skyblue);
      border: 2.5px solid #8DD8EE;
      border-radius: 50%;
    }
    .event1-prize-badge::before { left: -6px; }
    .event1-prize-badge::after  { right: -6px; }
    .event1-prize-icon {padding:0 20px; }
	.event1-prize-icon  img{width:100%;} 
    .event1-award-name { font-size: clamp(14px, 3.5vw, 20px); font-weight: 800; color: var(--event1-dark); }
    .event1-award-prize-main { font-size: clamp(11px, 2.4vw, 15px); font-weight: 700; color: var(--event1-dark); padding:5px 0; word-break:keep-all;}
    .event1-award-prize-sub  {    font-size: clamp(11px, 1.9vw, 13px);
    color: #686868;
    line-height: 1.45;
    padding-top: 3px;}



    /* ───────────────────────────────────────────
       event1 — application form section
    ─────────────────────────────────────────── */
    .event1-section--form { background-color: #f4cd70;  background-image: url('/event/img/event-sec5-bg1.png'); background-position:center 20px; background-repeat:no-repeat; background-size:auto;}

    .event1-form-card {
      background: #fff;
      border-radius: 20px;
      padding: clamp(20px,4vw,32px) clamp(18px,4vw,28px);
      max-width: 800px;
      margin: 0 auto;
      box-shadow: 0 4px 24px rgba(0,0,0,.10);
    }
    .event1-form-card-title {
      font-size: clamp(14px,3vw,18px);
      font-weight: 600;
      color: #222;
      text-align: center;
      margin-bottom: 2rem;
      line-height: 1.55;
    }

    .event1-fgroup { margin-bottom: 1.1rem; }
    .event1-flabel { display: block; font-size: 14px; font-weight: 600; color: #212121; margin-bottom: 5px; }
    .event1-flabel .req { color: #e05a3a; }
    .event1-finput,
    .event1-ftextarea,
    .event1-fselect {
      width: 100%; padding: 12px 13px;
      border: 1px solid #ddd; border-radius: 6px;
      font-size: 14px; font-family: 'Paperlogy','Paperozi',sans-serif;
      background: #fff; color: #555; outline: none;
      transition: border-color .2s;
    }
    .event1-finput:focus,
    .event1-ftextarea:focus,
    .event1-fselect:focus { border-color: #212121; }
    .event1-ftextarea { resize: vertical; min-height: 120px; }

    .event1-frow { display: flex; gap: 8px; }
    .event1-frow > * { flex: 1; min-width: 0; }
    .event1-fhint { font-size: 12px; color: #999; margin-top: 4px; }

    .event1-radio-group { display: flex; gap: 2rem; margin-top: 4px; flex-wrap: wrap; }
    .event1-radio-group label { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 400; cursor: pointer; color: #333; }
    input[type="radio"] { accent-color: #212121; }

    /* photo upload */
    .event1-photo-upload {
      border: 2px dashed #cce8f5;
      border-radius: 12px;
      padding: clamp(20px,4vw,32px) 16px;
      text-align: center;
      cursor: pointer;
      background: #f8fcff;
      transition: border-color .2s, background .2s;
      position: relative;
    }
    .event1-photo-upload:hover { border-color: var(--event1-blue); background: #eef7fd; }
    .event1-photo-upload input[type="file"] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
    .event1-photo-upload .upload-icon { font-size: clamp(28px,6vw,40px); margin-bottom: 8px; }
    .event1-photo-upload .upload-text { font-size: clamp(13px,2.8vw,15px); font-weight: 600; color: #5B9BD5; margin-bottom: 4px; }
    .event1-photo-upload .upload-hint { font-size: 12px; color: #aaa; }
    .event1-photo-preview { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
    .event1-photo-preview img { width: 72px; height: 72px; object-fit: cover; border-radius: 8px; border: 1px solid #ddd; }

    /* consent */
    .event1-consent-box {
      border: 1px solid #ddd; border-radius: 8px; padding: 12px;
      font-size: 13px; color: #888; line-height: 1.7;
      height: 130px; overflow-y: auto; background: #fafafa; margin-bottom: 10px;
    }
    .event1-consent-box strong { font-weight: 500; color: #333; }
    .event1-consent-check { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; cursor: pointer; color: #333; }
    input[type="checkbox"] { accent-color: #212121; }

    /* nav */
    .event1-fnav { display: flex; gap: 8px; margin-top: 2rem; }
    .event1-btn-prev {
      flex: 0 0 auto; padding: 14px 20px;
      background: #f0f0f0; border: none; border-radius: 8px;
      font-family: inherit; font-size: 15px; cursor: pointer; color: #555;
    }
    .event1-btn-next {
      flex: 1; padding: 14px;
      background: #212121; color: #fff; border: none; border-radius: 8px;
      font-family: inherit; font-size: 15px; font-weight: 500; cursor: pointer;
      transition: background .2s;
    }
    .event1-btn-next:hover { background: #33afff; }

    .event1-form-submit-bar { max-width: 800px; margin: 1.5rem auto 0; }
    .event1-btn-submit {
      width: 100%; padding: 15px;
      background: #111; color: #fff; border: none; border-radius: 10px;
      font-family: inherit; font-size: 15px; font-weight: 600; cursor: pointer;
      display: flex; align-items: center; justify-content: center; gap: 8px;
      transition: background .2s;
    }
    .event1-btn-submit:hover { background: #33afff; }

    .event1-fwrap { display: none; }
    .event1-fwrap.visible { display: block; }

    /* ───────────────────────────────────────────
       event1 — tab form CSS (PHP version)
    ─────────────────────────────────────────── */
    .tab-section { max-width: 680px; width:90%; margin: 0 auto; }
    .tab-nav {
      display: flex; gap: 0; margin-bottom: 0;
      border-radius: 16px 16px 0 0; overflow: hidden;
    }
    .tab-btn {
      flex: 1; padding: 14px 10px;
      background: rgb(223 167 37);
      border: none; cursor: pointer;
      font-family: 'Paperlogy','Paperozi',sans-serif;
      font-size: clamp(13px,3vw,16px); font-weight: 600;
      color: rgba(255,255,255,.85);
      transition: background .2s, color .2s;
    }
    .tab-btn.active { background: #fff; color: #212121; }
    .tab-pane { display: none; }
    .tab-pane.active { display: block; }
    .form-card {
      background: #fff;
      border-radius:0 0 20px 20px;
      padding: clamp(20px,4vw,32px) clamp(16px,4vw,28px);

	      border: 2px solid #222222;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);

    }
	.form-card p{
    font-size: 13px;
    line-height: 1.48;
    font-weight: 400;
    color: #888;
    margin-bottom: 5px;}
    .field-group { margin-bottom: 1.1rem; }
    .field-label { display: block; font-size: 14px; font-weight: 600; color: #212121; margin-bottom: 5px; }
    .field-label .req { color: #e05a3a; }
    .field-input, .field-textarea, .field-select {
      width: 100%; padding: 6px 13px;
      border: 1.5px solid #ddd; border-radius: 7px;
      font-size: 14px; font-family: 'Paperlogy','Paperozi',sans-serif;
      color: #444; background: #fff; outline: none;
      transition: border-color .2s;
    }
    .field-input:focus, .field-textarea:focus, .field-select:focus { border-color: #33afff; }
    .field-input.error, .field-select.error, .field-textarea.error { border-color: #e05a3a; }
    .field-textarea { resize: vertical; min-height: 130px; }
    .field-hint { font-size: 12px; color: #999; margin-top: 4px; }
    .error-msg { display: none; font-size: 12px; color: #e05a3a !important; margin-top: 4px; }
    .row-two { display: flex; gap: 10px; }
    .row-two > * { flex: 1; min-width: 0; }
    .row-three, .phone-row { display: flex; gap: 8px; }
    .row-three .field-select, .phone-row .field-select { flex: 0 0 76px; }
    .row-three .field-input, .phone-row .field-input { flex: 1; }
    .radio-group { display: flex; gap: 1.5rem; flex-wrap: wrap; margin-top: 4px; }
    .radio-item { display: flex; align-items: center; gap: 6px; font-size: 14px; cursor: pointer; color: #333;  font-weight:600;}
    .agree-box {
      border: 1px solid #ddd; border-radius: 8px;
      padding: 12px; font-size: 13px; color: #999;
      line-height: 1.7; height: auto; overflow-y: auto;
      background: #fafafa; margin-bottom: 10px;
    }
    .agree-box strong { color: #333; font-weight: 600; }
    .agree-check { display: flex; align-items: center; gap: 8px;    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    color: #333;}

	.agree-scroll{
	  max-height:68px;
	  overflow-y:auto;
	  border:1px solid #ddd;
    padding: 10px;
    margin-top: 5px;
    background: #ffffff;
    border-radius: 7px;
    font-size: 0.965em;
	  line-height:1.48;
	}


    .submit-btn, .confirm-btn {
      width: 100%; padding: 14px;
      background: #111; color: #fff; border: none;
      border-radius: 10px; margin-top: 1.2rem;
      font-family: 'Paperlogy','Paperozi',sans-serif;
      font-size: 15px; font-weight: 600; cursor: pointer;
      transition: background .2s;
    }
    .submit-btn:hover, .confirm-btn:hover { background: #33afff; }
    .confirm-header { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
    .confirm-header h3 { font-size: 16px; font-weight: 700; color: #212121; }
    .confirm-desc { font-size: 13px; color: #888; margin-bottom: 1.2rem; }
    .info-notice {
      margin-top: 8px; padding: 10px 12px;
      background: #f0f8ff; border-radius: 8px;
      font-size: 13px; color: #555; line-height: 1.6;
    }
  .field-input1 {      width: 100%; padding: 11px 13px;
      border: 1.5px solid #ddd; border-radius: 7px;
      font-size: 14px; font-family: 'Paperlogy','Paperozi',sans-serif;
      color: #444; background: #fff; outline: none;
      transition: border-color .2s;
}
.field-input1 {border-color: #e05a3a; }
.field-select1 {      width: 100%; padding: 11px 13px;
      border: 1.5px solid #ddd; border-radius: 7px;
      font-size: 14px; font-family: 'Paperlogy','Paperozi',sans-serif;
      color: #444; background: #fff; outline: none;
      transition: border-color .2s;
}
.field-select1 {border-color: #e05a3a; }
.field-textarea1 {      width: 100%; padding: 11px 13px;
      border: 1.5px solid #ddd; border-radius: 7px;
      font-size: 14px; font-family: 'Paperlogy','Paperozi',sans-serif;
      color: #444; background: #fff; outline: none;
      transition: border-color .2s;
}
.field-textarea1 {border-color: #e05a3a; }
  .event1-img-card1 {  
      width: 100%;
      max-width: 880px;
      margin: 0 auto;
      aspect-ratio: 16 / 9;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 6px 32px rgba(0,0,0,.10);
      overflow: hidden;
}
    @media (max-width: 480px) {
      .event1-deco--cloud-r { font-size: 24px; }
      .event1-deco--tooth   { font-size: 32px; }
      .event1-step-img { display: none; }
	  .title-tag span {
    font-size: clamp(12px, 3.2vw, 22px);}
	
.event-hero>img {
    width: 98%;
    max-width: 680px;
    height: auto;}
	    .event-hero {
        height: auto;
    }
	.event1-inner>img{width: 98%;}.event1-section {padding:50px 0;}
	.tab-nav {border-radius: 10px 10px 0 0;}
	.event1-overview-card, .event1-steps, .event1-award-grid, .tab-section {width: 96%;}
	.event1-section--form {background-size: 130% auto;           background-position: 90% 30px;}
	.event1-section--green {
        background-size: 120%;
        background-position: center 17%;}    .event1-section--blue {
        background-size: 100%;
        background-position: center 96px;}
		.event1-table .event1-tag{    width: 66px;}
.event1-step-desc br{display:none;}
.event1-step-desc {
    font-size: clamp(11.8px, 2.4vw, 14px);
    color: #222;
    line-height: 1.45;
    font-weight: 600;
    letter-spacing: -0.01em;
    }
	.event1-section--yellow{
    padding: 30px 4px 0 5px !important;}
	}