@charset "UTF-8";
/*-------------------------------------------------
title       : 메인 반응형
Author      : 플랜아이 광주
Create date : 2020-02-14
-------------------------------------------------*/
@media (max-width: 1024px) {
  #contents .more {
    font-size: 0;
  }
  #contents .latest .group .label a {
    width: 11rem;
  }
  #contents .latest .group.group1 .label a {
    left: calc(11rem * 0);
  }
  #contents .latest .group.group2 .label a {
    left: calc(11rem * 1);
  }
  #contents .latest .group.group3 .label a {
    left: calc(11rem * 2);
  }
  #contents .latest .group.active .label a {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  #visual {
    height: 40rem;
  }
  #visual .bx-wrapper,
  #visual .bx-viewport,
  #visual .list {
    height: 100% !important;
  }
  #visual .list li {
    position: relative;
    height: 100%;
  }
  #visual .list li.active img {
    -webkit-transform: scale(1.2) translate(-50%, -50%);
            transform: scale(1.2) translate(-50%, -50%);
  }
  #visual .title {
    font-size: 5rem;
  }
  #visual img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: inherit;
    height: 100%;
  }
  #contents {
    margin-top: 3rem;
  }
  #contents .latest {
    float: none;
    width: 100%;
  }
  .popup {
    float: none;
    width: 100%;
    margin-top: 3rem;
  }
  #contents .gallery {
    padding: 0 2rem;
  }
  #contents .gallery .list {
    margin-top: -0px;
    display: block;
    width: 100%;
    margin-top: 0;
  }
  #contents .gallery .list > * {
    display: block;
    clear: none;
    float: none;
    width: 100%;
    margin: 0;
  }
  #contents .gallery .list > * + * {
    margin-top: 0px;
  }
  #contents .gallery .list > li {
    clear: none !important;
    margin-top: 0 !important;
    padding-right: 1rem;
  }
  #contents .gallery .bx-controls-direction a {
    position: absolute;
    top: 50%;
    left: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 2rem;
    display: inline;
    overflow: hidden;
    left: 0;
    width: 5rem;
    height: 5rem;
    background: none #fff;
    color: #000;
    text-align: center;
    line-height: 5rem;
  }
  #contents .gallery .bx-controls-direction a::before {
    display: block;
    width: 100%;
    height: 100%;
    font-family: "xeicon";
    text-align: center;
    line-height: inherit;
    content: "\e93b";
    text-indent: 0;
  }
  #contents .gallery .bx-controls-direction a.bx-next {
    left: auto;
    right: 0;
  }
  #contents .gallery .bx-controls-direction a.bx-next::before {
    content: "\e93e";
  }
}