@font-face{font-display:swap;font-family:"Noto Sans TC";font-style:normal;font-weight:100;src:url("../fonts/Noto_Sans_TC/noto-sans-tc-v37-chinese-traditional-100.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans TC";font-style:normal;font-weight:200;src:url("../fonts/Noto_Sans_TC/noto-sans-tc-v37-chinese-traditional-200.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans TC";font-style:normal;font-weight:300;src:url("../fonts/Noto_Sans_TC/noto-sans-tc-v37-chinese-traditional-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans TC";font-style:normal;font-weight:400;src:url("../fonts/Noto_Sans_TC/noto-sans-tc-v37-chinese-traditional-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans TC";font-style:normal;font-weight:500;src:url("../fonts/Noto_Sans_TC/noto-sans-tc-v37-chinese-traditional-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans TC";font-style:normal;font-weight:600;src:url("../fonts/Noto_Sans_TC/noto-sans-tc-v37-chinese-traditional-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans TC";font-style:normal;font-weight:700;src:url("../fonts/Noto_Sans_TC/noto-sans-tc-v37-chinese-traditional-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans TC";font-style:normal;font-weight:800;src:url("../fonts/Noto_Sans_TC/noto-sans-tc-v37-chinese-traditional-800.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans TC";font-style:normal;font-weight:900;src:url("../fonts/Noto_Sans_TC/noto-sans-tc-v37-chinese-traditional-900.woff2") format("woff2")}@font-face{font-display:swap;font-family:"IBM Plex Mono";font-style:normal;font-weight:400;src:url("../fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf") format("truetype")}@font-face{font-display:swap;font-family:"IBM Plex Mono";font-style:normal;font-weight:500;src:url("../fonts/IBM_Plex_Mono/IBMPlexMono-Medium.ttf") format("truetype")}@font-face{font-display:swap;font-family:"DM Sans";font-style:normal;font-weight:100 1000;src:url("../fonts/DM_Sans/DMSans-VariableFont_opsz,wght.ttf") format("truetype")}.container-fluid{max-width:calc(100% - 24px);padding-inline-start:0;padding-inline-end:0}@media(min-width: 769px){.container-fluid{max-width:100%}}:root{scroll-behavior:initial}*:focus,*:active,*:visited,*::before:focus,*::before:active,*::before:visited,*::after:focus,*::after:active,*::after:visited{outline:none !important;box-shadow:none !important}noscript{position:absolute;top:0;z-index:9999}body{color:#fff;font-family:"Noto Sans TC","IBM Plex Mono",sans-serif;font-size:1rem;line-height:normal;letter-spacing:.8px;font-weight:500;background:linear-gradient(0deg, #888 0%, #888 100%),#fff;overflow-x:hidden;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-font-smoothing:antialiased;image-rendering:auto;touch-action:manipulation;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100vh;height:calc(var(--vh, 1vh)*100)}body::-webkit-scrollbar{width:8px;height:8px}body::-webkit-scrollbar-button{width:8px;height:8px;display:none}body::-webkit-scrollbar-track{background-color:#464444;border:0}body::-webkit-scrollbar-thumb{background-color:#d70c18;border:0;cursor:pointer}body::-webkit-scrollbar-thumb:hover{background-color:#d70c18}@-moz-document url-prefix(){body{scrollbar-width:thin;scrollbar-color:#d70c18 #464444}}body.is-lock{overflow-y:auto;overflow-x:hidden;height:auto}img{display:block;max-width:100%;height:auto;pointer-events:none}a{color:#fff;text-decoration:none;transition:all ease 400ms}a:hover{color:currentColor}a:active,a:hover,a:visited,a:focus{text-decoration:none;outline:0;transition:all ease 400ms}button{background-color:rgba(0,0,0,0);border:none;padding:0;outline:0;cursor:pointer;transition:all ease 400ms}button:active,button:hover,button:visited,button:focus{outline:0;transition:all ease 400ms}ul,ol{padding:0;margin-bottom:0}ul{list-style:none}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-size:1rem;font-weight:400;line-height:normal;margin-bottom:0}p,label{margin-bottom:0}textarea{resize:none}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background-color:rgba(0,0,0,0);border:none;outline:0;padding:0}input:active,input:hover,input:visited,input:focus,select:active,select:hover,select:visited,select:focus,textarea:active,textarea:hover,textarea:visited,textarea:focus{outline:0}input[type=submit],[type=date],[type=checkbox]{cursor:pointer;transition:all ease 400ms}::-moz-placeholder{color:rgba(0,0,0,.5)}::placeholder{color:rgba(0,0,0,.5)}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}#bubbleCanvas{position:fixed;top:0;left:0;pointer-events:none;z-index:1030}.u-link-range{position:absolute;top:0;left:0;width:100%;height:100%}.u-pointer{cursor:pointer}.u-hidden{position:absolute;width:0;height:0;overflow:hidden}.u-sr-only{outline:#d70c18 auto 5px !important;clip:rect(1px, 1px, 1px, 1px) !important;clip-path:inset(50%) !important;height:0 !important;width:0 !important;overflow:hidden !important;position:absolute !important}.u-sr-only:focus{width:auto;height:auto;visibility:visible}.u-img-cover{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.u-img-contain{-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}.u-bg-cover{width:100%;background-size:cover;background-repeat:no-repeat;background-position:center center}.u-16x9{position:relative;width:100%;overflow:hidden;padding-top:56.25%}.u-16x9>*{position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0);width:100%;height:100%}.u-flex-1{flex:1}@keyframes step-change{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-100%, 0, 0)}}[data-fade]{opacity:0;transition:opacity ease 1000ms}[data-fade].is-animate{opacity:1;transition:opacity ease 1000ms}@media(min-width: 769px){[data-fade][data-delay="0"]{transition-delay:0ms !important}}@media(min-width: 769px){[data-fade][data-delay="100"]{transition-delay:100ms !important}}@media(min-width: 769px){[data-fade][data-delay="200"]{transition-delay:200ms !important}}@media(min-width: 769px){[data-fade][data-delay="300"]{transition-delay:300ms !important}}@media(min-width: 769px){[data-fade][data-delay="400"]{transition-delay:400ms !important}}@media(min-width: 769px){[data-fade][data-delay="500"]{transition-delay:500ms !important}}@media(min-width: 769px){[data-fade][data-delay="600"]{transition-delay:600ms !important}}@media(min-width: 769px){[data-fade][data-delay="700"]{transition-delay:700ms !important}}@media(min-width: 769px){[data-fade][data-delay="800"]{transition-delay:800ms !important}}@media(min-width: 769px){[data-fade][data-delay="900"]{transition-delay:900ms !important}}@media(min-width: 769px){[data-fade][data-delay="1000"]{transition-delay:1000ms !important}}@media(min-width: 769px){[data-fade][data-delay="1100"]{transition-delay:1100ms !important}}@media(min-width: 769px){[data-fade][data-delay="1200"]{transition-delay:1200ms !important}}@media(min-width: 769px){[data-fade][data-delay="1300"]{transition-delay:1300ms !important}}@media(min-width: 769px){[data-fade][data-delay="1400"]{transition-delay:1400ms !important}}@media(min-width: 769px){[data-fade][data-delay="1500"]{transition-delay:1500ms !important}}@media(min-width: 769px){[data-fade][data-delay="1600"]{transition-delay:1600ms !important}}@media(min-width: 769px){[data-fade][data-delay="1700"]{transition-delay:1700ms !important}}@media(min-width: 769px){[data-fade][data-delay="1800"]{transition-delay:1800ms !important}}@media(min-width: 769px){[data-fade][data-delay="1900"]{transition-delay:1900ms !important}}@media(min-width: 769px){[data-fade][data-delay="2000"]{transition-delay:2000ms !important}}@media(min-width: 769px){[data-fade][data-delay="2100"]{transition-delay:2100ms !important}}@media(min-width: 769px){[data-fade][data-delay="2200"]{transition-delay:2200ms !important}}@media(min-width: 769px){[data-fade][data-delay="2300"]{transition-delay:2300ms !important}}@media(min-width: 769px){[data-fade][data-delay="2400"]{transition-delay:2400ms !important}}@media(min-width: 769px){[data-fade][data-delay="2500"]{transition-delay:2500ms !important}}@media(min-width: 769px){[data-fade][data-delay="2600"]{transition-delay:2600ms !important}}@media(min-width: 769px){[data-fade][data-delay="2700"]{transition-delay:2700ms !important}}@media(min-width: 769px){[data-fade][data-delay="2800"]{transition-delay:2800ms !important}}@media(min-width: 769px){[data-fade][data-delay="2900"]{transition-delay:2900ms !important}}@media(min-width: 769px){[data-fade][data-delay="3000"]{transition-delay:3000ms !important}}[data-fade=up]{transform:translate3d(0, 5%, 0);transition:transform ease 1000ms,opacity ease 1000ms}[data-fade=up].is-animate{transform:translate3d(0, 0, 0);transition:transform ease 1000ms,opacity ease 1000ms}.swiper .swiper-button-next,.swiper .swiper-button-prev{width:24px;height:24px;display:flex;justify-content:center;align-items:center;transition:opacity ease 300ms}.swiper .swiper-button-next::after,.swiper .swiper-button-prev::after{display:none}.swiper .swiper-button-next:hover,.swiper .swiper-button-prev:hover{transition:all ease 400ms}.swiper .swiper-button-next:focus,.swiper .swiper-button-next:focus-visible,.swiper .swiper-button-prev:focus,.swiper .swiper-button-prev:focus-visible{outline:none;border:none}@media(hover: hover){.swiper .swiper-button-next:hover,.swiper .swiper-button-prev:hover{opacity:.7}}.swiper .swiper-button-next{right:0}.swiper .swiper-button-prev{left:0}.swiper .swiper-pagination-bullet{background-color:#fff}.swiper .swiper-pagination-bullet:focus,.swiper .swiper-pagination-bullet:focus-visible{outline:none;border:none}.swiper .swiper-pagination-bullet-active{background-color:#d70c18}.modal-dialog{max-width:calc(100% - 24px);min-height:calc(100% - 24px);margin:12px auto}@media(min-width: 769px){.modal-dialog{max-width:640px}}.modal-dialog-centered{min-height:calc(100% - 24px)}.modal-content{height:-moz-fit-content;height:fit-content;border-radius:20px;justify-content:center;align-items:center;overflow:hidden;margin:auto}@media(min-width: 769px){.modal-content{min-height:640px}}.modal-body{position:relative}.modal-title{font-size:1.25rem;font-weight:500;text-align:center}@media(min-width: 769px){.modal-title{font-size:1.5rem}}.btn-close:focus{box-shadow:none}.c-modal{color:#000}@media(min-width: 769px){.c-modal.sty-q2 .modal-dialog{max-width:calc(100% - 24px)}}@media(min-width: 1400px){.c-modal.sty-q2 .modal-dialog{max-width:1280px}}.c-modal.sty-q2 .modal-content{flex-direction:row}@media(max-width: 768.98px){.c-modal.sty-q2 .modal-content{flex-direction:column}}@media(min-width: 769px){.c-modal.sty-q2 .modal-content>*{width:50%}}.c-modal.sty-q2 .c-modal__start{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background-color:#000;padding:16px 17px}@media(min-width: 576px){.c-modal.sty-q2 .c-modal__start{padding:19px 42px}}@media(min-width: 769px){.c-modal.sty-q2 .c-modal__start{padding:16px 17px}}@media(min-width: 992px){.c-modal.sty-q2 .c-modal__start{gap:32px;padding:19px 42px}}@media(min-width: 1200px){.c-modal.sty-q2 .c-modal__start{padding:39px 84px}}.c-modal.sty-q2 .c-modal__start iframe{width:100%}@media(max-width: 1199.98px){.c-modal.sty-q2 .c-modal__quiz{padding:16px 17px}}@media(min-width: 769px){.c-modal.sty-q3 .modal-dialog{max-width:calc(100% - 24px)}}@media(min-width: 1400px){.c-modal.sty-q3 .modal-dialog{max-width:1280px}}.c-modal.sty-q3 .modal-content{flex-direction:row}@media(max-width: 768.98px){.c-modal.sty-q3 .modal-content{flex-direction:column}}@media(min-width: 769px){.c-modal.sty-q3 .modal-content>*{width:50%}}.c-modal.sty-q3 .c-modal__start{background-color:#fffeec;display:flex;justify-content:center;align-items:center;padding:20px 42px}@media(min-width: 1200px){.c-modal.sty-q3 .c-modal__start{padding:20px 84px}}.c-modal.sty-q3 .c-modal__start img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}@media(min-width: 414px){.c-modal.sty-q3 .c-modal__start img{width:70%}}@media(min-width: 769px){.c-modal.sty-q3 .c-modal__start img{width:100%}}@media(max-width: 1199.98px){.c-modal.sty-q3 .c-modal__quiz{padding:16px 17px}}@media(hover: hover){.c-modal .c-radio:hover{color:#d70c18}}.c-modal .c-radio.is-checked{color:#d70c18}.c-modal .modal-content>*{align-self:stretch}.c-modal__title{font-size:1.25rem;font-weight:500;line-height:normal;letter-spacing:1.2px}@media(min-width: 769px){.c-modal__title{font-size:1.5rem}}.c-modal__subtitle{font-size:1rem;font-weight:700;line-height:normal;letter-spacing:3.2px}.c-modal__quiz{display:flex;flex-direction:column;padding:16px 17px}@media(min-width: 769px){.c-modal__quiz{padding:30px 34px}}.c-modal__quiz__head{display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-bottom:10px;border-bottom:1px solid #000}@media(min-width: 769px){.c-modal__quiz__head{flex-direction:row}}.c-modal__quiz__head .head__pagenation{display:flex;align-items:center;justify-content:space-between;gap:8px}.c-modal__quiz__head .head__pagenation__item{width:28px;height:28px;border-radius:1000px;display:flex;justify-content:center;align-items:center;border:1px solid #000;font-size:0.875rem;font-weight:700;line-height:100%;font-family:"DM Sans",sans-serif}@media(min-width: 769px){.c-modal__quiz__head .head__pagenation__item{width:30px;height:30px}}.c-modal__quiz__head .head__pagenation__item.is-active{background-color:#d70c18;border-color:#d70c18;color:#fff}.c-modal__quiz__body{padding:0 8px}@media(min-width: 769px){.c-modal__quiz__body{padding:0 16px}}.c-modal__quiz__body .body__heading{position:relative;padding:40px 0;margin-top:-5px}@media(min-width: 769px){.c-modal__quiz__body .body__heading{padding:80px 0;margin-top:-10px}}.c-modal__quiz__body .body__heading__bg{position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0);color:rgba(0,0,0,.05);font-size:6.25rem;font-weight:700;line-height:normal;font-family:"DM Sans",sans-serif}@media(min-width: 769px){.c-modal__quiz__body .body__heading__bg{font-size:9.375rem}}.c-modal__quiz__body .body__options{display:flex;flex-direction:column;gap:18px}@media(min-width: 769px){.c-modal__quiz__body .body__options{gap:24px}}.c-modal__quiz__body .body__options>*{display:flex;flex-direction:column;gap:10px}.c-modal__quiz__body .body__options>*.is-active .body__options__hint{grid-template-rows:1fr;transition:all ease 400ms}.c-modal__quiz__body .body__options>*.is-active .body__options__hint>*{animation:overflowModify .5s ease forwards}.c-modal__quiz__body .body__options .c-field{padding-inline-end:0}.c-modal__quiz__body .body__options__hint{display:grid;grid-template-rows:0fr;transition:all ease 400ms}.c-modal__quiz__body .body__options__hint>*{overflow:hidden}.c-modal__quiz__body .body__options__hint .hint__content{position:relative;background-color:#f4f4f4;border-radius:10px;display:flex;gap:5px;font-size:1rem;font-weight:500;line-height:22px;letter-spacing:.9px;padding:10px}@media(min-width: 769px){.c-modal__quiz__body .body__options__hint .hint__content{font-size:1.125rem;gap:10px;line-height:24px}}.c-modal__quiz__body .body__options__hint .hint__content::before{content:"";width:0;height:0;border-style:solid;border-width:0 8px 8px 8px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #f4f4f4 rgba(0,0,0,0);position:absolute;top:0;left:31px;transform:translate3d(0, -100%, 0)}.c-modal__quiz__body .body__options__hint img{width:22px;height:22px;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}@media(min-width: 769px){.c-modal__quiz__body .body__options__hint img{width:24px;height:24px}}.c-modal__quiz .c-modal__footer{padding-top:23px;padding-bottom:20px}@media(min-width: 769px){.c-modal__quiz .c-modal__footer{padding-top:46px}}.c-modal__footer{height:100%;display:flex;justify-content:center;align-items:flex-end;gap:20px}.c-modal-result.sty-result-finish .c-modal-result__content__img{max-width:100%;height:224px}@media(min-width: 769px){.c-modal-result.sty-result-finish .c-modal-result__content__img{height:281px}}.c-modal-result .modal-content{gap:60px;padding:68px 12px 25px 12px}@media(min-width: 769px){.c-modal-result .modal-content{gap:116px}}.c-modal-result__content{max-width:354px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;margin:0 auto}.c-modal-result__content__img{max-width:200px;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}@media(min-width: 576px){.c-modal-result__content__img{max-width:250px}}.c-modal-form .modal-content{padding:20px}@media(min-width: 576px){.c-modal-form .modal-content{padding:21px 34px 25px 34px}}@media(min-width: 769px){.c-modal-form .modal-content{padding:43px 68px 50px 68px}}.c-modal-form__hint{position:absolute;top:20px;right:20px}.c-modal-form__head{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;margin-bottom:32px}@media(min-width: 992px){.c-modal-youtube .modal-dialog{max-width:800px}}.c-modal-youtube .modal-content{min-height:auto;padding:30px;gap:20px}.c-spinner{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);opacity:0;z-index:-1;transition:all ease 400ms}.c-spinner.is-active{opacity:1;z-index:9999;transition:all ease 400ms}.c-spinner-inner{display:flex;justify-content:center;align-items:center;opacity:0;z-index:-1;transition:all ease 400ms}.c-spinner-inner.is-active{opacity:1;z-index:9999;transition:all ease 400ms}@keyframes overflowModify{0%,99.9%{overflow:hidden}100%{overflow:visible}}.c-accordion{display:flex;flex-direction:column;gap:30px}@media(min-width: 769px){.c-accordion{gap:50px}}.c-accordion__item{border-radius:17px;background-color:#fff;overflow:hidden}@media(min-width: 769px){.c-accordion__item{border-radius:20px}}.c-accordion__item.is-active .head__icon{transform:rotate(180deg);transition:all ease 400ms}.c-accordion__item.is-active .head__icon::after{opacity:0;transition:all ease 400ms}.c-accordion__item.is-active .c-accordion__item__content{grid-template-rows:1fr;transition:all ease 400ms}.c-accordion__item.is-active .content__inner{animation:overflowModify .5s ease forwards}.c-accordion__item__head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:1rem;font-weight:700;line-height:normal;letter-spacing:.9px;color:#000;padding:14px}@media(min-width: 769px){.c-accordion__item__head{font-size:1.125rem;padding:20px}}.c-accordion__item__head .head__icon{position:relative;width:24px;height:24px;transition:all ease 400ms}.c-accordion__item__head .head__icon::before,.c-accordion__item__head .head__icon::after{content:"";position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0);background-color:#323232;transition:all ease 400ms}.c-accordion__item__head .head__icon::before{width:14px;height:2px}.c-accordion__item__head .head__icon::after{width:2px;height:14px}.c-accordion__item__content{display:grid;grid-template-rows:0fr;transition:all ease 400ms}.c-accordion__item__content .content__inner{word-break:break-all;overflow:hidden}.c-accordion__item__content .content__inner>*{color:#666;font-size:14px;font-weight:400;line-height:22px;letter-spacing:.28px;padding:14px}@media(min-width: 769px){.c-accordion__item__content .content__inner>*{padding:20px}}.c-accordion__item__content .content__inner ul,.c-accordion__item__content .content__inner ol{list-style:revert;padding-inline-start:1.5rem}.c-accordion__item__content .content__inner a{color:#d70c18}.c-accordion__item__content .content__inner__title{font-weight:700;color:#172439}.c-btn-icon,.c-btn-sm,.c-btn{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;justify-content:center;transition:all ease 400ms}.is-disabled.c-btn-icon,.is-disabled.c-btn-sm,.is-disabled.c-btn{pointer-events:none;opacity:.7}.c-btn{border-radius:5px;font-size:1.125rem;line-height:normal;letter-spacing:3.6px;font-weight:700;padding:5px 10px 8px 10px}.c-btn--lg{font-size:1.5rem;letter-spacing:1.2px}.c-btn--main{background-color:#d70c18;color:#fff}.c-btn--main:hover{color:#fff}.c-btn--minor{background-color:#6a6a6a;color:#fff}.c-btn--minor:hover{color:#fff}.c-btn-sm{border-radius:5px;font-size:1rem;line-height:normal;letter-spacing:3.2px;font-weight:500;padding:4px 10px 5px 10px}.c-btn-sm::after{content:"";display:inline-block;width:0;margin-left:-3.2px}.c-btn-sm--white{background-color:#fff;color:#d70c18}.c-btn-sm--white:hover{color:#d70c18}.c-btn-sm--gray-dark{background-color:#464444;color:#fff}.c-btn-sm--gray-dark:hover{color:#fff}.c-btn-sm--outline-white{border:1px solid #fff;color:#fff}.c-btn-sm--outline-white:hover{color:#fff}.c-btn-icon{border-radius:5px;font-size:0.875rem;line-height:normal;letter-spacing:.7px;font-weight:500;gap:5px;padding:6.5px 10px}.c-btn-icon--light{background-color:rgba(0,0,0,.1);color:#000}.c-btn-icon--light img{width:18px;height:18px;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}.c-card{position:relative;cursor:pointer;transition:all ease 400ms}@media(hover: hover){.c-card:hover{transition:all ease 400ms}.c-card:hover .c-card__img img{transform:translate(-50%, -50%) scale(1.1);transition:all ease 400ms}}.c-card__head{position:relative;overflow:hidden;margin-bottom:14px}@media(min-width: 769px){.c-card__head{margin-bottom:16px}}.c-card__body{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1px}.c-card__footer{display:flex;justify-content:space-between;flex-wrap:wrap}.c-card__img{position:relative;width:100%;overflow:hidden;padding-top:56.2162162162%}.c-card__img img,.c-card__img video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0);transition:all ease 400ms}.c-card__img video{z-index:-1}.c-card__title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:start;font-weight:700}.c-card__text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:start}.c-form{width:100%;display:flex;flex-direction:column;gap:10px}.c-form__btn{display:flex;justify-content:center;align-items:center;margin-top:34px}.c-field{width:100%;border-radius:10px;background-color:rgba(0,0,0,.05);display:flex;gap:10px;padding:10px;transition:all ease 400ms}.c-field{flex-direction:column}@media(min-width: 576px){.c-field{flex-direction:row}}.c-field.sty-column{flex-direction:column;gap:5px}.c-field.sty-column .c-field__start{max-width:100%;display:flex;align-items:center;gap:30px}.c-field.sty-none{background-color:rgba(0,0,0,0);padding-top:0;padding-bottom:0;padding-inline-start:0}.c-field__start{max-width:94px;width:100%}.c-field__end{width:100%}.c-label{width:100%;font-size:1rem;letter-spacing:.8px;font-weight:700;line-height:normal;transition:all ease 400ms}.c-input{width:100%;display:flex;flex-direction:column}@media(min-width: 576px){.c-input{flex-direction:row;align-items:center;gap:30px}}.c-input input{width:100%;font-size:1rem;font-weight:500;line-height:normal;letter-spacing:.8px}.c-textarea{width:100%}.c-textarea textarea{width:100%;height:76px;font-size:1rem;font-weight:500;line-height:normal;letter-spacing:.8px}.c-textarea textarea::-webkit-scrollbar{width:8px;height:8px}.c-textarea textarea::-webkit-scrollbar-button{width:8px;height:8px;display:none}.c-textarea textarea::-webkit-scrollbar-track{background-color:#464444;border:0}.c-textarea textarea::-webkit-scrollbar-thumb{background-color:#d70c18;border:0;cursor:pointer}.c-textarea textarea::-webkit-scrollbar-thumb:hover{background-color:#d70c18}@-moz-document url-prefix(){.c-textarea textarea{scrollbar-width:thin;scrollbar-color:#d70c18 #464444}}.c-checkbox,.c-radio{display:flex;gap:6px}.c-checkbox label,.c-radio label{cursor:pointer}.c-checkbox input[type=checkbox],.c-radio input[type=checkbox]{border-radius:5px}.c-checkbox input[type=checkbox]:checked::before,.c-radio input[type=checkbox]:checked::before{border-radius:2px}.c-checkbox input[type=radio],.c-radio input[type=radio]{border-radius:1000px}.c-checkbox input[type=radio]:checked::before,.c-radio input[type=radio]:checked::before{border-radius:1000px}.c-checkbox input[type=checkbox],.c-checkbox input[type=radio],.c-radio input[type=checkbox],.c-radio input[type=radio]{position:relative;width:20px;height:20px;cursor:pointer;border:2px solid #323232}.c-checkbox input[type=checkbox]::before,.c-checkbox input[type=radio]::before,.c-radio input[type=checkbox]::before,.c-radio input[type=radio]::before{content:"";position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0)}.c-checkbox input[type=checkbox]:checked::before,.c-checkbox input[type=radio]:checked::before,.c-radio input[type=checkbox]:checked::before,.c-radio input[type=radio]:checked::before{content:"";width:10px;height:10px;background-color:#323232}.c-checkbox .c-label,.c-radio .c-label{display:flex;gap:4px;line-height:22px}.c-checkbox__item,.c-radio__item{display:flex;justify-content:center;flex-shrink:0;padding:2px}.c-checkbox__text,.c-radio__text{width:100%;display:flex;flex-direction:column}@media(min-width: 576px){.c-checkbox__text,.c-radio__text{flex-direction:row;justify-content:center}}.c-hint{font-size:0.75rem;font-weight:500;line-height:normal;letter-spacing:.6px;color:rgba(0,0,0,.7);flex-shrink:0;transition:all ease 400ms}.c-hint.is-error{color:#d70c18}[field-state]{transition:all ease 400ms}[field-state] .c-hint.is-error{display:none}[field-state].is-disabled{opacity:.7;pointer-events:none}[field-state].is-hidden{display:none}[field-state].is-error .c-hint.is-error{display:block}[input-state]{transition:all ease 400ms}[input-state].is-disabled{opacity:.7;pointer-events:none}[input-state].is-hidden{display:none}[input-state].is-error .c-hint.is-error{display:block}.c-toast{min-width:250px;position:fixed;top:50%;left:50%;transform:translate(-50%, -40%);border-radius:10px;line-height:normal;color:#000;background-color:#fff;display:flex;flex-direction:column;align-items:center;box-shadow:0px 0px 10px rgba(0,0,0,.1);border:2px solid #d70c18;padding:27px 30px;opacity:0;pointer-events:none;z-index:1080;transition:all ease 400ms}@media(min-width: 769px){.c-toast{min-width:214px;font-size:1.25rem;padding:27px 42px}}.c-toast.is-show{opacity:1;pointer-events:auto;transform:translate(-50%, -50%);transition:all ease 400ms}.c-toast__text{text-align:center}.c-nav{width:100%;position:sticky;top:var(--header-h, 0);left:0;background-color:#000;z-index:1030}@media(min-width: 769px){.c-nav{top:0}}@media(min-width: 1200px){.c-nav{max-width:132px;position:fixed;top:50%;left:auto;right:20px;transform:translate3d(0, -50%, 0);background-color:rgba(0,0,0,0);padding:5px}}@media(min-width: 1200px)and (max-height: 770px){.c-nav{top:30%}}.c-nav__list{display:flex;overflow:auto}@media(min-width: 769px){.c-nav__list{max-width:calc(100% - 256px);margin:0 auto}}@media(min-width: 1200px){.c-nav__list{max-width:100%;flex-direction:column;gap:10px}}.c-nav__list>*{width:100%;display:flex;justify-content:center;align-items:center}.c-nav__list__btn{width:100%;color:#fff;background-color:#000;text-align:center;font-size:0.75rem;line-height:normal;font-weight:600;letter-spacing:.36px;white-space:nowrap;padding:5px 7.5px;transition:all ease 400ms}@media(min-width: 1200px){.c-nav__list__btn{font-size:0.875rem;font-weight:700;letter-spacing:.7px;border-radius:50px;background-color:rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:5px 15px}}.c-nav__list__btn:hover{color:#fff;opacity:.7}@media(min-width: 1200px){.c-nav__list__btn:hover{background-color:#294f6c;opacity:1}}.c-nav__list__btn.is-active{background-color:#fff;color:#294f6c;opacity:1}.c-join{max-width:clamp(100px,26.6666666667vw,120px);position:fixed;bottom:0;right:-1%;overflow:hidden;z-index:1030;transition:all ease 400ms}@media(min-width: 769px){.c-join{max-width:clamp(100px,9.765625vw,150px);bottom:58px}}@media(min-width: 1200px){.c-join{max-width:193px;bottom:4.4270833333vw}}@media(min-width: 769px)and (max-height: 1200px){.c-join{bottom:0}}@media(hover: hover){.c-join:hover{transform:translate3d(0, -10px, 0);transition:all ease 400ms}}.c-join__wrap{width:200%;display:flex;flex-wrap:nowrap;animation:step-change 1200ms steps(2) infinite}.c-join img{width:50%;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}.c-heading{max-width:200px;display:flex;flex-direction:column;justify-content:center;text-align:center;background-color:#f6cf40;border-radius:10px;overflow:hidden;margin:0 auto}@media(min-width: 1200px){.c-heading{max-width:250px}}.c-heading__title{font-size:1.5rem;font-weight:700;line-height:normal;letter-spacing:4.8px;color:#000}@media(min-width: 1200px){.c-heading__title{font-size:1.75rem}}.c-heading__top{height:14px;background-image:url("../images/pages/tonic/heading-pattern-top.png");background-repeat-x:repeat}.c-heading__bottom{height:14px;background-image:url("../images/pages/tonic/heading-pattern-bottom.png");background-repeat-x:repeat}.l-nav{position:sticky;top:0;left:0;background-color:#d70c18;padding:6px 0;z-index:1040;transition:all ease 400ms}.l-nav .container-fluid{max-width:calc(100% - 60px)}@media(min-width: 1400px){.l-nav .container-fluid{max-width:1200px}}.l-nav__logo{white-space:nowrap;overflow:hidden;text-indent:101%;background-repeat:no-repeat;background-size:contain;background-position:center;width:155px;height:28px;background-image:url("../images/layout/logo.svg")}.l-nav__logo__inner{width:100%;height:100%;position:relative}.l-footer{display:flex;align-items:center;justify-content:space-between;background-color:#d70c18;margin-top:auto}.l-footer__start{width:100%;height:100%;color:#fff;font-size:0.875rem;font-weight:700;padding-inline-start:332px}.l-footer__end{width:40%;background-color:#dedede;flex-shrink:0;padding:16px 25px}.l-footer__end img{width:151px;height:24px;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}.l-loading{background-color:#1e1e1e;width:100vw;height:100vh;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.l-loading.is-hidden{opacity:0;z-index:-99;transition:all ease 400ms}@keyframes scroll{0%{transform:translate3d(0, -100%, 0)}100%{transform:translate3d(-50%, 100%, 0)}}@keyframes shine{0%{opacity:.8}100%{opacity:1}}@keyframes shine-lg{0%{opacity:.5}100%{opacity:1}}@keyframes fishs{0%{transform:translate3d(0, 0, 0);opacity:.6}100%{transform:translate3d(0.3%, -0.5%, 0);opacity:1}}@keyframes shine-shadow{0%{filter:drop-shadow(0 0 0 #fadb95)}100%{filter:drop-shadow(2px 4px 5px #fadb95)}}@keyframes shine-star{0%{opacity:.7;transform:scale(1)}100%{opacity:1;transform:scale(1.1)}}@keyframes float{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, 20px, 0)}}@keyframes float-sm{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, clamp(3px, 2vw, 10px), 0)}}@keyframes float-sm-reverse{0%{transform:translate3d(0, clamp(3px, 2vw, 10px), 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes float-shrimp{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-2%, -5%, 0)}}@keyframes float-turtle{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(1%, 3%, 0)}}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(4deg)}}@keyframes rotate-coral{0%{transform:translate3d(-5px, 0, 0) rotate(0)}100%{transform:translate3d(-8px, 0, 0) rotate(-1deg)}}@keyframes kv-title{0%{opacity:1}100%{opacity:.3}}@keyframes kv-subtitle{0%{opacity:.5;background-position-x:0}20%{opacity:1}40%{opacity:.5}60%{opacity:1}90%{opacity:.5}100%{opacity:1;background-position-x:-100vw}}@keyframes kv-light{0%{transform:scale(1);opacity:1}100%{transform:scale(1.05);opacity:.6}}[data-page=index] .kv{position:relative;height:calc(100svh - var(--nav-header-h, 0));background:#00c7f4;overflow:hidden}@media(min-width: 769px){[data-page=index] .kv{min-height:73.2421875vw}}@media(min-width: 1200px){[data-page=index] .kv{min-height:44.7916666667vw}}@media(min-width: 1620px){[data-page=index] .kv{min-height:52.8645833333vw}}@media screen and (min-width: 1921px){[data-page=index] .kv{min-height:52.0833333333vw}}[data-page=index] .kv img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}[data-page=index] .kv [data-step]{opacity:0;transition:1000ms ease 400ms}[data-page=index] .kv [data-step].is-animate{opacity:1;transform:translate3d(0, 0, 0) scale(1);transition:1000ms ease 400ms}[data-page=index] .kv [data-step="1"]{transform:translate3d(10%, 0, 0)}[data-page=index] .kv [data-step="1"].is-animate{transition-delay:200ms}[data-page=index] .kv [data-step="2"]{transform:translate3d(-20%, 10%, 0)}[data-page=index] .kv [data-step="2"].is-animate{transition-delay:400ms}[data-page=index] .kv [data-step="3"]{transform:translate3d(20%, 10%, 0)}[data-page=index] .kv [data-step="3"].is-animate{transition-delay:500ms}[data-page=index] .kv [data-step="4"].is-animate{transition-delay:650ms}[data-page=index] .kv [data-step="5"]{transform:translate3d(5%, 0, 0)}[data-page=index] .kv [data-step="5"].is-animate{transition-delay:750ms}[data-page=index] .kv [data-step="6"].is-animate{transition-delay:780ms}[data-page=index] .kv__bg{width:100%;height:100%}[data-page=index] .kv__layer{width:100%;position:absolute;left:0}[data-page=index] .kv__layer--top{top:-11px}@media(min-width: 1200px)and (max-height: 1000px){[data-page=index] .kv__layer--top{top:-5%}}[data-page=index] .kv__layer--top img{animation:float-sm linear 900ms infinite alternate}[data-page=index] .kv__layer--bottom{bottom:0}[data-page=index] .kv__layer--whale{width:116.2666666667vw;top:55%;left:-60%}@media(min-width: 769px){[data-page=index] .kv__layer--whale{width:133.30078125vw;top:28%;left:-80%}}@media(min-width: 1200px){[data-page=index] .kv__layer--whale{width:93.6458333333vw;left:-42%}}[data-page=index] .kv__layer--whale>*{overflow:hidden;padding:11px 0}[data-page=index] .kv__layer--whale .whale__wrap{width:200%;display:flex;flex-wrap:nowrap;animation:step-change 1200ms steps(2) infinite}[data-page=index] .kv__layer--whale img{width:50%;height:auto;animation:float-sm-reverse linear 1000ms 100ms infinite alternate}[data-page=index] .kv__layer--shrimps{width:52.5333333333vw;top:62%;left:auto;right:-16%}@media(min-width: 769px){[data-page=index] .kv__layer--shrimps{width:38.671875vw;top:55%;right:1%}}@media(min-width: 1200px){[data-page=index] .kv__layer--shrimps{width:27.1875vw;right:16%}}[data-page=index] .kv__layer--shrimps>*{overflow:hidden;padding:10px 0}[data-page=index] .kv__layer--shrimps .shrimps__wrap{width:200%;display:flex;justify-content:flex-end;flex-wrap:nowrap;animation:step-change 1200ms steps(2) infinite}[data-page=index] .kv__layer--shrimps img{width:50%;height:auto;animation:float-shrimp linear 800ms infinite alternate}[data-page=index] .kv__layer--ship{width:158.1333333333vw;top:-2.5%;left:auto;right:-2%}@media(min-width: 769px){[data-page=index] .kv__layer--ship{width:142.28515625vw;top:-11px;right:-21%}}@media(min-width: 1200px){[data-page=index] .kv__layer--ship{width:100vw;right:1%}}@media(min-width: 1200px)and (max-height: 1000px){[data-page=index] .kv__layer--ship{top:-5%}}[data-page=index] .kv__layer--ship img{animation:float-sm-reverse linear 800ms infinite alternate}[data-page=index] .kv__layer--wave{width:52.2666666667vw;left:auto;top:14.6666666667vw;right:-8%}@media(min-width: 769px){[data-page=index] .kv__layer--wave{width:47.0703125vw;top:16.7750325098vw;right:-22%}}@media(min-width: 1200px){[data-page=index] .kv__layer--wave{width:33.0729166667vw;top:12.0833333333vw;right:0}}@media(min-width: 1200px)and (max-height: 1000px){[data-page=index] .kv__layer--wave{top:9.8958333333vw}}[data-page=index] .kv__layer--wave img{animation:float-sm linear 900ms infinite alternate}[data-page=index] .kv__layer--light{width:100%;height:100%;top:0}[data-page=index] .kv__layer--light>div{width:100%;height:100%}[data-page=index] .kv__layer--light img{animation:kv-light linear 1200ms infinite alternate}[data-page=index] .kv__wave{width:100%;position:absolute;bottom:0;left:0}[data-page=index] .kv__title{width:100%;position:absolute;top:5%;left:0}@media(min-width: 769px){[data-page=index] .kv__title{top:0}}[data-page=index] .kv__title>div{width:100%;position:absolute;top:0;left:50%;transform:translate3d(-50%, 0, 0)}@media(min-width: 769px){[data-page=index] .kv__title>div{max-width:79.1015625vw}}@media(min-width: 1200px){[data-page=index] .kv__title>div{max-width:55.625vw}}[data-page=index] .kv__title img{-o-object-fit:contain;object-fit:contain}[data-page=index] .kv__title__layer{width:100%;position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0)}[data-page=index] .kv__title__subtitle{max-width:66.1333333333vw;top:97%;overflow:hidden}@media(min-width: 769px){[data-page=index] .kv__title__subtitle{max-width:20.6770833333vw;top:84%}}[data-page=index] .kv__title__subtitle>div{position:relative}[data-page=index] .kv__title__subtitle>div::before{content:"";-webkit-mask:url("../images/pages/kv/title/title-2.png");mask:url("../images/pages/kv/title/title-2.png");-webkit-mask-size:100%;mask-size:100%;background-image:url("../images/pages/kv/title/title-2-1.png");background-size:cover;background-repeat:repeat-x;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;animation:kv-subtitle linear 30000ms infinite}[data-page=index] .kv__title__slogan{width:-moz-fit-content;width:fit-content;top:114%;z-index:-1}@media(min-width: 769px){[data-page=index] .kv__title__slogan{top:87%;transform:rotate(-8.641deg);z-index:0}}[data-page=index] .kv__title__slogan>div{max-width:65.6vw;text-align:center;color:#fff;font-size:0.6875rem;font-weight:bold;letter-spacing:.88px;white-space:nowrap;text-shadow:0 0 10px #294f6c;margin:0 auto;padding:8px 12px}@media(min-width: 576px){[data-page=index] .kv__title__slogan>div{font-size:0.8125rem}}@media(min-width: 769px){[data-page=index] .kv__title__slogan>div{max-width:60.2666666667vw;background-color:#d70c18;border-radius:5px;font-size:1rem;letter-spacing:2.7px;text-shadow:none;padding:3px 15px 6px 15px}}@media(min-width: 1200px){[data-page=index] .kv__title__slogan>div{font-size:1.125rem;letter-spacing:3.6px;padding:5px 20px 8px 20px}}[data-page=index] .kv__title__main{position:relative;-webkit-mask:url("../images/pages/kv/title/title-mask.png");mask:url("../images/pages/kv/title/title-mask.png");-webkit-mask-size:100%;mask-size:100%;width:100%;height:auto;background-size:cover;background-position:center center;background-repeat:no-repeat}[data-page=index] .kv__title__main .main__mask{mix-blend-mode:soft-light;animation:kv-title linear 800ms infinite alternate}[data-page=index] .kv__scroll{position:absolute;left:50%;bottom:0;transform:translate3d(-50%, 0, 0);font-size:14px;letter-spacing:2.8px;font-weight:700;line-height:normal;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;color:#fff;text-shadow:0 0 30px #294f6c;padding-bottom:1px}@media(min-width: 769px){[data-page=index] .kv__scroll{font-size:12px;letter-spacing:2.43px;gap:10px;padding-bottom:5px}}@media(min-width: 1200px){[data-page=index] .kv__scroll{font-size:16px;letter-spacing:3.2px;gap:14px;padding-bottom:8px}}[data-page=index] .kv__scroll__line{position:relative;width:1px;height:13.3333333333vw;overflow:hidden}@media(min-width: 769px){[data-page=index] .kv__scroll__line{height:12.6137841352vw}}@media(min-width: 1200px){[data-page=index] .kv__scroll__line{height:6.71875vw}}[data-page=index] .kv__scroll__line::before{content:"";width:100%;height:100%;background-color:#fff;position:absolute;top:0;left:0;animation:scroll 1800ms ease infinite}[data-page=index] .award{position:relative;text-align:center;overflow:hidden;margin-bottom:-1px}[data-page=index] .award__bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}[data-page=index] .award__bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}[data-page=index] .award__intro{position:relative;display:flex;flex-direction:column;gap:80px;padding-top:100px;padding-bottom:96px}@media(min-width: 769px){[data-page=index] .award__intro{gap:113px;padding-top:150px}}[data-page=index] .award__intro__layer{width:100%;min-width:1920px;position:absolute;top:0;left:50%;transform:translate3d(-50%, 0, 0);z-index:-1}[data-page=index] .award__intro__layer img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}[data-page=index] .award__intro__layer--bubble img{animation:shine-lg 500ms linear infinite alternate}[data-page=index] .award__intro__layer--fishs img{animation:fishs 1000ms 100ms linear infinite alternate}[data-page=index] .award__intro__layer--coral img{animation:rotate-coral 1000ms linear infinite alternate}[data-page=index] .award__intro__layer--turtle img{animation:float-turtle linear 800ms infinite alternate}[data-page=index] .award__intro__layer--fish1 img{animation:float 700ms linear infinite alternate}[data-page=index] .award__intro__layer--fish2 img{animation:float 700ms 100ms linear infinite alternate}[data-page=index] .award__intro__content{width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;gap:20px;font-size:1rem;font-weight:700;line-height:170%;letter-spacing:.9px;text-align:center}@media(min-width: 769px){[data-page=index] .award__intro__content{max-width:800px;font-size:1.125rem;gap:30px}}@media(min-width: 769px){[data-page=index] .award__intro__slogan{max-width:621px}}[data-page=index] .award__intro__slogan img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;animation:shine-shadow 1000ms linear infinite alternate}[data-page=index] .award__prize{position:relative;padding-top:114px;padding-bottom:50px}@media(min-width: 769px){[data-page=index] .award__prize{padding-bottom:135px}}@media(min-width: 1200px){[data-page=index] .award__prize{padding-bottom:125px}}[data-page=index] .award__prize__content{width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;gap:30px}@media(min-width: 769px){[data-page=index] .award__prize__content{gap:60px}}[data-page=index] .award__prize__content .content__head{width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;gap:5px;margin:0 auto}@media(min-width: 769px){[data-page=index] .award__prize__content .content__head{gap:10px}}[data-page=index] .award__prize__content .content__head__textsm{font-size:1.125rem;font-weight:700;line-height:normal;letter-spacing:4px}@media(min-width: 769px){[data-page=index] .award__prize__content .content__head__textsm{font-size:1.25rem}}[data-page=index] .award__prize__content .content__head__text{position:relative;font-size:1.875rem;font-weight:700;line-height:normal;letter-spacing:7.2px}@media(min-width: 769px){[data-page=index] .award__prize__content .content__head__text{font-size:2.25rem}}[data-page=index] .award__prize__content .content__head__text .text__dialogue{position:absolute;bottom:calc(100% + 32px);right:0;color:#000;font-size:1rem;font-weight:700;line-height:normal;letter-spacing:1px;width:156px;height:71px;background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url("../images/pages/award/dialogue-mob.png");padding-top:14px}@media(min-width: 769px){[data-page=index] .award__prize__content .content__head__text .text__dialogue{font-size:1.25rem;background-image:url("../images/pages/award/dialogue.png");width:171px;height:86px;right:-12px;bottom:125%;padding-top:27px;padding-inline-start:2px}}[data-page=index] .award__prize__content .content__main{display:flex;flex-direction:column;gap:30px;font-size:0.8125rem;font-weight:500;line-height:normal;letter-spacing:2.6px}@media(min-width: 769px){[data-page=index] .award__prize__content .content__main{max-width:673px}}[data-page=index] .award__prize__content .content__main__prize{position:relative}[data-page=index] .award__prize__content .content__main__prize .prize__star{position:absolute;top:-36px;right:-33px;width:151px;height:118px;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;animation:shine-star 800ms linear infinite alternate}@media(min-width: 769px){[data-page=index] .award__prize__content .content__main__prize .prize__star{top:-33px;right:11px}}[data-page=index] .award__prize__content .content__main__prize .prize__img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;animation:shine-shadow 1000ms linear infinite alternate}@media(min-width: 769px){[data-page=index] .award__prize__content .content__main__prize .prize__img{width:673px;height:265px}}[data-page=index] .award__card{position:relative;padding-top:50px;padding-bottom:220px}@media(min-width: 769px){[data-page=index] .award__card{padding-top:135px}}@media(min-width: 1200px){[data-page=index] .award__card{padding-top:125px;padding-bottom:199px}}[data-page=index] .award__card__shine{width:100%;height:100%;min-height:47.7083333333vw;position:absolute;bottom:0;left:0;animation:shine 800ms linear infinite alternate}[data-page=index] .award__card__shine img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}[data-page=index] .award__card__list{display:flex;flex-direction:column;gap:17px}@media(min-width: 769px){[data-page=index] .award__card__list{max-width:658px;flex-direction:row}}@media(min-width: 1200px){[data-page=index] .award__card__list{max-width:814px;gap:41px}}[data-page=index] .award__card__list>*{position:relative;width:70%;cursor:pointer;margin:0 auto}@media(min-width: 576px){[data-page=index] .award__card__list>*{width:60%}}@media(min-width: 769px){[data-page=index] .award__card__list>*{width:33.3333333333%}}[data-page=index] .award__card__list>*:nth-child(1) .list__tag__num{font-size:3.05rem;font-weight:500;line-height:48.8px;letter-spacing:2.04px}@media(min-width: 1200px){[data-page=index] .award__card__list>*:nth-child(1) .list__tag__num{font-size:3rem;line-height:48px;letter-spacing:2.4px}}[data-page=index] .award__card__list>*:nth-child(2) .list__tag__num{font-size:1.9125rem;font-weight:500;line-height:40.8px;letter-spacing:1.53px}@media(min-width: 1200px){[data-page=index] .award__card__list>*:nth-child(2) .list__tag__num{font-size:2.25rem;line-height:48px;letter-spacing:1.8px}}[data-page=index] .award__card__list>*:nth-child(3) .list__tag{gap:0}[data-page=index] .award__card__list>*:nth-child(3) .list__tag__num{font-size:1.0625rem;font-weight:500;line-height:40.8px;letter-spacing:normal}@media(min-width: 1200px){[data-page=index] .award__card__list>*:nth-child(3) .list__tag__num{font-size:1.25rem;line-height:48px}}[data-page=index] .award__card__list .list__tag{width:68px;height:68px;border-radius:1000px;background-color:#d70c18;display:flex;justify-content:center;align-items:center;gap:5px;position:absolute;top:0;left:0;transform:translate3d(-50%, -50%, 0)}@media(min-width: 1200px){[data-page=index] .award__card__list .list__tag{width:80px;height:80px}}[data-page=index] .award__card__list .list__tag__num{font-family:"DM Sans",sans-serif}[data-page=index] .award__card__list .list__tag__unit{font-size:0.85rem;font-weight:700;line-height:40.8px;letter-spacing:.68px}@media(min-width: 1200px){[data-page=index] .award__card__list .list__tag__unit{font-size:1rem;line-height:48px;letter-spacing:.8px}}[data-page=index] .award__card__list .list__item{position:relative;display:flex;flex-direction:column;background-color:#fff;border-radius:17px;overflow:hidden}@media(min-width: 769px){[data-page=index] .award__card__list .list__item__img{height:127px}}@media(min-width: 1200px){[data-page=index] .award__card__list .list__item__img{height:150px}}[data-page=index] .award__card__list .list__item__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}[data-page=index] .award__card__list .list__item__body{text-align:center;color:#000;padding:17px 32px}@media(min-width: 1200px){[data-page=index] .award__card__list .list__item__body{padding:20px 40px}}[data-page=index] .award__card__list .list__item__body .body__title{font-size:1.0625rem;font-weight:700;line-height:normal;letter-spacing:3.4px}[data-page=index] .award__card__list .list__item__body .body__prize{color:#d70c18;font-family:"DM Sans",sans-serif;font-size:1.9125rem;font-weight:600;line-height:normal}[data-page=index] .award__card__list .list__item__body .body__category{font-size:0.85rem;font-weight:500;line-height:normal;letter-spacing:.68px}[data-page=index] .award__wave{width:100%;position:absolute;bottom:0;left:0;z-index:1}[data-page=index] .award__wave img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}[data-page=index] .quiz{position:relative;background-color:#00c7f4;padding-top:38px;padding-bottom:218px;overflow:hidden}@media(min-width: 769px){[data-page=index] .quiz{padding-top:50px;padding-bottom:128px}}@media(min-width: 1200px){[data-page=index] .quiz{padding-bottom:100px}}[data-page=index] .quiz__bg{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0);z-index:0}[data-page=index] .quiz__bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}@media(min-width: 414px)and (max-width: 768.98px){[data-page=index] .quiz__bg img{-o-object-position:top;object-position:top}}[data-page=index] .quiz__map{position:relative;z-index:5}[data-page=index] .quiz__map__body{position:relative;margin:0 auto}@media(min-width: 1200px){[data-page=index] .quiz__map__body{max-width:950px}}@media(min-width: 1620px){[data-page=index] .quiz__map__body{max-width:1296px}}[data-page=index] .quiz__map__body.is-animate .body__bg{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);transition:clip-path ease-in-out 1400ms}[data-page=index] .quiz__map__body .body__bg{clip-path:polygon(0 0, 0 0, 0 100%, 0 100%);transition:clip-path ease-in-out 1400ms}[data-page=index] .quiz__map__body .body__bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}@media(min-width: 769px){[data-page=index] .quiz__map__body .body__bg img{min-height:730px}}[data-page=index] .quiz__map__body .body__heading{width:100%;min-height:119px;margin-bottom:55px}@media(min-width: 769px){[data-page=index] .quiz__map__body .body__heading{min-height:226px;position:absolute;top:0;left:50%;transform:translate3d(-50%, 0, 0);margin-bottom:0}}[data-page=index] .quiz__map__body .body__heading__bg{width:246px;height:119px;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;margin:0 auto}@media(min-width: 769px){[data-page=index] .quiz__map__body .body__heading__bg{width:410px;height:226px}}[data-page=index] .quiz__map__body .body__heading__title{font-size:1.5rem;font-weight:700;line-height:normal;letter-spacing:2.4px;color:#464444;text-align:center;white-space:nowrap;position:absolute;top:34px;left:50%;transform:translate3d(-50%, 0, 0)}@media(min-width: 769px){[data-page=index] .quiz__map__body .body__heading__title{font-size:2.125rem;letter-spacing:3.6px;top:72px}}[data-page=index] .quiz__map__body .body__heading__shrimps{position:absolute;top:92px;left:44%;width:60px;height:66px;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}@media(min-width: 769px){[data-page=index] .quiz__map__body .body__heading__shrimps{width:75px;height:85px;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;top:120px}}@media(min-width: 1200px){[data-page=index] .quiz__map__body .body__heading__shrimps{left:44%}}@media(min-width: 1620px){[data-page=index] .quiz__map__body .body__heading__shrimps{width:85px;height:95px;top:130px;left:46%}}@media(max-width: 768.98px){[data-page=index] .quiz__map__body .body__list{display:flex;flex-direction:column;gap:50px;margin-bottom:72px}}[data-page=index] .quiz__map__body .body__list>*{position:relative;width:100%}@media(min-width: 769px){[data-page=index] .quiz__map__body .body__list>*{position:absolute}}@media(min-width: 769px){[data-page=index] .quiz__map__body .body__list>*:nth-child(1){top:23%;left:10%}}@media(min-width: 992px){[data-page=index] .quiz__map__body .body__list>*:nth-child(1){left:20%}}@media(min-width: 1200px){[data-page=index] .quiz__map__body .body__list>*:nth-child(1){top:15%;left:9.5%}}@media(min-width: 1620px){[data-page=index] .quiz__map__body .body__list>*:nth-child(1){top:22%;left:20.5%}}[data-page=index] .quiz__map__body .body__list>*:nth-child(1) .body__list__card>div::before{width:57px;height:57px;background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url("../images/pages/quiz/card-arrow-1.png");top:100%;left:38px}@media(min-width: 769px){[data-page=index] .quiz__map__body .body__list>*:nth-child(2){top:54%;left:38%}}@media(min-width: 1200px){[data-page=index] .quiz__map__body .body__list>*:nth-child(2){top:57%;left:40%}}@media(min-width: 1620px){[data-page=index] .quiz__map__body .body__list>*:nth-child(2){top:62%;left:44%}}[data-page=index] .quiz__map__body .body__list>*:nth-child(2) .body__list__card>div::before{width:76px;height:67px;background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url("../images/pages/quiz/card-arrow-2.png");bottom:100%;left:86px}[data-page=index] .quiz__map__body .body__list>*:nth-child(2) .card__img img{transform:translate3d(-40%, -50%, 0) rotate(15deg)}@media(min-width: 769px){[data-page=index] .quiz__map__body .body__list>*:nth-child(3){top:28%;left:62%}}@media(min-width: 1200px){[data-page=index] .quiz__map__body .body__list>*:nth-child(3){top:21.5%;left:67%}}@media(min-width: 1620px){[data-page=index] .quiz__map__body .body__list>*:nth-child(3){top:26.5%;left:63%}}[data-page=index] .quiz__map__body .body__list>*:nth-child(3) .body__list__card>div::before{width:57px;height:57px;background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url("../images/pages/quiz/card-arrow-3.png");top:100px;right:100%}[data-page=index] .quiz__map__body .body__list__card{position:relative;cursor:pointer;max-width:220px}@media(max-width: 768.98px){[data-page=index] .quiz__map__body .body__list__card{max-width:240px;margin:0 auto}}@media(hover: hover){[data-page=index] .quiz__map__body .body__list__card:hover{transform:scale(0.98);transition:all ease 400ms}[data-page=index] .quiz__map__body .body__list__card:hover .card__finger{transform:translate3d(-18px, 10px, 0) rotate(-3deg);transition:all ease 400ms}}[data-page=index] .quiz__map__body .body__list__card[data-complete=true]>div{filter:brightness(30%)}[data-page=index] .quiz__map__body .body__list__card[data-complete=true] .card__pass{opacity:1;filter:none;transition:all ease 400ms}[data-page=index] .quiz__map__body .body__list__card>div{position:relative;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;background-color:#d70c18;padding:18px;z-index:10;transition:all ease 400ms}[data-page=index] .quiz__map__body .body__list__card>div::before{content:"";position:absolute}@media(max-width: 1199.98px){[data-page=index] .quiz__map__body .body__list__card>div::before{display:none}}[data-page=index] .quiz__map__body .body__list__card .c-btn-sm{font-weight:700}[data-page=index] .quiz__map__body .body__list__card .card__pass{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0);transform:translate(-50%, -50%) rotate(-10deg) scale(1.1);opacity:0;z-index:10;transition:all ease 400ms}[data-page=index] .quiz__map__body .body__list__card .card__tag{width:75px;height:75px;border-radius:1000px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f6cf40;position:absolute;top:0;left:0;transform:translate3d(-50%, -50%, 0);font-family:"DM Sans",sans-serif;background-color:#000}@media(max-width: 768.98px){[data-page=index] .quiz__map__body .body__list__card .card__tag{width:80px;height:80px}}[data-page=index] .quiz__map__body .body__list__card .card__tag__en{font-size:0.75rem;font-weight:700;line-height:16px;letter-spacing:.6px;text-transform:uppercase}[data-page=index] .quiz__map__body .body__list__card .card__tag__num{font-size:2.5rem;font-weight:500;line-height:41px;letter-spacing:2.4px}@media(max-width: 768.98px){[data-page=index] .quiz__map__body .body__list__card .card__tag__num{font-size:3rem}}[data-page=index] .quiz__map__body .body__list__card .card__finger{position:absolute;bottom:-18px;right:-15px;width:70px;height:71px;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;transition:all ease 400ms}@media(max-width: 768.98px){[data-page=index] .quiz__map__body .body__list__card .card__finger{width:76px;height:77px}}[data-page=index] .quiz__map__body .body__list__card .card__title{font-size:1.25rem;font-weight:700;line-height:normal;letter-spacing:4px}[data-page=index] .quiz__map__body .body__list__card .card__img{position:relative;width:100%;overflow:hidden;padding-top:100%;background-color:#d9d9d9;border-radius:20px}[data-page=index] .quiz__map__body .body__list__card .card__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0)}[data-page=index] .quiz__map__body .body__obj{position:absolute;display:none;animation:float 600ms linear infinite alternate}@media(min-width: 1200px){[data-page=index] .quiz__map__body .body__obj{display:block}}[data-page=index] .quiz__map__body .body__obj--whale{top:600px;left:5.859375vw;animation-duration:1500ms;animation-delay:200ms}@media(min-width: 769px){[data-page=index] .quiz__map__body .body__obj--whale{display:block}}@media(min-width: 1200px){[data-page=index] .quiz__map__body .body__obj--whale{left:150px}}@media(min-width: 1620px){[data-page=index] .quiz__map__body .body__obj--whale{top:720px;left:13.9583333333vw}}[data-page=index] .quiz__map__body .body__obj--whale img{width:226px;height:121px;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}[data-page=index] .quiz__map__body .body__obj--fish1{top:200px;left:0;animation-delay:300ms}@media(min-width: 1620px){[data-page=index] .quiz__map__body .body__obj--fish1{top:256px;left:4.21875vw}}[data-page=index] .quiz__map__body .body__obj--fish1 img{width:121px;height:87px;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}[data-page=index] .quiz__map__body .body__obj--fish2{top:300px;left:0;animation-duration:1000ms}@media(min-width: 1620px){[data-page=index] .quiz__map__body .body__obj--fish2{top:358px;left:1.9270833333vw}}[data-page=index] .quiz__map__body .body__obj--fish2 img{width:78px;height:64px;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}[data-page=index] .quiz__map__body .body__obj--fish3{top:250px;right:0;animation-delay:200ms}@media(min-width: 1620px){[data-page=index] .quiz__map__body .body__obj--fish3{top:389px;right:6.1979166667vw}}[data-page=index] .quiz__map__body .body__obj--fish3 img{width:75px;height:62px;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}[data-page=index] .quiz__map__body .body__obj--fish4{top:320px;right:0;animation-duration:900ms}@media(min-width: 1620px){[data-page=index] .quiz__map__body .body__obj--fish4{top:426px;right:3.28125vw}}[data-page=index] .quiz__map__body .body__obj--fish4 img{width:111px;height:76px;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}[data-page=index] .quiz__map__body .body__video{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:78px;margin-bottom:68px}@media(min-width: 769px){[data-page=index] .quiz__map__body .body__video{flex-direction:row;gap:38px;margin-top:114px;margin-bottom:50px}}@media(min-width: 1200px){[data-page=index] .quiz__map__body .body__video{margin-top:0}}@media(min-width: 1200px){[data-page=index] .quiz__map__body .body__video>*:nth-child(1) .body__video__card{top:75%;left:2%}}@media(min-width: 1620px){[data-page=index] .quiz__map__body .body__video>*:nth-child(1) .body__video__card{top:70%;left:8%}}[data-page=index] .quiz__map__body .body__video>*:nth-child(1) .card__info{width:149px;height:95px;top:-55px;right:8px;padding-top:14px}@media(min-width: 1200px){[data-page=index] .quiz__map__body .body__video>*:nth-child(2) .body__video__card{top:75%;left:72%}}@media(min-width: 1620px){[data-page=index] .quiz__map__body .body__video>*:nth-child(2) .body__video__card{top:70%;left:73%}}[data-page=index] .quiz__map__body .body__video>*:nth-child(2) .card__info{width:143px;height:91px;top:-40px;right:6px;padding-top:12px}[data-page=index] .quiz__map__body .body__video__card{position:relative;transition:all ease 400ms}@media(min-width: 769px)and (max-width: 1199.98px){[data-page=index] .quiz__map__body .body__video__card{transition-delay:0}}@media(min-width: 1200px){[data-page=index] .quiz__map__body .body__video__card{position:absolute}}@media(hover: hover){[data-page=index] .quiz__map__body .body__video__card:hover{transform:scale(0.98);transition:all ease 400ms}[data-page=index] .quiz__map__body .body__video__card:hover .card__info{transform:translate3d(2px, -10px, 0) rotate(3deg);transition:all ease 400ms}}[data-page=index] .quiz__map__body .body__video__card .card__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}[data-page=index] .quiz__map__body .body__video__card .card__play{width:48px;height:48px;position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0)}[data-page=index] .quiz__map__body .body__video__card .card__info{position:absolute;top:0;right:0;display:flex;flex-direction:column;text-align:center;font-size:1rem;font-weight:700;line-height:normal;letter-spacing:.8px;color:#000;background-image:url("../images/pages/quiz/dialogue.png");width:100%;height:auto;background-size:contain;background-position:center center;background-repeat:no-repeat;z-index:5;transition:all ease 400ms}[data-page=index] .quiz__map__body .body__video__card .card__info__point{color:#d70c18;font-family:"DM Sans",sans-serif;font-size:1.25rem;font-weight:900;line-height:normal;letter-spacing:1px}[data-page=index] .quiz__map__body .body__video .u-16x9{width:270px;border:3px solid #f7eee7;border-radius:10px;cursor:pointer;overflow:hidden}[data-page=index] .quiz__content{position:relative;text-align:center;z-index:5}@media(hover: hover){[data-page=index] .quiz__content .c-btn:hover{transform:scale(1.1)}}[data-page=index] .quiz__content__text{color:#000;font-size:1.5rem;font-weight:700;line-height:normal;letter-spacing:4.8px;margin-bottom:26px}@media(min-width: 769px){[data-page=index] .quiz__content__text{color:#fff;font-size:2.25rem;letter-spacing:7.2px}}[data-page=index] .quiz__wave{width:100%;position:absolute;bottom:0;left:0;z-index:1}[data-page=index] .quiz__wave img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}[data-page=index] .tonic{position:relative;background-color:#464444;padding-top:100px;overflow:hidden}[data-page=index] .tonic .c-heading{position:relative;z-index:1;margin-bottom:13px}@media(min-width: 1200px){[data-page=index] .tonic .c-heading{margin-bottom:26px}}[data-page=index] .tonic .container-fluid{position:relative;z-index:1}[data-page=index] .tonic__title{position:relative;text-align:center}[data-page=index] .tonic__title__num{font-size:9.375rem;font-style:italic;font-weight:300;line-height:80%;font-family:"DM Sans",sans-serif;color:#fff;opacity:.2}@media(min-width: 769px){[data-page=index] .tonic__title__num{font-size:12.5rem}}@media(min-width: 1200px){[data-page=index] .tonic__title__num{font-size:14.375rem}}[data-page=index] .tonic__title__tag{background-color:#000;color:#f6cf40;border-radius:1000px;position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0);padding:5px 20px}@media(min-width: 1200px){[data-page=index] .tonic__title__tag{font-size:1.25rem}}[data-page=index] .tonic__text{font-size:0.875rem;font-weight:700;line-height:normal;letter-spacing:.8px}@media(min-width: 769px){[data-page=index] .tonic__text{font-size:1rem}}[data-page=index] .tonic__highlight{border-radius:10px;background-color:hsla(0,0%,100%,.1);text-align:center;font-family:"IBM Plex Mono",monospace;font-size:0.8125rem;font-weight:400;line-height:normal;letter-spacing:1.2px;padding:8px 16px}@media(min-width: 769px){[data-page=index] .tonic__highlight{font-size:1.5rem;padding:10px 20px}}[data-page=index] .tonic__point{border-radius:10px;background-color:#fff;text-align:center;font-family:"IBM Plex Mono",monospace;color:#d70c18;font-size:2rem;font-weight:500;line-height:normal;letter-spacing:2.4px;padding:8px 16px}@media(min-width: 769px){[data-page=index] .tonic__point{font-size:3rem;padding:10px 20px}}[data-page=index] .tonic__step1{padding-bottom:50px}@media(min-width: 769px){[data-page=index] .tonic__step1{max-width:750px}}@media(min-width: 1200px){[data-page=index] .tonic__step1{max-width:1150px}}[data-page=index] .tonic__step1 .tonic__title{margin-bottom:20px}@media(min-width: 769px){[data-page=index] .tonic__step1 .swiper-button-prev,[data-page=index] .tonic__step1 .swiper-button-next,[data-page=index] .tonic__step1 .swiper-pagination{display:none}}@media(min-width: 769px){[data-page=index] .tonic__step1__list{display:flex;justify-content:center;flex-wrap:wrap}}[data-page=index] .tonic__step1__list>*{width:100%;margin-bottom:50px}@media(min-width: 769px){[data-page=index] .tonic__step1__list>*{width:50% !important;padding:0 25px}}@media(min-width: 1200px){[data-page=index] .tonic__step1__list>*{width:33.3333333333% !important}}[data-page=index] .tonic__step1__list>*:last-child{margin-bottom:0}[data-page=index] .tonic__step1__list .list__card{max-width:calc(100% - 80px);position:relative;display:flex;flex-direction:column;gap:5px;text-align:center;margin:0 auto}@media(min-width: 769px){[data-page=index] .tonic__step1__list .list__card{max-width:350px;gap:10px}}@media(hover: hover){[data-page=index] .tonic__step1__list .list__card:hover .list__card__img img{transform:translate3d(-50%, -50%, 0) scale(1.1);transition:all ease 400ms}[data-page=index] .tonic__step1__list .list__card:hover .list__card__title{color:#f6cf40;transition:all ease 400ms}}[data-page=index] .tonic__step1__list .list__card__img{position:relative;width:100%;overflow:hidden;padding-top:62.2857142857%;border-radius:10px}[data-page=index] .tonic__step1__list .list__card__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0);transition:all ease 400ms}[data-page=index] .tonic__step1__list .list__card__title{font-size:1.125rem;font-weight:500;line-height:normal;letter-spacing:4px;transition:all ease 400ms}@media(min-width: 769px){[data-page=index] .tonic__step1__list .list__card__title{font-size:1.25rem}}[data-page=index] .tonic__step1__list .list__card__url{font-size:0.875rem;font-weight:500;line-height:normal;letter-spacing:.8px;font-family:"IBM Plex Mono",monospace;opacity:.5}@media(min-width: 769px){[data-page=index] .tonic__step1__list .list__card__url{font-size:1rem}}[data-page=index] .tonic__step1__list .list__card__point{opacity:1}[data-page=index] .tonic__step2{display:flex;flex-direction:column;gap:20px;text-align:center;padding:50px 0 25px 0}@media(min-width: 769px){[data-page=index] .tonic__step2{max-width:646px}}@media(min-width: 1200px){[data-page=index] .tonic__step2{max-width:972px;padding-bottom:50px}}[data-page=index] .tonic__step2__group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}[data-page=index] .tonic__step2__group .group__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;white-space:nowrap}@media(min-width: 769px){[data-page=index] .tonic__step2__group .group__item{flex-direction:row}}[data-page=index] .tonic__step3{display:flex;flex-direction:column;gap:20px;text-align:center;padding:25px 0 154px 0}@media(min-width: 1200px){[data-page=index] .tonic__step3{padding-top:50px;padding-bottom:150px}}[data-page=index] .tonic__step3__info{max-width:666px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:-20px auto 0 auto}[data-page=index] .tonic__step3__list{width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:41px;margin:0 auto}@media(min-width: 1200px){[data-page=index] .tonic__step3__list{flex-direction:row;gap:82px}}[data-page=index] .tonic__step3__list>*{position:relative;width:100%}@media(min-width: 1200px){[data-page=index] .tonic__step3__list>*{width:clac(100%/3)}}[data-page=index] .tonic__step3__list>*::after{content:"";width:1px;height:120px;background-color:hsla(0,0%,100%,.2);position:absolute;top:50%;right:-41px;transform:translate3d(0, -50%, 0);display:none}@media(min-width: 1200px){[data-page=index] .tonic__step3__list>*::after{display:block}}[data-page=index] .tonic__step3__list>*:last-child::after{display:none}[data-page=index] .tonic__step3__list .list__card{max-width:290px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}[data-page=index] .tonic__step3__list .list__card__head{width:100%;max-width:200px}[data-page=index] .tonic__step3__list .list__card__head .head__img{position:relative;width:100%;overflow:hidden;padding-top:100%;border-radius:1000px;background-color:#fff}[data-page=index] .tonic__step3__list .list__card__head .head__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0)}[data-page=index] .tonic__step3__list .list__card__title{font-size:1.25rem;font-weight:500;line-height:normal;letter-spacing:4px}[data-page=index] .tonic__wave{width:100%;position:absolute;bottom:0;left:0;z-index:1}[data-page=index] .tonic__wave img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}[data-page=index] .tonic__obj{position:absolute;z-index:0}[data-page=index] .tonic__obj img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}[data-page=index] .tonic__obj--fish1{max-width:100px;top:86px;left:5%}@media(min-width: 769px){[data-page=index] .tonic__obj--fish1{max-width:_mix-calc-vw(126, 1024);left:133px}}@media(min-width: 769px){[data-page=index] .tonic__obj--fish1{max-width:126spx}}[data-page=index] .tonic__obj--shrimps{top:592px;left:0;animation:float-sm 600ms linear infinite alternate}@media(max-width: 1199.98px){[data-page=index] .tonic__obj--shrimps{display:none}}[data-page=index] .tonic__obj--fish2{max-width:200px;top:1826px;left:-20%}@media(min-width: 769px){[data-page=index] .tonic__obj--fish2{max-width:_mix-calc-vw(349, 1024);left:-78px}}@media(min-width: 1200px){[data-page=index] .tonic__obj--fish2{max-width:349px;top:1127px}}[data-page=index] .tonic__obj--whale{top:50px;right:-1158px;animation:rotate 1500ms linear infinite alternate}@media(max-width: 1199.98px){[data-page=index] .tonic__obj--whale{display:none}}[data-page=index] .tonic__obj--waterweed{max-width:180px;bottom:0;right:0}@media(min-width: 769px){[data-page=index] .tonic__obj--waterweed{max-width:_mix-calc-vw(326, 1024);bottom:799px}}@media(min-width: 1200px){[data-page=index] .tonic__obj--waterweed{max-width:326px;bottom:0}}[data-page=index] .sprint{background-color:#192a50;padding-top:100px;padding-bottom:95px}@media(min-width: 1200px){[data-page=index] .sprint{padding-bottom:75px}}@media(max-width: 768.98px){[data-page=index] .sprint .swiper-wrapper{flex-direction:column;gap:30px}}@media(max-width: 768.98px){[data-page=index] .sprint .swiper-button-next,[data-page=index] .sprint .swiper-button-prev{display:none}}[data-page=index] .sprint .c-heading{margin-bottom:50px}@media(min-width: 769px){[data-page=index] .sprint .c-heading{margin-bottom:90px}}@media(min-width: 1200px){[data-page=index] .sprint .c-heading{margin-bottom:50px}}[data-page=index] .sprint__card{position:relative;border-radius:20px;overflow:hidden}@media(hover: hover){[data-page=index] .sprint__card:hover .sprint__card__img img{transform:translate3d(-50%, -50%, 0) scale(1.1);transition:all ease 400ms}}[data-page=index] .sprint__card__img{position:relative;width:100%;overflow:hidden;padding-top:50%}[data-page=index] .sprint__card__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0);transition:all ease 400ms}[data-page=index] .sprint__card__content{width:100%;position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center}[data-page=index] .sprint__card__content .content__title{font-size:1.25rem;font-weight:700;line-height:normal;letter-spacing:4.8px}@media(min-width: 769px){[data-page=index] .sprint__card__content .content__title{font-size:1.5rem;font-weight:500}}[data-page=index] .links{background-color:#192a50;padding-top:75px;padding-bottom:80px}@media(min-width: 769px){[data-page=index] .links{padding-top:95px;padding-bottom:100px}}[data-page=index] .links .c-heading{margin-bottom:50px}@media(min-width: 769px){[data-page=index] .links__container{max-width:660px}}@media(min-width: 992px){[data-page=index] .links__container{max-width:750px}}@media(min-width: 1200px){[data-page=index] .links__container{max-width:982px}}[data-page=index] .links__list{display:flex;flex-direction:column;align-items:center;gap:41px;margin-bottom:50px;margin-bottom:100px}@media(min-width: 1200px){[data-page=index] .links__list{flex-direction:row}}[data-page=index] .links__list>*{width:100%;max-width:300px}@media(min-width: 769px){[data-page=index] .links__list>*{max-width:100%}}@media(min-width: 1200px){[data-page=index] .links__list>*{max-width:33.3333333333%}}[data-page=index] .links__list__card{position:relative;border-radius:13px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;color:#000;overflow:hidden;padding-bottom:20px}[data-page=index] .links__list__card .card__img{width:100%;height:120px;display:flex;justify-content:center;align-items:center;background-color:#f4f4f4}@media(min-width: 576px){[data-page=index] .links__list__card .card__img{height:200px}}[data-page=index] .links__list__card .card__img img{width:auto;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}[data-page=index] .links__list__card .card__title{font-size:1.25rem;font-weight:500;line-height:normal;letter-spacing:4px}