/*---------------------sub-page---------------------------*/
/*제목 위 점 3개*/
.dot-wrap {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 30px 0;
}

.dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

.dot.green {
  background-color: #DADF6B;
}

.dot.yellow {
  background-color: #F2F2B4;
}
.dot.blue {
  background-color: #214E9E;
}


/*서브페이지 제목 밑 텍스트*/
section.sub div.inner div.p-wrap p.sub-txt{
    font-size: 1.2em ;
    padding: 30px 0 ;
}

/*서브페이지 제목 위 심볼*/
section.sub div.inner div.symbol{
    padding-bottom: 30px;
}






/*대상포진 첫 타이틀*/
section.sub-title.bg-darkblue {
  background-color: #083065;
    padding: 60px 20px;
}

section.sub-title div.sub-title-box {
  display: flex;
  align-items: center;
  gap: 100px;
  flex-wrap: wrap;
  position: relative;
  justify-content: center;
}

section.sub-title div.sub-title-box div.image-area {
  position: relative;
  z-index: 2;
  margin-top: -120px; 
}

section.sub-title div.sub-title-box div.text-area {
  color: #fff;
  z-index: 1;
  padding: 20px;
}

section.sub-title div.sub-title-box div.text-area p.dspj {
  padding: 0px 70px;
  border: 3px solid white;
  display: inline-block;
  font-weight: 800;
  font-size: 1.5em;
}

section.sub-title div.sub-title-box div.text-area p.dspj-highlight { 
  line-height: 1.3;
  margin: 45px 0;
  font-weight: 800;
  font-size: 1.5em;
}


/*대상포진 증상*/

section.dspj-symptom div.dspj-symtom-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 60px auto;
}

section.dspj-symptom div.dspj-symtom-box div.dspj-box {
  width: 380px;  
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

section.dspj-symptom div.dspj-symtom-box div.dspj-box img {
  width: 180px;
  height: 180px;
  margin: 16px 0;
}

section.dspj-symptom div.dspj-symtom-box div.dspj-box .dspj-number {
  font-size: 1.4em;
  font-weight: 700;
  display: block;
}

section.dspj-symptom div.dspj-symtom-box div.dspj-box .dspj-stage {
  font-size: 1.4em;
  font-weight: 700;
  margin: 20px 0;
  display: block;
}

section.dspj-symptom div.dspj-symtom-box div.dspj-box ul.desc {
  list-style: none;
  padding: 0;
  margin: 12px auto 0 auto;
  line-height: 1.6;
  text-align: left;
  width: fit-content; /* 내용 크기만큼만 너비 설정해서 중앙 정렬 */
}

section.dspj-symptom div.dspj-symtom-box div.dspj-box ul.desc li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 4px;
  font-weight: 600;
}

section.dspj-symptom div.dspj-symtom-box div.dspj-box ul.desc li::before {
  content: "-";
  position: absolute;
  left: 0;
}

.dspj-card-style1 {
  background-color: #FFD5D5;
  border: 6px solid #EFB1B1;
}

.dspj-card-style2 {
  background-color: #FEABAB;
  border: 6px solid #EF9494;
}

.dspj-card-style3 {
  background-color: #FF8484;
  border: 6px solid #EFB1B1;
}

/*대상포진 벨 백그라운드*/
.dspj-bell-box {
  position: relative;
  max-width: 1100px;
  margin: 120px auto;
  font-weight: 600;
}

.bell-icon {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 90px;
  z-index: 1;
}

.dspj-alert-box {
  border: 6px solid #FFE5E5;
  padding: 50px 40px 40px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 1.8;
}

/*대상포진 주의사항*/
.dspj-warning-section {
  background-image: url('./img/dspj-waring-back.png');
  background-size: cover;
  background-position: center;
  height: 680px;
}

.dspj-waring-title{
    color: #FFF;
    font-weight: 700;
    font-size: 1.6em;
}

.warning-list {
  list-style: none;
  margin: 40px auto;
  width: 1100px;
}

.warning-list li {
  background-color: #fff;
  border-radius: 30px;
  padding: 16px 24px;
  margin-bottom: 16px;
  line-height: 1.6;
  text-align: center;
  font-weight: 600;
}


/*예방접종 하단 공통*/
.yellow-highlight{
    background: linear-gradient(transparent 60%, #F3FF00 8%);
    display: inline;
}
.yellow-txt{
    color: #F3FF00;
}

section.sub.vaccin-bottom div.dspj-bottom-txt{
    font-size: 1.2em;
}

section.sub.vaccin-bottom div.vaccin-bottom-bluebox{
     background: linear-gradient(to bottom, #0747B8, #212C70);
      border-radius: 300px;
      padding: 20px 40px;
      color: white;
      text-align: center;
      width: 1100px;
      margin: 70px auto;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      font-size: 1.6em;
}

section.sub.vaccin-bottom.vaccin-bottomimg{
    background-image: url(./img/vaccin-bottom-bg.png);
    background-size: auto;
    background-repeat: no-repeat;
}

/*폐렴구균 감염증상*/
.symptom-grid {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin: 50px auto;
  flex-wrap: wrap;
  }

.symptom-item {
  border: 1px solid #B5B5B5;
  padding: 20px 10px;
  width: 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.symptom-item .num {
  color: #214E9E;
}

.symptom-item img {
  width: auto;
  height: 60px;
  margin: 30px 0;
}

/*폐렴구균 주의사항*/
section.sub.prgg-warning-section{
    background-image: url(./img/prgg-warning-bg.jpg);
    background-size: cover;
    background-position: center;
}

.prgg-warning-title {
    font-size: 1.6em;
}

.prgg-warning-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 1130px;
  width: fit-content;
  margin: 40px auto;
  padding: 0;
  list-style: none;
}

.prgg-warning-list li {
  display: flex;
  align-items: center;
  background: white;
  border-radius: 50px;
  border: 1px solid #636717;
  padding: 14px 20px;
  font-size: 1em;
  position: relative;
}

.prgg-warning-list .bullet {
  width: 20px;
  height: 20px;
  background-color: #636717;
  border-radius: 50%;
  margin-right: 20px;
}




/*ab형 간염 증상*/
section.sub.abgy-symptom{
    margin: 180px 0;
}
section.sub.abgy-symptom.gss-symptom-cross{
   margin: 10px 0;
}

section.sub.abgy-symptom div.abgy-flexbox {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 110px;
    margin-top: 120px;
    position: relative;
}

section.sub.abgy-symptom div.abgy-flexbox div.text-area {
  max-width: 535px;
}

/*제목 위 점 3개 - 좌측정렬*/
.dot-wrap.dot-wrap-left {
  display: flex;
  justify-content: left;
  gap: 10px;
  margin: 10px 0;
}

section.sub.abgy-symptom div.abgy-flexbox div.image-area{
  z-index: 2;
}

section.sub.abgy-symptom div.abgy-flexbox.reverse div.image-area{
  z-index: 2;
}

section.sub.abgy-symptom div.abgy-flexbox div.image-area img {
  width: 100%;
  height: auto;
}

section.sub.abgy-symptom div.abgy-flexbox div.text-area p.abgy-title {
    font-size: 1.8em;
}

section.sub.abgy-symptom div.abgy-flexbox div.text-area div.abgy-title-wrap {
  position: relative;
}

section.sub.abgy-symptom div.abgy-flexbox div.text-area div.abgy-title-underline {
  width: 100vw; /* 화면 전체 너비 */
  height: 1px;
  background: #214E9E;
  margin: 30px 0;
  margin-left: calc(-81vw + 80%); /* 화면 왼쪽부터 시작 */
}


section.sub.abgy-symptom div.abgy-flexbox.reverse div.abgy-title-underline {
  left: auto;
  right: 0;
  background: #214E9E;
  transform: translateX(calc(140vw - 90%));
}

section.sub.abgy-symptom div.abgy-flexbox div.text-area p.abgy-desc {
  margin: 30px 0;
}

section.sub.abgy-symptom div.abgy-flexbox div.text-area div.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

section.sub.abgy-symptom div.abgy-flexbox div.text-area div.tags span {
  background: #214E9E;
  color: #fff;
  padding: 5px 35px;
  border-radius: 70px;
  font-size: 1.0em;
}

/*ab형 간염 주의사항*/
section.sub.abgy-waring-section{
    background-image: url(./img/abgy-warning-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}



/*독감 증상*/
section.sub.dg-symtom div.symptom-grid {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 50px auto;
}

section.sub.dg-symtom div.symptom-grid div.symptom-item {
  border: 6px solid #D2E8E7;
  padding: 20px 10px;
  width: 180px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

section.sub.dg-symtom div.symptom-grid div.symptom-item p.num {
  color: #0E3568;
  font-size: 0.9em;
}

section.sub.dg-symtom div.symptom-grid div.symptom-item img {
  width: auto;
  height: 60px;
  margin: 30px 0;
}

/*독감 원인*/
section.sub.dg-cause-section {
  position: relative;
  background-image: url(./img/dg-cause-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 655px;
}

section.sub.dg-cause-section div.dg-cause-inner {
  max-width: 1100px;
  position: relative;
}

section.sub.dg-cause-section div.dg-cause-inner ul.dg-cause-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 60px auto;
}

section.sub.dg-cause-section div.dg-cause-inner ul.dg-cause-list li {
  background-color: #fff;
  padding: 15px 20px;
  border-radius: 100px;
  border: 6px solid #678CCC;
  text-align: center;
  font-weight: 600;
}

section.sub.dg-cause-section div.dg-cause-inner div.germ-img {
  position: absolute;
  right: -180px;
  bottom: -30px;
  z-index: 2;

}

section.sub.dg-cause-section div.dg-cause-inner div.germ-img img {
  width: 100%;
  height: auto;
}

/*독감 예방방법  ---- 주의사항*/
section.sub.abgy-waring-section.dg-warning-section{
    background-image: url(./img/dg-warning-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 700px;
}

section.sub.abgy-waring-section.dg-warning-section div.dg-warning-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 1000px;
  margin: 60px auto;
}

section.sub.abgy-waring-section.dg-warning-section div.dg-warning-list div.check-item {
  position: relative;
  background-color: #193387;
  color: #fff;
  padding: 14px 20px;
  border-radius: 50px;
}

section.sub.abgy-waring-section.dg-warning-section div.dg-warning-list div.check-item img.check-icon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
}

/*영양수액-제목*/
section.sub.yysy-title-section div.inner div.p-wrap p.yysy-txt{
    background-color:#073C9A ;
    border-radius: 500px;
    color: #fff;
    padding: 5px 60px;
    width: fit-content;
    margin: 20px auto;
}

/*영양수액-첫번째 섹션*/
section.sub-title.yysy-1st-section {
    background-color: #1958AC;
    padding: 60px 20px;
    height: 700px;
    margin: 0px auto;
}

section.sub-title.yysy-1st-section div.sub-title-box div.image-area{
    position: relative;
}

section.sub-title.yysy-1st-section div.sub-title-box div.image-area img.yysy-bubble{
    position: absolute;
    bottom: -100px;
    left: -180px;
}


section.sub-title div.sub-title-box.sub-title-box-yysy {
  display: flex;
  align-items: center;
  gap: 80px;
  flex-wrap: wrap;
  justify-content: center;
}

section.sub-title div.sub-title-box.sub-title-box-yysy div.text-area {
  color: #fff;
}

section.sub-title div.sub-title-box div.text-area p.dspj {
  padding: 0px 70px;
  border: 3px solid white;
  display: inline-block;
  font-weight: 800;
  font-size: 1.5em;
}

section.sub-title div.sub-title-box div.text-area p.dspj-highlight { 
  line-height: 1.3;
  margin: 45px 0;
  font-weight: 800;
  font-size: 1.5em;
}


/*영약수액 첫번째 섹션*/
section.sub-title.yysy-1st-section div.sub-title-box div.text-area p.dspj-highlight {
    line-height: 1.3;
    margin: 40px 0;
    font-weight: 800;
    font-size: 2em;
}

/*영약수액 첫번째 섹션 - 체크리스트*/
section.sub-title.yysy-1st-section div.yysy-check-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 30px 0px;
    width: 460px;
}

section.sub-title.yysy-1st-section div.yysy-check-list div.check-item {
  position: relative;
  background-color: #fff;
  padding: 10px 10px 10px 30px; /* 왼쪽에 아이콘 들어갈 공간 확보 */
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

}

section.sub-title.yysy-1st-section div.yysy-check-list div.check-item img.check-icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
}

/*영양수액 안내*/
section.sub.vaccin-bottom.dspj-symptom.dg-symtom div.inner div.yysy-grid div.symtom-item{
    border: 6px solid #D2E8E7;
    padding: 0px 10px;
    width: 200px;
    height: 330px;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    /* justify-content: center; */
    border-radius: 100px 100px 0px 100px;
}

/*영양수액 안내*/
section.sub.yysy-infogrid div.symptom-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  justify-content: center;
  max-width: 1200px;
  margin: 60px auto;
}

section.sub.yysy-infogrid div.symptom-grid div.symptom-item{
  border: 6px solid #CBE3E2;
  border-radius: 500px;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  justify-content: start;
  height: 500px;
}
section.sub.yysy-infogrid div.symptom-grid div.symptom-item p.fw600{
    margin-top: 15px;
}
section.sub.yysy-infogrid div.symptom-grid div.symptom-item p.num {
  color: #0E3568;
  font-size: 1em;
}

section.sub.yysy-infogrid div.symptom-grid div.symptom-item img {
  width: 100%;
  height: auto;
  margin-bottom: 12px;
}

/*이런분들께 수액 추천드립니다*/
section.sub.fluid-therapy-section {
  background: url('./img/yysy-need-bg.jpg') no-repeat;
  background-size: cover;
}


section.sub.fluid-therapy-section ul.check-list.fluid-check-list {
  list-style: none;
  max-width: 1100px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 60px 0;
}

section.sub.fluid-therapy-section ul.check-list.fluid-check-list li {
  background-color: #fff;
  padding: 10px 60px;
  position: relative;
  text-align: center;
}

section.sub.fluid-therapy-section ul.check-list.fluid-check-list li::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-image: url('./img/yysy-nocheckicon.png') ;
  background-repeat: no-repeat;
  background-size: 100%;

}

section.sub.fluid-therapy-section ul.check-list.fluid-check-list li.checked::before {
  background-image: url('./img/yysy-checkicon.png') ;
  background-size: 100%;
  width: 35px;
  height: 35px;
}

/*수액클리닉 주의사항*/
section.sub.yysy-warning div.fluid-warning-box {
    display: flex;
    align-items: center;
    background-color: #F8F4DC;
    border-radius: 30px;
    padding: 20px 30px;
    max-width: 1300px;
    margin: 40px auto;
    position: relative;
    justify-content: space-evenly;
}

section.sub.yysy-warning div.fluid-warning-box div.left {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 110px;
  text-align: center;
  position: relative;
}

section.sub.yysy-warning div.fluid-warning-box div.left img.bell-icon {
   position: absolute;
  top: -70px; 
  left: 46%;
  transform: translateX(-50%);
  width: 80px;
  height: auto;
  z-index: 2;
}

section.sub.yysy-warning div.fluid-warning-box div.right {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

section.sub.yysy-warning div.fluid-warning-box div.warn-text {
  background-color: #fff;
  padding: 10px 30px;
  border-radius: 999px;
}

section.sub.yysy-warning div.fluid-warning-box p.yysy-warning-title{
    font-size: 1.6em;
    line-height: 1.3;
    font-weight: 700;
    text-align: center;
}





/*비만클리닉-체계적인 처방과정*/
section.treatment-process-section {
  background: url('./img/treatment-bm-bg.png') no-repeat left 30% center;
  background-size: cover;
  position: relative; /* ::before를 위한 기준 */
}

section.treatment-process-section > div.inner div.treat-process-box {
  margin: 0 auto;
  display: flex;
  gap: 24px;
  align-items: flex-start;
  width: 1400px;
}

/*section.treatment-process-section::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 46%;
  transform: translateX(-50%);
  width: 6px;
  background-color: #FF5151;
  z-index: 2;
}*/

section.treatment-process-section .left-area {
  position: relative;
  margin: 80px auto;
  flex:40% ;
}

section.treatment-process-section .right-timeline {
  position: relative;
  display: flex;
  flex-direction: column;
  flex:60% ;
  gap: 40px;
}

section.treatment-process-section .right-timeline .step-box {
  position: relative;
  overflow: visible;
}

section.treatment-process-section .right-timeline .step-box .step-circle{
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 29px;
  z-index: 5;
}

section.treatment-process-section .right-timeline .step-box .circle01 {
  border: 8px solid #FFBEBE;
}
section.treatment-process-section .right-timeline .step-box .circle02 {
  border: 8px solid #FF7A7A;
}
section.treatment-process-section .right-timeline .step-box .circle03 {
  border: 8px solid #FF3E3E;
}


section.treatment-process-section .right-timeline .step-box .step-content {
    background: #fff;
    padding: 40px 40px 40px 100px;
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 70px;
    align-items: center;
    position: relative;
    z-index: 1;
}

section.treatment-process-section .right-timeline .step-box .step-content .v-line{
   border: 1px solid #707070;
   height: 90px;
}

section.treatment-process-section .right-timeline .step-box .step-content h3 {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

section.treatment-process-section .right-timeline .step-box .step-content div.step-number{
  font-size: 5em;
  color: #FFF6F6;
  position: absolute;
  top: 58px;
  right: 13px;
  font-weight: 900;
  z-index:-1;
}



/*비만-만병의 근원*/
section.sub.abgy-symptom.bm-gw{
    background-image: url(./img/bm-gw-bg.png);
    background-repeat: no-repeat;
}
section.sub.abgy-symptom.bm-gw {
    margin: 0;
    padding: 50px 0;
}
section.sub.abgy-symptom.bm-gw div.dspj-bottom-txt.bm-txt{
    padding-top: 30px;
}



/*비만 체중감량 도와드립니다*/
section.sub.bm-weight-info div.bm-step-process {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 80px auto;
  gap: 70px;
}

section.sub.bm-weight-info > div.inner{
    padding: 150px 0;
}

section.sub.bm-weight-info div.bm-step-process::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 460px; /* 박스 3개 사이 거리 정도로 조절 */
  height: 40px;
  background-color: #EDF1F8;
  z-index: 0;
}

section.sub.bm-weight-info div.bm-step-process div.bm-step-box {
      background: #fff;
    border-radius: 0 70px 70px 70px;
    box-shadow: 0 0 10px #dee6f3;
    width: 280px;
    height: 280px;
    padding-top: 72px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
}

section.sub.bm-weight-info div.bm-step-process div.bm-step-box div.bm-step-number {
    background: #1e50a2;
    color: #fff;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 24px;
    left: 20%;
    transform: translateX(-50%);
    z-index: 2;
    font-size: 1.2em;
}

section.sub.bm-weight-info div.bm-step-process div.bm-step-box div.bm-step-number01 {
    background: #3C6DC4;
}
section.sub.bm-weight-info div.bm-step-process div.bm-step-box div.bm-step-number02 {
    background: #1B4CA4;
}
section.sub.bm-weight-info div.bm-step-process div.bm-step-box div.bm-step-number03 {
    background: #073C9A;
}

section.sub.bm-weight-info div.bm-step-process div.bm-step-box div.bm-step-icon img{
  display: block;
  padding-bottom: 20px;
}


/*비만 첫번째 섹션 - 체크리스트*/
section.sub-title.yysy-1st-section div.yysy-check-list.bm-check-list {
    display: grid;
    grid-template-columns:  1fr;
    gap: 10px;
    margin: 30px 0px;
    width: 100%;
    
}

section.sub-title.yysy-1st-section div.yysy-check-list.bm-check-list div.check-item {
    padding: 10px 10px 10px 60px;
    justify-content: start;
}


/*원장님 약력*/
section.doctor-info-section {
  background: url('./img/doctor-bg.jpg') no-repeat center center;
  background-size: auto;
  background-repeat: no-repeat;
  position: relative;
  padding: 120px;
}

section.doctor-info-section div.doctor-inner {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  gap: 230px;
  align-items: center;
}

section.doctor-info-section div.doctor-inner div.doctor-left-box {
  background: rgba(255,255,255,0.3);
  padding: 60px 40px;
  text-align: center;
  width: 455px;
  height: 700px; 
  display: flex; 
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

section.doctor-info-section div.doctor-inner div.doctor-left-box div.doctor-logo img {
  width: 150px;
  height: auto;
  margin-bottom: 30px;
}

section.doctor-info-section div.doctor-inner div.doctor-left-box div.doctor-name {
  font-size: 2em;
  font-weight: 700;
}

section.doctor-info-section div.doctor-inner div.doctor-left-box div.doctor-line{
    width: 200px;
    border: 1px solid #AFAFAF;
    margin: 17px auto;
}

section.doctor-info-section div.doctor-inner div.doctor-left-box div.doctor-role {
  font-size: 1em;
  font-weight: 600;
}

section.doctor-info-section div.doctor-inner div.doctor-right-box ul.career-list {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 2;
    padding-top: 30px;
}

section.doctor-info-section div.doctor-inner div.doctor-right-box ul.career-list  li{
    color: #fff;
    font-weight: 600;
    font-size: 1.2em;
}


/*장비소개*/
/* 전체 섹션 */
section.equip-section.bg-skyblue {
  background-color: #F1FAFF;
}

section.equip-section.bg-whitebg {
  background-color: #FFF;
}


.equip-box {
  display: flex;
  align-items: center;
  max-width: 1400px;
  margin: 0 auto;
  gap: 80px;
}

/* 이미지 */
.equip-image img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 텍스트 영역 */
.equip-text {
  width: 100%;
  max-width: 700px;
}

.equip-label {
  display: inline-block;
  background: #127CC4;
  color: #fff;
  font-size: 0.9em;
  padding: 6px 30px;
  border-radius: 30px;
  margin-bottom: 20px;
}

.equip-title {
  font-size: 2.8em;
  margin-bottom: 24px;
}


ul.equip-list.bg-whitelabel li {
  background: #fff;
  border-radius: 30px;
  padding: 10px 20px;
  margin-bottom: 10px;
  font-size: 1.2em;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

ul.equip-list.bg-skybluelabel li {
  background: #F1FAFF;
  border-radius: 30px;
  padding: 10px 20px;
  margin-bottom: 10px;
  font-size: 1.2em;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
span.equip-smalltxt{
    font-size: 0.7em;
}
.bl-circle-img {
  width: 7px;
  height: 7px;
  margin-right: 15px;
  vertical-align: middle;
}



/*병원-둘러보기*/
section.preview {
    position: relative;
}
/* 슬라이드 wrapper 순서2*/
section.preview div.preview-swiper-zone {
    max-width: 100vw;
    width: 90%; /* 너비 */
    margin: 0 auto;
    overflow: hidden;
}
/* 각 슬라이드 순서1*/
section.preview .swiper-slide {
    aspect-ratio: 16 / 9;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/*  기본요소 썸네일영역 스타일링 순서3*/
section.preview .preview-thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;

    max-width: 100vw;
    width: 90%; /* 너비 */
    margin: 80px auto;
    overflow: hidden;
}

/* 썸네일  */
section.preview .preview-thumbs > div {
    aspect-ratio: 16 / 9;
    background-size: cover;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    filter: opacity(0.9) brightness(0.2);
    transition: filter ease 0.3s;
}
/* 활성 썸네일만 밝게 */
section.preview .preview-thumbs > div.active {
    filter: opacity(1) brightness(1);
}

/*  버튼스타일링 */
section.preview .swiper-button-prev,
section.preview .swiper-button-next {
    aspect-ratio: 1 / 1;
    width: 160px; height: unset;

}
/*  버튼 기본 < > 제거    */
section.preview .swiper-button-prev::after,
section.preview .swiper-button-next::after { display:none; }
section.preview .swiper-button-prev{
    background-image:url(./img/swiper-button1.png);
}
section.preview .swiper-button-next{
    background-image:url(./img/swiper-button2.png);
}

/*  버튼 위치 지정 / 부모(position:relative)를 어디 기준으로 했는지에 따라 다름 */
section.preview .swiper-button-prev { left: 4vw; top:20vw; }
section.preview .swiper-button-next { right: 4vw; top:20vw; }




/*건강검진센터-국가건강검진*/

section.cancer-check-section div.cancer-box {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 60px auto;
}

section.cancer-check-section div.cancer-box div.cancer-item {
  width: 360px;
  background: #ffffff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  text-align: center;
}

section.cancer-check-section div.cancer-box div.cancer-item div.img-area img {
  width: 100%;
  height: auto;
  display: block;
}
section.cancer-check-section div.cancer-box div.cancer-item div.text-area {
  color: #fff;
  padding: 20px;
  text-align: center; /* 전체 중앙정렬 */
}
section.cancer-check-section div.cancer-box div.cancer-item div.text-area.txt-area01{
    background-color: #4970B5;
}
section.cancer-check-section div.cancer-box div.cancer-item div.text-area.txt-area02{
    background-color: #123E8E;
}
section.cancer-check-section div.cancer-box div.cancer-item div.text-area.txt-area03{
    background-color: #0A285E;
}

section.cancer-check-section div.cancer-box div.cancer-item div.text-area h3 {
  font-size: 1.4em;
  position: relative;
  display: inline-block;
  padding-bottom: 8px;
  text-align: center;
}

section.cancer-check-section div.cancer-box div.cancer-item div.text-area h3::after {
  content: '';
  display: block;
  width: 200px;
  height: 1px;
  background-color: #fff;
  margin: 5px auto;
}

section.cancer-check-section div.cancer-box div.cancer-item div.text-area .age {
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 15px;
  display: block;
  text-align: center; /* 중앙 정렬 */
}

/* info-wrap 전체는 column */
section.cancer-check-section div.cancer-box div.cancer-item div.text-area div.info-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center; /* info-item을 가운데로 */
}

section.cancer-check-section div.cancer-box div.cancer-item div.text-area div.info-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.9em;
  width: 260px; /* 고정 너비로 정렬 안정화 */
  text-align: left; /* 내부 span 좌측정렬 */
}

section.cancer-check-section div.cancer-box div.cancer-item div.text-area div.info-item span.info-label {
    display: inline-block;
    padding: 1px 15px;
    font-weight: 700;
    border-radius: 50px;
    margin-right: 10px;
    text-align: center;
}

section.cancer-check-section div.cancer-box div.cancer-item div.text-area div.info-item .bg-yellow {
  background-color: #fff;
  color: #214E9E;
}

section.cancer-check-section div.cancer-box div.cancer-item div.text-area div.info-item .bg-blue {
  background-color: #fff;
  color: #214E9E;
}

section.cancer-check-section div.cancer-box div.cancer-item div.text-area div.info-item .info-value {
  color: #fff;
  text-align: left;
}

section.sub.cancer-check-section div.gggj-people-box {
    background-color: #F1EEE3;
    border-radius: 300px;
    padding: 20px 40px;
    text-align: center;
    width: 1000px;
    margin: 70px auto;
    font-size: 1.2em;
}



/*건강검진 특장점*/
section.sub.gggj-good{
    background-image: url(./img/gggj-good-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

section.gggj-good div.gggj-symptom-grid{
    margin: 100px auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    align-items: center;
    padding: 40px 20px;
    max-width: 1150px;
    width: 100%;
}

section.sub.gggj-good div.gggj-symptom-grid div.gggj-good-item {
    border: 2px solid #223088;
    background-color: #fff;
    border-radius: 50%;
    padding: 20px 10px;
    width: 260px;
    height: 260px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
section.sub.gggj-good div.gggj-symptom-grid div.gggj-good-item p.num{
  color: #214E9E;
}
section.sub.gggj-good div.gggj-symptom-grid div.gggj-good-item img{
  margin: 20px 0;
  width: auto;
  height: auto;
}

/*국가검진 표*/

/* checkup */
section.gb-fff-color div.gggj-title-icon {
    padding-top: 60px;
    padding-bottom: 20px;
}
section.gb-fff-color div.gggj-title{
    font-size: 1.8em;
}

.sub .color-white{color: #fff}
.sub .gb-blue01{background-color:#214E9E; }
.sub .gb-blue02{background-color:#214078; }
.sub .gb-fff-color{background-color: #fff;
    width: 1230px;
    margin: 0 auto;
    padding: 10px 0;
    border-radius: 25px;}
.sub .gtgshm01{background-color:#DEE4F1; font-weight:700; font-weight:700;}
.sub .gtgshm02{background-color:#BECBE3;  font-weight:700; font-weight:700;}
.sub .gtgshm03{background-color:#7C97C6;  font-weight:700; font-size: 1.2em;}

.sub .checkup{text-align:center;}
.sub .checkup_tablewrap{position:relative;}
.sub .checkup_tablewrap table{width:1090px;border-collapse:collapse; margin:60px auto;}
.sub .checkup_tablewrap table td{padding:5px 20px;border:3px solid #fff;}
.sub .checkup_tablewrap table .thgray{background:#EDF0F4;}
.sub .checkup_tablewrap table .tdgray{background:#DEE2EB;text-align:left;}
.sub .checkup_tablewrap table .tdgray01{background:#EDF0F4;text-align:left;}
.sub .checkup_tablewrap table .tdwhite{background:#fff;text-align:left;}
.sub .checkup_tablewrap table .bggray01{background:#b2b2b2;}
.sub .checkup_tablewrap table .bggray02{background:#f6f6f6;}

.sub .checkup_tablewrap .table_cap{text-align:left;}
.sub .checkup_tablewrap .table_cap .captit{padding:5px 25px;display:inline-block;text-align:center;background:#474747;}
.sub .checkup_tablewrap table ul{margin:auto;padding:30px 0;}

.sub .checkup_tablewrap table thead tr{border:3px solid #474747;border-bottom:none;}
.sub .checkup_tablewrap table thead td{text-align:center;}

.sub .checkup_tablewrap .pc_img{display:table !important;}

/* 국가건강검진 checkup */
.sub.nation .checkup_tablewrap table .tdgray{text-align:center;}
.sub.nation .checkup_tablewrap table .text-left{text-align:left;}

.sub .checkup_tablewrap .m_img{display: none;}

@media (max-width: 780px) {
              /* checkup */
      /*section.sub.checkup div.container div.cont_box div.checkup_tablewrap{max-width:96%;margin: auto}*/
      section.sub.checkup div.container div.cont_box div.checkup_tablewrap table {width: 90%;}
      section.sub.checkup div.container div.cont_box div.checkup_tablewrap p {font-size: 4vw}
      section.sub.checkup div.container div.cont_box{overflow-x: scroll;}
      section.sub div.checkup_tablewrap .pc_img{display:none !important;}
      section.sub div.checkup_tablewrap .m_img{display:table !important;}
      .sub .gtgshm02-m {background-color: #214E9E;}
}



/*건강검진 주의사항*/

section.sub.gggj-checkup-contain div.gggj-checkup-guide {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin: 80px auto;
  width: 1000px;
}

.gggj-guide-item {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 30px;
  position: relative;
}

.gggj-guide-item::after {
  content: "";
  position: absolute;
  left: -60px;  
  right: -60px;  
  bottom: 0;
  height: 1px;
  background-color: #ccc;
}

  .gggj-guide-item:last-child::after {
  display: none;
}

.gggj-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  color: white;
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.gggj-circle-yellow {
  background-color: #DADF6B;
}

.gggj-circle-olive {
  background-color: #8B8B39;
}

.gggj-circle-blue {
  background-color: #214E9E;
}

.gggj-guide-text p {
  margin-bottom: 10px;  /* 문단 간 간격 */
}

.gggj-guide-text p:last-child {
  margin-bottom: 0;
}

/*국가건강검진-첫번째 섹션*/
section.sub-title.yysy-1st-section.bg-darkblue{
    background-color: #083065;
}

section.sub-title.yysy-1st-section div.yysy-check-list.gggj-check-list div.check-item {
    padding: 10px ;
    color:#214E9E ;
    font-size: 1.1em;
}

/*채용검진 섹션1 - 빠르고 편리하게 만족도 높은 채용검진을 실시합니다*/

.recruit-check-inner {
  max-width: 1000px;
  margin: 80px auto;
}

.recruit-check-title-wrap {
  display: flex;
  align-items: center;
  margin-bottom:30px;
}

.recruit-check-title-wrap::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 30px;
  background-color: #214E9E;
  margin-right: 12px;
}

.recruit-check-title {
  font-size: 1.3em;
  font-weight: 600;
  margin: 0;
}

.recruit-check-table {
  display: flex;
  flex-direction: column;
  border: 3px solid #fff;
  overflow: hidden;
}

.recruit-check-table-row {
  display: flex;
  flex-direction: row;
}

.recruit-check-cell {
  flex: 1;
  border: 3px solid #fff;
  padding: 20px;
  font-size: 1em;
  text-align: center;
}

.recruit-cell-column{
  flex: 0.6 ;
  border: 3px solid #fff;
  padding: 20px;
  font-size: 1em;
  text-align: center;
}


/* 헤더 셀 색상 설정 */
.recruit-check-table-header .recruit-cell-column {
  background-color: #214E9E;
  color: #fff;
}
.recruit-check-table-header .recruit-check-cell:nth-child(2) {
  background-color: #214078;
  color: #fff;
}
.recruit-check-table-header .recruit-check-cell:nth-child(3) {
  background-color: #327821;
  color: #fff;
}

.recruit-check-note {
  font-size: 1em;
  margin-top: 30px;
  line-height: 1.6;
}

/* 왼쪽 제목 셀: 2~5행의 첫 번째 셀 전체 동일 색상 */
.recruit-check-table-row:nth-child(n+2):nth-child(-n+5) .recruit-cell-column {
  background-color: #DEE4F1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 공무원 칸 (2~5행, 2번째 셀) */
.recruit-check-table-row:nth-child(n+2):nth-child(-n+5) .recruit-check-cell:nth-child(2) {
  background-color: #DEE2EB;
}

/* 기업체 칸 (2~5행, 3번째 셀) */
.recruit-check-table-row:nth-child(n+2):nth-child(-n+5) .recruit-check-cell:nth-child(3) {
  background-color: #E0EBDE;
}

/*채용검진 때 반드시 필요합니다*/
section.sub.cygj-need-bg{
  background-image: url(./img/cygj-need-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}


/*폐렴구균 감염증상*/
.cygj-need-grid {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin: 60px auto;
}

.cygj-need-box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 0;
}

.cygj-need-item {
  border: 1px solid #fff;
  background-color: #fff;
  padding: 20px 10px;
  width: 350px;
  height: 300px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.cygj-need-grid .num01 {
  color: #fff;
  background-color: #214078;
  padding: 15px 20px;
  text-align: center;
  border: 2px solid #fff;
}

.cygj-need-grid .num02 {
  color: #fff;
  background-color: #327821;
  padding: 15px 20px;
  text-align: center;
  border: 2px solid #fff;
}

.cygj-need-item img {
  width: auto;
  height: auto;
}
.cygj-need-item .gray-bottom-line{
  border: 1px solid #dcdcdc;
  width: 70px;
  margin: 20px 0;
}

.recruit-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */
}

/* 테이블이 최소 너비를 갖도록 */
.recruit-check-table {
  min-width: 600px; /* PC 형태 유지 */
  width: 100%;
}
@media screen and (max-width: 768px) {
  .recruit-check-inner {
    padding: 0px;
    width: 90%;
    margin: 30px auto;
  }

  .recruit-check-title {
    font-size: 20px;
    text-align: center;

  }
}


/*혈액종합검사-검사항목 및 내용*/
div.dot-wrap.blood-dot-wrap{
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 200px 0 0 0;
}

.blood-check-section {
  background: url(./img/blood-check-bg.png) no-repeat left center;
  background-size: contain;
  margin: 200px auto;
  display: flex;
  justify-content: flex-end;
}

section.blood-check-section div.blood-inner {
  max-width: 1920px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.blood-check-title-area {
  flex: 0 0 400px;
  border-top: 10px solid #2e6b3f;
}

.blood-check-title {
  font-size: 1.7em;
  font-weight: 700;
  text-align: center;
  padding-top: 20px;
}

.blood-check-table-area {
  flex: 1;
  width: 1200px;
}

.blood-check-table {
  display: flex;
  flex-direction: column;
}

.blood-check-table-row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #CCC284;
  padding: 35px 20px;
}

.blood-check-table-row.blood-check-table-row-top{
    border-top: 1px solid #c6c6c6;
}

.blood-check-table-row.blood-table-bg {
  background-color: #FBF7EF;
}

.blood-check-category {
  flex: 0 0 240px;
  font-weight: 700;

}

.blood-check-item, .blood-check-desc {
  flex: 1;
  padding: 4px 8px;
  font-size: 0.9em;
  position: relative;
}

.blood-check-label {
  display: inline-block;
  background-color: #3C7A21;
  color: #fff;
  border-radius: 50px;
  padding: 2px 10px;
  font-size: 0.9em;
  margin-right: 15px;
}


/*채용검진 시 주의사항*/
.work-warning-section {
  background-image: url(./img/work-warning-bg-chair.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  height: 1130px;
}

.work-warning-inner {
  max-width: 1300px;
  margin: 60px auto;
  display: grid;
  align-items: stretch; /* 높이 맞춤 */
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}


.work-warning-text {
  display: flex;
  align-items: center;
  background-color: #fff;
}

.work-warning-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #6069A7;
  width: 100%;
}

.work-warning-list li {
  border-bottom: 1px solid #6069A7;
  padding: 16px 20px;
  font-size: 1em;
  display: flex;
  align-items: center;
  gap: 20px;
}

.work-warning-list li:last-child {
  border-bottom: none;
}

section.work-warning-section div.work-warning-text img {
  width: 40px;
  height: 40px;
}

.work-warning-image {
  background-image: url(./img/work-warning-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right bottom;
}


@media (max-width: 768px) {
  .work-warning-section{
    background-image:none ;
  }

  .work-warning-inner {
    flex-direction: column;
    gap: 20px;
    grid-template-columns: 1fr;
    margin: 50px auto;
  }

  .work-warning-text,
  .work-warning-image, .blood-warning-image {
    max-width: 85%;
    flex: 0 0 auto; /* ✅ 세로 자동 */
    margin: 0 auto;
  }

  .work-warning-image {
    background-position: right center;
    width: 90%;
    height: 280px;
    object-fit: contain;
    display: inline-block;
    margin: 0 auto;
  }

   .blood-warning-image {
    background-position: right center;
    width: 90%;
    height: 160px;
    object-fit: contain;
    display: inline-block;
    margin: 0 auto;
  }

  .work-warning-list li {
    font-size: 4vw;
    padding: 14px 15px;
  }
}


/*혈액종합검사 주의사항*/
.blood-warning-image {
  background-image: url(./img/blood-warning-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}


.work-warning-section.blood-warning-section {
    background-image:none ;
    height: auto;
}

/*이런분들은 혈액종합검사가 필요합니다*/
.blood-need-section {
  background-image: url('./img/blood-need-bg.png');
  background-size: auto;
  padding: 20px 20px;
  margin: 30px auto;
}

.blood-need-inner {
  max-width: 960px;
  margin: 0 auto;
}

.blood-need-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.blood-need-list li {
  background: #fff;
  border-radius: 60px;
  padding: 14px 22px;
  font-size: 1em;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.blood-need-list img{
  width: 35px;
  height: 35px;
  margin-right: 10px;
}


/*복부초음파-첫번째 섹션*/
section.sub-title.yysy-1st-section.light-blue-bg {
    background-color: #003A86;
}


/*왜, 복부초음파 검사를 해야할까요? */
.bbcep-why-section {
  background-image: url(./img/bbcep-why-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 130px ;
  padding-bottom: 130px ;
}

.bbcep-inner {
  max-width: 1100px;
  margin: 0 auto;
  background: #fff;
  border: 5px solid #9CD5D1;
  padding: 70px 30px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}

.bbcep-title {
    font-size: 1.3em;
    margin-bottom: 30px;
    background: #214E9E;
    color: white;
    padding: 8px 10px;
    border-radius: 50px;
    width: 60%;
    margin: 10px auto 30px;
    text-align: center;
}

.bbcep-list {
  text-align: left;
  font-size: 1em;
  line-height: 1.8;
  padding-left: 0;
  list-style: none;
  width: 80%;
  margin: 0 auto;
}

.bbcep-list li {
  position: relative;
  padding-left: 20px;
  border-bottom: 1px solid #707070;
  padding: 10px 30px;
}

/*.bbcep-list li::before {
  content: '●';
  position: absolute;
  left: 11px;
  top: 11px;
  color: #000;
  margin-right: 20px;
}*/


/*복부초음파 장비소개*/

.equip-label.equip-label-beige {
  background: #D5C98B;
}

ul.equip-list.bg-skybluelabel.equip-label-beige li {
  background: #1C375E;
  color: #fff;
}


/*왜, 복부초음파 대상자 */
section.bbcep-patient-section {
  background-image: url(./img/bbcep-patient-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

section.bbcep-patient-section.gsscep-patient-section{
  background-image: url(./img/gsscep-patient-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
} /*갑상선초음파 대상자*/

.bbcep-patient-inner {
  max-width: 880px;
  margin:60px auto;
  background: #fff;
  border: 5px solid #202388;
  padding:20px;
  text-align: center;
}

ul.bbcep-patient-list {
  text-align: left;
  font-size: 1em;
  line-height: 1.8;
  padding-left: 0;
  list-style: none;
  width: 90%;
  margin: 0 auto;
}

.bbcep-patient-list li {
  position: relative;
  padding-left: 20px;
  border-bottom: 1px solid #707070;
  padding: 10px 30px;
}

ul.bbcep-patient-list span.check-round{
  background-color:#182571 ;
  border-radius: 50px;
  padding: 2px 35px;
  color: #fff;
  margin-right: 10px;
}

/*복부초음파-질병*/
section.bbcep-illness.gss-illness div.illness-inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  max-width: 1110px;
  margin: 60px auto;
}

.illness-inner {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  justify-content: center;
  gap: 15px;
  margin: 60px auto;
}

.illness-card {
  width: 230px;
  border: 1px solid #B5B5B5;
  padding: 35px 5px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.illness-card.cepillness-card {
    padding: 35px 5px;
    gap: 15px;
}

.illness-card img {
  width: auto;
  height: auto;
  margin-bottom: 12px;
}

.illness-card h3 {
  font-size: 1.1em;
}

.illness-divider {
  width: 65%;
  height: 2px;
  background-color: #BFC720; 
  margin: 25px auto;
}


/*전립선 초음파 대상 - 체크리스트*/
section.sub-title.jlscep-patient-section div.yysy-check-list.bm-check-list {
    display: grid;
    grid-template-columns:  1fr;
    gap: 10px;
    margin: 30px 0px;
    width: 610px;
}

/*section.sub-title.jlscep-patient-section div.yysy-check-list.bm-check-list div.check-item {
    padding: 10px 10px 10px 60px;
    justify-content: start;
}
*/
section.sub-title.jlscep-patient-section div.yysy-check-list div.check-item {
  position: relative;
  background-color: #fff;
  padding: 10px 10px 10px 30px; /* 왼쪽에 아이콘 들어갈 공간 확보 */
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
 border:1px solid #073C9A;
}

section.sub-title.jlscep-patient-section div.yysy-check-list div.check-item img.check-icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
}

/*전립선 초음파 특징 3가지 나열*/
section.sub.cep-feature {
  background-image: url(./img/cep-feature-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

section.sub.cep-feature div.feature-grid {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin: 60px auto;
}

section.sub.cep-feature div.feature-grid div.symptom-item {
  border: 6px solid #86AEAB;
  background-color: #fff;
  padding: 40px 0px;
  width: 350px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

section.sub.cep-feature div.feature-grid div.symptom-item p.num {
  color: #273BB7;
  font-size: 1em;
}

section.sub.cep-feature div.feature-grid div.symptom-item p.title{
  font-size: 1.1em;
}


/*심장초음파 대산 -체크리스트*/
section.sub-title.jlscep-patient-section div.yysy-check-list p.desc{
  color: #214E9E;
  margin: 20px 0;
}


/*심장 초음파 특징 3가지 나열*/
section.sub.sjcep-feature {
  background-image: url(./img/sjcep-feature-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

section.sub.cep-feature.sjcep-feature div.feature-grid div.symptom-item {
  border: 6px solid #AB8989;
}

section.sub.sjcep-feature div.feature-grid div.symptom-item p.num {
  color: #FF8585;
}


/*내시경-첫번째 섹션 컬러*/
section.sub-title.yysy-1st-section.bg-darkblue.bg-darkgreen {
    background-color: #0B5349;
}


/*위내시경 대상자*/
section.gastroscope-target div.check-item-contain{

}

section.gastroscope-target div.wnsg-patient {
  max-width: 1200px;
  margin: 200px auto 0;
  display:grid;
  gap: 120px;
  grid-template-columns: repeat(2, 1fr);
}


section.gastroscope-target div.wnsg-patient div.text-box div.check-item{
  margin-top: 25px;
}

section.gastroscope-target div.wnsg-patient div.text-box div.check-item div.check-top{
  display: flex;
  align-items: center;
  background-color: #14227A;
  color: #fff;
  padding: 10px;
}

section.gastroscope-target div.wnsg-patient div.text-box div.check-item p.txt{
  padding-left: 80px;
  padding-top: 20px;
}

section.gastroscope-target div.wnsg-patient div.text-box div.check-item div.icon {
  margin: 0px 20px 0 20px;
  width: 30px;
  height: 30px;
}

section.gastroscope-target div.wnsg-patient div.text-box div.check-item div.underline {
  border: 1px solid #707070;
  width: 100%;
  margin-top: 18px;
}

section.gastroscope-target div.wnsg-patient div.img-box img {
  max-width: 120%;
  height: auto;
}

/*정기적인 내시경 검사가 중요합니다*/
section.gastroscope-target div.nsg-important-bg {
  background-image: url(./img/nsg-important-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  margin: -55px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

section.gastroscope-target div.nsg-important-bg div.inner{
  max-width: 1000px;
  margin: 0 auto;
}

section.gastroscope-target div.nsg-important-bg div.nsg-im-txt01{
  border: 5px solid #fff;
  border-radius: 50px;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.1em;
}

section.gastroscope-target div.nsg-important-bg div.nsg-im-txt02{
  color: #fff;
  font-size: 2em;
  padding-top: 25px;
}

/*빠른시일내에 받아야하는 경우 */

section.sub.bbcep-why-section div.bbcep-inner.nsg-inner {
  border: 5px solid #A6B0C1;
  max-width: 1000px;
}

.bbcep-title.nsg-title {
  position: relative;
}

.cygj-bellicon.nsg-bellicon{
  position: absolute;
  bottom: 10px;
  left: 0;
}

.nsg-list li {
  position: relative;
  padding-left: 20px;
  border-bottom: 1px solid #707070;
  padding: 10px 150px;
}

.nsg-list li:last-child{
  border-bottom: none;
}

.blue-bar-img {
  width: 13px;
  height: 4px;
  margin-right: 15px;
  vertical-align: middle;
}

/*위내시경 주의사항*/
section.sub.gggj-checkup-contain div.img_with_txt{
  display: flex;
  gap: 100px;
  align-items: center;
}  

.nsg-guide-item::after {
  content: "";
  position: absolute;
  left: -60px;  
  right: -300px;  
  bottom: 0;
  height: 1px;
  background-color: #ccc;
}
  .nsg-guide-item:last-child::after {
  display: none;
}

  .gggj-guide-item:last-child::after {
  display: none;
}

/*내시경검사는 소화기내시경 세부전문의에게*/
.endoscopy-expert-section {
  background-image: url('./img/endoscopy-bg.jpg'); 
  background-size: cover;
  background-position: center;
/*  background-attachment: fixed;*/
  padding: 20px 0px;
}
.endoscopy-expert-section .inner{
  max-width: 1300px;
}

.endoscopy-title div {
  font-size: 2em;
  font-weight: 700;
  margin-bottom: 15px;
  color: #fff;
}

.endoscopy-title p.page-desc {
  line-height: 1.6;
  color: #fff;
}

.endoscopy-features {
  display: flex;
  gap: 40px;
  margin-top: 60px;
  flex-wrap: wrap;
}

.feature-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
 background-color: #fff;
 border: 2px solid #B5B5B5 ;
 border-radius: 50% ;
 width: 200px;
 height: 200px;

}

.feature-item img {
  margin-bottom: 5px;
}

/*용종 및 대장암 발견율*/
section.yjjjs-grap-section img.yjjjs-grap{
  margin: 60px auto;
  display: block;
}

/*방치할경우 3-5년후*/
section.later-3years-section {
  background-image: url('./img/later-3years-bg.png'); 
  background-size: cover;
  background-repeat: no-repeat;
}

section.later-3years-section .inner{
  max-width: 1300px;
  padding-top: 150px;
}

section.later-3years-section .inner .nsg-set{
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding-top: 30px;
}

section.later-3years-section .inner .nsg-set .nsg-item{
  border-radius: 50px;
  background-color: #fff;
  color: #002967 ;
  padding: 5px 40px;
  font-size: 1.2em;
}

/*용종절제술 시행단계*/

.polyp-step-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.polyp-step-box {
  width: 330px;
  height: 490px;
  text-align: center;
  border: 1px solid #cdcdcd;
  display: flex;
  flex-direction: column;
}

.polyp-text-box{
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}

.polyp-num{
  padding: 10px;
  color: #fff;
  text-align: center;
}
.polyp-num01{
  background-color:#0B5349 ;
}
.polyp-num02{
  background-color:#117769 ;
}
.polyp-num03{
  background-color:#D5C98B ;
}

.polyp-img {
  height: 285px;
  background-repeat: no-repeat;
  background-size: cover;
}

.polyp-img.img01 {
  background-image: url('./img/polyp01.png');
}
.polyp-img.img02 {
  background-image: url('./img/polyp02.png');
}
.polyp-img.img03 {
  background-image: url('./img/polyp03.png');
}



/*용종절제술 주의사항*/
.warning-list {
  list-style: none;
}

.warning-list li {
  position: relative;
  background-color:#F3F1E6 ;
  border-radius: 50px;
}

.warning-list li::before {
  content: "●";
  position: absolute;
  left: 30px;
  bottom: 15px;
}


/*오시는길*/
section.map-info-section{
  display: flex;
  flex-direction: row;
}

.map-info-left {
  width: 50%;
  box-sizing: border-box;
  padding-left: 300px;
}

.clinic-time h3,
.clinic-location h3 {
  font-size: 1.5em;
  color: #073C9A;
  margin-bottom: 15px;
}

.map-section-line {
  width: 100%;
  height: 1px;
  background-color: #707070;
  margin: 20px 0;
} 

section.map-info-section > .map-info-left .clinic-time div.time .time-grid {
    display: grid;
    grid-template-columns: 7em 3fr;
    gap: 0.5em 1em;
    font-size: 1.1em;
    align-items: center;
}

section.map-info-section > .map-info-left .clinic-time div.time .time-grid span {
    font-weight: 600;
    text-align: center;
    border-radius: 3em;
    padding: 0.2em 0;
    color: #143065;
    border: 1px solid #143065;
}


section.map-info-section > .map-info-left .clinic-time div.time .time-desc {
    padding: 1.5em 0.5em 0;
}

section.map-info-section > .map-info-left .clinic-location{
  margin-top: 70px;
}

.clinic-phone {
  font-size: 2.7em;
  font-weight: 800;
  color: #073C9A;
  margin-top: 20px;
}


.map-info-right {
  width: 50%;
  text-align: right;
}

.map-info-right img {
  width: 100%;
  max-width: none; /* 이미지가 오른쪽 화면까지 꽉 차도록 */
  height: auto;
  display: block;
}
.map-info-right .map {
  height: 600px;
}


.map-links {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 30px 0;
  border: 1px solid #e4e4e4;
}

.map-link {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.naver .icon {
  width: 30px;
  height: 30px;
  background-image: url(./img/kjd-naver.png); 
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 15px;
}

.tmap .icon {
  width: 30px;
  height: 30px;
  background-image: url(./img/kjd-tmap.png); 
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 15px;
}
.kakao .icon {
  width: 30px;
  height: 30px;
  background-image: url(./img/kjd-kakaomap.png); 
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 15px;
}

.map-divider {
  width: 1px;
  height: 30px;
  background-color: #ccc;
}


/*내과질환- 갑상선*/
  /*갑상선 증상*/
  section.gss-illness div.illness-card {
    width: 360px;
    border: 1px solid #B5B5B5;
    padding: 30px 5px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

  /* 갑상선 종류*/
.bbcep-inner.gss-inner {
  max-width: 1300px;
  padding: 70px 100px;
  position: relative;
}

 .bbcep-inner.gss-inner::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border: 5px dashed #EBF8F7; 
  pointer-events: none;
  z-index: 0;
}

.thyroid-table {
  width: 100%;
  border-collapse: collapse;
}

.thyroid-table td {
  padding: 16px;
}

.thyroid-table .title-cell {
  font-weight: 700;
  width: 20%;
  text-align: center;
  border-bottom: 3px solid #fff;
}

.thyroid-table .title-cell.mute-red{
  background-color:#E28080 ;
}

.thyroid-table .title-cell.mute-yeonred{
  background-color:#FFBBBB ;
}

.thyroid-table .desc-cell {
  border-bottom: 1px solid #ABABAB;
  border-top: 1px solid #ABABAB;
}


/*갑상선 기능 이상 자가체크리스트*/
section.gss-checklist-section{
  background-image: url(./img/gss-checklist-section-bg.jpg);
  background-size:cover;
  background-repeat: no-repeat;
}
section.gss-checklist-section div.gss-checklist{
  display: flex;
  gap: 120px;
  justify-content: center;
  margin: 50px auto;
}
section.gss-checklist-section div.gss-checklist p.txt-center.semi-title{
  color: #00FFEE;
  font-size: 1.3em;
}
section.gss-checklist-section div.gss-checklist p.txt-center.semi-title2{
  color: #F3FF00;
  font-size: 1.3em;
}

.gss-check-result01{
  border: 5px solid #00FFEE;
  width: 50%;
  margin: 0 auto;
}
.gss-check-result02{
    border: 5px solid #F3FF00;
    width: 50%;
    margin: 0 auto;
}


/*심혈관 종류*/
section.shg-type-section{
  background-image: url(./img/shg-type-bg.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right bottom;
}

.shg-type-box {
  display: grid;
  grid-template-columns:repeat(4, 1fr) ;
  gap: 20px;
  max-width: 1000px;
  margin: 60px auto;
}

.shg-item {
  padding: 30px 10px;
  aspect-ratio: 1/1.2;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.shg-item.red00 {
  background-color: #8E1414;
  border: 6px solid #FFC5C5;
}

.shg-item.red02 {
  background-color: #D14545;
  border: 6px solid #FFACAC;
}

.shg-item .shg-number {
  font-weight: 700;
  color: #fff;
}

.shg-item img {
  width: auto;
  margin: 20px auto;
  display: block;
}


/*심혈관의 의심 증상*/
section.sub.sub-title.shg-symtom-bg{
  background-image: url(./img/shg-symtom-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.shg-symtom-inner {
    max-width: 1000px;
    margin: 60px auto;
    text-align: center;
    display: flex;
    gap: 20px;
    flex-direction: row;
    justify-content: center;
}

div.shg-symtom-inner div.shg-symtom-box ul li{
  background-color: #fff;
  border-radius: 500px;
  padding: 10px 5px;
  margin-bottom: 10px;
  width: 450px;
}

div.shg-symtom-inner ul li span.check-round{
  background-color:#772020 ;
  border-radius: 70px;
  padding: 10px 50px;
  margin-right: 10px;
  color: #fff;
  text-align: center;
}

/*심혈관질환, 골든타임이 생명입니다*/
section.sub.sub-intro.shg-goldtime-section {
  background-image: url(./img/shg-goldtime-section-bg.png);
  background-size: auto;
  background-repeat: no-repeat;
}

section.sub.sub-intro.shg-goldtime-section div.shg-goldtime{
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin: 60px auto;
}
section.sub.sub-intro.shg-goldtime-section div.shg-goldtime div.goldtime-txt{
  padding-top: 120px;
}

/*골다공증 증상*/
section.sub.sub-intro.gdgj-js-section{
  background-image: url(./img/gdgj-js-section-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 900px;
}
section.sub.sub-intro.gdgj-js-section div.gdgj-js{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 120px auto;
}
section.sub.sub-intro.gdgj-js-section div.gdgj-js div.gdgj-js-realbox p{
  margin-top: 40px;
}

/*골밀도 검사 실시 대상자*/
.bone-check-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 30px;
  margin: 40px auto;
}

.bone-check-box {
  display: flex;
  flex-direction: column;
  width: 230px;
  justify-content: center;
}

.bone-check-top {
  border-radius: 30px 30px 0 30px;
  padding: 20px 30px;
}

.bone-check-top .num {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  text-align: center;
}

.bone-check-top.type1 {
  background-color: #FFAABB;
}

.bone-check-top.type2 {
  background-color: #FF7591;
}

.bone-check-desc {
  background-color: #fff;
  padding: 15px 0;
  font-weight: 500;
  border-bottom: 1px solid #ccc;
}

/*골다공증 원인*/
section.gdgj-cause-section {
  background-image: url(./img/gdgj-cause-section-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
section.gdgj-cause-section div.gdgj-cause-container{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 60px auto;
  width: 90%;
}
section.gdgj-cause-section div.gdgj-cause-container div.gdgj-cause-box{
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 10px;
}
section.gdgj-cause-section div.gdgj-cause-container div.gdgj-cause-box strong{
  font-size: 1.2em;
  font-weight: 600;
}
section.gdgj-cause-section div.gdgj-cause-container div.gdgj-cause-box div.underline{
  width: 90%;
  border: 1px solid #214E9E ;
  margin: 20px 0;
}


/*비타민D 결핍*/
.vitamin-contain{
  position: relative;
}

.vitamin-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 6px solid #FF986A;
    border-radius: 40px;
    padding: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    gap: 40px;
    width: 90%;
    margin: 0 auto;
}

.vitamin-content h3 {
  font-size: 2em;
  margin-bottom: 10px;
}

.vitamin-content .highlight {
  color: #0071c1;
}

div.vitamin-inner div.vitamin-content div.underline{
  border: 1px solid #C7C7C7;
  margin: 20px 0;

}
.vitamin-sun {
  height: auto;
  position: absolute;
  bottom: 190px;
  right: 30px;
}

/*골다공증 예방 수칙*/
section.gdgj-prevention-section div.gdgj-prevention-contain{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 20px;
  margin: 60px auto;
}

section.gdgj-prevention-section div.gdgj-prevention-contain div.gdgj-prevention-box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url(./img/gdgj-prevention.png);
  background-repeat: no-repeat;
  width: 194px;
  height: 194px;
}

section.gdgj-prevention-section div.gdgj-prevention-contain div.gdgj-prevention-box div.num{
  color:#F3FF00;
  font-weight: 600;
}

section.gdgj-prevention-section div.gdgj-prevention-contain div.gdgj-prevention-box div.underline{
  border: 1px solid #ffffff8c;
  margin: 15px 0;
  width: 70%;
}

section.gdgj-prevention-section div.gdgj-prevention-contain div.gdgj-prevention-box div.txt-center{
  color: #fff;
}


/*골다공증 증상-우측정*/
/*.dot-wrap.dot-wrap-right {
    justify-content: right;
    }
section.sub.sub-intro.gdgj-js-section div.gdgj-js div.gdgj-js-realbox div.title.txt-right{
  text-align: right;
}
section.sub.sub-intro.gdgj-js-section div.gdgj-js div.gdgj-js-realbox p{
  text-align: right;
}*/