@charset "UTF-8";
/* 파일: sub/disease/css/std.scss | 페이지: 성병 검사/치료 (PC, 2000 시안 4:12) */
#sub-wrap.disease-std .sec__head {
  position: relative;
  flex: 1;
}
#sub-wrap.disease-std .sec__head .head__mark {
  position: absolute;
  font-size: 80px;
  line-height: 1;
  color: #2f6950;
  opacity: 0.1;
  white-space: nowrap;
  pointer-events: none;
}
#sub-wrap.disease-std .sec__head .head__tit {
  position: relative;
  font-size: 32px;
  line-height: 45px;
  font-weight: 700;
  color: #000;
}
#sub-wrap.disease-std .card__list {
  display: grid;
  gap: 20px;
}
#sub-wrap.disease-std .card__list li {
  border-radius: 30px;
  background: #f3f3f3;
}
#sub-wrap.disease-std .card__list strong {
  display: block;
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  color: #414141;
}
#sub-wrap.disease-std .card__list strong::after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background: #8dc3ab;
}
#sub-wrap.disease-std .card__list p {
  font-size: 16px;
  line-height: 24px;
  color: #444;
}
#sub-wrap.disease-std .img-card__list {
  flex-wrap: wrap;
  justify-content: space-between;
}
#sub-wrap.disease-std .img-card__list li {
  width: 447px;
  text-align: center;
}
#sub-wrap.disease-std .img-card__list strong {
  display: block;
  margin-top: 27px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  color: #000;
}
#sub-wrap.disease-std .img-card__list p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 24px;
  color: #444;
}
#sub-wrap.disease-std {
  /* 소개 + 증상 */
}
#sub-wrap.disease-std .std__intro {
  padding: 100px 0 119px;
  background: #fffaf7;
}
#sub-wrap.disease-std .std__intro .v2-inner {
  justify-content: space-between;
  align-items: flex-start;
}
#sub-wrap.disease-std .std__intro .intro__txt {
  padding-top: 26px;
}
#sub-wrap.disease-std .std__intro .intro__txt .v2-tit + .v2-mid {
  margin-top: 20px;
}
#sub-wrap.disease-std .std__intro .intro__img {
  flex: 0 0 650px;
}
#sub-wrap.disease-std .std__intro .intro__img img {
  width: 650px;
}
#sub-wrap.disease-std .std__intro .intro__symptom {
  margin-top: 33px;
}
#sub-wrap.disease-std .std__intro .symptom__q {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-left: -5px;
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  color: #000;
}
#sub-wrap.disease-std .std__intro .symptom__q img {
  width: 50px;
}
#sub-wrap.disease-std .std__intro .symptom__q em {
  font-style: normal;
  color: #2e684f;
}
#sub-wrap.disease-std .std__intro .symptom__list {
  display: grid;
  grid-template-columns: repeat(3, 150px);
  gap: 20px;
  margin-top: 20px;
}
#sub-wrap.disease-std .std__intro .symptom__list li {
  height: 150px;
  padding-top: 33px;
  border-radius: 20px;
  background: #f3f3f3;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: #444;
}
#sub-wrap.disease-std .std__intro .symptom__list .item__ico {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  margin-bottom: 12px;
}
#sub-wrap.disease-std .std__intro .symptom__list .item__ico img {
  max-height: 100%;
}
#sub-wrap.disease-std .std__intro .symptom__list li:nth-child(1) img {
  width: 48px;
}
#sub-wrap.disease-std .std__intro .symptom__list li:nth-child(2) img {
  width: 46px;
}
#sub-wrap.disease-std .std__intro .symptom__list li:nth-child(3) img {
  width: 24px;
}
#sub-wrap.disease-std .std__intro .symptom__list li:nth-child(4) img {
  width: 51px;
}
#sub-wrap.disease-std .std__intro .symptom__list li:nth-child(5) img {
  width: 48px;
}
#sub-wrap.disease-std .std__intro .symptom__list li:nth-child(6) img {
  width: 42px;
}
#sub-wrap.disease-std {
  /* Why eYou? */
}
#sub-wrap.disease-std .std__why {
  padding: 102px 0 120px;
  background: #f3f3f3;
}
#sub-wrap.disease-std .std__why .v2-tit + .v2-mid {
  margin-top: 31px;
}
#sub-wrap.disease-std .std__why .why__cont {
  align-items: flex-start;
  margin-top: 50px;
}
#sub-wrap.disease-std .std__why .why__img {
  flex: 0 0 685px;
}
#sub-wrap.disease-std .std__why .why__img img {
  width: 685px;
}
#sub-wrap.disease-std .std__why .why__txt {
  padding: 64px 0 0 68px;
}
#sub-wrap.disease-std .std__why .why__tit {
  display: block;
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  color: #000;
}
#sub-wrap.disease-std .std__why .why__point {
  margin-top: 20px;
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  color: #2f6950;
}
#sub-wrap.disease-std .std__why .why__point span {
  display: inline-block;
  margin-left: -2px;
  padding: 0 8px 0 2px;
  background: none;
}
#sub-wrap.disease-std .std__why .why__desc {
  margin-top: 25px;
  font-size: 18px;
  line-height: 30px;
  color: #444;
}
#sub-wrap.disease-std .std__why .v2-btn {
  margin-top: 40px;
}
#sub-wrap.disease-std {
  /* Symptoms : 성병검진 권고 */
}
#sub-wrap.disease-std .std__symptoms {
  padding: 121px 0 120px;
  background: #fffaf7;
}
#sub-wrap.disease-std .std__symptoms .head__mark {
  top: 6px;
  left: -19px;
}
#sub-wrap.disease-std .std__symptoms .head__tit {
  margin-top: 61px;
}
#sub-wrap.disease-std .std__symptoms .v2-txt {
  position: relative;
  margin-top: 12px;
}
#sub-wrap.disease-std .std__symptoms .card__list {
  grid-template-columns: repeat(3, 307px);
  gap: 20px 20.5px;
}
#sub-wrap.disease-std .std__symptoms .card__list li {
  height: 230px;
  padding: 34px 20px 0 24px;
}
#sub-wrap.disease-std .std__symptoms .card__list strong::after {
  margin-top: 39px;
}
#sub-wrap.disease-std .std__symptoms .card__list p {
  margin-top: 19px;
  padding-left: 1px;
}
#sub-wrap.disease-std {
  /* Diagnosis */
}
#sub-wrap.disease-std .std__diagnosis {
  padding: 99px 0 131px;
  background: #f3f3f3;
}
#sub-wrap.disease-std .std__diagnosis .v2-tit + .v2-mid {
  margin-top: 21px;
}
#sub-wrap.disease-std .std__diagnosis .v2-mid + .v2-txt {
  margin-top: 13px;
}
#sub-wrap.disease-std .std__diagnosis .img-card__list {
  margin-top: 53px;
}
#sub-wrap.disease-std {
  /* Cause */
}
#sub-wrap.disease-std .std__cause {
  padding: 98px 0 117px;
  background: #fffaf7;
}
#sub-wrap.disease-std .std__cause .v2-tit + .v2-mid {
  margin-top: 23px;
}
#sub-wrap.disease-std .std__cause .v2-mid + .v2-txt {
  margin-top: 8px;
}
#sub-wrap.disease-std .std__cause .img-card__list {
  margin-top: 50px;
}
#sub-wrap.disease-std .std__cause .img-card__list p {
  margin-top: 9px;
}
#sub-wrap.disease-std {
  /* Procedures */
}
#sub-wrap.disease-std .std__procedures {
  padding: 115px 0 112px;
  background: #f3f3f3;
}
#sub-wrap.disease-std .std__procedures .v2-tit + .v2-mid {
  margin-top: 28px;
}
#sub-wrap.disease-std .std__procedures .step__list {
  position: relative;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
#sub-wrap.disease-std .std__procedures .step__list::before {
  content: "";
  position: absolute;
  left: 0;
  top: 349px;
  width: 100%;
  height: 2px;
  background: #82a293;
}
#sub-wrap.disease-std .std__procedures .step__list::after {
  content: "";
  position: absolute;
  left: 0;
  top: 343px;
  width: 100%;
  height: 15px;
  background: url(../img/std/v2/arrow.png) 458px 0/25px 15px no-repeat, url(../img/std/v2/arrow.png) 918px 0/25px 15px no-repeat;
}
#sub-wrap.disease-std .std__procedures .step__list li {
  position: relative;
  z-index: 1;
  width: 440px;
  text-align: center;
}
#sub-wrap.disease-std .std__procedures .step__list img {
  width: 390px;
  margin: 0 auto;
}
#sub-wrap.disease-std .std__procedures .step__list strong {
  display: block;
  margin-top: 13px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  color: #000;
}
#sub-wrap.disease-std .std__procedures .step__list p {
  margin-top: 11px;
  font-size: 16px;
  line-height: 24px;
  color: #444;
}
#sub-wrap.disease-std .std__procedures .step__list.--row2 {
  width: 920px;
  margin: 76px 0 0 226px;
}
#sub-wrap.disease-std .std__procedures .step__list.--row2::before {
  left: -46px;
  width: 1040px;
}
#sub-wrap.disease-std .std__procedures .step__list.--row2::after {
  background: url(../img/std/v2/arrow.png) 448px 0/25px 15px no-repeat;
}
#sub-wrap.disease-std .std__procedures .step__dot {
  display: block;
  width: 19px;
  height: 19px;
  margin: 45px auto 0;
  border-radius: 50%;
  background: #82a293;
}
#sub-wrap.disease-std .std__procedures .step__num {
  display: block;
  margin-top: 26px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: #2e684f;
}
#sub-wrap.disease-std {
  /* Treatment */
}
#sub-wrap.disease-std .std__treatment {
  padding-top: 124px;
  background: #fffaf7;
}
#sub-wrap.disease-std .std__treatment .head__mark {
  top: -16px;
  left: -5px;
}
#sub-wrap.disease-std .std__treatment .head__tit {
  margin-top: 42px;
}
#sub-wrap.disease-std .std__treatment .v2-txt {
  position: relative;
  margin-top: 14px;
}
#sub-wrap.disease-std .std__treatment .card__list {
  grid-template-columns: repeat(2, 471px);
  gap: 21px 20px;
}
#sub-wrap.disease-std .std__treatment .card__list li {
  height: 249px;
  padding: 34px 20px 0 33px;
}
#sub-wrap.disease-std .std__treatment .card__list strong::after {
  margin: 11px 0 0 1px;
}
#sub-wrap.disease-std .std__treatment .card__list p {
  margin-top: 15px;
  padding-left: 1px;
}
#sub-wrap.disease-std {
  /* Prevention */
}
#sub-wrap.disease-std .std__prevention {
  padding: 118px 0 122px;
  background: #fffaf7;
}
#sub-wrap.disease-std .std__prevention .v2-tit + .v2-mid {
  margin-top: 23px;
}
#sub-wrap.disease-std .std__prevention .img-card__list {
  row-gap: 62px;
  margin-top: 38px;
}
#sub-wrap.disease-std {
  /* Q&A */
}
#sub-wrap.disease-std .std__qa {
  padding: 126px 0 116px;
  background: #f3f3f3;
}
#sub-wrap.disease-std .std__qa .v2-tit + .v2-mid {
  margin-top: 23px;
}
#sub-wrap.disease-std .std__qa .v2-mid + .v2-txt {
  margin-top: 13px;
  font-size: 17px;
  line-height: 28px;
  letter-spacing: -0.03em;
}
#sub-wrap.disease-std .std__qa .qa__list {
  margin-top: 47px;
}
#sub-wrap.disease-std .std__qa .qa__list li {
  align-items: flex-start;
}
#sub-wrap.disease-std .std__qa .qa__list li.--rev {
  flex-direction: row-reverse;
}
#sub-wrap.disease-std .std__qa .qa__list li.--rev .qa__txt {
  padding: 106px 41px 0 0;
  text-align: right;
}
#sub-wrap.disease-std .std__qa .qa__list li:nth-child(3) .qa__txt {
  padding-top: 78px;
}
#sub-wrap.disease-std .std__qa .qa__img {
  flex: 0 0 700px;
}
#sub-wrap.disease-std .std__qa .qa__img img {
  width: 700px;
}
#sub-wrap.disease-std .std__qa .qa__txt {
  flex: 1;
  padding: 92px 0 0 43px;
}
#sub-wrap.disease-std .std__qa .qa__num {
  display: block;
  font-size: 30px;
  line-height: 30px;
  color: #2f6950;
}
#sub-wrap.disease-std .std__qa .qa__txt strong {
  display: block;
  margin-top: 18px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  color: #000;
}
#sub-wrap.disease-std .std__qa .qa__txt p {
  margin-top: 16px;
  font-size: 16px;
  line-height: 24px;
  color: #444;
}
#sub-wrap.disease-std {
  /* CTA */
}
#sub-wrap.disease-std .std__cta {
  height: 400px;
  padding-top: 85px;
  background: url(../img/std/v2/cta_bg.jpg) center/cover no-repeat;
  color: #fff;
}
#sub-wrap.disease-std .std__cta .cta__tit {
  display: block;
  font-size: 36px;
  line-height: 50px;
  font-weight: 700;
}
#sub-wrap.disease-std .std__cta .cta__txt {
  margin-top: 27px;
  font-size: 18px;
  line-height: 30px;
}
#sub-wrap.disease-std .std__cta .cta__txt b {
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
}
#sub-wrap.disease-std .std__cta .cta__btns {
  justify-content: center;
  gap: 20px;
  margin-top: 46px;
}

/*# sourceMappingURL=std.min.css.map */