@charset "UTF-8";
@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-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: 'Rix'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/RixYeoljeongdo_Regular.woff') format('woff'); font-weight: normal; font-display: swap;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0px; padding:0px; border:0; outline:0; vertical-align:baseline; background:transparent;}
div {margin:0px; padding:0px; border:0; outline:0; vertical-align:baseline; background:transparent;}
body{line-height:1; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#483f3a; font-size:12px; font-weight: 400; font-style: normal;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block; margin:0px; padding:0px;}
strong {font-weight: 700; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
button {border:none; background:none; cursor: pointer; padding: 0px; margin: 0px; color:#000000; outline: none;}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; color:#483f3a;}
ul, ol {list-style:none;}
.good_hide {visibility:hidden; overflow: hidden; position: absolute; left:-10000px; height:1px; width:1px; text-indent: -10000px;}
table {border-collapse: collapse; border-spacing: 0;}
[type="radio"] {appearance: none;border-radius: 50%;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; outline: none;}
select::-ms-expand {display: none;}
input {outline: none;}
textarea {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; outline: none; resize: none; border-radius: 0px;}
i {font-style: normal;}
.Report {width:100%; max-width: 720px; margin: auto;}
.Report * {box-sizing: border-box;}
.Report img {display: block; width:100%;}


.Report .Link {position: absolute; top:0%; left:0%; width:100%; overflow: hidden; background-color: #ffffff;}
.Report .Link button {float:left; width:50%; line-height: 60px; height: 60px; font-family: 'Paperozi'; font-size: clamp(16px, calc(26px + 26 * (100vw - 720px) / 720), 26px); border-bottom: 2px solid #d9dce3; text-align: left; padding-left: 5%; background-position: 95% center; background-repeat: no-repeat;}
.Report .Link button.On {border-bottom: 2px solid #72a32b; color:#72a32b; font-weight: 800;}
.Report .Link .Dom {background-image: url("/assets/images/Mid2025/emergency/Report_2_1_Off.png");}
.Report .Link .Dom.On {background-image: url("/assets/images/Mid2025/emergency/Report_2_1_On.png");}
.Report .Link .Mym {background-image: url("/assets/images/Mid2025/emergency/Report_2_2_Off.png");}
.Report .Link .Mym.On {background-image: url("/assets/images/Mid2025/emergency/Report_2_2_On.png");}



.swiper {width: 100%; height: 100%;}
.swiper-slide {text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center;}
.swiper-button-next:after, .swiper-button-prev:after {color:#b9b4b1;}
.swiper-button-prev:after, .swiper-button-next:after {color:#b9b4b1;}
.S1 {margin: 0; min-height: 100vh; background: linear-gradient(270deg, #2bdebc, #21d083, #7ee56a); background-size: 600% 600%; animation: gradientFlow 6s ease infinite;}
.S1 .Logo {position: absolute; top:2%; left:50%; transform: translate(-50%,0%); width:55%;}
.S1 div {position: relative; width:100%;}
.S1 h1 .T1_1, .S1 h1 .T1_2 {position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transition: opacity 1.2s ease;}
.S1 h1 .T1_1.show {opacity: 1;}
.S1 h1 .T1_2.show {opacity: 1;}
.S1 h2 {opacity: 0; transform: translateY(20px); transition: opacity 1.2s ease, transform 1.2s ease;}
.S1 h2.show {opacity: 1; transform: translateY(0);}
.S1 div h1 {width:100%; font-family: 'Rix'; font-size: clamp(36px, calc(70px + 70 * (100vw - 720px) / 720), 70px); line-height: 92px; font-weight: 400; color:#ffffff; position: relative; padding-bottom: 14%;}
.S1 div h1 .T1_1 {position: absolute; bottom: 0%; left:0%; width:100%;}
.S1 div h1 .T1_2 {position: absolute; bottom: 0%; left:0%; width:100%; opacity: 0;}
.S1 div h2 {display: inline-block; background:url("/assets/images/Mid2025/emergency/Report_1_2.png") center top no-repeat; padding-top: 100px; background-size: 78px 70px; color:#ffffff; border-bottom: 1px solid #ffffff; font-family: 'Paperozi'; font-weight: 700; opacity: 0; transition: opacity 1s ease-in-out;}
.S1 .T3 {font-family: 'Paperozi'; color:#ffffff; font-weight: 700; border-bottom: 1px solid #ffffff; display: inline-block; padding-top: 5%; opacity: 0; animation: ani1 1s forwards 1s;}
.S1 .T4 {position: absolute; bottom: 10%; left:50%; transform: translate(-50%,0%); font-family: 'Paperozi'; font-weight: 500; color:#ffffff; font-size: clamp(13px, calc(22px + 70 * (100vw - 720px) / 720), 22px); width:71%;}
.S1 .T4 .i1 {position: absolute; top:50%; transform: translate(0%,-50%); left:0%; width:2.5%; animation: scr 1.5s linear infinite;}
.S1 .T4 .i2 {position: absolute; top:50%; transform: translate(0%,-50%); left:3%; width:2.5%; animation: scr 1.5s linear infinite 0.5s;}
@keyframes scr {
  0% {transform: translate(0%, -50%);opacity: 0;}
  50% {opacity: 1;}
  100% {transform: translate(-10%, -50%);opacity: 0;}
}
.S2 {margin: 0; min-height: 100vh; background: url("/assets/images/Mid2025/emergency/Report_2.png") bottom center no-repeat;}
.S2 .Txts {width:100%; padding-top: 10%;}
.S2 h2 {width:100%; font-size: clamp(26px, calc(50px + 50 * (100vw - 720px) / 720), 50px); font-family: 'Rix'; font-weight: 400; text-align: left; line-height: 72px; padding-left:10%; padding-bottom: 5%;}
.S2 h2 .Txt1 {color:#fa6d48;}
.S2 h2 .Txt2 {color:#72a32b;}
.S2 h3 {width:100%; font-size: clamp(18px, calc(26px + 26 * (100vw - 720px) / 720), 26px); font-family: 'Paperozi'; font-weight: 500; text-align: left; line-height: 46px; padding: 0% 10% 10%;}
.S2 h3 span {background: linear-gradient(90deg, #292321 0%, #292321 100%); background-size: 0% 100%; background-repeat: no-repeat; background-position: left center; color: #ffffff; font-weight: 700; padding: 3px;}
.S2 h3 span.On {animation: highlight 1.5s ease-out forwards;}
.S2 h3 span .Txt1 {color:#fa6d48;}
.S2 h3 span .Txt2 {color:#8ebe48;}
.S3 {margin: 0; min-height: 100vh; background: url("/assets/images/Mid2025/emergency/Report_2.png") bottom center no-repeat;}
.S3 .Bg {background:url("/assets/images/Mid2025/emergency/Report_3.png") no-repeat; width:500px; height: 742px; background-size: 500px 742px;}
.S3 .Bg h2 {text-align: left; font-family: 'Rix'; font-size: clamp(22px, calc(44px + 42 * (100vw - 720px) / 720), 42px); color:#ffffff; font-weight: 400; line-height: 62px; padding: 10% 0 0 10%;}
.S3 .Bg h2 span {color:#d8ecad;}
.S3 .Bg h3 {font-family: 'Paperozi'; font-size: clamp(14px, calc(20px + 20 * (100vw - 720px) / 720), 20px); text-align: left; color:#ffffff; font-weight: 500; line-height: 32px; padding: 5% 0 0 10%;}
.S3 .Bg h3 span {color:#d8ecad;}
.S3 .Bg h3 .ani {background: linear-gradient(90deg, #fff 0%, #fff 100%); background-size: 0% 100%; background-repeat: no-repeat; background-position: left center; color: #000000; font-weight: 700; padding: 3px;}
.S3 .Bg h3 .ani.On {animation: highlight 1.5s ease-out forwards;}
.S4 {margin: 0; min-height: 100vh; background: linear-gradient(to top, #e9f8ef 0%, #ffffff 40%);}
.S4 h2 {width:100%; font-family: 'Rix'; font-size: clamp(26px, calc(50px + 50 * (100vw - 720px) / 720), 50px); line-height: 72px; font-weight: 400;}
.S4 .T1 {opacity: 0;}
.S4 .Arrow {opacity: 0;}
.S4 .T2 {opacity: 0;}
@keyframes ani2 {
  0% {transform: translate(0%, -30px); opacity: 0;}
  100% {transform: translate(0%, 0%); opacity: 1;}
}
.S4 .T1.On {animation: ani2 1s forwards 0.3s;}
.S4 .Arrow.On {animation: ani2 1s forwards 0.6s;}
.S4 .T2.On {animation: ani2 1s forwards 0.9s;}
.S4 h2 .Txt1 {color:#72a32b;}
.S4 h2 .Txt2 {color:#fa6d48;}
.S4 .Arrow {background:url("/assets/images/Mid2025/emergency/Report_4_1.png") no-repeat; width:44px; height: 60px; margin: 5% auto;}
@keyframes gradientFlow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.Cons {width:100%; padding-top: 10%;}
.S5 {margin: 0; min-height: 100vh; background: linear-gradient(to top, #e9f8ef 0%, #ffffff 40%);}
.S5 h2 {width:100%; font-family: 'Rix'; font-size: clamp(30px, calc(42px + 42 * (100vw - 720px) / 720), 42px); line-height: 36px; font-weight: 400; color:#483f3a; padding-bottom: 2%;}
.S5 h3 {width:100%; font-family: 'Rix'; font-size: clamp(18px, calc(40px + 36 * (100vw - 720px) / 720), 36px); line-height: 52px; font-weight: 400; color:#483f3a; padding-top: 4%;}
.S5 h3 .Txt1 {background-color: #fa6d48; padding: 3px; color:#ffffff;}
.S5 h3 .Txt2 {color:#72a32b;}
.S5 .Btns {width: 100%; position: relative; height: 80px;}
.S5 .Btns button,
.S5 .Btns p {position: absolute; top: 0; left: 50%; transform: translateX(-50%) scale(1); width: 70%; height: 80px; line-height: 80px; margin: 0 auto; font-family: 'Rix', sans-serif; font-weight: 400; border-radius: 13px; transition: opacity 0.5s ease, transform 0.5s ease;}
.S5 .Btns button {background: linear-gradient(to right, #91c745 0%, #3aaf63 100%); font-size: clamp(16px, calc(36px + 32 * (100vw - 720px) / 720), 32px); color: #ffffff; border: none; z-index: 2;}
.S5 .Btns button i {position: absolute; bottom: -42%; right: -7%; width: 13%; animation: ani3 1.5s infinite;}
@keyframes ani3 {
  0% {transform: translate(30px, 30px);}
  100% {transform: translate(0%, 0%);}
}
.S5 .Btns p {background: #ffffff; font-size: clamp(26px, calc(50px + 50 * (100vw - 720px) / 720), 50px); color: #72a32b; border: 3px solid #72a32b; opacity: 0; pointer-events: none; transform: translateX(-50%) scale(0.95); z-index: 1;}
.hidden {opacity: 0 !important; transform: translateX(-50%) scale(0.95) !important; pointer-events: none !important;}
.visible {opacity: 1 !important; transform: translateX(-50%) scale(1) !important; pointer-events: auto !important; z-index: 3;}
.S5 .Cnt {width:100%; padding: 5% 7%;}
.S5 .Cnt div {overflow: hidden; background-color: #ffffff; background-repeat: no-repeat; background-position: 97% bottom; padding: 4% 0; margin-bottom: 4%; border-radius: 18px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border: none;}
.S5 .Cnt div:nth-child(1) {background-image: url("/assets/images/Mid2025/emergency/Report_4_4.png"); background-size: 60px 72px;}
.S5 .Cnt div:nth-child(2) {background-image: url("/assets/images/Mid2025/emergency/Report_4_5.png"); background-size: 80px 75px;}
.S5 .Cnt div:nth-child(3) {background-image: url("/assets/images/Mid2025/emergency/Report_4_6.png"); background-size: 80px 80px;}
.S5 .Cnt div p {float:left;}
.S5 .Cnt div p:nth-child(1) {font-family: 'Paperozi'; font-weight: 800; font-size: clamp(12px, calc(29px + 24 * (100vw - 720px) / 720), 24px); width:25%; height: 50px; line-height: 50px; text-align: center; color: #72a32b; letter-spacing:-0.9px;}
.S5 .Cnt div span {float:left; display: block; width:1px; height: 50px; background-color: #d9dce3; margin: 0%;}
.S5 .Cnt div p:nth-child(3) {font-family: 'Paperozi'; font-weight: 500; font-size: clamp(10px, calc(23px + 20 * (100vw - 720px) / 720), 20px); width:74%; height: 50px; line-height: 24px; text-align: left; padding-left: 4%; letter-spacing:-0.5px;}
.S6 {margin: 0; min-height: 100vh; background: url("/assets/images/Mid2025/emergency/Report_5_1.png") bottom center no-repeat;}
.S6 .Bg {background:url("/assets/images/Mid2025/emergency/Report_5_2.png") no-repeat; width:500px; height: 742px; background-size: 500px 742px;}
.S6 .Bg h2 {text-align: left; font-family: 'Rix'; font-size: clamp(22px, calc(44px + 42 * (100vw - 720px) / 720), 42px); color:#ffffff; font-weight: 400; line-height: 66px; padding: 10% 0 0 10%;}
.S6 .Bg h2 span {color:#dcff90;}
.S6 .Bg h3 {font-family: 'Paperozi'; font-size: clamp(14px, calc(20px + 20 * (100vw - 720px) / 720), 20px); text-align: left; color:#ffffff; font-weight: 500; line-height: 40px; padding: 5% 0 0 10%;}
.S6 .Bg h3 span {background: linear-gradient(90deg, #000000 0%, #000000 100%); background-size: 0% 100%; background-repeat: no-repeat; background-position: left center; color: #dcff90; font-weight: 700; padding: 2px;}
.S6 .Bg h3 span.On {animation: highlight 1.5s ease-out forwards;}
@keyframes highlight {
  to {
    background-size: 100% 100%;
  }
}
.S7 h2 {width:100%; font-family: 'Rix'; font-size: clamp(33px, calc(42px + 42 * (100vw - 720px) / 720), 42px); line-height: 62px; font-weight: 400; color:#483f3a; padding-bottom: 2%;}
.S7 h3 {width:100%; font-family: 'Rix'; font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px); line-height: 44px; font-weight: 400; color:#483f3a; padding-top: 7%;}
.S7 h3 .Txt1 {background-color: #fa6d48; padding: 5px; color:#ffffff;}
.S7 h3 .Txt2 {color:#72a32b;}
.S7 .Btns {width: 100%; position: relative; height: 100px; margin-bottom: 5%;}
.S7 .Btns button,
.S7 .Btns p {position: absolute; top: 0; left: 50%; transform: translateX(-50%) scale(1); width: 70%; height: 80px; line-height: 80px; margin: 0 auto; font-family: 'Rix', sans-serif; font-weight: 400; border-radius: 13px; transition: opacity 0.5s ease, transform 0.5s ease;}
.S7 .Btns button {background: linear-gradient(to right, #91c745 0%, #3aaf63 100%); font-size: clamp(20px, calc(38px + 38 * (100vw - 720px) / 720), 38px); color: #ffffff; border: none; z-index: 2;}
.S7 .Btns button i {position: absolute; bottom: -42%; right: -7%; width: 13%; animation: ani3 1.5s infinite;}
.S7 .Btns p {background: #ffffff; font-size: clamp(26px, calc(50px + 50 * (100vw - 720px) / 720), 50px); width:80%; color: #72a32b; border: 3px solid #72a32b; opacity: 0; pointer-events: none; transform: translateX(-50%) scale(0.95); z-index: 1;}
.S7 .Btns p i {position: absolute; bottom: -42%; right: -5%; width: 10.5%;}
.S7 .Cnt {text-align: center; padding: 0% 7%; text-align: center;}
.S7 .Cnt div {width:47%; display: inline-block; vertical-align: top; border-radius: 18px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border: none; margin: 1.5% 1%; padding: 5% 0; background-color: #ffffff;}
.S7 .Cnt div:nth-child(1) p:nth-child(2) {color:#f8a608;}
.S7 .Cnt div:nth-child(2) p:nth-child(2) {color:#fa6d48;}
.S7 .Cnt div:nth-child(3) p:nth-child(2) {color:#03b6d6;}
.S7 .Cnt div:nth-child(4) p:nth-child(2) {color:#0db887;}
.S7 .Cnt div p:nth-child(1) {font-family: 'Paperozi'; font-size: clamp(14px, calc(22px + 22 * (100vw - 720px) / 720), 22px); font-weight: 700;}
.S7 .Cnt div p:nth-child(2) {font-family: 'Paperozi'; font-size: clamp(14px, calc(26px + 26 * (100vw - 720px) / 720), 26px); font-weight: 800; padding: 3% 0 5%;}
.S7 .Cnt div img {width:50%; display: block; margin:auto;}
.S7 .Cnt div p:nth-child(4) {font-family: 'Paperozi'; font-size: clamp(12px, calc(10px + 18 * (100vw - 720px) / 720), 18px); line-height: 24px; font-weight: 500; padding-top: 3%;}
.S7 {margin: 0; min-height: 100vh; background: url("/assets/images/Mid2025/emergency/Report_7.png") bottom center no-repeat; padding: 0%;}
.S7 .Boxs {width:100%;}
.S7 .Boxs div {width:100%; background-position: center; background-repeat: no-repeat; padding: 7% 0%;}
.S7 .Boxs div p:nth-child(1) {font-family: 'Paperozi'; font-size: clamp(16px, calc(30px + 30 * (100vw - 720px) / 720), 30px); line-height: 52px; font-weight: 500; color:#ffffff;}
.S7 .Boxs div p:nth-child(1) span {font-weight: 800;}
.S7 .Boxs div:nth-child(1) p:nth-child(1) span.On {animation: highlight 1.5s ease-out forwards;}
.S7 .Boxs div:nth-child(2) p:nth-child(1) span.On {animation: highlight 1.5s ease-out forwards 0.5s;}
.S7 .Boxs div:nth-child(1) p:nth-child(1) span {background: linear-gradient(90deg, #d8cab1 0%, #d8cab1 100%); background-size: 0% 100%; background-repeat: no-repeat; background-position: left center; color: #3a322f; padding: 2px;}
.S7 .Boxs div:nth-child(2) p:nth-child(1) span {background: linear-gradient(90deg, #bdd8b1 0%, #bdd8b1 100%);background-size: 0% 100%; background-repeat: no-repeat; background-position: left center; color: #3a322f; padding: 2px;}
.S7 .Boxs div p:nth-child(2) {font-family: 'Paperozi'; font-size: clamp(14px, calc(26px + 26 * (100vw - 720px) / 720), 26px); font-weight: 800; padding-top: 5%;}
.S7 .Boxs div:nth-child(1) p:nth-child(2) {color:#d8cab1;}
.S7 .Boxs div:nth-child(2) p:nth-child(2) {color:#bdd8b1;}
.S7 .Box1 {width:100%; background-image: url("/assets/images/Mid2025/emergency/Report_7_1.png"); margin-bottom: 5%; width:560px; height: 351px; background-size: 560px 351px;}
.S7 .Box2 {width:100%; background-image: url("/assets/images/Mid2025/emergency/Report_7_2.png"); width:560px; height: 351px; background-size: 560px 351px;}
.S8 {margin: 0; min-height: 100vh; background: url("/assets/images/Mid2025/emergency/Report_8.png") bottom center no-repeat; padding: 0% 7%;}
.S8 h2 {font-size: clamp(22px, calc(48px + 42 * (100vw - 720px) / 720), 42px); font-family: 'Rix'; font-weight: 400;}
.S8 .mySwiper2 {width:100%;}
.S8 h2 span {color:#479f3e;}
.S8 h3 {font-family: 'Paperozi'; font-size: clamp(14px, calc(30px + 28 * (100vw - 720px) / 720), 28px); line-height: 40px; font-weight: 500; padding: 3% 0 3%; }
.S8  .Boxs {width:100%;}
.S8 .swiper-pagination {font-family: 'Paperozi'; position: absolute; top: 3%; right: 2%; left: auto; background-color: #89888b; bottom: auto; width: 12%; font-size: 18px; line-height: 32px; border-radius: 16px; color: #e9edf5;}
.S8 .swiper-pagination .swiper-pagination-current {color:#dcff90; font-weight:800;}
.S9 {margin: 0; min-height: 100vh; background: linear-gradient(to top, #e9f8ef 0%, #ffffff 50%);}
.S9 .Txt0 {width:100%; font-family: 'Rix'; font-size: clamp(22px, calc(45px + 42 * (100vw - 720px) / 720), 42px); line-height: 62px; font-weight: 400; color:#483f3a; padding-bottom: 2%;}
.S9 .Txt0 .Txt1 {color:#72a32b;}
.S9 .Txt0 .Txt2 {color:#fa6d48;}
.S9 .Heart {display: block; width:12%; padding: 0% 0% 3%; margin: auto; animation: ani4 5s infinite;}
@keyframes ani4 {
  0% {transform: rotateY(0deg);}
  50% {transform: rotateY(360deg);}
  100% {transform: rotateY(0deg);}
}
.S9 .Txt3 {width:100%; font-family: 'Rix'; font-size: clamp(22px, calc(45px + 42 * (100vw - 720px) / 720), 42px); line-height: 62px; font-weight: 400; color:#483f3a; padding-bottom: 2%;}
.S9 .Txt3 span {color:#72a32b;}
.S9 .Txt3 .Txt2 {color: transparent; -webkit-text-stroke: 2px #72a32b;}
.S9 .Btns {width:100%; overflow: hidden; padding-top: 2%;}
.S9 .Btns a {width:42%; display: inline-block;}
.S10 {margin: 0; min-height: 100vh; background: url("/assets/images/Mid2025/emergency/Report_10_1.png") center right no-repeat;}
.S10 .Bgs h1 {width:100%; font-family: 'Rix'; font-size: clamp(26px, calc(58px + 50 * (100vw - 720px) / 720), 50px); line-height: 72px; font-weight: 400; color:#483f3a; text-align: left;}
.S10 .Bgs h1 .T10_1 {color:#fa6d48;}
.S10 .Bgs h1 .T10_2 {font-size: clamp(22px, calc(42px + 42 * (100vw - 720px) / 720), 42px); line-height: 52px;}
.S10 .Bgs h1 .T10_3 {color:#02ae88;}
.S10 .Bgs h2 {font-family: 'Paperozi'; padding-top: 7%; font-size: clamp(18px, calc(26px + 26 * (100vw - 720px) / 720), 26px); line-height: 42px; text-align: left; font-weight: 500;}
.S10 .Bgs h2 span {background: linear-gradient(90deg, #292321 0%, #292321 100%); background-size: 0% 100%; background-repeat: no-repeat; background-position: left center; color: #ffffff; padding: 5px;}
.S10 .Bgs h2 span.On {animation: highlight 1.5s ease-out forwards;}
.S10 .Bgs h2 span i {color:#fa6d48;}
.S10 .Bgs h2 .T10_3 {font-size: clamp(10px, calc(16px + 16 * (100vw - 720px) / 720), 16px); color:#292321;}
.S11 {margin: 0; min-height: 100vh; background: url("/assets/images/Mid2025/emergency/Report_10_2_1.png") bottom center no-repeat;}
.S11 .Box {background:url("/assets/images/Mid2025/emergency/Report_10_2.png") no-repeat; width:500px; height: 742px; background-size: 500px 742px;}
.S11 .Box h2 {text-align: left; font-family: 'Rix'; font-size: clamp(22px, calc(44px + 42 * (100vw - 720px) / 720), 42px); color:#ffffff; font-weight: 400; line-height: 62px; padding: 10% 0 0 10%;}
.S11 .Box h2 span {color:#abfeda;}
.S11 .Box h3 {font-family: 'Paperozi'; font-size: clamp(14px, calc(20px + 20 * (100vw - 720px) / 720), 20px); text-align: left; color:#ffffff; font-weight: 500; line-height: 32px; padding: 5% 0 0 10%;}
.S11 .Box h3 span {color:#abfeda;}
.S11 .Box h3 .ani {background: linear-gradient(90deg, #292321 0%, #292321 100%); background-size: 0% 100%; background-repeat: no-repeat; background-position: left center; font-weight: 700; padding: 3px;}
.S11 .Box h3 .ani.On {animation: highlight 1.5s ease-out forwards;}
.S12 {margin: 0; min-height: 100vh; background: linear-gradient(to top, #e9f8ef 0%, #ffffff 40%);}
.S12 h2 {width:100%; font-family: 'Rix'; font-size: clamp(26px, calc(50px + 50 * (100vw - 720px) / 720), 50px); line-height: 72px; font-weight: 400;}
.S12 .T1 {opacity: 0;}
.S12 .Arrow {opacity: 0;}
.S12 .T2 {opacity: 0;}
@keyframes ani2 {
  0% {transform: translate(0%, -30px); opacity: 0;}
  100% {transform: translate(0%, 0%); opacity: 1;}
}
.S12 .T1.On {animation: ani2 1s forwards 0.3s;}
.S12 .Arrow.On {animation: ani2 1s forwards 0.6s;}
.S12 .T2.On {animation: ani2 1s forwards 0.9s;}
.S12 h2 .Txt1 {color:#02ae88;}
.S12 h2 .Txt2 {color:#fa6d48;}
.S12 .Arrow {background:url("/assets/images/Mid2025/emergency/Report_11_5.png") no-repeat; width:44px; height: 60px; margin: 5% auto;}
.S13 {margin: 0; min-height: 100vh; background: linear-gradient(to top, #e9f8ef 0%, #ffffff 40%);}
.S13 h2 {width:100%; font-family: 'Rix'; font-size: clamp(33px, calc(42px + 42 * (100vw - 720px) / 720), 42px); line-height: 72px; font-weight: 400; color:#483f3a; padding-bottom: 2%;}
.S13 h3 {width:100%; font-family: 'Rix'; font-size: clamp(18px, calc(40px + 36 * (100vw - 720px) / 720), 36px); line-height: 52px; font-weight: 400; color:#483f3a; padding-top: 4%;}
.S13 h3 span {color:#02ae88;}
.S13 h3 .Txt1 {background-color: #fa6d48; padding: 5px; color:#ffffff;}
.S13 h3 .Txt2 {color:#72a32b;}
.S13 .Btns {width: 100%; position: relative; height: 80px;}
.S13 .Btns button,
.S13 .Btns p {position: absolute; top: 0; left: 50%; transform: translateX(-50%) scale(1); width: 70%; height: 80px; line-height: 80px; margin: 0 auto; font-family: 'Rix', sans-serif; font-weight: 400; border-radius: 7px; transition: opacity 0.5s ease, transform 0.5s ease;}
.S13 .Btns button {background: linear-gradient(to right, #29bc9b 0%, #39af65 100%); font-size: clamp(16px, calc(36px + 32 * (100vw - 720px) / 720), 32px); color: #ffffff; border: none; z-index: 2;}
.S13 .Btns button i {position: absolute; bottom: -42%; right: -7%; width: 13%; animation: ani3 1.5s infinite;}
.S13 .Btns p {background: #ffffff; font-size: clamp(26px, calc(50px + 50 * (100vw - 720px) / 720), 50px); color: #02ae88; border: 3px solid #02ae88; opacity: 0; pointer-events: none; transform: translateX(-50%) scale(0.95); z-index: 1;}
.S13 .Cnt {width:90%; margin: auto;}
.S14 {margin: 0; min-height: 100vh; background: url("/assets/images/Mid2025/emergency/Report_11_9.png") bottom center no-repeat;}
.S14 .Box {background:url("/assets/images/Mid2025/emergency/Report_11_8.png") no-repeat; width:500px; height: 742px; background-size: 500px 742px;}
.S14 .Box h2 {text-align: left; font-family: 'Rix'; font-size: clamp(22px, calc(44px + 42 * (100vw - 720px) / 720), 42px); color:#ffffff; font-weight: 400; line-height: 62px; padding: 10% 0 0 10%;}
.S14 .Box h2 span {color:#dcff90;}
.S14 .Box h3 {font-family: 'Paperozi'; font-size: clamp(14px, calc(20px + 20 * (100vw - 720px) / 720), 20px); text-align: left; color:#ffffff; font-weight: 500; line-height: 32px; padding: 5% 0 0 10%;}
.S14 .Box h3 .T14_1 {background: linear-gradient(90deg, #ffffff 0%, #ffffff 100%); background-size: 0% 100%; background-repeat: no-repeat; background-position: left center; font-weight: 700; padding: 2px; color:#009574;}
.S14 .Box h3 .T14_2 {background: linear-gradient(90deg, #dcff90 0%, #dcff90 100%); background-size: 0% 100%; background-repeat: no-repeat; background-position: left center; font-weight: 700; padding: 2px; color:#009574;}
.S14 .Box h3 .ani.On {animation: highlight 1.5s ease-out forwards;}
.S15 {margin: 0; min-height: 100vh; background: linear-gradient(to top, #e9f8ef 0%, #ffffff 40%);}
.S15 h2 {width:100%; font-family: 'Rix'; font-size: clamp(33px, calc(42px + 42 * (100vw - 720px) / 720), 42px); line-height: 72px; font-weight: 400; color:#483f3a; padding-bottom: 2%;}
.S15 h3 {width:100%; font-family: 'Rix'; font-size: clamp(18px, calc(36px + 36 * (100vw - 720px) / 720), 36px); line-height: 52px; font-weight: 400; color:#483f3a; padding-top: 4%;}
.S15 h3 span {color:#02ae88;}
.S15 h3 .Txt1 {background-color: #fa6d48; padding: 5px; color:#ffffff;}
.S15 h3 .Txt2 {color:#72a32b;}
.S15 .Btns {width: 100%; position: relative; height: 80px;}
.S15 .Btns button,
.S15 .Btns p {position: absolute; top: 0; left: 50%; transform: translateX(-50%) scale(1); width: 70%; height: 80px; line-height: 80px; margin: 0 auto; font-family: 'Rix', sans-serif; font-weight: 400; border-radius: 7px; transition: opacity 0.5s ease, transform 0.5s ease;}
.S15 .Btns button {background: linear-gradient(to right, #29bc9b 0%, #39af65 100%); font-size: clamp(16px, calc(38px + 32 * (100vw - 720px) / 720), 32px); color: #ffffff; border: none; z-index: 2;}
.S15 .Btns button i {position: absolute; bottom: -42%; right: -7%; width: 13%; animation: ani3 1.5s infinite;}
.S15 .Btns p {background: #ffffff; font-size: clamp(26px, calc(50px + 50 * (100vw - 720px) / 720), 50px); color: #02ae88; border: 3px solid #02ae88; opacity: 0; pointer-events: none; transform: translateX(-50%) scale(0.95); z-index: 1;}
.S15 .Cnt {width:85%; margin: 7% auto 0;}
.S16 {margin: 0; min-height: 100vh; background: url("/assets/images/Mid2025/emergency/Report_8.png") bottom center no-repeat; padding: 0% 7%;}
.S16 h2 {font-size: clamp(22px, calc(48px + 42 * (100vw - 720px) / 720), 42px); font-family: 'Rix'; font-weight: 400;}
.S16 .mySwiper2 {width:80%;}
.S16 h2 span {color:#02ae88;}
.S16 h3 {font-family: 'Paperozi'; font-size: clamp(14px, calc(30px + 28 * (100vw - 720px) / 720), 28px); line-height: 40px; font-weight: 500; padding: 3% 0 3%; }
.S16  .Boxs {width:100%;}
.S16 .swiper-pagination {font-family: 'Paperozi'; position: absolute; top: 3%; right: 2%; left: auto; background-color: #89888b; bottom: auto; width: 12%; font-size: 18px; line-height: 32px; border-radius: 16px; color: #e9edf5;}
.S16 .swiper-pagination .swiper-pagination-current {color:#dcff90; font-weight:800;}
.S17 {margin: 0; min-height: 100vh; background: linear-gradient(to top, #e9f8ef 0%, #ffffff 50%);}
.S17 .Txt0 {width:100%; font-family: 'Rix'; font-size: clamp(22px, calc(45px + 42 * (100vw - 720px) / 720), 42px); line-height: 62px; font-weight: 400; color:#483f3a; padding-bottom: 2%;}
.S17 .Txt0 .Txt1 {color:#02ae88;}
.S17 .Txt0 .Txt2 {color:#fa6d48;}
.S17 .Heart {display: block; width:12%; padding: 0% 0% 3%; margin: auto; animation: ani4 5s infinite;}
@keyframes ani4 {
  0% {transform: rotateY(0deg);}
  50% {transform: rotateY(360deg);}
  100% {transform: rotateY(0deg);}
}
.S17 .Txt3 {width:100%; font-family: 'Rix'; font-size: clamp(22px, calc(44px + 42 * (100vw - 720px) / 720), 42px); line-height: 62px; font-weight: 400; color:#483f3a; padding-bottom: 2%; opacity: 0;}
.S17 .Txt3.On {animation: ani5 1s forwards 0.5s;}
@keyframes ani5 {
  0% {transform: translate(0px,30px); opacity: 0;}
  100% {transform: translate(0px,0px); opacity: 1;}
}
.S17 .Txt3 span {color:#02ae88;}
.S17 .Txt3 .Txt2 {color: transparent; -webkit-text-stroke: 2px #02ae88;}
.S17 .Btns {width:100%; overflow: hidden; padding-top: 2%;}
.S17 .Btns a {width:42%; display: inline-block;}
.S18 {margin: 0; min-height: 100vh; background: linear-gradient(to top, #7ee56a 0%, #2cdebd 50%);}
.S18 h2 {width:100%; font-family: 'Rix'; font-size: clamp(22px, calc(48px + 42 * (100vw - 720px) / 720), 42px); line-height: 56px; color:#ffffff; font-weight: 400;}
.S18 h2 span {opacity: 0; display: inline-block;}
.S18 h2 i {color:#dcff90;}
.S18 h2 .Heart {width:38%; display: block; margin: auto;}
.S18 h2 .S18_1.On {animation: ani2 1.2s forwards 0.3s;}
.S18 h2 .S18_2.On {animation: ani2 1.2s forwards 0.6s;}
.S18 h2 .S18_3.On {animation: ani2 1.2s forwards 0.9s;}
.S18 h2 .S18_4.On {animation: ani2 1.2s forwards 1.5s;}
.Quick {position: absolute; bottom: 0%; left:0%; width:100%;}


@media (max-width: 720px) {
  .S1 h1 {line-height: 52px;}
  .S1 .T2 {padding-bottom: 40px; background-size: 39px 35px;}
  .Report .Link button {line-height: 40px; height: 40px; padding-left: 5%; background-position: 95% center;}
  .Report .Link .Dom {background-size: 30px 30px; background-position: 100% bottom;}
  .Report .Link .Mym {background-size: 30px 30px; background-position: 100% bottom;}
  .S2 h2 {width: 100%; font-size: clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px); line-height: 52px; padding-left: 10%;}
  .S2 h3 {line-height: 32px; padding: 0% 10% 10%;}
  .S3 .Bg {width: 310px;height: 460px; background-size: 310px 460px;}
  .S3 .Bg h2 {line-height: 38px;}
  .S3 .Bg h3 {line-height: 24px;}
  .S4 h2 {line-height: 44px;}
  .S4 .Arrow {width: 22px; height: 30px; background-size: 22px 30px;}
  .S5 .Btns button, .S5 .Btns p {height: 50px; line-height: 50px; border-radius: 7px;}
  .S5 h3 {line-height: 40px; padding-top: 0%;}
  .S5 .Cnt div p:nth-child(1) {height: 48px;line-height: 48px;}
  .S5 .Cnt div p:nth-child(3) {height: 24px;line-height: 24px;}
  .S5 .Cnt div span {height: 48px;}
  .S5 .Cnt div:nth-child(1) {background-size: 43px 52px;}
  .S5 .Cnt div:nth-child(2) {background-size: 53px 50px;}
  .S5 .Cnt div:nth-child(3) {background-size: 53px 53px;}
  .S6 .Bg {width: 310px;height: 460px; background-size: 310px 460px;}
  .S6 .Bg h2 {line-height: 38px;}
  .S6 .Bg h3 {line-height: 24px;}
  .S7 .Btns button, .S7 .Btns p {height: 50px; line-height: 50px; border-radius: 7px;}
  .S7 .Btns {width: 100%; position: relative; height: 100px; margin-bottom: 0px;}
  .S7 .Cnt div p:nth-child(4) {line-height: 18px; padding-top: 3%;}
  .S7 .Box1 {width:322px; height: 202px; background-size: 322px 202px;}
  .S7 .Box2 {width:322px; height: 202px; background-size: 322px 202px;}
  .S7 .Boxs div p:nth-child(1) {line-height: 28px;}
  .S8 h3 {line-height: 28px;}
  .S8 .swiper-pagination {width: 12%;font-size: 10px;line-height: 18px;border-radius: 8px;}
  .S9 .Txt0 {line-height: 38px;}
  .S10 .Bgs h1 {line-height: 38px;}
  .S10 .Bgs h2 {line-height: 32px;}
  .S10 .Bgs h2 span {padding: 2px;}
  .S10 {background-position: center right; background-size: contain; background-size: cover;}
  .S11 .Box {width: 310px;height: 460px; background-size: 310px 460px;}
  .S11 .Box h2 {line-height: 38px;}
  .S11 .Box h3 {line-height: 24px;}
  .S12 h2 {line-height: 44px;}
  .S13 h2 {line-height: 44px;}
  .S13 .Btns button, .S13 .Btns p {height: 50px; line-height: 50px;}
  .S13 h3 {line-height: 32px;}
  .S14 .Box {width: 310px;height: 460px; background-size: 310px 460px;}
  .S14 .Box h2 {line-height: 38px;}
  .S14 .Box h3 {line-height: 24px;}
  .S15 h2 {line-height: 44px;}
  .S15 .Btns button, .S15 .Btns p {height: 50px; line-height: 50px;}
  .S16 h3 {line-height: 24px; padding:5% 0 7%}
  .S16 .swiper-pagination {width: 12%; font-size: 10px; line-height: 18px;}
  .S17 .Txt0 {line-height: 44px;}
  .S18 h2 {line-height: 44px;}
  .S1, .S2, .S3, .S4, .S5, .S6, .S7, .S8, .S9,
  .S10, .S11, .S12, .S13, .S14, .S15, .S16, .S17, .S18 {
    min-height: 100vh;   /* fallback */
    min-height: 100dvh;  /* 최신 브라우저에서 정확한 높이 */
  }
}