@media (max-width: 768px) {

  .m-show {

    display: block !important;

  }

  .pc-show {

    display: none !important;

  }

  #hd_wrapper {

    height: 70px;

  }

  #hd_wrapper.fixed #logo {

    top: 21px;

  }

  #hd_wrapper.fixed #gnb {

    top: 0;

  }

  #hd_wrapper.fixed #mobile-nav-open {

    top: 25px;

  }

  #ft,

  #hd,

  #wrapper {

    min-width: auto;

  }

  #hd {

    /* background: #fff; */

  }

  #hd.fixed {

    background: #000;

  }

  #hd_wrapper {

    background: transparent;

  }

  #wrapper {

    /* margin-top: 70px; */

  }

  #dark-overlay {

    position: fixed;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.6);

    z-index: 100;

  }



  #hd_pop {

    height: auto;

  }



  .hd_pops_top {

    top: 0;

  }



  .hd_pops {

    position: fixed;

    width: 90%;

    top: 50% !important;

    left: 50% !important;

    transform: translate(-50%, -50%);

    z-index: 1000;

  }



  .hd_pops:nth-of-type(2) {

    margin-left: 0;

  }



  .hd_pops_con {

    width: 100% !important;

    height: 100% !important;

  }



  .hd_pops_con img {

    width: 100%;

  }



  #logo {

    position: absolute;

    top: 5px;

    left: 20px;

    width: 90px;

    padding: 0;

    z-index: 100;

  }
  .fixed #logo{
    top: 5px;
  }

  #logo img {

    width: 100%;

  }
  .fixed #logo img{
    transform: none;
  }

  #mobile-nav-open {

    position: absolute;

    top: 24px;

    right: 20px;

    width: 25px;

    transition: 0.3s all;

  }

  #mobile-nav-open img {

    width: 100%;

  }

  .hd_login a,

  .gnb_1da {

    color: #fff;

  }

  #gnb .gnb_1dli {

    line-height: 50px;

  }



  #gnb {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    display: none !important;

    min-width: auto;

    width: 100%;

    z-index: 1000;

    max-height: 90vh;

    overflow-y: auto;

    background: rgba(0, 0, 0, 0.8);

    transform: none;

  }

  #gnb .gnb_1dli {

    float: none;

  }

  .nav-close-btn {

    position: absolute;

    top: 20px;

    right: 15px;

    z-index: 1001;

    cursor: pointer;

    width: 25px;

  }

  .nav-close-btn img {

    width: 100%;

  }

  .gnb-header {

    width: 80%;

    margin: 40px auto 20px;

    text-align: center;

  }

  .gnb-header .hd_login {

    position: static;

    top: auto;

    right: auto;

    display: inline-block;

    margin-bottom: 10px;

  }

  .gnb-header .call img {

    width: 100%;

  }

  .mobile-nav-footer ul {

    padding: 40px 0;

    overflow: hidden;

  }

  .mobile-nav-footer li {

    display: inline-block;

    padding: 0 10px;

  }



  .swiper-container.main-visual {

    height: auto;

  }

  .swiper-container.main-visual .swiper-slide {

    background: transparent;

  }

  .swiper-container.main-visual .swiper-slide[data-swiper-slide-index="0"],

  .swiper-container.main-visual .swiper-slide[data-swiper-slide-index="1"],

  .swiper-container.main-visual .swiper-slide[data-swiper-slide-index="2"] {

    background: transparent;

  }

  .swiper-container.main-visual .swiper-slide .bg img {

    width: 100%;

    height: auto;

  }

  .swiper-container.main-visual .text {

    width: 80%;

  }

  .swiper-container.main-visual .text img {

    width: 100%;

    display: block;

  }

  .swiper-container.main-visual .bar {

    width: 80%;

    top: 310px;

    bottom: auto;

  }

  .section-title {

    width: 100%;

  }

  .text-ani01 {

    width: 65%;

    bottom: 150px;

  }

  .text-ani01 img {

    width: 100%;

  }



  .section01 {

    position: relative;

    background: url(../img/mobile/sec01-bg.jpg) no-repeat;

    background-size: cover;

  }

  .section01 .inner-wrapper {

    padding: 50px 20px;

  }

  .section01 .inner-wrapper .btn-wrap {

    position: relative;

    left: 30px;

    bottom: 20px;

    width: 80%;

    z-index: 4;

  }

  .section01 .img img {

    width: 100%;

  }

  .section01 .img02 {

    margin-top: 30px;

  }

  .section01 .img02 img {

    width: 50%;

  }

  .section01 .img02 a {

    margin-top: 5px;

    display: block;

    margin-left: 0;

  }



  .section02 {

    padding: 50px 0;

  }

  .section02 .m-show {

    padding: 0 20px;

  }

  .section02 .inner-wrapper {

    padding: 0;

  }

  .section02 .system-wrapper .title img {

    width: 90%;

  }

  .section02 .system-text {

    width: 100%;

    min-height: auto;

    margin-top: 60px;

    float: none;

    text-align: center;

  }

  .section02 .system-text .description img {

    width: 70%;

  }

  .section02 .system-wrapper .system-text,

  .section02 .system-wrapper .system-img {

    float: none;

  }

  .section02 .inner-wrapper .swiper-container {

    padding-bottom: 40px;

  }

  .section02 .inner-wrapper .swiper-container .swiper-scrollbar {

    width: 100%;

  }

  .section02 .system-wrapper .system-img {

    width: 90%;

    margin: 30px auto 0;

    float: none;

  }

  .section02 .system-wrapper .system-img img {

    width: 100%;

  }



  .section03 {

    position: relative;

    min-height: auto;

    height: auto;

    text-align: center;

    margin-bottom: 105px;

    padding: 20px 0 0;

    background: url(../img/mobile/sec03-bg.jpg?v=2) no-repeat;

    background-size: cover;

    z-index: 3;

  }

  .section03::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 70px;

    background: #fff;

    z-index: -1;

  }

  .section03 .inner-wrapper .title {

    margin: 20px 0 30px;

    width: 80%;

  }

  .section03 .img img {

    width: 80%;

  }



  .section04 {

    padding: 50px 0 50px;

    min-height: auto;

    text-align: center;

    background: url(../img/mobile/sec04-bg.jpg?v=1) no-repeat;

    background-size: cover;

  }

  .section04 .inner-wrapper {

    /* background: url("../img/mobile/sticky-text.png") no-repeat;

    background-position: 15px 250px;

    background-size: 26px; */

  }

  .section04 .title {

    margin: 20px 0 30px;

    width: 80%;

  }

  .section04 .title {

    position: relative;

    top: auto;

    right: auto;

  }

  .section04 .title img {

    width: 100%;

  }

  .section04 .img01 {

    left: 0;

    text-align: left;

  }

  .section04 .img01 img {

    width: 90%;

  }

  .section04 .box {

    position: relative;

    width: 100%;

    padding-left: 60px;

    margin-top: -40px;

    padding-top: 0;

    z-index: 5;

  }

  .section04 .swiper-container {

    width: 100%;

  }

  .section04 .swiper-container img {

    width: 100%;

  }

  .section04 .box .swiper-pagination {

    left: 50%;

    right: auto;

    bottom: -40px;

    transform: translateX(-50%);

  }

  .section04 .box .swiper-button-next {

    top: auto;

    right: 120px;

    bottom: -55px;

  }

  .section04 .box .swiper-button-prev {

    top: auto;

    left: 110px;

    bottom: -55px;

  }



  .section05 {

    min-height: auto;

  }

  .section05 .title {

    margin: 20px 0 30px;

    text-align: center;

  }

  .section05 .title img {

    width: 80%;

  }

  .section05 .m-show .gallery img {

    width: 100%;

  }

  .section05 .thumb {

    position: relative;

    top: -20px;

    padding: 0 20px;

    text-align: center;

  }

  .section05 .gallery-thumbs.mobile img {

    width: 100%;

  }

  .section05 .gallery-thumbs.mobile .img {

    background: #000;

  }

  .section05 .gallery-thumbs.mobile .swiper-slide .img img {

    opacity: 0.3;

  }

  .section05 .gallery-thumbs.mobile .swiper-slide-active .img img {

    opacity: 1;

  }

  .section05 .thumb .swiper-pagination {

    bottom: -50px;

    left: 50%;

    transform: translateX(-50%);

  }

  .section05 .thumb .swiper-button-next {

    top: auto;

    bottom: -65px;

    right: 83px;

  }

  .section05 .thumb .swiper-button-prev {

    top: auto;

    bottom: -65px;

    left: 75px;

  }



  .section06 {

    position: relative;

    min-height: auto;

    padding: 80px 0 80px;

    text-align: center;

    z-index: 3;

    background: #fff;

  }

  .section06::after {

    height: 188px;

  }

  .section06 .section-title {

    margin: 20px 0 30px;

    text-align: center;

  }

  .section06 .section-title img {

    width: 60%;

  }

  .section06 .img {

    padding: 0 20px;

  }

  .section06 img {

    width: 100%;

  }



  .section07 #m-map {

    height: 400px;

  }

  .section07 .section-title {

    /* margin: 20px 0 30px; */

    padding-bottom: 30px;

    text-align: center;

  }

  .section07 .section-title img {

    width: 60%;

  }

  .section07 .m-show {

    min-height: 437px;

    background: url(../img/mobile/sec07-bg.png?v=1) no-repeat;

    background-size: cover;

    background-position: center;

  }

  .section07 .inner-wrapper {

    padding: 50px 20px;

  }

  .section07 .m-show {

    position: relative;

  }

  .section07 .inner-wrapper .text {

    width: 100%;

    margin-top: 30px;

    float: none;

  }

  .section07 .inner-wrapper .text img {

  }

  .section07 #m-map {

    height: 300px;

  }

  .section07 .img img {

    width: 90%;

  }



  .section08 {

    position: fixed;

    bottom: 0;

    width: 100%;

    z-index: 100;

  }

  .section08 .form-wrap .img {

    display: none !important;

  }

  .contact-toggle-btn {

    width: 180px;

    position: absolute;

    top: -30px;

    left: 50%;

    transform: translateX(-50%);

  }

  .contact-toggle-btn img {

    width: 100%;

  }

  .section08 .form-wrap {

    display: none;

  }

  .section08 .form .input-wrap {

    width: 100%;

    margin-left: 0;

  }

  .section08 .text-box {

    width: 100%;

    margin-left: 0;

  }

  .section08 .btn-wrap {

    width: 100%;

    margin-left: 0;

    height: auto;

  }

  .section08 .form-wrap {

    padding: 30px 20px;

  }

  .section08 .form .input-row label {

    display: block;

    float: none;

    line-height: 30px;

    font-size: 15px;

  }

  .section08 .form .input-col {

    width: 100%;

    float: none;

  }

  .section08 .text-box {

    margin-top: 20px;

    height: 100px;

  }

  .section08 .text-box textarea {

    font-size: 14px;

  }

  .section08 .policy-text {

    margin-top: 10px;

  }

  .section08 .policy-text p,

  .section08 .policy-text span {

    display: inline-block;

  }

  .section08 .agree-btn-wrap {

    text-align: right;

    margin-top: 10px;

    margin-bottom: 5px;

    position: absolute;

    right: 0;

    top: 0;

  }

  .section08 .submit-btn {

    width: 100%;

    height: 50px;

    margin-top: 20px;

    line-height: 50px;

  }



  /* 게시판 */

  #page-visual {

  }

  #page-visual ~ #location {

    position: relative;

    padding: 0 34px;

    background-color: #dcdcdc;

    z-index: 100;

  }

  #location:before {

    display: none;

  }

  #location > .section {

    position: relative;

    margin: 0 auto;

    max-width: 1200px;

    font-size: 16px;

    line-height: 60px;

    letter-spacing: -0.05em;

    background-color: #dcdcdc;

    z-index: 1;

  }

  #location .depth {

    width: 100%;

    font-weight: 600;

    position: relative;

    text-align: center;

  }

  #location .depth > a {

    position: relative;

    padding: 0 55px;

    white-space: nowrap;

    z-index: 1;

  }

  #location .depth:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 100%;

    width: 32px;

    height: 60px;

    background-position: -13px center;

    background-repeat: no-repeat;

    z-index: 0;

  }

  #location > .section:after {

    content: "";

    display: block;

    clear: both;

  }



  #bo_list {

    padding: 0 15px;

  }

  #bo_list .bo_tit {

    padding: 10px;

  }

  .bo_tit {

    display: block;

    color: #000;

    font-weight: bold;

  }

  #bo_list .bo_tit .listImg {

    display: block;

    margin: 0 10px 10px 0;

  }

  #bo_list .bo_tit .listImgA img {

    width: 100% !important ;

  }

  #bo_list .bo_tit .listSbjA {

    display: block;

    overflow: hidden;

    padding: 5px;

  }

  #bo_list .bo_tit a.listSbjA strong {

    font-size: 18px;

  }

  #bo_list .bo_tit .listCont {

    font-weight: normal;

    font-style: normal;

    margin-top: 0;

    font-size: 14px;

    display: block;

    padding: 5px 0;

    color: #999;

  }

  #bo_list .bo_tit .listInfo {

    font-weight: normal;

    text-decoration: none;

    font-size: 11px;

    color: #ddd;

    display: block;

    margin-top: 5px;

  }

  .fix_btn {

    position: fixed;

    z-index: 99;

    bottom: 65px;

    right: 15px;

    background: #87785f;

    width: 50px;

    height: 50px;

    color: #fff;

    text-align: center;

    border-radius: 50% !important;

    font-size: 1.8em;

    line-height: 35px !important;

  }

  .gall_row .col-gn-3 {

    width: 100% !important;

  }



  #bo_v .title {

    width: 100%;

    display: table;

    border-bottom: 1px solid #eee;

  }

  #bo_v .title > li h2 {

    padding: 10px 15px 0;

    font-size: 18px;

    font-weight: 600;

    line-height: 30px;

    box-sizing: border-box;

  }

  #bo_v .title li {

    height: auto;

    display: table-row;

    font-size: 0;

    vertical-align: middle;

  }

  #bo_v .title > li.etc p {

    width: 50%;

    display: inline-block;

    padding: 10px 15px;

    text-align: left;

  }

  #bo_v .title > li.etc p strong {

    font-size: 14px;

    font-weight: 700;

    padding-right: 20px;

  }

  #bo_v .title > li.etc p em {

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    letter-spacing: 0.05em;

    color: #666;

  }

  #bo_v .list_btn {

    width: 150px;

    margin: 30px auto;

    padding: 10px 10px;

    text-align: center;

    border: 1px solid #000;

    font-size: 14px;

  }



  /* 게시판ㅇ */



  #ft_wr,

  #ft_copy {

    width: 100%;

  }

  .ft_info {

    font-size: 13px;

  }

  .ft_info a {

    color: #979797;

  }

  .ft_logo img {

    width: 80px;

  }

  #ft_copy a {

    color: #00aeba;

  }

  .ft_sns_icons {

    margin: 0 0 30px;

  }

  .ft_sns_icons li {

    display: inline-block;

    padding: 0 10px;

  }

  .ft_sns_icons li img {

    width: 25px;

  }

  .ft_sns_icons li:nth-child(6) img {

    width: 20px;

  }

  .register_form_inner li {

    width: 100%;

    padding-right: 0;

  }

  .policy-list a {

    font-size: 14px;

  }



  .modal {

    width: 90%;

    height: calc(100vh - 100px);

    font-size: 13px;

  }

  .modal-body img{

    width: 100%;

  }

}



@media (max-width: 425px) {

  #main-visual .swiper-slide-active .visual-text01 {

    transform: translateY(150px);

  }

}

@media (max-width: 375px) {

  #main-visual .swiper-slide-active .visual-text01 {

    transform: translateY(140px);

  }

}

@media (max-width: 320px) {

  #main-visual .swiper-slide-active .visual-text01 {

    transform: translateY(120px);

  }

}

@media (min-width: 768px) and (max-height: 901px) {

  #main-visual .visual-text01 img {

    width: 80%;

  }

  #main-visual .visual-text02 img {

    width: 90%;

  }

  #main-visual .visual-text03 img {

    width: 90%;

  }

  #main-visual .swiper-slide-active .visual-text02 {

    opacity: 1;

    transform: translateY(50px);

  }

}