/*
    Zendesk 헬프센터의 "앱 사용 가이드" 페이지의 break point가 767px 이하인 경우에 적용되는 CSS 스타일의 모음입니다.
*/

@media (max-width: 767px) {
  main {
    overflow-x: hidden;
  }
  .w1440 {
    display: none;
  }
  .w1439_w768 {
    display: none;
  }
  .w375_w767 {
    display: block;
  }
  /* 삼쩜삼 앱 이용 가이드 */
  .w375_w767.section-app-guide-title {
    margin-top: 92px;
    text-align: center;
  }
  .w375_w767.section-app-guide-title > .title {
    color: var(--szs-gray-gray-90, #2b2f34);
    text-align: center;

    /* heading/36_bold */
    font-family: Pretendard;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 54px */

    margin-bottom: 8px;
  }
  .w375_w767.section-app-guide-title > .sub-title {
    color: var(--szs-gray-gray-90, #2b2f34);
    text-align: center;

    /* subtitle/20_medium */
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 28px */
  }
  .w375_w767.section-app-guide-title > .btn-app-download {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .w375_w767.section-app-guide-title > .btn-app-download > a > .btn-play-store,
  .btn-app-store,
  .btn-app-review {
    width: 216px;
    height: 48px;
  }
  .w375_w767.section-app-guide-title > .btn-app-download > a > .btn-play-store,
  .btn-app-store {
    margin-bottom: 20px;
  }
  .w375_w767.section-app-guide-image > .hero-image {
    margin-top: 44px;
    margin-bottom: 80px;
    width: 684px;
    height: 288px;
  }
  /* 쩜. 쉬운 세금 신고 서비스 */
  .w375_w767.section-easy-tax-report-title {
    margin-top: 80px;
    margin-bottom: 40px;
    text-align: center;
  }
  .w375_w767.section-easy-tax-report-title > .sub-title {
    color: var(--palette-gray-blue-blue-50-g, #7d8d9e);
    text-align: center;

    /* subtitle/16_semibold */
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 24px */

    margin-bottom: 8px;
  }
  .w375_w767.section-easy-tax-report-title > .title {
    color: var(--szs-gray-gray-90, #2b2f34);
    text-align: center;

    /* heading/28_bold */
    font-family: Pretendard;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 39.2px */
  }
  .w375_w767.section-easy-tax-report-card {
    width: calc(100vw - 48px);
    max-width: 720px;
    border-radius: 32px;
    background: var(--szs-basic-white, #fff);
    padding: 40px 32px 0 32px;
    margin-bottom: 36px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    text-align: left;
  }
  .w375_w767.section-easy-tax-report-card .title {
    color: var(--szs-gray-gray-90, #2b2f34);

    /* heading/24_bold */
    font-family: Pretendard;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 36px */
  }
  .w375_w767.section-easy-tax-report-card .sub-title {
    color: var(--szs-gray-gray-90, #2b2f34);

    /* subtitle/16_medium */
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
  }
  .w375_w767.section-easy-tax-report-card .title {
    margin-bottom: 12px;
  }
  .w375_w767.section-easy-tax-report-card.card-first .sub-title {
    margin-bottom: 20px;
  }
  .w375_w767.section-easy-tax-report-card.card-first .text {
    width: 100%;
  }
  .w375_w767.section-easy-tax-report-card.card-second .sub-title {
    margin-bottom: 31px;
  }
  .w375_w767.section-easy-tax-report-card.card-third .sub-title {
    margin-bottom: 20px;
  }
  .w375_w767.section-easy-tax-report-card > .text > .list > ul {
    margin: 0;
  }
  .w375_w767.section-easy-tax-report-card > .text > .list,
  .text {
    color: var(--szs-gray-gray-40, #949da8);

    /* subtitle/14_medium */
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
  }
  .w375_w767.section-easy-tax-report-card.card-first > .image > img {
    width: 327px;
    height: 340px;
    position: relative;
    bottom: 0px;
  }
  .w375_w767.section-easy-tax-report-card.card-second > .image > img {
    width: 327px;
    height: 340px;
    position: relative;
    bottom: 0px;
  }
  .w375_w767.section-easy-tax-report-card.card-first > .text {
    margin-bottom: 32px;
  }
  .w375_w767.section-easy-tax-report-card.card-third > .text > .text {
    margin-bottom: 32px;
    display: flex;
    justify-content: start;
    align-items: center;
  }
  .w375_w767.section-easy-tax-report-card.card-third > .text > .text > img {
    margin-right: 8px;
  }
  .w375_w767.section-easy-tax-report-card.card-third > .image > img {
    width: 327px;
    height: 340px;
    position: relative;
    bottom: 0px;
  }
  /* 쩜. 유용한 세금 관리 기능 */
  .w375_w767.section-tax-management {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .w375_w767.section-tax-management-title {
    margin-bottom: 80px;
    text-align: center;
  }
  .w375_w767.section-tax-management-title > .sub-title {
    color: var(--palette-gray-blue-blue-50-g, #7d8d9e);
    text-align: center;

    /* subtitle/16_semibold */
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 24px */
  }
  .w375_w767.section-tax-management-title > .title {
    color: var(--szs-gray-gray-90, #2b2f34);
    text-align: center;

    /* heading/28_bold */
    font-family: Pretendard;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 39.2px */
  }
  .w375_w767.section-tax-management-content > .title {
    color: var(--szs-gray-gray-90, #2b2f34);

    /* heading/24_bold */
    font-family: Pretendard;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 36px */

    margin-bottom: 36px;
  }
  .w375_w767.section-tax-management-content > .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .w375_w767.section-tax-management-content > .content > .content-card {
    width: calc(100vw - 48px);
    max-width: 426px;
    height: 274px;
    display: flex;
    padding: 40px 32px 32px 32px;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    gap: 16px;
    border-radius: 32px;
    background: #fff;

    /* shadow/large */
    box-shadow: 0px 6px 20px 0px rgba(18, 21, 25, 0.12);
    margin-bottom: 20px;
  }
  .w375_w767.section-tax-management-content
    > .content
    > .content-card:last-child {
    margin-bottom: 0;
  }
  .w375_w767.section-tax-management-content .content-card > img {
    width: 52px;
    height: 52px;
  }
  .w375_w767.section-tax-management-content
    .content-card
    > .content-card-title {
    color: var(--szs-gray-gray-90, #2b2f34);

    /* heading/20_bold */
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 30px */
  }
  .w375_w767.section-tax-management-content .content-card > .content-card-text {
    color: var(--szs-gray-gray-60, #606a76);

    /* subtitle/14_medium */
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
  }
  .w375_w767.section-tax-management-content .content-card > a {
    color: var(--szs-blue-blue-60, #0c65e5);

    /* subtitle/14_medium */
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
  }
  .w375_w767.section-tax-management-content > .content-margin-bottom {
    margin-bottom: 80px;
  }
}