@charset "UTF-8";
/*가이드에서만 쓰이는 레이아웃 스타일*/
/*template*/
footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 200;
}

.main_back {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.main_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--bg_02_template);
}
.main_wrap.main {
  height: auto;
  min-height: 100%;
  overflow: hidden;
  padding: 16px;
  padding-top: 88px;
  padding-left: 244px;
}

.main_contents {
  width: 100%;
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
.main_contents.login_ver1 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: url("../images/login_dark_ver1.png") no-repeat;
  background-size: cover;
}
.main_contents.error {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../images/error_background_img.png") no-repeat center center;
  background-size: cover;
}
.main_contents.error2 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #050A1F;
  background: url("../images/error2_background_img.png") no-repeat center bottom;
  background-size: contain;
}

.login_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 794px;
  height: 100%;
  padding: 48px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  background-color: var(--alpha-wh-to-bkwh-60);
  box-shadow: -12px 0px 40px 0px rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
}

.login_logo {
  position: absolute;
  height: 120px;
  bottom: 42px;
  left: 42px;
}

.box_line.left {
  position: absolute;
  top: 3.5rem;
  left: 1.25rem;
  z-index: 100;
}
.box_line.right {
  position: absolute;
  top: 3.5rem;
  right: 1.25rem;
  z-index: 100;
}

.infowindow_box.main {
  top: auto;
  bottom: calc(100% + 0.125rem) !important;
  left: 50%;
  transform: translate(-50%, 0);
  position: absolute;
}

.scroll.sc_y.table {
  height: 8.25rem;
  padding: 0;
}
.scroll.sc_y.signal {
  padding: 0;
  margin-right: 0.5rem;
}

.accordion_paragraph.signal {
  padding: 0 0.75rem 1.25rem 1.25rem;
  height: 16.75rem;
}

.footer_in {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
}

.table_box.signal tr.selected, .table_box.signal tr:focus, .table_box.signal tr.hover {
  background: rgba(39, 212, 255, 0.2);
}
.table_box.signal th {
  position: static;
  height: 1.75rem;
}
.table_box.signal th, .table_box.signal td:not(.disable), .table_box.signal td:not(.disabled) {
  border-right: 0.063rem solid rgba(255, 255, 255, 0.12);
}
.table_box.signal th:last-child, .table_box.signal td:not(.disable):last-child, .table_box.signal td:not(.disabled):last-child {
  border-right: 0;
}
.table_box.signal td {
  height: 1.75rem;
  border-top: 0.188rem solid rgb(10, 11, 20) !important;
}
.table_box.signal td p {
  text-align: center !important;
  cursor: pointer;
}

.arrow.left {
  transform: rotate(180deg);
}
.arrow.up {
  transform: rotate(270deg);
}
.arrow.down {
  transform: rotate(90deg);
}

.login_box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login_box.login {
  z-index: 0;
  width: 44.563rem;
  padding: 3rem;
  border-radius: 0.125rem;
  border: 0.063rem solid rgba(255, 255, 255, 0.21);
  background: var(--bg_01_80);
  -webkit-backdrop-filter: blur(3.75rem);
          backdrop-filter: blur(3.75rem);
}

.light_box {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 20px;
  margin-top: 8px;
}

.error_box {
  display: flex;
  -webkit-backdrop-filter: blur(1.875rem);
  backdrop-filter: blur(1.875rem);
  position: absolute;
  padding: 3rem;
  top: 33%;
  left: 30%;
  z-index: 0;
  width: 44.563rem;
  height: 18.25rem;
  border-radius: 0.125rem;
  border: 0.063rem solid rgba(255, 255, 255, 0.21);
  background: rgba(162, 164, 184, 0.2);
  -webkit-backdrop-filter: blur(3.75rem);
          backdrop-filter: blur(3.75rem);
}

.marker_main {
  position: absolute;
  bottom: 40%;
  left: 50%;
}

.indicator.main {
  padding: 1.25rem 0.6rem 1.25rem 1.25rem;
}
.indicator.signal {
  padding: 0;
}

.indi_conts.del {
  display: none;
}
.indi_conts.signal {
  margin: 0;
}

.tmbox_text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
}

.tmbox.signal {
  background-color: transparent;
  padding: 0;
  margin-bottom: 1.25rem;
}

.hd_profile {
  position: relative;
  width: 1.875rem;
  height: 1.25rem;
}
.hd_profile .member_popover {
  display: none;
}
.hd_profile.profile_open .member_popover, .hd_profile.profile_open .member_toggle {
  display: block;
}
.hd_profile.profile_open .btn_profile .comma_under8 {
  opacity: 1;
  transform: rotate(180deg);
}
.hd_profile.profile_open .profile20 {
  opacity: 1;
}

.marker_main .tooltip_parents, .marker_main .infowindow_box.main.on {
  display: none;
}
.marker_main.marker_hide .tooltip_parents, .marker_main.marker_hide .infowindow_box.main.on {
  display: block;
}
.marker_main.marker_hide .img_off {
  display: none;
}
.marker_main.marker_hide .marker_img_selected {
  display: block;
}

.fab_wrap {
  position: absolute;
  top: 0%;
  left: 108%;
  margin-left: 0.5rem;
}

.popover_box.main {
  position: absolute;
  display: none;
  bottom: 3rem;
  left: -2.5rem;
  z-index: 100;
}
.popover_box.main.legend {
  display: block;
}
.popover_box.main.pop {
  display: block;
}
.popover_box.main.pop_hide {
  display: none;
}

.signal_board {
  width: 100%;
  height: 100%;
}

.signal_content {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  width: 100%;
  height: 100%;
  background: var(--bg_02_template);
}

.signal_body {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url("../images/signal_body_img.png");
  background-repeat: no-repeat;
  background-size: cover !important;
}

.accordion_box {
  position: absolute;
  margin-top: 0.5rem;
}

.indi_top.signal {
  height: 3.5rem;
  padding: 1.25rem 1rem 1.25rem;
}

.signal_dl {
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
}
.signal_dl:last-child {
  margin-bottom: 0;
}
.signal_dl dt {
  font-size: 0.8125rem;
  font-weight: 300;
  display: flex;
  justify-content: space-between;
  width: 4rem;
  padding: 0 1rem 0 0;
  color: var(--white-w_87-sec);
}
.signal_dl dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.signal_dl dd .wrput {
  width: 100%;
}
.signal_dl dd .ch_radio:last-child {
  padding: 0;
}
.signal_dl.check {
  margin: 1rem 0;
}

.accordion_block.signal {
  -webkit-backdrop-filter: blur(1.875rem);
  backdrop-filter: blur(1.875rem);
}
.accordion_block.signal .accordion_title:hover:not(.levle2), .accordion_block.signal .hover.accordion_title,
.accordion_block.signal .accordion_title:focus {
  background: var(--primary-pri_20);
  cursor: pointer;
}
.accordion_block.signal .accordion_title {
  background: var(--primary-pri_20);
}
.accordion_block.signal .accordion_title:hover:not(.disabled), .accordion_block.signal .accordion_title:hover:not(.point.disabled), .accordion_block.signal .accordion_title:focus:not(.disabled) {
  background: var(--primary-pri_20);
}
.accordion_block.signal .accordion_contents {
  background: rgba(255, 255, 255, 0.06);
}
.accordion_block.signal .accordion_contents.signal {
  padding: unset;
}

.map_label_line {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  bottom: 1.5rem;
  padding: 0.125rem 0.75rem;
}

.map_label {
  font-size: 1.25rem;
  font-weight: 700;
  width: auto;
  padding: 0.125rem 0.75rem 0.25rem;
  background-color: #0B1129;
}

.record_wrap {
  width: 100%;
  height: 100%;
  padding-top: 5rem;
}

.record_content {
  width: 100%;
  height: 100%;
  padding: 1.25rem;
  display: grid;
  grid-auto-rows: 25.75rem auto;
  row-gap: 1rem;
}

.record_box {
  width: 100%;
  height: 100%;
  border: 0.063rem solid var(--line-pri_40-to-wh_40);
  background: var(--bg_01_80);
  box-shadow: 0.25rem 0.25rem 1rem 0 rgba(4, 9, 26, 0.16);
  -webkit-backdrop-filter: blur(1.875rem);
          backdrop-filter: blur(1.875rem);
  padding: 0 1.25rem 1.25rem 1.25rem;
}

.record_title {
  font-size: 1rem;
  font-weight: 700;
  width: 100%;
  padding: 1.25rem 1rem 1rem 0;
  color: #27D4FF;
}

.record_box_content {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  width: 100%;
  height: calc(100% - 3.25rem);
}

.record_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 2fr 1.5fr;
  grid-template-rows: 8.125rem auto;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 1rem;
  width: 100%;
  height: 100%;
}

.record_top {
  display: grid;
  grid-column-gap: 1rem;
  width: 9rem;
}

.chart_cont_box {
  height: 100%;
  width: 9rem;
}

.diagon_cont_box {
  display: grid;
  grid-column-gap: 1rem;
}

.diagon_cont.record {
  width: 9rem;
  height: 4.875rem;
}

.situation_box {
  padding: 0.75rem;
  border-radius: 0.125rem;
  background: var(--more-visible-wh_6-to-100);
}
.situation_box.chart {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  grid-row: 1/3;
}
.situation_box.case1 {
  grid-row: 1/2;
  grid-column: 5/6;
}
.situation_box.case2 {
  grid-row: 1/2;
  grid-column: 6/7;
}
.situation_box.event {
  display: grid;
  grid-column: 5/7;
  grid-template-columns: 1.5fr 1fr;
}
.situation_box h4 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--white-w_87);
}

.case_wrap {
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  width: 100%;
  height: calc(100% - 1.125rem);
}

.case_box {
  padding: 0.25rem;
  border-radius: 0.125rem;
  background: var(--white-w_6);
  width: 100%;
}
.case_box .case_number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 0.875rem);
  color: var(--white-w_87);
}

.case_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  row-gap: 0.5rem;
}

.chart_box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 0.875rem);
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

.rate_content {
  display: grid;
  row-gap: 1rem;
  height: calc(100% - 3.25rem);
}

.rate_box {
  padding: 0.75rem;
  border-radius: 0.125rem;
  background: rgba(255, 255, 255, 0.06);
  height: 100%;
  width: 100%;
}

.ch_label {
  display: flex;
  align-items: center;
}
.ch_label .word {
  font-size: 0.6875rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.87);
  margin: 0.25rem 0 0.25rem 0.25rem;
  line-height: 1.1;
  word-break: keep-all;
}

.chart_cont {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 9rem;
  height: 4.891rem;
  padding: 0.5rem;
  overflow: hidden;
  background: url(../images/bg_tract.svg) no-repeat left top;
  background-size: 100% 100%;
}
.chart_cont .chart_tlt {
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  margin-bottom: 0.5rem;
}
.chart_cont .chart_result {
  padding: 1rem 0 0;
}

.chart_tlt {
  font-size: 0.875rem;
  font-weight: 500;
  color: #27D4FF;
}
.chart_tlt.cover {
  width: 86%;
  padding: 0.75rem 0 0 0.75rem;
  background: url(../images/bg_tract_top.svg) no-repeat left top;
  background-size: 100% auto;
}

.chart_result {
  display: flex;
  align-items: flex-end;
  color: #27D4FF;
  font-size: 1.5rem;
  font-weight: 700;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.chart_result .unit {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.7;
}

.record_radio {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.record_radio .word {
  color: rgba(255, 255, 255, 0.87);
}
.record_radio.on .radio {
  background-color: #fff;
  border: 0.25rem solid #27d4ff;
}
.record_radio.on .word {
  color: rgba(255, 255, 255, 0.87);
}
.record_radio .radio {
  display: inline-block;
  width: 0.9375rem;
  height: 0.9375rem;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 100%;
  margin: 0 0.5rem 0 0;
}
.record_radio .radio.mini {
  width: 0.625rem;
  height: 0.625rem;
  border: 0.125rem solid #27d4ff;
  margin: 0 0.375rem 0 0;
}
.record_radio .radio.green {
  border: 0.125rem solid #16D9AB;
}
.record_radio .radio.blue {
  border: 0.125rem solid #07F;
}
.record_radio .radio.dark_blue {
  border: 0.125rem solid #0E44E5;
}
.record_radio .radio.purple {
  border: 0.125rem solid #8972FF;
}
.record_radio .radio.dark_purple {
  border: 0.125rem solid #6E3DFF;
}
.record_radio .word {
  font-size: 0.6875rem;
  font-weight: 300;
}

.user_wrap {
  width: 100%;
  height: 100%;
  padding-top: 2.5rem;
}

.user_content {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  width: 100%;
  height: 100%;
  padding: 1.25rem;
}

.personal_box, .system_box {
  -webkit-backdrop-filter: blur(1.875rem);
  backdrop-filter: blur(1.875rem);
  width: 100%;
  height: 100%;
  border: 0.063rem solid rgba(39, 212, 255, 0.4);
  background: var(--bg_01_80);
  box-shadow: 0.25rem 0.25rem 1rem 1rem rgba(4, 9, 26, 0.16);
  width: 28.625rem;
}

.user_box {
  -webkit-backdrop-filter: blur(1.875rem);
  backdrop-filter: blur(1.875rem);
  width: 100%;
  height: 100%;
  border: 0.063rem solid rgba(39, 212, 255, 0.4);
  background: var(--bg_01_80);
  box-shadow: 0.25rem 0.25rem 1rem 1rem rgba(4, 9, 26, 0.16);
  flex: 1;
}

.table_inner {
  width: 100%;
  height: calc(100% - 2.625rem);
  padding: 0.875rem 1.25rem 1.25rem 1.25rem;
}

.title_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1.25rem 1rem 0 1.25rem;
}

.user_title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--primary-to-grayscale-to-bk);
  height: 1.5rem;
}

.user_btn {
  height: 1.75rem;
  padding: 0.5rem 0;
  word-break: keep-all;
}

.error_logo {
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}

.logo_login {
  width: 12.5rem;
}

.hd_profile {
  position: relative;
  width: 1.875rem;
  height: 1.25rem;
}
.hd_profile .member_popover {
  display: none;
}
.hd_profile.profile_open .member_popover, .hd_profile.profile_open .member_toggle {
  display: block;
}
.hd_profile.profile_open .btn_profile .comma_under8 {
  opacity: 1;
  transform: rotate(180deg);
}
.hd_profile.profile_open .profile20 {
  opacity: 1;
}

/* html data-theme */
html[data-theme=light] .main_contents {
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background: url("../images/background_light_img.png") no-repeat center center;
}

/* html data-theme End */
/*reset*/
* {
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html, body {
  font-size: 1rem;
}

body {
  margin: 0px;
  padding: 0px;
  background: #fff;
  font-family: "Malgun Gothic", "맑은 고딕", "Helvetica", "AppleGothic", sans-serif;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
  letter-spacing: 0px;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
}

img.nomax {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

a {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  color: #3b3b3b;
}

a:visited {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:link {
  text-decoration: none;
}

a:focus, a:hover {
  text-decoration: none;
}

input {
  outline: none;
  border: none;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button {
  outline: none;
  border: none;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  cursor: pointer;
}

select {
  outline: none;
  border: none;
  font-family: "Spoqa Han Sans Neo", sans-serif;
  cursor: pointer;
}

textarea {
  outline: none;
  border: none;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  color: #000;
}

select::-ms-expand {
  display: none;
}

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

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

.dpblock {
  display: block !important;
}

.dpinblock {
  display: inline-block !important;
}

.dflx {
  display: flex !important;
}

.dgrid {
  display: grid !important;
}

.fleft {
  float: left !important;
}

.fright {
  float: right !important;
}

.lett_sp1 {
  letter-spacing: 1px !important;
}

.lett_sp2 {
  letter-spacing: 2px !important;
}

.lett_sp3 {
  letter-spacing: 3px !important;
}

.cl {
  clear: both;
}

.pos_rel {
  position: relative !important;
}

.pos_ab {
  position: absolute !important;
}

.bold {
  font-weight: bold !important;
}

.blue {
  color: #3ba1fd;
}

.red {
  color: #f55;
}

.hauto {
  height: auto !important;
}

input[type=text]::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

input[type=text]::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(0, 0, 0, 0.5);
}

input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(0, 0, 0, 0.5);
}

input[type=password]::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.5px;
}

input[type=password]::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.5px;
}

input[type=password]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.5px;
}

input[type=password]::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.5px;
}

input[type=password] {
  letter-spacing: 1.5px;
}

textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(0, 0, 0, 0.5);
}

textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(0, 0, 0, 0.5);
}

body::-webkit-scrollbar {
  -webkit-appearance: none;
  background: transparent;
  width: 7px;
}

body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50px;
}

body::-webkit-scrollbar-track {
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.2);
}

body::-webkit-scrollbar-corner {
  background-color: transparent;
}

body::-webkit-scrollbar:horizontal {
  cursor: pointer;
  height: 6px;
}

.op03 {
  opacity: 0.3 !important;
}

.op04 {
  opacity: 0.4 !important;
}

.op05 {
  opacity: 0.5 !important;
}

.op06 {
  opacity: 0.6 !important;
}

.op07 {
  opacity: 0.7 !important;
}

.op1 {
  opacity: 1 !important;
}

.dpblock {
  display: block;
}

.dpinblock {
  display: inline-block;
}

.dpinline {
  display: inline;
}

.dpnone {
  display: none;
}

.dflx_as {
  display: flex;
  align-items: flex-start;
}

.dflx_ac {
  display: flex;
  align-items: center;
}

.dflx_ae {
  display: flex;
  align-items: flex-end;
}

.dflx_jbet {
  display: flex;
  justify-content: space-between;
}

.dflx_dcol_jbet {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.dflx_jstart {
  display: flex;
  justify-content: flex-start;
}

.dflx_jcent {
  display: flex;
  justify-content: center;
}

.dflx_jend {
  display: flex;
  justify-content: flex-end;
}

.dflx_ac_jcent {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dflx_as_jbet {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.dflx_ac_jbet {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dflx_ae_jbet {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.dflx_ac_jend {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/*reset End*/
.back {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.Dash_body {
  background-color: #F0F0F2;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  padding: 1rem;
  padding-top: 5.5rem;
  padding-left: 16.5625rem;
}
.Dash_body.respon {
  padding-left: 112px;
  padding-left: 7rem;
}

@keyframes in-header {
  from {
    opacity: 0;
    top: -70px;
  }
  to {
    opacity: 1;
    top: 0px;
  }
}
.header_bg {
  background-color: #F0F0F2;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 1rem 1rem 0px;
  z-index: 100;
}
.header_bg.trans {
  background-color: transparent;
}
.header_bg.animate {
  animation: in-header 1s ease-in-out !important;
}

header {
  width: 100%;
  height: 56px;
  height: 3.5rem;
  padding: 8px 20px;
  padding: 0.5rem 1.25rem;
  border-radius: 10px;
}

.header_in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.header_logo {
  cursor: pointer;
}
.header_logo a {
  display: block;
}

.header_left {
  display: flex;
  align-items: center;
  padding: 0 1rem 0.25rem 0;
}
.header_left .header_title {
  margin: 5px 0px 0px 15px;
}

.header_title {
  font-size: 1.125rem;
  font-weight: 500;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}

.header_right {
  display: flex;
  align-items: center;
  padding: 0 0 0 1rem;
}
.header_right .user_zone {
  margin: 0 0 0 1rem;
}

.alarm_zone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  position: relative;
  cursor: pointer;
  transition: 0.2s all;
}
.alarm_zone:hover {
  opacity: 0.8;
}
.alarm_zone .dot {
  position: absolute;
  right: 4px;
  top: 5px;
}

.bell {
  width: 20px;
  height: 20px;
}

.user_zone {
  display: flex;
  align-items: center;
}
.user_zone .user_txt {
  margin: 0px 0px 0px 8px;
}

.user_thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 28px;
  height: 28px;
  position: relative;
  background-color: #4d6586;
  border-radius: 100%;
  overflow: hidden;
  cursor: pointer;
  transition: 0.2s all;
}
.user_thumb:hover {
  opacity: 0.8;
}
.user_thumb .photo_user {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  transform: translate(-50%, -45%);
}

.user_txt {
  display: flex;
  align-items: center;
}
.user_txt span {
  font-size: 0.875rem;
  font-weight: 400;
  color: #fff;
}
.user_txt span.user_name {
  font-weight: 600;
}

.user_photo {
  position: relative;
  width: 28px;
  height: 28px;
  overflow: hidden;
  cursor: pointer;
  transition: 0.2s all;
}
.user_photo:hover {
  opacity: 0.8;
}

@keyframes in-aside {
  from {
    opacity: 0;
    left: -50px;
  }
  to {
    opacity: 1;
    left: 16px;
  }
}
.aside {
  position: fixed;
  left: 1rem;
  top: 5.5rem;
  width: 13.75rem;
  height: calc(100% - 6.5rem);
  max-height: 54rem;
  background: #fff;
  border-radius: 10px;
}
.aside.respon {
  width: 64px;
  width: 4rem;
}
.aside.respon .menu_line .menu_icon {
  margin: 0px;
}
.aside.respon .menu_line .menu_tlt {
  display: none;
}
.aside.animate {
  animation: in-aside 1s ease-in-out !important;
}

.aside_wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.aside_wrap .aside_arrow {
  position: absolute;
  right: -1rem;
  top: 0.5rem;
  z-index: 10;
}

.aside_arrow {
  width: 33px;
  width: 2rem;
  height: 33px;
  height: 2rem;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
  transition: 0.2s all;
  cursor: pointer;
}
.aside_arrow:hover {
  opacity: 0.8;
}
.aside_arrow .arr_icon_on {
  display: none;
}
.aside_arrow.on .arr_icon {
  display: none;
}
.aside_arrow.on .arr_icon_on {
  display: block;
}

.arrow_in {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.aside_nav {
  width: 100%;
  overflow: hidden;
}

.aside_nav li a {
  display: block;
}

.menu_line {
  display: flex;
  align-items: center;
  width: 100%;
  height: 56px;
  padding: 0px 16px;
  border-left: 4px solid #fff;
  transition: 0.2s all;
}
.menu_line .menu_icon {
  margin: 0px 10px 0px 0px;
}
.menu_line .menu_tlt {
  padding: 2px 0px 0px 0px;
}
.menu_line:hover {
  background-color: #E4F6F3;
  border-left: 4px solid #E4F6F3;
}
.menu_line:hover .mn_icon {
  display: none;
}
.menu_line:hover .mn_icon_on {
  display: block;
}
.menu_line:hover .menu_tlt {
  color: #00A388;
}
.menu_line.on {
  background-color: #E4F6F3;
  border-left: 4px solid #00B295;
}
.menu_line.on .mn_icon {
  display: none;
}
.menu_line.on .mn_icon_on {
  display: block;
}
.menu_line.on .menu_tlt {
  color: #00A388;
}

.mn_icon {
  opacity: 0.2;
}

.mn_icon_on {
  display: none;
}

.menu_tlt {
  font-size: 0.9375rem;
  font-weight: 500;
}

@keyframes in-contents {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.contents_inner {
  width: 100%;
  height: 100%;
}
.contents_inner.animate {
  animation: in-contents 2s ease !important;
}

.inner_top {
  width: 100%;
  padding: 1rem 0px 2.5rem;
}

.inner_title {
  flex: 1;
  padding: 0px;
}
.inner_title h1 {
  padding: 0px 0px 12px;
  letter-spacing: 0.5px;
}
.inner_title .explain {
  opacity: 0.6;
  letter-spacing: 0px;
}

.explain {
  font-size: 1rem;
  font-weight: 400;
}

.inner_btzone {
  display: flex;
  justify-content: flex-end;
  padding: 0 0 0 1.25rem;
}
.inner_btzone button {
  margin: 0 0 0 0.5rem;
}

.contents_body {
  width: 100%;
}

.tab_body {
  width: 100%;
  display: none;
}
.tab_body.on {
  display: block;
}

.conts_top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 0 1.25rem;
}

.cotop_right {
  padding: 0 0 0 1.25rem;
}
.cotop_right .btn_srch.bldark {
  padding: 0 1rem;
}

.tabt_line {
  display: flex;
  align-items: center;
}
.tabt_line .btn_tab {
  margin: 0 0.5rem 0 0;
}
.tabt_line.data {
  margin-top: 4px;
  margin-bottom: -0.5rem;
}
.tabt_line.idpass {
  width: 100%;
  margin: 2.375rem 0 0;
}
.tabt_line.idpass .tab_nemo {
  width: 50%;
}

.tab_nemo {
  font-size: 0.9375rem;
  font-weight: 400;
  min-width: 8.25rem;
  height: 2rem;
  padding: 0 0.6rem;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0px;
  color: #222;
  transition: 0.2s all;
}
.tab_nemo:first-child {
  border-radius: 4px 0px 0px 4px;
  border-radius: 0.25rem 0 0 0.25rem;
}
.tab_nemo:last-child {
  border-radius: 0px 4px 4px 0px;
  border-radius: 0 0.25rem 0.25rem 0;
}
.tab_nemo:hover {
  background-color: #e6e7eb;
}
.tab_nemo.on {
  background: #E4F6F3;
  border: 1px solid #00B295;
  color: #00A388;
  font-weight: 500;
}

.contents {
  width: 100%;
}

.conts_body {
  width: 100%;
}

.table_cont {
  width: 100%;
  position: relative;
  overflow: auto;
  padding: 0 0 0.25rem;
  min-height: 35.5rem;
}
.table_cont.hauto {
  min-height: auto;
}
.table_cont .group_scope {
  margin: 0 0 2rem;
}

.netz_table {
  width: 100%;
}
.netz_table thead th {
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  padding: 0.07rem 0.5rem 0rem;
  height: 2.5rem;
  background: #E6E7EB;
  word-break: keep-all;
  line-height: 1.2;
}
.netz_table thead th.rline {
  border-right: 1px solid #8A8E99;
}
.netz_table tbody td {
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  padding: 0.44rem 0.5rem 0.25rem;
  height: 3rem;
  border-bottom: 1px solid #DCDDE0;
  word-break: keep-all;
}
.netz_table tbody td.rline {
  border-right: 1px solid #8A8E99;
}
.netz_table tbody td.td_etc {
  background: #F0F1F5;
  position: relative;
}
.netz_table tbody td.td_etc .trash {
  margin: 0px 4px;
}
.netz_table tbody td .file_btwrap {
  margin: 0px 0px 1px;
}
.netz_table tbody td .selector, .netz_table tbody td .wrput {
  width: 100%;
}

.manager_table tbody td:first-child {
  width: 4.75rem;
}

.organ_table tbody td {
  padding: 0.75rem 0.75rem;
}
.organ_table tbody td:first-child {
  width: 10%;
  padding-left: 1.25rem;
}
.organ_table tbody td:nth-child(3) {
  width: 50%;
  padding-left: 1.75rem;
}

.trash {
  width: 20px;
  height: 20px;
  transition: 0.2s all;
  cursor: pointer;
}
.trash:hover {
  opacity: 0.8;
}

.caption_title {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 0px 0px 14px;
  display: block;
  text-align: left;
}

.group_scope {
  display: inline-block;
  height: 32px;
  padding: 0.125rem 1.25rem 0 1rem;
  background: rgba(240, 241, 245, 0.4);
  border: 1px solid #DCDDE0;
  border-radius: 0.5rem;
  vertical-align: baseline;
}

.gr_scope_line {
  display: flex;
  align-items: center;
  height: 100%;
  -moz-column-gap: 2.25rem;
       column-gap: 2.25rem;
}

.scope_total {
  display: flex;
  align-items: flex-end;
  font-size: 1rem;
  font-weight: 700;
  padding: 0 1.25rem 0 0;
  color: #00B295;
  line-height: 1;
}
.scope_total .decimal {
  font-size: 0.75rem;
  font-weight: 400;
}

.scope_text {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
}
.scope_text span {
  color: rgba(0, 0, 0, 0.5);
}
.scope_text .scope_count {
  font-size: 1rem;
  font-weight: 700;
}

.scope_count.sc1 {
  color: #0068E6;
}
.scope_count.sc2 {
  color: #46C2AD;
}
.scope_count.sc3 {
  color: #A7D154;
}

.td_txt {
  font-size: 0.875rem;
  font-weight: 400;
  word-break: keep-all;
}
.td_txt.scp1 {
  color: #0068E6;
  opacity: 1;
}
.td_txt.scp2 {
  color: #00A388;
  opacity: 1;
}
.td_txt.use {
  font-weight: 500;
  color: #0068E6;
  opacity: 1;
}
.td_txt.un_use {
  opacity: 0.3;
}
.td_txt.use_txt {
  font-weight: 500;
  min-width: 3.25rem;
}
.td_txt.med {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.6;
}
.td_txt.tell {
  min-width: 7.5rem;
}

.date_txt {
  font-size: 0.875rem;
  font-weight: 400;
  opacity: 0.4;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.td_total .td_txt {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}
.td_total.sum .td_txt {
  font-size: 0.875rem;
  font-weight: 500;
  color: #0068E6;
}

.td_facility .td_txt {
  min-width: 7.5rem;
}

.td_organ .td_txt {
  min-width: 3.25rem;
}

.activity_table tbody td {
  padding: 0.875rem 0.7rem 0.56rem;
}

.paging_space {
  width: 100%;
  padding: 1.45rem 0 0.125rem;
  padding: 1.125rem 0 0.125rem;
  text-align: center;
}

.paging_ul {
  display: inline-block;
  text-align: center;
}

.paging_ul li {
  display: inline;
}

.paging_ul li a {
  font-size: 0.875rem;
  font-weight: 400;
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  background: #F7F8F9;
  border-radius: 4px;
  padding: 6px 6px 4px;
  margin: 0px 6px;
  color: rgba(0, 0, 0, 0.7);
  transition: 0.2s all;
}
.paging_ul li a.arrow {
  background: transparent;
  padding: 0px;
}

.paging_ul li a.on {
  background: #E6E7EB;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 700;
}

.paging_ul li a:hover {
  opacity: 0.6;
}

.evid_table thead th.th_kinds {
  width: 28%;
}
.evid_table thead th.th_upload {
  width: 15%;
}
.evid_table tbody td {
  height: 2.5rem;
}

.detail_table tbody td {
  height: 2.5rem;
}
.detail_table tbody td:first-child {
  width: 23%;
}
.detail_table tbody tr:last-child td {
  border-bottom: none;
}

.detail_round {
  width: 100%;
  border-radius: 0.25rem;
  overflow: hidden;
}
.detail_round.bord {
  border: 1px solid #DCDDE0;
}

.file_btwrap {
  position: relative;
  cursor: pointer !important;
}
.file_btwrap .file_put {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  opacity: 0;
}

.file_result {
  display: flex;
  align-items: center;
  padding: 0 0 0 0.25rem;
}
.file_result.half .p_r12 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.file_result.half .put_delete {
  margin: 0;
}
.file_result .p_r14 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 1.25rem);
}
.file_result .put_delete {
  margin: 0;
}

.plus_zone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.5rem 0;
}

.enrolls_cont {
  margin: 1.25rem 0 0;
}

.enrolls_top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0px 0px 12px;
  border-bottom: 1px solid #8A8E99;
}

.enrolls_enroll {
  padding: 12px 0px;
}

.dl_enroll {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.25rem 0;
}
.dl_enroll.trans {
  padding: 0.5rem 0;
}
.dl_enroll.trans dt {
  opacity: 0.7;
}
.dl_enroll.top {
  padding: 0 0 0.25rem;
}
.dl_enroll dt {
  font-size: 0.875rem;
  font-weight: 500;
  width: 6.25rem;
  padding: 0 0.75rem 0 0;
  letter-spacing: 0px;
}
.dl_enroll dt .selector {
  width: 100%;
}
.dl_enroll dt .quest {
  margin: 5px 0 0;
  cursor: pointer;
}
.dl_enroll dd {
  display: flex;
  flex: 1;
}
.dl_enroll dd .selector {
  width: 100%;
}
.dl_enroll dd .wrput {
  width: 100%;
}
.dl_enroll dd .tlt {
  font-size: 0.875rem;
  font-weight: 500;
}

.grd_selt_sett {
  display: grid;
  grid-template-columns: 6fr 4fr;
  gap: 0.25rem;
}

.grd_selt_sett73 {
  width: 100%;
  display: grid;
  grid-template-columns: 7fr 3fr;
  gap: 0.25rem;
}

/*Main*/
.header {
  width: 100%;
  height: 56px;
  height: 3.5rem;
  padding: 8px 20px;
  padding: 0.5rem 1.25rem;
  background: transparent;
  border: none;
  border-radius: 0px;
}
.header.white .header_title {
  color: #003278;
}
.header.white .btn_login {
  background: #FFF;
  border: 1px solid #DCDDE0;
  color: #000;
}
.header.white .btn_sign {
  background: #00B295;
  color: #fff;
}
.header.white .logo_wh {
  display: none;
}
.header.white .logo_color {
  display: block;
}

.logo_color {
  display: none;
}

.Main_body {
  background-color: #F0F0F2;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.main_art01 {
  width: 100%;
  height: 100vh;
  position: relative;
  background-color: #002252;
  background-repeat: no-repeat;
  background-position: center center;
  background-position: 40% center;
  background-size: cover;
}

.main_ab_trans {
  position: absolute;
  left: 0px;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.main_wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.main_center01 {
  width: 94.5rem;
  margin: 0 auto;
  height: 100%;
  padding: 2rem;
  background: transparent;
}

.mtitle_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}
.mtitle_wrap.left {
  justify-content: flex-start;
}
.mtitle_wrap.between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mtitle_dl {
  text-align: left;
  padding: 0.5rem 1rem 0 0;
}
.mtitle_dl dt {
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
  letter-spacing: 1.8px;
}
.mtitle_dl dd .mtitle_exp {
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.8px;
  margin: 1.3rem 0 0;
}
.mtitle_dl dd .btn_default {
  margin: 2.75rem 0 0;
}

@keyframes moveScroll {
  50% {
    transform: translate(-50%, -20px);
  }
}
.go_ready {
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 100px;
  height: auto;
  z-index: 10;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
}
.go_ready img {
  width: 100%;
  margin-top: -25px;
}
.go_ready span {
  font-size: 0.875rem;
  font-weight: 400;
}

.main_art02 {
  width: 100%;
  height: 100vh;
  position: relative;
  background-color: #F0F0F2;
}

.main_center02 {
  width: 106rem;
  margin: 0 auto;
  height: 100%;
  padding: 2rem;
  background: transparent;
}

.main_art03 {
  width: 100%;
  height: 100vh;
  position: relative;
  background-color: #fff;
}

.msent_dl {
  color: #000;
  margin: 0 0 3rem;
}
.msent_dl dt {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 1.25rem;
  line-height: 1.4;
}
.msent_dl dd {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
}

@keyframes slideRight {
  0% {
    opacity: 0;
    transform: translateX(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.art_img_right {
  max-width: 75%;
  margin: 1rem -12.5rem 0 0;
  animation-duration: 1s !important;
  animation-delay: 0s !important;
}

.art_img_left {
  max-width: 75%;
  margin: 1rem 0 0 -13rem;
  animation-duration: 1s !important;
  animation-delay: 0s !important;
}

.ani_img_right {
  max-width: 75%;
  margin: 1rem -12.5rem 0 0;
}

.ani_img_left {
  max-width: 75%;
  margin: 1rem 0 0 -13rem;
}

.main_art04 {
  width: 100%;
  height: 100vh;
  position: relative;
  background-color: #F0F0F2;
}

.date_put_wrap {
  display: flex;
  align-items: center;
}

.date_put_dl {
  display: flex;
  align-items: center;
}
.date_put_dl dt {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0 1.5rem 0 0;
  line-height: 1;
  word-break: keep-all;
}
.date_put_dl dd {
  display: flex;
  align-items: center;
}
.date_put_dl dd .selector {
  width: 8.15rem;
}

.grd_date_sett {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0.5rem;
}

.btzone_last {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  padding: 1.5rem 0 0;
}
.btzone_last button {
  margin: 0 0.25rem;
}

.list_contain {
  width: 100%;
  border-radius: 0.625rem;
  margin-bottom: 1rem;
}

.contain_top {
  width: 100%;
  height: 3.5rem;
  padding: 0.8rem 1rem 0.5rem;
  background-color: #D2D3D6;
  border-radius: 0.625rem 0.625rem 0 0;
}
.contain_top .h3_m16 {
  letter-spacing: 0.5px;
}

.contain_body {
  width: 100%;
  padding: 1.25rem;
  background-color: #fff;
  border-radius: 0 0 0.625rem 0.625rem;
}

.data_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.datas_cont {
  width: 100%;
  position: relative;
  overflow: auto;
}
.datas_cont .plus_zone {
  border-top: 1px solid #DCDDE0;
}

.datas_table {
  width: 100%;
}
.datas_table thead th {
  background-color: #fff;
  border-bottom: 1px solid #DCDDE0;
  text-align: left;
  vertical-align: top;
  height: 2rem;
  padding-top: 4px;
}
.datas_table thead th .unit {
  font-size: 0.75rem;
  opacity: 0.7;
  vertical-align: baseline;
}
.datas_table tbody tr td {
  padding: 0.5rem 0.6rem;
  border: none;
}
.datas_table tbody tr td.td_delete {
  padding: 0.5rem 0rem 0.5rem 0.6rem;
}
.datas_table tbody tr td:first-child {
  padding-left: 0;
  width: 7%;
}
.datas_table tbody tr td:nth-child(3) {
  width: 15%;
}
.datas_table tbody tr:first-child td {
  padding-top: 1rem;
}
.datas_table tbody tr:last-child td {
  padding-bottom: 1rem;
}

.tr_datas.del {
  display: none;
}

.add_contain {
  width: 100%;
  height: 7.25rem;
  padding: 1.25rem;
  background: rgba(255, 255, 255, 0.4);
  border: 1px dashed #bebfc2;
  border-radius: 0.625rem;
  cursor: pointer;
}
.add_contain:hover {
  background: #E4F6F3 0% 0%;
  border: 1px dashed #00B295;
}

.add_button {
  display: flex;
  align-items: center;
  margin: 5px 0px 0px;
  cursor: pointer;
}
.add_button .plus24 {
  margin: 0px 6px 0px 0px;
  opacity: 0.3;
}
.add_button span {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
}

.grd_month_set {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.5rem;
}
.grd_month_set .selector {
  width: 6.5rem;
}
.grd_month_set .selector.short {
  width: 9.5rem;
}

.anlay_top {
  width: 100%;
  padding: 0px 0px 1.5rem;
  border-bottom: 1px solid #D2D3D6;
}
.anlay_top.nobord {
  border: none;
  padding: 0 0 2.5rem;
}

.volume_body {
  padding: 0.75rem;
}

.analy_volume {
  width: 100%;
  height: 7.44rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0.625rem;
}

.volume_result {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0.75rem 0 0;
  position: relative;
}
.volume_result .top {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 3rem);
  display: flex;
  align-items: center;
}

.volume_count {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.volume_count .vol_count {
  line-height: 1;
}
.volume_count .p_r12 {
  color: rgba(0, 0, 0, 0.5019607843);
  margin: 0 0.5rem;
}

.vol_count {
  font-size: 2.25rem;
  font-weight: 700;
  color: #00B295;
  line-height: 1;
  word-break: break-all;
}
.vol_count + .decimal {
  font-size: 0.75rem;
  font-weight: 400;
  color: #00B295;
}
.vol_count.bldark {
  color: #002252;
}
.vol_count.bldark + .decimal {
  color: #002252;
}
.vol_count.sky {
  color: #00B8E6;
}
.vol_count.sky + .decimal {
  color: #00B8E6;
}
.vol_count.blue {
  color: #0068E6;
}
.vol_count.blue + .decimal {
  color: #0068E6;
}
.vol_count.red {
  color: #E61717;
}
.vol_count.red + .decimal {
  color: #E61717;
}

.anlay_conts {
  width: 100%;
  padding: 1.25rem 0 0;
}

.chart_top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 1rem;
  line-height: 1;
}

.analy_charts {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: minmax(20.88rem, auto);
  grid-gap: 1.25rem;
}
.analy_charts .analy_body:first-child {
  grid-column: 1/7;
}
.analy_charts .analy_body:nth-child(2) {
  grid-column: 7/14;
}
.analy_charts .analy_body:nth-child(3) {
  grid-column: 1/9;
}
.analy_charts .analy_body:nth-child(4) {
  grid-column: 9/14;
}

.chart_unit {
  font-size: 0.75rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}

.chart_cont {
  width: 100%;
}

.doub_chart_wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 16.25rem;
}
.doub_chart_wrap .chart_cont {
  flex: 1;
}
.doub_chart_wrap .chart_cont.bord_dash {
  border-right: 1px dashed #BEBFC2;
}
.doub_chart_wrap .sales_chart_rcd {
  margin: 0 0.5rem 0 0;
}
.doub_chart_wrap .scope_step {
  margin-right: -1.2rem;
}

.sales_chart_rcd {
  width: 10.875rem;
  height: 100%;
  background: rgba(240, 241, 245, 0.4);
  border: 1px solid rgb(220, 221, 224);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.sales_chart_rcd .selector.dispose {
  margin-top: -4px;
}

.totall_box {
  display: flex;
  width: 16.25rem;
  height: 2rem;
  padding: 0.3rem 1rem 0.2rem;
  background: #FFF;
  border: 1px solid #DCDDE0;
  border-radius: 4px;
  overflow: hidden;
}
.totall_box .wrput {
  border: none;
  width: 100%;
  height: 100%;
  text-align: right;
  padding: 0 4px 0 0;
}
.totall_box .unit {
  font-size: 0.875rem;
  line-height: 1.6;
}

.amcharts-amexport-menu {
  display: none !important;
}

.sales_dispose {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}
.sales_dispose .date {
  position: absolute;
  left: 0px;
  top: 0px;
}
.sales_dispose .date.dash {
  top: auto;
  bottom: 0px;
}
.sales_dispose .selector {
  position: absolute;
  left: 0px;
  top: 0px;
}

.dispose_result {
  text-align: center;
}
.dispose_result .vol_count {
  font-size: 2rem;
  margin: 1rem 0 0.5rem;
}

.date {
  font-size: 0.75rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}

.chart_wrap {
  width: 100%;
  height: 16.625rem;
  overflow: hidden;
}
.chart_wrap.reduce {
  height: 28rem;
  padding: 1rem 0 0;
  position: relative;
}
.chart_wrap.reduce .chart_unit {
  position: absolute;
  left: 0;
  top: 0;
}
.chart_wrap .chart_cont {
  height: 100%;
}

.ratio_wrap .chart_cont {
  padding: 1rem;
}

.scope_zone {
  width: 100%;
  height: 100%;
  padding: 0.75rem;
  background: rgba(240, 241, 245, 0.4) 0% 0%;
  border: 1px solid #DCDDE0;
  border-radius: 0.5rem;
  position: relative;
  overflow: hidden;
}
.scope_zone .chart_unit {
  font-size: 0.6875rem;
  font-weight: 400;
  position: absolute;
  right: 12px;
  top: 8px;
}
.scope_zone .chart_cont {
  width: 100%;
  height: 145%;
  margin-top: -0.25rem;
}

.scope_step {
  width: auto;
  padding: 1rem 0px 0px 0.3rem;
}
.scope_step .p_r14:first-child {
  height: 55%;
}
.scope_step .p_r14:nth-child(2) {
  height: 22%;
}

.reduce_volume {
  width: 100%;
  height: 11.25rem;
  padding: 0 0 0.75rem;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  grid-gap: 0.625rem;
  border-bottom: 1px solid #D2D3D6;
}
.reduce_volume .scope_zone {
  padding: 1rem;
}
.reduce_volume .scope_zone .chart_unit {
  right: 0;
  top: 0;
}

.volume_last {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1.25rem 0 0.5rem;
}

.reduce_sett {
  width: 80%;
  padding: 0.3rem 0 0 0.5rem;
}
.reduce_sett .dl_enroll dt {
  font-size: 1rem;
  font-weight: 700;
  width: 10.5rem;
  padding: 0 0.5rem 0 0;
}
.reduce_sett .dl_enroll dt .mini {
  font-size: 0.75rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: -0.5px;
}

footer {
  width: 100%;
  height: 8.375rem;
  background-color: #5C5E66;
  padding: 2rem 2.25rem;
}

.footer_in {
  width: 100%;
  padding: 2px 0 0;
  display: flex;
  justify-content: space-between;
}

.footer_left {
  min-width: 15.25rem;
  padding: 0 1rem 0 0;
}
.footer_left .copy {
  font-size: 0.6875rem;
  font-weight: 400;
  font-weight: 300;
  color: #fff;
  margin: 3px 0 0;
}

.footer_right {
  flex: 1;
}

.copy_right {
  width: 100%;
  padding: 2px 0 0;
}
.copy_right p {
  font-size: 0.75rem;
  font-weight: 400;
  font-weight: 300;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.8px;
}

.circle_arrow {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 20px;
  right: 1.25rem;
  bottom: 20px;
  bottom: 1.25rem;
  width: 3rem;
  height: 3rem;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 100%;
  z-index: 100;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all;
}
.circle_arrow.on {
  visibility: visible;
  opacity: 1;
}
.circle_arrow:hover {
  background: rgb(0, 0, 0);
}

.analy_charts2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(21.25rem, auto);
  grid-gap: 1.25rem;
}

.charts_line {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.charts_line .half {
  width: 50%;
  padding: 0 0 0 1.25rem;
}
.charts_line .half:first-child {
  border-right: 1px solid #DCDDE0;
  padding: 0 1.25rem 0 0;
}

.scope_chart {
  width: 100%;
  height: 21.25rem;
  position: relative;
}
.scope_chart .scope_sign {
  position: absolute;
  left: 0px;
  top: 0px;
}
.scope_chart .chart_unit {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 0.6875rem;
}
.scope_chart .chart_cont {
  height: 100%;
  padding: 0.5rem;
}

.chart_inner {
  position: relative;
  width: 100%;
  background: rgba(240, 241, 245, 0.4);
  border: 1px solid #DCDDE0;
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.chart_inner .top {
  text-align: center;
  margin: 0.5rem 0 1rem;
  line-height: 1.2;
}
.chart_inner .chart_unit {
  font-size: 0.6875rem;
  font-weight: 400;
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.scope_sign {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 95px;
  padding: 0.25rem 1rem 0.23rem;
  background: #00B295;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  font-size: 1rem;
  line-height: 1.2;
}

.Sign_body {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100%;
  background-color: #F0F0F2;
  padding: 1rem;
}

.Sign_center {
  width: 50.5rem;
  margin: 4.3rem auto;
  background-color: transparent;
}

.sign_top {
  width: 100%;
  height: 5.125rem;
  padding: 0.75rem;
  background: #002252;
  border-radius: 10px;
  margin: 0 0 1rem;
}

.sign_contents {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 1.5rem;
}

.sign_sequence {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 5.625rem;
}

.sequence_cont {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.seq_dl {
  display: flex;
  align-items: center;
  margin: 0 0 0 0.625rem;
  opacity: 0.3;
}
.seq_dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 400;
  margin: 0 6px 0 0;
  width: 26px;
  height: 26px;
  border: 1px solid #000;
  background-color: #fff;
  border-radius: 100%;
  line-height: 1;
}
.seq_dl dd {
  display: flex;
  align-items: center;
  line-height: 1;
}
.seq_dl dd .call {
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0 0.5rem 0 0;
}
.seq_dl dd .line {
  width: 30px;
  height: 1px;
  background-color: #000;
}
.seq_dl.on {
  opacity: 1;
}
.seq_dl.on dt {
  background: #00B295;
  border: 1px solid #00B295;
  color: #fff;
}
.seq_dl.on dd .call {
  color: #00B295;
}
.seq_dl.on dd .line {
  background-color: #00B295;
}

.terms_contain {
  width: 100%;
}

.terms_full {
  padding: 0 0 5px;
  border-bottom: 1px solid #8A8E99;
}

.check_dl {
  display: flex;
  width: 100%;
  padding: 0 0 0.5rem;
  cursor: pointer;
}
.check_dl dt {
  width: 1.75rem;
}
.check_dl dd {
  flex: 1;
}

.check_box {
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
}
.check_box .icon_on {
  display: none;
}
.check_box.on .icon {
  display: none;
}
.check_box.on .icon_on {
  display: block;
}

.terms_sent {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
}
.terms_sent.full {
  font-size: 1rem;
  font-weight: 700;
  color: #00A388;
}

.terms_cont {
  width: 100%;
  padding: 0.9375rem 0 0.5rem;
}
.terms_cont ::-webkit-scrollbar {
  width: 8px;
}
.terms_cont ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50px;
}
.terms_cont ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.terms_cont ::-webkit-scrollbar-track {
  background-color: none;
}
.terms_cont .temrs_text_wrap {
  border: 1px solid #DCDDE0;
  padding: 0.875rem 0.25rem 0.25rem 1rem;
}

.terms_area {
  width: 100%;
  height: 8rem;
  padding-right: 1.5rem;
  background-color: #fff;
  overflow: auto;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.5rem;
  resize: none;
}

.btzone_between {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 0 0;
}

.analy_charts3 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(21.25rem, auto);
  grid-gap: 1.25rem;
}
.analy_charts3 .analy_body:first-child {
  grid-column: 1/3;
}
.analy_charts3 .analy_body:nth-child(2) {
  grid-column: 3/4;
}
.analy_charts3 .analy_body:nth-child(3) {
  grid-column: 4/5;
}
.analy_charts3 .analy_body:nth-child(4) {
  grid-column: 1/3;
}
.analy_charts3 .analy_body:nth-child(5) {
  grid-column: 3/5;
}
.analy_charts3 .analy_body:nth-child(6) {
  grid-column: 1/5;
}

.status_vert_wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.status_vert_wrap .chart_cont {
  height: calc(100% - 1rem);
  padding: 1.6rem 0 0;
}

.status_dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 3.75rem;
  padding: 1.187rem 1.5rem 0.9375rem 1.2rem;
  background: rgba(240, 241, 245, 0.4);
  border: 1px solid #DCDDE0;
  border-radius: 8px;
}
.status_dl dt {
  font-size: 0.875rem;
  font-weight: 400;
  margin: 0.25rem 0.25rem 0 0;
  word-break: keep-all;
}

.scope_result {
  color: #00B295;
  word-break: keep-all;
}
.scope_result .unit {
  margin: 0 0 1px 1px;
}

.plus20 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
}

.see_more {
  display: flex;
  align-items: center;
  transition: 0.2s all;
}
.see_more:hover {
  opacity: 0.8;
}
.see_more .plus20 {
  opacity: 0.3;
  margin: 0 0.25rem 0 0;
}

.profile_photo {
  width: 5.25rem;
  height: 5.25rem;
  margin: 0px 8px 0px 0px;
  position: relative;
  cursor: pointer;
}
.profile_photo .img_camera {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 10;
}

.circle_photo {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #F0F1F5;
  border: 1px solid #DCDDE0;
  border-radius: 100%;
  overflow: hidden;
}
.circle_photo .photo_user {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  transform: translate(-50%, -45%);
  z-index: 1;
}

.photo_upload {
  position: absolute;
  z-index: 9;
  right: -6px;
  bottom: 0;
}

.member_photo {
  width: 3.375rem;
  height: 3.375rem;
  position: relative;
  overflow: hidden;
}

.form_inner_phone {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 0.5rem;
}

.alarm_top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #DCDDE0;
  padding: 1.5rem 1.5rem 1.25rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.alarm_cont {
  width: 100%;
  padding: 1.5rem 1.5rem 1.25rem;
}
.alarm_cont.grey {
  background-color: #F0F1F5;
}
.alarm_cont .timer {
  margin: 0.25rem 0 0;
}

.point_dl {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.point_dl dt {
  width: 0.875rem;
  height: 0.875rem;
}
.point_dl dt .point {
  margin: 0.375rem 0 0;
}
.point_dl dd {
  font-size: 0.875rem;
  font-weight: 400;
  flex: 1;
}
.point_dl dd .timer {
  padding: 0.25rem 0 0;
}

.alarm_inner {
  padding: 0 0 0 0.875rem;
}

.alarm_detail {
  padding: 1rem 0 0;
}
.alarm_detail h4 {
  line-height: 1.6;
}
.alarm_detail .p_r14 {
  letter-spacing: 0.5px;
}

.point {
  display: inline-block;
  width: 0.375rem;
  height: 0.375rem;
  background: #C8C9CC;
  border-radius: 100%;
}
.point.on {
  background: #00B295;
}

.timer {
  display: flex;
  align-items: center;
  font-size: 0.6875rem;
  font-weight: 400;
}
.timer span {
  opacity: 0.4;
}

.right_panel {
  position: fixed;
  top: 0px;
  right: -28rem;
  width: 25.625rem;
  height: 100%;
  padding: 1.25rem 0 1.25rem 1.25rem;
  background: #fff;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  border-radius: 1.25rem 0 0 1.25rem;
  z-index: 700;
  transition: 0.3s all;
}
.right_panel.on {
  right: 0px;
}
.right_panel .panel_inner {
  padding: 0 1rem 0 0;
}

.panel_inner::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
}

.panel_inner::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50px;
  cursor: pointer;
}

.panel_inner::-webkit-scrollbar-track {
  width: 8px;
  background-color: none;
}

.panel_inner::-webkit-scrollbar-corner {
  background-color: transparent;
}

.panel_inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
}
.panel_inner .panel_close {
  position: absolute;
  left: 0px;
  top: 0px;
}

.panel_close {
  display: inline-block;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.panel_close:hover {
  opacity: 0.7;
}

.panel_top {
  width: 100%;
  padding: 4.75rem 0 0;
}
.panel_top h1 {
  color: #00A387;
  margin: 0 0 1.75rem;
}

.panel_text p {
  font-size: 1rem;
  font-weight: 400;
  font-weight: 300;
  line-height: 1.6;
  margin: 0 0 9px;
}
.panel_text p strong {
  font-weight: 500;
  margin: 0 4px;
}

.tier_cont {
  padding: 26px 0 0;
}

.tier_dl {
  margin: 24px 0 0;
}
.tier_dl dt {
  font-size: 0.875rem;
  font-weight: 500;
  font-weight: 700;
  margin: 0 0 0.25rem;
}
.tier_dl dd {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}
.tier_dl dd strong {
  color: #00A388;
}

.tab_line {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 0 1.75rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.tab_radio {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.tab_radio .img_on {
  display: none;
}
.tab_radio.on .img {
  display: none;
}
.tab_radio.on .img_on {
  display: block;
}
.tab_radio.on .word {
  color: #00A387;
}
.tab_radio .word {
  font-size: 0.875rem;
  font-weight: 500;
  color: #000000;
  margin: 0 0 0 0.5rem;
}

/* 01-10 lee css */
select option[value=""][disabled] {
  display: none;
}

.text_point {
  color: #00A387;
}

.button_default {
  margin: 0 0;
  padding: 0 0;
  border: none;
  background: transparent;
  transition: 0.2s all;
}
.button_default:hover {
  opacity: 0.8;
}
.button_default.lightgrey {
  border: 1px solid #DCDDE0;
  background-color: #F0F1F5;
}
.button_default.darkgrey {
  background-color: #5C5E66;
}
.button_default.darkgrey:hover {
  opacity: 0.9;
}
.button_default.white {
  border: 1px solid #DCDDE0;
}

.td_name {
  font-size: 0.875rem;
  font-weight: 400;
  word-break: nowrap;
  color: #0069CC;
}

.td_space {
  font-size: 0.875rem;
  font-weight: 400;
  width: 15rem;
  margin: 0 auto;
  text-align: left;
  word-break: keep-all;
}

.users_table th {
  width: 7.5rem;
}
.users_table th:nth-child(6) {
  width: 16.5rem;
}
.users_table th:nth-child(7) {
  width: 22.5rem;
}
.users_table th:nth-child(1), .users_table td:nth-child(1) {
  width: 52px;
  padding-left: 1.25rem;
}

.custom_checkbox input[type=checkbox] {
  position: absolute;
  left: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom_checkbox label {
  display: block;
  min-width: 20px;
  height: 20px;
  padding-left: 24px;
  cursor: pointer;
  background-image: url(../../public/images/checkbox.svg);
  background-position: left center;
}
.custom_checkbox label.on {
  background-image: url(../../public/images/checkbox_on.svg);
}

.users_state {
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  width: 3.5rem;
  height: 1.375rem;
  margin: 0 auto;
  border-radius: 4px;
  line-height: 1.375rem;
  text-align: center;
  padding: 0 0.3rem;
  overflow: hidden;
}
.users_state.users_pending {
  background: #E9EBEE;
  color: rgba(0, 0, 0, 0.6);
}
.users_state.users_rejection {
  background: #FFE5ED;
  color: #DB0000;
}
.users_state.users_approval {
  background: #E3F3FF;
  color: #0068E6;
}
.users_state.manager {
  background: #0068E6;
  color: #fff;
  font-weight: 400;
  min-width: 3.75rem;
}
.users_state.sky {
  background: #00B8E6;
}
.users_state.blue {
  background: #0068E6;
}
.users_state.red {
  background: #E61717;
}
.users_state.auto {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 400;
  width: auto;
  min-width: 3.375rem;
  margin: 0;
}

.help_information_btn {
  display: flex;
  position: fixed;
  z-index: 50;
  top: 88px;
  right: 0;
  width: 32px;
  height: 44px;
  border-radius: 5px 0 0 5px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
  background: #1FB0A6;
}
.help_information_btn img {
  position: absolute;
  z-index: -1;
  top: 7px;
  left: 7px;
  width: 18px;
  height: 18px;
}
.help_information_btn button {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 0.6875rem;
  font-weight: 500;
  width: 100%;
  padding: 0 0 3px;
  background: none;
  letter-spacing: 0.025rem;
}

.toast_popup_box {
  position: fixed;
  z-index: 102;
  top: 16px;
  right: 16px;
}

.toast_popup {
  display: grid;
  grid-auto-rows: minmax(60px, auto);
  row-gap: 12px;
}

.toast_sett {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.toast_box {
  display: inline-block;
  min-width: 354px;
  min-width: 22rem;
  margin: 0 0 0.75rem;
}

.toast_in {
  display: flex;
  align-items: center;
  padding: 16px 12px 16px 18px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #E6E7EB;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.toast_in .button_default {
  margin-left: auto;
}
.toast_in .button_default img {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.toast_in .toast_text {
  font-size: 0.875rem;
  font-weight: 400;
  margin: 0 24px 0 12px;
  line-height: 1.4;
}

.pop_users, .pop_users_confirm {
  width: 24.25rem;
  padding: 1.5rem;
}

.pop_users_confirm .pop_cont {
  padding-bottom: 1.5rem;
}

.pop_paragraph {
  color: rgba(0, 0, 0, 0.8);
}

.user_rejection_list {
  display: inline-block;
  margin-top: 12px;
  padding: 4px 48px 4px 8px;
  border-radius: 4px;
  background: #E6E7EB;
}
.user_rejection_list li {
  font-size: 0.875rem;
  font-weight: 400;
  position: relative;
  padding-left: 10px;
  line-height: 1.4rem;
  color: rgba(0, 0, 0, 0.6);
}
.user_rejection_list li:before {
  position: absolute;
  left: 0;
  content: "-";
}

.border_list {
  padding: 20px 0;
  border-top: 1px solid #8A8E99;
  border-bottom: 1px solid #DCDDE0;
}

.user_approval_list li {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.user_approval_list li:first-child {
  margin-bottom: 0;
}
.user_approval_list li .text_01 {
  font-size: 0.875rem;
  font-weight: 400;
  width: 113px;
  color: rgba(0, 0, 0, 0.7);
}
.user_approval_list li .text_02 {
  font-size: 0.875rem;
  font-weight: 500;
}
.user_approval_list .additional_file {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #DCDDE0;
}
.user_approval_list .additional_file .text_02 {
  font-weight: 400;
  color: #0068E6;
  text-decoration: underline;
}

.member_popup_box {
  position: fixed;
  z-index: 101;
  right: 16px;
  top: 84px;
  animation: modal-member 0.3s;
}
.member_popup_box .pop_body {
  width: 21rem;
  overflow: hidden;
}
.member_popup_box .member_information {
  display: flex;
  align-items: center;
  padding: 1.5rem 1.5rem 1.25rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.member_popup_box .member_image {
  width: 54px;
  overflow: hidden;
}
.member_popup_box .member_text {
  line-height: 1;
}
.member_popup_box .member_name {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 7px;
}
.member_popup_box .member_email {
  font-size: 0.875rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
}
.member_popup_box .member_modify,
.member_popup_box .member_logout {
  font-size: 1rem;
  font-weight: 400;
  width: 100%;
  height: 2.75rem;
  padding-left: 1.5rem;
  text-align: left;
}
.member_popup_box .member_modify {
  border-top: 1px solid #DCDDE0;
  border-bottom: 1px solid #DCDDE0;
  background: #F0F1F5;
}
.member_popup_box .member_logout {
  background-color: #fff;
}

.modify_confirm_list {
  margin-top: 1.25rem;
}
.modify_confirm_list li {
  display: flex;
  align-items: center;
  height: 44px;
  margin-bottom: 8px;
}
.modify_confirm_list li:last-child {
  margin-bottom: 0;
}
.modify_confirm_list .modify_password_title {
  font-size: 1rem;
  font-weight: 400;
  width: 100px;
}
.modify_confirm_list .modify_password_data {
  align-self: stretch;
  flex: 1;
  line-height: 44px;
  font-weight: 500;
}
.modify_confirm_list .wrput {
  width: 100%;
  height: 100%;
}

.form_error_msg {
  font-size: 0.8125rem;
  font-weight: 400;
  position: absolute;
  left: 20px;
  bottom: 1px;
  color: #DB0000;
}

.member_modify_form {
  border-radius: 10px;
  overflow: hidden;
}
.member_modify_form .form_row {
  display: flex;
  align-items: stretch;
  height: 4.5rem;
  border-bottom: 1px solid #DCDDE0;
}
.member_modify_form .form_row .button_default {
  font-size: 0.875rem;
  font-weight: 400;
  height: 2rem;
  border-radius: 4px;
  text-align: center;
}
.member_modify_form .form_title {
  font-size: 1rem;
  font-weight: 500;
  width: 14.75rem;
  padding: 1.687rem 1rem 0.5rem 1.25rem;
  padding: 1.687rem 0.5rem 0.5rem 1.25rem;
  background: #E6E7EB;
  color: rgba(0, 0, 0, 0.7);
}
.member_modify_form .form_contents {
  flex: 1;
  max-width: calc((100% - 29.5rem) / 2);
  position: relative;
  padding: 1.25rem 2.5rem 0.5rem 1.25rem;
}
.member_modify_form .form_contents .wrput {
  width: 100%;
}
.member_modify_form .form_contents.row_last_contents {
  padding-right: 1.25rem;
}
.member_modify_form .form_error_msg {
  font-size: 0.8125rem;
  font-weight: 400;
  position: absolute;
  left: 20px;
  bottom: 1px;
  color: #DB0000;
}
.member_modify_form .remark_msg {
  font-size: 0.875rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  margin: 1px 0 0;
}
.member_modify_form .form_business_registration {
  min-height: 100px;
}
.member_modify_form .form_business_registration .form_contents {
  max-width: 100%;
}
.member_modify_form .form_company_address {
  height: 112px;
}
.member_modify_form .form_company_phone {
  height: auto;
  min-height: 78px;
}
.member_modify_form .form_profile_image {
  height: auto;
}
.member_modify_form .form_profile_image .button_default {
  width: 84px;
  margin-bottom: 10px;
}
.member_modify_form .form_profile_image .form_contents {
  display: flex;
  align-items: flex-end;
  max-width: 100%;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  padding: 1.25rem 2.5rem 1.25rem 1.25rem;
}
.member_modify_form .form_profile_image .profile_thumbnail {
  margin-right: 9px;
}
.member_modify_form .form_admin_email {
  height: 88px;
}
.member_modify_form .form_admin_email .button_default {
  width: 7rem;
}
.member_modify_form .form_admin_email .form_contents {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.member_modify_form .form_admin_email .form_contents .dflx {
  width: 100%;
}
.member_modify_form .form_admin_email .wrput {
  flex: 1;
}
.member_modify_form .form_sms_verification {
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.member_modify_form .form_sms_verification .button_default {
  width: 4.25rem;
}
.member_modify_form .form_sms_verification .wrput, .member_modify_form .form_sms_verification .put_zone {
  flex: 1;
}

.form_find_address {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.form_find_address .button_default {
  width: 84px;
}
.form_find_address .input01 {
  flex: 1;
  width: auto;
}

.form_email_line {
  width: 100%;
  display: flex;
  gap: 0.5rem;
}
.form_email_line .put_zone {
  flex: 1;
}

.form_head_phone {
  display: grid;
  grid-template-columns: 7rem 1fr;
  gap: 0.5rem;
}
.form_head_phone .selector {
  width: 7rem;
  color: rgba(0, 0, 0, 0.5);
}
.form_head_phone .remark_msg {
  font-size: 0.8125rem;
  font-weight: 400;
  left: 8.5rem;
  bottom: 7px;
  color: rgba(0, 0, 0, 0.7);
}

.form_file_upload {
  display: flex;
  align-items: center;
}
.form_file_upload .button_default {
  width: 84px;
}
.form_file_upload .form_file_name {
  font-size: 0.875rem;
  font-weight: 400;
  width: auto;
  max-width: 532px;
  margin: 0 8px 0 16px;
  padding: 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form_file_upload + .remark_msg {
  margin: 0.5rem 0 0;
  font-size: 0.75rem;
}
.form_file_upload .form_file_remove {
  cursor: pointer;
}

.form_admin_email .button_default {
  width: 112px;
}
.form_admin_email .remark_msg {
  display: flex;
  align-items: flex-start;
  font-size: 0.75rem;
  font-weight: 400;
  bottom: 10px;
  line-height: 1.5rem;
  color: rgba(0, 0, 0, 0.7);
}

.signup_title {
  font-size: 1rem;
  font-weight: 700;
}

.signup_step_form {
  margin: 1rem 0 0.5rem;
  padding: 2rem 0 1.75rem;
  border-top: 1px solid #8A8E99;
  border-bottom: 1px solid #DCDDE0;
}
.signup_step_form .form_row {
  display: flex;
  align-items: flex-start;
  min-height: 3.75rem;
  padding: 0 0 0.5625rem;
}
.signup_step_form .form_row:last-child {
  min-height: 2.2rem;
  padding: 0;
}
.signup_step_form .form_row .button_default {
  font-size: 0.875rem;
  font-weight: 400;
  height: 2rem;
  border-radius: 4px;
  text-align: center;
}
.signup_step_form .form_title {
  font-size: 0.875rem;
  font-weight: 500;
  width: 10.5rem;
  padding: 0.5rem 0.5rem 0 0;
}
.signup_step_form .form_contents {
  display: flex;
  position: relative;
  flex: 1;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.signup_step_form .form_contents .wrput {
  flex: 1;
}
.signup_step_form .form_contents .wrput.input01 {
  flex: auto;
}
.signup_step_form .form_contents .form_error_msg {
  left: 0;
  bottom: -21px;
}
.signup_step_form .form_contents .put_zone {
  flex: 1;
}
.signup_step_form .form_admin_id .button_default {
  width: 5.25rem;
}
.signup_step_form .duplication_checked {
  position: absolute;
  top: 0.3rem;
  right: 6.5rem;
}
.signup_step_form .form_admin_email .remark_msg {
  position: absolute;
  bottom: -26px;
}
.signup_step_form .form_sms_verification .button_default {
  width: 4.25rem;
}
.signup_step_form .form_signup_phone .selector {
  width: 8rem;
  color: rgba(0, 0, 0, 0.5);
}
.signup_step_form .form_signup_phone .input02 {
  width: 9rem;
}
.signup_step_form .form_signup_phone .remark_msg {
  font-size: 0.8125rem;
  font-weight: 400;
  position: absolute;
  left: 0;
  bottom: -21px;
  color: rgba(0, 0, 0, 0.7);
}
.signup_step_form .form_company_name .button_default {
  width: 4.25rem;
}
.signup_step_form .form_business_registration .form_title {
  align-self: flex-start;
  padding-top: 6px;
}
.signup_step_form .form_business_registration .form_contents {
  flex-wrap: wrap;
}
.signup_step_form .form_business_registration .form_contents .remark_msg {
  font-size: 0.75rem;
  font-weight: 400;
  width: 100%;
  line-height: 1.25rem;
  color: rgba(0, 0, 0, 0.5);
}
.signup_step_form .form_business_registration .file_result .p_r14 {
  max-width: 450px;
}
.signup_step_form .form_company_address {
  min-height: 6.25rem;
}
.signup_step_form .form_company_address .form_title {
  align-self: flex-start;
  padding-top: 6px;
}
.signup_step_form .form_find_address {
  flex: 1;
}
.signup_step_form .form_find_address .input02 {
  width: 100%;
  flex: auto;
}

.signup_success .text_point {
  font-weight: 700;
}
.signup_success .remark_msg {
  font-size: 0.875rem;
  font-weight: 500;
  margin-top: 1rem;
  color: rgba(0, 0, 0, 0.5);
}

.pop_address_search {
  width: 24.25rem;
  padding: 1.5rem 0;
}
.pop_address_search .address_search_list {
  padding: 1.25rem 0 1.5rem;
}
.pop_address_search .address_search_list .put_zone {
  flex: 1;
}
.pop_address_search .address_search_list .put_zone .wrput {
  width: 100%;
}
.pop_address_search .pop_top, .pop_address_search .input_sett, .pop_address_search .pop_bottom {
  width: calc(100% - 3rem);
  margin: 0 auto;
}
.pop_address_search .pop_top {
  padding-bottom: 1rem;
  border-bottom: 1px solid #8A8E99;
}
.pop_address_search .search_scrollbox {
  position: relative;
  padding: 1.5rem 0;
}
.pop_address_search .search_scrollbox:after {
  position: absolute;
  left: 1.5rem;
  bottom: 0;
  width: calc(100% - 3rem);
  height: 1px;
  background: #DCDDE0;
  content: "";
}
.pop_address_search .address_result {
  height: 13.75rem;
  max-height: 15rem;
  overflow-y: auto;
}
.pop_address_search .address_result::-webkit-scrollbar {
  width: 4px;
}
.pop_address_search .address_result::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50px;
}
.pop_address_search .address_result::-webkit-scrollbar-corner {
  background-color: transparent;
}
.pop_address_search .address_result::-webkit-scrollbar-track {
  background-color: none;
}
.pop_address_search .address_result li {
  display: flex;
  justify-content: flex-start;
  min-height: 4.25rem;
  padding: 0.675rem 1.5rem;
  cursor: pointer;
}
.pop_address_search .address_result li:hover, .pop_address_search .address_result li.on {
  background: #F0F1F5;
}
.pop_address_search .address_result .list_checked {
  display: none;
}
.pop_address_search .address_result .on .list_checked {
  display: block;
  align-self: center;
  margin-left: auto;
}
.pop_address_search .result_text * {
  flex: 1;
  padding-right: 1rem;
  color: rgba(0, 0, 0, 0.8);
}
.pop_address_search .result_text01 {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 8px;
}
.pop_address_search .result_text02 {
  font-size: 0.875rem;
  font-weight: 400;
}

.row_sett {
  width: 50%;
  height: 100%;
  display: flex;
}

/*반응형*/
@media screen and (max-width: 1664px) {
  .main_center02, .main_center04, .main_center04 {
    width: 96%;
  }
  .member_modify_form .form_contents {
    max-width: calc((100% - 24rem) / 2 + 12rem);
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
  }
  .member_modify_form .form_title {
    width: 12rem;
  }
  .form_head_phone {
    grid-template-columns: 5.5rem 1fr;
  }
  .form_head_phone .selector {
    width: 5.5rem;
    padding: 0 1.2rem 0 0.6rem;
  }
  .form_inner_phone .wrput {
    padding: 0px 0.75rem;
  }
  .status_dl {
    padding: 1.187rem 0.6rem 0.9375rem 0.5rem;
  }
}
@media screen and (max-width: 1520px) {
  .main_center01 {
    width: 90%;
  }
  .art02_img {
    max-width: 70%;
  }
  .ani_img_right {
    max-width: 70%;
  }
  .ani_img_left {
    max-width: 70%;
  }
}
@media screen and (max-width: 1360px) {
  html, body {
    font-size: 0.875rem;
  }
  .Dash_body {
    padding-left: 7rem;
  }
  .aside {
    width: 64px;
    width: 4rem;
  }
  .aside_arrow {
    display: none;
  }
  .menu_line .menu_icon {
    margin: 0px;
  }
  .menu_line .menu_tlt {
    display: none;
  }
  .aside_arrow .arr_icon {
    display: none;
  }
  .aside_arrow .arr_icon_on {
    display: block;
  }
  .put_zone .put_check {
    top: 4px;
  }
  .w260 {
    width: 16.25rem !important;
  }
  .member_modify_form .form_business_registration {
    min-height: 6.25rem;
  }
  .member_modify_form .form_company_address {
    height: 7rem;
  }
  .member_modify_form .form_profile_image {
    height: auto;
  }
  .date_put_dl dt {
    margin: 0 1rem 0 0;
  }
  .date_put_dl dd .selector {
    width: 7rem;
  }
  .totall_box {
    width: 13rem;
  }
  .doub_chart_wrap .sales_chart_rcd {
    width: 9rem;
    margin: 0;
    padding: 0.625rem;
  }
  .dispose_result .vol_count {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1200px) {
  .date_put_wrap .date_put_dl:last-child {
    margin-left: 0rem;
  }
  .date_put_dl dt {
    margin: 0 0.5rem 0 0;
  }
  .ani_img_right {
    max-width: 65%;
  }
  .ani_img_left {
    max-width: 65%;
  }
}
@media screen and (max-width: 992px) {
  .main_center02, .main_center04, .main_center04 {
    width: 100%;
  }
  .mtitle_wrap.between {
    flex-direction: column;
    justify-content: center;
  }
  .ani_img_right {
    max-width: 100%;
  }
  .ani_img_left {
    max-width: 100%;
  }
  .main_art02 .msent_dl, .main_art04 .msent_dl {
    margin: 0 0 4rem -15rem;
  }
  .main_art03 .msent_dl {
    margin: 4rem -15rem 0 0;
  }
  .Sign_center {
    width: 90%;
    margin: 0 auto;
  }
}