.ui-widget input, .ui-widget select, .ui-widget textarea{
  line-height: 1em;
}
input[type=checkbox]{
  width: 1.28571rem;
  height: 1.28571rem;
  aspect-ratio: 1/1;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 4px;
  border: 1px solid var(--Gray-500, #8C949B);
  background-color: var(--Base-white, #FFF);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
input[type=checkbox]:hover{
  border-color: var(--Gray-800, #363A3D);
}
input[type=checkbox]:checked{
  border-color: var(--Blue-600, #1570EF);
  background-color: var(--Blue-600, #1570EF);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.85rem;
}
input[type=checkbox]:checked:hover{
  border-color: var(--Blue-700, #175CD3);
  background-color: var(--Blue-700, #175CD3);
}
input[type=checkbox]:disabled{
  border-color: var(--Gray-500, #8C949B);
  background-color: var(--Gray-200, #E1E4E8);
}
input[type=checkbox]:checked:disabled{
  background-color: var(--Gray-500, #8C949B);
}

input[type=radio]{
  width: 1.28571rem;
  height: 1.28571rem;
  aspect-ratio: 1/1;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 999px;
  border: 1px solid var(--Gray-500, #8C949B);
  background-color: var(--Base-white, #FFF);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
input[type=radio]:hover{
  border-color: var(--Gray-800, #363A3D);
}
input[type=radio]:checked{
  border-color: var(--Blue-600, #1570EF);
  background-color: var(--Blue-600, #1570EF);
  
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
}
input[type=radio]:checked:hover{
  border-color: var(--Blue-700, #175CD3);
  background-color: var(--Blue-700, #175CD3);
}
input[type=radio]:disabled{
  border-color: var(--Gray-500, #8C949B);
  background-color: var(--Gray-200, #E1E4E8);
}
input[type=radio]:checked:disabled{
  background-color: var(--Gray-500, #8C949B);
}

/* label input */
.entry_item{
  position: relative;
  margin: 0 auto 24px auto;
  width: 100%;
  text-align: initial;
}
/* font_text_2_regular */
.text_field{
  width: 100%;
  background-color: transparent;
  overflow: visible !important;
  padding: 11px;
  border-radius: 8px;
  
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  will-change: opacity, transform, color;
  
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* font_text_1_regular */
.text_field.xl{
  padding: 12px;
  border-radius: 9px;
}
.text_field:hover .text_field_cover_indent,
.text_field:hover .text_field_cover_notch,
.text_field:hover .text_field_cover_tail{
  border-color: var(--Gray-600, #6C747A);
}
.text_field_input{
  padding: 0 6px;
  display: flex  ;
  border: none !important;
  background-color: transparent !important;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  appearance: none;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  color: #333 !important;
}
.text_field_input:focus{
  outline: none;
}
.text_field_cover{
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  text-align: left;
  pointer-events: none;
  z-index: 10;
  border-radius: 8px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
}
.text_field.xl .text_field_cover{
  border-radius: 9px;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.04);
}
.text_field_cover_indent{
  border-radius: 8px 0 0 8px;
  border-left: 1px solid;
  border-right: none;
  width: 12px;
}
.text_field.xl .text_field_cover_indent{
  border-radius: 9px 0 0 9px;
  border-right: none;
  width: 12px;
}
.text_field_cover_notch{
  flex: 0 0 auto;
  width: auto;
  max-width: calc(100% - 12px* 2);
}
.text_field_cover_tail{
  border-radius: 0 8px 8px 0;
  border-left: none;
  border-right: 1px solid;
  flex-grow: 1;
}
.text_field.xl .text_field_cover_tail{
  border-radius: 0 9px 9px 0;
  border-left: none;
  flex-grow: 1;
}
.text_field_cover_indent,
.text_field_cover_notch,
.text_field_cover_tail{
  box-sizing: border-box;
  height: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  pointer-events: none;
  border-color: var(--Gray-500, #8C949B);
}
.text_field_cover .floating-label{
  display: inline-block;
  position: relative;
  max-width: 100%;
  background-color: #fff;
  z-index: 500;
  left: 4px;
  right: initial;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  padding: 0 3px;
  color: var(--Gray-500, #8C949B);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.text_field_cover .floating-label.float{
  transform: translateY(-138%) scale(0.90) !important;
  color: inherit;
}
.text_field.focused:not(.invalid) .text_field_cover_indent,
.text_field.focused:not(.invalid) .text_field_cover_notch,
.text_field.focused:not(.invalid) .text_field_cover_tail{
  border-color: var(--Blue-600, #1570EF) !important;
  border-width: 2px;
}
.text_field.focused:not(.invalid) .floating-label.float{
  color: var(--Blue-600, #1570EF) !important;
}
.text_field.invalid .text_field_cover_indent,
.text_field.invalid .text_field_cover_notch,
.text_field.invalid .text_field_cover_tail{
  border-color: var(--error, #F04438) !important;
  border-width: 2px;
}
.text_field.invalid .floating-label.float{
  color: var(--error, #F04438) !important;
}
.text_field.readonly,
.text_field.readonly .floating-label{
  background-color: #e7e7e7;
  color: #666;
}
.text_field_btn_wrap{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.text_field_btn_wrap > .text_field{
  width: calc(100% - 135px);
}
#result_msg{
  font-weight: 400;
  font-size: 1rem;
  line-height: 20px;
  padding: 12px;
  margin-bottom: 20px;
  display: none;
  margin: 0 auto 10px auto;
  text-align: justify;
  border-radius: 6px;
  border: 1.5px solid var(--error, #F04438);
  background: rgba(240, 68, 56, 0.08);
  color: var(--error, #F04438);
}
.pw_view_icon{
  background-position: center;
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  /* 
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
   */
  z-index: 2;
}
.pw_view_icon:hover{
  background-color: var(--Contrast-Alpha-10, rgba(22, 23, 24, 0.10));
  cursor: pointer;
}
.pw_view_icon.off{
  background-image: url('/el/images/icon/icon_visibility.svg');
}
.pw_view_icon.on{
  background-image: url('/el/images/icon/icon_visibility_off.svg');
}

.pw_condition{
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-top: 5px;
  font-size: 1rem;
  line-height: 1;
  color: var(--Gray-600, #6C747A);
}
.pw_condition::before{
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2.5' stroke='%23cbd5e1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4.5 12.75l6 6 9-13.5' /%3E%3C/svg%3E");
}
.pw_condition.valid{
  color: var(--Blue-600, #1570EF);
}
.pw_condition.valid::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2.5' stroke='%233b82f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4.5 12.75l6 6 9-13.5' /%3E%3C/svg%3E");
}

.login_error {
  margin-top: 5px;
  text-align: left;
  width: 100%;
  max-width: 320px;
  color: var(--error, #F04438) !important;
  font-size: 1rem;
  line-height: 1;
  display: none;
}
.login_error.error{
  position: absolute;
}
#result_msg::before,
.login_error.error::before{
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_498_10136)'%3E%3Cpath d='M8 0.5C3.86 0.5 0.5 3.86 0.5 8C0.5 12.14 3.86 15.5 8 15.5C12.14 15.5 15.5 12.14 15.5 8C15.5 3.86 12.14 0.5 8 0.5ZM8 12C7.51 12 7.11 11.6 7.11 11.11C7.11 10.62 7.51 10.22 8 10.22C8.49 10.22 8.89 10.62 8.89 11.11C8.89 11.6 8.49 12 8 12ZM9.02 5.11L8.72 8.68C8.69 9.05 8.38 9.34 8 9.34C7.62 9.34 7.31 9.05 7.28 8.68L6.98 5.11C6.93 4.52 7.4 4 8 4C8.57 4 9.02 4.46 9.02 5.02V5.11Z' fill='%23F04438'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_498_10136'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -2px;
  vertical-align: middle;
}
.input_error {
  border: 1px solid var(--error, #F04438) !important;
}
.input_text_error {
  margin: 5px auto 0px auto;
  text-align: left;
  width: 100%;
  max-width: 320px;
  color: var(--error, #F04438) !important;
  font-size: 13px;
  line-height: 1;
}

/* default input text */
/* font_text_2_regular */
.input_lg{
  display: flex;
  width: 400px;
  padding: 11px 16px;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid var(--Gray-500, #8C949B);
  background-color: var(--Base-white, #FFF);
  color: var(--Gray-900, #26282A);
}
/* font_text_1_regular */
.input_xl{
  display: flex;
  width: 400px;
  padding: 12px 17px;
  align-items: center;
  gap: 4px;
  border-radius: 9px;
  border: 1px solid var(--Gray-500, #8C949B);
  background-color: var(--Base-white, #FFF);
}
.input_lg::placeholder,
.input_xl::placeholder{
  color: var(--Gray-500, #8C949B);
}

.input_lg:hover,
.input_xl:hover{
  border: 1px solid var(--Gray-600, #6C747A);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
}

.input_lg:focus{
  outline: none;
  border: 2px solid var(--Blue-600, #1570EF);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
  padding: 10px 15px;
}
.input_xl:focus{
  outline: none;
  border: 2px solid var(--Blue-600, #1570EF);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
  padding: 11px 16px;
}

.input_lg.error,
.input_xl.error{
  border: 2px solid var(--error, #F04438);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
  padding: 10px 15px;
}

.input_lg:disabled,
.input_xl:disabled{
  border: 1px solid var(--Gray-300, #CCD2D6);
  background-color: var(--Gray-50, #F3F5F7);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
  color: var(--Gray-400, #B0B7BD);
}


/* default input text */
/* font_text_2_regular */
.search_input_cover{
  display: flex;
  width: 400px;
  padding: 10px;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid var(--Gray-500, #8C949B);
  background-color: var(--Base-white, #FFF);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
}
.search_input_cover input[type=text]{
  padding: 0 6px;
  width: 100%;
  border: none;
}
.search_input_cover:has(input[type=text]:hover){
  border: 1px solid var(--Gray-600, #6C747A);
}
.search_input_cover:has(input[type=text]:focus){
  border: 2px solid var(--Blue-600, #1570EF);
  padding: 9px;
}
.search_input_cover button.delete_icon{
  display: none;
  padding: 5px;
  border-radius: 999px;
  align-items: center;
}
.search_input_cover button.delete_icon > svg{
  width: 1.14286rem;
  height: 1.14286rem;
  aspect-ratio: 1/1;
}
.search_input_cover button.delete_icon:hover{
  background-color: var(--Contrast-Alpha-10, rgba(22, 23, 24, 0.10));
  cursor: pointer;
}


/* select */
/* font_text_2_regular */
select.search_filter{
  display: flex;
  width: 200px;
  padding: 10px 32px 10px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 8px;
  border: 1px solid var(--Gray-500, #8C949B);
  background-color: var(--Base-white, #FFF);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
  color: var(--Gray-900, #26282A);
  
  -webkit-appearance: none;  /* 사파리, 크롬 */
  -moz-appearance: none;     /* 파이어폭스 */
  appearance: none;					 /* 표준 */
  
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23333'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center; /* 우측에서 12px 떨어진 중앙 */
  background-size: 16px; /* 화살표 크기 조절 */
}
/* IE에서 기본 화살표를 숨기기 위한 별도 처리 */
select.search_filter::-ms-expand {
  display: none;
}

select.search_filter:hover{
  border: 1px solid var(--Gray-600, #6C747A);
}

select.search_filter:focus,
select.search_filter:focus-within,
select.search_filter:focus-visible{
  outline: none;
  border: 2px solid var(--Blue-600, #1570EF);
  padding: 9px 31px 9px 9px;
  /* 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23333'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 15l7-7 7 7'%3E%3C/path%3E%3C/svg%3E");
   */
}

select.search_filter:disabled{
  background-color: var(--Gray-50, #F3F5F7);
  color: var(--Gray-500, #8C949B);
}

/* textarea */
/* font_text_2_regular */
textarea.input_textarea{
  display: flex;
  width: 100%;
  padding: 16px 22px;
  align-items: flex-start;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid var(--Gray-500, #8C949B);
  background-color: var(--Base-white, #FFF);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
  color: var(--Gray-900, #26282A);
}
textarea.input_textarea::placeholder{
  color: var(--Gray-500, #8C949B);
}
textarea.input_textarea:hover{
  border: 1px solid var(--Gray-600, #6C747A);
}
textarea.input_textarea:focus{
  border: 2px solid var(--Blue-600, #1570EF);
  padding: 15px 21px;
}
textarea.input_textarea:disabled{
  border: 1px solid var(--Gray-300, #CCD2D6);
  background-color: var(--Gray-50, #F3F5F7);
  color: var(--Gray-400, #B0B7BD);
}



/* iPad Pro : 1024px */
@media screen and (max-width: 1024px){
  
}

/* iPad Air : 820px */
@media screen and (max-width: 820px){
  
}

/* iPad Mini : 768px */
@media screen and (max-width: 768px){
  .text_field_btn_wrap > .text_field {
    width: calc(100% - 103px);
  }
}

@media screen and (max-width: 640px) {
  
}

@media screen and (max-width: 560px) {
  .search_input_cover{
    max-width: calc(100% - 75px);
    width: 100%;
  }
  .search_input_pack{
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  select.search_filter{
    width: auto;
  }
  .login_error {
    font-size: 13px;
  }
  .search_input_cover{
    max-width: calc(100% - 76px);
    width: 100%;
  }
}

@media screen and (max-width: 360px) {
  .text_field_btn_wrap{
    flex-direction: column;
    gap: 10px;
  }
  .text_field_btn_wrap > .text_field{
    width: 100%;
  }
}