@charset "UTF-8";
/*event.scss*/
/*_buttons.scss*/
/*_colors.scss*/
/*_mixins.scss*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*_placeholder.scss*/
a.board_link_btn {
  padding: 8px 30px;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  display: inline-block; }
  a.board_link_btn.blue {
    background: #0b71b9; }

/*_forms.scss*/
div.layer_pop, div.layer_pop_m {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: url(../../../img//all_bg.png) repeat; }

div.pop_wrap {
  width: 970px;
  height: 550px;
  overflow-y: auto;
  padding: 30px;
  background: #ebecee; }
  @media (max-width: 960px) {
    div.pop_wrap {
      width: 100%;
      height: auto;
      padding: 10px; } }

/*_icons.scss*/
span.top_alarm {
  display: inline-block;
  background: #5391d5;
  width: 20px;
  height: 20px;
  color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  text-align: center;
  vertical-align: middle;
  margin: 0 0 0 3px; }

span.ico_border_co1 {
  display: inline-block;
  padding: 3px 10px 5px 10px;
  border: 1px solid #21b1ea;
  background: none;
  color: #21b1ea;
  font-size: 12px; }
  @media (max-width: 960px) {
    span.ico_border_co1 {
      padding: 5px 10px 4px 10px;
      font-size: 11px; } }
  @media (max-width: 960px) {
    span.ico_border_co1 {
      width: 50px;
      text-align: center;
      margin: 0 0 3px 0;
      padding: 3px 0 2px 0;
      font-size: 11px; } }

span.ico_border_co2 {
  display: inline-block;
  padding: 3px 10px 5px 10px;
  border: 1px solid #f26c4f;
  background: none;
  color: #f26c4f;
  font-size: 12px; }
  @media (max-width: 960px) {
    span.ico_border_co2 {
      padding: 5px 10px 4px 10px;
      font-size: 11px; } }
  @media (max-width: 960px) {
    span.ico_border_co2 {
      width: 50px;
      text-align: center;
      margin: 0 0 3px 0;
      padding: 3px 0 2px 0;
      font-size: 11px; } }

span.ico_back_co1 {
  display: inline-block;
  padding: 3px 10px 5px 10px;
  border: 1px solid #f26c4f;
  background: #f26c4f;
  color: #fff;
  font-size: 12px; }
  @media (max-width: 960px) {
    span.ico_back_co1 {
      padding: 5px 10px 4px 10px;
      font-size: 11px; } }
  @media (max-width: 960px) {
    span.ico_back_co1 {
      width: 50px;
      text-align: center;
      margin: 0 0 3px 0;
      padding: 3px 0 2px 0;
      font-size: 11px; } }

span.ico_back_co2 {
  display: inline-block;
  padding: 3px 10px 5px 10px;
  border: 1px solid #21b1ea;
  background: #21b1ea;
  color: #fff;
  font-size: 12px; }
  @media (max-width: 960px) {
    span.ico_back_co2 {
      padding: 5px 10px 4px 10px;
      font-size: 11px; } }
  @media (max-width: 960px) {
    span.ico_back_co2 {
      width: 50px;
      text-align: center;
      margin: 0 0 3px 0;
      padding: 3px 0 2px 0;
      font-size: 11px; } }

/*_buttons1.scss*/
/*_colors1.scss*/
/*_mixins1.scss*/
/*_buttons2.scss*/
/*_colors2.scss*/
/*_mixins2.scss*/
/*_placeholder2.scss*/
/*_buttons3.scss*/
/*_colors3.scss*/
/*_icons3.scss*/
/*_mixins3.scss*/
/* Sub-section comment block
   ========================================================================== */
/* Usage */
/* svg element
  ========================================================================== */
/* maring-and-padding-spacing
  ========================================================================== */
/*_placeholder3.scss*/
div.trade_250708 ul li {
  float: none;
  width: 100%; }

/**
 * A Long-shadow mixin, guaranteed to make your Dribbble shots 11% cooler
 * @param  string  $color_a  The darkest colour (closest the object)
 * @param  string  $color_b  The lightest colour (often the background colour)
 * @param  int     $stepnum  Number of steps
 * @param  int     $opacity  The opacity of the blend
 * @return list         	   Returns a list ready to drop into 'box-shadow' or text-shadow
 */
div.trade_250708, div.trade_250708 section.bene_sc, div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr, div.trade_250708 section.how_sc, div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap a.btn_st, div.trade_250708 section.guide_sc, div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt > button .more, div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dd.qq .txt {
  color: #131d1f; }

div.trade_250708 section.header article.header_tit, div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table thead tr, div.trade_250708 section.notice_sc {
  background-color: #131d1f; }

div.trade_250708 h4.title_wrap .title, div.trade_250708 h4.title_wrap .sub_tit, div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr.point {
  color: #000; }

div.trade_250708 section.header article.header_tit .txt, div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table thead tr {
  color: #fff; }

div.trade_250708 section.header article.header_qna .abs_wrap .qna .question, div.trade_250708 section.header article.header_qna .abs_wrap .qna .answer, div.trade_250708 section.bene_sc, div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li, div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dd.qq {
  background-color: #fff; }

div.trade_250708 section.how_sc {
  background-color: #f5f6f7; }

div.trade_250708 section.guide_sc {
  background-color: #fffbf5; }

div.trade_250708 section.header article.header_qna {
  background-color: #62d492; }

div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap a.btn_st, div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt .img {
  background-color: #ff654d; }

div.trade_250708 {
  font-family: "Pretendard Variable", 'Pretendard', 'Noto Sans KR', '맑은고딕', 'Malgun Gothic', sans-serif, '돋음', 'dotum';
  word-break: keep-all;
  letter-spacing: -0.5px; }
  div.trade_250708 br {
    font-family: none; }
  div.trade_250708 h4.title_wrap {
    text-align: center; }
    div.trade_250708 h4.title_wrap .icon {
      font-size: 54px;
      font-size: 3.51rem;
      -webkit-animation: 1.5s question ease-in-out infinite alternate;
      animation: 1.5s question ease-in-out infinite alternate; }
    div.trade_250708 h4.title_wrap .title {
      font-size: 48px;
      font-size: 3.12rem;
      font-weight: 800;
      margin-top: 10px; }
    div.trade_250708 h4.title_wrap .sub_tit {
      font-size: 32px;
      font-size: 2.08rem;
      font-weight: 500; }
    @media (max-width: 760px) {
      div.trade_250708 h4.title_wrap .icon {
        font-size: 46px;
        font-size: 2.99rem; }
      div.trade_250708 h4.title_wrap .title {
        font-size: 41px;
        font-size: 2.665rem;
        margin-top: 8px; }
      div.trade_250708 h4.title_wrap .sub_tit {
        font-size: 24px;
        font-size: 1.56rem; } }
    @media (max-width: 480px) {
      div.trade_250708 h4.title_wrap .icon {
        font-size: 35px;
        font-size: 2.275rem; }
      div.trade_250708 h4.title_wrap .title {
        font-size: 28px;
        font-size: 1.82rem; }
      div.trade_250708 h4.title_wrap .sub_tit {
        font-size: 20px;
        font-size: 1.3rem; } }
  div.trade_250708 section.header {
    overflow: hidden; }
    div.trade_250708 section.header article.header_qna {
      position: relative; }
      div.trade_250708 section.header article.header_qna .video_bg {
        width: 900px;
        height: 506px;
        margin: 0 auto; }
        div.trade_250708 section.header article.header_qna .video_bg video {
          width: 900px; }
      div.trade_250708 section.header article.header_qna .abs_wrap {
        position: absolute;
        width: 1000px;
        top: 0;
        left: 50%;
        margin-left: -500px; }
        div.trade_250708 section.header article.header_qna .abs_wrap .qna {
          position: relative;
          width: 100%; }

@-webkit-keyframes question {
  from {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px); }
  to {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); } }

@keyframes question {
  from {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px); }
  to {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); } }

@-webkit-keyframes answer {
  from {
    -webkit-transform: translateY(3px);
    transform: translateY(3px); }
  to {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); } }

@keyframes answer {
  from {
    -webkit-transform: translateY(3px);
    transform: translateY(3px); }
  to {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); } }
          div.trade_250708 section.header article.header_qna .abs_wrap .qna .question {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: top;
            zoom: 1;
            *display: inline;
            position: absolute;
            top: 110px;
            left: 110px;
            border: 2px solid #131d1f;
            border-radius: 100px;
            padding: 25px 35px;
            -webkit-animation: 1.5s question ease-in-out infinite alternate;
            animation: 1.5s question ease-in-out infinite alternate;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s; }
            div.trade_250708 section.header article.header_qna .abs_wrap .qna .question .txt {
              font-size: 24px;
              font-size: 1.56rem;
              font-weight: 600; }
              div.trade_250708 section.header article.header_qna .abs_wrap .qna .question .txt > span {
                font-weight: 800; }
                div.trade_250708 section.header article.header_qna .abs_wrap .qna .question .txt > span.cr_01 {
                  color: #00b44c; }
                div.trade_250708 section.header article.header_qna .abs_wrap .qna .question .txt > span.cr_01 {
                  color: #ff654d; }
            div.trade_250708 section.header article.header_qna .abs_wrap .qna .question:hover {
              background: rgba(255, 255, 255, 0.8);
              -webkit-transition: .3s;
              -o-transition: .3s;
              transition: .3s; }
          div.trade_250708 section.header article.header_qna .abs_wrap .qna .answer {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: top;
            zoom: 1;
            *display: inline;
            position: absolute;
            top: 255px;
            right: 110px;
            border: 2px solid #131d1f;
            border-radius: 100px;
            padding: 25px 35px;
            -webkit-animation: 1.4s answer ease-in-out infinite alternate;
            animation: 1.4s answer ease-in-out infinite alternate;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s; }
            div.trade_250708 section.header article.header_qna .abs_wrap .qna .answer .txt {
              font-size: 24px;
              font-size: 1.56rem;
              font-weight: 600; }
              div.trade_250708 section.header article.header_qna .abs_wrap .qna .answer .txt > span {
                font-weight: 800;
                color: #00b44c; }
            div.trade_250708 section.header article.header_qna .abs_wrap .qna .answer:hover {
              background: rgba(255, 255, 255, 0.8);
              -webkit-transition: .3s;
              -o-transition: .3s;
              transition: .3s; }
        div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .book_01 {
          position: absolute;
          top: 320px;
          left: -20px;
          -webkit-animation-name: zoomIn;
          -moz-animation-name: zoomIn;
          -ms-animation-name: zoomIn;
          -o-animation-name: zoomIn;
          animation-name: zoomIn;
          -webkit-animation-iteration-count: 1;
          -moz-animation-iteration-count: 1;
          -ms-animation-iteration-count: 1;
          -o-animation-iteration-count: 1;
          animation-iteration-count: 1;
          -webkit-animation-duration: 1.5s;
          -moz-animation-duration: 1.5s;
          -ms-animation-duration: 1.5s;
          -o-animation-duration: 1.5s;
          animation-duration: 1.5s;
          -webkit-animation-delay: 0.2s;
          -moz-animation-delay: 0.2s;
          -ms-animation-delay: 0.2s;
          -o-animation-delay: 0.2s;
          animation-delay: 0.2s;
          -webkit-animation-timing-function: ease;
          -moz-animation-timing-function: ease;
          -ms-animation-timing-function: ease;
          -o-animation-timing-function: ease;
          animation-timing-function: ease;
          -webkit-animation-fill-mode: both;
          -moz-animation-fill-mode: both;
          -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          -ms-backface-visibility: hidden;
          -o-backface-visibility: hidden;
          backface-visibility: hidden; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-ms-keyframes zoomIn {
  div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .book_01 0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .book_01 50% {
    opacity: 1; } }

@-o-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
        div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .book_02 {
          position: absolute;
          top: 120px;
          right: 20px;
          -webkit-animation-name: zoomIn;
          -moz-animation-name: zoomIn;
          -ms-animation-name: zoomIn;
          -o-animation-name: zoomIn;
          animation-name: zoomIn;
          -webkit-animation-iteration-count: 1;
          -moz-animation-iteration-count: 1;
          -ms-animation-iteration-count: 1;
          -o-animation-iteration-count: 1;
          animation-iteration-count: 1;
          -webkit-animation-duration: 1.2s;
          -moz-animation-duration: 1.2s;
          -ms-animation-duration: 1.2s;
          -o-animation-duration: 1.2s;
          animation-duration: 1.2s;
          -webkit-animation-delay: 0.5s;
          -moz-animation-delay: 0.5s;
          -ms-animation-delay: 0.5s;
          -o-animation-delay: 0.5s;
          animation-delay: 0.5s;
          -webkit-animation-timing-function: ease;
          -moz-animation-timing-function: ease;
          -ms-animation-timing-function: ease;
          -o-animation-timing-function: ease;
          animation-timing-function: ease;
          -webkit-animation-fill-mode: both;
          -moz-animation-fill-mode: both;
          -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          -ms-backface-visibility: hidden;
          -o-backface-visibility: hidden;
          backface-visibility: hidden; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-ms-keyframes zoomIn {
  div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .book_02 0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .book_02 50% {
    opacity: 1; } }

@-o-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
        div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_01 {
          position: absolute;
          top: 40px;
          left: 120px;
          -webkit-animation-name: flash;
          -moz-animation-name: flash;
          -ms-animation-name: flash;
          -o-animation-name: flash;
          animation-name: flash;
          -webkit-animation-iteration-count: 1;
          -moz-animation-iteration-count: 1;
          -ms-animation-iteration-count: 1;
          -o-animation-iteration-count: 1;
          animation-iteration-count: 1;
          -webkit-animation-duration: 1.5s;
          -moz-animation-duration: 1.5s;
          -ms-animation-duration: 1.5s;
          -o-animation-duration: 1.5s;
          animation-duration: 1.5s;
          -webkit-animation-delay: 0s;
          -moz-animation-delay: 0s;
          -ms-animation-delay: 0s;
          -o-animation-delay: 0s;
          animation-delay: 0s;
          -webkit-animation-timing-function: ease;
          -moz-animation-timing-function: ease;
          -ms-animation-timing-function: ease;
          -o-animation-timing-function: ease;
          animation-timing-function: ease;
          -webkit-animation-fill-mode: both;
          -moz-animation-fill-mode: both;
          -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          -ms-backface-visibility: hidden;
          -o-backface-visibility: hidden;
          backface-visibility: hidden; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-ms-keyframes flash {
  div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_01 0%, div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_01 50%, div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_01 100% {
    opacity: 1; }
  div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_01 25%, div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_01 75% {
    opacity: 0; } }

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
        div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_02 {
          position: absolute;
          top: 400px;
          right: 175px;
          -webkit-animation-name: flash;
          -moz-animation-name: flash;
          -ms-animation-name: flash;
          -o-animation-name: flash;
          animation-name: flash;
          -webkit-animation-iteration-count: 1;
          -moz-animation-iteration-count: 1;
          -ms-animation-iteration-count: 1;
          -o-animation-iteration-count: 1;
          animation-iteration-count: 1;
          -webkit-animation-duration: 1.2s;
          -moz-animation-duration: 1.2s;
          -ms-animation-duration: 1.2s;
          -o-animation-duration: 1.2s;
          animation-duration: 1.2s;
          -webkit-animation-delay: 0.5s;
          -moz-animation-delay: 0.5s;
          -ms-animation-delay: 0.5s;
          -o-animation-delay: 0.5s;
          animation-delay: 0.5s;
          -webkit-animation-timing-function: ease;
          -moz-animation-timing-function: ease;
          -ms-animation-timing-function: ease;
          -o-animation-timing-function: ease;
          animation-timing-function: ease;
          -webkit-animation-fill-mode: both;
          -moz-animation-fill-mode: both;
          -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          -ms-backface-visibility: hidden;
          -o-backface-visibility: hidden;
          backface-visibility: hidden; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-ms-keyframes flash {
  div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_02 0%, div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_02 50%, div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_02 100% {
    opacity: 1; }
  div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_02 25%, div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_02 75% {
    opacity: 0; } }

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
      @media (max-width: 960px) {
        div.trade_250708 section.header article.header_qna .video_bg {
          width: 100%;
          height: auto; }
          div.trade_250708 section.header article.header_qna .video_bg video {
            width: 100%; }
        div.trade_250708 section.header article.header_qna .abs_wrap {
          width: 100%;
          left: 0;
          margin-left: 0; }
          div.trade_250708 section.header article.header_qna .abs_wrap .qna {
            min-height: 428px; }
            div.trade_250708 section.header article.header_qna .abs_wrap .qna .question {
              top: 26%;
              left: 2%;
              padding: 22px 30px; }
              div.trade_250708 section.header article.header_qna .abs_wrap .qna .question .txt {
                font-size: 20px;
                font-size: 1.3rem; }
            div.trade_250708 section.header article.header_qna .abs_wrap .qna .answer {
              top: 60%;
              right: 2%;
              padding: 22px 30px; }
              div.trade_250708 section.header article.header_qna .abs_wrap .qna .answer .txt {
                font-size: 20px;
                font-size: 1.3rem; }
          div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .book_01 {
            top: 75%;
            left: 1%; }
          div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .book_02 {
            top: 27%;
            right: -2%; }
          div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_01 {
            top: 12%;
            left: 17%; }
          div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_02 {
            top: 90%;
            right: 15%; } }
      @media (max-width: 760px) {
        div.trade_250708 section.header article.header_qna .abs_wrap .qna {
          min-height: 340px; }
          div.trade_250708 section.header article.header_qna .abs_wrap .qna .question {
            top: 20%;
            left: 2%;
            padding: 20px 28px; }
            div.trade_250708 section.header article.header_qna .abs_wrap .qna .question .txt {
              font-size: 17px;
              font-size: 1.105rem; }
          div.trade_250708 section.header article.header_qna .abs_wrap .qna .answer {
            top: 58%;
            right: 2%;
            padding: 20px 28px; }
            div.trade_250708 section.header article.header_qna .abs_wrap .qna .answer .txt {
              font-size: 17px;
              font-size: 1.105rem; }
        div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .book_01 {
          width: 60px;
          top: 68%;
          left: -1%; }
        div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .book_02 {
          width: 74px;
          top: 27%;
          right: 1%; }
        div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_01 {
          width: 15px;
          top: 11%;
          left: 14%; }
        div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_02 {
          width: 13px;
          top: 85%;
          right: 15%; } }
      @media (max-width: 600px) {
        div.trade_250708 section.header article.header_qna .abs_wrap .qna {
          min-height: 240px; }
          div.trade_250708 section.header article.header_qna .abs_wrap .qna .question {
            top: 20%;
            left: 2%;
            padding: 18px 25px; }
            div.trade_250708 section.header article.header_qna .abs_wrap .qna .question .txt {
              font-size: 15.4px;
              font-size: 1.001rem; }
          div.trade_250708 section.header article.header_qna .abs_wrap .qna .answer {
            top: 58%;
            right: 2%;
            padding: 18px 25px; }
            div.trade_250708 section.header article.header_qna .abs_wrap .qna .answer .txt {
              font-size: 15.4px;
              font-size: 1.001rem; }
        div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .book_01 {
          width: 44px;
          top: 75%;
          left: -1%; }
        div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .book_02 {
          width: 50px;
          top: 27%;
          right: 1%; }
        div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_01 {
          width: 12px;
          top: 9%;
          left: 12%; }
        div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_02 {
          width: 11px;
          top: 98%;
          right: 13%; } }
      @media (max-width: 420px) {
        div.trade_250708 section.header article.header_qna .abs_wrap .qna {
          min-height: 185px; }
          div.trade_250708 section.header article.header_qna .abs_wrap .qna .question {
            top: 15%;
            left: 2%;
            padding: 12px 10px 13px 20px;
            width: 80%; }
            div.trade_250708 section.header article.header_qna .abs_wrap .qna .question .txt {
              font-size: 14px;
              font-size: 0.91rem;
              font-weight: 500; }
          div.trade_250708 section.header article.header_qna .abs_wrap .qna .answer {
            top: 55%;
            right: 2%;
            padding: 12px 20px 13px 15px;
            width: 80%;
            text-align: right; }
            div.trade_250708 section.header article.header_qna .abs_wrap .qna .answer .txt {
              font-size: 14px;
              font-size: 0.91rem;
              font-weight: 500; }
        div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .book_01 {
          display: none; }
        div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .book_02 {
          width: 45px;
          top: 37%;
          right: 4%; }
        div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_01 {
          display: none; }
        div.trade_250708 section.header article.header_qna .abs_wrap .move_wrap .yoso_02 {
          width: 10px;
          top: 92%;
          right: auto;
          left: 7%; } }
    div.trade_250708 section.header article.header_tit {
      padding: 70px 0 80px;
      text-align: center; }
      div.trade_250708 section.header article.header_tit .main_txt {
        -webkit-animation-name: fadeInUp;
        -moz-animation-name: fadeInUp;
        -ms-animation-name: fadeInUp;
        -o-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        -ms-animation-iteration-count: 1;
        -o-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-duration: 0.5s;
        -moz-animation-duration: 0.5s;
        -ms-animation-duration: 0.5s;
        -o-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-delay: 0.5s;
        -moz-animation-delay: 0.5s;
        -ms-animation-delay: 0.5s;
        -o-animation-delay: 0.5s;
        animation-delay: 0.5s;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -ms-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        margin: 0 auto; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes fadeInUp {
  div.trade_250708 section.header article.header_tit .main_txt 0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  div.trade_250708 section.header article.header_tit .main_txt 100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
      div.trade_250708 section.header article.header_tit .txt {
        font-size: 24px;
        font-size: 1.56rem;
        margin-top: 50px;
        line-height: 1.4;
        letter-spacing: 0;
        font-weight: 300; }
        div.trade_250708 section.header article.header_tit .txt > em {
          font-weight: 700;
          background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(60%, #26435d));
          background: -webkit-linear-gradient(transparent 40%, #26435d 60%);
          background: -o-linear-gradient(transparent 40%, #26435d 60%);
          background: linear-gradient(transparent 40%, #26435d 60%);
          padding-bottom: 2px; }
      @media (max-width: 960px) {
        div.trade_250708 section.header article.header_tit {
          padding: 60px 10% 70px; }
          div.trade_250708 section.header article.header_tit .main_txt {
            width: 100%; }
          div.trade_250708 section.header article.header_tit .txt {
            font-size: 22px;
            font-size: 1.43rem;
            margin-top: 45px; } }
      @media (max-width: 600px) {
        div.trade_250708 section.header article.header_tit {
          padding: 45px 6% 50px; }
          div.trade_250708 section.header article.header_tit .txt {
            font-size: 19px;
            font-size: 1.235rem;
            margin-top: 35px; } }
      @media (max-width: 420px) {
        div.trade_250708 section.header article.header_tit {
          padding: 35px 3% 40px; }
          div.trade_250708 section.header article.header_tit .txt {
            font-size: 16px;
            font-size: 1.04rem;
            line-height: 1.4;
            margin-top: 25px; } }
  div.trade_250708 section.bene_sc {
    padding: 80px 0; }
    @media (max-width: 960px) {
      div.trade_250708 section.bene_sc {
        padding: 80px 4%; } }
    @media (max-width: 760px) {
      div.trade_250708 section.bene_sc {
        padding: 60px 4%; } }
    @media (max-width: 480px) {
      div.trade_250708 section.bene_sc {
        padding: 40px 4%; } }
    div.trade_250708 section.bene_sc div.wrap_1024 {
      margin-top: 55px;
      padding: 0 11%; }
      div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table {
        width: 100%;
        border: 2px solid #131d1f; }
        div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table thead tr {
          text-align: center; }
          div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table thead tr > th {
            padding: 20px 0;
            font-size: 18px;
            font-size: 1.17rem;
            font-weight: 600; }
        div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr {
          background: #f5f6f7;
          text-align: center;
          border-top: 2px solid #131d1f; }
          div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr td {
            padding: 22px 0;
            font-size: 22px;
            font-size: 1.43rem;
            font-weight: 700;
            border-left: 2px solid #131d1f; }
            div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr td .coupon {
              display: -moz-inline-stack;
              display: inline-block;
              vertical-align: top;
              zoom: 1;
              *display: inline;
              background: #62d492;
              border: 2px solid #131d1f;
              border-radius: 15px;
              padding: 17px 0;
              width: 80%; }
              div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr td .coupon > em {
                background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #fff));
                background: -webkit-linear-gradient(transparent 70%, #fff 30%);
                background: -o-linear-gradient(transparent 70%, #fff 30%);
                background: linear-gradient(transparent 70%, #fff 30%); }
          div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr.point {
            background: #fff4d8;
            border: 6px solid #e91e00; }
            div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr.point .coupon {
              display: -moz-inline-stack;
              display: inline-block;
              vertical-align: top;
              zoom: 1;
              *display: inline;
              background: #67b6ff;
              font-weight: 800; }
              div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr.point .coupon > em {
                color: #d71c00;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #fff));
                background: -webkit-linear-gradient(transparent 70%, #fff 30%);
                background: -o-linear-gradient(transparent 70%, #fff 30%);
                background: linear-gradient(transparent 70%, #fff 30%);
                -webkit-animation-name: flash;
                -moz-animation-name: flash;
                -ms-animation-name: flash;
                -o-animation-name: flash;
                animation-name: flash;
                -webkit-animation-iteration-count: infinite;
                -moz-animation-iteration-count: infinite;
                -ms-animation-iteration-count: infinite;
                -o-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
                -webkit-animation-duration: 1.8s;
                -moz-animation-duration: 1.8s;
                -ms-animation-duration: 1.8s;
                -o-animation-duration: 1.8s;
                animation-duration: 1.8s;
                -webkit-animation-delay: 0.5s;
                -moz-animation-delay: 0.5s;
                -ms-animation-delay: 0.5s;
                -o-animation-delay: 0.5s;
                animation-delay: 0.5s;
                -webkit-animation-timing-function: ease;
                -moz-animation-timing-function: ease;
                -ms-animation-timing-function: ease;
                -o-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                -moz-animation-fill-mode: both;
                -ms-animation-fill-mode: both;
                -o-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                -ms-backface-visibility: hidden;
                -o-backface-visibility: hidden;
                backface-visibility: hidden; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-ms-keyframes flash {
  div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr.point .coupon > em 0%, div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr.point .coupon > em 50%, div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr.point .coupon > em 100% {
    opacity: 1; }
  div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr.point .coupon > em 25%, div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr.point .coupon > em 75% {
    opacity: 0; } }

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
      div.trade_250708 section.bene_sc div.wrap_1024 .img_wrap {
        margin-top: 95px;
        width: 100%; }
        div.trade_250708 section.bene_sc div.wrap_1024 .img_wrap > img {
          margin: 0 auto; }
      @media (max-width: 960px) {
        div.trade_250708 section.bene_sc div.wrap_1024 {
          margin-top: 50px;
          padding: 0; } }
      @media (max-width: 760px) {
        div.trade_250708 section.bene_sc div.wrap_1024 {
          margin-top: 40px;
          padding: 0; }
          div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table thead tr > th {
            padding: 20px 0;
            font-size: 17px;
            font-size: 1.105rem; }
          div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr td {
            padding: 22px 0;
            font-size: 20px;
            font-size: 1.3rem; }
            div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr td .coupon {
              border-radius: 15px;
              padding: 17px 0;
              width: 80%; }
          div.trade_250708 section.bene_sc div.wrap_1024 .img_wrap {
            margin-top: 90px;
            padding: 0 16%; }
            div.trade_250708 section.bene_sc div.wrap_1024 .img_wrap > img {
              width: 100%; } }
      @media (max-width: 480px) {
        div.trade_250708 section.bene_sc div.wrap_1024 {
          margin-top: 35px; }
          div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table thead tr > th {
            padding: 18px 0;
            font-size: 16px;
            font-size: 1.04rem; }
          div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr td {
            padding: 20px 0;
            font-size: 18px;
            font-size: 1.17rem; }
            div.trade_250708 section.bene_sc div.wrap_1024 .table_wrap table.table tbody tr td .coupon {
              border-radius: 10px;
              padding: 15px 0;
              width: 90%; }
          div.trade_250708 section.bene_sc div.wrap_1024 .img_wrap {
            margin-top: 60px;
            padding: 0 4%; } }
  div.trade_250708 section.how_sc {
    padding: 80px 0; }
    div.trade_250708 section.how_sc h4.title_wrap .sub_tit {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
      zoom: 1;
      *display: inline;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #b8ffac));
      background: -webkit-linear-gradient(transparent 50%, #b8ffac 50%);
      background: -o-linear-gradient(transparent 50%, #b8ffac 50%);
      background: linear-gradient(transparent 50%, #b8ffac 50%);
      letter-spacing: 0;
      margin-top: 30px;
      padding-bottom: 5px; }
      div.trade_250708 section.how_sc h4.title_wrap .sub_tit > mark {
        color: #ff2200;
        font-weight: 700;
        background: none; }
      div.trade_250708 section.how_sc h4.title_wrap .sub_tit > em {
        font-style: italic; }
    @media (max-width: 960px) {
      div.trade_250708 section.how_sc {
        padding: 80px 4%; } }
    @media (max-width: 760px) {
      div.trade_250708 section.how_sc {
        padding: 60px 4%; }
        div.trade_250708 section.how_sc h4.title_wrap .sub_tit {
          margin-top: 20px; } }
    @media (max-width: 480px) {
      div.trade_250708 section.how_sc {
        padding: 40px 4%; }
        div.trade_250708 section.how_sc h4.title_wrap .sub_tit {
          margin-top: 15px;
          padding-bottom: 3px; } }
    div.trade_250708 section.how_sc div.wrap_1024 {
      margin-top: 35px; }
      div.trade_250708 section.how_sc div.wrap_1024 .how_ul {
        padding: 0 6%; }
        div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li {
          position: relative;
          padding: 30px 25px 40px;
          margin-top: 18px;
          border: 2px solid #131d1f;
          border-bottom: 6px solid #131d1f;
          border-radius: 25px;
          text-align: center; }
          div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .num {
            width: 40px;
            height: 40px;
            background: #62d492;
            border: 2px solid #131d1f;
            border-radius: 100px;
            text-align: center;
            margin: 0 auto;
            padding-top: 5px; }
            div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .num > span {
              font-size: 19px;
              font-size: 1.235rem;
              font-weight: 800; }
          div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .txt {
            font-size: 20px;
            font-size: 1.3rem;
            margin-top: 12px; }
            div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .txt > em {
              color: #ff2200;
              font-weight: 700; }
          div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap {
            margin-top: 15px; }
            div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .li_txt {
              font-size: 16px;
              font-size: 1.04rem;
              line-height: 1.5;
              color: #999; }
            div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table {
              margin-top: 25px;
              padding: 0 12%; }
              div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table .ex {
                font-size: 16px;
                font-size: 1.04rem;
                font-weight: 600; }
              div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table .table {
                margin-top: 8px; }
                div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table .table thead {
                  background: #666;
                  border-top: 2px solid #131d1f; }
                  div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table .table thead th {
                    padding: 12px 0;
                    text-align: center;
                    color: #fff;
                    font-weight: 500; }
                div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table .table tbody {
                  border-bottom: 2px solid #131d1f; }
                  div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table .table tbody tr {
                    background: #fff; }
                    div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table .table tbody tr td {
                      padding: 13px 0;
                      text-align: center;
                      color: #131d1f;
                      font-weight: 500; }
                    div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table .table tbody tr.color {
                      background: #eee; }
      div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap {
        margin-top: 80px;
        text-align: center; }
        div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap a.btn_st {
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: top;
          zoom: 1;
          *display: inline;
          border: 2px solid #131d1f;
          border-bottom: 5px solid #131d1f;
          border-radius: 20px;
          padding: 18px 80px; }
          div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap a.btn_st > span {
            font-size: 18px;
            font-size: 1.17rem;
            line-height: 1.4; }
            div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap a.btn_st > span em {
              display: block;
              -webkit-animation-name: flash;
              -moz-animation-name: flash;
              -ms-animation-name: flash;
              -o-animation-name: flash;
              animation-name: flash;
              -webkit-animation-iteration-count: infinite;
              -moz-animation-iteration-count: infinite;
              -ms-animation-iteration-count: infinite;
              -o-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
              -webkit-animation-duration: 1.5s;
              -moz-animation-duration: 1.5s;
              -ms-animation-duration: 1.5s;
              -o-animation-duration: 1.5s;
              animation-duration: 1.5s;
              -webkit-animation-delay: 0.5s;
              -moz-animation-delay: 0.5s;
              -ms-animation-delay: 0.5s;
              -o-animation-delay: 0.5s;
              animation-delay: 0.5s;
              -webkit-animation-timing-function: ease;
              -moz-animation-timing-function: ease;
              -ms-animation-timing-function: ease;
              -o-animation-timing-function: ease;
              animation-timing-function: ease;
              -webkit-animation-fill-mode: both;
              -moz-animation-fill-mode: both;
              -ms-animation-fill-mode: both;
              -o-animation-fill-mode: both;
              animation-fill-mode: both;
              -webkit-backface-visibility: hidden;
              -moz-backface-visibility: hidden;
              -ms-backface-visibility: hidden;
              -o-backface-visibility: hidden;
              backface-visibility: hidden;
              font-size: 22px;
              font-size: 1.43rem;
              font-weight: 700;
              color: #000; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-ms-keyframes flash {
  div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap a.btn_st > span em 0%, div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap a.btn_st > span em 50%, div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap a.btn_st > span em 100% {
    opacity: 1; }
  div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap a.btn_st > span em 25%, div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap a.btn_st > span em 75% {
    opacity: 0; } }

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
          div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap a.btn_st:hover {
            -webkit-transform: translateY(5px);
            -ms-transform: translateY(5px);
            transform: translateY(5px); }
            div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap a.btn_st:hover > span em {
              -webkit-animation: none;
              animation: none; }
      @media (max-width: 960px) {
        div.trade_250708 section.how_sc div.wrap_1024 .how_ul {
          padding: 0; } }
      @media (max-width: 760px) {
        div.trade_250708 section.how_sc div.wrap_1024 {
          margin-top: 30px; }
          div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li {
            padding: 30px 6% 40px;
            margin-top: 15px;
            border-bottom: 5px solid #131d1f;
            border-radius: 20px; }
            div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .num {
              width: 35px;
              height: 35px;
              padding-top: 4px; }
              div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .num > span {
                font-size: 18.4px;
                font-size: 1.196rem; }
            div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .txt {
              font-size: 18px;
              font-size: 1.17rem;
              margin-top: 10px; }
            div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap {
              margin-top: 18px; }
              div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .li_txt {
                font-size: 16px;
                font-size: 1.04rem; }
              div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table {
                margin-top: 15px;
                padding: 0; }
                div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table .ex {
                  font-size: 15px;
                  font-size: 0.975rem;
                  font-weight: 500; }
                div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table .table {
                  margin-top: 8px; }
                  div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table .table thead th {
                    font-size: 14.6px;
                    font-size: 0.949rem;
                    padding: 12px 0; }
                  div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table .table tbody tr td {
                    font-size: 14.6px;
                    font-size: 0.949rem;
                    padding: 13px 0; }
          div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap {
            margin-top: 70px; }
            div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap a.btn_st {
              border-radius: 50px; } }
      @media (max-width: 480px) {
        div.trade_250708 section.how_sc div.wrap_1024 {
          margin-top: 20px; }
          div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li {
            padding: 25px 6% 30px;
            margin-top: 10px;
            border-bottom: 4px solid #131d1f;
            border-radius: 15px; }
            div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .num {
              width: 30px;
              height: 30px;
              padding-top: 2px; }
              div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .num > span {
                font-size: 17px;
                font-size: 1.105rem; }
            div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .txt {
              font-size: 17px;
              font-size: 1.105rem; }
            div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap {
              margin-top: 15px; }
              div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .li_txt {
                font-size: 15px;
                font-size: 0.975rem; }
              div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table {
                margin-top: 15px;
                padding: 0; }
                div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table .ex {
                  font-size: 15px;
                  font-size: 0.975rem; }
                div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table .table thead th {
                  font-size: 14.4px;
                  font-size: 0.936rem;
                  padding: 11px 0; }
                div.trade_250708 section.how_sc div.wrap_1024 .how_ul > li .ex_wrap .ex_table .table tbody tr td {
                  font-size: 14.4px;
                  font-size: 0.936rem; }
          div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap {
            margin-top: 65px; }
            div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap a.btn_st {
              width: 100%;
              border-bottom: 4px solid #131d1f;
              padding: 15px 10px; }
              div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap a.btn_st > span {
                font-size: 16px;
                font-size: 1.04rem; }
                div.trade_250708 section.how_sc div.wrap_1024 .btn_wrap a.btn_st > span em {
                  font-size: 20px;
                  font-size: 1.3rem; } }
  div.trade_250708 section.guide_sc {
    padding: 80px 0; }
    div.trade_250708 section.guide_sc h4.title_wrap .title {
      margin-top: 20px; }
    @media (max-width: 960px) {
      div.trade_250708 section.guide_sc {
        padding: 80px 4%; } }
    @media (max-width: 760px) {
      div.trade_250708 section.guide_sc {
        padding: 60px 4%; }
        div.trade_250708 section.guide_sc h4.title_wrap .title {
          margin-top: 15px; } }
    @media (max-width: 480px) {
      div.trade_250708 section.guide_sc {
        padding: 40px 4%; }
        div.trade_250708 section.guide_sc h4.title_wrap .title {
          margin-top: 10px; } }
    div.trade_250708 section.guide_sc .wrap_1024 {
      margin-top: 40px;
      padding: 0 4%; }
      div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt {
        position: relative;
        width: 100%;
        margin: 10px 0 0; }
        div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt .img {
          width: 37px;
          height: 37px;
          position: absolute;
          top: 22px;
          left: 30px;
          border-radius: 100px;
          padding: 11px 0 0 1px; }
          div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt .img > img {
            margin: 0 auto; }
        div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt > button {
          font-size: 18px;
          font-size: 1.17rem;
          background: #fff4d8;
          width: 100%;
          border: 2px solid #131d1f;
          padding: 28px 0 28px 78px;
          border-radius: 15px;
          font-weight: bold;
          text-align: left; }
          div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt > button .more {
            font-size: 13px;
            font-size: 0.845rem;
            position: absolute;
            top: 34px;
            right: 30px;
            font-weight: 400;
            letter-spacing: 0; }
      div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dd.qq {
        display: none;
        border: 2px solid #131d1f;
        border-bottom: 5px solid #131d1f;
        width: 100%;
        padding: 40px 30px;
        margin: 8px 0 15px;
        border-radius: 15px; }
        div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dd.qq .txt {
          font-size: 16px;
          font-size: 1.04rem;
          line-height: 1.5;
          letter-spacing: 0; }
        div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dd.qq .ps {
          margin-top: 10px;
          font-size: 15px;
          font-size: 0.975rem;
          color: #777;
          font-weight: 300; }
        div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dd.qq .ps_ul li {
          font-size: 14px;
          font-size: 0.91rem;
          color: #777;
          font-weight: 300;
          margin-top: 3px; }
      @media (max-width: 960px) {
        div.trade_250708 section.guide_sc .wrap_1024 {
          padding: 0; } }
      @media (max-width: 760px) {
        div.trade_250708 section.guide_sc .wrap_1024 {
          margin-top: 30px; }
          div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt .img {
            width: 35px;
            height: 35px;
            top: 18px;
            left: 4%;
            padding: 10px 0 0 1px; }
            div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt .img > img {
              width: 16px; }
          div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt > button {
            font-size: 17px;
            font-size: 1.105rem;
            padding: 24px 0 24px 12%; }
            div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt > button .more {
              font-size: 13px;
              font-size: 0.845rem;
              top: 28px;
              right: 4%; }
          div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dd.qq {
            padding: 6% 4% 8%; }
            div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dd.qq .txt {
              font-size: 15.6px;
              font-size: 1.014rem; } }
      @media (max-width: 600px) {
        div.trade_250708 section.guide_sc .wrap_1024 {
          margin-top: 25px; }
          div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt .img {
            width: 29px;
            height: 29px;
            top: 21px;
            left: 5%;
            padding: 8px 0 0 1px; }
            div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt .img > img {
              width: 14.6px; }
          div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt > button {
            padding: 24px 0 24px 13%; }
            div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt > button .more {
              display: none; }
          div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dd.qq {
            padding: 6% 5% 6%; } }
      @media (max-width: 480px) {
        div.trade_250708 section.guide_sc .wrap_1024 {
          margin-top: 20px; }
          div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt .img {
            width: 27px;
            height: 27px;
            top: 21px;
            left: 5%;
            padding: 7px 0 0 1px; }
            div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt .img > img {
              width: 14px; }
          div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt > button {
            font-size: 16px;
            font-size: 1.04rem;
            padding: 24px 0 24px 15%; }
            div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dt.qt > button .more {
              font-size: 12px;
              font-size: 0.78rem;
              top: 26px;
              right: 5%; }
          div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dd.qq {
            padding: 6% 5% 6%; }
            div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dd.qq .txt {
              font-size: 15px;
              font-size: 0.975rem; }
            div.trade_250708 section.guide_sc .wrap_1024 .slide_toggle dd.qq .ps {
              margin-top: 8px;
              font-size: 14.2px;
              font-size: 0.923rem; } }
  div.trade_250708 section.notice_sc {
    padding: 80px 0;
    color: #aaa; }
    div.trade_250708 section.notice_sc .wrap_1024 .title {
      font-size: 16px;
      font-size: 1.04rem;
      color: #fff;
      font-weight: 600; }
    div.trade_250708 section.notice_sc .wrap_1024 .notice_ul li {
      font-size: 15px;
      font-size: 0.975rem;
      font-weight: 400;
      line-height: 1.35;
      margin-top: 10px; }
      div.trade_250708 section.notice_sc .wrap_1024 .notice_ul li > em {
        font-size: 14px;
        font-size: 0.91rem;
        color: #666; }
    @media (max-width: 960px) {
      div.trade_250708 section.notice_sc {
        padding: 80px 4%; } }
    @media (max-width: 600px) {
      div.trade_250708 section.notice_sc {
        padding: 60px 4%; }
        div.trade_250708 section.notice_sc .wrap_1024 .title {
          font-size: 15px;
          font-size: 0.975rem; }
        div.trade_250708 section.notice_sc .wrap_1024 .notice_ul {
          margin-top: 5px; }
          div.trade_250708 section.notice_sc .wrap_1024 .notice_ul li {
            font-size: 14.4px;
            font-size: 0.936rem;
            margin-top: 7px; }
            div.trade_250708 section.notice_sc .wrap_1024 .notice_ul li > em {
              font-size: 13.6px;
              font-size: 0.884rem; } }