@charset "UTF-8";
@media (max-width: 1300px) {
  .sec-tit{font-size: 4.3rem;}
  .goods .bubble .txt{font-size: 2rem;}
  .goods .tag{background-size: 80%;}
  .why-cloud .sec-tit{font-size: 3.7rem;}
  .why-cloud p{font-size: 2.8rem;}
  .only-sec .card h3{font-size: 3.8rem; word-break: keep-all;}
  .only-sec .card p{font-size: 2.5rem; word-break:keep-all;}
  .only-sec .card p .pc{display:none;}
}
@media (min-width:768px){
  .map{container-type:inline-size;}
  .map .name-wrap{ padding:clamp(3px, .5556cqw, 6px); border-radius:clamp(8px, 1.4815cqw, 16px); box-shadow:clamp(3px, .5556cqw, 6px) clamp(3px, .5556cqw, 6px) clamp(10px, 1.8519cqw, 20px) rgba(52, 97, 129, 0.15);}
  .map .name-wrap span{ min-width:clamp(79px, 14.6296cqw, 158px); padding:clamp(5px, .9259cqw, 10px) clamp(9px, 1.6667cqw, 18px); border-width:clamp(1.5px, .2315cqw, 2.5px); border-radius:clamp(8px, 1.4815cqw, 16px); font-size:clamp(18px, 3.3333cqw, 36px); -webkit-text-stroke:clamp(.2px, .037cqw, .4px) var(--color-blue);}
}
@media (max-width:767px){
  .mo{ display: block }
  .pc{ display: none }
  :root{ --shadow1: 5px 5px 10px rgba(0, 0, 0, 0.15); --fs-note: 1.5rem }
  .sec-tit{ font-size: 2.75rem }
  .sec-des{ font-size: 2rem }
  .container{ width:100%; padding-left:var(--pad-mobile); padding-right:var(--pad-mobile) }
  .star::before{ width: 15px }
  .paper-blue-bottom::after{ height: 16px; background-size: auto 100% }
  .paper-blue-line::after{ background: url(/campaign/myfirstun-cgz/images/bg_paper_blue_line_mo.png) no-repeat top center / 100% 100% }
  .btn-pill{ filter: drop-shadow(10px 10px 15px rgba(12, 12, 85, .15)); padding: 2.5rem 4rem; font-size: 2.25rem }
  .btn-pill.sm{ padding: 2.25rem 3.5rem }
  .btn-pill small{ font-size: 1.75rem }
  .btn-pill[class*="ico"]{ gap: 6px }
  .btn-pill[class*="ico"]::after{ width: 2.25rem }
  .btn-line{padding: 0.625rem 0; font-size: 1.375rem;}
  .btn-line.ico-arrow::after{width: 2rem; height: 2rem; background-size: contain;}
  /* ============ HERO ============ */
  .hero{ container-type: size; width: 100%; height: calc(var(--vh) * 100); min-height: 0; aspect-ratio: auto; padding: 0; background-color: #fdf3e7; background-image: url(/campaign/myfirstun-cgz/images/hero_bg_mo.jpg); }
  .hero h1{ top: 2.8%; left: 4.44%; width: 21.667%; max-width: 156px; }
  .hero h2 img{ display: none;}
  .hero h2 .mo{ display: block; aspect-ratio: 312/220; background: url(/campaign/myfirstun-cgz/images/hero_tit_mo.png) no-repeat top center / 100%;}
  .hero .container{ position: relative; justify-content:center; height: 100%; }
  .hero .container > div{ position: relative; width: 100%; height: 100%; margin-left:0; }
  .hero h2{ position: absolute; top: 8.5%; z-index: 2; width:100%; margin-bottom:0; }
  .hero .obj{ filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.08)) }
  .hero .obj.line1{ top: 52.5%; left: 15%; width: 7.46cqh; transform: rotate(29.48deg) translate3d(0, 0, 0) }
  .hero .btn-wrap{ position: absolute; right: 0; bottom: 6.5%; left: 0; z-index: 2; text-align: center }
  .hero .btn-pill{
    padding: 2.5rem 4rem 2.5rem 3.5rem;
  }
  .hero .btn-pill small, .hero .btn-pill strong{ white-space: nowrap }
  /* ============ 3) WIDER WORLD ============ */
  .wider-sec{ height: calc(100vw * 490 / 360); min-height: calc(var(--vh) * 100) }
  .wider-sec .wider-head .sec-tit{ top: 26% }
  /* ============ 1) NAME ============ */
  .name-sec{ padding: 10rem 0 10.625rem }
  .name-input{ padding: 3rem 0; font-size: 2rem }
  .name-sec .sec-des{ margin-bottom:3.6rem }
  .name-form{ width: 100%;}
  .name-form::after{ background-image: url(/campaign/myfirstun-cgz/images/bg_sec1_name_box_mo.png) }
  .name-form::before{ width: clamp(58px, 14.72vw, 115px); filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.15));}
  .name-toast{ gap:.25rem; padding:.5rem 1rem .5rem .75rem; font-size: 1.25rem; filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, .15)) }
  .name-toast::after{ border-top-width:1rem; border-right-width:.7rem; border-left-width:.7rem }
  .name-toast-icon{ width:1.75rem; height:1.75rem; }
  .name-note{ margin-top: 1.6rem }
  .name-sec .obj.star1{ top: clamp(12px, 4vw, 24px); left: 54%; width: clamp(60px, 10.8vw, 82px); transform: rotate(-12.47deg) translate3d(0, 0, 0) }
  .name-sec .obj.flower{ top: 9rem; right: clamp(8px, 4.4vw, 28px); left: auto; width: clamp(54px, 10vw, 86px); transform: rotate(11.63deg) translate3d(0, 0, 0) }
  .name-sec .obj.heart{ top: inherit; bottom: 1.8rem; left: clamp(42px, 10vw, 84px); width: clamp(54px, 7.5vw, 62px); transform: rotate(16.44deg) translate3d(0, 0, 0) }
  .name-sec .obj.unhch{ top: inherit; right: clamp(18px, 8vw, 74px); bottom: 1.8rem; left: auto; width: clamp(58px, 8.5vw, 70px); transform: rotate(-12.03deg) translate3d(0, 0, 0) }
  /* ============ 2) VISION ============ */
  .vision-sec{ padding-bottom:6.8rem; padding-top: 8rem }
  .vision-wrap{ margin: 2rem auto 3rem }
  .vision-embla { width: 100%; margin: auto;}
  .vision-track { height: auto;}
  .vision-slide { flex: 0 0 100%;}
  .vision-slide.is-active::after { background-size: 83%; }
  .slide-inner { width: 100%; height: auto; transform: none !important;}
  .slide-inner img { transform: scale(0.83);}
  .vision-note { width: 85.89%; margin: auto;}
  /* ============ 4) KIT INTRO ============ */
  .kit-box{ width:91.67%; margin: 3.2rem auto 4rem; aspect-ratio: 659/441; background-image: url(/campaign/myfirstun-cgz/images/img_sec5_mo.png) }
  .kit-box::before{ top: 75%; left: 7%; width: clamp(68px, 22%, 86px); filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.15)) }
  .kit-sec{ padding: 10.5rem 0 4.5rem }
  .kit-txt{ width: max(92.9%,290px); margin: 0 auto 2.4rem; font-size: 2.5rem }
  .kit-label{ width: max(92.9%, 290px); margin: auto; flex-direction: column; gap: 4px }
  .kit-label div{ padding: 0.4rem; border-radius: 8px }
  .kit-label div span{ padding: 1.2rem 1.1rem; border-width: 1.5px; border-radius: 6px; font-size: 2.5rem }
  .kit-label div.label1{ box-shadow: 3px 3px 10px rgba(123, 58, 74, 0.15); flex: 1 1 21.6% }
  .kit-label div.label2{ box-shadow: 3px 3px 10px rgba(52, 97, 129, 0.15); flex: 1 1 22.4% }
  .kit-label div.label3{ box-shadow: 3px 3px 10px rgba(129, 111, 74, 0.15); flex: 1 1 29% }
  .kit-label div.label4{ box-shadow: 3px 3px 10px rgba(115, 90, 152, 0.15); flex: 1 1 23.1% }
  /* ============ 5) GOODS ============ */
  .goods-grid{ overflow: visible }
  .goods{float:none;cursor: pointer;}
  .goods .bubble{ display: none }
  .goods .tag{ background-size: 100%; }
  .goods.p, .goods.b, .goods.y, .goods.v{ width:100%; margin:0 auto }
  .goods.p{aspect-ratio: 313/327;text-align: left}
  .goods.p .img-wrap{width: 90.65%;inset: 0;top: -2%;left: -2.5%;aspect-ratio: 563/734;background-image: url(/campaign/myfirstun-cgz/images/img_goods01_mo.png);}
  .goods.p .tag{left: auto;right: -3.846%;bottom: 15.337%;width: 48.71%;aspect-ratio: 378/349;background-image: url(/campaign/myfirstun-cgz/images/img_kit_item1_tag_mo.png);}
  .goods.b{aspect-ratio: 312/274;margin-top: -13%;}
  .goods.b .img-wrap{inset: auto;right: -14%;width: 90.65%;aspect-ratio: 563/629;background-image: url(/campaign/myfirstun-cgz/images/img_goods02_mo.png);}
  .goods.b .tag{top: 29%;left: 6.5%;width: 36.46%;aspect-ratio: 284/231;background-image: url(/campaign/myfirstun-cgz/images/img_kit_item2_tag_mo.png)}
  .goods.y{aspect-ratio: 310/304;margin-top: -2.75rem;}
  .goods.y .img-wrap{inset: auto; left: -2%;width: 87.1%;aspect-ratio: 135/172;background-image: url(/campaign/myfirstun-cgz/images/img_goods03_mo.png);}
  .goods.y .tag{inset: auto;top: 27.5%;right: -3.921%;width: 51.615%;aspect-ratio: 400/251;background-image: url(/campaign/myfirstun-cgz/images/img_kit_item3_tag_mo.png)}
  .goods.v{margin-top: -7%;aspect-ratio: 292/332;}
  .goods.v .img-wrap{inset: auto;width: 88.71%;right: -7%;aspect-ratio: 550/703;background-image: url(/campaign/myfirstun-cgz/images/img_goods04_mo.png);}
  .goods.v .tag{right: inherit;left: 2%;bottom: -2.5%;width: 35.485%;aspect-ratio: 277/250;background-image: url(/campaign/myfirstun-cgz/images/img_kit_item4_tag_mo.png)}
  .goods-sec{ overflow: hidden; padding: 7.125rem 0 6rem }
  .goods-sec .btn-wrap{margin-top: 4.375rem;}
  .goods .bubble .txt{ font-size: 1.75rem }
  /* ============ GOODS POPUP (mobile) ============ */
  @keyframes popupFadeUp{
    from{ opacity: 0; transform: translate(-50%, calc(-50% + 48px)) }
    to{ opacity: 1; transform: translate(-50%, -50%) }
  }
  .popup.active{ animation: popupFadeUp 0.35s ease forwards }
  /* ============ 6) WHY : 오버랩(absolute) → 스택 ============ */
  .why-sec{ z-index: 2; padding-bottom: 0; padding-top: 7rem; overflow: visible; }
  .why-cloud p{ font-size: 2rem }
  .why-row{ margin-top: 3.4rem }
  .why-photo{ width: 100%; margin:0 auto; filter: drop-shadow(10px 10px 15px rgba(23, 75, 111, 0.15)); z-index: 1 }
  .why-photo img{ width: 100%; height: auto; }
  .why-photo + .why-cloud{ display:none }
  .why-cloud{ position:static; width:100%; margin: 0 auto 6rem; aspect-ratio:auto; padding: 0; background: none }
  .why-cloud::after{display: none;}
  .why-cloud .sec-tit{ margin-bottom:0.6rem; font-size: 2.75rem}
  .why-sec.paper-bottom::after { bottom: 0; background: url(/campaign/myfirstun-cgz/images/bg_paper_why_sec.png) no-repeat center bottom / auto 100%; aspect-ratio: 360/60; filter: none }
  .why-sec + .bg-blue{ position: relative; z-index: 2; }
  .why-sec .obj{ filter: drop-shadow(4px 4px 6px rgba(119, 165, 198, 0.25)) }
  .why-sec .obj.flag2{ display: none; top: 45.5rem; right: clamp(18px, 6.4vw, 34px); left: auto; width: clamp(52px, 16.67vw, 68px); transform: rotate(13.62deg) translate3d(0, 0, 0); z-index: 4 }
  /* ============ 7) ONLY UNHCR : 2단 → 1단 + 가로 스크롤 카드 ============ */
  .only-sec{ position: relative; padding: 2.25rem 0 5rem }
  .only-sec .why-cloud{display: block; position: relative;top: 0;left: 0;}
  .only-sec .why-cloud.mo::before{ content: ""; position: absolute; width: 31px; aspect-ratio: 62 / 66; background: url(/campaign/myfirstun-cgz/images/ico_star_line.png) no-repeat center / cover; bottom: 0; right: 0;}
  .only-sec .card h3{ font-size: 2.25rem }
  .only-sec .card p{ font-size: 1.75rem }
  .only-sec .card .exp{display: none;}
  .only-left .sec-tit{ margin-top: 0; text-align:center }
  .only-row{ flex-direction:column; gap: 0; aspect-ratio:auto; width: calc(100% + calc(var(--pad-mobile)*2)); margin-left: -3rem }
  .only-left, .only-right{ width:100% }
  .only-right{ overflow:hidden; height: auto; margin-top: 1.75rem; }
  .only-photo{width: 91.67%;/* max-width: 430px; */margin: 3.75rem auto 0;transform: rotate(0);filter: drop-shadow(10px 10px 15px rgba(23, 75, 111, 0.15));background-image: url(/campaign/myfirstun-cgz/images/bg_sec7_wrap_mo.png);}
  .only-card-track{ display:flex; flex-wrap:nowrap; height: auto; gap: 1rem }
  .only-sec .card{ flex:0 0 100vw; aspect-ratio: 2/1; padding: 4rem 9.4% }
  .only-sec .card .num{ margin-bottom: 1.6rem }
  .only-sec .btn-wrap{ margin-top:3rem }
  .only-sec .btn-pill strong{ font-weight: 600; word-break: keep-all;}
  /* ============ 8) MAP ============ */
  .map-sec{padding:6.4rem 0 7.2rem }
  .map-wrap{ width: calc(100% + 48px); margin: 3.2rem -24px 4rem; gap: 16px; flex-wrap: wrap; justify-content: center }
  .map{ width: 100%; aspect-ratio: 360 / 220; background-image: url(/campaign/myfirstun-cgz/images/bg_map_mo.png); filter: drop-shadow(0px 0px 25px rgba(23, 75, 111, 0.1));}
  .map [class^="step"]{width: 97.22%;}
  .map .name-wrap{ top: 32.975%; left: 30.13%; transform: rotate(4deg); box-shadow: 3px 3px 10px rgba(52, 97, 129, 0.15); border-radius: 8px; padding: .375rem;}
  .map .name-wrap span{ width: 100%; min-width: auto; padding: .625rem .875rem; font-size: 2rem; border-radius: .5rem; border-width: .15rem; }
  .map-scroll-outer{ flex-basis: 100%; margin: 0 0 0.8rem; overflow: visible }
  .map-ctrl{ width: 64px; filter: drop-shadow(10px 10px 15px rgba(23, 75, 111, 0.15)); position: static; transform: none !important }
  .map-sec .btn-pill{ filter: drop-shadow(10px 10px 15px rgba(12, 12, 85, .15)); height: auto; flex-wrap: wrap; justify-content: center; gap: 0.4rem 0.8rem }
  .map-sec .btn-support {width: auto;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;min-height: 76px;padding: 2.5rem 3.5rem;gap: 0;}
  .map-sec .btn-support .line1 {display: flex;align-items: center;justify-content: center;gap: 2px;height: 19px;margin-bottom: 14px;}
  .map-sec .btn-support .line2 { display: block; margin-top: -0.4rem; text-align: center; white-space: nowrap;}
  .map-sec .btn-support .btn-txt-l,
  .map-sec .btn-support .post,
  .map-sec .btn-support .line2 { font-size: 2.25rem;}
  .map-sec .btn-support .amt em {font-size: 3rem;transform: rotate(0) translate(0, 30%);}
  .map-sec .btn-support .amt {width: 13.75rem;height: 7.2rem;margin: 0;transform: translateY(-23%);}
  .map-sec .btn-support.is-long-name {width: 100%;max-width: 100%;box-sizing: border-box;padding-inline: 2rem;}
  .map-sec .btn-support.is-long-name .btn-txt-l,
  .map-sec .btn-support.is-long-name .post {font-size: 1.75rem;}
  .map-sec .btn-support.is-long-name .amt {width: 11rem;height: 6.4rem;}
  .map-sec .btn-support.is-long-name .amt em {font-size: 2.6rem;}
  .map-note{ margin-top:2.8rem }
  .map-sec .map .obj{ z-index: 3 }
  .map-sec .map .obj.star1{ top: -18%; left: 1.89%; width: 19.5%; transform: rotate(-12.47deg) translate3d(0, 0, 0) }
  .map-sec .map .obj.flower{ top: auto; right: 3.3%; bottom: -19%; left: auto; width: 18%; transform: rotate(11.63deg) translate3d(0, 0, 0) }
  /* ============ 9) GIFT ============ */
  .gift-sec{ padding:12rem 0 6.4rem }
  .gift-sec .container{overflow: visible;}
  .gift-sec .carousel{ margin-top: 4rem }
  .carousel .swiper-slide{ width: 66.95%; min-width: 241px }
  .carousel .swiper-slide img{ width: 95%; filter: drop-shadow(10px 10px 15px rgba(23, 75, 111, 0.15)) }
  .gift-sec .obj{filter: drop-shadow(4px 4px 6px rgba(119, 165, 198, 0.25));}
  .gift-sec .obj.star1{ top: 21.5rem; right: auto; left: calc(72.1vw - 7px); width: clamp(62px, 19vw, 78px); transform: rotate(-12.47deg) translate3d(0, 0, 0) }
  .gift-sec .obj.heart{ top: auto; right: auto; bottom: 3.5rem; left: calc(62.05vw - 7px); width: clamp(58px, 18vw, 72px); transform: rotate(10.21deg) translate3d(0, 0, 0) }
  .gift-sec .obj.flower{ top: 32.8rem; left: calc(10.5vw - 7px); width: clamp(56px, 17vw, 70px); transform: rotate(11.63deg) translate3d(0, 0, 0) }
  /* ============ 10) JOURNEY : 말풍선 절대배치 중앙 정렬 ============ */
  .journey-sec{ padding:7.2rem 0 4.75rem }
  .steps-cont{ margin: 3.2rem 0 4rem }
  .steps-cont ul{ aspect-ratio: 312/240 }
  .steps-cont .img{ aspect-ratio: 312/240 }
  .steps-cont li:not([data-step="0"]) .txt-box{ right: inherit; left: 50%; bottom: -32px; width:40.897436%; height: auto; aspect-ratio: 190 / 124; padding: 0 10%; background-image: url(/campaign/myfirstun-cgz/images/bg_journey_cloud_mo.png) }
  .steps-cont li[data-step="0"] .txt-box{ width: 100%; display: flex; padding: 14% 14% 16%; gap: 12px; left: 50%; position: relative; flex-direction: column; align-items: center; justify-content: center }
  .steps-cont li[data-step="0"] .txt-box img{width: 30px}
  .steps-cont li[data-step="0"] .txt-box p{ font-size: 1.875rem }
  .steps-cont li.on{transition: none;}
  .steps-cont .txt-box h3{ margin-bottom: 0.4rem; font-size: 1.875rem }
  .steps-cont .txt-box p{ font-size: 1.5rem }
  .steps-btn{ gap: 4rem }
  .steps-btn i{ width: 4rem }
  .steps-btn button{ width: 4rem }
  .steps-btn-wrap{ height:7.2rem }
  .steps-btn button::before{animation-name: pulse1-mo;}
  .steps-btn button::after{animation-name: pulse2-mo;}
  @keyframes pulse1-mo{
  0%, 55%, 100%{ transform: translate(-50%, -50%) scale(1.59) }
  8%{ transform: translate(-50%, -50%) scale(1.69) }
  16%{ transform: translate(-50%, -50%) scale(1.59) }
  24%{ transform: translate(-50%, -50%) scale(1.73) }
  32%{ transform: translate(-50%, -50%) scale(1.59) }
  }
  @keyframes pulse2-mo{
  0%, 55%, 100%{ transform: translate(-50%, -50%) scale(2.5); opacity: .5 }
  8%{ transform: translate(-50%, -50%) scale(2.63); opacity: .8 }
  24%{ transform: translate(-50%, -50%) scale(2.72); opacity: .8 }
  40%{ transform: translate(-50%, -50%) scale(2.5); opacity: .5 }
  }
  .steps-cont [data-step="1"] .deco{ width: 24.16% }
  .steps-cont :not([data-step="1"]) .deco{ filter: drop-shadow(4px 4px 6px rgba(119, 165, 198, 0.25)) }
  .steps-cont [data-step="2"] .deco{ width: 23.05%; transform: rotate(-10.09deg) translate(-50%, -213%); left: 50% }
  .steps-cont [data-step="3"] .deco{ width: 27.22%; transform: translate(6%, -50%) }
  .steps-cont [data-step="4"] .deco{ width: 23.05%; transform: rotate(6.29deg) translate(-9%, 43%) }
  .steps-cont [data-step="5"] .deco{ width: 24.72%; transform: rotate(-8.04deg) translate(290%, 14%) }
  @keyframes stepFadeIn{
  from{ opacity: 0; transform: translate(-50%, 12px) }
  to{ opacity: 1; transform: translate(-50%,0) }
  }
  .steps-cont li[data-step="1"] .img{ background-image: url(/campaign/myfirstun-cgz/images/img_journey_01_mo.png) }
  .steps-cont li[data-step="2"] .img{ background-image: url(/campaign/myfirstun-cgz/images/img_journey_02_mo.png) }
  .steps-cont li[data-step="3"] .img{ background-image: url(/campaign/myfirstun-cgz/images/img_journey_03_mo.png) }
  .steps-cont li[data-step="4"] .img{ background-image: url(/campaign/myfirstun-cgz/images/img_journey_04_mo.png) }
  .steps-cont li[data-step="5"] .img{ background-image: url(/campaign/myfirstun-cgz/images/img_journey_05_mo.png) }
  /* ============ 11) FINAL ============ */
  .final-sec{ padding: 2rem 0 10.75rem }
  /* ============ 12) FAQ ============ */
  .faq-sec{ padding: 4rem 0 7.8rem; background-attachment:scroll }
  .faq-list{ gap: 1rem; margin-top:3.6rem }
  .faq-q{ gap:1rem; padding:1.25rem 2.5rem 1.25rem 1.25rem; font-size: 1.5rem; }
  .faq-q::before{ border-width: 2px;}
  .faq-q .qmark{ width: 2.5rem; height: 2.5rem; font-size: 1.5rem; line-height: 2.5rem;}
  .faq-q .chev{ width:2rem; height:2rem }
  .faq-a-inner{ padding: 1.6rem 2.4rem 3.6rem; font-size: 1.5rem }
  /* ============ FOOTER : 가로 → 세로 ============ */
  .footer{ padding: 5rem 0 6.4rem; text-align: center }
  .footer-logo{ width: 7.75rem;}
  .footer-inner{ flex-direction:column; gap:5rem }
  .footer-info{ min-width:0; text-align: center }
  .footer-info .name{font-size: 2rem;}
  .footer-info ul{ flex-wrap:wrap; gap:1.2rem 2rem; justify-content: center; font-size: 1.5rem; }
  .footer-info ul li:not(:last-child)::after{height: 12px;}
  .footer-social{gap: 0.5rem;}
  .footer-social a{width: 4rem; height: 4rem;}
  /* ============ FLOATING CTA ============ */
  .btn-float{ display: none }
}
@media (max-width:359px){
  .map-sec .btn-support,
  .map-sec .btn-support.is-long-name {width: 100%;max-width: 100%;box-sizing: border-box;padding-inline: 1rem;}
  .map-sec .btn-support .btn-txt-l,
  .map-sec .btn-support .post,
  .map-sec .btn-support.is-long-name .btn-txt-l,
  .map-sec .btn-support.is-long-name .post {font-size: 1.5rem;}
  .map-sec .btn-support .line2,
  .map-sec .btn-support.is-long-name .line2 {font-size: 2rem;}
  .map-sec .btn-support .amt,
  .map-sec .btn-support.is-long-name .amt {width: 9.5rem;height: 6rem;}
  .map-sec .btn-support .amt em,
  .map-sec .btn-support.is-long-name .amt em {font-size: 2.5rem;}
}
@media (max-width:640px) {
  .steps-cont li:not([data-step="0"]) .txt-box{width: 60.897436%;}
}
@media (max-width:480px){
  .star::before{ width: 15px }
}
/* ============ LANDSCAPE (≤767px) : 세로 공간이 부족해 2단(이미지+카드) 가로 배치로 전환, 카드는 PC와 동일한 스택 방식 사용 ============ */
@media (max-width:767px) and (orientation:landscape){
  .only-row{ flex-direction: row; gap: 4%; align-items: flex-start; width: 100%; margin-left: 0; aspect-ratio: auto }
  .only-left{ flex: 0 0 38%; width: 38% }
  .only-left .sec-tit{ text-align: left }
  .only-right{ width: 58%; height: 100%; overflow: hidden; margin-top: 0 }
  .only-photo{ width: 100%; margin: 1.6rem 0 0; transform: none }
  .only-card-track{ display: block; position: relative; height: 100% }
  .only-sec .card{ flex: none; width: 100%; aspect-ratio: 820/560; padding: 2.5rem 6% }
  .only-sec .card h3{ font-size: 1.5rem; margin-bottom: 0.8rem }
  .only-sec .card p{ font-size: 1.2rem }
  .only-sec .card .num{ margin-bottom: 0.8rem }
}
/* Tablet / iPad */
@media (min-width: 768px) and (max-width: 1366px) and (hover: none) and (pointer: coarse) {
  .hero{background-position: top right 35%;}
}

@media (min-width: 1921px){
  .paper-blue-line::after{background-size: 100% auto; height: 37rem; top: -10rem;}
}