.footer {
height: 68px;
position: relative;
z-index: 3;
overflow: hidden;
zoom: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer .item {
display: block;
float: left;
margin-left: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.footer .text {
font-size: 14px;
line-height: 20px;
color: #818181;
margin-top: 5px;
font-family: 'Microsoft Yahei', Helvetica, Arial, sans-serif;
}
.no-webp .footer .nieLogo {background:url(https://www.armis.kr/pc/zt/20210713163229/img/nieLogo_6c6b1f94.png) no-repeat}
.webp .footer .nieLogo {background:url(https://www.armis.kr/pc/zt/20210713163229/img/nieLogo_6c6b1f94.webp) no-repeat}
.footer .nieLogo {
width: 116px;
height: 42px;
}
.footer .xieyi {
color: #818181;
text-decoration: underline;
}
@font-face {
font-family: "iconfont"; /* Project id */
src: url(https://www.armis.kr/pc/zt/20210713163229/font/iconfont_8db9a594.ttf) format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 36px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-twitter:before {
content: "\EC9C";
}
.icon-ins:before {
content: "\E639";
}
.icon-facebook:before {
content: "\E8E7";
}
.icon-kakao:before {
content: "\E630";
}
.icon-naver:before {
content: "\E5B5";
}
@charset "utf-8";
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
margin: 0;
padding: 0;
}
body {
padding: 0;
margin: 0;
width: 100%;
min-width: 1200px;
}
html,
body,
fieldset,
img,
iframe,
abbr {
border: 0;
}
li {
list-style: none;
}
textarea {
overflow: auto;
resize: none;
}
input {
outline: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a,
button {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
font-weight: normal;
font-style: normal;
}
input,
textarea,
a,
div,
button,
select {
margin: 0;
padding: 0;
border: 0;
outline: none;
}
a,
a:hover {
text-decoration: none;
}
body,
textarea,
input,
button {
color: #62a1c9;
}
.no-webp html,
.no-webp body {background:#fff}
.webp html,
.webp body {background:#fff}
html,
body {
width: 100%;
min-width: 1200px;
max-width: 1920px;
min-height: 900px;
height: auto;
font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
line-height: 1.5;
}
::-webkit-input-placeholder {
/* WebKit browsers */
color: #bcbcbc;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #bcbcbc;
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #bcbcbc;
}
/* 若썲벧�먨댍�욕쓼 */
.wbox {
width: 1200px;
display: block;
position: relative;
margin: 0 auto;
clear: both;
}
.wbox::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \ */
* html .wbox {
zoom: 1;
}
/* End hide from IE-mac */
select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.hide {
display: none;
}
/**** DEMO�뺠죱
.text-overflow-ellipsis(1);
鸚싪죱
.text-overflow-ellipsis(2);
****/
.noSize {
font-size: 0;
text-indent: -9999em;
}
.flex {
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
/* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.fade-enter-active,
.fade-leave-active {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.fade-enter,
.fade-leave-active {
opacity: 0;
}
.vux-fade-enter-active,
.vux-fade-leave-active {
opacity: 1;
-webkit-transition: opacity linear 0.2s;
transition: opacity linear 0.2s;
}
.vux-fade-enter,
.vux-fade-leave-to {
opacity: 0;
}
.vux-dialog-enter-active,
.vux-dialog-leave-active {
opacity: 1;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transform: translate(-50%, -50%) scale(1) !important;
transform: translate(-50%, -50%) scale(1) !important;
-webkit-transition-property: opacity, -webkit-transform !important;
transition-property: opacity, -webkit-transform !important;
transition-property: transform, opacity !important;
transition-property: transform, opacity, -webkit-transform !important;
}
.vux-dialog-leave-active {
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(0.85) !important;
transform: translate(-50%, -50%) scale(0.85) !important;
}
.vux-dialog-enter {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(1.185) !important;
transform: translate(-50%, -50%) scale(1.185) !important;
}
.vux-mask-enter,
.vux-mask-leave-active {
opacity: 0;
}
.vux-mask-leave-active,
.vux-mask-enter-active {
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
@-webkit-keyframes fadeInOut {
0%,
25%,
100% {
opacity: 0;
}
50%,
75% {
opacity: 1;
}
}
@-moz-keyframes fadeInOut {
0%,
25%,
100% {
opacity: 0;
}
50%,
75% {
opacity: 1;
}
}
@-o-keyframes fadeInOut {
0%,
25%,
100% {
opacity: 0;
}
50%,
75% {
opacity: 1;
}
}
@keyframes fadeInOut {
0%,
25%,
100% {
opacity: 0;
}
50%,
75% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-50px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-50px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-50px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-ms-transform: translateY(-50px);
}
100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(50px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(50px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(50px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(50px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes zoomInAndOut {
0% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
100% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0.9);
}
50% {
-webkit-transform: scale(1.1);
}
100% {
-webkit-transform: scale(0.9);
opacity: 1;
}
}
@-moz-keyframes pulse {
0% {
-moz-transform: scale(0.9);
}
50% {
-moz-transform: scale(1.1);
}
100% {
-moz-transform: scale(0.9);
opacity: 1;
}
}
@-o-keyframes pulse {
0% {
-o-transform: scale(0.9);
}
50% {
-o-transform: scale(1.1);
}
100% {
-o-transform: scale(0.9);
opacity: 1;
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 1;
}
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate(80deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
opacity: 0;
}
}
@-moz-keyframes hinge {
0% {
-moz-transform: rotate(0);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
}
20%,
60% {
-moz-transform: rotate(80deg);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
}
40% {
-moz-transform: rotate(60deg);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
}
80% {
-moz-transform: rotate(60deg) translateY(0);
opacity: 1;
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
}
100% {
-moz-transform: translateY(700px);
opacity: 0;
}
}
@-o-keyframes hinge {
0% {
-o-transform: rotate(0);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out;
}
20%,
60% {
-o-transform: rotate(80deg);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out;
}
40% {
-o-transform: rotate(60deg);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out;
}
80% {
-o-transform: rotate(60deg) translateY(0);
opacity: 1;
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out;
}
100% {
-o-transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@-webkit-keyframes rotate {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0deg);
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(360deg);
}
}
@-o-keyframes rotate {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0deg);
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
opacity: 1;
}
}
@-moz-keyframes wobble {
0% {
-moz-transform: translateX(0%);
}
15% {
-moz-transform: translateX(-25%) rotate(-5deg);
}
30% {
-moz-transform: translateX(20%) rotate(3deg);
}
45% {
-moz-transform: translateX(-15%) rotate(-3deg);
}
60% {
-moz-transform: translateX(10%) rotate(2deg);
}
75% {
-moz-transform: translateX(-5%) rotate(-1deg);
}
100% {
-moz-transform: translateX(0%);
opacity: 1;
}
}
@-o-keyframes wobble {
0% {
-o-transform: translateX(0%);
}
15% {
-o-transform: translateX(-25%) rotate(-5deg);
}
30% {
-o-transform: translateX(20%) rotate(3deg);
}
45% {
-o-transform: translateX(-15%) rotate(-3deg);
}
60% {
-o-transform: translateX(10%) rotate(2deg);
}
75% {
-o-transform: translateX(-5%) rotate(-1deg);
}
100% {
-o-transform: translateX(0%);
opacity: 1;
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
}
@-webkit-keyframes shake {
50% {
transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
}
0%,
100% {
transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
}
}
@keyframes shake {
50% {
transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
}
0%,
100% {
transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
}
}
@-webkit-keyframes flip1 {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
}
25% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
50% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
}
}
@keyframes flip1 {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
}
}
@-webkit-keyframes flip2 {
0% {
-webkit-transform: perspective(400px) rotateY(-90deg);
}
25% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
50% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
}
}
@keyframes flip2 {
0% {
-webkit-transform: perspective(400px) rotateY(-90deg);
transform: perspective(400px) rotateY(-90deg);
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
}
}
@-webkit-keyframes shine {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.1;
}
}
@-webkit-keyframes gif {
0% {
background-position: 0%;
opacity: 1;
}
100% {
background-position: 200%;
opacity: 1;
}
}
@keyframes gif {
0% {
background-position: 0%;
opacity: 1;
}
100% {
background-position: 200%;
opacity: 1;
}
}
@-webkit-keyframes zoom2 {
0% {
-webkit-transform: scale3d(0.98, 1, 1);
transform: scale3d(0.98, 1, 1);
}
50% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
100% {
-webkit-transform: scale3d(0.98, 1, 1);
transform: scale3d(0.98, 1, 1);
}
}
@keyframes zoom2 {
0% {
-webkit-transform: scale3d(0.98, 1, 1);
transform: scale3d(0.98, 1, 1);
}
50% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
100% {
-webkit-transform: scale3d(0.98, 1, 1);
transform: scale3d(0.98, 1, 1);
}
}
@-webkit-keyframes matrix {
0% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
transform-origin: center center 0;
-webkit-transform-origin: center center 0;
}
100% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform-origin: center center 0;
-webkit-transform-origin: center center 0;
}
}
@keyframes matrix {
0% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
transform-origin: center center 0;
-webkit-transform-origin: center center 0;
}
100% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform-origin: center center 0;
-webkit-transform-origin: center center 0;
}
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes zoomIn2 {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.05);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes zoomIn2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes translateDown {
0%,
100% {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
50% {
transform: translateY(10px);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
}
}
@keyframes translateDown {
0%,
100% {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
50% {
transform: translateY(10px);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
}
}
@-webkit-keyframes translateLeft {
0%,
100% {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
50% {
transform: translateX(-5px);
-webkit-transform: translateX(-5px);
-moz-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
}
}
@keyframes translateLeft {
0%,
100% {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
50% {
transform: translateX(-5px);
-webkit-transform: translateX(-5px);
-moz-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
}
}
@keyframes arrow {
0%,
100% {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
}
50% {
transform: translate(0, 0.15rem);
-webkit-transform: translate(0, 0.15rem);
-moz-transform: translate(0, 0.15rem);
-ms-transform: translate(0, 0.15rem);
-o-transform: translate(0, 0.15rem);
}
}
@-webkit-keyframes arrow {
0%,
100% {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
}
50% {
transform: translate(0, 0.15rem);
-webkit-transform: translate(0, 0.15rem);
-moz-transform: translate(0, 0.15rem);
-ms-transform: translate(0, 0.15rem);
-o-transform: translate(0, 0.15rem);
}
}
@-webkit-keyframes show {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes show {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fylLeft {
0% {
opacity: 1;
-webkit-transform: translateX(-6rem);
transform: translateX(-6rem);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes fylLeft {
0% {
opacity: 1;
transform: translateX(-6rem);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-ms-keyframes fylLeft {
0% {
opacity: 1;
transform: translateX(-6rem);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-o-keyframes fylLeft {
0% {
opacity: 1;
transform: translateX(-6rem);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fylLeft {
0% {
opacity: 1;
-webkit-transform: translateX(-6rem);
transform: translateX(-6rem);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes fylLeft {
0% {
opacity: 1;
-webkit-transform: translateX(-6rem);
transform: translateX(-6rem);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes fylLeft {
0% {
opacity: 1;
transform: translateX(-6rem);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-ms-keyframes fylLeft {
0% {
opacity: 1;
transform: translateX(-6rem);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-o-keyframes fylLeft {
0% {
opacity: 1;
transform: translateX(-6rem);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fylLeft {
0% {
opacity: 1;
-webkit-transform: translateX(-6rem);
transform: translateX(-6rem);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes scaleSkill {
0% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
50% {
-webkit-transform: translate(-50%, -50%) scale(1.2);
transform: translate(-50%, -50%) scale(1.2);
}
100% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
}
@-moz-keyframes scaleSkill {
0% {
transform: translate(-50%, -50%) scale(1);
}
50% {
transform: translate(-50%, -50%) scale(1.2);
}
100% {
transform: translate(-50%, -50%) scale(1);
}
}
@-ms-keyframes scaleSkill {
0% {
transform: translate(-50%, -50%) scale(1);
}
50% {
transform: translate(-50%, -50%) scale(1.2);
}
100% {
transform: translate(-50%, -50%) scale(1);
}
}
@-o-keyframes scaleSkill {
0% {
transform: translate(-50%, -50%) scale(1);
}
50% {
transform: translate(-50%, -50%) scale(1.2);
}
100% {
transform: translate(-50%, -50%) scale(1);
}
}
@keyframes scaleSkill {
0% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
50% {
-webkit-transform: translate(-50%, -50%) scale(1.2);
transform: translate(-50%, -50%) scale(1.2);
}
100% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
}
@-webkit-keyframes scaleSkill {
0% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
50% {
-webkit-transform: translate(-50%, -50%) scale(1.2);
transform: translate(-50%, -50%) scale(1.2);
}
100% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
}
@-moz-keyframes scaleSkill {
0% {
transform: translate(-50%, -50%) scale(1);
}
50% {
transform: translate(-50%, -50%) scale(1.2);
}
100% {
transform: translate(-50%, -50%) scale(1);
}
}
@-ms-keyframes scaleSkill {
0% {
transform: translate(-50%, -50%) scale(1);
}
50% {
transform: translate(-50%, -50%) scale(1.2);
}
100% {
transform: translate(-50%, -50%) scale(1);
}
}
@-o-keyframes scaleSkill {
0% {
transform: translate(-50%, -50%) scale(1);
}
50% {
transform: translate(-50%, -50%) scale(1.2);
}
100% {
transform: translate(-50%, -50%) scale(1);
}
}
@keyframes scaleSkill {
0% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
50% {
-webkit-transform: translate(-50%, -50%) scale(1.2);
transform: translate(-50%, -50%) scale(1.2);
}
100% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
}
@-webkit-keyframes btnShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
25% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
75% {
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes btnShake {
0% {
transform: translateX(0);
}
25% {
transform: translateX(-2px);
}
50% {
transform: translateX(0);
}
75% {
transform: translateX(2px);
}
100% {
transform: translateX(0);
}
}
@-ms-keyframes btnShake {
0% {
transform: translateX(0);
}
25% {
transform: translateX(-2px);
}
50% {
transform: translateX(0);
}
75% {
transform: translateX(2px);
}
100% {
transform: translateX(0);
}
}
@-o-keyframes btnShake {
0% {
transform: translateX(0);
}
25% {
transform: translateX(-2px);
}
50% {
transform: translateX(0);
}
75% {
transform: translateX(2px);
}
100% {
transform: translateX(0);
}
}
@keyframes btnShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
25% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
75% {
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes btnShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
25% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
75% {
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes btnShake {
0% {
transform: translateX(0);
}
25% {
transform: translateX(-2px);
}
50% {
transform: translateX(0);
}
75% {
transform: translateX(2px);
}
100% {
transform: translateX(0);
}
}
@-ms-keyframes btnShake {
0% {
transform: translateX(0);
}
25% {
transform: translateX(-2px);
}
50% {
transform: translateX(0);
}
75% {
transform: translateX(2px);
}
100% {
transform: translateX(0);
}
}
@-o-keyframes btnShake {
0% {
transform: translateX(0);
}
25% {
transform: translateX(-2px);
}
50% {
transform: translateX(0);
}
75% {
transform: translateX(2px);
}
100% {
transform: translateX(0);
}
}
@keyframes btnShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
25% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
75% {
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes innerIn {
0% {
-webkit-transform: translateX(1000px);
transform: translateX(1000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes innerIn {
0% {
transform: translateX(1000px);
}
100% {
transform: translateX(0);
}
}
@-ms-keyframes innerIn {
0% {
transform: translateX(1000px);
}
100% {
transform: translateX(0);
}
}
@-o-keyframes innerIn {
0% {
transform: translateX(1000px);
}
100% {
transform: translateX(0);
}
}
@keyframes innerIn {
0% {
-webkit-transform: translateX(1000px);
transform: translateX(1000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes innerIn {
0% {
-webkit-transform: translateX(1000px);
transform: translateX(1000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes innerIn {
0% {
transform: translateX(1000px);
}
100% {
transform: translateX(0);
}
}
@-ms-keyframes innerIn {
0% {
transform: translateX(1000px);
}
100% {
transform: translateX(0);
}
}
@-o-keyframes innerIn {
0% {
transform: translateX(1000px);
}
100% {
transform: translateX(0);
}
}
@keyframes innerIn {
0% {
-webkit-transform: translateX(1000px);
transform: translateX(1000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
body {
color: #000;
}
#wrap {
position: relative;
}
html,
body {
width: 100%;
height: 100%;
max-width: 1920px;
margin: 0 auto;
}
#wrap {
width: 100%;
height: 100%;
min-width: 1420px;
max-width: 1920px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
#wrap .main {
width: 100%;
height: 100%;
position: relative;
}
@media screen and (min-height: 1080px) {
#wrap .main {
height: 1080px;
}
}
.hover-btn:hover {
-webkit-filter: brightness(1.2);
filter: brightness(1.2);
}
.section-footer {
height: auto !important;
padding: 10px 0;
}
#_js_neteaes_tips {
display: none !important;
}
.no-webp .home-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg2_b6df0a1b.jpg) no-repeat center center}
.webp .home-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg2_b6df0a1b.webp) no-repeat center center}
.home-page {
height: 100%;
}
.no-webp .home-page.home0929 .slogan {background:url(https://www.armis.kr/pc/zt/20210713163229/img/slogan0929_d152e951.png) no-repeat}
.webp .home-page.home0929 .slogan {background:url(https://www.armis.kr/pc/zt/20210713163229/img/slogan0929_d152e951.webp) no-repeat}
.home-page.home0929 .slogan {
}
.no-webp .home-page.home1005 .slogan {background:url(https://www.armis.kr/pc/zt/20210713163229/img/slogan1005_471d2289.png) no-repeat}
.webp .home-page.home1005 .slogan {background:url(https://www.armis.kr/pc/zt/20210713163229/img/slogan1005_471d2289.webp) no-repeat}
.home-page.home1005 .slogan {
}
.no-webp .home-page.home1007 .slogan {background:url(https://www.armis.kr/pc/zt/20210713163229/img/slogan1015_c0103d3d.png) no-repeat}
.webp .home-page.home1007 .slogan {background:url(https://www.armis.kr/pc/zt/20210713163229/img/slogan1015_c0103d3d.webp) no-repeat}
.home-page.home1007 .slogan {
}
.home-page video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.home-page .video {
position: absolute;
width: 1920px;
height: 1080px;
left: 50%;
top: 0;
margin-left: -960px;
}
.no-webp .home-page .slogan {background:url(https://www.armis.kr/pc/zt/20210713163229/img/slogan_88fd241a.png) no-repeat}
.webp .home-page .slogan {background:url(https://www.armis.kr/pc/zt/20210713163229/img/slogan_88fd241a.webp) no-repeat}
.home-page .slogan {
position: absolute;
width: 1920px;
height: 1080px;
left: 50%;
top: 50%;
margin-left: -960px;
margin-top: -750px;
}
.no-webp .home-page .btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1300px -1257px}
.webp .home-page .btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1300px -1257px}
.no-webp .home-page .btn {background-size:2528px 2351px}
.webp .home-page .btn {background-size:2528px 2351px}
.no-webp .home-page .btn {background-position:-1300px -1257px}
.webp .home-page .btn {background-position:-1300px -1257px}
.home-page .btn {
display: block;
width:454px;
height:89px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, 40px);
-webkit-transform: translate(-50%, 40px);
-moz-transform: translate(-50%, 40px);
-ms-transform: translate(-50%, 40px);
-o-transform: translate(-50%, 40px);
}
.home-page .download-cnt {
width: 900px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 250px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%) scale(0.8);
transform: translate(-50%) scale(0.8);
}
.home-page .download-cnt a {
display: block;
}
.no-webp .home-page .download-cnt a.ios-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1505px -2098px}
.webp .home-page .download-cnt a.ios-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1505px -2098px}
.no-webp .home-page .download-cnt a.ios-link {background-size:2528px 2351px}
.webp .home-page .download-cnt a.ios-link {background-size:2528px 2351px}
.no-webp .home-page .download-cnt a.ios-link {background-position:-1505px -2098px}
.webp .home-page .download-cnt a.ios-link {background-position:-1505px -2098px}
.home-page .download-cnt a.ios-link {
width:213px;
height:66px;
}
.no-webp .home-page .download-cnt a.and-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1654px -2169px}
.webp .home-page .download-cnt a.and-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1654px -2169px}
.no-webp .home-page .download-cnt a.and-link {background-size:2528px 2351px}
.webp .home-page .download-cnt a.and-link {background-size:2528px 2351px}
.no-webp .home-page .download-cnt a.and-link {background-position:-1654px -2169px}
.webp .home-page .download-cnt a.and-link {background-position:-1654px -2169px}
.home-page .download-cnt a.and-link {
width:208px;
height:65px;
}
.no-webp .home-page .download-cnt a.onestore-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1864px -2169px}
.webp .home-page .download-cnt a.onestore-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1864px -2169px}
.no-webp .home-page .download-cnt a.onestore-link {background-size:2528px 2351px}
.webp .home-page .download-cnt a.onestore-link {background-size:2528px 2351px}
.no-webp .home-page .download-cnt a.onestore-link {background-position:-1864px -2169px}
.webp .home-page .download-cnt a.onestore-link {background-position:-1864px -2169px}
.home-page .download-cnt a.onestore-link {
width:208px;
height:65px;
}
.no-webp .home-page .download-cnt a.pc-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2074px -2169px}
.webp .home-page .download-cnt a.pc-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2074px -2169px}
.no-webp .home-page .download-cnt a.pc-link {background-size:2528px 2351px}
.webp .home-page .download-cnt a.pc-link {background-size:2528px 2351px}
.no-webp .home-page .download-cnt a.pc-link {background-position:-2074px -2169px}
.webp .home-page .download-cnt a.pc-link {background-position:-2074px -2169px}
.home-page .download-cnt a.pc-link {
width:208px;
height:65px;
}
.no-webp .home-page .download-cnt .pc-download .pc-gift {background:url(https://www.armis.kr/pc/zt/20210713163229/img/event-pop-btn2_c4c84e2c.png) no-repeat}
.webp .home-page .download-cnt .pc-download .pc-gift {background:url(https://www.armis.kr/pc/zt/20210713163229/img/event-pop-btn2_c4c84e2c.webp) no-repeat}
.home-page .download-cnt .pc-download .pc-gift {
display: block;
position: relative;
left: 0;
margin: 0 auto;
width: 121px;
height: 175px;
}
.home-page .download-cnt .pc-download .pc-gift:hover .pc-gift-pop {
display: block;
}
.no-webp .home-page .download-cnt .pc-download .pc-gift-pop {background:rgba(255, 255, 255, 0.9)}
.webp .home-page .download-cnt .pc-download .pc-gift-pop {background:rgba(255, 255, 255, 0.9)}
.home-page .download-cnt .pc-download .pc-gift-pop {
display: none;
width: 380px;
height: auto;
position: absolute;
bottom: 100px;
right: -150px;
padding-bottom: 10px;
}
.home-page .download-cnt .pc-download .pc-gift-pop h3 {
padding-top: 30px;
height: 44px;
font-size: 0;
text-align: center;
}
.home-page .download-cnt .pc-download .pc-gift-pop h3 p {
display: inline-block;
vertical-align: middle;
font-size: 30px;
color: #000000;
line-height: 44px;
position: relative;
}
.no-webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2398px -1914px}
.webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2398px -1914px}
.no-webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::after {background-size:2528px 2351px}
.webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::after {background-size:2528px 2351px}
.no-webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::after {background-position:-2398px -1914px}
.webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::after {background-position:-2398px -1914px}
.home-page .download-cnt .pc-download .pc-gift-pop h3 p::after {
content: "";
width:117px;
height:12px;
position: absolute;
top: 50%;
right: -124px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.no-webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2376px -1900px}
.webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2376px -1900px}
.no-webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::before {background-size:2528px 2351px}
.webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::before {background-size:2528px 2351px}
.no-webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::before {background-position:-2376px -1900px}
.webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::before {background-position:-2376px -1900px}
.home-page .download-cnt .pc-download .pc-gift-pop h3 p::before {
content: "";
width:117px;
height:12px;
position: absolute;
top: 50%;
left: -124px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.home-page .download-cnt .pc-download .pc-gift-pop > p {
padding: 20px 50px 40px;
font-size: 18px;
color: #000000;
line-height: 24px;
border-bottom: 1px solid #a2a2a2;
}
.no-webp .home-page .scroll-tips {background:url(https://www.armis.kr/pc/zt/20210713163229/img/scroll_841d4235.png) no-repeat center / 100%}
.webp .home-page .scroll-tips {background:url(https://www.armis.kr/pc/zt/20210713163229/img/scroll_841d4235.webp) no-repeat center / 100%}
.home-page .scroll-tips {
width: 66px;
height: 91px;
left: 50%;
top: 55%;
position: absolute;
transform: translate(-50%, 300px);
-webkit-transform: translate(-50%, 300px);
-moz-transform: translate(-50%, 300px);
-ms-transform: translate(-50%, 300px);
-o-transform: translate(-50%, 300px);
-webkit-animation: floatAnim 1s infinite linear 300ms 0 ease;
-moz-animation: floatAnim 1s infinite linear 300ms 0 ease;
-ms-animation: floatAnim 1s infinite linear 300ms 0 ease;
animation: floatAnim 1s infinite linear 300ms 0 ease;
-o-animation: floatAnim 1s infinite linear;
-webkit-animation: floatAnim 1s infinite linear;
-moz-animation: floatAnim 1s infinite linear;
-ms-animation: floatAnim 1s infinite linear;
animation: floatAnim 1s infinite linear;
}
.no-webp .home-page .video-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/video-btn_078f1147.png) no-repeat}
.webp .home-page .video-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/video-btn_078f1147.webp) no-repeat}
.home-page .video-btn {
display: block;
width: 291px;
height: 152px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-147px, -35px);
-webkit-transform: translate(-147px, -35px);
-moz-transform: translate(-147px, -35px);
-ms-transform: translate(-147px, -35px);
-o-transform: translate(-147px, -35px);
}
@-webkit-keyframes floatAnim {
0% {
margin-top: 0px;
}
50% {
margin-top: 10px;
}
100% {
margin-top: 0px;
}
}
@-moz-keyframes floatAnim {
0% {
margin-top: 0px;
}
50% {
margin-top: 10px;
}
100% {
margin-top: 0px;
}
}
@-ms-keyframes floatAnim {
0% {
margin-top: 0px;
}
50% {
margin-top: 10px;
}
100% {
margin-top: 0px;
}
}
@-o-keyframes floatAnim {
0% {
margin-top: 0px;
}
50% {
margin-top: 10px;
}
100% {
margin-top: 0px;
}
}
@keyframes floatAnim {
0% {
margin-top: 0px;
}
50% {
margin-top: 10px;
}
100% {
margin-top: 0px;
}
}
@-webkit-keyframes floatAnim {
0% {
margin-top: 0px;
}
50% {
margin-top: 10px;
}
100% {
margin-top: 0px;
}
}
@-moz-keyframes floatAnim {
0% {
margin-top: 0px;
}
50% {
margin-top: 10px;
}
100% {
margin-top: 0px;
}
}
@-ms-keyframes floatAnim {
0% {
margin-top: 0px;
}
50% {
margin-top: 10px;
}
100% {
margin-top: 0px;
}
}
@-o-keyframes floatAnim {
0% {
margin-top: 0px;
}
50% {
margin-top: 10px;
}
100% {
margin-top: 0px;
}
}
@keyframes floatAnim {
0% {
margin-top: 0px;
}
50% {
margin-top: 10px;
}
100% {
margin-top: 0px;
}
}
.no-webp .yuyue-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_d06442ab.jpg) no-repeat center center}
.webp .yuyue-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_d06442ab.webp) no-repeat center center}
.yuyue-page {
}
.no-webp .yuyue-page .cnt {background:url(https://www.armis.kr/pc/zt/20210713163229/img/content-bg_11b0b075.png) no-repeat}
.webp .yuyue-page .cnt {background:url(https://www.armis.kr/pc/zt/20210713163229/img/content-bg_11b0b075.webp) no-repeat}
.yuyue-page .cnt {
width: 759px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
margin-left: -17px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 40px;
padding-left: 17px;
}
.yuyue-page .cnt .g-recaptcha {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px;
}
.no-webp .yuyue-page .cnt .title {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1112px -1661px}
.webp .yuyue-page .cnt .title {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1112px -1661px}
.no-webp .yuyue-page .cnt .title {background-size:2528px 2351px}
.webp .yuyue-page .cnt .title {background-size:2528px 2351px}
.no-webp .yuyue-page .cnt .title {background-position:-1112px -1661px}
.webp .yuyue-page .cnt .title {background-position:-1112px -1661px}
.yuyue-page .cnt .title {
width:574px;
height:23px;
margin: 0 auto;
}
.yuyue-page .cnt .p1 {
margin: 10px auto;
text-align: center;
}
.yuyue-page .cnt .p1 p {
display: inline-block;
vertical-align: top;
font-size: 60px;
font-weight: bold;
border-bottom: 4px solid #000;
}
.yuyue-page .cnt .p2 {
font-size: 20px;
text-align: center;
padding-bottom: 16px;
border-bottom: 1px solid #a2a2a2;
}
.yuyue-page .cnt .p3 {
width: 535px;
margin: 0 auto;
font-size: 14px;
text-align: right;
}
.yuyue-page .cnt .p4 {
padding: 0 126px 40px;
font-size: 24px;
color: #000000;
line-height: 48px;
border-bottom: 1px solid #a2a2a2;
}
.no-webp .yuyue-page .cnt .gifts {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1300px -950px}
.webp .yuyue-page .cnt .gifts {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1300px -950px}
.no-webp .yuyue-page .cnt .gifts {background-size:2528px 2351px}
.webp .yuyue-page .cnt .gifts {background-size:2528px 2351px}
.no-webp .yuyue-page .cnt .gifts {background-position:-1300px -950px}
.webp .yuyue-page .cnt .gifts {background-position:-1300px -950px}
.yuyue-page .cnt .gifts {
width:531px;
height:305px;
margin: 40px auto;
position: relative;
}
.yuyue-page .cnt .gifts .item-1 {
width: 280px;
height: 200px;
position: absolute;
top: 4px;
left: 2px;
}
.yuyue-page .cnt .gifts .item-1 img {
width: 100%;
height: 100%;
}
.yuyue-page .cnt .os,
.yuyue-page .cnt .apply-check,
.yuyue-page .cnt .allow {
width: 464px;
margin: 10px auto 0;
font-size: 35px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.yuyue-page .cnt .os input,
.yuyue-page .cnt .apply-check input,
.yuyue-page .cnt .allow input {
display: none;
}
.no-webp .yuyue-page .cnt .os input + span::before,
.no-webp .yuyue-page .cnt .apply-check input + span::before,
.no-webp .yuyue-page .cnt .allow input + span::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2512px -839px}
.webp .yuyue-page .cnt .os input + span::before,
.webp .yuyue-page .cnt .apply-check input + span::before,
.webp .yuyue-page .cnt .allow input + span::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2512px -839px}
.no-webp .yuyue-page .cnt .os input + span::before,
.no-webp .yuyue-page .cnt .apply-check input + span::before,
.no-webp .yuyue-page .cnt .allow input + span::before {background-size:2528px 2351px}
.webp .yuyue-page .cnt .os input + span::before,
.webp .yuyue-page .cnt .apply-check input + span::before,
.webp .yuyue-page .cnt .allow input + span::before {background-size:2528px 2351px}
.no-webp .yuyue-page .cnt .os input + span::before,
.no-webp .yuyue-page .cnt .apply-check input + span::before,
.no-webp .yuyue-page .cnt .allow input + span::before {background-position:-2512px -839px}
.webp .yuyue-page .cnt .os input + span::before,
.webp .yuyue-page .cnt .apply-check input + span::before,
.webp .yuyue-page .cnt .allow input + span::before {background-position:-2512px -839px}
.yuyue-page .cnt .os input + span::before,
.yuyue-page .cnt .apply-check input + span::before,
.yuyue-page .cnt .allow input + span::before {
display: inline-block;
content: '';
margin-right: 16px;
vertical-align: middle;
width:16px;
height:15px;
}
.no-webp .yuyue-page .cnt .os input:checked + span::before,
.no-webp .yuyue-page .cnt .apply-check input:checked + span::before,
.no-webp .yuyue-page .cnt .allow input:checked + span::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2494px -839px}
.webp .yuyue-page .cnt .os input:checked + span::before,
.webp .yuyue-page .cnt .apply-check input:checked + span::before,
.webp .yuyue-page .cnt .allow input:checked + span::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2494px -839px}
.no-webp .yuyue-page .cnt .os input:checked + span::before,
.no-webp .yuyue-page .cnt .apply-check input:checked + span::before,
.no-webp .yuyue-page .cnt .allow input:checked + span::before {background-size:2528px 2351px}
.webp .yuyue-page .cnt .os input:checked + span::before,
.webp .yuyue-page .cnt .apply-check input:checked + span::before,
.webp .yuyue-page .cnt .allow input:checked + span::before {background-size:2528px 2351px}
.no-webp .yuyue-page .cnt .os input:checked + span::before,
.no-webp .yuyue-page .cnt .apply-check input:checked + span::before,
.no-webp .yuyue-page .cnt .allow input:checked + span::before {background-position:-2494px -839px}
.webp .yuyue-page .cnt .os input:checked + span::before,
.webp .yuyue-page .cnt .apply-check input:checked + span::before,
.webp .yuyue-page .cnt .allow input:checked + span::before {background-position:-2494px -839px}
.yuyue-page .cnt .os input:checked + span::before,
.yuyue-page .cnt .apply-check input:checked + span::before,
.yuyue-page .cnt .allow input:checked + span::before {
width:16px;
height:15px;
}
.yuyue-page .cnt .apply-check {
font-size: 26px;
margin-top: 10px;
}
.yuyue-page .cnt .phone-cnt {
width: 533px;
height: 73px;
border-bottom: 2px solid #222;
margin: 24px auto 0;
-webkit-box-shadow: inset 0px 10px 20px #ccc;
box-shadow: inset 0px 10px 20px #ccc;
line-height: 73px;
}
.yuyue-page .cnt .phone-cnt span {
font-size: 48px;
font-weight: bold;
vertical-align: middle;
display: inline-block;
height: 100%;
margin-left: 20px;
margin-right: 10px;
}
.no-webp .yuyue-page .cnt .phone-cnt input {background:transparent}
.webp .yuyue-page .cnt .phone-cnt input {background:transparent}
.yuyue-page .cnt .phone-cnt input {
height: 100%;
vertical-align: middle;
color: #000;
font-size: 24px;
width: 370px;
}
.yuyue-page .cnt .allow {
width: 534px;
margin: 10px auto 10px;
font-size: 16px;
}
.yuyue-page .cnt .allow .detail-link {
color: #616161;
text-decoration: underline;
}
.yuyue-page .cnt .allow .detail-link:hover {
color: #333;
}
.no-webp .yuyue-page .cnt .apply-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1248px -816px}
.webp .yuyue-page .cnt .apply-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1248px -816px}
.no-webp .yuyue-page .cnt .apply-btn {background-size:2528px 2351px}
.webp .yuyue-page .cnt .apply-btn {background-size:2528px 2351px}
.no-webp .yuyue-page .cnt .apply-btn {background-position:-1248px -816px}
.webp .yuyue-page .cnt .apply-btn {background-position:-1248px -816px}
.yuyue-page .cnt .apply-btn {
display: block;
width:533px;
height:80px;
margin: 0 auto;
}
.no-webp .achieve-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_7ff1dba3.jpg) no-repeat}
.webp .achieve-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_7ff1dba3.webp) no-repeat}
.achieve-page {
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 70px;
color: #fff;
}
.no-webp .achieve-page .title {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-536px -1661px}
.webp .achieve-page .title {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-536px -1661px}
.no-webp .achieve-page .title {background-size:2528px 2351px}
.webp .achieve-page .title {background-size:2528px 2351px}
.no-webp .achieve-page .title {background-position:-536px -1661px}
.webp .achieve-page .title {background-position:-536px -1661px}
.achieve-page .title {
width:574px;
height:23px;
margin: 0 auto;
}
.achieve-page .p1 {
font-size: 68px;
font-weight: bold;
text-align: center;
margin: 15px auto 0;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
border-bottom: 5px solid #fff;
width: 700px;
white-space: nowrap;
}
.achieve-page .p2 {
text-align: center;
margin-top: 38px;
}
.achieve-page .p2 b {
font-weight: bold;
}
.achieve-page .total {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 27px auto 0;
max-width: 908px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.achieve-page .total > span {
font-size: 35px;
margin: 0 12px;
}
.no-webp .achieve-page .total .num {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2423px -1164px}
.webp .achieve-page .total .num {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2423px -1164px}
.no-webp .achieve-page .total .num {background-size:2528px 2351px}
.webp .achieve-page .total .num {background-size:2528px 2351px}
.no-webp .achieve-page .total .num {background-position:-2423px -1164px}
.webp .achieve-page .total .num {background-position:-2423px -1164px}
.achieve-page .total .num {
display: inline-block;
width:96px;
height:116px;
font-size: 74px;
font-weight: bold;
text-align: center;
color: #0088d6;
}
.achieve-page .total .num.gray {
color: #c7c7c7;
}
.achieve-page .progress {
width: 910px;
width: 1284px;
margin: 138px auto 0;
position: relative;
left: 0 !important;
bottom: -25px;
}
.achieve-page .progress .progress-bar {
width: 910px;
width: 1284px;
height: 7px;
border: 1px solid #000000;
position: absolute;
top: -76px;
}
.no-webp .achieve-page .progress .progress-bar .active-bar {background:#000000}
.webp .achieve-page .progress .progress-bar .active-bar {background:#000000}
.no-webp .achieve-page .progress .progress-bar .active-bar {background-image:-webkit-gradient(linear, left top, right top, from(#2a637e), to(#3aeaff))}
.webp .achieve-page .progress .progress-bar .active-bar {background-image:-webkit-gradient(linear, left top, right top, from(#2a637e), to(#3aeaff))}
.no-webp .achieve-page .progress .progress-bar .active-bar {background-image:-webkit-linear-gradient(left, #2a637e, #3aeaff)}
.webp .achieve-page .progress .progress-bar .active-bar {background-image:-webkit-linear-gradient(left, #2a637e, #3aeaff)}
.no-webp .achieve-page .progress .progress-bar .active-bar {background-image:-moz-linear-gradient(left, #2a637e, #3aeaff)}
.webp .achieve-page .progress .progress-bar .active-bar {background-image:-moz-linear-gradient(left, #2a637e, #3aeaff)}
.no-webp .achieve-page .progress .progress-bar .active-bar {background-image:-ms-linear-gradient(left, #2a637e, #3aeaff)}
.webp .achieve-page .progress .progress-bar .active-bar {background-image:-ms-linear-gradient(left, #2a637e, #3aeaff)}
.no-webp .achieve-page .progress .progress-bar .active-bar {background-image:-o-linear-gradient(left, #2a637e, #3aeaff)}
.webp .achieve-page .progress .progress-bar .active-bar {background-image:-o-linear-gradient(left, #2a637e, #3aeaff)}
.achieve-page .progress .progress-bar .active-bar {
width: 0%;
height: 7px;
position: absolute;
top: 0;
left: 0;
}
.achieve-page .progress .gift-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.achieve-page .progress .gift-list .item {
width: 167px;
height: 266px;
position: relative;
}
.achieve-page .progress .gift-list .item.active .cursor {
color: #fff;
}
.no-webp .achieve-page .progress .gift-list .item.active .cursor::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1819px -1519px}
.webp .achieve-page .progress .gift-list .item.active .cursor::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1819px -1519px}
.no-webp .achieve-page .progress .gift-list .item.active .cursor::after {background-size:2528px 2351px}
.webp .achieve-page .progress .gift-list .item.active .cursor::after {background-size:2528px 2351px}
.no-webp .achieve-page .progress .gift-list .item.active .cursor::after {background-position:-1819px -1519px}
.webp .achieve-page .progress .gift-list .item.active .cursor::after {background-position:-1819px -1519px}
.achieve-page .progress .gift-list .item.active .cursor::after {
width:45px;
height:80px;
}
.no-webp .achieve-page .progress .gift-list .item-1 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift_d187a04b.png) no-repeat}
.webp .achieve-page .progress .gift-list .item-1 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift_d187a04b.webp) no-repeat}
.achieve-page .progress .gift-list .item-1 {
}
.no-webp .achieve-page .progress .gift-list .item-1.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift-active_d1750472.png) no-repeat}
.webp .achieve-page .progress .gift-list .item-1.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift-active_d1750472.webp) no-repeat}
.achieve-page .progress .gift-list .item-1.active {
}
.no-webp .achieve-page .progress .gift-list .item-2 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift2_75be8adc.png) no-repeat}
.webp .achieve-page .progress .gift-list .item-2 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift2_75be8adc.webp) no-repeat}
.achieve-page .progress .gift-list .item-2 {
}
.no-webp .achieve-page .progress .gift-list .item-2.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift2-active_453a8886.png) no-repeat}
.webp .achieve-page .progress .gift-list .item-2.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift2-active_453a8886.webp) no-repeat}
.achieve-page .progress .gift-list .item-2.active {
}
.no-webp .achieve-page .progress .gift-list .item-3 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift3_33a10f4b.png) no-repeat}
.webp .achieve-page .progress .gift-list .item-3 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift3_33a10f4b.webp) no-repeat}
.achieve-page .progress .gift-list .item-3 {
}
.no-webp .achieve-page .progress .gift-list .item-3.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift3-active_63a6caa3.png) no-repeat}
.webp .achieve-page .progress .gift-list .item-3.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift3-active_63a6caa3.webp) no-repeat}
.achieve-page .progress .gift-list .item-3.active {
}
.no-webp .achieve-page .progress .gift-list .item-4 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift4_75a325f4.png) no-repeat}
.webp .achieve-page .progress .gift-list .item-4 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift4_75a325f4.webp) no-repeat}
.achieve-page .progress .gift-list .item-4 {
}
.no-webp .achieve-page .progress .gift-list .item-4.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift4-active_03727bbf.png) no-repeat}
.webp .achieve-page .progress .gift-list .item-4.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift4-active_03727bbf.webp) no-repeat}
.achieve-page .progress .gift-list .item-4.active {
}
.no-webp .achieve-page .progress .gift-list .item-5 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift5_fd382eb9.png) no-repeat}
.webp .achieve-page .progress .gift-list .item-5 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift5_fd382eb9.webp) no-repeat}
.achieve-page .progress .gift-list .item-5 {
}
.no-webp .achieve-page .progress .gift-list .item-5.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift5-active_3d459952.png) no-repeat}
.webp .achieve-page .progress .gift-list .item-5.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift5-active_3d459952.webp) no-repeat}
.achieve-page .progress .gift-list .item-5.active {
}
.no-webp .achieve-page .progress .gift-list .item-6 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift6_7b5311e2.png) no-repeat}
.webp .achieve-page .progress .gift-list .item-6 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift6_7b5311e2.webp) no-repeat}
.achieve-page .progress .gift-list .item-6 {
}
.no-webp .achieve-page .progress .gift-list .item-6.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift6-active_22a53831.png) no-repeat}
.webp .achieve-page .progress .gift-list .item-6.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift6-active_22a53831.webp) no-repeat}
.achieve-page .progress .gift-list .item-6.active {
}
.no-webp .achieve-page .progress .gift-list .item-7 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift7_cd4e8c0b.png) no-repeat}
.webp .achieve-page .progress .gift-list .item-7 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift7_cd4e8c0b.webp) no-repeat}
.achieve-page .progress .gift-list .item-7 {
}
.no-webp .achieve-page .progress .gift-list .item-7.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift7-active_c7a102b2.png) no-repeat}
.webp .achieve-page .progress .gift-list .item-7.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift7-active_c7a102b2.webp) no-repeat}
.achieve-page .progress .gift-list .item-7.active {
}
.achieve-page .progress .gift-list .item .cursor {
width: 100%;
height: 116px;
position: absolute;
top: -116px;
text-align: center;
color: #898989;
}
.no-webp .achieve-page .progress .gift-list .item .cursor::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1795px -733px}
.webp .achieve-page .progress .gift-list .item .cursor::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1795px -733px}
.no-webp .achieve-page .progress .gift-list .item .cursor::after {background-size:2528px 2351px}
.webp .achieve-page .progress .gift-list .item .cursor::after {background-size:2528px 2351px}
.no-webp .achieve-page .progress .gift-list .item .cursor::after {background-position:-1795px -733px}
.webp .achieve-page .progress .gift-list .item .cursor::after {background-position:-1795px -733px}
.achieve-page .progress .gift-list .item .cursor::after {
display: block;
content: '';
width:45px;
height:80px;
margin: 8px auto 0;
}
.achieve-page .progress .gift-list .item .name {
width: 146px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
position: absolute;
top: 8px;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
display: none;
}
.achieve-page .progress .gift-list .item .num {
width: 167px;
height: 52px;
color: #fff;
text-align: center;
line-height: 52px;
position: absolute;
left: 0;
bottom: 0;
display: none;
}
.no-webp .event2-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_b1044e96.jpg) no-repeat}
.webp .event2-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_b1044e96.webp) no-repeat}
.event2-page {
height: 100%;
color: #000;
}
.no-webp .event2-page .cnt {background:url(https://www.armis.kr/pc/zt/20210713163229/img/cnt_02f08b8d.png) no-repeat}
.webp .event2-page .cnt {background:url(https://www.armis.kr/pc/zt/20210713163229/img/cnt_02f08b8d.webp) no-repeat}
.event2-page .cnt {
width: 879px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
margin-left: -120px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 66px;
padding-right: 12px;
}
.no-webp .event2-page .cnt .title {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-536px -1686px}
.webp .event2-page .cnt .title {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-536px -1686px}
.no-webp .event2-page .cnt .title {background-size:2528px 2351px}
.webp .event2-page .cnt .title {background-size:2528px 2351px}
.no-webp .event2-page .cnt .title {background-position:-536px -1686px}
.webp .event2-page .cnt .title {background-position:-536px -1686px}
.event2-page .cnt .title {
width:574px;
height:23px;
margin: 0 auto;
}
.event2-page .cnt .p1 {
font-size: 68px;
font-weight: bold;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
padding-bottom: 20px;
border-bottom: 4px solid #000;
text-align: center;
width: 700px;
white-space: nowrap;
}
.event2-page .cnt .p2 {
margin-top: 15px;
text-align: center;
color: #575757;
}
.event2-page .cnt .sns-btns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 563px;
margin: 20px auto 0;
}
.event2-page .cnt .sns-btns a {
display: block;
margin-bottom: 5px;
}
.no-webp .event2-page .cnt .sns-btns a.facebook-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -864px}
.webp .event2-page .cnt .sns-btns a.facebook-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -864px}
.no-webp .event2-page .cnt .sns-btns a.facebook-btn {background-size:2528px 2351px}
.webp .event2-page .cnt .sns-btns a.facebook-btn {background-size:2528px 2351px}
.no-webp .event2-page .cnt .sns-btns a.facebook-btn {background-position:-2139px -864px}
.webp .event2-page .cnt .sns-btns a.facebook-btn {background-position:-2139px -864px}
.event2-page .cnt .sns-btns a.facebook-btn {
width:276px;
height:73px;
}
.no-webp .event2-page .cnt .sns-btns a.ins-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -939px}
.webp .event2-page .cnt .sns-btns a.ins-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -939px}
.no-webp .event2-page .cnt .sns-btns a.ins-btn {background-size:2528px 2351px}
.webp .event2-page .cnt .sns-btns a.ins-btn {background-size:2528px 2351px}
.no-webp .event2-page .cnt .sns-btns a.ins-btn {background-position:-2139px -939px}
.webp .event2-page .cnt .sns-btns a.ins-btn {background-position:-2139px -939px}
.event2-page .cnt .sns-btns a.ins-btn {
width:276px;
height:73px;
}
.no-webp .event2-page .cnt .sns-btns a.kakao-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1089px}
.webp .event2-page .cnt .sns-btns a.kakao-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1089px}
.no-webp .event2-page .cnt .sns-btns a.kakao-btn {background-size:2528px 2351px}
.webp .event2-page .cnt .sns-btns a.kakao-btn {background-size:2528px 2351px}
.no-webp .event2-page .cnt .sns-btns a.kakao-btn {background-position:-2139px -1089px}
.webp .event2-page .cnt .sns-btns a.kakao-btn {background-position:-2139px -1089px}
.event2-page .cnt .sns-btns a.kakao-btn {
width:276px;
height:73px;
}
.no-webp .event2-page .cnt .sns-btns a.twitter-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1014px}
.webp .event2-page .cnt .sns-btns a.twitter-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1014px}
.no-webp .event2-page .cnt .sns-btns a.twitter-btn {background-size:2528px 2351px}
.webp .event2-page .cnt .sns-btns a.twitter-btn {background-size:2528px 2351px}
.no-webp .event2-page .cnt .sns-btns a.twitter-btn {background-position:-2139px -1014px}
.webp .event2-page .cnt .sns-btns a.twitter-btn {background-position:-2139px -1014px}
.event2-page .cnt .sns-btns a.twitter-btn {
width:276px;
height:73px;
}
.no-webp .event2-page .cnt .gift {background:#b0cddd}
.webp .event2-page .cnt .gift {background:#b0cddd}
.event2-page .cnt .gift {
height: 230px;
margin-top: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.no-webp .event2-page .cnt .gift-img {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-0px -1519px}
.webp .event2-page .cnt .gift-img {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-0px -1519px}
.no-webp .event2-page .cnt .gift-img {background-size:2528px 2351px}
.webp .event2-page .cnt .gift-img {background-size:2528px 2351px}
.no-webp .event2-page .cnt .gift-img {background-position:-0px -1519px}
.webp .event2-page .cnt .gift-img {background-position:-0px -1519px}
.event2-page .cnt .gift-img {
width:534px;
height:200px;
}
.event2-page .cnt .intro {
font-size: 14px;
width: 480px;
margin-left: 210px;
}
.event2-page .cnt .t {
font-weight: bold;
margin-left: 210px;
}
.no-webp .event3-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_4a8c49b5.jpg) no-repeat}
.webp .event3-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_4a8c49b5.webp) no-repeat}
.event3-page {
height: 100%;
color: #000;
}
.no-webp .event3-page .cnt {background:url(https://www.armis.kr/pc/zt/20210713163229/img/cnt_02f08b8d.png) no-repeat}
.webp .event3-page .cnt {background:url(https://www.armis.kr/pc/zt/20210713163229/img/cnt_02f08b8d.webp) no-repeat}
.event3-page .cnt {
width: 879px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
margin-left: -120px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 66px;
padding-right: 12px;
}
.no-webp .event3-page .cnt .title {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1112px -1686px}
.webp .event3-page .cnt .title {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1112px -1686px}
.no-webp .event3-page .cnt .title {background-size:2528px 2351px}
.webp .event3-page .cnt .title {background-size:2528px 2351px}
.no-webp .event3-page .cnt .title {background-position:-1112px -1686px}
.webp .event3-page .cnt .title {background-position:-1112px -1686px}
.event3-page .cnt .title {
width:574px;
height:23px;
margin: 0 auto;
}
.event3-page .cnt .p1 {
font-size: 68px;
font-size: 58px;
font-weight: bold;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
padding-bottom: 20px;
border-bottom: 4px solid #000;
text-align: center;
white-space: nowrap;
}
.event3-page .cnt .p2 {
margin-top: 15px;
text-align: center;
color: #575757;
}
.event3-page .cnt .p2 b {
font-weight: bold;
}
.event3-page .cnt .text-msg {
padding-top: 10px;
padding-right: 10px;
text-align: right;
font-size: 18px;
}
.event3-page .cnt .step {
height: 230px;
margin-top: 20px;
border-top: 1px solid #a2a2a2;
border-bottom: 1px solid #a2a2a2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.no-webp .event3-page .cnt .step-img {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-0px -1352px}
.webp .event3-page .cnt .step-img {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-0px -1352px}
.no-webp .event3-page .cnt .step-img {background-size:2528px 2351px}
.webp .event3-page .cnt .step-img {background-size:2528px 2351px}
.no-webp .event3-page .cnt .step-img {background-position:-0px -1352px}
.webp .event3-page .cnt .step-img {background-position:-0px -1352px}
.event3-page .cnt .step-img {
width:803px;
height:165px;
}
.event3-page .cnt .invite-cnt {
padding-top: 20px;
margin: 14px auto 0;
width: 100%;
border-bottom: 1px solid #a2a2a2;
}
.event3-page .cnt .invite-cnt .tit {
font-size: 30px;
color: #000000;
text-align: center;
}
.event3-page .cnt .invite-cnt .invite-box .step-1 {
width: 415px;
margin: 0 auto;
}
.event3-page .cnt .invite-cnt .invite-box .step-1 .tit {
width: 200%;
margin: 10px auto;
margin-left: -50%;
}
.event3-page .cnt .invite-cnt .invite-box .step-1 .g-recaptcha {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px;
}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-1 .ipt {background:#383838}
.webp .event3-page .cnt .invite-cnt .invite-box .step-1 .ipt {background:#383838}
.event3-page .cnt .invite-cnt .invite-box .step-1 .ipt {
display: block;
width: 415px;
height: 64px;
color: #fff;
font-size: 20px;
-webkit-box-shadow: inset 0px 0px 20px #000;
-moz-box-shadow: inset 0px 0px 20px #000;
box-shadow: inset 0px 0px 20px #000;
text-align: center;
line-height: 64px;
}
.event3-page .cnt .invite-cnt .invite-box .step-1 .get-code-btn {
color: #003133;
font-weight: bold;
font-size: 21px;
text-decoration: underline;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 10px auto;
}
.event3-page .cnt .invite-cnt .invite-box .step-1 .allow-tips {
font-size: 12px;
color: #004e51;
margin-top: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.event3-page .cnt .invite-cnt .invite-box .step-1 .allow-tips .detail-link {
color: #636363;
text-decoration: underline;
}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-1 .submit-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1180px -1956px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-1 .submit-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1180px -1956px}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-1 .submit-btn {background-size:2528px 2351px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-1 .submit-btn {background-size:2528px 2351px}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-1 .submit-btn {background-position:-1180px -1956px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-1 .submit-btn {background-position:-1180px -1956px}
.event3-page .cnt .invite-cnt .invite-box .step-1 .submit-btn {
display: block;
width:415px;
height:73px;
margin: 10px auto;
}
.event3-page .cnt .invite-cnt .invite-box .step-2 {
width: 415px;
margin: 0 auto;
padding: 10px 40px;
display: none;
}
.event3-page .cnt .invite-cnt .invite-box .step-2 .select {
width: 415px;
height: 64px;
margin: 10px auto;
position: relative;
}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-2 .select::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2494px -708px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-2 .select::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2494px -708px}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-2 .select::after {background-size:2528px 2351px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-2 .select::after {background-size:2528px 2351px}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-2 .select::after {background-position:-2494px -708px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-2 .select::after {background-position:-2494px -708px}
.event3-page .cnt .invite-cnt .invite-box .step-2 .select::after {
content: "";
width:19px;
height:11px;
position: absolute;
top: 50%;
right: 28px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-2 select,
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-2 .ipt {background:#383838}
.webp .event3-page .cnt .invite-cnt .invite-box .step-2 select,
.webp .event3-page .cnt .invite-cnt .invite-box .step-2 .ipt {background:#383838}
.event3-page .cnt .invite-cnt .invite-box .step-2 select,
.event3-page .cnt .invite-cnt .invite-box .step-2 .ipt {
display: block;
width: 415px;
height: 64px;
margin: 0 auto;
color: #fff;
font-size: 20px;
-webkit-box-shadow: inset 0px 0px 20px #000;
-moz-box-shadow: inset 0px 0px 20px #000;
box-shadow: inset 0px 0px 20px #000;
text-align: center;
line-height: 52px;
position: relative;
font-size: 26px;
}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-2 .role-p {background:#383838}
.webp .event3-page .cnt .invite-cnt .invite-box .step-2 .role-p {background:#383838}
.event3-page .cnt .invite-cnt .invite-box .step-2 .role-p {
width: 415px;
height: 64px;
margin: 20px auto 4px;
color: #fff;
font-size: 20px;
-webkit-box-shadow: inset 0px 0px 20px #000;
-moz-box-shadow: inset 0px 0px 20px #000;
box-shadow: inset 0px 0px 20px #000;
text-align: center;
line-height: 52px;
}
.event3-page .cnt .invite-cnt .invite-box .step-2 .role-tips {
width: 320px;
font-size: 14px;
font-weight: bold;
color: #636363;
}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-2 .bind-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1335px -1863px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-2 .bind-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1335px -1863px}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-2 .bind-btn {background-size:2528px 2351px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-2 .bind-btn {background-size:2528px 2351px}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-2 .bind-btn {background-position:-1335px -1863px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-2 .bind-btn {background-position:-1335px -1863px}
.event3-page .cnt .invite-cnt .invite-box .step-2 .bind-btn {
display: block;
width:415px;
height:73px;
margin: 10px auto;
}
.event3-page .cnt .invite-cnt .invite-box .step-3 {
display: none;
padding: 10px 70px 0;
}
.event3-page .cnt .invite-cnt .invite-box .step-3 .info {
margin-bottom: 20px;
}
.event3-page .cnt .invite-cnt .invite-box .step-3 .info p,
.event3-page .cnt .invite-cnt .invite-box .step-3 .info a {
display: inline-block;
vertical-align: top;
font-size: 24px;
color: #666666;
}
.event3-page .cnt .invite-cnt .invite-box .step-3 .info a {
margin-left: 30px;
text-decoration: underline;
}
.event3-page .cnt .invite-cnt .invite-box .step-3 .get-p {
line-height: 36px;
font-size: 24px;
color: #000000;
}
.event3-page .cnt .invite-cnt .award-box {
width: 422px;
margin: 0 auto;
padding: 15px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.event3-page .cnt .invite-cnt .award-box.status2 {
width: 560px;
}
.event3-page .cnt .invite-cnt .award-box.status2 .awards .item p,
.event3-page .cnt .invite-cnt .award-box.status2 .awards .item .get-btn {
display: block;
}
.event3-page .cnt .invite-cnt .award-box ul {
color: #999999;
line-height: 20px;
font-size: 12px;
}
.event3-page .cnt .invite-cnt .award-box .awards {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 5px auto 0;
}
.event3-page .cnt .invite-cnt .award-box .awards .item {
position: relative;
}
.event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(1) {
width: 44%;
}
.no-webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(1) .img {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2345px -284px}
.webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(1) .img {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2345px -284px}
.no-webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(1) .img {background-size:2528px 2351px}
.webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(1) .img {background-size:2528px 2351px}
.no-webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(1) .img {background-position:-2345px -284px}
.webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(1) .img {background-position:-2345px -284px}
.event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(1) .img {
width:150px;
height:222px;
}
.event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(2) {
width: 56%;
}
.no-webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(2) .img {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -284px}
.webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(2) .img {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -284px}
.no-webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(2) .img {background-size:2528px 2351px}
.webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(2) .img {background-size:2528px 2351px}
.no-webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(2) .img {background-position:-2139px -284px}
.webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(2) .img {background-position:-2139px -284px}
.event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(2) .img {
width:204px;
height:222px;
}
.event3-page .cnt .invite-cnt .award-box .awards .item .img {
margin: 0 auto;
}
.event3-page .cnt .invite-cnt .award-box .awards .item p {
display: none;
margin: 6px auto;
font-size: 24px;
color: #000000;
line-height: 28px;
text-align: center;
}
.no-webp .event3-page .cnt .invite-cnt .award-box .awards .item .get-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2355px -1974px}
.webp .event3-page .cnt .invite-cnt .award-box .awards .item .get-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2355px -1974px}
.no-webp .event3-page .cnt .invite-cnt .award-box .awards .item .get-btn {background-size:2528px 2351px}
.webp .event3-page .cnt .invite-cnt .award-box .awards .item .get-btn {background-size:2528px 2351px}
.no-webp .event3-page .cnt .invite-cnt .award-box .awards .item .get-btn {background-position:-2355px -1974px}
.webp .event3-page .cnt .invite-cnt .award-box .awards .item .get-btn {background-position:-2355px -1974px}
.event3-page .cnt .invite-cnt .award-box .awards .item .get-btn {
display: none;
margin: 0 auto;
width:163px;
height:50px;
}
.world-page {
height: 100%;
color: #fff;
}
.world-page .cnt {
width: 100%;
height: 100%;
}
.world-page .cnt img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.no-webp .world-page .cnt .mask {background:rgba(0, 0, 0, 0.75)}
.webp .world-page .cnt .mask {background:rgba(0, 0, 0, 0.75)}
.world-page .cnt .mask {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.world-page .cnt .content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -270px);
-webkit-transform: translate(-50%, -270px);
-moz-transform: translate(-50%, -270px);
-ms-transform: translate(-50%, -270px);
-o-transform: translate(-50%, -270px);
}
.world-page .cnt .content .title-en {
text-transform: uppercase;
color: #fbf1b7;
letter-spacing: 60px;
margin-left: 60px;
text-align: center;
}
.world-page .cnt .content .title {
font-size: 96px;
font-weight: bold;
text-align: center;
}
.no-webp .world-page .cnt .content .video-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2421px -1446px}
.webp .world-page .cnt .content .video-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2421px -1446px}
.no-webp .world-page .cnt .content .video-btn {background-size:2528px 2351px}
.webp .world-page .cnt .content .video-btn {background-size:2528px 2351px}
.no-webp .world-page .cnt .content .video-btn {background-position:-2421px -1446px}
.webp .world-page .cnt .content .video-btn {background-position:-2421px -1446px}
.world-page .cnt .content .video-btn {
display: block;
margin: 0 auto 10px;
width:106px;
height:106px;
}
.no-webp .world-page .cnt .content .video-btn:hover {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2421px -1305px}
.webp .world-page .cnt .content .video-btn:hover {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2421px -1305px}
.no-webp .world-page .cnt .content .video-btn:hover {background-size:2528px 2351px}
.webp .world-page .cnt .content .video-btn:hover {background-size:2528px 2351px}
.no-webp .world-page .cnt .content .video-btn:hover {background-position:-2421px -1305px}
.webp .world-page .cnt .content .video-btn:hover {background-position:-2421px -1305px}
.world-page .cnt .content .video-btn:hover {
width:106px;
height:106px;
}
.world-page .cnt .content .subtitle {
font-size: 36px;
color: #47e7ff;
font-weight: bold;
font-family: 'Batang';
text-align: center;
display: none;
}
.world-page .cnt .content .p1 {
text-align: left;
margin-top: 20px;
font-weight: bold;
color: #fbf1b7;
font-family: 'Batang';
max-width: 450px;
margin: 0 auto;
}
.world-page .cnt .change-btns {
width: 670px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, 90px);
-webkit-transform: translate(-50%, 90px);
-moz-transform: translate(-50%, 90px);
-ms-transform: translate(-50%, 90px);
-o-transform: translate(-50%, 90px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.no-webp .world-page .cnt .change-btns::before {background:#adadad}
.webp .world-page .cnt .change-btns::before {background:#adadad}
.world-page .cnt .change-btns::before {
display: block;
content: '';
width: 80%;
height: 1px;
position: absolute;
top: 48px;
left: 50px;
}
.world-page .cnt .change-btns .btn {
display: block;
cursor: pointer;
position: relative;
z-index: 1;
}
.world-page .cnt .change-btns .btn.lock .icon {
position: relative;
}
.no-webp .world-page .cnt .change-btns .btn.lock .icon::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2494px -584px}
.webp .world-page .cnt .change-btns .btn.lock .icon::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2494px -584px}
.no-webp .world-page .cnt .change-btns .btn.lock .icon::after {background-size:2528px 2351px}
.webp .world-page .cnt .change-btns .btn.lock .icon::after {background-size:2528px 2351px}
.no-webp .world-page .cnt .change-btns .btn.lock .icon::after {background-position:-2494px -584px}
.webp .world-page .cnt .change-btns .btn.lock .icon::after {background-position:-2494px -584px}
.world-page .cnt .change-btns .btn.lock .icon::after {
display: block;
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
width:30px;
height:30px;
}
.no-webp .world-page .cnt .change-btns .btn:nth-child(1) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-686px -2255px}
.webp .world-page .cnt .change-btns .btn:nth-child(1) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-686px -2255px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(1) .icon {background-size:2528px 2351px}
.webp .world-page .cnt .change-btns .btn:nth-child(1) .icon {background-size:2528px 2351px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(1) .icon {background-position:-686px -2255px}
.webp .world-page .cnt .change-btns .btn:nth-child(1) .icon {background-position:-686px -2255px}
.world-page .cnt .change-btns .btn:nth-child(1) .icon {
width:96px;
height:96px;
}
.no-webp .world-page .cnt .change-btns .btn:nth-child(2) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-588px -2255px}
.webp .world-page .cnt .change-btns .btn:nth-child(2) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-588px -2255px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(2) .icon {background-size:2528px 2351px}
.webp .world-page .cnt .change-btns .btn:nth-child(2) .icon {background-size:2528px 2351px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(2) .icon {background-position:-588px -2255px}
.webp .world-page .cnt .change-btns .btn:nth-child(2) .icon {background-position:-588px -2255px}
.world-page .cnt .change-btns .btn:nth-child(2) .icon {
width:96px;
height:96px;
}
.no-webp .world-page .cnt .change-btns .btn:nth-child(3) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-490px -2255px}
.webp .world-page .cnt .change-btns .btn:nth-child(3) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-490px -2255px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(3) .icon {background-size:2528px 2351px}
.webp .world-page .cnt .change-btns .btn:nth-child(3) .icon {background-size:2528px 2351px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(3) .icon {background-position:-490px -2255px}
.webp .world-page .cnt .change-btns .btn:nth-child(3) .icon {background-position:-490px -2255px}
.world-page .cnt .change-btns .btn:nth-child(3) .icon {
width:96px;
height:96px;
}
.no-webp .world-page .cnt .change-btns .btn:nth-child(4) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-392px -2255px}
.webp .world-page .cnt .change-btns .btn:nth-child(4) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-392px -2255px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(4) .icon {background-size:2528px 2351px}
.webp .world-page .cnt .change-btns .btn:nth-child(4) .icon {background-size:2528px 2351px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(4) .icon {background-position:-392px -2255px}
.webp .world-page .cnt .change-btns .btn:nth-child(4) .icon {background-position:-392px -2255px}
.world-page .cnt .change-btns .btn:nth-child(4) .icon {
width:96px;
height:96px;
}
.no-webp .world-page .cnt .change-btns .btn:nth-child(5) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-294px -2255px}
.webp .world-page .cnt .change-btns .btn:nth-child(5) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-294px -2255px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(5) .icon {background-size:2528px 2351px}
.webp .world-page .cnt .change-btns .btn:nth-child(5) .icon {background-size:2528px 2351px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(5) .icon {background-position:-294px -2255px}
.webp .world-page .cnt .change-btns .btn:nth-child(5) .icon {background-position:-294px -2255px}
.world-page .cnt .change-btns .btn:nth-child(5) .icon {
width:96px;
height:96px;
}
.world-page .cnt .change-btns .btn .icon {
display: block;
}
.world-page .cnt .change-btns .btn .txt {
display: block;
text-align: center;
}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(1) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-882px -2255px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(1) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-882px -2255px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(1) .icon {background-size:2528px 2351px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(1) .icon {background-size:2528px 2351px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(1) .icon {background-position:-882px -2255px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(1) .icon {background-position:-882px -2255px}
.world-page .cnt .change-btns .btn.active:nth-child(1) .icon {
width:96px;
height:96px;
}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(2) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-98px -2255px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(2) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-98px -2255px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(2) .icon {background-size:2528px 2351px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(2) .icon {background-size:2528px 2351px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(2) .icon {background-position:-98px -2255px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(2) .icon {background-position:-98px -2255px}
.world-page .cnt .change-btns .btn.active:nth-child(2) .icon {
width:96px;
height:96px;
}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(3) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-0px -2255px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(3) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-0px -2255px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(3) .icon {background-size:2528px 2351px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(3) .icon {background-size:2528px 2351px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(3) .icon {background-position:-0px -2255px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(3) .icon {background-position:-0px -2255px}
.world-page .cnt .change-btns .btn.active:nth-child(3) .icon {
width:96px;
height:96px;
}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(4) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-784px -2255px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(4) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-784px -2255px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(4) .icon {background-size:2528px 2351px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(4) .icon {background-size:2528px 2351px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(4) .icon {background-position:-784px -2255px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(4) .icon {background-position:-784px -2255px}
.world-page .cnt .change-btns .btn.active:nth-child(4) .icon {
width:96px;
height:96px;
}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(5) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-196px -2255px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(5) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-196px -2255px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(5) .icon {background-size:2528px 2351px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(5) .icon {background-size:2528px 2351px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(5) .icon {background-position:-196px -2255px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(5) .icon {background-position:-196px -2255px}
.world-page .cnt .change-btns .btn.active:nth-child(5) .icon {
width:96px;
height:96px;
}
.no-webp .world2-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_8dfa4347.jpg) no-repeat center top}
.webp .world2-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_8dfa4347.webp) no-repeat center top}
.world2-page {
height: 100%;
}
.world2-page .cnt {
width: 1290px;
margin: 0 auto;
padding-top: 110px;
}
.world2-page .thumb-list {
width: 1290px;
position: relative;
}
.world2-page .thumb-list .thumb-cnt .item {
border: 4px solid transparent;
cursor: pointer;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.world2-page .thumb-list .thumb-cnt .item img {
display: block;
}
.world2-page .thumb-list .thumb-cnt .item.lock {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.no-webp .world2-page .thumb-list .thumb-cnt .item.lock::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1783px -816px}
.webp .world2-page .thumb-list .thumb-cnt .item.lock::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1783px -816px}
.no-webp .world2-page .thumb-list .thumb-cnt .item.lock::after {background-size:2528px 2351px}
.webp .world2-page .thumb-list .thumb-cnt .item.lock::after {background-size:2528px 2351px}
.no-webp .world2-page .thumb-list .thumb-cnt .item.lock::after {background-position:-1783px -816px}
.webp .world2-page .thumb-list .thumb-cnt .item.lock::after {background-position:-1783px -816px}
.world2-page .thumb-list .thumb-cnt .item.lock::after {
display: block;
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
width:80px;
height:80px;
}
.world2-page .thumb-list .thumb-cnt .item:hover,
.world2-page .thumb-list .thumb-cnt .item.active {
border: 4px solid #fff;
}
.no-webp .world2-page .thumb-list .prev-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2488px -864px}
.webp .world2-page .thumb-list .prev-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2488px -864px}
.no-webp .world2-page .thumb-list .prev-btn {background-size:2528px 2351px}
.webp .world2-page .thumb-list .prev-btn {background-size:2528px 2351px}
.no-webp .world2-page .thumb-list .prev-btn {background-position:-2488px -864px}
.webp .world2-page .thumb-list .prev-btn {background-position:-2488px -864px}
.world2-page .thumb-list .prev-btn {
display: block;
width:35px;
height:66px;
position: absolute;
top: 50%;
left: 0;
transform: translate(-140%, -50%);
-webkit-transform: translate(-140%, -50%);
-moz-transform: translate(-140%, -50%);
-ms-transform: translate(-140%, -50%);
-o-transform: translate(-140%, -50%);
}
.no-webp .world2-page .thumb-list .next-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2488px -939px}
.webp .world2-page .thumb-list .next-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2488px -939px}
.no-webp .world2-page .thumb-list .next-btn {background-size:2528px 2351px}
.webp .world2-page .thumb-list .next-btn {background-size:2528px 2351px}
.no-webp .world2-page .thumb-list .next-btn {background-position:-2488px -939px}
.webp .world2-page .thumb-list .next-btn {background-position:-2488px -939px}
.world2-page .thumb-list .next-btn {
display: block;
width:35px;
height:66px;
position: absolute;
top: 50%;
right: 0;
transform: translate(140%, -50%);
-webkit-transform: translate(140%, -50%);
-moz-transform: translate(140%, -50%);
-ms-transform: translate(140%, -50%);
-o-transform: translate(140%, -50%);
}
.no-webp .world2-page .thumb-list .progress {background:#d4d4d4}
.webp .world2-page .thumb-list .progress {background:#d4d4d4}
.world2-page .thumb-list .progress {
width: 100%;
height: 6px;
margin-top: 14px;
}
.no-webp .world2-page .thumb-list .progress .swiper-scrollbar-drag {background:#202020}
.webp .world2-page .thumb-list .progress .swiper-scrollbar-drag {background:#202020}
.world2-page .thumb-list .progress .swiper-scrollbar-drag {
border-radius: 0;
}
.no-webp .world2-page .thumb-list .progress-bar {background:#202020}
.webp .world2-page .thumb-list .progress-bar {background:#202020}
.world2-page .thumb-list .progress-bar {
position: absolute;
width: 30%;
height: 6px;
}
.world2-page .content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 40px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.world2-page .content .intro {
margin-top: -24px;
padding-left: 10px;
}
.world2-page .content .intro .t {
font-size: 28px;
}
.world2-page .content .intro .name {
font-size: 35px;
font-weight: bold;
}
.world2-page .content .intro .p1 {
font-size: 20px;
width: 200px;
}
.world2-page .content .video-cnt {
border: 1px solid #000;
width: 1025px;
height: 570px;
position: relative;
}
.world2-page .content .video-cnt:hover .mask {
-webkit-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
}
.world2-page .content .video-cnt img {
display: block;
width: 100%;
height: 100%;
}
.no-webp .world2-page .content .video-cnt .mask {background:rgba(0, 0, 0, 0.6)}
.webp .world2-page .content .video-cnt .mask {background:rgba(0, 0, 0, 0.6)}
.world2-page .content .video-cnt .mask {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.no-webp .world2-page .content .video-cnt .play-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1795px -475px}
.webp .world2-page .content .video-cnt .play-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1795px -475px}
.no-webp .world2-page .content .video-cnt .play-btn {background-size:2528px 2351px}
.webp .world2-page .content .video-cnt .play-btn {background-size:2528px 2351px}
.no-webp .world2-page .content .video-cnt .play-btn {background-position:-1795px -475px}
.webp .world2-page .content .video-cnt .play-btn {background-position:-1795px -475px}
.world2-page .content .video-cnt .play-btn {
display: block;
width:65px;
height:114px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.role-page {
height: 100%;
}
.role-page .role-cnt {
height: 100%;
}
.role-page .role-cnt .role {
height: 100%;
position: absolute;
width: 100%;
top: 0;
left: 0;
display: none;
}
.role-page .role-cnt .role .role-info {
position: absolute;
left: 50%;
margin-left: 70px;
top: 50%;
margin-top: -340px;
}
.role-page .role-cnt .role .role-info .role-intro {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 640px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px;
font-size: 18px;
line-height: 26px;
font-weight: bold;
}
.no-webp .role-page .role-cnt .role .role-info .detail-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1914px}
.webp .role-page .role-cnt .role .role-info .detail-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1914px}
.no-webp .role-page .role-cnt .role .role-info .detail-btn {background-size:2528px 2351px}
.webp .role-page .role-cnt .role .role-info .detail-btn {background-size:2528px 2351px}
.no-webp .role-page .role-cnt .role .role-info .detail-btn {background-position:-2139px -1914px}
.webp .role-page .role-cnt .role .role-info .detail-btn {background-position:-2139px -1914px}
.role-page .role-cnt .role .role-info .detail-btn {
display: block;
margin-top: 30px;
width:257px;
height:58px;
}
.role-page .role-cnt .role .role-info .detail-btn:hover {
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
.role-page .role-cnt .role .role-info .video {
width: 221px;
height: 135px;
padding: 2px;
border: 1px solid #000000;
cursor: pointer;
}
.no-webp .role-page .role-cnt .role-tz {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_f9378288.jpg) no-repeat center center}
.webp .role-page .role-cnt .role-tz {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_f9378288.webp) no-repeat center center}
.role-page .role-cnt .role-tz {
}
.no-webp .role-page .role-cnt .role-tz .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1207px -1352px}
.webp .role-page .role-cnt .role-tz .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1207px -1352px}
.no-webp .role-page .role-cnt .role-tz .role-info .role-name {background-size:2528px 2351px}
.webp .role-page .role-cnt .role-tz .role-info .role-name {background-size:2528px 2351px}
.no-webp .role-page .role-cnt .role-tz .role-info .role-name {background-position:-1207px -1352px}
.webp .role-page .role-cnt .role-tz .role-info .role-name {background-position:-1207px -1352px}
.role-page .role-cnt .role-tz .role-info .role-name {
width:400px;
height:143px;
}
.role-page .role-cnt .role-tz .role-info .detail-btn {
margin-top: 10px;
}
.no-webp .role-page .role-cnt .role-gr {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_8b613c75.jpg) no-repeat center center}
.webp .role-page .role-cnt .role-gr {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_8b613c75.webp) no-repeat center center}
.role-page .role-cnt .role-gr {
display: block;
}
.no-webp .role-page .role-cnt .role-gr .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-786px -1956px}
.webp .role-page .role-cnt .role-gr .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-786px -1956px}
.no-webp .role-page .role-cnt .role-gr .role-info .role-name {background-size:2528px 2351px}
.webp .role-page .role-cnt .role-gr .role-info .role-name {background-size:2528px 2351px}
.no-webp .role-page .role-cnt .role-gr .role-info .role-name {background-position:-786px -1956px}
.webp .role-page .role-cnt .role-gr .role-info .role-name {background-position:-786px -1956px}
.role-page .role-cnt .role-gr .role-info .role-name {
width:392px;
height:139px;
}
.no-webp .role-page .role-cnt .role-st {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_01ccfe3f.jpg) no-repeat center center}
.webp .role-page .role-cnt .role-st {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_01ccfe3f.webp) no-repeat center center}
.role-page .role-cnt .role-st {
}
.no-webp .role-page .role-cnt .role-st .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-930px -1519px}
.webp .role-page .role-cnt .role-st .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-930px -1519px}
.no-webp .role-page .role-cnt .role-st .role-info .role-name {background-size:2528px 2351px}
.webp .role-page .role-cnt .role-st .role-info .role-name {background-size:2528px 2351px}
.no-webp .role-page .role-cnt .role-st .role-info .role-name {background-position:-930px -1519px}
.webp .role-page .role-cnt .role-st .role-info .role-name {background-position:-930px -1519px}
.role-page .role-cnt .role-st .role-info .role-name {
width:392px;
height:140px;
}
.no-webp .role-page .role-cnt .role-lg {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_416c428c.jpg) no-repeat center center}
.webp .role-page .role-cnt .role-lg {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_416c428c.webp) no-repeat center center}
.role-page .role-cnt .role-lg {
}
.no-webp .role-page .role-cnt .role-lg .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -142px}
.webp .role-page .role-cnt .role-lg .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -142px}
.no-webp .role-page .role-cnt .role-lg .role-info .role-name {background-size:2528px 2351px}
.webp .role-page .role-cnt .role-lg .role-info .role-name {background-size:2528px 2351px}
.no-webp .role-page .role-cnt .role-lg .role-info .role-name {background-position:-2139px -142px}
.webp .role-page .role-cnt .role-lg .role-info .role-name {background-position:-2139px -142px}
.role-page .role-cnt .role-lg .role-info .role-name {
width:389px;
height:140px;
}
.no-webp .role-page .role-cnt .role-yx {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_321ad627.jpg) no-repeat center center}
.webp .role-page .role-cnt .role-yx {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_321ad627.webp) no-repeat center center}
.role-page .role-cnt .role-yx {
}
.no-webp .role-page .role-cnt .role-yx .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-0px -1956px}
.webp .role-page .role-cnt .role-yx .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-0px -1956px}
.no-webp .role-page .role-cnt .role-yx .role-info .role-name {background-size:2528px 2351px}
.webp .role-page .role-cnt .role-yx .role-info .role-name {background-size:2528px 2351px}
.no-webp .role-page .role-cnt .role-yx .role-info .role-name {background-position:-0px -1956px}
.webp .role-page .role-cnt .role-yx .role-info .role-name {background-position:-0px -1956px}
.role-page .role-cnt .role-yx .role-info .role-name {
width:390px;
height:140px;
}
.no-webp .role-page .role-cnt .role-ll {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_f52c133c.jpg) no-repeat center center}
.webp .role-page .role-cnt .role-ll {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_f52c133c.webp) no-repeat center center}
.role-page .role-cnt .role-ll {
}
.no-webp .role-page .role-cnt .role-ll .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1335px -1721px}
.webp .role-page .role-cnt .role-ll .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1335px -1721px}
.no-webp .role-page .role-cnt .role-ll .role-info .role-name {background-size:2528px 2351px}
.webp .role-page .role-cnt .role-ll .role-info .role-name {background-size:2528px 2351px}
.no-webp .role-page .role-cnt .role-ll .role-info .role-name {background-position:-1335px -1721px}
.webp .role-page .role-cnt .role-ll .role-info .role-name {background-position:-1335px -1721px}
.role-page .role-cnt .role-ll .role-info .role-name {
width:391px;
height:140px;
}
.role-page .change-roles {
position: absolute;
top: 50%;
left: 50%;
margin-left: 60px;
}
.no-webp .role-page .change-roles::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1022px -1497px}
.webp .role-page .change-roles::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1022px -1497px}
.no-webp .role-page .change-roles::before {background-size:2528px 2351px}
.webp .role-page .change-roles::before {background-size:2528px 2351px}
.no-webp .role-page .change-roles::before {background-position:-1022px -1497px}
.webp .role-page .change-roles::before {background-position:-1022px -1497px}
.role-page .change-roles::before {
display: block;
content: '';
width:215px;
height:11px;
position: absolute;
top: 179px;
}
.no-webp .role-page .change-roles::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-805px -1497px}
.webp .role-page .change-roles::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-805px -1497px}
.no-webp .role-page .change-roles::after {background-size:2528px 2351px}
.webp .role-page .change-roles::after {background-size:2528px 2351px}
.no-webp .role-page .change-roles::after {background-position:-805px -1497px}
.webp .role-page .change-roles::after {background-position:-805px -1497px}
.role-page .change-roles::after {
display: block;
content: '';
width:215px;
height:11px;
position: absolute;
top: 65px;
left: 427px;
}
.role-page .change-roles .item {
cursor: pointer;
position: absolute;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.role-page .change-roles .item.active {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.role-page .change-roles .item span {
position: absolute;
white-space: nowrap;
}
.no-webp .role-page .change-roles .item-gr {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1587px}
.webp .role-page .change-roles .item-gr {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1587px}
.no-webp .role-page .change-roles .item-gr {background-size:2528px 2351px}
.webp .role-page .change-roles .item-gr {background-size:2528px 2351px}
.no-webp .role-page .change-roles .item-gr {background-position:-2139px -1587px}
.webp .role-page .change-roles .item-gr {background-position:-2139px -1587px}
.role-page .change-roles .item-gr {
width:139px;
height:139px;
top: 0;
left: 0;
}
.role-page .change-roles .item-gr span {
top: 0;
left: 0;
}
.no-webp .role-page .change-roles .item-st {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1305px}
.webp .role-page .change-roles .item-st {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1305px}
.no-webp .role-page .change-roles .item-st {background-size:2528px 2351px}
.webp .role-page .change-roles .item-st {background-size:2528px 2351px}
.no-webp .role-page .change-roles .item-st {background-position:-2139px -1305px}
.webp .role-page .change-roles .item-st {background-position:-2139px -1305px}
.role-page .change-roles .item-st {
width:139px;
height:139px;
top: 0;
left: 144px;
}
.role-page .change-roles .item-st span {
top: 0;
left: 0;
}
.no-webp .role-page .change-roles .item-lg {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1446px}
.webp .role-page .change-roles .item-lg {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1446px}
.no-webp .role-page .change-roles .item-lg {background-size:2528px 2351px}
.webp .role-page .change-roles .item-lg {background-size:2528px 2351px}
.no-webp .role-page .change-roles .item-lg {background-position:-2139px -1446px}
.webp .role-page .change-roles .item-lg {background-position:-2139px -1446px}
.role-page .change-roles .item-lg {
width:139px;
height:139px;
top: 0;
left: 288px;
}
.role-page .change-roles .item-lg span {
top: 0;
left: 0;
}
.no-webp .role-page .change-roles .item-yx {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2280px -1446px}
.webp .role-page .change-roles .item-yx {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2280px -1446px}
.no-webp .role-page .change-roles .item-yx {background-size:2528px 2351px}
.webp .role-page .change-roles .item-yx {background-size:2528px 2351px}
.no-webp .role-page .change-roles .item-yx {background-position:-2280px -1446px}
.webp .role-page .change-roles .item-yx {background-position:-2280px -1446px}
.role-page .change-roles .item-yx {
width:139px;
height:139px;
top: 115px;
left: 215px;
}
.role-page .change-roles .item-yx span {
bottom: 0;
right: 0;
}
.no-webp .role-page .change-roles .item-ll {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2282px -1164px}
.webp .role-page .change-roles .item-ll {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2282px -1164px}
.no-webp .role-page .change-roles .item-ll {background-size:2528px 2351px}
.webp .role-page .change-roles .item-ll {background-size:2528px 2351px}
.no-webp .role-page .change-roles .item-ll {background-position:-2282px -1164px}
.webp .role-page .change-roles .item-ll {background-position:-2282px -1164px}
.role-page .change-roles .item-ll {
width:139px;
height:139px;
top: 115px;
left: 359px;
}
.role-page .change-roles .item-ll span {
bottom: 0;
right: 0;
}
.no-webp .role-page .change-roles .item-tz {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1164px}
.webp .role-page .change-roles .item-tz {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1164px}
.no-webp .role-page .change-roles .item-tz {background-size:2528px 2351px}
.webp .role-page .change-roles .item-tz {background-size:2528px 2351px}
.no-webp .role-page .change-roles .item-tz {background-position:-2139px -1164px}
.webp .role-page .change-roles .item-tz {background-position:-2139px -1164px}
.role-page .change-roles .item-tz {
width:141px;
height:139px;
top: 115px;
left: 503px;
}
.role-page .change-roles .item-tz span {
bottom: 0;
right: 0;
}
.no-webp .role-page .change-roles .item-hide {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2280px -1305px}
.webp .role-page .change-roles .item-hide {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2280px -1305px}
.no-webp .role-page .change-roles .item-hide {background-size:2528px 2351px}
.webp .role-page .change-roles .item-hide {background-size:2528px 2351px}
.no-webp .role-page .change-roles .item-hide {background-position:-2280px -1305px}
.webp .role-page .change-roles .item-hide {background-position:-2280px -1305px}
.role-page .change-roles .item-hide {
width:139px;
height:139px;
top: 115px;
left: 503px;
cursor: default;
}
.role-page .change-roles .item-hide span {
bottom: 0;
right: 0;
}
.role-page .role-detail {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
}
.role-page .role-detail .detail {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: none;
}
.no-webp .role-page .role-detail .detail .back-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1847px}
.webp .role-page .role-detail .detail .back-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1847px}
.no-webp .role-page .role-detail .detail .back-btn {background-size:2528px 2351px}
.webp .role-page .role-detail .detail .back-btn {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail .back-btn {background-position:-2139px -1847px}
.webp .role-page .role-detail .detail .back-btn {background-position:-2139px -1847px}
.role-page .role-detail .detail .back-btn {
display: block;
width:235px;
height:65px;
position: absolute;
top: 80px;
left: 50%;
margin-left: -90px;
}
.role-page .role-detail .detail .back-btn:hover {
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
.role-page .role-detail .detail .role-info {
position: absolute;
width: 625px;
top: 50%;
left: 50%;
margin-left: -700px;
margin-top: -366px;
}
.role-page .role-detail .detail .role-info .role-intro {
margin-top: 20px;
font-weight: bold;
}
.role-page .role-detail .detail .role-info .role-radar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px;
}
.role-page .role-detail .detail .role-info .role-radar .radar-change {
padding-left: 35px;
position: relative;
}
.no-webp .role-page .role-detail .detail .role-info .role-radar .radar-change::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2515px -284px}
.webp .role-page .role-detail .detail .role-info .role-radar .radar-change::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2515px -284px}
.no-webp .role-page .role-detail .detail .role-info .role-radar .radar-change::before {background-size:2528px 2351px}
.webp .role-page .role-detail .detail .role-info .role-radar .radar-change::before {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail .role-info .role-radar .radar-change::before {background-position:-2515px -284px}
.webp .role-page .role-detail .detail .role-info .role-radar .radar-change::before {background-position:-2515px -284px}
.role-page .role-detail .detail .role-info .role-radar .radar-change::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
width:10px;
height:83px;
}
.role-page .role-detail .detail .role-info .role-radar .radar-change a {
display: block;
position: relative;
width: 209px;
height: 65px;
}
.no-webp .role-page .role-detail .detail .role-info .role-radar .radar-change a i {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2507px -508px}
.webp .role-page .role-detail .detail .role-info .role-radar .radar-change a i {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2507px -508px}
.no-webp .role-page .role-detail .detail .role-info .role-radar .radar-change a i {background-size:2528px 2351px}
.webp .role-page .role-detail .detail .role-info .role-radar .radar-change a i {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail .role-info .role-radar .radar-change a i {background-position:-2507px -508px}
.webp .role-page .role-detail .detail .role-info .role-radar .radar-change a i {background-position:-2507px -508px}
.role-page .role-detail .detail .role-info .role-radar .radar-change a i {
display: block;
width:20px;
height:36px;
position: absolute;
left: -10px;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
z-index: 1;
display: none;
}
.role-page .role-detail .detail .role-info .role-radar .radar-change a:hover::before,
.role-page .role-detail .detail .role-info .role-radar .radar-change a.active::before {
display: none;
}
.role-page .role-detail .detail .role-info .role-radar .radar-change a:hover::after,
.role-page .role-detail .detail .role-info .role-radar .radar-change a.active::after {
display: block;
}
.role-page .role-detail .detail .role-info .role-radar .radar-change a:hover i,
.role-page .role-detail .detail .role-info .role-radar .radar-change a.active i {
display: block;
}
.role-page .role-detail .detail .role-info .role-radar .radar-change a::before {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
}
.role-page .role-detail .detail .role-info .role-radar .radar-change a::after {
display: block;
content: '';
position: absolute;
top: -4px;
left: -3px;
display: none;
}
.role-page .role-detail .detail .role-info .role-radar .radar-list {
width: 265px;
height: 233px;
position: relative;
}
.role-page .role-detail .detail .role-info .role-radar .radar-list .radar {
position: absolute;
}
.role-page .role-detail .detail .role-info .role-skill {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 22px;
position: relative;
}
.role-page .role-detail .detail .role-info .role-skill .skill-item {
width: 70px;
cursor: pointer;
}
.role-page .role-detail .detail .role-info .role-skill .skill-item:hover,
.role-page .role-detail .detail .role-info .role-skill .skill-item.active {
-webkit-filter: brightness(1.2);
filter: brightness(1.2);
}
.role-page .role-detail .detail .role-info .role-skill .skill-item:hover img,
.role-page .role-detail .detail .role-info .role-skill .skill-item.active img {
border: 2px solid #999;
}
.role-page .role-detail .detail .role-info .role-skill .skill-item img {
display: block;
margin: 0 auto 10px;
border: 2px solid #000;
border-radius: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 50px;
height: 50px;
}
.role-page .role-detail .detail .role-info .role-skill .skill-item p {
text-align: center;
font-size: 12px;
color: #919191;
}
.no-webp .role-page .role-detail .detail .role-info .role-skill .video-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2284px -2169px}
.webp .role-page .role-detail .detail .role-info .role-skill .video-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2284px -2169px}
.no-webp .role-page .role-detail .detail .role-info .role-skill .video-btn {background-size:2528px 2351px}
.webp .role-page .role-detail .detail .role-info .role-skill .video-btn {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail .role-info .role-skill .video-btn {background-position:-2284px -2169px}
.webp .role-page .role-detail .detail .role-info .role-skill .video-btn {background-position:-2284px -2169px}
.role-page .role-detail .detail .role-info .role-skill .video-btn {
display: block;
position: absolute;
right: 0;
top: 14px;
width:187px;
height:49px;
}
.role-page .role-detail .detail .role-info .role-skill .video-btn:hover {
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
.no-webp .role-page .role-detail .detail .role-info .role-skill .video-btn::after {background:#000}
.webp .role-page .role-detail .detail .role-info .role-skill .video-btn::after {background:#000}
.role-page .role-detail .detail .role-info .role-skill .video-btn::after {
display: block;
content: '';
width: 195px;
height: 1px;
position: absolute;
bottom: 10px;
left: -190px;
}
.role-page .role-detail .detail .role-info .role-video {
padding: 2px;
border: 1px solid #000;
width: 227px;
cursor: pointer;
margin-top: 20px;
position: relative;
}
.no-webp .role-page .role-detail .detail .role-info .role-video::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2497px -462px}
.webp .role-page .role-detail .detail .role-info .role-video::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2497px -462px}
.no-webp .role-page .role-detail .detail .role-info .role-video::after {background-size:2528px 2351px}
.webp .role-page .role-detail .detail .role-info .role-video::after {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail .role-info .role-video::after {background-position:-2497px -462px}
.webp .role-page .role-detail .detail .role-info .role-video::after {background-position:-2497px -462px}
.role-page .role-detail .detail .role-info .role-video::after {
display: block;
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
width:29px;
height:33px;
}
.role-page .role-detail .detail .role-info .role-video img {
display: block;
width: 227px;
height: 141px;
}
.no-webp .role-page .role-detail .detail-tz {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_2dacc03b.jpg) no-repeat center top}
.webp .role-page .role-detail .detail-tz {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_2dacc03b.webp) no-repeat center top}
.role-page .role-detail .detail-tz {
}
.no-webp .role-page .role-detail .detail-tz .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1207px -1352px}
.webp .role-page .role-detail .detail-tz .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1207px -1352px}
.no-webp .role-page .role-detail .detail-tz .role-name {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-tz .role-name {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-tz .role-name {background-position:-1207px -1352px}
.webp .role-page .role-detail .detail-tz .role-name {background-position:-1207px -1352px}
.role-page .role-detail .detail-tz .role-name {
width:400px;
height:143px;
}
.role-page .role-detail .detail-tz .radar-list .radar {
display: none;
}
.role-page .role-detail .detail-tz .radar-list .radar.active {
display: block;
}
.no-webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1872px -0px}
.webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1872px -0px}
.no-webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(1) {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(1) {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(1) {background-position:-1872px -0px}
.webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(1) {background-position:-1872px -0px}
.role-page .role-detail .detail-tz .radar-list .radar:nth-child(1) {
width:265px;
height:233px;
}
.no-webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1872px -1410px}
.webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1872px -1410px}
.no-webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(2) {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(2) {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(2) {background-position:-1872px -1410px}
.webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(2) {background-position:-1872px -1410px}
.role-page .role-detail .detail-tz .radar-list .radar:nth-child(2) {
width:265px;
height:233px;
}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1974px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1974px}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-1::before {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-1::before {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-1::before {background-position:-2139px -1974px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-1::before {background-position:-2139px -1974px}
.role-page .role-detail .detail-tz .radar-change .btn-1::before {
width:214px;
height:69px;
}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1872px -1645px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1872px -1645px}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-1::after {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-1::after {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-1::after {background-position:-1872px -1645px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-1::after {background-position:-1872px -1645px}
.role-page .role-detail .detail-tz .radar-change .btn-1::after {
width:214px;
height:69px;
}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1609px -1352px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1609px -1352px}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-2::before {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-2::before {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-2::before {background-position:-1609px -1352px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-2::before {background-position:-1609px -1352px}
.role-page .role-detail .detail-tz .radar-change .btn-2::before {
width:214px;
height:69px;
}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1609px -1423px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1609px -1423px}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-2::after {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-2::after {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-2::after {background-position:-1609px -1423px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-2::after {background-position:-1609px -1423px}
.role-page .role-detail .detail-tz .radar-change .btn-2::after {
width:214px;
height:69px;
}
.no-webp .role-page .role-detail .detail-gr {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_20e16aa7.jpg) no-repeat center top}
.webp .role-page .role-detail .detail-gr {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_20e16aa7.webp) no-repeat center top}
.role-page .role-detail .detail-gr {
}
.no-webp .role-page .role-detail .detail-gr .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-786px -1956px}
.webp .role-page .role-detail .detail-gr .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-786px -1956px}
.no-webp .role-page .role-detail .detail-gr .role-name {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-gr .role-name {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-gr .role-name {background-position:-786px -1956px}
.webp .role-page .role-detail .detail-gr .role-name {background-position:-786px -1956px}
.role-page .role-detail .detail-gr .role-name {
width:392px;
height:139px;
}
.role-page .role-detail .detail-gr .radar-list .radar {
display: none;
}
.role-page .role-detail .detail-gr .radar-list .radar.active {
display: block;
}
.no-webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1872px -940px}
.webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1872px -940px}
.no-webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(1) {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(1) {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(1) {background-position:-1872px -940px}
.webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(1) {background-position:-1872px -940px}
.role-page .role-detail .detail-gr .radar-list .radar:nth-child(1) {
width:265px;
height:233px;
}
.no-webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1872px -705px}
.webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1872px -705px}
.no-webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(2) {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(2) {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(2) {background-position:-1872px -705px}
.webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(2) {background-position:-1872px -705px}
.role-page .role-detail .detail-gr .radar-list .radar:nth-child(2) {
width:265px;
height:233px;
}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1931px -2098px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1931px -2098px}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-1::before {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-1::before {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-1::before {background-position:-1931px -2098px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-1::before {background-position:-1931px -2098px}
.role-page .role-detail .detail-gr .radar-change .btn-1::before {
width:209px;
height:65px;
}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-645px -2098px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-645px -2098px}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-1::after {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-1::after {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-1::after {background-position:-645px -2098px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-1::after {background-position:-645px -2098px}
.role-page .role-detail .detail-gr .radar-change .btn-1::after {
width:213px;
height:69px;
}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-810px -2169px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-810px -2169px}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-2::before {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-2::before {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-2::before {background-position:-810px -2169px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-2::before {background-position:-810px -2169px}
.role-page .role-detail .detail-gr .radar-change .btn-2::before {
width:209px;
height:65px;
}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-860px -2098px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-860px -2098px}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-2::after {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-2::after {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-2::after {background-position:-860px -2098px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-2::after {background-position:-860px -2098px}
.role-page .role-detail .detail-gr .radar-change .btn-2::after {
width:213px;
height:69px;
}
.no-webp .role-page .role-detail .detail-st {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_14c6d470.jpg) no-repeat center top}
.webp .role-page .role-detail .detail-st {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_14c6d470.webp) no-repeat center top}
.role-page .role-detail .detail-st {
}
.no-webp .role-page .role-detail .detail-st .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-930px -1519px}
.webp .role-page .role-detail .detail-st .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-930px -1519px}
.no-webp .role-page .role-detail .detail-st .role-name {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-st .role-name {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-st .role-name {background-position:-930px -1519px}
.webp .role-page .role-detail .detail-st .role-name {background-position:-930px -1519px}
.role-page .role-detail .detail-st .role-name {
width:392px;
height:140px;
}
.role-page .role-detail .detail-st .radar-list .radar {
display: none;
}
.role-page .role-detail .detail-st .radar-list .radar.active {
display: block;
}
.no-webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-267px -1721px}
.webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-267px -1721px}
.no-webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(1) {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(1) {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(1) {background-position:-267px -1721px}
.webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(1) {background-position:-267px -1721px}
.role-page .role-detail .detail-st .radar-list .radar:nth-child(1) {
width:265px;
height:233px;
}
.no-webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1872px -235px}
.webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1872px -235px}
.no-webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(2) {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(2) {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(2) {background-position:-1872px -235px}
.webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(2) {background-position:-1872px -235px}
.role-page .role-detail .detail-st .radar-list .radar:nth-child(2) {
width:265px;
height:233px;
}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2142px -2098px}
.webp .role-page .role-detail .detail-st .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2142px -2098px}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-1::before {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-st .radar-change .btn-1::before {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-1::before {background-position:-2142px -2098px}
.webp .role-page .role-detail .detail-st .radar-change .btn-1::before {background-position:-2142px -2098px}
.role-page .role-detail .detail-st .radar-change .btn-1::before {
width:209px;
height:65px;
}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-430px -2098px}
.webp .role-page .role-detail .detail-st .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-430px -2098px}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-1::after {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-st .radar-change .btn-1::after {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-1::after {background-position:-430px -2098px}
.webp .role-page .role-detail .detail-st .radar-change .btn-1::after {background-position:-430px -2098px}
.role-page .role-detail .detail-st .radar-change .btn-1::after {
width:213px;
height:69px;
}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-388px -2169px}
.webp .role-page .role-detail .detail-st .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-388px -2169px}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-2::before {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-st .radar-change .btn-2::before {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-2::before {background-position:-388px -2169px}
.webp .role-page .role-detail .detail-st .radar-change .btn-2::before {background-position:-388px -2169px}
.role-page .role-detail .detail-st .radar-change .btn-2::before {
width:209px;
height:65px;
}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-215px -2098px}
.webp .role-page .role-detail .detail-st .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-215px -2098px}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-2::after {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-st .radar-change .btn-2::after {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-2::after {background-position:-215px -2098px}
.webp .role-page .role-detail .detail-st .radar-change .btn-2::after {background-position:-215px -2098px}
.role-page .role-detail .detail-st .radar-change .btn-2::after {
width:213px;
height:69px;
}
.no-webp .role-page .role-detail .detail-lg {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_a742d5c9.jpg) no-repeat center top}
.webp .role-page .role-detail .detail-lg {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_a742d5c9.webp) no-repeat center top}
.role-page .role-detail .detail-lg {
}
.no-webp .role-page .role-detail .detail-lg .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -142px}
.webp .role-page .role-detail .detail-lg .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -142px}
.no-webp .role-page .role-detail .detail-lg .role-name {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-lg .role-name {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-lg .role-name {background-position:-2139px -142px}
.webp .role-page .role-detail .detail-lg .role-name {background-position:-2139px -142px}
.role-page .role-detail .detail-lg .role-name {
width:389px;
height:140px;
}
.role-page .role-detail .detail-lg .radar-list .radar {
display: none;
}
.role-page .role-detail .detail-lg .radar-list .radar.active {
display: block;
}
.no-webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-0px -1721px}
.webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-0px -1721px}
.no-webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(1) {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(1) {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(1) {background-position:-0px -1721px}
.webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(1) {background-position:-0px -1721px}
.role-page .role-detail .detail-lg .radar-list .radar:nth-child(1) {
width:265px;
height:233px;
}
.no-webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-801px -1721px}
.webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-801px -1721px}
.no-webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(2) {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(2) {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(2) {background-position:-801px -1721px}
.webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(2) {background-position:-801px -1721px}
.role-page .role-detail .detail-lg .radar-list .radar:nth-child(2) {
width:265px;
height:233px;
}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1443px -2169px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1443px -2169px}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-1::before {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-1::before {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-1::before {background-position:-1443px -2169px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-1::before {background-position:-1443px -2169px}
.role-page .role-detail .detail-lg .radar-change .btn-1::before {
width:209px;
height:65px;
}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1812px -1956px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1812px -1956px}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-1::after {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-1::after {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-1::after {background-position:-1812px -1956px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-1::after {background-position:-1812px -1956px}
.role-page .role-detail .detail-lg .radar-change .btn-1::after {
width:213px;
height:69px;
}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-177px -2169px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-177px -2169px}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-2::before {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-2::before {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-2::before {background-position:-177px -2169px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-2::before {background-position:-177px -2169px}
.role-page .role-detail .detail-lg .radar-change .btn-2::before {
width:209px;
height:65px;
}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1752px -1863px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1752px -1863px}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-2::after {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-2::after {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-2::after {background-position:-1752px -1863px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-2::after {background-position:-1752px -1863px}
.role-page .role-detail .detail-lg .radar-change .btn-2::after {
width:213px;
height:69px;
}
.no-webp .role-page .role-detail .detail-yx {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_d2ef7c06.jpg) no-repeat center top}
.webp .role-page .role-detail .detail-yx {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_d2ef7c06.webp) no-repeat center top}
.role-page .role-detail .detail-yx {
}
.no-webp .role-page .role-detail .detail-yx .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-0px -1956px}
.webp .role-page .role-detail .detail-yx .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-0px -1956px}
.no-webp .role-page .role-detail .detail-yx .role-name {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-yx .role-name {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-yx .role-name {background-position:-0px -1956px}
.webp .role-page .role-detail .detail-yx .role-name {background-position:-0px -1956px}
.role-page .role-detail .detail-yx .role-name {
width:390px;
height:140px;
}
.role-page .role-detail .detail-yx .radar-list .radar {
display: none;
}
.role-page .role-detail .detail-yx .radar-list .radar.active {
display: block;
}
.no-webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-534px -1721px}
.webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-534px -1721px}
.no-webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(1) {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(1) {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(1) {background-position:-534px -1721px}
.webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(1) {background-position:-534px -1721px}
.role-page .role-detail .detail-yx .radar-list .radar:nth-child(1) {
width:265px;
height:233px;
}
.no-webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1872px -1175px}
.webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1872px -1175px}
.no-webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(2) {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(2) {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(2) {background-position:-1872px -1175px}
.webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(2) {background-position:-1872px -1175px}
.role-page .role-detail .detail-yx .radar-list .radar:nth-child(2) {
width:265px;
height:233px;
}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-599px -2169px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-599px -2169px}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-1::before {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-1::before {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-1::before {background-position:-599px -2169px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-1::before {background-position:-599px -2169px}
.role-page .role-detail .detail-yx .radar-change .btn-1::before {
width:209px;
height:65px;
}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1290px -2098px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1290px -2098px}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-1::after {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-1::after {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-1::after {background-position:-1290px -2098px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-1::after {background-position:-1290px -2098px}
.role-page .role-detail .detail-yx .radar-change .btn-1::after {
width:213px;
height:69px;
}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1720px -2098px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1720px -2098px}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-2::before {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-2::before {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-2::before {background-position:-1720px -2098px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-2::before {background-position:-1720px -2098px}
.role-page .role-detail .detail-yx .radar-change .btn-2::before {
width:209px;
height:65px;
}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-0px -2098px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-0px -2098px}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-2::after {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-2::after {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-2::after {background-position:-0px -2098px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-2::after {background-position:-0px -2098px}
.role-page .role-detail .detail-yx .radar-change .btn-2::after {
width:213px;
height:69px;
}
.no-webp .role-page .role-detail .detail-ll {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_371ad618.jpg) no-repeat center top}
.webp .role-page .role-detail .detail-ll {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_371ad618.webp) no-repeat center top}
.role-page .role-detail .detail-ll {
}
.no-webp .role-page .role-detail .detail-ll .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1335px -1721px}
.webp .role-page .role-detail .detail-ll .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1335px -1721px}
.no-webp .role-page .role-detail .detail-ll .role-name {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-ll .role-name {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-ll .role-name {background-position:-1335px -1721px}
.webp .role-page .role-detail .detail-ll .role-name {background-position:-1335px -1721px}
.role-page .role-detail .detail-ll .role-name {
width:391px;
height:140px;
}
.role-page .role-detail .detail-ll .radar-list .radar {
display: none;
}
.role-page .role-detail .detail-ll .radar-list .radar.active {
display: block;
}
.no-webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1872px -470px}
.webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1872px -470px}
.no-webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(1) {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(1) {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(1) {background-position:-1872px -470px}
.webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(1) {background-position:-1872px -470px}
.role-page .role-detail .detail-ll .radar-list .radar:nth-child(1) {
width:265px;
height:233px;
}
.no-webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1068px -1721px}
.webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1068px -1721px}
.no-webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(2) {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(2) {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(2) {background-position:-1068px -1721px}
.webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(2) {background-position:-1068px -1721px}
.role-page .role-detail .detail-ll .radar-list .radar:nth-child(2) {
width:265px;
height:233px;
}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1021px -2169px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1021px -2169px}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-1::before {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-1::before {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-1::before {background-position:-1021px -2169px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-1::before {background-position:-1021px -2169px}
.role-page .role-detail .detail-ll .radar-change .btn-1::before {
width:209px;
height:65px;
}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1075px -2098px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1075px -2098px}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-1::after {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-1::after {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-1::after {background-position:-1075px -2098px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-1::after {background-position:-1075px -2098px}
.role-page .role-detail .detail-ll .radar-change .btn-1::after {
width:213px;
height:69px;
}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1232px -2169px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1232px -2169px}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-2::before {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-2::before {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-2::before {background-position:-1232px -2169px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-2::before {background-position:-1232px -2169px}
.role-page .role-detail .detail-ll .radar-change .btn-2::before {
width:209px;
height:65px;
}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1597px -1956px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1597px -1956px}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-2::after {background-size:2528px 2351px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-2::after {background-size:2528px 2351px}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-2::after {background-position:-1597px -1956px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-2::after {background-position:-1597px -1956px}
.role-page .role-detail .detail-ll .radar-change .btn-2::after {
width:213px;
height:69px;
}
.mask-anim {
position: fixed;
width: 100%;
height: 100%;
pointer-events: none;
top: 0;
left: -100%;
z-index: 9;
}
.mask-anim .layer {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.no-webp .mask-anim .layer-1 {background:#000}
.webp .mask-anim .layer-1 {background:#000}
.mask-anim .layer-1 {
}
.no-webp .mask-anim .layer-2 {background:#fff}
.webp .mask-anim .layer-2 {background:#fff}
.mask-anim .layer-2 {
}
.no-webp .news-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_e6292c37.jpg) center top no-repeat}
.webp .news-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_e6292c37.webp) center top no-repeat}
.news-page {
height: 100%;
color: #000;
}
.news-page .news-wrap {
width: 1420px;
margin: 0 auto;
height: auto;
padding-top: 286px;
}
.no-webp .news-page .news-wrap .tit {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1248px -898px}
.webp .news-page .news-wrap .tit {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1248px -898px}
.no-webp .news-page .news-wrap .tit {background-size:2528px 2351px}
.webp .news-page .news-wrap .tit {background-size:2528px 2351px}
.no-webp .news-page .news-wrap .tit {background-position:-1248px -898px}
.webp .news-page .news-wrap .tit {background-position:-1248px -898px}
.news-page .news-wrap .tit {
width:574px;
height:44px;
margin: 24px auto 0;
}
.news-page .news-wrap .news-inner {
text-align: center;
font-size: 0;
margin-top: 26px;
}
.no-webp .news-page .news-wrap .news-inner .banner {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1248px -475px}
.webp .news-page .news-wrap .news-inner .banner {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1248px -475px}
.no-webp .news-page .news-wrap .news-inner .banner {background-size:2528px 2351px}
.webp .news-page .news-wrap .news-inner .banner {background-size:2528px 2351px}
.no-webp .news-page .news-wrap .news-inner .banner {background-position:-1248px -475px}
.webp .news-page .news-wrap .news-inner .banner {background-position:-1248px -475px}
.news-page .news-wrap .news-inner .banner {
display: inline-block;
vertical-align: top;
width:545px;
height:339px;
margin: 52px 18px;
padding: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.news-page .news-wrap .news-inner .banner .swiper-container {
width: 100%;
height: 100%;
}
.no-webp .news-page .news-wrap .news-inner .banner .swiper-container .swiper-pagination span {background:#fff}
.webp .news-page .news-wrap .news-inner .banner .swiper-container .swiper-pagination span {background:#fff}
.news-page .news-wrap .news-inner .banner .swiper-container .swiper-pagination span {
width: 12px;
height: 12px;
border-radius: 6px;
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
.news-page .news-wrap .news-inner .banner .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
width: 60px;
}
.news-page .news-wrap .news-inner .banner ul li {
padding: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.news-page .news-wrap .news-inner .banner ul li img {
width: 100%;
}
.news-page .news-wrap .news-inner .list {
display: inline-block;
vertical-align: top;
width: 774px;
height: auto;
}
.no-webp .news-page .news-wrap .news-inner .list .news-tab {background:url(https://www.armis.kr/pc/zt/20210713163229/img/line1_5dbb5057.png) center bottom no-repeat}
.webp .news-page .news-wrap .news-inner .list .news-tab {background:url(https://www.armis.kr/pc/zt/20210713163229/img/line1_5dbb5057.webp) center bottom no-repeat}
.news-page .news-wrap .news-inner .list .news-tab {
width: 100%;
height: 60px;
padding-bottom: 8px;
}
.news-page .news-wrap .news-inner .list .news-tab ul li {
display: inline-block;
vertical-align: top;
min-width: 98px;
line-height: 60px;
margin: 0 34px;
padding-bottom: 4px;
font-size: 24px;
color: #000000;
text-align: center;
cursor: pointer;
}
.no-webp .news-page .news-wrap .news-inner .list .news-tab ul li.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/icon-on_75dc1761.png) center bottom no-repeat}
.webp .news-page .news-wrap .news-inner .list .news-tab ul li.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/icon-on_75dc1761.webp) center bottom no-repeat}
.news-page .news-wrap .news-inner .list .news-tab ul li.active {
}
.news-page .news-wrap .news-inner .list .news-tab ul li:hover {
color: #898787;
}
.news-page .news-wrap .news-inner .list .news-con {
margin: 20px auto 0;
}
.news-page .news-wrap .news-inner .list .news-con ul {
height: 336px;
}
.news-page .news-wrap .news-inner .list .news-con ul li {
line-height: 46px;
height: 46px;
margin: 6px auto 0;
padding: 0 26px;
}
.news-page .news-wrap .news-inner .list .news-con ul li div,
.news-page .news-wrap .news-inner .list .news-con ul li span {
float: left;
display: inline-block;
vertical-align: middle;
font-size: 20px;
color: #010101;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-page .news-wrap .news-inner .list .news-con ul li div {
width: 550px;
text-align: left;
}
.news-page .news-wrap .news-inner .list .news-con ul li span {
float: right;
}
.news-page .news-wrap .news-inner .list .news-con .for-more {
display: block;
font-size: 18px;
color: #666666;
float: right;
}
.no-webp .wallpaper-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_84f14d15.jpg) no-repeat}
.webp .wallpaper-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_84f14d15.webp) no-repeat}
.wallpaper-page {
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 70px;
color: #fff;
}
.no-webp .wallpaper-page .title {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -508px}
.webp .wallpaper-page .title {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -508px}
.no-webp .wallpaper-page .title {background-size:2528px 2351px}
.webp .wallpaper-page .title {background-size:2528px 2351px}
.no-webp .wallpaper-page .title {background-position:-2139px -508px}
.webp .wallpaper-page .title {background-position:-2139px -508px}
.wallpaper-page .title {
width:366px;
height:74px;
position: absolute;
top: 0;
left: 0;
transform: translate(0%, -100%);
-webkit-transform: translate(0%, -100%);
-moz-transform: translate(0%, -100%);
-ms-transform: translate(0%, -100%);
-o-transform: translate(0%, -100%);
}
.no-webp .wallpaper-page .random-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2280px -1684px}
.webp .wallpaper-page .random-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2280px -1684px}
.no-webp .wallpaper-page .random-btn {background-size:2528px 2351px}
.webp .wallpaper-page .random-btn {background-size:2528px 2351px}
.no-webp .wallpaper-page .random-btn {background-position:-2280px -1684px}
.webp .wallpaper-page .random-btn {background-position:-2280px -1684px}
.wallpaper-page .random-btn {
width:191px;
height:34px;
position: absolute;
right: 0;
top: 0;
transform: translate(0%, -100%);
-webkit-transform: translate(0%, -100%);
-moz-transform: translate(0%, -100%);
-ms-transform: translate(0%, -100%);
-o-transform: translate(0%, -100%);
cursor: pointer;
}
.wallpaper-page .random-btn:hover {
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
}
.wallpaper-page .cnt {
position: absolute;
width: 1450px;
height: 733px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.wallpaper-page .cnt .list {
width: 1450px;
height: 733px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.wallpaper-page .cnt .list .item {
cursor: pointer;
overflow: hidden;
position: relative;
}
.wallpaper-page .cnt .list .item:hover img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.wallpaper-page .cnt .list .item img {
width: 100%;
height: 100%;
display: block;
position: absolute;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.wallpaper-page .cnt .list .item:nth-child(1) {
width: 720px;
height: 486px;
}
.wallpaper-page .cnt .list .item:nth-child(2) {
width: 720px;
height: 240px;
}
.wallpaper-page .cnt .list .item:nth-child(3) {
width: 720px;
height: 240px;
}
.wallpaper-page .cnt .list .item:nth-child(4) {
width: 720px;
height: 240px;
}
.wallpaper-page .cnt .list .item:nth-child(5) {
width: 720px;
height: 240px;
}
.lb-number {
display: none !important;
}
.nav {
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 9;
}
.no-webp .nav::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/nav-mask_42cf06ec.png) no-repeat;
background-size: 100% 100%}
.webp .nav::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/nav-mask_42cf06ec.webp) no-repeat;
background-size: 100% 100%}
.no-webp .nav::before {background-size:100% 100%}
.webp .nav::before {background-size:100% 100%}
.nav::before {
display: block;
content: '';
position: absolute;
width: 205px;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.nav .bg {
position: absolute;
width: 0;
height: 100%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.no-webp .nav .bg .left .armis {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2497px -284px}
.webp .nav .bg .left .armis {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2497px -284px}
.no-webp .nav .bg .left .armis {background-size:2528px 2351px}
.webp .nav .bg .left .armis {background-size:2528px 2351px}
.no-webp .nav .bg .left .armis {background-position:-2497px -284px}
.webp .nav .bg .left .armis {background-position:-2497px -284px}
.nav .bg .left .armis {
display: block;
position: absolute;
top: 136px;
left: 42px;
width:16px;
height:87px;
}
.no-webp .nav-switch {background:#000}
.webp .nav-switch {background:#000}
.nav-switch {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.no-webp .nav-switch:hover {background:#161616}
.webp .nav-switch:hover {background:#161616}
.nav-switch:hover {
}
.no-webp .nav-switch::before,
.no-webp .nav-switch::after {background:#fff}
.webp .nav-switch::before,
.webp .nav-switch::after {background:#fff}
.nav-switch::before,
.nav-switch::after {
display: block;
content: '';
width: 60px;
height: 2px;
margin: 5px 0;
}
.nav > ul {
height: 100%;
position: absolute;
top: 0;
left: 0;
border-left: 1px solid #fff;
padding-top: 250px;
}
.nav > ul > li {
white-space: nowrap;
line-height: 84px;
margin-left: -1px;
font-size: 20px;
cursor: pointer;
}
.nav > ul > li span {
width: 175px;
height: 84px;
padding-left: 50px;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.no-webp .nav > ul > li:hover span,
.no-webp .nav > ul > li.active span {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-0px -2169px}
.webp .nav > ul > li:hover span,
.webp .nav > ul > li.active span {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-0px -2169px}
.no-webp .nav > ul > li:hover span,
.no-webp .nav > ul > li.active span {background-size:2528px 2351px}
.webp .nav > ul > li:hover span,
.webp .nav > ul > li.active span {background-size:2528px 2351px}
.no-webp .nav > ul > li:hover span,
.no-webp .nav > ul > li.active span {background-position:-0px -2169px}
.webp .nav > ul > li:hover span,
.webp .nav > ul > li.active span {background-position:-0px -2169px}
.nav > ul > li:hover span,
.nav > ul > li.active span {
width:175px;
height:84px;
}
.nav > ul > li:hover > ul,
.nav > ul > li.active > ul {
display: block;
}
.nav > ul > li > ul {
display: none;
padding-left: 50px;
}
.nav > ul > li > ul li {
line-height: 42px;
font-size: 14px;
font-weight: bold;
}
.nav > ul > li > ul li:hover,
.nav > ul > li > ul li.active {
text-decoration: underline;
}
.no-webp .nav.open .nav-switch {background:none}
.webp .nav.open .nav-switch {background:none}
.nav.open .nav-switch {
}
.no-webp .nav.open .nav-switch::before,
.no-webp .nav.open .nav-switch::after {background:#000000}
.webp .nav.open .nav-switch::before,
.webp .nav.open .nav-switch::after {background:#000000}
.nav.open .nav-switch::before,
.nav.open .nav-switch::after {
}
.no-webp .nav.open .bg {background:#fff}
.webp .nav.open .bg {background:#fff}
.nav.open .bg {
height: 100%;
position: absolute;
width: 1370px;
-webkit-box-shadow: 10px 0px 20px #b9b6b6;
-moz-box-shadow: 10px 0px 20px #b9b6b6;
box-shadow: 10px 0px 20px #b9b6b6;
}
.no-webp .nav.open .bg .left {background:#f4f4f4}
.webp .nav.open .bg .left {background:#f4f4f4}
.nav.open .bg .left {
width: 221px;
height: 100%;
border-right: 1px solid #d3d3d3;
}
.no-webp .nav.open .bg .left .armis {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2497px -284px}
.webp .nav.open .bg .left .armis {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2497px -284px}
.no-webp .nav.open .bg .left .armis {background-size:2528px 2351px}
.webp .nav.open .bg .left .armis {background-size:2528px 2351px}
.no-webp .nav.open .bg .left .armis {background-position:-2497px -284px}
.webp .nav.open .bg .left .armis {background-position:-2497px -284px}
.nav.open .bg .left .armis {
display: block;
width:16px;
height:87px;
position: absolute;
top: 138px;
left: 40px;
}
.no-webp .nav.open .bg .left .logo {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2280px -1587px}
.webp .nav.open .bg .left .logo {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2280px -1587px}
.no-webp .nav.open .bg .left .logo {background-size:2528px 2351px}
.webp .nav.open .bg .left .logo {background-size:2528px 2351px}
.no-webp .nav.open .bg .left .logo {background-position:-2280px -1587px}
.webp .nav.open .bg .left .logo {background-position:-2280px -1587px}
.nav.open .bg .left .logo {
display: block;
width:180px;
height:95px;
position: absolute;
top: 740px;
left: 20px;
}
.nav.open .bg .right {
position: absolute;
top: 0;
left: 221px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
right: 0;
bottom: 0;
}
.no-webp .nav.open .bg .right .line {background:#d3d3d3}
.webp .nav.open .bg .right .line {background:#d3d3d3}
.nav.open .bg .right .line {
width: 1px;
height: 100%;
margin-left: 190px;
}
.no-webp .nav.open .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1717px -1519px}
.webp .nav.open .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1717px -1519px}
.no-webp .nav.open .close-btn {background-size:2528px 2351px}
.webp .nav.open .close-btn {background-size:2528px 2351px}
.no-webp .nav.open .close-btn {background-position:-1717px -1519px}
.webp .nav.open .close-btn {background-position:-1717px -1519px}
.nav.open .close-btn {
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 1;
-webkit-animation: fadeIn 2s 300ms 0 ease;
-moz-animation: fadeIn 2s 300ms 0 ease;
-ms-animation: fadeIn 2s 300ms 0 ease;
animation: fadeIn 2s 300ms 0 ease;
-o-animation: fadeIn 2s;
-webkit-animation: fadeIn 2s;
-moz-animation: fadeIn 2s;
-ms-animation: fadeIn 2s;
animation: fadeIn 2s;
width:100px;
height:100px;
}
.nav.open .close-btn:hover {
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
.nav.open > ul {
position: absolute;
top: 140px;
left: 410px;
width: 950px;
padding-top: 0;
-webkit-animation: fadeIn 2s 300ms 0 ease;
-moz-animation: fadeIn 2s 300ms 0 ease;
-ms-animation: fadeIn 2s 300ms 0 ease;
animation: fadeIn 2s 300ms 0 ease;
-o-animation: fadeIn 2s;
-webkit-animation: fadeIn 2s;
-moz-animation: fadeIn 2s;
-ms-animation: fadeIn 2s;
animation: fadeIn 2s;
}
.nav.open > ul > li {
white-space: nowrap;
line-height: 84px;
margin-left: -1px;
font-size: 20px;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 60px;
}
.nav.open > ul > li span {
width: 190px;
height: 84px;
padding-left: 5px;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 40px;
font-weight: bold;
}
.no-webp .nav.open > ul > li:hover span,
.no-webp .nav.open > ul > li.active span {background:none}
.webp .nav.open > ul > li:hover span,
.webp .nav.open > ul > li.active span {background:none}
.nav.open > ul > li:hover span,
.nav.open > ul > li.active span {
text-decoration: underline;
position: relative;
}
.no-webp .nav.open > ul > li:hover span::before,
.no-webp .nav.open > ul > li.active span::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2515px -373px}
.webp .nav.open > ul > li:hover span::before,
.webp .nav.open > ul > li.active span::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2515px -373px}
.no-webp .nav.open > ul > li:hover span::before,
.no-webp .nav.open > ul > li.active span::before {background-size:2528px 2351px}
.webp .nav.open > ul > li:hover span::before,
.webp .nav.open > ul > li.active span::before {background-size:2528px 2351px}
.no-webp .nav.open > ul > li:hover span::before,
.no-webp .nav.open > ul > li.active span::before {background-position:-2515px -373px}
.webp .nav.open > ul > li:hover span::before,
.webp .nav.open > ul > li.active span::before {background-position:-2515px -373px}
.nav.open > ul > li:hover span::before,
.nav.open > ul > li.active span::before {
display: block;
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translate(-100%, -50%);
-webkit-transform: translate(-100%, -50%);
-moz-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
-o-transform: translate(-100%, -50%);
width:10px;
height:20px;
}
.nav.open > ul > li:hover > ul,
.nav.open > ul > li.active > ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.nav.open > ul > li > ul {
display: none;
padding-left: 0px;
}
.nav.open > ul > li > ul li {
line-height: 42px;
width: 190px;
padding-left: 5px;
font-size: 24px;
font-weight: bold;
color: #b5b5b5;
}
.nav.open > ul > li > ul li:hover {
text-decoration: underline;
}
.no-webp .videoPop {background:rgba(0, 0, 0, 0.9)}
.webp .videoPop {background:rgba(0, 0, 0, 0.9)}
.videoPop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
display: none;
}
.videoPop .pop {
width: 800px;
height: 500px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.no-webp .videoPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2417px -1089px}
.webp .videoPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2417px -1089px}
.no-webp .videoPop .close-btn {background-size:2528px 2351px}
.webp .videoPop .close-btn {background-size:2528px 2351px}
.no-webp .videoPop .close-btn {background-position:-2417px -1089px}
.webp .videoPop .close-btn {background-position:-2417px -1089px}
.videoPop .close-btn {
width:69px;
height:69px;
display: block;
position: absolute;
right: 0px;
top: -70px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.videoPop .close-btn:hover {
cursor: pointer;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.no-webp .alertPop {background:rgba(0, 0, 0, 0.9)}
.webp .alertPop {background:rgba(0, 0, 0, 0.9)}
.alertPop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
display: none;
}
.no-webp .alertPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_206bb991.jpg) no-repeat}
.webp .alertPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_206bb991.webp) no-repeat}
.alertPop .pop {
width: 971px;
height: 500px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.alertPop .pop .cnt {
position: absolute;
width: 422px;
height: 100%;
left: 114px;
font-size: 12px;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 80px 50px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.alertPop .pop .cnt .msg {
font-size: 30px;
color: #6960b9;
font-weight: bold;
line-height: 58px;
font-family: 'Batang';
}
.no-webp .alertPop .pop .cnt .confirm-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -654px}
.webp .alertPop .pop .cnt .confirm-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -654px}
.no-webp .alertPop .pop .cnt .confirm-btn {background-size:2528px 2351px}
.webp .alertPop .pop .cnt .confirm-btn {background-size:2528px 2351px}
.no-webp .alertPop .pop .cnt .confirm-btn {background-position:-2139px -654px}
.webp .alertPop .pop .cnt .confirm-btn {background-position:-2139px -654px}
.alertPop .pop .cnt .confirm-btn {
display: block;
margin-top: 56px;
width:353px;
height:68px;
font-size: 34px;
font-weight: bold;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 5px;
}
.no-webp .alertPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2417px -1089px}
.webp .alertPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2417px -1089px}
.no-webp .alertPop .close-btn {background-size:2528px 2351px}
.webp .alertPop .close-btn {background-size:2528px 2351px}
.no-webp .alertPop .close-btn {background-position:-2417px -1089px}
.webp .alertPop .close-btn {background-position:-2417px -1089px}
.alertPop .close-btn {
width:69px;
height:69px;
display: block;
position: absolute;
right: 0px;
top: -70px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.alertPop .close-btn:hover {
cursor: pointer;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.no-webp .privacyPop {background:rgba(0, 0, 0, 0.9)}
.webp .privacyPop {background:rgba(0, 0, 0, 0.9)}
.privacyPop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
display: none;
}
.no-webp .privacyPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_e8492c82.jpg) no-repeat}
.webp .privacyPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_e8492c82.webp) no-repeat}
.privacyPop .pop {
width: 1123px;
height: 743px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.no-webp .privacyPop .pop .cnt {background:rgba(255, 255, 255, 0.75)}
.webp .privacyPop .pop .cnt {background:rgba(255, 255, 255, 0.75)}
.privacyPop .pop .cnt {
position: absolute;
width: 584px;
height: 100%;
left: 50%;
margin-left: -292px;
font-size: 12px;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 80px 50px 0;
}
.privacyPop .pop .cnt .p1 {
margin-top: 10px;
}
.privacyPop .pop .cnt .p1 b {
font-weight: bold;
}
.privacyPop .pop .cnt .p2 {
font-size: 10px;
}
.privacyPop .pop .cnt table {
width: 100%;
border: 1px solid #cbcbcb;
margin: 10px 0;
}
.no-webp .privacyPop .pop .cnt table th {background:#e9e9e9}
.webp .privacyPop .pop .cnt table th {background:#e9e9e9}
.privacyPop .pop .cnt table th {
}
.privacyPop .pop .cnt table td,
.privacyPop .pop .cnt table th {
border: 1px solid #cbcbcb;
padding: 12px;
}
.no-webp .privacyPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2417px -1089px}
.webp .privacyPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2417px -1089px}
.no-webp .privacyPop .close-btn {background-size:2528px 2351px}
.webp .privacyPop .close-btn {background-size:2528px 2351px}
.no-webp .privacyPop .close-btn {background-position:-2417px -1089px}
.webp .privacyPop .close-btn {background-position:-2417px -1089px}
.privacyPop .close-btn {
width:69px;
height:69px;
display: block;
position: absolute;
right: 0px;
top: -70px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.privacyPop .close-btn:hover {
cursor: pointer;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.no-webp .successPop {background:rgba(0, 0, 0, 0.9)}
.webp .successPop {background:rgba(0, 0, 0, 0.9)}
.successPop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
display: none;
}
.no-webp .successPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_022e281d.jpg) no-repeat}
.webp .successPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_022e281d.webp) no-repeat}
.successPop .pop {
width: 965px;
height: 651px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.successPop .pop .cnt {
position: absolute;
width: 422px;
height: 100%;
left: 114px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 488px;
}
.successPop .pop .cnt .link {
display: block;
margin: 0 auto;
}
.no-webp .successPop .pop .cnt .link-1 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -724px}
.webp .successPop .pop .cnt .link-1 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -724px}
.no-webp .successPop .pop .cnt .link-1 {background-size:2528px 2351px}
.webp .successPop .pop .cnt .link-1 {background-size:2528px 2351px}
.no-webp .successPop .pop .cnt .link-1 {background-position:-2139px -724px}
.webp .successPop .pop .cnt .link-1 {background-position:-2139px -724px}
.successPop .pop .cnt .link-1 {
width:353px;
height:68px;
}
.no-webp .successPop .pop .cnt .link-2 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -584px}
.webp .successPop .pop .cnt .link-2 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -584px}
.no-webp .successPop .pop .cnt .link-2 {background-size:2528px 2351px}
.webp .successPop .pop .cnt .link-2 {background-size:2528px 2351px}
.no-webp .successPop .pop .cnt .link-2 {background-position:-2139px -584px}
.webp .successPop .pop .cnt .link-2 {background-position:-2139px -584px}
.successPop .pop .cnt .link-2 {
width:353px;
height:68px;
}
.no-webp .successPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2417px -1089px}
.webp .successPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2417px -1089px}
.no-webp .successPop .close-btn {background-size:2528px 2351px}
.webp .successPop .close-btn {background-size:2528px 2351px}
.no-webp .successPop .close-btn {background-position:-2417px -1089px}
.webp .successPop .close-btn {background-position:-2417px -1089px}
.successPop .close-btn {
width:69px;
height:69px;
display: block;
position: absolute;
right: 0px;
top: -70px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.successPop .close-btn:hover {
cursor: pointer;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.top-bar {
position: absolute;
top: 20px;
right: 10px;
z-index: 9;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.top-bar a {
display: block;
margin: 0 10px;
}
.no-webp .top-bar a.home-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1756px -1257px}
.webp .top-bar a.home-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1756px -1257px}
.no-webp .top-bar a.home-link {background-size:2528px 2351px}
.webp .top-bar a.home-link {background-size:2528px 2351px}
.no-webp .top-bar a.home-link {background-position:-1756px -1257px}
.webp .top-bar a.home-link {background-position:-1756px -1257px}
.top-bar a.home-link {
width:77px;
height:77px;
margin: 0 5px;
}
.no-webp .top-bar a.home-link:hover {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-980px -2255px}
.webp .top-bar a.home-link:hover {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-980px -2255px}
.no-webp .top-bar a.home-link:hover {background-size:2528px 2351px}
.webp .top-bar a.home-link:hover {background-size:2528px 2351px}
.no-webp .top-bar a.home-link:hover {background-position:-980px -2255px}
.webp .top-bar a.home-link:hover {background-position:-980px -2255px}
.top-bar a.home-link:hover {
width:77px;
height:77px;
}
.no-webp .top-bar a.share-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/share-link_952b0669.png) no-repeat}
.webp .top-bar a.share-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/share-link_952b0669.webp) no-repeat}
.top-bar a.share-link {
width: 51px;
height: 51px;
}
.no-webp .top-bar a.share-link:hover {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2376px -1847px}
.webp .top-bar a.share-link:hover {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2376px -1847px}
.no-webp .top-bar a.share-link:hover {background-size:2528px 2351px}
.webp .top-bar a.share-link:hover {background-size:2528px 2351px}
.no-webp .top-bar a.share-link:hover {background-position:-2376px -1847px}
.webp .top-bar a.share-link:hover {background-position:-2376px -1847px}
.top-bar a.share-link:hover {
width:51px;
height:51px;
}
.no-webp .top-bar a.cafe-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/cafe-link_352e235d.png) no-repeat}
.webp .top-bar a.cafe-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/cafe-link_352e235d.webp) no-repeat}
.top-bar a.cafe-link {
width: 51px;
height: 51px;
}
.no-webp .top-bar a.cafe-link:hover {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2442px -1793px}
.webp .top-bar a.cafe-link:hover {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2442px -1793px}
.no-webp .top-bar a.cafe-link:hover {background-size:2528px 2351px}
.webp .top-bar a.cafe-link:hover {background-size:2528px 2351px}
.no-webp .top-bar a.cafe-link:hover {background-position:-2442px -1793px}
.webp .top-bar a.cafe-link:hover {background-position:-2442px -1793px}
.top-bar a.cafe-link:hover {
width:51px;
height:51px;
}
.no-webp .event-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/event_pop_618b3c7e.png) no-repeat}
.webp .event-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/event_pop_618b3c7e.webp) no-repeat}
.event-link {
display: block;
position: fixed;
z-index: 9;
right: 20px;
bottom: 40px;
width: 212px;
height: 236px;
cursor: pointer;
}
.event-link:hover {
-webkit-filter: brightness(1.05);
filter: brightness(1.05);
}
.no-webp .banner-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1728px}
.webp .banner-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1728px}
.no-webp .banner-btn {background-size:2528px 2351px}
.webp .banner-btn {background-size:2528px 2351px}
.no-webp .banner-btn {background-position:-2139px -1728px}
.webp .banner-btn {background-position:-2139px -1728px}
.banner-btn {
display: block;
position: fixed;
z-index: 9;
right: 0px;
bottom: 300px;
width:277px;
height:63px;
cursor: pointer;
}
.banner-btn:hover {
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
}
span,
input,
p {
font-family: �섎닎諛붾Ⅸ怨좊뵓OTF;
}
input:focus {
border: 1px solid #3399ff !important;
}
.hint-phone,
.hint-phone-two {
height: 24px;
}
.no-webp .activation-code {background:rgba(0, 0, 0, 0.4)}
.webp .activation-code {background:rgba(0, 0, 0, 0.4)}
.activation-code {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
display: none;
}
.activation-code .bg {
width: 622px;
height: 473px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0 auto;
}
.no-webp .activation-code .bg .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2418px -1728px}
.webp .activation-code .bg .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2418px -1728px}
.no-webp .activation-code .bg .close-btn {background-size:2528px 2351px}
.webp .activation-code .bg .close-btn {background-size:2528px 2351px}
.no-webp .activation-code .bg .close-btn {background-position:-2418px -1728px}
.webp .activation-code .bg .close-btn {background-position:-2418px -1728px}
.activation-code .bg .close-btn {
position: absolute;
right: -43px;
top: -51px;
width:59px;
height:59px;
display: block;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.activation-code .bg .close-btn:hover {
cursor: pointer;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.no-webp .activation-code .bg .content .input-bg {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-0px -0px}
.webp .activation-code .bg .content .input-bg {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-0px -0px}
.no-webp .activation-code .bg .content .input-bg {background-size:2528px 2351px}
.webp .activation-code .bg .content .input-bg {background-size:2528px 2351px}
.no-webp .activation-code .bg .content .input-bg {background-position:-0px -0px}
.webp .activation-code .bg .content .input-bg {background-position:-0px -0px}
.activation-code .bg .content .input-bg {
width:622px;
height:473px;
display: block;
}
.activation-code .bg .content .input-bg .phone {
width: 420px;
height: 45px;
position: absolute;
top: 90px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.activation-code .bg .content .input-bg .phone p {
margin: 10px 0 10px 20px;
color: #ffbe22;
font-size: 16px;
}
.activation-code .bg .content .input-bg .phone .ipt {
width: 65px;
height: 45px;
border: 1px solid #d7dde4;
border-right: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
font-size: 16px;
}
.activation-code .bg .content .input-bg .phone .ipt:hover {
border: 1px solid #3399ff !important;
}
.activation-code .bg .content .input-bg .phone .ipt:hover .sanjiao {
top: 40%;
cursor: pointer;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.no-webp .activation-code .bg .content .input-bg .phone .ipt .sanjiao {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2497px -497px}
.webp .activation-code .bg .content .input-bg .phone .ipt .sanjiao {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2497px -497px}
.no-webp .activation-code .bg .content .input-bg .phone .ipt .sanjiao {background-size:2528px 2351px}
.webp .activation-code .bg .content .input-bg .phone .ipt .sanjiao {background-size:2528px 2351px}
.no-webp .activation-code .bg .content .input-bg .phone .ipt .sanjiao {background-position:-2497px -497px}
.webp .activation-code .bg .content .input-bg .phone .ipt .sanjiao {background-position:-2497px -497px}
.activation-code .bg .content .input-bg .phone .ipt .sanjiao {
z-index: -1;
position: absolute;
cursor: pointer;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 45px;
width:15px;
height:9px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.activation-code .bg .content .input-bg .phone .ipt .country-code {
cursor: pointer;
color: #3399ff;
width: 100%;
padding-right: 22px;
height: 100%;
padding-left: 4px;
text-align: center;
z-index: 20;
opacity: 0.7;
}
.activation-code .bg .content .input-bg .phone .ipt .country-code::-webkit-scrollbar {
width: 3px;
height: 10px !important;
}
.no-webp .activation-code .bg .content .input-bg .phone .ipt .country-code::-webkit-scrollbar-thumb {background:#9ea7b4}
.webp .activation-code .bg .content .input-bg .phone .ipt .country-code::-webkit-scrollbar-thumb {background:#9ea7b4}
.activation-code .bg .content .input-bg .phone .ipt .country-code::-webkit-scrollbar-thumb {
}
.no-webp .activation-code .bg .content .input-bg .phone .ipt-phone::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2494px -794px}
.webp .activation-code .bg .content .input-bg .phone .ipt-phone::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2494px -794px}
.no-webp .activation-code .bg .content .input-bg .phone .ipt-phone::after {background-size:2528px 2351px}
.webp .activation-code .bg .content .input-bg .phone .ipt-phone::after {background-size:2528px 2351px}
.no-webp .activation-code .bg .content .input-bg .phone .ipt-phone::after {background-position:-2494px -794px}
.webp .activation-code .bg .content .input-bg .phone .ipt-phone::after {background-position:-2494px -794px}
.activation-code .bg .content .input-bg .phone .ipt-phone::after {
content: "";
display: block;
position: absolute;
top: 8px;
left: 75px;
width:20px;
height:23px;
}
.no-webp .activation-code .bg .content .input-bg .phone .ipt-phone .clearbtn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2494px -819px}
.webp .activation-code .bg .content .input-bg .phone .ipt-phone .clearbtn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2494px -819px}
.no-webp .activation-code .bg .content .input-bg .phone .ipt-phone .clearbtn {background-size:2528px 2351px}
.webp .activation-code .bg .content .input-bg .phone .ipt-phone .clearbtn {background-size:2528px 2351px}
.no-webp .activation-code .bg .content .input-bg .phone .ipt-phone .clearbtn {background-position:-2494px -819px}
.webp .activation-code .bg .content .input-bg .phone .ipt-phone .clearbtn {background-position:-2494px -819px}
.activation-code .bg .content .input-bg .phone .ipt-phone .clearbtn {
display: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
width:18px;
height:18px;
cursor: pointer;
}
.no-webp .activation-code .bg .content .input-bg .phone .ipt-phone .clearbtn:hover {background-color:#9ea7b4}
.webp .activation-code .bg .content .input-bg .phone .ipt-phone .clearbtn:hover {background-color:#9ea7b4}
.activation-code .bg .content .input-bg .phone .ipt-phone .clearbtn:hover {
border-radius: 50%;
}
.no-webp .activation-code .bg .content .input-bg .phone .ipt-phone input {background-color:#ffffff}
.webp .activation-code .bg .content .input-bg .phone .ipt-phone input {background-color:#ffffff}
.activation-code .bg .content .input-bg .phone .ipt-phone input {
width: 355px;
height: 45px;
font-size: 16px;
padding-left: 40px;
padding-right: 45px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #333;
border: 1px solid #d7dde4;
}
.activation-code .bg .content .input-bg .phone .note {
width: 420px;
height: 45px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.activation-code .bg .content .input-bg .phone .note .note-phone {
height: 100%;
width: 278px;
}
.no-webp .activation-code .bg .content .input-bg .phone .note .note-phone input {background-color:#ffffff}
.webp .activation-code .bg .content .input-bg .phone .note .note-phone input {background-color:#ffffff}
.activation-code .bg .content .input-bg .phone .note .note-phone input {
width: 278px;
height: 45px;
font-size: 16px;
padding-left: 20px;
padding-right: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #333;
border: 1px solid #d7dde4;
}
.no-webp .activation-code .bg .content .input-bg .phone .note .input-set {background-color:#9ea7b4}
.webp .activation-code .bg .content .input-bg .phone .note .input-set {background-color:#9ea7b4}
.activation-code .bg .content .input-bg .phone .note .input-set {
width: 143px;
height: 100%;
position: absolute;
right: 0;
top: 0;
line-height: 40px;
text-align: center;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #ffffff;
border: 1px solid #9ea7b4;
}
.activation-code .bg .content .input-bg .phone .note .input-set:hover {
color: #ffbe22;
-webkit-filter: brightness(1.05);
filter: brightness(1.05);
}
.no-webp .activation-code .bg .content .input-bg .input-btn {background-color:#3399ff}
.webp .activation-code .bg .content .input-bg .input-btn {background-color:#3399ff}
.activation-code .bg .content .input-bg .input-btn {
width: 420px;
height: 45px;
position: absolute;
top: 270px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
line-height: 45px;
text-align: center;
cursor: pointer;
color: #ffffff;
}
.activation-code .bg .content .input-bg .input-btn:hover {
color: #ffbe22;
-webkit-filter: brightness(1.05);
filter: brightness(1.05);
}
.activation-code .bg .content .input-bg .details {
position: relative;
top: 342px;
text-align: center;
color: #ffbe22;
font-size: 16px;
font-weight: bold;
}
.no-webp .activation-code .bg .content .input-bg .details .details-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2494px -654px}
.webp .activation-code .bg .content .input-bg .details .details-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2494px -654px}
.no-webp .activation-code .bg .content .input-bg .details .details-btn {background-size:2528px 2351px}
.webp .activation-code .bg .content .input-bg .details .details-btn {background-size:2528px 2351px}
.no-webp .activation-code .bg .content .input-bg .details .details-btn {background-position:-2494px -654px}
.webp .activation-code .bg .content .input-bg .details .details-btn {background-position:-2494px -654px}
.activation-code .bg .content .input-bg .details .details-btn {
position: relative;
top: 8px;
margin-left: 10px;
cursor: pointer;
display: inline-block;
width:25px;
height:25px;
}
.activation-code .bg .content .input-bg .details .details-btn:hover {
-webkit-filter: brightness(1.5);
filter: brightness(1.5);
}
.no-webp .activation-code .bg .content .succeed {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-624px -475px}
.webp .activation-code .bg .content .succeed {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-624px -475px}
.no-webp .activation-code .bg .content .succeed {background-size:2528px 2351px}
.webp .activation-code .bg .content .succeed {background-size:2528px 2351px}
.no-webp .activation-code .bg .content .succeed {background-position:-624px -475px}
.webp .activation-code .bg .content .succeed {background-position:-624px -475px}
.activation-code .bg .content .succeed {
width:622px;
height:473px;
display: none;
}
.no-webp .activation-code .bg .content .succeed .btn {background-color:#9ea7b4}
.webp .activation-code .bg .content .succeed .btn {background-color:#9ea7b4}
.activation-code .bg .content .succeed .btn {
width: 286px;
height: 45px;
position: absolute;
top: 253px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
line-height: 45px;
cursor: pointer;
}
.activation-code .bg .content .succeed .btn span {
color: #ffffff;
}
.activation-code .bg .content .succeed .btn:hover {
-webkit-filter: brightness(1.05);
filter: brightness(1.05);
}
.activation-code .bg .content .succeed .btn:hover span {
color: #ffbe22;
}
.no-webp .activation-code .bg .content .restrict {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-0px -475px}
.webp .activation-code .bg .content .restrict {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-0px -475px}
.no-webp .activation-code .bg .content .restrict {background-size:2528px 2351px}
.webp .activation-code .bg .content .restrict {background-size:2528px 2351px}
.no-webp .activation-code .bg .content .restrict {background-position:-0px -475px}
.webp .activation-code .bg .content .restrict {background-position:-0px -475px}
.activation-code .bg .content .restrict {
width:622px;
height:473px;
display: none;
}
.no-webp .activation-code .bg .content .restrict .btn {background-color:#9ea7b4}
.webp .activation-code .bg .content .restrict .btn {background-color:#9ea7b4}
.activation-code .bg .content .restrict .btn {
width: 286px;
height: 45px;
position: absolute;
top: 267px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
line-height: 45px;
cursor: pointer;
}
.activation-code .bg .content .restrict .btn span {
color: #ffffff;
}
.activation-code .bg .content .restrict .btn:hover {
-webkit-filter: brightness(1.05);
filter: brightness(1.05);
}
.activation-code .bg .content .restrict .btn:hover span {
color: #ffbe22;
}
.no-webp .activation-code .bg .content .explain {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-624px -0px}
.webp .activation-code .bg .content .explain {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-624px -0px}
.no-webp .activation-code .bg .content .explain {background-size:2528px 2351px}
.webp .activation-code .bg .content .explain {background-size:2528px 2351px}
.no-webp .activation-code .bg .content .explain {background-position:-624px -0px}
.webp .activation-code .bg .content .explain {background-position:-624px -0px}
.activation-code .bg .content .explain {
width:622px;
height:473px;
display: none;
}
.no-webp .activation-code .bg .content .explain .explain-btn {background-color:#9ea7b4}
.webp .activation-code .bg .content .explain .explain-btn {background-color:#9ea7b4}
.activation-code .bg .content .explain .explain-btn {
width: 286px;
height: 45px;
position: absolute;
top: 345px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
line-height: 45px;
cursor: pointer;
}
.activation-code .bg .content .explain .explain-btn span {
color: #ffffff;
}
.activation-code .bg .content .explain .explain-btn:hover {
-webkit-filter: brightness(1.05);
filter: brightness(1.05);
}
.activation-code .bg .content .explain .explain-btn:hover span {
color: #ffbe22;
}
.no-webp .activation-code .bg .content .hint {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-0px -0px}
.webp .activation-code .bg .content .hint {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-0px -0px}
.no-webp .activation-code .bg .content .hint {background-size:2528px 2351px}
.webp .activation-code .bg .content .hint {background-size:2528px 2351px}
.no-webp .activation-code .bg .content .hint {background-position:-0px -0px}
.webp .activation-code .bg .content .hint {background-position:-0px -0px}
.activation-code .bg .content .hint {
width:622px;
height:473px;
display: none;
}
.activation-code .bg .content .hint .hint-text {
margin: 0 auto;
position: absolute;
top: 160px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 22px;
white-space: nowrap;
}
.no-webp .activation-code .bg .content .hint .hint-text::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2494px -751px}
.webp .activation-code .bg .content .hint .hint-text::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2494px -751px}
.no-webp .activation-code .bg .content .hint .hint-text::after {background-size:2528px 2351px}
.webp .activation-code .bg .content .hint .hint-text::after {background-size:2528px 2351px}
.no-webp .activation-code .bg .content .hint .hint-text::after {background-position:-2494px -751px}
.webp .activation-code .bg .content .hint .hint-text::after {background-position:-2494px -751px}
.activation-code .bg .content .hint .hint-text::after {
content: "";
display: block;
position: absolute;
top: 0;
left: -40px;
width:17px;
height:31px;
}
.no-webp .activation-code .bg .content .hint .hint-text::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2507px -546px}
.webp .activation-code .bg .content .hint .hint-text::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2507px -546px}
.no-webp .activation-code .bg .content .hint .hint-text::before {background-size:2528px 2351px}
.webp .activation-code .bg .content .hint .hint-text::before {background-size:2528px 2351px}
.no-webp .activation-code .bg .content .hint .hint-text::before {background-position:-2507px -546px}
.webp .activation-code .bg .content .hint .hint-text::before {background-position:-2507px -546px}
.activation-code .bg .content .hint .hint-text::before {
content: "";
display: block;
position: absolute;
top: 0;
right: -40px;
width:17px;
height:31px;
}
.no-webp .activation-code .bg .content .hint .hint-btn {background-color:#9ea7b4}
.webp .activation-code .bg .content .hint .hint-btn {background-color:#9ea7b4}
.activation-code .bg .content .hint .hint-btn {
width: 286px;
height: 45px;
position: absolute;
top: 253px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
line-height: 45px;
cursor: pointer;
}
.activation-code .bg .content .hint .hint-btn span {
color: #ffffff;
}
.activation-code .bg .content .hint .hint-btn:hover {
-webkit-filter: brightness(1.05);
filter: brightness(1.05);
}
.activation-code .bg .content .hint .hint-btn:hover span {
color: #ffbe22;
}
.activation-code .bg .content .activation-copyright {
position: absolute;
width: 100%;
bottom: 50px;
text-align: center;
}
.activation-code .bg .content .activation-copyright a {
font-size: 18px;
text-decoration: underline;
color: #555555;
}
.activation-code .bg .content .activation-copyright a:hover {
color: #ffbe22;
}
.no-webp .entrance {background:url(https://www.armis.kr/pc/zt/20210713163229/img/entrance_81f162d2.png) no-repeat}
.webp .entrance {background:url(https://www.armis.kr/pc/zt/20210713163229/img/entrance_81f162d2.webp) no-repeat}
.entrance {
display: block;
position: fixed;
z-index: 9;
right: 40px;
bottom: 315px;
width: 188px;
height: 218px;
cursor: pointer;
}
.entrance:hover {
-webkit-filter: brightness(1.05);
filter: brightness(1.05);
}
.no-webp .sharePop {background:rgba(0, 0, 0, 0.9)}
.webp .sharePop {background:rgba(0, 0, 0, 0.9)}
.sharePop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
display: none;
}
.no-webp .sharePop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_206bb991.jpg) no-repeat}
.webp .sharePop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_206bb991.webp) no-repeat}
.sharePop .pop {
width: 971px;
height: 500px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.sharePop .pop .cnt {
position: absolute;
width: 422px;
height: 100%;
left: 114px;
font-size: 16px;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 200px 50px 0;
}
.sharePop .pop .cnt .icon-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sharePop .pop .cnt .icon-wrap a {
display: block;
color: #7e76cf;
}
.sharePop .pop .cnt .icon-wrap a:hover {
color: #86bbf5;
}
.sharePop .pop .cnt .icon-wrap a i {
display: block;
font-size: 50px;
}
.no-webp .sharePop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2417px -1089px}
.webp .sharePop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2417px -1089px}
.no-webp .sharePop .close-btn {background-size:2528px 2351px}
.webp .sharePop .close-btn {background-size:2528px 2351px}
.no-webp .sharePop .close-btn {background-position:-2417px -1089px}
.webp .sharePop .close-btn {background-position:-2417px -1089px}
.sharePop .close-btn {
width:69px;
height:69px;
display: block;
position: absolute;
right: 0px;
top: -70px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.sharePop .close-btn:hover {
cursor: pointer;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.no-webp .bannerPop {background:rgba(0, 0, 0, 0.9)}
.webp .bannerPop {background:rgba(0, 0, 0, 0.9)}
.bannerPop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
display: none;
}
.no-webp .bannerPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_4f76c556.png) no-repeat}
.webp .bannerPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_4f76c556.webp) no-repeat}
.bannerPop .pop {
width: 799px;
height: 459px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.bannerPop .pop .cnt {
width: 758px;
height: 425px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.no-webp .bannerPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2462px -1587px}
.webp .bannerPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2462px -1587px}
.no-webp .bannerPop .close-btn {background-size:2528px 2351px}
.webp .bannerPop .close-btn {background-size:2528px 2351px}
.no-webp .bannerPop .close-btn {background-position:-2462px -1587px}
.webp .bannerPop .close-btn {background-position:-2462px -1587px}
.bannerPop .close-btn {
width:66px;
height:66px;
display: block;
position: absolute;
left: 50%;
bottom: -80px;
margin-left: -33px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.bannerPop .close-btn:hover {
cursor: pointer;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.no-webp .reCaptchaPop {background:rgba(0, 0, 0, 0.9)}
.webp .reCaptchaPop {background:rgba(0, 0, 0, 0.9)}
.reCaptchaPop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
display: none;
}
.no-webp .reCaptchaPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/reCaptchBg_7114293a.jpg) no-repeat}
.webp .reCaptchaPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/reCaptchBg_7114293a.webp) no-repeat}
.reCaptchaPop .pop {
width: 650px;
height: 400px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.reCaptchaPop .pop .cnt {
position: absolute;
font-size: 12px;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
}
.reCaptchaPop .pop .cnt .msg {
font-size: 50px;
color: #6960b9;
font-weight: bold;
line-height: 58px;
}
.no-webp .reCaptchaPop .pop .cnt .confirm-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -654px}
.webp .reCaptchaPop .pop .cnt .confirm-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -654px}
.no-webp .reCaptchaPop .pop .cnt .confirm-btn {background-size:2528px 2351px}
.webp .reCaptchaPop .pop .cnt .confirm-btn {background-size:2528px 2351px}
.no-webp .reCaptchaPop .pop .cnt .confirm-btn {background-position:-2139px -654px}
.webp .reCaptchaPop .pop .cnt .confirm-btn {background-position:-2139px -654px}
.reCaptchaPop .pop .cnt .confirm-btn {
display: block;
margin-top: 56px;
width:353px;
height:68px;
font-size: 34px;
font-weight: bold;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 5px;
}
.no-webp .reCaptchaPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2417px -1089px}
.webp .reCaptchaPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2417px -1089px}
.no-webp .reCaptchaPop .close-btn {background-size:2528px 2351px}
.webp .reCaptchaPop .close-btn {background-size:2528px 2351px}
.no-webp .reCaptchaPop .close-btn {background-position:-2417px -1089px}
.webp .reCaptchaPop .close-btn {background-position:-2417px -1089px}
.reCaptchaPop .close-btn {
width:69px;
height:69px;
display: block;
position: absolute;
right: 0px;
top: -70px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.reCaptchaPop .close-btn:hover {
cursor: pointer;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.no-webp .editionPop {background:rgba(0, 0, 0, 0.9)}
.webp .editionPop {background:rgba(0, 0, 0, 0.9)}
.editionPop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
display: none;
}
.no-webp .editionPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/giftCon-pop2_efdfa7a0.png) no-repeat}
.webp .editionPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/giftCon-pop2_efdfa7a0.webp) no-repeat}
.editionPop .pop {
width: 520px;
height: 303px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.no-webp .editionPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2494px -681px}
.webp .editionPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2494px -681px}
.no-webp .editionPop .close-btn {background-size:2528px 2351px}
.webp .editionPop .close-btn {background-size:2528px 2351px}
.no-webp .editionPop .close-btn {background-position:-2494px -681px}
.webp .editionPop .close-btn {background-position:-2494px -681px}
.editionPop .close-btn {
width:25px;
height:25px;
display: block;
position: absolute;
right: 0px;
top: -40px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.editionPop .close-btn:hover {
cursor: pointer;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.no-webp .giftCodePop {background:rgba(0, 0, 0, 0.9)}
.webp .giftCodePop {background:rgba(0, 0, 0, 0.9)}
.giftCodePop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
display: none;
}
.no-webp .giftCodePop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-0px -950px}
.webp .giftCodePop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-0px -950px}
.no-webp .giftCodePop .pop {background-size:2528px 2351px}
.webp .giftCodePop .pop {background-size:2528px 2351px}
.no-webp .giftCodePop .pop {background-position:-0px -950px}
.webp .giftCodePop .pop {background-position:-0px -950px}
.giftCodePop .pop {
width:648px;
height:400px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.giftCodePop .pop .cnt {
padding-top: 130px;
}
.giftCodePop .pop .cnt .type {
font-size: 24px;
color: #000000;
text-align: center;
}
.no-webp .giftCodePop .pop .cnt .code {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1793px}
.webp .giftCodePop .pop .cnt .code {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -1793px}
.no-webp .giftCodePop .pop .cnt .code {background-size:2528px 2351px}
.webp .giftCodePop .pop .cnt .code {background-size:2528px 2351px}
.no-webp .giftCodePop .pop .cnt .code {background-position:-2139px -1793px}
.webp .giftCodePop .pop .cnt .code {background-position:-2139px -1793px}
.giftCodePop .pop .cnt .code {
width:301px;
margin: 8px auto;
text-align: center;
font-size: 24px;
color: rgba(0, 0, 0, 0.7);
line-height: 52px;
}
.giftCodePop .pop .cnt .copy-btn {
display: block;
width: 114px;
margin: 0 auto;
font-size: 20px;
color: rgba(0, 0, 0, 0.7);
text-align: center;
}
.giftCodePop .text-msg {
position: absolute;
right: 10px;
bottom: 20px;
}
.no-webp .giftCodePop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2494px -681px}
.webp .giftCodePop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2494px -681px}
.no-webp .giftCodePop .close-btn {background-size:2528px 2351px}
.webp .giftCodePop .close-btn {background-size:2528px 2351px}
.no-webp .giftCodePop .close-btn {background-position:-2494px -681px}
.webp .giftCodePop .close-btn {background-position:-2494px -681px}
.giftCodePop .close-btn {
width:25px;
height:25px;
display: block;
position: absolute;
right: 0px;
top: -40px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.giftCodePop .close-btn:hover {
cursor: pointer;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.no-webp .bindConfirmPop {background:rgba(0, 0, 0, 0.9)}
.webp .bindConfirmPop {background:rgba(0, 0, 0, 0.9)}
.bindConfirmPop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
display: none;
}
.no-webp .bindConfirmPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-0px -950px}
.webp .bindConfirmPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-0px -950px}
.no-webp .bindConfirmPop .pop {background-size:2528px 2351px}
.webp .bindConfirmPop .pop {background-size:2528px 2351px}
.no-webp .bindConfirmPop .pop {background-position:-0px -950px}
.webp .bindConfirmPop .pop {background-position:-0px -950px}
.bindConfirmPop .pop {
width:648px;
height:400px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.bindConfirmPop .pop .cnt {
padding-top: 120px;
}
.bindConfirmPop .pop .cnt .p1 {
font-size: 24px;
color: #5a5e5e;
text-align: center;
}
.bindConfirmPop .pop .cnt .p1 span {
color: #4d94ff;
text-decoration: underline;
}
.bindConfirmPop .pop .cnt .tips {
font-size: 20px;
color: rgba(0, 0, 0, 0.7);
text-align: center;
margin: 20px auto;
}
.bindConfirmPop .pop .cnt .btn-box {
margin: 40px auto 0;
text-align: center;
font-size: 0;
}
.bindConfirmPop .pop .cnt .btn-box a {
display: inline-block;
vertical-align: top;
margin: 0 24px;
}
.no-webp .bindConfirmPop .pop .cnt .btn-box a.yes-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2139px -2045px}
.webp .bindConfirmPop .pop .cnt .btn-box a.yes-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2139px -2045px}
.no-webp .bindConfirmPop .pop .cnt .btn-box a.yes-btn {background-size:2528px 2351px}
.webp .bindConfirmPop .pop .cnt .btn-box a.yes-btn {background-size:2528px 2351px}
.no-webp .bindConfirmPop .pop .cnt .btn-box a.yes-btn {background-position:-2139px -2045px}
.webp .bindConfirmPop .pop .cnt .btn-box a.yes-btn {background-position:-2139px -2045px}
.bindConfirmPop .pop .cnt .btn-box a.yes-btn {
width:194px;
height:48px;
}
.no-webp .bindConfirmPop .pop .cnt .btn-box a.no-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-1180px -2031px}
.webp .bindConfirmPop .pop .cnt .btn-box a.no-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-1180px -2031px}
.no-webp .bindConfirmPop .pop .cnt .btn-box a.no-btn {background-size:2528px 2351px}
.webp .bindConfirmPop .pop .cnt .btn-box a.no-btn {background-size:2528px 2351px}
.no-webp .bindConfirmPop .pop .cnt .btn-box a.no-btn {background-position:-1180px -2031px}
.webp .bindConfirmPop .pop .cnt .btn-box a.no-btn {background-position:-1180px -2031px}
.bindConfirmPop .pop .cnt .btn-box a.no-btn {
width:194px;
height:48px;
}
.no-webp .bindConfirmPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.png) no-repeat;background-size:2528px 2351px;
background-position:-2494px -681px}
.webp .bindConfirmPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-578c3a_578c3aaa.webp) no-repeat;background-size:2528px 2351px;
background-position:-2494px -681px}
.no-webp .bindConfirmPop .close-btn {background-size:2528px 2351px}
.webp .bindConfirmPop .close-btn {background-size:2528px 2351px}
.no-webp .bindConfirmPop .close-btn {background-position:-2494px -681px}
.webp .bindConfirmPop .close-btn {background-position:-2494px -681px}
.bindConfirmPop .close-btn {
width:25px;
height:25px;
display: block;
position: absolute;
right: 0px;
top: -40px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.bindConfirmPop .close-btn:hover {
cursor: pointer;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}