.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_5a5be2db.png) no-repeat}
.webp .footer .nieLogo {background:url(https://www.armis.kr/pc/zt/20210713163229/img/nieLogo_5a5be2db.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/iconfont2_49d4df10.woff) format('woff');
}

.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;
}
.home-page {
  height: 100%;
}
.no-webp .home-page.home0929 .slogan {background:url(https://www.armis.kr/pc/zt/20210713163229/img/slogan0929_d303040f.png) no-repeat}
.webp .home-page.home0929 .slogan {background:url(https://www.armis.kr/pc/zt/20210713163229/img/slogan0929_d303040f.webp) no-repeat}
.home-page.home0929 .slogan {
}
.no-webp .home-page.home1005 .slogan {background:url(https://www.armis.kr/pc/zt/20210713163229/img/slogan1005_fc31f538.png) no-repeat}
.webp .home-page.home1005 .slogan {background:url(https://www.armis.kr/pc/zt/20210713163229/img/slogan1005_fc31f538.webp) no-repeat}
.home-page.home1005 .slogan {
}
.no-webp .home-page.home1007 .slogan {background:url(https://www.armis.kr/pc/zt/20210713163229/img/slogan1015_a0449492.png) no-repeat}
.webp .home-page.home1007 .slogan {background:url(https://www.armis.kr/pc/zt/20210713163229/img/slogan1015_a0449492.webp) no-repeat}
.home-page.home1007 .slogan {
}
.home-page video {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.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_5dcbc60f.png) no-repeat}
.webp .home-page .slogan {background:url(https://www.armis.kr/pc/zt/20210713163229/img/slogan_5dcbc60f.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1300px -1257px}
.webp .home-page .btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1300px -1257px}
.no-webp .home-page .btn {background-size:2772px 2549px}
.webp .home-page .btn {background-size:2772px 2549px}
.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: 290px;
  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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1872px -1645px}
.webp .home-page .download-cnt a.ios-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1872px -1645px}
.no-webp .home-page .download-cnt a.ios-link {background-size:2772px 2549px}
.webp .home-page .download-cnt a.ios-link {background-size:2772px 2549px}
.no-webp .home-page .download-cnt a.ios-link {background-position:-1872px -1645px}
.webp .home-page .download-cnt a.ios-link {background-position:-1872px -1645px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-422px -2382px}
.webp .home-page .download-cnt a.and-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-422px -2382px}
.no-webp .home-page .download-cnt a.and-link {background-size:2772px 2549px}
.webp .home-page .download-cnt a.and-link {background-size:2772px 2549px}
.no-webp .home-page .download-cnt a.and-link {background-position:-422px -2382px}
.webp .home-page .download-cnt a.and-link {background-position:-422px -2382px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-632px -2382px}
.webp .home-page .download-cnt a.onestore-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-632px -2382px}
.no-webp .home-page .download-cnt a.onestore-link {background-size:2772px 2549px}
.webp .home-page .download-cnt a.onestore-link {background-size:2772px 2549px}
.no-webp .home-page .download-cnt a.onestore-link {background-position:-632px -2382px}
.webp .home-page .download-cnt a.onestore-link {background-position:-632px -2382px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-842px -2382px}
.webp .home-page .download-cnt a.pc-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-842px -2382px}
.no-webp .home-page .download-cnt a.pc-link {background-size:2772px 2549px}
.webp .home-page .download-cnt a.pc-link {background-size:2772px 2549px}
.no-webp .home-page .download-cnt a.pc-link {background-position:-842px -2382px}
.webp .home-page .download-cnt a.pc-link {background-position:-842px -2382px}
.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_edfe13e1.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_edfe13e1.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2643px -1577px}
.webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2643px -1577px}
.no-webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::after {background-size:2772px 2549px}
.webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::after {background-size:2772px 2549px}
.no-webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::after {background-position:-2643px -1577px}
.webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::after {background-position:-2643px -1577px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2643px -1591px}
.webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2643px -1591px}
.no-webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::before {background-size:2772px 2549px}
.webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::before {background-size:2772px 2549px}
.no-webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::before {background-position:-2643px -1591px}
.webp .home-page .download-cnt .pc-download .pc-gift-pop h3 p::before {background-position:-2643px -1591px}
.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_7b8f5624.png) no-repeat center / 100%}
.webp .home-page .scroll-tips {background:url(https://www.armis.kr/pc/zt/20210713163229/img/scroll_7b8f5624.webp) no-repeat center / 100%}
.home-page .scroll-tips {
  width: 66px;
  height: 91px;
  left: 50%;
  top: 57%;
  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_15c8b996.png) no-repeat}
.webp .home-page .video-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/video-btn_15c8b996.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_86ec948c.jpg) no-repeat center center}
.webp .yuyue-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_86ec948c.webp) no-repeat center center}
.yuyue-page {
}
.no-webp .yuyue-page .cnt {background:url(https://www.armis.kr/pc/zt/20210713163229/img/content-bg_c5e71f2c.png) no-repeat}
.webp .yuyue-page .cnt {background:url(https://www.armis.kr/pc/zt/20210713163229/img/content-bg_c5e71f2c.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-536px -1661px}
.webp .yuyue-page .cnt .title {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-536px -1661px}
.no-webp .yuyue-page .cnt .title {background-size:2772px 2549px}
.webp .yuyue-page .cnt .title {background-size:2772px 2549px}
.no-webp .yuyue-page .cnt .title {background-position:-536px -1661px}
.webp .yuyue-page .cnt .title {background-position:-536px -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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1300px -950px}
.webp .yuyue-page .cnt .gifts {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1300px -950px}
.no-webp .yuyue-page .cnt .gifts {background-size:2772px 2549px}
.webp .yuyue-page .cnt .gifts {background-size:2772px 2549px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2755px -431px}
.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-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2755px -431px}
.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:2772px 2549px}
.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:2772px 2549px}
.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:-2755px -431px}
.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:-2755px -431px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2755px -448px}
.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-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2755px -448px}
.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:2772px 2549px}
.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:2772px 2549px}
.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:-2755px -448px}
.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:-2755px -448px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1248px -816px}
.webp .yuyue-page .cnt .apply-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1248px -816px}
.no-webp .yuyue-page .cnt .apply-btn {background-size:2772px 2549px}
.webp .yuyue-page .cnt .apply-btn {background-size:2772px 2549px}
.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_7f6ecff5.jpg) no-repeat}
.webp .achieve-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_7f6ecff5.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1112px -1661px}
.webp .achieve-page .title {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1112px -1661px}
.no-webp .achieve-page .title {background-size:2772px 2549px}
.webp .achieve-page .title {background-size:2772px 2549px}
.no-webp .achieve-page .title {background-position:-1112px -1661px}
.webp .achieve-page .title {background-position:-1112px -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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1717px -1519px}
.webp .achieve-page .total .num {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1717px -1519px}
.no-webp .achieve-page .total .num {background-size:2772px 2549px}
.webp .achieve-page .total .num {background-size:2772px 2549px}
.no-webp .achieve-page .total .num {background-position:-1717px -1519px}
.webp .achieve-page .total .num {background-position:-1717px -1519px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2345px -705px}
.webp .achieve-page .progress .gift-list .item.active .cursor::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2345px -705px}
.no-webp .achieve-page .progress .gift-list .item.active .cursor::after {background-size:2772px 2549px}
.webp .achieve-page .progress .gift-list .item.active .cursor::after {background-size:2772px 2549px}
.no-webp .achieve-page .progress .gift-list .item.active .cursor::after {background-position:-2345px -705px}
.webp .achieve-page .progress .gift-list .item.active .cursor::after {background-position:-2345px -705px}
.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_33e52ddc.jpg) no-repeat}
.webp .achieve-page .progress .gift-list .item-1 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift_33e52ddc.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_1ecb0550.jpg) no-repeat}
.webp .achieve-page .progress .gift-list .item-1.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift-active_1ecb0550.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_b1b8d3bc.jpg) no-repeat}
.webp .achieve-page .progress .gift-list .item-2 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift2_b1b8d3bc.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_1d40d64b.jpg) no-repeat}
.webp .achieve-page .progress .gift-list .item-2.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift2-active_1d40d64b.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_fdc2cd15.jpg) no-repeat}
.webp .achieve-page .progress .gift-list .item-3 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift3_fdc2cd15.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_9cfca850.jpg) no-repeat}
.webp .achieve-page .progress .gift-list .item-3.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift3-active_9cfca850.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_32e6e21a.jpg) no-repeat}
.webp .achieve-page .progress .gift-list .item-4 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift4_32e6e21a.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_793a4098.jpg) no-repeat}
.webp .achieve-page .progress .gift-list .item-4.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift4-active_793a4098.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_5daa4513.jpg) no-repeat}
.webp .achieve-page .progress .gift-list .item-5 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift5_5daa4513.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_d96596eb.jpg) no-repeat}
.webp .achieve-page .progress .gift-list .item-5.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift5-active_d96596eb.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_84590076.jpg) no-repeat}
.webp .achieve-page .progress .gift-list .item-6 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift6_84590076.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_9fa26668.jpg) no-repeat}
.webp .achieve-page .progress .gift-list .item-6.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift6-active_9fa26668.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_b527debc.jpg) no-repeat}
.webp .achieve-page .progress .gift-list .item-7 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift7_b527debc.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_0ebd1c0f.jpg) no-repeat}
.webp .achieve-page .progress .gift-list .item-7.active {background:url(https://www.armis.kr/pc/zt/20210713163229/img/gift7-active_0ebd1c0f.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2345px -787px}
.webp .achieve-page .progress .gift-list .item .cursor::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2345px -787px}
.no-webp .achieve-page .progress .gift-list .item .cursor::after {background-size:2772px 2549px}
.webp .achieve-page .progress .gift-list .item .cursor::after {background-size:2772px 2549px}
.no-webp .achieve-page .progress .gift-list .item .cursor::after {background-position:-2345px -787px}
.webp .achieve-page .progress .gift-list .item .cursor::after {background-position:-2345px -787px}
.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_ddc19962.jpg) no-repeat}
.webp .event2-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_ddc19962.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_3c426aaa.png) no-repeat}
.webp .event2-page .cnt {background:url(https://www.armis.kr/pc/zt/20210713163229/img/cnt_3c426aaa.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-536px -1686px}
.webp .event2-page .cnt .title {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-536px -1686px}
.no-webp .event2-page .cnt .title {background-size:2772px 2549px}
.webp .event2-page .cnt .title {background-size:2772px 2549px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -356px}
.webp .event2-page .cnt .sns-btns a.facebook-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -356px}
.no-webp .event2-page .cnt .sns-btns a.facebook-btn {background-size:2772px 2549px}
.webp .event2-page .cnt .sns-btns a.facebook-btn {background-size:2772px 2549px}
.no-webp .event2-page .cnt .sns-btns a.facebook-btn {background-position:-2406px -356px}
.webp .event2-page .cnt .sns-btns a.facebook-btn {background-position:-2406px -356px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -431px}
.webp .event2-page .cnt .sns-btns a.ins-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -431px}
.no-webp .event2-page .cnt .sns-btns a.ins-btn {background-size:2772px 2549px}
.webp .event2-page .cnt .sns-btns a.ins-btn {background-size:2772px 2549px}
.no-webp .event2-page .cnt .sns-btns a.ins-btn {background-position:-2406px -431px}
.webp .event2-page .cnt .sns-btns a.ins-btn {background-position:-2406px -431px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -506px}
.webp .event2-page .cnt .sns-btns a.kakao-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -506px}
.no-webp .event2-page .cnt .sns-btns a.kakao-btn {background-size:2772px 2549px}
.webp .event2-page .cnt .sns-btns a.kakao-btn {background-size:2772px 2549px}
.no-webp .event2-page .cnt .sns-btns a.kakao-btn {background-position:-2406px -506px}
.webp .event2-page .cnt .sns-btns a.kakao-btn {background-position:-2406px -506px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -581px}
.webp .event2-page .cnt .sns-btns a.twitter-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -581px}
.no-webp .event2-page .cnt .sns-btns a.twitter-btn {background-size:2772px 2549px}
.webp .event2-page .cnt .sns-btns a.twitter-btn {background-size:2772px 2549px}
.no-webp .event2-page .cnt .sns-btns a.twitter-btn {background-position:-2406px -581px}
.webp .event2-page .cnt .sns-btns a.twitter-btn {background-position:-2406px -581px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-0px -1519px}
.webp .event2-page .cnt .gift-img {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-0px -1519px}
.no-webp .event2-page .cnt .gift-img {background-size:2772px 2549px}
.webp .event2-page .cnt .gift-img {background-size:2772px 2549px}
.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_3d83e15e.jpg) no-repeat}
.webp .event3-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_3d83e15e.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_3c426aaa.png) no-repeat}
.webp .event3-page .cnt {background:url(https://www.armis.kr/pc/zt/20210713163229/img/cnt_3c426aaa.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1112px -1686px}
.webp .event3-page .cnt .title {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1112px -1686px}
.no-webp .event3-page .cnt .title {background-size:2772px 2549px}
.webp .event3-page .cnt .title {background-size:2772px 2549px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-0px -1352px}
.webp .event3-page .cnt .step-img {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-0px -1352px}
.no-webp .event3-page .cnt .step-img {background-size:2772px 2549px}
.webp .event3-page .cnt .step-img {background-size:2772px 2549px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1965px -2098px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-1 .submit-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1965px -2098px}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-1 .submit-btn {background-size:2772px 2549px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-1 .submit-btn {background-size:2772px 2549px}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-1 .submit-btn {background-position:-1965px -2098px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-1 .submit-btn {background-position:-1965px -2098px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2732px -772px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-2 .select::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2732px -772px}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-2 .select::after {background-size:2772px 2549px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-2 .select::after {background-size:2772px 2549px}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-2 .select::after {background-position:-2732px -772px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-2 .select::after {background-position:-2732px -772px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-782px -2240px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-2 .bind-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-782px -2240px}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-2 .bind-btn {background-size:2772px 2549px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-2 .bind-btn {background-size:2772px 2549px}
.no-webp .event3-page .cnt .invite-cnt .invite-box .step-2 .bind-btn {background-position:-782px -2240px}
.webp .event3-page .cnt .invite-cnt .invite-box .step-2 .bind-btn {background-position:-782px -2240px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2139px -929px}
.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-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2139px -929px}
.no-webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(1) .img {background-size:2772px 2549px}
.webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(1) .img {background-size:2772px 2549px}
.no-webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(1) .img {background-position:-2139px -929px}
.webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(1) .img {background-position:-2139px -929px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2139px -705px}
.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-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2139px -705px}
.no-webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(2) .img {background-size:2772px 2549px}
.webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(2) .img {background-size:2772px 2549px}
.no-webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(2) .img {background-position:-2139px -705px}
.webp .event3-page .cnt .invite-cnt .award-box .awards .item:nth-child(2) .img {background-position:-2139px -705px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1082px -2449px}
.webp .event3-page .cnt .invite-cnt .award-box .awards .item .get-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1082px -2449px}
.no-webp .event3-page .cnt .invite-cnt .award-box .awards .item .get-btn {background-size:2772px 2549px}
.webp .event3-page .cnt .invite-cnt .award-box .awards .item .get-btn {background-size:2772px 2549px}
.no-webp .event3-page .cnt .invite-cnt .award-box .awards .item .get-btn {background-position:-1082px -2449px}
.webp .event3-page .cnt .invite-cnt .award-box .awards .item .get-btn {background-position:-1082px -2449px}
.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.3)}
.webp .world-page .cnt .mask {background:rgba(0, 0, 0, 0.3)}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2291px -929px}
.webp .world-page .cnt .content .video-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2291px -929px}
.no-webp .world-page .cnt .content .video-btn {background-size:2772px 2549px}
.webp .world-page .cnt .content .video-btn {background-size:2772px 2549px}
.no-webp .world-page .cnt .content .video-btn {background-position:-2291px -929px}
.webp .world-page .cnt .content .video-btn {background-position:-2291px -929px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2291px -1037px}
.webp .world-page .cnt .content .video-btn:hover {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2291px -1037px}
.no-webp .world-page .cnt .content .video-btn:hover {background-size:2772px 2549px}
.webp .world-page .cnt .content .video-btn:hover {background-size:2772px 2549px}
.no-webp .world-page .cnt .content .video-btn:hover {background-position:-2291px -1037px}
.webp .world-page .cnt .content .video-btn:hover {background-position:-2291px -1037px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2741px -1158px}
.webp .world-page .cnt .change-btns .btn.lock .icon::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2741px -1158px}
.no-webp .world-page .cnt .change-btns .btn.lock .icon::after {background-size:2772px 2549px}
.webp .world-page .cnt .change-btns .btn.lock .icon::after {background-size:2772px 2549px}
.no-webp .world-page .cnt .change-btns .btn.lock .icon::after {background-position:-2741px -1158px}
.webp .world-page .cnt .change-btns .btn.lock .icon::after {background-position:-2741px -1158px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-102px -2449px}
.webp .world-page .cnt .change-btns .btn:nth-child(1) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-102px -2449px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(1) .icon {background-size:2772px 2549px}
.webp .world-page .cnt .change-btns .btn:nth-child(1) .icon {background-size:2772px 2549px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(1) .icon {background-position:-102px -2449px}
.webp .world-page .cnt .change-btns .btn:nth-child(1) .icon {background-position:-102px -2449px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-200px -2449px}
.webp .world-page .cnt .change-btns .btn:nth-child(2) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-200px -2449px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(2) .icon {background-size:2772px 2549px}
.webp .world-page .cnt .change-btns .btn:nth-child(2) .icon {background-size:2772px 2549px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(2) .icon {background-position:-200px -2449px}
.webp .world-page .cnt .change-btns .btn:nth-child(2) .icon {background-position:-200px -2449px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-298px -2449px}
.webp .world-page .cnt .change-btns .btn:nth-child(3) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-298px -2449px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(3) .icon {background-size:2772px 2549px}
.webp .world-page .cnt .change-btns .btn:nth-child(3) .icon {background-size:2772px 2549px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(3) .icon {background-position:-298px -2449px}
.webp .world-page .cnt .change-btns .btn:nth-child(3) .icon {background-position:-298px -2449px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-396px -2449px}
.webp .world-page .cnt .change-btns .btn:nth-child(4) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-396px -2449px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(4) .icon {background-size:2772px 2549px}
.webp .world-page .cnt .change-btns .btn:nth-child(4) .icon {background-size:2772px 2549px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(4) .icon {background-position:-396px -2449px}
.webp .world-page .cnt .change-btns .btn:nth-child(4) .icon {background-position:-396px -2449px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-494px -2449px}
.webp .world-page .cnt .change-btns .btn:nth-child(5) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-494px -2449px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(5) .icon {background-size:2772px 2549px}
.webp .world-page .cnt .change-btns .btn:nth-child(5) .icon {background-size:2772px 2549px}
.no-webp .world-page .cnt .change-btns .btn:nth-child(5) .icon {background-position:-494px -2449px}
.webp .world-page .cnt .change-btns .btn:nth-child(5) .icon {background-position:-494px -2449px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-592px -2449px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(1) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-592px -2449px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(1) .icon {background-size:2772px 2549px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(1) .icon {background-size:2772px 2549px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(1) .icon {background-position:-592px -2449px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(1) .icon {background-position:-592px -2449px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-690px -2449px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(2) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-690px -2449px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(2) .icon {background-size:2772px 2549px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(2) .icon {background-size:2772px 2549px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(2) .icon {background-position:-690px -2449px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(2) .icon {background-position:-690px -2449px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-788px -2449px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(3) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-788px -2449px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(3) .icon {background-size:2772px 2549px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(3) .icon {background-size:2772px 2549px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(3) .icon {background-position:-788px -2449px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(3) .icon {background-position:-788px -2449px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-886px -2449px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(4) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-886px -2449px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(4) .icon {background-size:2772px 2549px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(4) .icon {background-size:2772px 2549px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(4) .icon {background-position:-886px -2449px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(4) .icon {background-position:-886px -2449px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-984px -2449px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(5) .icon {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-984px -2449px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(5) .icon {background-size:2772px 2549px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(5) .icon {background-size:2772px 2549px}
.no-webp .world-page .cnt .change-btns .btn.active:nth-child(5) .icon {background-position:-984px -2449px}
.webp .world-page .cnt .change-btns .btn.active:nth-child(5) .icon {background-position:-984px -2449px}
.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_30839957.jpg) no-repeat center top}
.webp .world2-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_30839957.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2688px -797px}
.webp .world2-page .thumb-list .thumb-cnt .item.lock::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2688px -797px}
.no-webp .world2-page .thumb-list .thumb-cnt .item.lock::after {background-size:2772px 2549px}
.webp .world2-page .thumb-list .thumb-cnt .item.lock::after {background-size:2772px 2549px}
.no-webp .world2-page .thumb-list .thumb-cnt .item.lock::after {background-position:-2688px -797px}
.webp .world2-page .thumb-list .thumb-cnt .item.lock::after {background-position:-2688px -797px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2693px -1704px}
.webp .world2-page .thumb-list .prev-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2693px -1704px}
.no-webp .world2-page .thumb-list .prev-btn {background-size:2772px 2549px}
.webp .world2-page .thumb-list .prev-btn {background-size:2772px 2549px}
.no-webp .world2-page .thumb-list .prev-btn {background-position:-2693px -1704px}
.webp .world2-page .thumb-list .prev-btn {background-position:-2693px -1704px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2730px -1704px}
.webp .world2-page .thumb-list .next-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2730px -1704px}
.no-webp .world2-page .thumb-list .next-btn {background-size:2772px 2549px}
.webp .world2-page .thumb-list .next-btn {background-size:2772px 2549px}
.no-webp .world2-page .thumb-list .next-btn {background-position:-2730px -1704px}
.webp .world2-page .thumb-list .next-btn {background-position:-2730px -1704px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2690px -656px}
.webp .world2-page .content .video-cnt .play-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2690px -656px}
.no-webp .world2-page .content .video-cnt .play-btn {background-size:2772px 2549px}
.webp .world2-page .content .video-cnt .play-btn {background-size:2772px 2549px}
.no-webp .world2-page .content .video-cnt .play-btn {background-position:-2690px -656px}
.webp .world2-page .content .video-cnt .play-btn {background-position:-2690px -656px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1644px}
.webp .role-page .role-cnt .role .role-info .detail-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1644px}
.no-webp .role-page .role-cnt .role .role-info .detail-btn {background-size:2772px 2549px}
.webp .role-page .role-cnt .role .role-info .detail-btn {background-size:2772px 2549px}
.no-webp .role-page .role-cnt .role .role-info .detail-btn {background-position:-2406px -1644px}
.webp .role-page .role-cnt .role .role-info .detail-btn {background-position:-2406px -1644px}
.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_0c718714.jpg) no-repeat center center}
.webp .role-page .role-cnt .role-tz {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_0c718714.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
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-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1207px -1352px}
.no-webp .role-page .role-cnt .role-tz .role-info .role-name {background-size:2772px 2549px}
.webp .role-page .role-cnt .role-tz .role-info .role-name {background-size:2772px 2549px}
.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_00f06800.jpg) no-repeat center center}
.webp .role-page .role-cnt .role-gr {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_00f06800.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1571px -2098px}
.webp .role-page .role-cnt .role-gr .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1571px -2098px}
.no-webp .role-page .role-cnt .role-gr .role-info .role-name {background-size:2772px 2549px}
.webp .role-page .role-cnt .role-gr .role-info .role-name {background-size:2772px 2549px}
.no-webp .role-page .role-cnt .role-gr .role-info .role-name {background-position:-1571px -2098px}
.webp .role-page .role-cnt .role-gr .role-info .role-name {background-position:-1571px -2098px}
.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_2802da0c.jpg) no-repeat center center}
.webp .role-page .role-cnt .role-st {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_2802da0c.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
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-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-930px -1519px}
.no-webp .role-page .role-cnt .role-st .role-info .role-name {background-size:2772px 2549px}
.webp .role-page .role-cnt .role-st .role-info .role-name {background-size:2772px 2549px}
.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_f7b7aa29.jpg) no-repeat center center}
.webp .role-page .role-cnt .role-lg {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_f7b7aa29.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-391px -2240px}
.webp .role-page .role-cnt .role-lg .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-391px -2240px}
.no-webp .role-page .role-cnt .role-lg .role-info .role-name {background-size:2772px 2549px}
.webp .role-page .role-cnt .role-lg .role-info .role-name {background-size:2772px 2549px}
.no-webp .role-page .role-cnt .role-lg .role-info .role-name {background-position:-391px -2240px}
.webp .role-page .role-cnt .role-lg .role-info .role-name {background-position:-391px -2240px}
.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_fc8fc4ac.jpg) no-repeat center center}
.webp .role-page .role-cnt .role-yx {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_fc8fc4ac.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-785px -2098px}
.webp .role-page .role-cnt .role-yx .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-785px -2098px}
.no-webp .role-page .role-cnt .role-yx .role-info .role-name {background-size:2772px 2549px}
.webp .role-page .role-cnt .role-yx .role-info .role-name {background-size:2772px 2549px}
.no-webp .role-page .role-cnt .role-yx .role-info .role-name {background-position:-785px -2098px}
.webp .role-page .role-cnt .role-yx .role-info .role-name {background-position:-785px -2098px}
.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_112911e8.jpg) no-repeat center center}
.webp .role-page .role-cnt .role-ll {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_112911e8.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1179px -1956px}
.webp .role-page .role-cnt .role-ll .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1179px -1956px}
.no-webp .role-page .role-cnt .role-ll .role-info .role-name {background-size:2772px 2549px}
.webp .role-page .role-cnt .role-ll .role-info .role-name {background-size:2772px 2549px}
.no-webp .role-page .role-cnt .role-ll .role-info .role-name {background-position:-1179px -1956px}
.webp .role-page .role-cnt .role-ll .role-info .role-name {background-position:-1179px -1956px}
.role-page .role-cnt .role-ll .role-info .role-name {
width:391px;
height:140px;

}
.no-webp .role-page .role-cnt .role-yc {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_0a193fb0.jpg) no-repeat center center}
.webp .role-page .role-cnt .role-yc {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_0a193fb0.webp) no-repeat center center}
.role-page .role-cnt .role-yc {
}
.no-webp .role-page .role-cnt .role-yc .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1572px -1956px}
.webp .role-page .role-cnt .role-yc .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1572px -1956px}
.no-webp .role-page .role-cnt .role-yc .role-info .role-name {background-size:2772px 2549px}
.webp .role-page .role-cnt .role-yc .role-info .role-name {background-size:2772px 2549px}
.no-webp .role-page .role-cnt .role-yc .role-info .role-name {background-position:-1572px -1956px}
.webp .role-page .role-cnt .role-yc .role-info .role-name {background-position:-1572px -1956px}
.role-page .role-cnt .role-yc .role-info .role-name {
width:391px;
height:140px;

}
.no-webp .role-page .role-cnt .role-sy {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_0686a9e3.jpg) no-repeat center center}
.webp .role-page .role-cnt .role-sy {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_0686a9e3.webp) no-repeat center center}
.role-page .role-cnt .role-sy {
}
.no-webp .role-page .role-cnt .role-sy .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1965px -1956px}
.webp .role-page .role-cnt .role-sy .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1965px -1956px}
.no-webp .role-page .role-cnt .role-sy .role-info .role-name {background-size:2772px 2549px}
.webp .role-page .role-cnt .role-sy .role-info .role-name {background-size:2772px 2549px}
.no-webp .role-page .role-cnt .role-sy .role-info .role-name {background-position:-1965px -1956px}
.webp .role-page .role-cnt .role-sy .role-info .role-name {background-position:-1965px -1956px}
.role-page .role-cnt .role-sy .role-info .role-name {
width:391px;
height:140px;

}
.no-webp .role-page .role-cnt .role-yt {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_43d3dc91.jpg) no-repeat center center}
.webp .role-page .role-cnt .role-yt {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_43d3dc91.webp) no-repeat center center}
.role-page .role-cnt .role-yt {
}
.no-webp .role-page .role-cnt .role-yt .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-0px -2098px}
.webp .role-page .role-cnt .role-yt .role-info .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-0px -2098px}
.no-webp .role-page .role-cnt .role-yt .role-info .role-name {background-size:2772px 2549px}
.webp .role-page .role-cnt .role-yt .role-info .role-name {background-size:2772px 2549px}
.no-webp .role-page .role-cnt .role-yt .role-info .role-name {background-position:-0px -2098px}
.webp .role-page .role-cnt .role-yt .role-info .role-name {background-position:-0px -2098px}
.role-page .role-cnt .role-yt .role-info .role-name {
width:391px;
height:140px;

}
.role-page .change-roles {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: 60px;
}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2549px -656px}
.webp .role-page .change-roles .item-gr {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2549px -656px}
.no-webp .role-page .change-roles .item-gr {background-size:2772px 2549px}
.webp .role-page .change-roles .item-gr {background-size:2772px 2549px}
.no-webp .role-page .change-roles .item-gr {background-position:-2549px -656px}
.webp .role-page .change-roles .item-gr {background-position:-2549px -656px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -797px}
.webp .role-page .change-roles .item-st {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -797px}
.no-webp .role-page .change-roles .item-st {background-size:2772px 2549px}
.webp .role-page .change-roles .item-st {background-size:2772px 2549px}
.no-webp .role-page .change-roles .item-st {background-position:-2406px -797px}
.webp .role-page .change-roles .item-st {background-position:-2406px -797px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2547px -797px}
.webp .role-page .change-roles .item-lg {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2547px -797px}
.no-webp .role-page .change-roles .item-lg {background-size:2772px 2549px}
.webp .role-page .change-roles .item-lg {background-size:2772px 2549px}
.no-webp .role-page .change-roles .item-lg {background-position:-2547px -797px}
.webp .role-page .change-roles .item-lg {background-position:-2547px -797px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -938px}
.webp .role-page .change-roles .item-yx {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -938px}
.no-webp .role-page .change-roles .item-yx {background-size:2772px 2549px}
.webp .role-page .change-roles .item-yx {background-size:2772px 2549px}
.no-webp .role-page .change-roles .item-yx {background-position:-2406px -938px}
.webp .role-page .change-roles .item-yx {background-position:-2406px -938px}
.role-page .change-roles .item-yx {
width:139px;
height:139px;

  top: 0;
  left: 432px;
}
.role-page .change-roles .item-yx span {
  top: 0;
  left: 0;
}
.no-webp .role-page .change-roles .item-ll {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2547px -938px}
.webp .role-page .change-roles .item-ll {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2547px -938px}
.no-webp .role-page .change-roles .item-ll {background-size:2772px 2549px}
.webp .role-page .change-roles .item-ll {background-size:2772px 2549px}
.no-webp .role-page .change-roles .item-ll {background-position:-2547px -938px}
.webp .role-page .change-roles .item-ll {background-position:-2547px -938px}
.role-page .change-roles .item-ll {
width:139px;
height:139px;

  top: 0;
  left: 576px;
}
.role-page .change-roles .item-ll span {
  top: 0;
  left: 0;
}
.no-webp .role-page .change-roles .item-tz {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -656px}
.webp .role-page .change-roles .item-tz {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -656px}
.no-webp .role-page .change-roles .item-tz {background-size:2772px 2549px}
.webp .role-page .change-roles .item-tz {background-size:2772px 2549px}
.no-webp .role-page .change-roles .item-tz {background-position:-2406px -656px}
.webp .role-page .change-roles .item-tz {background-position:-2406px -656px}
.role-page .change-roles .item-tz {
width:141px;
height:139px;

  top: 115px;
  left: 71px;
}
.role-page .change-roles .item-tz span {
  bottom: 0;
  right: 0;
}
.no-webp .role-page .change-roles .item-yc {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1079px}
.webp .role-page .change-roles .item-yc {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1079px}
.no-webp .role-page .change-roles .item-yc {background-size:2772px 2549px}
.webp .role-page .change-roles .item-yc {background-size:2772px 2549px}
.no-webp .role-page .change-roles .item-yc {background-position:-2406px -1079px}
.webp .role-page .change-roles .item-yc {background-position:-2406px -1079px}
.role-page .change-roles .item-yc {
width:139px;
height:139px;

  top: 115px;
  left: 215px;
}
.role-page .change-roles .item-yc span {
  bottom: 0;
  right: 0;
}
.no-webp .role-page .change-roles .item-sy {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2547px -1079px}
.webp .role-page .change-roles .item-sy {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2547px -1079px}
.no-webp .role-page .change-roles .item-sy {background-size:2772px 2549px}
.webp .role-page .change-roles .item-sy {background-size:2772px 2549px}
.no-webp .role-page .change-roles .item-sy {background-position:-2547px -1079px}
.webp .role-page .change-roles .item-sy {background-position:-2547px -1079px}
.role-page .change-roles .item-sy {
width:139px;
height:139px;

  top: 115px;
  left: 359px;
}
.role-page .change-roles .item-sy span {
  bottom: 0;
  right: 0;
}
.no-webp .role-page .change-roles .item-yt {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1220px}
.webp .role-page .change-roles .item-yt {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1220px}
.no-webp .role-page .change-roles .item-yt {background-size:2772px 2549px}
.webp .role-page .change-roles .item-yt {background-size:2772px 2549px}
.no-webp .role-page .change-roles .item-yt {background-position:-2406px -1220px}
.webp .role-page .change-roles .item-yt {background-position:-2406px -1220px}
.role-page .change-roles .item-yt {
width:139px;
height:139px;

  top: 115px;
  left: 503px;
}
.role-page .change-roles .item-yt span {
  bottom: 0;
  right: 0;
}
.no-webp .role-page .change-roles .item-hide {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2547px -1220px}
.webp .role-page .change-roles .item-hide {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2547px -1220px}
.no-webp .role-page .change-roles .item-hide {background-size:2772px 2549px}
.webp .role-page .change-roles .item-hide {background-size:2772px 2549px}
.no-webp .role-page .change-roles .item-hide {background-position:-2547px -1220px}
.webp .role-page .change-roles .item-hide {background-position:-2547px -1220px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1577px}
.webp .role-page .role-detail .detail .back-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1577px}
.no-webp .role-page .role-detail .detail .back-btn {background-size:2772px 2549px}
.webp .role-page .role-detail .detail .back-btn {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail .back-btn {background-position:-2406px -1577px}
.webp .role-page .role-detail .detail .back-btn {background-position:-2406px -1577px}
.role-page .role-detail .detail .back-btn {
  display: block;
width:235px;
height:65px;

  position: absolute;
  top: 130px;
  left: 50%;
  margin-left: -200px;
  z-index: 2;
}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2757px -656px}
.webp .role-page .role-detail .detail .role-info .role-radar .radar-change::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2757px -656px}
.no-webp .role-page .role-detail .detail .role-info .role-radar .radar-change::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail .role-info .role-radar .radar-change::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail .role-info .role-radar .radar-change::before {background-position:-2757px -656px}
.webp .role-page .role-detail .detail .role-info .role-radar .radar-change::before {background-position:-2757px -656px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2749px -1017px}
.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-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2749px -1017px}
.no-webp .role-page .role-detail .detail .role-info .role-radar .radar-change a i {background-size:2772px 2549px}
.webp .role-page .role-detail .detail .role-info .role-radar .radar-change a i {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail .role-info .role-radar .radar-change a i {background-position:-2749px -1017px}
.webp .role-page .role-detail .detail .role-info .role-radar .radar-change a i {background-position:-2749px -1017px}
.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;
}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1052px -2382px}
.webp .role-page .role-detail .detail .role-info .role-skill .video-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1052px -2382px}
.no-webp .role-page .role-detail .detail .role-info .role-skill .video-btn {background-size:2772px 2549px}
.webp .role-page .role-detail .detail .role-info .role-skill .video-btn {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail .role-info .role-skill .video-btn {background-position:-1052px -2382px}
.webp .role-page .role-detail .detail .role-info .role-skill .video-btn {background-position:-1052px -2382px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2741px -879px}
.webp .role-page .role-detail .detail .role-info .role-video::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2741px -879px}
.no-webp .role-page .role-detail .detail .role-info .role-video::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail .role-info .role-video::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail .role-info .role-video::after {background-position:-2741px -879px}
.webp .role-page .role-detail .detail .role-info .role-video::after {background-position:-2741px -879px}
.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_7aad52e7.jpg) no-repeat center top}
.webp .role-page .role-detail .detail-tz {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_7aad52e7.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1207px -1352px}
.webp .role-page .role-detail .detail-tz .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1207px -1352px}
.no-webp .role-page .role-detail .detail-tz .role-name {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-tz .role-name {background-size:2772px 2549px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
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-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1872px -0px}
.no-webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1872px -235px}
.webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1872px -235px}
.no-webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(2) {background-position:-1872px -235px}
.webp .role-page .role-detail .detail-tz .radar-list .radar:nth-child(2) {background-position:-1872px -235px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1704px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1704px}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-1::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-1::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-1::before {background-position:-2406px -1704px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-1::before {background-position:-2406px -1704px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1775px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1775px}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-1::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-1::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-1::after {background-position:-2406px -1775px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-1::after {background-position:-2406px -1775px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1846px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1846px}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-2::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-2::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-2::before {background-position:-2406px -1846px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-2::before {background-position:-2406px -1846px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1917px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1917px}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-2::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-2::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-tz .radar-change .btn-2::after {background-position:-2406px -1917px}
.webp .role-page .role-detail .detail-tz .radar-change .btn-2::after {background-position:-2406px -1917px}
.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_c6169e0a.jpg) no-repeat center top}
.webp .role-page .role-detail .detail-gr {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_c6169e0a.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1571px -2098px}
.webp .role-page .role-detail .detail-gr .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1571px -2098px}
.no-webp .role-page .role-detail .detail-gr .role-name {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-gr .role-name {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-gr .role-name {background-position:-1571px -2098px}
.webp .role-page .role-detail .detail-gr .role-name {background-position:-1571px -2098px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1872px -470px}
.webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1872px -470px}
.no-webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(1) {background-position:-1872px -470px}
.webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(1) {background-position:-1872px -470px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
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-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1872px -705px}
.no-webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-gr .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1609px -1352px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1609px -1352px}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-1::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-1::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-1::before {background-position:-1609px -1352px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-1::before {background-position:-1609px -1352px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1988px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1988px}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-1::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-1::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-1::after {background-position:-2406px -1988px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-1::after {background-position:-2406px -1988px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1609px -1419px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1609px -1419px}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-2::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-2::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-2::before {background-position:-1609px -1419px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-2::before {background-position:-1609px -1419px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -2059px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -2059px}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-2::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-2::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-gr .radar-change .btn-2::after {background-position:-2406px -2059px}
.webp .role-page .role-detail .detail-gr .radar-change .btn-2::after {background-position:-2406px -2059px}
.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_45ec0216.jpg) no-repeat center top}
.webp .role-page .role-detail .detail-st {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_45ec0216.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-930px -1519px}
.webp .role-page .role-detail .detail-st .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-930px -1519px}
.no-webp .role-page .role-detail .detail-st .role-name {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-st .role-name {background-size:2772px 2549px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1872px -940px}
.webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1872px -940px}
.no-webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(1) {background-position:-1872px -940px}
.webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(1) {background-position:-1872px -940px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1872px -1175px}
.webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1872px -1175px}
.no-webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(2) {background-position:-1872px -1175px}
.webp .role-page .role-detail .detail-st .radar-list .radar:nth-child(2) {background-position:-1872px -1175px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1199px -2240px}
.webp .role-page .role-detail .detail-st .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1199px -2240px}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-1::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-st .radar-change .btn-1::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-1::before {background-position:-1199px -2240px}
.webp .role-page .role-detail .detail-st .radar-change .btn-1::before {background-position:-1199px -2240px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -2130px}
.webp .role-page .role-detail .detail-st .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -2130px}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-1::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-st .radar-change .btn-1::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-1::after {background-position:-2406px -2130px}
.webp .role-page .role-detail .detail-st .radar-change .btn-1::after {background-position:-2406px -2130px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1410px -2240px}
.webp .role-page .role-detail .detail-st .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1410px -2240px}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-2::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-st .radar-change .btn-2::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-2::before {background-position:-1410px -2240px}
.webp .role-page .role-detail .detail-st .radar-change .btn-2::before {background-position:-1410px -2240px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -2201px}
.webp .role-page .role-detail .detail-st .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -2201px}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-2::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-st .radar-change .btn-2::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-st .radar-change .btn-2::after {background-position:-2406px -2201px}
.webp .role-page .role-detail .detail-st .radar-change .btn-2::after {background-position:-2406px -2201px}
.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_dd44b561.jpg) no-repeat center top}
.webp .role-page .role-detail .detail-lg {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_dd44b561.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-391px -2240px}
.webp .role-page .role-detail .detail-lg .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-391px -2240px}
.no-webp .role-page .role-detail .detail-lg .role-name {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-lg .role-name {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-lg .role-name {background-position:-391px -2240px}
.webp .role-page .role-detail .detail-lg .role-name {background-position:-391px -2240px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1872px -1410px}
.webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1872px -1410px}
.no-webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(1) {background-position:-1872px -1410px}
.webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(1) {background-position:-1872px -1410px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-0px -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-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-0px -1721px}
.no-webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(2) {background-position:-0px -1721px}
.webp .role-page .role-detail .detail-lg .radar-list .radar:nth-child(2) {background-position:-0px -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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1621px -2240px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1621px -2240px}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-1::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-1::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-1::before {background-position:-1621px -2240px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-1::before {background-position:-1621px -2240px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -2272px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -2272px}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-1::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-1::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-1::after {background-position:-2406px -2272px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-1::after {background-position:-2406px -2272px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1832px -2240px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1832px -2240px}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-2::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-2::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-2::before {background-position:-1832px -2240px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-2::before {background-position:-1832px -2240px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1153px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1153px}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-2::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-2::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-lg .radar-change .btn-2::after {background-position:-2139px -1153px}
.webp .role-page .role-detail .detail-lg .radar-change .btn-2::after {background-position:-2139px -1153px}
.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_b59308a1.jpg) no-repeat center top}
.webp .role-page .role-detail .detail-yx {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_b59308a1.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-785px -2098px}
.webp .role-page .role-detail .detail-yx .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-785px -2098px}
.no-webp .role-page .role-detail .detail-yx .role-name {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yx .role-name {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yx .role-name {background-position:-785px -2098px}
.webp .role-page .role-detail .detail-yx .role-name {background-position:-785px -2098px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-267px -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-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-267px -1721px}
.no-webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(1) {background-position:-267px -1721px}
.webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(1) {background-position:-267px -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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-534px -1721px}
.webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-534px -1721px}
.no-webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(2) {background-position:-534px -1721px}
.webp .role-page .role-detail .detail-yx .radar-list .radar:nth-child(2) {background-position:-534px -1721px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2043px -2240px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2043px -2240px}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-1::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-1::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-1::before {background-position:-2043px -2240px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-1::before {background-position:-2043px -2240px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1224px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1224px}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-1::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-1::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-1::after {background-position:-2139px -1224px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-1::after {background-position:-2139px -1224px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-782px -2315px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-782px -2315px}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-2::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-2::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-2::before {background-position:-782px -2315px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-2::before {background-position:-782px -2315px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1295px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1295px}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-2::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-2::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yx .radar-change .btn-2::after {background-position:-2139px -1295px}
.webp .role-page .role-detail .detail-yx .radar-change .btn-2::after {background-position:-2139px -1295px}
.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_bc35e141.jpg) no-repeat center top}
.webp .role-page .role-detail .detail-ll {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_bc35e141.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1179px -1956px}
.webp .role-page .role-detail .detail-ll .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1179px -1956px}
.no-webp .role-page .role-detail .detail-ll .role-name {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-ll .role-name {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-ll .role-name {background-position:-1179px -1956px}
.webp .role-page .role-detail .detail-ll .role-name {background-position:-1179px -1956px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-801px -1721px}
.webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-801px -1721px}
.no-webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(1) {background-position:-801px -1721px}
.webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(1) {background-position:-801px -1721px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
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-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1068px -1721px}
.no-webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-ll .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-993px -2315px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-993px -2315px}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-1::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-1::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-1::before {background-position:-993px -2315px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-1::before {background-position:-993px -2315px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1366px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1366px}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-1::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-1::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-1::after {background-position:-2139px -1366px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-1::after {background-position:-2139px -1366px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1204px -2315px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1204px -2315px}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-2::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-2::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-2::before {background-position:-1204px -2315px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-2::before {background-position:-1204px -2315px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1437px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1437px}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-2::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-2::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-ll .radar-change .btn-2::after {background-position:-2139px -1437px}
.webp .role-page .role-detail .detail-ll .radar-change .btn-2::after {background-position:-2139px -1437px}
.role-page .role-detail .detail-ll .radar-change .btn-2::after {
width:213px;
height:69px;

}
.no-webp .role-page .role-detail .detail-yc {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_261ff340.jpg) no-repeat center top}
.webp .role-page .role-detail .detail-yc {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_261ff340.webp) no-repeat center top}
.role-page .role-detail .detail-yc {
}
.no-webp .role-page .role-detail .detail-yc .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1572px -1956px}
.webp .role-page .role-detail .detail-yc .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1572px -1956px}
.no-webp .role-page .role-detail .detail-yc .role-name {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yc .role-name {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yc .role-name {background-position:-1572px -1956px}
.webp .role-page .role-detail .detail-yc .role-name {background-position:-1572px -1956px}
.role-page .role-detail .detail-yc .role-name {
width:391px;
height:140px;

}
.role-page .role-detail .detail-yc .radar-list .radar {
  display: none;
}
.role-page .role-detail .detail-yc .radar-list .radar.active {
  display: block;
}
.no-webp .role-page .role-detail .detail-yc .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1335px -1721px}
.webp .role-page .role-detail .detail-yc .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1335px -1721px}
.no-webp .role-page .role-detail .detail-yc .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yc .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yc .radar-list .radar:nth-child(1) {background-position:-1335px -1721px}
.webp .role-page .role-detail .detail-yc .radar-list .radar:nth-child(1) {background-position:-1335px -1721px}
.role-page .role-detail .detail-yc .radar-list .radar:nth-child(1) {
width:265px;
height:233px;

}
.no-webp .role-page .role-detail .detail-yc .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1602px -1721px}
.webp .role-page .role-detail .detail-yc .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1602px -1721px}
.no-webp .role-page .role-detail .detail-yc .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yc .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yc .radar-list .radar:nth-child(2) {background-position:-1602px -1721px}
.webp .role-page .role-detail .detail-yc .radar-list .radar:nth-child(2) {background-position:-1602px -1721px}
.role-page .role-detail .detail-yc .radar-list .radar:nth-child(2) {
width:265px;
height:233px;

}
.no-webp .role-page .role-detail .detail-yc .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1415px -2315px}
.webp .role-page .role-detail .detail-yc .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1415px -2315px}
.no-webp .role-page .role-detail .detail-yc .radar-change .btn-1::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yc .radar-change .btn-1::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yc .radar-change .btn-1::before {background-position:-1415px -2315px}
.webp .role-page .role-detail .detail-yc .radar-change .btn-1::before {background-position:-1415px -2315px}
.role-page .role-detail .detail-yc .radar-change .btn-1::before {
width:209px;
height:65px;

}
.no-webp .role-page .role-detail .detail-yc .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1508px}
.webp .role-page .role-detail .detail-yc .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1508px}
.no-webp .role-page .role-detail .detail-yc .radar-change .btn-1::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yc .radar-change .btn-1::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yc .radar-change .btn-1::after {background-position:-2139px -1508px}
.webp .role-page .role-detail .detail-yc .radar-change .btn-1::after {background-position:-2139px -1508px}
.role-page .role-detail .detail-yc .radar-change .btn-1::after {
width:213px;
height:69px;

}
.no-webp .role-page .role-detail .detail-yc .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1626px -2315px}
.webp .role-page .role-detail .detail-yc .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1626px -2315px}
.no-webp .role-page .role-detail .detail-yc .radar-change .btn-2::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yc .radar-change .btn-2::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yc .radar-change .btn-2::before {background-position:-1626px -2315px}
.webp .role-page .role-detail .detail-yc .radar-change .btn-2::before {background-position:-1626px -2315px}
.role-page .role-detail .detail-yc .radar-change .btn-2::before {
width:209px;
height:65px;

}
.no-webp .role-page .role-detail .detail-yc .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1579px}
.webp .role-page .role-detail .detail-yc .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1579px}
.no-webp .role-page .role-detail .detail-yc .radar-change .btn-2::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yc .radar-change .btn-2::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yc .radar-change .btn-2::after {background-position:-2139px -1579px}
.webp .role-page .role-detail .detail-yc .radar-change .btn-2::after {background-position:-2139px -1579px}
.role-page .role-detail .detail-yc .radar-change .btn-2::after {
width:213px;
height:69px;

}
.no-webp .role-page .role-detail .detail-sy {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_675f9e2b.jpg) no-repeat center top}
.webp .role-page .role-detail .detail-sy {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_675f9e2b.webp) no-repeat center top}
.role-page .role-detail .detail-sy {
}
.no-webp .role-page .role-detail .detail-sy .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1965px -1956px}
.webp .role-page .role-detail .detail-sy .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1965px -1956px}
.no-webp .role-page .role-detail .detail-sy .role-name {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-sy .role-name {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-sy .role-name {background-position:-1965px -1956px}
.webp .role-page .role-detail .detail-sy .role-name {background-position:-1965px -1956px}
.role-page .role-detail .detail-sy .role-name {
width:391px;
height:140px;

}
.role-page .role-detail .detail-sy .radar-list .radar {
  display: none;
}
.role-page .role-detail .detail-sy .radar-list .radar.active {
  display: block;
}
.no-webp .role-page .role-detail .detail-sy .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1869px -1721px}
.webp .role-page .role-detail .detail-sy .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1869px -1721px}
.no-webp .role-page .role-detail .detail-sy .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-sy .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-sy .radar-list .radar:nth-child(1) {background-position:-1869px -1721px}
.webp .role-page .role-detail .detail-sy .radar-list .radar:nth-child(1) {background-position:-1869px -1721px}
.role-page .role-detail .detail-sy .radar-list .radar:nth-child(1) {
width:265px;
height:233px;

}
.no-webp .role-page .role-detail .detail-sy .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2139px -0px}
.webp .role-page .role-detail .detail-sy .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2139px -0px}
.no-webp .role-page .role-detail .detail-sy .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-sy .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-sy .radar-list .radar:nth-child(2) {background-position:-2139px -0px}
.webp .role-page .role-detail .detail-sy .radar-list .radar:nth-child(2) {background-position:-2139px -0px}
.role-page .role-detail .detail-sy .radar-list .radar:nth-child(2) {
width:265px;
height:233px;

}
.no-webp .role-page .role-detail .detail-sy .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1837px -2315px}
.webp .role-page .role-detail .detail-sy .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1837px -2315px}
.no-webp .role-page .role-detail .detail-sy .radar-change .btn-1::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-sy .radar-change .btn-1::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-sy .radar-change .btn-1::before {background-position:-1837px -2315px}
.webp .role-page .role-detail .detail-sy .radar-change .btn-1::before {background-position:-1837px -2315px}
.role-page .role-detail .detail-sy .radar-change .btn-1::before {
width:209px;
height:65px;

}
.no-webp .role-page .role-detail .detail-sy .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1650px}
.webp .role-page .role-detail .detail-sy .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1650px}
.no-webp .role-page .role-detail .detail-sy .radar-change .btn-1::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-sy .radar-change .btn-1::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-sy .radar-change .btn-1::after {background-position:-2139px -1650px}
.webp .role-page .role-detail .detail-sy .radar-change .btn-1::after {background-position:-2139px -1650px}
.role-page .role-detail .detail-sy .radar-change .btn-1::after {
width:213px;
height:69px;

}
.no-webp .role-page .role-detail .detail-sy .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2048px -2315px}
.webp .role-page .role-detail .detail-sy .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2048px -2315px}
.no-webp .role-page .role-detail .detail-sy .radar-change .btn-2::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-sy .radar-change .btn-2::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-sy .radar-change .btn-2::before {background-position:-2048px -2315px}
.webp .role-page .role-detail .detail-sy .radar-change .btn-2::before {background-position:-2048px -2315px}
.role-page .role-detail .detail-sy .radar-change .btn-2::before {
width:209px;
height:65px;

}
.no-webp .role-page .role-detail .detail-sy .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1721px}
.webp .role-page .role-detail .detail-sy .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1721px}
.no-webp .role-page .role-detail .detail-sy .radar-change .btn-2::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-sy .radar-change .btn-2::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-sy .radar-change .btn-2::after {background-position:-2139px -1721px}
.webp .role-page .role-detail .detail-sy .radar-change .btn-2::after {background-position:-2139px -1721px}
.role-page .role-detail .detail-sy .radar-change .btn-2::after {
width:213px;
height:69px;

}
.no-webp .role-page .role-detail .detail-yt {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_39001e73.jpg) no-repeat center top}
.webp .role-page .role-detail .detail-yt {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_39001e73.webp) no-repeat center top}
.role-page .role-detail .detail-yt {
}
.no-webp .role-page .role-detail .detail-yt .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-0px -2098px}
.webp .role-page .role-detail .detail-yt .role-name {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-0px -2098px}
.no-webp .role-page .role-detail .detail-yt .role-name {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yt .role-name {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yt .role-name {background-position:-0px -2098px}
.webp .role-page .role-detail .detail-yt .role-name {background-position:-0px -2098px}
.role-page .role-detail .detail-yt .role-name {
width:391px;
height:140px;

}
.role-page .role-detail .detail-yt .radar-list .radar {
  display: none;
}
.role-page .role-detail .detail-yt .radar-list .radar.active {
  display: block;
}
.no-webp .role-page .role-detail .detail-yt .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2139px -235px}
.webp .role-page .role-detail .detail-yt .radar-list .radar:nth-child(1) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2139px -235px}
.no-webp .role-page .role-detail .detail-yt .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yt .radar-list .radar:nth-child(1) {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yt .radar-list .radar:nth-child(1) {background-position:-2139px -235px}
.webp .role-page .role-detail .detail-yt .radar-list .radar:nth-child(1) {background-position:-2139px -235px}
.role-page .role-detail .detail-yt .radar-list .radar:nth-child(1) {
width:265px;
height:233px;

}
.no-webp .role-page .role-detail .detail-yt .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2139px -470px}
.webp .role-page .role-detail .detail-yt .radar-list .radar:nth-child(2) {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2139px -470px}
.no-webp .role-page .role-detail .detail-yt .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yt .radar-list .radar:nth-child(2) {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yt .radar-list .radar:nth-child(2) {background-position:-2139px -470px}
.webp .role-page .role-detail .detail-yt .radar-list .radar:nth-child(2) {background-position:-2139px -470px}
.role-page .role-detail .detail-yt .radar-list .radar:nth-child(2) {
width:265px;
height:233px;

}
.no-webp .role-page .role-detail .detail-yt .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-0px -2382px}
.webp .role-page .role-detail .detail-yt .radar-change .btn-1::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-0px -2382px}
.no-webp .role-page .role-detail .detail-yt .radar-change .btn-1::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yt .radar-change .btn-1::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yt .radar-change .btn-1::before {background-position:-0px -2382px}
.webp .role-page .role-detail .detail-yt .radar-change .btn-1::before {background-position:-0px -2382px}
.role-page .role-detail .detail-yt .radar-change .btn-1::before {
width:209px;
height:65px;

}
.no-webp .role-page .role-detail .detail-yt .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1792px}
.webp .role-page .role-detail .detail-yt .radar-change .btn-1::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1792px}
.no-webp .role-page .role-detail .detail-yt .radar-change .btn-1::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yt .radar-change .btn-1::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yt .radar-change .btn-1::after {background-position:-2139px -1792px}
.webp .role-page .role-detail .detail-yt .radar-change .btn-1::after {background-position:-2139px -1792px}
.role-page .role-detail .detail-yt .radar-change .btn-1::after {
width:213px;
height:69px;

}
.no-webp .role-page .role-detail .detail-yt .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-211px -2382px}
.webp .role-page .role-detail .detail-yt .radar-change .btn-2::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-211px -2382px}
.no-webp .role-page .role-detail .detail-yt .radar-change .btn-2::before {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yt .radar-change .btn-2::before {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yt .radar-change .btn-2::before {background-position:-211px -2382px}
.webp .role-page .role-detail .detail-yt .radar-change .btn-2::before {background-position:-211px -2382px}
.role-page .role-detail .detail-yt .radar-change .btn-2::before {
width:209px;
height:65px;

}
.no-webp .role-page .role-detail .detail-yt .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1863px}
.webp .role-page .role-detail .detail-yt .radar-change .btn-2::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2139px -1863px}
.no-webp .role-page .role-detail .detail-yt .radar-change .btn-2::after {background-size:2772px 2549px}
.webp .role-page .role-detail .detail-yt .radar-change .btn-2::after {background-size:2772px 2549px}
.no-webp .role-page .role-detail .detail-yt .radar-change .btn-2::after {background-position:-2139px -1863px}
.webp .role-page .role-detail .detail-yt .radar-change .btn-2::after {background-position:-2139px -1863px}
.role-page .role-detail .detail-yt .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_98db8c89.jpg) center top no-repeat}
.webp .news-page {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_98db8c89.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1248px -898px}
.webp .news-page .news-wrap .tit {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1248px -898px}
.no-webp .news-page .news-wrap .tit {background-size:2772px 2549px}
.webp .news-page .news-wrap .tit {background-size:2772px 2549px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1248px -475px}
.webp .news-page .news-wrap .news-inner .banner {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1248px -475px}
.no-webp .news-page .news-wrap .news-inner .banner {background-size:2772px 2549px}
.webp .news-page .news-wrap .news-inner .banner {background-size:2772px 2549px}
.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 .swiper-container .swiper-button-bg {
  display: none;
}
.news-page .news-wrap .news-inner .banner .swiper-wrapper .swiper-slide {
  padding: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.news-page .news-wrap .news-inner .banner .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.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_339f9d59.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_339f9d59.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_4a4aa865.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_4a4aa865.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -0px}
.webp .wallpaper-page .title {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -0px}
.no-webp .wallpaper-page .title {background-size:2772px 2549px}
.webp .wallpaper-page .title {background-size:2772px 2549px}
.no-webp .wallpaper-page .title {background-position:-2406px -0px}
.webp .wallpaper-page .title {background-position:-2406px -0px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -2343px}
.webp .wallpaper-page .random-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -2343px}
.no-webp .wallpaper-page .random-btn {background-size:2772px 2549px}
.webp .wallpaper-page .random-btn {background-size:2772px 2549px}
.no-webp .wallpaper-page .random-btn {background-position:-2406px -2343px}
.webp .wallpaper-page .random-btn {background-position:-2406px -2343px}
.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_a7b11146.png) no-repeat;
  background-size: 100% 100%}
.webp .nav::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/nav-mask_a7b11146.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1813px -475px}
.webp .nav .bg .left .armis {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1813px -475px}
.no-webp .nav .bg .left .armis {background-size:2772px 2549px}
.webp .nav .bg .left .armis {background-size:2772px 2549px}
.no-webp .nav .bg .left .armis {background-position:-1813px -475px}
.webp .nav .bg .left .armis {background-position:-1813px -475px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2588px -1426px}
.webp .nav > ul > li:hover span, 
.webp .nav > ul > li.active span {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2588px -1426px}
.no-webp .nav > ul > li:hover span, 
.no-webp .nav > ul > li.active span {background-size:2772px 2549px}
.webp .nav > ul > li:hover span, 
.webp .nav > ul > li.active span {background-size:2772px 2549px}
.no-webp .nav > ul > li:hover span, 
.no-webp .nav > ul > li.active span {background-position:-2588px -1426px}
.webp .nav > ul > li:hover span, 
.webp .nav > ul > li.active span {background-position:-2588px -1426px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1813px -475px}
.webp .nav.open .bg .left .armis {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1813px -475px}
.no-webp .nav.open .bg .left .armis {background-size:2772px 2549px}
.webp .nav.open .bg .left .armis {background-size:2772px 2549px}
.no-webp .nav.open .bg .left .armis {background-position:-1813px -475px}
.webp .nav.open .bg .left .armis {background-position:-1813px -475px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1426px}
.webp .nav.open .bg .left .logo {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1426px}
.no-webp .nav.open .bg .left .logo {background-size:2772px 2549px}
.webp .nav.open .bg .left .logo {background-size:2772px 2549px}
.no-webp .nav.open .bg .left .logo {background-position:-2406px -1426px}
.webp .nav.open .bg .left .logo {background-position:-2406px -1426px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-0px -2449px}
.webp .nav.open .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-0px -2449px}
.no-webp .nav.open .close-btn {background-size:2772px 2549px}
.webp .nav.open .close-btn {background-size:2772px 2549px}
.no-webp .nav.open .close-btn {background-position:-0px -2449px}
.webp .nav.open .close-btn {background-position:-0px -2449px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2761px -76px}
.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-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2761px -76px}
.no-webp .nav.open > ul > li:hover span::before, 
.no-webp .nav.open > ul > li.active span::before {background-size:2772px 2549px}
.webp .nav.open > ul > li:hover span::before, 
.webp .nav.open > ul > li.active span::before {background-size:2772px 2549px}
.no-webp .nav.open > ul > li:hover span::before, 
.no-webp .nav.open > ul > li.active span::before {background-position:-2761px -76px}
.webp .nav.open > ul > li:hover span::before, 
.webp .nav.open > ul > li.active span::before {background-position:-2761px -76px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2622px -1704px}
.webp .videoPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2622px -1704px}
.no-webp .videoPop .close-btn {background-size:2772px 2549px}
.webp .videoPop .close-btn {background-size:2772px 2549px}
.no-webp .videoPop .close-btn {background-position:-2622px -1704px}
.webp .videoPop .close-btn {background-position:-2622px -1704px}
.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_976e42e3.jpg) no-repeat}
.webp .alertPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_976e42e3.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -286px}
.webp .alertPop .pop .cnt .confirm-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -286px}
.no-webp .alertPop .pop .cnt .confirm-btn {background-size:2772px 2549px}
.webp .alertPop .pop .cnt .confirm-btn {background-size:2772px 2549px}
.no-webp .alertPop .pop .cnt .confirm-btn {background-position:-2406px -286px}
.webp .alertPop .pop .cnt .confirm-btn {background-position:-2406px -286px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2622px -1704px}
.webp .alertPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2622px -1704px}
.no-webp .alertPop .close-btn {background-size:2772px 2549px}
.webp .alertPop .close-btn {background-size:2772px 2549px}
.no-webp .alertPop .close-btn {background-position:-2622px -1704px}
.webp .alertPop .close-btn {background-position:-2622px -1704px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2622px -1704px}
.webp .privacyPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2622px -1704px}
.no-webp .privacyPop .close-btn {background-size:2772px 2549px}
.webp .privacyPop .close-btn {background-size:2772px 2549px}
.no-webp .privacyPop .close-btn {background-position:-2622px -1704px}
.webp .privacyPop .close-btn {background-position:-2622px -1704px}
.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_e815e0a9.jpg) no-repeat}
.webp .successPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_e815e0a9.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -146px}
.webp .successPop .pop .cnt .link-1 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -146px}
.no-webp .successPop .pop .cnt .link-1 {background-size:2772px 2549px}
.webp .successPop .pop .cnt .link-1 {background-size:2772px 2549px}
.no-webp .successPop .pop .cnt .link-1 {background-position:-2406px -146px}
.webp .successPop .pop .cnt .link-1 {background-position:-2406px -146px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -216px}
.webp .successPop .pop .cnt .link-2 {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -216px}
.no-webp .successPop .pop .cnt .link-2 {background-size:2772px 2549px}
.webp .successPop .pop .cnt .link-2 {background-size:2772px 2549px}
.no-webp .successPop .pop .cnt .link-2 {background-position:-2406px -216px}
.webp .successPop .pop .cnt .link-2 {background-position:-2406px -216px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2622px -1704px}
.webp .successPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2622px -1704px}
.no-webp .successPop .close-btn {background-size:2772px 2549px}
.webp .successPop .close-btn {background-size:2772px 2549px}
.no-webp .successPop .close-btn {background-position:-2622px -1704px}
.webp .successPop .close-btn {background-position:-2622px -1704px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2688px -938px}
.webp .top-bar a.home-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2688px -938px}
.no-webp .top-bar a.home-link {background-size:2772px 2549px}
.webp .top-bar a.home-link {background-size:2772px 2549px}
.no-webp .top-bar a.home-link {background-position:-2688px -938px}
.webp .top-bar a.home-link {background-position:-2688px -938px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2688px -1079px}
.webp .top-bar a.home-link:hover {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2688px -1079px}
.no-webp .top-bar a.home-link:hover {background-size:2772px 2549px}
.webp .top-bar a.home-link:hover {background-size:2772px 2549px}
.no-webp .top-bar a.home-link:hover {background-position:-2688px -1079px}
.webp .top-bar a.home-link:hover {background-position:-2688px -1079px}
.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_7b956225.png) no-repeat}
.webp .top-bar a.share-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/share-link_7b956225.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2688px -879px}
.webp .top-bar a.share-link:hover {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2688px -879px}
.no-webp .top-bar a.share-link:hover {background-size:2772px 2549px}
.webp .top-bar a.share-link:hover {background-size:2772px 2549px}
.no-webp .top-bar a.share-link:hover {background-position:-2688px -879px}
.webp .top-bar a.share-link:hover {background-position:-2688px -879px}
.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_2c246b32.png) no-repeat}
.webp .top-bar a.cafe-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/cafe-link_2c246b32.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2688px -1158px}
.webp .top-bar a.cafe-link:hover {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2688px -1158px}
.no-webp .top-bar a.cafe-link:hover {background-size:2772px 2549px}
.webp .top-bar a.cafe-link:hover {background-size:2772px 2549px}
.no-webp .top-bar a.cafe-link:hover {background-position:-2688px -1158px}
.webp .top-bar a.cafe-link:hover {background-position:-2688px -1158px}
.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_57f63917.png) no-repeat}
.webp .event-link {background:url(https://www.armis.kr/pc/zt/20210713163229/img/event_pop_57f63917.webp) no-repeat}
.event-link {
  display: block;
  position: fixed;
  z-index: 9;
  right: 20px;
  bottom: 40px;
  width: 212px;
  height: 236px;
  cursor: pointer;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.no-webp .event-link:hover {background-image:url(https://www.armis.kr/pc/zt/20210713163229/img/event_pop_h_4ff4c704.png)}
.webp .event-link:hover {background-image:url(https://www.armis.kr/pc/zt/20210713163229/img/event_pop_h_4ff4c704.webp)}
.event-link:hover {
}
.no-webp .banner-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1361px}
.webp .banner-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1361px}
.no-webp .banner-btn {background-size:2772px 2549px}
.webp .banner-btn {background-size:2772px 2549px}
.no-webp .banner-btn {background-position:-2406px -1361px}
.webp .banner-btn {background-position:-2406px -1361px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2688px -1017px}
.webp .activation-code .bg .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2688px -1017px}
.no-webp .activation-code .bg .close-btn {background-size:2772px 2549px}
.webp .activation-code .bg .close-btn {background-size:2772px 2549px}
.no-webp .activation-code .bg .close-btn {background-position:-2688px -1017px}
.webp .activation-code .bg .close-btn {background-position:-2688px -1017px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1248px -0px}
.webp .activation-code .bg .content .input-bg {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1248px -0px}
.no-webp .activation-code .bg .content .input-bg {background-size:2772px 2549px}
.webp .activation-code .bg .content .input-bg {background-size:2772px 2549px}
.no-webp .activation-code .bg .content .input-bg {background-position:-1248px -0px}
.webp .activation-code .bg .content .input-bg {background-position:-1248px -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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2755px -465px}
.webp .activation-code .bg .content .input-bg .phone .ipt .sanjiao {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2755px -465px}
.no-webp .activation-code .bg .content .input-bg .phone .ipt .sanjiao {background-size:2772px 2549px}
.webp .activation-code .bg .content .input-bg .phone .ipt .sanjiao {background-size:2772px 2549px}
.no-webp .activation-code .bg .content .input-bg .phone .ipt .sanjiao {background-position:-2755px -465px}
.webp .activation-code .bg .content .input-bg .phone .ipt .sanjiao {background-position:-2755px -465px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2690px -772px}
.webp .activation-code .bg .content .input-bg .phone .ipt-phone::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2690px -772px}
.no-webp .activation-code .bg .content .input-bg .phone .ipt-phone::after {background-size:2772px 2549px}
.webp .activation-code .bg .content .input-bg .phone .ipt-phone::after {background-size:2772px 2549px}
.no-webp .activation-code .bg .content .input-bg .phone .ipt-phone::after {background-position:-2690px -772px}
.webp .activation-code .bg .content .input-bg .phone .ipt-phone::after {background-position:-2690px -772px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2712px -772px}
.webp .activation-code .bg .content .input-bg .phone .ipt-phone .clearbtn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2712px -772px}
.no-webp .activation-code .bg .content .input-bg .phone .ipt-phone .clearbtn {background-size:2772px 2549px}
.webp .activation-code .bg .content .input-bg .phone .ipt-phone .clearbtn {background-size:2772px 2549px}
.no-webp .activation-code .bg .content .input-bg .phone .ipt-phone .clearbtn {background-position:-2712px -772px}
.webp .activation-code .bg .content .input-bg .phone .ipt-phone .clearbtn {background-position:-2712px -772px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2685px -1361px}
.webp .activation-code .bg .content .input-bg .details .details-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2685px -1361px}
.no-webp .activation-code .bg .content .input-bg .details .details-btn {background-size:2772px 2549px}
.webp .activation-code .bg .content .input-bg .details .details-btn {background-size:2772px 2549px}
.no-webp .activation-code .bg .content .input-bg .details .details-btn {background-position:-2685px -1361px}
.webp .activation-code .bg .content .input-bg .details .details-btn {background-position:-2685px -1361px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-624px -0px}
.webp .activation-code .bg .content .succeed {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-624px -0px}
.no-webp .activation-code .bg .content .succeed {background-size:2772px 2549px}
.webp .activation-code .bg .content .succeed {background-size:2772px 2549px}
.no-webp .activation-code .bg .content .succeed {background-position:-624px -0px}
.webp .activation-code .bg .content .succeed {background-position:-624px -0px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-0px -475px}
.webp .activation-code .bg .content .restrict {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-0px -475px}
.no-webp .activation-code .bg .content .restrict {background-size:2772px 2549px}
.webp .activation-code .bg .content .restrict {background-size:2772px 2549px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-624px -475px}
.webp .activation-code .bg .content .explain {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-624px -475px}
.no-webp .activation-code .bg .content .explain {background-size:2772px 2549px}
.webp .activation-code .bg .content .explain {background-size:2772px 2549px}
.no-webp .activation-code .bg .content .explain {background-position:-624px -475px}
.webp .activation-code .bg .content .explain {background-position:-624px -475px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1248px -0px}
.webp .activation-code .bg .content .hint {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1248px -0px}
.no-webp .activation-code .bg .content .hint {background-size:2772px 2549px}
.webp .activation-code .bg .content .hint {background-size:2772px 2549px}
.no-webp .activation-code .bg .content .hint {background-position:-1248px -0px}
.webp .activation-code .bg .content .hint {background-position:-1248px -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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2755px -356px}
.webp .activation-code .bg .content .hint .hint-text::after {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2755px -356px}
.no-webp .activation-code .bg .content .hint .hint-text::after {background-size:2772px 2549px}
.webp .activation-code .bg .content .hint .hint-text::after {background-size:2772px 2549px}
.no-webp .activation-code .bg .content .hint .hint-text::after {background-position:-2755px -356px}
.webp .activation-code .bg .content .hint .hint-text::after {background-position:-2755px -356px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2755px -389px}
.webp .activation-code .bg .content .hint .hint-text::before {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2755px -389px}
.no-webp .activation-code .bg .content .hint .hint-text::before {background-size:2772px 2549px}
.webp .activation-code .bg .content .hint .hint-text::before {background-size:2772px 2549px}
.no-webp .activation-code .bg .content .hint .hint-text::before {background-position:-2755px -389px}
.webp .activation-code .bg .content .hint .hint-text::before {background-position:-2755px -389px}
.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_3c13d208.png) no-repeat}
.webp .entrance {background:url(https://www.armis.kr/pc/zt/20210713163229/img/entrance_3c13d208.webp) no-repeat}
.entrance {
  display: block;
  position: fixed;
  z-index: 9;
  left: -22px;
  bottom: 58px;
  width: 188px;
  height: 218px;
  cursor: pointer;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.no-webp .entrance:hover {background-image:url(https://www.armis.kr/pc/zt/20210713163229/img/entrance_h_e2088462.png)}
.webp .entrance:hover {background-image:url(https://www.armis.kr/pc/zt/20210713163229/img/entrance_h_e2088462.webp)}
.entrance:hover {
}
.no-webp .keyevent {background:url(https://www.armis.kr/pc/zt/20210713163229/img/keyevent_5727ff3c.png) no-repeat}
.webp .keyevent {background:url(https://www.armis.kr/pc/zt/20210713163229/img/keyevent_5727ff3c.webp) no-repeat}
.keyevent {
  display: block;
  position: fixed;
  z-index: 9;
  left: 125px;
  bottom: 58px;
  width: 218px;
  height: 218px;
  cursor: pointer;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.no-webp .keyevent:hover {background-image:url(https://www.armis.kr/pc/zt/20210713163229/img/keyevent_h_fa318985.png)}
.webp .keyevent:hover {background-image:url(https://www.armis.kr/pc/zt/20210713163229/img/keyevent_h_fa318985.webp)}
.keyevent:hover {
}
.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_976e42e3.jpg) no-repeat}
.webp .sharePop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/bg_976e42e3.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2622px -1704px}
.webp .sharePop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2622px -1704px}
.no-webp .sharePop .close-btn {background-size:2772px 2549px}
.webp .sharePop .close-btn {background-size:2772px 2549px}
.no-webp .sharePop .close-btn {background-position:-2622px -1704px}
.webp .sharePop .close-btn {background-position:-2622px -1704px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2688px -1291px}
.webp .bannerPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2688px -1291px}
.no-webp .bannerPop .close-btn {background-size:2772px 2549px}
.webp .bannerPop .close-btn {background-size:2772px 2549px}
.no-webp .bannerPop .close-btn {background-position:-2688px -1291px}
.webp .bannerPop .close-btn {background-position:-2688px -1291px}
.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_ddbb2887.jpg) no-repeat}
.webp .reCaptchaPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/reCaptchBg_ddbb2887.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -286px}
.webp .reCaptchaPop .pop .cnt .confirm-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -286px}
.no-webp .reCaptchaPop .pop .cnt .confirm-btn {background-size:2772px 2549px}
.webp .reCaptchaPop .pop .cnt .confirm-btn {background-size:2772px 2549px}
.no-webp .reCaptchaPop .pop .cnt .confirm-btn {background-position:-2406px -286px}
.webp .reCaptchaPop .pop .cnt .confirm-btn {background-position:-2406px -286px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2622px -1704px}
.webp .reCaptchaPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2622px -1704px}
.no-webp .reCaptchaPop .close-btn {background-size:2772px 2549px}
.webp .reCaptchaPop .close-btn {background-size:2772px 2549px}
.no-webp .reCaptchaPop .close-btn {background-position:-2622px -1704px}
.webp .reCaptchaPop .close-btn {background-position:-2622px -1704px}
.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_d9f4dd97.jpg) no-repeat}
.webp .editionPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/giftCon-pop2_d9f4dd97.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2685px -1388px}
.webp .editionPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2685px -1388px}
.no-webp .editionPop .close-btn {background-size:2772px 2549px}
.webp .editionPop .close-btn {background-size:2772px 2549px}
.no-webp .editionPop .close-btn {background-position:-2685px -1388px}
.webp .editionPop .close-btn {background-position:-2685px -1388px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-650px -950px}
.webp .giftCodePop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-650px -950px}
.no-webp .giftCodePop .pop {background-size:2772px 2549px}
.webp .giftCodePop .pop {background-size:2772px 2549px}
.no-webp .giftCodePop .pop {background-position:-650px -950px}
.webp .giftCodePop .pop {background-position:-650px -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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1523px}
.webp .giftCodePop .pop .cnt .code {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2406px -1523px}
.no-webp .giftCodePop .pop .cnt .code {background-size:2772px 2549px}
.webp .giftCodePop .pop .cnt .code {background-size:2772px 2549px}
.no-webp .giftCodePop .pop .cnt .code {background-position:-2406px -1523px}
.webp .giftCodePop .pop .cnt .code {background-position:-2406px -1523px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2685px -1388px}
.webp .giftCodePop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2685px -1388px}
.no-webp .giftCodePop .close-btn {background-size:2772px 2549px}
.webp .giftCodePop .close-btn {background-size:2772px 2549px}
.no-webp .giftCodePop .close-btn {background-position:-2685px -1388px}
.webp .giftCodePop .close-btn {background-position:-2685px -1388px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-650px -950px}
.webp .bindConfirmPop .pop {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-650px -950px}
.no-webp .bindConfirmPop .pop {background-size:2772px 2549px}
.webp .bindConfirmPop .pop {background-size:2772px 2549px}
.no-webp .bindConfirmPop .pop {background-position:-650px -950px}
.webp .bindConfirmPop .pop {background-position:-650px -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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-1965px -2173px}
.webp .bindConfirmPop .pop .cnt .btn-box a.yes-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-1965px -2173px}
.no-webp .bindConfirmPop .pop .cnt .btn-box a.yes-btn {background-size:2772px 2549px}
.webp .bindConfirmPop .pop .cnt .btn-box a.yes-btn {background-size:2772px 2549px}
.no-webp .bindConfirmPop .pop .cnt .btn-box a.yes-btn {background-position:-1965px -2173px}
.webp .bindConfirmPop .pop .cnt .btn-box a.yes-btn {background-position:-1965px -2173px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2161px -2173px}
.webp .bindConfirmPop .pop .cnt .btn-box a.no-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2161px -2173px}
.no-webp .bindConfirmPop .pop .cnt .btn-box a.no-btn {background-size:2772px 2549px}
.webp .bindConfirmPop .pop .cnt .btn-box a.no-btn {background-size:2772px 2549px}
.no-webp .bindConfirmPop .pop .cnt .btn-box a.no-btn {background-position:-2161px -2173px}
.webp .bindConfirmPop .pop .cnt .btn-box a.no-btn {background-position:-2161px -2173px}
.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-bbbeb8_bbbeb826.png) no-repeat;background-size:2772px 2549px;
background-position:-2685px -1388px}
.webp .bindConfirmPop .close-btn {background:url(https://www.armis.kr/pc/zt/20210713163229/img/sprite-bbbeb8_bbbeb826.webp) no-repeat;background-size:2772px 2549px;
background-position:-2685px -1388px}
.no-webp .bindConfirmPop .close-btn {background-size:2772px 2549px}
.webp .bindConfirmPop .close-btn {background-size:2772px 2549px}
.no-webp .bindConfirmPop .close-btn {background-position:-2685px -1388px}
.webp .bindConfirmPop .close-btn {background-position:-2685px -1388px}
.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);
}