/* * 공통 */
@charset "UTF-8";

/* ------------------------------------------------------------------------
* :root
------------------------------------------------------------------------ */
:root {
  /* * border */
  --common-border: #DDD 1px solid;
  /* * text */
  --text-main-color: #222;
  --text-sub-color: #555;
  --text-gray-color: #AAA;
  --text-blue-color: #2196F3;
  --text-red-color: #EF5350;
  --text-yello-color: #FFBF62;
  --text-white-color: #FFF;
  /* * table */
  --table-title-bg: #F7F7F7;
  --table-inner-bg: #E7EAED;
  --table-border-radius: 8px;
  /* * background color */
  --popup-hover: #f4f4f4;
  --popup-pressed: #e6e6e6;
}


input[type=radio]:disabled {
  background-color: #F7F7F7;
}

/* * 가운데 정렬 */
.center {
  display: flex;
  align-items: center;
  justify-content: center !important;
}

.align_start {
  align-items: start !important;
}

.align_center {
  align-items: center;
}

.flex-end {
  align-self: flex-end;
}

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

.flex_nowrap {
  flex-wrap: nowrap !important;
}

/* 여백 초기화 + 수직 정렬 */
.init_align {
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
}

/* 양쪽 */
.between {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  justify-content: space-between;
}

/* 텍스트 왼쪽 */
.text_left {
  text-align: left;
}

/* * 텍스트 숨김 */
.hidden_text {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}

/* * font weight */
.font_bold {
  font-family: 'Pretendard-Bold';
}

.font_semiBold {
  font-family: 'Pretendard-SemiBold';
}

.font_medium {
  font-family: 'Pretendard-Medium' !important;
}

.font_regular {
  font-family: 'Pretendard-Regular' !important;
}
.font_bold_important {
  font-family: 'Pretendard-Bold' !important;
}

.font_light {
  font-family: 'Pretendard-Light' !important;
}

html[lang='ja'] .Exosphere.custom--exosecurity {
  .font_bold {
    font-family: "NotoSansJP-Bold", "Meiryo UI", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", arial, helvetica, sans-serif !important;
    font-weight: 700 !important;
  }
  
  .font_semiBold {
    font-family: "NotoSansJP-SemiBold", "Meiryo UI", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", arial, helvetica, sans-serif !important;
    font-weight: 600 !important;
  }
  
  .font_medium {
    font-family: "NotoSansJP-Medium", "Meiryo UI", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", arial, helvetica, sans-serif !important;
    font-weight: 500 !important;
  }
  
  .font_regular {
    font-family: "NotoSansJP-Regular", "Meiryo UI", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", arial, helvetica, sans-serif !important;
    font-weight: 400 !important;
  }
  
  .font_light {
    font-family: "NotoSansJP-Light", "Meiryo UI", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", arial, helvetica, sans-serif !important;
    font-weight: 300 !important;
  }
}

.color_gray {
  color: var(--text-gray-color);
}

.color_gray2 {
  color: #9A9A9A;
}

.color_gray3 {
  color: #7C7C7C;
}

a.color_gray2:hover {
  color: #9A9A9A !important;
}

.color_green {
  color: #40A629;
}

.color_red {
  color: var(--text-red-color) !important;
}

.color_blue {
  color: var(--text-blue-color) !important;
}

.color_red-caution {
  color: #d10000;
}

.bg_red-caution {
  background-color: #d10000 !important;
}

/* 기존 관리자페이지 컬러 클래스 : from common_global */
/*------------------------------------------------------------------------
[common_global.css]
> 공통 글로벌 스타일
------------------------------------------------------------------------*/
/*----------------------------------------
# Color
----------------------------------------*/
.color_blue01,
.color_officeBlue,
.color-officeBlue {
  color: #2196f3;
}

.color_green01 {
  color: #1f8c13;
}

.color_skyblue01 {
  color: #3c9df0;
}

.color_yellowgreen01 {
  color: #93c911;
}

.color_yellow01 {
  color: #ffba00;
}

.color_yellow02,
.color_warningYellow {
  color: #f3a600;
}

.color_orange01 {
  color: #ef5350;
}

.color_orange01-1 {
  color: #ef5350;
}

.color_officeGray {
  color: #505050;
}

.color_gray01 {
  color: #767676;
}

.color_gray02,
.color_999 {
  color: #999999;
}

.color_gray03 {
  color: #aaaaaa;
}

.color_gray04 {
  color: #bbbbbb;
}

.color_gray05 {
  color: #c0c0c0;
}

.color_gray06 {
  color: #555;
}

.span_font_white {
  color: #FFFFFF !important;
}

.span_font_grey {
  color: #8C8C8C !important;
}

.span_font_gray {
  color: #838383 !important;
  font-size: 14px;
}

.span_font_black {
  color: black !important;
}

.span_font_blue {
  color: #2196F3 !important;
}

.span_font_black_ni {
  color: #333333;
}

.span_font_blue_ni {
  color: #2196F3;
}

.span_font_red {
  color: #EB5757 !important;
}

.span_font_orange {
  color: #FA8C16 !important;
}


/* 폰트 사이즈 */
.font_12 {
  font-size: 12px;
}

.font_13 {
  font-size: 13px;
}

.font_14 {
  font-size: 14px;
}

.font_15 {
  font-size: 15px !important;
}

.font_16 {
  font-size: 16px;
}

.font_18 {
  font-size: 18px !;
}

/* hidden : 이벤트 클래스명 */
.hidden {
  display: none !important;
}

/* 기존 숨김 class */
.hide {
  display: none;
}

/* btn 버튼 화살표 방향 */
.arrow_rotate {
  transform: rotate(180deg) !important;
}

/* * 마진/패딩 지정 */
.padding_t_8 {
  padding-top: 8px;
}

.padding_t_10 {
  padding-top: 10px !important;
}

.padding_t_15 {
  padding-top: 15px;
}

.padding_t_20 {
  padding-top: 20px;
}

.padding_b_0 {
  padding-bottom: 0 !important;
}

.padding_b_10 {
  padding-bottom: 10px !important;
}

.padding_b_12 {
  padding-bottom: 12px;
}

.padding_b_15 {
  padding-bottom: 15px !important;
}

.padding_b_20 {
  padding-bottom: 20px;
}

.padding_l_20 {
  padding-left: 20px;
}

.margin_auto {
  margin: 0 auto;
}

.none_margin {
  margin: 0 !important;
}

.margin_20_0 {
  margin: 20px 0;
}

.margin_t_0 {
  margin-top: 0 !important;
}

.margin_t_2 {
  margin-top: 2px;
}

.margin_t_4 {
  margin-top: 4px;
}

.margin_t_6 {
  margin-top: 6px;
}

.margin_t_10 {
  margin-top: 10px;
}

.margin_t_20 {
  margin-top: 20px;
}

.margin_t_30 {
  margin-top: 30px;
}

.margin_r_3 {
  margin-right: 3px;
}

.margin_r_5 {
  margin-right: 5px;
}

.margin_r_6 {
  margin-right: 6px;
}

.margin_r_9 {
  margin-right: 9px;
}

.margin_r_10 {
  margin-right: 10px;
}

.margin_r_12 {
  margin-right: 12px !important;
}

.margin_r_15 {
  margin-right: 15px;
}

.margin_r_18 {
  margin-right: 18px;
}

.margin_r_20 {
  margin-right: 20px;
}

.margin_r_23 {
  margin-right: 23px;
}

.margin_r_25 {
  margin-right: 25px;
}

.margin_r_30 {
  margin-right: 30px;
}

.margin_r_55 {
  margin-right: 55px !important;
}
.margin_r_70 {
  margin-right: 70px !important;
}

.margin_r_100 {
  margin-right: 100px !important;
}

.margin_b_0 {
  margin-bottom: 0 !important;
}

.margin_b_1 {
  margin-bottom: 1px;
}

.margin_b_2 {
  margin-bottom: 2px;
}

.margin_b_3 {
  margin-bottom: 3px;
}

.margin_b_5 {
  margin-bottom: 5px !important;
}

.margin_b_10 {
  margin-bottom: 10px;
}

.margin_b_12 {
  margin-bottom: 12px;
}

.margin_b_13 {
  margin-bottom: 13px;
}

.margin_b_15 {
  margin-bottom: 15px;
}

.margin_b_20 {
  margin-bottom: 20px;
}

.margin_b_25 {
  margin-bottom: 25px;
}

.margin_b_30 {
  margin-bottom: 30px;
}

.margin_b_40 {
  margin-bottom: 40px;
}

.margin_l_-5 {
  margin-left: -5px;
}

.margin_l_0 {
  margin-left: 0px !important;
}

.margin_l_3 {
  margin-left: 3px;
}

.margin_l_6 {
  margin-left: 6px;
}

.margin_l_7 {
  margin-left: 7px;
}

.margin_l_8 {
  margin-left: 8px;
}

.margin_l_10 {
  margin-left: 10px;
}

.margin_l_12 {
  margin-left: 12px;
}

.margin_l_15 {
  margin-left: 15px;
}

.margin_l_18 {
  margin-left: 18px;
}

.margin_l_20 {
  margin-left: 20px;
}

.margin_l_40 {
  margin-left: 40px;
}

.margin_l_44 {
  margin-left: 44px;
}

.margin_l_58 {
  margin-left: 58px;
}

.margin_l_120 {
  margin-left: 120px;
}

.margin_10 {
  margin: 10px !important;
}

.margin_b_30-form_select:has(.form_select) {
  margin-bottom: 40px;
}

.line_h_17 {
  line-height: 17px;
}

.line_h_20 {
  line-height: 20px;
}

.vertical-align_initial {
  vertical-align: initial;
}

.mb-col {
  display: flex;
  flex-direction: row;
  gap: 20px;

  @media (max-width : 1476px) {
    flex-direction: column;
  }
}

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

.overflow-auto {
  overflow: auto;
}

.font_underline:hover {
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

/* * 인풋 라디오 (radio) 설정 */
[type="radio"] {
  appearance: none;
  width: 17px;
  height: 17px;
  border: 1px solid #d2d2d2;
  border-radius: 50%;

}

[type="radio"]:checked {
  box-shadow: 0 0 0 1px #d2d2d2;
  border: 4px solid #fff;
  background-color: #000;
}

input[type="radio"]+label {
  cursor: pointer;
}

/* 체크박스 커스텀 */
input[type=checkbox]:checked {
  background-color: #000;
  border: 1px solid #000 !important;
  background-image: url(/assets/images/svg/check-solid.svg);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
}

input[type=checkbox]:checked::after {
  /*   content: '\f00c';
  color: #fff;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 11px;
  margin-left: 2px;
  vertical-align: 2px; */
  /*   background-image: url(/assets/images/svg/check-solid.svg) ;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center; */
}

input[type=checkbox]:disabled {
  background-color: rgba(0, 0, 0, 0.2);
  border: none;
  outline: none;
}

input[type=checkbox]:disabled+label {
  color: #aaa;
}

.input_text_style {
  height: 34px;
  border: var(--common-border);
  border-radius: 5px;
  padding: 5px 11px;
  box-sizing: border-box;
  background-color: #fff;
}

.input_text_style.width_132 {
  width: 130px;
}

/* 기존 클래스명에서 스타일 수정 */
/* 검색 */
.search_area {

  position: relative;
  display: flex !important;
  height: 34px;
  /* border: var(--common-border); */
  border-radius: 5px;
  box-sizing: border-box;
  /* width: 165px !important; */
  width: auto;
}

.search_area input {
  background-color: #fff;
}

.search_area.policy_toggle_search {
  width: 165px;
}

.search_area input[type=text].text_box_gray {
  /* 검색 input */
  padding: 3px 32px 3px 5px;
}

.search_area button.search {
  /* 검색 btn */
  position: absolute;
  right: 0;
  width: 34px;
  height: 32px;
  color: #aaaaaa00;
  background-image: url(/assets/images/svg/search-solid.svg?ver=24062500);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
}

input[type=text]:disabled,
input[type=number]:disabled {
  background-color: #F7F7F7;
  color: #aaa;
}

/*------------------------------------------------------------
# 툴팁타입01 - 테이블 - 오버플로우항목 - 상세보기
------------------------------------------------------------*/
.tooltip_type02:hover:before {
  content: "" attr(tooltip_text) "";
  min-width: fit-content;
  max-width: 1000px;
  position: absolute;
  background: white none repeat scroll 0% 0%;
  line-height: 1.2;
  opacity: 1;
  border: none !important;
  border-radius: 3px;
  font-size: 12px;
  box-shadow: 0 5px 20px 0 rgba(35, 35, 35, 0.1);
  color: #333;
  text-align: left;
  word-break: break-all;
  white-space: pre-wrap;
  cursor: text;
  max-width: 80%;
  padding: 8px 12px;
  margin-top: -40px;
  z-index: 999;
}

/* * 툴팁(tooltip) 디자인 */
/* .mouse_tooltip {
  background: #FFFFFF;
  box-shadow: 0px 5px 20px rgb(35 35 35 / 10%);
  border-radius: 3px;
  border: none;
  opacity: 1;
} */
.mouse_tooltip,
.mouse_tooltip2 {
  max-width: 100%;
  line-height: 1.4;
  padding: 12px 14px;
  font-size: 12px;
  background: #FFFFFF;
  box-shadow: 0 5px 20px 0 rgba(35, 35, 35, 0.1);
  border-radius: 3px;
  border: none;
  opacity: 1;
  z-index: 1;
}

.tool_tip {
  display: none;
  position: absolute;
  max-width: 100%;
  z-index: 2000;
  cursor: default;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 0 5px 20px 0 rgba(35, 35, 35, 0.1);
  border-radius: 3px;
  background-color: #fff;
  color: #333;
  font-size: 9pt;
}

.dash_tool_tip {
  display: none;
  position: absolute;
  max-width: 100%;
  z-index: 2000;
  cursor: default;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 0 5px 20px 0 rgba(35, 35, 35, 0.1);
  border-radius: 3px;
  background-color: #fff;
  color: #333;
  font-size: 9pt;
  transform: translate(calc(-50% + 10px), 10px);
}

.transform_center {
  transform: translate(calc(50% + 10px), 10px);

}

.content_btn_wrap button:hover+.dash_tool_tip {
  display: block;
}

/* * 타이틀 툴팁 */
.display_list:hover~.tool_tip {
  display: block;
}

/* * 인포 툴팁 */
img.info {
  margin-left: 4px;
  cursor: pointer;
  padding: 2px;
  margin-bottom: 2px;
}

.info:hover~.tool_tip {
  display: block;
}

.info2:hover~.tool_tip {
  display: block;
}

/* 프로스레스 툴팁 */
.progress:hover .tool_tip {
  display: block !important;
  margin-top: 20px;
}

/* * 작은 컨텐츠 그림자 */
.small_shadow {
  background-color: #fff;
  box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
}

.small_shadow_02 {
  background-color: #fff;
  box-shadow: 0 0 10px 4px rgba(120, 120, 120, 0.06);
  border-radius: 5px;
}

/* * 큰 컨텐츠 그림자 */
.large_shadow {
  background-color: #fff;
  box-shadow: 0 0 40px 0 rgba(197, 197, 197, 0.25);
  border-radius: 10px;
  padding: 22px 28px;
  box-sizing: border-box;
}


/* * 컨텐츠 가로 나열 시 */
.flex_column {
  display: flex;
  flex-direction: column;
}

.item_row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.list_gap .item_row li input[type="radio"] {
  align-items: center;
  justify-content: center;
  vertical-align: center;
  margin-bottom: 1px;
}

input[type="checkbox"],
input[type="radio"] {
  margin-right: 3px;
}

/* li.item_row input {
  margin-right: 4px;
  margin-top: 1px;
} */
.none_min-width {
  min-width: none !important;
}

.width_70px {
  width: 70px !important;
}
.width_100px {
  width: 100px !important;
}

.width_120px {
  width: 120px !important;
}

.width_170 {
  min-width: 170px !important;
  width: 170px !important;
}

.width_220 {
  min-width: 220px !important;
  width: 220px;
}

.width_250 {
  width: 250px;
}

.width_300 {
  min-width: 220px;
  width: 300px;
}

.width_350 {
  min-width: 220px;
  width: 350px !important;
}

.flex-1 {
  flex: 1;
}

.gap_3 {
  gap: 3px;
}

.gap_4 {
  gap: 4px;
}

.gap_row_5 {
  row-gap: 5px;
}

.gap_5 {
  gap: 5px;
}

.gap_6 {
  gap: 6px;
}

.gap_10 {
  gap: 10px;
}

.gap_column_10 {
  column-gap: 10px;
}
.gap_4_10 {
  gap: 4px 12px;
}

.gap_12 {
  gap: 12px;
}

.gap_14 {
  gap: 14px;
}

.gap_20 {
  gap: 20px;
}

.gap_30 {
  column-gap: 30px;
  row-gap: 10px;
}

.gap_40 {
  column-gap: 40px !important;
  row-gap: 10px;
}

.gap_45 {
  column-gap: 45px;
  row-gap: 20px;
}

/* * 반응형 시 위아래 간격 */
.justify_content_sb {
  justify-content: space-between;
  gap: 14px;
}

.justify_content_center {
  justify-content: center;
}

.radio.justify_content_sb {
  /* height: 34px; */

  @media (max-width : 1400px) {
    height: auto;
  }
}

.pointer_events_auto {
  pointer-events: auto;
}

.pointer_events_none {
  pointer-events: none;
}

/* * 버튼이 될 부분 */
.cursor_pointer {
  transition: .3s;
  cursor: pointer;
}

input[type=text],
input[type=password],
input[type=number] {
  width: 100%;
  padding: 3px 5px;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus {
  border: 1px solid #2196F3;
}

/* arrow bcc */
.table_toggle .arrow {
  color: #AAAAAA;
}

.move_input .page_move {
  color: #fff;
}

/* 플로팅 버튼 */
.wrap-inquiry {
  display: block;
  position: fixed;
  top: 150px;
  right: 28px;
  z-index: 82;
  width: 80px;
  flex-shrink: 0;
  border-radius: 10px;
  background: #4A4A4A;
  box-shadow: 0px 4px 10px 0px #3B3A3A40;
  padding: 10px 17px 16px;
  font-weight: 600;
}

.inquiry-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -10px;
  right: -5px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #A39E9E;
  box-shadow: 0px 4px 4px 0px #00000040;
}

.inquiry-close-icon {
  width: 12px;
  color: #fff;
}

.inquiry-box {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  margin-right: -15px;
  margin-left: -15px;
}

.inquiry-icon {
  background: #ffffff;
  border-radius: 50%;
  display: inline-block;
}

.inquiry-icon:hover {
  background: #EFEFEF;
}

.inquiry-icon:active {
  background: #E7E7E7;
}
.award_text {
  color: #F8D88E;
  text-align: center;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.55px;
  margin-bottom: 15px;
  margin-top: 4px;
}
.award_text span {
  color: #F8D88E;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.55px;
}
.inquiry-icon-text {
  margin-top: 5px;
  margin-bottom: 9px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
}
.lang-ja .inquiry-icon-text {
  font-size: 13px;
}

.point_moving_new {
  z-index: 999;
  animation-name: slideInUp-1;
  animation-fill-mode: both;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin-top: 6px;
  margin-left: 66px;
  position: absolute;
}

.point_moving_new_2 {
  z-index: 10px;
  position: absolute;
  margin-left: -15px;
  margin-top: 13px;
  width: 40px;
  animation-name: slideInUp-2;
  animation-fill-mode: both;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes slideInUp-1 {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0)
  }
}

@keyframes slideInUp-2 {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0)
  }
}


/* 뱃지 (메뉴, 정책설정) 베타, 유료 */
.badge_new {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 15px !important;
  height: 15px !important;
  color: #FFF;
  font-size: 9px;
  font-weight: 800;
  border-radius: 3px;
  background: #EF5350;
  margin-right: 4px;
  margin-left: 2px;
  vertical-align: text-bottom;
}

.badge {
  min-width: 52px;
  display: inline-block;
  font-family: 'Pretendard-Light';
  line-height: 1.2;
}

.payment_badge {
  padding: 2px 3px;
  margin-left: 5px;
  border-radius: 3px;
  font-size: 11px;
  color: #fff;
  position: relative;
  top: -1px;
}

.payment_badge.badge_pay {
  background-color: #EF5350;
}

.payment_badge.badge_beta {
  background-color: #40A629;
}

.uninstallBadge {
  display: inline-block;
  padding: 2px 6px 2px 6px;
  margin-left: 8px;
  border-radius: 3px;
  background: #F2F2F2;
  color: #949494;
  line-height: 1;
  font-weight: 500;
  font-size: 11px;
  text-align: center;
  cursor: default;
  vertical-align: 5px;
}

.LDAPBadge {
  display: inline-block;
  padding: 2px 6px 2px 6px;
  margin-left: 8px;
  border-radius: 3px;
  background: rgba(64, 166, 41, 0.18);
  color: #40A629;
  line-height: 1;
  font-weight: 500;
  font-size: 11px;
  text-align: center;
  cursor: default;
  vertical-align: 5px;
}

.adminBadge {
  display: inline-block;
  padding: 2px 6px 2px 6px;
  margin-left: 8px;
  border-radius: 3px;
  background: #FEEEEE;
  color: #EF5350;
  line-height: 1;
  font-weight: 500;
  font-size: 11px;
  text-align: center;
  cursor: default;
  vertical-align: 5px;
}

.approverBadge {
  display: inline-block;
  padding: 2px 6px 2px 6px;
  margin-left: 8px;
  border-radius: 3px;
  background: #E0F1FF;
  color: #2196F3;
  line-height: 1;
  font-weight: 500;
  font-size: 11px;
  text-align: center;
  cursor: default;
  vertical-align: 5px;
}
.badge-blue {
  display: inline-block;
  padding: 2px 6px 2px 6px;
  border-radius: 3px;
  background: #E0F1FF;
  color: #2196F3;
  line-height: 1;
  font-weight: 500;
  font-size: 11px;
  text-align: center;
  cursor: default;
}


.inspection_result_noinspection {
  color: #222222;
  background-color: #EAEAEA;
  padding: 3px 5px;
  border-radius: 3px;
  font-size: 12px;
}

.inspection_result_safe {
  color: #2196F3;
  background-color: rgba(33, 150, 243, 0.1);
  padding: 3px 5px;
  font-size: 12px;
  border-radius: 3px;
}

.inspection_result_weak {
  color: #EF5350;
  background-color: #ffe1e1;
  padding: 3px 5px;
  border-radius: 3px;
  font-size: 12px;
}

.inspection_result_fail {
  color: #FA9809;
  background-color: #F9E6C9;
  padding: 3px 5px;
  border-radius: 3px;
  font-size: 12px;
}

.inspection_result_uncheckable {
  margin: 10px 0px;
  color: #fff;
  background-color: #535353;
  padding: 3px 5px;
  border-radius: 3px;
  font-size: 12px;
}

/* * 컨텐츠 비어있음 */
.content_empty {
  /* 컨텐츠 없을 경우 좌측정렬 */
  margin: 20px;
}

.content_empty_center {
  /* 컨텐츠 없을 경우 가운데 정렬 */
  text-align: center;
}

/* * h4 > span */
.item_title span.sub_text,
.service .title_box .sub_text {
  margin-left: 12px;
  color: #5C656E;
  font-size: 13px;
}

.item_table .sub_text {
  margin-left: 12px;
  color: #5C656E;
  font-size: 13px;
}

label input[type=radio] {
  margin-right: 6px;
}

/* 로딩 */
/* loading */
#loading {
  /* display: none; */
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
}

.spinner {
  position: relative;
  width: 200px;
  text-align: center;
  top: 40%;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 9999;
}

.spinner img {
  animation: spin 0.6s infinite linear;

}

.spinner p {
  margin-top: 11px;
  color: var(--text-main-color, #222);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.title_row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
}

/* 캘린더 input */
.calender {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}

.calender .select_date {
  position: relative;
}

.calender .select_date input[type="text"].width_130 {
  width: 130px !important;
}

.calender svg.arrow {
  height: 1em;
  position: absolute;
  top: 8px;
  font-size: 14px;
  right: 10px;
  pointer-events: none;
}

input.hasDatepicker {
  cursor: pointer;
  border: var(--common-border);
  padding: 4px 2px 4px 14px;
  height: 32px;
  width: 184px !important;
  border-radius: 5px !important;
}

.sorting_icon {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(../images/sorting_table.svg) no-repeat;
  background-size: contain;
  vertical-align: -3px;
  margin-left: 4px;
}

.sorting_icon.reverse {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(../images/sorting_table_reverse.svg) no-repeat;
  background-size: contain;
  vertical-align: -3px;
  margin-left: 4px
}

th .item_select .select .selected .arrow {
  color: #aaa;
  margin-left: 0;
}

.calender input[value] {
  border: var(--common-border);
  padding: 4px 2px 4px 14px;
  height: 32px;
  width: 184px !important;
  border-radius: 5px !important;
}

/* 스크롤바 */
html {
  height: -webkit-fill-available;
  overflow-y:scroll;
}

html::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background: transparent;
}

html::-webkit-scrollbar-thumb {
  background-color: rgba(107, 107, 107, 0.2);
  border-radius: 10px;
  width: 8px;
  background-clip: padding-box;
}

html::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

html::-webkit-scrollbar-track {
  /* background-color: rgba(131, 131, 131, 0.1); */
}

/* 스크롤바 */
div::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

div::-webkit-scrollbar-thumb {
  background-color: rgba(107, 107, 107, 0.2);
  border-radius: 10px;
  width: 8px;
  background-clip: padding-box;
}

div::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

div::-webkit-scrollbar-track {
  /* background-color: rgba(131, 131, 131, 0.1); */
}

/* 스크롤바 */
li::-webkit-scrollbar {
  height: 8px;
  width: 20px;
}

li::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: rgba(107, 107, 107, 0.2);
  border-radius: 10px; 

	border: 7px solid #FFF;
}

li::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

li::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,0); /* 스크롤바 뒷 배경을 투명 처리한다 */
}

/* 인라인 스타일  */
.card_tooltip1 {
  white-space: pre;
}

/* dev_team_add */

/* input[type="radio"]+label {
  cursor: pointer;
  background-repeat: no-repeat;
  background-image: url(/res/images/common_form/radio.svg?ver=22052400);
  display: inline-block;
  padding-left: 20px;
  height: 17px;
  line-height: 18px;
} */

input[type="radio"]+label:hover,
input[type="radio"]+label:hover span {
  color: inherit;
}

input[type="radio"]:checked+label {
  background-position: 0 -17px;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.lock_input[type='text'],
input.PWchange_input {
  width: 257px;
  height: 35px !important;
  border: 1px solid #D2D2D2 !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
  font-size: 14px;
  line-height: 17px;
  padding: 3px 5px;
  font-family: 'Pretendard-Light' !important;
}

.signup_input[type='text']:focus,
.signup_input[type='password']:focus,
.input_textbox_loginpage:focus,
.lock_input:focus,
input.PWchange_input:focus {
  border: 1px solid #2196F3 !important;
}

/* .signup_input[type='text']:valid,
.signup_input[type='password']:valid,
.input_textbox_loginpage:valid,
.lock_input:valid,
input.PWchange_input:valid {
  border: 1px solid #2196F3 !important;
}

.signup_input[type='text']:invalid,
.signup_input[type='password']:invalid,
.input_textbox_loginpage:invalid,
.lock_input:invalid,
input.PWchange_input:invalid {
  border: 1px solid #D2D2D2;
} */


.border_top_none {
  border-top: none !important;
}

/* PC 수량 변경 */

.mouse_tooltip_custom {
  background: #FFFFFF;
  box-shadow: 0px 5px 20px rgb(35 35 35 / 10%);
  border-radius: 3px;
  border: none;
  opacity: 1;
  padding: 10px;
  font-size: 13px;
}

/* input file */
.jfilestyle {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.jfilestyle input[type=text] {
  display: flex;
  height: 28px;
  padding: 0 10px;
  vertical-align: middle;
  border: 1px solid #dddddd;
  border-radius: 5px;
  color: #9B9B9B;
  font-size: 13px;
}
span.focus-jfilestyle {
  display: inline-block;
}
.focus-jfilestyle label span {
  display: inline-block;
  align-items: center;
  padding: 7px 8px 7px 28px;
  border-radius: 5px;
  font-size: 12px;
  line-height: 12px;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #dddddd;
  background-image: url(/assets/images/svg/file-upload-solid.svg);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 10px;
  transition: .3s;
  margin-left: 2px;
}

.focus-jfilestyle label span:hover {
  background-color: #EFEFEF;
}

.buttoncursor .img_icon {
  opacity: 0.6;
  padding-left: 4px;
}

/* test용 */
.bgred {
  background-color: red;
}

.bccred {
  outline: 2px dotted blue;
}


/*--------------------------------------------------------------
imgShow - OS
--------------------------------------------------------------*/
.imgShow-os-win-blue {
  background-image: url(/assets/images/svg/icn-os-win-gray.svg);
  background-size: 17px;
  width: 17px;
  height: 15px;
}

.radio:checked+label .imgShow-os-win-blue {
  background-image: url(/assets/images/svg/icn-os-win-blue.svg);
}

.imgShow-os-mac-blue {
  background-image: url(/assets/images/svg/icn-os-mac-gray.svg);
  background-size: 16px;
  width: 16px;
  height: 17px;
}

.radio:checked+label .imgShow-os-mac-blue {
  background-image: url(/assets/images/svg/icn-os-win-blue.svg);
}

.imgShow-os-win-white {
  display: inline-block;
  background-image: url(/assets/images/svg/icn-os-win-white.svg);
  background-repeat: no-repeat;
  width: 13px;
  height: 11px;
}

.imgShow-os-mac-white {
  display: inline-block;
  background-image: url(/assets/images/svg/icn-os-mac-white.svg);
  background-repeat: no-repeat;
  width: 11px;
  height: 13px;
}

.imgShow-os-win-black {
  display: inline-block;
  background-image: url(/assets/images/svg/icn-os-win-black.svg);
  background-repeat: no-repeat;
  background-size: 12px;
  width: 12px;
  height: 11px;
}

.imgShow-os-mac-black {
  display: inline-block;
  background-image: url(/assets/images/svg/icn-os-mac-black.svg);
  background-repeat: no-repeat;
  background-size: 12px;
  width: 12px;
  height: 14px;
  vertical-align: top;
}

.imgShow-os-win-gray {
  display: inline-block;
  background-image: url(/assets/images/svg/icn-os-win-black.svg);
  background-repeat: no-repeat;
  background-size: 12px;
  width: 12px;
  height: 11px;
}

.imgShow-os-mac-gray {
  display: inline-block;
  background-image: url(/assets/images/svg/icn-os-mac-black.svg);
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: 12px;
  width: 12px;
  height: 14px;
  vertical-align: -2px;
}

/* 툴팁 이미지 */
.imgShow-info-gray {
  display: inline-block;
  background-image: url(/assets/images/svg/icn_info_gray_new.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
  cursor: pointer;
  vertical-align: -2px;
  padding: 8px;
}

/*------------------------------------------------
글로벌일반형툴팁 기본 설정
------------------------------------------------*/
.tooltip_type04_trigger+.tooltip_type04 {
  top: auto;
}

.tooltip_type04_trigger+.tooltip_type04.right {
  right: 0;
}

.tooltip_type04 {
  display: none;
  position: absolute;
  z-index: 101;
  top: 100%;
  cursor: auto;
  padding-top: 6px;
}

.set_layer_popup .tooltip_type04 {
  font-size: 13px;
}

/* 
  cursor: default;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 3px;
  background-color: #fff;
  color: #333;
  */
.tooltip_type04>.tooltip_content {
  width: auto;
  height: auto;
  /* max-width: 300px;  */
  background: rgba(255, 255, 255, 0.98);
  text-align: left;
  white-space: normal;
  border-radius: 4px;
  padding: 10px;
  margin: 0 0 0 0;
  box-shadow: 0 5px 20px 0 rgba(35, 35, 35, 0.1);
  z-index: 101;
  line-height: 1.3;
  color: #333;
  font-size: 13px;
}

.tooltip_type04>.tooltip_content>* {
  /* padding: 6px; */
  display: block;
  width: 100%;
}

.tooltip_type04 span.tooltip_title {
  /* 글로벌일반형툴팁 제목 */
  font-weight: bold;
  font-size: 13px;
}

.tooltip_type04 span.tooltip_text,
.tooltip_type04 p.tooltip_text {
  /* 글로벌일반형툴팁 텍스트(p, span)*/
  font-size: 12px;
}

.tooltip_type04 div.tooltip_contRow {
  /* 글로벌일반형툴팁 복합콘텐츠행(Row)*/
  font-size: 0;
}

.tooltip_type04 div.tooltip_contRow>* {
  display: inline-block;
  height: auto;
  font-size: 12px;
  vertical-align: top;
  word-break: break-word;
}

.tooltip_type04 div.tooltip_contRow>.headline {
  width: 35%;
  font-weight: bold;
  padding-right: 5%;
}

.tooltip_type04 div.tooltip_contRow>.body {
  width: 65%;
}

.tooltip_type04 div.tooltip_contRow>.divider {
  width: 100%;
  display: block;
  height: 0;
  border-bottom: 1px dashed #ccc;
}

.set_layer_popup>ul.content_wrapper .tooltip_type04 span {
  /* 설정레이어팝업 내 위치 시 줄바꿈 생성 방지용 코드 */
  margin-right: 0 !important;
}

.area_content {
  height: auto !important;
}

/* 로그조회, 정책설정 테이블 */
table.tit_add {
  width: 100%;
  text-align: center;
}

table.tit_add>tbody tr:first-child td {
  padding: 0px 10px 3px 10px;
}

table.tit_add>tbody tr:not(:first-child) td {
  text-align: center;
}

.degree180rotate {
  transform: rotate(180deg);
}

img[src*="setting_v2.svg"] {
  transition: .3s;
}

img[src*="setting_v2.svg"]:hover {
  filter: brightness(60%);
}

img[src*="setting_v2.svg"]:active {
  filter: brightness(50%);
}
img.img_icon_config[name="config"].disabled {
  filter: brightness(130%);
  pointer-events: none;
} 



/*----------------------------------------------------------------------------------------
[ui_checkBox_radioBtn.css]
> Check Box & Radio Button
# Check Box
# Radio Button
----------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------
# Check Box
------------------------------------------------------------------*/

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]+label {
  cursor: pointer;
  line-height: 16px;
  display: inline-block;
  padding-left: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background: url(/assets/images/png/checkbox.png) no-repeat;
}

input[type="checkbox"]+label:hover {
  opacity: 0.75;
}

input[type="checkbox"]+label span {
  display: inline-block;
  padding-left: 7px;
}

input[type="checkbox"]:checked+label {
  background-position: 0 -16px;
}


/*----------------------------------------
비활성화 정의
----------------------------------------*/


/*--------------------
클래스 기반
--------------------*/

input[type="checkbox"].disabled+label {
  background-position: 0 -32px;
  color: #aaa;
  cursor: default;
}

input[type="checkbox"].select_disabled+label {
  background-position: 0 -48px;
  color: #aaa;
  cursor: default;
}


/*--------------------
속성 기반
--------------------*/

input[type="checkbox"][disabled="disabled"]+label {
  background-position: 0 -32px;
  color: #aaa;
  cursor: default;
}

input[type="checkbox"][disabled="disabled"]:checked+label {
  background-position: 0 -48px;
  color: #aaa;
  cursor: default;
}

input[type="checkbox"][disabled="true"]+label {
  background-position: 0 -32px;
  color: #aaa;
  cursor: default;
}

input[type="checkbox"][disabled="true"]:checked+label {
  background-position: 0 -48px;
  color: #aaa;
  cursor: default;
}


input[type='checkbox'] {
  appearance: none;
  border-radius: 5px;
}

/*------------------------------------------------------------------
# Radio Button - Basic
------------------------------------------------------------------*/

input[type="radio"] {
  display: none;
}

input[type="radio"]+label {
  cursor: pointer;
  background-repeat: no-repeat;
  /* 기존 라디오 */
  /* background-image: url("/assets/images/png/radio.png"); */
  /* 사이즈 줄인 라디오 */
  background-image: url(/assets/images/png/radio-2.png);
  display: inline-block;
  padding-left: 26px;
  height: 18px;
  line-height: 20px;
}
table input[type="radio"]+label {
  margin-top: 4px;
}

input[type="radio"]+label:hover {
  /* opacity: 0.75; */
  opacity: 1;
}

/* 
input[type="radio"]+label:hover,
input[type="radio"]+label:hover span {
  color: #0059a6;
} */

input[type="radio"]+label span {
  padding-left: 0px;
  position: relative;
  /* top: 1px; */
}

.lang-en input[type="radio"]+label {
  /* lang-en */
  line-height: 18px;
}

.con_table input[type="radio"]+label {
  /* in table */
  padding-left: 24px;
}



/*----------------------------------------
Radio Button - Status
----------------------------------------*/

input[type="radio"]:checked+label {
  background-position: 0 -18px;
}

input[type="radio"][disabled="disabled"]+label {
  background-position: 0 -36px;
  color: #aaa;
  cursor: default;
}

input[type="radio"][disabled="disabled"]:checked+label {
  background-position: 0 -54px;
  color: #aaa;
  cursor: default;
}

input[type="radio"][disabled="true"]+label {
  background-position: 0 -36px;
  color: #aaa;
  cursor: default;
}

input[type="radio"][disabled="true"]:checked+label {
  background-position: 0 -54px;
  color: #aaa;
  cursor: default;
}

.radioBtn>input[type="radio"]+label {
  padding-left: 24px;
}



input[type="radio"].disabled+label {
  background-position: 0 -36px;
  color: #aaa;
  cursor: default;
}

input[type="radio"].select_disabled+label {
  background-position: 0 -54px;
  color: #aaa;
  cursor: default;
}


/*----------------------------------------
Radio Button - Wrapper
- SCHB
----------------------------------------*/

.radioBtn {
  margin-right: 12px;
}

.radioBtn:last-of-type {
  margin-right: 0;
}




/*-----------------------------------------------------------------------------
# Radio Button - Toggle Button
-----------------------------------------------------------------------------*/

.btn_toggle_centerWrapper {
  /* Toggle Button - Wrapper - Center */
  display: inline-block;
  margin: 0 auto;
}
/* TODO 디자인 수정 전코드 남겨놓음 250120 */
.toggle {
  /* display: block;
  overflow: hidden;
  width: 34px;
  height: 22px;
  border-radius: 25px;
  cursor: pointer; */
  display: block;
  overflow: hidden;
  width: 32px;
  height: 20px;
  border-radius: 25px;
  cursor: pointer;
}

.toggle::after {
  /* content: '';
  position: absolute;
  display: inline-block;
  left: 4px;
  top: calc(50% - 7px);
  background: #fff;
  width: 14px;
  height: 14px;
  border-radius: 10px;
  transition: left .2s; */
  content: '';
  position: absolute;
  display: inline-block;
  left: 4px;
  top: calc(50% - 6px);
  background: #fff;
  width: 12px;
  height: 12px;
  border-radius: 10px;
  transition: left .2s;
}

.btn_toggle_on {
  position: relative;
  background-color: #2196F3;
}

.btn_toggle_off {
  position: relative;
  background-color: #aaa;
}

.toggle.btn_toggle_on::after {
  left: 16px;
}

.toggle span {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

.toggle.btn_toggle_on:hover {
  background-color: #2195f3c6;
}

.toggle.btn_toggle_off:hover {
  background-color: #aaaaaaab;
}

.toggle[disabled="disabled"] {
  cursor: not-allowed !important;
}

.btn_toggle_on.toggle[disabled="disabled"] {
  background-color: #b3dbfb;
  cursor: not-allowed !important;
}

.btn_toggle_off.toggle[disabled="disabled"] {
  background-color: #e3e3e3;
  cursor: not-allowed !important;
}

.popup-control-input:checked~.popup-control-label[disabled="disabled"]::before {
  background-color: #b3dbfb;
  cursor: not-allowed !important;
}

/*-----------------------------------------------------------------------------
# Radio Button - Button Group - Button Filter
> OSHD Web - Dashboard (2016)
-----------------------------------------------------------------------------*/

.btnGroupFilter {
  font-size: 0;
  margin-top: -8px;
}

.btnGroupFilter li {
  float: left;
  font-size: 11px;
  border-top: 1px solid #71abe0;
  border-right: 1px solid #71abe0;
  border-bottom: 1px solid #71abe0;
  padding: 3px 8px;
  color: #659fd4;
  cursor: pointer;
  text-align: center;
}

.btnGroupFilter li.active:hover span {
  opacity: 1;
}

.btnGroupFilter li:hover span {
  opacity: 0.7;
}

.btnGroupFilter li span {
  position: relative;
  bottom: 1px;
  margin-right: 0 !important;
}

.btnGroupFilter li:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left: 1px solid #71abe0;
}

.btnGroupFilter li:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.btnGroupFilter li.active {
  background-color: #0059a6;
  color: #fff;
  border: 1px solid #0059a6;
}


/*--------------------------------------------
Custom - Type01
--------------------------------------------*/

.btnGroupFilter.customType01 li {
  padding: 6px 24px;
  font-size: 12px;
}

.btnGroupFilter.customType01 li.active {
  font-weight: bold;
}


/*--------------------------------------------
Set Box - Design Edit
--------------------------------------------*/

.area_selectbar .btnGroupFilter.customType01 {
  margin-top: 5px;
  margin-left: 5px;
}

.area_selectbar .btnGroupFilter.customType01 li {
  width: 120px;
}


/*--------------------------------------------
Custom - Type02
--------------------------------------------*/

.btnGroupFilter.customType02 li {
  padding: 5px 24px 3px;
  font-size: 12px;
  border-color: #8ebae0;
  color: #8ebae0;
}

.btnGroupFilter.customType02 li.active {
  background-color: #337ab8;
  color: #fff;
}

.layout_card .area_head .btnGroupFilter.customType02 {
  /* in Card  */
  margin: 7px 14px 3px 0px;
}

.Exosphere {
  height: 100%;
}

.Exosphere.lang-ko h1.logo_ok p {
  height: 38px;
  background-image: url(/assets/images/logo/h1_logo_exsp.svg);
  background-repeat: no-repeat;
  background-position: 0;
  float: none !important;
  display: inline-block !important;
  width: 155px !important;
  background-size: 155px !important;
  left: -4px;
  overflow: hidden;
  text-indent: -9999px;
  padding-left: 14px;
  position: relative;
  bottom: 3px;
  right: 7px;
  opacity: 1;
}

.Exosphere.lang-ja h1.logo_ok p,
.Exosphere.lang-en h1.logo_ok p {
  height: 38px;
  background-image: url(/assets/images/logo/h1_logo_exsp_en.svg);
  background-repeat: no-repeat;
  background-position: 0;
  float: none !important;
  display: inline-block !important;
  width: 155px !important;
  background-size: 155px !important;
  left: -4px;
  overflow: hidden;
  text-indent: -9999px;
  padding-left: 14px;
  position: relative;
  bottom: 3px;
  right: 7px;
  opacity: 1;
}


.Exosphere.custom--sateraito h1.logo_ok p {
  height: 38px;
  background-image: url(/assets/images/logo/h1_logo_custom--sateraito.png);
  background-repeat: no-repeat;
  background-position: 0;
  float: none !important;
  display: inline-block !important;
  width: 155px !important;
  background-size: 155px !important;
  left: -4px;
  overflow: hidden;
  text-indent: -9999px;
  padding-left: 14px;
  position: relative;
  bottom: 3px;
  right: 7px;
  opacity: 1;
}

.Exosphere.custom--exosecurity h1.logo_ok p {
  height: 38px;
  background-image: url(/assets/images/logo/h1_logo_custom--exosecurity.svg);
  background-repeat: no-repeat;
  background-position: 0;
  float: none !important;
  display: inline-block !important;
  width: 155px !important;
  background-size: 155px !important;
  left: -4px;
  overflow: hidden;
  text-indent: -9999px;
  padding-left: 14px;
  position: relative;
  bottom: 3px;
  right: 7px;
  opacity: 1;
}

html[lang='ja'] .Exosphere.custom--exosecurity {
  font-family: "NotoSansJP-Regular", "Meiryo UI", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", arial, helvetica, sans-serif;
}

.wrapper_login_ok {
  background-color: #FFFFFF;
  height: 100%;
}

.wrapper_login_ok .header_topbar {
  display: flex;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 0 1rem;
  justify-content: end;
}

.contents_login {
  background-color: #FFFFFF; 
  width: auto;
  min-height: 0;
  padding:0px;
  margin: 0 auto;
}

div.contents_login .logo_ok {
  position: unset !important;
  float: none !important;
  text-align: center;
}

.area_form_login {
  width: fit-content !important;
  border: none !important;
  padding-bottom: 20px !important;
  margin: 0 auto;
}

div.contents_login h1.logo_ok>a {
  float: none !important;
  display: inline-block !important;
  width: 155px !important;
  background-size: 155px !important;
  margin-bottom: 60px;
}

div.contents_login .logo_ok {
  position: unset !important;
  float: none !important;
  text-align: center;
}

.input_textbox_loginpage {
  width: 90% !important;
  height: 39px !important;
  border: 1px solid #D2D2D2 !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
  padding: 3px 11px !important;
  font-size: 14px !important;
}

.container_login.contents {
  height: 100%;
  width:100%;
  background-color: #FFFFFF;
  border: none;
}

/* 로그인 */
.contents_login_new {
  height: 100%;
  max-height: 490px;
  width: 493px;
  padding: 10px;
  min-width: 360px;

  @media (max-width : 493px) {
    width: 100%;
    max-width: 493px;
  }
}

table.contents_login_new {
  border-collapse: separate;
}

table.contents_login_new>tbody>tr:nth-child(2)>td:nth-child(1) {
  max-width: 50%;
  position: relative;
  top: 1.2px;
  padding: 10px;
  width: 50%;
  border: 1.5px solid #D2D2D2;
  border-bottom: none;
  border-radius: 10px 10px 0px 0px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  height: 55px;

}

table.contents_login_new>tbody>tr:nth-child(2)>td:nth-child(2) {
  padding: 10px;
  width: 50%;
  max-width: 50%;
  /* border-bottom: 1.5px solid #D2D2D2; */
  border-radius: 10px 10px 0px 0px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  height: 55px;
}

table.contents_login_new>tbody>tr:nth-child(2)>td:nth-child(3) {
  border-bottom: 1.5px solid #D2D2D2;
  border-radius: 10px 10px 0px 0px;

}

table.contents_login_new>tbody>tr:nth-child(3)>td:last-child {
  border-top: 1.5px solid #D2D2D2;
  border-right: 1.5px solid #D2D2D2;
  border-radius: 0px 10px 0px 0px;

}

table.contents_login_new>tbody>tr:nth-child(3)>td:nth-child(1) {
  padding: 30px 0px 40px 0px;
  text-align: center;
  color: #2196F3;
  font-size: 15px;
  font-weight: 500;
  border-left: 1.5px solid #D2D2D2;
}

table.contents_login_new>tbody>tr:nth-child(4)>td:nth-child(1) {
  width: 35%;
  border-left: 1.5px solid #D2D2D2;
  padding: 20px 10px 20px 34px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

table.contents_login_new>tbody>tr:nth-child(5)>td:nth-child(1) {
  border-left: 1.5px solid #D2D2D2;
  padding: 20px 10px 20px 34px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000;
}

table.contents_login_new>tbody>tr:nth-child(6)>td:nth-child(1) {
  border-left: 1.5px solid #D2D2D2;
  padding: 20px 10px 20px 34px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000;
}

table.contents_login_new>tbody>tr:nth-child(7)>td:nth-child(1) {
  text-align: center;
  border: 1.5px solid #D2D2D2;
  border-top: none;
  border-radius: 0px 0px 10px 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}

table.contents_login_new>tbody>tr:nth-child(8)>td:nth-child(1) {
  text-align: center;
  padding-top: 20px;
}

/* 오른쪽 */

table.contents_login_new>tbody>tr:nth-child(3)>td:nth-child(2) {
  /* border-right: 1.5px solid #D2D2D2; */
}

table.contents_login_new>tbody>tr:nth-child(4)>td:last-child {
  border-right: 1.5px solid #D2D2D2;
}

table.contents_login_new>tbody>tr:nth-child(5)>td:last-child {
  border-right: 1.5px solid #D2D2D2;
}

table.contents_login_new>tbody>tr:nth-child(6)>td:last-child {
  border-right: 1.5px solid #D2D2D2;
}

table.contents_login_new>tbody>tr:nth-child(7)>td:last-child {
  border-right: 1.5px solid #D2D2D2;
}

/* 결제 로그인 */
.login_purchase {
  height: 100%;
  display: flex;
  text-align: center;
  align-items: flex-start;
  @media (max-width : 992px) {
    /* flex-direction: column; */
    display: none;
  }
  /* @media (max-width : 493px) {
    flex-direction: column;
  } */
}

.contents_login_purchase_banner {
  height: 100%;
  width: 36%;
  background: #F7F7F7;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width : 1400px) {
  .contents_login_purchase_banner img {
    max-width: 340px;
  }
}
.contents_login_purchase {
  /* width: -webkit-fill-available; */
  width: calc(64% - 74px);
  min-width: 460px;
  height: 100%;
  display: flex;
  padding: 0px;
  background-color: #FFFFFF;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* margin-right: 133px; */

  @media (max-width : 493px) {
    width: 100%;
    max-width: 493px;
  }
}

table.contents_login_purchase {
  border-collapse: separate;
}

table.contents_login_purchase>tbody>tr:nth-child(2)>td:nth-child(1) {
  max-width: 50%;
  position: relative;
  top: 1.2px;
  padding: 10px;
  width: 50%;
  border: 1.5px solid #D2D2D2;
  border-bottom: none;
  border-radius: 10px 10px 0px 0px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  height: 55px;

}

table.contents_login_purchase>tbody>tr:nth-child(2)>td:nth-child(2) {
  padding: 10px;
  width: 50%;
  max-width: 50%;
  /* border-bottom: 1.5px solid #D2D2D2; */
  border-radius: 10px 10px 0px 0px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  height: 55px;
}

table.contents_login_purchase>tbody>tr:nth-child(2)>td:nth-child(3) {
  border-bottom: 1.5px solid #D2D2D2;
  border-radius: 10px 10px 0px 0px;

}

table.contents_login_purchase>tbody>tr:nth-child(3)>td:nth-child(1) {
  width: 35%;
  border-left: 1.5px solid #D2D2D2;
  padding: 20px 10px 20px 34px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

table.contents_login_purchase>tbody>tr:nth-child(4)>td:nth-child(1) {
  border-left: 1.5px solid #D2D2D2;
  padding: 20px 10px 20px 34px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000;
}

table.contents_login_purchase>tbody>tr:nth-child(5)>td:nth-child(1) {
  border-left: 1.5px solid #D2D2D2;
  padding: 20px 10px 20px 34px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000;
}

table.contents_login_purchase>tbody>tr:nth-child(6)>td:nth-child(1) {
  text-align: center;
  border: 1.5px solid #D2D2D2;
  border-top: none;
  border-radius: 0px 0px 10px 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}

table.contents_login_purchase>tbody>tr:nth-child(7)>td:nth-child(1) {
  text-align: center;
  padding-top: 20px;
}

table.contents_login_purchase>tbody>tr:nth-child(3)>td:last-child {
  border-right: 1.5px solid #D2D2D2;
}

table.contents_login_purchase>tbody>tr:nth-child(4)>td:last-child {
  border-right: 1.5px solid #D2D2D2;
}

table.contents_login_purchase>tbody>tr:nth-child(5)>td:last-child {
  border-right: 1.5px solid #D2D2D2;
}

table.contents_login_purchase>tbody>tr:nth-child(6)>td:last-child {
  border-right: 1.5px solid #D2D2D2;
}


/* 모바일 결제 로그인 */
.login_purchase_mobile {
  display: none;
  @media (max-width : 992px) {
    height: 100%;
    display: flex;
    text-align: center;
    align-items: flex-start;
    flex-direction: column;
    
  }
}
.login_purchase_mobile .logo_ok {
  margin-top: 20px;
}
.contents_login_purchase_banner_mobile {
  height: 100%;
  width: 65%;
  background: #F7F7F7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contents_login_purchase_mobile {
  width: -webkit-fill-available;
  /* min-width: 460px; */
  height: 100%;
  display: flex;
  padding: 0px;
  background-color: #FFFFFF;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 150px;
  margin-top: 50px;

 /*  @media (max-width : 493px) {
    width: 100%;
    max-width: 493px;
  } */
}

.area_form_login_mobile {
  width: calc(100% - 80px);
  max-width: 500px;
  margin: 0 auto;
}
.area_form_login_mobile .img-box img {
  width: 100%;
}

.textbox_id_mobile, .textbox_email_mobile, .textbox_password_mobile {
  font-size: 30px !important;
}
.login_signup_under_text_mobile {
  margin-top: 40px;
  margin-bottom: 20px;
  transform: scale(1.5);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 3px;
}
.join-pc {
  display: block;
  @media (max-width : 993px) {
    display: none;
  }
}
.join-mb  {
  display: none;
  @media (max-width : 993px) {
    display: block;
  }
}
.input_textbox_loginpage_mobile {
  width: 100% !important;
  height: 80px !important;
  border: 1px solid #D2D2D2 !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
  padding: 3px 11px !important;
  font-size: 30px !important;
}

.input_textbox_loginpage_text_mobile {
  text-align: left;
  white-space: nowrap;
  color: #333;
  font-size: 24px;
  line-height: 50px;
  margin-top: 32px;
}

.btn_login {
  margin: 10px 0px 20px 0px !important;
  height: 57px;
}
.btn_login.purchase {
  height: 80px;
}

.wrapper_login_ok .contents_loginFooter .cpright {
  font-size: 12px;
  color: #999;
  display: inline-block;
  margin-left: 6px;
  padding-top: 2px;
}

.wrapper_login_ok .contents_loginFooter {
  text-align: center;
  margin-top: 16px;
}

.Exosphere .login_upper_text {
  position: absolute;
  /* padding-left: 110px; */
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;

  @media (max-width : 473px) {
    left: 0;
    transform: translateX(0);
    padding-left: 46px;
  }
}
[name="find_login_info"] {
  margin-right: 3px;
}
.login_signup_under_text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  row-gap: 10px;
}

.Exosphere .login_signup_under_text {
  font-size: 16px;
  line-height: 19px;
  white-space: nowrap;
}

/* SIGN UP */
/* 온라인 제품등록 */

.Exosphere .signup_upper_text {
  font-size: 15px;
  line-height: 22px;
  color: #333333;
  position: absolute;
  white-space: normal;
  text-align: center;
  margin-top: -25px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 0 20px;

  @media (max-width : 493px) {
    margin-top: -45px;
  }
}

.text-tr-height {
  height: 113px;

  @media (max-width : 493px) {
    height: 150px;
  }
}

.Exosphere.lang-ja .signup_upper_text {

  top: 168px;

  @media (max-width : 493px) {
    top: 218px;
  }
}

.Exosphere.lang-en .signup_upper_text {
  top: 168px;

  @media (max-width : 493px) {
    top: 198px;
  }
}

table.contents_signup {
  border-collapse: separate;
  padding-bottom: 20px;
}

table.contents_signup>tbody>tr:nth-child(2)>td:nth-child(1) {
  height: 55.5px;
  padding: 10px;
  width: 50%;
  max-width: 50%;
  /* border-bottom: 1.5px solid #D2D2D2; */
  border-radius: 10px 10px 0px 0px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  height: 55px;
}

table.contents_signup>tbody>tr:nth-child(2)>td:nth-child(2) {
  max-width: 50%;
  position: relative;
  top: 1.2px;
  padding: 10px;
  width: 50%;
  border: 1.5px solid #D2D2D2;
  border-bottom: none;
  border-radius: 10px 10px 0px 0px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  height: 55px;
}

/* table.contents_signup  >  tbody  >  tr:nth-child(2)  >  td:nth-child(3) {
  border-bottom: 1.5px solid #D2D2D2;
  border-radius: 10px 10px 0px 0px;
} */

/* 왼쪽 */

/* table.contents_signup  >  tbody  >  tr:nth-child(2)  >  td:nth-child(1) {
  border-left: 1.5px solid #D2D2D2;
  

} */

table.contents_signup>tbody>tr:nth-child(3)>td:last-child {
  padding: 15px 0px 15px 0px;
  text-align: center;
  color: #2196F3;
  font-size: 15px;
  font-weight: 500;
  border-right: 1.5px solid #D2D2D2;
}

table.contents_signup>tbody>tr:nth-child(3)>td:nth-child(1) {
  border-top: 1.5px solid #D2D2D2;
  border-left: 1.5px solid #D2D2D2;
  border-radius: 10px 0px 0px 0px;

}

table.contents_signup>tbody>tr:nth-child(4)>td:nth-child(1) {
  border-left: 1.5px solid #D2D2D2;
}

table.contents_signup>tbody>tr:nth-child(11)>td:nth-child(1) {
  width: 35%;
  border-left: 1.5px solid #D2D2D2;
  padding: 20px 10px 20px 28px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #7C7C7C;
}

.Exosphere.lang-ja table.contents_signup>tbody>tr:nth-child(n+4):nth-child(-n+10)>td:nth-child(1) {
  /* width: 37%;
  border-left: 1.5px solid #D2D2D2;
  padding: 0px 5px 00px 27px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000; */
}

table.contents_signup>tbody>tr:nth-child(n+4):nth-child(-n+11)>td:nth-child(1) {
  width: 35%;
  border-left: 1.5px solid #D2D2D2;
  padding: 20px 10px 20px 34px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000;
}

table.contents_signup>tbody>tr:nth-child(11)>td:nth-child(1) {
  text-align: center;
}

table.contents_signup>tbody>tr:nth-child(12)>td:nth-child(1) {
  text-align: center;
  border: 1.5px solid #D2D2D2;
  border-top: none;
  border-radius: 0px 0px 10px 10px;
  padding: 5px 19px 20px 19px;
}

table.contents_signup>tbody>tr:nth-child(n+4)>td:last-child {
  border-right: 1.5px solid #D2D2D2;
}

table.contents_signup>tbody>tr:nth-child(13)>td:nth-child(1) {
  text-align: center;
  padding: 25px 0px 0px 0px;
  border: none;
}

.signup_input[type='text'],
.signup_input[type='password'] {
  width: 90% !important;
  height: 39px !important;
  border: 1px solid #D2D2D2 !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  font-family: 'Pretendard-Light' !important;
  padding: 3px 11px !important;
  font-size: 14px !important;
}

.lock_input[type='text'],
input.PWchange_input {
  width: 257px;
  height: 35px !important;
  border: 1px solid #D2D2D2 !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  padding: 3px 5px;
  font-family: 'Pretendard-Light' !important;
}

.signup_input[type='text']:focus,
.signup_input[type='password']:focus,
.input_textbox_loginpage:focus,
.lock_input:focus,
input.PWchange_input:focus {
  border: 1px solid #2196F3 !important;
}

/* .signup_input[type='text']:valid,
.signup_input[type='password']:valid,
.input_textbox_loginpage:valid,
.lock_input:valid,
input.PWchange_input:valid {
  border: 1px solid #2196F3 !important;
}

.signup_input[type='text']:invalid,
.signup_input[type='password']:invalid,
.input_textbox_loginpage:invalid,
.lock_input:invalid,
input.PWchange_input:invalid {
  border: 1px solid #D2D2D2;
} */


.signup_input[name='get_authorization_code'] {
  padding: 10px !important;
  height: 39px;
  border: 1px solid #D2D2D2 !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
  font-size: 14px;
  line-height: 17px;
  color: #333333;
  font-family: 'Pretendard-Light' !important;
}

.signup_input[name='authorization_code'] {
  padding: 10px !important;
  width: 100px;
  height: 39px;
  border: 1px solid #D2D2D2 !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
  font-size: 14px;
  line-height: 17px;
  color: #333333;
  font-family: 'Pretendard-Light' !important;
}

.signup_input[name='confirm_authorization_code'] {
  width: 54px;
  height: 39px;
  font-size: 14px;
  font-size: 14px;
  line-height: 17px;
  color: #333333;
  font-family: 'Pretendard-Light' !important;
}

.area_registration .contents_signup {
  width: 100%;
  padding: 10px;
  margin: 0 auto;
  width: 100%;
  max-width: 493px;
  min-width: 360px;

  @media (max-width : 493px) {
    width: 100%;
  }
}

.chk_area {
  text-align: left;
  padding: 10px 0px 0px 0px;
}

/* 공통 */

.layout_card .area_content table td:has(input[type="checkbox"]) {
  white-space: normal;
  text-overflow: clip;
  overflow: visible;
}

.layout_card .area_content table td:not(:has(.img_icon)) {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.horzDivider {
  width: 100%;
  height: 40px;
}

img[src*="animation_loading_v2.gif"] {
  width: 29px !important;
  height: 29px;
}

img[src*="animation_loading_v2.gif"]+div {
  margin-top: 10px;
  color: var(--Text-Black01, #222);
  font-family: "Pretendard-Light";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.table_loading .loading_box {
  display: flex;
  flex-direction: column;
}


div.headerBanner {
  width: 100%;
  z-index: 100;
  color: #FFFFFF;
  height: 40px;
  display: flex;
  justify-content: center;
  transition: all 0.1s ease-in-out;
}

div.headerBannerFree {
  width: 100%;
  z-index: 100;
  color: #FFFFFF;
  height: 40px;
  display: flex;
  justify-content: center;
  transition: all 0.1s ease-in-out;
  background: #FFF7E1;
  box-shadow: 0px 2px 8px 0px rgba(229, 229, 229, 0.80);
}

div.headerBannerFree>div {
  display: flex;
  align-items: center;
  font-size: 15px;
}

/* 툴팁있는 setting_option-title 마진 수정*/
.setting_option-title .item_title:has(+.helpIcon-circleLine-small.helpIcon-question.tooltip_type04_trigger.size_w350) {
  margin-right: 2px;
}

/* 애플리케이션 제어 내역 툴팁 아이콘 */

/* 암호화 보호 중 : 파란 체크 */
.imgShow-info-blue-check {
  background-image: url(/assets/images/svg/icn_info_blue_check.svg?ver=24061700);
  margin-right: 3px;
  background-size: 14px;
  vertical-align: -3px;
}

/* 개인(민감)정보 검사가 진행되지 않은 파일 : 회색 엑스 */
.imgShow-info-grey-x {
  background-image: url(/assets/images/svg/icn_info_grey_x?ver=24061700);
  margin-right: 3px;
  background-size: 14px;
  vertical-align: -3px;
}

/* 개인(민감)정보가 포함되지 않은 파일 : 회색 체크 */
.imgShow-info-grey-check {
  background-image: url(/assets/images/svg/icn_info_grey_check?ver=24061700);
  margin-right: 3px;
  background-size: 14px; 
  vertical-align: -3px;
}

/* 개인민감 정보 포함 일때 : 빨간색 느낌표 */
.imgShow-info-red-exclamation {
  background-image: url(/assets/images/svg/icn_info_red_exclamation.svg?ver=24061800);
  margin-right: 3px;
  background-size: 14px; 
  vertical-align: -3px;
}

/* 개인민감 정보 실패일때 : 회색 물음표 */
.imgShow-info-grey-question {
  background-image: url(/assets/images/svg/icn_info_grey_question.svg?ver=24061800);
  margin-right: 3px;
  background-size: 14px; 
  vertical-align: -3px;
}

.all_view>tbody>tr>td>a.helpIcon-circleLine-small i.imgShow-info-gray {
  vertical-align: 2px;

}
input.hasDatepicker + svg {
  cursor: pointer;
  transition: .3s;
}
input.hasDatepicker:focus + svg {
  rotate: 180deg !important;
}
input.hasDatepicker + label svg {
  transition: .3s;

}
input.hasDatepicker:focus + label svg {
  rotate: 180deg !important;
}

/* 캘린더 리디자인 */
.ui-datepicker.ui-widget.ui-widget-content {
  box-shadow: 0px 0px 40px 0px #adadad40 !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  margin-top: 6px;
  border: 1px solid #cbcbcb45 !important;
}

.ui-widget-header {
  border: none !important;
  background: transparent !important;
  color: #222 !important;
  font-weight: 500;
  font-family: "Pretendard";
}

.ui-datepicker .ui-datepicker-prev {
  left: auto;
  right: 30px !important;
  z-index: 90 !important;
}

.ui-datepicker:has(.ui-datepicker-group) .ui-datepicker-prev {
  right: -220px !important;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 !important;
  line-height: 1.8em;
  text-align: left !important;
  text-indent: 10px;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 100% !important;
  margin: 0 auto !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #dddddd00 !important;
  background: transparent !important;
  font-weight: normal;
  color: #000 !important;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0 !important;
  text-align: center !important;
  text-decoration: none;
  font-family: 'Pretendard-Regular' !important;
}

.ui-datepicker th {
  font-weight: 300 !important;
  color: #aaa;
  font-family: 'Pretendard-Regular' !important;
}

.ui-datepicker-group.ui-datepicker-group-first {
  
  position: relative;
  margin-right: 15px !important;
}
.ui-datepicker-group.ui-datepicker-group-first::after {
  position: absolute;
  right: -15px;
  top: 0;
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #ddd;
}

.ui-datepicker-group.ui-datepicker-group-last {
  position: relative;
  margin-left: 15px !important;
}

.ui-datepicker-group.ui-datepicker-group-last::before {
  position: absolute;
  left: -16px;
  top: 0;
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #ddd;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: calc(50% - 15px) !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: #2196F333 !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #2196F333 !important;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background: none !important;
}

.ui-icon,
.ui-widget-content .ui-icon::after {
  content: '';
}

/* 이전 */
.ui-icon.ui-icon-circle-triangle-w {
  background-color: transparent !important;
}

.ui-icon.ui-icon-circle-triangle-w::after {
  position: absolute;
  display: block;
  top: -2px;
  left: 3px;
  width: 16px;
  height: 16px;
  content: '\f053';
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  color: #C4C4C4;
  text-indent: 0 !important;
}
.ui-datepicker-calendar td.ui-datepicker-today .ui-state-default {
  background-color: #2195f300 !important;
}
.ui-datepicker-calendar td.ui-datepicker-today .ui-state-active {
  background-color: #2196F333 !important;
}
.ui-datepicker-calendar td.ui-datepicker-today:hover .ui-state-default {
  background-color: #f6f6f6 !important;
  border: #f6f6f6;
}

/* 다음 */
.ui-icon.ui-icon-circle-triangle-e {
  background-color: transparent !important;
}

.ui-icon.ui-icon-circle-triangle-e::after {
  position: absolute;
  display: block;
  top: -2px;
  left: 3px;
  width: 16px;
  height: 16px;
  content: '\f054';
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  color: #C4C4C4;
  text-indent: 0 !important;
}
/* .ui-datepicker-calendar td:has(a.ui-state-default):first-child {
  background-color: red !important;
} */
/* 캘린더 리디자인 끝 */

.textarea_style {
  width: 100%;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  border: var(--common-border);
  border-radius: 5px;
  padding: 8px 11px;
  box-sizing: border-box;
  background-color: #fff;
}
.textarea_style:focus,
textarea:focus-visible  {
  border: 1px solid #2196F3;
  outline: none;
}
.over_hidden {
  overflow: hidden;
}

textarea {
  border: 1px solid #ddd;
  width: 100%;
  border-radius: 5px;
}
textarea:active, 
textarea:focus-visible, 
textarea:focus {
  outline: none;
  border: 1px solid #2196F3;
}