.prd-hero .swiper-container {
  height: 100%; }

.prd-hero .swiper-slide {
  height: 100%; }

.prd-hero .swiper-slide .row {
  height: 100%; }

.prd-hero .swiper-slide .col-6 {
  position: relative; }

.prd-hero__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.kv-view {
  height: auto;
  padding-bottom: 120px; }

.kv-view .full-view__cont {
  max-width: 720px; }

.kv {
  position: relative;
  z-index: 20;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -30vh; }

.kv + * {
  margin-top: 80px; }

.kv__img {
  width: 100%; }

.mp-large {
  position: relative; }

.mp-large__bg {
  overflow: hidden; }

.mp-large__picture {
  width: 100%; }

.mp-large__img {
  width: 100%; }

.mp-large__cont {
  position: absolute;
  left: 5%;
  bottom: 8%; }

.mp-large__1 {
  font-family: "Manrope", "NanumSquare", "Malgun Gothic", sans-serif; }

.mp-large__num {
  font-size: 10rem;
  font-size: 23vw;
  margin-left: -0.01em;
  letter-spacing: -0.05em;
  line-height: 1; }

.mp-large__unit {
  margin-left: .2em;
  font-size: 8vw; }

.mp-large__format {
  margin-top: -.25em;
  font-size: 6.25vw;
  font-family: "Manrope", "NanumSquare", "Malgun Gothic", sans-serif;
  line-height: 1; }

.mp-large__credit {
  position: absolute;
  top: 100%;
  right: 0;
  color: #414141;
  font-size: 1.5rem;
  padding: .5em 1em; }

.packing--device {
  padding-left: 0;
  padding-right: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.packing--device li {
  width: 20%; }

.packing--device .packing__icon {
  width: 70px;
  margin: 0 auto; }

.packing--device .packing__title {
  margin-top: .75em;
  line-height: 1;
  text-align: center; }

@media (min-width: 60em) {
  .packing--device {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .packing--device .packing__icon {
    width: 100px; } }

.s-cover__box {
  position: relative; }

.s-cover__img {
  width: 100%; }

.s-cover__cont {
  position: absolute;
  left: 5%;
  bottom: 8%;
  color: #fff;
  font-size: 6rem;
  font-size: 5vw;
  font-weight: 800;
  line-height: 1; }

.s-cover__caption {
  padding: .5em 1em;
  text-align: right; }

.photographers-voice {
  border: 1px solid #e5e5e5; }

.photographers-voice__user {
  float: right;
  margin-left: 3rem;
  text-align: right; }

.photographers-voice__user img {
  display: block;
  margin-bottom: 10px; }

.section-color-science .deco {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  opacity: .6;
  width: 100%;
  mix-blend-mode: overlay; }

.section-color-science .deco img {
  width: 100%; }

.section-color-science .swiper-slide figcaption {
  position: absolute;
  left: 50px;
  bottom: 20px;
  color: #fff;
  z-index: 20;
  font-family: "Manrope", "NanumSquare", "Malgun Gothic", sans-serif;
  font-size: 24px;
  font-weight: 800; }

.section-operation {
  overflow: hidden; }

.section-operation__frames {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.section-operation__frame {
  position: relative;
  width: 50%; }

.section-operation .packing--device {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.section-operation .packing--device li {
  margin-top: 2em; }

@media (min-width: 45em) {
  .section-operation .packing--device li {
    width: 33%;
    margin-top: 3em; } }

@media (min-width: 60em) {
  .section-operation .packing--device li {
    width: 20%;
    margin-top: 3em; } }

.section-af {
  padding-top: 0; }

.section-video .packing--device li {
  width: 50%;
  margin-top: 2em; }

@media (min-width: 60em) {
  .section-video .packing--device li {
    width: 18%; } }

.firmware-info time {
  font-family: "Manrope", "NanumSquare", "Malgun Gothic", sans-serif; }

.firmware-info dt {
  margin: 0 0 50px 50px;
  padding: 70px 20px 0;
  border-left: 1px solid #fff; }

.firmware-info dd {
  padding-left: 70px; }

.firmware-info__desc {
  line-height: 1; }

.firmware-info__desc b {
  font-size: 2em; }

.firmware-info__ver {
  font-size: 80px;
  letter-spacing: -0.04em;
  line-height: 1; }

.firmware-info .link {
  margin-top: 1em;
  color: #fff; }

.firmware-info .link__text {
  background-image: -o-linear-gradient(transparent calc(100% - 1px), #fff 1px);
  background-image: linear-gradient(transparent calc(100% - 1px), #fff 1px); }

@media (min-width: 45em) and (max-width: 74.99em) {
  .firmware-info time {
    font-size: 1.42857vw; }
  .firmware-info dt {
    margin: 0 0 3.57143vw 3.57143vw;
    padding: 5vw 1.42857vw 0; }
  .firmware-info dd {
    padding-left: 5vw; }
  .firmware-info__desc {
    font-size: 1.71429vw; }
  .firmware-info__ver {
    font-size: 5.71429vw; } }

@media (max-width: 44.99em) {
  .firmware-info {
    padding-bottom: 5rem; }
  .firmware-info-box {
    width: 100%; } }

.modal-feature figcaption {
  padding: 0 1em;
  text-align: right; }

.modal-feature .box {
  border: 1px solid #cccccc;
  padding: 20px; }

.modal-feature p img {
  vertical-align: middle; }

.modal-feature .has-frame {
  position: relative;
  overflow: hidden; }

.modal-feature .frame {
  position: absolute;
  border: 2px solid #ED1A3B;
  background-color: rgba(237, 26, 59, 0.3);
  width: 10%;
  height: 0;
  padding-bottom: 7.5%; }

.modal-feature .frame01 {
  top: 58%;
  left: 15%; }

.modal-feature .frame02 {
  top: 60%;
  left: 25%; }

.modal-feature .frame03 {
  top: 38%;
  left: 40%; }

@media (min-width: 45em) {
  .modal-feature .box {
    padding: 5% 10%; }
  .modal-feature .frame {
    width: 11.25%;
    padding-bottom: 7.5%; }
  .modal-feature .frame01 {
    top: 61.5%;
    left: 14%; }
  .modal-feature .frame02 {
    top: 62%;
    left: 24%; }
  .modal-feature .frame03 {
    top: 42.5%;
    left: 39%; } }

.fig-cover figcaption {
  padding: .5em 1em;
  text-align: right; }

.fig-caption-on {
  position: relative; }

.fig-caption-on figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 1em 1.5em; }

.gallery-swiper .gallery-box {
  display: block; }

.gallery-swiper figcaption {
  margin-top: 5px;
  text-align: center; }

.gallery-swiper .swiper-button-prev, .gallery-swiper .swiper-button-next {
  top: 0;
  width: 11.5%;
  height: calc(100% - 30px);
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.gallery-swiper .swiper-button-prev::before, .gallery-swiper .swiper-button-next::before {
  position: absolute;
  z-index: 5;
  font-size: 2rem;
  color: #fff; }

.gallery-swiper .swiper-button-prev::after, .gallery-swiper .swiper-button-next::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(10, 10, 10, 0.5); }

.gallery-swiper .swiper-button-prev {
  left: 0; }

.gallery-swiper .swiper-button-prev::before {
  left: 20px; }

.gallery-swiper .swiper-button-next {
  right: 0; }

.gallery-swiper .swiper-button-next::before {
  right: 20px; }

.gallery-swiper .swiper-slide-prev, .gallery-swiper .swiper-slide-next {
  position: relative; }

@media (min-width: 60em) {
  .gallery-swiper .swiper-button-prev, .gallery-swiper .swiper-button-next {
    width: 18.8%; }
  .gallery-swiper .swiper-button-prev::before, .gallery-swiper .swiper-button-next::before {
    font-size: 2rem; }
  .gallery-swiper .swiper-button-prev::before {
    left: 30px; }
  .gallery-swiper .swiper-button-next::before {
    right: 30px; }
  .gallery-swiper figure img {
    width: 100%; } }

.arr-item {
  position: relative;
  display: table;
  width: 100%;
  margin-bottom: 3rem; }

.arr-item-wrap {
  position: relative;
  margin-left: -2rem;
  margin-right: -2rem; }

.arr-item .item {
  display: table-cell;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 2rem; }

.arr-item .item + .item:before {
  content: '\ea14';
  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;
  top: 50%;
  left: 50%;
  z-index: 2;
  color: #0a0a0a;
  font-size: 2.4rem;
  margin-left: -0.7rem;
  margin-top: -3rem; }

.ie-edge .col-md-3.col-lg-6 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }