.sub {
  margin-bottom: 120px;
}
.sub_top {
  height: 460px;
  background: url("../sub/sub_top.png") no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;

  animation: load_bg 1.6s both;
}
.sub_top .title {
  font-style: italic;
  transform: rotate(-3deg);
  text-align: center;
}
.sub_top .title h2 {
  font-size: 62px;
  font-weight: 600;
  color: #fff;

  animation: load_btm 1.6s both;
  animation-delay: 1.2s;
}
.sub_top .title span {
  font-size: 32px;
  font-weight: 500;
  margin-top: 12px;
  display: block;
  color: #1d1d1d;
  animation: load_btm 1.6s both;
  animation-delay: 1.4s;
}

.sub_top .scroll_down {
  position: absolute;
  left: 50px;
  bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;

  animation: load_top 1.6s both;
  animation-delay: 1.6s;
}
.sub_top .scroll_down span {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.sub_top .scroll_down .fa {
  font-size: 20px;
  color: #fff;
  margin-top: 5px;
  margin-left: 5px;
}

.sub .page {
}
.sub .page .sub_title {
  text-align: center;
  margin-top: 130px;
}
.sub .page .sub_title span {
  font-size: 22px;
  font-weight: 600;
  color: #1d1d1d;
  display: block;
}
.sub .page .sub_title h2 {
  font-size: 52px;
  font-weight: 600;
  line-height: 72px;
  color: #1d1d1d;
  margin: 26px 0;
}
.sub .page .sub_title p {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  color: #737373;
}

.introduction_wrap {
  width: 1500px;
  margin: 0 auto;
  margin-top: 160px;
}
.introduction_wrap .title {
  text-align: center;
}
.introduction_wrap .title h4 {
  font-size: 24px;
  font-weight: 700;
  color: #1d1d1d;
}
.introduction_wrap .title span {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  color: #737373;
  display: block;
}

.introduction_desc {
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 62px;
}
.introduction_sldier01_bg {
  width: 750px;
  height: 500px;
  background: url("../sub/introduction/introduction_slider_bg.png") no-repeat
    center center;
  background-size: cover;

  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  border-radius: 30px 0 0 30px;
}
.introduction_sldier01 {
  width: 750px;
}
.introduction_sldier01 .introduction_txt {
  color: #fff;
  margin-left: 50px;
}
.introduction_sldier01 .introduction_txt h3 {
  font-size: 34px;
  font-weight: 600;
}
.introduction_sldier01 .introduction_txt p {
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  margin-top: 26px;
}
.introduction_sldier01 .slick-dots {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 62px 0 50px 50px;
}
.introduction_sldier01 .slick-dots li {
  width: 26px;
  height: 3px;
  background: #fff;
  margin-right: 10px;
}
.introduction_sldier01 .slick-dots li.slick-active {
  background: #1d1d1d;
}
.introduction_sldier01 .slick-dots li button {
  display: none;
}
.introduction_sldier02 {
  width: 750px;
  height: 500px;
  border-radius: 0 30px 30px 0;
  overflow: hidden;
}
.introduction_img {
  width: 100%;
  height: 100%;
}
.introduction_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* contact 오시는길 */
.contact {
}
.contact .page {
  width: 78%;
  margin: 0 auto;
}
.contact_wrap {
  margin-top: 72px;
}
.contact_wrap .map {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid rgb(153, 153, 153);
  box-sizing: border-box;
}
.contact_wrap .map_pc {
  display: block;
}
.contact_wrap .map_mo {
  display: none;
}
.contact_wrap .map .root_daum_roughmap {
  width: 100% !important;
}
.contact_wrap .map iframe {
  width: 100% !important;
}

.section_address,
.wrap_controllers {
  display: none;
}
.contact_wrap .desc {
}
.contact_wrap .desc .item {
  padding: 25px 0;
  border-bottom: 2px solid rgb(77, 77, 77);
}
.contact_wrap .desc .item.item01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contact_wrap .desc .item.item01 h3 {
  font-size: 28px;
  font-weight: 600;
  color: #1d1d1d;

  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 32px;
}
.contact_wrap .desc .item.item01 h3 span {
  font-size: 20px;
  font-weight: 600;
  color: #353535;
  margin-left: 8px;
  display: block;
}
.contact_wrap .desc .item.item01 .contact_link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 32px;
}
.contact_wrap .desc .item.item01 .contact_link .link {
  width: 160px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fae100;
  border-radius: 50px;
}
.contact_wrap .desc .item.item01 .contact_link .link.naver {
  background: #02c255;
  margin-left: 16px;
}
.contact_wrap .desc .item.item01 .contact_link .link .fa {
  font-size: 18px;
  font-weight: 600;
  margin-right: 12px;
  color: #1d1d1d;
}
.contact_wrap .desc .item.item01 .contact_link .link span {
  font-size: 18px;
  font-weight: 600;

  color: #1d1d1d;
}

.contact_wrap .desc .item.item02,
.contact_wrap .desc .item.item03 {
}

.contact_wrap .desc .item.item02 .txt,
.contact_wrap .desc .item.item03 .txt {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin-left: 32px;
}

.contact_wrap .desc .item.item02 .txt h3,
.contact_wrap .desc .item.item03 .txt h3 {
  font-size: 26px;
  font-weight: 600;
  color: #1d1d1d;
  /* margin-right: 8px; */
  /* margin-left: 32px; */
  margin-bottom: 12px;
}

.contact_wrap .desc .item.item02 .txt span,
.contact_wrap .desc .item.item03 .txt span {
  font-size: 18px;
  font-weight: 500;
  line-height: 29px;
  color: #444444;
  margin-bottom: 8px;
  padding-bottom: 7px;
}
.contact_wrap .desc .item.item02 .txt span b,
.contact_wrap .desc .item.item03 .txt span b {
  font-weight: 700;
  color: #000;
}
.contact_wrap .desc .item.item02 .txt span:last-child,
.contact_wrap .desc .item.item03 .txt span:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* floor */
.floor {
}
.floor .page {
}
.floor_wrap {
  width: 100%;
  margin-top: 130px;
}
.floor_wrap .items {
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin: 0 auto;
}
.floor_wrap .items .item {
  flex: 1;
}
.floor_wrap .items .item .txt {
  text-align: center;
}
.floor_wrap .items .item .txt h3 {
  font-size: 28px;
  font-weight: 600;
  color: #1d1d1d;
}
.floor_wrap .items .item .txt p {
  font-size: 20px;
  font-weight: 500;
  color: #1d1d1d;
  margin: 18px 0 36px;
}
.floor_wrap .items .item .txt span {
  font-size: 18px;
  font-weight: 500;
  color: #1d1d1d;
}
.floor_wrap .items .item a {
  width: 100%;
  height: 460px;
  display: block;
}
.floor_wrap .items .item a img {
  width: 100%;
  height: 460px;
  margin-top: 36px;
  object-fit: cover;
}
.floor_wrap .items .item a img.floor_item {
  display: block;
}
.floor_wrap .items .item a img.m_floor_item {
  display: none;
}

/* instructions 이용안내 */
.instructions {
}
.instructions_wrap {
  width: 67%;
  margin: 62px auto 0;
}
.instructions_wrap .item {
  /* display: flex;
  justify-content: center;
  align-items: center;
  height: 180px; */
  overflow: hidden;
  border: 1px solid #b6b6b6;
  border-radius: 20px;
  margin-bottom: 32px;
}
.instructions_wrap .item.item03 {
  margin-bottom: 0;
}
.instructions_wrap .item .point {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.instructions_wrap .item .desc {
  flex: 1;
  padding: 3% 0;
}
.instructions_wrap .item .point .txt {
  padding: 20px 0;
}
.instructions_wrap .item .point .txt h3 {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.instructions_wrap .item .desc p {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: #1d1d1d;
  margin-left: 5%;
}
.instructions_wrap .item.item01 .point {
  background: #614599;
}
.instructions_wrap .item.item02 .point {
  background: #e76711;
}
.instructions_wrap .item.item03 .point {
  background: #2dae3b;
}
.instructions_wrap .item.item01 .desc {
}
.instructions_wrap .item.item01 .desc .dd {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
}
.instructions_wrap .item.item01 .desc .dd .dummy01 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5%;
}
.instructions_wrap .item.item01 .desc .dummy01 h4 {
  font-size: 17px;
  font-weight: 600;
  color: #1d1d1d;
}
.instructions_wrap .item.item01 .desc .dummy01 span {
  font-size: 17px;
  font-weight: 500;
  color: #1d1d1d;

  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  background: #e7671177;

  margin-left: 12px;
  border-radius: 50px;
}
.instructions_wrap .item.item01 .desc p {
}

.instructions_wrap .item.item02 .desc p {
  line-height: 0;
}
.instructions_wrap .item.item02 .desc p span {
  font-size: 16px;
  line-height: 18px;
  color: #1d1d1d;
  margin-bottom: 10px;
  display: block;
}
.instructions_wrap .item.item02 .desc p span:last-child {
  margin: 0;
}

.instructions_wrap .item.item03 .desc .dummy02 {
  margin-left: 5%;
  /* margin-bottom: 16px; */
}
.instructions_wrap .item.item03 .desc .dummy02 h5 {
  font-size: 17px;
}
.instructions_wrap .item.item03 .desc .dummy02 h5 strong {
  font-weight: 600;
}

/* faq */
.faq {
}
.faq_wrap {
  width: 50%;
  margin: 72px auto 0;
}
.faq_wrap .faq_desc {
}
.faq_wrap .faq_desc .item {
  margin-bottom: 32px;
  padding: 1.5vw;
  background: #fff;
  box-shadow: 7px 9px 9px rgba(0, 0, 0, 0.08);
}
.faq_wrap .faq_desc .item:last-child {
  margin: 0;
}
.faq_wrap .faq_desc .item ul {
}
.faq_wrap .faq_desc .item ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.faq_wrap .faq_desc .item ul li:first-child {
  margin-bottom: 14px;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.faq_wrap .faq_desc .item ul li:last-child {
  margin: 0;
}
.faq_wrap .faq_desc .item ul li .fa {
  font-size: 36px;
  color: #614599;
}
.faq_wrap .faq_desc .item ul li .fa,
.faq_wrap .faq_desc .item ul li .faq_po {
  margin-right: 1.5%;
}
.faq_wrap .faq_desc .item ul li span {
  font-size: 18px;
  font-weight: 600;
  color: #1d1d1d;
}
.faq_wrap .faq_desc .item ul li .faq_po {
  width: 30px;
  height: 30px;
  background: #e76711;
  border-radius: 50px;

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

  font-size: 24px;
  font-weight: 600;
  color: #fff;
}
.faq_wrap .faq_desc .item ul li h4 {
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
  color: #1d1d1d;
}

/* faq_wrap */
.faq_wrap {
  width: 1100px;
  margin: 70px auto 0;
  background: #ebebeb;
  padding: 50px;
}
.faq_wrap .po_txt {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: #e76711;
  border-radius: 10px 10px 0 0;
}
.faq_wrap .po_txt h3 {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}
.faq_wrap table {
  width: 100%;
  margin: 0 auto;
  background: #fff;
}
.faq_wrap table td {
  border: 1px solid #b6b6b6;
}
.faq_wrap table tr {
}
.faq_wrap table thead {
  background-color: #e5e5e5;
}
.faq_wrap table thead tr {
}
.faq_wrap table thead tr th {
  font-size: 18px;
  font-weight: 600;
  color: #1d1d1d;

  padding: 18px 0;
  border: 1px solid #b6b6b6;
}
.faq_wrap table tbody {
}
.faq_wrap table tbody tr {
}
.faq_wrap table tbody tr td {
  font-size: 17px;
  font-weight: 500;
  color: #1d1d1d;
  padding: 18px 0;
}