@charset "UTF-8";
.container .sub_head_content {
  padding-bottom: 48px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .sub_head_content {
      padding-bottom: calc(48 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .sub_head_content {
      padding-bottom: calc(80 / 750 * 100vw);
      padding-top: calc(56 / 750 * 100vw); } }
  .container .sub_head_content p.desc_txt {
    margin-top: 48px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .sub_head_content p.desc_txt {
        margin-top: calc(48 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .sub_head_content p.desc_txt {
        margin-top: calc(64 / 750 * 100vw); } }
  .container .sub_head_content p.pg_txt {
    font-size: 16px;
    line-height: 28px;
    margin-top: 24px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .sub_head_content p.pg_txt {
        font-size: calc(16 / 1024 * 100vw);
        line-height: calc(28 / 1024 * 100vw);
        margin-top: calc(24 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .sub_head_content p.pg_txt {
        font-size: calc(32 / 750 * 100vw);
        line-height: calc(56 / 750 * 100vw);
        margin-top: calc(48 / 750 * 100vw); } }
  .container .sub_head_content ul {
    list-style-type: decimal;
    padding-left: 38px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .sub_head_content ul {
        padding-left: calc(38 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .sub_head_content ul {
        padding-left: calc(40 / 750 * 100vw); } }
    .container .sub_head_content ul li {
      font-size: 16px;
      line-height: 28px;
      margin-top: 8px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .sub_head_content ul li {
          font-size: calc(16 / 1024 * 100vw);
          line-height: calc(28 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .sub_head_content ul li {
          font-size: calc(32 / 750 * 100vw);
          line-height: calc(56 / 750 * 100vw);
          margin-top: calc(16 / 750 * 100vw); } }

.container .desc_txt {
  font-size: 16px;
  line-height: 28px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .desc_txt {
      font-size: calc(16 / 1024 * 100vw);
      line-height: calc(28 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .desc_txt {
      font-size: calc(32 / 750 * 100vw);
      line-height: calc(56 / 750 * 100vw); } }

.container .note_txt {
  font-size: 14px;
  line-height: 24px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .note_txt {
      font-size: calc(14 / 1024 * 100vw);
      line-height: calc(24 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .note_txt {
      font-size: calc(28 / 750 * 100vw);
      line-height: calc(48 / 750 * 100vw); } }

.container .head_txt {
  font-size: 24px;
  line-height: 40px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .head_txt {
      font-size: calc(24 / 1024 * 100vw);
      line-height: calc(40 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .head_txt {
      font-size: calc(40 / 750 * 100vw);
      line-height: calc(60 / 750 * 100vw); } }

.container .sub_head_txt {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 24px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .sub_head_txt {
      font-size: calc(18 / 1024 * 100vw);
      line-height: calc(26 / 1024 * 100vw);
      margin-bottom: calc(24 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .sub_head_txt {
      font-size: calc(36 / 750 * 100vw);
      line-height: calc(52 / 750 * 100vw);
      margin-bottom: calc(32 / 750 * 100vw); } }

.container .bg_content {
  background-color: #F0F0F0;
  padding: 56px 0; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .bg_content {
      padding: calc(56 / 1024 * 100vw) 0; } }
  @media screen and (max-width: 767.9px) {
    .container .bg_content {
      padding: calc(56 / 750 * 100vw) 0; } }

.container .br_line {
  border-top: 2px solid #fff; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .br_line {
      border-top-width: calc(2 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .br_line {
      border-top-width: calc(4 / 750 * 100vw); } }

.container .br_top {
  border-top: 1px solid #E2E2E2; }
  @media screen and (max-width: 767.9px) {
    .container .br_top {
      border-width: calc(2 / 750 * 100vw); } }

.container .table {
  max-width: 1366px;
  margin-top: 32px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .table {
      margin-top: calc(32 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .table {
      margin-top: calc(32 / 750 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .table {
      overflow-x: auto;
      white-space: nowrap; }
      .container .table::-webkit-scrollbar {
        display: none; } }
  .container .table table {
    border-collapse: collapse;
    width: 100%; }
    .container .table table td, .container .table table th {
      font-size: 16px !important;
      line-height: 28px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .table table td, .container .table table th {
          font-size: calc(16 / 1024 * 100vw) !important;
          line-height: calc(28 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .table table td, .container .table table th {
          font-size: calc(32 / 750 * 100vw) !important;
          line-height: calc(56 / 750 * 100vw); } }
    .container .table table thead th {
      background-color: #8E8E8E;
      border-radius: 2px;
      color: #fff;
      text-align: left;
      padding: 2px 16px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .table table thead th {
          border-radius: calc(2 / 1024 * 100vw);
          padding: calc(2 / 1024 * 100vw) calc(16 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .table table thead th {
          border-radius: calc(4 / 750 * 100vw);
          padding: calc(4 / 750 * 100vw) calc(32 / 750 * 100vw); }
          .container .table table thead th:nth-child(3) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; } }
      .container .table table thead th.free_space {
        background-color: transparent;
        padding: 0;
        min-width: 25px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .table table thead th.free_space {
            min-width: calc(25 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .table table thead th.free_space {
            min-width: calc(50 / 750 * 100vw); } }
    .container .table table tbody tr {
      border-bottom: 1px solid #8E8E8E; }
      @media screen and (max-width: 767.9px) {
        .container .table table tbody tr {
          border-bottom-width: calc(2 / 750 * 100vw); } }
      .container .table table tbody tr td {
        padding: 16px 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .table table tbody tr td {
            padding: calc(16 / 1024 * 100vw) 0; } }
        @media screen and (max-width: 767.9px) {
          .container .table table tbody tr td {
            padding: calc(32 / 750 * 100vw) 0; } }
        .container .table table tbody tr td ul {
          list-style-type: disc;
          padding-left: 28px; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .table table tbody tr td ul {
              padding-left: calc(28 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .table table tbody tr td ul {
              padding-left: calc(66 / 750 * 100vw);
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; } }
          .container .table table tbody tr td ul li {
            font-size: 16px;
            line-height: 28px; }
            @media screen and (min-width: 768px) and (max-width: 1024px) {
              .container .table table tbody tr td ul li {
                font-size: calc(16 / 1024 * 100vw);
                line-height: calc(28 / 1024 * 100vw); } }
            @media screen and (max-width: 767.9px) {
              .container .table table tbody tr td ul li {
                font-size: calc(32 / 750 * 100vw);
                line-height: calc(56 / 750 * 100vw);
                width: 100%; } }
        .container .table table tbody tr td p {
          font-size: 14px !important;
          line-height: 28px;
          padding-left: 10px; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .table table tbody tr td p {
              font-size: calc(14 / 1024 * 100vw) !important;
              line-height: calc(28 / 1024 * 100vw);
              padding-left: calc(10 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .table table tbody tr td p {
              font-size: calc(28 / 750 * 100vw) !important;
              line-height: calc(56 / 750 * 100vw);
              padding-left: calc(36 / 750 * 100vw);
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
              width: 100%; } }

@media screen and (max-width: 767.9px) {
  .container .purpose_content {
    padding-bottom: calc(8 / 750 * 100vw); } }

.container .purpose_content .head_txt {
  margin-bottom: 24px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .purpose_content .head_txt {
      margin-bottom: calc(24 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .purpose_content .head_txt {
      margin-bottom: calc(42 / 750 * 100vw); } }

.container .purpose_content .pup_list {
  counter-reset: list-number; }
  .container .purpose_content .pup_list .fav_head {
    margin-top: 48px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .purpose_content .pup_list .fav_head {
        margin-top: calc(48 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .purpose_content .pup_list .fav_head {
        margin-top: calc(80 / 750 * 100vw); } }
  .container .purpose_content .pup_list .head_list {
    background-color: #3C4453;
    color: #fff;
    padding: 11px 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .purpose_content .pup_list .head_list {
        padding: calc(11 / 1024 * 100vw) calc(24 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .purpose_content .pup_list .head_list {
        padding: calc(14 / 750 * 100vw) calc(32 / 750 * 100vw); } }
  .container .purpose_content .pup_list .fav_registration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 767.9px) {
      .container .purpose_content .pup_list .fav_registration {
        display: block; } }
    .container .purpose_content .pup_list .fav_registration .txt_layer {
      max-width: 688px;
      width: 60.994%;
      margin-right: 3.5%; }
      @media screen and (max-width: 767.9px) {
        .container .purpose_content .pup_list .fav_registration .txt_layer {
          max-width: 100%;
          width: 100%; } }
    .container .purpose_content .pup_list .fav_registration .fav_img_lst {
      max-width: 400px;
      width: 35.462%; }
      @media screen and (max-width: 767.9px) {
        .container .purpose_content .pup_list .fav_registration .fav_img_lst {
          max-width: 100%;
          width: 100%;
          margin-top: calc(32 / 750 * 100vw); } }
      .container .purpose_content .pup_list .fav_registration .fav_img_lst figure {
        width: 100%;
        margin-bottom: 16px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .purpose_content .pup_list .fav_registration .fav_img_lst figure {
            margin-bottom: calc(16 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .purpose_content .pup_list .fav_registration .fav_img_lst figure {
            margin-bottom: calc(32 / 750 * 100vw); } }
        .container .purpose_content .pup_list .fav_registration .fav_img_lst figure:last-child {
          margin-bottom: 0; }
  .container .purpose_content .pup_list .conv_title {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 16px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .purpose_content .pup_list .conv_title {
        font-size: calc(16 / 1024 * 100vw);
        line-height: calc(28 / 1024 * 100vw);
        margin-bottom: calc(16 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .purpose_content .pup_list .conv_title {
        font-size: calc(32 / 750 * 100vw);
        line-height: calc(56 / 750 * 100vw);
        margin-bottom: calc(16 / 750 * 100vw); } }
  .container .purpose_content .pup_list .convenient_video {
    margin-top: 56px;
    counter-reset: list-conv; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .purpose_content .pup_list .convenient_video {
        margin-top: calc(56 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .purpose_content .pup_list .convenient_video {
        margin-top: calc(80 / 750 * 100vw); } }
    .container .purpose_content .pup_list .convenient_video .conv_title:before {
      counter-increment: list-conv;
      content: "（" counter(list-conv) "）"; }
    .container .purpose_content .pup_list .convenient_video .img_txt_layer {
      margin-top: 48px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .purpose_content .pup_list .convenient_video .img_txt_layer {
          margin-top: calc(48 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .purpose_content .pup_list .convenient_video .img_txt_layer {
          margin-top: calc(48 / 750 * 100vw);
          display: block; } }
      .container .purpose_content .pup_list .convenient_video .img_txt_layer:first-of-type {
        margin-top: 0; }
      .container .purpose_content .pup_list .convenient_video .img_txt_layer .txt_layer {
        max-width: 688px;
        width: 60.994%;
        margin-right: 3.5%; }
        @media screen and (max-width: 767.9px) {
          .container .purpose_content .pup_list .convenient_video .img_txt_layer .txt_layer {
            max-width: 100%;
            width: 100%;
            margin-right: 0;
            margin-bottom: calc(32 / 750 * 100vw); } }
        .container .purpose_content .pup_list .convenient_video .img_txt_layer .txt_layer .note_txt {
          margin-top: 16px; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .purpose_content .pup_list .convenient_video .img_txt_layer .txt_layer .note_txt {
              margin-top: calc(16 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .purpose_content .pup_list .convenient_video .img_txt_layer .txt_layer .note_txt {
              margin-top: calc(16 / 750 * 100vw); } }
      .container .purpose_content .pup_list .convenient_video .img_txt_layer .img_layer {
        max-width: 400px;
        width: 35.462%; }
        @media screen and (max-width: 767.9px) {
          .container .purpose_content .pup_list .convenient_video .img_txt_layer .img_layer {
            max-width: 100%;
            width: 100%; } }
    .container .purpose_content .pup_list .convenient_video .chapter_layer {
      margin-top: 48px; }
      @media screen and (min-width: 767.9px) {
        .container .purpose_content .pup_list .convenient_video .chapter_layer {
          position: relative; } }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .purpose_content .pup_list .convenient_video .chapter_layer {
          margin-top: calc(48 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .purpose_content .pup_list .convenient_video .chapter_layer {
          margin-top: calc(48 / 750 * 100vw); } }
      .container .purpose_content .pup_list .convenient_video .chapter_layer .table {
        margin-top: 24px;
        margin-bottom: 24px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .purpose_content .pup_list .convenient_video .chapter_layer .table {
            margin-top: calc(24 / 1024 * 100vw);
            margin-bottom: calc(24 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .purpose_content .pup_list .convenient_video .chapter_layer .table {
            margin-top: calc(32 / 750 * 100vw);
            margin-bottom: calc(32 / 750 * 100vw); } }
      .container .purpose_content .pup_list .convenient_video .chapter_layer .chapter_inner {
        max-width: 688px;
        width: 60.994%; }
        @media screen and (max-width: 767.9px) {
          .container .purpose_content .pup_list .convenient_video .chapter_layer .chapter_inner {
            max-width: 100%;
            width: 100%; } }
        .container .purpose_content .pup_list .convenient_video .chapter_layer .chapter_inner .chapter_img {
          max-width: 400px;
          width: 35.462%; }
          @media screen and (min-width: 767.9px) {
            .container .purpose_content .pup_list .convenient_video .chapter_layer .chapter_inner .chapter_img {
              position: absolute;
              top: 0;
              right: 0; } }
          @media screen and (max-width: 767.9px) {
            .container .purpose_content .pup_list .convenient_video .chapter_layer .chapter_inner .chapter_img {
              max-width: 100%;
              width: 100%;
              margin-top: calc(32 / 750 * 100vw); } }
  .container .purpose_content .pup_list .download_item {
    margin-top: 56px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .purpose_content .pup_list .download_item {
        margin-top: calc(56 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .purpose_content .pup_list .download_item {
        margin-top: calc(80 / 750 * 100vw); } }

@media screen and (max-width: 767.9px) {
  .container .content_site {
    padding-top: calc(8 / 750 * 100vw);
    padding-bottom: calc(8 / 750 * 100vw); } }

.container .content_site .watch_video {
  padding-top: 32px;
  margin-top: 32px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .content_site .watch_video {
      padding-top: calc(32 / 1024 * 100vw);
      margin-top: calc(32 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .content_site .watch_video {
      padding-top: calc(48 / 750 * 100vw);
      margin-top: calc(48 / 750 * 100vw); } }
  .container .content_site .watch_video ul {
    margin-bottom: 16px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .content_site .watch_video ul {
        margin-bottom: calc(16 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .content_site .watch_video ul {
        margin-bottom: calc(32 / 750 * 100vw); } }
    .container .content_site .watch_video ul li {
      font-size: 18px;
      line-height: 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 8px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .content_site .watch_video ul li {
          font-size: calc(18 / 1024 * 100vw);
          line-height: calc(26 / 1024 * 100vw);
          margin-top: calc(8 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .content_site .watch_video ul li {
          font-size: calc(36 / 750 * 100vw);
          line-height: calc(52 / 750 * 100vw);
          margin-top: calc(16 / 750 * 100vw);
          display: block; } }
      .container .content_site .watch_video ul li:first-child {
        margin-top: 0; }
      .container .content_site .watch_video ul li .item_txt {
        font-weight: bold;
        color: #FF6464;
        text-decoration: underline; }
      .container .content_site .watch_video ul li span:after {
        content: '|';
        padding: 0 7px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .content_site .watch_video ul li span:after {
            padding: 0 calc(7 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .content_site .watch_video ul li span:after {
            padding: 0 calc(16 / 750 * 100vw); } }

.container .content_site .my_list_layer, .container .content_site .download_ct_lst, .container .content_site .watch_full_program, .container .content_site .related_articles_videos {
  padding-top: 32px;
  margin-top: 32px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .content_site .my_list_layer, .container .content_site .download_ct_lst, .container .content_site .watch_full_program, .container .content_site .related_articles_videos {
      padding-top: calc(32 / 1024 * 100vw);
      margin-top: calc(32 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .content_site .my_list_layer, .container .content_site .download_ct_lst, .container .content_site .watch_full_program, .container .content_site .related_articles_videos {
      padding-top: calc(48 / 750 * 100vw);
      margin-top: calc(48 / 750 * 100vw); } }
  .container .content_site .my_list_layer .sub_head_txt, .container .content_site .download_ct_lst .sub_head_txt, .container .content_site .watch_full_program .sub_head_txt, .container .content_site .related_articles_videos .sub_head_txt {
    color: #FF6464;
    text-decoration: underline;
    margin-bottom: 8px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .content_site .my_list_layer .sub_head_txt, .container .content_site .download_ct_lst .sub_head_txt, .container .content_site .watch_full_program .sub_head_txt, .container .content_site .related_articles_videos .sub_head_txt {
        margin-bottom: calc(8 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .content_site .my_list_layer .sub_head_txt, .container .content_site .download_ct_lst .sub_head_txt, .container .content_site .watch_full_program .sub_head_txt, .container .content_site .related_articles_videos .sub_head_txt {
        margin-bottom: calc(16 / 750 * 100vw); } }
    .container .content_site .my_list_layer .sub_head_txt a, .container .content_site .download_ct_lst .sub_head_txt a, .container .content_site .watch_full_program .sub_head_txt a, .container .content_site .related_articles_videos .sub_head_txt a {
      color: #FF6464; }

.container .content_site .download_ct_lst ul {
  list-style-type: disc;
  padding-left: 20px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .content_site .download_ct_lst ul {
      padding-left: calc(20 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .content_site .download_ct_lst ul {
      padding-left: calc(40 / 750 * 100vw); } }
  .container .content_site .download_ct_lst ul li {
    margin-top: 24px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .content_site .download_ct_lst ul li {
        margin-top: calc(24 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .content_site .download_ct_lst ul li {
        margin-top: calc(48 / 750 * 100vw); } }
    .container .content_site .download_ct_lst ul li:first-child {
      margin-top: 16px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .content_site .download_ct_lst ul li:first-child {
          margin-top: calc(16 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .content_site .download_ct_lst ul li:first-child {
          margin-top: calc(32 / 750 * 100vw); } }

.container .content_site .download_ct_lst .desc_txt {
  margin-top: 24px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .content_site .download_ct_lst .desc_txt {
      margin-top: calc(24 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .content_site .download_ct_lst .desc_txt {
      margin-top: calc(48 / 750 * 100vw); } }
  .container .content_site .download_ct_lst .desc_txt:first-child {
    margin-top: 16px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .content_site .download_ct_lst .desc_txt:first-child {
        margin-top: calc(16 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .content_site .download_ct_lst .desc_txt:first-child {
        margin-top: calc(32 / 750 * 100vw); } }

.container .content_site .watch_full_program .table table thead th:nth-child(3) {
  min-width: 210px; }
  @media screen and (min-width: 768px) and (max-width: 1200px) {
    .container .content_site .watch_full_program .table table thead th:nth-child(3) {
      min-width: calc(210 / 1200 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .content_site .watch_full_program .table table thead th:nth-child(3) {
      min-width: calc(420 / 750 * 100vw); } }

.container .content_site .watch_full_program .ot_link:after {
  min-width: 16px;
  min-height: 16px;
  position: relative;
  top: 3px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .content_site .watch_full_program .ot_link:after {
      min-width: calc(16 / 1024 * 100vw);
      min-height: calc(16 / 1024 * 100vw);
      top: calc(3 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .content_site .watch_full_program .ot_link:after {
      min-width: calc(32 / 750 * 100vw);
      min-height: calc(32 / 750 * 100vw); } }