@charset "UTF-8";
/***************************************************************************************************************************************/
html {
  font-size: 62.5%;
}
@media screen and (min-width: 2800px) {
  html {
    font-size: 75%;
  }
}

body {
  word-break: keep-all;
  font-size: 1.6rem;
  font-feature-settings: "tnum";
}
body a {
  color: #61666B;
}
body a.text_link {
  color: #2988F8;
  font-weight: 700;
}
body small {
  font-size: 1.4rem;
}
body small i {
  margin-right: 0.4rem;
  font-size: 1.8rem;
}

/* overlay 처리중 */
.overlay{display:none; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(35, 37, 39, 0.65); z-index:1999;}
.overlay .wii_card{width:280px; min-height:120px; padding:20px; line-height:1.5;}
.overlay .wii_card i{font-size:24px;}
body.on{overflow:hidden;}
body.on .overlay{display:-ms-flex; display:flex;}
.wii_card{position:relative;border-radius:8px;padding:24px;background-color:#fff;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);}

.overlay2{display:none; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(35, 37, 39, 0.65); z-index:2999;}

.btn {
    cursor:pointer;
}

.headline-01 {
  font-size: 5.6rem;
  color: #10263A;
  line-height: 1.3;
  font-weight: 700;
}

.headline-02 {
  font-size: 4.8rem;
  color: #10263A;
  line-height: 1.3;
  font-weight: 700;
}

.headline-03 {
  font-size: 4rem;
  color: #10263A;
  line-height: 1.3;
  font-weight: 700;
}

.headline-04 {
  font-size: 3.2rem;
  color: #10263A;
  line-height: 1.3;
  font-weight: 700;
}

.headline-05 {
  font-size: 2.4rem;
  color: #10263A;
  line-height: 1.3;
  font-weight: 700;
}

.subhead-01 {
  font-size: 2rem;
  font-weight: 600;
}

.subhead-02 {
  font-size: 1.8rem;
  font-weight: 600;
}

.subhead-03 {
  font-size: 1.6rem;
  font-weight: 600;
}

.subhead-04 {
  font-size: 1.4rem;
  font-weight: 600;
}

.db_container .latest .card, .user__link, .modal_content, #content .search_all .form_group button:hover, #aside .menu .menu_1dp ul .menu_2dp a, #aside .menu .menu_1dp > a i:first-child, #aside .menu .menu_1dp > a, .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span, [data-title]:before, [data-title]:after, .pagination li a:hover, .card_list > li > a:hover, .table_basic tbody tr:hover a:not(.btn, .badge), .toggle .slider:before, .toggle .slider, .attached__item a, .radio_default label i:after, .check_default label i:after, .check_default input[type=checkbox]:checked + label span,
.check_default input[type=radio]:checked + label span,
.radio_default input[type=checkbox]:checked + label span,
.radio_default input[type=radio]:checked + label span, .check_default label i,
.radio_default label i, .btn, .badge, .checkradio_btn label, .form_group .form_control {
  transition: all 0.3s;
}

.row {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-left: -14px;
  margin-right: -14px;
}
.row > * {
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
}

.column {
  flex: 1 0 0;
  width: auto;
}

.col-sm-1 {
  flex: 0 0 8.3333333333%;
  min-width: 8.3333333333%;
}

.col-sm-2 {
  flex: 0 0 16.6666666667%;
  min-width: 16.6666666667%;
}

.col-sm-3 {
  flex: 0 0 25%;
  min-width: 25%;
}

.col-sm-4 {
  flex: 0 0 33.3333333333%;
  min-width: 33.3333333333%;
}

.col-sm-5 {
  flex: 0 0 41.6666666667%;
  min-width: 41.6666666667%;
}

.col-sm-6 {
  flex: 0 0 50%;
  min-width: 50%;
}

.col-sm-7 {
  flex: 0 0 58.3333333333%;
  min-width: 58.3333333333%;
}

.col-sm-8 {
  flex: 0 0 66.6666666667%;
  min-width: 66.6666666667%;
}

.col-sm-9 {
  flex: 0 0 75%;
  min-width: 75%;
}

.col-sm-10 {
  flex: 0 0 83.3333333333%;
  min-width: 83.3333333333%;
}

.col-sm-11 {
  flex: 0 0 91.6666666667%;
  min-width: 91.6666666667%;
}

.col-sm-12 {
  flex: 0 0 100%;
  min-width: 100%;
}

@media screen and (min-width: 640px) {
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    min-width: 8.3333333333%;
  }
}

@media screen and (min-width: 640px) {
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    min-width: 16.6666666667%;
  }
}

@media screen and (min-width: 640px) {
  .col-md-3 {
    flex: 0 0 25%;
    min-width: 25%;
  }
}

@media screen and (min-width: 640px) {
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    min-width: 33.3333333333%;
  }
}

@media screen and (min-width: 640px) {
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    min-width: 41.6666666667%;
  }
}

@media screen and (min-width: 640px) {
  .col-md-6 {
    flex: 0 0 50%;
    min-width: 50%;
  }
}

@media screen and (min-width: 640px) {
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    min-width: 58.3333333333%;
  }
}

@media screen and (min-width: 640px) {
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    min-width: 66.6666666667%;
  }
}

@media screen and (min-width: 640px) {
  .col-md-9 {
    flex: 0 0 75%;
    min-width: 75%;
  }
}

@media screen and (min-width: 640px) {
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    min-width: 83.3333333333%;
  }
}

@media screen and (min-width: 640px) {
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    min-width: 91.6666666667%;
  }
}

@media screen and (min-width: 640px) {
  .col-md-12 {
    flex: 0 0 100%;
    min-width: 100%;
  }
}

@media screen and (min-width: 991px) {
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    min-width: 8.3333333333%;
  }
}

@media screen and (min-width: 991px) {
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    min-width: 16.6666666667%;
  }
}

@media screen and (min-width: 991px) {
  .col-lg-3 {
    flex: 0 0 25%;
    min-width: 25%;
  }
}

@media screen and (min-width: 991px) {
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    min-width: 33.3333333333%;
  }
}

@media screen and (min-width: 991px) {
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    min-width: 41.6666666667%;
  }
}

@media screen and (min-width: 991px) {
  .col-lg-6 {
    flex: 0 0 50%;
    min-width: 50%;
  }
}

@media screen and (min-width: 991px) {
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    min-width: 58.3333333333%;
  }
}

@media screen and (min-width: 991px) {
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    min-width: 66.6666666667%;
  }
}

@media screen and (min-width: 991px) {
  .col-lg-9 {
    flex: 0 0 75%;
    min-width: 75%;
  }
}

@media screen and (min-width: 991px) {
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    min-width: 83.3333333333%;
  }
}

@media screen and (min-width: 991px) {
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    min-width: 91.6666666667%;
  }
}

@media screen and (min-width: 991px) {
  .col-lg-12 {
    flex: 0 0 100%;
    min-width: 100%;
  }
}

.cs_view .cs_state_history li strong, .cs_view .cs_state_history li, .cs_view .cs_state_history, .write_common .button_delete, .db_container .rank p, .db_container .db_card_color, .pagination li a, .wizard ul li, .wizard ul, .card_list .api_category, .card_list, .form_group .info, .d_flex {
  display: -moz-flex;
  display: flex;
}

.d_flex2 {
  /*display: -moz-flex;
  display: flex;*/
}

/* flex */
.d_block {
  display: block;
}

.d_inline {
  display: inline;
}

.flex_wrap {
  flex-wrap: wrap;
}

.align_center {
  align-items: center;
}

.align_start {
  align-items: flex-start;
}

.align_end {
  align-items: flex-end;
}

.justify_stard {
  justify-content: flex-start;
}

.justify_center {
  justify-content: center;
}

.justify_end {
  justify-content: flex-end;
}

.justify_between {
  justify-content: space-between;
}

.justify_around {
  justify-content: space-around;
}

.text_left {
  text-align: left !important;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.text_capitalize {
  text-transform: capitalize;
}

.text_ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  line-height: 1.5 !important;
  overflow: hidden;
}
.text_ellipsis.line_2 {
  -webkit-line-clamp: 2;
  height: 3em;
}

.sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

.card {
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  padding: 2.8rem;
}
.card.no_padding {
  padding: 0;
}
.card.no_padding .card_header {
  padding: 2rem 2.8rem 0;
}
.card.no_padding .card_footer {
  padding: 2rem 2.8rem;
  border-top: 1px solid #CACCCE;
}
.card.no_padding .card_footer .btn {
  margin: 0 0.4rem;
}
.card.no_padding .card_body {
  padding: 2.8rem;
}
.card + .card {
  margin-top: 28px;
}

.btn, .badge, .checkradio_btn label, .form_group .form_control {
  height: calc(1.5em + 2rem + 2px);
  padding: 1rem 1.5rem;
  line-height: 1.5;
  border: 1px solid #CACCCE;
  border-radius: 4px;
  font-size: 1.6rem;
}

input[disabled]::-moz-placeholder {
  color: #CACCCE;
}

input[disabled]:-ms-input-placeholder {
  color: #CACCCE;
}

input[disabled]::placeholder {
  color: #CACCCE;
}

label, input, textarea, select, button, .not_btn {
  font-family: -apple-system, "Pretendard", BlinkMacSystemFont, "Malgun Gothic", sans-serif;
}

input[readonly] input[readonly].form_control {
  cursor: text;
  border-color: #DFE1E2;
  background-color: #F7F7F8;
  color: #2988F8;
}

input.btn:hover, .btn:hover {
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
}

.form_group label .necessary {
  margin-left: 0.4rem;
  color: #2988F8;
}
.form_group input:focus, .form_group select:focus, .form_group textarea:focus {
  border-color: #2988F8;
  box-shadow: 0 0 0 3px rgba(41, 136, 248, 0.2);
}

input[type=file] {
  font-size: 1.4rem;
}

.search_top {
  margin-bottom: 2rem;
}
.search_top > * + * {
  margin-left: 0.8rem;
}
.search_top .form_group {
  margin-bottom: 0;
}
.search_top .form_group + .form_group {
  margin-left: 2rem;
}
.search_top .form_group > label {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin: 0;
  margin-right: 0.8rem;
}
.search_top .form_group input + input {
  margin-left: 0.8rem;
}

.form_group {
  margin-bottom: 2rem;
}
.form_group label {
  margin-bottom: 0.8rem;
  color: #7A8085;
  display: -moz-flex;
  display: flex;
}
.form_group .form_control {
  position: relative;
  display: block;
  width: 100%;
  color: #7A8085;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form_group .form_control:focus:not(:-moz-read-only) {
  border-color: #2988F8;
}
.form_group .form_control:focus:not(:read-only) {
  border-color: #2988F8;
}
.form_group .form_control[disabled] {
  cursor: not-allowed;
  border-color: #DFE1E2;
  background-color: #F7F7F8;
  color: #CACCCE;
}
.form_group .textarea_control {
  height: calc(6em + 2rem + 2px);
  resize: vertical;
}
.form_group .info {
  align-items: center;
  margin-top: 1rem;
  color: #12B077;
}
.form_group .file_info {
  margin-top: 0.6rem;
}
.form_group .file_info label, .form_group .file_info .check_default, .form_group .file_info .radio_default {
  margin-bottom: 0;
}

.other_input {
  display: none;
  margin-top: 0.4rem;
}
.other_input.on {
  display: block;
}

.inline_group {
  margin: 0 -0.4rem;
}
.inline_group > * {
  margin: 0 0.4rem 0;
}

.error .form_control {
  position: relative;
  padding-right: 3.2rem;
  border-color: #E53838;
}

.error .form_control:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3.2rem;
  height: 100%;
  background: url(/Resources/Images/error.png) no-repeat center center;
  z-index: 1;
}

.error .error_message {
  display: block;
  margin-top: 1rem;
  color: #E53838;
}

.set_form {
  position: relative;
  padding: 0.8rem;
  border-radius: 4px;
  background-color: #F7F7F8;
}

.select_group {
  position: relative;
}

.select_group select {
  min-width: 20rem;
  padding-right: 4rem;
  cursor: pointer;
}

.select_group .select_arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4.6rem;
  pointer-events: none;
}

.check_default,
.radio_default {
  position: relative;
  margin-bottom: 0.8rem;
}
.check_default input,
.radio_default input {
  display: none;
}
.check_default label,
.radio_default label {
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  color: #61666B;
  font-size: 1.4rem;
  cursor: pointer;
}
.check_default label i,
.radio_default label i {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 0.8rem;
  background: #fff;
  border: 1px solid #CACCCE;
  border-width: 2px;
  border-radius: 4px;
  cursor: pointer;
}
.check_default input[type=checkbox]:checked + label i,
.check_default input[type=radio]:checked + label i,
.radio_default input[type=checkbox]:checked + label i,
.radio_default input[type=radio]:checked + label i {
  box-shadow: 0 0 0 3px rgba(41, 136, 248, 0.2);
  background-color: #2988F8;
  border-color: #2988F8;
}
.check_default input[type=checkbox]:checked + label span,
.check_default input[type=radio]:checked + label span,
.radio_default input[type=checkbox]:checked + label span,
.radio_default input[type=radio]:checked + label span {
  color: #2988F8;
  font-weight: 700;
}

.check_default label i:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  -webkit-trasform: rotate(-45deg) scale3d(0.1, 0.1, 1);
  transform: rotate(-45deg) scale3d(0.1, 0.1, 1);
  width: 12px;
  height: 7px;
  border: 3px solid #fff;
  border-top: none;
  border-right: none;
}
.check_default input[type=checkbox]:checked + label i:after {
  transform: rotate(-45deg) scale3d(1, 1, 1);
}

.radio_default label i {
  border-radius: 50%;
}
.radio_default label i:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale3d(0.1, 0.1, 1);
  width: 0.8rem;
  height: 0.8rem;
  background-color: #fff;
  border-radius: 50%;
}
.radio_default input[type=radio]:checked + label i:after {
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
}

.checkradio_btn + .checkradio_btn {
  margin-left: 0.4rem;
}
.checkradio_btn label {
  display: block;
  position: relative;
  min-width: 7.8rem;
  margin-bottom: 0;
  border-radius: 3rem;
  background-color: #fff;
  text-align: center;
}

.checkradio_btn input[type=checkbox],
.checkradio_btn input[type=radio] {
  display: none;
}
.checkradio_btn input[type=checkbox]:not(:disabled) ~ label,
.checkradio_btn input[type=radio]:not(:disabled) ~ label {
  cursor: pointer;
}
.checkradio_btn input[type=checkbox]:disabled ~ label,
.checkradio_btn input[type=radio]:disabled ~ label {
  cursor: not-allowed;
  border-color: #DFE1E2;
  background-color: #fff;
  color: #DFE1E2;
}
.checkradio_btn input[type=checkbox]:checked + label,
.checkradio_btn input[type=radio]:checked + label {
  border-color: transparent;
  background-color: #2988F8;
  color: #fff;
}

.attached {
  position: relative;
  width: 80%;
  margin: auto;
  padding-left: 1.6rem;
}
.attached::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #2988F8;
}
.attached--link {
  margin-bottom: 2rem;
}
.attached--link::before {
  background-color: #0D66CE;
}
.attached__item {
  line-height: 1.5;
}
.attached__item a {
  display: block;
  color: #8A8F93;
}
.attached__item a:hover {
  color: #FF8A1B;
}
.attached__title {
  display: flex;
  align-items: center;
  margin-bottom: 0.4rem;
  color: #283C4E;
}
.attached__title i {
  margin-right: 0.4rem;
  font-size: 2rem;
}

.toggle {
  display: flex;
  align-items: center;
}
.toggle .switch {
  position: relative;
  display: inline-flex;
  width: 6rem;
  height: 3.2rem;
}
.toggle .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle .switch input:checked + .slider {
  background-color: #2988F8;
}
.toggle .switch input:checked + .slider:before {
  transform: translateX(2.8rem);
}
.toggle .slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #CACCCE;
  border-radius: 0.4rem;
  cursor: pointer;
}
.toggle .slider:before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  width: 2.2rem;
  height: 2.2rem;
  background-color: #fff;
  border-radius: 0.2rem;
}
.toggle .slider.round {
  border-radius: 3rem;
}
.toggle .slider.round:before {
  border-radius: 50%;
}

.button_container {
  margin-top: 2rem;
}

.btn_list li + li {
  margin-left: 1rem;
}

.btn, .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.btn i {
  margin-left: 0.4rem;
}

.not_btn {
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  color: #61666B;
  font-size: 1.4rem;
}

.more_btn {
  color: #2988F8;
  font-size: 1.4rem;
}

.btn_sm,
.badge {
  height: calc(1.5em + 0.8rem);
  padding: 0.1rem 0.8rem;
  font-size: 1.0rem;
}

.btn_md {
  height: calc(1.5em + 1.6rem + 2px);
  padding: 0.8rem 1.25rem;
  font-size: 1.4rem;
}

.btn_lg {
  max-width: 12rem;
  width: 100%;
}

.btn_xl {
  width: 100%;
  height: calc(1.5em + 2.5rem + 2px);
  padding: 1.25rem 2rem;
  font-size: 1.8rem;
}

.btn.primary:focus {
  border-color: transparent;
  background-color: #0D66CE;
  color: #fff;
}
.btn.secondary:focus {
  border-color: transparent;
  background-color: #10263A;
  color: #fff;
}
.btn.secondary_line:focus {
  border-color: #10263A;
  background-color: #EBF4FE;
  color: #10263A;
}

.disabled {
  cursor: not-allowed;
}
.disabled:hover {
  box-shadow: none;
}

.badge {
  margin-right: 7px;
  padding: 0.4rem 1.2rem;
}
.badge.round {
  border-radius: 2rem;
}

td .badge {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

table {
  table-layout: fixed;
  width: 100%;
  /*margin-top: 1.2rem;*/
}
table .btn {
  align-items: center;
}
table a:not(.btn) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.table_basic tbody tr:hover a:not(.btn, .badge) {
  color: #FF8A1B;
}
.table_basic th, .table_basic td {
  vertical-align: middle;
}
.table_basic th {
  padding: 1rem 0.4rem 1rem 0.4rem;
  background-color: #EEF6FF;
  color: #44484B;
  font-weight: 600;
  border-right: 1px solid #CACCCE;
  border-top: 1px solid #CACCCE;
  border-bottom: 1px solid #CACCCE;
}
.table_basic th:first-child {
  border-left: 1px solid #CACCCE;
}
.table_basic td {
  padding: 1rem 0.4rem 1rem 0.4rem;
  border-bottom: 1px solid #CACCCE;
  border-color: #DFE1E2;
  border-right: 1px solid #CACCCE;
  font-size:10pt;
}
.table_basic td:first-child {
  border-left: 1px solid #CACCCE;
}
.table_basic .check_default, .table_basic .radio_default {
  margin-bottom: 0;
}
.table_basic .check_default label i, .table_basic .radio_default label i {
  margin-right: 0;
}

.category {
  margin-top: 1.2rem;
  padding: 1.6rem 28px;
  background-color: #F7F7F8 !important;
}
.category dl + dl {
  margin-left: 28px;
}
.category dl dt {
  margin-right: 1.6rem;
  font-weight: 600;
}
.category dl.part dt {
  color: #2988F8;
}
.category dl.part dd li.active a {
  border-color: transparent;
  background-color: #2988F8;
  color: #fff;
}
.category li.active a {
  border-color: transparent;
  background-color: #283C4E;
  color: #fff;
}

.category_all {
  border-color: transparent;
  background-color: #283C4E;
  color: #fff;
}

.waiting_answer {
  border-color: transparent;
  background-color: #FF8A1B;
  color: #fff;
}

.complete_answer {
  border-color: transparent;
  background-color: #F7D002;
  color: #fff;
}

.complete_all {
  border-color: transparent;
  background-color: #12B077;
  color: #fff;
}

.state-badge {
  margin-bottom: 0.6rem;
}

.card_list {
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -1.4rem;
}
.card_list > li {
  flex-basis: calc(25% - 28px);
  margin: 0 14px 28px;
  padding: 2rem 2rem 28px;
  border: 1px solid #CACCCE;
  border-radius: 8px;
}
.card_list > li > a h2 {
  margin-bottom: 1.4rem;
  line-height: 1.33;
}
.card_list > li > a p {
  margin-bottom: 2rem;
  line-height: 1.33;
}
.card_list > li > a span {
  margin-bottom: 1rem;
}
.card_list > li > a:hover {
  color: #FF8A1B;
}
.card_list > li > a.use_case h2 {
  margin-bottom: 0.4rem;
}
.card_list .api_category {
  flex-wrap: wrap;
}
.card_list .api_category li + li {
  margin-left: 1rem;
}
.card_list .api_category li a {
  color: #2988F8;
  font-weight: 600;
}

.wizard ul {
  justify-content: center;
  max-width: 40rem;
  margin: auto;
}
.wizard ul li {
  position: relative;
  justify-content: center;
  width: 50%;
}
.wizard ul li:after {
  content: "";
  position: absolute;
  top: 1.7rem;
  left: 50%;
  width: 100%;
  height: 0.2rem;
  background-color: #CACCCE;
  z-index: 1;
}
.wizard ul li:last-child:after {
  display: none;
}
.wizard ul li p:first-child {
  position: relative;
  width: 3.6rem;
  height: 3.6rem;
  margin: 0 auto 1rem;
  border-radius: 50%;
  border: 1px solid #CACCCE;
  z-index: 2;
  border-color: #CACCCE;
  background-color: #CACCCE;
  color: #fff;
}
.wizard ul li p:last-child {
  color: #A2A6A9;
  font-weight: 600;
}
.wizard ul li.done p:first-child {
  border-color: #2988F8;
  background-color: #fff;
  color: #2988F8;
}
.wizard ul li.active p:first-child {
  border-color: transparent;
  background-color: #2988F8;
  color: #fff;
}

.pagination {
  margin-top: 2rem;
  margin-right: 2rem;
}
.pagination li {
  width: auto;
  margin: 0 0.6rem;
}
.pagination li.now a {
  color: #2988F8;
}
.pagination li a {
  align-items: center;
  justify-content: center;
  height: 2.4rem;
  font-weight: 700;
  color: #CACCCE;
  font-size: 1.8rem;
}
.pagination li a:hover {
  color: #10263A;
}

[data-title] {
  position: relative;
}

.tab_simple {
  color: #A2A6A9;
}
.tab_simple li {
  position: relative;
}
.tab_simple li + li {
  margin-left: 3.2rem;
}
.tab_simple li.active :after {
  content: "";
  position: absolute;
  bottom: 1rem;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #2988F8;
}
.tab_simple li.active a {
  color: #2988F8;
}

#toast {
  position: fixed;
  top: 8rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 1.6rem 2rem;
  background-color: rgba(255, 138, 27, 0.9);
  color: #fff;
  border-radius: 8px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
}

/* datapicker custom */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 0;
  background: unset;
  color: #61666B;
}

.ui-widget-header {
  border: 0;
}
.ui-widget-header a {
  color: #44484B;
}

.ui-widget-content {
  color: #61666B;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  padding: 0;
  border: 0;
  background: transparent;
  text-align: center;
  color: #65737e;
  font-size: 1.4rem;
}

/* ui datepicker */
.ui-datepicker {
  width: 28rem;
  background: #fff;
  border: 1px solid #CACCCE;
  padding: 1rem;
  font-size: 1.4rem;
  letter-spacing: 0;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
}
.ui-datepicker .ui-datepicker-header {
  padding: 0;
  border-color: transparent;
  background-color: #fff;
  color: #61666B;
}
.ui-datepicker .ui-datepicker-title {
  padding: 1.2rem 0;
  line-height: 1.5;
  font-weight: 500;
  font-size: 1.6rem;
}
.ui-datepicker .ui-icon {
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center center;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 0.7rem;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background-color: #F7F7F8;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  left: inherit;
  width: 100%;
  height: 100%;
  margin-left: unset;
  margin-top: unset;
}
.ui-datepicker .ui-datepicker-prev {
  left: 0;
}
.ui-datepicker .ui-datepicker-prev .ui-icon {
    /*  background-image: url("../img/cal_prev.png");*/
    background-image: url("../Images/cal_prev.png");
}
.ui-datepicker .ui-datepicker-next {
  right: 0;
}
.ui-datepicker .ui-datepicker-next .ui-icon {
    /*  background-image: url("../img/cal_next.png");*/
    background-image: url("../Images/cal_next.png");
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: inherit;
  margin: 0 0.4rem;
  font-family: -apple-system, "Pretendard", BlinkMacSystemFont, "Malgun Gothic", sans-serif;
}

/* ui datepicker calendar */
.ui-datepicker-calendar {
  width: 100%;
  border-collapse: collapse;
}
.ui-datepicker-calendar thead tr {
  margin-bottom: 1.6rem;
  border-top: 1px solid #CACCCE;
  border-bottom: 1px solid #CACCCE;
}
.ui-datepicker-calendar tbody tr:first-child td {
  padding-top: 1.2rem;
}
.ui-datepicker-calendar th a, .ui-datepicker-calendar td a {
  display: inline-block;
  width: 28px;
  height: 28px;
  color: #61666B;
  line-height: 28px;
}
.ui-datepicker-calendar th a.ui-state-highlight, .ui-datepicker-calendar td a.ui-state-highlight {
  color: #FF8A1B;
  font-weight: 600;
}
.ui-datepicker-calendar td a.ui-state-active {
  border-radius: 100%;
  border-color: transparent;
  background-color: #2988F8;
  color: #fff;
}

.ui-datepicker th {
  padding: 1.6rem 0;
  text-align: center;
  font-weight: 500;
  font-size: 1.4rem;
}
.ui-datepicker td {
  padding: 0.4rem 0;
}
.ui-datepicker td text-align:center span,
.ui-datepicker td a {
  padding: 0.4rem 0;
}

@media (hover: hover) {
  [data-title]:hover:before {
    content: "";
    position: absolute;
    bottom: -10%;
    left: 50%;
    transform: translateX(-50%);
    border: 0.6rem solid transparent;
    border-bottom: 0.6rem solid #FF8A1B;
  }
  [data-title]:hover:after {
    content: attr(data-title);
    position: absolute;
    bottom: -125%;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.6rem 1rem;
    border-radius: 0.4rem;
    background-color: #FF8A1B;
    line-height: 1.33 !important;
    color: #fff;
    font-size: 1.2rem;
    white-space: nowrap;
  }
  /* ui arrow hover */
  .ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 0.7rem;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
  }
  .ui-datepicker-calendar td a:hover {
    background-color: #F2F2F3;
    border-radius: 100%;
  }
}
/* placeholder */
::-webkit-input-placeholder {
  color: #A2A6A9;
}

:-moz-placeholder {
  color: #A2A6A9;
}

::-moz-placeholder {
  color: #A2A6A9;
}

:-ms-input-placeholder {
  color: #A2A6A9;
}

/* common */
html, body {
  height: 100%;
}

body {
  font-family: -apple-system, "Pretendard", BlinkMacSystemFont, "Malgun Gothic", sans-serif;
  color: #61666B;
}

.wrap {
  width: 100;
  /*min-width: 1440px;*/
}

.header_common {
  height: 56px;
  background-color: #fff;
  color: #7A8085;
  font-weight: bold;
  z-index: 999;
}

/* area */
.area {
  padding: 0 20rem;
}
.area2 {
  padding: 0;
}

#aside .area {
  padding: 0 5px;
}

#content .area {
  padding: 0 15px;
}

/* row-narrow */
.row-narrow {
  margin-left: -5px;
  margin-right: -5px;
}
.row-narrow > * {
  padding-left: 5px;
  padding-right: 5px;
}

/* summer note 재지정 */
.form_group .note-modal-footer {
  height: auto;
}

.form_group .note-modal-footer:after {
  content: "";
  display: block;
  clear: both;
}

.form_group .btn-fullscreen {
  display: none;
}

.form_group .note-editor ol, .form_group .note-editor ul {
  padding-left: 2rem;
}

.form_group .note-editor ol {
  list-style-type: decimal;
}

.form_group .note-editor ul {
  list-style-type: disc;
}

.form_group .note-editable {
  line-height: 1.5;
}

/* background color */
.primary {
  border-color: transparent;
  background-color: #2988F8;
  color: #fff;
}

.primary_line {
  border-color: #2988F8;
  background-color: #fff;
  color: #2988F8;
}
.primary_line.disabled {
  border-color: #C4DEFD;
  background-color: #fff;
  color: #C4DEFD;
}

.secondary {
  border-color: transparent;
  background-color: #10263A;
  color: #fff;
}

.secondary_line {
  border-color: #214F78;
  background-color: #fff;
  color: #10263A;
}

.gray {
  border-color: #CACCCE;
  background-color: #CACCCE;
  color: #fff;
}

.light_gray {
  border-color: transparent;
  background-color: #F2F2F3;
  color: #A2A6A9;
}

.red {
  border-color: transparent;
  background-color: #E53838;
  color: #fff;
}

.red_line {
  border-color: #E53838;
  background-color: #fff;
  color: #E53838;
}

.orange {
  border-color: transparent;
  background-color: #FF8A1B;
  color: #fff;
}

.orange_line {
  border-color: #FF8A1B;
  background-color: #fff;
  color: #FF8A1B;
}

.yellow {
  border-color: transparent;
  background-color: #F7D002;
  color: #fff;
}

.green {
  border-color: transparent;
  background-color: #12B077;
  color: #fff;
}

/* aside */
#aside {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 304px;
  height: 100%;
  background-color: #fff;
  z-index: 999;
}
#aside .menu {
  height: calc(100% - 56px);
  padding: 28px 16px;
  overflow-y: auto;
}
#aside .menu .menu_1dp > a {
  position: relative;
  height: 50px;
  padding-left: 48px;
  padding-right: 16px;
  border-radius: 8px;
  font-weight: 600;
}
#aside .menu .menu_1dp > a i:first-child {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font-size: 2rem;
  color: #A2A6A9;
}
#aside .menu .menu_1dp > a .new_inquiry {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0.8rem;
  border-radius: 50%;
  background-color: #FF8A1B;
  color: #fff;
}
#aside .menu .menu_1dp > a.up > a i:last-of-type {
  transform: rotate(-90deg);
}
#aside .menu .menu_1dp > a:hover {
  background-color: #2988F8;
  color: #EEF6FF;
}
#aside .menu .menu_1dp > a:hover i {
  color: #E2EEFE;
}
#aside .menu .menu_1dp ul {
  padding-bottom: 8px;
}
#aside .menu .menu_1dp ul .menu_2dp a {
  height: 40px;
  padding-left: 48px;
}
#aside .menu .menu_1dp ul .menu_2dp a:hover {
  color: #2988F8;
}
#aside nav a{display:block; padding:14px 0; color:#d0d0d0; font-size:16px; font-weight:500;}
#aside nav .now a{color:#fff;}
/*#aside{position:fixed; top:0; bottom:0; left:0; width:260px; z-index:999;}
#aside header img{height:26px;}
#aside nav{height:calc(100% - 64px); padding:18px 0 32px;}
#aside nav a{display:block; padding:14px 0; color:#808FAC; font-size:16px; font-weight:500;}
#aside nav .now a{color:#fff;}*/

/* admin content common */
#content {
  width: calc(100% - 304px);
  min-height: 100vh;
  margin-left: 304px;
  background-color: #F7F7F8;
}
#content2 {
  width: calc(100%);
  min-height: 100vh;
  background-color: #F7F7F8;
}
#content .header_common, #content #footer {
  position: fixed;
  left: 304px;
  right: 0;
}
#content .header_common {
  top: 0;
}
#content .header_common .area {
  width: 100%;
}
#content .header_common li + li {
  margin-left: 1.6rem;
}
#content .header_common .quick_link a {
  color: #C4DEFD;
}
#content #footer {
  bottom: 0;
  background-color:#f7f7f8;
}
#content #footer:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(247, 247, 247, 0.5);
  filter: blur(0.8rem);
  z-index: 1;
}
#content #footer .footer_info {
  position: relative;
  padding: 2rem 0;
  border-top: 1px solid #CACCCE;
  z-index: 2;
}
#content .search_all .form_group {
  position: relative;
  width: 32rem;
  margin-bottom: 0;
}
#content .search_all .form_group .form_control {
  height: calc(1.5em + 0.8rem + 2px);
  padding: 0.4rem 0.8rem;
}
#content .search_all .form_group button {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 100%;
  color: #10263A;
  text-align: center;
  font-size: 2rem;
  background-color: #2988F8;
  color: #fff;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  cursor: pointer;
}
#content .search_all .form_group button:hover {
  background-color: #0D66CE;
}
#content .main > .area {
  min-height: 937px;
  margin: auto;
  padding: 6.3rem 1.2rem;
}
#content .main > .area.area_write {
  max-width: 794px;
}
@media screen and (min-width: 1600px) {
  #content .main > .area.area_write {
    max-width: 1024px;
  }
}
@media screen and (min-width: 1600px) {
  #content .main > .area {
/*    max-width: 1920px;*/
  }
}
@media screen and (min-width: 2800px) {
  #content .main > .area {
/*    max-width: 2400px;*/
    min-height: 1240px;
  }
}
#content .main > .area h1 {
  margin-bottom: 10px;
  line-height: 1.3;
}

.tab_btn_content {
  margin-bottom: 2.8rem;
}

.sticky-header {
  position: -webkit-sticky;
  position: sticky;
  top: 5.6rem;
  margin-bottom: 1rem;
  padding: 1.6rem 2.8rem;
  background-color: #fff;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
  z-index: 999;
}

.modal {
  display: none;
}

.modal_mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.7s ease;
}

.modal_content {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% + 3rem));
  width: 120rem;
  background-color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 12px 28px -12px rgba(0, 0, 0, 0.15);
  outline: 0;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  z-index: 1100;
}
.modal_content.modal_md {
  width: 48rem;
}
.modal_content .header, .modal_content .body, .modal_content .footer {
  padding: 2.4rem;
}
.modal_content .header h3 {
  font-size: 2rem;
}
.modal_content .body {
  max-height: 48rem;
  height: 100%;
  line-height: 1.5;
  font-size: 1.6rem;
  overflow-y: auto;
}
.modal_content .closeModalBtn svg {
  width: 3.2rem;
  height: 3.2rem;
}
.modal_content dl {
  margin-bottom: 0.8rem;
}
.modal_content dl dt {
  padding-right: 2rem;
}
.modal_content dl dd {
  color: #8A8F93;
  font-weight: 400;
  word-break: break-all;
}
.modal_content .btn_list {
  margin-top: 3.6rem;
}
.modal_content .btn_list .primary {
  width: 12rem;
}

.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.active + .modal_content {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, -50%);
}

.delete_confirm p {
  margin-bottom: 2.4rem;
}

.no_data {
  height: 16rem;
  margin: 1.2rem 0;
  border-top: 1px solid #CACCCE;
  border-bottom: 1px solid #CACCCE;
  border-color: #DFE1E2;
}

.table_container .total {
  color: #8A8F93;
}
.table_container .total li {
  position: relative;
}
.table_container .total li + li {
  margin-left: 28px;
}
.table_container .total li + li:after {
  content: "";
  position: absolute;
  top: 0;
  left: -14px;
  width: 1px;
  height: 1.6rem;
  background-color: #A2A6A9;
}
.table_container .total span {
  text-transform: uppercase;
}
.table_container .total span + span {
  margin-left: 0.8rem;
}

.withdrawal {
  background-color: #F7F7F8;
}
.withdrawal, .withdrawal a:not(.btn) {
  color: #A2A6A9;
}

.user__link {
  color: #10263A;
  font-weight: 500;
}
.user__link:hover {
  color: #2988F8;
}

.db_container .row + .row {
  margin-top: 28px;
}
.db_container .db_card_color {
  flex-wrap: wrap;
  align-items: stretch;
  height: 100%;
}
.db_container .db_card_color .card {
  flex-basis: calc(50% - 1.4rem);
  height: calc(50% - 1.4rem);
}
.db_container .db_card_color .card + .card {
  margin-top: 0;
}
.db_container .db_card_color .card:nth-child(odd) {
  margin-right: 28px;
}
.db_container .db_card_color .card:nth-child(-n+2) {
  margin-bottom: 28px;
}
.db_container .db_new_number {
  position: absolute;
  bottom: 20px;
  right: 28px;
}
.db_container .db_new_number strong {
  font-size: 3.6rem;
}
.db_container .latest li {
  margin-top: 1.7rem;
}
.db_container .latest .card {
  padding: 1.6rem 2.4rem;
  border-width: 1px;
  border-style: solid;
  border-color: #CACCCE;
}
.db_container .latest .card .notice {
  margin-bottom: 0.6rem;
}
.db_container .latest .badge {
  width: 8rem;
  margin: 0;
}
.db_container .latest h3 {
  width: calc(100% - 18rem);
  padding: 0 1rem;
  letter-spacing: -0.02px;
  font-weight: 400;
}
.db_container .latest time {
  width: 10rem;
}
@media screen and (min-width: 1280px) {
  .db_container .latest li .card:hover {
    background-color: #EEF6FF;
    border-color: #2988F8;
  }
}
.db_container .graph,
.db_container .rank {
  min-height: 60rem;
}
.db_container .rank h2 {
  color: #2988F8;
}
.db_container .rank ul {
  margin-top: 0.4rem;
}
.db_container .rank ul li {
  padding: 1.6rem 0;
  border-bottom: 1px solid #CACCCE;
}
.db_container .rank ul li:not(:nth-child(-n+2)) p {
  border-color: transparent;
  background-color: #CACCCE;
  color: #fff;
}
.db_container .rank p {
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
}
.db_container .rank div {
  padding-left: 1.6rem;
}
.db_container .rank div h3 {
  margin-bottom: 0.6rem;
  color: #44484B;
}
.db_container .rank div span {
  position: relative;
  color: #7A8085;
}
.db_container .rank div span + span {
  margin-left: 1.6rem;
}
.db_container .rank div span + span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.8rem;
  transform: translateY(-50%) rotate(15deg);
  width: 0.1rem;
  height: 1.4rem;
  background-color: #A2A6A9;
}

.member_common {
  height: 100%;
  background-color: #F7F7F8;
}

.member {
  max-width: 512px;
  width: 100%;
  margin: auto;
}

.login h1 {
  margin-bottom: 0.5rem;
}
.login p {
  margin-bottom: 2.25rem;
  font-size: 18px;
}
.login .card {
  padding: 3.6rem 2.8rem;
}
.login .circle_logo {
  width: 12rem;
  height: 12rem;
  margin: 0 auto 1.25rem;
  padding: 0.75rem;
  border-radius: 6rem;
  background-color: #10263A;
}

.member_list h2 {
  margin-bottom: 2.4rem;
}
.member_list .member__withdrawal {
  background-color: #CACCCE;
}
.member_list dl {
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
}
.member_list dl dt {
  width: auto;
  font-weight: 600;
}
.member_list dl dd {
  margin-left: 1.2rem;
}
.member_list .member_using_api .using_api_list {
  max-height: 62.4rem;
  height: 100%;
  overflow-y: auto;
}
.member_list .member_using_api dl dt {
  color: #61666B;
}
.member_list .member_point .point_tab {
  margin-bottom: 28px;
}
.member_list .member_point .point_tab .headline-05 {
  font-size: 2.8rem;
  color: #2988F8;
}
.member_list .member_point .point_tab .headline-05.point__withdrawal {
  color: #CACCCE;
}
.member_list .member_point .point_tab .headline-05 span {
  font-size: 1.8rem;
}
.member_list .member_point .point_tab #tab_btn {
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
  border-color: #2988F8;
}
.member_list .member_point .point_tab #tab_btn li button {
  padding: 1.2rem 2rem;
  color: #2988F8;
}
.member_list .member_point .point_tab #tab_btn li.active button {
  border-color: transparent;
  background-color: #2988F8;
  color: white;
}
.member_list .member_point #tab_con .search_point {
  margin-bottom: 28px;
}
.member_list .member_point #tab_con .search_point .inline_group {
  margin-bottom: 0.8rem;
}
.member_list .member_point #tab_con .point_scroll {
  max-height: 43.4rem;
  overflow-y: scroll;
}
@media screen and (min-width: 2800px) {
  .member_list .member_point #tab_con .point_scroll {
    min-height: 60rem;
  }
}
.member_list .member_point #tab_con .card {
  margin-right: 2rem;
  margin-bottom: 1.6rem;
  padding: 1.6rem 2rem;
  border: 1px solid #CACCCE;
}
.member_list .member_point #tab_con .card span {
  margin-bottom: 0.8rem;
  color: #A2A6A9;
  font-size: 1.4rem;
}
.member_list .member_point #tab_con .card p:last-child {
  font-weight: 600;
  font-size: 1.8rem;
}
.member_list .member_point #tab_con .card .point_plus {
  color: #2988F8;
}
.member_list .member_point #tab_con .card .point_minus {
  color: #E53838;
}
.member_list .search_auto_match {
  position: relative;
}
.member_list .search_auto_match .search_auto_panel {
  position: absolute;
  top: 4.6rem;
  left: 0;
  width: calc(100% - 0.8rem);
  padding: 1.6rem 0;
  background-color: #fff;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
  z-index: 999;
}
.member_list .search_auto_match .search_auto_panel.hide {
  display: none;
}
.member_list .search_auto_match .search_auto_panel li {
  padding: 0.8rem 1.6rem;
}
.member_list .search_auto_match .search_auto_panel .over {
  background-color: #F7F7F8;
}

.statistics .print {
  position: relative;
}
.statistics .print > .print_btn {
  width: 4.8rem;
  height: auto;
  border-width: 0;
  font-size: 2.4rem;
}
.statistics .print > .print_btn i {
  margin: 0;
}
.statistics .print .print_option {
  display: none;
  position: absolute;
  right: 0;
  width: 12rem;
  padding: 1.6rem;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
  border-color: transparent;
  background-color: #fff;
  color: #61666B;
}
.statistics .print .print_option li {
  font-size: 1.6rem;
  font-weight: 500;
}
.statistics .print .print_option li + li {
  margin-top: 0.8rem;
}
.statistics .print .print_option li:hover button {
  color: #2988F8;
}
.statistics .print .print_option.on {
  display: block;
}

.api_each_write .row > * {
  margin-bottom: 28px;
}
.api_each_write .row > *:last-child {
  margin-bottom: 0;
}

.write_common article {
  position: relative;
}
.write_common article + article {
  margin-top: 28px;
}
.write_common article h2 {
  margin-bottom: 1.6rem;
  padding-top: 2rem;
  border-top: 1px solid #CACCCE;
  border-color: #232527;
}
.write_common article .add_btn {
  position: absolute;
  top: 2rem;
  right: 0;
}
.write_common .set .row-narrow > * {
  margin-bottom: 0;
}
.write_common .set .row-narrow .form_group {
  margin-bottom: 1rem;
}
.write_common .button_delete {
  justify-content: end;
}

.use_case figure {
  width: 8.4rem;
  height: 8.4rem;
  margin: 0 auto 1.6rem;
  background-color: #F7F7F8;
}

.cs_view .card header {
  padding-bottom: 2rem !important;
  border-bottom: 1px solid #CACCCE;
}
.cs_view .cs_state_history {
  flex-direction: column;
  max-height: 20rem;
  overflow-x: auto;
}
.cs_view .cs_state_history li {
  position: relative;
  padding-top: 28px;
}
.cs_view .cs_state_history li:after {
  content: "";
  position: absolute;
  bottom: 28px;
  left: 1.3rem;
  width: 0.2rem;
  height: 100%;
  background-color: #DFE1E2;
  z-index: 1;
}
.cs_view .cs_state_history li:first-child:after {
  display: none;
}
.cs_view .cs_state_history li:first-child {
  padding-top: 0;
}
.cs_view .cs_state_history li strong {
  align-items: center;
  justify-content: center;
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  z-index: 2;
  border-color: transparent;
  background-color: #DFE1E2;
  color: white;
}
.cs_view .cs_state_history li div {
  padding-left: 1.6rem;
  color: #A2A6A9;
}
.cs_view .cs_state_history li div h4 {
  margin-bottom: 0.4rem;
  line-height: 1.45;
}
.cs_view .cs_state_history li div .date {
  font-size: 1.4rem;
}
.cs_view .cs_state_history li .part {
  color: #FF8A1B;
}
.cs_view .cs_state_history li.complete strong {
  border-color: transform;
  background-color: #2988F8;
  color: white;
}
.cs_view .cs_state_history li.complete div h4 {
  color: #61666B;
}

.inquiry_content header {
  border-bottom-color: #232527;
}
.inquiry_content header .cate_date {
  margin-bottom: 1rem;
}
.inquiry_content header h2 {
  margin-bottom: 0.6rem;
  color: #FF8A1B;
}
.inquiry_content article {
  padding: 28px 0;
  line-height: 1.6;
  font-size: 1.8rem;
}
.inquiry_content article p + p {
  margin-top: 1.6rem;
}

.api_each_write .has_btn {
  position: relative;
}
.api_each_write .has_btn .btn_list {
  position: absolute;
  top: 2rem;
  right: 0;
}

.set {
  padding: 1rem;
  background-color: #F7F7F8;
  border-radius: 4px;
}
.set + .set {
  margin-top: 1.6rem;
}
.set [class^=col-]:nth-last-child(-n+3) .form_group:last-child {
  margin-bottom: 0;
}/*# sourceMappingURL=admin.css.map */

/* pagination */
.pagination{margin-top:16px;}
.pagination ul{margin-left:auto;}
.pagination .active a{color:#2988F8;}
.pagination a{display:-ms-flex; display:flex; align-items:center; justify-content:center; width:32px; height:32px; color:#CACCCE; font-size:16px; font-weight:800;}
.pagination .page_first{-webkit-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
.pagination a:hover{color:#021F59; -webkit-transition:color .3s; transition:color .3s;}
.pagination .page_last{-webkit-transform:rotate(90deg); transform:rotate(90deg);}
.pagination .page_arrow a{font-size:20px;}


.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin-left: -8px;
    margin-top: -8px;
}


/* xeicon */
.xi-angle-down {
    color: #fff;
}