@charset "UTF-8";
/* 모바일만 ~767px */
@media screen and (max-width: 767px) {
  .sec-hd h2:before {
    font-size: 1.3rem;
    text-indent: 0;
    margin-bottom: 0.5rem;
  }
}
/* 태블릿부터 768px~ */
@media screen and (min-width: 768px) {
  .sec-hd h2 {
    font-size: 5rem;
  }
  .pd-wrap {
    width: 87rem;
  }
  .pd-slide {
    width: 26rem;
  }
  .space-slide, .intro-slide {
    width: 26rem;
  }
  .dl-info dd {
    margin: 5% 8%;
  }
  .dl-info dd.dl-subject {
    font-size: 2.4rem;
  }
  .sec-hd-video .h2-desc {
    font-size: 3.2rem;
  }
}
/* 태블릿만 768px~1023px */
/* PC부터 1024px~ */
@media screen and (min-width: 1024px) {
  .section {
    background-size: 120% 120%;
  }
  .section.sec-intro {
    background-image: url("../images/main_section_2.png");
  }
  .section.sec-product {
    background-image: url("../images/main_section_3.jpg");
  }
  .section.sec-how {
    background-image: url("../images/bg_main_03.jpg");
  }
  .section.sec-bbs {
    background-image: url("../images/main_section_4.jpg");
  }
  .section.sec-locate {
    background-image: url("../images/main_section_5.jpg");
  }
  .section.sec-intro.fp-completely, .section.sec-bbs.fp-completely {
    background-size: 100% 100%;
  }
  .fp-tableCell {
    padding-top: 10rem;
  }
  .fp-wrap {
    padding-left: 17rem;
  }
  #fp-nav {
    display: block;
  }
  .sec-hd {
    float: left;
    width: 30rem;
  }
  .sec-hd h2 {
    margin-bottom: 3rem;
    font-size: 5.2rem;
    letter-spacing: -0.3rem;
    line-height: 1.2;
  }
  .sec-hd h2:before {
    margin-bottom: 2.5rem;
    letter-spacing: 0;
  }
  .sec-hd-video {
    position: relative;
    width: 35rem;
  }
  .sec-hd-video h2 {
    letter-spacing: 0;
    line-height: 1.3;
    margin-bottom: 0;
  }
  .sec-hd-video .h2-desc {
    font-size: 3.25rem;
  }
  .sec-hd-video .sec-hd-video-more-Btn {
    padding: 1.5rem 3.5rem;
    font-size: 2rem;
    -webkit-transform: translateY(160%);
            transform: translateY(160%);
  }
  .sec-contents {
    float: left;
    width: calc(100% - 30rem);
  }
  .section-tab-menu {
    margin-top: 2rem;
  }
  .space-wrap, .intro-wrap {
    width: 195rem;
  }
  .space-slide, .intro-slide {
    width: 36rem;
  }
  .full-img .dl-img {
    height: 36rem;
  }
  .dl-info dd.dl-subject {
    font-size: 2.2rem;
  }
  .dl-info dd.dl-info .dl-desc {
    display: block;
    height: 8rem;
  }
  .dl-info dd .slide-controls {
    position: absolute;
    left: 17rem;
    bottom: 2rem;
  }
  .dl-info dd .sec-intro .slide-controls {
    bottom: 0;
  }
  .sec-bbs .sec-hd, .sec-formmail .sec-hd {
    width: 30rem;
  }
  .sec-bbs .sec-contents, .sec-formmail .sec-contents {
    width: calc(100% - 30rem);
  }
  .sec-bbs .share-wrap {
    width: 50rem;
    text-align: left;
  }
  .sec-bbs .share-wrap a {
    width: 24rem;
    height: 24rem;
    padding: 2.5rem;
    margin: 0 1rem 1rem 0;
    background-position: right bottom;
    background-size: inherit;
  }
  .sec-bbs .share-wrap h4 {
    padding-bottom: 1.5rem;
    font-size: 2.2rem;
  }
  .sec-bbs .share-wrap div {
    display: block;
  }
  .g5-latest-container {
    width: 30rem;
  }
  .bbs-subject {
    height: 5.2rem;
    font-size: 1.6rem;
    overflow: hidden;
  }
  .bbs-date {
    font-size: 1.3rem;
  }
}
/* 작은 PC 1024px~1279px */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .sec-hd .h2-desc br {
    display: block;
  }
  .fp-video-wrap {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
  }
  .sec-locate .sec-hd {
    margin-right: 5rem;
  }
  .sec-locate .sec-contents {
    width: calc(100% - 35rem);
  }
}
/* PC 1280px~ */
@media screen and (min-width: 1280px) {
  .fp-wrap {
    padding-left: 24rem;
  }
  .fp-video-wrap {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
  }
  .sec-hd {
    width: 40rem;
  }
  .sec-contents {
    float: left;
    width: calc(100% - 40rem);
  }
  .sec-bbs .sec-hd {
    width: 40rem;
  }
  .sec-bbs .sec-contents {
    width: calc(100% - 40rem);
  }
  .sec-bbs .share-wrap {
    width: 60rem;
  }
  .sec-bbs .share-wrap a {
    width: 28.5rem;
    height: 26rem;
    padding: 4rem;
    margin: 0 1.5rem 1.5rem 0;
  }
  .sec-bbs .share-wrap h4 {
    padding-bottom: 1.5rem;
    font-size: 2.4rem;
  }
  .sec-bbs .share-bbs-wrap {
    width: 34rem;
    left: 25.6rem;
    bottom: 1.5rem;
  }
  .sec-locate .map iframe {
    width: 90%;
  }
}