/* global
---------- ---------- ---------- ---------- ---------- */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr.thin {
  display: block;
  height: 0.1rem;
  margin: 0;
  border: 0 none;
  background-color: #dddfe4;
}

hr.thick {
  display: block;
  height: 1.2rem;
  margin: 0;
  border: 0 none;
  background-color: #f3f3f5;
}

/* text
---------- ---------- ---------- ---------- ---------- */
.txt_global {
  font-size: 1.4rem;
}

.txt_global.small {
  font-size: 1.2rem;
  color: #818a94;
}

.txt_caution {
  position: relative;
  font-size: 1.4rem;
  word-break: keep-all;
}

.txt_caution .link_l {
  color: inherit;
}

/* mark */
.txt_caution.mark {
  padding-left: 2.4rem;
}

.txt_caution.mark:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #ff0000;
  content: '※';
}

.txt_notification {
  font-size: 1.2rem;
}

.txt_notification .ico_kinfa {
  float: left;
  margin-top: 0.2rem;
}

.txt_notification .ico_kinfa + .txt_l {
  margin-left: 0.4rem;
}

.txt_notification .txt_l {
  overflow: hidden;
}

.emph_caution.mark {
  padding-left: 2.4rem;
}

.emph_caution.mark:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #ff0000;
  content: '※';
}

/* emph
---------- ---------- ---------- ---------- ---------- */
.emph_caution {
  position: relative;
  font-size: 1.4rem;
  color: #ff0000;
  word-break: keep-all;
}

.emph_warning {
  font-size: 1.6rem;
  color: #ff0000;
  word-break: keep-all;
}

/* link
---------- ---------- ---------- ---------- ---------- */
.link_url {
  font-size: 1.4rem;
  color: #71b1e2;
  text-decoration: underline;
}

.link_url:hover,
.link_url:focus {
  text-decoration: underline;
}

/* small */
.link_url.small {
  font-size: 1.2rem;
}

/* input
---------- ---------- ---------- ---------- ---------- */
/* .inp_chk:checked + .lab_chk [class*='ico_check'] {
  outline: 0.1rem dotted #000;
  outline: -webkit-focus-ring-color auto 0.5rem;
} */

.inp_chk:checked + .lab_chk .ico_check_24x24 {
  background-position: -9rem -3rem;
}

.inp_chk:checked + .lab_chk .ico_check_24x24.thin {
  background-position: -36rem -3rem;
}

/* outer
---------- ---------- ---------- ---------- ---------- */
.outer_cell {
  display: table;
}

.inner_cell {
  display: table-cell;
  vertical-align: middle;
}

.outer_scroll {
  position: relative;
}

.inner_scroll {
  overflow: auto;
  position: relative;
  box-sizing: border-box;
}

.inner_scroll::-webkit-scrollbar {
  width: 0.8rem;
  height: 0.8rem;
}

.inner_scroll::-webkit-scrollbar-thumb {
  border-radius: 0.4rem;
  background-color: #e5e5e9;
}

.inner_scroll::-webkit-scrollbar-track {
  background-color: #fff;
}

.inner_scroll.gravity {
  margin-bottom: 7.6rem;
}

.outer_scroll [class*='img_gradient'] {
  position: absolute;
  top: auto;
  right: 0.8rem;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.outer_scroll [class*='img_gradient'].fst {
  top: -0.5rem;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.outer_glass {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding-top: 0;
  text-align: center;
}

.inner_glass {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.outer_glass .outer_cell {
  width: 100%;
  height: 100%;
}

.outer_glass .emph_glass {
  position: relative;
  z-index: 1;
}

.outer_glass .dummy {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0.6rem;
  background-color: #000;
  opacity: 0.5;
  content: '';
}

/* wrapper
---------- ---------- ---------- ---------- ---------- */
/* .wrapper {
  min-width: 32rem;
} */

.wrapper .box_statusbar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  max-width: 36rem;
  margin: 0 auto;
}

/* header
---------- ---------- ---------- ---------- ---------- */
.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  /* min-width: 32rem; */
  min-height: 4.4rem;
  padding: 1rem 2rem;
  box-sizing: border-box;
  background-color: #fff;
}

.header .tit_kinfa {
  position: absolute;
  top: 1rem;
  left: 2rem;
  line-height: 0;
}

.header .tit_kinfa.main {
  top: 1rem;
  right: 0;
  left: 0;
}

.header .tit_kinfa.main .link_kinfa {
  display: inline-block;
}

.header .link_kinfa {
  display: block;
}

.header .link_kinfa .ico_kinfa {
  width: 9.9rem;
  height: 2.4rem;
  background-position: -28rem -15rem;
}

.header .link_kinfa .ico_kinfa.service {
  width: 13.8rem;
  height: 2.4rem;
  background-position: -2rem -23rem;
}

.header .tit_comm {
  font-weight: 400;
  font-size: 1.8rem;
}

.header > [class*='link_'] {
  position: absolute;
  z-index: 1;
  font-size: 1.6rem;
}

.header .link_back {
  top: 0.8rem;
  left: 0.8rem;
}

.header .link_close {
  top: 0.8rem;
  right: 0.8rem;
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
}

.header button.link_close span {
  position: relative;
}

.header .link_hamburger {
  top: 0.8rem;
  right: 0.8rem;
}

.header .link_cancel {
  top: 0.4rem;
  right: 0.9rem;
  min-width: 3.6rem;
  border: 0 none;
  line-height: 3.6rem;
  background-color: transparent;
  cursor: pointer;
}

.header [class*='img_gradient'] {
  position: absolute;
  right: -2rem;
  bottom: -2rem;
  left: -2rem;
  z-index: 1;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

/* app */
.header.app {
  padding: 0.8rem 0;
  text-align: center;
}

/* container
---------- ---------- ---------- ---------- ---------- */
.container {
  min-height: 52.7rem;
  padding-top: 4.4rem;
  box-sizing: border-box;
}

/* footer
---------- ---------- ---------- ---------- ---------- */
.inner_footer {
  position: relative;
  margin-top: 0.2rem;
  padding: 1.6rem 2rem;
  background-color: #f7f7fa;
}

.footer .list_privacy {
  font-size: 0;
}

.footer .list_privacy li {
  display: inline-block;
}

.footer .list_privacy li + li {
  margin-left: 4.8rem;
}

.footer .link_privacy {
  display: block;
  font-size: 1.2rem;
  color: #818a94;
}

.footer .emph_privacy {
  color: #4d4f5b;
}

.footer .list_privacy + .info_footer {
  margin-top: 0.7rem;
}

.footer .txt_address {
  font-size: 1.2rem;
  color: #818a94;
}

.footer .txt_copyright {
  font-size: 1.2rem;
  color: #818a94;
}

.footer .link_top {
  position: absolute;
  top: 1.1rem;
  right: 2rem;
  padding: 0.2rem 0.6rem;
  border-radius: 1.7rem;
  font-size: 0;
  background-color: #71b1e2;
}

.footer .link_top .ico_kinfa {
  position: relative;
  left: -0.1rem;
  width: 2.4rem;
  height: 2.4rem;
  background-position: -33rem 0;
  vertical-align: middle;
}

.footer .link_top .txt_top {
  display: inline-block;
  position: relative;
  left: -0.1rem;
  font-size: 1.2rem;
  color: #fff;
  vertical-align: middle;
}

/* area_comm
---------- ---------- ---------- ---------- ---------- */
.area_comm {
  /* padding: 2.4rem 2rem 2rem; */
  padding: 2.4rem 2rem;
}

.area_comm .grp_apply:first-child {
  margin-top: 0;
}

.area_comm .grp_service {
  margin-right: -2rem;
  margin-left: -2rem;
}

.area_comm .grp_graphic {
  margin-top: 2.7rem;
}

.area_comm .link_deeplink {
  display: block;
}

.area_comm .img_deeplink {
  width: 100%;
}

.area_comm .grp_effect {
  overflow: hidden;
  margin-top: 7.1rem;
  margin-right: -2rem;
  margin-left: -2rem;
  padding: 0 2rem;
}

.area_comm .grp_effect.fst {
  margin-top: 3.9rem;
}

.area_comm .grp_choice {
  margin-top: 1.8rem;
}

.area_comm .grp_gauge {
  margin: 0 auto;
}

.area_comm .thumb_idcard {
  margin-top: 2.2rem;
  min-height: 16rem;
  background-color: #f1f1f1;
}

.area_comm .thumb_idcard .img_idcard {
  width: 100%;
  vertical-align: top;
}

/* hgrp_comm
---------- ---------- ---------- ---------- ---------- */
.hgrp_comm .tit_comm {
  font-weight: 700;
  font-size: 2.4rem;
  letter-spacing: -0.025rem;
}

.hgrp_comm .point {
  position: relative;
}

.hgrp_comm .point:before {
  position: absolute;
  top: -0.5rem;
  left: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: -0.25rem;
  border-radius: 100%;
  background-color: #71b1e2;
  content: '';
}

.hgrp_comm .mark {
  position: relative;
}

.hgrp_comm .mark:before {
  position: absolute;
  right: 0;
  bottom: 0.3rem;
  left: 0;
  z-index: -1;
  height: 0.8rem;
  background-color: #fddae1;
  content: '';
}

.hgrp_comm + .link_deeplink {
  margin-top: 2.2rem;
}

/* grp_half
---------- ---------- ---------- ---------- ---------- */
.grp_half {
  font-size: 0;
}

.inner_half {
  display: inline-block;
  position: relative;
  width: 50%;
  box-sizing: border-box;
}

.inner_half.line:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.1rem;
  background-color: #dddfe4;
  content: '';
}

.grp_half .txt_hyphen {
  position: absolute;
  top: 50%;
  left: 1.1rem;
  width: 0.8rem;
  height: 0.2rem;
  background-color: #4d4f5b;
}

/* grp_triple
---------- ---------- ---------- ---------- ---------- */
.grp_triple {
  font-size: 0;
}

.inner_triple {
  display: inline-block;
  position: relative;
  width: 33.33%;
  box-sizing: border-box;
}

.grp_triple .txt_hyphen {
  position: absolute;
  top: 50%;
  left: 1.1rem;
  width: 0.8rem;
  height: 0.2rem;
  background-color: #4d4f5b;
}

/* grp_hello
---------- ---------- ---------- ---------- ---------- */
.grp_hello .tit_comm {
  display: block;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.5;
  word-break: keep-all;
}

.grp_hello .tit_comm .txt_l,
.grp_hello .tit_comm .emph_l {
  font-weight: inherit;
  color: #71b1e2;
}

.grp_hello span.txt_comm {
  display: inline-block;
  margin-top: 3.8rem;
  font-size: 1.4rem;
  line-height: 1.43;
}

.grp_hello span.txt_comm:first-child {
  margin-top: 0;
  line-height: 1.5;
}

.grp_hello .txt_comm {
  margin-top: 0.7rem;
  font-size: 1.6rem;
  color: #4d4f5b;
}

.grp_hello .txt_comm:first-child {
  margin-top: 0;
  font-size: 1.8rem;
}

.grp_hello .txt_comm .emph_l {
  font-weight: inherit;
  color: #71b1e2;
}

.grp_hello .txt_comm + .tit_comm {
  margin-top: 3.9rem;
}

.grp_hello .point {
  position: relative;
}

.grp_hello .point:before {
  position: absolute;
  top: -0.5rem;
  left: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: -0.25rem;
  border-radius: 100%;
  background-color: #71b1e2;
  content: '';
}

/* mark */
.grp_hello .mark {
  position: relative;
  display: inline-block;
}

.grp_hello .mark:before {
  position: absolute;
  right: 0;
  bottom: 0.3rem;
  left: 0;
  z-index: -1;
  height: 0.8rem;
  background-color: #fddae1;
  content: '';
}

.grp_hello + .grp_service {
  /* margin-top: 2.1rem; */
  margin-top: 3.15rem;
}

.grp_hello + .grp_choice {
  margin-top: 2.3rem;
}

.grp_hello + .list_gravity {
  margin-top: 3.9rem;
}

.grp_hello + .grp_export {
  margin: 3.9rem -1.2rem 0;
}

.grp_hello + .grp_password {
  margin-top: 4.6rem;
}

.grp_hello + .grp_gauge {
  margin-top: 3.9rem;
}

.grp_hello + .grp_normal {
  margin-top: 2.3rem;
}

.grp_hello + .list_decimal {
  margin-top: 3.8rem;
}

.grp_hello + .grp_frame {
  margin-top: 0.8rem;
}

.grp_hello + .list_partner {
  margin-top: 1.2rem;
}

.grp_hello + .box_shadow.thin,
.grp_hello + #gdtpgb_list {
  margin-top: 2.1rem;
}

/* grp_service
---------- ---------- ---------- ---------- ---------- */
.grp_service {
  overflow-x: auto;
  overflow-y: hidden;
}

.inner_service {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 2rem;
}

.inner_service .list_service {
  padding-left: 0;
}

.grp_service .tit_service {
  margin: 0 2rem 0;
  font-weight: 400;
  font-size: 1.8rem;
}

.grp_service .tit_service + .inner_service {
  margin-top: 1.8rem;
}

.grp_service + .grp_choice {
  margin-top: 1.4rem;
}

.grp_service + .list_history {
  margin-top: 1.9rem;
}

/* grp_service
---------- ---------- ---------- ---------- ---------- */
/* .inner_service {
  overflow-x: auto;
  overflow-y: hidden;
}

.grp_service .tit_service {
  margin: 0 2rem 0;
  font-weight: 400;
  font-size: 1.8rem;
}

.grp_service .tit_service + .inner_service {
  margin-top: 1.8rem;
}

.grp_service + .grp_choice {
  margin-top: 1.4rem;
}

.grp_service + .list_history {
  margin-top: 1.9rem;
} */

/* grp_graphic
---------- ---------- ---------- ---------- ---------- */
.grp_graphic .inner_half .box_graphic {
  width: 100%;
}

.grp_graphic .inner_half .box_graphic.fst {
  margin-left: -1.9rem;
}

.grp_graphic .inner_half .box_graphic.lst {
  margin-right: -1.9rem;
}

.grp_graphic.grp_half {
  text-align: center;
}

.grp_graphic + .grp_gravity {
  /* margin-top: 2.9rem; */
  margin-top: 4.35rem;
}

.grp_graphic + .grp_gravity .btn_comm span {
  font-size: 1.4rem;
}

/* grp_prgrs
---------- ---------- ---------- ---------- ---------- */
.grp_prgrs {
  display: inline-block;
  position: relative;
  text-align: center;
}

.grp_prgrs .txt_comm {
  position: absolute;
  bottom: -0.2rem;
  left: 5rem;
  z-index: 1;
  font-size: 1.2rem;
  color: #8b95a1;
  text-align: left;
  white-space: nowrap;
}

.grp_prgrs .txt_comm:first-child {
  top: 0;
  bottom: auto;
}

.grp_prgrs .outer_prgrs {
  display: inline-block;
  position: relative;
  width: 4.2rem;
  height: 13.5rem;
  border-radius: 1rem;
  background-color: #f3f3f5;
  vertical-align: top;
}

.grp_prgrs .inner_prgrs {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 1rem;
  background-color: #73c2d8;
  font-size: 0.1rem;
  line-height: 0;
  color: transparent;
  -webkit-transition: height ease 1s;
  -moz-transition: height ease 1s;
  -o-transition: height ease 1s;
  transition: height ease 1s;
}

.grp_prgrs .inner_prgrs .ico_kinfa {
  position: absolute;
  top: 0;
  left: -2.6rem;
  margin-top: -1.1rem;
}

/* grp_gravity
---------- ---------- ---------- ---------- ---------- */
.grp_gravity {
  position: relative;
}

.inner_gravity {
  position: relative;
  padding: 0 2rem 2rem;
}

.inner_gravity .grp_gnb {
  padding: 0;
  margin: 0 -2rem -2rem;
}

.grp_gravity [class*='img_gradient'] {
  position: absolute;
  top: -2rem;
  right: 0;
  left: 0;
  z-index: 1;
}

.grp_gravity .grp_half {
  margin-left: -1rem;
}

.grp_gravity .inner_half {
  padding-left: 1rem;
}

.grp_gravity .inner_half .btn_comm span {
  font-size: 1.4rem;
}

.grp_gravity .list_quick {
  /* min-width: 32rem; */
  border: 0.1rem solid #eaebef;
  box-sizing: border-box;
  background-color: #fff;
}

.grp_gravity .list_pipe {
  padding: 0 2rem;
}

.grp_gravity .list_pipe li {
  color: #818a94;
}

.grp_gravity .list_pipe li:only-child {
  display: block;
  text-align: center;
}

.grp_gravity .list_pipe li + li:before {
  background-color: #818a94;
}

.grp_gravity .list_pipe .link_pipe {
  color: #818a94;
}

.grp_gravity .list_pipe ~ .inner_gravity {
  padding-top: 1.8rem;
}

.grp_gravity .empty {
  display: block;
  height: 1.4rem;
}

.grp_gravity .emph_warning {
  display: block;
  text-align: center;
}

.grp_gravity .emph_warning + .list_pipe {
  margin-top: 2.2rem;
}

/* caution */
.grp_gravity.caution {
  background-color: #f7f7fa;
}

.grp_gravity.caution .txt_caution {
  font-weight: 700;
  color: #818a94;
}

.grp_gravity.caution .list_bullet {
  margin-top: 0.7rem;
}

.grp_gravity.caution .list_bullet li {
  color: #818a94;
}

.grp_gravity.caution .inner_gravity {
  margin-top: 2rem;
  padding: 0;
}

.grp_gravity .grp_gnb .wa_indt:first-child + .list_gnb {
  margin-top: 0;
}

/* fixed */
.grp_gravity.fixed {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  height: auto !important;
}

/* color */
.grp_gravity.white .inner_gravity {
  background-color: #fff;
}

/* grp_effect
---------- ---------- ---------- ---------- ---------- */
.grp_effect {
  margin: 0;
}

.grp_effect .tit_comm {
  display: block;
  font-weight: 500;
  font-size: 2rem;
}

.grp_effect .tit_comm + .txt_comm {
  margin-top: 0.6rem;
}

.grp_effect .txt_comm {
  font-size: 1.6rem;
  color: #4d4f5b;
  letter-spacing: 0.03rem;
}

.grp_effect .txt_comm + .img_comm {
  margin-top: 2.1rem;
}

.grp_effect .img_comm {
  position: relative;
  width: 100%;
}

.grp_effect [class*='box_effect'] {
  position: relative;
  padding-top: 100%;
  margin: 2.5rem auto 0;
}

.grp_effect [class*='img_effect'] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;

  -webkit-transition: all ease 1s;
  -moz-transition: all ease 1s;
  -o-transition: all ease 1s;
  transition: all ease 1s;
}

.grp_effect [class*='img_effect'] .dummy {
  -webkit-transition: all ease 1s;
  -moz-transition: all ease 1s;
  -o-transition: all ease 1s;
  transition: all ease 1s;
}

/* grp_tf
---------- ---------- ---------- ---------- ---------- */
.grp_tf .lab_comm,
.grp_tf .txt_tf {
  /* font-size: 1.4rem; */
  font-size: 1.5rem;
  color: #818a94;
}

.grp_tf .box_tf ~ .emph_comm,
.grp_tf .box_tf ~ .emph_success,
.grp_tf .box_tf ~ .emph_idle,
.grp_tf .grp_half ~ .emph_comm,
.grp_tf .grp_half ~ .emph_success,
.grp_tf .grp_half ~ .emph_idle {
  display: block;
  margin-top: 1rem;
}

.grp_tf .tf_l:focus {
  border-color: #4d4f5b;
}

.grp_tf .tf_l[readonly]:focus {
  border-color: #e8e9e9;
}

.grp_tf .tf_l[readonly='readonly']:focus {
  border-color: #e8e9e9;
}

.grp_tf .tf_l[readonly].clear:focus {
  border-color: transparent;
}

.grp_tf .tf_l[readonly='readonly'].clear:focus {
  border-color: transparent;
}

.grp_tf .emph_comm {
  font-size: 1.2rem;
  color: #ff0000;
}

.grp_tf .emph_success {
  font-size: 1.2rem;
  color: #71b1e2;
}

.grp_tf .emph_idle {
  font-size: 1.2rem;
  color: #818a94;
}

.grp_tf .grp_opt {
  display: block;
}

.grp_tf .btn_toast {
  margin-top: 0.9rem;
}

.grp_tf .grp_half {
  margin: 0.5rem 0 0 -3.2rem;
}

.grp_tf .inner_half {
  display: inline-block;
  position: relative;
  padding-left: 3.2rem;
  box-sizing: border-box;
  vertical-align: middle;
}

.grp_tf .grp_triple {
  margin-left: -3.2rem;
}

.grp_tf .inner_triple {
  padding-left: 3.2rem;
}

.grp_tf .grp_choice {
  margin: -0.8rem 0 0 -0.8rem;
  padding-top: 0.7rem;
}

/* search */
.grp_tf.search {
  position: relative;
}

.grp_tf.search .ico_kinfa {
  position: absolute;
  top: 0.9rem;
  left: 0;
  z-index: 1;
}

.grp_tf.search .tf_l {
  padding-left: 3.4rem;
}

.grp_tf.search .btn_comm {
  position: absolute;
  top: 0.7rem;
  right: 0;
  z-index: 1;
}

.grp_tf.search + .grp_guide {
  margin-top: 2.5rem;
}

.grp_tf .box_timer {
  position: absolute;
  top: 0.5rem;
  right: 0;
  font-size: 0;
}

/* timer */
.grp_tf.timer .tf_l {
  padding-right: 2.4rem;
}

.grp_tf.timer .outer_cell {
  height: 100%;
}

.grp_tf.timer .emph_timer {
  display: inline-block;
  font-size: 1.2rem;
  color: #ff0000;
  vertical-align: middle;
}

.grp_tf.timer .btn_comm {
  min-width: 6.3rem;
  box-sizing: border-box;
  vertical-align: middle;
}

/* confirm */
.grp_tf.confirm .tf_l {
  padding-right: 7.8rem;
}

/* timer confirm */
.grp_tf.timer.confirm .tf_l {
  padding-right: 11.7rem;
}

.grp_tf.timer.confirm .emph_timer + .btn_comm {
  margin-left: 1.5rem;
}

/* drivers_license */
.grp_tf.drivers_license .grp_half {
  margin-left: -1.6rem;
}

.grp_tf.drivers_license .inner_half {
  width: 20.83%;
  padding-left: 1.6rem;
}

.grp_tf.drivers_license .inner_half.secret {
  width: 37.5%;
  padding-left: 1.6rem;
}

/* grp_result
---------- ---------- ---------- ---------- ---------- */
.grp_result {
  overflow-x: hidden;
  overflow-y: auto;
}

.grp_result .grp_tf.search {
  z-index: 10;
  margin: 2.7rem 2rem 0;
}

.grp_result .grp_tf.search ~ .outer_scroll {
  margin-top: 7.2rem;
}

.grp_result .emph_postal {
  display: block;
  margin: 1.6rem 0 0 1.9rem;
  font-size: 1.6rem;
}

.grp_result .emph_postal + [class*='img_gradient'].fst {
  top: 4rem;
}

.grp_result [class*='img_gradient'].fst {
  top: 0;
  right: 0;
}

/* grp_choice
---------- ---------- ---------- ---------- ---------- */
.grp_choice {
  font-size: 0;
}

.grp_choice .box_inp.all .txt_chk {
  margin: 0.3rem 0;
  padding-left: 0.8rem;
  font-weight: 400;
  font-size: 1.4rem;
}

.grp_choice .box_gravity {
  margin: 0.8rem 0 0 0.8rem;
}

.grp_choice + .grp_choice {
  margin-top: 2.6rem;
}

/* grp_product
---------- ---------- ---------- ---------- ---------- */
.grp_product {
  font-size: 0;
}

.grp_product .thumb_product {
  display: block;
  /* width: 9.6rem;
  height: 2rem; */
  height: 3.6rem;
  box-sizing: border-box;
}

/* .grp_product .thumb_product .inner_cell {
  height: 3.6rem;
} */

.grp_product .thumb_product .img_comm {
  /* height: 100%; */
  height: 3.6rem;
}

.grp_product .thumb_product + .info_product {
  margin-top: 0.2rem;
}

.grp_product .info_product .tit_comm {
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
}

.grp_product .info_product .txt_comm {
  display: block;
  font-size: 1.2rem;
  color: #8b95a1;
}

.grp_product .list_detail.medium {
  margin-top: 2.7rem;
}

.grp_product [class*='btn_'] {
  position: absolute;
  top: 0.7rem;
  right: 0;
}

.grp_product + .grp_receive {
  margin-top: 2.8rem;
}

/* padding */
.grp_product.space .thumb_product {
  margin-left: 3.6rem;
}

.grp_product.space .thumb_product + .info_product {
  margin-left: 3.6rem;
}

.grp_product.space .box_inp {
  position: absolute;
  /* top: 1.2rem; */
  top: 2rem;
  left: 0;
}

.grp_product.space .box_inp .txt_chk {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -999.9rem;
}

/* medium */
.grp_product.medium .thumb_product {
  width: 12rem;
  height: 2.4rem;
}

.grp_product.medium .thumb_product .inner_cell {
  height: 2.4rem;
}

.grp_product.medium .info_product .tit_comm {
  font-weight: 500;
  font-size: 1.6rem;
}

/* grp_opt
---------- ---------- ---------- ---------- ---------- */
.grp_opt {
  display: inline-block;
  position: relative;
  z-index: 1;
  height: 4.6rem;
  border-bottom: 0.1rem solid #e8e9e9;
  box-sizing: border-box;
  text-align: left;
}

.grp_opt .lab_comm {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  font-size: 0;
}

.grp_opt .txt_comm {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 4.6rem;
  color: #d7d8d9;
  vertical-align: middle;
}

.grp_opt em.txt_comm {
  color: #4d4f5b;
}

.grp_opt .ico_kinfa {
  position: absolute;
  top: 1.1rem;
  right: 0;
  z-index: -1;
}

.grp_opt .opt_comm {
  width: 100%;
  height: 4.5rem;
  border: 0 none;
  font-size: 1.8rem;
  line-height: 4.6rem;
  opacity: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* sort */
.grp_opt.sort {
  border-bottom: 0 none;
}

.grp_opt.sort .lab_comm {
  padding-right: 2.4rem;
  text-align: right;
}

.grp_opt.sort .txt_comm {
  font-size: 1.2rem;
  line-height: 2.4rem;
  color: #8b95a1;
}

.grp_opt.sort .ico_kinfa {
  top: 0;
  right: -0.4rem;
}

.grp_opt.sort .opt_comm {
  font-size: 1.2rem;
  line-height: 2.4rem;
}

/* grp_util
---------- ---------- ---------- ---------- ---------- */
.grp_util .inner_half {
  text-align: right;
  vertical-align: middle;
}

.grp_util .inner_half:first-child {
  text-align: left;
}

.grp_util .emph_util {
  font-weight: 500;
  font-size: 1.2rem;
}

.grp_util + .box_shadow {
  margin-top: 1.1rem;
}

/* grp_splash
---------- ---------- ---------- ---------- ---------- */
.grp_splash {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 32rem;
  text-align: center;
}

.grp_splash .outer_cell {
  width: 100%;
  height: 100%;
}

.grp_splash .inner_cell {
  position: relative;
  top: -1.7rem;
}

.grp_splash .tit_splash {
  font-weight: 700;
  font-size: 2.4rem;
}

.grp_splash .txt_splash {
  margin-top: 0.7rem;
  font-weight: 500;
  font-size: 1.4rem;
}

.grp_splash .link_kinfa {
  display: block;
}

.grp_splash .link_kinfa .ico_kinfa {
  width: 9.9rem;
  height: 2.4rem;
  background-position: -28rem -15rem;
}

.grp_splash .link_kinfa + .tit_splash {
  display: block;
  margin-top: 4.8rem;
}

.grp_splash .link_kinfa + .tit_splash ~ .txt_splash {
  margin-top: 0.7rem;
}

.grp_splash .txt_copyright {
  position: absolute;
  right: 0;
  bottom: 1.3rem;
  left: 0;
  text-align: center;
  font-size: 1.2rem;
  color: #818a94;
}

.grp_splash .mark {
  position: relative;
}

.grp_splash .mark:before {
  position: absolute;
  right: 0;
  bottom: 0.3rem;
  left: 0;
  z-index: -1;
  height: 0.8rem;
  background-color: #fddae1;
  content: '';
}

/* grp_apply
---------- ---------- ---------- ---------- ---------- */
.grp_apply {
  margin-top: 2.7rem;
}

.grp_apply .grp_tf {
  margin-top: 3.1rem;
}

.grp_apply .grp_tf:first-child {
  margin-top: 0;
}

.grp_apply + .txt_g {
  margin-top: 2.8rem;
}

.grp_apply .list_pipe {
  margin-top: 2.3rem;
}

/* grp_export
---------- ---------- ---------- ---------- ---------- */
.grp_export {
  font-size: 0;
  text-align: center;
}

.inner_export {
  position: relative;
  max-width: 36rem;
  margin: 0 auto;
}

.grp_export .box_circle {
  display: inline-block;
  width: 50%;
  padding-top: 29.06%;
  box-sizing: border-box;
  vertical-align: middle;
}

.grp_export .inner_circle {
  position: absolute;
  top: 0;
  right: 20.93%;
  bottom: 0;
  left: 20.93%;
}

.grp_export .ico_right_24x24 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin: -1.2rem 0 0 -1.2rem;
}

.grp_export .grp_tf {
  margin: 4rem 1.2rem 0;
  text-align: left;
}

.grp_export .grp_triple {
  margin-top: 0.5rem;
}

.grp_export .box_tf .tf_l {
  padding: 0.5rem 0;
  font-weight: 700;
  font-size: 2.4rem;
  text-align: center;
}

/* grp_guide
---------- ---------- ---------- ---------- ---------- */
.grp_guide .tit_guide {
  font-weight: 500;
  font-size: 1.6rem;
  color: #71b1e2;
}

.grp_guide .emph_guide {
  font-size: 1.6rem;
}

.grp_guide .tit_guide + .list_guide,
.grp_guide .emph_guide + .list_guide {
  margin-top: 0.8rem;
}

.grp_guide .list_guide li {
  font-size: 1.4rem;
}

.grp_guide .list_guide li + li {
  margin-top: 0.3rem;
}

.grp_guide .list_guide .btn_comm {
  margin-top: 2.3rem;
}

.grp_guide .txt_guide {
  color: #818a94;
}

/* center */
.grp_guide.center {
  text-align: center;
}

.grp_guide.center + .grp_guide.center {
  margin-top: 2.4rem;
}

/* grp_slide
---------- ---------- ---------- ---------- ---------- */
.grp_slide {
  z-index: 1;
}

.grp_slide.slick-slider {
  margin-bottom: 0;
}

.grp_slide .slick-dots {
  position: relative;
  bottom: auto;
  margin-top: 0;
  line-height: 0;
}

.grp_slide .slick-dots li {
  width: auto;
  height: auto;
  margin: 0;
}

.grp_slide .slick-dots li + li {
  margin-left: 0.8rem;
}

.grp_slide .slick-dots .link_comm {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 100%;
  background-color: #dddfe4;
  color: transparent;
}

.grp_slide .slick-dots .slick-active .link_comm {
  background-color: #4d4f5b;
}

.grp_slide .slick-dots li button {
  width: 0.8rem;
  height: 0.8rem;
  padding: 0;
}

/* grp_password
---------- ---------- ---------- ---------- ---------- */
.grp_password {
  font-size: 0;
}

.inner_password {
  margin-left: -1rem;
}

.grp_password .emph_comm {
  font-size: 1.2rem;
  color: #ff0000;
}

.grp_password .emph_success {
  font-size: 1.2rem;
  color: #71b1e2;
}

/* grp_payment
---------- ---------- ---------- ---------- ---------- */
.grp_payment .inner_half {
  text-align: right;
  vertical-align: top;
}

.grp_payment .inner_half:first-child {
  text-align: left;
}

.grp_payment .emph_payment {
  font-size: 1.4rem;
}

.grp_payment .emph_payment.medium {
  font-weight: 500;
  font-size: 1.6rem;
}

.grp_payment .emph_payment.large {
  font-weight: 700;
  font-size: 1.8rem;
}
.grp_payment + .list_payment {
  margin-top: 1.1rem;
  padding-top: 1.1rem;
}

.grp_payment + .list_payment:before {
  position: absolute;
  top: 1.1rem;
  right: -2rem;
  left: -2rem;
  height: 0.1rem;
  background-color: #dddfe4;
  content: '';
}

.grp_payment .list_l {
  font-size: 1.2rem;
  color: #818a94;
}

.grp_payment .list_l li {
  margin: 0;
  padding: 0;
  border: 0 none;
}

/* result */
.grp_payment.result .inner_half {
  vertical-align: middle;
}

/* grp_gauge
---------- ---------- ---------- ---------- ---------- */
.grp_gauge {
  overflow: hidden;
  position: relative;
  width: 20.8rem;
  height: 16.2rem;
}

.grp_gauge:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: url(../images/common/bg_gauge-3515fabc35313456da67a2f6c24ea8d6.png) 0 0 no-repeat;
  background-size: 20.8rem 20.8rem;
  content: '';
}

.grp_gauge:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.1rem;
  z-index: 10;
  background-color: #fff;
  content: '';
}

.inner_gauge {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.grp_gauge .info_gauge {
  position: relative;
  z-index: 10;
  margin-top: 5.3rem;
  text-align: center;
}

.grp_gauge .tit_gauge {
  display: block;
  font-weight: 400;
  font-size: 1.2rem;
  color: #818a94;
}

.grp_gauge .emph_gauge {
  display: inline-block;
  position: relative;
  font-weight: 700;
  font-size: 2.4rem;
}

.grp_gauge .emph_gauge .link_comm {
  position: absolute;
  top: 0.3rem;
  right: -2.4rem;
  line-height: 1;
}

.grp_gauge .txt_gauge {
  display: inline-block;
  padding: 0.6rem 0.8rem;
  border-radius: 1.3rem;
  font-weight: 500;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1;
  background-color: #4d4f5b;
}

.grp_gauge .txt_gauge + .tit_gauge {
  margin-top: 1.2rem;
}

.grp_gauge .box_gauge {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 16.2rem;
  background-color: #f1f2f5;
}

.grp_gauge .box_gauge .box_charge {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 20.8rem;
  height: 20.8rem;
  background: transparent url(../images/common/img_gauge-24f2b2fa8d15e996c42a889ea0430d71.png) 0 0 no-repeat;
  background-size: 20.8rem 20.8rem;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform ease 1s;
  -moz-transition: transform ease 1s;
  -o-transition: transform ease 1s;
  transition: transform ease 1s;
  content: '';
}

.grp_gauge .box_invisible {
  position: absolute;
  bottom: 0;
  right: 0;
  bottom: 0;
  width: 12.6rem;
  height: 20.8rem;
}

.grp_gauge .box_invisible .box_charge {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f1f2f5;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: transform ease 1s;
  -moz-transition: transform ease 1s;
  -o-transition: transform ease 1s;
  transition: transform ease 1s;
}

.grp_gauge + .grp_gravity {
  margin-top: 3.5rem;
}

/* grp_menu
---------- ---------- ---------- ---------- ---------- */
.grp_menu .box_gray {
  /* margin: 0.4rem -2rem 0; */
  margin: 2.2rem -2rem 0;
  padding-bottom: 2.4rem;
}

/* grp_dongle
---------- ---------- ---------- ---------- ---------- */
.grp_dongle .inner_half {
  text-align: right;
  vertical-align: middle;
}

.grp_dongle .inner_half:first-child {
  text-align: left;
}

.grp_dongle .txt_dongle.small {
  font-size: 1.2rem;
}

/* grp_normal
---------- ---------- ---------- ---------- ---------- */
.grp_normal {
  font-size: 0;
}

.grp_normal .list_normal {
  margin-top: 0.8rem;
}

.grp_normal .tit_comm {
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
}

.grp_normal .tit_comm.active {
  color: #71b1e2;
}

.grp_normal .tit_comm ~ .tit_comm {
  margin-top: 2.6rem;
}

.grp_normal .tit_comm + .tbl_comm {
  margin-top: 0.8rem;
}

.grp_normal .list_step {
  margin-top: 2rem;
}

/* grp_sticky
---------- ---------- ---------- ---------- ---------- */
.grp_sticky {
  position: sticky;
  top: 4.4rem;
  z-index: 10;
  background-color: #fff;
}

/* grp_accordion
---------- ---------- ---------- ---------- ---------- */
.grp_accordion .box_inp.all {
  padding: 0 2rem;
}

.grp_accordion .box_inp.all .txt_chk {
  padding: 0.3rem 0 0 0.8rem;
  font-weight: 400;
  font-size: 1.4rem;
}

.grp_accordion .box_inp.all + .tit_accordion {
  margin-top: 1.3rem;
}

.grp_accordion .tit_accordion {
  display: block;
  padding: 1.1rem 2rem;
  font-weight: 400;
  font-size: 1.2rem;
  background-color: #f7f7fa;
}

.grp_accordion .list_accordion {
  margin-bottom: 2.6rem;
}

.grp_accordion .list_accordion li:after {
  right: 0;
  left: 0;
}

.grp_accordion .list_accordion .link_accordion {
  padding: 1.7rem 2rem;
}

.grp_accordion + .box_gray {
  margin-top: 2.5rem;
}

/* grp_receive
---------- ---------- ---------- ---------- ---------- */
.grp_receive {
  margin-top: 3.8rem;
}

.grp_receive .tit_receive {
  font-weight: 500;
  font-size: 1.6rem;
}

.grp_receive .tit_receive + .txt_receive {
  margin-top: 0.4rem;
}

.grp_receive .tit_receive + .list_receive {
  margin-top: 2.3rem;
}

.grp_receive .txt_receive {
  font-size: 1.2rem;
  color: #8b95a1;
}

.grp_receive .txt_receive + .list_receive {
  margin-top: 1.5rem;
}

.grp_receive .list_receive .box_inp {
  display: block;
}

.grp_receive .list_receive .box_inp .txt_chk {
  padding-left: 1.2rem;
  font-weight: 400;
  font-size: 1.6rem;
}

.grp_receive .list_receive li + li {
  margin-top: 1.6rem;
}

/* grp_profile
---------- ---------- ---------- ---------- ---------- */
.grp_profile {
  padding: 2.4rem 2rem 2.2rem;
  border-bottom: 0.1rem solid #f3f3f5;
}

.grp_profile .emph_profile {
  font-weight: 500;
  font-size: 2.2rem;
}

.grp_profile .grp_half {
  display: block;
}

.grp_profile .inner_half {
  text-align: right;
  vertical-align: middle;
}

.grp_profile .inner_half:first-child {
  text-align: left;
}

.grp_profile .list_quick {
  margin: 2.4rem 0 0 -1.3rem;
  padding: 0;
}

.grp_profile .list_quick li {
  width: 25%;
  padding-left: 1.2rem;
}

.grp_profile .emph_profile + .box_comm {
  margin-top: 1.5rem;
}

.grp_profile .box_comm .btn_comm {
  margin-left: 0.8rem;
}

.grp_profile .box_comm .btn_comm:first-child {
  margin-left: 0;
}

.grp_profile .link_util {
  display: inline-block;
  font-size: 1.2rem;
  color: #818a94;
  text-decoration: underline;
  vertical-align: middle;
}

.grp_profile .btn_comm {
  vertical-align: middle;
}

.grp_profile .link_util + .link_util,
.grp_profile .link_util + .btn_comm {
  margin-left: 2rem;
}

/* grp_gnb
---------- ---------- ---------- ---------- ---------- */
.grp_gnb {
  padding: 2.4rem 0 2rem;
}

.grp_gnb .tit_gnb {
  display: block;
  padding: 0 2rem;
  font-weight: 400;
  font-size: 1.2rem;
  color: #818a94;
}

.grp_gnb .tit_gnb ~ .tit_gnb {
  margin-top: 2.4rem;
}

.grp_gnb .tit_gnb + .list_gnb {
  padding: 2rem 0 2.4rem;
}

.grp_gnb .list_gnb {
  border-bottom: 0.1rem solid #f3f3f5;
}

.grp_gnb .wa_indt:first-child + .list_gnb {
  margin-top: -2.4rem;
}

/* grp_board
---------- ---------- ---------- ---------- ---------- */
.grp_board {
  padding: 2.1rem 0 0;
}

.grp_board .grp_half {
  padding: 0 2rem;
}

.grp_board .inner_half {
  text-align: right;
  vertical-align: middle;
}

.grp_board .inner_half:first-child {
  text-align: left;
}

.grp_board .inner_half .grp_opt.sort {
  height: 2.4rem;
}

.grp_board .inner_half .grp_opt.sort .opt_comm {
  height: 2.4rem;
}

/* grp_frame
---------- ---------- ---------- ---------- ---------- */
.grp_frame {
  position: relative;
}

.grp_frame .outer_glass {
  top: 0.8rem;
  padding-top: 25%;
}

.grp_frame .emph_glass {
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.5;
}

.grp_frame .txt_frame {
  font-size: 1.2rem;
  color: #818a94;
}

/* grp_video
---------- ---------- ---------- ---------- ---------- */
.grp_video .outer_scroll {
  margin: 0 -2rem;
}

.grp_video .inner_scroll::-webkit-scrollbar {
  display: none;
}

.grp_video .list_video {
  padding-left: 2rem;
}

.grp_video .list_video li:last-child {
  padding-right: 2rem;
}

.grp_video .dummy {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url(../images/common/img_dummy_20-5e1f3ed77a35b2281ef032a54968b9a1.png);
}

/* grp_picker
---------- ---------- ---------- ---------- ---------- */
.grp_picker {
  margin-left: -1.2rem;
}

.grp_picker .grp_triple {
  display: table;
  width: 100%;
}

.inner_picker {
  display: table-cell;
  vertical-align: middle;
}

.inner_picker .outer_scroll {
  margin-top: 0;
  padding-left: 1.2rem;
}

.inner_picker [class*='img_gradient'] {
  display: none;
}

.inner_picker [class*='img_gradient'].fst {
  top: 0;
}

.grp_picker .txt_picker {
  display: block;
  padding-left: 1.2rem;
  font-size: 1.2rem;
  color: #818a94;
}

.grp_picker .box_inp .inp_chk,
.grp_picker .box_inp .lab_chk {
  width: 100%;
}

.grp_picker .box_inp .txt_chk {
  padding-left: 0;
  font-weight: 400;
  color: #adb5bd;
}

.grp_picker .inp_chk:checked + .lab_chk .txt_chk {
  font-weight: 500;
  color: #4d4f5b;
}

/* grp_gallery
---------- ---------- ---------- ---------- ---------- */
.grp_gallery .txt_notification {
  padding: 0 2rem;
}

.grp_gallery .grp_service {
  margin-top: 2.4rem;
}

.grp_gallery .inner_service {
  margin: 1.9rem 0 0;
}

.grp_gallery .list_gallery {
  margin-top: -1.1rem;
  padding: 0 2rem 4rem;
}

/* grp_landing
---------- ---------- ---------- ---------- ---------- */
.grp_landing {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  background-color: #f7f7fa;
}

.inner_landing {
  padding: 13rem 0 13rem;
  background-color: #fff;
}

.grp_landing .emph_landing {
  display: block;
  font-weight: 500;
  font-size: 2.2rem;
  text-align: center;
  letter-spacing: -0.015rem;
}

.grp_landing [class*='img_kinfa'] {
  display: block;
  width: 17.3rem;
  margin: 8.8rem auto 0;
}

.grp_landing .txt_landing {
  margin-top: 2rem;
  font-size: 1.6rem;
  text-align: center;
}

.grp_landing .box_gray .inner_gray {
  max-width: 36rem;
  margin: 0 auto;
}

/* wrap_navigation
---------- ---------- ---------- ---------- ---------- */
.wrap_navigation {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 100%;
  z-index: 100;
  /* min-width: 32rem; */
  width: 100%;
  pointer-events: none;
}

.wrap_navigation .header {
  opacity: 0;
  -webkit-transition: opacity ease 0.4s;
  -moz-transition: opacity ease 0.4s;
  -o-transition: opacity ease 0.4s;
  transition: opacity ease 0.4s;
}

.wrap_navigation .container {
  overflow: auto;
  position: absolute;
  top: 4.4rem;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 0;
  min-height: auto;
  background-color: #fff;
}

.wrap_navigation .footer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  opacity: 0;
  -webkit-transition: opacity ease 0.4s;
  -moz-transition: opacity ease 0.4s;
  -o-transition: opacity ease 0.4s;
  transition: opacity ease 0.4s;
}

.wrap_navigation .footer [class*='link_'] {
  margin: 0.8rem 0.8rem;
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
}

.wrap_navigation .footer.left {
  right: auto;
  left: 0;
}

/* box_dongle
---------- ---------- ---------- ---------- ---------- */
.box_dongle {
  display: inline-block;
  position: relative;
  line-height: 1;
  vertical-align: top;
}

.box_dongle .stick_dongle {
  display: inline-block;
  position: relative;
  width: 3.6rem;
  height: 1.4rem;
  border-radius: 1.2rem;
  background-color: #d1d3db;
}

.box_dongle .stick_dongle:after {
  position: absolute;
  top: -0.3rem;
  left: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: transform ease 0.4s;
  -moz-transition: transform ease 0.4s;
  -o-transition: transform ease 0.4s;
  transition: transform ease 0.4s;
  content: '';
}

.box_dongle .inp_dongle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 0 none;
  opacity: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.box_dongle .inp_dongle:checked + .stick_dongle {
  background-color: #ffdce3;
}

.box_dongle .inp_dongle:checked + .stick_dongle:after {
  -webkit-transform: translateX(1.6rem);
  -ms-transform: translateX(1.6rem);
  -moz-transform: translateX(1.6rem);
  -o-transform: translateX(1.6rem);
  transform: translateX(1.6rem);
}

/* box_artwork
---------- ---------- ---------- ---------- ---------- */
.box_artwork {
  outline: none;
}

.box_artwork .img_artwork {
  width: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.box_artwork .emph_artwork {
  font-weight: 500;
  font-size: 1.6rem;
  color: #71b1e2;
}

.box_artwork .emph_artwork + .txt_artwork {
  margin-top: 0.9rem;
}

.box_artwork .txt_artwork {
  font-size: 1.4rem;
  color: #4d4f5b;
}

.box_artwork .txt_artwork .link_l {
  font-weight: 700;
}

.box_artwork .info_artwork {
  margin-top: 0.6rem;
  padding: 0 2.5rem;
  text-align: center;
}

.box_artwork .info_artwork .grp_gravity {
  margin-top: 2.2rem;
}

.box_artwork .grp_normal {
  margin-top: 2.2rem;
}

.box_artwork .list_disc {
  margin-top: 2.7rem;
}

.box_artwork .txt_global {
  margin-top: 2.8rem;
}

.box_artwork .txt_global.small {
  margin-top: 2.4rem;
}

/* box_inp
---------- ---------- ---------- ---------- ---------- */
.box_inp {
  display: inline-block;
  position: relative;
  font-size: 0;
  vertical-align: top;
}

.box_inp .inp_chk {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  border: 0 none;
  visibility: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.box_inp .inp_chk.space {
  top: 1rem;
}

.box_inp .lab_chk {
  display: inline-block;
  position: relative;
  z-index: 1;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.box_inp .txt_chk {
  overflow: hidden;
  display: block;
  padding: 0 2.4rem 0 1.2rem;
  font-weight: 400;
  font-size: 1.6rem;
}

.box_inp .emph_chk {
  overflow: hidden;
  display: block;
  padding: 0 2.4rem 0 0;
  font-weight: 400;
  font-size: 1.6rem;
}

.box_inp .lab_chk [class*='ico_check'] {
  float: left;
}

.box_inp .lab_chk .ico_check_24x24.space {
  margin-top: 1rem;
}

.box_inp + .list_agree {
  margin-top: 0.7rem;
}

.box_inp + .list_agree.small {
  margin-top: 1.1rem;
}

.box_inp + .box_shadow {
  margin-top: 1.6rem;
}

/* all */
.box_inp.all .txt_chk {
  padding-left: 1.2rem;
  font-weight: 500;
}

/* reverse */
.box_inp.reverse .lab_chk {
  display: block;
}

.box_inp.reverse .lab_chk [class*='ico_check'] {
  position: absolute;
  top: 0;
  right: 0;
}

.box_inp.reverse .lab_chk .txt_chk {
  padding: 0 3.6rem 0 0;
}

/* thin */
.box_inp.thin .txt_chk {
  margin: 0.3rem 0;
  font-weight: 400;
  font-size: 1.2rem;
}

.box_inp.thin .emph_chk {
  margin: 0.3rem 0;
  font-weight: 400;
  font-size: 1.2rem;
}

/* box_gravity
---------- ---------- ---------- ---------- ---------- */
.box_gravity {
  display: inline-block;
  position: relative;
  font-size: 0;
  vertical-align: top;
}

.box_gravity .inp_gravity {
  position: absolute;
  top: 0;
  left: 0;
  border: 0 none;
  visibility: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.box_gravity .inp_gravity[disabled] + .lab_gravity {
  cursor: default;
}

.box_gravity .inp_gravity[disabled='disabled'] + .lab_gravity {
  cursor: default;
}

.box_gravity .inp_gravity.disabled + .lab_gravity {
  cursor: default;
}

.box_gravity .lab_gravity {
  display: inline-block;
  position: relative;
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #dddfe4;
  border-radius: 1rem;
  background-color: #fff;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.box_gravity .lab_gravity .ico_kinfa {
  vertical-align: middle;
}

.box_gravity .txt_gravity {
  display: inline-block;
  font-size: 1.4rem;
  vertical-align: middle;
}

.box_gravity .inp_gravity:checked + .lab_gravity {
  border-color: #71b1e2;
  background-color: #71b1e2;
  color: #fff;
  /* outline: 0.1rem dotted #000;
  outline: -webkit-focus-ring-color auto 0.5rem; */
}

/* box_graphic
---------- ---------- ---------- ---------- ---------- */
.box_graphic {
  display: inline-block;
  vertical-align: top;
}

.box_graphic .box_avg {
  text-align: center;
}

.box_graphic .box_avg .txt_comm {
  color: #4d4f5b;
}

.box_graphic .txt_comm {
  display: block;
  font-weight: 500;
  font-size: 1.4rem;
}

.box_graphic .emph_comm {
  font-weight: 700;
  font-size: 2.4rem;
  color: #73c2d8;
}

.box_graphic .grp_prgrs {
  margin-top: 1.4rem;
}

.box_graphic.lst .emph_comm {
  color: #71b1e2;
}

.box_graphic.lst .grp_prgrs .inner_prgrs {
  background-color: #71b1e2;
}

.box_graphic.lst .grp_prgrs .inner_prgrs .ico_arrow {
  background-position: 0 -6rem;
}

/* box_shadow
---------- ---------- ---------- ---------- ---------- */
.box_shadow {
  overflow: hidden;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0.3rem 1.2rem 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0.3rem 1.2rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.3rem 1.2rem 0 rgba(0, 0, 0, 0.1);
}

.inner_shadow {
  position: relative;
  margin: 1.6rem 1.8rem 1.8rem 1.8rem;
}

.inner_shadow + .box_etc {
  margin: -0.2rem 0 2.1rem;
}

.box_shadow .list_pipe {
  margin-top: 1.6rem;
}

.box_shadow .list_detail {
  margin-top: 1.5rem;
}

.box_shadow .link_comm {
  position: absolute;
  top: 1.2rem;
  right: -0.2rem;
}

.box_shadow + .box_shadow {
  margin-top: 1.6rem;
}

.box_shadow .list_bullet {
  padding: 1.7rem 1.8rem 1.4rem;
  background-color: #fafafc;
}

.box_shadow .box_etc {
  padding: 0 1.8rem;
}

.box_shadow .box_etc .inner_half {
  width: 28.52%;
  box-sizing: border-box;
  text-align: right;
  vertical-align: top;
}

.box_shadow .box_etc .inner_half:first-child {
  width: 71.47%;
  padding-right: 1.8rem;
  text-align: left;
}

.box_shadow .box_etc .txt_etc {
  font-size: 1.2rem;
  color: #818a94;
}

.box_shadow .grp_gravity {
  background-color: #fafafc;
}

/* active */
.box_shadow.active {
  border: 0.2rem solid #71b1e2;
}

.box_shadow.active .inner_shadow {
  margin: 1.4rem 1.6rem 1.6rem 1.6rem;
}

.box_shadow.active .list_bullet {
  border-top: 0.2rem solid #fff;
  padding: 1.7rem 1.6rem 1.2rem;
}

.box_shadow.active .inner_gravity {
  padding: 0.2rem 1.8rem 1.8rem;
}

/* thin */
.box_shadow.thin .inner_shadow {
  margin: 2.1rem 2rem;
}

.box_shadow.thin .info_product .tit_comm {
  font-weight: 400;
}

.box_shadow.thin .list_pipe {
  margin-top: 0.4rem;
  margin-left: -1.6rem;
}

.box_shadow.thin .list_pipe li {
  margin-left: 0.8rem;
  padding-left: 0.8rem;
  font-size: 1.2rem;
  color: #818a94;
}

.box_shadow.thin + .box_shadow.thin {
  margin-top: 1.3rem;
}

/* box_gray
---------- ---------- ---------- ---------- ---------- */
.box_gray {
  padding: 2.4rem 2rem;
  background-color: #f7f7fa;
}

.box_gray .thin {
  margin: 2.3rem -2rem;
}

.box_gray .tit_gray {
  display: block;
  font-weight: 700;
  font-size: 1.4rem;
  color: #8b95a1;
}

.box_gray .tit_gray ~ .tit_gray {
  margin-top: 1.8rem;
}

.box_gray strong.emph_gray {
  display: block;
}

.box_gray .emph_gray {
  font-weight: 400;
  font-size: 1.4rem;
  color: #ff0000;
}

.box_gray .list_normal2 {
  margin-top: 3.7rem;
  margin-left: 1.6rem;
}

.box_gray .list_bullet {
  margin-top: 0.7rem;
}

.box_gray .list_bullet li {
  color: #8b95a1;
}

.box_gray .list_bullet + .emph_gray {
  margin-top: 2.2rem;
}

/* ol */
.box_gray ol.list_bullet {
  margin-top: 0.7rem;
}

.box_gray .grp_gravity {
  margin-top: 3.8rem;
}

/* result */
.box_gray .grp_payment.result {
  margin-top: 0;
}

.box_gray .list_payment li.lst,
.box_gray .list_payment li:last-child {
  margin-bottom: -1.2rem;
}

.box_gray .list_payment .list_l li:last-child {
  margin-bottom: 0;
}

.box_gray .box_dongle {
  margin-right: 0.9rem;
}

.box_gray .txt_dongle {
  color: #818a94;
}

/* color */
.box_gray.white {
  background-color: #fff;
}

/* round */
.box_gray.round {
  margin-top: 2.4rem;
  margin-top: 2.8rem;
  padding: 1.6rem 1.5rem 1.4rem;
  border-radius: 0.8rem;
}

/* box_tf
---------- ---------- ---------- ---------- ---------- */
.box_tf {
  position: relative;
}

.box_tf .tf_l {
  width: 100%;
  padding: 0.8rem 0 0.8rem 0;
  border: 0 none;
  border-bottom: 0.1rem solid #e8e9e9;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 1.8rem;
  outline: none;
}

.box_tf .tf_l[disabled] {
  color: #d7d8d9;
  background-color: #fff;
}

.box_tf .tf_l[disabled='disabled'] {
  color: #d7d8d9;
  background-color: #fff;
}

.box_tf .tf_l.clear {
  border-color: transparent;
}

.box_tf .txt_unit {
  position: absolute;
  top: 0.4rem;
  right: 0;
  font-size: 2rem;
  color: #4d4f5b;
}

.box_tf .tf_l::-webkit-input-placeholder {
  color: #d7d8d9;
}

.box_tf .tf_l::-moz-placeholder {
  color: #d7d8d9;
}

.box_tf .tf_l:-ms-input-placeholder {
  color: #d7d8d9;
}

.box_tf .tf_l:-moz-placeholder {
  color: #d7d8d9;
}

.box_tf ~ .box_tf {
  margin-top: 0.9rem;
}

/* textarea */
.box_tf .tf_t {
  width: 100%;
  height: 13rem;
  padding: 0.5rem 0.8rem;
  margin-top: .8rem;
  border: 0.1rem solid #e8e9e9;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 1.8rem;
  outline: none;
  resize: none;
}
.box_tf p.tf_t {
  height: auto;
  border: none;
  padding: 0;
}

/* square */
.box_tf .inner_square {
  display: inline-block;
  width: 4.4rem;
}

.box_tf .inner_square .tf_l {
  text-align: center;
}

.box_tf .inner_square + .box_asterisk {
  position: absolute;
  top: 50%;
  right: 0;
  left: 4.4rem;
  max-width: 16.4rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: justify;
}

.box_tf .box_asterisk {
  overflow: hidden;
}

.box_tf .box_asterisk [class*='ico_asterisk'] {
  width: 1.2rem;
  height: 1.2rem;
  background-position: -13.5rem 0;
  background-size: 19.5rem 13rem;
}

.box_tf .box_asterisk:after {
  display: inline-block;
  width: 100%;
  content: '';
}

/* box_circle
---------- ---------- ---------- ---------- ---------- */
.box_circle {
  position: relative;
  text-align: center;
}

.box_circle .outer_cell {
  width: 100%;
  height: 100%;
}

.box_circle .inner_cell {
  border-radius: 100%;
  background-color: #73c2d8;
}

.box_circle .txt_circle {
  display: block;
  margin-top: 0.8rem;
  font-size: 1.2rem;
  color: #fff;
}

/* box_alert
---------- ---------- ---------- ---------- ---------- */
.box_alert {
  text-align: center;
}

.box_alert .emph_alert {
  font-size: 1.6rem;
}

.box_alert .emph_alert + .txt_alert {
  margin-top: 0.8rem;
}

.box_alert .txt_alert {
  font-size: 1.4rem;
  color: #818a94;
}

.box_alert + .grp_gravity {
  margin-top: 2.3rem;
}

/* box_password
---------- ---------- ---------- ---------- ---------- */
.box_password {
  display: inline-block;
  position: relative;
  width: 16.66%;
  max-width: 5.5rem;
  height: 5rem;
  padding-left: 1rem;
  box-sizing: border-box;
}

.box_password .outer_cell {
  width: 100%;
  height: 100%;
}

.box_password .inner_cell {
  border-bottom: 0.2rem solid #dddfe4;
}

.box_password .lab_unit {
  display: block;
  text-align: center;
}

.box_password .ico_kinfa {
  display: none;
}

.box_password .ico_kinfa.active {
  display: inline-block;
}

.box_password .tf_l {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: 0 none;
  font-size: 1.6rem;
  color: transparent;
  background-color: transparent;
  text-align: center;
}

.box_password .tf_l.fst,
.box_password .tf_l.lst {
  z-index: 1;
}

[class*='box_'] .tf_l::-webkit-outer-spin-button,
[class*='box_'] .tf_l::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* active */
.box_password.active .inner_cell {
  border-color: #4d4f5b;
}

/* box_loading
---------- ---------- ---------- ---------- ---------- */
.box_loading {
  text-align: center;
}

.box_loading .img_loading {
  overflow: hidden;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 1.2rem;
}

.box_loading .img_loading + .emph_loading {
  margin-top: 1rem;
}

.box_loading .emph_loading {
  display: block;
  margin-top: 2.4rem;
  font-weight: 500;
  font-size: 2.2rem;
  color: #fff;
}

.box_loading .txt_loading {
  display: block;
  margin-top: 1.1rem;
  font-size: 1.4rem;
  color: #fff;
}

/* box_frame
---------- ---------- ---------- ---------- ---------- */
.box_frame {
  position: relative;
  padding-top: 50%;
  border: 0.1rem solid #dddfe4;
  border-radius: 0.6rem;
  text-align: center;
}

.inner_frame {
  position: absolute;
  top: 12.82%;
  right: 12.82%;
  bottom: 12.82%;
  left: 12.82%;
}

.box_frame .outer_cell {
  width: 100%;
  height: 100%;
}

.box_frame .img_frame {
  max-width: 100%;
}

/* box_statusbar
---------- ---------- ---------- ---------- ---------- */
.box_statusbar {
  padding: 0.7rem 0.8rem 0;
  text-align: right;
}

.box_statusbar [class*='img_statusbar'] {
  width: 4.6rem;
}

/* list_payment
---------- ---------- ---------- ---------- ---------- */
.list_payment {
  position: relative;
}

.list_payment li {
  padding: 1.7rem 0 1.3rem;
}

.list_payment li + li {
  border-top: 0.1rem solid #dddfe4;
}

/* list_menu
---------- ---------- ---------- ---------- ---------- */
.list_menu {
  margin-top: 0.7rem;
}

.list_menu li + li {
  border-top: 0.1rem solid #f3f3f5;
}

.list_menu li:last-child {
  border-bottom: 0.1rem solid #f3f3f5;
}

.list_menu .link_menu {
  display: block;
  padding: 1.5rem 0;
}

.list_menu .inner_half {
  text-align: right;
  vertical-align: middle;
}

.list_menu .inner_half:first-child {
  text-align: left;
}

.list_menu .txt_menu {
  font-size: 1.4rem;
}

.list_menu .emph_menu {
  font-weight: 700;
  font-size: 1.6rem;
}

.list_menu .emph_menu + .ico_kinfa {
  margin: 0 -0.4rem 0 0.8rem;
}

/* list_normal
---------- ---------- ---------- ---------- ---------- */
.list_normal .tit_normal {
  font-weight: 500;
  font-size: 1.6rem;
  color: #4d4f5b;
}

.list_normal .emph_normal {
  font-size: 1.4rem;
  color: #71b1e2;
}

.list_normal .emph_normal {
  font-size: 1.4rem;
  color: #71b1e2;
}

.list_normal .txt_normal {
  font-size: 1.4rem;
  color: #818a94;
}

.list_normal .txt_normal.small {
  font-size: 1.2rem;
}

.list_normal li {
  font-size: 1.4rem;
  color: #4d4f5b;
}

.list_normal .list_l {
  margin-top: 0.2rem;
}

.list_normal .list_l li + li {
  margin-top: 0.3rem;
}

.list_normal .list_bullet {
  margin-top: 0.4rem;
}

/* list_decimal
---------- ---------- ---------- ---------- ---------- */
.list_decimal li {
  font-size: 1.4rem;
  color: #4d4f5b;
}

.list_decimal li + li {
  margin-top: 0.7rem;
}

.list_decimal .tit_decimal {
  font-weight: 500;
  font-size: 1.6rem;
  color: #4d4f5b;
}

.list_decimal .list_bullet {
  margin-top: 0.8rem;
}

.list_decimal .emph_decimal {
  color: #71b1e2;
}

/* ol */
.list_decimal ol.list_bullet li {
  padding-left: 0.6rem;
}

/* regular */
.list_decimal ol.list_bullet.regular li {
  padding-left: 0.6rem;
}

.list_decimal + .grp_receive {
  margin-top: 2rem;
}

/* list_disc
---------- ---------- ---------- ---------- ---------- */
.list_disc li {
  font-size: 1.4rem;
}

.list_disc li + li {
  margin-top: 2.3rem;
}

.list_disc .tit_disc {
  font-weight: 500;
  font-size: 1.6rem;
}

.list_disc .tit_disc + .txt_disc {
  margin-top: 0.8rem;
}

.list_disc span.txt_disc {
  font-size: 1.2rem;
  color: #818a94;
}

.list_disc .list_bullet {
  margin-top: 0.8rem;
}

.list_disc .list_bullet.regular .txt_caution.mark,
.list_disc .list_bullet.regular .emph_caution.mark {
  display: block;
  margin: 0.7rem 0 0 -1.2rem;
  padding-left: 1.6rem;
  font-size: 1.2rem;
}

.list_disc .list_bullet.regular .txt_caution.mark,
.list_disc .list_bullet.regular .txt_caution.mark:before {
  color: #818a94;
}

/* ul */

/* ol */
.list_disc ol.list_bullet li {
  padding-left: 0.6rem;
}

/* regular */
.list_disc ol.list_bullet.regular li {
  padding-left: 0.2rem;
}

/* list_quick
---------- ---------- ---------- ---------- ---------- */
.list_quick {
  margin-left: -0.6rem;
  padding: 0.3rem 0.7rem;
  font-size: 0;
}

.list_quick li {
  display: inline-block;
  width: 20%;
  padding-left: 0.6rem;
  box-sizing: border-box;
  vertical-align: top;
}

.list_quick .link_quick {
  display: block;
  position: relative;
  max-width: 6.4rem;
  height: 6.4rem;
  margin: 0 auto;
  border-radius: 1.6rem;
  background-color: #fff;
  text-align: center;
}

.list_quick .outer_cell {
  width: 100%;
  height: 100%;
}

.list_quick .ico_kinfa {
  position: relative;
  z-index: 1;
}

.list_quick .ico_custom_24x24 {
  background-position: -3rem -9rem;
}

.list_quick .txt_quick {
  display: block;
  position: relative;
  z-index: 1;
  margin-top: 0.2rem;
  font-size: 1.2rem;
  color: #818a94;
}

.list_quick .emph_alarm {
  position: absolute;
  top: 0.6rem;
  left: 50%;
  z-index: 1;
  padding: 0.2rem 0.5rem;
  border-radius: 1.5rem;
  font-size: 1rem;
  color: #fff;
  line-height: 1;
  background-color: #ff2121;
}

/* current */
.list_quick .link_quick.current .ico_kinfa {
  background-position-y: -3rem;
}

.list_quick .link_quick.current .txt_quick {
  color: #4d4f5b;
}

/* point */
.list_quick li.point {
  margin-top: -1.5rem;
}

.list_quick li.point .link_quick {
  height: 6.4rem;
  border-radius: 1.6rem;
  background-color: #71b1e2;
}

.list_quick li.point .txt_quick {
  font-weight: 500;
  color: #fff;
}

.list_quick li.point .link_quick.current .ico_kinfa {
  background-position-y: -9rem;
}

.list_quick li.point .link_quick.current .txt_quick {
  color: #fff;
}

/* list_service
---------- ---------- ---------- ---------- ---------- */
.list_service {
  display: table;
  margin-left: -0.9rem;
  padding: 0 2rem;
  font-size: 0;
}

.list_service li {
  display: table-cell;
  padding-left: 0.9rem;
  white-space: nowrap;
}

.list_service .link_comm {
  display: inline-block;
  padding: 0.5rem 1.2rem;
  border: 0.1rem solid #dddfe4;
  border-radius: 1.7rem;
  font-size: 1.4rem;
}

/* current */
.list_service .link_comm.current {
  color: #fff;
  border-color: #4d4f5b;
  background-color: #4d4f5b;
}

/* list_bnr
---------- ---------- ---------- ---------- ---------- */
.list_bnr li + li {
  margin-top: 1.2rem;
}

.list_bnr .link_bnr {
  display: block;
}

.list_bnr .img_comm {
  width: 100%;
}

/* list_postal
---------- ---------- ---------- ---------- ---------- */
.list_postal .link_comm {
  display: block;
  padding: 1.6rem 3.2rem;
}

.list_postal .emph_comm {
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
}

.list_postal .txt_comm {
  display: block;
  margin-top: 0.3rem;
  font-size: 1.4rem;
  color: #4d4f5b;
  word-break: keep-all;
}

.list_postal .link_postal {
  display: block;
  padding: 2.1rem 2rem;
  border-bottom: 0.1rem solid #f3f3f5;
}

.list_postal .link_postal .txt_comm {
  margin-top: 0;
}

.list_postal .link_postal .box_comm {
  display: block;
  position: relative;
  padding-left: 5.8rem;
}

.list_postal .box_comm .txt_postal {
  position: absolute;
  top: 0;
  left: 0;
}

.list_postal .box_comm + .box_comm {
  margin-top: 0.4rem;
}

.list_postal .txt_postal {
  display: inline-block;
  min-width: 4.6rem;
  padding: 0.2rem 0.6rem;
  border-radius: 0.8rem;
  box-sizing: border-box;
  font-size: 1.2rem;
  color: #818a94;
  background-color: #f7f7fa;
  text-align: center;
}

.list_postal .box_comm:first-child .txt_postal {
  color: #71b1e2;
  background-color: #e2eff9;
}

/* current */
.list_postal .link_comm:active,
.list_postal .link_comm:focus,
.list_postal .link_comm.current {
  background-color: #f7f7fa;
}

.list_postal .link_postal:active,
.list_postal .link_postal:focus,
.list_postal .link_postal.current {
  background-color: #f7f7fa;
}

/* list_bullet
---------- ---------- ---------- ---------- ---------- */
.list_bullet li {
  position: relative;
  padding-left: 0.9rem;
  font-size: 1.2rem;
}

.list_bullet li:before {
  position: absolute;
  top: 0.8rem;
  left: 0.2rem;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 100%;
  background-color: #8b95a1;
  content: '';
}

.list_bullet li.clear {
  padding-left: 0;
}

.list_bullet li.clear:before {
  display: none;
}

.list_bullet .link_comm {
  color: inherit;
}

/* regular */
.list_bullet.regular li {
  padding-left: 1.2rem;
  font-size: 1.4rem;
}

.list_bullet.regular li + li {
  margin-top: 0.6rem;
}

.list_bullet.regular li:before {
  top: 1rem;
  left: 0.3rem;
}

.list_bullet.regular li.emph_caution:before {
  background-color: #ff0000;
}

/* ol */
ol.list_bullet li {
  margin-left: 1.4rem;
  padding-left: 0.2rem;
  list-style-type: decimal;
}

ol.list_bullet li:before {
  display: none;
}

/* regular */
ol.list_bullet.regular li {
  margin-left: 1.4rem;
  padding-left: 0.2rem;
  list-style-type: decimal;
}

ol.list_bullet.regular li + li {
  margin-top: 0.6rem;
}

/* clear */
.list_bullet.clear li {
  padding-left: 0;
}

.list_bullet.clear li:before {
  display: none;
}

/* list_pipe
---------- ---------- ---------- ---------- ---------- */
.list_pipe {
  margin-left: -1.8rem;
  font-size: 0;
}

.list_pipe li {
  display: inline-block;
  position: relative;
  margin-left: 0.9rem;
  padding-left: 0.9rem;
  font-size: 1.4rem;
  vertical-align: middle;
}

.list_pipe li:before {
  position: absolute;
  top: 0.4rem;
  bottom: 0.3rem;
  left: 0;
  width: 0.1rem;
  background-color: #4d4f5b;
  content: '';
}

.list_pipe li:first-child:before {
  display: none;
}

/* small */
.list_pipe.small li,
.list_pipe.small [class*='link_'] {
  font-size: 1.2rem;
}

/* list_detail
---------- ---------- ---------- ---------- ---------- */
.list_detail {
  font-size: 0;
}

.list_detail .inner_half {
  text-align: right;
  vertical-align: middle;
}

.list_detail .inner_half:first-child {
  text-align: left;
  vertical-align: middle;
}

.list_detail [class*='btn_'] {
  position: static;
}

.list_detail .link_detail {
  display: inline-block;
}

.list_detail .link_detail .emph_comm {
  display: inline-block;
  position: relative;
  /* text-decoration: underline; */
  vertical-align: middle;
}

.list_detail .link_detail .emph_comm:after {
  position: absolute;
  right: 0;
  bottom: 0.3rem;
  left: 0;
  height: 0.1rem;
  background-color: #71b1e2;
  content: '';
}

.list_detail .link_detail .ico_kinfa {
  margin-left: 0.4rem;
  vertical-align: middle;
}

.list_detail .txt_comm {
  font-size: 1.2rem;
  color: #8b95a1;
}

.list_detail .txt_comm + .emph_comm {
  margin-top: 0.2rem;
}

.list_detail .emph_comm {
  display: block;
  font-weight: 700;
  font-size: 1.6rem;
  color: #71b1e2;
}

.list_detail .emph_comm.normal {
  color: #4d4f5b;
}

.list_detail .emph_comm.medium {
  font-size: 1.8rem;
}

/* medium */
.list_detail.medium li + li {
  margin-top: 2.5rem;
}

.list_detail.medium .emph_comm {
  font-size: 2.4rem;
}

/* hrznt */
.list_detail.hrznt {
  margin-left: -3.2rem;
}

.list_detail.hrznt li {
  display: inline-block;
  width: 50%;
  padding-left: 3.2rem;
  box-sizing: border-box;
}

/* line */
.list_detail.line {
  margin-top: 0.4rem;
}

.list_detail.line li {
  padding: 1.5rem 0;
}

.list_detail.line li + li {
  border-top: 0.1rem solid #f3f3f5;
}

.list_detail.line .emph_comm {
  color: #4d4f5b;
}

.list_detail.line .detail {
  margin-bottom: -2.5rem;
  padding: 2.6rem 0 2rem;
  text-align: center;
}

.list_detail.line .detail .txt_comm {
  color: #4d4f5b;
}

.list_detail.line .detail .txt_comm + .link_url {
  display: inline-block;
  margin-top: 0.7rem;
}

.list_detail.line .detail .link_url {
  font-size: 1.2rem;
}

/* list_agree
---------- ---------- ---------- ---------- ---------- */
.list_agree li {
  padding: 1rem 0;
}

.list_agree .box_inp {
  display: block;
  position: relative;
}

.list_agree .link_comm {
  position: absolute;
  top: 0;
  right: -0.3rem;
}

.list_agree .list_pipe {
  /* margin-left: -0.5rem; */
  margin-left: -1rem;
}

.list_agree .list_pipe li {
  margin-left: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.5rem;
  font-weight: 400;
  font-size: 1.2rem;
  color: #818a94;
}

.list_agree .list_pipe li + li:before {
  height: 1.2rem;
  background-color: #818a94;
}

.list_agree .list_l li {
  padding: 0;
  font-weight: 400;
  font-size: 1.2rem;
  color: #818a94;
}

.list_agree .box_l {
  margin: 0.7rem 0 0.5rem 3.6rem;
  padding: 0.9rem 0;
  background-color: #f7f7fa;
}

.list_agree .box_l .inner_l {
  margin-left: -2.7rem;
}

.list_agree .box_l [class*='box_'] {
  display: inline-block;
  margin-left: 3.4rem;
  vertical-align: top;
}

.list_agree .box_l .box_inp.thin .txt_chk {
  padding-right: 0;
  padding-left: 0.4rem;
}

/* small */
.list_agree.small li {
  padding: 0.6rem 0;
}

.list_agree.small li + li {
  margin-top: 0.1rem;
}

/* list_access
---------- ---------- ---------- ---------- ---------- */
.list_access {
  font-size: 0;
}

.list_access li + li {
  margin-top: 1.8rem;
}

.list_access .ico_kinfa {
  display: inline-block;
  vertical-align: middle;
}

.list_access .box_access {
  display: inline-block;
  padding-left: 1.6rem;
  vertical-align: middle;
}

.list_access .emph_access {
  font-size: 1.6rem;
}

.list_access .txt_access {
  font-size: 1.2rem;
  color: #8b95a1;
}

.list_access + .grp_gravity {
  margin-top: 2.8rem;
}

/* list_gravity
---------- ---------- ---------- ---------- ---------- */
.list_gravity li + li {
  margin-top: 1.2rem;
}

.list_gravity .ico_kinfa + span {
  margin-left: 1.2rem;
}

/* list_sticky
---------- ---------- ---------- ---------- ---------- */
.list_sticky {
  display: table;
  width: 100%;
  border-bottom: 0.1rem solid #4d4f5b;
  font-size: 0;
}

.list_sticky li {
  display: table-cell;
  width: 32rem;
  vertical-align: top;
}

.list_sticky .link_sticky {
  display: block;
  position: relative;
  padding: 1.1rem 0 1.2rem;
  font-size: 1.6rem;
  text-align: center;
}

.list_sticky .link_sticky:after {
  display: none;
  position: absolute;
  right: 0;
  bottom: -0.1rem;
  left: 0;
  height: 0.4rem;
  background-color: #4d4f5b;
  content: '';
}

/* current */
.list_sticky .link_sticky.current {
  font-weight: 700;
}

.list_sticky .link_sticky.current:after {
  display: block;
}

/* list_accordion
---------- ---------- ---------- ---------- ---------- */
.list_accordion li {
  position: relative;
}

.list_accordion li:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border-top: 0.1rem solid #f3f3f5;
  content: '';
}

.list_accordion .link_accordion {
  display: block;
  padding: 2.3rem 2rem;
  box-sizing: border-box;
}

.list_accordion .outer_cell {
  width: 100%;
  min-height: 4.2rem;
}

.list_accordion .inner_half {
  width: 43.75%;
  text-align: right;
  vertical-align: middle;
}

.list_accordion .inner_half:first-child {
  width: 56.25%;
  text-align: left;
}

.list_accordion .outer_cell .outer_cell {
  height: 100%;
}

.list_accordion .box_inp {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /* vertical-align: middle; */
}

.list_accordion .box_inp + .thumb_accordion {
  margin-left: 4.4rem;
}

.list_accordion .box_inp + .thumb_accordion + .info_accordion {
  padding-left: 8.4rem;
}

.list_accordion .thumb_accordion {
  /* display: inline-block; */
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 2.8rem;
  border-radius: 100%;
  /* vertical-align: middle; */
}

.list_accordion .thumb_accordion .img_comm {
  width: 100%;
}

.list_accordion .thumb_accordion + .info_accordion {
  overflow: hidden;
  /* width: 82.5%; */
  width: auto;
  /* padding-left: 1.2rem; */
  padding-left: 4rem;
  box-sizing: border-box;
}

.list_accordion .info_accordion {
  /* display: inline-block; */
  display: block;
  /* vertical-align: middle; */
}

.list_accordion .info_accordion .emph_comm {
  display: block;
  font-weight: 400;
}

.list_accordion .tit_comm {
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
}

.list_accordion .txt_comm {
  display: block;
  font-size: 1.2rem;
  color: #818a94;
}

.list_accordion .emph_comm {
  font-weight: 500;
  font-size: 1.6rem;
  color: #373b40;
}

.list_accordion span.emph_comm {
  font-weight: 400;
  word-break: keep-all;
}

.list_accordion [class*='ico_right'] {
  margin: 0 -0.4rem 0 0.8rem;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.list_accordion .list_comm {
  display: none;
  margin: -0.1rem 2rem 0 6rem;
  padding: 1.3rem 0 2rem 0;
  border-top: 0.1rem solid #f3f3f5;
}

.list_accordion .list_comm dt {
  float: left;
  width: 50%;
  font-size: 1.2rem;
  color: #818a94;
}

.list_accordion .list_comm dd {
  overflow: hidden;
  font-size: 1.2rem;
  text-align: right;
}

.list_accordion .list_comm dt ~ dt,
.list_accordion .list_comm dd ~ dd {
  margin-top: 0.7rem;
}

.list_accordion .list_children {
  display: none;
  position: relative;
}

/* .list_accordion .list_children:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  border-top: 0.1rem solid #f7f7fa;
  content: '';
} */

/* medium */
.list_accordion.medium .link_accordion {
  padding: 2rem;
}

.list_accordion.medium .tit_comm {
  font-size: 1.8rem;
}

/* active */
.list_accordion .link_accordion.active + .list_comm,
.list_accordion .link_accordion.active + .list_children {
  display: block;
}

.list_accordion .link_accordion.active [class*='ico_right'] {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* list_children
---------- ---------- ---------- ---------- ---------- */
.list_children li {
  position: relative;
}

.list_children li:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border-top: 0.1rem solid #ebebef;
  content: '';
}

.list_children .link_children {
  display: block;
  padding: 2.2rem 2rem;
  background-color: #f7f7fa;
}

.list_children .box_children {
  display: none;
  overflow: hidden;
  background-color: #f7f7fa;
}

.list_children .box_children .list_comm {
  display: block;
  margin: 0 2rem 2rem;
  padding: 1.4rem 1.6rem 1.8rem;
  border-top: 0 none;
  background-color: #fff;
}

/* active */
.list_children .link_children.active + .box_children {
  display: block;
}

.list_children .link_children.active [class*='ico_right'] {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* list_step
---------- ---------- ---------- ---------- ---------- */
.list_step {
  font-size: 0;
}

.list_step li {
  display: inline-block;
  position: relative;
  width: 33.33%;
  text-align: center;
  vertical-align: top;
}

.list_step [class*='ico_right'] {
  position: absolute;
  top: 2.7rem;
  left: -1.2rem;
}

.list_step .ico_kinfa + .txt_step {
  margin-top: 0.8rem;
}

.list_step .txt_step {
  display: block;
  font-size: 1.2rem;
}

.list_step + .tit_comm {
  margin-top: 2.6rem;
}

/* list_gnb
---------- ---------- ---------- ---------- ---------- */
.list_gnb li {
  margin: 0 2rem;
}

.list_gnb li + li {
  margin-top: 2rem;
}

.list_gnb .link_gnb,
.list_gnb .txt_gnb {
  display: block;
  font-size: 1.6rem;
}

.list_gnb .inner_half {
  width: 30%;
  text-align: right;
  vertical-align: middle;
}

.list_gnb .inner_half:first-child {
  width: 70%;
  text-align: left;
}

/* list_board
---------- ---------- ---------- ---------- ---------- */
.list_board {
  padding: 0 0 4rem;
}

.list_board .link_board {
  display: block;
}

/* list_frame
---------- ---------- ---------- ---------- ---------- */
.list_frame {
  margin: -0.8rem 0 0 -0.8rem;
  font-size: 0;
}

.list_frame li {
  display: inline-block;
  width: 50%;
  padding: 0.8rem 0 0 0.8rem;
  box-sizing: border-box;
  vertical-align: top;
}

.list_frame + .txt_frame {
  margin-top: 0.8rem;
}

/* list_partner
---------- ---------- ---------- ---------- ---------- */
.list_partner .grp_half {
  margin: 1.2rem 0 0 -3.6rem;
}

.list_partner .inner_half {
  padding-left: 3.6rem;
  vertical-align: top;
}

.list_partner .link_partner {
  display: block;
  /* padding: 1.1rem 0; */
  padding: 1rem 0;
}

.list_partner .img_partner {
  max-width: 100%;
}

.list_partner .thumb_partner {
  /* display: inline-block; */
  float: left;
  width: 2.8rem;
  /* vertical-align: middle; */
}

.list_partner .thumb_partner .img_comm {
  width: 100%;
}

/* .list_partner .thumb_partner + .info_partner {
  margin-left: 1.2rem;
} */

.list_partner .info_partner {
  /* display: inline-block; */
  display: block;
  overflow: hidden;
  margin-top: 0.2rem;
  padding-left: 1.2rem;
  /* vertical-align: middle; */
}

.list_partner .info_partner .tit_comm {
  font-weight: 400;
  font-size: 1.6rem;
}

.list_partner .info_partner .inp_partner {
  position: absolute;
  top: 1.2rem;
  left: 0.2rem;
  width: 2.4rem;
  height: 2.4rem;
  border: 0 none;
  visibility: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.list_partner .info_partner .lab_partner {
  display: inline-block;
  position: relative;
  z-index: 1;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.list_partner .info_partner .txt_partner {
  font-weight: 400;
  font-size: 1.6rem;
  color: #adb5bd;
  cursor: pointer;
}

.list_partner .info_partner .inp_partner:checked + .lab_partner .txt_partner {
  font-weight: 500;
  font-size: 1.6rem;
  color: #4d4f5b;
}

.list_partner ~ .grp_hello {
  margin-top: 4.9rem;
}

/* legacy */
.list_partner.legacy {
  margin-right: -2rem;
  margin-left: -2rem;
}

/* list_history
---------- ---------- ---------- ---------- ---------- */
.list_history li + li {
  margin-top: 1.8rem;
}

.list_history .tit_history {
  font-weight: 400;
  font-size: 1.6rem;
}

.list_history .tit_history + .txt_history {
  margin-top: 0.8rem;
}

.list_history .txt_history {
  font-size: 1.2rem;
  color: #818a94;
}

/* list_video
---------- ---------- ---------- ---------- ---------- */
.list_video {
  font-size: 0;
  margin-top: 2rem;
  white-space: nowrap;
}

.list_video li {
  display: inline-block;
  width: 41.17%;
  vertical-align: top;
}

.list_video li + li {
  margin-left: 1.2rem;
}

.list_video .link_video {
  display: block;
  position: relative;
  /* padding-top: 61.42%; */
  padding-top: 74.28%;
}

.list_video .thumb_video {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.list_video .outer_cell {
  width: 100%;
  height: 100%;
}

.list_video .img_comm {
  width: 100%;
}

.list_video [class*='ico_play'] {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}

/* list_normal2
---------- ---------- ---------- ---------- ---------- */
.list_normal2 li {
  font-size: 1.4rem;
  color: #818a94;
}

.list_normal2 li:after {
  display: block;
  clear: both;
  content: '';
}

.list_normal2 li + li {
  margin-top: 2.7rem;
}

.list_normal2 .ico_kinfa {
  float: left;
}

.list_normal2 .ico_kinfa + .txt_normal2 {
  padding-left: 1.6rem;
}

.list_normal2 .txt_normal2 {
  overflow: hidden;
  display: block;
}

/* list_gallery
---------- ---------- ---------- ---------- ---------- */
.list_gallery {
  font-size: 0;
  margin: -2.6rem 0 0 -1.2rem;
}

.list_gallery li {
  display: inline-block;
  width: 50%;
  margin-top: 2.6rem;
  padding-left: 1.2rem;
  box-sizing: border-box;
  vertical-align: top;
}

.list_gallery .link_gallery {
  display: block;
}

/* tab_panel
---------- ---------- ---------- ---------- ---------- */
.tab_panel .box_status {
  height: 12.4rem;
  box-sizing: border-box;
  background-color: #ffdce3;
  text-align: center;
}

.tab_panel .box_status .outer_cell {
  width: 100%;
  height: 100%;
}

.tab_panel .box_status.result {
  height: 5.6rem;
  padding: 0 2rem;
  background-color: #f7f7fa;
  text-align: left;
}

.tab_panel .txt_status {
  font-size: 1.4rem;
}

.tab_panel .txt_status .emph_status {
  display: inline-block;
  font-size: inherit;
}

.tab_panel .emph_status {
  display: block;
  margin-top: 0.3rem;
  font-weight: 700;
  font-size: 2.4rem;
}

.tab_panel .emph_result {
  display: block;
  margin: 5rem 0;
  font-size: 1.4rem;
  text-align: center;
}

/* tbl_comm
---------- ---------- ---------- ---------- ---------- */
.tbl_comm {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

.tbl_comm .outer_cell {
  width: 100%;
  min-height: 4rem;
}

.tbl_comm .inner_cell {
  padding: 0.9rem 0 0.9rem 1.2rem;
  vertical-align: top;
}

.tbl_comm thead th {
  border-left: 0.1rem solid #fff;
  font-weight: 400;
  font-size: 1.4rem;
  color: #818a94;
  background-color: #f7f7fa;
  text-align: left;
  word-break: keep-all;
}

.tbl_comm tbody th:first-child {
  border-left: 0 none;
}

.tbl_comm tbody tr {
  border-bottom: 0.1rem solid #f3f3f5;
}

.tbl_comm tbody td {
  border-left: 0.1rem solid #f3f3f5;
  font-size: 1.4rem;
  vertical-align: top;
  word-break: keep-all;
}

.tbl_comm tbody td:first-child {
  border-left: 0 none;
}

.tbl_comm + .txt_caution {
  margin-top: 0.6rem;
  font-size: 1.2rem;
  color: #818a94;
}

/* head_board
---------- ---------- ---------- ---------- ---------- */
.head_board {
  padding: 2.4rem 2rem;
  border-bottom: 0.1rem solid #f3f3f5;
}

.head_board:after {
  display: block;
  clear: both;
  content: '';
}

.head_board .thumb_board {
  overflow: hidden;
  position: relative;
  float: left;
  width: 10rem;
  height: 7.6rem;
  background-color: #f1f1f1;
}

.head_board .thumb_board .outer_cell {
  width: 100%;
  height: 100%;
}

.head_board .thumb_board .img_board {
  width: 100%;
}

.head_board .thumb_board .txt_status {
  position: absolute;
  bottom: 0.4rem;
  right: 0.4rem;
  padding: 0.4rem 0.8rem;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  line-height: 1;
  background-color: #fff;
}

.head_board .thumb_board + .inner_board {
  padding-left: 1.2rem;
}

.inner_board {
  overflow: hidden;
  min-height: 5rem;
}

.head_board .subject_board {
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
}

.head_board .subject_board.ellipsis {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.head_board .subject_board + .txt_board {
  margin: 0.9rem 0 -0.1rem;
}

.head_board .txt_board {
  display: block;
  font-size: 1.2rem;
  color: #818a94;
}

/* read_board
---------- ---------- ---------- ---------- ---------- */
.read_board {
  padding: 2.3rem 2rem 2rem;
  font-size: 1.4rem;
}

.inner_read {
  overflow: auto;
}

/* head_gallery
---------- ---------- ---------- ---------- ---------- */
.head_gallery:after {
  display: block;
  clear: both;
  content: '';
}

.head_gallery .thumb_gallery {
  overflow: hidden;
  position: relative;
  padding-top: 64.93%;
  background-color: #f1f1f1;
}

.head_gallery .thumb_gallery .inner_thumb {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.head_gallery .thumb_gallery .outer_cell {
  width: 100%;
  height: 100%;
}

.head_gallery .thumb_gallery .img_gallery {
  width: 100%;
}

.head_gallery .thumb_gallery .txt_status {
  position: absolute;
  bottom: 0.4rem;
  right: 0.4rem;
  padding: 0.4rem 0.8rem;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  line-height: 1;
  background-color: #fff;
}

.head_gallery .thumb_gallery + .inner_gallery {
  margin-top: 0.8rem;
}

.inner_gallery {
  overflow: hidden;
  min-height: 5rem;
}

.head_gallery .subject_gallery {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
}

.head_gallery .subject_gallery.ellipsis {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.head_gallery .subject_gallery + .txt_board {
  margin: 0.9rem 0 -0.1rem;
}

.head_gallery .txt_gallery {
  float: left;
  margin-top: 0.3rem;
  padding: 0.2rem 0.7rem;
  border-radius: 0.8rem;
  font-size: 1.2rem;
  color: #818a94;
}

.head_gallery .txt_gallery.online {
  font-size: 1.2rem;
  color: #71b1e2;
  background-color: #e2eff9;
}

.head_gallery .txt_gallery.offline {
  font-size: 1.2rem;
  color: #f27d94;
  background-color: #fde5ea;
}

.head_gallery .txt_gallery + .txt_date {
  display: block;
  padding: 0.5rem 0 0 1rem;
}

.head_gallery .txt_date {
  overflow: hidden;
  font-size: 1.2rem;
  color: #818a94;
  word-break: break-all;
}

.head_gallery .end_date {
  display: inline-block;
}


/* bokji table */
.bokji-table-box {
  margin-top: 1rem;
}

.bokji-table-box h3 {
  font-size: 1.5rem;
  font-weight: 500;
}

.bokji-table-wrap {
  overflow: scroll;
  font-size: 1.5rem;
  padding-top: .7rem;
}

.bokju-table {
  width: 100%;
  min-width: 600px;
}

.bokju-table th {
  font-weight: 500;
  background: #f7f7f7;
}

.bokju-table th, .bokju-table td {
  text-align: center;
  border: 1px solid #d4d4d4;
  padding: .6rem .3rem;
}

.bokji-table-notice {
  font-size: 1.4rem;
  padding-top: .3rem;
  color: #ec90a2;
}

.bokji-list-title {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: normal;
  color: #fff;
  background: #797b88;
  padding: .2rem .5rem;
  margin: .6rem 0 .4rem;
  border-radius: 5px;
}

.bokji-list-wrap p {
  font-size: 1.5rem;
}

/* bokji request card */
.request-card-box {
  font-size: 1.4rem;
  border-radius: 1rem;
  padding: 2.5rem 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 3px 3px rgba(0, 0, 0, .05);
  background: #fff;
}

.request-card-wrap {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1rem;
}

.request-card-title {
  color: #6f6f6f;
}

.request-card-text {
  font-size: 1.6rem;
  font-weight: 700;
}
.request-card-text.ongoing {
  color: #437fce;
}

.request-card-cancel {
  padding-top: 1rem;
}

.request-card-cancel-button {
  width: 100%;
  padding: 1rem 1.2rem;
  border: 1px solid #b7b7b7;
  border-radius: 0;
  background: #fff;
}


/* 2022-08-05: 전세특례보증 전용 CSS */
.assurance-result-container {
  padding-bottom: 50px;
  word-break: keep-all;
  margin: 0px 20px 30px 20px;
}
.assurance-result-container .page-alert {
  text-align: center;
  padding-bottom: 10px;
}

.assurance-result-container .title {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 600;
  color: #323232;
  line-height: 28px;
  vertical-align: middle;
  text-align: center;
}
/* -- 전세특례보증 전용 CSS */