.main_visual { position: relative; overflow: hidden; }
.vimeo_wrap_sec1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; height: 56.25vw; min-width: 177.78vh; min-height: 400px; }
.vimeo_wrap_sec1 iframe { top: 50% !important; }
.sub_title_gray { font-weight: 300; color: rgb(153, 153, 153); text-align: center; font-size: 1.5rem; letter-spacing: 0.3em; }
.under_title_txt { text-align: center; font-size: 2.2rem; font-weight: 300; margin: 10px 0px 50px; }
@media screen and (max-width: 1024px) {
  #main .sub_title_gray { font-size: 1.2rem; }
  #main .under_title_txt { font-size: 2rem; }
}
@media screen and (max-width: 800px) {
  #main .sub_title_gray { font-size: 1rem; }
  #main .under_title_txt { font-size: 1.5rem; }
}
a.enter_btn { display: flex; align-items: center; justify-content: space-between; background: rgb(179, 179, 179); color: rgb(255, 255, 255); padding: 10px 20px; border-radius: 12px; width: 130px; }
a.enter_btn p { margin-right: 10px; font-size: 0.8rem; }
a.enter_btn img { width: 13px; }
@media screen and (max-width: 860px) {
  #main a.enter_btn p { font-size: 0.8rem !important; }
}
@media (max-width: 1024px) {
  #main h2.font_h2 { font-size: 2.5rem; }
}
@media (max-width: 600px) {
  #main h2.font_h2 { font-size: 2rem; }
}
#main .main_visual_slide_ver { overflow: visible; }
.place, .main_visual_slide_ver_design, .main_visual_slide_ver { height: 600px; color: rgb(179, 179, 179); position: relative; overflow: hidden; }
.place .swiper-wrapper, .main_visual_slide_ver_design .swiper-wrapper, .main_visual_slide_ver .swiper-wrapper { overflow: visible; }
.place .swiper-wrapper .swiper-slide, .main_visual_slide_ver_design .swiper-wrapper .swiper-slide, .main_visual_slide_ver .swiper-wrapper .swiper-slide { display: flex; align-items: center; transition: 0.5s; }
.place .swiper-wrapper .swiper-slide .section_box, .main_visual_slide_ver_design .swiper-wrapper .swiper-slide .section_box, .main_visual_slide_ver .swiper-wrapper .swiper-slide .section_box { display: flex; }
.place .swiper-wrapper .swiper-slide .section_box .section_text, .main_visual_slide_ver_design .swiper-wrapper .swiper-slide .section_box .section_text, .main_visual_slide_ver .swiper-wrapper .swiper-slide .section_box .section_text { width: 50%; opacity: 1; }
.place .swiper-wrapper .swiper-slide .section_box .section_img, .main_visual_slide_ver_design .swiper-wrapper .swiper-slide .section_box .section_img, .main_visual_slide_ver .swiper-wrapper .swiper-slide .section_box .section_img { width: 70%; }
.place .swiper-wrapper .swiper-slide .section_box .section_img img, .main_visual_slide_ver_design .swiper-wrapper .swiper-slide .section_box .section_img img, .main_visual_slide_ver .swiper-wrapper .swiper-slide .section_box .section_img img { width: 100%; opacity: 1; aspect-ratio: 17 / 9; display: block; height: 100%; object-fit: cover; object-position: center center; }
.place .swiper-wrapper .swiper-slide.swiper-slide-prev, .place .swiper-wrapper .swiper-slide.swiper-slide-next, .main_visual_slide_ver_design .swiper-wrapper .swiper-slide.swiper-slide-prev, .main_visual_slide_ver_design .swiper-wrapper .swiper-slide.swiper-slide-next, .main_visual_slide_ver .swiper-wrapper .swiper-slide.swiper-slide-prev, .main_visual_slide_ver .swiper-wrapper .swiper-slide.swiper-slide-next { transform: translateX(-200px); }
.place .swiper-wrapper .swiper-slide.swiper-slide-prev .section_text, .place .swiper-wrapper .swiper-slide.swiper-slide-next .section_text, .main_visual_slide_ver_design .swiper-wrapper .swiper-slide.swiper-slide-prev .section_text, .main_visual_slide_ver_design .swiper-wrapper .swiper-slide.swiper-slide-next .section_text, .main_visual_slide_ver .swiper-wrapper .swiper-slide.swiper-slide-prev .section_text, .main_visual_slide_ver .swiper-wrapper .swiper-slide.swiper-slide-next .section_text { opacity: 0; }
.place .swiper-wrapper .swiper-slide.swiper-slide-prev .section_img, .place .swiper-wrapper .swiper-slide.swiper-slide-next .section_img, .main_visual_slide_ver_design .swiper-wrapper .swiper-slide.swiper-slide-prev .section_img, .main_visual_slide_ver_design .swiper-wrapper .swiper-slide.swiper-slide-next .section_img, .main_visual_slide_ver .swiper-wrapper .swiper-slide.swiper-slide-prev .section_img, .main_visual_slide_ver .swiper-wrapper .swiper-slide.swiper-slide-next .section_img { height: 100%; }
.place .swiper-wrapper .swiper-slide.swiper-slide-prev .section_img img, .place .swiper-wrapper .swiper-slide.swiper-slide-next .section_img img, .main_visual_slide_ver_design .swiper-wrapper .swiper-slide.swiper-slide-prev .section_img img, .main_visual_slide_ver_design .swiper-wrapper .swiper-slide.swiper-slide-next .section_img img, .main_visual_slide_ver .swiper-wrapper .swiper-slide.swiper-slide-prev .section_img img, .main_visual_slide_ver .swiper-wrapper .swiper-slide.swiper-slide-next .section_img img { aspect-ratio: 17 / 9; display: block; width: 100%; height: 100%; object-fit: cover; }
.place .section_txt, .main_visual_slide_ver_design .section_txt, .main_visual_slide_ver .section_txt { position: absolute; top: 50%; left: 0%; z-index: 100; transform: translate(0%, -50%); color: rgb(179, 179, 179); width: 40%; }
.place .section_txt p, .main_visual_slide_ver_design .section_txt p, .main_visual_slide_ver .section_txt p { line-height: 1.5; word-break: keep-all; overflow-wrap: break-word; text-wrap: balance; }
.place { height: unset; color: rgb(0, 0, 0); }
.place .place_box { display: flex; justify-content: space-between; align-items: center; }
.place .place_box .section_txt { width: 40%; }
.place .place_box .place_slide { width: 60%; }
.place .place_box .place_slide .swiper-slide { position: relative; }
.place .place_box .place_slide .swiper-slide .section_box .section_img { width: 100%; }
.place .place_box .place_slide .swiper-slide .section_box .place_slide_section_txt { position: absolute; left: 10px; bottom: 5%; }
.place .place_box .place_slide .swiper-slide .section_box .place_slide_section_txt p { font-size: 1.2rem; font-weight: 700; color: rgb(255, 255, 255); width: 140px; text-align: center; background: var(--main-color); padding: 10px; border-radius: 12px; }
.place .section_txt { position: relative; transform: unset; color: rgb(179, 179, 179); width: 40%; top: unset; left: unset; padding-bottom: 10px; }
.place .section_txt .title_txt { font-size: 1.4rem; font-weight: 300; color: rgb(0, 0, 0); }
.place .section_txt .sub_txt { margin: 20px 0px; line-height: 1.5; word-break: keep-all; overflow-wrap: break-word; text-wrap: balance; }
@media (max-width: 500px) {
  #main .place .place_box .place_slide .section_box .place_slide_section_txt p { width: 105px; font-size: 0.8rem; }
}
.main_visual_slide_ver_mb { display: none; }
.main_visual_slide_ver_mb .swiper-wrapper { margin-top: 60px; }
.main_visual_slide_ver_mb .swiper-wrapper .swiper-slide .section_img img { aspect-ratio: 17 / 9; display: block; width: 100%; object-fit: cover; }
.main_visual_slide_ver_mb .section_txt { color: rgb(179, 179, 179); margin-bottom: 40px; position: relative; }
.main_visual_slide_ver_mb .swiper-pagination { top: 120px; }
.intro { overflow: hidden; }
#main .design, #main .intro { padding: 0px; }
#main .design .line-container, #main .intro .line-container { position: absolute; top: 8px; left: 0px; width: 200px; height: 1px; }
#main .design .line-container .line-bg, #main .intro .line-container .line-bg { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); }
#main .design .line-container .line-progress, #main .design .line-container .line-progress2, #main .intro .line-container .line-progress, #main .intro .line-container .line-progress2 { position: absolute; height: 100%; background: rgb(0, 0, 0); transition: width 0.3s; }
#main .design .swiper-pagination, #main .intro .swiper-pagination { top: 150px; color: rgb(0, 0, 0); font-size: 0.8rem; }
#main .design .swiper-pagination .line, #main .intro .swiper-pagination .line { display: inline-block; width: 1px; height: 12px; margin: 0px 6px; transform: rotate(10deg) translateY(2px); background: rgb(0, 0, 0); }
@media screen and (max-width: 600px) {
  #main .intro .swiper-pagination { top: 136px; }
}
#main .place .line-container { position: absolute; top: 8px; left: 0px; width: 100%; max-width: 200px; height: 1px; }
#main .place .line-container .line-bg { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); }
#main .place .line-container .line-progress3 { position: absolute; height: 100%; background: rgb(0, 0, 0); transition: width 0.3s; }
#main .place .swiper-pagination { top: unset; bottom: 0px; color: rgb(0, 0, 0); font-size: 0.8rem; }
#main .place .swiper-pagination .line { display: inline-block; width: 1px; height: 12px; margin: 0px 6px; transform: rotate(10deg) translateY(2px); background: rgb(0, 0, 0); }
@media screen and (max-width: 1170px) {
  #main #place .place_box { flex-direction: column; }
  #main #place .place_box .section_txt { width: 100%; position: relative; }
  #main #place .place_box .swiper { margin-top: 40px; width: 100%; padding-bottom: 50px; }
  #main #place .place_box .swiper .swiper-slide .section_img { max-width: 700px; }
  #main #place .swiper-pagination { max-width: 250px; text-align: right; }
  #main #place .swiper-button-prev, #main #place .swiper-button-next { top: 570px; }
  #main #place .swiper-button-prev { left: calc(50% - 15px); }
  #main #place .swiper-button-next { left: calc(50% + 15px); }
}
@media screen and (max-width: 640px) {
  #main #place .swiper-button-prev, #main #place .swiper-button-next { top: 520px; }
}
@media screen and (max-width: 550px) {
  #main #place .swiper-button-prev, #main #place .swiper-button-next { top: 470px; }
}
@media screen and (max-width: 480px) {
  #main #place .swiper-button-prev, #main #place .swiper-button-next { top: 420px; }
}
@media screen and (max-width: 480px) {
  #main #place .swiper-button-prev, #main #place .swiper-button-next { top: 395px; }
}
@media screen and (max-width: 390px) {
  #main #place .swiper-button-prev, #main #place .swiper-button-next { top: 385px; }
}
#main .design .line-container .line-bg { background: rgb(237, 28, 36); }
#main .design .line-container .line-progress2 { background: rgb(255, 255, 255); }
#main .design .swiper-pagination { color: rgb(255, 255, 255); }
#main .design .swiper-pagination .line { background: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  #main .main_visual_slide_ver, #main .main_visual_slide_ver_design { height: 550px; }
}
@media (max-width: 1000px) {
  #main .main_visual_slide_ver, #main .main_visual_slide_ver_design { height: 500px; }
}
@media (max-width: 900px) {
  #main .main_visual_slide_ver, #main .main_visual_slide_ver_design { height: 435px; }
}
@media (max-width: 850px) {
  #main .main_visual_slide_ver, #main .main_visual_slide_ver_design { display: none; }
  #main .main_visual_slide_ver_mb { display: block; padding: 100px 0px; }
  #main #intro { height: unset; }
}
.treatment { background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%), none center center / cover no-repeat; }
.treatment .inner { display: flex; justify-content: space-between; }
.treatment .inner .left { width: 50%; display: flex; flex-direction: column; justify-content: center; }
.treatment .inner .left .txt_wrap { max-width: 280px; padding-right: 20px; }
.treatment .inner .left .txt_wrap h2 { color: rgb(255, 255, 255); font-size: 3rem; margin: 0px; text-align: right; }
.treatment .inner .left .txt_wrap h2:nth-of-type(2) { margin-top: -10px; opacity: 0.5; }
.treatment .inner .left .txt_wrap .enter_box { display: flex; justify-content: flex-end; }
.treatment .inner .left .txt_wrap .enter_box a { margin-top: 20px; width: 140px; text-align: center; justify-content: center; background: transparent; border: 1px solid rgb(255, 255, 255); }
.treatment .inner .left .txt_wrap .enter_box a p { margin: 0px; }
.treatment .inner .right { width: 50%; color: rgba(255, 255, 255, 0.6); }
.treatment .inner .right .treatment_txt_box { cursor: pointer; margin-bottom: 40px; }
.treatment .inner .right .treatment_txt_box.active { color: rgb(255, 255, 255); }
.treatment .inner .right .treatment_txt_box .treatment_txt_title { font-size: 1.5rem; margin-bottom: 10px; font-weight: 700; }
.treatment .inner .right .treatment_txt_box .treatment_txt_sub { font-size: 1rem; line-height: 1.5; word-break: keep-all; overflow-wrap: break-word; text-wrap: balance; }
@media (max-width: 606px) {
  #main .treatment .inner { flex-direction: column; }
  #main .treatment .inner .left { margin-bottom: 30px; }
  #main .treatment .inner .left .txt_wrap h2 { text-align: left; }
  #main .treatment .inner .left .txt_wrap .enter_box { justify-content: flex-start; }
  #main .treatment .inner .right { width: 100%; }
  #main .treatment .inner .right .treatment_txt_box { width: 100%; }
  #main .treatment .inner .right .treatment_txt_box .treatment_txt_title { font-size: 1.2rem; }
  #main .treatment .inner .right .treatment_txt_box .treatment_txt_sub { font-size: 0.9375rem; }
}
.healthy { background: rgb(242, 242, 242); }
.healthy .inner h2 { text-align: center; margin-bottom: 40px; }
.healthy .inner .healthy_box { display: flex; flex-direction: row-reverse; justify-content: center; gap: 20px; margin: 0px auto; }
.healthy .inner .healthy_box .left { width: 45%; display: flex; flex-direction: column; justify-content: center; padding-left: 50px; }
.healthy .inner .healthy_box .left .healthy_txt_title { font-size: 1.5rem; font-weight: 300; color: rgb(153, 153, 153); word-break: keep-all; overflow-wrap: break-word; margin-bottom: 30px; line-height: 1.5; }
.healthy .inner .healthy_box .left .healthy_txt_title span.bold_txt { color: rgb(0, 0, 0); }
.healthy .inner .healthy_box .left .healthy_txt_sub { font-size: 1rem; line-height: 1.5; color: rgb(153, 153, 153); margin: 30px 0px; word-break: keep-all; overflow-wrap: break-word; text-wrap: balance; }
.healthy .inner .healthy_box .right { width: 56%; }
.healthy .inner .healthy_box .right .swiper { position: relative; padding-bottom: 30px; }
.healthy .inner .healthy_box .right .swiper .swiper-slide img { width: 100%; display: block; aspect-ratio: 9 / 6; object-fit: cover; }
.healthy .inner .healthy_box .right .swiper .swiper-pagination-bullet { border: 1px solid rgb(0, 0, 0); }
.healthy .inner .healthy_box .right .swiper .swiper-pagination-bullet-active { background: rgb(0, 0, 0); }
@media (max-width: 1024px) {
  #main .healthy .inner .healthy_box { flex-direction: column; gap: 40px; }
  #main .healthy .inner .healthy_box .left { width: 100%; padding-left: 20px; }
  #main .healthy .inner .healthy_box .left .healthy_txt_title { font-size: 1.2rem; }
  #main .healthy .inner .healthy_box .right { width: 100%; max-width: 460px; }
}
@media (max-width: 600px) {
  #main .healthy .inner h2 { text-align: left !important; }
  #main .healthy .inner .healthy_box .left { align-items: start; }
}
.cancer_theraphy .therphy_box { display: flex; justify-content: space-between; }
.cancer_theraphy .therphy_box .left { width: 40%; display: flex; align-items: center; }
.cancer_theraphy .therphy_box .left h2 { line-height: 1; }
.cancer_theraphy .therphy_box .left .sub_txt { margin: 30px 0px 20px; color: rgb(153, 153, 153); word-break: keep-all; overflow-wrap: break-word; text-wrap: balance; line-height: 1.5; }
.cancer_theraphy .therphy_box .right { width: 60%; }
.cancer_theraphy .therphy_box .right .swiper .swiper-slide img { width: 100%; display: block; aspect-ratio: 23 / 16; object-fit: cover; }
@media screen and (max-width: 700px) {
  #main .cancer_theraphy .therphy_box { flex-direction: column; gap: 40px; }
  #main .cancer_theraphy .therphy_box .left { width: 100%; }
  #main .cancer_theraphy .therphy_box .right { width: 100%; max-width: 400px; }
}
.design { background: var(--main-color); }
.design h2 { color: rgb(255, 255, 255); }
.design .swiper .section_txt p { color: rgb(255, 255, 255); }
.youtube .inner h2 { text-align: center; color: rgb(255, 255, 255); }
.youtube .inner p { font-size: 1.5rem; font-weight: 600; text-align: center; margin-bottom: 20px; color: rgb(255, 255, 255); }
.youtube .inner .swiper .swiper-slide img { width: 100%; display: block; aspect-ratio: 16 / 9; object-fit: cover; }
@media screen and (max-width: 600px) {
  #main .youtube .inner p { font-size: 1.2rem; }
}
@media screen and (max-width: 600px) {
  #main .youtube .inner p { font-size: 1rem; }
}
#main .contact_section { padding-top: 100px; }
#main .contact_section h2 { text-align: center; color: var(--main-color); }
#main .treatment, #main .place, #main .healthy, #main .cancer_theraphy, #main .youtube, #main .intro { height: 960px; display: flex; align-items: center; }
#main #intro .main_visual_slide_ver_mb .swiper-button-prev, #main #intro .main_visual_slide_ver .swiper-button-prev { left: 0px; }
#main #intro .main_visual_slide_ver_mb .swiper-button-next, #main #intro .main_visual_slide_ver .swiper-button-next { left: 30px; }
#main #intro .main_visual_slide_ver_mb .swiper-button-prev, #main #intro .main_visual_slide_ver_mb .swiper-button-next, #main #intro .main_visual_slide_ver .swiper-button-prev, #main #intro .main_visual_slide_ver .swiper-button-next { top: 190px; }
#main #intro .main_visual_slide_ver_mb .swiper-button-prev::after, #main #intro .main_visual_slide_ver_mb .swiper-button-next::after, #main #intro .main_visual_slide_ver .swiper-button-prev::after, #main #intro .main_visual_slide_ver .swiper-button-next::after { color: rgb(0, 0, 0); }
#main .place .swiper-button-prev { left: 0px; }
#main .place .swiper-button-next { left: 30px; }
#main .place .swiper-button-prev, #main .place .swiper-button-next { top: 190px; }
#main .place .swiper-button-prev::after, #main .place .swiper-button-next::after { color: rgb(0, 0, 0); }
@media screen and (max-width: 850px) {
  #main #intro .main_visual_slide_ver_mb .swiper-button-prev, #main #intro .main_visual_slide_ver .swiper-button-prev { left: calc(50% - 15px); }
  #main #intro .main_visual_slide_ver_mb .swiper-button-next, #main #intro .main_visual_slide_ver .swiper-button-next { left: calc(50% + 15px); }
  #main #intro .main_visual_slide_ver_mb .swiper-button-prev, #main #intro .main_visual_slide_ver_mb .swiper-button-next, #main #intro .main_visual_slide_ver .swiper-button-prev, #main #intro .main_visual_slide_ver .swiper-button-next { top: unset; bottom: 44px; }
  #main #intro .main_visual_slide_ver_mb .swiper-button-prev::after, #main #intro .main_visual_slide_ver_mb .swiper-button-next::after, #main #intro .main_visual_slide_ver .swiper-button-prev::after, #main #intro .main_visual_slide_ver .swiper-button-next::after { color: rgb(0, 0, 0); }
}
@media screen and (max-width: 610px) {
  #main #place, #main #treatment { height: unset; }
}
@media screen and (max-width: 500px) {
  #main #healthy { height: unset; }
}
@media screen and (max-width: 1200px) {
  #main #cancer_theraphy { height: unset; }
}
@media screen and (max-width: 850px) {
  #main #youtube { height: unset; }
}