@charset "UTF-8";

.extra__btn__container {
  -webkit-display: flex;
  display: flex;
  justify-content: center;
}
.extra__btn__container .extra__btn {
  width: auto;
  padding: 0 10px;
}
.extra__btn__container .extra__btn a .ico-linkout-white {
  background-image: url(icn_stroke_non_hase_link_white.svg);
  margin: 0;
  width: 30px;
  height: 30px;
}
.extra__btn__container .extra__btn a .btn-green-ico {
  background-color: #0d6c29 !important;
}
.extra__btn__container .extra__btn a:hover .btn-green-ico {
  background-color: #063414 !important;
}
.extra__btn__container .extra__btn a:hover .ico-linkout-white {
  background-image: url(icn_solid_external_link_white.svg);
}
.extra__btn__container .extra__btn .btn-green-ico {
  width: 270px;
  height: 60px;
}
.extra__btn__container .extra__btn .btn-green-ico .txt {
  font-size: 21px;
}
.extra__btn__container .extra__btn:first-child .btn-green-ico {
  /* background-image: url(green_btn_bg.png); */
  background-color: #008945;
  width: 350px;
}
.reveal.small {
  border-radius: 10px;
  background-color: #f0f0f0;
  width: 95% !important;
}
.reveal.small .btn_action {
  background-color: #0d6c29;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px;
  margin: 8px 0 0;
  border-radius: 3px;
  padding: 0 20px;
  height: 28px;
  line-height: 27px;
  font-weight: bold;
  display: block;
}
.reveal-overlay {
  background-color: rgba(10, 10, 10, 0.6) !important;
}
.flobutton .btn-area2 {
  -webkit-align-items: center;
  align-items: center;
  -webkit-display: flex;
  display: flex;
}
.flobutton .fbl {
  width: 46%;
}
.flobutton .fbr {
  display: flex;
  justify-content: flex-end;
  width: 54%;
}
.flobutton .fbr .act.extra__btn {
  width: auto;
}
.flobutton .fbr .act.extra__btn:first-child button {
  margin-right: 20px;
}
.flobutton .fbr .act.extra__btn a button {
  font-size: 16px;
  width: auto;
  padding: 10px 20px;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #0d6c29;
}
.flobutton .fbr .act.extra__btn a button .txt {
  position: relative;
  padding-right: 24px;
}
.flobutton .fbr .act.extra__btn a button .txt:after {
  content: "";
  background: url(icn_stroke_non_hase_link_white.svg) no-repeat;
  width: 22px;
  height: 22px;
  margin-left: 0;
  margin-top: -12px;
  top: 50%;
  right: 0;
  position: absolute;
}
.flobutton .fbr .act.extra__btn a button:hover {
  background-color: #063414;
}
.flobutton .fbr .act.extra__btn a button:hover .txt:after {
  background: url(icn_solid_external_link_white.svg) no-repeat;
}
.flobutton .fbr .act.extra__btn a button:lang(en) {
  font-size: 16px;
}
.flobutton .fbr .act.extra__btn a button span {
  margin: 0;
}
.banner_kv .banner_title {
  margin-top: -20px;
}
.point b {
  font-size: 24px;
}
@media (max-width: 768px) {
  .flobutton .btn-area2 {
    display: block;
  }
  .flobutton .fbl,
  .flobutton .fbr {
    width: 100%;
  }
  .extra__btn__container {
    display: block;
  }
  a.btn_goto {
    display: block;
    padding: 10px;
  }
  .extra__btn__container .extra__btn .btn-green-ico {
    /* background-image: url(green_btn_bg.png); */
    background-color: #008945;
    width: 350px;
  }
  .flobutton .fbr {
    display: block;
  }
  .flobutton .fbr .act.extra__btn a button {
    width: 100%;
  }
}