@media only screen and (width > 600px) {
  :root {
    --max-width: 600px;
    --header-height: 36px;
    --header-logo-width: 133px;
    --header-banner-height: 353px;
    --header-banner-image: url(/static/images/main_banner--tablet.png) no-repeat
      center center;
    --header-banner-image-background-size: cover;
    --header-banner-image-fade: 0px;
    --header-banner-content-top: 40%;
    --header-banner-content-left: 30%;
    --header-banner-content-width: 700px;
    --header-banner-content-logo: 160px;
    --header-banner-content-intro-font-size: 35px;
    --header-banner-content-intro-margin-top: 17px;
    --header-banner-content-intro-line-height: 42px;
    --header-banner-content-subtext-font-size: 15px;
    --header-banner-content-subtext-line-height: 19px;
    --header-banner-content-subtext-margin-top: 30px;
    --header-slider-bullet-bottom: 42px;
    --common-section-padding: 120px 0;
    --common-section-h1-font-size: 25px;
    --content-title-font-size: 17px;
    --content-title-line-height: 28px;
    --content-title-bottom: 3px;
    --content-title-top: 520px;
    --content-p-margin-top: 30px;
    --content-p-font-size: 15px;
    --content-li-margin: 20px;
    --content-li-width: 650px;
    --content-image-chere-wallet-en: url(/static/images/content/content_image_chere_wallet--tablet-en.png)
      no-repeat center center;
    --content-image-hyper-dex-en: url(/static/images/content/content_image_hyper-dex--tablet-en.png)
      no-repeat center center;
    --content-image-crypto-card-en: url(/static/images/content/content_image_crypto_card--tablet-en.png)
      no-repeat center center;

    --content-image-chere-wallet-ko: url(/static/images/content/content_image_chere_wallet--tablet-ko.png)
      no-repeat center center;
    --content-image-hyper-dex-ko: url(/static/images/content/content_image_hyper-dex--tablet-ko.png)
      no-repeat center center;
    --content-image-crypto-card-ko: url(/static/images/content/content_image_crypto_card--tablet-ko.png)
      no-repeat center center;
      
    --content-image-width: 600px;
    --content-image-height: 360px;
    --content-image-radius: 0px;
    --content-slider-margin-top: 42px;
    --content-slider-height: 420px;
    --content-slider-arrow-width: 23px;
    --content-slider-arrow-height: 47px;
    --content-slider-arrow-location-correction: 8px;
    --content-slider-arrow-top-position: 33%;
    --contact-p-margin-top: 48px;
    --contact-p-font-size: 20px;
    --contact-p-line-height: 20px;
    --contact-map-height: 530px;
    --contact-info-map-margin: 48px;
    --contact-info-wrap-map-margin: 16px;
    --ci-image-margin: 35px;
    --ci-image-height: 314px;
    --ci-download-width: 234px;
    --ci-download-line-height: 69px;
    --ci-download-margin: 0 30px;
    --ci-download-font-size: 16px;
    --footer-height: 188px;
    --footer-company-font-size: 17px;
    --footer-select-font-size: 14px;
    --footer-select-width: 115px;
    --footer-select-height: 30px;
    --footer-select-padding: 0 7px;
    --footer-info-font-size: 14px;
    --mobile-padding-horizontal: 0 0px;
  }
  header .size {
    max-width: var(--max-width);
  }
  header nav.mobile-nav {
    display: none;
  }
  header .pc-nav {
    display: flex;
  }
  #content p {
    max-width: var(--max-width);
    width: unset;
    line-height: unset;
  }
  #contact .contact-info .address {
    width: unset;
  }
}

@media only screen and (width > 1024px) {
  :root {
    --max-width: 1200px;
    --header-height: 60px;
    --header-logo-width: 133px;
    --header-banner-height: 715px;
    --header-banner-image: url(/static/images/main_banner--desktop.png)
      no-repeat center center;
    --header-banner-image-background-size: cover;
    --header-banner-image-fade: 0px;
    --header-banner-content-logo-img-height: 47px;
    --header-banner-content-top: 24%;
    --header-banner-content-left: 21%;
    --header-banner-content-width: 700px;
    --header-banner-content-logo: 160px;
    --header-banner-content-text-align: left;
    --header-banner-content-intro-font-size: 52px;
    --header-banner-content-intro-margin-top: 26px;
    --header-banner-content-intro-line-height: 59px;
    --header-banner-content-subtext-font-size: 20px;
    --header-banner-content-subtext-line-height: 28px;
    --header-banner-content-subtext-margin-top: 35px;
    --header-slider-bullet-bottom: 28px;
    --common-section-padding: 120px 0;
    --common-section-h1-font-size: 32px;
    --content-title-font-size: 20px;
    --content-title-line-height: 28px;
    --content-title-bottom: 20px;
    --content-title-top: 520px;
    --content-p-margin-top: 46px;
    --content-p-font-size: 17px;
    --content-li-margin: 40px;
    --content-li-width: 820px;
    --content-image-chere-wallet-en: url(/static/images/content/content_image_chere_wallet--desktop-en.png)
      no-repeat center center;
    --content-image-hyper-dex-en: url(/static/images/content/content_image_hyper_dex--desktop-en.png)
      no-repeat center center;
    --content-image-crypto-card-en: url(/static/images/content/content_image_crypto_card--desktop-en.png)
      no-repeat center center;

    --content-image-chere-wallet-ko: url(/static/images/content/content_image_chere_wallet--desktop-ko.png)
      no-repeat center center;
    --content-image-hyper-dex-ko: url(/static/images/content/content_image_hyper_dex--desktop-ko.png)
      no-repeat center center;
    --content-image-crypto-card-ko: url(/static/images/content/content_image_crypto_card--desktop-ko.png)
      no-repeat center center;

    --content-image-width: 798px;
    --content-image-height: 499px;
    --content-image-radius: 0px;
    --content-slider-margin-top: 42px;
    --content-slider-height: 705px;
    --content-slider-arrow-width: 18px;
    --content-slider-arrow-height: 40px;
    --content-slider-arrow-location-correction: 13px;
    --content-slider-arrow-top-position: 33%;
    --contact-p-margin-top: 48px;
    --contact-p-font-size: 20px;
    --contact-p-line-height: 34px;
    --contact-map-height: 530px;
    --contact-info-map-margin: 48px;
    --contact-info-wrap-map-margin: 16px;
    --ci-image-margin: 48px;
    --ci-image-height: 418px;
    --ci-download-width: 234px;
    --ci-download-line-height: 69px;
    --ci-download-margin: 0 65px;
    --ci-download-font-size: 17px;
    --footer-height: 202px;
    --footer-company-font-size: 20px;
    --footer-select-font-size: 15px;
    --footer-select-width: 160px;
    --footer-select-height: 45px;
    --footer-select-padding: 0 13px;
    --footer-info-font-size: 17px;
    --mobile-padding-horizontal: 0 0px;
  }
  header .size {
    max-width: var(--max-width);
  }
  header nav.mobile-nav {
    display: none;
  }
  header .pc-nav {
    display: flex;
  }
  #content p {
    max-width: var(--max-width);
    width: unset;
    line-height: unset;
  }
  #contact .contact-info .address {
    width: unset;
  }
}