body,
html {
  padding: 0;
  margin: 0;
}
* {
  font-family: "NanumSquare";
}
dl {
  margin: 0;
}
.wrap {
  position: relative;
  padding-top: 1080px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.gnb {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
}
.gnb::after {
  content: "";
  display: block;
  clear: both;
}
.gnb .logo {
  position: absolute;
  top: calc(111 / 1080 * 100%);
  left: 50%;
  transform: translateX(-286%);
  padding: 0;
  margin: 0;
  width: 193px;
  height: calc(46 / 1080 * 100%);
}
.gnb .logo a {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
.gnb .mainManu {
  display: block;
  padding: 0;
  margin: 0;
}
.gnb .mainManu li {
  position: absolute;
  left: 50%;
  transform: translateX(61%);
  top: calc(97 / 1080 * 100%);
  width: 177px;
  height: calc(62 / 1080 * 100%);
  display: block;
  float: left;
  list-style: none;
}
.gnb .mainManu li:nth-child(2) {
  transform: translateX(176.3%);
}
.gnb .mainManu li a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  text-decoration: none;
}
@media all and (max-width: 900px) {
  .gnb .mainManu li a {
    font-size: 17px;
  }
}
.snsIcon {
  display: block;
  padding: 0;
  margin: 0;
}
.snsIcon li {
  position: absolute;
  top: calc(212 / 1080 * 100%);
  left: 50%;
  transform: translateX(1364%);
  display: block;
  padding: 0;
  font-size: 0;
  line-height: 0;
  list-style: none;
  width: 40px;
  height: calc(40 / 1080 * 100%);
  z-index: 13;
}
.snsIcon li:nth-child(2) {
  top: calc(262 / 1080 * 100%);
}
.snsIcon li:nth-child(3) {
  top: calc(312 / 1080 * 100%);
}
.snsIcon li a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: -1000px;
}
.gnb .mobileMenuView {
  display: none;
}

.bodySlide {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.bodySlide::after {
  content: "";
  width: 100%;
  height: 100%;
  /*   background-color: rgb(228, 0, 126, 0.28); */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.bodySlide .mainSlide {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bodySlide .mainSlide .slideItem {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bodySlide .mainSlide .slideItem.slide01 {
  background-image: url(/resources/img/bg01.jpg);
}
.bodySlide .mainSlide .slideItem.slide02 {
  background-image: url(/resources/img/bg02.jpg);
}
.bodySlide .mainSlide .slideItem.slide03 {
  background-image: url(/resources/img/bg03.jpg);
}
.bodySlide .mainSlide .slideItem.slide04 {
  background-image: url(/resources/img/bg04.JPG);
}
.bodySlide .mainSlide .slideItem.slide05 {
  background-image: url(/resources/img/bg05.jpg);
}
.bodySlide .mainSlide .slideItem.slide06 {
  background-image: url(/resources/img/bg06.jpg);
  background-position-y: 60%;
}
.bodySlide .mainSlide .slideItem.slide07 {
  background-image: url(/resources/img/bg07.jpg);
  background-position-y: 100%;
}
.bodySlide .mainSlide .slideItem.slide08 {
  background-image: url(/resources/img/bg08.jpg);
}
.bodySlide .mainSlide .slideItem.slide09 {
  background-image: url(/resources/img/bg09.jpg);
  background-position-y: 65%;
}
.bodySlide .mainSlide .slideItem.slide010 {
  background-image: url(/resources/img/bg10.jpg);
}
.bodySlide .mainSlide .slideItem.slide011 {
  background-image: url(/resources/img/bg011.jpg);
}
.bodySlide .mainSlide .slideItem.slide001 {
  background-image: url(/resources/img/bg001.png);
  background-position-x: right;
}
.bodySlide .mainSlide .slideItem.slide004 {
  background-image: url(/resources/img/bg004.png);
  background-position-x: right;
}
.bodySlide .bx-prev {
  position: fixed;
  top: 50%;
  left: 7%;
  width: 54px;
  height: 54px;
  margin: -27px 0 0 0;
  z-index: 3;
  text-indent: -1000px;
  overflow: hidden;
  background-image: url(/resources/img/ic_slide_l.png);
  background-repeat: no-repeat;
}
.bx-controls-direction a {
  opacity: 0.6;
}
.bx-controls-direction a:hover {
  opacity: 1;
}
.bodySlide .bx-next {
  position: fixed;
  top: 50%;
  right: 7%;
  width: 54px;
  height: 54px;
  margin: -27px 0 0 0;
  z-index: 3;
  text-indent: -1000px;
  overflow: hidden;
  background-image: url(/resources/img/ic_slide_r.png);
  background-repeat: no-repeat;
}
.bodySlide .bx-pager {
  position: fixed;
  bottom: 40px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 3;
}
.bodySlide .bx-pager .bx-pager-item {
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 8px;
}
.bodySlide .bx-pager .bx-pager-item .bx-pager-link {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  text-indent: -1000px;
  text-decoration: none;
}

.bodySlide .bx-pager .bx-pager-item .bx-pager-link.active {
  background-color: #4d8cff;
}

.bodyContent {
  position: fixed;
  /*   width: calc(115% - 108px); */
  height: calc(100% - 150px);
  top: 77px;
  right: 14%;
  /*   flex-wrap: wrap; */
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bodyContent .imgWave {
  width: 480px;
  height: 56px;
  background-size: contain;
  margin: 0 auto;
  background: url(/resources/img/logo_sub_body.png) bottom no-repeat;
  padding-top: 200px;
}
.bodyContent .sloganMain {
  font-family: "GmarketSansMedium";
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  color: #fff;
  /*  text-shadow: 0 0 15px rgba(0, 0, 0, 0.3); */
  padding: 28px 0 48px 0;
  word-break: keep-all;
}
.bodyContent .sloganSub {
  font-size: 24px;
  text-align: center;
  color: #fff;
  padding: 30px 0;
}
.bodyContent .sloganSub b {
  font-weight: 800;
}
.bodyContent .bbsLink {
  text-align: center;
  font-size: 0;
}
.bodyContent .bbsLink a {
  display: inline-block;
  height: 40px;
  width: 180px;
  border: 3px solid #fff;
  border-radius: 24px;
  line-height: 40px;
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  margin: 0 10px;
}

.bodyContent .bbsLink a:hover,
.bodyContent .bbsLink a:focus,
.bodyContent .bbsLink a:active {
  background-color: #fff;
  border-color: #fff;
  color: #83daee;
}

.bodyContent .sloganBottom {
  text-align: center;
  font-family: "GmarketSansMedium";
  font-weight: 700;
  font-size: 25px;
  color: #fff;
  padding-top: 150px;
}
.maintitle {
  text-align: center;
}
.maintitle img {
  width: 80%;
}

@media all and (max-width: 1200px) {
  .bodyContent .sloganSub {
    font-size: 20px;
  }
}

@media all and (max-width: 1000px) {
  .bodySlide .bx-prev {
    left: 30px;
  }
  .bodySlide .bx-next {
    right: 30px;
  }
  .bodyContent {
    width: calc(100% - 168px);
    left: 84px;
  }
  .bodyContent .sloganMain {
    width: 100%;
  }
  .bodyContent .sloganSub {
    width: 100%;
    padding: 0;
  }
  .bodyContent .sloganBottom {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media all and (max-width: 800px) {
  @keyframes menuHide {
    from {
      left: 0;
    }
    to {
      left: -250px;
    }
  }
  @keyframes menuView {
    from {
      left: -250px;
    }
    to {
      left: 0;
    }
  }
  @keyframes snsHide {
    from {
      left: 0;
    }
    to {
      left: -250px;
    }
  }
  @keyframes snsView {
    from {
      left: -250px;
    }
    to {
      left: 0;
    }
  }
  @keyframes fnbMenuChange1 {
    from {
      transform: rotate(0);
      top: -7px;
    }
    to {
      transform: rotate(45deg);
      top: 0;
    }
  }
  @keyframes fnbMenuChange2 {
    from {
      transform: rotate(0);
      top: 7px;
    }
    to {
      transform: rotate(-45deg);
      top: 0;
    }
  }
  @keyframes fnbMenuChange0 {
    from {
      background-color: rgba(255, 255, 255, 1);
    }
    to {
      background-color: rgba(255, 255, 255, 0);
    }
  }
  @keyframes fnbMenuReturn1 {
    from {
      transform: rotate(45deg);
    }
    to {
      transform: rotate(0);
    }
  }
  @keyframes fnbMenuReturn2 {
    from {
      transform: rotate(-45deg);
    }
    to {
      transform: rotate(0);
    }
  }
  @keyframes fnbMenuReturn0 {
    from {
      background-color: rgba(255, 255, 255, 0);
    }
    to {
      background-color: rgba(255, 255, 255, 1);
    }
  }
}

@media all and (max-width: 700px) {
  .bodyContent .bbsLink a {
    font-size: 15px;
    width: 120px;
  }
}

@media all and (max-width: 600px) {
  .bodySlide .bx-prev {
    left: 10px;
  }
  .bodySlide .bx-next {
    right: 10px;
  }

  .bodyContent .sloganSub {
    padding: 30px 0;
    font-size: 15px;
  }
  .bodyContent .bbsLink {
    width: calc(100% + 150px);
    font-size: 15px;
    margin-left: -75px;
  }
  .bodyContent .sloganBottom {
    font-size: 15px;
  }
}

@media all and (max-width: 620px) {
  .maintitle img {
    width: 100%;
  }
  .bodyContent .imgWave {
    width: 100%;
    height: 56px;
    background-size: 100%;
    margin: 0;
  }
}
@media all and (max-width: 409px) {
  .bodyContent .sloganMain {
    font-size: 16px;
  }
  .bodyContent .imgWave {
    width: 100%;
    height: 0px;
    background-size: 100%;
    margin: 0;
  }
}

/* 240919 수정 */
.main-cont {
  position: relative;
  height: 1080px;
  background: url(/resources/img/250919/main.jpg) no-repeat;
  background-position: center;
  background-size: auto 100%;
}
.blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
.popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  max-width: 600px;
  z-index: 15;
}
.popup.on {
  display: block;
}
.popup img {
  width: 100%;
}
.popup button {
  outline: none;
  background: none;
  border-radius: unset;
  border: none;
  cursor: pointer;
}
.popup .today-close {
  position: absolute;
  left: calc(24 / 600 * 100%);
  bottom: 0;
  width: calc(134 / 600 * 100%);
  padding-top: calc(41 / 600 * 100%);
}
.popup .today-close.on:before {
  content: "";
  position: absolute;
  top: calc(12 / 41 * 100%);
  left: 0;
  width: calc(17 / 134 * 100%);
  padding-top: 100%;
  background: url(/resources/img/240312/popup-check.png) no-repeat;
  background-size: 100% auto;
}
.popup .close {
  position: absolute;
  right: calc(14 / 600 * 100%);
  bottom: 0;
  width: calc(37 / 600 * 100%);
  padding-top: calc(41 / 600 * 100%);
}
@media screen and (max-width: 1250px) {
  .main-cont {
    padding-top: calc(1080 / 1250 * 100%);
    height: 0;
  }
  .wrap {
    padding-top: calc(1080 / 1250 * 100%);
  }
  .gnb .logo {
    width: calc(193 / 1250 * 100%);
  }
  .gnb .mainManu li {
    width: calc(177 / 1250 * 100%);
  }
  .snsIcon li {
    width: calc(40 / 1250 * 100%);
  }
  .popup {
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 800px) {
  .main-cont {
    padding-top: calc(1681 / 740 * 100%);
    background: url(/resources/img/250919/main_mo.jpg) no-repeat;
    background-size: 100% auto;
  }
  .main-cont {
    padding-top: calc(1681 / 740 * 100%);
  }
  .gnb {
    position: fixed;
  }
  .gnb.on {
    z-index: 14;
  }
  .wrap {
    padding-top: calc(1681 / 740 * 100%);
    background: url(/resources/img/250919/header-m.png) center top no-repeat;
    background-size: 100% auto;
  }
  .gnb .logo {
    position: fixed;
    top: calc(48 / 740 * 100vw);
    left: calc(56 / 740 * 100%);
    transform: unset;
    width: calc(193 / 740 * 100%);
    padding-top: calc(46 / 740 * 100%);
    height: 0;
  }
  .snsIcon li {
    top: calc(1486 / 1681 * 100%) !important;
    width: calc(92 / 740 * 100%);
    height: calc(92 / 1681 * 100%);
  }
  .snsIcon li:nth-child(1) {
    transform: unset;
    left: calc(212 / 740 * 100%);
  }
  .snsIcon li:nth-child(2) {
    transform: unset;
    left: calc(324 / 740 * 100%);
  }
  .snsIcon li:nth-child(3) {
    transform: unset;
    left: calc(436 / 740 * 100%);
  }
  .gnb .mainManu {
    position: fixed;
    top: 0;
    padding-top: calc(48 / 740 * 100%);
    right: calc(-374 / 740 * 100%);
    width: calc(374 / 740 * 100%);
    height: 100%;
    background-color: #143d1a;
    margin: 0;
    transition: 0.3s;
    z-index: 2;
  }
  .gnb .mainManu.on {
    right: 0;
  }
  .gnb .mainManu li {
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
    transform: unset !important;
    height: auto;
  }
  .gnb .mainManu li:hover:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(35 / 374 * 100%);
    width: calc(15 / 374 * 100%);
    padding-top: calc(22 / 374 * 100%);
    background: url(/resources/img/240312/menu-arrow.png) no-repeat;
    background-size: 100% auto;
    z-index: 1;
  }
  .gnb .mainManu li a {
    position: relative;
    width: 100%;
    height: auto;
    text-indent: 0;
    padding-left: calc(83 / 740 * 100vw);
    line-height: calc(100 / 740 * 100vw);
    font-size: calc(33 / 740 * 100vw);
    font-weight: bold;
    color: #fff;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
    letter-spacing: -0.1vw;
  }
  .gnb .mainManu li:hover a {
    background: #fff;
    color: #143d1a;
  }
  .gnb-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
  }
  .gnb .mobileMenuView {
    position: fixed;
    top: calc(36 / 740 * 100vw);
    right: calc(49 / 740 * 100%);
    width: calc(67 / 740 * 100%);
    padding-top: calc(55 / 740 * 100%);
    display: inline-block;
    background: url(/resources/img/240312/menu-btn.png) center no-repeat;
    background-size: 100% auto;
  }
  .gnb .mobileMenuClose {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(82 / 740 * 100%);
    padding-top: calc(102 / 740 * 100%);
    background: url(/resources/img/240312/menu-close.png) center no-repeat;
    background-size: calc(38 / 740 * 100vw) auto;
    z-index: 3;
  }
}