@charset "UTF-8";
body {
  font-family: "Pretendard", "Malgun Gothic", "sans-serif";
  font-weight: 400;
  font-size: 12px;
  color: #666;
  letter-spacing: -0.4px;
}
input, textarea, select {
  font-family: "Malgun Gothic", "sans-serif";
  font-size: 12px;
  color: #636363;
  letter-spacing: -0.4px;
  line-height: 1;
}
input + label {
  font-size: 12px;
  color: #636363;
  line-height: 1;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  src: url("/fonts/Pretendard-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  src: url("/fonts/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  src: url("/fonts/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  src: url("/fonts/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  src: url("/fonts/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  src: url("/fonts/Pretendard-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 700;
  src: url("/fonts/SpoqaHanSansNeo-Bold.woff") format("woff");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 500;
  src: url("/fonts/SpoqaHanSansNeo-Medium.woff") format("woff");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 400;
  src: url("/fonts/SpoqaHanSansNeo-Regular.woff") format("woff");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 300;
  src: url("/fonts/SpoqaHanSansNeo-Light.woff") format("woff");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 100;
  src: url("/fonts/SpoqaHanSansNeo-Thin.woff") format("woff");
}
@-webkit-keyframes opacity-ani {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes opacity-ani {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
strong {
  font-weight: 700;
}
a {
  color: inherit;
  text-decoration: none;
  outline-offset: -2px;
}
.bg-white {
  background-color: #fff;
}
.necessary {
  display: inline-block;
  padding-left: 2px;
  color: #e5132e;
  vertical-align: top;
}
.bcm-red {
  color: #e5132e !important;
  border-color: currentColor;
}
.bcm-hide {
  display: none !important;
}
.dt80 dt {
  width: 80px !important;
}
.dt90 dt {
  width: 90px !important;
}
.dt100 dt {
  width: 100px !important;
}
.dt110 dt {
  width: 110px !important;
}
.dt120 dt {
  width: 120px !important;
}
.dt130 dt {
  width: 130px !important;
}
.dt140 dt {
  width: 140px !important;
}
.dt150 dt {
  width: 150px !important;
}
.dt160 dt {
  width: 160px !important;
}
.dt170 dt {
  width: 170px !important;
}
.tac {
  text-align: center !important;
}
.tal {
  text-align: left !important;
}
.tar {
  text-align: right !important;
}
.bcm-ico {
  display: inline-block;
  overflow: hidden;
  line-height: 1;
  vertical-align: middle;
}
.bcm-ico.is-search-s {
  width: 10px;
  height: 12px;
  background: url("/img/ico_search_s.png") no-repeat 50% 50%;
  background-size: 100% auto;
}
.bcm-ico.is-calendar {
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-image: url("/img/ico_calendar.png");
}
.bcm-ico.is-tooltip {
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-image: url("/img/ico_tooltip.png");
}
.bcm-ico.is-refresh {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-image: url("/img/ico_refresh.png");
}
.bcm-ico.is-page {
  width: 10px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 8px;
  vertical-align: top;
}
.bcm-ico.is-page.prev-double {
  background-image: url("/img/ico_arrow_prev_double.png");
}
.bcm-ico.is-page.prev {
  background-image: url("/img/ico_arrow_prev.png");
}
.bcm-ico.is-page.next {
  background-image: url("/img/ico_arrow_next.png");
}
.bcm-ico.is-page.next-double {
  background-image: url("/img/ico_arrow_next_double.png");
}
.bcm-ico.is-dash {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-image: url("/img/ico_dash.png");
}
.is-active .bcm-ico.is-dash {
  background-image: url("/img/ico_dash_on.png");
}
.bcm-ico.is-dash2 {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-image: url("/img/ico_dash2.png");
}
.is-active .bcm-ico.is-dash2 {
  background-image: url("/img/ico_dash2_on.png");
}
.bcm-ico.is-myfolder {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  background-image: url("/img/ico_menu_myfolder.png");
}
.bcm-ico.is-public {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  background-image: url("/img/ico_menu_public.png");
}
.bcm-ico.is-bookmark {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  background-image: url("/img/ico_menu_bookmark.png");
}
.bcm-ico.is-chart {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  background-image: url("/img/ico_menu_chart.png");
}
.bcm-ico.is-graph {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  background-image: url("/img/ico_menu_graph.png");
}
.bcm-ico.is-folder-s {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  background-image: url("/img/ico_menu_folder_s.png");
}
.bcm-btn {
  display: inline-block;
  position: relative;
  padding: 9px 13px;
  border: 1px solid #cdd0d7;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
  font-weight: 500;
  font-size: 12px;
  color: #636363;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.bcm-btn .bcm-ico {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  vertical-align: top;
}
.bcm-btn .bcm-ico + span {
  display: inline-block;
  padding-left: 16px;
  vertical-align: baseline;
}
.bcm-btn.style1 {
  border-color: #4c46cc;
  background-color: #4c46cc;
  color: #fff;
}
.bcm-btn.style2 {
  border-color: #171445;
  background-color: #171445;
  color: #fff;
}
.bcm-btn.style3 {
  border-color: #4c46cc;
  color: #4c46cc;
}
.bcm-btn.style4 {
  border-color: #c5c5c5;
  color: #333;
}
.bcm-btn.type1 {
  padding-right: 19px;
  padding-left: 19px;
  font-weight: 600;
}
.bcm-btn.type2 {
  padding-right: 29px;
  padding-left: 29px;
}
.bcm-btn.type3 {
  padding: 9px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.bcm-btn.type4 {
  padding: 7px 9px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.bcm-btn.type5 {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 6px 8px;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.bcm-btn.type6 {
  padding: 11px 29px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1px;
}
.bcm-btn-ico {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 38px;
  height: 38px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff no-repeat 50% 50%;
  font-size: 0;
  vertical-align: middle;
}
.bcm-btn-ico.download {
  background-image: url("/img/ico_download.png");
}
.bcm-btn-ico.add {
  background-image: url("/img/ico_add.png");
}
.bcm-btn-ico.save {
  background-image: url("/img/ico_save.png");
}
.bcm-btn-ico.help {
  background-image: url("/img/ico_help.png");
}
.bcm-btn-reset {
  display: inline-block;
}
.bcm-btn-reset .bcm-ico {
  vertical-align: top;
}
.bcm-btngroup {
  display: inline-block;
  vertical-align: middle;
}
.bcm-btnbox {
  font-size: 0;
}
.bcm-btnbox > * + * {
  margin-left: 10px;
}
.bcm-btnbox.center {
  text-align: center;
}
.bcm-btnbox.left {
  text-align: left;
}
.bcm-btnbox.right {
  text-align: right;
}
.bcm-btnbox.grid-type > * + * {
  margin-left: 6px;
}
.bcm-align-wrap {
  font-size: 0;
}
.bcm-align-wrap:before, .bcm-align-wrap:after {
  content: '';
  display: block;
  clear: both;
}
.bcm-align-wrap .bcm-btnbox.left {
  float: left;
}
.bcm-align-wrap .bcm-btnbox.right {
  float: right;
  text-align: left;
}
.bcm-ipt,
.bcm-ipt[type=text],
.bcm-ipt[type=password],
.bcm-textarea {
  max-width: 100%;
  border: 1px solid #cdd0d7;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  background-image: none;
  vertical-align: middle;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-ipt::-webkit-input-placeholder,
.bcm-ipt[type=text]::-webkit-input-placeholder,
.bcm-ipt[type=password]::-webkit-input-placeholder,
.bcm-textarea::-webkit-input-placeholder {
  color: inherit;
}
.bcm-ipt::-moz-placeholder,
.bcm-ipt[type=text]::-moz-placeholder,
.bcm-ipt[type=password]::-moz-placeholder,
.bcm-textarea::-moz-placeholder {
  color: inherit;
}
.bcm-ipt:-ms-input-placeholder,
.bcm-ipt[type=text]:-ms-input-placeholder,
.bcm-ipt[type=password]:-ms-input-placeholder,
.bcm-textarea:-ms-input-placeholder {
  color: inherit;
}
.bcm-ipt::placeholder,
.bcm-ipt[type=text]::placeholder,
.bcm-ipt[type=password]::placeholder,
.bcm-textarea::placeholder {
  color: inherit;
}
.bcm-ipt:focus:not(:-moz-read-only),
.bcm-ipt[type=text]:focus:not(:-moz-read-only),
.bcm-ipt[type=password]:focus:not(:-moz-read-only),
.bcm-textarea:focus:not(:-moz-read-only) {
  border-color: #4C46CC !important;
  outline: 0;
  -webkit-transition: border-color 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out;
}
.bcm-ipt:focus:not(:read-only),
.bcm-ipt[type=text]:focus:not(:read-only),
.bcm-ipt[type=password]:focus:not(:read-only),
.bcm-textarea:focus:not(:read-only) {
  border-color: #4C46CC !important;
  outline: 0;
  -webkit-transition: border-color 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out;
}
.bcm-ipt:-moz-read-only,
.bcm-ipt[type=text]:-moz-read-only,
.bcm-ipt[type=password]:-moz-read-only,
.bcm-textarea:-moz-read-only {
  background-color: #ecedf1;
  outline: 0;
  cursor: default;
}
.bcm-ipt:read-only,
.bcm-ipt[type=text]:read-only,
.bcm-ipt[type=password]:read-only,
.bcm-textarea:read-only {
  background-color: #ecedf1;
  outline: 0;
  cursor: default;
}
.bcm-ipt:disabled,
.bcm-ipt[type=text]:disabled,
.bcm-ipt[type=password]:disabled,
.bcm-textarea:disabled {
  background-color: #ecedf1;
  cursor: not-allowed;
}
.bcm-ipt:disabled .btn-clear,
.bcm-ipt[type=text]:disabled .btn-clear,
.bcm-ipt[type=password]:disabled .btn-clear,
.bcm-textarea:disabled .btn-clear {
  display: none;
}
.bcm-ipt.error,
.bcm-ipt[type=text].error,
.bcm-ipt[type=password].error,
.bcm-textarea.error {
  border-color: #e5132e;
  background-color: rgba(229, 19, 46, 0.05);
  color: #e5132e;
}
.bcm-ipt,
.bcm-ipt[type=text],
.bcm-ipt[type=password] {
  width: 160px;
  height: 28px;
  padding: 4px 8px;
}
.bcm-inpwrap {
  display: inline-block;
  position: relative;
  max-width: 100%;
  font-size: 0;
}
.bcm-inpwrap + .bcm-inpwrap {
  margin-left: 6px;
}
.bcm-inpwrap > .bcm-ipt + .bcm-ipt {
  margin-left: 6px;
}
.bcm-inpwrap + .bcm-btn {
  margin-left: 6px;
}
.bcm-inpwrap .btn-clear {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 0px;
  z-index: 10;
  width: 26px;
  height: 26px;
  margin-top: -13px;
}
.bcm-inpwrap .btn-clear:before, .bcm-inpwrap .btn-clear:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 12px;
  margin-top: -6px;
  margin-left: -0.5px;
  background-color: #858585;
  content: "";
}
.bcm-inpwrap .btn-clear:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bcm-inpwrap .btn-clear:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.bcm-inpwrap .btn-inner {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  margin: auto 0;
}
.bcm-inpwrap.hasdata .bcm-ipt {
  padding-right: 26px;
}
.bcm-inpwrap.hasdata .btn-clear {
  display: block;
}
.bcm-inpwrap.size-type2 .bcm-ipt {
  width: 180px;
}
.bcm-inpwrap.full {
  display: block;
}
.bcm-inpwrap.full .bcm-ipt {
  display: block;
  width: 100%;
}
.bcm-inpwrap.tb-type {
  display: block;
  height: 100%;
}
.bcm-inpwrap.tb-type .bcm-ipt {
  width: 100%;
  height: 100%;
  border-color: transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.bcm-iptgroup {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.bcm-iptgroup .bcm-ipt {
  width: 130px;
  padding-right: 25px;
}
.bcm-iptgroup .bcm-ipt:disabled + .bcm-iptgroup-btn {
  opacity: 0.6;
}
.bcm-iptgroup-btn {
  overflow: hidden;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 24px;
  -webkit-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.bcm-iptgroup-btn .bcm-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bcm-iptgroup-addon {
  display: inline-block;
  padding: 0 3px;
  font-family: "Malgun Gothic", "sans-serif";
  font-size: 15px;
  color: #636363;
  letter-spacing: -0.8px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}
.bcm-iptgroup.full {
  display: block;
}
.bcm-iptgroup.full .bcm-ipt {
  width: 100%;
}
.bcm-iptgroup.tb-type {
  display: block;
  height: 100%;
}
.bcm-iptgroup.tb-type .bcm-ipt {
  min-width: 100px;
  width: 100%;
  height: 100%;
  border-color: transparent;
}
.bcm-textarea {
  width: 100%;
  height: 90px;
  padding: 5px 8px;
  line-height: 1.4;
  resize: none;
}
.bcm-textarea:disabled {
  background-color: #f8f8f8;
}
.bcm-textarea.is-resize {
  resize: auto;
}
.bcm-area-file-add {
}
.bcm-area-file-add .bcm-inpwrap {
  font-size: 0;
}
.bcm-area-file-add input[type=file] {
  position: absolute;
  font-size: 0;
  width: 0;
  height: 0;
  border: 0;
}
.bcm-area-file-add input[type=file]:focus ~ label {
  outline: 2px solid #000;
}
.bcm-area-file-add input[type=text] ~ label {
  margin-left: 6px;
}
.bcm-pressgroup {
  display: inline-block;
  padding: 3px 0;
  vertical-align: middle;
}
.bcm-pressgroup > * {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.bcm-pressgroup > *:last-child {
  margin-right: 0px;
}
.bcm-pressgroup input:focus + label:before {
  outline: 5px auto #000;
  outline-offset: -2px;
}
.bcm-pressgroup input[type=checkbox], .bcm-pressgroup input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  opacity: 0;
  width: 0;
  height: 0;
}
.bcm-pressgroup input[type=checkbox] + label, .bcm-pressgroup input[type=radio] + label {
  display: inline-block;
  position: relative;
  min-height: 20px;
  padding: 4px 8px 4px 19px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.bcm-pressgroup input[type=checkbox] + label:before, .bcm-pressgroup input[type=radio] + label:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  margin-top: -7.5px;
  border: 1px solid #cdd0d7;
  background: #fff no-repeat center center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
}
.bcm-pressgroup input[type=checkbox]:checked + label:before, .bcm-pressgroup input[type=radio]:checked + label:before {
  border-color: #4c46cc;
  background-color: #4c46cc;
}
.bcm-pressgroup input[type=checkbox]:disabled + label, .bcm-pressgroup input[type=radio]:disabled + label {
  cursor: default;
}
.bcm-pressgroup input[type=checkbox] + label {
  padding-right: 4px;
  color: #636363;
}
.bcm-pressgroup input[type=checkbox] + label:before {
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.bcm-pressgroup input[type=checkbox]:checked + label:before {
  background-image: url("/img/ico_check_on.png");
}
.bcm-pressgroup input[type=checkbox]:disabled + label {
  color: #636363;
}
.bcm-pressgroup input[type=checkbox]:disabled + label:before {
  border-color: #cdd0d7;
  background-color: #ecedf1;
}
.bcm-pressgroup input[type=checkbox]:checked:disabled + label:before {
  background-image: url("/img/ico_check_off.png");
}
.bcm-pressgroup input[type=radio] + label:before {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.bcm-pressgroup input[type=radio] + label:after {
  position: absolute;
  left: 4px;
  top: 50%;
  width: 7px;
  height: 7px;
  margin-top: -3.5px;
  background-color: transparent;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: "";
}
.bcm-pressgroup input[type=radio]:checked + label:before {
  border-color: #4c46cc;
  background-color: #4c46cc;
}
.bcm-pressgroup input[type=radio]:checked + label:after {
  background-color: #fff;
}
.bcm-pressgroup input[type=radio]:disabled + label {
  color: #636363;
}
.bcm-pressgroup input[type=radio]:disabled + label:before {
  border-color: #cdd0d7;
  background-color: #ECEDF1;
}
.bcm-pressgroup input[type=radio]:checked:disabled + label:before {
  background-color: #cdd0d7;
}
.bcm-pressgroup.btn-type {
  margin-right: 2px;
  padding: 0;
}
.bcm-pressgroup.btn-type:before, .bcm-pressgroup.btn-type:after {
  content: '';
  display: block;
  clear: both;
}
.bcm-pressgroup.btn-type > * {
  float: left;
  margin-right: 0;
  margin-left: -1px;
}
.bcm-pressgroup.btn-type > *:first-child {
  margin-left: 0;
}
.bcm-pressgroup.btn-type > *:first-child label {
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.bcm-pressgroup.btn-type > *:last-child label {
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.bcm-pressgroup.btn-type input[type=checkbox] + label, .bcm-pressgroup.btn-type input[type=radio] + label {
  min-width: 50px;
  min-height: 28px;
  padding: 7px 8px;
  border: 1px solid #cdd0d7;
  background-color: #fff;
  font-size: 12px;
  color: #666;
  text-align: center;
}
.bcm-pressgroup.btn-type input[type=checkbox] + label:before, .bcm-pressgroup.btn-type input[type=checkbox] + label:after, .bcm-pressgroup.btn-type input[type=radio] + label:before, .bcm-pressgroup.btn-type input[type=radio] + label:after {
  display: none;
}
.bcm-pressgroup.btn-type input[type=checkbox]:checked + label, .bcm-pressgroup.btn-type input[type=radio]:checked + label {
  position: relative;
  z-index: 10;
  border-color: #4c46cc;
  color: #4c46cc;
}
.bcm-pressgroup.btn-type input[type=checkbox]:disabled + label, .bcm-pressgroup.btn-type input[type=radio]:disabled + label {
  border-color: #808097;
  background-color: #F8F8F8;
  color: #858585;
}
.bcm-pressgroup.btn-type input[type=checkbox]:checked:disabled + label, .bcm-pressgroup.btn-type input[type=radio]:checked:disabled + label {
  border-color: #636363;
  background-color: #ECEDF1;
  color: #636363;
}
.bcm-pressgroup.btn-type input[type=checkbox]:focus + label, .bcm-pressgroup.btn-type input[type=radio]:focus + label {
  outline: 5px auto #000;
  outline-offset: -2px;
}
.bcm-pressgroup.btn-type.type1 input[type=checkbox] + label, .bcm-pressgroup.btn-type.type1 input[type=radio] + label {
  min-width: 130px;
}
.bcm-pressgroup.btn-type.style1 input[type=checkbox]:checked + label, .bcm-pressgroup.btn-type.style1 input[type=radio]:checked + label {
  border-color: #fa5f09;
  background: linear-gradient(99.91deg, #14ffe9 -25.49%, #1859ff 37.65%, #1859ff 51.68%, #eb65f7 114.82%);
  font-weight: 700;
  color: #fff;
}
.bcm-pressgroup.btn-type.style1 input[type=checkbox]:disabled + label, .bcm-pressgroup.btn-type.style1 input[type=radio]:disabled + label {
  border-color: #808097;
  background-color: #ECEDF1;
  color: #858585;
}
.bcm-pressgroup.btn-type.style1 input[type=checkbox]:checked:disabled + label, .bcm-pressgroup.btn-type.style1 input[type=radio]:checked:disabled + label {
  border-color: #808097;
  background: #808097;
  color: #fff;
}
.bcm-pressgroup.btn-type.size-xs input[type=checkbox] + label, .bcm-pressgroup.btn-type.size-xs input[type=radio] + label {
  padding: 5px 8px;
  min-width: auto;
  min-height: 24px;
  font-size: 11px;
  line-height: 1;
}
.bcm-pressgroup.tb-type {
  padding: 0;
}
.bcm-pressgroup.tb-type input[type=checkbox] + label, .bcm-pressgroup.tb-type input[type=radio] + label {
  width: 15px;
  min-height: 15px;
  height: 15px;
  padding: 0px;
  vertical-align: top;
}
.bcm-toggleswitch {
  display: inline-block;
  height: 16px;
  padding: 4px 1px;
  font-size: 0;
  vertical-align: middle;
}
.bcm-toggleswitch input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  opacity: 0;
  width: 0;
  height: 0;
}
.bcm-toggleswitch label {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 8px;
  border: 1px solid #BABDC5;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #BABDC5;
  vertical-align: top;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.bcm-toggleswitch label:before {
  position: absolute;
  height: 12px;
  width: 12px;
  left: -1px;
  bottom: -2px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: "";
}
.bcm-toggleswitch input:checked + label {
  border-color: #4c46cc;
  background-color: #4c46cc;
}
.bcm-toggleswitch input:checked + label:before {
  background-color: #fff;
  -webkit-transform: translateX(9px);
  -ms-transform: translateX(9px);
  transform: translateX(9px);
}
.bcm-toggleswitch input:disabled + label:before {
  background-color: #ECEDF1;
}
.bcm-select {
  display: inline-block;
  max-width: 100%;
  width: 160px;
  height: 28px;
  vertical-align: middle;
  text-align: left;
}
.bcm-select-label {
  display: inline-block;
  font-size: 0;
}
.bcm-select select {
  width: 100%;
  height: 100%;
  padding: 7px 22px 7px 7px;
  border: 1px solid #cdd0d7;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #fff url("/img/ico_select.png") no-repeat center right;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.bcm-select select *::-ms-expand {
  display: none;
}
.bcm-select select[data-select] {
  position: absolute;
  left: -99999px;
  width: 1px;
  opacity: 0;
}
.bcm-select select[data-select].normal {
  position: static;
  left: auto;
  opacity: 1;
}
.bcm-select select:disabled {
  background-color: #ecedf1;
  color: #858585;
  cursor: not-allowed;
}
.bcm-select.tb-type {
  display: block;
  height: 100%;
  min-width: 100px;
  width: auto;
}
.bcm-select.tb-type select {
  border-color: transparent;
}
.bcm-select.small {
  width: 80px;
}
.bcm-select.style2 {
  width: 110px;
  height: 32px;
}
.bcm-select.style2 select {
  font-family: "Pretendard", "Malgun Gothic", "sans-serif";
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.bcm-select + .bcm-select {
  margin-left: 6px;
}
.bcm-select + .bcm-btngroup {
  margin-left: 6px;
}
.bcm-form-label {
  display: inline-block;
  padding-right: 4px;
  font-weight: 500;
  font-size: 13px;
  color: #494949;
  line-height: 28px;
  vertical-align: middle;
}
.bcm-nextword {
  display: inline-block;
  padding-left: 2px;
  font-family: "Malgun Gothic", "sans-serif";
  font-size: 12px;
  color: #636363;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
}
.bcm-nextword + .bcm-nextword {
  margin-left: 4px;
}
.bcm-nextword em {
  display: inline-block;
  padding-left: 4px;
  font-weight: 600;
  color: #e5132e;
}
.daterangepicker {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: none;
  width: 600px;
  font-size: 0;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
.daterangepicker, .daterangepicker table, .daterangepicker select, .daterangepicker button {
  font-family: 'Spoqa Han Sans Neo' ,'Malgun Gothic';
  letter-spacing: -0.5px;
}
.daterangepicker:before, .daterangepicker:after {
  display: none;
}
.daterangepicker .drp-calendar {
  display: inline-block;
  max-width: none;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right {
  padding: 20px 20px 15px;
}
.daterangepicker .drp-calendar.right {
  border-left: 1px solid #E6E8EB;
}
.daterangepicker .calendar-table {
  border: none;
  background-color: transparent;
}
.daterangepicker .calendar-table tr:nth-child(1) th {
  height: 34px;
  line-height: 34px;
  vertical-align: top;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  min-width: 37px;
  width: 14.29%;
  height: 35px;
  border: none;
  line-height: 35px;
}
.daterangepicker .calendar-table th {
  font-weight: 500;
}
.daterangepicker .calendar-table th.next span, .daterangepicker .calendar-table th.prev span {
  display: inline-block;
  position: relative;
  width: 34px;
  height: 100%;
  padding: 0;
  border: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.daterangepicker .calendar-table th.next span:before, .daterangepicker .calendar-table th.prev span:before {
  position: absolute;
  top: 13px;
  width: 0;
  height: 0;
  padding: 3px;
  border: solid #262529;
  border-width: 0 2px 2px 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #fff;
  content: "";
}
.daterangepicker .calendar-table th.next span:before {
  right: 15px;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table th.prev span:before {
  left: 15px;
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table th.month {
  width: auto;
  font-size: 13px;
}
.daterangepicker .calendar-table th .bcm-drp-today {
  margin-left: 6px;
  padding: 3px 6px;
  border: 1px solid #CDD0D7;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  font-weight: 500;
  font-size: 12px;
  color: #262529;
  letter-spacing: -0.6px;
  line-height: 1;
  cursor: pointer;
}
.daterangepicker th.available:hover, .daterangepicker th.available:focus {
  background-color: transparent;
}
.daterangepicker th.available:hover span, .daterangepicker th.available:focus span {
  background-color: #f8f8fA;
}
.daterangepicker td.available:hover, .daterangepicker td.available:focus {
  background-color: #f8f8fA;
  color: #4c46cc;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  color: #DEDEDE;
}
.daterangepicker td.in-range {
  background-color: #f8f8fA;
  color: #4c46cc;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #4c46cc;
  color: #fff;
}
.daterangepicker td.disabled, .daterangepicker option.disabled {
  text-decoration: none;
}
.daterangepicker .calendar-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  height: 34px;
  margin-top: 10px;
  font-weight: 500;
  font-size: 0;
  line-height: 0;
}
.daterangepicker .calendar-time:before, .daterangepicker .calendar-time:after {
  display: inline-block;
  height: 100%;
  background: url("/img/ico_colon.png") 50% 50% no-repeat;
  content: "";
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.daterangepicker .calendar-time:before {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.daterangepicker .calendar-time:after {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}
.daterangepicker .calendar-time select {
  width: 74px;
  min-height: 34px;
  background: #f8f8fA url("/img/ico_arrow_bottom.png") 78% 50% no-repeat;
  border: none;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 7px 30px 7px 7px;
  font-size: 13px;
  color: #262529;
  letter-spacing: -0.6px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.daterangepicker .calendar-time select::-ms-expand {
  display: none;
}
.daterangepicker .calendar-time select.disabled {
  background-image: url("/img/ico_arrow_bottom_gray.png");
}
.daterangepicker .calendar-time select.hourselect {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.daterangepicker .calendar-time select.minuteselect {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
.daterangepicker .calendar-time select.secondselect {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}
.daterangepicker .drp-buttons {
  padding: 15px 32px 15px 19px;
  border-color: #E6E8EB;
}
.daterangepicker .drp-buttons:before, .daterangepicker .drp-buttons:after {
  content: '';
  display: block;
  clear: both;
}
.daterangepicker .drp-buttons .drp-selected {
  float: left;
  min-width: 275px;
  min-height: 30px;
  margin-right: auto;
  padding: 9px 15px 5px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #f8f8fA;
  font-size: 13px;
  color: #797979;
  letter-spacing: -0.6px;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.daterangepicker .drp-buttons .btn {
  margin-right: 6px;
  margin-left: 0;
  padding: 8px 10px;
  min-width: 42px;
  height: 30px;
  border: 1px solid #CDD0D7;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  font-weight: 500;
  font-size: 12px;
  color: #262529;
  letter-spacing: -0.6px;
  line-height: 1;
  cursor: pointer;
}
.daterangepicker .drp-buttons .btn.btn-default {
  float: right;
  margin-right: 0;
}
.daterangepicker .drp-buttons .btn.btn-primary {
  border: 1px solid #4c46cc;
  color: #4c46cc;
}
.daterangepicker.single {
  width: 300px;
}
.daterangepicker.single .drp-calendar {
  width: 100%;
}
.daterangepicker.single .drp-buttons {
  padding-right: 19px;
}
.daterangepicker.show-calendar .ranges {
  margin-top: 0;
}
.daterangepicker.show-calendar .drp-calendar {
  display: inline-block;
}
@media (min-width: 564px) {
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 0;
  }
  .daterangepicker .ranges, .daterangepicker .drp-calendar, .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: none;
  }
}
.bcm-tabs {
  display: inline-block;
  position: relative;
  min-width: 0;
  padding-right: 10px;
  vertical-align: top;
}
.bcm-tabs__inner {
  overflow-x: auto;
  overflow-y: hidden;
}
.bcm-tabs__inner::-webkit-scrollbar {
  height: 12px;
  background-color: transparent;
}
.bcm-tabs__inner::-webkit-scrollbar-thumb {
  border: 4px solid #eae9ef;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background-color: rgba(159, 164, 179, 0.4);
}
.bcm-tabs__list {
  margin-top: -10px;
  font-size: 0;
  white-space: nowrap;
}
.bcm-tabs__list li {
  display: inline-block;
  margin: 10px 0 0 10px;
  vertical-align: top;
}
.bcm-tabs__list li:first-child {
  margin-left: 0;
}
.bcm-tabsitem {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.bcm-tabsitem .tabs-bookmark {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 20px;
  z-index: 1;
  width: 15px;
  height: 14px;
  margin-top: -7px;
  background: url("/img/ico_bookmark.png") no-repeat 50% 50%;
  background-size: 100% auto;
}
.bcm-tabsitem .tabs-bookmark.is-active {
  background-image: url("/img/ico_bookmark_on.png");
}
.bcm-tabsitem .tabs-btn {
  display: block;
  overflow: hidden;
  max-width: 202px;
  padding: 12px 42px 12px 39px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background-color: #fff;
  font-weight: 500;
  font-size: 14px;
  color: #4c46cc;
  letter-spacing: -0.6px;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-tabsitem .tabs-close {
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
}
.bcm-tabsitem .tabs-close:before, .bcm-tabsitem .tabs-close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 13px;
  background-color: #4c46cc;
  content: "";
}
.bcm-tabsitem .tabs-close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.bcm-tabsitem .tabs-close:after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  -ms-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}
.bcm-tabsitem.is-active .tabs-btn {
  background-color: #4c46cc;
  color: #fff;
}
.bcm-tabsitem.is-active .tabs-close:before, .bcm-tabsitem.is-active .tabs-close:after {
  background-color: #fff;
}
.bcm-message {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1000;
  margin-left: 8px;
  padding: 11px;
  border: 1px solid #ed3838;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  -webkit-animation: 0.2s opacity-ani;
  animation: 0.2s opacity-ani;
}
.bcm-message:before, .bcm-message:after {
  position: absolute;
  top: 50%;
  right: 100%;
  width: 0;
  height: 0;
  margin-top: -6px;
  border-width: 6px 8px 6px 0;
  border-style: solid;
  border-color: transparent;
  content: "";
}
.bcm-message:before {
  border-right-color: #ed3838;
}
.bcm-message:after {
  margin-right: -1px;
  border-right-color: #fff;
}
.bcm-message__inner {
  position: relative;
  padding-left: 18px;
  font-weight: 500;
  font-size: 14px;
  color: #ed3838;
  letter-spacing: -0.6px;
  line-height: 1;
  white-space: nowrap;
}
.bcm-message__inner:before {
  position: absolute;
  top: 50%;
  left: -2px;
  width: 15px;
  height: 15px;
  margin-top: -8.5px;
  background: url("/img/ico_msg_error.png") no-repeat 50% 50%;
  background-size: 100% auto;
  content: "";
}
.bcm-layer {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 3000;
}
.bcm-layer.is-hide {
  display: none;
}
.bcm-layer__dimmed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.bcm-layer__inner {
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding: 2%;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-layer__inner:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.bcm-layer__wrap {
  display: inline-block;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: #fff;
  font-size: 14px;
  vertical-align: middle;
  white-space: normal;
}
.bcm-layer__close-wrap {
  position: absolute;
  top: 4px;
  right: 3px;
}
.bcm-layer__close-wrap a {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
}
.bcm-layer__close-wrap a:before, .bcm-layer__close-wrap a:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 22px;
  margin-top: -11px;
  margin-left: -1px;
  background-color: #171445;
  content: "";
}
.bcm-layer__close-wrap a:before {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.bcm-layer__close-wrap a:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.bcm-layer__container {
  min-width: 500px;
  padding: 75px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-layer__icon {
  width: 100px;
  margin: 0 auto 24px;
}
.bcm-layer__icon img {
  width: 100%;
}
.bcm-layer__head {
  margin-bottom: 12px;
}
.bcm-layer__head .bcm-title {
  float: none;
}
.bcm-layer__head .bcm-title .tit {
  font-family: "Pretendard", "Malgun Gothic", "sans-serif";
  font-weight: 600;
  font-size: 20px;
  color: #000;
  line-height: 24px;
}
.bcm-layer__body .bcm-sub-txt {
  line-height: 20px;
}
.bcm-layer__body .bcm-title .tit {
  font-family: "Pretendard", "Malgun Gothic", "sans-serif";
  color: #000;
}
.bcm-layer__body .bcm-title.h3 .tit {
  padding: 10px 0;
  font-size: 16px;
  letter-spacing: -0.4px;
}
.bcm-layer__body .bcm-title.h4 .tit {
  padding: 0;
  font-size: 14px;
  line-height: 1;
}
.bcm-layer__body .bcm-txtbox {
  overflow: hidden auto;
  height: 322px;
  padding: 16px 20px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #f5f5f5;
  line-height: 22px;
  text-align: left;
  word-break: break-all;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-layer__body .bcm-txtbox::-webkit-scrollbar {
  width: 22px;
  height: 22px;
  background-color: transparent;
}
.bcm-layer__body .bcm-txtbox::-webkit-scrollbar-thumb {
  border: 8px solid #f5f5f5;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background-color: rgba(159, 164, 179, 0.4);
}
.bcm-layer__btn {
  margin-top: 32px;
  font-size: 0;
  text-align: center;
}
.bcm-layer__btn-item {
  display: inline-block;
  padding: 0 3px;
  vertical-align: middle;
}
.bcm-layer__btn-item .bcm-today-close {
  padding: 2px 0;
}
.bcm-layer__btn-item .bcm-today-close input[type=checkbox] + label {
  padding-right: 0;
  font-size: 13px;
  color: #666;
  letter-spacing: 0;
  line-height: 16px;
}
.bcm-layer__btn-item .bcm-today-close input[type=checkbox] + label:before {
  outline: none;
}
.bcm-layer__btn-item .bcm-today-close input[type=checkbox]:checked + label:before {
  border-color: #fff;
  background-color: #fff;
  background-image: url("/img/ico_check_black.png");
}
.bcm-layer.type2 .bcm-layer__wrap {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.bcm-layer.type2 .bcm-layer__close-wrap {
  top: 2px;
  right: 2px;
}
.bcm-layer.type2 .bcm-layer__close-wrap a:before, .bcm-layer.type2 .bcm-layer__close-wrap a:after {
  height: 18px;
  margin-top: -9px;
  background-color: #fff;
}
.bcm-layer.type2 .bcm-layer__container {
  width: 700px;
  min-width: auto;
  padding: 0;
}
.bcm-layer.type2 .bcm-layer__head {
  min-height: 44px;
  margin-bottom: 0;
  padding: 12.5px 42px;
  background-color: #4c46cc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-layer.type2 .bcm-layer__head .bcm-title .tit {
  font-size: 16px;
  color: #fff;
  letter-spacing: -0.6px;
  line-height: 19px;
}
.bcm-layer.type2 .bcm-layer__body {
  padding: 20px 30px;
  text-align: left;
}
.bcm-layer.type2 .bcm-layer__btn {
  margin-top: 0;
  padding: 0 30px 20px;
  text-align: right;
}
.bcm-layer.type2 .bcm-layer__btn-item {
  margin-left: 20px;
  padding: 0;
}
.bcm-layer.type2 .bcm-layer__btn-item:first-child {
  margin-left: 0;
}
.bcm-layer.type2 .bcm-layer__btn-item .bcm-btn.type4 {
  min-width: 69px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-weight: 500;
}
.bcm-progress {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 3000;
}
.bcm-progress.is-hide {
  display: none;
}
.bcm-progress__dimmed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: transparent;
}
.bcm-progress__inner {
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding: 2%;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-progress__inner:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.bcm-progress__wrap {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  white-space: normal;
}
.bcm-progress .progress {
  position: relative;
  width: 110px;
  height: 110px;
}
.bcm-progress .progress:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 8px solid #ccc;
  content: "";
}
.bcm-progress .progress-svg {
  display: block;
  width: 100%;
  height: 100%;
}
.bcm-progress .progress-bar {
  fill: none;
  stroke: #5f57ff;
  stroke-width: 8;
  stroke-dasharray: 320.28;
  stroke-dashoffset: 320.28;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.bcm-progress .progress-value {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: 800;
  font-size: 18px;
  color: #000;
  letter-spacing: 0;
  line-height: 21px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bcm-progress .controller {
  margin-top: 3px;
  font-size: 14px;
  color: #4c46cc;
  text-align: center;
}
.bcm-progress .controller a {
  text-decoration: underline;
}
body {
  min-width: 1400px;
  min-height: 500px;
  background-color: #171445;
}
#bcm-wrap {
  position: relative;
  height: 100%;
  padding: 16px 20px 45px 260px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: padding 0.2s;
  transition: padding 0.2s;
}
#bcm-wrap.side-fold {
  padding-left: 80px;
}
#bcm-side {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 260px;
  height: 100%;
  background-color: #171445;
  color: #fff;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
}
#bcm-side .bcm-side-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 260px;
  height: 100%;
  padding: 30px 0 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#bcm-side .bcm-side-logo {
  padding: 0 20px;
}
#bcm-side .bcm-side-logo .logo {
  font-size: 0;
}
#bcm-side .bcm-side-logo .logo a {
  display: block;
  padding: 13px 32px 13px 10px;
}
#bcm-side .bcm-side-logo .logo a:before {
  display: block;
  width: 57px;
  height: 24px;
  background: url("/img/logo.png") no-repeat 50% 50%;
  background-size: auto 100%;
  content: "";
}
#bcm-side .bcm-side-search {
  margin-top: 15px;
  padding: 0 20px;
}
#bcm-side .bcm-side-search .search-ipt {
  display: inline-block;
  width: 100%;
  height: 40px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.15);
  vertical-align: top;
}
#bcm-side .bcm-side-search .search-ipt .bcm-ipt {
  width: 100%;
  height: 100%;
  padding: 12px 34px 12px 12px;
  border: none;
  background: none;
  font-family: "Pretendard", "Malgun Gothic", "sans-serif";
  font-weight: 500;
  font-size: 14px;
  color: #fff;
}
#bcm-side .bcm-side-search .search-ipt .bcm-ipt::-webkit-input-placeholder {
  opacity: 0.5;
}
#bcm-side .bcm-side-search .search-ipt .bcm-ipt::-moz-placeholder {
  opacity: 0.5;
}
#bcm-side .bcm-side-search .search-ipt .bcm-ipt:-ms-input-placeholder {
  opacity: 0.5;
}
#bcm-side .bcm-side-search .search-ipt .bcm-ipt::placeholder {
  opacity: 0.5;
}
#bcm-side .bcm-side-search .search-ipt .btn-clear {
  right: 33px;
}
#bcm-side .bcm-side-search .search-ipt .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 100%;
  background: url("/img/ico_search.png") no-repeat 50% 50%;
  background-size: 20px auto;
}
#bcm-side .bcm-side-search .search-ipt.hasdata .bcm-ipt {
  padding-right: 65px;
}
#bcm-side .bcm-side-navi {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  min-height: 0;
  margin-top: 15px;
  padding: 61px 0 20px;
}
#bcm-side .bcm-side-navi .nav-btn {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: 20px 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: right;
}
#bcm-side .bcm-side-navi .nav-btn .btn-navreset {
  display: inline-block;
  position: relative;
  padding: 8px 20px 8px 0;
  vertical-align: top;
}
#bcm-side .bcm-side-navi .nav-btn .btn-navreset .reset-txt {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  opacity: 0.6;
}
#bcm-side .bcm-side-navi .nav-btn .btn-navreset:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url("/img/ico_navi_refresh.png") no-repeat 50% 50%;
  background-size: 100% auto;
  content: "";
}
#bcm-side .bcm-side-navi > .nav-name {
  display: none;
}
#bcm-side .bcm-side-navi .mainnav {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}
#bcm-side .bcm-side-navi .mainnav .nav-name .point {
  color: #ffee56;
}
#bcm-wrap:not(.side-fold) #bcm-side .bcm-side-navi .mainnav.is-searching .mainnav-list {
  display: block;
}
#bcm-wrap:not(.side-fold) #bcm-side .bcm-side-navi .mainnav.is-searching li.is-hide {
  display: none;
}
#bcm-wrap:not(.side-fold) #bcm-side .bcm-side-navi .mainnav.is-searching li.is-show {
  display: block;
}
#bcm-side .bcm-side-navi .mainnav::-webkit-scrollbar {
  width: 16px;
  background-color: transparent;
}
#bcm-side .bcm-side-navi .mainnav::-webkit-scrollbar-thumb {
  border: 6px solid #171445;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background-color: rgba(205, 208, 215, 0.25);
}
#bcm-side .bcm-side-navi .mainnav-list {
  font-size: 14px;
  line-height: 17px;
}
#bcm-side .bcm-side-navi .mainnav-list li .btn-page {
  display: block;
  position: relative;
  color: #fff;
}
#bcm-side .bcm-side-navi .mainnav-list li .mainnav-list {
  display: none;
}
#bcm-side .bcm-side-navi .mainnav-list li.is-active > .mainnav-list {
  display: block;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list {
  width: 260px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li {
  overflow: hidden;
  margin-top: 8px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li:first-child {
  margin-top: 0;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .child .btn-page {
  padding: 12.5px 30px 12.5px 36px;
  font-weight: 500;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .child .btn-page .bcm-ico {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li.is-expanded > .child .btn-page:after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url("/img/ico_arrow_navi.png") no-repeat 50% 50%;
  background-size: 100% auto;
  opacity: 0.5;
  content: "";
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li.is-expanded.is-active, #bcm-side .bcm-side-navi .mainnav > .mainnav-list > li.is-expanded.is-show {
  margin-bottom: 18px;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li.is-expanded.is-active > .child .btn-page:after, #bcm-side .bcm-side-navi .mainnav > .mainnav-list > li.is-expanded.is-show > .child .btn-page:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  opacity: 1;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list {
  position: relative;
  padding: 0 9px 0 7px;
  background-color: #5f57ff;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list:before {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 100%;
  z-index: -1;
  height: 42px;
  background-color: rgba(255, 255, 255, 0.2);
  content: "";
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .child .btn-page {
  padding: 12px 25px 12px 30px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .child .btn-page .bcm-ico {
  position: absolute;
  top: 12px;
  left: 8px;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li:last-child {
  padding-bottom: 10px;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li.is-active > .child .btn-page {
  color: #b3fff6;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li.is-active > .child .btn-page .bcm-ico {
  background-position-y: -16px;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li.is-expanded > .child .btn-page:after {
  position: absolute;
  top: 14px;
  right: 5px;
  width: 12px;
  height: 12px;
  background: url("/img/ico_navi.png") no-repeat 0 0;
  background-size: 100% auto;
  content: "";
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li.is-expanded.is-active > .child .btn-page:after {
  background-position-y: -12px;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list {
  padding-bottom: 5px;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li {
  position: relative;
  padding-left: 19px;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li:before {
  position: absolute;
  top: 16px;
  left: 10px;
  z-index: 1;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #9f9aff;
  content: "";
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li:after {
  position: absolute;
  top: 16px;
  left: 12.5px;
  bottom: -22px;
  width: 1px;
  background-color: #9f9aff;
  content: "";
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li:last-child:after {
  display: none;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li > .child .btn-page {
  padding: 12px 25px 12px 8px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 16px;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li > .child .btn-page.is-selected {
  background-color: rgba(0, 0, 0, 0.2);
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li.is-active:before {
  background-color: #fff;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li.is-active > .child .btn-page {
  font-weight: 500;
  color: #fff;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li.is-expanded > .child .btn-page:after {
  position: absolute;
  top: 14px;
  right: 5px;
  width: 12px;
  height: 12px;
  background: url("/img/ico_navi.png") no-repeat 0 0;
  background-size: 100% auto;
  content: "";
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li.is-expanded.is-active > .child .btn-page:after {
  background-position-y: -12px;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li > .mainnav-list {
  padding-left: 6px;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li {
  position: relative;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li > .child .btn-page {
  padding: 9px 25px 9px 23.5px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 14px;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li > .child .btn-page:before {
  position: absolute;
  top: 13.25px;
  left: 8px;
  width: 5.5px;
  height: 5.5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #7de0d4;
  content: "";
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li > .child .btn-page.is-selected {
  background-color: rgba(0, 0, 0, 0.2);
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li:nth-child(4n+2) > .child .btn-page:before {
  background-color: #b4ff78;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li:nth-child(4n+3) > .child .btn-page:before {
  background-color: #3fcb32;
}
#bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li > .mainnav-list > li:nth-child(4n+4) > .child .btn-page:before {
  background-color: #fffa7b;
}
#bcm-side .bcm-side-foot {
  padding: 0 20px;
}
#bcm-side .bcm-side-foot .side-btn .addmenu-btn {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 10px 40px 10px 16px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-color: #5f57ff;
  font-weight: 500;
  font-size: 13px;
  color: #fff;
  line-height: 16px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#bcm-side .bcm-side-foot .side-btn .addmenu-btn:after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url("/img/ico_create.png") no-repeat 50% 50%;
  background-size: 100% auto;
  content: "";
}
#bcm-side .bcm-side-foot .side-util {
  margin-top: 28px;
}
#bcm-side .bcm-side-foot .side-util__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#bcm-side .bcm-side-foot .side-util__list li {
  position: relative;
  width: 100%;
  padding: 0 10px;
  text-align: center;
}
#bcm-side .bcm-side-foot .side-util__list li:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 14px;
  margin: auto 0;
  background-color: rgba(255, 255, 255, 0.3);
  content: "";
}
#bcm-side .bcm-side-foot .side-util__list li:first-child {
  padding-left: 0;
}
#bcm-side .bcm-side-foot .side-util__list li:first-child:before {
  display: none;
}
#bcm-side .bcm-side-foot .side-util__list li:last-child {
  padding-right: 0px;
}
#bcm-side .bcm-side-foot .side-util__list li .util-btn {
  display: inline-block;
  position: relative;
  min-height: 20px;
  padding: 3px 0 3px 28px;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0;
  line-height: 1;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#bcm-side .bcm-side-foot .side-util__list li .util-btn:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: no-repeat 50% 50%;
  background-size: 100% auto;
  content: "";
}
#bcm-side .bcm-side-foot .side-util__list li .util-btn.type-setting:before {
  background-image: url("/img/ico_setting.png");
}
#bcm-side .bcm-side-foot .side-util__list li .util-btn.type-guide:before {
  background-image: url("/img/ico_guide.png");
}
#bcm-side .bcm-side-foot .side-util__list li .util-btn.type-inquiry:before {
  background-image: url("/img/ico_inquiry.png");
}
#bcm-side .bcm-side-toggle {
  position: absolute;
  top: 42px;
  right: 18px;
}
#bcm-side .bcm-side-toggle .btn-toggle {
  display: block;
  overflow: hidden;
  width: 26px;
  height: 26px;
  border: 2px solid #171445;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #5f57ff url("/img/ico_arrow_side.png") no-repeat 50% 50%;
  background-size: 100% auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#bcm-side .bcm-side-toggle .btn-toggle .open-txt {
  display: none;
}
.side-fold #bcm-side .bcm-side-toggle .btn-toggle .open-txt {
  display: block;
}
.side-fold #bcm-side .bcm-side-toggle .btn-toggle .close-txt {
  display: none;
}
.side-fold #bcm-side {
  overflow: visible;
  width: 80px;
}
.side-fold #bcm-side .bcm-side-section {
  width: auto;
  padding-bottom: 20px;
  text-align: center;
}
.side-fold #bcm-side .bcm-side-logo {
  padding: 0;
}
.side-fold #bcm-side .bcm-side-logo .logo a {
  padding: 16.5px 5px;
}
.side-fold #bcm-side .bcm-side-logo .logo a:before {
  width: 100%;
  height: 17px;
  background-image: url("/img/logo_s.png");
}
.side-fold #bcm-side .bcm-side-search {
  padding: 0;
}
.side-fold #bcm-side .bcm-side-search .search-ipt {
  width: 40px;
}
.side-fold #bcm-side .bcm-side-search .search-ipt .bcm-ipt, .side-fold #bcm-side .bcm-side-search .search-ipt .btn-clear {
  display: none;
}
.side-fold #bcm-side .bcm-side-search .search-ipt .btn-search {
  width: 100%;
}
.side-fold #bcm-side .bcm-side-navi {
  padding-top: 30px;
}
.side-fold #bcm-side .bcm-side-navi .nav-btn {
  display: none;
}
.side-fold #bcm-side .bcm-side-navi > .nav-name {
  display: block;
  position: absolute;
  margin-top: -11px;
  margin-left: -5px;
  padding: 11px 18px;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #5f57ff;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  -webkit-animation: 0.2s opacity-ani;
  animation: 0.2s opacity-ani;
}
.side-fold #bcm-side .bcm-side-navi > .nav-name:before, .side-fold #bcm-side .bcm-side-navi > .nav-name:after {
  position: absolute;
  top: 50%;
  right: 100%;
  width: 0;
  height: 0;
  margin-top: -6px;
  border-width: 6px 7px 6px 0;
  border-style: solid;
  border-color: transparent;
  content: "";
}
.side-fold #bcm-side .bcm-side-navi > .nav-name:before {
  border-right-color: #fff;
}
.side-fold #bcm-side .bcm-side-navi > .nav-name:after {
  margin-right: -1px;
  border-right-color: #5f57ff;
}
.side-fold #bcm-side .bcm-side-navi .mainnav-list li .mainnav-list {
  display: none;
}
.side-fold #bcm-side .bcm-side-navi .mainnav > .mainnav-list {
  display: inline-block;
  width: 80px;
  padding: 0;
  vertical-align: top;
}
.side-fold #bcm-side .bcm-side-navi .mainnav > .mainnav-list > li {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.side-fold #bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .child {
  display: inline-block;
  width: 42px;
  height: 42px;
  vertical-align: top;
}
.side-fold #bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .child .btn-page {
  height: 100%;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 0;
}
.side-fold #bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .child .btn-page .bcm-ico {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.side-fold #bcm-side .bcm-side-navi .mainnav > .mainnav-list > li > .child .btn-page .nav-name {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}
.side-fold #bcm-side .bcm-side-navi .mainnav > .mainnav-list > li.is-active > .child .btn-page {
  background-color: transparent;
}
.side-fold #bcm-side .bcm-side-navi .mainnav > .mainnav-list > li.is-selected > .child .btn-page {
  background-color: #fff;
}
.side-fold #bcm-side .bcm-side-navi .mainnav > .mainnav-list > li.is-selected > .child .btn-page .bcm-ico {
  background-position-y: -18px;
}
.side-fold #bcm-side .bcm-side-navi .mainnav > .mainnav-list > li.is-expanded > .child .btn-page:after {
  display: none;
}
.side-fold #bcm-side .bcm-side-navi .mainnav > .mainnav-list > li.is-expanded.is-active {
  margin-bottom: 0;
}
.side-fold #bcm-side .bcm-side-foot {
  padding: 0;
}
.side-fold #bcm-side .bcm-side-foot .side-btn .addmenu-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.side-fold #bcm-side .bcm-side-foot .side-btn .addmenu-btn:after {
  right: auto;
  left: 50%;
  margin-left: -10px;
}
.side-fold #bcm-side .bcm-side-foot .side-btn .addmenu-btn span {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}
.side-fold #bcm-side .bcm-side-foot .side-util {
  margin-top: 30px;
}
.side-fold #bcm-side .bcm-side-foot .side-util__list {
  display: block;
}
.side-fold #bcm-side .bcm-side-foot .side-util__list li {
  margin-top: 16px;
  padding: 0;
}
.side-fold #bcm-side .bcm-side-foot .side-util__list li:before {
  display: none;
}
.side-fold #bcm-side .bcm-side-foot .side-util__list li:first-child {
  margin-top: 0;
}
.side-fold #bcm-side .bcm-side-foot .side-util__list li .util-btn {
  display: block;
  padding: 0;
}
.side-fold #bcm-side .bcm-side-foot .side-util__list li .util-btn:before {
  left: 50%;
  margin-left: -10px;
}
.side-fold #bcm-side .bcm-side-foot .side-util__list li .util-btn span {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}
.side-fold #bcm-side .bcm-side-toggle {
  right: -15px;
}
.side-fold #bcm-side .bcm-side-toggle .btn-toggle {
  border-color: #eae9ef;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
#bcm-container {
  overflow: hidden;
  height: 100%;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: #eae9ef;
}
#bcm-container .bcm-container__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
  height: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#bcm-container .bcm-container__wrap::-webkit-scrollbar {
  width: 20px;
  height: 20px;
  background-color: transparent;
}
#bcm-container .bcm-container__wrap::-webkit-scrollbar-thumb {
  border: 7px solid #eae9ef;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background-color: rgba(159, 164, 179, 0.4);
}
#bcm-container .bcm-container__wrap::-webkit-scrollbar-corner {
  background-color: #eae9ef;
}
#bcm-topbar {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
#bcm-topbar .bcm-topbar-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  min-height: 43px;
  padding-bottom: 11px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#bcm-topbar .bcm-topbar-wrap .topbar-breadcrumb__list {
  font-size: 0;
}
#bcm-topbar .bcm-topbar-wrap .topbar-breadcrumb__list li {
  display: inline-block;
  position: relative;
  margin-left: 3px;
  padding-left: 7px;
  font-size: 14px;
  color: #999;
  line-height: 16px;
  vertical-align: middle;
}
#bcm-topbar .bcm-topbar-wrap .topbar-breadcrumb__list li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "/";
}
#bcm-topbar .bcm-topbar-wrap .topbar-breadcrumb__list li:first-child {
  margin-left: 0;
  padding-left: 0;
}
#bcm-topbar .bcm-topbar-wrap .topbar-breadcrumb__list li:first-child:before {
  display: none;
}
#bcm-topbar .bcm-topbar-wrap .topbar-breadcrumb__list li:last-child {
  color: #222;
}
#bcm-topbar .bcm-topbar-wrap .topbar-breadcrumb__list li .path-name {
  display: block;
}
#bcm-topbar .bcm-topbar-wrap .topbar-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}
#bcm-topbar .bcm-topbar-wrap .topbar-name {
  font-size: 0;
}
#bcm-topbar .bcm-topbar-wrap .topbar-name .user-icon {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #5f57ff;
  vertical-align: middle;
}
#bcm-topbar .bcm-topbar-wrap .topbar-name .user-icon img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  margin: auto;
}
#bcm-topbar .bcm-topbar-wrap .topbar-name .user-name {
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  color: #222;
  line-height: 1;
  vertical-align: middle;
}
#bcm-topbar .bcm-topbar-wrap .topbar-btn {
  margin-left: 20px;
  font-size: 0;
}
#bcm-topbar .bcm-topbar-wrap .topbar-btn .bcm-btn {
  font-weight: 600;
}
#bcm-topbar .bcm-topbar-wrap .topbar-btn .bcm-btn + .bcm-btn {
  margin-left: 8px;
}
#bcm-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#bcm-footer {
  padding: 15px 20px 16px;
}
#bcm-footer .copyright {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0;
  line-height: 14px;
}
#bcm-footer .copyright strong {
  font-weight: 600;
}
.bcm-title {
  float: left;
  font-size: 0;
}
.bcm-title .tit {
  display: inline-block;
  font-weight: 500;
  font-family: "Spoqa Han Sans Neo", "Malgun Gothic", "sans-serif";
  color: #262529;
  vertical-align: middle;
}
.bcm-title .tit span {
  display: inline-block;
}
.bcm-title .tit .point {
  font-weight: inherit;
  color: #4c46cc;
}
.bcm-title.h3 .tit {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 1;
}
.bcm-title.h4 .tit {
  padding: 6px 0;
  font-size: 16px;
  letter-spacing: -0.6px;
  line-height: 20px;
}
.bcm-title.h5 .tit {
  font-size: 14px;
  letter-spacing: -0.6px;
  line-height: 18px;
}
.bcm-title-txt {
  display: inline-block;
  margin-left: 2px;
  font-weight: 600;
  font-size: 11px;
  color: #999;
  letter-spacing: -0.6px;
  line-height: 16px;
  vertical-align: bottom;
}
.bcm-title-right {
  float: right;
  font-size: 0;
}
.bcm-title-right > * {
  vertical-align: middle;
}
.bcm-title-right > * + * {
  margin-left: 4px;
}
.bcm-title-right .bcm-formsearch {
  padding: 2px 0;
}
.bcm-formsearch {
}
.bcm-formsearch > * + * {
  margin-left: 10px;
}
.bcm-formsearch .bcm-btn.type4 {
  padding-right: 13px;
  padding-left: 13px;
  letter-spacing: 0;
}
.bcm-help__open {
  display: inline-block;
  margin-left: 3px;
  font-size: 0;
  vertical-align: middle;
}
.bcm-panel-topbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
.bcm-panel-topbar .bcm-topbar-btnbox {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: auto;
  font-size: 0;
}
.bcm-panel-topbar .bcm-topbar-btnbox > * + * {
  margin-left: 6px;
}
.bcm-panel {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 15px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
}
.bcm-panel-head {
  margin-bottom: 10px;
  padding: 10px 0;
}
.bcm-panel-head:before, .bcm-panel-head:after {
  content: '';
  display: block;
  clear: both;
}
.bcm-panel-dashboard {
}
.bcm-panel-dashboard .bcm-panel-cont > * {
  margin-top: 10px;
}
.bcm-panel-dashboard .bcm-panel-cont > *:first-child {
  margin-top: 0;
}
.bcm-panel-dashboard .bcm-section-box {
  padding: 20px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background-color: #fff;
}
.bcm-panel-dashboard .bcm-section-box.nobg-type {
  padding: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: none;
}
.bcm-panel-dashboard .bcm-section-head .bcm-title.h4 .tit {
  padding: 0;
  font-family: "Pretendard", "Malgun Gothic", "sans-serif";
  font-weight: 600;
  color: #333;
  line-height: 19px;
}
.bcm-panel-dashboard .bcm-section-head.line-type {
  padding-bottom: 10px;
}
.bcm-section__view {
  overflow: hidden;
}
.bcm-section__grid.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-right: -5px;
  margin-left: -5px;
}
.bcm-section__grid.flex .bcm-section-box {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: -webkit-calc(50% - 5px);
  width: calc(50% - 5px);
  margin: 0 5px;
}
.bcm-section__grid.flex.type1 .bcm-section-box:first-child {
  width: -webkit-calc(33.44% - 5px);
  width: calc(33.44% - 5px);
}
.bcm-section__grid.flex.type1 .bcm-section-box:last-child {
  width: -webkit-calc(66.56% - 5px);
  width: calc(66.56% - 5px);
}
.bcm-section-box {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-section-box + .bcm-section-box {
  margin-top: 40px;
}
.bcm-section-head {
  margin-bottom: 10px;
}
.bcm-section-head:before, .bcm-section-head:after {
  content: '';
  display: block;
  clear: both;
}
.bcm-section-head.line-type {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.bcm-section-fold {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 1;
  width: 80px;
  height: 20px;
  margin-top: -1px;
  margin-left: -40px;
}
.bcm-section-fold .btn-fold {
  display: block;
  position: relative;
  height: 100%;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  background-color: #4c46cc;
}
.bcm-section-fold .btn-fold:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 8px;
  margin-top: -4px;
  margin-left: -6px;
  background: url("/img/ico_arrow_fold.png") no-repeat 50% 50%;
  background-size: 100% auto;
  content: "";
}
.bcm-section-fold .btn-fold.is-open:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bcm-formlist {
  padding: 10px 0;
  border: 1px solid #4c46cc;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.bcm-formlist > li > div {
  display: table;
  table-layout: fixed;
  width: 100%;
  vertical-align: middle;
}
.bcm-formlist > li > div > div {
  display: table-cell;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-formlist > li > div > div + div {
  padding-left: 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.bcm-formlist > li > div > div > dl {
  display: table;
  table-layout: fixed;
  width: 100%;
  vertical-align: middle;
}
.bcm-formlist > li > div > div > dl > * {
  display: table-cell;
  vertical-align: middle;
}
.bcm-formlist > li > div > div > dl > dt, .bcm-formlist > li > div > div > dl > dd {
  height: 38px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-formlist > li > div > div > dl > dt {
  width: 126px;
  padding: 2px 6px 2px 20px;
  font-size: 13px;
  color: #000;
  line-height: 15px;
  word-break: keep-all;
}
.bcm-formlist > li > div > div > dl > dt > span {
  display: inline-block;
  vertical-align: middle;
}
.bcm-formlist > li > div > div > dl > dd {
  padding: 2px 13px 2px 0;
  font-size: 0;
}
.bcm-formlist > li > div > div > dl > dd > span {
  font-size: 13px;
  line-height: 15px;
}
.bcm-formlist .bcm-formlist {
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.bcm-formlist .bcm-formlist > li > div > div + div {
  position: relative;
  padding-left: 0;
  border-left: 0;
}
.bcm-formlist .bcm-formlist > li > div > div + div:before {
  position: absolute;
  top: 0;
  left: -1px;
  bottom: 0;
  width: 1px;
  height: 28px;
  margin: auto 0;
  background-color: #e6e8eb;
  content: "";
}
.bcm-formlist .bcm-formgroup {
  margin: 3px 6px 3px 0;
}
.bcm-formlist.vtop-type dt {
  padding-top: 11px;
  vertical-align: top;
}
.bcm-formlist.board-type {
  padding: 0;
  border: none;
  border-top: 1px solid #000;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.bcm-formlist.board-type > li {
  border-bottom: 1px solid #e6e8eb;
}
.bcm-formlist.board-type > li > div > div + div {
  padding-left: 0;
  border-left: 1px solid #e6e8eb;
}
.bcm-formlist.board-type dt {
  width: 150px;
  padding: 11px 20px;
  background-color: #f8f8f8;
  font-weight: 500;
  color: #494949;
  text-align: center;
}
.bcm-formlist.board-type dd {
  padding: 7px 0 7px 20px;
  border-left: 1px solid #e6e8eb;
}
.bcm-formlist.board-type dd > span, .bcm-formlist.board-type dd > div {
  color: #494949;
  font-size: 13px;
  line-height: 15px;
}
.bcm-formlist.board-type dd > span:not(.bcm-formgroup), .bcm-formlist.board-type dd > div:not(.bcm-formgroup) {
  padding: 4px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-formlist.board-type .bcm-formgroup {
  margin-top: 0;
  margin-bottom: 0;
}
.bcm-formlist.board-type .bcm-ipt {
  -webkit-border-radius: 0;
  border-radius: 0;
  height: 26px;
}
.bcm-formgroup {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}
.bcm-formgroup .bcm-btngroup + .bcm-btngroup,
.bcm-formgroup .bcm-inpwrap + .bcm-btngroup,
.bcm-formgroup .bcm-inpwrap + .bcm-select,
.bcm-formgroup .bcm-select + .bcm-inpwrap {
  margin-left: 6px;
}
.bcm-formgroup.full {
  display: block;
  width: 100%;
}
.bcm-formgroup.full .bcm-inpwrap {
  display: block;
}
.bcm-formgroup.full .bcm-ipt {
  width: 100%;
}
.bcm-formgroup.full .bcm-select {
  width: 100%;
}
@-webkit-keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.bcm-page-loader {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3000;
  height: 10px;
}
.bcm-page-loader > div {
  height: 100%;
  width: 0%;
  background: linear-gradient(99.91deg, #14ffe9 -25.49%, #1859ff 37.65%, #1859ff 51.68%, #eb65f7 114.82%);
}
.bcm-drag {
  display: inline-block;
  min-height: 24px;
  padding: 5px 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #e6e5ff;
  font-size: 0;
  white-space: nowrap;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.bcm-drag__list {
  font-size: 0;
  margin-top: -5px;
  white-space: wrap;
}
.bcm-drag__list li {
  display: inline-block;
  margin-top: 5px;
  margin-right: 5px;
  vertical-align: top;
}
.bcm-drag__list li:last-child {
  margin-right: 0;
}
.bcm-drag:before, .bcm-drag:after {
  content: '';
  display: block;
  clear: both;
}
.bcm-drag .data-txt {
  display: inline-block;
  padding: 1px 0;
  font-weight: 500;
  font-size: 12px;
  color: #5d5a9f;
  letter-spacing: -0.6px;
  line-height: 1;
  vertical-align: middle;
}
.bcm-dragbtn-box {
  float: right;
}
.bcm-drag .bcm-dragbtn-box {
  margin-right: -5px;
}
.bcm-drag.style2 {
  background-color: #e7efff;
}
.bcm-drag.style2 .data-txt {
  color: #37698e;
}
.bcm-drag.style2 .bcm-filterbtn {
  background-image: url("/img/ico_filter_b.png");
}
.bcm-drag.style2 .bcm-sortbtn {
  background-image: url("/img/ico_sort_default_b.png");
}
.bcm-drag.style2 .bcm-sortbtn.is-asc {
  background-image: url("/img/ico_sort_asc_b.png");
}
.bcm-drag.style2 .bcm-sortbtn.is-desc {
  background-image: url("/img/ico_sort_desc_b.png");
}
.bcm-filterbtn {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  vertical-align: middle;
  background-image: url("/img/ico_filter.png");
}
.bcm-sortbtn {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  vertical-align: middle;
  background-image: url("/img/ico_sort_default.png");
}
.bcm-sortbtn.is-asc {
  background-image: url("/img/ico_sort_asc.png");
}
.bcm-sortbtn.is-desc {
  background-image: url("/img/ico_sort_desc.png");
}
.bcm-minusbtn {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  vertical-align: middle;
  background-image: url("/img/ico_minus.png");
}
.bcm-plusbtn {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  vertical-align: middle;
  background-image: url("/img/ico_plus.png");
}
.bcm-control-box {
  float: left;
  margin-right: 5px;
  font-size: 0;
}
.bcm-control-box.type-white .bcm-minusbtn {
  background-image: url("/img/ico_minus_w.png");
}
.bcm-control-box.type-white .bcm-plusbtn {
  background-image: url("/img/ico_plus_w.png");
}
.bcm-gridarea {
  position: relative;
}
.bcm-gridbtn {
  position: absolute;
  top: 1px;
  right: 1px;
  background-color: #fff;
  padding: 7px 6px;
  z-index: 10;
}
.bcm-gridbtn:before {
  display: block;
  width: 24px;
  height: 24px;
  background: url("/img/ico_gridset.png") no-repeat 50% 50%;
  background-size: 100% auto;
  content: "";
}
.bcm-tbgroup {
  width: 100%;
  overflow: hidden;
}
.bcm-tbgroup .tb-size {
  overflow: auto;
}
.bcm-tbgroup .tb-size::-webkit-scrollbar {
  width: 20px;
  height: 20px;
  background-color: transparent;
}
.bcm-tbgroup .tb-size::-webkit-scrollbar-thumb {
  border: 7px solid #fff;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background-color: rgba(159, 164, 179, 0.4);
}
.bcm-tbgroup .tb-size .bcm-table {
  white-space: nowrap;
}
.bcm-tbgroup .tb-size.scroll {
  position: relative;
  overflow-y: auto;
  overflow-x: auto;
}
.bcm-tbgroup + .bcm-tbgroup {
  margin-top: 10px;
}
.bcm-table {
  table-layout: fixed;
  width: 100%;
  letter-spacing: -0.6px;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  line-height: 1;
}
.bcm-table th, .bcm-table td {
  height: 26px;
  padding: 7px 10px;
  border: 1px solid #d3d3d3;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-table th {
  background-color: #e7efff;
  font-weight: 400;
  color: #000;
}
.bcm-table th.th-bgwhite {
  padding-right: 33px;
  background-color: #fff;
}
.bcm-table tbody th, .bcm-table tbody td {
  color: #333;
}
.bcm-table td.form-td {
  padding: 0;
}
.bcm-table .tb_link {
  color: #262529;
  border-bottom: 1px solid #262529;
}
.bcm-table .tb_link.point {
  border-color: #e5132e;
  color: #e5132e;
}
.bcm-table.left th, .bcm-table.left td {
  text-align: left;
}
.bcm-table.grid-type th, .bcm-table.grid-type td {
  text-align: left;
  vertical-align: top;
}
.bcm-table.grid-type th:before, .bcm-table.grid-type th:after, .bcm-table.grid-type td:before, .bcm-table.grid-type td:after {
  content: '';
  display: block;
  clear: both;
}
.bcm-table.grid-type .itemCell {
  background-color: #e7efff;
}
.bcm-table.grid-type .ui-sortable:not(.bcm-drag__list) {
  background-color: #6761d1;
  color: #fff;
}
.bcm-table.grid-type .ui-sortable:not(.bcm-drag__list) .bcm-filterbtn {
  background-image: url("/img/ico_filter_w.png");
}
.bcm-table.grid-type .ui-sortable:not(.bcm-drag__list) .bcm-sortbtn {
  background-image: url("/img/ico_sort_default_w.png");
}
.bcm-table.grid-type .ui-sortable:not(.bcm-drag__list) .bcm-sortbtn.is-asc {
  background-image: url("/img/ico_sort_asc_w.png");
}
.bcm-table.grid-type .ui-sortable:not(.bcm-drag__list) .bcm-sortbtn.is-desc {
  background-image: url("/img/ico_sort_desc_w.png");
}
.bcm-table.grid-type .thGroup {
  background-color: #7b9bd9;
  color: #fff;
}
.bcm-table.grid-type .thGroup .bcm-plusbtn {
  background-image: url("/img/ico_plus_w.png");
}
.bcm-table.grid-type .thGroup .bcm-minusbtn {
  background-image: url("/img/ico_minus_w.png");
}
.bcm-table.grid-type .colTotalTh, .bcm-table.grid-type .rowTotalTd {
  background-color: #e8e8e8;
}
.bcm-table.grid-type .colSubTotalTh, .bcm-table.grid-type .rowSubTotalTd {
  background-color: #f5f8ff;
}
.bcm-table.grid-type .colTotalDataTd, .bcm-table.grid-type .colSubTotalDataTd, .bcm-table.grid-type .rowTotalDataTd, .bcm-table.grid-type .rowSubTotalDataTd {
  background-color: #f8f8f8;
}
.bcm-table.grid-type .data-txt {
  display: inline-block;
  vertical-align: top;
}
.bcm-table.grid-type .data-txt.value-num {
  width: 100%;
  font-family: "Malgun Gothic", sans-serif;
  color: #636363;
  letter-spacing: -0.8px;
  text-align: right;
}
.bcm-pagination {
  position: relative;
  margin-top: 15px;
  font-size: 0;
  text-align: center;
}
.bcm-pagination__total {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4.5px 0;
}
.bcm-pagination__total .data-total {
  font-size: 14px;
  color: #262529;
  letter-spacing: -0.2px;
  line-height: 17px;
}
.bcm-pagination__list {
  display: inline-block;
  padding: 2px 0;
  font-size: 0;
  vertical-align: top;
}
.bcm-pagination__list li {
  display: inline-block;
  margin: 0 4px;
  font-size: 13px;
  vertical-align: middle;
}
.bcm-pagination__list li:first-child, .bcm-pagination__list li:last-child {
  margin: 0;
}
.bcm-pagination__list li a {
  display: inline-block;
  min-width: 22px;
  height: 22px;
  padding: 0 4px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  color: #999;
  line-height: 22px;
  text-align: center;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-pagination__list li.is-active a {
  font-weight: 700;
  background-color: #e1dfff;
  color: #4c46cc;
}
.bcm-pagination__list li.arrow {
  margin: 0;
}
.bcm-pagination__list li.arrow i {
  height: 100%;
}
.bcm-pagination__list li:nth-child(2).arrow {
  margin-right: 16px;
}
.bcm-pagination__list li:nth-last-child(2).arrow {
  margin-left: 16px;
}
.bcm-pagination .page-input {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}
.bcm-pagination .page-input .bcm-form-label {
  padding-right: 6px;
  font-weight: 400;
  color: #636363;
  line-height: 26px;
}
.bcm-pagination .page-input .bcm-ipt {
  width: 37px;
  height: 26px;
  padding: 5px 7px;
  font-family: "Spoqa Han Sans Neo", "Malgun Gothic", "sans-serif";
  text-align: center;
}
.bcm-pagination__num {
  display: inline-block;
  margin-left: 30px;
  vertical-align: middle;
}
.bcm-pagination__num .page-input {
  margin-right: 8px;
}
.bcm-pagination__num .page-input .bcm-ipt {
  width: 40px;
  text-align: right;
}
.bcm-pagination__num .page-all {
  display: inline-block;
  margin-right: 10px;
  font-size: 13px;
  color: #636363;
  line-height: 16px;
  vertical-align: middle;
}
.bcm-pagination__num .page-all:before {
  display: inline-block;
  margin-right: 8px;
  font-size: 14px;
  color: #858585;
  letter-spacing: -0.6px;
  line-height: 18px;
  content: "/";
}
.bcm-pagination__row {
  position: absolute;
  top: 0;
  right: 0;
}
.bcm-tag {
  display: inline-block;
  min-width: 54px;
  padding: 5px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background-color: #05ac9d;
  font-weight: 500;
  font-size: 11px;
  color: #fff;
  letter-spacing: -0.6px;
  line-height: 1;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-tag.important {
  background-color: #5f57ff;
}
.bcm-tag.update {
  background-color: #63abff;
}
.bcm-dash {
  overflow: hidden;
}
.bcm-dash__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px -5px 0;
}
.bcm-dash__list li {
  width: 20%;
  margin-top: 10px;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-dash-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 24px 20px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-dash-box .dash-ico {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 58px;
  height: 58px;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #dedede;
  font-size: 0;
  text-align: center;
}
.bcm-dash-box .dash-ico:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.bcm-dash-box .dash-cont {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: right;
  word-break: break-all;
}
.bcm-dash-box .dash-cont .dash-tit {
  font-size: 0;
}
.bcm-dash-box .dash-cont .dash-tit .tit {
  display: inline-block;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.6px;
  line-height: 16px;
  vertical-align: middle;
}
.bcm-dash-box .dash-cont .dash-tit .state {
  display: inline-block;
  position: relative;
  margin-left: 6px;
  padding-right: 7px;
  font-weight: 600;
  font-size: 13px;
  color: #ff6f6f;
  line-height: 12px;
  vertical-align: middle;
}
.bcm-dash-box .dash-cont .dash-tit .state:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 10px;
  background: url("/img/ico_state_asc.png") no-repeat 0 0;
  background-size: auto 100%;
  content: "";
}
.bcm-dash-box .dash-cont .dash-tit .state.is-down {
  color: #5991ff;
}
.bcm-dash-box .dash-cont .dash-tit .state.is-down:after {
  background-image: url("/img/ico_state_desc.png");
}
.bcm-dash-box .dash-cont .dash-num {
  margin-top: 4px;
  font-size: 24px;
  color: #000;
  letter-spacing: -1px;
  line-height: 1;
}
.bcm-dash-box .dash-cont .dash-num strong {
  font-weight: 600;
  font-size: 28px;
}
.bcm-dash-box.is-active {
  background-color: #5f57ff;
}
.bcm-dash-box.is-active .dash-ico {
  background-color: #fff;
}
.bcm-dash-box.is-active .dash-cont .dash-tit, .bcm-dash-box.is-active .dash-cont .dash-num {
  color: #fff;
}
.bcm-status {
  overflow: hidden;
}
.bcm-status__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -12px -6px 0;
}
.bcm-status__list li {
  width: 25%;
  margin-top: 12px;
  padding: 0 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-status-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.bcm-status-head {
  min-height: 49px;
}
.bcm-status-head .status-tit {
  display: block;
  margin-top: 5px;
  font-weight: 600;
  font-size: 20px;
  color: #000;
  line-height: 24px;
}
.bcm-status-head .status-txt {
  margin-top: 4px;
  font-size: 0;
}
.bcm-status-head .status-txt .txt {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  padding-right: 10px;
  font-weight: 600;
  font-size: 11px;
  color: #999;
  line-height: 16px;
  vertical-align: top;
}
.bcm-status-head .status-txt .txt:after {
  position: absolute;
  top: 50%;
  right: -1px;
  width: 1px;
  height: 8px;
  margin-top: -4px;
  background-color: #dedede;
  content: "";
}
.bcm-status-head .status-txt .txt:last-child {
  margin-right: 0;
  padding-right: 0;
}
.bcm-status-head .status-txt .txt:last-child:after {
  display: none;
}
.bcm-status-cont {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px;
  padding: 36px 5px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #f5f5f5;
  text-align: center;
}
.bcm-status-cont .status-cont {
  margin-top: 20px;
  font-size: 0;
}
.bcm-status-cont .status-cont > * {
  margin: 0 4px;
}
.bcm-status-cont .status-cont:first-child {
  margin-top: 0;
}
.bcm-status-cont .status-num {
  display: inline-block;
  font-weight: 600;
  font-size: 22px;
  color: #333;
  line-height: 24px;
  vertical-align: middle;
}
.bcm-status-cont .status-subnum {
  display: inline-block;
  padding: 5px 9px;
  border: 1px solid #000;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background-color: #fff;
  font-weight: 600;
  font-size: 14px;
  color: #000;
  line-height: 1;
  vertical-align: middle;
}
.bcm-status-cont .status-state {
  display: inline-block;
  position: relative;
  padding: 8px 43px 10px 20px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background-color: #ed3838;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  line-height: 18px;
}
.bcm-status-cont .status-state em {
  font-size: 18px;
  line-height: 1;
}
.bcm-status-cont .status-state:after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 0;
  height: 0;
  margin-top: -6px;
  border: 0 solid transparent;
  border-right-width: 7px;
  border-left-width: 7px;
  border-bottom-width: 10px;
  border-bottom-color: #fff;
  content: "";
}
.bcm-status-cont .status-state.is-down {
  background-color: #0052F2;
}
.bcm-status-cont .status-state.is-down:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.bcm-boardlist__list li {
  margin-top: 6px;
  padding-top: 5px;
  border-top: 1px solid #ececec;
}
.bcm-boardlist__list li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.bcm-boardlist__list li a {
  display: table;
  table-layout: fixed;
  width: 100%;
  font-size: 13px;
  line-height: 16px;
}
.bcm-boardlist__list li a > * {
  display: table-cell;
  vertical-align: middle;
}
.bcm-boardlist__list li a .board-tag {
  width: 62px;
  padding-right: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-boardlist__list li a .board-txt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bcm-boardlist__list li a .board-date {
  width: 41px;
  padding-left: 8px;
  font-family: "Spoqa Han Sans Neo", "Malgun Gothic", "sans-serif";
  text-align: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bcm-board-table {
  table-layout: fixed;
  background-color: #fff;
  text-align: center;
}
.bcm-board-table th, .bcm-board-table td {
  padding: 11.5px 20px;
  font-size: 13px;
  color: #494949;
  line-height: 15px;
}
.bcm-board-table th {
  font-weight: 500;
}
.bcm-board-table thead th {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.bcm-board-table thead th + th {
  border-left: 1px solid #e6e8eb;
}
.bcm-board-table tbody tr:nth-child(odd) {
  background-color: #f8f8f8;
}
.bcm-board-table tbody td {
  border-bottom: 1px solid #e6e8eb;
}
.bcm-board-table tbody td + td {
  border-left: 1px solid #e6e8eb;
}
.bcm-board-table tbody td a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bcm-board-foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-height: 32px;
  margin-top: 20px;
  padding: 0 200px;
}
.bcm-board-foot .bcm-pagination {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-top: 0;
}
.bcm-board-foot__right {
  position: absolute;
  top: 0;
  right: 0;
}
#bcm-intro {
  min-height: 706px;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
}
#bcm-intro .bcm-intro__wrap {
  height: 100%;
  padding: 20px 0;
  font-size: 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#bcm-intro .bcm-intro__wrap:before {
  height: 100%;
  content: "";
}
#bcm-intro .bcm-intro__wrap:before, #bcm-intro .bcm-intro__login {
  display: inline-block;
  vertical-align: middle;
}
#bcm-intro .bcm-intro__login {
  width: 600px;
}
#bcm-intro .bcm-intro__login .login-header {
  margin-bottom: 12px;
  padding-left: 10px;
}
#bcm-intro .bcm-intro__login .login-header .login-tit {
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  line-height: 19px;
}
#bcm-intro .bcm-intro__login .login-box {
  min-height: 600px;
  padding: 133px 92px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#bcm-intro .bcm-intro__login .login-box .login-logo .logo {
  height: 40px;
}
#bcm-intro .bcm-intro__login .login-box .login-logo .logo img {
  height: 100%;
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup {
  margin-top: 48px;
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .bcm-inpwrap {
  display: block;
  height: 48px;
  margin: 0 0 24px;
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .bcm-inpwrap:before {
  position: absolute;
  top: 50%;
  left: 13px;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  background: no-repeat 50% 50%;
  background-size: 100% auto;
  content: "";
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .bcm-inpwrap .bcm-ipt {
  width: 100%;
  height: 100%;
  padding: 15px 15px 15px 45px;
  border: none;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-family: "Pretendard", "Malgun Gothic", "sans-serif";
  font-size: 15px;
  color: #000;
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .bcm-inpwrap .bcm-ipt::-webkit-input-placeholder {
  color: #999;
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .bcm-inpwrap .bcm-ipt::-moz-placeholder {
  color: #999;
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .bcm-inpwrap .bcm-ipt:-ms-input-placeholder {
  color: #999;
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .bcm-inpwrap .bcm-ipt::placeholder {
  color: #999;
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .bcm-inpwrap .btn-clear {
  right: 16px;
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .bcm-inpwrap.hasdata .bcm-ipt {
  padding-right: 42px;
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .bcm-inpwrap.user-ipt:before {
  background-image: url("/img/ico_login_user.png");
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .bcm-inpwrap.pw-ipt:before {
  background-image: url("/img/ico_login_pw.png");
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .login-setting {
  text-align: left;
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .login-setting .bcm-pressgroup {
  padding: 0;
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .login-setting .bcm-pressgroup input[type=checkbox] + label {
  min-height: 16px;
  padding: 1px 0 1px 22px;
  font-family: "Pretendard", "Malgun Gothic", "sans-serif";
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.1px;
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .login-setting .bcm-pressgroup input[type=checkbox] + label:before {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border-color: #fff;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  background-color: transparent;
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .bcm-btngroup {
  display: block;
  margin-top: 24px;
}
#bcm-intro .bcm-intro__login .login-box .login-formgroup .bcm-btngroup .btn-login {
  width: 100%;
  padding: 18px;
  border: none;
  background-color: #5f57ff;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  letter-spacing: 0.1px;
}
#bcm-intro .bcm-intro__login .login-footer {
  padding: 10.5px 0;
}
#bcm-intro .bcm-intro__login .login-footer .copyright {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0;
  line-height: 14px;
}
#bcm-intro .bcm-intro__login .login-footer .copyright strong {
  font-weight: 600;
}