.visual {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.visual .title {
  text-align: center;
  margin-top: 160px;
  margin-right: 130px;
  position: relative;
  z-index: 50;
  color: #092340;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  color: #092340;
}

.visual .title img {
  display: block;
}

.visual .title .vi_title01 {
  font-size: 23px;
  font-weight: 700;
  font-family: "Nanum Myeongjo", serif;
  animation: load_L 1.5s both;
  animation-delay: 1s;
}

.visual .title .vi_title02 {
  font-size: 25px;
  font-weight: 700;
  font-family: "Nanum Myeongjo", serif;
  /* width: 560px; */
  margin: 8px 0 0;

  animation: load_R 1.5s both;
  animation-delay: 1.2s;
}

.visual .title .line {
  width: 1px;
  height: 42px;
  background: #092340;
  display: block;
  margin: 15px auto;

  animation: load_T 1.5s both;
  animation-delay: 1.2s;
}

.visual .title .vi_point {
  width: 150px;
  display: block;

  animation: load_L 1.5s both;
  animation-delay: 1.4s;
}

.visual .title .vi_title03 {
  font-size: 29px;
  font-weight: 700;
  margin-top: 22px;
  animation: load_R 1.5s both;
  animation-delay: 1.6s;
}

@media all and (max-height:800px) {
  .visual .title {
    text-align: center;
    margin-top: 110px;
    margin-right: 130px;
    position: relative;
    z-index: 50;
    color: #092340;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    color: #092340;
  }

  .visual .title img {
    display: block;
  }

  .visual .title .vi_title01 {
    font-size: 20px;
    font-weight: 700;
    font-family: "Nanum Myeongjo", serif;
    animation: load_L 1.5s both;
    animation-delay: 1s;
  }

  .visual .title .vi_title02 {
    font-size: 23px;
    font-weight: 700;
    font-family: "Nanum Myeongjo", serif;
    /* width: 560px; */
    margin: 8px 0 0;

    animation: load_R 1.5s both;
    animation-delay: 1.2s;
  }

  .visual .title .line {
    width: 1px;
    height: 15px;
    background: #092340;
    display: block;
    margin: 5px;

    animation: load_T 1.5s both;
    animation-delay: 1.2s;
  }

  .visual .title .vi_point {
    width: 110px;
    display: block;

    animation: load_L 1.5s both;
    animation-delay: 1.4s;
  }

  .visual .title .vi_title03 {
    font-size: 26px;
    font-weight: 700;
    margin-top: 18px;
    animation: load_R 1.5s both;
    animation-delay: 1.6s;
  }
}


.visual .vi_cg {
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  z-index: 10;
  width: 100%;
  object-fit: cover;

  animation: load_bg 2s both;
  animation-delay: 0.2s;
}

.visual video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scaleX(1);
  opacity: 0.8;

  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  /* 諛곌꼍�쇰줈 �ъ슜�� 寃쎌슦 */
}

/* location */
.location {
  padding: 130px 0;
}

.location .wwap {
  width: 94.8%;
}

.location .inner {
  width: 89%;
  height: 555px;
  margin: 0 auto;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.location .items {
  width: 530px;
  height: 555px;

  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}

.location .items .title {
  width: 530px;
}

.location .items .title .lo_title01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  margin-bottom: 52px;
}

.location .items .title .lo_title01 p {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 3px;
  font-family: "FuturaStd", sans-serif;
  text-transform: uppercase;
}

.location .items .title .lo_title01 span {
  width: 100%;
  height: 1px;
  display: block;
  background: #092340;
}

.location .items .title .lo_title02 {}

.location .items .title .lo_title02 h2 {
  font-size: 42px;
  font-weight: 400;
  color: #092340;
  line-height: 52px;
  letter-spacing: -1.5px;
}

.location .items .title .lo_title02 h2 strong {
  font-weight: 700;
}

.lo_wrap {}

.lo_s_txts {
  position: relative;
  height: 140px;

  margin-bottom: 32px;
}

.lo_s_txts .desc {
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s;
}

.lo_s_txts .desc.active {}

.lo_s_txts .desc span,
.lo_s_txts .desc h3,
.lo_s_txts .desc p {
  transition: 0.5s;
  transform: translateX(-30px);
  opacity: 0;
}

.lo_s_txts .desc span {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 3px;
  color: #9d9d9d;
  display: block;
  transition-delay: 0.1s;
  font-family: "FuturaStd", sans-serif;
}

.lo_s_txts .desc h3 {
  font-size: 32px;
  font-weight: 700;
  color: #092340;
  margin: 30px 0 14px;
  transition-delay: 0.2s;
}

.lo_s_txts .desc p {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #262626;
  transition-delay: 0.3s;
}

.lo_s_txts .desc.active span,
.lo_s_txts .desc.active h3,
.lo_s_txts .desc.active p {
  transform: translateX(0);
  opacity: 1;
}

.lo_btns {
  width: 530px;
  position: relative;
  z-index: 333;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lo_btns .arrow {}

.lo_btns .arrow img {
  cursor: pointer;
}

.lo_btns .arrow img.lo_lov {}

.lo_btns .arrow img.lo_next {
  margin-left: 50px;
}

.lo_btns a {
  width: 164px;
  height: 45px;
  display: block;
}

.lo_btns a img.lo_link {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lo_slider {
  width: 55%;
  height: 555px;

  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.lo_slider .item {
  width: 900px;
  height: 490px;
  position: relative;
}

.lo_slider .item.lo_item01 {
  background: url("../image/location_item01.png") no-repeat center center;
  background-size: cover;
}

.lo_slider .item.lo_item02 {
  background: url("../image/location_item02.png") no-repeat center center;
  background-size: cover;
}

.lo_slider .item.lo_item03 {
  background: url("../image/location_item03.png") no-repeat center center;
  background-size: cover;
}

.lo_slider .item.lo_item04 {
  background: url("../image/location_item04.png") no-repeat center center;
  background-size: cover;
}

/* .lo_slider .item.lo_item05 {
  background: url("../image/lo_slider05.png") no-repeat center center;
  background-size: cover;
}
.lo_slider .item.lo_item06 {
  background: url("../image/lo_slider06.png") no-repeat center center;
  background-size: cover;
} */
.lo_slider .slick-dots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;

  display: flex;
  justify-content: space-between;
  align-items: center;

  gap: 16px;
}

.lo_slider .slick-dots li {
  flex: 1;
  text-align: center;
  cursor: pointer;
  opacity: 0.3;
  transition: 0.5s;
}

.lo_slider .slick-dots li.slick-active {
  opacity: 1;
}

.lo_slider .slick-dots li:hover {
  opacity: 1;
}

.lo_slider .slick-dots li span {
  font-size: 17px;
  font-weight: 600;
  font-family: "FuturaStd", sans-serif;
  display: block;
  padding-bottom: 16px;
  border-bottom: 2px solid #092340;
  text-transform: uppercase;
}

/* banner */
.banner {}

.banner .wwap {
  width: 94.8%;
}

.banner .inner {
  width: 94.5%;
  height: 400px;
  margin: 0 auto;

  background: url("../image/banner_bg.png") no-repeat right center;
  background-size: cover;

  display: flex;
  justify-content: center;
  align-items: center;
}

.banner .title {
  text-align: center;
}

.banner .title span {
  font-size: 28px;
  font-weight: 400;
  color: #262626;
  display: block;
  margin-bottom: 16px;
}

.banner .title h2 {
  font-size: 42px;
  font-weight: 700;
  color: #092340;
}

.banner .title .line {
  width: 32px;
  height: 1px;
  background: #092340;
  display: block;
  margin: 32px auto;
}

.banner .title img {
  width: 300px;
}

/* premium */
.premium {
  width: calc(100% - 100px);
  margin: 0 0 0 0;
  padding: 140px 0;
}

.premium span {
  display: inline-block;
}

.premium .inner {
  width: 90%;
  margin: 0 auto;
}

.premium .inner .title {
  text-align: center;
  margin-bottom: 82px;
}

.premium .inner .title h2 {
  font-size: 42px;
  font-weight: 400;
  color: #092340;
  letter-spacing: -1.5px;
}

.premium .inner .title h2 strong {
  font-weight: 800;
}

.premium .items {}

.premium .items .item {
  display: flex;
  align-items: center;
  margin-bottom: 100px;
}

.premium .items .item.item01,
.premium .items .item.item03 {
  justify-content: flex-start;
}

.premium .items .item.item02,
.premium .items .item.item04,
.premium .items .item.item06 {
  justify-content: flex-end;
  text-align: end;
}

.premium .items .item.item03 {}

.premium .items .item.item04 {}

.premium .items .item.item05 {
  justify-content: center;
}

.premium .items .item.item06 {
  margin-bottom: 0;
}

.premium .items .item .pre_bg {
  position: relative;
}

.premium .items .item.item01 .pre_bg {
  width: 796px;
  height: 370px;
  background: url("../image/premium_item01.png") no-repeat center center;
  background-size: cover;
}

.premium .items .item.item02 .pre_bg {
  width: 738px;
  height: 400px;
  background: url("../image/premium_item02.png") no-repeat center center;
  background-size: cover;
}

.premium .items .item.item03 .pre_bg {
  width: 783px;
  height: 400px;
  background: url("../image/premium_item03.png") no-repeat center center;
  background-size: cover;
}

.premium .items .item.item04 .pre_bg {
  width: 738px;
  height: 450px;
  background: url("../image/premium_item04.png") no-repeat center center;
  background-size: cover;
}

.premium .items .item.item05 .pre_bg {
  width: 570px;
  height: 620px;
  background: url("../image/premium_item05.png") no-repeat center center;
  background-size: cover;
}

.premium .items .item.item06 .pre_bg {
  width: 738px;
  height: 400px;
  background: url("../image/premium_item06.png") no-repeat center center;
  background-size: cover;
}

.premium .items .item .desc {}

.premium .items .item.item01 .desc,
.premium .items .item.item03 .desc,
.premium .items .item.item05 .desc {
  margin-left: 58px;
}

.premium .items .item.item02 .desc,
.premium .items .item.item04 .desc,
.premium .items .item.item06 .desc {
  margin-right: 58px;
}

.premium .items .item .desc span {
  font-size: 22px;
  font-weight: 200;
  text-transform: uppercase;
  color: #7f7f7f;
  /* font-family: "FuturaStd", sans-serif; */
  letter-spacing: 0;
}

.premium .items .item .desc h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  color: #092340;
  margin: 32px 0 22px;
  letter-spacing: -2px;
}

.premium .items .item .desc .dummy {}

.premium .items .item .desc .dummy p {
  font-size: 19px;
  font-weight: 400;
  line-height: 28px;
  color: #262626;
  margin-bottom: 8px;
  letter-spacing: -1.8px;
}

.premium .items .item .desc .dummy p:last-child {
  margin-bottom: 0;
}

.premium .items .item .desc .dummy p span {
  font-weight: 700;
  color: #876e57;
  text-transform: lowercase;
}

.premium .items .item .desc .dummy p span b {
  font-size: 24px;
}

/* contact */
.contact {
  height: 885px;
  /* background: url("../image/contact_bg.png") no-repeat center center; */
  /* background-size: cover; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #fafafa;
}

.contact .title {
  text-align: center;
}

.contact .title h2 {
  font-size: 62px;
  font-weight: 500;
  color: #092340;
  font-family: "FuturaStd", sans-serif;
}

.contact .title p {
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
  color: #8d8d8d;
  margin-top: 20px;
}

.contact .desc {
  width: 1050px;
  margin: 56px 0 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.contact .desc .item {
  width: 480px;
}

.contact .desc .item img {
  width: 100%;
  box-sizing: border-box;
  /* border: 2px solid #b1b1b1; */
}

.contact .desc .item .map_link {
  width: 480px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 32px;
}

.contact .desc .item .map_link a {
  width: 160px;
}

.contact .desc .item .map_link a img {
  width: 100%;
  border: 0;
}

/* 2015-06-24 �섏젙  */
.adress {
  text-align: center;
}

.adress_a {

  font-size: 22px;
  color: #333;
  font-weight: 600;

  text-align: center;
  margin-top: 20px;
}

.adress_b {

  font-size: 22px;
  color: #333;
  font-weight: 600;

  text-align: center;
  margin-top: 20px;
}

/* 2015-06-24 �섏젙  */

.inquiry {}

.inquiry .personnel {
  margin-bottom: 10px;
}

.inquiry .personnel img {}

.inquiry .map_call {}

.inquiry .map_call img {}

@media all and (min-width: 1250px) and (max-width: 1770px) {

  /* location */
  .location {
    padding: 130px 0;
  }

  .location .wwap {
    width: 94.8%;
  }

  .location .inner {
    width: 89%;
    height: 400px;
    margin: 0 auto;

    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .location .items {
    width: 530px;
    height: 555px;

    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }

  .location .items .title {}

  .location .items .title img {}

  .location .items .title img.lo_title01 {
    margin-bottom: 52px;
  }

  .location .items .title img.lo_title02 {}

  /* premium */
  .premium {
    padding: 140px 0;
  }

  .premium span {}

  .premium .inner {
    width: 90%;
  }

  .premium .inner .title {
    margin-bottom: 72px;
  }

  .premium .inner .title h2 {
    font-size: 42px;
  }

  .premium .inner .title h2 strong {
    font-weight: 800;
  }

  .premium .items {}

  .premium .items .item {
    margin-bottom: 82px;
  }

  .premium .items .item.item01,
  .premium .items .item.item03 {}

  .premium .items .item.item02,
  .premium .items .item.item04 {}

  .premium .items .item.item03 {}

  .premium .items .item.item04 {}

  .premium .items .item.item05 {}

  .premium .items .item .pre_bg {}

  .premium .items .item.item01 .pre_bg {
    width: 720px;
    height: 350px;
  }

  .premium .items .item.item02 .pre_bg {
    width: 700px;
    height: 360px;
  }

  .premium .items .item.item03 .pre_bg {
    width: 720px;
    height: 330px;
  }

  .premium .items .item.item04 .pre_bg {
    width: 640px;
    height: 390px;
  }

  .premium .items .item.item05 .pre_bg {
    width: 520px;
    height: 560px;
  }

  .premium .items .item .desc {}

  .premium .items .item.item01 .desc,
  .premium .items .item.item03 .desc,
  .premium .items .item.item05 .desc {
    margin-left: 42px;
  }

  .premium .items .item.item02 .desc,
  .premium .items .item.item04 .desc {
    margin-right: 42px;
  }

  .premium .items .item .desc span {
    font-size: 16px;
  }

  .premium .items .item .desc h3 {
    font-size: 36px;
    line-height: 42px;
    margin: 30px 0 20px;
  }

  .premium .items .item .desc .dummy {}

  .premium .items .item .desc .dummy p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 6px;
  }

  .premium .items .item .desc .dummy p:last-child {
    margin-bottom: 0;
  }

  .premium .items .item .desc .dummy p span {}

  .premium .items .item .desc .dummy p span b {
    font-size: 22px;
  }
}