.xh2-section {
  position: relative;
  color: #fff;
  background-color: #000; }

.xh2-section .point {
  position: relative; }

.xh2-section .point span {
  position: absolute;
  margin-top: -100px; }

.xh2-section .desc {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.4rem;
  text-align: left; }

.xh2-section .desc.copy {
  text-align: right;
  margin: 1rem 0; }

@media (max-width: 59.99em) {
  .xh2-section .desc {
    font-size: 1.2rem; } }

.xh2-section .color-title {
  color: #fff;
  font-family: "Manrope", "NanumSquare", "Malgun Gothic", sans-serif;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.1rem;
  text-align: center; }

.xh2-section .color-title em {
  color: transparent;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, right top, from(#04ece8), color-stop(30%, #6a6ae9), to(#e400d7));
  background: -o-linear-gradient(left, #04ece8 0%, #6a6ae9 30%, #e400d7 100%);
  background: linear-gradient(to right, #04ece8 0%, #6a6ae9 30%, #e400d7 100%);
  -webkit-background-clip: text;
  background-clip: text; }

.xh2-section .swiper-pagination {
  text-align: center; }

.xh2-section .swiper-pagination-bullet {
  border: 0 !important;
  padding-top: 3px !important;
  height: auto !important;
  background: #fff; }

.xh2-section .swiper-pagination-bullet:hover, .xh2-section .swiper-pagination-bullet:focus {
  background: rgba(255, 255, 255, 0.5) !important; }

.xh2-section .swiper-pagination-bullet-active, .xh2-section .swiper-pagination-bullet-active:hover, .xh2-section .swiper-pagination-bullet-active:focus {
  background: -o-linear-gradient(315deg, #0061ce 0%, #e400d7 100%) !important;
  background: linear-gradient(135deg, #0061ce 0%, #e400d7 100%) !important; }

.xh2-section .swiper-button-prev::before, .xh2-section .swiper-button-next::before {
  color: #fff;
  font-size: 3rem;
  font-weight: bold; }

@media (min-width: 45em) {
  .xh2-section .swiper-button-prev::before, .xh2-section .swiper-button-next::before {
    font-size: 5rem; } }

.hero-section {
  position: relative; }

.hero-section .swiper-slide {
  position: relative;
  background-color: #000; }

.hero-section .swiper-slide img {
  width: 100%; }

.hero-section .swiper-pagination {
  position: absolute;
  z-index: 5;
  bottom: -10%; }

.hero-section .desc {
  position: absolute;
  z-index: 2;
  right: 2rem;
  bottom: 0;
  margin: 0; }

@media (min-width: 60em) {
  .hero-section .swiper-wrapper {
    padding-bottom: 30rem; }
  .hero-section .desc,
  .hero-section .swiper-pagination {
    bottom: 5%; } }

@media (min-width: 75em) {
  .hero-section .swiper-wrapper {
    padding-bottom: 10rem; } }

.hero-section__cont {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }

.hero-section__cont-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 20%; }

@media (min-width: 60em) {
  .hero-section__cont-inner {
    padding-top: 0; } }

.hero-section__logo {
  padding: 0 20%;
  max-width: 500px;
  margin: 0 auto; }

.hero-section__pro {
  padding: 0 20%;
  max-width: 700px;
  margin: 3rem auto 0; }

.hero-section__contents {
  position: relative;
  background-color: #000; }

.hero-section__contents .titie {
  color: #fff;
  z-index: 3; }

.hero-section__contents .flexible-obj {
  z-index: 3; }

.than-ever {
  position: relative;
  color: #fff; }

.than-ever__section {
  position: relative; }

.than-ever__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: calc(100vh - 100px); }

@media (min-width: 60em) {
  .than-ever__bg {
    height: calc(100vh - 140px); } }

.than-ever__bg .copy {
  position: absolute;
  right: 2rem;
  bottom: 1rem; }

.than-ever__head {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  height: calc(100vh - 100px); }

@media (min-width: 60em) {
  .than-ever__head {
    height: calc(100vh - 140px); } }

.than-ever__head-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.than-ever__tl {
  position: relative;
  text-align: center;
  margin-bottom: 2rem; }

.than-ever__tl .title {
  color: #fff; }

.than-ever__memu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
  font-size: 2.2rem;
  line-height: 1.2;
  letter-spacing: -0.7px; }

.than-ever__memu [lang="en"] {
  line-height: 1; }

.than-ever__memu strong {
  font-size: 3.2rem; }

.than-ever__memu span {
  font-size: 2.0rem; }

.than-ever__memu small {
  font-size: 70%; }

@media (min-width: 45em) {
  .than-ever__memu {
    font-size: 3rem; }
  .than-ever__memu strong {
    font-size: 3.8rem; }
  .than-ever__memu span {
    font-size: 2.4rem; } }

@media (min-width: 60em) {
  .than-ever__memu {
    font-size: 3.6rem; }
  .than-ever__memu strong {
    font-size: 4.4rem; }
  .than-ever__memu span {
    font-size: 2.8rem; } }

@media (min-width: 75em) {
  .than-ever__memu {
    font-size: 4.2rem; }
  .than-ever__memu strong {
    font-size: 5rem; }
  .than-ever__memu span {
    font-size: 3.2rem; } }

.than-ever__memu .item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
  margin: 1rem;
  padding: 2rem 1rem 4rem 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 1rem;
  border: 2px solid #fff;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.than-ever__memu .item:after {
  content: '\ea18';
  display: inline-block;
  font-family: 'icon';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none !important;
  text-transform: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1rem;
  font-size: 1rem; }

.than-ever__memu .item p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

@media (min-width: 60em) {
  .than-ever__memu .item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    padding-top: 3rem;
    padding-bottom: 6rem; }
  .than-ever__memu .item::after {
    bottom: 2rem;
    font-size: 1.6rem; } }

.than-ever__memu .item:hover, .than-ever__memu .item:focus {
  color: #04ece8;
  border-color: #04ece8; }

.than-section {
  position: relative;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100% auto; }

.than-section__head {
  position: relative;
  z-index: 2;
  text-align: center; }

.than-section__cont {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.than-section__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: calc(100vh - 100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }

@media (min-width: 60em) {
  .than-section__bg {
    height: calc(100vh - 140px); } }

.than-section__bg .copy {
  position: absolute;
  right: 2rem;
  bottom: 1rem;
  z-index: 2; }

.than-section__bg + .than-section__cont {
  height: calc(100vh - 100px);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 3rem; }

@media (min-width: 60em) {
  .than-section__bg + .than-section__cont {
    height: calc(100vh - 140px); } }

@media (min-width: 60em) {
  .than-section__bg + .than-section__cont {
    padding: 5rem; } }

.than-section__thumb {
  position: relative;
  z-index: 1;
  text-align: center; }

.than-section__thumb .copy {
  position: absolute;
  right: 2rem;
  bottom: 1rem;
  z-index: 2; }

.than-section__thumb .copy.top {
  bottom: auto;
  top: 1rem; }

.than-section__thumb + .than-section__cont {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  height: calc(100vh - 100px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3rem; }

@media (min-width: 60em) {
  .than-section__thumb + .than-section__cont {
    height: calc(100vh - 140px); } }

@media (min-width: 60em) {
  .than-section__thumb + .than-section__cont {
    padding: 5rem; } }

.than-section .title1 {
  text-align: left;
  color: #fff;
  font-size: 4rem;
  line-height: 1.2; }

.than-section .title1 [lang="en"] {
  line-height: 1; }

.than-section .title1 strong {
  font-size: 6rem; }

.than-section .title1 small {
  font-size: 70%; }

.than-section .title1.color-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center; }

@media (min-width: 45em) {
  .than-section .title1 {
    font-size: 5rem; }
  .than-section .title1 strong {
    font-size: 8rem; } }

@media (min-width: 60em) {
  .than-section .title1 {
    font-size: 6rem; }
  .than-section .title1 strong {
    font-size: 10rem; } }

@media (min-width: 75em) {
  .than-section .title1 {
    font-size: 7rem; }
  .than-section .title1 strong {
    font-size: 12rem; } }

.than-section .title2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #fff;
  line-height: 1.2; }

.than-section .title2 [lang="en"] {
  line-height: 1; }

.than-section .title2 strong {
  font-size: 3rem; }

@media (min-width: 45em) {
  .than-section .title2 strong {
    font-size: 4rem; } }

@media (min-width: 60em) {
  .than-section .title2 strong {
    font-size: 5rem; } }

@media (min-width: 75em) {
  .than-section .title2 strong {
    font-size: 6rem; } }

.than-section .s-title {
  color: #fff; }

.than-section .ta-c + .h3,
.than-section p + .h3 {
  margin-top: 0; }

.than-section .table {
  border-left: 1px solid #e5e5e5; }

.than-section .table th, .than-section .table td {
  color: #fff; }

.than-section .table th {
  background-color: rgba(255, 255, 255, 0.2); }

.processor__set {
  padding: 4rem;
  margin: 4rem 0;
  color: #fff;
  text-align: center;
  background: -o-linear-gradient(315deg, #566fbf 0%, rgba(80, 50, 121, 0.8) 28%, rgba(25, 7, 26, 0.8) 100%);
  background: linear-gradient(135deg, #566fbf 0%, rgba(80, 50, 121, 0.8) 28%, rgba(25, 7, 26, 0.8) 100%); }

.processor__set .h3 {
  color: #fff;
  margin-bottom: 2rem; }

@media (min-width: 60em) {
  .processor__set {
    padding: 8rem;
    margin: 8rem 0; } }

.processor__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem; }

.processor__list li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  margin: 1rem;
  padding: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #566FBF;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.processor__list li strong {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

@media (min-width: 60em) {
  .processor__list li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%; } }

.resolution__wrap .swiper-container {
  overflow: visible;
  width: 50%;
  padding-left: 25% !important;
  padding-right: 25% !important; }

.resolution__wrap .swiper-slide {
  overflow: hidden;
  cursor: pointer; }

.resolution__wrap .swiper-slide img {
  width: 100%; }

.resolution__area {
  text-align: center; }

.resolution__list {
  padding: 2rem;
  border: 2px solid #566FBF; }

.resolution__list span {
  display: inline-block;
  margin: 0.2rem 1rem; }

.color-list__item {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.color-list__item .video,
.color-list__item .thumb {
  position: relative;
  text-align: center;
  padding-right: 10%; }

.color-list__item .video .copy,
.color-list__item .thumb .copy {
  position: absolute;
  right: 2rem;
  bottom: 13%;
  z-index: 2; }

.color-list__item .thumb {
  z-index: 1; }

.color-list__item .video {
  z-index: 5; }

.color-list__item .cont {
  position: relative;
  z-index: 3;
  text-align: left;
  background: -o-linear-gradient(315deg, #4c8de9 0%, #503279 29%, #92199d 100%);
  background: linear-gradient(135deg, #4c8de9 0%, #503279 29%, #92199d 100%);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.color-list__item .cont-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 3rem; }

.color-list__item .s-title {
  color: #fff; }

@media (max-width: 59.99em) {
  .color-list__item .cont {
    width: 85%; }
  .color-list__item .thumb + .cont {
    -webkit-transform: translate(15%, -20%);
        -ms-transform: translate(15%, -20%);
            transform: translate(15%, -20%); }
  .color-list__item .video + .cont {
    padding-top: 5rem;
    -webkit-transform: translate(-3%, -15%);
        -ms-transform: translate(-3%, -15%);
            transform: translate(-3%, -15%); }
  .color-list__item.row-reverse .thumb + .cont {
    -webkit-transform: translate(-15%, -15%);
        -ms-transform: translate(-15%, -15%);
            transform: translate(-15%, -15%); } }

@media (min-width: 60em) {
  .color-list__item .cont {
    -webkit-transform: translate(-30%, 25%);
        -ms-transform: translate(-30%, 25%);
            transform: translate(-30%, 25%); }
  .color-list__item .cont-inner {
    padding: 5rem; }
  .color-list__item .video,
  .color-list__item .thumb {
    padding-right: 0; }
  .color-list__item.row-reverse .thumb + .cont {
    -webkit-transform: translate(15%, 15%);
        -ms-transform: translate(15%, 15%);
            transform: translate(15%, 15%); }
  .color-list__item.row-reverse .video + .cont {
    padding-top: 0;
    padding-right: 5%;
    -webkit-transform: translate(20%, 15%);
        -ms-transform: translate(20%, 15%);
            transform: translate(20%, 15%); } }

.prores__item {
  padding: 3rem;
  border: 2px solid #566FBF; }

@media (min-width: 60em) {
  .prores__item {
    padding: 5rem; } }

.interface__list img {
  width: 100%; }

.interface__list .item {
  margin-bottom: 3rem; }

.interface__list .cont {
  margin-top: 2rem; }