@keyframes spin {0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}
#swrap.full {padding:1.5vw; max-width:2560px}
span {line-height:inherit}
.pcon {background:#fff; z-index:1; border-radius:1.5vw; border:0.2vw solid var(--ctacol); flex:1; box-shadow:0 2px 7px #161b1f; overflow:clip; padding:4vw}
.pcon:before {content:''; position:absolute; width:100%; height:100%; background:repeating-linear-gradient(90deg, #022057 0px, white 1px, transparent 1px, transparent 2.25vw); z-index:0; pointer-events:none; opacity:0.1; -webkit-mask-image:linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%); mask-image:linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%); -webkit-mask-size:100% 100%; mask-size:100% 100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat}
.pcon .pinr {z-index:10; gap:4vw}
.pcon .wcon {flex-basis:36%; z-index:10}
.pcon .wcon .logo {width:60%; padding-bottom:39%; margin-bottom:1.75vw; cursor:pointer}
.pcon .wcon h1 {font-size:2vw; text-align:center; font-weight:700; line-height:1.25em; letter-spacing:0.125vw}
.pcon .mcon {width:44%; z-index:10}
.bshdw1, .bshdw2 {box-shadow:0 2px 4px #d2d3d6}
.mpbar .mpdesc h6 {font-size:1.25vw}
.pcon .mcon .mpbar {margin-top:0; display:none}
.bbox.probs {transform:rotate(2.5deg); margin-top:0.5vw; background:radial-gradient(circle at 50% 100%, #2d353c, #1c2023) padding-box, linear-gradient(-135deg, #ec6f39, rgb(236 111 57)) border-box; border-radius:2.5vw}
.pcon .sbanner {position:absolute; width:10%; z-index:0; text-transform:uppercase; height:100%}
.pcon .sbanner.lft {left:-1.5vw}
.pcon .sbanner.rt {left:auto; right:-1.5vw}
.pcon .sbanner h1 {font-size:7.25vw; font-weight:900; text-transform:uppercase; transform:translate(-50%, -50%) rotate(-90deg); white-space:nowrap; position:absolute; top:50%; left:50%; right:auto; letter-spacing:0.5vw; font-style:italic; mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); -webkit-mask-size:100% 100%; mask-size:100% 100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; opacity:0.2}
.pcon .sbanner.rt h1 {transform:translate(-50%, -50%) rotate(90deg); top:49%}
.pcon .wcon .ctabtn {margin-top:2vw; width:100%; font-size:1.8vw; box-shadow:0 2px 2px #f0ecec; line-height:1.175em; padding:1.25vw 4.5vw 1.5vw 4.5vw; letter-spacing:0.115vw; font-style:italic}
.pcon .wcon .ctabtn .emj {display:inline-block; width:1.75vw; margin:0 0.5vw; vertical-align:middle; margin-top:-0.5vw}
.wcon .nstrt {margin-top:1.5vw; line-height:1em; padding:0.75vw; font-weight:700; font-size:1.125vw; letter-spacing:0.065vw; background:#f1f3f6; width:90%; border:2px solid #e2eaf5; box-shadow:0 2px 2px #f0ecec; text-transform:uppercase; font-style:italic}
.mpcon .qcon .notice {transform:rotate(2deg); gap:0.5vw}
.mpcon .qcon .notice .n1 {width:16vw; padding-bottom:2vw}
.mpcon .qcon .notice .p1 {width:3vw; padding-bottom:2vw; margin-top:1.25vw}
.olay {height:100%; background:linear-gradient(0deg, rgb(36 44 51), rgb(40 41 42 / 86%)); padding:4vw; overflow-y:scroll}
.olay .oclose {position:absolute; z-index:100; left:auto; right:1vw; top:1vw; background:var(--ctacol_grad); cursor:pointer; width:3.5vw; height:3.5vw; border:0.2vw solid #f98553; box-shadow:0 2px 2px #3c3d3e; opacity:0; animation:sPop2 0.5s; animation-fill-mode:forwards; animation-delay:0.3s}
.olay .oclose:hover {border-color:#fff}
.olay .oclose img {width:40%; filter:drop-shadow(0 1px 1px #2f8464)}
.olay.hide {animation:fadeOut 0.1s; animation-fill-mode:forwards; animation-delay:0s}
.wsign {width:100%; max-width:40%}
.wsign h2 {color:#fff; font-size:3.25vw; letter-spacing:0.2vw; line-height:1em; text-shadow:0 1px 2px #1b1918; text-align:center}
.wsign .logo2 {filter:drop-shadow(0 1px 2px #1b1918); width:96%; padding-bottom:3.5vw; margin-top:1vw}
.wsign h2 .ic {display:inline-block; width:3.5vw; margin-right:0.1vw; vertical-align:middle; margin-top:-0.5vw}
.wsign .wswrp {width:100%; border-radius:1.75vw; border:0.25vw solid var(--ctacol); background:#fafbfd; padding:1.5vw; margin-top:2.5vw; box-shadow:0 2px 3px #0e2144}
.wsign .wsignup {font-size:2.25vw; letter-spacing:0.15vw; box-shadow:0 2px 3px #ddd; text-transform:uppercase; line-height:1em; font-weight:700; padding:1.45vw; border-radius:0.9vw}
#mregiwrp {margin:0; padding:0; margin-bottom:1.25vw; border:0.2vw solid #e3efeb; border-radius:1vw; overflow:clip; background:#fff; box-shadow:0 2px 3px #faf6f6}
#mregiwrp:hover {border-color:var(--ctacol)}
#mregiwrp input {margin:0; border:none; box-shadow:none; border-radius:0; padding:1.65vw 1.75vw; letter-spacing:0.05vw; font-weight:600; font-size:2.25vw}
#mregiwrp input:nth-child(1) {border-bottom:0.2vw solid #e3efeb}
.wswrp .inf {margin-top:1vw}
.wswrp .inf p {font-weight:700; font-size:1.2vw; letter-spacing:0.15vw; color:#899bc0}
.wswrp .inf .ic {width:1.35vw; margin-right:0.45vw; opacity:0.5; margin-top:-0.1vw}
.wsignwrp {width:100%; height:100%}
.wsign .wsignup .spin {width:3vw; height:3vw; animation:spin 1.5s linear infinite; box-shadow:0 0.22vw 0 #fff; z-index:2}
.wsign.suc .wsinp {display:none}
.sucbx {padding:1vw 2vw; display:none}
.sucbx .ic {width:10vw; height:10vw; background:#e5e7ef; margin-bottom:1.25vw; box-shadow:0 1px 2px #f1e7e7}
.sucbx .ic img {width:70%}
.sucbx h2 {text-align:center; color:#3a3b3c; font-size:2.25vw; font-weight:700; line-height:1.15em; text-shadow:none; letter-spacing:0.1vw}
.sucbx h2 .o {color:var(--ctacol)}
.wsign.suc .sucbx {display:flex}
.serror {color:#fff; text-align:center; font-size:1.125vw; letter-spacing:0.075vw; background:linear-gradient(0deg, #e53e0d, #f45428); padding:1vw 2vw; font-weight:600; text-shadow:0 1px 1px #cf360a; border-radius:0.9vw; margin-bottom:1vw; box-shadow:0 1px 2px #ddd; display:none}

@media screen and (min-width:2560px) {
#swrap {padding:38px}
.pcon {border-width:5px; border-radius:40px; padding:100px}
.pcon .sbanner h1 {font-size:190px; letter-spacing:5px}
.pcon .pinr {gap:100px}
.pcon .wcon .logo {margin-bottom:45px}
.pcon .wcon h1 {font-size:52px; letter-spacing:3px}
.pcon .wcon .ctabtn {margin-top:50px; padding:32px 115px; font-size:50px; letter-spacing:3px}
.pcon .wcon .ctabtn .emj {width:45px; margin:0 13px; margin-top:-13px}
.wcon .nstrt {margin-top:38px; padding:19px; letter-spacing:29px; letter-spacing:2px; font-size:30px}
.bbox.probs {margin-top:13px; border-radius:50px}
.mpcon .qcon .notice .n1 {width:410px; padding-bottom:51px}
.mpcon .qcon .notice {gap:13px}
.mpcon .qcon .notice .p1 {width:76px; padding-bottom:51px}
.olay .oclose {width:82px; height:82px; right:25px; top:25px; border-width:4px}
.olay {padding:100px}
.wsign h2 .ic {width:90px; margin-top:-13px; margin-right:3px}
.wsign h2 {font-size:84px; letter-spacing:4px}
.wsign .logo2 {padding-bottom:90px; margin-top:25px}
.wsign .wswrp {border-width:6px; padding:38px; border-radius:40px; margin-top:64px}
#mregiwrp {border-width:5px; margin-bottom:32px}
#mregiwrp input {border-width:5px; padding:42px 45px 42px 45px; letter-spacing:1.5px; font-size:58px}
.wsign .wsignup {font-size:56px; letter-spacing:4px; padding:37px; border-radius:20px}
.wswrp .inf {margin-top:25px}
.wswrp .inf .ic {width:34px; margin-top:-2.5px; margin-right:11px}
.wswrp .inf p {font-size:31px; letter-spacing:4px}
.wsign .wsignup .spin {width:76px; height:76px; box-shadow:0 5px 0 #fff}
.sucbx {padding:25px 50px}
.sucbx h2 {font-size:57px; letter-spacing:3px}
.sucbx .ic {width:256px; height:256px; margin-bottom:32px}
.serror {border-radius:20px; padding:25px; font-size:30px; letter-spacing:2px; margin-bottom:25px}
}	
@media screen and (max-width:1150px) {
.bbox.probs {box-shadow:0 2px 4px #d2d3d6}
.pcon .wcon {flex-basis:42%}
.pcon .wcon .ctabtn {font-size:2.25vw; padding:1.25vw 5.5vw 1.5vw 5.5vw}
.pcon .wcon .ctabtn .emj {width:2.25vw}
.wcon .nstrt {font-size:1.5vw}
.pcon .wcon h1 {font-size:2.25vw}
.wsign {max-width:410px}
.wsign h2 {font-size:38px; letter-spacing:2px}
.wsign h2 .ic {width:40px; margin-top:-5px; margin-right:2px}
.wsign .logo2 {padding-bottom:40px; margin-top:10px}
.wsign .wswrp {border-radius:20px; border-width:3px; padding:17px; margin-top:28px}
#mregiwrp {margin-bottom:14px; border-radius:12px; border-width:2px}
#mregiwrp input, #mregiwrp input:nth-child(1) {border-width:2px; font-size:25px; letter-spacing:1px; padding:19px 20px}
.wsign .wsignup {font-size:26px; letter-spacing:1.5px; padding:16px; border-radius:10px}
.wswrp .inf {margin-top:12px}
.wswrp .inf .ic {width:15px; margin-top:-1px; margin-right:5px}
.wswrp .inf p {font-size:15px; letter-spacing:2px}
.olay .oclose {width:40px; height:40px; right:12px; top:12px}
.wsign .wsignup .spin {width:32px; height:32px; box-shadow:0 2px 0 #fff}
.sucbx h2 {font-size:27px; letter-spacing:1.5px}
.sucbx .ic {width:115px; height:115px; margin-bottom:15px}
.sucbx {padding:10px 23px}
.serror {font-size:13px; letter-spacing:1px; padding:15px; margin-bottom:12px; border-radius:10px}
}	
@media screen and (max-width:900px) {
.olay {padding:7vw 4vw}	
#swrap {padding:2vw}
.pcon {border-width:0.4vw; border-radius:3vw; padding:7vw 4vw}
.pcon .sbanner h1 {font-size:12vw}
.pcon .sbanner.lft {left:0}
.pcon .sbanner.rt {right:0}
.pcon .pinr {flex-direction:column}
.pcon .wcon {flex-basis:auto; width:76%}
.pcon .wcon .logo {margin-bottom:3vw}
.pcon .wcon h1 {font-size:4.5vw}
.pcon .wcon .ctabtn {margin-top:3vw; font-size:4.5vw; padding:3vw 7vw}
.pcon .wcon .ctabtn .emj {width:4.25vw; margin:0 1vw; margin-top:-0.75vw}
.wcon .nstrt {font-size:3vw; padding:2vw; margin-top:3vw}
.pcon:before {background:repeating-linear-gradient(90deg, #022057 0px, white 1px, transparent 1px, transparent 4vw)}
.pcon .mcon {width:76%}
.mpcon .qcon .notice {gap:1vw}
.mpcon .qcon .notice .n1 {width:35vw; padding-bottom:5vw}
.mpcon .qcon .notice .p1 {width:5vw; padding-bottom:4vw; margin-top:2vw}
.bbox.probs {margin-top:1vw; border-radius:2.5vw}
.pcon .sbanner h1 {letter-spacing:1vw}
.pcon .mcon .mpbar {display:flex; transform:rotate(2.5deg); margin:2vw 2vw 3.5vw 2vw}
.mpbar .mpdesc {padding:3vw; background:radial-gradient(circle at 100% 100%, #21292f, #4d5359) padding-box, linear-gradient(-135deg, #7c8185, #312d2c) border-box; border-width:0.7vw; border-radius:2.75vw}
.mpbar .mpdesc h6 {font-size:2.5vw; letter-spacing:0.15vw}
.mpbar .mpdesc h6 .mob {display:inline}
.olay .oclose {width:8vw; height:8vw; right:15px; top:15px; border-width:0.4vw}
.wsign {max-width:96%; position:sticky; top:22vh!important}
.wsign h2 {font-size:7.5vw; letter-spacing:0.25vw}
.wsign h2 .ic {width:7vw; margin-top:-1vw; margin-right:0}
.wsign .logo2 {padding-bottom:8vw; margin-top:2vw}
.wsign .wswrp {margin-top:5vw; border-width:0.5vw; border-radius:3vw; padding:3vw}
#mregiwrp {border-width:0.4vw; margin-bottom:3vw; border-radius:2vw}
#mregiwrp input, #mregiwrp input:nth-child(1) {border-width:0.4vw; font-size:5vw; letter-spacing:0.3vw; padding:3.75vw 4vw}
.wsign .wsignup {font-size:5.25vw; padding:3.25vw; border-radius:2vw; font-weight:800; letter-spacing:0.4vw}
.wswrp .inf {margin-top:2.75vw}
.wswrp .inf p {font-size:3.25vw; letter-spacing:0.5vw}
.wswrp .inf .ic {width:4vw; margin-top:0; margin-right:1.25vw}
.wsignwrp {height:calc(100vh - 7vw)}
.wsign .wsignup .spin {width:7vw; height:7vw; box-shadow:0 0.5vw 0 #fff}
.sucbx h2 {font-size:6.25vw; letter-spacing:0.2vw}
.sucbx {padding:2vw}
.sucbx .ic {width:30vw; height:30vw; margin-bottom:3vw; margin-top:2vw}
.serror {font-size:4vw; letter-spacing:0.15vw; padding:3vw 9vw; border-radius:2vw; margin-bottom:3vw; letter-spacing:0.2vw}
}	
@media screen and (max-width:600px) {
.pcon {border-width:0.65vw; border-radius:4vw; padding:8vw 4vw}
#swrap.full {padding:2.5vw}
.pcon .wcon .logo {width:64%; padding-bottom:43%; margin-bottom:4vw}
.pcon .wcon {width:82%}
.pcon .wcon h1 {font-size:5.25vw; line-height:1.3em; letter-spacing:0.2vw}
.pcon .wcon .ctabtn {margin-top:4.25vw; font-size:5vw; padding:4vw 7vw; letter-spacing:0.2vw}
.pcon .wcon .ctabtn .emj {width:4.5vw; margin:0 1.5vw; margin-top:-1vw}
.wcon .nstrt {margin-top:4vw; letter-spacing:0.15vw}
.pcon .pinr {gap:6vw}
.bbox.probs {margin-top:2vw; border-radius:4.5vw; border-width:1vw}
.pcon .mcon {width:92%; margin-bottom:-15vw}
.mpcon .qcon .notice .n1 {width:49vw; padding-bottom:8vw}
.mpcon .qcon .notice .p1 {width:7vw; padding-bottom:5vw; margin-top:3vw}
.mpcon .qcon .notice {gap:2vw}
.pcon .mcon .mpbar {margin-top:3vw}
.mpbar .mpdesc h6 {font-size:3.25vw}
.pcon .mcon .mpbar {margin:3vw 2vw 4.5vw 2vw; gap:4vw}
.olay .oclose {width:10vw; height:10vw; right:2.25vw; top:2.25vw}
.wsign .wswrp {margin-top:5.5vw; border-width:0.65vw; border-radius:4vw}
#mregiwrp input, #mregiwrp input:nth-child(1), #mregiwrp {border-width:0.5vw}
.wsign .wsignup {padding:4vw}
.sucbx h2 {padding:0 10%; font-size:7vw; letter-spacing:0.3vw}
}