@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
*, *::before, *::after {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, header, footer, hgroup, menu, nav, output, 
ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; vertical-align: baseline; border: 0;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display: block;}

:root {
  /* Typography - Font Family */
  --ff: Noto Sans TC, sans-serif;
  --ff-sub: Microsoft JhengHei, 微軟正黑體, 新細明體, sans-serif;

  /* Spacing (1.2rem grid) */
  --s-1: 1.2rem;
  --s-2: 2.4rem;
  --s-3: 3.6rem;
  --s-4: 4.8rem;
  --s-5: 6rem;
  --s-6: 7.2rem;

  /* Layout */
  --max-w: 157.2rem;
}


html {-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none;}

html {width: 100%; height: 100%; font-size: 62.5%; scroll-behavior: smooth;}
body {width: 100%; height: 100%; font-size: 1.4rem; color: #FFFFFF; font-weight: 400; line-height: 1; text-align: center; font-family: var(--ff); background: #000000 url('/images/common/event/transfer/ptn.png') 0 0 repeat;}
menu, ol, ul, li {list-style: none; list-style-image: none; vertical-align: top;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
table {table-layout: fixed; word-break: break-all; white-space: pre-wrap ; border-collapse: collapse; border-spacing: 0;}
table caption {display: none;}
ul {font-size: 0;}
li {font-size: 1.6rem; letter-spacing: 0;}
img {line-height: inherit; vertical-align: top; -ms-interpolation-mode: bicubic !important; max-width:100%;}
h1, h2, h3, h4, h5, h6 {color: #FFFFFF; font-weight: 400;}
a {color: #FFFFFF; font-weight: 400; text-decoration: none; font-family: var(--ff); display: inline-block; outline: none; cursor: pointer; transition: all 250ms ease-out;}
a:focus {outline: none;}

.mobile {display:none;} 
.s_link {position:absolute; left:0; bottom:0; right:0; top:0; text-indent:-99999px; z-index:10; background:#ffffff; opacity: 0; filter: alpha(opacity=0); font-size:0;}

.inner {max-width: var(--max-w); padding-left: 3rem; padding-right: 3rem; margin-left: auto; margin-right: auto;}
.dst {display:table; width:100%; height:100%;}
.dstc {display:table-cell; vertical-align: middle;}

/* ── Utility ── */
.visually-hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}

/* ── Page Layout ── */
.wrapper {position: relative; display: flex; flex-direction: column; min-height: 100vh; overflow: hidden; background:url('/images/common/event/transfer/bg.png') center 0 no-repeat; background-size:100% auto;}
.wrapper:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:url('/images/common/event/transfer/bg_eft.png') center 0 no-repeat; background-size:100% auto; animation: smoke 200s linear infinite; will-change: transform, opacity;}
.wrapper:after {content:''; display:block; position:absolute; top:-12rem; left:0; right:0; bottom:0; background:url('/images/common/event/transfer/bg_round.png') center 0 no-repeat; mix-blend-mode: screen; animation: scale-bounce 10s linear infinite forwards;}
.main {flex: 1; position: relative; z-index: 1; padding-bottom:10rem;}
.view { margin-top: 3.2rem;}

.btn {transition:all ease-in-out 0.2s; cursor:pointer; position:relative; background:url('/images/common/event/transfer/ptn3.png') 0 0 repeat , linear-gradient(to right, #ff3344, #ffcc99, #ffffdd, #ffcc99, #ff3344) , #ffddbb; box-shadow:inset 0 0 2rem #ff8866; text-shadow:0 0 0.4rem rgba(255, 51, 68, 0.3); font-size:16px; color:#000; font-weight:700; border-radius:12px 6px 12px 6px; width:14.4rem; height:4.8rem; display: flex; align-items: center; justify-content: center; font-family:var(--ff-sub); text-transform:uppercase;}
.btn:after {border-radius:12px 6px 12px 6px; content: ""; position: absolute; inset: 0; padding: 1px; background: linear-gradient(to right, #ffdd99, #ffbbcc , #ffdd99);  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.btn:hover {text-shadow:0 0 0.4rem rgba(238, 204, 170, 0.3);  background:url('/images/common/event/transfer/ptn3.png') 0 0 repeat , linear-gradient(to right, #ffddbb, #ffffdd, #ffddbb) , #ffd4b1; box-shadow:inset 0 0 2rem #ff8866 , 0 0 4rem rgba(255, 136, 119, 0.7); }

.btn2 {transition:all ease-in-out 0.2s; cursor:pointer; position:relative; background:url('/images/common/event/transfer/ptn3.png') 0 0 repeat , linear-gradient(to right, #ff3344, #ff8888, #ffbbbb, #ff8888, #ff3344) , #ffddbb; box-shadow:inset 0 0 2rem #ee2233; text-shadow:0 0 0.4rem rgba(255, 51, 68, 0.3); font-size:16px; color:#000; font-weight:700; border-radius:12px 6px 12px 6px; width:14.4rem; height:4.8rem; display: flex; align-items: center; justify-content: center; font-family:var(--ff-sub); text-transform:uppercase;}
.btn2:after {border-radius:12px 6px 12px 6px; content: ""; position: absolute; inset: 0; padding: 1px; background: linear-gradient(to right, #ffaaaa, #ffbbcc);  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.btn2:hover {text-shadow:0 0 0.4rem rgba(238, 204, 170, 0.3);  background:url('/images/common/event/transfer/ptn3.png') 0 0 repeat , linear-gradient(to right, #ffcccc, #ffeeee , #ffcccc) , #ffd4b1; box-shadow:inset 0 0 2rem #ff6666 , 0 0 4rem rgba(255, 136, 119, 0.7); }

/* ── Site Header ── */
header {text-align: left; position: absolute; top: 0; left: 0; right: 0; z-index: 20; padding: 3.6rem 6rem 0;}
header .bi img {max-width: 160px;}

/* ── Desc Bar ── */
.desc-bar {position: relative; border-left:1.2rem solid #ff3344; border-right:1.2rem solid #ff3344; margin-bottom: 7.2rem;}
.desc-bar:before {z-index: 1; content:''; display:block; position:absolute; width:20.6rem; height:2.4rem; top:50%; margin-top:-1.2rem; right:6rem; background:url('/images/common/event/transfer/obj_kv.png') 0 0 no-repeat; background-size:100% auto;}
.desc-bar__inner {overflow:hidden; position:relative; width:100%; font-size:22px; font-weight:500; color:#ff3344; display:flex; align-items: center; justify-content: center; min-height:7.2rem; border:0.4rem solid #ff3344; box-shadow:inset 0 0 0 0.2rem #000 , inset 0 0.2rem 0 0.2rem #ff3344 , inset 0 -0.2rem 0 0.2rem #ff3344; clip-path: polygon(3.6rem 0%, calc(100% - 3.6rem) 0%, 100% 50%, calc(100% - 3.6rem) 100%, 3.6rem 100%, 0 50%); background: #000 url('/images/common/event/transfer/ptn.png') 0 0 repeat; padding:1.2rem 26rem 1.6rem;}
.desc-bar__inner:before {content:''; display:block; position:absolute; top:-0.4rem; left:-0.4rem; bottom:-0.4rem; right:-0.4rem; background:url('/images/common/event/transfer/obj_kv_l.png') 0 center no-repeat , url('/images/common/event/transfer/obj_kv_r.png') right center no-repeat;}
.desc-bar__inner:after {content:''; display:block; position:absolute; top:-0.4rem; left:-0.4rem; bottom:-0.4rem; right:-0.4rem; background:url('/images/common/event/transfer/ptn.png') 0 0 repeat;}
.desc-bar__hl {color:#ffee77; font-weight:500; margin-right:2px;}

/* ── KV (hero) ── */
.kv {position: relative; padding-top: 44.6rem;}
.kv__character {position:absolute; top:0; left:50%; margin-left: -684px; animation: float 3s ease-in-out infinite;}
.kv__tit {text-align: center; position: relative; animation-duration:0.5s;     animation-iteration-count: 1.5;}
.kv__tit-main, .kv__tit-sub {display: block;}

/* ── Step Flow ── */
.section--steps {position:relative; margin-bottom:9.6rem;}
.step-flow {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s-6);}
.step-flow .step-flow__item {position:relative; opacity:0;}
.step-flow .step-flow__item:after {content:''; display: block; padding-bottom:86.844%;}
.step-card {position:absolute; top:0; left:0; width:100%; height:100%;  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 51, 68, 0.2)), linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('/images/common/event/transfer/ptn2.png') 0 0 / auto repeat; clip-path: polygon(11.5% 0, calc(100% - 11.5%) 0, 100% 11.5%, 100% calc(100% - 11.5%), calc(100% - 11.5%) 100%, 11.5% 100%, 0 calc(100% - 11.5%), 0 11.5%);}
.step-card:before {z-index:-1; content:''; display: block; position:absolute; width:100%; height:100%; background:url('/images/common/event/transfer/bg_step.png') 0 0 no-repeat; background-size:100% auto;}
.step-card .step-card__con {padding: 9.2% 13% 2.4%; height:100%; display: flex; align-items: center; justify-content: flex-start; flex-direction: column;}
.step-card__badge {font-family:var(--ff--sub); margin-bottom: 9%; padding-left: 0.4em; width:100%; display:block; position:relative; font-size:16px; letter-spacing:0.1em; color:#e9da6d; text-transform:uppercase;}
.step-card__badge:before, .step-card__badge:after {top:50%; margin-top:-0.6rem; content:''; display:block; position:absolute; width: calc((100% - 97px) / 2); height:1.2rem; background:url('/images/common/event/transfer/obj_step.png') 0 0 no-repeat; background-size:auto 100%;}
.step-card__badge:before {left:0;}
.step-card__badge:after {right:0; transform:scaleX(-1);}
.step-card__badge font {color:#fff;}
.step-card__icon {position:relative;}
.step-card__icon:before, .step-card__icon:after {content:''; display:block; position:absolute; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto;}
.step-card__icon:before {left:0; bottom:0; width: 11.905%; height: 71.67%; background-image:url('/images/common/event/transfer/obj_step_x.png');}
.step-card__icon:after {right:1rem; bottom:-0.6rem; width: 27.381%; height: 13.34%; background-image:url('/images/common/event/transfer/obj_step_bar.png');}
.step-card__title {line-height:1.2; text-shadow: 0 0 1px #ffaaaa, 0 0 2px #ffaaaa; -webkit-text-stroke: 0.5px #ffaaaa; flex-direction:column; font-family: var(--ff); width:100%; display: flex; align-items: center; justify-content: center; height: 34%; font-size:26px; font-weight:600; color:#ffffff; text-transform: uppercase;}
.step-card__title span {margin-top:1px; -webkit-text-stroke:0; font-weight:800; text-shadow:none; drop-shadow(0 0 3rem rgba(255, 0, 0, 0.3));  background: linear-gradient(to bottom, #ffcc99, #ff3344); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display:block;}

.animated .step-flow .step-flow__item {animation: scale-bounce02 0.5s 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}
.animated .step-flow .step-flow__item:nth-child(2) {animation-delay:0.5s;}
.animated .step-flow .step-flow__item:nth-child(3) {animation-delay:0.6s;}
.animated .step-flow .step-flow__item:nth-child(4) {animation-delay:0.7s;}
.animated .step-flow .step-flow__item:nth-child(5) {animation-delay:0.8s;}
.animated .step-flow .step-flow__item:nth-child(6) {animation-delay:0.9s;}

.step-flow .step-flow__item {animation: scale-bounce02 0.5s 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}
.step-flow .step-flow__item:nth-child(2) {animation-delay:0.5s;}
.step-flow .step-flow__item:nth-child(3) {animation-delay:0.6s;}
.step-flow .step-flow__item:nth-child(4) {animation-delay:0.7s;}
.step-flow .step-flow__item:nth-child(5) {animation-delay:0.8s;}
.step-flow .step-flow__item:nth-child(6) {animation-delay:0.9s;}

/* ── CTA Block ── */
.cta-block {display: flex; justify-content: center; align-items: center;}
.cta-block .btn-cta {transition:all ease-in-out 0.2s; cursor:pointer; position:relative; background:url('/images/common/event/transfer/ptn3.png') 0 0 repeat , linear-gradient(to right, #ff3344, #ffcc99, #ffffdd, #ffcc99, #ff3344) , #ffddbb; box-shadow:inset 0 0 2rem #ff8866 , 0 0 5rem rgba(255, 51, 68, 0.4); text-shadow:0 0 0.4rem rgba(255, 51, 68, 0.3); font-size:38px; color:#000; letter-spacing:0.02em; font-weight:700; border-radius:60px; width:60rem; height:12rem; display: flex; align-items: center; justify-content: center; text-transform:uppercase;}
.cta-block .btn-cta:after {border-radius:60px; content: ""; position: absolute; inset: 0; padding: 0.2rem; background: linear-gradient(to right, #ffdd99, #ffbbcc , #ffdd99);  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.cta-block .btn-cta span {transition:all ease-in-out 0.2s; color:#880000;}
.cta-block .btn-cta span:before, .cta-block .btn-cta span:after {content:''; display:block; position:absolute; top:50%; margin-top:-0.7rem; width:7.4rem; height:1.4rem; background-image:url('/images/common/event/transfer/btn_obj.png'); background-position:0 0; background-repeat: no-repeat; background-size:100% auto;}
.cta-block .btn-cta span:before {left:4.8rem;}
.cta-block .btn-cta span:after {right:4.8rem; transform:scaleX(-1);}
.cta-block .btn-cta:hover {text-shadow:0 0 0.4rem rgba(238, 204, 170, 0.3); background:url('/images/common/event/transfer/ptn3.png') 0 0 repeat , linear-gradient(to right, #ffddbb, #ffffdd, #ffddbb) , #ffd4b1; box-shadow:inset 0 0 2rem #ff8866 , 0 0 8rem rgba(255, 136, 119, 0.7); }
.cta-block .btn-cta:hover span {color:#cc6600;}
.cta-block .btn-cta:hover span:before, .cta-block .btn-cta:hover span:after {background-position:0 100%;}
.cta-block--reapply .btn-cta span {margin-left:0;}

/* ── Form ── */
.view--apply .desc-bar__hl:before {margin-right:1.2rem; content:''; display:inline-block; vertical-align:middle; width:2.8rem; height:2.9rem; background:url('/images/common/event/transfer/ico__info.png') 0 0 no-repeat; background-size:100% auto; position: absolute; transform: translate(-1.8em, -2px);}
.section--form {text-align:left; padding:7.2rem; margin-bottom:9.6rem; position:relative; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 51, 68, 0.2)), rgba(0, 0, 0, 0.2); overflow:hidden; clip-path: polygon(4.7rem 0, calc(100% - 4.7rem) 0, 100% 4.7rem, 100% calc(100% - 4.7rem), calc(100% - 4.7rem) 100%, 4.7rem 100%, 0 calc(100% - 4.7rem), 0 4.7rem); box-shadow:inset 0 0 0 0.2rem #ff3344;}
.section--form:before, .section--form:after {content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0;}
.section--form:before {opacity:0.15; background:url('/images/common/event/transfer/bg_form.jpg') center center no-repeat; background-size:cover; z-index:-1;}
.section--form:after {background:url('/images/common/event/transfer/obj_form_lt.png') 0 0 no-repeat, url('/images/common/event/transfer/obj_form_rt.png') right 0 no-repeat, url('/images/common/event/transfer/obj_form_lb.png') 0 bottom no-repeat, url('/images/common/event/transfer/obj_form_rb.png') right bottom no-repeat;}
.form-frame {z-index: 1; position: relative;}
.form-frame__profile {margin-bottom:7.2rem; padding:0 30rem; height:9.6rem; border-radius:12px 0 6px 12px; position:relative; display: flex; align-items: center; justify-content:center; background:url('/images/common/event/transfer/ptn4.png') 0 0 repeat , #cccccc;}
.form-frame__profile:before, .form-frame__profile:after {content:''; display:block; position:absolute;}
.form-frame__profile:before {top:50%; left:2.4rem; margin-top:-2.4rem; width:26.4rem; height:4.8rem; background:url('/images/common/event/transfer/obj_kv02.png') 0 0 no-repeat; background-size:100% auto;}
.form-frame__profile:after {top:-1.2rem; right:0; width:12.9rem; bottom:0; background:url('/images/common/event/transfer/obj_t.png') right 0 no-repeat, url('/images/common/event/transfer/obj_r.png') right center no-repeat}
.form-frame__profile .profile__id {text-align:center; font-size:29px; color:#000000; letter-spacing:0.01em;}
.form-frame__profile .profile__level {margin-right:1.2rem;}
.form-frame__profile .profile__level img { vertical-align: middle; width: 24px; height: 24px;}
.form-frame__body .terms {margin-top: 4.8rem;}
.form-frame__body .agree {margin-top: 2.4rem;}

.field__head {padding-left:7.2rem; padding-right:6rem;  position:relative; margin-bottom:2.4rem;}
.field__head .field__desc {color:#ff6666; font-size:16px; line-height:1.6; font-family: var(--ff-sub); margin-top:2px;}
.field__head .field__help {font-size:0; color:transparent; cursor:pointer; transition:all ease-in-out 0.2s; position:absolute; top:50%; right:0; width:48px; height:48px; border-radius:50%; background-image:url('/images/common/event/transfer/icon__help.png'); background-position: center center; background-repeat: no-repeat; background-color: rgba(255, 51, 68, 0.2); margin-top:-24px;}
.field__head .field__help:after {border-radius:50%; content: ""; position: absolute; inset: 0; padding: 0.2rem; background: linear-gradient(to bottom, #ffcc99, #ff3344);  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.field__head .field__help:hover {background-color: rgba(255, 51, 68, 0.5);}
.form-frame .block-title {display:block; font-weight:700; text-transform:uppercase; font-size:22px; background: linear-gradient(to bottom, #ffcc99, #ff3344); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter:drop-shadow(0 0 3rem rgba(255, 0, 0, 0.3));}
.form-frame .block-title:before {content:''; display:block; position:absolute; top:50%; left:-7.2rem; margin-top:-2.4rem; width:4.8rem; height:4.8rem; background-repeat:no-repeat; background-position:0 0; background-size:100%}
.form-frame .field--email .block-title:before {background-image:url('/images/common/event/transfer/ico__envelope.png');}
.form-frame .field--upload .block-title:before {background-image:url('/images/common/event/transfer/ico__id.png');}
.form-frame .field-row .block-title:before {top:0; margin-top:0;}

.field-row {display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s-6);}
.field-row__item {min-width: 0;}

.field__control {display: flex; align-items: center; gap:var(--s-1); height:72px; border-radius:12px; background:#000000; border:0.2rem solid #ff3344; padding:1.2rem;}
.field__control .field__input, .field__control .field__filename {flex: 1; min-width: 0; height:100%; padding:0 3.6rem; background:none; outline:none; font-size:20px; letter-spacing:0.02em; font-family: var(--ff-sub); color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:44px;}
.field__control .field__filename {color:#ff3344;}
.field__control .field__input::placeholder {color:#fff;}
.field__control .field__input:-webkit-autofill, .field__control .field__input:-webkit-autofill:hover, .field__control .field__input:-webkit-autofill:focus, .field__control .field__input:-webkit-autofill:active {-webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0 1000px transparent inset; transition: background-color 5000s ease-in-out 0s;}

.terms__head {padding-left:7.2rem; margin-bottom:3.6rem;}
.terms__head .block-title:before {background-image:url('/images/common/event/transfer/ico__check.png');}
.terms__box {padding:4.8rem; border-radius:12px; background:url('/images/common/event/transfer/ptn.png') 0 0 repeat , rgba(255, 51, 68, 0.1); box-shadow:inset 0 0 0 0.2rem #ff3344;}
.terms__list .terms__item {word-break: break-word; line-height:1.6; text-indent: -2rem; padding-left: 2rem; margin-bottom:1rem; color:#cccccc; font-size:16px; letter-spacing:0.02em; font-family: var(--ff-sub);}
.terms__list .terms__item:last-child {margin-bottom:0;}
.terms__list .terms__item span {color:#ffcc99;}

.agree__item {margin-bottom:10px;}
.agree__item:last-child {margin-bottom:0;}
.agree__item .agree__label {display: inline-flex; align-items: center; justify-content:center; cursor: pointer;}
.agree__item .agree__text {font-size:16px; color:#ffcc99; font-family:var(--ff-sub); letter-spacing:0.02em;}
.agree__item .agree__check {margin-right:1.2rem; appearance: none; -webkit-appearance: none; width: 24px; height: 24px; flex-shrink: 0; cursor: pointer; background: url('/images/common/event/transfer/ico__chk_off.png') 0 0 no-repeat; background-size: 100%;}
.agree__item .agree__check:checked {background-image: url('/images/common/event/transfer/ico__chk_on.png');}
.agree__item .agree__check:checked + .agree__text {color:#fff;}

/* ── Complete ── */
.result-frame {position: relative; padding: 9.6rem 14.4rem; margin-bottom: 9.6rem; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 51, 68, 0.2)), rgba(0, 0, 0, 0.2); overflow: hidden; clip-path: polygon(4.7rem 0, calc(100% - 4.7rem) 0, 100% 4.7rem, 100% calc(100% - 4.7rem), calc(100% - 4.7rem) 100%, 4.7rem 100%, 0 calc(100% - 4.7rem), 0 4.7rem); box-shadow: inset 0 0 0 0.2rem #ff3344;}
.result-frame:before, .result-frame:after {content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1;}
.result-frame:before {opacity:0.15; background:url('/images/common/event/transfer/bg_form.jpg') center center no-repeat; background-size:cover; z-index:-1;}
.result-frame:after {background:url('/images/common/event/transfer/obj_form_lt.png') 0 0 no-repeat, url('/images/common/event/transfer/obj_form_rt.png') right 0 no-repeat, url('/images/common/event/transfer/obj_form_lb.png') 0 bottom no-repeat, url('/images/common/event/transfer/obj_form_rb.png') right bottom no-repeat;}
.result-frame__content {position:relative;}
.result-frame__text {text-align:left; position:relative; padding-left:26.4rem; display: inline-flex; flex-direction: column; align-items: flex-start; min-height: 14.4rem; justify-content: center;}
.result-frame__text:before {top:50%; left:0; margin-top:-7.2rem; content:''; display:block; position:absolute; width:21.6rem; height:14.4rem; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/transfer/icon_complete.png');}
.result-frame__tit {font-size: 29px; font-weight:800;  letter-spacing: 0; text-transform: uppercase; font-family: var(--ff-display);}
.result-frame__tit span {background: linear-gradient(to bottom, #ffcc99, #ff3344); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 3rem rgba(255, 0, 0, 0.3));}
.result-frame__desc {word-break: break-word; margin-top:1.2rem; font-size: 17px; color:#ff6666;  letter-spacing: 0.02em; font-family: var(--ff-sub); line-height: 1.76;}
.result-frame__date {position:relative; padding-left:2.2rem; margin-top:1.2rem; font-family:var(--ff); font-size: 24px; letter-spacing: 0.02em; line-height: 1.6; color: #fff; text-transform:uppercase;}
.result-frame__date:before {content:''; display:block; position:absolute; width:0.8rem; height:2.4rem; background:rgba(255, 51, 68, 0.2); border-radius:0.2rem; border:1px solid #ff3344; top:0.9rem; left:0;}
.result-frame__date span {color:#ffaaaa;}
.note {margin-top:7.2rem; position: relative; width: 100%; padding:3.6rem; display:flex; align-items:center; justify-content:center; min-height:12rem; border-radius:0 1.2rem 1.2rem 1.2rem; background: url('/images/common/event/transfer/ptn.png') 0 0 repeat, rgba(255, 51, 68, 0.1); box-shadow: inset 0 0 0 0.2rem #ff3344;}
.note__label {font-family:var(--ff-sub); border-radius:6px 0 0 0; font-weight:500; position: absolute; top: -24px; min-width:8.6rem; padding:0 2.4rem 0 2.7rem; height:26px; left:0; display: flex; align-items: center; clip-path: polygon(0 0, calc(100% - 1.4rem) 0, 100% 1.4rem, 100% 100%, 0 100%); background: #ff3344 url('/images/common/event/transfer/pop_txt_obj1.png') 0.6rem 0.6rem no-repeat; font-size: 14px; letter-spacing: 0.02em; color: #000; text-transform: uppercase;}
.note__msg {text-align: center; font-size: 17px; letter-spacing: 0.02em; font-family: var(--ff-sub); line-height: 1.6; color: #ffffff;}

.view--progress .result-frame__text:before {background-image:url('/images/common/event/transfer/icon_progress.png');}

.view--reject .result-frame__text:before {background-image:url('/images/common/event/transfer/icon_reject.png');}

.view--review .result-frame__text:before {background-image:url('/images/common/event/transfer/icon_review.png');}

/* ── Site Footer ── */
footer {width: 100%; padding: 9rem 2.4rem; font-family: 'Roboto'; z-index: 2;}
footer > img {margin-bottom: 2.4rem;}
footer .footer {font-size: 14px; color: #cccccc; position: relative; letter-spacing: 0.02em;}
footer .footer .cs > a {color: #ee2222; font-family: 'Roboto'; text-decoration: underline;}
footer .footer .cs > a:hover {text-decoration: none;}
footer .footer .copy {margin-top: 7px; font-size: 14px; color: #777777;}
footer .footer .age {margin-bottom: 2rem;}
footer .footer .age img {max-width: 6rem;}

/* popup */
.dimmed {width: 100%; height: 100%; text-indent: -99999px; background:rgba(0, 0, 0, 0.7); position: fixed; left: 0; top: 0; z-index: 90; display:none;}

.pop_up {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; display: none;}
.pop_up .pop_layout {width:540px; left:50%; top:50%; transform:translate(-50% , -50%); z-index: 99; position: relative; background:#220000; border: 0.4rem solid #ff3344; box-shadow: inset 0 0 0 0.2rem #000, inset 0 0.2rem 0 0.2rem #ff3344, inset 0 -0.2rem 0 0.2rem #ff3344, inset -0.2rem 0 0 0.2rem #ff3344, inset 0.2rem 0 0 0.2rem #ff3344;}
.pop_up .pop_layout:before {content:''; display:block; position:absolute; top:-0.4rem; bottom:-0.4rem; left:-0.4rem; right:-0.4rem; background:url(/images/common/event/transfer/ptn.png) 0 0 repeat;}
.pop_up .pop_layout:after {content:''; display:block; position:absolute; top:-0.4rem; bottom:-0.4rem; left:-0.4rem; right:-0.4rem; background:url(/images/common/event/transfer/obj_pop_lt.png) 0 0 no-repeat , url(/images/common/event/transfer/obj_pop_rt.png) right 0 no-repeat, url(/images/common/event/transfer/obj_pop_lb.png) 0 bottom no-repeat, url(/images/common/event/transfer/obj_pop_rb.png) right bottom no-repeat;}
.pop_up .pop_close {right:1.6rem; top:50%; transform:translate(0 , -50%); position:absolute; cursor:pointer; width:25px; height: 25px; font-size: 0; text-indent: -99999px; background-color:rgba(255, 255, 255, 0); background-position:0 0; background-repeat:no-repeat; background-image:url('/images/common/event/transfer/pop_close.png'); background-size:100% auto;}
.pop_up .pop_close:hover {background-position:0 100%;}
.pop_up .pop_con h2 {padding:0 8rem; border-bottom:0.2rem solid #000; position:relative; box-shadow:inset 0 0 0 0.2rem #ff3344; display:flex; align-items:center; justify-content:center; height:60px; text-transform:uppercase;}
.pop_up .pop_con h2 span {background: linear-gradient(to bottom, #ffcc99, #ff3344); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 3rem rgba(255, 0, 0, 0.3)); font-size:20px;  font-weight:800; letter-spacing: -0.04em;}

.pop_up .pop_con {position: relative; z-index: 1;}
.pop_up .pop_con .desc {padding:6rem 5rem; position: relative;}
.pop_up .pop_con .desc .box {display:flex; align-items:center; justify-content:center; flex-direction:column;}
.pop_up .pop_con .desc .txt {word-break: break-word; font-weight:700; margin-top:1.6rem; font-size:22px; line-height:1.36; letter-spacing:0.02em; background: linear-gradient(to bottom, #ffcc99, #ff3344); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter:drop-shadow(0 0 3rem rgba(255, 0, 0, 0.3));}

.pop_up .btns {font-size:0; margin-top:3rem;}
.pop_up .btns > button {display:inline-flex; vertical-align:top; margin:0 0.6rem;}

.pop_submit .pop_con .desc .txt {margin-top:3rem;}

.pop_help .pop_layout {box-shadow: inset 0 0 0 0.2rem #000; padding:0.2rem; width:724px; background:url('/images/common/event/transfer/ptn.png') 0 0 repeat, #000;}
.pop_help .pop_layout:before , .pop_help .pop_layout:after {display:none;}
.pop_help .scroll_box {box-shadow:inset 0 0 0 0.2rem #ff3344;}
.pop_help .scroll_box .con {max-height:58rem; padding:4rem; overflow:auto; text-align:left; font-size:17px; font-family:var(--ff-sub); letter-spacing:0.02em; color:#fff; line-height:1.76;     word-break: break-word;}
.pop_help .scroll_box .con span {color:#ffee77;}
.pop_help .scroll_box .con .desc_img {position:relative; margin-top:4.8rem;}
.pop_help .scroll_box .con .desc_img:before {top:-2.4rem; right:0; content:''; display:block; position:absolute; width:12rem; height:1.2rem; background:url('/images/common/event/transfer/obj_step.png') 0 0 no-repeat; background-size:100% auto;}
.pop_help .scroll_box .con .desc_img > img {width:100%;}
.pop_help .scroll_box .list {font-size: 17px; font-family: var(--ff-sub); color: #fff; line-height: 1.76;}
.pop_help .scroll_box .list > li {text-indent:-2rem; padding-left:2rem; margin-bottom:2px; font-size:16px; letter-spacing:0.02em; font-family:var(--ff-sub);}
.pop_help .scroll_box .list span {color:#ffcc99; margin-right:1rem;}
.pop_help .scroll_box .list font {color:#ffcc99;}
.pop_help .scroll_box .list .in_txt {margin:1.5rem 0; background:#202020; border-radius:12px; font-size:15px; color:#aaaaaa; padding:2.4rem; margin-left: -2rem; text-indent: 0;}
.pop_help .scroll_box .list .in_txt span {color:#ff3344;}
.pop_help .scroll_box .list .in_txt li {text-indent: -2.9rem; padding-left: 2.9rem; font-size:15px; letter-spacing:0.02em; font-family:var(--ff-sub);}
.pop_help .upload_img {text-align:center; padding:3.6rem 16rem; position:relative; margin-top:1.5rem; background:url('/images/common/event/transfer/ptn.png') 0 0 repeat, #000; border-radius:12px; border:1px solid #ff3344;}
.pop_help .upload_img .tit {font-family:var(--ff-sub); color:#000000 !important; background:url('/images/common/event/transfer/pop_txt_obj1.png') 0.6rem 0.6rem no-repeat, url('/images/common/event/transfer/pop_txt_obj2.jpg') right bottom no-repeat, #ff3344; font-size:16px; font-weight:700; border-radius:6px; position:absolute; top:1.2rem; left:-7px; width:152px; height:36px; display:flex; align-items:center; justify-content:center; text-transform:uppercase;}

.pop_help .os-scrollbar-handle {border-radius:0 !important; background: rgba(255, 51, 68, 0.5) !important; width:1rem !important; box-shadow:inset 0 0 0 1px #ff3344;}
.pop_help .os-scrollbar-vertical {right: 0 !important; top: 0 !important;  bottom:0 !important; background:#000; border:0.2rem solid #ff3344; padding:0.2rem;}
.pop_help .os-theme-dark>.os-scrollbar-vertical, .pop_help .os-theme-light>.os-scrollbar-vertical {width:1.8rem !important;}

/* loading */
.loading {width:100%; height:100%; background:rgba(0, 0, 0, 0.7); position:fixed; z-index:9999; top:0;}
.loading .load {top:50%; transform:translate(0 , -100%); width:60px; height:60px; margin:0 auto;  position: relative; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; /* overflow: hidden; */}
.loading .circle-loader {position: relative; width: auto; height: auto;}
.loading .circle-loader div { height: 10px; width: 10px; background-color: #515457; border-radius: 50%; position: absolute; animation: shadowPulse01 8s linear infinite, 0.8s opaque ease-in-out infinite both; }
.loading .circle-loader > div:nth-child(1) { top: -25px; left: 0;}
.loading .circle-loader > div:nth-child(2) { top: -17px;left: 17px; animation-delay: 0.1s;}
.loading .circle-loader > div:nth-child(3) {top: 0; left: 25px; animation-delay: 0.2s;}
.loading .circle-loader > div:nth-child(4) { top: 17px; left: 17px; animation-delay: 0.3s;}
.loading .circle-loader > div:nth-child(5) { top: 25px; left: 0; animation-delay: 0.4s;}
.loading .circle-loader > div:nth-child(6) { top: 17px; left: -17px; animation-delay: 0.5s;}
.loading .circle-loader > div:nth-child(7) {top: 0; left: -25px; animation-delay: 0.6s;}
.loading .circle-loader > div:nth-child(8) { top: -17px; left: -17px; animation-delay: 0.7s;}
.loader {position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-50px; width: 100px; height: 100px;}
.loader span { border: 10px solid transparent; background-image: linear-gradient(#000, #000),  linear-gradient(to right, rgba(255, 555, 255, 0.4) 65%,  #fff 100%); background-origin: border-box; background-clip: content-box, border-box;  border-radius: 50%; display: inline-block; -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite;}
.loader span+ font {position: relative; font-size:10px; line-height:100px; font-family:'Roboto'; font-weight:700; display:block;  text-align:center; color:#fff; text-transform:uppercase;}



@media (max-width: 1800px) {
.step-flow {gap: var(--s-4);}
.field-row {gap: var(--s-4);}

.result-frame {padding:7.2rem;}
}

/* ── Page Layout ── */
@media (max-width: 1400px) {
.wrapper {background-size:150% auto;}
.wrapper:before {background-size:150% auto;}
.wrapper:after {background-size: 125% auto;}
.kv {padding-top: 32.2%;}
.kv__character {width: 100%; margin-left: -50%;}

}

@media (max-width: 1280px) {
.wrapper:after {top:0;}

header {text-align:center;}

.desc-bar__inner {padding:0 3.6rem;}
.desc-bar:before {display:none;}

.kv {padding-top:40%;}
.kv__character {top:8%;}

.step-flow {gap: var(--s-3);}

.form-frame__profile {padding:0 3.6rem;}
.form-frame__profile:before {display:none;}
.field-row {grid-template-columns: 1fr;}
}

@media (max-width: 1023px) {
.step-flow {grid-template-columns: repeat(2, 1fr);}
.result-frame__text {padding:0; align-items: center; text-align: center;}
.result-frame__text:before {position:static; display:block; margin:0 auto 4.8rem;}
} 

/* ── Responsive ── */
@media (max-width: 768px) {
html {font-size: 32%;}
body {font-size:2.3rem;}
.mobile {display:block;}

.btn {height:36px; font-size:2.5rem;}
.btn2 {height:36px; font-size:2.5rem;}

/* ── Page Layout ── */
.wrapper {background-size:250% auto;}
.wrapper:before {background-size:250% auto;}

/* ── Desc Bar ── */
.desc-bar__inner {line-height:1.2; font-size:3.1rem; flex-direction: column; height:10.2rem; clip-path: polygon(5.1rem 0%, calc(100% - 5.1rem) 0%, 100% 50%, calc(100% - 5.1rem) 100%, 5.1rem 100%, 0 50%);}
.desc-bar__inner:before {background-size:auto 10.2rem;}
.view--apply .desc-bar__hl:before {position: static; transform: none; margin-top: -2px;}

/* ── KV ── */
.kv__tit img {height:11.7rem;}

/* ── Step Flow ── */
.step-card__title {font-size:4.8rem;}
.step-card__badge {font-size:2.2rem;}
.step-flow {grid-template-columns: repeat(2, 1fr);}

/* ── CTA Block ── */
.cta-block .btn-cta {font-size:3.6rem;}

/* ── Form ── */
.section--form:after {background-size:12rem auto;}
.section--form {padding:4.8rem 3.6rem;}
.form-frame .block-title {font-size:3.1rem; line-height:1.2;}
.form-frame__profile .profile__id {font-size:3.8rem;}
.form-frame__profile .profile__level img {width:20px; height:20px;}
.form-frame__profile:after {background-size:12.9rem auto, 1.2rem auto;}
.field__head .field__desc {font-size:2.6rem; line-height:1.2; margin-top:0;}
.field__head .field__help {height:36px; width:36px;}
.field__control {height:48px;}
.field__control .field__input, .field__control .field__filename {line-height:30px; font-size:2.9rem; padding:0 1.2rem;}
.terms__list .terms__item {font-size:2.6rem;}
.agree__item .agree__text {font-size:2.6rem; line-height:1.2;}

/* ── Complete ── */
.result-frame {padding:9.6rem 4.8rem;}
.result-frame:after {background-size:12rem auto;}
.result-frame__tit {font-size:3.8rem;}
.result-frame__desc {font-size:2.6rem; line-height:1.4;}
.result-frame__date {font-size:2.6rem;}
.note__label {font-size:2.3rem; background-size:1.2rem auto; height: 20px; top: -19px;}
.note__msg {font-size:2.6rem;}

/* ── Footer ── */
footer > img {width: 100px;}
footer .footer {position: relative; z-index: 2; font-size: 2.3rem;}
footer .footer .copy {font-size: 2.3rem;}

/* ── Popup ── */
.pop_up .pop_layout {width:calc(100% - 6rem); left:3rem; right:3rem; transform:translate(0 , -50%);}
.pop_up .pop_layout:after {background-size:12rem auto;}
.pop_up .btns {margin-left:-2rem; margin-right:-2rem;}
.pop_up .btns > button {width:120px;}
.pop_up .pop_con .desc .txt {font-size:2.9rem;}
.pop_up .pop_con h2 {height:48px;}
.pop_up .pop_con h2 span {font-size:3.6rem;}
.pop_login .pop_con .desc .box > img {max-width:6rem;}
.pop_submit .pop_con .desc .box > img {max-width:8.4rem;}
.pop_help .scroll_box .con {font-size:2.6rem;}
.pop_help .scroll_box .list > li {font-size:2.6rem; text-indent: -12px; padding-left: 12px;}
.pop_help .scroll_box .list .in_txt li {font-size:2.4rem; text-indent: -20px; padding-left: 20px;}
.pop_help .upload_img {padding:9.6rem 3.6rem 3.6rem;}
.pop_help .upload_img .tit {font-size:2.5rem; height:30px; width:130px;}
}

@media (max-width: 560px) {
.step-flow {grid-template-columns: 1fr; gap: var(--s-4);}
.result-frame__desc br {display:none;}
}

@media (min-width: 769px) and (max-height: 700px) {
.pop_help .pop_layout {top:3rem; bottom:3rem; transform:translate(-50% , 0); height: calc(100% - 6rem);}
.pop_help .pop_layout .pop_con {height:100%;}
.pop_help .scroll_box {height:calc(100% - 60px);}
.pop_help .scroll_box .con {max-height:100%;}
}

@keyframes smoke {
    0%{
        transform: translate(0 , 0) scaleX(1);
        opacity: 0.5;
    }

    15%{
        opacity: 1;
    }

    50%{
        transform: translate(0, 0) scaleX(1.5);
    }

    95%{
        opacity: 0.5;
    }

    100%{
        transform: translate(0 , 0) scaleX(2);
	}
}

@keyframes scale-bounce {
  50% { transform: scale(1.02);}
}

@keyframes float {
    0% {
        opacity: 1;
    }

    50% {
        transform: translate(0, -1rem);
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes scale-bounce02 {
  0%   { transform: scale(0.5); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}