:root {
  --main-color: #ff792a;
  --text-color: #555;
  --icon-color: #888;
  --hover-bg: #fff8f5;
}

/* 부드러운 스크롤 */
html {
  scroll-behavior: smooth;
}

body,
h1,
h2,
p,
ul,
li,
figure,
button {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Noto Sans KR", "Pretendard", sans-serif;
  color: var(--text-color);
  background-color: #fff;
  font-weight: 400;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
}

button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font-family: "Noto Sans KR", "Pretendard", sans-serif;
}

.container {
  width: 1240px; /* 항상 1240px 고정 */
  margin: 0 auto; /* 가운데 정렬 */
  padding: 0; /* 좌우 여백 제거 */
  position: relative;
}

/* Header & GNB */
#header {
  max-width: 1920px;
  width: 100%;
  height: 110px;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}

.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.logo img {
  height: 45px;
}

#gnb > ul {
  display: flex;
  height: 100%;
}

#gnb > ul > li {
  position: relative;
}

#gnb > ul > li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 120px;
  height: 110px;
  color: var(--text-color);
  transition: all 0.3s ease;
}

.gnb-icon {
  width: 36px;
  height: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease;
}

/* 각 메뉴별 아이콘 배경 이미지 */
.gnb-icon.icon-home {
  background-image: url("../img/gnb1.png");
}
.gnb-icon.icon-implant {
  background-image: url("../img/gnb2.png");
}
.gnb-icon.icon-beauty {
  background-image: url("../img/gnb3.png");
}
.gnb-icon.icon-cavity {
  background-image: url("../img/gnb4.png");
}
.gnb-icon.icon-gum {
  background-image: url("../img/gnb5.png");
}
.gnb-icon.icon-wisdom {
  background-image: url("../img/gnb6.png");
}
.gnb-icon.icon-jaw {
  background-image: url("../img/gnb7.png");
}
.gnb-icon.icon-consult {
  background-image: url("../img/gnb8.png");
}

.gnb-text {
  font-size: 16px;
  font-weight: 500; /* Medium 폰트 적용 */
  transition: all 0.3s ease;
}

#gnb > ul > li:hover > a,
#gnb > ul > li.active > a {
  color: #fff;
  background-color: #ff792a;
}

/* 호버 시 _on 이미지로 변경 */
#gnb > ul > li:hover .gnb-icon.icon-home,
#gnb > ul > li.active .gnb-icon.icon-home {
  background-image: url("../img/gnb1_on.png");
  transform: scale(1.1);
}

#gnb > ul > li:hover .gnb-icon.icon-implant,
#gnb > ul > li.active .gnb-icon.icon-implant {
  background-image: url("../img/gnb2_on.png");
  transform: scale(1.1);
}

#gnb > ul > li:hover .gnb-icon.icon-beauty,
#gnb > ul > li.active .gnb-icon.icon-beauty {
  background-image: url("../img/gnb3_on.png");
  transform: scale(1.1);
}

#gnb > ul > li:hover .gnb-icon.icon-cavity,
#gnb > ul > li.active .gnb-icon.icon-cavity {
  background-image: url("../img/gnb4_on.png");
  transform: scale(1.1);
}

#gnb > ul > li:hover .gnb-icon.icon-gum,
#gnb > ul > li.active .gnb-icon.icon-gum {
  background-image: url("../img/gnb5_on.png");
  transform: scale(1.1);
}

#gnb > ul > li:hover .gnb-icon.icon-wisdom,
#gnb > ul > li.active .gnb-icon.icon-wisdom {
  background-image: url("../img/gnb6_on.png");
  transform: scale(1.1);
}

#gnb > ul > li:hover .gnb-icon.icon-jaw,
#gnb > ul > li.active .gnb-icon.icon-jaw {
  background-image: url("../img/gnb7_on.png");
  transform: scale(1.1);
}

#gnb > ul > li:hover .gnb-icon.icon-consult,
#gnb > ul > li.active .gnb-icon.icon-consult {
  background-image: url("../img/gnb8_on.png");
  transform: scale(1.1);
}

#gnb > ul > li:hover:has(.submenu)::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  z-index: 99;
}

.submenu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  _transition:
    opacity 0.4s ease,
    transform 0.4s ease,
    visibility 0.4s ease;
  pointer-events: none;
  position: absolute;
  top: 110px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  width: 230px;
  background-color: #fff;
  border: 1px solid #000000;
  border-radius: 8px;
  padding: 20px 0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  z-index: 10;
}

#gnb > ul > li:hover .submenu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}

.submenu li a {
  display: block;
  padding: 10px 0px;
  font-size: 16px;
  font-weight: 400; /* Regular 폰트 적용 */
  text-align: center;
  transition: all 0.2s ease;
  color: #282827;
}

.submenu li a:hover {
  color: var(--main-color);
  font-weight: 500; /* Medium 폰트로 변경 */
  text-decoration: underline;
}

/* Main Visual Slider */
#main-visual {
  position: relative;
  _width: 100%;
  overflow: hidden;
  background-color: #222;
  max-width: 1920px;
  min-width: 1620px;
  margin: 110px auto 0 auto;
}

.slides-wrapper {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide-item {
  flex-shrink: 0;
  width: 100%;
  height: 760px;
  background-size: cover;
  background-position: center;
  position: relative;
}

.slide-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slide-text {
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translateY(-50%);
  color: white;
  text-align: left;
  z-index: 2;
}

.slide-text h2 {
  font-size: 52px;
  font-weight: 700; /* Bold 폰트 적용 */
  line-height: 1.3;
  margin-bottom: 20px;
}

.slide-text p {
  font-size: 20px;
  font-weight: 400; /* Regular 폰트 적용 */
  color: #eee;
}

.slider-controls {
  position: absolute;
  bottom: 40px;
  right: 50%;
  transform: translateX(calc(1240px / 2 - 20px));
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 12px;
}

.slider-controls .fraction {
  color: white;
  font-size: 16px;
  font-weight: 500; /* Medium 폰트 적용 */
}

.slider-controls .button-group {
  display: flex;
  align-items: center;
}

.control-btn {
  width: 32px;
  height: 32px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}

.control-btn:hover {
  background-color: var(--main-color);
}

.control-btn:hover svg {
  stroke: white;
}

.control-btn svg {
  width: 20px;
  height: 20px;
  stroke: #555;
  stroke-width: 2;
}

.play-pause-btn.paused .pause-icon {
  display: none;
}

.play-pause-btn:not(.paused) .play-icon {
  display: none;
}

/* --------------------------------
   Main Content 1: Fixed Image with Text Overlay (Final)
   -------------------------------- */
#main_content1 {
  padding: 120px 0;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
  background-image: url("../img/main_content1_bg.png");
  background-size: cover;
  background-position: center;
}

/* 상단 콘텐츠: 위치 기준점(relative) + 고정 크기 */
#main_content1 .content_box {
  position: relative; /* ★★★ 자식(.text_area)의 절대 위치 기준점 (가장 중요) */
  max-width: 1240px; /* ★★★ 디자인 시안의 전체 가로 크기(고정) */
  margin: 0 auto;
  border-bottom: 2px solid #000;
  padding-bottom: 120px;
}

#main_content1 .background_image {
  display: block; /* 이미지 하단 불필요한 여백 제거 */
}

/* 텍스트 오버레이 영역: 절대 위치(absolute)로 이미지 위에 배치 */
#main_content1 .text_area {
  position: absolute; /* ★★★ 부모 기준으로 위치 지정 (핵심 기능) */
  top: 0;
  right: 0;
  height: 100%; /* ★★★ 부모와 동일한 높이로 설정 */

  /* 텍스트 내용을 수직 중앙 정렬하기 위한 Flex 설정 */
  display: flex;
  flex-direction: column;
  _justify-content: center;

  padding: 95px 0 0 0; /* 내부 좌우 여백 */
  box-sizing: border-box;
  text-align: right;
}

#main_content1 .text_area h2 {
  font-size: 55px;
  font-weight: 600;
  color: #222;
  _line-height: 1.4;
  margin-bottom: 30px;
}

#main_content1 .text_area p {
  font-size: 25px;
  color: #555;
  _line-height: 1.75;
  margin-bottom: 45px;
}

#main_content1 .text_area p .highlight {
  color: #ff792a;
}
#main_content1 .text_area .btn_more {
  display: inline-block;
  /* align-self: flex-start; -> align-self: flex-end; 로 수정 */
  align-self: flex-end; /* ★★★ 이 부분이 버튼을 오른쪽으로 보냅니다. [2][3] */

  background-color: #544f4b;
  color: #fff;
  padding: 15px 35px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

#main_content1 .text_area .btn_more:hover {
  background-color: #3e3a37;
}

/* 하단 배너 (이전과 동일, 완성도 위해 포함) */
#main_content1 .bottom_banner {
  margin: 100px auto 0;
  padding: 25px 60px;
  position: relative;
  text-align: center;
  max-width: 900px;
}

#main_content1 .bottom_banner::before,
#main_content1 .bottom_banner::after {
  content: "";
  position: absolute;
  width: 45px;
  height: 45px;
  border-color: #d1d1d1;
  border-style: solid;
  border-width: 2px;
}

#main_content1 .bottom_banner::before {
  top: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
}

#main_content1 .bottom_banner::after {
  bottom: 0;
  right: 0;
  border-top: none;
  border-left: none;
}

#main_content1 .bottom_banner p {
  font-size: 24px;
  font-weight: 500;
  color: #333;
  line-height: 1.7;
}

#main_content1 .bottom_banner strong {
  color: var(--main-color, #ff792a);
  font-weight: 700;
}

#main_content1 .bottom_banner .highlight {
  background-color: var(--main-color, #ff792a);
  color: #fff;
  padding: 0px 12px;
  font-weight: 700;
  display: inline;
  white-space: nowrap;
}

.promo_video_section {
  width: 100%;
  padding: 40px 20px;
  margin-bottom: 120px;
  box-sizing: border-box;
}

.promo_video_inner {
  max-width: 1200px;
  margin: 0 auto;
}

.promo_video_title {
  text-align: center;
  font-size: 50px;
  color: #000000;
  font-weight: 600;

  padding-bottom: 60px;
}

.promo_video_wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.promo_video_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#main_content2 {
  background: #f5e3cb url("../img/main_content2_bg.png") no-repeat;
  height: 1700px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
  position: relative;
}

#main_content2 .main_content2_obj1 {
  padding-top: 120px;
  text-align: center;
}
#main_content2 .main_content2_obj2 {
  padding-top: 25px;
  text-align: center;
}
#main_content2 .main_content2_obj3 {
  position: absolute;
  text-align: center;
  top: 45px;
}
#main_content2 .main_content2_obj4 {
  padding-top: 420px;
  text-align: center;
}
#main_content2 .main_content2_obj5 {
  padding-top: 120px;
  text-align: center;
  margin-left: -140px;
}
#main_content2 .main_content2_obj6 {
  padding-top: 80px;
  text-align: center;
}
#main_content2 .main_content2_obj7 {
  padding-top: 60px;
  text-align: center;
}

/* --------------------------------
   Main Content 3: Digital Implant Slider
   -------------------------------- */
#main_content3 {
  padding: 120px 0 0 0;
  background: #fff url("../img/main_content3_bg.png") no-repeat;
  background-position: center top;
  background-size: 100% auto;
  max-width: 1920px;
  min-width: 1620px;
  height: 752px;
  margin: 0 auto;
}

#main_content3 .content_wrapper {
  display: flex;
  max-width: 1240px;
  margin: 0 auto;
  _align-items: center;
  gap: 80px;
}

/* 왼쪽 텍스트 영역 */
#main_content3 .text_content {
  flex: 1;
  text-align: left;
}

#main_content3 .title_area {
  position: relative;
  margin-bottom: 0px;
}

#main_content3 .title_area .content3_obj1 {
  margin-bottom: 30px;
}

#main_content3 .title_area .content3_obj2 {
  margin-bottom: 40px;
}

#main_content3 .text_content p {
  font-size: 20px;
  line-height: 34px;
  color: #ffffff;
  margin-bottom: 30px;
}

#main_content3 .text_content .btn_more {
  display: inline-block;
  background-color: #1c1c1c;
  color: #fff;
  padding: 15px 35px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  transition: background-color 0.3s ease;
}

#main_content3 .text_content .btn_more:hover {
  background-color: #000;
}

/* 오른쪽 슬라이더 영역 */
#main_content3 .slider_content {
  flex: 1;
}

#main_content3 .slider_container {
  position: relative;
  border: 3px solid #b06c3c;
  width: 524px;
  height: 314px;
  margin: 0 0 0 30px;
}

#main_content3 .slides {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 516px;
  height: 307px;
  border: 7px solid #fff;
  overflow: hidden;
}

#main_content3 .slides li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

#main_content3 .slides li.active {
  opacity: 1;
}

#main_content3 .slides li img {
  /*width: 100%;*/
  /*height: 100%;*/

  object-fit: cover;
}

/* 슬라이더 네비게이션 (화살표) */
#main_content3 .slider_nav {
  position: absolute;
  top: 50%;
  width: 19px;
  height: 35px;
  cursor: pointer;
}

#main_content3 .slider_nav.prev {
  left: -40px;
}
#main_content3 .slider_nav.next {
  right: -40px;
}

/* 슬라이더 컨트롤 (점 + 캡션) */
#main_content3 .slider_controls {
  padding-top: 25px;
}

#main_content3 .slider_dots {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  display: flex;
  justify-content: center;
  gap: 15px;
}

#main_content3 .slider_dots li {
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
  cursor: pointer;
}

#main_content3 .slider_dots li.active {
  background-color: #c9a063;
}

#main_content3 .slider_caption {
  font-size: 25px;
  color: #282827;
  text-align: center;
  line-height: 40px;
  min-height: 4.8em; /* 캡션 높이를 3줄 분량으로 고정 */
}

#main_content4 {
  padding: 150px 0;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#main_content4 .content4_obj1 {
  text-align: center;
}

#main_content4 .content4_obj2 {
  text-align: center;
}

#main_content4 .content4_obj3 {
  text-align: center;
  padding-top: 75px;
}
#main_content4-1 {
  padding: 0 0 0 0;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#main_content4-1 .content_title {
  text-align: center;
  font-size: 50px;
  color: #000000;
  font-weight: 600;
  padding-top: 125px;
  padding-bottom: 60px;
}

#main_content4-1 .main_content4-1_obj_list {
  padding-top: 60px;
  padding-bottom: 60px;
  border-bottom: 2px solid #dddddd;
  font-size: 0;
}
#main_content4-1 .main_content4-1_obj_list li {
  display: inline-block;
  margin-right: 0px;
  font-size: 0;
}
#main_content4-1 .main_content4-1_obj_list li:last-child {
  margin-right: 0;
}

#main_content4-1 .main_content4-1_obj_list2 {
  padding-top: 60px;
  font-size: 0;
}
#main_content4-1 .main_content4-1_obj_list2 li {
  display: inline-block;
  margin-right: 40px;
  font-size: 0;
}
#main_content4-1 .main_content4-1_obj_list2 li:last-child {
  margin-right: 0;
}

#main_content4-1 .slider_content {
  flex: 1;
  position: relative; /* 화살표 기준 부모 */
}

#main_content4-1 .slider_container {
  overflow: hidden; /* 슬라이드만 잘라냄 */
  position: relative;
  width: 100%;
}

#main_content4-1 .slides {
  display: flex;
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
  will-change: transform;
  transition: transform 0.4s ease;
}

#main_content4-1 .slides li {
  flex: 0 0 calc((100% - 70px) / 5);
  box-sizing: border-box;
}

#main_content4-1 .slides li img {
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
  -webkit-user-drag: none;
}

/* 화살표 */
#main_content4-1 .slider_nav {
  position: absolute;
  top: 32%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 0;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

#main_content4-1 .slider_nav.prev {
  left: -60px;
}

#main_content4-1 .slider_nav.next {
  right: -60px;
}

#main_content4-1 .slider_nav img {
  display: block;
  width: 14px;
  height: auto;
}

/* 슬라이더 컨트롤 (점 + 캡션) */
#main_content4-1 .slider_controls {
  padding-top: 25px;
}

#main_content4-1 .slider_dots {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  display: flex;
  justify-content: center;
  gap: 15px;
}

#main_content4-1 .slider_dots li {
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
  cursor: pointer;
}

#main_content4-1 .slider_dots li.active {
  background-color: #c9a063;
}

#main_content4-1 .slider_caption {
  font-size: 25px;
  color: #282827;
  text-align: center;
  line-height: 40px;
  min-height: 4.8em; /* 캡션 높이를 3줄 분량으로 고정 */
}

#main_content5 {
  background: #fff url("../img/main_content5_bg.png") no-repeat;
  height: 483px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#main_content5 .content5_obj1 {
  padding-top: 150px;
  text-align: center;
}

#main_content6 {
  background: #fff url("../img/main_content6_bg.png") no-repeat;
  height: 740px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#main_content6 .content_title {
  text-align: center;
  font-size: 50px;
  color: #ffffff;
  font-weight: 600;
  padding-top: 125px;
}
#main_content6 .main_content6_obj_dot {
  text-align: center;
  padding-top: 30px;
}

#main_content6 .main_content6_obj_list {
  padding-top: 15px;
  font-size: 0;
}
#main_content6 .main_content6_obj_list li {
  display: inline-block;
  margin-right: 20px;
  font-size: 0;
}
#main_content6 .main_content6_obj_list li:last-child {
  margin-right: 0;
}

#main_content7 {
  padding: 0 0 120px 0;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#main_content7 .content_title {
  text-align: center;
  font-size: 50px;
  color: #000000;
  font-weight: 600;
  padding-top: 125px;
}

#main_content7 .main_content7_obj_list {
  padding-top: 60px;
  padding-bottom: 60px;
  border-bottom: 2px solid #dddddd;
  font-size: 0;
}
#main_content7 .main_content7_obj_list li {
  display: inline-block;
  margin-right: 0px;
  font-size: 0;
}
#main_content7 .main_content7_obj_list li:last-child {
  margin-right: 0;
}

#main_content7 .main_content7_obj_list2 {
  padding-top: 60px;
  font-size: 0;
}
#main_content7 .main_content7_obj_list2 li {
  display: inline-block;
  margin-right: 40px;
  font-size: 0;
}
#main_content7 .main_content7_obj_list2 li:last-child {
  margin-right: 0;
}

#main_content8 {
  background: #fff5e7;
  padding: 0 0 120px 0;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#main_content8 .content_title {
  text-align: center;
  font-size: 50px;
  color: #000000;
  font-weight: 600;
  padding-top: 120px;
}

/* --------------------------------
   Main Content 8: Hours & Location (Refined)
   -------------------------------- */

/* 지도 영역 */
#main_content8 .map-area {
  width: 100%;
  height: 500px;
  padding-top: 60px;
}
#main_content8 .main-map-image {
  width: 100%;
  display: block;
}

/* 주황색 정보 박스 (지도 위에 오버레이) ★★★ */

/* 주황색 정보 박스 (수정 2) */
#main_content8 .info-overlay-box {
  background-color: var(--main-color, #ff792a);
  color: #fff;
  padding: 40px 50px; /* 시안과 유사하게 내부 여백 조정 */
  display: flex;
  align-items: flex-start; /* 내부 콘텐츠 상단 정렬 */
  gap: 55px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  margin-bottom: 80px;
}

.map-info table {
  table-layout: fixed; /* 셀 너비 고정 */
}
/* 필요 시 텍스트 줄바꿈 제어 */
.map-info td {
  vertical-align: top;
  word-wrap: break-word; /* 셀 너비 내에서만 줄바꿈 */
}
.map-info table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  position: relative;
}

.w140 {
  width: 120px;
  display: inline-block;
}

.map-info {
  background-color: #ff792a;
  padding: 60px 0 60px 95px;
  margin-bottom: 100px;
}
.address_box_title {
  font-size: 32px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 20px;
}
.address_box_txt1 {
  font-size: 24px;
  color: #291c13;
  font-weight: 500;
  margin-bottom: 15px;
  letter-spacing: -0.02em;
}
.address_box_txt2 {
  font-size: 24px;
  line-height: 34px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 25px;
  letter-spacing: -0.02em;
}
.address_box_txt3 {
  font-size: 24px;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.address_box_txt5 {
  font-size: 24px;
  line-height: 34px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 25px;
  letter-spacing: -0.02em;
}

.address_box_txt6 {
  font-size: 24px;
  line-height: 34px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 25px;
  letter-spacing: -0.02em;
}
.address_box_txt7 {
  font-size: 24px;
  line-height: 34px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 25px;
  letter-spacing: -0.02em;
}
.address_box_txt8 {
  font-size: 24px;
  line-height: 34px;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.table_line {
  border-right: 1px solid #fff;
  width: 455px;
}

.map-info .badge {
  display: inline-block;
  color: #fff;
  background-color: #000; /* 시안 기준 어두운 주황색 */
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  font-weight: 400;
  vertical-align: top;
  margin-top: 8px;
}
.table_right {
  padding-left: 60px;
}

.map-info table .black_txt {
  color: #000;
}
.map-info table .time_info {
  color: #ffdabf;
  font-szie: 20px;
  font-weight: 500;
}

.info-section {
  flex: 1;
}

.info-section.address {
  border-right: 1px solid #ffffff;
}

.info-section h3 {
  font-size: 32px;
  font-weight: 600;
  margin: 0px;
  padding-bottom: 0px;
}

.address .main-address {
  font-size: 26px;
  font-weight: 500;
  color: #000;
}
.address .sub-address {
  font-size: 26px;
  margin-top: 5px;
  color: #ffffff;
}
.address .tel {
  margin-top: 10px;
  font-size: 26px;
  font-weight: 500;
  color: #ffffff;
}

.hours table {
  width: 100%;
  border-collapse: collapse;
  font-size: 26px;
}
.hours th,
.hours td {
  text-align: left;
  padding: 6px 0;
  vertical-align: middle;
}
.hours th {
  font-weight: 500;
  width: 140px;
}
.hours th .badge {
  display: inline-block;
  background-color: #b5591f; /* 시안 기준 어두운 주황색 */
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 3px;
  margin-left: 5px;
  font-weight: 400;
}
.hours td span {
  font-size: 20px;
  opacity: 0.8;
  padding-left: 10px;
}

/* 교통수단별 안내 영역 ★★★ */
.directions-guide {
  display: flex;
  flex-direction: column;
  gap: 100px;
}
.guide-item {
  display: flex;
  _background-color: #fff;
  _border: 1px solid #eaeaea;
  _box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
}

.guide-map-image {
  _flex: 0 0 320px;
}
.guide-map-image img {
  width: 100%;
  display: block;
}
.guide-text {
  flex: 1;
  padding: 0px 50px;
  text-align: left;
}
.guide-text h3 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 0px;
  color: #ff792a;
}
.guide-text h3.mt100 {
  margin-top: 100px;
}
.guide-text h3.mt50 {
  margin-top: 50px;
}
.guide-text h3.mt55 {
  margin-top: 55px;
}
.guide-text ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.guide-text ul li {
  font-size: 26px;
  line-height: 50px;
  color: #000000;
  font-weight: 600;
}
.guide-text ul li::before {
  content: "·";
  font-weight: bold;
  margin-right: 8px;
  color: #ff792a;
}
.guide-text ul li span {
  color: #000;
  font-weight: 500;
  font-size: 26px;
}
.guide-text .note {
  font-size: 20px;
  color: #888;
  margin-top: 0px;
}

/* 버스 안내 스타일 ★★★ */
.station-name {
  font-size: 26px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 30px;
  display: block;
}
.bus-routes {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bus-type {
  font-size: 25px;
  font-weight: 600;
  flex-shrink: 0;
}
.bus-type.blue {
  color: #2b4aa5;
}
.bus-type.red {
  color: #e43c0a;
}
.bus-type.green {
  color: #0aa843;
}
.bus-number {
  background-color: #2b4aa5; /* 남색 배경 */
  color: #fff;
  padding: 0 20px;
  border-radius: 30px; /* 둥근 모양 */
  font-size: 22px;
  line-height: 40px;
  font-weight: 500;
  height: 40px;
  vertical-align: middle;
}
.bus-number1 {
  background-color: #e43c0a; /* 남색 배경 */
  color: #fff;
  padding: 0 20px;
  border-radius: 30px; /* 둥근 모양 */
  font-size: 22px;
  line-height: 40px;
  font-weight: 500;
  height: 40px;
  vertical-align: middle;
}

.bus-number2 {
  background-color: #0aa843; /* 남색 배경 */
  color: #fff;
  padding: 0 20px;
  border-radius: 30px; /* 둥근 모양 */
  font-size: 22px;
  line-height: 40px;
  font-weight: 500;
  height: 40px;
  vertical-align: middle;
}

/* ================================
   Footer
   ================================ */
#footer {
  background-color: #292929; /* 이미지에서 추출한 어두운 배경색 */
  color: #afafaf; /* 기본 텍스트 색상 */
  padding: 70px 0;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#footer .container {
  width: 1600px !important;
}
#footer .footer-logo {
  margin-bottom: 40px;
}

#footer .footer-info p {
  margin-bottom: 0px;
}

/* 마지막 p 태그의 하단 마진 제거 */
#footer .footer-info p:last-child {
  margin-bottom: 0;
}

/* 정보 항목들을 감싸는 span 태그 스타일 */
#footer .footer-info span {
  display: inline-block;
  margin: 0 12px;
}

/* 각 정보 항목 사이에 구분선(|) 추가 (마지막 항목 제외) */
#footer .footer-info span:not(:last-child)::after {
  content: "|";
  display: inline-block;
  color: #afafaf; /* 구분선 색상 */
  margin-left: 24px;
  position: relative;
  top: -1px;
}

#footer .copyright {
  margin-top: 0px;
  color: #afafaf; /* 구분선 색상 */
  font-size: 20px;
  font-weight: 500;
}

/* --------------------------------
   Sub Page 0101: Implant
   -------------------------------- */

.sub0101_visual {
  background: url("../img/sub0101_visual.png") no-repeat;
}
.sub0102_visual {
  background: url("../img/sub0102_visual.png") no-repeat;
}
.sub0103_visual {
  background: url("../img/sub0103_visual.png") no-repeat;
}
.sub0104_visual {
  background: url("../img/sub0104_visual.png") no-repeat;
}
.sub0105_visual {
  background: url("../img/sub0105_visual.png") no-repeat;
}
.sub0106_visual {
  background: url("../img/sub0106_visual.png") no-repeat;
}
.sub0107_visual {
  background: url("../img/sub0107_visual.png") no-repeat;
}
.sub0201_visual {
  background: url("../img/sub0201_visual.png") no-repeat;
}
.sub0202_visual {
  background: url("../img/sub0202_visual.png") no-repeat;
}
.sub0203_visual {
  background: url("../img/sub0203_visual.png") no-repeat;
}
.sub0204_visual {
  background: url("../img/sub0204_visual.png") no-repeat;
}
.sub0205_visual {
  background: url("../img/sub0205_visual.png") no-repeat;
}
.sub0206_visual {
  background: url("../img/sub0206_visual.png") no-repeat;
}
.sub0207_visual {
  background: url("../img/sub0207_visual.png") no-repeat;
}
.sub0208_visual {
  background: url("../img/sub0208_visual.png") no-repeat;
}
.sub0209_visual {
  background: url("../img/sub0209_visual.png") no-repeat;
}
.sub0210_visual {
  background: url("../img/sub0210_visual.png") no-repeat;
}
.sub0211_visual {
  background: url("../img/sub0211_visual.png") no-repeat;
}
.sub0301_visual {
  background: url("../img/sub0301_visual.png") no-repeat;
}
.sub0302_visual {
  background: url("../img/sub0302_visual.png") no-repeat;
}
.sub0303_visual {
  background: url("../img/sub0303_visual.png") no-repeat;
}
.sub0304_visual {
  background: url("../img/sub0304_visual.png") no-repeat;
}
.sub0401_visual {
  background: url("../img/sub0401_visual.png") no-repeat;
}
.sub0402_visual {
  background: url("../img/sub0402_visual.png") no-repeat;
}
.sub0403_visual {
  background: url("../img/sub0403_visual.png") no-repeat;
}
.sub0501_visual {
  background: url("../img/sub0501_visual.png") no-repeat;
}
.sub0601_visual {
  background: url("../img/sub0601_visual.png") no-repeat;
}
.sub0701_visual {
  background: url("../img/sub0701_visual.png") no-repeat;
}
.sub0702_visual {
  background: url("../img/sub0702_visual.png") no-repeat;
}
.sub0801_visual {
  background: url("../img/sub0801_visual.png") no-repeat;
}
.visual_box_right {
  background: url("../img/sub0401_visual_box.png") no-repeat;
  width: 640px;
  height: 380px;
  position: absolute;
  right: 0;
  padding-left: 45px;
  margin-top: 105px;
}

.visual_box_center {
  background: url("../img/visual_box_center.png") no-repeat;
  width: 640px;
  height: 480px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 120px; /* 필요 시 유지 */
}

.visual_box_right_pl78 {
  background: url("../img/sub0401_visual_box.png") no-repeat;
  width: 640px;
  height: 380px;
  position: absolute;
  right: 0;
  padding-left: 78px;
  margin-top: 105px;
}

.visual_box_right_txt1 {
  padding-top: 90px;
}

.visual_box_right_txt2 {
  padding-top: 25px;
}
.visual_box_right_txt3 {
  padding-top: 45px;
}

#sub-visual {
  position: relative;
  height: 589px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 110px auto 0 auto;
}

#sub-visual_big {
  position: relative;
  height: 760px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 110px auto 0 auto;
}

.sub0101_visual_box {
  padding-top: 210px;
  position: relative;
}

.sub0101_visual_txt1 {
  font-size: 40px;
  font-weight: 500;
  color: #ffffff;
}
.sub0101_visual_txt2 {
  font-size: 60px;
  font-weight: 600;
  color: #ffffff;
}

.sub0102_visual_box {
  padding-top: 210px;
  position: relative;
}

.sub0102_visual_txt1 {
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}
.sub0102_visual_txt2 {
  font-size: 64px;
  font-weight: 600;
  color: #ff5400;
  text-align: center;
}

#sub0101_contetnt {
  height: 2625px;
  background: url("../img/sub0101_bg.png") no-repeat center bottom;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0101_01 {
  padding-top: 120px;
  padding-bottom: 145px;
  text-align: center;
}
.sub0101_02 {
  padding-bottom: 110px;
  text-align: center;
}
.sub0101_03 {
  padding-bottom: 355px;
  text-align: center;
}
.sub0101_04 {
  padding-bottom: 80px;
  padding-left: 475px;
}
.sub0101_05 {
  padding-bottom: 85px;
  padding-left: 475px;
}
.sub0101_06 {
  padding-left: 475px;
}

#sub0102_content {
  height: 1314px;
  background: url("../img/sub0102_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0102_content2 {
  height: 814px;
  background: url("../img/sub0102_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.content_subtitle {
  padding: 115px 0 0 0;
  text-align: center;
  font-size: 50px;
  font-weight: 600;
}

.sub0102_table {
  margin-top: 80px;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  position: relative;
}

.sub0102_table tr td {
  vertical-align: top;
}

.sub0102_table .sub0102_name {
  font-size: 40px;
  color: #000000;
  font-weight: 600;
  padding-bottom: 30px;
}

.sub0102_table .sub0102_name span {
  color: #ff792a;
  font-size: 30px;
  vertical-align: bottom;
  margin-left: 5px;
}

/* div 안의 p 태그에만 적용 */
.sub0102_info p {
  display: flex;
  align-items: center; /* 텍스트와 원을 세로 중앙 정렬 */
  font-size: 20px; /* 글씨 크기 예시 */
  line-height: 40px; /* 줄 간격 예시 */

  letter-spacing: -0.045em;

  /* 앤티 앨리어싱: 선명하게 (Sharp) */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* p 태그 앞에 원 추가 */
.sub0102_info p::before {
  content: ""; /* 필수 속성 */
  display: inline-block;
  width: 6px; /* 원 크기 */
  height: 6px; /* 원 크기 */
  background-color: #555; /* 원 색상 */
  border-radius: 50%; /* 원으로 만들기 */
  margin-right: 10px; /* 원과 글씨 사이 간격 */
  flex-shrink: 0; /* 원이 텍스트에 의해 줄어들지 않도록 설정 */
}

.sub0102_content_box {
  padding-top: 40px;
  font-size: 28px;
  font-weight: 600;
  color: #000000;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000000;
}

.sub0102_content_text {
  font-size: 20px;
  line-height: 40px;
  /* 폰트 크기(27px) 기준으로 px 변환: 27 * -0.025 = -0.675 */
  letter-spacing: -0.7px;
  color: #000000;
}
.sub0102_content_text span {
  color: #999999;
}

#sub0103_content {
  height: 965px;
  background: url("../img/sub0103_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0103_ul {
  width: 1240px;
  font-size: 0px;
  padding-top: 80px;
}

.sub0103_ul li {
  display: inline-block;
  margin-right: 40px;
  margin-bottom: 40px;
}

.sub0103_ul li:nth-child(4n),
.sub0103_ul li:nth-child(7n) {
  margin-right: 0;
}

/* 호박치과의 약속 페이지 애니메이션을 위한 추가 스타일 */

/* 3D 변환 기본 설정 */
#sub-visual .sub0102_visual_txt1,
#sub-visual .sub0102_visual_txt2,
.content_subtitle,
.sub0103_ul li {
  transform-style: preserve-3d;
}

/* 텍스트 그림자 효과 */
.sub0102_visual_txt1,
.sub0102_visual_txt2 {
}

/* 약속 카드 호버 효과 강화 */
.sub0103_ul li {
  transition: all 0.4s ease;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
}

.sub0103_ul li:hover {
}

.sub0103_ul li img {
  transition: all 0.4s ease;
  width: 100%;
  height: auto;
}

.sub0103_ul li:hover img {
  filter: brightness(1.05) contrast(1.05);
}

/* 성능 최적화 */
.sub0103_ul li {
  will-change: transform, opacity;
}

#sub0104_content {
  background: url("../img/sub0104_bg.png") no-repeat center top;
  height: 854px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0104_txt1 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
  color: #000000;
  padding-top: 60px;
  text-align: center;
  letter-spacing: -1px;
}

.sub0104_txt1 span {
  color: #ff792a;
}

.sub0104_01 {
  padding-top: 60px;
  text-align: center;
}

#sub0104_content2 {
  background: url("../img/sub0104_01_bg.png") no-repeat center top;
  height: 1203px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0104_02 {
  padding-top: 125px;
  text-align: center;
}

.sub0104_03 {
  padding-top: 25px;
  text-align: center;
}

.sub0104_04 {
  padding-top: 50px;
  text-align: center;
}

.sub0104_05 {
  padding-top: 50px;
  text-align: center;
}

.sub0104_06 {
  padding-top: 60px;
  text-align: center;
}

.sub0104_07 {
  padding-top: 60px;
  text-align: center;
}

/* sub0104.mg.php: 이미지로 제작된 02~05번 문구를 HTML 텍스트로 전환 */
.lab-vs-subtitle,
.lab-vs-title,
.lab-vs-highlight,
.lab-vs-desc {
  margin: 0;
  box-sizing: border-box;
}

.lab-vs-subtitle {
  color: #efdbc3;
  font-family: "Nanum Myeongjo", "Batang", serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -1.5px;
}

.lab-vs-title {
  color: #fff;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 47px;
  letter-spacing: -2.5px;
}

.lab-vs-title span {
  font-size: 42px;
  letter-spacing: -2px;
}

.lab-vs-highlight {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 790px;
  height: 42px;
  margin: 0 auto;
  background: #fff;
  color: #333;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 42px;
  letter-spacing: -1.5px;
}

.lab-vs-desc {
  color: #ff792a;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: -1px;
}

#sub0104_content3 {
  background: url("../img/sub0104_02_bg.png") no-repeat center top;
  height: 488px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0104_03_01 {
  font-size: 50px;
  font-weight: 600;
  letter-spacing: -1px;
  color: #fff;
  padding-top: 135px;
}

.sub0104_03_02 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -1px;
  color: #fff;
  padding-top: 45px;
}

.sub0104_03_02 span {
  color: #ff792a;
}

#sub0104_content4 {
  background: url("../img/sub0104_03_bg.png") no-repeat center top;
  height: 1430px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0104_04_01 {
  font-size: 50px;
  font-weight: 600;
  letter-spacing: -1px;
  color: #000;
  padding-top: 115px;
  text-align: center;
}

.sub0104_04_02 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -1px;
  color: #000000;
  padding-top: 45px;
  text-align: center;
}
.sub0104_04_02 span {
  color: #ff792a;
}

.sub0104_07_01 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -1px;
  color: #fff;
  padding-top: 40px;
  text-align: center;
}
.sub0104_07_02 {
  font-size: 28px;
  line-height: 38px;
  font-weight: 500;
  letter-spacing: -1px;
  padding-top: 30px;
  color: #ff792a;
  text-align: center;
}

.sub0104_08 {
  font-size: 0;
  padding-top: 60px;
}

.sub0104_09 {
  font-size: 0;
  padding-top: 30px;
}

.sub0104_10 {
  font-size: 0;
  padding-top: 30px;
}

/* sub0104.mg.php: 08~10번 이미지의 사진은 유지하고 문구만 HTML로 전환 */
.sub0104-benefit {
  display: flex;
  width: 1240px;
  height: 283px;
  padding-top: 0;
  border-radius: 30px 0 30px 0;
  overflow: hidden;
  box-sizing: border-box;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  text-align: left;
}

.sub0104-benefit.sub0104_08 {
  margin-top: 60px;
}

.sub0104-benefit.sub0104_09,
.sub0104-benefit.sub0104_10 {
  margin-top: 30px;
}

.sub0104-benefit.sub0104_10 {
  height: 313px;
}

.sub0104-benefit-copy,
.sub0104-benefit-media {
  width: 620px;
  height: 100%;
  flex: 0 0 620px;
  box-sizing: border-box;
}

.sub0104-benefit-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 59px;
  background: #fff;
  color: #111;
}

.sub0104-benefit-copy h3 {
  margin: 0 0 9px;
  color: #111;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: -1.5px;
}

.sub0104-benefit-copy p {
  margin: 0;
  color: #111;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -1px;
  white-space: nowrap;
}

.sub0104-benefit-copy span {
  color: #ff792a;
  font-weight: 600;
}

.sub0104-benefit-media {
  background-repeat: no-repeat;
}

.sub0104-benefit-media--08 {
  background-image: url("../img/sub0104_08.png");
  background-position: right center;
  background-size: 1240px 283px;
}

.sub0104-benefit-media--09 {
  background-image: url("../img/sub0104_09.png");
  background-position: left center;
  background-size: 1240px 283px;
}

.sub0104-benefit-media--10 {
  background-image: url("../img/sub0104_10.png");
  background-position: right center;
  background-size: 1240px 313px;
}

#sub0104_content5 {
  background: url("../img/sub0104_04_bg.png") no-repeat center top;
  height: 1998px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0104_05_01 {
  font-size: 50px;
  line-height: 64px;
  font-weight: 500;
  letter-spacing: -1px;
  color: #fff;
  padding-top: 115px;
  text-align: center;
}

.sub0104_05_02 {
  font-size: 30px;
  line-height: 48px;
  font-weight: 500;
  letter-spacing: -1px;
  color: #fff;
  padding-top: 75px;
  text-align: center;
}

.sub0104_06_01 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: -1px;
  color: #000;
  padding-top: 110px;
  text-align: center;
}

.sub0104_06_02 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -1px;
  color: #000;
  padding-top: 55px;
  text-align: center;
}

.sub0104_11 {
  font-size: 0;
  padding-top: 55px;
  text-align: center;
}

.sub0104_12 {
  font-size: 0;
  padding-top: 30px;
  text-align: center;
}

.sub0104_13 {
  font-size: 0;
  padding-top: 30px;
  text-align: center;
}

.sub0104_14 {
  font-size: 0;
  padding-top: 30px;
  text-align: center;
}

.sub0104_15 {
  font-size: 0;
  padding-top: 55px;
  text-align: center;
}

.sub0104_16 {
  font-size: 0;
  padding-top: 115px;
  text-align: center;
}

/* sub0104.mg.php: 11~14번 디지털 장비 이미지의 문구를 HTML 텍스트로 전환 */
.sub0104-equipment {
  display: flex;
  width: 1240px;
  height: 283px;
  padding-top: 0;
  border-radius: 30px 0 30px 0;
  overflow: hidden;
  box-sizing: border-box;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  text-align: left;
}

.sub0104-equipment.sub0104_11 {
  margin-top: 55px;
}

.sub0104-equipment.sub0104_12,
.sub0104-equipment.sub0104_13,
.sub0104-equipment.sub0104_14 {
  margin-top: 30px;
}

.sub0104-equipment.sub0104_12 {
  height: 403px;
}

.sub0104-equipment.sub0104_13 {
  height: 313px;
}

.sub0104-equipment.sub0104_14 {
  height: 343px;
}

.sub0104-equipment-copy,
.sub0104-equipment-media {
  width: 620px;
  height: 100%;
  flex: 0 0 620px;
  box-sizing: border-box;
}

.sub0104-equipment-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 59px;
  background: #fff;
  color: #111;
}

.sub0104-equipment-copy h3 {
  margin: 0 0 9px;
  color: #111;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: -1.5px;
}

.sub0104-equipment-copy p {
  margin: 0;
  color: #111;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -1px;
  white-space: nowrap;
}

.sub0104-equipment-copy span {
  color: #ff792a;
  font-weight: 600;
}

.sub0104-equipment-media {
  background-repeat: no-repeat;
}

.sub0104-equipment-media--11 {
  background-image: url("../img/sub0104_11.png");
  background-position: right center;
  background-size: 1240px 283px;
}

.sub0104-equipment-media--12 {
  background-image: url("../img/sub0104_12.png");
  background-position: left center;
  background-size: 1240px 403px;
}

.sub0104-equipment-media--13 {
  background-image: url("../img/sub0104_13.png");
  background-position: right center;
  background-size: 1240px 313px;
}

.sub0104-equipment-media--14 {
  background-image: url("../img/sub0104_14.png");
  background-position: left center;
  background-size: 1240px 343px;
}

/* sub0104.mg.php: 15번 보철물 제작 순서의 문구를 HTML 텍스트로 전환 */
.sub0104-process {
  margin-top: 55px;
  padding-top: 0;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}

.sub0104-process-list {
  display: flex;
  width: 1240px;
  height: 343px;
  margin: 0;
  padding: 0;
  background: #fff;
  list-style: none;
}

.sub0104-process-list li {
  position: relative;
  width: 200px;
  height: 343px;
  flex: 0 0 200px;
}

.sub0104-process-list li:first-child {
  width: 201px;
  flex-basis: 201px;
}

.sub0104-process-list li + li {
  margin-left: 8px;
}

.sub0104-process-list li:nth-child(2) {
  margin-left: 7px;
}

.sub0104-process-list li:not(:last-child)::after {
  content: "→";
  position: absolute;
  z-index: 2;
  top: 10px;
  right: -24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ff792a;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 29px;
  font-weight: 400;
  line-height: 1;
}

.sub0104-process-list li:first-child::after {
  right: -23px;
}

.sub0104-process-head {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  background: #fff;
  color: #ff792a;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: -1px;
}

.sub0104-process-photo {
  height: 146px;
  background-image: url("../img/sub0104_15.png");
  background-repeat: no-repeat;
  background-size: 1240px 343px;
}

.sub0104-process-list li:nth-child(1) .sub0104-process-photo {
  background-position: 0 -60px;
}
.sub0104-process-list li:nth-child(2) .sub0104-process-photo {
  background-position: -208px -60px;
}
.sub0104-process-list li:nth-child(3) .sub0104-process-photo {
  background-position: -416px -60px;
}
.sub0104-process-list li:nth-child(4) .sub0104-process-photo {
  background-position: -624px -60px;
}
.sub0104-process-list li:nth-child(5) .sub0104-process-photo {
  background-position: -832px -60px;
}
.sub0104-process-list li:nth-child(6) .sub0104-process-photo {
  background-position: -1040px -60px;
}

.sub0104-process-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 137px;
  box-sizing: border-box;
  background: #4b413a;
  color: #fff;
  text-align: center;
}

.sub0104-process-copy h3 {
  margin: 0 0 2px;
  color: #fff;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -1px;
}

.sub0104-process-copy p {
  margin: 0;
  color: #fff;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.7px;
  white-space: nowrap;
}

#sub0104_content6 {
  background: #f9e6cf;
  height: 770px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0104_content7 {
  background: url("../img/sub0104_06_bg.png") no-repeat center top;
  height: 477px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

/* 원내 디지털 기공실 페이지 애니메이션을 위한 추가 스타일 */

/* 3D 변환 기본 설정 */
#sub-visual .sub0102_visual_txt1,
#sub-visual .sub0102_visual_txt2,
.content_subtitle,
.sub0104_txt1,
.sub0104_03_01,
.sub0104_03_02,
.sub0104_04_01,
.sub0104_04_02,
.sub0104_05_01,
.sub0104_05_02,
.sub0104_06_01,
.sub0104_06_02,
.sub0104_07_01,
.sub0104_07_02 {
  transform-style: preserve-3d;
}

/* 텍스트 그림자 효과 */
.sub0102_visual_txt1,
.sub0102_visual_txt2 {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* 이미지 호버 효과 */
#sub0104_content img,
#sub0104_content2 img,
#sub0104_content5 img,
#sub0104_content6 img,
#sub0104_content7 img {
  transition: transform 0.4s ease;
  cursor: pointer;
}

/* 부드러운 스크롤 */
html {
  scroll-behavior: smooth;
}

/* 성능 최적화 */
#sub0104_content > div,
#sub0104_content2 > div,
#sub0104_content3 > div,
#sub0104_content4 > div,
#sub0104_content5 > div,
#sub0104_content6 > div,
#sub0104_content7 > div {
  will-change: transform, opacity;
}

#sub0105_content {
  height: 2326px;
  background: url("../img/sub0105_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0105_ul {
  font-size: 0px;
  padding-top: 80px;
}

.sub0105_ul li {
  display: inline-block;
  margin-right: 40px;
  margin-bottom: 40px;
}

.sub0105_ul li:nth-child(3n) {
  margin-right: 0;
}

/* 호박치과의 약속 페이지 애니메이션을 위한 추가 스타일 */

/* 3D 변환 기본 설정 */
.sub0105_ul li {
  transform-style: preserve-3d;
}

/* 약속 카드 호버 효과 강화 */
.sub0105_ul li {
  transition: all 0.4s ease;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
}

.sub0105_ul li:hover {
}

.sub0105_ul li img {
  transition: all 0.4s ease;
  width: 100%;
  height: auto;
}

.sub0105_ul li:hover img {
  filter: brightness(1.05) contrast(1.05);
}

/* 성능 최적화 */
.sub0105_ul li {
  will-change: transform, opacity;
}

#sub0106_content {
  min-height: 1840px;
  background: url("../img/sub0106_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

/* 갤러리 전체 컨테이너 */
.gallery-container {
  padding-top: 80px;
  box-sizing: border-box;
  padding-bottom: 80px;
}

/* 메인 이미지 뷰어 */
.main-image-view {
  position: relative;
  width: 100%;
  height: 700px;
  margin-bottom: 40px;
}

.main-image-view #main-image {
  width: 100%;
  height: auto;
  display: block;
  /* 애니메이션 효과 추가 */
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}

/* 네비게이션 화살표 버튼 */
.nav-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
}

.nav-arrow:hover {
  background: rgba(0, 0, 0, 0.6);
}

.nav-arrow img {
  width: 15px;
  height: auto;
}

#prev-btn {
  left: 20px;
}

#next-btn {
  right: 20px;
}

/* --- 썸네일 그리드 수정 --- */
.thumbnail-grid {
  display: grid;
  /* 기본(모바일) 1열, 화면이 커짐에 따라 열 개수 변경 */
  grid-template-columns: 1fr;
  gap: 40px;
}

/* 데스크탑 사이즈 (1200px 이상) - 3열 */
.thumbnail-grid {
  grid-template-columns: repeat(3, 1fr);
}
/* --- 썸네일 그리드 수정 끝 --- */

/* --- 썸네일 아이템 수정 --- */
.thumbnail-grid .thumb-item {
  width: 100%;
  /* 가로:세로 비율을 386:218로 설정 */
  aspect-ratio: 386 / 218;
  /* 이미지가 비율에 맞게 잘리도록 설정 (찌그러짐 방지) */
  object-fit: cover;
  cursor: pointer;
  border: 2px solid transparent;
  transition:
    border-color 0.3s,
    transform 0.3s,
    box-shadow 0.3s;
  box-sizing: border-box;
}

.thumbnail-grid .thumb-item:hover {
  transform: scale(1.03); /* 스케일 약간 줄임 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.thumbnail-grid .thumb-item.active {
  border-color: #f39c12;
}

#sub0107_content {
  height: 2633px;
  background: url("../img/sub0107_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#consultation_top {
  height: 364px;
  background: url("../img/sub0301_11_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.consultation_txt1 {
  padding-top: 120px;
  text-align: center;
}

.consultation_txt2 {
  padding-top: 60px;
  text-align: center;
}

#sub02_coomonbg {
  height: 1023px;
  background: url("../img/sub02_common_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub02_coomonbg .container {
  width: 1560px;
  margin: 0 auto;
}
.sub02_common_txt1 {
  padding-top: 120px;
  text-align: center;
}
.sub02_common_txt2 {
  padding-top: 15px;
  text-align: center;
}
/* 버튼 리스트 Flexbox 레이아웃 */
.sub0201_btnlist {
  padding-top: 60px;
  display: flex;
  justify-content: center; /* 항목을 가운데 정렬 */
  flex-wrap: wrap; /* 항목이 너비를 초과하면 다음 줄로 넘김 */
  gap: 40px 40px; /* 항목 간의 간격 (세로 30px, 가로 20px) */
}

.sub0201_btnlist li a {
  display: block; /* 링크 영역을 블록으로 설정 */
  transition: transform 0.2s ease-in-out; /* 부드러운 전환 효과 */
}

.sub0201_btnlist li a:hover {
  transform: translateY(-8px); /* 마우스 호버 시 위로 약간 이동 */
}

.sub0201_box_center_txt1 {
  padding-top: 75px;
  text-align: center;
}
.sub0201_box_center_txt2 {
  padding-top: 40px;
  text-align: center;
}

#sub0201_content {
  height: 806px;
  background: url("../img/sub0201_01_bg.png") no-repeat center top;
  width: 100%;

  margin: 0 auto;
}
#sub0201_content2 {
  height: 870px;
  background: url("../img/sub0201_02_bg.png") no-repeat center top;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content3 {
  height: 1360px;
  background: #eeeeee;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content4 {
  height: 1219px;
  background: url("../img/sub0201_04_bg.png") no-repeat center top;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content5 {
  height: 1240px;
  background: #f4f4f4;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content6 {
  height: 853px;
  background: url("../img/sub0201_06_bg.png") no-repeat center top;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content7 {
  height: 720px;
  background: #f4f4f4;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content8 {
  height: 971px;
  background: url("../img/sub0201_08_bg.png") no-repeat center top;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content9 {
  height: 475px;
  background: #f4f4f4;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content10 {
  height: 890px;
  background: url("../img/sub0201_10_bg.png") no-repeat center top;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content11 {
  height: 335px;
  background: url("../img/sub0201_11_bg.png") no-repeat center top;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content12 {
  height: 700px;
  background: #f4f4f4;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content13 {
  height: 941px;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content14 {
  height: 941px;
  background: url("../img/sub0201_13_bg.png") no-repeat center top;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content15 {
  height: 1050px;
  background: #f4f4f4;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content16 {
  height: 975px;
  background: #f4f4f4;
  background: url("../img/sub0201_14_bg.png") no-repeat center top;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content17 {
  height: 1202px;
  background: url("../img/sub0201_16_bg.png") no-repeat center top;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content18 {
  height: 970px;
  background: #f4f4f4;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content19 {
  height: 1669px;
  background: url("../img/sub0201_18_bg.png") no-repeat center top;
  width: 100%;
  margin: 0 auto;
}
#sub0201_content20 {
  height: 1034px;
  background: #f4f4f4;
  width: 100%;
  margin: 0 auto;
}

.sub0201_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_02 {
  padding-top: 60px;
  text-align: center;
}

.sub0201_03 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_04 {
  padding-top: 30px;
  text-align: center;
}
.sub0201_05 {
  padding-top: 0px;
  text-align: center;
}

.sub0201_06 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_07 {
  padding-top: 60px;
  text-align: center;
}
.sub0201_08 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_09 {
  padding-top: 60px;
  text-align: center;
}
.sub0201_10 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_11 {
  padding-top: 30px;
  text-align: center;
}
.sub0201_12 {
  padding-top: 60px;
  text-align: center;
}
.sub0201_13 {
  padding-top: 30px;
  text-align: center;
}
.sub0201_14 {
  padding-top: 30px;
  text-align: center;
}
.sub0201_15 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_16 {
  padding-top: 30px;
  text-align: center;
}
.sub0201_17 {
  padding-top: 60px;
  text-align: center;
}
.sub0201_18 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_19 {
  padding-top: 60px;
  margin-top: 60px !important;
  text-align: center;
}

.sub0201_20 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_21 {
  padding-top: 60px;
  text-align: center;
}
.sub0201_22 {
  padding-top: 60px;
  text-align: center;
}
.sub0201_23 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_24 {
  padding-top: 30px;
  text-align: center;
}
.sub0201_25 {
  padding-top: 60px;
  text-align: center;
}
.sub0201_26 {
    margin-top: 120px !important;
  padding-top: 140px;
  text-align: center;
}
.sub0201_27 {
  padding-top: 245px;
  text-align: center;
}
.sub0201_28 {
  padding-top: 60px;
  text-align: center;
}
.sub0201_29 {
  padding-top: 10px;
  text-align: center;
}
.sub0201_30 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_31 {
  padding-top: 35px;
  text-align: center;
}
.sub0201_32 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_33 {
  padding-top: 60px;
  text-align: center;
}
.sub0201_34 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_35 {
  padding-top: 60px;
  text-align: center;
}
.sub0201_36 {
  padding-top: 40px;
  text-align: center;
}
.sub0201_37 {
  padding-top: 60px;
  text-align: center;
}
.sub0201_38 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_39 {
  padding-top: 40px;
  text-align: center;
}
.sub0201_40 {
  padding-top: 60px;
  text-align: center;
}
.sub0201_41 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_42 {
  padding-top: 60px;
  text-align: center;
}
.sub0201_43 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_44 {
  padding-top: 60px;
  text-align: center;
}
.sub0201_45 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_46 {
  padding-top: 60px;
  text-align: center;
}
.sub0201_47 {
  padding-top: 30px;
  text-align: center;
}
.sub0201_48 {
  padding-top: 30px;
  text-align: center;
}
.sub0201_49 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_50 {
  padding-top: 60px;
  text-align: center;
}
.sub0201_51 {
  padding-top: 40px;
  text-align: center;
}
.sub0201_52 {
  padding-top: 40px;
  text-align: center;
}
.sub0201_54 {
  padding-top: 40px;
  text-align: center;
}
.sub0201_55 {
  padding-top: 120px;
  text-align: center;
}
.sub0201_56 {
  padding-top: 60px;
  text-align: center;
}

.sub0202_box_right_txt1 {
  padding-top: 105px;
}
.sub0202_box_right_txt2 {
  padding-top: 20px;
}

#sub0202_content {
  height: 791px;
  background: url("../img/sub0202_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0202_content2 {
  height: 772px;
  background: url("../img/sub0202_02_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0202_content3 {
  height: 1200px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0202_content4 {
  height: 1218px;
  background: url("../img/sub0202_04_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0202_content5 {
  height: 725px;
  background: url("../img/sub0202_05_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0202_content6 {
  height: 1321px;
  background: url("../img/sub0202_06_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0202_content7 {
  height: 1147px;
  background: url("../img/sub0202_07_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0202_content8 {
  height: 778px;
  background: url("../img/sub0202_08_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0202_content9 {
  height: 1120px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0202_content10 {
  height: 1161px;
  background: url("../img/sub0202_10_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0202_content11 {
  height: 820px;
  background: #f4f4f4;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0202_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0202_02 {
  padding-top: 30px;
  text-align: center;
}
.sub0202_03 {
  padding-top: 60px;
  text-align: center;
}
.sub0202_04 {
  padding-top: 120px;
  text-align: center;
}
.sub0202_05 {
  padding-top: 30px;
  text-align: center;
}
.sub0202_06 {
  padding-top: 60px;
  text-align: center;
}
.sub0202_07 {
  padding-top: 120px;
  text-align: center;
}
.sub0202_08 {
  padding-top: 60px;
  text-align: center;
}
.sub0202_09 {
  padding-top: 120px;
  text-align: center;
}
.sub0202_10 {
  padding-top: 60px;
  text-align: center;
}
.sub0202_11 {
  padding-top: 120px;
  text-align: center;
}
.sub0202_12 {
  padding-top: 65px;
  text-align: center;
}
.sub0202_13 {
  padding-top: 120px;
  text-align: center;
}
.sub0202_14 {
  padding-top: 30px;
  text-align: center;
}
.sub0202_15 {
  padding-top: 60px;
  text-align: center;
}
.sub0202_16 {
  padding-top: 120px;
  text-align: center;
}
.sub0202_17 {
  padding-top: 60px;
  text-align: center;
}
.sub0202_18 {
  padding-top: 120px;
  text-align: center;
}
.sub0202_19 {
  padding-top: 60px;
  text-align: center;
}
.sub0202_20 {
  padding-top: 120px;
  text-align: center;
}
.sub0202_21 {
  padding-top: 60px;
  text-align: center;
}
.sub0202_22 {
  padding-top: 125px;
  text-align: center;
}
.sub0202_23 {
  padding-top: 60px;
  text-align: center;
}
.sub0202_24 {
  padding-top: 30px;
  text-align: center;
}
.sub0202_25 {
  padding-top: 30px;
  text-align: center;
}
.sub0202_26 {
  padding-top: 120px;
  text-align: center;
}
.sub0202_27 {
  padding-top: 60px;
  text-align: center;
}

.sub0203_box_right_txt1 {
  padding-top: 80px;
}
.sub0203_box_right_txt2 {
  padding-top: 20px;
}
.sub0203_box_right_txt3 {
  padding-top: 40px;
}

#sub0203_content {
  height: 754px;
  background: url("../img/sub0203_01_bg.png") no-repeat center top;
  width: 1920px;
  margin: 0 auto;
}
#sub0203_content2 {
  height: 680px;
  width: 1920px;
  margin: 0 auto;
}
#sub0203_content3 {
  height: 527px;
  background: url("../img/sub0203_02_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0203_content4 {
  height: 721px;
  background: url("../img/sub0203_03_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0203_content5 {
  height: 1413px;
  background: url("../img/sub0203_04_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0203_content6 {
  height: 750px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0203_content7 {
  height: 896px;
  background: url("../img/sub0203_06_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0203_content8 {
  height: 1060px;
  background: #f4f4f4;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0203_content9 {
  height: 544px;
  background: url("../img/sub0203_07_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0203_content10 {
  height: 946px;
  background: url("../img/sub0203_08_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0203_content11 {
  height: 698px;
  background: url("../img/sub0203_09_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0203_content12 {
  height: 890px;
  background: url("../img/sub0203_10_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0203_content13 {
  height: 677px;
  background: url("../img/sub0203_11_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0203_content14 {
  height: 970px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0203_content15 {
  height: 425px;
  background: url("../img/sub0203_13_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0203_content16 {
  height: 580px;
  background: url("../img/sub0203_14_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0203_content17 {
  height: 1007px;
  background: url("../img/sub0203_15_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
.sub0203_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0203_02 {
  padding-top: 60px;
  text-align: center;
}
.sub0203_03 {
  padding-top: 120px;
  text-align: center;
}
.sub0203_04 {
  padding-top: 60px;
  text-align: center;
}
.sub0203_05 {
  padding-top: 120px;
  text-align: center;
}
.sub0203_06 {
  padding-top: 30px;
  text-align: center;
}
.sub0203_07 {
  padding-top: 30px;
  text-align: center;
}
.sub0203_08 {
  padding-top: 120px;
  text-align: center;
}
.sub0203_09 {
  padding-top: 60px;
  text-align: center;
}
.sub0203_10 {
  padding-top: 120px;
  text-align: center;
}
.sub0203_11 {
  padding-top: 60px;
  text-align: center;
}
.sub0203_12 {
  padding-top: 30px;
  text-align: center;
}
.sub0203_13 {
  padding-top: 30px;
  text-align: center;
}
.sub0203_14 {
  padding-top: 30px;
  text-align: center;
}
.sub0203_15 {
  padding-top: 120px;
  text-align: center;
}
.sub0203_16 {
  padding-top: 30px;
  text-align: center;
}
.sub0203_17 {
  padding-top: 60px;
  text-align: center;
}
.sub0203_18 {
  padding-top: 120px;
  text-align: center;
}
.sub0203_19 {
  padding-top: 120px;
  text-align: center;
}
.sub0203_20 {
  padding-top: 120px;
  text-align: center;
}
.sub0203_21 {
  padding-top: 20px;
  text-align: center;
}
.sub0203_22 {
  padding-top: 120px;
  text-align: center;
}
.sub0203_23 {
  padding-top: 60px;
  text-align: center;
}
.sub0203_24 {
  padding-top: 60px;
  text-align: center;
}
.sub0203_25 {
  padding-top: 120px;
  text-align: center;
}
.sub0203_26 {
  padding-top: 20px;
  text-align: center;
}
.sub0203_27 {
  padding-top: 60px;
  text-align: center;
}
.sub0203_28 {
  padding-top: 150px;
  text-align: center;
}
.sub0203_29 {
  padding-top: 250px;
  text-align: center;
}
.sub0203_30 {
  padding-top: 40px;
  text-align: center;
}
.sub0203_31 {
  padding-top: 120px;
  text-align: center;
}
.sub0203_32 {
  padding-top: 60px;
  text-align: center;
}
.sub0203_33 {
  padding-top: 120px;
  text-align: center;
}
.sub0203_34 {
  padding-top: 20px;
  text-align: center;
}
.sub0203_35 {
  padding-top: 60px;
  text-align: center;
}
.sub0203_36 {
  padding-top: 90px;
  text-align: center;
}
.sub0203_37 {
  padding-top: 120px;
  text-align: center;
}
.sub0203_38 {
  padding-top: 30px;
  text-align: center;
}
.sub0203_39 {
  padding-top: 60px;
  text-align: center;
}
.sub0203_40 {
  padding-top: 120px;
  text-align: right;
}
.sub0203_41 {
  padding-top: 120px;
  text-align: center;
}
.sub0203_42 {
  padding-top: 60px;
  text-align: center;
}

.sub0204_box_right_txt1 {
  padding-top: 88px;
}
.sub0204_box_right_txt2 {
  padding-top: 20px;
}
.sub0204_box_right_txt3 {
  padding-top: 40px;
}

#sub0204_content {
  height: 516px;
  background: url("../img/sub0204_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0204_content2 {
  height: 450px;
  background: url("../img/sub0204_02_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0204_content3 {
  height: 830px;
  background: #ffffff;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0204_content4 {
  height: 848px;
  background: url("../img/sub0204_04_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0204_content5 {
  height: 804px;
  background: url("../img/sub0204_05_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0204_content6 {
  height: 647px;
  background: url("../img/sub0204_06_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0204_content7 {
  height: 1718px;
  background: #f4f4f4;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0204_content8 {
  height: 1710px;
  background: #feebd4;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0204_content9 {
  height: 1690px;
  background: #feebd4;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0204_content10 {
  height: 1495px;
  background: #f4f4f4;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0204_content11 {
  height: 1490px;
  background: #feebd4;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0204_content12 {
  height: 405px;
  background: url("../img/sub0204_11_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0204_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0204_02 {
  padding-top: 60px;
  text-align: center;
}
.sub0204_03 {
  padding-top: 165px;
  text-align: center;
}
.sub0204_04 {
  padding-top: 120px;
  text-align: center;
}
.sub0204_05 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_06 {
  padding-top: 60px;
  text-align: center;
}
.sub0204_07 {
  padding-top: 120px;
  text-align: center;
}
.sub0204_08 {
  padding-top: 60px;
  text-align: center;
}
.sub0204_09 {
  padding-top: 120px;
  text-align: right;
}
.sub0204_10 {
  padding-top: 120px;
  text-align: center;
}
.sub0204_11 {
  padding-top: 60px;
  text-align: center;
}
.sub0204_12 {
  padding-top: 120px;
  text-align: center;
}
.sub0204_13 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_14 {
  padding-top: 60px;
  text-align: center;
}
.sub0204_15 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_16 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_17 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_18 {
  padding-top: 120px;
  text-align: center;
}
.sub0204_19 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_20 {
  padding-top: 60px;
  text-align: center;
}
.sub0204_21 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_22 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_23 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_24 {
  padding-top: 120px;
  text-align: center;
}
.sub0204_25 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_26 {
  padding-top: 60px;
  text-align: center;
}
.sub0204_27 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_28 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_29 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_30 {
  padding-top: 120px;
  text-align: center;
}
.sub0204_31 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_32 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_33 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_34 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_35 {
  padding-top: 30px;
  text-align: center;
}
.sub0204_36 {
  padding-top: 120px;
  text-align: center;
}
.sub0204_37 {
  padding-top: 40px;
  text-align: center;
}

.sub0205_box_right_txt1 {
  padding-top: 58px;
}
.sub0205_box_right_txt2 {
  padding-top: 20px;
}
.sub0205_box_right_txt3 {
  padding-top: 35px;
}
#sub0205_content {
  height: 741px;
  background: url("../img/sub0205_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0205_content2 {
  height: 988px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0205_content3 {
  height: 726px;
  background: url("../img/sub0205_03_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0205_content4 {
  height: 617px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0205_content5 {
  height: 678px;
  background: url("../img/sub0205_05_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
.sub0205_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0205_02 {
  padding-top: 30px;
  text-align: center;
}
.sub0205_03 {
  padding-top: 60px;
  text-align: center;
}
.sub0205_04 {
  padding-top: 120px;
  text-align: center;
}
.sub0205_05 {
  padding-top: 60px;
  text-align: center;
}
.sub0205_06 {
  padding-top: 120px;
  text-align: center;
}
.sub0205_07 {
  padding-top: 60px;
  text-align: center;
}
.sub0205_08 {
  padding-top: 120px;
  text-align: center;
}
.sub0205_09 {
  padding-top: 60px;
  text-align: center;
}
.sub0205_10 {
  padding-top: 120px;
  text-align: center;
}
.sub0205_11 {
  padding-top: 60px;
  text-align: center;
}

.sub0206_box_right_txt1 {
  padding-top: 58px;
}
.sub0206_box_right_txt2 {
  padding-top: 20px;
}
.sub0206_box_right_txt3 {
  padding-top: 35px;
}
#sub0206_content {
  height: 746px;
  background: url("../img/sub0206_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0206_content2 {
  height: 795px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0206_content3 {
  height: 535px;
  background: url("../img/sub0206_03_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0206_content4 {
  height: 841px;
  background: url("../img/sub0206_04_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0206_content5 {
  height: 865px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0206_content6 {
  height: 840px;
  background: url("../img/sub0206_06_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0206_content7 {
  height: 690px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
.sub0206_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0206_02 {
  padding-top: 60px;
  text-align: center;
}
.sub0206_03 {
  padding-top: 120px;
  text-align: center;
}
.sub0206_04 {
  padding-top: 30px;
  text-align: center;
}
.sub0206_05 {
  padding-top: 30px;
  text-align: center;
}
.sub0206_06 {
  padding-top: 120px;
  text-align: center;
}
.sub0206_07 {
  padding-top: 60px;
  text-align: center;
}
.sub0206_08 {
  padding-top: 120px;
  text-align: center;
}
.sub0206_09 {
  padding-top: 30px;
  text-align: center;
}
.sub0206_10 {
  padding-top: 60px;
  text-align: center;
}
.sub0206_11 {
  padding-top: 120px;
  text-align: center;
}
.sub0206_12 {
  padding-top: 60px;
  text-align: center;
}
.sub0206_13 {
  padding-top: 120px;
  text-align: center;
}
.sub0206_14 {
  padding-top: 30px;
  text-align: center;
}
.sub0206_15 {
  padding-top: 60px;
  text-align: center;
}
.sub0206_16 {
  padding-top: 120px;
  text-align: center;
}
.sub0206_17 {
  padding-top: 60px;
  text-align: center;
}

.sub0207_box_right_txt1 {
  padding-top: 90px;
}
.sub0207_box_right_txt2 {
  padding-top: 20px;
}
.sub0207_box_right_txt3 {
  padding-top: 40px;
}

#sub0207_content {
  height: 746px;
  background: url("../img/sub0207_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0207_content2 {
  height: 567px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0207_content3 {
  height: 721px;
  background: url("../img/sub0207_03_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0207_content4 {
  height: 643px;
  background: #f4f4f4;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0207_content5 {
  height: 717px;
  background: #fff0dd;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0207_content6 {
  height: 747px;
  background: url("../img/sub0207_06_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0207_content7 {
  height: 1602px;
  background: url("../img/sub0207_07_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0207_content8 {
  height: 711px;
  background: url("../img/sub0207_08_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0207_content9 {
  height: 760px;
  background: #f4f4f4;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
.sub0207_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0207_02 {
  padding-top: 60px;
  text-align: center;
}
.sub0207_03 {
  padding-top: 120px;
  text-align: center;
}
.sub0207_04 {
  padding-top: 60px;
  text-align: center;
}
.sub0207_05 {
  padding-top: 120px;
  text-align: center;
}
.sub0207_06 {
  padding-top: 60px;
  text-align: center;
}
.sub0207_07 {
  padding-top: 120px;
  text-align: center;
}
.sub0207_08 {
  padding-top: 60px;
  text-align: center;
}
.sub0207_09 {
  padding-top: 120px;
  text-align: center;
}
.sub0207_10 {
  padding-top: 30px;
  text-align: center;
}
.sub0207_11 {
  padding-top: 60px;
  text-align: center;
}
.sub0207_12 {
  padding-top: 120px;
  text-align: right;
}
.sub0207_13 {
  padding-top: 120px;
  text-align: center;
}
.sub0207_14 {
  padding-top: 60px;
  text-align: center;
}
.sub0207_15 {
  padding-top: 60px;
  text-align: center;
}
.sub0207_16 {
  padding-top: 60px;
  text-align: center;
}
.sub0207_17 {
  padding-top: 60px;
  text-align: center;
}
.sub0207_18 {
  padding-top: 120px;
  text-align: center;
}
.sub0207_19 {
  padding-top: 60px;
  text-align: center;
}
.sub0207_20 {
  padding-top: 120px;
  text-align: center;
}
.sub0207_21 {
  padding-top: 60px;
  text-align: center;
}

.sub0208_box_right_txt1 {
  padding-top: 58px;
}
.sub0208_box_right_txt2 {
  padding-top: 20px;
}
.sub0208_box_right_txt3 {
  padding-top: 35px;
}

#sub0208_content {
  height: 746px;
  background: url("../img/sub0208_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0208_content2 {
  height: 444px;
  background: url("../img/sub0208_02_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0208_content3 {
  height: 510px;
  background: url("../img/sub0208_03_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0208_content4 {
  height: 1225px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0208_content5 {
  height: 1097px;
  background: url("../img/sub0208_05_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0208_content6 {
  height: 768px;
  background: url("../img/sub0208_06_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0208_content7 {
  height: 728px;
  background: url("../img/sub0208_07_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0208_content8 {
  height: 1117px;
  background: url("../img/sub0208_08_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
.sub0208_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0208_02 {
  padding-top: 30px;
  text-align: center;
}
.sub0208_03 {
  padding-top: 60px;
  text-align: center;
}
.sub0208_04 {
  padding-top: 150px;
  text-align: center;
}
.sub0208_05 {
  padding-top: 40px;
  text-align: center;
}
.sub0208_06 {
  padding-top: 134px;
  text-align: center;
}
.sub0208_07 {
  padding-top: 120px;
  text-align: center;
}
.sub0208_08 {
  padding-top: 30px;
  text-align: center;
}
.sub0208_09 {
  padding-top: 60px;
  text-align: center;
}
.sub0208_10 {
  padding-top: 120px;
  text-align: center;
}
.sub0208_11 {
  padding-top: 60px;
  text-align: center;
}
.sub0208_12 {
  padding-top: 120px;
  text-align: center;
}
.sub0208_13 {
  padding-top: 30px;
  text-align: center;
}
.sub0208_14 {
  padding-top: 60px;
  text-align: center;
}
.sub0208_15 {
  padding-top: 120px;
  text-align: center;
}
.sub0208_16 {
  padding-top: 60px;
  text-align: center;
}
.sub0208_17 {
  padding-top: 120px;
  text-align: center;
}
.sub0208_18 {
  padding-top: 60px;
  text-align: center;
}

.sub0209_box_right_txt1 {
  padding-top: 58px;
}
.sub0209_box_right_txt2 {
  padding-top: 20px;
}
.sub0209_box_right_txt3 {
  padding-top: 35px;
}

#sub0209_content {
  height: 770px;
  background: url("../img/sub0209_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0209_content2 {
  height: 465px;
  background: url("../img/sub0209_02_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0209_content3 {
  height: 1137px;
  background: url("../img/sub0209_03_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0209_content4 {
  height: 1393px;
  background: url("../img/sub0209_04_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0209_content5 {
  height: 897px;
  background: url("../img/sub0209_05_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0209_content6 {
  height: 700px;
  background: url("../img/sub0209_06_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0209_content7 {
  height: 986px;
  background: url("../img/sub0209_07_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0209_content8 {
  height: 666px;
  background: url("../img/sub0209_08_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0209_content9 {
  height: 592px;
  background: url("../img/sub0209_09_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0209_content10 {
  height: 1336px;
  background: url("../img/sub0209_10_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
.sub0209_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0209_02 {
  padding-top: 30px;
  text-align: center;
}
.sub0209_03 {
  padding-top: 60px;
  text-align: center;
}
.sub0209_04 {
  padding-top: 120px;
  text-align: center;
}
.sub0209_05 {
  padding-top: 30px;
  text-align: center;
}
.sub0209_06 {
  padding-top: 30px;
  text-align: center;
}
.sub0209_07 {
  padding-top: 120px;
  text-align: center;
}
.sub0209_08 {
  padding-top: 60px;
  text-align: center;
}
.sub0209_09 {
  padding-top: 120px;
  text-align: center;
}
.sub0209_10 {
  padding-top: 60px;
  text-align: center;
}
.sub0209_11 {
  padding-top: 80px;
  text-align: center;
}
.sub0209_12 {
  padding-top: 120px;
  text-align: center;
}
.sub0209_13 {
  padding-top: 60px;
  text-align: center;
}
.sub0209_14 {
  padding-top: 120px;
  text-align: center;
}
.sub0209_15 {
  padding-top: 60px;
  text-align: center;
}
.sub0209_16 {
  padding-top: 120px;
  text-align: center;
}
.sub0209_17 {
  padding-top: 60px;
  text-align: center;
}
.sub0209_18 {
  padding-top: 120px;
  text-align: center;
}
.sub0209_19 {
  padding-top: 60px;
  text-align: center;
}
.sub0209_20 {
  padding-top: 60px;
  text-align: center;
}
.sub0209_21 {
  padding-top: 60px;
  text-align: center;
}
.sub0209_22 {
  padding-top: 120px;
  text-align: center;
}
.sub0209_23 {
  padding-top: 55px;
  text-align: center;
}
.sub0209_24 {
  padding-top: 40px;
  text-align: center;
}

.sub0210_box_right_txt1 {
  padding-top: 58px;
}
.sub0210_box_right_txt2 {
  padding-top: 20px;
}
.sub0210_box_right_txt3 {
  padding-top: 35px;
}

#sub0210_content {
  height: 529px;
  background: url("../img/sub0210_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0210_content2 {
  height: 795px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0210_content3 {
  height: 744px;
  background: url("../img/sub0210_03_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0210_content4 {
  height: 757px;
  background: url("../img/sub0210_04_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0210_content5 {
  height: 650px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0210_content6 {
  height: 639px;
  background: url("../img/sub0210_05_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0210_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0210_02 {
  padding-top: 30px;
  text-align: center;
}
.sub0210_03 {
  padding-top: 115px;
  text-align: center;
}
.sub0210_04 {
  padding-top: 120px;
  text-align: center;
}
.sub0210_05 {
  padding-top: 60px;
  text-align: center;
}
.sub0210_06 {
  padding-top: 120px;
  text-align: center;
}
.sub0210_07 {
  padding-top: 120px;
  text-align: center;
}
.sub0210_08 {
  padding-top: 120px;
  text-align: center;
}
.sub0210_09 {
  padding-top: 30px;
  text-align: center;
}
.sub0210_10 {
  padding-top: 60px;
  text-align: center;
}
.sub0210_11 {
  padding-top: 120px;
  text-align: center;
}
.sub0210_12 {
  padding-top: 60px;
  text-align: center;
}
.sub0210_13 {
  padding-top: 120px;
  text-align: center;
}
.sub0210_14 {
  padding-top: 60px;
  text-align: center;
}

.sub0211_box_right_txt1 {
  padding-top: 58px;
}
.sub0211_box_right_txt2 {
  padding-top: 20px;
}
.sub0211_box_right_txt3 {
  padding-top: 35px;
}

#sub0211_content {
  height: 1060px;
  background: url("../img/sub0211_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0211_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0211_02 {
  padding-top: 25px;
  text-align: center;
}
.sub0211_03 {
  padding-top: 60px;
  text-align: center;
}

.sub0301_box_right_txt1 {
  padding-top: 58px;
}
.sub0301_box_right_txt2 {
  padding-top: 20px;
}
.sub0301_box_right_txt3 {
  padding-top: 35px;
}

#sub0301_content {
  height: 680px;
  background: url("../img/sub0301_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0301_content2 {
  height: 988px;
  background: url("../img/sub0301_02_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0301_content3 {
  height: 778px;
  background: url("../img/sub0301_03_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0301_content4 {
  height: 656px;
  background: url("../img/sub0301_04_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0301_content5 {
  height: 656px;
  background: url("../img/sub0301_05_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0301_content6 {
  height: 750px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0301_content7 {
  height: 485px;
  background: url("../img/sub0301_06_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0301_content8 {
  height: 1105px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0301_content9 {
  height: 948px;
  background: url("../img/sub0301_08_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0301_content10 {
  height: 766px;
  background: url("../img/sub0301_09_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0301_content11 {
  height: 1092px;
  background: url("../img/sub0301_10_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0301_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0301_02 {
  padding-top: 60px;
  text-align: center;
}
.sub0301_03 {
  padding-top: 120px;
  text-align: center;
}
.sub0301_04 {
  padding-top: 60px;
  text-align: center;
}
.sub0301_05 {
  padding-top: 120px;
  text-align: center;
}
.sub0301_06 {
  padding-top: 60px;
  text-align: center;
}
.sub0301_07 {
  padding-top: 60px;
  text-align: center;
}
.sub0301_08 {
  padding-top: 120px;
  text-align: center;
}
.sub0301_09 {
  padding-top: 60px;
  text-align: center;
}
.sub0301_10_txt {
  padding-top: 120px;
  text-align: center;
}
.sub0301_10 {
  padding-top: 60px;
  text-align: center;
}
.sub0301_11 {
  padding-top: 60px;
  text-align: center;
}
.sub0301_12 {
  padding-top: 120px;
  text-align: center;
}
.sub0301_13 {
  padding-top: 60px;
  text-align: center;
}
.sub0301_14 {
  padding-top: 120px;
  text-align: center;
}
.sub0301_15 {
  padding-top: 60px;
  text-align: center;
}
.sub0301_16 {
  padding-top: 120px;
  text-align: center;
}
.sub0301_17 {
  padding-top: 30px;
  text-align: center;
}
.sub0301_18 {
  padding-top: 60px;
  text-align: center;
}
.sub0301_19 {
  padding-top: 120px;
  text-align: right;
}
.sub0301_20 {
  padding-top: 120px;
  text-align: center;
}
.sub0301_21 {
  padding-top: 60px;
  text-align: center;
}

.sub0302_box_right_txt1 {
  padding-top: 94px;
}
.sub0302_box_right_txt2 {
  padding-top: 20px;
}
.sub0302_box_right_txt3 {
  padding-top: 45px;
}

#sub0302_content {
  height: 740px;
  background: url("../img/sub0302_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0302_content2 {
  height: 1338px;
  background: url("../img/sub0302_02_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0302_content3 {
  height: 1265px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0302_content4 {
  height: 547px;
  background: url("../img/sub0302_04_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0302_content5 {
  height: 650px;
  background: url("../img/sub0302_05_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0302_content6 {
  height: 758px;
  background: url("../img/sub0302_06_bg.png") no-repeat center top;
  width: 1920px;
  margin: 0 auto;
}
#sub0302_content7 {
  height: 364px;
  background: url("../img/sub0302_07_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
.sub0302_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0302_02 {
  padding-top: 60px;
  text-align: center;
}
.sub0302_03_title {
  padding-top: 120px;
  text-align: center;
}
.sub0302_03 {
  padding-top: 60px;
  text-align: center;
}
.sub0302_04 {
  padding-top: 120px;
  text-align: center;
}
.sub0302_05 {
  padding-top: 60px;
  text-align: center;
}
.sub0302_06 {
  padding-top: 120px;
  text-align: center;
}
.sub0302_07 {
  padding-top: 120px;
  text-align: center;
}
.sub0302_08 {
  padding-top: 20px;
  text-align: center;
}
.sub0302_09 {
  padding-top: 120px;
  text-align: center;
}
.sub0302_10 {
  padding-top: 120px;
  text-align: center;
}
.sub0302_11 {
  padding-top: 60px;
  text-align: center;
}
.sub0302_12 {
  padding-top: 120px;
  text-align: center;
}
.sub0302_13 {
  padding-top: 60px;
  text-align: center;
}
.sub0302_14 {
  padding-top: 120px;
  text-align: center;
}
.sub0302_15 {
  padding-top: 30px;
  text-align: center;
}
.sub0302_16 {
  padding-top: 120px;
  text-align: center;
}
.sub0302_17 {
  padding-top: 60px;
  text-align: center;
}

.sub0303_box_right_txt1 {
  padding-top: 94px;
}
.sub0303_box_right_txt2 {
  padding-top: 20px;
}
.sub0303_box_right_txt3 {
  padding-top: 45px;
}

#sub0303_content {
  height: 820px;
  background: url("../img/sub0303_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0303_content2 {
  height: 740px;
  background: url("../img/sub0303_02_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0303_content3 {
  height: 892px;
  background: url("../img/sub0303_03_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0303_content4 {
  height: 785px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0303_content5 {
  height: 457px;
  background: url("../img/sub0303_05_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0303_content6 {
  height: 895px;
  background: url("../img/sub0303_06_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0303_content7 {
  height: 625px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0303_content8 {
  height: 800px;
  background: #f4f4f4;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0303_content9 {
  height: 704px;
  background: url("../img/sub0303_09_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0303_content10 {
  height: 617px;
  background: url("../img/sub0303_10_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0303_content11 {
  height: 2685px;
  background: #f4f4f4;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
.sub0303_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0303_02 {
  padding-top: 120px;
  text-align: center;
}
.sub0303_03 {
  padding-top: 60px;
  text-align: center;
}
.sub0303_04 {
  padding-top: 120px;
  text-align: center;
}
.sub0303_05 {
  padding-top: 30px;
  text-align: center;
}
.sub0303_06 {
  padding-top: 60px;
  text-align: center;
}
.sub0303_07 {
  padding-top: 60px;
  text-align: center;
}
.sub0303_08 {
  padding-top: 120px;
  text-align: center;
}
.sub0303_09 {
  padding-top: 30px;
  text-align: center;
}
.sub0303_10 {
  padding-top: 60px;
  text-align: center;
}
.sub0303_11 {
  padding-top: 120px;
  text-align: center;
}
.sub0303_12 {
  padding-top: 40px;
  text-align: center;
}
.sub0303_13 {
  padding-top: 40px;
  text-align: center;
}
.sub0303_14 {
  padding-top: 120px;
  text-align: center;
}
.sub0303_15 {
  padding-top: 30px;
  text-align: center;
}
.sub0303_16 {
  padding-top: 60px;
  text-align: center;
}
.sub0303_17 {
  padding-top: 120px;
  text-align: center;
}
.sub0303_18 {
  padding-top: 60px;
  text-align: center;
}
.sub0303_19 {
  padding-top: 120px;
  text-align: center;
}
.sub0303_20 {
  padding-top: 30px;
  text-align: center;
}
.sub0303_21 {
  padding-top: 60px;
  text-align: center;
}
.sub0303_22 {
  padding-top: 120px;
  text-align: center;
}
.sub0303_23 {
  padding-top: 40px;
  text-align: center;
}
.sub0303_24 {
  padding-top: 60px;
  text-align: center;
}
.sub0303_25 {
  padding-top: 120px;
  text-align: right;
}
.sub0303_26 {
  padding-top: 120px;
  text-align: center;
}
.sub0303_27 {
  padding-top: 60px;
  text-align: center;
}
.sub0303_28 {
  padding-top: 30px;
  text-align: center;
}
.sub0303_29 {
  padding-top: 30px;
  text-align: center;
}
.sub0303_30 {
  padding-top: 30px;
  text-align: center;
}
.sub0303_31 {
  padding-top: 30px;
  text-align: center;
}
.sub0303_32 {
  padding-top: 30px;
  text-align: center;
}
.sub0303_31 {
  padding-top: 30px;
  text-align: center;
}
.sub0303_33 {
  padding-top: 30px;
  text-align: center;
}
.sub0303_34 {
  padding-top: 30px;
  text-align: center;
}

.sub0304_box_right_txt1 {
  padding-top: 94px;
}
.sub0304_box_right_txt2 {
  padding-top: 20px;
}
.sub0304_box_right_txt3 {
  padding-top: 45px;
}

#sub0304_content {
  height: 820px;
  background: url("../img/sub0304_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0304_content2 {
  height: 1675px;
  background: url("../img/sub0304_02_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
.sub0304_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0304_02 {
  padding-top: 60px;
  text-align: center;
}
.sub0304_03 {
  padding-top: 120px;
  text-align: center;
}
.sub0304_04 {
  padding-top: 60px;
  text-align: center;
}
.sub0304_05 {
  padding-top: 30px;
  text-align: center;
}
.sub0304_06 {
  padding-top: 30px;
  text-align: center;
}
.sub0304_07 {
  padding-top: 30px;
  text-align: center;
}

.sub0401_box_right_txt1 {
  padding-top: 90px;
}
.sub0401_box_right_txt2 {
  padding-top: 20px;
}
.sub0401_box_right_txt3 {
  padding-top: 45px;
}

#sub0401_content {
  height: 659px;
  background: url("../img/sub0401_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0401_content2 {
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0401_content3 {
  height: 781px;
  background: url("../img/sub0401_03_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0401_content4 {
  height: 2945px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0401_content6 {
  height: 671px;
  background: url("../img/sub0401_05_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

#sub0401_content7 {
  height: 720px;
  background: url("../img/sub0401_07_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0401_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0401_02 {
  padding-top: 35px;
  text-align: center;
}
.sub0401_03 {
  padding-top: 60px;
  text-align: center;
}
.sub0401_04 {
  padding-top: 120px;
  text-align: center;
}
.sub0401_05 {
  padding-top: 60px;
  text-align: center;
}
.sub0401_06 {
  padding-top: 60px;
  padding-bottom: 120px;
  text-align: center;
}
.sub0401_07 {
  padding-top: 120px;
  text-align: center;
}
.sub0401_08 {
  padding-top: 60px;
  text-align: center;
}
.sub0401_09 {
  padding-top: 120px;
  text-align: center;
}
.sub0401_10 {
  padding-top: 100px;
  text-align: center;
}
.sub0401_11 {
  padding-top: 100px;
  text-align: center;
}
.sub0401_12 {
  padding-top: 100px;
  text-align: center;
}
.sub0401_13 {
  padding-top: 120px;
  text-align: center;
}
.sub0401_14 {
  padding-top: 30px;
  text-align: center;
}
.sub0401_15 {
  padding-top: 60px;
  text-align: center;
}
.sub0401_16 {
  padding-top: 120px;
  text-align: center;
}
.sub0401_17 {
  padding-top: 60px;
  text-align: center;
}

.sub0402_box_right_txt1 {
  padding-top: 90px;
}
.sub0402_box_right_txt2 {
  padding-top: 20px;
}
.sub0402_box_right_txt3 {
  padding-top: 45px;
}

#sub0402_content {
  height: 771px;
  background: url("../img/sub0402_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0402_content2 {
  height: 655px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0402_content3 {
  height: 711px;
  background: url("../img/sub0402_03_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0402_content4 {
  height: 1040px;
  background: #f0f0f0;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0402_content5 {
  height: 689px;
  background: url("../img/sub0402_05_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0402_content6 {
  height: 702px;
  background: url("../img/sub0402_06_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0402_content7 {
  height: 529px;
  background: url("../img/sub0402_07_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0402_content8 {
  height: 675px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0402_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0402_02 {
  padding-top: 60px;
  text-align: center;
}

.sub0402_03 {
  padding-top: 120px;
  text-align: center;
}
.sub0402_04 {
  padding-top: 60px;
  text-align: center;
}
.sub0402_05 {
  padding-top: 120px;
  text-align: center;
}
.sub0402_06 {
  padding-top: 60px;
  text-align: center;
}
.sub0402_07 {
  padding-top: 120px;
  text-align: center;
}
.sub0402_08 {
  padding-top: 35px;
  text-align: center;
}
.sub0402_09 {
  padding-top: 60px;
  text-align: center;
}
.sub0402_10 {
  padding-top: 30px;
  text-align: center;
}
.sub0402_11 {
  padding-top: 120px;
  text-align: center;
}
.sub0402_12 {
  padding-top: 60px;
  text-align: center;
}
.sub0402_13 {
  padding-top: 120px;
  text-align: right;
}
.sub0402_14 {
  padding-top: 120px;
  text-align: center;
}
.sub0402_15 {
  padding-top: 30px;
  text-align: center;
}

.sub0402_16 {
  padding-top: 120px;
  text-align: center;
}
.sub0402_17 {
  padding-top: 120px;
  text-align: center;
}
.sub0402_18 {
  padding-top: 60px;
  text-align: center;
}

.sub0501_box_right_txt1 {
  padding-top: 90px;
}
.sub0501_box_right_txt2 {
  padding-top: 20px;
}
.sub0501_box_right_txt3 {
  padding-top: 45px;
}

#sub0501_content {
  height: 816px;
  background: url("../img/sub0501_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0501_content2 {
  height: 840px;
  background: url("../img/sub0501_02_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0501_content3 {
  height: 520px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0501_content4 {
  height: 768px;
  background: url("../img/sub0501_04_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0501_content5 {
  height: 777px;
  background: url("../img/sub0501_05_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0501_content6 {
  height: 787px;
  background: url("../img/sub0501_06_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0501_content7 {
  height: 661px;
  background: url("../img/sub0501_07_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0501_content8 {
  height: 680px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0501_content9 {
  height: 1001px;
  background: url("../img/sub0501_09_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0501_content10 {
  height: 418px;
  background: url("../img/sub0501_10_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0501_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0501_02 {
  padding-top: 60px;
  text-align: center;
}
.sub0501_03 {
  padding-top: 120px;
  text-align: center;
}
.sub0501_04 {
  padding-top: 60px;
  text-align: center;
}
.sub0501_05 {
  padding-top: 60px;
  text-align: center;
}
.sub0501_06 {
  padding-top: 120px;
  text-align: center;
}
.sub0501_07 {
  padding-top: 60px;
  text-align: center;
}
.sub0501_08 {
  padding-top: 120px;
  text-align: center;
}
.sub0501_09 {
  padding-top: 60px;
  text-align: center;
}
.sub0501_10 {
  padding-top: 15px;
  text-align: center;
}
.sub0501_11 {
  padding-top: 40px;
  text-align: center;
}
.sub0501_12 {
  padding-top: 120px;
  text-align: center;
}
.sub0501_13 {
  padding-top: 60px;
  text-align: center;
}
.sub0501_14 {
  padding-top: 120px;
  text-align: center;
}
.sub0501_15 {
  padding-top: 35px;
  text-align: center;
}
.sub0501_16 {
  padding-top: 60px;
  text-align: center;
}
.sub0501_17 {
  padding-top: 120px;
  text-align: right;
}
.sub0501_18 {
  padding-top: 120px;
  text-align: center;
}
.sub0501_19 {
  padding-top: 60px;
  text-align: center;
}
.sub0501_20 {
  padding-top: 120px;
  text-align: center;
}
.sub0501_21 {
  padding-top: 60px;
  text-align: center;
}
.sub0501_22 {
  padding-top: 120px;
  text-align: center;
}
.sub0501_23 {
  padding-top: 40px;
  text-align: center;
}

.sub0601_box_right_txt1 {
  padding-top: 80px;
}
.sub0601_box_right_txt2 {
  padding-top: 20px;
}
.sub0601_box_right_txt3 {
  padding-top: 45px;
}

#sub0601_content {
  height: 816px;
  background: url("../img/sub0601_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0601_content2 {
  height: 656px;
  background: url("../img/sub0601_02_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0601_content3 {
  height: 1120px;
  background: #f4f4f4;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0601_content4 {
  height: 835px;
  background: url("../img/sub0601_04_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0601_content5 {
  height: 646px;
  background: url("../img/sub0601_05_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0601_content6 {
  height: 1177px;
  background: url("../img/sub0601_06_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0601_content7 {
  height: 768px;
  background: url("../img/sub0601_07_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0601_content8 {
  height: 394px;
  background: url("../img/sub0601_08_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0601_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0601_02 {
  padding-top: 55px;
  text-align: center;
}
.sub0601_03 {
  padding-top: 60px;
  text-align: center;
}
.sub0601_04 {
  padding-top: 120px;
  text-align: center;
}
.sub0601_05 {
  padding-top: 60px;
  text-align: center;
}
.sub0601_06 {
  padding-top: 120px;
  text-align: center;
}
.sub0601_07 {
  padding-top: 30px;
  text-align: center;
}
.sub0601_08 {
  padding-top: 60px;
  text-align: center;
}
.sub0601_09 {
  padding-top: 40px;
  text-align: center;
}
.sub0601_10 {
  padding-top: 125px;
  text-align: right;
}
.sub0601_11 {
  padding-top: 120px;
  text-align: center;
}
.sub0601_12 {
  padding-top: 60px;
  text-align: center;
}
.sub0601_13 {
  padding-top: 120px;
  text-align: center;
}
.sub0601_14 {
  padding-top: 30px;
  text-align: center;
}
.sub0601_15 {
  padding-top: 60px;
  text-align: center;
}
.sub0601_16 {
  padding-top: 120px;
  text-align: center;
}
.sub0601_17 {
  padding-top: 60px;
  text-align: right;
}
.sub0601_18 {
  padding-top: 120px;
  text-align: center;
}
.sub0601_19 {
  padding-top: 60px;
  text-align: center;
}

#sub0701_content {
  height: 840px;
  background: url("../img/sub0701_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0701_content2 {
  height: 680px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0701_content3 {
  height: 695px;
  background: url("../img/sub0701_03_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0701_content4 {
  height: 520px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0701_content5 {
  height: 1051px;
  background: url("../img/sub0701_05_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0701_content6 {
  height: 622px;
  background: url("../img/sub0701_06_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0701_content7 {
  height: 668px;
  background: url("../img/sub0701_07_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0701_content8 {
  height: 735px;
  background: url("../img/sub0701_08_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0701_content9 {
  height: 999px;
  background: url("../img/sub0701_09_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}

.sub0701_box_right_txt1 {
  padding-top: 80px;
}
.sub0701_box_right_txt2 {
  padding-top: 20px;
}
.sub0701_box_right_txt3 {
  padding-top: 45px;
}
.sub0701_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0701_02 {
  padding-top: 60px;
  text-align: center;
}
.sub0701_03 {
  padding-top: 120px;
  text-align: center;
}
.sub0701_04 {
  padding-top: 60px;
  text-align: center;
}
.sub0701_05 {
  padding-top: 120px;
  text-align: center;
}
.sub0701_06 {
  padding-top: 30px;
  text-align: center;
}
.sub0701_07 {
  padding-top: 60px;
  text-align: center;
}
.sub0701_08 {
  padding-top: 120px;
  text-align: center;
}
.sub0701_09 {
  padding-top: 60px;
  text-align: center;
}
.sub0701_10 {
  padding-top: 120px;
  text-align: center;
}
.sub0701_11 {
  padding-top: 60px;
  text-align: center;
}
.sub0701_12 {
  padding-top: 60px;
  text-align: center;
}
.sub0701_13 {
  padding-top: 120px;
  text-align: right;
}
.sub0701_14 {
  padding-top: 120px;
  text-align: center;
}
.sub0701_15 {
  padding-top: 60px;
  text-align: center;
}
.sub0701_16 {
  padding-top: 120px;
  text-align: center;
}
.sub0701_17 {
  padding-top: 30px;
  text-align: center;
}
.sub0701_18 {
  padding-top: 40px;
  text-align: center;
}
.sub0701_19 {
  padding-top: 120px;
  text-align: center;
}
.sub0701_20 {
  padding-top: 60px;
  text-align: center;
}
.sub0701_21 {
  padding-top: 40px;
  padding-bottom: 120px;
  text-align: center;
}

#sub0702_content {
  height: 682px;
  background: url("../img/sub0702_01_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0702_content2 {
  height: 520px;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
#sub0702_content3 {
  height: 661px;
  background: url("../img/sub0702_03_bg.png") no-repeat center top;
  max-width: 1920px;
  min-width: 1620px;
  margin: 0 auto;
}
.sub0702_01 {
  padding-top: 120px;
  text-align: center;
}
.sub0702_02 {
  padding-top: 60px;
  text-align: center;
}
.sub0702_03 {
  padding-top: 120px;
  text-align: center;
}
.sub0702_04 {
  padding-top: 60px;
  text-align: center;
}
.sub0702_05 {
  padding-top: 120px;
  text-align: center;
}
.sub0702_06 {
  padding-top: 30px;
  text-align: center;
}
.sub0702_07 {
  padding-top: 50px;
  text-align: center;
}

/* ================================
   공통 스타일
   ================================ */
.pt_60 {
  padding-top: 60px;
}
.pl_60 {
  padding-left: 60px;
}

/* 모바일(≤768px)에서 1920px 전체 레이아웃 보이도록 */
@media (max-width: 768px) {
  html,
  body {
    min-width: 1920px; /* 레이아웃 전체 폭 고정 */
    overflow-x: auto; /* 가로 스크롤 허용 */
  }
}

/* =========================
   Quick Menu (fixed sidebar)
   ========================= */
#quick-menu {
  position: fixed;
  top: 135px; /* 페이지 레이아웃에 맞춰 조정 */
  right: 0px;
  z-index: 1200;
  background: #e9e9e9;
  padding: 13px 0;
}
#quick-menu ul {
  margin: 0;
  padding: -0;
  list-style: none;
}
#quick-menu li {
  margin-bottom: 16px;
}
#quick-menu li:last-child {
  margin-bottom: 0;
}
#quick-menu a {
  display: block;
  overflow: hidden;
  text-align: center;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease;
}
#quick-menu a img {
}
/* Hover(마우스 오버) 확대 효과 */
#quick-menu a:hover {
  transform: scale(1.08);
}
@media (max-width: 1400px) {
  #quick-menu {
    display: none;
  }
}

/* =========================================================
   sub0201.php - 이미지 문구 HTML 텍스트 전환
   ========================================================= */
.sub0201-page {
  display: flex;
  flex-direction: column;
}
.sub0201-page #sub0201_content {
  order: 1;
}
.sub0201-page #sub0201_content2 {
  order: 2;
}
.sub0201-page #sub0201_content3 {
  order: 3;
}
.sub0201-page #sub0201_content4 {
  order: 4;
}
.sub0201-page #sub0201_content5 {
  order: 5;
}
.sub0201-page #sub0201_content6 {
  order: 6;
}
.sub0201-page #sub0201_content7 {
  order: 7;
}
.sub0201-page #sub0201_content8 {
  order: 8;
}
.sub0201-page #sub0201_content9 {
  order: 9;
}
.sub0201-page #sub0201_content10 {
  order: 10;
}
.sub0201-page #sub0201_content11 {
  order: 11;
}
.sub0201-page #sub0201_content12 {
  order: 12;
}
.sub0201-page #sub0201_content14 {
  order: 14;
}
.sub0201-page #sub0201_content15 {
  order: 15;
}
.sub0201-page #sub0201_content16 {
  order: 16;
}
.sub0201-page #sub0201_content17 {
  order: 17;
}
.sub0201-page #sub0201_content18 {
  order: 18;
}
.sub0201-page #sub0201_content19 {
  order: 19;
}
.sub0201-page #sub0201_content20 {
  order: 20;
}

.sub0201-page h2,
.sub0201-page h3,
.sub0201-page h4,
.sub0201-page p,
.sub0201-page ol,
.sub0201-page ul,
.sub0201-page dl,
.sub0201-page dd {
  margin: 0;
  padding-left: 0;
}
.sub0201-page em {
  font-style: normal;
}
.sub0201-page ol,
.sub0201-page ul {
  list-style: none;
}
.sub0201-page h2,
.sub0201-page h3,
.sub0201-page h4,
.sub0201-hero h1,
.sub0201-hero p {
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}

.sub0201-hero {
  margin-top: 120px;
  padding-top: 0;
  box-sizing: border-box;
  text-align: center;
}
.sub0201-hero .sub0201_box_center_txt1 {
  margin: 0;
  padding-top: 72px;
  color: #ff792a;
  font-size: 54px;
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -3px;
}
.sub0201-hero .sub0201_box_center_txt1 span {
  display: block;
  margin-bottom: 2px;
  color: #fff;
  font-size: 48px;
  line-height: 1;
}
.sub0201-hero .sub0201_box_center_txt2 {
  margin: 34px 0 0;
  padding: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: -1px;
}
.sub0201-hero .sub0201_box_center_txt2 strong {
  color: #ff792a;
  font-weight: 600;
}

.sub0201-section-title,
.sub0201-main-title {
  margin: 0;
  color: #080808;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -3px;
  text-align: center;
}
.sub0201-section-title em,
.sub0201-main-title em {
  color: #ff792a;
}

#sub0201_content .sub0201_01 {
  padding-top: 120px;
}
.implant-anatomy {
  position: relative;
  display: flex;
  width: 1240px;
  height: 470px;
  margin-top: 60px;
  padding: 0;
  color: #111;
  text-align: left;
}
.anatomy-half {
  position: relative;
  width: 620px;
  height: 470px;
  overflow: hidden;
}
.anatomy-half h3 {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 370px;
  height: 60px;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  line-height: 60px;
  text-align: center;
}
.anatomy-half--implant h3 {
  left: 271px;
  background: #ff792a;
}
.anatomy-half--tooth h3 {
  left: 42px;
  background: #4d433d;
}
.anatomy-picture {
  position: absolute;
  top: 80px;
  height: 390px;
  background: url("../img/sub0201_02.png") no-repeat;
  background-size: 1231px 470px;
}
.anatomy-half--implant .anatomy-picture {
  left: 270px;
  width: 375px;
  background-position: -270px -80px;
}
.anatomy-half--tooth .anatomy-picture {
  left: 42px;
  width: 372px;
  background-position: -662px -80px;
}
.anatomy-half dl div {
  position: absolute;
  z-index: 3;
  width: 230px;
  text-align: right;
}
.anatomy-half dt {
  display: inline-block;
  padding: 3px 7px 5px;
  background: #ff792a;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}
.anatomy-half dd {
  margin-top: 8px;
  font-size: 17px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: -1px;
}
.anatomy-half dl div:nth-child(1) {
  top: 98px;
  left: 0;
}
.anatomy-half dl div:nth-child(2) {
  top: 228px;
  left: 0;
}
.anatomy-half dl div:nth-child(3) {
  top: 345px;
  left: 0;
}
.anatomy-half--tooth ul li {
  position: absolute;
  z-index: 3;
  left: 457px;
  padding: 3px 8px 5px;
  background: #4d433d;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.anatomy-half--tooth ul li:nth-child(1) {
  top: 99px;
}
.anatomy-half--tooth ul li:nth-child(2) {
  top: 230px;
}
.anatomy-half--tooth ul li:nth-child(3) {
  top: 345px;
}
.anatomy-half--tooth ul small {
  font-size: 20px;
  font-weight: 400;
}

#sub0201_content2 .sub0201_03 {
  padding-top: 120px;
}
.sub0201-serif-copy {
  margin: 30px 0 0;
  padding: 0;
  color: #61462f;
  font-size: 30px;
  font-weight: 400;
  line-height: 43px;
  letter-spacing: -1.6px;
  text-align: center;
}
.sub0201-serif-copy strong {
  font-weight: 700;
}
#sub0201_content2 .sub0201_05 {
  padding-top: 0;
  margin-top: 0;
  font-size: 0;
  text-align: center;
}

#sub0201_content3 .sub0201_06 {
  padding-top: 113px;
  text-align: center;
}
.sub0201_06 span {
  display: block;
  color: #111;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
}
.sub0201_06 strong {
  display: block;
  margin-top: 2px;
  color: #765039;
  font-size: 55px;
  font-weight: 700;
  line-height: 78px;
  letter-spacing: -3px;
}
.concern-grid {
  display: grid;
  grid-template-columns: repeat(3, 387px);
  grid-template-rows: 428px 454px;
  column-gap: 39.5px;
  row-gap: 50px;
  width: 1240px;
  height: 932px;
  margin-top: 55px;
  padding: 0;
  text-align: center;
}
.concern-grid li {
  position: relative;
  box-sizing: border-box;
  padding-top: 0;
}
.concern-grid li::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 25px;
  left: 0;
  width: 100%;
  height: 403px;
  border-radius: 28px;
  background: #fff;
}
.concern-grid li:nth-child(n + 4)::before {
  height: 429px;
}
.concern-grid li > * {
  position: relative;
  z-index: 1;
}
.concern-grid .num,
.feature-grid .num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: 0 auto 24px;
  border-radius: 50%;
  background: #ff792a;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.concern-grid .num.dark,
.feature-grid .num.dark {
  background: #4d433d;
}
.concern-photo {
  display: block;
  width: 140px;
  height: 140px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background-image: url("../img/sub0201_07.png");
  background-repeat: no-repeat;
  background-size: 1240px 932px;
}
.concern-grid li:nth-child(1) .concern-photo {
  background-position: -123px -75px;
}
.concern-grid li:nth-child(2) .concern-photo {
  background-position: -550px -75px;
}
.concern-grid li:nth-child(3) .concern-photo {
  background-position: -977px -75px;
}
.concern-grid li:nth-child(4) .concern-photo {
  background-position: -123px -553px;
}
.concern-grid li:nth-child(5) .concern-photo {
  background-position: -550px -553px;
}
.concern-grid li:nth-child(6) .concern-photo {
  background-position: -977px -553px;
}
.concern-grid h3 {
  color: #765039;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: -1.5px;
  text-align: center;
}
.concern-grid p {
  margin-top: 3px;
  color: #111;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: -0.8px;
  text-align: center;
}
.concern-grid .answer {
  margin-top: 12px;
  color: #ff792a;
  font-size: 17px;
  line-height: 30px;
  letter-spacing: -0.8px;
  text-align: center;
}
.concern-grid .answer b {
  display: block;
  font-weight: 600;
}

#sub0201_content4 .sub0201_08 {
  padding-top: 115px;
  text-align: center;
}
.sub0201_08 span {
  display: block;
  color: #fff;
  font-size: 29px;
  font-weight: 500;
  line-height: 39px;
}
.sub0201_08 strong {
  display: block;
  margin-top: 8px;
  color: #ff792a;
  font-size: 55px;
  font-weight: 700;
  line-height: 62px;
}
.why-hobak {
  display: flex;
  width: 1237px;
  height: 789px;
  margin-top: 55px;
  padding: 0;
  text-align: left;
}
.why-hobak-map {
  flex: 0 0 540px;
  height: 789px;
  background: url("../img/sub0201_09.png") no-repeat left top;
  background-size: 1237px 789px;
}
.why-hobak-copy {
  flex: 1;
  height: 789px;
  box-sizing: border-box;
  background: #171513;
  color: #fff;
}
.why-hobak-copy > h3 {
  height: 90px;
  margin: 0;
  color: #ff792a;
  font-size: 31px;
  font-weight: 700;
  line-height: 90px;
  text-align: center;
}
.why-hobak-copy ol {
  padding: 31px 50px 0 52px;
}
.why-hobak-copy li {
  display: flex;
  margin-bottom: 27px;
}
.why-hobak-copy li > b {
  width: 53px;
  color: #5c5c5c;
  font-size: 68px;
  font-weight: 400;
  line-height: 1;
}
.why-hobak-copy li div {
  flex: 1;
  padding-top: 1px;
}
.why-hobak-copy h4 {
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 35px;
  letter-spacing: -1.4px;
}
.why-hobak-copy p {
  margin-top: 10px;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.7px;
}
.why-hobak-copy em {
  color: #ff792a;
  font-weight: 600;
}

#sub0201_content5 .sub0201_10 {
  padding-top: 115px;
}
#sub0201_content5 .sub0201_11 {
  padding-top: 0;
  margin-top: 30px;
  color: #111;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
}
.sub0201_11 strong {
  color: #ff792a;
  font-weight: 600;
}
.implant-steps {
  margin-top: 56px;
}
.implant-step {
  display: flex;
  width: 1240px;
  height: 285px;
  padding: 0;
  overflow: hidden;
  background: #fff;
  text-align: left;
}
.implant-step + .implant-step {
  height: 248px;
  margin-top: 30px;
}
.implant-step:first-child,
.implant-step:last-child {
  border-radius: 0 0 30px 0;
}
.implant-step.reverse {
  border-radius: 30px 0 0 0;
}
.implant-step-copy,
.implant-step-media {
  width: 620px;
  flex: 0 0 620px;
  height: 100%;
  box-sizing: border-box;
}
.implant-step-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 59px;
}
.implant-step-copy h3 {
  color: #111;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: -1.5px;
}
.implant-step-copy p {
  margin-top: 14px;
  color: #666;
  font-size: 17px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: -0.8px;
  white-space: nowrap;
}
.implant-step-media {
  background-repeat: no-repeat;
}
.sub0201_12 .implant-step-media {
  background-image: url("../img/sub0201_12.png");
  background-position: right center;
  background-size: 1240px 285px;
}
.sub0201_13 .implant-step-media {
  background-image: url("../img/sub0201_13.png");
  background-position: left center;
  background-size: 1240px 248px;
}
.sub0201_14 .implant-step-media {
  background-image: url("../img/sub0201_14.png");
  background-position: right center;
  background-size: 1240px 248px;
}

#sub0201_content6 .sub0201_15 {
  padding-top: 112px;
  text-align: center;
}
.sub0201_15 span {
  display: block;
  color: #ff792a;
  font-size: 47px;
  font-weight: 700;
  line-height: 57px;
  letter-spacing: -3px;
}
.sub0201_15 strong {
  display: block;
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  line-height: 51px;
  letter-spacing: -2.5px;
}
#sub0201_content6 .sub0201_16 {
  padding-top: 0;
  margin-top: 25px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
}
.sub0201_16 strong {
  color: #ff792a;
  font-weight: 600;
}
#sub0201_content6 .sub0201_17 {
  padding-top: 0;
  margin-top: 55px;
  font-size: 0;
  text-align: center;
}

#sub0201_content7 .sub0201_18 {
  padding-top: 115px;
}
/* TO-BE (main_2.css) */
/* 임플란트 특징 전체 그리드 */
.feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 280px); /* 카드 너비를 280px로 고정 */
  justify-content: space-between; /* 1240px 안에서 카드 사이 간격 자동 균등 분배 */
  width: 1240px;
  margin-top: 65px; /* 배지가 튀어나갈 상단 여백 확보 */
  padding: 0;
  text-align: center;
}

/* 흰색 바탕의 둥근 카드 모양 생성 */
.feature-grid li {
  position: relative;
  background-color: #ffffff; /* 흰색 카드 배경 */
  border-radius: 25px; /* 이미지처럼 모서리를 부드럽게 둥글게 */
  padding: 55px 20px 40px; /* 상단 배지 높이를 고려한 넉넉한 내부 여백 */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); /* 고급스러운 은은한 그림자 추가 */
}

/* 카드 위로 반쯤 걸쳐진 숫자 배지 */
.feature-grid .num {
  position: absolute; /* 일반 흐름에서 빼서 카드 밖으로 띄움 */
  top: -25px; /* 위로 딱 절반(25px)만 걸치도록 설정 */
  left: 50%;
  transform: translateX(-50%); /* 정확히 한가운데 정렬 */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: 0;
  border-radius: 50%;
  background: #ff792a;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  z-index: 2;
}

/* 01번, 03번 진갈색 배지 색상 유지 */
.feature-grid .num.dark {
  background: #4d433d;
}

/* 아이콘 이미지 영역 */
.feature-icon {
  display: block;
  width: 140px;
  height: 140px;
  margin: 0 auto 20px; /* 아이콘과 제목 사이 여백 최적화 */
  border-radius: 50%;
  background-image: url("../img/sub0201_19.png");
  background-repeat: no-repeat;
  background-size: 1240px 398px;
}
.feature-grid li:nth-child(1) .feature-icon {
  background-position: -70px -65px;
}
.feature-grid li:nth-child(2) .feature-icon {
  background-position: -390px -65px;
}
.feature-grid li:nth-child(3) .feature-icon {
  background-position: -710px -65px;
}
.feature-grid li:nth-child(4) .feature-icon {
  background-position: -1030px -65px;
}

/* 제목 폰트 및 여백 */
.feature-grid h3 {
  color: #111;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 15px; /* 제목과 설명 사이 여백 */
  word-break: keep-all; /* 단어 깨짐 방지 */
}

/* 하단 설명 텍스트 */
.feature-grid p {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.8px;
  word-break: keep-all;
  margin: 0;
}

#sub0201_content8 .sub0201_20 {
  padding-top: 112px;
  text-align: center;
}
.sub0201_20 span {
  display: block;
  color: #fff;
  font-size: 32px;
  font-weight: 500;
  line-height: 42px;
}
.sub0201_20 strong {
  display: block;
  margin-top: 5px;
  color: #ff792a;
  font-size: 51px;
  font-weight: 700;
  line-height: 61px;
  letter-spacing: -2.5px;
}
#sub0201_content8 .sub0201_21 {
  padding-top: 0;
  margin-top: 52px;
  font-size: 0;
  text-align: center;
}
#sub0201_content8 .sub0201_22 {
  padding-top: 0;
  margin-top: 45px;
  color: #ff792a;
  font-size: 19px;
  font-weight: 600;
  line-height: 31px;
  text-align: center;
}
.sub0201_22 strong {
  font-size: 21px;
}

#sub0201_content9 .sub0201_23 {
  padding-top: 115px;
  color: #111;
  font-size: 45px;
  font-weight: 700;
  line-height: 54px;
  letter-spacing: -2.5px;
  text-align: center;
}
.sub0201_23 em {
  color: #ff792a;
}
#sub0201_content9 .sub0201_24 {
  padding-top: 0;
  margin-top: 25px;
  color: #111;
  font-size: 19px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
}
.risk-list {
  display: flex;
  width: 1240px;
  height: 165px;
  margin-top: 55px;
  padding: 0;
}
.risk-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 165px;
  height: 165px;
  flex: 0 0 165px;
  border-radius: 50%;
  background: #4d433d;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: -1px;
  text-align: center;
}
.risk-list li:first-child {
  border-radius: 50%;
  background: #ff792a;
}
.risk-list li:nth-child(odd):not(:first-child) {
  background: #ff792a;
}
.risk-list li + li {
  margin-left: 14px;
}

#sub0201_content10 .sub0201_26 {
  padding-top: 0;
  margin-top: 0;
}
.allonx-intro {
  display: flex;
  align-items: center;
  width: 1237px;
  height: 236px;
  box-sizing: border-box;
  padding-top: 140px;
  color: #fff;
  text-align: left;
}
.allonx-intro h2 {
  width: 560px;
  color: #fff;
  font-size: 50px;
  font-weight: 100 !important;
  line-height: 68px;
  letter-spacing: -2px;
}
.allonx-intro h2 strong {
  color: #ff792a;
  font-weight: 700;
}
.allonx-intro p {
  width: 677px;
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
}
.allonx-intro p em {
  color: #ff792a;
}
#sub0201_content10 .sub0201_27 {
  padding-top: 0;
  margin-top: 275px;
  color: #efdbc3;
  font-size: 29px;
  font-weight: 400;
  line-height: 39px;
  text-align: center;
}
#sub0201_content10 .sub0201_28 {
  display: table;
  margin: 55px auto 0 auto;
  padding: 4px 15px;
  background-color: #f2f2f2;
  color: #3f3f3f;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
}
#sub0201_content10 .sub0201_29 {
  padding-top: 0;
  margin-top: 7px;
  color: #fff;
  font-size: 19px;
  font-weight: 500;
  line-height: 25px;
  text-align: center;
}

#sub0201_content11 .sub0201_30 {
  padding-top: 112px;
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  line-height: 41px;
  text-align: center;
}
#sub0201_content11 .sub0201_31 {
  padding-top: 0;
  margin-top: 25px;
  color: #fff;
  font-size: 21px;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
}

#sub0201_content12 .sub0201_32 {
  padding-top: 112px;
  color: #111;
  font-size: 46px;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -2.5px;
  text-align: center;
}
.sub0201_32 em {
  color: #ff792a;
}
.lifetime-grid {
  display: grid;
  grid-template-columns: repeat(4, 280px);
  column-gap: 40px;
  width: 1240px;
  height: 355px;
  margin-top: 55px;
  padding: 0;
}
.lifetime-grid li {
  position: relative;
  height: 355px;
  background: #4d433d;
  color: #fff;
  text-align: center;
}
.lifetime-photo {
  display: block;
  width: 280px;
  height: 190px;
  background-image: url("../img/sub0201_33.png");
  background-repeat: no-repeat;
  background-size: 1240px 355px;
}
.lifetime-grid li:nth-child(1) .lifetime-photo {
  background-position: 0 0;
}
.lifetime-grid li:nth-child(2) .lifetime-photo {
  background-position: -320px 0;
}
.lifetime-grid li:nth-child(3) .lifetime-photo {
  background-position: -640px 0;
}
.lifetime-grid li:nth-child(4) .lifetime-photo {
  background-position: -960px 0;
}
.lifetime-grid li > b {
  display: block;
  margin-top: 22px;
  color: #b8aaa1;
  font-size: 23px;
  line-height: 28px;
}
.lifetime-grid h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}
.lifetime-grid p {
  margin-top: 7px;
  color: #eddfd5;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

#sub0201_content14 .sub0201_34 {
  padding-top: 112px;
  text-align: center;
}
.sub0201_34 span {
  display: block;
  color: #111;
  font-size: 41px;
  font-weight: 700;
  line-height: 50px;
}
.sub0201_34 strong {
  display: block;
  margin-top: 4px;
  color: #ff792a;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -2.5px;
}
#sub0201_content14 .sub0201_35 {
  display: table;
  margin: 48px auto 0 auto;
  padding: 0 10px;
  color: #111;
  font-size: 29px;
  font-weight: 400;
  line-height: 39px;
  text-align: center;
  background: linear-gradient(to top, #ffffff 45%, transparent 45%);
}
#sub0201_content14 .sub0201_36 {
  padding-top: 0;
  margin-top: 32px;
  color: #111;
  font-size: 19px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
}
.custom-abutment {
  display: flex;
  width: 1140px;
  margin: 55px auto 0;
  padding: 0;
  text-align: left;
  align-items: center;
  justify-content: space-between;
}
.custom-abutment-media {
  width: 400px;
  height: 350px;
  flex: 0 0 400px;
  background: url("../img/sub0201_37.png") no-repeat left center;
  background-size: 1140px 350px;
}
.custom-abutment > div:last-child {
  position: relative;
  box-sizing: border-box;
  padding: 50px 60px;
  background: #fdf8ed;
  border-radius: 20px;
  width: 700px;
}
.custom-abutment > div:last-child::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 20px solid #fdf8ed;
}
.custom-abutment h3 {
  color: #634a38;
  font-size: 39px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -2px;
}
.custom-abutment ol {
  margin-top: 20px;
  counter-reset: abutment;
}
.custom-abutment li {
  position: relative;
  margin-bottom: 14px;
  padding-left: 48px;
  color: #111;
  font-size: 18px;
  line-height: 29px;
  counter-increment: abutment;
}
.custom-abutment li::before {
  content: counter(abutment);
  position: absolute;
  left: 0;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #634a38;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.custom-abutment li strong {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

#sub0201_content15 .sub0201_38 {
  padding-top: 112px;
  color: #111;
  font-size: 46px;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -2.5px;
  text-align: center;
}
.sub0201_38 em {
  color: #ff792a;
}
#sub0201_content15 .sub0201_39 {
  padding-top: 0;
  margin-top: 31px;
  color: #111;
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;
  text-align: center;
}
.abutment-table {
  width: 1240px;
  height: 658px;
  margin-top: 55px;
  border-collapse: collapse;
  table-layout: fixed;
  color: #111;
  font-size: 22px;
  text-align: center;
}
.abutment-table th,
.abutment-table td {
  padding: 0;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  text-align: center;
  vertical-align: middle;
}
.abutment-table thead th {
  height: 78px;
  background: #4d433d;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
.abutment-table thead th:first-child {
  width: 520px;
}
.abutment-table thead th:nth-child(2) {
  width: 200px;
  background: #a68770;
  font-size: 30px;
}
.abutment-table thead th:last-child {
  width: 520px;
  background: #ff792a;
}
.abutment-table tbody tr {
  height: 96px;
}
.abutment-table tbody td:first-child {
  background: #eee;
}
.abutment-table tbody th {
  background: #d8d8d8;
  font-size: 22px;
  font-weight: 700;
}
.abutment-table tbody td:last-child {
  background: #f9e4ca;
}

#sub0201_content16 .sub0201_41 {
  padding-top: 112px;
  color: #111;
  font-size: 46px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -2.5px;
  text-align: center;
}
.sub0201_41 em {
  color: #ff792a;
}
.special-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 335px);
  width: 1240px;
  height: 705px;
  margin-top: 55px;
  padding: 0;
  row-gap: 35px;
  text-align: center;
}
.special-grid li {
  position: relative;
}
.special-grid li > b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: 0 auto 15px;
  border-radius: 50%;
  background: #ff792a;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.special-grid li > b.dark {
  background: #4d433d;
}
.special-icon {
  display: block;
  width: 140px;
  height: 140px;
  margin: 0 auto 11px;
  border-radius: 50%;
  background-image: url("../img/sub0201_42.png");
  background-repeat: no-repeat;
  background-size: 1240px 705px;
}
.special-grid li:nth-child(1) .special-icon {
  background-position: -123px -65px;
}
.special-grid li:nth-child(2) .special-icon {
  background-position: -550px -65px;
}
.special-grid li:nth-child(3) .special-icon {
  background-position: -977px -65px;
}
.special-grid li:nth-child(4) .special-icon {
  background-position: -123px -435px;
}
.special-grid li:nth-child(5) .special-icon {
  background-position: -550px -435px;
}
.special-grid li:nth-child(6) .special-icon {
  background-position: -977px -435px;
}
.special-grid h3 {
    text-align: center;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}
.special-grid p {
    text-align: center;
  margin-top: 8px;
  color: #666;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

#sub0201_content17 .sub0201_43 {
  padding-top: 112px;
  text-align: center;
}
.sub0201_43 span {
  display: block;
  color: #fff;
  font-size: 43px;
  font-weight: 700;
  line-height: 52px;
}
.sub0201_43 strong {
  display: block;
  color: #ff792a;
  font-size: 44px;
  font-weight: 700;
  line-height: 55px;
  letter-spacing: -2.5px;
}
.treatment-grid {
  display: grid;
  grid-template-columns: repeat(4, 280px);
  grid-template-rows: repeat(2, 376px);
  gap: 40px;
  width: 1240px;
  height: 792px;
  margin-top: 55px;
  padding: 0;
}
.treatment-grid li {
  position: relative;
  height: 376px;
  background: #4d433d;
  color: #fff;
  text-align: center;
}
.treatment-photo {
  display: block;
  width: 280px;
  height: 190px;
  background-image: url("../img/sub0201_44.png");
  background-repeat: no-repeat;
  background-size: 1240px 792px;
}
.treatment-grid li:nth-child(1) .treatment-photo {
  background-position: 0 0;
}
.treatment-grid li:nth-child(2) .treatment-photo {
  background-position: -320px 0;
}
.treatment-grid li:nth-child(3) .treatment-photo {
  background-position: -640px 0;
}
.treatment-grid li:nth-child(4) .treatment-photo {
  background-position: -960px 0;
}
.treatment-grid li:nth-child(5) .treatment-photo {
  background-position: 0 -416px;
}
.treatment-grid li:nth-child(6) .treatment-photo {
  background-position: -320px -416px;
}
.treatment-grid li:nth-child(7) .treatment-photo {
  background-position: -640px -416px;
}
.treatment-grid li:nth-child(8) .treatment-photo {
  background-position: -960px -416px;
}
.treatment-grid li > b {
  display: block;
  margin-top: 16px;
  color: #b8aaa1;
  font-size: 21px;
  font-weight: 700;
  line-height: 26px;
}
.treatment-grid h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}
.treatment-grid p {
  margin-top: 7px;
  color: #eddfd5;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}
.treatment-grid p strong {
  color: #fff;
  font-weight: 700;
}

#sub0201_content18 .sub0201_45 {
  padding-top: 112px;
  text-align: center;
}
.sub0201_45 span {
  display: block;
  color: #111;
  font-size: 36px;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: -2px;
}
.sub0201_45 strong {
  display: block;
  margin-top: 9px;
  color: #ff792a;
  font-size: 50px;
  font-weight: 700;
  line-height: 61px;
  letter-spacing: -2.5px;
}
.trust-points {
  display: grid;
  grid-template-columns: repeat(4, 280px);
  column-gap: 40px;
  width: 1240px;
  height: 280px;
  margin-top: 55px;
  padding: 0;
}
.trust-points li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 280px;
  border-radius: 50%;
  background: #4d433d;
  color: #fff;
  text-align: center;
}
.trust-points li:nth-child(odd) {
  background: #ff792a;
}
.trust-points li:first-child {
  border-radius: 50%;
}
.trust-points strong {
  font-size: 25px;
  font-weight: 700;
  line-height: 31px;
}
.trust-points span {
  margin-top: 9px;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
}
.trust-line {
  width: 50px;
  height: 225px;
  margin: 28px auto 0;
  padding: 0;
  background: url("../img/sub0201_47.png") no-repeat center top;
}
#sub0201_content18 .sub0201_48 {
  padding-top: 0;
  margin-top: 20px;
  color: #111;
  font-size: 34px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: -2px;
  text-align: center;
}

#sub0201_content19 .sub0201_49 {
  padding-top: 112px;
  color: #fff;
  font-size: 46px;
  font-weight: 700;
  line-height: 58px;
  text-align: center;
}
.implant-side-effects {
  margin-top: 55px;
}
.side-effect {
  display: flex;
  width: 1240px;
  padding: 0;
  overflow: hidden;
  background: #fff;
  text-align: left;
}
.side-effect + .side-effect {
  margin-top: 40px;
}
.side-effect:nth-child(1) {
  height: 333px;
  border-radius: 0 0 30px 0;
}
.side-effect:nth-child(2) {
  height: 243px;
  border-radius: 30px 0 0 0;
}
.side-effect:nth-child(3) {
  height: 303px;
  border-radius: 0 0 30px 0;
}
.side-effect:nth-child(4) {
  height: 363px;
  border-radius: 30px 0 0 0;
}
.side-effect-copy,
.side-effect-media {
  width: 620px;
  height: 100%;
  flex: 0 0 620px;
  box-sizing: border-box;
}
.side-effect-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 59px;
}
.side-effect-copy h3 {
  color: #111;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -1.4px;
}
.side-effect-copy p {
  margin-top: 10px;
  color: #111;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.9px;
  white-space: nowrap;
}
.side-effect-copy em {
  color: #ff792a;
  font-weight: 600;
}
.side-effect-media {
  background-repeat: no-repeat;
}
.sub0201_50 .side-effect-media {
  background-image: url("../img/sub0201_50.png");
  background-position: right center;
  background-size: 1240px 333px;
}
.sub0201_51 .side-effect-media {
  background-image: url("../img/sub0201_51.png");
  background-position: left center;
  background-size: 1240px 243px;
}
.sub0201_53 .side-effect-media {
  background-image: url("../img/sub0201_53.png");
  background-position: right center;
  background-size: 1240px 303px;
}
.sub0201_54 .side-effect-media {
  background-image: url("../img/sub0201_54.png");
  background-position: left center;
  background-size: 1240px 363px;
}

#sub0201_content20 .sub0201_55 {
  padding-top: 112px;
  text-align: center;
}
.sub0201_55 span {
  display: block;
  color: #111;
  font-size: 37px;
  font-weight: 500;
  line-height: 46px;
  letter-spacing: -2px;
}
.sub0201_55 strong {
  display: block;
  margin-top: 5px;
  color: #ff792a;
  font-size: 45px;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -2.5px;
}
.implant-core {
  position: relative;
  width: 1240px;
  height: 630px;
  margin-top: 55px;
  padding: 0;
}
.implant-core-visual {
  position: absolute;
  inset: 0;
  background: url("../img/sub0201_57.png") no-repeat center top;
  background-size: 1240px 630px;
}
.core-point {
  position: absolute;
  z-index: 2;
  width: 340px;
  height: 250px;
  background-color: #ffffff;
  text-align: center;
}
.core-point h3 {
  height: 60px;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 60px;
}
.core-point p {
  margin-top: 34px;
  color: #111;
  font-size: 19px;
  font-weight: 500;
  line-height: 30px;
}
.core-point p em {
  color: #ff792a;
  font-weight: 600;
}
.core-point.p1 {
  top: 0;
  left: 0;
}
.core-point.p1 h3,
.core-point.p4 h3 {
  background: #ff792a;
}
.core-point.p2 {
  top: 0;
  right: 0;
}
.core-point.p2 h3,
.core-point.p3 h3 {
  background: #4d433d;
}
.core-point.p3 {
  top: 380px;
  left: 0;
}
.core-point.p4 {
  top: 380px;
  right: 0;
}
.core-point.p3 p,
.core-point.p4 p {
  margin-top: 34px;
}

/* 기존 이미지용 패딩보다 변환 레이아웃 값을 우선 적용 */
.sub0201-page .sub0201_02,
.sub0201-page .sub0201_07,
.sub0201-page .sub0201_09,
.sub0201-page .sub0201_12,
.sub0201-page .sub0201_13,
.sub0201-page .sub0201_14,
.sub0201-page .sub0201_19,
.sub0201-page .sub0201_25,
.sub0201-page .sub0201_26,
.sub0201-page .sub0201_33,
.sub0201-page .sub0201_37,
.sub0201-page .sub0201_40,
.sub0201-page .sub0201_42,
.sub0201-page .sub0201_44,
.sub0201-page .sub0201_46,
.sub0201-page .sub0201_50,
.sub0201-page .sub0201_51,
.sub0201-page .sub0201_53,
.sub0201-page .sub0201_54,
.sub0201-page .sub0201_56 {
  padding-top: 0;
  text-align: inherit;
}
.allonx-intro {
  height: 236px;
  margin-top: 140px;
  padding-top: 0;
}
.anatomy-half--implant {
  overflow: visible;
}
.concern-grid h3 {
  font-family: "Nanum Myeongjo", "Batang", "Noto Serif KR", serif;
}

/* =========================================================
   sub0202.php - 이미지 문구 HTML 텍스트 전환
   ========================================================= */
.sub0202-hero {
  box-sizing: border-box;
  color: #fff;
}
.sub0202-hero .sub0202_box_right_txt1 {
  margin: 0;
  padding-top: 98px;
  color: #ff792a;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -1.2px;
}
.sub0202-hero .sub0202_box_right_txt2 {
  margin: 15px 0 0;
  padding: 0;
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -3px;
}
.sub0202-hero .sub0202_box_right_txt2 span {
  display: block;
}

.sub0202-page h2,
.sub0202-page h3,
.sub0202-page p,
.sub0202-page ol,
.sub0202-page dl,
.sub0202-page dd,
.sub0202-page figure {
  margin: 0;
  padding-left: 0;
}
.sub0202-page ol {
  list-style: none;
}
.sub0202-page em {
  color: #ff792a;
  font-style: normal;
}
.sub0202-page strong {
  font-weight: 700;
}
.sub0202-page .section-title {
  margin: 0;
  padding-top: 120px;
  color: #0c0c0c;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -3px;
  text-align: center;
}
.sub0202-page .section-title.light {
  color: #fff;
}
.sub0202-page .section-lead {
  margin-top: 25px;
  color: #181818;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -1.2px;
  text-align: center;
}
.sub0202-page .section-lead strong {
  color: #ff792a;
}

.sub0202-page #sub0202_content,
.sub0202-page #sub0202_content2,
.sub0202-page #sub0202_content3,
.sub0202-page #sub0202_content4,
.sub0202-page #sub0202_content5,
.sub0202-page #sub0202_content6,
.sub0202-page #sub0202_content7,
.sub0202-page #sub0202_content8,
.sub0202-page #sub0202_content9,
.sub0202-page #sub0202_content10,
.sub0202-page #sub0202_content11 {
  width: 100%;
  min-width: 0;
}
.sub0202-page .sub0202_01,
.sub0202-page .sub0202_02,
.sub0202-page .sub0202_03,
.sub0202-page .sub0202_04,
.sub0202-page .sub0202_05,
.sub0202-page .sub0202_06,
.sub0202-page .sub0202_07,
.sub0202-page .sub0202_08,
.sub0202-page .sub0202_09,
.sub0202-page .sub0202_10,
.sub0202-page .sub0202_11,
.sub0202-page .sub0202_12,
.sub0202-page .sub0202_13,
.sub0202-page .sub0202_14,
.sub0202-page .sub0202_15,
.sub0202-page .sub0202_16,
.sub0202-page .sub0202_17,
.sub0202-page .sub0202_18,
.sub0202-page .sub0202_19,
.sub0202-page .sub0202_20,
.sub0202-page .sub0202_21,
.sub0202-page .sub0202_22,
.sub0202-page .sub0202_23,
.sub0202-page .sub0202_24,
.sub0202-page .sub0202_25,
.sub0202-page .sub0202_26,
.sub0202-page .sub0202_27 {
  padding-top: 0;
}

.digital-intro {
  display: flex;
  width: 1240px;
  height: 373px;
  margin-top: 55px;
  background: #fff;
  text-align: left;
}
.digital-intro-media,
.digital-intro-copy {
  width: 620px;
  height: 373px;
  flex: 0 0 620px;
}
.digital-intro-media {
  background: url("../img/sub0202_03.png") no-repeat 0 0;
}
.digital-intro-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  padding-left: 59px;
  color: #111;
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -1.2px;
}
.digital-intro-copy p + p {
  margin-top: 20px;
}
.digital-intro-copy strong {
  color: #ff792a;
}

.advantage-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 1240px;
  margin-top: 80px;
  text-align: center;
}
.advantage-grid li {
  position: relative;
  width: 270px;
  min-height: 385px;
  justify-self: center;
  box-sizing: border-box;
  padding: 0 10px 20px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
}
.advantage-grid li > b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: -22px auto 18px;
  border: 4px solid #fff;
  border-radius: 50%;
  background: #4c413a;
  color: #fff;
  font-size: 18px;
  box-sizing: border-box;
}
.advantage-grid li:nth-child(even) > b {
  background: #ff792a;
}
.advantage-icon {
  display: block;
  width: 120px;
  height: 124px;
  margin: 0 auto 12px;
  background-image: url("../img/sub0202_06.png");
  background-repeat: no-repeat;
  background-size: 1240px 405px;
}
.advantage-grid li:nth-child(1) .advantage-icon { background-position: -80px -75px; }
.advantage-grid li:nth-child(2) .advantage-icon { background-position: -400px -75px; }
.advantage-grid li:nth-child(3) .advantage-icon { background-position: -720px -75px; }
.advantage-grid li:nth-child(4) .advantage-icon { background-position: -1040px -75px; }
.advantage-grid h3 {
  min-height: 55px;
  font-size: 21px;
  line-height: 1.25;
  letter-spacing: -1px;
}
.advantage-grid p {
  margin-top: 10px;
  color: #666;
  font-size: 15px;
  line-height: 1.55;
  letter-spacing: -0.7px;
}
.advantage-grid p strong {
  color: #ff792a;
}

.comparison-board {
  display: grid;
  grid-template-columns: 520px 200px 520px;
  width: 1240px;
  height: 861px;
  margin-top: 55px;
  text-align: center;
}
.comparison-column {
  box-sizing: border-box;
  padding-top: 0;
}
.comparison-column.normal {
  background: #eee;
  color: #111;
}
.comparison-column.digital {
  background: #ff721b;
  color: #fff;
}
.comparison-column > h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 156px;
  box-sizing: border-box;
  border-bottom: 2px solid rgba(255, 255, 255, 0.9);
  font-size: 30px;
  line-height: 1.25;
  letter-spacing: -1.5px;
}
.comparison-column dl > div,
.comparison-labels > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 141px;
  box-sizing: border-box;
  border-bottom: 2px solid rgba(255, 255, 255, 0.9);
}
.comparison-column dl > div:last-child,
.comparison-labels > div:last-child {
  border-bottom: 0;
}
.comparison-column dt {
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
}
.comparison-column dd {
  font-size: 18px;
  line-height: 1.45;
  letter-spacing: -0.8px;
}
.comparison-labels {
  padding-top: 0 !important;
  background: #4a4039;
  color: #fff;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.15;
}
.comparison-labels .comparison-vs {
  height: 156px;
  font-size: 38px;
  line-height: 1;
}

.sub0202-page .feature-flow {
  width: 560px;
  margin: 50px auto 0;
}
.feature-flow li {
  display: flex;
  align-items: center;
  height: 173px;
}
.feature-flow li > b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 142px;
  height: 142px;
  flex: 0 0 142px;
  border: 10px solid #fff;
  border-radius: 50%;
  box-shadow: -9px 10px 0 #090909, 0 3px 8px rgba(0,0,0,.25);
  background: #ff721b;
  color: #fff;
  font-size: 52px;
  box-sizing: border-box;
}
.feature-flow li:nth-child(even) > b {
  background: #6b584b;
}
.feature-flow li > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 446px;
  height: 132px;
  margin-left: -28px;
  padding-left: 70px;
  border-radius: 66px 15px 15px 66px;
  background: rgba(255, 255, 255, 0.94);
  box-sizing: border-box;
  text-align: center;
}
.feature-flow h3 {
  color: #151515;
  font-size: 25px;
  line-height: 1.2;
}
.feature-flow span {
  display: block;
  color: #151515;
  font-size: 20px;
  line-height: 25px;
}
.feature-flow p {
  color: #ff792a;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.statement-title {
  padding-top: 112px !important;
  color: #fff;
  text-align: center;
}
.statement-title span,
.statement-title strong {
  display: block;
}
.statement-title span {
  font-family: "Nanum Myeongjo", "Batang", serif;
  font-size: 34px;
  font-weight: 400;
}
.statement-title strong {
  margin-top: 4px;
  color: #f4dfbb;
  font-size: 50px;
  letter-spacing: -3px;
}
.digital-equipment {
  width: 825px;
  height: 339px;
  margin: 45px auto 0;
  background: url("../img/sub0202_12.png") no-repeat center;
}

.process-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 64px 80px;
  width: 1240px;
  margin-top: 72px;
}
.process-grid li {
  position: relative;
  grid-column: span 2;
  width: 360px;
  height: 397px;
  background: #4a4038;
  color: #fff;
  text-align: center;
}
.process-grid li:nth-child(1)::after,
.process-grid li:nth-child(2)::after,
.process-grid li:nth-child(4)::after {
  content: "→";
  position: absolute;
  z-index: 3;
  top: 176px;
  right: -62px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ff792a;
  color: #fff;
  font-size: 25px;
  font-weight: 400;
}
.process-grid li:nth-child(4) { grid-column: 2 / span 2; }
.process-grid li:nth-child(5) { grid-column: 4 / span 2; }
.process-photo {
  display: block;
  width: 360px;
  height: 181px;
  background-image: url("../img/sub0202_15.png");
  background-repeat: no-repeat;
  background-size: 1240px 907px;
}
.process-grid li:nth-child(1) .process-photo { background-position: 0 -60px; }
.process-grid li:nth-child(2) .process-photo { background-position: -440px -60px; }
.process-grid li:nth-child(3) .process-photo { background-position: -880px -60px; }
.process-grid li:nth-child(4) .process-photo { background-position: -219px -563px; }
.process-grid li:nth-child(5) .process-photo { background-position: -659px -563px; }
.process-grid li > div {
  position: relative;
  height: 216px;
  box-sizing: border-box;
  padding: 27px 12px 10px;
}
.process-grid li > div > b {
  position: absolute;
  top: -211px;
  left: 0;
  width: 100%;
  color: #ff792a;
  font-size: 24px;
  background: #ffffff;
  height:40px;
}
.process-grid h3 {
  font-size: 22px;
  line-height: 1.25;
  letter-spacing: -1px;
}
.process-grid p {
  margin-top: 10px;
  color: #e5ddd6;
  font-size: 15px;
  line-height: 1.45;
  letter-spacing: -0.7px;
}
.process-grid small {
  display: block;
  margin-top: 5px;
  color: #cfc7c0;
  font-size: 11px;
  line-height: 1.35;
}

.visit-comparison {
  width: 1240px;
  margin-top: 42px;
}
.visit-summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 105px;
  height: 360px;
}
.visit-summary article {
  width: 300px;
  height: 300px;
  box-sizing: border-box;
  padding: 62px 42px 30px;
  border-radius: 50%;
  background: #342b26;
  color: #fff;
}
.visit-summary article:last-child { background: #ff6400; }
.visit-summary h3 {
  margin-bottom: 25px;
  font-size: 23px;
  text-align: center;
}
.visit-summary dl > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}
.visit-summary dt { font-size: 18px; }
.visit-summary dd { color: #ffe5b7; font-size: 28px; }
.visit-summary > b { color: #fff; font-size: 45px; }
.visit-comparison table {
  width: 1240px;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
  color: #111;
  text-align: center;
}
.visit-comparison th,
.visit-comparison td {
  height: 80px;
  padding: 4px;
  border: 1px solid #eee;
  font-size: 18px;
  line-height: 1.3;
}
.visit-comparison thead th { background: #ead6b8; font-size: 20px; font-weight: 500; }
.visit-comparison thead th:first-child,
.visit-comparison tbody th { width: 210px; }
.visit-comparison tbody th { background: #4a4038; color: #fff; font-size: 22px; }
.visit-comparison tbody tr:last-child { outline: 2px solid #ff792a; outline-offset: -2px; }
.visit-comparison tbody tr:last-child th { background: #ff792a; }
.visit-comparison td.empty { color: #ff792a; font-size: 50px; font-weight: 200; }
.visit-comparison td strong { color: #ff792a; }

.accuracy-figure {
  width: 760px;
  height: 440px;
  margin: 55px auto 0 !important;
  background: #333;
  color: #fff;
  text-align: center;
}
.accuracy-figure .top {
  height: 80px;
  background: #ff792a;
  font-size: 27px;
  font-weight: 700;
  line-height: 80px;
}
.accuracy-photo {
  display: block;
  width: 760px;
  height: 310px;
  background: url("../img/sub0202_19.png") no-repeat 0 -80px;
}
.accuracy-figure .bottom {
  height: 50px;
  margin-top: -50px;
  background: rgba(35,35,35,.9);
  font-size: 21px;
  font-weight: 700;
  line-height: 50px;
}

.recommendation-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 36px;
  width: 1240px;
  margin-top: 55px;
}
.recommendation-grid article {
  position: relative;
  flex: 0 0 auto;
  height: 343px;
  overflow: hidden;
  color: #fff;
  text-align: center;
}
.recommendation-grid article:nth-child(1) { width: 388px; }
.recommendation-grid article:nth-child(2) { width: 390px; }
.recommendation-grid article:nth-child(3) { width: 388px; }
.recommendation-grid article:nth-child(4),
.recommendation-grid article:nth-child(5) {
  height: 368px;
}
.recommendation-grid article:nth-child(4) {
  width: 601px;
}
.recommendation-grid article:nth-child(5) {
  width: 602px;
}
.recommend-photo {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 200px;
  background-image: url("../img/sub0202_21.png");
  background-repeat: no-repeat;
  background-size: 1240px 783px;
}
.recommendation-grid article:nth-child(1) .recommend-photo { background-position: 0 0; }
.recommendation-grid article:nth-child(2) .recommend-photo { background-position: -425px 0; }
.recommendation-grid article:nth-child(3) .recommend-photo { background-position: -852px 0; }
.recommendation-grid article:nth-child(4) .recommend-photo { background-position: 0 -380px; }
.recommendation-grid article:nth-child(5) .recommend-photo { background-position: -638px -380px; }
.recommend-copy {
  position: absolute;
  top: 200px;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 15px;
  background: #4a4038;
  box-sizing: border-box;
}
.recommendation-grid h3 {
  font-size: 22px;
  line-height: 1.05;
}
.recommendation-grid p {
  margin-top: 10px;
  color: #eee3da;
  font-size: 15px;
  line-height: 1.45;
}
.recommendation-grid article:nth-child(n+4) h3 { font-size: 21px; }
.recommendation-grid article:nth-child(n+4) p { font-size: 14px; }
.recommend-note {
  margin-top: 10px !important;
  color: #444;
  font-size: 13px;
  text-align: center;
}

.sub0202-digital-steps {
  width: 1240px;
  margin-top: 55px;
}
.sub0202-digital-steps article {
  display: flex;
  width: 1240px;
  height: 254px;
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 30px 0px 30px 0;
  background: #fff;
}
.sub0202-digital-steps article > div,
.digital-step-photo {
  width: 620px;
  height: 254px;
  flex: 0 0 620px;
  box-sizing: border-box;
}
.sub0202-digital-steps article > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 59px;
  color: #111;
}
.sub0202-digital-steps h3 {
  font-size: 25px;
  line-height: 1.3;
  letter-spacing: -1.3px;
}
.sub0202-digital-steps p {
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
.sub0202-digital-steps strong { color: #ff792a; }
.digital-step-photo {
  background-repeat: no-repeat;
  background-size: 1240px 254px;
}
.sub0202_23 .digital-step-photo { background-image: url("../img/sub0202_23.png"); background-position: -620px 0; }
.sub0202_24 .digital-step-photo { background-image: url("../img/sub0202_24.png"); background-position: 0 0; }
.sub0202_25 .digital-step-photo { background-image: url("../img/sub0202_25.png"); background-position: -620px 0; }

.incision-comparison {
  position: relative;
  display: grid;
  grid-template-columns: 540px 160px 540px;
  width: 1240px;
  height: 455px;
  margin-top: 55px;
  text-align: center;
}
.sub0202-page .incision-title {
  font-size: 38px;
  letter-spacing: -2px;
}
.incision-comparison article { background: #fff; color: #111; }
.incision-comparison article h3 {
  height: 58px;
  background: #4a4038;
  color: #ff792a;
  font-size: 26px;
  line-height: 58px;
}
.incision-comparison .caption {
  height: 58px;
  background: #4a4038;
  color: #fff;
  font-size: 19px;
  line-height: 42px;
}
.incision-photo {
  display: block;
  width: 540px;
  height: 231px;
  background-image: url("../img/sub0202_27.png");
  background-repeat: no-repeat;
  background-size: 1240px 455px;
}
.incision-photo.normal { background-position: 0 -116px; }
.incision-photo.digital { background-position: -700px -116px; }
.incision-comparison article > p:last-child {
  padding-top: 24px;
  font-size: 17px;
  line-height: 1.5;
}
.incision-comparison .versus {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  margin: 160px auto 0;
  border-radius: 50%;
  background: #bbb;
  color: #fff;
  font-size: 32px;
}

/* sub0203.php - 합성 이미지 문구 HTML 전환 */
.sub0203-hero {
  padding: 78px 45px 0;
  color: #fff;
  box-sizing: border-box;
}
.sub0203-hero > p:first-child {
  color: #ff792a;
  font-size: 27px;
  font-weight: 700;
}
.sub0203-hero h1 {
  margin: 18px 0 35px;
  font-size: 58px;
  line-height: 1;
  letter-spacing: -3px;
}
.sub0203-hero > p:last-child {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.55;
}
.sub0203-page h2,
.sub0203-page h3,
.sub0203-page p,
.sub0203-page ol,
.sub0203-page ul,
.sub0203-page blockquote {
  margin: 0;
  padding: 0;
}
.sub0203-page ol,
.sub0203-page ul { list-style: none; }
.sub0203-page em {
  color: #ff792a;
  font-style: normal;
}
.sub0203-page strong { color: #ff792a; }
.whole-title {
  color: #111;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -2px;
  text-align: center;
}
.whole-lead {
  color: #171717;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
}

#sub0203_content .whole-title { padding-top: 120px; }
.whole-intro {
  display: flex;
  width: 1240px;
  height: 418px;
  margin-top: 60px;
  background: #fff;
}
.whole-intro-photo {
  display: block;
  width: 620px;
  height: 418px;
  flex: 0 0 620px;
  background: url("../img/sub0203_02.png") no-repeat 0 0;
  background-size: 1240px 418px;
}
.whole-intro > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 620px;
  padding-left: 58px;
  color: #222;
  box-sizing: border-box;
}
.whole-intro p { font-size: 20px; line-height: 1.55; }
.whole-intro p + p { margin-top: 28px; }

#sub0203_content2 .whole-title { padding-top: 120px; }
.whole-needs {
  display: flex;
  justify-content: space-between;
  width: 1240px;
  margin-top: 55px !important;
}
.whole-needs li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 335px;
  height: 335px;
  border-radius: 50%;
  background: #ff7525;
  color: #fff;
  text-align: center;
}
.whole-needs li:nth-child(2) { background: #4b413a; }
.whole-needs b { color: rgba(255,255,255,.6); font-size: 34px; }
.whole-needs p { margin-top: 20px; font-size: 24px; line-height: 1.4; }

.whole-promise {
  padding-top: 110px;
  color: #fff;
  text-align: center;
}
.whole-promise h2 {
  font-family: serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.3;
}
.whole-promise i {
  display: block;
  width: 2px;
  height: 40px;
  margin: 28px auto;
  background: #fff;
}
.whole-promise p { font-size: 22px; line-height: 1.55; }

#sub0203_content4 .whole-title { padding-top: 120px; }
.whole-advantages {
  display: flex;
  justify-content: space-between;
  width: 1240px;
  margin-top: 55px !important;
}
.whole-advantages li {
  position: relative;
  width: 224px;
  height: 320px;
  padding: 35px 10px 15px;
  border-radius: 18px;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
}
.whole-advantages li > b {
  position: absolute;
  top: -27px;
  left: 50%;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: #4b413a;
  color: #fff;
  font-size: 21px;
  line-height: 54px;
}
.whole-advantages li:nth-child(even) > b { background: #ff792a; }
.whole-adv-icon {
  display: block;
  width: 140px;
  height: 140px;
  margin: 0 auto 10px;
  background-image: url("../img/sub0203_09.png");
  background-repeat: no-repeat;
  background-size: 1240px 390px;
}
.whole-advantages li:nth-child(1) .whole-adv-icon { background-position: -45px -65px; }
.whole-advantages li:nth-child(2) .whole-adv-icon { background-position: -293px -65px; }
.whole-advantages li:nth-child(3) .whole-adv-icon { background-position: -541px -65px; }
.whole-advantages li:nth-child(4) .whole-adv-icon { background-position: -789px -65px; }
.whole-advantages li:nth-child(5) .whole-adv-icon { background-position: -1037px -65px; }
.whole-advantages h3 { font-size: 19px; line-height: 1.25; }
.whole-advantages p { margin-top: 14px; color: #666; font-size: 14px; line-height: 1.55; }

#sub0203_content5 .whole-title { padding-top: 115px; }
.whole-points { width: 1240px; margin-top: 55px; }
.whole-points article {
  display: flex;
  width: 1240px;
  height: 245px;
  margin-bottom: 25px;
  overflow: hidden;
  border-radius: 0 18px 18px 0;
  background: #fff;
}
.whole-points article > div,
.point-photo {
  width: 620px;
  height: 245px;
  flex: 0 0 620px;
  box-sizing: border-box;
}
.whole-points article > div {
  display: flex;
  align-items: center;
  padding: 0 55px;
}
.whole-points p { color: #555; font-size: 18px; line-height: 1.55; }
.point-photo { background-repeat: no-repeat; background-size: 1240px auto; }
.whole-points article:nth-child(1) .point-photo { background-image: url("../img/sub0203_11.png"); background-position: -620px 0; }
.whole-points article:nth-child(2) .point-photo { background-image: url("../img/sub0203_12.png"); background-position: 0 0; }
.whole-points article:nth-child(3) .point-photo { background-image: url("../img/sub0203_13.png"); background-position: -620px 0; }
.whole-points article:nth-child(4) .point-photo { background-image: url("../img/sub0203_14.png"); background-position: 0 0; }

#sub0203_content6 .whole-title { padding-top: 110px; }
#sub0203_content6 .whole-lead { margin-top: 28px; }
.whole-types {
  display: flex;
  justify-content: space-between;
  margin-top: 45px;
}
.whole-types article { width: 388px; background: #4b413a; color: #fff; text-align: center; }
.type-photo {
  display: block;
  width: 388px;
  height: 210px;
  background-image: url("../img/sub0203_17.png");
  background-repeat: no-repeat;
  background-size: 1240px 300px;
}
.whole-types article:nth-child(1) .type-photo { background-position: 0 0; }
.whole-types article:nth-child(2) .type-photo { background-position: -426px 0; }
.whole-types article:nth-child(3) .type-photo { background-position: -852px 0; }
.whole-types h3 { height: 62px; font-size: 21px; line-height: 62px; }

.whole-compare {
  display: grid;
  grid-template-columns: 540px 160px 540px;
  padding-top: 105px;
  text-align: center;
}
.whole-compare article { color: #222; }
.whole-compare article h2 {
  height: 80px;
  background: #ff792a;
  color: #fff;
  font-size: 29px;
  line-height: 1.25;
  box-sizing: border-box;
  padding-top: 13px;
}
.whole-compare article h2 small { display: block; font-size: 17px; font-weight: 400; }
.compare-photo {
  display: block;
  width: 540px;
  height: 250px;
  background-image: url("../img/sub0203_18.png");
  background-repeat: no-repeat;
  background-size: 1240px 656px;
}
.whole-compare article:first-child .compare-photo { background-position: 0 -80px; }
.whole-compare article:last-child .compare-photo { background-position: -700px -80px; }
.whole-compare article p { border-top: 1px solid #ddd; padding-top: 22px; font-size: 16px; line-height: 1.65; }
.whole-compare > b {
  align-self: center;
  justify-self: center;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background: #a17f67;
  color: #fff;
  font-size: 27px;
  line-height: 82px;
}

.whole-table {
  display: grid;
  grid-template-columns: 160px repeat(3, 360px);
  width: 1240px;
  padding-top: 115px;
  text-align: center;
}
.whole-table > * {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 78px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fff;
  box-sizing: border-box;
}
.whole-table .table-head { min-height: 72px; background: #4b413a; color: #fff; font-size: 22px; font-weight: 700; }
.whole-table .table-head:first-child,
.whole-table .table-label { background: #a9866d; color: #fff; font-size: 20px; font-weight: 700; }
.whole-table .table-photo {
  height: 180px;
  background-image: url("../img/sub0203_19.png");
  background-repeat: no-repeat;
  background-size: 1240px 810px;
}
.whole-table .table-photo:nth-of-type(1) { background-position: -160px -72px; }
.whole-table .table-photo:nth-of-type(2) { background-position: -520px -72px; }
.whole-table .table-photo:nth-of-type(3) { background-position: -880px -72px; }
.whole-table p { color: #222; font-size: 18px; line-height: 1.4; }

.whole-cost { padding-top: 105px; text-align: center; }
.whole-cost h2 { color: #ff792a; font-family: serif; font-size: 45px; line-height: 1.35; }
.whole-cost h2 em { font-style: normal; }
.whole-cost p { margin-top: 80px; color: #333; font-size: 27px; font-weight: 700; }

#sub0203_content10 .whole-title { padding-top: 110px; }
.allonx-visual { display: flex; width: 1240px; height: 400px; margin-top: 45px; }
.allonx-visual span {
  width: 620px;
  height: 400px;
  background-image: url("../img/sub0203_23.png");
  background-repeat: no-repeat;
  background-size: 1240px 400px;
}
.allonx-visual span:last-child { background-position: -620px 0; }
#sub0203_content10 .whole-lead { margin-top: 45px; color: #ff792a; }

#sub0203_content11 .whole-title { padding-top: 110px; }
.allonx-pill,
.special-pill {
  width: max-content;
  margin: 35px auto 0 !important;
  padding: 14px 30px !important;
  border-radius: 35px;
  background: #ff792a;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.allonx-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 38px 80px;
  margin-top: 55px !important;
}
.allonx-features li {
  position: relative;
  padding-left: 60px;
  color: #222;
  font-size: 18px;
  font-weight: 600;
  line-height: 42px;
}
.allonx-features li::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  width: 58px;
  height: 58px;
  overflow: hidden;
  background: url("../img/sub0203_27.png") no-repeat -14px -11px;
  background-size: 1240px 280px;
}

.allonx-benefit { position: relative; padding-top: 125px; color: #fff; }
.allonx-benefit > h2 { width: 540px; font-size: 43px; font-weight: 300; line-height: 1.25; }
.allonx-benefit > h2 em { font-size: 58px; font-weight: 700; }
.allonx-benefit > h2 strong { color: #fff; font-size: 54px; }
.allonx-benefit > p { position: absolute; top: 135px; right: 0; width: 620px; font-size: 18px; line-height: 1.6; }
.allonx-benefit blockquote { margin-top: 85px; color: #f2dfcc; font-family: serif; font-size: 32px; text-align: center; }
.allonx-benefit h3 { margin-top: 55px; font-size: 26px; text-align: center; }
.allonx-benefit h3 small { display: block; margin-top: 15px; color: #fff; font-size: 19px; font-weight: 400; }

#sub0203_content13 .whole-title { padding-top: 110px; }
.allonx-candidates { display: flex; justify-content: space-around; margin-top: 55px !important; }
.allonx-candidates li {
  position: relative;
  width: 360px;
  height: 310px;
  padding-top: 50px;
  border-radius: 18px;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
}
.allonx-candidates b {
  position: absolute;
  top: -27px;
  left: 50%;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: #ff792a;
  color: #fff;
  font-size: 20px;
  line-height: 54px;
}
.allonx-candidates li:nth-child(2) b { background: #4b413a; }
.candidate-icon {
  display: block;
  width: 140px;
  height: 140px;
  margin: 0 auto 15px;
  background-image: url("../img/sub0203_32.png");
  background-repeat: no-repeat;
  background-size: 1240px 340px;
}
.allonx-candidates li:nth-child(1) .candidate-icon { background-position: -123px -75px; }
.allonx-candidates li:nth-child(2) .candidate-icon { background-position: -550px -75px; }
.allonx-candidates li:nth-child(3) .candidate-icon { background-position: -977px -75px; }
.allonx-candidates p { font-size: 21px; font-weight: 700; line-height: 1.35; }

#sub0203_content14 .whole-title { padding-top: 110px; }
.special-cards { display: flex; justify-content: space-between; margin-top: 50px; }
.special-cards article { width: 280px; }
.special-cards article > span {
  display: block;
  width: 280px;
  height: 185px;
  background-image: url("../img/sub0203_35.png");
  background-repeat: no-repeat;
  background-size: 1240px 310px;
}
.special-cards article:nth-child(1) span { background-position: 0 0; }
.special-cards article:nth-child(2) span { background-position: -320px 0; }
.special-cards article:nth-child(3) span { background-position: -640px 0; }
.special-cards article:nth-child(4) span { background-position: -960px 0; }
.special-cards article > div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 105px;
  background: #4b413a;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.special-finish { margin-top: 65px !important; color: #a27049; font-size: 35px; line-height: 1.35; text-align: center; }

.untreated { padding-top: 105px; color: #fff; text-align: center; }
.untreated h2 { font-size: 38px; font-weight: 300; }
.untreated h2 strong { color: #fff; }
.untreated p { margin-top: 45px; font-size: 20px; line-height: 1.65; }

.expertise { display: flex; justify-content: flex-end; padding-top: 105px; }
.expertise > div { width: 500px; }
.expertise h2 { color: #222; font-size: 40px; font-weight: 300; line-height: 1.25; }
.expertise h2 strong { color: #ff792a; font-size: 44px; }
.expertise p { margin-top: 55px; color: #333; font-size: 17px; line-height: 1.7; }

#sub0203_content17 .whole-title { padding-top: 110px; }
.whole-faq { width: 1240px; margin-top: 55px; border-top: 2px solid #555; }
.whole-faq article { border-bottom: 1px solid #ccc; }
.whole-faq h3 { padding: 22px 40px; color: #222; font-size: 19px; }
.whole-faq h3 b,
.whole-faq p b { display: inline-block; width: 70px; color: #ff792a; font-size: 28px; vertical-align: top; }
.whole-faq p { padding: 22px 40px; background: rgba(255,255,255,.72); color: #777; font-size: 16px; line-height: 1.65; }
.whole-faq p b { color: #4b413a; }

/* sub0204.php - 합성 이미지 문구 HTML 전환 */
.sub0204-hero {
  padding: 85px 45px 0;
  color: #fff;
  box-sizing: border-box;
}
.sub0204-hero > p:first-child { color: #ff792a; font-size: 27px; font-weight: 700; }
.sub0204-hero h1 { margin: 18px 0 35px; font-size: 58px; line-height: 1; letter-spacing: -3px; }
.sub0204-hero > p:last-child { font-size: 20px; font-weight: 600; line-height: 1.55; }
.sub0204-page h2,
.sub0204-page h3,
.sub0204-page p,
.sub0204-page ol,
.sub0204-page ul { margin: 0; padding: 0; }
.sub0204-page ol,
.sub0204-page ul { list-style: none; }
.sub0204-page em { color: #ff792a; font-style: normal; }
.sub0204-page strong { color: #ff792a; }
.disease-title {
  color: #111;
  font-size: 38px;
  line-height: 1.3;
  letter-spacing: -2px;
  text-align: center;
}
.disease-title.light { color: #fff; }
.disease-title small { display: block; margin-top: 8px; font-size: 27px; }
.disease-lead { margin-top: 25px !important; color: #ff792a; font-size: 18px; font-weight: 700; text-align: center; }

.disease-main-title { padding-top: 115px !important; color: #111; font-size: 40px; text-align: center; }
.disease-tags { display: flex; align-items: center; justify-content: space-between; margin-top: 60px !important; }
.disease-tags li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: #4b413a;
  color: #fff;
  font-size: 27px;
  font-weight: 700;
}
.disease-tags li:nth-child(odd) { background: #ff792a; }

.disease-slogan { padding-top: 155px; color: #fff; text-align: center; }
.disease-slogan p { font-family: serif; font-size: 38px; }
.disease-slogan h2 { margin-top: 10px; color: #ff792a; font-family: serif; font-size: 55px; }

#sub0204_content3 .disease-title { padding-top: 110px; }
.disease-intro { display: flex; width: 1240px; height: 360px; margin-top: 55px; }
.disease-intro > span {
  display: block;
  width: 620px;
  height: 360px;
  flex: 0 0 620px;
  background: url("../img/sub0204_06.png") no-repeat 0 0;
  background-size: 1240px 360px;
}
.disease-intro > p {
  display: flex;
  align-items: center;
  width: 620px;
  padding: 0 78px;
  background: #ff792a;
  color: #fff;
  font-size: 21px;
  line-height: 1.55;
  box-sizing: border-box;
}
.disease-intro > p strong { color: #111; }

#sub0204_content4 .disease-title { padding-top: 105px; }
.disease-safety { display: flex; width: 1240px; margin-top: 55px; }
.disease-safety article { width: 620px; background: #fff; text-align: center; }
.disease-safety article > span {
  display: block;
  width: 620px;
  height: 290px;
  background-image: url("../img/sub0204_08.png");
  background-repeat: no-repeat;
  background-size: 1240px 460px;
}
.disease-safety article:last-child > span { background-position: -620px 0; }
.disease-safety article > p { height: 170px; padding-top: 26px; color: #111; font-size: 18px; line-height: 1.5; box-sizing: border-box; }

.disease-message { padding-top: 105px; text-align: right; }
.disease-message h2 { color: #4b413a; font-family: serif; font-size: 42px; font-weight: 400; line-height: 1.35; }
.disease-message h2 strong { font-size: 48px; }
.disease-message p { width: 600px; margin: 42px 0 0 auto; color: #111; font-size: 17px; line-height: 1.6; text-align: left; }

#sub0204_content6 .disease-title { padding-top: 110px; }
.disease-considerations { display: flex; justify-content: space-around; margin-top: 55px !important; }
.disease-considerations li {
  position: relative;
  width: 360px;
  height: 320px;
  padding-top: 55px;
  border-radius: 18px;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
}
.disease-considerations li > b {
  position: absolute;
  top: -27px;
  left: 50%;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: #ff792a;
  color: #fff;
  font-size: 20px;
  line-height: 54px;
}
.disease-considerations li:nth-child(2) > b { background: #4b413a; }
.disease-considerations li > span {
  display: block;
  width: 140px;
  height: 140px;
  margin: 0 auto 18px;
  background-image: url("../img/sub0204_11.png");
  background-repeat: no-repeat;
  background-size: 1240px 310px;
}
.disease-considerations li:nth-child(1) > span { background-position: -123px -75px; }
.disease-considerations li:nth-child(2) > span { background-position: -550px -75px; }
.disease-considerations li:nth-child(3) > span { background-position: -977px -75px; }
.disease-considerations h3 { color: #111; font-size: 23px; }

.disease-detail .disease-title { padding-top: 105px; }
.disease-rows { margin-top: 50px; }
.disease-rows article {
  display: flex;
  width: 1240px;
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 0 18px 18px 0;
  background: #fff;
}
.disease-rows article > div,
.disease-photo {
  width: 620px;
  height: 100%;
  flex: 0 0 620px;
  box-sizing: border-box;
}
.disease-photo { display: block; background-repeat: no-repeat; background-size: 1240px auto; }
.disease-rows article > div { display: flex; flex-direction: column; justify-content: center; padding: 30px 58px; }
.disease-rows h3 { color: #111; font-size: 25px; line-height: 1.3; }
.disease-rows p { margin-top: 18px; color: #555; font-size: 17px; line-height: 1.55; }
.disease-rows .row-228 { height: 228px; }
.disease-rows .row-251 { height: 251px; }
.disease-rows .row-252 { height: 252px; }
.disease-rows .row-253 { height: 253px; }
.disease-rows .row-276 { height: 276px; }
.disease-rows .row-277 { height: 277px; }
.disease-rows .row-290 { height: 290px; }
.disease-rows .row-314 { height: 314px; }
.disease-rows .row-400 { height: 400px; }
.disease-rows .row-423 { height: 423px; }
.disease-photo.photo-14 { background-image: url("../img/sub0204_14.png"); background-position: -620px 0; }
.disease-photo.photo-15 { background-image: url("../img/sub0204_15.png"); }
.disease-photo.photo-16 { background-image: url("../img/sub0204_16.png"); background-position: -620px 0; }
.disease-photo.photo-17 { background-image: url("../img/sub0204_17.png"); }
.disease-photo.photo-20 { background-image: url("../img/sub0204_20.png"); background-position: -620px 0; }
.disease-photo.photo-21 { background-image: url("../img/sub0204_21.png"); }
.disease-photo.photo-22 { background-image: url("../img/sub0204_22.png"); background-position: -620px 0; }
.disease-photo.photo-23 { background-image: url("../img/sub0204_23.png"); }
.disease-photo.photo-26 { background-image: url("../img/sub0204_26.png"); background-position: -620px 0; }
.disease-photo.photo-27 { background-image: url("../img/sub0204_27.png"); }
.disease-photo.photo-28 { background-image: url("../img/sub0204_28.png"); background-position: -620px 0; }
.disease-photo.photo-29 { background-image: url("../img/sub0204_29.png"); }
.disease-photo.photo-32 { background-image: url("../img/sub0204_32.png"); background-position: -620px 0; }
.disease-photo.photo-33 { background-image: url("../img/sub0204_33.png"); }
.disease-photo.photo-34 { background-image: url("../img/sub0204_34.png"); background-position: -620px 0; }
.disease-photo.photo-35 { background-image: url("../img/sub0204_35.png"); }

.disease-closing { padding-top: 105px; color: #fff; text-align: center; }
.disease-closing h2 { font-size: 38px; line-height: 1.35; }
.disease-closing p { margin-top: 40px; font-size: 19px; line-height: 1.65; }

/* sub0205.php - 합성 이미지 문구 HTML 전환 */
.sub0205-hero {
  padding: 55px 45px 0;
  color: #fff;
  box-sizing: border-box;
}
.sub0205-hero > p:first-child { color: #ff792a; font-size: 27px; font-weight: 700; }
.sub0205-hero h1 { margin: 17px 0 28px; font-size: 55px; line-height: 1.15; letter-spacing: -3px; }
.sub0205-hero > p:last-child { font-size: 20px; font-weight: 600; line-height: 1.55; }
.sub0205-page h2,
.sub0205-page h3,
.sub0205-page p,
.sub0205-page ol { margin: 0; padding: 0; }
.sub0205-page ol { list-style: none; }
.sub0205-page em { color: #ff792a; font-style: normal; }
.sub0205-page strong { color: #ff792a; }
.instant-title { color: #111; font-size: 38px; line-height: 1.3; letter-spacing: -2px; text-align: center; }
.instant-title.light { color: #fff; }
.instant-lead { margin-top: 28px !important; color: #222; font-size: 19px; text-align: center; }

#sub0205_content .instant-title { padding-top: 110px; }
.instant-comparison {
  display: grid;
  grid-template-columns: 230px repeat(5, 202px);
  grid-template-rows: 80px 120px 120px;
  width: 1240px;
  margin-top: 55px;
  background: #fff;
  text-align: center;
}
.instant-comparison > div { display: flex; align-items: center; justify-content: center; border-right: 1px solid #ddd; box-sizing: border-box; font-size: 19px; font-weight: 600; }
.instant-comparison .comparison-head { background: #e4d1b8; color: #111; font-size: 22px; }
.instant-comparison .comparison-label { color: #fff; font-size: 22px; }
.instant-comparison .normal { background: #4b413a; }
.instant-comparison .instant { background: #ff792a; }
.instant-comparison .instant-range { grid-column: span 4; position: relative; color: #111; }
.instant-comparison .instant-range::before { content: ""; position: absolute; top: 25px; left: 80px; right: 80px; height: 10px; background: #ff792a; }
.instant-comparison > div:nth-child(n+8):nth-child(-n+12) { position: relative; padding-top: 38px; }
.instant-comparison > div:nth-child(n+8):nth-child(-n+12)::before {
  content: "";
  position: absolute;
  top: 17px;
  left: 50%;
  width: 28px;
  height: 12px;
  transform: translateX(-50%);
  background: #5a524b;
}
.instant-comparison > div:nth-child(n+8):nth-child(-n+12)::after {
  content: "";
  position: absolute;
  top: 11px;
  left: calc(50% + 13px);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 14px solid #5a524b;
}

#sub0205_content2 .instant-title { padding-top: 110px; }
.instant-cases { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 50px; margin-top: 55px; }
.instant-cases article { height: 300px; background: transparent; color: #fff; text-align: center; }
.instant-cases article:nth-child(1),
.instant-cases article:nth-child(2),
.instant-cases article:nth-child(4),
.instant-cases article:nth-child(5) { width: 381px; }
.instant-cases article:nth-child(3),
.instant-cases article:nth-child(6) { width: 380px; }
.case-photo { display: block; width: 100%; height: 200px; background-image: url("../img/sub0205_05.png"); background-repeat: no-repeat; background-size: 1240px 650px; }
.case-photo.photo-1 { background-position: 0 0; }
.case-photo.photo-2 { background-position: -430px 0; }
.case-photo.photo-3 { background-position: -860px 0; }
.case-photo.photo-4 { background-position: 0 -350px; }
.case-photo.photo-5 { background-position: -430px -350px; }
.case-photo.photo-6 { background-position: -860px -350px; }
.instant-cases article > div { display: flex; align-items: center; justify-content: center; height: 100px; background: #4b413a; font-size: 20px; font-weight: 700; line-height: 1.35; }

#sub0205_content3 .instant-title { padding-top: 110px; }
.instant-advantages { display: flex; justify-content: space-between; width: 1240px; margin-top: 55px !important; }
.instant-advantages li { position: relative; width: 224px; height: 330px; padding: 35px 10px 15px; border-radius: 18px; background: #fff; box-sizing: border-box; text-align: center; }
.instant-advantages li > b { position: absolute; top: -27px; left: 50%; width: 54px; height: 54px; border-radius: 50%; transform: translateX(-50%); background: #4b413a; color: #fff; font-size: 21px; line-height: 54px; }
.instant-advantages li:nth-child(even) > b { background: #ff792a; }
.instant-icon { display: block; width: 140px; height: 140px; margin: 0 auto 10px; background-image: url("../img/sub0205_07.png"); background-repeat: no-repeat; background-size: 1240px 390px; }
.instant-advantages li:nth-child(1) .instant-icon { background-position: -45px -65px; }
.instant-advantages li:nth-child(2) .instant-icon { background-position: -293px -65px; }
.instant-advantages li:nth-child(3) .instant-icon { background-position: -541px -65px; }
.instant-advantages li:nth-child(4) .instant-icon { background-position: -789px -65px; }
.instant-advantages li:nth-child(5) .instant-icon { background-position: -1037px -65px; }
.instant-advantages h3 { color: #111; font-size: 20px; }
.instant-advantages p { margin-top: 13px; color: #555; font-size: 14px; line-height: 1.5; }

#sub0205_content4 .instant-title { padding-top: 110px; }
.instant-exams { display: flex; justify-content: space-between; margin-top: 55px !important; }
.instant-exams li { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 280px; height: 280px; border-radius: 50%; background: #4b413a; color: #fff; text-align: center; }
.instant-exams li:nth-child(odd) { background: #ff792a; }
.instant-exams li:first-child { border-radius: 0; }
.instant-exams h3 { font-size: 25px; }
.instant-exams p { margin-top: 18px; font-size: 18px; line-height: 1.45; }

#sub0205_content5 .instant-title { padding-top: 105px; }
.instant-process { display: flex; width: 1240px; margin-top: 55px !important; }
.instant-process li { position: relative; width: 310px; text-align: center; }
.instant-process li:not(:last-child)::after {
  content: "→";
  position: absolute;
  z-index: 2;
  top: 4px;
  right: -24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #ff792a;
  color: #fff;
  font-size: 31px;
  line-height: 44px;
}
.instant-process li > b { display: block; height: 55px; color: #ff792a; font-size: 23px; line-height: 55px; }
.process-image { display: block; width: 310px; height: 200px; background-image: url("../img/sub0205_11.png"); background-repeat: no-repeat; background-size: 1240px 340px; }
.process-image.image-1 { background-position: 0 -55px; }
.process-image.image-2 { background-position: -310px -55px; }
.process-image.image-3 { background-position: -620px -55px; }
.process-image.image-4 { background-position: -930px -55px; }
.instant-process h3 { display: flex; align-items: center; justify-content: center; height: 85px; background: #4b413a; color: #fff; font-size: 20px; }





/* =========================================================
   sub0206.php - 이미지 문구 HTML 텍스트 전환
   ========================================================= */
.sub0206-hero *,
.sub0206-page * {
  box-sizing: content-box;
}
.sub0206-hero em {
  font-style: normal;
}
.sub0206-page {
  display: flex;
  flex-direction: column;
}
:where(.sub0206-page) h2,
:where(.sub0206-page) h3,
:where(.sub0206-page) p,
:where(.sub0206-page) ol,
:where(.sub0206-page) ul {
  margin: 0;
  padding-left: 0;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.sub0206-page ol,
.sub0206-page ul {
  list-style: none;
}
.sub0206-page em {
  font-style: normal;
}

/* 비주얼 */
.sub0206-hero h1,
.sub0206-hero p {
  margin: 0;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  text-align: left;
}
.sub0206-hero .sub0206_box_right_txt1 {
  height: 29px;
  color: #ff5500;
  font-size: 30px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: -1.6px;
}
.sub0206-hero .sub0206_box_right_txt2 {
  height: 60px;
  color: #fff;
  font-size: 62px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: -2px;
}
.sub0206-hero .sub0206_box_right_txt3 {
  height: 119px;
  font-size: 22px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: -1.4px;
}
.sub0206-hero .sub0206_box_right_txt3 span {
  display: block;
  color: #f3cba3;
}
.sub0206-hero .sub0206_box_right_txt3 span + span {
  margin-top: 11px;
  color: #fff;
}
.sub0206-hero .sub0206_box_right_txt3 em {
  color: #f3cba3;
}

/* 공통 제목 / 본문 */
.sub0206-title {
  color: #080808;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -3px;
  text-align: center;
}
.sub0206-title span {
  display: block;
  margin-top: -7px;
}
.sub0206-title em {
  color: #ff792a;
}
.sub0206-title--white {
  color: #fff;
}
.sub0206_03,
.sub0206_16 {
  height: 38px;
  line-height: 38px;
}
.sub0206_01 {
  height: 88px;
  line-height: 44px;
}
.sub0206_08,
.sub0206_13 {
  height: 86px;
}
.sub0206-lead {
  color: #111;
  font-size: 22px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -1.2px;
  text-align: center;
}
.sub0206-lead strong {
  color: #ff792a;
  font-weight: 500;
}
.sub0206_04 {
  height: 48px;
}
.sub0206_09 {
  height: 48px;
  line-height: 26px;
}
.sub0206_11 {
  height: 170px;
  font-weight: 400;
  line-height: 30px;
}
.sub0206_11 .gap {
  display: block;
  height: 24px;
}
.sub0206_11 strong {
  font-weight: 500;
}
.sub0206-white-copy {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -1.2px;
  text-align: center;
}
.sub0206-white-copy strong {
  color: #ff792a;
  font-weight: 500;
}
.sub0206_07 {
  height: 136px;
}
.sub0206_07 p + p {
  margin-top: 23px;
}
.sub0206_14 {
  height: 48px;
  line-height: 26px;
}

/* 01-02 */
.sub0206_02.reop-intro {
  position: relative;
  margin-top: 60px;
  padding-top: 0;
  width: 1240px;
  height: 360px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}
.reop-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 620px;
  height: 360px;
  background: url("../img/sub0206_02.png") no-repeat -0px -0px;
  background-size: 1240px 360px;
}
.reop-intro-copy {
  position: absolute;
  top: 0;
  left: 680px;
  width: 560px;
  color: #111;
}
.reop-intro-copy p {
  font-size: 25px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: -1.5px;
}
.reop-intro-copy .lead {
  margin-top: 80px;
  line-height: 35px;
}
.reop-intro-copy .lead strong {
  display: block;
}
.reop-intro-copy .lead + p {
  margin-top: 16px;
}
.reop-intro-copy strong {
  color: #ff792a;
  font-weight: 700;
}

/* 03-05 실패 원인 차트 */
.sub0206_05.fail-chart {
  position: relative;
  margin-top: 30px;
  padding-top: 0;
  width: 1234px;
  height: 375px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}
.fail-chart::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 470px;
  width: 357px;
  height: 357px;
  border: 1px solid #b3957f;
  border-radius: 50%;
  box-sizing: border-box;
}
.fail-donut {
  position: absolute;
  top: 44px;
  left: 498px;
  width: 299px;
  height: 299px;
  border-radius: 50%;
  background: conic-gradient(
    #4b413a 0 168deg,
    #78563f 168deg 195.5deg,
    #d19357 195.5deg 220deg,
    #b06c3c 220deg 250deg,
    #ff792a 250deg 360deg
  );
}
.fail-donut::after {
  content: "";
  position: absolute;
  top: 74px;
  left: 74px;
  width: 151px;
  height: 151px;
  border-radius: 50%;
  background: #fff;
}
.fail-donut-label li {
  position: absolute;
  color: #fff;
  font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
  text-align: center;
  transform: translate(-50%, -50%);
}
.fail-donut-label .l35 {
  top: 138px;
  left: 562px;
}
.fail-donut-label .l45 {
  top: 193px;
  left: 752px;
}
.fail-donut-label .l10 {
  top: 260px;
  left: 555px;
}
.fail-donut-label .l5a {
  top: 298px;
  left: 593px;
}
.fail-donut-label .l5b {
  top: 312px;
  left: 643px;
}
.fail-item {
  position: absolute;
  width: 420px;
}
.fail-item h3 {
  position: relative;
  box-sizing: border-box;
  height: 33px;
  border-bottom: 1px solid #b3957f;
  color: #5a4a3a;
  font-size: 30px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -2px;
  white-space: nowrap;
}
.fail-item h3 em {
  color: #ff792a;
  font-weight: 500;
}
.fail-item h3::after {
  content: "";
  position: absolute;
  bottom: -3px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #b3957f;
}
.fail-item p {
  margin-top: 7px;
  color: #333;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -1px;
}
.fail-item--l1,
.fail-item--l2 {
  left: -2px;
  text-align: right;
}
.fail-item--l1 h3,
.fail-item--l2 h3 {
  width: max-content;
  margin-left: auto;
}
.fail-item--l1 h3::after {
  left: calc(100% + 108px);
}
.fail-item--l2 h3::after {
  left: calc(100% + 50px);
}
.fail-item--l1 h3::before,
.fail-item--l2 h3::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 100%;
  height: 1px;
  background: #b3957f;
}
.fail-item--l1 h3::before {
  width: 110px;
}
.fail-item--l2 h3::before {
  width: 52px;
}
.fail-item--l1 {
  top: 29px;
}
.fail-item--l2 {
  top: 185px;
}
.fail-item--l2 p {
  margin-top: 9px;
}
.fail-item--r1,
.fail-item--r2,
.fail-item--r3 {
  left: 878px;
  width: 356px;
}
.fail-item--r1 h3::before,
.fail-item--r2 h3::before,
.fail-item--r3 h3::before {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 1px;
  background: #b3957f;
  right: 100%;
}
.fail-item--r1 h3::before {
  width: 156px;
}
.fail-item--r2 h3::before,
.fail-item--r3 h3::before {
  width: 56px;
}
.fail-item--r1 h3::after {
  left: -158px;
}
.fail-item--r2 h3::after,
.fail-item--r3 h3::after {
  left: -58px;
}
.fail-item--r1 {
  top: -1px;
}
.fail-item--r2 {
  top: 122px;
}
.fail-item--r3 {
  top: 268px;
}
.fail-item--r1 p {
  margin-top: 5px;
  line-height: 24.5px;
}
.fail-item--r2 p,
.fail-item--r3 p {
  margin-top: 9px;
  line-height: 24px;
}

/* 06-07 */
.sub0206-serif-title {
  height: 101px;
  font-family: "Nanum Myeongjo", "Batang", serif !important;
  text-align: center;
}
.sub0206-serif-title span {
  display: block;
  color: #ff792a;
  font-size: 38px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: -1px;
}
.sub0206-serif-title em {
  display: block;
  margin-top: 14px;
  color: #edd9c1;
  font-size: 48px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: -1.5px;
}

/* 08-10 */
.hard-cards,
.care-cards {
  display: flex;
  width: 1240px;
  margin: 0 auto;
}
.hard-cards {
  height: 380px;
  justify-content: space-between;
}
.hard-cards li {
  width: 380px;
  height: 380px;
}
.hard-cards .photo,
.care-cards .photo,
.reop-steps .photo {
  display: block;
  background: url("../img/sub0206_10.png") no-repeat;
}
.hard-cards .photo {
  height: 200px;
  background-size: 1240px 380px;
}
.hard-cards li:nth-child(1) .photo {
  background-position: 0 0;
}
.hard-cards li:nth-child(2) .photo {
  background-position: -430px 0;
}
.hard-cards li:nth-child(3) .photo {
  background-position: -860px 0;
}
.hard-cards li > div,
.care-cards li > div {
  box-sizing: border-box;
  text-align: center;
  color: #fff;
}
.hard-cards li > div {
  height: 180px;
  padding-top: 28px;
  background: #4a423a;
}
.hard-cards h3,
.care-cards h3 {
  color: #ff792a;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -1px;
}
.hard-cards p {
  margin-top: 9px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.9px;
}
.hard-cards p strong {
  color: #eddac2;
  font-weight: 600;
}

/* 11-12 */
.device-photos {
  display: flex;
  width: 1240px;
  margin: 0 auto;
}
.device {
  display: block;
  width: 620px;
  height: 390px;
  background: url("../img/sub0206_12.png") no-repeat;
  background-size: 1240px 390px;
}
.device:nth-child(1) {
  background-position: 0 0;
}
.device:nth-child(2) {
  background-position: -620px 0;
}

/* 13-15 */
.care-cards {
  height: 380px;
  justify-content: space-between;
}
.care-cards li {
  width: 595px;
  height: 380px;
}
.care-cards li:nth-child(2) {
  width: 595px;
}
.care-cards .photo {
  height: 250px;
  background-image: url("../img/sub0206_15.png");
  background-size: 1240px 380px;
}
.care-cards li:nth-child(1) .photo {
  background-position: 0 0;
}
.care-cards li:nth-child(2) .photo {
  background-position: -645px 0;
}
.care-cards li > div {
  height: 130px;
  padding-top: 24px;
  background: #ff792a;
}
.care-cards h3 {
  color: #fff;
}
.care-cards p {
  margin-top: 9px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.9px;
}

/* 16-17 */
.reop-steps {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 1240px;
  height: 350px;
  margin: 0 auto;
}
.reop-steps li {
  position: relative;
  width: 242px;
  height: 350px;
}
.reop-steps h3 {
  height: 60px;
  color: #ff792a;
  font-size: 26px;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -1.5px;
}
.reop-steps .photo {
  height: 180px;
  background-image: url("../img/sub0206_17.png");
  background-size: 1240px 350px;
}
.reop-steps li:nth-child(1) .photo {
  background-position: 0 -60px;
}
.reop-steps li:nth-child(2) .photo {
  background-position: -250px -60px;
}
.reop-steps li:nth-child(3) .photo {
  background-position: -499px -60px;
}
.reop-steps li:nth-child(4) .photo {
  background-position: -749px -60px;
}
.reop-steps li:nth-child(5) .photo {
  background-position: -998px -60px;
}
.reop-steps p {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 110px;
  background: #4a423a;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -1px;
  text-align: center;
}
.reop-steps li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 3px;
  right: -29px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background:
    linear-gradient(#fff, #fff) 14px 24px / 22px 2px no-repeat,
    #ff792a;
}
.reop-steps li:not(:last-child)::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 23px;
  left: 246px;
  width: 9px;
  height: 9px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

/* =========================================================
   sub0207.php - 이미지 문구 HTML 텍스트 전환
   ========================================================= */
.sub0207-hero *,
.sub0207-page * {
  box-sizing: content-box;
}
.sub0207-hero em,
.sub0207-page em,
.sub0207-page i {
  font-style: normal;
}
.sub0207-page {
  display: flex;
  flex-direction: column;
}
:where(.sub0207-page) h2,
:where(.sub0207-page) h3,
:where(.sub0207-page) h4,
:where(.sub0207-page) p,
:where(.sub0207-page) ol,
:where(.sub0207-page) table,
.sub0207-hero h1,
.sub0207-hero p {
  margin: 0;
  padding-left: 0;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.sub0207-page ol {
  list-style: none;
}

/* 비주얼 */
.sub0207-hero h1,
.sub0207-hero p {
  text-align: left;
}
.sub0207-hero .sub0207_box_right_txt1 {
  height: 29px;
  color: #ff5500;
  font-size: 30px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: -1.6px;
}
.sub0207-hero .sub0207_box_right_txt2 {
  height: 60px;
  color: #fff;
  font-size: 62px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: -2px;
}
.sub0207-hero .sub0207_box_right_txt3 {
  height: 47px;
  margin-top: 5px;
  font-size: 22px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -1.5px;
}
.sub0207-hero .sub0207_box_right_txt3 span {
  display: block;
  color: #f3cba3;
}
.sub0207-hero .sub0207_box_right_txt3 span + span {
  color: #fff;
}

/* 공통 제목 / 본문 */
.sub0207-title {
  color: #000;
  font-size: 40px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: -3px;
  text-align: center;
  white-space: nowrap;
}
.sub0207-title em {
  color: #ff792a;
}
.sub0207_03,
.sub0207_05,
.sub0207_07,
.sub0207_18,
.sub0207_20 {
  position: relative;
  top: -3px;
}
.sub0207_18,
.sub0207_20 {
  top: -1px;
}
.sub0207_01,
.sub0207_09 {
  line-height: 50px;
}
.sub0207_01 {
  height: 86px;
}
.sub0207_09 {
  height: 88px;
}
.sub0207_01 span,
.sub0207_09 span {
  display: block;
}
.sub0207_01 span:first-child,
.sub0207_09 span:first-child {
  margin-top: -7px;
}
.sub0207_09 span:first-child {
  margin-top: -9px;
}
.sub0207-lead {
  height: 22px;
  color: #000;
  font-size: 22px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -1.2px;
  text-align: center;
  white-space: nowrap;
}
.sub0207-lead strong {
  color: #ff792a;
  font-weight: 700;
}
.sub0207-white {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -1px;
  text-align: center;
}
.sub0207-white strong {
  color: #ff792a;
  font-weight: 600;
}
.sub0207-white .gap {
  display: block;
  height: 32px;
}

/* 01-02, 07-08 */
.sub0207_02.bone-intro,
.sub0207_08.bone-intro {
  position: relative;
  width: 1240px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0;
  margin-top: 60px;
  text-align: left;
}
.sub0207_08.bone-intro {
  margin-top: 65px;
}
.sub0207_02.bone-intro {
  height: 360px;
}
.sub0207_08.bone-intro {
  height: 304px;
}
.bone-photo {
  position: absolute;
  top: 0;
  display: block;
  width: 620px;
}
.sub0207_02 .bone-photo {
  left: 620px;
  height: 360px;
  background: url("../img/sub0207_02.png") no-repeat -620px 0;
  background-size: 1240px 360px;
}
.sub0207_08 .bone-photo {
  left: 0;
  height: 304px;
  background: url("../img/sub0207_08.png") no-repeat 0 0;
  background-size: 1240px 304px;
}
.sub0207_02 p {
  position: absolute;
  top: 93px;
  left: 0;
  width: 540px;
  color: #111;
  font-size: 25px;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: -1.4px;
  text-align: right;
}
.sub0207_02 p strong {
  display: inline-block;
  color: #ff792a;
  font-weight: 700;
}
.sub0207_08 p {
  position: absolute;
  top: 72px;
  left: 680px;
  color: #111;
  font-size: 25px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -1.5px;
}
.sub0207_08 p strong {
  color: #ff792a;
  font-weight: 700;
}

/* 03-04 */
.case-circles,
.quick-circles {
  display: flex;
  width: 1240px;
  margin: 0 auto;
  justify-content: space-between;
}
.case-circles {
  height: 230px;
  margin-top: 4px;
}
.case-circles li {
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: #ff792a;
  text-align: center;
}
.case-circles li:nth-child(even) {
  background: #4b413a;
}
.case-circles b {
  display: block;
  padding-top: 52px;
  color: #ffac7c;
  font-size: 26px;
  font-weight: 700;
  line-height: 26px;
}
.case-circles li:nth-child(even) b {
  color: #908c88;
}
.case-circles p {
  margin-top: 5px;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -1.2px;
}

/* 05-06 */
.bone-merit {
  display: flex;
  width: 1240px;
  height: 385px;
  margin: 0 auto;
  justify-content: space-between;
}
.bone-merit {
  margin-top: 5px;
}
.bone-merit li {
  position: relative;
  width: 280px;
  text-align: center;
}
.bone-merit li::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  width: 280px;
  height: 360px;
  border-radius: 30px 0;
  background: #fff;
}
.bone-merit li > * {
  position: relative;
}
.bone-merit b {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 50%;
  background: #ff792a;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 50px;
}
.bone-merit b.dark {
  background: #4b413a;
}
.bone-merit .icon {
  display: block;
  width: 140px;
  height: 140px;
  margin: 15px auto 0;
  border-radius: 50%;
  background: url("../img/sub0207_06.png") no-repeat;
  background-size: 1240px 385px;
}
.bone-merit li:nth-child(1) .icon {
  background-position: -70px -65px;
}
.bone-merit li:nth-child(2) .icon {
  background-position: -390px -65px;
}
.bone-merit li:nth-child(3) .icon {
  background-position: -710px -65px;
}
.bone-merit li:nth-child(4) .icon {
  background-position: -1030px -65px;
}
.bone-merit h3 {
  margin-top: 13px;
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -1.1px;
}
.bone-merit p {
  margin-top: 12px;
  color: #646464;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.5px;
  letter-spacing: -1.2px;
}

/* 09-11 */
.quick-circles {
  height: 280px;
}
.quick-circles li {
  display: flex;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: #ff792a;
  align-items: center;
  justify-content: center;
  padding-top: 12px;
  text-align: center;
  box-sizing: border-box;
}
.quick-circles li:nth-child(even) {
  background: #4b413a;
}
.quick-circles p {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -1.1px;
}
.quick-circles li:nth-child(n + 3) {
  padding-top: 24px;
}
.quick-circles li:nth-child(n + 3) p {
  font-size: 17px;
  line-height: 26px;
  letter-spacing: -1px;
}
.quick-circles strong {
  color: #ff792a;
  font-weight: 700;
}

/* 12 */
.sub0207_12.absorb-copy {
  width: 519px;
  height: 520px;
  margin-left: auto;
  text-align: left;
}
.absorb-copy h2 {
  color: #000;
  margin-top: -5px;
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: -3px;
}
.absorb-copy h2 em {
  color: #ff792a;
}
.absorb-copy p {
  margin-top: 35px;
  color: #000;
  font-size: 22px;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: -1.4px;
}
.absorb-copy p.first {
  margin-top: 46px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: -1.6px;
}
.absorb-copy p.first strong {
  color: #ff792a;
  font-weight: 700;
}
.absorb-copy p.first strong:last-of-type {
  font-weight: 700;
}

/* 13-17 */
.sub0207_13 {
  height: 48px;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: -2px;
}
.sub0207_13 i {
  display: inline-block;
  margin: 0 12px;
  color: #fff;
}
.sub0207_14 {
  height: 254px;
  margin-top: -4px;
  padding-bottom: 4px;
  font-size: 22px;
  letter-spacing: -1.2px;
}
.sub0207_14 .gap {
  height: 20px;
}
.bone-compare {
  width: 1240px;
  margin: 60px auto 0;
  padding: 0;
  border-collapse: collapse;
  table-layout: fixed;
  text-align: center;
}
.bone-compare th,
.bone-compare td {
  height: 80px;
  padding: 0;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: -0.3px;
}
.bone-compare thead th {
  height: 80px;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  background: #4b413a;
}
.bone-compare thead th:nth-child(2) {
  background: #7b6e64;
}
.bone-compare thead th:nth-child(3) {
  background: #ff792a;
}
.bone-compare tbody th {
  background: #d4d4d4;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -1.4px;
}
.bone-compare tbody td {
  background: #ebebeb;
}
.bone-compare col:nth-child(1),
.bone-compare th:nth-child(1) {
  width: 520px;
}
.bone-compare th:nth-child(2) {
  width: 200px;
}
.bone-compare tbody tr:last-child > * {
  border-bottom: 0;
}
.bone-compare th:last-child,
.bone-compare td:last-child {
  border-right: 0;
}
.effect-cards {
  display: flex;
  width: 1240px;
  height: 200px;
  margin: 0 auto;
  justify-content: space-between;
}
.effect-cards article {
  width: 590px;
  height: 200px;
  background: #fff;
}
.effect-cards h3 {
  height: 80px;
  background: #ff792a;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 80px;
  letter-spacing: -1.4px;
  text-align: center;
}
.effect-cards p {
  margin-top: 33px;
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0;
  text-align: center;
}
.effect-cards p strong {
  color: #ff792a;
  font-weight: 500;
}
.sub0207_17 {
  height: 62px;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: -1.4px;
}

/* 18-21 단계 */
.flow-steps {
  position: relative;
  display: flex;
  margin: 0 auto;
  width: 1240px;
  justify-content: space-between;
}
.flow-steps li {
  position: relative;
}
.flow-steps h3 {
  height: 60px;
  color: #ff792a;
  font-size: 22px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.5px;
  text-align: center;
}
.flow-steps .photo {
  display: block;
  background-repeat: no-repeat;
}
.flow-steps li:not(:last-child)::after {
  content: "";
  position: absolute;
  background:
    linear-gradient(#fff, #fff) 9px 19px / 22px 2px no-repeat,
    #ff792a;
  border-radius: 50%;
}
.flow-steps li:not(:last-child)::before {
  content: "";
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.flow-steps--six {
  height: 393px;
  margin-top: 5px;
}
.flow-steps--six li {
  width: 200px;
  height: 393px;
}
.flow-steps--six .photo {
  height: 206px;
  background-image: url("../img/sub0207_19.png");
  background-size: 1240px 393px;
}
.flow-steps--six li:nth-child(1) .photo {
  background-position: 0 -60px;
}
.flow-steps--six li:nth-child(2) .photo {
  background-position: -208px -60px;
}
.flow-steps--six li:nth-child(3) .photo {
  background-position: -416px -60px;
}
.flow-steps--six li:nth-child(4) .photo {
  background-position: -624px -60px;
}
.flow-steps--six li:nth-child(5) .photo {
  background-position: -832px -60px;
}
.flow-steps--six li:nth-child(6) .photo {
  background-position: -1040px -60px;
}
.flow-steps--six p {
  display: flex;
  height: 127px;
  background: #4b413a;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -1.5px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.flow-steps--six li:not(:last-child)::after {
  top: 10px;
  right: -24px;
  width: 40px;
  height: 40px;
}
.flow-steps--six li:not(:last-child)::before {
  top: 26px;
  left: 206px;
  width: 10px;
  height: 10px;
}
.flow-steps--four {
  height: 420px;
}
.flow-steps--four li {
  width: 305px;
  height: 420px;
}
.flow-steps--four .photo {
  height: 180px;
  background-image: url("../img/sub0207_21.png");
  background-size: 1240px 420px;
}
.flow-steps--four li:nth-child(1) .photo {
  background-position: 0 -60px;
}
.flow-steps--four li:nth-child(2) .photo {
  background-position: -312px -60px;
}
.flow-steps--four li:nth-child(3) .photo {
  background-position: -623px -60px;
}
.flow-steps--four li:nth-child(4) .photo {
  background-position: -935px -60px;
}
.flow-steps--four li > div {
  box-sizing: border-box;
  height: 180px;
  padding-top: 24px;
  background: #4b413a;
  text-align: center;
}
.flow-steps h4 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: -1.5px;
}
.flow-steps--four p {
  margin-top: 10px;
  color: #ecd8c0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -1.2px;
}
.flow-steps--four li:not(:last-child)::after {
  top: 4px;
  right: -29px;
  width: 50px;
  height: 50px;
  background:
    linear-gradient(#fff, #fff) 14px 24px / 22px 2px no-repeat,
    #ff792a;
}
.flow-steps--four li:not(:last-child)::before {
  top: 24px;
  left: 311px;
  width: 9px;
  height: 9px;
}

/* =========================================================
   sub0208.php - 이미지 문구 HTML 텍스트 전환
   ========================================================= */
.sub0208-hero *,
.sub0208-page * {
  box-sizing: content-box;
}
.sub0208-hero em,
.sub0208-page em,
.sub0208-page q {
  font-style: normal;
}
.sub0208-page {
  display: flex;
  flex-direction: column;
}
:where(.sub0208-page) h2,
:where(.sub0208-page) h3,
:where(.sub0208-page) h4,
:where(.sub0208-page) p,
:where(.sub0208-page) ol,
:where(.sub0208-page) ul,
:where(.sub0208-page) table,
.sub0208-hero h1,
.sub0208-hero p {
  margin: 0;
  padding-left: 0;
  font-family:
    "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.sub0208-page ol,
.sub0208-page ul {
  list-style: none;
}

/* 비주얼 */
.sub0208-hero h1,
.sub0208-hero p {
  text-align: left;
}
.sub0208-hero .sub0208_box_right_txt1 {
  height: 29px;
  color: #ff5400;
  font-size: 30px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: -2px;
}
.sub0208-hero .sub0208_box_right_txt2 {
  height: 60px;
  color: #fff;
  font-size: 62px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: -3px;
}
.sub0208-hero .sub0208_box_right_txt3 {
  height: 50px;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -1.2px;
}
.sub0208-hero .sub0208_box_right_txt3 span {
  display: block;
  color: #fff;
}
.sub0208-hero .sub0208_box_right_txt3 em {
  color: #f0c8a0;
}

/* 공통 제목 / 본문 */
.sub0208-title {
  position: relative;
  top: -3px;
  height: 38px;
  color: #000;
  font-size: 40px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: -3px;
  text-align: center;
  white-space: nowrap;
}
.sub0208-title em {
  color: #ff792a;
}
.sub0208-title--white {
  color: #fff;
}
.sub0208-lead {
  height: 24px;
  color: #000;
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -1.2px;
  text-align: center;
  white-space: nowrap;
}
.sub0208_02 {
  height: 22px;
}
.sub0208_13 {
  height: 22px;
}

/* 01-03 */
.sub0208_03.denture-intro {
  position: relative;
  width: 1240px;
  height: 360px;
  margin: 65px auto 0;
  padding-top: 0;
  text-align: left;
}
.denture-intro .photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 620px;
  height: 360px;
  background: url("../img/sub0208_03.png") no-repeat 0 0;
  background-size: 1240px 360px;
}
.denture-intro p {
  position: absolute;
  top: 64px;
  left: 680px;
  color: #111;
  font-size: 25px;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: -1.5px;
}
.denture-intro p + p {
  top: 190px;
}
.denture-intro strong {
  color: #ff792a;
  font-weight: 700;
}

/* 04-06 */
.sub0208-serif {
  height: 48px;
  color: #1c1410;
  font-family: "Nanum Myeongjo", "Batang", serif !important;
  font-size: 48px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: -1.2px;
  text-align: center;
  white-space: nowrap;
}
.sub0208-serif span {
  color: #fff;
}
.sub0208-white-copy {
  height: 60px;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: -1.2px;
  text-align: center;
  white-space: nowrap;
}
.sub0208_06.denture-quote {
  position: relative;
  width: 683px;
  height: 199px;
  margin: 134px auto 0;
  padding-top: 0;
}
.denture-quote p {
  position: absolute;
  margin: 0;
  color: #ecd8c0;
  font-size: 40px;
  font-weight: 300;
  letter-spacing: -0.9px;
  white-space: nowrap;
}
.denture-quote .mark {
  position: absolute;
  top: 14px;
  left: 328px;
  color: #ecd8c0;
  font-family: "Nanum Myeongjo", serif;
  font-size: 110px;
  font-weight: 800;
  line-height: 90px;
}
.denture-quote .mark::before {
  content: "\201C";
}
.denture-quote .l1 {
  top: 84px;
  left: 0;
  width: 683px;
  line-height: 50px;
  text-align: center;
}
.denture-quote .l2 {
  top: 145px;
  left: 108px;
  line-height: 53px;
}
.denture-quote strong {
  display: inline-block;
  width: 308px;
  height: 53px;
  background: #e05400;
  color: #fff;
  font-weight: 500;
  text-align: center;
}
.denture-quote em {
  margin-left: 4px;
}

/* 07-09 비교표 */
.sub0208_09.denture-compare {
  width: 1240px;
  margin: 60px auto 0;
  padding: 0;
  border-collapse: collapse;
  table-layout: fixed;
  text-align: center;
}
.denture-compare th,
.denture-compare td {
  padding: 0;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background: #ebebeb;
  color: #000;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.8px;
}
.denture-compare thead th {
  width: 500px;
  height: 78px;
  background: #4b413a;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.8px;
}
.denture-compare thead th:last-child {
  background: #ff792a;
}
.denture-compare td.vs,
.denture-compare tbody th {
  width: 236px;
  background: #cfcfcf;
  font-weight: 400;
}
.denture-compare td.vs {
  color: #222;
  font-size: 28px;
}
.denture-compare .pics td {
  height: 268px;
  padding: 0;
  vertical-align: top;
}
.denture-compare .photo {
  display: block;
  height: 268px;
  background: url("../img/sub0208_09.png") no-repeat;
  background-size: 1240px 840px;
}
.denture-compare .pics td:nth-child(1) .photo {
  background-position: 0 -80px;
}
.denture-compare .pics td:nth-child(2) .photo {
  background-position: -740px -80px;
}
.denture-compare tbody tr:not(.pics) > * {
  height: 80px;
}
.denture-compare tbody tr:last-child > * {
  border-bottom: 0;
}
.denture-compare tr > *:last-child {
  border-right: 0;
}

/* 10-11 장점 */
.merit-wrap {
  width: 1240px;
  height: 760px;
  margin-right: auto;
  margin-left: auto;
}
.merit-row {
  display: flex;
  justify-content: space-between;
}
.merit-row--four {
  height: 365px;
}
.merit-row--three {
  height: 345px;
  margin-top: 50px;
}
.merit-row li {
  position: relative;
  width: 280px;
  text-align: center;
}
.merit-row--three li {
  width: 387px;
}
.merit-row li::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  height: 340px;
  border-radius: 30px 0;
  background: #fff;
}
.merit-row--three li::before {
  height: 320px;
}
.merit-row li > * {
  position: relative;
}
.merit-row b {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 50%;
  background: #ff792a;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 50px;
}
.merit-row b.dark {
  background: #4b413a;
}
.merit-row .icon {
  display: block;
  width: 140px;
  height: 140px;
  margin: 15px auto 0;
  border-radius: 50%;
  background: url("../img/sub0208_11.png") no-repeat;
  background-size: 1240px 760px;
}
.merit-row--four li:nth-child(1) .icon {
  background-position: -70px -65px;
}
.merit-row--four li:nth-child(2) .icon {
  background-position: -390px -65px;
}
.merit-row--four li:nth-child(3) .icon {
  background-position: -710px -65px;
}
.merit-row--four li:nth-child(4) .icon {
  background-position: -1030px -65px;
}
.merit-row--three li:nth-child(1) .icon {
  background-position: -123px -480px;
}
.merit-row--three li:nth-child(2) .icon {
  background-position: -549px -480px;
}
.merit-row--three li:nth-child(3) .icon {
  background-position: -976px -480px;
}
.merit-row h3 {
  margin-top: 14px;
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -1.1px;
}
.merit-row p {
  margin-top: 14px;
  color: #646464;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -1.2px;
}
.merit-row--four li:nth-child(4) p {
  margin-top: 10px;
}

/* 12-14 */
.sub0208_14.denture-pills {
  display: grid;
  width: 1240px;
  height: 380px;
  grid-template-columns: 610px 610px;
  grid-auto-rows: 80px;
  gap: 20px;
  margin-right: auto;
  margin-left: auto;
}
.denture-pills li {
  display: flex;
  align-items: center;
  border-radius: 40px;
  background: #fff;
}
.denture-pills b {
  display: block;
  flex: none;
  width: 50px;
  height: 50px;
  margin-left: 16px;
  border-radius: 50%;
  background: #ff792a;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 50px;
  text-align: center;
}
.denture-pills p {
  margin-left: 12px;
  color: #000;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -1.4px;
  white-space: nowrap;
}
.denture-pills strong {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

/* 15-16 */
.sub0208_16.denture-steps {
  position: relative;
  display: flex;
  width: 1240px;
  height: 390px;
  margin-top: 5px;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
}
.denture-steps li {
  position: relative;
  width: 411px;
}
.denture-steps h3 {
  height: 60px;
  color: #444;
  font-size: 24px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.5px;
  text-align: center;
}
.denture-steps .photo {
  display: block;
  height: 170px;
  background: url("../img/sub0208_16.png") no-repeat 0 -60px;
  background-size: 1240px 390px;
}
.denture-steps li:nth-child(2) .photo {
  background-position: -415px -60px;
}
.denture-steps li:nth-child(3) .photo {
  background-position: -830px -60px;
}
.denture-steps li > div {
  box-sizing: border-box;
  height: 160px;
  padding-top: 25px;
  background: #856249;
  text-align: center;
}
.denture-steps h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -1.4px;
}
.denture-steps p {
  margin-top: 8px;
  color: #f0dcc8;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -1.2px;
}
.denture-steps li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 5px;
  right: -26px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background:
    linear-gradient(#fff, #fff) 14px 24px / 22px 2px no-repeat,
    #4b413a;
}
.denture-steps li:not(:last-child)::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 25px;
  left: 410px;
  width: 9px;
  height: 9px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

/* 17-18 */
.sub0208_18.care-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px 39px;
  width: 1240px;
  height: 780px;
  margin-top: 5px;
  margin-right: auto;
  margin-left: auto;
}
.care-grid li {
  width: 387px;
  height: 370px;
}
.care-grid li:nth-child(-n + 3) {
  margin-right: 0;
}
.care-grid .photo {
  display: block;
  height: 200px;
  background: url("../img/sub0208_18.png") no-repeat;
  background-size: 1240px 780px;
}
.care-grid li:nth-child(1) .photo {
  background-position: 0 0;
}
.care-grid li:nth-child(2) .photo {
  background-position: -427px 0;
}
.care-grid li:nth-child(3) .photo {
  background-position: -854px 0;
}
.care-grid li:nth-child(4) .photo {
  background-position: -214px -410px;
}
.care-grid li:nth-child(5) .photo {
  background-position: -641px -410px;
}
.care-grid li > div {
  box-sizing: border-box;
  height: 170px;
  padding-top: 22px;
  background: #4b413a;
  text-align: center;
}
.care-grid h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -1.4px;
}
.care-grid p {
  margin-top: 6px;
  color: #ecd8c0;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.5px;
  letter-spacing: -1.2px;
}