/*
Theme Name: 제이장내과
Author: Jeymedi
Author URI: http://jeymedidesign.dothome.co.kr
Description: 제이장내과 웹사이트 테마
Version: 1.0.0
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    LAYOUT
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/*내시경 - 느낌표 주의사항*/
section.sub.caution-gray{
    background-color:#F9F9F9 ;
    padding: 60px 0;
    margin: 150px 0;
    position: relative;
}
section.sub.caution-gray div.title-zone img{
    position: absolute;
    bottom:75%;
    left: 47%;
}

/*내시경 검사 필요대상*/
section.sub.gastro-need{
    background-image: url(./img/gastroscopy-need-bg.png);

}
section.sub.gastro-need div.gastro-need-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
    gap: 60px;
}
section.sub.gastro-need .title-zone p.name {
    text-align: left;
    color:#FAE8DE;
}
section.sub.gastro-need .title-zone p.title {
    text-align: left;
    margin: 0 0 1em 0;
}

section.sub.gastro-need .title-zone .label-group.step ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

section.sub.gastro-need .title-zone .label-group.step li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}

section.sub.gastro-need .title-zone .label-group.step li::before {
  content: '';
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #DCDCDC;
  border: 3px solid #DCDCDC;
  border-radius: 50%;
  z-index: 2;
}

section.sub.gastro-need .title-zone .label-group.step li::after {
  content: '';
  position: absolute;
  top: 0.5em;
  left: 6px; 
  height: calc(100% + 1em); 
  border-left: 1px solid #DCDCDC;
  z-index: 0;
}

section.sub.gastro-need .title-zone .label-group.step li:last-child::after {
  display: none; 
}

section.sub.gastro-need .title-zone div.p-wrap p{
    text-align: left;
    margin-top: 2em;
}


section.sub.gastro-need div.confirm-zone{
    background-color:#5A5A5A ;
}
section.sub.gastro-need div.confirm-zone div.confirm-box{
     display: flex;
    max-width: 950px;
    align-items: center;
    justify-content: space-evenly;
    gap: 30px;
    padding: 50px 0;
    margin: -10px auto;
}
section.sub.gastro-need div.confirm-zone div.confirm-zone-title{
    color:#FFFFE6;
    font-weight: 700;
    font-size: 1.3em;
}
section.sub.gastro-need div.confirm-zone div.p-wrap.confirm-zone-txt{color: #fff;

}

/*당일용종절제술*/
section.sub.sub-intro.process-polyp div.polyp-card {
      display: flex;
      justify-content: center;
      gap: 40px;
      flex-wrap: wrap;
    }

section.sub.sub-intro.process-polyp div.polyp-card div.card {
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(149, 149, 149, 0.4);
      padding: 20px;
      width: 300px;
    }

section.sub.sub-intro.process-polyp div.polyp-card div.card p.desc {
      line-height: 1.6;
      margin: 15px 0 5px 0;
    }
section.sub.sub-intro.process-polyp div.polyp-card div.card p.desc.card03  {
    padding-top: 15px;
    }
section.sub.sub-intro.process-polyp div.title-zone div.p-wrap {
    margin: 60px 0 120px 0;
}

/*초음파 검사 방법*/
section.sub.sub-intro.ultrasound-guide {
  background-color: #F9F6F2;
}

section.sub.sub-intro.ultrasound-guide div.ultrasound-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  max-width: 1100px;
  margin: 0 auto;
  flex-wrap: wrap;
}

section.sub.sub-intro.ultrasound-guide div.ultrasound-inner  div.ultrasound-image img {
  width: 100%;
}

section.sub.sub-intro.ultrasound-guide div.ultrasound-inner  div.ultrasound-steps {
  max-width: 480px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

section.sub.sub-intro.ultrasound-guide div.ultrasound-inner  div.ultrasound-steps div.step {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

section.sub.sub-intro.ultrasound-guide div.ultrasound-inner  div.ultrasound-steps div.step img.step-icon {
  width: 50px;
  height: 50px;
}


section.sub.sub-intro.ultrasound-guide div.ultrasound-inner  div.ultrasound-steps div.dotted-line {
  border-top: 3px dotted #aaa;
  height: 2px;
  width: 100%;
}


/*복부초음파 상,하부 차이*/
section.sub.sub-intro.process-polyp.abdominal-card{
    background-color:#F9F9F9 ;
    padding: 80px 0;
}

section.sub.sub-intro.process-polyp.abdominal-card div.polyp-card div.card {
    width: 370px;
    }
section.sub.sub-intro.process-polyp.abdominal-card div.polyp-card div.card.card02 p.desc{
    padding-top: 20px;
}