@charset "UTF-8"; 
:root {--font-lg:1.7vw; --font-sm:0.9vw; --font-body:1.2vw; --tpl-font-family:"minerva-modern", sans-serif}
.clear {clear:both; width:100%; display:block; float:none}
.solidtext {white-space:nowrap;}
dl, ol, ul {margin:0; padding:0; list-style:none}
a {border-radius:50vw; text-decoration:none!important}
a:hover {cursor:pointer;}
img {display:block; border:0; width:100%; height:auto}
a img {border:0}
h1, h2, h3, h4, p {margin-top:0; margin-bottom:0}
h1 {line-height:1.1}
div {width:100%; display:block}
._iconpan {position:absolute; display:none; width:10vw; height:auto}
body {font-size:16px; margin:0; padding:0; font-family:var(--tpl-font-family); font-weight:400; color:#595959; font-weight:300}
h1, h2, h3, h4 {font-family:var(--tpl-font-family); text-transform:uppercase; font-weight:600}
* {text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
.animate {-webkit-transition-duration:.4s; transition-duration:.4s}
.delay {transition-delay:2s}
.transform_yaxis {-ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0)}
.transform_xaxis {-ms-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0)}
.transform_xy {-ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0)}
.easing {transition-timing-function:ease}
.transform_rotate {-ms-transform:rotate(20deg); -webkit-transform:rotate(20deg); transform:rotate(20deg)}
.transform_scale {-ms-transform:scale(2,2); -webkit-transform:scale(2,2); transform:scale(2,2)}
.rounded-corners {-moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px}
button:focus, input:focus, select:focus, textarea:focus {outline:0!important}
select option {background:rgba(255,255,255,0.5);}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {background-clip:text; text-emphasis-color:#ffffff; transition:background-color 5000s ease-in-out 0s; box-shadow:inset 0 0 0px 0px #ffffff; -webkit-background-clip:text; -webkit-text-fill-color:#ffffff; -webkit-transition:background-color 5000s ease-in-out 0s; -webkit-box-shadow:inset 0 0 0px 0px #ffffff ;}
select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {-webkit-background-clip:text; -webkit-transition:background-color 5000s ease-in-out 0s; -webkit-box-shadow:inset 0 0 0px 0px #ffffff ; -webkit-text-fill-color:#ffffff; background-clip:text; transition:background-color 5000s ease-in-out 0s ; box-shadow:inset 0 0 0px 0px #ffffff; text-emphasis-color:#ffffff;}
input::spelling-error {color:white !important; text-decoration:none !important;}
::placeholder {color:var(--color-white) ; opacity:1}
:-ms-input-placeholder {color:var(--color-white)}
::-ms-input-placeholder {color:var(--color-white)}
.prlx_1 {position:relative; display:block; overflow:hidden}
.prlx_1 img {opacity:0}
.prlx_2 {position:absolute; top:auto; bottom:0; left:0; width:100%; height:120%; display:block}
.mobile .prlx_2 {height:150%}
.prlx {position:absolute; top:0; left:0; width:100%; height:100%}
.prlx img {opacity:0; width:100%; height:auto}
.prlx video {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%; width:auto; height:auto}
.prlx2 {position:relative; display:block}
.prlx2 img {opacity:0; width:100%; height:auto; display:block}
.prlx2 .prlx2_1 {position:absolute; display:block; top:0; left:0; width:100%; height:100%}
._artnote {position:relative}
._artnote font {position:absolute; bottom:0; left:0; z-index:4}
._fltr {position:relative; display:block}
._anote {position:absolute; bottom:0; right:0; display:block; z-index:4; color:#fff; text-decoration:none!important; padding:1vw; text-transform:uppercase; font-size:.7vw}
.mainpan {position:relative; top:0; left:0; width:100%; height:100%; overflow:hidden}
.mainpan b {position:absolute; display:block; width:auto; bottom:0; right:0; z-index:4}
.mainpan b font {display:block; width:2vw; height:2vw; background-color:#000; color:#fff; margin-right:1vw; margin-bottom:1vw; font-size:1.6vw; overflow:hidden; cursor:pointer; background-color:#669835}
.mainpan b font:hover {background-color:#595959}
.mainpan b .f_1 {line-height:2vw}
.mainpan b .f_2 {line-height:1.8vw}
.mainpan b .f_3 {line-height:1.8vw}
.mainpan b .f_1:before {content:'+'}
.mainpan b .f_2:before {content:'-'}
.mainpan b .f_3 {line-height:1.8vw}
.mobile .mainpan b font {width:7vw; height:7vw; text-align:center; font-weight:400; font-size:8vw}
.mobile .mainpan b .f_1 {line-height:7.2vw}
.mobile .mainpan b .f_2 {line-height:6vw}
.mobile .mainpan b .f_3 {line-height:6vw}
.mainpan .scrl_1 {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:4; opacity:0}
.mainpan .scrl_1 .scrl_1_1 {position:absolute; display:block; top:0; left:0; width:100%; height:auto}
.mainpan .scrl_1 .scrl_1_1 u {position:absolute; top:0; left:0; width:100%; height:100%; display:block}
.mainpan .scrl_2 {position:absolute; top:0; left:0; width:100%; height:auto; overflow:hidden; -webkit-transition-duration:.2s; transition-duration:.2s; transition-timing-function:ease-out}
.mainpan img {position:relative; display:block}
.ui_scroll {position:fixed; display:block; opacity:0; z-index:99; width:auto; bottom:0; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition-duration:.6s; transition-duration:.6s}
.ui_scroll span {text-transform:uppercase; display:block; position:relative; color:#fff; font-size:11px; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg)}
.ui_scroll i {display:block; position:relative; width:3px; margin:0 auto; margin-top:1vw; overflow:hidden}
.ui_scroll b {display:block; position:relative; width:1px; height:4vw; margin:0 auto; background-color:#fff}
.ui_scroll font {position:absolute; display:block; top:0; left:0; width:100%; height:1.5vw; background-color:#fff; animation:scroll 1.5s ease-in-out infinite}
.ui_scroll.off {opacity:0!important}
body:not(.shownav) .ui_scroll {opacity:1}
section {position:relative; width:100%; height:100vh; text-align:center; overflow:hidden}
section ._ani, section ._ani2 span {opacity:0; -webkit-transition-duration:.2s; transition-duration:.2s; display:block; position:relative}
._ani2.on span, .done section:first-child ._ani, section.on ._ani {-ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); -webkit-transition-duration:.8s; transition-duration:.8s; opacity:1}
.on {opacity:1!important}
.d.on, .l.on, .r.on, .u.on {-ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0)}
.d {-ms-transform:translate(0,-30%); -webkit-transform:translate(0,-30%); transform:translate(0,-30%)}
.u {-ms-transform:translate(0,30%); -webkit-transform:translate(0,30%); transform:translate(0,30%)}
.l {-ms-transform:translate(5%,0); -webkit-transform:translate(5%,0); transform:translate(5%,0)}
.r {-ms-transform:translate(-5%,0); -webkit-transform:translate(-5%,0); transform:translate(-5%,0)}
.keyframe1 {animation:blinkx 1s linear infinite}

@keyframes scroll {
0% {-ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0)}
50% {-ms-transform:translateY(170%); -webkit-transform:translateY(170%); transform:translateY(170%)}
100% {-ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0)}
}

@-webkit-keyframes rotating {
from {-webkit-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0)}
to {-webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg)}
}

@keyframes rotating {
from {-ms-transform:rotate(0); -moz-transform:rotate(0); -webkit-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0)}
to {-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg)}
}

.rotating {-webkit-animation:rotating 1s linear infinite; -moz-animation:rotating 1s linear infinite; -ms-animation:rotating 1s linear infinite; -o-animation:rotating 1s linear infinite; animation:rotating 1s linear infinite}
.m_fly {animation:fly_y .5s ease-in-out infinite; animation-direction:alternate}
.m_fly .fly_1 {animation:fly_x .5s ease-in-out infinite; animation-direction:alternate}

@keyframes fly_x {
0% {-ms-transform:translateX(-1vw); -webkit-transform:translateX(-1vw); transform:translateX(-1vw)}
100% {-ms-transform:translateX(1vw); -webkit-transform:translateX(1vw); transform:translateX(1vw)}
}

@keyframes fly_y {
0% {-ms-transform:translateY(-1.5vw); -webkit-transform:translateY(-1.5vw); transform:translateY(-1.5vw)}
100% {-ms-transform:translateY(1.5vw); -webkit-transform:translateY(1.5vw); transform:translateY(1.5vw)}
}

@keyframes updown {
0% {-ms-transform:translateY(-.5vw); -webkit-transform:translateY(-.5vw); transform:translateY(-.5vw)}
50% {-ms-transform:translateY(.5vw); -webkit-transform:translateY(.5vw); transform:translateY(.5vw)}
100% {-ms-transform:translateY(-.5vw); -webkit-transform:translateY(-.5vw); transform:translateY(-.5vw)}
}

.mainnav {position:fixed; z-index:130; display:block; top:0; left:0; width:100%; height:100vh; background-color:#fff; overflow:hidden; -ms-transform:translateY(-110%); -webkit-transform:translateY(-110%); transform:translateY(-110%); -webkit-transition-duration:.8s; transition-duration:.8s}
.mainnav ul li {position:absolute; top:0; left:0; width:auto; -webkit-transition-duration:0ms; transition-duration:0ms; opacity:0; transition-delay:0s; -ms-transform:translateY(5vh); -webkit-transform:translateY(5vh); transform:translateY(5vh)}
.mainnav ul .leaves {top:auto; bottom:0; left:25.5vh; width:61.7vh}
.mainnav ul .leaves .leaves_grp {position:relative; overflow:hidden}
.mainnav ul .leaves .leaves_grp img {opacity:0}
.mainnav ul .leaves .leaves_grp span {position:absolute; top:0; left:0; width:100%; height:200%; -ms-transform:scale(.6,.6); -webkit-transform:scale(.6,.6); transform:scale(.6,.6); -webkit-transition-duration:0ms; transition-duration:0ms}
.mainnav ul .leaves .navlogo {position:absolute; top:18vh; left:4.3vh; width:49vh}
.mainnav ul .lnks {left:auto; top:17.8vh; right:9.2vh; -ms-transform:translateY(0)!important; -webkit-transform:translateY(0)!important; transform:translateY(0)!important; opacity:1!important}
.mainnav ul .lnks span {display:block; opacity:0; -ms-transform:translateX(-10vh); -webkit-transform:translateX(-10vh); transform:translateX(-10vh); -webkit-transition-duration:0s; transition-duration:0s}
.mainnav ul .lnks span a.on {color:#669835!important}
.mainnav ul .lnks a {display:block; color:#595959; text-transform:uppercase; text-align:right; font-family:OptimusPrincepsSemiBold; font-weight:600; font-size:3.6vh; line-height:5.86vh; -webkit-transition-duration:.3s; transition-duration:.3s}
.mainnav ul .lnks a:hover {color:#669835; padding-right:2vh}
.mainnav ul .social {left:auto; right:58.5vh; top:auto; bottom:19.3vh; width:auto; height:3.7vh; display:grid; align-content:center}
.mainnav ul .social .social_a {display:block}
.mainnav ul .social a {display:block; height:2.25vh; padding-right:1.85vh; float:left; filter:invert(65%)}
.mainnav ul .social a img {display:block; position:relative; height:100%; width:auto}
.mainnav ul .social p {display:block; color:#595959; text-transform:uppercase; font-weight:700; font-size:1.59vh; position:absolute; top:50%; right:0; width:auto; -ms-transform:translate(100%,-50%); -webkit-transform:translate(100%,-50%); transform:translate(100%,-50%)}
.mainnav ul .ebrochure {left:auto; right:9.2vh; top:auto; bottom:19.3vh}
.mainnav ul .ebrochure a {display:grid; align-content:center; position:relative; color:#595959; padding-left:3.5vh; font-weight:700; font-size:1.59vh; height:3.7vh}
.mainnav ul .ebrochure a img {position:absolute; top:0; left:0; width:auto; height:100%; filter:invert(65%)}
.mainnav ul .devby {left:auto; right:9.2vh; top:auto; bottom:8vh}
.mainnav ul .devby p {display:block; float:left; margin-right:1.2vh; color:#595959; font-size:1.1vh; text-transform:uppercase; -ms-transform:translateY(1vh); -webkit-transform:translateY(1vh); transform:translateY(1vh)}
.mainnav ul .devby img {float:left; height:3.1vh; width:auto; display:block}
.mainnav ul .cpyright {left:9vh; top:auto; bottom:4vh}
.mainnav ul .cpyright p {font-size:1.09vh; text-transform:uppercase; color:#868686}
.mainnav ul .legallnr {left:auto; right:9.2vh; top:auto; bottom:4.3vh; text-align:right}
.mainnav ul .legallnr p {text-transform:uppercase; font-family:var(--tpl-font-family); color:#868686; font-size:.69vh}
.mainnav ul .navclose {left:auto; top:3.6vh; width:5vh; height:5vh; right:3.5vh; cursor:pointer}
.mainnav ul .navclose span {position:absolute; z-index:4; top:0; left:0; width:100%; height:100%; display:grid; align-content:center; -webkit-transition-duration:.4s; transition-duration:.4s}
.mainnav ul .navclose:hover span {-ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg)}
.mainnav ul .navclose span i {width:100%; height:2px; background-color:#669835; display:block; margin-top:0; margin-bottom:0}
.mainnav ul .navclose span i:first-child {-ms-transform:translateY(1px) rotate(45deg); -webkit-transform:translateY(1px) rotate(45deg); transform:translateY(1px) rotate(45deg)}
.mainnav ul .navclose span i:nth-child(2) {-ms-transform:translateY(-1px) rotate(-45deg); -webkit-transform:translateY(-1px) rotate(-45deg); transform:translateY(-1px) rotate(-45deg)}
.mainnav .menu_dvdr {display:block; position:absolute; bottom:54.2vw; left:0; padding:0 7.4vw; display:none; -webkit-transition-duration:0s; transition-duration:0s; -ms-transform:scale(0,1); -webkit-transform:scale(0,1); transform:scale(0,1); transition-delay:0s}
.mainnav .menu_dvdr span {display:block; width:100%; height:12.2vw; margin:0 auto; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf}
.showmenu .mainnav .menu_dvdr {-ms-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1); transition-delay:1.5s; -webkit-transition-duration:1s; transition-duration:1s}
.showmenu nav {-ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0)}
.showmenu .mainnav ul li {opacity:1; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition-duration:.6s; transition-duration:.6s}
.showmenu .mainnav ul .lnks span {opacity:1; -ms-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); -webkit-transition-duration:.6s; transition-duration:.6s}
.showmenu .mainnav ul .leaves .leaves_grp span {-ms-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1); transition-delay:0.5s}
.showmenu .mainnav ul .leaves .leaves_grp span:first-child {-webkit-transition-duration:3s; transition-duration:3s}
.showmenu .mainnav ul .leaves .leaves_grp span:nth-child(2) {-webkit-transition-duration:5s; transition-duration:5s}
.showmenu .mainnav ul .leaves .leaves_grp span:nth-child(3) {-webkit-transition-duration:3.5s; transition-duration:3.5s}
.btn1 {display:inline-block; position:relative; border:1px solid transparent; cursor:pointer; text-decoration:none!important; background:#ff3a3b; background:#ff3a3b; background:linear-gradient(90deg,#ff3a3b 51%,#ff3578 73%,#ff3578 95%); z-index:9}
.btn1 p {position:relative; z-index:1; text-decoration:none!important; color:#fff; text-transform:capitalize; font-family:var(--tpl-font-family); font-weight:700; font-size:.8vw; padding:.23vw .57vw; padding-right:1.49vw; -webkit-transition-duration:.4s; transition-duration:.4s}
.btn1 span {display:none; position:absolute; top:0; right:0; width:100%; height:100%; -webkit-transition-duration:.4s; transition-duration:.4s; background:#ff3a3b; background:linear-gradient(90deg,#ff3a3b 51%,#ff3578 73%,#ff3578 95%); border-radius:50vw}
.btn1 i {display:none; position:absolute; top:50%; right:-1.2vw; height:2px; width:2.29vw; background-color:#fff; border-right:1.14vw solid #659834; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:8; -webkit-transition-duration:.4s; transition-duration:.4s}
.btn1:hover span {width:0%}
.btn1:hover p {color:#fff; padding-right:1vw; padding-left:1vw}
.btn2 {display:grid; width:14vh; margin:0 auto; white-space:nowrap}
.btn2 i {height:1px}
.btn2 p {font-size:1.5vh; padding:.44vh 1.08vh; padding-right:2.84vh; line-height:2.5vh}
.btn2:hover p {padding-right:1.96vh; padding-left:1.76vh}
.f_kv {position:relative; display:block; width:100%; height:auto; overflow:visible; background-color:#464646}
.f_kv .f_kv_1, .f_kv .f_kv_2 {position:absolute; top:0; left:0; width:100%; height:100%}
.f_kv .f_kv_1 {overflow:hidden}
.f_kv .f_kv_2 {-webkit-transition-duration:15s; transition-duration:15s; -ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1)}
.done .f_kv .f_kv_2 {-ms-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1)}
.f_kv ul li {position:absolute; display:block; width:auto; top:0; left:0}
.f_kv ul .pgetitle {left:0; top:11.1vw; padding-left:2.6vw; z-index:10}
.f_kv ul .pgetitle i {position:absolute; top:.3vw; left:0; background-color:#fff; display:block; width:.8vw; height:1.6vw}
.f_kv ul .pgetitle h1 {font-size:1.9vw; font-weight:600; color:#fff; text-transform:uppercase}
.f_kv ul .artnote {top:auto; left:auto; bottom:2.2vw; right:2.5vw; font-size:.86vw; color:#fff; z-index:4; text-transform:uppercase}
.f_kv ul .scrlnote {z-index:2; left:2.1vw; top:auto; bottom:0; width:1px; height:9.3vw; background-color:#fff; -ms-transform:translateY(50%); -webkit-transform:translateY(50%); transform:translateY(50%)}
.f_kv ul .scrlnote i {display:block; position:absolute; bottom:0; left:0; width:100%; height:50%; background-color:#669835}
.f_kv ul .scrlnote span {position:absolute; display:block; top:-2.1vw; left:0; color:#fff; text-transform:uppercase; font-size:.7vw; -ms-transform:translate(-48%,0) rotate(90deg); -webkit-transform:translate(-48%,0) rotate(90deg); transform:translate(-48%,0) rotate(90deg)}
.f_ui ul li {position:fixed; display:block; width:auto; top:0; left:0; z-index:110;}
.f_ui ul .logo {left:2.5vw; top:2.5vw}
.f_ui ul .logo a {display:block; width:5vw}
.shownav .f_ui ul .logo a {background:url(../images/logo-w.svg) top left no-repeat; background-size:contain}
.f_ui ul .logo a img {opacity:1}
.shownav .f_ui ul .logo a img {display:none}
.f_ui ul .menu {text-transform:uppercase; font-weight:500; position:fixed; left:unset; right:3.5vw; top:4.5vw; font-size:calc(var(--font-body)* 1.2);}
.f_ui ul .menu a {color:var(--color-cyan-blue);}
.f_ui ul .menu:hover a {color:#fff;}
.f_ui ul .btn-download {position:fixed; left:unset; right:10vw; top:3vw;}
.f_ui ul .path-0 {position:fixed; width:4vw; height:auto; left:unset; right:-1%; top:5px;}
.f_ui ul .stick-info {position:fixed; left:unset; right:20px; top:calc(50% - 85px); transition:opacity 0.3s; opacity:1;}
.nav-open .f_ui ul .stick-info {opacity:0;}
.f_ui ul .stick-info .social-link {width:calc(1rem + 1vw); height:auto; display:flex; flex-direction:column; align-items:center; padding:0; background-color:rgba(0, 54, 94, 0.7); backdrop-filter:blur(3px); border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;}
.f_ui ul .stick-info .social-link .social-link-item {border-radius:0; padding:0.5vw 0; display:block;}
.f_ui ul .stick-info .social-link .social-link-item:nth-child(1), .f_ui ul .stick-info .social-link .social-link-item:nth-child(2) {border-bottom:1px solid #fff;}
.f_ui ul .stick-info .social-link svg {width:calc(1rem + 0.1vw); height:auto;}
.f_ui ul .stick-info .social-link .social-link-item:hover > svg path {fill:rgba(166, 168, 152, 1)!important}
.f_ui ul .burger {left:auto; right:2.6vw; top:4.4vw; width:2.6vw; cursor:pointer; display:none}
.f_ui ul .burger span {position:absolute; z-index:4; top:0; left:0; width:100%; height:100%; display:grid; align-content:center; -webkit-transition-duration:.4s; transition-duration:.4s}
.f_ui ul .burger span i {width:100%; height:2px; background-color:#fff; display:block}
.f_ui ul .burger span:first-child i {margin-top:.18vw; margin-bottom:.18vw}
.f_ui ul .burger span:nth-child(2) i:first-child {-ms-transform:translateY(1px) rotate(45deg); -webkit-transform:translateY(1px) rotate(45deg); transform:translateY(1px) rotate(45deg)}
.f_ui ul .burger span:nth-child(2) i:nth-child(2) {-ms-transform:translateY(-1px) rotate(-45deg); -webkit-transform:translateY(-1px) rotate(-45deg); transform:translateY(-1px) rotate(-45deg)}
.f_ui ul .burger img {opacity:0}
.f_ui ul .burger span:nth-child(2) {-ms-transform:scale(0,0); -webkit-transform:scale(0,0); transform:scale(0,0)}
.showmenu .f_ui ul .burger span:first-child {-ms-transform:scale(0,1); -webkit-transform:scale(0,1); transform:scale(0,1)}
.showmenu .f_ui ul .burger span:nth-child(2) {-ms-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1)}
.f_ui ul .burger p {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-color:#669835; display:none; -ms-transform:scale(2,2); -webkit-transform:scale(2,2); transform:scale(2,2); -moz-border-radius:5vw; -webkit-border-radius:5vw; -khtml-border-radius:5vw; border-radius:5vw}
.f_ui ul .cta_register {left:auto; top:2.3vw; right:2.3vw; bottom:0; -webkit-transition-duration:.3s; transition-duration:.3s; z-index:999}
.f_ui ul .cta_register.off {right:-20vw}
.f_ui ul .stick-info.off {opacity:0; z-index:-1;}
.f_ui ul .cta_register p {display:block; width:9.34vw; line-height:1.08vw; padding:.5vw .5vw; text-align:center; text-transform:uppercase; line-height:1.25vw}
.f_ui ul .cta_register a:hover p {-ms-transform:translateX(.6vw); -webkit-transform:translateX(.6vw); transform:translateX(.6vw)}
.f_ui ul .cta_register i {border-right:3.14vw solid #659834; width:4.49vw; right:-3.2vw}
.f_ui ul .cta_register a:hover i {width:0}
.f_ui ul .navbar {display:block; z-index:105; width:100%; height:5vw; -ms-transform:translateY(-101%); -webkit-transform:translateY(-101%); transform:translateY(-101%)}
.f_ui ul .navbar div {position:absolute; display:block; top:0; left:0; width:100%; height:100%}
.f_ui ul .navbar div:first-child {background-color:transparent}
.f_ui ul .navbar div:nth-child(2) {backdrop-filter:unset; opacity:0; -webkit-transition-duration:0s; transition-duration:0s}
.f_ui ul .burger, .f_ui ul .burger span i, .f_ui ul .logo, .f_ui ul .logo a, .f_ui ul .logo a img, .f_ui ul .navbar {-webkit-transition-duration:.6s; transition-duration:.6s}
.shownav .f_ui ul .logo {top:.7vw; mix-blend-mode:difference;}
.shownav .f_ui ul .logo a {width:5.5vw; height:8.5vw;}
.shownav .f_ui ul .logo a img {opacity:0}
.shownav .f_ui ul .burger {top:1.1vw}
.shownav .f_ui ul .burger span i {background-color:#669835}
.shownav .f_ui ul .navbar {-ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0)}
.shownav .f_ui ul .navbar div:nth-child(2) {transition-delay:0.6s; opacity:1; -webkit-transition-duration:.6s; transition-duration:.6s}
.sldcntrl {position:absolute; bottom:-2.4vw; left:0; width:100%; height:auto; z-index:4}
.sldcntrl p {position:absolute; display:block; width:auto; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); font-weight:700; color:#004274}
.sldcntrl .l_arw {float:right; width:auto}
.sldcntrl .l_arw img {width:auto; height:1.35vw; display:inline-block; cursor:pointer}
.sldcntrl .l_arw img:first-child {display:none}
.sldcntrl .l_arw img:nth-child(2) {margin-left:1vw}
.slick-dots {display:none!important}
.slick-slider {margin-bottom:0!important}
.slick-arrow {display:none!important}
.sld {position:relative}
.sld .sldbtn {border:1px solid #000; position:relative}
.sld .sldbtn .clear {display:block; width:100%; height:1px}
.sld .sldbtn span {cursor:pointer; display:none}
.sld .sldbtn span.on {display:block}
.sld .sldbtn span:first-child {float:left}
.sld .sldbtn span:nth-child(2) {float:right}
footer a {color:#fff}
footer .brdcrmbs a, footer .brdcrmbs a i {-webkit-transition-duration:.2s; transition-duration:.2s}
footer {position:relative; width:calc(100% - 100px); margin:0 auto; border-top:1px solid #dadada; font-size:.7vw; padding-bottom:25px; pointer-events:initial;}
footer .brdcrmbs {overflow:hidden; background-color:#fff; position:relative}
footer .brdcrmbs a {position:relative; text-transform:uppercase; font-weight:500; color:#004274; font-size:1.06vw; line-height:6.3vw}
footer .brdcrmbs a i {position:absolute; top:calc(50% - 2px); left:0; width:5.5vw; height:2px; background-color:#004274; -ms-transform:translateX(-33%); -webkit-transform:translateX(-33%); transform:translateX(-33%)}
footer .brdcrmbs a:nth-child(2) i {left:auto; right:0; -ms-transform:translateX(33%); -webkit-transform:translateX(33%); transform:translateX(33%)}
footer .brdcrmbs a:first-child {float:left; padding-left:5.26vw}
footer .brdcrmbs a:nth-child(2) {float:right; padding-right:5.26vw}
footer .f_backtop {display:none; position:absolute; top:-5vw; right:1vw; width:auto; cursor:pointer; animation:updown 1s ease-in-out infinite}
footer .f_backtop img {display:block; width:3vw; height:auto}
footer .brdcrmbs a:hover {color:#669835; -ms-transform:translateX(5%); -webkit-transform:translateX(5%); transform:translateX(5%)}
footer .brdcrmbs a:nth-child(2):hover {-ms-transform:translateX(-5%); -webkit-transform:translateX(-5%); transform:translateX(-5%)}
footer .brdcrmbs a:hover i {background-color:#669835}
footer .f_1 {position:relative; height:11.4vw; background-color:#669835}
footer .f_1 .f_2 {position:absolute; top:50%; left:0; width:auto; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%)}
footer .f_1 .f_3 {position:absolute; top:20%; left:0; width:auto; -ms-transform:translateY(-20%); -webkit-transform:translateY(-20%); transform:translateY(-20%)}
footer .f_1 .cntctno {left:5.2vw}
footer .f_1 .cntctno p {color:#fff}
footer .f_1 .cntctno p:first-child {font-size:.92vw; line-height:1vw}
footer .f_1 .cntctno p:first-child strong {font-weight:500}
footer .f_1 .cntctno p:nth-child(2) {font-size:2.6vw; font-weight:500; line-height:1.7vw; margin-top:1.2vw; -ms-transform:translateX(-.1vw); -webkit-transform:translateX(-.1vw); transform:translateX(-.1vw)}
footer .f_1 .ebrchure {left:23.3vw}
footer .f_1 .ebrchure a {display:grid; align-content:center; position:relative; color:#fff; padding-left:2.6vw; font-weight:700; font-size:.86vw; height:2.7vw}
footer .f_1 .ebrchure a img {position:absolute; top:0; left:0; width:auto; height:100%}
footer .f_1 .social {left:41.1vw; height:2.7vw; display:grid; align-content:center}
footer .f_1 .social a {display:block; height:1.3vw; padding-right:.86vw; float:left}
footer .f_1 .social a img {display:block; position:relative; height:100%; width:auto}
footer .f_1 .social p {display:block; color:#fff; text-transform:uppercase; font-weight:700; font-size:1.05vw; position:absolute; top:50%; right:0; width:auto; -ms-transform:translate(100%,-50%); -webkit-transform:translate(100%,-50%); transform:translate(100%,-50%)}
footer .f_1 .fchat {left:77.9vw}
footer .f_1 .fchat a {position:relative; color:#fff; font-size:2.18vw; font-family:OptimusPrincepsSemiBold; font-weight:600; text-transform:uppercase}
footer .f_1 .fchat a img {position:absolute; top:0; right:-4vw; height:100%; width:auto}
footer .f_1 .fchat p {color:#fff; font-size:.87vw; line-height:1vw}
footer .f_legal {position:relative; height:4.5vw; background-color:transparent; color:#fff!important; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
footer .f_legal .f_2 {position:unset; top:50%; width:auto; -ms-transform:translateY(-50%); color:#fff!important}
footer .f_legal .legliner {left:0}
footer .f_legal .f_2.address, footer .f_legal .f_2.address strong {text-align:left; color:#fff;}
footer .f_legal .legliner p {text-transform:unset; font-family:var(--tpl-font-family); color:#fff; display:inline; text-align:left;}
footer .all-right p {font-size:0.7vw;}
footer .f_legal .legliner p:nth-child(2) {font-size:.417vw; margin-top:.7vw}
footer .f_legal .devby {right:0; color:#fff; margin-left:15vw;}
footer .f_legal .devby p {display:block; float:left; font-weight:300; margin-right:.9vw; color:#fff; font-size:.7vw; text-transform:uppercase; -ms-transform:translateY(0.5vw); -webkit-transform:translateY(0.5vw); transform:translateY(0.5vw)}
footer .f_legal .devby .logo-wt {float:left; height:2.6vw; width:10vw;}
footer .f_legal .devby:hover .logo-wt img {cursor:pointer; opacity:0.75;}
footer .f_legal .devby a:hover path {fill:#009482!important;}
footer .f_legal .devby a:hover path.active-color {fill:#000000!important;}
footer .f_legal .cntctno {position:unset; left:51vw; width:auto; font-size:2vw;}
footer .f_legal .cntctno p:first-child {display:inline-block; line-height:1.5; text-transform:uppercase; font-size:2vw; color:#fff;}
footer .f_legal .cntctno p:last-child {font-size:2.5vw; display:inline; line-height:2.5; font-weight:900; color:#fff;}
footer .f_legal .cntlink {display:inline; margin-left:1vw}
footer .f_legal .cntlink a {margin-left:1vw; font-weight:700}
footer .f_legal .cntlink a:hover {color:var(--color-cyan-blue);}
footer .f_legal .design p {color:#fff; font-size:0.5vwvw;}
footer .f_legal2 {position:relative; height:4.1vw; background-color:transparent; color:#fff!important; display:flex; flex-direction:row; justify-content:space-between; align-items:center; line-height:1.25;}
footer .f_legal2 .legliner {left:0}
footer .f_legal2 .legliner p {text-transform:capitalize; font-family:var(--tpl-font-family); color:#fff; display:inline}
footer .f_legal2 .legliner p:nth-child(2) {font-size:.417vw; margin-top:.7vw}
footer .f_legal2 .f_3 {position:unset; top:20%; width:auto; -ms-transform:translateY(-20%); color:#fff!important}
footer .social-link {display:flex; flex-direction:row; gap:2vw; align-items:flex-start;}
footer .social-link a svg {width:auto; height:20px;}
footer .social-link a:hover path {fill:var(--color-cyan-blue)!important;}
footer .f_formul8 {align-items:flex-end; display:flex; flex-direction:row; justify-content:flex-end; color:#fff!important; text-transform:uppercase; font-family:Arial; font-size:8px}
footer .f_formul8 a {text-decoration:underline!important}
.footer_contact .f_1 .cntctno {top:6.1vw;}
.footer_contact .f_1 .social {top:22.1vw;}
.footer_contact .f_1 .ebrchure {top:22.1vw;}
.footer_contact .f_1 .dvdr {top:-20vw;}
.footer_contact .f_1 .dvdr span:nth-child(1) {display:none !important;}
.footer_contact .f_1 {height:35vw;}
footer .f_legal2 .f_3 {display:block; text-align:left}
footer .f_3.legliner p {font-size:0.6vw;}
.mobile ._anote {font-size:1.5vw}
.mobile .btn2 {width:28vw}
.mobile .btn2 p {font-size:2.3vw; padding:0 2vw; padding-right:2.84vw; line-height:5.6vw}
.mobile .btn1 i {width:5.5vw; right:-3.2vw; border-right:3vw solid #659834}

@media (max-width: 1023px) {
.mainnav .menu_dvdr {display:block}
.f_ui ul .logo {left:7.2vw; top:7.4vw}
.f_ui ul .logo a {width:35vw}
.shownav .f_ui ul .logo a {width:17vw}
.shownav .f_ui ul .logo {top:1.7vw}
.f_ui ul .navbar {height:11vw}
.f_kv ul .scrlnote {display:none}
.f_kv ul .artnote {right:5.3vw; bottom:3.1vw; font-size:1.1vw}
.f_kv ul .pgetitle {top:auto; bottom:-9.4vw; padding-left:7.4vw}
.f_kv ul .pgetitle h1 {color:#669835; font-size:4.8vw}
.f_kv ul .pgetitle i {background-color:#669835; top:.7vw; width:1.8vw; height:3.7vw}
.f_ui ul .burger {top:auto!important; right:auto!important; left:46.8vw!important; bottom:7.5vw!important; width:6.5vw!important; -ms-transform:scale(.8); -webkit-transform:scale(.8); transform:scale(.8)}
.f_ui ul .burger span:first-child i {margin-top:.6vw; margin-bottom:.6vw}
.f_ui ul .burger span i {background-color:#fff!important}
.f_ui ul .burger p {display:block; border:1px solid #fff}
.f_ui ul .cta_register {right:2vw; bottom:7.8vw}
.f_ui ul .cta_register p {width:13.5vw; padding:.6vw 1.4vw; font-size:2.2vw; line-height:2.3vw}
.mainnav ul .lnks {right:7.3vw; top:21vw}
.mainnav ul .lnks a {font-size:2.3vh; line-height:3.5vh}
.mainnav ul .leaves .elm_leaves {display:none}
.mainnav ul .leaves {left:7.5vw; bottom:auto; top:7.3vw}
.mainnav ul .leaves .navlogo {width:34.8vw; top:0; left:0}
.mainnav ul .social {bottom:57.3vw; right:auto; left:7.4vw; height:6vw; z-index:10}
.mainnav ul .social a {padding-right:2.2vw}
.mainnav ul .social p {font-size:1.85vw; padding-left:2vw}
.mainnav ul .ebrochure {bottom:57.3vw; right:7.4vw; z-index:10}
.mainnav ul .ebrochure a {font-size:1.85vw; height:6vw; padding-left:6.3vw}
.mainnav ul .navclose {top:12.5vw; width:5.7vw; height:5.7vw; right:6.7vw}
.mainnav ul .devby {bottom:34.5vw; right:auto; left:0; width:100%}
.mainnav ul .devby p {float:none; clear:both; margin-right:0; text-align:center; font-size:1.85vw; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0)}
.mainnav ul .devby a {display:block; margin-top:4vw}
.mainnav ul .devby img {float:none; clear:both; margin:0 auto; height:9.2vw}
.mainnav ul .cpyright {bottom:24.5vw; right:auto; left:0; width:100%}
.mainnav ul .cpyright p {text-align:center; font-size:2.14vw}
.mainnav ul .legallnr {bottom:11.8vw; right:auto; left:0; width:100%}
.mainnav ul .legallnr p {text-align:left; font-size:1.82vw; padding:0 7.4vw; font-size:1.82vw; line-height:2.3vw}
.mainnav ul .legallnr p br {display:none!important}
footer .brdcrmbs a {font-size:3vw; line-height:19.3vw}
footer .brdcrmbs a i {width:11vw}
footer .brdcrmbs a:first-child {padding-left:10.1vw}
footer .brdcrmbs a:nth-child(2) {padding-right:10.1vw}
footer .brdcrmbs .dvdr {position:absolute; top:0; left:0; width:100%}
footer .brdcrmbs .dvdr span {position:relative; display:block; width:85vw; margin:0 auto; height:1px; background-color:#bfbfbf}
footer .f_1 {height:56.4vw}
footer .f_1 .dvdr {position:absolute; top:0; left:0; width:100%; height:1px}
footer .f_1 .dvdr span {position:relative; display:block; width:85vw; margin:0 auto; height:1px; background-color:#bfbfbf; opacity:.5}
footer .f_1 .dvdr span:first-child {-ms-transform:translateY(22vw); -webkit-transform:translateY(22vw); transform:translateY(22vw)}
footer .f_1 .dvdr span:nth-child(2) {-ms-transform:translateY(37.3vw); -webkit-transform:translateY(37.3vw); transform:translateY(37.3vw)}
footer .f_1 .f_2 {top:0; left:0; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0)}
footer .f_1 .f_3 {top:0; left:0; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0)}
footer .f_1 .cntctno {left:7.4vw; top:26.1vw}
footer .f_1 .cntctno p:first-child {font-size:3.22vw; line-height:3.5vw}
footer .f_1 .cntctno p:nth-child(2) {position:absolute; top:0; right:-42vw; margin-top:1.7vw; font-size:7vw; line-height:5vw}
footer .f_1 .ebrchure {left:64.5vw; top:42.1vw}
footer .f_1 .ebrchure a {padding-left:5.8vw; font-size:1.92vw; height:6.3vw}
footer .f_1 .social {left:7.4vw; top:42.1vw; height:6.3vw}
footer .f_1 .social a {height:3vw; padding-right:2.2vw}
footer .f_1 .social p {padding-left:2.2vw; font-size:1.92vw}
footer .f_1 .fchat {left:7.4vw; top:7vw}
footer .f_1 .fchat a {font-size:6.8vw}
footer .f_1 .fchat a img {top:.7vw; right:-45vw; height:87%}
footer .f_1 .fchat p {-ms-transform:translateY(-1.2vw); -webkit-transform:translateY(-1.2vw); transform:translateY(-1.2vw); font-size:3.05vw; line-height:3vw; text-transform:none}
footer .f_legal {height:auto; margin-bottom:15vw; padding-top:7vw; flex-direction:column; align-items:center; justify-content:center; gap:7vw}
footer .f_legal .f_2 {top:0; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0)}
footer .f_legal .legliner {top:26.4vw; left:0; width:100%; order:3; transform:unset}
footer .f_legal .legliner p:first-child {text-align:center; font-size:2.5vw; display:block; margin-bottom:2vw}
footer .f_legal .cntlink {display:block; font-size:2.5vw; text-align:center}
footer .f_legal .legliner p:nth-child(2) {margin-top:3.6vw; padding:0 7.4vw; font-size:1.82vw; line-height:2.3vw}
footer .f_legal .legliner p:nth-child(2) br {display:none!important}
footer .f_legal .devby {left:0; top:3.7vw; width:100%}
footer .f_legal .devby p {float:none; clear:both; margin-right:0; text-align:center; font-size:2.5vw; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0)}
footer .f_legal .devby a {display:block; margin-top:4vw}
footer .f_legal .devby .logo-wt {float:none; clear:both;}
footer .f_legal .devby .logo-wt span {width:35vw; height:9.2vw; margin:0 auto; align-self:center; display:inline-block;}
footer .f_legal .cntctno p:first-child {transform:unset; font-size:3vw;}
footer .f_legal .cntctno p:last-child {font-size:7.5vw;}
footer .f_legal2 {height:auto; margin-bottom:0; padding-top:4vw;}
footer .f_legal2 .f_3 {top:0; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0)}
footer .f_legal2 .legliner p:first-child, footer .f_legal .design p {text-align:center; font-size:1.5vw; display:block;}
footer .f_formul8 {justify-content:center; font-size:1.8vw}
footer .f_backtop {top:-12vw; right:6vw}
footer .f_backtop img {width:8vw}
footer .f_legal .devby .logo-wt {width:30vw; margin-left:auto; margin-right:auto;}
}

@media (max-width: 1023px) {
.shownav .f_ui ul .logo a {}
.f_ui ul .btn-download {display:none;}
.button-wrap.right.menu.burger-lines {right:4%;}
.mainnav .menu_dvdr {display:block}
.sec3 .iconpan-wrapper {bottom:unset; top:160vw; right:calc(50% - 5vw); width:10vw}
.sec3 .iconpan-wrapper ._iconpan {display:block}
.f_ui ul .logo {left:5.2vw; top:5.4vw}
.f_ui ul .logo a {width:15vw}
.shownav .f_ui ul .logo a {width:10vw; height:15.5vw}
.shownav .f_ui ul .logo {top:1.7vw}
.f_ui ul .cta_register {right:unset; bottom:7vw; position:fixed; top:unset; left:calc(50% - 15vw)}
.f_ui ul .cta_register.off {bottom:-30vw}
.f_ui ul .cta_register p {width:31.5vw; padding:2vw 1.4vw; font-size:2.5vw; line-height:1.5; font-size:calc(var(--font-sm)* 1.5); padding:1.5vw 3.3vw}
.mainnav ul .devby {bottom:34.5vw; right:auto; left:0; width:100%}
.mainnav ul .devby p {float:none; clear:both; margin-right:0; text-align:center; font-size:1.85vw; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0)}
.mainnav ul .devby a {display:block; margin-top:4vw}
.mainnav ul .devby img {float:none; clear:both; margin:0 auto; height:9.2vw}
.mainnav ul .cpyright {bottom:24.5vw; right:auto; left:0; width:100%}
.mainnav ul .cpyright p {text-align:center; font-size:2.14vw}
.ui_scroll {position:fixed; display:block; opacity:1; z-index:99; width:auto; bottom:18vw; left:calc(50% - 4vw); -ms-transform:unset; -webkit-transform:unset; transform:unset; -webkit-transition-duration:.6s; transition-duration:.6s; opacity:0}
.ui_scroll i {display:block; position:relative; width:3px; margin:0 auto; margin-top:5vw; overflow:hidden}
.ui_scroll b {display:block; position:relative; width:1px; height:16vw; margin:0 auto; background-color:#fff}
.ui_scroll font {position:absolute; display:block; top:0; left:0; width:100%; height:5.5vw; background-color:#fff; animation:scroll 1.5s ease-in-out infinite}
body:not(.shownav) .ui_scroll {opacity:1; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); opacity:1}
footer {width:calc(100% - 15vw)}
footer .f_1 {height:56.4vw}
footer .f_1 .dvdr {position:absolute; top:0; left:0; width:100%; height:1px}
footer .f_1 .dvdr span {position:relative; display:block; width:85vw; margin:0 auto; height:1px; background-color:#bfbfbf; opacity:.5}
footer .f_1 .dvdr span:first-child {-ms-transform:translateY(22vw); -webkit-transform:translateY(22vw); transform:translateY(22vw)}
footer .f_1 .dvdr span:nth-child(2) {-ms-transform:translateY(37.3vw); -webkit-transform:translateY(37.3vw); transform:translateY(37.3vw)}
footer .f_1 .f_2 {top:0; left:0; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0)}
footer .f_1 .f_3 {top:0; left:0; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0)}
footer .f_1 .cntctno {left:7.4vw; top:26.1vw}
footer .f_1 .cntctno p:first-child {font-size:3.22vw; line-height:3.5vw}
footer .f_1 .cntctno p:nth-child(2) {position:absolute; top:0; right:-42vw; margin-top:1.7vw; font-size:7vw; line-height:5vw}
footer .f_legal {height:auto; margin-bottom:2.5vw; padding-top:0; flex-direction:column; align-items:center; justify-content:center; gap:6vw;}
footer .f_legal.all-right {margin-bottom:0; order:4;}
footer .f_legal .f_2 {top:0; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); order:2;}
footer .f_legal .f_2.cntctno {order:1; -ms-transform:translateY(3vw); -webkit-transform:translateY(3vw); transform:translateY(3vw);}
footer .f_legal .f_3 {top:0; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0)}
footer .f_legal .legliner {top:26.4vw; left:0; width:100%; order:3; transform:unset; text-align:center; justify-content:center;}
footer .social-link {align-items:center; justify-content:center; gap:7vw;}
footer .f_legal .legliner p:first-child {text-align:center; font-size:3vw; display:block; margin-bottom:2vw;}
footer .f_legal .cntlink {display:block; font-size:3vw; text-align:center}
footer .f_legal .legliner p:nth-child(2) {margin-top:3.6vw; padding:0 7.4vw; font-size:1.82vw; line-height:2.3vw}
footer .f_legal .legliner p:nth-child(2) br {display:none!important}
footer .f_legal .devby {left:0; top:3.7vw; width:100%; order:5; margin-left:0; margin-bottom:4.5vw;}
footer .f_legal .devby p {float:none; clear:both; margin-right:0; text-align:center; font-size:3vw; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0)}
footer .f_legal .devby a {display:block; margin-top:2vw}
footer .f_legal .devby img {float:none; clear:both; margin:0 auto; height:9.2vw}
footer .f_legal .cntctno p:first-child {font-size:5.5vw;}
footer .f_legal .cntctno p:last-child {font-size:5.5vw;}
footer .f_formul8 {justify-content:center; font-size:1.8vw}
footer .f_backtop {top:-12vw; right:6vw}
footer .f_backtop img {width:8vw}
footer .f_legal .f_2.address {order:2}
footer .f_legal .f_2.address p {font-size:4vw;}
}

.modal-header {position:absolute; top:10px; right:10px; border-bottom:0; padding:0; z-index:9;}
.modal-header .close {width:60px;}
.modal-body {font-size:20px; padding:2rem;}

@media (max-width: 1366px) {
.btn2 {width:17vh}
.btn2 p {font-size:1.83vh}
}

@media (max-width: 550px) {
.f_kv ul .pgetitle {padding-left:7.4vw; bottom:-9.4vw}
.f_kv ul .pgetitle h1 {font-size:4.95vw}
.f_kv ul .pgetitle i {width:1.8vw; height:3.8vw}
.f_kv ul .artnote {right:7.3vw; font-size:1.5vw; bottom:3.7vw}
.f_ui ul .burger {-ms-transform:scale(.9); -webkit-transform:scale(.9); transform:scale(.9)}
.mainnav ul .lnks {top:14vh}
.mainnav ul .lnks a {font-size:3vh; line-height:4.6vh}
}

@media (max-width: 410px) {
.mainnav ul .lnks a {font-size:3.1vh; line-height:4.9vh}
}