.ns100 {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}
.ns200 {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.ns300 {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.ns400 {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.ns500 {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.ns600 {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.ns700 {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.ns800 {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.ns900 {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

.gap-5 {
  gap: 1.25rem;
}
.gap-9 {
  gap: 36px;
}

ul {
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}
li {
  list-style: none;
  margin-bottom: 0;
}
a {
  text-decoration: none !important;
  color: var(--secondary);
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 0;
}

.fp-watermark {
  display: none;
}

body * {
  font-family: "Pretendard";
}

:root {
  --primary: #0f376d;
  --secondary: #383534;
  --text: #222222;

  --size-super: 5rem;
  --size-big: 3.75rem;

  --bold: 700;
  --medium: 500;
  --regular: 400;

  --nosotans: "Noto Sans KR", sans-serif;
  --pretendard: "Pretendard";
}

html {
  font-size: 16px;
}



/******************************************************************/

/******************************************************************/

.header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5.625%;
  height: 5.875rem; /* 94px -> 5.875rem */
  box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.header .logo img {
  width: 11rem;
}

.header.boxShadow {
  box-shadow: 0.0625rem 0.1875rem 0.375rem 0px rgba(0, 0, 0, 0.16); /* 1px 3px 6px -> rem */
}
.header ul {
  display: flex;
  align-items: center;
  gap: 2.9375rem; /* 47px -> 2.9375rem */
  transition: all 0.5s;
}
.header ul li a {
  color: var(--secondary);
  font-weight: 400;
  font-size: 1.25rem;
  letter-spacing: -0.04rem;
}
.header ul li.active a {
  color: #0f376d;
  font-weight: bold;
}
.header ul li button {
  background-color: transparent;
  border: none;
}

.sign {
  width: 11rem;
}
.section {
  width: 100vw;
}

#fullpage .section {
  text-align: center;
  color: #fff;
  height: 100vh;
}
#fullpage #section05 {
  height: auto !important;
}

#fp-nav {
  opacity: 0;
}

.fp-right {
  left: 1.75rem; /* 28px -> 1.75rem */
  right: auto !important;
}

#main #section01 {
  background-image: url(../img/sect01BG.jpg);
  background-size: cover;
  background-position: center center;
}
#main #section01 h1 {
  font-weight: var(--regular);
  color: #222222;
  letter-spacing: -0.04rem;
  line-height: 100%;
  font-size: var(--size-big); /* var(--big) -> var(--size-big) */
}
#main #section01 h1 strong {
  color: var(--primary);
  margin-bottom: 0.625rem; /* 10px -> 0.625rem */
  font-weight: var(--bold);
  font-size: var(--size-big); /* var(--big) -> var(--size-big) */
  letter-spacing: -0.04rem;
  line-height: 141%;
}
#main #section01 small {
  font-size: 0.875rem; /* 14px -> 0.875rem */
  font-weight: var(--regular);
  color: var(--primary);
  letter-spacing: 0.4rem;
  line-height: 225%;
  margin-bottom: 1.75rem; /* 28px -> 1.75rem */
}

#main #section01 button {
  background-color: rgba(255, 255, 255, 0.6);
  border: 0.125rem solid var(--primary); /* 2px -> 0.125rem */
  border-radius: 0.5rem; /* 8px -> 0.5rem */
  width: 13.75rem; /* 220px -> 13.75rem */
  height: 3.75rem; /* 60px -> 3.75rem */
  margin-top: 3.4375rem; /* 55px -> 3.4375rem */
  transition: all 0.5s;
}
#main #section01 button a {
  padding: 0 1.4375rem; /* 23px -> 1.4375rem */
}

#main #section01 button a h6 {
  font-size: 1.625rem; /* 26px -> 1.625rem */
  font-weight: bold;
  letter-spacing: -0.04rem;
  color: #0f376d;
}

#main #section01 button:hover {
  background-color: var(--primary);
  border: 0.125rem solid --primary; /* 2px -> 0.125rem */
}
#main #section01 button:hover a h6 {
  color: #fff;
}

#main #section01 button:hover a img {
  filter: invert(1) brightness(3) grayscale(1);
}

#main #section01 .thank {
  margin-top: 2.625rem; /* 42px -> 2.625rem */
}
/* sect02 */
#main #section02 {
  background-image: url(../img/sect02BG.jpg);
  background-size: cover;
  background-position: center center;
}
#main #section02 .wrap {
  width: 37.5rem; /* 600px -> 37.5rem */
  max-height: 37.1875rem; /* 595px -> 37.1875rem */
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#main #section02 mark {
  background: linear-gradient(to top, #fff897 50%, transparent 50%);
}
#main #section02 h1 {
  font-weight: var(--medium);
  font-size: var(--size-big);
  color: var(--text);
  white-space: nowrap;
}
#main #section02 h1 strong {
  font-weight: var(--bold);
  font-size: var(--size-super);
  color: var(--primary);
}
#main #section02 .textBlock {
  background-color: var(--primary);
  border-radius: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 2.375rem; /* 10px 38px -> rem */
  width: 37.5rem; /* 600px -> 37.5rem */
}
#main #section02 .textBlock h2 {
  color: #fff;
  font-weight: bold;
  font-size: 2.875rem; /* 46px -> 2.875rem */
  margin-bottom: 0;
}
#main #section02 h5 {
  font-size: 1.5rem; /* 24px -> 1.5rem */
  letter-spacing: 0.04rem;
  font-weight: var(--regular);
  color: var(--text);
  margin-top: 2.75rem; /* 44px -> 2.75rem */
  margin-bottom: 0.9375rem; /* 15px -> 0.9375rem */
}
#main #section02 .boxes {
  gap: 0.625rem; /* 10px -> 0.625rem */
}
#main #section02 .boxes .box {
  border-radius: 1.25rem;
  background-color: #dbdbdb;
  border: 0.0625rem solid #fff; /* 1px -> 0.0625rem */
  display: flex;
  padding: 0.9375rem; /* 15px -> 0.9375rem */
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.8125rem; /* 13px -> 0.8125rem */
  width: 100%;
  flex: 1;
}
#main #section02 .boxes .box p {
  font-size: 1rem; /* 16px -> 1rem */
  font-weight: var(--regular);

  color: var(--text);
  margin-bottom: 00;
}
#main #section02 .boxes .box mark {
  color: var(--primary);
  font-weight: var(--bold);
  font-size: 1.25rem;
  font-family: var(--nosotans);
  padding: 0;
}
#main #section02 .boxes .box img {
  width: 3.125rem; /* 50px -> 3.125rem */
  height: 3.125rem; /* 50px -> 3.125rem */
}

#main #section02 button {
  background-color: rgba(255, 255, 255, 0.6);
  border: 0.125rem solid var(--primary); /* 2px -> 0.125rem */
  border-radius: 0.5rem; /* 8px -> 0.5rem */
  width: 13.75rem; /* 220px -> 13.75rem */
  height: 3.75rem; /* 60px -> 3.75rem */
  margin-top: 3.4375rem; /* 55px -> 3.4375rem */
  transition: all 0.5s;
}
#main #section02 button a {
  padding: 0 1.5625rem; /* 25px -> 1.5625rem */
}
#main #section02 button a h6 {
  letter-spacing: -0.04rem;
  font-size: 1.25rem;
  font-weight: var(--bold);
  color: var(--primary);
}

#main #section02 button a img {
  height: 1rem; /* 16px -> 1rem */
}
#main #section02 button:hover {
  background-color: var(--primary);
  border: 0.125rem solid --primary; /* 2px -> 0.125rem */
}
#main #section02 button:hover a h6 {
  color: #fff;
}

#main #section02 button:hover a img {
  filter: invert(1) brightness(3) grayscale(1);
}
/* sect03 */

#main #section03 {
  justify-content: end !important;
}

#main #section03 .tabWrap {
  gap: 10.5625rem; /* 169px -> 10.5625rem */

}
#main #section03 .imgBox {
  position: relative;
}
#main #section03 .imgBox img {
  /* 900px, 700px을 VW/VH로 설정하여 화면 비율에 맞춰 조정 */
  width: 46.875vw; /* 900px / 1920px * 100vw */

  border-radius: 0 3.75rem 0 0; /* 60px -> 3.75rem */
  transition: all 0.5s;

}

#main #section03 .selectBox {
  text-align: left;
}

#main #section03 .selectBox small {
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: -0.04rem;
  line-height: 150%;
  color: #6b6b6b;
}
#main #section03 .selectBox h1 {
  color: var(--primary);
  font-weight: var(--bold);
  font-size: var(--size-big);
  line-height: 133%;
  letter-spacing: -0.04rem;
  margin-top: 1.375rem; /* 22px -> 1.375rem */
  margin-bottom: 3.8125rem; /* 61px -> 3.8125rem */
}
#main #section03 .selectBox li {
  border-radius: 0.625rem; /* 10px -> 0.625rem */
  height: 5.125rem; /* 82px -> 5.125rem */
  width: 17.625rem; /* 282px -> 17.625rem */
  padding: 0 0.8125rem; /* 13px -> 0.8125rem */
  display: flex;
  align-items: center;
  gap: 1.875rem; /* 30px -> 1.875rem */
  cursor: pointer;
}

#main #section03 .selectBox li.active {
  background-color: rgba(190, 218, 243, 0.2);
}

#main #section03 .selectBox li .number {
  border-radius: 0.625rem; /* 10px -> 0.625rem */
  width: 3.75rem; /* 60px -> 3.75rem */
  height: 3.75rem; /* 60px -> 3.75rem */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.875rem; /* 30px -> 1.875rem */
  font-weight: bold;
  line-height: 226%;
  border: 0.0625rem solid; /* 1px -> 0.0625rem */
  border-color: var(--primary);
  color: var(--primary);
}
#main #section03 .selectBox li.active .number {
  background-color: var(--primary);
  color: #fff;
}

#main #section03 .selectBox li .jinryo {
  font-size: 2.25rem; /* 36px -> 2.25rem */
  font-weight: var(--regular);
  color: #141414;
  line-height: 188%;
  margin-bottom: 0;
}
#main #section03 .selectBox li.active .jinryo {
  color: var(--primary);
  font-weight: bold;
}

#main #section03 .columns-wrapper {
  gap: 5.8125rem; /* 93px -> 5.8125rem */
}

#main #section03 .pagination {
  background-color: rgba(34, 34, 34, 0.8);
  border-radius: 0 5rem 0 0; /* 80px -> 5rem */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 41.1458vw; /* 790px / 1920px * 100vw */
  height: 10rem; /* 160px -> 10rem */
  padding: 0 4.4375rem; /* 71px -> 4.4375rem */
  justify-content: space-between;
}

#main #section03 .pagination .txtBox {
  gap: 1.75rem; /* 28px -> 1.75rem */
}

#main #section03 .pagination h2 {
  color: #fff;
  font-weight: bold;
  font-size: 3.125rem; /* 50px -> 3.125rem */
  line-height: 100%;
  text-align: left;
}
#main #section03 .pagination h5 {
  font-size: 1.5rem; /* 24px -> 1.5rem */
  font-weight: bold;
  color: #bedaf3;
  line-height: 150%;
  text-align: left;
  max-width: 21.875rem; /* 350px -> 21.875rem */
  display: flex;
  flex-wrap: wrap;
}
#main #section03 .pagination h5 span {
  min-width: 20%;
  margin-right: 0.625rem; /* 10px -> 0.625rem */
  color: #bedaf3;
}
#main #section03 .pagination .buttonWrap {
  display: flex;
  align-items: center;
  gap: 0.25rem; /* 4px -> 0.25rem */
}
#main #section03 .pagination .buttonWrap button {
  width: 2.5rem; /* 40px -> 2.5rem */
  height: 2.5rem; /* 40px -> 2.5rem */
  border-radius: 0.625rem; /* 10px -> 0.625rem */
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
#main #section03 .pagination .buttonWrap button img {
  height: 1.3125rem; /* 21px -> 1.3125rem */
  min-height: 0!important;
}
#main #section03 .pagination .buttonWrap button.prev {
  background-color: #707070;
}
#main #section03 .pagination .buttonWrap button.next {
  background-color: var(--primary);
}

#main #section03 .imgBox img,
.imgBox .jinryo,
.imgBox .hashtag {
  transition: opacity 0.5s ease-in-out;
}

/* sect04 */

#main #section04 .wrap {
  gap: 5rem; /* 80px -> 5rem */
}
#main #section04 .maps {
  width: 35.4166vw; /* 680px / 1920px * 100vw */
  height: 30.625vw;  /* 588px -> 36.75rem */
  border-radius: 0 3.75rem 0 0; /* 60px -> 3.75rem */
  position: relative;
  background-image: url(../img/map.jpg);
}
#main #section04 .maps .mapTab {
  width: 26.0416vw; /* 500px / 1920px * 100vw */
  height: 4.375rem; /* 70px -> 4.375rem */
  position: absolute;
  bottom: 1.375rem; /* 22px -> 1.375rem */
  left: 5.625rem; /* 90px -> 5.625rem */
  display: flex;
  align-items: center;
  gap: 0.5rem; /* 8px -> 0.5rem */
  z-index: 2;
}
#main #section04 .maps .mapTab button {
  flex: 1;
  border: 0.125rem solid; /* 2px -> 0.125rem */
  background-color: #f3f3f3;
  background-blend-mode: overlay;
  gap: 1.125rem; /* 18px -> 1.125rem */
  height: 4.375rem; /* 70px -> 4.375rem */
  border-radius: 0.625rem; /* 10px -> 0.625rem */
}
#main #section04 .maps .mapTab button a {
  gap: 1.125rem; /* 18px -> 1.125rem */
  width: 100%;
  height: 100%;
}
#main #section04 .maps .mapTab button p {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 125%;
  letter-spacing: -0.02rem;
  color: var(--text);
}
#main #section04 .maps .mapTab button img {
  width: 2rem; /* 32px -> 2rem */
  height: 2rem; /* 32px -> 2rem */
}
#main #section04 .maps .mapTab button.navermap {
  border-color: #49c950;
}
#main #section04 .maps .mapTab button.kakaomap {
  border-color: #ffac06;
}

#main #section04 .maps .map_area {
  width: 100%;
  height: 30.625vw /* 588px -> 36.75rem */
  /* overflow: hidden; */
}

#main #section04 .maps .map_content {
  width: 100%;
  height: 36.75rem; /* 588px -> 36.75rem */
  border-radius: 0 3.75rem 0 0; /* 60px -> 3.75rem */
  display: none;
  overflow: hidden;
}

#main #section04 .maps .map_content.active {
  display: block;
}
#main #section04 .maps .map_content .root_daum_roughmap {
  border-radius: 0 3.75rem 0 0; /* 60px -> 3.75rem */
}

#main #section04 .info {
  gap: 4.40625rem; /* 70.5px -> 4.40625rem */
  text-align: left;
}
#main #section04 .info h3 {
  font-size: 2.5rem; /* 40px -> 2.5rem */
  font-weight: bold;
  letter-spacing: -0.04rem;
  color: var(--text);
}
#main #section04 .info em {
  display: block;
  width: 100%;
  margin-top: 1.15625rem; /* 18.5px -> 1.15625rem */
  margin-bottom: 2.78125rem; /* 44.5px -> 2.78125rem */
  background-color: #707070;
  height: 0.0625rem; /* 1px -> 0.0625rem */
}
#main #section04 .info label {
  font-size: 1.375rem; /* 22px -> 1.375rem */
  font-weight: bold;
  letter-spacing: -0.024rem;
  letter-spacing: 181%;
  color: var(--text);
  margin-bottom: 1rem; /* 16px -> 1rem */
}
#main #section04 .info .hosInfo #call {
  font-size: 2.5rem; /* 40px -> 2.5rem */
  color: var(--primary);
  font-weight: bold;
  line-height: 100%;
  letter-spacing: -0.01rem;
}
#main #section04 .info .hosInfo .hosDetail {
  display: flex;
  flex-direction: column;
  gap: 2.375rem; /* 38px -> 2.375rem */
}
#main #section04 .info .hosInfo .hosDetail .textBlock {
  background-color: rgba(56, 53, 52, 0.06);
  margin-bottom: 0.5rem; /* 8px -> 0.5rem */
  padding-left: 0.8125rem; /* 13px -> 0.8125rem */
  border-radius: 0.625rem; /* 10px -> 0.625rem */
}

#main #section04 .info .hosInfo .hosDetail .textBlock p {
  font-size: 1.125rem; /* 18px -> 1.125rem */
  font-weight: 500;
  letter-spacing: -0.04rem;
  line-height: 2.75rem; /* 44px -> 2.75rem */
  color: #222222;
  margin-bottom: 0;
}

#main #section04 .info h6 {
  margin-bottom: 0.875rem; /* 14px -> 0.875rem */
}

#main #section04 .info h6#roadName {
  font-size: 1.25rem;
  font-weight: bold;
  color: #0f376d;
}
#main #section04 .info h6#roadNumber {
  font-size: 1.25rem;
  font-weight: var(--regular);
  color: #222222;
}
#main #section04 .info h6#parking {
  font-size: 1.25rem;
  font-weight: var(--regular);
  color: #222222;
}
#main #section04 .info .roadInfo div {
  margin-bottom: 3.875rem; /* 62px -> 3.875rem */
}

/* footer */

#section05.fp-auto-height {
  padding-top: 0 !important;
}

footer {
  background-color: #0f376d;
  height: 25rem; /* 400px -> 25rem */
  z-index: 2;
  position: relative;
  width: 100%; /* 1920px -> 100% */
}
footer .container {
  max-width: 90rem; /* 1440px -> 90rem */
  gap: 4.5625rem; /* 73px -> 4.5625rem */
}

footer .container:nth-of-type(1) {
  padding: 4.125rem 0 3.4375rem 0; /* 66px, 55px -> rem */
}

footer .container:nth-of-type(2) {
  padding: 3.625rem 0 6.125rem 0; /* 58px, 98px -> rem */
}

/* footer > div:nth-of-type(2) div 너비 vw로 유동적 설정 */
footer > div:nth-of-type(2) div {
  flex: 1;
  min-width: 33.75vw; /* 634px -> 33.75vw */
}

footer > div:nth-of-type(2) div:nth-of-type(2) {
  gap: 0.8125rem; /* 13px -> 0.8125rem */
  width: 39.2708vw; /* 754px -> 39.2708vw */
}
footer button a {
  display: flex;
  align-items: center;
  gap: 0.83125rem; /* 13.3px -> 0.83125rem */
}

footer em {
  background-color: #ffffff;
  height: 0.0625rem; /* 1px -> 0.0625rem */
  display: block;
}
footer p {
  font-size: 1rem; /* 16px -> 1rem */
  font-weight: var(--regular);
  opacity: 0.3;
  width: 100%;
  margin-bottom: 0;
  color: #fff;
  text-align: left;
}
footer button {
  background-color: #fff;
  border: none;
  gap: 0.8125rem; /* 13px -> 0.8125rem */
  border-radius: 0.625rem; /* 10px -> 0.625rem */
  min-width: 10.625rem; /* 170px -> 10.625rem */
  height: 3.875rem; /* 62px -> 3.875rem */
}
footer button img {
  width: 1.75rem; /* 28px -> 1.75rem */
}
footer button span {
  letter-spacing: -0.02rem;
  font-size: 1.25rem;
  font-weight: bold;
  color: #222;
}
footer button:last-child {
  background-color: transparent;
  margin-left: 0.4375rem; /* 7px -> 0.4375rem */
  min-width: 12.375rem; /* 198px -> 12.375rem */
}

footer button:last-child a {
  margin-left: 0.4375rem; /* 7px -> 0.4375rem */
}

footer button:last-child label img {
  width: 1.343125rem; /* 21.49px -> 1.343125rem */
}
footer button:last-child label span {
  font-size: 1.25rem;
  letter-spacing: -0.02rem;
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
}
footer button:last-child h4 {
  font-size: 1.875rem; /* 30px -> 1.875rem */
  font-weight: bold;
  color: #fff;
}
#introduce #section01 {
  justify-content: flex-start;
}
#introduce #section01 .blueBox {
  background-image: url("../img/introBG.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 31.5rem; /* 504px -> 31.5rem */
}
#introduce #section01 .blueBox .collab {
  width: 66.7708vw; /* 1282px -> 66.7708vw */
  height: 4.8125rem; /* 77px -> 4.8125rem */
  background-color: #fff;
  border: 0.0625rem solid #e5e5e5; /* 1px -> 0.0625rem */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2.4375rem; /* 39px -> 2.4375rem */
  margin-top: 4rem; /* 64px -> 4rem */
}
#introduce #section01 .blueBox small {
  font-size: 0.875rem; /* 14px -> 0.875rem */
  font-weight: 300;
  color: #fff;
  letter-spacing: 0.2rem;
  margin-bottom: 1.75rem; /* 28px -> 1.75rem */
  font-family: "GMarketSans";
}
#introduce #section01 .blueBox h1 {
  font-weight: 500;
  letter-spacing: -0.04rem;
  line-height: 4.4375rem; /* 71px -> 4.4375rem */
  font-size: var(--size-big);
  color: #ffffff;
  margin-top: 1rem; /* 16px -> 1rem */
}
#introduce #section01 .whiteBox {
  height: calc(100vh - 31.5rem);
  max-height: 23.9375rem; /* 383px -> 23.9375rem */
}
#introduce #section01 .whiteBox .InWhiteBox {
  box-shadow: 0px 0.1875rem 0.375rem 0px rgba(0, 0, 0, 0.1);
  max-width: 90rem; /* 1440px -> 90rem */
  height: 16.25rem; /* 260px -> 16.25rem */
  border-radius: 1.5rem; /* 24px -> 1.5rem */
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -2.8125rem; /* -45px -> -2.8125rem */
  background: #fff;
}
#introduce #section01 .whiteBox .InWhiteBox h3 {
  font-size: 2.5rem; /* 40px -> 2.5rem */
  font-weight: var(--regular);
  color: #222;
  line-height: 3.75rem; /* 60px -> 3.75rem */
  letter-spacing: -0.04rem;
}
#introduce #section01 .whiteBox .InWhiteBox h3 strong {
  font-weight: bold;
  color: var(--primary);
}
#introduce #section02 {
  background-image: url(../img/sect0202bg.jpg);
  background-size: 100%;
}
#introduce #section02 h3 {
  font-size: 2.5rem; /* 40px -> 2.5rem */
  font-weight: var(--regular);
  color: #222;
  line-height: 3.75rem; /* 60px -> 3.75rem */
  letter-spacing: -0.04rem;
  margin-bottom: 0;
}
#introduce #section02 h3 strong {
  font-weight: bold;
  color: var(--primary);
}
#introduce #section02 .context {
  border-top: 0.0625rem solid #707070; /* 1px -> 0.0625rem */
  border-bottom: 0.0625rem solid #707070; /* 1px -> 0.0625rem */
  padding: 3.25rem 1.75rem 3.5rem 1.75rem; /* 52px 28px 56px 28px -> rem */
  max-width: 90rem; /* 1440px -> 90rem */
  margin: 0 auto;
  gap: 5.5625rem; /* 89px -> 5.5625rem */
  margin-top: 3.3125rem; /* 53px -> 3.3125rem */
  margin-bottom: 2rem; /* 32px -> 2rem */
}
#introduce #section02 .context div {
  gap: 2.5625rem; /* 41px -> 2.5625rem */
}
#introduce #section02 .context div p {
  font-size: 1.625rem; /* 26px -> 1.625rem */
  font-weight: 500;
  line-height: 2.875rem; /* 46px -> 2.875rem */
  letter-spacing: -0.04rem;
  color: #2c2c2a;
  text-align: left;
  margin-bottom: 0;
}
#introduce #section02 .context div p strong {
  color: var(--primary);
  font-weight: bold;
}
#introduce #section02 .contextBottom em {
  display: block;
  width: 0.3125rem; /* 5px -> 0.3125rem */
  height: 1.75rem; /* 28px -> 1.75rem */
  background-color: var(--primary);
  margin-right: 1.25rem;
}
#introduce #section02 .contextBottom p {
  font-weight: 600;
  font-size: 1.5rem; /* 24px -> 1.5rem */
  line-height: 2.25rem; /* 36px -> 2.25rem */
  letter-spacing: -0.04rem;
  color: #222;
  margin-bottom: 0;
  margin-right: 1.3125rem; /* 21px -> 1.3125rem */
}
#introduce #section03 .swiper-slide {
  cursor: grab;
}
#introduce #section03 .container {
  max-width: 90rem; /* 1440px -> 90rem */
  gap: 2.8125rem; /* 45px -> 2.8125rem */
}
#introduce #section03 .imgBox {
  width: 29.479vw; /* 566px -> 29.479vw */
  height: 43.75rem; /* 700px -> 43.75rem */
  position: relative;
  display: flex;
  align-items: flex-end;
}
#introduce #section03 .imgBox img {
  width: 100%;
}
#introduce #section03 .imgBox .btnWrap {
  bottom: 1.6875rem; /* 27px -> 1.6875rem */
  right: 1.75rem; /* 28px -> 1.75rem */
}
#introduce #section03 .imgBox .btnWrap button {
  padding: 0 0.95625rem 0 1.1875rem; /* 15.3px 19px -> rem */
  width: 14rem; /* 224px -> 14rem */
  height: 3.125rem; /* 50px -> 3.125rem */
  border-radius: 0.625rem; /* 10px -> 0.625rem */
  border: 0.125rem solid #0f376d; /* 2px -> 0.125rem */
  background-color: #fff;
  transition: all 0.5s;
}
#introduce #section03 .imgBox .btnWrap button:hover {
  background-color: #0f376d;
}
#introduce #section03 .imgBox .btnWrap button span {
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: -0.04rem;
  line-height: 2.75rem; /* 44px -> 2.75rem */
  color: #0f376d;
  transition: inherit;
}
#introduce #section03 .imgBox .btnWrap button:hover span {
  color: #fff;
}
#introduce #section03 .imgBox .btnWrap button img {
  width: 1rem; /* 16px -> 1rem */
  transition: inherit;
}
#introduce #section03 .imgBox .btnWrap button:hover img {
  filter: invert(1) brightness(10);
}
#introduce #section03 .infoBox {
  padding-top: 4.25rem; /* 68px -> 4.25rem */
  width: 49.98125rem; /* 802.5px -> 49.98125rem */
}
#introduce #section03 .infoBox .nameBox {
  gap: 1.125rem; /* 18px -> 1.125rem */
  width: 100%;
  height: 3.3125rem; /* 53px -> 3.3125rem */
  border-bottom: 0.0625rem solid #707070; /* 1px -> 0.0625rem */
  padding-left: 1.1875rem; /* 19px -> 1.1875rem */
  padding-bottom: 1.25rem;
  padding-top: 2.375rem; /* 38px -> 2.375rem */
  margin-bottom: 2.875rem; /* 46px -> 2.875rem */
}
#introduce #section03 .infoBox .nameBox h2 {
  font-size: 2.75rem; /* 44px -> 2.75rem */
  font-weight: 900;
  line-height: 2.375rem; /* 38px -> 2.375rem */
  color: #0f376d;
}
#introduce #section03 .infoBox .nameBox h4 {
  font-weight: 500;
  letter-spacing: -0.04rem;
  line-height: 2.375rem; /* 38px -> 2.375rem */
  font-size: 1.875rem; /* 30px -> 1.875rem */
  color: #2c2c2a;
}
#introduce #section03 .logoBox {
  right: 0;
  top: 0.3125rem; /* 5px -> 0.3125rem */
  gap: 0.9375rem; /* 15px -> 0.9375rem */
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid rgba(15, 55, 109, 0.2); /* 1px -> 0.0625rem */
  border-radius: 2.75rem; /* 44px -> 2.75rem */
  width: 12rem; /* 192px -> 12rem */
  height: 5.625rem; /* 90px -> 5.625rem */
}
#introduce #section03 .logoBox img {
  width: 4.5rem; /* 72px -> 4.5rem */
  height: 4.5rem; /* 72px -> 4.5rem */
}
#introduce #section03 .careerBox {
  display: flex;
  flex-direction: column;
  gap: 3rem; /* 48px -> 3rem */
}
#introduce #section03 .careerBox .grayArea {
  gap: 0.6875rem; /* 11px -> 0.6875rem */
  padding-left: 1.1875rem; /* 19px -> 1.1875rem */
}
#introduce #section03 .careerBox .grayBox {
  width: 25.625rem; /* 410px -> 25.625rem */
  height: 3rem; /* 48px -> 3rem */
  border: 0.0625rem solid #eeeeee; /* 1px -> 0.0625rem */
  border-radius: 0.625rem; /* 10px -> 0.625rem */
  background-color: #eeeeee;
  gap: 0.625rem; /* 10px -> 0.625rem */
  padding-left: 0.8125rem; /* 13px -> 0.8125rem */
}
#introduce #section03 .careerBox .grayBox img {
  width: 1.83125rem; /* 29.3px -> 1.83125rem */
  height: 1.83125rem; /* 29.3px -> 1.83125rem */
}
#introduce #section03 .careerBox .grayBox p {
  font-size: 1.5rem; /* 24px -> 1.5rem */
  font-weight: bold;
  line-height: 2.0625rem; /* 33px -> 2.0625rem */
  letter-spacing: -0.04rem;
  color: #0f376d;
}
#introduce #section03 .careerBox .listArea {
  padding-left: 0.8125rem; /* 13px -> 0.8125rem */
  display: flex;
  flex-direction: column;
  gap: 3.04375rem; /* 48.7px -> 3.04375rem */
}
#introduce #section03 .careerBox .listArea ul {
  margin-bottom: 0;
  padding-left: 0;
  width: 100%;
}
#introduce #section03 .careerBox .listArea ul li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: start;
}
#introduce #section03 .careerBox .listArea ul.noDot {
  width: 100%;
  padding-left: 0.8125rem !important; /* 13px -> 0.8125rem */
}
#introduce #section03 .careerBox .listArea ul.noDot img {
  width: 1.831875rem; /* 29.31px -> 1.831875rem */
  height: 1.831875rem; /* 29.31px -> 1.831875rem */
  margin-right: 0.8125rem; /* 13px -> 0.8125rem */
}
#introduce #section03 .careerBox .listArea ul.noDot p {
  font-size: 1.5rem; /* 24px -> 1.5rem */
  font-weight: 500;
  letter-spacing: -0.04rem;
  line-height: 2.875rem; /* 46px -> 2.875rem */
  color: #222;
}
#introduce #section03 .careerBox .listArea ul.dot {
  margin-bottom: 0;
  padding-left: 0.8125rem !important; /* 13px -> 0.8125rem */
  width: 100%;
}
#introduce #section03 .careerBox .listArea ul.dot li p {
  font-size: 1.4rem; /* 24px -> 1.5rem */
  letter-spacing: -0.04rem;
  font-weight: 500;
  line-height: 2.875rem; /* 46px -> 2.875rem */
  color: #222;
}
#introduce #section03 .career2 {
  padding-left: 2.09375rem; /* 33.5px -> 2.09375rem */
}
#introduce #section03 .career2 ul li h6 {
  font-size: 1.5rem; /* 24px -> 1.5rem */
  font-weight: var(--medium);
  line-height: 2.875rem; /* 46px -> 2.875rem */
  letter-spacing: -0.04rem;
  color: #222;
  text-align: left;
}
#introduce #section03 .career3 {
  padding-left: 2.09375rem; /* 33.5px -> 2.09375rem */
}
#introduce #section03 .career3 ul li h6 {
  font-size: 1.5rem; /* 24px -> 1.5rem */
  font-weight: var(--medium);
  line-height: 2.875rem; /* 46px -> 2.875rem */
  letter-spacing: -0.04rem;
  color: #222;
  text-align: left;
}
#introduce .pagination {
  bottom: 4.0625rem; /* 65px -> 4.0625rem */
  right: 0;
  background-color: #0f376d;
  border-radius: 3.125rem 0 0 3.125rem; /* 50px -> 3.125rem */
  width: 12.8125rem; /* 205px -> 12.8125rem */
  height: 5.625rem; /* 90px -> 5.625rem */
  left: auto;
  color: #fff;
  font-size: 2.75rem; /* 44px -> 2.75rem */
  font-weight: 100;
  line-height: 2.375rem; /* 38px -> 2.375rem */
  display: flex;
  gap: 0.75rem; /* 12px -> 0.75rem */
  justify-content: center;
  align-items: baseline;
}
#introduce .pagination .swiper-pagination-current {
  font-size: 2.75rem; /* 44px -> 2.75rem */
  font-weight: 900;
  letter-spacing: 0;
  line-height: 2.375rem; /* 38px -> 2.375rem */
  color: #bedaf3;
}
#introduce .pagination .swiper-pagination-total {
  font-size: 1.875rem; /* 30px -> 1.875rem */
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.375rem; /* 38px -> 2.375rem */
  color: #ffffff;
}
#introduce #section04 .container {
  max-width: 90rem; /* 1440px -> 90rem */
  padding: 0;
}
#introduce #section04 .visionBox {
  width: 100%;
  height: 13.75rem; /* 220px -> 13.75rem */
  border-radius: 1.25rem;
  background-color: #0f376d;
  border: 0.0625rem solid #e5e5e5; /* 1px -> 0.0625rem */
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0 4.125rem; /* 66px -> 4.125rem */
  margin-bottom: 1.25rem;
}
#introduce #section04 .visionBox label {
  width: 10.625rem; /* 170px -> 10.625rem */
  height: 2.5rem; /* 40px -> 2.5rem */
  border-radius: 1.25rem;
  border: 0.125rem solid #fff; /* 2px -> 0.125rem */
  color: #fff;
  background-color: transparent;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  line-height: 2.625rem; /* 42px -> 2.625rem */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.6875rem; /* 27px -> 1.6875rem */
}
#introduce #section04 .visionBox h2 {
  font-size: 2.75rem; /* 44px -> 2.75rem */
  letter-spacing: -0.04rem;
  line-height: 3.125rem; /* 50px -> 3.125rem */
  color: #ffffff;
  font-weight: var(--regular);
}
#introduce #section04 .visionBox h2 strong {
  color: #bedaf3;
  font-weight: bold;
}
#introduce #section04 .missionBox {
  flex: 1;
  border: 0.0625rem solid #707070; /* 1px -> 0.0625rem */
  border-radius: 1.25rem;
  background-color: #fff;
  padding: 0 4.125rem; /* 66px -> 4.125rem */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  height: 27.5rem; /* 440px -> 27.5rem */
}
#introduce #section04 .missionBox label {
  width: 10.625rem; /* 170px -> 10.625rem */
  height: 2.5rem; /* 40px -> 2.5rem */
  border-radius: 1.25rem;
  border: 0.125rem solid #0f376d; /* 2px -> 0.125rem */
  color: #0f376d;
  background-color: transparent;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  line-height: 2.625rem; /* 42px -> 2.625rem */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.6875rem; /* 27px -> 1.6875rem */
}
#introduce #section04 .missionBox h2 {
  font-size: 2.75rem; /* 44px -> 2.75rem */
  font-weight: bold;
  letter-spacing: -0.04rem;
  line-height: 3.75rem; /* 60px -> 3.75rem */
  color: #2c2c2a;
}
#introduce #section04 .missionBox h2 strong {
  color: #0f376d;
  font-weight: bold;
}
#introduce #section04 .missionBox p {
  font-size: 1.5rem; /* 24px -> 1.5rem */
  font-weight: var(--regular);
  letter-spacing: -0.04rem;
  line-height: 2.75rem; /* 44px -> 2.75rem */
  color: #2c2c2a;
}
#introduce #section04 .missionBox p strong {
  font-weight: bold;
  color: #0f376d;
}
#introduce #section04 .valueBox {
  flex: 1;
  border: 0.0625rem solid #707070; /* 1px -> 0.0625rem */
  border-radius: 1.25rem;
  background-color: #fff;
  justify-content: center;
  padding: 0 4.125rem; /* 66px -> 4.125rem */
  height: 27.5rem; /* 440px -> 27.5rem */
  display: flex;
  flex-direction: column;
}
#introduce #section04 .valueBox label {
  width: 10.625rem; /* 170px -> 10.625rem */
  height: 2.5rem; /* 40px -> 2.5rem */
  border-radius: 1.25rem;
  border: 0.125rem solid #0f376d; /* 2px -> 0.125rem */
  color: #0f376d;
  background-color: transparent;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  line-height: 2.625rem; /* 42px -> 2.625rem */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.6875rem; /* 27px -> 1.6875rem */
}
#introduce #section04 .valueBox img {
  width: 100%;
}
/* 04. 제이치료  */
/* ---------------------------------------------------- */
/* Jchiryo 섹션 스타일 (REM/VW/VH 변환 완료)             */
/* ---------------------------------------------------- */

/* --- 섹션 01: 헤더 및 탭 선택 영역 --- */
#jchiryo #section01 {
  justify-content: flex-start;
}

#jchiryo #section01 .blueBox {
  background-image: url("../img/introBG.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 31.5rem; /* 504px -> 31.5rem */
}
#jchiryo #section01 .blueBox .collab {
  margin-top: 4rem; /* 64px -> 4rem */
}

#jchiryo #section01 .blueBox .collab h6 {
  font-size: 1.25rem;
  line-height: 2.125rem; /* 34px -> 2.125rem */
  letter-spacing: -0.04rem;
  font-weight: var(--regular);
  color: #fff;
  text-align: center;
}
#jchiryo #section01 .blueBox .collab h6 span {
  color: #bedaf3;
}

#jchiryo #section01 .blueBox small {
  font-size: 0.875rem; /* 14px -> 0.875rem */
  font-weight: 300;
  color: #fff;
  letter-spacing: 0.2rem;
  margin-bottom: 1.75rem; /* 28px -> 1.75rem */
  font-family: "GMarketSans";
}

#jchiryo #section01 .blueBox h1 {
  font-weight: 500;
  letter-spacing: -0.04rem;
  line-height: 4.4375rem; /* 71px -> 4.4375rem */
  font-size: var(--size-big); /* var(--big) -> var(--size-big) */
  color: #ffffff;
  margin-top: 1rem; /* 16px -> 1rem */
}

#jchiryo #section01 .whiteBox {
  /* calc(100vh - 504px) -> calc(100vh - 31.5rem) */
  height: calc(100vh - 31.5rem);
  max-height: 23.9375rem; /* 383px -> 23.9375rem */
}
#jchiryo #section01 .whiteBox .InWhiteBox {
  box-shadow: 0rem 0.1875rem 0.375rem 0rem rgba(0, 0, 0, 0.1); /* 3px 6px -> rem */
  max-width: 90rem; /* 1440px -> 90rem (고정 최대 너비) */
  height: 16.25rem; /* 260px -> 16.25rem */
  border-radius: 1.5rem; /* 24px -> 1.5rem */
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -2.8125rem; /* -45px -> -2.8125rem */
  background: #fff;
  padding: 2.25rem 4.4375rem 2.5rem 4.4375rem; /* 36px 71px 40px 71px -> rem */
  gap: 2.125rem; /* 34px -> 2.125rem */
}
#jchiryo #section01 .whiteBox .InWhiteBox > div.col-4 {
  display: flex;
  flex: 1;
}
#jchiryo #section01 .whiteBox .InWhiteBox button {
  border: 0.0625rem solid #707070; /* 1px -> 0.0625rem */
  background-color: #fff;
  border-radius: 0.625rem; /* 10px -> 0.625rem */
  transition: all 0.5s;
  width: 100%;
  height: 13.375rem; /* 214px -> 13.375rem */
  flex: 1;
}
#jchiryo #section01 .whiteBox .InWhiteBox button.active {
  background-color: #0f376d;
}
#jchiryo #section01 .whiteBox .InWhiteBox button:hover {
  background-color: #0f376d;
}
#jchiryo #section01 .whiteBox .InWhiteBox button a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.9375rem; /* 15px -> 0.9375rem */
}
#jchiryo #section01 .whiteBox .InWhiteBox button a img {
  width: 5.25rem; /* 84px -> 5.25rem */
}
#jchiryo #section01 .whiteBox .InWhiteBox button a h3 {
  font-size: 2.125rem; /* 34px -> 2.125rem */
  font-weight: bold;
  letter-spacing: -0.04rem;
  color: #0f376d;
  transition: all 0.5s;
  margin-bottom: 0;
}
#jchiryo #section01 .whiteBox .InWhiteBox button.active h3 {
  color: #fff;
}
#jchiryo #section01 .whiteBox .InWhiteBox button:hover h3 {
  color: #fff;
}

/* --- 섹션 025 및 035 통합 스타일 --- */
/* 두 섹션이 대부분 동일한 스타일을 가지므로 하나의 선택자로 통합합니다. */
#jchiryo #section025,
#jchiryo #section035 {
  justify-content: end !important;
}

#jchiryo #section025 .tabWrap,
#jchiryo #section035 .tabWrap {
  gap: 10.5625rem; /* 169px -> 10.5625rem */

}

#jchiryo #section025 .imgBox,
#jchiryo #section035 .imgBox {
  position: relative;
  z-index: 1;
}

#jchiryo #section025 .imgBox img,
#jchiryo #section035 .imgBox img {
  /* 900px, 700px을 VW/VH로 설정하여 화면 비율에 맞춰 조정 */
  width: 46.875vw; /* 900px / 1920px * 100vw */

  border-radius: 0 3.75rem 0 0; /* 60px -> 3.75rem */
  transition: all 0.5s;
}

#jchiryo #section025 .selectBox,
#jchiryo #section035 .selectBox {
  text-align: left;
}

#jchiryo #section025 .selectBox small,
#jchiryo #section035 .selectBox small {
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: -0.04rem;
  line-height: 150%;
  color: #6b6b6b;
}

#jchiryo #section025 .columns-wrapper,
#jchiryo #section035 .columns-wrapper {
  gap: 5.8125rem; /* 93px -> 5.8125rem */
}

/* Pagination 스타일 */
#jchiryo #section025 .pagination,
#jchiryo #section035 .pagination {
  background-color: rgba(34, 34, 34, 0.8);
  border-radius: 0 5rem 0 0; /* 80px -> 5rem */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 41.1458vw; /* 790px / 1920px * 100vw */
  height: 10rem; /* 160px -> 10rem */
  padding: 0 4.4375rem; /* 71px -> 4.4375rem */
  justify-content: space-between;
}

#jchiryo #section025 .pagination .txtBox,
#jchiryo #section035 .pagination .txtBox {
  gap: 1.875rem; /* 30px -> 1.875rem */
}

#jchiryo #section025 .pagination h2,
#jchiryo #section035 .pagination h2 {
  color: #fff;
  font-weight: bold;
  font-size: 3.125rem; /* 50px -> 3.125rem */
  line-height: 100%;
  min-width: 15.625rem; /* 250px -> 15.625rem */
  text-align: left;
}
#jchiryo #section025 .pagination h5,
#jchiryo #section035 .pagination h5 {
  font-size: 1.5rem; /* 24px -> 1.5rem */
  font-weight: bold;
  color: #bedaf3;
  line-height: 150%;
  max-width: 21.875rem; /* 350px -> 21.875rem */
  text-align: left;
}
/* h5 span small 내의 font-size는 1.25rem이 이미 rem입니다. */
#jchiryo #section025 .pagination h5 span small,
#jchiryo #section035 .pagination h5 span small {
  width: 1.375rem; /* 22px -> 1.375rem */
  height: 1.5rem; /* 24px -> 1.5rem */
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 4.25rem; /* 68px -> 4.25rem */
  letter-spacing: -0.04rem;
  color: #383534;
  background-color: #bedaf3;
  border-radius: 0.375rem; /* 6px -> 0.375rem */
  padding: 0.1875rem 0.25rem; /* 3px 4px -> rem */
}
#jchiryo #section025 .pagination .buttonWrap,
#jchiryo #section035 .pagination .buttonWrap {
  display: flex;
  align-items: center;
  gap: 0.25rem; /* 4px -> 0.25rem */
}
#jchiryo #section025 .pagination .buttonWrap button,
#jchiryo #section035 .pagination .buttonWrap button {
  width: 2.5rem; /* 40px -> 2.5rem */
  height: 2.5rem; /* 40px -> 2.5rem */
  border-radius: 0.625rem; /* 10px -> 0.625rem */
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
#jchiryo #section025 .pagination .buttonWrap button img,
#jchiryo #section035 .pagination .buttonWrap button img {
  height: 1.3125rem; /* 21px -> 1.3125rem */
}
#jchiryo #section025 .pagination .buttonWrap button.prev,
#jchiryo #section035 .pagination .buttonWrap button.prev {
  background-color: #707070;
}
#jchiryo #section025 .pagination .buttonWrap button.next,
#jchiryo #section035 .pagination .buttonWrap button.next {
  background-color: var(--primary);
}

#jchiryo #section025 .imgBox,
#jchiryo #section035 .imgBox {
  z-index: 1;
}

#jchiryo #section025 .imgBox img,
#jchiryo #section035 .imgBox img,
.imgBox .jinryo,
.imgBox .hashtag {
  transition: opacity 0.5s ease-in-out;
}
#jchiryo #section025 .swiper-pagination,
#jchiryo #section035 .swiper-pagination {
  z-index: 0;
  display: none !important;
}

/* SelectBox 스타일 */
#jchiryo #section025 .selectBox h1,
#jchiryo #section035 .selectBox h1 {
  font-size: 5rem; /* 80px -> 5rem */
  line-height: 100%;
  letter-spacing: -0.04rem;
  color: #0f376d;
  font-weight: bold;
  margin-bottom: 1rem; /* 16px -> 1rem */
  padding-top: 1.9375rem; /* 31px -> 1.9375rem */
}

/* SelectBox SB h1 (section025/035 공통) */
#jchiryo #section025 .selectBox.sb h1,
#jchiryo #section035 .selectBox.sb h1 {
  font-size: 5rem; /* 80px -> 5rem */
  line-height: 100%;
  letter-spacing: -0.04rem;
  color: #0f376d;
  font-weight: bold;
  margin-bottom: 1.625rem; /* 26px -> 1.625rem */
  margin-top: 5.75rem; /* 92px -> 5.75rem */
}

#jchiryo #section025 .selectBox h2,
#jchiryo #section035 .selectBox h2 {
  font-size: 2.75rem; /* 44px -> 2.75rem */
  font-weight: bold;
  letter-spacing: -0.04rem;
  line-height: 3.125rem; /* 50px -> 3.125rem */
  color: #222222;
}

#jchiryo #section025 .selectBox .txtBox p,
#jchiryo #section035 .selectBox .txtBox p {
  font-size: 1.625rem; /* 26px -> 1.625rem */
  font-weight: 500;
  letter-spacing: -0.04rem;
  line-height: 2.875rem; /* 46px -> 2.875rem */
  color: #222222;
}

#jchiryo #section025 .selectBox .blueBox.tz,
#jchiryo #section035 .selectBox .blueBox.tz {
  width: 27.1875rem; /* 435px -> 27.1875rem */
}

#jchiryo #section025 .selectBox .blueBox,
#jchiryo #section035 .selectBox .blueBox {
  min-width: 27.1875rem; /* 435px -> 27.1875rem */
  height: 3.8125rem; /* 61px -> 3.8125rem */
  display: flex;
  align-items: center;
  padding: 0 1.3125rem; /* 21px -> 1.3125rem */
  background-color: #0f376d;
  border-radius: 0.625rem; /* 10px -> 0.625rem */
}
#jchiryo #section025 .selectBox .blueBox h5,
#jchiryo #section035 .selectBox .blueBox h5 {
  color: #fff;
  font-size: 1.625rem; /* 26px -> 1.625rem */
  line-height: 2.875rem; /* 46px -> 2.875rem */
  letter-spacing: -0.04rem;
  font-weight: 500;
  margin-bottom: 0;
}

/* em (구분선) 스타일 */
#jchiryo #section025 .selectBox em {
  margin: 2.8125rem 0; /* 45px -> 2.8125rem */
}
#jchiryo #section035 .selectBox em {
  margin: 5rem 0; /* 80px -> 5rem */
}

#jchiryo #section025 .selectBox em,
#jchiryo #section035 .selectBox em {
  display: block;
  width: 51.125rem; /* 818px -> 51.125rem */
  height: 0.0625rem; /* 1px -> 0.0625rem */
  background-color: #707070;
  margin-left: -11.6875rem; /* -187px -> -11.6875rem */
  position: relative;
}
#jchiryo #section025 .selectBox em.txtEm {
  margin: 4.375rem 0 5rem 0; /* 70px 80px -> rem */
  margin-left: -11.6875rem; /* -187px -> -11.6875rem */
  position: relative;
}
#jchiryo #section035 .selectBox em.txtEm {
  margin: 8rem 0; /* 128px -> 8rem */
  margin-left: -11.6875rem; /* -187px -> -11.6875rem */
  position: relative;
}

/* Pain Treatment Tabs 스타일 */
#jchiryo #section025 .selectBox .pain-treatment-tabs h3,
#jchiryo #section035 .selectBox .pain-treatment-tabs h3 {
  font-size: 2.5rem; /* 40px -> 2.5rem */
  font-weight: bold;
  letter-spacing: -0.04rem;
  line-height: 3.125rem; /* 50px -> 3.125rem */
  color: #222222;
  margin-bottom: 1.25rem;
}
#jchiryo #section025 .selectBox .pain-treatment-tabs h6,
#jchiryo #section035 .selectBox .pain-treatment-tabs h6 {
  font-size: 1.625rem; /* 26px -> 1.625rem */
  font-weight: 500;
  letter-spacing: -0.04rem;
  line-height: 2.875rem; /* 46px -> 2.875rem */
  color: #222222;
  margin-bottom: 2.875rem; /* 46px -> 2.875rem */
}

#jchiryo #section025 .selectBox .pain-treatment-tabs .btnImgBox,
#jchiryo #section035 .selectBox .pain-treatment-tabs .btnImgBox {
  width: 5.875rem; /* 94px -> 5.875rem */
  height: 5.875rem; /* 94px -> 5.875rem */
  border: 0.125rem solid #ababab; /* 2px -> 0.125rem */
  border-radius: 999px;
  background-color: #e9e9e9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.125rem; /* 18px -> 1.125rem */
}
#jchiryo #section025 .selectBox .pain-treatment-tabs .btnImgBox:hover,
#jchiryo #section035 .selectBox .pain-treatment-tabs .btnImgBox:hover {
  background-color: #0f376d;
  border-color: #0f376d;
}
#jchiryo #section025 .selectBox .pain-treatment-tabs .btnImgBox:hover img,
#jchiryo #section035 .selectBox .pain-treatment-tabs .btnImgBox:hover img {
  filter: brightness(10);
}

#jchiryo #section025 .selectBox .pain-treatment-tabs .nav-link,
#jchiryo #section035 .selectBox .pain-treatment-tabs .nav-link {
  border: none;
  background-color: transparent;
  padding: 0;
}

#jchiryo #section025 .selectBox .pain-treatment-tabs .nav,
#jchiryo #section035 .selectBox .pain-treatment-tabs .nav {
  gap: 1.25rem;
}

/* Active 탭 버튼 스타일 */
/* 기존 `#section03`이 아닌 `#section025`와 `#section035`에 적용 */
#jchiryo
  #section025
  .selectBox
  .pain-treatment-tabs
  .nav-link.active
  .btnImgBox,
#jchiryo
  #section035
  .selectBox
  .pain-treatment-tabs
  .nav-link.active
  .btnImgBox {
  background-color: #0f376d;
  border-color: #0f376d;
}
#jchiryo
  #section025
  .selectBox
  .pain-treatment-tabs
  .nav-link.active
  .btnImgBox
  img,
#jchiryo
  #section035
  .selectBox
  .pain-treatment-tabs
  .nav-link.active
  .btnImgBox
  img {
  filter: brightness(10);
}

#jchiryo #section025 .selectBox .pain-treatment-tabs .nav-link p,
#jchiryo #section035 .selectBox .pain-treatment-tabs .nav-link p {
  color: #ababab;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.5625rem; /* 25px -> 1.5625rem */
  letter-spacing: -0.04rem;
}
#jchiryo #section025 .selectBox .pain-treatment-tabs .nav-link.active p,
#jchiryo #section035 .selectBox .pain-treatment-tabs .nav-link.active p {
  color: #0f376d;
}
#jchiryo #section025 .selectBox .pain-treatment-tabs .tab-content,
#jchiryo #section035 .selectBox .pain-treatment-tabs .tab-content {
  min-height: 13rem; /* 208px -> 13rem */
}

/*  */
#jchiryo #section03 {
    justify-content: end !important;
}
#jchiryo #section03 .tabWrap {
    gap: 10.5625rem;

}
#jchiryo #section03 .imgBox {
    position: relative;
    z-index: 1;
}
#jchiryo #section03 .imgBox img {
    /* 900px -> 46.875vw (반응형 너비) */
    width: 46.875vw;
    /* 700px -> 43.75rem (안정적인 높이) */

    border-radius: 0 3.75rem 0 0;
    transition: all 0.5s;
}

#jchiryo #section03 .selectBox {
    text-align: left;
}

#jchiryo #section03 .selectBox small {
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: -0.04rem;
    line-height: 150%;
    color: #6b6b6b;
}

#jchiryo #section03 .columns-wrapper {
    gap: 5.8125rem; 
}

#jchiryo #section03 .pagination {
    background-color: rgba(34, 34, 34, 0.8);
    border-radius: 0 5rem 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 41.1458vw;
    height: 10rem;
    padding: 0 4.4375rem;
    justify-content: space-between;
}

#jchiryo #section03 .pagination .txtBox {
    gap: 1.375rem;
}

#jchiryo #section03 .pagination h2 {
    color: #fff;
    font-weight: bold;
    font-size: 3.125rem;
    line-height: 100%;
    text-align: left;
}
#jchiryo #section03 .pagination h5 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #bedaf3;
    line-height: 150%;
    max-width: 22.5rem;
    text-align: left;
}
#jchiryo #section03 .pagination h5 span {
    min-width: 20%;
    margin-right: 0.625rem;
    color: #bedaf3;
}
#jchiryo #section03 .pagination h5 span small {
    width: 1.375rem;
    height: 1.5rem;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 4.25rem;
    letter-spacing: -0.04rem;
    color: #383534;
    background-color: #bedaf3;
    border-radius: 0.375rem;
    padding: 0.1875rem 0.25rem;
}
#jchiryo #section03 .pagination .buttonWrap {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
#jchiryo #section03 .pagination .buttonWrap button {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}
#jchiryo #section03 .pagination .buttonWrap button img {
    height: 1.3125rem;
}
#jchiryo #section03 .pagination .buttonWrap button.prev {
    background-color: #707070;
}
#jchiryo #section03 .pagination .buttonWrap button.next {
    background-color: var(--primary);
}

#jchiryo #section03 .imgBox img,
.imgBox .jinryo,
.imgBox .hashtag {
    transition: opacity 0.5s ease-in-out;
}
#jchiryo #section03 .swiper-pagination {
    z-index: 0;
    display: none !important;
}

#jchiryo #section03 .selectBox h1 {
    font-size: 5rem;
    line-height: 100%;
    letter-spacing: -0.04rem;
    color: #0f376d;
    font-weight: bold;
    margin-bottom: 1rem;
    padding-top: 1.9375rem;
}
#jchiryo #section03 .selectBox.sb h1 {
    font-size: 5rem;
    line-height: 100%;
    letter-spacing: -0.04rem;
    color: #0f376d;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 5.75rem;
}
#jchiryo #section03 .selectBox h2 {
    font-size: 2.75rem;
    font-weight: bold;
    letter-spacing: -0.04rem;
    line-height: 3.125rem;
    color: #222222;
}
#jchiryo #section03 .selectBox .txtBox p {
    font-size: 1.625rem;
    font-weight: 500;
    letter-spacing: -0.04rem;
    line-height: 2.875rem;
    color: #222222;
}
#jchiryo #section03 .selectBox .blueBox.tz {
    width: 27.1875rem;
}
#jchiryo #section03 .selectBox .blueBox {
    min-width: 27.1875rem;
    height: 3.8125rem;
    display: flex;
    align-items: center;
    padding: 0 1.3125rem;
    background-color: #0f376d;
    border-radius: 0.625rem;
}
#jchiryo #section03 .selectBox .blueBox h5 {
    color: #fff;
    font-size: 1.625rem;
    line-height: 2.875rem;
    letter-spacing: -0.04rem;
    font-weight: 500;
    margin-bottom: 0;
}

#jchiryo #section03 .selectBox em {
    display: block;
    width: 51.125rem;
    height: 0.0625rem;
    background-color: #707070;
    margin: 2.8125rem 0;
    margin-left: -11.6875rem;
    position: relative;
}
#jchiryo #section03 .selectBox em.txtEm {
    margin: 8rem 0;
    margin-left: -11.6875rem;
    position: relative;
}

#jchiryo #section03 .selectBox .pain-treatment-tabs h3 {
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: -0.04rem;
    line-height: 3.125rem;
    color: #222222;
    margin-bottom: 1.25rem;
}
#jchiryo #section03 .selectBox .pain-treatment-tabs h6 {
    font-size: 1.625rem;
    font-weight: 500;
    letter-spacing: -0.04rem;
    line-height: 2.875rem;
    color: #222222;
    margin-bottom: 2.875rem;
}

#jchiryo #section03 .selectBox .pain-treatment-tabs .btnImgBox {
    width: 5.875rem;
    height: 5.875rem;
    border: 0.125rem solid #ababab;
    border-radius: 999px;
    background-color: #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.125rem;
}
#jchiryo #section03 .selectBox .pain-treatment-tabs .btnImgBox:hover {
    background-color: #0f376d;
    border-color: #0f376d;
}
#jchiryo #section03 .selectBox .pain-treatment-tabs .btnImgBox:hover img {
    filter: brightness(10);
}

#jchiryo #section03 .selectBox .pain-treatment-tabs .nav-link {
    border: none;
    background-color: transparent;
    padding: 0;
}

#jchiryo #section03 .selectBox .pain-treatment-tabs .nav {
    gap: 1.25rem;
}

#jchiryo #section03 .selectBox .pain-treatment-tabs .nav-link.active .btnImgBox {
    background-color: #0f376d;
    border-color: #0f376d;
}
#jchiryo #section03 .selectBox .pain-treatment-tabs .nav-link.active .btnImgBox img {
    filter: brightness(10);
}

#jchiryo #section03 .selectBox .pain-treatment-tabs .nav-link p {
    color: #ababab;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.5625rem;
    letter-spacing: -0.04rem;
}
#jchiryo #section03 .selectBox .pain-treatment-tabs .nav-link.active p {
    color: #0f376d;
}
#jchiryo #section03 .selectBox .pain-treatment-tabs .tab-content {
    min-height: 13rem;
}
/* 05. 제이스토리  */
#jstory .container {
    max-width: 90rem;
}

#jstory #section01 {
    justify-content: flex-start;
}

#jstory #section01 .blueBox {
    background-image: url("../img/introBG.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    height: 31.5rem;
}

#jstory #section01 .blueBox .collab {
    width: 80.125rem;
    height: 4.8125rem;
    background-color: #fff;
    border: 0.0625rem solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2.4375rem;
    margin-top: 4rem;
}

#jstory #section01 .blueBox small {
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0.2rem;
    margin-bottom: 1.75rem;
    font-family: "GMarketSans";
}

#jstory #section01 .blueBox h1 {
    font-weight: 500;
    letter-spacing: -0.04rem;
    line-height: 4.4375rem;
    font-size: var(--size-big);
    color: #ffffff;
    margin-top: 1rem;
}

#jstory #section01 .whiteBox {
    height: calc(100vh - 31.5rem);
    max-height: 23.9375rem;
}
#jstory #section01 .whiteBox .InWhiteBox {
    box-shadow: 0rem 0.1875rem 0.375rem 0rem rgba(0, 0, 0, 0.1);
    max-width: 90rem;
    height: 16.25rem;
    border-radius: 1.5rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -2.8125rem;
    background: #fff;
}
#jstory #section01 .whiteBox .InWhiteBox h3 {
    font-size: 2.5rem;
    font-weight: bold;
    color: #0f376d;
    line-height: 3.5rem;
    letter-spacing: -0.04rem;
    margin-bottom: 1.875rem;
}
#jstory #section01 .whiteBox .InWhiteBox h6 {
    font-size: 1.625rem;
    font-weight: var(--regular);
    line-height: 2.25rem;
    letter-spacing: -0.04rem;
    color: #2c2c2a;
}

#jstory #section02 .review {
    margin-bottom: 3rem;
}

#jstory #section02 .review img {
    width: 10.75rem;
}
#jstory #section02 .review h2 {
    font-size: 2.75rem;
    letter-spacing: -0.04rem;
    line-height: 3.75rem;
    font-weight: var(--regular);
    color: #2C2C2A;
    text-align: left;
}
#jstory #section02 .review h2 strong {
    color: #0f376d;
    font-weight: bold;
}
#jstory #section02 .review h6 {
    color: #2C2C2A;
    font-size: 1.5rem;
    font-weight: var(--regular);
    letter-spacing: -0.04rem;
    line-height: 2.25rem;
}
#jstory #section02 .review h6 strong {
    color: #0CB100;
    font-weight: bold;
}
#jstory #section02 .swiper {
    height: 27.5rem;
}
#jstory #section02 .swiper .swiper-slide {
    width: 21.1875rem;
    height: 23.75rem;
    border: 0.0625rem solid #E8E8E8;
    border-radius: 0.9375rem;
    background-color: #fff;
    box-shadow: 0rem 0.1875rem 0.375rem 0rem rgba(0,0,0,0.1);
}
#jstory #section02 .swiper .swiper-slide-active {
    border: 0.5rem solid #0C4071;
}

.reviewSlide .swiper-pagination {
    bottom: 0!important;
    top: auto!important;
    height: 0.625rem!important;
    border-radius: 999px!important;

}
.reviewSlide .swiper-pagination-progressbar-fill {
    background: #0f376d!important;
    border-radius: 999px!important;
}

#jstory #section03 .review {
    margin-bottom: 3rem;
}

#jstory #section03 .review img {
    width: 10.75rem;
}
#jstory #section03 .review h2 {
    font-size: 2.75rem;
    letter-spacing: -0.04rem;
    line-height: 3.75rem;
    font-weight: var(--regular);
    color: #2C2C2A;
    text-align: left;
}
#jstory #section03 .review h2 strong {
    color: #0f376d;
    font-weight: bold;
}
#jstory #section03 .review h6 {
    color: #2C2C2A;
    font-size: 1.5rem;
    font-weight: var(--regular);
    letter-spacing: -0.04rem;
    line-height: 2.25rem;
}     
#jstory #section03 .review h6 strong {
    color: #0CB100;
    font-weight: bold;
}
#jstory #section03 .swiper {
    height: 27.5rem;
}
#jstory #section03 .swiper .swiper-slide {
    width: 21.1875rem;
    height: 23.75rem;
    border: 0.0625rem solid #E8E8E8;
    border-radius: 0.9375rem;
    background-color: #fff;
    box-shadow: 0rem 0.1875rem 0.375rem 0rem rgba(0,0,0,0.1);
}
#jstory #section03 .swiper .swiper-slide-active {
    border: 0.5rem solid #0C4071;
}

#jstory #section04 .review {
    margin-bottom: 3rem;
}

#jstory #section04 .review h2 {
    font-size: 2.75rem;
    letter-spacing: -0.04rem;
    line-height: 3.75rem;
    font-weight: var(--regular);
    color: #2C2C2A;
    text-align: left;
}
#jstory #section04 .review h2 strong {
    color: #0f376d;
    font-weight: bold;
}
#jstory #section04 .review h6 {
    color: #2C2C2A;
    font-size: 1.5rem;
    font-weight: var(--regular);
    letter-spacing: -0.04rem;
    line-height: 2.25rem;
}

#jstory #section04 .box {
    flex: 1;
    border-radius: 0.9375rem;
    height: 25rem;
    padding-top: 3.25rem;
}
#jstory #section04 .box.blog {
    border: 0.5rem solid #3E9A24;
    background-color: #ECECEC;
}
#jstory #section04 .box.insta {
    border: 0.5rem solid #A33C90;
} 

#jstory #section04 .box h3 {
    font-size: 2.125rem;
    font-weight: var(--regular);
    color: #222222;
    letter-spacing: -0.04rem;
}

#jstory #section04 .box.blog h3 strong {
    color: #3E9A24;
    font-weight: bold;
}
#jstory #section04 .box.insta h3 strong {
    color: #E34141;
    font-weight: bold;
}


#jstory #section04 .box button {
    padding: 0 0.95625rem 0 1.1875rem;
    width: 14rem;
    height: 3.125rem;
    border-radius: 0.625rem;
    border: 0.125rem solid #0f376d;
    background-color: #fff;
    transition: all 0.5s;
}
#jstory #section04 .box button:hover {
    background-color: #0f376d;
}
#jstory #section04 .box button span {
    font-size: 1.25rem;
    font-weight: bold;
    letter-spacing: -0.04rem;
    line-height: 2.75rem;
    color: #0f376d;
    transition: inherit;
}
#jstory #section04 .box button:hover span {
    color: #fff;
}
#jstory #section04 .box button img {
    width: 1rem;
    transition: inherit;
}
#jstory #section04 .box button:hover img {
    filter: invert(1) brightness(10);
}
/* ---------------------------------------------------- */
/* 06. 진료시간, 오시는 길 (#location) 스타일 (REM/VW/VH 변환 완료) */
/* ---------------------------------------------------- */

#location #section01 {
  display: flex;
  align-items: center;
  justify-content: center;
}

#location #section01 .wrap {
  gap: 5rem; /* 80px -> 5rem */
  width: 100vw;
}
#location #section01 .maps {
  /* 680px, 588px을 VW/VH로 설정하여 화면 비율에 맞춰 조정 */
  width: 35.4167vw; /* 680px / 1920px * 100vw */
   height: 30.625vw;  /* 588px / 1080px * 100vh */
  border-radius: 0 3.75rem 0 0; /* 60px -> 3.75rem */
  position: relative;
  background-image: url(../img/map.jpg);
}
#location #section01 .maps .mapTab {
  width: 26.0417vw; /* 500px / 1920px * 100vw */
  height: 4.375rem; /* 70px -> 4.375rem */
  position: absolute;
  bottom: 1.375rem; /* 22px -> 1.375rem */
  left: 5.625rem; /* 90px -> 5.625rem */
  display: flex;
  align-items: center;
  gap: 0.5rem; /* 8px -> 0.5rem */
}
#location #section01 .maps .mapTab button {
  flex: 1;
  border: 0.125rem solid; /* 2px -> 0.125rem */
  background-color: #f3f3f3;
  background-blend-mode: overlay;
  gap: 1.125rem; /* 18px -> 1.125rem */
  height: 4.375rem; /* 70px -> 4.375rem */
  border-radius: 0.625rem; /* 10px -> 0.625rem */
  z-index: 2;
}
#location #section01 .maps .mapTab button a {
  gap: 1.125rem; /* 18px -> 1.125rem */
  width: 100%;
  height: 100%;
}
#location #section01 .maps .mapTab button p {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 125%;
  letter-spacing: -0.02rem;
  color: var(--text);
}
#location #section01 .maps .mapTab button img {
  width: 2rem; /* 32px -> 2rem */
  height: 2rem; /* 32px -> 2rem */
}
#location #section01 .maps .mapTab button.navermap {
  border-color: #49c950;
}
#location #section01 .maps .mapTab button.kakaomap {
  border-color: #ffac06;
}

#location #section01 .maps .map_area {
  width: 100%;
  height: 30.625vw;  /* 588px -> vh */
}
#location #section01 .maps .map_content {
  width: 100%;
  height: 54.4444vh; /* 588px -> vh */
  border-radius: 0 3.75rem 0 0; /* 60px -> 3.75rem */
  display: none;
}

#location #section01 .maps .map_content.active {
  display: block;
}
#location #section01 .maps .map_content .root_daum_roughmap {
  border-radius: 0 3.75rem 0 0; /* 60px -> 3.75rem */
}

#location #section01 .info {
  gap: 4.40625rem; /* 70.5px -> 4.40625rem */
  text-align: left;
}
#location #section01 .info h3 {
  font-size: 2.5rem; /* 40px -> 2.5rem */
  font-weight: bold;
  letter-spacing: -0.04rem;
  color: var(--text);
}
#location #section01 .info em {
  display: block;
  width: 100%;
  margin-top: 1.15625rem; /* 18.5px -> 1.15625rem */
  margin-bottom: 2.78125rem; /* 44.5px -> 2.78125rem */
  background-color: #707070;
  height: 0.0625rem; /* 1px -> 0.0625rem */
}
#location #section01 .info label {
  font-size: 1.375rem; /* 22px -> 1.375rem */
  font-weight: bold;
  letter-spacing: -0.024rem;
  letter-spacing: 181%;
  color: var(--text);
  margin-bottom: 1rem; /* 16px -> 1rem */
}
#location #section01 .info .hosInfo #call {
  font-size: 2.5rem; /* 40px -> 2.5rem */
  color: var(--primary);
  font-weight: bold;
  line-height: 100%;
  letter-spacing: -0.01rem;
}
#location #section01 .info .hosInfo .hosDetail {
  display: flex;
  flex-direction: column;
  gap: 2.375rem; /* 38px -> 2.375rem */
}
#location #section01 .info .hosInfo .hosDetail .textBlock {
  background-color: rgba(56, 53, 52, 0.06);
  margin-bottom: 0.5rem; /* 8px -> 0.5rem */
  padding-left: 0.8125rem; /* 13px -> 0.8125rem */
  border-radius: 0.625rem; /* 10px -> 0.625rem */
}

#location #section01 .info .hosInfo .hosDetail .textBlock p {
  font-size: 1.125rem; /* 18px -> 1.125rem */
  font-weight: 500;
  letter-spacing: -0.04rem;
  line-height: 2.75rem; /* 44px -> 2.75rem */
  color: #222222;
  margin-bottom: 0;
}

#location #section01 .info h6 {
  margin-bottom: 0.875rem; /* 14px -> 0.875rem */
}

#location #section01 .info h6#roadName {
  font-size: 1.25rem;
  font-weight: bold;
  color: #0f376d;
}
#location #section01 .info h6#roadNumber {
  font-size: 1.25rem;
  font-weight: var(--regular);
  color: #222222;
}
#location #section01 .info h6#parking {
  font-size: 1.25rem;
  font-weight: var(--regular);
  color: #222222;
}
#location #section01 .info .roadInfo div {
  margin-bottom: 3.875rem; /* 62px -> 3.875rem */
}

/* ---------------------------------------------------- */
/* 03. 진료과목 (#subject) 스타일 (REM/VW/VH 변환 완료) */
/* ---------------------------------------------------- */

#subject #section01 {
  height: 100vh;
  display: flex;
  align-items: end;
  justify-content: end;
  margin-top: 4.6875rem; /* 75px -> 4.6875rem */
}

#subject #section01 .tabWrap {
  gap: 10.5625rem; /* 169px -> 10.5625rem */
  width: 100vw;
}
#subject #section01 .imgBox {
  position: relative;
  min-height: 36.45vw;
}
#subject #section01 .imgBox img {
  /* 900px, 700px을 VW/VH로 설정하여 화면 비율에 맞춰 조정 */
  width: 46.875vw; /* 900px / 1920px * 100vw */

  border-radius: 0 3.75rem 0 0; /* 60px -> 3.75rem */
  transition: all 0.5s;

}

#subject #section01 .selectBox {
  text-align: left;
}

#subject #section01 .selectBox small {
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: -0.04rem;
  line-height: 150%;
  color: #6b6b6b;
}
#subject #section01 .selectBox h1 {
  color: var(--primary);
  font-weight: var(--bold);
  font-size: var(--size-big); /* var(--big) -> var(--size-big) */
  line-height: 133%;
  letter-spacing: -0.04rem;
  margin-top: 1.375rem; /* 22px -> 1.375rem */
  margin-bottom: 3.8125rem; /* 61px -> 3.8125rem */
}
#subject #section01 .selectBox li {
  border-radius: 0.625rem; /* 10px -> 0.625rem */
  height: 5.125rem; /* 82px -> 5.125rem */
  width: 17.625rem; /* 282px -> 17.625rem */
  padding: 0 0.8125rem; /* 13px -> 0.8125rem */
  display: flex;
  align-items: center;
  gap: 1.875rem; /* 30px -> 1.875rem */
  cursor: pointer;
}

#subject #section01 .selectBox li a {
  display: flex;
  align-items: center;
  gap: 1.875rem; /* 30px -> 1.875rem */
  cursor: pointer;
}

#subject #section01 .selectBox li.active {
  background-color: rgba(190, 218, 243, 0.2);
}

#subject #section01 .selectBox li .number {
  border-radius: 0.625rem; /* 10px -> 0.625rem */
  width: 3.75rem; /* 60px -> 3.75rem */
  height: 3.75rem; /* 60px -> 3.75rem */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.875rem; /* 30px -> 1.875rem */
  font-weight: bold;
  line-height: 226%;
  border: 0.0625rem solid; /* 1px -> 0.0625rem */
  border-color: var(--primary);
  color: var(--primary);
}
#subject #section01 .selectBox li.active .number {
  background-color: var(--primary);
  color: #fff;
}

#subject #section01 .selectBox li .jinryo {
  font-size: 2.25rem; /* 36px -> 2.25rem */
  font-weight: var(--regular);
  color: #141414;
  line-height: 188%;
  margin-bottom: 0;
}
#subject #section01 .selectBox li.active .jinryo {
  color: var(--primary);
  font-weight: bold;
}

#subject #section01 .columns-wrapper {
  gap: 5.8125rem; /* 93px -> 5.8125rem */
}

#subject #section01 .pagination {
  background-color: rgba(34, 34, 34, 0.8);
  border-radius: 0 5rem 0 0; /* 80px -> 5rem */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 42.1458vw; /* 790px / 1920px * 100vw */
  height: 10rem; /* 160px -> 10rem */
  padding: 0 4.4375rem; /* 71px -> 4.4375rem */
  justify-content: space-between;
}

#subject #section01 .pagination .txtBox {
  gap: 1.75rem; /* 28px -> 1.75rem */
}

#subject #section01 .pagination h2 {
  color: #fff;
  font-weight: bold;
  font-size: 3.125rem; /* 50px -> 3.125rem */
  line-height: 100%;
  text-align: left;
}
#subject #section01 .pagination h5 {
  font-size: 1.5rem; /* 24px -> 1.5rem */
  font-weight: bold;
  color: #bedaf3;
  line-height: 150%;
  max-width: 21.875rem; /* 350px -> 21.875rem */
  display: flex;
  flex-wrap: wrap;
}
#subject #section01 .pagination h5 span {
  min-width: 20%;
  color: #bedaf3;
  margin-right: 0.625rem; /* 10px -> 0.625rem */
}
#subject #section01 .pagination .buttonWrap {
  display: flex;
  align-items: center;
  gap: 0.25rem; /* 4px -> 0.25rem */
}
#subject #section01 .pagination .buttonWrap button {
  width: 2.5rem; /* 40px -> 2.5rem */
  height: 2.5rem; /* 40px -> 2.5rem */
  border-radius: 0.625rem; /* 10px -> 0.625rem */
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
#subject #section01 .pagination .buttonWrap button img {
  height: 1.3125rem; /* 21px -> 1.3125rem */
  min-height: 0!important;
}
#subject #section01 .pagination .buttonWrap button.prev {
  background-color: #707070;
}
#subject #section01 .pagination .buttonWrap button.next {
  background-color: var(--primary);
}

#subject #section01 .imgBox img,
.imgBox .jinryo,
.imgBox .hashtag {
  transition: opacity 0.5s ease-in-out;
}

/* ---------------------------------------------------- */
/* SideBar 스타일 (REM 변환 완료)                      */
/* ---------------------------------------------------- */

.sideBar {
  position: fixed;
  right: 1.625rem; /* 26px -> 1.625rem */
  bottom: 1.875rem; /* 30px -> 1.875rem */
  width: 5.625rem; /* 90px -> 5.625rem */
}
.sideBar ul {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  border-radius: 0.625rem; /* 10px -> 0.625rem */
  padding: 1.625rem 0 1.5rem 0; /* 26px, 24px -> rem */
  gap: 1.125rem; /* 18px -> 1.125rem */
  box-shadow: 0rem 0.1875rem 0.375rem 0rem rgba(0, 0, 0, 0.1); /* 3px 6px -> rem */
}
.sideBar ul li a {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; /* 8px -> 0.5rem */
  align-items: center;
  justify-content: center;
}
.sideBar ul li a p {
  font-size: 0.875rem; /* 14px -> 0.875rem */
  letter-spacing: -0.04rem;
  font-weight: 500;
  color: #191919;
  margin-bottom: 0;
}
.sideBar ul li a img {
  width: 3.125rem;
}
.sideBar ul li a h5 {
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.625rem; /* 26px -> 1.625rem */
  /* line-height: -0.04rem; (line-height에 음수 값은 부적절) */
  color: #191919;
  margin-bottom: 0;
}
.sideBar button {
  background-color: transparent;
  border: none;
  width: 100%;
  margin-top: 1.125rem; /* 18px -> 1.125rem */
}
.sideBar button img {
  width: 100%;
}

.hosInfo {
  width: 50%;
}

@media screen and (width: 1920px) {
  #subject #section01 .imgBox img {
    min-height: 700px;
  }
  #main #section03 .imgBox img {
      min-height: 700px;
  }
}

@media (min-width: 1279px) and (max-width: 1920px) {
  html, body {
    font-size: calc(12px + (100vw - 1280px) * 0.00625);
  }
 /* 1. #timetable (width) */
    #timetable {
        /* 900px (1280px 기준) 에서 1200px (1920px 기준) 으로 크기 변화 */
        width: 75%;
    }
    
    /* 2. .collab img (width) */
    .collab img {
        /* 900px (1280px 기준) 에서 1200px (1920px 기준) 으로 크기 변화 */
        width: calc(900px + (75vw - 1280px) * 0.46875);
    }
    
    /* 3. .pagination h5 (font-size) */
    .pagination h5 {
        /* 14.4px (1280px 기준) 에서 19.2px (1920px 기준) 으로 크기 변화 */
        font-size: calc(14.4px + (100vw - 1280px) * 0.0075);
    }
  
}



@media (min-width: 1200px) and (max-width: 1920px) {
  html, body {
    font-size: calc(12px + (100vw - 1280px) * 0.00625);
  }
  
}