@charset "utf-8";

.product_desc_ctn[data-v-3338f4db] { position: relative; }

.side_menu[data-v-3338f4db] { display: none; }

.ctn_box[data-v-3338f4db] { padding-bottom: 30px; }

.ctn_box .roadmap_title[data-v-3338f4db] { color: rgb(25, 25, 26); font-size: 20px; font-weight: 600; line-height: 28px; padding: 46px 0px 86px; text-align: center; }

@media (max-width: 960px) {
  .ctn_box .roadmap_title[data-v-3338f4db] { font-size: 16px; font-weight: 600; line-height: 24px; padding: 18px 0px 56px; }
}

.ctn_box .timeline_box[data-v-3338f4db] { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; margin-bottom: 52px; }

@media (max-width: 960px) {
  .ctn_box .timeline_box[data-v-3338f4db] { flex-wrap: wrap; margin-bottom: 0px; }
}

.ctn_box .timeline_ctn[data-v-3338f4db] { background: rgb(247, 247, 247); padding: 56px 36px 32px; position: relative; width: calc(25% - 12px); }

.ctn_box .timeline_ctn[data-v-3338f4db]:last-child { background: rgb(235, 235, 240); }

.ctn_box .timeline_ctn:last-child .time_circle[data-v-3338f4db] { background: rgb(235, 235, 240); }

@media (max-width: 960px) {
  .ctn_box .timeline_ctn[data-v-3338f4db] { margin-bottom: 60px; margin-right: 12px; min-height: 252px; padding: 40px 16px 26px; width: calc(50% - 6px); }
  .ctn_box .timeline_ctn[data-v-3338f4db]:nth-child(2n) { margin-right: 0px; }
  .ctn_box .timeline_ctn[data-v-3338f4db]:nth-last-child(-n+2) { margin-bottom: 48px; }
}

.ctn_box .timeline_ctn .time_circle[data-v-3338f4db] { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; background: rgb(247, 247, 247); border: 6px solid rgb(255, 255, 255); border-radius: 100%; box-shadow: rgba(163, 163, 163, 0.23) 0px 1px 14px 0px; flex-direction: column; height: 85px; left: 50%; position: absolute; top: 0px; transform: translate3d(-50%, -50%, 0px); width: 85px; }

@media (max-width: 960px) {
  .ctn_box .timeline_ctn .time_circle[data-v-3338f4db] { border: 3px solid rgb(255, 255, 255); height: 58px; width: 58px; }
}

.ctn_box .timeline_ctn .time_circle .version[data-v-3338f4db] { color: rgb(25, 25, 26); font-size: 20px; font-weight: 600; line-height: 28px; }

@media (max-width: 960px) {
  .ctn_box .timeline_ctn .time_circle .version[data-v-3338f4db] { font-size: 16px; line-height: 24px; }
}

.ctn_box .timeline_ctn .time_circle .year[data-v-3338f4db] { color: rgb(112, 112, 112); font-size: 14px; line-height: 22px; }

@media (max-width: 960px) {
  .ctn_box .timeline_ctn .time_circle .year[data-v-3338f4db] { font-size: 12px; line-height: 20px; }
}

.ctn_box .timeline_ctn .time_list .time_item[data-v-3338f4db] { margin-bottom: 12px; }

.ctn_box .timeline_ctn .time_list .time_item[data-v-3338f4db]:last-child { margin-bottom: 0px; }

.ctn_box .timeline_ctn .time_list .month[data-v-3338f4db] { color: rgb(112, 112, 112); font-size: 14px; font-weight: 600; line-height: 22px; margin-bottom: 4px; }

@media (max-width: 960px) {
  .ctn_box .timeline_ctn .time_list .month[data-v-3338f4db] { font-size: 13px; line-height: 20px; }
}

.ctn_box .timeline_ctn .time_list .month_info[data-v-3338f4db] { color: rgb(112, 112, 112); font-size: 12px; line-height: 20px; padding-left: 14px; position: relative; }

@media (max-width: 960px) {
  .ctn_box .timeline_ctn .time_list .month_info[data-v-3338f4db] { font-size: 12px; line-height: 20px; }
}

.ctn_box .timeline_ctn .time_list .month_info[data-v-3338f4db]::before { background: rgb(112, 112, 112); border-radius: 100%; content: " "; display: block; height: 3px; left: 0px; position: absolute; top: 8px; width: 3px; }

.ctn_box .timeline_ctn .time_list .month_href[data-v-3338f4db] { color: rgb(0, 96, 191); display: block; font-size: 12px; line-height: 20px; margin-top: 12px; }

.ctn_box .new_box[data-v-3338f4db] { margin-bottom: 40px; }

.ctn_box .new_box .new_title[data-v-3338f4db] { color: rgb(25, 25, 26); font-size: 16px; font-weight: 600; line-height: 24px; margin-bottom: 20px; }

.ctn_box .new_box .table_wrap[data-v-3338f4db] { position: relative; width: 100%; }

.ctn_box .new_box .table_wrap .table_box[data-v-3338f4db] { width: 100%; }

@media (max-width: 960px) {
  .ctn_box .new_box .table_wrap .table_box[data-v-3338f4db] { overflow-x: auto; }
}

.ctn_box .new_box .table_wrap .table[data-v-3338f4db] { width: 100%; }

@media (max-width: 960px) {
  .ctn_box .new_box .table_wrap .table[data-v-3338f4db] { width: auto; }
}

.ctn_box .new_box .table_wrap .table thead tr[data-v-3338f4db] { background: rgba(64, 128, 255, 0.06); }

.ctn_box .new_box .table_wrap .table thead tr th[data-v-3338f4db] { color: rgb(25, 25, 26); font-size: 14px; font-weight: 600; line-height: 22px; padding: 13px 12px; text-align: center; width: 26%; }

@media (max-width: 960px) {
  .ctn_box .new_box .table_wrap .table thead tr th[data-v-3338f4db] { white-space: nowrap; width: auto; }
}

.ctn_box .new_box .table_wrap .table thead tr th[data-v-3338f4db]:first-child { text-align: left; width: 48%; }

@media (max-width: 960px) {
  .ctn_box .new_box .table_wrap .table thead tr th[data-v-3338f4db]:first-child { width: auto; }
}

.ctn_box .new_box .table_wrap .table tbody tr[data-v-3338f4db] { background: rgba(64, 128, 255, 0.06); }

.ctn_box .new_box .table_wrap .table tbody tr[data-v-3338f4db]:nth-child(2n+1) { background: rgb(255, 255, 255); }

.ctn_box .new_box .table_wrap .table tbody tr td[data-v-3338f4db] { color: rgb(25, 25, 26); font-size: 14px; font-weight: 600; line-height: 22px; padding: 13px 12px; text-align: center; }

@media (max-width: 960px) {
  .ctn_box .new_box .table_wrap .table tbody tr td[data-v-3338f4db] { padding-right: 44px; white-space: nowrap; }
}

.ctn_box .new_box .table_wrap .table tbody tr td[data-v-3338f4db]:first-child { text-align: left; }

.ctn_box .new_box .table_wrap .table tbody tr td .iconfont_empty[data-v-3338f4db] { color: rgb(112, 112, 112); display: inline-block; font-size: 12px; transform: scale(0.8); }

.ctn_box .new_box .table_wrap .table tbody tr td .iconfont_not[data-v-3338f4db] { color: rgb(204, 204, 204); font-size: 20px; }

.ctn_box .new_box .table_wrap .table tbody tr td .iconfont_yes[data-v-3338f4db] { color: rgb(16, 163, 0); font-size: 20px; }

.ctn_box .new_box .table_wrap .table_bg[data-v-3338f4db] { background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0.1))); display: none; height: 100%; position: absolute; right: 0px; top: 0px; width: 10%; z-index: 1; }

@media (max-width: 960px) {
  .ctn_box .new_box .table_wrap .table_bg[data-v-3338f4db] { display: block; }
}

.ctn_box .suggestion_box .suggestion_title[data-v-3338f4db] { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-bottom: 12px; }

.ctn_box .suggestion_box .suggestion_title span[data-v-3338f4db] { color: rgb(25, 25, 26); font-size: 16px; font-weight: 600; line-height: 24px; }

.ctn_box .suggestion_box .suggestion_title a[data-v-3338f4db] { color: rgb(0, 96, 191); font-size: 14px; line-height: 22px; }

.ctn_box .suggestion_box .suggestion_sub_title[data-v-3338f4db] { border-top: 1px solid rgb(229, 229, 229); color: rgb(25, 25, 26); font-size: 14px; font-weight: 600; line-height: 22px; margin-bottom: 12px; padding-top: 24px; }

.ctn_box .suggestion_box .suggestion_list .suggestion_item[data-v-3338f4db] { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; margin-bottom: 20px; padding-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; border-bottom: 1px solid rgb(229, 229, 229); flex-direction: column; }

.ctn_box .suggestion_box .suggestion_list .suggestion_item[data-v-3338f4db]:last-child { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; }

.ctn_box .suggestion_box .suggestion_list .suggestion_item .suggestion_info[data-v-3338f4db] { display: flex; -webkit-box-align: start; align-items: flex-start; color: rgb(112, 112, 112); font-size: 14px; line-height: 22px; margin-bottom: 8px; width: 100%; }

.ctn_box .suggestion_box .suggestion_list .suggestion_item .suggestion_info span[data-v-3338f4db] { display: inline-block; margin-right: 4px; flex-shrink: 0; width: 12px; }

.ctn_box .suggestion_box .suggestion_list .suggestion_item .suggestion_handle[data-v-3338f4db] { display: flex; flex-shrink: 0; flex-wrap: nowrap; padding-left: 12px; }

@media (max-width: 768px) {
  .ctn_box .suggestion_box .suggestion_list .suggestion_item .suggestion_handle[data-v-3338f4db] { padding-left: 12px; }
}

.ctn_box .suggestion_box .suggestion_list .suggestion_item .suggestion_handle .prise_box[data-v-3338f4db] { color: rgb(112, 112, 112); display: flex; font-size: 13px; line-height: 20px; margin-right: 24px; text-align: left; -webkit-box-align: center; align-items: center; cursor: pointer; transition: 0.3s; }

.ctn_box .suggestion_box .suggestion_list .suggestion_item .suggestion_handle .prise_box[data-v-3338f4db]:hover { color: rgb(25, 25, 26); }

.ctn_box .suggestion_box .suggestion_list .suggestion_item .suggestion_handle .prise_box:hover .info[data-v-3338f4db] { text-decoration: underline; }

.ctn_box .suggestion_box .suggestion_list .suggestion_item .suggestion_handle .prise_box.prise_box_active[data-v-3338f4db] { color: rgb(25, 25, 26); }

.ctn_box .suggestion_box .suggestion_list .suggestion_item .suggestion_handle .prise_box[data-v-3338f4db]:last-child { margin-right: 0px; }

.ctn_box .suggestion_box .suggestion_list .suggestion_item .suggestion_handle .prise_box .info[data-v-3338f4db] { margin: 0px 4px; }

.ctn_box .suggestion_box .suggestion_list .suggestion_item .suggestion_handle .prise_box .num[data-v-3338f4db] { font-size: 14px; line-height: 22px; width: 20px; }

.ctn_box .suggestion_box .suggestion_list .suggestion_item .suggestion_handle .prise_box .iconfont[data-v-3338f4db] { height: 16px; line-height: 16px; text-align: center; width: 16px; }

.ctn_box .suggestion_box .suggestion_list .suggestion_item .suggestion_handle .prise_box .iconfont_prise[data-v-3338f4db] { color: rgb(25, 25, 26); }

@media (max-width: 960px) {
  .ctn_box[data-v-3338f4db] { border-top: 1px solid rgb(229, 229, 229); margin: 0px 16px; padding: 0px 0px 24px; }
  .ctn_box .roadmap_title[data-v-3338f4db] { padding: 16px 0px 41px; }
  .ctn_box .timeline_box[data-v-3338f4db] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 45px 12px; }
  .ctn_box .timeline_box .timeline_ctn[data-v-3338f4db] { margin: 0px; width: auto; }
  .ctn_box .new_box[data-v-3338f4db] { margin: 24px auto; }
  .ctn_box .new_box .new_title[data-v-3338f4db] { margin-bottom: 12px; }
}

.suggest_popup .suggest_ctn[data-v-3338f4db] { background: rgb(255, 255, 255); width: 680px; }

@media (max-width: 960px) {
  .suggest_popup .suggest_ctn[data-v-3338f4db] { width: 100%; }
}

.suggest_popup .suggest_form[data-v-3338f4db] { padding: 20px 32px; }

@media (max-width: 960px) {
  .suggest_popup .suggest_form[data-v-3338f4db] { padding: 20px 16px; }
}

.suggest_popup .suggest_form .form_item .form_title[data-v-3338f4db] { display: flex; -webkit-box-pack: justify; color: rgb(25, 25, 26); font-size: 14px; justify-content: space-between; line-height: 22px; margin-bottom: 4px; }

.suggest_popup .suggest_form .form_item .form_title span[data-v-3338f4db]:nth-child(2) { color: rgb(112, 112, 112); }

.suggest_popup .suggest_form .form_item_box[data-v-3338f4db] { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; }

@media (max-width: 768px) {
  .suggest_popup .suggest_form .form_item_box[data-v-3338f4db] { flex-wrap: wrap; }
}

.suggest_popup .suggest_form .form_item_box .form_item[data-v-3338f4db] { width: calc(50% - 10px); }

@media (max-width: 768px) {
  .suggest_popup .suggest_form .form_item_box .form_item[data-v-3338f4db] { width: 100%; }
  .suggest_popup .suggest_form .form_item_box .form_item[data-v-3338f4db]:first-child { margin-bottom: 12px; }
}

.suggest_popup .suggest_form .form_info[data-v-3338f4db] { color: rgb(112, 112, 112); font-size: 13px; line-height: 20px; margin: 16px 0px; }

@media (max-width: 768px) {
  .suggest_popup .suggest_form .form_info[data-v-3338f4db] { margin: 12px 0px; }
}

.suggest_popup .btn_box[data-v-3338f4db] { display: flex; padding: 20px 32px; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; }

@media (max-width: 768px) {
  .suggest_popup .btn_box[data-v-3338f4db] { flex-flow: column-reverse wrap; padding: 20px 16px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; }
}

.suggest_popup .btn_box .fs-button[data-v-3338f4db] { margin-left: 12px; padding: 0px 30px; width: auto; }

@media (max-width: 768px) {
  .suggest_popup .btn_box .fs-button[data-v-3338f4db] { margin-left: 0px; padding: 0px; width: 100%; }
  .suggest_popup .btn_box .fs-button[data-v-3338f4db]:first-child { margin-top: 12px; }
}

.suggest_popup .suggest_error[data-v-3338f4db], .suggest_popup .suggest_success[data-v-3338f4db] { padding: 0px 40px 32px; }

.suggest_popup .suggest_error .suggest_success_title[data-v-3338f4db], .suggest_popup .suggest_success .suggest_success_title[data-v-3338f4db] { display: flex; -webkit-box-align: start; align-items: flex-start; margin-bottom: 14px; }

.suggest_popup .suggest_error .suggest_success_title .iconfont_error[data-v-3338f4db], .suggest_popup .suggest_success .suggest_success_title .iconfont_error[data-v-3338f4db] { color: rgb(192, 0, 0); font-size: 18px; margin-right: 10px; margin-top: 2px; }

.suggest_popup .suggest_error .suggest_success_title .iconfont_success[data-v-3338f4db], .suggest_popup .suggest_success .suggest_success_title .iconfont_success[data-v-3338f4db] { color: rgb(24, 162, 9); font-size: 20px; margin-right: 12px; margin-top: 2px; }

.suggest_popup .suggest_error .suggest_success_title .success_title[data-v-3338f4db], .suggest_popup .suggest_success .suggest_success_title .success_title[data-v-3338f4db] { color: rgb(25, 25, 26); font-size: 16px; line-height: 24px; }

.suggest_popup .suggest_error .suggest_success_info[data-v-3338f4db], .suggest_popup .suggest_success .suggest_success_info[data-v-3338f4db] { color: rgb(112, 112, 112); font-size: 13px; line-height: 20px; padding-left: 32px; }