@charset "utf-8";
.guide-card-wrap { display: flex; justify-content: center; margin-bottom: 71px; }
.guide-card { width: 100%; max-width: 320px; background: #f4f7f9; border: 1px solid #ebf0f4; border-radius: 40px; padding: 24px; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; height: 306px; }
.guide-card .img-box { width: 110px; height: 128px; margin-bottom: 24px; }
.guide-card .img-box img { width: 100%; height: auto; object-fit: contain; }
.guide-card .name { color: #404040; margin-bottom: 24px; font-family: Paperlogy; font-weight: 400; font-size: 28px; line-height: 120%; letter-spacing: 0%; text-align: center; }
.guide-card .btn-go { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: #184892; color: #fff; border-radius: 30px; text-decoration: none; height: 48px; width: 140px; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: 0.3px; text-align: center; }
.guide-card .btn-go::after { content: ""; display: block; width: 24px; height: 24px; background: url("/_res/nsu/dxtechmgmtscience/img/common/ico-btn-link.png") no-repeat center center; background-size: contain; }
.feature-box-wrap { display: flex; flex-direction: column; gap: 20px; }
.feature-row { display: flex; border: 1px solid #f0f0f0; border-radius: 40px; overflow: hidden; box-shadow: 0px 4px 64px 0px rgba(0, 0, 0, 0.02); background: #fff; }
.feature-row .ul-type-dot > li:before { top: 16px; background: #404040; }
.feature-row .side-title { background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 40px; flex-shrink: 0; border-right: 1px solid #f0f0f0; text-align: center; width: 328px; box-sizing: border-box; }
.feature-row .side-title .img-box { width: 32px; margin-bottom: 20px; }
.feature-row .side-title .img-box img { width: 100%; height: auto; }
.feature-row .side-title .tit { color: #222; font-family: Pretendard GOV, sans-serif; font-weight: 700; font-size: 30px; line-height: 100%; letter-spacing: 0%; text-align: center; }
.feature-row .side-title .sub { font-family: Noto Sans KR; color: #808080; margin-top: 8px; font-weight: 500; font-size: 16px; line-height: 1.4; text-align: center; }
.feature-row .side-content { flex: 1; padding: 40px 104px; display: flex; flex-direction: column; justify-content: center; }
.feature-row .side-content .ul-type-dot > li { color: #404040; margin-bottom: 24px; font-weight: 600; font-size: 20px; line-height: 180%; letter-spacing: 0px; }
.feature-row .side-content .ul-type-dot > li:last-child { margin-bottom: 0; }
.feature-row .side-content .sub-list { margin-top: 8px; padding-left: 14px; }
.feature-row .side-content .sub-list li { position: relative; font-weight: 400; font-size: 18px; line-height: 180%; letter-spacing: 0px; }
.feature-row .side-content .sub-list li:before { content: "·"; position: absolute; top: 0; left: -12px; font-size: 24px; color: #404040; }
@media screen and (max-width: 1024px) {
  .guide-card-wrap { margin-bottom: 20px; }
  .guide-card { max-width: 280px; height: auto; padding: 20px; }
  .guide-card .name { font-size: 24px; margin-bottom: 20px; }
  .feature-row { flex-direction: column; border-radius: 30px; }
  .feature-row .side-title { width: 100%; border-right: 0; border-bottom: 1px solid #f0f0f0; padding: 20px; }
  .feature-row .side-title .tit { font-size: 22px; }
  .feature-row .side-content { padding: 24px; }
  .feature-row .side-content .ul-type-dot > li { font-size: 17px; margin-bottom: 16px; }
}
@media screen and (max-width: 768px) {
  .guide-card { max-width: 280px; padding: 16px; border-radius: 24px; height: auto; }
  .guide-card .img-box { width: 70px; height: 80px; margin-bottom: 12px; }
  .guide-card .name { font-size: 18px; margin-bottom: 12px; }
  .guide-card .btn-go { height: 40px; width: 120px; font-size: 14px; gap: 6px; }
  .guide-card .btn-go::after { width: 20px; height: 20px; }
  .feature-row .side-title { padding: 16px; }
  .feature-row .side-title .tit { font-size: 20px; }
  .feature-row .side-title .sub { font-size: 16px; margin-top: 6px; }
  .feature-row .side-content { padding: 16px; }
  .feature-row .side-content .ul-type-dot > li { font-size: 14px; margin-bottom: 12px; }
  .feature-row .side-content .sub-list li { font-size: 14px; }
}