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

@media (min-width: 768px) and (max-width: 1439px) {
  .w1440 {
    display: none;
  }
  .w1439_w768 {
    display: block;
  }
  .w375_w767 {
    display: none;
  }
  /* 삼쩜삼 앱 이용 가이드 */
  .w1439_w768.section-app-guide-title {
    margin-top: 92px;
    text-align: center;
  }
  .w1439_w768.section-app-guide-title > .title {
    color: var(--szs-gray-gray-90, #2b2f34);
    text-align: center;
    font-family: Pretendard;
    font-size: 52px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
  }
  .w1439_w768.section-app-guide-title > .sub-title {
    color: var(--szs-gray-gray-90, #2b2f34);
    text-align: center;
    font-family: Pretendard;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 36px */
  }
  .w1439_w768.section-app-guide-title > .btn-app-download {
    margin-top: 60px;
  }
  .w1439_w768.section-app-guide-title > .btn-app-download > a > .btn-play-store,
  .btn-app-store {
    margin-right: 20px;
  }
  .w1439_w768.section-app-guide-title > .btn-app-download > a > .btn-play-store,
  .btn-app-store,
  .btn-app-review {
    width: 216px;
    height: 48px;
  }
  .w1439_w768.section-app-guide-image > .hero-image {
    margin-top: 44px;
    margin-bottom: 80px;
    width: 684px;
    height: 288px;
  }
  /* 쩜. 쉬운 세금 신고 서비스 */
  .w1439_w768.section-easy-tax-report-title {
    margin-top: 132px;
    margin-bottom: 80px;
    text-align: center;
  }
  .w1439_w768.section-easy-tax-report-title > .sub-title {
    color: var(--blue-gray-50-g, #7d8d9e);
    text-align: center;
    font-family: Pretendard;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 36px */
  }
  .w1439_w768.section-easy-tax-report-title > .title {
    color: var(--szs-gray-gray-90, #2b2f34);
    text-align: center;
    font-family: Pretendard;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%; /* 60px */
  }
  .w1439_w768.section-easy-tax-report-card {
    width: calc(100vw - 42px);
    max-width: 870px;
    border-radius: 32px;
    background: var(--szs-basic-white, #fff);
    padding-top: 60px;
    margin-bottom: 36px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
  }
  .w1439_w768.section-easy-tax-report-card .title {
    color: var(--szs-gray-gray-90, #2b2f34);
    font-family: Pretendard;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 48px */
  }
  .w1439_w768.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 */
  }
  .w1439_w768.section-easy-tax-report-card.card-first .sub-title {
    margin-bottom: 28px;
  }
  .w1439_w768.section-easy-tax-report-card.card-second .sub-title {
    margin-bottom: 40px;
  }
  .w1439_w768.section-easy-tax-report-card.card-third .sub-title {
    margin-bottom: 28px;
  }
  .w1439_w768.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 */
  }
  .w1439_w768.section-easy-tax-report-card.card-first > .image > img {
    width: 300px;
    height: 390px;
    position: relative;
    bottom: 0px;
  }
  .w1439_w768.section-easy-tax-report-card.card-second > .image > img {
    width: 429px;
    height: 390px;
    position: relative;
    bottom: 0px;
  }
  .w1439_w768.section-easy-tax-report-card.card-third > .text > .text {
    margin-bottom: 40px;
  }
  .w1439_w768.section-easy-tax-report-card.card-third > .image > img {
    width: 301px;
    height: 390px;
    position: relative;
    bottom: 0px;
  }
  /* 쩜. 유용한 세금 관리 기능 */
  .w1439_w768.section-tax-management {
    padding-top: 132px;
    padding-bottom: 132px;
  }
  .w1439_w768.section-tax-management-title {
    margin-bottom: 80px;
    text-align: center;
  }
  .w1439_w768.section-tax-management-title > .sub-title {
    color: var(--blue-gray-50-g, #7d8d9e);
    text-align: center;
    font-family: Pretendard;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 36px */
  }
  .w1439_w768.section-tax-management-title > .title {
    color: var(--szs-gray-gray-90, #2b2f34);
    text-align: center;
    font-family: Pretendard;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%; /* 60px */
  }
  .w1439_w768.section-tax-management-content > .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 */
    margin-bottom: 36px;
  }
  .w1439_w768.section-tax-management-content > .content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .w1439_w768.section-tax-management-content > .content > .content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px 20px;
  }
  .w1439_w768.section-tax-management-content
    > .content
    > .content-grid
    > .content-card {
    width: calc((100vw - 104px) / 2);
    max-width: 426px;
    height: 358px;
    display: flex;
    padding: 42px 37px;
    flex-direction: column;
    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);
  }
  .w1439_w768.section-tax-management-content .content-card > img {
    width: 52px;
    height: 52px;
  }
  .w1439_w768.section-tax-management-content
    .content-card
    > .content-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 */
  }
  .w1439_w768.section-tax-management-content
    .content-card
    > .content-card-text {
    color: var(--szs-gray-gray-60, #606a76);

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

    /* subtitle/16_medium */
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
  }
  .w1439_w768.section-tax-management-content > .content-margin-bottom {
    margin-bottom: 180px;
  }
}
