@charset "UTF-8";
body {
  font-family: var(--noto);
}

.sub-tab {
  width: 100%;
  padding: 0 calc(50% - 600px);
  font-size: 18px;
  border-left: 0;
}
.sub-tab button {
  width: 20%;
  background: #f6fbf2;
  border: 0;
  border: 1px solid var(--theme-color);
  border-right: 0;
  height: 60px;
}
.sub-tab button:last-child {
  border-right: 1px solid var(--theme-color);
}
.sub-tab .active {
  background: var(--theme-color);
  color: #fff;
  font-weight: bold;
}

#sub-tab .sub-tab {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: center;
  z-index: 10;
}
#sub-tab .tab-img {
  overflow: hidden;
}
#sub-tab .tab-img img {
  position: relative;
  left: 50%;
  margin-left: -1000px;
}

/* ==================== 서브 상단 수술 정보 ==================== */
#sub__info {
  display: flex;
  justify-content: center;
  max-width: 1800px;
  padding: 70px 0;
  border-radius: 50px;
  margin: 0 auto 120px;
  background: #fdfbfa;
  position: relative;
}
#sub__info .compare__view li {
  display: flex;
}

/* ==================== 시그니처 ==================== */
#text-sub {
  margin-top: 200px;
}
#text-sub h2,
#text-sub p,
#text-sub strong {
  font-family: var(--noto);
}
#text-sub .main__title {
  position: relative;
  text-align: center;
}
#text-sub .main__title h2 {
  font-family: var(--Angelle);
  font-size: 230px;
  font-weight: 500;
  line-height: 0.95;
  position: relative;
}
#text-sub .main__visual {
  margin-top: 50px;
  font-family: var(--noto);
}
#text-sub .main__visual .visual__wrapper {
  position: relative;
  background: url(/sub/sub-1/img/sub-1/visual_bg.png) top/contain no-repeat;
  height: 2440px;
}
#text-sub .main__visual .visual__wrapper .visual__txt {
  position: absolute;
  left: 300px;
  top: 84px;
  text-align: left;
}
#text-sub .main__visual .visual__wrapper .visual__txt p {
  font-size: 22px;
  font-weight: 500;
  line-height: var(--lh-17);
  font-family: var(--noto);
}
#text-sub .main__visual .visual__wrapper .visual__txt strong {
  display: block;
  font-size: 40px;
  line-height: var(--lh-14);
  margin-top: 14px;
  font-family: var(--noto);
}
#text-sub .main__visual .visual__wrapper .visual__txt strong span {
  font-family: var(--noto);
}
#text-sub .main__visual .visual__wrapper .visual__content {
  position: absolute;
  top: 1275px;
  background: transparent;
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 1;
}
#text-sub .main__visual .visual__wrapper .visual__content .content__wrapper .content__txt h3 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 12px;
  font-family: var(--noto);
}
#text-sub .main__visual .visual__wrapper .visual__content .content__wrapper .content__txt h3 span {
  font-size: 60px;
  font-family: var(--noto);
}
#text-sub .main__visual .visual__wrapper .visual__content .content__wrapper .content__txt p {
  font-size: 22px;
  line-height: var(--lh-17);
  font-weight: 500;
  font-family: var(--noto);
  white-space: nowrap;
}
#text-sub .main__visual .visual__wrapper .visual__content .content__wrapper .video__wrapper {
  width: 1400px;
  max-width: 1400px;
  height: 740px;
  margin-top: 30px;
}
#text-sub .main__visual .visual__wrapper .visual__content .content__wrapper .video__wrapper iframe {
  width: 100%;
  height: 100%;
}
#text-sub .main__visual .visual__wrapper .visual__content .content__wrapper .video__wrapper p {
  font-size: 14px;
  color: #a2a2a2;
  line-height: var(--lh-20);
  margin-top: 22px;
}
#text-sub .main__visual .content__point .point__wrapper {
  max-width: 1400px;
  margin: 0 auto;
}
#text-sub .main__visual .content__point .point__wrapper h3 {
  display: inline-block;
  font-size: 115px;
  font-weight: 500;
  line-height: 0.95;
  position: relative;
}
#text-sub .main__visual .content__point .point__wrapper h3 .--abs-deco {
  top: 29%;
  font-size: 18px;
}
#text-sub .main__visual .content__point .point__wrapper .point__tit .surgery__day {
  display: flex;
  margin-top: 26px;
}
#text-sub .main__visual .content__point .point__wrapper .point__tit .surgery__day .day__item {
  display: flex;
  align-items: center;
  flex: auto;
  gap: 17px;
}
#text-sub .main__visual .content__point .point__wrapper .point__tit .surgery__day .day__item::after {
  content: "";
  width: 1px;
  height: 70px;
  margin-left: 20px;
  background: #d5d5d5;
  opacity: 0.7;
}
#text-sub .main__visual .content__point .point__wrapper .point__tit .surgery__day .day__item:last-child::after {
  content: none;
}
#text-sub .main__visual .content__point .point__wrapper .point__tit .surgery__day .day__item i {
  display: block;
}
#text-sub .main__visual .content__point .point__wrapper .point__tit .surgery__day .day__item i.--clock {
  width: 51px;
  height: 51px;
  background: url(/img/sub/icon/clock.png);
}
#text-sub .main__visual .content__point .point__wrapper .point__tit .surgery__day .day__item i.--syringe {
  width: 50px;
  height: 50px;
  background: url(/img/sub/icon/syringe.png);
}
#text-sub .main__visual .content__point .point__wrapper .point__tit .surgery__day .day__item i.--instrument {
  width: 40px;
  height: 46px;
  background: url(/img/sub/icon/instrument.png);
}
#text-sub .main__visual .content__point .point__wrapper .point__tit .surgery__day .day__item i.--bed {
  width: 46px;
  height: 46px;
  background: url(/img/sub/icon/bed.png);
}
#text-sub .main__visual .content__point .point__wrapper .point__tit .surgery__day .day__item i.--heart {
  width: 50px;
  height: 44px;
  background: url(/img/sub/icon/heart.png);
}
#text-sub .main__visual .content__point .point__wrapper .point__tit .surgery__day .day__item .item__txt {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#text-sub .main__visual .content__point .point__wrapper .point__tit .surgery__day .day__item .item__txt p {
  font-weight: 500;
  font-size: 14px;
  color: #676767;
}
#text-sub .main__visual .content__point .point__wrapper .point__tit .surgery__day .day__item .item__txt strong {
  font-weight: 500;
  font-size: 18px;
}
#text-sub .main__visual .content__point .point__wrapper .content__container {
  margin-top: 60px;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper.--02 {
  margin: 120px 0 100px;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper.--02 .content__bg {
  right: 0;
  left: auto;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper {
  display: flex;
  max-width: 1400px;
  margin: 0 auto;
  justify-content: space-between;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__bg {
  width: 1600px;
  height: 660px;
  position: absolute;
  z-index: -9;
  left: 0;
  background: #f8f8f8;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left {
  width: 629px;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .content__tit {
  font-family: var(--noto);
  margin-top: 100px;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .content__tit h3 {
  display: block;
  font-family: var(--noto);
  font-size: 40px;
  font-weight: 300;
  padding-bottom: 19px;
  border-bottom: 1px solid #111;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .content__tit h3 > strong {
  font-size: 40px;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .content__tit h3.--num01::after, #text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .content__tit h3.--num02::after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  padding-bottom: 10px;
  font-family: var(--noto);
  left: 266px;
  bottom: 60px;
  width: 165px;
  height: 44px;
  font-size: 12px;
  letter-spacing: -2px;
  color: #fff;
  background: url(/sub/sub-1/img/sub-1/txt_bubble02.png);
  background-size: contain;
  background-repeat: no-repeat;
  letter-spacing: normal !important;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .content__tit h3.--num01::after {
  content: "สลิมลงอย่างมีสไตล์";
  font-size: 16px;
  background-size: contain;
  letter-spacing: 2px;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .content__tit h3.--num02::after {
  content: "เพิ่มวอลลุ่มเพื่อไลน์สวย";
  letter-spacing: 1px;
  font-size: 16px;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .content__tit h3.--num01::before {
  content: "01";
  position: absolute;
  bottom: 20px;
  left: -5px;
  font-weight: 400;
  font-size: 60px;
  margin-right: 10px;
  font-family: var(--serif);
  color: #bfbfc2;
  opacity: 0.2;
  font-style: italic;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .content__tit h3.--num02::before {
  content: "02";
  position: absolute;
  bottom: 30px;
  left: -5px;
  font-weight: 400;
  font-size: 60px;
  margin-right: 10px;
  font-family: var(--serif);
  color: #bfbfc2;
  opacity: 0.2;
  font-style: italic;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .content__tit h3 span {
  font-weight: 700;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .content__tit strong {
  display: inline-block;
  font-weight: 700 !important;
  font-size: 22px;
  margin-top: 30px;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .content__tit p {
  font-size: 14px;
  margin-top: 21px;
  line-height: var(--lh-17);
  color: #676767;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .point__list {
  display: flex;
  gap: 7px;
  margin-top: 32px;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .point__list .list__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 50px;
  font-size: 16px;
  font-weight: 500;
  font-family: var(--noto);
  border: 1px solid #111;
  text-align: center;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .point__list .list__item:nth-child(1) {
  background-color: var(--theme-color);
  color: #fff;
  border: none;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .point__img {
  margin-top: 45px;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .point__img .img__inner {
  width: 628px;
  height: 280px;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .point__img .img__txt {
  margin-top: 30px;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .point__img .img__txt h3 {
  font-size: 25px;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .point__img .img__txt p {
  font-size: 14px;
  margin-top: 10px;
  line-height: var(--lh-20);
  color: #676767;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .point__img.--01 .img__inner {
  background: url(/sub/sub-1/img/sub-1/sub01_point02.png);
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .point__img.--01 .img__inner {
  background: url(/sub/sub-1/img/sub-1/sub01_point01.png);
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__left .--btn {
  margin-top: 50px;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__right .right__video__wrapper {
  margin-top: 100px;
}
#text-sub .main__visual .content__point .point__wrapper .content__container .content__wrapper .content__right .right__video__wrapper iframe {
  width: 613px;
  height: 810px;
}
#text-sub .main__visual .core__container {
  display: flex;
  max-width: 1400px;
  margin: 50px auto;
  justify-content: space-between;
}
#text-sub .main__visual .core__container .core__txt h4 {
  font-size: 200px;
  font-family: var(--Angelle);
}
#text-sub .main__visual .core__container .core__txt h4 .--deco {
  font-size: 115px;
}
#text-sub .main__visual .core__container .core__txt p.--01 {
  font-size: 40px;
  font-weight: 700;
}
#text-sub .main__visual .core__container .core__txt p.--02 {
  font-size: 22px;
  margin-top: 32px;
  line-height: var(--lh-17);
}
#text-sub .main__visual .core__container .core__txt p.--03 {
  font-size: 14px;
  color: #676767;
  margin-top: 40px;
  line-height: var(--lh-20);
}
#text-sub .main__visual .core__container .core__txt img {
  margin-top: 40px;
}
#text-sub .main__visual .core__container .core__img__wrapper {
  width: 629px;
  height: 878px;
  background: url(/sub/sub-1/img/sub-1/sub_core01.png) center/contain no-repeat;
}

#text-sub.sub02 .main__visual .visual__wrapper {
  background: url(/sub/sub-1/img/sub-2/visual_bg.png) top/contain no-repeat;
  height: 1946px;
}
#text-sub.sub02 .main__visual .content__point .point__wrapper {
  max-width: 1600px;
  position: relative;
  bottom: 362px;
  margin: 0 auto;
  background-color: #fff;
}

#text-sub.sub02 .main__visual .content__point .point__wrapper .point__tit {
  padding: 90px 0 0 100px;
}
#text-sub.sub02 .main__visual .content__point .point__wrapper .point__tit h3 .--abs-deco {
  width: 160px;
}
#text-sub.sub02 .main__visual .content__point .point__wrapper .content__container .content__tit h3.--num01::after {
  content: "ดูดไขมันบริเวณแขน 360˚" !important;
}
#text-sub.sub02 .main__visual .content__point .point__wrapper .content__container .content__tit p {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #111 !important;
}
#text-sub.sub02 .main__visual .content__point .point__wrapper .content__container .point__list .list__item {
  width: auto !important;
  padding: 0 10px;
}
#text-sub.sub02 .main__visual .content__point .point__wrapper .content__container .content__wrapper.--02 .content__tit h3.--num02 {
  white-space: nowrap;
}
#text-sub.sub02 .main__visual .content__point .point__wrapper .content__container .content__wrapper.--02 .content__tit h3.--num02::after {
  content: "팔뚝 360˚ 지방흡입" !important;
}
#text-sub.sub02 .main__visual .content__point .point__wrapper .content__container .content__wrapper.--02 .content__tit p {
  font-size: 18px;
  font-weight: 500;
  color: #111;
}
#text-sub.sub02 .main__visual .speciality__section .who__list .list__item {
  padding-left: 30px;
  justify-content: normal !important;
}

.sig__visual {
  position: relative;
}
.sig__visual iframe {
  position: absolute;
  top: 100%;
  left: 50%;
  translate: -50% -480px;
  width: 1400px;
  height: 740px;
}

@media screen and (max-width: 1400px) {
  .sig__visual iframe {
    translate: -50% -340px;
    width: 900px;
    height: 510px;
  }
}
.sig__bbaepoint .point__wrapper {
  position: relative;
}
.sig__bbaepoint a {
  position: absolute;
  top: 868px;
  left: 50%;
  width: 375px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  background: #000;
}
.sig__bbaepoint a::before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.7em;
  background: url(/img/common/hd/icon-talk-dot.svg) center/contain no-repeat;
}
.sig__bbaepoint iframe {
  position: absolute;
  top: 128px;
  left: 50%;
  width: 612px;
  height: 810px;
}
.sig__bbaepoint .point__wrapper.--video-left a {
  translate: 14px 0;
}
.sig__bbaepoint .point__wrapper.--video-left iframe {
  translate: -698px 0;
}
.sig__bbaepoint .point__wrapper.--video-right a {
  translate: -701px 0;
}
.sig__bbaepoint .point__wrapper.--video-right iframe {
  translate: 86px 0;
}

/* @media screen and (max-width: 1400px) {
	.sig__bbaepoint iframe {
		top: 80px;
		width: 427px;
		height: 570px;
	}
	.sig__bbaepoint .point__wrapper.--video-right iframe { translate: 60px 0; }
	.sig__bbaepoint .point__wrapper.--video-left iframe { translate: -488px 0; }

	.sig__bbaepoint a {
		top: 608px;
		width: 263px;
		height: 49px;
		font-size: 18px;
	}
	.sig__bbaepoint .point__wrapper.--video-right a { translate: -490px 0; }
	.sig__bbaepoint .point__wrapper.--video-left a { translate: 10px -1px; }
} */
/* ==================== 연령별 ==================== */
.sub__dream {
  position: relative;
}
.sub__dream iframe {
  position: absolute;
  top: 785px;
  left: 50%;
  translate: -50% 0;
  width: 1366px;
  height: 768px;
}

.age__point {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.age__point .point__hd {
  position: relative;
  margin-bottom: 55px;
}
.age__point .point__hd .age__nav {
  position: absolute;
  bottom: -2px;
  left: 50%;
  translate: -50% 0;
  width: 400px;
  height: 85px;
  display: flex;
  justify-content: space-between;
}
.age__point .point__hd .age__nav button {
  font-size: 22px;
  font-weight: 500;
  height: 4em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: 0;
}
.age__point .point__hd .age__nav button::before {
  content: "";
  width: 2.2em;
  height: 2.2em;
  background: url(/img/common/icon-sparkle.svg) center/contain no-repeat;
  filter: saturate(0);
}
.age__point .point__hd .age__nav button.--active::before {
  filter: saturate(1);
}
.age__point .age__box {
  position: relative;
  display: none;
}
.age__point .age__box.--active {
  display: block;
}
.age__point .age__tab {
  position: absolute;
  bottom: 67px;
  left: 80px;
  width: 740px;
  height: 633px;
}
.age__point .age__tab::after {
  content: "";
  position: absolute;
  top: calc(100% - 21px);
  left: 388px;
  width: 61px;
  height: 38px;
  background: url(/sub/sub-2/img/icon-deco.png);
}
.age__point .age__tab dt,
.age__point .age__tab dd {
  position: absolute;
}
.age__point .age__tab dt {
  top: 0;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 1px solid #000;
  background: none;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
}
.age__point .age__tab dt:hover {
  color: #fff;
  background: rgba(var(--theme-color-rgb), 0.6);
  border-color: rgba(var(--theme-color-rgb), 0.6);
}
.age__point .age__tab dd {
  bottom: 0;
  display: none;
}
.age__point .age__tab dt.--active + dd {
  display: block;
}
.age__point .age__tab dt.--active {
  background: var(--theme-color);
  color: #fff;
  border-color: var(--theme-color);
}
.age__point .age__tab dt.--active::before, .age__point .age__tab dt.--active::after {
  position: absolute;
  top: -5px;
  left: 50%;
  translate: -50% 0;
  width: 35px;
  height: 14px;
  background-color: #fcfcfc;
}
.age__point .age__tab dt.--active::after {
  z-index: 5;
  background: url(/img/common/icon-sparkle.svg) center/contain no-repeat;
  filter: saturate(0);
}
.age__point .age__tab dt:nth-of-type(2) {
  left: 107px;
}
.age__point .age__tab dt:nth-of-type(3) {
  left: 213px;
}

/* ==================== 사후관리 ==================== */
#sub-wrap.sub-6-sub-1 .sub__keypoint .keypoint__title h3 {
  font-size: 40px;
  color: #000;
}
#sub-wrap.sub-6-sub-1 .sub__keypoint .keypoint__title h3 strong {
  font-size: 1em;
}
#sub-wrap.sub-6-sub-1 .sub__keypoint .keypoint__title p {
  font-size: 16px;
  line-height: 2;
}
#sub-wrap.sub-6-sub-1 .section__case {
  padding-top: 100px;
}

/* ==================== 병원소개 ==================== */
#sub-wrap.sub-7-sub-1 .sub__visual .visual__img {
  left: -300px;
}
#sub-wrap.sub-7-sub-1 .sub__visual .visual__img::before {
  display: none;
}
#sub-wrap.sub-7-sub-1 .sub__visual .visual__title h2 {
  margin-bottom: 0.3em;
}
#sub-wrap.sub-7-sub-1 .sub__visual .visual__title .title__desc {
  font-size: 14px;
  color: #676767;
  line-height: 2;
  margin-top: 2em;
}
#sub-wrap.sub-7-sub-1 .bbae__review {
  padding-bottom: 140px;
}
#sub-wrap.sub-7-sub-1 .bbae__review .swiper-wrapper {
  transition-timing-function: linear !important;
}
#sub-wrap.sub-7-sub-1 .bbae__review .swiper-slide {
  width: 464px;
}

#sub-wrap.sub-7-sub-2 .visual__title h2 {
  white-space: nowrap;
}
#sub-wrap.sub-7-sub-2 .sub__team {
  position: relative;
  width: fit-content;
  margin: 0 auto 150px;
}
#sub-wrap.sub-7-sub-2 .sub__team .team__button {
  position: absolute;
  top: 72px;
  right: 0;
  width: 180px;
  height: 38px;
  opacity: 0;
}
#sub-wrap.sub-7-sub-2 .sub__team .team__thumbnail {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 623px;
  display: flex;
  justify-content: space-between;
}
#sub-wrap.sub-7-sub-2 .sub__team .team__thumbnail img {
  filter: grayscale(10);
  transition: 0.3s;
}
#sub-wrap.sub-7-sub-2 .sub__team .team__thumbnail img:hover {
  filter: grayscale(0);
}

#sub-wrap.sub-7-sub-3 .visual__title h2 {
  white-space: nowrap;
}
#sub-wrap.sub-7-sub-3 .sub__interior {
  margin-top: 350px;
  padding: 440px calc(50% - 700px) 140px;
  background: #f7f7f7;
  position: relative;
  display: flex;
  flex-direction: column;
}
#sub-wrap.sub-7-sub-3 .sub__interior video {
  position: absolute;
  top: -350px;
  left: 50%;
  translate: -50% 0;
  width: 1400px;
}
#sub-wrap.sub-7-sub-3 .interior__slider {
  width: 1150px;
  margin-top: 130px;
}
#sub-wrap.sub-7-sub-3 .interior__slider .slider__title {
  font-size: 20px;
  font-weight: 300;
  color: #bfbfc2;
  line-height: 1.5;
  margin-bottom: 1em;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#sub-wrap.sub-7-sub-3 .interior__slider .slider__title strong {
  font-size: 2em;
  font-weight: normal;
  color: #000;
}
#sub-wrap.sub-7-sub-3 .interior__slider .swiper-slide {
  width: 50%;
}
#sub-wrap.sub-7-sub-3 .interior__slider .swiper-slide img {
  width: 100%;
}
#sub-wrap.sub-7-sub-3 .interior__slider .swiper__nav {
  width: 130px;
  height: 15px;
  background: url(/img/main/swiper-nav.svg) center/contain no-repeat;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#sub-wrap.sub-7-sub-3 .interior__slider .swiper__nav .swiper__button {
  width: 20px;
  height: 100%;
  font-size: 0;
  opacity: 0;
}
#sub-wrap.sub-7-sub-3 .interior__slider.--office {
  align-self: flex-end;
}

#sub-wrap.sub-7-sub-4 .info__hd {
  font-size: 22px;
  text-align: center;
  margin-bottom: 4em;
}
#sub-wrap.sub-7-sub-4 .info__hd h3 {
  font-size: 1.8em;
  font-weight: 500;
  margin-bottom: 0.5em;
}
#sub-wrap.sub-7-sub-4 .info__wrapper {
  width: 1400px;
  margin: 0 auto 135px;
  font-size: 16px;
  line-height: 1;
  display: flex;
  justify-content: space-between;
}
#sub-wrap.sub-7-sub-4 .info__wrapper .info__container {
  width: 680px;
  height: 470px;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#sub-wrap.sub-7-sub-4 .info__wrapper .info__container::before {
  content: "";
  width: 3.75em;
  height: 3.75em;
}
#sub-wrap.sub-7-sub-4 .info__wrapper .info__container h4 {
  font-size: 2em;
  text-align: center;
  margin-top: 1em;
}
#sub-wrap.sub-7-sub-4 .info__wrapper .info__container.--hours {
  padding: 3.75em calc(50% - 35em) 0;
}
#sub-wrap.sub-7-sub-4 .info__wrapper .info__container.--hours::before {
  background: url(/sub/sub-7/img/sub-4/icon-clock.svg) center/contain no-repeat;
}
#sub-wrap.sub-7-sub-4 .info__wrapper .info__container.--hours dl {
  width: 13em;
  padding: 2em 0 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 1.375em;
}
#sub-wrap.sub-7-sub-4 .info__wrapper .info__container.--hours dl dt {
  width: 5em;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 1em;
}
#sub-wrap.sub-7-sub-4 .info__wrapper .info__container.--hours dl dd {
  width: calc(100% - 5em);
  font-weight: 500;
  word-spacing: 0.8em;
}
#sub-wrap.sub-7-sub-4 .info__wrapper .info__container.--hours ul {
  color: #676767;
}
#sub-wrap.sub-7-sub-4 .info__wrapper .info__container.--hours ul li + li {
  margin-top: 1em;
}
#sub-wrap.sub-7-sub-4 .info__wrapper .info__container.--cs {
  padding: 3.75em 0 0;
  text-align: center;
}
#sub-wrap.sub-7-sub-4 .info__wrapper .info__container.--cs::before {
  background: url(/sub/sub-7/img/sub-4/icon-phone.svg) center/contain no-repeat;
}
#sub-wrap.sub-7-sub-4 .info__wrapper .info__container.--cs .cs__number {
  font-size: 40px;
  padding: 0.5em 0;
}
#sub-wrap.sub-7-sub-4 .info__wrapper .info__container.--cs p {
  font-size: 1.375em;
  line-height: 1.8;
  color: #676767;
}
#sub-wrap.sub-7-sub-4 .info__wrapper .info__container.--cs h4:nth-of-type(2) {
  margin-top: 0;
}
#sub-wrap.sub-7-sub-4 .sub__location {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1;
  width: 1400px;
  margin: 0 auto 150px;
}
#sub-wrap.sub-7-sub-4 .sub__location li + li {
  margin-top: 1em;
}
#sub-wrap.sub-7-sub-4 .sub__location h3 {
  font-size: 8.2em;
  font-weight: normal;
}
#sub-wrap.sub-7-sub-4 .sub__location h3 em {
  display: block;
  font-size: 0.34em;
  font-weight: bold;
  font-style: normal;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__desc {
  margin: 2em 0 3em;
  color: #676767;
  line-height: 2;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__container {
  border-top: 1px solid #ccc;
  margin-top: 50px;
  padding-top: 50px;
  font-size: 16px;
  color: #676767;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__container h4 {
  font-size: 1.56em;
  color: #000;
  margin-bottom: 1em;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__parking li {
  display: flex;
  align-items: center;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__parking li span {
  padding-left: 0.3em;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__parking li::before {
  content: "";
  width: 0.25em;
  height: 0.25em;
  background: var(--theme-color);
  margin-right: 0.5em;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__parking li:nth-child(1) {
  line-height: 1.6;
  align-items: flex-start;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__parking li:nth-child(1)::before {
  margin-top: 0.8em;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__parking nav {
  display: flex;
  padding-top: 2em;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__parking nav a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: var(--theme-color);
  padding: 0.7em 2.5em;
  margin-right: 1em;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__parking nav a::before {
  content: "";
  width: 2em;
  height: 1.6em;
  margin-right: 0.6em;
  filter: brightness(100);
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__parking nav .--kakao::before {
  background: url(/img/common/hd/icon-kakao.svg) center right/contain no-repeat;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__parking nav .--naver::before {
  width: 1.5em;
  background: url(/img/common/icon-naver.svg) center right/contain no-repeat;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__parking nav .--google::before {
  width: 1.5em;
  background: url(/img/common/icon-google.svg) center right/contain no-repeat;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 30px;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__wrapper dl {
  width: 30em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__wrapper dt,
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__wrapper dd {
  display: flex;
  align-items: center;
  margin-bottom: 1.2em;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__wrapper dt {
  width: 6.5em;
  height: 2.5em;
  padding-bottom: 0.1em;
  border-radius: 10em;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #000;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__wrapper dd {
  width: calc(100% - 6.5em);
  letter-spacing: -1px;
  align-items: center;
  white-space: nowrap;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__wrapper dd span {
  display: block;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__bus {
  width: 330px;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__bus dd::before {
  content: "";
  width: 0.4em;
  height: 0.4em;
  margin: 0 0.5em;
  border-radius: 100%;
  position: relative;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__bus dt[data-menu=간선버스] + dd,
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__bus dt[data-menu=직행버스] + dd {
  position: relative;
  top: 0.6em;
  line-height: 1.8;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__bus dt[data-menu=간선버스] + dd::before,
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__bus dt[data-menu=직행버스] + dd::before {
  top: -0.8em;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__bus dt[data-menu=간선버스] + dd::before {
  background: #395fb6;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__bus dt[data-menu=지선버스] + dd::before {
  background: #398b44;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__bus dt[data-menu=직행버스] + dd::before {
  background: #b23241;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__bus dt[data-menu=공항버스] + dd::before {
  background: #7a39b6;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__metro .metro__line {
  width: 1.5em;
  height: 1.5em;
  padding-bottom: 0.1em;
  margin: 0 0.5em;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  color: #fff;
  padding-top: 5px;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__metro .metro__line.--9 {
  background: #cbaf69;
}
#sub-wrap.sub-7-sub-4 .sub__location .loc__way .way__metro .metro__line.--2 {
  background: #4dc15b;
}
#sub-wrap.sub-7-sub-4 .sub__location .way__metro {
  width: 280px;
}
#sub-wrap.sub-7-sub-4 .sub__location .root_daum_roughmap.root_daum_roughmap_landing {
  height: 850px;
}/*# sourceMappingURL=sub.min.css.map */